/* =========================================================
   VARIABLES
   ========================================================= */

:root {
    --sem-border: #ccd8dd;
    --sem-border-light: #e1e8eb;

    --sem-header: #edf5f8;
    --sem-header-light: #f5f9fa;

    --sem-bg: #ffffff;
    --sem-hover: #f7fbfc;

    --sem-text: #263f49;
    --sem-text-light: #71828a;

    --sem-blue: #397a98;

    --sem-radius: 7px;
}

/* =========================================================
   CONSTANTES - THÈME
   ========================================================= 
:root {
    --fiche-bg: #fff;
    --fiche-bg-header: #f8f8f8;
    --fiche-bg-secondaire: #fafafa;
    --fiche-bg-badge: #f0f0f0;
    --fiche-border: #d8dee5;
    --fiche-border-ligne: #edf0f2;
    --fiche-border-input: #cbd3da;
    --fiche-border-focus: #7a9cff;
    --fiche-texte: #555;
    --fiche-texte-label: #666;
    --fiche-texte-secondaire: #777;
    --fiche-texte-leger: #888;
    --fiche-header: #eef3f7;
    --fiche-header-table: #f7f9fb;
    --fiche-hover: #f8fbfd;
    --bouton-bg: #f0e299;
    --bouton-bg-hover: #4cf2a4;
    --bouton-border: #0800ff;
    --bouton-border-hover: #f00;
    --bouton-texte: #0800ff;
    --bouton-texte-hover: #f00;
    --toggle-off: #f7d570;
    --toggle-on: #1c9f7a;
    --toggle-texte: #fff;
    --voyant-bg: #fcfff4;
    --voyant-bg-fin: #b3bead;
    --voyant-cercle: #222;
    --voyant-cercle-fin: #45484d;
    --voyant-actif: #00bf00;
    --voyant-actif-fin: #009400;
    --fiche-radius: 8px;
    --bouton-radius: 3px;
    --fiche-font: 13px;
    --fiche-padding: 12px;
}*/














* {
  -webkit-box-sizing:border-box; 
  -moz-box-sizing:border-box; 
  box-sizing:border-box ;
}




:after,
:before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}

body,
#login{
    text-align:center;/* */
    background-color: #e6e6e6; 
    color: #000000; 
    margin: 10px; 
}
.titre_entete {
    color: #111;
    font-size: 15px;
    font-weight: bolder;
}

a {
    outline: none;
    text-decoration: none !important;
}

/* CONTROLE **/
    .image_ilot {
    position: relative;
    width: 100%;
    max-width: 850px; /* adapte à ta taille */
   /* overflow: hidden;*/
}

.image_ilot > div {
    position: relative;
    width: 100%;
}


.image_ilot .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}


.image_ilot .map {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}