/* supression des marges par défaut et adresse de l'image de fond*/

.bodynoir {
margin: 0;
padding: 0;
background-color: black;
font-family: Comic Sans MS;
color: white;
}

body {
margin: 0;
padding: 0;
background-image: url(papierpeint/beige.jpg);
font-family: Comic Sans MS;
}

/* l'image de fond pour les pages arbres */

#fondarbre
{
background-image: url(papierpeint/fdvert.jpg);
}

#foret
{
background-image: url(papierpeint/foret6.jpg);
}

#marque {
color: red;
}

/* positionnement de l'image page accueil */

.lapin2{
position: absolute;
top: 300px;
left: 30%;
}



/* soulignement des titres  */


.sousligne
{
text-decoration: underline;
}

/* Centrage et soulignement des titres h3 */


h3
{
text-decoration: underline;
width: 850px;
color: #639;
}

.sanssousligne

{text-decoration: none;
color: black;
}

/* supression des bordures des images */

img {
border-width: 0;
border-style: none;
}

/* couleur des liens*/

a {text-decoration: none;
color: purple;
}

#arbre a {text-decoration: none;
color: green;
}

#gene a {text-decoration: none;
font-style: italic;
color: navy;
}

/* supression des puces*/

li {list-style-type: none;
}

#positionimage1 {
position: absolute;
top: 630px;
left: 10px;
}

#positionimage2 {
position: absolute;
top: 630px;
left: 35px;
}


#positionimage {
position: absolute;
width: 300px;
top: 400px;
left: 450px;
}

/* conteneur page accueil */

#cadreaccueil {
width: 940px;
position: absolute;
left: 50%;
margin-left: -480px;
background-image: url(image/sable.gif);
}


/* conteneur pour  pages */



#cadrecentre {
position: absolute;  
top: 210px;
left: 220px;
}

#cadrecentreblog {
position: absolute; 
width: 750px; 
top: 210px;
left: 210px;
}


/* conteneur bannière */

#conteneurbanniere {
width: 900px;
top: 10px;
position: absolute;
height: 140px;
background-repeat: no-repeat;
background-position: center;
}


/* menu */

#menu {
border-right-width: 1px;
border-right-style: solid;
border-right-color: brown;
position: absolute;
top: 210px;
width: 180px;
}

#menu h3 {
text-decoration: underline;
color: black;
}

#menu li {
line-height: 25px;
}

#menu li a {
color: brown;
text-decoration: none;
display: block;
}



/* bas de page webmaster*/

.webmaster li {
float: left;
padding:0 4px;
height: 40px;
font-size: 70%;
}


/* vignettes*/

.vignette {float: left; padding: 0 15px; margin: 5px 3px;}
.vignette ul {margin: 0.25em 0 0; padding: 0; font: bold small Arial, Verdana, sans-serif;}
.title li{display: block; text-align: center;}

/* trait sous les vignettes*/

.art_spacer { clear: both;}  


/* Emplacement des portrait*/

.imageagauche 
{
	               /* A utiliser pour mettre le texte a droite et une image a gauche*/
  	text-align: left;         /* Aligne le texte à droite */
	margin-top: 5px;           /* crée une marge externe en haut du bloc */
	margin-left: 2%;          /* crée une marge externe à gauche du bloc */
    margin-right: 2%;         /* crée une marge externe à droite du bloc */
    margin-bottom: 5px;        /* crée une marge externe en bas du bloc */
    vertical-align: middle;    /* censé aligner le texte verticalement eu centre  */
    }
    
    
.imageagauche img               /* assigne l'image dans le bord gauche du bloc */
{
    float: left;               /* L'image est positionnée à gauche sans "bloquer "la partie gauche */    	margin-left: 4%;
    margin-right: 4%;            /* Crée une marge interne à gauche de l'image */
    margin-bottom: 5px;           /* Crée une marge interne en dessous de l'image */    

}


/* mise en forme tableaux des arbres généalogiques*/


/* Dimensions des cases */

#caselarge {
width: 130px;
height: 60px;
}

#casemince {
width: 10px;
height: 60px;
}

#caseetroite {
width: 130px;
height: 05px;
}


#casefine {
width: 10px;
height: 05px;
}

/* Emplacement des images au centre des cases du tableau */

.tailleimage 
{
align: center;
width: 118px;
height: 90px;
}

/* Couleurs de fond des cases remplies */

/* saumon avec bordure*/


#casecolor1 {
padding: 3px;
width: 130px;
height: 60px;
border: 2px solid gray;
background: #ffca99;
font-size: 70%;
}


/* vert avec bordure */


#casecolor2 {
padding: 3px;
width: 130px;
height: 60px;
border: 3px solid gray;
background: #ccffcc;
font-size: 70%;
}


/* xx avec bordure */



#casecolor3 {
padding: 3px;
width: 130px;
height: 60px;
border: 3px solid gray;
background: #99cccc;
font-size: 70%;
}



#casecolor4 {
padding: 3px;
width: 130px;
height: 60px;
border: 3px solid gray;
background: #55cc55;
font-size: 70%;
}



#caseextralarge {
padding: 3px;
width: 200px;
height: 60px;
border: 3px solid gray;
background: #99cccc;
font-size: 70%;
}

/* Format article */


.article {
margin: 15px;
padding: 5px;
border: 4px inset gray;
width: 620px;
}