@charset "utf-8";
/* CSS Document */
body {
    margin-top: 0;
    background-color: #E0E0DE;
    background-repeat: no-repeat;
    background-position: center top
    }
#blokportfolio {
    height: 350px
    }
#portfolio {
    margin: 0;
    padding: 0
    }
#portfolio li {
    list-style-type: none
    }
#portfolio li img {
    max-width: 485px
    }
.globale {
    min-height: 450px;
    width: 990px;
    background-image: url(img/fond_menu2-2.jpg);
    background-repeat: repeat-y;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    font-family: Verdana, Geneva, sans-serif;
    position: relative;
    background-color: #FFF
    }
.header {
    height: 180px;
    position: relative
    }
.img_header {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5
    }
.fond_header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
    }
.left {
    min-height: 370px;
    width: 250px;
    float: left;
    background-image: url(img/fond_menu-2.jpg);
    background-repeat: no-repeat;
    background-position: 0 -120px
    }
.petit_txt {
    font-size: 11px
    }
#new_colonne {
    float: left;
    width: 740px;
    font-size: 12px
    }
#new_colonne h1 {
    font-size: 18px
    }
.languages {
    padding-top: 10px
    }
.fin_float {
    clear: both
    }
.menu {
    min-height: 350px;
    text-align: left
    }
.contenu {
    float: left;
    width: 495px;
    min-height: 670px;
    padding-top: 10px
    }
.contenu li {
    list-style: disc;
    padding: 0;
    font-size: 12px
    }
.contenu ul {
    padding: 0;
    margin: 0
    }
.contenu h1 {
    font-size: 18px;
    font-family: Verdana, Geneva, sans-serif
    }
.texte_contenu {
    padding-right: 10px;
    color: #0a4b5b;
    text-align: justify
    }
.texte_contenu img {
    max-width: 100%
    }
.texte_contenu a {
    color: #032027
    }
#right {
    width: 225px;
    min-height: 320px;
    float: left;
    color: #FFF;
    padding: 10px;
    text-align: justify;
    position: relative;
    margin-bottom: 220px
    }
#right h1 {
    font-size: 12px;
    text-align: left
    }
#right p {
    font-size: 12px
    }
#right a {
    color: #FFF;
    font-weight: bold;
    text-align: right;
    text-decoration: none
    }
#right .suite {
    padding-left: 175px
    }
#right .photo_actu {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 20
    }
#right #lien {
    position: absolute;
    bottom: -335px;
    left: 0;
    text-align: center;
    width: 271px
    }
.liens {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center
    }
#newsletter_contacts {
    width: 420px;
    /*background-image:url(img/bandeau_bas/bandeau1.png);*/
    background-repeat: no-repeat;
    background-position: bottom right;
    height: 70px;
    padding-left: 320px;
    padding-top: 65px;
    font-size: 12px;
    color: #FFF
    }
#newsletter_contacts .suite_fond_menu {
    background-image: url(img/fond_menu2-2.jpg);
    background-repeat: repeat-y;
    height: 135px;
    width: 225px;
    position: absolute;
    top: 0;
    left: 0
    }
.fin_footer {
    height: auto;
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    background-image: url(img/fin_footer.jpg);
    background-repeat: repeat
    }
.menu ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: "segoe ui", "Tahoma", "Verdana", "lucida grande", sans-serif;
    font-size: 11px
    }
.accueil {
    height: auto;
    width: 148px;
    background-color: transparent;
    padding-top: 10px
    }
.accueil .menu_liste {
    width: 148px;
    display: none
    }
.accueil .menu_liste li a {
    display: block;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 3px;
    text-decoration: none;
    color: #115c6f
    }
.accueil .menu_liste li.alt {
    background-color: transparent
    }
.decouvrir {
    height: auto;
    width: 148px;
    background-color: transparent;
    padding-top: 10px
    }
.decouvrir .decouvrir_liste {
    width: 148px;
    display: none
    }
