@media screen and (max-width: 1499px) {
    /*-----------------------------------------------------------------------------------------*/
    /*-------------------------------------- Navigation ---------------------------------------*/
    /*-----------------------------------------------------------------------------------------*/
    .top-navigation li a {
        padding: 1.9rem 4rem 1.9rem 0rem;
    }
    .navigation-btn{
        min-width: 13rem;
    }
    .main-navigation li a{
        font-size:1.5rem;
    }
    .main-navigation li:nth-child(1){
        padding-right:1.2rem;
    }
    .main-navigation li:nth-child(2){
        padding-left:1.2rem;
        padding-right:1.2rem;
    }
    .main-navigation li:nth-child(3), .extranet-layout .main-navigation li:nth-child(4){
        padding-right:.5rem;
        padding-left:.5rem;
    }
    .main-navigation li:nth-child(4), .extranet-layout .main-navigation li:nth-child(5){
        padding-left:1.2rem;
    }
}
@media screen and (max-width: 1399px) {
    /*-----------------------------------------------------------------------------------------*/
    /*-------------------------------------- Navigation ---------------------------------------*/
    /*-----------------------------------------------------------------------------------------*/
    .top-navigation li a {
        padding: 1.9rem 2rem 1.9rem 0rem;
    }
    .overflowScrollX{
        overflow-x:scroll;
        border:solid thin #ccc;
        margin:1rem 1rem 0rem 1rem;
    }
    /*-----------------------------------------------------------------------------------------*/
    /*---------------------------------- Carte interactive ------------------------------------*/
    /*-----------------------------------------------------------------------------------------*/
    .carte-content {
        height: 97rem;
    }
    .p-carte-interactive{
        position:inherit;
        width:60rem;
        padding:0rem;
        margin:0 auto;
        margin-top:3rem;
    }
    #divAfficherPage #accordion{
        width:28.2rem;
    }
}
@media screen and (max-width: 1299px) {
    #formulaire .card h5{
        font-size:1.5rem;
    }
    #formulaire .card-header h5 a span{
        max-width:18rem;
    }
    #formulaire .card-body ul li a{
        font-size:1.4rem;
    }
    .card-header h5 a span, .card-header h3 a span{
        max-width:20rem;
    }
}
@media screen and (max-width: 1199px) {
    /*-----------------------------------------------------------------------------------------*/
    /*-------------------------------------- Navigation ---------------------------------------*/
    /*-----------------------------------------------------------------------------------------*/
    .top-navigation li a {
        font-size:1.3rem;
    }
    .user-name{
        max-width:9.5rem;
        display:inline-block;
        font-size:1.2rem;
        line-height:1.2rem;
    }
    .margin-top-150px, .margin-top-mobile{
        margin-top:2rem !important;
    }
    .margin-bottom-150px{
        margin-bottom:2rem !important;
    }
}
@media screen and (max-width: 1119px) {
    .logo-arterre{
        margin-top:0rem;
    }
    .content-accueil .carte-interactive{
        overflow-x: scroll !important;
        overflow-y:hidden !important;
        max-width: 100%;
        background-attachment: local;
        height:67.3rem;
    }
}
@media screen and (max-width: 991px) {
    input.padding-btn[type=text]{
        padding:1rem 1.3rem !important;
    }
    .img-candidat{
        height:24rem;
    }
    .conteneur-carte-regions-participantes{
        display:none;
    }
    .fa-stop{
        font-size:1rem !important;
        -webkit-transform:rotate(45deg) translateY(-.4rem) translateX(-.4rem);
        transform: rotate(45deg) translateY(-.4rem) translateX(-.4rem);
    }
   .carte-content{
        height:91rem;
    }
    .p-carte-interactive {
        width: 100%;
        padding: 0rem 3rem;
    }
    /*-----------------------------------------------------------------------------------------*/
    /*--------------------------------------- Menu compte -------------------------------------*/
    /*-----------------------------------------------------------------------------------------*/
    .btn-menu-mobile .sous-menu-mobile .mon-compte-craaq-connecte a{
        max-width:inherit !important;
        display:table-row !important;
        line-height:2rem !important;
    }
    /*-----------------------------------------------------------------------------------------*/
    /*------------------------------------- Menu et entête ------------------------------------*/
    /*-----------------------------------------------------------------------------------------*/
    .entete{
        display:none;
    }
    .entete-mobile{
        height:40rem;
        display:block;
    }
    .wrapper{
        overflow-x:hidden;
    }
    .entete-mobile .logo-arterre{
        width:60%;
        max-width:28rem;
        min-width:25rem;
        margin:0 auto;
        margin-top:-2.5rem;
    }
    .logo-partenaires-mobile{
        display:block
    }
    .logo-partenaires-desktop{
        display:none !important;
    }
    .menu-btn-mobile, .close-menu{
        height:6.4rem;
        width:4rem;
        float:right;
        cursor:pointer;
        font-size: 4rem;
        text-align: center;
        line-height: 6.4rem;
        font-weight:300 !important;
    }
    .menu-mobile{
        display:block;
        padding:0rem 1.5rem;
        background-color:#fff;
        position:fixed;
        width:100%;
        overflow:hidden;
        top:0rem;
        right:-100%;
        z-index:10000;
        transition: all .3s ease-in-out;
        max-height:100%;
        overflow-y:scroll;
    }
    .menu-mobile .logo-arterre img{
        width:5rem !important;
        margin-top:0.5rem;
        margin-left:-.4rem;
    }
    .menu-mobile-visible{
        right:0rem;
    }
    .menu-mobile ul{
        list-style-type:none;
        padding:0rem;
        margin:0rem -1.5rem;
    }
    .menu-mobile ul li a{
        padding:1.5rem 1.8rem;
        display:block;
        color:#66503d;
    }
    .menu-mobile ul li a:hover{
        text-decoration:none;
    }
    .principal-element{
        font-size:2rem;
        border-bottom:solid .1rem #cd9c72;
        text-align:left;
    }
    .second-element{
        font-size:1.6rem;
    }
    .menu-mobile .active{
        background-color:rgba(205, 156, 114, 0.35);
    }
    .sous-menu-mobile{
        display:none;
        background-color:rgba(205, 156, 114, 0.15);
    }
    .sous-menu-mobile li a{
        font-size:1.8rem !important;
        padding:1.5rem 5rem !important;
        white-space:normal;
    }
    .sous-menu-mobile-visible{
        display:block;
    }
    .btn-menu-mobile{
        text-align:center;
        background-color:#e3dfdc;
        margin:2rem;
        display:block;
        overflow:hidden;
    }
    .btn-sous-menu span{
        display:block;
        width:3rem;
        height:3rem;
        background:url(../img/down-arrow.svg) no-repeat center;
        float:right;
    }
    .ouvert span{
        background:url(../img/up-arrow.svg) no-repeat center;
    }
    .fil-ariane{
        padding:1.2rem 0rem;
        top:24.8rem;
    }
    /*-----------------------------------------------------------------------------------------*/
    /*-------------------------------------------- Général ------------------------------------*/
    /*-----------------------------------------------------------------------------------------*/
    h1{
        font-size:3.8rem;
    }
    h2{
        margin-bottom:3rem;
        font-size:3.2rem;
    }
    .txt-52px{
        font-size:3.8rem;
    }
    h3{
        font-size:2.5rem;
    }

    .hover-info p{
        text-align:center;
    }
    h5, p, label{
        font-size:1.5rem;
        line-height:1.4;
    }
    .corps{
        padding:0rem 0rem 6rem 0rem;
    }
    .padding-50px{
        padding:1rem 1rem 1rem 1rem;
    }
    .moyen-content, .medium-content{
        padding:3.5rem 7rem 4.3rem 7rem;
    }
    .margin-top-25px{
        margin-top:1.5rem;
    }
    .margin-top-50px{
        margin-top:3rem;
    }
    .margin-bottom-50px{
        margin-bottom:3rem;
    }
    .margin-top-30px{
        margin-top:1rem;
    }
    .margin-top-mobile-0px{
        margin-top:0rem;
    }
    .margin-right-negative{
        margin-right:1.5rem;
    }
    .margin-top-neg-100px{
        margin-top:0rem;
    }
    .background-parallax1 .grand-titre h2{
        line-height:1.21 !important;
        padding:10rem 0rem;
        margin-left:0rem;
    }
    .background-parallax1{
        background-position: center right -57rem;
    }
    .background-parallax2{
        height:25rem;
        background-position:center right 72%;
    }
    .background-parallax2:before{
        position:absolute;
        margin-left:3rem;
    }
     .background-parallax1:before {
        margin-right: 3rem;
    }
    .custom-label{
        margin-top:1.5rem;
        margin-bottom:.3rem;
    }
    .btn-brown, .btn-brown:visited, .btn-green, .btn-green:visited{
        padding:1rem 3rem;
        font-size:1.5rem;
    }
    #map{
        height:25rem;
        margin-bottom:1rem;
    }
    .carte-region {
        margin-top: 2rem;
    }
    .fixe{
        position:fixed;
        width:100%;
        left:0rem;
        top:0rem;
        z-index:10000;
        background-color:rgba(255,255,255,1);
        box-shadow:0rem 1.5rem 2.5rem rgba(000,000,000,0.08);
        transition: all .3s ease-in-out;
    }
    .fixe .menu-btn-mobile{
        margin-right:1.5rem;
    }
    .logo-arterre{
        transition: all .15s ease-in-out;
    }
    .fixe .logo-arterre{
        transition: all .2s ease-in-out;
        margin-top:-6.4rem;
        max-width: 22rem !important;
        min-width:inherit !important;
    }
    .card-body ul li a{
        padding:1.2rem 2rem;
    }
    .bubble-title {
        height: 57px;
    }
    .petit-content{
        padding:1.5rem 2.5rem;
        text-align:center;
    }
    .petit-content .btn{
        margin:0 auto;
    }
    .xsmall-content{
        padding:1rem 3rem 3rem 3rem;
        text-align:center;
    }
    .xsmall-content img{
        max-height:14.5rem;
    }
    .img-in-text{
        max-width:100%;
        margin:1.7rem 0rem;
        margin-left:1.7rem;
    }
    .extranet-layout .background, .intranet-layout .background{
        height:24.8rem;
    }
    .intranet-layout .entete-mobile{
        height:28.5rem;
    }
    .full-bg-layout .entete-mobile{
        height:40rem;
    }
    .full-bg-layout .background {
        height: 100rem;
    }
    .main-title{
        margin-top:-295px;
        margin-bottom:5rem;
    }    
    .intranet-layout .main-title{
        margin-top:-17.2rem
    }
    .txt-72px {
        font-size: 6.2rem;
    }
    .region-accordion h3{
        font-size:2rem !important;
    }
    .max-width-600px{
        max-width:inherit !important;
        width:100%;
    }
    .card-header h5 a span, .card-header h3 a span{
        max-width:15rem;
    }
    /*-----------------------------------------------------------------------------------------*/
    /*------------------------------------- Connexion layout ----------------------------------*/
    /*-----------------------------------------------------------------------------------------*/
    .connexion-layout .entete-mobile{
        height:13rem;
    }
    .connexion-layout .background{
        height:102.2rem;
    }
    .connexion-layout .corps{
        margin-top:0rem;
    }
    .inner-footer{
        padding:2rem 2rem 2rem 2rem;
    }
    .inner-footer a.txt-14px{
        line-height:3.5rem;
    }
}
@media screen and (max-width: 867px) {
    .img-in-text{
        width:100%;
        padding:0rem 15rem;
    }
}
@media screen and (max-width: 767px) {
    .images-candidat{
        height:37rem;
    }
    .img-candidat{
        height:18.5rem;
    }
    .img-in-text{
        padding:0rem;
    }
    body {
        font-size: 1.5rem;
    }
    .mobile-full-width{
        width:100% !important;
    } .align-left-mobile {
        text-align: left;
    }
    .float-left-mobile{
        float:none !important;
    }
    .extranet-layout .background, .intranet-layout .background {
        height: 22.8rem;
    }
    .full-bg-layout .background {
        height: 123rem;
    }
    .min-width-1000px{
        min-width:inherit !important;
    }
    .txt-72px{
        margin-top:-28.6rem !important;
        margin-bottom:4rem !important;
        font-size: 3.2rem;
        line-height: 4rem;
    }
    .line-height-large{
        line-height:1.5;
    }
    .intranet-layout .main-title{
        margin-top:-19.2rem !important;
    }
    .fil-ariane {
        top: 22.8rem;
    }
    .carte-content {
        height: auto;
        padding-bottom:2rem;
        overflow: initial !important;
    }
    .carte-content .liste-regions-participantes {
        display: block;
    }
    .carte-content .liste-regions-participantes .list-regions {
        margin: 0 auto;
        padding:1.5rem 0rem;
    }
    .carte-interactive, .carte-region {
        display: none;
    }
    .scroll-top {
        right: 1rem;
        bottom: 1rem;
    }
    .background-parallax1:before {
        width: 8rem;
        margin-top: -5rem;
    }
    .background-parallax2:before {
        margin-left: 3rem;
        width: 8rem;
        margin-top: -3rem;
    }
    .background-parallax1 {
        background-position: bottom right;
    }
    .moyen-content, .medium-content {
        padding: 2.5rem 0rem;
    }
    h1 {
        font-size: 3.2rem;
    }
    .txt-52px{
        font-size:3.2rem;
    }
    h2 {
        margin-bottom: 1rem;
        font-size: 2.2rem;
    }
    h3 {
        margin-bottom: 1.3rem;
        font-size: 2rem;
    }
    h4 {
        font-size: 1.7rem;
        margin-bottom: 1rem;
    }
    .p-carte-interactive {
        width: 100%;
        padding: 1.5rem;
        margin-top:0rem;
    }
    p, ul.liste, ol.liste {
        margin-bottom: 1rem;
    }
    .petit-content {
        max-width: inherit;
        margin-right: 0rem;
        margin-left: 0rem;
    }
    .padding-50px {
        padding: 1rem 0rem;
    }
    .padding-20px {
        padding: 1rem .5rem;
    }
    .margin-bottom-50px {
        margin-bottom: 0rem;
    }
    .region-accordion h3 a {
        padding: 1rem 1rem;
    }
    .user-name{
        max-width:initial;
        font-size:1.4rem;
    }
    .note{
        height:auto !important;
    }
    .note .texte-note{
        position:initial;
    }
    .document {
        height: auto !important;
    }
    .document .texte-document {
        position: initial;
    }
    .card-header h5 a span, .card-header h3 a span{
        max-width:30rem;
    }
}
@media screen and (max-width: 550px) {
    input.padding-btn[type=text]{
        max-width:inherit !important;
    }
    .main-title {
        margin-top: -328px !important;
        min-width:inherit !important;
        margin-bottom:2rem;
        height:8.2rem;
    }
    .images-candidat{
        height:27rem;
    }
    .logo-arterre img, .logo-arterre{
        transition:none !important;
    }
    .xsmall-content{
        padding: 0rem 1rem 2rem 1rem;
    }
    .xsmall-content img{
        max-height:9.5rem;
    }
    .pagination li{
        margin:0rem;
    }
    .user-name{
        font-size:1.2rem;
    }
    .conteneur-carte-regions-participantes .legende-carte{
        display:none;
    }
    .fixe .logo-arterre{
        margin-left:0rem;
    }
    .background-parallax1 .grand-titre h2{
        padding:10rem 0rem 8rem 0rem;
        font-size:2.5rem;
    }
    .fa-stop{
        font-size:.7rem !important;
        -webkit-transform:rotate(45deg) translateY(-.3rem) translateX(-.3rem);
        transform: rotate(45deg) translateY(-.3rem) translateX(-.3rem);
    }
    .actualites label {
        margin-bottom: 1rem;
    }
}