@media screen and (max-width: 700px) {
    .block-annonces {
        height: 380px !important;
    }
}

@media screen and (max-width: 979px) {
    .pub {
        float: left;
        width: 100% !important;
        margin-right: 0% !important;
        margin-left: 0% !important;
    }
}

.partners-press {
    padding-left: 5px;
    padding-right: 5px;
}

.block-commentaire {
    padding-left: 10px;
    padding-right: 10px;
}

.pub {
    margin-bottom: 15px;
    float: left;
    width: 31%;
    margin-right: 1%;
    margin-left: 1%;
}

.bouton-avis {
    padding: 10px;
    font-size: 20px!important;
    color: #000;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #DDD;
    background-color: #E0F8EC
}

.plein {
    width: 25%;
    float: left;
}

.quart {
    width: 25%;
    float: left;
}

@charset "utf-8";
@font-face {
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    src: url(../fonts/Atelas.eot?#iefix) format("embedded-opentype"), url(../fonts/Atelas.woff) format("woff"), url(../fonts/Atelas.ttf) format("truetype"), url(../fonts/Atelas.svg#Atelas) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    src: url(../fonts/Frenchpress_freefont.otf)
}

body {
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    background-color: #f0f2f4;
    width: 100%;
    cursor: url(../img/curseur-chat.cur), auto;
}

@media screen and (max-width: 999px) {
    .espace-membre {
        width: 110% !important;
        margin-left: -15px !important;
        margin-top: 10px !important
    }
    .membre-sidebar {
        margin-top: 10px;
        width: 90%!important;
        margin-right: 5%;
        margin-left: 5%;
        text-align: center;
        display: block
    }
}

@media screen and (max-width: 480px) {
    .liste-annonces {
        font-size: 25px !important;
    }
    .plein {
        width: 100%;
    }
    .quart {
        width: 50%;
    }
    .photo-annonce {
        height: 60%!important
    }
    .espace-membre {
        width: 320px;
        margin-left: auto;
        margin-right: auto;
    }
    .gauche-duo {
        width: 100%!important;
        margin-bottom: 15px!important;
        margin-right: 0!important;
        margin-left: 0!important
    }
    .untier {
        width: 100%!important;
        margin-bottom: 15px!important;
        margin-right: 0!important;
        margin-left: 0!important
    }
    .deuxtier {
        width: 100%!important;
        margin-bottom: 15px!important;
        margin-right: 0!important;
        margin-left: 0!important
    }
    .home-duo-top {
        height: 300px!important
    }
    .tier {
        font-size: 30px!important;
        font-weight: 400!important
    }
    .span-tier {
        font-size: 20px;
        font-weight: 200
    }
    .annonces-block {
        height: 570px!important
    }
    .titre-annonces,
    {}
    .titre-annonce {
        height: 100px!important
    }
    .carousel-annonce {
        width: 100%!important
    }
    .titre-footer {
        font-size: 20px!important;
        font-weight: 200!important;
        height: 160px!important
    }
    .footer-annonces {
        height: 1150px!important
    }
    .partenaires-slide {
        width: 100%!important;
        margin-bottom: 15px!important;
        margin-right: 0!important;
        margin-left: 0!important;
        height: 270px!important
    }
    .img-partenaires {
        width: 94%!important;
        margin-left: 3%!important;
        margin-right: 3%!important
    }
    #galerie {
        width: 100%!important
    }
}

@media screen and (max-width: 980px) {
    .home-duo-top {
        height: 300px!important
    }
    .photo-arrondi-home-top {
        height: 100%!important
    }
}

@media screen and (max-width: 979px) and (min-width: 760px) {
    .titre-footer {
        height: 170px!important
    }
    .footer-annonces {
        height: 820px!important
    }
    .titre-annonces,
    {}
    .annonces-block {
        height: 550px!important
    }
}

@media screen and (max-width: 1280px) and (min-width: 980px) {
    .titre-article {
        height: 120px!important
    }
    .titre-annonces,
    {}
    .annonces-block {
        height: 550px!important
    }
    .titre-footer {
        height: 140px!important
    }
    .footer-annonces {
        height: 690px!important
    }
}

@media screen and (max-width: 1920px) and (min-width: 1281px) {
    .titre-annonces,
    {}
    .annonces-block {
        height: 550px!important
    }
    .titre-footer {
        height: 100px!important
    }
    .footer-annonces {
        height: 480px!important
    }
}

.500 {
    width: 500px
}

.margin_bot {
    margin-bottom: 10px
}

.titre-boules {
    height: 110px
}

.titre-formulaire {
    margin-top: 10px;
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 25px;
    font-weight: 600;
    text-align: center
}

#galerie {
    position: relative;
    width: 600px;
    height: 338px
}

#galerie img {
    position: absolute;
    display: none
}

#galerie .active {
    display: block
}

.img-partenaires {
    width: 494px;
    height: 220px;
    padding-left: 5px;
    padding-top: 5px
}

