/*

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=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800italic,800);

/*

font-family: 'Open Sans', sans-serif;

*/
@import url(https://fonts.googleapis.com/css?family=Lobster+Two:400,400italic,700,700italic);

html{background-color:transparent;}

body{font-family: 'Open Sans', sans-serif;color: #cccccc;line-height: 24px;/* min-height:100%; */height:100%;background-color: transparent;margin: 0;background: #3c3c3c;}

.container{max-width: 100%;}

a{color: inherit;text-decoration: none;}
li#menu-item-266{/*position:  relative; */  }

li#menu-item-266:after {
    font-family: FontAwesome;
    content: "\f0d7 ";
    padding-left: 0;
    font-size: 18px;
    color: #8dc63f;
    position: absolute;
    right: 14px;
    top: 10px;
}
.navbar-nav li.menu-item.menu-offer a {
  color: #8dc63f;
}
.navbar-nav li.menu-item.menu-offer a:hover, body.home #popup a:hover {
  opacity: .8;
}

.entry-content a{text-decoration:underline;}
.wp-caption{margin: auto;}

.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;}
/* ------------------ Header ------------------ */

body.home #popup{
	position: fixed;
	top: 0;
	left: calc(50% - (15% - 110px));
	width: 30%;
	z-index: 30;
	text-align: center;
	background-color: #ff720b;
	color: #fff;
	padding: 2rem;
}
body.home #popup h3{ color: #fff !important;}
body.home #popup a{
  color: #fff;
  font-weight: 600;
  font-size: 1.6rem;
  font-style: italic;
}

.site-header{width: 220px;position: fixed;top:0;left:0;bottom:0;background-color: #262626;}

#logo{margin-top: 0;display: block;}

#topBtn .caption{
    background-repeat: repeat-x;
    background-size: contain;
    font-family: 'Port Lligat Slab', serif;
    color: #333333;

    font-weight: 400;
    line-height: 57px;
    text-align: center;
        padding-top: 30px;
    padding-bottom: 60px;
}
#topBtn .caption span{
color:  #333333;
font-size: 20px !important	;
font-weight: 400;
line-height: 30.526px;
text-align: center;}


/* ------------------ Main ------------------ */
#main{margin-left: 220px;min-height: 952px;max-width: 1700px;/* width: 100%; */}

p#cap {
    text-align: center;
    /* padding-right: 180px; */
    margin-bottom: 0px;
    /* padding-left: 614px; */
    position: absolute;
    bottom: 0px;
    right: 13%;
}
p#logo-top img {
    background: #fefefe99;
    padding: 20px 30px;
}
/* +*/
p#logo-top {
    padding-top: 140px;
}
p#logo-top {
    display: none;
}
.home p#logo-top {
    display: block;
}
#topBtn{background: transparent url(images/slider.jpg) no-repeat top center;/* background-size: contain; *//* background-attachment: fixed; */}

.home #top-bloc{    padding-top: 200px;padding-bottom: 50px;position: relative;}
#topBtn {
    padding-top: 65px;
    padding-bottom: 50px;
    position: relative;
}


#topBtn .bloctopBtn{text-align: center;width: 100%}

body.home #topBtn .bloctopBtn{position: absolute;bottom:20px;text-align: center;width: 100%}

#topBtn .bloctopBtn a{color:#fff;}
#topBtn .bloctopBtn a:hover{color:#5f5cf1;text-decoration: none;}

#topBtn .bloctopBtn .blocElt{background-color:#23245a;margin-bottom: 20px}
#topBtn .bloctopBtn .blocElt:after {
    content: url(images/plus.png);
    position: relative;
    left: 0;
    width: 30%;
	display: block;
    right: 0;
    bottom:-28px;
    margin: auto;
    
}
#topBtn .bloctopBtn .blocElt .blocTitle{font-family: 'Port Lligat Slab', serif;
color:  #fffeff;
font-size: 30px;/* Approximation causée par une substitution de police */
font-weight: 400;
line-height: 28px;/* Approximation causée par une substitution de police */
text-align: center;}

#topBtn .bloctopBtn .blocElt .blocDetail{font-family: 'Quicksand', sans-serif;font-size:19px;}




.entry-header{/* background-color: rgba(255, 255, 255, 0.9); *//* line-height: 40px; *//* margin-bottom:30px; *//* padding:20px 0; */}

