/*
 * Styles généraux
*/

body { font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 0.7em; color:#5f5c5c; }

a img { border: 0; }
#langues img { vertical-align: middle; }
#contenu p {  }
#contenu .chapo { /*font-style: italic;*/ }
dt { font-weight: bold; }
/*
 * Partie variable des sites
*/
a { color:#000; text-decoration:none;}
a:hover { color: #59a525; text-decoration: none;}
ul { margin:0; padding:0;}
ul li { margin:0; padding:0; list-style:none; }

ul.actions  {margin:2em; clear:both;}
.contenu-texte {padding:0 20px; margin-top:25px; margin-bottom:25px;  border:1px solid #CBCDC7; background:url(../images/bg_bloc-produits.jpg) repeat-x left bottom;}
.wall-protect .contenu-texte {padding:0 9px !important;}
#preview {line-height: 1.6em;}
#preview pre {line-height: 1em;}
#preview ul, .bloc ul { margin-left: 1em;}
#preview ul li, .bloc ul li { margin:0; padding-left:10px; list-style:none;}
#preview ul li { background: url(../images/puce_li-pied.gif) no-repeat 0 5px;}
#preview p { margin:1em 0; }
p#rss { margin:0; padding:0; }

h1, h2, h3, h4, h5, h6 {margin: 1em 0px; padding: 0px;}
h1 {margin:0; padding:4px 0; color:#77b800; font-family:"Arial Black", Arial, Helvetica, sans-serif; text-align:center; font-size: 1.5em; background:#E4E8DD; }

#tete h1.accroche_fr, p.accroche_fr {clear:both; height:43px; width:387px; background: url(../images/accroche_fr.png) no-repeat left top; text-indent: -9999px;}
#tete h1.accroche_en, p.accroche_en {clear:both; height:43px; width:387px; background: url(../images/accroche_en.png) no-repeat left top; text-indent: -9999px;}


h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; clear:left; color:#000; font-weight:normal;}
h4 {color:#77B800; font-size: 1.3em; font-weight:normal;}
#preview h4 { margin:0 0 20px; padding:1px 0; color:#77b800; border-bottom:2px solid #e4e8dd; text-align:left; font-size: 1.3em; font-weight:bold; }
h5 { font-size: 1.1em; text-transform:uppercase; color:#e31f2a; }
h6 { font-size: 1.1em; margin-left:10px; padding-left:16px; padding-bottom:0px; background:url(../images/puce_h6.gif) no-repeat 0 3px; }

h3.theme a {color:#59a525;}
h3.theme a:hover {color:#000;}

.clear {clear:both; padding-top:30px;}
ul.plan {margin-top:30px;}

/******* Colonne Droite ********/
#coldroite .bloc {clear:both; width:295px; padding:28px 0 8px 8px; margin-bottom:15px;}
#coldroite .promo {height:130px; }
#coldroite .best {height:130px; }
#coldroite .vente-flash {width:303px; padding: 0px;}
#coldroite .news {height:61px; width:278px; padding-top:33px; padding-left:25px; }

/******* Colonne Droite css pour multilangue *******
#coldroite .promo {height:122px;  background-repeat: no-repeat; background-position: top left;}
body.fr #coldroite div.promo {background-image:url(../images/fr/bg_promo.jpg);}
body.en #coldroite div.promo {background-image:url(../images/en/bg_promo.jpg);}

#coldroite .best {height:127px; background-repeat : no-repeat; background-position: top left;}
body.fr #coldroite .best {background-image:url(../images/fr/bg_best.jpg);}
body.en #coldroite .best {background-image:url(../images/en/bg_best.jpg);}

#coldroite .news {height:61px; width:278px; padding-top:33px; padding-left:25px; background-repeat: no-repeat; background-position: left top; }
body.fr #coldroite .news {background-image:url(../images/fr/bg_bloc-news.jpg; }
body.en #coldroite .news {background-image:url(../images/en/bg_bloc-news.jpg; }*/








#coldroite .bio {height:134px; margin-bottom:15px;}
#coldroite .bio img {border:1px solid #e4e8dd;}

#coldroite .news p {margin:0; color:#000;}
#coldroite .conseil {height:158px; width:303px; padding:0; margin-bottom:20px;}


#coldroite .element {height:130px;position:absolute;}
#coldroite .element .mini {clear:both;}
#coldroite .vignettes {height:16px; margin:0; padding-top:8px; padding-left:4px;}
.promo .element .vignettes img, .best .element .vignettes img {margin-right:5px;}
.promo .element p, .best .element p {font-size:1.1em;}

#coldroite .textes {float:left; width:155px; margin-left:15px;}
#coldroite .textes p { margin:0 !important; text-align:left;}

#coldroite .achat {margin-top:3px; width:115px;}
#coldroite div.achat span.prix {height:auto; width:55px; padding-top:5px;}
.prix_promo {color:#dc291e;}
strike {font-size:0.75em; font-weight:normal;}
#coldroite div.achat span.add {height:auto; width:30px;}

div.achat span.prix {display:block; float:left; padding-right:10px; font-weight:bold; font-size:1.4em; color:#636363; text-align:right; border-right:1px solid #b8bbb2;}
div.achat span.prix del {font-weight: normal; font-size:0.7em; color: red;}
div.achat span.add {display:block; float:right; padding-left:10px;}

/***************** scroll colonne droite *****************/
#container-promo, #container-best {height:120px; overflow:hidden; position:relative;}
.scroll {position:absolute; right:8px; top:8px;}
.promo, .best {position:relative; overflow:hidden;}


#pinned { overflow: auto; }
.departement {
	margin-left:5px;
	padding:5px;
	float:left;
	width:220px;
}

p.retour {clear:both; margin-top:25px; padding:10px 0; border-bottom:1px solid #D4D7D2; border-top:1px solid #D4D7D2; text-align:right; background:url(../images/bg_fleche-gauche.gif) no-repeat 572px 10px;}
p.retour a {color:#A4A4A4;}
p.retour a:hover {color: #59a525;}
p.retour a.print {float:left; padding-left:20px; background:url("../images/bg_print.gif") no-repeat scroll left top transparent;}
p.suite {clear:both; padding:10px 17px 10px 0; border-bottom:1px solid #D4D7D2; text-align:right; background:url(../images/bg_fleche-droite.gif) no-repeat right 10px;}


/************ FAQ ***********/
.drag {height:auto; margin-bottom:4px; padding-left:18px; font-weight:bold; cursor:pointer;}
.content {margin-bottom:15px;}

/************ Commandes espace client ************/
table.commandes {margin-bottom:20px;}
table.commandes thead {font-weight:bold;}
table.commandes td {padding:10px; border-bottom:1px solid #59a525;}

/************** Recherche *********************/
.produit {clear:both; margin-top:20px; padding:5px 10px; border-bottom:1px solid #D4D7D2;}
.produit .visuel_produit {float:left; padding:0 10px; /*border-right:1px solid #D4D7D2;*/}
.produit .description {float:left; width:350px; padding:0 10px; border-right:1px solid #D4D7D2;}
.produit .panier {float:left; padding:0 10px;}

/************* Gestion des tarifs membre ************/
#tarifs_recherche {float:left; height:20px; width:400px; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #59A525;}
p.recherche_tarifs {float:left; margin:0 !important; padding-top:5px;}
form#recherche_tarifs .row {margin:0; padding:0;}
#tarifs_recherche .inside {float:left;}

form.themes_tarifs {float:right; height:18px; width:265px; margin-bottom:20px; padding-bottom:12px; text-align:right; border-bottom:1px solid #59A525;}
form.themes_tarifs select {border:1px solid #59A525;}
form.themes_tarifs input, form#recherche_tarifs input[type=submit][type=submit] {padding:0; cursor:pointer; border:1px solid #59A525; background:#59A525; color:#fff;}

table.editliste {margin-bottom:20px; }
table.editliste td {padding:10px; border-bottom:1px solid #59a525;}


/*
 * Filet de séparation dans le texte
*/
div.separateur { clear: both; border-top: 1px solid #ccc; margin-bottom: 15px;}

/* alignement des images dans les pages */
.element { clear: both;}
.catalogue div.gauche, .catalogue div.droite, .catalogue div.centre { padding: 0.8em 0.8em 0 0.8em;}
.catalogue .gauche { float: left; margin: 0 1.5em 1em 0;}
.catalogue .droite { float: right; margin: 0 0 1em 1.5em;}
.catalogue .centre { /*margin: 1em auto;*/margin:0 auto; text-align: center; }

div.gauche, div.droite, div.centre { padding: 0;}
.gauche { float: left; margin: 0 0.8em 1em 0;}
.droite { float: right; margin: 0 0 1em 0.8em;}
.centre { margin: 0 auto 1em; }



#contenu .gauche span, #contenu .droite span, #contenu .centre span { display: block; font-size: smaller; text-align: center; }
#contenu #rss div { padding:0; margin:0; background:none; border:none;}

/* icones des fichiers 
#contenu .icone a, #contenu a.icone {margin-top: 0em; padding-left: 1.5em; list-style: none; }
#contenu .pdf { background: url(../images/icons/acrobat.gif) left center no-repeat !important; }
#contenu .doc, #contenu .rtf { background: url(../images/icons/word.png) left center no-repeat !important; }
#contenu .xls, #contenu .xla { background: url(../images/icons/excel.png) left center no-repeat !important; }
#contenu .ppt, #contenu .pps { background: url(../images/icons/powerpoint.png) left center no-repeat !important; }
#contenu .zip, #contenu .rar { background: url(../images/icons/compressed.png) left center no-repeat !important; }
#contenu .gif, #contenu .jpg, #contenu .png { background: url(../images/icons/picture.png) left center no-repeat !important; }
#contenu .url { background: url(../images/icons/world.gif) left center no-repeat !important; }
#contenu .email { background: url(../images/icons/email.png) left center no-repeat !important; padding-left: 2em !important; }
.url a[target="_blank"], a.url[target="_blank"] {background: url(../images/icons/external.png) right center no-repeat !important;}
.icone { padding: 0.2em 0; }
.broken { text-decoration: line-through; }*/

/* Messages */
.message {
	padding: 2px 30px;
	margin-bottom:30px;
	margin-top:20px;
	background: url(../images/icons/information.png) 5px 50% no-repeat #b0dd36;
	text-align: center;
	color: white;
	font-size: 1.4em;
	font-weight: bold;
}
h3.message {  }
.good { background-image: url(../images/icons/accept.png); }
.warn { background-image: url(../images/icons/error.png); }
.error { background-image: url(../images/icons/exclamation.png); }


/*
 * Pagination et Outils d'impression et de retour
*/

.pagination {float:right; width:300px; margin-bottom:25px; padding:8px 0; border-top:1px solid #d4d7d2; border-bottom:1px solid #d4d7d2; text-align: right; color:#a4a4a4;height:14px;}
.pagination.top {width:655px; }
.pagination a {color:#a4a4a4;}
.pagination a:hover {color: #59a525;}
.pagination a.navd {padding-right:17px; background:url(../images/bg_fleche-droite.gif) no-repeat center right;}
.pagination a.navg {padding-left:17px; background:url(../images/bg_fleche-gauche.gif) no-repeat center left;}

ul#nav-contenu {height:14px; padding:8px 0; margin:0; border-top:1px solid #d4d7d2; border-bottom:1px solid #d4d7d2;}
ul#nav-contenu.catalogue {float:left; width:365px; }
ul#nav-contenu li {float:left; padding-left:20px;}
ul#nav-contenu li.top {margin-right:15px; background:url(../images/bg_fleche-haute.gif) no-repeat top left;}
ul#nav-contenu li.print {background:url(../images/bg_print.gif) no-repeat top left;}
ul#nav-contenu a {color:#a4a4a4;}
ul#nav-contenu a:hover {color: #59a525;}

ul.plan li.espace-membre, ul.plan li.connexion { display: none; }
ul.plan li { font-weight: bold; float: left; width: 45%; }
ul.plan li li { font-weight: normal; float: none; }

#pied a.reseau {float:left; height:35px; width:35px; background:none;}

div.pages_promo {top:-20px !important;}