@charset "utf-8";
/* CSS Document */

/* RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  margin:0; padding:0; border:0; } 
body { font-family:Arial, Helvetica, sans-serif; color:#000; background-color:#fff; }
table { border-collapse:collapse; border-spacing:0; } 
fieldset,img { border:0; } 
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } 
ol,ul { list-style:none; } 
caption,th { text-align:left; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 
q:before,q:after { content:''; } 
abbr,acronym { border:0; }

/* FIN RESET */

a { text-decoration:none; color:#707070 }
a:hover { text-decoration:underline;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}

.b { font-weight:bold; }
.bleu{color:#36627c}
.rouge { color:#ed1c24 }
a.rouge { color:#ed1c24; font-weight:bold; text-decoration:underline; }
.rouge2 { color:#bf2447 }
.page_texte a.rouge2 { color:#bf2447; font-weight:bold; text-decoration:underline; }
.rouge3 { color:#ff4a45 }
.page_texte a.rouge3 { color:#ff4a45; font-weight:bold; text-decoration:underline; }
.vert { color:#2c9124 }
.page_texte a.vert { color:#2c9124; font-weight:bold; text-decoration:underline; }
.rose{color:#e53691;}
.gris{color:#707070;}

#conteneur{
	width:965px;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
h1 {
	margin-bottom:10px;
}
#navigationH{
padding-left:15.5px;
padding-right:13px;
width:945px;
float:left;
}
#niveau1{
padding-top:0px;
position:relative;
width:945px;
height:20px;
}
#niveau1 ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
float:left;
position:relative;
}
#niveau1 ul li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
float:left;
}
div.fondNiveau2{
background:transparent url(../images/fondNiveau2.jpg) repeat-x scroll 0 0;
height:19px;
float:left;
}

#niveau1 ul div{
z-index:2;
float:left;
}
#niveau1 ul li img{
float:left;
}
div.fondNiveau2 a{
font-size:13px;
color:#36627c;
text-decoration:none;
margin-left:15px;
margin-right:15px;
float:left;
}
div.fondNiveau2 a:hover{
color:#090903;
}
#principal{
top:115px;
margin:0;
padding-top:0px;
position:absolute;
z-index:2;
width:965px;
left:13px;
}
#pied2page{
width:965px;
/*float:left;*/
text-align:center;
font-size:11px;
color:#666;
padding-top:10px;
padding-bottom:10px;
}

a.niveau1{
	background:transparent url(../images/niveau1.jpg) no-repeat scroll 0 0;
	float:left;
	height:22px;	
}
a.niveau1 span{
display:none;
}
a.groupe{
width:134px;
}
a.groupe:hover{
background-position:0 -22px;
}
a.produits{
width:269px;
background-position:0 -44px;
}
a.produits:hover{
background-position:0 -66px;
}
a.avia{
width:77px;
background-position:0 -88px;
}
a.avia:hover{
background-position:0 -110px;
}
a.solutions{
width:198px;
background-position:0 -132px;
}
a.solutions:hover{
background-position:0 -154px;
}
a.valeurs{
width:139px;
background-position:0 -176px;
}
a.valeurs:hover{
background-position:0 -198px;
}
a.contacts{
width:121px;
background-position:0 -220px;
}
a.contacts:hover{
background-position:0 -242px;
}

/* ACCUEIL */
.colonne_accueil0 {
	float:left;
	width:229px;
	height:297px;
	margin:0px 7px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
}

.colonne_accueil {
	float:left;
	width:229px;
	height:297px;
	margin:7px 7px 0 0;
	font-family:Geneva,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:12px;
}
p.info {
	color:#ed1c24;
	text-align:right;
}
a.info  {
	color:#ed1c24;
}
#picolin {
	float:left;
	width:205px;
	height:135px;
	background:url('../images/picolin_bulle.jpg') no-repeat;
}
#texte_picolin {
	width:105px;
	height:46px;
	padding:4px 15px 10px 10px;
	position:relative;
	top:71px;
	left:80px;
	overflow:hidden;
	text-align:center;
}
#bloc_blog {
	float:left;
	width:229px;
	height:169px;
	background:url('../images/bloc_blog_bas.png');
	position:relative;	
}
p.texte { color:#919292; }
#bloc_blog p.texte {
	float:right;
	width:110px;
	padding:40px 8px 0 80px;
}
#bloc_blog p.info {
	float:right;
	padding:6px 12px 0 120px;
}
#bloc_actu {
	float:left;
	width:198px;
	height:153px;
	background:url('../images/bloc_actu.png') no-repeat;
	padding:45px 15px 15px 15px;
}
#bloc_actu_grand {
	float:left;
	width:208px;
	height:257px;
	background:url('../images/bloc_actu_grand.png');
	padding:40px 10px 0px 10px;
}
#bloc_actu p.texte {
	padding:8px 0 1px;
}
#bloc_actu_grand p.texte {
	padding:8px 0 1px;
}
#bloc_rss {
	float:left;
	width:143px;
	height:56px;
	background:url('../images/bloc_rss.png') no-repeat;
	margin-top:4px;
	padding:25px 0 0 86px;
	line-height:13px;
}
#bloc_rss a { 
	color:#36627c;
	font-size:10px;
	text-decoration:underline;
}
#bloc_produitsetc {
	float:left;
	width:229px;
	height:297px;
	background:url('../images/bloc_produitsetc.png') no-repeat;
	line-height:13px;
}
#bloc_produitsetc p.texte {
	padding:137px 7px 0px 7px;
	margin:0;
	font-size:8pt;
	letter-spacing:0px;
	word-spacing:-1px;
}
#bloc_produitsetc p.info {
	padding-right:12px;
}
#liste1 {
	float:left;
	width:125px;
	padding:19px 0 0 1px;
	
}
#liste2 {
	float:left;
	width:103px;
	padding-top:19px;
}
#liste1 li, #liste2 li {
	line-height:15px;
	height:15px;
	padding:0 0 4px 27px;
	font-size:11px;
	letter-spacing:0px;
	color:#36627c;
}
#bloc_avenir {
	float:left;
	width:229px;
	height:297px;
	background:url('../images/bloc_avenir.jpg') no-repeat;
}
#bloc_avenir p.texte {
	padding:190px 15px 0;
}
#bloc_avenir p.info {
	padding-right:25px;
}

