/* 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#main{ background: #000000 url(Gx/background_top.jpg) repeat-x center top; text-align: center; }
html{ color: white; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{ border:0; margin:0; padding:0; color: white; }

#contenu #collGauche #textes a{ color: #FF0D01; text-decoration: underline; }
#contenu #collGauche #textes a:hover{ color: #FFFFFF; text-decoration: underline; }

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */

p{ font-size: 11px; line-height: 150%; color: white; text-align: justify; }
h1{ font-size: 18px; color: white; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; }

ul li{color:white; font-size:11px; line-height:150%; list-style:square; margin: 0 0 2px 0; padding: 0 0 0 17px; background: url(Gx/puce_icar.gif) no-repeat left top; list-style-type: none; }
ol li{color:white; font-size:11px; line-height:150%; margin-left:16px;}


/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */

#conteneur{ margin: 0 auto 0 auto; text-align: left; width: 1000px; margin-top: 6px; }
#baniere{ width: 1000px; height: 127px; position: relative; }
#baniere a#logo{ display: block; width: 372px; height: 90px; background: url(Gx/M/logo.gif) no-repeat; /*margin: 12px 0 0 35px;*/ position: absolute; left: 35px; top: 12px; outline: none; }
#baniere a#logo span{ display: none; }
#baniere div#slogan{ width: 300px; height: 40px; background: url(Gx/M/slogan_fr.jpg) no-repeat; position: absolute; top: 56px; left: 430px; }
#baniere div#sloganAnglais{ width: 300px; height: 40px; background: url(Gx/M/slogan_en.jpg) no-repeat left top; position: absolute; top: 66px; left: 430px; }
#baniere div#compteur_vitesse{ width: 170px; height: 127px; background: url(Gx/M/compteur_vitesse.jpg) no-repeat; position: absolute; top: 0px; left: 822px; }
#baniere a#btn_langue{ position: absolute; right: 26px; top: -7px; color: #9c9c9c; font-size: 12px; text-decoration: none; background: url(Gx/M/fleche_langue.gif) no-repeat 0 6px; padding-left: 8px; }
#baniere a#btn_langue:hover{ color: white; }

#baniere div#compteur_vitesse{background: url(Gx/M/logo_leClub.png) no-repeat;left: 828px; top:10px;}
#baniere div#compteur_vitesse a{ display: block; height: 127px; outline: none;}

.both{clear:both;}
img.photoTexte{ float: right; padding: 0; margin: 0 0 10px 10px; border: none; }
a.documentPDF{ display: block; background: url(Gx/icone_pdf.gif) no-repeat left top; padding: 0 0 0 18px; text-decoration: underline; }
a.documentPDF:hover{ text-decoration: none; }

