@charset "utf-8";

* {margin:0; padding:0; outline:0}

p { padding:0 0 1em 0}

h1 {}

h2 {}

h3 { font: bold 13px Verdana, Arial, Helvetica, sans-serif; color:#F29400}

a { color:#00501F}

a:hover { text-decoration: none}

a img { border: none}

body { background:#97bf0d url('../images/duplique.jpg') repeat-x; color:#00501F; text-align:justify; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif }

#page { width: 968px; margin:0 auto; }

#header { width: 968px; height:200px; clear:both; }

#gauche { width:206px; float:left; min-height:1px; _height:1px;}

#milieu {width:556px; float:left; background: transparent url('../images/fondproduits_11.jpg') repeat-y}

#titre { width:556px; height:48px; clear:both}

#titre2 { width:556px; height:48px; clear:both}

#texte { padding: 10px 15px 0 15px; min-height:101px; _height:101px; background: transparent url('../images/fond1_08.jpg') no-repeat;}

#bas-texte { clear:both; width:556px; height:20px; background: transparent url('../images/bas-produits_14.jpg') no-repeat;}

#bas-texte2 { clear:both; width:556px; height:20px; background: transparent url('../images/bas-produits_14.jpg') no-repeat;}

#droite {width:206px; float:left; min-height:1px; _height:1px; }

#fond-droite { background: transparent url('../images/fond2_09.png') no-repeat;}


#menubas { width: 958px; margin:0 auto; padding:10px 0 0 10px; clear:both; float:none; height:20px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color:#fff}

#menubas a { color:#fff}

#menubas li { float:left; list-style:none; padding:0 0 0 2px}

#cybbel { text-align:center; font: normal 10px Verdana, Arial, Helvetica, sans-serif; clear:both; color:#fff}

#cybbel a { color:#fff}

#cybbel img { border:none; vertical-align:middle}


.fond-cat { background: transparent url('../images/bascatalogue_13.jpg') no-repeat; width:206px; height:20px; clear:both}

.encart-nouveaute { width:265px; float:left; padding:0px 5px 0 0; border:1px solid #fff; margin:2px; height:180px; text-align:left}

.img-nouveaute { float:left; margin:0 5px; position:relative; top:5px}

#wrapper { width: 968px; }

#main { margin-left:206px; width:556px; } /* margin-left = largeur de #nav */

#content { width:556px; background-position: top left; }

#content * { color: #00501f; } /* couleurs de tous les éléments (textes et bordures) du centre*/

#content h2 { color: #00501f; font-size:1.4em; text-align:center; width:100%; margin:0; }

#content h3 { color: #00501f; font-size:1.2em; }

#content a:hover { color:#f29400; text-decoration:none; }

/*.titre { color: #f29400; font-weight: normal; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; }*/

#menu { }

#nav { width:206px; margin-left:-762px; } /* margin-left = - (largeur de #main + largeur de #extra) */

#nav * { color: #00501f; } /* couleurs de tous les éléments (textes et bordures) de droite */

#nav h2 { color: #00501f; font-size:1.4em; text-align:center; width:100%; margin:0; }

#nav h3 { color: #00501f; font-size:1.2em; }

#nav a:hover { color:#f29400; text-decoration:none; }

#extra { width:206px; }

#extra * { color: #00501f; } /* couleurs de tous les éléments (textes et bordures) de gauche */

#extra h2 { color: #00501f; font-size:1.4em; text-align:center; width:100%; margin:0; }

#extra h3 { color: #00501f; font-size:1.2em; }

#extra a:hover { color:#f29400; text-decoration:none; }

.sybelle { border:none; }

/*--plan*/

.xhtml { padding-right:200px; }

.planbas { padding-left:141px; }

.agrandir { text-align:center; }

.plan { border: 1px solid #515151; width: 400px; height: 400px; margin:auto; }

#map .infosbulle { width: 210px; border: none; margin: 0; padding: 0; }

#map .infosbulle p { display: block; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; }

.plan-titre { font-size: 14px; color: #5F0666; font-weight: bold; margin-bottom: 1em; }

.plan-adresse { font-size: 12px; color: #333; }

.plan-printer { display:block; text-align: right; }

.plan-printer img, .plan-printer a { border: none; }

/*fiun*/



#module { border:solid; margin-top:25px; border-width: 2px; }

.imageflotanted { float: right; margin-left:1em; }

.stop { clear:both; }

.imageflotanteg { float: left; margin-right:1em; }

.titre1 { color: #f29400; font-weight: normal; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }

.titre2 { padding-left:150px; color: #f29400; font-weight: normal; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.important { font-style: italic; font-weight: bold; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }

.alignbottom { vertical-align:bottom; }

.aligncenter { margin-left:auto; margin-right:auto; }

/* Des classes d'alignement du texte */
.left { text-align: left; }

.right { text-align: right; }

.center { text-align: center; }

.justify { text-align: justify; }

/* Des classes de formatage du texte en ligne */
.bold, .gras { font-weight: bold; }

.italic, .italique { font-style: italic; }

.strike, .barre { text-decoration: line-through; }

/* Des classes flotante */
.fleft, .floatleft { float: left; }

.fright, .floatright { float: right; }

/* Les "nettoyeurs" */
.clear, .clearb { clear: both; }

.clearer { clear: both; width: 0; height: 0; line-height: 0; }


/* Encarts */
.fondCentre { width:556px; background:url(../images/fond1_08.jpg) no-repeat } /* mise en forme des encart du centre */

.encartCentre { width:556px; background:url(../images/fondproduits_11.jpg) repeat-y top; } /* mise en forme des encart du centre */

.newproduits { width:556px; background:url(../images/fondproduits_11.jpg) repeat-y top; } /* mise en forme des encart du centre */

.produits { width:206px; background:url(../images/fondcatalogue_10.png) repeat-y top; } /* mise en forme des encart de côtés */

.produits .titre { background:url(../images/produits_03.jpg) no-repeat top; padding-top:10px; height:48px; width:100%; }

.promo { width:206px; background:url(../images/fondcatalogue_10.jpg) repeat-y top; } /* mise en forme des encart de côtés */

.promo .titre { background:url(../images/promo_03.jpg) no-repeat top; padding-top:10px; height:48px; width:100%; }

.panier { width:206px; background:url(../images/fondcatalogue_10.jpg) repeat-y top; } /* mise en forme des encart de côtés */

.panier .titre { background:url(../images/panier_05.jpg) no-repeat top; padding-top:10px; height:48px; width:100%; }

.fondpanier { width:206px; background:url(../images/fond2_09.jpg) no-repeat }

.compte { width:206px; background:url(../images/fondcatalogue_10.jpg) repeat-y top; } /* mise en forme des encart de côtés */

.compte .titre { background:url(../images/compte_05.jpg) no-repeat top; padding-top:10px; height:48px; width:100%; }

.recherche { width:206px; background:url(../images/fondcatalogue_10.jpg) repeat-y top; } /* mise en forme des encart de côtés */

.recherche .titre { background:url(../images/recherche_05.jpg) no-repeat top; padding-top:10px; height:48px; width:100%; }

.encartContent { padding: 0px 30px 0px 30px; } /* padding des encarts */

#footer { font-size: 0.8em; }

#footer * { color: #00501f; }

#footer a:hover { color: #fff; text-decoration:none; }

div#footer img { vertical-align: middle; }

.validator { clear:both; float:right; }

/* Éléments Particuliers
----------------------------------------------------------*/



/* Images new produits*/
#img1 { width:300px; margin-left:20px; float:left }





	/* /////////////////////////////////////////// debut mise en forme module actu ///////////////////////// */
	
	#actualites h2 { clear:both; text-align:center;  height:20px; font: bold 13px/20px Verdana, Arial, Helvetica, sans-serif; padding:0; background: #F29400 ; margin:0 0 5px 0;color:#fff; border:1px solid #fff; text-transform:uppercase; letter-spacing:2px}
	
	#actualites h3 { clear:both; text-align:center;  height:30px;  padding:0;  margin:0 0 5px 0; padding:0 2px}

	#actualites h3 a { text-decoration:none}

	#actualites .actu1 {width:165px; float:left; padding:10px}
	
	#actualites .actu {width:100%; clear:both; padding:0 0 10px 0; }
	
	#actualites .texteactu {width:100%; clear:both; }
	
	#actualites .imgactu {width:100%; clear:both; text-align:center; padding:10px 0}
	
	#actualites .imgactu a img { border:1px solid #F2E2CB; filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; margin: 0 10px; vertical-align:middle }
	
	#actualites .imgactu a:hover img { border:1px solid #E97015;  filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7;}
	
	#actualites .imgactu1 {width:100%; clear:both; text-align:center; padding:10px 0 0 0}
	
	#actualites .imgactu1 a img { border:1px solid #F2E2CB; filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; margin: 0 0; vertical-align:middle }
	
	#actualites .imgactu1 a:hover img { border:1px solid #E97015;  filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7;}
	
	.clear-left { clear:left}
	
	/* //////////////////////////////////////// fin mise en forme du module d'actu ///////////////////////////// */

	/* //////////////////////////////////////// fait par gregoooo///////////////// ///////////////////////////// */