/* ---------- Elements Principaux ------------- */
body    { 
	 margin: 0px; /* pour éviter les marges */
	 text-align: center; /* pour corriger le bug de centrage IE */ 
	 background-color:#DEDEDE;
	 font-size: 10pt;
	 }

/* les liens */
a	{
	text-decoration:underline; 
	color:#5675A4; 
	font-size:110%;
	}
/* lien non-visité */
a:link { 
	text-decoration:underline; 
	color:#5675A4; 
	font-size:110%;
	}
/* lien visité */
a:visited { 
	text-decoration:underline; 
	color:#567580; 
	font-size:110%;
	}
/* lien survolé */
a:hover { 
	text-decoration:none;
	}
/* lien activé */
a:active { 
	text-decoration:none;
	}
/* ancre */
a.ancre {
	text-decoration:none; 
	}

/* les listes */
ul	{
	list-style:disc;
	margin-bottom: 5px;
	margin-top: 5px;
	}
li	{
	
	}
	
	
h1	{
	margin-top: 0px ;
	margin-bottom: 5px ;
	font-size: 1.8em ;
	text-align : center;
	}
	
	
h2	{
	margin-top: 0px ;
	padding-left: 10px ;
	line-height: 25px ;
	font-size: 1.4em ;
	font-weight:bold;
	color: #1F4180 ;
	border-bottom: 2px solid #a7c4de ;
	}

h3	{
	margin-left: 15px ;
	padding-left: 5px ;
	line-height: 15px ;
	font-weight:bold;
	font-size: 1.3em ;
	border-bottom: 1px solid #a7c4de ;
	border-left: 3px solid #a7c4de ;
	color: #1F4180 ;
	}

p	{
	text-align: justify ;
	text-indent: 2em ;
	}
	
/* citations */
blockquote {
	margin-left : 25px;
	margin-right : 10px;
	border:1px dotted gray; 
	padding :5px;
	background-color :white; 
	}
	
/* les tableaux */
table {
	margin-left: 25px;
   	background-color:#FFFFFF;
    border: solid gray 2px;
	font-size: 1em ;
	}
	
table td {
    padding: 5px;
    border: solid #000 1px;
	}

.table-header {
	font-style: italic;
	font-weight:bold;
    text-align: center;
    background-color: #a7c4de;
	}

.table-menu {
	font-weight: bold;
    text-align: left;
    margin : 25px 0px 0px 25px;
    background-color: #DEDEDE;
	padding: 5px 15px 5px 5px;
	}
	
.table-data {
	color: #000000;
    text-align: center;
    background-color: #DEDEDE;
	}
	
/* les boutons */
.bouton {
	background-color : #FAFAFA;
	font-weight : bold;
	font-family: Verdana;
	color:#1F4180;
	}
	
	
		
/* ---------- Structure ---- */

/* container */
#container {
	position:relative;
    	width: 900px;
    	margin-top: 5px; /* moitié de la hauteur */
	margin-bottom: 5px;
    	margin-left: auto; /* moitié de la largeur */
	margin-right: auto;
	background-color:white;
	text-align: left;
	border: 1px solid gray ;
	}
	
	/* en tête */
	#header {
		position: relative;
		left: 4px;
		top: 4px;
		width:890px;
		height:100px;
		border: 1px solid gray;
		background-color:#a7c4de;
		text-align:center;
		padding:5px 0px 0px 0px;
		}
	
	/* barre connection */
	#barre_connection {
		position: relative;
		left : 4px;
		top: 6px;
		width:890px;
		background : transparent url(image/box-top-center.png) repeat-x scroll top left;
		height:22px;
		vertical-align: baseline;
		font-size:8pt;
		color:#1F4180;
		text-align:right;
		border:1px solid gray;
		border-style: solid;
		font-family: Verdana;
		}
		
	/* corps de texte */
	#main {
		position: relative;
		left : 4px;
		top:0px;
		width:890px;
		}
	
		/* les menus */
		#menu {
			position: relative; 
			left : 0px; 
			top:5px; 
			width:205px;
			bottom:0px; 
			height:700px;
			}
	
			/* les boites menu */
			.boxmenu {
				position: relative; 
				left : 0px; 
				top:0px;
				padding :5px 0px 0px 0px;  
				width:200px; 
				height : auto;
				}
				
			/* les boîtes en tête */
			.boxheader {
				position: relative;
				background : transparent url(image/box-top-center.png) repeat-x scroll top left;
				height:22px;
				font-size:8pt;
				color:#1F4180;
				border:1px solid gray; 
				border-style: solid;
				font-family: Verdana;
				padding:1px 0px 1px 0px;
				}
			
			/* les boîtes main */
			.boxmain {
				position: relative;
				height:auto;
				font-size:7pt;
				border-color:#1F4180;
				background-color: white;
				color:#999999; /*#b6b6b6;*/
				border:1px solid gray; 
				border-style: solid;
				font-family: Verdana;
				overflow:auto; 
				padding:5px 0px 5px 0px;
				}

		/*la page */
		#page {
			position: relative; 
			left : 205px; 
			top:0px; 
			margin-top: -690px; 
			width:687px;
			min-height:650px; 
			bottom:0px;
			}
			
			/* page main*/
			.pagemain {
				position: relative;
				top:2px;
				background-color: #F7F7F7;/*ghostwhite*/
				min-height: 610px;
				height: auto; 
				_height:610px;
				color:#1F4180;
				border:1px dotted gray; 
				font-family: Verdana;
				font-size:7pt; 
				padding:5px 5px 5px 5px;
				line-height: 1.3em ;
				}
	
	/* pied de page */
	#footer {
		position: relative; 
		left : 0px; 
		margin-top:5px;
		bottom:0px;
		width:100%;
		height:20px;
		border-top: 1px solid gray; 
		background-color:#a7c4de;
		text-align:center;
		font-family: Verdana;
		font-size:8pt;
		color:#1F4180;
		}