@charset "utf-8";
/* CSS Document */

body {
	background-image:url(images/stripes.png);
	
}


#centre {
    position: relative;
	width: 960px; 
	height: 1600px;
	background-color: white;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

#gauche {
    position: absolute;
	width: 190px; 
	height: 610px;
	background-color: white;
	top: 0px;
	left: 0px;	
	z-index: 14;
}

#logo a{
    position: absolute;
	width: 176px; 
	height: 177px;
	background-image: url(images/logo_fin.jpg);
	top: 0px;
	left: 0px;	
	z-index: 14;
}

#logo a:hover{
    position: absolute;
	width: 176px; 
	height: 177px;
	background-image: url(images/logo_finh.jpg);
	top: 0px;
	left: 0px;	
	z-index: 14;
}

#about a{
	position:absolute;
    color: #666666;
	width: 130px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:inherit;
	z-index: 14;
	top: 198px;
	left: 20px;
}

#about a:hover{
	text-decoration: underline;
	color:#333333;
	}

ul {
list-style-type: none;

}

#tags2 {
	position: absolute;
	width: 170px;
	top: 240px;
	left: -20px;
	z-index: 14;
	line-height: 25px;
	display: inline;
}

#tags2a {
    color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:inherit;
}



#tags2b a{
    color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:inherit;
}

#tags2b a:hover{
	color:#333333;
	text-decoration:underline;
}

#tags2c a{
    color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:inherit;
}

#tags2c a:hover{
	color:#333333;
	text-decoration:underline;
}

#tags2d a{
    color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:inherit;
}

#tags2d a:hover{
	color:#333333;
	text-decoration:underline;
}

#tags2e a{
    color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:inherit;
}

#tags2e a:hover{
	color:#333333;
	text-decoration:underline;
}

#tags2f a{
    color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:inherit;
}

#tags2f a:hover{
	color:#333333;
	text-decoration:underline;
}

#tags2g a{
    color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style:inherit;
}

#tags2g a:hover{
	color:#333333;
	text-decoration:underline;
}

#tags2h a{
    color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:inherit;
}

#tags2h a:hover{
	color:#333333;
	text-decoration:underline;
}

#tags2i a{
    color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style:inherit;
}

#tags2i a:hover{
	color:#333333;
	text-decoration:underline;
}

#noms {
    position: absolute;
	width: 170px; 
	height: 480px;
	background-color: white;
	font-family:Arial, Helvetica, sans-serif;
	top: 30px;
	left: 10px;	
	z-index: 14;
}

#liste_noms {
    position: absolute;
	width: 130px; 
	height: 470px;
	background-color: white;
	top: 0px;
	left: 15px;	
	z-index: 16;
}

a:link { 
	font-size: 12px;
	font-weight:lighter;
	text-decoration: none; 
	color: #666666;
	}
	
a:visited { 
	font-weight: lighter; 
	text-decoration: none;
	font-size: 12px;
	color: #666666;
	}
	
a:hover, a:active { 
	text-decoration: underline; 
	color: #333333;
	}

#fleche1 {
    position: absolute;
	width: 34px; 
	height: 38px;
	background-image: url(images/fleche_up.png);
	top: 0px;
	left: 60px;	
	z-index: 14;
}


#fleche2 a{
    position: absolute;
	width: 34px; 
	height: 38px;
	background-image: url(images/fleche_down.png);
	top: 360px;
	left: 60px;	
	z-index: 14;
}

#fleche2 a:hover{
    position: absolute;
	width: 34px; 
	height: 38px;
	background-image: url(images/fleche_downh.png);
	top: 360px;
	left: 60px;	
	z-index: 14;
}

#ligne0 {
    position: absolute;
	width: 1px; 
	height: 434px;
	background-color:#CCCCCC;
	top: 200px;
	left: 5px;	
	z-index: 14;
}

