.bandeauNavigateur{position:absolute;z-index:2;text-align:center;background-color:#ffb405;font-size:15px;font-style:italic;overflow:hidden}.bandeauNavigateur img{float:left;height:40px;width:40px}body{font-size:12px;position:absolute;width:100%;height:100%;padding:0;margin:0;overflow:auto;font-family:"Century Gothic","Tahoma","Arial"}body #langues{position:absolute;top:5px;right:2%;z-index:1}body #langues img{width:35px;height:35px;margin-right:7px}body img{border:0}body .conteneurFond{position:absolute;width:100%;height:300px;background-color:#ee7f13;background-image:-webkit-linear-gradient(top,#ee7f13,#fff);background-image:-moz-linear-gradient(top,#ee7f13,#fff);background-image:-o-linear-gradient(top,#ee7f13,#fff);background-image:-ms-linear-gradient(top,#ee7f13,#fff);background-image:linear-gradient(top,#ee7f13,#fff)}body .conteneurImageFond{position:absolute;top:315px;width:calc(100% - 20px);height:calc(100% - 315px);overflow:hidden;padding-left:20px;background-color:#fff}body .conteneurImageFond .imageFond{height:calc(100% - 120px);display:inline-block;max-height:500px;max-width:800px}body .logoAccueil{position:absolute;width:160px;height:auto;margin:40px}body .conteneurConnexion{position:absolute;right:10%;width:30%;top:180px;z-index:1}body .conteneurConnexion .formulaireConnexion{background-color:#fff;color:#a5a5a5;padding:25px 15px 15px 15px;box-shadow:0px 0px 20px 0px #838383;margin-top:2%;font-size:1.15em}body .conteneurConnexion .formulaireConnexion .enteteFormulaire{text-align:center;font-size:1.5em;margin-bottom:20px;color:#656565}body .conteneurConnexion .formulaireConnexion #NomUtilisateur,body .conteneurConnexion .formulaireConnexion #MotdePasse,body .conteneurConnexion .formulaireConnexion #NumeroLicence,body .conteneurConnexion .formulaireConnexion #Identifiant{width:calc(100% - 90px);height:20px;padding:5px;border-radius:2px;background-color:white;border:3px solid #ddd}body .conteneurConnexion .formulaireConnexion #NomUtilisateur,body .conteneurConnexion .formulaireConnexion #Identifiant{margin-bottom:15px}body .conteneurConnexion .formulaireConnexion #connexion{float:right;width:40px;height:80px;position:relative;top:-47px;border-radius:8px}body .conteneurConnexion .formulaireConnexion #connexion .btnConnexion{position:relative;width:32px;height:32px;left:-13px}body .conteneurConnexion .formulaireConnexion #connexion #chargementConnexion{position:relative;width:23px;height:23px;left:-8px;display:none}body .conteneurConnexion .formulaireConnexion .conserverSession label{font:1em "Century Gothic","Tahoma","Arial";font-size:1.0em;display:block;margin-bottom:5px;position:relative;top:-2px}body .conteneurConnexion .formulaireConnexion .motDePasseOublie a{margin-left:3px;color:#a5a5a5}body .conteneurConnexion .formulaireConnexion .captcha{width:100%}body .conteneurConnexion .formulaireConnexion .captcha #imgCaptcha{width:calc(100% - 250px);display:block;margin-bottom:10px}body .conteneurConnexion .formulaireConnexion .captcha #Captcha{width:calc(100% - 252px);display:block}body .piedPage{font:1em "Century Gothic","Tahoma","Arial";font-size:x-small;text-align:center;position:absolute;clear:both;width:100%;bottom:10px}body .piedPage .logoSRCI{width:100px;height:auto}body .piedPage .logos{text-align:center;padding-top:10px}body .piedPage .logos .logoRGAA{width:45px;height:40px}body .piedPage .logos .logoW3C{width:45px;height:30px;position:relative;top:-7px}body .piedPage .logos .logoHTML5{width:45px;height:40px}body .piedPage .logos .logoCSS3{width:35px;height:40px}body #problemeInstallation{background:black;position:absolute;top:0;left:0;height:100%;width:100%;opacity:0.88;z-index:1000}body #problemeInstallation h2{position:absolute;top:32%;line-height:100px;height:90px;margin-top:-50px;font-size:65px;width:100%;text-align:center;color:white;-webkit-animation:blurFadeInOut 2s ease-in backwards;animation:blurFadeInOut 2s ease-in backwards;-webkit-animation-delay:0s;animation-delay:0s}::-webkit-input-placeholder{font-style:normal}::-moz-placeholder{font-style:normal}:-ms-input-placeholder{font-style:normal}@media only screen and (max-width:780px){.conteneurConnexion{left:5% !important;width:90% !important;top:120px !important}.conteneurFond{height:200px !important}.conteneurImageFond{top:215px !important;height:calc(100% - 215px) !important}.imageFond{display:none !important}.fenetreMdpOublie{left:25%}.logoAccueil{width:120px !important;margin:10px !important}}@media only screen and (max-height:500px){.piedPage{display:none !important}}