/*
*** GENERAL ***
*/
@media (min-width:1200px){
  .layout{width: 1200px;}
}

@media (max-width: 1199px) {
  .wrapper{max-width: 100%;}
  .wrapper-inner{width: 100%;}
  .page{padding: 0 15px;}
  main.full-page{max-width: 100%;}
  .bouton-haut{
    display: none;
    position: fixed;
    bottom: 9%;
    right: 2%;
  }
  /* HEADER */
  .header-right{padding-right: 15px;}
  .logo-wrapper{padding:0 15px;}
  .form-search{
    margin: 10px 15px 20px 0;
    padding: 5px 2px;
  }
  .top-nav{
    clear: both;
  }
  .sf-menu-fonction-publique ul::before{
    content:none;
  }
  .nav-wrapper::before{
    content:none;
  }
  ul.sf-megamenu{
    max-width: 100%;
  }
  ul.sf-megamenu ol{
    max-width: 100%;
  }
  /* FORMULAIRE DEONTOLOGIE */
  .commission-deontologie-page .form-commission-info{
    float: none;
    position: static;
    width: auto;
  }
  /* FOOTER */
  footer .wrapper-inner{padding:0 15px;}
}

/*
*** NOTEBOOK ***
*/

@media (min-width: 992px) and (max-width: 1199px) {
  /* PRINCIPAL */
  main{
    max-width: 69%;
  }
  .layout{width: 992px;}
  /* ACCUEIL */
  .container-3-col .grid-item, .container-3-col .grid-item:first-child + .grid-item + .grid-item, .container-3-col .grid-item:first-child + .grid-item + .grid-item + .grid-item + .grid-item + .grid-item, .container-3-col .grid-item:first-child + .grid-item + .grid-item + .grid-item + .grid-item + .grid-item + .grid-item + .grid-item + .grid-item{
    width: 32%;
    display: inline-block;
    vertical-align: top;
    margin-right: 1%;
    font-size: 0.9em;
    max-width: 286px;
  }
  .une-layout-5 .une-article:first-child + .une-article, .une-layout-5 .une-article:first-child + .une-article + .une-article + .une-article, .une-layout-5 .une-article:first-child, .une-layout-5 .une-article:first-child + .une-article + .une-article, .une-layout-5 .une-article:first-child + .une-article + .une-article + .une-article + .une-article{
    width: 46.5%;
    margin-right: 24px;
  }

  /* PANELS */
  .panels-flexible-column-first{
    width: 70%;
  }

  /* MA REMU */
  .node-type-ma-r-mu-page main{max-width: 100%;}
  .node-type-ma-r-mu-page .ma-remu-quoi-de-neuf{
    margin-right: 0;
    width: 35%;
  }
  .node-type-ma-r-mu-page .ma-remu-quoi-de-neuf .view-header{
    max-width: 100%;
  }
  .ma-remu-gauche ul.menu li a{
    max-width: 100%;
  }
  .tableau2cols{
    max-width: 100%;
  }
  .ma-remu-pied-page .menu li:first-child{
    margin-bottom:25px;
  }
  /* QUESTIONNAIRE EGALITE */
  .questionnaire-egalite fieldset.poste, .questionnaire-egalite fieldset.perso, .questionnaire-egalite fieldset.temoignage{background-size: 48%;}
  .questionnaire-egalite fieldset.poste {
    background-position: right 150px;
  }
  .questionnaire-egalite fieldset.temoignage {
    background-position: right 90px;
  }
}

