/* CSS Document */
body {
background:#DEDEDE url(gfx/fond.gif) repeat-x;
margin:0;
padding:0;
color:#3c3c3c;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
SCROLLBAR-FACE-COLOR: #E7E7E7; 
SCROLLBAR-HIGHLIGHT-COLOR: #F1E0DA; 
SCROLLBAR-SHADOW-COLOR: #F1E0DA; 
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; 
SCROLLBAR-ARROW-COLOR:  #7F7F7F; 
SCROLLBAR-TRACK-COLOR: #E7E7E7; 
SCROLLBAR-DARKSHADOW-COLOR: #E8E8E8;
}
/* Encadre toute la page */
* {margin:0;
padding:0;}
#main { 
width:909px;
position:relative;
margin:auto;
text-align:left;}

/* Animation flash du menu */
div.menu {
background:#FFF url(gfx/entete/lagarde_flash.gif) no-repeat;
width:909px;
height:101px;}

/* Fond blanc corps de page */
#wrapper {
background:#FFF url(gfx/lagarde.gif) repeat-y;
width:828px;
position:relative;
float:left;
text-align:left;
padding:4px 0px 4px 8px;
margin:0 0 0 35px;
_margin:0 0 0 18px;
border-bottom:2px #C1C1C1 solid;}

/* Bandeau flash */
.bandeau {
position:relative;
display:block;
float:left;
width:819px;
margin:0 0 4px 0;}

.bandeau span{
display:none;}

/* Bloc gauche */
.blocL {
position:relative;
display:block;
float:left;
width:580px;
}

/* Bloc texte inter */
.blocTxt {
position:relative;
display:block;
float:left;
width:585px;
margin:0 0 0 10px;}

#fgris{
background:#DEDEDE;
float:left;
width:560px;
margin:5px 0 0 0;padding:9px 9px 30px 9px;}
#contenu{position:relative;
background:#FFF;
float:left;
width:534px;
margin:5px 0 0 0;
padding:0 12px 12px 12px;}
#contenu p{text-align:justify; font-size:11px;
margin:4px 0 8px 0;}
#contenu a {
	text-decoration:underline;
	color:#E50200;
	}
#contenu a:hover {
	text-decoration:none;
	color:#3C3C3C;}
#contenu ul {
	margin:0;
	padding:0;
	list-style:none;
	}
#contenu ul li {
	background:url(gfx/puce_liens.gif) no-repeat 0 6px;
	padding:2px 0 2px 12px;
	}
/* Bloc droite */
.blocR {
position:relative;
display:block;
float:right;
text-align:left;
width:238px;
}

/* Titre */

