/**CSS GENERAL**/
@font-face {
    font-family: "Source sans pro light";
    src: url('../fonts/source-sans-pro/SourceSansPro-Light.ttf');
}
@font-face {
    font-family: "Source sans pro semibold";
    src: url('../fonts/source-sans-pro/SourceSansPro-Semibold.ttf');
}
@font-face {
    font-family: "Source sans pro regular";
    src: url('../fonts/source-sans-pro/SourceSansPro-Regular.ttf');
}
@font-face {
    font-family: "Source sans pro lightitalic";
    src: url('../fonts/source-sans-pro/SourceSansPro-LightItalic.ttf');
}
/******Target FF******/
@-moz-document url-prefix() {

    b, strong{
        font-weight:normal !important;
        font-family: "Source sans pro semibold";
    }
    strong a{
        font-weight: normal !important;
    }
    p a{
        font-weight: normal !important;
    }
    .annuaire_desc{
        width: 51% !important;
        margin-left:-14px !important;
        font-weight: normal !important;
    }
    h2{
        font-weight: normal !important;
    }
    .articles{width: 100%; display:block !important}
    .articles .center {display: inherit !important}
    .plan_site_agevillagepro_bloc{display:block !important;}
    .plan_site_agevillagepro_bloc .center{display: block !important;}
    .annuaire_descgp {
        margin-left: 3px !important;    
        width: 51% !important;
    }

    .search-submit {
        font-weight: normal !important;
    }
    .agregateur {
        font-weight: normal !important;
    }
    .linkEncartAgenda a{font-weight: normal !important}
    .humain_label_bouton{width:43% !important}
}
/*****Target IE******/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    b, strong{
        font-weight:normal !important;
        font-family: "Source sans pro semibold";
    }
    #tag_main_slid{
        margin-left:-1px;
    }
    .annuaire_desc{
        font-family: 'Source sans pro semibold' !important;
        width: 51% !important;
        font-weight: normal !important;
    }
}

