/* ------------------   PAGE ARTICLE MEMO (Dossier Encyclo)  -------------- */
/* ************************************************************************ */
.wrapper {
    background-color: #f5f5fa;
}

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

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

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

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

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

@media screen and (max-width: 992px) {
    .banner-title .line-left {
        width: 15%;
    }

    .banner-title .line-right {
        width: 15%;
    }
}

/* CONTENT*/
.zone-content {
}

.panel-pays {
    display: inline-block;
    margin: 1% 0%;
}






/* MODULE THEME ENCYCLO */
/* HomeBoxTheme - Liste Dossiers Encyclopedie*/
.zone-theme {
    border-bottom: black solid;
    border-left: black solid;
    border-right: black solid;
}

    .zone-theme H1 {
        background-color: #2e3192;
        color: #fff;
        font-size: 16px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-weight: bold;
        line-height: 28px;
        text-transform: uppercase;
        text-align: center;
    }

    .zone-theme .links-content {
        padding-top: 0.5em;
    }

    .zone-theme ul {
        list-style: none;
        padding: 0;
    }

    .zone-theme li {
        padding: 5px 20px;
        font-size: 14px;
        font-weight: bold;
    }

        .zone-theme li .current {
            display: block;
            height: 30px;
            padding-top: 5px;
            background-color: #cacef7;
        }

        .zone-theme li a {
            text-decoration: none;
            color: black;
        }

    .zone-theme img {
        width: 100%;
        padding: 2px;
    }


/* 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 MEMO (Dossier Encyclo)  -------------- */
/* ************************************************************************* */
.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
    }

small {
    font-variant: small-caps;
    font-size: inherit;
    font-style: inherit;
    color: inherit;
}