.tt_home, .tt_entreprise, .tt_station, .tt_fuel, .tt_consulter, .tt_contacter_nous, .tt_date_cles, .tt_engagement, .tt_les_hommes, .tt_localiser_station, .tt_lubrifiant, .tt_negoce, .tt_postuler,  .tt_qui, .tt_rejoindre, .tt_reseau_commercial,  .tt_stockage, .tt_services, .tt_camion, .tt_lubrifiants, .tt_stockages {
	display:block;
	float:left;
	width:497px;
	height:70px;
	margin:0;padding:0 0 0 80px;
	}
	.tt_home {background:#FFF  url(gfx/pompe_essence.gif) no-repeat;width:100%;}
	.tt_entreprise{background:#FFF  url(gfx/entete/lagarde_entreprise.gif) no-repeat;   padding-top:6px;height:64px;}
	.tt_station {background:#FFF  url(gfx/entete/lagarde_stations.gif) no-repeat;}
	.tt_fuel {background:#FFF  url(gfx/entete/lagarde_fuel.gif) no-repeat;}
	.tt_camion {background:#FFF  url(gfx/entete/lagarde_fuel_1.gif) no-repeat;}
	.tt_consulter {background:#FFF  url(gfx/entete/lagarde_consulter.gif) no-repeat; padding-top:6px;height:64px;}
	.tt_contacter_nous {background:#FFF  url(gfx/entete/lagarde_contacter_nous.gif) no-repeat;}
	.tt_date_cles {background:#FFF  url(gfx/entete/lagarde_date_cles.gif) no-repeat; padding-top:6px;height:64px;}
	.tt_engagement {background:#FFF  url(gfx/entete/lagarde_engagement.gif) no-repeat; padding-top:6px;height:64px;}
	.tt_les_hommes {background:#FFF  url(gfx/entete/lagarde_les_hommes.gif) no-repeat; padding-top:6px;height:64px;	}
	.tt_localiser_station {background:#FFF  url(gfx/entete/lagarde_localiser_station.gif) no-repeat;padding-top:6px;height:64px;}
	.tt_lubrifiant {background:#FFF  url(gfx/entete/lagarde_lubrifiant.gif) no-repeat;}
	.tt_lubrifiants {background:#FFF  url(gfx/entete/lagarde_lubrifiant_1.gif) no-repeat;}
	.tt_negoce {background:#FFF  url(gfx/entete/lagarde_negoce.gif) no-repeat;}
	.tt_services {background:#FFF  url(gfx/entete/lagarde_negoce_1.gif) no-repeat;}
	.tt_postuler {background:#FFF  url(gfx/entete/lagarde_postuler.gif) no-repeat;  padding-top:6px;height:64px;}
	.tt_qui {background:#FFF  url(gfx/entete/lagarde_qui.gif) no-repeat; padding-top:6px;height:64px;}
	.tt_rejoindre {	background:#FFF  url(gfx/entete/lagarde_rejoindre.gif) no-repeat;	}
	.tt_reseau_commercial{background:#FFF  url(gfx/entete/lagarde_reseau_commercial.gif) no-repeat; padding-top:6px;height:64px;}
	.tt_station {background:#FFF  url(gfx/entete/lagarde_station.gif) no-repeat;}
	.tt_stockage {background:#FFF  url(gfx/entete/lagarde_stockage.gif) no-repeat;}
	.tt_stockages {background:#FFF  url(gfx/entete/lagarde_stockage_1.gif) no-repeat;}

ul#smenu {position:absolute;
	left:69px;
	top:50px;
	width:496px;
	background: url(gfx/fond/fond.gif) repeat-x;
	list-style:none;
	z-index:100;
	height:14px;
	padding:0 0 0 12px;
	border-bottom:2px solid #fff;
	}
ul#smenu li {float:left;
	text-transform:uppercase;
	padding:1px 10px 1px 10px;
	color:#fff;
	font-size:9px;
	background:url(gfx/fond/puce.gif) no-repeat 1px 5px;
	font-weight:bold;
	}
.sep {background: url(gfx/fond/sep.gif) no-repeat right;
	padding:0 12px 0 0;
	height:14px;
	}
ul#smenu li a	{color:#D7D7D7;
	text-decoration:none;
	}
ul#smenu li a:hover	{color:#fff;}
ul#smenu li a b {color:#fff;}

p {margin:5px 0;}

h1, h2 	{margin:1px 0 0 0;
	height:24px;
	}
h1 span, h2 span, h3 span, h4 span {display:none}

h1.station {background:#FFF  url(gfx/titres/lagarde.gif) no-repeat;height:46px;}
h1.entreprise {background:#FFF  url(gfx/titres/entreprise.gif) no-repeat;}
h1.services {background:#FFF  url(gfx/titres/services.gif) no-repeat;}
h1.localisez {background:#FFF  url(gfx/titres/localisez_stations.gif) no-repeat;}
h1.reseau {background:#FFF  url(gfx/titres/reseau.gif) no-repeat;}
h1.rejoindre {background:#FFF  url(gfx/titres/rejoindre.gif) no-repeat;}


h2.qui {background:#FFF  url(gfx/titres/entreprise_qui.gif) no-repeat;}
h2.historique {background:#FFF  url(gfx/titres/entreprise_historique.gif) no-repeat;}
h2.hommes {background:#FFF  url(gfx/titres/entreprise_hommes.gif) no-repeat;}
h2.qualite {background:#FFF  url(gfx/titres/entreprise_qualite.gif) no-repeat;}
h2.fuel_detail {background:#FFF  url(gfx/titres/services_fuel_detail.gif) no-repeat;}
h2.station_services {background:#FFF  url(gfx/titres/services_station_service.gif) no-repeat;}
h2.negoce {background:#FFF  url(gfx/titres/services_negoces.gif) no-repeat; margin:-2px 0 0 0;}
h2.services_particulier {background:#FFF  url(gfx/titres/services_particulier.gif) no-repeat;}
h2.services_pro {background:#FFF  url(gfx/titres/services_pro.gif) no-repeat;}

h2.lubrifiant {background:#FFF  url(gfx/titres/services_lubrifiant.gif) no-repeat;}
h2.fuel {background:#FFF  url(gfx/titres/services_fuel.gif) no-repeat;}
h2.stockage {background:#FFF  url(gfx/titres/services_stockage.gif) no-repeat;}
h2.commercial {background:#FFF  url(gfx/titres/commercial.gif) no-repeat;}
h2.station {background:#FFF  url(gfx/titres/station.gif) no-repeat;}
h2.consulter {background:#FFF  url(gfx/titres/rejoindre_consulter_offres.gif) no-repeat;}
h2.recrutements {background:#FFF   url(gfx/rejoindre.gif) no-repeat; height:28px;}
h2.postulez {background:#FFF  url(gfx/titres/rejoinez-nous_postulez.gif) no-repeat;}
h2.actualites{background:#FFF  url(gfx/titres/actualites.gif) no-repeat; margin:5px 0 0 0;}

h4.notreReseau {
background:#FFF  url(gfx/titres/notre_reseau.gif) no-repeat;
width:264px;
height:18px;}
h4.contacts{
background: url(gfx/titres/contacts.gif) no-repeat;
width:136px;
height:13px;}
h4.lettre {
background: url(gfx/titres/lettre_engagement.gif) no-repeat;
width:180px;
height:13px;}
h3.negoceCarburant, h3.livraisonFuel, h3.fabricantLubrifiants, h3.serviceStockage {width:180px;
height:16px;}
h3.negoceCarburant {
background:#FFF  url(gfx/titres/negoce_carburant.gif) no-repeat;}
h3.livraisonFuel {
background:#FFF  url(gfx/titres/livraison_fuel.gif) no-repeat;}
h3.fabricantLubrifiants {
background:#FFF  url(gfx/titres/fabricant_lubrifiant.gif) no-repeat;}
h3.serviceStockage {
background:#FFF  url(gfx/titres/service_stockage.gif) no-repeat;}

/* Bloc Gris */
#bloColor {
background:#DEDEDE url(gfx/filets.gif) repeat-y;
position:relative;
display:block;
float:left;
width:810px;
margin:8px 0 4px 0;
padding:9px 0px 30px 9px;}

/* Bloc actu */
.bloc {
background:#FFF; 
position:relative;
display:block;
float:left;
width:178px;
margin:0px 11px 0px 0px;
padding:7px;}

.bloc1 {
background:#FFF; 
position:relative;
display:block;
float:left;
width:178px;
margin:0px;
padding:7px;}

.bloc p, .bloc1 p {
background:#FFF  url(gfx/puce_r.gif) no-repeat 1px 3px;
padding:0 0 8px 8px;
margin:5px 0 5px 0;
font-size:9px;
height:60px;}

ul{margin:0;
padding:0;}

ul.liste {
width:275px;
list-style:none;
float:left;
position:relative;
margin:5px 10px 5px 0px;
padding:0;}

ul.liste  li {
background:#FFF  url(gfx/puce.gif) no-repeat 1px 3px;
padding:0 0 0 10px;
margin:5px 0 7px 0;}
ul.liste  li h2 {margin:0 0 6px 0;}
ul.liste li a {
text-decoration:none;
color:#3c3c3c;
margin:2px 0;}

ul.liste li a:hover {
color:#1562AD;}

#reseau, #encart {
position:relative;
float:right;
width:269px;
background:#F4F4F4;
padding:5px 10px 5px 10px;
margin:5px 0 0 0;
border:2px #DFDFDF solid;
min-height:185px;
}
#encart {width:200px;
margin:5px 0 5px 20px;
padding:10px 10px 0 10px;
min-height:30px;
text-align:left;
}
#reseau p, #encart  p {font-size:9px;
background:transparent  url(gfx/filet_h.gif) repeat-x;
padding:10px 0 0 0;text-align:left;
}
#encart img {margin:5px 0 0 0;}
#encart  p {padding:5px 0;}
#encart  strong { color:#E50200;}
#encart a {font-size:9px;}
#encart .bouton {margin-top:0;}
#encart .bouton a {color:#3c3c3c; text-decoration:none;}
#snavi{
width:228px;
float:left;
padding:0;
margin:4px 0 0 0;}

#snavi ul {margin:0 0 5px 0;
padding:5px 10px 10px 10px;
width:208px;
background:#F4F4F4;
border:2px #DFDFDF solid;
list-style:none;
min-height:100px;}

#snavi ul li {
background:#F4F4F4 url(gfx/fliste.gif) repeat-x left bottom;
margin:0;padding:4px;}

#snavi ul li a {background:#F4F4F4 url(gfx/pucelist.gif) no-repeat 0px 4px;
margin:0;padding:0 0 0 12px;
text-decoration:none;
color:#777;
font-family:Arial, Helvetica, sans-serif;
font-size:11px}
#snavi ul li a.select {font-weight:bold;}
#snavi ul li a:hover {color:#316AAE;}

#snavi img {margin:0 0 0 2px;
padding:2px 0 0 0;
background:#fff;
}
.imgL{
float:left;
margin-right:5px;}

.imgR{
float:right;
margin-left:5px;}

.bouton {
background:#FFF  url(gfx/bouton.gif) no-repeat;
display:block;
float:left;
width:186px;
height:21px;
text-align:center;
color:#616161;
padding:5px 0 0 0;
margin:8px 0 0 0;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;}

.bouton a {text-decoration:none;color:#616161;}
.bouton a:hover {color:#E50200;}

.red {color:#E50200;}
.cap {text-transform: uppercase;}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#4A9FD5;
text-transform: uppercase;
}
h3  {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#424242;
text-transform: uppercase;
}
h3 b {
font-size:16px;
color:#E50200;
}
.filet{
background:transparent url(gfx/separation.gif) no-repeat;
padding-top:10px;
}
#footer{
background:#FFF url(gfx/logo.gif) no-repeat right  5px; 
position:relative;
display:block;
float:left;
width:817px;
height:80px;
margin:10px 0 4px 2px;
padding:0;
font-size:11px;
}
a.mail {
font-size:12px;
color:#E50200;
text-decoration:none;
margin:8px 0 0 0;padding:0;
}
#footer a:hover {color:#3c3c3c;
}
#footer ul {
list-style:none;
margin:10px  5px 10px 0;
background:#EEEEEE ;
padding:2px;
}
#footer ul li{display:inline;
background:#EEEEEE url(gfx/puce_liens.gif) no-repeat 0px  4px;
margin:0 6px;
padding: 0 0 0 6px;}
#footer ul li a{
text-decoration:none;
color:#777;
letter-spacing: 1px;
}


.titre {
	background:#FFF url(gfx/files.gif) repeat-x left bottom;
	margin:0 0 10px 0;
	padding:16px 4px 4px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #E50200;
}
.sstitre {
	background:#FFF url(gfx/puce_rouge.gif) no-repeat 0px 3px;
	margin:5px 0 0 0;
	padding:0 0 0 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;color: #E50200;
}
.imgL{float:left;margin:0 15px 0 0;}
.imgR{float:right;margin:0 0 0 15px;}

.redirect {
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	text-decoration:none;
}

#formulaire {margin:0;
padding:0;}
#formulaire label {
	background:url(gfx/pucesl.gif) no-repeat 0 3px;
	padding:0 0 0 8px;
	display:block;
	float:left;
	width:140px;}
#formulaire input, #formulaire select {
	border:1px solid #BABABA;
	font-size:9px;
	color:#444444;
	width:250px;}
#formulaire p{clear:both;
	margin:0 0 5px 0;}

.submit {display:block;
	background: url(gfx/envoyer.gif) no-repeat;
	width:72px;
	height:31px;
	margin:0 0 0 150px;
	}
#formulaire input.submit {
border:none;
width:72px;
}
#formulaire input.submit:hover {
cursor:pointer;
}
.submit span, .postuler span {display:none;}

.postuler {display:block;
	background:  url(gfx/postuler.gif) no-repeat;
	width:84px;
	height:34px;
	margin:0 0 0 150px;
	}

#eco {
background:url(gfx/pied.gif) no-repeat;
width:285px;
height:20px;
margin:15px 0 5px 300px;
float:left;
}
#eco span {display:none;}