/* --- redefinition of classic styles -------------------------- */
html
{
	height		: 100%;
	margin		: 0;
	padding		: 0;
}		

body
{
	background-color	: #456B53;
	font				: 12px Arial, Verdana, Sans-Serif;
	height				: 100%;
	margin				: 15px;
	padding				: 0;
	text-align			:center;
	
}

a:hover
{
	color				: #732A98;
}

a
{
	color				: #456B53;
}

img
{
	border		: 0px;
}

#imagesDrome img
{
	border			: 0px;
	margin-left		: 18px;
}

h1
{
	font				: 38px "Monotype Corsiva", Arial;
	font-weight			: normal;
	color				: #456B53;
	text-align			: center;
	margin-top			: 8px;
	margin-bottom		: 0;
	padding				: 0;
}

h2
{
	font				: 25px "Monotype Corsiva",Arial;
	font-weight			: normal;
	color				: #456B53;
	text-align			: center;
	margin-top			: 0px;
	margin-left			: 5px;
	margin-right		: 0;
	margin-bottom		: 0px;
}

h3
{
	font				: 12px Arial;
	font-weight			: bold;
	color				: #456B53;
	text-align			: left;
	margin-top			: 15px;
	margin-left			: 0px;
	margin-right		: 0;
	margin-bottom		: 10px;
}

h4
{
	font				: 25px "Monotype Corsiva",Arial;
	font-weight			: normal;
	color				: #456B53;
	text-align			: center;
	margin-top			: 0px;
	margin-left			: 0px;
	margin-right		: 0;
	margin-bottom		: 20px;
}

#entete
{
	font				: 35px Arial;
	color				: #660099;
	background-image	: url('/photos/entete.jpg');
	height				: 82;
	align				: center;
	margin				: 0;
	padding				: 0;
}

#menu 
{
	font				: 12px Arial;
	background-image	: url('/photos/menu.jpg');
	/*background-color:	: #FDCA31;*/
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
	text-align: center ;
}

#menu ul
{
	list-style-type		: none;
	margin				: 0;
	padding				: 0;
	background-color	: #FFFFFF;
}
	
#menu li 
{
	display: inline ;
	margin : 0;
	padding:0;
	color: #fff ;
	background-color	: #FFFFFF;
}
	
#menu li a 
{
	padding				: 4px 18px ;
	background-image	: url('/photos/menu.jpg');
	color				: #FFFFFF ;
	border				: 1px solid #000000 ;
	font				: 12px Arial,sans-serif ;
	line-height			: 28px ;
	text-align			: center ;
	text-decoration		: none ;
}
	
#menu li a:hover, #menu li a:focus, #menu li a:active 
{
	background-image	: url('/photos/menu-hover.jpg');
	color				: #000000;
	text-decoration		: none ;
}

#gauche
{
	background-image 	 : url('/photos/pierres.jpg');
	height 				 : 400px;
	width				 : 93px;
	float				 : left;
	background-repeat    : repeat;
	margin 				 : 0;
	padding				 : 0;
}

#gaucheAccueil
{
	background-image 	 : url('/photos/pierres.jpg');
	height 				 : 432px;
	width				 : 93px;
	float				 : left;
	background-repeat    : repeat;
	margin 				 : 0;
	padding				 : 0;
}

#gaucheloumeu
{
	background-image 	 : url('/photos/pierres.jpg');
	height 				 : 410px;
	width				 : 93px;
	float				 : left;
	background-repeat    : repeat;
	margin 				 : 0;
	padding				 : 0;
}

#gaucheloupinau
{
	background-image 	 : url('/photos/pierres.jpg');
	height 				 : 410px;
	width				 : 93px;
	float				 : left;
	background-repeat    : repeat;
	margin 				 : 0;
	padding				 : 0;
}

#gaucheacces
{
	background-image 	 : url('/photos/pierres.jpg');
	height 				 : 430px;
	width				 : 93px;
	float				 : left;
	background-repeat    : repeat;
	margin 				 : 0;
	padding				 : 0;
}

