body {
width: 1024px;
margin: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #C8C8C8;
margin-top: 20px;
}

img{
border: none;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0079BC;
	text-decoration: none;
	font-weight: bold;
	padding-left: 40px;
	padding-top: 15px;
	padding-bottom: 0px;
}

.lien{
color: blue;
text-decoration: underline;
}

#conteneur{
background-color: white;
width: 1024px;
min-height: 600px;
height: auto;
margin-bottom: 20px;
}

#header{
width: 1024px;
height: 130px;
background-image: url("design/bandeau.jpg");
}

#header p{
text-align: right;
padding-top: 85px;
}

#header img{
padding-right: 10px;
}

#menu{
width: 1024px;
height: 23px;
background-color: rgb(45,60,67);
}

#menu ul{
margin: 0px;
padding: 0px;
list-style: none;
}

#menu li {
width: 150px;
display: block;
float: left;
text-align: center;
color: rgb(255,255,255);
border-right: 1px solid white;
height: 18px;
padding: 0px;
padding-top: 5px;
margin: 0px;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

#menu a{
text-decoration: none;
color: rgb(255,255,255);
}

#menu a:hover{
color: grey;
}

#menu form{
margin-top: -5px;
padding-top: 0px;
}

#centre{
width: 1024px;
min-height: 520px;
height: auto;
}

#centre p{
text-align: justify;
padding-left: 40px;
padding-right: 40px;
font-size: 11px;
}

#centre .droite{
margin-top: 0px;
margin-left: 500px;
width: 500px;
min-height: 520px;
height: auto;
}

#centre .droite p{
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333333;
padding-left: 40px;
padding-right: 40px;
padding-top: 10px;
}

#centre .rouge{
color: red;
}

.presentation{
color: rgb(18,116,172);
}

#centre .droite h2{
padding-bottom: 0px;
padding-top: 0px;
padding-left: 40px;
font-size: 10px;
font-weight: normal;
}

#centre .gauche{
float: left;
margin-top: 0px;

min-height: 520px;
height: auto;
}

#centre .gauche p{
padding-left: 34px;
padding-top: 40px;
}

#centre .gauche h3{
padding-top: 10px;
text-align: center;
}

#centre .gauche table{
padding-left: 34px;
padding-top: 0px;
}

#centre .gauche td{
text-align: center;
width: 450px;
font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #573F25;
	font-weight: bold;
}

#centre .gauche a{
font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #573F25;
	text-decoration: none;
}

#footer{
width: 1024px;
height: 130px;
background-image: url("design/bandeau_annonce.jpg");
}

#footer p{
margin-top: 0px;
padding-top: 30px;
padding-left: 40px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-align: justify;
}

#footer h1{
margin-top: 0px;
padding-top: 10px;
padding-left: 40px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;
text-align: justify;
font-weight: normal;
}

#footer h2{
margin-top: 0px;
padding-top: 0px;
padding-left: 40px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-align: justify;
font-weight: normal;
}

#footer h3{
margin-top: 0px;
padding-top: 0px;
padding-left: 40px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-align: justify;
font-weight: normal;
}


#footer a{
text-decoration: none;
color: white;
}

#footer_en{
width: 1024px;
height: 130px;
background-image: url("design/bandeau_annonce_en.jpg");
}

#footer_en p{
margin-top: 0px;
padding-top: 30px;
padding-left: 40px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-align: justify;
}

#footer_en h1{
margin-top: 0px;
padding-top: 10px;
padding-left: 40px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;
text-align: justify;
font-weight: normal;
}

#footer_en h2{
margin-top: 0px;
padding-top: 0px;
padding-left: 40px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-align: justify;
font-weight: normal;
}

#footer_en h3{
margin-top: 0px;
padding-top: 0px;
padding-left: 40px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-align: justify;
font-weight: normal;
}

#footer_en a{
text-decoration: none;
color: white;
}

.bleu{
color: black;
}

#centre .droite table{
padding-left: 40px;
padding-top: 45px;
}

#centre .droite td{
text-align: center;
width: 200px;
font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #573F25;
	font-weight: bold;
}


#centre .droite th{
text-align: center;
width: 400px;
font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #573F25;
	font-weight: bold;
}


#centre .droite a{
font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #573F25;
	text-decoration: none;
}

#centre a.info {
   position: relative;
   color: black;
   text-decoration: none;
  
   
}

#centre a.info span {
   display: none; 
   
   
}

#centre a.info:hover {
   background: none; 
   z-index: 10; 
}

#centre  a.info:hover span {
   width: 450px;
   height: 403px;
   display: inline; 
   position: absolute ;
   white-space: nowrap; 
   top: -350px; 
   left: -350px;
   background: transparent;
   color: black;
   padding: 5px;
   text-align: left;
   z-index: 100;
}

.milieu{
text-align: center;
}