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

body {
	background-color: #999999;
}

#centre {
    position: relative;
	width: 1024px; 
	height: 1000px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

#marge_haut {
    position: relative;
	width: 1024px; 
	height: 20px;
	background-color: white;
}

#milieu {
    position: relative;
	width: 1024px; 
	height: 960px;
	background-color: white;
}

#marge_gauche {
    position: relative;
	width: 20px; 
	height: 748px;
	background-color: white;
	float: left;
}

#mil_mil {
    position: relative;
	width: 984px; 
	height: 950px;
	background-color: white;
	float:left;
}

#haut1 {
    position: relative;
	width: 300px; 
	height: 750px;
	background-color: white;
	float:left;
}	

#photo_magnetic {
    position: relative;
	background-image:url(images/photo_magnetic2.jpg);
	width: 263px; 
	height: 280px;
	margin-top: 20px;
	margin-left: 40px;
}

#magnetic_texte{
    position: relative;
	width: 263px; 
	height: 50px;
	font-size:12px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-style:inherit;
	margin-top: 20px;
	margin-left: 40px;
}

#photo_bande-annonce {
    position: relative;
	background-image:url(images/photo_bande-annonce.jpg);
	width: 263px; 
	height: 280px;
	margin-top: 10px;
	margin-left: 40px;
}

#magnetic_bande{
    position: relative;
	width: 263px; 
	height: 100px;
	font-size:12px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-style:inherit;
	margin-top: 20px;
	margin-left: 40px;
}


#coeur {
    position: relative;
	width: 300px; 
	height: 250px;
	background-color: white;

}	

#ligne0 {
    position: relative;
	width: 260px; 
	height: 1px;
	background-color:#333333;
	margin-left: 40px;
	margin-top: 0px;
}

#ligne {
    position: relative;
	width: 260px; 
	height: 1px;
	background-color:#333333;
	margin-left: 40px;
	margin-top: 14px;
}


#facebook {
    position: relative;
	background-image:url(images/facebook.jpg);
	width: 32px; 
	height: 33px;
	margin-top: 10px;
	margin-left: 40px;
}

#dailymotion {
    position: relative;
	background-image:url(images/daily.jpg);
	width: 164px; 
	height: 37px;
	margin-top: 10px;
	margin-left: 40px;
}

#haut2 {
    position: relative;
	width: 39px; 
	height: 900px;
	background-color: white;
	float:left;

}

#ligne_point {
    position: relative;
	background-image:url(images/ligne_point.jpg);
	width: 11px; 
	height: 929px;
	margin-top: 11px;
	margin-left: 15px;
}

#haut3 {
    position: relative;
	width: 645px; 
	height: 750px;
	background-color: white;
	float:left;

}


#bandeau {
    position: relative;
	background-image:url(images/bandeau2.jpg);
	width: 605px; 
	height: 279px;
}


#pocket_texte{
    position: relative;
	width: 280px; 
	height: 280px;
	font-size:12px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-style:inherit;
	margin-top: 20px;
	float:left;
}


#vide {
    position: relative;
	background-color:white;
	width: 45px; 
	height: 280px;
	margin-top: 20px;
	float:left;
}

#vide2 {
    position: relative;
	background-color:white;
	width: 45px; 
	height: 280px;
	margin-top: 20px;
	float:left;
}

#photo-bio {
    position: relative;
	background-image:url(images/photo-bio2.jpg);
	width: 280px; 
	height: 280px;
	margin-top: 20px;
	float:left;
}

#jos1 {
    position: relative;
	background-image:url(images/jos1.jpg);
	width: 185px; 
	height: 185px;
	margin-top: 80px;
	float:left;
}

#jos2 {
    position: relative;
	background-image:url(images/jos2.png);
	width: 185px; 
	height: 185px;
	margin-top: 80px;
	margin-left: 25px;
	float:left;
}

#jos3 {
    position: relative;
	background-image:url(images/jos3.png);
	width: 185px; 
	height: 185px;
	margin-top: 80px;
	margin-left: 25px;
	float:left;
}

#eloge{
    position: relative;
	width: 600px; 
	height: 30px;
	font-size:12px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-style:inherit;
	margin-top: 10px;
}

#lavieestbelle {
    position: relative;
	background-image:url(images/lavieestbelle.jpg);
	width: 115px; 
	height: 35px;
	margin-top: 50px;
	float:left;
}

#forum {
    position: relative;
	background-image:url(images/forum.jpg);
	width: 67px; 
	height: 35px;
	margin-top: 50px;
	margin-left: 10px;
	float:left;
}

#chalet {
    position: relative;
	background-image:url(images/chalet.jpg);
	width: 59px; 
	height: 50px;
	margin-top: 40px;
	margin-left: 10px;
	float:left;
}

.separation {
	clear: both;
	visibility: hidden;
}


#menu {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:14px;
	font-weight:bold;
	line-height: 30px;
	text-decoration:none;
	margin-left: 0px;
	margin-top: 0px;
	height: 160px;
}


#menu ul{
  list-style-type: none;
  
}

#menu li{
  color: #999999;
}

.blanc{
  color: black;
}

#menu a{
	color: #333333;
	text-decoration:none;
	}	

#menu a:hover{
	color: #999999;
	}	


