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

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


#centre {
    position: relative;
	width: 960px; 
	height: 680px;
	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: 430px;
	left: 5px;	
	z-index: 14;
}

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

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

#encart_titreb_cliquet {
    position: absolute;
	width: 115px; 
	height: 30px;
	background-color:#FF33CC;
	top: 30px;
	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;
}

#encart_titrec {
    position: absolute;
	width: 358px; 
	height: 30px;
	background-image: url(images/stripe_pink2.png);
	top: 30px;
	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: 65px;
	left: 0px;	
	z-index: 14;
}

.liens {
	color: #CCCCCC;
}

#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:#FF0099;
	top: 0px;
	left: 10px;	
	z-index: 15;
}



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

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

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

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

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

#mini_img3 a:hover{
    position: absolute;
	width: 58px; 
	height: 58px;
	background-image: url(images/mini_schmitth.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;
}