/* ================================







 * !Reset styles







 * Based on Eric Meyer's reset reloaded ( http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded )







 * ================================*/















html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,







a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,







small, strike, strong, sub, sup, tt, var, b, u, i, center,







dl, dt, dd, ol, ul, li, fieldset, form, label, legend,







table, caption, tbody, tfoot, thead, tr, th, td     { text-decoration: none; background-color: transparent; list-style-type: none; margin: 0; padding: 0; border: 0; outline: 0  }















ol, ul { list-style:none; }







blockquote, q { quotes:none; }















blockquote:before, blockquote:after,







q:before, q:after {	content:''; content:none; }















a{outline: none;}







:focus{-moz-outline-style: none;}























/* remember to highlight inserts somehow! */







ins { text-decoration:none; }







del { text-decoration:line-through; }















/* tables still need 'cellspacing="0"' in the markup */







table {	border-collapse:collapse; border-spacing:0; }







html         { color: black; font-family: Arial, Helvetica, sans-serif; background: #080324 no-repeat center top }







body        { color: black; line-height: normal }































#body_tout                                            { color: black; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background: url(../mp_images/fond_site.jpg) no-repeat center top; margin: 0px 0 0; position: relative }







#body_newsletter { color: black; font-size: 10pt; font-family: Verdana; background-color: white; margin: 0px; position: relative; top: 0px; left: 0px }
#table_general { background: url(../mp_images/fond_cadre.png) no-repeat center top }
.petit_lien    { font-weight: normal; font-size: 7pt; text-decoration: none }







.petit_lien:hover  { color: white; font-size: 7pt; text-decoration: none }







.justify_bloc     { text-align: justify; padding-right: 20px; padding-left: 20px; border: none }







.justify_bloc_actus  { color: #696969; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: justify; padding-left: 50px; border: none }







.texte_presentation { color: black; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: justify; margin-top: 50px; margin-right: 50px; margin-left: 50px }







.loi  { color: #2c2c2c; font-size: 9px; text-align: justify }







.separation  { border-top: 1px solid gray }







.sous_titre  { color: black; font-weight: bold; font-size: 12px; text-decoration: none }







.sous_titre:hover { color: maroon; font-weight: bold; font-size: 12px; text-decoration: none }







.menu_langue    { color: white; font-size: 10px; text-decoration: none }







.menu_langue:hover { color: #777; font-size: 10px; text-decoration: none }







.menu_haut    { color: #465129; font-weight: bold; font-size: 11px; font-family: Arial; text-decoration: none; text-align: justify; text-transform: uppercase; vertical-align: baseline }







.menu_haut_mot { color: #465129; font-weight: bold; font-size: 11px; font-family: Arial; text-decoration: none; text-align: justify; text-transform: uppercase; vertical-align: baseline; margin-left: 46px }







.menu_haut_mot:hover  { color: black; font-weight: bold; font-size: 11px; font-family: Arial; text-decoration: none; text-align: justify; text-transform: uppercase; vertical-align: baseline }







.menu_bas       { font-size: 10px; text-decoration: none; text-align: center }
.menu_bas li { font-size: 10px; text-decoration: none; float: left; margin-right: 5px; padding-right: 5px; border-right: 1px solid gray }
.menu_bas a { color: white; font-size: 10px; text-decoration: none }
.menu_bas a:hover { color: white; font-size: 10px; text-decoration: none }
.pied_page            { color: white; font-size: 7pt; background-repeat: no-repeat; text-align: center; clear: both; height: 140px; overflow: hidden }







.adresse_index { color: black; font-size: 12px; text-align: center }







#message_info            { color: black; font-size: 15px; font-family: Verdana; background-color: transparent; padding-right: 50px; border-top: 0 none; border-right: 0 none; border-bottom: 0 none; height: 50px }



#message_info marquee  { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: transparent; border-top: 0 none; border-right: 0 none; border-bottom: 0 none; height: 50px }



.message_erreur     { color: #cb4e70; font-style: oblique; font-size: 11px }







.tableau      { background-color: #a2c488; border: solid 1px #84a46c }







.tableau_grand  { background-color: #aac5e2; border: solid 1px #85a0bd }







.tableau_tr  { }







.tableau_td     { padding-left: 20px }







.champs_formulaire        { color: white; font-size: 10px; font-family: Verdana; background-color: #ab7908; margin: 2px; border: none }







.cadre_site                   { }







.bandeau    { }







.contenu               { }







.onglet    { font-weight: lighter; font-size: 12px; font-family: arial; text-decoration: none; text-align: left; text-indent: 30px; border-top: 1px solid black; border-bottom: 0px solid black }







.onglet:hover { color: silver; font-size: 12px; text-decoration: none }







.contenu2                   { background: no-repeat 500px top; position: relative; z-index: 250; width: 100% }







#menu_ss        { background-color: red; float: left; position: relative; z-index: 3; top: 80px; left: -200px; width: 200px; height: 300px  }







#menu_ss_rubrique            { font-weight: bold; text-decoration: none; text-align: right; position: relative; z-index: 400; width: 100%; height: auto }







#menu_ss_rubrique li         { color: #bababa; font-size: 12px; text-decoration: none; text-indent: 12px; list-style-type: none; margin-right: 8px; padding: 10px 5px 10px 12px }







#menu_ss_rubrique a  { font-size: 12px; text-decoration: none }







#menu_ss_rubrique a:hover { color: black; font-size: 12px; text-decoration: none }







#menu_ss_rubrique li:hover      { color: black; font-size: 12px; text-decoration: none; padding-left: 0px }







#page                   { margin-top: 0px; margin-right: 30px; margin-bottom: 0px; padding: 0px; z-index: 300; height: auto }







#pre_page       { background: white url(../mp_images/fond_contenu.png) no-repeat center top }







#fiche              { color: white; padding-left: 20px; overflow: hidden }
#fiche .box_la_suite { font-weight: bold; float: right; margin-bottom: 20px; border-bottom: 1px dashed #01487c; width: 90% }
#fiche_titre              { color: #01487c; font-weight: normal; font-size: x-large; text-align: left; margin-top: 45px; margin-bottom: 5px; margin-left: 55px }







#fiche_contenu   { color: #01487c; font-weight: bold; font-size: 15px; text-align: left; margin-bottom: 15px; margin-left: 55px }







#fiche_descriptif         { color: #212121; font-size: 13px; text-decoration: none; text-align: justify; clear: right }
#fiche_descriptif p { color: #212121; font-size: 13px; text-decoration: none; text-align: justify }
#fiche_descriptif a   { color: #555; font-size: 11px; text-decoration: none }







#fiche_descriptif a:hover  { color: #555; text-decoration: underline }







#fiche_descriptif_image     { float: left; margin-right: 10px; margin-bottom: 10px; position: relative }







#fiche_descriptif_image2 { float: right; margin-bottom: 10px; margin-left: 10px; padding: 2px; border: solid 1px gray; position: relative }







#fiche_info a        { font-size: 12px; text-decoration: none }







#fiche_info a:hover    { text-decoration: none }







.fiche_info_titre         { font-style: normal; font-weight: bold; text-align: right; margin-bottom: 20px; margin-left: 20px }







.fiche_info_texte   { margin-left: 25px }







#fiche_info_image     { float: left; margin-top: 10px; margin-right: 20px; margin-left: 8px; padding: 2px; border: solid 1px gray; position: relative }
#fiche_info img  { padding-top: 3px; padding-bottom: 3px }
#fiche_diapo     { text-align: right; word-spacing: 20px; margin-top: 20px; padding-bottom: 20px }







#fiche_info    { clear: none; margin-top: 20px; padding-bottom: 20px; position: relative }







#fiche_diapo_entete    { font-weight: bold; font-size: 10px; text-align: right; float: right; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 5px; border-left: 10px solid white; position: relative; top: 5px }







#fiche_info_entete   { font-weight: bold; font-size: 10px; text-align: right; float: left; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 5px; border-left: 10px solid white; position: relative; top: 5px }







#fiche_diapo a    { }







#fiche_diapo img    { margin: 8px; padding: 2px; width: auto; height: auto }







#arborescence    { color: gray; font-size: 11px; font-family: arial; background-image: url(../mp_images/50_noir.png); letter-spacing: 1px; float: left; margin-left: 10px; position: relative; top: 30px }







#arborescence a  { color: gray; text-decoration: underline }







#arborescence a:hover { color: silver; text-decoration: underline }







.spacer    { font-size: 0px; clear: both; position: relative }







#liste_fiche                 { text-decoration: none; float: left; margin-top: 50px; width: 100%; overflow: hidden }
#liste_fiche .entete { color: #01487c; font-size: 12px; padding-left: 30px }
#liste_fiche .entete a { color: gray; font-size: 12px }
#liste_fiche .entete a:hover { color: gray; font-size: 12px; text-decoration: underline }
.liste_contenu div    { clear: both; margin-top: 10px; margin-bottom: 10px; padding: 10px; border-top: 1px dashed #01487c; width: 100%; height: 119px }







.liste_contenu div img  { float: left; margin-right: 20px; overflow: hidden }







.liste_contenu div h2 a    { color: #ab7908; font-weight: normal; font-size: 20px; text-decoration: none }
#liste_fiche .titre_date { text-align: right; margin-right: 20px }
.liste_contenu div p   { color: #01487c; font-style: italic; font-weight: bold; font-size: 12px }







.page_contenu           { font-size: 10px; font-family: Verdana; vertical-align: bottom; width: 100%; height: auto }







.page_contenu_titre    { font-size: 20px; font-family: "Arial Black"; text-align: left; margin: 0px; padding: 0px; position: relative; top: -11px; left: -3px }







.page_contenu_entete      { color: #212121; text-align: justify }







.page_contenu_image { position: relative; width: auto; height: auto }







.page_contenu_form       { text-align: left; position: relative }







.page_contenu_form_petit   { text-decoration: none; text-align: left }







.page_contenu_form legend      { font-weight: bold; text-align: left; text-transform: lowercase; padding-right: 5px; padding-bottom: 5px; padding-left: 5px }







.page_contenu_form_titre   { font-weight: bold; text-align: left; text-transform: capitalize }







.page_contenu_form fieldset         { padding: 10px 50px 50px; border-style: solid solid none solid; border-width: 1px; border-color: white }







.page_contenu_form_petit fieldset  { margin: 10px; padding: 10px; border: solid 1px gray; width: auto; height: 100% }







.page_contenu_form label      { text-align: right; vertical-align: middle }







.page_contenu_form a  { text-decoration: none }







.page_contenu_form a:hover  { text-decoration: none }







.page_contenu_form input    { text-align: left; left: 50px }







.page_contenu_form_bouton { text-align: right; margin-right: 43px }







.page_loi { color: gray; font-size: 10px; text-align: justify; margin-bottom: 50px }







#newsletter  { color: gray; font-size: 12px; margin: 50px 30px 30px 50px; position: relative; top: -50px; height: auto }







#newsletter_titre  { color: #424242; font-weight: bold; font-size: 14px; text-align: left; margin-right: 130px; margin-bottom: 20px; margin-left: 40px; padding-bottom: 10px; padding-left: 10px; border-left: 10px solid #fff200; position: relative }







#newsletter_photo { float: left; margin-right: 10px; margin-left: 40px; position: relative; width: 159px; height: auto }







#newsletter_texte   { text-align: justify; margin-left: 40px }







#newsletter_fiche  { position: relative }







#cache_aqua { float: right; width: 100px; height: 250px }







.news { background-repeat: no-repeat }







p { font-size: 10px }







ul#tabnav       { font-style: normal; font-variant: normal; font-size: 12px; font-family: arial; list-style-type: none; margin: 0 0pt 0pt; padding-top: 20px; padding-bottom: 24px; border-top: none; border-right: none; border-left: none }







ul#tabnav li       { color: white; float: right; margin: 2px 4px 0pt; border: none 0px }















ul#tabnav li.active       { color: #4c686c; background-image: url(../mp_images/50_noir.png); margin: 0px; padding: 0px 0px 1px; border-top: none; border-right: none; border-bottom: 1px none #000; border-left: none }















ul#tabnav li.active a      { color: gray; border: none 0px }















#tabnav a     { color: white; text-decoration: none; float: left; padding: 4px; border: none 0px; display: block }















#tabnav a:hover    { color: black; background-image: url(../mp_images/25_noir.png); border: none 0px }







#gauche { width: 47%; float: left; }







#droite { width: 48%; float: right; padding-left: 20px; border-left: 1px solid gray; }







#temoignage   { color: white; font-size: 9px; text-decoration: none; list-style-type: square; margin-left: 0px; padding-left: 20px }







.temoignageli  { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #fff }







.temoignage_titre  { color: #4c686c; font-weight: bold; text-decoration: none }







.temoignage_titre:hover { color: gray; font-weight: bold; font-size: 9px; text-decoration: none }







.temoignage_sstitre  { color: #979797; text-decoration: none; margin-bottom: 5px }







#tt_temoignages  { color: #4c686c; font-size: 9px; text-decoration: none; text-align: right; padding-left: 5px }







#tt_temoignages:hover  { color: white; font-size: 9px; text-decoration: none; padding-left: 5px }







#image_presentation { position: relative; top: -15px; left: 25px }







.colonne         { float: left; margin-top: 30px; overflow: hidden; min-height: 400px }







#COLONNE_A      { overflow: hidden }







#COLONNE_B        { float: left; margin-top: 50px; overflow: hidden }







#COLONNE_C       { border-left: none white; overflow: hidden }







.box          { background-repeat: repeat-x; margin-bottom: 20px; padding-right: 7px; padding-left: 7px; overflow: hidden }
.box_titre   { color: #ab7908; font-weight: bold; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 0px; border-bottom: 1px dashed silver }



#COLONNE_A .box_titre        { color: black; padding: 5px; height: 40px }



#COLONNE_B .box_titre    { color: #a04111; padding-bottom: 5px }



#COLONNE_C .box_titre    { color: white; padding: 10px 5px 5px }







.box_titre img   { margin-right: 4px }







.box_contenu             { color: black; font-size: 11px; text-align: justify; width: 100%; overflow: hidden }
.box_contenu li { color: black; font-size: 11px; text-align: justify; width: 100%; overflow: hidden }
.box_contenu a    { color: black; text-align: left }
.box_contenu a:hover   { color: black; text-align: left }
.box_contenu p   { text-align: left; list-style-type: none;  padding-left: 0px }
.box_contenu .img_list   { margin-top: 3px; margin-right: 2px }
.box_contenu p a { text-decoration: none }
.box_contenu li p:hover { color: #aa7a0b; text-decoration: none }
#COLONNE_A.box_contenu a, #COLONNE_B.box_contenu a  { color: #cacaca; font-size: 11px; text-align: left }







.box_contenu .image   { float: left; padding: 5px }







.box_la_suite   { color: #ab7908; text-align: right }







.box_la_suite img { color: red; vertical-align: middle }







.box_la_suite a { color: #ab7908; font-weight: bold; text-decoration: none }







.box_la_suite a:hover { border-bottom: 1px dashed #ab7908 }







#sous_menu     { margin: 0px; padding: 0px }







#sous_menu div     { margin: 0px; padding: 0px }







#sous_menu ul        { font-variant: normal; list-style-type: none; margin: 0px; padding-top: 24px; padding-bottom: 24px }







#sous_menu ul li  { background-repeat: no-repeat; float: right; margin: 1px 4px 0px }







#sous_menu ul li.active    { background: white repeat; list-style-type: none; overflow: hidden }







#sous_menu ul li.active a    { color: #ab7908; list-style-type: none }







#sous_menu ul li.active a:hover  { color: white; background-image: url(../mp_images/25_noir.png); list-style-type: none }







#sous_menu ul a   { color: white; font-size: 12px; text-decoration: none; background-repeat: no-repeat; list-style-type: none; float: left; padding: 4px; display: block }







#sous_menu ul a:hover   { color: white; text-decoration: none; background: url(../mp_images/25_noir.png) repeat; list-style-type: none; float: left; padding: 4px; display: block }



.titre_date { color: #ab7908; font-size: 14px; text-align: left; margin-left: 300px; border-bottom: 1px solid white }