.modeMobile {
  display: none; }

/* Height */
@media only screen and (max-width: 980px) {
  #wrapper {
    width: 100%;
    margin: 0; }

  #menuutilitaire {
    padding-right: 20px; }

  #header {
    width: 100%; }

  #entete {
    width: 100%; }
    #entete #gallerie_entete img {
      max-width: 100%; }

  #menuprincipal {
    width: 100%; }

  #container {
    width: 100%;
    box-sizing: border-box; }
    #container #contenu {
      width: 100%;
      box-sizing: border-box; }
    #container #modules {
      width: 100%;
      box-sizing: border-box;
      height: auto; }

  #nouvelles {
    width: 48%;
    margin-right: 4%;
    box-sizing: border-box; }

  #territoires {
    width: 48%;
    margin-right: 0;
    box-sizing: border-box; }
    #territoires img {
      width: 100%; }

  #carriere {
    width: 100%;
    margin: 15px auto;
    box-sizing: border-box;
    height: auto; }

  #footer {
    width: 100%;
    box-sizing: border-box;
    padding: 28px 30px 0px; }

  #plan_site {
    width: 100%;
    display: none; }

  #copyright {
    width: 100%;
    padding: 15px 20px 15px 0;
    box-sizing: border-box; } }
@media only screen and (max-width: 820px) {
  #bglogo {
    top: 40px;
    max-width: 65%;
    background-size: 100%; }
    #bglogo #logo {
      background-size: 100%;
      max-width: 70%; }

  #contenu p img {
    margin-top: 0 !important;
    max-width: 45%;
    height: auto !important; } }
@media only screen and (min-width: 750px) {
  #menuprincipal > ul {
    display: block !important; } }
@media only screen and (max-width: 750px) {
  #menuprincipal {
    height: auto; }
    #menuprincipal .menuMobileBtn {
      display: inline-block; }
    #menuprincipal > ul {
      display: none;
      background-color: #00265a;
      padding: 0 0 10px; }
      #menuprincipal > ul > li {
        float: none;
        width: 100%;
        padding: 4px 0 0; }
        #menuprincipal > ul > li > a {
          float: none;
          padding: 0; }
        #menuprincipal > ul > li > ul {
          width: 100%;
          position: relative;
          top: 0;
          left: auto;
          padding: 0;
          padding: 20px 0 10px;
          background-color: #00265a; }
          #menuprincipal > ul > li > ul > li > a {
            float: none;
            width: 100% !important;
            padding: 2px 0 !important;
            font-size: 19px; }
        #menuprincipal > ul > li:hover > ul {
          display: none; }
        #menuprincipal > ul > li:hover > a {
          background: none; } }
@media only screen and (max-width: 500px) {
  #nouvelles {
    width: 100%;
    margin: 0; }

  #territoires {
    width: 100%;
    margin-top: 15px; } }
@media only screen and (max-width: 425px) {
  #menuutilitaire {
    padding-right: 10px; }
    #menuutilitaire ul li a {
      font-size: 15px;
      line-height: 33px; }

  #footer {
    padding: 0; }
    #footer #contact {
      position: relative;
      width: 100%;
      box-sizing: border-box; }

  #header {
    height: 342px; }

  #entete {
    height: 300px; } }

/*# sourceMappingURL=responsive.css.map */