ul.menuSousPage{ margin: 0; padding: 0; }
ul.menuSousPage li{ margin: 0 0 20px 0; padding: 0 0 0 18px; list-style-type: none; background: url(Gx/puce_icar.gif) no-repeat; width: 500px; }
ul.menuSousPage li a{ display: block; text-decoration: none; width: 500px; color: white; outline: none; }
ul.menuSousPage li a:hover{ color: #FF0D01; }
ul.menuSousPage li a:hover h2{ text-decoration: underline; color: #FF0D01; }
ul.menuSousPage li a h2{ margin: 0 0 3px 0; padding: 0; font-size: 16px; }
ul.menuSousPage li a p{ margin: 0; padding: 0; font-size: 11px; line-height: 12px; }
ul.menuSousPage li ul{ margin: 20px 0 0 10px; }

a.btnRetourTop{ display: block; color: #FF0D01; font-weight: bold; text-decoration: none; position: relative; top: -10px; outline: none; }
a.btnRetourTop:hover{ text-decoration: underline; }

div.boiteGalerie{ width: 704px; height: 167px; background: url(Gx/carousel_background.gif) no-repeat; position: relative; top: -5px; }
div.boiteGalerie div.carousel div.carousel-control{ width: 52px; height: 167px; float: left; cursor: pointer; }
div.boiteGalerie div.carousel div.carousel-control span{ display: none; }
div.boiteGalerie div.carousel div.carousel-previous{ background: url(Gx/carousel_btn_gauche.gif) no-repeat 15px 54px; }
div.boiteGalerie div.carousel div.carousel-next{ background: url(Gx/carousel_btn_droite.gif) no-repeat 4px 54px; }
div.boiteGalerie div.carousel div.carousel-wrap{ width: 600px; height: 137px; float: left; margin-top: 15px; }
div.boiteGalerie div.carousel ul{ width: 600px; height: 137px; margin: 0; padding: 0; }
div.boiteGalerie div.carousel ul li{ width: 200px; height: 137px; float: left; margin: 0; padding: 0; list-style-type: none; background: none; }
div.boiteGalerie div.carousel ul li a{ width: 190px; height: 133px; margin: 0 0 0 4px; padding: 3px 0 0 0; border: 1px #282828 solid; display: block; background: black; cursor: pointer; }
div.boiteGalerie div.carousel div.carousel-control:hover{ -moz-opacity:.6;opacity:0.60;filter:alpha(opacity=60); }
div.boiteGalerie div.carousel div.carousel-control.disabled,
div.boiteGalerie div.carousel div.carousel-control.disabled:hover{ -moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default; }


/* MODULE_banniere
--------------------------------------------------------------------------------------- */
#btBanniere{
	width:484px; 
	height:224px;
	position:relative;
}
#banniereImage div{
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#banniereImage div.imageActif{
	display:block;
	z-index:1;
}



/* MENUS
--------------------------------------------------------------------------------------- */

#menu_haut{ width: 1000px; height: 63px; background: url(Gx/background_menu_haut.gif) no-repeat; position: relative; }
#menu_haut ul#mini_menu{ margin: 0; padding: 0; position: absolute; top: 18px; left: 50px;}
#menu_haut ul#mini_menu li{ float: left; color: black; list-style-type: none; margin: 0 9px; padding: 0; background: none; }
#menu_haut ul#mini_menu li.premier{ margin-left: 13px;}
#menu_haut ul#mini_menu li.sep{ color: black; font-weight: bold; font-size: 13px; position: relative; top: -3px; }
#menu_haut ul#mini_menu li a{ color: black; text-decoration: none; font: 12px Arial, Helvetica, sans-serif; }
#menu_haut ul#mini_menu li a:hover{ color: #e03416; }
/*
#menu_haut #login_membre{ float: right; padding-right: 40px; padding-top: 14px; color: black; text-align: right; }
#menu_haut #login_membre .boxLoginMembre{ width: 135px; height: 18px; border: 1px #dadada solid; font: 11px Arial, Helvetica, sans-serif; color: #5a5858; margin: 0; padding: 3px 0 0 5px; float: left; margin-right: 6px; }
#menu_haut #login_membre a#btnLoginMembre{ width: 38px; height: 26px; background: url(Gx/M/btn_login.gif) no-repeat; display: block; text-decoration: none; float: left; position: relative; top: -2px; }
#menu_haut #login_membre a#btnLoginMembre:hover{ background-position: 0 -26px; }
#menu_haut #login_membre a{ color: #e03416; text-decoration: underline; }
#menu_haut #login_membre a:hover{ text-decoration: none; }
*/

#menu{height: 47px; margin-left: 29px;zoom:1;}

/*#menu.menu_en{ width: 946px; height: 47px; margin-left: 29px;}
#menu.menu_fr{ width: 946px; height: 47px; margin-left: 29px;}*/
#menu ul{ padding: 0; margin: 0; }
#menu ul li{
	background:url(Gx/M/btMenuBorder_bg.gif) no-repeat top right ; 
	list-style-type: none; 
	display: block; 
	height: 47px; 
	float: left; 
	margin: 0; 
	padding:0 1px 0 0; 
}
#menu ul li.premier{ margin-left: 2px;}
#menu ul li.dernier{ background: none; padding: 0;}

#menu ul li a{ 
	background: url(Gx/M/menu_bg.gif) no-repeat top;
	display: block; 
	float: left;
	height: 47px;
	font-size: 14px;
	font-weight: bold;
	line-height: 47px;
	padding: 0 37px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
#menu ul li.premier a{ background-position: left top;}
#menu ul li.dernier a{ background-position: right top;}

#menu ul li a:hover{ background-position: bottom;}
#menu ul li.premier a:hover{ background-position: left bottom;}
#menu ul li.dernier a:hover{ background-position: right bottom;}

#menu ul li a.Events{ padding-left: 45px;}
#menu ul li a.Tracks{ padding-right: 48px;}

/* anglais */
#menu.menu_en ul li a{padding: 0 26px;}
#menu.menu_en ul li a.Events{ padding-left: 47px;}
#menu.menu_en ul li a.Tracks{ padding-right: 49px;}


/* Menu déroulant 
--------------------------------------------------------------------------------------- */

#sddm{ float: left; z-index: 30;zoom:1;}

#sddm div{	
	background: #FFF;
	-moz-border-radius: 8px; -webkit-border-radius:8px ; border-radius:8px;
	position: absolute;
	visibility: hidden;
	margin: 8px 0 0 -10px;
	padding: 20px 0 15px 0;
	text-align: center;
	width: 115px;
	z-index: 9000;
	zoom:1;
}

#sddm li div a{
	color: #FFF;
	display: block;
	position: relative;
	height: 25px;
	line-height: 25px;
}

/*#menu.menu_en ul li a{ display: block; height: 47px; background: url(Gx/M/menu_en.gif) no-repeat;}
#menu.menu_fr ul li a{ display: block; height: 47px; background: url(Gx/M/menu_fr.gif) no-repeat;}
#menu ul li a span{ display: none; }*/

