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

/* GÉNÉRALES
--------------------------------------------------------------------------------------- */
body#index{
	background: #000000;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #000000;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #FFFFFF;
	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: #272829; font-size:16px;}
h1 a, h1 a:link, h1 a:visited{color:#C21527;}

h2{text-transform:uppercase;color: #7e1f00; font-size: 14px; border-bottom: #360d00 1px solid; margin: 0 0 15px 0; }
h2 a, h2 a:link, h2 a:visited{color:#7e1f00;}

h3{color: #272829; font-size:16px;}
h3 a, h3 a:link, h3 a:visited{color:#C21527;}

#titreGeneral {height:44px; border-bottom: 1px #360d00 solid;}
#titreNouvelle {background: url(Gx/M/titreNouvelle.gif) no-repeat left top; border-bottom: 1px #360d00 solid; padding-bottom:5px;}
#titreMusique {background: url(Gx/M/titreMusique.png) no-repeat left top;}
#titreCalendrier {background: url(Gx/M/titreCalendrier.gif) no-repeat left top;}
#titreVideo {background: url(Gx/M/titreVideo.gif) no-repeat left top;}
.titreH1 {text-indent:-999999px; overflow:hidden; height:44px;}
.titreH3 {text-indent:-999999px; height:44px;}
.titreH1General {Color: #FFF; font-size:16px; line-height:280%; padding:0 10px; text-transform: uppercase;}
.away {text-indent:-999999px}

p{font-size: 12px; line-height: 130%; color: #CCC; 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:#CCC; 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:#CCC; text-decoration:underline;
}

#lien1{float:right;background:#360d00; color:#fff; font-weight: normal; text-transform:uppercase;padding:4px 10px; font-size:12px;text-decoration:none; margin-bottom:5px;}
a#lien1:hover{background:#663333;}
#lien2{color:#7e1f00; float:right; font-weight:bold; font-size:12px; text-decoration:none;}
a#lien2:hover{text-decoration:underline;}
#lien3{color:#FFF; float:right; font-weight:bold; font-size:12px; text-decoration:none;}
a#lien3:hover{color:#7e1f00; text-decoration:underline;}
#lien4{color:#7e1f00; float:left; font-weight:bold; font-size:12px;}
a#lien4:hover{text-decoration:underline;}

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: #b32c00;}
.sousTitre{font-size: 15px;}

/* 
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
--------------------------------------------------------------------------------------- */
#tapisserie {background: url(gx/M/bg_conteneur.jpg) no-repeat top right; margin: 0 auto 10px auto; width:1000px;}
#conteneur{margin: 0px auto; text-align:left; width:900px;}

#haut{float:left; border-bottom: 1px #353535 solid; height: 55px; width:900px;}
#logo{float:left; margin:5px 0;}

#contenuGauche {float:left; width:569px;}
#entete {float:left; text-align:center; margin-top:45px; width:569px;}
#contenu {float:left; background: transparent; border: 1px #360d00 solid; padding: 10px; width:549px; min-height:500px; _height:500px;}
#contenu p img {padding:5px 10px 0 0;}
#contenuAccueil {float:left; background:transparent; border: 1px #360d00 solid; padding: 10px; width:549px;}
#boiteBas {float:left; margin-top: 20px; width:569px;}
#boiteBas a {color:#ce1833;}
#boiteBas a:hover {color: #6b899c;}
#contenuDroite{float:right; margin-top: 445px; text-align:left; width:315px;}

#reseaux {margin-top: 55px; height:200px;}
#liensSociaux {float:left; margin: 10px 15px; padding-bottom:10px;}
#liensSociaux img {padding:0 10px;}
#liensSociaux p {color:#FFF; font-size:12px; font-weight: bold; line-height:10px;}

#audio {padding-left: 10px; height:100%;}
#boiteMp3 {background: url(gx/M/bg_audio.png) no-repeat top left; float:left; height:113px; width:295px;}
#boiteMp3 div.titreBoite{color:#000; background:#000; display:block; font-size:12px;}
#boiteMp3 div.audioTexte p{color:#000; margin: 20px 30px 0 30px; font-size:11px;}
#boiteMp3 p span{text-transform:uppercase;}
.audioPlayer {padding:0px 22px;}

#video {float:right; padding-right:10px; width:272px;}
#video a{float:right; background: url(Gx/M/playerVideo.jpg) no-repeat top left; border: 1px solid #5a1600; height: 165px; text-indent: -999999px; width:272px;}
#video a:hover {background-position:0 -165px;}

#blocListe {float:left; margin: 5px 0;}
#blocListe .imgListe {float:left; width:112px;}
#blocListe .imgListe a img {border: 1px #525252 solid;}
#blocListe .ctnListe {float:left; width:425px; margin-left:10px;}
#blocListe p a, #blocListe p a:visited {text-decoration: none;}
#blocListe p a:hover{text-decoration: underline;}

#detailListe{}
#detailListe .imgDetailListe{float:left; display:block; width: 275px;}
#detailListe .imgDetailListe img{border: 1px #525252 solid;}
#detailListe .ctnDetailListe{float:left; display:block; width: 465px;}

.both{clear:both;}

.blocNoir {background: #000; border: 1px #360d00 solid; margin: 15px 0; padding: 10px 0px 25px 0px;}
.blocBlanc {background-color:#FFF; padding:20px 5px; border-radius:6em; -moz-border-radius:6px; -webkit-border-radius:6px;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu {margin:5px 0; padding:0;}
#menu div a, #menu div a:link, #menu div a:visited{
	float:left;
	background: url(gx/M/bg_menu.gif) no-repeat left top;
	border: 0px solid #000000;
	height:20px;
	text-indent: -9999px;
	width:100px;
}

#menu #menu01 a{background-position: 0 0px;}
#menu div#menu01 a:hover, #menu div#menu01 a:visited:hover {background-position: 0 -20px;}
#menu div#menu01 a.actif {background-position: 0 -40px;}

#menu #menu02 a{background-position: -100px 0px;}
#menu div#menu02 a:hover, #menu div#menu02 a:visited:hover {background-position: -100px -20px;}
#menu div#menu02 a.actif {background-position: -100px -40px;}

#menu #menu03 a{background-position: -200px 0px;}
#menu div#menu03 a:hover, #menu div#menu03 a:visited:hover {background-position: -200px -20px;}
#menu div#menu03 a.actif {background-position: -200px -40px;}

#menu #menu04 a{background-position: -300px 0px;}
#menu div#menu04 a:hover, #menu div#menu04 a:visited:hover {background-position: -300px -20px;}
#menu div#menu04 a.actif {background-position: -300px -40px;}

#menu #menu05 a{background-position: -400px 0px;}
#menu div#menu05 a:hover, #menu div#menu05 a:visited:hover {background-position: -400px -20px;}
#menu div#menu05 a.actif {background-position: -400px -40px;}

#menu #menu06 a{background-position: -500px 0px;}
#menu div#menu06 a:hover, #menu div#menu06 a:visited:hover {background-position: -500px -20px;}
#menu div#menu06 a.actif {background-position: -500px -40px;}

#menu #menu07 a{background-position: -600px 0px;}
#menu div#menu07 a:hover, #menu div#menu07 a:visited:hover {background-position: -600px -20px;}
#menu div#menu07 a.actif {background-position: -600px -40px;}

#menu #menu08 a{background-position: -700px 0px;}
#menu div#menu08 a:hover, #menu div#menu08 a:visited:hover {background-position: -700px -20px;}
#menu div#menu08 a.actif {background-position: -700px -40px;}

#menu #menu09 a{background-position: -800px 0px;}
#menu div#menu09 a:hover, #menu div#menu09 a:visited:hover {background-position: -800px -20px;}
#menu div#menu09 a.actif {background-position: -800px -40px;}

#menuu{float:right;}
#menuu ul{margin:0;padding-top:30px;text-align:center;}
#menuu ul li{padding:0; margin:0; display:inline; list-style-type:none; color: #000;}
#menuu ul li a, #menuu ul li a:link, #menuu ul li a:visited{
	color: #858585;
	font-size: 11px;
	font-weight: normal;
	line-height: 21px;
	padding: 5px;
	text-decoration: none;
}
#menuu ul li a:hover, #menuu ul li a:visited:hover {color: #FFF;}
#menuu ul li a.actif, #menuu ul li a.actif:visited {background: url(Gx/M/menuu_over.gif) no-repeat bottom center; color:#b32c00;}

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */


/* PAGE MULTIMEDIA
--------------------------------------------------------------------------------------- */
#blocMultimedia{float:left; display: block; margin-bottom:15px; width:369px;}
#blocMultimedia .imgMultimedia{float:left;display:block;width:160px; }
#blocMultimedia .imgMultimedia a img {border: 1px #525252 solid;}
#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:150px;}

#albumMultimedia a img {border: 1px #525252 solid;}

/* PAGE CONCOURS
--------------------------------------------------------------------------------------- */
#enteteConcours{ /*border-top: 7px solid #231f20;	border-bottom: 7px solid #231f20;height:246px; */}
#enteteConcours img{	float:left;}
#enteteConcours div.conteneurConcours{
	/* width: 491px;
	float:right; */
	display:block;
	
}
#enteteConcours p{
	text-align: left;
	
	padding: 5px 8px 0 8px;
}
#enteteConcours p.boiteTitre{
	background: #373535;
	color: #fff;
	border-bottom: 7px solid #231f20;
	font-size: 18px;
	font-weight: bold;
	line-height: 110%;
	
}
#enteteConcours p.boiteTitre strong{color: #e51937;}
#enteteConcours p.boiteDescr{
	color: #222324;
	font-size: 14px;
	line-height: 110%;
}


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

#sondage .liste div{min-height:35px;background:#F2F2F2; font-size: 10px;  width: 350px; margin: 0 5px 5px 0;padding: 5px 5px ; float: left; display: block;border:1px solid #ccc; }
#sondage .liste div.gauche{ }
#sondage .liste div strong{  color: #126eb8; font-size: 12px; font-weight: bold; }

#sondage .formulaire label{ color: #000000; font-size: 12px; line-height: 13px; width: 180px; padding: 3px 0 0 0; margin:2px 0; float: left; display: block; }
#sondage .formulaire .Input{ color: #000000; font-size: 12px; border: #000000 1px solid; width: 200px; padding: 3px; margin: 2px 20px 2px 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; }
#sondage .succesSondage{border:2px solid #126eb8;padding:5px;}
#sondage .succesSondage p{color: #126eb8;}
#frmSondage fieldset{border: 1px solid #ccc; background:#FCFCFC; width:710px;}
#frmSondage legend{text-transform:uppercase;color: #146fb4; font-size: 14px; border:none; }

/* 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{
	border-top: 1px #360d00 solid;
	color:#749fb6;
	font-size:11px;
	margin: 30px auto;
	padding:15px 0px; 
	height:40px;
	width:900px;
}

#piedPage a{color:#7e1f00;}
#piedPage a:hover{color:#b32c00; text-decoration:underline;}

#piedPage #menuPiedPage {float:left; margin:0 15px;}
#piedPage #menuPiedPage ul li{display:inline; margin:0px; padding:5px;}
#piedPage #menuPiedPage ul li a {text-decoration:none;}
#piedPage #menuPiedPage ul li a:hover, #piedPage #menuPiedPage ul li a.actif, #piedPage #menuPiedPage ul li a:hover.actif {text-decoration:underline;}

#piedPage #copyrights{float:left; margin:0 15px; padding:5px; text-align:left;}
#piedPage #copyrights a {color: #749fb6; font-weight:normal;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#749fb6;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #749fb6;}

#piedPage #logoProductionsJ{float:right; margin: 0 15px;}

/* Partager cette page (bookmarker) */
#socialBookmarker {float:right;margin-right:20px;}
#socialBookmarkerPrefix {float:left;color:#b3b3b3;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 #FFF; font-size: 11px; margin-bottom:10px; padding:5px;}
fieldset legend{border: 1px solid #999; color:#CCC; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{color: #CCC; 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;}

#formulaireConcours fieldset label{float:left;width:100px;}

.champTexte, #DateNaissance{
	background-color: #663333; color: #CCC; font-size: 12px; border: #360d00 1px solid; width: 200px; padding: 3px; margin: 0 20px 10px 0; float: left; display: block; 
}
.listeDeroulante{
	background: #663333;	
	border: 1px solid #360d00;
	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:#360d00;
	padding: 0 5px 2px 5px; margin: 0 0 10px 0px; 
	color: #ffffff; text-transform: uppercase; border: 0px; height: 23px;
}
.bouton:hover{background-color:#663333; color:#FFF; cursor: pointer;}

.caseaCocher{
	float:left; display:block; width: 20px;font-size:12px; margin: 5px 0 0 0; _margin: 0;
}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur, #sondage .formulaire label.erreur{color:#FF0000;}


/* CALENDRIER
--------------------------------------------------------------------------------------- */

#calendrier {float:left; width:267px;}

#blocCal{
	display:block;
	float:left;
	margin-top:0px;
}
table#calendrier{
	color:#8d8d8f;
	font-size:10px; 
	background: transparent;
	float:left;
}
 
table#calendrier tr td table{background: #000; border: 1px solid #5a1600; border-top: 0px;height:135px;}

tr.calendarheader{height:20px;}
tr.calendarheader td{text-transform:uppercase; color:#FFF; line-height: 25px; font-size:11px; vertical-align: top;}
.calendar {
	color:#b32c00;
	font-size:11px; 

}
.calendartoday{color: #FFF; font-weight:bold;}
#calendrier a.calendarActif{
	color:#ffbd31;
	font-weight: bold; 
	text-decoration:none; 
	width:25px;
	display:block;
	padding:3px 0;
}
#calendrier a.calendarActif:hover{color:#FFF; font-weight: bold; }
table#calendrier tr td a, #blocCal p a{color: #666666; font-size: 11px; text-decoration: underline;}
table#calendrier tr td a:hover, #blocCal p a:hover{color:#fff;}
table#calendrier tr td.mois{
	background-color: #360d00;
	border: 1px solid #5a1600;
	border-bottom: 0px;
	font-size:11px;
	color: #b32c00;
	padding-right:20px;
	height:31px;
}
table#calendrier tr td.mois img{float: right; padding:5px;}
table#calendrier tr td.mois strong{
	display:block;
	float:right; 
	font-weight:normal;
	padding:9px 0px 0 0px;
}

#codeCouleur{
	float:left;
	display:block;
	width:15px;
	margin:0 10px;
}

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

/* Outils d'info-bulles en javascript onMouseover="ddrivetip('')"
************************************************************** */
#dhtmltooltip{position:absolute; left:-300px; width:150px; padding:10px; visibility:hidden; z-index:100; text-align:left;}
#dhtmlpointer {position:absolute; left: -300px; z-index: 101; visibility: hidden; }
#dhtmltooltip {border: 1px solid #5a1600; background: #000; color:#000; }