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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
	background: #FFF url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	/*background: #FFF url(gx/bg.gif) repeat-x;*/
	background: #fff;
	margin: 0;
	padding: 0;

	text-align:center;
}
html{ 
	/* Garder 3 fontes seulement */
	font-family: Arial Narrow, Verdana, Tahoma;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a{border:0; margin:0; padding:0;}

h1, h1 a{
	color: #000;
	font:14px Arial;
	margin:0 5px 10px 5px;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
}
h1.grosTitre, h1.grosTitre a{
	font-size: 18px;
}
h2, h2 a{
	color: #fff;
	font:14px Arial Narrow;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 1px 5px;
	text-align: left;
	
}
h2 a, h2.titre1 a, h2.titre2 a, h2.titre3 a, h2.titre4 a{
	color: #fff;
	text-decoration: none;
}


h2.titre1{background-color: #ae0931/*#af0931*/;text-transform: uppercase;}
h2.titre2{background-color: #aE8C37/*#a6a16a*/;text-transform: uppercase;}
h2.titre3{background-color: #146bb8/*#012e67*/;text-transform: uppercase;}
h2.titre4{background-color: #6CAC0B/*#012e67*/;text-transform: uppercase;}
/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:1000px;

	
	/*background: transparent url(gx/m/bg_menuLateral.gif) repeat-y 0px ;*/

}
#headerPub{
	margin-top:20px;width: 100%;
	text-align: center;
}
#header{
	background: #fff url(gx/m/bg_header.gif) no-repeat;
	width: 100%;
	height: 105px;
	margin:10px 0 2px 0;

}
#header div.logo{	float:left;	display: block;	margin: 13px 10px 0 5px;}
#header div.pubHeader{float:left;	display: block; margin: 25px 15px 0 0;}

/* CONTENU
--------------------------------------------------------------------------------------- */
#conteneur2{ 
	/*width: 100%;*/
	background: #fff url(gx/m/bg_menuLateral.gif) repeat-y;
	min-height:1000px;
	_height:1000px;
	
}

 #contenu{
	padding-top:10px;
	float:right;
	text-align: left;
	width: 795px;_width:809px;
	background-color: #fff;
	/*min-height:1000px;
	_height:1000px;*/

}
#contenuG{
	float:left;
	/*width: 370px;_width:370px;*/
	width: 470px;_width:470px;
	margin-right:14px;_margin-right:10px;
	_margin-left:2px;
	/*min-height:1000px;
	_height:100px;*/


}
#contenuD{ 
	float:left;
	width: 310px;


}

div.contenuPale{	background-color: #E7E7C1; padding: 10px 0px 5px 5px;}
div.contenuFonce{	background-color: #94944E; padding: 10px 0px 5px 5px;}

#chronique{	min-height:40px; _height: 40px;}
#chronique img{margin-right:5px;border:1px solid #787974; }

#boiteConcours img{margin-top:5px;}


/* MENU
--------------------------------------------------------------------------------------- */
#menuLateral{
	width:180px;
	float:left; 
	display: block;
	margin:0; 
	padding:0 5px; 
	background-color: transparent;
	min-height:100%;
	_height:100%;
}
#menuLateral ul{margin:5px 0;padding:0;}
#menuLateral ul li{
font-family:arial;
 line-height:140%; list-style:url(gx/m/list.gif); 
 	font-size: 12px;
	padding-left:0px; /*background: url(gx/m/list.gif) no-repeat 5px; */
	margin-left:20px;}
/*margin:0; padding: 0;display:block; list-style-type:none;}*/
#menuLateral ul li.sousMenu{
	background: none;
	list-style: square;
	 line-height:110%;
	 margin-left:10px;
}
#menuLateral ul li a, #menuLateral ul li a:link, #menuLateral ul li a:visited{
	/*background: url(gx/m/list.gif) no-repeat ;*/
	text-transform: uppercase;
	color: #242021;
	font-size: 12px;
	font-weight: normal; 
	/*line-height: 21px;*/ 
	/*height:21px;*/
/*padding:0px 0px 0px 15px;*/

	text-decoration: none;
}
#menuLateral ul li.sousMenu a{text-transform:lowercase;}
#menuLateral ul li a:hover, #menuLateral ul li a:visited:hover{text-decoration: underline;}
#menuLateral ul li a.actif, #menuLateral ul li a.actif:visited{font-weight:bold;}


