/*
Vert titre : #5C813E
Marron foncé (titre produit) : #7B5200
*/ 
html,body{margin:0;padding:0}
body{font: 76% Geneva, Arial, Helevetica,sans-serif; text-align:center; background: #f3f2f0 url('img/bg_body.jpg') repeat-x top;  }
a, a:visited{ text-decoration: none; color: #646464}
a:active, a:focus, a:hover {border: 0px;}
a:hover {border: none;}
a img {border: 0px; vertical-align: middle}
h1,h2,h3,h4,h5,h6 {margin:0}
div#entete{position:relative}
#page {position: relative}

p {margin: 0; padding:0;}
ul, li {margin: 0; padding: 0; list-style-type: none;}

/* Disposition des blocs à l'écran */
#page{position: relative; width:1000px; margin: 0 auto; text-align: left; }
#entete {margin-top: 20px; height: 150px; }
#conteneur{float:left; width:100%; text-align: left; margin-top: 40px;}
#contenu{margin: 0 220px; width: 525px;}
#navigation{float:left;width:220px;margin-left:-1000px; text-align: left;}
#extra{float:left;width:250px;margin-left:-250px; text-align: left;margin-top: 60px;}
#pied{clear:both;}

/* Réglages spécifiques selon type de page */
.page_rubrique_thelia #contenu, .page_produit #contenu, .page_panier #contenu, .page_compte #contenu, .page_contact #contenu, .page_recherche #contenu {width: 750px; margin-right: 0;}

/***************************************
	  Habillage des blocs */

/* entete de page */
#entete h1 {margin-left: -105px;width: 550px; height: 90px;
	background: url('img/logo_sansallergene.png') no-repeat;	display:block;
}


#entete h1 a {display: block; width: 100%; height: 100%;}
#entete h1 a span {display: none;}

#chemin {color: #B6B2AC; height: 40px; line-height: 40px; text-indent: 10px;}
#chemin a, #chemin a:visited {color: #B6B2AC; }
#chemin a:hover {color: #B6B2AC; text-decoration: underline}

/* Habillage des différents bloc arrondis du site */
.bloc01 {width: 100%; height: 20px;}
.bloc02 { padding: 2px 25px 2px 20px;}
.bloc03 {width: 100%; height: 25px;}

#navigation {margin-top: 5px;}
     #navigation .bloc01 {background: url('img/bg_bloc-nav-01.jpg') no-repeat bottom left; height: 110px; }
     #navigation .bloc02 {background: url('img/bg_bloc-nav-02.jpg') repeat-y left; padding: 1px;}
     #navigation .bloc03 {background: url('img/bg_bloc-nav-03.jpg') no-repeat top left}
	 
	 

#bloccentre {width: 525px;  }
     #bloccentre .bloc01 {background: url('img/bg_bloc-contenu-haut-01.jpg') no-repeat top left }
     #bloccentre .bloc02 {background: url('img/bg_bloc-contenu-haut-02.jpg') repeat-y left; padding: 0}
     #bloccentre .bloc03 {background: url('img/bg_bloc-contenu-haut-03.jpg') no-repeat top left}
     
 #bloccentrelarge {width: 100%; color: #595B56; }
     #bloccentrelarge .bloc01 {background: url('img/bg_bloc-contenu-haut-large-01.jpg') no-repeat top left }
     #bloccentrelarge .bloc02 {background: url('img/bg_bloc-contenu-haut-large-02.jpg') repeat-y left; }
     #bloccentrelarge .bloc03 {background: url('img/bg_bloc-contenu-haut-large-03.jpg') no-repeat top left}    
.page_rubrique_thelia #bloccentrelarge, .page_catalogue #bloccentrelarge {background: url('img/bg_gamme.jpg') no-repeat left top; padding: 25px 0 0px 0; height: 125px;position: relative;}
.page_rubrique_thelia #bloccentrelarge .DescRubrique, .page_catalogue #bloccentrelarge .DescRubrique{margin-left: 20px;margin-right: 150px}

#blocgauche {width: 260px; float: left; color: #595B56}
     #blocgauche .bloc01 {background: url('img/bg_bloc-contenu-gauche-01.jpg') no-repeat top left }
     #blocgauche .bloc02 {background: url('img/bg_bloc-contenu-gauche-02.jpg') repeat-y left}
     #blocgauche .bloc03 {background: url('img/bg_bloc-contenu-gauche-03.jpg') no-repeat top left}
     
#blocdroit {width: 260px; float: right; color: #3B5A1F;}
    #blocdroit .bloc01 {background: url('img/bg_bloc-contenu-droite-01.jpg') no-repeat top left }
     #blocdroit .bloc02 {background: url('img/bg_bloc-contenu-droite-02.jpg') repeat-y left}
     #blocdroit .bloc03 {background: url('img/bg_bloc-contenu-droite-03.jpg') no-repeat top left}
     
#informations { width: 100%;}
#informations a {color: #f0db98; font-weight: bold}
    #informations .bloc01 {background: url('img/bg_bloc-home-infomation-01.jpg') no-repeat bottom left; height: 80px }
     #informations .bloc02 {background: url('img/bg_bloc-home-infomation-02.jpg') repeat-y left; }
     #informations .bloc03 {background: url('img/bg_bloc-home-infomation-03.jpg') no-repeat top left}
	 
	 #informations ul li {margin: 0 0 10px 0;}

#newsletter { width: 100%;}
     #newsletter .bloc01 {background: url('img/bg_bloc-home-newsletter-01.jpg') no-repeat bottom left; height: 60px }
     #newsletter .bloc02 {background: url('img/bg_bloc-home-newsletter-02.jpg') repeat-y left; padding-bottom: 20px;}
     #newsletter .bloc03 {background: url('img/bg_bloc-home-newsletter-03.jpg') no-repeat top left; }
	 


/* bloc panier en haut de page
-------------------------------------------------------- */
#boxheader { position: absolute; top: 10px; right: 0px; width: 510px; height: 110px; background: url('img/bg_bloc-panier.png') no-repeat center;  color: #9a9a9a;}
#boxheader h3 span {display: none;}
#boxheader p {margin: 0;}
#boxheader ul, #boxheader li {margin: 0; padding: 0; list-style-type: none}

#monCompte, #monPanier {
	margin-top: 30px;
	height: 90px;
}

