@charset "UTF-8";
/* CSS Document */
body {
     margin: 0; /* pour éviter les marges */
	background:#336600;
	font-size: normal;
	font-family: "arial";
    text-align: center; /* pour corriger le bug de centrage IE */
   }
   
 body.inscription {
     margin: 0; /* pour éviter les marges */
	background:#336600;
	font-size: normal;
	font-family: "arial";
    text-align: center; /* pour corriger le bug de centrage IE */
	background:#fff;
   }  
	 
#wrap a, global  a:visited {
	color:#fff;
	text-decoration:none;
}

#wrap #margeHaute {
height:40px;
width:100%;
}	

#wrap {
margin-top:20px;;
     margin-left: auto;
     margin-right: auto;
     width:984px;
	 height:100%;
     text-align: left; /* on rétablit l'alignement normal du texte */
	 color:#111;
	 background:url(../images/arriere_plan.jpg) top no-repeat #fff;
}

#wrap #bandeau_sup {
background:url(../images/bandeau_sup.jpg) center no-repeat;
width:984px;
height:114px;
text-align:center;
padding:5px 0px;
}

#wrap #menu_sup {
margin-left:5px;
width:974px;
height:20px;
background:url(../images/fond_menu.jpg) no-repeat center;
}

#wrap #menu_sup .menu {
margin:0px 25px;
width:110px;
text-align:center;
height:20px;
float:left;
font-size:11px;
font-family:"arial";
font-weight:bold;
line-height:20px;
}

#wrap #menu_sup .menu a {
color:#fff;
text-decoration:none;
height:20px;
width:110px;
line-height:20px;

}

#wrap #menu_sup .menu a:hover {
width:110px;
height:20px;
line-height:20px;
color:#000;
}

#wrap #informations_principales {
height:550px;
margin-top:10px;
width:974px;
margin-left:5px;
}

#wrap #informations_principales h2 {
padding-left:15px;
font-size:16px;
fnot-weight:bold;
}

#wrap #informations_principales h3 {
padding-left:15px;
font-size:16px;
font-weight:bold;
}

#wrap #informations_principales p {
padding-left:15px;
font-size:12px;
font-weight:normal;
}


#wrap #informations_principales #menu_boutique {
width:300px;
height:510px;
margin:10px 10px;
float:left;
}

#wrap #informations_principales   #info_client {
font-size:10px;
margin-left:40px;
height:22px;
width:240px;
}

#wrap #informations_principales #menu_boutique ul  {
list-style:none;
margin-left:5px;
font-size:12px;
font-family:"arial";
font-style:italic;
font-weight:bold;
}

#wrap #informations_principales #menu_boutique ul li {
line-height:25px;
margin:0 15px;
border-bottom:1px dashed #333;
cursor:pointer;
}

#wrap #informations_principales #menu_boutique #panier_boutique {
line-height:14px;
margin:20px 15px;
border:1px dotted #333;
min-height:180px;
font-size:11px;
font-weight:normal;
padding-left:5px;
padding-bottom: 10px;
}

#wrap #informations_principales #menu_boutique #legende_bdc {
line-height:14px;
margin:20px 15px;
border:1px dotted #333;
min-height:80px;
font-size:11px;
font-weight:normal;
padding-left:5px;
padding-bottom: 10px;;
}

#menu_boutique #panier_boutique #listeproduits {
width:100%;
text-align:left;
}

#menu_boutique #panier_boutique .produitpanier {
width:60%;
float: left;
text-align:left;
height:34px;
}

#menu_boutique #panier_boutique #produitsAMAP {
overflow:auto;
max-height:250px;
}


#menu_boutique #panier_boutique #produitsAMAP .produitpanier {
width:60%;
float: left;
text-align:left;
height:34px;
}

#poids_commande {
	margin-top:15px;
	width:80%;
	margin-left:10%;
	height:16px;
	line-height:16px;
	background-color:#900;
	color:#fff;
	text-align:center;
}

 #menu_boutique #panier_boutique .prixproduit {
width:95%;
text-align:right;
margin-right:10px;
height:34px;

}


#menu_boutique #panier_boutique #commander-panier, .suivant, .precedent, #bouton_paypal {
margin-top:5px;
background:#003300;
color:#fff;
width:80%;
margin-left:10%;
line-height:18px;
height:18px;
border:1px dotted #aaa;
text-align:center;
font-size:12px;
font-weight:bold;
cursor:pointer;
}

.suivant, .precedent, #bouton_paypal {
margin-top:25px;
background:#003300;
float:left;
width:160px;
}

.suivant:hover, .precedent:hover {
color:#fff;
}

#menu_boutique #panier_boutique #prixTotal {
border-top:1px dotted #000;
margin-top:10px;
text-align:right;
padding-right:5px;
font-weight:bold;
}

 #menu_boutique #panier_boutique #livraison {