/* FIN ACCUEIL */

/* PAGES */

#conteneur_principal {
	float:left;
	position:relative;
	left:11px;
	width:944px;
	background:#ffffff url('../images/fondPage.jpg') repeat-y;
	padding:0;
	margin:0;
	padding-bottom:21px;
}

#haut_conteneur_principal {
	float:left;
	position:relative;
	left:14px;
}

#bas_conteneur_principal {
	float:left;
	position:relative;
	left:11px;
	width:944px;
	height:17px;
	background: #ffffff url('../images/bas_fondPage.jpg') no-repeat;
}

#niveau2 {
	float:left;
	width:140px;
	background:url('../images/fond_niveau2.jpg') repeat-y;
	position:relative;
	top:25px;
	left:9px;
	color:#36627c;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
#niveau2 a {
	color:#36627c;
}
#niveau2 a:hover {
color:#000000;	
}
#haut_niveau2 {
	background:url('../images/haut_niveau2.jpg') no-repeat;
	width: 131px;
	height: 10px;
	z-index:1;
}
#bas_niveau2 {
	background:#ffffff url('../images/bas_niveau2.jpg') no-repeat;
	width: 131px;
	height: 20px;
}
.menu0{
padding-left:10px;
}
.menu1{
padding-left:5px;
}
.menu1 ul{
float:left;
}
.menu2{
padding-left:5px;
}
.menu2 ul{
float:left;
}

#niveau2 ul {
	font-size:13px;
}
#niveau2 li {
	line-height:20px;	
}
#niveau2 li a{
	line-height:20px;
}

#niveau2 li a:hover{
text-decoration:none;
}
#niveau2 li.on0 a{
	color:#010101;
}
#niveau2 li.on0bis a{
	color:#010101;
}

#niveau2 li.on1 a{
	color:#010101;
}
#niveau2 li.on2 a{
	color:#010101;
}

