@charset "windows-1252";

* {margin: 0; padding: 0;}

body {
margin: 0;
padding: 0;	
color: #036; 
background: #ffe;
font: 8pt verdana, arial, sans-serif; 
} 

.main {
font-size: 120%; 
} 

.small {
font-size: 90%;
} 

.poeme1 {
margin: 1em 2em 0 1em;
}

.poeme2 {
margin: 0.5em 2em 0 1em;
}	

/*h1 { 
color: red;
margin: 0 auto;
} */

h2 {
font-size: 160%;
margin: 1.5em 0 0 0;
}	

p {margin: 1em 0 0 0; }					  

/* menu attention fragile ! */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /*relative;	 */
top: 45px;	
left: 0em;
z-index:100;
width: 100%; /* précision pour Opera */		
}
#menu dl {
float: left;
width: 13em;  
color: #d90; 
margin: 0 1px;	
} 
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #036;
border: 1px solid #036;	 
}
#menu dd {	
display: none;
border: 1px solid #036; 
margin: 1px 0 0 0;
}
#menu li {
text-align: center;	 
font-style: italic;
background: #036; 
border: 0 none;
}  	  
#menu dt a {
color: #d90;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
z-index: 999;
}
#menu ul { 
background-color: #ffc;  
}
#menu ul li ul  {
margin: 0 0 0 11em; 
position: absolute;
background-color: green; /*#ffc;  */
}
#menu li a {
color: #036; 
text-decoration: none; 
display: block; 
height: 100%; 
border: 0 none; 
padding: 0.3em 0;  
background: #ffc;  
z-index: 999;
}				  
#menu dt a:hover {
color: #fd3; 
}	
#menu li a:hover {
background: #fd3;  
}	

#menu li.sousmenu {
line-height: 1.6em; 
font-weight: bold;
}
#menu li.sousmenu a {
background: #036; 
color: #d90;			   
text-decoration: none; 
}
#menu li.sousmenu a:hover {
background: #036; 
color: #d90;			   
text-decoration: none; 
}


#menu li .sousmenu a:hover {
background: #fd3;  
}	

/* juste pour les tests du menu : tstmenu.html */
#site {
position: absolute;
z-index: 1;
top : 90px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}
  
.compteur {
width: 40px;
height: 14px;   
padding: 0;
}

/* en-tête des pages du site (avec le menu) */
#entete {
height: 62px; 
background: url(fondentete62.gif) top left repeat-x;
}
#ukflag {
position: absolute;
left : 0; 	
top: 0;
margin: 0.8em;
}
#ybphoto {
position: absolute;
right : 0; 
margin: 0;
}		  
#salut {
position: absolute;
top : 1.5em;
left: 7em;
font-weight: bold;
font-style: italic;
/*font-size: 110%;  */
color : #036;	
margin: 0;
padding: 0;
} 

/* conteneur des pages du site */
#page {		
z-index: 1;
padding: 1em 2% 1em 8%;		
border: 0px solid blue;
} 

#chemin {
color : #c60;
font-size: 90%;
position: relative;
top: -1.5em; /*-0.7em;*/
}

#baspage {
}

#baspage p {
background: #fd9;	  
text-align: center;	
font-style: italic;
font-weight: bold;
font-size: 90%;
line-height:1.5em;
}					  
 
.pub {
width: 100%; 
border: 1px solid #036; 
margin: 0; 
padding: 0.5em 0 0.5em 0;
background: #eed;  
}

p.pubnouveau {
float: left;
width: 8em;		   
padding: 0.3em 0.6em 0 1em;	 
text-align: center;	  
}				   

p.pubtxt {
padding: 0.3em 0.6em 0 1em;	 
text-align: center;	  
}	

.pub img {
border: 0;
}				   

.versionmain {
font-size: 120%;
font-weight: bold;
color: red;
}	

.versiondet {
font-size: 80%;
}	

.versionmain a:link {
text-decoration: none;
}	
.versionmain a:hover {
text-decoration: none;
color: blue;
}	

.versiondet a:link {
text-decoration: none;
}	

.txt {
margin: 0 0 0 0;
}

.txt p {
margin: 0.5em 0 0 0;
}

.txt img {
float: right; 
margin: 0 0 0 2em; 
}	

.separation {
clear: both;
visibility: hidden;	  
height : 1px;
}	

.favori {
text-align: center;
font-size: 90%;
margin: 0.5em 0 0.5em 0;
}
   	 
#fam p {
margin: 1em 0 0 0;
}   
   
#fam .titre1 {
margin: 0.6em 0 0 0;
font-size: 140%;
font-weight: bold;	
font-style: italic;
}				  

#fam .titre {
margin: 1.6em 0 0 0;
font-size: 140%;
font-weight: bold;	   
font-style: italic;
}				  

#fam .lignee {
font-size: 120%;
font-weight: bold;	   
font-style: italic;
}				  

.lettrine {
float: left;
font-weight: bold;
font-size: 210%;
margin: -0.1em 2px;
padding: 0px;
}  

#fam .note {
font-size: 90%;
}  

#fam img.portrait {
border: 8px ridge #f60; 
}	

