body {
    font-size: 0.8rem;
    font-family: Calibri, 'Trebuchet MS', sans-serif;
}
textarea
{
    font-family: Calibri, 'Trebuchet MS', sans-serif;
}
ul {
    list-style: none;
}
.scrollv {
    overflow-y:auto;
 /*   overflow-x: hidden; */
}
.texte {
    font-size: 0.85rem;
    font-family: Calibri, 'Trebuchet MS', sans-serif;
    color: black;
}
.texte095 {
    font-size: 0.95rem;
    font-family: Calibri, 'Trebuchet MS', sans-serif;
    color: black;
}

.texte-small {
    font-size: 0.81em;
    font-family: Calibri, 'Trebuchet MS', sans-serif;
    color: #3C3C3C;
}
.texte-smaller {
    font-size: 0.65em;
    font-family: Calibri, 'Trebuchet MS', sans-serif;
    color: #3C3C3C;
}
.word-wrap {
    word-wrap: break-word;
}
.big {
    font-family: Calibri, 'Trebuchet MS', sans-serif;
    font-size: 1em;
}
.bigger {
    font-family: Calibri, 'Trebuchet MS', sans-serif;
    font-size: 1.1em;
}
.most_bigger {
    font-family: Calibri, 'Trebuchet MS', sans-serif;
    font-size: 1.3em;
}
.boite {
	border: 1px solid #888;
    -moz-border-radius: 8px; -webkit-border-radius:4px; border-radius:4px; ;
	color:#444;
    padding: 10px;
    height: auto;
}
.pointer {
    cursor:pointer;
}
/* mises en page */
.left {
    text-align: left;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
.fleft { float:left;}
.fright { float:right; }
.clear { clear:both; }
.cfleft { clear:left;}
.none { display:none; }
.bold {
    font-weight: bold;
}
.italic {
    font-style: italic;
}

.mt2 {
    margin-top: 2px;
}
.mt3 {
    margin-top: 3px;
}
.mt4 {
    margin-top: 4px;
}
.mt-2 {
    margin-top: -2px;
}
.mt-4 {
    margin-top: -4px;
}
.mt5 {
    margin-top: 5px;
}
.mt10 {
    margin-top: 10px;
}
.mt20 {
    margin-top: 20px;
}
.mt40 {
    margin-top: 40px;
}
.mr5 {
    margin-right: 5px;
}
.mr10 {
    margin-right: 10px;
}
.ml2 {
    margin-left: 2px;
}.
.ml3 {
     margin-left: 3px;
 }
.ml5 {
    margin-left: 5px;
}
.ml10 {
    margin-left: 10px;
}
.ml20 {
    margin-left: 20px;
}
.ml30 {
    margin-left: 30px;
}
.ml40 {
    margin-left: 40px;
}
.ml80 {
    margin-left: 80px;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb20 {
    margin-bottom: 20px;
}

.pdl2 {
    padding-left:3px;
}
.pdl5 {
    padding-left:5px;
}
.pad3 {
    padding: 3px;
}
.pad5 {
    padding: 5px;
}.w40 {
    width: 110px;
}
.w60 {
    width: 60px;
}
.w80 {
    width: 80px;
}
.w100 {
    width: 100px;
}.w190 {
     width: 190px;
 }
.flex {
    display: flex; 
}
.flex-space {
    display: flex;
    justify-content: space-evenly;
}
.flex-centrage {
    display: flex;
    justify-content: center;
}
.flex-wrap {
    flex-wrap: wrap
}
.flex-centrage-space {
    align-items: center;
    justify-content: space-evenly;
}
.flex-vertical {
    display: flex;
    flex-direction: column;
    align-items: center;
 /*   justify-content: center; */
}
.flex-row {
    display: flex;
    flex-direction: row;
}
.flex-col {
    display: flex;
    flex-direction: column;
}
flex-wrap {
    flex-wrap: wrap;
}
.collapse {
    border-collapse: collapse;
}
.border {
    border:  1px solid #666666;
}
.border_black {
    border: #666666 1px solid;
    border-radius: 3px;
    color: #1f6377;
}
.carre {
    border-radius: 4px;
    border: rgba(180,180,180,0.86) 1px solid;
}

.noshadow {
    padding: 7px;
    width: auto;
    height: auto;
    border-radius: 10px;
    border: rgba(120,120,120,0.9) 2px solid;
}
.shadow {
    padding: 7px;
    width: auto;
    height: auto;
    background-color: #fefefe;
    border-radius: 10px;
    border: rgba(180,180,180,0.4) 1px solid;
    box-shadow: 4px 4px 5px 2px rgba(200,200,200,0.90);
/*    -webkit-box-shadow: 10px 10px 18px 3px rgba(215,215,215,0.86);
    -moz-box-shadow: 10px 10px 18px 3px rgba(215,215,215,0.86); */
}
.shadow_fixe {
    padding: 7px;
    width: 250px;
    height: auto;
    background-color: #fefefe;
    border-radius: 10px;
    border: rgba(180,180,180,0.4) 1px solid;
    box-shadow: 4px 4px 5px 2px rgba(200,200,200,0.90);
    /*    -webkit-box-shadow: 10px 10px 18px 3px rgba(215,215,215,0.86);
        -moz-box-shadow: 10px 10px 18px 3px rgba(215,215,215,0.86); */
}
.shadow_black {
    background: #404040;
    border: rgba(180,180,180,0.4) 1px solid;
    border-radius: 10px;
    box-shadow: 3px 3px 4px 2px rgba(20,20,20,0.86);
}
.shadow_carre {
    padding: 8px;
    width: auto;
    height: auto;
    background-color: #fefefe;
    border-radius: 2px;
    border: rgba(180,180,180,0.4) 1px solid;
    box-shadow: 1px 1px 3px 1px rgba(200,200,200,0.90);
    /*    -webkit-box-shadow: 10px 10px 18px 3px rgba(215,215,215,0.86);
        -moz-box-shadow: 10px 10px 18px 3px rgba(215,215,215,0.86); */
}

#notification {
    position: absolute;
    background-color: #1f6377;
    padding: 10px;
    color: white;
    border-radius: 8px;
    font-size: 0.85em;
    text-align: center;
    width: auto;
    height: auto;
    min-height: 16px;
    min-width: 40px;
}
.white {
    background: #ffffff;
    color: black;
}
.color_white {
    color: #ffffff;
}
.selection {
    background: lightsalmon;
    color: white;
}
.teal {
    color: teal;
}
.red {
    color: darkorange;
}
.bordeaux {
    color: #900000;
}
.green {
    color: lightseagreen;
}
.orange_bold {
    background-color: #af6204;
    color: white
}
.green_bold {
    background-color: #3f7506;
    color: white
}
.red_bold {
    background-color: #902e00;
    color: white
}
#message {
/*    position: relative;
    top: 30%; */
}