#monCompte {float: left;width: 160px; margin-left: 30px;}
#monPanier {
     float: left;
     margin-left: 130px;
	 text-align: right;
	 
}
#monCompte .menu {margin: 0px 0 0 10px;}
#monCompte .menu li {margin-top: 5px;}
#monPanier .contenupanier {margin: 0px 0 0 00px;}
#monPanier .contenupanier p {font-weight: bold; font-size: 12px; margin: 0px;} 
.btn_voir-panier span {display: none}
a.btn_compte {display: block;width: 125px; height:20px; background: url('img/bg_btn_compte.jpg') no-repeat center; color: #FFF; font-weight: bold; text-align: center; line-height: 20px; font-size: 0.88em}
.btn_voir-panier {display: block; width: 150px; height:20px; background: url('img/btn-voir-panier.jpg') no-repeat right; text-align: center; line-height: 20px; }

/* menu de navigation 
-------------------------------------------------------- */
#navigation h2 {margin-bottom: 20px;}
#navigation h2 span { display: none;}
#navigation ul#commode {height: 440px;}
#navigation h3 { font-size: 14px; width: 100%;line-height: 25px;  height: 25px; margin: 0 0 0px 0;}
#navigation ul li a.head {border: 0px; border: none; font-size: 1.106em; font-family: Arial, sans-serif; color: #5E5C5D; display: block;  font-weight: bold;text-indent: 15px; line-height: 25px;}
#navigation ul li a.head:hover { color: #BBBBBB; border : 0px;}

#navigation ul {margin: 0 0 0px 0; padding: 0;list-style-type: none; }
#navigation ul li {list-style-type: none;margin: 0 0 0px 0; padding: 0;}
#navigation ul li ul.smenu {margin-bottom: 0px;}
#navigation ul li ul.smenu li { font-size: 13px; font-family: Arial, Helvetica, sans-serif; margin-left: 30px; }
#navigation ul li ul.smenu li a {color: #C1583F; display: block; width: 100%;}

#navigation .smenu .plus {margin: 20px 0 0 20px; text-align: left; font-style:italic;}
#navigation .smenu .plus a {font-weight: normal; color: #5C813E; font-size: 10px; line-height: 10px; }

#navigation ul.logos {text-align: center; margin-top: 5px;}
a:active, a:focus {border: 0px; outline: 0;}
.actif {border: 0px;}

/* onglets accueil , etc... */
#NavHaut { 
position: absolute; 
top: 150px ; 
left: 150px ; 
width: 840px;
height:25px; 
line-height: 25px; 
clear: both;}
#NavHaut ul {margin: 0; padding: 0; list-style-type: none;  height: 25px;}
#NavHaut ul li { height: 100%; float: left;}
#NavHaut ul li a span {display: none}
#NavHaut ul li.menu_accueil, .menu_points, .menu_contact, .menu_promotions, .menu_nouveaute {height: 23px;}
#NavHaut ul li.menu_accueil a { width: 117px; background: url('img/menu-accueil.jpg') no-repeat 0 0;}
#NavHaut ul li.menu_accueil a:hover {background: url('img/menu-accueil.jpg') no-repeat 0 -23px; }
#NavHaut ul li.menu_nouveaute a { width: 192px; background: url('img/menu_nouveautes.jpg') no-repeat 0 0;}
#NavHaut ul li.menu_nouveaute a:hover {background: url('img/menu_nouveautes.jpg') no-repeat 0 -23px; }
#NavHaut ul li.menu_promotions a { width: 188px; background: url('img/menu-promotions.jpg') no-repeat 0 0;}
#NavHaut ul li.menu_promotions a:hover {background: url('img/menu-promotions.jpg') no-repeat 0 -23px; }
#NavHaut ul li.menu_point a {width: 220px; background: url('img/menu_points.jpg') no-repeat 0 0;}
#NavHaut ul li.menu_point a:hover {width: 220px; background: url('img/menu_points.jpg') no-repeat 0 -23px;}

