* {
    margin: 0;
    padding: 0;
    color: #bf323e;
    font-family: Verdana, Geneva, sans-serif;
    outline: 0;
    border: 0
    }
@font-face {
    font-family: "typo_1";
    src: url(../font/museo300-regular-webfont.eot);
    src: url(../font/museo300-regular-webfont.eot?#iefix) format("embedded-opentype"), url(../font/museo300-regular-webfont.woff) format("woff"), url(../font/museo300-regular-webfont.ttf) format("truetype"), url(../font/museo300-regular-webfont.svg#AllerRegular) format("svg");
    font-weight: normal;
    font-style: normal
    }
b, u, i {
    color: #FFF
    }
i {
    font-size: 13px
    }
a {
    cursor: pointer;
    cursor: hand;
    color: #ebcb90;
    text-decoration: none
    }
a:hover {
    text-decoration: underline
    }
/* Table */
table {
    border-collapse: collapse;
    width: 100%;
    border: 0 solid #53748d;
    text-indent: 5px;
    border-spacing: 0;
    background: url(../images/interface/bg_table.jpg) left top no-repeat
    }
th {
    text-align: left;
    height: 30px;
    font-weight: bold;
    color: #dff4ff
    }
td {
    height: 25px
    }
caption {
    text-transform: uppercase;
    text-align: right;
    font-weight: bold;
    line-height: 30px
    }
/* ------------------------------------------------------------------ ARCHITECTURE DU SITE ------------------------------------------------------------------ */
/* Le body doit avoir la couleur du footer */
body {
    background: #ab2b36
    }
/* Le global doit avoir la couleur de fond du site */
#global {
    width: 100%;
    height: 100%;
    background: #bf323e center top repeat-x
    }
/*-------------------- header -------------------- */
#global_header {
    height: 215px;
    background: url(../images/interface/bg_global_header.jpg) top center repeat-x #f7f4ed;
    min-width: 960px
    }
#header {
    position: relative;
    z-index: 10;
    width: 960px;
    height: 100%;
    background: url(../images/interface/bg_header.png) 0 0 no-repeat;
    margin: 0 auto
    }
#logo {
    left: -20px;
    top: 20px;
    height: 115px;
    width: 200px;
    display: block;
    font-size: 0;
    letter-spacing: -100px;
    text-indent: -9999px;
    position: absolute;
    background: url(../images/bouton/logo.png) no-repeat left top #FFF
    }
#logo:hover {
    background-position: 0 -115px
    }
#membre {
    width: 180px;
    height: 50px;
    position: absolute;
    top: 10px;
    right: 0;
    text-indent: -9999px;
    font-size: 0;
    background: url(../images/bouton/inscription.png) top left no-repeat
    }
#membre:hover {
    background-position: bottom left
    }
#membre_deco {
    width: 130px;
    height: 50px;
    position: absolute;
    top: 10px;
    right: 0;
    text-indent: -9999px;
    font-size: 0;
    background: url(../images/bouton/deconnexion_2.png) top left no-repeat
    }
#membre_deco:hover {
    background-position: bottom left
    }
/*-------------------- milieu -------------------- */
#contenu {
    width: 960px;
    position: relative;
    margin: 0 auto
    }
#milieu {
    position: relative;
    margin: 0;
    padding: 20px 0;
    height: auto !important;
    height: 440px;
    min-height: 440px;
    width: 960px
    }
/*-------------------- footer -------------------- */
#footer {
    width: 960px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    clear: both;
    background: bottom center no-repeat
    }
#global_footer {
    width: 100%;
    height: 100px;
    margin: 0 auto;
    position: relative;
    clear: both;
    background: bottom center repeat-x #ab2b36
    }
#logo_microweb {
    width: 100%;
    text-align: center;
    margin: 0 auto 0 auto;
    padding-top: 10px;
    height: 61px
    }
/*--------------------------------------------------------- MISE EN FORME      TITRE / TEXTE / LISTE ---------------------------------------------------------*/
/*------------------------------ TITRE --------------------------------*/
h1 {
    font-size: 0;
    text-indent: -9999px;
    position: absolute
    }
h2 {
    color: #FFF;
    display: block;
    clear: both;
    height: 55px;
    line-height: 55px;
    padding: 0;
    margin: 0 0 0 0;
    font-size: 23px;
    font-weight: normal;
    letter-spacing: 0;
    font-family: "typo_1", Arial, sans-serif
    }
h3 {
    color: #FFF;
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin: 0 0 0 0;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0;
    font-family: "typo_1", Arial, sans-serif
    }
#milieu h3 em, #milieu h3 a {
    font-family: "typo_1", Arial, sans-serif;
    color: #ebcb90
    }
h4 {
    color: #ebcb90;
    display: block;
    line-height: 20px;
    padding: 0;
    margin: 16px 0 7px 0;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0;
    font-style: italic;
    font-family: "typo_1", Arial, sans-serif
    }
h5 {
    color: #FFF;
    display: block;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0 0 0 0;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    letter-spacing: 0;
    font-family: "typo_1", Arial, sans-serif
    }
/*------------------------------ TEXTE --------------------------------*/
#milieu p {
    color: #FFF;
    line-height: 20px;
    margin: 0 0 15px 0;
    text-align: justify;
    font-size: 13px
    }
#milieu b, #milieu em {
    color: #FFF
    }
#footer p {
    color: #FFF;
    line-height: 20px;
    margin: 0 0 15px 0;
    text-align: justify;
    font-size: 13px;
    clear: both;
    font-family: "typo_1", Arial, sans-serif
    }
/*------------------------------ LISTE --------------------------------*/
#milieu ul {
    color: #FFF;
    line-height: 20px;
    margin: 0 0 0 35px;
    font-size: 12px;
    list-style-image: url(../images/interface/puce.png);
    list-style-position: inside
    }
#milieu ol {
    color: #FFF;
    line-height: 20px;
    margin: 0 0 0 35px;
    font-size: 12px;
    list-style-position: inside
    }
#milieu li {
    color: #FFF;
    list-style-position: outside;
    margin: 0 0 5px 0
    }
#milieu li span {
    color: #ebcb90;
    font-weight: bold
    }
label {
    color: #fff
    }
sup {
    color: #ebcb90;
    line-height: 0
    }
/*----------------------------------------------------------------- NAV PRINCIPALE DU SITE -------------------------------------------------------------------*/
#menu {
    position: absolute;
    bottom: 0;
    left: 0
    }
#menu li {
    position: relative;
    float: left;
    height: 70px;
    line-height: 70px;
    list-style: none;
    font-size: 12px;
    margin: 0 22px 0 0
    }
#menu li a {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px;
    color: #766e5f;
    font-family: "typo_1", Arial, sans-serif;
    text-decoration: none;
    height: 70px;
    line-height: 20px;
    text-align: center;
    font-size: 16px
    }
#menu li a:hover {
    /*background: url(../images/interface/bg_nav.png) bottom left repeat-x;*/
    color: #bf323e
    }
/*--------------------------------------------------------------------- SUB-NAV DU SITE ----------------------------------------------------------------------*/
#menu .subnav ul {
    position: absolute;
    top: 70px;
    background: #ab2b36;
    z-index: 99999
    }
#menu .subnav ul li {
    float: none;
    line-height: 30px;
    height: 0;
    overflow: hidden;
    margin: 0
    }
#menu .subnav ul li a {
    float: none;
    display: block;
    line-height: 40px;
    height: 40px;
    text-indent: 10px;
    text-align: left;
    color: #f7f4ed;
    background: url(../images/interface/ligne_pointille.png) bottom left repeat-x;
    font-size: 14px
    }
