body{ background: #fff url(../img/barre_bleu.gif) repeat-y;color: #000000;margin: 0; padding: 0;border: 0;font-family: arial, helvetica, sans-serif;font-size: 12px;padding-bottom: 25px;}

/* LIENS ______________________________________________*/
a:link  {font-weight: bold; color: #333399;}
a:active {font-weight: bold;color: #333399;}
a:visited {font-weight: bold;color: #333399;}
a:hover	{font-weight: bold;color: #0066CC;}

/* STRUCTURE _______________________________________________________________*/
#page{width: 100%;text-align: left;margin: 0;padding: 0;}
#bandeau{background: #fff url(../img/entete.gif) no-repeat;border: 0;margin: 0;height: 130px;padding: 0 0 0 0px;text-align: right;line-height: 20px;font-size: 16px;font-weight: bold;text-decoration: none;letter-spacing: 1px;color: #999999;}
.titrecress{background-color:#ffffff;}
#barre_laterale{width: 180px;float: left;margin: 0px 0 0px 0;padding: 0px 10px 10px 0;}
#infolegales{border: 0;color: #666;padding-top: 0px;text-align: center;clear: both;font-size: 10px;}
#localisation{height: 41px; font-size: 0.8em;}
#logo{float: left;margin:0px;padding-left: 90px;padding-top: 45px;width: 85px;height: 74px}
#contenu_principal{height: auto !important;min-height: 400px;height: 400px;background: url(../img/perso_bleu.gif) no-repeat bottom ;margin: 10px 0 0 0px;padding: 10px 5px 10px 10px;}

/* MENU HAUT _________________________________________________________________   */
#menu{height: 60px;width: 100%;background: url(../img/fond_menu_a.gif) no-repeat;margin: 0;padding-top: 5px;}

#menu ul{line-height: 25px; border: 0;margin: 0;padding: 0;list-style-type: none;text-align: left;clear: right;}
#menu ul li{display: block;float: right;text-align: left;margin-left: 5px;}
#menu ul li a{padding-left: 25px;margin: 10px;text-decoration: none;color: #999999;}

#menu li#contact a{padding-bottom: 15px; background: url("../img/b_contact.gif") no-repeat ;}
#menu li#plan a{padding-bottom: 15px;background: url("../img/b_plan.gif") no-repeat ;}
#menu li#forum a{padding-bottom: 15px;background: url("../img/b_forum.gif") no-repeat ;}
#menu li#annuaire a{padding-bottom: 15px;background: url("../img/b_annuaire.gif") no-repeat ;color:#66cc33;}


/* MENU GAUCHE ____________________________________*/
.element {width: 160px;margin-top: 5px;padding: 5px;}
.element ul{margin: 0;padding: 0;text-align: left;}
.element ul ul{margin-left: 10px;padding: 0;text-align: left;border: 0;}
.element ul li{list-style: none;margin: 0;padding: 0;line-height: 1.8em;font-size: 8px;}
.element ul li.secteur{padding-top: 3px;}
.element ul li a{text-decoration: none;font-size: 12px;font-weight: bold;color: #000000;}
.element ul li.secteur a{font-size: 15px;font-weight: bold;color: #ffffff;font-style: italic;}
.element ul li.secteur ul li a{font-size: 10px;}

/* A LA UNE ____ ACCUEIL _________________________*/
#breve_acc{margin-left: 5px; float: left; width: 45%;background: url('./img/breve_acc_haut.gif') top right repeat-y;}
#breve_acc_milieu{margin: 0px 3px 0px 0px;}
#breve{padding-left: 10px;padding-right: 5px; text-align: justify;background: url(../img/breve_acc_milieu.gif) repeat-y;}

/* AGENDA ____ ACCUEIL _________________________*/
#agenda {width:30%; float:right;margin-right: 5px; text-align: right; padding-top: 10px;background: url('../img/propose.gif') top right no-repeat;}
#agendatxt {height: 70%;text-align: left; margin-top: 20px; margin-left: 10px;overflow: auto;}
#propose {text-align:center;font-weight: bold; font-size: 1.1em; color: #ffffff;background: url('../img/propose.gif') top right repeat;}
.titreagenda {line-height: 20px;font-size: 16px;font-weight: bold;text-decoration: none;letter-spacing: 1px;color: #ffffff;}

/* Mise en forme TEXTE ___________________________________*/
#intro{}

/*|||| H1 ||||*/
H1 {font-size: 1em;}
#contenus_inter H1{padding-left: 55px;line-height: 50px; font-family: Verdana;color: #ff9900; font-size: 1.5em;background: url('../img/titre_inter.gif') left 15px no-repeat;}
#contenus_dom H1{padding-left: 55px;line-height: 50px; font-family: Verdana;color: #ff9900; font-size: 1.5em;background: url('../img/titre_dom.gif') left 15px no-repeat;}
#contenus_info H1{padding-left: 55px;line-height: 50px; font-family: Verdana;color: #ff9900; font-size: 1.5em;background: url('../img/titre_info.gif') left 15px no-repeat;}
#contenus_m H1{padding-left: 55px;line-height: 50px; font-family: Verdana;color: #ff9900; font-size: 1.5em;background: url('../img/titre_inter.gif') left 15px no-repeat;}

/*|||| Surligne ||||*/
.surligne_titre_inter {background-color: #ff9900;color: #000000;}
.surligne_titre_dom {background-color: #CCCCCC;color: #000000;}
.surligne_titre_info{background: url('../img/titre_surligne_fvert.jpg') repeat;color: #000000;}

/*|||| H2 ||||*/
#contenus_inter H2{padding-left: 18px;line-height: 45px; font-size: 1.1em;background: url('../img/h2_inter.gif') left 15px no-repeat;}
#contenus_dom H2{padding-left: 18px;line-height: 45px; font-size: 1.1em;background: url('../img/h2_dom.gif') left 15px no-repeat;}
#contenus_info H2{padding-left: 18px;line-height: 45px; font-size: 1.1em;background: url('../img/h2_info.gif') left 15px no-repeat;}
#contenus_m H2{padding-left: 18px;line-height: 45px; font-size: 1.1em;background: url('../img/h2_inter.gif') left 15px no-repeat;}

H3{padding-left: 5px; padding-top: 10px; font-size: 0.9em;}

#fgauche{padding: 5px;float: left;}
#fdroite{padding: 5px;float: right;font-weight: bold;}
#flotd{float: left;display: block;width: 75%;}

#clir{clear:both;}

P{padding: 5px;text-align: justify;}

/*|||| Retour ||||*/
#retour_inter {width: 750px; height: 4px; display: block; border-top: 4px solid #ff9933;position: relative; top: 15px; margin-bottom: 15px; }
#tretour_inter {text-indent: 20px; margin-right: 63px; line-height: 20px; float: right;background: url('../img/prec_inter.gif') 0px top no-repeat;}
#retour_dom {width: 750px; height: 4px; display: block; border-top: 4px solid #999999;position: relative; top: 15px; margin-bottom: 15px; }
#tretour_dom {text-indent: 20px; margin-right: 63px; line-height: 20px; float: right;background: url('../img/prec_dom.gif') 0px top no-repeat;}
#retour_info {width: 750px; height: 4px; display: block; background: url('../img/retour_info.jpg') top left repeat-x;position: relative; top: 15px; margin-bottom: 15px; }
#tretour_info {text-indent: 20px; margin-right: 63px; line-height: 20px; float: right;background: url('../img/prec_info.gif') 0px top no-repeat;}

/* FORMULAIRES ____________________________________________*/

#form {background-color: #99cccc;text-align:left;}
.form {border: 2px #E77A0A solid}
.form_ob {background-color: #FCE293;border: 2px #E77A0A solid}
.bouton {font: bold 12px Arial, Helvetica, sans-serif;background-color: #6699cc;border: 2px #FF9900 solid;color:#ffffff;}
.boutcherche {font: bold 10px Arial, Helvetica, sans-serif;background-color: #cccccc;border: 2px #000000 solid;color:#ffffff;}

/* DIAPORAMA _____________________________________________ */

.table{margin-left: auto;margin-right: auto;font-size: 1em;}

/* ACCUEIL  ______________________________________________*/
#fondmilieu {width: 100%; height: 100%; background: url('../img/fond_vert.jpg') 50px repeat-x; }

/* LIENS PLAN DU SITE  ____________________________________
#plan a:link{font-weight: normal; text-decoration: none;}
  { color: #333399;}
a:active {font-weight: bold;color: #333399;}
a:visited {font-weight: bold;color: #333399;}
a:hover	{font-weight: bold;color: #0066CC;}*/