body
{ 
  /*background-color: #3d3d3d;*/
  background-color: #000000;
  margin: 5px; /* pour eviter les marges */
  text-align: center; /* pour corriger le bug de centrage IE */
  }
img
{ 
  border: 0;
/*  */
  }
#global
{  
  margin-left: auto;
  margin-right: auto;
  width: 760px;
  height: 580px;
  background-color: black;
  text-align: left; /* on retabli l'alignement normal du texte */
}
#container
{
  position: relative; 
  width: 770px;
  height: 580px;
  /*
background-image: url("../images/ombre2.jpg");
  background-repeat: no-repeat;
*/
}

#logo
{ 
  position: absolute;
  top: 32px;
  left: 36px;
  z-index: 1;
 }
#coordonnees
{ 
  position: absolute;
  top: 25px;
  left: 542px;
  width: 290px;
  z-index: 1;
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: white;
}

#surf
{ 
  position: absolute;
  top: 110px;
  left: 0px;
  width: 760px;
/*
  background-color: #335a8a;

  background-color: #285483;

  background-color: #003388;
*/  z-index: 10;
 }

#surf_en
{ 
  position: absolute;
  top: 110px;
  left: 0px;
  width: 700px;
  background-color: #003388;
  z-index: 10;
  padding-left: 60px;
 }

#smenu1
{ 
  position: absolute;
  top: 22px;
  left: 0px;
  width: 160px;
  background-color: #003388;
  z-index: 10;   }

#surf dl, #surf_en dl, #surf li
{
  float: left;
  width: auto;
  padding-left: 23px;
  padding-right: 23px;  
  text-align: center;
}

#surf dd, #surf_en dd 
{
display: none;
border: 1px solid gray;
text-align: left;
}

dl, dt, dd, ul, li 
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  }
li
{ 
  padding: 5px;
 }
dt
{ 
  text-transform: none;
  color: #ffffff;
 }
table.surf
{ 
  height: 18px;
  margin-left: 30px;
 }
td.surf
{ 
  padding-left: 38px;
  padding-right: 38px;
  height: 15px;
  text-transform: uppercase;
 }
a.surf_fr_selected
{ 
  font-family: Arial, sans-serif;
  font-size: 11px;
   color: white; 
  font-weight: bold;
  text-decoration: none;
  text-transform: none;
 }
a.surf_selected:hover
{ 
  text-decoration: underline;  
  }
a.surf 
{ 
   font-family: Arial, sans-serif;
  font-size: 12px;
  color: white;
  text-decoration: none;
  text-transform: none;
 }
a.surf_fr 
{ 
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: white;
  text-decoration: none;
  text-transform: none;
 }
a.surf:hover
{ 
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: white;
  text-decoration: underline;
 }

#centre
{ 
  position: absolute;
  top: 140px;
  left: 0px;
  width: 760px;
  height: 378px;
  background-color: white;
  z-index: 1;
 }
#retour
{ 
  position: absolute;
  top: 140px;
  left: 0px;
  width: 60px;
  height: 30px;
  background-color: black;
  z-index: 2;
 }
#photo_pano
{ 
  position: absolute;
  top: 140px;
  left: 0px;
  width: 760px;
  height: 100px;
  background-color: white;
  z-index: 2;
 }
#photo1
{ 
  position: absolute;
  top: 140px;
  left: 0px;
  width: 254px;
  height: 100px;
  background-color: white;
  z-index: 2;
 }
#photo2
{ 
  position: absolute;
  top: 140px;
  left: 254px;
  width: 254px;
  height: 100px;
  background-color: white;
  z-index: 2;
 }
#photo2_1
{ 
  position: absolute;
  top: 140px;
  left: 254px;
  width: 169px;
  height: 100px;
  background-color: white;
  z-index: 2;
 }
#photo2_2
{ 
  position: absolute;
  top: 140px;
  left: 423px;
  width: 169px;
  height: 100px;
  background-color: white;
  z-index: 2;
 }
#photo2_3
{ 
  position: absolute;
  top: 140px;
  left: 592px;
  width: 167px;
  height: 100px;
  background-color: white;
  z-index: 2;
 }
#photo3
{ 
  position: absolute;
  top: 140px;
  left: 508px;
  width: 252px;
  height: 100px;
  background-color: white;
  z-index: 2;
 }
#photo4
{ 
  position: absolute;
  top: 246px;
  left: 4px;
  width: 252px;
  height: 268px;
  background-color: white;
  z-index: 1;
 }
#photo_annonce
{ 
  position: absolute;
  top: 246px;
  left: 4px;
  width: 380px;
  height: 268px;
  background-color: white;
  z-index: 1;
 }
#texte
{ 
  position: absolute;
  top: 270px;
  left: 265px;
  width: 495px;
  height: 230px;
  background-color: white;
  z-index: 3;
  overflow: auto;
  scrollbar-face-color : white;
  scrollbar-shadow-color : white;
  scrollbar-highlight-color : white;
  scrollbar-track-color : white;
  scrollbar-arrow-color : #003388;
  scrollbar-base-color : white;
  scrollbar-darkshadow-color : white;
 }
#contact
{ 
  position: absolute;
  top: 250px;
  left: 265px;
  width: 495px;
  height: 265px;
  background-color: white;
  z-index: 3;
  overflow: auto;
  scrollbar-face-color : white;
  scrollbar-shadow-color : white;
  scrollbar-highlight-color : white;
  scrollbar-track-color : white;
  scrollbar-arrow-color : #003388;
  scrollbar-base-color : white;
  scrollbar-darkshadow-color : white;
 }
