.deco999{
margin:auto;
border:1px solid #006666;
text-align:left;
width:50%;
font-family: 'Open Sans', sans-serif;
font-size:16px;
color: #006666;
 }

 .deco9999{
margin:auto;
text-align:left;
width:50%;
font-family: 'Open Sans', sans-serif;
font-size:16px;
color: #006666;
 }	
	
 
	
	
 .deco998{
margin:auto;
border:1px solid white;
text-align:left;
width:50%;
font-family: 'Open Sans', sans-serif;
font-size:16px;
color: #006666;
 }		
	
	
	
	
	
 .contain {
		height:auto;
		width:100%;
		margin:0 auto;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		color: #006666;
		display:inline-block;
		text-align:center;
		z-index:99999999;

 }


.liste_2 
{
list-style-type:none;
width:50%;
margin:auto;
opacity: 0.7; /*  CSS3  */
filter:(opacity=70);  /*  Pour IE  */
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #006666;
}

.liste_22 
{
list-style-type:none;
width:50%;
margin:auto;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #006666;
}

.liste_223
{
list-style-type:none;
width:90%;
margin:auto;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #006666;
}




	
	
.panno {
vertical-align:middle;


}
 
  .info_conseil {
 width:60%;
 height:auto;
 margin:0 auto;
font-family: 'Open Sans', sans-serif;
 font-size:20px;
 color:#006666;
opacity: 0.7; /*  CSS3  */
filter:(opacity=70);  /*  Pour IE  */
text-align:center;
padding:15px;
	border: 1px solid #006666;
		border-radius: 2px;"
 }
 
  .info_conseil2 {
 width:50%;
 height:auto;
 margin:0 auto;
 font-family: 'Open Sans', sans-serif; 
 font-size:18px;
 color:#006666;
opacity: 0.7; /*  CSS3  */
filter:(opacity=70);  /*  Pour IE  */
text-align:center;
padding:20px;
border-top: 1px solid #006666;
border-radius: 2px;"
 }
 

 
.chtitext {
width:50%;
  height:auto;
  margin:0 auto;
 font-family: 'Open Sans', sans-serif;
 font-size:15px;
 color:#006666;
opacity: 0.7; /*  CSS3  */
filter:(opacity=70);  /*  Pour IE  */

}
 


	
.prog 
{
color: #006666;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
opacity: 0.9; /*  CSS3  */
filter:(opacity=90);  /*  Pour IE  */
}
	
.soustitre {
font-size:14px;
}

.cat2:hover {
background-color:#339999;
color:white;
}

