/* CSS Document */
body
{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#DAE1E8;
	color:#3A7DA6;
}
*  {
	margin: 0 ;
}
h2, h3 , h4 , h5  {
	
	display:block;
	margin: 0 ;
	padding:0;	
}
p {
	padding:0 0 5px 0;
	text-align:justify;
}
ul,li  {
	margin: 0 ;
	padding:0;
	list-style:none;
	text-decoration:none;
}
a
{
	text-decoration:none;
	outline:none;
	cursor:pointer;						
}
a:hover
{
	text-decoration:none;
	outline:none;	
}
.clr
{
	clear:both;
	height: 0px;
	line-height: 0px;
	font-size:0;
}
.clrleft
{
	clear:left;	
}
.clrright
{
	clear:right;
}
.fonce
{
	color:#03D1DE;
	font-weight:bold;
}
.soustitre
{
	font-size:12px;
	font-weight:bold;
}
img
{
	border:none;
}
/********************************************************************************/
#page
{
	width:955px;	
	margin:0 auto;
	background:url(images/px_global2.jpg) repeat-y left 0;
}
#header
{
	float:left;
	height:128px;
	width:955px;
	background:url(images/bg_page.jpg) no-repeat 0 0;
	position:relative;
}
.logo
{
	position:absolute;
	left:56px;
	top:11px;
	
}

