@media screen and (max-width: 1528px) { /* Exception */
    .mc + i {
        display: block;
    }
}
@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 (min-width: 1200px) {

    /* FOOTER */
    #piedPage .basPiedPage .siteOptimise {
        margin-top: 2.5rem !important;
    }
}

@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;
    }

    /* FOOTER */
    #piedPage.container {
        max-width: 100%;
    }
    #piedPage {
        padding: .5rem 1.5rem 1rem 1.5rem;
    }
}
@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:1072px) { /* Exception */
    .typeID i {
        display: block;
    }
}
@media screen and (min-width: 992px) {

    /* FOOTER */
    #piedPage .liensFooter {
        padding-top: 0;
    }
    #piedPage .copyright p #copyrightYear::after {
        content: ' - ';
        position: relative;
        right: 0;
    }
}
@media screen and (min-width:992px) and (max-width:1199px) {
    
    /* FOOTER */
    #piedPage .logoSite h5 {
        padding-bottom: 1.4rem;
    }
    #piedPage .basPiedPage p:first-of-type {
        margin-top: 2.5rem;
    }
}
@media screen and (min-width:768px) and (max-width:1199px) {

    /* FOOTER */
    #piedPage .footerMediaSociaux {
        text-align: right;
    }
    #piedPage .liensFooter p {
        padding-top: 3.5rem;
    }
    #piedPage .liensFooter p {
        padding-top: .5rem;
    }
    #piedPage .logoSite {
        padding-bottom: 0;
    }
    #piedPage .communications, 
    #piedPage .adresse, 
    #piedPage .siteOptimise p {
        padding-top: .5rem !important;
    }
}
@media screen and (max-width: 991px) {
    input.padding-btn[type=text], input.padding-btn[type=email] {
        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;
    }

    .actualites .inscInfoLtr {
        float: left;
    }

    /*-----------------------------------------------------------------------------------------*/
    /*--------------------------------------- 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;
    }

    /*-----------------------------------------------------------------------------------------*/
    /*----------------------------- Menu Aspirant bottin Aspirants ----------------------------*/
    /*-----------------------------------------------------------------------------------------*/
    #divAfficherPage #accordion {
        width: 100%;
    }
    #accordion.fixe {
        position: relative;
        top: 0;
        margin-bottom: 50px;
        box-shadow: none;
        z-index: 0;
    }


    /*-----------------------------------------------------------------------------------------*/
    /*------------------------------------- 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;
    }

    /* FOOTER */
    #piedPage {
        padding-top: 1.8rem;
        padding-bottom: 1rem;
        max-width: 100%;
    }
    #piedPage .communications,
    #piedPage .adresse,
    #piedPage .liensFooter,
    #piedPage .siteOptimise p {
        padding-top: .2rem;
    }
    #piedPage .liensFooter {
        padding-top: 0;
    }
    #piedPage .siteOptimise p {
        margin-top: 0rem;
    }
    #piedPage .copyright p {
        text-align: left;
    }
    #piedPage h6 {
        padding: 0 0 .2rem 0;
    }
    #piedPage .siteOptimise p,
    #piedPage .siteOptimise p a {
        line-height: 2rem !important;
        margin-bottom: .5rem;
        padding-bottom: 1.5rem;
    }
    #piedPage .corpo {
        padding-top: .2rem;
        position: relative;
    }
    #piedPage .corpo img {
        width: 100%;
    }
    #piedPage .copyright > p,
    #piedPage .copyright > p span {
        line-height: 1.7rem !important;
    }
    #piedPage .corpo img {
        max-width: 24rem;
    }
    #piedPage .copyright p {
        font-size: 1.2rem;
        padding-top: 3.2rem;
        padding-left: 0;
    }
    #piedPage .footerMediaSociaux {
        padding-top: 2rem;
        /* -- Si order:2 ne fonctionne pas -- */
        position: absolute;
            right: 0;
        text-align: left;
    }
    #piedPage .logoSite {
        margin-bottom: 1rem;
    }
    #piedPage .logoSite h4 {
        font-size: 2rem;
    }

}
@media screen and (max-width: 867px) {
    .img-in-text{
        width:100%;
        padding:0rem 15rem;
    }
}

@media screen and (min-width: 768px) {

    .BlocHistorique > .col-md-5 {
        border-right: 1px solid #66503d;
    }
    
    /* FOOTER */
    #piedPage .copyright p {
        text-align: center;
    }
    #piedPage .footerMediaSociaux {
        float: right;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    
    /* FOOTER */
    #piedPage .copyright p {
        margin-top: 1rem;
        margin-bottom: 0;
        padding-top: 0;
    }
    #piedPage .copyright p br {
        display: block;
    }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
    #modalRegistre .modal-body {
        padding-top: 0;
    }
}
@media screen and (max-width: 767px) {
    .col-1, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-2, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-3, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-4, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-5, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-6, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-7, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-8, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-9, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-10, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-11, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-12, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-right: 20px;
        padding-left: 20px;
    }
    .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 .5rem;
    }
    .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, .evenement{
        height:auto !important;
    }
    .note .texte-note, .evenement .texte-evenement, .actualite .texte-actualite{
        position:initial;
    }
    .document {
        height: auto !important;
    }
    .document .texte-document {
        position: initial;
    }
    .card-header h5 a span, .card-header h3 a span{
        max-width:30rem;
    }

    .actualites .inscInfoLtr > div {
        text-align: left;
    }

    /* FOOTER */
    #piedPage {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-bottom: .5rem;
        max-width: 100%;
    }
    #piedPage .corpo {
        padding-top: 0;
    }
    #piedPage .copyright p {
        margin-bottom: 0;
        padding-top: .25rem;
    }
    #piedPage .copyright > p, 
    #piedPage .copyright > p span {
        margin-top: .5rem;
    }
    #piedPage .footerMediaSociaux {
        padding-top: 3rem;
        text-align: right;
    }
    #piedPage .footerMediaSociaux {
        text-align: left;
    }
    
    /* Notification cookies */
	#avisCookies *,
	#avisCookies button {
		font-size: 13px;
	}
	#avisCookies p {
		line-height: 17px;
	}
	#avisCookies button {
		margin-top: 10px;
	}
}