.College_Fiches-Memo {
    font-family: "Verdana";
    padding: 0 10px 0 10px
}

    .College_Fiches-Memo img {
        max-width: 100%
    }

    .College_Fiches-Memo p.titre-lecon {
        font-weight: bold;
        font-size: 22px;
        margin-bottom: 20px;
        margin-top: 20px;
        color: #004f87;
        padding: 0px;
        text-align: center;
        line-height: 25px
    }

    .College_Fiches-Memo p.introduction-lecon {
        font-style: italic;
        font-size: 15px;
        margin-bottom: 5px;
        margin-top: 0px;
        color: #004f87;
        padding: 0px
    }

    .College_Fiches-Memo p.para-lecon {
        font-size: 14px;
        text-align: justify;
        color: #000000;
        margin: 5px 0 0 0
    }

    .College_Fiches-Memo div.encadre-lecon p.para-lecon {
        font-size: 14px;
        text-align: justify;
        color: #000000;
        margin: 0 0 0 0
    }

    .College_Fiches-Memo p.para-tiret {
        font-size: 14px;
        text-align: justify;
        color: #000000;
        margin: 0 0 0 0
    }

    .College_Fiches-Memo p.titre-encadre-lecon {
        font-weight: bold;
        font-size: 14px;
        text-align: center;
        color: #000000;
        margin: 0 0 10px 0
    }

    .College_Fiches-Memo p.para-puce {
        font-size: 14px;
        text-align: justify;
        color: #000000;
        margin: 5px 0 0 0px
    }

    .College_Fiches-Memo p.para-triangle {
        font-size: 14px;
        text-align: justify;
        color: #000000;
        margin: 0 0 0 20px
    }

    .College_Fiches-Memo p.sous-titre {
        font-style: italic;
        font-weight: bold;
        font-size: 15px;
        text-align: justify;
        color: #000000;
        margin: 10px 0 3px 10px;
        color: #004f87
    }

    .College_Fiches-Memo span.puce-lecon {
        font-size: 22px;
        line-height: 18px;
        vertical-align: -3px;
        color: #ff8a00
    }

    .College_Fiches-Memo span.mot-lecon {
        font-weight: bold;
        font-size: 13.2px;
        color: #004f87
    }

    .College_Fiches-Memo p.sous-titre-lecon {
        font-size: 16px;
        color: #ff8a00;
        margin-top: 10px;
        margin-bottom: 7px
    }

    .College_Fiches-Memo span.triangle-lecon {
        font-size: 8px;
        color: #ff8a00
    }

    .College_Fiches-Memo span.lecon-sup {
        vertical-align: 5px;
        font-size: 8px
    }

    .College_Fiches-Memo span.ital {
        font-style: italic
    }

    .College_Fiches-Memo span.mise-en-valeur-lecon {
        font-style: italic;
        font-weight: bold;
        color: RGB(168, 27, 5)
    }

    .College_Fiches-Memo p.fiche-memo {
        font-weight: bold;
        font-size: 16px;
        line-height: 27px;
        color: #000000;
        margin-top: 15;
        margin-bottom: 5px;
        padding-left: 24px;
        background: url("Images/green_bullet2x.png") no-repeat left 10px;
        border-top: 1px solid grey;
        padding-top: 10px
    }

    .College_Fiches-Memo span.small {
        font-variant: small-caps
    }

    .College_Fiches-Memo div.encadre-lecon {
        margin-top: 20px;
        background-color: #d9f0fe;
        -webkit-border-radius: 5px;
        padding: 7px;
        float: left;
        width: 100%
    }

    .College_Fiches-Memo p.legende {
        font-size: 10px;
        text-align: center;
        margin: 0px 0px 30px 0px
    }

    .College_Fiches-Memo div.droite p.legende {
        font-size: 10px;
        text-align: center;
        margin: 0px 0px 0px 0px
    }

    .College_Fiches-Memo div.gauche p.legende {
        font-size: 10px;
        text-align: center;
        margin: 0px 0px 0px 0px
    }

    .College_Fiches-Memo img.droite {
        max-width: 200px;
        max-height: 200px;
        margin: 5px 0 10px 10px;
        float: right
    }

    .College_Fiches-Memo img.droite-11math {
        width: 300px;
        margin: 5px 0 10px 10px;
        float: right
    }

    .College_Fiches-Memo img.droite-12math {
        width: 500px;
        margin: 5px auto
    }

    .College_Fiches-Memo img.droite-17math1 {
        width: 450px;
        margin: 5px auto
    }

    .College_Fiches-Memo img.droite-17math2 {
        width: 500px;
        margin: 5px auto
    }

    .College_Fiches-Memo img.droite-17math3 {
        width: 390px;
        margin: 5px auto
    }

    .College_Fiches-Memo img.droite-17math4 {
        width: 430px;
        margin: 5px auto
    }

    .College_Fiches-Memo img.droite-19math {
        width: 300px;
        margin: 5px 10px 10px 0px;
        float: left
    }

    .College_Fiches-Memo img.droite-51svt {
        width: 450px;
        margin: 5px auto
    }

    .College_Fiches-Memo img.gauche {
        max-width: 200px;
        max-height: 200px;
        margin: 5px 10px 10px 0;
        float: left
    }

    .College_Fiches-Memo div.droite {
        max-width: 210px;
        margin: 0px 0 15px 10px;
        float: right
    }

    .College_Fiches-Memo div.gauche {
        max-width: 210px;
        margin: 0px 10px 15px 0;
        float: left
    }

    .College_Fiches-Memo div.encyclo {
        float: left;
        width: 100%
    }

    .College_Fiches-Memo div.memo {
        float: left;
        width: 100%
    }

