/* GENERAL*/
	body { background-color: #1F0000; width: 80%; margin: auto;}
	header  {	width: 100%;  margin: auto; background-color: black; height: 250px;}
	header a {color: #d2b162; font-family: "Trebuchet MS", Arial, Verdana, Georgia, serif; font-weight: bold; margin-bottom: 20px;}
	footer { width: 100%;  margin: auto; margin-top: 20px; background-color: black; float: left;color: #d2b162; font-family: "Trebuchet MS", Arial, Verdana, Georgia, serif; font-size: 0.8em; text-align: center;}
	footer a {color: #d2b162; font-family: "Trebuchet MS", Arial, Verdana, Georgia, serif;}
	#header_index {width: 100%; margin: auto; background-color: #1F0000; font-family: "Trebuchet MS", Arial, Verdana, Georgia, serif;
		font-size: 0.7em; color:#d2b162; }
	#header_index  img{width: 70%;  }
	#logo_page {width: 30%;background-color: black;float: left;  }
	#logo_page img {width: 90%;}
	#page {width: 80%; margin: auto; background-color: black; margin-top: 30px;}
	#titre {	width: 70%;  min-height: 150px; padding-top: 30px; background-color: black; float: left;}
	#titre img {height: 70px;}
	

/*TEXTES*/
	p {font-family: "Trebuchet MS", Arial, Verdana, Georgia, serif; font-size: 0.9em; font-style: normal; color:#d2b162}
	strong {font-family: "Trebuchet MS", Arial, Verdana, Georgia, serif; text-transform: uppercase; font-weight: bold; color:#d2b162}
	em {font-family: "Trebuchet MS", Arial, Verdana, Georgia, serif; font-style: italic; font-weight: bold; color:#d2b162}
	q {font-family: "Trebuchet MS", Arial, Verdana, Georgia, serif; font-style: italic; color:#d2b162}
	.qu {font-style: italic; color:#d2b162}
	a {text-decoration: none; color: #1F0000; font-style: bold; }
	a:hover { text-decoration: underline; color: green }
	a:active { background-color: green; }
	a img {border: 0px;}
	h1 {font-size: 1.5em; color: #d2b162; padding: 30px; font-family: "Trebuchet MS", Arial, Verdana, Georgia, serif;}
	h2 {font-size: 1.1em; color: #d2b162; padding: 10px; font-family: "Trebuchet MS", Arial, Verdana, Georgia, serif;}


/*INDEX*/
	/*Logo et présentation*/
	#presentation { width: 30%;  margin: 20px; float: left; border:solid thin #990000; background-color: #d2b162; padding: 10px;}
	#presentation img {width: 98%; }
	#presentation p , em{color: #990000}
	.presentation-2 em {color: #990000;}
	.presentation-2{ width: 99%; height: 550px; float: left; position: relative; text-align: left; }
	.presentation-2 .mask,.presentation-2 .content { 
		background-color: #d2b162; width: 99%; height: 550px; line-height: 1.4em; position: absolute; top: 0; left: 0;
		-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;
		-webkit-transition: all 0.3s ease-in 0.4s; -moz-transition: all 0.3s ease-in 0.4s; -o-transition: all 0.3s ease-in 0.4s;
		-ms-transition: all 0.3s ease-in 0.4s; transition: all 0.3s ease-in 0.4s;}
	.presentation-2:hover .mask { width: 100%;
			-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s;}	#cadre_menu{ width: 20%; float: left;margin-top: 20px; }
			
	/*Menu*/
	#menu {/*Bloc Menu*/
	width: 30%; padding: 10px; float: left; }
	.menu {/*Element Menu*/
	border:solid thin #990000; width: 99%; height: 65px; background-color: #d2b162; margin-top: 5px; margin-bottom: 30px; }
	.menu p { color: #240001; text-align: center; font-size: 1.1em;font-family: "Trebuchet MS", Arial, Verdana, Georgia, serif; font-weight: bold; padding-top: 3px;}

	/*Liens*/
	#lien {/*Bloc Liens*/
	width: 20%; padding: 10px; float: left; }
	.facebook{ width: 98%; height: 50px;  margin: 20px; margin-left: 50px; margin-bottom: 60px; float: left; text-align: center;
	min-width: 180px;}
	.lien{ border:solid thin #efb921; width: 98%; height: 40px; background-color: #efb921; margin: 15px; margin-left: 50px; float: left; text-align: center;
	min-width: 180px;}
	.lien img {height: 40px; }
	.lien p {color: #990000; font-style: italic; font-size: 0.7em;}

/*ARCHIVES*/
	#archives a {color: #d2b162; font-size: 0.8em;}
	#archives {width: 25%; margin: auto; margin-top: 20px; background-color: black ; margin-left: 2%; border-left:solid thin #d2b162; float: left; padding: 1%; }


/*NEWS*/
	#news_texte {width: 70%;  background-color: black ; float: left; margin-top: 20px;}
	#news_texte a, em {color: #d2b162; font-weight: bold;}
	#news_texte dl { width: 95%; }
	#news_texte dt { margin-top: 5px; text-align: center; }
	#news_texte dd { color: #d2b162; font-family: "Trebuchet MS", Arial, Verdana, Georgia, serif; font-size: 0.8em; text-align: justify;  border-bottom: thin solid #d2b162; padding: 1%;}
	
/*PLAYLIST*/
	#playlist {width: 98%;  background-color: black ; margin: auto; }
	#playlist a, em {color: #d2b162; font-weight: bold;}
	#playlist dl { width: 155px; height: 280px; float: left; margin-left: 2%; border:solid thin #d2b162;}
	#playlist dt { margin-top: 5px; text-align: center; }
	#playlist dd { color: #d2b162; font-family: "Trebuchet MS", Arial, Verdana, Georgia, serif; font-size: 0.8em; margin-left: 10px; text-align: center; border-bottom: 0px;}
	
/*GUESTBOOK*/
	#guestbook{width: 80%;  min-width: 600px; background-color: black ; padding: 5%; margin-top: 20px;}
	#guestbook dl { width: 95%; }
	#guestbook dt { margin-top: 5px; text-align: left; color: #d2b162; font-family: "Trebuchet MS", Arial, Verdana, Georgia, serif; font-size: 0.8em; }
	#guestbook dd { color: #d2b162; font-family: "Trebuchet MS", Arial, Verdana, Georgia, serif; font-size: 0.8em; text-align: justify;  border-bottom: thin solid #d2b162; padding: 1%;}
	#guestbook a, em {color: #d2b162; font-weight: bold;}

/*CONTACT*/
	#image_contact {width: 35%; min-width: 150px; float: left; background-color: black;}
	#coord {width: 35%; min-width: 150px; float: left;background-color: black;}
	#plan {width: 30%; min-width: 150px; float: left;background-color: black;}
	
/*RECHERCHE*/
	#recherche{width: 90%;  min-width: 600px; background-color: black ; float: left; padding: 5%;}
	#recherche a, em {color: #d2b162; font-weight: bold;}