BODY
{background-color:#000068;}

#conteneur
{
position:absolute;
width:940px;
height:585px;
left:50%;
top:50%;
margin-top:-295px;
margin-left:-470px;
clear:both;
overflow:hidden;
background-color:#000068;
}


#rond
{
position:relative;
margin-left:188px;
margin-top:12px;
height:561px;
width:564px;
float:left;
background-image: url("images/fondrond3.gif");
background-repeat: no-repeat;
background-attachment:fixed;
background-position:center;
}


#contenu
{
position: relative;
margin-right:105px;
margin-top:180px;
height:350px;
width:350px;
float:right;
text-align:center;


}

#contenu bleu
{
color:#0000A8;
}

p
{color:#ffffff;
padding-top:0px;
font-size:11px;
font-family:tahoma;
}

	#contenu h1
	{
	font-family:tahoma;
	font-size:16px;
	color:black;
	text-align:center;
	}
	
	#contenu h2
	{
	font-family:tahoma;
	font-size:13px;
	color:black;
	text-align:center;
	}
	
	#contenu h3
	{
	font-family:tahoma;
	font-size:13px;
	color:#0000AF;
	text-align:center;
	}
	
	#contenu h5
	{
	font-family:tahoma;
	font-size:12px;
	color:#0000AF;
	text-align:center;
	padding:0px;
	margin:0px;
	}
	
	#contenu h4
	{
	font-family:tahoma;
	font-size:12px;
	color:black;
	text-align:center;
	}
	
	
	#contenu p
	{
	font-family:tahoma;
	font-size:13px;
	color:black;
	text-align:justify;
	}
	
	#contenu p.2
	{
	font-family:tahoma;
	font-size:13px;
	color:black;
	text-align:justify;
	}
	
	#contenu a:link, #contenu a:visited
	{
		font-family:tahoma;
		font-size:13px;
		color:black;
		text-decoration:none;
		
		
	}
	
	#contenu a:hover
	{
		font-family:tahoma;
		font-size:13px;
		color:red;
		text-decoration:underline;
		
	}
	
	#contenu a:link#item2, #contenu a:visited#item2
	{
		font-family:tahoma;
		font-size:13px;
		color:black;
		text-decoration:none;
		font-weight:bold;
		
	}
	
	#contenu a:hover#item2
	{
		font-family:tahoma;
		font-size:13px;
		color:red;
		text-decoration:underline;
		font-weight:bold;
	}
	
	#contenu a:link#item1, #contenu a:visited#item1
	{
		font-family:tahoma;
		font-size:13px;
		color:white;
		text-decoration:none;
		
	}
	
	#contenu a:hover#item1
	{
		font-family:tahoma;
		font-size:13px;
		color:red;
		text-decoration:underline;
		
	}
	
	#contenu table
	{
	text-align:center;
	margin-left:10px;
	font-size:12px;
	font-family:tahoma;
	}
	
	
	#contenu td
	{
	width:300px;
	text-align:center;
	
	}
	
	#contenu table.boutique
	{
	text-align:center;
	}
	
	#contenu td.boutique
	{
	border:1px;
	border-color:#0000AF;
	border-style:solid;
	background-color:#000068;
	}
	
	#contenu p.contact
	{
	font-family:tahoma;
	font-size:13px;
	color:black;
	text-align:center;
	}
	

img{border:none;}

	
#menugauchehaut
{
position:relative;
color:white;
margin-left:-730px;
margin-top:100px;
height:155px;
width:128px;
float:left;
}

	#menugauchehaut li {
		margin: 0;
		padding: 0px;
		display: inline;
	}

	#menugauchehaut li a:link, #menugauchehaut li a:visited {

		display: block;
		float: left;
		height: 32px;
		width: 128px;
		line-height: 32px;
		color:white;
		text-decoration: none;
		text-align: center;
		background:#fff url(images/button2.png);
		padding: 0;
		font-size:14px;
		font-family:tahoma;
	}

	#menugauchehaut li a:hover, #menugauchehaut li a:active {
		background:#000 url(images/button2.png) 0 -32px;
		padding: 0;
		color:white;
		font-size:15px;
		font-family:tahoma;
	}
	
	#menugauchehaut h4
	{
	margin-bottom:0px;
	padding:0px;
	margin-top:0px;
	font-size:14px;
	}

#menugauche
{
position:relative;
color:white;
margin-left:-730px;
margin-top:290px;
height:275px;
width:128px;
float:left;
}

	#menugauche li {
		margin: 0;
		padding: 0px;
		display: inline;
	}

	#menugauche li a:link, #menugauche li a:visited {

		display: block;
		float: left;
		height: 32px;
		width: 128px;
		line-height: 16px;
		color:white;
		text-decoration: none;
		text-align: center;
		background:#fff url(images/button.gif);
		padding: 0;
		font-size:14px;
		font-family:Tahoma;
	}

	#menugauche li a:hover, #menugauche li a:active {
		background:#000 url(images/button.gif) 0 -32px;
		padding: 0;
		color:white;
		font-size:15px;
		font-family:tahoma;
	}
		
	#menugauche h4
	{
	margin-bottom:0px;
	padding:0px;
	margin-top:0px;
	font-size:14px;
	}
	
	