/* anglais */
/*#menu.menu_en ul li a.Events{width:101px; background-position: 0px 0px;}
#menu.menu_en ul li a.Drag{width:89px; background-position: -101px 0px;}
#menu.menu_en ul li a.Tracks{width:92px; background-position: -190px 0px;}
#menu.menu_en ul li a.Karting{width:105px; background-position: -282px 0px;}
#menu.menu_en ul li a.DrivingAcademie{width:165px; background-position: -387px 0px;}
#menu.menu_en ul li a.AchatEnLigne{width:174px; background-position: -552px 0px;}
#menu.menu_en ul li a.GiftCard{width:105px; background-position: -726px 0px;}
#menu.menu_en ul li a.Communaute{width:115px; background-position: -831px 0px;}

#menu.menu_en ul li a.Events:hover{background-position: 0px -47px;}
#menu.menu_en ul li a.Drag:hover{background-position: -101px -47px;}
#menu.menu_en ul li a.Tracks:hover{background-position: -190px -47px;}
#menu.menu_en ul li a.Karting:hover{background-position: -282px -47px;}
#menu.menu_en ul li a.DrivingAcademie:hover{background-position: -387px -47px;}
#menu.menu_en ul li a.AchatEnLigne:hover{background-position: -552px -47px;}
#menu.menu_en ul li a.GiftCard:hover{background-position: -726px -47px;}
#menu.menu_en ul li a.Communaute:hover{background-position: -831px -47px;}*/

/* français */
/*#menu.menu_fr ul li a.Events{width:129px; background-position: 0px 0px;}
#menu.menu_fr ul li a.Drag{width:67px; background-position: -129px 0px;}
#menu.menu_fr ul li a.Tracks{width:87px; background-position: -196px 0px;}
#menu.menu_fr ul li a.Karting{width:91px; background-position: -283px 0px;}
#menu.menu_fr ul li a.DrivingAcademie{width:163px; background-position: -374px 0px;}
#menu.menu_fr ul li a.AchatEnLigne{width:144px; background-position: -537px 0px;}
#menu.menu_fr ul li a.GiftCard{width:134px; background-position: -681px 0px;}
#menu.menu_fr ul li a.Communaute{width:131px; background-position: -815px 0px;}
 
#menu.menu_fr ul li a.Events:hover{background-position: 0px -47px;}
#menu.menu_fr ul li a.Drag:hover{background-position: -129px -47px;}
#menu.menu_fr ul li a.Tracks:hover{background-position: -196px -47px;}
#menu.menu_fr ul li a.Karting:hover{background-position: -283px -47px;}
#menu.menu_fr ul li a.DrivingAcademie:hover{background-position: -374px -47px;}
#menu.menu_fr ul li a.AchatEnLigne:hover{background-position: -537px -47px;}
#menu.menu_fr ul li a.GiftCard:hover{background-position: -681px -47px;}
#menu.menu_fr ul li a.Communaute:hover{background-position: -815px -47px;}*/

/* CONTENUE
--------------------------------------------------------------------------------------- */

#contenu{ width: 932px; margin: 27px 0 0 40px; }
#contenu #collGauche{ width: 704px; float: left; }
#contenu #collDroite{ width: 228px; float: left; text-align: right; }


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