.cat1:hover {
background-color:#339999;
color:white;
}

	.chti {
		color: #006666;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
	
	}
	
	#image1 {
	
	display:none;
	
	}
	
	#image2 {
	
	display:none;
	
	}
	
	#image3 {
	
	display:none;
	
	}
	
	#image4 {
	
	display:none;
	
	}
	
	#image5 {
	
	display:none;
	
	}
	
	#image6 {
	
	display:none;
	
	}
	
	#image7 {
	
	display:none;
	
	}
	
	#image8 {
	
	display:none;
	
	}
	
	#image9 {
	
	display:none;
	
	}

	#image10 {
	
	display:none;
	
	}
	
	#image11 {
	
	display:none;
	
	}
	
	#image12 {
	
	display:none;
	
	}
	
	

		a {
		text-decoration:none;
		}
		
		.blocA {
		position:absolute;
		top:0px;
		left:0px;
		height: 400px;
		width:100%;
		background-color: #006666;
		z-index:7;
		margin:0px;
		padding:0px;
		}		 
		
		
		.blocB {
		position:absolute;
		top:400px;
		left:0px;
		height: auto;
		width:100%;
		z-index:77777777777;
		margin-bottom:10px;
		padding:0px;
		text-align:center;
		}	
		
		.blocC {
		
		
		height: 900px;
		width:100%;
		z-index:7;
		margin:0px;
		padding:0px;
		text-align:center;

		}	
		
		
		

		.flottant {
		padding-top:20px;
		height:300px;
		width:60%;
		margin:0 auto;
		
		}
	
		
		
		.bloc_cache {
		position:absolute;
		top:0px;
		left:0px;
		height: 400px;
		width:100%;
		background-color: #006666;
		z-index:6;
		margin:0px;
		padding:0px;
		}	
		
		
		
		.outils2 {
		position:absolute;
		top:90px;
		left:20px;
		display:block;
		}
		
		
	.titre1{
		position:absolute;
		top:160px;
		left:50%;
		width:800px;
		height:80px;
		z-index:99;
		margin-left:-400px;
		color: #fff;
		font-family: 'Open Sans', sans-serif;
		font-size: 29px;
		opacity: 0.9; /*  CSS3  */
		filter:(opacity=90);  /*  Pour IE  */
		text-align:center;
		}
		
		
		
		

		
		
		
		
		.formu {
		position:absolute;
		top:260px;
		left:0px;
		width:100%;
		height:50px;
		z-index:9999;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		color:white;
		}

		
		.formu-text{
		
		width:100%;
		height:30px;
		z-index:9999;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-size: 28px;
		color:#006666;
		margin-bottom:15px;
		opacity: 0.7; /*  CSS3  */
		filter(opacity=70);  /*  Pour IE  */
		}




		
		.formu input[type=text]{
		width: 50%;
		height: 30px;
		background-color: white;
		border: 1px solid rgba(255,255,255,0.6);
		border-radius: 2px;
		color: black;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		font-weight: 400;
		padding: 4px;
		vertical-align:top;
		margin:0;
		}
	
		
	
		.loupe {
		opacity: 0.5; /*  CSS3  */
		filter:(opacity=50);  /*  Pour IE  */
		}

		.loupe:hover {
		opacity: 0.9; /*  CSS3  */
		filter:(opacity=90);  /*  Pour IE  */
		cursor:pointer;
		}

		.cat1{
		height:120px;
		width:150px;
		margin:5px;
		border: 1px solid #006666;
		border-radius: 2px;
		opacity: 0.7; /*  CSS3  */
		filter:(opacity=70);  /*  Pour IE  */
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		color: #006666;
		display:inline-block;
		padding:5px;
		}
		
		.cat101{
		height:auto;
		width:50%;
		margin:5px auto;
		border-radius: 2px;
		opacity: 0.7; /*  CSS3  */
		filter:(opacity=70);  /*  Pour IE  */
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		color: #006666;
		display:inline-block;
		padding:5px;
		
		}
		
		.cat102{
		height:auto;
		width:60%;
		margin:10px auto;
		border:1px solid #006666;
		border-radius: 2px;
		opacity: 0.7; /*  CSS3  */
		filter:(opacity=70);  /*  Pour IE  */
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		color: #006666;
		display:inline-block;
		padding:5px;
		
		}
		
	.cat102bis{
		height:auto;
		width:60%;
		margin:10px auto;
		border:1px solid #006666;
		border-radius: 2px;
		opacity: 0.9; /*  CSS3  */
		filter:(opacity=90);  /*  Pour IE  */
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		color: #006666;
		display:inline-block;
		padding:5px;
		
		}
		

		
		
		
		
		
		
		
	.cat2 {
		height:120px;
		width:300px;
		margin:10px;
		border: 1px solid #006666;
		border-radius: 2px;
		opacity: 0.7; /*  CSS3  */
		filter:(opacity=70);  /*  Pour IE  */
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		color: #006666;
		display:inline-block;
		padding:5px;
		max-height:120px;
		}

		
		
