html{font-family:Arial,Helvetica,Sans-Serif;font-size:14px;color:#fff;background:#62482f}*{box-sizing:border-box}body{margin:auto;max-width:1280px}header{height:100px;font-size:1.8rem;text-indent:1.5rem;background:url(../pics/header.jpg) no-repeat}#titre{font-size:1.2rem}section{overflow:auto;padding:.5rem},section p{padding:1rem;text-align:justify}a,a:visited{color:#e9b87b}h1{font-size:2rem;text-align:center}img{max-width:100%;height:auto}img.center{display:block;margin-left:auto;margin-right:auto}table{width:100%;border:none}td{width:50%;border:none;text-align:center}footer{float:left;width:100%;height:50px;padding:1rem;font-size:1.1rem;background:url(../pics/footer.jpg) no-repeat}footer p{display:inline}#bannieres{float:right}#bannieres img{width:83px;height:32px;border:0}footer a,footer a:visited{color:#fff}input[type=checkbox]{display:none}input[type=checkbox]:checked~.navigation{display:block}.nav-button{display:block;z-index:1;position:absolute;top:3rem;right:1rem;width:3.5rem;height:3.5rem;margin:auto;padding:0;border:0;outline:0;background-color:#e9b87b;background-image:linear-gradient(to right,#62482f,#62482f),linear-gradient(to right,#62482f,#62482f),linear-gradient(to right,#62482f,#62482f);background-position:center .7rem,center,center 2.5rem;background-repeat:no-repeat;background-size:2.6rem .4rem;cursor:pointer}nav{display:none;position:absolute;background-color:#e9b87b}nav a,nav a:visited{display:block;float:left;width:100%;margin-bottom:2px;padding:.8rem 1rem;text-decoration:none;font-size:1.5rem;color:#e9b87b;background-color:#62482f}nav a:hover{color:#62482f;background-color:#e9b87b}input:checked~nav{display:block}.button{padding:10px;cursor:pointer;text-decoration:none;transition:all .3s ease-out}.overlay{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.7);transition:opacity .5s;visibility:hidden;opacity:0;color:#62482f}.overlay:target{visibility:visible;opacity:1}.popup{margin:0 auto;padding:20px;width:80%;height:90%;top:5%;background:#e9b87b;border-radius:5px;position:relative;transition:all 5s ease-in-out}.popup h2{margin-top:0;color:#333}.popup .close{position:absolute;top:20px;right:30px;transition:all .2s;font-size:30px;font-weight:700;text-decoration:none;color:#333}.popup .close:hover{color:#fff}.popup .content{max-height:90%;overflow:auto}.popup .content p{display:block flow}@media screen and (min-width:900px){.nav-button{display:none}nav{display:block;position:static;margin:0;overflow:hidden}nav a,nav a:visited{width:auto;margin:2px 1px;text-align:center;font-size:1rem}.popup{width:50%;height:50%;top:25%}}@media screen and (min-width:1100px){html{font-size:16px}header{font-size:2.3rem}#titre{font-size:1.5rem}nav a,nav a:visited{padding:1.2rem 1.3rem}}@media screen and (min-width:1280px){html{font-size:18px}nav a,nav a:visited{padding:1.4rem 1.6rem}}