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

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

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;
}

a:hover{
text-decoration:underline;
}

a:focus{
outline:0;
} 

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

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

p a{
color:#f7622d;
font-weight:bold;
}

ul,li{
display:block;
}

li{
font-size:0.75em;
}

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

table{
border-collapse : collapse; 
}

td,th{
font-size:0.75em;
padding:4px 4px 4px 4px;
font-weight:normal;
}

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

h2{
color:#bd1d32;
font-size:1.125em;
font-weight:bold;
margin-bottom:20px;
}

h3{
color:#4d3d43;
font-size:1em;
font-weight:bold;
margin-top:20px;
}

h4{

}

input{
border:none;
}

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

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

.page{
width:1018px;
margin-left:auto;
margin-right:auto;
position:relative;
border:1px solid transparent;
}

.page_bottom{
background:transparent url(images/page_bottom_bg.png) bottom center no-repeat;
position:static;
min-height:100px;
}

.droite{
text-align:left;
width:805px;
margin-left:200px;
}

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

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

.contenu{
width:100%;
background:transparent url(images/contenu_bg.png) top center no-repeat;
min-height:790px;
}

.contenu_bottom{
width:100%;
height:48px;
background:transparent url(images/contenu_bottom_bg.png) top center no-repeat;
}

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

/************Menu***********************/

.menu{
position:absolute;
top:-40px;
left:20px;
width:188px;
height:770px;
background:transparent url(images/corde_left_bg.png) top right no-repeat;
padding-top:20px;
z-index:5000;
}

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

.menu li{
display:block;
margin:0;
padding:0;
margin-left:auto;
margin-top:-5px;
font-size:1em;
}

.menu li span.bouton{
display:block;
}

.menu li img,.menu li a{
display:block;
}

.menu li a{
width:100%;
height:100%;
}

.menu .menu_accueil .bouton{
width:65px;
height:34px;
padding-top:8px;
padding-bottom:16px;
padding-left:10px;
padding-right:30px;
background:transparent url(images/menu_accueil.png) top left no-repeat;
margin-left:71px;
}

.menu .menu_ambiances .bouton{
width:98px;
height:32px;
padding-top:8px;
padding-bottom:16px;
padding-left:10px;
padding-right:30px;
background:transparent url(images/menu_ambiances.png) top left no-repeat;
margin-left:42px;
}

.menu .menu_ambiances ul{
margin-left:10px;
}

.menu .menu_rubrique_2 .bouton{
width:124px;
height:38px;
padding-top:8px;
padding-bottom:16px;
padding-left:10px;
padding-right:30px;
background:transparent url(images/menu_rubrique_2.png) top left no-repeat;
margin-left:17px;
}

.menu .menu_rubrique_2 ul{
margin-left:17px;
}

.menu .menu_rubrique_3 .bouton{
width:124px;
height:31px;
padding-top:8px;
padding-bottom:16px;
padding-left:10px;
padding-right:30px;
background:transparent url(images/menu_rubrique_3.png) top left no-repeat;
margin-left:19px;
}

.menu .menu_rubrique_3 ul{
margin-left:19px;
}

.menu .menu_rubrique_4 .bouton{
width:106px;
height:34px;
padding-top:8px;
padding-bottom:16px;
padding-left:10px;
padding-right:30px;
background:transparent url(images/menu_rubrique_4.png) top left no-repeat;
margin-left:46px;
}

.menu .menu_rubrique_4 ul{
margin-left:46px;
}

.menu .menu_rubrique_5 .bouton{
width:125px;
height:32px;
padding-top:8px;
padding-bottom:16px;
padding-left:10px;
padding-right:30px;
background:transparent url(images/menu_rubrique_5.png) top left no-repeat;
margin-left:22px;
}

.menu .menu_rubrique_5 ul{
margin-left:22px;
}

.menu .menu_promotions .bouton{
width:124px;
height:43px;
padding-top:8px;
padding-bottom:16px;
padding-left:10px;
padding-right:30px;
background:transparent url(images/menu_promotions.png) top left no-repeat;
margin-left:32px;
}

.menu .menu_promotions ul{
margin-left:32px;
}

.menu .menu_partenaires .bouton{
width:124px;
height:51px;
padding-top:8px;
padding-bottom:16px;
padding-left:10px;
padding-right:30px;
background:transparent url(images/menu_partenaires.png) top left no-repeat;
margin-left:34px;
margin-top:5px;
}

.menu .menu_partenaires ul{
margin-left:34px;
}

