#note { color:#333333; font-size: 12pt; letter-spacing : 0.5pt; 
font-family: 'Oswald', sans-serif; text-transform:none;   line-height:12pt; text-align:center;  width : auto; position : absolute; right: auto; left:0; top:10px;  z-index:1; font-weight:300;
}

.accueil, .accueil a {
	
	font-family: 'Oswald', sans-serif;
	display: inline-block; margin:0;
	padding: 0.4em 1.5em 0.4em 1.5em;
	color: #ffffff;
	display: inline-block; margin-bottom:0px;  
	
}
.accueil:hover ,.accueil a:hover {
	
	background:#f9d71b; text-decoration:none; color: #ffffff; 
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}


	
.cbp-hrmenu {
	width: 100%;
	margin-top: 0em;
	text-align:right; position:relative; z-index:1000; border:none;
	font-family: 'Oswald', sans-serif;
	border-top:1px solid #ffffff;  border-bottom:0px solid #ffffff;
	
}


/* general ul style */
.cbp-hrmenu ul {
	margin: 0 auto; 
	padding: 0;
	list-style-type: none; float:right;
}

/* first level ul style */
.cbp-hrmenu > ul,
.cbp-hrmenu .cbp-hrsub-inner {
	
	max-width: 80em;
	margin: 0 auto;
	padding: 0 1.875em 0 0em;
}

.cbp-hrmenu > ul > li {
	display: inline-block; padding:0; margin:0;
}



.cbp-hrmenu > ul > li > a {
	font-weight: 300; letter-spacing:0.1em;
	padding: 0.7em 2.5em 0.8em 2.5em;
	color: #ffffff;
	display: inline-block; margin-bottom:0px; 
}
.cbp-hrmenu ul li a span {
	
	color: #666; font-weight:500; cursor:none; text-decoration:none;
	
}

.active {
	color: #ffffff !important; background:#bbc109; 
	text-decoration:none; 
	
	
}

.cbp-hrmenu > ul > li > a:hover {
	
	background:#f9d71b; text-decoration:none; color: #666666;
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.cbp-hrmenu > ul > li.cbp-hropen a,
.cbp-hrmenu > ul > li.cbp-hropen > a:hover {
	color: #FFF; background: #3cada8;
	
}




/* sub-menu */





.cbp-hrmenu .cbp-hrsub {
	display: none;
	position: absolute;
	 background:#3cada8; 
	width: 100%;
	left: 0; margin-top:0px; border-bottom: 1px solid #ffffff;
	-webkit-box-shadow: 0 15px 20px 0 rgba(0,0,0,0.3);
box-shadow: 0 15px 20px 0 rgba(0,0,0,0.3);
	
}

.cbp-hropen .cbp-hrsub {
	display: block;
	padding-bottom: 1.5em;
}

.cbp-hrmenu .cbp-hrsub-inner > div {
	width: 33%;
	float:right;
	padding: 0 2em 0 2em;
}

.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {
	content: " ";
	display: table;
}

.cbp-hrmenu .cbp-hrsub-inner:after {
	clear: both;
}

.cbp-hrmenu .cbp-hrsub-inner > div a {
	line-height: 1.5em; font-family: 'Lato', sans-serif; 
}
.cbp-hrmenu .cbp-hrsub-inner > div a:hover {
	color:#333333; text-decoration:none;
}

.cbp-hrsub h4 {
	color:#f9d71b; 
	padding: 2em 0 0.6em;
	margin: 0;
	font-size: 120%; font-weight:400;
	
}
.cbp-hrsub h5 {
	color: #666;
	padding: 0;
	margin:-15px 0 0 0;
	font-size: 100%; letter-spacing:-0.05em;
	font-weight: 300;
}
.cbp-hrsub h6 {
	color: #666;
	padding: 0;
	margin:-23px 0 0 0;
	font-size: 100%; letter-spacing:-0.05em;
	font-weight: 300;
}


/* Examples for media queries */
@media screen and (max-width: 1200px) { 

#slogan2 a, #slogan2 a:hover {
 text-decoration:none;    

}





#slogan2 .texte{
display:table;  z-index:1000; text-align:center;margin:0px auto 0 auto;

}
#slogan2 h1{
font-weight:100;
color:#ffffff; font-size: 2.4em; line-height:1.1em;    font-family: "verveine",sans-serif;
 display:block; border-bottom:1px solid #ffffff; text-shadow: 0 2px 5px #666666;
}
#slogan2 h2{
font-weight:300;
  color:#ffffff; font-size: 1.1em; line-height:1.5em;    font-family: 'Oswald', sans-serif;  display:block;  margin-top:-10px; letter-spacing:0.1px;

}



	}
	
	@media screen and (max-width: 71em) { 

.cbp-hrmenu > ul > li > a {
	letter-spacing:0.1em;
	padding: 0.7em 1.5em 0.8em 1.5em;
	
}
	}