.partenaires-slide {
    width: 500px;
    height: 280px;
    margin-right: auto;
    margin-left: auto;
    display: block!important;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    background: #fff none repeat scroll 0 0;
    background-color: #fff
}

.fontmoyen {
    font-size: 26px!important;
    background-color: #FAF0E6;
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    border-radius: 5px!important
}

.photo-partenaires {
    overflow: hidden;
    height: 200px;
    width: 95%;
    padding-top: 10px;
    display: block;
    margin: 10px auto 15px
}

.photo-partenaires:hover {
    filter: sepia(1);
    -webkit-filter: sepia(1);
    -moz-filter: sepia(1);
    -o-filter: sepia(1);
    -ms-filter: sepia(1)
}

.titre-partenaires {
    font-size: 13px;
    font-weight: 40;
    color: #000;
    padding-top: 10px;
    height: 40px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #DDD;
    background-color: #A9F5D0;
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.border-gauche {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #A9F5D0;
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.border-droite {
    background-color: #A9F5D0;
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    ;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.liste-categories {
    margin-top: 20px;
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    ;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    color: #A9F5D0;
    text-shadow: 0 0 4px #000
}

.rond-orange {
    box-shadow: 0 0 0 2px rgba(255, 100, 8, 1.0);
    margin-bottom: 10px;
    margin-top: 10px
}

.rond-jaune {
    box-shadow: 0 0 0 2px rgba(252, 174, 1, 1.0);
    margin-bottom: 10px;
    margin-top: 10px
}

.rond-vert {
    box-shadow: 0 0 0 2px rgba(86, 182, 33, 1.0);
    margin-bottom: 10px;
    margin-top: 10px
}

.rond-bleu {
    box-shadow: 0 0 0 2px rgba(26, 141, 230, 1.0);
    margin-bottom: 10px;
    margin-top: 10px
}

.img-categories {
    width: 200px;
    height: 200px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.titre-recherche {
    font-size: 25px!important;
    font-weight: 300!important;
    color: #000;
    padding-top: 10px;
    height: 55px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #DDD;
    background-color: #A9F5D0
}

.membre-sidebar {
    float: left;
    width: 25%
}

.blog-sidebar {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    background: #fff none repeat scroll 0 0;
    background-color: #fff
}

.liste-annonces {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    background-color: #A9F5D0;
    color: #000;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid #DDD
}

.footer-annonces {
    height: 400px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    background: #fff none repeat scroll 0 0;
    background-color: #fff;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.titre-footer {
    font-size: 25px;
    font-weight: 300;
    color: #000;
    padding-top: 10px;
    height: 55px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #DDD;
    background-color: #A9F5D0
}

.image-annonces {
    height: 200px!important;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.sous-titre-annonce {
    font-weight: 700
}

.carousel-annonce {
    height: 250px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px
}

.annonce-block {
    width: 100%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    background: #fff none repeat scroll 0 0;
    background-color: #fff;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.titre-annonce {
    font-size: 25px!important;
    font-weight: 300!important;
    color: #000;
    padding-top: 10px;
    height: 55px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #DDD;
    background-color: #A9F5D0
}

.annonces-block {
    width: 100%;
    height: 550px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    background: #fff none repeat scroll 0 0;
    background-color: #fff;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.titre-annonces {
    font-size: 25px!important;
    font-weight: 300!important;
    color: #000;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #DDD;
    background-color: #A9F5D0
}

.blog-article {
    float: left;
    width: 100%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    background: #fff none repeat scroll 0 0;
    background-color: #fff
}

.body-article {
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    ;
    margin-top: 10px;
    padding-bottom: 15px;
    text-align: center
}

.titre-article {
    font-size: 13px;
    font-weight: 40;
    color: #000;
    padding-top: 10px;
    height: 90px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #DDD;
    background-color: #A9F5D0;
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.photo-arrondi-home-top {
    overflow: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    height: 100%;
    width: 100%;
    padding: 10px 10px 15px
}

.photo-arrondi-home-top-left {
    overflow: hidden;
    /* -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px; */
    height: 100%;
    width: 100%;
    padding: 10px 10px 15px
}

.photo-arrondi-home-top:hover {
    filter: sepia(1);
    -webkit-filter: sepia(1);
    -moz-filter: sepia(1);
    -o-filter: sepia(1);
    -ms-filter: sepia(1)
}

.domaine-profil {
    font-weight: 600
}

.body-profil {
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    margin-top: 10px;
    padding-bottom: 15px
}

.titre-profil {
    font-size: 25px!important;
    font-weight: 300!important;
    color: #000;
    padding-top: 10px;
    height: 85px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #DDD;
    background-color: #A9F5D0
}

.profil {
    float: left;
    width: 100%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    background: #fff none repeat scroll 0 0;
    background-color: #fff
}

.home-duo-top {
    width: 100%;
    height: 500px;
    color: #7EDE49
}

.untier {
    float: left;
    width: 31%;
    margin-right: 1%;
    margin-left: 3%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    background: #fff none repeat scroll 0 0;
    background-color: #fff;
    cursor: pointer
}

.deuxtier {
    float: left;
    width: 61%;
    margin-right: 3%;
    margin-left: 1%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    background: #fff none repeat scroll 0 0;
    background-color: #fff;
    cursor: pointer
}

.photo-arrondi-home-duo {
    overflow: hidden;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    height: 200px;
    width: 200px;
    padding-top: 10px;
    padding-left: 10px;
    display: block;
    margin: 10px auto 15px
}

.photo-arrondi-home-duo:hover {
    filter: sepia(1);
    -webkit-filter: sepia(1);
    -moz-filter: sepia(1);
    -o-filter: sepia(1);
    -ms-filter: sepia(1)
}

#chat-banniere {
    overflow: hidden;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    position: fixed;
    right: 5px;
    top: 50%;
    width: 18em;
    margin-top: -2.5em;
    background-color: #de8e3e;
    border-width: 2px;
    border-style: solid;
    border-color: #000
}

#warning-banniere {
    overflow: hidden;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    position: fixed;
    right: 5px;
    top: 50%;
    width: 18em;
    margin-top: -2.5em;
    background-color: #fff;
    border-width: 2px;
    border-style: solid;
    border-color: #000
}

.texte-banniere {
    color: #fff!important
}

.texte-banniere:hover {
    color: #000!important
}

.photo-banniere {
    overflow: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    height: 50px;
    width: 50px
}

.photo-chat {
    overflow: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    height: 50px;
    width: 50px
}

.gauche {
    float: left;
    width: 31%;
    margin-right: 1%;
    margin-left: 1%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    background: #fff none repeat scroll 0 0;
    background-color: #fff
}

.gauche-duo {
    float: left;
    width: 40%;
    margin-right: 5%;
    margin-left: 5%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    background: #fff none repeat scroll 0 0;
    background-color: #fff
}

.home-duo {
    text-align: center
}

.photo-arrondi-home {
    overflow: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    height: 400px;
    width: 100%;
    padding: 10px 10px 15px
}

.photo-arrondi-home:hover {
    filter: sepia(1);
    -webkit-filter: sepia(1);
    -moz-filter: sepia(1);
    -o-filter: sepia(1);
    -ms-filter: sepia(1)
}

.home-trio {
    width: 100%;
    color: #7EDE49
}

.span-tier {
    font-size: 25px!important;
    font-weight: 300!important;
    color: #000;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #DDD;
    background-color: #A9F5D0
}

.span-tier-duo {
    padding: 10px;
    font-size: 20px!important;
    color: #000;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #DDD;
    background-color: #A9F5D0
}

.tier {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    background-color: #A9F5D0;
    color: #000
}

.margin-home {
    margin-top: -60%;
    margin-left: 10%
}

.blog-photo-home {
    width: 100%;
    height: 500px;
    overflow: hidden;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px
}

.blog-photo-home:hover {
    filter: sepia(1);
    -webkit-filter: sepia(1);
    -moz-filter: sepia(1);
    -o-filter: sepia(1);
    -ms-filter: sepia(1)
}

.photo-annonce {
    width: 100%;
    height: 200px !important;
    object-fit: cover;
    overflow: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px
}

.photo-annonce:hover {
    filter: sepia(1);
    -webkit-filter: sepia(1);
    -moz-filter: sepia(1);
    -o-filter: sepia(1);
    -ms-filter: sepia(1)
}

.FB {
    margin-top: 10px
}

.taille-titre-home {
    font-size: 15px;
    font-style: italic
}

.MSSansSerif {
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.retour {
    margin-top: 10px
}

.centre {
    text-align: center
}

.photo-arrondi {
    overflow: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 150px;
    height: 150px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.photo-arrondi:hover {
    filter: sepia(1);
    -webkit-filter: sepia(1);
    -moz-filter: sepia(1);
    -o-filter: sepia(1);
    -ms-filter: sepia(1)
}

.photo-arrondi-grand {
    overflow: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 300px;
    height: 300px
}

.photo-arrondi-grand:hover {
    filter: sepia(1);
    -webkit-filter: sepia(1);
    -moz-filter: sepia(1);
    -o-filter: sepia(1);
    -ms-filter: sepia(1)
}

.faq-sidebar {
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 16px
}

.faq-titre {
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 700
}

.cadre-profil {
    margin: auto;
    max-width: 600px;
    text-align: center
}

.example-right {
    position: relative;
    padding: 15px 30px;
    margin: 0;
    color: #000;
    background: #dff0d8;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#d6e9c6), to(#dff0d8));
    background: -moz-linear-gradient(#d6e9c6, #dff0d8);
    background: -o-linear-gradient(#d6e9c6, #dff0d8);
    background: linear-gradient(#d6e9c6, #dff0d8);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.example-right+p {
    margin: 15px 0 2em 85px;
    font-style: italic
}

.example-right:after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 100px;
    border-width: 0 20px 50px 0;
    border-style: solid;
    border-color: transparent #dff0d8;
    display: block;
    width: 0
}

.example-left {
    position: relative;
    padding: 15px 30px;
    margin: 0;
    color: #000;
    background: #d9edf7;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#bce8f1), to(#d9edf7));
    background: -moz-linear-gradient(#bce8f1, #d9edf7);
    background: -o-linear-gradient(#bce8f1, #d9edf7);
    background: linear-gradient(#bce8f1, #d9edf7);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.example-left+p {
    margin: 15px 0 2em 85px;
    font-style: italic
}

.example-left:after {
    content: "";
    position: absolute;
    bottom: -50px;
    right: 100px;
    border-width: 0 20px 50px 0;
    border-style: solid;
    border-color: transparent #d9edf7;
    display: block;
    width: 0
}

.photo-profil {
    overflow: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 90px;
    height: 90px
}

.discussion {
    color: #000;
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.discussion-pseudo {
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 22px;
    color: #000;
    font-weight: 700
}

.titre-discussion {
    color: #000;
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 15px;
    font-weight: 700
}

.profil {
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 15px
}

.profil2 {
    font-size: 14px
}

.left {
    text-align: left
}

a {
    color: #56b621
}

a:hover {
    text-decoration: none
}

.main img {
    filter: sepia(0);
    -webkit-filter: sepia(0);
    -moz-filter: sepia(0);
    -o-filter: sepia(0);
    -ms-filter: sepia(0)
}

.main a:hover>img {
    filter: sepia(1);
    -webkit-filter: sepia(1);
    -moz-filter: sepia(1);
    -o-filter: sepia(1);
    -ms-filter: sepia(1);
    transition: all .3s ease-in-out 0
}

#diapo {
    position: relative
}

#diapo.container-fluid {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.carousel-inner>.item {
    height: 0;
    padding-bottom: 50%
}

.carousel-caption {
    left: 10%;
    right: 11.5%;
    display: table;
    top: 50%
}

.carousel-inner>.item>.carousel-caption h3 {
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 4.5vw
}

.carousel-inner>.item>.carousel-caption p {
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 1.8vw;
    font-weight: 400
}

#bloc-head {
    background: rgba(0, 0, 0, 0.1) url(../img/header_pattern.png) repeat-x scroll left center;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 12
}

.logo_bas {
    width: 200px;
    height: 100px;
    float: right;
    padding-top: 0;
    margin-right: 70px;
}

.logo {
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    display: table;
    padding: 5px 0 0 20px;
    font-size: 50px
}

.infos-link-sociaux-responsive {
    display: none
}

.infos-link-sociaux {
    display: block
}

#logos {
    color: #56b621;
    font-weight: 700;
    padding-top: 25px;
    float: left
}

.navbar-default {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    margin: 0
}

#bloc-head .navbar-default .navbar-nav>li {
    transition: .2s ease-in-out 0
}

#bloc-head .navbar-default .navbar-nav>li:hover,
#bloc-head .navbar-default .navbar-nav>li.active {
    background: url(../img/bgtopmenu.png) center bottom no-repeat
}

#bloc-head .navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 50px;
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

#bloc-head .navbar-default .navbar-nav>.active>a,
#bloc-head .navbar-default .navbar-nav>.active>a:focus,
#bloc-head .navbar-default .navbar-nav>.active>a:hover {
    background: none
}

#bloc-head .navbar-default .navbar-nav>li>a.annonces,
#bloc-head .navbar-default .navbar-nav>li>a.annonces:hover {
    background: rgba(0, 0, 0, 0) url(../img/icon-annonce.png) no-repeat scroll center 5px
}

.navbar-nav2>li {
    transition: .2s ease-in-out 0
}

.navbar-nav2>li:hover,
.navbar-nav2>li.active {
    background: url(../img/bgtopmenurouge.png) center bottom no-repeat
}

.navbar-nav2>li>a {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 50px;
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.navbar-nav2>.active>a,
.navbar-nav2>.active>a:focus,
.navbar-nav2>.active>a:hover {
    background: none
}

.navbar-nav2>li>a.annonces,
.navbar-nav2>li>a.annonces:hover {
    background: rgba(0, 0, 0, 0) url(../img/icon-annonce.png) no-repeat scroll center 5px
}

.navbar-nav3>li {
    transition: .2s ease-in-out 0
}

.navbar-nav3>li:hover,
.navbar-nav3>li.active {
    background: url(../img/bgtopmenubleu.png) center bottom no-repeat
}

.navbar-nav3>li>a {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 50px;
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.navbar-nav3>.active>a,
.navbar-nav3>.active>a:focus,
.navbar-nav3>.active>a:hover {
    background: none
}

.navbar-nav3>li>a.annonces,
.navbar-nav3>li>a.annonces:hover {
    background: rgba(0, 0, 0, 0) no-repeat scroll center 5px
}

.block-link {
    position: absolute;
    top: 32vw;
    width: 100%;
    overflow: hidden
}

.block-link .link {
    border: 8px solid rgba(0, 0, 0, 0);
    border-radius: 50%;
    margin: 0 auto;
    width: 70%;
    overflow: hidden
}

.block-link .orange {
    box-shadow: 0 0 0 1px rgba(255, 100, 8, 1.0)
}

.block-link .jaune {
    box-shadow: 0 0 0 1px rgba(252, 174, 1, 1.0)
}

.block-link .vert {
    box-shadow: 0 0 0 1px rgba(86, 182, 33, 1.0)
}

.block-link .bleu {
    box-shadow: 0 0 0 1px rgba(26, 141, 230, 1.0)
}

.circle-responsive {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 110%;
    border-radius: 50%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
    text-align: center;
    width: 100%
}

.circle-content {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: table;
    float: none;
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 1.5vw;
    font-weight: 700;
    left: 0;
    margin: 47% auto 0;
    padding: 8% 0 40%;
    text-transform: uppercase;
    transition: all .3s ease-in-out 0;
    width: 92%
}

.circle-content:hover {
    height: 100%;
    margin: 0 auto;
    padding: 43% 0;
    position: relative;
    width: 100%;
    color: #5bff01;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0
}

.blog {
    margin-bottom: 0
}

.blog .content_assurance {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 225px;
    height: 225px;
    padding: 80px 0 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6)
}

.blog .content {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding: 15px 15px 100%;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6)
}

.blog .content.style-a {
    padding: 15px 15px 90%
}

.blog .content.style-b {
    padding: 15px 15px 43.7%
}

.atelasfont {
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.blog a {
    text-decoration: none
}

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

.blog a>.content,
.blog a>.content_assurance {
    filter: sepia(0);
    -webkit-filter: sepia(0);
    -moz-filter: sepia(0);
    -o-filter: sepia(0);
    -ms-filter: sepia(0)
}

.blog a:hover>.content,
.blog a:hover>.content_assurance {
    filter: sepia(1);
    -webkit-filter: sepia(1);
    -moz-filter: sepia(1);
    -o-filter: sepia(1);
    -ms-filter: sepia(1);
    transition: all .3s ease-in-out 0
}

.blog .content h3,
.blog .content_assurance h3 {
    color: #fff;
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 2.5vw;
    font-weight: 700;
    margin: 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    text-transform: uppercase
}

.blog .content h3 .atelasfont {
    font-size: 44px;
    font-weight: 400;
    text-transform: capitalize
}

.blog .content span,
.blog .content_assurance span {
    color: #fff;
    font-size: 18px
}

.blog .content ul {
    list-style: none;
    color: #fff;
    font-size: 18px;
    padding: 0
}

.absolute {
    position: absolute
}

.bottom {
    bottom: 0
}

.more {
    bottom: 15px;
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    right: 30px
}

.more:hover {
    text-decoration: none;
    color: rgba(233, 233, 233, 1.00)
}

.more .glyphicon {
    border: 2px solid;
    border-radius: 50%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px
}

.footermenu .navbar.navbar-default {
    background-color: #A9F5D0;
    border-radius: 0;
    height: 130px;
    margin-top: 2.7%
}

.footermenu .navbar.navbar-default ul {
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%
}

.footermenu .navbar.navbar-default ul li {
    display: inline-block;
    float: none;
    padding: 0
}

.footermenu .navbar.navbar-default ul li a {
    color: #000;
    font-weight: 300;
    padding: 0 50px 0 0;
    margin: 0;
    text-align: left;
    line-height: .5
}

.logo img {
    max-width: 270px;
    height: 75px;
    float: left
}

.nav>li.mobile {
    display: none
}

#blog #bloc-head {
    background: rgba(0, 0, 0, 0.65) url(../img/header_pattern.png) repeat-x scroll left center;
    margin: 0;
    position: relative
}

#blog>footer {
    margin-top: 20px
}

#blog .footermenu .navbar.navbar-default {
    border-radius: 0;
    height: 144px;
    padding-bottom: 0;
    margin-top: 0
}

#blog .footermenu .navbar.navbar-default ul li {
    padding: 0
}

#blog .footermenu .navbar.navbar-default ul li a {
    font-size: 14px
}

