body{
margin:0;
padding:0;
background:url(../images/fond.gif) center 20px no-repeat;
font-family:arial;
}

#page{
margin:0 auto;
padding:0;
margin-top:20px;
width:800px;
height:800px;
position:relative;
display:table;
}

#barreMenu{
height:50px;
width:483px;
margin:0 auto;
padding:0;
padding-left:3px;
margin-top:100px;
}

#boutonMenu{float:left; background:url(../images/boutonMenu.jpg) no-repeat; display:block; margin:0; padding:0; width:160px; height:50px; text-decoration:none; text-align:center; font-weight:bold; color:#312a52; font-size:13pt; z-index:2}
#boutonMenu:link{}
#boutonMenu:visited{}
#boutonMenu:active{}
#boutonMenu:hover{background-position:-160px 0; color:#ffffff}

.sousMenu a{width:154px; margin:0; display:block; padding:0; text-decoration:none; padding:2px; font-weight:bold; color:#000; font-size:9pt; background-color:#FFFFFF; border:1px solid #6e6e6e; border-top:0px}
.sousMenu a:link{}
.sousMenu a:visited{}
.sousMenu a:active{}
.sousMenu a:hover{color:#be0000}


#newsLogo{
position:absolute;
margin-top:70px;
margin-left:20px;
/*display:none*/
}

#newsLogo{background-image:url(../images/newsletter.gif); width:100px; height:69px}
#newsLogo:hover{background-position:-100px}

#bg_contenu{
float:left;
background:url(../images/corps.gif) no-repeat;
display:block;
height:600px;
width:800px;
}

#actu{
height:32px;
width:799px;
margin:0 auto;
padding:0;
}

