body{
text-align:center;
background-color:#ffffff;
font-family: Verdana;
color:#006b88;
font-size:12pt;
margin: 0;
padding: 0;
margin-top:10px;
}
a{
color:#006b88;
}
a:hover{
color:#f2951c;
}
ul#reglement{
margin-top:30px;
}
ul#reglement li{
margin-left:75px;
}
div#conteneur{
position: relative;
top:0;
margin: 0 auto; 
width:950px;
height: auto;
}
div#top{
width:950px;
height: 180px;
}
div#logo{
position:absolute;
left:100px;
width:323px;
height: 169px;
background-image:url('../img/logo.jpg');
backgroung-repeat: no-repeat;
}
div#menu{
margin-left:450px;
height: 89px;
padding-top:80px;
width:500px;
text-align:left;
}
div#boutonsmenu{
margin:0;
width:356px;
height:45px;
}
div#bouton1 a{
float:left;
width:59px;
height:45px;
background: url('../img/menu.jpg') no-repeat 0 0; 
}
div#bouton1 a:hover{
float:left;
width:59px;
height:45px;
background: url('../img/menu.jpg') no-repeat 0 -45px; 
}
div#bouton2 a{
float:left;
width:59px;
height:45px;
background: url('../img/menu.jpg') no-repeat -59px 0; 
}
div#bouton2 a:hover{
float:left;
width:59px;
height:45px;
background: url('../img/menu.jpg') no-repeat -59px -45px; 
}
div#bouton3 a{
float:left;
width:59px;
height:45px;
background: url('../img/menu.jpg') no-repeat -118px 0; 
}
div#bouton3 a:hover{
float:left;
width:59px;
height:45px;
background: url('../img/menu.jpg') no-repeat -118px -45px; 
}
div#bouton4 a{
float:left;
width:59px;
height:45px;
background: url('../img/menu.jpg') no-repeat -177px 0; 
}
div#bouton4 a:hover{
float:left;
width:59px;
height:45px;
background: url('../img/menu.jpg') no-repeat -177px -45px; 
}
div#bouton5 a{
float:left;
width:60px;
height:45px;
background: url('../img/menu.jpg') no-repeat -237px 0; 
}
div#bouton5 a:hover{
float:left;
width:60px;
height:45px;
background: url('../img/menu.jpg') no-repeat -237px -45px; 
}
div#bouton6 a{
float:left;
width:60px;
height:45px;
background: url('../img/menu.jpg') no-repeat -297px 0; 
}
div#bouton6 a:hover{
float:left;
width:60px;
height:45px;
background: url('../img/menu.jpg') no-repeat -297px -45px; 
}
div#textbouton0{
position:absolute;
font-size:8pt;
font-style:italic;
color:#ff31ba;
}
div#textbouton1{
position:absolute;
visibility:hidden;
}
div#textbouton2{
position:absolute;
visibility:hidden;
}
div#textbouton3{
position:absolute;
visibility:hidden;
}
div#textbouton4{
position:absolute;
visibility:hidden;
}
div#textbouton5{
position:absolute;
visibility:hidden;
}
div#textbouton6{
position:absolute;
visibility:hidden;
}
div#barremenu{
margin:0;
width:403px;
height:30px;
padding-top:15px;
background-image:url('../img/barremenu.jpg');
background-position: bottom;
background-repeat: no-repeat;
font-size:14pt;

}
div#box{
width:800px;
margin: 0 auto; 
margin-top:35px;
padding: 20px;
text-align:left;
}
div#map{
float:left;
width:450px;
height:350px;
margin-right:10px;
}

ul#menu
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
	margin: 0 0 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 170px ;
	line-height: 30px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(bg_menu.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 1px solid #dbd ;
}

ul#menu li a:hover
{
	background: url(bg_menu.gif) no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 1px solid #f97 ;
}
li{
margin-left:45px;
margin-top:15px;
}
h1{
font-family: Verdana;
font-weight: bold;
color:#006b88;
font-size: 14pt;
margin:0px;
padding:15px;
}
h1.mauve{
font-family: Verdana;
font-weight: bold;
color:#952b71;
font-size: 14pt;
margin:0px;
padding:15px;
}
h1.bleu{
font-family: Verdana;
font-weight: bold;
color:#029fce;
font-size: 14pt;
margin:0px;
padding:15px;
}
h1.orange{
font-family: Verdana;
font-weight: bold;
color:#f2951c;
font-size: 14pt;
margin:0px;
padding:15px;
}
h1.vert{
font-family: Verdana;
font-weight: bold;
color:#6f9c34;
font-size: 14pt;
margin:0px;
padding:15px;
}
h2{
font-family: Verdana;
font-weight: bold;
color:#7FD2F6;
text-align:right;
font-size: 14pt;
margin:0px;
padding:15px;
}
h2.mauve{
font-family: Verdana;
font-weight: bold;
color:#952b71;
text-align:right;
font-size: 14pt;
margin:0px;
padding:15px;
}
h2.mauve a{
font-family: Verdana;
font-weight: bold;
color:#952b71;
text-align:right;
font-size: 14pt;
margin:0px;
padding:15px;
}
h2.mauve a{
font-family: Verdana;
font-weight: bold;
color:#952b71;
text-align:right;
font-size: 14pt;
margin:0px;
padding:15px;
}
h2.mauve a:hover{
font-family: Verdana;
font-weight: bold;
color:#6f9c34;
text-align:right;
font-size: 14pt;
margin:0px;
padding:15px;
}

h2.orange{
font-family: Verdana;
font-weight: bold;
color:#f2951c;
text-align:right;
font-size: 14pt;
margin:0px;
padding:15px;
}
h2.vert{
font-family: Verdana;
font-weight: bold;
color:#6f9c34;
text-align:right;
font-size: 14pt;
margin:0px;
padding:15px;
}



h3.mauve{
font-family: Verdana;
font-weight: bold;
color:#952b71;
text-align:left;
font-size: 12pt;
margin:0px;
margin-top:10px;
margin-left:50px;
padding:0px;
padding-left:30px;
background: url('../img/rose_th.jpg') no-repeat 0 0px ;
}
h3.bleu{
font-family: Verdana;
font-weight: bold;
color:#029fce;
text-align:left;
font-size: 12pt;
margin:0px;
margin-top:10px;
margin-left:50px;
padding:0px;
padding-left:30px;
background: url('../img/blue_th.jpg') no-repeat 0 0px ;
}
h3.orange{
font-family: Verdana;
font-weight: bold;
color:#f2951c;
text-align:left;
font-size: 12pt;
margin:0px;
margin-top:10px;
margin-left:50px;
padding:0px;
padding-left:30px;
background: url('../img/orange_th.jpg') no-repeat 0 0px ;
}
h3.vert{
font-family: Verdana;
font-weight: bold;
color:#6f9c34;
text-align:left;
font-size: 12pt;
margin:0px;
margin-top:10px;
margin-left:50px;
padding:0px;
padding-left:30px;
background: url('../img/green_th.jpg') no-repeat 0 0px ;
}
p.news{
margin-left:80px;
margin-bottom:35px;
}