html { height:100% }
body { height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0; background-image:url(../images/fond.gif); background-repeat:repeat-y; background-color:#a2c5e8 }

div#wrapper { width:100%; height:100%; background-image:url(../../images/body.gif); background-position:left top; background-repeat:no-repeat }

div#conteneur { position:relative; width:1024px; margin:0 auto; background-image:url(../images/barre-verte.gif); background-position:left; background-repeat:repeat-y }

.noBorder, .icone { border:0px }

/* ================================================== */
/* BANDEAU                                            */
/* ================================================== */
div#bandeau { height:350px; margin-left:48px; margin-right:275px; background-image:url(../images/bandeau.jpg); background-repeat:no-repeat; background-color:#FFFFFF }


/* ================================================== */
/* COLONNE DE GAUCHE                                  */
/* ================================================== */
div#gauche { position:absolute; left:0; width:48px; height:350px; background-image:url(../images/comite.gif); background-position:left top; background-repeat:no-repeat; background-position:left }


/* ================================================== */
/* CONTENU                                            */
/* ================================================== */
div#contenu         { margin:0px 0px 0px 40px; padding:20px 0px 30px 0px; width:615px }
div#wrapper-contenu { background-image:url(../images/comite02.gif); background-position:left top; background-repeat:no-repeat }
h1#titre            { padding:5px 0px 5px 0px; text-align:left; width:615px; margin:0px 0px 0px 40px; font-size:18px; color:#2e881c; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom:6px solid #2e881c }

/* Boite Handle */
div#CadreOutils   { height:23px; width:670px; padding-top:20px }
div#wrapper-blanc { margin:0px 0px 0px 48px; padding-top:20px; background-color:#FFFFFF; border:1px solid #fff }

/* Pieces jointes */
h2#piece_jointe_titre   { width:613px; margin:20px 5px 0px 50px; background-color:#2e871c; color:#FFFFFF; font-weight:bold; font-size:11px; height:18px; line-height:18px; font-weight:bold; text-indent:10px; padding:1px }
ul#piece_jointe         { width:615px; margin:0px; padding:0px 0px 20px 50px; list-style:none; margin-right:5px }
ul#piece_jointe li      { background-color:#71aa66; text-indent:5px; padding-top:3px; padding-bottom:3px; margin-top:1px }
ul#piece_jointe a       { font-size:11px; color:#FFFFFF; text-decoration:none }
ul#piece_jointe a:hover { text-decoration:underline }

div#contenu>ul  { margin:0px 0px 0px 0px; padding:5px 0px 5px 30px }
div#contenu li  { color:#393939; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0px; padding:0px; line-height:24px }
div#date_publication { margin-top:10px }

table.RichText>ul  { margin:0px 0px 0px 0px; padding:0px 0px 5px 0px }

/* Tableaux */
table.RichText td  { width:50% }
table.MsoTableGrid td { padding:3px }

/* ================================================== */
/* PAGE D'ACCUEIL                                     */
/* ================================================== */
div.CadreNews { padding-top:20px; clear:both; width:600px }

/* Cadre des logos des partenaires */
div#CadrePartenaires { margin:30px 0px 0px 60px; text-align:left }
ul#ListePartenaires  { list-style-type:none; margin:0px; padding:0px }
ul#ListePartenaires li { display:inline }


/* ================================================== */
/* PAGE PARTENAIRES                                   */
/* ================================================== */
div.cadreLogoPart { float:left; margin-right:20px }
div.ct_partenaire { margin-left:200px; height:120px }


/* ================================================== */
/* PAGE PLAN D'ACCES                                  */
/* ================================================== */
div#map { width:615px; height:300px; margin:40px 0px 20px 40px; border:1px solid #535353 }


/* ================================================== */
/* COLONNE DE DROITE                                  */
/* ================================================== */
div#droite          { float:right; width:300px; background-color:#FFFFFF }
div#ombre_menu      { background-image:url(../images/menu-left2.gif); background-position:left bottom; background-repeat:no-repeat; background-color:#FFFFFF }
div#barre-verte     { margin-left:18px; background-image:url(../images/barre-menu.gif); background-position:left; background-repeat:repeat-y }
div#menu-pied       { height:23px; width:275px; background-image:url(../images/menu-pied2.gif); background-position:left top; background-repeat:no-repeat }

ul#RootMenu { list-style-type:none; margin:0px; padding:0px }
ul.ssmenu   { list-style-type:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px }

/* Menu en position off */
li.menu_rubrique      { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px }

div.CadreRacine_violet{ margin:0px 0px 0px 20px; padding:10px 0px 0px 0px; background-image:url(../images/corps_violet_off.gif); background-repeat:no-repeat; background-position:left top }
div.CadreRacine_jaune { margin:0px 0px 0px 20px; padding:10px 0px 0px 0px; background-image:url(../images/corps_jaune_off.gif); background-repeat:no-repeat; background-position:left top }
div.CadreRacine_vert  { margin:0px 0px 0px 20px; padding:10px 0px 0px 0px; background-image:url(../images/corps_vert_off.gif); background-repeat:no-repeat; background-position:left top }
div.CadreRacine_bleu  { margin:0px 0px 0px 20px; padding:10px 0px 0px 0px; background-image:url(../images/corps_bleu_off.gif); background-repeat:no-repeat; background-position:left top }
div.CadreRacine_rouge { margin:0px 0px 0px 20px; padding:10px 0px 0px 0px; background-image:url(../images/corps_rouge_off.gif); background-repeat:no-repeat; background-position:left top }

div.piedRacine_violet { height:6px; background-image:url(../images/pied_violet_off.gif); background-repeat:no-repeat; background-position:left bottom }
div.piedRacine_jaune  { height:6px; background-image:url(../images/pied_jaune_off.gif); background-repeat:no-repeat; background-position:left bottom }
div.piedRacine_vert   { height:3px; background-image:url(../images/pied_vert_off.gif); background-repeat:no-repeat; background-position:left bottom }
div.piedRacine_bleu   { height:8px; background-image:url(../images/pied_bleu_off.gif); background-repeat:no-repeat; background-position:left bottom }
div.piedRacine_rouge  { height:6px; background-image:url(../images/pied_rouge_off.gif); background-repeat:no-repeat; background-position:left bottom }

li.menu_rubrique a         { text-decoration:none; color:#787878 } 
li.menu_rubrique a:visited { text-decoration:none; color:#787878 }
li.menu_rubrique a:active  { text-decoration:none; color:#c72424 }
li.menu_rubrique a:hover   { text-decoration:none; color:#c72424 } 

/* Menu en position SELECT */
li.menu_rubrique_select { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px }

div.CadreRacine_violet_select { margin:0px 0px 0px 20px; padding:10px 0px 0px 0px; background-image:url(../images/corps_violet_on.gif); background-repeat:no-repeat; background-position:left top }
div.CadreRacine_jaune_select  { margin:0px 0px 0px 20px; padding:10px 0px 0px 0px; background-image:url(../images/corps_jaune_on.gif); background-repeat:no-repeat; background-position:left top }
div.CadreRacine_vert_select   { margin:0px 0px 0px 20px; padding:10px 0px 0px 0px; background-image:url(../images/corps_vert_on.gif); background-repeat:no-repeat; background-position:left top }
div.CadreRacine_bleu_select   { margin:0px 0px 0px 20px; padding:10px 0px 0px 0px; background-image:url(../images/corps_bleu_on.gif); background-repeat:no-repeat; background-position:left top }
div.CadreRacine_rouge_select  { margin:0px 0px 0px 20px; padding:10px 0px 0px 0px; background-image:url(../images/corps_rouge_on.gif); background-repeat:no-repeat; background-position:left top }

div.piedRacine_violet_select { height:5px; background-image:url(../images/pied_violet_on.gif); background-repeat:no-repeat; background-position:left bottom }
div.piedRacine_jaune_select  { height:5px; background-image:url(../images/pied_jaune_on.gif); background-repeat:no-repeat; background-position:left bottom }
div.piedRacine_vert_select   { height:3px; background-image:url(../images/pied_vert_on.gif); background-repeat:no-repeat; background-position:left bottom }
div.piedRacine_bleu_select   { height:8px; background-image:url(../images/pied_bleu_on.gif); background-repeat:no-repeat; background-position:left bottom }
div.piedRacine_rouge_select  { height:6px; background-image:url(../images/pied_rouge_on.gif); background-repeat:no-repeat; background-position:left bottom }

li.menu_rubrique_select a:link    { text-decoration:none; color:#c72424 } 
li.menu_rubrique_select a:visited { text-decoration:none; color:#c72424 }
li.menu_rubrique_select a:active  { text-decoration:none; color:#c72424 }
li.menu_rubrique_select a:hover   { text-decoration:none; color:#787878 }

/* Menu Page */
li.menu_page {  }
li.menu_page a:link    { text-decoration:none; color:#787878 } 
li.menu_page a:visited { text-decoration:none; color:#787878 }
li.menu_page a:active  { text-decoration:none; color:#c72424 }
li.menu_page a:hover   { text-decoration:none; color:#c72424 }

li.menu_page_select {  }
li.menu_page_select a:link    { text-decoration:none; color:#c72424 } 
li.menu_page_select a:visited { text-decoration:none; color:#c72424 }
li.menu_page_select a:active  { text-decoration:none; color:#c72424 }
li.menu_page_select a:hover   { text-decoration:none; color:#787878 }

/* Liste des actualité */
div#CadreResumeNews         { min-height:200px; margin-top:20px }
div#CadreResumeNews h2      { width:237px; color:#2E881C; border:0px; margin:0px 0px 10px 30px }
div#CadreResumeNews h2 span { margin-left:135px }

div#CadreResumeNews dl { margin:0px 15px 0px 30px }
div#CadreResumeNews dl dt { font-size:14px; border-bottom:1px solid #787878  }
div#CadreResumeNews dl dd { margin:0px 0px 0px 0px; padding:0px 0px 25px 0px }

span.date_publicaton { display:block; width:100%; font-size:11px; color:#787878; text-align:right }
span.lire_suite      { display:block; margin:0px; padding:0px; font-size:11px; width:237px; height:14px; text-align:right; border-top:1px solid #787878 }

div#CadreResumeNews dl dd samp { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:10px 10px 10px 10px; display:block }
div#CadreResumeNews a          { color:#787878; text-decoration:none }
div#CadreResumeNews a:hover    { color:#787878; text-decoration:underline }


/* ================================================== */
/* FORMULAIRE DE CONTACT DU SITE                      */
/* ================================================== */
div#CadreFormContact { text-align:left !important; text-align:center; margin-top:30px; padding-left:120px !important; padding:0px; width:100% !important; width:600px }
div.CadreForm2       { width:340px; text-align:left; padding:0px 0px 15px 0px; margin-left:70px !important; margin-left:40px; margin-bottom:20px; border-bottom:1px solid #6e6e6e }
div.CadreForm h4     { font-size:14px; font-weight:bold; color:#6e6e6e; margin:15px 0px 0px 0px }
label.legendeContact, div.CadreForm2 span { color:#6e6e6e; font-size:11px; display:block; margin:15px 0px 0px 0px}

form#formContact     { width:449px; background-image:url(../images/form-body.gif); background-position:center; background-repeat:repeat-y }
div#form-haut        { width:449px; height:25px; background-image:url(../images/form-haut.gif); background-position:center; background-repeat:no-repeat }
div#form-bas         { width:449px; height:25px; background-image:url(../images/form-bas.gif); background-position:center; background-repeat:no-repeat }
div#titre-form       { position:absolute; left:238px; !important left:175px; width:56px; height:210px; background-image:url(../images/titre-formulaire.gif); background-position:center; background-repeat:no-repeat }


table#tableInterets    { border:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6e6e6e; width:350px }
table#tableInterets td { height:25px }
input.champsTexte      { width:324px; height:24px; border:0px; padding:8px 0px 0px 10px; background-image:url(../images/input.gif); background-position:center; background-repeat:no-repeat }
input.checkboxContact  { border:0px; margin-right:5px; background-image:url(../images/checkbox.gif); background-position:center; background-repeat:no-repeat }
div#CadreTextarea      { width:332px; height:95px; padding:6px 0px 0px 10px; background-image:url(../images/textarea.gif); background-position:left; background-repeat:no-repeat }
textarea#message       { width:291px; height:85px; border:0px }

div#SubmitForm      { text-align:center }


/* ================================================== */
/* PLAN DU SITE                                       */
/* ================================================== */
ul.plan_du_site { list-style-type:none; margin:0px; padding:0px }

li.plan_du_site_dossier         { font-size:16px; font-weight:bold; color:#787878; margin:0px 0px 0px 0px; padding:0px 0px 0px 30px }
li.plan_du_site_dossier a       { color:#787878; text-decoration:none }
li.plan_du_site_dossier a:hover { color:#787878; text-decoration:underline }

li.plan_du_site_document        { font-size:12px; font-weight:normal; color:#787878; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px }
plan_du_site_document a         { color:#787878; text-decoration:none }
plan_du_site_document a:hover   { color:#787878; text-decoration:underline }

/* ================================================== */
/* PIED DE PAGE                                       */
/* ================================================== */
div#wrapper-pied    { clear:both; background-image:url(../images/barre-verte.gif); background-position:left top; background-repeat:repeat-y }
div#pied            { height:70px; text-align:center; font-size:10px; background-image:url(../images/pied-bord-top.gif); background-repeat:no-repeat; background-position:top center }

div#pied2           { margin:0px 0px 0px 48px; background-color:#FFFFFF }

ul#mentions-legales { list-style-type:none; margin:0px; padding:10px 0px 0px 0px }

div#pied a { color:#000000; text-decoration:none }

li.mentions1 { display:inline; padding:0px 5px 0px 5px }
li.mentions2 { display:inline; padding:0px 5px 0px 5px; border-left:1px solid #000000 }
