/*
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
*/


/* ------------------ Include Styles ------------------ */
/* fonts : */
@import url('https://fonts.googleapis.com/css?family=Quicksand:400,700|Roboto+Condensed:400,700|Roboto:400,700');

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

html{}
body{font-family: 'Roboto', sans-serif;color: #000;line-height: 24px;font-size: 1.6rem}

a{color: #194181;text-decoration: none;}
a:hover{color: #7ac19f;text-decoration: underline;}
.flexC{
	height: 300px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

/* ------------------ Header ------------------ */
a#logo {
    /* float: left; */
    /* background: white; */
}
a#logo img {
    width: 133px;
}
#masthead .container{
    background: transparent;
    text-align: center;
    padding: 0px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9999;
    font-size: 13px;
}
#masthead #container a{color: #333;}
#masthead #container a:hover{color: #194181;}
#masthead .container p{display: inline-block;color: #7ac19f;font-weight: bold; }
#slider{position: absolute;top: 41px;left:0;right: 0;z-index: 9999;}
div#slogan {
    position: absolute;
    left: 0;
    right: 0;
    top: 30%;
    
}
.container i{color: #333;}

#slogan p {
    font-family: 'Quicksand', sans-serif;
    font-size: 25px;
    text-align: center;
    line-height: 37px;
       text-shadow: 1px 1px #194181;
    color: #fff;
    font-weight: bold;
}

/* ----------- Menu ---------- */
#navbar{background: #fff;padding-top: 1rem;}
nav#site-navigation {text-align: right;top: 0;padding-right: 30px;padding-top: 40px;padding-bottom: 40px;background: whitesmoke;}
body.home nav#site-navigation {background: #fff;}
.navbar-inverse .navbar-nav>li>a{color: #ab9191;font-size: 1.6rem;font-weight: bold;padding: 0 10px 10px;}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{color:#194181   }

ul.sub-menu {
        padding-left: 0;
        display: none;
        position: absolute;
        background: rgb(255, 255, 255);
        list-style: none;
        width: 250px;
        z-index: 9999;
        /* padding-top: 50px; */
        /* top: 50px; */
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.26);
        }
li.menu-item:hover >ul.sub-menu {
    display: block;
}

div#container.rea{font-size: 17px;color:#333;padding-top: 0.5em;background-color:#fff;}
ul.sub-menu >.menu-item a {float: left;color: #ab9191;font-size: 1.4rem;width:    100%;padding: 10px 0;}
ul.sub-menu >.menu-item > a:hover{color: #194181;text-decoration: none}
ul.sub-menu > li.menu-item {
        float: left;
        padding: 10px 10px 10px 20px;
        width: 100%;
        text-decoration: none;
        text-align: left;
        font-weight: 600;
        /* padding-top: 50px; */
        line-height: 0.5em;
        /* text-align: center; */
}
ul.sub-menu > li.menu-item:hover{/* background: #fff; */color: #194181 !important;}
/* ------------------ Main ------------------ */
.fa{padding-left:10px }
div#contact-home{    margin-top: -50px;position: absolute;text-align: center;left: 0;right: 0;}
.home main#main {
    margin-top: 130px;
}
div#contact-home a.btn{
    padding: 35px 50px;
    text-transform: uppercase;
    font-family: 'Quicksand', sans-serif;font-size: 2rem; font-weight: bold;
   
    background: #194181;color: #fff;
}
div#contact-home a.btn:hover{ background:#7ac19f;color: #fff;}
#copy{background: #194181;padding: 1rem 30px;text-align: center;color: #fff;font-family: 'Roboto', sans-serif;font-size: 1.4rem;margin-top:-7px;     }
#colophon a{color: #fff;}
#colophon{    border-top: 1px solid #194181;line-height: 0}
.copy, #card-info{line-height: 20px;}
i.fa.fa-facebook-square {
    font-size: 27px;
    vertical-align: middle;
    padding-right: 5px;
}
i.fa.fa-linkedin-square {
    font-size: 27px;
    vertical-align: middle;
    padding-right: 5px;
}
#card-info{    background: #194181;
    text-align: center;
    padding: 15px;
    position: relative;
    left: 0;
    right: 0;
}
#card-info a, #card-info i.fa{color: #fff;font-size: 18px;margin-top: 10px;}
#card-info p {
  display: block;
  font-size: 16px;
}
#card-info p:last-child{ font-weight: 600;}
.btn:hover, .more-link:hover{color: #fff;}
#main img {
    height: auto;
    margin: auto;
    display: block;
}
#main p {text-align:    justify;    }
.home header#masthead {
    min-height: 700px;
}


