/* CSS Document */



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

}





*  {
	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:#A7A7A7;
	
	
}


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







#page {
	
	width:895px;
	margin:0 auto;
}

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


#header {
	
	width:895px;
	float:left;
	
	background:url(images/header.jpg) 0 0 no-repeat;
}


#logo {
	float:left;
	padding:20px 0 0 20px; 
	
}


#menu {
	float:right;
	padding-top:3px;
	width:246px;
	
}


.accueil a{
	background: url(images/menu/acc_off.jpg) 0 0  no-repeat;
	display:block;
	height:60px;
}

.accueil a:hover{
	background: url(images/menu/acc_on.jpg) 0 0  no-repeat;
	display:block;
	height:60px;
}



.accueil .active{
	background: url(images/menu/acc_on.jpg) 0 0  no-repeat;
	display:block;
	height:60px;
}


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


.histo a{
	background: url(images/menu/histo_off.jpg) 0 0  no-repeat;
	display:block;
	height:30px;
}

.histo a:hover{
	background: url(images/menu/histo_on.jpg) 0 0  no-repeat;
	display:block;
	height:30px;
}


.histo .active{
	background: url(images/menu/histo_on.jpg) 0 0  no-repeat;
	display:block;
	height:30px;
}


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


.serv a{
	background: url(images/menu/serv_off.jpg) 0 0  no-repeat;
	display:block;
	height:30px;
}

.serv a:hover{
	background: url(images/menu/serv_on.jpg) 0 0  no-repeat;
	display:block;
	height:30px;
}

.serv .active{
	background: url(images/menu/serv_on.jpg) 0 0  no-repeat;
	display:block;
	height:30px;
}


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


.ctc a{
	background: url(images/menu/ctc_off.jpg) 0 0  no-repeat;
	display:block;
	height:30px;
}

.ctc a:hover{
	background: url(images/menu/ctc_on.jpg) 0 0  no-repeat;
	display:block;
	height:30px;
}


.ctc .active{
	background: url(images/menu/ctc_on.jpg) 0 0  no-repeat;
	display:block;
	height:30px;
}

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

#contenu {
	
	width:855px;
	float:left;
	background: url(images/back.jpg) 0 0  no-repeat;
	padding: 20px 19px 0 21px;
	margin:7px 0 0 0;
}

#left_acc {
	
	width:673px;
	float:left;
	
}

#gp1 {
	
	width:673px;
	float:left;
	
}

#prest {
	
	width:251px;
	float:left;
	background: url(images/prest.jpg) 0 0  no-repeat #7B7B7B;
	padding:10px 0  0 0;
	font-size:14px;
	font-weight:bold;
	
}


#prest h3{
	color:#A7A7A7;
	font-size:16px;
	padding : 0 0 0 20px;
	background: url(images/fleche1.gif) 0 3px  no-repeat ;
	margin:0 0 20px 60px;

}

#prest p{
	padding:5px 10px 10px 10px;
}

#prest a{
	color:#BD0011;
}

#prest a:hover{
	color:#000;
}




#brd {
	float:left;
	width:251px;
}

#pierre {
	float:right;
	background: url(images/pierre.jpg) 80% 0  no-repeat ;
	width:400px;
	padding:170px 0 0 20px; 
	
}

#pierre h3{
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	line-height:22px;
	padding-top:15px;
}

#gp2 {
	
	width:673px;
	float:left;
	clear:left;
}

#machines {
	float:left;
	background:url(images/machine.jpg) 0 81px no-repeat;
	display:table;
	padding-bottom:30px;
}

#machines  img{
margin:0 5px 0 0;
}

#tof-machines {
	
	width:264px;
	float:left;
	padding-top:10px;
}

#titre_machines {
	float:left;
	width:244px;
}

#titre_machines h3 {
	font-size:14px;
	background:url(images/fleche1.gif) 0 3px no-repeat;
	padding:0 0 0 20px;
	margin-top:88px;
	color:#A7A7A7;
	
}


#right_acc {
	
	width:182px;
	float:left;
	background-color:#626262;
	
	
}


#right_acc p {

	padding:2px 10px 4px 15px;
	background:  url(images/fleche3.gif) 0 5px no-repeat ;
	margin-left:30px;
}





#brd1  {
	color:#A7A7A7;
	font-size:14px;
	background: url(images/back_liste.jpg) 0 0 no-repeat #626262;
	padding:6px 0 15px 30px;

}


#brd1  h2{
	color:#A7A7A7;
	font-size:14px;
	padding:0 0 0 20px;
	background	:url(images/fleche1.gif) 0 3px no-repeat;			
}





#brd2 {
	
	width:162px;
	float:left;
	background:  url(images/nos_services.jpg) 0 0 no-repeat;
	clear:left;
	height:24px;
	font-size:14px;
	padding:15px 0 0 20px;
	color:#373737;
	
}


#brd2  h3{
	
	padding:0 0 0 20px;
	background:url(images/fleche2.gif) 0 3px no-repeat;
	
}


#brd2  h3 a{
	

	font-size:14px;
	color:#373737;
	
}


#brd2  h3 a:hover{
	color:#BD0011;
	
}


.middle{
	vertical-align:middle;
	float:left;
	margin:8px 3px 0 15px;
	
	
}


/********page internes *****/
#contenu_interne{
	width:855px;
	float:left;
	background: url(images/bgd_services.jpg) no-repeat;
	padding: 10px 19px 16px 21px;
	color:#535353;

}
#contenu_interne h2{
	color:#373737;
	font-size:24px;
	text-transform:uppercase;
	font-style: italic;
	margin:0;
	padding:0;	
}
#contenu_interne h2 span{
	color:#373737;
	font-size:14px;
	text-transform:uppercase;
	font-style: italic;

}

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



.rubrique {
	
	width:800px;
	float:left;
	background: url(images/rubriqueServiceNew.gif) 0 0  no-repeat #626262;
	margin: 0 0 25px 10px ;
	color:#fff;
	
	
}


.rubrique p{
		padding:5px 10px 5px 13px;
		background:url(images/fleche3.gif) 0 8px no-repeat ;
		margin-left:265px;
}

.rubrique h3{
	color:#A7A7A7;
	margin:7px 0 6px 265px;
	padding:0 0 4px 18px;
	background:url(images/fleche1.gif) 0 3px no-repeat ;
	
	
}
#brdRubrique {
	float:left;
	width:600px;
	
}
.retrait{
 float:left; 
margin:12px 26px 0 21px;
}
.retrait2{ 
float: right; 
margin:12px 26px 0 21px;
}

#suiteBgd{ 
	width:895px;
	float:left;
    background:url(images/suiteBgd.jpg) repeat-y;
	margin-top:7px;
}
#suiteBgd h2{ 
	color:#373737;
	font-size:20px;
	text-transform:uppercase;
	font-style: italic;
	margin:0;
	padding:0;
	}	
/*******/

/***page contact***/
#contenu_contact{
	width:835px;
	float:left;
	background: url(images/bgd_contact.jpg) no-repeat;
	padding: 10px 20px 16px 40px;

}
#planAcee{ 
	float:left;
	width:474px;
	}
#planAcee img{
	 display:block;
 }
#adresse{ 
		height:176px;
	 	width:267px;
	 	 background: url(images/basAdresse.gif) bottom  no-repeat #BCBCBC;
	 	 text-align:center;
	 	  float:left;
	   }
#adresse p{ font-size:14px;
	 color:#373737; 
	 font-weight:bold; 
	 margin-bottom:20px;
 }
#adresse h3{ 
	font-size:18px;
	 color:#BD0011;	
	 font-style:italic; 
	 text-transform:uppercase; 
	 padding:0;
	  margin:25px 0 0 0;
  }
  
  #adresse span{ 
	 font-style: normal; 
  }

  
  
  
#blockAdressDroit{
	 float:left; 
	 width:207px;
	 height:176px;
	  background: url(images/fondPortable.gif) 0 0  no-repeat #535353;
	  
  }
#blockAdressDroit p{
	 font-size:14px; 
	 color:#fff; 
	 padding: 10px 16px;
	 font-weight:bold;
 }


#formulaire{
	width:270px;
	color:#fff;
	font-size:11px;
	padding:10px 10px 10px 10px ;
	float: right;
	background:url(images/bgdTitreFormulaire.gif) 0 0  no-repeat ;
	

	
}

#formulaire h3{
	color:#A7A7A7;
	font-size:16px;
	padding:0 0px 10px 20px ;
	background: url(images/fleche1.gif) 0 3px  no-repeat;
	
}


#formulaire form{
	display: inline;
	
	
	
}

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

}
 
 #formulaire .info{
	clear: both;
	padding-top:7px;
}

 
 
#formulaire em{
	color:#FF0000;
}

#formulaire .question{
	padding-top:10px;
}
 
#formulaire input{
	float:right;
	border:1px solid #B4B4B6;
	width:170px;
	background-color:#F7F7F7;
	color:#000;
}
 
#formulaire textarea{
	float:right;
	border:1px solid  #B4B4B6;
	width:170px;
	height:70px;
	background-color:#F7F7F7;
	overflow:auto;
	color:#000;
}

#formulaire .bout{
	width: 83px;
	height:22px;
	border:none;
	float:right;
	
}

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




.basFormulaire{ background:url(images/basFormulaire.gif) 0 0 no-repeat;
height:41px;}
/******/
#contenu_mention {
	width:855px;
	float:left;
	background: url(images/bgd_services.jpg) no-repeat;
	padding: 10px 19px 16px 21px;
	color:#535353;
	}
	


#contenu_mention h3{
	color:#373737;
	font-size:20px;
	text-transform:uppercase;
	font-style: italic;
	margin:0;
	padding:0;	
}
#contenu_mention h3 span{
	color:#373737;
	font-size:14px;
	text-transform:uppercase;
	font-style: italic;

}


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



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

#footer {
	
	width:895px;
	margin:0 auto;
	height:40px;
	clear:both;
	text-align:center;
	color:#FFF;
	font-size:11px;
}


#footer p{
	background-color:#373737;
	
}

#footer ul {
	padding-top:5px;
}



#footer li {
	display:inline;
	
}

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

#footer li a:hover{
	color:#BD0112;
	
}


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


#footer #toptech{
background-color:#535353;
padding-top:10px;
	
}
.clear{ clear: both; font-size:0;}




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

#contenu_ctc{
	width:855px;
	float:left;
	background: url(images/bgd_contact.jpg) no-repeat;
	padding: 10px 19px 16px 21px;

}
#contenu_ctc h2{
	color:#373737;
	font-size:20px;
	text-transform:uppercase;
	font-style: italic;
	margin:0;
	padding:0;	
}
#contenu_ctc h2 span{
	color:#373737;
	font-size:14px;
	text-transform:uppercase;
	font-style: italic;

}