body>section {
    padding: 15px 0;
    color: #fff
}

.pageheader {
    margin-top: -20px;
    background: rgba(0, 0, 0, 1.0) url(../img/slide03.jpg) center no-repeat;
    background-size: cover
}

.pageheader.blog {
    margin-top: -20px;
    background: rgba(0, 0, 0, 1.0) url(../img/slide02.jpg) center no-repeat;
    background-size: cover
}

.blog-post {
    margin-bottom: 0;
    padding: 10px 30px
}

.blog-post-title {
    font-size: 18px;
    font-weight: 500
}

.blog-post-meta {
    color: #999;
    font-size: 12px;
    margin-bottom: 10px
}

.blog-main {
    font-size: 14px;
    line-height: 1.5
}

.blog-post p {
    font-weight: 300
}

.blogtitle {
    text-align: center;
    margin-bottom: 10px
}

.blog-main .blogtitle h3 {
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 2.5vw;
    font-weight: 700
}

.blog-main .blogtitle span {
    font-size: 18px
}

.short-seprator {
    display: inline-block;
    min-width: 164px;
    overflow: hidden
}

.kd-divider span {
    color: #c6c6c6;
    display: inline-block;
    float: none;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    vertical-align: top
}

.blogtitle h3 span.atelasfont {
    color: #56b621;
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 60px;
    font-weight: 400
}

