html {height:100%;width:100%;}

body {
height:100%;
margin: 0;
padding: 0;
height:100%;width:100%;
background-color:#FFF;
color:#000;
}

.container {
width:100%;
max-width:none;
background-color:#EBE7E1;
min-height:100%;
}


@media ( min-width: 0px ) {
.container {
padding:0;
}
#_cuL {
max-width:1250px;
margin:auto;
}

#_cuI {
text-align:center;
width:100%;
color:#000;
font-weight:bold;
padding:20px 0
}

#_cuI .CLOSE {
float:right;
margin-top:12px;
cursor:pointer;
}

#_cuM {
width:100%;
}

#_cuN {
width: 100%;
height:100%;
background-color:#EEE;
margin:10px 0;
overflow-y: visible;
}

#_cuO {
width: 100%;

padding:0;
}

.card2 {
border-top:solid 1px #CCC;;
margin:10px 0;
border-radius:0;
overflow:hidden;
}

.card2 .card-header {
border-bottom:none;
}
}

#_cuN .breadcrumb {
background-color:transparent;
}
#_cuN .breadcrumb-bar {
background-color:#f0f1f2;
}

@media ( min-width: 1000px ) {
#_cuL {
max-width:1250px;
margin:auto;
}

#_cuM {
width:75%;
float:right;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
width: 75%;
}

#_cuN {
width: 100%;
height:100%;
margin:10px;
}

#_cuO {
float:left;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
width: 25%;

padding:0px 10px 0 0;
}

.card2 {
border:solid 1px #AAA;;
margin:10px;
border-radius:6px;
}
}

.CL option {
min-height: 12px;
padding-left: 16px;
background-color: transparent;
background-repeat: no-repeat;
background-position: left center;
}
select.CL option.fr {
background-image: url(/img/fr.png);
}
select.CL option.uk {
background-image: url(/img/uk.png);
}


.toast {
background-color:#FFF;
}

._cuH a {
text-decoration:none;
color:#FFF;
}

.dropdown-menu a{
color:#000;
}

.dropdown-menu img{
margin-right:6px;
}

.dropdown-menu .btn-primary {
color:#FFF;
}

.fade
{
display:block;
}

.fade:not(.show)
{
display:none;
transition-property: display;
transition-duration: 0s;
transition-timing-function: ease-in-out;
transition-delay: 0.30s;
}

.card.selected
{
background-image:url(/img/ok.png);
background-position:10px 10px;
background-repeat:no-repeat;
background-size:24px 24px;
}

input[type="search"] {
background-image:url(/img/search.png);
background-size:24px;
background-repeat:no-repeat;
padding-left:30px;
}

.SITE-CARD-ACTION {
width: 25%;
margin:0 4%;
border-radius:10px;
overflow:hidden;
float:left;
}

.SITE-INFO-BULLE {
overflow:hidden;
width:100%;
}

.SITE-INFO-BULLE-ARROW{
display:inner-block;
width:40px;
height:20px;
position:relative;
}

.SITE-INFO-BULLE-CORPS{
padding:10px 20px;
max-width:none;
text-align:inherit;
color:#FFF;
border-radius:10px;
font-size:120%;
}
.SITE-INFO-BULLE.OFF {
display:none;
transition-property: display, height;
transition-duration: 1s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}

.SITE-INFO-BULLE.ON {
display:block;
transition-property: display,height;
transition-duration: 1s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}



.autocomplete {
position: relative;
display: inline-block;
}




















.autocomplete-items {
width:fit-content;
min-width:100%;
position: absolute;
border: 1px solid #d4d4d4;
border-bottom: none;
border-top: none;
z-index: 99;

top: 100%;
left: 0;
right: 0;
max-height:250px;
overflow-y:auto;
}

.autocomplete-items div {
padding: 8px 32px 8px 8px;
cursor: pointer;
background-color: #fff;
border-bottom: 1px solid #d4d4d4;
white-space: nowrap;
}


.autocomplete-items div:hover {
background-color: #e9e9e9;
}


.autocomplete-active {
background-color: DodgerBlue !important;
color: #ffffff;
}

.menu {
padding:2px 6px 6px 6px;
border-bottom:solid 1px #CCC;
margin:0;
}

.menu .btn {
margin:0 0 3px 3px;
}
.menu-pipe {
height:100%;
border-left:solid 1px #CCC;
margin:0 6px;
}

.btn-save {
background-image:url(/img/save-white-24.png);
background-repeat:no-repeat;
background-position:6px 6px;
background-size:24px;
padding-left:36px;
}

.btn-save-off {
background-image:url(/img/save-off-white-24.png);
background-repeat:no-repeat;
background-position:6px 6px;
background-size:24px;
padding-left:36px;
}



#_Lz > #_cvD > #_eC {
padding:2px 10px 2px 4px;
}

#_cvG > ._cvC {
padding:2px 4px 2px 10px;
}

._cbQ .toast {
border-radius:0 0 .25em .25em;
}

._cbQ toast-header {
border-radius:.25em .25em 0 0;
}


.rotate {

transform: rotate(-70deg);





-webkit-transform: rotate(-70deg);


-moz-transform: rotate(-70deg);


-ms-transform: rotate(-70deg);


-o-transform: rotate(-70deg);


filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

.hiliteline tr:hover {
background-color:#8BF;
}

.hiliteline th {
background-color:#FFF;
}


.curseur1, .curseur2 {
-webkit-appearance: none;
width: 100%;
height: 6px;
border:none 0px transparent;
border-radius: 5px;
background: #d3d3d3;
outline: none;
opacity: 1;
-webkit-transition: .2s;
transition: opacity .2s;
}

.curseur1::-webkit-slider-thumb, .curseur2::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 16px;
height: 16px;
opacity:1;
border-radius: 8px;
background: #007bff;
cursor: pointer;
border:none 0px transparent;
}