#NavHaut ul li.menu_contact a {width: 118px; background: url('img/menu-contact.jpg') no-repeat 0 0;}
#NavHaut ul li.menu_contact a:hover { background: url('img/menu-contact.jpg') no-repeat 0 -23px;}
#NavHaut ul li a {display: block; width: 100%; height: 100%; vertical-align: middle;}





/*
 * Pied de page
 */
#pied {width: 100%; position: relative;}
#pied .copy {text-align: left; margin-left: 220px; width: 540px;}
#pied p {margin: 0; padding: 0;}
#pied .mentions { text-align: justify;}
#pied .mentions a { font: 13px Arial, Helvetica, sans-serif; color: #9a9a9a; margin: 0 5px}
#pied .mentions a:hover {text-decoration: underline}

/*
 * Bloc "blog" à gauche
 */
.blog li { line-height: 20px;}
.blog a {color: #f0db98; font-weight: bold; }

/* Etapes de commande
-------------------------------------------------------- */

#etapesDeCommande {
	
	width:100%;
	margin: 20px 10px ;
	padding:0;

}

#etapesDeCommande ul {
	margin:0;
	padding:0;
	list-style:none;
	 width:99%;
	
}

#etapesDeCommande ul li {
	
	width:auto;
	margin:0;
	padding:0;
	
	list-style:none;
	display:inline;
	float:left;
}


