/***********************************************
| FONTS
************************************************/
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');

@font-face {
    font-family: 'marianneregular';
    src: url('fonts/marianne-regular-webfont.woff2') format('woff2'),
    url('fonts/marianne-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'marianneregular';
    src: url('fonts/Marianne-Regular_Italic.woff2') format('woff2'),
    url('fonts/Marianne-Regular_Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'marianneregular';
    src: url('fonts/Marianne-Bold.woff2') format('woff2'),
    url('fonts/Marianne-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'marianneregular';
    src: url('fonts/Marianne-Bold_Italic.woff2') format('woff2'),
    url('fonts/Marianne-Bold_Italic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'marianneregular';
    src: url('fonts/Marianne-ExtraBold.woff2') format('woff2'),
    url('fonts/Marianne-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'marianneregular';
    src: url('fonts/Marianne-ExtraBold_Italic.woff2') format('woff2'),
    url('fonts/Marianne-ExtraBold_Italic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}
/***********************************************
| GENERAL
************************************************/
/*BASE*/
*{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin:0;
    padding:0;
    font-family: 'marianneregular', sans-serif;
}
html{

    overflow-x: hidden; /*Hide the horizontal scroll */
}
html, body{

    height: 100%;
    font-family: 'marianneregular', sans-serif;
}
body{

    background-color: white;
    font-family: 'marianneregular', sans-serif;
    font-size:120%;
}


.wrapper{
    max-width: 1170px;
    margin: 0 auto;
}
h1{
    margin: 0;
    padding: 0
}
a{
    text-decoration: none;
    color:#137F8B;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    padding: 0;
    margin:0;
}
input[type=text], input[type=email], input[list], textarea, select {
    padding-left: 8px;
}
.custom span:before {
    content: url('../img/bolt-solid.svg');
    position: relative;
    top: 3px;
    right: 6px;
}

a.button-popup{
    padding: 23px 143px;
    border-radius: 3em;
    background-color: #137F8B;
    font-weight: bold;
    color: #fff;
    font-size: 23px;
    text-align: center;
    border: none;
    text-decoration: none !important;
}
a.button-popup:hover{
    color: #FFF  !important;
}
.flex-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    height: auto;
    position: relative;
    align-items: stretch;
}

.orange-violet {
    background: rgb(255,183,0);
    background: linear-gradient(150deg, rgba(255,183,0,1) 0%, rgba(252,0,255,1) 100%);
}
.orange-vert {
    background: rgb(240,193,0);
    background: linear-gradient(150deg, rgba(240,193,0,1) 0%, rgba(21,171,187,1) 100%);
}
.flex-item {
    padding: 20px;
    margin: auto;
    width: auto;
    height: auto;
    display:flex;
    flex-direction:row;
    margin-top: 45px;
}
.without-message{
    margin-top: 0px !important;
}
.flex-item a:hover{
    text-decoration: none;
}

.flex-item a{
    text-align: center;
    max-width: 400px;
    margin-top:auto;
    margin-bottom:auto;
}

.flex-item p{

    color: white;
    font-size: 1.41em;
    font-weight: bold;
    line-height: 1.1em;
    width: 80%;
    margin-left: 20px;
}
.flex-item img{
    object-fit: cover;
    border-radius: 100%;
    width: 75px;
}
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}
.closed:hover,
.closed:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}
.wrapper-width{
    max-width:1760px;
    width: 96%;
    margin: 0 auto;
}
/*PROBLEME SCROLL POPIN FIX -- problemes styles Sweet Alert*/
body.stop-scrolling {
    height: auto !important;
    overflow: auto !important;
}
/*FORMS INVALID*/
.formulaire .lab.invalid-label select.invalid-input:required:invalid,
.formulaire .lab.invalid-label input[type="checkbox"].invalid-input:required:invalid ~ label::after,
.formulaire .lab.invalid-label input[type="radio"].invalid-input:required:invalid ~ label::after{
    border-color: red;
}
.formulaire .lab.invalid-label .label_long{
    color: red;
}
/*FORMS FIX LARGEUR LABEL => à vérifier*/
/* .formulaire input[type="radio"] ~ label,
    .formulaire input[type="checkbox"] ~ label{
        margin-right:0 !important;
    } */



/*FIX FLECHE RESULTAT*/
.wrapper-detail-catg a{
    position:relative;
    padding-right: 60px;
}
/* .wrapper-detail-catg a .cercle-fleche{
    position:absolute;
    right: 20px;
    top:50%;
    transform:translateY(-50%);
} */
/*FOOTER*/
footer{
    background-color: #000000;
    color: #fff;
    font-size: 16px;
    padding:0.5em 0 0.5em 0;
}
footer a{
    text-decoration: none;
    color: #fff;
    border-bottom: 1px solid transparent;
    transition: color 0.3s ease 0s;
    -webkit-transition: color 0.3s ease 0s;
}
footer a:hover,
footer a:focus{
    color: #eee;
    text-decoration: none;
    border-bottom: 1px solid white;
}
footer{
    padding: 15px 0 0 0;
}
/* .info-footer{
        overflow: auto;
        text-align: center;
    } */
.info-footer.container{
    margin-top: 15px;
    /* width: 1870px*/

}
.info-footer .container-footer-column{
    /*margin: 0 0 10px 0;*/
    padding: 0 1.5em;
}
.info-footer .container-footer-column h4{
    font-size: 20px;
    margin: 15px 0 20px;
    display: block;
}
.info-footer .container-footer-column ul{
    padding: 0;
}
.info-footer .container-footer-column ul li{
    list-style: none;
}
.info-footer .container-footer-column ul li a{
    margin-bottom: 3px;
    display: inline-block;
    transition: border 0.3s ease 0s;
    -webkit-transition: border 0.3s ease 0s;
}
footer .container-footer-after{
    padding: 12px 0;
    background: #242c3b;
    text-align: center;
    margin: 15px 0 0 0;
}
.logo-ministere-footer{
    float: left;
    margin: 1em;
    height: 122px;
}
/* @media(max-width: 767px){
        .info-footer{
            text-align: center;
        }
        .info-footer .container-footer-column{
            max-width: 100%;
            margin: 0 0 30px 0;
        }
        .info-footer.container{
            margin: 10px 0;
        }
    }
    @media screen and (min-width:1200px) {
        .info-footer.container {
        width: 1870px !important;
        }
    } */

/*HEADER*/
header {
    display: grid !important;
}
form.custom-search input[type=text] {
    padding: 2px;
    font-size: 17px;
    border: 1px solid grey;
    float: left;
    width: 80%;
    background: #fff;
    border-radius: 19px 0px 0px 19px;
    background: url('../img/icon-geo.png') no-repeat scroll 7px 11px;
    background-size: 23px 24px;
    position: relative;
}

form.custom-search button {
    float: left;
    width: 41px;
    padding: 2px;
    background: #ffbd27;
    color: black;
    font-size: 18px;
    border: 1px solid grey;
    border-left: none;
    cursor: pointer;
    border-radius: 0px 20px 20px 0px;

}
input.input-filed-custom::-webkit-input-placeholder {/* Chrome/Opera/Safari/Edge */
    font-size: 14px;
    position: absolute;
    top: 7px;

}

form.custom-search button:hover {
    background: #0b7dda;
}

form span.icon-search {
    background: url('../img/localisation.png') no-repeat;
    height: 20px;
    width: 20px;
    display: block;
}
.nav-menu li a{
    color: #047A86 !important;
    font-weight: bold !important;
}
#navbar .navbar-default{
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}
.navbar-default{
    background: white !important;
    border: none !important;
    box-shadow: none !important;
}
#alignment-example{
    float: right;
}
.reseau-sociaux-liens > a{
    margin-top: 18px;
    max-height: 20px;
}
.navbar{
    margin-bottom: 0!important;
}
.container-fluid{
    margin: 0!important;
    padding: 0!important;
}
/* HEADER & FOOTER MOBILE */
@media screen and (max-width: 769px){

    #bandeau{

        background-image:
                linear-gradient(to left, rgba(94, 209, 194, 0.685), rgba(214, 128, 15, 0.808) ),
                url('../img/couverture_thematique_mobile.png') !important;
    }

    #searchFormHeader{
        display: none;
    }
    .navbar-brand img{
        max-height: 114px;
    }
    #navbar-collapse{
        float: right;
        right: -2%;
        margin-top: 15px;
    }
    .navbar-header{
        display: block;
        width: 100%!important;
        height: 114px!important;
        margin-top: 15px;
        margin-bottom: 30px;
        float: left;
    }
    #alignment-example{
        float: none;
        text-align: center;
        border: none!important;
    }
    .button-trouve-le{
        padding: 7px 22px!important;
        /* background-color: #047a86!important; */
    }
    .fil-ariane{
        display: none;
    }
}
/* HEADER & FOOTER 100% */
@media screen and (min-width: 1800px) and (max-width: 2000px){
    .navbar-brand img{
        max-height: 114px;
    }
    #searchFormGroup{
        box-sizing: border-box;
    }
    .info-footer{
        /*margin-top: 45px;*/
        /* padding-top: 35px;
            padding-bottom: 36px; */
    }
    .container-footer{
        /*margin: auto 0;*/
        padding-right: 0px !important;
        padding-left: 200px;
        text-align: left;
    }
    .footer-blocks{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .footer-block{
        /*margin-left: 2.5%;*/
        width: 13%;
        display: table-cell;
        padding-left: 0!important;
    }
    .footer-block > li{
        margin-bottom: 18px;
        font-size: 14px!important;
        padding: 0!important;
        letter-spacing: 0;
        margin-left: 9px;
    }
    .button-trouve-le{
        padding: 7px 22px!important;
        /* background-color: #047a86!important; */
    }
}
/* HEADER & FOOTER 90% */
@media screen and (min-width: 2000px) and (max-width: 2300px){
    .navbar .navbar-default{
        margin: 0;
    }
    .navbar-brand img{
        max-height: 114px;
    }
    #searchFormGroup{
        box-sizing: border-box;
        /* height: 77px;
            width: 335px; */
    }
    .info-footer{
        /*margin-top: 45px;*/
        padding-top: 35px;
        padding-bottom: 36px;
    }
    .container-footer{
        /*margin: auto 0;*/
        padding-right: 0px !important;
        padding-left: 200px;
        text-align: left;
    }
    .footer-blocks{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .footer-block{
        /*margin-left: 2.5%;*/
        width: 13%;
        display: table-cell;
        padding-left: 0!important;
    }
    .footer-block > li{
        margin-bottom: 18px;
        font-size: 14px!important;
        padding: 0!important;
        letter-spacing: 0;
        margin-left: 9px;
    }
    .button-trouve-le{
        padding: 7px 22px!important;
        /* background-color: #047a86!important; */
    }
}
/* HEADER & FOOTER 80% */
@media screen and (min-width: 2300px){
    .navbar .navbar-default{
        margin: 0;
    }
    .navbar-brand img{
        max-height: 114px;
    }
    #searchFormGroup{
        box-sizing: border-box;
    }
    .info-footer{
        /*margin-top: 45px;*/
        /* padding-top: 35px;
            padding-bottom: 36px; */
    }
    .container-footer{
        /*margin: auto 0;*/
        padding-right: 0px !important;
        padding-left: 200px;
        text-align: left;
    }
    .footer-blocks{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .footer-block{
        /*margin-left: 2.5%;*/
        width: 13%;
        display: table-cell;
        padding-left: 0!important;
    }
    .footer-block > li{
        margin-bottom: 18px;
        font-size: 14px!important;
        padding: 0!important;
        letter-spacing: 0;
        margin-left: 9px;
    }
    .button-trouve-le{
        padding: 7px 22px!important;
        /* background-color: #047a86!important; */
    }
}
/* HEADER & FOOTER 110% */
@media screen and (min-width: 1600px) and (max-width: 1800px){
    .navbar .navbar-default{
        margin: 0;
    }
    .navbar-brand img{
        max-height: 114px;
    }
    #searchFormGroup{
        box-sizing: border-box;
    }
    .info-footer{
        /*margin-top: 45px;*/
        /* padding-top: 35px;
            padding-bottom: 36px; */
    }
    .container-footer{
        /*margin: auto 0;*/
        padding-right: 0px !important;
        padding-left: 200px;
        text-align: left;
    }
    .footer-blocks{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .footer-block{
        /*margin-left: 2.5%;*/
        width: 13%;
        display: table-cell;
        padding-left: 0!important;
    }
    .footer-block > li{
        margin-bottom: 18px;
        font-size: 14px!important;
        padding: 0!important;
        letter-spacing: 0;
        margin-left: 9px;
    }
    .button-trouve-le{
        padding: 7px 22px!important;
        /* background-color: #047a86!important; */
    }
    input.input-filed-custom::-webkit-input-placeholder {/* Chrome/Opera/Safari/Edge */
        font-size: 14px;
        position: absolute;
        top: 11px;

    }
}
/* HEADER & FOOTER 120% */
@media screen and (min-width: 1377px) and (max-width: 1600px){
    .navbar .navbar-default{
        margin: 0;
    }
    .navbar-brand img{
        max-height: 127px;
    }
    #searchFormGroup{
        box-sizing: border-box;
    }
    .info-footer{
        /*margin-top: 45px;*/
        /* padding-top: 35px;
            padding-bottom: 36px; */
    }
    .container-footer{
        /*margin: auto 0;*/
        padding-right: 0px !important;
        padding-left: 200px;
        text-align: left;
    }
    .footer-blocks{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .footer-block{
        /*margin-left: 2.5%;*/
        width: 13%;
        display: table-cell;
        padding-left: 0!important;
    }
    .footer-block > li{
        margin-bottom: 18px;
        font-size: 14px!important;
        padding: 0!important;
        letter-spacing: 0;
        margin-left: 0px;
    }
    .button-trouve-le{
        /*padding: 8px 20px!important;*/
        /* background-color: #047a86!important; */
    }
    input.input-filed-custom::-webkit-input-placeholder {/* Chrome/Opera/Safari/Edge */
        font-size: 14px;
        position: absolute;
        top: 11px;

    }
}
@media screen and (min-width: 1300px) and (max-width: 1376px){
    .navbar .navbar-default{
        margin: 0;
    }
    .navbar-brand img{
        max-height: 112px;
    }
    #searchFormGroup{
        box-sizing: border-box;
    }
    .info-footer{
        /*margin-top: 45px;*/
        /* padding-top: 35px;
            padding-bottom: 36px; */
    }
    .container-footer{
        /*margin: auto 0;*/
        padding-right: 0px !important;
        padding-left: 200px;
        text-align: left;
    }
    .footer-blocks{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .footer-block{
        /*margin-left: 2.5%;*/
        width: 13%;
        display: table-cell;
        padding-left: 0!important;
    }
    .footer-block > li{
        margin-bottom: 18px;
        font-size: 14px!important;
        padding: 0!important;
        letter-spacing: 0;
        margin-left: 0px;
    }
    .button-trouve-le{
        /*padding: 8px 20px!important;*/
        /* background-color: #047a86!important; */
    }
}
/*HEADER REFONTE DESKTOP 100%*/
.navbar-default{
    background:white !important;
    border:0 none;
}
#navbar{
    max-width:1760px;
    width: 96%;
    margin: 0 auto;
    display:flex;
    justify-content:space-between;
    padding:20px 0;
    position: relative;
}
#navbar .navbar-header,
#navbar .navbar-header .navbar-brand,
#navbar .navbar-header .navbar-brand a{
    display:block;
    float:none;
    height: auto;
    padding: 0;
    margin: 0;
}
#navbar .navbar-header .navbar-brand > img{
    display:block;
    max-height:114px;
}
#alignment-example {
    float: none;
    margin-left:auto;
    padding: 0 25px 28px;
}
#searchFormHeader{
    float:none !important;
    margin: 0;
    position:relative;
    padding:0;
    padding-top: 0;
}
#villesHeader{
    height: 50px;
    width: 335px;
    border-radius: 3rem;
    padding: 6px 12px;
    padding-left: 35px;
    font-size: 12px;
    line-height:36px;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