#menu .subnav ul li a:hover {
    background: url(../images/interface/ligne_pointille.png) bottom left repeat-x;
    color: #ebcb90
    }
#menu .subnav ul li:last-child a {
    background: none
    }
/*----------------------------------------------------------------      NAV ADHERENT      -----------------------------------------------------------------*/
#nav_adherent_global {
    position: fixed;
    bottom: 0;
    height: 61px;
    background: url(../images/interface/bg_nav_adherent.png) top left repeat-x;
    width: 100%;
    z-index: 9999
    }
#nav_adherent {
    width: 960px;
    height: 61px;
    line-height: 61px;
    margin: auto;
    display: block;
    position: relative
    }
#nav_adherent li, #nav_adherent li a {
    float: left;
    list-style: none;
    color: #766e5f;
    font-family: "typo_1", Arial, sans-serif;
    font-size: 14px;
    text-decoration: none;
    margin: 0 4px 0 0;
    position: relative
    }
#nav_adherent li, #nav_adherent li a:hover {
    color: #ab2b36
    }
/*----------------------------------------------------------------      SUB NAV ADHERENT      -----------------------------------------------------------------*/
#nav_adherent .subnav_adherent ul {
    width: 960px;
    margin: auto;
    display: block;
    position: absolute;
    bottom: 61px;
    left: 0;
    background: #ab2b36;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
    }
#nav_adherent .subnav_adherent ul li {
    float: none;
    line-height: 30px;
    height: 0;
    overflow: hidden;
    margin: 0
    }
#nav_adherent .subnav_adherent ul li a {
    float: none;
    display: block;
    line-height: 40px;
    height: 40px;
    text-indent: 10px;
    text-align: left;
    color: #f7f4ed;
    font-size: 14px
    }
#nav_adherent .subnav_adherent ul li a:hover {
    color: #ebcb90
    }
#nav_adherent .subnav_adherent ul li:last-child a {
    background: none
    }
#compte_adherent {
    width: 55px;
    height: 61px;
    background: url(../images/bouton/mon_compte.png) top left no-repeat;
    font-size: 0;
    text-indent: -9999px;
    margin: 0 0;
    cursor: pointer
    }
#compte_adherent:hover {
    background-position: bottom left
    }
#nav_adherent li#deconnexion_adherent {
    float: right
    }
#nav_adherent li#deconnexion_adherent a {
    width: 45px;
    height: 61px;
    background: url(../images/bouton/deconnexion.png) top left no-repeat;
    font-size: 0;
    text-indent: -9999px;
    margin: 0 0;
    cursor: pointer;
    float: right
    }
#nav_adherent li#deconnexion_adherent a:hover {
    width: 45px;
    height: 61px;
    background-position: bottom left;
    font-size: 0;
    text-indent: -9999px;
    margin: 0 0;
    cursor: pointer;
    float: right
    }
/*----------------------------------------------------------------      CLASS GENERALES      -----------------------------------------------------------------*/
.clearer {
    clear: both;
    height: 0
    }
.clearer_ligne {
    clear: both;
    height: 0;
    border-bottom: 1px dashed #CF656E;
    margin: 0 0 30px 0
    }
.float_left {
    float: left;
    margin: 0 20px 20px 0
    }
.float_right {
    float: right;
    margin: 0 0 20px 20px
    }
.centre {
    text-align: center
    }
.bouton_plus {
    height: 35px;
    line-height: 35px;
    padding: 0 12px;
    margin: 0 0 7px 0;
    display: inline-block;
    background: #ab2b36 no-repeat;
    color: #FFF;
    clear: left;
    font-family: "typo_1", Arial, sans-serif;
    font-size: 13px;
    border: 1px solid #CF656E;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
    }
.bouton_plus:hover {
    background: #ebcb90 no-repeat;
    color: #bf323e
    }
.contenu_bloc {
    padding: 20px 20px 8px 20px;
    margin: 0 0 7px 0;
    display: block;
    background: #ab2b36 no-repeat;
    color: #FFF;
    clear: left;
    font-family: "typo_1", Arial, sans-serif;
    font-size: 13px;
    border: 1px solid #CF656E;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
    }
#milieu .contenu_bloc ul, #milieu .contenu_bloc ol {
    margin: 0 0 0 20px
    }
.contenu_bloc_2 {
    padding: 20px;
    margin: 0 16px 20px 0;
    display: block;
    background: url(../images/interface/ligne_pointille_blanc.png) #ebcb90 top left repeat-x;
    color: #040404;
    font-family: "typo_1", Arial, sans-serif;
    font-size: 13px;
    border: 1px solid #f7f4ed;
    float: left;
    width: 430px;
    height: 360px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
    }
.contenu_bloc_2 h3 {
    color: #040404;
    margin: 0 0 30px 0
    }
#milieu .contenu_bloc_2 p {
    color: #040404
    }
.contenu_bloc_3 {
    padding: 20px;
    margin: 0 16px 20px 0;
    display: block;
    background: #ebcb90 top left repeat-x;
    color: #040404;
    font-family: "typo_1", Arial, sans-serif;
    font-size: 13px;
    border: 1px solid #f7f4ed;
    float: left;
    width: auto;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
    }
.contenu_bloc_3 h3 {
    color: #040404;
    margin: 0 0 0 0
    }
#milieu .contenu_bloc_3 p, #milieu .contenu_bloc_3 li, #milieu .contenu_bloc_3 em, #milieu .contenu_bloc_3 h5 {
    color: #040404
    }
#milieu .contenu_bloc_3 a {
    color: #bf323e
    }
.col_5 {
    clear: both
    }
.col_5 div {
    width: 182px;
    float: left;
    margin: 0 2px 0 0;
    display: block;
    background: top left no-repeat;
    font-size: 12px;
    color: #FFF;
    padding: 200px 4px 0 4px
    }
.col_5 div:last-child {
    margin: 0
    }
.tableau td {
    border: 1px solid #CF656E;
    color: #FFF;
    font-family: "typo_1", Arial, sans-serif;
    font-size: 13px;
    width: 50%;
    text-align: left
    }
#milieu .tableau td p {
    text-align: left;
    text-indent: 0
    }
.col4 td {
    width: 25%;
    vertical-align: top;
    padding: 10px
    }
.tableau h2 {
    line-height: 25px;
    font-size: 18px;
    margin: 0 0 10px 0;
    height: auto;
    text-indent: 0
    }
#milieu .tableau td b {
    color: #ebcb90;
    text-indent: 0
    }
.centrer {
    display: block;
    margin: 20px auto
    }
#gototop {
    height: 35px;
    line-height: 35px;
    padding: 0 12px;
    margin: 10px 0 7px 0;
    display: inline-block;
    background: #bf323e no-repeat;
    color: #FFF;
    clear: both;
    font-family: "typo_1", Arial, sans-serif;
    font-size: 13px;
    border: 1px solid #CF656E;
    text-decoration: none;
    float: right;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
    }
#gototop:hover {
    background: #ebcb90 no-repeat;
    color: #bf323e;
    text-decoration: none
    }
/* --------------------------------------------------------------------- TROIS COLONNES --------------------------------------------------------------------- */
.tri_colonne {
    width: 310px;
    float: left;
    margin: 0 15px 0 0
    }
.tri_colonne img {
    width: 100%;
    margin: 0 0 10px 0
    }
.col_gauche {
    width: 320px;
    float: left;
    margin: 0 20px 0 0
    }
.col_droite {
    width: 620px;
    float: left
    }
ul#nav_verticale {
    margin: 0
    }
