@media screen and (max-width: 1200px) {
  html,
  body,
  body > #wrap,
  .fondEnTete {
    width: auto;
    height: auto;
    float: none;
    margin: auto;
    min-width: 0;
    max-width: 100%; }
  body {
    background: transparent !important; }
  .vide {
    width: auto;
    height: auto;
    float: none;
    margin: auto;
    min-width: 0;
    max-width: 100%; }
  #header {
    width: auto;
    height: auto;
    float: none;
    margin: auto;
    min-width: 0;
    max-width: 100%;
    background-image: url(/images/top_imm.png) !important;
    background-position: top center;
    background-size: cover;
    position: relative; }
    #header .logo {
      margin: 5px 0 0 0;
      padding: 65px 0 0 0;
      width: auto;
      height: auto;
      float: none;
      margin: auto;
      min-width: 0;
      max-width: 100%;
      background: url(/images/logoLD.png) no-repeat top center;
      position: relative; }
      #header .logo > a {
        position: absolute;
        width: 340px;
        height: 65px;
        top: 0;
        left: 0;
        right: 0;
        display: block;
        margin: auto; }
      #header .logo img {
        display: none; }
  #footer {
    padding: 20px 0;
    line-height: 1;
    border-top: 20px solid #f2f2f2;
    background: #FFFFFF;
    width: auto;
    height: auto;
    float: none;
    margin: auto;
    min-width: 0;
    max-width: 100%; }
    #footer br {
      height: 0; }
    #footer a,
    #footer .lienFooter,
    #footer .lienAsfalia {
      width: auto;
      height: auto;
      float: none;
      margin: auto;
      min-width: 0;
      max-width: 100%;
      display: inline-block;
      padding: 0;
      margin: 0 20px;
      cursor: pointer; }
      #footer a:hover,
      #footer .lienFooter:hover,
      #footer .lienAsfalia:hover {
        background: transparent;
        color: #333333; }
  nav {
    width: auto;
    height: auto;
    float: none;
    margin: auto;
    min-width: 0;
    max-width: 100%;
    position: static;
    background: rgba(242, 242, 242, 0.9); }
    nav ul.oe_menu {
      width: auto;
      height: auto;
      float: none;
      margin: auto;
      min-width: 0;
      max-width: 100%;
      text-align: center;
      margin: 10px 0 0 0;
      padding: 0; }
      nav ul.oe_menu > li {
        width: auto;
        height: auto;
        float: none;
        margin: auto;
        min-width: 0;
        max-width: 100%;
        display: inline-block;
        position: static; }
        nav ul.oe_menu > li.selected > a,
        nav ul.oe_menu > li a {
          width: auto;
          height: auto;
          float: none;
          margin: auto;
          min-width: 0;
          max-width: 100%;
          display: inline-block;
          width: auto;
          padding: 12px 10px;
          margin: 0; }
        nav ul.oe_menu > li > div {
          padding: 0 10px 10px 10px;
          width: calc(100% - 30px);
          box-sizing: border-box;
          left: 15px !important;
          right: 15px !important; }
        nav ul.oe_menu > li ul {
          margin: 0;
          padding: 0;
          width: calc(100% / 4);
          box-sizing: border-box; }
          nav ul.oe_menu > li ul:nth-child(2):nth-last-child(3),
          nav ul.oe_menu > li ul:nth-child(2):nth-last-child(3) ~ ul {
            width: calc(100% / 3); }
          nav ul.oe_menu > li ul:nth-child(2):nth-last-child(4),
          nav ul.oe_menu > li ul:nth-child(2):nth-last-child(4) ~ ul {
            width: calc(100% / 4); }
   nav div.icone{
       bottom : 5px;
   }
  .contenu {
    width: auto;
    height: auto;
    float: none;
    margin: auto;
    min-width: 0;
    max-width: 100%; }
    .contenu #aside,
    .contenu #section,
    .contenu #article {
      width: auto;
      height: auto;
      float: none;
      margin: auto;
      min-width: 0;
      max-width: 100%; }
    .contenu #aside {
      background: #fff; }
    .contenu #section {
      margin-bottom: 0 !important;
      padding-bottom: 30px; }
  .fondBlanc,
  .fondBleu,
  .fondGris {
    width: auto;
    height: auto;
    float: none;
    margin: auto;
    min-width: 0;
    max-width: 100%;
    background: #fff; }
  .sousMenu {
    width: auto;
    height: auto;
    float: none;
    margin: auto;
    min-width: 0;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 10px 20px;
    background-size: cover;
    background-position: top right; }
    .sousMenu + div {
      height: auto !important;
      padding: 0 !important; }
  .categorie {
    padding: 10px 20px;
    margin: 0 0 20px 0;
    background: #f7f7f7; }
    .categorie:after {
      display: block;
      content: '';
      clear: both; }
    .categorie > li {
      width: calc(100%/5 - 10px) !important;
      height: auto;
      padding: 0; }
      .categorie > li a {
        padding: 5px 10px;
        display: block;
        line-height: 1.1;
        width: auto !important;
        height: auto; }
        .categorie > li a:hover {
          font-weight: normal !important;
          color: #000000 !important; }
      .categorie > li.select a, .categorie > li.select a:hover {
        font-weight: normal !important;
        color: #000000 !important; }
  #idees_ld {
    margin: auto; }
  #billboard {
    width: 100%;
    background: transparent; }
    #billboard #navBill {
      display: none; }
    #billboard li {
      width: 100%;
      background-size: contain;
      background-position: top center;
      background-repeat: no-repeat; }
      #billboard li img {
        width: 100%; }
      #billboard li .BtnBleuFonce {
        display: none; }
  .conteneurLoDaWeb {
    position: fixed;
    top: -5px;
    left: 0; }
  .contenu {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical; }
    .contenu #aside.vide.droite {
      -webkit-box-ordinal-group: 3;
      -moz-box-ordinal-group: 3;
      box-ordinal-group: 3;
      padding: 20px 0 !important;
      margin: 0 !important; }
      .contenu #aside.vide.droite .carreGris {
        margin: auto; }
    .contenu #aside.vide.gauche {
      display: none; }
  table.info {
    width: auto !important;
    max-width: 500px;
    margin: auto; }
  .resultFormKO {
    width: auto;
    max-width: 400px;
    margin: auto; }
  .conteneurLoDaWeb {
    -moz-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2); }
  img {
    max-width: 100%; }
  .formulaire,
  .tabDownloadDoc,
  .tabCompte,
  .tab2Cols,
  .tabDocCopro,
  .tabPresse,
  .tablePlan {
    margin: auto !important;
    width: auto !important;
    max-width: 450px !important; }
  .tab2Cols,
  .tabDocCopro,
  .tabPresse,
  .tablePlan {
    max-width: 600px !important; }
  .tabDocCopro img {
    height: auto !important; }
  p {
    padding-left: 20px;
    padding-right: 20px; }
  ul#carreJaune {
    padding: 10px 20px 5px 40px; }
  ul#tiret {
    padding: 0 20px 0 60px; }
  .categEmploi2 {
    margin: 0;
    padding: 0; }
  .titre {
    text-align: left; }
  .fondBlanc + #fondBlanc > div {
    height: auto !important;
    width: auto !important;
    background: #FFFFFF !important;
    text-align: center;
    padding: 10px; }
  #div_carte_agence,
  #div_les_plus_ld,
  #div_actualite,
  #div_connect_lodaWeb {
    float: none !important;
    display: inline-block !important;
    vertical-align: top !important;
    height: auto !important; }
  #div_les_plus_ld {
    height: 250px !important;
    position: relative !important; }
    #div_les_plus_ld .conteneurGrisHaut {
      top: 70px !important; }
      #div_les_plus_ld .conteneurGrisHaut:first-child {
        top: 0 !important; }
  .voisins_solidaire {
    margin: auto; }
  .image_map_carte_agence {
    margin: auto;
    display: block; }
  #map_carte_agence {
    width: 750px;
    height: 500px;
    margin: auto; }
  input[name="surface_min"],
  input[name="surface_max"],
  input[name="prix_min"],
  input[name="prix_max"],
  input[name="depart_1"],
  input[name="depart_2"],
  input[name="depart_3"],
  input[name="montant"],
  input[name="taux"] {
    max-width: 80px; } }

