/************************************************************************************ */
/*                                            STRUCTURE                                                                                                        */
/************************************************************************************ */
.nospace {
	width:100%;
	margin:0px;
	padding:0px;
}

html, body { 
	margin:0px auto;
	background-color:black;
} 

* html body .main {
	height:100%;
	overflow:hidden;
}

* html body .main {
	height:0px;
	overflow:visible
} 

* html body .corps {
	height:300px;
}

div#container{
	margin: 0 auto;
	min-width:1000px;
	max-width:1000px;
}

.header {
	position:relative;
	top:0px;
	width:1000;
	height:80px;
	background-image:url(../skin/yellow/headerMidle.gif);
	background-color:#FFFF00;
	z-index:1;
	margin: 0px auto;	
}

.corps 
{
	position:relative;
	min-height:600px;
	margin: 0 auto;
	z-index:1;
}
	
.notes {
	position:absolute;
	height:100%;
	width:200px;
	top:0px;
	right:0px;
	background-color: #FFFF00;

	}
	
.pied 
{
	position:relative;
	width:100%;
	height:100px;
	background-image:url(../skin/yellow/footer.gif);
	background-color:#FFFF00;

}
/*         content               */	
	
	
.corpsMain1 {
	height:450px;
	width: 600px;
	float: left;
	margin-top:20px;
	margin-left: 30px;
	/*background-image:url(../skin/yellow/main.gif);*/
	background-repeat:no-repeat;
	background-color:#FFFF00;
	
}

.corpsMainRace {
	height:413px;
	width: 600px;
	float: left;
	margin-top:20px;
	margin-left: 30px;
	background-image:url(../skin/yellow/indexRacer.jpg);
	background-repeat:no-repeat;
	background-color:#FFFF00;
	z-index:0;
}

.corpsMainBus {
	height:404px;
	width: 600px;
	float: left;
	margin-top:20px;
	margin-left: 30px;
	background-image:url(../skin/yellow/indexBus.jpg);
	background-repeat:no-repeat;
	background-color:#FFFF00;
	z-index:0;
}



.MainNostalgie {
	height:216px;
	width: 180px;
	float: left;
	background-image:url(../skin/yellow/calqueNostalgie.jpg);/**/
	background-repeat:no-repeat;
	background-color:#FFFF00;
	position:relative;
	top:30px;
}

.MainContact {
	height:148px;
	width: 180px;
	float: left;
	background-image:url(../skin/yellow/calqueContact.jpg);/**/
	background-repeat:no-repeat;
	background-color:#FFFF00;
	text-align: center;
	position:relative;
	top:40px;

}

div.elvgren
{
	height:235px;
	width: 180px;
	float: left;
	background-image:url(../skin/yellow/elvgren9.jpg);/**/
	background-repeat:no-repeat;
	background-color:#FFFF00;
	text-align: center;
	position:relative;
	top:20px;

}

div.MainLogoBusBottom {
	height:160px;
	width: 180px;
	float: left;
	background-image:url(../skin/yellow/eventLogoBottom.gif);/**/
	background-repeat:no-repeat;
	background-color:#FFFF00;
	text-align: center;
	position:relative;
	top:40px;
}

div.MainLogoRacerBottom{
	height:199px;
	width: 180px;
	float: left;
	background-image:url(../skin/yellow/eventLogoBottomRacer.gif);/**/
	background-repeat:no-repeat;
	background-color:#FFFF00;
	text-align: center;
	position:relative;
	top:40px;
}

.corpsMain2 {
	height: 330px;
	width: 300px;
	float: left;
	margin-left: 50px;
	margin-top:70px;
}


.main 
{
	position:absolute;
	top:80px;
	width:1000px;
}

.central 
{
	position:relative;
	top:0px;
	width:700px;
	margin-left:120px;
	margin-right:100px;
	background-color:#FFFF00;
}

.headerTitle {
	position:relative;
	top:0px;
	width:400px;
	left:312px;
	margin-right:-15px;
	height:80px;
	background-image:url(../skin/yellow/Title.gif);
	z-index:2;
	background-repeat:no-repeat;
}
		

	


.div-min-height {
	position:relative;
	height:300px;
	width:0px;
	float:left
	}
	
.div-min-height-bottom {
	position:relative;
	height:0px;
	clear:left;
	}
	
/************************************************************************************ */
/*                                            MENU                                                                                                            */
/************************************************************************************ */
	
.menus {
	position:absolute;
	height:100%;
	width:140px;
	top:0px;
	left:0px;
	/*background-color: red;*/
	background-color: #FFFF00;
	}
	

	
.txtFooter{
	margin:0px;
	padding-top:70px;
	color:black;
	font-size:0.8em;
	}

#menu_general dt/*les items principaux*/
{			
	cursor: pointer;
	margin-bottom:14px;/*espace entre les items*/			
	background-image:url(../skin/yellow/menutrans.gif);
	background-repeat:no-repeat;	
	font-size:0.8em;
	text-align:left;
	height:18px;
}

		

