/* TABLE DES MATIÈRES:
	- Classes générales (body, html, h1, h2, ...)
	- Conteneurs
	- Menus et sous-menus
	- Textes
	- Pieds de page
	- Formulaires
	- Index
----------------------------------------------------------------------------------------*/

/* GÉNÉRALES
--------------------------------------------------------------------------------------- */

body#main{
	background: #FFF url(gx/bg2.gif) repeat-x center top;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#videoLive{
	background: #000;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #717172;
	font-size: 11px;
	font-family: Arial, Verdana, Tahoma; /* Garder seulement 3 fontes */
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}


/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited, a:hover{outline:none;}

h1{color: #fff; font-size:11px; text-transform: uppercase; background: #121313; line-height: 26px; padding:0 10px;float:left;}
h1 a, h1 a:link, h1 a:visited{color:#fff;text-transform: lowercase;}

h2{color: #b3306b; font-size: 11px;}
h2 a, h2 a:link, h2 a:visited{color:#b3306b;text-decoration:none;}
h2 a:hover, h2 a:hover:visited{text-decoration:underline;}

h3{color: #b3306b; font-size: 13px; border-bottom:1px solid #BABABA;margin-bottom: 5px;}

p{font-size: 11px; line-height: 150%; color: #000000; text-align: justify;}
p.textePetit{font-size:10px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color:#272829; 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:#868686; text-decoration:underline;
}

#lien1{background:#8a2352; color:#fff; font-weight: normal; text-transform:uppercase;padding:2px 5px; font-size:11px;text-decoration:none; margin-bottom:5px;}
a#lien1:hover{background:#ac336a;}
#lien2{color:#8b5c6d;font-size:12px;text-decoration:none;font-weight:normal;text-transform: none;}
a#lien2:hover{color:#603F4B;}

ul li{color:#1F1F1F; font-size:11px; line-height:150%; list-style:square; margin-left:16px;}
ol li{color:#1F1F1F; font-size:11px; line-height:150%; margin-left:16px;}

.date{
	color: #8b5c6d;
}

.boiteMoitie{
	float:left;
	width:213px;
}
/* 
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;}
*/

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{ position: relative; z-index: 10;	margin: 0 auto 0 auto;	text-align:left;	width:1000px;}
#conteneurPiedPage{background: #fff url(gx/m/bg_pieddepage.gif) no-repeat 200px top;  	text-align:center;	}
#fondDePage{text-align:right;position: absolute;z-index: -1;width:1000px;height:815px;right:0px;}
#conteneurImage{background: transparent url(gx/m/bg_conteneurImage.png) no-repeat top right ; position: absolute;z-index: 0; width:558px; height: 459px; top:520px;right:0;}


#haut{height: 250px;	display:block;	/*background: #fff url(gx/m/bg_haut.jpg) no-repeat right;*/margin-bottom:10px;}
#logo{float:left;margin:60px 0 0 0px;}

#contenuAccueil{min-height:500px; height: 100%;  _height:500px;}
/*#conteneurContenu{position:relative; z-index:5; min-height:500px; height: 100%;  _height:500px;float:left;display:block;width:469px; margin:0px 0 0px 0px; background: #fff; opacity:0.8;filter : alpha(opacity=80);  -moz-opacity : 0.8;  }*/
#contenu{min-height:410px; height: 100%;  _height:410px;float:left;display:block;width:469px;/*z-index: 500; position:relative;*/margin:0px 0 0px 0px; background:transparent url(gx/m/bg_contenu.png) no-repeat; }
#contenuLateral{min-height:500px; height: 100%;  _height:500px;text-align:left;float:right;width:301px;margin-right:24px;_margin-right:12px;}
#boiteLateral{	background:transparent url(gx/m/bg_boiteLateral.png) no-repeat; width:301px; height: 377px; text-align: center;}
#boiteLateral h2{color: #fff; font-size:11px; text-transform: uppercase; background: #6d6d6d; line-height: 26px; padding:0 30px 0 10px;float:left;
	
}

#zoneMedia{background: #1c1c1c;width:356px;}
#zoneMedia H2{color:#d53737; font-size:24px;border:none;padding:5px 15px; font-family:times;font-weight:normal;}

#liensSociaux{float:left;background:#ffffff}
#liensSociaux img{margin:0px 5px;}
#liensSociaux p{font-size:12px;color:#fff; line-height:25px; background:#222324; padding:0 10px; text-transform: uppercase;}

#boiteVideo{margin:5px 0; padding:5px;}

#boiteMp3{width:301px;height:67px;background:#4d4d4d;display:block;float:right;margin-right:28px;_margin-right:12px;}
#boiteMp3 div.titreBoite{color:#fff;background:#222324;display:block;padding:3px 5px;text-transform:uppercase;font-size:12px;}
#boiteMp3 p{color:#8b5c6d;	margin: 0; font-size:11px; line-height: 125%;}
#boiteMp3 p span.nomArtiste{text-transform:uppercase;}
#boiteMp3 img{	margin:0 ;}
#boiteMp3 .audioTexte{ float:left; display:block; width:175px;   margin: 10px 0px 0 0px; }
#boiteMp3 .audioPlayer{ float:left; width: 85px;display:block; margin:0 5px;}

#blocListe{width:100%;float:left; display: block;	border-bottom:0px solid #D4BAE1;margin-bottom:15px;}
#blocListe img{
	float:right;
}

#blocListe.listeAccueil{width:490px;border:none; }
#blocListe .imgListe{float:left;display:block;border-right:1px solid #ccc;width:77px;}
#blocListe .ctnListe{float:left;display:block;width:320px;margin-left:15px;}
#blocListe.listeAccueil .ctnListe{width:375px;}
#blocListe p a{text-decoration: none;}
#blocListe img{
	float:right;
	margin:0 15px 0 5px;
}

#detailListe{}
#detailListe img{
	margin:0 0 0 10px;
}
#detailListe .imgDetailListe img{margin:0 10px 5px 0; /*float:left; display:block; width: 275px;*/}
#detailListe .ctnDetailListe{}

.both{clear:both;}

.texte{
	margin:0 10px;
}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu{margin:0; padding:0;float:left; width: 194px; }
#menu ul{display:block;margin:0 0 0 0px;}
#menu ul li{padding:0; margin:0; list-style-type:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	/*color: #fff;
	font-size: 12px;
	font-family: verdana;
	font-weight: normal;
	line-height: 25px;
	height:25px;
	margin: 0 10px 0 0;
	text-decoration: none;
	display: block;*/
	margin:0;
}
/*#menu ul li.premier{ }
#menu ul li.dernier{background:none;}
#menu ul li a:hover, #menu ul li a:visited:hover{background: url(gx/puce.gif) no-repeat  right;}
#menu ul li a.actif, #menu ul li a.actif:visited{background: url(gx/puce.gif) no-repeat  right;}*/


#menu .langue, #menu .langue:link, #menu .langue:visited{
	background: #8a2352;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	padding:3px 40px 5px 20px;
	line-height: 25px;
	text-decoration:none;
}
#menu .langue:hover, #menu .langue:visited:hover{background:#b43272;}

#menuu{height:22px; width:262px; float:right; margin:10px 0; padding:0;}
#menuu ul{margin:0 20px 0 0;padding:0;text-align:right;}
#menuu ul li{padding:0; margin:0; display:inline; list-style-type:none; color: #a93a6c;font-size: 9px;}
#menuu ul li a, #menuu ul li a:link, #menuu ul li a:visited{
	color: #fff;
	font-size: 9px;
	font-weight: normal;
	line-height: 21px;
	padding: 5px;
	text-decoration: none;
	text-transform: uppercase;
}
#menuu ul li a:hover, #menuu ul li a:visited:hover{color:#a93a6c;}
#menuu ul li a.actif, #menuu ul li a.actif:visited{color:#a93a6c;}

#sousMenu {margin:0 0 5px 0;padding:0;}
#sousMenu  li a, #sousMenu li a:link, #sousMenu li a:visited{
	/*background: #404040;*/
	color: #000;
	font-size: 16px;
	font-weight: bold;
	padding: 0px 5px;
	margin: 10px 5px;
	line-height: 18px;
	text-decoration: none;
	text-transform: uppercase;
}
#sousMenu li a:hover, #sousMenu li a:visited:hover{color:#868686;}
#sousMenu li a.actif, #sousMenu li a.actif:visited{color:#a93a6c;}

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#zoneFlash{float:left;display: block;width:752px;height: 267px;margin-right:20px;border:1px solid #000;}
/*#zoneFlash img{border:1px solid #000;}*/

