body
{
	background: gray;
	width: 798px;
	margin: auto;
	border: 2px solid black;
	font-family: Serif;
	margin-bottom: 5px;
}

#banniere
{
	background: url(banniereS.jpg) no-repeat center;
	width: 798px;
	height: 200px;
}

#ensemble
{
	background: #929290;
}

a
{
	color: white;
	text-decoration: none;
	font-weight: bold;
}

a:visited
{
	color: white;
	text-decoration: none;
	font-weight: bold;
}

a:hover  /* Quand on passe dessus avec la souris */
{
	color: rgb(51,51,51);
	font-weight: bold;
}

.center
{
	text-align: center;
}

.justify
{
	text-align: justify;
}

.right
{
	text-align: right;
}

.petite_taille
{
	font-size: small; 
}

.blanc
{
	color: white;
	font-weight: bold;
}

.bleu
{
	color: RGB(134,91,69);
}

.u
{
	text-decoration: underline;
}

.attention
{
	color: RGB(100,0,0);
	font-size: large;
}

h1   
{
	color: white;
	text-align: center;
	background-color: black;
	border: 5px outset gray;
	font-family: Vivaldi, Serif;
}

h2
{
	color: RGB(134,91,69);
}

h3
{
	text-decoration: underline;
	color: black;
}

h4
{
	color: white;
}

