/* CSS Document */
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: url(images/px-body.jpg) repeat-x #010D18;
	color:#FFFFFF;
}


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

img {
	border: 0;
}



ul, li{
	padding:0;
	margin:0;
}

ul  {
	list-style:none;
}


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


a:hover {
	text-decoration:none;
	color:#ffb973;


}

.align_gauche {
	float:left;
}
.clear {
	clear:both;
}
.align-gche {
	float:left;
}
/************************/




#page {
	width:899px;
	background:url(images/fnd-page.jpg) no-repeat;
	display:table;
	margin:0 auto;
	padding:0 28px 20px 28px;
	
}

#page-interne {
	width:899px;
	background:url(images/page-interne.jpg) no-repeat;
	display:table;
	margin:0 auto;
	padding:0 28px 20px 28px;
	
}

/******************************/
.logo{
	float:left;
	margin:10px 0 25px 0;
		
}
#header{
	float:left;
	width:899px;
	padding:0 0 0 0;
	
	
}
#logo-gr {
	float:left;
	
	width:252px;
}
#logo-gr p {
	text-align:center;
	font-size:13px;
	font-weight:bold;
	clear:both;
	}
/*---------menu----------*/
.agenc {
	margin:37px 0 40px 80px;
	float:left;
}
#menu {
	float:left;
	padding:0 0 0 22px;
	width:605px;
	font-size:14px;
	font-weight:bold;
	
}
#menu ul {
	list-style-type:none;
	padding:0;
}
#menu li {
	text-decoration: none;
	float:left;	
	display:inline;
	line-height:35px;
}
#menu li a {
	height:35px;	
	background: url(images/px-menu-off.jpg) repeat-x;	
	float:left;
	padding:0 33px 0 33px;
	border-left:#04294F 1px solid;
	
}

#menu li a:hover {
	background: url(images/px-menu-on.jpg) repeat-x;	
	height:35px;
	color:#FFFFFF;
}
#menu li.actif a{
	background: url(images/px-menu-on.jpg) repeat-x;	
	height:35px;
	float:left;
	padding:0 33px 0 33px;
}
#index-content {
float:left;
padding:20px 0 0 0;
width:899px;

}
#index-gche {
float:left;
padding:0 10px 0 14px;
width:250px;

}
.index-gche img {
padding:0;
float:left;
}
.poids {
width:190px;
background: url(images/poids.jpg) no-repeat 0 90%;
padding:20px 0 6px 60px;
font-size:14px;
font-weight:bold;
text-align:left;
clear:both;

}
#index-milieu {
	float:left;
	width:360px;
	text-align:justify;
	padding:0 40px 0 0;
}
#index-milieu h3 {
	font-size:14px;
	padding:20px 0 8px 0;
	font-weight:bold;
	margin:0 0 10px 0;
	background:url(images/trie.jpg) no-repeat 0 100%;
}
#index-milieu p {
	padding:0 20px 0 0;
}
#index-milieu img {
	padding:72px 20px 0 0;
	float:left;
}
#index-drte {
	float:left;
	width:212px;
}
#nosref {
	float:left;
	background:url(images/nos-ref.jpg) no-repeat;
	padding:50px 0 0 25px;	
	height:172px;
	width:168px;
	color:#0A448D;
	font-weight:bold;
}
/*--------------------------RAYONNAGE--------------------*/
#rayonnage-gche {
float:left;
padding:20px 0 0 66px;
width:783px;

}
#bloc-diapo {
	float:left;
	width:763px;
	
}



#mini_photos {
	float: left;
	width: 246px;
	padding:10px 6px 0 10px;
	border:3px solid #0053A6;
	margin:0 0 10px 0;
	background:#01182D;
	
}

#mini_photos img {
	margin:0 4px 4px 0;
	cursor:pointer;
	border:#FFFFFF 1px solid;	
	
}

#diapo1 {
	float: left;
	width:460px;
	padding:0 4px 0 14px ;
	
}
#diapo1 img {
	border:#FFFFFF 1px solid;
	float:left;
	clear:both;
	}
	
#text-rayon {
	float:left;
	width:457px;
	text-align:justify;
	background: url(images/bloc-ray-top.gif) no-repeat 0 0;
	padding:27px 0 0 0;
	margin:0 0 56px 0;
}
.text-ray {
	float:left;
	width:421px;
	text-align:justify;
	background:#01182D;
	border-left:3px solid #0053A6;
	border-right:3px solid #0053A6;
	padding:0 0 0 30px;
	
	}
.text-rayo {
	float:left;
	width:457px;
	text-align:justify;
	background: url(images/bloc-ray-bot.gif) no-repeat 0 100%;
	padding:0 0 33px 0;
	}
