body {
height: 100%;
font-family: Arial, Tahoma, Serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}

#conteneur {
position: relative;
min-height: 100%;
width: 800px;
left: 50%;
margin-left: -420px;
background-color: white;
}

#header {
height: 119px;
background-color: white;
}

#centre {
background-color:white;
margin-left: 175px;
margin-right: 175px;
}

#gauche {
position: absolute;
left:0;
width: 175px;
}

#droite {
position: absolute;
right:0;
width: 175px;
}

img {
border: 0px solid;
}

#pied {
height: 20px;
background-color: #d6d8ff;
font-family: Arial, Tahoma, Serif;
text-decoration: none;
font-size:11px; 
color: #494949;

}

p {margin: 0 0 10px 0;}

.text { font-family: Arial, Tahoma, Serif; 
font-size:11px; margin-left: 30px;
margin-bottom: 27px;
text-decoration:none;
line-height: 17px;
color: #494949; 
margin-right: 35px; 

}

.text a{ font-family: Arial, Tahoma, Serif; 
font-size:11px;
text-decoration:none;
color: #145fba; 
}

.textb { font-family: Arial, Tahoma, Serif; 
font-size:11px; 
margin-left: 0px;
border: #26a solid 1px;
margin-bottom: 0px;
line-height: 17px;
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#b7cbff', startColorstr='#FFFFFF', gradientType='0');
color: #494949; 
margin-right: 0px; 

}

.textb a{ font-family: Arial, Tahoma, Serif; 
font-size:11px;
color: #145fba; 
}




.textc { font-family: Arial, Tahoma, Serif; 
font-size:11px; 
margin-left: 0px;
border: #26a solid 1px;
margin-bottom: 0px;
line-height: 17px;
background-color: #6699ff;
color: #ffffff; 
margin-right: 0px; 

}

.textc a{ font-family: Arial, Tahoma, Serif; 
font-size:12px;
color: #145fba; 
}


.textd { font-family: Arial, Tahoma, Serif; 
font-size:11px; 
margin-left: 0px;
border: #26a solid 1px;
margin-bottom: 0px;
text-decoration:none;
line-height: 17px;
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#f0c575', startColorstr='#FFFFFF', gradientType='0');
color: #494949; 
margin-right: 0px; 

}



.textd a{ font-family: Arial, Tahoma, Serif; 
font-size:11px;
text-decoration:none;
color: #145fba; 
}

.texte { font-family: Arial, Tahoma, Serif; 
font-size:11px; 
margin-left:0px;
border: #26a solid 1px;
margin-bottom: 0px;
text-decoration:none;
line-height: 17px;
background-color: #EDBD63;
color: #ffffff; 
margin-right: 0px; 

}


.textf { font-family: Arial, Tahoma, Serif; 
font-size:11px; 
margin-left: 0px;
border: #26a solid 1px;
margin-bottom: 0px;
color: #494949;
line-height: 17px;
margin-right: 0px; 

}


.textf a{ font-family: Arial, Tahoma, Serif; 
font-size:11px;
color: #145fba; 
}

.textg { font-family: Arial, Tahoma, Serif; 
font-size:20px;
text-align: center;
margin-bottom: 15px;
color: #145fba; 
}


.texte a{ font-family: Arial, Tahoma, Serif; 
font-size:12px;
text-decoration:none;
color: #145fba; 
}


.textnews { font-family: Arial, Tahoma, Serif; 
font-size:11px; 
margin-left: 0px;
border: #26a solid 1px;
margin-bottom: 0px;
text-decoration:none;
line-height: 17px;
background-color: #6699ff;
color: #ffffff; 
margin-right: 0px; 

}

.textnews a{ font-family: Arial, Tahoma, Serif; 
font-size:12px;
text-decoration:none;
color: #145fba; 
}


.text1 { font-family: Arial, Tahoma, Serif; 
font-size:13px; margin-left: 5px;
color: #494949; 
margin-right: 5px; 
margin-bottom: 5px;
background: #DFEFFF; 
}