/* PAGE MULTIMEDIA
--------------------------------------------------------------------------------------- */
#blocMultimedia{float:left; display: block; margin-bottom:15px; width:369px;}
#blocMultimedia .imgMultimedia{float:left;display:block;width:160px;}
#blocMultimedia .ctnMultimedia{float:left;display:block;width:195px;margin-left:5px;}
#blocMultimedia p a{text-decoration: none;}

#albumMultimedia{float:left; display: block; margin-bottom:15px; width:140px;}

/* PAGE CONTACT
--------------------------------------------------------------------------------------- */

/* PAGE SONDAGE
--------------------------------------------------------------------------------------- */
#sondage p{ font-size: 14px; }

#sondage .liste div{ font-size: 10px; width: 330px; margin: 0 0 5px 0; float: left; display: block; }
#sondage .liste div.gauche{ margin: 0 20px 5px 0; }
#sondage .liste div strong{ color: #126eb8; font-size: 11px; font-weight: normal; }

#sondage .formulaire label{ color: #000000; font-size: 12px; width: 180px; padding: 5px 0 0 0; float: left; display: block; }
#sondage .formulaire .Input{ color: #000000; font-size: 12px; border: #000000 1px solid; width: 200px; padding: 3px; margin: 0 20px 0 0; float: left; display: block; }
#sondage .formulaire .Bouton{ color: #ffffff; text-transform: uppercase; border: 0px; height: 23px; }
#sondage .formulaire .vote{ text-align: left; background: #126eb8 url(Gx/00/puceSondage.gif) no-repeat 165px 8px; width: 180px; padding: 0 20px 0 5px; }

