.edit-modele{}

.edit-modele-infos{
  .modele__content{
    display: grid;
    grid-template-columns: auto auto 236px;
    grid-template-areas:
      "name name image"
      "dimensions materiaux image"
      "usages usages usages"
      "ip-classe-electricite ip-classe-electricite ip-classe-electricite"
      "interrupteur-cable interrupteur-cable interrupteur-cable"
      "filtres filtres filtres"
      "accessoires accessoires accessoires";
    grid-column-gap: 15px;
    grid-row-gap: 20px;

    .name{grid-area: name;}
    .dimensions{grid-area: dimensions;}
    .materiaux{grid-area: materiaux;}
    .usages{grid-area: usages;}

    .ip-classe-electricite{
      grid-area: ip-classe-electricite;
      display: grid;
      grid-template-columns: auto auto auto;
      grid-column-gap: 15px;
    }

    .interrupteur-cable{
      grid-area: interrupteur-cable;
      display: flex;
      margin-top: 20px;
      margin-bottom: 10px;
    }

    .switch{
      margin-right: 40px;
    }

    .cable-with-switch, .cable-without-switch{
      position: relative;
    }

    .illustration{
      height: 85px;
    }

    .from_wall_to_switch, .from_switch_to_lamp, .from_wall_to_lamp{
      position: absolute;
      width: 80px;
      top: 25px;
      text-align: center;
    }

    .from_wall_to_switch{
      left: 120px;
    }

    .from_switch_to_lamp{
      left: 400px;
    }

    .from_wall_to_lamp{
      left: 275px;
    }

    .filtresSelect{
      grid-area: filtres;
    }

    .accessoiresSelect{
      grid-area: accessoires;
    }

    .image{
      grid-area: image;
      width: 236px;
      height: 236px;
      position: relative;

      .close{
        position: absolute;
        background-color: $red;
        top: 5px;
        right: 5px;
        height: 30px;
        width: 30px;
        border-radius: 30px;
        z-index: 100;
        display: flex;
        justify-content: center;
        align-items: center;
        color: $grey-lighter;
        cursor: pointer;
      }

      img{
        display: block;
        width: 100%;
      }
    }
  }
}