/* Design Fred et Mélie */


html,body{
	background:#000000;
	margin:0;
	height:100%;
}

a:link,a:visited,a:hover,a:active{

	font-weight:normal;

}
#conteneur{
   	margin:0 auto;
	width:1020px;
	min-height:100%;
	
	
	
}

/*----------------------------- CONTENU -------------------------------------------*/

#contenu {
		
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:165%;
	margin-top:340px;
	margin-bottom:70px;
	margin-left:75px;
	margin-right:75px;
	text-align:justify;

}

#contenu a:link,#contenu a:visited,#contenu a:hover,#contenu a:active{

	font-weight:normal;

}

.player_youtube {
	text-align:center;
	margin-bottom:30px;
}

/*----------------------------- Livre d'or-------------------------------------------*/

#livredor{

	text-align:left;
}

#livredor a:link,#livredor a:visited,#livredor a:active {

	color: #000000;
	


}

#livredor a:hover {

	color:#CCCCCC;

}


/* --------------infobulles --------------------------------*/

a.info {
   position: relative;
   text-decoration: none;
   font-weight:normal;
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   font-size:10px;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: -18px; /* on positionne notre infobulle */
   left: 95px;

   background:#F4F4F4;

   padding: 3px;

   border: 1px solid  #CCCCCC;
 }


/*----------------------------- MENU -------------------------------------------*/


#menu{
	position:relative;
	left:302px;
	top:90px;
	width:710px;
	height:26px;

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:0.1px;
	color: #f3b40b;
	font-variant: small-caps;
	
}

#menu dl {
	margin:0;
	float: left;
	
}

#menu dt {

	cursor: pointer;

}

#menu dd {
	position:absolute;
	margin-top:9px;
	
}

#menu dd li{

	padding:5px;

}

#menu ul,#menu li {

	color: #f3b40b;
	font-variant: small-caps;
	list-style-type: none;
	margin:0;
	padding:0;
	
}

#menu li a, #menu dt a {

	text-decoration: none;
	padding: 5px 8px;
	color: #f3b40b;
	font-variant: small-caps;
}

#menu li a:hover, #menu dt a:hover {
	color:#d31c3f;
}

#smenu1{
	
	background:#000000;
	width:80px;
	margin:0px;
}

#newsanim{
 position:absolute;
left:620px;
top:50px;

}
/*----------------------------- -footer -------------------------------------------*/


#footer{
	height:40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;	
	background-color:#FFFFFF;
	line-height:180%;
}

#footer a:hover,a:link,a:active,a:visited{

	color:#000000;
	text-decoration:none;
	font-weight:bold;
}