#contenu.page_01_100{ width: 950px; margin: 12px 0 0 29px; }
#contenu.page_01_100 #collTop{ width: 950px; height: 224px; }

	#contenu.page_01_100.langue_en #collTop #boiteIKart{ width: 484px; height: 224px; float: left; /*background: url(Gx/01/ikart_on_en.jpg) no-repeat;*/ }
	#contenu.page_01_100.langue_en #collTop #boiteIKart a{ width: 484px; height: 224px; display: block; float: left; text-decoration: none; /*background: url(Gx/01/ikart_en.jpg) no-repeat;*/ outline: none; }
	#contenu.page_01_100.langue_en #collTop #boiteIKart a:hover{/* background: url(Gx/01/ikart_on_en.jpg) no-repeat;*/ }

	#contenu.page_01_100.langue_fr #collTop #boiteIKart{ width: 484px; height: 224px; float: left; /*background: url(Gx/01/ikart_on_fr.jpg) no-repeat;*/ }
	#contenu.page_01_100.langue_fr #collTop #boiteIKart a{ width: 484px; height: 224px; display: block; float: left; text-decoration: none; /*background: url(Gx/01/ikart_fr.jpg) no-repeat;*/ outline: none; }
	#contenu.page_01_100.langue_fr #collTop #boiteIKart a:hover{ /*background: url(Gx/01/ikart_on_fr.jpg) no-repeat;*/ }

	#contenu.page_01_100.langue_en #collTop #boiteCorporateZone{ width: 232px; height: 224px; float: left; background: url(Gx/01/corporate_zone_on_en.jpg) no-repeat; }
	#contenu.page_01_100.langue_en #collTop #boiteCorporateZone a{ width: 232px; height: 224px; display: block; float: left; text-decoration: none; background: url(Gx/01/highPerformance_en.jpg) no-repeat; outline: none; }
	#contenu.page_01_100.langue_en #collTop #boiteCorporateZone a:hover{ background: url(Gx/01/highPerformance_en_over.jpg) no-repeat; }

	#contenu.page_01_100.langue_fr #collTop #boiteCorporateZone{ width: 232px; height: 224px; float: left; background: url(Gx/01/corporate_zone_on_fr.jpg) no-repeat; }
	#contenu.page_01_100.langue_fr #collTop #boiteCorporateZone a{ width: 232px; height: 224px; display: block; float: left; text-decoration: none; background: url(Gx/01/highPerformance_fr.jpg) no-repeat; outline: none; }
	#contenu.page_01_100.langue_fr #collTop #boiteCorporateZone a:hover{ background: url(Gx/01/highPerformance_fr_over.jpg) no-repeat; }

	#contenu.page_01_100.langue_en #collTop #boiteClub{ width: 233px; height: 224px; float: left; background: url(Gx/01/club_on_en.jpg) no-repeat; }
	#contenu.page_01_100.langue_en #collTop #boiteClub a{ width: 233px; height: 224px; display: block; float: left; text-decoration: none; background: url(Gx/01/club_en.jpg) no-repeat; outline: none; }
	#contenu.page_01_100.langue_en #collTop #boiteClub a:hover{ background: url(Gx/01/club_on_en.jpg) no-repeat; }

	#contenu.page_01_100.langue_fr #collTop #boiteClub{ width: 233px; height: 224px; float: left; background: url(Gx/01/club_on_fr.jpg) no-repeat; }
	#contenu.page_01_100.langue_fr #collTop #boiteClub a{ width: 233px; height: 224px; display: block; float: left; text-decoration: none; background: url(Gx/01/club_fr.jpg) no-repeat; outline: none; }
	#contenu.page_01_100.langue_fr #collTop #boiteClub a:hover{ background: url(Gx/01/club_on_fr.jpg) no-repeat; }

#contenu.page_01_100 #collBottom{ width: 950px; height: 301px; }

	#contenu.page_01_100.langue_en #collBottom #boiteNouvelles{ width: 297px; height: 301px; background: url(Gx/01/nouvelles_en.jpg); float: left; }
	#contenu.page_01_100.langue_fr #collBottom #boiteNouvelles{ width: 297px; height: 301px; background: url(Gx/01/nouvelles_fr.jpg); float: left; }
	#contenu.page_01_100 #collBottom #boiteNouvelles ul{ margin: 57px 10px 0 10px; padding: 0; }
	#contenu.page_01_100 #collBottom #boiteNouvelles ul li{ list-style-type: none; margin: 0; padding: 2px 0 0 0; height: 50px; background: none; }
	#contenu.page_01_100 #collBottom #boiteNouvelles ul li div.image{ width: 75px; float: left; }
	#contenu.page_01_100 #collBottom #boiteNouvelles ul li div.texte h2.date{ font-size: 11px; color: #bae1ff; margin: 0; padding: 0; line-height: 10px; }
	#contenu.page_01_100 #collBottom #boiteNouvelles ul li div.texte p.resume{ font-size: 11px; color: white; margin: 0; padding: 0; line-height: 14px; display: inline; }
	#contenu.page_01_100 #collBottom #boiteNouvelles ul li div.texte span.suite{ color: #ff0b02; }
	#contenu.page_01_100 #collBottom #boiteNouvelles ul li a.lienBoite{ text-decoration: none; display: block; margin: 0; padding: 0; outline: none; }
	#contenu.page_01_100 #collBottom #boiteNouvelles ul li a.lienBoite:hover h2.date,
	#contenu.page_01_100 #collBottom #boiteNouvelles ul li a.lienBoite:hover p.resume{ text-decoration: underline; }
	#contenu.page_01_100 #collBottom #boiteNouvelles ul li a.lienBoite:hover div.texte p.resume span.suite{ text-decoration: none; }
	#contenu.page_01_100 #collBottom #boiteNouvelles a#autresNouvelles{ font-size: 12px; color: #2487c1; clear: left; text-decoration: none; position: relative; top: -10px; left: 9px; }
	#contenu.page_01_100 #collBottom #boiteNouvelles a#autresNouvelles:hover{ text-decoration: underline; }
	#contenu.page_01_100 #collBottom #boiteNouvelles p#aucuneNouvelles{ text-align: center; margin-top: 90px; }

	#contenu.page_01_100.langue_en #collBottom #boiteCommunaute{ width: 187px; height: 301px; float: left; background: url(Gx/01/communaute_on_en.jpg) no-repeat; }
	#contenu.page_01_100.langue_en #collBottom #boiteCommunaute a{ width: 187px; height: 301px; display: block; float: left; text-decoration: none; background: url(Gx/01/communaute_en.jpg) no-repeat; outline: none; }
	#contenu.page_01_100.langue_en #collBottom #boiteCommunaute a:hover{ background: url(Gx/01/communaute_on_en.jpg) no-repeat; }

	#contenu.page_01_100.langue_fr #collBottom #boiteCommunaute{ width: 187px; height: 301px; float: left; background: url(Gx/01/communaute_on_fr.jpg) no-repeat; }
	#contenu.page_01_100.langue_fr #collBottom #boiteCommunaute a{ width: 187px; height: 301px; display: block; float: left; text-decoration: none; background: url(Gx/01/communaute_fr.jpg) no-repeat; outline: none; }
	#contenu.page_01_100.langue_fr #collBottom #boiteCommunaute a:hover{ background: url(Gx/01/communaute_on_fr.jpg) no-repeat; }

	#contenu.page_01_100 #collBottom #boiteVideo{ width: 232px; height: 301px; float: left; }
	#contenu.page_01_100.langue_en #collBottom #boiteVideo a{ width: 232px; height: 301px; display: block; float: left; text-decoration: none; background: url(Gx/01/video_en.jpg) no-repeat; outline: none; }
	#contenu.page_01_100.langue_fr #collBottom #boiteVideo a{ width: 232px; height: 301px; display: block; float: left; text-decoration: none; background: url(Gx/01/video_fr.jpg) no-repeat; outline: none; }

	/* calendrier */
