/* CSS Document */



body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	background:url(images/pix_page.jpg) repeat-x #665951 ;
	

}

*  {
	margin: 0 ;
	padding:0;
}

p, h2, h3 , h4 , h5  {
	display:block;
}


p {
	padding:3px 0 5px 0 ;
}


ul  {
	list-style:none;
}




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


a:hover {
	text-decoration:none;
	color:#000;
	
}
/************************/



/************************/




#page {
	padding-top:5px;
	width:900px;
	margin:0 auto;
}





/************************/

#haut {
	width:900px;
	float:left;
	height:185px;
	
}

#logo {
	width:573px;
	float:left;
	text-align:center;
}
.ferasin {
	margin-top:30px;
	
}







#visuel {
	width:326px;
	float:right;
}

/************************/

#bloc {
	width:900px;
	float:left;
	height:152px;
	
}



#menu {
	width:247px;
	float:left;
	height:152px;
	background:url(images/fond_menu.jpg) 0 0  no-repeat;
	
}



#menu ul{
padding:22px 0 0 5px;
	
}

#menu li {
	padding:1px 0 1px 0px;
	display:block;
}



#menu  li  a{
	background:url(images/puce1.gif) 35px 5px  no-repeat;
	color:#665950;
	font-weight:bold;
	display:block;
	font-size:16px;
	padding:2px 0 2px 65px;
}



#menu  li  a:hover{
		background:url(images/puce2.gif) 43px 5px  no-repeat #F5ED88;
		color:#000;
	    font-weight:bold;
		display:block;
}



#menu  .active{
		background:url(images/puce2.gif) 43px 5px  no-repeat #F5ED88;
		color:#000;
	    font-weight:bold;
		display:block;
}





#photo {
	width:327px;
	float:left;
	height:152px;
	
}

#photo2 {
	width:326px;
	float:left;
	height:152px;
	background:url(images/degr.jpg) 0 0 no-repeat;

	
}

.ventilo {
	position: absolute;
	top:-130px;
	right:80px;
	
}



.prod {
	position: absolute;
	top:-110px;
	right:15px;
	
}

/************************/

#contenu {
	width:900px;
	float:left;
	position:relative;	
	padding:0 0 0 5px;
	text-align:justify;
}


#contenu h3{
	background:  url(images/carre1.gif) 0 4px  no-repeat ;
	padding:3px 0 6px 25px;
	font-size:16px;
	border-bottom:1px solid #FFF;
	margin-bottom:10px;
	

}


#contenu h3 span{
	color:#FBF11E;

}




#contenu .liste{
	padding:0 0 7px 7px;
	background: url(images/carre2.gif) 0 5px  no-repeat;
	margin-left:10px;
	
}

#contenu .titre{
	padding:0 0 7px 15px;
	background: url(images/puce3.gif) 0 0px  no-repeat;
	font-weight:bold;
	color:#F7DC19;
	
}

#contenu strong{
	color:#FEFCC6;
	
}




.tof_left{
float:left;
	
}

.tof_right{
float:right;
	
}


#fotos{
background: url(images/back_jaune.jpg) 0 0px  no-repeat;
padding:3px 0 25px 0 ;

	
}


/******************************/

#bloc_left_acc {
	width:232px;
	float:left;
	padding:10px 5px 5px 5px;
	text-align:justify;
}


.back1{
	background:url(images/bloc_left_acc.jpg) 0 0 no-repeat  #665951;
}

.back2{
	background:url(images/bloc_left_nav.jpg) 0 0 no-repeat  #1E1C1D;
}





#bloc_left_acc p {
	padding:10px 0 0px 0 ;
	line-height:16px;
}





#bloc_right_acc {
	width:653px;
	float:left;
	background-color:#665950;
}



#activites {
	width:308px;
	float:left;
	padding:10px;
	
}

#activites img{
	margin-left:10px;
	margin-top:16px;
}
#activites h3 span {
	color:#FBF11E;

}


#marques {
	width:325px;
	float:left;
	padding-top:60px;
}
#marques img{ margin:0 0 0 4px;}

/************************/


#footer {
	width:900px;
	clear:both;
	margin:0 auto;
	text-align:center;
	background:url(images/fond_footer.jpg) 0 0 no-repeat;
	padding:12px 0 12px 0 ;
	font-size:11px;
	color:#FFF;
}

#footer a{
	padding:0 3px 0 3px ;
	color:#FFF;
}

#footer a:hover{
	color:#F9E31C;
}