input#villesHeader.input-filed-custom::placeholder,
input#villesHeader.input-filed-custom::-webkit-input-placeholder {
    font-size: 12px;
    line-height:36px;
    position:relative;
    top:auto;
}
#villes-submit{
    float:none !important;
    position:absolute;
    top:0;
    right:0;
    width: 41px;
    height: 50px;
    position: absolute;
    border-radius: 0 3rem 3rem 0;
    border: 1px solid #ccc;
    /* margin-top: 28px; */
}
#navbar .nav-menu > li > button,
#navbar .nav-menu > li > a{
    font-size:16px;
    line-height:20px;
    padding: 15px 25px;
    font-weight: bold;
    text-decoration: none;
}
#navbar .nav-menu > li > button.button-trouve-le{
    background:#047a86;
    transition:0.2s;
}
#navbar .nav-menu > li > button.button-trouve-le:hover{
    background:#ffb522;
}
#navbar .nav-menu > li > button{
    padding: 15px 22px !important;
    display: block;
    margin:0 25px;
}
#navbar .nav-menu > li > a{
    margin-top: 0;
    display: block;
    transition:0.2s;
}

#navbar .nav-menu > li > a:hover{
    background: none;
}

#alignment-example {
    position: relative;
    float: right;
    /*! margin-left:auto; */
    padding: 0 25px 28px;
   /* right: -18vh;
    top: -1.8vh*/
}
#navbar .nav-menu > li > a{
    border-bottom: solid 2px white;
    transition:0.2s;
}
#navbar .nav-menu > li > a:hover{
    border-bottom: solid 2px #047a86;
}
.button-trouve-le{
    transition:0.2s;
}
.button-trouve-le:hover{
    background-color:#ffb522;
}
/*< 1700 -> 1400 */
@media only screen and (max-width: 1700px){

    #navbar .nav-menu > li > button,
    #navbar .nav-menu > li > a{
        font-size:14px;
        padding: 15px 10px;
    }
    #navbar .nav-menu > li > button{
        margin:0 0 0 10px;
    }
}
/*< 1400 -> 1200 */
@media only screen and (max-width: 1400px){
    #navbar .navbar-header .navbar-brand > img {
        display: block;
        max-height: 94px;
    }
    #navbar .nav-menu > li > button, #navbar .nav-menu > li > a {
        font-size: 13px;
        padding: 15px 8px;
    }
    #alignment-example{
        padding-right: 15px;
    }
    #villesHeader{
        width:250px;
    }
    /* #alignment-example.navbar-collapse {
            padding: 0 !important;
        }
        #searchFormHeader{
            position:absolute;
            right: 0;
            bottom: 20px;
        } */
}
/*< 1200 -> 1024*/
@media only screen and (max-width: 1200px){
    #navbar .navbar-header .navbar-brand > img {
        display: block;
        max-height: 114px;
    }
    #navbar .nav-menu > li > button, #navbar .nav-menu > li > a {
        font-size: 14px;
        padding: 15px 10px;
    }
    #alignment-example{
        padding-right: 20px;
    }
    #villesHeader{
        width:355px;
    }
    #alignment-example.navbar-collapse {
        padding: 0 !important;
    }
    #searchFormHeader{
        position:absolute;
        right: 0;
        bottom: 20px;
    }
}
/*HEADER MOBILE A PARTIR DE 1024px*/
@media only screen and (max-width: 1024px) {
    #navbar .navbar-toggle {
        display: block !important;
        margin: 0 0 0 auto;
        padding:10px;
        align-self:center;
        border: 1px solid #FFF;;
    }
    .navbar-default #navbar .navbar-toggle:hover,
    .navbar-default #navbar .navbar-toggle:focus{
        background:#FFF;
        border:1px solid #047a86;
    }
    #navbar .navbar-toggle .icon-bar{
        background:#047a86;
        width: 33px;
        height: 3px;
        border-radius: 3px;
    }
    #navbar .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 7px;
    }
    #navbar .navbar-header .navbar-brand > a,
    #navbar .navbar-header .navbar-brand > img{
        max-height:94px;
    }
    #navbar .navbar-collapse {
        /* border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); */
    }
    #navbar .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    #navbar .navbar-collapse.collapse {
        display: none!important;
    }
    #navbar .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    #navbar .navbar-nav>li {
        float: none;
    }
    #navbar .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #navbar .nav-menu > li > button{
        margin:10px auto 0;
    }
    #navbar .navbar-nav{
        margin:10px 0;
        display:block;
    }
    #navbar .collapse.in{
        display:block !important;
    }
    #navbar #searchFormHeader{
        display:none;
    }
    #navbar{
        display:block;
    }
    #navbar .navbar-header{
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        width: 100%;
    }
    #navbar #alignment-example{
        width: auto;
        text-align:center;
    }
    #navbar .navbar-nav > li > a{
        display:inline-block;
    }
}
@media only screen and (max-width: 768px) {
    .navbar-header {
        height: auto !important;
    }
}
/*GUILLAUME*/
.apropos{
    height:auto !important; /* real browsers */
    height:85%; /* IE6: treaded as min-height*/
    min-height:85%; /* real browsers */
}
.apropos footer{
    width:100%;
}
/***********************************************
| FOOTER
************************************************/
/*FOOTER DESKTOP*/
footer{
    background:black;
    padding-top: 0;
}
footer .container-footer{
    max-width: 1360px;
    padding:60px 0 30px;
    float:none;
    border:0 none;
    background:black;
    margin:0 auto;
}
footer .container-footer .containerFooter {
    padding-right: 0;
    padding-left: 0;
}
footer .footer-blocks {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
}
footer .footer-blocks > div,
footer .footer-blocks > ul {
    /* width:25%; */
    width:auto;
}
footer .footer-blocks .col-sm-3{
    padding:0;
}
footer .footer-blocks > ul > div{
    width:100%;
}
footer .container-footer-block{
    padding:0;
    float:none;
}
footer .footer-block > li a{
    font-size:16px;
    line-height:20px;
    margin-left: 0;
    margin-bottom: 10px;
    transition:0.2s;
    display:inline-block;
}
footer .footer-block > li a:hover{
    text-decoration:underline;
}
footer .container-footer h2{
    margin:0;
}
footer .container-footer .social_moove{
    position:relative;
    margin-top: 0;
    display:flex;
}
footer .container-footer .social_moove a{
    margin-right: 18px;
    margin-top: 10px;
}
.social_icon_block img{
    width:23px;
    height:auto;
}
.footer .social-icons li{
    margin-left: 0;
    margin-right: 18px;
}
footer .footer-block > li {
    margin-bottom: 0;
    font-size: 16px !important;
    padding: 0 !important;
    letter-spacing: 0;
    margin-left: 0;
}
footer .info-footer{
    /* width:96%;
        padding:0;
        max-width:1360px; */
    /* padding-top:30px; */
    /* margin:0 auto; */
}
footer .footer-block > li a{
    border-bottom:0 none;
    display:block;
}
footer .footer-column .reseau-sociaux-liens a{
    display:inline-block;
    margin-right: 18px;
    margin-top: 0;
}
footer a,
footer .footer-block > li a{
    border-bottom:0 none !important;
    line-height:20px;
    display:block;
    margin-bottom: 10px;
}
@media screen and (max-width: 1023px){
    footer .footer-blocks {
        flex-wrap:wrap;
    }
    footer .footer-blocks > div.col-sm-3,
    footer .footer-blocks > ul {
        /* width:50%;
            padding-right: 20px;
            margin: 10px 0; */
        width:100%;
        text-align:center;
        padding: 0 20px;
        margin: 10px 0;
    }
    .container-footer {
        padding: 50px 0 20px;
    }
}
@media screen and (max-width: 767px){
    footer  {
        padding: 0;
        margin-top: 0;
    }
    /* footer .container-footer{
            padding:20px 0;
        } */
}
@media screen and (max-width: 400px){
    footer .footer-blocks > div.col-sm-3,
    footer .footer-blocks > ul{
        padding-right: 10px;
    }
    footer a,
    footer .footer-block > li a{
        font-size:14px;
        line-height:18px;
        margin-bottom: 8px;

    }
    footer .footer-column .reseau-sociaux-liens a{
        margin-right: 9px;
    }
}
/***********************************************
| HOME PAGE
************************************************/
/*HOME - HEADER*/
#bandeau-home-page{
    background-color: #ffffff;
}
.wrapper-bandeau-homepage{
    text-align: center;
}
.logo-ministere-homepage{
    float: left;
    margin-top: 4.5em;
    height: 70px;
}
.logo-jeunesse-homepage{
    float: right;
    margin-top: 4.5em;
    height: 55px;
}
#main .bandeau-logo{
    width: 100%;
    position: relative;
    background-color: #fff;
}
.wrapper-bandeau-homepage .bandeau-logo{
    width: 100%;
    position: relative;
}
.bonhomme-section-header{
    max-width: 100%;
    padding: 5em 0 10em  0;
}
.msg_haut{
    padding-bottom: 8em;
    margin:0;
}