#gaucheTarifs
{
	background-image 	 : url('/photos/pierres.jpg');
	height 				 : 420px;
	width				 : 93px;
	float				 : left;
	background-repeat    : repeat;
	margin 				 : 0;
	padding				 : 0;
}

#corp
{
	font				: 12px, Arial;
}

#LogosAccueil
{
	text-align		: center;
	margin-right	: 40px;
}

#texteAccueil
{
width			: 523px;
float			: left;
margin-left		: 15px;
margin-top		: 40px;
text-align		: justify ;
}

#texteacces
{
width			: 300px;
float			: left;
margin-left		: 20px;
margin-top		: 35px;
text-align		: justify ;
}

#carteacces
{
width 			: 580px;
height			: 280px;
float			: right;
margin-top		: 40px;;
}

#texte
{
width			: 503px;
float			: left;
margin-left		: 15px;
margin-top		: 35px;
text-align		: justify ;
}

#planningloumeu
{
width			: 425px;
float			: left;
margin-left		: 0;
margin-top		: 30px;
text-align		: center ;
}

#planningloupinau
{
width			: 425px;
float			: right;
margin-left		: 0;
margin-top		: 30px;
text-align		: center ;
}

#textedisponibilites img
{
margin			: 0;
padding			: 0;
}

#textetarifs
{
width			: 453px;
float			: left;
margin-left		: 35px;
margin-top		: 35px;
text-align		: justify ;
}

#imagetarifs
{
width 			: 415px;
height			: 217px;
float			: right;
margin-top		: 10px;
}

#texte ul
{
	margin-top			: 8px;
	margin-left			: 30px;
	padding				: 0;
}

#texte li
{
	color				: #456B53;
	margin 				: 2px;
	padding				: 0;
	background-color	: #FFFFFF;	
}

#texteacces ul
{
	margin-top			: 8px;
	margin-left			: 30px;
	padding				: 0;
}

#texteacces li
{
	color				: #456B53;
	margin 				: 2px;
	padding				: 0;
	background-color	: #FFFFFF;	
}

.textenoir
{
	color				: black;
}

.texteorange
{
	color				: orange;
}

#imageAccueil
{
width 			: 337px;
height			: 217px;
float			: right;
margin-top		: 30px;
}

#image
{
width 			: 385px;
height			: 217px;
float			: right;
margin-top		: 10px;
}

#piedpage
{
	background-image : url('/photos/olives.jpg');
	height			 : 128px;
	width			 : 1000px;
	float			 : left;
	background-repeat: no-repeat;
	margin			 : 0 ;
	padding			: 0;
	float			:left;
}

#textepiedpage
{
	text-align		: center;
	margin-top		: 35px;
	width			: 850px;
	float			: right;	
}

table
{
	font				: 12px Arial;
	font-weight			: normal;
	margin				: 0 auto 0 auto;
	padding				: 0;
	background-color	: #FFFFFF;
	border				: 1px	;
	border-color		: #000000;
	border-style		: solid;
}

tr
{
	vertical-align : top;
}

.dropmenudiv{
position:absolute;
top: 0;
/*border				: 1px solid #000000 ;*/
border-bottom-width: 0;
font:normal 12px Arial;
line-height:18px;
z-index:100;
background-image	: url('/photos/menu.jpg');
width: 91px;
visibility: hidden;
}


.dropmenudiv a{
width				: auto;
display				: block;
text-indent			: 3px;
border				: 0px solid #000000 ;
padding				: 2px 0;
text-decoration		: none;
font-weight			: normal;
background-image	: url('/photos/menu.jpg');
color				: white;
}

* html .dropmenudiv a
{ /*IE only hack*/
	width			: 100%;
}

.dropmenudiv a:hover
{
	background-image	: url('/photos/menu-hover.jpg');
	color				: #000000;
	text-decoration	: none ;
}

.infobulle
{
	color		: #000000;
	position	: absolute;
	text-align	: justify;
	visibility 	: hidden;
	border		: 1px solid #000000;
	padding		: 2px;
	font-family	: Trebuchet MS;
	font-size	: 10pt;
	background-color: #FFFFFF;
}