#ligne {
    position: absolute;
	width: 1px; 
	height: 434px;
	background-color:#CCCCCC;
	top: 200px;
	left: 175px;	
	z-index: 14;
}

#milieu {
    position: absolute;
	width: 555px; 
	height: 610px;
	background-color: white;
	top: 5px;
	left: 200px;	
	z-index: 14;
}

#player {
    position: absolute;
	width: 489px; 
	height: 392px;
	background-image: url(images/playerex.jpg);
	top: 5px;
	left: 30px;	
	z-index: 14;
}


#player2 {
    position: absolute;
	width: 425px; 
	height: 435px;
	top: 25px;
	left: 60px;	
	z-index: 14;
}

#flash1 {
	position: absolute;
	width: 450px;
	height: 330px;
	z-index: 13;
	top: 2px;
	left: 5px;
}

#box {
    position: absolute;
	width: 80px; 
	height: 80px;
	background-color: black;
	top: 340px;
	left: 50px;	
	z-index: 14;
}

#encart {
    position: absolute;
	width: 527px; 
	height: 180px;
	background-color: white;
	top: 2px;
	left: 5px;	
	z-index: 14;
}

#encart_titrea {
    position: absolute;
	width: 69px; 
	height: 30px;
	background-image: url(images/stripe_blue2.png);
	top: 0px;
	left: 0px;	
	z-index: 14;
}

#encart_titreb_julie {
    position: absolute;
	width: 100px; 
	height: 0px;
	background-color:#FF33CC;
	top: 00px;
	left: 69px;	
	z-index: 15;
}

#encart_titreb_cliquet {
    position: absolute;
	width: 100px; 
	height: 30px;
	background-color:#0099FF;
	top: 00px;
	left: 69px;	
	z-index: 15;
}

#encart_titre_texte {
    position: absolute;
	width: 150px;
	color: white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:lighter;
	font-style:inherit;
	top: 11px;
	left: 5px;	
	z-index: 14;
}

#original a{
    position: absolute;
	width: 150px;
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	font-style:inherit;
	top: 640px;
	left: 0px;	
	z-index: 14;
}

#original a:hover{
	text-decoration: underline;
	color: #333333;

}

#encart_titrec {
    position: absolute;
	width: 358px; 
	height: 30px;
	background-image: url(images/stripe_blue2.png);
	top: 0px;
	left: 169px;	
	z-index: 14;
}


#encart_texte {
    position: absolute;
	width: 527px; 
	height: 150px;
	font-weight:lighter;
	color: #333333;
	text-indent: 15px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 2;
	top: 34px;
	left: 0px;	
	z-index: 14;
}

#interview{
    position: absolute;
	width: 527px;
	top: 175px;
	left: 0px;
	z-index: 15;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	z-index:16;
	text-align:justify;
	line-height: 1,5;
}

#photo1 {
    position: absolute;
	width: 527px; 
	height: 120px;
	background-image: url(images/electric.jpg);
	top: 507px;
	left: 0px;	
	z-index: 14;
}

#photo2 {
    position: absolute;
	width: 527px; 
	height: 120px;
	background-image: url(images/electric2.jpg);
	top: 507px;
	left: 0px;	
	z-index: 14;
}

#photo3 {
    position: absolute;
	width: 527px; 
	height: 120px;
	background-image: url(images/electric3.jpg);
	top: 507px;
	left: 0px;	
	z-index: 14;
}

#photo4 {
    position: absolute;
	width: 527px; 
	height: 120px;
	background-image: url(images/electric4.jpg);
	top: 507px;
	left: 0px;	
	z-index: 14;
}

#photo5 {
    position: absolute;
	width: 527px; 
	height: 120px;
	background-image: url(images/electric5.jpg);
	top: 507px;
	left: 0px;	
	z-index: 14;
}

#photo6 {
    position: absolute;
	width: 527px; 
	height: 120px;
	background-image: url(images/electric6.jpg);
	top: 507px;
	left: 0px;	
	z-index: 14;
}