/* ****************************************************************** 1024 ********************************************************************* */

@media screen and (max-width: 1024px) {
  #header .logo {
    padding: 105px 0 0 0;
    background: url(/images/logoLD.png) no-repeat center 40px; }
    #header .logo > a {
      top: 35px; }
  .categorie > li {
    width: calc(100%/3 - 10px) !important; }
  nav ul.oe_menu > li ul:nth-child(2):nth-last-child(3),
  nav ul.oe_menu > li ul:nth-child(2):nth-last-child(3) ~ ul {
    width: calc(100% / 2); }
  nav ul.oe_menu > li ul:nth-child(2):nth-last-child(4),
  nav ul.oe_menu > li ul:nth-child(2):nth-last-child(4) ~ ul {
    width: calc(100% / 2); }
  nav ul.oe_menu > li ul a {
    width: auto; }
  .resultFormKO,
  .formulaire,
  .tabDownloadDoc,
  .tabCompte,
  .tab2Cols,
  .tabDocCopro,
  .tabPresse,
  .info {
    max-width: calc(100% - 40px) !important; }
  #ldw_1 > div,
  #ldw_2 > div {
    width: auto !important; }
  .voisins_solidaire {
    background: transparent;
    width: 100%;
    height: auto;
    left: auto; }
    .voisins_solidaire p, .voisins_solidaire p:first-child {
      padding: 0 20px 10px 20px; }
    .voisins_solidaire div {
      position: static;
      margin: 20px auto 0 auto;
      text-align: center; }
  .image_map_carte_agence,
  #map_carte_agence {
    width: 300px;
    height: 200px; }
  .divRefCopro {
    margin: 5px 20px; }
  table.nosInterlocuteurs {
    margin: 0 20px 10px 20px; }
    table.nosInterlocuteurs td {
      display: block; }

    .popup-warning{
      margin-top: 22px;
      font-size: small;
    }
  }

