html{
position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100%;overflow:hidden;
font:small-caps 16px/1.3 Arial;color:#777;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background:#202020}
body{}
body, div, table, p{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.sepa{clear:both;height:0;line-height:0;}
a, #menu li a{text-decoration:none;color:#777;}
ul{margin:0;padding:0 0 0 20px;}
li{list-style-type:none;cursor:pointer;}
/* -----------------  */
#surMenu{display:table;width:100%;}
#entete{position:static;left:0;right:0;display:table;width:100%;height:60px;padding:0 10px;}
#entete div, #surMenu div{display:table-cell;vertical-align:middle;text-align:center;}
.w20{width:10% !important;}
.cab{height:46px;border:1px solid #000;}
.w80{width:80% !important;text-align:center}
.classLang{width:40px;margin:10px;padding:5px;cursor:pointer;}
#fermer, #fermerGm, #fermerVideo{color:#e2d6c6;cursor:pointer}
#appelMenu{border:none;background:none;margin-top:5px;width:36px;height:36px;}
 
 #menu{position:absolute;width:100%;left:-100%;top:60px;bottom:50px;background: #202020;z-index:999;overflow:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;
-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%);
-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-webkit-transition-duration:0.3s;transition-duration:0.3s; padding:0px 10px 0 0;
 }
.swipeMenu #menu{-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%)}
.expliMenu{font:italic 0.8em/1 Arial;padding:0 0 5px 30px;}
#newTitre{font:1.2em/1em Arial;color:#F48303;margin-top:10px;letter-spacing:3px}
#sousTitre{font:small-caps 1em/1em Arial;color:#F48303;margin-top:10px;letter-spacing:3px}
.sousTitreClass{font:  1em/1em Arial;color:#F48303;margin-top:10px;}
.fauxLi{color:#e2d6c6;border-top:1px solid #D56D3F;cursor:pointer;font-size:1.5em;font-weight:bold;letter-spacing:3px}
.sousMenu,.sousMenu2{padding:5px 0 5px 10px;}


.m{font:bold 1.3em/1.5 Arial;height: 0px;overflow: hidden;transition: height  500ms;-o-transition: height  500ms;-moz-transition: height  500ms;-webkit-transition: height  500ms;}

#centre{position:absolute;left:0;right:0;top:60px;bottom:50px;z-index:1;overflow:hidden;padding:10px;overflow-y:scroll;-webkit-overflow-scrolling:touch;background: url('../_img/img_startup.png') no-repeat center;}
.sousPage{display:none;}
.imgTravaux{max-width:100%;margin-top:10px;}
.presentationTexte{font:1em/1.5 Arial;text-align:justify;color:#aaa}

#pdp{position:absolute;left:0;right:0;bottom:0;height:50px;z-index:3}  
.pdpTexte{font-size:1.1em;color:#F48303;font-weight:bold;text-align:center;}
.pdpTexte2{font-size:1em;margin-top:17px}
.pdpInfo{}
.pdpTable{display:table;width:100%;height:50px;font:1.1em/1.1em Arial;color:#F48303;text-transform:uppercase;font-weight:bold;}
.pdpCell{display:table-cell;width:50%;vertical-align:middle;cursor:pointer;}
.pdpCellSelect{background:rgba(0,0,0,0.2);color:#e2d6c6;}

#gm{position:absolute;overflow:hidden;top:0;left:0;right:0;height:100%;width:100%;z-index:20;background:rgba(0,0,0,1);display:none;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
#visu{position:relative;overflow:hidden;height:100%}
.bandeImg{float:left;transform:translate(0, 0)!important;-webkit-transform:translatez(0,0,0)!important;-webkit-backface-visibility: hidden!important;-backface-visibility: hidden!important;border:1px solid transparent}
.swipe-wrap{position:absolute;-webkit-backface-visibility: hidden!important;-backface-visibility: hidden!important;-webkit-transform:translatez(0,0,0)!important;transform:translatez(0,0,0)!important;}

#infoLoad{text-transform:uppercase;}

#divFermer{position:absolute;top:0;left:0;right:0;text-align:right;z-index:2;padding:5px 0;}
#fermerGm{padding:5px 10px;color:#F48303;background: rgba(0,0,0,0)}
#infoGm{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:5px 0;font-weight:bold;text-transform:uppercase;z-index:3;color:#F48303;background: rgba(0,0,0,0.5)}

#loader{position:absolute;top:40%;left:0;right:0;text-align:center;z-index:999;display:none}
#loader img{width:50px}
#loaderText{color:#F48303;}

.mask{position:absolute;top:0px; left:0; right:0;bottom:0;background:#202020;opacity:1;display:none;z-index:99}
.infoLoad{position:fixed;display:none;top:48%; width:100%;text-align:center;z-index:100;font-size:15px;}

.degradeHaut{
background: -moz-linear-gradient(top, #202020 0%,#363636 50%,#202020 100%); /* FF3.6+ */
background: -webkit-linear-gradient(top, #202020 0%,#363636 50%,#202020 100%);
background: -o-linear-gradient(top, #202020 0%,#363636 50%,#202020 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #202020 0%,#363636 50%,#202020 100%); /* IE10+ */
background: linear-gradient(to bottom, #202020 0%,#363636 50%,#202020 100%); /* W3C */
}


.tac{text-align:center;}
.tar{text-align:right;width:100%;}
.taj{text-align:justify;}
#surMenu .dn{display:none;}
.fauxLi .puce{font-size:0.8em;margin-right:3px;color:#ccc;}

.cartouche{position:relative;margin-bottom:10px;}
.titre{position:absolute;bottom:0;left:0;right:0;letter-spacing:2px;color:#aaa;background:rgba(0,0,0,0.8);padding:10px;;z-index:2;
/*-moz-box-shadow: 0px 5px 12px 0px #656565;-webkit-box-shadow: 0px 5px 12px 0px #000;-o-box-shadow: 0px 5px 12px 0px #656565;box-shadow: 0px 5px 12px 0px #000;*/
}
.imgfloat img{max-width:100% !important}
.puce{color:#555;}

.item{color:#bbb;background:#363636;cursor:pointer;padding:5px 0 5px 40px;margin-bottom:10px;}