/* CSS Document */

body {
font: normal 0.8em Verdana, Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
background: url(img/fond_beige.gif) top left repeat;
/*overflow: auto;*/
}

#global {
width: 100%;
height: 100%;
}

#conteneur {
width: 100%;
height: 100%;
}


/************ ENTETE **************/
#header {
height: 180px;
padding: 0 0 0 0.5em;
margin: 0;
text-align: center;
border-bottom: 1px solid #c90;
background: url(img/fond_entete.gif) top left repeat;
}

/****** MENU *********/
#gauche {
position: absolute;
left: 0;
height: 420px;
width: 190px;
background:  url(img/genealogie.jpg) top left no-repeat;
}

.menugauche {
margin: 15px;
padding: 0;
text-align: left;

}

.menugauche li {
list-style-type: none;
}

.separateur {
margin: 6px 0 4px 0;
}

#conditions, #services {
margin-bottom: 5px;
}

#honoraires {
margin-left: 20px;
}
#contact {
margin-left: 20px;
}

.sousmenu {
margin-left: 20px;
}

/********* PAGE ************/
#centre {
margin-left: 190px;
width: auto;
/*height: 420px;
overflow: auto;*/
}

.titre {
margin: 1.5em 0.5em 0.5em 0.3em;
}

.texte {
text-align: left;
line-height: 1.3em;
}

#texte_index {
margin: 0 2em 0 2.3em;
text-align: left;
line-height: 1.3em;
}

.lettrine {
margin: 0;
padding: 0;
font: bold 1.8em Verdana, Helvetica, Arial, sans-serif;
color: #900;
}

h4 {
font: bold 0.9em Verdana, Helvetica, Arial, sans-serif;
text-decoration: underline;
}

#bloc_contact {
margin-left: 20px;
/*width: 550px;*/
}

.coordonnées2 {
float: left;
font-size: 13px;
font-weight: bold;
margin-left: 5px;
/*margin-right: 60px;*/
margin-top: 1em;
margin-bottom: 1.5em;
padding: 0.4em;
}

.coordonnées2 a {
color: #900;
text-decoration: none;
}

p#pelemele {
text-align: center;
}

#pelemele img {
margin-bottom: 1.8em;
clear: both;
}

/****************** PAGE SERVICE.HTML ********************/

#agnatique {/**** DIV PERSONNES ****/
margin: 2.5em 100px 50px 30px;
height: 200px;
}

#agnatique img { /*** PHOTO PERSONNES ****/
float: left;
margin-right: 0.8em;
}

#txt_personne {
margin-left: 150px;
}

#txt_personne h4 { /**** LEGENDE PHOTO PERSONNES ****/
margin: 0;
padding: 1em 0 0 0;
}
ul#txt_personne {
margin: 0;
padding: 0;

}

#txt_personne li {
padding-bottom: 0.4em;
/*padding-left: 1em;*/
margin-left: 1em;
list-style-image: url(img/puce.gif);
}

#descendance {/**** DIV HABITATION ****/
margin-bottom: 50px;
height: 191px;
/*margin-right: 100px;
width: 85%;*/
margin-left: 30px;
margin-right: 30px;
}

#descendance img{ /**** PHOTO HABITATION ****/
float: right;
margin: 0 0.8em;
}

#descendance h4 { /**** LEGENDE PHOTO HABITATION ****/
margin: 0;
padding: 1em 0 0.8em 0.8em;
}

#texte_descendance {
margin: 0 0.8em;
padding: 0;
text-align: left;
line-height: 1.3em;
}


#origine {/**** DIV VILLAGE ****/
margin-bottom: 50px;
margin-left: 30px;
margin-right: 30px;
height: 158px;
}

#origine img { /*** PHOTO VILLAGE ****/
float: left;
margin-right: 0.8em;
}

#origine h4 { /**** LEGENDE PHOTO VILLAGE ****/
margin: 0;
padding: 1em 0 0.8em 0.8em;
}

#txt_listefin {
padding-bottom: 1.8em;
}

#txt_listefin li {
margin-left: 2.4em;
list-style-image: url(img/puce.gif);
}
/****************** PAGE CONTACT.HTML ********************/
#condition {
margin-bottom: 50px;
margin-left: 10px;
margin-right: 30px;
}

ul#liste_condition li{
padding-bottom: 0.8em;
}

ul#liste_tarif li{
padding-bottom: 0.4em;
}

#tarif {
margin-bottom: 50px;
margin-left: 30px;
margin-right: 30px;
}

#tarif li {
margin-left: -20px;
}

.montant {
font-weight: bold;
}

#tarifcomp {
margin-top: 0.4em;
}

#devis {
font-size:1.2em;
font-weight:bold;
color: #900;
}

#devis img {
vertical-align: middle;
}

.coordonnées {
float: left;
font-size: 1em;
font-weight: bold;
margin-left: 5px;
/*margin-right: 60px;*/
margin-bottom: 1.8em;
padding: 0.4em;
border: 1px dashed #900;
background: url(img/pxcoordonnees.gif) left top repeat;
}

.coordonnées a {
color: #900;
text-decoration: none;
}

/********* PIED *************/
#pied {
font-size: 0.9em;
height: 30px;
margin: 0;
padding: 10px;
text-align: center;
clear: both;
}

#pied a {
color: blue;
text-decoration: none;
}