#contact_titre {
}

#section_langues {
    text-align: left;
    /* min-height: 285px; */ 
    background-color:/*rgb(144, 252, 230);*/  rgb(177, 242, 235);  /* rgb(252, 226, 149); */ /* darkgrey; */
    border-bottom: solid 4px whitesmoke;
}

#langues_avec_couleur_droite {
    min-height: 290px;
    width: 80%;
    background-color: rgb(70, 194, 231); /* rgb(205, 165, 106); */
    margin-left: auto;
    /* border: solid 2px red;  */
}

#langues_main {
    /* display: inline-block; */ /* Non pris en compte a cause du 'float'... */
    height: 100%;
    /* float: right; */                      /** MD - VERIFIER Float et Display... **/
    display: inline-block; 
    color: #036c89;
    background-color:rgb(217, 245, 242);/* rgb(249, 215, 219); */
    width: 80%;
    padding: 20px 10% 45px 10%;
    margin-right: auto;
    /* border: solid 2px red; */
}

.langues_prochainscours {
    text-align: center;
    background-color: rgb(254, 237, 239);
    border-top: solid 3px lightpink;
    border-bottom: solid 3px lightpink;
}


#section_tarifslangues {
    border-top: solid 4px rgb(186, 159, 60);
    width: 100%;
    background-color:rgb(238, 216, 220); /* light pink */
    border-bottom: solid 4px darkgrey;
}

#tarifslangues_main {
    width:65%;
    min-width: 500px;
    min-height: 330px;
    vertical-align: top;
    position: relative;
    left: -15px;
    display: inline-block;
    background-color: #008899;;
    text-align: left;
    padding: 40px 50px;
    /* border : solid 2px orange; */
}

#tarifslangues_deco {
    z-index: 2;
    display: inline-block;
    vertical-align:top;
    width: 30%;
    position: relative;
    top: 50px;
    left: 5px;
    margin: 0 auto;
    padding: 50px 10px;
    text-align: center;
    background-color: whitesmoke;
    background-image: url("../../img/riviere_chaudiere/RiviereChaudiere_202109_v2.jpg");
    background-size:144%;
    background-position: center;
    /* border: solid 2px red; */
}

#tarifslangues_deco img {  /** FR **/
    background-color: rgba(255,255,255,0.5);
    padding: 25px 35px;
}

.tarifs_li {
    display: block;
    font-weight: 600;
}

.li_col_gauche {
    display: inline-block;
    width:50%;
    max-width: 300px;
    text-align:left;
    /* border: solid 1px orange; */
}

.li_col_droite {
    display: inline-block;
    width:25%;
    text-align:right;
    padding-right: 20px;
    /* border: solid 1px red; */
}

#section_valeurs {
    border-top: solid 4px rgb(238, 216, 220);
}

@media (max-width:650px) {
    #langues_main {
        /*  background-color:gold; */
        text-align: center;
        width: 100%;
        padding: 15px 10px 20px 10px;
    }

    #langues_avec_couleur_droite {
        min-height: 250px;
        width: 100%;
        background-color:blanchedalmond;
    }

    #tarifslangues_deco {
        display: none;
    }
    
    #tarifslangues_main {
        width: 100%;
        position: relative;
        left: 0px;
        min-width: 300px;
        padding: 35px 15px;
    }

    .li_col_gauche {
        display: inline-block;
        width:65%;
        max-width: 300px;
        text-align:left;
        /* border: solid 1px orange; */
    }
    
    .li_col_droite {
        display: inline-block;
        width:33%;
        text-align:right;
        padding-right: 10px;
        /* border: solid 1px red; */
    }
} 

@media (max-width:990px) and (min-width:650px) {
    #langues_main {
        /*  background-color:gold; */
        text-align: center;
        width: 100%;
        padding: 15px 7% 20px 7%;
    }

    #langues_avec_couleur_droite {
        min-height: 250px;
        width: 100%;
        background-color:blanchedalmond;
    }

    #tarifslangues_deco {
        display: none;
    }

    #tarifslangues_main {
        width: 100%;
        position: relative;
        left: 0px;
    }
}