#photo7 {
    position: absolute;
	width: 527px; 
	height: 120px;
	background-image: url(images/scanner7.jpg);
	top: 507px;
	left: 0px;	
	z-index: 14;
}


#photo8 {
    position: absolute;
	width: 527px; 
	height: 120px;
	background-image: url(images/scanner8.jpg);
	top: 507px;
	left: 0px;	
	z-index: 14;
}


#suivante a{
    position: absolute;
	color: #666666;
	width: 200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:inherit;
	top: 488px;
	left: 417px;	
	z-index: 17;
}

#suivante a:hover{
	color: #333333;
}

#précédente a{
    position: absolute;
	color: #666666;
	width: 200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:inherit;
	top: 488px;
	left: 0px;	
	z-index: 17;
}

#précédente a:hover{
	color: #333333;
}



#page1 a{
    position: absolute;
	color: #666666;
	width: 200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:inherit;
	top: 640px;
	left: 415px;	
	z-index: 17;
}

#page1 a:hover{
	color: #333333;
}

#page2 a{
    position: absolute;
	color: #666666;
	width: 200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:inherit;
	top: 640px;
	left: 435px;	
	z-index: 17;
}

#page2 a:hover{
	color: #333333;
}

#page3 a{
    position: absolute;
	color: #666666;
	width: 200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:inherit;
	top: 640px;
	left: 455px;	
	z-index: 17;
}

#page3 a:hover{
	color: #333333;
}

#page4 a{
    position: absolute;
	color: #666666;
	width: 200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:inherit;
	top: 640px;
	left: 475px;	
	z-index: 17;
}

#page4 a:hover{
	color: #333333;
}


#page5 a{
    position: absolute;
	color: #666666;
	width: 200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:inherit;
	top: 640px;
	left: 495px;	
	z-index: 17;
}

#page5 a:hover{
	color: #333333;
}


#page6 a{
    position: absolute;
	color: #666666;
	width: 200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:inherit;
	top: 640px;
	left: 515px;	
	z-index: 17;
}

#page6 a:hover{
	color: #333333;
}

.liens {
	color: #CCCCCC;
}

.gris {
	color:#0066FF;
}


#droite {
    position: absolute;
	width: 190px; 
	height: 610px;
	background-color: white;
	top: 5px;
	left: 760px;	
	z-index: 14;
}

#bloc_photos {
    position: absolute;
	width: 170px; 
	height: 400px;
	background-color: white;
	top: 5px;
	left: 10px;	
	z-index: 15;
}

#fleche3 {
    position: absolute;
	width: 34px; 
	height: 38px;
	background-image: url(images/fleche_up.png);
	top: 0px;
	left: 75px;	
	z-index: 14;
}

#fleche4 a{
    position: absolute;
	width: 34px; 
	height: 38px;
	background-image: url(images/fleche_down.png);
	top: 400px;
	left: 75px;	
	z-index: 14;
}

#fleche4 a:hover{
    position: absolute;
	width: 34px; 
	height: 38px;
	background-image: url(images/fleche_downh.png);
	top: 400px;
	left: 75px;	
	z-index: 14;
}

#photo1 a{
    position: absolute;
	width: 99px; 
	height: 99px;
	background-image: url(images/photo_julie1.png);
	top: 50px;
	left: 40px;	
	z-index: 15;
}

#photo1 a:hover{
    position: absolute;
	width: 99px; 
	height: 99px;
	background-image: url(images/photo_julie1h.png);
	top: 50px;
	left: 40px;	
	z-index: 15;
}

#photo2 a{
    position: absolute;
	width: 99px; 
	height: 99px;
	background-image: url(images/photo_julie2.png);
	top: 170px;
	left: 40px;	
	z-index: 15;
}

