/* TABLE DES MATIÈRES:
	- Classes générales (body, html, h1, h2, ...)
	- Conteneurs
	- Menus et sous-menus
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRALES
--------------------------------------------------------------------------------------- */
body#index{
	background: #010310 url(gx/bg.jpg) repeat-x center top;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #000 url(gx/bg.gif) repeat-x center top;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #717172;
	font-size: 11px;
	/* Garder seulement 3 fontes */
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New";
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

h1{
	color: #fff;
	font-size:14px;
}
h1 a, h1 a:link, h1 a:visited{
	color:#C21527;
}

h2{
	color: #fff;
	font-size:14px;
}

h3{
	color: #3f2227;
	font-size:14px;
	padding:15px 0;
}

/* CONTENEURS
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:977px;
	background: #333333 url(gx/bgConteneur.gif) repeat-x top left;
}
#conteneurInner{margin:0 17px;}

#haut{padding-top:5px;}
#haut p{color:#735d5d; font-size:11px;}
#haut p a, #haut p a:link, #haut p a:visited, p#panierBas a, p#panierBas a:link, p#panier a:visited{color:#fff;text-decoration: none;margin:5px;}
#haut p a:hover, #haut p a:visited:hover, p#panierBas a:hover, p#panierBas a:hover:visited{text-decoration: underline;}
#haut p a.actif, #haut p a.actif:visited{font-weight:bold;}
#menuHaut{text-align:right;float:right;padding-top:10px;width:275px;}
#logoAccueil{float:left; display:block; width:284px; height:101px; margin:15px 0 0 0;}
#recherche{	float:right;margin-right:10px;}
#contenu{float:left;display:block; width:749px;}
#contenuLateral{float:left;display:block; width:188px;background:#666666;}
.blocLateral{
	width:149px;
	background:#666666;
	margin:0px; 
	padding:15px 20px;
	float:left;
}
.blocLateral h2{
	color:#FFF;
	font-family:Tahoma;
	font-size:16px;
}
#btCollection{
	width:189px;
	background:#666666;
	margin:0px; 
	float:left;
}
#btTrouvezProduit{float:left; width:188px; height:30px;}
.paddingfr{padding:8px 24px 6px 10px;}
.paddingen{padding:8px 8px 6px 10px;}
#btTrouvezProduit a{float:left; display:block; background:url(gx/M/btnGrisBevel.jpg) no-repeat top left; text-decoration:none; color:#FFF;}
#btTrouvezProduit a:hover{color:#CC3;}

#btCollection a{float:left; height:26px; width:110px; color:#000; text-decoration:none; font-size:12px; padding:4px 0 0 20px; text-transform:uppercase; }
#btCollection div{float:left; width:136px;  padding:10px 0 15px 15px;}

#btCollection ul li ul{display:none;}

#boiteCommandeEchant{float:left; width:189px; height:98px; margin-top:7px;}
.btCommandeEchant{float:left; width:189px; display:block;}
blocPhotoTexte{float:right; width:221px; margin:0 0 0 10px;}
#blocPhotoTexte img{border:1px solid #45292e;}
#blocPhotoTexte p strong{color:#807970;}

/* SECTION PRODUIT
--------------------------------------------------------------------------------------- */
#contenuProduit{background:#fff; float:left;display:block; width:753px;min-height:470px;height:100%;_height:470px;}
#contenuProduitInner{margin:20px;}
#contenuProduit H1{color:#3f2227; font-size:16px; font-family:Tahoma;}
#contenuProduit h1 a, #contenuProduit h1 a:link, #contenuProduit h1 a:visited{ text-decoration: underline; color:#000;}
#contenuProduit p{color: #000;}
#blocCategorie{float:left;display:block;}
#imgCategorie{width: 130px; float:left; display:block;}
#imgCategorie img{border:1px solid #3f2227;}
#ctnCategorie{width: 175px; float:left; display:block;}
#ctnCategorie H2{color:#3F2227;font-size:14px; }
#ctnCategorie H2 a, #ctnCategorie H2 a:link, #ctnCategorie H2 a:visited{color:#807970; text-decoration:none; font-family:Tahoma;}
#ctnCategorie H2 a:hover, #ctnCategorie H2 a:visited:hover{text-decoration: underline;}
#ctnCategorie ul li{margin:0;padding:0 0 0 10px;list-style-type:none; background:url(gx/bullet2.gif) no-repeat 2px 8px; font-size:12px; line-height: 130%;}
#ctnCategorie ul li a, #ctnCategorie ul li a:link, #ctnCategorie ul li a:visited{color:#26161e; font-size:12px;text-decoration:none;}
#ctnCategorie ul li a:hover{text-decoration:underline;}

