/* ------------------   PAGE ARTICLE COLLEGE  -------------- */
/* ********************************************************* */
.wrapper {
    background-color: #f5f5fa;
    padding: 0 3%;
}

@media screen and (max-width: 620px) {
    .wrapper {
        padding: 0;
    }
}

/* TITRE (book, cook, forum, etc...) */
.banner-title {
    padding-bottom: 3%;
    color: #5569af;
    font-size: 36px;
    text-align: center;
}

    .banner-title .line-left {
        clear: left;
        float: left;
        width: 20%;
        border-top: 3px solid #eee;
    }

    .banner-title .line-right {
        clear: right;
        float: right;
        width: 20%;
        border-top: 3px solid #eee;
    }

    .banner-title .homebox-title {
        margin-top: 20px;
        font-size: large;
        font-weight: bold;
        font-family: firasans;
        color: black;
    }

    .banner-title .panel-title {
        font-size: medium;
        font-family: montserra;
        color: black;
    }

/* MODULE HEADER-ARTICLE*/
.header-article {
    /*margin-left: 10%;   NEW_HEADER */
    margin-top: 4%; /* NEW_HEADER */
    margin-bottom: 4%; /* NEW_HEADER */
}

    .header-article .linkaudio {
        margin-right: 1%;
        color: #ff4b55;
        cursor: pointer;
    }

h1 .linkaudio { /* ajout vivien */
    margin-right: 1%;
    color: #fdb913;
    cursor: pointer;
    font-size: 25px
}

.header-article1 .linkaudio { /* §ik_modif regroupement */
    margin-right: 1%;
    color: #ff4b55;
    cursor: pointer;
}

.header-article .CatgramDefinition {
    /* line-height: 10px;  */ /* §ik_modif_04-11 : suppression line-height !!! */
    /* §ik_modif : avant 0px */
    /* §ik_modif_04_02 color: #5569af; */
    color: #566BB3;
    margin-top: 1%; /*  NEW_HEADER  */
}

.header-article .OrigineDefinition {
    line-height: 10px; /* §ik_modif : avant 0px */
}

.header-article ul {
    margin-top: 3%;
    margin-left: -25px;
    padding: 0;
    text-align: center;
}

.header-article li {
    display: inline-block;
    width: 16%;
    padding: 12px;
    border-right-style: solid;
    text-align: center;
    border-color: #788cbe;
    background: #576bb4;
}

.header-article .sel {
    background: #788cbe;
}

.header-article li a {
    text-decoration: none;
    color: white;
}

@media screen and (max-width: 680px) {
    .section {
        display: none;
    }
}

/* MODULE Frise ImageDico SLIDER(Slick)*/
.zone-frise {
    display: inline-block;
    width: 100%;
    text-align: center;
}

    .zone-frise .line-left {
        margin-top: 30px;
    }

    .zone-frise .line-right {
        margin-top: 30px;
    }

.panel-frise {
    margin-left: 3%;
    margin-right: 3%;
}

@media screen and (max-width: 480px) {
    .panel-frise {
        margin-left: 6%; /*!!! Smartphone !!!*/
        margin-right: 6%; /*!!! Smartphone !!!*/
    }
}

.wrapper .slide-frise {
    margin-left: 3%;
    margin-right: 3%;
}

/*bouton color (slick)*/
.slick-prev, .slick-next {
    background-color: #5d73ad;
    border-radius: 30px;
}

    .slick-prev:before, .slick-next:before {
        background-color: #5d73ad;
        border-radius: 30px;
    }