#theMap {
    position: fixed;
    background-color: teal;
    width: 500px;
    height: auto;
    top: 15%;
    left: 20%;
    z-index: 99;
    padding: 4px;
    display: none;
}
#map {
    width: 500px;
    height: 378px;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 45%;
    top: 10%;
    width: 400px; /* Full width */
    height: 300px; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: #eeeeee;
}
.modal_titre {
    color: teal;
    padding: 10px;
}
#modal_contenu {
    background-color: #eeeeee;
    color: black;
    text-align: left;
    padding: 10px
}
.deroulement {
    display: none;
    position: fixed;
    z-index: 1;
    left: 45%;
    top: 10%;
    width: auto; /* Full width */
    min-width: 300px;
    height: 600px; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: #eeeeee;
}
.deroulement_titre {
    color: teal;
    padding: 15px;
/*    padding-bottom: 20px; */
}
.historique {
    display: none;
    position: fixed;
    z-index: 2;
    left: 25%;
    top: 7%;
    width: auto; /* Full width */
    min-width: 350px;
    height: 450px; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    padding: 10px;
/*   background-color: #eeeeee; */
}
.historique_titre {
    background-color: #77a3b1;
    border-radius: 10px;
    color: white;
    padding: 10px;
    padding-bottom: 16px;
}
.graphe {
    background-color: #fefefe;
    display: none;
    position: fixed;
    z-index: 3;
    left: 25%;
    top: 58%;
    width: 600px; /* Full width */
    height: 320px; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    padding: 10px;
/*    background-color: white; */
}
.centrage {
    margin-left: auto;
    margin-right:auto
}
.explication {
    font-size: 0.85em;
    font-family: Calibri, Arial, sans-serif;
    color: royalblue;
}
.explication_obligatoire {
    font-size: 0.9em;
    font-family: Helvetica, 'Arial', sans-serif;
    color: #761c19;
    font-weight: bold;
}

.titre {
    font-size:1em;
    font-weight: bold;
    color: teal;
}
.titre1 {
    color: teal;
}
.titre_white {
    font-size:1em;
    font-weight: bold;
    color: white;
}
.menu {
/*    background-color: teal; */
    font-family: Calibri, Arial, sans-serif;
    font-size: 0.9em;
    color: white;
    background-color: teal;
    padding:  6px 12px 6px 12px;
    border: none;
    cursor:pointer;
}
.menu:hover {
    font-size: 0.92em;
    opacity: 0.5;
}
.menu:not(:hover) {
   opacity: 0.9;
}
.menu:active {
    background-color: #4bc46f;
    opacity: 1;
}
.menu_selected {
    background-color: #4bc46f;
    opacity: 1;
}
.fond_menu {
    height: 35px;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 100%;
    background-color: teal;
    /* #a5c9c7; */
}
.border {
    border-color: #0a73a7;
    border-width: 1px;
    border-style: solid;
    border-left-width: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
}
.border-full {
    border-color: #0a73a7;
    border-width: 1px;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
}
.border-bottom {
    border-color: #0a73a7;
    border-width: 1px;
    border-style: solid;
    border-left-width: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
}
.break {
    display:block;
    word-wrap: break-word;
    max-width:340px
}
#zSaisiePropsControle, #zSaisieListe, #zSaisieRadio, #zSaisieIntervention, #zMessage, #zReceptionMessage {
    position: absolute;
    width: 420px;
    height: auto;
    background-color: #efefef;
    border-radius: 10px;
    color: black;
    padding: 5px;
    top: 33%;
    left: 36%;
}
#zMasqueCible {
    position: absolute;
    width: auto;
    height: auto;
    min-width: 360px;
    background-color: #efefef;
    border-radius: 10px;
    color: black;
    padding: 5px;
    top: 100px;
    left: 240px;

}
#zRessource {
    position: absolute;
    width: 240px;
    height: auto;
    background-color: #efefef;
    border-radius: 10px;
    color: black;
    padding: 5px;
    top: 8%;
    left: 33%;
}
#zSaveModele {
    position: absolute;
    width: 400px;
    height: auto;
    background-color: #efefef;
    border-radius: 10px;
    color: black;
    padding: 5px;
    top: 20%;
    left: 35%;
}
#wModal {
    position: absolute;
    z-index:99999;
    padding: 10px;
    top: 25%;
    left: 30%;
    width: auto;
    height: auto;
}
#theMap {
    position: absolute;
    background-color: #008080;
    width: 500px;
    height: 400px;
    top: 15%;
    left: 20%;
    z-index: 99;
    padding: 4px;
}
#map {
    width: 500px;
    height: 378px;
}
.loader {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    padding: 1.1px;
    background: conic-gradient(#0000 10%,#26b299) content-box;
    mask: repeating-conic-gradient(#0000 0deg,#000 1deg 20deg,#0000 21deg 36deg),
    radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 calc(100% - 9px));
    -webkit-mask-composite: destination-in;
    mask-composite: intersect;
    animation: spinner-d55elj 1s infinite steps(10);
}

@keyframes spinner-d55elj {
    to {
        transform: rotate(1turn);
    }
}