.kd-divider span::before,
.kd-divider span::after {
    border-top: 1px solid #ccc;
    content: "";
    height: 4px;
    left: 100%;
    margin-left: 10px;
    position: absolute;
    top: 23px;
    width: 9999px
}

.kd-divider span::after {
    content: "";
    left: auto;
    margin-left: 0;
    margin-right: 10px;
    right: 100%
}

.pagenav {
    text-align: center
}

.pagination {
    margin: 20px auto
}

.sidebar-module .row {
    margin-bottom: 20px;
    margin-left: 0 !important;
}

.sidebar-module h3 {
    background-color: #F5F5F5;
    margin-bottom: 20px;
    margin-top: 0;
    text-transform: uppercase;
    padding: 15px;
    font-weight: 300
}

.sidebar-module .blog-post-title {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 10px;
    margin-top: 0
}

.sidebar-module p {
    font-size: 15px;
    padding: 0 20px
}

.title-announce-sidebar {
    margin-left: 20px;
}

#formulairecontact {
    margin: 20px auto;
    max-width: 500px;
    text-align: center
}

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    color: #555;
    display: block;
    font-size: 16px;
    height: 45px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0;
    width: 100%
}

#formulairecontact>.btn.btn-default.btn-lg {
    border-radius: 0;
    background-color: #56b621;
    color: #fff;
    border: none
}

