body{
	margin: 0;
	padding: 0;
	height:100%;
	background-image:  url(img/fond_global.gif);
}

img{ border: 0px; }
img.photo { border: 0; }
.centrer{ text-align: center; }
.couleur { color: #000080; font-weight:bold; }
a.lien_plan { color: #000080; text-decoration:none; }
a:hover.lien_plan { color: #693C40; text-decoration:none; }
a.lien { color: #693C40; text-decoration:none; }
a:hover.lien { color: #693C40; text-decoration:underline; }
a.lien_bas { color: #693C40; text-decoration:none; }
a:hover.lien_bas { color: #693C40; text-decoration:underline; }
#global{
	width: 100%;
	height:100%;
}

#center{
	position: relative;
    margin-left: auto;
    margin-right: auto;
	width: 750px;
	height:100%;
	background-color:#FFFFFF;v
}
/* ENTETE DE PAGE ----------------------------------------------------------------------*/
#bandeau_haut{
	position: relative;
	margin-left: auto;
    margin-right: auto;
	height: 101px;
	width: 750px;
	background-color:#1e90ff;
	background-image: url(img/bandeau_haut.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
#bandeau_logo{
	position: relative;
	margin-left: auto;
    margin-right: auto;
	height: 53px;
	width: 750px;
	background-color: #FFFFFF;
	border-bottom: solid 1px #3064b0;
}
/* CORPS DE PAGE ----------------------------------------------------------------------*/
#corps{
	display:table;
	margin-left: auto;
    margin-right: auto;
	width: 750px;
	height:100%;
	
}
/* MENU ----------------------------------------------------------------------*/
#menu{
	display:table-cell;
	position: relative;
	float: left;
	width: 260px;
	height:100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #3064b0;
	background-repeat:repeat;
}
ul{
	margin: 20px 10px -10px 10px;
	padding: 0px 0px 0px 0px ;
	width: 240px;
	list-style-type: none ;
	background-color: #FFFFFF;
}
ul li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	font-family: 'Arial', verdana, sans-serif;
	font-size:12px;
	color: #000080 ;
}

li.on{
	background-image: url(img/ico_select.gif);
}

ul li a{
	line-height: 20px ;
	color: #000080 ;
	text-decoration: none ;
	font-family: 'Arial', verdana, sans-serif;
}
	
ul li a:hover{
	color: #693C40 ;
	text-decoration: none;
}

li.menutitre {	
	font-size: 11px;
	font-weight:bold;
}

/* CONTENU ----------------------------------------------------------------------*/
#contenu{
	display:table-cell;
	position: relative;
	float: left;
	width: 490px;
	height:100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	background-repeat:repeat;
}
.chemin {
	margin: 22px 0px 0px 20px;
	font-family: 'Arial', verdana, sans-serif;
	font-size:10px;
	color: #693C40 ;
}
h2 {
	margin: 20px 0px 5px 20px;
	font-family: 'Arial', verdana, sans-serif;
	font-size:12px;
	color: #000080 ;
}
.texte {
	margin: 15px 20px 0px 20px;
	font-family: 'Arial', verdana, sans-serif;
	font-size:12px;
	color: #000080 ;
	text-align: justify;
}
.texte_soul {
	font-family: 'Arial', verdana, sans-serif;
	font-size:12px;
	color: #000080 ;
	text-align:left;
	text-decoration:underline;
}
/* PIED DE PAGE ----------------------------------------------------------------------*/
#bas{
	border-top:solid 1px #1E90FF;
	margin-left: auto;
    margin-right: auto;
	width: 750px;
	background-color:#FFFFFF;
}
.pied {
	line-height:20px;
	margin: 0px 0px 0px 0px;
	font-family: 'Arial', verdana, sans-serif;
	font-size:10px;
	color: #693C40 ;
	text-align: center;
}

/* FORMULAIRE -------------------------------------------------------------------*/
.formu {
	display: inline; 
	float: left; 
	width:110px;
	font-family: Arial;
	font-size:12px;
	color: #000080 ;
	margin: 0px;
	padding: 0px;
}
.button { 
font-family: arial; 
border-width: 1pt ; 
border-color: #1E90FF ; 
font-size: 10px ; 
color: #000080 ; 
background-color: #FFFFFF ; 
}
.input {
	font-family:arial;
	color:#000000;
	font-size:10px;
	border:solid 1px #1E90FF;
	background-color:#FFFFFF;
	margin:1px 0px 1px 0px ;
}
.text {
	overflow :auto;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #1E90FF;
	scrollbar-highlight-color: #1E90FF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	font-family:arial;
	color:#000;
	font-size:10px;
	border:solid 1px #1E90FF;
	background-color:#FFFFFF;
	margin:1px 0px 1px 0px ;
}
.alerte {
	margin: 22px 0px -20px 20px;
	font-family: 'Arial', verdana, sans-serif;
	font-size:10px;
	color: #990000 ;
}

/* L'ECRIT DE LA VAGUE */

.titre {	
	font-family: 'Arial', verdana, sans-serif;
	font-size:12px;
	color: #1E90FF ;
	text-align: justify;
	font-style:italic;
}
a.titre{ 
	color: #1E90FF; 
	text-decoration:none;
}
a:hover.titre{ 
	color: #1E90FF; 
	text-decoration:underline;
}