#nav_verticale li {
    list-style: none
    }
#nav_verticale li a {
    height: 75px;
    width: 320px;
    display: block;
    line-height: 75px;
    text-indent: 30px;
    background: url(../images/bouton/nav_niveau_2.png) top left no-repeat;
    font-size: 14px;
    margin: 0 0 1px 0
    }
#nav_verticale li a:hover {
    background: url(../images/bouton/nav_niveau_2.png) bottom left no-repeat
    }
/* ----------------------------------------------------------------------- CHECKBOXES ----------------------------------------------------------------------- */
input[type=checkbox] {
    /*	padding: 0;
    	margin: 0;
    	height: 20px;
    	width: 30px;
    	float: left;
    	position: absolute;
    	left: 0;
    	opacity: 0;
    	z-index: 5;
    */
    width: 30px
    }
label.checkbox {
    float: left;
    line-height: 20px;
    color: #000;
    padding: 0 0 0 30px;
    -moz-transition: color 1s ease;
    -o-transition: color 1s ease;
    -webkit-transition: color 1s ease;
    transition: color 1s ease
    }
div.check:not(#foo) > input + label {
    background: url(../images/interface/checkbox.png) 0 0 no-repeat;
    height: 20px
    }
div.check:not(#foo) > input[type=checkbox]:checked + label {
    background-position: 0 -20px
    }
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* FONCTIONALITES */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* --------------------------------------------------------------------- RECHERCHE INTERNE ------------------------------------------------------------------ */
#form_recherche {
    position: absolute;
    bottom: 80px;
    right: 0;
    width: 178px;
    height: 33px;
    border: 1px solid #d5ccbb;
    background: #f7f4ed
    }
/*
#recherche {
	color:#ab2b36;
	background:#f7f4ed;
	line-height:25px;
	width:145px;
	text-indent:5px;
	height:33px;
}
*/
#internal_search {
    background: url(../images/bouton/loupe_recherche.png) top left no-repeat;
    color: #FFF;
    padding: 0;
    height: 33px;
    width: 33px;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999px;
    cursor: pointer
    }
#internal_search:hover {
    background-position: bottom left
    }
#nb_pages_recherche {
    position: absolute;
    top: 90px;
    left: 0;
    font-weight: bold;
    font-style: italic
    }
/* ------------------------------------------------------------------- FORMULAIRE DE CONTACT ---------------------------------------------------------------- */
#contact {
    position: relative;
    margin: 0;
    width: 920px;
    height: 595px;
    background: url(../images/interface/bg_contact.png) no-repeat left top
    }
#contact label {
    width: 130px;
    text-align: right;
    height: 40px;
    line-height: 40px;
    color: #040404;
    font-size: 18px;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    position: absolute
    }
#contact input {
    height: 40px;
    margin: 0;
    width: 300px;
    font-weight: bold;
    font-size: 12px;
    text-indent: 5px;
    color: #ab2b36;
    line-height: 30px;
    background: #ebcb90;
    margin: 0 0 10px 0;
    float: left;
    position: absolute
    }
#contact textarea {
    overflow: auto;
    width: 770px;
    height: 250px;
    font-size: 12px;
    border: none;
    padding: 5px;
    color: #040404;
    background: #ebcb90;
    margin: 0;
    float: left;
    position: absolute
    }
#contact select {
    background-color: #fff;
    margin: 0 0 0 180px;
    height: 20px;
    color: #003049
    }
#contact .bouton_envoyer {
    height: 50px;
    line-height: 50px;
    width: auto;
    padding: 0 25px;
    font-size: 18px;
    cursor: pointer
    }
#contact .bouton_envoyer:hover {
    color: #FFF;
    background: #ab2b36
    }
#contact .message {
    color: red;
    bottom: 30px;
    position: absolute;
    left: 140px;
    font-size: 15px
    }
#contact .champs_obligatoires {
    bottom: 65px;
    position: absolute;
    left: 140px;
    font-size: 13px;
    color: #040404
    }
.message {
    color: #fff
    }
/* ---------------------------------------------------------------------- MODULE DOCUMENT ------------------------------------------------------------------- */
#milieu .titre_accordeon {
    line-height: 40px;
    width: 570px;
    text-indent: 40px;
    margin: 0 0 1px 0;
    cursor: pointer;
    color: #FFF;
    background-repeat: no-repeat
    }
#milieu .titre_accordeon:hover {
    background-color: #040404
    }
#milieu .contenu_accordeon {
    padding: 10px 0
    }
#milieu .contenu_accordeon a {
    line-height: 30px;
    margin: 5px 0 5px 20px;
    padding: 0 0 0 30px;
    height: 30px;
    max-width: 520px;
    display: block;
    cursor: pointer;
    color: #f7f4ed;
    background: url(../images/interface/pdf.png) top left no-repeat
    }
#milieu .contenu_accordeon a:hover {
    font-weight: bold
    }
/* -------------------------------- Document/Newsletter ---------------------------- */
#milieu .liste_doc a {
    line-height: 30px;
    margin: 5px 0 5px 0;
    padding: 0 0 0 5px;
    height: 30px;
    display: block;
    cursor: pointer;
    color: #f7f4ed;
    background: url(../images/interface/pdf.png) 1px 4px no-repeat;
    text-indent: 22px;
    line-height: 30px;
    display: block;
    font-family: "typo_1", Arial, sans-serif;
    font-size: 13px;
    border-bottom: 1px dashed #CF656E
    }
#milieu .liste_doc a:hover {
    color: #ebcb90;
    text-decoration: none
    }
.telecharger {
    height: 50px;
    line-height: 50px;
    padding: 0 15px 0 50px;
    margin: 0 auto 7px auto;
    display: inline-block;
    background: url(../images/icone/pdf_gd.png) top left no-repeat #ab2b36;
    color: #FFF;
    clear: left;
    font-family: "typo_1", Arial, sans-serif;
    font-size: 15px;
    border: 1px solid #CF656E;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
    }
.telecharger:hover {
    background-color: #ebcb90;
    color: #bf323e;
    text-decoration: none
    }
/* ------------------------------------------------------------------------ PAGE NEWS ----------------------------------------------------------------------- */
.actu {
    clear: both;
    margin: 0 0 30px 0;
    border-bottom: 1px solid #CF656E;
    padding: 0 0 30px 0;
    display: inline-block;
    width: 960px
    }
.actu:last-child {
    border: none
    }
.actu .conteneur {
    width: 550px;
    float: right
    }
.actu img {
    float: left;
    width: 390px;
    height: 250px
    }
#milieu .actu p.date {
    margin: 0 0 20px 0;
    font-style: italic;
    color: #bbb
    }
#milieu .actu h3 {
    margin: 0 0 0 0;
    font-size: 25px
    }
#milieu .actu a.video {
    width: 120px;
    height: 45px;
    display: block;
    background: url(../images/news/video.png) top left no-repeat #f7f4ed;
    text-indent: -9999px;
    font-size: 0;
    float: left;
    margin: 10px 20px 0 0
    }
#milieu .actu a.diaporama {
    width: 170px;
    height: 45px;
    display: block;
    background: url(../images/news/diaporama.png) top left no-repeat #f7f4ed;
    text-indent: -9999px;
    font-size: 0;
    float: left;
    margin: 10px 20px 0 0
    }
#milieu .actu a.diaporama_invisible {
    width: 0;
    height: 0;
    text-indent: -9999px;
    font-size: 0;
    position: absolute;
    top: -1000px;
    left: -1000px
    }
