/* ======= partie gınıral =========*/

body {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  color: Black;
}

#pageaccueil {
  border: 1px solid #D3D3D3;
  padding: 0;
  width: 755px;
  background: url(images/fond-accueil.jpg) no-repeat top ;
  margin: 0 auto;
}

h1#intro {
  margin: 0 0 0 0 ;
  padding: 0;
  height: 260px;
  text-indent:-9999px;
}

a#logis {
  display: block;
  position: relative;
  top: -80px;
  left: 675px;
  width: 50px;
  height: 15px;
  text-indent: -9999px;
  text-decoration: none;
}

/*=========== page accueil ============*/

#menu_accueil {
  margin: 0 0 0 37px;
  padding:0;
  list-style: none;
}
#menu_accueil li {
  margin: 0;
  padding: 0;
  float:left;
}
#menu_accueil li a {
  background-position:top;
  background-repeat:no-repeat;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  height: 18px;
}

#li_hotel a{
  background-image: url(images/hotel.jpg); 
  width: 66px; 
}
  
#li_hotel a:hover {
 background-image: url(images/hotel_on.jpg);  
}
   
#li_restaurant a{
  background-image: url(images/restaurant.jpg); 
  width: 111px;  
}
  
#li_restaurant a:hover {
 background-image: url(images/restaurant_on.jpg);  
}
   
#li_reservation a{
  background-image: url(images/reservation.jpg); 
  width: 84px;  
}
#li_reservation a:hover {
 background-image: url(images/reservation_on.jpg);  
}

  
#li_detente a{
  background-image: url(images/detente.jpg); 
  width: 93px;  
}
#li_detente a:hover {
 background-image: url(images/detente_on.jpg);  
}

#li_plan_acces a{
  background-image: url(images/plan_acces.jpg); 
  width: 125px;  
}
#li_plan_acces a:hover {
 background-image: url(images/plan_acces_on.jpg);  
}

#li_environs a{
  background-image: url(images/environs.jpg); 
  width: 131px;  
}
#li_environs a:hover {
 background-image: url(images/environs_on.jpg);  
}

#li_contact a{
  background-image: url(images/contact.jpg); 
  width: 85px;  
}
#li_contact a:hover {
 background-image: url(images/contact_on.jpg);  
}

#desciption_accueil{
  padding: 0 150px;
  margin: 60px 0 0 0;
  text-align: center;
}

#langue_accueil {
  margin:0 0 0 300px;
  padding:20px 0 0 0;
  list-style: none;
}

#langue_accueil li {
  margin: 10px;
  padding: 0;
  float:left;
}

#langue_accueil li a {
  background-position:top;
  background-repeat:no-repeat;
  text-indent: -9999px;
  text-decoration: none;
  line-height: 1px; 
  border: 1px solid #D3D3D3 ;  
  height: 12px;
  width: 24px;
  display: block;
}  
  
#ac_francais a{
  background-image: url(images/france.jpg);   
}


#ac_allemand a{
  background-image: url(images/allemagne.jpg); 
}


#ac_anglais a{
  background-image: url(images/anglais.jpg); 
}


#fbtech{
  background: url(images/fond-fbtech.jpg) no-repeat top;
  height: 20px;
  width: 750px;
  padding: 14px 0 0 0;
  margin: 40px 0 0 0;
  text-align: center;
  font-size: 9px; 
} 
 
#fbtech a{ 
  color: Gray;
  text-decoration: none;
}

#fbtech a:hover,fbtech a.actif{
  color: black;
} 

/*========== autres pages ============*/
#page {
  border: 1px solid #D3D3D3;
  padding: 0;
  width: 755px;
  background: url(images/fond-accueil.jpg) no-repeat 0 -40px;
  margin: 0 auto;
}

h1#courant {
  margin: 0 ;
  padding: 0;
  height: 220px;
  text-indent:-9999px;
}

h1#courant a{
  display: block;
  position: relative;
  top: 155px;
  left: 277px;
  width: 470px;
  height: 45px;
  text-decoration: none;
}

.clear{
    clear:both;
}

.float{
  float: left;
}

#langue{
  margin: 0 0 30px 30px;
  padding:10px 0 0 0;
  list-style: none;
}

#langue li{
  margin: 5px;
  padding: 0;
  float:left;
  text-indent: -9999px;
  text-decoration: none;
}

#langue li a{
    display: block;
  text-decoration: none;
  border: 1px solid #D3D3D3 ;  
  height: 9px;
  width: 18px;
}

#francais a{
  background-image: url(images/fr.jpg);   
}

#anglais a{
  background-image: url(images/en.jpg);   
}

