body {
color:white;
background: url(images/background.gif);
background-color: #5aa486;
background-image:;
margin:0;
font-size: 10pt;
font-family: arial;
}
div.page {
position: absolute;
/*background-image: url("./images/background_container.gif");*/
background-image: url("./images/fond_page.gif");
background-repeat: repeat-y;
top: 0px;
left: 195px;
/*background-color: blue;*/
width: 820px;
border: 0px solid #000000;
padding: ;
height:auto;
z-index: -1;
}
div.separation {
margin-top: 30px;
margin-bottom: 30px;
height: auto;
width: 100%;
background-image: url("./images/separation.gif");
background-repeat: no-repeat;
background-position: center;
}
div.entete {
position: static;
top: 0px;
/*background-color:#ffffff;*/
width: 100%;
border: 0px solid #000000;
padding-left: 30px;
height:auto;
margin-top: 10px;
margin-bottom: 0px;
}
div.entete font{
color: white;
font-variant: small-caps;
font-weight: bolder;
}
font.T1 {
font-size:25pt;
}
font.T2 {
font-size:20pt;
}
font.T3 {
font-size:15pt;
}
font.T4 {
font-size:5pt;
}
div.entete span{
color: white;
font-variant: small-caps;
font-weight: bolder;
}
span.T1 {
font-size:25pt;
}
span.T2 {
font-size:20pt;
}
span.T3 {
font-size:15pt;
}
span.T4 {
font-size: 5pt;
}
p.titrechap {
text-align:center;
margin-bottom: 0cm; 
border-top: 3.00pt double #ffffff; 
border-bottom: 3.00pt double #ffffff; 
border-left: none; 
border-right: none; 
padding: 0.04cm 0cm;
}
div.corps {
position: static;
top: 0px;
/*left: 200px;*/
/*background-color:#ffffff;*/
width: 100%;
border: 0px solid #000000;
padding-bottom: 0px;
padding-left: 0px;
height:auto;
text-align: center;
}
div.photos img{
cursor: pointer;
}
div.carte {
/*position: static;*/
color: black;
position: relative;
top: -220px;
/*top: 100px;*/
/*left: 200px;*/
/*background-color:#ffffff;*/
/*width: auto;*/
padding-top: 50px;
height:auto;
/*margin-top: 20px;*/
/*margin-bottom: 10px;*/
text-align: center;
z-index: 1;
/*border: 2px solid blue;*/
}
div.carte font.carte {
	font-size: 7pt;
	color: black;
}
div.carte a {
	font-size: 7pt;
	text-decoration: none;
	color: black;
}
a.carte { 
color: black; 
text-decoration : none; 
}
a.carte:visited { 
color: black; 
}
div.fleur {
position: relative;
background-image: url("./images/coquelicot.gif");
background-repeat: no-repeat;
background-position: right bottom;
height: 220px;
width: 843px;
z-index: -1;
/*border: 2px solid red;*/

}
div.pied {
position: static;
height:220px;
width:auto;
/*border: 2px solid yellow;*/
}

div.colonne_menu {
position: absolue;
top: 0px;
left: 5px;
/*background-color: #ffffff;*/
/*border: 1px solid #000000;*/
/*padding: 1px;*/
width: 180px;
height:auto;
border: 0px solid #000000;
border-style: ;
z-index: 0
}
html>body .colonne_menu {
position: fixed;
}
div.logo {
float: left;
margin-top: 5px;
background-image: url("./images/logocoq.gif");
background-repeat: no-repeat;
background-position: left bottom;
/*background-color: #ffffff;*/
height: 125px;
width: 220px;
/*border: 4px #000000;
border-style: double;*/
}
div.menu {
position: static;
top: 0px;
/*background-color: #000000;*/
padding: 0px;
width: 178px;
height:auto;
text-align: left;
margin-top: 0px;
margin-bottom: 10px;
/*border: 4px #000000;
border-style: double;*/
}
div.info {
position: static;
/*top: 100px;*/
background-image: url("http://public.serv.chez-alice.fr/bin/Count.cgi?uid=sabastien.lebon@aliceadsl.fr&cid=1&istrip=T&dd=reflet&md=5&domain=chez-alice.fr&ft=0");
background-repeat: no-repeat;
background-position: top center;
/*background-color: #ffffff;*/
height: auto;
width: 178px;
/*border: 1px solid #000000;*/
padding-top: 25px;
text-align: center;
margin-top: 20px;
}
img.conf_angle{
background-color: #5aa486;
margin: 0;
width: 50px;
height:50px;
} 
img.conf_angle_menu{
background-color: #5aa486;
margin: 0;
width: 15px;
height:15px;
} 