.textcenter { font-family: Arial, Tahoma, Serif;
text-align: center; 
font-size:11px;
text-decoration:none; 
color: #494949; 

}

.textcenter a{ font-family: Arial, Tahoma, Serif; 
font-size:11px;
text-decoration:none;
color: #145fba;
text-align: center;  
}


.textfooter { font-family: Arial, Tahoma, Serif; 
font-size:12px;
text-align: center; 
text-decoration:none;
color: #494949; 
margin-right: 25px; 

}

.textfooter a{ font-family: Arial, Tahoma, Serif; 
font-size:12px;
text-decoration:none;
color: #145fba; 
}

.texttoppage { font-family: Arial, Tahoma, Serif; 
font-size:12px;
text-align: right; 
text-decoration:none;
color: #494949; 
margin-right: 25px; 

}

.texttoppage a{ font-family: Arial, Tahoma, Serif; 
font-size:12px;
text-decoration:none;
color: #145fba; 
}


.textfine { font-family: Arial, Tahoma, Serif; 
font-size:10px;
text-align: center; 
text-decoration:none;
color: #494949; 
margin-right: 25px; 

}

.textindent { font-family: Arial, Tahoma, Serif; 
font-size:11px; margin-left: 110px;
margin-bottom: 27px;
text-decoration:none;
line-height: 17px;
color: #494949; 
margin-right: 35px; 

}


h1
{
width:73%;
font-family:  Verdana, Arial, Serif; 
font-size: 15px;
filter: mask(color=#e38a8c);
}


 

h2
{
width:100%;
font-family: font-family: Arial, Tahoma, Serif; 
font-size: 12px;
margin-left: 2px;
margin-right: 2px;
text-indent: 15px;
filter: mask(color=#6699ff);
line-height: 20px;


}


ul {list-style-type: none;
margin: 0;
padding: 0;}


.image1 {
float: left;
} 

.image2 {
float: right;
} 

label {
width: 10em;
float: left;
text-align: right;
margin: 0 1em 10px 0
clear: both
} 

..input-box {
float: left;
margin-bottom: 15px
color: #e6edff;
background-color: #dpe2ff;
border: #26a solid 1px
} 

..submit-button {
margin-left: 40%;
clear: both
color: #000;
background-color: #e6edff;
border: 2px #9cf outset
} 

fieldset {
border: #26a solid 1px;
width: 30em
} 

legend {
background-color: #ede6ff;
border: #26a solid 1px;
padding: 1px 10px
} 


<!-- menu -->

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 145px;
left: 0px;
z-index:100;
width: 100%; /* precision for Opera */
}
#menu dl {
float: left;
width:7.5em;
}
#menu dt {
cursor: pointer;

font-size:11px;
background: #d6d8ff;
border: 1px solid mediumblue;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid mediumblue;
}
#menu li {
text-align: center;
background-color: white;


}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
font-size:11px;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #d6d8ff;
}

#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}

.mentions {
position: absolute;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}








#chromemenu{
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
border: 1px solid #BBB;
width: 100%;
background: url(/chrometheme/chromebg.gif) center center repeat-x; /*Theme Change here*/
margin-left: 0;
padding-left: 0;
margin: 0;
float: left;
font-family: Arial, Tahoma, Serif;
font-size:12px;
}


#chromemenu ul li{
display: inline;
}


#chromemenu ul li a{
float: left;
color: #7F7F7F;
font-weight: bold;
padding: 6px 12px 6px 7px;
text-decoration: none;
background: url(/chrometheme/divider.gif) center right no-repeat; /*Theme Change here*/
}

#chromemenu ul li a:hover{
color: #494949;
}

#chromemenu ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/
content: " v";
/*content: " " url(/chrometheme/downimage.gif); /*uncomment this line to use an image instead*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*Theme Change here*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}

.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*Theme Change here*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

.dropmenudiv a:hover{ /*Theme Change here*/
background-color: #F0F0F0;
}


#mapContainer { 
  height: 500px; 
  width: 500px;
  float: right;
   
}