#photo2 a:hover{
    position: absolute;
	width: 99px; 
	height: 99px;
	background-image: url(images/photo_julie2h.png);
	top: 170px;
	left: 40px;	
	z-index: 15;
}

#photo3 a{
    position: absolute;
	width: 99px; 
	height: 99px;
	background-image: url(images/photo_julie3.png);
	top: 290px;
	left: 40px;	
	z-index: 15;
}

#photo3 a:hover{
    position: absolute;
	width: 99px; 
	height: 99px;
	background-image: url(images/photo_julie3h.png);
	top: 290px;
	left: 40px;	
	z-index: 15;
}


#ligne3 {
    position: absolute;
	width: 1px; 
	height: 625px;
	background-color:#CCCCCC;
	top: 5px;
	left: 5px;	
	z-index: 16;
}

#ligne4 {
    position: absolute;
	width: 1px; 
	height: 625px;
	background-color:#CCCCCC;
	top: 5px;
	left: 185px;	
	z-index: 16;
}

#bloc_droite {
    position: absolute;
	width: 180px; 
	height: 110px;
	font-family:Arial, Helvetica, sans-serif;
	background-color: white;
	top: 560px;
	left: 5px;	
	z-index: 15;
}




#bloc_droite_texte3 {
    position: absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	text-decoration:none;
	color:#0066FF;
	top: 0px;
	left: 10px;	
	z-index: 15;
}



#mini_img1 a{
    position: absolute;
	width: 58px; 
	height: 58px;
	background-image: url(images/mini_moto.png);
	top: 17px;
	left: 3px;	
	z-index: 15;
}

#mini_img1 a:hover{
    position: absolute;
	width: 58px; 
	height: 58px;
	background-image: url(images/mini_motoh.png);
	top: 17px;
	left: 3px;	
	z-index: 15;
}

#mini_img2 a{
    position: absolute;
	width: 58px; 
	height: 58px;
	background-image: url(images/mini_danielle.png);
	top: 17px;
	left: 61px;	
	z-index: 15;
}

#mini_img2 a:hover{
    position: absolute;
	width: 58px; 
	height: 58px;
	background-image: url(images/mini_danielleh.png);
	top: 17px;
	left: 61px;	
	z-index: 15;
}

#mini_img3 a{
    position: absolute;
	width: 58px; 
	height: 58px;
	background-image: url(images/mini_scanner.png);
	top: 17px;
	left: 119px;	
	z-index: 15;
}

#mini_img3 a:hover{
    position: absolute;
	width: 58px; 
	height: 58px;
	background-image: url(images/mini_scannerh.png);
	top: 17px;
	left: 119px;	
	z-index: 15;
}

#link2 a{
    position: absolute;
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:inherit;
	top: 650px;
	left: 799px;	
	z-index: 15;
}


#link2 a:hover{
	color: #333333;
}

#link3 a{
    position: absolute;
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:inherit;
	top: 650px;
	left: 870px;	
	z-index: 15;
}


#link3 a:hover{
	color: #333333;
}


#news{
    position: absolute;
	width: 160px; 
	top: 550px;
	left: 15px;
	z-index: 15;
}

#drap a{
    position: absolute;
	width: 25px; 
	height: 17px;
	background-image: url(images/drap_fr.jpg);
	top: 13px;
	left: 455px;	
	z-index: 17;
}

#drap a:hover{
    position: absolute;
	width: 25px; 
	height: 17px;
	background-image: url(images/drap_fr.jpg);
	top: 13px;
	left: 455px;	
	z-index: 17;
}

#encart_titre_eng {
    position: absolute;
	width: 150px;
	color: red;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:lighter;
	font-style:inherit;
	top: 0px;
	left: 27px;	
	z-index: 16;
}

#encart_titrec_cliquet {
    position: absolute;
	width: 73px; 
	height: 17px;
	background-color:#99CCFF;
	top: 13px;
	left: 455px;	
	z-index: 15;
}