body {
margin:0;
behavior: url(csshover.htc);
}

#page {
float:left;
padding-top:50px;
padding-left:25px;
padding-right:25px;
padding-bottom:20px;
background-color:#EBEBEB;
width:750px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:bold;
color:#666666;
}

.global {
width:800px;
margin-right:auto;
margin-left:auto;
margin-bottom:0;
margin-top:0;
border:5px solid #000066;
}

.header {
width:800px;
height:100px;
background-image:url(../image/header-an.jpg);
}

#petit-anglais {
height:20px;
width:30px;
padding-left:765px;
padding-top:5px;
}

.footer {
font-size:12px;
color:#FFFFFF;
width:800px;
/*height:50px;*/
background-color:#000066;
}

.tuyaux {
float:right;
}

.image_d {
float:right;
margin-left:10px;
margin-top:20px;
}

.image_g {
float:left;
margin-right:10px;
margin-top:20px;
}

.texte {
margin-top:20px;
text-align:justify;
}

/*-----------------------------------------------------------------------*/
/*--------------------------------LIENS----------------------------------*/
/*-----------------------------------------------------------------------*/

a:link {
	text-decoration: none;
	color:#0000FF;
}
a:visited {
	text-decoration: none;
	color:#0000FF;
}
a:hover {
	text-decoration: underline;
	color:#0000FF;
}
a:active {
	text-decoration: none;
	color:#0000FF;
}


/*-----------------------------------------------------------------------*/
/*----------------------------BOUTON FLECHE------------------------------*/
/*-----------------------------------------------------------------------*/

#bouton_fleche {
position:relative;
left: 2px;	
top: 0px;
width: 18px;
height: 20px;
background: url(../image/haut2.gif) top left no-repeat;
}
#bouton_fleche a {
display: block;
width: 100%;
height: 100%;
background: white url(../image/haut1.gif) top left no-repeat;
color: #000;
}
#bouton_fleche a:hover {
background: transparent none;
} 


/*-----------------------------------------------------------------------*/
/*-------------------------SCHEMA STATION SERVICE------------------------*/
/*-----------------------------------------------------------------------*/

/*#schema {
padding-left: -50px;
padding-right: -50px;
}*/
#image {
position:relative;
width : 744px;
height: 495px;
background: url(../images/station-service-camion2.png) top left no-repeat;
z-index:1;
}
#zone1 {
position:absolute;
width : 40px;
height: 30px;
left: 460px;
top: 305px;
border: 2px dotted red;
}
#zone2 {
position:absolute;
width : 50px;
height: 30px;
left: 350px;
top:310px;
border: 2px dotted red;
}
#zone3 {
position:absolute;
width : 50px;
height: 30px;
left: 285px;
top: 275px;
border: 2px dotted red;
}
#zone4 {
position:absolute;
width : 90px;
height: 30px;
left: 145px;
top: 205px;
border: 2px dotted red;
}
#zone5 {
position:absolute;
width : 45px;
height: 50px;
left: 35px;
top: 255px;
border: 2px dotted red;
}
#zone6 {
position:absolute;
width : 35px;
height: 50px;
left: 90px;
top: 285px;
border: 2px dotted red;
}
#zone7 {
position:absolute;
width : 22px;
height: 50px;
left: 135px;
top: 295px;
border: 2px dotted red;
}
#zone8 {
position:absolute;
width : 50px;
height: 17px;
left: 92px;
top: 240px;
border: 2px dotted red;
}
#zone9 {
position:absolute;
width : 280px;
height: 130px;
left: 360px;
top: 150px;
border: 2px dotted red;
}
#zone1:hover {
width : 304px;
height: 209px;
left: 450px;
top: 270px;
border: 3px solid black;
background: url(../image/station/coudes.jpg) top left no-repeat;
z-index: 100;
}
#zone2:hover {
width : 276px;
height: 193px;
left: 350px;
top: 250px;
border: 3px solid black;
background: url(../image/station/P-filling_line_to_tanks2.jpg) top left no-repeat;
z-index: 100;
}
#zone3:hover {
width : 253px;
height: 231px;
left: 180px;
top: 250px;
border: 3px solid black;
background: url(../image/station/P-b2.jpg) top left no-repeat;
z-index: 100;
}
#zone4:hover {
width : 150px;
height: 263px;
left: 100px;
top: 0px;
border: 3px solid black;
background: url(../image/station/trou-pompe.jpg) top left no-repeat;
z-index: 100;
}
#zone5:hover {
width : 290px;
height: 150px;
left: 10px;
top: 235px;
border: 3px solid black;
background: url(../image/station/trou-cuve.jpg) top left no-repeat;
z-index: 100;
}
#zone6:hover {
width : 200px;
height: 197px;
left: 80px;
top: 275px;
border: 3px solid black;
background: url(../image/station/fuelcom.jpg) top left no-repeat;
z-index: 100;
}
#zone7:hover {
width : 105px;
height: 300px;
left: 125px;
top: 285px;
border: 3px solid black;
background: url(../image/station/CLEANFILL4.JPG) top left no-repeat;
z-index: 100;
}
#zone8:hover {
width : 200px;
height: 147px;
left: 82px;
top: 230px;
border: 3px solid black;
background: url(../image/station/tampon.jpg) top left no-repeat;
z-index: 100;
}
#zone9:hover {
width : 290px;
height: 150px;
left: 350px;
top: 140px;
border: 3px solid black;
background: url(../image/station/) top left no-repeat;
z-index: 100;
}