/* item slide(carousel slick)*/
.item-frise {
    width: 240px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

    .item-frise a {
        text-decoration: none;
        outline: none !important;
    }

.slide-frise .item-frise-visuel { /*!!! métadatas XML (Encyclo >>> Quizz) !!!*/
}

    .slide-frise .item-frise-visuel .bkg { /*!!! métadatas XML (Encyclo >>> Quizz) !!!*/
        position: absolute;
        height: 120px;
        width: 120px;
        margin-top: 15px;
        margin-left: -80px;
        background-color: #ebebf5;
        border-radius: 105px;
        z-index: -1;
        transition: 100ms;
    }

.item-frise:hover .item-frise-visuel .bkg { /*!!! métadatas XML (Encyclo >>> Quizz) !!!*/
    width: 150px;
    height: 150px;
    margin-top: 0px;
    margin-left: -100px;
    transition: 100ms;
}

.slide-frise .item-frise-visuel img { /*!!! métadatas XML (Encyclo >>> Quizz) !!!*/
    width: 150px;
    height: 150px;
    margin: auto;
    padding: 15px;
    border-radius: 20px;
    transition: 100ms;
}

.item-frise:hover .item-frise-visuel img { /*!!! métadatas XML (Encyclo >>> Quizz) !!!*/
    width: 150px;
    height: 150px;
    padding: 0px;
    transition: 100ms;
}

.slide-frise .item-frise-def { /*!!! métadatas XML (Encyclo >>> Quizz) !!!*/
    height: 140px; /*fixe taille def*/
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 20px;
    font-family: firasans;
    color: black;
}

    .slide-frise .item-frise-def h4 { /*!!! métadatas XML (Encyclo >>> Quizz) !!!*/
        font-weight: bold;
        font-size: 16px;
    }

    .slide-frise .item-frise-def p { /*!!! métadatas XML (Encyclo >>> Quizz) !!!*/
        margin-top: 10px;
        font-size: 12px; /*larger;*/
    }


/* Zone listSearchResult */
.zone-listresult {
}

    .zone-listresult .line-left {
        width: 10%;
        margin-top: 30px;
    }

    .zone-listresult .line-right {
        width: 10%;
        margin-top: 30px;
    }

.hb-listresult {
    /*margin-right: 8%;*/
    margin-bottom: 5%;
    padding: 3% 10% 3% 10%;
    font-family: firasans regular;
    background-color: white;
    box-shadow: 6px 6px 6px #d6d6d6;
    /*transition: height 1000ms;*/ /*!display!*/
}

    .hb-listresult h2 {
        display: none;
    }

    .hb-listresult .count {
        display: none;
    }

    .hb-listresult .sel-section {
        background-color: #f8f7fd; /*replace #e3eaf1; vivien 24/06/21  */
    }

    .hb-listresult article {
    }

    .hb-listresult .itemShow {
        display: block;
    }

    .hb-listresult .itemHidden {
        display: none;
    }

    .hb-listresult .sel {
        background-color: #efeffb; /*replace #d5daf3; vivien 24/06/21  */
    }

    .hb-listresult .item-result {
        margin-top: 6px;
        font-size: 16px;
        font-weight: bold;
    }

    .hb-listresult .sous-article {
        margin-left: 45px;
        color: #566bb3; /*ajout vivien 24/06/21  */
    }

        .hb-listresult .sous-article .item-result {
            font-size: 14px;
            font-weight: normal;
        }

    .hb-listresult a {
        text-decoration: none;
        color: #040404; /*replace #ff4b54; vivien 24/06/21  */
    }
    /*.hb-listresult p {
    margin-top:-8px;
}*/
    .hb-listresult img {
        display: none; /*pas de vignette*/
        float: left;
        height: 38px;
        margin-right: 6px;
    }

.btPlus {
    cursor: pointer;
    margin: 20px 3% 0 3%;
    padding: 10px;
    border-top: solid 1px #788cbe;
    font-style: italic;
    font-weight: bold;
    text-align: center;
}

.iconPlus {
    margin-left: 8px;
}


/* MODULE SEARCH CONJUG */
.zone-searchconjug {
    padding: 0 3%;
    padding-top: 3%;
    padding-bottom: 5%;
    margin-bottom: 30px;
    background-color: white;
    box-shadow: 6px 6px 6px #d6d6d6;
}

.zone-desc-search {
    color: #5569af;
}

.hb-search-icon {
    float: left;
    font-size: 45px;
    font-family: fontello;
}

.hb-search-name {
    float: left;
    width: 70%; /*width:80%;*/
    margin-left: 20px;
}

    .hb-search-name h1 {
        margin-top: 20px;
        font-size: x-large;
        font-family: firasans;
    }

.zone-desc-search hr {
    clear: left;
    margin-bottom: 10px;
    width: 90%;
}

.zone-desc-search p {
    /*clear:left;*/
    font-weight: bold;
    font-style: italic;
    font-family: firasans;
}

.zone-search-keyword {
    text-align: center;
    color: white;
}

.input-search-keyword .lar-searchtxt {
    width: 75%;
    margin-top: 10px;
}

.bt-search-keyword {
    width: 30%;
    min-width: 220px;
    margin-top: 10px;
    padding: 12px 25px 1px 0px;
    border-radius: 30px;
    font-size: inherit;
    background-color: #5a6eb4;
}

.icon-Search {
    float: right;
    margin-top: -32px;
    font-size: large;
}

/* FIXED NAVMENU (NavMenu flottant)*/
/* ==> no Display [webDico = DEF + EXP] */
.navbox-fixed {
    display: none;
}


/* PUBS */
.pub-pave {
    /*width: 30%;*/ /*33%-3% (marge)*/
    text-align: center;
    margin: auto;
}

@media screen and (max-width: 992px) {
    .pub-pave {
        width: 100%;
        margin-top: 3%;
        text-align: center;
    }
}

/* ----------------   CONTENT ARTICLE COLLEGE ------------- */
/* ********************************************************* */
.wrapper {
    *zoom: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 1em
}

.wrapper:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}


