/* CSS Document */

body
{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(images/bg_body.jpg) repeat-x top #FFFFFF;
	color:#000066;
}


*  {
	margin: 0 ;
}



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


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

ul  {
	margin: 0 ;
	padding:0;
	list-style:none;
}




a
{
	text-decoration:none;	
}


a:hover
{
	text-decoration:none;	
}
#page
{
	margin:0 auto;
	width:955px;	
	display:table;	
}

/******************************/
#header
{
	float:left;
	height:253px;
	width:955px;
	background: url(images/header_acc.jpg) top no-repeat;
}
.logo
{
	margin:179px 0 0 53px;
	float: left;
}
/*************************************LMenu**********************************************/
#menu  
{
	padding:214px 0 0 64px;
	float:left;
	width:540px;
}

#menu  li
{
	display:inline;
	font-size:15px;
	font-weight:bold;
}
#menu  a
{
	color:#FFFFFF;
}
#accueil  
{
	padding:0 0 0 13px;	
}
#prestation  
{
		padding:0 0 0 70px;
}
#tarification  
{
	padding:0 0 0 48px;	
}
#contact  
{
	padding:0 0 0 53px;	
}

#menu  a:hover
{
	color:#33CCFF;
}
#accueil  .active
{
	color:#33CCFF;
}
/**********************************************************/
#content
{
	float:left;
	width:906px;
	background: url(images/bg_contenu.jpg)  no-repeat top left;
	padding:0 0 0 49px;
}
#content h3
{
	color:#000066;
	font-size:18px;
	background:url(images/bg_h.jpg) no-repeat left bottom;
	font-weight:normal;
}

#content h2
{
	color:#000066;
	font-size:18px;
	background:url(images/bg_h.jpg) no-repeat left bottom;
	font-weight:normal;
}
#content p
{
	text-align:justify;
}
#bloc1
{
	width:211px;
	float:left;
}



#bloc1 .alignement
{
width:190px;

}






#colis
{
	background:url(images/pixel_colis.jpg) repeat-y top left;	
}
#palette
{
	background:url(images/colis.jpg) no-repeat top left;
	padding:90px 20px 0 10px;	
}
#colis p
{
	color:#FFFFFF;
	
	text-align: left;
}
#bloc2
{
	width:375px;/*402*/
	float:left;
	padding:26px 0 0 27px;
}
#content #bloc2 h3
{
	color:#000066;
	font-size:18px;
	font-weight:normal;
	border-bottom:#000066 solid 1px;
	margin:0 0 5px 0;
}

#content #bloc2 h2
{
	color:#000066;
	font-size:18px;
	font-weight:normal;
	border-bottom:#000066 solid 1px;
	margin:0 0 5px 0;
}
#bloc2 img
{
	margin:22px 0 0 0;
}
	
#bloc2  .photo
{
	margin:0 10px 0 0;
}
.flesh
{
	padding:0 0 10px 0;
}
#bloc3
{
	width:228px;/*270*/
	float:left;
	padding:25px 0 0 22px;
}
#bloc3 p
{
	text-align:center;
	font-size:18px;
	color:#003366;
	padding:0;
}
.fonce
{
	color:#29AEDA;	
}
#chrono
{
	background:url(images/chrono2.jpg) no-repeat  top left;
	width:177px;/*207*/
	padding:80px 10px 50px 20px;
	margin: 0 0 0 13px;
}
#chrono p
{
	color:#FFFFFF;
	font-size:12px;
	text-align: left;
	font-weight:bold;
	padding:3px 0 5px 0;
	display: block;
	
}
/*************************Tarification************************************************/
#tarification  .active
{
	color:#33CCFF;
}
.haut
{
	float:left;
	width:1px;
	height:401px;	
}
.tarif
{
	margin:65px 0 0 189px;	
}
/***************************************************************************/
#header_nav
{
	float:left;
	height:253px;
	width:955px;
	background: url(images/header_nav.jpg) top no-repeat;
}
#prestation  .active
{
	color:#33CCFF;
}



#content_nav
{
	float:left;
	width:915px;
	background: url(images/bg_contenu.jpg)  no-repeat left top;
	padding:0 0 0 40px;
}
#content_nav h3
{
	color:#000066;
	font-size:18px;
	background:url(images/ligne.jpg) no-repeat left bottom;
	font-weight:normal;
	margin:0 0 0 12px;
}

#content_nav h2
{
	color:#000066;
	font-size:18px;
	background:url(images/ligne.jpg) no-repeat left bottom;
	font-weight:normal;
	margin:0 0 0 12px;
}
#bloc1_nav
{
	width:213px;
	float:left;
}
.photo3
{
	padding: 31px 0 50px 7px;
	margin:0;
	float:left;
}
#tarif
{
	float:left;
	background:url(images/tarif.jpg) no-repeat  top left;
	width:209px;/*209*/
	padding:47px 0 0 0; /*10px 0 10px;	*/
	margin:0;	
}
#tarif p
{
	color:#FFFFFF;
	text-align:center;
	padding:0 10px 40px 15px;
	font-size:14px;
	line-height:15px;
	font-weight:bold;
	text-align:center;
}
.national
{
	margin:10px 0 0 0;
	float: right;
}
#bloc2_nav
{
	width:400px;/*402*/
	float:left;
	padding:27px 0 0 21px;
}
#bloc2_nav p
{
	padding:5px 8px 3px 10px;
	text-align:justify;
	line-height:14px;
}

