/* 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
--------------------------------------------------------------------------------------- */
img, div, a{ behavior: url("inc/iepngfix.htc") }

body#index{
	background: #FFF url(gx/bg.gif) repeat-x center top;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #545454;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #000;
	font-size: 12px;
	/* Garder seulement 3 fontes */
	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, a:hover{outline: none;}

h1{color: #183641; font-size:25px; font-weight:normal;}
h1 a, h1 a:link, h1 a:visited{color:#C21527;}

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


/* CONTENEURS
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:1000px;
	background: #fff;
}
#banniere{position:absolute;top:93px;}
#bg_haut{position:absolute;top:0px;}
#haut{
	position:relative;
	display:block;
	width:1000px;
	height: 115px;
}
#haut img.logo{margin: 15px 15px 0 35px;float:left;}
/*#haut p{ color:#717172; font-size:22px;padding:30px  0 0 0px;}
#haut p strong{color:#ec3128; font-size:25px;} */

#contenu{margin:155px 30px 0 30px;_margin-top:170px;*margin-top:170px;}
#contenuGauche{float:left;display:block;width:585px;}
#contenuDroit{float:left;display:block;width:350px;}
#boiteInfo{
	width:562px;
	height:147px;
	float:left;
	display:block;
	background: url(gx/m/bg_boiteInfo.gif) no-repeat;
	margin-bottom:5px;
}
#boiteInfo div.imgInfo{	float:left;	margin: 8px 0px 0 0px;width:198px}
#boiteInfo div.imgInfo img{
	margin:0 10px;
}
#boiteInfo div.contenuInfo{float:left; margin: 15px 0;width:355px;}
#boiteInfo div.contenuInfo p{	font-size: 11px;color:#000;}
#boiteInfo a.lienInfo, #boiteInfo a.lienInfo:link, #boiteInfo a.lienInfo:visited{
	display:block;
	color:#dadada;
	width: 335px;
	line-height: 17px;
	background:#676767 url(gx/m/bg_lieninfo.gif) no-repeat right;
	font-size: 11px;
	padding: 0 5px;
	text-decoration:none;
}
#boiteInfo a.lienInfo:hover, #boiteInfo a.lienInfo:visited:hover{ background-color:#dc2e22;}
#nouvelleAccueil a p span{color:#db2e22; font-size:12px;}
#nouvelleAccueil a p, #nouvelleAccueil a:link p, #nouvelleAccueil a:visited p{text-decoration:none;color:#000;}
#nouvelleAccueil a:hover p, #nouvelleAccueil a:visited:hover p, #nouvelleAccueil a:hover p span, #nouvelleAccueil a:visited:hover p span{ color:#9ebec6;}

/* MENU UTILITAIRE
--------------------------------------------------------------------------------------- */
#menuu{float:left;height:14px; margin:0; padding:5px 0;width:700px;}
#menuu ul{margin:0;padding:0;}
#menuu ul li{padding:0; margin:0; float:right; display:block; list-style-type:none;}
#menuu ul li a, #menuu ul li a:link, #menuu ul li a:visited{
	display:block; float:left;
	background: url(gx/m/bg_menuu.gif) repeat-x;
	color: #565656;
	font-size: 10px;
	font-weight: normal;
	line-height: 14px;
	
	margin: 0 1px 0 0;
	padding: 0px 20px 0 5px;
	text-decoration: none;
}
#menuu ul li a:hover, #menuu ul li a:visited:hover{background:#dc2e22; color:#fff;}
#menuu ul li a.actif, #menuu ul li a.actif:visited{background:#dc2e22; color:#FFF;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu{height:33px; margin:0px 0px 0 35px;  padding:0; position: relative;}
#menu ul{margin:0;padding:0;}
#menu ul li{padding:0; margin:0; display:inline; list-style-type:none;}

/*#m01 {position: relative;}
#m01  {display:inline;background:url(gx/m/m01_en.png) no-repeat;width:131px;height:33px;}
#m01 a:hover {display:block;background:url(gx/m/m01_en_over.png) no-repeat;width:131px;height:33px;}
#m01 a.actif01 {display:block;background:url(gx/m/m01_en_on.png) no-repeat;width:131px;height:33px;}*/
#menu ul li a{float:left;
	margin:0 1px;
	line-height: 33px;
	height:33px;
}
#menu ul li a img{height:33px;}

#menu ul li a strong{display:none;}

#menu ul li#m01 a img.cacher{display:none;}
#menu ul li#m01 a:hover img.cacher{	display: block;}
#menu ul li#m01 a, #menu ul li#m01 a:link, #menu ul li#m01 a:visited{display:block;float:left;height:33px;width:138px;}
#menu ul li#m01 a:hover, #menu ul li#m01 a:visited:hover{background: url(gx/m/m01_en_over.png) no-repeat left;}
#menu ul li#m01 a.actif01, #menu ul li#m01 a.actif01:visited{background: url(gx/m/m01_en_on.png) no-repeat left;}

