/* Mise en forme du body */





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

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

#menu {
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	height: 44px;
	width: 671px;
	padding-left: 109px;
	padding-right: 108px;
}

#sheader {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0;
	height:24px;
	width: 888px;
}

#contenuBg {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	height:auto;
	width: 888px;
	padding: 0px;
}

#boiteMenuG{
	float: left;
	width: 145px;
	height: auto;
	margin-top: 0px;
	padding: 0px;
}
#boiteMenuG a:link {color: #556074; text-decoration: none;}
#boiteMenuG a:visited {color: #556074; text-decoration: none;}
#boiteMenuG a:hover {color: #556074; text-decoration: underline;}
#boiteMenuG p {font-size: 11px;}

#boiteTexte{
	float: right;
	width: 730px;
	height: auto;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#boiteMenuD{
	position:absolute;
	width: 207px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	left: 847px;
	top: 226px;
}
#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: 67px; width: 100%; background: url(../images/bgFooter.gif) repeat-x; text-align:center; background-color: #fff;}
#menufooter {
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	height: 40px;
	width: 778px;
	text-align:left;
	padding-left: 110px;
}
#menufooter p {font-size: 11px;}

.spacer {
  clear: both;
}

/* CLASS - Mise en forme des textes */

p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; 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; }

.imagePositionGauche { padding-right :20px; float:left;}

/* Titre */

.titre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #2d93c1; font-weight: bold;}
.soustitre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #7db339; font-weight: bold;}
.titreMenu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold;}
.titreMenuB {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #2c91c0; font-weight: bold; margin: 0px 0px 0px 0px; padding-left: 30px; background: url(../images/menuBg.gif) repeat-y;}

/* Autre textes */

.texte {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #556074;}
.textePetit {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #556074;}

.elementMenu {background-color: #fff; background: url(../images/menuE.gif) no-repeat; height: 21px; width: 162px; margin: 0px 0px 0px 0px; padding-top:7px; padding-left: 45px; padding-bottom: 0px;}
.elementMenuV {background-color: #fff; background: url(../images/bgMenuGV.gif) no-repeat; height: 17px; width: 177px; margin: 0px 0px 0px 0px; padding-top:4px; padding-left: 30px; padding-bottom: 0px;}
.elementMenuB {
	background-color: #fff;
	background: url(../images/bgMenuGB.gif) no-repeat;
	height: 17px;
	width: 115px;
	margin: 0px;
	padding-top:4px;
	padding-left: 30px;
	padding-bottom: 0px;
}

.tiret {background: url(../images/tiret.gif) no-repeat; height: 1px; width: 145px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.tiretD {background: #e2e3e4 url(../images/tiretPx.gif) repeat; height: 1px; width: 145px; margin: 0px 0px 0px 0px;}

/* Liens par défault */

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

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

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

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

/* 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: 10px; 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: 10px; color: #6f6f6f; border: 1px solid #e2e3e4; background-color: #fff; padding-top:2px; padding-bottom:2px; padding-left: 5px; font-weight:normal;}
.formMenu {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#6f6f6f; font-weight:normal; margin: 0px 0px 0px 0px}

*{
	margin:0;
	padding:0;
}
#menue{
	width:150px;
	margin:20px auto 0 auto;
}
.menue, .sousmenue{
	text-align:center;
}
.menue{
	height:18px;
	width:150px;
	padding:2px 0;
	background:#404040;
	color:#fff;
}
.sousmenue{
	background-color: #fff;
	background: url(/Version4/images/bgMenuGB.gif) no-repeat;
	height: 17px;
	width: 145px;
	margin: 0px 0px 0px 0px;
	padding-top:4px;
	padding-left: 30px;
	padding-bottom: 0px;
}

.menue a{
	display:block;
	color:#fff;
	font-family:arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:#404040;
	height: 100%;
	width: 100%;
}
.sousmenue a{
	display:block;
	background-color: #fff;
	background: url(/Version4/images/bgMenuGB.gif) no-repeat;
	height: 17px;
	width: 145px;
	margin: 0px 0px 0px 0px;
	padding-top:4px;
	padding-left: 30px;
	padding-bottom: 0px;
}
.menue a:hover, .sousmenue a:hover, .menue a:active, .sousmenue a:active, .menue a:focus, .sousmenue a:focus{
	background:#ca0008;
}
#contenuBg #boiteTexte div .Style331 {
	font-weight: bold;
}
#contenuBg #boiteTexte div .Style331 {
	font-weight: normal;
}
