













































@keyframes _dRg {
0%{transform:rotate(0deg);margin:5px;}
25%{transform:rotate(-10deg);margin-left:15px;margin-top:-15px;}
75%{transform:rotate(10deg);margin-left:-15px;}
100%{transform:rotate(0deg);margin:0;}
}
@-moz-keyframes _dRg {
0%{-moz-transform:rotate(0deg);margin:-0px;}
25%{-moz-transform:rotate(-10deg);margin-left:15px;}
75%{-moz-transform:rotate(10deg);margin-left:-15px;}
100%{-moz-transform:rotate(0deg);margin:0;}
}
@-webkit-keyframes _dRg {
0%{-webkit-transform:rotate(0deg);margin-left:15px;}
25%{-webkit-transform:rotate(-10deg);margin-left:-15px;}
75%{-webkit-transform:rotate(10deg);margin:-0px;}
100%{-webkit-transform:rotate(0deg);margin:0;}
}
@-ms-keyframes _dRg {
0%{-ms-transform:rotate(0deg);margin:-0px;}
25%{-ms-transform:rotate(-10deg);margin-left:15px;}
75%{-ms-transform:rotate(10deg);margin-left:-15px;}
100%{-ms-transform:rotate(0deg);margin:0;}
}


._dPV {opacity:1;transition-property:opacity;transition-duration:1s}
._dOG {opacity:0;transition-property:opacity;transition-duration:1s}

._dRL {color:#0088ff;}

#_dOW {
bottom:-150px !important;
transition-duration:1s;
transition-property:bottom;
}
body._evs #_dOW {
bottom:0 !important;
transition-duration:1s;
transition-property:bottom;
}

#_dOD {
position:fixed;
width:20vw;
height:70vh;
}

#_dOD._Lq {
top:30vh;
left:-30vw;
--top:100vh;
--left:5vw;
transition-duration:2s;
transition-property:top, left;
}

#_dOD._cQQ {
top:35vh;
left:5vw;
transition-duration:2s;
transition-property:top, left;
animation-timing-function: ease-out;
}

#_dOD._dPA {
top:30vh;
left:-30vw;
--top:100vh;
--left:5vw;
transition-duration:2s;
transition-property:top, left;
}

#_dOF {
border : solid 5px #F00;
background-color : #FFE;
border-radius : 30px;
padding : 10px;
font-size : 2em;
}

#_dOF::before {
content: "";
position: absolute;
left: calc(10vw + 70px);
top: 100%;
width: 0;
height: 0;
border-left: 18px solid transparent;
border-top: 36px solid #F00;
border-right: 18px solid transparent;
}

#_dOF::after {
content: "";
position: absolute;
position: absolute;
left: calc(10vw + 75px);
top: 100%;
width: 0;
height: 0;
border-left: 13px solid transparent;
border-top: 26px solid #FFE;
border-right: 13px solid transparent;
}
















#_dOH {
border : solid 5px #CCC;
background-color : #F0F0F0;
color : #444;
padding : 10px;
font-size : 1.5em;
border-radius : 30px;
white-space : nowrap;
}

#_dOH::before {
content: url('/img/sos/icone-think.png') ;
position: absolute;
top: 50%;
left: -37.5px;
width: 70px;
height: 70px;
background: inherit;
border-radius: 100%;
border: inherit;
margin-top:-39px
}














._dRN {
border:solid 1px #000;
border-radius:50%;
padding: 0 0.4em;
margin-right: -0.4em;
}


._dQc0 {
font-size:200%;
color:#0088ff;
display:inline-bloc;
}

._dQc1 {
font-size:100%;
color:#000;
display:inline-bloc;

transition-duration:1s;
transition-property:font-size, color;
}


#_dOH {
min-width: fit-content;
}

#_dOH2 {
clip-path: polygon(0 53%, 20px 100%, 100% 100%, 100% 0, 20px 0, 0 47%);

border : solid 5px #FB0;
border-left-width:25px;
background-color:#FFF8E0;
color:#444;
border-radius:5px;
padding:10px;
fontsize:1.5em;
white-space:nowrap;

}
#_dOH2:before {
}

body {
overflow:hidden;
}

.btn-active-help {
opacity:1;
filter: grayscale(0);

transition-duration:1s;
transition-property:opacity, grayscale;
}

body._evs .btn-active-help {
opacity:0.25;
filter: grayscale(100%);

transition-duration:1s;
transition-property:opacity, filter;
}

body._evs._dTj .btn-active-help {
opacity:1;
filter: grayscale(0);

transition-duration:1s;
transition-property:opacity, filter;
}



