/**********Definitions generales***********/
html {
font-size: 100%;
}

body {
margin: 0;
padding: 0;
text-align: center;
font-size: 1em;
color: white;
font-family: arial, sans-serif;
background:#0F0F0F url(images/body_bg.png) top center repeat-x;
}

div,ul,li,table,td,h1,h2,h3,h4,h5,p,span,form,img,input{
margin: 0;
padding: 0;
font-size: 1em;
}

a img{
border:0;
}

ul{
list-style:none;
}

a{
text-decoration:none;
}

.nettoyeur{
clear:both;
display:block;
}

p{
font-size:0.75em;
margin-top:10px;
margin-bottom:10px;
text-align:justify;
}

ul,li{
display:block;
}

li{
font-size:0.75em;
}

li ul li{
font-size:1em;
}

td{
font-size:0.75em;
padding:4px 4px 4px 4px;
}

td li, td p{
font-size:1em;
}

h1{
font-size:1.5em;
padding-left:40px;
font-weight:bold;
color:#171717;
background:transparent url(images/h2_puce.png) left center no-repeat;
}

h2{
font-size:1.125em;
padding-left:40px;
font-weight:bold;
color:#171717;
background:transparent url(images/h2_puce.png) left center no-repeat;
}

h3{
font-size:0.875em;
font-weight:bold;
color:#171717;
}

h4{
font-size:0.8125em;
font-weight:bold;
color:#171717;
}


/***********Fin définitions générales*************/

/************Page***********************/

.page{
width:942px;
margin-left:auto;
margin-right:auto;
}

/************Fin page***********************/

/************Menu***********************/
.logo{
display:block;
width:204px;
height:73px;
float:left;
margin-left:26px;
}


.menu{
width:924px;
margin-left:auto;
margin-right:auto;
}

.menu ul{
display:block;
margin:0;
padding:0;
margin-left:250px;
}

.menu li{
display:block;
margin:0;
padding:0;
background:none;
float:left;
height:43px;
padding-top:30px;
text-align:center;
font-size:0.8125em;
}

.menu li.menu_accueil,.menu li.menu_contact{
width:130px;
}

.menu li.menu_catalogue,.menu li.menu_stations{
width:200px;
}

.menu a{
color:white;
}

.menu a:hover{
color:#FFCD33;
}

.menu .menu_on{
background:transparent url(images/menu_on.png) top center no-repeat;
}

.menu_on a{
color:#FFCD33;
}

/***********Fin menu**************/

/***********Bandeau**************/
.bandeau{
width:924px;
height:171px;
margin-left:auto;
margin-right:auto;
background:#D9D8D8 url(images/bandeau_bg.png) top center no-repeat;
}

.bandeau a{
color:black;
}

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

.bandeau ul{
margin:0;
padding:0;
}

.bandeau li{
margin:0;
padding:0;
background:none;
}

.panier li,.mon_compte li{
font-size:0.8125em;
text-align:left;
display:block;
background:transparent url(images/bandeau_puce.gif) left center no-repeat;
padding-left:10px;
margin-left:4px;
margin-top:4px;
margin-bottom:4px;
}

.bandeau .mon_compte{
width:116px;
height:60px;
padding-top:33px;
display:block;
background:transparent url(images/compte_client.png) top center no-repeat;
float:right;
margin-top:15px;
margin-right:20px;
}

.bandeau .panier{
clear:both;
width:116px;
height:56px;
padding-top:20px;
display:block;
background:transparent url(images/panier.png) top center no-repeat;
float:right;
margin-right:20px;
}

/***********Fin bandeau**************/


/***********Recherche************/

.recherche{
width:942px;
height:150px;
overflow:visible;
background:#FEC62F url(images/recherche_bg.png) top center no-repeat;
margin-left:auto;
margin-right:auto;
text-align:left;
color:black;
}

.recherche form{
padding-left:30px;
padding-right:30px;
padding-top:10px;
display:block;
}

.recherche h3{
font-weight:bold;
text-transform:uppercase;
font-size:0.9375em;
padding-left:20px;
margin-bottom:10px;
background:transparent url(images/recherche_puce.gif) center left no-repeat;
}

.recherche ul{
display:block;
margin:0;
padding:0;
}

.recherche li{
display:block;
margin:0;
padding:0;
background:none;
}

.recherche .saison{
float:left;
width:190px;
padding-left:55px;
background:transparent url(images/saison_bg.gif) center left no-repeat;
}

.recherche .saison li{
margin-top:7px;
margin-bottom:7px;
}

