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

/* GÉNÉRALES
--------------------------------------------------------------------------------------- */
body#main{
	background-color: #504b43;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #717172;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}
a, a:link, a:visited{outline: none; /* Placer ici les mêmes paramètres que la classe p{} */}
a:hover{}

h1{color:#e7562c; font-size:2.1em; padding:5px 0;}

h3{color:#514c44; font-size:1.3em; padding:10px 0;}

h4{color:#000; font-size:1.2em; padding:3px 0;}

/* CONTENEURS
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:1000px;
}

#canevas{
	background:#fff url(Gx/M/bg.gif) repeat-y;
	border-top:10px solid #fff;
	padding:0 10px;
}

/*#canevas{
	background:#fff url(Gx/v2bg_home.jpg) repeat-y -20px 0 ;
	border-top:10px solid #736f69;
	padding:0 10px;
}*/

#basCanevas{clear:both;}
#basCanevas img#imgInstallation{position:relative;bottom:-11px;left:175px;}
#basCanevas img#imgFabProduits{position:relative;bottom:0;left:175px;}

#conteneurGauche{
	float:left;
	width:170px;
}

#barreLaterale{
	background-color:#d8d6bf;
	color:#514c44;
	font-size:1.1em;
	padding:10px;
	line-height:16px;
}

#barreLaterale b{
	 font-size:15px;
	 font-weight:bolder;
	 line-height:16px;
	 
}

#barreLaterale a, #barreLaterale a:link, #barreLaterale a:visited{color:#514c44;}

#barreLaterale a:hover, #barreLaterale a:visited:hover{color:#6F6A61;}

#conteneurDroit{
	float:right;
	width:802px;
}

#faq{background-color:#d7d6be;height:330px;padding:10px;overflow:auto;}

#design{height:360px;overflow:auto;margin-top:10px;}

#listeImage{clear:left;float:left;width:397px;height:99px;margin-top:6px;overflow:auto;}

#listeImage img{margin:2px 5px;}


.blocPromo{float:left; margin-right:30px; text-align:center; width:200px;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu{margin:25px 0 5px 0; padding:0; text-align:center;}
#menu ul{margin:0;padding:0;}
#menu ul li{padding:0; margin:0; display:inline; list-style-type:none; color: #949181; font-size:1.6em;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	/*color: #949181;*/
	color: #fff; /* V2 */
	font-weight: bold;
	line-height: 12px;
	letter-spacing: 0.15em;
	padding: 5px 15px;
	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{color:#d6df21;}

#sousMenu{background-color:#504b43; margin:0; padding:0; text-align:center;}
#sousMenu ul{margin:0;padding:0;}
#sousMenu ul li{padding:0; margin:0; display:inline; list-style-type:none; color: #c95431; font-size:1.4em;}
#sousMenu ul li a, #sousMenu ul li a:link, #sousMenu ul li a:visited{
	color: #fff;
	font-weight: bold;
	line-height: 12px;
	letter-spacing: 0.12em;
	padding: 5px;
	text-decoration: none;
	text-transform:uppercase;
}
#sousMenu ul li a:hover, #sousMenu ul li a:visited:hover, #sousMenu ul li a.actif, #sousMenu ul li a.actif:visited{color:#c95431;}

#menuProduits{margin:0; padding:10px 0; text-align:center;}
#menuProduits ul{margin:0;padding:0;}
#menuProduits ul li{padding:0; margin:0; display:inline; list-style-type:none; color: #514c44; font-size:1.4em;}
#menuProduits ul li a, #menuProduits ul li a:link, #menuProduits ul li a:visited{
	color: #514c44;
	line-height: 12px;
	padding: 10px;
	text-decoration: none;
}
#menuProduits ul li a:hover, #menuProduits ul li a:visited:hover, #menuProduits ul li a.actif, #menuProduits ul li a.actif:visited{color:#c95431;}