li#menu-item-451>a:after{ font-family: FontAwesome;content: "\f13a";float:right;padding-left: 11px; font-size: 14px;color:#7879d7;}
li#menu-item-452>a:after{ font-family: FontAwesome;content: "\f13a";float:right;padding-left: 11px; font-size: 14px;color:#7879d7;}
li#menu-item-453>a:after{ font-family: FontAwesome;content: "\f13a";float:right;padding-left: 11px; font-size: 14px;color:#7879d7;}
#topBtn .bloctopBtn{display: none;}
.home #topBtn .bloctopBtn{display: block;}
	/* ---------- Headings ---------- */
}
}
h1, h2 {
font-family: 'Lobster Two', cursive;


}
h1.entry-title {
		font-family: 'Lobster Two', cursive;
    color: #00afe7;
    font-size: 4rem;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.19);
    margin: 0;
    background-color: rgba(255, 255, 255, 0.9);
    line-height: 40px;
    margin-bottom: 30px;
    padding: 20px 0;
}


a{
color: #23245a;
text-decoration:none;
}

a:link {color: #28afe7;} 

/* visited link */
a:visited {
   color: #28afe7;
}

/* mouse over link */
a:hover {
   color: #5f5cf1;
}

/* selected link */
a:active {
    
}


h2, h3, h4, h5 {
	margin-bottom : 20px;
	
}
#main ul, #main ol {
    font-size: 0.9em;
    padding-left: 20px;
}


h2{
	color: #8dc63f;
	font-size: 3.7rem;
	font-weight: 400;
	text-align: left;
	padding-top:20px;
	margin-bottom:20px;
	font-family: 'Lobster Two', cursive;
	background: transparent url(images/h2.png) no-repeat center bottom;
	text-decoration: none;
}


h3{
	font-family: 'Open Sans', sans-serif;
	color:#8dc63f!important;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom:20px;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.19);
}

h4{
	font-family: 'Open Sans', sans-serif;
font-size: 20px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.19);
color:#00afe7;
font-weight: 300;
}

h5{ color:#b9003a!important;font-size:20px; line-height:24px; }

h6{}



	/* puces */



/*#main ul li{list-style-image: url(images/puce.png);}*/


.page-id-246 div#gallery-2 {
    background: white;
}
	/* contact */

.wpcf7-form-control.wpcf7-submit{
    /* color: red !important; */
    /* background: none; */
    border: none;
    padding: 5px 50px;
}

.wpcf7-form-control.wpcf7-submit:hover{}

.wpcf7-form-control.wpcf7-text,.wpcf7-form-control.wpcf7-textarea{color: #fff;background: transparent;width: 100%;border: 1px solid #2188b3;}

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


.wpcf7-form .wpcf7-form-control.wpcf7-captchar {width: 72px;vertical-align: middle;display: inline-block;margin-right: 10px;margin-left: 10px;    color: #fff;background: transparent}

	/* btn */




.btn:hover , .wpcf7-form-control.wpcf7-submit:hover, .more-link:hover{
	background: #8dc63f!important;
	text-decoration:none!important;
	color: #3c3c3c;
}
.btn a:visted{
	color:white;
text-decoration:none!important;
}




.btn, .wpcf7-form-control.wpcf7-submit, .more-link {
	    font-size: 2rem;
	font-family: 'Lobster Two', cursive;
	background: #28afe7;
	color: #3c3c3c!important;
	border-radius:3px;
	text-decoration:none!important;
	margin: 	10px 0
}

/* ol ulk */

ol {
line-height: 22px;

}
	div#top {
    position: relative;
}


.blocTitle{
	padding-top: 20px;
	margin-bottom: 0!important;
}

	/* divers */

	.exergue, .exergue2{
		background-image: linear-gradient(#F3F3F3,white);
		border:1px solid #5f5cf1;}

	.exergue{color: #23245a;
	text-shadow:1px 1px 0 rgba(255,255,255,0.75);
}

	.exergue2{color:#646363;margin-bottom:20px;padding:10px;}

	.exergue :last-child,.exergue2 :last-child{margin-bottom:0 !important;}
	
	.quote{font-family: 'Niconne', cursive;color:#fff;font-size: 2.8em;}

#topBtn .bleu:hover{background:#8dc439!important;}
#topBtn  a:hover{text-decoration: none!important;}

/* -------------- footer -------------- */
.site-footer{position:absolute;bottom:0;left:0;width:100%;max-width:220px;text-align: center;}
.site-footer #social a{font-size:1.4em;margin: 0 5px;display: inline-block;height: 35px;width:35px;    border-radius: 50%;
    background-color: #b9003a;line-height: 35px;color: #fff;}

.site-footer #social a:hover,.site-footer #social a:focus{background: #23245a;color:#fff;}

.site-footer #telFooter {margin-bottom:15px;}

.site-footer #telFooter a{font-family: 'Open Sans', sans-serif;
color: #b9003a;
font-size: 22.37px; /* Approximation causée par une substitution de police */
font-weight: 700;
text-align: center;
transform: scaleX(1.0093); /* Propriétés de largeur et de hauteur omises en raison de la transformation */}

.site-footer .copy{}

.site-footer .copy a{font-size: 0.7em;color:#878987;display: block;}

/* ------------------ MENU ------------------- */
.navbar-inverse .navbar-nav>li>a{padding: 0}
#main .fdm-item .fdm-item-panel .fdm-item-title {
    font-size: 3rem;
    font-family: 'Niconne', cursive;
        font-weight: 200;
}
#main .fdm-item-panel p {
    padding-right: 0;
    text-align: center;
   font-size: 1.5rem;
}
/* ------------------ SOUS MENU ------------------- */
.sous_menu {
    color: #23245a;
    line-height: 24px;
	font-weight: bold;
    font-size: 16px;
    text-align:center;
    text-decoration: :none;
 }


/* bfooter */
#bfooter {
	display:block;
	position: relative;
	bottom:0px;
	background-color: #3c3c3c;
	bottom: 0px;
	text-align: center;
	width: 100%;
	margin-top: 20px;
	padding-right: 0;
	padding-left: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:0px;
	height: 84px;
}
#bfooter {
    color: white;
    line-height: 24px;
    font-size : 13px;
}

#bfooter a:hover{
	text-decoration:underline;	
}
#bfooter a:link{
	color:white;
	text-decoration:none;
	font-weight:bold;	
}
.brand {
font-weight: bold;
 font-size : 17px;
}

#topBtn .bleu{
background: #00afe7;
padding: 15px 0;
}

#topBtn span{	font-family: 'Lobster Two', cursive;font-size: 3rem; font-weight: bold; text-align: center;}

#topBtn p{font-size: 2.1rem; font-weight: 400;font-family: 'Open Sans', sans-serif;text-align: center; color: #000}
#main p{
    margin: 0 0 10px 0;
}
/* ----------- Menu ---------- */

.navbar-nav{margin-top: 20px;padding: 0;padding-left: 10px;}
.navbar-nav>li {
    margin-bottom: 0;
    font-family: 'Lobster Two', cursive;
    font-size: 19px;
    text-align: left;
    width: 100%;
    list-style-type: disc;
    /* color: red; */
    display: block;
    /* position: relative; */
}

.navbar-inverse .navbar-nav>li>a{ 
	font-family: 'Lobster Two', cursive;
	color: #7d7d7d;
	font-weight: 400;
    font-size: 1.87rem;
    line-height: 37px;
	border-top: 0;
}
.navbar-inverse .navbar-nav>li.current_page_item>a,.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{
    color: #8dc63f;
}
.navbar-toggle{}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{color: #8dc63f;}


/* gestion sous menu */
ul.sub-menu {
        padding-left: 15px;
        display: none;
        position: relative;
        list-style: none;
        width: 100%;
        }
li.menu-item:hover >ul.sub-menu {
    display: inline-block;
}
div#container.rea{font-size:17px;color:#fff;}

ul.sub-menu >.menu-item a {/* font-family: 'Open Sans', sans-serif !important; */color: #7d7d7d;font-size: 14px !important;/* Approximation causée par une substitution de police */font-weight: 700 !important;line-height: 24px !important;/* Approximation causée par une substitution de police */text-align: center !important;border: none !important;text-transform: initial !important;margin-bottom: 0!important;width:    100%;}
ul.sub-menu >.menu-item > a:hover{color: #194181!important;text-decoration: none}
.current-menu-parent>a{color: #8dc63e!important;}
ul.sub-menu > li.menu-item {
    float: left;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    text-decoration: none;
}
ul.sub-menu >.current-menu-item a {
    color: #8dc63e;
}
li#menu-item-349{
border-bottom: 4px solid;

}

/* Sous menu over */
ul.sub-menu > li.menu-item a:hover{
	color: #8dc63e!important;
	font-family: 'Lobster Two', cursive;
}


.col-sm-4.home-btn {
    padding: 50px 0;
  
}


li#menu-tem-329:after { }

/* 2 eme nav catégories principales */
.sous-menu, li.sous-menu a{font-family: 'Open Sans', sans-serif !important;
color:  #23245a !important;
font-size: 16px !important;/* Approximation causée par une substitution de police */
font-weight: 700 !important;
line-height: 24px !important;/* Approximation causée par une substitution de police */
text-align: center !important;
border: none !important;text-transform: initial !important;margin-bottom: 0!important;}


/* 2 eme nav sous menu */
li.sous-menu ul.sub-menu li a{font-size: 14px !important;}
li#menu-item-23 a{border-top: none !important;margin-bottom: 0;}


/* special */
li#menu-item-376 a{	font-weight: 600!important; }
li#menu-item-377 a { font-weight: 600 !important; }
li#menu-item-376 {
margin-top: 3px;
margin-bottom :0px;
}

li#menu-item-375 {
    margin-top: 44px;
}

/* end special */

i.fa.fa-home { 
    color: #fffeff;
    font-size: 22.4px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    background-color: #b9003a;
    width: 36px;
    height: 36px;
    vertical-align: middle;
    padding: 6px 8px;
}


/* Bandeau slogan position en vertical */
/*.home #topBtn{ 
	padding-top: 100px ;
    padding-bottom: 150px ;
}*/
.home #topBtn{display: block;position: 	relative;}
div#bfooter a { color: #fff;}

#colophon p.big-title {
    font-size: 1.5rem;
    margin-bottom: 5px;
    color: #fff;
    font-weight: 500;
}
#colophon p.title {
    text-transform: uppercase;
    text-align: left;
    color: #fff;
    font-size: 1rem;
	margin-top: 0.8rem;
	margin-bottom: 2px;
	letter-spacing: .5px;
}
#colophon p {
    color: #8dc439;
    font-size: 1.33rem;
    line-height: 1.87rem;
	text-align:left;
    margin-bottom: 3px;
}
#colophon p a{    color: #8dc439;}
.site-footer .copy a {
    font-size: .8rem;
    float: left;
    margin-right: 0.7rem;
}
p.copy {
    border-top: 1px dotted;
    font-weight: bold;
    padding-top: 10px;
}


