/*  CSS Gymnastique sur Table    */
/*  2 octobre 2003               */
/*  Vortex Solution              */

/* elements html reformat */
h1{
	font-family: arial, tahoma, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #026069;
	margin: 0px;
	margin-bottom: 4px;
}
h1 em{
	font-size: 15px;
	color: #0D919E;
	font-style: normal;
}
h2{
	font-family: arial, tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #B42507;
	margin: 0px;
	margin-bottom: 4px;
	padding-bottom: 4px;
	background: url(Gx/bg_h2.gif) repeat-x bottom;
}
h3{
	font-family: arial, tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	margin: 0px;
	margin-bottom: 4px;
	padding-bottom: 4px;
}
p, div.presse{
	font-family: arial, tahoma, sans-serif;
	font-size: 0.7em;
	line-height: 140%;
	color: #000;
	margin: 0px;
	text-align: justify;
}
p em{
	color: #A00218;
	font-style: normal;
}
p strong, p b{
	color: #28787F;
	font-style: normal;
	font-weight: bold;
}
p a, div.presse a{
	color: #B42507;
}
p a:link, p a:active, p a:visited, div.presse a:link, div.presse a:active, div.presse a:visited{
	text-decoration: underline;
}
p a:hover, p a:visited:hover, div.presse a:hover{
	color: #FFF;
	background-color: #B42507;
	text-decoration: none;
}
.liste{
	font-family: arial, tahoma, sans-serif;
	font-size: 0.7em;
	line-height: 140%;
	color: #000;
	text-align: left;
	list-style: square;
	margin-top: 5px;
}
.liste ul li{
	list-style: square;
	color: #666666;
	margin:0px;
	margin-left: -25px;
}
.listeNum{
	font-family: arial, tahoma, sans-serif;
	font-size: 0.7em;
	line-height: 140%;
	color: #000;
	text-align: left;
	list-style:  decimal;
	margin-top: 5px;
}
.listeNum ol li{
	list-style: decimal;
	color: #666666;
	margin:0px;
	margin-left: -25px;
}
/* splash */
#BG_Splash_{
	background: url(Gx/S/photo_bas2.jpg) no-repeat top;
}

#cadre{position:relative;z-index:1;}
#droitReserver{z-index:1;}
#photo_droite{z-index:1;}

#etoile{position:absolute; z-index:10;top:450;left:50;}

/* Liens nouvelles */

#voirnouvelle a{text-decoration:none;color: #026069;font-size:12px}
#voirnouvelle a:hover{text-decoration:underline;color: #026069;font-size:12px}


/* menu a gauche */
#menu{
	background-color: #026069;
	padding-top: 6px;
}
#menu a{
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	
	width: 90%;
}
#menu a:link, #menu a:active, #menu a:visited{
	text-decoration: none;
}
#menu a:hover, #menu a:visited:hover{
	text-decoration: underline;
}

#menu div{
	width: 100%;
	margin-top: 3px;
	margin-bottom: 3px;
	background: url(Gx/M/fleche_menu_off.gif) no-repeat 160px 4px;
	border-top: 1px solid #026069;
	border-bottom: 1px solid #026069;padding-left: 6px;
}


#menu div#active{
	border-top: 1px solid #0C8A97;
	border-bottom: 1px solid #0C8A97;
	background: #0D919E url(Gx/M/fleche_menu_on.gif) no-repeat 163px 4px;
}
/* empeche de mettre le background avec la fleche pour le splash */
#menu div#clean{
	padding-left: 6px;
	background: none;
	border: none;
}
html>/**/body #menu div.clean2{
	padding-top:8px;
}
/* sousMenu a droite */
#sousMenu{
	background-color: #E5E8DF;
}
#sousMenu a{
	font-family: arial, tahoma, sans-serif;
	font-size: 10px;
	color: #000;
	/*line-height: 18px;*/
}
#sousMenu b{
	font-family: arial, tahoma, sans-serif;
	font-size: 10px;
	color: #000;
	/*line-height: 18px;*/
	/*padding-left: 23px;*/
}
#sousMenu a:link, #sousMenu a:active, #sousMenu a:visited{
	text-decoration: none;
}
#sousMenu a:hover, #sousMenu a:visited:hover{
	text-decoration: underline;
}
#sousMenu div{
	width: 100%;
	margin-top: 3px;
	margin-bottom: 3px;
	background: url(Gx/M/fleche_sousMenu_off.gif) no-repeat 12px 4px;
	padding-left: 23px;
	
}
html>/**/body #sousMenu div{width: 191px;}
#sousMenu div#active{	
	border-top: 1px solid #BA3E23;
	border-bottom: 1px solid #BA3E23;
	background: #B42507 url(Gx/M/fleche_sousMenu_on.gif) no-repeat 9px 4px;
}
#sousMenu #active a:link, #sousMenu #active a:active, #sousMenu #active a:visited{
	color: #FFF;
	text-decoration: none;
}
#sousMenu #active a:hover, #sousMenu #active a:visited:hover{
	color: #FFF;
	text-decoration: underline;
}

/* <table> en couleurs alternantes */
#horraire{
	width: 312px;
	margin: 0px;
	padding: 0px;
	font-family: arial, tahoma, sans-serif;
	font-size: 0.7em;
	line-height: 140%;
	color: #000;
}
#horraire #frequence{
	width:450px;
}
#horraire #saisonVide{
	font-size:1px;
	background-color: #9FC2C3;
} 

#plusHoraire{
	font-family: arial, tahoma, sans-serif;
	font-size: 10px;
	color: #000;
}

#horraire #saison{
		padding-right:8px;
}

#horraire #saisonHiver{
	padding-right:20px;
}



#horraire tr{
	height: 20px;
}
#horraire #gauche{width:300px;}

#horraire tr#couleur1{
	background-color: #9FC2C3;
}
#horraire tr#couleur2{
	background-color: #CDDBDA;
}
#horraire td#couleur2{
	background-color: #CDDBDA;
}
#horraire th{
	width: 100px;
	text-align: left;
	padding: 2px;
	padding-left: 5px;
	border-right: 1px solid #FFF;
}
#horraire td{
	width: 212px;
	padding: 2px;
	padding-left: 5px;
	border-right: 1px solid #FFF;
}

#plusHoraire {
	padding:2px;
	font-family: arial, tahoma, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #711a08;
	margin: 0px;
	margin-bottom: 4px;
	padding-bottom: 4px;
	
}
#texteIntro{
	font-family: Tahoma, Arial, Verdana;
	color: White;
	font-size: 0.7em;
	line-height: 130%;
}

#texteIntro a:link, #texteIntro a:visited{
	color: white;
	text-decoration: none;
}
#texteIntro a:hover, #texteIntro a:visited:hover{
	color: white;
	text-decoration: underline;
}
#imgbd {
	margin:0 0 0 5px;
	border: 1px solid #bbbbbb;
}


/* 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:none; } 
/*#overlay img { border:none; }*/

div#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	/*background-color: #d48bc9; */
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
div#loadingDivImage{
	/*display: none;*/
}
img#loadingImage{
	/*width: 32px;
	height: 32px;*/
	/*background: #FFF;*/
	/*border: 1px solid #000;*/
}
/* couleur conter popup produit lightbox */
#lightbox { background:#9bd3d2; }
/* couleur du fond tranparent */
#overlay{
	background-color: #9bd3d2; 
}