/* page conseils */
.navigation {      
      list-style: none;     
      
      }
.subMenu {
    width: 560px;
}
.subMenu .paraconseil {
    width: 250px;
    float: left;
    margin-right: 25px;
}
   .navigation a, .navigation span {
      display: block;
      color: #364B02;
      font-size: 1.4em;
      text-decoration: none;
      background-color: #E2E0E0;
      
      }
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
      color: #364B02;
      }
   .navigation .open a, .navigation .open span {
      color: #364B02;
      }
   .navigation a:hover, .navigation a:focus, .navigation a:active {
      /*text-decoration: underline;*/
      color: #364B02;
      }
   .navigation .subMenu {
      font-size: .8em;
      
      font-size: .9em;
     
      }
   .navigation ul.subMenu a {
      
      }
/* fin page conseils */

/* --- STYLES DE BASE --- */
/* Page */
html {
    font-size: 100%;
    /* É
vite un bug d'IE 6-7. (1) */
}
body {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: arial, helvetica, freesans, sans-serif;
    font-size: .8em;
    line-height: 1.4;
    color: black;
    background: #9f9f9f url(assets/images/design/fdsica.png) repeat-x;
}
tbody {
    font-family: arial, helvetica, freesans, sans-serif;
    font-size: .8em;
    color: black;
}
/* Titres */
h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 .5em 0;
/* Rapproche le titre du texte. (5) */
    line-height: 1.2;
    font-style: normal;
    font-family: Arial, Verdana, sans;
    text-align: left;
}
h1 {
    color: #7CAF00;
    font-size: 1.75em;
    font-weight: normal;
    font-style: normal;
    margin: 0;
    line-height: 1.25em;
}
h2 {
    font-size: 1.2em;
    color: #903E6D;
}
h3 {
    color: #eb8116;
    font-size: 1.25em;
    font-weight: normal;
    margin: 0;
    line-height: 1.25em;
}
h4 {
    color: #172983;
    font-size: 1.15em;
}
h5 {
    font-size: 1em;
    color: #707070;
}
h6 {
    margin: 0;
    font-size: 1em;
    color: #903E6D;
}

/* Listes */
ul li .listeh2 {
    margin: .75em 0 .75em 32px;
    padding: 0;
    list-style-type: circle;
    font-size: 1.2em;
    color: #903E6D;
    margin: 1em 0 .5em 0;
/* Rapproche le titre du texte. (5) */
    line-height: 1.2;
    font-style: normal;
    font-family: Arial, Verdana, sans;
    text-align: left;
}



ul, ol {
    margin: .75em 0 .75em 32px;
    padding: 0;
}
ul {
    list-style-type: circle;
}
li {
    text-align: left;
}
/* Paragraphes */
p {
    margin: .75em 0;
    /* Marges plus faibles que par dé
faut. (7) */
}
address {
    margin: .75em 0;
    font-style: normal;
}
/* Liens */
a {
    text-decoration: underline;
}
a:link {
    color: #0000CD ;
}
a:visited {
    color: #4B0082;
}
a:hover, a:focus, a:active {
    color: #DC143C;
}

.conseil a {
    text-decoration: underline;
}
.conseil a:link {
    color: #364B02 ;
}
.conseil a:visited {
    color: #364B02;
}
.conseil a:hover, a:focus, a:active {
    color: #7CAF00;
}

a img {
    border: none;
}
    /* Divers é
    lé
ments de type en-ligne (8) */
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
/* Formulaires */
form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
input, button, select {
    vertical-align: middle;
/* Solution pb. d'alignement. (9) */
}
/* Positionnement */
#wrapper {
    width: 896px;
    margin: 4px auto;
    text-align: left;
    position: relative;
    background: #FFF url(assets/images/design/fd-pepi-wrapper.jpg);
}
#tetiere {
    float: left;
    width: 698px;
    background-color: #FFF;
    margin-left: 16px;
}
#colonne {
    float: left;
    width: 160px;
    background: #3F3F41 url(assets/images/design/fleurs_fd_colonne.jpg) no-repeat;