/* ------------------ MEDIA Break Points ------------------- */
@media screen and (max-width: 1380px) {
	.blocElt{max-height:150px;}
	#topBtn .caption{} 
}	

@media  (max-width: 1300px) and (max-height:800px ){

}
@media screen and (max-width: 1220px) {
	.blocElt{min-height: 120px;}
		/*mes ajouts */
	#topBtn .caption { font-size: 50px; }
	#bloctopBtn{bottom:10px;}
	#topBtn{ 
	padding-top: 100px!important;
    padding-bottom: 150px!important;
	}
}

@media screen and (max-width: 1080px) {
	p#cap { padding-right: 16px;}
	.blocElt{}
	.blocElt::after{position : relative; bottom:-100px;}
	
	/*mes ajouts */
	#topBtn .caption { font-size: 30px;  }
	#topBtn{ 
	padding-top: 50px!important;
	}
}

@media screen and (max-width: 1150px) {
#topBtn .bleu p {
    font-size: 1.5rem;
    margin: 0;
}
#topBtn .bleu {
    background: #00afe7;
    padding: 5px 0;
}
#topBtn span {
    font-family: 'Lobster Two', cursive;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}

	#main{margin-left:250px;}
	#topBtn .caption{ margin-top:0;}
	.site-header,.site-footer{width:250px;}
	
	
	/*mes ajouts */
	#topBtn .bloctopBtn .blocElt .blocTitle { font-size: 25px;};
	#topBtn .bloctopBtn .blocElt:after { bottom:-100px;}
	#topBtn .caption { font-size: 50px; }
	#topBtn .caption span { font-size: 40px; }
	#topBtn{ 
	padding-top: 100px!important;
	}
}