/* ******************************************************** 480 ******************************************************* */

@media screen and (max-width: 480px) {
  .categorie > li {
    width: calc(100% - 10px) !important; }
    .categorie > li a {
      display: block;
      width: 100% !important; }
  nav ul.oe_menu {
    padding: 5px 10px; }
    nav ul.oe_menu > li ul:nth-child(2):nth-last-child(3),
    nav ul.oe_menu > li ul:nth-child(2):nth-last-child(3) ~ ul {
      width: 100%; }
    nav ul.oe_menu > li ul:nth-child(2):nth-last-child(4),
    nav ul.oe_menu > li ul:nth-child(2):nth-last-child(4) ~ ul {
      width: 100%; }
    nav ul.oe_menu > li > div {
      width: calc(100% - 40px);
      top: auto !important;
      left: 20px !important;
      right: 20px !important; }
    nav ul.oe_menu > li > a, nav ul.oe_menu > li.selected > a {
      padding: 5px; }
  .tab2Cols table,
  .tab2Cols tr,
  .tab2Cols td {
    display: block;
    border: 0 !important;
    width: auto;
    padding: 0 0 20px;
    margin: 0; }
  #article table {
    max-width: calc(100% - 40px);
    margin: auto;
    padding: 0 !important; }
    #article table,
    #article table tr,
    #article table td {
      width: auto !important; }
  table.peinture,
  table.peinture tr,
  table.peinture td,
  table.tablePlan,
  table.tablePlan tr,
  table.tablePlan td {
    display: block;
    border: 0 !important;
    width: auto;
    padding: 0 0 20px;
    margin: 0; }
  table.peinture,
  table.tablePlan {
    width: calc(100% - 40px) !important;
    margin: auto; }
  .formulaire,
  #article .formulaire {
    padding: 10px !important;
    width: 100%;
    margin: auto;
    background: #F4F4F4 !important;
    display: block;
    box-sizing: border-box !important; }
    .formulaire textarea,
    #article .formulaire textarea {
      width: calc(100% - 20px) !important;
      box-sizing: border-box; }
    .formulaire tr,
    #article .formulaire tr {
      display: block; }
    .formulaire td,
    #article .formulaire td {
      display: block !important;
      width: 100% !important; }
    .formulaire tr input[name="nom"],
    .formulaire tr input[name="prenom"],
    .formulaire tr input[name="tel"],
    .formulaire tr input[name="mail"],
    .formulaire tr input[name="cp"],
    .formulaire tr input[name="login"],
    .formulaire td input[name="nom"],
    .formulaire td input[name="prenom"],
    .formulaire td input[name="tel"],
    .formulaire td input[name="mail"],
    .formulaire td input[name="cp"],
    .formulaire td input[name="login"],
    #article .formulaire tr input[name="nom"],
    #article .formulaire tr input[name="prenom"],
    #article .formulaire tr input[name="tel"],
    #article .formulaire tr input[name="mail"],
    #article .formulaire tr input[name="cp"],
    #article .formulaire tr input[name="login"],
    #article .formulaire td input[name="nom"],
    #article .formulaire td input[name="prenom"],
    #article .formulaire td input[name="tel"],
    #article .formulaire td input[name="cp"],
    #article .formulaire td input[name="login"],
    #article .formulaire td input[name="mail"] {
      width: auto !important;
      max-width: 200px; }
  .tabDocCopro td {
    display: block !important;
    width: 100% !important; }
  #div_carte_agence,
  #div_les_plus_ld,
  #div_actualite,
  #div_connect_lodaWeb {
    display: block !important;
    margin: auto auto 20px auto !important; }
  #div_les_plus_ld {
    height: 220px !important;
    position: relative !important; }
  ul.flecheBleue {
    max-width: calc(100% - 80px);
    margin: auto;
    padding: 0 0 0 20px; }
  .carreGris {
    background: #fff; }
  .message {
    width: calc(100% - 40px);
    margin: auto;
    left: 0;
    right: 0; } 
  
  .links-container,.videos-container {
    display: block;
    height: unset;
  }

  .link-block{
    display: flex;
  }

  .popup-block{
    width: unset;
  }

  .popup-warning{
    font-size: unset;
    padding-left: 26px;
  }

  #close_warning{
    margin-left: 4px;
    margin-top: 2px;
    font-size: larger;
  }
}