#map-container {
    height: 400px
}

ul.coordonnees {
    list-style: none
}

ul.coordonnees li {
    margin-bottom: 10px
}

ul.coordonnees li i {
    text-align: center;
    width: 50px
}

#map {
    margin-top: 20px
}

.galeries {
    background-color: #56c3d7;
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: center
}

.galeries .row,
.carousel2 .row {
    margin-left: 0;
    margin-right: 0
}

.galeries h1,
.carousel2 h1 {
    font-size: 60px;
    font-weight: 300;
    margin-top: 20px
}

.container {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: inherit;
    padding: 0;
    text-align: justify
}

.controls {
    background: none;
    color: #eee;
    padding: 2%
}

.container .mix::before {
    padding-top: 100%
}

.container .mix {
    margin-bottom: 0
}

.carousel2 {
    background-color: #ecaf69;
    color: #fff;
    margin: 0;
    padding: 0 0 20px;
    text-align: center;
    width: 100%;
    display: table
}

.carousel2 h1,
.carousel2 p {
    text-align: center
}

.carousel-control {
    width: 4%
}

.carousel-control.left,
.carousel-control.right {
    margin-left: 15px;
    background-image: none
}

.carousel2 .carousel-inner>.item {
    height: auto;
    padding: 0
}

.carousel2 .circle-responsive {
    background: #fff;
    border-radius: 50%;
    height: 0;
    padding-bottom: 100%;
    width: 100%
}