h1 {font-family: 'Source sans pro light';color: #05334C;font-size: 45px;text-align: center;padding: 0px;margin: 0px;margin-top: 25px;margin-bottom:40px !important;}
h2 {font-family: 'Source sans pro semibold';color: #05334C;font-size: 27px;font-weight: bold; text-align: center;padding: 0px;margin: 0px;}
h3, .paragraphe h3 {font-family: 'Source sans pro semibold';color: #05334C;font-size: 20px;text-align: left;padding: 0px;margin: 0px;}
p, div {font-family: 'Source sans pro regular';color: #05334C;font-size: 16px; text-align: left;padding: 0px;margin: 0px;}
hr {width: 95%;margin-top: -3px;border-bottom: 2px solid #C6C6C6;}
.menu hr {width: 100% !important;}
.first { margin-top: -30px;}
a {font-family: 'Source sans pro semibold';color: #F7F7F7;font-weight: normal;}
.eventContent a {color: #59B85E !important;}
.full-top-header a {font-size: 14px;}
.body-content a {color: #05334C;}
.footer .row ul li a {font-size: 16px;font-family:'Source sans pro regular';font-weight:normal;color: #F7F7F7;}
.footer .row ul li a:hover {color: #05334C;}
.nav > li > a {font-size:16px;font-weight: normal;}
body {background-color: #F7F7F7;}
.top-accueil, .accueil, .menu, .publicites {background-color: #FFFFFF; padding: 10px; margin: 0px 10px 10px 10px;}
.top-accueil {margin-bottom: 30px !important;}
.publicites {margin-top: -70px;}

.left{float: left;}
.right{float: right;}
.center {display: table; margin: 0 auto !important;}

a, button, input[type="submit"], .header_search,
.search-close, .slide_description h3, .actu a,
.evenement a, .evenement p, .actu p, .event_details p,
.bouton, .bouton_menu, .communaute_bouton, .bouton-lexique,
.humain_label_bouton, .agevillagepro_img_bouton, .annuaire_bouton,
.reaction .col-lg-12 p, .haut-page, .increase, .decrease, .evenement h3 {cursor: pointer;}

.megaban_header img {
    width: 728px;
    height: 90px;
}

/*.fixed {
    z-index: 1000;
    position:fixed;
    top:0;
}

.fixed2 {
    z-index: 1000;
    position:fixed;
    width: 100%;   
    top:55px;
    }*/

    .full-header {position: fixed;top: 0;z-index: 1000;background-color: #F7F7F7;width: 100%;}
    .body-content {margin-top: 200px;}

    .introArticle a {color: #59B85E !important;font-weight: 900;}
    .introArticle a:hover {color: #59B85E !important;}
    /**TOP HEADER**/
    .top-header {padding: 12px;background-color:#FFFFFF;}
    .top-header hr {margin: 20px;border: 1px solid #D5D5D5;}
    .top-menu {margin-left: -15px;}
    .top-menu li {float: left;margin: 0px 14px;}
    .top-menu li a {color: #79848F;}
    .top-menu-annuaire {color: #297053;}
    .top-menu-monagevillage {color: #ab13fc;}
    .top-menu-agevillagepro {color: #1d70e6;}
    .top-menu-forums {color: #ce4257;}
    .top-menu-green, .top-menu-violet, .top-menu-blue, .top-menu-red {
        margin-top: -20px;
        margin-left: 2px;
        float: left;
        padding: 10px;
        padding-bottom: 0px;
    }
    .top-menu-green {border-bottom: 2px solid #297053;}
    .top-menu-violet {border-bottom: 2px solid #ab13fc;}
    .top-menu-blue {border-bottom: 2px solid #1d70e6;}
    .top-menu-red {border-bottom: 2px solid #ce4257;margin-right: 20px;}

    .arrow-right {
        width: 0; 
        height: 0; 
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 7px solid #59B85E;
        float: left;
        margin-top: 5px;
        margin-right: 12px;
    }

    .arrow-right-white {
        width: 0; 
        height: 0; 
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 8px solid white;
        float: left;
        margin-top: 5px;
        margin-right: 5px;
        margin-left: -5px;
    }

    .arrow-left {
        width: 0; 
        height: 0; 
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-right: 7px solid #59B85E;
        float: left;
        margin-top: 5px;
        margin-right: 10px;
    }
    .arrow-haut {
        text-align: center;
        margin: 5px auto;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #05334C;
    }
    .arrow-up, .arrow-up-green, .arrow-up-violet, .arrow-up-blue, .arrow-up-red {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid black;
    }
    .arrow-up-green {border-bottom-color: #297053;}
    .arrow-up-violet {border-bottom-color: #ab13fc;}
    .arrow-up-blue {border-bottom-color: #1d70e6;}
    .arrow-up-red {border-bottom-color: #ce4257;}

    .top-plus {
        display: inline-block;
        border-radius: 5px;
        background-color: #05334C;
        padding: 8px;
        margin-top: -10px;
    }

    .facebook-top {background-color: #3B5998;border-radius: 50%;display: inline-block;padding: 8px;margin-left: 10px;}
    .twitter-top {background-color: #33CCFF;border-radius: 50%;display: inline-block;padding: 8px;}


    @media (max-width: 1200px) {
        .full-top-header, .megaban_header {
            display: none;

        }

        /*    ************Code CSS addded by PY*********************/
        /* on devrait juste suppr .megaban_header de la modif au dessus si on garde ca.*/
        .megaban_header{           
            display: block !important;
        }

        /******************************************************/

    }

    /**HEADER**/
    .header {
        width: 100%;
        background-color: #59B85E;
        border-bottom: 1px solid #C6C6C6
    }
    .head_navbar {
        background-color: #59B85E;
        margin-left: -20px;
        margin-bottom: 0px;
        border: 0 none;
        padding: 15px 10px 10px 10px;
        color: #F7F7F7;
    }

    .head_navbar .navbar-nav > li > a {padding:0px;color: #F7F7F7;}

    .navbar .divider-vertical {
        height: 15px;
        margin-top: 18px;
        border-right: 1px solid #f7f7f7;
    }

    .header_search {
        display: inline-block;
        background-color: #59B85E;
        border: 1px solid #F7F7F7;
        border-radius: 2px;
        padding: 5px;
        font-family: 'Source sans pro regular';
        color: #F7F7F7;
        margin-top: 8px;
        /*margin-left:  60px;*/
    }

    @media (max-width: 1200px) {
        .nav li a {padding: -5px;}
    }

    @media (max-width: 768px) {    
        .navbar .divider-vertical {
            display: none;
        }
        .navbar-header {
            float: none;
        }
        .navbar-left,.navbar-right {
            float: none !important;
        }
        .navbar-toggle {
            display: block;
        }
        .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }
        .navbar-fixed-top {
            top: 0;
            border-width: 0 0 1px;
        }
        .navbar-collapse.collapse {
            display: none!important;
        }
        .navbar-nav {
            float: none!important;
            margin-top: 7.5px;
        }
        .navbar-nav>li {
            float: none;
        }
        .navbar-nav>li>a {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .collapse.in{
            display:block !important;
        }

        .navbar-collapse .nav > .divider-vertical {
            display: none;
        }
        .header_search {margin-top: 0px;margin-left: 0px;}

        #cmt-submit {
            margin-right: 50px !important;
            /*        margin-top: 50px !important;*/
            margin-bottom: 50px !important;
        }

        .haut-page {display: none !important;}
        form[name="form"] .row .col-md-8 {margin-left: 0 !important;}
        #cmt-submit {float: none !important;margin: 15px 0px 0px 0px !important;}
        .publicites .row .center img {margin: 5px !important;}
        .footer .row .col-sm-6 {margin-left: 0px !important;}
    }

    .head_navbar .navbar-toggle .icon-bar {
        background-color: #F7F7F7;
    }
    .rechercher {float: left;margin-right: 10px;}


    /*****CUSTOM NAV BAR*****/
    .navbar-default {
        margin: 0px;
        background-color: #59B85E;
        border: 0 none;
    }
    .navbar-default .navbar-brand {
        color: #f7f7f7;
    }
    .navbar-default .navbar-brand:hover {
        color: #f7f7f7;
    }
    .navbar-default .navbar-text {
        color: #f7f7f7;
    }
    .navbar-default .navbar-nav > li > a {
        color: #f7f7f7;
    }
    .navbar-default .navbar-nav > li > a:hover {
        color: #f7f7f7;
    }
    .navbar-default .navbar-nav > li > .dropdown-menu {
        margin-top: -1px;
        background-color: #387e3c;
    }

    .navbar-default .navbar-nav > li:hover > .dropdown-menu {
        display: inline-block;
    }

    .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
        color: #f7f7f7;
    }
    .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover {
        color: #f7f7f7;
        background-color: #387e3c;
    }


    .navbar-default .navbar-nav > li:hover > a {
        color: #f7f7f7;
        background-color: #387e3c;
    }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover {
        color: #f7f7f7;
        background-color: #387e3c;
    }
    .navbar-default .navbar-toggle {
        border: 0 none;
    }
    .navbar-default .navbar-toggle:hover {
        background-color: #387e3c;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #f7f7f7;
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border: 0 none;
    }
    .navbar-default .navbar-link {
        color: #f7f7f7;
    }
    .navbar-default .navbar-link:hover {
        color: #f7f7f7;
    }
    .navbar-default .navbar-collapse .navbar-nav .dropdown:hover .dropdown-menu {
        display: inline-block;
    }

    .nav > li.dropdown { position: static; }
    .nav > li.dropdown.open .dropdown-menu {display:table; width: 100%; text-align: center; left:0; right:0; }
    .dropdown-menu submenu row col-lg-6 p, .dropdown-menu submenu row col-lg-6 a, .dropdown-menu submenu row col-lg-6 div {
        display: table-cell;
    }

    @media (max-width: 767px) {
        .navbar-default .navbar-nav .open .dropdown-menu > li > a {
            color: #f7f7f7;
        }
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #f7f7f7;
        }
        .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
            color: #f7f7f7;
            background-color: #387e3c;
        }
        .navbar-default .navbar-nav > li > .dropdown-menu {
            display: none;
        }
        .navbar-default .navbar-collapse .navbar-nav .dropdown:hover .dropdown-menu {
            display: none;
        }
    }

    /************************/
    .submenu {padding: 40px;display: inline-block;width:100%}
    .submenu a {
        padding: 5px;
        margin-top: 10px;
        overflow: hidden;
        white-space: normal;
    }

    .vertical-divider > div[class^="col-"] {
        /*    margin-top: 20px;*/
        border-right: 1px solid #609863;
    }
    .submenu-divider {border-top: 1px solid #609863;margin: 10px 0px;}
    .submenu-title {
        font-family: 'source sans pro light';
        font-size: 20px;
        text-transform : uppercase;
        overflow: hidden;
        white-space: nowrap;
        color: #F7F7F7;
        margin: -20px 0px 5px 15px;
        width: 200%;
    }

    .submenu-right {min-width: auto;width: 100%}

    .oneside {margin: 10px 0px;}

    .sstheme {
        text-align: left;
        margin: -22px 0px -22px 20px;
        color:#F7F7F7;
    }
    a:hover .sstheme {color:#05334C;}
    /*****SEARCH*****/
    .search {
        z-index: 1000;
        display: none;
    }

    .search.show {
        margin-top: -1px;
        background-color: #387e3c;
        padding: 20px;
        display: inline-block;
    }
    .search-submit {
        background-color: #387e3c;
        border: 2px solid #F7F7F7;
        border-radius: 5px;
        padding: 5px 20px;
        color: #F7F7F7;
        font-weight: bold;
    }
    .search-input {
        width: 100%;
        border: 2px solid #F7F7F7;
        border-radius: 5px;
        padding: 5px 10px;
        margin: auto 10px;
    }
    .search-close {margin-top: 8px; margin-left: 10px;}
    /****************/

    /**TOP ACCUEIL et ACCUEIL (agvillagepro_img)**/
    .main_slide, .second_slide_1, .second_slide_2, .second_slide_3, .second_slide_4, .dossier, .agevillagepro_img {
        border-radius: 2px;
    }

    .zoom_effect {
        overflow: hidden;
    }

    .zoom_effect img {
        -webkit-transition: all 1s ease; /* Safari and Chrome */
        -moz-transition: all 1s ease; /* Firefox */
        -ms-transition: all 1s ease; /* IE 9 */
        -o-transition: all 1s ease; /* Opera */
        transition: all 1s ease;
    }

    .zoom_effect:hover img {
        -webkit-transform:scale(1.15); /* Safari and Chrome */
        -moz-transform:scale(1.15); /* Firefox */
        -ms-transform:scale(1.15); /* IE 9 */
        -o-transform:scale(1.15); /* Opera */
        transform:scale(1.15);
    }

    /**ACCUEIL**/
    .agevillagepro_img {
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../images/agevillagepro.jpg);
        min-height: 250px;
        margin-top: -25px;
        margin-right: 25px;
        margin-left: -10px;
    }


    .top-accueil, .accueil, #navbar-collapse-1, .publicites {width: 100%;margin: 0 auto;}

    /**TOP ACCUEIL**/
    @media only screen and (max-device-width: 1200px) {
        .second_slide_1, .second_slide_2, .second_slide_3, .second_slide_4 {
            min-height: 434px;
        }
    }

    @media only screen and (min-device-width: 1175px) {
        .pub-fade {margin-right: -35px !important;}
        .top-accueil, .accueil, #navbar-collapse-1, .publicites {width: auto;margin-left: 0px;}
    }
    #navbar-collapse-1, .top-menu {box-sizing: border-box;}

    /**TOP ACCUEIL et ACCUEIL**/
    .slide_description, .offre_service {
        border-radius: 5px;
        background-color: #F7F7F7;
        opacity: 0.9;
        color: #05334C;
        margin-top: 5px;
        padding: 10px;
    }


    /**TOP ACCUEIL et ACCUEIL**/
    .slide_category, .tag, .tag-dossier, .actu_tag, .evenement_tag {
        border-radius: 2px;
        padding: 5px;
        display: inline-block;
        text-align: center;
        font-size: 12px;
        text-transform: uppercase;
    }

    /**TOP ACCUEIL**/
    .slide_category {background-color: white;color: #05334C;}
    .tag, .actu_tag, .evenement_tag {color: #F7F7F7;background-color: #59B85E;}
    .tag-dossier {color: #F7F7F7;background-color: #FFA700;}

    .slide_content {position:absolute; bottom:0;padding: 20px 20px 20px 10px;}

    /**ACCUEIL**/
    .section_title {
        font-family: 'Source sans pro light';
        font-size: 30px;
        color: #05334C;
        text-align: left;
        padding: 0px;
        margin: 0px;
        display: inline-block;
        border-bottom: 2px solid #05334C;
        text-transform : uppercase;
    }

    .actu, .evenement {
        max-width: 328px;
        margin-bottom: 10px;
        margin-top: 5px;
        border: 1px solid #E3E3E3;
        border-radius: 2px;
        padding: 5px;
    }
    .actu_tag, .evenement_tag {margin: 5px;}

    .comments {
        color: #9A9A9A;
        font-size: 12px;
        margin-left: 5px;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .offre_service {
        width: 405px;
        padding: 10px;
        margin: -135px 10px 0px 10px;
    }

    .service_video {
        margin: 5px auto 5px auto;
        display: table;
    }
    .service_video > iframe:active  + .offre_service {
        display: none;
    }
    .bouton {
        margin-top: 20px !important;
        color: #05334C;
        display: table;
        border-radius: 5px;
        border: 2px solid #05334C;
        padding: 10px;
        text-decoration: none !important;
    }
    .bouton a, .bouton p, .bouton span, .bouton h3 {
        text-decoration: none !important;
    }

    .bouton:hover {background-color: #05334C;}
    .bouton:hover p, .bouton:hover span, .bouton:hover h3, .bouton:hover a, .bouton:hover {color: #F7F7F7;}

    .bouton_menu:hover {background-color: #F7F7F7;color: #05334C;}

    .agevillagepro_img_bouton {
        display: inline-block;
        margin: 155px 0px 0px 190px;
        border-radius: 5px;
        border: 2px solid #FFFFFF;
        padding: 10px;
    }

    .services_info {margin-left: 30px;}
    .img_service {display: table; margin : 0 auto;margin-bottom: -15px;}
    .img_service-annuaire {display: table; margin : 20px auto 0px auto;}

    /**MENU**/
    .menu {padding-top: 10px;margin: 10px -10px 10px 10px;}

    .menu_title {
        background-color: #05334C;
        display: inline-block;
        color: #F7F7F7;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .newsletter_email {
        width: 65%;
        border: 1px solid #9B9B9B;
        border-radius: 5px;
        padding: 10px;
    }
    .bouton_menu {
        background-color: #05334C;
        border: 1px solid #05334C;
        border-radius: 5px;
        padding: 10px;
        color: #F7F7F7;
        margin: 5px;
        width: 30%;
    }

    .agenda_date {margin: 5px -25px 5px 10px;padding: 10px;}
    .agenda_date:hover > .agenda_month {background-color: #05334C;}
    .agenda_month {
        overflow-x:hidden;
        /*    width: 120%;*/
        font-size: 10px;
        text-align: center;
        border-radius: 2px 2px 0px 0px;
        color: #F7F7F7;
        background-color: #FFA700;
    }
    .agenda_day {
        background-color: white;
        overflow-x:hidden;
        font-size: 20px;
        text-align: center;
        border-bottom: 2px solid #C6C6C6;
        border-radius: 0px 2px 2px 2px;
        color: black;
    }
    .agenda_day > a {color: black}

    .event {background-color: #fafafb;}
    .event_details {margin: 0px 10px 5px 0px;padding: 10px;}
    .event_details a, .event_details p {font-size: 15px !important;} 
    .agenda_localisation {
        font-size: 12px;
        color: #A2A2A2;
    }

    .see_all {
        background-color: #05334C;
        color: #F7F7F7;
        padding: 5px;
        text-align: right;
    }

    /**MENU**/
    .annuaire {
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 2px;
        /*background-image: url(../images/annuaire_bg.jpg);*/
        background-image: url(../images/annuaire_agevillage_gp.jpg);

        height: 192px;//150px;
        padding: 5px;
        margin-top: -43px;
    }
    .annuairegp {
        border-top: 2px solid #C6C6C6;
        background-repeat: no-repeat;
        background-size: cover;
        /*background-image: url(../images/annuaire_bg.jpg);*/
        background-image: url(../images/annuaire_agevillage_gp.jpg);
        height: 192px;/*150px;*/
        padding: 5px;
    }
    .annuaire_descgp {
        font-family: "Source sans pro semibold";
        margin-left: 9px;
        margin-top: 4px;/*25px;*/
        text-align: center;
        width: 45%;
        color: #F7F7F7;
        font-weight: normal;
    }
    .annuaire_desc {
        margin-left: 9px;
        margin-top: 4px;/*25px;*/
        text-align: center;
        width: 45%;
        color: #F7F7F7;
        font-weight: bold;
    }

    .annuaire_bouton {
        color: #F7F7F7;
        display: inline-block;
        border-radius: 5px;
        border: 2px solid #F7F7F7;
        padding: 10px;
        margin: 10px;
    }

    .job {
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 2px;
        border: 1px solid #d8d8d8;
        background-image: url(../images/job.jpg);
        /*background-image: url(../images/offre_emploi_gp.jpg);*/
        min-height: 125px;
        padding: 10px;
        margin-top: -43px;
        padding-top: 40px;
    }
    .jobgp {
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 2px;
        border: 1px solid #d8d8d8;
        background-image: url(../images/job.jpg);
        /*background-image: url(../images/offre_emploi_gp.jpg);*/
        min-height: 125px;
        padding: 10px;
        padding-top: 40px;
        border-top: 2px solid #C6C6C6;
    }

    .jobgp .bouton {margin: 10px 0px 0px 0px;}

    .job .bouton {margin: 10px 0px 0px 0px;}

    .job a:hover { text-decoration: none; }

    .reaction {
        padding: 5px;
        color: #9A9A9A;
        font-size: 12px;
        margin: 5px;
    }
    .reaction p {font-size: 15px;}
    .reaction .actu_tag {margin-left: -2px;margin-right: 10px;margin-bottom: 8px;}
    .reaction_comment {margin-top: 10px;}


    .label_humanitude {
        padding: 10px;
        margin-top: -43px;
        background-color: #0099d2;
    }

    .humain_label_bouton {
        float: left;
        width: 42%;
        display: inline-block;
        border-radius: 5px;
        border: 2px solid #F7F7F7;
        padding: 7px;
        margin: 20px 50px 10px 5px;
    }
    .humain_label_bouton a {color: #F7F7F7;}

    .notre_communaute {
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 2px;
        background-image: url(../images/forum.jpg);
        min-height: 220px;
        margin-top: -43px;
    }

    .over_communaute {
        position: absolute;
        width: 100%;
        bottom: -220px;
        background-color: #CD535D;background-color:rgba(205,83,93,0.8);
        color: white;
        text-align: center;
    }

    .communaute_bouton {
        color: #F7F7F7;
        display: table;
        border-radius: 5px;
        border: 2px solid #F7F7F7;
        padding: 10px;
        margin: 10px auto 10px auto;
    }
    .communaute_bouton .img-responsive {float: left;margin-right: 10px;}

    /**FOOTER**/
    footer {
        padding: 20px;
        margin-top: -10px;
        width: 100%;
        min-height: 450px;
        background-color: #59B85E;
    }

    .footer {
        margin-top: 35px;
        color: #F7F7F7;
    }

    .copyrights {
        color: #727272;
    }

    ul {list-style-type: none;}
    .infoArticle ul {list-style-type: disc !important;margin-top:15px !important;}
    .infoArticle li {margin-top:15px !important;}
    .infoArticle p {margin-bottom:10px !important;}
    .introArticle ul {list-style-type: disc !important;margin-top:15px !important;}
    .introArticle li {margin-top:15px !important;}
    .introArticle p {margin-top:10px !important; font-size: 16px;}
    .eventContent ul {list-style-type: disc !important;margin-top:15px !important;}
    .eventContent li {margin-top:15px !important;}
    .eventContent p {margin-bottom:10px !important;}

    .list_title {
        font-family: 'Source sans pro LIGHT';
        font-size: 24px;
        color: white;
        font-weight: normal;
        margin: 5px 0 10px 40px;
    }

    .services {border-right: 1px solid #F7F7F7;margin-left: -50px;max-width: 250px;}
    @media (max-width: 1200px) {
        .services {margin-left: 0px;border: 0 none;}
        .agenda_month {max-width: 100%}
        .agenda_day {max-width: 100%}
    }

    .social_network {padding-left: 50px;min-width: 300px;margin-left: 30px;}

    .social_network .list_title {padding-top: 10px;margin-left: -40px; margin-top: 0px;}
    .footer_subscribe .newsletter_email {color: black;padding-top: 10px;margin-left: -40px;max-width: 175px;}

    .footer_bouton {
        background-color: #59B85E;
        border: 2px solid #F7F7F7;
        border-radius: 5px;
        padding: 10px;
        color: #F7F7F7;
        margin: 5px -40px 0px 5px;
    }

    .footer_subscribe {margin-top: 20px;}

    .logos {margin: 15px 0px 0px -40px;}
    .logo {height: 16px;width: 16px;margin: 0 auto;display: table;}
    .facebook, .twitter, .googlePlus, .linkedin, .youtube, .pinterest, .rss {
        background-color: #F7F7F7;
        border-radius: 50%;
        display: inline-block;
        padding: 10px;
    }

    /******** AGENDA********/
    /* centered columns styles */
    .row-centered {
        text-align:center;
        margin-left: -50px;
    }
    .col-centered {
        display:inline-block;
        float:none;
        text-align:left;
        margin-right:-20px;
    }

    .back_agenda {color: #59B85E !important;margin: 0 auto;display: table;}
    /***********************/

    /************* LEXIQUE ***********/
    .bouton-lexique, .lexique-disabled {
        height: 35px;
        width: 35px;
        color: #05334C;
        vertical-align: middle;
        margin : 10px 10px;
        border-radius: 4px;
        border: 1px solid #05334C;
        font-size: 20px;
        text-align: center;
        padding-top: 2px;
    }
    .lexique-disabled {border: 1px solid #A2A2A2;color: #A2A2A2;}
    .bouton-lexique:hover {background-color: #05334C;}
    .bouton-lexique:hover {color: #F7F7F7;}

    .text_abecedaire a {color: #59B85E !important;}
    /*********************************/
    .infoArticle a {color: #59B85E !important;}


    .haut-page{
        background-color: white;
        float: right;
        margin-right: -200px;
        margin-top: -160px;
        height: 90px;
        width: 100px;
        padding: 5px 15px;
        box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.7);
        z-index: 1000;
    }

    .white-tooltip {margin: 5px;}
    .white-tooltip + .tooltip > .tooltip-inner {background-color: white;color:black;display: inline-block; white-space: nowrap;}
    .white-tooltip:hover img {
        background-image: url("../images/black-tooltip.png");
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        margin: 0;
        padding: 0;
    }

    .rss-title a {color: #59B85E;font-weight: bold;}

    .agrscript {
        width: 86%;
        height: 150px;
    }

    .mode-nb {
        background-color: #05334C;
        border-radius: 50%;
        display: inline-block;
        padding: 8px 16px;
        color: white;
        float: left;
        margin-right: 20px;
        font-family: 'source sans pro semibold';
        font-size: 20px;
    }

    .newsletter-gp-title, .newsletter-pro-title {
        font-family: 'Source sans pro light';
        font-size: 16px;
        padding-top: 5px;
        padding-bottom: 5px;
        color: #F7F7F7;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .newsletter-gp-title {background-color: #59B85E;}
    .newsletter-pro-title {background-color: #2055ec;}

    .infoArticle, .introArticle, .eventContent {
        padding-right: 5px !important;
        padding-left: 15px !important;
        width: 92% !important;
        text-align: justify !important;
    }

    .inscription_agevillage {
        margin: 100px auto;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url('../images/inscription.jpg');
        width: 334px;
        height: 274px;
        border-radius:7px;
    }

    .bouton_inscription {
        margin-top: 185px;
        margin-left: 110px;
        display: inline-block;
        background-color: #2055ec;
        color: #F7F7F7;
        padding: 10px;
        border-radius: 3px;
    }

    .gestion_inscrit {
        border: 2px solid #05334C;
        border-radius: 5px;
        display: inline-block;
        padding: 5px 10px;
        margin-left: 250px;
        margin-top: -25px;
    }

    h3.paragraphe {margin: 15px 0 !important;}


    .bloc_connexion{
        margin-left: 0px;
        height: auto;
        /*background-image: url(../images/img_connexion.png);*/
        background-image: url(../images/img_connexion.png);
        background-repeat: no-repeat;
    }

    .agregateur {
        color: #59B85E !important;
        font-weight: bold !important;
    }

    .lienutile_block {page-break-before: always !important;page-break-inside:auto !important;}
    .lienutile_one {page-break-inside:avoid !important; page-break-after:auto !important;}

    .anchor {margin-top: -250px !important;height:250px !important;display: block;visibility: hidden;}

    .colored { color: #59B85E !important;}

    .linkEncartAgenda a{font-family: 'Source sans pro semibold'; font-weight: normal}


    div.rss_responsive div p{width:100%!important;}






    /***********EN start : CSS added to enhance site responsivity****************/
    /************** Galaxy Note 3 ********************************************************/
    @media only screen and (min-device-width : 1080px) and (max-device-width : 1080px){
    
    .top-accueil, .accueil, #navbar-collapse-1, .publicites, footer, div.text-center.copyrights{
            width: 104%;
            margin: 0 auto;
        }
    }
    
    .a_la_une_Phablette {height: auto !important} 
    .dossier_Phabelette {height: auto !important}

    /************** iPad ********************************************************/
    @media only screen and (min-device-width : 768px) and (max-device-width : 1080px)  {
        .jobgp{background-size: 100% 100%;}

        .submenu-divider{margin:30px 0px; border: none;}
        .header{width:100%}
        .slide_content{padding: 20px 20px 120px 10px;}    
        .search.show{width:100%;}
        .event{width:98% !important}
        .pull-right{margin-right: 58px !important}
        .navbar{margin-left: -110px !important}
        .body-content {margin-top: 220px;}
        /*************Code CSS addded by PY**********************/
        .haut-page{display:none;}

        .publicites{margin-top: -10%;}
        div.search.show div.container form.row div.center input.search-submit{margin-top: 6%;}
        div#contenu div h2.articleIntitule{width:100%!important;}
        
        .body-content {
            margin-top: 280px;
        }
        /*******************************************************/

    }

    @media only screen and (min-device-width : 1024px) and (max-device-width : 1024px)and (orientation : landscape)  {
        .agevillagepro_img_bouton{margin: 180px 0px 0px 162px;}
        .social_network{margin-left: -40px}
        .annuaire_descgp{margin-top: 45px; margin-left: -37px;}
        .publicites{margin-top:-70px !important}

        /*************Code CSS addded by PY**********************/
        .top-accueil, .accueil, #navbar-collapse-1, .publicites, footer, div.text-center.copyrights{
            width: 118%;
            margin: 0 auto;

        }

        .agenda_date {margin: 5px -29px 5px -9px;}


        div.row.bloc_connexion{margin-left:12%}

        div.col-md-6.titre {
            margin-left: 32%;
            margin-top: 5%;
        }

        .tarif1_responsive{margin-left: 15%;}
        div.pub-fade a img.img-responsive{   margin-left: 0px !important;}
        div.col-md-12.center.pave_droite.pub-fade a img.img-responsive{margin-left: 360px !important;}

        /*******************************************************/



    }

    @media only screen and (min-device-width : 768px) and (max-device-width : 768px)and (orientation : portrait)  {
        .services_info{margin-top: 60px}
        .services_info .bouton{margin-left:180px;}
        .annuaire_descgp{margin-top: 45px;}
        .agenda_date {margin: 5px -30px 5px -11px;}
        .agevillagepro_img_bouton {margin: 183px 0px 0px 157px;}

        /*************Code CSS addded by PY**********************/

        div.col-md-6.titre {
            margin-left: 32%;
            margin-top: 5%;
        }

        .tarif1_responsive{margin-left: 13%;}
        #div_pro div.row div.col-lg-4 span.right{float:none;}

        .appel_projet_responsive{margin-top: 5%;}
        .navbar{margin-left: -40px !important}
        form.form_responsive div.row div.col-lg-4 div.right{float:none;}

        div.row.rss_responsive div.col-lg-4 p{text-align: left!important;margin-bottom: 8px; margin-left: 0px!important;}
        li.pull-right{margin-bottom: 10px; margin-top: -37px;}

        div.row.bloc_connexion{margin-left:12%}

        /* Annuaire logo et text*/
        div.annuaire_descgp{
            margin-left: 3%;
        }

        .annuaire_bouton{margin-left: 11%;}

        /*fin annuaire*/


        /* Services près de chez vous début */
        div.pub-fade a img.img-responsive{   margin-left: 0px !important;}

        .services_info .bouton{
            margin-left: 310px;
        }

        .img_service-annuaire {
            display: table;
            margin: 20px 395px 0px auto;
        }

        .img_service {
            display: table;
            margin: 0 auto;
            margin-bottom: -15px;
            margin-left: 380px;
        }

        div.flex-video.widescreen.service_video img{
            width:100%;
            height: auto;
        }

        .offre_service {
            width: 405px;
            padding: 10px;
            margin: -135px 16px -2px 58px;
        }
        /* Services près de chez vous fin */


        .header_search {
            margin-top: 0;
    
        }
        
        ul.nav.navbar-nav{
            width: 100% !important;
        }

        #navbar-collapse-1{
            margin-left: -102px!important; 
            margin: 0 auto;
        }

        .top-accueil, .accueil, #navbar-collapse-1, .publicites, footer, div.text-center.copyrights{
            width: 145%;
        }

        img.header_search{
            margin-left:0px !important;
        }

        /*******************************************************/
    }     

    /********************** iPHone 6 ********************************************/
    @media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
        .a_la_une_Phablette {height: auto !important}
        .offre_service{width:250px}
        .agevillagepro_img{background-size: 100% auto; min-height: 0px; margin-bottom: -80px;}
        .agevillagepro_img_bouton{margin: 155px 0px 0px 90px}
        .agenda_date{margin: 5px 167px 0px -10px;}
        .humain_label_bouton{width:50%;padding: 5px; margin: 20px 50px 10px 0px}
        .slide_content_phabelette{padding: 20px 20px 66px 10px !important}
        .agenda_date{width:100% !important}

        /*************Code CSS added by PY**********************/
        div.col-md-4.col-sm-4.tarif_col{margin-left: 29%;}
        div.search.show div.container form.row div.center input.search-submit{margin-top: 6%;}
        .publicites{margin-top: -25%;}
        .body-content {margin-top: 220px;}
        div.menu div.row.newsletter_subscribe div.col-md-12 div div.row{margin-left: 0px;margin-right: 0px;}
        form.form_responsive div.row div.col-lg-4 div.right{float:none;}
        div.row.rss_responsive div.col-lg-4 p{text-align: left!important;margin-bottom: 8px; margin-left: 0px!important;}
        .appel_projet_responsive{margin-top: 5%;}
        #div_pro div.row div.col-lg-4 span.right{float:none;}
        div#contenu div h2.articleIntitule{width:100%!important;}



    }
    @media only screen and (min-device-width : 375px) and (max-device-width : 375px) and (orientation : portrait)  {
        .flex-video.widescreen.service_video img{width:270px; height:200px}

        /*************Code CSS added by PY**********************/
        #tarifsAbonnement{ margin-bottom: -75%;}

        div.search.show div.container form.row{margin-left: -30px!important;}
        .top-accueil, .accueil, #navbar-collapse-1, .publicites, footer, div.text-center.copyrights{width: 153%;}
        #categorie_socio_pro{width: 58% !IMPORTANT;}
        div.partager-dossier span.left{display:none;}
        .publicites{margin-top: -25%;}

        div.col-md-6.titre {
            margin-left: 18%;
            margin-top: 5%;
        }

        div.agenda_responsive{width:98%!important;padding-top: 4% !important;}

        /* Abonnement */
        div.row.bloc_connexion{width: 74%; margin-left:12%}
        #no_account input.comment-submit{
            margin-top:-10% !important;
            margin-left: 64% !important;
        }
        /**************/

        /*Lexique*/
        .bouton-lexique, .lexique-disabled {margin: 5px 3px;}

        .pull-right {
            float: none !important;
            margin-left: 10px;
        }

        .agevillagepro_img_bouton {
            margin: 105px 0px 66px 90px;
        }

        nav.navbar.navbar-default{
            width: 90%;
        }

        div.top-header div.container div.row{
            width:67%; 
        }

        img.img-responsive.center{
            width: 61%;
            margin-left: 48% !important;
        }

        div.col-md-12.center.pave_droite.pub-fade a img.img-responsive.center {
            margin-left: 22% !important;
        }

        img.center{
            width: 155%;
            padding-right: 0px;
        }

        div.pub-dossier a img.img-responsive.center{
            margin-left: 1% !important;
            width: 100% !important;
            height: 12% !important;
        }

        .megaban_header{
            margin-left: -17px !important;
        }


        .publicites .row .center img {
            margin: 5px !important;
            margin-left: 111px !important;
        }

        div.newsletter-gp-title img, div.newsletter-pro-title img{margin-left: 25%;}

        .gestion_inscrit{margin-left:29%;}

        /* Annuaire logo et text*/
        div.annuaire_descgp{
            margin-left: 3%;
        }

        .annuaire_bouton{
            margin-left: 11%;
        }
        /*fin annuaire*/


        /* Services près de chez vous début */


        .services_info .bouton{
            margin-left: 104px;
        }

        .img_service-annuaire {
            display: table;
            margin: 20px 183px 0px auto;
        }

        .img_service {
            display: table;
            margin: 0 auto;
            margin-bottom: -15px;
            margin-left: 178px;
        }

        div.flex-video.widescreen.service_video img{
            width:100%;height: auto;

        }

        .offre_service {
            width: 405px;
            padding: 10px;
            margin: -135px 16px -2px 40px;
        }
        /* Services près de chez vous fin */

    }
    /*******************************************************/

    @media only screen and (min-device-width : 667px) and (max-device-width : 667px) and (orientation : landscape)  {
        .services_info {margin-left:-20px !important}



        /*************Code CSS addded by PY**********************/

        #navbar-collapse-1{max-height:140px;} 
        ul.nav.navbar-nav{width:100% !important;}

        #tarifsAbonnement{ margin-bottom: -65%;}
        div.agenda_responsive{width:98%!important;padding-top: 4%!important;}
        div.col-md-6.titre {
            margin-left: 20%;
            margin-top: 5%;
        }

        .publicites .row .center img {
            margin-left: 25% !important;
        }

        .agevillagepro_img_bouton {
            margin: 123px 0px 62px 90px !important;
        }
        .publicites{margin-top: -15%;}
        /* Services près de chez vous début */


        .services_info .bouton{
            margin-left: 183px !important;
        }

        .img_service-annuaire {
            display: table;
            margin: 20px 207px 0px auto;
        }

        .img_service {
            display: table;
            margin: 0 auto;
            margin-bottom: -15px;
            margin-left: 260px;
        }

        div.flex-video.widescreen.service_video img{
            width:100%;
            height: auto;
        }

        .offre_service {
            width: 405px;
            padding: 10px;
            margin: -135px 16px -2px 72px;
        }
        /* Services près de chez vous fin */


        .agenda_date {
            width: 100% !important;
            margin: 5px 167px 0px -27px;
        }


        img.img-responsive.center{
            width: 32%;
        }

        img.center{
            width: 100%;
            padding-right: 0px !important;

        }
        .megaban_header{
            margin-left: -17px !important;
        }
        /*******************************************************/
        .menu{margin: 10px -10px 10px -15px;}
        .publicites{margin-top:-75px}

    }












    /********************** iPHone 6 plus ********************************************/
    @media only screen and (min-device-width : 414px) and (max-device-width :736px) {
        .services_info {margin-left:-20px !important}

        .menu{margin: 10px -10px 10px -15px;}
        .publicites{margin-top:-75px}
        .second_slide_1, .second_slide_2, .second_slide_3, .second_slide_4 {min-height: 288px !important}
        .slide_content_phabelette{padding: 20px 20px 66px 10px !important}



        /*************Code CSS addded by PY**********************/
        div.col-md-4.col-sm-4.tarif_col{margin-left: 30%;}
        div#contenu div h2.articleIntitule{width:100%!important;}
        div.search.show div.container form.row div.center input.search-submit{margin-top: 6%;}
        .body-content {margin-top: 220px;}
        div.menu div.row.newsletter_subscribe div.col-md-12 div div.row{margin-left: 0px;margin-right: 0px;}
        form.form_responsive div.row div.col-lg-4 div.right{float:none;}
        div.row.rss_responsive div.col-lg-4 p{text-align: left!important;margin-bottom: 8px; margin-left: 0px!important;}
        .appel_projet_responsive{margin-top: 5%;}
        #div_pro div.row div.col-lg-4 span.right{float:none;}

        .search-close {
            margin-top: 15px;
            margin-left: 10px;
        }

    }

    @media only screen and (min-device-width : 414px) and (max-device-width :414px) and (orientation : portrait) {   
        .second_slide_1, .second_slide_2, .second_slide_3, .second_slide_4 {min-height: 288px !important}
        .top-accueil{margin-bottom: 0px !important}
        .agevillagepro_img{margin-right: 0px !important}
        .event{background-color: #F7F7F7 !important}
        .humain_label_bouton {width: 38% !important}




        /*************Code CSS addded by PY**********************/
        div.agenda_responsive{width:98%!important;padding-top: 4% !important;}
        div.col-md-6.titre {
            margin-left: 18%;
            margin-top: 5%;
        }

        #tarifsAbonnement{ margin-bottom: -75%;}

        .publicites{margin-top: -20%!important;}
        div.search.show div.container form.row{margin-left: -30px!important;}

        /*Lexique*/
        .bouton-lexique, .lexique-disabled {margin: 5px 3px;}


        /* Abonnement */
        div.row.bloc_connexion{width: 74%; margin-left:12%}
        #no_account input.comment-submit{
            margin-top:-10% !important;
            margin-left: 64% !important;
        }
        /**************/    

        .agevillagepro_img_bouton {
            margin: 108px -11px 64px 90px !important;
        }

        .pull-right {
            float: none !important;
            margin-left: 10px;
        }


        /* Annuaire logo et text*/
        div.annuaire_descgp{
            margin-left: 3%;
        }

        .annuaire_bouton{
            margin-left: 11%;
        }
        /*fin annuaire*/

        div.partager-dossier span.left{display:none;}

        div.pub-dossier a img.img-responsive.center{
            margin-left: 1% !important;
            width: 100% !important;
            height: 12% !important;
        }

        #categorie_socio_pro{width: 59% !IMPORTANT;}

        img.center{
            width: 94% !important;
            margin-left: 1.5% !important;
        }

        img.img-responsive.center{
            width: 45% !important;
            margin-left: 26% !important;    
        }

        .top-accueil, .accueil, #navbar-collapse-1, .publicites, footer, div.text-center.copyrights {
            width: 139%;
            margin: 0 auto;
        }


        .row {margin-top: 0px;}

        .publicites .row .center img {
            margin: 5px !important;
            margin-left: 111px !important;
        }

        .gestion_inscrit{margin-left:29%;}

        /* Services près de chez vous début */


        .services_info .bouton{
            margin-left: 153px
        }

        .img_service-annuaire {
            display: table;
            margin: 20px 183px 0px auto;
        }

        .img_service {
            display: table;
            margin: 0 auto;
            margin-bottom: -15px;
            margin-left: 225px;
        }

        div.flex-video.widescreen.service_video img{
            width:100%;
            height: auto;
        }

        .offre_service {
            width: 405px;
            padding: 10px;
            margin: -135px 16px -2px 40px;
        }
        /* Services près de chez vous fin */

        /*******************************************************/

    }

    @media only screen and (min-device-width : 736px) and (max-device-width :736px) and (orientation : landscape){   
        .a_la_une_Phablette {height: auto !important}
        .services_info .bouton{margin-left:200px !important}
        .event{background-color: #F7F7F7 !important}

        /*************Code CSS addded by PY**********************/

        #tarifsAbonnement{ margin-bottom: -60%;}

        .publicites{margin-top: -12%;}
        img.center{
            padding-right:80px;
        }
        img.img-responsive.center{
            padding-right:0px;

        }  
        .agenda_date {
            margin: 5px -25px 5px -25px;
        }

        div.col-md-6.titre {
            margin-left: 20%;
            margin-top: 5%;
        }

        #navbar-collapse-1{max-height:150px;} 
        ul.nav.navbar-nav{width:100% !important;}

        /*******************************************************/

    }

    /************************************* iPhone 5 *****************************/
    @media only screen and (min-device-width : 320px) and (max-device-width : 575px)  {
        .container{padding-left: 0px !important; padding-right: 0px !important}
        .actu{margin-bottom:25px;}
        .blocServ_iphone5{margin-left: 0px !important;}
        .bouton_iPhone5{width:230px !important}
        .iPhone5_margin{width:230px !important}
        .bouton_menu{width:40% !important}
        /*.annuairegp{background-size: 100% 100% !important}
        .jobgp{background-size: 100% 100% !important}
        .notre_communaute{background-size: 100% 100% !important}*/
        .footer{padding:0px 0px 20px 0px !important}

        /*************Code CSS addded by PY**********************/
        #tarifsAbonnement{ margin-bottom: -75%;}
        .communaute_bouton{width:65% !important}
        .pub-fade{display: block !important}
        .event{background-color: #F7F7F7 !important}
        .agevillagepro_img{margin-right: 0px !important}
        .humain_label_bouton{margin: 20px 50px 10px 40px;}
        .slide_content_phabelette{padding: 20px 20px 66px 10px !important}
        .second_slide_1, .second_slide_2, .second_slide_3, .second_slide_4 {min-height: 0px !important}
        .appel_projet_responsive{margin-top: 5%;}
        #div_pro div.row div.col-lg-4 span.right{float:none;}
        div#contenu div h2.articleIntitule{width:100%!important;}  
        div.col-md-4.col-sm-4.tarif_col{margin-left: 30%;}


        form.form_responsive div.row div.col-lg-4 div.right{float:none;}
        img.a_la_une_Phablette, img.dossier_Phabelette{height: auto !important;}
        .body-content {margin-top: 220px;}
        div.menu div.row.newsletter_subscribe div.col-md-12 div div.row{margin-left: 0px;margin-right: 0px;}
        .agenda_date{margin: 5px -25px 5px -25px;}
        div.row.rss_responsive div.col-lg-4 p{text-align: left!important;margin-bottom: 8px; margin-left: 0px!important;}
        div.search.show div.container form.row div.center input.search-submit{margin-top: 6%;}

    }
    @media only screen and (min-device-width : 320px) and (max-device-width :320px) and (orientation : portrait) {

        div.partager-dossier span.left{display:none;}
        #categorie_socio_pro{width: 58% !IMPORTANT;}
        .top-accueil, .accueil, #navbar-collapse-1, .publicites, footer, div.text-center.copyrights{width: 179%;}
        .gestion_inscrit{margin-left:29%;}
        .body-content {margin-top: 260px;}


        div.col-md-6.titre {
            margin-left: 20%;
            margin-top: 5%;
        }

        .publicites{margin-top: -25%;}   

        /*Lexique*/
        .bouton-lexique, .lexique-disabled {margin: 5px 3px;}

        /* Abonnement */
        div.row.bloc_connexion{width: 74%; margin-left:12%}
        #no_account input.comment-submit{
            margin-top:-10% !important;
            margin-left: 64% !important;
        }
        /**************/

        .pull-right {
            float: none !important;
            margin-left: 10px;
        }

        div.row.row-centered div.agenda_date.col-lg-1.col-md-1.col-xs-2.col-centered {
            margin: 5px -25px 5px 11px;
        }


        /*moteur de recherche*/
        div.search.show div.container form.row{
            margin-left: 0px ! important;
            margin-right: 10px;
        }
        div.search.show div.container form.row div.center input.search-submit{
            margin-left: 50;
            margin-top: 6%;
        }

        .search-close {margin-top: 19px;}
        /**************************/


        /* Annuaire logo et text*/
        div.annuaire_descgp{
            margin-left: 3%;
        }

        .annuaire_bouton{
            margin-left: 11%;
        }
        /*fin annuaire*/

        img.center{
            width:100%;
        }

        img.img-responsive.center{
            width:60%;   
            margin-right: 100px !important;
        }

        .publicites .row .center img {
            margin-left: 100px !important; 
        }

        .services_info .bouton{
            margin-left: 115px;
        }
    }


    @media only screen and (max-device-width : 750px)  {
       .megaban_header { padding-right: 80px; }
       .megaban_header img {
           width: 100%;
           height: auto;
       }
    }

    @media only screen and (min-device-width : 320px) and (max-device-width :575px) and (orientation : landscape) {

        .top-accueil, .accueil, #navbar-collapse-1, .publicites, footer, div.text-center.copyrights{width: 101%;}    
        .publicites{margin-top: -20%;}
        .publicites .row .center img {
            margin-left: 23% !important;
        }
        div.pub-fade a img.img-responsive{   margin-left: 20% !important;}
        div.agenda_responsive{width:98%!important;padding-top: 4%!important;}
        .agevillagepro_img_bouton {
            margin: 110px 0px 62px 90px !important;
        }

        div.col-md-6.titre {
            margin-left: 20%;
            margin-top: 5%;
        }

        /* Annuaire logo et text*/
        div.annuaire_descgp{
            margin-left: 3%;
        }


        .annuaire_bouton{
            margin-left: 11%;
        }
        /*fin annuaire*/


        img.center{
            width:100%;
            margin-right: 30px !important;
        }

        img.img-responsive.center{
            width: 29%;
            margin-right: 181px !important;

        }

        /* Services près de chez vous début */
        .services_info .bouton{
            margin-left: 153px;
        }

        .img_service-annuaire {
            display: table;
            margin: 20px 183px 0px auto;
        }

        .img_service {
            display: table;
            margin: 0 auto;
            margin-bottom: -15px;
            margin-left: 225px;
        }

        div.flex-video.widescreen.service_video img{
            width:100%;
            height: auto;
        }

        .offre_service {
            width: 405px;
            padding: 10px;
            margin: -135px 16px -2px 40px;
        }
        /* Services près de chez vous fin */

        #navbar-collapse-1{max-height:90px;} 
        ul.nav.navbar-nav{width:100% !important;}

        /*******************************************************/
    }
    /************************************* Galaxy s5 *****************************/
    @media only screen and (min-device-width : 360px) and (max-device-width : 640px)  {
        .container{padding-left: 0px !important; padding-right: 0px !important}
        .actu{margin-bottom:25px;}
        .blocServ_iphone5{margin-left: 0px !important;}
        .bouton_iPhone5{width:230px !important}
        .iPhone5_margin{width:230px !important}
        .bouton_menu{width:40% !important}
        .annuairegp{background-size: 100% 100% !important}
        .jobgp{background-size: 100% 100% !important}
        .notre_communaute{background-size: 100% 100% !important}
        .footer{padding:0px 0px 20px 0px !important}


        .communaute_bouton{width:65% !important}
        .pub-fade{display: block !important}
        .event{background-color: #F7F7F7 !important}
        .agevillagepro_img{margin-right: 0px !important}
        .humain_label_bouton{margin: 20px 50px 10px 40px;}
        .slide_content_phabelette{padding: 20px 20px 66px 10px !important}
        .second_slide_1, .second_slide_2, .second_slide_3, .second_slide_4 {min-height: 0px !important}
        .body-content {margin-top: 270px;}
        form.form_responsive div.row div.col-lg-4 div.right{float:none;}
        div.row.rss_responsive div.col-lg-4 p{text-align: left!important;margin-bottom: 8px; margin-left: 0px!important;}
        .appel_projet_responsive{margin-top: 5%;}
        #div_pro div.row div.col-lg-4 span.right{float:none;}  
        div#contenu div h2.articleIntitule{width:100%!important;}
        div.col-md-4.col-sm-4.tarif_col{margin-left: 30%;}

        .search-close {
            margin-top: 15px;
            margin-left: 10px;
        }
    } 
    /*************Code CSS addded by PY**********************/
    @media only screen and (min-device-width : 360px) and (max-device-width :360px) and (orientation : portrait) {

        #categorie_socio_pro{width: 58% !IMPORTANT;}
        .gestion_inscrit{margin-left:29%;}   
        .top-accueil, .accueil, #navbar-collapse-1, .publicites, footer, div.text-center.copyrights{width: 160%;}

        div.partager-dossier span.left{display:none;}
        div.row.row-centered div.agenda_date.col-lg-1.col-md-1.col-xs-2.col-centered{
            margin: 5px -25px 5px 11px;
        }



        .services_info .bouton{
            margin-left: 122px;
        }

        div.col-md-6.titre {
            margin-left: 20%;
            margin-top: 5%;
        }

        #tarifsAbonnement{ margin-bottom: -75%;}

        .publicites{margin-top: -20%;}

        div.search.show div.container form.row{margin-left: -30px!important;}

        /*Lexique*/
        .bouton-lexique, .lexique-disabled {margin: 5px 3px;}

        /* Abonnement */
        div.row.bloc_connexion{width: 74%; margin-left:12%}
        #no_account input.comment-submit{
            margin-top:-10% !important;
            margin-left: 64% !important;
        }
        /**************/

        img.center{
            width:100%;
            padding-right: 15px !important;
        }

        img.img-responsive.center{
            width:60%;   
            margin-right: 100px !important;
        }

        .publicites .row .center img {
            margin-left: 100px !important; 
        }

        .pull-right {
            float: none !important;
            margin-left: 10px;
        }

        /* Annuaire logo et text*/
        div.annuaire_descgp{
            margin-left: 3%;
        }

        .annuaire_bouton{
            margin-left: 11%;}
            /*fin annuaire*/

            /*Inscritption Newsletter*/
/*    form.access div.row div div.right{float:left; margin-right:10px;}
    #mail2{width: 79% !important;}
    #select{width: 68% ! important}
    #radio3{margin-left:50% !important;}
    */
}  




@media only screen and (min-device-width : 640px) and (max-device-width :640px) and (orientation : landscape) { 

    #navbar-collapse-1{max-height:100px;} 
    ul.nav.navbar-nav{width:100% !important;}

    #tarifsAbonnement{ margin-bottom: -65%;}
    
    .publicites{margin-top: -10%;}
    img.center{
        width:100%;
        margin-right: 30px !important;
    }
    
    div.col-md-6.titre {
        margin-left: 20%;
        margin-top: 5%;
    }
    
    div.agenda_responsive{width:98%!important;padding-top: 4%!important;}
    
    img.img-responsive.center{
        width: 46%;
        margin-right: 157px !important;
    }

    .agevillagepro_img_bouton {
        margin: 110px 0px 62px 50px !important;
    }

    /* Services près de chez vous début */
    .services_info .bouton{
        margin-left: 191px;
    }

    .img_service-annuaire {
        display: table;
        margin: 20px 207px 0px auto;
    }

    .img_service {
        display: table;
        margin: 0 auto;
        margin-bottom: -15px;
        margin-left: 267px;
    }

    div.flex-video.widescreen.service_video img{
        width:100%;
        height: auto;
    }

    .offre_service {
        width: 405px;
        padding: 10px;
        margin: -135px 16px -2px 72px;
    }
    /* Services près de chez vous fin */
    
    .publicites .row .center img {
        margin-left: 25% !important; 
    }

    /*******************************************************/
}
/*************Code CSS addded by PY**********************/

/************************************* Nexus 5x *****************************/
@media only screen and (min-device-width : 411px) and (max-device-width : 731px)  {
    .container{padding-left: 0px !important; padding-right: 0px !important}
    .actu{margin-bottom:25px;}
    .blocServ_iphone5{margin-left: 0px !important;}
    .bouton_iPhone5{width:230px !important}
    .iPhone5_margin{width:230px !important}
    .bouton_menu{width:40% !important}
    .annuairegp{background-size: 100% 100% !important}
    .jobgp{background-size: 100% 100% !important}
    .notre_communaute{background-size: 100% 100% !important}
    .footer{padding:0px 0px 20px 0px !important}

    
    .communaute_bouton{width:65% !important}
    .pub-fade{display: block !important}
    .event{background-color: #F7F7F7 !important}
    .agevillagepro_img{margin-right: 0px !important}
    .humain_label_bouton{margin: 20px 50px 10px 40px;}
    .slide_content_phabelette{padding: 20px 20px 66px 10px !important}
    .second_slide_1, .second_slide_2, .second_slide_3, .second_slide_4 {min-height: 0px !important}
    .body-content {margin-top: 220px;}
    div.menu div.row.newsletter_subscribe div.col-md-12 div div.row{margin-left: 0px;margin-right: 0px;}
    form.form_responsive div.row div.col-lg-4 div.right{float:none;}
    div.row.rss_responsive div.col-lg-4 p{text-align: left!important;margin-bottom: 8px; margin-left: 0px!important;}
    .appel_projet_responsive{margin-top: 5%;}
    #div_pro div.row div.col-lg-4 span.right{float:none;}
    div#contenu div h2.articleIntitule{width:100%!important;}
    div.col-md-4.col-sm-4.tarif_col{margin-left: 30%;}

    .search-close {
        margin-top: 15px;
        margin-left: 10px;
    }
    
}  
@media only screen and (min-device-width : 411px) and (max-device-width :411px) and (orientation : portrait) {

    div.search.show div.container form.row{margin-left: -30px!important;}
    .top-accueil, .accueil, #navbar-collapse-1, .publicites, footer, div.text-center.copyrights{width: 140%;}
    .gestion_inscrit{margin-left:29%;}
    div.partager-dossier span.left{display:none;}
    #categorie_socio_pro{width: 58% !IMPORTANT;}
    .services_info .bouton{
        margin-left: 122px;
    }
    .offre_service {
        padding: 10px;
        margin: -141px 10px 0px 100px;
    }
    
    div.col-md-6.titre {
        margin-left: 20%;
        margin-top: 5%;
    }
    
    div.agenda_responsive{width:98%!important;padding-top: 4%!important;}
    
    #tarifsAbonnement{ margin-bottom: -75%;}
    
    .publicites{margin-top: -20%;}
    /* Abonnement */
    div.row.bloc_connexion{width: 74%; margin-left:12%}
    #no_account input.comment-submit{
        margin-top:-10% !important;
        margin-left: 64% !important;
    }
    /**************/

    img.center{
        width:100%;
        padding-right: 15px !important;
    }

    img.img-responsive.center{
        width:60%;   
        margin-right: 100px !important;
    }

    .publicites .row .center img {
        margin-left: 100px !important; 
    }



    .agevillagepro_img_bouton {
        margin: 110px 0px 62px 90px !important;
    }

    /* Annuaire logo et text*/
    div.annuaire_descgp{
        margin-left: 3%;
    }
    
    
    .pull-right {
        float: none !important;
        margin-left: 10px;
    }

    .annuaire_bouton{
        margin-left: 11%;
    }
    /*fin annuaire*/
}


@media only screen and (min-device-width : 731px) and (max-device-width :731px) and (orientation : landscape) { 

    img.center{
        width:100%;
        margin-right: 30px !important;
    }

    .publicites{margin-top: -10%;}  
    .publicites .row .center img {
        margin-left: 25% !important; 
    }

    div.col-md-6.titre {
        margin-left: 20%;
        margin-top: 5%;
    }

    img.img-responsive.center{
        width:60%;   
        margin-right: 96px !important;

        #tarifsAbonnement{ margin-bottom: -65%;}
    }

    #navbar-collapse-1{max-height:90px;} 
    ul.nav.navbar-nav{width:100% !important;}
}

/*******************************************************/


/*************Code CSS addded by PY**********************/


h1.section_title.services_titre{margin-bottom: 0px !important;}

/************************************* BB PlayBook *****************************/


@media only screen and (min-device-width : 600px) and (max-device-width : 600px) and (orientation : portrait)  {

 div.row.rss_responsive div.col-lg-4 p{text-align: left!important;margin-bottom: 8px; margin-left: 0px!important;}
 #categorie_socio_pro{width: 58% !IMPORTANT;}
 .top-accueil, .accueil, #navbar-collapse-1, .publicites, footer, div.text-center.copyrights{width: 101%;}    
 form.form_responsive div.row div.col-lg-4 div.right{float:none;}
 .appel_projet_responsive{margin-top: 5%;}
 #div_pro div.row div.col-lg-4 span.right{float:none;}
 .publicites{margin-top: -10%;}
 div#contenu div h2.articleIntitule{width:100%!important;}
 div.col-md-4.col-sm-4.tarif_col{margin-left: 30%;}
 #tarifsAbonnement{ margin-bottom: -75%;}
 .publicites .row .center img {
    margin-left: 23% !important;
}
div.pub-fade a img.img-responsive{   margin-left: 20% !important;}

.agevillagepro_img_bouton {
    margin: 110px 0px 62px 90px !important;
}

div.col-md-6.titre {
    margin-left: 20%;
    margin-top: 5%;
}

/* Abonnement */
div.row.bloc_connexion{width: 74%; margin-left:12%}
#no_account input.comment-submit{
    margin-top:-10% !important;
    margin-left: 64% !important;
}
/**************/

/* Annuaire logo et text*/
div.annuaire_descgp{
    margin-left: 3%;
}

.annuaire_bouton{
    margin-left: 11%;
}
/*fin annuaire*/


img.center{
    width:100%;
    margin-right: 30px !important;
}

img.img-responsive.center{
    width: 29%;
    margin-right: 181px !important;

}

/* Services près de chez vous début */
.services_info .bouton{
    margin-left: 153px;
}

.img_service-annuaire {
    display: table;
    margin: 20px 205px 0px auto;
}

.img_service {
    display: table;
    margin: 0 auto;
    margin-bottom: -15px;
    margin-left: 230px;
}

div.flex-video.widescreen.service_video img{
    width:100%;
    height: auto;
}

.offre_service {
    width: 405px;
    padding: 10px;
    margin: -135px 16px -2px 50px;
}
/* Services près de chez vous fin */


/*moteur de recherche*/
div.search.show div.container form.row{
    margin-left: 0px ! important;
    margin-right: 10px;
}
div.search.show div.container form.row div.center input.search-submit{
    margin-left: 50;
    margin-top: 11;
}
.search-close {margin-top: 19px;}
/**************************/


.pull-right {
    float: none !important;
    margin-left: 10px;
}
}


/************************************* BB Classic *****************************/


@media only screen and (min-device-width : 720px) and (max-device-width : 720px) {

    form.form_responsive div.row div.col-lg-4 div.right{float:none;}
    #categorie_socio_pro{width: 58% !IMPORTANT;}
    img.a_la_une_Phablette, img.dossier_Phabelette{height: auto !important;}
    .appel_projet_responsive{margin-top: 5%;}
    #div_pro div.row div.col-lg-4 span.right{float:none;}
    div#contenu div h2.articleIntitule{width:100%!important;}
    div.col-md-4.col-sm-4.tarif_col{margin-left: 30%;}
    #tarifsAbonnement{ margin-bottom: -60%;}
    .publicites{margin-top: -10%!important;}
    /* Services près de chez vous début */
    .services_info .bouton{
        margin-left: 235px;
    }
    
    
    .body-content {
    margin-top: 250px;
    }

    .img_service-annuaire {
        display: table;
        margin: 20px 242px 0px auto;
    }

    div.col-md-6.titre {
        margin-left: 20%;
        margin-top: 5%;
    }

    .img_service {
        display: table;
        margin: 0 auto;
        margin-bottom: -15px;
        margin-left: 300px;
    }

    div.flex-video.widescreen.service_video img{
        width:100%;
        height: auto;
    }

    .offre_service {
        width: 405px;
        padding: 10px;
        margin: -135px 16px -2px 68px;
    }
    /* Services près de chez vous fin */


    /*moteur de recherche*/
    div.search.show div.container form.row{
        margin-left: 0px ! important;
        margin-right: 10px;
    }
    div.search.show div.container form.row div.center input.search-submit{
        margin-left: 50;
        margin-top: 11;
    }
    .search-close {margin-top: 19px;}
    /**************************/


    .pull-right {
        float: none !important;
        margin-left: 10px;
    }

    .publicites .row .center img {
        margin-left: 27% !important;
    }



    img.center{
        padding-right:50px;
    }
    img.img-responsive.center{
        padding-right:0px;
    }

    /* Abonnement */
    div.row.bloc_connexion{width: 58%; margin-left:18%}
    #no_account input.comment-submit{
        margin-top:-10% !important;
        margin-left: 64% !important;
    }
    /**************/

    div.row.rss_responsive div.col-lg-4 p{text-align: left!important;margin-bottom: 8px; margin-left: 0px!important;}

}

/***********EN end : CSS added to enhance site responsivity******************/

ul.ul-right-img {
    position: relative;
    left: 1em;
    top: 0;
}