html { margin:0px; padding:0px; height:100% }
body  { font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; height:100%; color:#575757; font-weight:normal; background-image:url(images/body.jpg); background-position:left top; background-repeat:no-repeat; background-color:#FFFFFF }

div#conteneur { margin:0 auto; padding:0px; position:relative; width:908px }

.noBorder, .icone { border:0px }
/* ================================================ */
/* BANDEAU                                          */
/* ================================================ */
div#top {  }

div#bandeau   { width:669px; height:144px; margin-left:235px; padding-top:0px; background-image:url(images/bandeau.png); background-position:20px 20px; background-repeat:no-repeat }

div#slogan    { margin:30px 0px 30px 270px; padding:0px 0px 0px 17px; font-size:22px; font-weight:normal }
div#partie01  { margin:0px 0px 0px 0px }
div#partie02  { margin:0px 0px 0px 100px }
div#partie03  { margin:0px 0px 0px 150px }
span.gris     { color:#575757 }
span.orange   { color:#ff5a00 }


/* ================================================ */
/* MENU                                             */
/* ================================================ */
div#gauche { float:left; width:235px; margin:0px; padding:0px }

div#TopGauche  { width:235px; height:144px; float:left; background-image:url(images/fond-menu.gif); background-position:right top; background-repeat:repeat-y }
div#logo       { margin:0px 0px 30px 0px; padding:0px }
div#CadreMenu  { width:235px; height:300px }

/* Menu principal */
ul#menuPP { list-style-type:none; margin:0px; padding:0px }
ul#menuPP div { cursor:pointer }
ul.ssmenu { list-style-type:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 25px }

li.menu_rubrique        { width:180px; color:#000000; line-height:35px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:14px; background-image:url(images/pointilles.gif); background-position:top; background-repeat:repeat-x }
li.menu_rubrique_select { width:180px; color:#000000; line-height:35px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:14px; background-image:url(images/pointilles.gif); background-position:top; background-repeat:repeat-x; background-color:#CCCCCC }

li.menu_rubrique a       { text-decoration:none; color:#000000; font-weight:normal }
li.menu_rubrique a:hover { text-decoration:underline; color:#000000; font-weight:normal }

li.menu_rubrique_select a      { text-decoration:none; color:#000000; font-weight:normal }
li.menu_rubrique_select a:hover { text-decoration:underline; color:#000000; font-weight:normal }

li.menu_page        { width:160px; color:#000000; padding-left:7px; margin:5px 0px 5px 0px; line-height:15px; font-size:12px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; background-image:url(images/puce02.gif); background-position:left 4px; background-repeat:no-repeat }
li.menu_page_select { width:160px; color:#000000; padding-left:7px; margin:5px 0px 5px 0px; line-height:15px; font-size:12px;font-family:Trebuchet MS, Arial, Helvetica, sans-serif; background-image:url(images/puce02.gif); background-position:left 4px; background-repeat:no-repeat }

li.menu_page a       { text-decoration:none; color:#000000; font-weight:normal }
li.menu_page a:hover { text-decoration:underline; color:#000000; font-weight:normal }

li.menu_page_select a      { text-decoration:none; color:#000000; font-weight:normal }
li.menu_page_select a:hover { text-decoration:underline; color:#000000; font-weight:normal }


/* ================================================ */
/* CONTENU                                          */
/* ================================================ */
div#ContenuOut { margin:0px 0px 0px 235px; min-height:300px; background-image:url(images/pointilles02.gif); background-position:left top; background-repeat:repeat-y }
div#contenu    { width:570px; margin:0px 0px 0px 0px; padding:20px 0px 0px 50px}

div#CadreTitre { width:580px; margin:0px 0px 0px 235px; padding-left:50px; background-image:url(images/pointilles02.gif); background-position:left top; background-repeat:repeat-y }
h1#titre       { color:#ff6511; font-size:22px; font-weight:normal; margin:0px; padding:0px }
h1#sousTitre   { color:#575757; margin:0px; padding:0px; font-size:22px; font-weight:normal }

div#envoyer { margin-left:250px }

h2#piece_jointe_titre   { clear:both; margin:0px; background-color:#FFFFFF; border-bottom:1px solid #ff5a00; color:#ff5a00; font-size:11px; height:18px; line-height:18px; font-weight:bold; padding:1px; margin-top:20px; margin-right:5px }
ul#piece_jointe         { margin:0px; padding:0px; list-style:none; margin-right:5px }
ul#piece_jointe li      { background-color:#FFFFFF; text-indent:5px; padding-top:3px; padding-bottom:3px; margin-top:1px }
ul#piece_jointe a       { font-size:11px; color:#575757; text-decoration:none }
ul#piece_jointe a:hover { text-decoration:underline; color:#575757; }

div#Contenu img     {  }

div#LienActualites  { width:100%; text-align:right; font-size:12px; margin-top:20px }

/* ================================================ */
/* PAGER ACTUALITES                                 */
/* ================================================ */
div.actualite_bloc      { margin:0px 0px 20px 0px }
div.actualite_bloc h4   { margin:0px }
div.actualite_bloc a    { font-size:12px; color:#000000; text-decoration:underline }
p.date_actualite        { color:#666666; font-size:11px; margin:0px 20px 0px 0px }
p.date_pied             { font-size:11px; color:#666666; margin:10px 0px 0px 0px }
div.actualite_bloc samp { font-family:Arial, Helvetica, sans-serif; display:block}

/* ================================================ */
/* PIED DE PAGE                                     */
/* ================================================ */
div#pied { clear:right; width:100%; height:267px; margin:0px; padding:0px; font-size:10px; background-image:url(images/piedDroite.jpg); background-position:right top; background-repeat:no-repeat }

ul#ListePied    { list-style-type:none; margin:0px 0px 0px 0px; padding:200px 0px 0px 0px; width:250px; height:14px }
ul#ListePied li { display:inline; padding:0px 0px 0px 0px; margin:0px }

ul#ListePied02    { list-style-type:none; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px }
ul#ListePied02 li { display:inline; padding:0px 0px 0px 0px; margin:0px }

ul#ListePied03    { list-style-type:none; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px }
ul#ListePied03 li { display:inline; padding:0px 0px 0px 0px; margin:0px }

div#piedGauche         { width:908px; margin:0 auto; position:relative; height:267px; font-size:10px; background-image:url(images/fond-menu.gif); background-position:218px 0px; background-repeat:repeat-y }
div#piedGauche a       { text-decoration:none; color:#575757 }
div#piedGauche a:hover { text-decoration:underline; color:#575757 }

/* ================================================ */
/* PAGE D'ACCESSIBILITE                             */
/* ================================================ */
table#ListeTouches, table#ListeControles { width:100%; margin:30px 0px 30px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px }

table#ListeTouches th, table#ListeControles th { border-bottom:1px solid #CCCCCC; font-size:14px }


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

ul#plan_du_site a       { text-decoration:none; color:#575757 }
ul#plan_du_site a:hover { text-decoration:underline; color:#575757 }

li.plan_du_site_dossier  { margin:30px 0px 0px 0px }
li.plan_du_site_document { font-size:12px; margin:5px 0px 5px 30px }