blockquote
{
	background-color: #929290;
	padding: 5px;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

/***************************************************************************MENU*********************************************************/

.barre_haut
{
	width: 798px;
	height: 15px;
	background-color: RGB(0,0,0);
}

#menu
{
	width: 198px;
	min-height: 800px;
	float: left;
	background-color: #929290;
}

#accueil
{
	display : block; /* si on veut que ce soit un bloc, inline si on veut une ligne */
	background: url(accueil.png) no-repeat;
	text-decoration: none;
	margin-top: 3px;
	margin-left: 14px;
	height: 50px;
	color: black;
}

#accueil:hover
{
	display : block; /* si on veut que ce soit un bloc, inline si on ve une ligne */
	background: url(accueil2.png) no-repeat;
	text-decoration: none;
	margin-top: 3px;
	margin-left: 14px;
	height: 50px;
	color: black;
}

#bio
{
	display : block; /* si on veut que ce soit un bloc, inline si on ve une ligne */
	background: url(bio.png) no-repeat;
	text-decoration: none;
	margin-top: 3px;
	margin-left: 14px;
	height: 50px;
	color: black;
}

#bio:hover
{
	display : block; /* si on veut que ce soit un bloc, inline si on ve une ligne */
	background: url(bio2.png) no-repeat;
	text-decoration: none;
	margin-top: 3px;
	margin-left: 14px;
	height: 50px;
	color: black;
}

#filmo
{
	display : block; /* si on veut que ce soit un bloc, inline si on veut une ligne */
	background: url(filmo.png) no-repeat;
	text-decoration: none;
	margin-top: 3px;
	margin-left: 14px;
	height: 50px;
	color: black;
}

#filmo:hover
{
	display : block; /* si on veut que ce soit un bloc, inline si on ve une ligne */
	background: url(filmo2.png) no-repeat;
	text-decoration: none;
	margin-top: 3px;
	margin-left: 14px;
	height: 50px;
	color: black;
}

#photos
{
	display : block; /* si on veut que ce soit un bloc, inline si on veut une ligne */
	background: url(photos.png) no-repeat;
	text-decoration: none;
	margin-top: 3px;
	margin-left: 14px;
	height: 50px;
	color: black;
}

#photos:hover
{
	display : block; /* si on veut que ce soit un bloc, inline si on ve une ligne */
	background: url(photos2.png) no-repeat;
	text-decoration: none;
	margin-top: 3px;
	margin-left: 14px;
	height: 50px;
	color: black;
}

#videos
{
	display : block; /* si on veut que ce soit un bloc, inline si on veut une ligne */
	background: url(videos.png) no-repeat;
	text-decoration: none;
	margin-top: 3px;
	margin-left: 14px;
	height: 50px;
	color: black;
}

#videos:hover
{
	display : block; /* si on veut que ce soit un bloc, inline si on ve une ligne */
	background: url(videos2.png) no-repeat;
	text-decoration: none;
	margin-top: 3px;
	margin-left: 14px;
	height: 50px;
	color: black;
}

#goodies
{
	display : block; /* si on veut que ce soit un bloc, inline si on veut une ligne */
	background: url(goodies.png) no-repeat;
	text-decoration: none;
	margin-top: 3px;
	margin-left: 14px;
	height: 50px;
	color: black;
}

#goodies:hover
{
	display : block; /* si on veut que ce soit un bloc, inline si on ve une ligne */
	background: url(goodies2.png) no-repeat;
	text-decoration: none;
	margin-top: 3px;
	margin-left: 14px;
	height: 50px;
	color: black;
}

#lien
{
	display : block; /* si on veut que ce soit un bloc, inline si on veut une ligne */
	background: url(liens.png) no-repeat;
	text-decoration: none;
	margin-top: 3px;
	margin-left: 14px;
	height: 50px;
	color: black;
}

#lien:hover
{
	display : block; /* si on veut que ce soit un bloc, inline si on ve une ligne */
	background: url(liens2.png) no-repeat;
	text-decoration: none;
	margin-top: 3px;
	margin-left: 14px;
	height: 50px;
	color: black;
}

#livre
{
	display : block; /* si on veut que ce soit un bloc, inline si on veut une ligne */
	background: url(livre.png) no-repeat;
	text-decoration: none;
	margin-top: 3px;
	margin-left: 14px;
	height: 50px;
	color: black;
}

#livre:hover
{
	display : block; /* si on veut que ce soit un bloc, inline si on ve une ligne */
	background: url(livre2.png) no-repeat;
	text-decoration: none;
	margin-top: 3px;
	margin-left: 14px;
	height: 50px;
	color: black;
}

/*************************************************************************CORPS***********************************************************/

#corps
{
	width: 568px;
	min-height: 770px;
	margin-left: 198px;
	background-color: #b0b0af;
	padding: 15px;
	border-left: 2px solid black;
}

/*************************************************************************NEWS - LIVRE D'OR*************************************************/

.tableau_news
{
	border: 2px solid black;
	width: 550px;
	text-align: justify;
	margin: 0px auto;
}

.titre_news
{
	color: black;
	width: 393px;
	font-weight: bold;
	background-color: RGB(227,227,227);
	text-align: left;
	border: 2px inset black;
}

.date_news
{
	color: black;
	width: 137px;
	background-color: RGB(227,227,227);
	text-align: center;
	border: 2px inset black;
}

.texte_news
{
	color: black;
	padding: 5px;
	text-align: justify;
}

.texte_news img
{
	float: left;
	margin-right: 10px; 
	margin-top: 5px;
}

.page_news
{
	text-decoration: underline;
}

.titre_livre
{
	color: black;
	width: 540px;
	font-weight: bold;
	background-color: RGB(227,227,227);
	text-align: center;
	margin: 3px;
	border: 2px inset gray;
}

.date_livre
{
	font-size: small;
	margin-left: 15px;
}

.champs_livre
{
	background-color: RGB(227,227,227);
	border: 1px solid black;
}

/*************************************************************************************PHOTOS - GOODIES **************************************************/

.photo
{
	width: 540px;
	text-align: center;
	margin-left: 15px;
}

/***********************************************************************************************VIDEOS***************************************************/

.video
{
	width: 190px;
	text-align: center;
	vertical-align: top;
}

.video2
{
	margin-left: 130px;
}

.tableau_video
{
	border: 2px solid black;
	width: 550px;
	text-align: center;
	margin-left: 5px;
}

.titre_video
{
	color: black;
	width: 536px;
	font-weight: bold;
	background-color: RGB(227,227,227);
	text-align: center;
	border: 2px solid black;
	margin: 5px;
}

.video_video
{
	text-align: center;
	margin: 10px 0px 10px 0px;
}

.texte_video
{
	padding: 5px;
	border-top: 1px solid black;
	text-align: justify;
}

/***********************************************************************************HISTOIRE *************************************************************/

.histoire img
{
	float: right;
	border: 1px solid black;
	margin: 0px 5px 5px 5px;
}

/**************************************************************************************************BAS****************************************************/

#bas
{
	width: 798px;
	min-height: 170px;
	background: #929290;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.barre_bas
{
	width: 798px;
	height: 5px;
	background-color: black;
}