#pointille{
	position:absolute;
	width: 277px;
	height: 22px;
	background-image: url(images/pointille.png);
	top: 0px;
	left: 30px;
	z-index: 12;
}

#pointille2{
	position:absolute;
	width: 277px;
	height: 30px;
	background-image: url(images/pointille.png);
	top: 30px;
	left: 29px;
	z-index: 12;
}

#pointille3{
	position:absolute;
	width: 277px;
	height: 22px;
	background-image: url(images/pointille.png);
	top: 60px;
	left: 30px;
	z-index: 12;
}

#pointille4{
	position:absolute;
	width: 277px;
	height: 22px;
	background-image: url(images/pointille.png);
	top: 90px;
	left: 30px;
	z-index: 12;
}

#pointille5{
	position:absolute;
	width: 277px;
	height: 22px;
	background-image: url(images/pointille.png);
	top: 120px;
	left: 30px;
	z-index: 12;
}

#pointille6{
	position:absolute;
	width: 277px;
	height: 22px;
	background-image: url(images/pointille.png);
	top: 150px;
	left: 30px;
	z-index: 12;
}





#titre a:hover{
    position: absolute;
	width: 800px; 
	height: 101px;
	background-image: url(images/titre2d.jpg);
	top: 0px;
	left: 0px;	
	z-index: 12;
}




#t_art a{
    position: absolute;
	color:#669999;
	font-size:14px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-style:inherit;
	top: 105px;
	left: 20px;	
	z-index: 12;
	text-decoration:none;
}

#t_art a:hover{
    position: absolute;
	color:#660033;
	font-size:14px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-style:inherit;
	top: 105px;
	left: 20px;	
	z-index: 12;
	text-decoration:none;
}


#t_gal {
    position: absolute;
	color:#660033;
	font-size:14px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	top: 105px;
	left: 160px;	
	z-index: 99;
	text-decoration:none;
}

#t_exp a{
    position: absolute;
	color:#669999;
	font-size:14px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	top: 105px;
	left: 290px;	
	z-index: 99;
	text-decoration:none;
}

#t_exp a:hover{
    position: absolute;
	color:#660033;
	font-size:14px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	top: 105px;
	left: 290px;	
	z-index: 99;
	text-decoration:none;
}



#t_liv a{
    position: absolute;
	color:#669999;
	font-size:14px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	top: 105px;
	left: 450px;	
	z-index: 99;
	text-decoration:none;
}

#t_liv a:hover{
    position: absolute;
	color:#660033;
	font-size:14px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	top: 105px;
	left: 450px;	
	z-index: 99;
	text-decoration:none;
}

#t_pei a{
    position: absolute;
	color:#669999;
	font-size:14px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	top: 105px;
	left: 620px;	
	z-index: 99;
	text-decoration:none;
}

#t_pei a:hover{
    position: absolute;
	color:#660033;
	font-size:14px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	top: 105px;
	left: 620px;	
	z-index: 99;
	text-decoration:none;
}

#artiste a{
    position: absolute;
	width: 100px; 
	height: 456px;
	background-image: url(images/art3.jpg);
	top: 143px;
	left: 0px;	
	z-index: 10;
}

#artiste a:hover{
	width: 184px; 
	height: 449px;
	background-image: url(images/art2a.jpg);
	top: 150px;
	left: 0px;	
}

#galerie a{
    position: absolute;
	width: 225px; 
	height: 451px;
	background-image: url(images/gal4.jpg);
	top: 148px;
	left: 139px;	
	z-index: 9;
}

#galerie a:hover{
	width: 198px; 
	height: 451px;
	background-image: url(images/gal3a.jpg);
	top: 148px;
	left:163px;	
}

#expo a{
    position: absolute;
	width: 215px; 
	height: 448px;
	background-image: url(images/exp4.jpg);
	top: 150px;
	left: 310px;	
	z-index: 8;
}

#expo a:hover{
	width: 227px; 
	height: 451px;
	background-image: url(images/exp4a.jpg);
	top: 147px;
	left:299px;	
}

#livre a{
    position: absolute;
	width: 223px; 
	height: 451px;
	background-image: url(images/liv2.jpg);
	top: 147px;
	left: 480px;	
	z-index: 7;
}

#livre a:hover{
	width: 225px; 
	height: 451px;
	background-image: url(images/liv2a.jpg);
	top: 147px;
	left:479px;	
}

#peinture a{
    position: absolute;
	width: 161px; 
	height: 450px;
	background-image: url(images/pei2.jpg);
	top: 149px;
	left: 640px;	
	z-index: 6;
}

#peinture a:hover{
	width: 155px; 
	height: 449px;
	background-image: url(images/pei3a.jpg);
	top: 150px;
	left:647px;	
	z-index: 11;
}

#des{
    position: absolute;
	color:#000000;
	font-size:12px;
	width: 450px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	top: 205px;
	left: 280px;	
	z-index: 99;
	text-decoration:none;
	text-align:justify;
	text-indent: 20px
}

#gal{
    position: absolute;
	color:#000000;
	font-size:12px;
	width: 170px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	top: 510px;
	left: 10px;	
	z-index: 99;
	text-decoration:none;
	text-align:justify;
}