/***** CORPS DU TEXTE *****/
BODY {
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #0065ab;
scrollbar-highlight-color: #0065ab;
scrollbar-3dlight-color: #0065ab;
scrollbar-darkshadow-color: #0065ab;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #EA9400;
}


TD {
 font-weight : normal;
 font-size : 12px;
 color : #000000;
 font-style : normal;
 font-family : Verdana, Arial, Helvetica;
 font-variant : normal;
 text-decoration : none;
}

A {
 font-weight : normal;
 color : #288fb7;
 font-style : normal;
 font-family : Verdana, Arial, Helvetica;
 font-variant : normal;
 text-decoration : none;
}

A:hover {
 font-weight : normal;
 color : #288fb7;
 font-style : normal;
 font-family : Verdana, Arial, Helvetica;
 font-variant : normal;
 text-decoration : underline;
}

p {
	margin: 0 0 10px 0;
	padding: 0 0 0px 0;
}

.titre {
	font-weight : bold;
	text-decoration : none;
	font-size : 14px;
	font-family : Verdana, Arial, Helvetica;
	color : #000000;
}
.titrebleu {
	font-weight : bold;
	font-size : 14px;
	color : #288fb7;
}

.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #828282;
}

.adresse {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: Aucune;
	color: #010006;
}
a.accesdirects, a.accesdirects:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
a.accesdirects:hover, a.accesdirects:focus{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #EA9410;
}

a.jaune, a.jaune:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
a.jaune:hover, a.jaune:focus{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #EA9410;
}
a.nav, a.nav:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4F4F4F;
	text-decoration: none;
}
a.nav:hover, a.nav:focus{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C10925;
	text-decoration: none;
}
a.lienancre, a.lienancre:visited {
	font-size: 12px;
	color: #949494;
	font-weight: bold;
	text-decoration: none;
}
a.lienancre:hover, a.lienancre:focus{
	font-size: 12px;
	color: #3F3F3F;
	font-weight: bold;
	text-decoration: none;
}

.form {
 border-top-width : 1px;
 font-weight : normal;
 border-left-width : 1px;
 font-size : 10px;
 border-left-color : #000000;
 border-bottom-width : 1px;
 border-bottom-color : #000000;
 color : #000000;
 border-top-color : #000000;
 font-family : Verdana, Arial, Helvetica;
 background-color : #ffffff;
 border-right-width : 1px;
 text-decoration : none;
 border-right-color : #000000;
 display : inline;
}

.form2 {
 border-top-width : 0px;
 font-weight : bold;
 border-left-width : 0px;
 font-size : 10px;
 border-left-color : #ffffff;
 border-bottom-width : 0px;
 border-bottom-color : #ffffff;
 color : #ffffff;
 border-top-color : #ffffff;
 font-family : Verdana, Arial, Helvetica;
 background-color : #C10925;
 border-right-width : 0px;
 text-decoration : none;
 border-right-color : #ffffff;
 display : inline;
}

.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4F4F4F;
}
.titre_une {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.date_une {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6E6E6E;
}
.important {
	font-size: 13px;
	font-weight: bold;
}
.numeros {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #0065ab;
}
.blanc {
	font-weight: bold;
	color: #ffffff;
}
.rouge {
	font-weight: bold;
	color: #C10925;
}

.choixmenu {
 font-weight : normal;
 font-size : 10px;
 color : #000000;
 font-family : Verdana, Arial, Helvetica;
}

.sousmenu{
font-size: 1em; 
margin-top:2em;
margin-left: 6em;
margin-right: 6em;
border: 1px solid #C0C0C0;
}

a.ssmenuhorizon, a.ssmenuhorizon:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

a.ssmenuhorizon:hover, a.ssmenuhorizon:focus{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #EA9410;
}


a.ssmenuhorizonactif:hover, a.ssmenuhorizonactif:focus{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #EA9410;
	background-color:#0065AB;
}

a.ssmenuhorizonactif, a.ssmenuhorizonactif:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color:#0065AB;
}

.fondregion{
	color: #FFFFFF;
	background-color:#0065AB;
}