@media screen and (max-width: 992px) {
	
	#topBtn .caption{line-height: 40px;}
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #81c100;
    border-color: #81c100!important;
}
.navbar-toggle {
    border-radius: 0;
    background: #28adec;
    border-color: #28adec !important;
}
	.blocElt{min-height: 0px;}
	#topBtn .caption{ padding-top :0;}
	
	#topBtn .bloctopBtn{ 
	position:relative!important;
	padding-top:0px!important;
    padding-bottom:15px!important;
	}
	#topBtn{ 
	padding-top: 20px!important;
    padding-bottom: 0px!important;
	}

	.blocElt:after{position : relative; min-height: 209px; bottom:-150px;} /*mes ajout*/
	#topBtn .bloctopBtn .blocElt { margin-left: auto; width:170px!important; margin-right: auto }
	#topBtn .bloctopBtn a { display: inline-block;     vertical-align: top;display: -webkit-inline-box;}
	
	#topBtn .caption { font-size: 50px; padding-bottom: 30px;padding-top: 10px; }
	#topBtn .caption span { font-size: 40px; }
	body.home #popup{		
		position: absolute;
		left: 250px;
		width: calc(100% - 250px);
		padding: 1.5rem;
		max-height: 108px;
		min-height: 108px;
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
	}	
	body.home #popup h3{ 
		font-size: 1.65rem;
		margin-bottom: 14px;
	}	
	body.home #popup a{
		font-size: 1.5rem;
		font-style: initial;
		text-transform: uppercase;
	}
	
}
@media  (max-height:800px ) {
	/*.navbar {
  
    float: right;
}
	.site-header {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #262626;
}
.navbar-nav>li {
    margin-bottom: 0;
    font-family: 'Lobster Two', cursive;
    font-size: 19px;
        width: auto;
    list-style-type: disc;
    /* color: red; 
    display: block;
    /* position: relative; 
    float: none;
    display: inline-block;
    padding: 0 10px;
}
ul#menu-menu-principal {
    float: right;
}
#main {
    margin-left: 0;
    min-height: 0;
    max-width: 100%;
    width: 100%;
}
.footer1 {
    display: none;
}
.navbar-nav {
    margin-top: -100px;
}*/
.site-footer{position: 	relative;	}
.site-header {
    z-index: 20;
    overflow: auto;
}
}



@media screen and (max-width: 767px) {
    h1.entry-title {

    font-size: 3rem;}
    #menu-item-266>a {width: 50%}
	#main {
    min-height: 0;
   
    /* width: 100%; */
}
	.site-header {
    z-index: 20;
    background: white;
}
	div#topBtn {
    display: none!important;
}
	/*.footer1{display: 	none;	}
	.footer2{display: 	block;	}*/
	.footer2 p{text-align: 	center!important	;	}
	div#bfooter{padding-left: 	0 !important	;}

	.navbar-toggle{margin-top: -70px; }

	#logo{}

	.site-footer{position: relative;bottom:auto;width:100%;max-width:100%;}

	.site-header{width: 100%;position: relative;text-align: center;}

	body.home #topBtn,#topBtn {padding:0 !important; margin:0!important;}

	body.home #topBtn .container,#topBtn .container{padding:20px 15px;}

	body.home #topBtn .bloctopBtn,#topBtn .bloctopBtn{display: none;}

	#main{margin-left:0;}
	#bfooter{height: 130px}
	
	body.home #popup{
		position: absolute;
		left: 0;
		width: 100%;
		padding: 1rem;
		max-height: 105px;
		min-height: 84px;
		flex-flow: row wrap;
		align-items: center;
		justify-content: space-around;
	}	
	body.home #popup h3, body.home #popup p{ 
		margin: 10px 20px;
	}
	#masthead.site-header {
	  padding-top: 84px;
	}

}

@media screen and (max-width: 450px) {
	body.home #topBtn .container, #topBtn .container {
    padding: 40px 15px;
}
	span.auth {display: block;}
    #topBtn .caption { padding-bottom: 60px;}
	
	body.home #popup{
		height: auto;
		max-height: inherit;
		min-height: unset;
	}
	#masthead.site-header {
	  padding-top: 105px;
	}
}
span.auth {
    font-size: 20px !important;
    text-align: right;
    /* vertical-align: baseline; */
    font-style: italic;
}
#topBtn .bloctopBtn .blocElt:after{visibility: hidden;}
#topBtn .bloctopBtn .blocElt.last:after{visibility: visible;}
div#bfooter {
	    height: 105px;
	    /* position: absolute; */
	    bottom: 0;
	    /* width: 100%; */
	    left: 0;
	    /* padding-left: 300px; */
	    z-index: 0;
	    margin-top: 20px;
}
.site-header{z-index: 20}
#ft{    padding-bottom: 162px;}
div#page {
    position: relative;
}

img#sign {
    width: 10%;
    bottom: 0;
    position: absolute;

}