#milieu .actu a.document {
    width: 220px;
    height: 45px;
    display: block;
    background: url(../images/news/document.png) top left no-repeat #f7f4ed;
    text-indent: -9999px;
    font-size: 0;
    float: left;
    margin: 10px 0 0 0
    }
#milieu .actu a.suite {
    width: 175px;
    height: 45px;
    display: block;
    background: url(../images/news/suite.png) top left no-repeat #f7f4ed;
    text-indent: -9999px;
    font-size: 0;
    float: right;
    margin: 10px 0 0 0;
    text-decoration: none
    }
#milieu .actu a.document:hover, #milieu .actu a.diaporama:hover, #milieu .actu a.video:hover, #milieu .actu a.suite:hover {
    background-color: #040404
    }
#milieu p.message_pas_news {
    text-align: center;
    line-height: 30px;
    display: block;
    font-family: "typo_1", Arial, sans-serif;
    font-size: 20px;
    color: #ebcb90;
    margin: 150px 0 0 0
    }
/* ----------------------------------------------------------------------- FICHE NEWS ----------------------------------------------------------------------- */
.col_gauche {
    width: 300px;
    float: left;
    margin: 0 30px 0 0
    }
.col_gauche img {
    width: 300px;
    height: 200px;
    margin: 0 0 15px 0
    }
.col_droite {
    width: 630px;
    float: left
    }
#fiche_news .titre_documents {
    background: #ab2b36;
    color: #FFF;
    text-indent: 10px;
    line-height: 33px;
    display: block;
    font-family: "typo_1", Arial, sans-serif;
    font-size: 14px
    }
#fiche_news .voir_document {
    background: -2px 4px no-repeat;
    color: #FFF;
    text-indent: 22px;
    line-height: 30px;
    display: block;
    font-family: "typo_1", Arial, sans-serif;
    font-size: 13px;
    border-bottom: 1px dashed #CF656E
    }
#fiche_news .voir_document:hover {
    color: #ebcb90
    }
/*----------------------------- BOUTONS--------------------------------*/
#fiche_news .boutons {
    float: left
    }
.bouton_retour {
    height: 35px;
    line-height: 35px;
    padding: 0 12px;
    margin: 0 0 10px 0;
    display: inline-block;
    background: #ab2b36 no-repeat;
    color: #FFF;
    clear: left;
    font-family: "typo_1", Arial, sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    border: 1px solid #CF656E;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
    }
.bouton_retour:hover {
    background: #ebcb90 no-repeat;
    color: #bf323e;
    text-decoration: none
    }
.read_more {
    height: 35px;
    line-height: 35px;
    padding: 0 12px;
    margin: 0 0 7px 0;
    display: inline-block;
    background: #ab2b36 no-repeat;
    color: #FFF;
    clear: left;
    font-family: "typo_1", Arial, sans-serif;
    font-size: 13px;
    border: 1px solid #CF656E;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
    }
.read_more:hover {
    background: #ebcb90 no-repeat;
    color: #bf323e;
    text-decoration: none
    }
/*------------------------------ TEXTE --------------------------------*/
#fiche_news p, #milieu .actu p {
    clear: both
    }
#milieu p.titre_news {
    font-size: 18px;
    padding: 0 10px;
    line-height: 35px;
    float: left;
    display: inline-block;
    clear: both;
    margin: 0;
    font-family: "typo_1", Arial, sans-serif;
    background: #ab2b36;
    font-weight: bold
    }
#milieu p.date_news {
    font-size: 14px;
    padding: 0 10px;
    line-height: 27px;
    height: 25px;
    float: left;
    display: inline-block;
    clear: both;
    margin: 0 0 10px 0;
    font-family: "typo_1", Arial, sans-serif;
    text-transform: uppercase;
    background: #ebcb90;
    color: #766e5f
    }
#milieu .actu p.titre_evenement {
    line-height: 30px;
    font-size: 22px;
    padding: 0;
    height: 25px;
    float: left;
    display: inline-block;
    clear: both;
    margin: 0;
    font-family: "typo_1", Arial, sans-serif;
    color: #FFF
    }
#milieu .actu p.date_evenement, #milieu .actu p.date_evenement span {
    margin: 0 0 5px 0;
    color: #ebcb90;
    line-height: 30px;
    font-size: 20px;
    text-align: left;
    font-family: "typo_1", Arial, sans-serif
    }
#milieu .actu p.date_evenement span {
    color: #ebcb90
    }
#milieu .actu p.date_publication {
    margin: 0 0 15px 0;
    color: #f7f4ed;
    font-size: 14px;
    font-family: "typo_1", Arial, sans-serif;
    font-style: italic
    }
.vignette {
    float: left;
    width: 150px;
    height: 100px;
    line-height: 100px;
    position: relative;
    overflow: hidden;
    margin: 0 10px 10px 0
    }
.vignette img {
    position: absolute;
    width: 150px;
    height: 100px;
    top: 0;
    left: 0;
    z-index: 20
    }
.vignette a.video {
    background: #f7f4ed
    }
.vignette .photo {
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
    }
.vignette a {
    position: absolute;
    display: table;
    width: 150px;
    height: 100px;
    top: 100px;
    left: 0;
    z-index: 200;
    text-align: center;
    vertical-align: middle;
    line-height: 12px
    }
.vignette a span {
    display: table-cell;
    width: 150px;
    z-index: 200;
    text-align: center;
    line-height: 18px;
    height: 100px;
    vertical-align: middle;
    color: #766e5f;
    font-size: 14px;
    font-family: "typo_1", Arial, sans-serif;
    padding: 0 10px
    }
.vignette:hover a {
    top: 0
    }
#milieu .contenu_news h3 {
    font-size: 20px;
    height: auto;
    line-height: 30px
    }
#milieu .contenu_news {
    color: #FFF;
    line-height: 20px;
    margin: 0 0 15px 0;
    text-align: justify;
    font-size: 13px
    }
#milieu .contenu_news p {
    color: #FFF;
    line-height: 20px;
    margin: 0 0 0 0;
    text-align: justify;
    font-size: 13px
    }
/* ------------------------------------------------------------------------ BIBLIOTHEQUE ----------------------------------------------------------------------- */
#livre {
    clear: both;
    margin: 0 0 30px 0;
    border-bottom: 1px solid #CF656E;
    padding: 0 0 30px 0;
    display: inline-block;
    width: 960px
    }
#livre:last-child {
    border: none
    }
#livre .conteneur {
    width: 750px;
    float: right
    }
#livre .col_gauche img {
    float: left;
    width: 190px;
    height: 300px;
    border: 4px solid #ab2b36
    }
#livre .col_gauche {
    width: 190px;
    float: left;
    margin: 0 20px 0 0
    }
#milieu #livre p.titre_livre {
    margin: 5px 0 0 0;
    color: #ebcb90;
    font-size: 20px;
    font-family: "typo_1", Arial, sans-serif
    }
#milieu #livre p.auteur_livre {
    margin: 0 0 0 0;
    color: #f7f4ed;
    font-size: 16px;
    font-family: "typo_1", Arial, sans-serif
    }
#milieu #livre p.editeur_livre {
    margin: 0 0 15px 0;
    color: #f7f4ed;
    font-size: 14px;
    font-family: "typo_1", Arial, sans-serif;
    font-style: italic
    }
#milieu .livre h3 {
    margin: 0 0 0 0;
    font-size: 25px
    }
#milieu .livre a.suite:hover {
    background-color: #040404;
    text-decoration: none
    }
/* ----------------------------------------------------------------------- MOSAIQUE LIVRE --------------------------------------------------------------------- */
.bloc_livre {
    float: left;
    margin: 0 66px 30px 0;
    padding: 0 0 30px 0;
    display: inline-block;
    width: 190px
    }