.text-ray h3 {
	font-size:14px;
	padding:0 0 8px 0;
	font-weight:bold;
	margin:0 0 10px 0;
	background:url(images/trie.jpg) no-repeat 0 100%;
}
.text-ray p {
	padding:0 0 10px 0;
	width:400px;
}
.text-ray ul {
	padding:0 0 0 20px;	
}
.text-ray li {
	width:360px;
	padding:0 0 0 20px;
	background: url(images/puce1.gif) no-repeat 0 50%;
	line-height:17px;
}
.mise-gras {
	font-weight:bold;
}
#rayonnage-drte {
	float:left;
	width:130px;
	padding:20px 0 0 0;
	
}
#rayonnage-drte p {
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
#rayonnage-drte img {
	float:left;
	padding:8px 0 0 0;
	
}
#confier {
	background:url(images/nos-ref-fnd.gif) no-repeat;
	padding:46px 16px 0 8px;
	float:left;
	font-size:14px;
	font-weight:bold;
	width:174px;
	height:162px;
	color:#0053A6;
	margin:0 20px 0 30px;
	display:inline;
	line-height:22px;
	text-align: center;
}
/*--------------------prestations----------*/
.pres-gche {
	padding:40px 20px 67px 14px;
	float:left;
	width:864px;
}

/*-----------------------------CONTACT---------------------*/

#content-contact {
	float:left;
	width:894px;
	padding:14px 0 0 0;
}
#content-contact h3 {
	font-size:18px;
	padding:0 0 8px 0;
	font-weight:bold;
	margin:0 0 10px 0;
	background:url(images/trie.jpg) no-repeat 0 100%;
}
.contacter {
	width:270px;
	padding:0 10px 0 0;
	float:left;
	font-size:12px;
	font-weight:bold;
}
.coord {
	font-size:14px;
	padding:0 0 10px 0;
	font-weight:bold;
}

.poids-cont {
	width:200px;
	background:url(images/poids.jpg) no-repeat 0 50%;
	padding:20px 0 20px 60px;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	float:left;

}
.dep-fr {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	float:left;
	padding:20px 0 0 0;
	width:282px;
	
}
.tte-pres {
	margin:24px 0 0 0;
}
.voiture {
	margin:10px 0 0 0;
	
	
}
/*------------------------------------CSS formulaire-----------------------------------*/

#formulaire{
		float:left;
		width:268px;
		color:#FFF;
		font-size:11px;
		font-weight:bolder;
		padding:0 20px 0 30px;
}

#formulaire form{
		display: inline;
}

#formulaire p{
		margin:0 0 3px 0; 
		width:268px;
		padding:0;
		float:left;
}
 
#formulaire span{
		float:left;
		clear:left;
		font-weight:bolder;
}
 
 #formulaire .info{
		clear: both;
		text-align:right;
}

 
 
#formulaire em{
		color:#EB7C00;
}

#formulaire .question{
		padding-top:10px;
}
 
#formulaire input{
		float:right;
		border:1px solid #000;
		width:190px;
		height:18px;
		background-color:#fff;
}
 
#formulaire textarea{
		float:right;
		border:1px solid  #000;
		width:190px;
		height:70px;
		background-color:#FFF;
}
#formulaire .bout{
		width: 68px;
		height:19px;
		border:none;
		margin-top:10px;	
}

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

/*---------------Mentions Légales------------*/

#contenu-mentions {
	float:left;
	width:720px;
	padding:20px 0 0 90px;
	text-align:justify;
	letter-spacing:1px;
	font-size:11px;
	font-weight:normal;
}
.contenu-mentions-h2{
	padding:3px 0 10px 19px;
	color:#FFF;
	font-size:13px;
	clear:both;
	height:17px;
	background:url(images/puce.gif) no-repeat 0 30%;
	font-weight:bold;

}
.contenu-mentions-h3{
	color:#FFF;
	font-size:12px;
	background:url(images/puce1.gif) no-repeat 0 68%;
	padding:20px 0 10px 20px;
	font-weight:bold;
}
/*-----------------------CSS footer------------------------*/
#footer {
	width:955px;
	margin:0 auto;
	text-align:center;
	padding:4px 0 10px 0;
	background:url(images/px-footer.gif) repeat-y;
	color:#000;
	font-weight:bold;
	font-size:11px;
	position:relative;
}
.ouvrier {
	position:absolute;
	top:-244px;
	right:60px;
}

#footer ul {
	list-style-type:none;
	font-size:11px;
	font-weight:bold;
	color:#18293A;
	padding:0 0 0 0;
	clear:both;
	
}
 
#footer li {
	display:inline;
}
 
 
#footer li a{
	color:#18293A;
	
}
 
#footer li a:hover{
	color:#4B76AB;
}

#adres {
	font-size:11px;
	clear:both;
	padding:4px  0 0 146px;
	height:35px;
}

.object{
	float:left;
	
}

#footer span{
	display:block;
}
.flot{
	float:left;
	border-left:1px solid #000;
	padding:0 20px 0 20px;
	height:30px;
	text-align:left;	
}

#courr.flot{
	padding:0 0 0 20px;
}
.terre {
	float:left;
	font-size:14px;
	padding:0 20px 0 0;
	}
.sep {
	padding:0 6px 0 6px;
	display:block;
	float:left;
	
}
#footer p{
	font-size:11px;	
}
#logo_top {
	text-align:center;
	line-height:20px;
	clear:both;
	padding:10px 0 0 0;
	
} 


#logo_top a{
	font-size:9px;
	border:none;
	color:#000; 

}

#logo_top a:hover{
	color:#4B76AB;
}


/* ********* REF ************ */

.ref_slogan {
	color: #fff;
	text-decoration: none;
}