.decouvrir .decouvrir_liste li a {
    display: block;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 3px;
    text-decoration: none;
    color: #ef3e23
    }
.decouvrir .decouvrir_liste li.alt {
    background-color: transparent
    }
/*liens */
.liens_rub {
    height: auto;
    width: 148px;
    background-color: transparent;
    padding-top: 10px
    }
.liens_rub .liens_rub_liste {
    width: 148px;
    display: none
    }
.liens_rub .liens_rub_liste li a {
    display: block;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 3px;
    text-decoration: none;
    color: #ef3e23
    }
.liens_rub .liens_rub_liste li.alt {
    background-color: transparent
    }
/* fin lins */
.detendre {
    height: auto;
    width: 148px;
    background-color: transparent;
    padding-top: 10px
    }
.detendre .detendre_liste {
    width: 148px;
    display: none
    }
.detendre .detendre_liste li a {
    display: block;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 3px;
    text-decoration: none;
    color: #5ca645
    }
.detendre .detendre_liste li.alt {
    background-color: transparent
    }
.ressourcer {
    height: auto;
    width: 148px;
    background-color: transparent;
    padding-top: 10px
    }
.ressourcer .ressourcer_liste {
    width: 148px;
    display: none
    }
.ressourcer .ressourcer_liste li a {
    display: block;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 3px;
    text-decoration: none;
    color: #9c3e97
    }
.ressourcer .ressourcer_liste li.alt {
    background-color: transparent
    }
.bouger {
    height: auto;
    width: 148px;
    background-color: transparent;
    padding-top: 10px
    }
.bouger .bouger_liste {
    width: 148px;
    display: none
    }
.bouger .bouger_liste li a {
    display: block;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 3px;
    text-decoration: none;
    color: #f99b1c
    }
.bouger .bouger_liste li.alt {
    background-color: transparent
    }
.agenda {
    height: auto;
    width: 148px;
    background-color: transparent;
    padding-top: 10px
    }
.agenda .bouger_liste {
    width: 148px;
    display: none
    }
.agenda .bouger_liste li a {
    display: block;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 3px;
    text-decoration: none;
    color: #2bb7da
    }
.agenda .bouger_liste li.alt {
    background-color: transparent
    }
.sejourner {
    height: auto;
    width: 148px;
    background-color: transparent;
    padding-top: 10px
    }
.sejourner .sejourner_liste {
    width: 148px;
    display: none
    }
.sejourner .sejourner_liste li a {
    display: block;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 3px;
    text-decoration: none;
    color: #ef7110
    }
.sejourner .sejourner_liste li.alt {
    background-color: transparent
    }
.insolites {
    height: auto;
    width: 148px;
    background-color: transparent;
    padding-top: 10px
    }
.insolites .insolites_liste {
    width: 148px;
    display: none
    }
.insolites .insolites_liste li a {
    display: block;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 3px;
    text-decoration: none;
    color: #3aab73
    }
.insolites .insolites_liste li.alt {
    background-color: transparent
    }
.adherent {
    height: auto;
    width: 148px;
    background-color: transparent;
    padding-top: 10px
    }
.adherent .adherent_liste {
    width: 148px;
    display: none
    }
.adherent .adherent_liste li a {
    display: block;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 3px;
    text-decoration: none;
    color: #d60839
    }
/* style type model */
.photo2 {
    float: left;
    width: 150px;
    margin-right: 10px;
    padding-top: 10px
    }
.photo4 {
    float: left;
    width: 215px;
    padding-left: 0;
    padding-right: 15px
    }
.photo4_c {
    float: left;
    width: 215px;
    padding-left: 15px;
    padding-right: 0
    }
.texte2 {
    float: left;
    width: 300px
    }
.photo3 {
    float: left;
    width: 150px;
    margin-left: 10px;
    padding-top: 10px
    }
.texte3 {
    float: left;
    width: 300px
    }
.facebook {
    display: block;
    padding-left: 10px;
    padding-top: 7px
    }