.bloc_livre img {
    width: 190px;
    height: 300px;
    border: 4px solid #ab2b36
    }
#milieu .bloc_livre a.suite {
    height: 35px;
    line-height: 35px;
    padding: 0 12px;
    margin: 10px 0 0 0;
    display: inline-block;
    background: #ab2b36 no-repeat;
    color: #FFF;
    clear: left;
    font-family: "typo_1", Arial, sans-serif;
    font-size: 13px;
    border: 1px solid #CF656E;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
    }
#milieu .bloc_livre a.suite:hover {
    background: #ebcb90;
    color: #bf323e;
    text-decoration: none
    }
#milieu p.message_pas_news {
    text-align: center;
    line-height: 30px;
    display: block;
    font-family: "typo_1", Arial, sans-serif;
    font-size: 20px;
    color: #ebcb90;
    margin: 150px 0 0 0
    }
#milieu .bloc_livre p.titre_livre {
    text-align: left;
    line-height: 20px;
    display: block;
    font-family: "typo_1", Arial, sans-serif;
    font-size: 16px;
    color: #ebcb90;
    margin: 5px 0 0 0
    }
/* ----------------------------------------------------------------------- ALBUM PHOTOS --------------------------------------------------------------------- */
.categorie_photo {
    width: 170px;
    min-height: 170px;
    background: url(../images/interface/bg_album.png) top left no-repeat;
    padding-top: 17px;
    float: left;
    margin: 0 11px
    }
.categorie_photo a {
    width: 137px;
    height: 86px;
    margin: 0 0 10px 16px;
    text-indent: -9999px;
    font-size: 0;
    display: block
    }
.categorie_photo h3 {
    font-size: 14px;
    font-weight: normal;
    color: #040404;
    text-align: center;
    width: 100%;
    line-height: 14px
    }
a.photo_album {
    display: block;
    width: 168px;
    height: 168px;
    margin: 0 30px 30px 0;
    float: left
    }
a.retour_albums {
    float: right;
    background: #f7f4ed;
    color: #FFF;
    line-height: 55px;
    padding: 0 25px;
    font-size: 18px;
    cursor: pointer
    }
a.retour_albums:hover {
    background: #ab2b36;
    color: #FFF;
    text-decoration: none
    }
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* MOOTOOLS */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------- SLIDE ------------------------------------------------------------------------- */
.unslide {
    position: relative;
    margin: 0 0 20px 0
    }
.slideshow {
    position: relative;
    width: 648px;
    height: 98px;
    display: block;
    margin: auto;
    overflow: hidden;
    border: 1px solid #CF656E;
    background-color: #35c7c9
    }
.slide {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: -100%;
    color: #fff;
    z-index: -1
    }
.slide:first-child {
    z-index: 1
    }
.previous {
    position: absolute;
    left: 10px;
    font-size: 0;
    text-indent: -9999px;
    cursor: pointer;
    top: 27px;
    width: 45px;
    height: 45px;
    background: url(../images/bouton/precedent_evenement.png) top left no-repeat;
    text-align: center;
    color: #FFF;
    z-index: 2
    }
.next {
    position: absolute;
    right: 10px;
    font-size: 0;
    text-indent: -9999px;
    cursor: pointer;
    top: 27px;
    width: 45px;
    height: 45px;
    background: url(../images/bouton/suivant_evenement.png) top left no-repeat;
    text-align: center;
    color: #FFF;
    z-index: 2
    }
.next:hover, .previous:hover {
    background-position: bottom left
    }
.unslide ul.slidenav li {
    display: none
    }
/* -------------------------------------------------------------------------- SLIDE_TEXT ------------------------------------------------------------------------- */
.unslide_t {
    position: absolute;
    top: 80px;
    left: 50%;
    margin: 0 0 0 -325px
    }
.slideshow_t {
    position: relative;
    width: 650px;
    height: 30px;
    display: block;
    margin: auto;
    overflow: hidden
    }
.slide_t {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    opacity: 0;
    color: #fff;
    z-index: 1
    }
.slide_t p {
    letter-spacing: 10px;
    text-align: center;
    font-family: "typo_1", Arial, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    color: #d1b278
    }
.slide_t:first-child p {
    z-index: 1;
    letter-spacing: 0
    }
.previous_t {
    position: absolute;
    left: 10px;
    font-size: 0;
    text-indent: -9999px;
    cursor: pointer;
    top: 27px;
    width: 45px;
    height: 45px;
    background: url(../images/bouton/precedent_evenement.png) top left no-repeat;
    text-align: center;
    color: #FFF;
    z-index: 2
    }
.next_t {
    position: absolute;
    right: 10px;
    font-size: 0;
    text-indent: -9999px;
    cursor: pointer;
    top: 27px;
    width: 45px;
    height: 45px;
    background: url(../images/bouton/suivant_evenement.png) top left no-repeat;
    text-align: center;
    color: #FFF;
    z-index: 2
    }
.next_t:hover, .previous_t:hover {
    background-position: bottom left
    }
.unslide_t ul.slidenav_t li {
    display: none
    }
/* ------------------------------------------------------------------------- MEDIABOX ----------------------------------------------------------------------- */
#mbOverlay {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    cursor: pointer
    }
#mbOverlay.mbOverlayFF {
    background: transparent repeat
    }
#mbOverlay.mbOverlayIE {
    position: absolute
    }
#mbCenter {
    position: absolute;
    z-index: 9999;
    left: 50%;
    background-color: #bf323e;
    -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.7)
    }
#mbCenter.mbLoading {
    background: #bf323e no-repeat center;
    /*	This style is applied only during animation.	*/
    /*	For example, the following turns off shadows,	*/
    /*	helping browser performance on slow systems.	*/
    /*	To leave shadows on, just remove these lines:	*/
    -moz-box-shadow: none;
    -webkit-box-shadow: none
    }
#mbImage {
    position: relative;
    left: 0;
    top: 0;
    /*	Begin styles for inline content, if no style is given	*/
    font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: left;
    background-position: center center;
    background-repeat: no-repeat
    }
#mbImage a, #mbImage a:link, #mbImage a:visited {
    color: #ddd
    }
#mbImage a:hover, #mbImage a:active {
    color: #fff
    }
/*	End inline content styles	*/
#mbBottom {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 20px;
    font-size: 12px;
    color: #999;
    text-align: left;
    padding: 0 10px;
    height: 0
    }
#mbTitle {
    display: inline;
    color: #fff;
    font-weight: bold;
    line-height: 20px;
    font-size: 12px
    }
#mbNumber {
    display: inline;
    color: #999;
    line-height: 14px;
    font-size: 10px;
    margin: auto 10px
    }
#mbCaption {
    display: block;
    color: #999;
    line-height: 14px;
    font-size: 10px
    }
#mbPrevLink, #mbNextLink, #mbCloseLink {
    display: block;
    float: right;
    height: 20px;
    margin: 0;
    outline: none;
    width: 40px;
    height: 40px;
    cursor: pointer
    }
#mbPrevLink {
    background: url(../images/mediabox/precedent.png) no-repeat center #bf323e
    }
#mbNextLink {
    background: url(../images/mediabox/suivant.png) no-repeat center #bf323e
    }
#mbCloseLink {
    background: url(../images/mediabox/fermer.png) no-repeat center #bf323e;
    position: absolute;
    top: -40px;
    right: 10px
    }
#mbCloseLink:hover, #mbNextLink:hover, #mbPrevLink:hover {
    background-color: #ebcb90
    }
