/* RÉINITIALISATION DES ÉLÉMENTS
--------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
a:active,object,embed{outline:none;}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */
body#index{
	background: #FFF url(gx/bg.gif) repeat-x center top;
	text-align:center;
}
body#main{
	background: #686868 url(gx/bg.gif) repeat-y  scroll center top;
	text-align:center;
	behavior: url(inc/csshover.htc);
}
html{
	color: #717172;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif; /* Garder seulement 3 fontes */
}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
h1 { color:#0b0b0b; font-size:18px; margin-bottom:15px; font-family: Arial, Helvetica, sans-serif; line-height:22px; }
h1 strong { color:#99a745; font-size:29px; }
h1 a, h1 a:link, h1 a:visited { color:#0b0b0b;}
h1 strong a, h1 strong a:link, h1 strong a:visited { color:#99a745;}
h1 a:hover { text-decoration:none; }

h2{color:#C21527; font-size:15px; margin-bottom:10px;}
h2 a, h2 a:link, h2 a:visited { color:#333;}
h2 a:hover { text-decoration:none; }

p { font-size:12px; line-height:150%; margin-bottom:10px; color:#6c714d; text-align:justify; }
p.textePetit{font-size:10px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited { color:#6c714d; text-decoration:none;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	text-decoration:underline;
}

table { font-size:12px; color:#6c714d; }

ul, ol { margin-bottom:10px; }
ul li{ font-size:12px; line-height:150%; list-style:square; margin-left:16px; }
ol li{ font-size:12px; line-height:150%; margin-left:16px; }

a { outline:none; }

/* 
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}
*/

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
label { font-size:12px; color:#6c714d; margin:2px 0 2px 0; padding:2px; }
label.erreur { color:#cc0000; }
.champTexte { font-size:12px; margin:2px 0 2px 0; padding:2px;border: 1px solid #6c714d; background:#FFFFFF; }
.listeDeroulante { font-size:12px; margin:2px 0 2px 0;border: 1px solid #6c714d; background:#FFFFFF; }
.boiteTexte { font-family: Arial, sans-serif; font-size:12px; margin:2px 0 2px 0; padding:2px;border: 1px solid #6c714d; background:#FFFFFF; }
input.bouton { position:absolute; left:-9999px; top:-9999px; }
.bouton{
	width:150px;
	height:30px;
	line-height:30px;
	border: 1px solid #6c714d;
	border-bottom: 1px solid #6c714d;
	background-color: #d1d7a9;
	border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: inset 0 1px 3px #e3e5d4, inset 0 -15px #c5cba0, 0 0 3px #c5cba0;
	-o-box-shadow: inset 0 1px 3px #e3e5d4, inset 0 -15px #c5cba0, 0 0 3px #c5cba0;
	-webkit-box-shadow: inset 0 1px 3px #e3e5d4, inset 0 -15px #c5cba0, 0 0 3px #c5cba0;
	-moz-box-shadow: inset 0 1px 3px #e3e5d4, inset 0 -15px #c5cba0, 0 0 3px #c5cba0;
	color: #6c714d;
	text-shadow: 0 1px #e3e5d4;
	padding: 5px;
	text-decoration:none;
}
.bouton:hover {
	color:#6c714d;
	cursor:pointer;
	border: 1px solid #6c714d;
	background-color: #c5cba0;
	box-shadow: inset 0 1px 3px #c5cba0, inset 0 -15px #d1d7a9, 0 0 3px #d1d7a9;
	-o-box-shadow: inset 0 1px 3px #c5cba0, inset 0 -15px #d1d7a9, 0 0 3px #d1d7a9;
	-webkit-box-shadow: inset 0 1px 3px #c5cba0, inset 0 -15px #d1d7a9, 0 0 3px #d1d7a9;
	-moz-box-shadow: inset 0 1px 3px #c5cba0, inset 0 -15px #d1d7a9, 0 0 3px #d1d7a9;
	text-shadow: none;
}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

p.erreur{text-align:center; color:#CC0000; background-color:#FFDDDD; border:1px #CC0000 solid; padding:15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.succes{text-align:center; color:#4F8A10; background-color:#DFF2BF; border:1px #4F8A10 solid; padding:15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.conseil { font-size:10px;display:none; }
p.conseil em { color:#94a146; }

/* Icones générales
--------------------------------------------------------------------------------------- */
a.lienRSS { background: url(Gx/icone_rss.gif) no-repeat left;padding:5px 0 5px 20px;}
a.lienSUITE { background: url(Gx/icone_suite.gif) no-repeat left;padding:5px 0 5px 16px; color:#747d10; text-decoration:none; }
a.lienSUITE:hover { text-decoration:underline; }
a.lienSUITEmoins { background: url(Gx/icone_suite_moins.gif) no-repeat right;padding:5px 16px 5px 0; color:#747d10; text-decoration:none; }
a.lienSUITEmoins:hover { color:#b49e0e; text-decoration:underline; }
a.lienRETOUR{background: url(Gx/icone_retour.gif) no-repeat left;padding:5px 0 5px 20px;}
a.lienLINK{background: url(Gx/icone_lien.gif) no-repeat left; padding:5px 0 5px 20px;}
a.lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px; color:#747d10; text-decoration:none;}
a.lienPDF:hover { text-decoration:underline;}

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur_top { background: #FFFFFF url(gx/m/bg_conteneur_top.gif) repeat-x center top; position:relative; height:401px; }
#conteneur_contenu { background: #FFFFFF url(gx/m/bg_conteneur_contenu.gif) repeat-x center top; position:relative; min-height:300px; }
#conteneur, .conteneur { margin:0 auto 0 auto; text-align:left; width:955px; position:relative; }
#contenu { min-height:300px; height:auto !important; height:300px; margin:0; padding:20px 0 30px 0; }
.contenu { width:610px; padding: 20px 0 0 0; float:left; margin:0 20px 0 0; }
#lebg { background: url(gx/m/lebg.png) repeat-y right top; _background: url(gx/m/lebg.png) repeat-y -1px top; width:955px; margin:0; padding:0; }
#ColDroite { position:absolute; right:0; top:-200px; z-index:500; width:337px; height:500px; background: url(gx/m/bg_ColDroite.png) no-repeat center top; }
#ColDroite .content { padding: }
.both{clear:both;}
#haut { border-bottom:1px solid #afb199; height:33px; }
#accesClient_fr { background-image: url(gx/m/sprite_acces_client.png); display:block; width:210px; height:88px; text-indent:-9999px; position:absolute; z-index:600; top:50px; right:-3px; }
#accesClient_fr { background-position: 0 0; } #accesClient_fr:hover { background-position: 0 -88px; }
#accesClient_en { background-image: url(gx/m/sprite_acces_client.png); display:block; width:210px; height:88px; text-indent:-9999px; position:absolute; z-index:600; top:50px; right:-3px; }
#accesClient_en { background-position: -210px 0; } #accesClient_en:hover { background-position: -210px -88px; }

.sprite_colDroite { margin:0 0 0 9px; display:block; width:320px; height:95px; background-image: url(gx/m/sprite_colDroite.png); text-indent:-9999px; position:relative; }
#achat_fr { margin-top: 9px; background-position: 0px 0px; } #achat_fr:hover { background-position: 0px -95px; }
#livraison_fr { background-position: -320px 0px; } #livraison_fr:hover { background-position: -320px -95px; }
#suivez_fr { background-position: -640px 0px; } #suivez_fr:hover { background-position: -640px -95px; }
#achat_en { margin-top: 9px; background-position: 0px -190px; } #achat_en:hover { background-position: 0px -285px; }
#livraison_en { background-position: -320px -190px; } #livraison_en:hover { background-position: -320px -285px; }
#suivez_en { background-position: -640px -190px; } #suivez_en:hover { background-position: -640px -285px; }

div.sprite_colDroite a.facebook { background: url(gx/m/btn_facebook-twitter.gif) no-repeat left top; display:block; width:33px; height:32px; position:absolute; top:30px; right:53px; text-indent:-9999px; }
div.sprite_colDroite a.facebook:hover { background: url(gx/m/btn_facebook-twitter.gif) no-repeat left bottom; }
div.sprite_colDroite a.twitter { background: url(gx/m/btn_facebook-twitter.gif) no-repeat right top; display:block; width:33px; height:32px; position:absolute; top:30px; right:17px; text-indent:-9999px; }
div.sprite_colDroite a.twitter:hover { background: url(gx/m/btn_facebook-twitter.gif) no-repeat right bottom; }

#texteDroit { margin:9px 0 0 19px; }
#texteDroit h2 { font-family: Helvetica, Arial, sans-serif; font-size:20px; color:#99a745; text-transform:uppercase; }

/* MENUS
--------------------------------------------------------------------------------------- */
#menu { margin:0; left:0; position:absolute; z-index:300; top:350px; box-shadow: 0 0 10px #FFFFFF; -o-box-shadow: 0 0 10px #FFFFFF; -webkit-box-shadow: 0 0 10px #FFFFFF; -moz-box-shadow: 0 0 10px #FFFFFF; }
#menu li { padding:0; margin:0; display:inline; list-style-type:none;}
#menu li a, #menu li a:link, #menu li a:visited { display:block; float:left; color: #333333; font-size: 16px; text-transform: uppercase; font-weight: bold; line-height: 36px; line-height: 36px; text-decoration: none; font-family: Helvetica, Arial, Sans-serif; text-indent:-9999px; }
#menu li a:hover, #menu li a:visited:hover { color:#333333;}
#menu li a.actif, #menu li a.actif:visited, #menu li a:active, #menu li a:visited:active { color:#333333;}

.menu_fr li a { background-image: url(gx/m/sprite_menu_fr.gif); }
.menu_fr li.menu01 a { width:89px; background-position: 0px 0px; } .menu_fr li.menu01 a:hover { background-position: 0px -36px; } .menu_fr li.menu01 a.actif { background-position: 0px -72px; }
.menu_fr li.menu02 a { width:81px; background-position: -89px 0px; } .menu_fr li.menu02 a:hover { background-position: -89px -36px; } .menu_fr li.menu02 a.actif { background-position: -89px -72px; }
.menu_fr li.menu03 a { width:97px; background-position: -170px 0px; } .menu_fr li.menu03 a:hover, .menu_fr li.menu03 a.actif:hover { width:97px; background-position: -170px -36px; } .menu_fr li.menu03 a.actif { width:97px; background-position: -170px -72px; }
.menu_fr li.menu04 a { width:113px; background-position: -267px 0px; } .menu_fr li.menu04 a:hover, .menu_fr li.menu04 a.actif:hover { background-position: -267px -36px; } .menu_fr li.menu04 a.actif { background-position: -267px -72px; }
.menu_fr li.menu05 a { width:153px; background-position: -380px 0px; } .menu_fr li.menu05 a:hover, .menu_fr li.menu05 a.actif:hover { background-position: -380px -36px; } .menu_fr li.menu05 a.actif { background-position: -380px -72px; }
.menu_fr li.menu06 a { width:79px; background-position: -533px 0px; } .menu_fr li.menu06 a:hover, .menu_fr li.menu06 a.actif:hover { background-position: -533px -36px; } .menu_fr li.menu06 a.actif { background-position: -533px -72px; }

.menu_en li a { background-image: url(gx/m/sprite_menu_en.gif); }
.menu_en li.menu01 a { width:89px; background-position: 0px 0px; } .menu_en li.menu01 a:hover, .menu_en li.menu01 a.actif:hover { background-position: 0px -36px; } .menu_en li.menu01 a.actif { background-position: 0px -72px; }
.menu_en li.menu02 a { width:81px; background-position: -89px 0px; } .menu_en li.menu02 a:hover, .menu_en li.menu02 a.actif:hover { background-position: -89px -36px; } .menu_en li.menu02 a.actif { background-position: -89px -72px; }
.menu_en li.menu03 a { width:97px; background-position: -170px 0px; } .menu_en li.menu03 a:hover, .menu_en li.menu03 a.actif:hover { width:97px; background-position: -170px -36px; } .menu_en li.menu03 a.actif { width:97px; background-position: -170px -72px; }
.menu_en li.menu04 a { width:113px; background-position: -267px 0px; } .menu_en li.menu04 a:hover, .menu_en li.menu04 a.actif:hover { background-position: -267px -36px; } .menu_en li.menu04 a.actif { background-position: -267px -72px; }
.menu_en li.menu05 a { width:153px; background-position: -380px 0px; } .menu_en li.menu05 a:hover, .menu_en li.menu05 a.actif:hover { background-position: -380px -36px; } .menu_en li.menu05 a.actif { background-position: -380px -72px; }
.menu_en li.menu06 a { width:79px; background-position: -533px 0px; } .menu_en li.menu06 a:hover, .menu_en li.menu06 a.actif:hover { background-position: -533px -36px; } .menu_en li.menu06 a.actif { background-position: -533px -72px; }

#sousMenu { margin:0 0 30px 0; _margin:0 0 60px 0; padding:0; }
#sousMenu li { display:inline; float:left; list-style:none; margin:0 10px 0 0; padding:0; height:26px; line-height:26px; background: url(gx/m/sousmenu_li.gif) no-repeat right bottom; }
#sousMenu li:hover { background: url(gx/m/sousmenu_li.gif) no-repeat right top; }
#sousMenu li.actif {  background: url(gx/m/sousmenu_li.gif) no-repeat right top; }
#sousMenu li a { font-weight:bold; color:#FFFFFF; display:block; float:left; margin:0 10px 0 0; background: url(gx/m/sousmenu_a.gif) no-repeat left bottom; height:26px; line-height:26px; padding:0 0 0 10px; }
#sousMenu li a:hover { color:#FFFFFF; background: url(gx/m/sousmenu_a.gif) no-repeat left top; text-decoration:none; }
#sousMenu li a.actif { color:#CCCCCC; background: url(gx/m/sousmenu_a.gif) no-repeat left top; text-decoration:none; }

#menuProduits { margin:0; padding:0; }
#menuProduits li { list-style:none; padding:0; margin:0; }
#menuProduits li a { color:#000000; background: url(gx/m/list-style-menuProduits.gif) no-repeat left; padding:0 0 0 12px; display:block; }
#menuProduits li a:hover { color:#99a745; text-decoration:none; } #menuProduits li a.actif { color:#000000; font-weight:bold; text-decoration:none; }

/* Navigation secondaire */
#menuSec { position:absolute; z-index:200; right:0; }
#menuSec li { backgrounddisplay:inline; float:left; list-style-type:none; margin:0 3px 0 3px; height:33px; line-height:33px; }
#menuSec li:hover { background: url(gx/m/menuSec_li.gif) no-repeat right; }
#menuSec li.actif { background: url(gx/m/menuSec_li_actif.gif) no-repeat right; }
#menuSec a, #menuSec a:link, #menuSec a:visited { float:left; font-size: 11px; color:#979d6f; padding:0 15px 0 15px; font-weight:bold; text-decoration:none; }
#menuSec a:hover { background: url(gx/m/menuSec_a.gif) no-repeat left; color:#979d6f; text-decoration:none; }
#menuSec a.actif { background: url(gx/m/menuSec_a_actif.gif) no-repeat left; color:#1c1c1c; text-decoration:none; cursor:default; }

/* Navigation en bas-de-page */
.menuBas { float:left; margin:0 30px 0 0; }
.menuBas li { list-style-type:none; padding:0; margin:0; color:#9a9a9a; } .menuBas li:hover { color:#9eab4f; }
.menuBas a, .menuBas a:link, .menuBas a:visited { font-size: 11px; color:#969c7c; }
.menuBas li.actif, .menuBas a:hover, .menuBas a.actif { color:#9eab4f; }

/* 00_110 : PAGE NOUVELLE
--------------------------------------------------------------------------------------- */
.fbJaimePetit { max-width: 100px; float:left; margin:0 0 0 20px; }
.fbJaime { max-width: 380px; float:left; margin:8px 0 0 5px; }
.fbJaime iframe{ margin-right: 10px; height: 30px; width: 370px; border:none; }
.fbJaime span.connect_widget_not_connected_text { color:#7f94a5; font-size:12px; }

p a.public { background: url(gx/m/btn_public.gif) no-repeat left bottom; color:#FFFFFF; display:block; width:128px; height:26px; line-height:26px; font-weight:bold; text-align:center; text-decoration:none; }
p a.public:hover { background: url(gx/m/btn_public.gif) no-repeat left top; text-decoration:none; }

.bordurePhoto { 
	float:left; 
	margin:0 10px 5px 0; 
	padding:3px; 
	border:1px solid #7b834b; 
	background:#FFFFFF;
	box-shadow: 0 0 5px #7b834b;
	-o-box-shadow: 0 0 5px #7b834b;
	-webkit-box-shadow: 0 0 5px #7b834b;
	-moz-box-shadow: 0 0 5px #7b834b;
}
.bordurePhoto:hover { 
	border:1px solid #666d3e;
	box-shadow: 0 0 7px #666d3e;
	-o-box-shadow: 0 0 7px #666d3e;
	-webkit-box-shadow: 0 0 7px #666d3e;
	-moz-box-shadow: 0 0 7px #666d3e;
}

/* 00_888 : PAGE SITE MAP
--------------------------------------------------------------------------------------- */
#sitemap li a { color:#353826; }
#sitemap li ul { margin:0 0 0 0; }
#sitemap li ul li a { color:#6c714d; }

/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#img_banner { position:absolute; top:2px; z-index:1; }
#logo { position:relative; z-index:400; top:50px; left:-30px; }

/* 04_200 : PAGE PRODUITS
--------------------------------------------------------------------------------------- */
.boiteProduit { border-bottom:1px solid #a5ab7e; margin:0 0 10px 0; padding:10px 0 10px 0; }
.boiteProduit h2 { color:#0b0b0b; }
.boiteProduitLeft { float:left; width:430px; margin:0 20px 0 0; }
.boiteProduitRight { float:left; width:150px; }

/* 05_100 : PAGE RÉFÉRER CE SITE
--------------------------------------------------------------------------------------- */
.gauche { margin:0 50px 0 0; }
.droite, .gauche { float:left; }
#envoiDemande fieldset, #envoiDemande legend { border:none; }
#envoiDemande label { color:#6c714d; }
#envoiDemande label.erreur { color:#6c714d; }
#envoiDemande .champTexte { color:#6c714d; float:left; padding:2px; width:250px; font-size:12px; font-family: arial, sans-serif; margin:0 0 5px 0; }
#envoiDemande .boiteTexte { color:#6c714d; float:left; padding:2px; height:70px; width:556px; font-size:12px; font-family: arial, sans-serif; margin:0; }
#envoiDemande .bouton { width:80px; }

/* 09_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
#carteContact { border:1px solid #999; height:250px; width:300px; float:right; }

#formQuestion { font-family:Arial,sans-serif; }
#formQuestion label { float:left; width:80px; font-family:Arial,sans-serif;}
#formQuestion .champTexte { float:left; width:200px;font-family:Arial,sans-serif;}
#formQuestion #format { width:40px; margin-right:7px; }
#formQuestion .listeDeroulante { float:left;width:206px;padding:2px;font-family:Arial,sans-serif;}
#formQuestion .boiteTexte { float:left;height:70px;width:200px;font-family:Arial,sans-serif;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage { background: #686868 url(gx/m/bg_piedPage.gif) repeat-x center top; color:#9a9a9a; height:178px; padding:20px 0 0 0; }
#piedPage a { text-decoration:none; }
#piedPage a:hover { text-decoration:underline; }
#piedPage #copyrights { float:left; margin:0; text-align:left;}
#piedPage #copyrights a { color:#bbbbbb; }
#piedPage #copyrights #lienCopyrights { font-weight:normal; text-decoration:none; color:#bbbbbb; }
#piedPage #copyrights #lienCopyrights:hover { font-weight:normal; text-decoration:underline; color: #bbbbbb; }

#piedPage .boite { position:absolute; z-index:900; top:-130px; right:-20px; }
#piedPage .textePiedPage { font-size:10px; color:#9a9a9a; width:320px; float:left; margin-right:8px; }
#piedPage .coords  { background: url(gx/m/bg_coords.gif) no-repeat left top; width:320px; height:106px; float:left; color:#a2a977; }
.coords .adresse { float:left; border-right:1px solid #6b6b6b; padding:0 10px 0 0; margin:23px 10px 0 15px; _margin:23px 10px 0 10px; }
.coords .phones { float:left; margin:23px 0 0 0; }

/* Partager cette page (bookmarker) */
#socialBookmarker { float:right; }
#socialBookmarkerPrefix { float:left; cursor:default; height:16px; line-height:16px; padding:0 0 0 20px; background: url(gx/icone_partager.gif) no-repeat left top;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup { border:solid 1px #717172; background: #686868 url(gx/m/bg_piedPage.gif) repeat-x center top; display:none; padding:4px; position:absolute; z-index:999; text-align:left; width:167px; box-shadow: 0 0 20px #000000; -moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; } 
#bookmarkHoverPopup .bookmarkHoverPopupItems { float:left; clear:both; height:25px; width:165px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a { height:25px; line-height:25px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited { border:none; color:#969c7c; display:block; padding-left:2px; text-decoration:none; width:165px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover { background-color:#353535; color:#9eab4f; display:block; height:20px; line-height:20px; padding-top:3px; text-decoration:none; width:165px; box-shadow: 0 0 3px #000000; -moz-box-shadow: 0 0 3px #000000; -webkit-box-shadow: 0 0 3px #000000;}