/* Définitions générales */
body {
        background-color: #c0c0c0;
        color: #fff;
        font-family: Verdana,Geneva,Arial,Helvetica,"Trebuchet MS",sans-serif;
        font-size: 1em;
        margin: 0px;
        padding-top: 20px;
}

a:link    {text-decoration: none; color: #0000ff;}           /* blue */
a:visited {text-decoration: none; color: #008000;}           /* green */
a:hover   {text-decoration: underline; color: #ff0000;}      /* red */

.tabtitre {text-align: center; width: 1000px; margin: 0 auto; padding: 2px 0;}

.logo {width: 200px; height: 80px; background-image: url('images/zonelogo.jpg'); background-repeat: no-repeat;
background-position: center 50%; background-size: 100%; border: 4px outset #c0c0c0;}

.titre {width: auto; font-family: arial, helvetica, sans-serif; font-size: 20px; color: navy; font-weight: bold; 
		padding: 5px; background-color: #99ffff; border: 4px outset #c0c0c0;}
		
.titrepage {color: navy; font-size: 1.4em; font-weight: bold; text-decoration: underline;}


#logogenea {width: auto; vertical-align: top; padding: 20px 10px 0 10px; background-image: url('images/bandeauMince.jpg'); 
background-repeat: no-repeat; background-position: center 50%; background-size: 50%;}

.tdgenea {width: auto; vertical-align: top; padding: 20px 10px 0 10px; text-align: left;}
		
.titregenealogie {color: #1E90FF; font-size: 1.4em; font-weight: bold; text-align: center;}
	
/* Définitions des éléments dans l'ordre du code HTML */
#conteneur{
		width: 1000px;
		margin: 0px auto 0px auto;
		padding: 0;
		color: #000;
		background-color: #fff;
		border: 1px solid #000;
}

#contenu {
        color : #000;
        padding-top : 0px;
        padding-left: 30px;
        padding-right: 30px;
        background-color: transparent;
}

/*********************************/
/* Menu horizontal (items flottants) https://www.alsacreations.com/tuto/lire/574-Creer-des-menus-simples-en-CSS.html#rendufloat */
/*********************************/
		#Hnav {
			list-style: none ;
			margin: 0 ;
			padding: 0 ;
			overflow: hidden ;	/* Création du contexte de formatage */
			}
		#Hnav li {
			float: left ;
			width: 160px ;
			border: 1px solid #fff ;
			margin-right: 1px ;
			color: #fff ;
			background: #c00 ;
			}
		#Hnav li a {
			display: block ;
			background: navy ;
			color: #fff ;
			font: 1.1em "Trebuchet MS",Arial,sans-serif ;
			/* line-height: 1em ; */
			padding: 6px 0 ;
			text-align: center ;
			text-decoration: none ;
			}
		#Hnav li a:visited {
			background: #a9a9a9;
			}
		#Hnav li a:hover, #Hnav li a:focus {
			background: #808080;
			color: #ffff00;
			text-decoration: underline;
			}
		#Hnav li a:active {
			background: #a9a9a9;
			color: red;
			}


/***************/
/* Menu vertical http://www.alsacreations.com/tuto/lire/574-Creer-des-menus-simples-en-CSS.html */
/***************/
	#tdmenuV {width: 210px; vertical-align: top; text-align: left; padding: 20px 0 0 0; border: 0px solid black;}

	#Vnav {
		width: 200px ;
		list-style: none ;
		margin: 0 ;
		padding: 0px ;
		}
	#Vnav li {
		background: cyan ;
		color: #fff ;
		border: 3px outset #a9a9a9 ;
		margin-bottom: 4px ;
		}
	#Vnav li a {
		display: block ;
		background: #6495ED ;
		color: #fff ;
		font: 1em "Trebuchet MS",Arial,sans-serif ;
		/* line-height: 1.2em ; */
		padding: 4px 0 ;
		text-align: center ;
		text-decoration: none ;
		}
	#Vnav li a:visited {
		background: #a9a9a9;
		}
	#Vnav li a:hover, #Vnav li a:focus {
		background: blue;
		color: #ffff00;
		text-decoration: underline;
		}
	#Vnav li a:active {
		background: #a9a9a9;
		color: red;
		border: 3px inset #a9a9a9;
		}


.txt1, txt2, txt3, txt4 { font-family: arial, sans-serif ; }
.txt1 { font-size: 10px; }
.txt2 { font-size: 12px; }
.txt3 { font-size: 14px; }
.txt4 { font-size: 16px; }


/* début css album photos */

.titretexte {
  background-color: #6495ED; 
  color: #fff; 
  font-size: 12pt; 
  font-weight: bold; 
  padding: 2px 0px 2px 12px;
  border: 1px solid #6495ED; 
}  

.tabletexte {
  width: 100%; 
  border: 1px solid #6495ED;
  border-collapse: collapse;
}

.soustitretexte {
  text-align: center; 
  background-color: #FFE4C4; 
  color: #000; 
  font-size: 10pt; 
  font-weight: bold; 
  padding: 2px 0px;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: #6495ED;
}

#galerie {
  padding: 20px; 
  text-align: center; 
  background-color: aliceblue;
  border: 1px solid #6495ED;
}

#galerie .rangee {
  border-collapse: collapse;
  text-align: center; 
  width: 100%; 
  padding: 10px;
}

#galerie .photos {
  width: 152px;
  border: 1px solid #6495ED;
  vertical-align: middle;
  background-color: #fff;
  padding: 5px;
}

#galerie .photosvide {
  width: 152px;
  border: 1px solid aliceblue;
  vertical-align: middle;
  background-color: aliceblue;
  padding: 5px;
}

#galerie .textphot {
  border-width: 0px 1px 1px 1px; 
  border-color: #6495ED; 
  border-style: solid;
  vertical-align: top;
  background-color: #fff;
  height: 30px;
  padding: 5px 10px;
  font-size: 8pt;
  color: #000;
}

#galerie .textphotvide {
  border-width: 0px 1px 1px 1px; 
  border-color: aliceblue; 
  border-style: solid;
  vertical-align: top;
  background-color: aliceblue;
  height: 30px;
  padding: 5px 10px;
  font-size: 8pt;
  color: #000;
}

#galerie .marge {width: auto;} /*côté des cellules photos */

#galerie .photosH {	/* photos horizontales */
	width: 140px; 
	height: auto; 
	padding: 0px; 
}

#galerie .photosV {	/* photos verticales */
width: auto; 
height: 140px; 
padding: 0px; 
}

/* fin css album photos */


/* tableaux des arbres */
.tabarbre {
	width: 100%;
	border-collapse: collapse;
	border: 0px solid #000; 
	font-size: 0.74em;
}

.colonne1 {
	width: 410px;
	border: 1px solid #000; 
	text-align: left; 
	padding: 4px 10px;
}	

.colonne2 {
	width: 170px; 
	border: 1px solid #000; 
	text-align: left; 
	padding: 4px 10px;
}	

.colonne3 {
	width: auto; 
	border: 1px solid #000; 
	text-align: left; 
	padding: 4px 6px;
}	

.colonnevide {
	width: auto; 
	border: 0px solid #000; 
	text-align: left; 
	padding: 8px 6px;
}	
/* fin tableaux des arbres */


#pied { color: #808080; text-align: center; font-size: 8pt; clear: both; padding: 5px 0; margin: 0;}
#pied hr { width: 100%; color: #808080; border: 1px solid #808080; text-align: center;}
#pied a { color: #808080; background: #fff; text-decoration: none;}
#pied a:hover { background: #fff; text-decoration: underline; color: #000;}