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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
	background:url(gx/bg.gif) repeat;
	margin: 0;
	padding: 0;
	text-align:left;
}
body#main{
	background:url(gx/bg.gif) repeat;
	margin: 0;
	padding: 0;
	text-align:left;
}
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: #383838;
	font-size:16px;
}
h1 a, h1 a:link, h1 a:visited{
	color:#C21527;
}

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

h3{
	color: #383838;
	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:#383838;
}
h5{
float:left;
margin-left:9px;
_margin-left:7px;
font-size:11px;
/*background:#dc2931;*/
text-align:right;
padding:3px 5px 3px 20px;
font-familly:arial;
}
/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	padding: 0  0 0 25px;
	text-align:left;
	width:980px;
	_width:1045px;
	min-height:800px;_height:800px;
	background:white;
	padding-right:40px;
	
}
/* CONTENU
--------------------------------------------------------------------------------------- */
#contenu{
float:right;
margin:33px 0 0 0;
width:781px;
min-height:600px;_height:600px;
}
#contenuBas{
float:right;
margin:33px 0 0 0;
width:781px;
background:white;
}
#menuLateral{
	float:left;
	display:block;
	width:200px;
	_width:190px;
	/*background:silver;*/
}
#menuLateral a.menuLateralActif{
	font-weight: bold;
}
/*#menuLateralInt{
	margin-left:10px;
	margin-top:10px;
}*/
#contenuCentral{
	float:right;
	display:block;
	width:580px;
	/*background:lime;*/
	
	
}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{ margin:33px 0 0 0; padding:0; width:199px;float:left;}
#menu ul{margin:0;padding:0px 0 0 0px;}
#menu ul li{padding:0; margin:0; display:block; list-style-type:none;float:left;width:199px;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 12px;
	padding: 5px 0px 3px 0px;
	text-decoration: none;
	text-transform: uppercase;

}
#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:5px 0 5px 0;_padding:7px 0 8px 0; float:right;margin:0px 0 0 0;background:#2d2d2d;width:781px;text-align:right;}
#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: #999ea6;
	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:white;}
#menuu ul li a.actif, #menuu ul li a.actif:visited{color:#f1d65b;}

/* PAGE 00
--------------------------------------------------------------------------------------- */
div#blocStore{
	height:120px;
	width: 238px;
	float:left;
	display:block;
	margin: 0 10px;
	/*border:1px solid #282828;*/
	text-align:center;
}
div#blocStore div.blocStoreContent{
	font-size:16px;
	color:#fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin:0px 5px 0 5px;
}
div.blocStoreContent img{
	float:left;
	margin-left:8px;
}


/* 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.titreCollection a, div.titreCollection a:hover, div.titreCollection a:hover:visited{color:#fff;}
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;


}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 125%; color: #2E2E2F;}
p.texte{
	width:550px;
}
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: #dc2931; 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:#2d2d2d; text-decoration:none;
}
a.lienCat,a.lienCat:link,a.lienCat:visited{
	color:#2d2d2d; text-decoration:none;font-size:12px;line-height:16px;
}
a.lienCat:hover, a.lienCat:link:hover, a.lienCat:visited:hover{
	color:#dc2931; 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;}

/* 
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;
}
.separateur{
margin:0;
padding:0;
border:0;
background:#d8d8d8;height:1px;text-align:left;
width:484px;
}

.separateur2{
	margin:0;
	padding:0;
	border:0;
	background:#d8d8d8;height:1px;text-align:left;
	width:781px;
}
/* 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:#a8b2c4; 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;}


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

table{
	width:100%;

}

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

table tr.row1{
	background: #F1D65B;
}

table tr{
	
}
table tr td{
	padding: 3px;
	border: none;
	margin:0;
	font-size:12px;
}
/* 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{float:left; display:block; font-size: 12px; color:#000;margin:2px 0 2px 0}

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

.champTexte{	
	background: #c9cdd4;
	border:none;
	color: #2d2d2d;
	font-size: 11px;
	margin:2px 0;
	padding:2px 5px;
	_height: 18px;

}
.listeDeroulante{
	background: #c9cdd4;
	border: none;
	color: #2d2d2d;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #c9cdd4;
	border: none;
	color: #2d2d2d;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #2d2d2d;
	border:none;
	padding: 2px 5px 0px 5px;
	color: #fff;
	font-size: 11px;
	margin:2px 0;
}
/*.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:#2d2d2d;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:#dc2931;}
.titre{float:left;width:230px;}
.imgProduit{border:1px solid #b7b7b7;}
.image{border:1px solid #2b2e31;}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */