html{width:100%; height:100%;}body{background:#333333;width:100%; height:100%;margin:0px;padding:0px;font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#4F4F4F;overflow:hidden;}#avisnoscript{position:absolute;background:#000000;left:570px;top:180px;width:200px;height:auto;padding:15px;font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#4F4F4F;text-align:center;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:10px 10px 25px #191919;-webkit-box-shadow:10px 10px 25px #191919;box-shadow:10px 10px 25px #191919;z-index:10;}#fondpsg{position:absolute;background:#333;top:0;width:100%;height:626px;text-align:center;}#son{position:absolute;width:1px;height:1px;}#titre{position:absolute;right:80px;top:20px;width:631px;height:auto;text-align:center;}#contentvideo{position:absolute;background:#000000;right:60px;top:110px;width:650px;height:auto;padding:15px 15px 0 15px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:10px 10px 25px #191919;-webkit-box-shadow:10px 10px 25px #191919;box-shadow:10px 10px 25px #191919;z-index:10;}#video{position:relative;float:left;width:650px;height:calc(650px / 4 * 3);text-align:center;color:red;z-index:1;}#vide_a{display:none;}#vide_o{display:block;}#cmdvideo{position:absolute;background:url(../images/fond_barreyt.gif);left:26px;top:325px;width:125px;height:24px;visibility:hidden;z-index:2;}#contentpage{position:absolute;background:transparent url(../images/voile_noir.png);top:0px;width:540px;height:100%;border-right:#000 1px solid;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:10px 10px 25px #191919;-webkit-box-shadow:10px 10px 25px #191919;box-shadow:10px 10px 25px #191919;z-index:10;overflow-y:scroll;}.ongletp{position:absolute;background:transparent url(../images/ongletp.png);left:45%;bottom:10px;width:96px;height:115px;z-index:8;}.onglet1{position:absolute;background:transparent url(../images/onglet1.png);left:60%;bottom:50px;width:65px;height:128px;z-index:8;}.onglet2{position:absolute;background:transparent url(../images/onglet2.png);left:55%;bottom:20px;width:62px;height:150px;z-index:8;}.barre{position:absolute;background:transparent url(../images/barre4.png) left top no-repeat;left:40%;bottom:100px;width:232px;height:218px;z-index:9;}.barre2{position:absolute;background:transparent url(../images/barre4.png) left -218px no-repeat;left:161px;top:378px;width:232px;height:218px;z-index:9;}.barre3{position:absolute;background:transparent url(../images/barre3.png) no-repeat;left:0px;top:0px;width:162px;height:32px;cursor:pointer;z-index:11;}#legende1{position:relative;float:left;width:100%;height:auto;text-align:center;color:#ffffff;}#contentdivpage{position:relative;float:right;right:10px;top:0px;width:400px;height:100%;color:#CCCCCC;display:block;}#divpage{position:relative;float:left;top:0px;width:400px;height:auto;}#manchescroll{position:fixed;float:left;display:block;width:162px;height:100%;}#manchescroll img{width:100%;height:100%;}.player{width:23px;height:23px;cursor:pointer;}.inactif{background:transparent url(../images/cmdson.png) left top no-repeat;}.playeractif{background:transparent url(../images/cmdson.png) left -23px no-repeat;}.playerpause{background:transparent url(../images/cmdson.png) left bottom no-repeat;}#contentpsgflash{position:absolute;background:#fff;bottom:200px;left:200px;width:750px;height:400px;padding:20px;border:#F1C208 2px solid;z-index:11;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:10px 10px 25px #191919;-webkit-box-shadow:10px 10px 25px #191919;box-shadow:10px 10px 25px #191919;visibility:hidden;}.dragflash{position:absolute;background:transparent;top:4px;left:4px;width:630px;height:20px;text-align:center;border:gray 1px solid;z-index:12;cursor:move;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}#page{position:relative;float:left;background:#FFEFCF;top:10px;left:0px;width:800px;height:auto;border-left:#D2D0D0 2px solid;border-right:#606060 3px solid;border-bottom:#606060 3px solid;z-index:1;}a{color:#A73401;text-decoration:none;}a:hover{color:green;}.tabliens{width:100%;margin:0px;padding:0px;}.tabliens td{height:40px;border-bottom:#333333 1px dashed;}.filtre{position:absolute;background:#000 url(../images/load.gif) 50% 50% no-repeat; width:100%; height:100%;left:0px;top:0px; z-index:110;}.temoindiapo{position:absolute;background:transparent; width:70px; height:20px;left:50%;margin-left:-90px;top:30px; text-align:center;color:#fff;z-index:115;}.zoom{cursor:-Moz-Zoom-In;cursor:-webkit-Zoom-In;}.zoom0{cursor:-Moz-Zoom-Out;cursor:-webkit-Zoom-Out;}.zoomie{cursor:url(../images/zoom1.cur),auto;cursor:pointer;}.zoom0ie{cursor:url(../images/zoom0.cur),auto;cursor:default;}.imgclasszoom{position:absolute;display:block;top:50%;width:auto;border:#fff 6px solid;z-index:111;}.fondmessage{position:fixed;background:#000; width:100%; height:100%;left:0px;top:0px; z-index:1003;opacity:0; transition-property:opacity;transition-duration:2s;display:none;}.fondscale{opacity:0.6;}#cartouche{position:fixed;background:rgba(0,0,0,0.6);left:10px;bottom:15px;width:120px;height:185px;z-index:200;visibility:visible;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}#volume{position:absolute;left:10px;bottom:10px;width:100px;height:20px;border-left:red 1px solid;border-right:#00ff00 1px solid;z-index:1;visibility:visible;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}#full, #fullno, #enveloppe{position:absolute;background:url(../full.png) left top no-repeat;left:65px;top:-35px;width:31px;height:28px;z-index:200;visibility:visible;cursor:pointer;}#fullno{background:url(../fullno.png) left top no-repeat;}#enveloppe{background:url(../enveloppe.png) left top no-repeat;left:5px;}#survol{position:absolute;background:transparent;left:0;top:0;width:100%;height:100%;color:#fff;font-family:arial;text-align:center;font-size:16px;z-index:1;visibility:visible;}.carre{border-style:none;position:relative;float:left;background:gray;width:9%;height:17px;margin:0;padding:0;cursor:pointer;}#voyant{position:absolute;background:yellow;left:0;top:0;width:0px;height:100%;z-index:2;}.inputnostyle, .inputnostyle2{border-style:none;background:transparent;color:#D4DCDE;font-size:16px;font-weight:normal;cursor:pointer;}.inputnostyle2{color:blue;font-weight:normal;font-size:12px;}.bulle{position:absolute;background:black;min-width:100px;max-width:200px;height:auto;padding:5px;font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#fff;text-align:center;visibility:visible;z-index:1000;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}#papier{position:absolute;left:0;top:0;width:120px;z-index:2;}.contformu{position:fixed;background:#232323; width:50%; height:650px;top:calc((100vh - 650px) / 2);left:25%;color:#fff;border:gray 1px solid;border-radius:20px;z-index:1004;font-size:20px;-webkit-transition:all 200ms ease-in;-webkit-transform:scale(0); -ms-transition:all 200ms ease-in;-ms-transform:scale(0); -moz-transition:all 200ms ease-in;-moz-transform:scale(0);transition:all 1000ms ease-in;transform:scale(0);opacity:0;}.formuscale{-webkit-transition:all 1000ms ease-in;-webkit-transform:scale(1);-ms-transition:all 1000ms ease-in;-ms-transform:scale(1); -moz-transition:all 1000ms ease-in;-moz-transform:scale(1);transition:all 1000ms ease-in;transform:scale(1); opacity:1;}a{text-decoration:none;}.fond{position:absolute;background:#ffffff; width:100%; height:100%;left:0px;top:0px; z-index:1003;}.exped{background:transparent;text-align:center;font-size:22px;letter-spacing:3px;height:140px;top:50%;margin-top:-70px;-webkit-transition:all 800ms ease-in;-moz-transition:all 800ms ease-in;-ms-transition:all 800ms ease-in;-o-transition:all 800ms ease-in; transition:all 800ms ease-in;}.bouge{animation:mouvement-uniforme 5s 1;-webkit-animation:webkit-mouvement-uniforme 5s 1;-moz-animation:moz-mouvement-uniforme 2s 1;-ms-animation:ms-mouvement-uniforme 5s 1;-o-animation:o-mouvement-uniforme 5s 1;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;}@keyframes mouvement-uniforme{0%{animation-timing-function:ease-in-out; transform:translateX(0px);}10%{animation-timing-function:ease-in-out; transform:translateX(-80px);}20%{animation-timing-function:ease-in-out; transform:translateX(-40px);}30%{animation-timing-function:ease-in-out; transform:translateX(-100px);}100%{animation-timing-function:ease-in-out; transform:translateX(4000px);}}@-webkit-keyframes webkit-mouvement-uniforme{0%{-webkit-animation-timing-function:ease-in-out; -webkit-transform:translateX(0px);}10%{-webkit-animation-timing-function:ease-in-out; -webkit-transform:translateX(-80px);}20%{-webkit-animation-timing-function:ease-in-out; -webkit-transform:translateX(-40px);}30%{-webkit-animation-timing-function:ease-in-out; -webkit-transform:translateX(-100px);}100%{-webkit-animation-timing-function:ease-in-out; -webkit-transform:translateX(4000px);}}@-moz-keyframes moz-mouvement-uniforme{0%{-moz-animation-timing-function:ease-in-out; -moz-transform:translateX(0px);}10%{-moz-animation-timing-function:ease-in-out; -moz-transform:translateX(-80px);}20%{-moz-animation-timing-function:ease-in-out; -moz-transform:translateX(-40px);}30%{-moz-animation-timing-function:ease-in-out; -moz-transform:translateX(-100px);}100%{-moz-animation-timing-function:ease-in-out; -moz-transform:translateX(4000px);}}@-ms-keyframes ms-mouvement-uniforme{0%{-ms-animation-timing-function:linear; -ms-transform:translateX(0px);}10%{-ms-animation-timing-function:ease-in-out; -ms-transform:translateX(-80px);}20%{-ms-animation-timing-function:ease-in-out; -ms-transform:translateX(-40px);}30%{-ms-animation-timing-function:ease-in-out; -ms-transform:translateX(-100px);}100%{-ms-animation-timing-function:ease-in-out; -ms-transform:translateX(4000px);}}@-o-keyframes o-mouvement-uniforme{0%{-o-animation-timing-function:ease-in-out; -o-transform:translateX(0px);}10%{-o-animation-timing-function:ease-in-out; -o-transform:translateX(-80px);}20%{-o-animation-timing-function:ease-in-out; -o-transform:translateX(-40px);}30%{-o-animation-timing-function:ease-in-out; -o-transform:translateX(-100px);}100%{-o-animation-timing-function:ease-in-out; -o-transform:translateX(4000px);}}.negatif{animation:nonvalide 1s 1;-webkit-animation:webkit-nonvalide 1s 1;-moz-animation:moz-nonvalide 1s 1;-ms-animation:ms-nonvalide 1s 1;-o-animation:o-nonvalide 1s 1;}@keyframes nonvalide{0%{animation-timing-function:ease-in-out; transform:translateX(0px);}10%{animation-timing-function:ease-in-out; transform:translateX(20px);}20%{animation-timing-function:ease-in-out; transform:translateX(-20px);}30%{animation-timing-function:ease-in-out; transform:translateX(30px);}40%{animation-timing-function:ease-in-out; transform:translateX(-30px);}50%{animation-timing-function:ease-in-out; transform:translateX(40px);}60%{animation-timing-function:ease-in-out; transform:translateX(-40px);}70%{animation-timing-function:ease-in-out; transform:translateX(30px);}80%{animation-timing-function:ease-in-out; transform:translateX(-30px);}90%{animation-timing-function:ease-in-out; transform:translateX(20px);}100%{animation-timing-function:ease-in-out; transform:translateX(0px);}}@-webkit-keyframes webkit-nonvalide{0%{-webkit-animation-timing-function:ease-in-out; -webkit-transform:translateX(0px);}10%{-webkit-animation-timing-function:ease-in-out; -webkit-transform:translateX(20px);}20%{-webkit-animation-timing-function:ease-in-out; -webkit-transform:translateX(-20px);}30%{-webkit-animation-timing-function:ease-in-out; -webkit-transform:translateX(30px);}40%{-webkit-animation-timing-function:ease-in-out; -webkit-transform:translateX(-30px);}50%{-webkit-animation-timing-function:ease-in-out; -webkit-transform:translateX(40px);}60%{-webkit-animation-timing-function:ease-in-out; -webkit-transform:translateX(-40px);}70%{-webkit-animation-timing-function:ease-in-out; -webkit-transform:translateX(30px);}80%{-webkit-animation-timing-function:ease-in-out; -webkit-transform:translateX(-30px);}90%{-webkit-animation-timing-function:ease-in-out; -webkit-transform:translateX(20px);}100%{-webkit-animation-timing-function:ease-in-out; -webkit-transform:translateX(0px);}}@-moz-keyframes moz-nonvalide{0%{-moz-animation-timing-function:ease-in-out; -moz-transform:translateX(0px);}10%{-moz-animation-timing-function:ease-in-out; -moz-transform:translateX(20px);}20%{-moz-animation-timing-function:ease-in-out; -moz-transform:translateX(-20px);}30%{-moz-animation-timing-function:ease-in-out; -moz-transform:translateX(30px);}40%{-moz-animation-timing-function:ease-in-out; -moz-transform:translateX(-30px);}50%{-moz-animation-timing-function:ease-in-out; -moz-transform:translateX(40px);}60%{-moz-animation-timing-function:ease-in-out; -moz-transform:translateX(-40px);}70%{-moz-animation-timing-function:ease-in-out; -moz-transform:translateX(30px);}80%{-moz-animation-timing-function:ease-in-out; -moz-transform:translateX(-30px);}90%{-moz-animation-timing-function:ease-in-out; -moz-transform:translateX(20px);}100%{-moz-animation-timing-function:ease-in-out; -moz-transform:translateX(0px);}}@-ms-keyframes ms-nonvalide{0%{-ms-animation-timing-function:ease-in-out; -ms-transform:translateX(0px);}10%{-ms-animation-timing-function:ease-in-out; -ms-transform:translateX(20px);}20%{-ms-animation-timing-function:ease-in-out; -ms-transform:translateX(-20px);}30%{-ms-animation-timing-function:ease-in-out; -ms-transform:translateX(30px);}40%{-ms-animation-timing-function:ease-in-out; -ms-transform:translateX(-30px);}50%{-ms-animation-timing-function:ease-in-out; -ms-transform:translateX(40px);}60%{-ms-animation-timing-function:ease-in-out; -ms-transform:translateX(-40px);}70%{-ms-animation-timing-function:ease-in-out; -ms-transform:translateX(30px);}80%{-ms-animation-timing-function:ease-in-out; -ms-transform:translateX(-30px);}90%{-ms-animation-timing-function:ease-in-out; -ms-transform:translateX(20px);}100%{-ms-animation-timing-function:ease-in-out; -ms-transform:translateX(0px);}}@-o-keyframes o-nonvalide{0%{-o-animation-timing-function:ease-in-out; -o-transform:translateX(0px);}10%{-o-animation-timing-function:ease-in-out; -o-transform:translateX(20px);}20%{-o-animation-timing-function:ease-in-out; -o-transform:translateX(-20px);}30%{-o-animation-timing-function:ease-in-out; -o-transform:translateX(30px);}40%{-o-animation-timing-function:ease-in-out; -o-transform:translateX(-30px);}50%{-o-animation-timing-function:ease-in-out; -o-transform:translateX(40px);}60%{-o-animation-timing-function:ease-in-out; -o-transform:translateX(-40px);}70%{-o-animation-timing-function:ease-in-out; -o-transform:translateX(30px);}80%{-o-animation-timing-function:ease-in-out; -o-transform:translateX(-30px);}90%{-o-animation-timing-function:ease-in-out; -o-transform:translateX(20px);}100%{-o-animation-timing-function:ease-in-out; -o-transform:translateX(0px);}}.contactable{position:absolute;top:40px;font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#FFFFFF;width:96%;}.contactable .titre{text-align:center;color:orange;font-size:30px;}.contactable .label{width:100px;height:30px;padding-right:10px;text-align:right;color:gray;font-size:16px;}.contactable input[type=text]{background:black;color:#fff;font-size:20px;width:430px;height:auto;margin:3px 0;border:gray 1px solid;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}.contactable input[type=submit]{background:black;width:100px;height:35px;color:gray;font-size:16px;border:gray 1px outset; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}.contactable input[type=button]{background:black;width:36px;height:36px;color:gray;font-size:22px;font-weight:bold;border:gray 1px outset; -moz-border-radius:18px;-webkit-border-radius:18px; border-radius:18px;}.contactable textarea{background:black;color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:20px;width:430px;border:gray 1px solid; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}.contactable input[type=text]:focus,.contactable textarea:focus{background:white;color:#000;}.contactable input[type=submit]:hover, .contactable input[type=button]:hover{background:#232323;}::-moz-placeholder{color:orange;}::-webkit-input-placeholder{color:orange;}:-ms-input-placeholder{color:orange;}#resultat{position:relative;float:left;left:0px;top:0px;width:100%;height:auto;text-align:center;color:red;}.butferme{position:absolute;background:url(../quit.gif) left top no-repeat;right:15px;top:10px;width:16px;height:16px;cursor:pointer;}.butferme:hover{background:url(../quit.gif) left bottom no-repeat;}