#fam li {
margin: 0.3em 0 0 2em;
}  

#fam hr {
width: 40%; 
margin: 3em auto 2em auto;
}

.bullet {
margin: 0 0.8em 0 0;
}	

#arbre  {
text-align: center;
}

p.nota {
margin: 1em 0;
}

#arbre table {
font-size: 100%; 
font-weight: bold; 
margin: 1em 0 2em 0;
}

#arbre tr {
text-align: center;
}

#arbre td {
padding: 0.2em;	 
vertical-align: top;
}

.arb {
margin: 0.5em 0 0 0;
border: 4px ridge #f60; 
}
   
#livredor  {
text-align: center;
}

.tableor {
border: 2px solid #036;
width: 100%;
border-collapse: collapse;
}

.tableor td {
border: 1px solid #06c;	 
}		 

.urlor {
font-size: 90%;
}

#famille  {
text-align: center;
}

#genealogie  {
}
#genealogie p {
margin: 1em 0 0 0;
}   

#genealogie ul {

margin: 1em 0 0 0;
}

#genealogie li {
list-style: disc; 
margin-left: 40px; 
display: list-item; 
/*list-style-image: url(bullet.gif);*/
}

#quisontils p {
margin: 1em 0 0 0;
} 

#quisontils p #first {
margin: 0 0 0 0;
} 

#quisontils #parag1 {
margin: 0.5em 0 0 0; 
padding: 0; 
overflow: auto;	 
}

#quisontils #parag1 #phot {
float: right;
} 

#quisontils #parag1 #phot img {
margin: 0 0 0 1.5em;
}

#quisontils #parag1 #sparag1 {
margin: 0;
padding: 0;
}

#quisontils #parag1 #sparag1 #sparag2 {
margin: 0; 
padding: 0; 
}

#quisontils #parag1 #sparag1 #sparag3 {
float: left; 
padding: 0 2.5em 2em 0; 
margin: 0;
} 

#quisontils #parag1 #sparag1 #sparag3 p {
text-align: center;
}

#quisontils #parag2 {
margin: 1em 0 0 0; 
padding: 0; 
overflow: auto;	 
}

#quisontils .lettrine {
float: left;
font-weight: bold;
font-size: 160%;
margin: -0.1em 1px 0 0;
padding: 0px;
}  

#quisontils li {
margin: 0.2em 0 0 0; 
list-style: disc inside
}

#quisontils .borderimage {
border:4px ridge #f80;
}
			
#quisontils .exemple {  
float: right; 
}

.module_version {
color: red;
font-weight: bold;
font-size: 120%;
border: 0;
}

#marquee {
color: #c60;
font-size: 120%;
}
 
#quisontils .exemple td {  
text-align: center;
font-size: 90%;
color: #c60; 
} 			

#quisontils h2 {
margin: 1em 0 0 0;
}  

#quisontils .liens {
text-align: center; 
padding: 0.2em 0 0.4em 0; 
border: 1px solid #036;	
width: 100%;   
/*background: yellow;	*/
margin: 0.5em 0 0 0;
}
		  
#creationweb .liens {
text-align: center; 
padding: 0.2em 0 0.4em 0; 
border: 1px solid #036;	
width: 100%;   
/*background: yellow;	*/
margin: 0.5em 0 0 0;
}
		  
#historiqueversionsquisontils p { 
margin: 1.5em 0 0 0; 
font-weight: bold;
}

#historiqueversionsquisontils ul { 
margin: 0.4em 0 0 0;
}

#historiqueversionsquisontils ul ul { 
margin: 0.8em 0 1em 1.5em;
}

#historiqueversionsquisontils li {
margin: 0.3em 0 0 0; 
list-style:	disc inside;
font-weight: normal;
}							  

#quitelecharge #telech {
width: 100%; 
border-collapse: collapse; 
border: 1px solid #036;	
margin: 0.5em 0 0 0;
}

#quitelecharge #versions {
width: 100%; 
border-collapse: collapse; 
border: 1px solid #036;
}

.version {
border: 1px solid #036;
padding: 0.4em 1em;	
text-align: center;
}
 
#creationweb {
}

#creationweb p {
margin: 1em 0 0 0;
}

#creationweb li {
margin: 0.3em 0 0 2em; 
list-style:	disc inside;
font-weight: normal;
}	

.licence {
color: maroon;
}				

.prix {
color: maroon;
font-size: 130%;
font-weight: bold;
}		 

#creationweb_historique  li {
margin: 0.3em 0 0 2em; 
list-style:	disc inside;
font-weight: normal;
}	
  
#famille_aujourdhui p {
margin: 1.5em 0 0 0;
} 
  
#famille_aujourdhui ul {
margin: 0em 0 0 0;
} 
  
#famille_aujourdhui li {
margin: 0.3em 0 0 2em;
list-style: disc outside;
padding: 0;
} 
  
#association {
margin: 1em 0;
}

#association p {
margin: 1em 0 0 0;
}

#association img {
margin: 1em auto 0 auto;
border: 0;
}				  

#association li {
margin: 0.3em 0 0 0;
list-style: disc inside;
}