#villesHeader:focus {
    outline: none !important;
    border:1px solid;
}
/*HOME - BODY*/
form.joli{
    padding:0;
}
p.message_haut .custom-liaison{
    position: relative;
    top: 6px;
}
#searchForm{
    height: 85px;
}
.avertissement{
    color:red;
    text-align:center;
}
.lienenbas{
    font-size:small;
    text-align:center;
    margin:1em auto;
}
.lienenbas a{
    color: #333;
    transition: color 0.3s ease 0s;
    -webkit-transition: color 0.3s ease 0s;
}
.lienenbas a:hover,
.lienenbas a:focus{
    color: #29B297;
}
.accueil-recherche{
    position: relative;
    bottom: 5.7em;

    padding: 20px;
    background-color: #fff;

    border: 1px solid #EBEBEB;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-shadow: 2px 2px 40px 0 rgba(0,0,0,0.17);

}
.wrapper-jhabite{
    padding: 0.75em 0em;
    width: 85%;
    border-right: 1px solid #E5E5E6;
    display: flex;
}
.wrapper-jhabite img{
    padding: 0 1em 0 0.5em;
    width: 40%;
}
.wrapper-jhabite label{

    color: #787878;
    font-size: 1.5em;
    font-weight: 500;
    position: relative;
}
.input-villes{
    height: 2.8em;
    color: #39393A;
    font-size: 2.1em;
    font-weight: bold;
    border: none;
    width: 100%;
}
.ui-menu .ui-menu-item-wrapper{
    font-size: 15px;
    padding: 8px 15px;
    font-weight: unset !important;
}
.wrapper-submit-ville{
    text-align: right;
}
.wrapper-submit-ville input{
    margin-right: 10px;
}
.submit-ville{
    height: auto;
    width: auto;
    padding: 20px 40px;
    border-radius: 0.5em;
    background-color: #137F8B;

    font-weight: bold;
    color: #fff;
    font-size: 1.6em;

    border: none;
    box-shadow: 0px 8px 0px 0px #0A717D;

}
p.message{
    font-size: 16px;
    color: #15488E;
    font-weight: 500;
}
p.message:before{
    content: '';
    background-image: url('../img/ico-attention.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    width: 15px;
    height: 15px;
    margin: 3px 7px 0 0;
}
p.message_haut{
    font-size: 1.8em;
    color: #15488E;
    font-weight: 500;
}
.personnagesjambe img{
    max-width: 100%;
    max-height: 100%;
    display: block;
}
.texteadministrable{
    margin-bottom: 70px;
    font-style: italic;
    text-align: center;
    font-weight: 500;
}
.non-couverte{
    margin-bottom: -2px !important;
}
.soustitremodif {
    width: auto;
    text-align: center;
    position: relative;
    bottom: 3em;
}
.soustitremodif h1{
    font-size: 2.1em;
    /*font-weight: bold;*/
    line-height: 1.3em;
    color: #5770BE;
    padding: 4em 0em 3em 0em;
}
span.texte-sur-footer{
    font-size: 21px;
}
.soustitre {
    width: 80.3em;
    text-align: center;
    position: relative;
    bottom: 3em;
}
.soustitre h1{
    font-size: 3.1em;
    font-weight: bold;
    line-height: 1.3em;
    color: #15488E;
}
.div123{
    border-top: 1px solid #F0F0F0;
    padding: 3.3em 0;
}
.block123{
    text-align: center;
}
.block123 img{
    padding-bottom: 1.3em;
}
.block123 p{
    color: #4A4A4A;
    font-size: 1.41em;
    font-weight: bold;
    line-height: 1.3em;
    width: 80%;
    margin: 0 auto;
}
.surfooter{
    padding-bottom: 50px;
    background-color: #466964;
    color: white;
    font-size: 16px;
    position: relative;
}
.personnage_footer{
    background: linear-gradient(180deg, white 50%, #466964 50%);
    margin: auto;
    width: auto;
    height: auto;
    display:flex;
    flex-direction:row;
    margin-bottom: -70px;
}
.personnage_footer p{
    letter-spacing: .2rem;
    margin-top:auto;
    margin-bottom:auto;
    color: black;
    font-size: 1.40em;
    font-weight: bold;
    /*line-height: 2em;*/
}
.illuAni{
    width: 12%;
    height: 22%;
    margin-top: auto;
    margin-bottom: auto;
}
.button-trouve-le{
    margin-bottom: 0.7em;
    margin-top: 10px;
    height: auto;
    width: auto;
    padding: 20px 40px;
    border-radius: 3em;
    background-color: #137F8B;
    font-weight: bold;
    color: #fff;
    font-size: 1em;
    border: none;
}
.site-porteuse{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #FFB522;
    border-radius: 100px;
    margin-bottom: 50px;
    padding: 20px 40px;
    font-weight: bold;
    color: #000;
    font-size:16px;
    line-height:20px;

}

/*TABLETTE & MOBILE*/
@media screen and (max-width:1200px){
    .logo-boussole-homepage {
        width: 23em;
        transform:inherit;
    }
    .wrapper-jhabite img {
        padding-right: 0em;
        width: 2em;
        height: 2em;
    }
    .wrapper-jhabite label {
        font-size: 1.5em;
        margin-left: 0.5em;
    }
    .logo-ministere-homepage {
        float: none;
        margin-right: 3em;
        margin-bottom: 4em;
    }
    .logo-jeunesse-homepage{
        float: none;
        margin-left: 3em;
        margin-bottom: 4em;
    }
    .soustitre {
        max-width: 100%;
        padding: 0 2em;
    }
}
@media screen and (max-width:991px){

    .logo-boussole-homepage {
        width: auto ;
        margin-left: auto;
    }
    .logo-ministere-homepage {
        float: none;
        padding-top: 0em;
        position: relative;
        left: 0em;
        top: -0.5em;
        margin-right: 3em;
    }
    .logo-jeunesse-homepage{
        display:none;
    }
    .accueil-recherche {
        padding: 2.6em 0.5em;
    }


    .soustitre h1 {
        font-size: 2em;
    }
    .block123 {
        padding-bottom: 2em;
    }
    .bonhomme-section-header img {
        width: 276px;
        height: 225px;
    }
    .wrapper-jhabite img{
        display: none;
    }
    .wrapper-jhabite label{
        margin: 0 10px 5px 5px;
        font-size: 1.4em;
        text-align: center;
    }
}
@media screen and (max-width:768px){
    .bonhomme-section-header img {
        width: 253px;
        height: 215px;
    }
    .wrapper-jhabite {
        padding: 0;
        width: auto;
        border-right: none;
        display: block;
    }
    .accueil-recherche {
        text-align: center;
    }
    .input-villes {
        font-size: 2.1em;
        border: 1px solid #F0F0F0;
        width: 100%;
        margin: 1em 0;
    }
    .input-villes::placeholder {
        font-size: 0.75em;
        text-align: center;
    }
    .wrapper-submit-ville {
        text-align: center;
    }
}
@media screen and (max-width:650px){
    .bonhomme-section-header img {
        width: 196px;
        height: 170px;
    }
    .bonhomme-section-header .col-md-4{
        padding: 0 5px;
    }
}
@media screen and (max-width:578px){
    .flex-container {
        display: list-item;
        position: relative;
        height: auto;
    }
    .flex-item img{
        align-items: center;
        margin-left: 20px;
    }
    .flex-item p{
        margin-left: 20px;
    }

    .personnage_footer{
        margin-bottom: 10px;
    }
    .flex-item{
        margin-top: 0px !important;
    }
    .illuAni{
        width: 22%;
    }
    .non-couverte{
        margin-bottom: 16px !important;
    }

}
@media screen and (max-width:500px){
    .bonhomme-section-header img{
        width: 108px;
        height: 94px;
    }
    .logo-boussole-homepage{
        height: 50%;
        width: 50%;
    }
    .bonhomme-section-header {

        padding: 3em 0 9em 0;
    }
}
@media screen and (max-width:420px){
    .charches_noir{
        color: white;
    }
    .submit-besoins{
        margin-bottom: 5px !important;
        width: 100%;
        font-weight: 800;
        font-size: 20px;
        text-transform:uppercase;
        position: relative;
        bottom: 0em;
        z-index: 10;
        background: none !important;
        color: #1E1C24;
        border: none !important;
    }
}
@media screen and (max-width:400px){

    .logo-ministere-homepage {
        display: none;
    }
    .logo-jeunesse-homepage{
        display: none;
    }
    .logo-ministere-footer{
        display: none;
    }
    .input-villes {
        font-size: 1em;
    }
}
@media screen and (max-width:330px){
    .input-villes {
        font-size: 1.5em;
    }
}
@media screen and (max-width:320px){

    .bonhomme-section-header img {
        width: 108px;
        height: 98px;
    }
}
@media(max-width: 767px){
    .submit-ville{
        padding: 10px 30px;
    }
    .wrapper-submit-ville input{
        font-size: 1.4em;
    }
}

/***************************************
| THEMATIQUES (jesouhaite.php)
****************************************/
/*REFONTE BANDEAU*/
#bandeau{
    background-image:
            linear-gradient(to left, rgba(94, 209, 194, 0.685), rgba(214, 128, 15, 0.808) ),
            url('../img/couverture_thematique.png');
    background-size:cover;
    position:relative;
    height:360px;
}
#bandeau h1.logo-boussole-steps,
#bandeau .logo-boussole-steps{
    padding: 0 40px;
    position: relative;
    text-align: center;
    font-family: 'marianneregular', sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    font-size:40px;
    font-weight: bold;
    line-height:49px;
}
/*TITRE FIX FLECHE SELON LA TAILLE DU BLOCK => à vérifier*/
#bandeau h1.logo-boussole-steps{
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    margin: 0 auto;
    /* display: inline-block; */
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
}
#bandeau h1.logo-boussole-steps::before {
    position:absolute;
    left: 0;
    top: 50%;
    content: '';
    background-image: url('../img/prev-fleche.png');
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 20px;
    transform:translateY(-50%);
    background-position: -10px 11px !important;
}
#bandeau h1.logo-boussole-steps::after {
    position:absolute;
    right: 0;
    top: 50%;
    transform:translateY(-50%);
    background-position: 10px 11px !important;
    content: '';
    background-image: url('../img/next-fleche.png');
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 20px;
}

/*DESKTOP*/
/* #bandeau{
        background-image:
        linear-gradient(to left, rgba(94, 209, 194, 0.685), rgba(214, 128, 15, 0.808) ),
        url('../img/couverture_thematique.png');

    } */
#bandeau-beta{

    background: linear-gradient(to top right, orange, red);
}
.wrapper-bandeau , .wrapper-bandeau-femme{
    text-align: center;
}
.custom-jesouhaite{
    background: url('../img/BDJ_Illustrations_header.png') no-repeat;
    background-position: right 16px;
}
.logo-ministere{
    float: left;
    padding-top: 2.2em;
}
.logo-boussole{
    padding: 1.4em 0;

}
.retour-page-wrapper {
    padding: 2.16em 0;
}
.retour-page-wrapper img {
    margin-right: 14px;
}
.localisation-wrapper img{
    margin-right: 14px;
}
.retour-page-wrapper a{
    color: #156C78;
    font-size: 1.3em;
    font-weight: 500;
    text-decoration: none;
}
.retour-page-wrapper a:hover,
.retour-page-wrapper a:focus{
    text-decoration: none;
}
.localisation-wrapper {
    /* padding: 2.16em 0; */
    padding:35px 0;
    text-align: center;
}
.localisation-wrapper img{
    height: 20px;
    width: 20px;
}


.localisation-wrapper span,
.localisation-wrapper span a,
.offre_header p.titre-offre {
    color: #047a86;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.3;
}
.offre_header p.titre-offre {
    font-size: 36px;
    margin-bottom:40px;
}

.btn-modifier-demande h1{
    font-size: 30px;
    font-weight: bold;
    line-height: 1.3;
}
.bordure-bas{
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #1AA0A7;

}
.wrapper-options{
    text-align: center;
}
.wrapper-options img{
    width: 199px;
    height: 256px;
}


