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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
	background: #FFF url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:left;
}
body#main{
	background: #FFF url(gx/bg.gif) repeat-y;
	margin: 0;
	padding: 0;
	text-align:left;
	background:#030002;
}
html{
	color: #717172;
	font-size: 11px;
	/* Garder 3 fontes seulement */
	font-family: Helvetica,"Trebuchet MS";
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

h1{
	color: #C21527;
	font-size:18px;
}
h1 a, h1 a:link, h1 a:visited{
	color:#C21527;
}
h4{
	font-size:11px;
	text-align:left;
	margin-top:3px;
}
h3{
	font-size:19px;
	text-transform:uppercase;
	margin-top:2px;
	font-family: Helvetica;
	font-weight: normal;
}
h3 a, h3 a:link, h3 a:visited{color:#626567;text-decoration: none;}
h3 a:hover{color:#414141;text-decoration: none;}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	float:left;
	margin: 0 0 0 0;
	text-align:left;
	width:1000px;

	background:#fff url(gx/backgroundGauche.gif);
	background-repeat: repeat-y;	
}
#haut{
	float:left;
	height:83px;
	text-align:left;
	width:1000px;
	background-color:#241e1c;
	position:relative;
	/*background:red;*/
	
}
#logo{
	/*float:left;
	height:83px;
	text-align:left;
	width:176px;
	margin-left:10px;
	_margin-left:5px;	
	font-size:0px;*/
	/*background:red;*/
	position:absolute;
	top: 0;
	left: 0;
	height:83px;
	text-align:left;
	width:250px;

}
#entete{
	float:left;
	height:83px;
	text-align:left;
	width:814px;
	/*background:url(gx/entete.jpg);*/
	background-repeat: no-repeat;	
	font-size:0px;
}

#contenu{
	float:left;
	min-height:813px;
	text-align:left;
	width:590px;
	/*background-color:lime;*/
}

#media{
	float:right;
	display:inline;
	height:660px;
	text-align:left;
	width:236px;
	/*background-color:red;*/
	
}

#video{
	float:left;
	height:218px;
	width:236px;
	/*background-color:red;*/
	/*background:url(gx/boite_video/1.jpg);
	background-repeat: no-repeat;	*/
	margin-top:10px;border:1px solid #aea6a4;
}
#videoListe{
	float:left;
	width:236px;
	background-repeat: no-repeat;	
	margin-top:10px;
}
#videoListe ul{float:left;margin:0;padding:0;}
#videoListe ul li{float:left;margin-left:6px;_margin-left:5px;padding:0;list-style:none;}
#videoListe ul li a, #videoListe ul li a:link, #videoListe ul li a:visited{
	color:#fff;
	float:left;
	background:#000;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	padding: 5px 8px 5px 8px;
	text-decoration: none;}
#videoListe ul li a, #videoListe ul li a:hover, #videoListe ul li a:visited:hover{background:#f4c40c;}
#videoListe ul li a.actif, #videoListe ul li a.actif:hover, #videoListe ul li a.actif:visited:hover{background:#017bc4;}
#videoPlus{background:black;height:23px;margin-top:10px;width:238px;float:left;}
#videoPlus a, #videoPlus a:link, #videoPlus a:visited{color:#fff;margin-left:10px;padding-top:3px;float:left;text-decoration: none;	}
#videoPlus a:hover, #videoPlus a:hover:visited{color:#bfb9b9;margin-left:10px;padding-top:3px;float:left;}

#videoCtn{width:555px;maring:0;padding:0;font-size:12px;color:#000;font-weight:bold;}
#videoElem{width:137px;height:155px;float:left;margin:10px 0 0 40px;_margin:10px 0 0 25px;}
#videoImg{width:137px;height:116px;float:left;}
#videoText{width:137px;float:left;}




#slide{
	float:left;
	height:173px;
	width:236px;
	/*background-color:red;*/
	background:url(gx/fronts/BG.jpg);
	background-repeat: no-repeat;
	margin-top:10px;
	text-align:center;
}

#mediatexte{
	float:left;
	height:289px;
	width:236px;
	/*background-color:red;*/
	background-repeat: no-repeat;	
	margin-top:10px;
}

#magazineinclude{
	float:left;
	text-align:left;
	/*background:lime;*/
}
#magazineinclude ul li{font-weight: bold; font-size: 11px; line-height: 110%; color: #312d2e;margin-top:3px;}
/* MENU
--------------------------------------------------------------------------------------- */

#menu{
	float:left;
	width:835px;
	height:25px;
	display:block;
	text-align:center;
	margin:0px 0px 0px 0px;
	font-family: Helvetica;
	/*background-color:red;*/
	/*background-color:silver;*/
}
#menu ul{padding: 0px; margin:0px;}
#menu ul li{width:167px;padding: 0px; margin:0px 0px 0px 0px; display:inline; list-style-type:none; float:left;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{

	font-size: 13px;
	font-weight: bold;	
	padding-top: 4px;
	margin-top:0px;
	text-decoration: none;	
	display:block;
	height:21px;
	_height:25px;
}
#menu ul li a:hover, #menu ul li a:visited:hover{color:#b71c18; display:block; }
#menu ul li a.actif, #menu ul li a.actif:visited{color:#b71c18;display:block;}

.m01 a:link,.m01 a:hover, .m01 a:visited{background:#eae7e7; color:#040000;}
.m02 a:link,.m02 a:hover, .m02 a:visited{background:#d4d1d1; color:#040000;}
.m03 a:link,.m03 a:hover, .m03 a:visited{background:#bfb9b9; color:#231f20;}
.m04 a:link,.m04 a:hover, .m04 a:visited{background:#aaa3a3; color:#ffffff;}
.m05 a:link,.m05 a:hover, .m05 a:visited{background:#948c8b; color:#ffffff;}

#menuAlt{
	float:left;
	width:165px;
	height:25px;	
	text-align:center;
	margin:0px 0px 0px 0px;
	/*background-color:red;*/
	background-color:#6f6665;	
	font-family: Helvetica;
}
#menuAlt ul{padding: 0px; margin:0px;}
#menuAlt ul li{padding: 4px 0px 0px 8px; margin:0px 0px 0px 0px; display:inline; list-style-type:none; float:left;}
#menuAlt ul li a, #menuAlt ul li a:link, #menuAlt ul li a:visited{
	font-size: 11px;		
	margin-top:0px;
	text-decoration: none;	
	height:21px;
	color:#ffffff;	
}
#menuAlt ul li a:hover, #menuAlt ul li a:visited:hover{color:#b71c18; }
#menuAlt ul li a.actif, #menuAlt ul li a.actif:visited{color:#b71c18;}

#magazine{
	float:left;
	display:block;
	width:167px;	
	background-color:white;
	font-family: "Trebuchet MS";	
}
#magazine #onglet{float:left; width:24px;height:24px;}
#magazine a{font-size: 11px;font-weight: bold; color:#58585a;text-decoration: none; float:left; width:133px;_width:143px;height:19px;_height:24px;background:#d2cfcf;border-bottom:1px solid #ffffff;padding:4px 0px 0px 10px;}
#magazine a:hover, #magazine a.actif{color:#fff;}

#magazine .magazine1 a:hover, #magazine .magazine1 a.actif{background:#4f8cc1;border-bottom:1px solid #4f8cc1;}
#magazine .magazine2 a:hover, #magazine .magazine2 a.actif{background:#ef4036;border-bottom:1px solid #ef4036;}
#magazine .magazine3 a:hover, #magazine .magazine3 a.actif{background:#fcb129;border-bottom:1px solid #fcb129;}
#magazine .magazine4 a:hover, #magazine .magazine4 a.actif{background:#716e31;border-bottom:1px solid #716e31;}
#magazine .magazine5 a:hover, #magazine .magazine5 a.actif{background:#ed1a7d;border-bottom:1px solid #ed1a7d;}
#magazine .magazine6 a:hover, #magazine .magazine6 a.actif{background:#fbc000;border-bottom:1px solid #fbc000;}
#magazine .magazine7 a:hover, #magazine .magazine7 a.actif{background:#f99d29;border-bottom:1px solid #f99d29;}
#magazine .magazine8 a:hover, #magazine .magazine8 a.actif{background:#e08e25;border-bottom:1px solid #d2931a;}
#magazine .magazine9 a:hover, #magazine .magazine9 a.actif{background:#db2128;border-bottom:1px solid #db2128;}
#magazine .magazine10 a:hover, #magazine .magazine10 a.actif{background:#b369aa;border-bottom:1px solid #b369aa;}
#magazine .magazine11 a:hover, #magazine .magazine11 a.actif{background:#00a3da;border-bottom:1px solid #00a3da;}
#magazine .magazine12 a:hover, #magazine .magazine12 a.actif{background:#ee2c43;border-bottom:1px solid #ee2c43;}
#magazine .magazine13 a:hover, #magazine .magazine13 a.actif{background:#ef4a7c;border-bottom:1px solid #ef4a7c;}
#magazine .magazine14 a:hover, #magazine .magazine14 a.actif{background:#74919f;border-bottom:1px solid #74919f;}
#magazine .magazine15 a:hover, #magazine .magazine15 a.actif{background:#57b0e3;border-bottom:1px solid #57b0e3;}
#magazine .magazine16 a:hover, #magazine .magazine16 a.actif{background:#becd2b;border-bottom:1px solid #becd2b;}
#magazine .magazine17 a:hover, #magazine .magazine17 a.actif{background:#7f840f;border-bottom:1px solid #7f840f;}
#magazine .magazine18 a:hover, #magazine .magazine18 a.actif{background:#684a9e;border-bottom:1px solid #684a9e;}
#magazine .magazine19 a:hover, #magazine .magazine19 a.actif{background:#bb7959;border-bottom:1px solid #bb7959;}
#magazine .magazine20 a:hover, #magazine .magazine20 a.actif{background:#174d8e;border-bottom:1px solid #174d8e;}
#magazine .magazine21 a:hover, #magazine .magazine21 a.actif{background:#f47920;border-bottom:1px solid #f47920;}
#magazine .magazine22 a:hover, #magazine .magazine22 a.actif{background:#8c5a36;border-bottom:1px solid #8c5a36;}
#magazine .magazine23 a:hover, #magazine .magazine23 a.actif{background:#1eead4;border-bottom:1px solid #1eead4;}
#magazine .magazine24 a:hover, #magazine .magazine24 a.actif{background:#ca56a1;border-bottom:1px solid #ca56a1;}
#magazine .magazine25 a:hover, #magazine .magazine25 a.actif{background:#ddcb76;border-bottom:1px solid #ddcb76;}
#magazine .magazine26 a:hover, #magazine .magazine26 a.actif{background:#ffd503;border-bottom:1px solid #ffd503;}
#magazine .magazine27 a:hover, #magazine .magazine27 a.actif{background:#009f6e;border-bottom:1px solid #009f6e;}
#magazine .magazine28 a:hover, #magazine .magazine28 a.actif{background:#70615c;border-bottom:1px solid #70615c;}
#magazine .magazine29 a:hover, #magazine .magazine29 a.actif{background:#1aa7b6;border-bottom:1px solid #1aa7b6;}
#magazine .magazine30 a:hover, #magazine .magazine30 a.actif{background:#c85829;border-bottom:1px solid #c85829;}
#magazine .magazine31 a:hover, #magazine .magazine31 a.actif{background:#145c65;border-bottom:1px solid #145c65;}
#magazine .magazine32 a:hover, #magazine .magazine32 a.actif{background:#c1b2a5;border-bottom:1px solid #c1b2a5;}

#magazinecover{ visibility: hidden; position: absolute; top: 108px; left:167px; width:590px; }
#magazinedetail{ /*visibility: hidden;*/ position: absolute; top:108px; left:167px; width:590px; height: 792px; padding: 10px 0 0 0; }
#magazinedetail .image{ width: 280px; height: 792px; margin: 0 0 0 10px; float: left; display: block; }
#magazinedetail .texte{ width: 245px; height: 792px; margin: 0 10px 0 0; float: left; display: block;}
#magazinedetail .bande{ width: 25px; height: 792px; margin: 0 10px 0 0; float: left; display: block; }

#pdf{
	float:left;
	width:236px;
	display:block;
	margin:0px 0px 0px 0px;
	font-family: Helvetica;
	
	/*background-color:red;*/
	/*background-color:silver;*/
}
#pdf ul{padding: 0px; margin:0px;}
#pdf ul li{width:190px;padding: 0px; margin:0px 0px 0px 10px; display:inline; list-style-image: url(gx/pdf.gif);float:left;}
#pdf ul li a, #pdf ul li a:link, #pdf ul li a:visited{
	font-size: 12px;
	padding-top: 2px;
	margin-top:0px;
	text-decoration: none;	
	display:block;
	color:#fff;
	font-family: Arial;
	text-decoration: underline;	
}
#pdf ul li a:hover, #pdf ul li a:visited:hover{color:#b71c18; display:block;}
#pdf ul li a.actif, #pdf ul li a.actif:visited{color:#b71c18;display:block;}
#pdfcontenant{float:left;bottom:0px;right:0px; height:122px;background:#4f8cc1;border:1px solid #aea6a4;width:236px;margin-top:10px;}

#plandesite{
width:550px;
padding-bottom:20px;
border-bottom:1px solid #EDECE4;
}
#plandesite ul{ padding:10px 0 0px 30px; }
#plandesite ul li{ }
#plandesite ul li ul li{}

/* TEXTES
--------------------------------------------------------------------------------------- */
#contenuTexte p { font-size: 14px; }
p{font-size: 9px; line-height: 115%; color: #312d2e;margin-top:3px;}
div.texte p {font-size:12px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #0A254E; 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:#000; text-decoration:underline;
}
.normale{font-size:13px;}
ul li{font-size:11px; line-height:150%; list-style:square; margin-left:16px;}
ol li{font-size:11px; line-height:150%; color:#1F1F1F; 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;}

/* 
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;
	padding:5px 0 5px 20px;
}


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#555; font-family:Tahoma; font-size:10px; height:50px; padding-top:10px;}
#piedPage a{color:#BD9500; text-decoration:underline;}
#piedPage a:hover{color:#000;}
#piedPage #copyrights{float:left; margin:0; text-align:left; padding:20px 0px 0px 50px;}
#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;}

/* 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}

.champTexte{	
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.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: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #498ECB;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
}
.bouton:hover{background-color: #1A80B6;} /* FF seulement */

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