/*	Styles for flash version alert	*/
#mbError {
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border: 10px solid #700;
    padding: 10px 10px 10px;
    margin: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
    }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
    color: #d00;
    font-weight: bold;
    text-decoration: underline
    }
#mbImage p {
    position: relative;
    margin: 0;
    color: #f7f4ed
    }
/* -------------------------------------------------------------------------- Slide de ryan ------------------------------------------------------------------------- */
#slide_ryan {
    position: absolute;
    left: 0;
    right: 0
    }
#slideshow {
    width: 100%;
    height: 250px;
    overflow: hidden;
    position: relative;
    /* not required, slideshow will set this for you */
    }
#slideshow > * {
    position: absolute;
    /* required for most transitions */
    top: 0;
    /* ditto */
    left: 0;
    /* ditto */
    width: 100%;
    /* usually required */
    height: 100%;
    /* same */
    }
/* ----------------------------------------------------------------------- Calendrier ----------------------------------------------------------------------- */
.DynarchCalendar-topCont, .DynarchCalendar, .DynarchCalendar-topBar {
    color: #fff;
    width: 200px;
    margin: 2px 0 0 0;
    font-size: 14px;
    font-family: "typo_1", Arial, sans-serif
    }
.DynarchCalendar {
    background: #ab2b36;
    font-family: "typo_1", Arial, sans-serif;
    -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2)
    }
.DynarchCalendar-focusLink {
    display: none
    }
.DynarchCalendar-day, .DynarchCalendar-day-othermonth, .DynarchCalendar-td-selected {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
    color: #FFF;
    font-family: "typo_1", Arial, sans-serif
    }
.DynarchCalendar-day:hover, .DynarchCalendar-td-selected {
    background: #CF656E
    }
.DynarchCalendar-day-othermonth {
    color: #666
    }
.DynarchCalendar-titleCont {
    line-height: 30px;
    padding: 5px 0 0 0;
    font-size: 18px
    }
.DynarchCalendar-title div {
    font-family: "typo_1", Arial, sans-serif;
    text-align: center;
    color: #FFF;
    line-height: 45px
    }
.DynarchCalendar-dayNames div {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #ebcb90;
    font-family: "typo_1", Arial, sans-serif
    }
.DynarchCalendar-navBtn {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    background: top left no-repeat;
    cursor: pointer
    }
.DynarchCalendar-navBtn:hover {
    width: 20px;
    height: 20px;
    background-color: #CF656E;
    position: absolute;
    top: 10px
    }
.DynarchCalendar-prevYear {
    left: 10px;
    background-image: url(../images/icone/previous_year.png)
    }
.DynarchCalendar-nextYear {
    right: 10px;
    background-image: url(../images/icone/next_year.png)
    }
.DynarchCalendar-prevMonth {
    left: 35px;
    background-image: url(../images/icone/previous_mounth.png)
    }
.DynarchCalendar-nextMonth {
    right: 35px;
    background-image: url(../images/icone/next_mounth.png)
    }
.DynarchCalendar-body {
    position: relative;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #FFF
    }
.DynarchCalendar-animBody-backYear {
    position: absolute;
    top: -100%;
    left: 0
    }
.DynarchCalendar-animBody-back {
    position: absolute;
    top: 5px;
    left: -100%
    }
.DynarchCalendar-animBody-fwd {
    position: absolute;
    top: 5px;
    left: 100%
    }
.DynarchCalendar-animBody-now {
    position: absolute;
    top: 5px;
    left: 0
    }
.DynarchCalendar-animBody-fwdYear {
    position: absolute;
    top: 100%;
    left: 0
    }
.DynarchCalendar-menu {
    display: none
    }
.DynarchCalendar-bottomBar-today {
    display: none
    }
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* SITE */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------- Accueil ------------------------------------------------------------------------- */
.colonne_gauche {
    width: 300px;
    float: left;
    margin: 0 10px 0 0
    }
.colonne_droite {
    width: 650px;
    float: left;
    margin: 0 0 0 0
    }
#milieu .colonne_gauche p {
    margin: 10px 0 20px 0;
    padding: 0 10px;
    color: #f7f4ed;
    line-height: 20px;
    font-size: 14px;
    text-align: left
    }
#milieu p.titre_bloc_evenement {
    margin: 10px 0 5px 0;
    color: #248182;
    line-height: 20px;
    font-size: 18px;
    text-align: center;
    font-family: "typo_1", Arial, sans-serif
    }
#milieu p.titre_evenement {
    margin: 5px 0 5px 0;
    color: #f7f4ed;
    line-height: 25px;
    font-size: 22px;
    text-align: center;
    font-family: "typo_1", Arial, sans-serif
    }
#milieu p.date_evenement {
    margin: 0 0 5px 0;
    color: #f7f4ed;
    line-height: 20px;
    font-size: 18px;
    text-align: center;
    font-family: "typo_1", Arial, sans-serif
    }
.bloc_champ_at {
    width: 320px;
    height: 340px;
    background: url(../images/interface/bg_societaux.jpg) top left;
    float: left;
    position: relative
    }
.bloc_phenomene {
    width: 320px;
    height: 340px;
    background: url(../images/interface/bg_sciences.jpg) top left;
    float: left;
    margin: 0 0 20px 10px;
    position: relative
    }
.bloc_science {
    width: 650px;
    height: 240px;
    background: url(../images/interface/bg_champs.jpg) top left;
    margin: 0 0 0 0;
    clear: both;
    position: relative
    }
#milieu .titre_bloc {
    line-height: 70px;
    font-size: 18px;
    text-align: left;
    text-indent: 30px;
    font-family: "typo_1", Arial, sans-serif;
    color: #bf323e;
    height: 40px
    }
#milieu .titre_actu_bloc {
    line-height: 20px;
    font-size: 17px;
    text-align: left;
    text-indent: 0;
    padding: 0 30px;
    font-family: "typo_1", Arial, sans-serif;
    color: #040404;
    margin: 0
    }
#milieu .auteur_actu_bloc {
    line-height: 20px;
    font-size: 14px;
    text-align: left;
    text-indent: 0;
    padding: 0 30px;
    font-family: "typo_1", Arial, sans-serif;
    color: #040404;
    margin: 0;
    font-style: italic
    }
#milieu .auteur_actu_bloc_detail {
    line-height: 20px;
    font-size: 14px;
    text-align: left;
    text-indent: 0;
    padding: 0 0;
    font-family: "typo_1", Arial, sans-serif;
    color: #f7f4ed;
    margin: 0 0 20px 0;
    font-style: italic
    }
#milieu p.contenu_actu_bloc {
    line-height: 20px;
    font-size: 12px;
    text-align: left;
    padding: 15px 30px 0 30px;
    color: #040404
    }
.lire_suite {
    position: absolute;
    right: 30px;
    bottom: 30px;
    font-size: 0;
    text-indent: -9999px;
    cursor: pointer;
    width: 45px;
    height: 45px;
    background: url(../images/bouton/lire_suite.png) top left no-repeat;
    text-align: center;
    color: #FFF;
    z-index: 999
    }
.lire_suite:hover {
    background-position: bottom left
    }
#milieu p.titre_anotation {
    line-height: 30px;
    font-size: 17px;
    text-align: left;
    text-indent: 25px;
    font-family: "typo_1", Arial, sans-serif;
    color: #FFF;
    margin: 20px 0 0 0
    }
#milieu p.citation {
    height: 110px;
    background: url(../images/interface/guillemets.png) top left no-repeat;
    color: #FFF;
    padding: 0 25px;
    display: table-cell;
    vertical-align: middle;
    width: 600px
    }