/* DETAIL PRODUIT
--------------------------------------------------------------------------------------- */
#detailProduit{float:left;display:block;}
#detailProduit H2{color:#CC3;font-size:14px; }
#detailProduit H2.titreItem{color:#000;}
#detailProduit p{color:#26161e; font-size:12px;margin-right:10px;}
#detailProduitGauche{width: 340px; float:left; display:block;}
#detailProduitGauche img{border:1px solid #3f2227;}
#detailProduitDroit{width: 180px; float:left; display:block;border-left:1px solid #c4bcbd;}
#ctnProduitDroit{margin-left:15px;width:330px;}
#ctnProduitDroit ul li{margin:0;padding:0 0 0 10px;list-style-type:none; background:url(gx/bullet2.gif) no-repeat 2px 8px; font-size:12px; line-height: 130%;}
#ctnProduitDroit ul li a, #ctnProduitDroit ul li a:link, #ctnProduitDroit ul li a:visited{color:#26161e; font-size:12px;}

#blocEnsemble{width: 330px;background: #ac3c4e;}
#blocEnsemble table{color:#fff;margin:10px;}

#blocItem{width: 330px;background: #ebe7d9;}
#blocItem table{color:#000;margin:10px;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu{height:22px; margin:0; padding:0;}
#menu ul{margin:0;padding:0;height:22px; }
#menu ul li{height:22px; margin:0; padding:0 25px; display:block; float:left; list-style-type:none; background: url(gx/m/mSeparation.gif) no-repeat bottom right;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	/*border: 1px solid #999;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	padding: 5px 10px 3px 8px;
	text-decoration: none;*/

	height:22px;
}
#menu ul li a img{margin-top:7px;}
#menu ul li.premier{padding-left:0;}
#menu ul li.dernier{background: none;}
#menu ul li a:hover, #menu ul li a:visited:hover{}
#menu ul li a.actif, #menu ul li a.actif:visited{}

/* MENUS PRODUITS
--------------------------------------------------------------------------------------- */

#menuProduit{}
#menuProduit strong a, #menu strong a:link, #menu strong a:visited{color: #cccc33;text-decoration:none;}
#menuProduit strong a:hover, #menu strong a:visited:hover{text-decoration: underline;}
#menuProduit ul{margin:0;padding:0;}
#menuProduit ul li{margin:0;padding:0 0 0 15px; line-height:140%;list-style-type:none; background:url(gx/bullet.gif) no-repeat 5px; }
#menuProduit ul li a, #menu ul li a:link, #menu ul li a:visited{
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	/*line-height: 11px;*/
	/*padding: 5px 10px 3px 8px;*/
	text-decoration: none;
}
#menuProduit ul li a:hover, #menu ul li a:visited:hover{text-decoration: underline;}
#menuProduit ul li a.actif, #menu ul li a.actif:visited{}

/* MENUS Détaillants
--------------------------------------------------------------------------------------- */
#menuDetaillant{ margin:0; padding:0;}
#menuDetaillant ul{margin:0;padding:0;}
#menuDetaillant ul li{padding:0; margin:0; float:left; list-style-type:none;}
#menuDetaillant ul li a, #menuDetaillant ul li a:link, #menuDetaillant ul li a:visited{
	display:block;
	/*background: #e7ecea;*/
	background: #fff;
	border-right: 1px solid #374742;
	color: #374742;
	font-size: 11px;	
	padding:0px 10px;
	text-decoration: none;
}
#menuDetaillant ul li a:hover, #menuDetaillant ul li a:visited:hover{text-decoration:underline;}
#menuDetaillant ul li a.actif, #menuDetaillant ul li a.actif:visited{font-weight:bold;}