@media screen and (max-width: 63em) { 



.flex-control-nav li {display: none; opacity:0; }

}
@media screen and (max-width: 61.5em) { 
#picto{
display:block; text-align:center; height:auto; width:80px;right:320px ; top:15px; position: absolute; 

}
#picto img{
margin:4px auto;

}


}

@media screen and (max-width: 58.5em) { 
.accueil, .accueil a {
	
	
	
	padding: 0.4em 1.0em 0.4em 1.0em;
	
	
}
#picto{
display:block; height:auto; width:150px;right:320px ; top:103px; position: absolute; 

}
#picto img{
margin:0 3px;

}




#slogan2 .face{
display:block; position:relative; bottom:0px; left:100px;  width:40px; height:40px; 

}



#haut{ 

 height:150px; 
 }
 .nav{ 
 margin-top:140px;

}
#index #home{ padding: 210px 0 0px 0;}
}


@media screen and (max-width: 50em) { 

blockquote p{ font-size:1.2em; line-height:1em;}
.row p{ font-size:1.6em;}
.row ul, .row li{ font-size:1.6em;}
#index #home .decallage1bis h2 {   font-size:2em;letter-spacing:0.1em;  padding-left:10px; padding-right:10px;  }
.justifie {  text-align : left;}
.decallage1ter, .decallage1ter ul, .decallage1ter li{   font-size : 1.6em; line-height : 1.6em;  }
 .decallage1ter ul{   font-size : 1.0em; line-height : 1.0em;  }
.decallage1ter h1{  font-size : 2em; }
.btn-default {
  font-size : 1.6em;
}
.titre h1 {
        margin-top: 0px; font-size:3.5em; font-family: "verveine",sans-serif; letter-spacing:-0.1; font-weight:100;color:#3c97a8;
        
    }
	.decallage1bis i{   font-size :3em;  }
	
.row .flexslider h1{
font-size:1.0em;  font-weight:400; font-style:normal; padding: 0 0px 0px 0px;
position:relative;  width:100%; height:auto; display: block; margin:5px 0 5px 0; 
font-family: 'Oswald', sans-serif;
}

#logo{ 

position:absolute;
 }

#haut{ 

width:100%; position:relative; z-index:1000;   display:block;  height:150px; margin-top:-10px;
 }
.nav{ 
 position:relative;padding-left:0px; z-index:1000; margin-bottom:0px; margin-top:0px; height:auto; 
 }
 
#picto{
display:block; text-align:center; height:auto; width:170px;left:210px ; top:100px; position: absolute; 

}
#picto img{
margin:4px auto;

}
#slogan{
position: absolute; right:0px;  width:280px; 
 display: block; font-size: 0.9em; 

}

#slogan .flag{ 
width:100px; height:auto;  position:absolute; top:110px; right:0px;  
           
}
#slogan .flag img{ 
margin-top:0px; margin-right:15px; width:31px; height:30px;          
           
}
 
 


 
.cbp-hrmenu > ul > li > a {
	
	color: #ffffff; border-top:1px solid #ffffff; text-align:center; font-size:1.5em; line-height:0.5em;
	
}

.accueil, .accueil a {
	
	 width:100%; text-align:center;   
	
}




#index #home{ padding: 40px 0 0px 0;}




.cbp-hrmenu .cbp-hrsub {
	
	-webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,0.0);
box-shadow: 0 0px 0px 0 rgba(0,0,0,0.0);
	
}

/*
*/


	.cbp-hrmenu .cbp-hrsub-inner > div a {
	line-height: 1.5em; font-family: 'Lato', sans-serif; font-size:1.5em; 
}

	.cbp-hrmenu {
		font-size: 120%; text-align:center;
		border: none;
	}


	.cbp-hrmenu > ul,
	.cbp-hrmenu .cbp-hrsub-inner {
		width: 100%;
		padding: 0;  
	}

	.cbp-hrmenu .cbp-hrsub-inner {
		padding: 0 2em; 
		font-size: 75%;
	}



	.cbp-hrmenu > ul > li {
		display: block; 
		
	}

	.cbp-hrmenu > ul > li > a { 
		display: block;
		padding: 1em 3em; 
	}

	.cbp-hrmenu .cbp-hrsub { 
		position: relative; 
	}

	.cbp-hrsub h4 {
		padding-top: 0.3em; font-size:1.8em;
	}

	.cbp-hrmenu .cbp-hrsub-inner > div {
	display:table;
		width: 100%;
		float: none;
		padding: 0 2em; 
	}
	

.navbar-brand {
    position:relative;
   
}

#note { display:none;
}
.decallage1bis h1 {   font-size:2em;  }
.accueil:hover ,.accueil a:hover {
	
	background:#666666; 
}
.accueil, .accueil a {
	
	
	color: #ffffff;
	
	
}
.ombreG{  padding-top:30px;  margin-top:20px; 
 }
 .horaire  {	line-height:1.7em; }
	.horaire li {margin-bottom:1em; } 
	
	#index #home h2 { padding-bottom: 30px; text-decoration:none;  font-family: 'Oswald', sans-serif; letter-spacing : 0.1pt;  font-size: 2em; font-weight:100;}
}

@media screen and (max-width: 45.5em) {
ul { margin-left:0; padding-left:0;}

#haut{ 

width:100%; position:relative; z-index:1000;   display:block;  height:auto; margin-top:-10px;
 }

 
#picto{
display:block; text-align:right; height:auto; width:100%;left:0px ; top:-40px; position: relative; 

}
#picto img{
margin:0px 10px 0px 0px;

}
#slogan{
position: absolute; right:20px; top:0px; z-index:1000; height:auto; width:300px; text-align:left;  margin-top:0px;
 display: block; font-size: 0.9em; padding:0; border-left: 3px solid #ffffff; padding-left:20px;

}
#slogan{
position: relative; right:0px;  width:100%; 
 display: block; font-size: 1.5em;  padding-bottom:20px; margin-top:-50px; top:0px;

}


#slogan .flag{ 
width:100%; height:auto;  position:relative; top:0px; right:0px;  
           
}
#slogan .flag img{ 
margin-top:20px; margin-right:20px; width:120px; height:auto;           
           
}
#slogan2 .face{
display:block; position:relative; margin-bottom:0px; margin-top:20px; left:10px;  width:120px; height:120px; 

}
#slogan2 .face img{
  width:120px; height:120px; 

}

#slogan2{
 height:auto; width:100%; margin:0px 0px 0px auto;font-size:1.6em; 
}

#slogan2 .texte{
display:table;  z-index:1000; text-align:right; margin:0px 20px 0 auto;

} 	



}

@media screen and (max-width: 37.5em) {
	
	#logo {
display:none;

}
	#slogan2 .texte{
display:table;  z-index:1000; text-align:center; margin:0px auto 0 auto;

}

	
}