body {
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1em;
font-family: 'Open Sans', sans-serif;
color: black;
position: relative;
overflow-x: hidden;
margin: 0;
background-color: #fffaf5;
}
body, section, article, div, ul, li, p, img, textarea, input {
box-sizing: border-box;
}
h1 { 
font-size: 6em; 
margin: 25px 0;
font-family: 'prompt';
text-transform: uppercase;
color: var(--couleur_principale);
}
h2 { 
font-size: 1.5em;
margin: 25px 0;
font-family: 'prompt';
color: var(--couleur_principale);
text-transform: uppercase;
}
h3 { 
font-size: 1.17em;
margin: 10px 0 5px 0;
color: var(--couleur_principale);
}
h4 {
font-size: 1.12em;
margin: 0;
}
h5 { 
font-size: .83em; 
margin: 0;
}
h6 { 
font-size: .75em; 
margin: 0;
}
img {
max-width: 100%;
height: auto;
}
ul {
padding: 0;
margin: 0;
}
li {
list-style-position: inside;
}
p {
margin: 0;
margin-bottom: 15px;
line-height: 140%;
}  @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-300.eot); src: local(''),
url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-300.eot?#iefix) format('embedded-opentype'), url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-300.woff2) format('woff2'), url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-300.woff) format('woff'), url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-300.ttf) format('truetype'), url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-300.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-regular.eot); src: local(''),
url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-regular.eot?#iefix) format('embedded-opentype'), url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-regular.woff2) format('woff2'), url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-regular.woff) format('woff'), url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-regular.ttf) format('truetype'), url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-regular.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-800.eot); src: local(''),
url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-800.eot?#iefix) format('embedded-opentype'), url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-800.woff2) format('woff2'), url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-800.woff) format('woff'), url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-800.ttf) format('truetype'), url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-800.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
src: url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-300italic.eot); src: local(''),
url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-300italic.eot?#iefix) format('embedded-opentype'), url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-300italic.woff2) format('woff2'), url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-300italic.woff) format('woff'), url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-300italic.ttf) format('truetype'), url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-300italic.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-italic.eot); src: local(''),
url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-italic.eot?#iefix) format('embedded-opentype'), url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-italic.woff2) format('woff2'), url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-italic.woff) format('woff'), url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-italic.ttf) format('truetype'), url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-italic.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 800;
src: url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-800italic.eot); src: local(''),
url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-800italic.eot?#iefix) format('embedded-opentype'), url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-800italic.woff2) format('woff2'), url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-800italic.woff) format('woff'), url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-800italic.ttf) format('truetype'), url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/open-sans-v34-latin-800italic.svg#OpenSans) format('svg'); } @font-face {
font-family: 'barnebok';
font-style: italic;
font-weight: 800;
src: url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/BarnebokBold.ttf); } @font-face {
font-family: 'prompt';
font-style: italic;
font-weight: 800;
src: url(//le-mille.testdecitymalin.com/wp-content/themes/lestudio/fonts/Prompt-Bold.ttf); } [background-photo] {
position: absolute;
z-index: -1;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
display: inline-block;
width: 100%;
height: 100%;
}
[background-photo] img {
display: none;
} .flex {
display: flex;
}
.flex-column {
display: flex;
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.ai-center {
align-items: center;
}
.ai-flex-start {
align-items: flex-start;
}
.ai-flex-end {
align-items: flex-end;
}
.jc-space-around {
justify-content: space-around; 
}
.jc-space-between {
justify-content: space-between; 
}
.jc-flex-end {
justify-content: flex-end;
}
.jc-flex-start {
justify-content: flex-start;
}
.jc-center {
justify-content: center;
} :root {
--couleur_principale: #005c51;
--couleur_secondaire: #c78d2a;
} .bouton a {
padding: 10px 30px;
display: inline-block;
text-decoration: none;
margin: 10px 0;
border-radius: 60px;
cursor: pointer;
}
.bouton_border_blanc a {
border: solid 1px white;
color: white;
}
.bouton_border_jaune a {
border: solid 1px var(--couleur_secondaire);
color: var(--couleur_secondaire);
}  .header {
max-width: 1800px;
margin: 0 auto;
padding: 0 40px;
}
.contener_header_video {
position: relative;
}
.fond_header {
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
height: 100%;
width: 100%;
transform: translate(-50%, -50%);
}
.fond_header video {
height: 100%;
width: 100%;
object-fit: cover; 
}
.contener_logo_header {
padding: 350px 25px;
position: relative;
}
.logo_header {
width: 350px;
height: 200px;
object-fit: contain;
display: block;
margin: 0 auto;
padding: 25px;
position: relative;
z-index: 5;
}
.illu_logo_header {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 644px;
height: 100%;
display: block;
object-fit: contain;
z-index: 2;
opacity: 0.5;
}
.feuille_header {
position: absolute;
z-index: 3;
width: 185px;
object-fit: contain;
}
.feuille_haut_gauche {
top: -27px;
left: -27px;
}
.feuille_haut_droite {
top: -27px;
right: -27px;
transform: rotate(180deg) scaleX(100%) scaleY(-100%);
}
.feuille_bas_gauche {
bottom: -27px;
left: -27px;
transform: rotate(180deg) scaleX(-100%) scaleY(100%);
}
.feuille_bas_droite {
bottom: -27px;
right: -27px;
transform: rotate(180deg);
} .logo_nav {
width: 120px;
display: block;
object-fit: contain;
}
.reseaux_header {   
gap: 5px;
padding-right: 25px;
}
.reseaux_header img {
width: 30px;
height: 30px;
object-fit: contain;
display: block;
}
.navigation {
background-color: #fffaf5;
padding: 20px 0 35px 0;
}
.navigation > * {
position: relative;
z-index: 5;
}
.date_lieu_header {
gap: 5px;
}
.date_lieu_header {
color: var(--couleur_principale);
}
.date_header {
padding-right: 10px;
}
.date_header span {
font-size: 0.9em;
padding-left: 3px;
}
.date_lieu_header {
font-size: 1.2em;
}
.triangle {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 8.66px solid var(--couleur_secondaire); 
margin-right: 3px;
position: relative;
top: -2px;
right: 2px;
}
.lieux_header {
border-left: solid 1px var(--couleur_principale);
padding-left: 10px;
}
.lieux_header > * {
display: block;
}
.lieux_header strong {
font-size: 1.35em;
} .titre_page {
text-align: center;
}  #intro {
max-width: 1044px;
margin: 50px auto;
padding: 25px;
}
.contener_intro {
gap: 40px;
}
.contener_intro > * {
width: calc(50% - 40px);
}
.photo_intro {
width: 525px;
height: 350px;
object-fit: contain;
display: block;
} #mea_pictos {
gap: 40px;
max-width: 1200px;
margin: 0 auto;
}
.element_pictos {
width: calc(33% - 40px);
text-align: center;
}
.element_pictos img {
width: 90px;
height: 103px;
object-fit: contain;
display: block;
margin: 15px auto;
}
.element_pictos h3 {
position: relative;
margin-bottom: 50px;
}
.element_pictos h3:after {
content: "";
position: absolute;
bottom: -25px;
left: 50%;
transform: translate(-50%, 0);
width: 45px;
height: 2px;
background-color: var(--couleur_secondaire);
} #mea_programmation {
padding: 50px 25px;
max-width: 1800px;
margin: 0 auto;
position: relative;
}
.liste_programme {
max-width: 1800px;
margin: 0 auto;
padding: 25px;
gap: 25px;
}
.element_programme {
width: calc(25% - 25px);
}
.contener_programmation {
position: relative;
z-index: 3;
}
.contenu_programme p {
margin-bottom: 3px;
}
.oiseaux {
position: absolute;
z-index: 0;
width: 151px;
height: 161px;
object-fit: contain;
display: block;
}
.oiseau_gauche {
left: 0;
top: 180px;
}
.oiseau_droite {
right: 0;
top: 180px;
transform: scaleX(-100%);
} .liste_programme .element_programme {
display: none;
}
.liste_programme .element_programme:nth-child(-n+8) {
display: block;
} #voir-plus-btn {
text-align: center;
margin-top: 20px;
}
#voir-plus-btn button {
text-align: center;
margin: 20px auto;
background-color: var(--couleur_secondaire) !important;
padding: 25px;
width: 50px;
height: 50px;
border-radius: 600px;
text-align: center;
border: none !important;
display: flex;
justify-content: center;
align-items: center;
color: white;
font-size: 3em;
font-weight: 800;
cursor: pointer;
}
#voir-plus-btn button strong {
line-height: 0.5em;
height: 30px;
}
.filtre_programmation {
text-align: center !important;
margin: 50px auto 10px auto;
}
#category-filter {
background-color: transparent !important;
border: none !important;
border-bottom: solid 1px var(--couleur_principale) !important;
padding-bottom: 10px;
color: var(--couleur_principale) !important;
cursor: pointer;
} #mea_partenaires {
background-color: white;
box-shadow: inset 0 0 25px rgba(0,0,0,0.3);
padding: 50px 25px;
}
.liste_partenaires {
gap: 40px;
max-width: 1800px;
margin: 55px auto;
}
.slick-slider {
display: flex !important;
align-items: center;
padding: 0 50px;
}
.slick-prev, .slick-next {
text-align: center;
color: white;
max-width: 1280px;
margin: 0 auto;
}
.slick-prev {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
left: 0;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
right: 0;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev::before {
content: '';
background-image: url(//le-mille.testdecitymalin.com/wp-content/uploads/2023/08/fleche.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 50px;
height: 50px;
display: block;
background-position: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.slick-next::before {
content: '';
background-image: url(//le-mille.testdecitymalin.com/wp-content/uploads/2023/08/fleche.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 50px;
height: 50px;
display: block;
background-position: center;
position: absolute;
top: 50%;
right: 50%;
transform: translate(-50%, -50%) rotate(180deg);
} #mea_logos {
max-width: 1042px;
margin: 0 auto;
padding: 50px 25px 0 25px;
gap: 40px;
}
.element_logo img {
width: 158px;
height: 85px;
object-fit: contain;
display: block;
}  .page_defaut .page-content {
max-width: 980px;
margin: 0 auto;
padding: 25px 25px;
} .formulaire {
max-width: 600px;
margin: 0 auto;
padding: 25px;
}
.contener_champs_formulaire input,
.contener_champs_formulaire textarea,
.contener_champs_formulaire select {
width: 100%;
padding: 15px;
font-size: 0.9em;
font-family: 'Open Sans', sans-serif;
margin-bottom: 12px;
-webkit-appearance: none;
}
.contener_champs_formulaire p {
margin-bottom: 0;
}
.wpcf7-list-item {
margin: 0;
}
.mentions_formulaire p {
margin-bottom: 5px;
font-size: 0.86em;
}
.bouton_envoyer {
text-align: center;
}
.bouton_envoyer input {
border: none;
background-color: black;
border-radius: 0;
padding: 10px 25px;
} .page_erreur {
text-align: center;  
}
.page_erreur img {
display: inline-block; 
width: 350px;
margin: 25px auto;
text-align: center;
}  .separateur_illu {
width: 100%;
height: 20px;
background-image: url(//le-mille.testdecitymalin.com/wp-content/uploads/2023/07/forme_trait_01.svg);
background-size: ;
background-position: center;
background-repeat: repeat-x;
margin: 75px auto 25px auto;
}
.wrapper_velo {
max-width: 1800px;
margin: 0 auto;
padding: 0 25px;
}
.contener_velo {
column-gap: 40px;
max-width: 800px;
margin: 0 auto;
padding: 25px;
}
.contener_velo > * {
width: calc(50% - 40px);
text-align: center;
}
.velo {
object-fit: contain;
display: block;
margin: 0 auto;
}
.texte_velo > * {
display: inline-block;
}
.texte_velo span {
background-color: var(--couleur_secondaire);
padding: 5px;
color: white;
margin-bottom: 12px;
}
.texte_velo strong {
font-weight: 800;
text-transform: uppercase;
color: var(--couleur_principale);
font-size: 3em;
font-family: 'prompt';
}
.texte_velo p {
font-weight: 400;
text-transform: uppercase;
color: var(--couleur_principale);
font-size: 3em;
}
.illu_pont {
width: 100%;
height: auto;
display: block;
object-fit: contain;
background-color: #fffaf5;
margin-bottom: -5px;
}
#footer {
background-color: var(--couleur_principale);
}
.logo_footer {
width: 178px;
margin: 0 auto;
display: block;
object-fit: contain;
padding: 20px 25px;
}
.reseaux_footer img {
width: 30px;
height: 30px;
margin: 6px;
}
.bouton_footer .bouton {
margin: 10px;
} #copyright {
text-align: center;
padding: 50px 25px;
background-color: var(--couleur_principale);
color: white;
}
#copyright a {
color: white;
} .lestudio {
background-color: black;
}
.lestudio a {
display: flex;
justify-content: center;
align-items: center;
}
.lestudio img {
margin: 5px;
}    @media only screen and (max-width : 1220px) {
} @media only screen and (max-width : 1023px) {
} @media only screen and (max-width : 767px) {
body {
font-size: 0.9em;
}
.feuille_header {
width: 75px;
}
.feuille_haut_gauche {
top: -9px;
left: -9px;
}
.feuille_haut_droite {
top: -9px;
right: -9px;
}
.feuille_bas_gauche {
bottom: -9px;
left: -9px;
}
.feuille_bas_droite {
bottom: -9px;
right: -9px;
}
.contener_logo_header {
padding: 180px 25px;
}
.contener_intro {
flex-direction: column;
}
.contener_intro > * {
width: 100%;
}
#mea_pictos {
flex-direction: column;
padding: 25px;
}
#mea_pictos > * {
width: 100%;
}
.contener_velo {
flex-direction: column;
}
.contener_velo > * {
width: 100%;
}
.velo {
margin: 25px auto;
}
.logo_nav {
display: none;
}
.lieux_header strong {
display: none;
}
.oiseaux {
display: none;
}
.element_programme {
width: calc(50% - 25px);
}
.slick-prev, .slick-next {
display: none !important;
}
} @media only screen and (max-width: 480px) {
.element_programme {
width: calc(100%);
}
}