.carousel2 .circle-content {
    background: #fff none repeat scroll 0 0;
    color: #ecaf69;
    float: left;
    font-size: 7vw;
    line-height: 1;
    margin-top: -.5em;
    padding-top: 47%;
    text-align: center;
    width: 100%
}

.carousel2 .circle-content i {
    color: #9E7547;
    background: #fff
}

.carousel-control.left {
    margin-left: -30px
}

.carousel-control.right {
    margin-right: -30px
}

.infos-link {
    background-color: rgba(0, 0, 0, 1);
    padding: 10px;
    min-height: 20px
}

.infos-link ul {
    list-style: outside none none;
    margin: 0;
    padding: 0
}

.infos-link ul li {
    color: #fff;
    display: table;
    float: left;
    font-size: 14px;
    padding: 0 20px
}

.infos-link ul li .glyphicon {
    color: #5BFF01;
    margin-right: 10px
}

.infos-link.sociaux ul li {
    float: right
}

.block-commentaire {
    margin-bottom: 20px
}

.block-commentaire h3,
.block-equipes h3 {
    text-align: center;
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.separator {
    text-align: center;
    margin-bottom: 20px
}

.commentaire-info {
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 10px;
    float: left;
    margin-bottom: 28px;
    padding: 10px;
    position: relative;
    width: 100%
}

.commentaire-info::before {
    border-left: 0 solid transparent;
    border-right: 10px solid transparent;
    border-top: 18px solid #fff;
    bottom: -18px;
    content: "";
    left: 45px;
    position: absolute;
    z-index: 2
}

.commentaire-info1 {
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 10px;
    float: left;
    margin-bottom: 28px;
    padding: 30px 22px;
    position: relative;
    width: 100%
}

.commentaire-info1::after {
    border-left: 0 solid transparent;
    border-right: 12px solid transparent;
    border-top: 22px solid #dedede;
    bottom: -22px;
    content: "";
    left: 44px;
    position: absolute;
    z-index: 0
}

.commentaire-info1::before {
    border-left: 0 solid transparent;
    border-right: 10px solid transparent;
    border-top: 18px solid #fff;
    bottom: -18px;
    content: "";
    left: 45px;
    position: absolute;
    z-index: 2
}

.block-commentaire figure,
.block-equipes figure {
    margin-bottom: 6px;
    position: relative;
    float: left;
    width: 100%
}

.block-commentaire figure .thumb,
.block-equipes figure .thumb {
    float: left
}

.block-commentaire figure .thumb img,
.block-equipes figure .thumb img {
    border-radius: 100%
}

.block-commentaire figure .thumb~figcaption {
    padding: 16px 0 0 96px
}

.block-equipes figure .thumb~figcaption {
    padding: 16px 0 0 165px
}

.block-commentaire figcaption {
    text-align: center
}

.block-equipes figcaption {
    text-align: left
}

.block-commentaire figcaption h2,
.block-equipes figcaption h2 {
    line-height: 1;
    margin: 0
}

.block-commentaire figcaption span,
.block-equipes figcaption span {
    color: #666;
    font-size: 12px
}

.block-nous {
    background-image: url(../img/dog-190056_1280.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto
}

.block-nous .caption {
    color: #fff;
    float: right;
    padding: 4% 2%;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6)
}

.block-nous .caption h3 {
    color: #5BFF01;
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 2.5vw;
    font-weight: 700;
    text-transform: uppercase
}

.block-nous .caption p {
    font-size: 20px
}

.block-nous .caption ul li {
    font-size: 16px;
    margin: 10px 0
}

.block-equipes {
    padding-bottom: 50px
}

.block-equipes .social-network {
    display: block;
    float: none
}

.block-equipes .social-network ul {
    padding: 0;
    text-align: left
}

.block-equipes .social-network li {
    list-style: outside none none;
    margin: 0 15px 0 0;
    display: inline
}

.block-equipes .social-network a[data-original-title="Facebook"] {
    color: #3b5997
}

.block-equipes .social-network a[data-original-title="Twitter"] {
    color: #29c5f6
}

.block-equipes .social-network a[data-original-title="Linkedin"] {
    color: #006dc0
}

.block-annonces {
    background-color: #fff;
    height: 380px;
}

.block-annonces div.blogtitle {
    color: #fff
}

.block-annonces .blog {
    padding: 15px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    background: #fff none repeat scroll 0 0;
    background-color: #fff
}

.block-mobilsearch {
    display: none
}

.block-mobilsearch1 {
    display: none
}

.blog.v3,
.blog.v3 .content {
    text-align: center;
    padding-left: 150px;
    padding-right: 150px
}

.blog.v2,
.blog.v2 .content {
    text-align: center
}

.blog.v2 .content h3 {
    margin-top: 50%
}

.blog.v2 .nopadding {
    display: inline-block;
    float: none
}

.prix {
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFD700;
    color: #fff;
    font-size: 24px;
    padding: 5px;
    line-height: 46pxtext-align: center;
    width: 100px;
    z-index: 8;
    box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.5);
    color: #30312f;
}