/*-----------------------------------------------------------------------*/
/*------------------------------SCHEMA CAMION----------------------------*/
/*-----------------------------------------------------------------------*/

#image_c {
position:relative;
width : 745px;
height: 315px;
background: url(../images/camion.gif) top left no-repeat;
}
#zone1_c {
position:absolute;
width : 50px;
height: 30px;
left: 95px;
top: 20px;
border: 1px dotted red;
}
#zone2_c {
position:absolute;
width : 60px;
height: 50px;
left: 70px;
top: 170px;
border: 1px dotted red;
}
#zone3_c {
position:absolute;
width : 30px;
height: 180px;
left: 17px;
top: 45px;
border: 1px dotted red;
}
#zone4_c {
position:absolute;
width : 100px;
height: 50px;
left: 227px;
top: 220px;
border: 1px dotted red;
}
#zone5_c {
position:absolute;
width : 30px;
height: 180px;
left: 525px;
top: 45px;
border: 1px dotted red;
}
#zone6_c {
position:absolute;
width : 50px;
height: 30px;
left: 225px;
top: 20px;
border: 1px dotted red;
}
#zone1_c:hover {
width : 157px;
height: 300px;
left: 95px;
top: 20px;
border: 3px solid black;
background: url(../image/camion/sonde_pneumatique.jpg) top left no-repeat;
z-index: 100;
}
#zone2_c:hover {
width : 360px;
height: 233px;
left: 70px;
top: 170px;
border: 3px solid black;
background: url(../image/camion/PHOTO_CLAPETS_DE_FOND.jpg) top left no-repeat;
z-index: 100;
}
#zone3_c:hover {
width : 228px;
height: 239px;
left: 17px;
top: 45px;
border: 3px solid black;
background: url(../image/camion/PHOTO_N5FL.jpg) top left no-repeat;
z-index: 100;
}
#zone4_c:hover {
width : 360px;
height: 312px;
left: 227px;
top: 220px;
border: 3px solid black;
background: url(../image/camion/enrouleur_large.jpg) top left no-repeat;
z-index: 100;
}
#zone5_c:hover {
width : 360px;
height: 319px;
left: 525px;
top: 45px;
border: 3px solid black;
background: url(../image/camion/photo2.jpg) top left no-repeat;
z-index: 100;
}
#zone6_c:hover {
width : 300px;
height: 239px;
left: 225px;
top: 20px;
border: 3px solid black;
background: url(../image/camion/trape_camion.jpg) top left no-repeat;
z-index: 100;
}
/*-----------------------------------------------------------------------*/
/*---------------------------------MENU----------------------------------*/
/*-----------------------------------------------------------------------*/
div#nav a {
color:#0000CC;
font-family:Verdana, Arial, Helvetica, sans-serif;
z-index:500;
}
div#nav a:hover {
color:#0000CC;
font-family:Verdana, Arial, Helvetica, sans-serif;
z-index:500;
}
div#nav {
float:left;
margin:-1px 0 0 0;
background-color:#B9C4CF;/*--cccccc---*/
font-size:13px;
width:800px;
z-index:500;
}
div#nav ul {
margin:0;
padding:0;
background:white;
border:1px solid #aaa;
z-index:500;
}
div#nav li {
position:relative;
list-style:none;
margin:0;
float:left;
/*width:8em;*/
border-bottom:1px solid #ccc;
z-index:500;
}
div#nav ul ul {
position:absolute;
width:8em;
display:none;
}
div#nav li.submenu {
/*background-image:url(image/fleche1.gif);
background-position:right;
background-repeat:no-repeat;*/
}
div#nav li a {
display:block;
/*padding:0.25em 0 0.25em 0.5em;*/
padding:2px 20px 2px 10px;
text-decoration:none;
/*width:8em;*/
}
div#nav>ul a {
width:auto;
}
div#nav li:hover {
background:#6699CC;
}
div#nav li.submenu:hover {
background-color:#6699CC;
}
div#nav ul.level1 li.submenu:hover ul.level2 {
display:block;
}
/*div#nav ul.level2 li.submenu:hover ul.level3 {
display:block;
width:50px;
}*/
div#nav ul.level1 li.submenu:hover ul.level2 li.a1 {
width:8em;
/*padding:2px 2px 2px 2px;*/
}
div#nav ul.level1 li.submenu:hover ul.level2 li.a2 {
width:8em;
/*padding:2px 2px 2px 2px;*/
}
div#nav ul.level1 li.submenu:hover ul.level2 li.a3 {
width:8em;
/*padding:2px 2px 2px 2px;*/
}
div#nav ul.level1 li.submenu:hover ul.level2 li.a4 {
width:8em;
/*padding:2px 2px 2px 2px;*/
}
div#nav ul.level1 li.submenu:hover ul.level2 li.a5 {
width:8em;
/*padding:2px 2px 2px 2px;*/
}
div#nav ul.level1 li.submenu:hover ul.level2 li.a6 {
width:8em;
/*padding:2px 2px 2px 2px;*/
}
div#nav ul.level1 li.submenu:hover ul.level2 li.a7 {
width:8em;
/*padding:2px 2px 2px 2px;*/
}
/*-
/*-----------------------------------------------------------------------*/
/*-----------------------------FIN MENU----------------------------------*/
/*-----------------------------------------------------------------------*/