#contenu.page_01_100 #collBottom #boiteCalendrier{ width: 412px; height: 301px; float: left; position: relative; }
	#contenu.page_01_100.langue_en #collBottom #boiteCalendrier{ background: url(Gx/01/bg_calendrier_en.gif) no-repeat; }
	#contenu.page_01_100.langue_fr #collBottom #boiteCalendrier{ background: url(Gx/01/bg_calendrier_fr.gif) no-repeat; }
	#btEventGauche{float:left; width:200px; height:230px;}
	#btEventDroite{float:left; width:200px; height:230px;}
	
/*		#contenu.page_01_100 #collBottom #boiteCalendrier #moisPrecedent{ width: 16px; height: 15px; background: url(Gx/01/calendrier_fleche_gauche.gif) no-repeat center; cursor: pointer; position: absolute; top: 55px; left: 175px; }
	#contenu.page_01_100 #collBottom #boiteCalendrier #moisPrecedent.hover{ background: url(Gx/01/calendrier_fleche_gauche_on.gif) no-repeat center; }
	
	#contenu.page_01_100 #collBottom #boiteCalendrier #moisSuivant{ width: 16px; height: 15px; background: url(Gx/01/calendrier_fleche_droite.gif) no-repeat center; cursor: pointer; position: absolute; top: 55px; left: 196px; }
	#contenu.page_01_100 #collBottom #boiteCalendrier #moisSuivant.hover{ background: url(Gx/01/calendrier_fleche_droite_on.gif) no-repeat center; }
	
	#contenu.page_01_100 #collBottom #boiteCalendrier #mois{ font-size: 12px; color: white; font-weight: bold; position: absolute; top: 58px; left: 18px; }
	
	#contenu.page_01_100 #collBottom #boiteCalendrier div#calendrier{ position: absolute; top: 94px; left: 20px; }
	#contenu.page_01_100 #collBottom #boiteCalendrier div#calendrier div.rowCalendar{ height: 15px; width: 196px; margin-bottom: 1px; }
	#contenu.page_01_100 #collBottom #boiteCalendrier div#calendrier div.rowCalendar div.jour{ height: 15px; width: 23px; padding-right: 5px; color: #d45121; float: left; text-align: center; vertical-align: top; }
	#contenu.page_01_100 #collBottom #boiteCalendrier div#calendrier div.rowCalendar div.jour a.lien_jour{ position: relative; font-size: 11px; color: white; text-decoration: none; display: block; height: 15px; width: 23px; background: url(Gx/01/calendrier_bg_evenement.gif) no-repeat; text-align: center; vertical-align: top; }
	
	#contenu.page_01_100 #collBottom #boiteCalendrier #ajaxLoader{ position: absolute; top: 120px; left: 107px; display: none; z-index: 999; }*/
	
	#contenu.page_01_100 #collBottom #boiteCalendrier #texte{ position: absolute; top: 210px; left: 0px; width: 207px; text-align: justify; font-size: 11px; color: white; padding: 0 13px; line-height: 11px; }
	#contenu.page_01_100 #collBottom #boiteCalendrier #meteo{ position: absolute; bottom: 10px; left: 30px;text-align: center; }
	
	#contenu.page_01_100 #collBottom #boiteCalendrier ul{ margin: 57px 15px 0 10px; padding: 0; }
	#contenu.page_01_100 #collBottom #boiteCalendrier ul li{ list-style-type: none; margin: 0; padding: 2px 0 0 0; height: 50px; background: none;  line-height: 11px; }
	#contenu.page_01_100 #collBottom #boiteCalendrier ul li div.image{ width: 75px; float: left; }
	#contenu.page_01_100 #collBottom #boiteCalendrier ul li div.texte h2.date{ font-size: 11px; color: #bae1ff; margin: 0; padding: 0; line-height: 11px; }
	#contenu.page_01_100 #collBottom #boiteCalendrier ul li div.texte p.resume{ font-size: 11px; color: white; margin: 0; padding: 0; line-height: 11px; display: inline; }
	#contenu.page_01_100 #collBottom #boiteCalendrier ul li div.texte span.suite{ color: #ff0b02; }
	#contenu.page_01_100 #collBottom #boiteCalendrier ul li a.lienBoite{ text-decoration: none; display: block; margin: 0; padding: 0; outline: none; }
	#contenu.page_01_100 #collBottom #boiteCalendrier ul li a.lienBoite:hover h2.date,
	#contenu.page_01_100 #collBottom #boiteCalendrier ul li a.lienBoite:hover p.resume{ text-decoration: underline; }
	#contenu.page_01_100 #collBottom #boiteCalendrier ul li a.lienBoite:hover div.texte p.resume span.suite{ text-decoration: none; }
	#contenu.page_01_100 #collBottom #boiteCalendrier a#autresNouvelles{ font-size: 12px; color: #fff; clear: left; text-decoration: none; position: relative; top: -10px; left: 9px; }
	#contenu.page_01_100 #collBottom #boiteCalendrier a#autresNouvelles:hover{ text-decoration: underline; }
	#contenu.page_01_100 #collBottom #boiteCalendrier p#aucuneNouvelles{ text-align: center; margin-top: 90px; }
	
	.bulleEvenement h2{ font-size: 13px; }
	.bulleEvenement p{ font-size: 11px; margin-bottom: 15px; }

