/* CSS Document otourisme.com */

html {
  padding:0;
  margin:0;
  
}

body {
  padding:0;
  margin:0;
  width:100%;
  background-color:#343434;/****** couleur du fond body ******/
}

.nettoyeur {
  clear:both;
}

.spip_surligne {background-color : transparent ;}/* suppression du surlignage moteur de recherche */

#page {
  width:755px;
  padding:0;
  margin:0;
  margin-left:auto;
  margin-right:auto;
  border:1px solid #999999;/****** border de la page de 1px ******/
}

#entete {
  padding:0;
  margin:0;
  width:754px;
  height:87px;
  background-image:url("../IMG/banniere.jpg");
  background-repeat:no-repeat;
  border-bottom:2px solid #999999;/***** border bas de l'image d'entete *****/
}

#drapeau {
  height:20px;
  padding:0px;
  margin:0px;margin-left:2px;
}

.choix_drapeau {
  padding:0;
  margin:0;
  width:28px;
  float:left;
}

#nav_conteneur {
  width:100%;
  height:30px;
  margin-top:36px;
}

ul.nav {
  width:100%;
  padding:0;
  margin:0;margin-left:10px;
}

li.onglet, li.onglet a {
  float:left;
  margin-right:5px;
  list-style:none;
  font-size:0.9em;
  text-align:center;
  color:#ffffff;/****** couleur d'écriture dans les boutons de menu ******/
  width:85px;
  background-color:#999999;/******* couleur fond dans les boutons de menu ******/
  height:27px;
  padding-top:3px;
  line-height:1em;
  border:1px solid #ffffff;/******* couleur border des les boutons de menu ******/
  border-bottom:0;
}

li.onglet:hover, li.onglet:hover a {
  float:left;
  margin-right:5px;
  list-style:none;
  font-size:0.9em;
  text-align:center;
  color:#999999;/******* couleur d'écriture dans les boutons de menu au survol ******/
  width:85px;
  background-color:#ffffff;/****** couleur fond dans les boutons de menu au survol ******/
  height:27px;
  padding-top:3px;
  line-height:1em;
  border:1px solid #999999;/****** couleur border des les boutons de menu au survol ******/
  border-bottom:0;
}



#conteneur {
  width:100%;
}

#image {
  position:relative;
  width:100%;
  
  border-bottom:2px solid #999999;/****** couleur border bas de l'image de home ******/
}

#adresse {
  position:absolute;
  display:block;
  top:18px;/*** positionnement de la div adresse par rapport au haut de l'image home ******/
  left:18px;
  width:210px;
  background-color:#ffffff;/****** couleur fond bloc adresse ******/
  padding-left:10px;padding-right:10px;
  font-size:1.0em;/****** taille de caractère bloc adresse ******/
  opacity: 0.80;
  filter:alpha(opacity=80);  
  -moz-opacity:0.80;
  }

h1.titre {
  color:#000000;/****** couleur de titre ******/
  text-align: center; /****** format du titre ******/
  text-decoration: underline;
}

#contenu {
  width:728px;
  border: solid #999999;/****** couleur border de la div centrale ******/
  padding:10px;
  background-color: #ffffff;/****** couleur de fond de la div centrale ******/
  color:#333333;/****** couleur de texte ******/
  text-align: justify;
}

#gallery {
  width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.diapo_menu {
  width: 650px;
}

#pied {
  width:100%;
  margin:0;
  padding:0;
  border:0;
}

#bas {
  width:100%;
}

#bas a {
  color:#999999;/****** couleur ancre pied ******/
}

#bas a:hover {
  color:red;/****** couleur ancre pied au survol ******/
  text-decoration:underline;
}