.contenu_principal {
	float:right;
	width:791px;
	position:relative;
	top:21px;
	right:0px;
}
#contenu_page {
	float:left;
	position:relative;
	font-family:Arial, Palatino, serif;
	font-size:11px;
	padding-left:10px;
	text-align:left;
}

.titre_page {
	font-family:Geneva,Arial,Helvetica,sans-serif;
	font-size: 22px;
	text-transform:capitalize;
}
a.titre_page.rouge { color:#ed1c24; font-weight:normal; text-decoration:none; }
a.titre_page.rouge:hover { text-decoration:underline; }
#centre {
	width: 465px;	
}
#colone_droite {
	padding-left:10px;
	margin-left:30px;
	float:left;
	position:relative;
	width:235px;
	font-size:11px;
}
.tete_niveau2{
width:135px;
float:left;
text-align:center;
font-weight:bold;
color: #000;
text-transform:uppercase;
}



/* NOUVELLES ENERGIES */
#nouvelles_energies {
	float:left;
	background:url('../images/nouvelles_energies/nouvelles_energies.jpg') no-repeat left;
	width:791px;
	height:59px;
}
#ligne_verte {
	float:left;
	background: url('../images/ligne_verte.jpg') repeat-y left;
	width:761px;
	padding-left:15px;
	padding-top:5px;
	color: #707070;
	
}
.picoline_right {
	float:left;
	position: absolute;
	left: 350px;
}
.picoline_right_bis {
	float:left;
	position: absolute;
	left: 380px;
	top: 120px;
	z-index:2;
}

.haut_fond_vert {
	float:left;
	position:relative;
	background:url('../images/nouvelles_energies/haut_fond_vert.jpg') no-repeat;
	width:462px;
	height:14px;
}
.fond_vert {
	float:left;
	position:relative;
	background:url('../images/nouvelles_energies/fond_vert.jpg') repeat-y;
	width:462px;
}
.bas_fond_vert {
	float:left;
	position:relative;
	background:url('../images/nouvelles_energies/bas_fond_vert.jpg') no-repeat;
	width:462px;
	height:13px;
}
.bloc_avenir {
	background:url('../images/bloc_avenir.jpg') no-repeat;
	height:120px;
	width:221px;
	padding-left: 8px;
	padding-top: 190px;
	font-size:11px;
	margin-bottom:0px;
}
.bloc_reseauavia{
	background:url('../images/DISTRIBUTION/reseau_avia.jpg') no-repeat;
	height:52px;
	width:226px;
	padding-left:50px;
	padding-top: 140px;
	font-size:11px;
	margin-bottom:0px;
}
.pagination{
width:100%;
text-align:right;
}
.pagination_on{
color:black;
cursor:pointer;
}
.pagination_off{
font-weight:bold;
cursor:pointer;
}


.bloc_renseignement {
	background:url('../images/nouvelles_energies/bloc_renseignement.jpg') no-repeat;
	height:248px;
	width:227px;
	font-size:11px;
	padding-left:8px;
	padding-top:35px;
}

/* LUBRIFIANTS */
#banniere_lubrifiants {
	float:left;
	background:url('../images/LUBRIFIANT/lubrifiants.jpg') no-repeat left;
	width:791px;
	height:260px;	
}
#banniere_carburants {
	float:left;
	background:url('../images/LUBRIFIANT/carburants.jpg') no-repeat left;
	width:791px;
	height:260px;	
}
#banniere_combustibles {
	float:left;
	background:url('../images/LUBRIFIANT/combustibles.jpg') no-repeat left;
	width:791px;
	height:284px;	
}
#ligne_orange {
	float:left;
	background: url('../images/ligne_orange.jpg') repeat-y left;
	width:746px;
	padding-left:15px;
	padding-top:5px;
	padding-right:7px;
	color: #707070;	
}
#ligne_rouge2 {
	float:left;
	background: url('../images/ligne_rouge2.jpg') repeat-y left;
	width:746px;
	padding-left:15px;
	padding-top:5px;
	padding-right:7px;
	color: #707070;	
}
.page_texte {
	width:760px;
	padding-top:10px;
}
.page_texte a{
color:#707070;
}