span.radio_bg{
cursor:pointer;
background:transparent url(images/radio_bg.gif) 0px 4px no-repeat;
}

span.radio_on_bg{
background:transparent url(images/radio_on_bg.gif) 0px 4px no-repeat;
font-weight:bold;
}

.recherche .dimensions{
float:left;
width:252px;
}

.recherche .dimensions li{
margin-top:7px;
margin-bottom:7px;
padding-left:12px;
background:transparent url(images/recherche_puce2.gif) center left no-repeat;
}

.recherche select{
margin-left:8px;
border:1px solid #F37C04;
width:120px;
}

.recherche .charge{
float:left;
width:252px;
}

.recherche .charge li{
margin-top:7px;
margin-bottom:7px;
padding-left:12px;
background:transparent url(images/recherche_puce2.gif) center left no-repeat;
}

.recherche .submit{
float:right;
width:133px;
padding-top:10px;
}

.recherche .submit input{
width:133px;
padding-left:20px;
height:41px;
background:transparent url(images/recherche_bouton.png) top left no-repeat;
border:none;
font-size:0.6875em;
font-weight:bold;
cursor:pointer;
}

/**********Fin recherche********/


/*********Contenu**************/

.contenu{
width:924px;
margin-left:auto;
margin-right:auto;
background:#F4F4F4 url(images/contenu_bg.png) top center repeat-y;
color:black;
text-align:left;
padding-top:10px;
padding-bottom:1px;
}

/********Fin contenu************/

/*********Bloc************/

.hors_cadre{
margin-left:20px;
margin-right:20px;
margin-bottom:20px;
}

.bloc_gauche{
width:437px;
float:left;
margin-left:20px;
}

.bloc_droite{
width:437px;
float:right;
margin-right:20px;
}

.bloc{
margin-top:15px;
margin-bottom:15px;
}

.grand_bloc{
width:884px;
margin-right:20px;
margin-left:20px;
clear:both;
}

.petit_bloc{
width:219px;
margin-right:auto;
margin-left:auto;
}

.moyen_bloc{
width:437px;
margin-right:auto;
margin-left:auto;
}

.bloc_top{
height:12px;
line-height:12px;
font-size:12px;
background:transparent url(images/bloc_top.png) top center no-repeat;
}

.bloc_blanc .bloc_top{
background:transparent url(images/bloc_top_blanc.png) top center no-repeat;
}

.grand_bloc .bloc_top{
background:transparent url(images/grand_bloc_top.png) top center no-repeat;
}

.petit_bloc .bloc_top{
background:transparent url(images/petit_bloc_top.png) top center no-repeat;
}

.grand_bloc .bloc_blanc .bloc_top{
background:transparent url(images/grand_bloc_top_blanc.png) top center no-repeat;
}

.bloc_bottom{
background:transparent url(images/bloc_bottom.png) bottom center no-repeat;
padding-left:22px;
padding-right:22px;
padding-bottom:12px;
min-height:80px;
padding-top:1px;
}

.bloc_plat{
padding-left:22px;
padding-right:22px;
padding-bottom:12px;
min-height:80px;
padding-top:1px;
}

.bloc_blanc .bloc_bottom{
background:transparent url(images/bloc_bottom_blanc.png) bottom center no-repeat;
}

.grand_bloc .bloc_bottom{
background:transparent url(images/grand_bloc_bottom.png) bottom center no-repeat;
}

.petit_bloc .bloc_bottom{
background:transparent url(images/petit_bloc_bottom.png) bottom center no-repeat;
min-height:15px;
}

.grand_bloc .bloc_blanc .bloc_bottom{
background:transparent url(images/grand_bloc_bottom_blanc.png) bottom center no-repeat;
}

.bloc_titre_top{
height:4px;
line-height:4px;
font-size:4px;
background:transparent url(images/bloc_titre_top.png) top center no-repeat;
}

.bloc_titre_bottom{
background:transparent url(images/bloc_titre_bottom.png) bottom center no-repeat;
min-height:20px;
padding-left:22px;
padding-right:22px;
padding-bottom:0px;
}

/********Fin bloc*************/

/*********Pied**************/

.pied{
width:872px;
padding-left:26px;
padding-right:26px;
margin-left:auto;
margin-right:auto;
background:transparent url(images/pied_bg.png) top center no-repeat;
text-align:left;
padding-top:30px;
padding-bottom:30px;
}

.pied ul{
display:block;
margin:0;
padding:0;
}

.pied li{
display:block;
margin:0;
padding:0;
background:transparent url(images/pied_puce.gif) center left no-repeat;
/*text-transform:lowercase;*/
padding-left:10px;
margin-top:1px;
margin-bottom:2px;
}

.pied a{
color:white;
}

.pied a:hover{
color:#FFCD33;
}

.pied .site{
float:left;
width:288px;
}

.pied .pages{
float:left;
width:200px;
}

.banques{
width:329px;
float:right;
text-align:right;
font-size:0.75em;
}

.banques img{
margin:0;
width:329px;
height:30px;
margin-bottom:10px;
}

.banques a{
color:#646464;
}

/********Fin pied************/

/*************Zoom*************/
.contenu{
position:relative;
}

.masque{
background:#F4F4F4;
position:absolute;
width:924px;
top:0px;
left:0px;
z-index:90;
display:none;
}

.zoom{
display:none;
position:absolute;
top:50%;
left:50%;
margin-left:-422px;
width:844px;
z-index:99;
}

.zoom_top{
width:844px;
height:12px;
font-size:12px;
line-height:12px;
background:transparent url(images/zoom_top.png) top left no-repeat;
}

.zoom_content{
width:844px;
background:transparent url(images/zoom_pattern.png) top left repeat-y;
min-height:150px;
text-align:center;
}

.zoom_content .photo{
margin:10px 10px 10px 10px;
}

.zoom_bottom{
width:844px;
height:29px;
padding-top:2px;
background:transparent url(images/zoom_bottom.png) top left no-repeat;
text-align:center;
}

.zoom_bottom a.close_link{
font-size:0.75em;
color:#000000;
}

.zoom_bottom a.close_link:hover{
color:#E88F18;
}

.zoom_bottom a.close_link span.zoom_puce{
padding-left:20px;
background:transparent url(images/zoom_puce.png) center left no-repeat;
}

.zoom_bottom a.close_link:hover span.zoom_puce{
background:transparent url(images/zoom_puce_hover.png) center left no-repeat;
}

.loader{
width:66px;
height:66px;
position:absolute;
left:50%;
top:50%;
margin-left:-33px;
margin-top:-53px;
background:transparent url(images/ajax-loader-bif.gif) top left no-repeat;
}


/***************Fin Zoom*************/

/**************Formulaire************/
.formulaire{
display:block;
margin-top:8px;
margin-bottom:8px;
}

.formulaire li{
display:block;
width:48%;
margin-top:0px;
margin-bottom:10px;
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
padding-right:5px;
background:#ECECEC;
position:relative;
}

.formulaire .left{
float:left;
text-align:left;
}

.formulaire .centre{
clear:both;
text-align:left;
width:auto;
padding-top:10px;
padding-bottom:10px;
}

.formulaire .right{
float:right;
text-align:left;
}

.formulaire label{
display:block;
font-weight:bold;
padding-right:5px;
float:left;
width:80px;
padding-top:4px;
}

.formulaire a:hover{
color:black;
}

.formulaire .separation_bas{
margin-bottom:40px;
}

.formulaire .separation_haut{
margin-top:40px;
}

.formulaire input{
padding:3px 3px 3px 3px;
font-size:1.0625em;
vertical-align:middle;
border:1px solid #B3B3B3;
background:white url(images/input_bg.png) top left repeat-x;
}

.formulaire input.champs_erreur{
border:1px solid #E88F18;
background:#FFF4E6 url(images/input_erreur_bg.png) top left repeat-x;
}

.formulaire select.champs_erreur{
border:2px solid #E88F18;
}

.formulaire p.champs_erreur{
font-weight:bold;
font-size:0.9375em;
}

.formulaire textarea{
padding:3px 3px 3px 3px;
font-size:1em;
vertical-align:middle;
border:1px solid #B3B3B3;
background:white url(images/input_bg.png) top left repeat-x;
font-family: arial, sans-serif;
}

.formulaire p.retour{
font-size:0.75em;
text-align:center;
margin-left:25%;
margin-right:25%;
margin-top:30px;
margin-bottom:20px;
}

.formulaire p.retour span.erreur{
background:white url(images/attention.gif) 15px 5px no-repeat;
display:block;
padding-top:30px;
padding-bottom:30px;
padding-left:55px;
border:1px solid #E88F18;
}

.formulaire p.retour span.ok{
background:white url(images/ok.gif) 15px 5px no-repeat;
display:block;
padding-top:30px;
padding-bottom:30px;
padding-left:55px;
border:1px solid #E88F18;
}

.formulaire .legende{
display:block;
margin-left:84px;
padding-top:6px;
}

.formulaire .legende a{
color:black;
}

.formulaire span.obligatoire{
display:block;
position:absolute;
bottom:-16px;
left:6px;
background:white;
padding:3px 8px 3px 8px;
border:1px solid #E88F18;
z-index:99;
}

/*************Fin formulaire************/

/**************Bouton*************/
.boutons {
margin-top:15px;
margin-bottom:15px;
}

.boutons_proche{
margin-top:0px;
margin-bottom:30px;
}

.boutons li{
display:block;
width:100px;
height:36px;
font-size:1em;
margin-top:5px;
margin-bottom:5px;
padding:0;
}

.boutons li input{
background:none;
border:none;
padding:0;
margin:0;
font-size:0.6875em;
font-weight:bold;
height:36px;
background:transparent url(images/bouton_right_bg.png) center right no-repeat;
padding-right:10px;
height:36px;
cursor:pointer;
}

.boutons li a{
color:black;
display:block;
text-align:center;
background:none;
border:none;
cursor:pointer;
font-weight:bold;
background:transparent url(images/bouton_right_bg.png) center right no-repeat;
padding-top:10px;
height:26px;
font-size:0.6875em;
font-weight:bold;
padding-right:10px;
}

.boutons li a:hover{
color:black;
}

.boutons .bouton_droit{
float:right;
background:transparent url(images/bouton_right_puce.png) center left no-repeat;
padding-left:30px;
}

.boutons .bouton_centre{
margin-left:auto;
margin-right:auto;
background:transparent url(images/bouton_centre_puce.png) center left no-repeat;
padding-left:30px;
}

.boutons .bouton_gauche{
float:left;
background:transparent url(images/bouton_left_puce.png) center right no-repeat;
padding-right:30px;
}

.boutons li.bouton_gauche a,.boutons li.bouton_gauche input{
background:transparent url(images/bouton_left_bg.png) center left no-repeat;
padding-right:0px;
padding-left:10px;
}

.boutons_gris li input,.boutons_gris li a{
background:transparent url(images/bouton_gris_right_bg.png) center right no-repeat;
}

.boutons_petit li a,.boutons_petit li input{
padding-top:5px;
height:21px;
background:transparent url(images/bouton_petit_right_bg.png) center right no-repeat;
font-weight:normal;
}

.boutons_petit li input{
padding-top:0px;
height:26px;
}

.boutons_petit li{
height:26px;
}

.boutons_petit .bouton_droit{
background:transparent url(images/bouton_petit_right_puce.png) center left no-repeat;
padding-left:23px;
}

.boutons_petit .bouton_centre{
background:transparent url(images/bouton_petit_centre_puce.png) center left no-repeat;
padding-left:23px;
}

.boutons_petit .savoir_plus{
background:transparent url(images/bouton_petit_plus_puce.png) center left no-repeat;
padding-left:23px;
}

.boutons_petit .ajouter_panier{
background:transparent url(images/bouton_petit_ajouter_puce.png) center left no-repeat;
padding-left:23px;
}

.boutons_petit .supprimer_panier{
background:transparent url(images/bouton_petit_supprimer_puce.png) center left no-repeat;
padding-left:23px;
}

table td .boutons{
margin:0;
}

table td .boutons li a,table td .boutons li input{
font-size:0.875em;
font-weight:normal;
text-transform:lowercase;
}

table td .boutons li{
margin-top:8px;
margin-bottom:8px;
}

.boutons .boutons_petit_gris li{
background:none;
}

.boutons .boutons_petit_gris li a{
background:none;
}

/*************Fin bouton************/

/***********Tableau***********/

.tableau{
width:100%;
border-collapse:collapse;
border-spacing:0px;
margin-top:10px;
margin-bottom:10px;
}

.tableau .right{
text-align:right;
}

.tableau .center{
text-align:center;
}

.tableau td{
padding:12px 8px 12px 8px;
border-bottom:2px solid #DEDEDE;
}

.bloc_blanc .tableau td{
border-bottom:2px solid #F4F4F4;
}

.tableau .tableau_entete td{
background-color:#DEDEDE;
font-weight:bold;
padding:4px 4px 4px 4px;
}

.bloc_blanc .tableau .tableau_entete td{
background-color:#F4F4F4;
}

.tableau .titre_produit{
line-height:140%;
}

.tableau .titre_produit span{
text-transform:lowercase;
}

.tableau .supprimer{
width:88px;
}

.tableau .tableau_pied td{
background-color:#DEDEDE;
font-weight:bold;
padding:4px 4px 4px 4px;
}

.bloc_blanc .tableau .tableau_pied td{
background-color:#F4F4F4;
}

.resultat_panier .boutons{
margin-bottom:70px;
}

/**********Fin tableau**********/