#menuPied{background-color:#504b43; margin:0; padding:0; text-align:center;}
#menuPied ul{margin:0;padding:0;}
#menuPied ul li{padding:0; margin:0; display:inline; list-style-type:none; color: #fff; font-size:1em;}
#menuPied ul li a, #menuPied ul li a:link, #menuPied ul li a:visited{
	color: #fff;
	font-weight: bold;
	line-height: 12px;
	padding: 5px;
	text-decoration: none;
	text-transform:uppercase;
}
#menuPied ul li a:hover, #menuPied ul li a:visited:hover{color:#c95431;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 150%; color: #000;}
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:#333; text-decoration:underline;
}
ul li{color:#514c44; font-size:12px; line-height:150%; list-style:circle; margin-left:16px;}
ol li{color:#514c44; font-size:11px; line-height:150%; margin-left:16px;}

.textePetit{font-size:10px; color:#000; font-weight:bold;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#000;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#000;}
ul.textePetit li{font-size:10px; color:#000; font-weight:bold; list-style:none; background:url(Gx/bullet.gif) 0 7px no-repeat; padding-left:7px; line-height:140%;margin:0;}

h2 a{color:#555637;}

/* BLOCS TEXTES
--------------------------------------------------------------------------------------- */
.fondImpair{
	margin:5px;
	width:182px; height:348px;
	float:left;
	background-color:#ebeade;
}

.fondPair{
	margin:5px;
	width:182px; height:348px;
	float:left;
	background-color:#d7d6be;
}

.fondImpair p, .fondPair p{
	padding:5px;
	height:164px;
	font-size:10px;
	color:#000;
}

.fondImpair img, .fondPair img{display:block}

table tr th{text-align:left; color:#514c44;}
table tr td{padding:5px;color:#514c55;}

/* FAQ
--------------------------------------------------------------------------------------- */
#faq a, #faq a:link, #faq a:visited{
	color:#514c44;
	font-weight:bold;
	text-decoration:none;
}

#faq a:hover, #faq a:visited:hover{text-decoration:underline;}

#faq p{color:#514c44;}

#faq b{text-decoration:underline;}

#faq #tablefaq {border: 1px solid #79734F;}
#faq th{width:250px; border: 1px solid #79734F; padding: 0 0 0 5px;}
#faq td{border: 1px solid #79734F; margin:0;}
#faq #darktd {border: 1px solid #79734F; background: #b4b19f;}



/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#fff; font-size:10px; height:50px;}
#piedPage a{color:#fff; text-decoration:underline;}
#piedPage a:hover{color:#000;}
#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:#fff;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline;}

/* Partager cette page (bookmarker) */
#socialBookmarker {float:right;}
#bookmarker a{color:#BD9500; text-decoration:underline;}
#bookmarker a:hover{color:#000;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{font-size: 11px; margin-bottom:10px;}
fieldset.left{width:397px;float:left;}
fieldset.right{width:357px;float:right;}
fieldset legend{ color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{font-size:12px; color:#000; margin:2px 0 2px 0;}

.champTexte{	
	background: #fff;
	border: 1px solid #000;
	color: #000;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #fff;	
	border: 1px solid #000;
	color: #000;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #fff;
	border: 1px solid #000;
	color: #000;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background: url(Gx/07/btn_soumettre.gif) no-repeat;
	width:92px; height:21px;
	float:right;
	color: #000;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
	border:none;
}

.caseACocher{
	background: #fff;
	border: 1px solid #000;
	color: #000;
	margin:2px 0 2px 0;
}

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

.erreur{color: #FF0000;}

/* LIGHTBOX CONTROL 
--------------------------------------------------------------------------------------- */
#lightbox{padding:20px 20px 5px 20px;}
#lightboxDetails{padding-top:5px;}	
#lightboxCaption{float:left; color:#000; font-size:12px;font-weight:bold;}
#keyboardMsg{float:right;}
#keyboardMsg a{color:#000; font-size:11px; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold;}
#lightbox img{border:5px solid #FFF;}
div#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;}
#lightbox{ background: #fff;} /* couleur du contour popup */
#overlay{background-color: #000;} /* couleur du fond tranparent */


/* nouveau graphique V2 Jean-Francois Ranger - 19 Mai 2010
--------------------------------------------------------------------------------------- */
#contenu{overflow:hidden; position:relative;}
#theAlbumContent{position:absolute; border: solid 5px #908c85; width:792px;height:398px; background-color:#fff;}
#theAlbumClose{position:absolute; width:13px; height:13px; cursor:pointer; right:6px; top:6px; background-image:url(Gx/v2close.png)}
#v2boiteGauche{float:left; width:600px; height:125px ; background:#afad9a ; margin-right:6px; padding-top:5px}
#v2boiteGauche p{padding:10px ; margin:0; font-weight:800; font-size:13px}
#v2boiteDroite{float:right;width:176px;height:168px;background:#d7e230; padding:10px; color:#000; margin-right:-2px;}
#v2boiteBas{clear:right;width:377px; height:178px; float:left;margin-top:6px; background-color:#d8d7bf; padding: 25px 10px 10px 10px; margin-bottom:3px;}
#v2boiteGalerie{clear:right;width:397px; height:213px;float:right;margin-top:6px; overflow:hidden; margin-bottom:3px;}