/* ----------------------------------------------------------------------------mise en forme générale------------------------------------------------------------------------------------------*/


BODY { 
	padding-right : 0;
	padding-left : 0;
	padding-bottom : 0;
	margin : 0;
	padding-top : 0;
} 

h1 { 
	font : 25px Verdana, Arial, Helvetica, sans-serif;
	line-height : 24px;
	letter-spacing : 0.2em;
} 

h2 { 
	font : 18px Verdana, Arial, Helvetica, sans-serif;
	color : #003366;
} 

h3 { 
	font : 16px Verdana, Arial, Helvetica, sans-serif;
	color : #3366cc;
	line-height : 16px;
} 

p { 
	font : 13px Verdana, Arial, Helvetica, sans-serif;
	color : black, #003366;
	margin-top : 0;
	text-align : center;
} 

a { 
	color : #712500;
	font-weight : bold;
} 
a:hover { 
	color : #3366cc;
} 
/* ---------------------------------------------------------------------------------Haut de page-------------------------------------------------------------------------------------------------------*/
#haut_de_page {
	position:absolute;
	top: 0px;
	height:200px;
	width:100%; 
	margin: auto ;
	padding : 0;
	}

/* -------------------------------------------------------------------------------Corps principal-------------------------------------------------------------------------------------------------------*/
#corps_principal {
	position:absolute;
	margin-top:200px ;
	width:100%; 
	height:100%;
	padding : 0;
	}

/* ---------------------------------------------------------------------------Colonne de gauche-------------------------------------------------------------------------------------------------------*/
#colonne_gauche {
	position:absolute;
	float: left;
	width:300px; 
	height:100%;
	margin:0 ;
	padding : 0;
	}
/* ---------------------------------------------------------------------------Contenu-------------------------------------------------------------------------------------------------------*/
#contenu {
	position:relative;
	margin-left:300px; 
	height:100%;
	}

/* ---------------------------------------------------------------------------------Bas de page---------------------------------------------------------------------------------------------------------*/
#bas_de_page {
	position:fixed;
	bottom:0px;
	left :0px ;
	width:100%; 
	height:169px;
	margin:0 ;
	padding : 0;
	background-image:url("bas_repeat.png") ;
	background-repeat: repeat-x;
	height:169px;
	}


/* ------------------------------------------------------------------------mise en forme des liens de la colonne gauche------------------------------------------------------------------------*/

.menu{
    /* solve a Opera7/IE display bug */
    width:208px;
    width/**/:206px;
    display:block;
    border : 0;
    margin:0;
    padding:0;
    }
    
.menu span{
    display:none;
    }
 	
.menu ul{
	
    border : 0;
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:208px;
    width/**/:206px;
    }
    
.menu li ul{
    visibility:hidden;
	margin-left:208px; /* be careful */
    margin-top:-30px;
    }
 
.menu a{
	font : 11px Verdana, Arial, Helvetica, sans-serif;
	color : #003366;
	line-height : 16px;
	font-size : 75%;
    width:208px;
	text-decoration : none;
	display : block;
	border : 0;
	margin: 0;
	padding:3px 0px 0 0;
    }
    
.menub li ul a{
    background: #ccff99;
	border-bottom: 0;
    }
.menu a:hover{
    background-color: #ccff66;
	border-bottom: 0;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #ccff66;
	border-bottom: 0;
}

.menu span{
    /* hide some accessibility stuff */
    display:none;
    }
        
.menu li{
    width:208px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
    }