/*
Theme Name: MS Thème Child
Author: Multimed Solutions
Author URI: http://www.multimed-solutions.com/
Description: Thème spécial pour wordpress
Version: 1.0
Text Domain:  mstheme-child
Template: mstheme
*/

/* vars 





*/



/* ------------------ Include Styles ------------------ */
/* fonts : */

/*
        Open sans*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800italic,800);
/*
font-family: 'Open Sans', sans-serif;
*/
/*
        Lato
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);*/
/*
font-family: 'Lato', sans-serif;
*/
/*
        Merienda
@import url(https://fonts.googleapis.com/css?family=Merienda:400,700);*/
/*
font-family: 'Merienda', cursive;
*/
/*
        Niconne
@import url(https://fonts.googleapis.com/css?family=Niconne);*/
/*
font-family: 'Niconne', cursive;
*/
/*
        Baumans
@import url(https://fonts.googleapis.com/css?family=Baumans);*/
/*
font-family: 'Baumans', cursive;
*/
/*
        Courgette
@import url(https://fonts.googleapis.com/css?family=Courgette);*/
/*
font-family: 'Courgette', cursive;
*/
/*
        Droid sans
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);*/
/*
font-family: 'Droid Sans', sans-serif;
*/
/*
        Droid sans Mono
@import url(https://fonts.googleapis.com/css?family=Droid+Sans+Mono);*/
/*
font-family: 'Droid Sans Mono', 'Droid Sans', sans-serif;
*/
/*
        Lobster
@import url(https://fonts.googleapis.com/css?family=Lobster+Two:400,400italic,700,700italic);*/
/*
font-family: 'Lobster Two', cursive;
*/
/*
        Pinyon script
@import url(https://fonts.googleapis.com/css?family=Pinyon+Script);*/
/*
font-family: 'Pinyon Script', cursive;
*/
/*
        Poiret one
@import url(https://fonts.googleapis.com/css?family=Poiret+One);*/
/*
font-family: 'Poiret One', cursive;
*/
/*
        Quicksand
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,300,700);*/
/*
font-family: 'Quicksand', sans-serif;




*/

/* ------------------ General ------------------ */