.College_En-Savoir-Plus {
    font-family: "Verdana";
    padding: 0 10px 0 10px
}

    .College_En-Savoir-Plus img {
        max-width: 100%
    }

    .College_En-Savoir-Plus h1.titre-dev {
        font-weight: bold;
        font-size: 22px;
        margin-bottom: 20px;
        margin-top: 20px;
        color: #004f87;
        padding: 0px;
        text-align: center;
        line-height: 25px
    }

    .College_En-Savoir-Plus p.titre-dev-encyclo {
        font-weight: bold;
        font-size: 16px;
        line-height: 27px;
        color: #000000;
        margin-bottom: 5px;
        margin-top: 15px;
        padding-left: 24px;
        background: url("Images/green_bullet2x.png") no-repeat left 10px;
        border-top: 1px solid grey;
        padding-top: 10px
    }

    .College_En-Savoir-Plus p.introduction-encyclo {
        font-size: 15px;
        line-height: 18px;
        text-align: justify;
        margin-bottom: 7px;
        margin-top: 0px;
        color: #004f87
    }

    .College_En-Savoir-Plus p.titre-encyclo {
        font-size: 16px;
        color: #ff8a00;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .College_En-Savoir-Plus p.para-encyclo {
        font-size: 14px;
        text-align: justify;
        color: #000000;
        margin: 0px
    }

    .College_En-Savoir-Plus span.puce-encyclo {
        color: #ff8a00
    }

    .College_En-Savoir-Plus span.tiret-encyclo {
        color: #000000
    }

    .College_En-Savoir-Plus span.mot-encyclo {
        font-size: 13px;
        color: #004f87;
        font-weight: bold
    }

    .College_En-Savoir-Plus div.encadre-encyclo {
        font-size: 12px;
        color: #000000;
        margin-top: 20px;
        background-color: #B3DE9B;
        -webkit-border-radius: 5px;
        padding: 7px;
        float: left;
        width: 100%
    }

    .College_En-Savoir-Plus div.encyclo {
        float: left;
        width: 100%
    }

    .College_En-Savoir-Plus p.titre-encadre-encyclo {
        font-style: italic;
        font-size: 14px;
        color: #000000;
        margin: 0px
    }

    .College_En-Savoir-Plus p.para-encadre-encyclo {
        font-size: 13px;
        color: #000000;
        margin: 0px
    }

        .College_En-Savoir-Plus p.para-encadre-encyclo span.mot-encyclo {
            font-size: 12px;
            color: #004f87
        }

        .College_En-Savoir-Plus p.para-encadre-encyclo span.puce-encyclo {
            color: #004f87
        }

    .College_En-Savoir-Plus span.expression-encyclo {
        font-weight: bold;
        color: #004f87
    }

    .College_En-Savoir-Plus span.sup {
        vertical-align: 5px;
        font-size: 8px
    }

    .College_En-Savoir-Plus span.small {
        font-variant: small-caps
    }

    .College_En-Savoir-Plus span.italic-helvetica {
        font-style: italic
    }

    .College_En-Savoir-Plus p.note {
        font-size: 13px;
        line-height: 15px;
        color: #000000
    }

    .College_En-Savoir-Plus p.fleche {
        font-size: 13px;
        color: #000000
    }

    .College_En-Savoir-Plus p.legende {
        font-size: 10px;
        text-align: center;
        margin: 0px 0px 30px 0px
    }

    .College_En-Savoir-Plus div.droite p.legende {
        font-size: 10px;
        text-align: center;
        margin: 0px 0px 0px 0px
    }

    .College_En-Savoir-Plus div.gauche p.legende {
        font-size: 10px;
        text-align: center;
        margin: 0px 0px 0px 0px
    }

    .College_En-Savoir-Plus img.centre {
        display: block;
        margin: 30px auto 5px;
        width: 400px
    }

    .College_En-Savoir-Plus img.centre-100 {
        display: block;
        margin: 30px auto 5px;
        width: 580px
    }

    .College_En-Savoir-Plus img.droite {
        max-width: 200px;
        max-height: 200px;
        margin: 5px 0 10px 10px;
        float: right
    }

    .College_En-Savoir-Plus img.gauche {
        max-width: 200px;
        max-height: 200px;
        margin: 5px 10px 10px 0;
        float: left
    }

    .College_En-Savoir-Plus div.droite {
        max-width: 210px;
        margin: 0px 0 15px 10px;
        float: right
    }

    .College_En-Savoir-Plus div.gauche {
        max-width: 210px;
        margin: 0px 10px 15px 0;
        float: left
    }

    .College_En-Savoir-Plus div.savoir {
        float: left;
        width: 100%
    }