.cat22:hover {
background-color:#339999;
color:white;
}
		
		
				
	.cat22 {
		height:120px;
		width:300px;
		margin:10px;
		border: 1px solid #006666;
		border-radius: 2px;
		opacity: 0.7; /*  CSS3  */
		filter:(opacity=70);  /*  Pour IE  */
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		color: #006666;
		display:inline-block;
		padding:5px;
		max-height:120px;
		}
		
		.cat23 {
		height:200px;
		width:350px;
		margin:0 auto;
		border-radius: 2px;

		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		color: white;
		display:inline-block;
		padding-right:5px;
		max-height:200px;
		background-color: #006666;
		margin-left:10px;
		margin-right:10px;
		margin-bottom:10px;
		}
		
		
		.cat23bis {
		height:200px;
		width:350px;
		margin:0 auto;
		border-radius: 7px 7px 7px 7px;
		-moz-border-radius: 7px 7px 7px 7px;
		-webkit-border-radius: 7px 7px 7px 7px;
		border: 0px solid #000000;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		color:  #006666;
		display:inline-block;
		max-height:200px;
		background-color: white;
		margin-left:10px;
		margin-right:10px;
		margin-bottom:10px;
		}
		
		.cat23bis:hover{
		height:200px;
		width:350px;
		margin:0 auto;
		border-radius: 7px 7px 7px 7px;
		-moz-border-radius: 7px 7px 7px 7px;
		-webkit-border-radius: 7px 7px 7px 7px;
		border: 0px solid #000000;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		color:white;
		display:inline-block;
		max-height:200px;
		opacity: 0.8; /*  CSS3  */
		filter:(opacity=80);  /*  Pour IE  */
		margin-left:10px;
		margin-right:10px;
		margin-bottom:10px;
		cursor:pointer;
		}
		
		
		
		
		
		.cat24 {
		height:230px;
		width:320px;
		margin:10px;
		border: 1px solid #99cccc;
		border-radius: 2px;

		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		color: #006666;
		display:inline-block;
		padding:5px;
	
		}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		

.cat9 {
		height:auto;
		width:90%;
		margin:0 auto;
		border: 1px solid #006666;
		border-radius: 2px;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		color: #006666;
		display:inline-block;
		padding:5px;
		text-align:left;
		}






	
.list {
width:100%;
height:20px;
border-top:solid 1px white;
padding-bottom:10px;
padding-top:10px;
}	
	
	
	
	
.lien {
text-decoration:none;
color:white;
}

.list:hover {
width:100%;
height:20px;
border-top:solid 1px white;
padding-bottom:10px;
padding-top:10px;
background-color:#006666;
}
	
		

	
	
	
	
.trait {
margin:0 auto;
width:30px;
height:10px;
border-top:solid 1px white;

}

.compte {
position:absolute;
top:16px;
right:230px;
z-index:9899;
display:none;
}

.etoile{
position:absolute;
top:16px;
right:180px;
z-index:9899;
display:none;
}

.rouages{
position:absolute;
top:16px;
right:280px;
z-index:9899;
display:none;
}

.infos{
position:absolute;
top:16px;
right:330px;
z-index:9899;
display:none;
}

.compte2 {
position:absolute;
top:16px;
right:230px;
display:block;
z-index:9877;
}

.etoile2{
position:absolute;
top:16px;
right:180px;
display:block;
z-index:9877;
}

.rouages2{
position:absolute;
top:16px;
right:280px;
display:block;
z-index:9877;
}

.infos2{
position:absolute;
top:16px;
right:330px;
display:block;
z-index:9877;
}

	

