/* -------------------------------------------------------
 	1. BLOCS
 ------------------------------------------------------- */		
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: Black;
	font-size: 14px;
	font-style: normal;
	color: #734E0A;
	text-align: center;
	margin: 0 auto;
		
}
.top_panel {
                background-color: Black;
               
                margin: 0;
                padding: 0;
}

.top_panel_left {
                background-image: url(public_html/images/top_panel_r1_c1new.jpg);
                background-repeat : no-repeat;
                background-position: top left;
					  height: 125px;
                margin: 0;
                padding: 0;
}

.top_panel_right {
                background-image: url(public_html/images/top_panel_r1_c2new.jpg);
                background-repeat : no-repeat;
                background-position: top right;
					  height: 125px;
                margin: 0;
                padding: 0;
}

#conteneur {
	background-image: url(public_html/images/haut.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #fce8b8;
	min-height: 500px;
	height: auto;
	width: 790px;
	margin: 0 auto;
}
#bas {
	background-image: url(public_html/images/bas.jpg);
	background-color: #fce8b8;
	background-position: bottom;
	background-repeat: no-repeat;
	height: 200px;
	width: 790px;
	margin: 0 auto; 
}
.corps {
	padding-top: 180px;
	text-align: left;
	padding-left: 50px;
	padding-right: 250px;
	margin-bottom: -20px;
}
.haut {
	text-align: right;
	padding-right: 20px;
	font-size: 10px;
}
.haut a, .haut a:hover, .haut a:visited {
	color: #734E0A;
}
/* -------------------------------------------------------
 	2. TEXTE
 ------------------------------------------------------- */		
	h1
{
   text-align: center;
   font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #734E0A
}
p
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #734E0A;
	text-align: left;
}
strong 
{
   color: #734E0A
   text-decoration: blink;
   font-weight: bolder;
}
/* -------------------------------------------------------
 	3. LIENS
 ------------------------------------------------------- */		
a
{  font-size: 1em;
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: #734E0A /* Les liens seront couleur de fond*/
}
a:hover /* Quand le visiteur pointe sur le lien */
{	font-size: 1em;
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: #734E0A /* Le lien sera écrit en plus clair quand on pointera dessus */
}
a:active /* Quand le visiteur clique sur le lien */
{	font-size: 1em;
   color: #734E0A;
}
a:visited /* Quand le visiteur a déjà vu la page concernée */
{	font-size: 1em;
   color: #734E0A;
}
/* -------------------------------------------------------
 	4. MENU 
 ------------------------------------------------------- */
 
.menu {
 	text-align: center;
	width: 790px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
 }
#menu{
	text-align: center;
	width: 790px;
	position: absolute;
	top: 20px;
	left: 15%;
	margin-left: auto;
	margin-right: auto;
	}
#menu ul li {
	display:inline;
	}
#menu a {
	font-size: 14px;
	text-decoration: none;
	color: #fce8b8;
	font-weight: bold;
}
#menu a:visited {
	color: #fce8b8;
	font-weight: bold;
}
#menu a:hover {
	color: #f9b151;
	font-weight: bold;
}
#menu li a:hover, 
						{	color: #f9b151;
						font-weight: bold;}
#menu ul ul li a, #menu ul ul li a:visited {
	color: #196832;
}
#menu ul ul li a:hover {
	color: #e1fff5;
	background-color: #196832;
}

ul.menu {	
 	list-style-type: none;
 	margin : 0;
	padding: 0 30px; 
	text-align: center;	
	color: #f9b151;
	}						}
ul.menu li 	{	
	float: left; 
	margin: 0;
	border: 0;
	padding: 0 12px; 	}
								
ul.menu ul 	{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: #011a09;
	}
ul.menu ul li {
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: auto;
	color: #f9b151;
	}
ul.menu li a, ul.menu li a:link, ul.menu li a:visited 
						{	display: block;
							color: #C6B78E;
							margin:0;
							text-decoration: none;	
							}
ul.menu li a:hover 
						{	color: #f9b151;}
ul.menu ul li a, ul.menu ul li a:link, ul.menu ul li a:visited 
						{	display: block;
							color: #C6B78E;
							background: #e1fff5;
							filter: alpha(opacity=70);   /*IE*/
							-moz-opacity: 0.7;           /*Mozilla*/
							opacity: 0.7;                /*CSS3*/
							-khtml-opacity: .7;          /*Safari*/
							margin:0;
							padding: 1px 3px;
							text-decoration: none;	}
ul.menu ul li a:hover 
						{	color: #C6B78E;}					
ul.menu li:hover > ul 
						{	display: block;	}
/* -------------------------------------------------------
 	5. PIED DE PAGE
 ------------------------------------------------------- */				
#pieddepage ul{
	margin: 0 auto;
}
#pieddepage ul li{
	display:inline;
	list-style: none;
	padding-right: 15px;
	padding-left: 15px;
}
#pieddepage a, #pieddepage a:visited {
	color: #fce8b8;
	text-decoration: none;
	font-size: 0.9em;
}
#pieddepage a:hover, #pieddepage a:focus, #pieddepage a:active, #pieddepage ul li a:hover {
	color: #f9b151;
}
#pieddepage {
	color: #fce8b8;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 0.9em;
	background-color: Black;
	}