SVG
Pass Pass TAD
img {
width: 100%;
object-fit: contain;
}
main {
padding: 2rem var(--padding);
/* margin: 0 auto; */
background-image: url(https://www.passpass.fr/sites/default/files/2026-03/Back1.png);
background-repeat: repeat;
background-size: 100%;
}
button {
font: inherit;
background: none;
border: 0;
color: currentColor;
cursor: pointer;
padding: .4rem;
}
/* BOUTONS */
.passpass-button{
display: inline-block;
padding: 14px 26px;
color: #fff;
text-decoration: none;
font-weight: 800;
font-size: 20px;
transition: all .3s ease;
background: #fff;
}
.
TAD 7 Vallées
* {
margin: 0;
padding: 0;
outline: none;
}
:root {
--color-7val : hsl(127.88, 43.61%, 44.51%);
--color-7val-light : hsl(127.88, 43.61%, 64.51%);
--color-opale: hsl(185.73, 71.69%, 42.94%);
--color-opale-light: hsl(185.73, 71.69%, 62.94%);
--color-cchf: hsl(15.59, 81.6%, 50.98%);
--color-cchf-light: hsl(15.59, 81.6%, 70.98%);
--color-artois: hsl(61.66, 70.98%, 50%);
--color-artois-light: hsl(61.66, 70.98%, 70%);
--color-ternois: hsl(196.2, 82.74%, 61.37%);
--color-ternois-light: hsl(196.2, 82.74%, 81.37%);
--color-goclicot: hsl(27.14, 100%, 47.25%);
--color-goclicot-light: hsl(2
TAD Sud Artois
* {
margin: 0;
padding: 0;
outline: none;
}
:root {
--color-7val : hsl(127.88, 43.61%, 44.51%);
--color-7val-light : hsl(127.88, 43.61%, 64.51%);
--color-opale: hsl(185.73, 71.69%, 42.94%);
--color-opale-light: hsl(185.73, 71.69%, 62.94%);
--color-cchf: hsl(15.59, 81.6%, 50.98%);
--color-cchf-light: hsl(15.59, 81.6%, 70.98%);
--color-artois: hsl(61.66, 70.98%, 50%);
--color-artois-light: hsl(61.66, 70.98%, 70%);
--color-ternois: hsl(196.2, 82.74%, 61.37%);
--color-ternois-light: hsl(196.2, 82.74%, 81.37%);
--color-goclicot: hsl(27.14, 100%, 47.25%);
--color-goclicot-light: hsl(2
TAD CCHF
* {
margin: 0;
padding: 0;
outline: none;
}
:root {
--color-7val : hsl(127.88, 43.61%, 44.51%);
--color-7val-light : hsl(127.88, 43.61%, 64.51%);
--color-opale: hsl(185.73, 71.69%, 42.94%);
--color-opale-light: hsl(185.73, 71.69%, 62.94%);
--color-cchf: hsl(15.59, 81.6%, 50.98%);
--color-cchf-light: hsl(15.59, 81.6%, 70.98%);
--color-artois: hsl(61.66, 70.98%, 50%);
--color-artois-light: hsl(61.66, 70.98%, 70%);
--color-ternois: hsl(196.2, 82.74%, 61.37%);
--color-ternois-light: hsl(196.2, 82.74%, 81.37%);
--color-goclicot: hsl(27.14, 100%, 47.25%);
--color-goclicot-light: hsl(2
TAD Pays d'Opale
* {
margin: 0;
padding: 0;
outline: none;
}
:root {
--color-7val : hsl(127.88, 43.61%, 44.51%);
--color-7val-light : hsl(127.88, 43.61%, 64.51%);
--color-opale: hsl(185.73, 71.69%, 42.94%);
--color-opale-light: hsl(185.73, 71.69%, 62.94%);
--color-cchf: hsl(15.59, 81.6%, 50.98%);
--color-cchf-light: hsl(15.59, 81.6%, 70.98%);
--color-artois: hsl(61.66, 70.98%, 50%);
--color-artois-light: hsl(61.66, 70.98%, 70%);
--color-ternois: hsl(196.2, 82.74%, 61.37%);
--color-ternois-light: hsl(196.2, 82.74%, 81.37%);
--color-goclicot: hsl(27.14, 100%, 47.25%);
--color-goclicot-light: hsl(2
TAD Goclicot
* {
margin: 0;
padding: 0;
outline: none;
}
:root {
--color-7val : hsl(127.88, 43.61%, 44.51%);
--color-7val-light : hsl(127.88, 43.61%, 64.51%);
--color-opale: hsl(185.73, 71.69%, 42.94%);
--color-opale-light: hsl(185.73, 71.69%, 62.94%);
--color-cchf: hsl(15.59, 81.6%, 50.98%);
--color-cchf-light: hsl(15.59, 81.6%, 70.98%);
--color-artois: hsl(61.66, 70.98%, 50%);
--color-artois-light: hsl(61.66, 70.98%, 70%);
--color-ternois: hsl(196.2, 82.74%, 61.37%);
--color-ternois-light: hsl(196.2, 82.74%, 81.37%);
--color-goclicot: hsl(27.14, 100%, 47.25%);
--color-goclicot-light: hsl(2
TAD Campagnes de l'Artois
* {
margin: 0;
padding: 0;
outline: none;
}
:root {
--color-7val : hsl(127.88, 43.61%, 44.51%);
--color-7val-light : hsl(127.88, 43.61%, 64.51%);
--color-opale: hsl(185.73, 71.69%, 42.94%);
--color-opale-light: hsl(185.73, 71.69%, 62.94%);
--color-cchf: hsl(15.59, 81.6%, 50.98%);
--color-cchf-light: hsl(15.59, 81.6%, 70.98%);
--color-artois: hsl(61.66, 70.98%, 50%);
--color-artois-light: hsl(61.66, 70.98%, 70%);
--color-ternois: hsl(196.2, 82.74%, 61.37%);
--color-ternois-light: hsl(196.2, 82.74%, 81.37%);
--color-goclicot: hsl(27.14, 100%, 47.25%);
--color-goclicot-light: hsl(2
TAD Ternois
* {
margin: 0;
padding: 0;
outline: none;
}
:root {
--color-7val : hsl(127.88, 43.61%, 44.51%);
--color-7val-light : hsl(127.88, 43.61%, 64.51%);
--color-opale: hsl(185.73, 71.69%, 42.94%);
--color-opale-light: hsl(185.73, 71.69%, 62.94%);
--color-cchf: hsl(15.59, 81.6%, 50.98%);
--color-cchf-light: hsl(15.59, 81.6%, 70.98%);
--color-artois: hsl(61.66, 70.98%, 50%);
--color-artois-light: hsl(61.66, 70.98%, 70%);
--color-ternois: hsl(196.2, 82.74%, 61.37%);
--color-ternois-light: hsl(196.2, 82.74%, 81.37%);
--color-goclicot: hsl(27.14, 100%, 47.25%);
--color-goclicot-light: hsl(2
Astuces
Découvrez comment utiliser les fonctionnalités de Pass Pass en toute simplicité.
SVG
Foire Aux Questions
Accédez à notre aide en ligne pour trouver la réponse.