div.ligneMenu{
	width: 100%;
	height:2px;
	line-height: 2px;
	background-color: #fff;
}

#boiteLateral{
	width:170px;
	/*width:160px;*/
	position:relative;

	margin-top:10px;
	
}
div.titreBoiteLateral img{position: absolute; top:0px; left:0;}
#boiteLateral div.typeBoite1{border: 1px solid #a8a16a;background:#ebe7ca; min-height:155px;_height:155px;}
#boiteLateral div.typeBoite2{border: 1px solid #af0931;background:#e3cecb; min-height:155px;_height:155px;}
#boiteLateral div.typeBoite3{border: 1px solid #002c60;background:#cccfd8; min-height:155px;_height:155px;}


#boiteAnnonce{
	/*width:174px;*/
	width:160px;
	height: 95px;
	padding:0px;
	/*background: transparent url(gx/m/bg_boiteAnnonce.jpg) no-repeat;*/

	margin:10px 0;
}
#boiteGuide{
	/*width:165px;*/
	width:160px;
	/*min-height:211px;_height: 211px;*/
	background: #ae0a30 url(gx/m/bg_boiteGuide.jpg) no-repeat bottom;

	/*margin-top:10px;*/
	/*padding: 5px;*/
}
#boiteGuide .ctnBoiteGuide{margin:0 5px; padding:5px 0;}
#boiteZip{
	/*width:175px;*/
	width:160px;
	background: transparent url(gx/m/bg_boiteZip.jpg) no-repeat;

	margin-top:10px;
	/*padding: 0px;*/
	
}



/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#000; font-family:Arial; text-align:center; font-size:11px;  padding:0; margin-top:15px;background: #fff url(gx/m/bg_footer.gif) repeat-x;}
#piedPage a{color:#000; 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:#555;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #555;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 130%; color: #000; font-family: arial; }

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: 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;
}
a.bouton:hover, a.bouton:visited:hover, a.bouton:link, a.bouton:visited{
	background-color: #9f1c27;
	border: 2px solid #C9D0D6;
	color: #fff;
	font-family: "arial";
	font-size: 12px;
	font-weight: bold;
	padding:3px 5px;
	text-decoration:none;
}
#menuLateral p{
	color:#fff;	font-size:13px;font-family: arial narrow;
}

#boiteGuide p, #boiteAnnonce p, #boiteZip p{
	font-size:14px;
}

#boiteLateral img.photoBoite{float:right;margin: 5px;}
#boiteLateral div.typeBoite1 p.contenuGauche,
#boiteLateral div.typeBoite2 p.contenuGauche,
#boiteLateral div.typeBoite3 p.contenuGauche {	margin: 25px 0 0 2px; color: #000;float:left;width:90px;}
#boiteLateral div.typeBoite1 p.contenuBas{ color:#fff;	font-size:13px;font-family: arial narrow;width:169px;;position:absolute; bottom:0; display: block;	background-color: #a6a16a;text-align: center;}
#boiteLateral div.typeBoite2 p.contenuBas{	color:#fff;	font-size:13px;font-family: arial narrow;width:169px;;position:absolute; bottom:0;background-color: #af0931;text-align: center;}
#boiteLateral div.typeBoite3 p.contenuBas{	color:#fff;	font-size:13px;font-family: arial narrow;width:169px;;position:absolute; bottom:0;background-color: #012e67;text-align: center;}

#contenu ul li{
	font-family: arial;
	font-size:11px; line-height:130%; list-style:none; background:url(gx/m/list.gif)  no-repeat 0 5px; 
	padding-left:10px;
	margin-left:0px;}

ol li{font-size:11px; line-height:115%; color:#1F1F1F; margin-left:16px;}

#listeDossier ul li{
	float:left;
	padding-left:10px;
	list-style:none;
	width:300px;margin-left:0px;_margin-left:5px;
	background:url(gx/m/list.gif)  no-repeat 0 5px;
}

.imageBoite{
	margin: 0px 5px 20px 5px;
}
.imageContenu{
	margin:5px 5px 5px 0;
	border:1px solid #787974;
}

.texteGros{	font-size: 14px;}
.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;}

