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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#main{
	background: #FFF url(gx/M/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #000;
	font-size: 11px;
	font-family: Arial, Verdana, Tahoma;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

h1{
	background:url(Gx/M/titre_fond.gif);
	color: #000;
	padding:2px 10px;
	font-size:24px;
	font-weight:normal;
	text-align:right;
	margin-bottom:15px;
}

h2{
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
}

h3{
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}

h4 a, h4 a:link, h4 a:visited{
	color:#111;
	font-size:16px;
	font-weight:normal;
	margin-bottom:10px;
	text-decoration:underline;
}

h4 a:hover, h4:visited:hover{
	color:#555;
	text-decoration:none;
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#haut{
	background:url(Gx/M/logo_ombrage.gif) no-repeat;
	height:199px;
}
#logo{
	float:left;
	height:176px;
	padding-left:5px;
}
#piedlogo{
	background:url(Gx/M/logo_bas.gif) no-repeat;
	height:23px;
	width:204px;
	margin-left:-2px;
}
#entete{
	float:left;
	height:176px;
}

#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:943px;
}

#calendrier{
	float:left;
	padding-top:15px;
}

#event{
	border-top:1px solid #c2c2c2;
	border-bottom:1px solid #c2c2c2;
	width:190px;
	margin-top:20px;
	text-transform:uppercase;
	line-height:170%;
	padding:5px 0 5px 0;
}

#contenu{
	float:right;
	width:735px;
	text-align:justify;
}

.image{
	float:right;
	padding:9px;
	margin-left:15px;
	margin-bottom:15px;
	background:url(Gx/M/cadre.gif) no-repeat;
}

#thumbsvideo img{
	border:2px solid #fff;
}
#thumbsvideo img.bordure_on{
	border:2px solid #ff0000;
}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{height:59px; margin:0; padding:0 0 0 27px;background:url(Gx/M/menu_gauche.gif) no-repeat;}
#menu ul{margin:0;padding:0; height:59px;}
#menu ul li{padding:0; margin:0; display:block; float:left; list-style-type:none;background:url(Gx/M/mxx_xxx.gif) repeat-x;border-right: solid 1px #9b0202;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	display:block;
	float:left;
	height:39px; _height:59px;
	width:96px; _width:111px;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	padding: 20px 10px 0 5px;
	text-decoration: none;
	text-transform: uppercase;
}
#menu ul li a:hover, #menu ul li a:visited:hover{border-top: 10px solid #e30303;padding-top:10px;}
#menu ul li a.actif, #menu ul li a.actif:visited{color:#000;}
#menu ul li.actif, #menu ul li.actif:visited{background:url(Gx/M/mxx_xxx_on.gif) repeat-x;}

#menu ul li.home{
	background:url(Gx/M/m01_100.gif) no-repeat;
	border:0;
}

#menu ul li.about{
	background:url(Gx/M/m02_100.gif) no-repeat;
}
#menu ul li a.homeactif, #menu ul li a.homeactif:visited{color:#000;}
#menu ul li a.aboutactif, #menu ul li a.aboutactif:visited{color:#000;}
#menu ul li.homeactif, #menu ul li.homeactif:visited{background:url(Gx/M/m01_100_on.gif) repeat-x;border:0;}
#menu ul li.aboutactif, #menu ul li.aboutactif:visited{background:url(Gx/M/m02_100_on.gif) repeat-x;}

#menu ul li.menudroit{border:none;background:url(Gx/M/menu_droit.gif);height:59px;width:3px;}

#menusecondaire{
	background-color:#e1e1e1;
	border-top:#e3e3e3;
	height:68px;
}

#contenumenusec{margin:0 auto;width:943px;}
#contenumenusec ul{margin:0;padding:32px 0 0 0;float:left;}
#contenumenusec ul li{padding:0; margin:0; display:inline; list-style-type:none;}
#contenumenusec ul li a, #contenumenusec ul li a:link, #contenumenusec ul li a:visited{
	color: #656565;
	font-size: 1em;
	font-weight: bold;
	padding: 0 10px 0 10px;
	text-decoration: none;
	text-transform: uppercase;
}

#contenumenusec ul li a:hover, #contenumenusec ul li a:visited:hover{color:#000;}

#ferraricar{background:url(Gx/M/ferrari_footer.jpg) no-repeat;height:117px;position:relative;bottom:-26px;}
#ferrari{float:right;padding-top:20px;}

.voitures{
	font-size:12px;
	float:left;
	text-align:center;
	margin:15px;
}

.voitures a, .voitures a:link, .voitures a:visited{color:#555;text-decoration:none;line-height:200%;}

.voitures a:hover, .voitures a:visited:hover{color:#000;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 170%; color: #000;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #555; text-decoration: underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#000; text-decoration:underline;
}
ul li{font-size:11px; line-height:150%; list-style:square; margin-left:16px;}
ol li{font-size:12px; line-height:150%; color:#000; margin-left:16px;}

.lienRSS{
	background: url(Gx/rss.gif) no-repeat left;
	padding:5px 0 5px 20px;
}

#coursetable{width:100%;}

#coursetable th{
	background-color:#ccc;
	font-size:12px;
	text-align:left;
	padding:3px;
}

#coursetable td{
	font-size:11px;
	padding:3px;
	border-top:1px solid #fff;
}

#coursetable td a, #coursetable td a:link, #coursetable td a:visited{color:#555;}

#coursetable td a:hover, #coursetable td a:visited:hover{color:#999;}

#voituretable{width:100%;}

#voituretable th{
	background-color:#eee;
	font-size:12px;
	text-align:left;
	padding:3px;
	border-bottom:1px solid #fff;
}

#voituretable tr{background-color:#fcfcfc;}
#voituretable tr.bg2{background-color:#fff;}

#voituretable td{
	font-size:11px;
	padding:3px;
	border-bottom:1px solid #fff;
}

#calendrier th{
	background-color:#505050;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#bbb; font-family:Tahoma; font-size:10px; height:50px; padding:0; width: 943px; margin:0 auto;}
#piedPage a{color:#bbb; text-decoration:none;}
#piedPage a:hover{color:#000; text-decoration:underline;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:black; font-size:12px;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: gray;}

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

.champTexte{	
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #498ECB;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
}
.bouton:hover{background-color: #1A80B6;}

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

/* LIGHTBOX CONTROL 
--------------------------------------------------------------------------------------- */
#lightbox{padding:20px 20px 5px 20px;}
#lightboxDetails{padding-top:5px;}	
#lightboxCaption{float:left; color:#fff; font-size:12px;font-weight:bold;}
#keyboardMsg{float:right;}
#keyboardMsg a{color:#fff; font-size:11px; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold;}
#lightbox img{border:10px solid #FFF;}
div#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#lightbox{ background:#B50C00;} /* couleur du contour popup */
#overlay{background-color: #3B392B;} /* couleur du fond tranparent */

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