/* vieille couleur #F0F6F7 */
}
#content {
    float: left;
    position: relative;
    z-index: 3;
    width: 695px;
    margin: 30px 0 0 30px;
}
#footer {
    clear: both;
    color: #000;
    padding: 20px;
    background: #b1b1b1 url(assets/images/design/footer_fd.jpg) repeat-x bottom;
    /* _height: 100%; */
}
#footer h4, #footer h4 a {
    color: #000;
    font: bolder 0.95em Arial, Helvetica, sans;
    text-decoration: none;
    margin: 0;
    padding: 0;
}
#footer h4 a:hover {
    text-decoration: underline;
}
.footer_boite_item {
    float: left;
    width: 160px;
    margin-bottom: 20px;
}
.footer_boite_item h4, .footer_boite_item h4 a {
    text-transform: uppercase;
}
.footer_boite_item ul {
    margin: 5px 0 0 0;
    padding: 0;
}
#footer li, #footer li a {
    color: #000;
    list-style-type: none;
    font: normal 0.9em Arial, Helvetica, sans;
    text-decoration: none;
    margin: 0;
    padding: 0;
}
#footer li a:hover {
    text-decoration: underline;
}
.footer_boite_fil {
    float: right;
    text-align: left;
    border-left: #7F7F7F solid 2px;
    padding-left: 15px;
}
.footer_boite_fil ul {
    margin: 0 0 10px 0;
    padding: 0;
}
    /* Styles spé
cifiques */
.filariane {
    clear: both;
    margin-top: 10px; margin-left : 15px;
    font-size: 0.85em;
}
.filariane a {
    text-decoration: none;
    letter-spacing: 0.05em;
    color: #000;
}
.filariane a:hover {
    text-decoration: underline;
}
.copyright {
    clear: both;
    background-color: #9f9f9f;
    text-align: center;
    font-size: 0.8em;
    color: #575757;
}
.filetsoustitre {
    color: #ccc;
    background-color: #ccc;
    height: 1px;
    border: none;
}
.note {
    font: italic 0.9em Arial, Verdana, sans;
    color: #5F5F5F;
}
.conseil {
    color: #364B02;
    font-size: 1.4em;
    font-weight: normal;
    font-style: normal;
    margin: 0;
    line-height: 1.25em;
}
.texte3 {
    width: 560px;
}
.texte3 p {
    width: 250px;
    float: left;
    margin-right: 25px;
}
/* ************************************************************* menu haut ************************************************************ */
#menuhaut {
padding-top: 70px;
margin-left: -15px;

}

#menuhaut ul {
    list-style-type: none;
    margin: 10px 0 12px 30px;
    padding-top: 10px;
}
#menuhaut li {
    display: block;
    float: left;
    width: 164px;
    height: 29px;
    background: url(assets/images/design/fd_menuhaut.png) no-repeat;
    text-align: center;
    padding-top: 2px;
}


#menuhaut li a {

    color: #BF0097;
    font: bolder 0.85em Arial, Helvetica, sans;
    text-decoration: none;
    text-transform: uppercase;
}
#menuhaut li a:hover, #menuhaut li.active a {
    color: #3F3F41;
    text-decoration: underline;
}
/* **********************************************  menu left *********************************************************************  */
#menuleft ul {
    list-style-type: none;
    margin: 0 0 0 12px;
    padding: 0;
}
#menuleft li a {
    display: block;
    width: 137px;
    /* vielle couleur   color: #848587;
*/
    color: #FFF;
    font: bolder 0.9em Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    margin: 8px 0;
    padding: 0 0 0 11px;
    background: url(assets/images/design/pepi_pugeg.png) no-repeat left;
    background-position: 0 4px;
}
#menuleft li a:hover {
    color: #CFCFCF;
    text-decoration: underline;
}
#menuleft li.active a {
    color: #CFCFCF;
    text-decoration: underline;
}
.menuleftinner {
    list-style-type: none;
    text-decoration: none;
    margin: -5px 0 0 0;
    padding: 0;
}
#menuleft .menuleftinner li a {
    display: block;
    width: 136px;
    /* color: #96b863;
*/
    color: #6E8F3E;
    text-transform: none;
    font: normal 0.95em Arial, Helvetica, sans-serif;
    text-decoration: none;
    background: none;
    padding: 0 0 0 7px;
    margin: 0;
    background: url(assets/images/design/left_puce_sousmenu.png) no-repeat left;
    background-position: 0 6px;
}
#menuleft .menuleftinner li a:hover, #menuleft .menuleftinner li.active a {
    text-decoration: underline;
    color: #000;
}


/* *****************************************************  Menu Pratique  *************************************************************** */
#menupratique {
    list-style-type: none;
    margin: 0 0 0 12px;
    padding: 0;
}
#menupratique li a {
    color: #FFF;
    font: bold 1em Arial, Helvetica, sans;
    text-decoration: none;
    padding-left: 20px;
}
#menupratique li.contact a {
    background: url(assets/images/design/pepi_pictocontact.png) no-repeat left;
}
#menupratique li.plan a {
    background: url(assets/images/design/pepi_pictoplandacces.png) no-repeat left;
}
#menupratique li.liensutiles a {
    background: url(assets/images/design/picto_liens.png) no-repeat left;
}
.hrleft {
    text-align: center;
    width: 85%;
    color: #CCC;
    height: 1px;
}

/* **********  Recherche ajaxShearch  ************* */
#ajaxSearch_form {
    margin: 0;
    padding: 0;
    width: 135px;
}
#ajaxSearch_input {
    width: 135px;
    display: inline;
    height: 20px;
    border: 1px solid #ddd;
    margin: 0 3px 0 12px;
    padding: 3px 0 0;
    vertical-align: top;
}
#ajaxSearch_submit {
    margin-left: 12px;
    display: inline;
    width: 110px;
    color: #FFF;
    font: normal 0.9em Verdana, Helvetica, sans;
    padding-left: 18px;
    background:url(assets/images/design/pepi_pictorecherche.png) no-repeat left;