.wrapper-options h1{
    color: #000000;;
    /* font-size: 48px;
        font-weight: bold;
        line-height: 60px;
        padding: 29px 0; */
    font-size:30px;
    line-height:37px;
    /* padding-top: 15px; */
    padding-top:0;
    font-weight: bold;
    margin:0 auto 40px;
}
.wrapper-options h3{
    color: #000000;
    font-weight: bold;
    font-size: 2em;
    line-height: 1.3em;
    margin-bottom: 50px !important;
    margin-top: 15px;
}
.spacing-besoins{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #00000033;
    border-radius: 20px;
    text-align: center;
    padding-right: 1.5em;
    margin: 10px 28px 10px;
}
div.wrapper-submit-besoins:before{
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    display: inline-block;
    left: 50%;
    right: 50%;
    transform: translateX(-50%);
}
.bonhomme-droite img:hover , .bonhomme-droite input:hover{
    cursor: not-allowed;
}
.submit-besoins{
    height: 62px;
    width: 100%;
    font-weight: 800;
    font-size: 20px;
    text-transform:uppercase;
    position: relative;
    bottom: 0em;
    z-index: 10;
    background: none !important;
    color: #1E1C24;
    border: none !important;
}
.wrapper-submit-besoins .description-theme{
    padding-bottom: 6px;
}
#formidjs .row {
    margin-bottom: 25px;
}
#formidjs .row img {
    height: 137px;
    padding-top: 16px;
}
.submit-besoins[disabled=""]{
    background-color: #CECECE;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    cursor: not-allowed;
}
.boutonsbesoin .row {
    display: flex !important;
}
.boutonsbesoin .row .col-md-4.custom{
    margin-left: 130px;
}
.boutonsbesoin .row .col-md-4.custom-2{
    margin-left: 0px;
}
div.wrapper-submit-besoins.emploi:before{
    display: inline-block;
    content: '';
    background-size: cover;
    bottom: 59px;
    width: 145px;
    height: 250px;
    position: absolute;
    left: calc(50% - 10px);
    transform: translateX(-100%);
    z-index: 1;
}
div.wrapper-submit-besoins.emploi:after{
    display: inline-block;
    content: '';
    /* background: url('../img/femme-small.png');*/
    background-size: cover;
    bottom: 50px;
    width: 145px;
    height: 250px;
    position: absolute;
    right: calc(50% + 10px);
    transform: translateX(100%);
    z-index: 1;
}
div.wrapper-submit-besoins.logement:before{

    display: inline-block;
    content: '';
    /* background: url('../img/homme-small-1.png');*/
    background-size: cover;
    bottom: 50px;
    height: 256px;
    width: 200px;
}
div .wrapper-submit-besoins.sante:before{
    content: '';
    /*  background: url('../img/homme-small-2.png');*/
    bottom: 80px;
    width: 160px;
    height: 260px;
}
div .wrapper-submit-besoins.formation:before{
    content: '';
    /* background: url('../img/homme-formation.png');*/
    bottom: 70px;
    width: 170px;
    height: 280px;
}
div .wrapper-submit-besoins.engagement:before{
    content: '';
    /*  background: url('../img/femme-engagement.png');*/
    bottom: 80px;
    width: 165px;
    height: 255px;
}
div .wrapper-submit-besoins.loisirs:before{
    content: '';
    /*  background: url('../img/homme-loisirs.png');*/
    bottom: 80px;
    width: 205px;
    height: 255px;
}
div .wrapper-submit-besoins.international:before{
    content: '';
    /* background: url('../img/femme-international.png');*/
    bottom: 55px;
    width: 185px;
    height: 285px;
}
div .wrapper-submit-besoins.disabled:before{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    cursor: not-allowed;
}
.wrapper-submit-besoins {
    position:relative;
    min-height:300px;
}
#formidjs .row img{
    height:137px;
    position:relative;
    width:auto;
    display:block;
    margin:0 auto;
}
.wrapper-submit-besoins .submit-besoins{
    position:relative;
    margin:0 auto;
}
.wrapper-submit-besoins .description-theme h5{
    font-weight:bold;
    font-size:16px;
    line-height:19px;
    color:#0009;
    text-align:center;
    margin:0 auto 10px;
}
.boutonsbesoin.container .row{
    display:flex;
    justify-content:center;
    margin:0 -15px;
}
.boutonsbesoin.container .row .col-md-4{
    float:none;
    width:calc(33.33% - 40px);
    margin:15px;
}
#formidjs .row{
    margin-bottom: 0;
}
/*TABLETTE & MOBILE*/
@media screen and (max-width: 1024px){
    #bandeau{
        height:280px;
    }
    #bandeau h1.logo-boussole-steps,
    #bandeau .logo-boussole-steps {
        font-size:28px;
        line-height:30px;
    }
    .localisation-wrapper{
        padding:25px;
    }
    .localisation-wrapper span, .localisation-wrapper span a,
    .wrapper-options h1,
    .btn-modifier-demande h1,
    .offre_header p.titre-offre{
        font-size:22px;
    }
    .wrapper-options h1,
    .btn-modifier-demande h1{
        padding-top: 0;
        margin-bottom: 15px;
    }
    .wrapper-options h3{
        font-size:20px;
        margin-top: 20px;
        margin-bottom: 25px !important;
    }
    .site-porteuse{
        margin-bottom: 25px;
        padding:15px 30px;
    }
    .wrapper-submit-besoins {
        position:relative;
        min-height:250px;
    }
    .wrapper-submit-besoins .submit-besoins{
        font-size: 18px;
        height: 52px;
        line-height: 1.3;
    }
}
@media screen and (max-width: 767px){
    #bandeau h1.logo-boussole-steps,
    #bandeau .logo-boussole-steps {
        font-size: 22px;
        line-height: 26px;
        width: 75%;
    }
    .boutonsbesoin.container .row{
        display:block;
        margin:0;
    }
    .boutonsbesoin.container .row .col-md-4{
        float:none;
        width:auto;
        margin: 0 10px 20px;
        display: block;
    }
}
@media(max-width: 991px){
    .wrapper-submit-besoins.logement:before{width: 100px; height: 128px; bottom: 102px;}
    .wrapper-submit-besoins.emploi:before{width: 73px; height: 125px; bottom: 95px;}
    .wrapper-submit-besoins.sante:before{width: 80px; height: 130px; bottom: 100px;}
    .wrapper-submit-besoins.formation:before{width: 80px; height: 130px; bottom: 100px;}
    .wrapper-submit-besoins.engagement:before{width: 80px; height: 130px; bottom: 100px;}
    .wrapper-submit-besoins.loisirs:before{width: 80px; height: 130px; bottom: 100px;}
    .wrapper-submit-besoins.international:before{width: 80px; height: 130px; bottom: 100px;}
    .submit-besoins{
        font-size: 1.4em;
        height: 52px;
    }
    /* .boutonsbesoin .row .col-md-4{
            margin-top: 120px;
            margin-bottom: 20px;
        } */
}
@media screen and (max-width: 1200px){
    .logo-ministere {
        float: none;
        padding-top: 0em;
        position: relative;
        left: 0em;
        top: -0.5em;
        margin-right: 3em;
        width: 68px;
    }
}
@media screen and (max-width: 991px){
    div.wrapper-submit-besoins.emploi{
        position: relative;
        z-index: 10;
        top: -9px;
    }
    .wrapper-submit-besoins {
        padding-right: 0em;
    }
    .submit-besoins {
        width: 94%;
    }
}
@media screen and (max-width: 976px){

    /* .spacing-besoins{
            padding-bottom: 2em;
        } */
    /* .wrapper-options {
            padding-bottom: 0.6em;
        } */
}
@media(max-width: 767px){
    .boutonsbesoin .row{
        display: block !important;
        padding-left: 0;
        padding-right: 0;
    }
    /* .spacing-besoins{
            margin: 20px !important;
        } */
    /* .boutonsbesoin .row .col-md-4{
            margin-top: 0px;
            margin-bottom: 0px;
            margin-left: 0px !important;
        } */
    .wrapper-submit-besoins{
        margin: 130px 0 20px 0;
    }
    /* .wrapper-options h1{
            font-size: 24px;
        } */
    .retour-page-wrapper a{
        color: #156C78;
        font-size: 1.1em;
        font-weight: 500;
        text-decoration: none;
    }
    .wrapper-submit-besoins {
        margin: 0px 0 20px 0;
    }
}
/* @media(max-width: 320px){
        .wrapper-options h1{
            font-size: 20px;
        }
    }
    @media(max-width: 255px){
        .wrapper-options h1{
            font-size: 12px;
        }
    } */
/***************************************
| FORMULAIRE (formulaire.php)
****************************************/
/*DESKTOP*/
.femme-header{
    padding-top: 20px;
    position: absolute;
    right: 0; bottom: 0;
    max-width:100%;
    max-height:100%;
    float: right;
    margin-top: 16px;
}
.crij-lien{
    display: inline-flex;
}
.lien {
    margin-right :30px
}
.telephone {
    margin-left :30px
}
.crij-lien p.message_haut{
    line-height: 80px;
}
.btn-modifier-demande{
    padding: 0 0 0 0 !important;
}
h1.logo-boussole-steps,
.logo-boussole-steps{
    padding: 3.4em 40px;
    position: relative;
    text-align: center;
    font-family: 'marianneregular', sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    font-size:40px;
    font-weight: bold;
    line-height:49px;
}
.logo-boussole-steps:after{
    content: '';
    background-image: url('../img/next-fleche.png');
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 20px;
    background-position: 10px 30px;


}
.logo-boussole-steps:before{
    content: '';
    background-image: url('../img/prev-fleche.png');
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 20px;
    background-position: -10px 30px;
}
/*TITRE FIX FLECHE SELON LA TAILLE DU BLOCK => à vérifier*/
h1.logo-boussole-steps{
    position: relative;
    margin: 0 auto;
    display: inline-block;
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
}
h1.logo-boussole-steps::before {
    position:absolute;
    left: 0;
    top: 50%;
    transform:translateY(-50%);
    background-position: -10px 11px !important;
}
h1.logo-boussole-steps::after {
    position:absolute;
    right: 0;
    top: 50%;
    transform:translateY(-50%);
    background-position: 10px 11px !important;
}




.fil-ariane{
    background: #FFBD27 0% 0% no-repeat padding-box;
    height: 40px;
}
.block-button{
    width: 100%;
    background: #FFF;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
}
.fil-ariane h2{
    margin-top: 0px !important;
    margin-left: 0;
    padding-left: 0;
    font-size:18px;
    line-height:40px;
    margin-bottom: 0;
}
.fil-ariane h2 small {
    text-align: left;
    color: #1E1C24;
    padding-left: 26px;
    font-size:100%;
    margin-left: 0;
    padding-left: 0;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:1.4;
}
.fil-ariane h2 small a {
    color: #1E1C24;
}
.fil-ariane h2 small span{
    white-space:nowrap;
    line-height:1.4
}
.fil-ariane h2 small span.active {
    font-weight: bold;
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:calc(100% - 620px);
    display:inline-block;
    position:relative;
    top:5px;
}
.btn-modifier-demande a{
    padding: 15px;
    width: 32%;
    border-radius: 5px;
    background-color: #137F8B;
    color: #fff;
    font-size: 1.66em;
    font-weight: bold;

    border: none;
    box-shadow: 0px 8px 0px 0px #0A717D;
    display: block;

    text-decoration: none;
    position: relative;
    height: 80px;
    margin-left: 1% !important;
}
.btn-modifier-demande a:first-of-type{
    margin-left: 0px;
}
.btn-modifier-demande a:hover,
.btn-modifier-demande a:focus{
    color: white;
    text-decoration: none;
}
.btn-modifier-demande img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 22px;
}
.wrapper-modif-btn-texte{
    line-height: 0.5em;
    top: 50%;
    transform: translateY(-50%);
    left: 50px;
    position: relative;
}
.btn-texte-1{
    font-size: 0.7em;
    font-weight: 400;
}
.btn-texte-2{
    font-size: 1em;
    font-weight: bold;
}
#formulaire-etapes-recherche{
    padding: 0;
    margin-top: 0;
    margin-bottom: 40px;
    border-radius: 20px;
    border: 1px solid #FFBD27;
    background-color: #FFFFFF;
    box-shadow: 1px 1px 16px 0 rgba(0,0,0,0.03);
}
.wrapper-etapes{
    margin: 0 !important;
    border-bottom:1px solid #dbdbdb;
}
.row.wrapper-etapes {
    text-align: center !important;
}
.wrapper-etapes a{
    display: block;
    max-width: 100%;
    text-decoration: none;
    padding: 2.5em 0 2.5em 0.8em;
    text-decoration: none;
    position:relative;
    line-height:24px;
    vertical-align:middle;
}
.wrapper-etapes  a:before{
    border: 1px solid #FFBD27;
    background-color: #FFBD27;
    border-radius: 100%;
    color: #1E1C24;
    opacity: 0.5;
    font-weight:700;
    font-size:18px;
    line-height:20px;
    width:24px;
    height:24px;
    text-align:center;
    display:inline-block;
}
.wrapper-etapes .wrapper-etape-un a:before{
    content: '1';
    /* border: 1px solid #FFBD27;
        background-color: #FFBD27;
        border-radius: 100px;
        color: #1E1C24;
        padding: 4px 9px;
        opacity: 0.5; */
}
.wrapper-etapes .wrapper-etape-deux a:before{
    content: '2';
    /* border: 1px solid #FFBD27;
        background-color: #FFBD27;
        border-radius: 100px;
        color: #1E1C24;
        padding: 4px 9px;
        opacity: 0.5; */
}
.wrapper-etapes .wrapper-etape-trois a:before{
    content: '3';
    /* border: 1px solid #FFBD27;
        background-color: #FFBD27;
        border-radius: 100px;
        color: #1E1C24;
        padding: 4px 9px;
        opacity: 0.5; */
}
.wrapper-etapes a.active span{
    color: #1E1C24 !important;
    opacity: 1;
}
.wrapper-etapes .wrapper-etape-un a.active:before{
    opacity: 1;
}
.wrapper-etapes .wrapper-etape-deux a.active:before{
    opacity: 1;
}
.wrapper-etapes .wrapper-etape-trois a.active:before{
    opacity: 1;
}
.wrapper-etapes a:hover,
.wrapper-etapes a:focus{
    text-decoration: none;
}
.wrapper-etapes img{
    margin-left: 30px;
    position: relative;
    bottom: 5px;
}
.wrapper-etapes .nom-etape{
    color: #00000099;
    font-size: 25px;
    font-weight: normal;
    line-height: 24px;
    margin-left: 18px;
    display:inline-block;
    opacity: 0.5;
}
.wrapper-etapes .active .nom-etape{
    font-weight: bold;
    margin-top: -2px;
}
.wrapper-etape-un , .wrapper-etape-deux {

    background: url('../img/symbole-fleche-droite-grise.png') no-repeat scroll 335px 50%;
    background-size: 79px 57px;
}
.num-etape-active{
    height: 42px;
    width: 42px;
    line-height: 42px;
    border-radius: 17px;
    background-color: #137F8B;

    color: #FFFFFF;
    font-size: 2em;
    font-weight: 500;

    display: inline-block;
    text-align: center;
    margin-left: 30px;
}
/* .wrapper-etapes{
        box-shadow: 1px 1px 16px 0 rgba(0,0,0,0.03);
    } */