#menudroite
{
position:relative;
margin-right:2px;
margin-top:-415px;
height:250px;
width:156px;
clear:left;
float:right;
}

	#menudroite li {
		margin: 0;
		padding: 0px;
		display: inline;
	}

	#menudroite li a:link, #menudroite li a:visited {
		display: block;
		float: left;
		height: 32px;
		width: 125px;
		line-height: 16px;
		color:white;
		text-decoration: none;
		text-align: center;
		background:#fff url(images/button.gif);
		padding: 0;
		font-size:15px;
		font-family:tahoma;
	}

	
	
	#menudroite li a:hover, #menudroite li a:active {
		background:#000 url(images/button.gif) 0 -32px;
		padding: 0;
		color:white;
		font-size:17px;
		font-family:tahoma;
	}
	

	#menudroite td.titre
	{
	background:#000 url(images/actualite.png) 0;
	}

	#menudroite td.contenu
	{
	background-color:#ffffff;
	border:3px;
	border-color:#1846C8;
	border-style:solid;
	}

	#menudroite MARQUEE
	{
	width:150px;
	height:200px;
	text-align:center;
	}

	#menudroite h1
	{
	font-family:Tahoma;
	font-size:14px;
	text-align:center;
	color:white;
	}

	#menudroite h2
	{
	font-family:tahoma;
	font-size:11px;
	padding:1px;
	text-align:center;
	}
	
	#menudroite h3
	{
	font-family:tahoma;
	font-size:14px;
	padding-left:6px;
	margin-right:30px;
	background-color:#cdba60;
	border:1px;
	border-style:solid;
	border-color:white;
	text-align:left;
	color:white;
	}



	#menudroite a:link
	{
	font-family:tahoma;
	font-size:12px;
	padding:1px;
	text-align:left;
	color:black;
	Text-decoration:none;
	line-height:16px;
	}

	#menudroite a:visited
	{
	font-family:tahoma;
	font-size:12px;
	padding:1px;
	text-align:left;
	color:black;
	Text-decoration:none;
	line-height:16px;
	}

	#menudroite a:hover
	{
	font-family:tahoma;
	font-size:12px;
	padding:1px;
	text-align:left;
	color: #FF8800;
	Text-decoration:none;
	line-height:16px;
	}


#flechegauche
{
position: relative;
margin-left:10px;
margin-top:500px;
height:52px;
width:80px;
float:left;
}

	#flechegauche a:link, #flechegauche a:visited
	{
		display: block;
		float: left;
		height: 52px;
		width: 80px;
		line-height: 52px;
		color:white;
		text-decoration: none;
		text-align: center;
		background-image:url("images/flechenocolor.png");
		background-repeat: no-repeat;
		background-position:center;
		padding: 0;
		font-size:15px;
		font-family:tahoma;
	}

	#flechegauche a:hover
	{
		background: url(images/flecherouge.png) 0 -32px;
		background-repeat: no-repeat;
		background-position:center;
		padding: 0;
		color:white;
		font-size:17px;
		font-family:tahoma;
	}	

	
#flechedroite
{
position: relative;
margin-right:10px;
margin-top:-54px;
height:52px;
width:80px;
clear:both;
float:right;
}

	#flechedroite a:link, #flechedroite a:visited
	{
		display: block;
		float: left;
		height: 52px;
		width: 80px;
		line-height: 52px;
		color:white;
		text-decoration: none;
		text-align: center;
		background-image:url("images/flecheverte.png");
		background-repeat: no-repeat;
		background-position:center;
		padding: 0;
		font-size:15px;
		font-family:tahoma;
	}

	#flechedroite a:hover
	{
		background: url(images/flechehover.gif) 0 -32px;
		background-repeat: no-repeat;
		background-position:center;
		padding: 0;
		color:white;
		font-size:17px;
		border:0px;
		border-color:#000068;
		font-family:tahoma;
	}
	
#flechegrisegauche
{
position: relative;
margin-left:10px;
margin-top:500px;
height:52px;
width:80px;
float:left;
background-image:url("images/flechegriser.png");
background-repeat: no-repeat;
background-position:center;
}

	
#flechegrisedroite
{
position: relative;
margin-right:10px;
margin-top:-54px;
height:52px;
width:80px;
clear:both;
float:right;
background-image:url("images/flechegriserdroite.png");
background-repeat: no-repeat;
background-position:center;
}

#contenu table.carte
{
margin-left:-28px;
text-align:center;
}

#contenu td.carte
{border:1px;
border-style:dotted;
background-color:black;
}

#contenu td.carte2
{
line-height:10px;
background-color:white;
color:#000068;
font-style:tahoma;
font-size:14px;
text-align:center;
}