.menu .menu_banque .bouton{
width:124px;
height:35px;
padding-top:8px;
padding-bottom:16px;
padding-left:10px;
padding-right:30px;
background:transparent url(images/menu_banque.png) top left no-repeat;
position:absolute;
top:632px;
left:16px;
}

.menu .menu_banque ul{
margin-left:34px;
}

.menu ul li.menu_off .bouton{
background-position:bottom left;
}

.menu li ul{
text-align:left;
padding-bottom:10px;
display:none;
}

.menu li ul li{
font-weight:bold;
font-size:0.875em;
padding-top:4px;
padding-bottom:12px;
padding-left:25px;
margin-left:10px;
padding-right:30px;
background:transparent url(images/menu_puce.png) top left no-repeat;
}

.menu a{
color:black;
}

.menu li ul li a:hover{
text-decoration:underline;
}

.menu li ul li a{
display:inline;
}

.menu li.menu_on ul{
display:block;
}

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

/************Utiles***********************/

.utiles{
position:absolute;
top:665px;
left:5px;
width:188px;
padding-top:20px;
z-index:5000;
}

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

.utiles li{
margin:0;
padding:0;
text-align:left;
font-size:0.6875em;
margin-top:2px;
margin-bottom:2px;
width:135px;
}

.utiles a{
color:#4d3d43;
}

/************Fin utiles************/

/***********Bandeau**************/

.bandeau{
width:100%;
min-width:1020px;
height:240px;
background:transparent url(images/bandeau_bg.png) top center no-repeat;
text-align:right;
}

.bandeau .page{
position:relative;
z-index:5000;
}

.bandeau .accueil{
position:absolute;
width:225px;
height:190px;
top:24px;
left:27px;
display:block;
}

.bandeau .accueil img{
width:225px;
height:190px;
display:block;
}

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


/*******Mon compte***********/

.bandeau .mon_compte{
margin:0;
padding:0;
position:absolute;
width:200px;
height:150px;
top:25px;
left:820px;
}

.bandeau .mon_compte li{
font-size:0.9375em;
margin:0;
padding:0;
text-align:left;
margin-top:-5px;
}

.bandeau .mon_compte .identifiant{
background:transparent url(images/identifiant_bg.png) top center no-repeat;
width:136px;
height:43px;
padding-top:14px;
padding-left:15px;
margin-right:auto;
}

.bandeau .identifiant input{
width:100px;
}


.bandeau .mon_compte .mdp{
background:transparent url(images/mdp_bg.png) top center no-repeat;
width:112px;
height:41px;
padding-top:14px;
padding-left:15px;
margin-left:10px;
float:left;
}

.bandeau .mdp input{
width:80px;
margin-right:auto;
}

.bandeau .mon_compte .ok{
background:transparent url(images/ok_bg.png) top center no-repeat;
width:47px;
height:47px;
float:left;
padding-top:8px;
padding-left:8px;
margin-left:-10px;
}

.bandeau .ok input{
width:33px;
height:33px;
background:none;
}

.bandeau input{
background:#F8AE41;
text-align:left;
}

.bandeau .mon_compte_liens {
margin:0;
padding:0;
position:absolute;
width:150px;
height:150px;
top:65px;
left:665px;
}

.bandeau .mon_compte_liens li{
font-size:0.75em;
margin:0;
padding:0;
margin-top:8px;
}

.bandeau .mon_compte_liens img{
vertical-align:middle;
margin-right:4px;
}

.bandeau .mon_compte_liens a{
color:black;
}

.bandeau .mon_compte .mon_compte_nom{
padding-top:15px;
padding-bottom:10px;
font-size:0.875em;
text-align:right;
padding-right:80px;
}

.bandeau .mon_compte .mon_compte_action{
font-size:0.75em;
margin:0;
padding:0;
margin-top:5px;
padding-right:80px;
text-align:right;
}

.bandeau .mon_compte .mon_compte_action img{
vertical-align:middle;
margin-right:4px;
}

.bandeau .mon_compte .mon_compte_action a{
color:black;
}

/***********Fin Mon compte**************/

/********Panier**********/

.bandeau .panier{
margin:0;
padding:0;
position:absolute;
width:200px;
height:150px;
top:125px;
left:820px;
z-index:5000;
}

.bandeau .panier li{
background:transparent url(images/panier_bg.png) top center no-repeat;
display:block;
width:186px;
height:134px;
padding-top:4px;
padding-bottom:12px;
padding-right:14px;
}

.bandeau .panier li a{
width:71px;
height:50px;
display:block;
padding-top:50px;
padding-left:110px;
padding-right:5px;
text-align:center;
color:black;
}

/********Fin panier*************/

/*********Corde haut************/

.corde_haut{
background:transparent url(images/corde_haut_bg.png) top center no-repeat;
height:75px;
width:100%;
min-width:1020px;
margin-top:-34px;
}

/********Fin corde haut*************/

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

.pied{
padding-top:10px;
text-align:right;
font-size:0.6875em;
padding-right:20px;
}

.pied a{
color:#fffefe;
}

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


/**************Formulaire************/

select{
padding:4px 4px 4px 4px;
}

.formulaire{
display:block;
margin-top:8px;
margin-bottom:8px;
padding-left:60px;
padding-right:60px;
}

.formulaire_sans_marge{
padding-left:30px;
padding-right:30px;
}

.formulaire li{
display:block;
width:48%;
margin-top:0px;
margin-bottom:-14px;
padding-top:0px;
padding-bottom:0px;
padding-left:5px;
padding-right:5px;
position:relative;
font-size:0.8125em;
}

.formulaire .left{
float:left;
text-align:left;
clear: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:0px;
float:left;
width:100px;
text-transform:uppercase;
padding-top:18px;
font-size:1em;
word-wrap:normal;
}

.formulaire select{
margin-top:12px;
}

.formulaire a:hover{
color:black;
}

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

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

.formulaire span.champs_formulaire{
margin:0;
padding:14px 18px 20px 14px;
background:transparent url(images/input_bg1.png) top left no-repeat;
width:157px;
height:23px;
border:none;
display:block;
float:left;
}

.formulaire input{
margin:0;
font-size:1.2em;
vertical-align:middle;
background:transparent;
display:block;
width:157px;
height:23px;
}

.formulaire .long span.champs_formulaire{
background:transparent url(images/input_bg2.png) top left no-repeat;
width:342px;
}

.formulaire .long input{
width:342px;
}

.formulaire .court span.champs_formulaire{
background:transparent url(images/input_bg3.png) top left no-repeat;
width:68px;
}

.formulaire .court input{
width:68px;
}

.formulaire span.champs_formulaire_erreur{
background:transparent url(images/input_erreur_bg1.png) top left no-repeat;
}


.formulaire .long span.champs_formulaire_erreur{
background:transparent url(images/input_erreur_bg2.png) top left no-repeat;
}


.formulaire .court span.champs_formulaire_erreur{
background:transparent url(images/input_erreur_bg3.png) top left no-repeat;
}

.formulaire select.champs_erreur{
background:#F8BFBF;
border:2px solid #1b1b1f;
}

.formulaire p.champs_erreur{
font-weight:bold;
font-size:1.6em;
color:#DF5353;
}

.formulaire .submit input{
background:none;
width:126px;
height:54px;
margin-top:-10px;
margin-left:-65px;
}

.formulaire textarea{
margin:0;
margin-left:auto;
margin-right:auto;
width:534px;
height:98px;
padding:14px 18px 20px 14px;
font-size:1.2em;
vertical-align:middle;
background:transparent url(images/textarea_bg.png) top left no-repeat;
border:none;
display:block;
font-family: arial, sans-serif;
}

body p.retour{
text-align:left;
margin-top:30px;
margin-bottom:40px;
font-weight:bold;
font-size:1.4em;
line-height:1em;
width:450px;
margin-left:auto;
margin-right:auto;
}

body p.retour span.petit{
font-size:70%;
}

body p.retour span.erreur{
color:#DF5353;
display:block;
padding-left:75px;
min-height:61px;
background:transparent url(images/picto_erreur.png) top left no-repeat;
}

body p.retour span.ok{
color:#82AF15;
display:block;
padding-left:75px;
min-height:61px;
background:transparent url(images/picto_ok.png) top left no-repeat;
}

.formulaire .legende{
display:block;
position:absolute;
left:294px;
top:30px;
}

.formulaire .commentaires{
font-weight:bold;
display:block;
text-align:right;
text-transform:uppercase;
margin-top:20px;
margin-bottom:-30px;
clear:both;
}

.formulaire .legende a{
color:black;
}

.formulaire span.obligatoire{
display:block;
font-weight:bold;
font-size:90%;
color:#DF5353;
z-index:6000;
}

.formulaire input.hidden{
display:none;
}

input.radio{
margin-right:10px;
}

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


/********Picto**********/



/*******Fin picto********/