html
{
	height: 100%;
}
body 
{
	width: 100%;
	margin: auto;
	padding: 0;
	height: 100%;
	font-family: Arial;  
	color: #373737;
	background: url("../images/background.jpg");
	font-size : 1.0em
}
p 
{
    margin: 0;
}
img 
{border: 0;}

#texte img {	box-shadow: 2px 2px 5px #aaa;}

li {list-style-type: round;}

ul {margin: 5px 0 0 0; padding: 0 0 0 30px;}

.titre1{margin-bottom: 5px; font-size : 1.1em; color: #888888;font-weight: bold;}
.titre1 a {text-decoration:none;}
.titre1 a:hover {text-decoration:none;}

h1
{margin-bottom: 5px;
font-size : 1.1em;
color: #888888;
text-shadow: 2px 2px 1px #999;}

h2
{margin: 0 0 0 0;
font-size : 1.1em;
color: #8B0000;
text-shadow: 1px 1px 1px #999;}

h2 a
{margin: 0 0 0 0;
font-size : 1.1em;
color: #B22222;}

h3
{margin: 0 0 0 0;
font-size : 1em;
color: #888888;}

#top_header
{
	width: 100%;
	height: 27px;
	/* background: url("../images/top_header.png") repeat-x; */
}
#menu_top_header
{
	clear: both;
	margin: auto;
	width: 950px;
	height: 27px;
}
#left_top_header
{
	float: left;
	width: 475px;
	height: 27px;
	padding-top: 4px;
}
#right_top_header
{
	float: left;
	width: 475px;
	height: 27px;
	text-align: right;
	padding-top: 5px;
}
#welcome
{
	font-size:12px;
	margin-top:10px;
}

#main
{margin: auto;
width: 1000px;
padding: 12px 0 0 0;
background-color: #FFFFFF;}

#centre
{margin: 0;
width: 1000px;}

#top
{clear: both;
margin: auto;
width: 950px;
height: 90px;}

#logo
{   
float: left;
width: 250px;
height: 90px;
}
#slogan
{margin:40px 0 0 10px;float: left;font-weight: bold;}

#annonce {
background-color: #DCDCDC;
border-color: #8B0000;
border-style: solid;
border-width: 2px;
clear: both;
display: table;
width: 100%;
margin:15px 0 20px 0;}

#annonce_texte {
padding: 15px;
font-weight:bold;
font-size : 0.8em}

#intro
{
clear: both;
margin: auto;
width: 950px;}

#centremap
{float: left;
width: 948px;
border: 0px solid #E3E3E3;
margin: 5px 0 30px 0;}


#cartefr
{float: left;
width: 621px;
height: 680px;
background: transparent url('../images/map/carte.png') no-repeat;
margin: 20px 10px 10px 35px;}

#texte
{float: left;
width: 646px;
margin: 20px 10px 10px 0;
padding:0 0 0 10px;
border-left-style:solid;
border-width:2px;
border-color:#8B0000;
text-align: justify;}

#acceuil2
{float: left;
width: 655px;
margin: 0 10px 10px 0;
text-align: justify;}

.boxaccueil
{float: left;
margin: 0 0 20px 0;}

.boxjeu
{float: left;
margin: 0 0 20px 0;
border-left-style:solid;
border-width:2px;
border-color:#8B0000;
padding:0 0 0 10px;}

.boxaccueilvideo
{float: left;
width: 303px;
height: 230px;
border-left-style:solid;
border-width:2px;
border-color:#8B0000;
padding:0 0 0 10px;}

.boxaccueiljeu
{float: left;
width: 303px;
height: 230px;}

.boxaccueiltxt{
float:left;
width:335px;
height: 230px;
overflow:hidden;}

.boxjeutxt{
float:left;
width:335px;}

#bloc_footer_1
{clear: both;
margin: auto;
width: 100%;
height: 57px;}

#bloc_footer_2
{float: left;
width: 100%;
height: 37px;
background-color: #1F1F1F;
margin-top: 20px;
}

#left_footer
{float: left;
width: 445px;
margin-left: 25px;}

#right_footer
{float: right;
width: 450px;
margin-right: 25px;
text-align: right;}

.menudroite
{float: left;
width: 280px;
margin: 10px 0 0 0;
font-size : 0.9em;}

.mdimgtop
{float: left;
width: 280px;
height: 10px;
background: url("../images/topboxright.png") no-repeat;
padding: 0 5px 0 8px;}

.mdimgmid
{float: left;
width: 280px;
background: url("../images/midboxright.png") repeat-y;
padding: 0 0 0 8px;
text-align: justify;}

.mdimgmidtxt
{padding: 0 10px 0 0;}

.mdligne
{float: left;
width: 280px;
height: 80px;

font-size : 0.8em;}

.mdimgbot
{float: left;
width: 280px;
height: 10px;
background: url("../images/botboxright.png") no-repeat;
background-position:bottom left;
padding: 0 5px 0 8px;
margin-bottom: 10px;}

.mdgauche {
width:60px;
float:left;
text-align: center;
overflow:hidden;
margin:25px 0 0 0;
background: url("../images/pastille.png") center no-repeat;}

.mddroite {
line-height:10px;
width:200px;
float:left;
text-align: center;
overflow:hidden;}

#filarianne{font-size : 0.8em;}

#space_bot{
float: left;
width: 100%;
height: 20px;}


p.valign{
line-height: 1.8em; 
}

p.valign img, span { 
vertical-align: middle; 
}

p.valign span { 
padding-left: 10px; 
}

#textcenter {
	margin-top: 300px;
    text-align: center;
}	

#redirection {
	width: 500px;
	margin: 0 auto;
    text-align: left;	
}

.titre2{float: left; width:180px; font-size : 1.1em; color: #8B0000;font-weight: bold; margin: 30px 0 0 0;}
.titre2 a {text-decoration:none; color: #8B0000;}
.titre2 a:hover {text-decoration:none; color: #8B0000;}