.bouton_recherche {
	position:relative;
	float:left;
	top: 200px;
	left: 500px;
}
.zone_recherche {
	background:url('../images/LUBRIFIANT/fond_rechercheLubrifiant.jpg') no-repeat;
	position:relative;
	float:left;
	height:99px;
	width:294px;
	top: 190px;
	left: 420px;
	font-size:10px;
	padding-top:32px;
	padding-left:15px;
	z-index:1;
}
.liste_lubri {
	position:relative;
	width:350px;
}

/* DISTRIBUTION */
#banniere_importationstockage {
	float:left;
	background:url('../images/METIERS/importationstockage.jpg') no-repeat left;
	width:791px;
	height:57px;	
}
#banniere_distribution {
	float:left;
	background:url('../images/DISTRIBUTION/distribution.jpg') no-repeat left;
	width:791px;
	height:57px;
	
}
#ligne_rose {
	float:left;
	background: url('../images/ligne_rose.jpg') repeat-y left;
	width:761px;
	padding-left:15px;
	padding-top:5px;
	padding-right:15px;
	color: #707070;
	
}

.reseau_distribution {
	background:url('../images/DISTRIBUTION/reseau_distribution.jpg') no-repeat;
	height:250px;
	width:229px;
	padding-left: 8px;
	padding-top: 250px;
	font-size:11px;
}

/* SOLUTION D'AVENIR */
#banniere_solutions {
	float:left;
	background:url('../images/SOLUTION_AVENIR/solution_avenir.jpg') no-repeat left;
	width:790px;
	height:57px;
}
.text_centre {
	width:330px;
	padding-top:40px;
	padding-left:20px;
	float:left;
}
/* VALEURS */
#banniere_voile {
	float:left;
	background:url('../images/VALEURS/voile.jpg') no-repeat left;
	width:790px;
	height:62px;	
}
#banniere_mecenat {
	float:left;
	background:url('../images/VALEURS/mecenat.jpg') no-repeat left;
	width:790px;
	height:62px;	
}

/* ANNEXES */


/* galerie */


.pikachoose{width:480px; }

/* This is the ul you have all your images in */

.pikachoose ul{padding-left:0;width:480px;height:480px;overflow:hidden;}

.pikachoose ul li{display:inline;float:left;background:#777;margin:1px;position:relative;overflow:hidden;}

.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */

.pika_main{width:480px;height:480px;display:block;position:relative;}

/*sine we give it the fake border, you need to position the image a little. */

.pika_main_img{position:absolute;top:0;left:0;}

.pika_back_img{position:relative;top:0px;}

.pika_subdiv{position:relative;}

.pika_subdiv img, .pika_subdiv a img{border:none;}

.pika_caption{}

.pika_caption a{color:white;}



.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}

.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('play.png') top center no-repeat;}

.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('pause.png') top center no-repeat;}



.pika_navigation a{font-size: 12px; text-decoration: none;}

.pika_navigation a:hover{text-decoration: underline;}

.pika_navigation{padding-top:10px;clear:both;text-align:center;}



/* if you want to 'hide' these jus make their height and width 1px */

.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('rewind.png') top left no-repeat;}

.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('fastf.png') top right no-repeat;}



/* fin galerie */

#banniere_rugby {
	float:left;
	background:url('../images/VALEURS/rugby.jpg') no-repeat left;
	width:790px;
	height:62px;	
}
#banniere_cyclisme {
	float:left;
	background:url('../images/VALEURS/cyclisme.jpg') no-repeat left;
	width:790px;
	height:60px;	
}
#banniere_services {
	float:left;
	background:url('../images/SERVICES/services.jpg') no-repeat left;
	width:790px;
	height:60px;	
}
/* CONTACT */
#banniere_plandusite {
	float:left;
	background:url('../images/CONTACT/plandusite.jpg') no-repeat left;
	width:790px;
	height:60px;
}
#banniere_coordonnees {
	float:left;
	background:url('../images/CONTACT/coordonnees.jpg') no-repeat left;
	width:790px;
	height:62px;	
}
#banniere_mentions {
	float:left;
	background:url('../images/CONTACT/mentions-legales.jpg') no-repeat left;
	width:790px;
	height:62px;	
}
/* GROUPE */
#banniere_historique {
	float:left;
	background:url('../images/GROUPE/historique.jpg') no-repeat left;
	width:790px;
	height:62px;
	
}
#banniere_filiales {
	float:left;
	background:url('../images/GROUPE/filiales.jpg') no-repeat left;
	width:790px;
	height:60px;
	
}
#banniere_chiffres {
	float:left;
	background:url('../images/GROUPE/chiffre_cles.jpg') no-repeat left;
	width:790px;
	height:62px;	
}
#banniere_international {
	float:left;
	background:url('../images/GROUPE/international.jpg') no-repeat left;
	width:790px;
	height:62px;	
}
#banniere_diversification {
	float:left;
	background:url('../images/GROUPE/diversification.jpg') no-repeat left;
	width:790px;
	height:62px;	
}

