/* --- design par Emilie CADOUX e_cadoux@yahoo.fr  --- */
/* --- octobre 2006                                --- */

/* ------- imports --------- */
@import url(css/menu.css);
@import url(css/boxes.css);
@import url(css/defaut.css);


/* ------- balises html --------- */
body
  {
  background-color: white;
  font-family: Verdana, Arial, helvetica, sans-serif;
  font-size: 10px;
  display: block;
  margin: 0;
  padding: 0;
  }

a
  {
  text-decoration: none;
  color: black;
  }
  
a:hover
  {
  text-decoration: underline;
  /*color: rgb(18, 100, 175);*/
  color: blue;
  }

a img
  {
  border-width: 0;
  }
  
a[href~="http://www.boutique-sante-voyage.fr/"]
  {
  color: rgb(18, 100, 175);
  }

form
  {
  margin: 0;
  padding: 0;
  }

/* ------- conteneur --------- */

body div#conteneur
  {
  width: 993px;
  margin: 0 auto;
  padding: 0;
  border-color: #E2E2E2;
  border-width: 0 1px;
  border-style: solid;
  }

/* ------- Haut de page --------- */
#hautDePage
  {
  display: block;
  margin: 0;
  padding-top: 10px;
  padding-right: 0;
  text-align: center;
  height: 96px;
  width: 100%;
  }
  
.logo
  {
  position: relative;
  left: -105px;
  top: 0;
  height: 96px;
  display: inline;
  z-index: 3;
  }

.banniere
  {
  position: relative;
  left: -45px;
  top: -50px;
  //top: -20px; /* pr IE */

  /*
  height: 96px;
  width: 60%;
  */
  display: inline;
  z-index: 2;
  }
/* hack google chrome et safari */
body:nth-of-type(1) .banniere{
   top: -20px;
}

/*
.banniere img
  {
  border: rgb(250, 190, 0) 1px solid;
  }
  */

#languages
  {
  display: inline;
  position: relative;
  left: 0px;
  top: -110px;
  //top: -80px; /* pr IE */
  /*top: -80px; AVEC IMAGE GIF */
  text-align: right;
  z-index: 1;
  }
/*end*/
/*\*/
html*#languages {
display: block;
position: relative;
left: 0px;
top: -80px;
}/*end*/
  
#languages .boxes
  {
  display: inline;
  padding: 0px;
  margin: 0px;
  }

#languages ul
  {
  display: block;
  padding: 0px;
  margin: 0px;
  text-align: right;
  }

#languages ul li
  {
  margin: 0;
  padding: 0;
  display: inline;
  list-style: none;
  padding-right: 0.5em;
  }
  
#languages ul li img
  {
  padding-top: 2px;
  }

#languesSWetBE
  {
  /*padding-right: 0.3em;*/
  /*border-bottom: rgb(209, 209, 209) 1px solid;*/ /* ie et moz réagissent pas pareil, je sais pas pourquoi*/
  }
  
#autresLangues li
  {
  padding-right: 0.3em;
  /*border-bottom: rgb(209, 209, 209) 1px solid;*/ /* ie et moz réagissent pas pareil, je sais pas pourquoi*/
  }

/* #menu défini dans menu.css (cf. imports)*/

/* ------- breadCrumb Haut --------- */

#breadCrumbHaut
  {
  display: block;
  height: 50px;
  /*background: rgb(86, 178, 43) url("images/bc_h_fond.gif") repeat-x scroll 0 23px;*/
  background: white url("images/bc_h_fond.gif") repeat-x scroll 0 23px;
  margin: 0 0 0 5px;
  padding: 0px;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  }

#breadCrumb
  {
  display: block;
  height: 20px;
  margin: 0;
  padding: 30px 0 0 30px;
  background: transparent url("images/bc_h_icone.gif") no-repeat scroll 0 23px;
  color: white;
  }

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

#breadCrumb a:hover
  {
   text-decoration: underline;
  }



/* ------- contenu --------- */

#contenu
  {
  clear: both;
  display: block;
  margin: 15px 7px 0 7px;
  padding: 0;
  }

#menuGauche
  {
  width: 170px;
  display: block;
  float: left;
  }

#centre
  {
  display: block;
  width: 638px;
  float: left;
  margin: 0 5px;
  }

#menuDroite
  {
  display: block;
  width: 158px;
  float: left;
  }


/* ------- breadCrumb Bas --------- */
#breadCrumbBas
  {
  clear: both;
  display: block;
  background: transparent url("images/bc_b_icone.gif") no-repeat scroll 0 -1px;
  height: 25px;
  padding: 0 0 2px 30px;
  margin: 15px 0 0 5px;
  color: #A5A5B5;
  font-size: 10px;
  font-weight: bold;
  font-family: arial, helvetica;
  }
  
#breadCrumbBas #breadCrumb2
  {
  border-top: #E2E2E2 solid 1px;
  border-bottom: #E2E2E2 solid 1px;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 5px;
  /*border: solid red 1px;*/
  }
  
#breadCrumbBas a
  {
  color: #A5A5B5;
  font-size: 10px;
  font-weight: bold;
  font-family: arial, helvetica;
  text-decoration: none;
  }

#breadCrumbBas a:hover
  {
  text-decoration: underline;
  }
  

/* ------- pied De Page --------- */
#piedDePage
  {
  display: block;
  clear: both;
  margin: 1em 0 2em 0.7em;
  text-align: center;
  font-size: 9px;
  color: #B6B7CB;
  }
  
#piedDePage a
  {
  font-size: 9px;
  color: #B6B7CB;
  }
  
.bandeauImg img
  {
  margin-left: 0.5em;
  }