body
{
    background-color: #FFFFFF;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
    padding: 0;
}

.contenant
{
    position: relative;
    width: 1003px;
}

#entete
{
    position: relative; 
    width: 100%;
    height: 100px;
}

#entete #logo
{
    width: 150px;
    float: left;
    padding-left:0px;
    text-align:left;
}

#entete #titre_haut
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #6E1519;
    float: right;
    padding-left: 10px;
    padding-top:20px;
    text-align: center;
    width: 600px;
    vertical-align:middle;
    position:relative;
}

#milieu_ensemble
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    float: left;
    background-image: url(images/image_fond.jpg);
    background-repeat:no-repeat;
    height: 488px;
    text-align:left;
    width: 100%;
}

.PageMilieu
{
    position: relative;
    width: 100%;
}

.PageMilieu #gauche1
{
    position: relative;
    width: 352px;
    float: left;
    text-align: right;
    display: block;
}

.PageMilieu #gauche1 #menu
{
    width: 340px;
    padding-top: 4px;
    text-align:right;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #d76c9d;
}

#menu .menu1 
{
    padding-right: 70px;
    display:block;
    height:22px;
    text-decoration: none;
}

#menu .menu2
{
    padding-right: 95px;
    display:block;
    height:28px;
    text-decoration: none;
}

#menu .menu3
{
    padding-right: 105px;
    display:block;
    height:34px;
    text-decoration: none;
}

#menu .menu4
{
    padding-right: 120px;
    display:block;
    height:28px;
    text-decoration: none;
}

.PageMilieu #gauche1 #menu .elementMenu a:link, .PageMilieu #gauche #menu a:visited, .PageMilieu #gauche #menu a:active
{
    color: #F406A3;
}

.PageMilieu #gauche1 #menu .elementMenu a:hover
{
    color: #CE0C67;
}

.PageMilieu #droite1
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    width: 626px;
    float: left;
    height: 80px;
    padding-left: 20px;
    padding-top: 20px;
    text-align:left;
}

.PageMilieu #droite1 #contenu1
{
    width: 565px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    height: 90px;
    display: block;
    overflow: auto;
    text-align:justify;
}

.PageMilieu #gauche
{
    position: relative;
    width: 237px;
    float: left;
    padding-top: 20px;
    text-align:left;
    display: block;
}

.PageMilieu #gauche #texte_coordonnees
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    border-top-style: outset;
    border-right-style: outset;
    border-bottom-style: outset;
    border-left-style: outset;
    border-top-color: #b80079;
    border-right-color: #b80079;
    border-bottom-color: #b80079;
    border-left-color: #b80079;
    margin-left: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
    background-color: #f406a3;
    text-align: center;
    width: 210px;
    color: #FFFFFF;
    font-weight: bold;
}

.PageMilieu #gauche #texte_gauche
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    padding: 10px;
    margin-left:10px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: justify;
    width: 200px;
    color:#f403a2;
    font-weight: bold;
}

.PageMilieu #droite
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    width: 742px;
    float: right;
    height: 345px;
    padding-left: 20px;
    text-align:left;
}

.PageMilieu #droite #contenu
{
    width: 735px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    height: 378px;
    display: block;
    overflow: auto;
}

#footer
{
    position: relative;
    width: 100%;
    width: 100%;
    min-width: 750px;
    height: 15px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #d76c9d;
    font-style: italic;
    text-align: center;
}

#footer a
{
    margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
    padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
    text-align: center;
    text-decoration: none;
}

.clearfloat
{
    /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

input, select
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#6E1519;
    background-color:#FFFFFF;
}


.texte_pages
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    text-align: center;
    width: 500px;
    float: none;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#6E1519;
    font-weight: bold;
}

.liste_offre
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    border-top-style: solid;
    border-top-color: #6E1519;
    display: block;
    padding: 10px;
    border-top-width: 1px;
    width: 716px;
}

.liste_offre_roll
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#6E1519;
    border-top-style: solid;
    border-top-color: #CC0001;
    display: block;
    padding: 10px;
    border-top-width: 1px;
    width: 716px;
    background-color: #FFFFFF;
    cursor: pointer;
}

.detail_bien
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    width: 650px;
}

a:link, a:visited, a:active
{
    color: #6E1519;
}

a:hover
{
    color: #CE0C67;
}

.agence
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: justify;
}

#image_cabinet
{
    padding-right:20px;
    margin-right:20px;
}

.liste_biens_titre
{
    background: url(images/fond_transparent.gif);
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    width: 670px;
    display: block;
}

.Blanc_12_gras
{
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}

.blanc
{
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}

.gras
{
    font-weight: bold;
}

.couleur
{
    font-family: Arial, Helvetica, sans-serif;
    color: #6E1519;
}

.rouge
{
    font-family: Arial, Helvetica, sans-serif;
    color: #6E1519;
}

.noir
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
}

.rouge_16_gras
{
    font-weight: bold;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    color: #F400A1;
}

.noir_16_gras
{
    font-weight: bold;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
}

.T12
{
    font-size: 12px;
    text-decoration: none;
}

.T14
{
    font-size: 14px;
    text-decoration: none;
}

.T16
{
    font-size: 16px;
    text-decoration: none;
}

.T18
{
    font-size: 18px;
    text-decoration: none;
}

h2
{
    padding-left: 40px;
    font-weight: bold;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    color: #F400A1;
    margin-top: 20px;
    margin-bottom: 20px;
}

.sans_soulignement
{
    text-decoration: none;
}


.centre
{
    text-align:center;
    display:block;
}