.cercle {
	list-style-type: circle;
}
h1 {
	margin-top: 0px;
	margin-bottom: 0px;	
	padding-top: 0px;
	padding-bottom: 0px;
}
h2 {
	background-repeat: no-repeat;
	background-image: url("images/carre2.gif");
	background-position:  0% 45%;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin: 0 0 5px 0;
	padding: 0 0 4px 15px;
}
h6 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background-image: url(images/carre2.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.petit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.sstitrebleu {
	font-size: 12px;
	font-weight: bold;
	color: #288FB7;
}

#piedpage {	
	padding: 1px 0px 2px 0px;
}
#piedpage ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#piedpage ul li {
	display: inline;
}

#piedpage ul li a {
	font-size: 10px;
	font-weight: bold;
	color: #949494;
	text-decoration: none;
	padding: 0px 7px 0px 7px;
}

#piedpage ul li a:hover {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #C10925;
}

#piedpage ul li a img {
        vertical-align: middle;
}

.rouge {
	color: #C10925;
}

#contenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#contenu ul.liste {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#contenu ul.liste li {
	background: url(images/tiret.gif) no-repeat 0 7px;
	padding-left: 5px;
}

#contenu ul.liste li a, #contenu ul.liste li a:visited {
	text-decoration: none;
	color: #288fb7;
}

#contenu ul.liste li a:hover {
	text-decoration: underline;
	color: #288fb7;
}

#contenu h3 {
	color: #4F4F4F;
	font-size: 13px;
	margin: 15px 0 5px 0;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #288fb7;
}

#resultats h3 {
	color: #4F4F4F;
	font-size: 13px;
	margin: 15px 0 5px 0;
	padding: 2px 0 4px 0;
}

.tablebord {
border: 1px solid #000065 ;
}

.imagebordbleu {
border: 1px solid #0065AB;
margin-right: 7px;
}

fieldset {
padding-left: 4px;
padding-bottom: 10px;
border: solid 1px #CDCDCD;
}
#contact h2 {
	background-repeat: no-repeat;
	background-image: url("images/carre2.gif");
	background-position:  0% 45%;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin: 0 0 5px 0;
	padding: 0 0 4px 15px;
}
#contact h3 {
	/*position: relative;*/
	padding-bottom: 2px;
	padding-left: 15px;
	margin-bottom: 5px;
	margin-top: 25px;
	background-position:  0% 45%;
	font: bold 13px Verdana, Helvetica, Sans-Serif;
	background-repeat: no-repeat;
	background-image: url("images/puce-bleu.gif");
	border-bottom: 1px solid #0065AB;
}
#contact h4 {
	/*position: relative;*/
	color: #4e4e4e;
	font-weight: bold;
	padding-bottom: 2px;
	margin-bottom: 1px;
	margin-top: 10px;
	font: bold 13px Verdana, Helvetica, Sans-Serif;
	padding-left: 5px;
}

/***** MENU HORIZONTAL - Un grand merci à iubito's menu - http://iubito.free.fr *****/
#conteneurmenu {
	margin:-156px;
	text-align: center;
	position: relative;
	width: 780px;
}

@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
}

.menu {
	background-color:#FFFFFF;
	color:white;
	font-size:10px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica;
	border:0px;
	padding:0px;
/* width et margin sont au cas où le javascript est désactivé.*/ 
	width:15em;
	margin:1em;
}
/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu {
	text-align:center;
}
/* .ssmenu = Les parties "déroulantes" qui s'affiche au survol d'un .menu */
.ssmenu {
	background-color:#FFFFFF;
	color:#0065AB;
	font-size:10px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica;
	border:1px solid #0065AB;
	padding:0px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}

.menu span, .ssmenu span {
/* Ne pas toucher
	C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}

.ssmenu ul, .ssmenu li {
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu a, .menu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:white;
	padding:0x;
	text-decoration:none;
/* Ne pas modifier le block */
	display:block;
	margin:0px;
	width:100%;
}

.ssmenu a, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#0065AB;
	padding:2px 2px;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica;
/* Ne pas modifier le block */
	display:block;
	margin:0px;
	width:100%;
}


html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width:auto;
}

.menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	background-color:#0065AB;
	color:white;
	text-decoration:none;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	background-color:#0065AB;
	color:#FFFFFF;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica;
}


img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
	border:none;
}

.ssmenu img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:2px;
}

.ssmenu img.hr {
/* Encore un peu expérimental, un <hr /> entre deux items pour faire un "séparateur"... */
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	display:block;
}