@media screen and (min-width: 576px) and (max-width: 991px) {

    /* FOOTER */
    #piedPage .logoSite {
        padding-bottom: .7rem;
    }
    #piedPage .basPiedPage p:first-of-type {
        margin-top: .5rem;
    }
}
@media screen and (min-width: 576px) and (max-width: 767px) {

    /* FOOTER */
    #piedPage .logoSite {
        padding-bottom: 1rem !important;
    }
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 800px;
    }

    /* FOOTER */
    #piedPage .liensFooter h6,
    #piedPage .communications h6,
    #piedPage .adresse h6 {
        display: none;
    }
    #piedPage .basPiedPage .corpo > a {
        background: url('/Content/images/footer/craaq-logo-horizontal.svg') no-repeat center center;
        background-size: 200px 65px;
        width: 200px;
        height: 65px;
    }
    #piedPage .basPiedPage::after {
        background: #4a4a4a;
        content: "";
        height: .1rem;
        position: absolute;
            right: 1.5rem;
            top: 0;
            left: 1.5rem;
        width: calc(100% - 15px);
    }
    #piedPage .basPiedPage p {
        line-height: 1.4rem !important;
    }
    #piedPage .corpo {
        padding-top: 5px;
    }
    #piedPage .basPiedPage .copyright {
        padding-top: 0;
    }

}

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

    .typeCandRech > label:first-of-type {
        display: block;
    }

    /* FOOTER */
    .footerFull #piedPage .footerMediaSociaux {
        padding-top: 1.8rem;
        text-align: right;
    }
    #piedPage .liensFooter {
        padding-top: 3rem;
    }
    #piedPage .basPiedPage {
        padding: .5rem 0;
    }
    #piedPage .corpo img {
        max-width: 7rem;
    }
    #piedPage .logoSite {
        margin-bottom: 0;
        padding-bottom: .5rem;
    }
    #piedPage .logoSite img {
        width: 14rem;
    }
    #piedPage .logoSite h5 {
        padding-top: .5rem;
    }
    #piedPage .copyright > p {
        margin-top: 0;
    }
    #piedPage [data-groupe] p {
        overflow: hidden;
        max-height: 0;
    }
    #piedPage h6 {
        padding: .75rem 0 0 0;
        width: 100%;
    }
    #piedPage h6:active,
    #piedPage h6:focus {
        color: #6a6a6b !important;
    }
    #piedPage h6:active > i,
    #piedPage h6:focus > i {
        color: #58585a;
    }
    #piedPage h6 i {
        -webkit-transition: all 300ms ease;
             -o-transition: all 300ms ease;
                transition: all 300ms ease;
    }
    #piedPage h6 + p {
        display: block;
        max-height: 0;
        overflow: hidden;
        padding: .75rem 1.5rem 0 1.5rem;
    }
    #piedPage .copyright {
        padding-top: .75rem;
    }
    #piedPage .siteOptimise a {
        padding-top: .75rem;
        padding-bottom: 1rem;
    }
    #piedPage .logoSite h5 {
        padding-bottom: .3rem;
    }
    #piedPage .communications,
    #piedPage .adresse,
    #piedPage .liensFooter {
        padding-top: 0;
    }
    #piedPage [data-groupe] p {
        overflow: hidden;
        max-height: 0;
    }
    #piedPage [data-groupe][aria-expanded] p {
        border-bottom: .1rem solid #4d4d4d;
    }
    #piedPage h6 i {
        color: #7c7c7d;
        display: inline-block;
        font-size: 2.8rem;
        position: absolute;
            top: .3rem;
            right: 3rem;
    }
    #piedPage h6 + p a:hover {
        text-decoration: none;
    }
    #piedPage .corpo {
        padding-top: 1.5rem;
    }
    #piedPage .basPiedPage .corpo > a {
        background: url('/Content/images/footer/craaq-logotype.svg') no-repeat left center;
        background-size: 70px 59px;
        width: 70px;
        height: 59px;
    }
    #piedPage .basPiedPage .corpo span {
        top: -10px;
        left: 9px;
    }

    /* Notification cookies */
    #avisCookies #btnAccepterCookies {
        display: block;
        width: 100%;
    }
}

@media screen and (max-width: 550px) {
    input.padding-btn[type=text], input.padding-btn[type=email] {
        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;
    }
}

@media screen and (min-width: 480px) {

    /* FOOTER */
    #piedPage .siteOptimise p br {
        display: none;
    }
    #piedPage .footerMediaSociaux {
        text-align: right;
    }
}