body {
	font-size: 12px;
	line-height: 24px;
	background-color: #93aaec;
	margin: 0 auto;
	width:100%;
}

div#banniere {
	position:absolute;
	left:10px;
	top:0px;
	width:990px;
	height:100px;
	z-index:1;
	visibility: visible;
}

div#navigation {
	display: inline;
	position:absolute;
	left:10px;
	top:100px;
	width:990px;
	height:25px;
	z-index:2;
	visibility: visible;
}

div#centre {
	position:absolute;
	left:11px;
	top:125px;
	width:990px;
	height:430px;
	background-color: #e6e6e6;
	overflow: auto;
	z-index:3;
}

div#pied {
	position:absolute;
	left:10px;
	top:555px;
	width:990px;
	height:30px;
	z-index:4;
	visibility: visible;
}

div#contenu {
	position:absolute;
	left:0px;
	top:0px;
	width:950px;
	height:410px;
	padding:10px;
	z-index:5;
}

div#contenu0gh {
	position:absolute;
	left:10px;
	top:10px;
	width:405px;
	height:30px;
	z-index:6;
	visibility: visible;
}

div#contenu00gh {
	position:absolute;
	left:10px;
	top:10px;
	width:940px;
	height:30px;
	z-index:6;
	visibility: visible;
}

div#contenu1gh {
	position:absolute;
	left:10px;
	top:40px;
	width:405px;
	height:270px;
	overflow: auto;
	z-index:7;
	visibility: visible;
}

div#contenu01gh {
	position:absolute;
	left:10px;
	top:110px;
	width:405px;
	height:200px;
	overflow: auto;
	z-index:7;
	visibility: visible;
}

div#contenu001gh {
	position:absolute;
	left:10px;
	top:40px;
	width:405px;
	height:70px;
	z-index:7;
	visibility: visible;
}

div#contenu2gh {
	position:absolute;
	left:10px;
	top:320px;
	width:405px;
	height:100px;
	z-index:8;
	visibility: visible;
}

div#contenu1dh {
	position:absolute;
	left:425px;
	top:10px;
	width:500px;
	height:210px;
	z-index:9;
}

div#contenu01dh {
	position:absolute;
	left:425px;
	top:40px;
	width:500px;
	height:410px;
	z-index:9;
}

div#contenu2dh {
	position:absolute;
	left:425px;
	top:220px;
	width:500px;
	height:200px;
	z-index:10
}

div#contenu1dv {
	position:absolute;
	left:425px;
	top:10px;
	width:270px;
	height:410px;
	z-index:11;
	visibility: visible;
}

div#contenu2dv {
	position:absolute;
	left:700px;
	top:10px;
	width:270px;
	height:410px;
	z-index:12;
	visibility: visible;
}

div#contenu_texte {
	position:absolute;
	left:10px;
	top:10px;
	width:730px;
	height:420px;
	z-index:13
}

div#contenu_diapo {
	position:absolute;
	left:750px;
	top:10px;
	width:200px;
	height:420px;
	z-index:14
}

div#contenu_50g {
	position:absolute;
	left:10px;
	top:100px;
	width:455px;
	height:330px;
	z-index:15
}

div#contenu_50d {
	position:absolute;
	left:485px;
	top:100px;
	width:455px;
	height:330px;
	z-index:16
}

.onglet { /* style des onglets inactifs */
	background : url(images/onglet.gif) top no-repeat; /* image de fond de la boite float, calée en haut */
	margin:0px; /* marge extérieure */
	padding:0px; /* marge intérieure */
	font-family: "Trebuchet MS", "Book Antiqua", "Bookman Old Style", Verdana, Arial, sans-serif; /* police */
	font-size : 14px; /* taille de la police des onglets */
	color: #3366FF;
	float:left; /* boite en mode float, pour pouvoir en définir la largeur */
	width:120px; /* largeur de la boite float */
	text-decoration:none; /* les lien dans les onglets ne sont pas soulignés */
	text-align:center /* Le texte des onglets est centré */
}

a.onglet:visited {
	font-family: "Trebuchet MS", "Book Antiqua", "Bookman Old Style", Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #CC99FF;
	text-decoration: none;
	text-align: center;
	vertical-align: bottom;
}

a.onglet:hover {
	color: #FF6666; /* lors du survol d'un lien, la police devient rouge */
} 

.onglet-actif { /* style de l'onglet de la page active */
	color: #FF6666;
	position:relative ; /* l'onglet actif est mis en position relative */ 
	top:2px ; /* pour pouvoir baisser l'onglet de 2 pixels */
	border-bottom : solid 0px white} /*on efface le trait inférieur du menu */

.spacer {clear:both} /* force le retour à la ligne après des boites float */

a {
	color: #CC3399;
	font-family:"Trebuchet MS", "Book Antiqua", "Bookman Old Style", Verdana, Arial, sans-serif;
	font-size:14px;
	font-weight: bold;
}

form {
	height: auto;
	width: auto;
}