/* TABLEAUX
--------------------------------------------------------------------------------------- */
.tableauAide{margin-bottom:15px;}
.tableauAide th{font-size:13px;background:#3f2227;color:#fff;text-align:center; padding:5px;}
.tableauAide th.titreTh{color:#3f2227;text-align:left;font-size:12px;background:none;}
.tableauAide td{color:#000; font-size:12px; padding: 5px 20px 5px 5px;}
.tableauAide td.DescTd{font-weight:bold;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 150%; /*margin-right:15px;*/ color:#fff;}
p.texte{}
#textePale{color:#fff;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #000;  text-decoration: underline;}
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{
	color:#000; text-decoration:underline;
}
p a.lienPale, p a.lienPale:link, p a.lienPale:visited{text-decoration: underline;color: #fff;}
p a.lienPale:hover, p a.lienPale:visited:hover{
	color:#fff; text-decoration:underline;
}
ul li{color:#1F1F1F; font-size:11px; line-height:150%; list-style:square; margin-left:16px;}
ol li{color:#1F1F1F; font-size:11px; line-height:150%; margin-left:16px;}

.textePetit{font-size:11px; color:#99898c;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:11px; color:#99898c;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:11px; color:#99898c;}

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

.lienRSS{
	background: url(Gx/rss.gif) no-repeat left;
	padding:5px 0 5px 20px;
}
.lienPDF{
	background: url(Gx/icone_PDF.gif) no-repeat left;
	padding:5px 0 5px 20px;
}

a.lienDetail, a.lienDetail:link, a.lienDetail:visited{
	background: url(Gx/detail.gif) no-repeat left;
	padding:5px 0 5px 20px;
	font-weight: bold;
	color:#000;
	text-decoration: none;
}
a.lienDetail:hover, a.lienDetail:visited:hover{text-decoration: underline;}

a.bouton{
	text-decoration: none;
}

#boiteTexteAccueil{width:739px;}

/* PANIER 
--------------------------------------------------------------------------------------- */
div#PanierHeader{	display:block;	margin:6px 0 0 0;padding:0;}
div#PanierHeader ul li{	
	display:block; float:left; 
	list-style:none;
	font-size:14px;
	text-align: center;
	margin:0 7px 10px 0;
	padding:2px 10px;
	border: 1px solid #26161e; 
	color:#26161e; 
	line-height:18px;
}
div#PanierHeader ul li a, div#PanierHeader ul li a:hover{
	text-decoration:none;color:#26161e; 
}
div#PanierHeader ul li.actif{	border: 1px solid #26161e; color:#fff;  background:#26161e;}

table{font-size:11px;color:#606060;}
table.w100 {width:90%;}
/*table tr td{padding: 3px; line-height:150%;border-bottom: 1px solid #cfd4d9;}*/
table tr.noBorder td{border:none;}
table tr.trTitre{
	font-weight: bold;
	font-size: 13px;
	background-color: #26161e;
	color: #fff;
	border-top: 1px solid #cfd4d9;
	/*color:#1466bb;*/

}
table tr td{padding:2px;border-top: 0px solid #cfd4d9;} 
table tr.row1{	background-color:  #fff;}
table tr.row2, td.row2{	background-color:#F3F1F2;}
//*
#boiteInfo{
	float:left;
	display:block;
	width:350px;
	border: 1px solid #e3e3e3;
	border-top: none;
	margin-right:10px;
	height: 230px;
}
#boiteInfoInt{margin:20px 10px;}
#boiteInfo h3{
	text-align: center;
	color: #1466bb;
	border-top: 1px solid #e3e3e3;
	padding: 4px 0;
	font-weight: bold;
	font-size: 13px;
}*/

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
div#piedPage{height:25px; padding:10px 0; margin:0; border-top: 1px solid #654e52;}
#piedPage a{color:#99898c; text-decoration:none;}
#piedPage a:hover{color:#99898c;text-decoration:underline;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights a{font-weight:normal;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#99898c;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #99898c;}
#piedPage #menuPiedPage a{margin:0 10px;}
#piedPage #menuPiedPage a:hover{ text-decoration:underline;}
/* Partager cette page (bookmarker) */
#socialBookmarker {float:right;}
#bookmarker a{color:#BD9500; text-decoration:underline;}
#bookmarker a:hover{color:#000;}

#sitemap ul li a, #sitemap ul li a:link, #sitemap ul li a:visited{color:#000;
	
}
/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:0px solid #99898c; font-size: 11px; margin-bottom:10px; padding:5px;}
fieldset legend{border: 0px solid #999; color:#807970; font-size:14px; font-weight:bold; padding:3px 0;margin:0;_margin-left:-8px;*margin-left:-8px;}
fieldset label{font-size:12px; color:#000; margin:2px 0 2px 0;float:left;display:block;}

.champTexte{	
	background: #fff;
	border: 1px solid #99898c;
	color: #56595f;
	font-size: 11px;
	margin:2px 0 2px 0;
	padding: 2px 2px;
	float:left;display:block;
}
.listeDeroulante{
	background: #fff;	
	border: 1px solid #99898c;
	color: #56595f;
	font-size: 11px;
	margin:2px 0 2px 0;
	float:left;display:block;
}
.boiteTexte{
	background: #fff;
	border: 1px solid #99898c;
	color: #56595f;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #26161e;
	color: #fff;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	border: none;
	padding:2px 5px;
	text-align: center;
	
}
.boutonPanier{
	background: #26161e url(gx/panier.gif) no-repeat 10px 7px;
	padding-left:30px;
	float:right;
	Width:140px;
}

.bouton:hover{background-color: #828220; cursor:pointer;} /* FF seulement */

.champCache {display:none; visibility:hidden;} /* Utilisé pour l'antiSpam */

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;float:left;margin:2px;}
.erreur{color: #FF0000;}
.ligne{
	color:#ccc;
	border:none;
	height: 1px;
	line-height: 1px;
	background: #ccc;
}


/* 10_100 Collections
------------------------------------------------------------------------------------------ */
#btContenuCollection{float:left; width:749px; height:712px;}
#btContenuCollection p{color:#464646;float:left; margin:0 0 0 30px; width:80%;}
#btCollectionHeader{float:left; width:749px; height:61px; margin-bottom:20px;}
#btCollectionHeader h1{color:#000; float:left; margin:30px 0 0 30px; font-size:17px; font-family:Tahoma;text-transform:uppercase;}
#aVenir{font-style:italic; font-weight:normal; }


.btBtnProduitCol{float:left; height:25px; margin:5px 0; display:block;}
.btnProduitCol{float:left; height:25px; display:block; color:#000; text-decoration:none; font-weight:bold; text-transform:UPPERCASE;}
.btnProduitCol:hover{text-decoration:underline;}
.btnProduitCol_gauche{float:left; height:25px; width:5px; display:block;}
.btnProduitCol_gaucheSpecial{float:left; height:25px; width:5px; display:block;}
.btnProduitCol_centre{float:left; height:14px; display:block; padding:6px 30px 5px 15px;}
.btnProduitCol_centreSpecial{float:left; height:14px; display:block; width:190px; padding:6px 14px 5px 6px;}
.btnProduitCol_droite{float:left; height:25px; width:12px; display:block;}
.btnProduitCol_droiteSpecial{float:left; height:25px; width:12px; display:block;}

.longueurSpecial{width:190px;}
.longueurRev{width:190px; padding:6px 0px 5px 150px;}

.sansBold{font-weight:normal}

/* 10_110 Collections listing
------------------------------------------------------------------------------------------ */
.btProduitCollection{float:left; width:357px; height:150px; margin:5px 30px 5px 0px; background-color:#FFF;}
.btProduitCollectionImage{float:left; width:357px; height:122px;}
.btProduitCollectionLabel{float:left; width:347px; height:18px; text-align:right; padding:5px 10px 5px 0;}

.btProduitCollectionShort{float:left; width:164px; height:150px; margin:5px 30px 5px 0px; background-color:#FFF;}
.btProduitCollectionShortImage{float:left; width:154px; height:122px;}
.btProduitCollectionShortLabel{float:left; width:154px; height:18px; text-align:right; padding:5px 5px 5px 5px;}

.btProduitCollectionLabel a, .btProduitCollectionShortLabel a{color:#58595b; font-family:Tahoma; font-size:12px; font-weight:bold; text-decoration:none;}
.btProduitCollectionLabel a:hover, .btProduitCollectionShortLabel a:hover{text-decoration:underline;}

/* 10_111 Collections Modele
------------------------------------------------------------------------------------------ */
#conteneurSlideModele{float:left; width:749px; position:relative;}
#btSlideModele{width:749px; position:absolute; top:0px; left:0px;}

.btnNavModele{ width:122px; height:36px; position:absolute; z-index: 100 !important; top:50px !important;color:#464646; font-weight:bold; text-decoration:none; font-size:16px; display:block !important;}

#btnSuivantModele {right:0px !important; background:url(gx/10/btnNextModeleNext_off.jpg) no-repeat top left; padding:15px 0 0 10px; }
#btnSuivantModele:hover{background:url(gx/10/btnNextModeleNext_over.jpg) no-repeat top left;}

#btnPrecedentModele {left:0px !important; background:url(gx/10/btnNextModeleBack_off.jpg) no-repeat top left; padding:7px 0px 8px 40px; }
#btnPrecedentModele:hover{background:url(gx/10/btnNextModeleBack_over.jpg) no-repeat top left;}

.btModeleProduit{width:749px;float:left;}
.btModeleProduitImage{float:left; width:749px; height:442px; position:relative;}
.btModeleProduitImage img{width:749px; height:442px; position:absolute; top:0; left:0px; z-index:1;}
.btCouleurModele{position:absolute; top:350px; left:30px; z-index:10;}
.couleurModele{border:1px solid #cccccc; float:left; margin:0 10px 10px 0; text-align:center; width:60px; height:60px;}
.couleurModele span{color:#a09e9e; font-size:12px; font-style:italic;}
.btModeleProduitBottom{float:left; width:749px; background-color:#FFF;}
.btModeleProduitTexte{float:left; width:450px; padding:10px; height:125px;}
.btModeleProduitTexte h1{color:#58595b; font-family:arial; font-style:italic; /*font-weight:normal;*/ font-size:18px;}
.btModeleProduitTexte p{color:#58595b;}
.btModeleProduitCommande{float:right; width:275px; background-color:#cccc33; position:relative;}
.btModeleProduitCommande a{width:189px; height:98px; position:absolute; bottom:0px; right:0px;}


.btnNavModele2{ width:122px; height:36px; position:absolute; z-index: 100 !important; top:9px !important;color:#464646; font-weight:bold; text-decoration:none; font-size:16px; display:block !important;}
#btnSuivantModele2 {right:0px !important; background:url(gx/10/btnNextModeleNext_off.jpg) no-repeat top left; padding:15px 0 0 10px; }
#btnSuivantModele2:hover{background:url(gx/10/btnNextModeleNext_over.jpg) no-repeat top left;}

#btnPrecedentModele2 {right:110px !important; background:url(gx/10/btnNextModeleBack_off.jpg) no-repeat top left; padding:7px 0px 8px 40px; }
#btnPrecedentModele2:hover{background:url(gx/10/btnNextModeleBack_over.jpg) no-repeat top left;}

#conteneurSlideModele2{float:left; width:749px; background-color:#FFF;position:relative;}
#btSlideModele2{width:749px; }
.btModeleProduitImage2{float:left; width:427px; height:512px; margin:10px;}
.btModeleProduitImage2 img{width:427px; height:512px;}
.btCouleurModele2{float:left; margin:0 0 0 0px; width:270px;}
.btCouleurModele2 h3{color:#58595b; font-family:Tahoma; font-size:14px; text-transform:uppercase;}
.btModeleProduitBottom2{float:left; width:270px; background-color:#FFF;margin:0 0 0 32px; }
.btModeleProduitTexte2{float:left; width:250px; padding:10px 0 0 0; margin:70px 0 0 0px;}
.btModeleProduitTexte2 p{color:#58595b;}
.btModeleProduitTexte2 h1{color:#58595b; font-family:arial; font-style:italic; /*font-weight:normal;*/ font-size:18px;}
.btModeleProduitCommande2{float:right; width:275px; background-color:#cccc33;}
.btModeleProduitCommande2 a{width:189px; height:98px; float:right;}