@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #000;
	
}


/*/////////////////////////////// CONTENEUR ////////////////////////////*/
#conteneur {
	position:relative;
	text-align:center;
	width:347px;
	z-index:1;
	margin: 0 auto;
	top: 0px;
}

/*/////////////////////////////// LOGO ////////////////////////////*/
#logo {
	width:150px;
	height:150px;
	background-color:#D2891A;
	float:left;
}

/*/////////////////////////////// HEADER ////////////////////////////*/
#header{
	width:850px;
	height:250px;
	float:left;
	left:150px;
	background-image: url(../img/header.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#header h1{ font-family:Georgia, "Times New Roman", Times, serif; color:#fff; font-size:2.8em;  margin-left:-45px;}
#header h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#990000;
	font-size:1.8em;
	text-align:left;
	margin-left:175px;
	padding-top:15px;
	font-style: italic;
}

#header h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#efefef;
	font-size:1.6em;
	text-align:left;
	padding-top:15px;
}

/*/////////////////////////////// MENU GAUCHE ////////////////////////////*/
#menu_gauche { z-index:1.
	position:relative;
	width:150px;
	background-color:#BA450B;
	float:left;
	text-align: left;
	clip: rect(auto,auto,auto,auto);
}

#menu_gauche ul{

	padding:0;
	margin-left:12px;
	line-height:28px;
	text-align:left;
	list-style-image: url(../bg/img/puce_menu_gauche.gif);
	list-style-position: inside; 
	
}

#menu_gauche li{
	
	 border-bottom:#CCCCCC 1px solid;
	
}

#menu_gauche p{
	padding: 12px;
	color: #A1A1A1;
}
#menu_gauche h2{
	padding: 12px;
	color: #ED9E00;font-family:Georgia, "Times New Roman", Times, serif;
}
#menu_gauche a{ color:#FFCC00;
}


/*/////////////////////////////// MAIN ////////////////////////////*/
#main{
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:347px;
	float:left;
	text-align:center;
	padding:10px;
	font-weight: lighter;
}
#main h1 {
	
font-size:1.1em;font-weight: lighter;
	color: #ccc; text-align:center;
}
#main h2 {
	
font-size:1.1em;font-weight: lighter;
	color: #ccc; text-align:center;
}

#main p {
	font-size:0.8em;
	font-weight: lighter;
	color: #999999;
	text-align:center;
}
#main a {
	color: #666666;
}
#main a:hover {
	color: #A2A2A2; text-decoration:none;
}

#soustitre{
	padding:10px;
	font-size:1.2em;
	color:#666666;
	font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#gauche{
	width:140px;
	float:left;
	/*background-color:#CCCC99;*/
	padding:10px;
}
#center{
	width:140px;
	float:left;
	background-color:#7C2121;color:#efefef;
	padding:10px;
}
#right{
	width:140px;
	float:left;
/*	background-color:#CC99CC;*/
	padding:10px;
}
#par_normal{/*pargaraphe sur et sous les paragraphes en colonne*/
	
	float:left; clear:both; width:470px;

	padding-left:10px;
}

/*/////////////////////////////// MENU DROIT ////////////////////////////*/
#menu_droit{
	position:relative;
	float:left;
	width:150px;
	background-color:#999999;
}

#menu_droit a{ color:#FFCC00;
}
#menu_droit ul{
	padding:0;
	margin-left:5px;margin-right:5px;
	line-height:28px;
	text-align:left;
	/*list-style-image: url(img/puce_menu_droit.gif);*/
	list-style-position: inside;
	list-style-type: none;	
}

#menu_droit li{
	
	border:#999999 2px solid; background-color:#666666; padding-left:10px; color:#CCCCCC;
	
}
#menu_droit h2{
	color:#FFCC00;
	font-size:1.2em;	
}

/*/////////////////////////////// FOOTER ////////////////////////////*/
#footer {
	width:790;
	height:172px;
	background-image:url(../img/footer.gif);
	background-color:#efefef;
	background-repeat:no-repeat;
	clear:both; /*clear:both > permet au footer de rester en bas*/
	text-align:center;
	background-position: center top;
}

#footer  h1{ text-align:center}

.center_footer  {
	text-align:center;
	padding-top:12px;
	color:#6d0707;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}



/*/////////////////////////////// DECO LEFT ////////////////////////////*/
#deco_left{
	position:absolute; background-image:url(../bg/img/deco_left.png);
	top:0px; 
	float:left;left:0px;height:100px;
	width:100px;/* serait utilisé pour deco haut gauche de l'ecran*/

}

/*/////////////////////////////// DECO RIGHT ////////////////////////////*/
#deco_right{
	position:absolute; background-image:url(../bg/img/deco_right.png);
	top:0px;
	right:0px;
	width:100px; height:100px;
	float:right; /* serait utilisé pour deco haut droite de l'ecran*/

}
/*/////////////////////////////// TYPO ////////////////////////////*/


h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	
}
a{
	text-decoration:underline;
	color: #990000;
}

.lettrine{
	float:left;
	color:#efefef;
	background-color:#993300;
	margin-right:3px;
	padding:1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 3em;
	line-height: 1em;
	font-weight: normal;
}

/*span{ display:none;}*/
a:hover span{
	display:inline;
	background:none;
	position:absolute;
	top:30px;
	left:10px; /*width:200px;*/
	height:100px;
	font-size:small;
	text-decoration: none;
}

.gras { font-weight:bolder;}