/* --- STYLES DE BASE --- */
/* Page */
html {
    font-size: 100%;
    /* É
vite un bug d'IE 6-7. (1) */
}

/* affiche les png24 dans ie6 */
img, div, ul, li, a, .titre_menu { behavior: url(iepngfix.htc) }

body {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: arial, helvetica, freesans, sans-serif;
    font-size: .8em;
    /* À
adapter pour la police choisie. (3) */
    line-height: 1.4;
    /* À
adapter au design. (4) */
    color: #000;
    background: #9f9f9f url(/assets/images/design/fd.jpg) repeat-x;
}
tbody {
    font-family: arial, helvetica, freesans, sans-serif;
    font-size: .8em;
    /* À
adapter pour la police choisie. (3) */
    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: #172983;
    font-size: 1.75em;
    font-weight: normal;
    font-style: normal;
    margin: 0;
    line-height: 1.25em;
}
h2 {
    font-size: 1.5em;
}
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;
}
/* Listes */
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;
}
a img {
    border: none;
}
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-fleur-wrapper.jpg);
}
#tetiere {
    float: right;
    width: 698px;
    background-color: #FFF;

    
}
#colonne {
    float: left;
    width: 160px;
    background: #e0e9f4 url(assets/images/design/fleurs_fd_colonne.jpg) no-repeat;
}
#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;
    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;
}
/* menu haut */
#menuhaut {
}


#menuhaut ul {
    list-style-type: none;
    margin: 10px 0 12px 30px;
    padding: 0;
}
#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: #172983;
    font: bolder 0.88em Arial, Helvetica, sans;
    text-decoration: none;
    text-transform: uppercase;
}
#menuhaut li a:hover, #menuhaut li.active a {
    color: #030;
    text-decoration: underline;
}

/* ************   nouveau menu left ****************** */
.titre_menu {
    display: block;
    background-color: #162882;
    width: 145px;
    padding: 2px 0 2px 15px;
    margin: 20px 0 10px 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFF;
    background: #162882 url(assets/images/design/fleurs_puce_menug_neg.png) no-repeat left;
    background-position: 3px 6px;
}
#menu_gauche ul {
    list-style-type: none;
    text-decoration: none;
    margin-left: 12px;
    padding: 0;
}
#menu_gauche li a {
    display: block;
    width: 136px;
    color: #162882;
    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 8px;
    line-height:1.5em;
}
#menu_gauche li a:hover, #menu_gauche li li.active a {
    text-decoration: underline;
    color: #000;
}
#menu_gauche li ul {
    list-style-type: none;
    text-decoration: none;
    margin: 0 0 0 10px;
    padding: 0;
}
#menu_gauche li ul li a {
    color: #3F3F3F;
    text-transform: none;
    font: normal 0.95em Arial, Helvetica, sans-serif;
    text-decoration: none;
    background: none;
    margin: 0;
    background: url(assets/images/design/left_puce_ronde.png) no-repeat left;
    background-position: 0 6px;
}

/* **********  Menu Pratique  ********* */
#menupratique {
    list-style-type: none;
    margin: 0 0 0 12px;
    padding: 0;
}
#menupratique li a {
    color: #172983;
    font: bold 1em Arial, Helvetica, sans;
    text-decoration: none;
    padding-left: 20px;
}
#menupratique li.contact a {
    background: url(assets/images/design/fleurs_picto_contact.png) no-repeat left;
}
#menupratique li.plan a {
    background: url(assets/images/design/fleurs_picto_plandacces.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: #c4c5c6;
    font: normal 0.9em Verdana, Helvetica, sans;
    padding-left: 18px;
    background: #FFF url(assets/images/design/puce_recherche.png) no-repeat left;
    background-color: #FFF;
    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 {
    text-decoration: underline;
}
.suite a {
    color: #6e6f71;
    font: bold 1em Verdana, Arial, sans;
    text-decoration: none;
}
.suite a:hover {
    color: #6e6f71;
    text-decoration: underline;
}
#contentgeneral {
    width: 620px;
    text-align: justify;
}
#contentgeneral #texte {
    float: left;
    width: 300px;
}
#contentgeneral #illustration {
    float: left;
    width: 230px;
    margin-left: 70px;
}
#contentgeneral .legende, #contentgeneral #illustration {
    color: #eb8116;
    font: bold 0.8em Arial, Verdana, sans;
}
.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;
}
#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;
}

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

}