#menu_general li/*les items sous menus*/
{			
	color:black;
	background:white;
	width:140px;
	margin-left:10px;
	margin-top:3px;/*espace entre les items des sous menus*/
	background-image:url(../skin/yellow/menutrans.gif);
	background-repeat:no-repeat;
	font-size:0.9em;
	text-align:left;
	height:18px;

}

#menu_general li a, #menu_general dt a/*menu general+sous menus*/
{
	color:black;/*concerne tous les caractères*/
	text-decoration:none;
	display:block;	
	font-size:0.9em;
	text-align:left;
	height:18px;
	
}

dl,dt,dd,ul,li/*Tous les menus et sous menus*/
{			
	margin:1px;
	padding:1px;
	list-style-type: none;			
}

#menu_general li a:hover, #menu_general dt a:hover/*menu general+sous menus*/
{

	background-image:url(../skin/yellow/menuHover.gif);
	background-repeat:no-repeat;
}

/************************************************************************************ */
/*                                            GALERIE                                                                                                            */
/************************************************************************************ */

a { color: #00f; }
#pl_main { width: 600px; margin: 10px auto; font-family: Arial; font-size: 14px; line-height: 18px; color: #333; }
table.gallery { padding: 2px; width: 100%;	}
table.gallery td { text-align: center;	}
/*table.gallery img { padding: 5px; margin: 2px; border: 1px solid #ccc; max-width: 90px; max-height: 90px; }*/
table.gallery img { padding: 5px; margin: 2px; border: 1px solid #ccc; width: 90px;  }
.mbf-item { display: none; }

.NostalgieTxt
{
	margin:0px;
	padding-top:10px;
	color:#333399;
	font-weight: normal;
	font-size:14px;
	background-color:#ffcc00;
	text-align:justify;
	padding-left:7px;
	padding-right:7px;
}

.NostalgieTxtTitle
{
	margin:0px;
	padding-top:10px;
	color:#333399;
	font-weight: bold;
	font-size:24px;
	background-color:#ffcc00;
	text-align:center;
}


.HeaderEntete{
margin:0px;
padding-top:10px;
color:black;
font-weight: bold;
font-size:24px;
}

.HeaderNote{
margin:0px;
padding-top:10px;
color:black;
font-weight: bold;
font-size:16px;
}

.highLight{
margin:0px;
padding-top:10px;
height:50px;
color:#333399;
font-weight: bold;
font-size:22px;
text-align:center;
}

.highLight2{
margin:0px;
padding-top:10px;
height:50px;
color:#333399;
font-weight: bold;
font-size:16px;
text-align:center;
}

.Vege{
margin:0px;
padding-top:10px;
height:50px;
color:green;
font-weight: bold;
font-size:22px;
text-align:center;
}



/*********** tableau ******************/
img.SpacerTab{
width: 30px;
height: 1px;
}

img.SpacerMenu{
width: 5px;
height: 1px;
}

td.product{
text-align:left;
font-family: Arial;
font-size: 13px;
color:black;
font-weight:bold;
}

table.tableMenu{
 border:0;
 padding:0;
 border-collapse:collapse;
}

td.descr{
text-align:left;
font-family: Arial;
font-size: 11px;
color:black;
font-style: italic;
}

td.price{
text-align:left;
font-family: Arial;
font-size: 11px;
color:red;
font-weight:bold;
}

td.supp{
text-align:left;
font-family: Arial;
font-size: 14px;
color:#0000FF;
font-weight:bold;
}



table.menu{
background-color:#FFFFFF;
}

/*********************  special div ************************/
div.corpsEntrees{
/*position:relative;
left:50px;*/
border-width: 2px;
border-style: solid; 
background-color:white;
border-color:#333399;
width:550px;
left:50px;
position:relative;
}

div.mainCenter
{
	width:600px;
	float: left;
	margin-top:20px;
	margin-left: 30px;
}

div.corpsMenu{
left:50px;
position:relative;
border-width: 2px;
border-style: solid; 
background-color:#094983;
border-color:white;
width:570px;

}

div.corpsPlan{
border-width: 2px;
border-style: solid; 
background-color:black;
border-color:white;
width:450px;
left:150px;
position:relative;
}


#tooltip {
    position:relative;
	top:-200px;
	left:0px;
	width:auto;
	margin:0px;
	margin-left:170px;
	margin-right:100px;
    display:none; 
}

#tooltip2 {
    position:relative;
	top:-200px;
	left:0px;
	width:auto;
	margin:0px;
	margin-left:170px;
	margin-right:100px;
    display:none;
}


/**************************** Events ****************/

td.event{
text-align:left;
font-family: Arial;
font-size: 13px;
color:#333399;
font-weight:bold;
}

.highLightTitle
{
	position:relative;
	left:70px;
	top:10px;
	/*margin:0px;
	padding-top:10px;*/
	height:83px;
	color:#333399;
	font-weight: bold;
	font-size:22px;
	text-align:center;
	background-image:url(../skin/yellow/eventsTitleBckgrd.jpg);/**/
	background-repeat:no-repeat;
	width:500px;
}

div.corpsEvents{

border-width: 2px;
border-style: solid; 
background-color:white;
border-color:#333399;
width:550px;
left:50px;
top:20px;
position:relative;
}