#allemand a{
  background-image: url(images/al.jpg);  
}

#menu{
  margin: 0 0 0 0;
  padding:0;
  list-style: none;
  clear: both;
}

#menu li {
  margin: 0;
  padding: 0;
}

#menu li a {
  background-position:center;
  background-repeat:no-repeat;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  width: 126px;
}

#accueil a{
  background-image: url(images/menu_accueil.jpg);   
  height: 24px;   
}
  
 #accueil a:hover,#accueil a.actif {
 background-image: url(images/menu_accueil_on.jpg);  
}

#hotel a{
  background-image: url(images/menu_hotel.jpg); 
  height: 31px;
}
  
 #hotel a:hover,#hotel a.actif {
 background-image: url(images/menu_hotel_on.jpg);  
}

#restaurant a{
  background-image: url(images/menu_restaurant.jpg); 
  height: 29px;
}
  
 #restaurant a:hover,#restaurant a.actif {
 background-image: url(images/menu_restaurant_on.jpg);  
}

#reservation a{
  background-image: url(images/menu_reservation.jpg); 
  height: 30px;
}
  
 #reservation a:hover,#reservation a.actif {
 background-image: url(images/menu_reservation_on.jpg);  
}

#detente a{
  background-image: url(images/menu_detente.jpg); 
  height: 28px; 
}
  
 #detente a:hover,#detente a.actif {
 background-image: url(images/menu_detente_on.jpg);  
}

#plan_acces a{
  background-image: url(images/menu_plan_acces.jpg); 
  height: 27px; 
}
  
 #plan_acces a:hover,#plan_acces a.actif {
 background-image: url(images/menu_plan_acces_on.jpg);  
}

#environs a{
  background-image: url(images/menu_environs.jpg); 
  height: 35px; 
}
  
 #environs a:hover,#environs a.actif {
 background-image: url(images/menu_environs_on.jpg);  
}

#contact a{
  background-image: url(images/menu_contact.jpg); 
  height: 26px; 
}
  
 #contact a:hover,#contact a.actif {
 background-image: url(images/menu_contact_on.jpg);  
}

.illustration{
  padding:5px;
  margin:30px 20px 0 20px;
  float:right;
  
}

.illustration_acces{
  padding:5px;
  margin:70px 20px 0 20px;
  float:right;  
  text-align: center;  
}

#plan{
  padding:5px;
  margin: 0px 0 0 0;
}
h2{
  padding:0;
  margin: 10px 0 20px 150px;
  text-indent: -9999px;
  height:31px;
  width:199px;  
}

h2#titre_restaurant{
  background: url(images/titre_restaurant.gif) no-repeat top;
}

h2#titre_reservation{
  background: url(images/titre_reservation.gif) no-repeat top; 
}

h2#titre_detente{
  background: url(images/titre_detente.gif) no-repeat top;  
}

h2#titre_hotel{
  background: url(images/titre_hotel.gif) no-repeat top; 
}

h2#titre_acces{
  background: url(images/titre_acces.gif) no-repeat top;
}

h2#titre_environs{
  background: url(images/titre_environs.gif) no-repeat top; 
}

h2#titre_contact{
  background: url(images/titre_contact.gif) no-repeat top; 
}

#contenu{
  padding:0;
  margin:0 0 0 155px;
  line-height: 15px
}

#contenu li{
  padding:0 0 10px 0;
  margin:0;
  list-style: square;
}
#page a img{
  padding:5px;
  border: 1px solid #D3D3D3;
}

#contenu p{
  padding:0;
  margin:0 0 15px 0;
}

#formulaire{
  padding:0;
  margin: 0;
  width: 300px;
}

#formulaire p{
  padding: 0;
  margin: 0 0 10px 40px;
}


#formulaire label{
  position: absolute;
  padding: 0 ;
}

#formulaire input{
 padding:0; 
 margin: 0 0 0 150px ;
}

.chiffre{
  width: 30px;
}

#formulaire table td, #formulaire table th {
  text-align: center;
  border:1px solid #7f9db9;
  white-space: nowrap;
  padding: 2px 0px;
  margin: 0;
}

#formulaire table{
  padding:0;
  margin:0 0 15px 40px;
  width: 100%;
  border:1px solid #7f9db9;
  border-collapse: collapse;
}

.textarea{
  padding:0;
  margin: 0 0 0 0;
}

#coord{
  padding:0;
  margin: 0 0 30px 0px;
  text-align: center;
}

#coord a{
  color: Gray;
}
#confirmation{
  padding:0;
  margin: 130px 0 0 0;
  font-size: 13px;
  text-align: center;
}

#terrasse{
  margin:34px 0 0 60px;
}