html{}
body{font-family: 'Open Sans', sans-serif;color: #6d3e31; font-size: 15px; line-height: 24px; text-align: justify;}

a{color: inherit;text-decoration: none;}
a:hover{color: inherit;text-decoration: underline;}

/* ------------------ Header ------------------ */
#top{background-color: #fff; padding-top: 18px; padding-bottom: 45px;}
.pomp{text-align: center;}
.pomp:first-child{font-size: 40px; color: #6d3e31;}
.pomp:nth-child(2){font-size: 23.5px; color: #6d3e31; font-weight: 300;}
.pomp:last-child {
    font-size: 25px;
    color: #bf745f;
    font-weight: 800;
}
#top .col-md-10{margin-top: 50px;}

#bot{background: url(images/headfond.jpg) no-repeat left top/cover; padding-top: 70px; padding-bottom: 65px;}
.assist{color: #6d3e31; line-height: 58px; font-size: 53px; text-shadow: 1px 1px 1px rgba(96, 23, 20, 0.35);}
#bot .assist{font-weight: 600; margin-bottom: 0;}
#bot .assist:last-child{font-weight: 300;}
#bot .row, #footer .row{display: flex;}
#bot .col-sm-7, #footer .col-md-3{display: flex; flex-direction: column; justify-content: center;}
    /* ----------- Menu ---------- */
#navbar{text-align: center; background-color: #6d3e31;}
#navbar li a{line-height: 60px;  color: white; font-size: 1.9rem; font-weight: 300;}
#navbar li a:hover{background-color: #49b171;}

/* ------------------ Main ------------------ */
#main a{color:  #49b171}
.exergue{/* width: 100%; */margin: 0 25%;box-shadow: none;font-weight: 300;font-size: 20px;color: #6d3e31;position: relative;text-align: center;}
.exergue:before{position: absolute;content: "";height: 1px;background-color: #6d3e31;width: 14%;top: 50%;left: 0;}
.exergue:after{position: absolute;content: "";height: 1px;background-color: #6d3e31;width: 14%;top: 50%;right: 0;}
li{list-style-image: url(images/list.png);}

    /* ---------- Headings ---------- */
h1{font-size: 3.5rem; line-height: 80px; color: white; font-weight: 100;text-align: center; margin: 0;    text-transform: uppercase;}
.h1{background-color: #6d3e31; margin: 0 0 30px 0;}
h2{font-size: 2.4rem; line-height: 40px; color: #6d3e31; font-weight: 400;}
h3{font-size: 1.8rem; color: #49b171; font-weight: 800;}
h4{}
h5{}
h6{}
.separateur-10 {height:10px;display:block;}
.separateur-20 {height:20px;display:block;}
.separateur-30 {height:30px;display:block;}
.separateur-40 {height:40px;display:block;}
.separateur-50 {height:50px;display:block;}
    /* contact */
.wpcf7-form-control.wpcf7-submit{background-color: #49b171; color: #ede2ce; padding: 0 25px; border: none; line-height: 27px;}
.wpcf7-form-control.wpcf7-submit:hover{}
.wpcf7-form-control.wpcf7-text,.wpcf7-form-control.wpcf7-textarea{}
.wpcf7-form-control.wpcf7-text:focus,.wpcf7-form-control.wpcf7-textarea:focus{}
td, th {
 
    text-align: center  ;
}
    /* footer */
#footer{background-color: #eee;}
#footer .adresse{margin-bottom: 20px;}
.adresse:first-child{font-weight: 700;}
.copy{text-align: center; color: white; line-height: 45px; background-color: #6d3e31; margin: 0;    margin-top: -6px;}
    /* btn */
#main .btn,#main  .wpcf7-form-control.wpcf7-submit,#main  .more-link{background-color: #49b171; color:#ffffff; padding: 0 25px; border: none; line-height: 27px;font-size: 1.6rem; border: 1px solid #fff;}
#main .btn:hover,#main  .more-link:hover,#main  .wpcf7-form-control.wpcf7-submit:hover {
    background: #fff;
    color: #49b171;
    border: 1px solid #49b171;
}
.wpcf7-form-control.wpcf7-submit{margin-top:    20px}


/********FORM*********/
span.wpcf7-not-valid-tip {
    color: #f00!important;
    font-size: 1em;
    font-weight: normal;
    display: block;
}
input[type="checkbox"] {
    vertical-align: sub;
}
#cookie-law-info-bar {

    padding: 5px 0;
   
}
.contain-textarea.cookie1 span {color: #716c6c;font-size: 1.2rem!important;}
.contain-textarea.cookie1 a {color:#fca300 !important;font-size: 1.2rem!important;}

.contain-textarea.cookie.c2 {
     font-style: italic;
    color: #585858 !important;
    font-size: 1.2rem!important;
}
.contain-textarea.cookie.c2 a{color:    #e3061b !important}
.contain-textarea.cookie1 {
    margin-bottom: 20px;
}
/*
*******FORM*********/
/* ------------------ Break Points ------------------- */
@media screen and (max-width: 1430px) {
    .assist{color: white;}
}
@media screen and (max-width: 1200px) {
    .exergue{width: 70%;margin: 0 15%;}
    .exergue:before{ width: 20%; left: -20%;}
    .exergue:after{ width: 20%; right: -20%;}
}
@media screen and (max-width: 992px) {
        html{font-size: 59%;}
    #logo{display: block; text-align: center;}
    #top{padding: 10px 0;}
    #navbar li a {line-height: 40px;}
    .assist{line-height: 50px; font-size: 39px; color: white;}
    #bot{padding: 30px 0;}
   
    #bot .row, #footer .row{display: block;}
    #bot .col-sm-7, #footer .col-md-3{display: block; text-align: center;}
    #footer ul{padding: 0;}
    #footer li{display: block;}
}
@media screen and (max-width: 767px) {
        html{font-size: 55%;}
    .exergue:before{ width: 0%; left: -20%;}
    .exergue:after{ width: 0%; right: -20%;}
    .exergue{width: 100%;margin: 0 0;}
   
    .pomp{line-height: normal;}
    .pomp:first-child{font-size: 30px; color: #6d3e31;}
    .pomp:nth-child(2){font-size: 22px; color: #6d3e31; font-weight: 300;}
    #bot .col-sm-5{text-align: center;}
    #bot .col-sm-5 img{width: 50%;}
}
@media screen and (max-width: 450px) {
    .assist{line-height: 30px; font-size: 26px; color: white;}
    .exergue{font-size: 18px;}
}
.navbar-inverse .navbar-toggle{border-color:#49b171;}
.navbar-toggle {
    background:#49b171;
}