.a11y-nav{position:absolute;top:-100em;z-index:100;width:340px;left:50%;margin-left:-180px;} .a11y-nav a{position:absolute;background-color:#FC6761;font-weight:700;z-index:100;width:340px;left:50%;margin-left:-180px;text-align:center;top:10em;color:#fff;} .a11y-nav a:focus,.a11y-nav a:hover{top:100em;text-decoration:none;} @font-face{font-family:'BitstreamVeraSerif';src:url('../fichiers/fonts/BitstreamVeraSerif.woff') format('woff');} @font-face{font-family:'RobotoRegular';src:url('../fichiers/fonts/RobotoRegular.woff') format('woff');} html{box-sizing:border-box;line-height:1.15;margin:0;padding:0;} body{line-height:1.618;background:url("../fichiers/images/logo.png") repeat fixed;} #divchargement{width:500px;height:200px;background-color:blue;} #header{z-index:10;box-shadow:0+0.5em 1em #111;position:fixed;margin-left:-400px;left:50%;top:0;font-family:'BitstreamVeraSerif','Times New Roman','Serif';font-style:bold;width:100%;max-width:800px;min-width:360px;border:1px solid black;background:url("images/logo_menu.png") no-repeat,-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,lightblue)),-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6);} @media only screen and (max-width:800px){#header{z-index:10;box-shadow:0+0.5em 1em #111;position:absolute;margin-left:-200px;left:48%;top:50;width:100%;max-width:420px;min-width:360px;background:url("../fichiers/images/logo_menu_02.png") no-repeat,-webkit-gradient(linear,0 0,0 100%,color-stop(0.10,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,lightblue)),-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6);background-position:fixed;}} h4{color:#EBAF55;} h5{color:#000;} .ombre_image{margin-left:-6px;text-align:center;border:5px solid #fff;-moz-box-shadow:8px 8px 12px #aaa;-webkit-box-shadow:8px 8px 12px #aaa;box-shadow:8px 8px 12px #555;} .records{width:50%;z-index:10;max-width:800px;min-width:360px;margin:auto;margin-top:80px;padding:66px 20px 20px 20px;border:2px solid #03989E;background:#03989E;word-wrap:break-word;} .record{color:black;padding:20px 20px;background:#E6E6E6;background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6);background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.00,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#EFB5FF));border:1px solid black;font-family:'RobotoRegular',Verdana,'sans-serif';font-weight:normal;word-wrap:break-word;} .rubrique{background:#CF9DDD;margin-top:-40px;margin-bottom:20px;padding:10px;color:#FFF;font-family:'BitstreamVeraSerif','Times New Roman','Serif';font-weight:bold;font-size:1.3rem;text-align:center;text-decoration:none;text-shadow:1px 0 0 black,0 1px 0 black,0 -1px 0 black,-1px 0 0 black,1px 1px 0 black,1px -1px 0 black,-1px 1px 0 black,-1px -1px 0 black;word-wrap:break-word;} .round{-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} .round_menu{-moz-border-radius:0px 0px 8px 8px;-khtml-border-radius:0px 0px 8px 8px;-webkit-border-radius:0px 0px 8px 8px;border-radius:0px 0px 8px 8px;} #loader-container{display:flex;justify-content:center;align-items:center;} #loader{width:100px;height:100px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:linear-gradient(0deg,#FFFFFF 50%,#FF5C35 100%);animation:spin 1s linear infinite,fadeout 6s;-moz-animation:spin 1s linear infinite,fadeout 6s;-webkit-animation:spin 1s linear infinite,fadeout 6s;-o-animation:spin 1s linear infinite,fadeout 6s;} #inner-circle{width:90%;height:90%;background-color:white;border-radius:50%;} @keyframes spin{from{transform:rotate(0);} to{transform:rotate(360deg);}} @keyframes fadeout{to{opacity:0;}} @-moz-keyframes fadeout{to{opacity:0;}} @-webkit-keyframes fadeout{to{opacity:0;}} @-o-keyframes fadeout{to{opacity:0;}} @keyframes fadeout{50%{opacity:0;}} @-moz-keyframes fadeout{50%{opacity:0;}} @-webkit-keyframes fadeout{50%{opacity:0;}} @-o-keyframes fadeout{50%{opacity:0;}}