.color{color:#580267}html{width:100vw;color:#fff}body{margin:0;display:flex;flex-direction:column;place-items:center;width:100%;height:100%;background-image:url(/assets/boite5-test.a5bf40ad.jpg);background-repeat:no-repeat;background-size:cover}header{width:100%;min-height:50vh;display:flex;flex-direction:column;align-items:center;background-image:url(/assets/djmain.f96fb00f.png);background-repeat:no-repeat;background-size:cover}header h1{margin-top:10%;width:100%;font-size:3.2em;line-height:1.1;text-align:center;text-shadow:2px 2px 2px rgb(84,4,100)}main{text-shadow:1px 2px 0px black;margin:2%;width:100%}main section{padding:1%;width:90%;margin:2% auto;background-color:#54046462}main section.presta{padding:2%;border:2px solid rgb(240,152,167);border-radius:15px;display:flex;align-items:center;flex-direction:column}footer{background-color:#540464;bottom:0;left:0;width:100%}footer p{text-align:center}nav{background-color:#540464;display:flex;text-align:center;width:100%}nav .navigation{position:sticky;top:0;left:0;z-index:1}nav ol{padding-left:0;width:100%;display:flex;justify-content:space-around;align-items:center;list-style:none}nav ol li{cursor:pointer}nav ol li:hover{font-weight:bolder}ul{padding-left:0}h2{text-align:center}button{padding:6px;background-color:#540464;color:#fff}button.call-action{cursor:pointer;display:block;margin:2% auto;border:1px solid pink;border-radius:5px;font-size:large;font-weight:bolder}button.call-action:active{background-color:#fff;color:#000}#coordonnees{margin:2% auto;padding:1%;width:40%;background-color:#fff;color:#000;text-shadow:0px 0px 0px white;text-align:center;border:2px solid rgba(84,4,100,.383);border-radius:25px}#logo{cursor:pointer;width:40%}#matos{display:flex;flex-wrap:wrap}#matos figure{justify-items:center}.matos-tarif{display:flex;width:100%;justify-content:space-around}.p-center{text-align:center}.strong{font-weight:bolder}a{color:#43c8f0}@media screen and (max-width: 1000px){#coordonnees{width:70%}#matos figure{width:20%}}@media screen and (max-width: 800px){#coordonnees{width:70%}#matos figure{width:18%}}@media screen and (max-width: 490px){#coordonnees{width:90%}main section .matos-tarif{flex-direction:column;text-align:center}main section .matos-tarif ul{list-style:none}#matos figure{width:25%}}@media screen and (max-width: 420px){#matos figure{width:24%}}@media screen and (max-width: 400px){#matos figure{width:20%}}@media screen and (max-width: 350px){#matos{justify-content:center}#matos figure{width:50%}}