/*
 * 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; background-color:#FFFFFF}
#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; margin-top:10px}
#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:6px 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:75px; width:395px; background: url(../images/accroche_fr.png) no-repeat left top; text-indent: -9999px;}
#tete h1.accroche_en, p.accroche_en {clear:both; height:75px; width:395px; 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:303px; padding:28px 0 8px 10px; margin-bottom:15px;}
#coldroite .promo {height:85px; }
#coldroite .best {height:170px; }
#coldroite .vente-flash {width:303px; padding: 0px;}
#coldroite .news {height:61px; width:278px; padding-top:33px; padding-left:25px; }


#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 { bottom:5px; width:150px;}
#coldroite div.achat span.prix {height:auto; width:90px; 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-right:0px; width:35px}

/***************** 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 610px 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;}



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


/* 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;  }
ul#nav-contenus.catalogues {height:14px; padding:8px 0; margin:0; float:left; }
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;}
*/
<!-- style de la pagination -->
.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: right; /*Set to "right" to right align pagination interface*/
font-size: 12px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #006699;
text-decoration: none;
color: #006699;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #006699;
color: #006699;
background-color: #FFFFF;
}

.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
border: 1px solid #27393F;
background-color: #006699;
color: #FFF;
}

.pagin_article{
font-weight: bold;
padding: 0 5px;
border: 1px solid #27393F;
background-color: #27393F;
color: #FFF;
}

.pagination li.disablepage{
padding: 0 5px;
border: 1px solid #324950;
color: #006699;
}

.pagination li.nextpage{
font-weight:normal;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*Pour bug IE6.*/
margin-right: 5px;
padding-right: 0;
}