/* Panier
-------------------------------------------------------- */

.queFaire {text-align: center; margin-top: 20px;}

.queFaire a.bouton {
		color: #FFF;
		background: #7CA15C; 
		padding: 5px 10px; 
		height: 20px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;}
	
/* Moyens de paiement
-------------------------------------------------------- */

.paiement {
	float:left;
	margin: 0;
	padding:0 10px;
	width:980px;
}

.paiement h4 {
	margin:32px 0 0 0;
	float:left;
 
}

.paiement ul, .paiement ul li {
	list-style:none;
	margin: 0;
	padding:0;
	border:none;
}



/* Bloc "adresse de livraison" & "adresse de facturation" 
-------------------------------------------------------- */

.adresseDeLivraison {
	float: left;
	margin: 0 0 0 10px;
	width:340px;
	color: #3B5A1F;

}

.adresseDeLivraisonRecap {
	width: 40%;
	margin: 0 0 20px 0;

}

.adresseDeFacturation {
	float: left;
	margin: 0 0 0 7px;
	width:340px;
	color: #595B56;

}


.adresseDeLivraison h3, .adresseDeFacturation h3, .adresseDeLivraisonRecap h3 {
	/*color:#FFF;*/
	display:block;
	 font-size: 14px;
	 width: 100%;

	height: 25px;
	margin:20px 40px 00px 40px;
	text-indent: 0px;
}

.adresseDeLivraison h4 {
	  color:#FFF;
	  font-size: 12px;
	line-height: 25px;
	height: 25px;
	margin: 0;
	text-indent: 20px;
	
}

.adresseDeLivraison .contenu, .adresseDeFacturation .contenu {
	
	
	margin:0px 0 0 70px;
	padding: 10px;
}

.adresseDeLivraisonRecap .contenu {
	margin:0px 0 0 70px;
	padding: 10px;
}

.adresseDeLivraison ul, .adresseDeFacturation ul {
	list-style:none;
	margin: 0;
	padding:0;
	width: 100%;
}

.adresseDeLivraisonRecap ul {
	list-style:none;
	margin: 0;
	padding:0;
	width: 100%;

}

.adresseDeLivraison ul li, .adresseDeFacturation ul li, .adresseDeLivraisonRecap ul li {
	margin: 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}

.adresseDeLivraison ul li a, .adresseDeFacturation ul li a, .adresseDeLivraisonRecap ul li a,
.adresseDeLivraison ul li a:visited, .adresseDeFacturation ul li a:visited, .adresseDeLivraisonRecap ul li a:visited {
	color:#306B01; font-style:italic; font-weight: normal;
	display:block;
	padding:3px 0 3px 10px;
}

.adresseDeLivraison ul li a:hover, .adresseDeFacturation ul li a:hover, .adresseDeLivraisonRecap ul li a:hover {
	text-decoration:none;
}

/* Bloc "Mode de livraison" 
-------------------------------------------------------- */

.modeDeLivraison, .choixReglement {
	float: left;
	margin: 10px 0 1px 0;
	width:100%;
}

.modeDeLivraison h4, .choixReglement h4 {
	color:#96BD6C;
	width:325px;
	margin:0 0 10px 50px;
	line-height: 30px; height: 30px;
	float:left;
}

.modeDeLivraison h4 a, .choixReglement h4 a {
	color:#515053;
}

.modeDeLivraison ul, .choixReglement ul {
	list-style:none;
	margin: 0;
	padding:0;
	width:40%;
	float:left;
}

.modeDeLivraison ul li, .choixReglement ul li {
	margin: 0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	text-align: center;
}

.modeDeLivraison ul li a, .modeDeLivraison ul li a:visited, .choixReglement ul li a, .choixReglement ul li a:visited {
	color: #306B01;
	display:block;
	
	 height: 30px;
}