.blackos {
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height: 60px;
		z-index:98;
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		background-color:black;
		opacity: 0.5; /*  CSS3  */
		filter:(opacity=50);  /*  Pour IE  */
		padding:0px;
		margin:0px;
		z-index:98;
		}	
	
	

	
	
	
	
		
	.bando{
		position:absolute;
		padding:5px;
		top:16px;
		right:10px;
		width:100px;
		height:16px;
		text-align:center;
		z-index:999;
		color: #fff;
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		border: 1px solid white;
		vertical-align:middle;
		opacity: 0.7; /*  CSS3  */
		filter:(opacity=70);  /*  Pour IE  */
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		}
	
	.dessous_bando{
		position:absolute;
		padding:5px;
		top:16px;
		right:10px;
		width:100px;
		height:16px;
		text-align:center;
		z-index:99;
		color: #fff;
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		border: 1px solid white;
		vertical-align:middle;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		background-color:white;
		opacity: 0.3; /*  CSS3  */
		filter:(opacity=30);  /*  Pour IE  */
		display:none;
		}
	
	
	
	
	
	
	
	
	
	
	
	
	.vide {
	height:20px;
	width:100px;
	}
	
	
	
	
	
		.case1 {
		width:100px;
		height:20px;
		border: 1px solid #006666;
		margin:0 auto;
		opacity: 0.7; /*  CSS3  */
		filter:(opacity=70);  /*  Pour IE  */
		 -moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		padding:11px;
		z-index:11;
		font-family: 'Open Sans', sans-serif;
		font-size: 15px;
		color: #006666;
		
		}
		
		
		.case2 {
		width:100px;
		height:20px;
		border: 1px solid #006666;
		margin:0 auto;
		opacity: 0.7; /*  CSS3  */
		filter:(opacity=70);  /*  Pour IE  */
		 -moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		padding:11px;
		z-index:11;
		font-family: 'Open Sans', sans-serif;
		font-size: 15px;
		color: #006666;
		
		}
	
		
		.case3 {
		width:100px;
		height:20px;
		border: 1px solid #006666;
		margin:0 auto;
		opacity: 0.7; /*  CSS3  */
		filter:(opacity=70);  /*  Pour IE  */
		 -moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		padding:11px;
		z-index:11;
		font-family: 'Open Sans', sans-serif;
		font-size: 15px;
		color: #006666;
		
		}
	

				
		.case4 {
		width:100px;
		height:20px;
		border: 1px solid #006666;
		margin:0 auto;
		opacity: 0.7; /*  CSS3  */
		filter:(opacity=70);  /*  Pour IE  */
		 -moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		padding:11px;
		z-index:11;
		font-family: 'Open Sans', sans-serif;
		font-size: 15px;
		color: #006666;
		
		}
	

			
		.case5 {
		width:100px;
		height:20px;
		border: 1px solid #006666;
		margin:0 auto;
		opacity: 0.7; /*  CSS3  */
		filter:(opacity=70);  /*  Pour IE  */
		 -moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		padding:11px;
		z-index:11;
		font-family: 'Open Sans', sans-serif;
		font-size: 15px;
		color: #006666;
		
		}
	


	

	
	
	
	
	
	
	
		
	
	
	
		body {
			margin: 0;
			padding: 0;

		}
		
		
		
		
		
		
	
		
		
		
		
		
		
		
		
		
		a {
			color: #09f;
		}
		a:hover {
			text-decoration: none;
		}
		#back_to_camera {
			clear: both;
			display: block;
			height: 80px;
			line-height: 40px;
			padding: 20px;
		}
		.fluid_container {
			margin: 0 auto;
			max-width: 2200px;
			width: 100%;
		}
		
		
		#menu {
		display:none;
		}
		
	
		
			
		.bloc1 {
		clear:both;
		height:5px;
		width:100%;
		background-color:white;

		}
		
		
		
	.bloc0 {
		clear:both;
		max-height:200px;
		width:100%;
		background-color:#cccccc;
		color:#333333;
		font-family: 'Open Sans', sans-serif;
		font-size: 19px;
		padding-top:40px;
		padding-bottom:40px;
		}
		

	.bloc0 div{
	
	opacity: 0.5; /*  CSS3  */
	filter(opacity=50);  /*  Pour IE  */
	color:black;
	width:50%;
	margin:0 auto;
	
	}
	
	


		
		.bandos {
		position:absolute;
		padding:5px;
		top:10px;
		right:10px;
		width:250px;
		height: 30px;
		margin-left:-170px;
		text-align:center;
		vertical-align:middle;
		
		}
		
	

		
		.bando2{
		position:absolute;
		padding:5px;
		top:5px;
		left:140px;
		width:100px;
		height:16px;
		text-align:center;
		z-index:99;
		color: #fff;
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		border: 1px solid white;
		vertical-align:middle;
		opacity: 0.9; /*  CSS3  */
		filter:(opacity=90);  /*  Pour IE  */
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		}
		
		
	
	.image1 {
		width:19%;
		height:200px;
		display: inline-block;
		margin:0;
		padding:0;
		text-align:center;
		
		}
		
		.image2 {
		width:19%;
		height:200px;
		display: inline-block;
		margin:0;
		padding:0;
		text-align:center;
	
		}
	
		.image3 {
		width:19%;
		height:200px;
		display: inline-block;
		margin:0;
		padding:0;
		text-align:center;
		
		}
		
		.image4 {
		width:19%;
		height:200px;
		display: inline-block;
		margin:0;
		padding:0;
		text-align:center;
		
		}
		
		.image5 {
		width:19%;
		height:200px;
		display: inline-block;
		margin:0;
		padding:0;
		text-align:center;
		
		}
		
			
		.bloc2 {
		clear:both;
		height:400px;
		width:100%;
		}
		
		.bloc3 {
		clear:both;
		height:400px;
		width:100%;
		display:none;
	
		}
		
		
		.bandos {
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height: 60px;
		z-index:98;
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		background-color:black;
		opacity: 0.5; /*  CSS3  */
		filter: (opacity=50);  /*  Pour IE  */
		padding:0px;
		margin:0px;
		}


		
	.bandos2 {
		position:absolute;
		top:60px;
		left:0px;
		width:100%;
		height:235px;
		z-index:98;
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		background-color:black;
		opacity: 0.5; /*  CSS3  */
		filter:opacity=50);  /*  Pour IE  */
		padding:0px;
		margin:0px;
		color:white;
		text-align:center;
		padding-top:5px;
		display:none;
		}	
		
		
				#menu {
		position:absolute;
		top:8px;
		right:8px;
		display:block;
		color:white;
		z-index:103;
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		opacity: 0.8; /*  CSS3  */
		filter:(opacity=80);  /*  Pour IE  */
		text-align:center;
		z-index:9999999;
		}
	
		#menu:hover {
		position:absolute;
		top:8px;
		right:8px;
		display:block;
		color:white;
		z-index:103;
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		opacity: 0.8; /*  CSS3  */
		filter:(opacity=80);  /*  Pour IE  */
		text-align:center;
		cursor:pointer;
		z-index:99999999;
		}
		

	
 		.vimeo {

width:540px;
height:360px;
margin: 0 auto;


}
 
 
  
 .table2 {
 margin:0 auto;
 height:auto;
width: 400px;
 border-collapse:collapse;
 font-size:15px;
display:none;
 }
 
 
 
 


 
 