/* College_En-Savoir-Plus = College_Memento */
.College_Memento {
    font-family: "Verdana";
    padding: 0 10px 0 10px
}

    .College_Memento img {
        max-width: 100%
    }

    .College_Memento h1.titre-dev {
        font-weight: bold;
        font-size: 22px;
        margin-bottom: 20px;
        margin-top: 20px;
        color: #004f87;
        padding: 0px;
        text-align: center;
        line-height: 25px
    }

        .College_Memento h1.titre-dev small {
            font-variant: small-caps;
            font-weight: bold;
            font-size: 22px;
            margin-bottom: 20px;
            margin-top: 20px;
            color: #004f87;
            padding: 0px;
            text-align: center;
            line-height: 25px;
        }


    .College_Memento p.titre-dev-encyclo {
        font-weight: bold;
        font-size: 16px;
        line-height: 27px;
        color: #000000;
        margin-bottom: 5px;
        margin-top: 15px;
        padding-left: 24px;
        background: url("Images/green_bullet2x.png") no-repeat left 10px;
        border-top: 1px solid grey;
        padding-top: 10px
    }

    .College_Memento p.introduction-encyclo {
        font-size: 15px;
        line-height: 18px;
        text-align: justify;
        margin-bottom: 7px;
        margin-top: 0px;
        color: #004f87
    }

    .College_Memento p.titre-encyclo {
        font-size: 16px;
        color: #004f87; /* IK_ */
        font-weight: bold; /* IK_ */
        margin-top: 0px; /*  IK_02_13 : 0px */
        margin-bottom: 20px;
    }

    .College_Memento p.titre-sous-encyclo {
        font-size: 16px;
        color: #ff8a00;
        margin-top: 10px;
        margin-bottom: 10px
    }


    .College_Memento p.para-encyclo {
        font-size: 14px;
        text-align: justify;
        color: #000000;
        /* margin: 0px */
        margin: 5px 0px 0px 0px; /* IK_02_09 : 15px => 5px   */
    }

    /* IK_ */
    .College_Memento p.para-encyclo-suivant {
        font-size: 14px;
        text-align: justify;
        color: #000000;
        margin: 15px 0px 0px 0px;
    }

    /* IK_02_08 */
    .College_Memento p.para-encyclo-titre {
        font-size: 14px;
        text-align: justify;
        color: #000000;
        margin: 15px 0px 0px 0px;
    }

    /* IK_02_08 */
    .College_Memento p.para-encyclo-puce {
        font-size: 14px;
        text-align: justify;
        color: #000000;
        margin: 15px 0px 0px 0px;
    }

    /* IK_02_08 */
    .College_Memento p.para-encyclo-tiret {
        font-size: 14px;
        text-align: justify;
        color: #000000;
        margin: 5px 0px 0px 0px;
    }

    /* IK_02_09 */
    .College_Memento p.para-encyclo-exemple {
        font-size: 14px;
        text-align: justify;
        color: #000000;
        margin: 5px 0px 0px 25px;
    }

    .College_Memento span.puce-encyclo {
        color: #ff8a00
    }

    /* IK_02_16 */
    .College_Memento span.puce-encyclo-latin {
        color: #8F3389
    }

    .College_Memento span.tiret-encyclo {
        color: #000000
    }

    .College_Memento span.mot-encyclo {
        font-size: 13px;
        /*  color: #004f87;  actuel */
        color: #8F3389; /*  à tester */ /* IK_02_13 */
        font-weight: bold
    }

    /* IK_02_16 */
    .College_Memento span.mot-encyclo-latin {
        font-size: 13px;
        color: #B2887C;
        font-weight: bold
    }

    /* IK_02_13 : rajout */
    .College_Memento span.mot-encyclo-exemple {
        font-size: 13px;
        /*  color: #004f87;  =junior */
        color: #8F3389;
        font-weight: bold;
        font-style: italic;
    }


    /* IK_02_14  */
    .College_Memento p b {
        font-size: 13px;
    }

    .College_Memento div.encadre-encyclo {
        font-size: 12px;
        color: #000000;
        margin-top: 20px;
        margin-bottom: 20px; /* IK_ */
        background-color: #f7e3d2;
        -webkit-border-radius: 5px;
        padding: 7px 7px 7px 7px;
        /* float: left;   IK_ */
        width: 100%
    }

    .College_Memento div.encyclo {
        float: left; /* IK_ ??? */
        width: 100%;
        margin-top: 20px; /* IK_02_13 */
    }

    .College_Memento p.titre-encadre-encyclo {
        font-style: italic;
        font-size: 14px;
        color: #000000;
        margin: 0px
    }

    .College_Memento p.para-encadre-encyclo {
        font-size: 13px;
        color: #000000;
        margin: 0px
    }

        .College_Memento p.para-encadre-encyclo span.mot-encyclo {
            font-size: 12px;
            color: #004f87
        }

        .College_Memento p.para-encadre-encyclo span.puce-encyclo {
            color: #004f87
        }

    .College_Memento span.expression-encyclo {
        font-weight: bold;
        color: #004f87
    }

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

    .College_Memento span.small {
        font-variant: small-caps
    }

    .College_Memento span.italic-helvetica {
        font-style: italic
    }

    .College_Memento p.note {
        font-size: 13px;
        line-height: 15px;
        color: #000000
    }

    .College_Memento p.fleche {
        font-size: 13px;
        color: #000000
    }

    .College_Memento p.legende {
        font-size: 10px;
        text-align: center;
        margin: 0px 0px 30px 0px
    }

    .College_Memento div.droite p.legende {
        font-size: 10px;
        text-align: center;
        margin: 0px 0px 0px 0px
    }

    .College_Memento div.gauche p.legende {
        font-size: 10px;
        text-align: center;
        margin: 0px 0px 0px 0px
    }


    .College_Memento img.centre {
        display: block;
        margin: 30px auto 5px;
        /* width: 400px */ /* IK_ */
        width: 100%;
    }

    .College_Memento img.centre-formule {
        display: block;
        margin: 30px auto 5px;
        width: 300px
    }

    .College_Memento img.centre-image {
        display: block;
        margin: 30px auto 5px;
        width: 500px
    }

    .College_Memento div.col-lg-6.col-md-6.col-sm-12.unique {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .College_Memento img.droite {
        max-width: 200px;
        max-height: 200px;
        margin: 5px 0 10px 10px;
        float: right
    }

    .College_Memento img.gauche {
        max-width: 200px;
        max-height: 200px;
        margin: 5px 10px 10px 0;
        float: left
    }

    .College_Memento div.droite {
        max-width: 210px;
        margin: 0px 0 15px 10px;
        float: right
    }

    .College_Memento div.gauche {
        max-width: 210px;
        margin: 0px 10px 15px 0;
        float: left
    }

    .College_Memento div.savoir {
        float: left;
        width: 100%
    }

    /* TABLEAUX */
    .College_Memento table, th, td {
        border: 1px solid #ff9900;
        text-align: left;
        padding: 3px;
    }

    .College_Memento td.fond-couleur {
        background-color: #F0EBFC;
    }

    .College_Memento p.para-tableau {
        font-size: 14px;
        color: #000000;
        padding: 5px 0px 0px 0px;
    }

    .College_Memento td p.center {
        text-align: center;
    }

    .College_Memento div .table-papier {
        margin-top: 20px;
        margin-bottom: 20px;
    }
/* TABLEAUX_FIN */



.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: 44.6%;*/
        word-wrap: break-word;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

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

    .wrapper .same-theme-articles,
    .wrapper .dico-links {
        border: solid 2px #FDB913;
        border-top-width: 0;
        margin-bottom: .76923em
    }

        .wrapper .same-theme-articles h2,
        .wrapper .dico-links h2 {
            background-color: #2fa6ba;
            color: #fff;
            font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
            font-size: 1em;
            font-weight: bold;
            height: 1.84615em;
            line-height: 1.84615em;
            position: relative;
            text-transform: uppercase;
            margin-left: -7px;
            margin-right: -7px;
            padding-left: 0em;
            padding-right: 0em;
            text-align: center
        }

            .wrapper .same-theme-articles h2:before,
            .wrapper .dico-links h2:before {
                border-color: transparent #00404a;
                border-style: solid;
                bottom: auto;
                content: "";
                display: block;
                height: 0;
                left: auto;
                position: absolute;
                right: auto;
                top: auto;
                width: 0;
                border-width: 0 7px 7px 0;
                bottom: -7px;
                left: 0
            }

            .wrapper .same-theme-articles h2:after,
            .wrapper .dico-links h2:after {
                border-color: transparent #00404a;
                border-style: solid;
                bottom: auto;
                content: "";
                display: block;
                height: 0;
                left: auto;
                position: absolute;
                right: auto;
                top: auto;
                width: 0;
                border-width: 0 0 7px 7px;
                bottom: -7px;
                right: 0
            }

        .wrapper .same-theme-articles ul li,
        .wrapper .dico-links ul li {
            display: block;
            position: relative;
            margin: .38462em 0 .38462em -7px;
            font-weight: bold;
            padding: 4px 7px 4px 24px;
            font-size: 1.1em
        }

            .wrapper .same-theme-articles ul li.current,
            .wrapper .dico-links ul li.current {
                background: #FFF499;
                pointer-events: none
            }

            .wrapper .same-theme-articles ul li:before,
            .wrapper .dico-links ul li:before {
                content: "";
                border-color: transparent;
                border-style: solid;
                display: block;
                position: absolute;
                border-width: 0 7px 7px 0;
                bottom: -7px;
                left: 0
            }

            .wrapper .same-theme-articles ul li:hover,
            .wrapper .dico-links ul li:hover {
                background-color: #ffe400;
                padding: 4px 10px 4px 21px
            }

                .wrapper .same-theme-articles ul li:hover:before,
                .wrapper .dico-links ul li:hover:before {
                    border-color: transparent #dcc500
                }

            .wrapper .same-theme-articles ul li a,
            .wrapper .dico-links ul li a {
                text-decoration: none;
                color: black
            }

    .wrapper .same-theme-articles {
        padding-bottom: 6.53846em;
        background-repeat: no-repeat;
        background-position: center bottom
    }

        .wrapper .same-theme-articles.theme-8 {
            background-image: url("../img/links/arts.jpg")
        }

        .wrapper .same-theme-articles.theme-7 {
            background-image: url("../img/links/education-politique.jpg")
        }

        .wrapper .same-theme-articles.theme-1 {
            background-image: url("../img/links/francais.jpg")
        }

        .wrapper .same-theme-articles.theme-4 {
            background-image: url("../img/links/geographie.jpg")
        }

        .wrapper .same-theme-articles.theme-3 {
            background-image: url("../img/links/histoire.jpg")
        }

        .wrapper .same-theme-articles.theme-2 {
            background-image: url("../img/links/maths.jpg")
        }

        .wrapper .same-theme-articles.theme-5 {
            background-image: url("../img/links/svt.jpg")
        }

        .wrapper .same-theme-articles.theme-6 {
            background-image: url("../img/links/sciences-et-techniques.jpg")
        }