/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
	background: #191919 url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #191919 url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #717172;
	font-size: 12px;
	/* Garder 3 fontes seulement */
	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: #755c79;
	font-size:16px;
}
h1 a, h1 a:link, h1 a:visited{
	color:#C21527;
}

h2{
	color: #cd8aa9;
	font-size:16px;
	font-weight: normal;
}
h2 a, h2 a:link, h2 a:visited{
	color: #cd8aa9;
}

h2 a:hover, h2 a:visited:hover{
	color:#D5CAD6;
}

h3{
	color: #cd8aa9;
	font-size:13px;
	font-weight: normal;
}
h3 a, h3 a:link, h3 a:visited, h3 a:hover, h3 a:link:hover, h3 a:visited:hover{
	color:#cd8aa9;
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:980px;
	min-height:900px; height:100%;_height:800px;
	
}
/* CONTENU
--------------------------------------------------------------------------------------- */
#contenu{

	background: transparent url(gx/m/bgContenu.jpg) top right repeat-y;
	min-height: 500px;height:100%;_height:500px;
	padding-right: 230px;
	width:740px; _width:980px;

}
#contenuInt{
	margin-left:10px;
}
#menuLateral{
	float:left;
	display:block;
	width:160px;
}
#menuLateral a.menuLateralActif{
	font-weight: bold;
}

#menuLateralInt{
	margin: 0 5px;
}
#contenuCentral{

	float:left;
	display:block;
	width:580px;
	
	
}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{ margin:0; padding:0;}
#menu ul{margin:0;padding:40px 0 0 0px;}
#menu ul li{padding:0; margin:0; display:block; list-style-type:none;float:left;color:#9d9ea1;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	border-right: 1px solid #9d9ea1;
	line-height: 15px;
	padding: 0px 10px 0px 15px;

}
#menu ul li a:hover, #menu ul li a:visited:hover{}
#menu ul li a.actif, #menu ul li a.actif:visited{}

/* MENU UTILITAIRE
--------------------------------------------------------------------------------------- */
#menuu{height:21px; margin:0; padding:0; float:right;margin:15px 0 0 0;}
#menuu ul{margin:0;padding:0;}
#menuu ul li{padding:0; margin:0; display:inline; list-style-type:none;color:#bfc2cb;}
#menuu ul li a, #menuu ul li a:link, #menuu ul li a:visited{
	color: #6e7178;
	font-size: 12px;
	line-height: 12px;
	padding: 5px 10px 3px 8px;
	text-decoration: none;
}
#menuu ul li a:hover, #menuu ul li a:visited:hover{color: #191919;}
#menuu ul li a.actif, #menuu ul li a.actif:visited{color: #191919; }

/* PAGE 00
--------------------------------------------------------------------------------------- */
div#blocStore{
	height:120px;
	width: 239px;
	float:left;
	display:block;
	margin: 0 9px 0 10px;
	/*border:1px solid #282828;*/
	text-align:center;
	background: #232426  url(gx/m/bgBlocFind.jpg) no-repeat;
}
div#blocStore div.blocStoreContent{
	font-size:16px;
	color:#fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin:50px 5px 0 5px;
}

/* PAGE 01
--------------------------------------------------------------------------------------- */
div#boiteCollection{
	float:left;
	width:278px;
	margin:0 10px 10px 0;
	background-color: #2c2d31;
	color:#fff;
}
div.titreCollection{
	margin:5px 10px;
	font-size: 14px;
}
div#listeProduit{
	float:left;
	display:block;
	width: 145px;
	margin: 0 0px 20px 0;
}
div#photoProduit{
	width: 305px;
	float:left;
	display: block;
}
div#detailProduit{
	width: 270px;
	float:left;
	display: block;
	margin: 5px 0 0 0;
}

/* PAGE 02
--------------------------------------------------------------------------------------- */
div.googlemap{
	float:right;
	display:block;
	width:300px;


}

div#Adresse{
	float:left;
	display:block;
	width:250px;


}

/* TABLEAUX
--------------------------------------------------------------------------------------- */

table{
	width:100%;

}

table tr.titreTable td{
	text-align:left;
	color: #cd8aa9;
	
	font-size:14px;
}

table tr.row1{
	background: #2E2E2E;
}

