/*
	author:   Julien Bernard
*/

/*Corps et polices de base*/
* { margin: 0; padding: 0; text-align:left;}
body {
 font-family: Open Sans, Verdana, sans-serif;
 font-size: 80%; 
background-color: #FFFFFF;
color: #000000;
}
.clr { clear: both; }

/*Corps et articles_paragraphes*/
h1 { font-size: 160% ;  color: #000000; margin:15px 0 15px 0;font-weight: bold;text-align:left;}/*Titres*/
h2 { font-size: 120% ; font-weight: bold; color: #236b7a; text-align:left;padding: 10px 0 0 0;}/*Secondes Titres : RESSOURCES, NEWS*/
.quote { font-size: 130% ; font-weight: bold; text-align:center;text-transform: uppercase;color: #a2a2a2;}
.commit { font-size: 130% ; font-weight: normal; text-align:center;color:#ffffff;}
h3 { font-size: 180% ; margin: 0 0 20px; color: #236b7a;text-align:center;}/*Petits titres dans les news*/
h4 { font-size: 110% ; color: #000000; text-align:center}/*Sous titres centrés noir (pleine page)*/
h5 { font-size: 90% ; color: #000000; margin: 0 0 15px; text-align:center}/*Sous titres centrés noir (page avec menu à droite)*/
h6 { font-size: 85%; color: #000000; margin: 0 0 2px;text-align:left }/*}/*Texte colonne image ou Auteur citation*/
em { font-size: 80%; font-weight: bold; line-height: 1.6em; color: #8A4824;}/*Sous titre bannière*/
p {  margin: 15px 0 15px 0; line-height: 1.4em; font-size: 100%;}
img { max-width: 100%; height: auto; }

/*Classes basiques*/
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.underline{text-decoration: underline;}
.bold {font-weight: bold;}
.white{color: #ffffff;}
.italic{  font-style: italic; }
.focus{
  color: #236b7a;
}

.promotion {font-weight: bold; color: #fffc00;background-color: #000000;}
.duration {font-weight: bold; color: #ffffff;background-color: #75a1b6;}
.price {font-weight: bold; color: #000000;background-color: #ffffff;margin: 10px 0px 10px 0px;}
.price-crossed {font-weight: bold; color: #000000;background-color: #ffffff;text-decoration: line-through;margin: 10px 0px 10px 0px;}
.price-promotion {font-weight: bold; color: #fffc00;background-color: #000000;margin: 10px 0px 10px 0px;}

a { outline: 0; text-decoration: none; color: #4399af; font-size: 85%; text-align:center;font-weight: bold;} a:hover { color: #D68819; font-weight: bold;}
.button { outline: 0; text-transform: uppercase;text-decoration: none;color: #ffffff; font-family:arial; font-size: 100%; text-align:center;background-color: #60a3bc;padding: 10px 10px 10px 10px;  display: inline-block;cursor: pointer;}
.button:hover { background-color:#000000; }
.buttonaiki { outline: 0; text-transform: uppercase;text-decoration: none;color: #ffffff; text-align:center;background-color: #75a1b6;padding: 10px 10px 10px 10px;  cursor: pointer;}
.buttonaiki:hover { background-color:#000000; }
.buttonrdv { outline: 0;border:1px solid #3b5e7f; text-transform: uppercase;text-decoration: none;color: #3b5e7f; text-align:center;background-color: #ffffff;padding: 10px 10px 10px 10px;  display: inline-block;cursor: pointer;}
.buttonrdv:hover { background-color:#000000; }
a.cta { color: #000000; font-family:arial; font-size: 100%; background-color: #ffd923;padding: 10px 10px 10px 10px;  cursor: pointer; display: inline-block;}
.cta:hover { background-color:#000000; color: #fffc00;}
li { list-style: none; }
li a { display: block; }
img { outline: 0; border: 0; }
quote {font-size: 1.4em; font-style:italic;text-align:center; font-weight: bold; }


/*Bande verticale*/
#wrapper { width: 80%; margin: auto;}
#wrapper p {}
.clr { clear: both; }



/*Bandeau horizontal */
#header { clear: both;  width: 100%; font-size: 80% ;height: 30px; margin: 0 0 0px; padding: 5px 0px 0 0px; margin: auto;}
		#header li a { color: #ffffff; margin: 0 12px 0 0; font-size: 80% ;font-weight: bold;}
		#header li a:hover { color: #e7b959; font-weight: bold;}
		.content { background-color: #ffffff; padding: 20px; }
		.language {  background-color: #a1a1a1;padding: 5px 10px 5px 10px;border-radius:0px 0px 10px 10px;}
#second { font-size: 120% ; color: #357d8c;}		
/*Menus */		
#menu { height: 50px; padding: 5px 0 0 4px;}
	#menu li { float: left; font-size: 1.3em; text-transform: uppercase; color: #000000;}
		#menu li a { color: #747474; margin: 0 12px 0 0; font-size: 80% ;font-weight: bold;} /*Titres des Menus*/
		#menu li a.dp { color: #70b0b0;}
			#menu li a.current, #menu li a:hover { color: #e7b959; font-weight: bold;}		/*Menu actif ou sur le point d'être sélectionné*/	
			.particulier {background-color: #1c8282;color: #70b0b0;}

#menuflottant {  position: fixed; left:50%;transform: translate(-50%,0); bottom:0%;margin-top: -2.5em;  background-color: #4399af;font-size: 100%;opacity: 1;border-radius: 10px 10px 0px 0px;}		
	#menuflottant li { color: #ffffff;float:left}
	#menuflottant li  a{  color: #ffffff; margin: 0 0 0 5px;padding: 10px 5px 10px 10px;display: list-item;text-align:left;}	#menuflottant li a:hover { color: #e7b959; font-weight: bold;}
			
#trainingsectioncohesion 	{  width: 100%;  background-color: #e4ecfa;padding:20px 0 10px 0;}
	#trainingsectioncohesion h1 	{  text-align:center;}	
	#trainingsectioncohesion p 	{  text-align:center;}	

#trainingsectionprojet 	{  width: 100%; background-color:#d3dced;padding:20px 0 10px 0;}
	#trainingsectionprojet h1	{  text-align:center;}
	#trainingsectionprojet p	{  text-align:center;}
	
#trainingsectionefficacite 	{  width: 100%; background-color:#aec7e8;padding:20px 0 10px 0;}
	#trainingsectionefficacite  h1	{  text-align:center;}
	#trainingsectionefficacite  p	{  text-align:center;}

#trainingsectionautre 	{  width: 100%;  background-color: #e4ecfa;padding:20px 0 10px 0;}
	#trainingsectionautre h1 	{  text-align:center;}	
	#trainingsectionautre p 	{  text-align:center;}
	
#training { float:left;  width: 30%; min-width:200px; border:1px solid #dfdfdf;  margin: 10px 10px 10px 10px;  padding-bottom: 20px;background-color: #ffffff;}
	#training h2 { color: #000000;padding: 10px 10px 10px 10px;outline: 0; text-decoration: none;text-align:center;margin:20px 0 20px 0;;} 
	#training h4 { padding: 10px 10px 10px 10px;}
	#training p { padding: 10px 10px 10px 10px;text-align:left;} 			

#animationsection 	{  width: 100%;  background-color: #f2f2f2;padding:20px 0 10px 0;}
	#animationsectionwhite  p	{  text-align:center;}

	
#animation { float:left;  width: 30%; min-width:200px; border:1px solid #dfdfdf; margin: 10px 10px 10px 10px;   padding-bottom: 20px;  border-radius: 10px;background-color: #ffffff;}
	#animation h2 { color: #000000;padding: 10px 10px 10px 10px;outline: 0; text-decoration: none;text-align:center;} 
	#animation h4 { padding: 10px 10px 10px 10px;}
	#animation p { padding: 10px 10px 10px 10px;} 
.aikido { background-color: #75a1b6;color: #ffffff;}
.meditation { background-color: #75b6b2;color: #ffffff; }
.mixte { background-color: #649e9b;color: #ffffff; }


			
.white {color: #ffffff; }

#engagement { float:left; width: 100%;background-color:  #3b5e7f;padding: 20px 0 20px 0;}
	#engagement img{ display: block; margin-left: auto; margin-right: auto;}	
	#engagement p{ text-align:center; }	


#temoignage { padding: 20px 0 20px 0;}
	#temoignage img{ float:left;max-width: 100px; margin: 0 20px 20px 0;}	
	#temoignage h2{ text-align:left;  }
	#temoignage p{ text-align:left; }
	
#bloc70left { float:left; width: 70%;min-width:200px;margin-bottom:50px; border-width: 0 4px 0 0;  }
#bloc70right { float:right; width: 70%;min-width:200px;margin-bottom:50px;border-width: 0 0 0 4px; }
#bloc30 { float:left; width: 30%;margin-top: 15px;margin-bottom:50px; }
	#bloc30 img{display: block; margin-left: auto; margin-right: auto;}
	#bloc30 p{ text-align:center;}
#blocleft {margin: 15px 10% 15px 0;}
#blocright {margin: 15px 0 15px 10%;}

#bloccontact { float:center; max-width:200px;margin-bottom:30px;border:1px solid #dfdfdf;}
	#bloccontact h2{ text-align:center;padding-bottom:10px;}
	#bloccontact img{display: block; max-width:200px;margin-left: auto; margin-right: auto}
	#bloccontact p{ text-align:center;font-size: 120% ; }

#blue {width: 70%; margin:auto; background-color: #1c5069;color: #ffffff;}
#green {width: 70%; margin:auto;padding:15px 15px 15px 15px; background-color: #1d7f77;border-style: solid; border-color: #29598a;background-color: #333333;}
/*Corps */


#socialwrapper { width: 170px; margin: auto;margin-bottom:20px;}

/*Pied de page */	
#footer { clear: both; padding: 50px 20px 20px 10px; font-size: .9em; color: #000000; }
	#footer img{max-width:30px;margin-left: auto; margin-right: auto}
	#links { float: right; }
		#links a { margin: 0 0 0 10px; }
	#footer p { margin: 0 0 8px; text-align:center;}