/* Mise en forme du body */

body {
background: #B0D3EE;
padding:0;
margin:0;
font-family: verdana, arial, sans-serif;
font-size: 90%;
color: black;
}

mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 50px;
color: #000;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
}

/* ID(#) - Mise en forme de la page en DIV -  */

#header { margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom:0; height:170px; width: 990px; background-image:url(../images/header_new.jpg); padding: 0px 0px 0px 0px; margin-top: 0px;}

#menuhor { margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height: 50px; width:775px; background-image:url(../images/bgMenuH.jpg); padding-left: 107px; padding-right: 108px;}

#sheader { margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom:0; height: 26px; width: 990px; background-image:url(../images/sheader.gif); padding: 0px 0px 0px 0px;}

#contenuBg {margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height:auto; width: 990px; background-image:url(../images/contenuBg.gif); background-repeat: repeat-y; padding: 0px 0px 0px 0px;}

#boiteMenuG{float: left; width: 150px; height: auto; margin-top: 0px 30px 0px 0px; padding-left: 10px;}
#boiteMenuG a:link {color: #ffffff; text-decoration: none;}
#boiteMenuG a:visited {color: #ffffff; text-decoration: none;}
#boiteMenuG a:hover {color: #76c3ff; text-decoration: underline;}
#boiteMenuG ul {
	position: absolute;
	z-index: 100;
	left: 523px;
	margin-top: -1.4em;
	width: 10em;
	background: #A9BFCB;
	border: 1px solid gray;
	top: 42px;
}

#boiteTexte{float: right; width: 720px; background-color: #FFFFFF; height: auto; padding: 0px 60px 0px 0px; margin-left: 27px;  margin-right: 10px;}

#boiteMenuD{float: right; width: 50px; height: auto; margin: 0px 0px 0px 200px;}
#boiteMenuD a:link {color: #ffffff; text-decoration: none;}
#boiteMenuD a:visited {color: #ffffff; text-decoration: none;}
#boiteMenuD a:hover {color: #ffffff; text-decoration: underline;}

#footer {margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height: 55px; width: 991px; background-image:url(../images/footer.jpg); background-repeat: no-repeat; text-align:center; background-color: #fff;}

.spacer {
  clear: both;
}

/* CLASS - Mise en forme des textes */

p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #556074;}

ul { padding:0; margin:auto; margin: 0px 0px 0px 0px;}
ul li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; display:inline; list-style-type: none; }

/* Titre */

.titre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #2e82e0; font-weight: bold;}
.titreMenu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold;}

/* Autre textes */

.texte {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #556074;}
.textePetit {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #6f6f6f;}
.bouton {background-image:url(../images/bouton.gif); background-repeat:no-repeat; height:19px; width: 129px; margin: 0px 0px 10px 0px; color: #fff; font-size: 10px; padding-left: 30px; padding-top: 5px; font-weight: bold;}
.elementMenu {background-color: #000; background: url(../images/bgMenuG.gif) no-repeat; height: 20px; width: 129px; margin: 0px 0px 0px 0px; padding-top:4px; padding-left: 30px; padding-bottom: 0px;}
.elementMenu2 {background-color: #000; background: url(../images/bgMenuG2.gif) no-repeat; height: 20px; width: 129px; margin: 0px 0px 0px 0px; padding-top:4px; padding-left: 30px; padding-bottom: 0px;}
.elementMenu3 {background-color: #000; background: url(../images/bgMenuG3.jpg) no-repeat; height: 20px; width: 129px; margin: 0px 0px 0px 0px; padding-top:4px; padding-left: 30px; padding-bottom: 0px;}


/* Liens par défault */

a:link {color: #2e82e0; text-decoration: underline;}
a:visited {color: #2e82e0; text-decoration: underline;}
a:hover {color: #2e82e0; text-decoration: none;}

/* Liens pour MENU DES ONGLETS - Doir être appliqué sur la cellule <td> ou tableau est non sur le texte*/

.menuhor a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #fff; text-decoration: none;}
.menuhor a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #fff; text-decoration: none;}
.menuhor a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #76c3ff; text-decoration: none;}
.menuhor{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #76c3ff; text-decoration: none; text-align:center;}

.menuPadding {padding-top: 15px; margin: 0px 0px 0px 0px; vertical-align:top;}
.menuSeparateur {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background: url(../images/separateurH.gif) no-repeat; width: 2px;}

/* Liens pour le menu vertical RUBRIQUE - Doir être appliqué sur la cellule <td> ou tableau ou DIV est non sur le texte*/

.rubriqueD a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color: #5e7a1c; text-decoration: none; font-weight: bold;}
.rubriqueD a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color: #5e7a1c; text-decoration: none; font-weight: bold;}
.rubriqueD a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #383c47; text-decoration: none; font-weight: bold;}
.rubriqueD{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #383c47; text-decoration: none; text-align:left; font-weight: bold;}


/* A appliquer a form */

.formulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #4e4e4e; border: 0px; background-color: #fff; margin: 0px 0px 0px 0px; padding-top: 15px; padding-left:17px;}
.boiteFormulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #dddddd; border: 1px solid #929292; background-color: #474747; padding-top:1px; padding-bottom:1px; padding-left: 5px; font-weight:normal;}
.formMenu {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#dddddd; font-weight:normal; margin: 0px 0px 0px 0px}

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

.menu, .ssmenu {
	background-color:#F0F0F0;
	color:#6D6D6C;
	font-size:12px;
	font-weight:bold;
	font-family:Arial,Verdana;
	border:1px solid #CDCDCC;
	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;
	background: url("pro/pro2.jpg") #F0F0F0;
	color:#969695;
}

.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;
	border-bottom: 1px solid #CDCDCC;
	border-right: 1px solid #CDCDCC;
}
.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#969695;
	padding:2px;
	text-decoration:none;
	font-family:Arial,Verdana;
/* Ne pas modifier le block */
	display:block;
/*	Ne pas toucher ces 2 lignes */
	margin:0px;
	width:100%;
}
.ssmenu a, .ssmenu a:visited {
	padding-left:5px;
}
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;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .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: url("pro/pro1.jpg");
	color:black;
	text-decoration:none;
	font-family:Arial,Verdana;
	margin:0px;
	width:100%;
}

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:8px;
}
.ssmenu img.hr {
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	height:1px;
	display:block;
}

body {
background: #B0D3EE;
padding:0;
margin:0;
font-family: verdana, arial, sans-serif;
font-size: 90%;
color: black;
}