/*
*** TABLETTES + SMARTPHONES ***
*/
@media (max-width: 991px){
  .top-nav{display: none;}
  #skip-links{display: none;}
  .logo-wrapper{max-width: 50%;}
  .logo-ministere{margin-top:0;}
  .logo{
    font-size: 2em;
    max-width: 66%;
  }
  .form-search{
    margin: -20px 15px 0;
  }
  main{
    width: 100%;
    float: none;
    padding:0;
    border-bottom: none;
  }
  img{height: auto !important;}
  .sidebar{
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .toolbar{text-align: right;}
  .js .js-tools{display: none;}
  .share-tools{float: none;}
  #sidebar-nav{display: none;}
  .blocklinkedit{display: none;}
  /* MENU */
  .menu-toggle{
    clear: both;
    display: block;
    border-top: 10px solid #3A65C4;
    padding: 0 15px;
    background: #fff;
  }
  .menu-toggle a{
    background: #3A65C4;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 25px;
    font-size: 1.1em;
    border-radius:0 0 2px 2px;
    position:relative;
  }
  .menu-toggle a:hover,   .menu-toggle a:focus{
    text-decoration: none;
  }
  .menu-text, .menu-icons{display: inline-block;}
  .icon-bars{
    display: block;
    background: #fff;
    width: 15px;
    height: 2px;
    margin:2px 0;
  }
  .icon-bars:first-child{margin-top: 0;}
  .icon-bars:last-child{margin-bottom: 0;}
  .menu-mobile{
    clear: both;
    background: #3A65C4;
    padding:15px;
  }
  .menu-mobile[aria-expanded = 'true']{
    display: block;
  }
  .menu-toggle a:hover{text-decoration: none;}
  .menu-mobile li[aria-expanded = "false"] > ul{display: none;}
  .menu-mobile ul li, .menu-mobile ul li.expanded{
    list-style-type: none;
    list-style-image: none;
  }
  .mobile-nav-0{
    padding-left: 10px;
    font-size: 0.9rem;
    margin-top:0;
  }
  .mobile-nav-0 li{
    border-top:1px solid #fff;
  }
  .mobile-nav-0 .icon-deploy{
    display: inline-block;
    width: 30%;
    height: 44px;
    padding: 10px 0;
    vertical-align: middle;
    background:url('../img/sprites/icomenu.png') no-repeat right 32px top -25px;
  }
  .mobile-nav-0 .icon-deploy.open{
    background:url('../img/sprites/icomenu.png') no-repeat right 32px top 10px;
  }
  .mobile-nav-0 li:first-child, .mobile-nav-0 li[aria-expanded = 'true'] + li{
    border-top: none;
  }
  .mobile-nav-0 li a{
    color: #fff;
    display: inline-block;
    padding:10px;
  }
  .mobile-nav-1{
    background: #5c74b8;
    padding: 10px 15px 15px;
    width: 100%;
  }
  .mobile-nav-1 li{
    border-top: 1px solid #fff;
  }
  .mobile-nav-1 li:first-child, .mobile-nav-1 li[aria-expanded = 'true'] + li{
    border-top: none;
  }
  .mobile-nav-1 .icon-deploy{
    background:url('../img/sprites/icomenu.png') no-repeat right 9px top -63px;
  }
  .mobile-nav-1 > li[aria-expanded = 'true']{
    background: #E4E6EB;
    border-top:none;
  }
  .mobile-nav-1 > li[aria-expanded = 'true'] .icon-deploy.open{
    background: url('../img/sprites/icomenu.png') no-repeat right 9px top -91px;
    height: 40px;
  }
  .mobile-nav-1 > li[aria-expanded = 'true'] > a{
    color: #4166b0;
  }
  .mobile-nav-2{
    background: #e4e6eb;
    padding: 0 0 10px 5px;
    width: 100%;
  }
  .mobile-nav-2 li{border-top: 1px solid #777779;}
  .mobile-nav-2 li a{
    color: #4166b0;
  }
  .mobile-nav-2 .icon-deploy{
    background:url('../img/sprites/icomenu.png') no-repeat right 0px top -120px;
  }
  .mobile-nav-2 > li[aria-expanded = 'true']{
    background: #fff;
    border-top:none;
  }
  .mobile-nav-2 > li[aria-expanded = 'true'] .icon-deploy.open{
    background:url('../img/sprites/icomenu.png') no-repeat right 0px top -155px;
  }
  .mobile-nav-3{
    background: #fff;
    padding:0 0 10px 5px;
    width: 100%;
  }
  .mobile-nav-3 li{border-top: 1px solid #777779;}
  .mobile-nav-3 li:first-child, .mobile-nav-3 li[aria-expanded = "true"]{
    border:none;
  }
  .mobile-nav-3 .icon-deploy{
    background:url('../img/sprites/icomenu.png') no-repeat right -7px top -192px;
  }
  .mobile-nav-3 > li[aria-expanded = 'true'] .icon-deploy.open{
    background:url('../img/sprites/icomenu.png') no-repeat right -7px top -224px;
  }
  .mobile-nav-3 li a, .mobile-nav-3 > li[aria-expanded = 'true'] > a{
    color: #000;
  }
  .mobile-nav-4{
    padding: 0 0 0 10px;
    width: 100%;
  }
  .mobile-nav-4 li{
    padding: 0 0 0 5px;
    background: url('../img/sprites/icomenu.png') no-repeat -10px -258px;
    font-size:0.9rem;
    border:none;
  }
  .mobile-nav-4 > li[aria-expanded = 'true'] .icon-deploy.open{
    background: url('../img/sprites/icomenu.png') no-repeat right -7px top -224px;
  }
  .mobile-nav-4 li a{color:#777779;}
  .mobile-nav-0 li.leaf a{width: 100%;}
  .mobile-nav-5{padding:0;width: 100%;}
  #FildAriane{
    padding-bottom: 10px;
    border-bottom: 1px solid #bbb;
  }

  .menu-mobile a.active-trail, .menu-mobile a.active{
    font-weight: bold;
  }
  .score-logo-desk{display: none;}
  .ma-remu-gauche{
    display: none;
  }
  .node-type-ma-r-mu-page .pa-metiers .region-content, .node-type-ma-r-mu-fiche-fonctionnaire .region-content{
    float: none;
    width: 100%;
  }
  .front .sidebar .box-style-2{
    text-align: center;
  }
  .box-style-2-inner, .box-style-3-header{
    text-align: left;
  }
   .node-type-ma-r-mu-page .pa-ma-remu .article h1{display: block;}
   .pa-metiers article  p  a{
     position:relative;
   }
   .pa-metiers .texte-metier{
     display: block;
     position: absolute;
     width: 100%;
     text-transform: uppercase;
     color: #fff;
     bottom: -45px;
     left: 0;
     right: 0;
     font-size: 1.1em;
     font-weight: bold;
     text-align: center;
     min-height: 50px;
     padding:5px;
   }
   .menu-metiers-medicaux{background-color: #EA5456;}
   .menu-metiers-administratifs{background-color:#6B8B2C;}
   .menu-metiers-secu{background-color:#0F908C;}
   .menu-metiers-enseignants{background-color:#8B6888;}
   .menu-metiers-social{background-color:#E62263;}
   .menu-metiers-autres{background-color:#E96253;}
   .menu-metiers-animation{background-color:#51684f;}
   .menu-metiers-secu-muni{background-color:#B68B11;}
   .menu-metiers-sport{background-color:#88867B;}
   .menu-metiers-culture{background-color:#1A96A9;}
   .ma-remu-pied-page{
     margin-top:0;
     border-top: 1px solid #bbb;
   }
   /* WEBFORMS */
   .webform-container-inline label, .webform-container-inline + .webform-component-textarea label, .webform-container-inline + .webform-component-select label{
     max-width: 100%;
     text-align: left;
     float: none;
   }
   .webform-component .form-text, .webform-component .form-textarea{
     max-width: 100%;
   }
   /* QUESTIONNAIRE EGALITE */
   .questionnaire-egalite img.illu-desktop{display: none;}
   .questionnaire-egalite fieldset.poste, .questionnaire-egalite fieldset.perso, .questionnaire-egalite fieldset.temoignage{
    background: none;
   }
   /* FOOTER */
   .rwd-menu-footer{text-align: center;display: block;}
   a.rwd-menu-toggle{
     padding:20px 0 10px;
     display: block;
     position:relative;
   }
   a.rwd-menu-toggle::before{
     content:' ';
     background: url('../img/menupdp.png') no-repeat 0 ;
     width: 14px;
     height: 7px;
     display: block;
     position: absolute;
     top:10px;
     left: 50%;
     margin-left: -6px;
   }
   a.rwd-menu-toggle.ouvert::before{
     background: url('../img/menupdpOpen.png') no-repeat 0;
   }

   .footer-top{display: none;}
   .footer-bottom p{margin:0;}

    /* RECHERCHE */

    .page-recherche-resultat .bouton-haut {
    visibility: hidden;
    }

    .page-recherche-resultat .view-filters {
        margin-top: 60px;
    }

    .page-recherche-resultat #FildAriane {
    position: absolute;
    top: 0;
    left: 20px;
    width: 100%;
    }

    .page-recherche-resultat .sidebar {
    float: none;
    width: 60%;
    display: block;
    }
}

/*
*** TABLETTES ***
*/

@media (min-width: 768px) and (max-width: 991px) {
  /* GENERAL */
  .layout{width: 768px;}
  /* HEADER */
  body::before{max-height: 200px;}
  .boutons-mobile{display: none;}
  .nav-wrapper{background: #f2f2f2;}
  .icon-user{padding:8px 8px 10px;font-size: 0.85em;}
  .form-search input[type="text"]{width: 174px;}
  /* MENU */
  .menu-toggle{text-align: right;}
  .mobile-nav-0 a{width: 70%;}

  /* ACCUEIL */
  .une-layout-5 .une-article:first-child + .une-article, .une-layout-5 .une-article:first-child + .une-article + .une-article + .une-article, .une-layout-5 .une-article:first-child + .une-article + .une-article, .une-layout-5 .une-article:first-child + .une-article + .une-article + .une-article + .une-article{
    width: 31%;
    float: none;
    display: inline-block;
  }
  .une-layout-5 .une-article:first-child + .une-article, .une-layout-5 .une-article:first-child + .une-article + .une-article + .une-article{
    margin-right: 20px;
  }
  .une-layout-5 .une-article:first-child{width: 31%;}
  .more-wrapper{
    text-align: center;
    margin-top: 20px;
  }
  .front .sidebar{
    border-top: 1px solid #bbb;
    padding-top: 20px;
  }
  .front .sidebar .contextual-links-region{
    display: inline-block;
    width: 48%;
    vertical-align: top;
  }
  .front .sidebar .contextual-links-region:nth-child(odd){
    margin-right: 25px;
  }

  .front .sidebar .contextual-links-region:nth-of-type(2) .box-style-2{
    padding:5px;
  }

  /* AUTRES PAGES */
  .not-front .box-style-2, .not-front .sidebar .contextual-links-region{
    width: 48%;
    display: inline-block;
    vertical-align: top;
  }
  .not-front .box-style-2:nth-of-type(odd), .not-front .sidebar .contextual-links-region:nth-of-type(odd){
    margin-right: 25px;
  }
  /* BIEP */
  .node-type-page-biep main{overflow: scroll;}
  /* PANELS et SCORE */
  .panels-flexible-column-minefe_panel-3{
    width: 100%;
  }
  .articles-list .article-item, .articles-list .article-item:first-child + .article-item, .articles-list .article-item:first-child + .article-item + .article-item + .article-item, .articles-list .article-item:first-child + .article-item + .article-item + .article-item + .article-item + .article-item{
    width: 30%;
    margin-right: 2.348%;
    float: none;
    display: inline-block;
    vertical-align: top;
  }
  .panels-flexible-minefe_panel .panels-flexible-row-last{
    padding-bottom: 2em;
  }
  .panels-flexible-column-minefe_panel-2{
    width: 100%;
  }
  .panels-flexible-minefe_panel .panels-flexible-column-last{
    padding-top: 20px;
  }
  .panels-flexible-column-last .panels-flexible-region-inside-last > div{
    width: 47%;
    margin-right:20px;
    float: left;
  }
  .pane-views-score-liens-partenaires-block-1, .pane-views-score-liens-partenaires-block{
    height: 112px;
  }
  .score-concours .article table td{
    font-size: 1em;
  }

  /* MA REMU */
  .node-type-ma-r-mu-page .pa-ma-remu .region-content{
    float: none;
    width: 100%;
  }
  .node-type-ma-r-mu-page .QDNMetier, .node-type-ma-r-mu-page .QDNCat, .node-type-ma-r-mu-page .PPCR-DQS, .node-type-ma-r-mu-page .EtEnsuite{
    width: 48% !important;
    height: auto !important;
  }
  .node-type-ma-r-mu-page .QDNMetier, .node-type-ma-r-mu-page .PPCR-DQS{
    margin-right: 20px;
  }
  .node-type-ma-r-mu-page .ma-remu-quoi-de-neuf{
    float: none;
    display: inline-block;
    width: 48%;
    margin-right: 20px;
  }
  .node-type-ma-r-mu-page .ma-remu-quoi-de-neuf .view-header{
    width: 100%;
  }
  /* ma remu accueil */
  .pa-ma-remu .ma-remu-pied-page{
    width: 48%;
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    border:none;
  }
  .pa-ma-remu .ma-remu-pied-page ul.menu{
    margin: 0;
  }
  .pa-ma-remu .ma-remu-pied-page .menu li{
    margin-bottom: 25px;
  }
  .pa-ma-remu .ma-remu-pied-page ul.menu li#ma-remu-menu-bas-indice, .pa-ma-remu .ma-remu-pied-page ul.menu li#ma-remu-menu-bas-comprendre, .pa-ma-remu .ma-remu-pied-page ul.menu li#ma-remu-menu-bas-carriere{
    width: 100%;
  }
  .node-type-ma-r-mu-page article{
    margin-bottom: 20px;
  }
  /* fin ma remu accueil */
  .node-type-ma-r-mu-page .pa-metiers article img{
    width: 32% !important;
    height:auto !important;
  }
  .pa-metiers article  p:first-child{
    margin-bottom: 60px;
  }

  .ma-remu-pied-page ul.menu li#ma-remu-menu-bas-indice, .ma-remu-pied-page ul.menu li#ma-remu-menu-bas-comprendre, .ma-remu-pied-page ul.menu li#ma-remu-menu-bas-carriere{
    width: 47.5%;
    margin-left: 0;
    margin-bottom:20px;
  }
  .ma-remu-pied-page ul.menu li#ma-remu-menu-bas-indice{
    margin-right: 33px;
  }
  .ma-remu-pied-page ul.menu li#ma-remu-menu-bas-comprendre{margin-right: 0;}
  .listremu ul li{margin-right: 0;}
  .listremucoldr{margin:0;}
  .node-type-ma-r-mu-page .catA, .node-type-ma-r-mu-page .catB, .node-type-ma-r-mu-page .catC{
    max-width: 32.4%;
    height:auto !important;
  }
  .imgqdnpd img{display: none;}
  .node-type-ma-r-mu-page .pa-metiers article p a{margin-right: 14px;}
  .node-type-ma-r-mu-page .pa-metiers article p a:last-child img{margin-top:50px;}
}

/*
*** SMARTPHONE ***
*/
/* Toutes tailles */
@media (max-width: 767px){
  .layout{max-width: 767px;}
  /* HEADER */
  body::before{max-height:175px;}
  header{position:relative;padding-top:0;}
  .header-access-pro{display: none;}
  .header-access-pro.mobile{
    display: inline-block;
  }
  .header-access-pro.mobile .icon-user{
    padding:8px 5px 8px;
    font-size: 0.65em;
  }
  .header-access-pro.mobile .icon-user span{padding-left: 25px;}
  .header-access-pro.mobile .icon-user span:before{
    background-size: cover;
    width: 20px;
    height: 20px;
  }
  .logo-wrapper{
    margin-bottom:0;
    max-width: 100%;
    width: 100%;
  }
  .logo-wrapper a{
    display: inline-block;
    vertical-align: top;
  }
  .logo-wrapper a:first-child{width: auto;}
  .logo-wrapper a.logo{width: 75%;float: none;padding-top:0;}
  .search-display{
    background: #fff;
    border: 2px solid #e3e4e8;
    border-radius: 4px;
    padding: 6px 7px 4px;
    margin-left: 5px;
  }
  .boutons-mobile{
    margin-top: -34px;
    text-align: right;
    margin-bottom: 20px;
    padding-right: 15px;
    display: block;
  }
  .form-search{display: none;}
  .nav-wrapper{background: #f2f2f2;}
  .more-wrapper{
    text-align: center;
  }
  /* MENU */
  .mobile-nav-0 a{width: 70%;}
  .mobile-nav-0 .icon-deploy{width: 29%;}
  .menu-toggle{text-align: center;}
  .icon-deploy{float: right;}
  .mobile-nav-0 .icon-deploy{
    background-position: right 32px top -25px;
  }
  .mobile-nav-0 .icon-deploy.open{
    background-position: right 32px top 8px;
  }
  .mobile-nav-1 .icon-deploy{
    background-position: right 10px top -60px;
  }
  .mobile-nav-1 > li[aria-expanded="true"] .icon-deploy.open{
    background-position: right 10px top -90px;
    padding: 5px;
    height: 40px;
  }
  .mobile-nav-2 .icon-deploy{
    background-position: right 2px top -120px;
  }
  .mobile-nav-2 > li[aria-expanded="true"] .icon-deploy.open{
    background-position: right 2px top -153px;
  }
  .mobile-nav-3 .icon-deploy{
    background-position: right -6px top -192px;
  }
  .mobile-nav-3 > li[aria-expanded="true"] .icon-deploy.open{
    background-position: right -6px top -225px;
  }
  /* MA REMU */
  .listremucoldr{display: none;}
  .tableau2cols, .flechetable{width: auto;}
  .revalorisation.desktop{display: none;}
  .revalorisation.mobile{display: table;}
  .revalorisation.mobile:not(.first){
    margin-top:40px;
  }
  /* SCORE */
  .score-concours {font-size: 0.8em;}
  .score-concours .tblleft, .score-concours .tblright, .score-concours .tblleft:nth-child(2n+1){
    display: block;
    width: 100%;
    text-align: left;
  }
  .score-concours table td, .score-concours table th{
    font-size: 0.9em;
  }
  .article table th, .article table td{
    padding:2px 2px;
  }
  /* SITEMAP */
  .site-map ul{padding-left: 15px;}
  .site-map ul ul ul ul{padding-left: 25px;}
  .site-map ul li{margin:5px 0;font-size: 0.9rem;}
}
/* Grand ecran */
@media (min-width:638px) and (max-width:767px) {
  .une-layout-5 .une-article:first-child,
  .une-layout-5 .une-article:first-child + .une-article,
  .une-layout-5 .une-article:first-child + .une-article + .une-article + .une-article,
  .une-layout-5 .une-article:first-child + .une-article + .une-article,
  .une-layout-5 .une-article:first-child + .une-article + .une-article + .une-article + .une-article{
    width: 47%;
  }
  .une-layout-5 .une-article:first-child + .une-article + .une-article + .une-article{
    margin-right: 25px;
  }
  .une-layout-5 .une-article:first-child + .une-article{margin-right: 0;}
  .front .sidebar{
    border-top: 1px solid #bbb;
    padding-top: 20px;
  }
  .front .sidebar .contextual-links-region{
    display: inline-block;
    width: 48%;
    vertical-align: top;
  }
  .front .sidebar .contextual-links-region:nth-child(odd){
    margin-right: 20px;
  }
  .front .sidebar .box-style-2{
    text-align: center;
  }
  .front .sidebar .contextual-links-region:nth-of-type(2) .box-style-2{
    padding:5px;
  }
  .box-style-2-inner, .box-style-3-header{
    text-align: left;
  }
  .ministre-infos ~ p{margin-bottom: 7px;}
  .ministre-infos ~ p ~ p{margin: 0;}
  .box-style-5{
    width: 48%;
    float: left;
  }
  .box-style-5:nth-child(even){
    margin-right: 20px;
  }
  /* Ma remu accueil */
  .node-type-ma-r-mu-page .ma-remu-quoi-de-neuf{
    float: none;
    display: inline-block;
    width: 48%;
    margin-right: 20px;
  }
  .node-type-ma-r-mu-page .ma-remu-quoi-de-neuf .view-header{
    width: 100%;
  }
  .node-type-ma-r-mu-page .pa-ma-remu .region-content{
    width: 100%;
  }
  .node-type-ma-r-mu-page .QDNMetier, .node-type-ma-r-mu-page .QDNCat, .node-type-ma-r-mu-page .PPCR-DQS, .node-type-ma-r-mu-page .EtEnsuite{
    width: 48% !important;
    height: auto !important;
  }
  .node-type-ma-r-mu-page .QDNMetier, .node-type-ma-r-mu-page .PPCR-DQS{
    margin-right: 20px;
  }
  .pa-ma-remu .ma-remu-pied-page{
    width: 48%;
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    border:none;
  }
  .pa-ma-remu .ma-remu-pied-page ul.menu{
    margin: 0;
  }
  .pa-ma-remu .ma-remu-pied-page .menu li{
    margin: 0 0 25px;
  }
  .pa-ma-remu .ma-remu-pied-page ul.menu li#ma-remu-menu-bas-indice, .pa-ma-remu .ma-remu-pied-page ul.menu li#ma-remu-menu-bas-comprendre, .pa-ma-remu .ma-remu-pied-page ul.menu li#ma-remu-menu-bas-carriere{
    width: 100%;
    background-size: contain;
  }
  .ma-remu-pied-page ul.menu li#ma-remu-menu-bas-indice a, .ma-remu-pied-page ul.menu li#ma-remu-menu-bas-comprendre a, .ma-remu-pied-page ul.menu li#ma-remu-menu-bas-carriere a{
    width: 100%;
    padding-left: 90px;
  }
  .node-type-ma-r-mu-page article{
    margin-bottom: 20px;
  }
  .node-type-ma-r-mu-page .pa-metiers article p:first-child{margin-bottom: 55px;}
  .node-type-ma-r-mu-page .pa-metiers article p a:last-child img{margin-top:50px;}
  .pa-metiers article img {
    width: 32% !important;
    height: auto !important;
  }
}
/* petit ecran */
@media (max-width: 637px) {
  .logo .desktop{display:none;}
  .logo .mobile{display: block;}

 /* ACCUEIL */
 .container-3-col .grid-item{
   width: 100%;
 }
 .container-3-col .grid-item:first-child + .grid-item + .grid-item, .container-3-col .grid-item:first-child + .grid-item + .grid-item + .grid-item + .grid-item + .grid-item, .container-3-col .grid-item:first-child + .grid-item + .grid-item + .grid-item + .grid-item + .grid-item + .grid-item + .grid-item + .grid-item{
   width: 100%;
 }
 .une-layout-5 .une-article:first-child, .une-layout-5 .une-article:first-child + .une-article, .une-layout-5 .une-article:first-child + .une-article + .une-article + .une-article, .une-layout-5 .une-article:first-child + .une-article + .une-article, .une-layout-5 .une-article:first-child + .une-article + .une-article + .une-article + .une-article{
   width: 100%;
 }
 .articles-list .article-item, .articles-list .article-item:first-child+.article-item, .articles-list .article-item:first-child+.article-item+.article-item+.article-item, .articles-list .article-item:first-child+.article-item+.article-item+.article-item+.article-item+.article-item{
   width: 100%;
 }
 /* AUTRES PAGES */

 /* Panels*/
 .panels-flexible-region-minefe_panel-region_droite, .panels-flexible-region-minefe_panel-region_gauche{
   width: 100%;
 }
 .panels-flexible-minefe_panel .panels-flexible-region, .panels-flexible-column-minefe_panel-3{
   margin-bottom: 20px;
 }

 /* Ma remu */
 .node-type-ma-r-mu-page .pa-ma-remu .region-content{
   width: 100%;
   float: none;
 }
 .node-type-ma-r-mu-page .pa-ma-remu .article img{
   width: 100% !important;
   height: auto !important;
   margin-bottom: 15px;
 }
  .node-type-ma-r-mu-page .ma-remu-quoi-de-neuf{
    float: none;
    width: 100%;
    margin: 0;
    padding-bottom: 5px;
  }
  .node-type-ma-r-mu-page .ma-remu-quoi-de-neuf .view-header{
    width: 100%;
    text-align: center;
  }
  .node-type-ma-r-mu-page .ma-remu-quoi-de-neuf .view-header img{
    margin:10px 0;
  }
  .ma-remu-pied-page{
    margin-top:15px;
  }
  .ma-remu-pied-page ul.menu li#ma-remu-menu-bas-indice, .ma-remu-pied-page ul.menu li#ma-remu-menu-bas-comprendre, .ma-remu-pied-page ul.menu li#ma-remu-menu-bas-carriere{
    max-width: 100%;
    margin:15px 0 0;
    background-size: contain;
  }
  .ma-remu-pied-page ul.menu li#ma-remu-menu-bas-indice a, .ma-remu-pied-page ul.menu li#ma-remu-menu-bas-comprendre a, .ma-remu-pied-page ul.menu li#ma-remu-menu-bas-carriere a{
    padding-left: 85px;
    width:auto;
  }
  /* Quoi de neuf par metier */
  .node-type-ma-r-mu-page .pa-metiers article img{
    width: 100% !important;
    height:auto !important;
    margin-top:60px;
  }
  .node-type-ma-r-mu-page .pa-metiers article p:first-child a:first-child img{margin-top:0;}
  .node-type-ma-r-mu-page .pa-metiers article p a{
    margin-right: 0;
  }
  .pa-metiers .texte-metier{font-size: 1.2em;}
  .listremu ul li{
    width: auto;
    margin-right: 0;
  }

  /* FORMULAIRES */
  .commission-deontologie-page label, .commission-deontologie-page .form-item-situation-administrative-administration select{
    width: 100%;
    text-align: left;
    float: none;
  }
  .commission-deontologie-page #edit-identification-agent-codepostal-nom{
    margin-bottom: 5px;
    max-width: 100%;
  }
  .commission-deontologie-page #edit-identification-agent-ville-nom, .documents-justificatifs .description{
    max-width: 100%;
  }
  .commission-deontologie-page .info-tel{
    padding-left: 0;
  }
  .commission-deontologie-page #edit-situation-administrative-typedemande{
    min-width: 100%;
  }
  .documents-justificatifs-label{
    float: none;
    width: auto;
    display: inline-block;
    text-align: left;
  }
  .documents-justificatifs .description{
    width: 100%;
    float: none;
  }
  .doc-justif{padding: 0 5px;}
  .doc-justif .form-item label{
    width: 100%;
    padding:5px 0;
  }
  #edit-coordonees-gestionnaire .fieldset-wrapper{margin-top:20px;}
  .commission-deontologie-page #edit-submit, .commission-deontologie-page #edit-annuler{
    float: none;
    margin:0 auto;
    display: block;
  }
  .commission-deontologie-page #edit-annuler{margin-bottom: 25px;}
  /* FOOTER */
  .footer-links, .footer-external-links {
    float: none;
    width: 43%;
    display: inline-block;
    vertical-align: top;
  }
  .footer-links{margin-right: 9%;}
  .footer-sign-in{
    width: auto;
    float: none;
  }
  .footer-sign-in p{
    display: inline-block;
    margin: 0;
    vertical-align: top;
  }
  .region-bloc-subscription-trajectory .contextual-links-region{display: inline-block;vertical-align: bottom;}
  .region-bloc-subscription-trajectory .contextual-links-region:nth-child(2){
    margin-left: 15px;
    max-width: 60%;
  }
  .sign-in-wrapper{font-size: 0.75em;}
}