@import '/css/menu.css';
@import '/css/formulaire.css';
@import '/css/menu_javascript.css';
/*-------------------------------------
  ------------ structure --------------
  -------------------------------------
*/
html, body {
	height: 100%;
}
body {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	background-color:#000000;
}
#conteneur {
	min-height: 100%;
	width:100%;
	background:url(/charte/fond_body.jpg) repeat-x bottom #000;
	position:relative;/*pour positionner le footer*/
}
html>body #conteneur {
	height: auto;
}
#haut_conteneur {
	height: 100%;
	width:100%;
	background:url(/charte/rpt_haut.jpg) repeat-x;
}
html>body #haut_conteneur {
	height: auto;
}
* html #haut_conteneur{
text-align:center;
}
#page {
	margin: 0px auto;
	width: 955px;
	text-align:left;
	height: 100%;
	min-height:760px;
	/*background:url(/charte/bouteille_fond2.jpg) no-repeat left bottom;*/
}
html>body #page {
	height: auto;
	/*background:url(/charte/bouteille_fond2.jpg) no-repeat left bottom;*/
}
* html #page{
height:760px;
}
#dernier-element {
	margin-bottom: 0px;
	padding-bottom: 70px;
	visibility: hidden;
	width:100%;
	clear:both;
}
#footer{
bottom: 0px;
position: absolute;
padding:0px 10px;
height: 40px;
margin:0 auto;
color:#FFFFFF;
font-family:"Myriad Pro", Arial, sans-serif;
}
#header{
height:100px;
margin-top:0px;
}
#z_centrale{
width:100%;
clear:both;
float:left;
background:url(/charte/bouteille_fond.jpg) no-repeat left bottom;
}

.width100pc{
width:100%;
}
.invisible{
display:none;
}
img{
border:0;
}
/*-------------------------------------
  ------ mise en forme du texte --------
  -------------------------------------
*/
a, p, td, li{
font-size:12px;
color:#221E1F;
}
h1{
font-size:15px;
font-weight:bold;
color:#d40005;
padding-top:12px;
padding-bottom:3px;
}
h1.titre_commune{
font-size:15px;
font-weight:bold;
text-align:center;
border-bottom:none !important;
background:none !important;
}

h2{
font-size:13px;
font-weight:bold;
color:#d40005;
}
h3{
font-size:12px;
font-weight:bold;
color:#d40005;
}
h4{
font-size:12px;
color:#d40005;
}
#z_contenu li{
	list-style-position: outside;
	list-style-type:disc;
margin-left:15px;
}
a{
text-decoration:none;
color:#d40005;
}
a:hover{
text-decoration:underline;
}
.lien_yahoo, .lien_yahoo a{
font-size:11px;
color:#999999;
}
legend{
color:#666666;
font-size:13px;
font-weight:bold;
padding-right:5px;
}

.legende{
font-size:10px;
color:#333;
margin-top:2px;
}
.image_ombree{
width:auto;
}
.image_ombree img{
padding:5px;
background-color:#FFFFFF;
}
/*-------------------------------------
  --------- structure suite -----------
  -------------------------------------
*/
/*----- header -----*/
#logo{
width:auto;
float:left;
height:69px;
width:190px;
}
#barreH{
width:764px;
height:69px;
float:left;
}
#repere{
float:left;
height:69px;
width:1px;
}
#menuH{
float:left;
height:69px;
width:763px;
background:url(/charte/separateur.png) left top no-repeat;
}
#pictos_haut{
clear:both;
background:url(/charte/fond_pictos.jpg) no-repeat right top;
margin-right:10px;
height:18px;
color:#FFFFFF;
width:405px;
text-align:center;
margin-left:540px;
padding-bottom:10px;
}
#pictos_haut a{
color:#FFFFFF;
font-size:12px;
font-family:"Myriad Pro", Arial, sans-serif;
}
/*--------- haut_z_centrale ----------*/
.bloc_z_contenu{
float:left;
margin:10px;
}
#div_lien_yahoo{
float:left;
width:470px;
color:#999999;
}
#pictos{
float:right;
width:80px;
text-align:right;
}
#pictos img{
margin-left:5px;
}