#menu ul li#m02 a img.cacher{display:none;}
#menu ul li#m02 a:hover img.cacher{	display: block;}
#menu ul li#m02 a, #menu ul li#m02 a:link, #menu ul li#m02 a:visited{background: url(gx/m/m02_en.png) no-repeat left;display:block;float:left;height:33px;width:116px;}
#menu ul li#m02 a:hover, #menu ul li#m02 a:visited:hover{background: url(gx/m/m02_en_over.png) no-repeat left;}
#menu ul li#m02 a.actif02, #menu ul li#m02 a.actif02:visited{background: url(gx/m/m02_en_on.png) no-repeat left;}

#menu ul li#m03 a img.cacher{display:none;}
#menu ul li#m03 a:hover img.cacher{	display: block;}
#menu ul li#m03 a, #menu ul li#m03 a:link, #menu ul li#m03 a:visited{background: url(gx/m/m03_en.png) no-repeat left;display:block;float:left;height:33px;width:221px;}
#menu ul li#m03 a:hover, #menu ul li#m03 a:visited:hover{background: url(gx/m/m03_en_over.png) no-repeat left;}
#menu ul li#m03 a.actif03, #menu ul li#m03 a.actif03:visited{background: url(gx/m/m03_en_on.png) no-repeat left;}

#menu ul li#m04 a img.cacher{display:none;}
#menu ul li#m04 a:hover img.cacher{	display: block;}
#menu ul li#m04 a, #menu ul li#m04 a:link, #menu ul li#m04 a:visited{background: url(gx/m/m04_en.png) no-repeat left;display:block;float:left;height:33px;width:78px;}
#menu ul li#m04 a:hover, #menu ul li#m04 a:visited:hover{background: url(gx/m/m04_en_over.png) no-repeat left;}
#menu ul li#m04 a.actif04, #menu ul li#m04 a.actif04:visited{background: url(gx/m/m04_en_on.png) no-repeat left;}

#menu ul li#m05 a img.cacher{display:none;}
#menu ul li#m05 a:hover img.cacher{	display: block;}
#menu ul li#m05 a, #menu ul li#m05 a:link, #menu ul li#m05 a:visited{background: url(gx/m/m05_en.png) no-repeat left;display:block;float:left;height:33px;width:112px;}
#menu ul li#m05 a:hover, #menu ul li#m05 a:visited:hover{background: url(gx/m/m05_en_over.png) no-repeat left;}
#menu ul li#m05 a.actif05, #menu ul li#m05 a.actif05:visited{background: url(gx/m/m05_en_on.png) no-repeat left;}

#menu ul li#m06 a img.cacher{display:none;}
#menu ul li#m06 a:hover img.cacher, #menu ul li#m06 a:visited:hover img.cacher{	display: block;}
#menu ul li#m06 a, #menu ul li#m06 a:link, #menu ul li#m06 a:visited{background: url(gx/m/m06_en.png) no-repeat left;display:block;float:left;height:33px;width:117px;}
#menu ul li#m06 a:hover, #menu ul li#m06 a:visited:hover{background: url(gx/m/m06_en_over.png) no-repeat left;}
#menu ul li#m06 a.actif06, #menu ul li#m06 a.actif06:visited{background: url(gx/m/m06_en_on.png) no-repeat left;}

#menu ul li#m07 a img.cacher{display:none;}
#menu ul li#m07 a:hover img.cacher{	display: block;}
#menu ul li#m07 a, #menu ul li#m07 a:link, #menu ul li#m07 a:visited{background: url(gx/m/m07_en.png) no-repeat left;display:block;float:left;height:33px;width:193px;}
#menu ul li#m07 a:hover, #menu ul li#m07 a:visited:hover{background: url(gx/m/m07_en_over.png) no-repeat left;}
#menu ul li#m07 a.actif07, #menu ul li#m07 a.actif07:visited{background: url(gx/m/m07_en_on.png) no-repeat left;}

/* SOUS MENU
--------------------------------------------------------------------------------------- */
#sousMenu{height:18px; margin:0; padding:5px 0;}
#sousMenu ul{margin:0;padding:0;}
#sousMenu ul li{padding:0; margin:0; float:left; display:block; list-style-type:none;}
#sousMenu ul li a, #sousMenu ul li a:link, #sousMenu ul li a:visited{
	display:block; float:left;
	background: #cbd0d3;
	color: #575556;
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
	width:200px;
	margin: 0 1px 0 0;
	padding: 0px 0 0 5px;
	text-decoration: none;
}
#sousMenu ul li a:hover, #sousMenu ul li a:visited:hover{background:#b92b21; color:#fff;}
#sousMenu ul li a.actif, #sousMenu ul li a.actif:visited{background:#b92b21 url(gx/m/bg_sousmenuactif.gif) NO-REPEAT RIGHT; color:#FFF;}

