/* CSS Document */

body {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:url(images/px_body.jpg) repeat-x #910a17;

}
body.bodyint{
	background:url(images/px_body_int.jpg) repeat-x #910a17;

}

* {
	margin:0;
	padding:0;
}
li {
	list-style:none;
}
img {
	border:0;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	outline:none;
}
.clr {
	clear:both;
	font-size:0;
}
p, h2, h3, h4, h5 {
	display:block;
}

#globalbig{
	width:100%;
	background:url(images/px_body.jpg) repeat-x #FFFFFF;
	
}
#globalbig_int{
	width:100%;
	background:url(images/px_body_int.jpg) repeat-x #FFFFFF;

}

#global {
	width:955px;
	margin:0 auto;
	}
	/*************************acceuil*****************/
.headeracc{
width:955px;
background:url(images/header_acc.jpg) no-repeat;
height:318px;
}
.logo {
margin-top:10px;
margin-left:37px;
display:block;
float:left;
clear:left;}
.logo_int {
margin-top:2px;
margin-left:37px;
display:block;
float:left;
clear:left;
}
/* menu haut */
.menu-top {
	padding:0 0 0 20px;
	float:left;
	list-style-type:none;
} 
.menu-top li {
 	display:inline;
  color:#ffffff;
} 
.menu-top li a{
 color:#ffffff;
  padding:0 8px 0 8px;
  font-size:9px;
}
 
.menu-top li a:hover{
color:#edd42e;
}

.garantie{
display:block;
float:left;
margin:160px 0 0 600px;

}
#menu {
	width:917px;
	float:left;
	padding:5px 0 0 27px;	
}

#menu ul {
padding:0 0 0 20px;
float:left;

}
#menu li {
	float:left;
	padding-right:10px;
}
.btm a {
	color:#FFFFFF;
	background:url(images/puce_menu.gif) right 10px no-repeat;
	float:left;
	display:block;
	font-size:20px;
	padding:0 20px 0 0;	
	font-style:normal;

}
.btm a:hover {
color:#edd42e;
}
.btmactif a {
	color:#edd42e;
	background:url(images/puce_menu.gif) right 10px no-repeat;
	float:left;
	font-size:20px;
	padding:0 20px 0 0;
	font-style:normal;
	display:block;
}
#menu #contact a
{
	background:none;
}

#contenu{
width:920px;
background:url(images/bg_body.jpg) top no-repeat;
padding:15px 0 5px 35px;
color:#000000;
position:relative;
float:left;
}

.alignpara_img{
float:left;
width:270px;
color:#FF0000;
background:url(images/puce_img.gif) 0 4px no-repeat;
padding:0 0 0 15px;
line-height:19px;
font-weight:bold;
}

.alignpara_img a{
color:#e00000;
}
.alignpara_img a:hover {
color:#1F0800;
}
.paracceuil{
width:385px;
float:left;
padding:0 10px 0 18px;
 }
 .parapresentation{
line-height:20px;
text-align:justify;
padding:5px 0 5px 0 ;
}
.align_img_acc{
display:block;
float:left;
padding:5px 10px 25px 10px;
}
.titre_acc{
color:#e00000;
font-size:18px;
}
.titre_acc2 {
	color:#e00000;
	font-size:18px;
	float: left;
	padding-bottom: 5px;
}
.parabtm{
clear:both;
float:left;
padding:10px 0 0 0;
width:900px;
}
.parabtm img{
display:block;
float:left;
}
.port1{
padding:20px 140px 0 20px;
}
.port2{
padding:0 120px 0 0;
}
.port3{
padding:0 150px 0 0;

}
	/*************************realisations*****************/
.headerinterne{
width:955px;
background:url(images/header_interne.jpg) no-repeat;
height:252px;
}
.titre_rea{
color:#e00000;
font-size:18px;
border-bottom:1px solid #e00000;
width:585px;
margin-bottom:10px;
padding-bottom:5px;
}
.align_img_rea{
display:block;
float:left;
padding-right:15px;
}
	
.pararea{
width:588px;
float:left;
 }
.parapuce{
	background:url(images/puce_rea.jpg) 0 5px no-repeat;
	width:270px;
	float:left;
	padding:0 0 0 10px;
}
.paraintegration{
width:275px;
color:#e00000;
float:left;
font-style:italic;
font-weight:bold;
padding:10px 0 7px 0;
}
.align_img_rea2{
display:block;
float:left;
padding:25px 0 0 15px;
}

.absolurea{
	position:absolute;
	right: 73px;
	top: 141px;
}
.para_noscordons{
width:710px;
float:left;
font-size:18px;
color:#e00000;
padding:40px 0 15px 0 ;

}	
	/**************************cables************************/
	
#contenucables{
width:920px;
background:url(images/bg_body.jpg) top no-repeat;
padding:15px 0 60px 35px;
color:#000000;
position:relative;
float:left;
}
.absolucable{
	position:absolute;
	right: 80px;
	top: 149px;
}