/* ICONES GÉNÉRALES
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_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{margin: 0 auto 0 auto;	text-align:left;	width:1000px;color:#666666; font-size:11px;padding:20px 0;width:1000px; min-height:200px; height:100%; _height:200px;}
#piedPage a{color:#666666; text-decoration:underline;}
#piedPage a:hover{color:#666666;}
#piedPage #copyrights{float:left; margin:25px 0 0 5px; text-align:left;}
#piedPage #copyrights a{font-weight:normal;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#666666;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #666666;}
#piedPage #menuBas{float:right;text-align:right;}
#piedPage #logoProductionsJ{float:left;}
#piedPage #commenditaire{display:block; height: 50px; }
#piedPage #commenditaire img{ vertical-align: middle; margin-right:7px;}


/* Partager cette page (bookmarker) */
#socialBookmarker {float:right;margin-right:98px;}
#socialBookmarkerPrefix {float:left;color:#8f8f8f;background: #000 url(gx/icone_vortex.gif) no-repeat 5px;padding:2px 5px 2px 30px;margin:0 5px 0 0;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}

#bookmarkHoverPopup {
	position:absolute;
	border:solid 1px;
	background-color:white;
	text-align:left;
	padding:4px;
	width:315px;
	display:none;
}
#bookmarkHoverPopup .bookmarkHoverPopupItems{
	float:left;
	width:150px;
	height:25px;
	margin-right:4px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a{
	line-height:25px;
	height:25px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{
	border:none;
	color:black;
	display:block;
	text-decoration: none;
	width:150px;
	padding-left:2px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{
	text-decoration: none;
	color:#333333;
	border: 1px solid #666;
	width:150px;
	height:25px;
	display:block;
	background-color:#eee;
	padding-left:2px;
}

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

/* Formulaire contact */
#formulaireQuestion fieldset label{float:left;width:150px;}
#formulaireQuestion .champTexte{float:left;width:300px;}
#formulaireQuestion .listeDeroulante{float:left;width:300px;}
#formulaireQuestion .boiteTexte{float:left;height:70px;width:330px;}



#formPopup fieldset label{width:60px;}
#formPopup .champTexte{float:left;margin-right:10px;}
#formPopup .bouton{float:left;}
/* PAGE SONDAGE  */
#sondage p{ font-size: 14px; } #sondage p b{ color: #666666; }
#sondage h2{ color: #146fb4; font-size: 14px; border-bottom: #89b7d9 1px solid; margin: 0 0 15px 0; }
#sondage .erreur{ font-size: 12px; }

#sondage .liste div{ font-size: 10px; width: 350px; margin: 0 0 5px 0; float: left; display: block; }
#sondage .liste div.gauche{ margin: 0 20px 5px 0; width:300px; }
#sondage .liste div strong{ color: #126eb8; font-size: 11px; font-weight: normal; }

#sondage .formulaire label{ color: #000000; font-size: 12px; width: 180px; padding: 5px 0 0 0; margin: 0 0 10px 0; float: left; display: block; }
#sondage .formulaire .Input{ color: #000000; font-size: 12px; border: #000000 1px solid; width: 200px; padding: 3px; margin: 0 20px 10px 0; float: left; display: block; }
#sondage .formulaire .Bouton{ color: #ffffff; text-transform: uppercase; border: 0px; height: 23px; padding: 0 0 2px 0; margin: 0 0 10px 0; }
#sondage .formulaire .vote{ text-align: left; background: #126eb8 url(Gx/00/puceSondage.gif) no-repeat 167px 9px; width: 185px; padding: 0 20px 0 5px; }
#sondage .formulaire .suggestion{ text-align: left; background: #126eb8 url(Gx/00/puceSondage.gif) no-repeat 220px 9px; width: 235px; padding: 0 20px 0 5px; }

.champTexte{
	color: #000000; font-size: 12px; border: #000000 1px solid; width: 200px; padding: 3px; margin: 0 20px 10px 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:#8a2352;
	color: #ffffff; text-transform: uppercase; border: 0px; height: 20px; padding: 0 5px 2px 5px; margin: 0 0 10px 0;
}
.bouton:hover{background-color:#ac336a; color:#FFF;}
.caseaCocher{
	float:left; display:block; width: 20px;font-size:12px; margin-top:5px;
}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur{color:#FF0000;}

/* CALENDRIER (Popup) */
div#Calendar{ background:#FFFFFF; border:#2266B3 1px solid; font-size:11px; }
div#Calendar div.weekdays div{ border:#FFFFFF 1px solid; color:#2266B3; font-weight:bold; margin:-1px 0 0 -1px; }
div#Calendar div.days a, div#Calendar div.days a:visited{ border:#2266B3 1px solid; color:#3e3328; margin:-1px 0 0 -1px; text-decoration:none; }
div#Calendar div.days a:hover{ color:#999999; }
div#Calendar div.days div{ background:#CFCFCF; border:#2266B3 1px solid; margin:-1px 0 0 -1px; }


/* INDEX
--------------------------------------------------------------------------------------- */

body#index{
	background: #FFF url(gx/I/bodyBg.jpg) repeat-x center top;
	margin: 0;
	padding: 0;
	text-align:center;
}
#conteneurIndex{width:1000px; height:775px; margin:0 auto; text-align:center; background: #FFF url(gx/I/conteneurIndexBg.jpg) no-repeat center top; position:relative;}
#logoIndex{position:absolute; top:410px; left:130px;}
#btBtnLangueIndex{position:absolute; top:500px; left:356px;}
#btBtnLangueIndex a{padding:5px 0 0 0; margin-right:10px; background-color:#9a2e5f; color:#fff; font-size:12px; text-decoration:none; height:20px; width:90px; display:block; float:left; }

#piedPageIndex{position:absolute; bottom:185px; left:58px; olor:#666666; font-size:11px; text-align:right;width:482px;}
#piedPageIndex a{color:#666666; text-decoration:underline;}
#piedPageIndex a:hover{color:#666666;}
#piedPageIndex #copyrights{float:left; margin:25px 0 0 5px; text-align:right;width:482px;}
#piedPageIndex #copyrights a{font-weight:normal;}
#piedPageIndex #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#666666;}
#piedPageIndex #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #666666;}