*, html, body, div, span, applet, objects, ifram, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,acronym, address, big, 
cite,del, dfn, em, font, img, ins, q, s, small, 
strike, strong, sub, sup, tt,var, b, u, del, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, 
thead, tr, th, header, section, footer, nav,aside, details, figcaption, figure{margin:0;padding:0;outline:0;} 
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box;} 
html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:}article,aside,details,figcaption,figure,footer,header,
hgroup,main,menu,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;vertical-align:baseline;}ol, ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
a{background-color:transparent;text-decoration:none;}a:active,a:hover{outline-width:0;}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}
dfn{font-style:italic}mark{background:#ff0;color:#000;}small{font-size:10px;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} *{box-sizing: border-box;}

a{text-decoration:none;color:rgb(46,140,255);}
a:hover{text-decoration:none;}
hr {display:block; margin:5px 0: border: 1px solid lightgrey;}

h1,
h2,
h3,
h4{
    font-weight:bold;
}

a{
    color:rgb(0, 125, 230);
}


.ang_shows{ 
    display:none;
}
/* ---------------------- */

.ultra_top_nav,
.ultra_top_nav_fixed{
    float:left;
}

.ultra_top_nav.right,
.ultra_top_nav_fixed.right{
    float:right;
}

.ultra_top_nav li,
.ultra_top_nav_fixed li{
    float:left;
}

.ultra_top_nav li,
.ultra_top_nav_fixed li{
    position:relative;
}

.ultra_top_nav li.ligth_right,
.ultra_top_nav_fixed li.ligth_right{
    float:right;
}

/*
.ultra_top_nav li a{
    display:block;
    padding:10px 16px;
    font-size:13px; 
    transition:all 0.5s ease-in-out;
    text-align:center;
}
*/
.cursor{
    cursor:pointer;
}

.ultra_nav_sous{
    display:;
    position: absolute;
    background-color: rgb(245,245,245);
    min-width: 160px;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
    z-index: 1;
    top:100%;
}

.ultra_nav_sous.right{
    right:0;
}

.ultra_nav_sous li{
    float:none;
    padding:0;
    margin:0;
}

.show,
.shows,
.ng_show,
.jsrequired{
    display:none;
}

.sm_display{ display:none; }
.sm_display_inline{ display:none; }

.sm_no_display{ display:block; }
.sm_no_display_inline{ display:inline-block; }


.clearfix{
    clear:both;
}

.clearfix:before{
    display: table;
    content: " ";
}

.clearfix:after{
    clear:both;
}

.pull-right{
    float:right;
}


@media only screen and (max-width: 800px){

    .sm_row{
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .d_flex{
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .sm_col_1{
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .sm_col_2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .sm_col_3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .sm_col_4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    
    .sm_col_5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .sm_col_6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .sm_col_7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .sm_col_8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .sm_col_9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .sm_col_10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .sm_col_11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .sm_col_12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .sm_display{ display:block; }
    .sm_display_inline{ display:block; }

    .sm_no_display{ display:none; }
    .sm_no_display_inline{ display:none; }

    .smb-1{ margin-bottom:15px; }
    .smb-2{ margin-bottom:25px; }
    .smb-3{ margin-bottom:35px; }
    .smb-4{ margin-bottom:45px; }

    .smt-1{ margin-top:15px; }
    .smt-2{ margin-top:25px; }
    .smt-3{ margin-top:35px; }
    .smt-4{ margin-top:45px; }

}

.map_row{
    clear:both;
    margin-left:-15px;
    margin-right:-15px;
}

.clearfix,
.map_row_clear{
    clear:both;
}


.map_row:before,
.map_row_clear:before,
.map_row:after,
.map_row_clear:after,
.clearfix:after{
    display: table;
    content: " ";
}

.map_row:after,
.map_row_clear:after,
.clearfix:after{
    clear:both;
}

.map_col,
.map_coll{ 
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.map_col,
.map_coll{
    float:left; 
}

.map_col.right,
.map_coll.right{ float:right; }


.map_col_clear{ 
    position: relative;
    float:left;
}

.map_col_1{width:8.33333333%;}.map_col_2{width:16.66666667%;}.map_col_3{width:25%;}
.map_col_4{width:33.33333333%;}.map_col_5{width:41.66666667%;}.map_col_6{width:50%;}
.map_col_7{width:58.33333333%;}.map_col_8{width:66.66666667%;}.map_col_9{width:75%;}
.map_col_10{width:83.33333333%;}.map_col_11{width:91.66666667%;}.map_col_12{width:100%;}

.map_coll_1{width:8.33333333%;}.map_coll_2{width:16.66666667%;}.map_coll_3{width:25%;}
.map_coll_4{width:33.33333333%;}.map_coll_5{width:41.66666667%;}.map_coll_6{width:50%;}
.map_coll_7{width:58.33333333%;}.map_coll_8{width:66.66666667%;}.map_coll_9{width:75%;}
.map_coll_10{width:83.33333333%;}.map_coll_11{width:91.66666667%;}.map_coll_12{width:100%;}

.col1{width:10%;}.col2{width:20%;}.col3{width:30%;}.col4{width:40%;}.col5{width:50%;}.col6{width:60%;}
.col7{width:70%;}.col8{width:80%;}.col9{width:90%;}.col10{width:100%;}
.col15{width:15%;}.col25{width:25%;}.col35{width:35%;}.col45{width:45%;}.col55{width:55%;}.col65{width:65%;}
.col75{width:75%;}.col85{width:85%;}.col95{width:95%;}



/* croix */
.acre-table{
    display:block;
    width:100%;
    padding:5px;
    color:rgb(30,30,30);
}
.acre-table:hover{
    color:rgb(30,30,30);
}

.trace_bar{
    width: 35px;
    cursor:pointer;
    display:inline-block;
}

.trace_bar .bar{
    height: 5px;
    background-color: #333;
    transition: 0.4s;
}

.trace_bar .bar2{
    margin: 6px 0;
}

/* js */
.croix .bar1 {
    transform: translate(0, 11px) rotate(-45deg);
}

.croix .bar2 { 
    opacity: 0; 
}

.croix .bar3 {
  transform: translate(0, -7px) rotate(45deg);
}


.pos_relative{
    position:relative;
}


.mp_alert {
    padding: 20px;
    color: white;
}

.close_alert {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 25px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.close_alert:hover {
    color: black;
}

.mp_alert.danger {background-color: #f44336;}
.mp_alert.success {background-color: #04AA6D;}
.mp_alert.primary {background-color: blue}
.mp_alert.info {background-color: #2196F3;}
.mp_alert.warning {background-color: #ff9800;color:#000;}
.mp_alert.dark {background-color: #333;}

.mp_alert.danger_xlite {
    background-color: rgb(248,215,218);
}

.input-box{
    display: inline-block;
    padding:8px 15px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    color:#000;
    font-size:15px;
    width:100%;
    outline:none;
    font-family:Verdana,sans-serif;
}

.input-box.white{
    background-color:white!important;
}

.input-table{
    display: inline-block;
    padding:10px 5px;
    border: none;
    box-sizing: border-box;
    color:#000;
    font-size:15px;
    width:100%;
    outline:none;
    font-family:Verdana,sans-serif;
    text-align:center;
}

.input-table.white{
    background-color:white;
}


.btn.btn-white{
    background-color:white!important;
    color:#000;
}

.form_btn_submit{
    border:none;
    padding:15px;
    width:220px;
    max-width:220px;
    border-radius:15px;
    font-size:14px;
    cursor:pointer;
}

.form_btn_submit.green{
    background-color:rgb(5, 152, 98);
    background-color:rgb(0, 90, 0);
    color:white;
     cursor:pointer;
}


.input_views{
    cursor:pointer;
}

select{
    cursor:pointer;
}

button{
    padding:7px 20px;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    color:#000;
    font-size:12px;
    cursor:pointer;
    background-color:rgb(240,240,240);
}


textarea{
    padding:10px 15px;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    color:#000;
    font-size:14px;
    width:100%;
    outline:none;
    font-family:Arial, Helvetica, sans-serif;
    font-family:Verdana,sans-serif;
}


.input-box:disabled,
input:disabled{
    background-color:rgb(255,192,199)!important;
    border:none;
}


.open-accordeons,
.btn-accordeons{
    cursor:pointer;
    background-color:transparent;
    border:none;
}

.panel_accordeons{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}


.map_text_left{text-align:left;}
.map_text_center{text-align:center;}
.map_text_right{text-align:right;}


table{
    border:none;
    outline:none;
}

.table th,
.table_bordered th{
    padding:5px;
    font-weight:bold;
    font-size:12px;
    text-align:center;
    background-color:rgb(220,220,220);
    border:1px solid rgb(200,200,200);
}


.table thead,
.table thead tr{
    border:1px solid transparent;
}


.table {
    position: relative;
}

.table thead th{
    text-align:center;
    padding:10px 5px;
    text-align:center;
    font-size:11px;
    background-color:rgb(235,235,235);
    border:1px solid rgb(200,200,200);
}


.table_sticky thead th{
    position: sticky;
    top: 0;
    z-index:1000;
}


.table td,
.table_bordered td{
    padding:4px 5px;
    padding-top:10px;
    padding-bottom:3px;
    border-bottom:1px solid rgb(200,200,200);
}

.table tbody tr:hover{
    background-color:rgb(220,220,220);
}

.table_bordered th,
.table_bordered td{
    border:1px solid rgb(150,150,150);
}

.table_bordered_in th,
.table_bordered_in td{
    border:1px solid rgb(150,150,150);
    padding:10px 5px;
}


.table_bordered_in th{
    background-color:rgb(200,200,200);
}


.table_center th,
.table_center td{
    text-align:center;
}


td.td_champ_input{
    padding:0!important;
    background-color:white;
}

td.td_champ_input input,
td.td_champ_input select{
    border:none;
    padding:8px 5px;
    width:100%;
    background-color:rgb(255,255,255);
}

.acre_block_link{
    display:block;
    padding:10px 5px;
    width:100%;
    color:rgb(57,86,203);
}


.small_screem_81{ display:block; }
.small_screem_82{ display:none; }

.small_screem_61{ display:block; }
.small_screem_62{ display:none; }

.td5{width:5%;}.td10{width:10%;}.td15{width:15%;}.td20{width:20%;}.td25{width:25%;}
.td30{width:30%;}.td35{width:35%;}.td40{width:40%;}.td45{width:45%;}.td50{width:50%;}
.td55{width:55%;}.td60{width:60%;}.td65{width:65%;}.td70{width:70%;}.td75{width:75%;}
.td80{width:80%;}.td85{width:85%;}.td90{width:90%;}.td95{width:95%;}.td100{width:100%;}

@media only screen and (max-width: 800px){

    .sdd_td{ display:none; }

    .sdd_td10{width:10%;}.sdd_td15{width:15%;}
    .sdd_td20{width:20%;}.sdd_td25{width:25%;}
    .sdd_td30{width:30%;}.sdd_td35{width:35%;}
    .sdd_td40{width:40%;}.sdd_td45{width:45%;}
    .sdd_td50{width:50%;}.sdd_td55{width:55%;}
    .sdd_td60{width:60%;}.sdd_td65{width:65%;}
    .sdd_td70{width:70%;}.sdd_td75{width:75%;}
    .sdd_td80{width:80%;}.sdd_td85{width:85%;}
    .sdd_td90{width:90%;}.sdd_td95{width:95%;}
    .sdd_td100{width:100%;}
    
    .small_screem_81{ display:none; }
    .small_screem_82{ display:block; }
    
    .col_sm1{width:10%;}.col_sm2{width:20%;}.col_sm3{width:30%;}.col_sm4{width:40%;}
    .col_sm5{width:50%;}.col_sm6{width:60%;}
    .col_sm7{width:70%;}.col_sm8{width:80%;}.col_sm9{width:90%;}.col_sm10{width:100%;}
    .col_sm15{width:15%;}.col_sm25{width:25%;}.col_sm35{width:35%;}.col_sm45{width:45%;}
    .col_sm55{width:55%;}.col_sm65{width:65%;}.col_sm75{width:75%;}.col_sm85{width:85%;}
    .col_sm95{width:95%;}.col_sm100{width:100%;}
}


@media only screen and (max-width: 600px){

    .sdd_small_td{  display:none; }
    .sdd_small_td10{width:10%;}.sdd_small_td15{width:15%;}
    .sdd_small_td20{width:20%;}.sdd_small_td25{width:25%;}
    .sdd_small_td30{width:30%;}.sdd_small_td35{width:35%;}
    .sdd_small_td40{width:40%;}.sdd_small_td45{width:45%;}
    .sdd_small_td50{width:50%;}.sdd_small_td55{width:55%;}
    .sdd_small_td60{width:60%;}.sdd_small_td65{width:65%;}
    .sdd_small_td70{width:70%;}.sdd_small_td75{width:75%;}
    .sdd_small_td80{width:80%;}.sdd_small_td85{width:85%;}
    .sdd_small_td90{width:90%;}.sdd_small_td95{width:95%;}
    .sdd_small_td100{width:100%;}
    .small_screem_61{ display:none; }
    .small_screem_62{ display:block; }
}


.color_green{
    color:rgb(76,175,80);
}
.bg_green{
    background-color:rgb(76,175,80);
}

.color_white{
    color:white;
}

.bg_white{
    background-color:rgb(255,255,255);
}

.map_tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    font-size:12px!important;
}

.map_tooltiptext,
.map_tooltiptext2 {
    visibility:hidden;
}

.map_tooltiptext::after,
.map_tooltiptext2::after {
    content:attr(data_toolt);
    width: 160px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 10000;
    font-family:Arial, sans-serif;
    font-family:Verdana,sans-serif;
    bottom:150%;
    left:-80px;
}

.map_tooltiptext2::after {
     width: 300px;
}


.map_tooltiptext::before,
.map_tooltiptext2::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
    z-index:10000;
}


.map_tooltip:hover .map_tooltiptext{
    visibility: visible;
}

.map_tooltip:hover .map_tooltiptext2{
    visibility: visible;
}

.no_badge{
    display:inline-block;
    border-radius:100px;
    width:16px;
    height:16px;
    font-size:11px;
    cursor:pointer;
    font-weight:bold;
    position:relative;
}

.no_badge.bg_white{
    color:rgb(60,60,60);
}

.no_badge:after{
    content:attr(data_badge);
    position:absolute;
    font-weight:bold;
    top:-4px;
    left:3px;
    font-size:15px;
    font-family:"Arial Black", sans-serif;
    font-family:Verdana,sans-serif;
}


.map_badge{
    display:inline-block;
    background-color:#000;
    border-radius:100px;
    width:16px;
    height:16px;
    font-size:11px!important;
    color:white;
    cursor:pointer;
    font-weight:bold;
    position:relative;
}

.map_badge:after{
    content:attr(data_badge);
    position:absolute;
    top:-4px;
    left:5px;
    font-weight:bold;
    font-family:"Arial Black", sans-serif;
    font-family:Verdana,sans-serif;
}


.badge1 {
   position:relative;
}


.badge1[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top:-10px;
   right:-10px;
   font-size:.7em;
   background:green;
   color:white;
   width:18px;height:18px;
   text-align:center;
   line-height:18px;
   border-radius:50%;
   box-shadow:0 0 1px #333;
}

.decor_news_page_titre{
    margin-bottom:20px;
}

.decor_news_page_titre h1,
.decor_news_page_titre h2{
    font-size:22px;
}

.badge_explication{
    background-color:rgb(255,255,120);
    background-color:rgb(0,0,0);
    color:white;
    padding:15px;
    font-size:12px;
    margin:5px 0;
}

.modalMap{
    display:none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    text-align:center;
}

.modalMapW{
    display:none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.3);
    text-align:center;
}

.modalMapW2{
    display:none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0);
    text-align:center;
}

.modal_middle{
    position:absolute;
    width:100%;
    top: 50%;
    left:0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-align:center;
}

.panel_accordeons{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.panel_button{
    cursor:pointer;
    text-decoration:underline;
    color:rgb(180,100,255);
}

@keyframes spinners {
    to {transform: rotate(360deg);}
}

.spinners:before{
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: white;
    border-bottom-color: white;
    animation: spinners .4s linear infinite;
}


.fin-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.fin-spinner div {
  transform-origin: 40px 40px;
  animation: fin-spinner 1.2s linear infinite;
}

.fin-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #fff;
}
.fin-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.fin-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.fin-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.fin-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.fin-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.fin-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.fin-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.fin-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.fin-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.fin-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.fin-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.fin-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes fin-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


.fin-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.fin-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.fin-ellipsis div:nth-child(1) {
  left: 8px;
  animation: fin-ellipsis1 0.6s infinite;
}
.fin-ellipsis div:nth-child(2) {
  left: 8px;
  animation: fin-ellipsis2 0.6s infinite;
}
.fin-ellipsis div:nth-child(3) {
  left: 32px;
  animation: fin-ellipsis2 0.6s infinite;
}
.fin-ellipsis div:nth-child(4) {
  left: 56px;
  animation: fin-ellipsis3 0.6s infinite;
}
@keyframes fin-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes fin-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes fin-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

.fin-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.fin-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: fin-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.fin-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.fin-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.fin-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes fin-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.modale_box_notification{
    display:none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.1);
    text-align:center;
}


.notification_panel{
    max-width:500px;
    margin:3em auto;
    background-color:white;
    box-shadow:
        0 5px 10px 0 rgba(0,0,0,0.2),
        0 9px 20px 0 rgba(0,0,0,0.19);
    min-height:100px;
    border-radius:5px;
    padding:15px;
    position:relative;
}


.myProgress{
    position: relative;
    width:100%;
    height:20px;
    background:white;
    margin-bottom:10px;
    border-left:20px solid #4CAF50;
    background-color:rgb(76, 175, 80);
}

.myProgress.grey{
    background:rgb(235, 235, 235);
}

.myProgress.white{
    background:rgb(255,255,255);
}

.myBar{
    position: absolute;
    width:0;
    background-color: #4CAF50;
}

.myLabel {
    text-align: center;
    line-height: 20px;
    color:yellow;
    height: 20px;
}

.span_check{
    display:inline-block;
    font-size:12px;
    cursor:pointer;
}

.decor_elements{
    overflow:auto;
    border:1px solid rgb(150,150,150);
}

.decor_auto_small{
    max-width:600px;
    margin:auto;
}

.scroll_table table{
    width:100%;
}

.scroll_table.meddium table{
    width:1200px;
}

.scroll_table.big table{
    width:1500px;
}

.scroll_table.large table{
    width:2000px;
}

.ultra_multiple_check li{
    float:left;
}

.ultra_multiple_check .check{
    display:block;
    padding:7px 10px;
    cursor:pointer;
    background-color:rgb(254,254,254);
    margin-right:10px;
} 

.ultra_multiple_check .check.noBack{
    background-color:transparent;
} 

.ultra_multiple_check2{
    border:1px solid rgb(150,150,150);
    max-height:200px;
    overflow:auto;
}

.ultra_multiple_check2 li{
    display:block;
    padding:10px;
    background-color:white;
    border-top:1px solid rgb(150,150,150);
    cursor:pointer;
}

.ultra_multiple_check2 li:first-child{
    border-top:none;
}

.form_recherche{
    max-width:800px;
    margin:auto;
}

.decor_input_search{
    position:relative;
    border:2px solid transparent;
    transition:all 0.3s ease-in-out;
}

.decor_input_search.left{
    padding-left:60px;
}

.decor_input_search.right{
    padding-right:60px;
}

.decor_input_search input{
    border:none;
    padding:10px 5px;
    border:1px solid rgb(220,220,220);
    width:100%;
}

.decor_input_search.right input{
    border-right:none;
}

.decor_input_search.right .search_btn{
    display:inline-block;
    position:absolute;
    top:0;
    right:0;
    border:none;
    background-color:transparent;
    width:60px;
    height:100%;
    font-weight:bold;
    font-size:11px;
    background-color:rgb(240,240,240);
    border:1px solid rgb(220,220,220);
    border-left:none;
}

.map-crap-form{
    position:relative;
}

.ultra_recherche,
.ultra_search{
    position:absolute;
    top:100%;
    width:100%;
    left:0;
    background-color:rgb(245,245,245);
    min-height:100px;
    max-height:250px;
    border-top:none;
    box-shadow:
        0 1px 1px 0 rgba(0, 0, 0, 0.2),
        0 1px 2px 0 rgba(0, 0, 0, 0.19);
    z-index:2;
    overflow:auto;
    display:none;
    border:1px solid rgb(220,220,220);
    border-top:none;
}

.ultra_recherche li,
.ultra_search li{
    cursor:pointer;
    padding:10px 5px;
    font-size:12px;
    border-bottom:1px solid;
}

.ultra_recherche li:hover,
.ultra_search li:hover{
    background-color:rgb(220,220,220);
}

.decor_coustomer_checkmark{
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px!important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.decor_coustomer_checkmark input{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    z-index:2;
}

.checkmark{
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    z-index:1;
}

.decor_coustomer_checkmark:hover input ~ .checkmark {
    background-color: #ccc;
}   


.decor_coustomer_checkmark input:checked ~ .checkmark {
    background-color: #2196F3;
}

.decor_coustomer_checkmark .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


.decor_coustomer_checkmark input:checked ~ .checkmark:after {
    display: block;
}

.decor_coustomer_checkmark .checkmark:after{
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.decor_coustomer_checkmark {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px!important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



.decor_coustomer_checkmark input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


.checkmark_radio {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color:  rgb(200,200,200);
    border-radius: 50%;
    
}

.decor_coustomer_checkmark:hover input ~ .checkmark_radio {
    background-color: #ccc;
}

.decor_coustomer_checkmark input:checked ~ .checkmark_radio {
    background-color: #2196F3;
}

.checkmark_radio:after {
    content: "";
    position: absolute;
    display: none;
}

.decor_coustomer_checkmark input:checked ~ .checkmark_radio:after {
    display: block;
}

.decor_coustomer_checkmark .checkmark_radio:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}


.map_mark,
.mark_cals{
    display:inline-block;
    padding:1px 5px;
    color:rgb(0,0,0);
    background-color:rgb(76,175,80);
    font-size:11px!important;
}


.map_mark.big,
.mark_cals.big{
    padding:7px 15px;
    font-size:17px!important;
}


.ultra_recherche{
    position:absolute;
    top:103%;
    width:100%;
    left:0;
    background-color:white;
    min-height:100px;
    border-top:none;
    box-shadow:
        0 1px 1px 0 rgba(0, 0, 0, 0.2),
        0 1px 2px 0 rgba(0, 0, 0, 0.19);
    z-index:2;
    max-height:250px;
    overflow:auto;
    display:none;
    padding:15px 0;
}

.ultra_recherche li{
    cursor:pointer;
    padding:10px 5px 10px 15px;;
    font-size:12px;
}


.ultra_recherche li:hover{
    background-color:rgb(245,245,245);
}


.box_check {
    display:inline-block;
    width:100%;
    height: calc(1em - 0.2rem + 1px);
    width:45px;
    font-family: system-ui, sans-serif;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.1;
    display: grid;
    grid-template-columns: 1.2em auto;
    gap: 0.5em;
}

input.box_check {
    font: inherit;
    width: 1.8em;
    height: 1.8em;
    border: 1px solid rgb(220,220,220);
    border-radius: 0.15em;
    margin:auto;
}

.bloc_inline{
    display:inline-block;
}

.cadre_box_check{
    position:relative;
    padding-left:80px;
}

input.box_check2{
    position:absolute;
    top:2px;
    left:15px;
    display:inline-block;
    width: 2em;
    height: 2em;
    border: 1px solid rgb(235,235,235);
    border-radius: 5px;
    margin-top:2px;
    margin-right:5px;
}


.myCheck{
    width: 20px;
    height: 22px;
}

.myCheck.sm{
    display:inline-block;
    vertical-align:middle;
    width: 18px;
    height: 20px;
}

.myCheck.small{
    display:inline-block;
    vertical-align:middle;
    width: 25px;
    height: 27px;
}

.myCheck.big{
    display:inline-block;
    vertical-align:middle;
    width: 35px;
    height: 37px;
}
.myCheck.large{
    display:inline-block;
    vertical-align:middle;
    width: 45px;
    height: 47px;
}

.breakWord{
    word-break: break-all;
}
/* ----------- */
.input_group{
    position:relative;
    border:1px solid #ccc;
}

.input_prepend_text,
.input_prepend_champ{
    float:left;
}

.input_prepend_text{
    width:10%;
}

.input_prepend_champ{
    width:90%;
}

.input_prepend_champ .input-box{
    border:none;
    width:100%;
}

.input_prepend_champ.left .input-box{
    border-left:1px solid rgb(200,200,200);
}
.input_prepend_champ.right .input-box{
    border-right:1px solid rgb(200,200,200);
}

.input_group_text{
    display:inline-block;
    text-align:center;
    width:100%;
    padding-top:8px;
    padding-bottom:7px;
    cursor:pointer;
}

::placeholder{
    color:rgb(100,100,100);
}