.modeDeLivraison ul li a:hover, .choixReglement ul li a:hover {
	text-decoration:underline;
}


/* Nombre de pages
-------------------------------------------------------- */

.pagination {
	clear: both;
	color:#626164;
	text-align: right;
	font-size: 11px;
	padding: 10px 10px 5px 0;
	margin: 0 7% 0 0;
	
}
.pagination_haut {position: absolute; top: 40px; right: 10%;color:#626164;font-size: 11px;}
.pagination a, .pagination_haut a, .pagination a:visited, .pagination_haut a:visited {
	color:#626164;
	text-decoration: none;
	font-weight: bold;
}

.pagination a:hover, .pagination_haut a:hover {
	text-decoration: underline;
}


#contenu form {
	padding:0;
	margin: 20px 20px 20px 20px;
}
#contenu form.formulaire_thelia {text-align: right;}

#contenu form p {
	margin: 0;
	padding: 4px 0;
	/* Emp�cher le d�passement des flottants */
	overflow: hidden;
	font-size: 12px;
	
}

#contenu form p.derniereLigne {
	border:none;
}

#contenu form.formulaire_thelia p label {
	float: left;
	width: 390px;
	display: block;
	color: #4D4D4D;
	font-weight: bold;
	padding:0 10px 0 0;
	margin: 0;
	text-align: right;
	line-height:24px;
}

#contenu form p label.codeDeReduction {
	width: 180px;
}

#contenu form p label.mailPerdu {
	width: 80px;
}



#contenu form.formulaire_thelia p input, #contenu form.formulaire_thelia p select {
	margin: 0;
	width: 250px;
	padding: 3px;
	border:solid 1px #759554;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#626164;
	font-weight:bold;
	background-color:#FFFFFF;
}

#contenu form.formulaire_thelia p textarea {
			margin: 0;
	width: 250px;
	padding: 3px;
	border:solid 1px #759554;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#626164;
	font-weight:bold;
	background-color:#FFFFFF;
}
 

#contenu form p input.codeDeReduction, #contenu form input.codeDeReductionsubmit {
	width: 50px;border:solid 1px #759554;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;color:#626164;font-weight:bold; line-height: 20px;
	background-color:#fff;
}
#contenu form input.codeDeReductionsubmit {background:#7ca15c; color: #FFF }

#contenu form p select  {
 	background-color:#F1EFEB;
 	border:solid 1px #8E6F53;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
 }
 

#contenu form p select option {background-color:#F1EFEB;  }

select.selqte {	background-color:#F1EFEB;
 	border:solid 1px #8E6F53; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 3px; margin-top: 2px; 
	width: 100px;}
	
.selqte option  {background-color:#F1EFEB; }

.valid_form {margin-top: 20px;}
#contenu form p input.radio, #contenu form p input.checkBox {
	float:left;
	margin: 5px 0;
	width: 20px;
	padding: 0;
	background-color:transparent;
	border: none;
}
#contenu form p .labelRadio, #contenu form p .labelCheckBox {
	float:left;
	margin: 5px 10px 0 0;
	padding: 0;
	background-color:transparent;
	border: none;
	font-weight:bold;
}
	
#contenu form p input.bouton { 
	background-color: #7ca15c;
	margin-left: 270px; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
	font-size:13px;
	color: #FFF; border: 1px solid #5C813C;
	width: 150px;
	font-weight:bold;
}
	




.obligatoire {
	font-size: 12px;
	color: #FF0000;
	clear:both;
	margin:10px 0;
}

/* Formulaire  d'abo à newsletter 
 * -----------------------------------------------------*/