.prix .devise {
    font-size: 18px;
    margin-left: 3px
}

h5 {
    margin-bottom: 5px
}

.spacer {
    clear: both;
    width: 80%;
    height: 20px
}

.h3padding {
    margin-left: 15px
}

.vert {
    color: #56b621;
    font-size: 43px
}

.style_scroll {
    overflow: scroll;
    height: 1260px;
    overflow-x: hidden
}

.new_color {
    color: #63944d;
    font-size: 16px
}

.new_color2 {
    color: #343533;
    font-size: 16px;
    text-decoration: bold
}

.new_color3 {
    color: #cf0b22;
    text-decoration: bold
}

label.label_s {
    width: 80px;
    margin-left: 5px;
    font-size: 16px
}

label.label_s2 {
    width: 150px;
    margin-left: 5px;
    font-size: 14px
}

.blanc_ {
    color: #FFF;
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    width: 100%
}

.noir_ {
    color: #000;
    font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    height: 120px
}

.rouge_ {
    color: #fa384f;
    font-size: larger
}

ul.ul_profil {
    list-style-type: none;
    margin: 10px;
    padding: 0
}

ul.ul_profil li {
    font: 200 16px/1.5 Helvetica, Verdana, sans-serif;
    border-bottom: 1px solid #56b621;
    padding: 5px
}

ul.ul_profil li:last-child {
    border: none
}

ul.ul_profil li a {
    text-decoration: none;
    color: #000;
    display: block;
    -webkit-transition: font-size .3s ease, background-color .3s ease;
    -moz-transition: font-size .3s ease, background-color .3s ease;
    -o-transition: font-size .3s ease, background-color .3s ease;
    -ms-transition: font-size .3s ease, background-color .3s ease;
    transition: font-size .3s ease, background-color .3s ease
}