.lienActu{font-size:9pt; font-weight:bold; color: #012f59; text-decoration:none}
.lienActu:link { }
.lienActu:visited { }
.lienActu:active { }
.lienActu:hover {text-decoration:underline}

.cheminPage{
margin-top:12px;
margin-left:20px;
}

.cheminPage a{font-size:10pt; color: #012f59; text-decoration:underline;}
.cheminPage a:link{}
.cheminPage a:visited{}
.cheminPage a:active{}
.cheminPage a:hover{color: #000000;}

#contenu{
margin:8px 11px 0px 25px;
display:block;
height:475px;
width:753px;
padding-right:10px;
overflow:auto;
/*
scrollbar-face-color:#102c67;
scrollbar-track-color:#f4e700;
scrollbar-arrow-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-highlight-color:#102c67;
scrollbar-darkshadow-color:#102c67;
scrollbar-3dlight-color:#FFFFFF;
*/


scrollbar-track-color:#102c67;
scrollbar-face-color:#f4e700;
scrollbar-highlight-color:#f4e700;
scrollbar-darkshadow-color:#f4e700;
scrollbar-arrow-color:#102c67;
scrollbar-shadow-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;


/*border:1px solid blue;*/
/*display:none*/
}

#foot{
float:left;
width:1024px;
height:40px;
display:none;
}
	
TABLE.savoirPlus{
	width:200px;
	cursor:pointer;
	position:absolute;
	left:-10px;
	top:149px;
	z-index:1;
	}
	
.savoirPlus TD{
	background:url(../images/savoirplus_fond.gif);
	}

.savoirPlus TH{
	height:24px;
	background:url(../images/savoirplus_haut.gif);
	}

TD.savoirPlus_bas{
	height:10px;
	background:url(../images/savoirplus_bas.gif);
	}

.savoirPlus a:link		{ text-decoration: none; display:block; padding:2px 3px; text-align:center; font-size:8pt; font-weight:bold; margin:0; width:194px; color: #d83438; border-bottom:solid 1px #FFFFFF; }
.savoirPlus a:visited	{ text-decoration: none; display:block; padding:2px 3px; text-align:center; font-size:8pt; font-weight:bold; margin:0; width:194px; color: #d83438; border-bottom:solid 1px #FFFFFF; }
.savoirPlus a:active	{ text-decoration: none; display:block; padding:2px 3px; text-align:center; font-size:8pt; font-weight:bold; margin:0; width:194px; color: #d83438; border-bottom:solid 1px #FFFFFF; }
.savoirPlus a:hover		{ text-decoration: none; display:block; padding:2px 3px; text-align:center; font-size:8pt; font-weight:bold; margin:0; width:194px; color: #FFFFFF; background-color:#d83438; background-position: 145px 0; border-bottom:solid 1px #445500; }

.link:link		{ font-size:8pt; font-weight:bold; color: #d83438; }
.link:visited	{ font-size:8pt; font-weight:bold; color: #d83438; }
.link:active	{ font-size:8pt; font-weight:bold; color: #d83438; }
.link:hover		{ font-size:8pt; font-weight:bold; color: #d83438; text-decoration:none }

.link2:link		{ font-size:8pt; font-weight:bold; color: #fff301; }
.link2:visited	{ font-size:8pt; font-weight:bold; color: #fff301; }
.link2:active	{ font-size:8pt; font-weight:bold; color: #fff301; }
.link2:hover	{ font-size:8pt; font-weight:bold; color: #fff301; text-decoration:none }

#menuCamion a:link		{ font-size:8pt; font-weight:bold; color: #ffffff;  }
#menuCamion a:visited	{ font-size:8pt; font-weight:bold; color: #ffffff;  }
#menuCamion a:active	{ font-size:8pt; font-weight:bold; color: #ffffff; }
#menuCamion a:hover		{ font-size:8pt; font-weight:bold; color: #ffffff; text-decoration:none }

.nomChamp, .nomChamp2{
width:100px;
float:left;
color:#FFFFFF;
line-height:30px;
/*border:1px solid green;*/
}
.nomChamp2{width:170px;}

.champ, .champ2{
width:200px;
float:left;
line-height:30px;
/*border:1px solid yellow;*/
}
.champ2{width:250px;}
.champ INPUT{width:160px}
.champ2 INPUT{width:220px}

#infoClient TD{border:1px solid #ffffff; color: #CCCCCC; padding:2px 4px; text-align:left}


.ficheCatalogue{
border:1px solid #c00000;
width:340px;
padding-left:10px;
background-color:#fff301;
float:left;
margin-right:10px;
margin-bottom:10px;
min-height:200px;

}

.black {
	position			: fixed;
	width				: 100%;
	height				: 100%;
	z-index				: 8;
	top					: 0px;
	bottom				: 0px;
	left				: 0px;
	background-color	: black;
	opacity				: 0.60;
	filter				: alpha(opacity=60);
}

/* ///////////////  Pages de Contenu /////////////////// */

#contenu P,LI{
	font-size:10pt;
	margin:5px 20px 5px 13px;
	}


#contenu UL{
	margin:5px 0;
	list-style-image:url(../images/puce_mini.gif);
	}
#contenu OL{
	margin:5px 0;
	}


#contenu H1{ /* Titre */
	margin:10px 0;
	color:#2c5275;
	border-bottom:1px solid #2c5275;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	}

#contenu H2{ /* Sous Titre */
	margin:10px 0;
	color:#2c5275;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	}
	
#contenu H3{ /* Sous Titre2 */
	margin:10px 0;
	color:#2c5275;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	text-decoration:underline;
	}

#contenu H6{ /* Signature */
	margin:10px 30px 10px 300px;
	font-weight:bold;
	color : #2c5275;
	font-size:10pt;
	}

#contenu TABLE{
	margin:10px 0;
	font-size:10pt;
	}
		
#contenu BLOCKQUOTE{
	margin:0 0 0 10px;
	}

#contenu TD,TH,DIV,INPUT{
	font-size:10pt;
	}

#contenu TH{
	color:#FFFFFF;
	background-color:#9acd32;
}

#contenu div.commentaire{
	background-color:#FFF;
	border:solid 1px #000;
	margin:15px 20px 10px 10px;
	padding:5px;
	font-style:italic;
	}