@media (min-width: 960px) {



		

	
}
 
 
 
 
 
 
 
 
 
 
@media (min-width: 680px) and (max-width: 959px){


 .deco999{
margin:auto;
border:1px solid #006666;
text-align:left;
width:75%;
font-family: 'Open Sans', sans-serif;
font-size:16px;
color: #006666;
 }

 .deco9999{
margin:auto;
text-align:left;
width:75%;
font-family: 'Open Sans', sans-serif;
font-size:16px;
color: #006666;
 }

 
 
 .deco998{
margin:auto;
border:1px solid white;
text-align:left;
width:75%;
font-family: 'Open Sans', sans-serif;
font-size:16px;
color: #006666;
 }







	.cat102{
		height:auto;
		width:70%;
		margin:10px auto;
		/*border:1px solid #006666;
		border-radius: 2px;*/
		opacity: 0.7; /*  CSS3  */
		filter:(opacity=70);  /*  Pour IE  */
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		color: #006666;
		display:inline-block;
		padding:5px;
		
		}

	.cat102bis{
		height:auto;
		width:70%;
		margin:10px auto;
		border:1px solid #006666;
		border-radius: 2px;
		opacity: 0.9; /*  CSS3  */
		filter:(opacity=90);  /*  Pour IE  */
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		color: #006666;
		display:inline-block;
		padding:5px;
		
		}












 .contain {
		height:auto;
		width:100%;
		margin:0 auto;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		color: #006666;
		display:inline-block;
		padding:0px;
		text-align:center;
		z-index:99999999;
 
 }
 

.liste_2 
{
list-style-type:none;
width:75%;
margin:auto;
opacity: 0.7; /*  CSS3  */
filter:(opacity=70);  /*  Pour IE  */
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #006666;
}

.liste_22
{
list-style-type:none;
width:75%;
margin:auto;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #006666;
}

.liste_223
{
list-style-type:none;
width:90%;
margin:auto;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #006666;
}




.table1 {
display:none;

}
.rr {
display:none;
}


.table2 {
display:inline-block;

}


  .info_conseil2 {
 width:80%;
 height:auto;
 border-top:1px solid #006666;
 margin:0 auto;
  font-family: 'Open Sans', sans-serif;
 font-size:18px;
 color:#006666;
opacity: 0.7; /*  CSS3  */
filter:(opacity=70);  /*  Pour IE  */
text-align:center;
padding:20px;

border-radius: 2px;"
 }
 

 
.chtitext {
width:80%;
  height:auto;
  margin:0 auto;
font-family: 'Open Sans', sans-serif;
 font-size:14px;
 color:#006666;
opacity: 0.7; /*  CSS3  */
filter:(opacity=70);  /*  Pour IE  */

}
 






.panno {
float:left;


}

 
  .info_conseil {
 width:80%;
 height:auto;
 border:1px solid #006666;
 margin:0 auto;
 font-family: 'Open Sans', sans-serif;
 font-size:20px;
 color:#006666;
opacity: 0.7; /*  CSS3  */
filter:(opacity=70);  /*  Pour IE  */
text-align:center;
padding:15px;
	border: 1px solid #006666;
		border-radius: 2px;"
 }
 








 
.cat101{
		
	width:80%;
	
		
}





.vimeo {

width: 480px;
height: 320px;
margin: 0 auto;



}
 



 .compte {
 display:none;
 }
 
 .etoile {
  display:none;
 }

 
  .rouages {
  display:none;
 }

   .infos {
  display:none;
 }

 
    .compte2 {
 display:none;
 }
 
 .etoile2 {
  display:none;
 }

  .rouages2 {
  display:none;
 }

  .infos2 {
  display:none;
 }
 
 
 	.outils2 {
		position:absolute;
		top:110px;
		left:20px;
		display:block;
		}
		
 	
		.titre1{
		position:absolute;
		top:160px;
		left:50%;
		width:400px;
		height:80px;
		z-index:99;
		margin-left:-200px;
		color: #fff;
		font-family: 'Open Sans', sans-serif;
		font-size: 29px;
		opacity: 0.9; /*  CSS3  */
		filter:(opacity=90);  /*  Pour IE  */
		text-align:center;
		}
 
 

.bandos {
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height: 60px;
		z-index:98;
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		background-color:black;
		opacity: 0.5; /*  CSS3  */
		filter:(opacity=50);  /*  Pour IE  */
		padding:0px;
		margin:0px;
		}


		
		
		
		
	.bandoblack2{
		display:none;
		}		
		
	.bandoblack{
		display:none;
		}		
	
	.bando2{
		display:none;
		}	
	
	.bando{
		display:none;
		}

		
		
		
		
			#menu {
		position:absolute;
		top:8px;
		right:8px;
		display:block;
		color:white;
		z-index:103;
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		opacity: 0.8; /*  CSS3  */
		filter:(opacity=80);  /*  Pour IE  */
		text-align:center;
		z-index:9999999;
		}
	
		#menu:hover {
		position:absolute;
		top:8px;
		right:8px;
		display:block;
		color:white;
		z-index:103;
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		opacity: 0.8; /*  CSS3  */
		filter:(opacity=80);  /*  Pour IE  */
		text-align:center;
		cursor:pointer;
		z-index:99999999;
		}
	
		
		
	
		
	.bandos2 {
		position:absolute;
		top:60px;
		left:0px;
		width:100%;
		height:235px;
		z-index:98;
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		background-color:black;
		opacity: 0.5; /*  CSS3  */
		filter:(opacity=50);  /*  Pour IE  */
		padding:0px;
		margin:0;
		color:white;
		text-align:center;
		padding-top:5px;
		display:none;
		}	
		
  
	.formu input[type=text]{
		width: 60%;
	
		}		



		.flottant {
		height:1200px;
		width:80%;
		margin:0 auto;
		
		}
	 
		
	 	.blocB {
		position:absolute;
		top:400px;
		left:0px;
		height: 1200px;
		width:100%;
		z-index:999999999999;
		margin:0px;
		padding:0px;
		text-align:center;
		
		}		

		.formu-text{
		
		width:100%;
		height:30px;
		z-index:9999;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-size: 28px;
		color:#006666;
		padding-top:2px;
	
		}
		
		
		
		
		
		
		
		
	
}