/* -------------------------------------------------------------------------- Carte de france ------------------------------------------------------------------------- */
#recherche_adherent {
    width: 958px;
    padding: 40px 0;
    background: #ab2b36;
    border: 1px solid #cb5d64;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
    }
#recherche_adherent label {
    display: block;
    font-family: "typo_1", Arial, sans-serif;
    color: #FFF;
    margin: 0 0 10px 0
    }
.nom_adherent {
    float: left;
    margin: 0 0 0 30px
    }
.nom_adherent select {
    width: 140px;
    height: 20px
    }
.nom_adherent input[type="checkbox"] {
    width: 20px;
    height: 20px;
    position: relative;
    opacity: 1;
    z-index: 0
    }
.nom_adherent input {
    background: url(../images/interface/input_nom_adherent.png);
    width: 140px;
    height: 20px;
    display: block;
    text-indent: 5px;
    line-height: 20px
    }
.valider {
    width: 115px;
    height: 40px;
    display: block;
    background: url(../images/bouton/valider.png) top left no-repeat;
    text-indent: -9999px;
    font-size: 0;
    margin: 8px 0 0 0
    }
.valider:hover {
    background-position: bottom left
    }
#listing_adherent {
    width: 420px;
    float: left
    }
#listing_adherent .titre_documents {
    text-indent: 20px;
    font-family: "typo_1", Arial, sans-serif;
    background: 7px center no-repeat;
    cursor: pointer;
    font-size: 18px;
    height: 35px;
    margin: 0;
    line-height: 35px;
    border-bottom: 1px solid #ab2b36
    }
#listing_adherent .contenu_accordeon {
    background: #ab2b36;
    display: block;
    border-bottom: 1px solid #ab2b36;
    width: 400px;
    margin: 0 0 0 20px
    }
#listing_adherent .contenu_accordeon .vrai_contenu {
    background: #ab2b36;
    display: block;
    width: 380px;
    padding: 15px 10px
    }
#milieu #listing_adherent .contenu_accordeon .vrai_contenu p {
    margin: 0;
    font-size: 13px;
    text-align: left
    }
#listing_adherent .contenu_accordeon .ligne {
    background: #bf323e;
    width: 350px;
    padding: 0;
    height: 1px;
    margin: 15px 15px
    }
#milieu #listing_adherent .contenu_accordeon .vrai_contenu a.mail, #milieu #listing_adherent .contenu_accordeon .vrai_contenu a.site {
    color: #FFF;
    margin: 0;
    font-size: 13px;
    text-indent: 21px;
    background: url(../images/interface/mail.png) center left no-repeat;
    padding: 0;
    line-height: 20px;
    height: 20px;
    text-decoration: none
    }
#milieu #listing_adherent .contenu_accordeon .vrai_contenu a.site {
    background: url(../images/interface/site.png) center left no-repeat
    }
#milieu #listing_adherent .contenu_accordeon .vrai_contenu a.mail:hover, #milieu #listing_adherent .contenu_accordeon .vrai_contenu a.site:hover {
    font-weight: normal;
    text-decoration: underline
    }
/* --------------------- CARTE --------------------- */
#carte_france {
    width: 500px;
    float: left;
    margin: 40px 0 0 40px;
    background: url(../images/interface/bg_carte_ifat.png) top center no-repeat;
    height: 633px;
    position: relative;
    padding: 50px 0 0 0;
    z-index: 5
    }
#carte_france div.select {
    background-position: bottom left
    }
#info_region {
    position: absolute;
    top: 70px;
    left: 40px;
    width: 140px;
    height: 50px;
    text-align: center;
    line-height: 40px;
    background: url(../images/interface/bg_nombre_adherent.png) top left no-repeat;
    font-family: "typo_1", Arial, sans-serif;
    font-size: 14px;
    display: none
    }
#france_metropolitaine {
    height: 35px;
    width: 216px;
    background: url(../images/bouton/france_metropolitaire.png) top left no-repeat;
    position: absolute;
    bottom: 0;
    left: 111px
    }
#hors_france {
    height: 35px;
    width: 111px;
    background: url(../images/bouton/hors_france.png) top left no-repeat;
    position: absolute;
    bottom: 0;
    left: 332px
    }
#france_metropolitaine:hover, #hors_france:hover {
    background-position: bottom left
    }
/* --------------------- infobulle --------------------- */
#infobule_info {
    width: 40px;
    height: 40px;
    background: url(../images/interface/infobule_info.png) center center;
    position: absolute;
    top: 25px;
    right: 0
    }
#infobule_info_plus_1, #infobule_info_plus_2, #infobule_info_plus_3 {
    width: 220px;
    height: 220px;
    background: url(../images/interface/infobule_info_plus_1.png) top right;
    position: absolute;
    top: 32px;
    right: 0;
    display: none;
    z-index: 99999999
    }
#infobule_info_plus_2 {
    background: url(../images/interface/infobule_info_plus_2.png) top right
    }
#infobule_info_plus_3 {
    background: url(../images/interface/infobule_info_plus_3.png) top right
    }
#infobule_info:hover #infobule_info_plus_1, #infobule_info:hover #infobule_info_plus_2, #infobule_info:hover #infobule_info_plus_3 {
    display: block
    }
#infobule_explication {
    width: 40px;
    height: 40px;
    background: url(../images/interface/infobule_explication.png) center center;
    position: absolute;
    top: 25px;
    right: 40px
    }
#infobule_explication_plus {
    width: 270px;
    height: 310px;
    background: url(../images/interface/infobule_explication_plus.png) top right;
    position: absolute;
    top: 32px;
    right: 0;
    display: none;
    z-index: 99999999
    }
#infobule_explication:hover #infobule_explication_plus {
    display: block
    }
.case_page {
    width: 48px;
    height: 53px;
    float: left;
    position: relative
    }
.page {
    margin: 0 auto 9px auto;
    position: relative;
    text-align: center;
    width: 24px;
    height: 19px;
    color: #fff;
    display: block;
    padding: 5px 0 0 0;
    text-decoration: none;
    font-size: 12px
    }
.page:hover {
    background: #ab2b36;
    color: #fff;
    text-decoration: none
    }
.page_select {
    margin: 0 auto 9px auto;
    position: relative;
    text-align: center;
    width: 24px;
    height: 19px;
    background: #fff;
    color: #ab2b36;
    display: block;
    padding: 5px 0 0 0;
    text-decoration: none;
    font-size: 12px
    }
.trait_page {
    background: #ab2b36;
    height: 3px;
    width: 100%;
    margin-bottom: 9px
    }
/* -------------------------------------------------------------------------- ESPACE ADHERENT ------------------------------------------------------------------------- */
/* --------------------- CONNEXION --------------------- */
#form_log {
    width: 590px;
    margin: 60px auto 0 auto;
    height: 110px;
    border: 1px solid #CF656E;
    background: #ab2b36;
    text-align: center;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
    }
#form_log label {
    font-family: "typo_1", Arial, sans-serif;
    font-size: 14px;
    position: absolute
    }
#form_log input {
    background: url(../images/interface/input_nom_adherent.png);
    width: 140px;
    height: 20px;
    display: inline-block;
    text-indent: 5px;
    line-height: 20px;
    position: absolute
    }
#form_log input.login {
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 0;
    text-indent: -9999px;
    cursor: pointer;
    width: 45px;
    height: 45px;
    background: url(../images/bouton/lire_suite.png) top left no-repeat
    }
#form_log input.login:hover {
    background-position: bottom left
    }
