#container-carte { width: 100%; height: 100%; transition: none; position: relative; }
#carte > * { transition: none; }
.sidewindow { display: none; position: absolute; top: 0; z-index: 100; min-height: 100%; background-color: #fff; background-image: url(//www.dentsdumidi.ch/wp-content/themes/dentsdumidi/images/loader.gif);     background-repeat: no-repeat; background-position: center center; }
.sidewindow.opened { display: block !important; width: 30%; max-width: 480px; right: 0; left: auto; height: 100%; overflow-y: visible; }
.etape { transition: none; }
.sidewindow .iconb-24 {  display: inline-block; background-color: #314586; border-radius: 50%; padding: 3px; margin-right: 3px; }
.sidewindow .iconb-24:before { width:32px; height: 32px; background-size: 320px; }
.sidewindow .lien a { display: block; background-color: #314586; color: #fff; padding: 5px 10px; border-radius: 3px; text-decoration: none; }
.sidewindow h3 { font-size: 1.6rem; color: #314586; margin: 0 0 1rem 0; }
.descr { padding: 1.5rem; }
.sidewindow .content { max-height: 100%; overflow-y: scroll; }
#btnClose { position: absolute; top: -15px; left: -15px; background-color: #fff; box-shadow: 0 0 4px #333; border-radius:15px; width: 30px; height: 30px; border: none; cursor: pointer; z-index: 10; }
#btnClose:before,
#btnClose:after { content: ''; width: 18px; height: 2px; border-radius: 2px; position: absolute; left: 50%; top: 50%; transform: rotate(45deg); background-color: #333; margin: -1px 0 0 -9px; }
#btnClose:after { transform: rotate(-45deg); }
@media (max-width: 980px) {
.sidewindow.opened { width: 50%; }
}
@media (max-width: 680px) {
.sidewindow.opened { max-width: none; width: 100%; }
}