.curseur1::-moz-range-thumb, .curseur2::-moz-range-thumb {
width: 16px;
height: 16px;
border-radius: 8px;
opacity:1;
background: #007bff;
cursor: pointer;
border:none 0px transparent;
}

.curseur1[type=range]::-moz-range-progress, .curseur1[type=range]::-ms-fill-lower {
background-color: #007bff;
height: 8px;
}

a.btn-discover {border:solid 2px #FFFFFF; border-radius:4px;padding:10px 20px;display:block;margin:20px 10px 10px 10px;cursor:pointer;transition-property: border-color;transition-duration:1s;color:#FFF !important;text-decoration:none !important;
font-size: 18px;
line-height: 1.8em;
font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
}
a.btn-discover:hover {border-color:transparent;transition-property: border-color;transition-duration:1s;}
a.btn-discover .after{width:0;transition-property: width;transition-duration:1s;overflow:hidden;text-align:right;display:inline-block;margin:0 0 -7px 5px;font-size:200%;}

a.btn-discover:hover .after{width:40px;transition-property: width;transition-duration:1s;}

input[type=radio]:disabled {
color:#999;
}

label.disabled {
color:#999;
font-style:italic;
}

table._c2s td {
padding:6px 12px 6px 42px;
text-align:left;
font-size:14px;
}

table._c2s td._6g {
text-align:left;
}

table._c2s ._c2v {
width:18px;
margin:0 6px 0 -24px;
}

table._c2s ._bvY {
text-align:center;
padding-right:48px;
width:300px;
}

table._c2s ._cvq {
background-color:#fe8f85;
}

table._c2s ._crp {
background-color:#71b4da;
}

table._c2s ._cvt {
background-color:#fbdc59;
}

table._c2s ._c2r {
width:20px;padding:0;margin:0;
}

table._c2s ._c2u {
border-radius:20px 20px 0 0;
}

table._c2s ._c2w {
border-radius:0 0 20px 20px;
}

._czm li._bvw {
list-style-type:none;
}

._czm li._3u {
list-style-type:none;
}

._czm li._bvw span{
cursor:pointer;
}

._czm li._bvw ul{
display:block;
}

._czm li._bvw span::before{
content:url(/img/_ckh.png);
position:relative;
left:0px;
top:7px;
}

._czm li._bvw._Lq span::before{
content:url(/img/_ckg.png);
}

._czm li._bvw._Lq span {
}
._czm li._bvw._Lq ul {
display:none;
}


._czm li._3u ._cxy,
._czm li._3u ._Ec,
._czm li._3u ._7g,
._czm li._3u ._cxr,
._czm li._3u ._czn,
._czm li._3u ._bzb,
._czm li._3u ._vt,
._czm li._3u ._czo{
display:inline-block;
overflow:hidden;
white-space: nowrap;
text-overflow:ellipsis;
border:solid 1px #FFF;
padding:2px 4px;
}

._czm li._3u ._Ec{
width:30px;
text-align:center;
}

._czm li._3u ._7g{
width:150px;
}

._czm li._3u ._cxr{
width:30px;
text-align:center;
}

._czm li._3u ._czn{
width:30px;
text-align:center;
}

._czm li._3u ._cxy{
width:40px;
}

._czm li._3u ._bzb{
width:125px;
text-align:center;
}
._czm li._3u ._vt{
width:70px;
text-align:right;
}
._czm li._3u ._czo{
width:30px;
text-align:right;
}
._czm li._3u ._czo img{
width:20px;
float:right;
opacity:0;
}

._czm li._3u:hover ._czo img{
opacity:1;
cursor:pointer;
}

._czm li._3u:hover {
background-color:rgba(192,255,128,0.5)
}

._czm li._3u:hover div._cxy,
._czm li._3u:hover div._Ec,
._czm li._3u:hover div._7g,
._czm li._3u:hover div._cxr,
._czm li._3u:hover div._czn,
._czm li._3u:hover div._bzb,
._czm li._3u:hover div._vt,
._czm li._3u:hover div._czo {
border-color:transparent;
}


.l0 {

}

.l1 {
background-color:#F8F8F8;
}

.l1 ._czm li._3u
{
border-color:#F6F6F6;
}

._czm._7x li._3u:hover {
background-color:unset;
}

ul._czm._7x {
padding:20px 0 0 0;
margin:0;
}

._czm._7x li._3u div {
background-color:#DDD;
}

#_HK {
display:inline-block;
}

#_HK h1 {
font-size:16px;
}
.progress-bar{
background-color:#CCC;
border-radius:12px;
width:300px;
max-width:80%;
margin:auto;
height:24px;
}

.progress-bar-cursor {
background-color:#007bff;
height:100%;
}

.dropdown-item.disabled {
cursor:not-allowed;
color:#CCC;
}

.center {
text-align:center;
}


._cCP {
background-color:#F9F91E;;
padding:0;
box-shadow:0 0 15px 10px #F9F91E;
position:fixed;
top:100px;
left:100px;
z-index:999999;
White-space: nowrap;
}

._cCP ._cCQ {
border:solid 2px #000;
background-color:#CCC;
padding:4px 5px 8px 5px;
border-radius:6px;
display:inline-block;
}

._cCP ._cCQ div{
border:solid 1px #EEE;
background-color:#DDD;
padding:2px 4px;
min-width:20px;
text-align:center;
border-radius:2px;
font-family:Arial;
font-size:12px;
}

._cHl {
cursor:pointer;
}



