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

body {
	background-color: #999999;
}

#centre {
    position: relative;
	width: 1024px; 
	height: 1150px;
	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;
}	

#print {
    position: relative;
	background-image:url(images/print.jpg);
	width: 91px; 
	height: 125px;
	margin-top: 20px;
	margin-left: 40px;
	float:left;
}

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

#mor {
    position: relative;
	background-image:url(images/mor.jpg);
	width: 91px; 
	height: 125px;
	margin-top: 20px;
	margin-left: 40px;
	float:left;
}

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


#cof {
    position: relative;
	background-image:url(images/cof.jpg);
	width: 91px; 
	height: 125px;
	margin-top: 20px;
	margin-left: 40px;
	float:left;
}

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

#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: 1095px;
	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;
}

#dvd {
    position: relative;
	width: 280px; 
	height: 280px;
	font-size:12px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-style:inherit;
	margin-top: 20px;
	float:left;
}
 
#photo-print {
    position: relative;
	background-image:url(images/photo-print.jpg);
	width: 280px; 
	height: 280px;
	margin-top: 0px;
	float:left;
}

#blanc{
    position: relative;
	background-color:white;
	width: 280px; 
	height: 20px;
	margin-top: 0px;
	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: 480px;
	float:left;
}

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

#chalet {
    position: relative;
	background-image:url(images/chalet.jpg);
	width: 59px; 
	height: 50px;
	margin-top: 470px;
	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;
}