.wrapper-etape-un , .wrapper-etape-deux , .wrapper-etape-trois{
    max-width: 100%;
    background-color: #FFFFFF;
    border-radius:20px
}


label.label_long{

    color: #000000;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    display: block;
}
.ligne-gris{
    border-bottom: 1px solid #E5E5E6;
}
.formulaire{
    padding: 30px 15px;
}
.formulaire .centreformulaire .spacing{
    margin-bottom: 30px;
}
.formulaire .centreformulaire > div:last-of-type{
    clear: both;
    float: right;
    margin: 0 15px;
}
.formulaire .centreformulaire label.label_long{
    margin-bottom: 20px;
}
.formulaire select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../img/bg-select.svg') no-repeat right ;
    background-position: 95% 12px;
    background-size: 1em;
    height: 50px;
    width: 100%;
    color: #696968;
    font-size: 16px;
    border-radius: 10px;
    border: 1px solid #D2D2D2;
    /* box-shadow: 1px 1px 16px 0 rgba(0,0,0,0.03); */
    margin-bottom: 20px;
    padding: 0 10px;
    max-width: 500px;
}
.block-button .icon-thematique {
    position: absolute;
    right: 1%;
    bottom: 95%;
    max-width: 100px !important;
}
.formulaire select[multiple=""]{
    background: none;
}
.formulaire select option{
    padding: 10px;
}
.spacing{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.permis-wrapper , .handicap-wrapper{

    padding-bottom: 49px;
    padding-top: 12px;
    padding-left: 10px;
    padding-right: 10px;
}
.inline{
    display: inline-block;
}
.inline + .inline{
    margin-left: 43px;
}
.formulaire input[type="radio"],
.formulaire input[type="checkbox"]{
    opacity: 0;
    margin-left: -17px;
}
.formulaire input[type="radio"]:focus + label,
.formulaire input[type="checkbox"]:focus + label{
    outline: 1px dotted grey;
}
.formulaire input[type="radio"] ~ label,
.formulaire input[type="checkbox"] ~ label{
    position:relative;
    padding-left: 28px;
    font-size: 16px;
    line-height:30px;
    font-weight: 500;
    position:relative;
    cursor: pointer;
}
.formulaire input[type="radio"] ~ label:hover,
.formulaire input[type="radio"] ~ label:focus{
    cursor: pointer;
}
.formulaire input[type="radio"] ~ label:after{
    content:'';
    height: 20px;
    width: 20px;
    border:1px solid;
    position:absolute;
    left:0;
    top:5px;
    border-radius:100%;
    -ms-border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.formulaire input[type="radio"] ~ label{
    margin-right: 30px;
}
.formulaire input[type="checkbox"] ~ label:after{
    content:'';
    height: 20px;
    width: 20px;
    border:1px solid;
    position:absolute;
    left:0;
    top:5px;
    right: 10px;
}
.formulaire input[type="radio"]:checked + label,
.formulaire input[type="checkbox"]:checked + label {
    color:#137F8B;
    font-weight:500;
}
.formulaire input[type="radio"]:checked + label:after,
.formulaire input[type="checkbox"]:checked + label:after{
    border:7px solid;

}
.spacing-buttons{
    padding-left: 15px;
    padding-right: 15px;
    height: 108px;
    margin-top: 30px;
}
.submit-etape-precedente{
    height: 3.5em;
    width: 11.5em;
    border-radius: 0.5em;
    background-color: #A3A4A3;

    font-weight: bold;
    color: #fff;
    font-size: 1.6em;

    border: none;
    box-shadow: 0px 8px 0px 0px #959695;
}
.formulaire button[type="submit"],
.block-button button[type="submit"],
.button-etape > a:last-of-type{
    /* height: 3.5em;
        width: 11.5em; */
    border-radius: 100px;
    background-color: #047A86;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    padding:15px 40px;
    border: none;
    box-shadow: 0px 8px 0px 0px #0A717D;
}
.button-etape > a:last-of-type{
    background: #A3A4A3;
}
.block-button button[type="submit"],
.button-etape > a:last-of-type{
    box-shadow:none;
}
.button-etape{
    padding: 12px;
}
/* .block-button button[type="submit"]{
        font-size: 16px !important;
        border-radius: 20px !important;
        box-shadow: none !important ;
        margin: 0px !important;
    } */
.centreformulaire > a:last-of-type{
    background: #A3A4A3;
    border-radius: 0.5em;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    padding: 1em 2.5em;
    font-size: 1.6em;
    box-shadow: 0px 8px 0px 0px #959695;
    margin: 30px;
}
.button-etape > a:last-of-type {
    background: #A3A4A3;
    /* font-weight: bold;
        color: #fff;
        text-decoration: none;
        padding: 15px 20px;
        font-size: 1.6em;

        margin: 0px; */
}
.logo-ministere-steps {
    float: left;
    padding-top: 2.2em;
    padding-left: 2em;
    max-height: 150px;
}
.text-droite{
    text-align: right;
}
/*TABLETTE & MOBILE*/
@media screen and (max-width: 1200px){
    /* .wrapper-etapes a::before {
            left:17%;
        } */

    /* label.label_long {
            padding: 20px 0 15px 0;
        } */
    .btn-modifier-demande {
        padding: 1.85em 4em;
    }
    .logo-ministere-steps {
        float: left;
        padding-top: 2.2em;
        padding-left: 2em;
    }
    /* #formulaire-etape-contenu{
            padding-top: 20px;
        } */
    .handicap-wrapper{
        padding-bottom: 84px;
    }
}
@media screen and (max-width: 991px){
    .inline + .inline {
        margin-left: 14px;
    }
    .permis-wrapper, .handicap-wrapper {

        padding-left: 0px;
        padding-right: 0px;
    }
    .wrapper-etapes .nom-etape {
        font-size: 1.4em;
        margin-left: 10px;
    }
}
@media screen and (max-width: 768px){

    .btn-modifier-demande {
        padding: 1.85em 2em;
    }
    .crij-lien{
        display: block;
    }
    .lien {
        margin-right :0px
    }
    .telephone {
        margin-left :0px
    }
    .crij-lien p.message_haut{
        line-height: 13px;
    }
    /* label.label_long {
            font-size: 1.6em;
        } */
    #formulaire-etapes-recherche {
        margin-top: 0px;
    }
    .wrapper-etape-un , .wrapper-etape-deux{
        background:none;
    }
    .block-button .icon-thematique, .block-button .button-etape a{
        display: none;
    }
    .inline + .inline {
        margin-left: 14px;
    }
    .handicap-wrapper{
        padding-bottom: 49px;
    }
    #formulaire-etape-contenu {
        padding-top: 0px;
    }
    .permis-wrapper, .handicap-wrapper {
        padding-bottom: 19px;
        padding-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media(max-width: 767px){
    .formulaire{
        padding: 20px 0;
    }
    .formulaire .centreformulaire > div:last-of-type{
        float: left;
        margin: 10px 15px 0;
    }
    .wrapper-etapes .col-sm-4{
        width: 33.333%;
    }
    .wrapper-etapes a{
        padding: 0;
    }
    .wrapper-etapes a:before{
        display: none;
    }
    .wrapper-etapes .col-sm-4{
        padding: 0 10px;
    }
    #formulaire-etapes-recherche{
        margin:10px 15px 20px;
    }
    .wrapper-etapes .nom-etape{
        font-size: 14px;
        line-height:16px;
        margin: 15px 0 !important;
        display: block;
    }
    .centreformulaire > a:last-of-type{
        margin: 0 0 30px 0;
        clear: left;
        padding: 0.5em 2em;
    }
    .formulaire button[type="submit"]{
        height: 2.5em;
        width: 9em;
    }
    label.label_long{
        font-size:16px;
    }
    .formulaire .centreformulaire .spacing{
        margin-bottom: 10px;
    }
    .formulaire .centreformulaire label.label_long{
        margin-bottom: 10px;
    }
    .formulaire select{
        margin-bottom: 10px;
    }
    .formulaire select option{
        padding:5px;
    }
}


@media screen and (max-width: 545px){

    .btn-modifier-demande a {
        width: auto;
    }
    .btn-modifier-demande {
        padding: 1.85em 1em;
    }
    .femme-header{
        /*  right: auto;*/
    }
    .wrapper-bandeau-femme {
        text-align: center;
        /* padding: 0 1em; */
    }
    .custom-jesouhaite{
        /* background: url('../img/femme-header-mobile.svg') no-repeat;*/
        background: url('../img/BDJ_Illustrations_header.png') no-repeat;
        background-position: right 16px;
    }
    .logo-ministere-steps {
        float: none;
        margin-right: 2.2em;
        padding: 0;
        width: 65px;
        position: relative;
        top: 7px;
    }
    .logo-boussole-steps {
        padding: 110px 0;
        position: relative;
        left: 0em;
        top: 8px;
        width: 136px;
        margin-left: 14%;
        font-size: 29px;
        display: flex;

    }
    .logo-boussole-steps:before{
        background-position: -1px 20px !important
    }
    .logo-boussole-steps:after{
        background-position: 1px 20px !important
    }
    #formidjs .row {
        margin-bottom: 0px;
    }
    .btn-modifier-demande a {
        /*padding: 15px 0px 6px 30px;*/
    }
    .inline {
        display: block;
    }
    .inline + .inline {
        margin-left: 0px;
    }
    .text-centrer{
        text-align: center;
        margin-bottom: 2em;
    }
    .submit-etape-precedente , .submit-etape-suivante{
        width: 100%;
    }
}
@media screen and (max-width: 440px){
    .logo-boussole-steps {
        margin-left: auto;
        width: auto;
    }
    .logo-ministere-steps {
        margin-right: 0;
    }
}
@media screen and (max-width: 320px){

    .logo-ministere-steps {

        margin-right: 1.2em;
    }
    .logo-boussole-steps {
        margin-left: 0%;
    }
}
@media only screen and (max-width: 600px) {
    .map svg {
        margin-bottom:-295px !important;
        padding: 13px 13px;
    }
    .carte-vitale{
        width: 70% !important;
        top: 212px;
        left: 14px;
    }
    .custom-modal-header {
        width: 400px !important;
    }
}

/***************************************
| SERVICES DISPO (resultat.php)
****************************************/
/*DESKTOP*/
.body-color{
    background-color: #FBFBFB;
}
.btn-block-inline{
    display: inline-block !important;
}
.btn-block-inline:nth-child(2){
    margin-left: 28px;
}
.btn-modifier-demande h1{
    /* margin-top: 10px;
        margin-bottom: 35px;
        text-align: center;
        color: #2D3549;
        font-size: 2.16em;
        font-weight: bold; */
    color: #000000;
    /* font-size: 30px;
        line-height: 37px; */
    padding-top: 15px;
    font-weight: bold;
    margin: 0 auto 40px;
    text-align:center;
}


