a img {
border:none; /* supprime cadre autour du lien sur iexpl */
}
body {
	margin-top: 0px;	
	background-position: 50% 0%;
	background-color: #1F1F1F;
	/*padding-top: 0px;	background-position: 50% 0%;
	
	/*background-repeat: no-repeat;*/
}
#cadre1 {	
	align-items: center;
	font-family: Verdana, Arial, sans-serif;
	color: #3E24EE;
	height: 695px;
	width: 1000px;
	position: relative;
	/*background-image: url("../../commun/fonds/fond-ind3.jpg");
	background-repeat: no-repeat;*/
	margin-right: auto;
	margin-left: auto;
	text-align: left;
/*border: 1px solid #FFF;*/
}
a:link {
	color: #FFFFFF;
	/*color:#7B5106;*/
	text-decoration: underline;
}
a:visited 	{
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
a:hover {
	color: #63E7EF;
	text-decoration: underline;
}
a:focus {
outline:0;
}
#logo {
    position: absolute;
    left: 40px;
    top: 13px;
	z-index: 10;
}
#menu {
    position: absolute;
    font-size: 10px;
    top: 42px;
    z-index: 99;
    text-align: left;
    left: 42px;
}
#cree {    
    position: absolute;    
    top: 80px;
    left: 229px;
    z-index: 10;
	font-size: 24px;
    text-align: left;
	color: #F108C9;
}
#txt1 {
    text-align: left;
    white-space: normal;
    position: absolute;
    z-index: 0;
    top: 33px;
    left: 193px;
    font-size: 12px;
    color: #FFFFFF;
}
#txt2 {
	text-align: left;
	white-space: normal;
	position: absolute;
	z-index: 10;
	top: 80px;
	left: 250px;
	font-size: 12px;
	color: #FFFFFF;
}
#next {
    position: absolute;
    z-index: 10;
	left: 706px;
    top: 80px;
}
#pre {
    position: absolute;
    z-index: 10;
    left: 401px;
    top: 74px;
}
#lign1 {
    position: absolute;
    z-index: 0;
	left: 70px;
    top: 230px;
}
#lign2 {
    position: absolute;
    z-index: 0;
	left: 190px;
    top: 345px;
}
#lign3 {
    position: absolute;
    z-index: 0;
	left: 324px;
    top: 230px;
}
#lign4 {
    position: absolute;
    z-index: 0;
	left: 450px;
    top: 345px;
}
#lign5 {
    position: absolute;
    z-index: 0;
	left: 560px;
    top: 230px;
}
#lign7 {
    position: absolute;
    z-index: 0;
	left: 780px;
    top: 230px;
}
#lign8 {
    position: absolute;
    z-index: 0;
	left: 890px;
    top: 345px;
}
#edit {
    font-family: Bradley Hand, cursive, Constantia, "Lucida Bright", "DejaVu Serif", "serif";
    font-size: 12px;
    text-align: center;
    color: #F7F6FE;
    position: absolute;
    height: 250px;
    width: 84px;
    left: 651px;
    z-index: auto;
    top: 365px;
}
/*-------------------------------------------GRAND-PARENTS*/
#georlin {
    position: absolute;
    z-index: 10;
    right: 250px;
    top: 20px;
}
#valerie {
    position: absolute;
    z-index: 10;
    left: 17px;
    top: 80px;
}
#gn {
    position: absolute;
    z-index: 10;
    left: 122px;
    top: 80px;
}
/*-------------------------------------------PARENTS*/
#marg {
    position: absolute;
    z-index: 10;
    left: 30px;
    top: 165px;
}
#lil {
    position: absolute;
    z-index: 10;
    left: 150px;
    top: 280px;
}
#del {
    position: absolute;
    z-index: 10;
    left: 285px;
    top: 165px;
}
#geor {
    position: absolute;
    z-index: 10;
    left: 410px;
    top: 280px;
}
#yvo {
    position: absolute;
    z-index: 10;
    left: 520px;
    top: 165px;
}
#loy {
    position: absolute;
    z-index: 10;
    left: 630px;
    top: 280px;
}
#mari {
    position: absolute;
    z-index: 10;
    left: 740px;
    top: 165px;
}
#nin {
    position: absolute;
    z-index: 10;
    left: 850px;
    top: 280px;
}
/*-------------------------------------------COUSINS*/
#cha {
    position: absolute;
    z-index: 1;
    left: 55px;
    top: 380px;
}
#jea {
    position: absolute;
    z-index: 1;
    left: 55px;
    top: 480px;
}
#jac {
    position: absolute;
    z-index: 1;
    left: 175px;
    top: 380px;
}
#jan {
    position: absolute;
    z-index: 1;
    left: 175px;
    top: 480px;
}
#jos {
    position: absolute;
    z-index: 1;
    left: 306px;
    top: 380px;
}
#pa1 {
    position: absolute;
    z-index: 1;
    left: 435px;
    top: 380px;
}
#mal {
    position: absolute;
    z-index: 1;
    left: 435px;
    top: 480px;
}
#mic {
    position: absolute;
    z-index: 1;
    left: 545px;
    top: 380px;
}
#eli {
    position: absolute;
    z-index: 1;
    left: 545px;
    top: 480px;
}
#dan {
    position: absolute;
    z-index: 1;
    left: 765px;
    top: 380px;
}
#ann{
    position: absolute;
    z-index: 1;
    left: 765px;
    top: 490px;
}
#fra {
    position: absolute;
    z-index: 1;
    left: 875px;
    top: 380px;
}
#phi {
    position: absolute;
    z-index: 1;
    left: 875px;
    top: 480px;
}
/*-------------------------------------------FAMILLES*/
#gln3 {
    position: absolute;
    z-index: 1;
    right: 111px;
    top: 40px;
}
#cap {
    position: absolute;
    z-index: 1;
    left: 41px;
    top: 590px;
}

#san {
    position: absolute;
    z-index: 1;
    left: 165px;
    top: 590px;
}
#rit {
    position: absolute;
    z-index: 1;
    left: 296px;
    top: 590px;
}

#nic {
    position: absolute;
    z-index: 1;
    left: 423px;
    top: 590px;
}
#nas {
    position: absolute;
    z-index: 1;
    left: 645px;
    top: 590px;
}
#pal {
    position: absolute;
    z-index: 1;
    left: 433px;
    top: 381px;
}
#bor {
    position: absolute;
    z-index: 1;
    left: 533px;
    top: 590px;
}

#gui {
    position: absolute;
    z-index: 1;
    left: 755px;
    top: 590px;
}

#ris {
    position: absolute;
    z-index: 1;
    left: 864px;
    top: 590px;
}
/*-------------------------sélecteurs .class ci-dessous */
.zoom {
width: 380px;
height: 112px;
}
.image {
width: 100%;
height: 100%; 
}
.image img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.image:hover img {
/* L'image est doublée */
-webkit-transform:scale(2); /* Safari et Chrome */
-moz-transform:scale(2; /* Firefox */
-ms-transform:scale(2; /* Internet Explorer 9 */
-o-transform:scale(2; /* Opera */
transform:scale(2;
}
.vertical-line{
border-left: 1px solid #000;
display: inline-block;
height: 330px;
margin: 0 20px;
}