@font-face {
font-family: 'GangsterGrotesk Bold';
src: url(//le-decante.le-studio-culotte.com/wp-content/themes/themeledecante/fonts/GangsterGrotesk-Bold/GangsterGrotesk-Bold.otf) format('opentype');
src: url(//le-decante.le-studio-culotte.com/wp-content/themes/themeledecante/fonts/GangsterGrotesk-Bold/GangsterGrotesk-Bold.ttf) format('truetype');
src: url(//le-decante.le-studio-culotte.com/wp-content/themes/themeledecante/fonts/GangsterGrotesk-Bold/GangsterGrotesk-Bold.woff) format('woff');
src: url(//le-decante.le-studio-culotte.com/wp-content/themes/themeledecante/fonts/GangsterGrotesk-Bold/GangsterGrotesk-Bold.woff2) format('woff2');
font-weight: 800;
font-display: swap;
}
@font-face {
font-family: 'GangsterGrotesk Light';
src: url(//le-decante.le-studio-culotte.com/wp-content/themes/themeledecante/fonts/GangsterGrotesk-Light/GangsterGrotesk-Light.otf) format('opentype');
src: url(//le-decante.le-studio-culotte.com/wp-content/themes/themeledecante/fonts/GangsterGrotesk-Light/GangsterGrotesk-Light.ttf) format('truetype');
src: url(//le-decante.le-studio-culotte.com/wp-content/themes/themeledecante/fonts/GangsterGrotesk-Light/GangsterGrotesk-Light.woff) format('woff');
src: url(//le-decante.le-studio-culotte.com/wp-content/themes/themeledecante/fonts/GangsterGrotesk-Light/GangsterGrotesk-Light.woff2) format('woff2');
font-weight: 300;
font-display: swap;
}
@font-face {
font-family: 'GangsterGrotesk Regular';
src: url(//le-decante.le-studio-culotte.com/wp-content/themes/themeledecante/fonts/GangsterGrotesk-Regular/GangsterGrotesk-Regular.otf) format('opentype');
src: url(//le-decante.le-studio-culotte.com/wp-content/themes/themeledecante/fonts/GangsterGrotesk-Regular/GangsterGrotesk-Regular.ttf) format('truetype');
src: url(//le-decante.le-studio-culotte.com/wp-content/themes/themeledecante/fonts/GangsterGrotesk-Regular/GangsterGrotesk-Regular.woff) format('woff');
src: url(//le-decante.le-studio-culotte.com/wp-content/themes/themeledecante/fonts/GangsterGrotesk-Regular/GangsterGrotesk-Regular.woff2) format('woff2');
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: 'Jaunev06 GrandeBlack';
src: url(//le-decante.le-studio-culotte.com/wp-content/themes/themeledecante/fonts/Jaunev06-GrandeBlack/Jaunev06-GrandeBlack.otf) format('opentype');
src: url(//le-decante.le-studio-culotte.com/wp-content/themes/themeledecante/fonts/Jaunev06-GrandeBlack/Jaunev06-GrandeBlack.ttf) format('truetype');
src: url(//le-decante.le-studio-culotte.com/wp-content/themes/themeledecante/fonts/Jaunev06-GrandeBlack/Jaunev06-GrandeBlack.woff) format('woff');
src: url(//le-decante.le-studio-culotte.com/wp-content/themes/themeledecante/fonts/Jaunev06-GrandeBlack/Jaunev06-GrandeBlack.woff2) format('woff2'); font-display: swap;
}
@font-face {
font-family: 'Savate Regular';
src: url(//le-decante.le-studio-culotte.com/wp-content/themes/themeledecante/fonts/Savate-Regular/Savate-Regular.otf) format('opentype');
src: url(//le-decante.le-studio-culotte.com/wp-content/themes/themeledecante/fonts/Savate-Regular/Savate-Regular.ttf) format('truetype');
src: url(//le-decante.le-studio-culotte.com/wp-content/themes/themeledecante/fonts/Savate-Regular/Savate-Regular.woff) format('woff');
src: url(//le-decante.le-studio-culotte.com/wp-content/themes/themeledecante/fonts/Savate-Regular/Savate-Regular.woff2) format('woff2');
font-weight: 500;
font-display: swap;
}
:root{
--w: #FFFFFF;
--n: #000000;
--bluepetrole: #004b5b;
--rougevif: #FF4438;
--emeraudesombre: #03353F;
--rougebrique: #A63224;
}
*, ::before, ::after{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
list-style: none;
text-decoration: none;
}
.wp-block-columns {
width: 100%;
}
.wp-block-group {
width: 90%;
margin: 0 auto;
}
.data-target-div1 .caf-post-layout1 span.comment{
display: none;
}
h1{
font: 2.375rem/2.625rem 'Jaunev06 GrandeBlack', sans-serif;
text-transform: uppercase;
color: var(--w);
}
h2, section.comments .comment-respond h3{
font: 1.75rem/1.875rem 'Jaunev06 GrandeBlack', sans-serif;
text-transform: uppercase;
color: var(--w);
}
.data-target-div1 .caf-post-layout1 .caf-post-title h2 a{
font: 1.75rem/1.875rem 'Jaunev06 GrandeBlack', sans-serif;
text-transform: uppercase;
color: var(--emeraudesombre);
}
h3{
font: 1.5rem/1.875rem 'Savate Regular', sans-serif;
text-transform: uppercase;
color: var(--rougevif );
}
p.lead, .lead p{
font: 1.25rem/1.625rem 'Savate Regular', sans-serif;
color: var(--w );
}
p, .wp-block-uagb-counter__title, .credits a, .credits p, .pagination a, .pagination span, main.single section article .wp-block-post-author-name, main.single section article .wp-block-post-date, main.sitemap ul li a, main.sitemap ul li{
font: 1rem/1.5rem 'GangsterGrotesk Regular', sans-serif;
color: var(--w );
}
.data-target-div1 .caf-post-layout1 .caf-content{
font: 1rem/1.5rem 'GangsterGrotesk Regular', sans-serif;
}
p.small, .uagb-post__date, .copyright a, main .last-article .meta time, main .last-article .meta a, .data-target-div1 .caf-post-layout1 span.author, .data-target-div1 .caf-post-layout1 span.date, main section.results .post .content .categories a, main section.results .post .content .date{
font: 0.75rem/1.25rem 'GangsterGrotesk Regular', sans-serif;
letter-spacing: 0.094rem;
}
.wp-block-button a, input.wpcf7-submit, .data-target-div1 .caf-post-layout1 a.caf-read-more, main.single section.comments .comment-respond .form-submit input, .blog .blog-article .liste-categorie select, main.category select.select-categories{
font: 1.25rem/1.625rem 'Savate Regular', sans-serif;
text-transform: uppercase;
color: var(--w );
background-color: var(--rougevif);
padding: 26px 20px;
box-shadow: 8px 8px var(--emeraudesombre);
border-radius: 1px;
}
.wp-block-button.shadow-clair a, input.wpcf7-submit, main.single section.comments .comment-respond .form-submit input{
box-shadow: 8px 8px var(--bluepetrole);
}
.wp-block-button a:hover, input.wpcf7-submit:hover,main.single section.comments .comment-respond .form-submit input:hover{
background-color: var(--rougevif);
transform: translate(10px, 10px);
box-shadow: 8px 8px transparent;
transition: all 0.2s ease-in-out;
}
.wp-block-image{
padding-bottom: 30px;
}
.uagb-counter-block-number{
font: 3.75rem/3.75rem 'GangsterGrotesk Regular', sans-serif;
color: var(--w );
}
cite{
font: 1.75rem/1.875rem 'Jaunev06 GrandeBlack', sans-serif;
color: var(--w);
padding: 30px 0;
}
.citation{
font: 1.5rem/0.5rem 'Savate Regular', sans-serif;
color: var(--w);
background-color: var(--rougevif);
text-align: center;
padding: 30px;
box-shadow: 0px 4px 20px rgba(0, 0, 0, .5);
}
.citation.event-lyon{
margin-top: 70px;
margin-bottom: 100px;
}
.quote{
font: 2.75rem/2.625rem 'Savate Regular', sans-serif;
}
p.auteur{
font: 1.75rem/1.875rem 'Savate Regular', sans-serif;
text-transform: uppercase;
color: var(--w);
padding-top: 20px;
}
p.link-footer a{
font: 1rem/1.25rem 'Savate Regular', sans-serif;
color: var(--w );
}
::placeholder{
font: 0.875rem/1.125rem 'Savate Regular', sans-serif;
letter-spacing: 0.094rem;
color: var(--rougevif );
opacity: 50%;
}
hr{
border-bottom: 5px dotted var(--rougevif);
margin: 30px 0;
width: 30%;
}
hr.blanc{
border-bottom: 5px dotted var(--w);
width: 67%;
margin: 0 auto;
transform: rotate(90deg);
}
body{
overflow-x: hidden;
background-color: var(--bluepetrole);
} #masthead{
position: fixed;
z-index: 999;
padding: 0;
width: 100%;
}
header.head{
margin: 0 auto;
background-color: var(--emeraudesombre); }
header.head .header{
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
height: 80px;
padding: 0 20px;
}
header.head a.logo img{
width: 50px;
}
header.head .right{
display: flex;
gap: 40px;
align-items: center;
}
header.head .right .social-media{
display: flex;
gap: 15px;
align-items: center;
}
header.head .right .social-media .icon{
background-color: var(--bluepetrole);
padding: 6px 6px 3px 6px;
} header.head .menu-burger{
background-color: var(--rougevif);
padding: 12px;
box-shadow: 8px 8px var(--bluepetrole);
}
header.head .burger-menu{
height: 20px;
width: 25px;
display: flex;
flex-direction: column;
justify-content: space-between;
cursor: pointer;
position: relative;
}
header.head .burger-menu .line{
height: 2px;
width: 100%;
border-radius: 5px;
background: white;
transition: all 0.5s ease-in-out;
position: absolute;
}
header.head .burger-menu .line:nth-child(1){
top: 0px;
}
header.head .burger-menu .line:nth-child(2){
top: 8px;
}
header.head .burger-menu .line:nth-child(3){
top: 16px;
}
header.head .burger-menu.active .line:nth-child(1){
top: 8px;
transform: rotate(135deg);
}
header.head .burger-menu.active .line:nth-child(2){
transform: scaleY(0);
}
header.head .burger-menu.active .line:nth-child(3){
top: 8px;
transform: rotate(-135deg);
} .dropdown-image {
cursor: pointer;
transition: all 0.5s ease-out;
padding: 0 20px;
}
.dropdown-image.active {
transform: rotate(180deg);
}
.sub-menu {
display: none;
} nav{
display: none;
height: 100vh;
position: fixed;
background-color: white;
width: 100%;
z-index: 999;
}
nav ul{
width: 70%;
}
nav.open{
display: flex;
background-color: var(--rougevif);
flex-direction: column;
align-items: flex-end;
overflow-y: scroll;
.navigation{
width: 95%;
}
}
nav.open ul li a{
font: 2.125rem/2.625rem 'Jaunev06 GrandeBlack', sans-serif;
color: var(--w );
}
nav.open ul li ul.sub-menu li a{
font: 1.125rem/1.375rem 'GangsterGrotesk Bold', sans-serif;
color: var(--w );
}
nav .ferme {
padding: 42px;
}
nav .close-icon img{
width: 20px;
height: auto;
margin: 0 auto;
}
nav .navigation #menu-ul.menu .ligne{
border-bottom: 4px dotted var(--rougebrique);
width: 30%;
margin: 20px 0;
}
nav .navigation .menu #menu-item-36{
width: 112%;
} footer{
padding: 1rem;
background-color: var(--rougevif);
color: var(--w);
}
footer hr{
border-bottom: 5px dotted var(--w);
margin: 30px 0;
}
footer .logo-title a.logo-footer img{
width: 152px;
}
button.button-footer, .join-adventure .wp-block-button a{
font: 1.25rem/1.625rem 'Savate Regular', sans-serif;
text-transform: uppercase;
color: var(--rougevif );
background-color: var(--w);
padding: 26px 20px;
box-shadow: 8px 8px var(--rougebrique);
border-radius: 1px;
border: none;
}
button.button-footer:hover{
background-color: var(--w);
transform: translate(10px, 10px);
box-shadow: 8px 8px transparent;
transition: all 0.2s ease-in-out;
}
footer .icon-footer .instagram img, footer .icon-footer .facebook img, footer .icon-footer .linkedin img {
background-color: var(--rougebrique);
padding: 6px 6px 6px 6px;
}
footer .icon-footer{
display: flex;
gap: 7px;
padding-bottom: 15px;
}
footer .credits{
margin: 1rem 0;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
footer .credits #tarteaucitronManager{
margin: 0;
cursor: pointer;
}
footer .credits span{
margin: 0 1rem;
}
footer .copyright a{
color: var(--w );
} main.single section header{
text-align: center;
margin-bottom: 1rem;
}
main.single section header img{
padding-top: 50px;
}
main.single section h1{
text-align: center;
padding: 60px 0 30px;
}
main.single section article .taxonomy-category {
padding-top: 30px;
}
main.single section article .taxonomy-category a{
padding: 5px 10px;
}
main.single section article hr{
margin: 30px auto;
}
main.single section article hr.fin-article{
width: 90%;
}
main.single section article .corps-article p a, section.comments .comment-respond .comment-form p.logged a{
color: var(--w);
border-bottom: 2px dotted var(--rougebrique);
}
main.single section article .corps-article img{
padding-top: 30px;
}
main.single section article .corps-article h2{
padding-bottom: 30px;
}
main.single section.similar{
text-align: center;
width: 90%;
margin: 0 auto;
}
main.single section.similar h2, main.single section.similar ul li{
margin-bottom: 2.5rem;
}
main.single section.similar ul li{
width: 100%;
overflow: hidden;
}
main.single section.similar ul li img{
max-width: 300px;
}
main.single section.similar ul li p{
font-style: italic;
} section.comments{
width: 80%;
margin: 0 auto;
}
section.comments h2{
margin-bottom: .5rem;
display: flex;
}
section.comments h2 span{
margin-left: 1rem;
}
section.comments .comments-list{
display: none;
}
section.comments .comments-list.open{
display: block;
}
section.comments .comments-list ul li, section.comments .comments-list ul li div.comment-body{
margin-bottom: 1rem;
}
section.comments .comments-list ul li div.comment-body{
border: 1px solid black;
padding: 10px;
}
section.comments .comments-list ul li ul.children{
padding-left: 1rem;
}
section.comments .comment-respond h3 {
margin-bottom: 1rem;
}
section.comments .comment-respond .comment-form .comment-input{
margin-bottom: 1rem;
}
section.comments .comment-respond .comment-form .comment-input input, section.comments .comment-respond .comment-form .comment-textarea textarea{
width: 100%;
border: 1px solid black;
padding: 5px;
max-width: 500px;
}
section.comments .comment-respond .comment-form .comment-textarea label, section.comments .comment-respond .comment-form .comment-input label{
display: none;
}
section.comments .comment-respond .comment-form .comment-textarea textarea{
height: 150px;
}
section.comments .comment-respond .comment-form .form-submit {
margin: 1rem;
}
section.comments .comment-respond .comment-form .form-submit input{
padding: 10px;
}
main.single section.comments .comment-respond .form-submit input{
text-wrap: wrap;
}
section.comments .comment-respond .comment-form .comment-cookies label{
color: var(--w);
} main.error-404{
text-align: center;
background-color: var(--emeraudesombre);
padding-top: 100px;
}
main.error-404 h1{
margin-bottom: 2rem;
}
main.error-404 p{
margin: 1rem 0;
}
main.error-404 a{
text-decoration: underline;
}
main.error-404 .searchform form{
margin: 0 auto;
}
.erreur .searchform form{
width: 100%;
input{
width: 90%;
}
} .searchform{
margin: 1rem 0;
}
.searchform form{
font: 1.25rem/1.625rem 'Savate Regular', sans-serif;
color: var(--rougevif );
background-color: var(--w);
padding: 26px 20px;
box-shadow: 8px 8px var(--rougebrique);
border-radius: 1px;
border: none;
width: fit-content;
}
.searchform form input{
height: 25px;
font: 0.875rem/1.125rem 'Savate Regular', sans-serif;
letter-spacing: 0.094rem;
color: var(--bluepetrole);
}
.searchform form button{
padding: 0;
border: none;
}
.searchform form button img{
width: 20px;
height: 20px;
}
.mention-legales{
background-color: var(--emeraudesombre);
.wp-block-group{
width: 80%;
}
} main.category{
width: 80%;
}
main section.results{
margin: 0 auto;
gap: 1.25rem;
padding-bottom: 50px;
}
main section.results .post section.content{
padding: 15px;
}
main section.results .post, main section.results .post section.content{
background-color: var(--w);
}
main section.results .post .content h3{
color: var(--emeraudesombre);
text-transform: uppercase;
text-align: center;
}
main section.results .post .content .date{
color: var(--rougevif);
text-transform: uppercase;
text-align: center;
font: 11.52px/1.25rem 'GangsterGrotesk Regular', sans-serif;
}
main section.results .post .content .categories{
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: 1rem;
justify-content: center;
}
main section.results .post .content .categories a{
padding: 5px;
margin-right: 5px;
color: var(--rougevif);
text-transform: uppercase;
text-align: center;
}
main select.select-categories{
margin-bottom: 1rem;
} main.sitemap{
width: 80%;
margin-bottom: 2rem;
}
main.sitemap ul li, main.sitemap option{
padding-left: 15px;
}
main.sitemap ul li a{
border-bottom: 2px dotted var(--rougebrique);
} .alignfull{
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
}
p{
margin-bottom: .5rem;
}
img{
max-width: 100%;
height: auto;
}
button{
background-color: initial;
padding: 10px;
border: 1px solid black;
} main{
padding-top: 80px;
}
.guide-accueil{
padding: 100px 0;
}
.carte-accueil{
background-color: var(--emeraudesombre);
text-align: -webkit-center;
padding: 80px 0;
}
.carte{
display: flex;
width: 80%;
height: 80vh;
padding-bottom: 60px;
}
.citations hr{
width: 45%;
margin: 25px 0;
}
.citations{
h3{
padding-bottom: 20px;
}
.wp-block-button{
padding-top: 20px;
}
}
.chiffres{
background-color: var(--emeraudesombre);
padding: 80px 0;
}
.event, main .last-article, .testimonials{
padding: 100px 0;
}
main .last-article .meta{
text-align: center;
align-items: center !important;
gap: 0;
}
main .last-article .meta time, main .last-article .meta a{
color: var(--rougevif);
text-transform: uppercase;
}
main .last-article .wp-block-buttons{
padding-top: 50px;
}
.wp-block-uagb-container.uagb-block-4df843c3{
row-gap: 12px;
}
.line{
border-bottom: 5px dotted var(--w);
border-right: none;
}
.line .wp-block-spacer{
height: 25px;
}
.testimonials hr{
margin: 40px auto;
}
.event-lyon hr, .guide-lyon hr{ 
width: 30%;
margin: 60px 0;
}
.meta-desc .wp-block-group__inner-container{
display: flex;
align-items: center;
justify-content: center;
}
.meta-desc .wp-block-group__inner-container .wp-block-post-author__content{
display: flex;
}
.meta-desc .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained, .meta-desc .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained a, .meta-desc .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained p{
color: var(--w);
font: 0.75rem/1.25rem 'GangsterGrotesk Regular', sans-serif;
}
.meta-desc .wp-block-post-author__byline{
font-size: inherit;
padding-right: 5px;
width: unset;
}
.pagination{
position: relative;
height: auto;
background-color: transparent;
justify-content: center;
padding: 30px 0;
z-index: 998;
}
.pagination span{
text-decoration:  1px underline white;
}
.meta-desc .wp-block-post-author{
margin: 0 !important;
}
.meta-desc .wp-block-post-date{
margin: 0 !important;
}
.taxonomy-category.wp-block-post-terms{
margin: 0 !important;
}
.description{
padding: 30px 15px;
}
.description h3{
padding-bottom: 5px;
}
.description p, .description .meta-desc .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained, .description .meta-desc .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained a {
color: var(--rougevif) !important;
}
.a-venir .description .meta-desc .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained, .a-venir .description .meta-desc .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained a, .a-venir .description .meta-desc .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained p {
color: var(--w) !important;
}
.formulaire figure{
text-align: center;
}
.formulaire img{
width: 30%;
}
.formulaire p.lead{
color: var(--rougevif);
}
.formulaires{
background-color: var(--emeraudesombre);
padding: 50px 0;
}
.formulaire .wpcf7-text{
width: 100%;
padding: 25px 15px;
}
.formulaire textarea{
padding: 25px 30px 30px 15px;
width: 100%;
height: auto;
}
input.wpcf7-submit{
padding: 26px;
}
.a-venir, .blog-article{
padding-top: 100px;
}
.formulaire form p{
margin-bottom: 0.6rem;
}
.guide-best-add-lyon .guide-lyon .wp-block-image{
text-align: center;
}
.guide-best-add-lyon .guide-lyon .wp-block-image img{
width: 80%;
}
.guide-best-add-lyon .carte-accueil, .guide-best-add-lyon .last-article{
padding: 40px 0;
}
.blog .wp-block-buttons{
padding-bottom: 30px;
}
.blog .blog-article .liste-categorie{
padding-bottom: 30px;
}
.equipe{
.wp-block-columns{
gap: 0px;
p.desc{
margin-bottom: 3rem;
}
}
}
.equipe p.desc{
margin-bottom: 3rem;
}
.equipes{
padding-top: 100px;
}
.equipes h3{
padding-bottom: 4rem;
}
.equipes hr{
margin: 30px auto;
}
.decante{
h2, p{
padding-bottom: 30px;
}
h3{
padding-bottom: 15px;
}
}
.join-adventure{
padding: 50px 0;
hr{
border-bottom: 5px dotted var(--w);
}
.wp-block-columns{
width: 80%;
.wp-block-button a{
margin-top: 25px;
box-shadow: 8px 8px var(--emeraudesombre);
}
}
}
.contact hr{
margin: 30px 0;
}
.caf-post-layout1 .caf-meta-content{
justify-content: flex-end;
}
.data-target-div1 .caf-post-layout1 a.caf-read-more{
border: transparent;
}
.caf-post-layout1 .caf-content-read-more{
text-align: center;
padding-bottom: 13px;
}
ul#caf-layout-pagination.post-layout1 li a, ul#caf-layout-pagination.post-layout1 span.page-numbers.current, .data-target-div1 ul#caf-layout-pagination.post-layout1 li a, .data-target-div1 .prev-next-caf-pagination .caf-pagi-btn, .data-target-div1 ul#caf-layout-pagination.post-layout1 li span.current{
border-radius: 0;
background-color: transparent;
font: 1.25rem/1.25rem 'Savate Regular', sans-serif;
}
.data-target-div1 #caf-filter-layout1 li a, main.single section article .taxonomy-category a{
font: 1rem/2.25rem 'Savate Regular', sans-serif;
background-color: var(--w);
color: var(--rougebrique);
border: 2px dotted var(--rougebrique);
}
.data-target-div1 #caf-filter-layout1 li a.active{
background-color: var(--rougebrique);
color: var(--w);
border: 2px dotted var(--w);
}
.recherche, .search h1{
padding-top: 50px;
}
.recherche p.pp{
padding-top: 10px;
}
.recherche .searchform, .search .searchform{
text-align: -webkit-center;
}
#manage-ajax-response{
padding: 0;
}
.suite-recherche{
padding: 100px 0;
}
.search .searchform{
padding-bottom: 50px;
}
.blog .blog-article .liste-categorie select .level-0{
font: 0.8rem/1rem 'Savate Regular', sans-serif;
} @media screen and (min-width: 426px){
header.head .right {
display: flex;
gap: 20px;
align-items: center;
}
header.head .right .social-media {
display: flex;
gap: 7px;
align-items: center;
}
main.single section.similar ul{
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
main section.results .post > a{
width: 30%;
}
}
@media screen and (max-width: 426px){
header.head .right {
display: flex;
gap: 20px;
align-items: center;
}
header.head .right .social-media {
display: flex;
gap: 7px;
align-items: center;
}
nav ul{
height: 80vh;
}
}
@media screen and (max-width: 326px){
header.head .header {
padding: 0 14px;
}
header.head .right {
gap: 12px;
}
nav .fermer{
transform: translate(13%, -11%) !important;
}
}
@media screen and (min-width: 778px){
.line{
border-right: 5px dotted var(--w);
border-bottom: none;
}
.line .wp-block-spacer{
height: 250px;
}
}
@media screen and (min-width: 768px){
main.single section header img{
width: 60%;
}
}
@media screen and (max-width: 768px){
hr.blanc{
transform: rotate(0deg);
}
.citations{
h2{
text-align: center;
}
hr{
margin: 25px auto;
}
}
}
@media screen and (max-width: 1024px){
nav .fermer{
transform: translate(7%, -11%);
}
#menu-item-35{
width: 150%;
}
.citations{
padding: 50px 17px;
}
.formulaire .wp-block-columns{
gap: 20px;
}
.formulaire form p{
line-height: 0rem;
}
}
@media screen and (min-width: 1024px){
.equipe{
width: 50%;
.wp-block-columns{
gap: 60px;
}
}
.join-adventure{
padding: 100px 0;
.wp-block-columns{
width: 40%;
}
}
.formulaire figure{
text-align: left;
}
.formulaires{
padding: 140px 0;
}
.mention-legales{
.wp-block-group{
width: 60%;
}
}
main section.results{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
main.single section article .corps-article{
width: 60%;
}
main.single section article hr.fin-article{
width: 60%;
}
main.single section.similar{
width: 80%;
}main.single section.similar ul li{
width: 33%;
}
main.single section.comments .comment-respond{
display: inline-flex;
width: 80%;
gap: 100px;
}
}
@media screen and (min-width: 1200px){
h1{
font: 4.125rem/4.375rem 'Jaunev06 GrandeBlack', sans-serif;
}
h2, section.comments .comment-respond h3{
font: 3rem/3.375rem 'Jaunev06 GrandeBlack', sans-serif;
}
h3{
font: 1.875rem/2.25rem 'Savate Regular', sans-serif;
}
hr{
margin: 60px auto;
}
p.lead, .lead p{
font: 1.375rem/1.75rem 'Savate Regular', sans-serif;
}
p, .wp-block-uagb-counter__title, .credits a, .credits p, main.single section article .wp-block-post-author-name, main.single section article .wp-block-post-date{
font: 1.125rem/1.625rem 'GangsterGrotesk Regular', sans-serif;
}
p.small, .uagb-post__date, .copyright a, main .last-article .meta time, main .last-article .meta a{
font: 0.875rem/1.375rem 'GangsterGrotesk Regular', sans-serif;
}
.uagb-counter-block-number{
font: 5rem/5rem 'GangsterGrotesk Regular', sans-serif;
}
cite{
font: 2.75rem/2.625rem 'Jaunev06 GrandeBlack', sans-serif;
}
p.auteur{
font: 1.375rem/1.625rem 'Savate Regular', sans-serif;
}
p.link-footer a{
font: 1.25rem/1.375rem 'Savate Regular', sans-serif;
}
nav.open ul li a{
font: 3.375rem/3.625rem 'Jaunev06 GrandeBlack', sans-serif;
}
nav.open ul li ul.sub-menu li a{
font: 1.25rem/1.5rem 'GangsterGrotesk Bold', sans-serif;
}
header.head .header{
max-width: 95%;
transform: translate(2%, 0);
padding: 1rem 0;
}
nav .fermer{
max-width: 95%;
transform: translate(-16%, -10%);
}
nav.open{
.navigation{
display: flex;
align-self: center;
align-items: center;
.image{
width: 70%;
display: flex;
justify-content: flex-end;
padding-right: 100px;
img{
width: 510px;
height: auto;
}
}
}
}
main{
margin: 0 auto;
}
main section.results .post > a{
width: 20%;
}
main .banner-accueil img{
width: 573px;
height: auto;
}
.citations{
padding: 106px 138px;
.wp-block-columns{
gap: 6em;
}
}
.chiffres{
width: 70%;
}
.site-footer{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto;
}
.gridunsurdeux{
grid-column: 1 / 2;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 60px;
}
.griddeuxsurtrois{
grid-column: 2 / 3;
display: flex;
flex-direction: column;
padding-top: 60px;
}
.gridtroissurquatre{
grid-column: 3 / 4;
display: flex;
flex-direction: column;
justify-content: center;
}
.formulaire .wpcf7-text{
padding: 25px 200px 25px 31px;
}
.formulaire textarea{
padding: 30px 200px 30px 31px;
}
input.wpcf7-submit{
padding: 26px 110px;
}
.formulaire .wp-block-columns{
gap: 150px;
}
.formulaire form p{
line-height: 0rem;
margin-bottom: 0.6rem;
}
.citation.event-lyon{
width: 30%;
}
.guide-lyon{
padding-bottom: 100px;
}
.guide-best-add-lyon .guide-lyon .wp-block-image img{
width: 100%;
}
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}