.margin-left-btn{
    margin-left: 10px !important;
}
.btn-jaune{
    background-color: #F1AD29 !important;
    box-shadow: 0px 8px 0px 0px #E6A21F !important;
    color: #1D222D !important;
}
/*.padding-icon-noir{
            padding-bottom: 1.5em !important;
            position: relative;
        top: 8px;
    }*/


.wrapper-liste-details-catg{
    position: relative;
    /* margin-bottom: 55px;*/
}
.wrapper-liste-details-catg .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.wrapper-liste-details-catg hr{
    margin:0;
}
.wrapper-liste-details-catg hr:first-of-type {
    border-color: #dbdbdb !important;
}
.wrapper-liste-details-catg .row + hr {
    margin:0 30px;
    border-color: #dbdbdb;
}
.marge-inf{
    margin-bottom: 50px;
}
.all-block-categOds {
    border: 1px solid #FFBD27;
    border-radius: 20px;
    margin-bottom: 20px;
    overflow:hidden;
}
.all-block-categOds .row{
    margin:0;
}
.wrapper-titre-catgs{

    /* border-bottom: 1px solid #707070;
        margin-left: 15px;
        margin-right: 15px;
        border: 1px solid #F0F0F0;

        box-shadow: 1px 1px 16px 0 rgba(0,0,0,0.03);
        background-color: #FFFFFF; */
    position: relative;
}
.wrapper-titre-de-catg {
    /* width: 78%;
        display: inline-block; */
    padding:0;
    max-width:calc(100% - 140px);
}
.wrapper-titre-catgs{
    position:relative;
    display:flex;
    align-items:center;
    padding:35px 30px;
}
.wrapper-titre-catgs > div{
    width:auto;
    float:none;
    display:block;
    padding:0;
}
.wrapper-titre-de-catg h2{
    color: #000000 ;
    font-size: 25px;
    font-weight: bold;
    padding:0;
    margin:0;
    /* margin: 34px auto 38px 31px; */
}
.wrapper-nbr-rech{
    display: block;
    width:40px !important;
    height:40px;
    text-align:center;
    margin-top: 0;
    margin-left: auto;
    background-color: #F1AD29;
    border-radius: 100%;
    position:relative;
    padding:0;
}
.wrapper-nbr-rech span {
    color: #000;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}
/* .row .flag-fleche{
        margin-top: 48px !important;
    } */
.row .flag-fleche{
    padding: 0;
    margin-left: 50px;
}
.row .flag-fleche .glyphicon{
    cursor: pointer;
    float: none;
}
.glyphicon-chevron-down:before,
.glyphicon-chevron-up:before{
    content: '' !important;
    background-repeat: no-repeat;
    background-size: 100%;
    width:36px;
    height:20px;
    display:block;
}
.glyphicon-chevron-down:before{
    background-image: url('../img/fleche-bas-service.svg');
}
.glyphicon-chevron-up:before{
    background-image: url('../img/fleche-haut-service.svg');
}


.wrapper-detail-catg{
    /* background-color: #FFFFFF;
        box-shadow: 1px 1px 16px 0 rgba(0,0,0,0.03);
        border-bottom: 1px solid #F0F0F0;
        border-left: 1px solid #F0F0F0;
        border-right: 1px solid #F0F0F0;*/
}
.consulted{
    background-color: #e6e5e6;
    opacity: 68%;
}
.wrapper-detail-catg a{
    position:relative;
    color: #686868;
    font-size: 20px;
    font-weight: normal;
    padding: 30px 70px 30px 30px;
    margin: 0;
    text-decoration: none;
    display: block;
    transition: color 0.2s ease 0s;
    -webkit-transition: color 0.2s ease 0s;
}
.wrapper-detail-catg a span{
    margin-left: 10px;
    display:inline-block;
}
.wrapper-detail-catg a .cercle-fleche {
    position:absolute;
    right: 33px;
    border: 1px solid #FFB522;
    border-radius: 96px;
    padding: 2px 7px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    margin-left: 0;
    transition:0.2s ease;
}
.wrapper-detail-catg a .cercle-fleche span{
    margin-left: 0;
}
.consulted a{
    font-weight: 800 !important;
}
.wrapper-detail-catg a:hover{
    /* background-color: #0A5495; */
    color:#000;
    text-decoration: none;
    cursor:pointer;
}
.wrapper-detail-catg a:hover .cercle-fleche{
    right:45px;
}
/* .wrapper-detail-catg a:hover{
        color: #fff;
        cursor: pointer;

    } */
.wrapper-detail-catg a span{
    color:#abaeb6;
    font-size:smaller;
}
.spacing-top{
    margin-top: 76px;
}
/*MOBILE*/
@media screen and (max-width: 1200px){
    .btn-modifier-demande a {
        /*padding: 15px 0px 3px 27px;*/
        /*width: 30%;*/
    }
    .btn-modifier-demande {
        padding: 1.85em 4em 1.85em 1em;
    }
    .row .flag-fleche{
        margin-left: 30px;
    }
}
@media screen and (max-width: 995px){
    .btn-block-inline:nth-child(2) {
        margin-left: 9px;
    }
    .wrapper-liste-details-catg {
        position: relative;
        bottom: 0px;
    }
    .btn-modifier-demande h1{
        /* font-size:24px;
            line-height:1.4; */
        max-width:96%;
        padding-top: 0;
        margin-bottom: 25px;
    }
}
@media screen and (max-width: 767px){

    .margin-left-btn {
        margin-left: 0px !important;
    }
    .btn-modifier-demande {
        padding: 1.85em 2em;
    }
    .btn-block-inline:nth-child(2) {
        margin-left: 0px;
    }
    /* .btn-modifier-demande a {
            width: 99%;

            display: block;
            margin-bottom: 30px;
        }
        .wrapper-titre-de-catg{
            width: 70%;
        } */
    .wrapper-titre-catgs{
        padding:15px 20px;
    }
    .wrapper-titre-de-catg h2 {
        font-size: 16px;
        margin: 0;

    }
    .btn-texte-2 {
        font-size: 0.9em;
    }
    /* .btn-modifier-demande h1 {
            margin-top: 14px;
            margin-bottom: 20px;
            margin-left: 5px;
            margin-right: 5px;
        } */
    .wrapper-detail-catg a {
        /*padding: 20px 40px 20px 30px;*/
        /* padding: 20px 27px 20px 31px; */
        font-size: 16px;
    }
    .spacing-top {
        margin-top: 31px;
    }
    .wrapper-nbr-rech{
        display:none !important;
    }
    .glyphicon-chevron-down::before, .glyphicon-chevron-up::before {
        width: 24px;
        height: 13px;
    }
    .wrapper-titre-de-catg {
        max-width: calc(100% - 35px);
        width: calc(100% - 35px) !important;
    }
    .wrapper-titre-catgs {
        padding: 15px 20px;
    }
    .wrapper-detail-catg a{
        padding:15px 55px 15px 20px;
    }
    .wrapper-detail-catg a .cercle-fleche{
        right: 19px;
    }
    .wrapper-detail-catg a span{
        margin-left: 0;
    }
    .wrapper-liste-details-catg .row + hr {
        margin: 0 20px;
    }
    .wrapper-detail-catg a:hover .cercle-fleche {
        right: 30px;
    }
}

@media(max-width: 767px){
    /* .wrapper-titre-de-catg h2 {
            font-size:18px;
        } */
    .btn-modifier-demande a{
        height: 50px;
    }
}
/*DETAILS RECHERCHE*/
.bg-white{
    background-color: #fff;
}
.bg-shadow{
    border: 1px solid #F0F0F0;
    box-shadow: 1px 1px 16px 0 rgba(0,0,0,0.03);
    padding: 0px;
}
.wrapper-titre-offre{
    padding:0 30px !important;

    border-right: 1px solid #F0F0F0;
    box-shadow: 1px 1px 16px 0 rgba(0,0,0,0.03);

}
.nav-mobile{
    display: none;
}
.btns-navigation{
    margin-top: 50px;
    border: 1px solid #F0F0F0;
    border-bottom: 0px;
    background-color: #FBFBFB;
    box-shadow: 1px 1px 16px 0 rgba(0,0,0,0.03);
    padding: 0;
    display: none;
}
.btns-navigation .col-sm-6{
    padding: 0;
}
.message-offre{
    margin-top: 40px;
    margin-bottom: -30px;
    text-align:center;
    font-size: 1.5em;
    padding-top:0.5em;
}
.detail-contenu{
    margin-top: 50px;
}
.wrapper-img-fleche{
    position: relative;
    height: 65px;
    width: 100%;
}
.btns-navigation a{
    text-decoration: none;
    display: inline-block;
    color: #131515;
    font-size: 1.3em;
    font-weight: 500;
    position: relative;
    width: 100%;
}
.btns-navigation a:hover,
.btns-navigation a:focus{
    text-decoration: none;
    color: black;
}
.wrapper-img-fleche a:before{
    content: '';
    height: 66px;
    width: 63px;
    border: 1px solid #F0F0F0;
    background-color: #FBFBFB;
    box-shadow: 1px 1px 16px 0 rgba(0,0,0,0.03);
    display: inline-block;
    float: left;
}
.wrapper-img-fleche.float-droite a:before{
    float: right;
}
.wrapper-img-fleche a span{
    top: 50%;
    position:absolute;
    transform: translateY(-50%);
    margin-left: 10px;
}
.wrapper-img-fleche.float-droite a span{
    right: 90px;
}
.btns-navigation .img-fleche-gauche{
    transform: scale(-1);
    position: absolute;
    left: 24px;
    top: 50%;
    margin-top: -6px;
}
.btns-navigation .img-fleche-droite{
    transform: scale(1);
    position: absolute;
    right: 24px;
    top: 50%;
    margin-top: -6px;
}


.fleche-droite{
    transform: scale(1) !important;
}


.float-droite{
    float: right !important;
}
/* .titre-offre{
        font-size: 2.91em;
        font-weight: bold;
        color: #137F8B;
        padding-top: 28px;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    } */
.bloc-validite{
    display: inline-block;
    margin-top: 40px;
    position: relative;
}
.bloc-validite:before{
    content: '';
    background-image: url('../img/icon-validite.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: -30px;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 0;
}
.bloc-validite-titre{
    color: #474747;
    font-size: 13px;
    display: block;

}
.bloc-validite-date{
    color: #474747;
    font-size: 1.58em;
    font-weight: bold;
    display: block;

}
.validite-img{
    display: inline-block;
    padding-right: 15px;
    padding-bottom: 26px;
}
.texte-validite-align{
    text-align: right;
}
/* .offre-desc{
        color: #474747;
        font-size: 1.91em;
        padding-left: 27px;
        padding-top: 55px;
    } */
.wrapper-offre-desc{
    /*background: url('../img/quote.svg') no-repeat left 50px;*/
}
.offre-service-titre{
    color: #15488E;
    font-size: 34px;
    line-height: 46px;
    letter-spacing: -1px;
    font-weight: bold;
    padding: 100px 0 40px 15px;
}
.wrapper-offre-service-from{
    margin-bottom: 100px;
}
.wrapper-offre-service-from p{
    font-size: 16px;
    line-height: 1.4;
    padding: 0 15px;
}
.wrapper-offre-service-from .col-md-6{
    width: 50%;
}
.wrapper-offre-service-from .col-md-6.withoutCap{
    width: 100%;
}
/* .titre-offre {
            color: #137F8B;
            font-size: 3em;
            font-weight: bold;
            padding-top: 15px;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
        } */
/* .offre-desc {
            color: #474747;
            font-size: 2em;
            padding-top: 10px;
            padding-left: 0;
        } */
/* .offre-service-bloc-desc p {
            margin-top: 15px;
            font-size: 2em;
        } */
.offre-bottom-form {
    margin-top: 7em;
    background-color: #f5f5f5;
    padding: 16px 20px;
}
.offre-bottom-form .offre-service-bloc-desc{
    background:#FFF;
    font-weight:bold;
    padding: 16px 30px 10px 0;
    margin:-16px -20px 16px;
    font-size:16px;
    color:#333;
}
.input-adresse-mail{
    width: 100%;
    height: 3em;
    color: gray;
    font-size: 1em;
    margin: 5px;
    border: 1px solid #B2B2B2;
    border-radius: 5px;
}
.submit-connexion-offre{
    border: none;
    background-color: #137F8B;
    color: #fff;
    border-radius: 25px;
    font-size: 1em;
    font-weight: bold;
    padding: 12px 16px;
    margin-top: 10px;
}
.wrapper-titre-offre {
    padding: 0 !important;
    min-height: inherit;
}
.wrapper-titre-offre > div.offre-bottom-form {
    vertical-align: bottom;
}
.offre-wrapper {
    min-height: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 30rem !important;
    margin-bottom: 15px;
}

/* @media screen and (min-width: 1200px) and (max-width: 1799px){
        .titre-offre{
            color: #137F8B;
            font-size: 3em;
            font-weight: bold;
            padding-top: 15px;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
        }
        .offre-desc{
            color: #474747;
            font-size: 2em;
            padding-top: 10px;
            padding-left: 0;
        }
        .offre-service-bloc-desc p{
            margin-top: 15px;
            font-size: 2em;
        }
        .offre-bottom-form{
            margin-top: 7em;
            background-color: #f5f5f5;
            padding: 1.2em 1.5em;
        }
        .input-adresse-mail{
            width: 15em;
            height: 3em;
            color: gray;
            font-size: 1em;
            margin: 5px;
            border: 1px solid grey;
            border-radius: 5px;
        }
        .submit-connexion-offre{
            border: none;
            background-color: #137F8B;
            color: #fff;
            border-radius: 25px;
            font-size: 1em;
            font-weight: bold;
            padding: 12px 16px;
            margin-top: 10px;
        }
        .wrapper-titre-offre{
            padding: 0!important;
            min-height: inherit;
        }
        .wrapper-titre-offre > div.offre-bottom-form{
            vertical-align: bottom;
        }
        .offre-wrapper{
            min-height: 100%!important;
            width: 100%!important;
            max-width: 100% !important;
            padding-left: 30rem!important;
            margin-bottom: 15px;
        }
    } */
.info {
    margin: 0 5px!important;
    padding: 6px 8px;
    background: white!important;
    background: rgba(255,255,255,1);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 5px;
    bottom: -250px;

}
.info h4 {
    color: #777;

}
.offre-map-button{
    padding: 5px 10px;
    margin: 10px;
    border: none;
    border-radius: 25px;
    background: #ffbd27;
    color: #000;
    font-weight: bold;
}
.offre-map-link{
    padding: 5px 10px;
    margin: 10px;
    font-weight: bold;
    color: #137F8B;
    cursor: pointer;
}
/**/

@media(max-width: 1199px){
    .wrapper-offre-service-from .col-md-6{
        width: 100%
    }
    input.input-adresse-mail{
        width: 100% !important;
    }
    .submit-connexion-offre{
        width: 100%;
        margin: 10px 0 30px;
    }
    .input-adresse-mail{
        width: 25em;
        height: 3em;
        color: gray;
        font-size: 1em;
        margin: 5px;
        border: 1px solid grey;
        border-radius: 5px;
    }
    .submit-connexion-offre{
        border: none;
        background-color: #137F8B;
        color: #fff;
        border-radius: 25px;
        font-size: 1.25em;
        font-weight: bold;
        padding: 12px 20px;
    }
}
@media(max-width: 768px){
    .btn-print{
        display: none;
    }
    /* .offre-desc{
            color: #474747;
            font-size: 1.50em;
            padding-left: 0!important;
            padding-top: 55px;
            margin-bottom: 20px;
        } */
    .input-adresse-mail{
        width: 25em;
        height: 3em;
        color: gray;
        font-size: 1em;
        margin: 5px;
        margin-bottom: 20px;
        border: 1px solid grey;
        border-radius: 5px;
    }
    .submit-connexion-offre{
        border: none;
        background-color: #137F8B;
        color: #fff;
        border-radius: 25px;
        font-size: 1.25em;
        font-weight: bold;
        padding: 12px 20px;
    }
}
.wrapper-submit-connexion-offre{
    text-align: right;
}
.submit-connexion-align{
    text-align: right;
}
/* .offre-service-bloc-desc{
        padding-bottom: 5px;
    } */
/* .offre-service-bloc-desc mark{
        background-color: #FFF5B7;
        border-radius: 3px;
        display: inline-block;
        color: #474747;
        padding: 2px 12px;
    }
    .offre-service-bloc-desc em{
        margin: 0 50px 0 15px;
        display: block;
        font-size: 13px;
    } */
.adresse-offre{
    padding: 45px 40px 26px 40px;
}
.adresse-offre-titre{
    color: #474747;
    font-size: 16px;
    font-weight: 500;
}
.adresse-offre h3{
    color: #1D222D;
    font-size: 1.75em;
    font-weight: bold;
    padding-bottom: 11px;
}
.adresse-offre-adresse{
    color: #474747;
    font-size: 1.5em;
    font-weight: 500;
}
.adresse-offre #description_pro img {
    max-width: 100%;
}
/* .wrapper-map{
        margin-bottom: 50px;

    } */
.google-bloc a {
    text-decoration: none;
    transition: color 0.3s ease 0s;
    -webkit-transition: color 0.3s ease 0s;
}
.google-bloc a:hover,
.google-bloc a:focus{
    text-decoration: none;
    color: black;
}
.lien-google-http{
    border-top: 1px solid #F0F0F0;
}
.lien-google-http a{
    text-decoration: none;
    color: #929392;
    font-size: 14px;
    transition: color 0.3s ease 0s;
    -webkit-transition: color 0.3s ease 0s;
}
.lien-google-http a:hover,
.lien-google-http a:focus{
    color: black;
    text-decoration: none;
}
.lien-google{

    display: block;
    margin: 0 23px;
    padding: 20px 20px 20px 0;
    font-size: 1.33em;
    line-height: 1.2;
    font-weight: 500;
    color: #2D3549;
    background: url(../img/path.svg) no-repeat right;
    background-position: 96%;
}
.lien-google-http{
    padding-top: 29px;
    display: block;
    margin: 0 23px;
    padding: 20px 30px 20px 0;
    font-size: 1.33em;
    line-height: 1.2;
    font-weight: 500;
    color: #137F8B;
    background: url(../img/path.svg) no-repeat right;
    background-position: 96%;
}
.lien-google-http h2{
    font-size:20px;
}
.lien-google-http p,
.lien-google-http ul {
    font-size: 16px;
}
.lien-google-http span{
    color: #929392;
    font-size: 0.87em;
}
.reseau-sociaux-liens{
    display: inline-block;
    position: relative;
    top: 0px;
}
.reseau-sociaux-liens a{
    width: 23px;
    height: 40px;
    margin-right: 47px;
    display: inline-block;
    background-size: contain;
}


.icon-twitter{
    background:url('../img/twitter-gris.png') no-repeat center;
}
.icon-googleplus{
    background:url('../img/google-gris.png') no-repeat center;
}
.icon-facebook{
    background:url('../img/facebook-gris.png') no-repeat center;
}
.icon-viadeo{
    background:url('../img/viadeo-gris.png') no-repeat center;
}
.icon-linkedin{
    background:url('../img/linkedin-gris.png') no-repeat center;
}
.icon-email{
    background:url('../img/ico-mail-gris.png') no-repeat center;
}
.icon-footer-facebook{
    background:url('../img/icon-footer-custom-facebook.png') no-repeat center;
    width: 23px;
}
.icon-footer-youtube{
    background:url('../img/footeryoutube.png') no-repeat center;
    width: 25px;
}
.icon-footer-linkedin{
    background:url('../img/icon-footer-custom-linkedin.png') no-repeat center;
    width: 25px;
}
.icon-footer-instagram{
    background:url('../img/icon-footer-custom-instagram.png') no-repeat center;
    width: 25px;
}
.icon-footer-hub{
    background:url('../img/icon-hub-gris.png') no-repeat center;
    width: 25px;
}
.icon-twitter:hover{
    background:url('../img/twitter-couleur.png') no-repeat center;
    background-size: contain;
}
.icon-googleplus:hover{
    background:url('../img/google-couleur.png') no-repeat center;
    background-size: contain;
}
.icon-facebook:hover{
    background:url('../img/facebook-couleur.png') no-repeat center;
    background-size: contain;
}
.icon-viadeo:hover{
    background:url('../img/viadeo-couleur.png') no-repeat center;
    background-size: contain;
}
.icon-linkedin:hover{
    background:url('../img/linkedin-couleur.png') no-repeat center;
    background-size: contain;
}
.icon-email:hover{
    background:url('../img/ico-mail-noir.png') no-repeat center;
    background-size: contain;
}


.reseau-sociaux span{
    color: #969696;
    font-size: 1.66em;
    font-weight: 500;
    margin-right: 73px;
}
.reseau-sociaux{
    text-align: center;
    padding: 45px 54px;
}


.spacing-pos-top{
    position: relative;
    top: 10px;
}
/*TABLETTE*/

@media screen and (max-width: 1200px){

    .validite-img {
        padding-right: 8px;
    }
}
@media screen and (max-width: 1024px){
    .wrapper-titre-offre {
        padding-left: 0px;
        padding-right: 10px;
    }
    input.input-adresse-mail {
        width: 312px;
    }
}
@media screen and (max-width: 994px){
    .submit-connexion-align {
        text-align: left;
        margin: 29px 0;
    }
    .btn-modifier-demande a {
        width: 72%;
        margin: 10px;
    }
}
/*MOBILE*/
@media screen and (max-width: 768px){
    /* .offre-service-bloc-desc p{
            color: #474747;
            font-size: 15px;
            line-height: 25px;
            padding: 0 50px 0 15px;
            font-weight: bold;
        } */
    .adresse-offre h3{
        color: #1D222D;
        font-size: 1.50em;
        font-weight: bold;
        padding-bottom: 11px;
    }

    .adresse-offre-adresse{
        color: #474747;
        font-size: 1.25em;
        font-weight: 500;
    }
    .wrapper-img-fleche {
        height: 66px;
        width: auto;
        border: none;
        background-color: #fff;
        box-shadow: none;

    }
    .btns-navigation a {
        padding: 22px 15px;
    }
    .border-milieu{
        border-right: 1px solid #F0F0F0;
    }
    /* .titre-offre, .offre-service-titre {
            font-size: 2em;
            line-height: 1.3em;
        } */
    .submit-connexion-align {
        text-align: left;
        margin: 5px 0;
    }
    .offre-service-titre {
        padding-top: 45px;
        padding-bottom: 26px;
        font-size: 1.6em;
    }
    /* .offre-desc {
            padding-left: 27px;
            padding-top: 35px;
        } */
    .reseau-sociaux span {

        margin-right: 0px;
        margin-bottom: 23px;
        display: block;
    }
    .bg-shadow {
        padding: 15px;
    }
    .btn-modifier-demande a {

        margin: 10px 0;
        width: 99%;
    }
    /* .texte-validite-align {
            padding-bottom: 10px;
            text-align: left;
            border-bottom: 1px solid #E5E5E6;
            border-top: 1px solid #E5E5E6;
        } */
    .bloc-validite {
        display: inline-block;
        margin: 0 auto 15px;
    }
    .nav-mobile{
        display: block;
        margin-top: 20px;
    }
    .nav-desktop{
        display: none;
    }
    .reseau-sociaux{
        display: none;
    }


}
@media screen and (max-width: 767px){


    /* .wrapper, p.message_haut {
            max-width: 91%;
            margin-left : 17px !important;
        } */
    .btns-navigation a {
        font-size: 1.16em;

    }
    /* .offre-service-bloc-desc {
            padding-bottom: 30px;
        } */
    .wrapper-map {
        margin-bottom: 9px;
    }
    /* .google-bloc{
            padding-bottom: 35px;
        } */
    .wrapper-titre-offre {
        border-right: none;
        box-shadow: none;
    }
    .wrapper-offre-desc {
        background: url(../img/quote.svg) no-repeat left top;
        background-position-y: 12%;
    }
    .adresse-offre{
        border-top: 1px solid #E5E5E6;
        padding: 20px 40px;
    }
    input.input-adresse-mail {
        width: 100%;
        font-size: 1.25em;
    }
    .submit-connexion-offre {
        width: auto;
        padding: 3% 8%;
    }


}
@media screen and (max-width: 320px){
    .wrapper {
        max-width: 100%;
    }
}
/*BLOCKS*/
/* résultat vide */
.accueil_choix_besoin > div{
    text-align: center;
    /* margin: 50px auto;*/
    font-size: 16px;
}
/* contact form */
#contact_form{
    margin:auto;
}
#contact_form label{
    width:7em;
    vertical-align:top;
}
#contact_form label.label-large{
    width: 14em;
}
#contact_form #submit_button{
    border: none;
    border-radius: 5px;
    background-color: #137F8B;
    box-shadow: 0px 8px 0px 0px #0A717D;
    color: #fff;
    font-size: 1.25em;
    font-weight: bold;
    padding: 15px;
    margin-top:10px;
}
#contact_form input.grey_button {
    cursor: pointer;
    background: #999999;
    color: white !important;
    font-size: 20px;
    font-weight: bold;
    border-radius: 3px !important;
    border: none !important;
    padding: 12px 30px !important;
    margin: 15px 10px 30px 0 !important;
    height: auto !important;
    display: inline-block !important;
    text-align: left;
    box-shadow: 0px 8px 0px 0px rgb(99, 99, 99) !important;
    transition: background 0.3s ease 0s, box-shadow 0.3s ease 0s;
    -webkit-transition: background 0.3s ease 0s, box-shadow 0.3s ease 0s;
}
.apropos .info-wrapper {
    text-align: center;
}
.apropos .info-fail {
    font-weight: bold;
    background-color: #dc3545;
    padding: 0 5px;
}
.apropos .info-success {
    font-weight: bold;
    background-color: #28a745;
    padding: 0 5px;
}
/*btn imprimer la page*/
img.btn-print {
    width: 23px;
    cursor: pointer;
    /* top: 27px; */
    position: relative;
    display:block;
    margin:30px 0 0 auto;
}
/*footer icon-facebook*/
.reseau-sociaux-liens-footer a,.reseau-sociaux-liens-footer a:hover {
    border: 0px;
}
/*limiter l'affichage des images dans le champ description libre*/
.offre-desc img{
    height: 200px;
    max-width: 100%;
    width: auto;
}
.offre-desc img[src="null"]{
    visibility: hidden;
}
.sumbit-hidden{
    visibility: hidden;
}
/*block boussole logo*/
.block-boussole-logo p {
    font-size: 16px;
    line-height: 18px;
    margin-top: 5px;
    color: #137F8B;
    font-weight: 700;
}
@media screen and (max-width: 768px){
    /*btn imprimer la page*/
    .bloc-btn-print{
        text-align: right;
    }
    img.btn-print {
        /* top: 48px; */
        /* margin: 30px 0 0 auto; */
        display:none;
    }
    div.wrapper-submit-besoins.emploi:before{
        bottom: 50px;
    }
    div.wrapper-submit-besoins.logement:before{
        bottom: 80px;
        height: 256px;
        width: 200px;
    }
    /* .footer-column .reseau-sociaux-liens a{
                margin-right: 8px !important;
            } */
}
/* @media screen and (max-width: 766px){
            .footer-column .reseau-sociaux-liens a{
                width : 50px;
                height: 70px;
                margin-right: 8px !important;
            }
        }
        @media screen and (max-width: 380px){
            .footer-column .reseau-sociaux-liens a{
                width : 30px;
                height: 50px;
                margin-right: 8px !important;
            }
        } */