div.angle_droit {
float: right;
margin: 0;
}
div.angle_gauche {
float: left;
margin: 0;
}
a.titre  { 
color: black; 
font-family: arial, helvetica; 
font-size: 8pt; 
font-weight: bold; 
font-variant: small-caps; 
text-decoration : none; 
}
a { 
color: white; 
text-decoration : none; 
}
a:visited { 
color: white; 
}
a:hover { 
color: red; 
}
a:active{ 
color: white; 
}
a:link{ 
/*color: white;*/ 
}
div.recherche_google {
float:right;
top: 10px;
/*background-color: #ffffff;*/
background-position: center;
border: 0px solid #000000;
padding-right: 40px;
width: auto;
height: auto;
}
ul {
        list-style: none;
        margin: 0;
        padding: 0;
		z-index: 1;
		border: 2px solid #572122;
        }

img {
    border: none;
}

#menu8 {
        width: 180px;
        margin-top: 5px;
        border-style: solid;
        border-color: #572122;
        border-size: 0px;
        border-width: 0px;
        }
#menu8 li a {
		font-family: arial, helvetica; 
		font-size: 8pt; 
		font-weight: bold; 
		font-variant: small-caps; 
        height: 21px;
          voice-family: "\"}\"";
          voice-family: inherit;
        text-decoration: none;
        }
#menu8 li a:link, #menu8 li a:visited {
        color: black;/*#666666;/*#656556*/
        display: block;
        background:  url(./images/menu81.gif);
        padding: 3px 0 0 20px;
        }
#menu8 li a:hover, #menu8 li #current {
        color: #474739;
        background:  url(./images/menu81.gif) 0 -25px;
        padding: 3px 0 0 20px;
        }
#menu8 ul ul {
	  display: none; 
	  position: absolute; 
	  left: 176px; 
	  top: -1px; 
	  margin:0px; 
	  padding: 0px; 
	  border: 2px solid #572122;
	  border-color: grey;
	  z-index: 5;
	  }
#menu8 li {
	  position: relative; 
  	  z-index: 3;
	  }
#menu8 li li {
	  width: 120px; 
	  z-index: 5;
	  }
#menu8 li:hover ul.niveau2, li li:hover ul.niveau3 {
	  display: block;
	  }
#pedigree {
	height: 250px;
	width: 95%;
	color:white;
	}
#pedigree table{
	width: 100%;
	}
#pedigree td {
	height: 25px;
	width: 34%;
	}
#pedigree td.male {
	background-color: #AE6355;
	text-align: center;
	border: 1 solid #2B5829;
	}
#pedigree td.femelle {
	background-color: #C48D8A;
	text-align: center;
	border: 1 solid #2B5829;
	}
#pedigree td#photo:hover {
	color: black;
	background-color: lightblue;
	cursor: pointer;
	}	
#livre {
	width: 95%;
	color:white;
	}
#livre table.bouton {
	color: white;
	background-color: #AE6355;
	text-align: center;
	width: 40%;
	border: 1 solid #2B5829;
	}
#livre td#action:hover {
	color: black;
	background-color: lightblue;
	cursor: pointer;
	}	
#livre table.formulaire {
	color: white;
	background-color: #C48D8A;
	text-align: center;
	border: 1 solid #2B5829;
	}
#livre table.message{
	color: white;
	border: thin solid #000000; 
	width: 100%;
	}
#livre td.qui {
	background-color: #AE6355;
	text-align: left;
	border: 1 solid #2B5829;
	}
#livre td.quoi {
	background-color: #C48D8A;
	text-align: left;
	border: 1 solid #2B5829;
	}