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

/* vars 






*/

/* ------------------ Include Styles ------------------ */
/* fonts : */
/*
        Open sans

/*
font-family: 'Open Sans', sans-serif;
*/
/*
        Lat
@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;
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800italic,800);

@import url('iconmoon/style.css');

/* ------------------ General ------------------ */
html{font-size: 62.5%;font-family: 'Open Sans', sans-serif;}
body {
    background:#ffffff url(images/bg.jpg) center top no-repeat;
    min-height: 100%;
    color: #6a6a6a;
    font-size: 1.5rem;
    line-height: 1.5;
    /* background-size: contain; */
    font-family: 'Open Sans', sans-serif;
    text-align: justify;
}


a{color: inherit;text-decoration: none;transition-duration:0.4s;}
a:hover{text-decoration: none;color: #97c03e!important;}
.home-link img {
    /* width: 44%; */
}
.gallery-caption {
   
    font-size: 1.8rem;
}
.flex{display: flex;}
.container {
    padding-right: 0;
    padding-left: 0;}
    .row{margin: 0}
    .push{    padding: 0 30px;}
    hr {
        margin-top: 50px;
        margin-bottom: 50px;
        border: 0;
        width: 90%;
        border-top: 1px solid rgb(224, 224, 224);
}
/* ------------------ Header ------------------ */
.site-header {
    z-index: 22222;
    position: relative;
    padding-top: 1rem;
}

/* ---------------- Menu -------------------- */
#navbar {
    background: #ffffff;
    margin-top: 15px;
    padding-left: 0px;
} 
.nav.navbar-nav{float: none;display: block;position: relative;text-align: left;font-size: 0;}
.nav.navbar-nav li{position: relative;padding: 10px 0;}
.nav.navbar-nav li:hover{background: #ffffff;}
.nav.navbar-nav li a {display: block;padding: .6rem 2.0rem;font-size: 1.5rem;text-decoration: none;color: #6a6a6a;text-transform: none;}
.nav.navbar-nav li:hover a, .nav.navbar-nav #menu-menu-principal li ul li a, #menu-menu-principal ul.sub-menu li.menu-item a{color: #8dc131!important;}
li.current-menu-item a {
    color: #ffffff!important;
}
.navbar-nav>li.current-menu-item {
    background: #8dc131;
    color: #fff!important;
}
.nav.navbar-nav li ul{z-index: 10000;float: none;display: none;position: absolute;width: 260px;top: 99%;padding: 0 ;text-align: left;background: #444;}
.nav.navbar-nav li ul li{float: none;width: 100%;border-bottom: 1px dotted #aaa;}
.nav.navbar-nav li ul li a {
        text-align: left;
        font-size: 1.2rem;
        padding: .8rem 2rem;
    }
.nav.navbar-nav li:hover ul{display: block;}

/*burger*/
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover, .navbar-toggle{background-color: transparent;}
.navbar-inverse .navbar-toggle{border: none;}
/*end*/
/*fildArianne*/
div.breadCrumb{margin-top: 40px;}
/*end*/
/* ---------------- Slider -------------------- */
#slider{}
.sliderReassurance{font-size: 1.7rem;text-align: center;color: #454545;padding-top:3rem;}

/* ---------------- Main -------------------- */
#main{background: rgba(255, 255, 255, 1);padding-top: 25px;}
.page-id-16 #main{padding-top: 0px;}
/*#contentMaster{padding-top: 3.5rem;padding-bottom:1.5rem;}*/
#contentMaster ul,#contentMaster ol{padding-left:0;}
#contentMaster ul{padding-left:1.5rem;}
#contentMaster li{position: relative;padding-left:1.2rem;list-style-position: inside;}
#contentMaster ul li{list-style-type: none;}
#contentMaster ul li:before{font-family: 'FontAwesome';content: "\f111";font-size: 0.5rem;position: absolute;left:0;top: 7px;}

/* ---------------- Headings -------------------- */
h1{font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 3rem;text-transform: uppercase;color: #292929;margin-bottom: 25px;text-align: center;}
h1 span  {
    font-family: 'Open Sans', sans-serif;
    position: relative;
    font-size: 2.8rem;
    font-weight: 400;
    margin-bottom: 1.2rem;
    color: #8dc131;
   }
h2{font-family: 'Open Sans', sans-serif;position: relative;font-size: 1.8rem;font-weight: 400;margin-bottom: 1.2rem;color: #97c03e!important;}
h3{  font-family: 'Open Sans', sans-serif;font-size: 2.3rem;font-weight: bold;padding-left: 33px;position: relative;    margin-bottom: 1rem;}
h4{font-size: 1.7rem; font-weight: bold;margin-bottom: 0;}

/*page actu*/
h1.entry-title,
h2.entry-title{
    margin-top: 15px;
}
article.post footer.entry-meta{
    height: 9rem;
}
/*eend*/
.exergue {font-size: 1.7rem;font-weight: 100;font-style: italic;color: #3c3c3c;box-shadow: 0 0 0;line-height: 1.1;background: #f1f1f1;text-align: center;}
#services {
  font-family: 'Open Sans', sans-serif;
  text-transform: none;
  letter-spacing: 2px;
  font-size: 2.3rem;
  padding-top: 0rem;
  color: #d0d0d0;
  text-align: left;
  font-weight: 400;
  line-height: 2rem;
  margin-top: 15px;
}
a.home-link {
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    line-height: 7rem;
    font-size: 7rem;
    display: block;
    text-decoration: none;
}
#services span{font-size: 2rem;text-transform: none;font-weight: 400;color: #ffbe80;}
a.home-link:hover{color: #e4aa76;}
#espace {
    background: #413d3e;
    color: #f0f0f0;
    padding: 10px 20px;
    /* text-transform: uppercase; */
    font-size: 1.6rem;
    /* font-style: italic; */
    font-weight: 300;
    letter-spacing: 1px;
}
#espace:hover{
    background: #fff;
    color: #292929!important;
    }
/* ---------------- Sidebar -------------------- */
.sidebar {
    height: 600px;
    background-image: linear-gradient(#fbb610,#fbb811);
    padding-top: 15px;
    padding-bottom: 15px;
    padding: 25px;
}
.sidebar {
    color: #fff;
    text-align: center;
}
.widget h2{margin-bottom: 10px;}
.widget-element{margin-bottom: 25px;}
.widget_recent_entries ul{padding:0;}
.widget_recent_entries ul li{list-style-type: none;}
.widget_recent_entries ul li a{display: block;font-weight: bold;text-decoration: none;}
.widget_recent_entries ul li span{display: block;font-size: 1.3rem;}

.search-form{display: block;position: relative;}
.search-form label{display: block;}
.search-form label span{display: none;}
.search-form .search-field{height: 25px;background: #333;border:none ;padding:20px;width: 100%;color:#fff;}
.search-form .search-submit{height: 35px;width: 35px;position: absolute;right: 4px;top: 1px;line-height: 100px;overflow: hidden;border:none;background: transparent url(images/search.png) no-repeat center center;}

.search-form input[placeholder]{color: #fff;font-weight: normal;}
::-webkit-input-placeholder{color: #fff;}
.entry-thumbnail {
    text-align: center;
}
/* ---------------- Formulaire -------------------- */
.wpcf7-form-control.wpcf7-submit{margin-top: 20px}
.wpcf7-form-control.wpcf7-submit:hover{}
.wpcf7-form-control.wpcf7-text,.wpcf7-form-control.wpcf7-textarea{ padding-left: 15px;padding-right: 15px;width: 100%}
.wpcf7-form-control.wpcf7-text:focus,.wpcf7-form-control.wpcf7-textarea:focus{}

div.wpcf7{padding: 15px;}


/* ---------------- Bouton -------------------- */
.btn,
.wpcf7-form-control.wpcf7-submit,
.more-link{
    border: none;
    background: #1d1d1b;
    color: #ffffff;
    padding: 10px 35px;
    display: inline-block;
    transition: all 0.1s;
    white-space: normal;
    letter-spacing: 1px;
}
.btn:hover,
.wpcf7-form-control.wpcf7-submit:hover,
.more-link:hover{
    background: #fff!important;
    color: #843f64 !important;
    }

/* ---------------- Footer -------------------- */
.site-footer {
   text-align: center;
   padding: 14px 0 10px;
   color: #d2d2d2;
   font-size: 1.5rem;
   line-height: 2rem;
   background: rgb(29, 29, 27);
   /* box-shadow: 0px 0px 6px #00000026; */
}

.site-footer .copy{font-size:1.3rem;}
#top{   
    margin: auto;}
.sidebar i.fa.fa-envelope {
    padding: 5px 0;
}

/* ---------------- Divers -------------------- */
#top .col-md-3{
    padding-top: 0%;
    border-left: 2px dotted #9f9f9f;
    margin-top: 7%;
    }
.sliderReassurance,.site-footer{line-height: 1.42;}
.telephoneSlider{font-size: 1.5rem;font-weight: 600;margin: 0;letter-spacing: 1px;color: #d0d0d0;line-height: 1.5;}
.telephoneFooter{font-size: 1.6rem;margin-bottom:20px;}
.telephoneSlider a, .telephoneFooter a{text-decoration: none;}
.adresseSlider, .adresseFooter{margin-bottom:20px;margin: 0;letter-spacing: 1px;color: #d0d0d0;line-height: 1.5;font-weight: 600;}

.textAlignCenter{text-align: center;}
.mentionsLegales{font-style: italic;font-size: 1.2rem;}
.fa{padding-right: 10px;}

/********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: #97c03e!important;}
/********FORM*********/
.gold {
    color: #97c03e!important;
}
  #flex #services{min-height: 260px;  display: flex; /* contexte sur le parent */
  flex-direction: column; /* direction d'affichage verticale */
  justify-content: center; /* alignement vertical */}
  p.text-center.pl50.pr50 {
    max-width: 64%;
    margin: 0 auto 0 !important;
}
  .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;}
.separateur-100 {height:100px;display:block;}
.semi-container{width: 90%;margin: auto;padding-top: 3px;}

#navbar {
 box-shadow: 0px 0px 6px #00000026;
}
#slider {
    box-shadow: 0px 0px 6px #00000026;
}
#main {box-shadow: 0px 0px 6px #00000026;margin-bottom: 3em;}
.containerX{max-width: 1400px;width: 100%; margin:auto;padding-left: 15px;padding-right: 15px;}
.salle p {
    max-width: 645px;
    margin: 0 auto!important;
    display: block;
    text-align: center;
    background: #424242b3;
    color: #fff;
    padding: 2em 2em;
}

.salle {
    background: url('images/slider2.jpg') no-repeat;
    height: 500px;
  background-size: cover;
}

.margin{margin:auto;}
#visu1{
    background: url('images/bg1.jpg') no-repeat center;
    height: 500px;
    background-size: cover;
    background-position-x: -74px;
    }
#visu2{
    background: url('images/bg2.jpg') no-repeat center right;
    height: 500px;
    background-size: cover;
    }
 /*************************************************/   
    #visu3{
    background: url('images/bg3.jpg') no-repeat center;
    height: 500px;
    background-size: cover;
    background-position-x: -74px;
    }
       #visu4{
   background: url('images/bg4.jpg') no-repeat center right;
    height: 500px;
    background-size: cover;
    }
/*************************************************/
     #visu5{
  background: url('images/bg5.jpg') no-repeat center right;
    height: 500px;
    background-size: cover;
    }
     #visu6{
    background: url('images/plateau.jpg') no-repeat;
    height: 500px;
    background-size: cover;
    background-position-x: -90px;
    }
  .h500{height: 500px;padding: 0 6em;}
  div#bl1 {
    background: #5c0e1b;
    color: #d1d1d1;
}
div#bl2 {
    background: #d4bfa2;
    color: #fff;
}
.exergue.sep {
    margin: 0;
    padding: 2em 0;
    font-weight: 400;
    background: #fff;
}
.text-center{text-align:  center !important ;}
.text-left{text-align:  left !important ;}
.text-right{text-align:  right !important ;}
.gallery-icon img {
    height: auto;
}
.su-accordion.su-u-trim {
    max-width: 1100px;
    margin: 1em auto;
    padding: 1em;
}
td, th {
    border: 0px solid #ddd;
    padding: 1px 8px;
       text-align: left!important;
}