/*icons reseau sociaux footer*/
/* .footer-column .reseau-sociaux-liens a{
            margin-right: 4px;
            margin-bottom: 0px!important;
        } */
/***************************************
| TERRITOIRE  (territoire.php)
****************************************/
#main div.territoire h3 {
    /*text-align: center;*/
    color: #0A717D;
    font-weight: bold;
    font-size: 2em;
    margin-top: 2em;
    margin-bottom: 2em;
}
#main div.territoire div.detail {
    /*padding: 0 30px;*/
}
#main div.territoire div.description {
    padding: 0;
    font-size: 1.1em;
    /*border: 2px solid #1AA0A7;
    margin: 20px 0;*/
}
#main div.territoire .libelle-partenaire {
    color: #0A717D;
    font-size: 2.5em;
    font-weight: bold;
    text-align: center;
}
#main div.territoire .liste-partenaire {
    min-height: 200px;
    margin: 20px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*margin-right: -15px;
    margin-left: -15px;*/
}
#main div.territoire .liste-partenaire img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: baseline;
}
#main div.territoire .liste-partenaire .item {
    /*height: 300px;*/
    height: 220px;
    min-width: 220px;
    max-width: 220px;
    margin: 1.5rem auto;
    /*padding: 30px;*/
    text-align: center;
    align-items: center;
    display: flex;
}
.carte-bloc{
    margin: 20px 0;
    text-align: center;
}
.beta_login_form{
    padding-bottom: 10px;
}
.beta_login_form label {
    width: 100%;
    margin-bottom: 10px;
}
.beta_login_form label input{
    width: 100%;
    font-size: 16px;
}
/*RGBD*/
#consentement  /* Check box plus grand*/
{
    content: '';
    height: 20px;
    width: 20px;
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 0 50px 0 15px;
    margin-left: 18px;
}
.rgbd p {
    text-align: justify;
    /* font-style: italic; */
    font-weight: normal;
    padding-left: 0px;
    color:#767676;
    font-size:14px;
    line-height:1.4;
    margin-left: 0px;
    padding-bottom: 30px;
}
.rgbd span {
    text-decoration: underline;
    color: #767676;
}
.warning-message-users {
    padding: 20px;
    background-color: #fff3cd;
    color: #856404;
    font-weight: bold;
}
.succes-message-users {
    padding: 20px;
    background-color: #d4edda;
    color: #155724;
    font-weight: bold;
}
.danger-message-users {
    padding: 20px;
    background-color: #f8d7da;
    color: #721c24;
    font-weight: bold;
}
.map svg {
    width: 100% !important;
    max-width: 640px !important;
}
/*---------------------- LE MODAL ---------------------*/
#myModal_front{
    margin-top: 60px;
    margin-left: 60px;
}
#myModal_front .modal-dialog{
    margin-top: 50px;
}
#myModal_front .modal-content{
    display: table-cell;
    border-radius: 25px;
}
#myModal_front .modal-body{
    display: inline-grid;
    margin-top: 25px;
}
#myModal_front .modal-header, #myModal_front .modal-footer {
    border-bottom : none !important;
    border-top : none !important;
}
#myModal_front .closed-front{
    position: absolute;
    color: #777777 !important;;
    font-size: 22px;
    font-weight: bold;
    background-color: #fff;
    transition: 0.3s;
    border-radius: 59%;
    width: 40px;
    height: 35px;
    top: 7px;
    right: 2px;
    left: 1p;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
}
#myModal_front .closed:hover,
#myModal_front .closed:focus {
    text-decoration: none  !important;
}
.carte-vitale{

    width: 100%;
    margin: 0;
    margin-right: 0;
    z-index: 1;
}
.closed {
    position: absolute;
    color: #f1f1f1;
    font-size: 33px;
    font-weight: bold;
    background-color: grey;
    transition: 0.3s;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    top: -30px;
    right: 35px;
    text-align: center;
    cursor: pointer;
}
@media(max-width: 767px){
    .closed{
        right: 45px;
        top: 178px;
    }
}
/***************************************
| OFFRE DE SERVICE  (offre.php)
****************************************/
@media screen and (min-width:2700px) {
    .small-zoom{
        width: 29.333333% !important;
    }
}
@media screen and (min-width:3000px) {
    .small-zoom{
        width: 26.333333% !important;
    }
}
/*DESKTOP*/
.offre_container{
    max-width:1920px;
    width:100%;
    margin:0 auto;
    display:flex;
    align-items:flex-start;
}
@media screen and (min-width:800px) {
    #offre_left{
        width:calc(100% - 400px);
        padding:25px 25px 0;
        /*padding-left: 310px;*/
        align-self:stretch;
        position:relative;
        padding-bottom:100px;
    }
}
.offre_left_no_padding{
}
.offre_right{
    width:400px;
    top:0;
    position:sticky;
    height: auto;
    align-self:flex-start;
}
.offre-desc,
.offre-service-bloc-desc{
    font-size:18px;
    color:#1E1C24;
}
.offre-desc ul,
.offre-service-bloc-desc ul{
    padding-left:18px;
}
/* .offre-service-bloc-desc{
        margin-top: 40px;
    } */