/********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}
/*
*******FORM*********/
.separateur-50{display: block;height: 50px;}
/* ---------- Headings ---------- */

h1{font-family: 'Roboto', sans-serif;font-size: 4.5rem;font-weight: lighter;text-transform: uppercase;text-align: center;}
h1:before, h1:after {
    content: "\f0c8"; 
    font-family: 'FontAwesome';
   color: #7ac19f;
   padding: 0 20px;
 }
h2{font-family: 'Roboto', sans-serif;font-weight: bold;font-size: 3.9rem;}
h3{font-family: 'Quicksand', sans-serif;font-size: 2rem;font-weight: bold;color: #7ac19f;}
h4{}
h5{}
h6{}
#card-info.container{color:     #fff;}

.wpcf7-form-control.wpcf7-text,.wpcf7-form-control.wpcf7-textarea{}
.wpcf7-form-control.wpcf7-text:focus,.wpcf7-form-control.wpcf7-textarea:focus{}

    /* btn */
.btn,.wpcf7-form-control.wpcf7-submit, .more-link {background: #194181;text-transform:    uppercase; margin:10px; }
.btn:hover,.wpcf7-form-control.wpcf7-submit:hover,  .more-link:hover{background: #403b39; color:   #fff;}

/* ------------------ Break Points ------------------- */

.home #masthead .container {
    
    position: absolute!important;
      margin-bottom:0em;
  
}
#masthead .container {position: relative!important;  margin-bottom: 2em;}

.inside div#navbar {
    background: whitesmoke;
}


@media screen and (max-width: 1270px) {

div#slogan {
    position: absolute;
    left: 0;
    right: 0;
    top: 25%;
}

}



@media screen and (max-width: 1200px) {
    .home header#masthead {
    min-height: 500px;
}
#slider {    top: 30px;}
    
div#slogan {
    top: 17%;
}
}
@media screen and (max-width: 992px) {
    #slider {
    top: 41px;
}
    .home header#masthead {
    min-height: 100px;
}
    #slogan p {

    font-size: 20px;
   
    line-height: 27px;}
    div#slogan {
    top: 20%;
}
div#contact-home a.btn {
    padding: 17px 27px;}
div#slideContainer {}
    div#contact-home{position:     relative;   margin:     0 !important    }

    .flexC{	height: auto; margin: 2em 0}
}

@media screen and (max-width: 992px) {
	#main .wp-image-880 { margin: 1rem auto 3rem auto !important;}

}

@media screen and (max-width: 900px) {
	nav#site-navigation {
		text-align: right;
		top: 0;
		padding-right: 30px;
		padding-top: 28px;
		padding-bottom: 28px;
		background: whitesmoke;
	}

	div#slogan { top: 15%;}
}

@media screen and (max-width: 767px) {
   
a#logo { float:none!important}
   a#logo img {
       
     width:150px;
    }
    .home header#masthead {
    min-height:0px;
}
ul.sub-menu{position:   relative;width:  100%;text-align: center;background: #2d2d2d!important;}
ul.sub-menu>li a{
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
}


div#container{display: none;}
#masthead .container{position:  relative!important;   }
.home #masthead .container{position:  relative!important;   }
    #masthead .container p {
  
    margin-bottom: 0;
}
.metaslider {
    position: relative;
    z-index: 0;
    display: none;
}
 #navbar {/* background: rgb(122, 193, 159); */}
    .navbar-nav>li {   text-align: center;}
    .navbar-inverse .navbar-nav>li>a {line-height: 25px;/* color:#fff; */}
    div#contact-home a.btn{    padding: 15px 25px;font-size: 1rem;}

    #slider { top: 0px;}

    div#slogan {top: 34%;position:     relative;}
    #slogan p{color: #194181 ; text-shadow:     initial;      }
    main#main {
    margin-top: 50px;

}
h1 {
        font-size: 24px;}
}
@media screen and (max-width: 450px) {
}