@media (max-width: 679px){



.payplu {

display:none;

}

 .deco999{
margin:auto;
border:1px solid #006666;
text-align:left;
width:90%;
font-family: 'Open Sans', sans-serif;
font-size:16px;
color: #006666;
 }

 .deco9999{
margin:auto;
text-align:left;
width:90%;
font-family: 'Open Sans', sans-serif;
font-size:16px;
color: #006666;
 } 
 
 
 .deco998{
margin:auto;
border:1px solid white;
text-align:left;
width:90%;
font-family: 'Open Sans', sans-serif;
font-size:16px;
color: #006666;
 }









	.cat102{
		height:auto;
		width:80%;
		margin:10px auto;
		border:1px solid #006666;
		border-radius: 2px;
		opacity: 0.7; /*  CSS3  */
		filter:(opacity=70);  /*  Pour IE  */
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		color: #006666;
		display:inline-block;
		padding:5px;
		
		}

	.cat102bis{
		height:auto;
		width:80%;
		margin:10px auto;
		/*border:1px solid #006666;
		border-radius: 2px;*/
		opacity: 0.9; /*  CSS3  */
		filter:(opacity=90);  /*  Pour IE  */
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		color: #006666;
		display:inline-block;
		padding:5px;
		
		}









.liste_2 
{
list-style-type:none;
width:90%;
margin:auto;
opacity: 0.7; /*  CSS3  */
filter:(opacity=70);  /*  Pour IE  */
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #006666;
}

.liste_22 
{
list-style-type:none;
width:90%;
margin:auto;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #006666;
}

.liste_223 
{
list-style-type:none;
width:90%;
margin:auto;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #006666;
}





 .contain {
		height:auto;
		width:100%;
		margin:0 auto;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		color: #006666;
		display:inline-block;
		padding:0px;
		text-align:center;
		z-index:99999999;
 
 }






.table1 {
display:none;

}
.rr {
display:none;

}

.table2 {
display:block;

}




  .info_conseil2 {
 width:80%;
 height:auto;
 border-top:1px solid #006666;
 margin:0 auto;
  font-family: 'Open Sans', sans-serif;
 font-size:18px;
 color:#006666;
opacity: 0.7; /*  CSS3  */
filter:(opacity=70);  /*  Pour IE  */
text-align:center;
padding:20px;
	border-radius: 2px;"
 }
 

 
.chtitext {
width:80%;
  height:auto;
  margin:0 auto;
 font-family: 'Open Sans', sans-serif;
 font-size:14px;
 color:#006666;
opacity: 0.7; /*  CSS3  */
filter:(opacity=70);  /*  Pour IE  */

}
 





.panno {
float:left;


}

 
  .info_conseil {
 width:90%;
 height:auto;
 border:1px solid #006666;
 margin:0 auto;
 font-family: 'Open Sans', sans-serif;
 font-size:20px;
 color:#006666;
opacity: 0.7; /*  CSS3  */
filter:(opacity=70);  /*  Pour IE  */
text-align:center;
padding:15px;
	border: 1px solid #006666;
		border-radius: 2px;"
 }
 












 
.cat101{
		
		width:90%;
	
		
		}






.vimeo {

width: 384px;
height: 256px;
margin: 0 auto;



}







 .compte {
 display:none;
 }
 
 .etoile {
  display:none;
 }

  .rouages {
  display:none;
 }

  .infos{
  display:none;
 }

 
 
   .compte2 {
 display:none;
 }
 
 .etoile2 {
  display:none;
 }

  .rouages2 {
  display:none;
 }

  .infos2 {
  display:none;
 }
 
 	.outils2 {
		position:absolute;
		top:110px;
		left:20px;
		display:block;
		}
		

 		.titre1{
		position:absolute;
		top:160px;
		left:50%;
		width:360px;
		height:80px;
		z-index:99;
		margin-left:-180px;
		color: #fff;
		font-family: 'Open Sans', sans-serif;
		font-size: 21px;
		opacity: 0.9; /*  CSS3  */
		filter:(opacity=90);  /*  Pour IE  */
		text-align:center;
		}
 
 
 

 
 .bloc2 {
		display:none;
		height:600px;
	
		}
		
	.bloc3 {
		display:block;
		height:600px;
	
		}	
		
		
		.image1 {
		width: 48%;
		height: 200px;
		display: inline-block;
		margin: 0;
		padding:0;
		text-align:center;
		
		}
		
		.image2 {
		width: 48%;
		height:200px;
		display: inline-block;
		margin:0;
		padding:0;
		text-align:center;
	
		}
 
 
		.image3 {
		width: 48%;
		height: 200px;
		display: inline-block;
		margin: 0;
		padding:0;
		text-align:center;
		
		}
		
		.image4 {
		width: 48%;
		height:200px;
		display: inline-block;
		margin:0;
		padding:0;
		text-align:center;
	
		}
 
 
		.image5 {
		width: 95%;
		height:200px;
		display: inline-block;
		margin:0;
		padding:0;
		text-align:center;
	
		}
 
 
 
 
 
 
 
 
 
 
 

.bandos {
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height: 60px;
		z-index:98;
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		background-color:black;
		opacity: 0.5; /*  CSS3  */
		filter:(opacity=50);  /*  Pour IE  */
		padding:0px;
		margin:0px;
		}


		
		
		
		
	.bandoblack2{
		display:none;
		}		
		
	.bandoblack{
		display:none;
		}		
	
	.bando2{
		display:none;
		}	
	
	.bando{
		display:none;
		}

		
		
		
		
			#menu {
		position:absolute;
		top:8px;
		right:8px;
		display:block;
		color:white;
		z-index:103;
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		opacity: 0.8; /*  CSS3  */
		filter:(opacity=80);  /*  Pour IE  */
		text-align:center;
		z-index:9999999;
		}
	
		#menu:hover {
		position:absolute;
		top:8px;
		right:8px;
		display:block;
		color:white;
		z-index:103;
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		opacity: 0.8; /*  CSS3  */
		filter:(opacity=80);  /*  Pour IE  */
		text-align:center;
		cursor:pointer;
		z-index:99999999;
		}
	
		
		
	
		
	.bandos2 {
		position:absolute;
		top:60px;
		left:0px;
		width:100%;
		height:235px;
		z-index:98;
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		background-color:black;
		opacity: 0.5; /*  CSS3  */
		filter:(opacity=50);  /*  Pour IE  */
		padding:0px;
		margin:0;
		color:white;
		text-align:center;
		padding-top:5px;
		display:none;
		}	
		

	.flottant {
		height:100%;
		width:98%;
		margin:0 auto;
	
		}
	
	

 	.blocB {
		position:absolute;
		top:400px;
		left:0px;
		height: 1200px;
		width:100%;
		z-index:999999999999;
		margin:0px;
		padding:0px;
		text-align:center;
		}	
	
	
		.formu-text{
		
		width:100%;
		height:30px;
		z-index:9999;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-size: 28px;
		color:#006666;
		padding-top:2px;
	
		}
	
	
	.cat23 {
		height:200px;
		width:350px;
		margin:0 auto;
		border-radius: 2px;
	
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		color: white;
		display:inline-block;
		padding-right:5px;
		max-height:200px;
		background-color: #006666;
		margin-left:1px;
		margin-right:1px;
		margin-bottom:10px;
		}
	
		.cat23bis {
		height:200px;
		width:350px;
		margin:0 auto;
		border-radius: 7px 7px 7px 7px;
		-moz-border-radius: 7px 7px 7px 7px;
		-webkit-border-radius: 7px 7px 7px 7px;
		border: 0px solid #000000;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		color:  #006666;
		display:inline-block;
		max-height:200px;
		background-color: white;
		margin-left:1px;
		margin-right:1px;
		margin-bottom:10px;
		}
	
		.cat23bis:hover {
		height:200px;
		width:350px;
		margin:0 auto;
		border-radius: 7px 7px 7px 7px;
		-moz-border-radius: 7px 7px 7px 7px;
		-webkit-border-radius: 7px 7px 7px 7px;
		border: 0px solid #000000;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		color: white ;
		display:inline-block;
		max-height:200px;
		opacity: 0.8; /*  CSS3  */
		filter:(opacity=80);  /*  Pour IE  */
		margin-left:1px;
		margin-right:1px;
		margin-bottom:10px;
		cursor:pointer;
		}
	
	
	
	
	
	

}










		
<!-- //////////////////////////////////////////////////////////////////////////////////////////// -->