html{width:100%;height:100%;}body{background:#333; width:100%;height:100%;margin:0;padding:0;color:#333;background-image:url(../800_44.jpg); background-size:cover;background-attachment:fixed;font-family:'Arimo', sans-serif;font-size:20px;text-align:justify;}#page{position:relative;float:left;background:rgba(248,220,130,0.7);left:20px;width:50%;min-height:100%;padding:0 30px;border-right:#333 1px solid;}#josepaldir{position:fixed;background:transparent url(../josepaldir.png) no-repeat;display:none;right:50px;top:20px;width:423px;height:152px;text-align:center;z-index:1000;}.titre{font-size:40px;font-weight:bold;}#contphotos{position:relative;float:left;width:90%;}#contphotos img{position:absolute;width:100%;height:90%;opacity:0;}#infos_01{position:relative;float:left;width:100%;font-size:14px;text-align:center;}.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;}