/*--------------General --------------------*/
* { /*--Représente toutes les balises--*/
   margin: 0;
   padding: 0; /*on retire les marges et les padding de toutes les balises*/
}
p {
   margin: 5px;
}

body { /*--La balise body--*/
   font-family: Microsoft Sans Serif, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000;
   background-color: #789BC1; #467AA9; #A8C9F0;
   text-align: center;
   margin-top: 0px;
   margin-bottom: 0px;
}
img {
   border: none;
}
div#structure { /*--La div structure regroupe tous les elements de la page.--*/
   width: 760px;
   margin: auto;
}
div#pri {
padding-left: 4px;
font-weight: bold;
}
div#pub {
   margin: 5px;
   font-family: Microsoft Sans Serif, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #1B4F8C; #789BC1;
}
div#entete { /*--La div entete contient le h1.--*/
   height: 107px;
   
}

div#main { /*--La div main regroupe le menu et le contenu.--*/
   background-color: #467AA9; #789BC1;  #dfdfdf; 
}
div#contenu { /*--La div contenu...--*/
   width: auto;
   text-align: left;
   /*padding-left: 180px; /*--le padding-left est egal à la taille du menu, s'il est placé à gauche.--*/
   padding: 0 20px;
   margin-left: 118px;
   margin-right: 118px;
   background-color: #efefef;  #A8C9F0;
   min-height: 600px;
   padding-top: 16px;
}
div#contenu1 { /*--La div contenu...--*/
   width: auto;
   text-align: left;
   /*padding-left: 180px; /*--le padding-left est egal à la taille du menu, s'il est placé à gauche.--*/
   padding: 0 20px;
   margin-left: 118px;
   margin-right: 118px;
   background-color: #A8C9F0; #efefef;  
   min-height: 600px;
   padding-top: 16px;
}

h1 { /*--La balise h1, qui est le titre du site, en general placée en haut.-*/
   text-indent: -5000px; /* Ruse pour cacher le texte */
   overflow: hidden; /* Pareil */
   height: 107px;
   background-image: url(entete/images/entete5.jpg)
}

h2 { /*--La balise h2, donc titre de niveau 2, je m'en sers pour donner un titre à chaque page.(ex : <h2>Acquéreur</h2>)-*/
   border: 1px solid #1B4F8C;
   color: #fff;
   background-color: #789BC1;
   text-align: center;
   margin-bottom: 10px;
   font-size: 12px;
   font-weight: bold;
}

h4 {
   border: 1px solid #1B4F8C;
   background-color: #789BC1;
   color: #ffffff;
   text-align: center;
   margin-bottom: 1px;
   padding-bottom: 2px;
   font-size: 10px;
   font-weight: bold;
}
h3 {
   color: #1B4F8C;
   text-align: center;
   margin-bottom: 1px;
   font-size: 12px;
   font-weight: bold;
}
.listaf {
color: #1B4F8C;
}
hr {
   color: #000;
   background-color: #000;
   border: 1px solid #000;
   margin-bottom: 5px;
}

fieldset, legend {
   color: #000;
}
fieldset {
   text-align: right;
   padding: 2px;
   margin-bottom: 1px;
   border: 1px solid #1B4F8C;
}
input, select, textarea {
   border: 2px solid #A8C9F0; ;
   background-color: #dfdfdf; #789BC1;
   color: #1B4F8C; #fff;
   margin-top: 5px;
}
li {
   list-style-type: none;
   list-style-position: outside;
}

a {
color: #1B4F8C;
}
a:hover {
color: #2161AC;
}
a:active {
color: #1B4F8C;
}
a:visited {
color: #1B4F8C;
}

a.hd4 {
color: #ffffff;
}
a.hd4:hover {
color: #ffffcc;
}
a.hd4:visited {
color: #ffffff;
}
a.hd4:active {
color: #ffffff;
}
div#menu {
   width: 118px;
   float: left;
}

div#menu li a {
   display: block;
   background-color: #1B4F8C; #efefef;;
   height: 14px;
   margin-top: 3px;
   margin-left: 3px;
   padding-top: 14px;
   padding-bottom: 10px;
   padding-left: 15px;
   color: #fff; #1B4F8C;
   text-align: left;
   text-decoration: none;
   background-image: url(menu/images/puce.gif);
   background-position: 0 14px;
   background-repeat: no-repeat;
   font-size: 9px;

}
div#menu li a:hover {
   background-color: #2161AC; #bfbfbf; 
}
div#pied {
  // background-color: #789BC1;
}

/*------------------fin General ----------------------------*/

/*---------Coup Coeur---------*/
div#coupCoeur {
   width: 128px;
   float: right;

}
div#coupCoeur h3 {
   display: none;
   height: 0;
}
div#coupCoeur img {
   display: block;
   margin-top: 7px;
}
div#coupCoeurPied {
   clear: both;
}
/*---------fin Coup Coeur---------*/


/*-------------- Accueil --------------*/
div#accueil {
   text-align: center;
padding: 16px;
}
/*-------------- fin Accueil --------------*/

/*-------------- nosOffres --------------*/
#piedForm {
   text-align: right;
}
table.donneesContenu table {
   width: 90%;
}
table.donneesContenu {
   border: 0px solid #1B4F8C;
   padding: 0px;
   text-align: center;
}
table.donneesContenu img {
   border: 0px solid #1B4F8C;
}
table.tete, table.pied {
   border: 1px solid #1B4F8C;
   background-color: #789BC1;
   color: #fff;
   margin-bottom: 0px;
   font-size: 11px;
   font-weight: bold;
   width: 100%;
}
table.tete2, table.pied2 {
   border: 1px solid #1B4F8C;
   color: #789BC1; #fff;
   margin-top: 10px;
   font-size: 10px;
   width: 100%;
}

table.pied {
margin-top: 0px;
   color: #fff;
}

img.photoListeGauche {
   margin-right: 5px;
}
img.photoListeDroite {
   margin-left: 5px;
   
}
/*-------------- fin nosOffres --------------*/

div#hackIE {    
/*
Internet Explorer ne supporte pas l'attribut min-height,
qui permet de choisir une hauteur minimum (qui m'aurait servi pour la fiche technique).
comme les images de la fiche technique ET le texte descriptif sont tous les deux en float,
ils sortent du flux normal.
Cette technique permet de forcer le cadre de la fiche technique à descendre tout en bas,
car la <div id="hackIE"> est à l'intérieur de la <div id="ficheTechnique"> et je lui ai ajouté clear both,
qui demande en plus aux elements suivants de poursuivre en dessous de l'element.
*/
   clear: both;
}