/* Mise en forme du body */

/*body { background-color:#5985a1; margin:0px; margin-bottom:30px; }*/

body { background-color:#5577FF; margin:0px; margin-bottom:30px; }


#tout { width:782px; margin:0px auto; padding-top:10px; }

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

#header { margin:0px auto; height:100px; width:782px; background-image:url(./images/top.gif); background-repeat:no-repeat; background-position:bottom; padding:0px; }
#logo { float:left; margin:0px; padding-top:20px; width:250px; padding-left:40px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:25px; color: #556074;}
#logo img { border:0px; vertical-align:middle; }
#slogan { float:right; vertical-align:bottom; color:navy; width:482px; font-family:Arial,Helvetica,sans-serif; font-size:13px; }

#contenuBg { margin:0px auto; height:auto; width:782px; background-color:#5577FF; background-image:url(./images/centre.gif); background-repeat: repeat-y; padding-top:20px; }

#boiteMenuG { float:left; width:190px; height:auto; margin:0px; padding-left:15px; }
#boiteMenuG .itemMenu { padding:0px; padding-top:5px; margin:0px; }
#boiteMenuG .puce_menu { border:0px; vertical-align:middle; }
#boiteMenuG .itemMenu a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 8px; font-weight:bold; color:#556074; text-decoration:none; text-transform:uppercase; }
#boiteMenuG .itemMenu a:hover { color:orange; }
#boiteMenuG .itemMenu a:visited { text-decoration:none; }
#boiteMenuG .itemSousMenu { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:0px; padding-left:35px; margin:0px; color:#f33; }
#boiteMenuG .itemSousMenu a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#556074; text-decoration:none; }
#boiteMenuG .itemSousMenu a:hover { text-decoration:underline; }
#boiteMenuG .itemSousMenu a:visited { text-decoration:none; }
#boiteMenuG .puce_sous_menu { border:0px; vertical-align:middle; width:14px; height:12px; }

#boiteTexte {float:left; width:565px; height:auto; padding:0px; margin:0px; background-image:url(./images/fond_texte.gif); background-repeat:no-repeat; }
#boiteTexte p { text-align:justify; padding:5px 30px; }
#boiteTexte h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
#boiteTexte table { border-collapse:collapse; margin:0px auto; }
#boiteTexte th { background-color:#DDDDDD; text-align:center; font-weight:bold; width:85px; }
#boiteTexte td, th { border:1px solid navy; text-align:center; width:85px; }
#boiteTexte .c1 { text-align:left; width:250px; }
#boiteTexte .c1titre { text-align:center; width:250px; }

#footer { margin:0px auto; padding:0px; vertical-align:middle; width:782px; background-color:#5577FF; background-image:url(./images/bottom_fd.gif); background-repeat:no-repeat;}
#footer .copyright { float:left; width:350px; margin-left:15px; margin-top:7px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #6f6f6f;}
#footer .activites { margin:0px auto; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ccc;}

.spacer { clear:both; }

/* CLASS - Mise en forme des textes */

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

#boiteTexte li { margin-left: 30px; }

/* Titre */

#boiteTexte .titre, #boiteTexte h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#fff; font-weight:bold; width:510px; margin:15px 20px; padding:3px 10px; background-color:#5555ff; }
.titreMenu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold;}

#boiteTexte b { color:#5555ff; font-family: Arial, Helvetica, sans-serif; font-size:12px; }

/* 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;}

/* Liens par défault */

a:link {color: #2e82e0; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
a:visited {color: #2e82e0; text-decoration: underline;}
a:hover {color: #2e82e0; text-decoration: none;}


/* A appliquer a form */

.formulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #4e4e4e; border: 0px; margin:0px; padding-top: 15px; padding-left:17px; background-color:#fff; }
.boiteFormulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; border: 1px solid #929292; background-color:#fff; 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}
#contact td { border:0px; text-align:left; }