.offre_header{
    display:flex;
    align-items:space-between;
    width:100%;
}
.offre_header .titre-offre{
    width:calc(100% - 200px);
    margin-bottom: 20px;
    margin-top: 15px;
}
.texte-validite-align {
    width:180px;
}
.offre-bottom-form{
     margin-bottom:-25px;
     margin-right:-25px; 
   /* margin-top: 0;
    position:absolute;
    bottom: 0; */

}
@media screen and (max-width:1600px) {
    .offre_left{
        padding-left: 2%;
    }
}
@media screen and (max-width:1200px) {
    .offre_left{
        width: calc(100% - 320px);
    }
    .offre_right{
        width:320px;
    }
}
@media screen and (max-width:1024px) {
    .offre_container{
        display:block;
    }
    .offre_left{
        width:96%;
        padding: 0 10px;
        margin:0 auto;
    }
    .offre_right{
        width:96%;
        padding: 0 10px;
        margin:20px auto;
    }
    .offre_header{
        display:flex;
        flex-wrap:wrap;
        flex-direction:column-reverse;
    }
    .offre_header .titre-offre {
        width: 100%;
    }
    .texte-validite-align{
        width:100%;
        margin:10px 0;
    }
    .offre-bottom-form {
        margin-bottom: 0;
        margin-right: 0;
        margin-top: 20px;
        position:relative;
        bottom:auto;
    }
    .wrapper-offre-service-from{
        margin-bottom: 20px;
    }
    .rgbd p{
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .lien-google-http {
        margin: 0;
        padding: 15px 20px 15px 0;
    }
}
@media screen and (max-width:768px) {
    .offre-desc, .offre-service-bloc-desc{
        font-size:16px;
    }
    .wrapper-offre-service-from .col-md-4 br{
        display:none;
    }
    .submit-connexion-offre{
        float:none !important;
        margin-top:0;
        margin-bottom:10px;
    }
}
.contact-button{
    border: none;
    background-color: #137F8B;
    color: #fff;
    border-radius: 25px;
    font-size: 1em;
    font-weight: bold;
    padding: 12px 16px;
    position:relative;
    margin-right: -112px;
}

@media screen and (max-width: 768px) {
    .contact-button {
        margin-right: 50px;
    }
}

.contact-button-disabled{
    border: none;
    background-color: #727272;
    color: #fff;
    border-radius: 25px;
    font-size: 1em;
    font-weight: bold;
    padding: 12px 16px;
    position:relative;
}

.scroll-down-button{
    text-align: center;
    margin : auto;
}
.carousel-custom-inner {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #00000033;
    border-radius: 20px;
    text-align: center;
    padding: 5px;
}

.m-boutonsbesoin{
    display: none;
}

.carousel-control-prev, .carousel-control-next {
}

@media screen and (max-width: 768px) {
    .m-boutonsbesoin{
        display: block;
    }
    .boutonsbesoin{
        display: none;
    }
}

@media screen and (min-width: 780px) {
    .scroll-down-button{
        text-align: center;
        margin :  0 auto;
    }

    @media screen and (max-width: 767px){
        #navbar,
        .wrapper-width{
            width:auto !important;
            margin-left:16px !important;
            margin-right:16px !important;
        }
    }
    /***************************************
| LES TERRITOIRES  (a-propos.php)
****************************************/
    /* body .apropos .logo-boussole-steps{
    opacity:0;
    display:none;
} */
    body .apropos .wrapper-bandeau-femme {
        min-height:235px;
    }
    body .apropos .retour-page-wrapper{
        display:none;
    }
    body .apropos .localisation-wrapper{
        display:flex;
        align-content: center;
        align-items: center;
        justify-content: flex-end;
        margin-right:-15px;
    }
    
    body .apropos .localisation-wrapper img{
        height: 25px;
        width: 25px;
        margin-top: 3px;
    }
    
    .buttonTest {
        top:10px;
        position: fixed;
        z-index: 1000;
    }
    
    .buttonTestMobile {
        top:10px;
        position: fixed;
        z-index: 1000;
    }
    
}

div.bandeau-cookie{
    position: sticky;
    bottom: 0;
    height: 20vh;
    background: rgba(4, 122, 134, 0.85);
    padding: 30px 40px;
}

div.bandeau-cookie > div{
    margin: 0 auto;
    width: fit-content;
}
p.bandeau-cookie{
    color: #FFF;
    text-align: center;
    margin-bottom: 30px;
    font-family: 'marianneregular', sans-serif;
    font-size: medium;
}

.href-bandeau-cookie{
    color: #FFF;
    text-align: center;
    margin-bottom: 30px;
    font-family: 'marianneregular', sans-serif;
    font-size: medium;
    text-decoration: underline;

}
.href-bandeau-cookie:hover{
  color: #FFF;
}

btn.bandeau-cookie{
    background: #FFF;
    padding: 7.5px 20px;
    cursor: pointer;
    font-family: 'marianneregular', sans-serif;
    font-size: medium;
}
.offre-icones-rs a {
    margin-left: 20px;
}

.offre-icones-rs-deux a {
    margin-left: 20px;
}

.offre-icones-rs {
    margin-top: 15px;
    margin-bottom: 20px;
}

.offre-icones-rs-deux {
    margin-top: 70px;
    margin-bottom: 20px;
}

.offre-phrase {
    margin-top: 10px;
    margin-left: 10px;
}

.offre-text-supp {
    margin-bottom: -60px;
    margin-top: -10px;
    margin-left: 10px;
}