text-align:right;
padding-right:5px;
}

#new_customer {
	width: 680px;
	padding: 10px;
	border: 1px dotted #333;
	line-height: 28px;
}

ul.premiere_commande {
list-style:none;
margin-top:25px;
}

ul.premiere_commande li {
height:22px;
line-height:22px;
font-size:11px;
margin: 6px 0px;
padding: 2px 5px;
}

ul.premiere_commande li.alternate {
background-color:#999999;
color: #FFF;
}

.label_premiere_commande {
	width:120px;
	float: left;
}

.login_label {
	line-height:24px;
	height:24px;
	text-align:left;
	width: 120px;
	float:left;
}

#login_box {
	margin-top: 20px;
	width: 350px;
	float:left;
}

#login_box #authentification_form {
	width: 248px;
	margin: 10px 10px;
	padding: 10px;
	border: 1px dotted #333;
	height: 140px;
}

#login_box #lien_premiere_inscription {
	font-size: 12px;
	text-align: center;
	width: 248px;
	height: 60px;
	line-height: 60px;
	margin: 0px 10px;
	padding: 10px;
	border: 1px dotted #333;
}


.label-login-form {
width:80px;
text-align:left;
float:left;
line-height:24px;
height:24px;
}

#msgbox {	

}


/**************************************************************/
/**********  GESTION DES ELEMENTS DE FORMULAIRE  **************/
/**************************************************************/
 

#first_inscription_form label.error, #demande_renseignements label.error {
 	font-size: 9px;
 	color:#900;
	font-weight: 100;
	margin-left: 10px;
	float:right;
	display: block;
}

#demande_renseignements label.error {
	float: right;
}
  
.messagebox {
	font-size:11px;
	width:auto;
	margin-left:10%;
	border:1px solid #c93;
	background:#ffc;
	padding:3px;
	float: left;
}

.messageboxok {
	width:auto;
	margin-left:20%;
	border:1px solid #349534;
	background:#C9FFCA;
	padding:3px;
	font-weight:bold;
	color:#008000;
	
}
.messageboxerror {
	width:auto;
	margin-left:20%;
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding:3px;
	font-weight:bold;
	color:#CC0000;
}

#oubliMotDePasse {
width: 200px;
font-size:11px;
margin-left: 10px;
height: 24px;
line-height: 24px;
}

#oubliMotDePasse a{
text-decoration:none;
color:#003300;

}

#oubliMotDePasse a:hover{
color:#009900;
}


/*************************************************************/
/*************************************************************/


#wrap #informations_principales #info_boutique {
width:620px;
height:510px;
margin: 10px 10px;
float:left;
overflow:none;
font-family:"arial";
}

#wrap #informations_principales #info_boutique #information_commande {
	padding-top:80px;
	color:#fff;
}



#info_boutique .titre-information-finale {
height:18px;
line-height:18px;
font-size:14px;
font-weight:bold;
color:#363;
width:100%;
border-bottom:1px dotted #333;
}

#info_boutique .information_finale {
font-size:12px;
font-weight:normal;
}

.titre-panier {
	background: url('../images/fond-titre-panier.png') repeat ;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding:10px;
	width:480px;
	margin-left:50px;
	color:#fff;
}

.list-produits {
	background: url('../images/fond-titre-panier.png') repeat ;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding:10px;
	width:480px;
	margin-left:50px;
	color:#fff;
}


#wrap #informations_principales #info_boutique ul {
text-align:left;
list-style:none;
width: 530px;
min-height: 240px;
height: 320px;
overflow:auto;

}

#wrap #informations_principales #info_boutique #panier #info_panier_amap ul#bdc_amap {
overflow:auto;
height: 440px;
}

#wrap #informations_principales #info_boutique ul li {
line-height:22px;
text-align:left;
list-style:none;
}

#wrap #informations_principales #info_boutique .titre_panier {
text-align:center;
font-size:14px;
font-weight:bold;
font-variant:small-caps;
}

#wrap #informations_principales #info_boutique .texte_introduction_panier {
text-align:center;
font-size:13px;
font-weight:normal;
}

#wrap #informations_principales #info_boutique #panier  {
text-align:center;
font-size:12px;
font-weight:normal;
text-align:center;
}

#wrap #informations_principales #info_boutique #panier #produits-panier_decouverte, #wrap #informations_principales #info_boutique #panier #produits-panier_gardian, #wrap #informations_principales #info_boutique #panier #produits-panier_manadier, #wrap #informations_principales #info_boutique #panier #produits-panier_famille {
margin-left:70px;
} 

