html{

}
body {margin: 0; padding: 0;
	position:relative; 
	width:760px;
		height:100%;
	margin-left:auto;
	margin-right:auto;  
	margin-top:0px;
	font-family:Arial, Verdana ;
	font-size:80%;
	text-align:justify;
	background: url(images/fonds.jpg);
}

.ensavoirplus{
	float:right;
	padding:5px;
	width:200px;
	background:#EEE;
	margin:5px;
	margin-right:0px;	
	border:solid 1px #D85;
	padding-left:35px;
	font-weight:bold;
	font-style:italic;
	cursor:pointer;
}
h1{
	margin-top:14px;
	font-size:160%;
}
#editorial,#breves,#interview,#produit,#ficheproduit,#produits,#transportique{
	position:relative;
	width:708px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	padding:10px;
	padding-top:5px;
	background:#E7E2CA;

	color:navy;
}
.stabilo{
	background:#FFF;
	padding-left:5px;
	padding-right:5px;
}
#editorial .motto{
	margin-top:10px;
	color:#0000FF;
	border:1px solid #0000FF;
	background:#DDD;
	padding:5px;
	width:490px;
	margin-right:5px;
	float:right;
}
#editorial li{
	margin-top:4px;
}
#produits .alerte, #ficheproduit .alerte {
	float:right;
	background:#AAFFFF;
	width:146px;
	margin:5px;
	padding:10px;
	border:solid 2px #888;
	border-left:solid 2px #DDD;border-top:solid 2px #DDD;
}
#produits img,#ficheproduit img{	
	border:solid 2px #888;
	border-left:solid 2px #DDD;border-top:solid 2px #DDD;
}

#produits .alerte img, #ficheproduit .alerte img{
	border:none;
}
#ficheproduit h1,#ficheproduit h2, #produits h1,#produits h2{
	background:white;
	font-style:italic;
	color:navy;
}
#produits h1,#produits h2{
	padding:3px;
}
#ficheproduit h1{
	font-size:120%;
}
#ficheproduit h2{
	font-size:120%;
}
#produits h1{
	font-size:140%;
}
#produits h2{
	font-size:110%;
}
#interview{
	padding:0px;
	width:731px;
	padding-left:2px;

}
#interview .colonne{
	float:left;
	width:176px;
	padding:3px;
	padding-right:3px;
}
#interview h1{
	font-size:100%;
}
#interview .renseignement{
	padding:2px;
	background:green;
	color:white;
	padding-top:2px;
	border: solid 1px #FFF;
}
#interview .renseignement p{
	margin:5px;
}
#interview .renseignement h1{
	text-align:center;
	border: solid  #FFF;
	border-width: 1px 0px 1px 0px ;
}
#transportique{	
	height:960px;
}
#transportique #colonneGauche,#transportique #colonneDroite{
	position:absolute;
	left:0px;
	width:407px;
	background:#DDD;
	padding:5px;
}

#transportique #colonneDroite{ 
	width:298px;
	left:423px;
}
#transportique h1{	
	text-align:center;
	color:red;
	border:solid 1px red;
	background:#EEE;
	width:100%;
}
#transportique h2{	
	font-size:120%;
	color:navy;
}
#transportique h3{
	font-size:100%;
	color:navy;	
	font-style:italic;
}
#breves{	
	height:1075px;
}
#breves #colonneGauche,#breves #colonneDroite{
	position:absolute;
	left:0px;
	width:205px;
	height:990px;
	background:#DDD;
	padding:2px;
}
#breves #colonneDroite{
	left:519px;
}
#breves #publicite{
	position:absolute;
	left:215px;
	top:55px;
	width:300px;
	height:1000px;

}

#brevesTS h1{	
	text-align:center;
	color:navy;
	border:solid 1px navy;
	background:#EEE;
	width:98%;
	margin-left:1%;
}
#brevesTS h2 {

    border-width: 1px;
	font-size: 100% ;
	border-style: solid;
	border-color:#243289;
    padding: 0px ;
    padding-top: 2px ;
    margin:0px;
    padding-bottom:5px;

    margin-bottom:5px;
	color:navy;
	font-style:normal;
	text-align:center;
	background-color:#4c77ba;
	}
	
#brevesTS .dateS {
	border-left:0px solid white; border-right:0px solid white; border-top:1px dotted white; border-bottom:px solid white; 
	font-size: 90% ;
	text-align:left;
	font-weight:normal;
	color:#DDDDDD;
	margin-top:2px;
	padding-left:3px;
	padding-top:3px;
	font-style:italic
}	
#brevesTS .date {
	font-size: 90% ;
	text-align:center;
	float:right;
	font-weight:normal;
	color:#DDDDDD;
	margin-right:3px;
	font-style:italic;
}
#brevesTS .breve{
    border-width: 1px ;
	font-size: 100% ;
	border-style: solid;
	border-color:navy;
	padding:5px;
	width:580px;
	margin-top:3px;
	margin-left:1px;
	margin-bottom:0px;
	background-color:#a0afc6;
	color:navy;
}




.publicite{
	width:728px;
	height:90px;
}
#bandeauPublicite1{
	width:728px;
	height:90px;
	margin-top:0px;
	margin-left:16px;
}
.publicite300x250{
	width:300px;
	height:250px;

	}
.publicite300x110{
	width:300px;
	height:110px;

	}
.skyscraper{
	width:120px;
	height:600px;
}
.wideskyscraper{
	width:160px;
	height:600px;
}
#encartPub300x250{
	width:300px;
	height:250px;
	margin:10px;
	margin-right:0px;
	float:right;
}
#basdepage{
	width:728px;
	height:110px;
	margin-top:4px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	background:#EEE;
	}
#bandeauMenu{
	width:645px;
	height:90px;
	margin-top:4px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	border: 0px solid navy;
	background:white;
	padding-left:83px;
	background:#C5C5C5 url(images/centraloCamion.jpg) no-repeat;
}
#bandeauMenu .bloc{
	margin-left:1px;
	background:#C5C5C5;
	width:160px;
	height:90px;
	float:left;
	padding:0px;
	font-size:80%;
}
#bandeauMenu .bloc h2{
	font-size:110%;
	padding:0px;
	margin:0px;
}
#bandeauMenu .bloc a{
	color:navy;
	text-decoration:none;
	padding-left:6px;
	font-style:italic;
}
#bandeauMenu .bloc a:visited{
	color:navy;
	text-decoration:none;
}
#bandeauMenu .bloc h2 a{
	font-style:normal;
	padding-left:0px;
	color:black;		
}
#bandeauMenu .bloc h2 a:visited{
	color:black;
}


.baseline{
	font-size:110%;
	font-style:italic;
	margin-bottom:5px;
}
p{
	margin-top:10px;
}

#commanderceproduit{
	float:right;

}