#sousMenu ul li a.retour, #sousMenu ul li a.retour:visited{background:#cbd0d3 url(gx/m/bg_sousmenuretour.gif) NO-REPEAT RIGHT;}
#sousMenu ul li a.retour:hover, #sousMenu ul li a.retour:visited:hover{background:#b92b21 url(gx/m/bg_sousmenuretour.gif) NO-REPEAT RIGHT; color:#fff;}

/* PRODUITS
--------------------------------------------------------------------------------------- */
#blocProduit{width: 615px;float:left;}
#blocProduit .imgProduit{ float:left;cursor: pointer;width: 123px;}
#blocProduit .imgProduit img{display: block;}
#blocProduit .imgProduit a{display: block;height: 70px;overflow: hidden;float: left;border:3px solid #ececec;}
#blocProduit .ctnProduit{width:490px;float:left;min-height: 75px; height:100%; _height:75px;cursor: pointer;}
#blocProduit .ctnProduit p{margin:10px 7px;color:#565656;}
#blocProduit .produit_out {background:#fff;}
#blocProduit .produit_over {background:#f2f2f2;}

/* ÉQUIPE
--------------------------------------------------------------------------------------- */
#blocEquipe{width:615px;float:left;}
#blocEquipe H2{color:#183641; font-size: 12px; font-weight: bold; display: block; border-bottom: 1px solid #d7d7d7; margin-bottom:10px; line-height: 150%;}
#blocEquipe ul li{color:#183641; font-size:12px; line-height:150%; list-style:square; margin-left:16px;}
#blocEquipe .imgEquipe{	float:left; width:150px; display:block;}
#blocEquipe .ctnEquipe{	float:left; width:450px; display:block;}

/* TEXTES
--------------------------------------------------------------------------------------- */
#texte{float:left;width:600px; margin-right:30px;}
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: #db2e22; 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{
	color:#db2e22; text-decoration:underline;
}

ul li{color:#000; font-size:12px; line-height:150%; list-style:square; margin-left:16px;}
ol li{color:#000; font-size:12px; line-height:150%; 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;}

.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;
	
}
.lienPDF2{
	background: url(Gx/icone_PDF2.gif) no-repeat left;
	padding:10px 0 10px 45px;
	line-height: 45px;
}

.lienContact{
	background: url(Gx/icone_mail.gif) no-repeat left;
	padding:5px 0 5px 45px;
	font-size:13px;
}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#7f8082; font-size:11px;padding:30px 30px 0 30px; background: #f5f7f8 url(gx/m/bg_footer.gif) no-repeat; height: 120px;}
#piedPage a{color:#555; text-decoration:none;}
#piedPage a:hover{color:#000; text-decoration:underline;}
#piedPage #menuu2{float:right;}
#menuu2 a,#menuu2 a:link,#menuu2 a:visited{text-decoration:none;color:#8a9da7;font-size:11px;margin-left:20px;}
#menuu2 a:hover, #menuu2 a:visited:hover{text-decoration:underline;color:#1c3d50;}
#copyrights{float:left; margin:0; text-align:left;background-color: #3a362d; color:#ababab; display:block; width:1000px;}
#copyrights a{font-weight:normal;line-height:30px; color:#ababab;text-decoration:none;margin-left:30px;}
#copyrights #lienCopyrights, #copyrights #lienCopyrights:link, #copyrights #lienCopyrights:visited{font-weight:normal; text-decoration:none; color:#ababab;}
#copyrights #lienCopyrights:hover, #copyrights #lienCopyrights:hover:visited{font-weight:normal; text-decoration:underline; color: #ababab;}
/* Partager cette page (bookmarker) */
#socialBookmarker {float:right;}
#bookmarker a{color:#BD9500; text-decoration:underline;}
#bookmarker a:hover{color:#000;}

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

.champTexte{	
	background: #fff;
	border: 1px solid #C9D0D6;
	color: #505052;
	font-size: 11px;
	margin:2px 0 2px 0;
	float:left;display:block;
}
.listeDeroulante{
	background: #fff;	
	border: 1px solid #C9D0D6;
	color: #505052;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #fff;
	border: 1px solid #C9D0D6;
	color: #505052;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #fff;
	color: #505052;
	border:1px solid #505052;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
}
.bouton:hover{background-color:#7f8082; color:#FFF;}

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

.erreur{color: #FF0000;}

.cadreImg{border:3px solid #ececec;}

.date{color:#db2e22;}

hr.ligne{
height:1px;
border:none;
color: #ccc;
background: #ccc;
line-height:1px;
}

.clearBoth{clear :both;}



/* FORMULAIRES
--------------------------------------------------------------------------------------- */
#blocNouvelleListe{
	width: 900px;float:left; cursor:pointer;
}
#blocNouvelleTexte{
	float:left;
	width:900px;
}