/*----- footer -----*/
#footer a, #footer{
color:#FFFFFF;
font-size:13px;
text-decoration:none;
font-family:"Myriad Pro", Arial, sans-serif;
}
#footer a:hover{
text-decoration:underline;
}
.liens_bas{
float:left;
width:725px;
}
.made_with{
width:220px;
text-align:right;
float:right;
}
/*---------- #zone centrale----------*/
#colG{
float:left;
width:175px;
/*background:url(/charte/bouteille_fond.jpg) no-repeat left bottom;*/
padding-bottom:390px;
}
#z_contenu{
float:left;
width:590px;
margin:0 15px;
background-color:#FFFFFF;
}
#colD{
float:left;
width:160px;
clear:right;
}
#contenu_modifiable{
clear:both;
float:left;
width:560px;
min-height:530px;
}
* html #contenu_modifiable{
height:530px;
}
/*---------- colG ----------*/
#titre_rubrique{
background:url(/charte/fond_titre-rub.jpg) no-repeat left top #CB1010;
padding:6px 2px 4px 18px;
color:#FFFFFF;
font-family:"Myriad Pro", Arial, sans-serif;
font-size:13px;
text-transform:uppercase;
}
#menuLat{
width:100%;
background-color:#FFFFFF;
min-height:180px;
}
* html #menuLat{
height:180px;
}
#div_outils_commande{
margin-top:10px;
}
#outils_commande{
background-color:#FFFFFF;
}
#outils_commande .PLAN0{
display:none;
}

/*#outils_commande .PLAN1 a{
font-family:"Myriad Pro", Arial, sans-serif;
	margin-left:5px;
	font-size:14px;
	font-weight:bold;
	color:#727272;
	padding:3px 0px 3px 15px;
	display:block;
	background-image:url(/charte/puce_chevron_gris.png);
	background-repeat: no-repeat;
	background-position: 3px 6px;
	margin-top:5px;
}
#outils_commande .PLAN1 a:hover{
background-image:url(/charte/puce_chevron_rouge.png);
color:#d40005;
}*/

#outils_commande li.PLAN1 {
	padding:3px 0px;
	list-style-position:inside;
	list-style-image:url(/charte/puce_chevron_gris.png);
}
*+html #outils_commande li.PLAN1 {
	width:100%;
}
#outils_commande .PLAN1 a{
	font-size:13px;
	font-weight:bold;
	color:#727272;
	}
*+html #outils_commande .PLAN1 a{
padding-left:5px;
}
* html #outils_commande .PLAN1 a{
padding-left:5px;
}
#outils_commande .PLAN1 a:hover{
	font-size:13px;
	font-weight:bold;
	}

/*----- COLD D-----*/
#identite, #panier, #paiement, #score{
background-color:#FFFFFF;
margin-bottom:10px;
}
.contenu_cadre-colD{
margin:5px;
padding:0 7px;
}
#affiche_identite{
min-height:90px;
}
.identite_nom{
font-size:12px;
color:#333;
font-weight:bold;
}
.identite_status{
color:#C70000;
font-style:italic;
font-weight:bold;
font-size:12px;
}
.identite_adresse_titre, .score_libelle_panier_inclus{
font-weight:bold;
color:#666;
font-size:11px;
margin-top:10px;
padding-bottom:2px;
}
.identite_adresse{
color:#333;
font-size:11px;
}
#affiche_panier{
background:url(/charte/fond_caddie.png) right bottom no-repeat;
color:#333;
font-size:11px;
font-weight:bold;
min-height:52px;
}
#affiche_panier textarea{
width:130px;
background:transparent;
border:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#333;
}
#affiche_score{
min-height:90px;
}
.score_libelle, .score_nb{
float:left;
width:40%;
color:#333;
font-size:11px;
font-weight:bold;
}
.score_nb{
color:#C70000;
}
.score_libelle_panier_inclus{
border-top:1px solid #C70000;
float:left;
width:100%;
padding-top:10px;
}

/*----- cadre arrondi -----*/
.ligne_arrondi{
position:relative;
width:100%;
float:left;
height:5px;
clear:both;
background-color:#FFFFFF;
}
img.abs_left{
position:absolute;
left:0;
}
img.abs_right{
position:absolute;
right:0;
}
* html #z_contenu img.abs_right{
right:-10px;
}
* html #colG img.abs_right{
right:-1px;
}
/*----- accueil -----*/
#inscription{
display:block;
width:169px;
height:34px;
background:url(/charte/inscription.gif) top left no-repeat;
position:absolute;
margin-top:-55px;
margin-left:360px;
}
#inscription:hover{
background-position:0px -34px;
}
#commande{
display:block;
width:169px;
height:34px;
background:url(/charte/commande.gif) top left no-repeat;
margin-top:15px;
margin-right:25px;
float:right;
}
#commande:hover{
background-position:0px -34px;
}
*html #commande{
margin-right:13px;
margin-top:0px;
}
*+html #commande{
margin-top:0px;
}





.champ_important{
	font-weight:bold;
	color:#FF0000;
}

.Form_voir_pwd{
margin-top:5px;
}

input#show-password{
width:auto !important;
background-color:#fff !important;
}

#login input.caps{background:#eeeeee url('/charte/caps-indicator.jpg') 98% 50% no-repeat;}