/* =============== article : content ================ */
.article-html {
    font-family: "Verdana";
    padding: 0 10px 0 10px
}



    /* IK_ : suppression : .article-html .zone-entree-nc-2, */
    /* IK_ .article-html p.zone-pluriel, */
    .article-html .lien-adresse,
    .article-html span.lien-pluriel {
        font-weight: bold;
        font-size: 12px;
        color: #ff8a00;
        margin-top: 0px;
        margin-bottom: 12px;
    }

    /* IK_4 rajout : */
    .article-html .lien-adresse-np {
        /* font-weight: bold; */
        font-size: 18px;
        color: #004f87;
        font-style: normal;
    }

    /* IK_ : */
    .article-html p.zone-pluriel {
        font-weight: bold;
        font-size: 12px;
        color: #ff8a00;
        /*margin-top: 0px;
	margin-bottom: 12px; */
        margin-top: 12px;
        margin-bottom: 0px;
    }
    /* IK_ : */
    .article-html span.zone-pluriel {
        font-weight: bold;
        font-size: 12px;
        color: #ff8a00;
        /*margin-top: 0px;
	margin-bottom: 12px; */
        margin-top: 12px;
        margin-bottom: 0px;
    }


    .article-html a.savoir_plus {
        display: none
    }

    .article-html a.conjugaison {
        display: none
    }

    .article-html a.memo {
        display: none
    }

    .article-html .renvois {
        font-size: 13px;
        color: black
    }

    .article-html a.planche {
        display: none
    }

    .article-html span.sup {
        vertical-align: 5px;
        font-size: 8px
    }

    .article-html span.adresse span.sup {
        vertical-align: top;
        font-size: 12px
    }

    .article-html span.adresse-oeuvre span.sup {
        vertical-align: top;
        font-size: 12px
    }

    .article-html span.adresse-sart span.sup {
        vertical-align: top;
        font-size: 12px
    }

    .article-html span.ante-adresse span.sup {
        vertical-align: top;
        font-size: 12px
    }

    .article-html span.nom-usage span.sup {
        vertical-align: top;
        font-size: 12px
    }

    .article-html span.autre-nom span.sup {
        vertical-align: top;
        font-size: 12px
    }

    .article-html span.small {
        font-variant: small-caps
    }


    /* IK_ : suppression : .article-html .zone-entree-nc-2, */
    .article-html h1.zone-entree-nc {
        /* margin-bottom: 3px; IK_2 */
        margin-bottom: 2%; /* IK_3 */
        border-bottom: 4px dotted #fdb913; /* IK_3 */
        padding-bottom: 2%
    }


    .article-html h2.zone-sous-entree-nc {
        font-size: 21px;
        /* IK_3 
	margin-bottom: 5px;
	margin-top: 16px
	*/
        margin-top: 7%; /* IK_3 */
        margin-bottom: 2%; /* IK_3 */
        border-bottom: 4px dotted #fdb913; /* IK_3 */
        padding-bottom: 2%
    }

    /* IK_ : rajout zone-entree-nn */
    .article-html h1.zone-entree-nn {
        margin-bottom: 2%;
        /* border-bottom: 4px dotted #fdb913;  */
    }

    .article-html span.adresse {
        font-weight: bold;
        font-size: 23px;
        color: #004f87
    }

    .article-html .adresse-refortho,
    .article-html p.zone-pluriel,
    .article-html span.pluriel,
    .article-html span.pluriel-refortho {
        font-weight: bold;
        font-size: 20px;
        color: #004f87
    }

    .article-html .ante-adresse-refortho {
        font-weight: normal;
        font-size: 20px;
        color: #004f87
    }

    .article-html span.asterisque {
        font-weight: bold;
        font-size: 23px;
        color: #004f87
    }

    .article-html span.asterisque-sousart {
        font-weight: bold;
        font-size: 21px;
        color: #004f87
    }

    .article-html p.zone-categorie-grammaticale {
        font-weight: bold;
        font-size: 14px;
        /* IK_ color: #ff8a00; */
        /* margin-top: 0px; */
        margin-top: 12px; /* IK_ */
        /* margin-bottom: 12px IK_ */
        line-height: 20px; /* vivien */
    }

    .article-html p.niveau-langue {
        font-style: italic;
        font-size: 13px;
        margin-bottom: 2px;
        color: RGB(121, 121, 121)
    }

    /* IK_ : ajout classe : */
    .article-html p.locutions {
        /* margin-left: 4%; */
        margin-top: 0.4846em;
    }

    .article-html ol.zone-texte-nc {
        font-weight: bold;
        text-align: justify;
        font-size: 15px;
        line-height: 20px;
        color: #7cc141;
        margin-top: 0px;
        margin-bottom: 13px;
        padding: 0px
    }

    .article-html li.division-semantique {
        /* IK_ text-align: justify; */
        text-align: left;
        font-size: 15px;
        line-height: 20px;
        color: #7cc141;
        list-style-position: inside;
        margin-bottom: 10px;
        list-style-type: decimal;
        font-weight: normal
    }

    .article-html span.definition {
        font-size: 15px;
        color: #000000
    }

    .article-html span.exemple {
        font-style: italic;
        font-size: 15px;
        color: #000000
    }

    /* IK2_ : */
    .article-html span.normal {
        font-style: normal;
    }

    .article-html div.remarque {
        font-size: 15px;
        color: #000000;
        margin-top: 0px;
        margin-bottom: 15px
    }

        .article-html div.remarque p.remarque {
            text-align: justify;
            font-size: 15px;
            line-height: 20px;
            color: #000000;
            margin: 0px;
            padding-left: 15px;
            background: url("../img/puce_remarque.png") no-repeat left 0px;
            text-indent: 4px
        }

    .article-html span.mot-nc {
        font-weight: bold;
        font-size: 14px;
        color: #004f87
    }

        .article-html span.mot-nc a {
            color: #004f87;
            text-decoration: underline;
        }

    .article-html span.exemple-rem {
        font-style: italic;
        font-size: 15px;
        color: #000000
    }

    .article-html p.division-semantique {
        text-align: justify;
        font-size: 15px;
        line-height: 20px;
        color: #000000;
        margin-bottom: 15px;
        margin-top: 0px
    }

    .article-html span.syn {
        font-size: 12px;
        color: #7cc141
    }

    .article-html span.syn-texte {
        font-weight: bold;
        font-size: 14px;
        color: #404040
    }

    .article-html span.contr {
        font-size: 12px;
        color: #7cc141
    }

    .article-html span.contr-texte {
        font-weight: bold;
        font-size: 14px;
        color: #404040
    }



    /* IK_3 : rajout */
    .article-html p.zone-adresse2 {
    }

    .article-html h3.zone-adresse2 {
        margin-top: 10px;
    }

    .article-html span.adresse-sart {
        font-weight: bold;
        font-size: 21px;
        color: #004f87
    }

    .article-html span.categorie-grammaticale {
        font-size: 14px;
        color: #ff8a00
    }

    .article-html span.adresse-locution {
        font-weight: bold;
        font-size: 14.5px;
        color: #004f87
    }

    .article-html p.reforme-ortho {
        text-align: justify;
        font-size: 15px;
        line-height: 20px;
        color: #000000;
        margin: 0px;
        padding-left: 15px;
        background: url("../img/puce_ortho.png") no-repeat left 3px
    }

    .article-html span.b-reforme {
        font-weight: bold;
        font-size: 14px;
        color: #004f87
    }

    .article-html p.mot-famille {
        text-align: justify;
        font-size: 15px;
        line-height: 20px;
        color: #000000;
        margin: 0px;
        padding-left: 18px;
        background: url("../img/puce_famille.png") no-repeat left 0px;
        text-indent: 4px
    }



    .article-html div.mini-encyclo {
        font-size: 15px;
        color: #000000;
        margin-top: 10px;
        margin-bottom: 15px;
        background-color: #ffcccc;
        padding: 10px;
    }


    .article-html p.titre-mini-encyclo {
        font-weight: bold;
        font-size: 14px;
        /* line-height: 27px; */
        color: #000000;
        margin-top: 5px;
        margin-bottom: 5px;
        /* padding-left: 32px; */
        /* background: url("../img/green_bullet2x.png") no-repeat left top */
    }

    /* IK2 : rajout */
    .article-html span.sous-titre-mini-encyclo {
        font-weight: bold;
        /* font-size: 14px; */
        font-style: italic;
        color: #000000;
        /*margin-top: 5px;
	margin-bottom: 5px;*/
    }

    /* IK_4 : rajout */
    .article-html p.titre-contribution {
        font-weight: bold;
        font-size: 14px;
        font-style: normal;
        color: #ff8a00;
        margin-top: 10px;
        /* margin-bottom: 5px; */
    }

    /* IK_4 : rajout */
    .article-html span.titre-sous-contribution {
        font-weight: bold;
        /* font-size: 14px; */
        font-style: normal;
        color: #ff8a00;
        /*margin-top: 5px;
	margin-bottom: 5px;*/
    }


    /* IK_4 : rajout */
    .article-html span.titre-section {
        font-weight: bold;
        /* font-size: 14px; */
        font-style: italic;
        color: #ff8a00;
        /*margin-top: 5px;
	margin-bottom: 5px;*/
    }

    .article-html span.complement-encyclo {
        color: #e65c00;
        font-weight: bold;
        font-size: 18px;
        padding-left: 10px; /* IK2 */
    }

    .article-html p.para-mini-encyclo {
        text-align: justify;
        font-size: 15px;
        line-height: 20px;
        color: #000000;
        margin: 0px
    }

    .article-html span.mot-mini-encyclo {
        font-style: italic
    }

    .article-html span.ital {
        font-style: italic
    }

    .article-html span.niveau-langue {
        font-style: italic;
        font-size: 13px;
        color: RGB(121, 121, 121)
    }

    .article-html span.zone-categorie-grammaticale {
        font-size: 14px;
        color: #ff8a00
    }

    .article-html span.ante-adresse {
        font-size: 23px;
        color: #004f87
    }

    /* IK_4 : rajout */
    .article-html span.ante-adresse-np {
        font-size: 21px;
        color: #004f87
    }

    .article-html span.i-entree-cachee {
        font-style: italic
    }

    .article-html .zone-entree-nc a.appel-phon {
        background-size: auto 80%
    }

    .article-html a.appel-phon {
        color: #000000;
        text-decoration: none;
        /* line-height: 25px; IK_ */
        padding-left: 32px;
        padding-right: 0px;
        background: url("../img/french_sound.png") no-repeat left center;
        background-size: auto 100%;
        font-size: 18px; /* vivien */
        vertical-align: bottom; /* vivien */
    }

    .article-html a.appel-phon-off {
        color: #000000;
        text-decoration: none;
        line-height: 25px;
        padding-left: 32px;
        background: url("../img/french_sound_off.png") no-repeat left center;
        background-size: auto 100%
    }

    .article-html span.mot-cle {
        font-style: italic
    }

    .article-html span.phonetique {
        color: #004f87;
        /*	line-height: 25px;  */
        font-size: 13px; /* rajout */
        font-weight: bold
    }

    /* IK_ */
    .article-html p.phonetique {
        color: #004f87;
        font-weight: bold;
        margin-top: 12px;
        font-size: 13px; /* vivien */
    }

    .article-html a.appel-son {
        font-size: 20px;
        color: #000000;
        text-decoration: none;
        line-height: 25px;
        padding-right: 32px;
        padding-left: 0px;
        background: url("../img/cri-animal.png") no-repeat left center;
        background-size: auto 80%
    }

    .article-html a.appel-son-off {
        font-size: 20px;
        color: #000000;
        text-decoration: none;
        line-height: 25px;
        padding-right: 32px;
        padding-left: 0px;
        background: url("../img/cri-animal_off.png") no-repeat left center;
        background-size: auto 80%
    }


    .article-html div.origine {
        font-size: 15px;
        /* IK_ color: #000000; */
        /* IK_ margin-top: 10px; */
        margin-top: 12px;
        /*IK_ margin-bottom: 15px */
    }

    .article-html p.titre-origine {
        font-weight: bold;
        font-size: 18px;
        line-height: 27px;
        color: #000000;
        margin-bottom: 5px;
        padding-left: 32px;
        background: url("../img/green_bullet2x.png") no-repeat left top
    }

    .article-html p.para-origine {
        text-align: justify;
        font-size: 15px;
        line-height: 20px;
        /* color: #000000; */
        color: #ff8a00;
        margin: 0px
    }

    .article-html span.mot-origine {
        font-style: italic
    }


    .article-html span.rubrique {
        color: #7cc141;
    }

    .article-html div.zone-medias {
        float: right;
        width: 190px;
        margin-left: 20px
    }

    .article-html img.zone-medias {
        width: 100%;
        margin-bottom: 10px
    }

    .article-html div.conjugaison {
        margin: 0px auto
    }

    .article-html .conjugaison:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }

    .article-html p.mode-indicatif {
        font-weight: bold;
        text-align: left;
        font-size: 17px;
        color: #dc1c8d;
        padding-top: 10px;
        padding-left: 0px;
        margin-bottom: 7px;
        border-bottom: 2px solid #dc1c8d
    }

    .article-html p.mode-participe {
        font-weight: bold;
        text-align: left;
        font-size: 17px;
        color: #dc1c8d;
        padding-top: 140px;
        margin-left: 0px;
        margin-bottom: 7px;
        border-bottom: 2px solid #dc1c8d
    }

    .article-html div.temps {
        margin-bottom: 2px;
        float: left;
        width: 49.5%
    }

    .article-html div.temps-sans-bordure {
        margin-bottom: 2px;
        float: left;
        width: 49.5%
    }

    .article-html div.passe-compose {
        margin-bottom: 2px;
        float: left;
        width: 99.8%
    }

    .article-html h4.tetiere {
        text-align: left;
        font-size: 15px;
        line-height: 20px;
        color: #dc1c8d;
        padding-left: 10px;
        margin-bottom: 0px;
        margin-top: 5px
    }

    .article-html ul {
        font-weight: bold;
        font-size: 13px;
        text-align: left;
        padding-left: 10px;
        margin-top: 0px;
        margin-bottom: 5px;
        padding-top: 0px;
        line-height: 20px
    }

    .article-html li {
        font-weight: bold;
        font-size: 13px;
        text-align: left;
        list-style-type: none;
        margin-top: 0px;
        padding-top: 0px;
        line-height: 20px
    }

        .article-html li.tetiere {
            font-weight: bold;
            font-size: 15px;
            color: #dc1c8d;
            text-align: left;
            padding-top: 0px;
            line-height: 20px;
            padding-left: 0px
        }

    .article-html span.pronom {
        font-size: 13px
    }

    .article-html p.message {
        font-style: italic;
        text-align: left;
        font-size: 12px;
        padding-top: 110px
    }

    .article-html span.selection {
        font-weight: bold;
        font-size: 10px
    }

    .article-html h1.zone-entree-np {
        margin-bottom: 12px;
        color: #004f87;
        font-size: 20px;
        line-height: 32px
    }

    .article-html span.complement-adresse {
        font-size: 21px; /* IK_4 : 23 => 21 = ante-adresse-np */
        color: #004f87
    }

    .article-html span.adresse-oeuvre {
        font-style: italic;
        font-weight: bold;
        font-size: 23px;
        color: #004f87
    }

    .article-html div.definition-np {
        font-size: 15px;
        line-height: 20px;
        color: #ff8a00;
        /* margin-bottom: 9px; */
        /* IK_4 */
        margin-bottom: 3%;
        margin-top: 0px;
        border-bottom: 4px dotted #fdb913;
        padding-bottom: 3%;
    }


    /* .article-html .definition-np, */ /* IK_4 */
    .article-html .continent {
        color: #FF6C00;
        border-bottom: 4px dotted #fdb913;
        padding-bottom: 3%;
    }

    .article-html span.nom-usage {
        font-size: 21px;
        color: #004f87
    }

    .article-html span.liaison-adresse {
        color: #004f87;
        font-size: 19px; /*IK_4 */
    }

    .article-html span.prenom {
        font-size: 21px;
        color: #004f87
    }

    .article-html span.particule {
        font-size: 21px;
        color: #004f87
    }

    .article-html p.continent {
        font-size: 15px;
        color: #ff8a00;
        margin-bottom: 7px;
        margin-top: 0px
    }

    .article-html div.chapo-pays {
        font-size: 15px;
        color: #004f87;
        margin-bottom: 10px;
        margin-top: 0px
    }

    .article-html p.chapo-pays {
        font-weight: bold;
        font-size: 14px;
        color: #004f87;
        margin: 0px;
        padding-left: 8px;
        background: url("../img/picto-chapo-pays.png") no-repeat left 6.5px
    }

    .article-html div.sous-contribution {
        font-size: 15px;
        line-height: 20px;
        color: #000000;
        margin-bottom: 10px;
        margin-top: 0px
    }

    .article-html p.para-np {
        text-align: justify;
        font-size: 15px;
        line-height: 20px;
        color: #000000;
        margin-bottom: 5px;
        margin-top: 0px
    }

    .article-html span.titre-para-np {
        font-weight: bold;
        font-size: 14px;
        color: #000000;
        padding-left: 22px;
        line-height: 30px;
        background: url("../img/picto-titre.png") no-repeat left 12px;
        border-bottom: 2px solid #3ac4e7;
        padding-bottom: 1px;
        padding-top: 10px
    }




    .article-html p.remarque {
        font-size: 13.5px;
        line-height: 20px;
        color: #000000;
        margin-bottom: 12px; /* IK2_ : 0px => 12 px */
        margin-top: 12px;
    }

    /* IK_   */
    /* IK2_ => 42296.htm : rem dans PHON */
    .article-html span.remarque {
        /* IK2_  font-size: 13.5px; 
	line-height: 20px; */
        color: #000000;
        font-style: normal;
        font-size: 15px;
    }

    .article-html span.mot {
        font-weight: bold;
        font-size: 15px;
        color: #dc1c8d
    }

    .article-html span.insert-rem {
        font-weight: bold;
        font-size: 11px;
        line-height: 25px;
        text-transform: uppercase;
        color: #000000;
        padding-left: 13px;
        background: url("../img/picto-rem.png") no-repeat left top
    }

    .article-html p.oeuvre-principale {
        font-size: 13.5px;
        line-height: 20px;
        color: #000000;
        margin-bottom: 0px;
        margin-top: 10px
    }

    .article-html span.insert-oeuvre-principale {
        font-weight: bold;
        color: #000000
    }

    .article-html span.autre-nom {
        font-size: 21px;
        color: #004f87
    }

    .article-html span.etymon {
        font-style: italic
    }

    .article-html div.liste-pays {
        margin-top: 20px;
        margin-left: 0px;
        display: none
    }

    .article-html p.liste-pays {
        text-align: justify;
        font-size: 17px;
        line-height: 25px;
        color: #ff8a00;
        margin-bottom: 5px;
        margin-top: 00px;
        display: none
    }

    .article-html p.nom-pays {
        text-align: justify;
        font-size: 15px;
        line-height: 22px;
        color: #000000;
        margin-bottom: 5px;
        margin-left: 15px;
        margin-top: 0px;
        display: none
    }

        .article-html p.nom-pays a {
            color: #004f87;
            display: none
        }