text-transform: capitalize;
    border: 0;
    text-align: left;
}
#ajaxSearch_output {
    border: 1px solid #444;
    padding: 10px;
    background: #fff;
    display: block;
    height: auto;
    vertical-align: top;
}
.ajaxSearch_paging {
}
.AS_ajax_result {
    color: #444;
    margin-bottom: 3px;
}
.AS_ajax_resultLink {
    text-decoration: underline;
}
.AS_ajax_resultDescription {
    color: #555;
}
.AS_ajax_more {
    color: #555;
}

/* Page actu seule */
.titreactuhome {
    font-size: 1.3em;
    font-weight: normal;
    margin: 0;
    line-height: 1;
    color: #eb8116;
    text-decoration: none;
}
.titreactuhome a {
    font-size: 1.2em;
    font-weight: normal;
    margin: 0;
    line-height: 1;
    color: #eb8116;
    text-decoration: none;
}
.titreactuhome a:hover {
    color: #eb8116;
}
.suite a {
    color: #6e6f71;
    font: bold 1em Verdana, Arial, sans;
    text-decoration: none;
}
.suite a:hover {
    color: #6e6f71;
    text-decoration: underline;
}
#contentgeneral {
    width: 630px;
    text-align: justify;
}
#contentgeneral #texte {
    float: left;
    width: 320px;
}

#contentgeneral #texte2 {
    float: left;
    width: 275px;
}

#contentgeneral .texte2 {
    float: left;
    width: 275px;
}

#contentgeneral #illustration {
    float: left;
    width: 230px;
    margin-left: 60px;
}

#contentgeneral #illustration2 {
    float: left;
    width: 150px;
    border: 0px;
    margin-left: 25px;
    margin-top: 25px;
    margin-right: 0px;    
}


#contentgeneral .illustration2 {
    float: left;
    width: 150px;
    border: 0px;
    margin-left: 25px;
    margin-top: 25px;
    margin-right: 0px;    
}

#contentgeneral .legende, #contentgeneral #illustration {
    color: #eb8116;
    font: bold 0.8em Arial, Verdana, sans;   
}

#contentgeneral #illustrationgamme {
    float: left;
    width: 310px;
}

#contentgeneral .illustrationgamme {
    float: left;
    width: 310px;
}

#contentgeneral #textegamme {
    float: left;
width: 280px;
        margin-left: 20px;
}

#contentgeneral .textegamme {
    float: left;
width: 280px;
        margin-left: 20px;
}

.chapeau {
    text-align: left;
    color: #7F7F7F;
    font: bold 1.1em Arial, Verdana, sans;
}
/* espace presse
.grasviolet {
    color: #690074;
    font-weight: bold;
}
.boitepresse {
    position: relative;
    text-align: left;
    line-height: 1.05em;
    width: 209px;
    height: 37px;
    padding: 27px 10px 20px 12px;
    $width: 231px;
    $height: 83px;
    $padding: 27px 15px 20px 12px;
}
#chiffrescles {
    background: url(assets/images/design/presse_chiffrescles.jpg) no-repeat;
}
#dossiers {
    background: url(assets/images/design/presse_dossiers.jpg) no-repeat;
}
#phototheque {
    background: url(assets/images/design/presse_phototheque.jpg) no-repeat;
}
#videotheque {
    background: url(assets/images/design/presse_videotheque.jpg) no-repeat;
}
#contact {
    background: url(assets/images/design/presse_contact.jpg) no-repeat;
}
#exploitation {
    background: url(assets/images/design/travailler_exploitation.jpg) no-repeat;
}
#sica {
    background: url(assets/images/design/travailler_sica.jpg) no-repeat;
}
#station {
    background: url(assets/images/design/travailler_station.jpg) no-repeat;
}
.ok {
    position: absolute;
    bottom: 0;
    left: 170px;
    border-right: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
    background-color: #FFF;
    padding: 0 10px 0 10px;
}
.ok a {
    color: #7c9ca2;
    font: italic bold 1em Verdana, Arial, sans;
    text-decoration: none;
}
.ok a:hover {
    color: #7c9ca2;
    font: italic bold 1em Verdana, Arial, sans;
    text-decoration: underline;
}
.dossier {
    clear: both;
    padding: 10px 0 10px 20px;
}
.dossier img {
    margin-bottom: 20px;
}

 */

/* ***************** formulaire  **************** */
#contactform {
    padding-left: 10px;
}
#contactform label {
    float: left;
    width: 170px;
    font: bold 1em Arial, Helvetica, sans-serif;
}
#contactform label.sansgras {
    font: normal 1em Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
    width: 250px
}
#contactform input, #contactform textarea {
    width: 300px;
    border: 1px solid #959595;
    background-color: #e9e9e9;
    color: #444;
    margin-bottom: 15px;
}
#contactform fieldset input {
    float: right;
    width: 20px;
    margin-right: 135px;
    background: none;
    border: 0;
}
#contactform textarea {
    width: 400px;
}
#contactform br {
    clear: both;
}
#contactform #submitbutton {
    margin-left: 120px;
    margin-top: 10px;
    width: 80px;
    border: 1px solid #000;
    background-color: #494948;
    color: #FFF;
}