#entete_annonces
{ 
  position: absolute;
  top: 315px;
  left: 495px;
  width: 255px;
  height: 60px;
  background-color: white;
  z-index: 3;
 }
#miniatures
{ 
  position: absolute;
  top: 245px;
  left: 385px;
  width: 105px;
  height: 262px;
  background-color: white;
  z-index: 3;
 }
.annonce_nav
{ 
  color: black;
  vertical-align: middle; 
  text-align: center; 
  border-top: 1px solid #038; 
  border-bottom: 1px solid #038;
  padding-top: 1px;
  padding-bottom: 1px;
  
 }
div.titre
{ 
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-style: italic; 
  color: black;
  width: 450px;
  text-align: center;
  font-weight: normal;
 }
span.siecle
{ 
  font-variant: small-caps;
 }
div.titre_droite
{ 
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-style: italic; 
/*
  color: #b7c7d8;
*/
  color: black;
  width: 450px;
  text-align: right;
 }
#titre_annonces
{ 
  position: absolute;
  top: 252px;
  left: 615px;
  height: 30px;
  background: white;
  z-index: 10;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-style: italic; 
  color: #b7c7d8;
  width: 140px;
  text-align: center;
 }
#texte_annonces
{ 
  position: absolute;
  top: 400px;
  left: 370px;
  width: 390px;
  height: 110px;
  background-color: white;
  z-index: 3;
  overflow: auto;
  scrollbar-face-color : white;
  scrollbar-shadow-color : white;
  scrollbar-highlight-color : white;
  scrollbar-track-color : white;
  scrollbar-arrow-color : #003388;
  scrollbar-base-color : white;
  scrollbar-darkshadow-color : white;
 }
#recherche_annonces
{ 
  position: absolute;
  top: 245px;
  left: 500px;
  width: 250px;
  height: 90px;
  background-color: white;
  z-index: 2;
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: black;
  text-align: left;
 }
div.corps
{ 
  font-family: Arial, sans-serif;
  font-size: 12px;
  text-align: justify;
  padding : 5px;
  padding-right: 15px;
 }
div.corps_annonces
{ 
  font-family: Arial, sans-serif;
  font-size: 12px;
  text-align: justify;
  padding : 5px;
  padding-right: 0px;
  padding-top: 5px;
}
#ss_surf
{ 
  position: absolute;
  top: 250px;
  left: 265px;
  width: 455px;
  text-align: right;
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: black;
  z-index: 10;
 }
a.ss_surf
{ 
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: black;
  text-decoration: none;
  
 }
a.link
{ 
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #000;
  text-decoration: underline;
  
 }
.lightblue
{ 
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: black;
  text-decoration: none;
  }
a.ss_surf_selected
{ 
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: black;
  font-weight: bold;
  text-decoration: none;
 }
#entree
{ 
  position: absolute;
  top: 80px;
  left: 671px;
  width: 56px;
  height: 36px;
  z-index: 20;
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: white;
  text-align: center;
 }
#mentions
{ 
  position: absolute;
  top: 515px;
  left: 0px;
  width: 700px;
  height: 36px;
  text-align: center;
  margin-top: 10px;
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #666666;
  z-index: 5;
 }
#fnaim
{ 
  position: absolute;
  top: 529px;
  left: 700px;
  width: 34px;
  height: 26px;
  }
a.mentions1
{ 
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #666666;
  text-decoration: underline;
 }
a.mentions2
{ 
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #666666;
  text-decoration: none;
 }
.champ_texte
{ 
  border: 1px solid #b7c7d8;
  background-color: white;
  color: black;
  font-family: Arial, sans-serif;
  font-size: 12px;
  width: 200px;
 }
.form_recherche
{ 
  border: 1px solid #003388;
  background-color: white;
  color: black;
  font-family: Arial, sans-serif;
  font-size: 12px;
  width: 175px;
 }
.form_recherche_select
{ 
  border: 1px solid #003388;
  background-color: white;
  color: black;
  font-family: Arial, sans-serif;
  font-size: 12px;
  width: 250px;
 }
input.soumission
{ 
  border: 0px solid #b7c7d8;
  background-color: white;
/*  color: #b7c7d8;*/
  color: black;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
 }
textarea
{ 
  height: 100px;
 }
td
{ 
  font-family: Arial, sans-serif; 
  font-size: 12px;
 }
td.form
{ 
  vertical-align: top;
  text-align: right;
  }
.thumb
{ 
  width: 50px; 
  height: 50px;
  border: 0;
 }

#Nav_fr {
padding: 0;
list-style: none;
}

#Nav {
padding: 0;
list-style: none;
}

#Nav_fr li {
width: 108px;
background: #038;
margin: 0px 0 0 0px;
float: left;
padding: 0;
}

#Nav li {
width: 126px;
background: #038;
margin: 0px 0 0 0px;
float: left;
padding: 0;

}

#Nav_fr li a {
display: block;
background-color: #038;
color: white;
text-decoration: none;	
margin: 0; padding: 3px;
}

#Nav li a {
display: block;
background-color: #038;
color: white;
text-decoration: none;	
margin: 0; padding: 3px;
}
#Nav li a:hover,#Nav li a:active {
display: block;
background-color: #005DF2;
color: white;
text-decoration: none;	
margin: 0; padding: 3px;

}

.Menu {
padding: 0;
margin: 0;
list-style: none;
display: none;
}

.Menu li, .Menu li a  
{ 
  line-height: 20px;
  text-align: left;

 }