/* =============== FIN article : content ================ */


/**********************************************************************/

.wrapper {
    background-color: white;
    margin: 1% 0.5%;
    padding-bottom: .76923em
}

    .wrapper .wrapper-left {
        clear: both;
        float: left;
        margin-bottom: 1%;
        margin-left: .5%;
        margin-right: -22.8%;
        width: 21.8%;
        word-wrap: break-word;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .wrapper .article-html {
        float: left;
        margin-bottom: 1%;
        /*margin-left: 23.3%;*/
        /*margin-right: -68.4%;*/
        width: 100%; /* vivien*/
        word-wrap: break-word;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative
    }

        .wrapper .article-html .lien-conjug-wrapper {
            position: absolute;
            top: 0;
            right: 10px;
            background-color: #FDB913;
            padding: 0 .23077em;
            text-align: center
        }

            .wrapper .article-html .lien-conjug-wrapper .lienconj {
                color: white;
                text-decoration: none;
                text-align: center;
                font-size: 1.4em;
                text-transform: lowercase;
                font-variant: small-caps
            }

        .wrapper .article-html .ht {
            *zoom: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFDDB56', endColorstr='#FFFCCB0A')";
            background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZGI1NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZjY2IwYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
            background-size: 100%;
            background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fddb56), color-stop(100%, #fccb0a));
            background-image: -moz-linear-gradient(#fddb56, #fccb0a);
            background-image: -webkit-linear-gradient(#fddb56, #fccb0a);
            background-image: linear-gradient(#fddb56, #fccb0a);
            background-repeat: repeat-x;
            border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
            border-style: solid;
            border-width: 1px;
            display: inline-block;
            position: relative
        }

            .wrapper .article-html .ht > .ht-link {
                background-color: #fccb0a;
                border-radius: 0 5px 5px 0;
                color: white;
                display: block;
                font-size: 1.53846em;
                height: 1.5em;
                line-height: 1.5em;
                margin-top: -.75em;
                position: absolute;
                right: -1.75em;
                text-align: center;
                text-decoration: none;
                top: 50%;
                width: 1.25em
            }

                .wrapper .article-html .ht > .ht-link:after {
                    border-color: transparent #fccb0a transparent transparent;
                    border-style: solid;
                    border-width: .75em .5em .75em 0;
                    content: "";
                    display: block;
                    left: -.5em;
                    position: absolute;
                    top: 0
                }

                .wrapper .article-html .ht > .ht-link:hover {
                    background-color: #fddb56
                }

                    .wrapper .article-html .ht > .ht-link:hover:after {
                        border-color: transparent #fddb56 transparent transparent
                    }

        .wrapper .article-html .ht-link {
            display: none
        }


/* ======================= IMAGES / GALLERY  ======================*/

.article-html .gallery {
    margin-bottom: .76923em;
    min-width: 12.30769em;
    background-color: white;
}
/* ik_12_02 : rajout background-color:white; => GALLERY dans extraits ?*/
@media screen and (max-width: 992px) { /*RWD*/
    .content .gallery {
        width: 100%;
    }
}

.article-html .gallery figure {
    height: 18.46154em;
    display: none;
    position: relative;
    text-align: center;
    width: 24.61538em;
    z-index: 1
}

@media screen and (max-width: 992px) { /*MOD_PAT RWD*/
    .content .gallery figure {
        width: 100%;
    }
}

.article-html .gallery figure.sel {
    display: block
}

.article-html .gallery figure > a {
    display: block;
    line-height: 18.46154em;
    height: 18.46154em;
    overflow: hidden;
    position: relative;
    z-index: -1
}

    .article-html .gallery figure > a img {
        max-height: 100%;
        max-width: 100%;
        vertical-align: middle
    }

.article-html .gallery figure figcaption {
    color: white;
    background-color: transparent;
    background-color: #566bb3;
    opacity: .85;
    *zoom: 1;
    bottom: 0;
    left: 0;
    padding-top: .38462em;
    padding-bottom: .38462em;
    position: absolute;
    right: 0
}

*.article-html .gallery ul {
    list-style-type: none;
    margin: 0 auto;
    overflow: hidden;
    width: 100%; /*MOD_PAT RWD*/
    text-align: right; /* ik */
}


.article-html .gallery ul li {
    cursor: pointer;
    display: inline-block;
    height: 4.15385em;
    width: 4.15385em
}


    .article-html .gallery ul li img {
        border: 1px solid #b9aeb1;
        height: 3.69231em;
        margin: .15385em;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        opacity: .6;
        width: 3.69231em
    }


    .article-html .gallery ul li:hover img, .article-html .gallery ul li.sel img {
        border-color: #056c7d;
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }


.article-html .gallery.left {
    float: left;
    margin-right: 1.53846em
}


.article-html .gallery.right {
    float: right;
    margin-left: 1.53846em
}

/* ik : ??? */
.article-html .gallery.one figure { /*max-width:36.92308em;*/
    width: auto
}
    /*MOD_PAT*/


    .article-html .gallery.one figure > a { /*display:inline*/
    }
/*MOD_PAT*/


.article-html .gallery.center figure {
    margin: 0 auto
}


.article-html .gallery + .blanc-avant, .article-html .gallery + .citation, .article-html .gallery + .extrait {
    margin-top: 0
}

/* Ajout interaction IMAGE (Gallery)*/
.article-html .gallery figure .fnav {
    background-color: black;
    display: none;
    height: 100%;
    left: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: .75;
    position: absolute;
    top: 0;
    width: 100%
}

    .article-html .gallery figure .fnav a {
        cursor: pointer;
        height: 5em;
        margin-top: -2.46154em;
        position: absolute;
        text-indent: -769.15385em;
        top: 50%
    }

    .article-html .gallery figure .fnav .fnav-zoom {
        height: 1.69231em;
        margin: -.84615em 0 -1.15385em;
        width: 2.30769em;
        position: relative
    }

        .article-html .gallery figure .fnav .fnav-zoom:before {
            content: "\f08e";
            font-family: FontAwesome;
            color: #7b7b7b;
            font-size: 2em
        }

        .article-html .gallery figure .fnav .fnav-zoom:hover:before {
            color: white
        }

    .article-html .gallery figure .fnav span {
        display: none
    }