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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#main{
	background:#D9D6C7 url(gx/m/bg.gif) repeat-x;
	margin:0 auto 0 auto;
	text-align:center;
}
html{
	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;}

h1{
	color: #A59C88;
	font-size: 20px;
	margin:0 0 3px 0;
}
h2{
	color: #B14109;
	font-size: 17px;
	margin:0 0 5px 0;
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{margin: 0 auto 0 auto; text-align:left;	width:980px;}
#contenu{width:980px;display:block;}

#contenuGauche{
	float: left;
	width: 255px;
}
#contenuDroite{
	float: right;
	width: 714px;
}

#contenuPage{
	background: #F1EDE2 url(gx/m/contenuPage_bg.gif) no-repeat bottom;
	width: 714px;
	display:block;
	float:left;
}

/* MENU HAUT
--------------------------------------------------------------------------------------- */
#menuHaut{color:#C3B18C; display:block; font-size:12px; line-height:26px;text-align:right; width:980px;}
#menuHaut a, #menuHaut a:link, #menuHaut a:visited{color: #C3B18C; font-weight: bold; text-decoration: none;}
#menuHaut a:hover, #menuHaut a:visited:hover{text-decoration: none; color:#E8A713;}
#menuHaut a.actif, #menuHaut a.actif:visited{text-decoration: none; color:#FFF;}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{height:42px; margin:0; padding:0; width:980px; display:block; margin-bottom:6px;}

/* sous-menu
--------------------------------------------------------------------------------------- */
#sousMenu{display:block; height:25px; margin:0; padding:0; width:714px;}
#sousMenu ul{margin:0;padding:0;}
#sousMenu ul li{padding:0; margin:0; display:inline; list-style-type:none;}
#sousMenu ul li a, #sousMenu ul li a:link, #sousMenu ul li a:visited{
	background:#BAB19E url(gx/m/smBg.gif) no-repeat right;
	color: #524424;
	font-size: 12px;
	line-height: 24px;
	padding: 4px 19px 6px 15px;
	text-decoration: none;
}
#sousMenu ul li a:hover, #sousMenu ul li a:visited:hover{color: #FFF;}
#sousMenu ul li a.actif, #sousMenu ul li a.actif:visited{color:#FFF; font-weight: bold;background:#E8A713 url(gx/m/smBg_on.gif) no-repeat right;}


/* BOITE «APPLICATIONS» À GAUCHE
--------------------------------------------------------------------------------------- */
#boiteItemCat{
	background: url(gx/m/boiteItemCat_bg.jpg) no-repeat;
	display: block;
	width:255px;
	height: 430px;
	padding:5px 0 0 0;
}

#listeItemCat{
	display: block;
	float:right;
	height:154px;
	width: 212px;
	margin: 0 0 0 0;
	font-size: 12px;
}

#listeItemCat ul{margin:0; padding:5px 0 0 0;}
#listeItemCat ul li{padding:0; margin:0; display:block; list-style-type:none;list-style-image:none;line-height: 17px;}
#listeItemCat ul li a, #listeItemCat ul li a:link, #listeItemCat ul li a:visited{
	background: url(gx/m/listeItemCat_puce.gif) no-repeat left top;
	color: #6D6857;
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 0 15px;
	text-decoration: none;
}
#listeItemCat ul li a:hover, #listeItemCat ul li a:visited:hover{color:#A39A87;}
#listeItemCat ul li a.actif, #listeItemCat ul li a.actif:visited{color:#E8A713;}


#boitItemCatListe{
	background: #BAB19E;
	display: inline;
	float: left;
	width:210px;
	margin-bottom:5px;
}
#boitItemCatListe img{
	border:6px solid #FFF;
	display:block;
}
#boitItemCatListe a, #boitItemCatListe a:visited{
	color:#564D3B;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	display:inline;
	float:left;
	width:210px;
}
#boitItemCatListe a:hover, #boitItemCatListe a:visited:hover{
	color:#FFF;
	background:#A59C88 url(gx/02/boitItemCatListe_bg_on.gif) no-repeat bottom right;
}
#boitItemCatListe a.actif, #boitItemCatListe a.actif:visited{
	background:#564D3B url(gx/02/boitItemCatListe_bg_on.gif) no-repeat bottom right;
	color:#FFF;
}

.boiteInfo{
	float:right;
	padding:10px;
	background:#FFF;
	margin:0 0 5px 10px;
	border-right:1px solid #BAB19E;
	border-bottom:1px solid #BAB19E;
}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 13px; line-height: 150%; color: #776847;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #893003; 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:#000; text-decoration:underline;}
ul li{font-size:13px; line-height:150%; list-style:square; margin-left:16px;}
ol li{font-size:13px; line-height:150%; color:#776847; 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;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#AAA587; font-size:11px; margin:0 auto 0 auto; padding:0 10px 0 10px;width:980px;text-align:left;}
#piedPage a{color:#AAA587; text-decoration:none;}
#piedPage a:hover{color:#893003;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-bottom:10px; padding:10px; border:0; font-size:11px; border:1px solid #E4E0D3;}
fieldset legend{font-size:14px; font-weight:bold; color:#893003; padding:5px; margin-bottom:5px; border:1px solid #E4E0D3;}
fieldset label{font-size:12px; color:#776847; margin:2px 0 2px 0; font-weight:bold;}

.champTexte{	
	background: #FCFBF8;
	border: 1px solid #CBC9BA;
	color: #776847;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #FCFBF8;	
	border: 1px solid #CBC9BA;
	color: #776847;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #FCFBF8;
	border: 1px solid #CBC9BA;
	color: #776847;
	font-family: Arial;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #776847;
	color: #FFF;
	font-family: Arial;
	font-size: 13px;
	padding:2px 6px 2px 6px;
	font-weight: bold;
	margin-top:5px;
}
.bouton:hover{background-color: #893003;} /* FF seulement */

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;}
.erreur{color: #FF0000;}