/* NOUVELLE PAGE ACCUEIL
--------------------------------------------------------------------------------------- */	
	
#banniere{border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; float: left; height:360px; width:623px;}
#banniere a{ display: block; height: 360px;}
#slideshow{ float: left; display: block; height: 360px; overflow: hidden; width:623px;}
.jshowoff-controls, .jshowoff-slidelinks{ display: none;}

#evenementBlock{ background: url(gx/evenementBlockbg.gif) no-repeat;  float: right;min-height:352px;height:auto !important; height: 352px; padding: 11px 15px 0 15px; width: 278px;}
#evenementBlock h2{ border-bottom: 1px dotted #494949; color: #b90b02; font-size:18px; font-weight: normal; margin-bottom: 9px; padding-bottom: 10px; text-transform: uppercase;}
#evenementBlock h2 span{ color: #FFF;}
#evenementBlock a#btVoirTous{ background: url(gx/btVoirTous.gif) left no-repeat; color: #888; float: right; margin: 5px 5px 0 0; padding-left: 14px; text-decoration: none;}
#evenementBlock a#btVoirTous:hover{  text-decoration: underline;}

.event { background: url(gx/eventBorderBg.jpg) no-repeat bottom;  margin-bottom: 10px;}
.event a img{ border: 3px solid #333; float: left; margin:0 13px 10px 0;}
#evenementBlock .event p{	text-align: left;}
.event .date, .event .titre{ font-size: 14px; text-transform: uppercase;}
.event .titre a{ color: #697d2b; text-decoration: none;}
.event .titre a:hover{ text-decoration: underline;}
.event .titre span{ font-size: 11px;}
.event .texte{ color: #818181;}

.event:hover a img{ border: 3px solid #adadad;}
.event:hover .titre{ color: #82ab07;}
.event:hover .titre a{ color: #82ab07;}
.event:hover .texte{ color: #FFF;}

a.ctaBox{
	background: url(gx/ctaBox1.gif) no-repeat top;
	color: #818181;
	display: block;
	float: left;
	height: 60px;
	margin-right: 20px;
	padding: 102px 0 0 10px;
	text-decoration: none;
	width: 210px;
}

a.ctaBox span{text-transform: uppercase; font-size: 18px;}
a.ctaBox span.sousTitre{font-size: 14px; text-transform: uppercase;}

#ctaBox1{background-image: url(gx/ctaBox1.gif);}
#ctaBox2{background-image: url(gx/ctaBox2.gif);}
#ctaBox3{background-image: url(gx/ctaBox3.gif);}
#ctaBox4{background-image: url(gx/ctaBox4.gif);margin-right: 0px;}
a.ctaBox:hover{ background-position: bottom;}
a.ctaBox:hover span{ color: #b90b02;}
a.ctaBox:hover span.sousTitre{color: #818181;}

#ctaZoneCorpo{
	background: url(gx/ctaZoneCorpo.gif) no-repeat;
	float: left;
	height: 71px;
	margin-top: 23px;
	padding:26px 0 0 12px;
	text-decoration: none;
	width: 613px;
}
#ctaZoneCorpo span{ color: #000; font-size: 16px;}

#evenementBlock.nouvelleBlock{background: url(gx/nouvellesBlockbg.gif) no-repeat; float: left;min-height:225px;height:auto !important; height: 225px; margin-top: 5px; width: 596px;}

#evenementBlock.nouvelleBlock .nouvelles{ color: #b5b5b5; border-bottom: 1px solid #222; margin-bottom: 16px; padding-bottom: 20px;}
#evenementBlock.nouvelleBlock .nouvelles h3{ margin-bottom: 7px;}
#evenementBlock.nouvelleBlock .nouvelles h3 a{ text-decoration: none; text-transform: uppercase;}
#evenementBlock.nouvelleBlock .nouvelles h3 a:hover{ text-decoration: underline;}

#evenementBlock.nouvelleBlock .nouvelles a#btVoirTous {background-image: url(gx/btVoirTous2.gif); color: #87a330; float: none; margin-left: 13px; padding-left: 10px;}

/* CTA droite */

#ctaDroiteConteneur{ float: right; width: 308px;}

.ctaDroite{
	background: url(gx/ctaDroite_bg.gif) no-repeat;
	color: #888888;
	float: right;
	height: 77px;
	margin-top: 5px;
	padding: 20px 0 0 110px;
	text-decoration: none;
	width: 198px;
}
.ctaDroite.premier{margin-top: 23px;}
.ctaDroite:hover{ background-position: bottom;}

.ctaDroite span{ color: #B90B02; font-size:18px; line-height: 33px; text-transform: uppercase; }
.ctaDroite img{ float: left; margin:5px 0 0 -80px; }

#ctaCadeau.ctaDroite img{ margin:5px 0 0 -85px; }
#ctaBoutique.ctaDroite img{ margin:-2px 0 0 -85px; }

#infolettre.ctaDroite {
	background: #222; 
	border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
	padding:5px 10px 10px 20px; 
	min-height:110px;
	height:auto !important;
	height: 110px; 
	width: 278px; 
}

#infolettre.ctaDroite input{ width: 170px;}

/* PAGE NOUVELLES
--------------------------------------------------------------------------------------- */

#list_nouvelles ul{ margin: 0; padding: 0; }
#list_nouvelles ul li{ list-style-type: none; margin: 0; padding: 2px 0 0 0; height: 50px; background: none; }
#list_nouvelles ul li div.image{ width: 75px; float: left; }
#list_nouvelles ul li div.texte h2.date{ font-size: 11px; color: #bae1ff; margin: 0; padding: 0; line-height: 10px; }
#list_nouvelles ul li div.texte p.resume{ font-size: 11px; color: white; margin: 0; padding: 0; line-height: 14px; display: inline; }
#list_nouvelles ul li div.texte span.suite{ color: #ff0b02; }
#list_nouvelles ul li a.lienBoite{ text-decoration: none; display: block; margin: 0; padding: 0; outline: none; }
#list_nouvelles ul li a.lienBoite:hover h2.date,
#list_nouvelles ul li a.lienBoite:hover p.resume{ text-decoration: underline; }
#list_nouvelles ul li a.lienBoite:hover div.texte p.resume span.suite{ text-decoration: none; }
#list_nouvelles a#autresNouvelles{ font-size: 12px; color: #2487c1; clear: left; text-decoration: none; position: relative; top: -10px; left: 9px; }
#list_nouvelles a#autresNouvelles:hover{ text-decoration: underline; }
#list_nouvelles p#aucuneNouvelles{ text-align: center; margin-top: 90px; }

#detail_nouvelle h1.titreNouvelle{ margin-bottom: 0; }
#detail_nouvelle h2.dateNouvelle{ font-size: 11px; color: #bae1ff; margin: 0 0 10px 0; padding: 0; }
#detail_nouvelle a.btnRetour{ clear: both; display: block; color: #FF0D01; font: 11px; font-weight: bold; text-decoration: none; }
#detail_nouvelle a.btnRetour:hover{ text-decoration: underline; }



/* PAGE EVENEMENTS
--------------------------------------------------------------------------------------- */

#listEvenement ul{ margin: 0; padding: 0; }
#listEvenement ul li{ list-style-type: none; margin: 0; padding: 2px 0 0 0; background: none; }
#listEvenement ul li h2.date{ font-size: 11px; color: #bae1ff; margin: 0; padding: 0; line-height: 10px; }
#listEvenement ul li h3.titre{ font-size: 13px; }
#listEvenement ul li p.resume{ font-size: 11px; color: white; margin: 0 0 10px 0; padding: 0; line-height: 14px; }

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


/* PAGE COMMUNAUTE
--------------------------------------------------------------------------------------- */

a#btn_facebook_communaute{ background: url(Gx/M/logo_facebook_on.gif) no-repeat; text-decoration: none; outline: none; }
a#btn_facebook_communaute{ display: block; width: 135px; height: 42px; background: url(Gx/M/logo_facebook.gif) no-repeat left top; margin-top: 7px; }
	#btn_facebook_communaute:hover{ background-position: left bottom; }

a#btn_youtube_communaute{ background: url(Gx/M/logo_youtube_on.gif) no-repeat; text-decoration: none; outline: none; }
a#btn_youtube_communaute{ display: block; width: 140px; height: 42px; background: url(Gx/M/logo_youtube.gif) no-repeat left top; margin-top: 7px; }
	#btn_youtube_communaute:hover{ background-position: left bottom; }

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



/* PIED DE PAGE
--------------------------------------------------------------------------------------- */

#piedPage{ width: 1000px; margin: 30px 0 40px 0; }
	#piedPage #logos{ width: 1000px; height: 33px; background: url(Gx/M/logo_footer.jpg) no-repeat; margin-bottom: 20px; }
	#piedPage #separateur{ width: 1000px; height: 1px; background: url(Gx/M/sep_footer.gif); margin-bottom: 6px; overflow: hidden; }
	#piedPage #adresse{ width: 1000px; height: 50px; background: url(Gx/M/adresse_footer.gif) no-repeat; }
	#piedPage #adresse span{ display: none; }
	
	#piedPage #adresse a#btn_cisa{ background: url(Gx/M/logo_cisa.gif) no-repeat; display: block; width: 108px; height: 42px; float: right; margin-top: 7px; }

	#piedPage #adresse a#btn_facebook{ background: url(Gx/M/logo_facebook_on.gif) no-repeat; }
	#piedPage #adresse a#btn_facebook{ display: block; width: 135px; height: 42px; float: right; background: url(Gx/M/logo_facebook.gif) no-repeat left top; margin-top: 7px; }
		#piedPage #adresse #btn_facebook:hover{ background-position: left bottom; }

	#piedPage #adresse a#btn_youtube{ background: url(Gx/M/logo_youtube_on.gif) no-repeat; }
	#piedPage #adresse a#btn_youtube{ display: block; width: 140px; height: 42px; float: right; background: url(Gx/M/logo_youtube.gif) no-repeat left top; margin-top: 7px; }
		#piedPage #adresse #btn_youtube:hover{ background-position: left bottom; }

	#piedPage #copyrights{ margin-left: 34px; }
	#piedPage #copyrights a{ color: #afafaf; text-decoration: none; }
	#piedPage #copyrights a:hover{ color: white; }

/* Partager cette page (bookmarker) */
#socialBookmarker {float: right;}
#bookmarker a{color: #BD9500; text-decoration: underline;}
#bookmarker a:hover{color: #000;}

#piedPage #partenaires{ margin: 10px; width:1000px; padding:0px 35px;}
.logoCommanditaire{ /* width:125px; */  height:50px; display:table-cell; text-align:center; vertical-align:middle; margin:5px; padding:0px 10px 0 10px; float:left; }

/* #piedPage #partenaires img{float:left; margin:0 30px 20px 0;} */
#piedPage #partenaires #deuxiemeRow{float:left; margin-left:250px;}

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

/* 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{
	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;
	color: #498ECB;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
}

.bouton:hover{background-color:#1A80B6; color:#FFF;}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */
.erreur{color:#FF0000;}

#newsletter label{ width: 75px; float: left; font-size: 14px; font-weight: bold; margin-top: 4px; }
#newsletter input{ width: 200px; margin-bottom: 4px; float: left; }
#newsletter input#btnSubscribe{ width: auto; position: relative; left: -2px; float: none; }



/* Section Vidéo
--------------------------------------------------------------------------------------- */
#collecturevideo{
	float: left;
	width: 600px;
}
#collistevideo{
	float: left;
	width: 332px;
}
#collistevideo a{text-decoration: none;}
#collistevideo a strong{color: #bce1fe;}
#collistevideo a img{display: block;float: left;margin-right: 10px;}

.descriptionVideoOff, .CatVideoOff{
	display: none;
}
#listeDescription p{display: block;float: left;width: 480px;}

#changecat{
	background-color: #000;
	color: #bce1fe;
	border: 1px solid #fff;
	font-size: 12px;
	margin:2px 0 2px 0;
}

#imageXfadeContainer {
	height:224px;
	overflow:hidden;
	position:relative;
	width:484px;
}

#imageXfadeContainer img {
	display:none;
	height:224px;
	left:0px;
	position:absolute;
	top:0px;
	width:484px;
}