/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* styles globaux
**********************/
*{
  margin: 0;
  padding: 0;
  }
.floatright{
  float: right;
  margin: 0 0 10px 10px;
  }
.floatleft{
  float: left;
  margin: 0 10px 10px 0;
  }
.alignright{
  text-align: right;
  }
.clearer{
  clear: both;
  }
.narrow{
  width: 450px;
  margin: 0 auto;
  }
a:active, a:focus{
  outline: none;
  }
a img{
  border: none;
  }
#texte h1{
  font: 24px/40px Arial, Helvetica, sans-serif;
  height: 50px;
  width: 450px;
  padding: 0 0 30px 70px;
  background: url(../images/charte/puce_h1.png) 0px -7px no-repeat;
  color: #8e0508;
  }
#texte h2{
  font: 18px Arial, Helvetica, sans-serif;
  margin: 0 0 10px;
  padding: 15px 0 0;
  clear: both;
  color: #8e0508;
  text-transform: uppercase;
  border-bottom: 1px solid #8e0508;
  }
#texte h3{
  font: bold 13px Arial, Helvetica, sans-serif;
  margin: 10px 0;
  clear: both;
  color: #8e0508;
  }
.margtop{
  margin: 25px 0 0;
  }
.margbot{
  margin: 0 0 20px;
  }
#texte p{
  margin: 0 0 10px;
  font: 11px/16px Arial, Helvetica, sans-serif;
  }
#texte .super{
  vertical-align: super;
  font-size: 0.8em;
  }
#texte .bold{
  font-weight: bold;
  }
#texte .color{
  font-weight: bold;
  color: #8e0508;
  }
#texte a{
  font-weight: bold;
  text-decoration: none;
  color: #8e0508;
  }
#texte a:hover{
  text-decoration: underline;
  color: #e4bd00;
  }
#texte ul{
  margin: 10px 0 0 20px;
  list-style-image: url(../images/charte/puce_ul.png);
  line-height: 18px;
  }

/* accueil
**********************/
#texte #accueil{
  position: relative;
  width: 648px;
  height: 297px;
  margin: 0 0 20px;
  background: url(../images/contenu_vrac/acc_01.jpg);
  }
#texte #accueil #acc_01{
  position: absolute;
  top: 15px;
  left: 345px;
  width: 300px;
  }
#texte #accueil #acc_02{
  position: absolute;
  top: 220px;
  left: 0;
  width: 295px;
  text-align-last: right;
  }
#texte #acceuil_anchors a{
  margin: 0 15px;
  }

/* diaporama
**********************/
#texte #diap p{
  margin: 0 0 20px;
  }
#texte #diap div{
  margin: 20px 0;
  width: 450px;
  }
#texte #diap #prev{
  float: left;
  height: 13px;
  }
#texte #diap #next{
  float: right;
  height: 13px;
  }
.fr #texte #diap #prev{
  width: 63px;
  background: url(../images/charte/retour_fr.png);
  }
.fr #texte #diap #next{
  width: 51px;
  background: url(../images/charte/suite_fr.png);
  }
.uk #texte #diap #prev{
  width: 63px;
  background: url(../images/charte/retour_uk.png);
  }
.uk #texte #diap #next{
  width: 51px;
  background: url(../images/charte/suite_uk.png);
  }
.it #texte #diap #prev{
  width: 108px;
  height: 16px;
  background: url(../images/charte/retour_it.png);
  }
.it #texte #diap #next{
  width: 64px;
  height: 16px;
  background: url(../images/charte/suite_it.png);
  }
#container #texte #diap a:hover{
  background-position: 0% 100%;
  }
#texte #diap div:after{
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }

/* tarifs
**********************/
#texte #tarifs{
  width: 100%;
  border-collapse: collapse;
  }
#texte #tarifs td{
  border-bottom: 1px solid #8e0508;
  padding: 5px;
  }
#texte #aligntariftab{
  margin: 5px;
  }

/* contact
**********************/
#texte #info1{
  float: left;
  width: 200px;
  }
#texte #info2{
  float: left;
  width: 250px;
  }