/* RÉINITIALISATION DES ÉLÉMENTS
--------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
a:active,object,embed{outline:none;}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */
body#main{
	background: transparent/*#d7ddc1/*d6ddc0*//*d6ddc0*/ url(gx/M/bg_deg.jpg) repeat-x top;
	text-align:center;

}
html{
	color: #515151;
	font-size: 11px;
	background: url(gx/M/fond_vert2.jpg) repeat;
	font-family: Tahoma, Arial, sans-serif;
}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
#listePromoAccueil div {display:none;}
#listePromoAccueil div.listePromoAccueilActif {display:block;}
#swapper a{
	display:none;
}
#swapper a.accueilActif{display:block;}
#swapper a.swapnumber{
	color:#60634e;
	display:block;
}
#swapper a.swapnumberActif{color:red;}
h1{font-family: 'Comic Sans MS', Verdana, sans-serif;  color: #788f47; font-size:30px; font-weight: normal; margin-bottom:15px;}
h1 a, h1 a:link, h1 a:visited{color:#7b8757;text-decoration: none;}

#banniereInt h1{padding: 50px 0 0 60px;}

/*h1{font-family: 'Comic Sans MS', Verdana, sans-serif;  color: #788f47; font-size:22px; font-weight: normal; margin-bottom:6px;}
h1 a, h1 a:link, h1 a:visited{color:#7b8757;text-decoration: none;}*/

h2{color:#7b8757; font-size:14px; margin-bottom:4px;font-weight: bold;}
h2 a, h2 a:link, h2 a:visited{color:#7b8757;text-decoration: none;}

p{font-size:11px; /*line-height:150%;*/ color:#515151;}
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:#7b8757; 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:#7b8757; text-decoration:underline;
}

a{color:#7b8757;text-decoration: none;}
a:hover{color:#7b8757;text-decoration: underline;}

a#lien1, #enVedette a#lien1 {float:right; background:#89c0db; color:#FFF; font-weight: normal; text-transform:uppercase; padding:4px 10px; font-size:12px; text-decoration:none; margin-bottom:5px;}
a#lien1:hover, #enVedette a#lien1:hover {background:#a3cde2;}
#lien2{color:#7b8757;/*1c1c1c*/font-size:12px;text-decoration:none;font-weight:normal;font-family:arial;}
a#lien2:hover{/*color:#ff8b24;*/text-decoration: underline;}

ul li{color:#1F1F1F; font-size:11px; line-height:150%; list-style-image:url(gx/M/puce.jpg); margin-left:16px;}
ol li{color:#1F1F1F; font-size:11px; line-height:150%; margin-left:16px;}

.ligne{width: 600px;float: left;border-top: 1px solid #c4ce8d;padding-bottom: 10px;}

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

/* NOUVELLES
--------------------------------------------------------------------------------------- */
.nouvelles{width: 550px; height: auto; float: left; /*border-bottom: 1px solid #c4ce8d; margin-bottom: 20px;*/}
.nouvelleImg{width: 130px; height: auto; float: left;}
.nouvelleTexte{color: #515151;width: 420px; height: auto; float: left; font-size:11px;}

.imgDetailDefaut{width: 180; height: auto; float: left;}
.imgDetailListe{width: 264px; height: auto; float: left;}
.ctnDetailListeTxt{width: 400px; height: auto; float: left;padding: 0 0 0 10px;}
.ctnDetailListeTxtImg{width: 300px; height: auto; float: left;padding: 0 0 0 10px;}



#colonnes{width: 1001px; height: auto; float: left;padding-bottom: 40px;}
#colonneGauche{width: 580px; min-height: 400px; height: auto !important; height: 400px; float: left;border-right: 1px solid #c4ce8d;padding: 0 20px 0 20px; margin-top: 20px;}
#colonneSep{width: 51px; height: 300px; float: left;}
#colonneDroite{width: 350px; height: auto; float: left; text-align:center;}
#colonneDroite div.marge{padding-top:30px;}

#hautNouvelles{width: 600px; height: auto; float: left;}
#hautNouvellesGauche{width: 400px; height: auto; float: left;}
#hautNouvellesDroite{width: 200px; height: auto; float: left;text-align: right;}


/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:1px 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{font-size:12px; color:#000; margin:2px 0 2px 0;}
form fieldset label{color: #515151;}
fieldset label.erreur{color:#cc0000;}
.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: #8ac1df;
	color: #fefefe;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
}
.bouton:hover{background-color:#8ac1df; color:#4e7f9f;}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

p.erreur{text-align:center; color:#CC0000; background-color:#FFDDDD; border:1px #CC0000 solid; padding:15px; border-radius:4em; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.succes{text-align:center; color:#4F8A10; background-color:#DFF2BF; border:1px #4F8A10 solid; padding:15px; border-radius:4em; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.conseil{font-size:10px;display:none;}
div.erreur{float: left;padding-left: 156px;}

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


/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneurbg{
	margin:0 auto 0 auto;
	text-align:left;
	width:100%;
	/*min-height: 660px;*/
	background: url(gx/M/bg.jpg) no-repeat center top;
}
#conteneur{
	margin:0 auto 0 auto;
	text-align:left;
	width:1080px;
}
#contenu{
	min-height:660px;
	height:auto !important;
	height:660px;
}
#contenuInt{
	width: 1001px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	float: left;
	background: #fff url(gx/M/bg_int.jpg) repeat-y top center;
	margin-left: 40px;
	display: inline;
}
#basInt{width: 1001px; height: 40px; float: left;background: #d6ddc0 url(gx/M/bas_int.jpg) no-repeat top center;/*margin-left: 40px;*//*padding-left: 40px;*/margin-left: 40px;display: inline; padding-top:5px;}
#basIntAccueil{width: 1001px; height: 40px; float: left;/*margin-left: 40px;*/padding-left: 40px;display: inline;}

.both{clear:both;}



/* HAUT
--------------------------------------------------------------------------------------- */
#haut{background: url(gx/M/bg_menu.gif) no-repeat bottom center; width: 1080px; height: 153px;float: left;}
#top{width: 1080px; height: 100px;float: left;}
#topGauche{width: 410px; height: auto;float: left;padding-left: 90px;}
#topDroite{width: 380px;/*580*/ height: auto;float: left;padding-left: 200px}
#menuHaut{width: 295px; height: auto;float: left; padding: 15px 0 0 56px;}
#menuHaut ul li{display: inline; margin:0 10px 0 0;}
#menuHaut ul li a{font-family: Arial; font-size: 11px; color: #706f6f;text-decoration: none;}
#menuHaut ul li a:hover,#menuHaut ul li .actif{font-family: Arial; font-size: 11px; color: #4590b5;text-decoration: none;}
#bannieres{background: #fff url(gx/M/bg_bannieres.png) no-repeat top center;width: 1001px; height: 326px;/*327*/ float: left;/*padding-left: 40px;*/margin-left: 40px;display: inline;border-left: 1px solid #c5c8ab;border-right: 1px solid #c5c8ab;border-bottom: 1px solid #c5c8ab;}
#banniereInt{background: url(gx/M/banniere_int.jpg) no-repeat top center;width: 1040px; height: 199px; float: left;padding-left: 41px;}
#banniereInt{background: url(gx/M/banniere_spec.jpg) no-repeat top center; height: 326px;}
#banniereInt a{
	display: block;
	height: 326px;
	width: 1040px;
}


#playerHaut{width: 250px;/*290*/ height: auto;float: left;padding: /*25px*/0 0 0 37px; margin:0px;}

#boiteMp3 {float:right; display:block;  width:250px; height:auto; overflow:hidden;}
#boiteMp3 p {color:#4c7a8d; font-size:11px; line-height:11px;}
#boiteMp3 p span{}
#boiteMp3 .audioTexte{float:left; display:block; width:192px;margin:0; padding:14px 0 0 6px;}
#boiteMp3 .audioPlayer{float:left; width:85px;display:block;}

/*#boiteMenu{width: 938px; height: auto; float: left;margin: 48px 0 0 82px;}
#menu{width: 938px; height: 54px; float: left;}
.menu1, a{width: 93px; height: 54px;}
.menu1{background-image: url(gx/M/menu_nouvelles_on.jpg);}
.menu1 a {display: block; background-image: url(gx/M/menu_nouvelles.jpg);}
.menu1 a:hover{background-image: none;}
.menu2, a{width: 107px; height: 54px;}
.menu2{background-image: url(gx/M/menu_spectacles_on.jpg);}
.menu2 a {display: block; background-image: url(gx/M/menu_spectacles.jpg);}
.menu2 a:hover{background-image: none;}*/
/*padding: 48px 0 0 82px;*/
#bteMenu{width: 938px; height: auto; float: left;}
#boiteMenu{width: 938px; height: 54px;float: left;margin: 0 0 0 82px;display: inline;}

#menu{width: 938px; height:54px; float: left;margin-top: 0px;}
#menu div{display: inline; text-align:center;}
/**** ****/
/*#menu div{width: 938px; height: auto; margin: 48px 0 0 82px;}*/
/*#menu div{width: 938px; height: auto; margin: 0 0 0 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:54px;
	text-indent: -99999px;
}

#menu #menu1 a{width:93px; background-position: 0 0px;}
#menu div#menu1 a:hover, #menu div#menu1 a:visited:hover{background-position: 0 -54px;}
#menu div#menu1 a.actif {background-position: -0px -54px;}

#menu #menu2 a{width:107px; background-position: -93px 0px;}
#menu div#menu2 a:hover, #menu div#menu2 a:visited:hover{background-position: -93px -54px;}
#menu div#menu2 a.actif {background-position: -93px -54px;}

#menu #menu3 a{width:92px; background-position: -200px 0px;}
#menu div#menu3 a:hover, #menu div#menu3 a:visited:hover{background-position: -200px -54px;}
#menu div#menu3 a.actif {background-position: -200px -54px;}

#menu #menu4 a{width:109px; background-position: -292px 0px;}
#menu div#menu4 a:hover, #menu div#menu4 a:visited:hover{background-position: -292px -54px;}
#menu div#menu4 a.actif {background-position: -292px -54px;}

#menu #menu5 a{width:113px; background-position: -401px 0px;}
#menu div#menu5 a:hover, #menu div#menu5 a:visited:hover{background-position: -401px -54px;}
#menu div#menu5 a.actif {background-position: -401px -54px;}

#menu #menu6 a{width:117px; background-position: -514px 0px;}
#menu div#menu6 a:hover, #menu div#menu6 a:visited:hover{background-position: -514px -54px;}
#menu div#menu6 a.actif {background-position: -514px -54px;}

#menu #menu7 a{width:102px; background-position: -631px 0px;}
#menu div#menu7 a:hover, #menu div#menu7 a:visited:hover{background-position: -631px -54px;}
#menu div#menu7 a.actif {background-position: -631px -54px;}

#menu #menu8 a{width:103px; background-position: -733px 0px;}
#menu div#menu8 a:hover, #menu div#menu8 a:visited:hover{background-position: -733px -54px;}
#menu div#menu8 a.actif {background-position: -733px -54px;}

#menu #menu9 a{width:102px; background-position: -836px 0px;}
#menu div#menu9 a:hover, #menu div#menu9 a:visited:hover{background-position: -836px -54px;}
#menu div#menu9 a.actif {background-position: -836px -54px;}*/
/**** ****/
#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:54px;
	text-transform:lowercase;
	color:#10547c;
	font-family: Arial; 
	font-size:18px;
	text-decoration:none;
	margin-top:15px;
	padding:0 13px;
}

#menu #menu1{width:73px;}
#menu div#menu1 a:hover, #menu div#menu1 a:visited:hover, #menu div#menu1 a.actif{background: url(gx/M/menuSketchOver.png) no-repeat 4px 15px;}

#menu #menu2{width:87px;}
#menu div#menu2 a:hover, #menu div#menu2 a:visited:hover, #menu div#menu2 a.actif{background: url(gx/M/menuSketchOver.png) no-repeat 4px 15px;}

#menu #menu3 {width:972px;}
#menu div#menu3 a:hover, #menu div#menu3 a:visited:hover, #menu div#menu3 a.actif{background: url(gx/M/menuSketchOver.png) no-repeat 4px 15px;}

#menu #menu4{width:89px;}
#menu div#menu4 a:hover, #menu div#menu4 a:visited:hover, #menu div#menu4 a.actif{background: url(gx/M/menuSketchOver.png) no-repeat 4px 15px;}

#menu #menu5{width:93px;}
#menu div#menu5 a:hover, #menu div#menu5 a:visited:hover, #menu div#menu5 a.actif{background: url(gx/M/menuSketchOver.png) no-repeat 4px 15px;}

#menu #menu6{width:97px;}
#menu div#menu6 a:hover, #menu div#menu6 a:visited:hover, #menu div#menu6 a.actif{background: url(gx/M/menuSketchOver.png) no-repeat 4px 15px;}

#menu #menu7{width:82px;}
#menu div#menu7 a:hover, #menu div#menu7 a:visited:hover, #menu div#menu7 a.actif{background: url(gx/M/menuSketchOver.png) no-repeat 4px 15px;}

#menu #menu8{width:83px;}
#menu div#menu8 a:hover, #menu div#menu8 a:visited:hover, #menu div#menu8 a.actif{background: url(gx/M/menuSketchOver.png) no-repeat 4px 15px;}

#menu #menu9{width:82px;}
#menu div#menu9 a:hover, #menu div#menu9 a:visited:hover, #menu div#menu9 a.actif{background: url(gx/M/menuSketchOver.png) no-repeat 4px 15px;}


/*CALENDRIER*/
.evenements h1{background:#669ac0;padding:5px 10px;margin:5px 0;color:#fff;}
.listeEvenement{clear:both;border:1px solid #eee;padding:5px;margin-bottom:3px;}
.listeEvenement .listeEvenementPhoto{float:left;margin:0 10px 0 0;}
.listeEvenement .listeEvenementTexte{float:left;width:335px;}
.listeEvenement .listeVideo{
	float:right;
	border-color:#eee;
	background: none;
	width: 126px;
}
#salonCongresRecherche{clear:right;float:right;width:180px;margin-top:20px;border:1px solid #95a36c;padding:5px;}

/* CALENDRIER (Calendrier d'événements calendrierEvenement.js) */
/*#boiteCalendrier{width: 202px; height: auto; overflow: hidden; float:left;text-align: center;}

div#CalendrierEvenement{font-family: Arial, sans-serif;font-size:11px; color: #95a36c; width:220px; height:170px;float:left;}
#CalendrierEContent, #Calendrier{position:relative; }
div#CalendrierEvenement .controls{width: 191px; height: 25px; color: #95a36c;padding:3px;background: url(gx/M/bg_topcalendrier.jpg) no-repeat top center;text-align: center;}
div#CalendrierEvenement input{outline:none;}
div#CalendrierEvenement div.weekdays div{ height: 18px;font-weight:normal;padding:2px 0 1px 1px;font-size:11px;}
div#CalendrierEvenement div.days div{font-size: 11px; font-weight:normal; height:20px; padding:2px 3px 1px 2px;}
div#CalendrierEvenement div.days div.dayEvent1{background: url(gx/M/bg_cal_rouge.jpg) no-repeat top center;}
div#CalendrierEvenement div.days div.dayEvent2{background: url(gx/M/bg_cal_bleu.jpg) no-repeat top center;}
div#CalendrierEvenement div.days div.dayEvent3{background: url(gx/M/bg_cal_orange.jpg) no-repeat top center;}
div#CalendrierEvenement div.days div a, div#CalendrierEvenement div.days a:visited{ color:#fff; font-weight:bold; display:block; text-decoration:none; cursor:pointer; height:18px; }
div#CalendrierEvenement div.days div ul{display:none;font-weight:normal;background:#fff;padding:5px;right:0;width:200px;position:absolute;z-index:100;border:1px solid #ccc;}
div#CalendrierEvenement div.days div ul li{list-style-type:none;margin:3px 16px;text-align:left;color:#000;font-size:11px;}
div#CalendrierEvenement div.days div ul li a, div#CalendrierEvenement div.days ul li a:link, div#CalendrierEvenement div.days ul li a:visited{
	display:inline;
	color:#95a36c; font-weight:normal;
	padding:0;
	margin:0;
	text-indent:0;
	background:none;
}
div#CalendrierEvenement div.days a:hover{ text-decoration:underline; }
div#CalendrierEvenement div.days div{ margin:-1px 0 0 -1px; }*/

/* CALENDRIER
--------------------------------------------------------------------------------------- */
#boiteCalendrier{width: 202px; height: auto; overflow: hidden; float:left;text-align: center;}
#calendrier {float:left; width:275px;}

#blocCal{
	display:block;
	width:275px;
	float:left;
	margin-top:10px;
}
table#calendrier{
	width:275px;
	color:#95a36c;
	font-size:10px; 
	/*background: #6f9b7a;*/
	float:left;
	height: auto;
	margin-left: 30px;
	display: inline;
}

table#calendrier tr td table{/*background: #6f9b7a;*/ border: 0px solid #f1dad9;}

table#calendrier tr td h2{/*background: #385f42; */color: #95a36c; padding:3px;}

tr.calendarheader{height:20px;}
tr.calendarheader td{text-transform:uppercase; color:#95a36c; line-height: 20px; font-size:11px; font-weight:normal; vertical-align: top;}
.calendar {
	color:#95a36c;
	font-size:11px; 
	font-weight:none;
	margin:2px;
}
.calendartoday{color: #95a36c;}
#calendrier a.calendarActif{
	color:#95a36c/*ff8b24*/; font-weight: bold; text-decoration:none; 
	width:25px;
	display:block;
	padding:3px 0;
	background: url(gx/M/carre_blanc.jpg) no-repeat top center;
}
#calendrier a.calendarActif:hover{color:#95a36c; 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:#95a36c;}
table#calendrier tr td.mois{
	text-transform: uppercase;
	font-size:11px;
	font-weight:none;
	color: #95a36c;
	padding:0px 10px 0 0;
	width:275px;
}
.blocTitreMois{width: 275px; height: auto; float: right; }
.flecheGauche{float: left;padding: 2px 4px 0 0;}
.titreMois{float: left;padding: 2px 0 0 4px;text-align: center;}
.flecheDroite{float: left;padding: 2px 0 0 0px;}
/*table#calendrier tr td.mois img{
	float: right;
}*/
table#calendrier tr td.mois strong{
	display:inline;float: left; line-height: 14px;
	padding:3px 5px 0px 5px; font-weight: normal;

}

#basCalendrier{
border-top: 7px solid #f1dad9;
	height: 50px; padding:10px 0px;
	display:block;float:left; width:245px;

}
#basCalendrier img{margin-right: 8px;float:left;}
#basCalendrier p{margin: 0px; color:#000; font-size:11px; text-align: left;}
/*tr#basCalendrier td{ height: 68px; padding:10px 15px;color:#fff;}*/
#basCalendrier .nomArtiste{ text-transform: uppercase;}
#basCalendrier .heure{color:#32aed6; font-size:30px;margin-left:40px; line-height: 30px;}

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


/* 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; }
#dhtmltooltip dt, #dhtmltooltip dd { width : auto; padding : 0; margin : 0 }
#dhtmltooltip dd { padding-left : 5px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #9A6219; text-align: left; }
#dhtmltooltip dt { margin-bottom : 2px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #513903; text-align: left;}
#dhtmlpointer { position:absolute; left: -300px; z-index: 101; visibility: hidden; }
#dhtmltooltip { border: 1px solid #555; background-color: #FCF5E5; color : #000; }
#dhtmltooltip dt { color : #000; border-bottom : 1px solid #000; }

/* CALL TO ACTION
--------------------------------------------------------------------------------------- */
#callToAction{width: 1059px;/*1080*/ height: auto; float: left;padding: 17px 0 0 21px;background: url(gx/M/bg_cta.png) no-repeat top center;}
.blocCTA{width:340px; height: auto; float:left;}
.topCTA{width:340px; height: 72px; float:left;background: url(gx/M/top_boite_accueil.png) no-repeat top center;}
.topCTAimg{width: 33px; height: 45px; float: left; margin: 15px 0 0 0;padding: 0 0 0 25px;}
.topCTAtitre{width: 230px;height: 45px;float: left;margin: 19px 0 0 0;padding: 0 0 0 20px;}
.topCTAtitre h2{/*font-family: 'Comic Sans MS', Verdana, sans-serif;*/font-size: 22px;font-weight: normal;padding-left: 20px;}
.contenuCTAvideo{width:317px;/*340*/ min-height: 172px;height: !important; height: 172px; text-align: center;float:left;background: url(gx/M/bg_boite_accueil.png) repeat-y top center;padding: 3px 0 0 23px;}
.contenuCTAnouvelles{width:307px;/*340*/ min-height: 172px; height: !important; height: 172px;float:left;background: url(gx/M/bg_boite_accueil.png) repeat-y top center; padding-left: 33px;}
.ctaNouvellesAccueilTop{width: 275px; height: auto; float: left;}
.ctaNouvellesImg{width: 112px;/*100*/ height: auto; float: left;}
.ctaNouvellesTitre{width: 155px;/*167*/ height: auto; float: left;padding-left: 7px;}
.ctaNouvellesTitre h3{font-family: Tahoma, Arial, sans-serif;size: 14px; font-weight: bold; color: #788f47;padding-top: 2px;}
.ctaNouvellesTitre h3 a{font-family: Tahoma, Arial, sans-serif;size: 14px; font-weight: bold; color: #788f47;padding-top: 2px;text-decoration: none;}
.ctaNouvellesTitre h3 a:hover{font-family: Tahoma, Arial, sans-serif;size: 14px; font-weight: bold; color: #788f47;padding-top: 2px;text-decoration: underline;}
.ctaNouvellesDate{font-family: Tahoma, Arial, sans-serif;size: 12px; font-weight: bold; color: #9eb772;padding-top: 2px;}
.ctaNouvellesDate a{font-family: Tahoma, Arial, sans-serif;size: 12px; font-weight: bold; color: #9eb772;text-decoration: none;}
.ctaNouvellesAccueilTxt{width: 285px; height: auto; float: left;padding: 5px 0 5px 0 ;}
.ctaNouvellesAccueilTxt p{font-size: 11px; color: #515151;}
.ctaNouvellesAccueilTxt p a{font-size: 11px; color: #7f8f41;font-weight: bold; text-decoration: underline;}
.contenuCTAcalendrier{width:340px; min-height: 172px;height: !important; height: 172px; float:left;background: url(gx/M/bg_boite_accueil.png) repeat-y top center; }
.contenuCTAcalendrier #CalendrierEvenement{padding-left: 30px;}
.basCTA{width:340px; height: 1px; float:left;background:url(gx/M/bas_boite_accueil.png) no-repeat top center;}
.sepCTA{width:9px; height: 239px; float:left;background:url(gx/M/sep_cta.png) no-repeat top center;}
.lienFleche{font-size: 8px; color: #7f8f41;font-weight: bold;}


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{width: 1080px; height: auto; float: left;padding: 12px 0 35px 0;}
#piedPage p{color: #7f8864;font-size: 11px;font-weight: normal;padding:0px;}
#copyrights{width: 320px; height: auto; float: left; padding: 0 0 0 40px;}
#copyrights span{color: #434c26;}
#logos{width: 485px;/*590*/ height: auto; float: right;/*padding-left: 130px; */text-align: right; padding-top:5px;}


#logos div.prodj{background: url(gx/M/logo_prodj.png) no-repeat top left; float:left; width:126px; height:54px;}
#logos div.facebook{background: url(gx/M/logo_facebook.png) no-repeat top left; float:left; width:126px; height:54px;}
#logos div.myspace{background: url(gx/M/logo_myspace.png) no-repeat top left; float:left; width:126px; height:54px;}
#logos div.youtube{background: url(gx/M/logo_youtube.png) no-repeat top left; float:left; width:103px; height:54px;}

#logos a:hover div.prodj{background: url(gx/M/logo_prodj_over.png) no-repeat top left; float:left; width:126px; height:54px; cursor:hand;}
#logos a:hover div.facebook{background: url(gx/M/logo_facebook_over.png) no-repeat top left; float:left; width:126px; height:54px;cursor:hand;}
#logos a:hover div.myspace{background: url(gx/M/logo_myspace_over.png) no-repeat top left; float:left; width:126px; height:54px;cursor:hand;}
#logos a:hover div.youtube{background: url(gx/M/logo_youtube_over.png) no-repeat top left; float:left; width:103px; height:54px;cursor:hand;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu {margin:0;padding:0;}
#menu li{padding:0; margin:0; display:inline; list-style-type:none;}
#menu li a, #menu li a:link, #menu li a:visited{
	border: 1px solid #999;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	padding: 5px;
	text-decoration: none;
}
#menu li a:hover, #menu li a:visited:hover{background-color:#999; color:#333;}
#menu li a.actif, #menu li a.actif:visited, #menu li a:active, #menu li a:visited:active{background-color:#C21527; color:#FFF;}

/* Navigation secondaire */
#menuSec{float:right;}
#menuSec li{border-right:1px solid #000; display:inline; float:left; list-style-type:none; padding:0 5px 0 5px; margin:0;}
#menuSec li.dernier{border:0; padding:0 0 0 5px;}
#menuSec a, #menuSec a:link, #menuSec a:visited{float:left;font-size: 10px;}

/* Navigation en bas-de-page */
#menuBas{float:right;}
#menuBas li{border-right:1px solid #000; display:inline; float:left; list-style-type:none; padding:0 5px 0 5px; margin:0;}
#menuBas li.dernier{border:0; padding:0 0 0 5px;}
#menuBas a, #menuBas a:link, #menuBas a:visited{float:left;font-size: 10px;}

/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */



/* 09_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
.colonnesContact{width: 600px; height: auto;float: left;}
.colonneContact{width: 260px; height: auto; float: left;}

#carteContact{border:1px solid #999;height:300px;width:350px;float:left;}
#boiteFormQuestion{float:right;width:370px;}

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

.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:#89c0db; color: #ffffff; text-transform: uppercase; border: 0px; height: 23px; padding: 0px 5px 0px 5px; margin: 0px 5px 0px 5px;
}
.bouton:hover{background-color:#a4cee2; color:#FFF;}
.caseaCocher{
	float:left; display:block; width: 20px;font-size:12px;
}

/*#formQuestion{float:right;width:370px;}
#formQuestion label{float:left;width:80px;}
#formQuestion .champTexte{float:left;width:200px;}
#formQuestion .listeDeroulante{float:left;width:200px;}
#formQuestion .boiteTexte{float:left;height:70px;width:230px;}

.champTexte{
	color: #000000; font-size: 11px; width: 200px; padding: 3px; margin: 0 20px 10px 0; float: left; display: block; 
}*/

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
/*#piedPage{color:#555; height:50px; padding:0; width:740px;}
#piedPage a{color:#BD9500; 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;}
#piedPage #menuBas{float:right;text-align:right;}
*/
/* Partager cette page (bookmarker) */
#socialBookmarker{float:left;}
#socialBookmarkerPrefix{float:left;cursor:default;margin-top: 10px;}
.bookmarkIconesVisibles {float:left;margin:10px 0 0 2px;}
#bookmarkHoverPopup{border:solid 1px; background-color:#FFF; display:none; padding:4px; position:absolute; text-align:left; width:315px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems{float:left; height:25px; margin-right:4px; width:150px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a{height:25px; line-height:25px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{border:none; color:#000; display:block; padding-left:2px; text-decoration:none; width:150px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{background-color:#eee; border:1px solid #666; color:#333; display:block; height:25px; padding-left:2px; text-decoration:none; width:150px;}




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

.blocMultimediaVideo{width: 220px; height: auto; float: left;padding-bottom: 10px;}
.blocMultimediaVideo .imgMultimedia{float:left;display:block;width:160px;}
.blocMultimediaVideo .ctnMultimedia{float:left;display:block;width:40px;margin-left:5px;}
.blocMultimediaVideo p a{text-decoration: none;}

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

/* PAGE CONCOURS
--------------------------------------------------------------------------------------- */
.boiteTitre {font-size:18px;}
.boiteDescr {}



/* PAGE AGENDA
--------------------------------------------------------------------------------------- */
#contenu2 {width:500px}
#contenu2 a{color: #000; text-decoration:none;}
#contenu2 a:hover{color: #ff9333; text-decoration:none;}