table tr{
	
}
table tr td{
	padding: 3px;
	border: none;
	margin:0;
	font-size:12px;
}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 13px; line-height: 125%; color: #B3B3B4;}

p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited, a, a:visited{color: #fff; 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, a:hover, a:visited:hover{
	color:#cd8aa9; text-decoration:none;
}
a.lienCat{
	color:#FFFFF0; text-decoration:none;font-size:12px;line-height:16px;
}
ul li{font-size:11px; line-height:150%; list-style:square; margin-left:16px;}
ol li{font-size:11px; line-height:150%; color:#1F1F1F; margin-left:16px;}

.textePetit{font-size:10px; color:#1F1F1F;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#1F1F1F;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#1F1F1F;}


.ligne{
	height: 1px;
	line-height:1px;
	background: #b7b7b7;
}
.imgProduit{
	border:1px solid #b7b7b7;
}
.image{
	border:1px solid #2b2e31;
}
/* 
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;
}

.floatLeft{
	float:left;
}
/* PIED DE PAGE
--------------------------------------------------------------------------------------- */

#piedPage{color:#555; font-family:Tahoma; font-size:11px;  padding:0;}
#piedPage a{color:#555; text-decoration:none;}
#piedPage a:hover{color:#7a7f87;text-decoration:underline;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#555;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #555;}

div#blocRef{
	float:left;
	width: 125px;
}

/* Partager cette page (bookmarker) */
#socialBookmarker{float:right; margin-top:10px;}
#socialBookmarkerPrefix{float:left;cursor:default;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup{border:solid 1px; background-color:#FFF; display:none; padding:4px; position:absolute; text-align:left; width:315px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems{float:left; height:25px; margin-right:4px; width:150px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a{height:25px; line-height:25px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{border:none; color:#000; display:block; padding-left:2px; text-decoration:none; width:150px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{background-color:#eee; border:1px solid #666; color:#333; display:block; height:25px; padding-left:2px; text-decoration:none; width:150px;}


/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-bottom:10px; padding: 5px; border:0px solid #000;font-size: 11px;}
fieldset legend{font-size: 14px; font-weight: bold; color:#000; padding:3px;border: 1px solid #999;}
fieldset label{font-size: 12px; color:#717172;margin:2px 0 2px 0;float:left;display:block;}

#formInscription label{width:130px;}
#formInscription .champTexte{width:250px;}

.champTexte{	
	background: #191919;
	border: 1px solid #303337;
	color: #7a7f87;
	font-size: 11px;
	margin:2px 0;
	padding:2px 5px;
	float:left;
	display:block;
}
.listeDeroulante{
	background-color: #191919;	
	/*background:none;*/
	border: 1px solid #303337;
	color: #7a7f87;
	font-size: 11px;
	margin:2px 0 2px 0;
	float:left;
	display:block;


}
.boiteTexte{
	background: #191919;
	border: 1px solid #303337;
	color: #7a7f87;
	font-size: 11px;
	margin:2px 0 2px 0;
	overflow: auto;
}
.bouton{
	background-color: #313438;
	border:none;
	margin:2px 0;
	padding: 2px 10px 2px;
	color: #7a7f87;
	font-size: 11px;
}
/*.bouton:hover{background-color: #1A80B6;}  FF seulement */

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;}
.erreur{color: #FF0000;}
#nouvelles{/*background:orange;*/display:block;margin-top:10px;}
#nouvelles #newsCtn a,#nouvelles #newsCtn a:link,#nouvelles #newsCtn a:visited{color:#cd8aa9;font-weight:bold;}
#nouvelles img{float:left;}
hr.ligne{background-color:#c9ced1;height:1px;clear:both;width:536px;}
.newsCtn{/*background:silver;*/display:block;margin-top:10px;}
.newsCtn p{color:#fff;font-size:12px;}
.newsCtn .newsImgCtn{float:right;}
.newsCtn .newsImgCtn img{float:right;border: 1px solid #a0a8b4;}
.newsImgCtn a, .newsImgCtn a:link, .newsImgCtn a:visited{float:left;margin-left:9px;_margin-left:6px;color:#cd8aa9;}
.newsCtn a, .newsCtn a:link, .newsCtn a:visited{color:#cd8aa9;}
.titre{float:left;width:230px;}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */