body{background-color:#000;background-image:radial-gradient(rgb(122 143 194 / .65),black 150%);height:100%;margin:3%;padding:2rem;font-size:1.2rem;font-family:monospace;color:lightgrey;text-shadow:0 0 2px #C8C8C8}body::after{content:"";position:absolute;top:0;left:0;width:100%;height:120%;background:repeating-linear-gradient(0deg,rgb(0 0 0 / .15),rgb(0 0 0 / .15) 2px,transparent 2px,transparent 6px);pointer-events:none}.main-head{grid-area:header}.content{grid-area:content}.main-nav{grid-area:nav}.side{grid-area:sidebar}.contact{grid-area:contact}.main-footer{grid-area:footer}.wrapper{display:grid;gap:20px;grid-template-areas:"header" "content" "sidebar" "contact" "footer"}a:link{color:red}a:visited{color:#064406}a:hover{color:hotpink}a:active{color:blue}#bloc_page{width:900px;margin:auto}hr{display:grid;height:0;border-top:2px solid rgb(0 0 0 / .082);border-bottom:4px solid rgb(255 255 255 / .637)}.logo{display:flex;align-items:center}.logo h1{padding-left:5px;font-size: 22px}#contact{text-align:left;display:flex;align-items:center}#tel img{width:60px;height:60px;margin-left:10px;margin-right:10px}#mail img{width:60px;height:60px;margin-right:10px}aside{text-align:center;font-size:80%;margin-top:15px;flex:1.2;position:relative;background-color:#706b64;box-shadow:0 2px 5px #1c1a19;border-radius:5px;padding:10px;color:#fff;font-size:1em;width:85%}aside img{margin-right:5px}.centre-coeur{text-align:center}#fleche_bulle{position:absolute;top:100px;left:-12px}#photo{text-align:center}#credit{display:flex;justify-content:space-between;align-items:center}#copyleft{text-align:left}#mentions{text-align:right}@media (min-width:900px){.wrapper{grid-template-columns:50% 50%;grid-template-areas:"header  header" "content sidebar" "footer footer"}}@media (max-width:900px){.wrapper{grid-template-columns:1fr 1fr;grid-template-areas:"header  header" "contact contact" "content content" "sidebar sidebar" "footer  footer"}#photo img{width:100%}.logo{font-size:80%}#contact{font-size:60%}}