html{
	background-color:#b1c3d9;
	background-position: center center;
}

*{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	
}
body{
	background-color:#3d5890 ;
	color: #FFFFFF;
	width:885px;
	height: 420px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	font-size: 12px;

}
/* CSS du menu vertical*/

.menu{
	/* solve a Opera7/IE display bug */
    width:200px;
	width/**/:202px;
	margin:0;
	padding:0;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bolder;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #FFFFFF;
	
    }
    
.menu span{
    display:none;
    }
    
.menu ul{
	border-top: 1px #000 solid;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	margin:0;
	padding:0;
	position:absolute; /* important */
	width:200px;
	width/**/:202px;
	font-size: 11px;
	background-color: #0000FF;
    }
    
.menu li ul{
    visibility:hidden;
    }
            
.menu li ul{
    margin-left:200px; /* be careful */
    margin-top:-25px;
    }
    
.menu a{
	text-align:center;
	background-color: #4041f3;
	color:#FFFFFF;
	display:block;
	width:200px;
	text-decoration:none;
	margin:0;
	padding:3px 0 3px 0; /* em units can creat little graphic bug in mozilla */
	border: 1px solid #FFF;
    }
    
.menu a:hover{
    background-color: #000032;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #eee;
	color: #000066;
}

.menu span{
    /* hide some accessibility stuff */
    display:none;
    }
        
.menu li{
	width:200px;
	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{
   
    }
	
/* page*/

.titre{
	font-size: x-large;
	/*background-image: url(../images/fondpresentationpt675.jpg);
	background-repeat: repeat;*/
	
	width: 685px;
!important
	width: 687px;	
	font-weight: bold;	
    }
	
	.titre2{
	font-size: x-large;
	
	
	width: 685px;
!important
	width: 687px;	
	font-weight: bold;	
    }
#page{
	/*background-image: url(../images/fondpresentationpt675.jpg);
	background-repeat: repeat;*/
	
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 400px;
    }

#index{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 10px;
    }
	
.copyright{
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;	
    }
	.hautdepage{
	font-weight: bold;
	text-decoration: none;
	color:#FFFFFF;
	font-size: 12px;
	text-align: right;
	padding-right: 10px;
    }
	.heading{
	font-weight: bold;
	color:#FFFFFF;
	font-size: 16px;
	text-align: center;
    }
	
	#texte{
	text-align: justify;
	padding: 10px;
	font-size: 12px;	
	 }
	.texte{
	text-align: justify;
	padding: 10px;	
	font-size: 12px;
	
    }