@charset "UTF-8";@font-face{font-display:swap;font-family:titlechar;src:url(/build/fonts/Altone%20Trial-Bold.7932eea8.ttf),local("Verdana")}@font-face{font-display:swap;font-family:textchar;src:url(/build/fonts/Roboto-Regular.f25bd059.ttf),local("Arial")}@font-face{font-display:swap;font-family:boldchar;src:url(/build/fonts/Roboto-Black.45715786.ttf),local("Arial")}body{background-color:#f5f5f5;color:#000;font-family:textchar,sans-serif;margin:0}@media screen and (min-width:1500px){body>*{margin:auto 10vw}}@media screen and (min-width:900px) and (max-width:1500px){body>:not(header.header,footer){margin:auto 10vw}}@media screen and (max-width:900px){body>:not(header.header,footer){margin:auto 5vw}}h1,h2,h3,h4{font-family:titlechar,serif;text-align:center}h1{font-size:2em}a,a:hover,a:visited{color:inherit}button{cursor:pointer}header.header{background-color:#000;border-bottom:1em solid #c53f3f;display:flex;height:6em}header.header img.logo{filter:invert(100%);margin:1em;max-height:100%;width:9em}header.header div.navbar{display:flex}header.header nav{align-items:center;color:#f5f5f5;display:flex;font-family:titlechar,serif;justify-content:flex-end;margin-left:1em}header.header ul{list-style-type:none;margin-block-end:0;margin-block-start:0;padding-left:1em}header.header li,header.header ul{align-items:center;display:flex;height:100%;justify-content:space-evenly}header.header li{font-size:1.3em;font-weight:700;padding-left:.5em;padding-right:.5em;text-transform:capitalize}header.header li a.selected{text-decoration:underline;text-decoration-color:#c53f3f;text-decoration-thickness:.2em}header.header li a,header.header li a :hover,header.header li a :visited{text-decoration:none}header.header li:has(a:hover){background-color:#c53f3f}header.header button.switchMenu{aspect-ratio:1/1;background-color:transparent;border:none;display:none;margin-right:1em;width:3em}header.header button.switchMenu svg path{fill:#fff}header.header button.switchMenu svg:first-child{display:initial}header.header button.switchMenu svg:last-child,header.header.open button.switchMenu svg:first-child{display:none}header.header.open button.switchMenu svg:last-child{display:initial}@media screen and (max-width:700px){header.header{justify-content:space-between}header.header nav{display:none}header.header button.switchMenu{display:inline-block}header.header.open div.navbar{align-items:flex-end;background-color:#000;border-radius:.5em;flex-direction:column-reverse;padding:1em;position:fixed;right:0}header.header.open ul{flex-direction:column}header.header.open li{font-size:1.5em;height:1.7em}header.header.open nav{display:initial}}footer{align-content:center;align-items:center;background-color:#000;border-top:1em solid #c53f3f;color:#f5f5f5;display:flex;flex-wrap:wrap;height:6em;justify-content:space-around}main{min-height:calc(100vh - 16em)}section.intro p.intro{margin:2em;text-align:center}section.intro ul{display:flex;flex-wrap:wrap;justify-content:space-evenly;padding-inline:0}section.intro ul li{background-color:#fff;border:1px solid #000;border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:1fr 8fr auto;list-style:none;margin-bottom:1em;padding-left:1em;padding-right:1em;text-align:center;width:15em}section.intro ul li h2{font-size:1em;margin-block:.2em}section.intro ul li img{margin:auto 1em;width:90%}div.visite section{background-color:#fff;border-radius:.5em;margin-bottom:2em;padding:1em}div.visite section img{max-width:100%}div.visite div.exemple{padding-top:1em}div.visite div.exemple div{border:2px solid #c53f3f;box-shadow:3px 3px 8px;display:inline-block;padding:1em}div.visite div.exemple div:hover{background-color:#c53f3f;color:#fff}div.visite div.exemple a{text-decoration:none}@media screen and (min-width:700px){div.visite section{display:grid;grid-template-rows:5em auto 5em}div.visite section picture{align-content:center;grid-area:picture}div.visite section p.description{grid-area:paragraph;text-align:justify}div.visite section div.exemple{grid-area:exemple}div.visite section h2{grid-area:title}div.visite section:nth-of-type(odd){grid-template-areas:"picture title" "picture paragraph" "picture exemple"}div.visite section:nth-of-type(odd) div.exemple{text-align:right}div.visite section:nth-of-type(2n){grid-template-areas:"title picture " "paragraph picture " "exemple picture "}}@media screen and (max-width:700px){div.visite section{text-align:center}div.visite section p.description{margin-bottom:1em}}section.boutique p.description em{font-weight:700}section.tarifs{margin-block-end:4em}section.tarifs div.comparatif{background-color:#fff;border-radius:.5em;display:grid;grid-template-columns:repeat(6,1fr);margin-block-end:2em;padding:2em}section.tarifs div.comparatif h2.year{font-family:boldchar,sans-serif;font-size:1.2em;font-weight:bolder;grid-column:1/7;grid-row:1;text-align:center}section.tarifs div.comparatif div{padding:.5em}section.tarifs div.comparatif div.label{font-weight:bolder;grid-row:2;text-align:center}section.tarifs div.comparatif div.number{text-align:right}section.tarifs div.comparatif div.altnumber{color:#4d4d4d;font-size:.9em;font-style:italic;text-align:center}section.tarifs div.comparatif div.domain{grid-column:2}section.tarifs div.comparatif div.installation{grid-column:3}section.tarifs div.comparatif div.mensualite{grid-column:4}section.tarifs div.comparatif div.total{grid-column:5}section.tarifs div.comparatif div.cumul{grid-column:6}section.tarifs div.comparatif div.araknea{grid-row:3}section.tarifs div.comparatif div.wix{grid-row:4}section.tarifs div.comparatif div.installation.label:before{content:"Frais d'installation"}section.tarifs div.comparatif div.mensualite.label:before{content:"Hébergement (/mois)"}section.tarifs div.comparatif div.domain.label:before{content:"Nom de domaine"}section.tarifs div.comparatif div.total.label:before{content:"Total annuel"}section.tarifs div.comparatif div.araknea.label:before{content:"Araknea Web"}section.tarifs div.comparatif div.wix.label:before{content:"Wix Essentiel"}section.tarifs div.comparatif div.wix.domain:after{content:" **"}section.tarifs div.comparatif div.araknea.domain:after{content:"  *"}section.tarifs div.comparatif div.araknea.domain:after,section.tarifs div.comparatif div.wix.domain:after{font-size:small;vertical-align:super}section.tarifs div.year1 div.araknea.total{color:red}section.tarifs div.year1 div.wix.total,section.tarifs div.year2 div.araknea.cumul,section.tarifs div.year2 div.wix.cumul,section.tarifs div.year3 div.araknea.cumul,section.tarifs div.year4 div.araknea.cumul,section.tarifs div.year5 div.araknea.cumul{color:green}section.tarifs div.year3 div.wix.cumul,section.tarifs div.year4 div.wix.cumul,section.tarifs div.year5 div.wix.cumul{color:red}section.tarifs div.year4,section.tarifs div.year5{display:none}section.tarifs div.year4.display,section.tarifs div.year5.display{display:grid}section.tarifs div.seemore{cursor:pointer;margin-bottom:1em;margin-top:1em}section.tarifs div.seemore span{text-decoration:underline}section.tarifs div.seemore span.seeless{display:none}section.tarifs div.seemore svg{height:1em}section.tarifs div.seemore.seeless span.seemore{display:none}section.tarifs div.seemore.seeless span.seeless{display:initial}section.tarifs div.seemore.seeless svg{transform:rotate(180deg)}section.tarifs em{font-weight:700}section.tarifs p.nb{font-size:.8em;font-style:italic;margin-block-end:0;margin-block-start:0}@media screen and (min-width:800px){div.cumul,div.domain,div.installation,div.mensualite,div.total{border-left:1px solid #c53f3f}div.araknea.label,div.wix.label{text-align:left}}@media screen and (max-width:800px){div.compatarifs div.comparatif{grid-template-columns:repeat(3,1fr);padding:.5em}div.compatarifs div.comparatif h2.year{grid-column:1/4;grid-row:1}div.compatarifs div.comparatif div.label{grid-column:1}div.compatarifs div.comparatif div.araknea{border-left:1px solid #c53f3f;border-right:1px solid #c53f3f;grid-column:2}div.compatarifs div.comparatif div.wix{grid-column:3}div.compatarifs div.comparatif div.domain{grid-row:3}div.compatarifs div.comparatif div.installation{grid-row:4}div.compatarifs div.comparatif div.mensualite{grid-row:5}div.compatarifs div.comparatif div.total{grid-row:6}div.compatarifs div.comparatif div.cumul{grid-row:7}div.compatarifs div.comparatif div.araknea.label,div.compatarifs div.comparatif div.wix.label{grid-row:2}}div.haut-de-page{bottom:7em;display:flex;justify-content:space-evenly;position:fixed;right:4vw;visibility:hidden}div.haut-de-page div{background-color:#000;border-radius:.5em;color:#f5f5f5;margin:.5em;padding:.8em}div.haut-de-page div svg{height:1em}div.haut-de-page div svg path{fill:#f5f5f5}div.haut-de-page.scroll{visibility:visible}