body	
		{
        margin-left:auto;
        margin-right:auto;
		background-color: #f1ebe3;
		margin-bottom: 0; 
		margin-top: 0;
		}


p 		
		{
        background-color: white;
        margin: 0px;
        margin-left:auto;
        margin-right:auto;
        width:700px;		
		}

	.article
			{
			padding: 40px;
			margin: 0px;
			margin-left:auto;
			margin-right:auto;
			border-radius: 0px;
			width:700px;
			text-align: justify;
			}
			
	.bandeau_haut
			{
			padding: 20px;
			margin: 0px;
			margin-left:auto;
			margin-right:auto;
			border-radius: 0px;
			width:740px;
			text-align: justify;
			font-family: Verdana, Arial;
			font-size: 90%;	
			transform: rotate(0deg);
			background-color: White;
			font-weight: bold;
			}
	
	.bandeau_dates
			{
			text-align: justify;
			padding-left: 20px;
			padding-right: 20px;
			padding-top: 0px;
			padding-bottom: 0px;
			margin: 0px;
			margin-left:auto;
			margin-right:auto;
			border-radius: 0px;
			width:740px;
			}
			
	.bandeau_copyright
			{
			text-align: right;
			padding: 20px;
			margin: 0px;
			margin-left:auto;
			margin-right:auto;
			border-radius: 0px;
			width:740px;
			}	

	.positioned 
			{
			position: relative;
			bottom: 40px;
			}

	.titre_principal 
			{ 
			font-family: Arial; 
			font-size: 3em; 
			color: #FF8204;
			}
			
	.titre_rubrique
			{ 
			font-family: Verdana; 
			font-size: 90%; 
			color: Red; 
			}

	.titre_bloc 
			{ 
			font-family: Verdana; 
			font-size: 100%; 
			color: #664404; 
			font-weight: bold;
			}
	
	.sous_titre_bloc 
			{ 
			font-family: Verdana; 
			font-size: 100%; 
			color: #664404; 
			}

	.auteur_bloc 
			{ 
			font-family: Verdana; 
			font-size: 100%; 
			color: #333333; 
			}
			
	.editeur_bloc 
			{ 
			font-family: Verdana; 
			font-size: 80%; 
			color: #333333;
			}
			
	.notation_bloc 
			{ 
			font-family: Verdana; 
			font-size: 80%; 
			color: #333333; 
			font-weight: 900;
			}
			
	.resume_bloc 
			{ 
			font-family: Verdana; 
			font-size: 80%; 
			color: #FF8204; 
			font-weight: 900; 
			font-style: italic; 
			}
			
	.titre_bestof 
			{ 
			font-family: Verdana; 
			font-size: 100%; 
			color: #FF8204; 
			font-weight: 900; 
			}
			
	.article_bloc
			{
			font-family: Verdana, Arial;
			font-size: 80%;
			}
			
	.article_bloc_culte
			{
			font-family: Verdana, Arial;
			font-size: 80%;
			display: block;
			}
			
	.article_presse_bloc
			{
			font-family: Courier New;
			font-style: italic; 
			font-size: 80%;
			}
	
	.date_bloc 
			{ 
			font-family: Verdana; 
			font-size: 70%; 
			color: #333333; 
			}
			
	.dates
			{ 
			color: #000000; 
			font-family: Verdana, Arial;
			font-size: 60%;	
			}
			
	.legende_photo
			{ 
			color: #000000; 
			font-family: Verdana, Arial;
			font-size: 65%;	
			text-align: center;
			display: block;
			}
			
	.legende_photo_king
			{ 
			color: #000000; 
			font-family: Verdana, Arial;
			font-size: 65%;	
			}
			
	.alpha_lettre
			{
			font-family: Verdana, Arial;
			font-size: 100%;
			font-weight: bold;
			color: #FF8204;
			}
	
	.alpha_auteur
			{
			font-family: Verdana, Arial;
			font-size: 100%; 
			font-weight: bold; 
			margin-left:50px;
			color: #664404; 
			}
	
	.alpha_titre
			{
			font-family: Verdana, Arial;
			font-size: 90%;
			color: #664404; 
			padding-left:150px;
			}
			
	.copyright1 
			{ 
			color: #333333; 
			font-family: Verdana, Arial;
			font-size: 80%;	
			font-weight: bold;
			font-style: italic;
			}
			
	.copyright2
			{ 
			color: #333333; 
			font-family: Verdana, Arial;
			font-size: 80%;	
			}
			
	
a, a:link, a:visited { text-decoration: none; color: Black; }


nav 
		{
		background-color: #f1ebe3;
        padding: 0px;
        margin: 10px;
        margin-left:auto;
        margin-right:auto;
        border-radius: 0px;
        width:840px;
		text-align: center;
		font-family: Verdana, Arial;
		font-size: 90%;
		}

		
#menu, #menu ul {
  padding:0;
  margin:0;
  list-style: none;
  text-align: left;
}
 
#menu li {
  display:inline-block;
  vertical-align: top;
  position: relative;
 
}
#menu li li {
  display:inherit;
  font-style: italic;
}

#menu a {
  display:block;
  padding:10px 30px;
  text-decoration: none;
  color:Black;
  font-family:arial;
}
#menu ul li a {
  padding:20px 8px;
}
#menu ul {
  position: absolute;
  z-index: 1000;
  min-width:100%;
  white-space: nowrap;
  text-align: center;
  font-size: 17px;
  background: rgba(0, 0, 0, 0.8);
}

#menu ul li:hover ul {
  max-width: 30em;
}
#menu ul li {
  max-height:0;
  overflow: hidden;
  transform-origin: top center;
}

#menu li:hover li {
  max-height: 15em;
  overflow: visible;
}


#menu li:hover {
    background-image:none;
}

#menu li:hover li a, #menu li:hover li li a {
    color:#fff
}

#menu li li:hover a {
    color:#FF8204
}
#menu li:hover a {
    color:#000
}


.round_img {border-radius: 10px; transform: rotate(-4deg); margin: auto; display: block; }

.image_flottante {float:left; margin-right: 20px; margin-bottom: 10px; margin-top: 5px; } 

.image_flottante_bestof {float:left; margin-right: 20px; margin-bottom: 0px; margin-top: 0px; } 

.image_flottante_quisuisje {float:right; margin-left: 20px; margin-bottom: 20px; margin-top: 20px; } 

.image_flottante_logo {float:left; margin-right: 20px; } 

.image_centre {display: block; margin: auto; } 

.imagehaut_bloc { border: none; }