/* CSS Document */

div {
/*	border:#F00 solid 1px ;*/
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image: url(../images/baground.jpg);
	background-color:#ebebeb;
	
	margin:0px;
	padding:0px;
}
.header {
	background-image:url(../images/bag_top.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
.containercorps {
	
	
	width:1006px;
	margin: 0 auto;
	padding:0 auto;
	z-index:9999999;
	background-image:url(../images/bag-cont.PNG);
}




.fr{
	float:left;
	background-image:url(../images/eng.PNG);
	background-position:center;
	background-repeat:no-repeat;
	width:21px;
	height:15px;
	margin-left:2px;
	margin-top:10px;
	cursor:pointer;
}

.eng{
	float:left;
	background-image: url(../images/fr.PNG);
	background-position:center;
	background-repeat:no-repeat;
	width:21px;
	height:15px;
	margin-left:2px;
	margin-top:10px;
	cursor:pointer;
}

.arb{
	float:left;
	background-image: url(../images/arab.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:21px;
	height:15px;
	margin-left:2px;
	margin-top:10px;
	cursor:pointer;
}









.top{
	float:left;
	width:1000px;
	height:30px;
}
.top_menu2 {
	float:left;
	background-image: url(../images/bag_menusup1.PNG);
	background-repeat:repeat;
	width:760px;
	height:42px;
}

.top_menu2 input {
	float:left;
	width:190px;
	height:17px;
	margin-top:5px;
	margin-left:5px;
}

.top_menu2 label {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#8f8f8f;
	padding-top:10px;
}


.top_menu {
	float:left;
	width:88px;
	height:37px;
	margin-left:140px;
	
}



.top_menu ul {
	float:left;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#172983;
	margin-left:-60px;
	width:280px;
}
.top_menu li {
	float:left;
	min-width:70px;
}
.top_menu a {
	display:block;
	/*margin-top:5px;*/
 
	color:#c1c1c1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	min-width:70px;
}


.top_menu a:hover {
	color:#009;
}

.top_menu a.Active {
	display:block;
	/*margin-top:5px;*/
 
	color:#172983;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	min-width:70px;
}


.login {
	float:left;
	width:72px;
	height:20px;
	background-image: url(../images/btn_login.PNG); 
	background-repeat:no-repeat;
	background-position:center;
	margin-top:7px;
	margin-left:10px;
	cursor:pointer;
}


.loginar {
	float:left;
	width:72px;
	height:20px;
	background-image: url(../images/btn_login1.PNG); 
	background-repeat:no-repeat;
	background-position:center;
	margin-top:7px;
	margin-left:10px;
	cursor:pointer;
}

.inscription {
	float:left;
	width:80px;
	height:18px;
	background-image: url(../images/btn_insc.PNG);
	background-repeat:no-repeat;
	background-position:center;
	margin-top:7px;
	margin-left:10px;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #09F;
	text-align: center;
	padding-top:2px;
	

}

.inscriptionar {
	float: left;
	width:80px;
	height:20px;
	background-image: url(../images/btn_inscri.PNG);
	background-repeat:no-repeat;
	background-position:center;
	margin-top:7px;
	margin-left:10px;
	cursor:pointer;
}
.login1 {
	float: left;
}


.sub_menu{
	float:left;
	margin-top:10px;
	width:1000px;
	height:100px;
	
}


.logo{
	float:left;
	background-image:url(../images/logo.PNG);
	background-position:center;
	background-repeat:no-repeat;
	width:220px;
	height:100px;
}

.logoar{
	float:  right;
	background-image:url(../images/logo.PNG);
	background-position:center;
	background-repeat:no-repeat;
	width:220px;
	height:100px;
	margin-left:250px;
}


.recherche{
	float:left;
	width:230px; 
	height:100px;
	
	margin-left:300px;
}

.recherchear{
	float: right;
	width:230px; 
	height:100px;
	margin-left:250px;
	
}

.recherche img{
	float:left;
	margin-top:8px;
	margin-right:10px;
	
}

.recherchear img{
	float: left;
	margin-top:8px;
	margin-right:10px;
	
}




.recherche img{
	float:right;
	
}


.recherchear img{
	float: left;

	
}
.recherche input{
	margin-top:7px;
	float:left;
	width:193px;
	padding-right:25px;
	padding-left:5px; 
	
	height:32px;
	border:none;
	background-image:url(../images/champ_rech.PNG);
	background-color:transparent;
	color:#333;
	
	margin-left:0px;
}

.recherchear input{
	margin-top:7px;
	float:left;
	width:193px;
	padding-right:25px;
	padding-left:5px;
	text-align:right; 
	
	
	height:32px;
	border:none;
	background-image:url(../images/champ_rech1.PNG);
	
	background-color:transparent;
	color:#333;
	
	margin-left:0px;
}






.panier{
	float:left;
	width:225px;
	height:62px;
	background-image:url(../images/panier1.PNG);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:20px;
	margin-left:25px;
}


.panierar{
	float:left;
	width:225px;
	height:62px;
	background-image:url(../images/panier11.PNG);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:20px;
	margin-left:25px;
}

.titre_devis{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#8f0561;
	margin-left:90px;
	margin-top:10px;
}
#nb_article{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	margin-top:3px;
	margin-left:90px;
}

.corps{
	float:left;
	width:700px;
	/*min-height:500px;*/

	
	
}

.corps_right{
	float:left;
	width:290px;
}





.menu{
	float:left;
	width:1006px;
	height:65px;
	background-image:url(../images/bar-menu.png);
	background-position:center;
	background-repeat:no-repeat;
}
	






.menuarb{
	float: right;
	width:1006px;
	height:65px;
	background-image:url(../images/bar-menu.png);
	background-position:center;
	background-repeat:no-repeat;
}
		
	


.menu ul {
	list-style:none;
	margin:0px;
	padding:0px;
	width:1026px;
	float:left;
}


.menuarb ul {
	list-style:none;
	margin:0px;
	padding:0px;
	width:1006px;
	text-align:center;
}





.menu ul li {
	float:left;
	height:38px;
	text-align:center;
	
}
.menu ul li a {
	display:block;
	margin-top:0px;
	color: #344391;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	padding-top:22px;
	/*min-width:100px;*/
	height:50px;
	padding-left:15px;
	padding-right:22px;
	
}
.menu ul li:hover {
	text-align:center;
	background-image:url(../images/btn-actif-menu.jpg);

	

	height:59px;
	margin-top:3px;
	
	/*background-color:#4fb5d6;*/
	
}


.menuarb ul li {
	float: right;
	height:38px;
	text-align:center;
}
.menuarb ul li a {
	display:block;
	margin-top:0px;
	color: #344391;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	padding-top:22px;
	padding-left:33px;
	padding-right:33px;

	height:50px;
	
}
.menuarb ul li:hover {
	text-align:center;
	background-image:url(../images/btn-actif-menu.jpg);
	
	
	height:59px;
	margin-top:3px;
	
	/*background-color:#4fb5d6;*/
	
}














.menu ul li ul {
 display:block;
 width:200px;
 background-color:transparent;
 margin-top:-15px;


  position: absolute;
  z-index:9999999999999999999999;
  
 }
.menu li:hover ul li {
 float:none;
 }
.menu ul li ul {
 display:none;

 }
.menu ul li:hover ul {
 display:block;

 }
.menu li:hover ul li {
 float:none;
 color:#FFD700;
 height:45px;
 margin-top:1px;
background-image:url(../images/btn-actif-menu.jpg);
}

 
 .menu ul li:hover ul li:hover{


 }
 
 
 .menu ul li:hover ul li:hover a {
 float: none;
 color: #0099FF;
 margin-top:1px;
 
 }
.menu ul li ul {
 position:absolute;
 }





.menuarb ul li ul {
	margin-left:-70px;
 display:block;
 width:200px;
 background-color:transparent;
 margin-top:-15px;


  position: absolute;
  z-index:9999999999999999999999;
  
 }
.menuarb li:hover ul li {
 float:none;
 }
.menuarb ul li ul {
 display:none;

 }
.menuarb ul li:hover ul {
 display:block;

 }
.menuarb li:hover ul li {
 float:none;
 color:#FFD700;
 height:45px;
 margin-top:1px;
background-image:url(../images/btn-actif-menu.jpg); }
 
 .menu ul li:hover ul li:hover{


 }
 
 .menuarb ul li:hover ul li:hover a {
 float: none;
 color: #0099FF;
 margin-top:1px;
 
 }
.menuarb ul li ul {
 position:absolute;
 }























.menu ul li a.Active {
	text-align:center;
	/*min-width:100px;*/
	margin-top:3px;
	height:37px;
	background-image:url(../images/btn-actif-menu.jpg);
}
.menu ul li a.Active:hover {
	text-align:center;
	/*min-width:100px;*/
	margin-top:0px;
	height:37px;
	background-image:url(../images/btn-actif-menu.jpg);
}
.menuarb ul li a.Active {
	text-align:center;
	/*min-width:100px;*/
	margin-top:3px;
	height:37px;
	background-image:url(../images/btn-actif-menu.jpg);
}

.menuarb ul li a.Active:hover {
	text-align:center;
	/*min-width:100px;*/
	margin-top:0px;
	height:37px;
	background-image:url(../images/btn-actif-menu.jpg);
}

.suparation{
	float:left;
	width:2px;
	height:56px;
	background-image:url(../images/tri-sep.jpg);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:5px;
}


.suparationar{
	float: right;
	width:2px;
	height:59px;
	background-image:url(../images/tri-sep.jpg);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:5px;

}


.slide{
	width:700px;
	height:345px;

	float:left;
	margin-top:0px;
	background-image:url(../images/bag_slide.PNG);
	background-position:center;
	background-repeat:no-repeat;
	
}




.carrousel{
	float:left;
	margin-top:10px;
	width:700px;
	
}

.atoutslide{
	float:left;
	margin-top:10px;
	width:700px;
	border:solid 0px #666;
}

.video{
	float:left;
	width:286px; height:160px;
	/*background-image:url(../images/video.PNG);*/
	margin-left:20px;
	margin-top:23px;
}





.video .btn_video{
	float:left;
	width:58px; height:58px;
	background-image: url(../images/btn_video.PNG);
	margin-left:115px;
	margin-top:-180px;
	position:relative;
	z-index:99;
	
}
.video .btn_video:hover{
	
	background-image: url(../images/btn_video1.PNG);
	

	
}

.videoo{
	float:left;
	width:286px; height:160px;
	background-image:url(../images/video.PNG);
	margin-left:20px;
	margin-top:23px;
}



.videoo .btn_video{
	float:left;
	width:58px; height:58px;
	background-image: url(../images/btn_video.PNG);
	margin-left:75px;
	margin-top:35px;
	position:relative;
	z-index:99;
	
}
.videoo .btn_video:hover{
	
	background-image: url(../images/btn_video1.PNG);
	

	
}


.presentation{
	float:left;
	width:700px;
	height:247px;
	
	margin-top:15px;
}

.titre_presentation{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#666;
	width:700px;
}

.bbc{
	float:left;
	width:292px;
	height:252px;
	background-image: url(../images/ban-ecoblock.png);
	margin-top:15px;
	margin-left:15px;
}


.bbcarb{
	float:left;
	width:292px;
	height:252px;
	background-image: url(../images/ban-ecoblock.png);
	margin-top:15px;
	margin-left:15px;
}


.titre_ecoblock{
	width:285px;
	margin-top:25px;
	float:left; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#000;
	margin-bottom:20px;
	
	
}


.titre_ecoblockarb{
	width:285px;
	margin-top:25px;
	float:left; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#000;
	margin-bottom:20px;
	
	
}

.titre_ecoblockan{
	width:285px;
	margin-top:25px;
	float:left; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	color:#000;
	margin-bottom:20px;
	
	
}

.bbc li{
	float:left;
	margin-left:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	width:200px;
	color:#333;
	background-image: url(../images/icone_liste.png);
		background-repeat:no-repeat;
		background-position: left center;
		list-style:none;
		margin-left:20px;
		padding-left:25px;
	
	line-height:25px;
	 

	}
	
	
	.bbcarb li{
	float: right;

	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	width:200px;
	color:#333;
	background-image: url(../images/icone_liste1.png);
		background-repeat:no-repeat;
		background-position: right center;
		list-style:none;
		margin-right:20px;
	
	line-height:25px;
	text-align:right;
	padding-right:25px;
	
	}
	
	.bbcarb br{
	float: right;

	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	width:200px;
	color:#333;
	list-style:square;
	line-height:25px;
	text-align:right;
	padding-right:150px;
	
	}


.suparation_p{
	float:left;
	width:695px;
	height:2px;
	background-image:url(../images/supar_pr.PNG);
	background-position:center;
	background-repeat:no-repeat;
	
}
	
	
	.footer{
		float:left;
		width:1000px;
		height:195px;
		background-image: url(../images/bag_footer1.PNG);
		background-position:center;
		background-repeat:no-repeat;
		margin-top:25px;
	}
	
	.footerarb{
		float:left;
		width:1000px;
		height:195px;
		background-image: url(../images/bag_footerarb.png);
		background-position:center;
		background-repeat:no-repeat;
		margin-top:25px;
	}
	



.slide_footer{
	float:left;
	
	width:315px;
	height:220px;
}


	.menu_footer{
		
		float:left; width:311px; height:163px; margin-left:30px;margin-top:50px;
	
		
		
	}
	
	.menu_footer ul{
		margin-left:0px;
		float:left;
		margin-top:-0px;
			
	}
	
	.menu_footer ul li{
		list-style: none;
		margin-left:-7px;
		
		background-image: url(../images/icon_footer.PNG);
		background-repeat:no-repeat;
		background-position: left center;
		height:18px;
		padding-top:7px;

	}
	
	.menu_footer ul li a{
		text-decoration:none;
		color:#575656;
		padding-left:20px;
		
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		height:18px;
		text-align:center;

	}
	.menu_footer ul li:hover{
		background-image: url(../images/icon_footer.PNG);
		background-repeat:no-repeat;
		background-position: left center;
		height:18px;
		
	}
	.menu_footer ul li:hover a{
		
		color:#00C;
		
	}
	
	.menu_footer ul li .Active{
		/*background-image: url(../images/icon_footer.PNG);
		background-repeat:no-repeat;
		background-position: left center;
		height:18px;*/
		color:#03C;
	
		
		
	}
	
	
	
	
	
	
	
	
	#tel{
	width:280px;
	height:42px;
	/*margin-top:20px;*/
	margin-left:20px;
	
	float:left;
	}
	
	#telar{
	width:280px;
	height:42px;
	float: right;
	text-align:right;
	}
	
	#ligne_bas_footer{
		margin-left:12px;
	width:980px;
	height:2px;
	background-image: url(../image/ligne_h_footer.jpg);
	background-position:center;
	background-repeat:no-repeat;
	
	float:left;
	}
	
	#droits{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font:bold;
	float:left;
	margin-left:20px;
	padding-top:10px;
	
	}
	
	#logo_viss{
	margin-left:935px;
	
	}
	
	
	.contact{
		float:left;
		width:200px;
		height:250px;
	
		margin-top:40px;
	}
		
	.contactar{
		float: left;
		width:320px;
		height:250px;
	
		margin-top:40px;
	}
		
	
	
	
	
	
	.droits{
		margin-top:7px;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#75878f;
		
		margin-left:25px;
		height:30px;
		width:500px;
	}


.btn_contact{
				float:left;
			height:29px;
			 width:97px;
			 background-image:url(../images/btn0.png);
			 
			  margin-left:255px; padding-top:5px; 
			  margin-bottom:20px;
			   margin-top:20px;
			    text-align:center; 
			   ursor:pointer; 
			   background-repeat:no-repeat; 
			   color:#767675;
			   font-family:Arial, Helvetica, sans-serif;
					 font-size:12px;
			   
			   
			}
			
			
			.btn_contact:hover{
				float:left;
			height:29px;
			 width:97px;
			  text-align:center; padding-top:5px; 
			  background-image: url(../images/btn1.png);
			  margin-left:255px; margin-bottom:20px;
			   margin-top:20px;  cursor:pointer; 
			   background-repeat:no-repeat; 
			   color:#FFF;
			   font-family:Arial, Helvetica, sans-serif;
					 font-size:12px;
			}
			
			
			.titre_menu{
				float:left;
				width:700px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				font-weight:bold;
				color:#333;
				margin-bottom:5px;
			}
			.titre_menuar{
				float: right;
				text-align:right;
				width:700px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				font-weight:bold;
				color:#333;
				margin-bottom:5px;
			}
			
			.contenu{
				float:left;
				width:1007px;
			
				
			}