/* Mise en forme du body */

body { background-color:#fff; background-image:url(../images/bg.jpg); background-repeat: no-repeat; background-position: top center; margin: 0 0 0 0;}



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

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

#menu { margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height: 36px; width: 642px; background-image:url(../images/menu.jpg); padding-left: 259px;}

#contenuHaut {margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height:31px; width:901px; background-image:url(../images/contenuTop.jpg);}

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

#boiteMenuG{float: left; width: 237px; height: auto; padding-left: 1px; padding-right: 1px;}

#boiteTexte{float: left; width: 427px; height: auto; margin-left: 22px;  margin-right: 28px;}

#boiteBio{float: left; position:relative; width: 427px; height: auto; padding-left: 10px; padding-right: 5px;}

#boiteMenuD{float: left; width: 170px; height: auto; padding-right: 15px;}

#footer {margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height: 26px; width: 901px; text-align:center; background-image:url(../images/footer.jpg); background-position:top; background-repeat:no-repeat; padding-top: 26px;}

.spacer {
	clear: both;
}

/* CLASS - Mise en forme des textes */

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


/* Titre */

.titre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #0d7ca9; font-weight: bold; border-bottom: dotted 1px #282828; margin: 0 0 0 0px;}
.soustitre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #0d7ca9; font-weight: bold;}


/* Autre textes */

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


/* Liens par défault */

a:link {color: #106199; text-decoration: underline;}
a:visited {color: #106199; text-decoration: underline;}
a:hover {color: #000; 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: 10px; font-weight: bold; color: #fff; text-decoration: none;}
.menu a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #fff; text-decoration: none;}
.menu a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #79e7ff; text-decoration: none;}
.menu{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #79e7ff; text-decoration: none; text-align:center;}


/* Liens pour les menus verticaux - Doir être appliqué sur la cellule <td> ou tableau ou DIV est non sur le texte*/

.separateurG{ height: 11px; background-image:url(../images/separateurG.gif); background-position:top; background-color: #f6f6f6; margin: 0 0 0 0px; padding-top: 6px; padding-bottom:5px;}
.rubriqueG a:link { font-family: Verdana, Arial, Helvetica, sans-serif; color: #1183b1; text-decoration: none;}
.rubriqueG a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;  color: #1183b1; text-decoration: none;}
.rubriqueG a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #1183b1; text-decoration: none; font-weight: bold;}
.rubriqueG{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;  color: #fff; text-decoration: none; text-align:left;}

.separateurD{background-color: #000000; background-image:url(../images/separateurD.gif); background-repeat: no-repeat; background-position: bottom; margin: 0 0 0 0px; height: 13px; padding-top: 6px; padding-bottom: 7px; padding-left: 14px; padding-right: 14px;}
.rubriqueD a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;  color: #fff; text-decoration: none; font-weight: bold;}
.rubriqueD a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;  color: #fff; text-decoration: none; font-weight: bold;}
.rubriqueD a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #79e7ff; text-decoration: none; font-weight: bold;}
.rubriqueD{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;  color: #fff; text-decoration: none; text-align:left;}


/* A appliquer a form */

.formulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #4e4e4e; border: 0px; background-color: #fff; margin: 0 0 0 0px; padding-top: 15px; padding-left:23px;}
.boiteFormulaire {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px; color: #4e4e4e; border: 1px solid #afb1b3; background-color: #fff; padding-top:2px; padding-bottom:2px; padding-left: 5px;}