#newsletter {color: #7CA15C; }
#newsletter p select { 
 	border:solid 1px #7CA15C;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #7CA15C;
	color: #FFF;
	padding: 5px;
}
#newsletter form {margin-top: 15px;}
#newsletter p label  {margin-left: 15px; font-weight: bold; }
#newsletter ul li label {border-bottom: 1px dotted #7CA15C; display: block; float: left; width: 130px; line-height: 20px; color:  #7CA15C;margin-left: 30px;}
#newsletter p input {height: 20px;line-height: 20px;float: left;padding: 3px;border: 1px solid; background: #7CA15C;-moz-border-radius: 15px; -webkit-border-radius: 15px;color: #FFF; margin-left: 10px; width: 140px;}
#newsletter .format {margin-top: 10px; text-align: center}
#newsletter p select option {background-color: #7CA15C; color: #FFF }

#newsletter .bouton { float: right; margin-right: 15px; margin-bottom: 10px;}

/* Tableaux
-------------------------------------------------------- */

#contenu table, #contenu table tr {
	padding:0;
	margin:0;
}

#contenu table th {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}

#contenu table td {
	background-color: transparent;
	border:none;
}

#contenu table td.ligne {
	background-color: transparent;
	
}
.ligneTotal td {font-size: 14px; color : #333333; font-weight: bold;}
#contenu table td.total {
	color: #434343; font-weight: bold; font-size: 16px;padding:0; text-align: center;
	
	/*background: url('img/bg_titre-deg_h25.png') repeat-x center;*/
}
.ligne_article a{color: #8F7431;}
.ligne_pu { color: #434343; font-weight: bold; font-size: 16px;}
.ligne_total {color: #60803d; font-weight: bold; font-size: 16px; }
.ligne_sup a {color: #c24322;font-weight: bold;}

.ListeProduitsTableau {width: 100%;}
.ListeProduitsTableau, .produitTableau td {margin: 0; padding: 0;}
.ListeProduitsTableau .prixProduit {margin: 0;}
.ListeProduitsTableau .image {width: 50px; }
.ListeProduitsTableau .desc {width: 350px;}
.ListeProduitsTableau .prix {width: 50px;}
.ListeProduitsTableau .qte {width: 60px;}
.ListeProduitsTableau .btn_panier {width: 150px;}

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

     Affichage des produits
    */
    
.produitPetit {
	position: relative;
	float: left;
	width: 345px;
	margin: 0;
	padding: 10px 15px;
	list-style: none;
	_height: 215px;
	height: 215px;
	min-height: 215px;
	font-size: .9em;
	background: url('img/bg_bloc-produit.jpg') no-repeat center; 
}

.produitPetit .infosproduit {
     float: left; width: 180px; margin-top: 30px; text-align: right;}
	 
.signaletique { margin-top: 20px; }

.blocpanier {position: absolute; bottom: 5px; right:0px}
.quantitepanier, .acheter{float: left; text-align: right; line-height: 50px; vertical-align: middle; margin-left: 20px}

.signaletique li {width: 45px; height: 45px; float: right;}

.lppr {position: absolute; 
	width: 90px;
	bottom: 5px; left: 20px; color: #2D6EFE; background: url('img/signa/picto-secu.jpg') no-repeat left center; text-indent: 40px;}

.produitPetit .image { margin: 20px 0 0 0;  display: block; width: 160px; height: 160px;float: left}
.produitPetit h4 {height: 20px;  text-align: right; position: absolute; top: 20px; right: 20px;}
.produitPetit h4 a {color: #7B5200; font-size: 12px;}

.produitPetit .prixProduit {  
	font-size: 15px;
	color: #333; 
	position: absolute; 
	font-weight: bold;
	bottom: 30px; left: 10px; 
	width: 90px; height: 60px; 
	text-align: center; padding-top: 35px;  background: url('img/pastille-prix.png') no-repeat bottom center;}
 
 .prixProduit .aulieude {font-size: 8px; }  

#contenu .produitPetit form p select {width: 50px; margin-top: 25px;}
.indisponible {margin-top: 20px;}

.blocProduit {
	
	background: #FFF; 
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 5px solid #FFB900;
	margin: 5px;

}
.blocProduit h2 {color: #7B5200; text-align: right; margin: 10px 20px 0 10px;}
.blocProduit .blocimages {float: left; width: 220px; height: 250px;}
.blocProduit .marqueProduit, .infosproduit .marqueProduit {font-size: 1.2em; color: #906b25;}
.blocProduit .introProduit {  text-align: right;margin-left: 240px;}
.blocProduit .signaletiqueProduit {margin-top: 20px; margin-bottom: 20px;}
.blocProduit .description {}

.blocProduit .prixProduit {  
	font-size: 15px;
	color: #333; 
	position: absolute; 
	font-weight: bold;
	bottom: 30px; left: 30px; 
	width: 90px; height: 60px; 
	text-align: center; padding-top: 35px;  background: url('img/pastille-prix.png') no-repeat bottom center;}

.tri_produit {margin:0; padding: 0;position: absolute; bottom: 15px ;right: 30px;}
.tri_produit li {float: right; margin-left: 10px;}

.documentsProduit a {font-weight: bold; color: #000; text-decoration: underline}
/* Correction des bug Internet Explorer
-------------------------------------------------------- */

* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}


.nettoyeur {clear: both}

.explication {text-align: right;}
/* Blocs arrondis */

.bloc-vert {
	background: #BCDC93; 
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 1px solid #E4E3E1;
	margin: 10px 5px 5px 5px;
	color: #595B56;
}
.bloc-vert2 {
	background: #7CA05A;
		-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 1px solid #E4E3E1;
	margin: 10px 5px 5px 5px;
	color: #595B56;
	
}
.bloc_blanc {
	background: #FFF; 
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 1px solid #E4E3E1;
	margin: 5px;
	color: #595B56;
}
.bloc_jaune {
	background: #FCECBB; 
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 1px solid #E4E3E1;
	margin: 5px;
	color: #595B56;
}
#bloccentrelarge p, .bloc-vert p, .bloc_blanc p {
	margin: 10px;
}
.border { 
	border: 6px solid #FFF; 
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	height: 100%;
}
.in {padding: 10px 10px;}

#contenu .linkTop {text-align: right;}
#pied .linkTop {position: absolute; right: 20px; top: 10px}

/*
 Style des titres
*/
#bloccentrelarge h2, #bloccentre h2, .bloc-vert h2, .bloc_jaune h2, .bloc_blanc h2  {color: #5C813E; margin: 10px 0 20px 50px; font-variant: small-caps;}
h2#nouveau {color: #b82600} /* page de création de compte */

.entetepanier {margin-top: 5px;margin-bottom: 5px;}
.entetepanier table tr  td {font-weight: bold; color: #FFF; }

/*
	Page catalogue
*/

.catalogue-gamme h2 a {color: #b82600;}
.catalogue-rayon h3 {margin: 10px 0 20px 25px;}
.catalogue-rayon h3 a {color: #306B01; }
.ui-accordion-content-active {border: 0px;}

/* Recherche */

#recherche {
	position: absolute;
	top: 195px;
	right: 70px;
	width: 180px;
	height: 30px;
	
 text-align: left; color: #FFFFFF;
	background: url('img/bg_recherche.jpg') no-repeat center; 
}


#recherche form {
	position: relative;
	width: 100%;
	margin: 0 ;
	padding:0;
	border:none;
}

#recherche form p {
	margin: 0 ;
	padding:0;
}

#recherche form input {
	margin: 6px 0 0 50px ;
	width:80px;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	background-color:#5D823D;
	color:#FFF; border: 0px
}

#recherche form button.bouton { 
position: absolute; top: 7px; right: 25px;    padding:0; 
    text-align:center; 
    cursor:pointer; 
    color: #FFF;
    background:none;
	border: 0px;
	font-size:9px;
	font-weight:bold;
}

#InfosBoutique li { margin-top: 5px;}