/* menu haut */
.menu-top {
 padding:0 0 0 0;
 height:12px;
  width:320px;
  float:right;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
.menu-top ul {
 list-style-type:none;
 font-size:9px;
  color:#DAE1E8;
 padding:0;
 
}
 
.menu-top li {
 display:inline;
}
 
 
.menu-top li a{
 color:#ffffff;
 
}
 
.menu-top li a:hover{
color:#D4D600;
}

/**********************************************MENU************************************************/

#menu
{
	width:600px;
	padding:36px 0 0 322px;
	float:left;
	font-family:Impact, Arial, Helvetica, sans-serif;
}
#menu li
{
	float:left;	
}

#menu a

{
	display:block;
	height:26px;	
	background:url(images/menu_a.jpg) no-repeat;
	color:#FFFFFF;
	font-size:21px;
	font-weight:normal;
	padding-left:15px;
	letter-spacing:1px;
}

#menu a:hover
{
	cursor:pointer;
}

#accueil a
{
	background:url(images/acceuil_a.gif)  no-repeat left top;
	width:168px;
	margin-right:0;
}

#accueil a:hover,#accueil .active 
{
	background:url(images/acceuil_hover.gif)  no-repeat left top;	
		height:26px;
		padding-top:22px;


	
}

#savoir a
{
	background:url(images/savoir_a.gif) no-repeat left top;
	width:199px;	
	margin-right:0;
}

#savoir a:hover,#savoir .active

{
	background:url(images/savoir_hover.gif) no-repeat left top;
			height:26px;
		padding-top:22px;

}


#contact a
{
	background:url(images/contact_a.gif)  no-repeat  left top;
	width:168px;
}

#contact a:hover,#contact .active
{
	background:url(images/contact_hover.gif)  no-repeat  left top;
			height:26px;
		padding-top:22px;

}


/******************************Fin Menu**********************************************/
/*********************************acceuil****************************************************/
#contenu
{
	width:893px;	
	padding:5px 62px 0 0;
	margin:0 auto;	
}
#contenuindex
{
	width:776px;	
	padding:5px 62px 0 117px;
	margin:0 auto;	
}
.imgprs{
display:block;
margin:0 0 0 0;
}
.parapartenaire{
	color:#D4D600;
	padding:6px 0 6px 0;
	font-weight:bold;
	font-size:14px;
	letter-spacing:-1px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: right;
}
.parapresentation{
float:right;
width:630px;
background:#C3E3F2;
padding:0;
color:#FFFFFF;
}

.sparapresentation1{
font-size:14px;
padding:10px 0 0 15px;
width:150px;
float:left;
font-weight:bold;
}
.sparapresentation2{
	float:left;
	margin-top:5px;
	padding:8px 0 10px 13px;
	color:#176FA5;
	width:430px;
}
.fleche{
position:absolute;
bottom:-32px;
left:1px;
}
.paraentreprise{
width:166px;
float:left;
background:url(images/btm_etse.jpg) 0 bottom  no-repeat;
color:#FFFFFF;
padding:10px 5px 20px 10px;
font-size:14px;
font-weight:bold;
float:left;
line-height:20px;
/*letter-spacing:-1px;*/
font-family:Arial, Helvetica, sans-serif;
}
.fleche2{
display:block;
float:right;
}
.entreprise{
width:181px;
float:left;
background:url(images/px_etse.jpg) repeat-y;
margin-top:7px;
}
.embalage{
display:block;
float:left;
padding:10px 0 0 50px;
}
.boite{
display:block;
float:left;
padding:12px 0 0 40px;
}
.carton{
	display:block;
	float:left;
	padding:0 0 0 130px;
	margin-top:-75px;
	position: relative;
}
.ferrari{
display:block;
float:left;
padding:0px 0 0 30px;
}
.ferrari2{
display:block;
float:left;
padding:0px 0 0 0px;
}
.cinq_cent{
display:block;
float:left;
padding:0 0 0 140px;
margin-top:-30px;

}
/*****************************************************savoir********************************/
#contenu_savoir
{
 width:955px; 
 padding:5px 0 0 0;
 margin:0 auto;
 
}
#bloc_savoir
{
 float:left;
 width:764px;
 padding:0 0px 0 0;
}
.parapartenaire_savoir{
	color:#D4D600;
	padding:6px 62px 6px 0;
	font-weight:bold;
	font-size:14px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}
.fleche_savoir{
 position:absolute;
 bottom:-33px;
 left:263px;
}
.papier{
 position:absolute;
 bottom:-160px;
 left:740px;
}
.parasav{
 float:left;
 width:626px;
 background:url(images/px_bleu.jpg) repeat-y 262px 0;
 padding:0 0 5px 262px;
 color:#FFFFFF;
 position:relative;
}

.sparasav{
 font-size:14px;
 padding:10px 0 0 15px;
 display:block;
 width:150px;
 float:left;
 font-weight:bold;
}
.sparasav2{
	float:left;
	margin-top:5px;
	padding:8px 0 10px 13px;
	color:#176FA5;
	width:430px;
	font-family: Arial, Helvetica, sans-serif;
}
.blockpara{
width:195px;
float:left;
font-size:10px;
padding:38px 0 0 267px;
}

.parapuce{
	background:url(images/puce.gif) 0 5px no-repeat;
	padding:0 0 5px 10px;
	font-weight:bold;
	text-align:left;
	line-height:14px;
	font-size: 11px;
}

.block_pres{
	/*background:url(images/px_perso.gif) repeat-y 0 0;*/
	width:300px;
	float:left;
	padding:0 0 0 0;
	margin:38px 0 0 0;
	color:#FFFFFF;
	position:relative;

}
.perso
{
 position:absolute;
 top:-33px;
 left:-25px;

}
.txt_perso
{
	float:left;
	width:238px;
	background:url(images/bg_perso.gif) no-repeat 0 bottom;
	padding:41px 38px 12px 15px;
	height: 110px;
	font-size: 10px;
	font-weight: bold;
}
.txt_perso p
{
 position:relative;
}

.materiel{
float:left;
width:495px;
padding:0 0 0 260px;
text-align:justify;
font-size:11px;
}
.mat
{
 float:left;
 padding:5px 14px 0px 1px;
}
.parmat{
	color:#D4D600;
	padding:6px 0 6px 0;
	font-weight:bold;
	font-size:18px;
	font-family: Helvetica, Arial, sans-serif;
}
.puce_mat{
background:url(images/puce.gif) 165px 5px no-repeat;
padding:0 0 5px 175px;
line-height:14px;

}
.puce_mat2{
background:url(images/puce.gif) 0 5px no-repeat;
padding:0 0 5px 10px;
line-height:14px;
}
/***********************img****************************/
.savon
{
	float:left;
	margin: 40px 0 90px 0;
}
.bonbon
{
 float:left;
 padding:0px 0 3px 0;
}
.plv
{
 float:left;
 margin:220px 0 3px 0;
}
#parfins
{
 float:left;
 width:671px;
 padding:0 0 0 260px;
}
#parfins img
{
 float:left;
 padding:0 5px 5px 0;
}
#parfins .pdf
{
 float:right;
 padding:0 15px 10px 0;
}
#parfins .sac
{
 float:left;
 padding:0 5px 5px 100px;
}/**********************contact***********************************/
.paracoord{
float:right;
width:630px;
background:#C3E3F2;
padding:0;
color:#FFFFFF;
position:relative;
}

.sparacoord{
font-size:14px;
padding:10px 0 0 15px;
display:block;
width:148px;
float:left;
font-weight:bold;
}
.sparacoord2{
float:left;
margin-top:5px;
padding:0 0 10px 10px;
color:#FFFFFF;
width:430px;
font-weight:bold;
font-size:14px;
}

.sparacoord2 object{
	position:relative;
	top:6px;
}
                  
.block_plan{
background:url(images/bg_map.gif) 0 60px no-repeat;
width:376px;
float:right;
padding:118px 0 35px 20px ;
color:#FFFFFF;
position:relative;
}
.plan{
	position:absolute;
	top:20px;
	left: -29px;
}

/****************formulaire***************/
.formulaire{
		float:left;
		width:215px;
		color:#176FA5;
		font-size:11px;
		padding:70px 0 0 230px;
		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 5px 0; 
		width:235px;
		padding:0;
		float:left;
}
 
.formulaire span{
		float:left;
		clear:left;
		font-size:11px;
}
 
.formulaire .info{
		clear: both;
		text-align:right;
}

 
 
.formulaire em{
		color:#FF0000;
}

.formulaire .question{
		padding-top:10px;
}
 
.formulaire input{
		float:right;
		width:150px;
		height:15px;
		background-color:#C6E5F4;
		color:#176FA5;
		border:none;
}
.formulaire p.masgrea{
margin:0;

}
 
.formulaire textarea{
		float:right;
		height:83px;
		width:150px;
		background-color:#C6E5F4;
		overflow:hidden;
		color:#176FA5;
		border:none;
}
.formulaire .bout{
		width: 150px;
		height:28px;
		border:none;
		position:relative;
		top:-2px;
		left:-1px;
	
}

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

/***********************************Mention**********************************/
.contenuMention{
	float:left;
	width:722px;	
	padding:0 0 0 233px;	
	text-align:justify;
}
.contenuMention p{
	 padding:3px 50px 0px 0;	 
	 text-align:justify;	 
	 line-height:18px;		 	
}
.contenuMention .titre1
{
	padding-bottom:0px;
}
.contenuMention p.titrafrom{
font-size:20px;
color:#97BE0D;
font-weight:bold;
padding:0 0 10px 0;
width:200px;
}
.contenuMention p.titre{
color:#97BE0D;
font-weight:bold;
padding:3px 0 2px 0;
width:200px;
font-weight:bold;
}
/*********************************Footer************************************************/
#footer{	
	width:955px;	
	padding:0 0 50px 0;	
	text-align:center;
	background:url(images/bg_footer.jpg) no-repeat 0 0;
	clear:both;
	margin:0 auto;	
}

#footer .adr
{
	text-align:left;
	padding:0 0 20px 26px;
	margin-top:34px;
	font-size:11px;	
	float:left;		
}
#footer .studio
{
	padding:0 0 00;	
	display:block;
	font-weight:bold;		
}
#footer .mail_foot
{
	margin:-6px 0 0 0;
	display:block;
}
#footer object
{
	position:relative;
	top:6px;
}

#navigation{		
	color:#176FA5;
	padding:27px 0 17px 0;
	font-family:Arial, Helvetica, sans-serif;
}

#navigation li {
	display:inline;
	font-weight:bold
}

#navigation a{
	padding:0 3px 0 3px;
	font-size:11px;	
	color:#176FA5;	
}
#navigation a:hover,#navigation .active{
	color:#A2C309;
}

#footer #toptech {	
	text-align:center;
	padding:0px 0 0 0;
	margin:0;	
	float:none;

}
#toptech a{
	color:#333333;
	font-size:9px;
	outline:none;
	text-align:center;
	
}
#toptech a:hover{
	color:#A2C309;	
}
#footer #toptech img
{
	padding:0;
	margin:0;
	

}