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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#main{
	background: #FFF url(gx/m/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
}
html{
	font-family: "Trebuchet MS", Arial, Verdana;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a{border:0; margin:0; padding:0;}
body{
	behavior:url("inc/csshover.htc");}	
	
h1{
	color: #2685BB;
	font-size:19px;
	margin: 0 0 6px 0;
}
h2, h2 a, h2 a:link, h2 a:visited{
	color: #2685BB;
	font-size:17px;
	margin: 0 0 6px 0;
	text-decoration: none;
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{text-align:left; width:980px;}

#haut{width:980px; height:108px;}
#haut p{color:#959595; font-size:12px;}
#haut p a, #haut p a:link, #haut p a:visited{color: #000; text-decoration: none;}
#haut p a:hover, #haut p a:visited:hover{color:#2685BB; text-decoration:underline;}

#hautPhoto{width:980px; height:176px;min-height:176px;}
#hautPhoto h1{color:#F0ECE1; font-size:16px;font-style: italic;padding:10px 0 0 0; text-align:right; letter-spacing: -1px;}
#hautPhoto p{color:#FFF; font-size:16px;padding:10px 0 0 0; text-align:right;}
#hautPhoto p a, #hautPhoto p a:link, #hautPhoto p a:visited{color:#50B3EB;}

#contenu{width:951px; float:right; display:block;}

#colGauche{
	width:224px;
	float:left;
}
#colGauche h1{
	width:224px;
	background: #2685BB url(gx/01/boiteTitre_bg.gif) no-repeat right bottom;
	font-size: 16px;
	color: #FFF;
	padding:5px 0 5px 0px;
	display: block;
	text-align: left;
	font-style: italic;
	margin:0;
}
#colDroite{
	width:667px;
	float:right;
}

.boiteCat{width:466px; height:141px; min-height:141px;text-align:right;}
.boiteCat a{color:#FFF;	text-decoration:none;}
.boiteCat p{color:#FFF;	font-size:24px; font-style: italic; padding:5px 8px 0 0;}

.boiteListe{
	background:#FCFBF8;
	border:1px solid #E2DDC7;
	padding: 5px;
	margin:0 10px 10px 0 ;
	width:295px;
	float:left;
}
.boiteListe h1{
	font-size:14px;
}

.cadrePhoto{border: 4px solid #E3DCC7;}

#listedesitems{
	float:right;
	width:208px;
	margin:0 10px 10px 10px;
}
#listedesitems a{
	text-decoration: none;
	font-size: 11px;
	color: #000;
}


/* MENU
---------------------------------------------------------------------------------------
#menu{height:40px; margin:0; padding:0;color:#959595;text-align:right;}
#menu a, #menu a:link, #menu a:visited{
	color: #2F3437;
	font-size: 14px;
	line-height:40px;
	padding: 0 6px 0 7px;
	text-decoration: none;
}
#menu a:hover, #menu a:visited:hover{color:#000; text-decoration:underline;}
#menu a.actif, #menu a.actif:visited{color:#2685BB;}
 */

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{width:951px; float:right; display:block; color:#8E9193; font-size:11px; line-height: 120%;padding:20px 0 20px 0; border-top:1px solid #E3DCC7;}
#piedPage a{color:#8E9193; text-decoration:none;}
#piedPage a:hover{color:#000; text-decoration:none;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 14px; line-height: 150%; color: #717172;}
p strong{color:#302D21;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #717172; 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:#2685BB; text-decoration:underline;
}
ul li{font-size:14px; line-height:150%; list-style:square; margin-left:16px;color: #717172;}
ol li{font-size:14px; line-height:150%; color:#1F1F1F; margin-left:16px;color: #717172;}

.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;}

/* LISTE DE LIENS */
.listeLien{margin:0; padding:0;}
.listeLien ul{margin:0;padding:0;}
.listeLien ul li{padding:0; margin:0; list-style-type:none;}
.listeLien ul li a, .listeLien ul li a:link, .listeLien ul li a:visited{
	border-bottom: solid 1px #D8D9D9;
	color: #605C50;
	font-size: 14px;
	padding: 8px 8px 8px 0;
	display:block; 
	text-decoration: none;
}
.listeLien ul li a:hover, .listeLien ul li a:visited:hover{background-color: #F2F2F0;}
.listeLien ul li a.actif, .listeLien ul li a.actif:visited{color:#2685BB; font-weight: bold;}
/* 
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 6px;
	padding:5px 0 5px 20px;
}



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

.champTexte{	
	background: #F9F8F4;
	color: #717172;
	font-size: 14px;
	margin:2px 0 2px;
}
.listeDeroulante{
	background: #F9F8F4;
	color: #717172;
	font-size: 14px;
	margin:2px 0 2px;
}
.boiteTexte{
	background: #F9F8F4;
	color: #717172;
	font-family: "Trebuchet MS";
	font-size: 14px;
	margin:2px 0 2px;
}
.bouton{
	background-color: #E2DDC7;
	color: #2F3437;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
}
.boutonRadio{
	background: #EEF3F7;
	color: #4E677A;
	font-size: 11px;
}
.caseaCocher{
	border: none;
}
.erreur{
	color: #FF0000;
}


#LiensAjoute a{
font-size: 15px;
color: #717172;
}

#LiensAjoute a:hover{
color: #2685BB;
}