.align_img_cables2{
display:block;
float:left;
padding:25px 0 0 20px;
}
.parapucecab{
background:url(images/puce_rea.jpg) 0 8px no-repeat;
width:270px;
float:left;
padding:0 0 0 10px;
line-height:19px;
}
	
/*****************************peri info******************************/
#contenuperi{
width:920px;
background:url(images/bg_body.jpg) no-repeat;
padding:15px 0 60px 35px;
color:#000000;
position:relative;
float:left;
}

.parapuce_info{
background:url(images/puce_rea.jpg) 0 8px no-repeat;
width:290px;
float:left;
padding:0 0 10px 10px;
font-size:16px;
font-weight:bold;
}
	
.paraperi{
width:610px;
float:left;
 }
.align_img_peri{
display:block;
float:left;
padding:25px 0 30px 0;
}


/************************************contact***************************/	
#contenucntact{
width:920px;
background:url(images/bg_bodycntact.jpg) top right no-repeat;
padding:15px 0 20px 35px;
color:#000000;
float:left;

}
.titre_contact{
color:#e00000;
font-size:18px;
border-bottom:1px solid #e00000;
width:451px;
margin-bottom:10px;
padding-bottom:5px;
}
.paracontact{
width:460px;
float:left;
 }

.carte{
display:block;
float:left;
padding:0 0 15px 0 ;
}
.adresse{
float:left;
width:210px;
padding:0 0 5px 0;
}
.objectcntact{
float:left;
padding:5px 0 5px 0;

}

.formulaire{
		float:left;
		width:250px;
		color:#000000;
		font-size:12px;
		padding:0 0 0 0;
		background:url(images/bgcontact.gif) right 0 no-repeat;
}
.trtreform{
color:#003c5b;
font-size:21px;
width:300px;
padding:0 0 15px 0;
background:url(images/bg_type2.gif) 125px 17px no-repeat;

}
.formulaire p{
		margin:0 0 4px 0; 
		width:228px;
		padding:0;
		float:left;
}
 
.formulaire span{
		float:left;
		clear:left;
		font-size:12px;
}
 
.formulaire .info{
		clear: both;
		text-align:right;
}

 
 
.formulaire em{
		color:#EB7C00;
}

.formulaire .question{
		padding-top:10px;
}
 
.formulaire input{
		float:right;
		border:1px solid #e00000;
		width:150px;
		height:17px;
		background-color:#e3e3e3;
		color:#000000;
}
 
.formulaire textarea{
		float:right;
		border:1px solid #e00000;
		height:100px;
		width:150px;
		background-color:#e3e3e3;
		overflow:hidden;
}
.formulaire .bout{
		width: 66px;
		height:17px;
		border:none;
	
}

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

/********************************mentions*******************************/

.titrafrom{
font-size:21px;
color:#e00000;
padding:0 0 5px 0 ;
border-bottom:1px solid #e00000;
width:700px;
margin-bottom:8px;
}

.contenuMention{

width:920px;
background:url(images/bg_body.jpg) top no-repeat;
padding:15px 0 60px 35px;
color:#000000;
float:left;

}
.contenuMention em{
font-style:normal;
}
.contenuMention p{
	 padding:4px 0 4px 0;		
	 line-height:18px;
	 width:700px;
}

.contenuMention .fonce
{
	font-weight:bold;
	color:#e00000;
}
#mentions .active
{	
	color:#FF6600;
}
.move{
text-transform:uppercase;
font-weight:bold;
color:#0072b0;
}


/**************************************    Footer   ******************************/

#footer{
clear:both;
width:100%;
background:url(images/px_footer.jpg) repeat-x ;

}
#sfooter{
	width:955px;
	margin:0 auto;
	padding:0 0 50px 0;
	text-align:center;
	font-size:11px;
}

#sfooter p{
	color:#FFFFFF;
	font-size:11px;
	text-align:center;
	padding:0 0 0 0;
	position:relative;
	top:-6px;
}

#sfooter object{
	top:5px;
	left:0px;
	position:relative;
}

#sfooter ul {
	list-style-type:none;
	color:#910a17;
}
#sfooter span {
padding:0 7px;
}
 
#sfooter li {
	display:inline;
}
 
 
#sfooter li a{
	color:#910a17;
  padding:0 8px 0 8px;
	
}
 
#sfooter li a:hover{
	color:#edd42e;
}

#logo_bas {
	text-align:center;
	line-height:20px;
	clear:both;
	padding:10px 0 0 0;
	
} 
#sfooter p.logo_bas{
	position:relative;
	top:20px;
}

.logo_bas a{
	font-size:9px;
	border:none;
	color:#FFFFFF; 
}

#logo_bas a:hover{
	color:#FFFFFF;
}