#ligne_rouge {
	float:left;
	background: url('../images/ligne_rouge.jpg') repeat-y left;
	width:761px;
	padding-left:15px;
	padding-top:5px;
	padding-right:15px;
	color: #707070;	
}
#ligne_bleu {
	float:left;
	background: url('../images/ligne_bleu.jpg') repeat-y left;
	width:761px;
	padding-left:15px;
	padding-top:5px;
	padding-right:15px;
	color: #707070;	
}
.histo_centre {
	width:350px;
	padding-top:0px;
	font-size:12px;
	font-weight:800;
}

.chiffre_centre {
	width:500px;
}

/* AVIA */
#banniere_actualite {
	float:left;
	background:url('../images/AVIA/actualites.jpg') no-repeat left;
	width:790px;
	height:60px;
	
}
#banniere_stations {
	float:left;
	background:url('../images/AVIA/stations.jpg') no-repeat left;
	width:790px;
	height:60px;
	
}
#banniere_aviacarte {
	float:left;
	background:url('../images/AVIA/aviacarte.jpg') no-repeat left;
	width:790px;
	height:60px;
	
}
#banniere_fidelavia {
	float:left;
	background:url('../images/AVIA/fidelavia.jpg') no-repeat left;
	width:790px;
	height:60px;
	
}
#banniere_groupeavia {
	float:left;
	background:url('../images/AVIA/avia_groupe.jpg') no-repeat left;
	width:790px;
	height:159px;
	
}


.haut_fond_rouge {
	
	background:#FFF url('../images/AVIA/haut_fond_rouge.jpg') no-repeat bottom;
	width:457px;
	height:11px;
	margin-top:5px;	
}
.fond_rouge {
	
	background:url('../images/AVIA/fond_rouge.jpg') repeat-y;
	width:457px;
}
.bas_fond_rouge {
	
	background:url('../images/AVIA/bas_fond_rouge.jpg') no-repeat;
	width:457px;
	height:12px;
}

.carte_station {
	position:relative;
	top:40px;
	background:url('../images/AVIA/fond_carte.jpg') no-repeat;
	height:298px;
	width:218px;
	padding-left:15px;
	padding-top: 50px;
	font-size:11px;
}
#EmplacementDeMaCarte span{
display:none;
}

.fond_aviacarte {
	background:url(../images/AVIA/fond_liste_aviacarte.jpg) no-repeat;
	width:235px;
	height:135px;
	vertical-align:top;
}
.text_tab_aviacarte {
	width:195px;
	position:relative;
	top:20px;
	padding-left:20px;
	
}
.titre_tab_aviacarte {
	position:relative;
	left:30%;
	top:2px;
	color:#FFF;
	font-weight:lighter;
	text-transform:uppercase;
}
.foot_carte {
	margin-left:120px;
	top:5px;
	width:490px;
}
a.imag{
position: relative;
z-index: 1;
}
a.imag:hover{
cursor: help;
z-index: 2;
}
a.imag span{
display: none;
}
a.imag:hover span{
display:block;
position:absolute;
z-index: 3;
top: -105px;
left: -50px;
}

#picoline_operatrice{
	background:url('../images/DISTRIBUTION/picoline_operatrice.jpg');
	width:233px;
	height:203px;
	font-size:12px;
	font-weight:900;
}
#picoline_operatrice div{
	padding-left:120px;
	padding-top:58px;



}
.terms-of-use-link{
display:none;
}