#footer .mail{
position:relative;
top:5px;
	
}








/***************************/


/*******************************/


/********************************************/













/**********************/



#suite_ref {
	width:305px;
	float:left;
	padding:30px 8px 0 8px ;
}






.foto_diapo{
	padding-top:10px;
	text-align:center;
	
}



#diapo {
	width:305px;
	float:left;
	text-align:center;
	
}


#diapo img{
	margin:0 1px 1px 0;
	border:2px solid #DAD7D0;
	cursor:pointer;
	width:53px;
	height:48px;
}


.fixe{
	height:600px;
	float:left;
	width:0px;
	
}

.fixe2{
	height:1080px;
	float:left;
	width:0px;
	
}

.fixe3{
	height:280px;
	float:left;
	width:0px;
	
}

/**********************/

#suite_clim p.liste{ margin-bottom:5px;}

#suite_clim {
	width:305px;
	float:left;
	padding:10px 8px 0 8px ;
	margin-top:10px;
}


.climatiseur{
	border:1px solid #000;
	margin:10px 0 0 0;
}




#toptech {
text-align:center;
}


#toptech a {
font-size:10px;
color:#999999;
}

#toptech a:hover {
font-size:10px;
color: #FFCC00;
}



/**********************/


#contenu_mention {
	width:885px;
	float:left;
	position:relative;	
	padding:0 10px 0 10px;
	text-align:justify
}

#contenu_mention h3{
	background:  url(images/carre1.gif) 0 6px  no-repeat ;
	padding:3px 0 3px 25px;
	font-size:16px;
	border-bottom:1px solid #FFF;
	margin-bottom:10px;

}


 .gras{
	color:#F4D218;
	font-weight:bold;
	font-size:16px;
}





#bloc_left_ctc {
	width:190px;
	float:left;
	padding:5px 15px 5px 37px  ;
	text-align:justify;
	background:url(images/bloc_left_acc.jpg) 0 0 no-repeat  #665951;
	font-weight:bold;

}


#bloc_left_ctc p{
	padding:0 0 10px 0  ;
	border-bottom:#999999 1px solid;
	margin-bottom:10px;
	line-height:17px;

}

#bloc_left_ctc  span{
	color:#F4D218;
	
}

/*****************************/

/********************************************/

#formulaire{
	width:345px;
	color:#F8DF1B;
	float:left;
	font-size:11px;
	padding:40px 0px 10px 40px ;
	
}

#formulaire h3{
	color:#fff;
	margin-bottom:30px;
	
}


#formulaire form{
	display: inline;
	
	
	
}

#formulaire p{
	margin:0 0 15px 0; 
	width:345px;
	padding:0;
	float:left;
	
}
 
 
 
#formulaire span{
	float:left;
	clear:left;

}
 
 #formulaire .info{
	clear: both;
}

 
 
#formulaire em{
	color:#FF0000;
}

#formulaire .question{
	padding-top:10px;
}
 
#formulaire input{
	float:right;
	border:1px solid #F8DF1B;
	width:200px;
	background-color:#6E6159;
	color:#F8DF1B;
}
 
#formulaire textarea{
	float:right;
	border:1px solid  #F8DF1B;
	width:200px;
	height:70px;
	background-color:#665950;
	overflow:auto;
	color:#F8DF1B;
}

#formulaire .bout{
	width: 96px;
	height:16px;
	border:none;
	float:right;
}

#formulaire .rouge{
	color:#FF0000;
	display:block;
	font-weight:bold;
	float:right;
	padding:5px 0 5px 0 ;
	
}



#formulaire .bout{
	width: 96px;
	height:16px;
	border:none;
	float:right;
}
#textarea {
	float:right;
	width:250px;
	padding:83px 0 0 0 ;
	color:#F6D819;
}


#textarea textarea{
	float:right;
	border:1px solid  #F8DF1B;
	width:200px;
	height:115px;
	background-color:#6E6159;
	overflow:auto;
	color:#F6D819;
	
}
#textarea p{
	margin:0 0 15px 0; 
	width:200px;
	padding:0;
	float:left;
	
}
.titre1{
	padding:0 0 7px 15px;
	background: url(images/puce3.gif) 0 0px  no-repeat;
	font-weight:bold;
	color:#F7DC19;
	margin-top:10px;
	
}
.clear{ 
	clear:both; 
	font-size:0;
}
#fondBlanc{ 
	background:#F4F1EA; 
	margin-bottom:10px;
}