ul.ul_profil li a:hover {
    font-size: 17px;
    background: #f6f6f6
}

@media (max-width: 767px) {
    .carousel-inner .active.left {
        left: -100%
    }
    .carousel-inner .next {
        left: 100%
    }
    .carousel-inner .prev {
        left: -100%
    }
    .active>div {
        display: none
    }
    .active>div:first-child {
        display: block
    }
}

@media (min-width: 767px) and (max-width: 992px) {
    .carousel-inner .active.left {
        left: -50%
    }
    .carousel-inner .next {
        left: 50%
    }
    .carousel-inner .prev {
        left: -50%
    }
    .active>div {
        display: none
    }
    .active>div:first-child {
        display: block
    }
    .active>div:first-child+div {
        display: block
    }
    .carousel-caption {
        height: 10%
    }
}

@media (min-width: 992px) {
    .carousel-inner .active.left {
        left: -25%
    }
    .carousel-inner .next {
        left: 25%
    }
    .carousel-inner .prev {
        left: -25%
    }
}

@media (max-width:768px) {
    .carousel-caption {
        display: none !important;
    }
    .style_scroll {
        overflow: none;
        height: auto;
        overflow-x: hidden;
        overflow-y: hidden
    }
    .style_menu {
        color: red
    }
    .nav>li.mobile {
        display: block;
        background-color: #eaede9;
        padding-top: 1%
    }
    .nav>li.non_mobile {
        display: block;
        background-color: #eaede9;
        padding-top: 1%
    }
    .logo img {
        max-width: 135px
    }
    #bloc-head {
        height: 50px
    }
    .carousel-caption {
        left: 5%;
        right: 5%;
        top: 24%
    }
    .carousel-inner>.item>.carousel-caption h3 {
        font-size: 25px
    }
    .carousel-inner>.item>.carousel-caption p {
        font-size: 14px
    }
    .block-link {
        display: none
    }
    header#bloc-head.row #bs-example-navbar-collapse-1.collapse.in ul {
        background: #fff none repeat scroll 0 0
    }
    header#bloc-head.row #bs-example-navbar-collapse-1.collapse.in ul li {
        transition: 0 ease-in-out 0
    }
    header#bloc-head.row #bs-example-navbar-collapse-1.collapse.in ul li a {
        color: #000;
        line-height: 30px;
        text-align: center;
        background: none;
        transition: 0 ease-in-out 0
    }
    header#bloc-head.row #bs-example-navbar-collapse-1.collapse.in ul li a:hover,
    header#bloc-head.row #bs-example-navbar-collapse-1.collapse.in ul li.active a {
        color: #fff
    }
    .blog .content {
        margin-bottom: 20px
    }
    .blog .content h3 {
        font-size: 30px
    }
    #bs-example-navbar-collapse-2.navbar-collapse.collapse.in {
        background-color: #425011
    }
    .footermenu .navbar.navbar-default ul {
        display: block
    }
    .footermenu .navbar.navbar-default ul li {
        display: block;
        float: none;
        padding: 0
    }
    .footermenu .navbar.navbar-default ul li a {
        font-size: 14px
    }
    label.label_s {
        width: 100px;
        font-size: 14px
    }
    label.label_sm {
        width: 75px;
        font-size: 18px
    }
    .infos-link ul li {
        padding: 0 5px;
        font-size: 12px
    }
    .carousel-caption {
        padding-top: 50px
    }
    .logo img {
        height: 40px
    }
    .h1,
    h1 {
        font-size: 20px
    }
    .h2,
    h2 {
        font-size: 18px
    }
    .block-mobilsearch1 {
        display: block;
        margin-top: 0;
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    .block-mobilsearch {
        display: block;
        margin-top: 100px
    }
    .blog.v2,
    .blog.v2 .content {
        padding: 0
    }
    .infos-link-sociaux,
    .mobile_hide,
    .pageheader.blog,
    .pageheader,
    ul.hide_rs {
        display: none
    }
    #bloc-head {
        background: rgba(0, 0, 0, 0.1) url(../img/header_pattern.png) repeat-x scroll left center;
        height: 110px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 12
    }
    #col-sm-12 col-md-4 {
        width: 100%
    }
    .blog.v3,
    .blog.v3 .content {
        padding-left: 5px;
        padding-right: 5px
    }
    .hide_rs {
        display: block;
        float: right
    }
    .infos-link-sociaux-responsive {
        position: absolute;
        top: -25px;
        width: 100%;
        z-index: 12;
        display: block
    }
    .infos-link-sociaux {
        display: none
    }
}

.titre {
    color: #2d9101;
    text-align: center;
    font-size: 18px
}

.side_titre {
    font-size: 20px;
    font-weight: 200;
    color: #000;
    padding-top: 10px;
    height: 45px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    border-bottom: 1px solid #DDD;
    background-color: #A9F5D0;
    padding-left: 0;
    padding-right: 0
}

.container-fluid.main {
    margin-top: 121px
}