/* RESET  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0; border: 0;font-size: 100%; font: inherit;vertical-align: baseline;}
html {font-size: 16px;max-width:auto;}
body {width: auto;font-family:  Helvetica, Arial, Tahoma, sans-serif;line-height: 1.2; font-weight: normal;}
img {max-width: 100%; border-width: 0;vertical-align: middle; -ms-interpolation-mode: bicubic; margin-left: 0px ;}
.center {display: block;margin-left: auto;margin-right: auto;text-align: center;  }
.responsive {width: 100%;height: auto;}

/* -- Base ------------------------------ */     /* border:1px solid #f00;   -webkit-overflow-scrolling:touch !important; */

#horloge{width: 100%;height:36px;line-height:36px;border:0;color:#fff;background: #c7c7cc;font-size:36px;letter-spacing: 2px; text-align:right;float: right;padding:2px 2px 0 0;}

#ladate{height:20px;font-family:Helvetica;float:right;font-size:14px;color:#fff;text-align:right;border-bottom: 1px solid #fff;padding:4px 6px 0 0;min-width:98px;}

#zero {position: fixed; z-index: 2300;top: 0; left: 0; width: 100%;min-width:300px;min-height:200px;display:none;overflow: hidden;} 
iframe#pagezero {position:relative;top: 0; left: 0; width: 100%; border: 0;}

#pageportail, #reso {position:fixed;top:0;left:0;z-index:100; width:100%;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;min-width:300;}
#pageportail {background: linear-gradient(0deg, #dedcdc 0%, #c7c7cc 60%);}

#lebas {width:100%;z-index:200;text-align:center;position:fixed;left:0;bottom:0;display:block;}

#plateforme {width:280px;height:60px;background: url(../images/portail.png) 0% 0% / 100% no-repeat content-box content-box;text-align:left;border-radius:8px}

#popup {position:fixed;width:100%;height:180px;display:none;cursor:default;}
#pop {width:276px;height:164px;background:url(../images/accueil.png) no-repeat;background-origin: content-box;border-radius:14px;border: 2px solid #374c7d;cursor:default;}

#croix {width: 57px;height: 50px;margin:0;float: right;}

#reso {z-index:200; background: #fff;bottom:0;display:none;}
iframe#inforeso {position: fixed; z-index: 2300;top: 28px; left: 0; background: #fff; width: 100%;height: 96%;border: 0;}

#logoappli {width:90%;max-width:300px;display:none;border-radius:60px; }

#close {float:right;margin:2px 10px;width:24px;cursor:pointer;}

@media only screen and (max-width: 440px){
#horloge{font-size:28px;line-height: 28px;}
#ladate{min-width: 82px}
}