fieldset {
	padding: 0 .5em .5em;
	margin: 1em 0 .5em;
	border: solid 0.16em #3366ff;
}

legend {
	padding: 0 .5em;
	margin: 0.7em .5em;
	font: 500 1.5em "Trebuchet MS", "Book Antiqua", "Bookman Old Style", Verdana, Arial, sans-serif; 
	letter-spacing: .1em;
}

textarea {
	display: block;
	width: 95% !important;
	width: 100%;
	margin: 0 auto;
	border: solid 0.15em #3366ff;
	background-color: #FFFFFF;
}

.header {
	font-family: "Trebuchet MS", "Book Antiqua", "Bookman Old Style", Verdana, Arial, sans-serif;
	font-size: 24px;
	background-color: #990000;
	color: #FFFF66;
}

.h1 {
	font-family: "Trebuchet MS", "Book Antiqua", "Bookman Old Style", Verdana, Arial, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#0000FF;
	text-align: center;
}

.h2 {
	font-family: "Trebuchet MS", "Book Antiqua", "Bookman Old Style", Verdana, Arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#3333FF;
	text-align: center;
}

.h3 {
	font-family: "Trebuchet MS", "Book Antiqua", "Bookman Old Style", Verdana, Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FF0066;
	text-align: center;
}

.h4 {
	font-family: "Trebuchet MS", "Book Antiqua", "Bookman Old Style", Verdana, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#3300FF;
	text-align: center;
}

.title {
	font-family: "Trebuchet MS", "Book Antiqua", "Bookman Old Style", Verdana, Arial, sans-serif;
	font-size: xx-large;
	line-height: 30px;
	color: #1C6379;
}

.subtitle {
	font-family: "Trebuchet MS", "Book Antiqua", "Bookman Old Style", Verdana, Arial, sans-serif;
	font-size: x-large;
	line-height: 20px;
	font-weight: bold;
	color: #1C6379;
	font-style: oblique;
}

.subtitle2 {
	font-family: "Trebuchet MS", "Book Antiqua", "Bookman Old Style", Verdana, Arial, sans-serif;
	font-size: large;
	line-height: 16px;
	font-weight: bold;
	color: #1C6379;
	font-style: oblique;
}

.titrenews {
	font-family: "Trebuchet MS", "Book Antiqua", "Bookman Old Style", Verdana, Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #3366FF;
	font-style: oblique;
	text-decoration:underline;
}

.titrenews2 {
	font-family: "Trebuchet MS", "Book Antiqua", "Bookman Old Style", Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3366FF;
	font-style: oblique;
	text-decoration:underline;
}

.textenews {
	font-family: "Trebuchet MS", "Book Antiqua", "Bookman Old Style", Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #3366FF;
	font-style: oblique;
	text-align:justify;
	margin:15px;
}

.textenews2 {
	font-family: "Trebuchet MS", "Book Antiqua", "Bookman Old Style", Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #3366FF;
	font-style: oblique;
	text-align:justify;
	margin:15px;
}

.textenews3 {
	font-family: "Trebuchet MS", "Book Antiqua", "Bookman Old Style", Verdana, Arial, sans-serif;
	font-size: 16px;
	color: #3366FF;
	font-style: oblique;
	text-align:justify;
	margin:10px;
}

.titretableau {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #3366FF;
	font-style: oblique;
	font-weight: bold;
}

.textetableau {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #3366FF;
	font-style: oblique;
}

.textetableau2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #3366FF;
	font-style: oblique;
}

.Style1 {
	font-size: 14px;
	font-family: "Trebuchet MS", "Book Antiqua", "Bookman Old Style", Verdana, Arial, sans-serif;
	color: #0000FF;
	margin-left: 30px;
	margin-bottom: 5px;
	margin-right: 30px;
	margin-top: 5px;
}

.Style2 {
	font-size: 14px;
	font-family: "Trebuchet MS", "Book Antiqua", "Bookman Old Style", Verdana, Arial, sans-serif;
	color: #0000FF;
	margin-left: 30px;
	margin-right: 30px;
}

a:hover {
	color: #DEDECA;
	background-color: #330000;
}

.legal {
	font-family: "Trebuchet MS", "Book Antiqua", "Bookman Old Style", Verdana, Arial, sans-serif;
	font-size: 12pt;
	color: #333333;
}

.diapo {
	width:180px;
	height:180px;
	background:url(images/diapo.gif);
	background-repeat:no-repeat;
	text-align:center;
	padding:auto;
}

.image_diapo {
	border: 1px solid #93aaec;}
	a:link .image_diapo {  border-color: #93aaec;}
	a:visited .image_diapo {  border-color: #cc99ff;}
	a:hover .image_diapo { border-color: #FF6666;}

.discret {
	color: #3366FF;
	text-decoration:none; /* les lien dans les onglets ne sont pas soulignés */
}

.invisible {
	visibility: hidden;

.message_login {
	position:absolute;
	left:420px;
	top:220px;
}