/* CSS Document */

body {
	background-color: #663300;
}

a:link {
	color: #FFCC00;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FF9933;
}
a:hover {
	text-decoration: underline;
	color: #FF9933;
}
a:active {
	text-decoration: none;
}

#global {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 787px;
     height: 794px;
     margin-top: -397px;
     margin-left: -393px;
   
     }
	 
	 .petit_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	align: center;
	margin: 15px;
	text-align: center;	
}
	 .news {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #4b2c00F;
	font-weight: bold;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;		
}
 .date_news {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #784708;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;		
}
 .titre_news {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #784708;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;		
}

 .texte_news {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;		
}

 .chapeau {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	align: center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	vertical-align: top;
	background-color: 4b2c00;
}
.titre_chapeau {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffcc00;
	font-weight: bold;
}

.bold_italique {
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

.texte {
	font-size: 13px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

#image_news {
	position:static;
	width:174;
	height:461;
	z-index:5;
	right: 0px;
	top: 0px;
}
.fond_news {
	right: 0px;
	background-image: url(images/contenu_15.jpg);
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
}
.fond {

	background-image: url(images/fond.jpg);
	background-repeat: repeat-y;
	padding-top: 55px;
	padding-right: 0px;
	padding-left: 0px;
}

.texte_chapeau {
	padding-top: 52px;
	padding-right: 0px;
	padding-left: 0px;
}

.fondgauche {

	background-image: url(images/contenu_17.jpg);
	background-repeat: repeat-y;
}
.fonddroite {
	background-image: url(images/fonddroite.jpg);
	background-repeat: repeat-y;
}

#Layer3 {
	position:absolute;
	width:170px;
	height:115px;
	z-index:5;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#titre {
	position:absolute;
	height:102px;
	z-index:1;
	top: 0px;
	right: 0px;
	left: 0px;
	background-color: #663300;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#illu {
	position:absolute;
	width:147;
	height:187;
	z-index:2;
	left: 0px;
	top: 0px;
}
#illu_droite {
	position:relative;
	width:133;
	height:187;
	z-index:3;
	top: 0px;
	right: 0px;
}
#chapeau {
	position:absolute;
	z-index:4;
	left: 0px;
	top: 102px;
	right: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	background-image: url(images/fond_chapeau.jpg);
	background-repeat: repeat-x;
	bottom: 0px;
}
#Layer1 {
	position:static;
	width:200px;
	height:115px;
	z-index:4;
	left: 68px;
	top: 276px;
}
#Layer2 {
	position:absolute;
	width:200px;
	height:100px;
	z-index:5;
	top: 0px;
	left: -187px;
	background-color: #FFFFFF;
	bottom: 0px;
}

#menu_haut {
	position:absolute;
	width:450px;
	height:44px;
	z-index:5;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	right: 125px;
	top: 0px;
	text-align: right;
}

/* menu */
.menu{
	position:absolute;
	/* solve a Opera7/IE display bug */
    width:138px;
	margin:0;
	padding:0;
    }
    
.menu span{
    display:none;
    }
    
.menu ul{

    margin:0;
    padding:0;
    position:absolute; /* important */
    width:138px;

    }
    
.menu li ul{
    visibility:hidden;
    }
            
.menu li ul{
    margin-left:140px; /* be careful */
    margin-top:-22px;
    }
    
.menu a{
	text-align:center;
	background-color: #ffba00;
	color:#fff;
	text-weight:bold;
	display:block;
	width:138px;
	margin:2px 0;
	padding:3px 0 3px 0; /* em units can creat little graphic bug in mozilla */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
    }
    
.menu a:hover{
    background-color: #bc5002;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #bc5002;
}

.menu span{
    /* hide some accessibility stuff */
    display:none;
    }
        
.menu li{
    width:138px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
    }
    
/* IE PC selector */
* html .menu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }
    
a.linkOver{
    background-color: #bc5002;
    }