#bloc3_nav
{
	width:213px;
	float:left;
	padding:41px 0 0 22px;
}
#bloc3_nav img
{
	float:left;
}
#bloc3_nav p
{
	padding:13px 0 2px 0;
	text-align:left;
	font-size:11px;
	clear:left;
}
#bloc3_nav .appele
{
	float:right;
	padding:2px 0 2px 0;
}
#bloc3_nav .europe
{
	margin:57px 0 0 30px;	
}
#bloc3_nav span
{
	font-style:italic;
	font-size:12px;
	font-weight:bold;
}


#bloc2_nav .fonce
{
	color:#0EA3C3;
	font-weight:bold;
	background:url(images/puce3.jpg) no-repeat left 2px;
	padding:0px 0 0 12px;
	font-size:13px;
	margin: 4px 0 4px 10px;
}
/***************************************************************************************/
#bloc_mention
{
	float:left;
	width:860px;
	padding:0 20px 0 0;
}
#bloc_mention p
{
	text-align:justify;			

}

#bloc_mention p.tr
{
	color:#000066;
	font-size:18px;
	font-weight:normal;
	border-bottom:#000066 solid 1px;
	margin:0 0 5px 0;
}

#bloc_mention .fonce
{	
	font-size:14px;
	font-weight:bold;
}
#mentions .active
{
	color:#FF9933;
}

/***************************************************************************/
#header_contact
{
	float:left;
	height:253px;
	width:955px;
	background: url(images/header_contact.jpg) top no-repeat;
}
#contact  .active
{
	color:#33CCFF;
}
#content_contact
{
	float:left;
	width:895px;/*955*/
	background: url(images/bg_contenu.jpg)  no-repeat left top;
	padding:0 0 0 59px;
}
#bloc1_contact
{
	width:320px;
	padding:34px 0 0 0;
	float: left;
}
#bloc1_contact h2
{
	background:url(images/equipe.jpg) no-repeat left top;
	padding:3px 0 12px 47px;
	color:#000066;	
	font-size:17px;
}
#bloc2_contact
{
	width:230px;
	padding:31px 0 0 0;
	float: left;
}

#bloc2_contact h3
{
	background:url(images/contact.jpg) no-repeat left top;
	padding:10px 0 12px 47px;
	color:#000066;	
	font-size:17px;	
}
#bloc2_contact p
{
	margin:10px 0 0 43px;
}
#bloc2_contact .adresse
{
	font-size:11px;			
	font-style:italic;
	font-weight:bold;	
}
#bloc2_contact .bleu
{
	color:#0EA3C3;
	font-weight:bold;
	background:url(images/puce1.jpg) no-repeat left 4px ;
	padding:0px 0 0 12px;
	font-size:13px;
}
#bloc2_contact .contact_bleu
{
	color:#0EA3C3;
	font-weight:bold;
	background:url(images/puce3.jpg) no-repeat left 4px ;
	padding:0px 0 0 12px;
	font-size:13px;
}

#bloc2_contact .email
{
	margin:0 0 0 43px;
	padding:0;	
}
#bloc2_contact .tel
{
	font-size:14px;
	font-weight:bold;
}
.equipe
{
	border:1px solid #0E126D;
	margin:18px 0 10px 0;
}
/******* formulaire *****/
#formulaire {

	float:left;
	width:269px;/*299*/
	color:#000066;
	padding:32px 0 0 0;	
}
#formulaire h4
{
	background:url(images/formulaire.jpg) no-repeat left top;
	padding:8px 0 12px 40px;
	color:#000066;	
	font-size:18px;
	margin:0 0 6px 64px;		
}
#formulaire p{
	width:269px;
	float:left;
	font-size:10px;
	padding:0 0 5px 0;
	text-align:right;
}
#formulaire span{
	padding:2px 0 0 0;
	float:right;	
}
#formulaire .question{
	padding-top:2px;
	float: left;
	padding:2px 0 0 21px;
} 
#formulaire input{
	width:194px;
	color:#000;
	height:13px;
	border:1px solid #000000;
	font-size:12px;
	float:right;
	margin: 0 0px 0 6px;
} 
#formulaire textarea{
	border:1px solid #000000;
	width:194px;
	height:70px;
	color:#000;
	font-size:12px;
	margin: 0;
}
#formulaire .bout{
	width: 84px;
	height:18px;
	border:none;
	padding-bottom:4px;
}
em{
	color:#FF3300;		
}
#formulaire .rouge{
	color:#FF3300;
	font-weight:bold;	
}
.form
{
float:left;
}
.information
{	
	padding-left:50px;
	font-weight:bold;
}
/***************************************************************************/
#footer{
	float:left;
	width:915px;
	background: url(images/bg_footer.jpg) no-repeat 0 6px;
	text-align:center;
	color:#29AEDA;	
	font-size:11px;
	padding:0 0px 0 40px;	
}
#navigation{
	padding-top:8px;
	color:#000066;
}
#navigation li {
	display:inline;
	font-weight:normal;	
}
#navigation a{
	padding:0 3px 0 3px;
	font-size:11px;	
	color:#000066;	
}
#navigation a:hover{
	color:#EA8614;	
}
.size {
	font-size:11px;	
}
#toptech {
	padding-top:10px;

}
#toptech a{
	color:#0E126D;
	font-size:9px;
}
#toptech a:hover{
	color:#FF3300;	
}
#footer object{
	position:relative;
	top:5px;
	left:0px;
}