#menuArticle li{ float: left; display: block; list-style:none;}
#menuArticle li a{ display: block; font-size:12px;}
/* 
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;}

*/
.lienPDF{
	background: url(Gx/icone_PDF.gif) no-repeat left;
	padding:5px 0 5px 20px;
}
.lienRSS{
	background: url(Gx/rss.gif) no-repeat left;
	padding:5px 0 5px 20px;
}

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

}
.champTexte{	
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
	float:left; display:block;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #9f1c27;
	border: 2px solid #C9D0D6;
	color: #fff;
	font-family: "arial";
	font-size: 12px;
	font-weight: bold;
	padding:2px 8px;
}
/*.bouton:hover{background-color: #1A80B6; color: #fff;}  FF seulement */
.boutonRadio{
	/*background: #EEF3F7;
	color: #4E677A;*/
	font-size: 11px;
	float:left;display:block;
}
.caseaCocher{
	border: none;
	float:left;display:block;
}
.erreur{
	color: #FF0000;
}
A:visited {TEXT-DECORATION: none}
	A:hover 	{COLOR: #9F1C27}
	A:link	{TEXT-DECORATION: none}
	A:active 	{TEXT-DECORATION: none}

	BODY {  FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10px;
		SCROLLBAR-FACE-COLOR: 		#E6E2D0;
		SCROLLBAR-HIGHLIGHT-COLOR: 	#7d7d7d;
		SCROLLBAR-SHADOW-COLOR: 	#E3DDBF;
		SCROLLBAR-3DLIGHT-COLOR: 	#F0EDE1;
		SCROLLBAR-ARROW-COLOR: 		#9F1C27;
		SCROLLBAR-TRACK-COLOR: 		#FAF8EF;
		SCROLLBAR-DARKSHADOW-COLOR: #ACA171;
		SCROLLBAR-BASE-COLOR: 		#FFFFFF}

	#cat A:hover {COLOR: #CCCCCC}
	#cat A:hover {COLOR: #CCCCCC}
	#grey A:link, #grey A:visited, #grey A:active {COLOR: #aaaaaa;TEXT-DECORATION: none;}
	#grey A:hover {COLOR: #dddddd}
	#black A:link,#black A:visited,#black A:active {COLOR: #000000;	TEXT-DECORATION: none;}
	#black A:hover {COLOR: #FFFFFF}
	#ltlink A:link, #ltlink A:visited, #ltlink A:active {COLOR: #FFFFFF;TEXT-DECORATION: none;}
	#ltlink A:hover {COLOR: #FFCC00;}


	.Titre, .Titre a  {
		font-size : 12pt;
		color : 9F1C27;
		font-family : Arial;
		font-weight : bold;
	}
	.Sous_Titre  {
		font-size : 8pt;
		color : #3F3F3F;
		font-family : Arial;
		font-weight : bold;
	}
	.Titre_petit  {
	font-size : 13px;
	color : #9F1C27;
	font-family : Arial;
	font-weight : bold;
}
	.Texte  {
		font-size : 8pt;
		color : #797979;
		font-family : Verdana;
		line-height : 16px;
	}
	.texte_intro  {
		font-size : 9pt;
		color : #3F3F3F;
		font-family : Arial;
		line-height : 16px;
		font-weight : bold;
	}
	.Rubrique_red  {
	font-size : 7pt;
	color : #9F1C27;
	font-family : Verdana;
	font-weight : bold;
}
	.Region  {
	font-size : 14pt;
	color : #9F1C27;
	font-family : Verdana;
	font-weight : bold;
}
	.Categorie  {
	font-size : 11pt;
	color : #436A8F;
	font-family : Verdana;
	font-weight : bold;
}
	.Rubrique_black  {
		font-size : 8pt;
		color : 666666;
		font-family : Verdana;
		font-weight : bold;
	}
	.Auteur  {
		font-size : 8pt;
		color : #436A8F;
		font-family : Arial;
		font-weight : regular;
	}
	.rouge  {
		font-size : 8pt;
		color : 9F1C27;
		font-family : Arial;
		font-weight : regular;
	}
	
	.Black  {
		font-size : 8pt;
		color : 000000;
		font-family : Arial;
		font-weight : regular;
	}
	.annonce  {
		font-size : 9pt;
		color : 000000;
		font-family : Arial;
		font-weight : bold;
	}
	.annonce_nb  {
		font-size : 9pt;
		color : 797979;
		font-family : Arial;
		font-weight : bold;
	}
	.concours  {
		font-size : 9pt;
		color : 000000;
		font-family : Verdana;
	}
	
/* Partager cette page (bookmarker) */
#socialBookmarker {float:left;}
#bookmarker a{color:#000; }
#bookmarker a:hover{color:#000;text-decoration:underline;}