#wrap #informations_principales #info_boutique #panier #information_commande {
background: URL('../images/boutique_intro.png') no-repeat top;
color:#fff;
width:600px;
height:450px;
}

#wrap #informations_principales #info_boutique #panier #info_panier_decouverte {
background: URL('../images/boutique_decouverte.jpg') no-repeat top;
color:#fff;
width:600px;
height:450px;
}

#wrap #informations_principales #info_boutique #panier #info_panier_gardian {
background: URL('../images/boutique_gardian.jpg') no-repeat top;
color:#fff;
width:600px;
height:450px;
}

#wrap #informations_principales #info_boutique #panier #info_panier_manadier {
background: URL('../images/boutique_manadier.jpg') no-repeat top;
color:#fff;
width:600px;
height:450px;
}

#wrap #informations_principales #info_boutique #panier #info_panier_famille {
background: URL('../images/boutique_famille.jpg') no-repeat top;
color:#fff;
width:600px;
height:450px;
}

#wrap #informations_principales #info_boutique #panier #info_panier_lesdelicesdelacrau {
background: URL('../images/boutique_lesdelicesdelacrau.jpg') no-repeat top;
color:#fff;
width:600px;
height:450px;
}

#wrap #informations_principales #info_boutique #panier ul {
	width: 420px;
	margin-top:10px
}
#wrap #informations_principales #info_boutique #panier ul#bdc_amap {
	width: 600px;
}
#info_panier_decouverte ul,  #info_panier_gardian ul, #info_panier_manadier ul,#info_panier_famille ul {
width:450px;
padding-left:70px;
}

#wrap #informations_principales #info_boutique #panier #info_panier_lesdelicesdelacrau ul {
padding-left:70px;
height:280px;
width:470px;
}


#wrap #informations_principales #info_boutique #panier .ajout-panier {
margin-top:10px;
background:#003300;
color:#fff;
width:120px;
line-height:18px;
height:18px;
border:1px dotted #aaa;
text-align:center;
font-size:12px;
font-weight:bold;
cursor:pointer;
}


/**************************************************************/
/********  GESTION DES ELEMENTS du Bon de Commande  ***********/
/**************************************************************/
 
 #info_panier_amap ul#bdc_amap li {
 height:80px;
 line-height:40px;
 padding-left:5px;
 }
 
#info_panier_amap .nom_reference {
border-top:1px dotted #333;
font-weight:bold;
font-size:12px;
width:550px;
line-height:20px;
float:left;
padding-left:5px;

}

#info_panier_amap .description_reference {
font-weight:normal;
font-size:10px;
width:280px;
float:left;
line-height:40px;
}

#info_panier_amap .presentation_reference {
font-weight:normal;
font-size:10px;
font-style:italic;
width:80px;
float:left;
line-height:40px;
}

#info_panier_amap .prix_reference {
font-weight:bold;
font-size:12px;
width:80px;
float:left;
line-height:40px;
}

#info_panier_amap .quantite_reference {
font-weight:bold;
width:120px;
float:left;
line-height:40px;
}

#info_panier_amap .quantite_reference img {
cursor:pointer;
}

#info_panier_amap .quantite_reference .nombre{
width:20px;
display:inline-block;
text-align:center;
font-weight:bold;
line-height:40px;
}




/*************************************************************/
/************* Information livraison-facturation *************/
/*************************************************************/

.information-finale .titre_information {
float:left;
text-align:left;
width:20%;
height:20px;
line-height:20px;
font-weight:bold;
}

.information-finale .information_gras {
float:left;
text-align:left;
width:80%;
height:18px;
line-height:18px;
font-weight:bold;
}


.information-finale .information_standard {
float:left;
text-align:left;
width:80%;
height:20px;
line-height:20px;
font-weight:normal;
}






/*************************************************************/
/*************************************************************/



#wrap #informations_principales #menu_reportage {
height:24px;
margin-top:10px;
width:964px;
margin-left:5px;
float:left;
}

#wrap #informations_principales #menu_reportage ul  {
list-style:none;
margin-left:5px;
font-size:10px;
font-family:"arial";
}

#wrap #informations_principales #menu_reportage ul li {
line-height:25px;
display:inline;
margin:0 15px;
}

#wrap #informations_principales #info_reportage {
height:450px;
margin-top:30px;
width:964px;
margin-left:5px;
}

#wrap #bandeau_inf {
width:984px;
height:20px;
background:url(../images/background-footer.png) repeat-x;
}

#wrap #bandeau_inf .menu_inf {
float:left;
width:324px;
text-align:center;
}

#wrap #bandeau_inf .menu_inf a{
width:120px;
height:20px;
color:#000;
font-size:11px;
}

#wrap #bandeau_inf .menu_inf a:hover{
color:#333;
font-size:11px;
text-decoration:underline;
}