table {
    padding: 1em;
  
    width: 100%;
      text-align: left!important;
    background: rgba(121, 182, 78, 0.05);
 
}
table li {
   
    text-align: left!important;
}
table li:before {
    
    content: "\f1db" !important;
  }
  .su-spoiler-title {
    font-size: 2rem!important;
    font-weight: 400!important;
}
.page-id-349 tr:hover {
    background: rgb(121, 182, 78);
    color: white;
}
.su-spoiler.su-spoiler-style-default.su-spoiler-icon-plus.su-spoiler-closed  .su-spoiler-title {
    background: transparent;
    color: #1d1d1b;
}
.su-spoiler.su-spoiler-style-default.su-spoiler-icon-plus .su-spoiler-title {
    background: #1d1d1b;
    color: #fff;
}
/* ------------------ Break Points ------------------- */
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 991px) {
    .col-md-3.sidebar .adresseSlider, .col-md-3.sidebar .telephoneSlider{display:none;}
    .sidebar{height: auto;}
    .flex{/* display: block; */}
    .sliderReassurance{display: none;}
    html{font-size: 59%;}
    #top {
    width: 100%;
   
}
}
@media screen and (max-width: 767px) {
		.exergue.sep {

		padding: 2em 8px;

	}
		.h500 {

		height: auto;
		padding: 0 2em;
		margin: 2em auto;
	}
	#visu2 {
		height: 270px;

	}
	#visu1 {
		height: 270px;

	}
	.salle {
		height: 270px;

		background-position: right;
	}
		.telephoneSlider .fa-li,.adresseSlider  .fa-li{
		display: none;
	}
	#top .col-md-3{border:none;}
		#top {
		width: 100%;
		margin-top: 40px;
	}
		a.home-link {

		text-align: center;
	}
		.push {
		padding: 0 20px;
	}

		.nav.navbar-nav li a {
		padding: 6px;
		font-size: 18px;
		color: #fff;
	}
		#services {
		 text-align: center;
		margin-top: 0px;
	}
		html{font-size: 55%;}
		div#flex {
		padding-right: 0;
	}
		#navbar{position: fixed; width: 100%; right: 0;top: 0;left: 0;}
		.menu-menu-principal-container{margin-top: 1rem;}
		.navbar-inverse{background-color: #373b40;position: fixed;width: 100%;top: 0;}
		.nav.navbar-nav li{display: block;}
		.nav.navbar-nav li a{padding: 6px ;font-size: 18px;}

		.nav.navbar-nav li ul{display: block;position: relative;width: auto;top: 0;background: #666;text-align: center;}
		.nav.navbar-nav li ul li{float: none;width: 100%;border-bottom: 1px dotted #333 ;}
		.nav.navbar-nav li ul li a{width: 100%;font-size: .9em;}
		.home-link>img{margin-top: 0rem;max-width: 80%;padding-bottom: 1.5rem;/* width: 100%; */}
		#flex #services {
		min-height: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}
	.fa-ul {
		padding-left: 0!important;
		margin-left: 0!important;
		list-style-type: none;
		text-align: center;
	}
	.nav.navbar-nav li ul li a { font-size: 1.5rem;}
}
@media screen and (max-width: 450px) {
}
.sidebar iframe {
    padding-bottom: 20px;
}