#inscription_2 {
    height: 40px;
    width: 185px;
    display: block;
    background: url(../images/bouton/inscription_2.png) top left no-repeat;
    position: absolute;
    top: 270px;
    right: 180px;
    text-indent: -9999px;
    font-size: 0
    }
#inscription_2:hover {
    background-position: bottom left
    }
/* --------------------- INFO PERSO --------------------- */
#form_info {
    width: 960px;
    margin: 10px auto 0 auto;
    height: 530px;
    border: 1px solid #CF656E;
    background: #ab2b36;
    text-align: center;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
    }
#form_info label {
    font-family: "typo_1", Arial, sans-serif;
    font-size: 14px;
    position: absolute;
    color: #FFF
    }
#form_info input {
    background: url(../images/interface/input_nom_adherent.png);
    width: 140px;
    height: 20px;
    display: inline-block;
    text-indent: 5px;
    line-height: 20px;
    position: absolute;
    color: #766e5f
    }
#form_info input[type=checkbox] {
    width: 20px
    }
#form_info select {
    width: 140px;
    height: 20px;
    position: absolute;
    color: #766e5f
    }
#form_info input.login {
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 0;
    text-indent: -9999px;
    cursor: pointer;
    width: 45px;
    height: 45px;
    background: url(../images/bouton/lire_suite.png) top left no-repeat
    }
#form_info input.login:hover {
    background-position: bottom left
    }
#form_info input#valider_formulaire {
    width: 115px;
    height: 40px;
    display: block;
    background: url(../images/bouton/valider.png) top left no-repeat;
    text-indent: -9999px;
    font-size: 0;
    margin: 0 0 0 0;
    position: absolute;
    bottom: 30px;
    left: 30px;
    cursor: pointer
    }
#form_info input#valider_formulaire:hover {
    background-position: bottom left
    }
/* -------------------------------------------------------------------------- DOCUMENT ------------------------------------------------------------------------- */
#milieu .tri_colonne p.titre_documents {
    background: #ab2b36 right center no-repeat;
    color: #FFF;
    text-indent: 10px;
    line-height: 33px;
    display: block;
    font-family: "typo_1", Arial, sans-serif;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #CF656E
    }
#milieu .tri_colonne .voir_document {
    background: -2px 4px no-repeat;
    color: #040404;
    text-indent: 22px;
    line-height: 30px;
    display: block;
    font-family: "typo_1", Arial, sans-serif;
    font-size: 13px;
    border-bottom: 1px dashed #CF656E
    }
#milieu .tri_colonne .voir_document:hover {
    color: #ebcb90
    }
#milieu .tri_colonne .contenu_accordeon .voir_document {
    margin: 0;
    text-indent: 0;
    color: #FFF;
    text-decoration: none
    }
#milieu .tri_colonne .contenu_accordeon .voir_document:hover {
    font-weight: normal;
    color: #ebcb90
    }
/* -------------------------------------------------------------------------- LIGNE ESPACE ADHERENT ------------------------------------------------------------------------- */
.ligne {
    border-bottom: 1px dashed #CF656E;
    height: 35px;
    line-height: 35px;
    color: #FFF
    }
.ligne a {
    color: #FFF;
    font-family: "typo_1", Arial, sans-serif;
    font-size: 14px;
    width: 925px;
    display: block;
    float: left
    }
.ligne a:hover {
    color: #ebcb90;
    text-decoration: none
    }
.bloc_titre {
    border-bottom: 1px dashed #CF656E;
    height: 55px;
    line-height: 65px;
    color: #FFF;
    font-family: "typo_1", Arial, sans-serif;
    font-size: 20px;
    color: #ebcb90;
    margin: 0
    }
.ligne a.supprimer_ligne {
    float: right;
    width: 25px;
    height: 25px;
    display: block;
    border: 1px solid #CF656E;
    background: url(../images/bouton/suppression_2.png) top center no-repeat #ab2b36;
    text-indent: -9999px;
    margin: 4px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
    }
.ligne a.supprimer_ligne:hover {
    background-color: #ebcb90;
    background-position: bottom center
    }
/* -------------------------------------------------------------------------- MEMBRES DU CA ------------------------------------------------------------------------- */
.membre_ca {
    width: 195px;
    margin: 0 60px 0 0;
    float: left
    }
.membre_ca img {
    border: 4px solid #ab2b36
    }
#milieu .membre_ca p.nom_membre {
    margin: 8px 0 6px 0;
    color: #ebcb90;
    font-size: 17px;
    font-family: "typo_1", Arial, sans-serif;
    line-height: 16px;
    text-align: left
    }
#milieu .membre_ca p.fonction_membre {
    margin: 5px 0;
    color: #f7f4ed;
    font-size: 14px;
    font-family: "typo_1", Arial, sans-serif;
    text-align: left;
    line-height: 16px
    }
.contenu_accordion {
    display: block;
    clear: both;
    margin: 0 0 10px 0
    }
/* -------------------------------------------------------------------------- BANCAIRE ------------------------------------------------------------------------- */
#cb div {
    color: #FFF;
    font-size: 17px;
    font-family: "typo_1", Arial, sans-serif;
    line-height: 60px;
    height: 50px
    }
/* -------------------------------------------------------------------------- FORUM ------------------------------------------------------------------------- */
.reponse_gauche, .reponse_droite {
    width: 680px;
    float: left;
    margin: 0 0 10px 0;
    position: relative
    }
.reponse_droite {
    float: right
    }
.reponse_gauche h3, .reponse_droite h3 {
    float: left;
    height: 40px;
    margin: 0;
    font-size: 17px;
    line-height: 55px
    }
.reponse_gauche h4, .reponse_droite h4 {
    float: left;
    height: 20px;
    margin: 0 0 10px 0;
    font-size: 15px;
    line-height: 20px;
    clear: both
    }
.reponse_droite h3, .reponse_droite h4 {
    float: right
    }
.reponse_droite .contenu_bloc, .reponse_gauche .contenu_bloc {
    clear: both;
    position: relative
    }
.reponse_droite .fleche_forum, .reponse_gauche .fleche_forum {
    width: 18px;
    height: 10px;
    position: absolute;
    top: -10px;
    left: 30px;
    background: url(../images/icone/fleche_forum.png) top left no-repeat
    }
.reponse_droite .fleche_forum {
    right: 30px;
    left: auto
    }
.reponse_droite .editer_message, .reponse_gauche .editer_message {
    height: 35px;
    line-height: 35px;
    padding: 0 12px;
    position: absolute;
    top: 29px;
    right: 10px;
    display: inline-block;
    background: #ab2b36 no-repeat;
    color: #FFF;
    clear: left;
    font-family: "typo_1", Arial, sans-serif;
    font-size: 13px;
    border: 1px solid #CF656E;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
    }
.reponse_droite .editer_message:hover, .reponse_gauche .editer_message:hover {
    background: #ebcb90 no-repeat;
    color: #bf323e;
    text-decoration: none
    }
.reponse_droite .editer_message {
    left: 10px;
    right: auto
    }
#milieu p.liste_sujet {
    border-bottom: 1px dashed #f7f4ed;
    height: 35px;
    line-height: 35px;
    margin: 0
    }
#milieu .contenu_bloc p.liste_sujet:last-child {
    margin: 0 0 12px 0;
    border: none
    }
#milieu .contenu_bloc p.liste_sujet a {
    display: block;
    float: left;
    width: 468px;
    color: #ebcb90
    }
#milieu .contenu_bloc p.liste_sujet span {
    display: block;
    float: left;
    width: 180px;
    color: #f7f4ed
    }