/*-----------------------------------------------------------------------*/
/*----------------------------formulaire mail----------------------------*/
/*-----------------------------------------------------------------------*/
.mail_bloc {
width:550px;
height:420px;
margin-left:150px;
}
.mail_cellule_gauche {
width:200px;
height:22px;
float:left;
}
.mail_cellule_droite {
width:350px;
height:22px;
float:left;
}
.mail_cellule_droite input { 
height:16px;
font-size:11px;
}
.mail_bloc input { 
height:16px;
font-size:11px;
}
.champs_obligatoire {
margin-left:205px;
color:#FF0000;
}

/*span {
color:#FF0000;
}*/
.submit {
margin-left:350px;
}

.materiel {
text-align:justify;

}
.photo {
float:left;
padding-right:40px;
padding-bottom:20px;
}
.titre_article {
display:block;
	font-size: 24px;
	color: #000066;
	width:700px;
	border:solid 4px #0099FF;
	padding-left:30px;
	font-weight:normal;
}
h1 {
font-size: 24px;
color: #000066;
font-weight:400;
text-transform:uppercase;
}

.titre {
float:left;
color: #000066;
font-size:1em;
}

.date {
float:right;
color: #000066;
font-size:1em;
}


.liens {
text-align:center;
font-size:0.8em;
}
.liens a:link {
	text-decoration: none;
	color:#0066FF;
}
.liens a:visited {
	text-decoration: none;
	color:#0066FF;
}
.liens a:hover {
	text-decoration: none;
	color:#0066FF;
}
.liens a:active {
	text-decoration: none;
	color:#0066FF;
}


.titre2 {
float:left;
color: #000066;
font-size:1.2em;
}
.cltfour {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#333333;
}

h3.fichier {
font-size:1.2em;
color:#000099;
text-decoration:underline;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.description{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
color:#000000;
font-weight:normal;
}


/*-------------certificats--------------------------------*/
.zone_certif {
float:left;
width:212px;
margin:0 15px 40px 15px;
}
.certif {
float:left;
width:212px;
height:212px;
background-color:#FFFFFF;
border:1px solid #999;
}
.certif img.img_certif {
float:left;
border:1px solid #666;
}
.descript {
float:left;
width:212px;
text-align:center;
height:30px;
}
/*-------------fin certificats--------------------------------*/
/*-------------image hallingplast--------------------------------*/
.halling {
float:left;
width:242px;
margin:0 3px 30px 3px;
}
.img_halling {
float:left;
width:240px;
height:240px;
border:1px solid #999;
}
#espace {
float:left;
width:750px;
height:2px;
}
#texte_halling {
float:left;
width:750px;
}
/*-------------fin image hallingplast--------------------------------*/