@charset "UTF-8";
/*
Theme Name: Jean-Baptiste Nore
Author: Basile Jesset
Description: Thème développé dans le cadre du site web Jean-Baptiste Nore
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: graphic design theme, portofolio, brutalist theme

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Share the love <3

*/



/*      TTT - GENERAL     */


:root{
    --color-black: #000000;
    --color-grey: #F2EFEB;

    --color-white: #FFFFFF;
    --color-moka: #B2A591;
    --color-lichen: #7E8C6D;
    

    --size-grandtitre: 250px;
    --size-titre1: 50px; 
    --size-titre2: 30px;
    --size-titre3: 17px;
    --size-labeur: 17px;
    --size-mention: 12px;

    --margin-global : 90px;

    --speed : 600ms;

}

html{
    padding: 0 !important;
    margin: 0 !important;
}

body{
    margin: var(--margin-global) var(--margin-global) 0 var(--margin-global) ;
    padding: 0 !important;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 400;
    font-style: normal;  
    font-size: var(--size-labeur);
    line-height: 1.7;
    font-weight: 300;
    color: var(--color-black);
    background-color: var(--color-white);
}


::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    border-radius: 2px;
    background-color: transparent;
} 

::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color:  transparent;
    height: 0px;
}
 
::-webkit-scrollbar-thumb {
    background-color: var(--color-black);
    border-radius: 5px;
}


h1, h2, h3, h4, h5, h6{
    color: var(--color-black);
    font-family: 'scotch-display', sans-serif;
    margin: 0;
    padding: 0;
    font-weight: 400;
	line-height: 1.4;
}

h1{
    font-size: var(--size-grandtitre);
    font-weight: 600;
    margin: 180px 0 98px 0;
    position: relative;
}

h1::after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 72px;
    border-bottom: 1px solid var(--color-black);
}



h2.title_page{
	margin: 120px 0 98px 0;
}

h2.welcome_title {
    font-size: var(--size-grandtitre);
    font-weight: 600;
    margin: 180px 0 98px 0;
    position: relative;
}

h2.welcome_title:after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 72px;
    border-bottom: 1px solid var(--color-black);
}

h2 {
	font-size: var(--size-titre1);
    font-weight: 600;
    margin: 180px 0 98px 0;
    position: relative;
}


h2::after {
	content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -6px;
    border-bottom: 1px solid var(--color-black);
}

h3{
    font-size: var(--size-titre1);
    font-weight: 600;
    margin: 180px 0 98px 0;
    position: relative;
}   

h3::after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -6px;
    border-bottom: 1px solid var(--color-black);
}

h4{
    font-size: var(--size-titre2);
    font-weight: 600;
    margin: 180px 0 98px 0;
    position: relative;
/*     text-transform: uppercase; */
}

h4::after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -6px;
    border-bottom: 1px solid var(--color-black);
}

h5{
    font-size: var(--size-titre3);
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 450;
    text-transform: uppercase;
    letter-spacing: 0%;
}


p i, p em{
    font-weight: 500;
}

ul, ol{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

li{
    margin: 0;
    padding: 0;
}

a{
    color: var(--color-black);
}

img{
    width: 100%;
    height: auto;
}




hr{
    border: 0;
    border-bottom: 1px solid var(--color-black);
    margin: 80px 0;
}

p{
    padding-bottom: 10px;
    font-weight: 400;
    max-width: 600px;
    letter-spacing: 3%;
}

form p{
    padding-bottom: 0px !important;
}

b, strong{
    color: var(--color-black);
    font-weight: 600;
}




/* NAV  */

header{
    position: fixed;
    right: 0;
    top: 0;
    z-index: 50;
}

.inner_main_menu{
    display: flex;
    padding: 20px;
    justify-content: end;
}

.container_menu{
    position: fixed;
    display: flex;
    flex-direction: column;
    left: 0;
    top: -100%;
    background-color: var(--color-grey);
    transition: all var(--speed);
    width: 100%;
    padding: 18px;
    height: 100%;
    z-index: 150;
    box-sizing: border-box;
}

.title_site img{
    width: 70vw;
}

.menu_icon_mobile{
    cursor: pointer;
	width: 33px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.menu_icon_mobile .trace_icon_menu{
    cursor: pointer;
	width: 33px;
	border-top: 1px solid var(--color-black);
	padding-bottom: 9px;
	transition: all var(--speed);
}

.menu_icon_mobile:hover .trace_center, .menu_icon_mobile:active .trace_center{
	width: 10px;
}

.menu_nav_mobile{
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--color-black);
}

.menu_nav_mobile_exit{
	margin: -2px;
    width: 30px;
	height: 30px;
    cursor: pointer;
}

.exit_box{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.exit_box:hover .exit_complete_line, .exit_box:active .exit_complete_line{
	width: 1px;
}

.exit_complete_line{
	border-bottom: 1px solid var(--color-black);
	width: 100%;
	transform-origin: 50% 50%;
	transform: rotate(-45deg);
	transition: all var(--speed);
}

.exit_duo{
	width: 100%;
	display: flex;
	gap: 5px;
	transform-origin: 50% 50%;
	transform: rotate(45deg);
	margin-top: -1px;
}

.exit_line{
	flex: 1;
	border-bottom: 1px solid var(--color-black);
}



.container_menu_inner{
    padding-top: 87px;
    display: flex;
    gap: 50px;
    flex: 1;
}

.container_menu_inner_info{
    flex: 1;
    display: flex;
    flex-direction: column;
}

.container_menu_inner_research{
    position: relative;
}

.corpus_search{
    width: 100%;
    padding: 10px 0;
    border: 0;
    border-bottom: 1px solid var(--color-black);
    background-color: transparent;
    border-radius: 0;
    margin-bottom: 50px;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-size: var(--size-labeur);
}

.corpus_search:focus  {
	  outline: none;
}

.corpus_search::placeholder {
    color: var(--color-moka);
	transition: all var(--speed);
}

.corpus_search:hover::placeholder {
    color: transparent;
}


.reset_search{
    position: absolute;
    right: 10px;
    top: 8px;
/*     text-transform: uppercase; */
    cursor: pointer;
    display: none;
}


.write_to_search{
    position: absolute;
    right: 8px;
    top: 8px;
	pointer-events: none;
	padding-right: 36px;
}

.write_to_search img{
	position: absolute;
    right: 6px;
    top: 6px;
	width: 14px;
	transform-origin: 50% 50%;
	transform: rotate(90deg);
	transition: all var(--speed);
}

.research_result li{
    list-style-type: none;
}

.research_result h4{
    margin-top: 0;
    margin-bottom: 60px;
}

.container_menu_inner_description{
    flex: 1;
    width: 50%;
}

.container_menu_inner_description a{
	text-decoration: none;
}

.container_menu_inner_description img{
    width: 10px;
    margin-right: 10px;
}

.container_menu_inner_rs{
    display: flex;
    gap: 8px;
}


.container_menu_inner_menu{
    flex: 1;
}

.container_menu_inner_menu h2{
    margin-top: -12px;
    margin-bottom: 20px;
}

.container_menu_inner_menu h2::after{
    content: none;
}

.container_menu_inner_menu p{
    font-size: var(--size-mention);
}

.container_menu_inner_menu a{
    text-decoration: none;
}

.menu-item>a{
    display: block;
    font-family: "scotch-display";
    font-weight: 600;
    font-style: SemiBold;
    font-size: var(--size-titre2);
    letter-spacing: 0%;
    position: relative;
    margin-bottom: 27px;
    width: 100%;
	transition: all var(--speed);
}

.menu-item>a div{
	width: fit-content;
	position: relative;
}

.menu-item>a div.compteur_projet{
	width: fit-content;
	position: absolute;
	top: 0;
	left: calc(100% + 4px);
	right: auto;
}

.menu-item>a::after{
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -6px;
    border-bottom: 1px solid var(--color-moka);
	transition: all var(--speed);
}

.menu-item>a:hover, .menu-item>a:active{
	color: var(--color-lichen);
}

.menu-item>a:hover::after, .menu-item>a:active::after{
    width: 30px;
	border-bottom: 2px solid var(--color-lichen);
}


.sub-menu .menu-item>a{
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 400;
    font-style: 45 Light;
    font-size: var(--size-mention);
    line-height: 29px;
    letter-spacing: 0%;
    text-transform: none;
    margin-bottom: 6px;
}

.sub-menu .menu-item>a::after{
    width: 0;
    bottom: 2px;
}

.sub-menu .menu-item>a:hover::after, .sub-menu .menu-item>a:active::after{
    width: 100%;
	border-bottom: 1px solid var(--color-lichen);
}

.container_menu_inner_menu ul.menu_screen{
    display: grid;
    gap: 45px;
    grid-template-columns: 1fr 1fr 1fr;
}


.entree_site{
    position: absolute;
    width: 65%;
    left: 20px;
    top: 20px;
}

.main_entry{
    position: fixed;
    width: 92px;
    left: -6px;
    top: 0;
    z-index: 60;
}

.container_logo_jbnore{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
}

.logo_jbnore{
    margin-top: 100vh;
    position: sticky;
    top: 10px;
    width: 90px;
}

.my_link_scrollable{
	position: fixed;
	top: 0;
	right: 100px;
	transition: all var(--speed);
	display: flex;
	gap: 40px;
	z-index: 100;
}

.my_link_scrollable a, .my_link_scrollable div {
	display: block;
	padding: 16px 0 6px;
	text-decoration: none;
	font-size: var(--size-mention);
	border-bottom: 1px solid var(--color-black);
	cursor: pointer;
}




/* FOOTER  */



.footer_bottom_arrow {
	position: fixed;
	right: 24px;
	bottom: 4px;
	width: 12px;
	transition: all var(--speed);
	opacity: 0;
	visibility: hidden;
	cursor: pointer;
	z-index: 4
	
}


footer{
    position: relative;
    z-index: 100;
    margin: 90px calc(var(--margin-global) * -1) 0;
    width: calc(100% + var(--margin-global) + var(--margin-global));

}

footer .container_menu_footer{
    display: flex;
    gap: 30px;
    flex: 1;
    padding: 50px 20px;
    min-height: 100vh;
    box-sizing: border-box;
    flex-direction: column;
  
    background-color: var(--color-grey);
}


footer .container_menu_inner{
    padding: 0;
}

.footer_img{
    width: 200px;
    margin-bottom: 50px;
}

.sib_signup_box_inside_1{
	display: flex;
    align-items: start;
}

p.sib-email-area{
	max-width: none;
	flex: 2;
	margin-right: 30px;
	display: inline-block;
}

input.sib-email-area{
	width: 100%;
	line-height: 21px;
    padding: 10px 0 6px;
    border: 0;
    border-bottom: 1px solid var(--color-black);
    background-color: transparent;
    border-radius: 0;
    margin-bottom: 50px;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-size: var(--size-labeur);
}


footer .wp-element-button{
	flex: 1;
	margin-top: 16px;
    font-weight: 400;
    border-radius: 0;
    font-style: 45 Light;
    text-transform: uppercase;
    background-color: transparent;
    padding: 0 0px 4px 0;
    border-bottom: 1px solid var(--color-moka);
    color: var(--color-black);
    transition: all var(--speed);

    display: flex;
    gap: 10px;
    justify-content: space-between;
}

footer .wp-element-button .arrow_button{
    margin-top: 3px;
    margin-bottom: -3px;
}


footer .wp-element-button:hover, footer .wp-element-button:active{
    color: grey;
    padding-left: 10px;
	opacity: 0.7;
}


.sib-default-btn{
	color: var(--color-black);
    display: inline-block;
    position: relative;
    font-size: var(--size-labeur);
    text-transform: uppercase;
    background-color: transparent;
    border: 0;
	margin-top: 0px;
    text-align: left;
    border-radius: 0;
	padding: 0;
    cursor: pointer;
	transition: all var(--speed);
	font-family: "neue-haas-grotesk-display", sans-serif;
}


input.sib-email-area:focus{
	outline: none;
	background-color: var(--color-grey);
}

footer .wp-element-button .arrow_button .barre_arrow{
    transition: all var(--speed);
    transform-origin: right;
}

footer .wp-element-button:hover .arrow_button .barre_arrow,footer .wp-element-button:active .arrow_button .barre_arrow{
    transform: scaleX(0);
}


footer .container_menu_inner_description{
	width: 80%;
}


footer .container_menu_inner_menu{
    flex: 2;
}

footer .container_menu_inner_menu ul.menu_screen{
    display: flex;
}

footer .container_menu_inner_menu ul.menu_screen li{
    flex: 1;
}

footer .menu-item>a{
    font-size: var(--size-titre3);
}

.footer_menu_legal{
    display: flex;
    justify-content: space-between;
    font-size: var(--size-mention);
}

.footer_menu_separator{
	margin-bottom: 50px;
	position: relative;
}


footer .container_menu_faq_lexique ul.menu_screen li{
	flex: 2;
}

.container_menu_faq_lexique .separator_menu_faq{
	flex: 1;
}

.footer_menu_separator::after{	
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -25px;
    border-bottom: 1px solid var(--color-moka);
}

.container_menu_faq_lexique{
	flex: none;
}

.footer_menu_legal img{
    display: flex;
    justify-content: space-between;
    mix-blend-mode: multiply;
    width: 122px;
}


.footer_menu_legal ul{
    display: flex;
    gap: 20px;
}

.footer_menu_legal .menu_legal .menu-item>a{
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 400;
    font-style:normal;
    font-size: var(--size-mention);
    letter-spacing: 0%;
/*     text-transform: uppercase; */
    position: relative;
    margin-bottom: 0;
    width: auto;
    text-decoration: none;
}

.footer_menu_legal .menu_legal .menu-item>a::after{
    content: none;
}

.faq_list {
    max-width: 600px;
    margin: 50px auto 180px;
}

.faq_question{
    border-top: 1px solid var(--color-moka);
    border-bottom: 1px solid var(--color-moka);
    padding: 10px 0;
    margin-bottom: 26px;
}

.faq_question img{
	position: absolute;
	right: 0;
	top: 5px;
	width: 15px;
	transform-origin: 50% 50%;
	transform: rotate(180deg);
	transition: all var(--speed);
}

.faq_question li{
    text-transform: uppercase;
    font-size: 600;
	position: relative;
	padding-right: 50px;
    cursor: pointer;
}

.faq_question li:hover img .faq_question li:active img{
	transform: rotate(90deg);
}

.faq_reponse{
    display: grid;
    grid-template-rows: 0fr;
    transition: all var(--speed);
}

.faq_reponse_inner_separator{
    height: 30px;
}

.faq_reponse_inner{
    overflow: hidden;
    line-height: 22px;
}















/* CONTENT ACCUEIL  */

.slider_welcome{
    margin: 20vh calc(var(--margin-global) * -1 + 20px) 10vh;
    width: calc(100% + var(--margin-global) + var(--margin-global) - 40px);
    height: 70vh;
    overflow: hidden;
    position: relative;
}

.slider_welcome_arrow_left{
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(0, -50%);
    transform-origin: 50% 50%;
    z-index: 5;
    cursor: pointer;
}

.slider_welcome_arrow_right{
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(-50%, 0);
    transform-origin: 50% 50%;
    z-index: 5;
    cursor: pointer;
}

.slider_welcome_arrow_left, .slider_welcome_arrow_right{
	display: none;
}

.slider_welcome_about{
    text-align: right;
    font-weight: 450;
    font-size: 25px;
    line-height: 32px;
    letter-spacing: 0%;
    margin: -40px calc(var(--margin-global) * -1 + 20px) 0;
/* 	width: 100%; */
    width: calc(100% + var(--margin-global) + var(--margin-global) - 40px);
	text-transform: uppercase;
}


.slider_welcome_inner{
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% + 20px);
    display: flex;
    flex-wrap: nowrap;
    transition: left var(--speed);
}


.projet_container_img{
    flex: 1 0 auto;
    height: 70vh;
    margin-right: 20px;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;

}

.projet_container_img img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: 50% 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.projet_container_img.container_portrait{
    width: calc(25% - 20px);
}

.projet_container_img.container_paysage{
    width: calc(50% - 20px);
}

.slider_welcome_about{
	position: relative;
}


.arrow_desk_welcome{
	position: absolute;
	left: 50%;
	top: 12px;
	display: block;
	width: 12px;
	margin: 0px auto;
	transform-origin: 50% 50%;
	transform: rotate(45deg) translate(0, -50%);
	cursor: pointer;
	transition: all var(--speed);
}

.arrow_desk_welcome:hover{
	opacity: 0.6;
}

.arrow_mobile_welcome{
	display: none;
	width: 12px;
	margin: 12px auto;
	transform-origin: 50% 50%;
	transform: rotate(90deg);
}


.footer_bottom_fixed{
	position: fixed;
	z-index: 5;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 6px 20px;
	box-sizing: border-box;
	background-color: var(--color-white);
	display: flex;
	justify-content: space-between;
	gap: 20px;
	font-size: var(--size-mention);
	text-transform: uppercase;
}

.footer_bottom_fixed img{
	width: 12px;
	margin-left: 10px;
}

.footer_bottom_fixed_actual{
    font-family: 'scotch-display', sans-serif;
    font-weight: 300;
}

.footer_bottom_fixed_up{
	position: relative;
	cursor: pointer;
}

.footer_bottom_fixed_up::after{
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	border-bottom: 1px solid var(--color-black);
}

.wp-block-query{
    margin-bottom: 20px;
}

.wp-block-group{
    margin: 0px calc(var(--margin-global) * -1);
    width: 100%;
    padding: 24px var(--margin-global) 10px;
    box-sizing: content-box;
}

.wp-block-image{
    max-width: 50vw;
    margin: 50px auto;
}

.wp-block-column .wp-block-image{
    width: 100%;
    margin: 0;
    max-width: none;
}

.wp-block-image.is-style-bg-image{
    margin: 0 calc(var(--margin-global) * -1);
    width: calc(100% + var(--margin-global) + var(--margin-global));
    box-sizing: content-box;
    max-width: none;
	position: relative;
	height: 100vh;
	overflow: hidden;
}

.wp-block-image.is-style-bg-image img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform-origin: 50% 50%;
	transform: translate(-50%, -50%);
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
}

.taxonomy-category a, .taxonomy-categorie_journal a, .taxonomy-product_cat a{
    font-family: 'scotch-display', sans-serif;
    font-weight: 300;
    font-style: Light;
    font-size: var(--size-titre3);
    line-height: 23px;
    letter-spacing: 0%;
    text-decoration: none;
}

.wp-block-post-date a, .blog_title .blog_title_date, .blog_date{
	font-size: var(--size-mention);
	text-decoration: none;
}



.wp-block-post .wp-block-columns{
	margin-bottom: 10px;
}

.page-template-page-welcome .wp-block-column{
    display: flex;
    flex-direction: column;
}

.page-template-page-welcome .wp-block-column .wp-block-buttons{
    flex: 1;
}

.page-template-page-welcome .wp-block-column .wp-block-buttons>.wp-block-button{
    margin-bottom: 30px;
}



body .wp-block-buttons>.wp-block-button {
    margin-top: 30px;
    margin-bottom: 100px;
}

body .wp-block-button .wp-element-button{
	width: 340px;
    font-weight: 400;
    border-radius: 0;
    font-style: 45 Light;
    text-transform: uppercase;
    background-color: transparent;
    padding: 0 0px 4px 0;
    border-bottom: 1px solid var(--color-moka);
    color: var(--color-black);
    transition: all var(--speed);

    display: flex;
    gap: 10px;
    justify-content: space-between;
}

body .wp-block-button .wp-element-button .arrow_button{
    margin-top: 3px;
    margin-bottom: -3px;
}


body .wp-block-button:hover .wp-element-button, body .wp-block-button:active .wp-element-button{
    color: grey;
    padding-left: 10px;
}


body .wp-block-button:hover .wp-element-button .arrow_button, body .wp-block-button:active .wp-element-button .arrow_button{
    opacity: 0.7;
}

body .wp-block-button .wp-element-button .arrow_button .barre_arrow{
    transition: all var(--speed);
    transform-origin: right;
}

body .wp-block-button:hover .wp-element-button .arrow_button .barre_arrow, body .wp-block-button:active .wp-element-button .arrow_button .barre_arrow{
    transform: scaleX(0);
}

.wp-block-button_reverse a{
	flex-direction: row-reverse;
}




.references_title{
    font-family: 'scotch-display', sans-serif;
    font-weight: 400;
    font-size: var(--size-titre2);
    letter-spacing: 0%;
    text-transform: capitalize;
	display: grid;
	grid-template-columns : 1fr 1fr 1fr;
}

.references_title a{
	text-decoration: none;
}

.references_title li{
    margin-left: 20px;
    padding-bottom: 50px;
    list-style-type: none;
}

.references_title li:before {
    content:"·";
    font-size: 24px;
    vertical-align:middle;
    line-height: 20px;
    margin-left: -20px;
    margin-right: 20px;
}

.wp-block-columns.wp_columns_boutique_accueil .wp-column-to-flex:first-of-type{
	flex-basis: 75%;
}

.wp-block-columns.wp_columns_boutique_accueil .wp-column-to-flex{
	flex-basis: 25%;
}

.wp_columns_boutique_accueil .product_focus{
	position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: 50% 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    opacity: 0;
    visibility: hidden;
    transition: all var(--speed);
}

.wp_columns_boutique_accueil{
	gap: 1.25em;
}

.wp_columns_boutique_accueil .wp-block-post:hover .product_focus, .wp_columns_boutique_accueil .wp-block-post:active .product_focus{
	opacity: 1;
	visibility: visible;
    transform: translate(-50%, -50%);
}


.wp-block-columns .wp-block-column h2:first-child, .wp-block-columns .wp-block-column h3:first-child, .wp-block-columns .wp-block-column h4:first-child {
    margin-top: 0;
}


.wp-block-column .wp-block-image.column_reduc_height{
    margin-bottom: -300px;
}


.wp-block-post .wp-block-post-featured-image{
    overflow: hidden;
}

.wp-block-post img{
    transition: all var(--speed);
    transform-origin: 50% 50%;
    transform:  scale3d(1, 1, 1);
}

.wp-block-post:hover img, .wp-block-post:active img{
    transform: scale3d(1.05, 1.05, 1);
}

h3.wp-block-post-title{
	margin: 0;
	font-size: var(--size-titre3);
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 450;
    text-transform: uppercase;
    letter-spacing: 0%;
}

h3.wp-block-post-title:after{
	content: none;
}

.wp-block-post .wp-block-post-title, .wp-block-post .wp-block-post-title a, .wp-block-post .wp-block-post-terms, .wp-block-post .wp-block-post-terms a, .wp-block-post .wp-block-post-date, .wp-block-post .wp-block-post-date a{
    transition: all var(--speed);
    transform-origin: 50% 50%;
}

.wp-block-post:hover .wp-block-post-title, .wp-block-post:hover .wp-block-post-terms, .wp-block-post:hover .wp-block-post-date{
    transform: translateX(50%);
}

.wp-block-post:hover .wp-block-post-terms.has-text-align-right{
        transform: translateX(-50%);
}

.wp-block-post:active .wp-block-post-title, .wp-block-post:active .wp-block-post-terms, .wp-block-post:hover .wp-block-post-date{
    transform: translateX(50%);
}

.wp-block-post:active .wp-block-post-terms.has-text-align-right{
        transform: translateX(-50%);
}

.wp-block-post .wp-block-post-terms a, .wp-block-post .wp-block-post-date a{
    display: inline-block;
}

.wp-block-post:hover .wp-block-post-title a, .wp-block-post:hover .wp-block-post-terms a, .wp-block-post:hover .wp-block-post-date a{
    transform: translateX(-50%);
}

.wp-block-post:hover .wp-block-post-terms.has-text-align-right a{
        transform: translateX(50%);
}

.wp-block-post:active .wp-block-post-title a, .wp-block-post:active .wp-block-post-terms a, .wp-block-post:hover .wp-block-post-date a{
    transform: translateX(-50%);
}

.wp-block-post:active .wp-block-post-terms.has-text-align-right a{
        transform: translateX(50%);
}


p.wp-block-paragraph {
    margin-left: auto;
    margin-right: auto;
}

.wp-block-column p.wp-block-paragraph {
    margin-left: 0;
    margin-right: 0;
}

.wp-block-list{
    margin-left: auto;
    margin-right: auto;	
	padding-bottom: 10px;
    font-weight: 400;
    max-width: 600px;
    letter-spacing: 3%;
	    list-style-type: disc;
}



.wpcf7-form div{
    display: flex;
    gap: 30px;
}

.wpcf7-form p{
    max-width: none;
}

.wpcf7-form div *{
   flex: 1;
}

.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select, .wpcf7-form label{
    width: 100%;
    box-sizing: border-box;

}
.wpcf7-form input:focus, .wpcf7-form textarea:focus, .wpcf7-form select:focus, .wpcf7-form label:focus{
	outline: none;
}


.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select{
    padding: 6px 1px;
    font-size: var(--size-mention);
    border: 1px solid var(--color-moka);
    border-radius: 5px;
}


.wpcf7-form .wpcf7-submit{
	width: 50%;
	margin-left: auto;
    display: block;
    position: relative;
	color: var(--color-black);
    font-size: var(--size-labeur);
    text-transform: uppercase;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid var(--color-moka);
    margin-left: auto;
	margin-top: 5px;
    padding: 0 0 10px 0;
    text-align: right;
    border-radius: 0;
    cursor: pointer;
	transition: all var(--speed);

	font-family: "neue-haas-grotesk-display", sans-serif;
}

.wpcf7-form .wpcf7-submit:hover, .wpcf7-form .wpcf7-submit:active{
	opacity: 0.7	
}


.wpcf7-list-item{
	margin-left: 0;	
}

.wpcf7-list-item label{
	display: flex;
	align-items: start;
}

.wpcf7-list-item label input{
    width: 40px;
    margin-top: 6px;
	flex: none;
	border-radius: 50%;
}

.container_submit-wfc7 p{
	margin-top: 40px;
	position: relative;
}

.wpcf7-acceptance{
	margin-top: 20px;
	display: block;
	font-size: var(--size-mention);
}

.container_submit-wfc7 p .arrow_submit{
    position: absolute;
    left: 50%;
	top: 5px;
	pointer-events: none;
	transition: all var(--speed);
}


.arrow_submit.hover_arrowed{
    opacity: 0.7;
	margin-left: 10px;
}


.arrow_submit .barre_arrow{
    transition: all var(--speed);
    transform-origin: right;
}

.arrow_submit.hover_arrowed .barre_arrow{
    transform: scaleX(0);
}



/* PROJECT  */


.choice_client{
    display: flex;
    justify-content: space-between;
    margin-top: -30px;
    margin-bottom: 80px;
}


.choice_display{
    display: flex;
	z-index: 100;
	margin: auto;
	width: fit-content;
	justify-content: center;
    gap: 6px;
    position: sticky;
    top: 20px;	
	background-color: var(--color-white);
	border-radius: 3px;
	padding: 5px;
	margin-bottom: -20px;
}

.choice_global_page{
	margin-top: -100px;
}

.selector_choice{
    position: absolute;
    z-index: -1;
    border-top: 1px solid var(--color-moka);
    border-bottom: 1px solid var(--color-moka);
    height: 22px;
    width: 18px;
    left: 5px;
    transition: all var(--speed);
}


.element_block{
    height: 22px;
    width: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}


.element_block .element_grid_block{
    height: 12px;
    width: 12px;
    background-color: var(--color-black);
    border-radius: 2px;
    border: 1px solid var(--color-black);
    box-sizing: border-box;
    transition: all var(--speed);
}


.element_block.is_active_display .element_grid_block{
    height: 22px;
    width: 18px;
    background-color: transparent;
    border: 1px solid var(--color-moka);
}

.element_block:hover .element_grid_block, .element_block:active .element_grid_block{
    height: 22px;
    width: 18px;
    background-color: transparent;
    border: 1px solid var(--color-moka);
}


.element_grid{
    height: 22px;
    width: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}


.element_grid_block_container{
    display: grid;
    height: 13px;
    width: 13px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 1px;
    justify-items: center;
    align-items: center;
    transition: all var(--speed);
}


.element_grid .element_grid_block{
    height: 100%;
    background-color: var(--color-black);
    border-radius: 2px;
    width: 6px;
    height: 6px;
    border: 1px solid var(--color-black);
    box-sizing: border-box;
    transition: all var(--speed);
}

.element_grid.is_active_display .element_grid_block_container{
    height: 17px;
    width: 17px;
}

.element_grid.is_active_display .element_grid_block{
    height: 8px;
    width: 8px;
    background-color: transparent;
    border: 1px solid var(--color-moka);
}


.element_grid:hover .element_grid_block_container, .element_grid:active .element_grid_block_container{
    height: 17px;
    width: 17px;
}

.element_grid:hover .element_grid_block, .element_grid:active .element_grid_block{
    height: 8px;
    width: 8px;
    background-color: transparent;
    border: 1px solid var(--color-moka);
}



.select_active .select_client::after, .select_active .select_personnal::after{
    border-bottom: 1px solid var(--color-lichen);
}

.select_active .select_choice_inner{
    padding: 0 10px;
}

.select_active .select_choice_inner{
    color: var(--color-lichen) !important;
}

.select_client{
	position: relative;
    font-family: 'scotch-display', sans-serif;
    font-weight: 300;
    font-style: Light;
    font-size: var(--size-titre2);
    line-height: 38px;
    letter-spacing: 0%;
    width: 25%;
    padding: 0 0 24px 0;
/*     border-bottom: 2px solid var(--color-lichen); */
    cursor: pointer;
    transition: all var(--speed);
}

.select_personnal{
	position: relative;
    font-family: 'scotch-display', sans-serif;
    font-weight: 300;
    font-style: Light;
    font-size: var(--size-titre2);
    line-height: 38px;
    letter-spacing: 0%;
    width: 25%;
    padding: 0 0 24px 0;
    text-align: right;
    cursor: pointer;
    transition: all var(--speed);
    display: flex;
    justify-content: end;
}

.select_personnal::after, .select_client::after{
	content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0px;
    border-bottom: 1px solid var(--color-moka);
	transition: all var(--speed);
}

.select_client:hover, .select_personnal:hover, .select_client:active, .select_personnal:active{
    color: var(--color-lichen);
    font-weight: 500;

}

.select_choice_inner{
	transition: all var(--speed);	
}

.select_personnal:hover .select_choice_inner,  .select_client:hover .select_choice_inner, .select_personnal:active .select_choice_inner,  .select_client:active .select_choice_inner{
	padding: 0 10px;
}


.select_client:hover::after, .select_personnal:hover::after, .select_client:active::after, .select_personnal:active::after{
    border-bottom: 1px solid var(--color-lichen);
}

.select_choice_inner{
    position: relative;
    display: flex;
    align-items: start;
    transition: all var(--speed);
}

.select_choice_compteur{
    position: relative;
    font-size: var(--size-mention);
    font-family: "neue-haas-grotesk-display", sans-serif;
    line-height: 14px;
}

.all_cat_project{
    font-family: 'scotch-display', sans-serif;
    font-weight: 600;
    font-size: 21px;
    line-height: 32px;
    text-align: center;
    padding: 16px 30px 20px 30px;
	margin-top: -16px;
    border-bottom: 1px solid var(--color-black);
    margin-bottom: 30px;
}

.all_cat_project a{
    cursor: pointer;
    transition: all var(--speed);
	text-decoration: none;
}

.all_cat_project a:hover, .all_cat_project a:active{
    color: var(--color-lichen);
}

.all_cat_project .cat_currently_selected{
    color: var(--color-lichen);
}

.all_cat h2{
	margin: 20px 0 50px 0;
}

.all_cat p {
	margin-left: auto;
	margin-right: auto;
}

.list_blog_content{
    max-width: 600px;
    margin: 20px auto 80px;
}

.list_blog_content h4{
    margin-top: 0;
    margin-bottom: 30px;
}

.list_blog_content h4::after{
    content: none;
}

.list_blog_solo{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 120px 45px;
    margin-bottom: 120px;
}

.blog{
    overflow: hidden;
}

.blog_img{
    overflow: hidden;
	position: relative;
    margin-bottom: 14px;
}


.blog_img img{
    transition: all var(--speed);
    transform-origin: 50% 50%;
    transform:  scale3d(1, 1, 1);
    margin-bottom: -10px;
}


.blog:hover .blog_img img, .blog:active .blog_img img{
    transform: scale3d(1.05, 1.05, 1);
}

.projet_personnel{
	display: none;
}

.list_blog_solo a{
    text-decoration: none;
}

.blog_desc{
    display: flex;
    justify-content: center;
    gap: 10px;
}

.blog_title, .main_article h3.blog_title{
    text-align: left;
	margin-top: 0;
	margin-bottom: 6px;
	font-size: var(--size-titre3);
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 450;
    text-transform: uppercase;
    letter-spacing: 0%;
	width: fit-content;
}

.blog_title:after,  .main_article h3.blog_title:after{
	content: none;
}

.blog_title h2{
    text-align: left;
	margin-top: 0;
	margin-bottom: 6px;
	font-size: var(--size-titre3);
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 450;
    text-transform: uppercase;
    letter-spacing: 0%;
}


.blog_title h2:after{
	content: none;
}

.blog_separator{
    flex: 1;
    transition: all var(--speed);
}

.blog:hover .blog_separator, .blog:active .blog_separator{
    flex: 0;
}

.blog_decouvrir{
    font-family: 'scotch-display', sans-serif;
    font-weight: 300;
    text-align: right;
    margin-top: -4px;
}



.main_article .single_header h1{
    margin-top: 35vh;
    margin-bottom: 50px;
    max-width: 70%;
}

.main_article .single_header h1::after{
	content:"";
    position: absolute;
    left: 0;
    bottom: -6px;
    border-bottom: 1px solid var(--color-black);
    width: calc(100vw - var(--margin-global) * 2);
}



.single_header_info{
    display: flex;
    gap : 30px;
    justify-content: space-between;
    font-size: var(--size-labeur);
}

.main_article .single_header_info h2{
	font-size: var(--size-titre2);
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 450;
    letter-spacing: 0%;
	margin: 0;
}

.main_article .single_header_info h2:after{
	content: none;
}

.single_header_info div{
    max-width: 50%;
	line-height: 38px;
}


.single_header_info h5, .single_header_info_year{
    font-size: var(--size-titre2);
    text-transform: none;
}

.single_header_info_year p{
	margin: 0;
}



.main_article .choice_client{
    margin-top: 0px;
    margin-bottom: 40px;
}

.img_thumnail_banner{
    margin: 0 calc(var(--margin-global) * -1);
    width: calc(100% + var(--margin-global) + var(--margin-global));
    box-sizing: content-box;
    max-width: none;

}

.img_thumnail_banner{
    margin: 85px calc(var(--margin-global) * -1);
    width: calc(100% + var(--margin-global) + var(--margin-global));
    box-sizing: content-box;
    max-width: none;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.img_thumnail_banner img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: 50% 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.all_img_to_grid{
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    gap: 90px 30px;
    margin: 50px 0 90px;
}

.all_img_to_grid img{
    height: 27vw;
    width: auto;
}

.contexte_keep{
    display: flex;
    gap: 30px;
	justify-content: space-between;
}

.to_block_display_button{
    width: fit-content;
    margin-left: auto;
    display: none;
	margin-top: 30px;
}

.contexte_keep_content{
/*     flex: 3; */
	width: calc(50vw + 300px - var(--margin-global));
    display: flex;
    flex-direction: column;
    align-items: end;
}

.contexte_keep_content h3:first-of-type, .contexte_keep_content h2:first-of-type{
    margin-top: 0;
}

.contexte_keep_data{
    margin-top: 0px;
    flex: 1;
	max-width: 300px;
/*     border-top: 1px solid var(--color-black); */
}

.contexte_keep_data_container{
	border-top:  1px solid var(--color-black);
}


.contexte_keep_data_single{
    border-bottom: 1px solid var(--color-lichen);
    display: flex;
    font-size: var(--size-mention);
    padding: 14px 0;
}

.contexte_keep_data .contexte_keep_data_single:last-of-type{
    border-bottom: 1px solid var(--color-black);
}

.contexte_keep_data .wp-block-button a{
	width: auto;
}

.contexte_keep_data_single_intitule{
    width: 33%;
}

.contexte_keep_data_single_content{
    font-family: 'scotch-display', sans-serif;
	flex: 1;
}

.contexte_keep_data_single_content a{
	transition: all var(--speed);
}

.contexte_keep_data_single_content a:hover, .contexte_keep_data_single_content a:active{
	color: var(--color-moka)
}

.wp-group-as-end-project{
	position: relative;
    margin-top: 120px;
    margin-bottom: 120px;
	padding-top: 50px;
	padding-bottom: 50px;
}

.main_article .wp-group-as-end-project h2{
    margin-top: 20px;
	width: 100%;
	font-size: var(--size-titre2);
}

.main_article h3{
    width: calc(50vw + 300px - var(--margin-global));
}

.main_article .wp-block-image img{
	position: relative;
}

.list_blog_project{
    overflow: hidden;
	position: relative;
	width: 100%;
    height:  calc(85vh + 80px);
	padding-bottom: 80px;
	margin-bottom: 30px;
}

.list_blog_project.list_blog_journal{
    height: calc(50vh + 80px);
}

.list_blog_product a{
	justify-content: center;
}


.list_blog_project .container_circle_blog{
	position: absolute;
	left: 50%;
	transform-origin: 50% 50%;
	transform: translate(-50%, 0);
	bottom: 0px;
	display: flex;
	gap: 5px;
}

.list_blog_project .circle_blog{
	border: 1px solid var(--color-moka);
	border-radius: 50%;
	height: 8px;
	width: 8px;
	transition: all var(--speed);
	cursor: pointer;
}

.list_blog_project .active_circle {
	background-color: var(--color-moka);
}

.list_blog_project_inner{
	height: 100%;
	width: 100%;
	overflow-x: scroll;
	position: relative;
	display: flex;
	gap: 10px;
	flex-flow: row nowrap;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-ms-overflow-style: none;
	left: 0 !important;
	margin: 0 !important;
}

.list_blog_project_inner::-webkit-scrollbar {
	display: none; /* Chrome, Safari et Opera */
}

.list_blog_project_inner .blog{
	width: calc(33.3% - 20px);
	margin-right: 20px;
	flex: none;
}

.list_blog_project_inner .blog:last-child{
	margin-right: 0px;
}


.list_blog_project a{
    text-decoration: none;
	display: flex;
    flex-direction: column;
	height: 100%;
}

.list_blog_project .blog_desc{
    flex-direction: column;
    /* justify-content: start; */
    align-items: start;
    gap: 0;
}

.list_blog_project .blog_decouvrir{
    text-align: left;
}



.list_blog_project .blog_desc, .list_blog_project .blog_title, .list_blog_project .blog_decouvrir, .blog_date{
    transition: all var(--speed);
    transform-origin: 50% 50%;
}

.list_blog_project .blog:hover .blog_desc, .list_blog_project .blog:active .blog_desc{
    transform: translateX(50%);
}

.list_blog_project .blog:hover .blog_title, .list_blog_project .blog:hover .blog_decouvrir, .list_blog_project .blog:hover .blog_date, .list_blog_project .blog:active .blog_title, .list_blog_project .blog:active .blog_decouvrir, .list_blog_project .blog:active .blog_date{
    transform: translateX(-50%);
}


.main_article .wp-block-image{
    margin-top: 80px;
    margin-bottom: 80px;
}


.main_article{
	
}

.main_article table{
	position: relative;
    background: var(--color-white);
}

.main_article h1 {
    font-size: var(--size-titre1);
    font-weight: 600;
    margin: 180px 0 98px 0;
    position: relative;
}

.main_article h2{
    font-size: var(--size-titre1);
    font-weight: 600;
    margin: 180px 0 98px 0;
/*     text-transform: uppercase; */
    position: relative;
    width: calc(50vw + 300px - var(--margin-global));
}   

.main_article h2::after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0px;
    border-bottom: 1px solid var(--color-black);
}

.main_article h3{
    font-size: var(--size-titre2);
    font-weight: 600;
    margin: 180px 0 98px 0;
    position: relative;
/*     text-transform: uppercase; */
}






/* JOURNAL  */

.list_blog_solo.list_journal{
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    grid-template-columns: 1fr;
}

.list_blog_solo.list_journal .blog_img{
    height: 47vw;
    position: relative;
}

.list_blog_solo.list_journal .blog_img img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: 50% 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.list_blog_project.list_blog_journal .blog_img{
    height: 18vw;
    position: relative;
}

.list_blog_project.list_blog_journal .blog_img img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: 50% 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.container_content_blog{
    position: relative;
}

.container_content_blog .contexte_keep_data{
    position: absolute;
    top: 0;
    right: 0;
    width: calc(50vw - 300px - var(--margin-global) - 20px);
}


.contexte_keep_data.contexte_keep_data_journal{
    border-top: 0;
    max-width: 280px;
    /* position: sticky; */
    /* top: 20px; */
}


.mention_journal{
    font-size: var(--size-labeur);
    padding-bottom: 10px;
	display: block;
	text-decoration: none;
	transition: all var(--speed);
}

.mention_journal:hover, .mention_journal:active{
	padding-left: 10px;
	margin-right: -10px;
}


.summary_item{
    list-style: none;
    position: relative;
    padding-left: 10px;
    font-weight: 400;
    border-top: 1px solid var(--color-grey);
    border-bottom : 1px solid var(--color-grey);
    padding: 14px 0 14px 16px;
    font-size: var(--size-mention);
	transition: all var(--speed);
	cursor: pointer;
}


.summary_item:first-of-type{
    border-top: 1px solid var(--color-black);
}

.summary_item:last-of-type{
    border-bottom: 1px solid var(--color-black);
}

.summary_item strong{
    font-weight: 400;
}


.summary_item:hover, .summary_item:active{
    padding-left: 20px;
}


.summary_key{
    right: calc(100% - 8px);
    top: 14px;
    position: absolute;
}

.mention_tag{
	padding: 16px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 5px;
	border-bottom: 1px solid var(--color-black);
}

.mention_tag a{
	text-decoration: none;
	padding: 2px 6px;
	font-size: var(--size-mention);
	border: 2px solid var(--color-moka);
	border-radius: 3px;
	transition: all var(--speed); 
}

.mention_tag a:hover, .mention_tag a:active{
	background-color: var(--color-moka);
	color: var(--color-white);
}

.contexte_keep_data .wp-block-button{
	padding-top: 40px;
}

.ssbp-list a, .ssbp--theme-1 .ssbp-btn:hover, .ssbp--theme-6 .ssbp-btn:not(:hover), .ssbp--theme-7 .ssbp-btn:not(:hover), .ssbp--theme-8 .ssbp-btn{
	color: var(--color-moka) !important;
	border-color: var(--color-moka) !important;
}

.ssbp-list .color-icon{
	display: none;
	
	
}
.ssbp--theme-6 .ssbp-btn:not(:hover) span:not(.color-icon) svg, .ssbp--theme-7 .ssbp-btn:not(:hover) span:not(.color-icon) svg, .ssbp--theme-9 .ssbp-btn img:not(.color-icon) {
		display: block !important;
}

.ssba-share-text{
	font-size: var(--size-mention);
	display: block;
	padding-top: 8px;
	font-weight: 400;
}

.ssbp-wrap .ssbp-list li {
    margin-top: 6px !important;
}

.projets_to_display, .journal_to_display, .product_to_display{
    position: relative;
}

h2 .compteur_projet{
    position: absolute;
    bottom: 64px;
    left: calc(100% + 10px);
    font-size: var(--size-mention);
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 400;
}

li .compteur_projet{
    position: absolute;
    top: 0;
    right: 0;
    font-size: var(--size-mention);
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 400;
}



/* BOUTIQUE  */

.wp-footer-button{
	position: fixed;
	right: 90px;
	bottom: 10px;
}


.blog_img  .product_focus{
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: 50% 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
	opacity: 0;
	visibility: hidden;
	transition: all var(--speed);
}

.post-type-archive.woocommerce-page .blog:hover .product_focus, .post-type-archive.woocommerce-page .blog:active .product_focus{
	opacity: 1;
	visibility: visible;
    transform: translate(-50%, -50%);
}

.page-template-page-boutique .woocommerce {
	display: none;
}

.list_blog_solo_product{
	margin-bottom: 180px;
}

.list_blog_solo_product .blog,  .list_blog_solo_product .blog a{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#coming-soon-footer-banner{
	display: none;
}


.main_product .content_product{
	display: flex;
	gap: 45px;
	margin-top: 110px;
}

.main_product .single_header{
	position: relative;
}

.main_product .wp-group-as-end-project{
	margin-bottom: -90px;
}

.cat_product_header{
	position: absolute;
	right: 0;
	top: 25px;
}

.main_article.main_product h2, .main_article.main_product h3{
	width: auto;
}

.content_product_img, .content_product_text{
	flex: 1;	
}

.content_product_img img{
	cursor: pointer;
	margin-bottom: 20px;
}

.content_product_text{
	padding-top: 20px;
	border-top: 1px solid var(--color-black);
}

.product_flex{
	display: flex;
	gap: 30px;
	margin-top: 40px;
}

.product_flex_int{
		width: 100px;
}

.product_flex_content button{
	border: 1px solid var(--color-moka);
	border-radius: 5px;
	color: var(--color-black);
	padding: 6px 40px;
	margin-bottom: 16px;
	display: block;
	background-color: var(--color-white);
	cursor: pointer;
	transition: all var(--speed);
}


.product_flex_content button:hover, .product_flex_content button:active{
	background-color: var(--color-moka);
	color: var(--color-white);
}

.product_flex_content button.active_variation{
	background-color: var(--color-moka);
	color: var(--color-white);
}

.product_flex input{
	border: 1px solid var(--color-moka);
	border-radius: 5px;
	padding: 6px 6px;
	min-width: 120px;
	margin-bottom: 16px;
	display: block;
	background-color: var(--color-white);
	cursor: pointer;
	text-align: center;
}

.product_flex_quantity{
	display: flex; 
	gap: 20px;
}

.main_product .wp-block-button{
	margin-top: 40px;
	margin-left: auto;
	width: 50%;
}

.img_zoom{
	visibility: hidden;
	opacity: 0;
	transition: all var(--speed);
	position: fixed;
	z-index: 1000;
	
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: var(--color-black);
	display: flex;
	justify-content: center;
	align-content: center;
	padding: 50px;
	box-sizing: border-box;
}

.exit_zoom{
	top:18px;
	right: 18px;
	width: 20px;
    cursor: pointer;
	position: absolute;
	-webkit-filter: invert(100%);
    filter: invert(100%);
}


.content_zoom{
	flex: 1;
}

.content_zoom img{
	flex: 1;
	object-fit: contain;
    max-height: 100%;
    max-width: 100%;
}

.added_to_cart{
	margin-top: 50px;
	width: 340px;
    font-weight: 400;
    border-radius: 0;
    font-style: 45 Light;
    text-transform: uppercase;
    background-color: transparent;
    padding: 0 0px 4px 0;
    border-bottom: 1px solid var(--color-moka);
    color: var(--color-black);
    transition: all var(--speed);
    display: flex;
    gap: 10px;
    justify-content: space-between;
	text-decoration: none;
}

.added_to_cart:hover, .added_to_cart:active{
    color: grey;
    padding-left: 10px;
}


.added_to_cart .arrow_button{
    opacity: 0.7;
}

.added_to_cart .arrow_button .barre_arrow{
    transition: all var(--speed);
    transform-origin: right;
}

.added_to_cart:hover .arrow_button .barre_arrow, .added_to_cart:active .arrow_button .barre_arrow{
    transform: scaleX(0);
}






/* CART  */ 



.my_popup_cart{
	position: fixed;
	left: 100%;
	top: 0;
	height: 100%;
	width: 630px;
	padding: 20px;
	background-color: var(--color-grey);
	box-sizing: border-box;
	transition: all var(--speed);
	transform: translate(0, 0);

	display: flex;
	flex-direction: column;
    z-index: 1000;
}

.my_popup_cart .pop_up_panier{
	margin: 0;
    font-size: var(--size-titre2);
    font-weight: 600;
	font-family: "scotch-display";
    position: relative;
/*     text-transform: uppercase; */
}

.my_popup_cart .pop_up_panier::after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -6px;
    border-bottom: 1px solid var(--color-black);
}

.my_popup_cart_header{
	position: relative;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--color-grey);
}

.exit_cart{
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
    transition: all var(--speed);
	z-index: 10;
	width: 30px;
	height: 30px;
	margin: -2px;
}

.container_cart{
    margin-right: -10px;
    flex: 1;
    padding-right: 10px;
	margin-bottom: 10px;
	overflow-y: scroll;
}

.my_popup_cart .line_cart{
	margin: 40px 0;
    display: flex;
    gap: 20px;
}

.flex_cart_info{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 35px 0;
}

.flex_cart_info_quantity{
	border: 1px solid var(--color-moka);
	border-radius: 5px;
	padding: 0px 20px;
}

.flex_cart_info_variation{
	border: 1px solid var(--color-moka);
	border-radius: 5px;
	padding: 0px 20px;
	background-color: var(--color-white);
}


.my_popup_cart .cart_remove_article{
	display: flex;
	justify-content: end;
}



.my_popup_cart .cart_remove_article a{
    display: flex;
    padding: 0 0 6px 0;
	text-decoration: none;
    transition: all var(--speed);
	border-bottom: 1px solid var(--color-moka);
}

.my_popup_cart .cart_remove_article .exit_box{
	width: 30px;
	height: 30px;
	margin: 2px -2px 0px 20px;
}

.my_popup_cart .cart_remove_article a:hover .exit_complete_line, .my_popup_cart .cart_remove_article a:active .exit_complete_line{
	width: 1px;
}

.my_popup_cart .line_cart_img{
    flex: 2;
}

.my_popup_cart .line_cart_txt{
	padding: 10px 0 8px;
    flex: 2;
	border-top: 1px solid var(--color-black);
	border-bottom: 1px solid var(--color-black);
}

.my_popup_cart .line_cart_txt .title_cart_product{
	font-size: var(--size-titre3);
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 450;
    text-transform: uppercase;
    letter-spacing: 0%;	
}

.my_popup_cart .dedicated_link{
    margin: 20px 0;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
}

.my_popup_cart .see_cart{
}



.subtotal_price{
    margin-top: 50px;
    margin-bottom: 20px;
    border-top: 1px solid var(--color-black);
    border-bottom: 1px solid var(--color-black);
    text-align: center;
    padding: 8px 0;
	display: flex;
	justify-content: space-between;

}

.my_popup_cart .wp-block-button{
	margin-left: auto;
}


.wc-block-checkout h2::after, .wc-block-checkout h3::after{
	content: none;
}


.wc-block-components-title.wc-block-components-title{
	font-size: var(--size-titre2);
    font-weight: 600;
}


.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=password], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-blocks-components-select .wc-blocks-components-select__select{
	border: 1px solid var(--color-moka);
	border-radius: 5px;
	font-family: "neue-haas-grotesk-display", sans-serif;
}

.wc-block-components-form .wc-block-components-checkout-step{
	margin-bottom: 54px;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity{
	background: var(--color-moka);
}


.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text, .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .wc-block-components-totals-item__label{
	text-transform: uppercase;
}

.wp-block-woocommerce-checkout-order-summary-totals-block, .wc-block-components-totals-wrapper{
	font-size: var(--size-labeur);
	text-transform: uppercase;
	font-weight: 400;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{
	font-size: var(--size-labeur);
}

.wc-block-components-totals-item__value strong{
	font-weight: 400;
}

.wp-block-woocommerce-checkout-order-summary-block, .wc-block-components-totals-wrapper, .wp-block-woocommerce-checkout-order-summary-totals-block, .wc-block-components-totals-wrapper{
	border-color: var(--color-moka);
}

.wc-block-components-button:not(.is-link){
	font-weight: 400;
    border-radius: 0;
    font-style: 45 Light;
    text-transform: uppercase;
    background-color: transparent;
    padding: 0 0px 4px 0;
    border-bottom: 1px solid var(--color-moka);
    color: var(--color-black);
    transition: all var(--speed);
    display: flex;
    gap: 30px;
    justify-content: space-between;
	font-size: var(--size-labeur);
	position: relative;
}


.wp-block-woocommerce-cart-order-summary-heading-block{
	display: none !important;
}

.wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button--full-width{
	margin-top: 50px;
	width: 50%;
}

body .wp-block-button .wp-element-button .arrow_button{
    margin-top: 3px;
    margin-bottom: -3px;
}


body .wp-block-woocommerce-checkout .wp-element-button:hover, body .wp-block-woocommerce-checkout .wp-element-button:active{
    color: grey;
    padding-left: 10px;
}

body .wp-block-woocommerce-checkout .wp-element-button:hover .arrow_button, body .wp-block-woocommerce-checkout .wp-element-button:active .arrow_button{
    opacity: 0.7;
}

body .wp-block-woocommerce-checkout .wp-element-button .arrow_button .barre_arrow{
    transition: all var(--speed);
    transform-origin: right;
}

body .wp-block-woocommerce-checkout .wp-element-button:hover .arrow_button .barre_arrow, body .wp-block-woocommerce-checkout .wp-element-button:active .arrow_button .barre_arrow{
    transform: scaleX(0);
}

.instagram-media, .wp-block-video{
	margin: 20px auto 40px !important;
}


/* WOOCOMMERCE COMMANDE  */


.woocommerce-order-received h1{
    margin-top: 35vh;
    margin-bottom: 50px;
    max-width: 70%;
}

.woocommerce-order-received h1 {
    font-size: var(--size-titre1);
    font-weight: 600;
	max-width: none;
    margin: 180px 0 98px 0;
    position: relative;
	width: calc(50vw + 300px - var(--margin-global));
}

.woocommerce-order-received h1:after{
	bottom: 0px;
}

.woocommerce-order-received main h2{
    font-size: var(--size-titre1);
    font-weight: 600;
    margin: 180px 0 98px 0;
/*     text-transform: uppercase; */
    position: relative;
    width: calc(50vw + 300px - var(--margin-global));
}   

.woocommerce-order-received h2::after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0px;
    border-bottom: 1px solid var(--color-black);
}

.woocommerce-order-received h3{
    font-size: var(--size-titre2);
    font-weight: 600;
    margin: 180px 0 98px 0;
    position: relative;
/*     text-transform: uppercase; */
}

.woocommerce-order-received .woocommerce-columns{
	margin: 180px 0 98px 0;
}
.woocommerce-order-received .woocommerce-columns h2{
	width: 100%;
}

.woocommerce-order-received strong{
    font-family: 'scotch-display';
	font-weight: 400;
}

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th{
	font-family: 'scotch-display';
	font-weight: 400;
}

.woocommerce table.shop_table, .woocommerce table.shop_table td, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th{
	border-color: var(--color-moka);
}

thead tr{
	font-family: 'scotch-display';
	font-size: var(--size-titre2);
}

 .wpcf7-form label.captcha_container{
	display: block;
	width: 200px;
	 flex: none;
    margin-right: 30px;
}

.flex_captcha_mention p{
    display: flex;
    align-items: end;
}

.main_article h3.has-text-align-center{
	text-align: left;
}

.main_article .wp-block-buttons.is-content-justification-center{
	margin: 50px auto 0 auto;
	max-width: 600px;
	width: 100%;
	justify-content: start;
}






/* PREPA MEDIA  */

.mention_sommaire_intituled, .all_cat_intituled, .projet_slider_mobile_global, .entree_site_mobile, .slider_welcome_circle_container, .bio_mobile{
	display: none;
}


/* 		MEDIAS QUERIES 		 */

@media (max-width: 1400px){
	
	:root{
		--size-grandtitre: 70px;
		--size-titre1: 30px; 
		--size-titre2: 25px;
		--size-titre3: 18px;
		--size-labeur: 14px;
		--size-mention: 10px;

	}
	
	h1::after{
		bottom: 0;
	}
	
	h2::after, h2.welcome_title:after{
		bottom: 0;
	}
	
	h2 .compteur_projet{
		bottom: -7px;
	}
	
	.contexte_keep{
		flex-direction: column-reverse;
	}
	
	.contexte_keep_data{
		margin-top: 0;
	}
	
	.main_product .wp-block-button{
		    width: auto;
	}
	
	
	.contexte_keep_data.contexte_keep_data_journal{
		max-width: none;
		position: relative;
		width: auto;
	}
	
	.mention_sommaire_intituled{
		display: block;
		text-align: center;
		position: relative;
		padding: 10px 0;
		border-top: 1px solid var(--color-black);
		border-bottom: 1px solid var(--color-black);
		font-family: 'scotch-display', sans-serif;
    	font-size: var(--size-titre3);
		margin-bottom: 10px;
	}
	
	.mention_sommaire_intituled img{
		position: absolute;
		right: 0;
		top: 15px;
		width: 15px;
		transform-origin: 50% 50%;
		transform: rotate(180deg);
		transition: all var(--speed);
	}
	
	.mention_sommaire_content{
		display: grid;
		grid-template-rows: 0fr;
		transition: all var(--speed);
	}
	
	.mention_sommaire_inner{
		overflow: hidden;
	}
	
	.choice_global_page{
		margin-top: -50px;
	}
	
	.cat_product_header{
		top: 18px;
	}
	
	input.sib-email-area{
		line-height: 19px;
	}
	
	.contexte_keep_data{
		max-width: none;
	}
}




@media (max-width: 950px){

	:root{
    	--margin-global : 15px;
	}
	
	.menu-item>a div{
		margin: auto;
	}
	
	.arrow_desk_welcome{
		display: none;
	}
	
	.arrow_mobile_welcome{
		display: block;
	}
	
	.wp-block-columns-is-layout-flex{
		flex-direction: column;
	}
	
	.wp-block-column .wp-block-image.column_reduc_height{
		margin-bottom: 20px;
	}
	
	footer .container_menu_inner{
		flex-direction: column;
	}
	
	.container_menu_inner_info{
		display: flex;
		gap: 50px;
		justify-content: space-between;
		flex-direction: row;
	}
	

	
	footer .container_menu_inner_menu ul.menu_screen{
		flex-direction: column;
	}
	
	footer .container_menu_inner_menu ul.menu_screen a{
		text-align: center;
	}
	
	.footer_menu_legal{
		flex-direction: column;
		gap: 30px;
		align-items: center;
	}
	
	h2 .compteur_projet{
		left: auto;
		right: 0;
	}
	
	h2.projets_to_display::after, h2.journal_to_display::after, h2.product_to_display::after{
		width: calc(100% - 40px);
	}
	
	.container_menu_inner{
		flex-direction: column;
		padding-top: 30px;
		overflow-y: scroll;
		padding-right: 8px;
		margin-right: -8px;
	}
	
	.container_menu_inner_menu ul.menu_screen{
		display: flex;
		flex-direction: column;
	}
	
	.container_menu ul.menu_screen .sub-menu{
		display: none;
	}
	
	.container_menu ul.menu_screen .menu-item>a{
		text-align: center;
	}
	
	.choice_display{
		display: none;
	}
	.select_personnal, .select_client {
		width: 200px;	
	}
	
	.list_blog_solo {
		grid-template-columns: 1fr;
	}
	
	.references_title{
		grid-template-columns: 1fr 1fr;
	}
	
	.blog_desc{
		flex-direction: column;
	}
	
	.blog_separator{
		display: none;
	}
	
	.blog_decouvrir{
		text-align: left;
	}
	
	.main_article h3{
		width: auto;
	}
	
	.list_blog_solo list_journal{
		width: 100%;
	}
	
	.list_blog_solo.list_journal .blog_img{
		height: 66vw;
	}
	
	
	.single_header_info{
		gap: 10px;
		flex-direction: column-reverse;
	}
	
	.main_product .content_product{
		flex-direction: column;
	}
	
	.product_flex_int, .product_flex_content {
		flex: 1
	}
	
	body .wp-block-button .wp-element-button{
		width: 100%;
		max-width: 500px;
	}
	
	.content_product .mention_share{
		display: flex;
    	justify-content: end;
	}
	
	.content_product .ssba-share-text{
		text-align: right
	}
	
	.my_popup_cart{
		width: 100%;
	}
	
	.my_popup_cart .line_cart{
		flex-direction: column;
	}
	
	.row_reverse_col{
		flex-direction: column-reverse;
	}
	
	.all_cat{
		position: relative;
	}
	
	
	.all_cat_intituled{
		display: block;
		text-align: center;
		position: relative;
		padding: 10px 0;
/* 		border-top: 1px solid var(--color-black); */
		border-bottom: 1px solid var(--color-black);
		font-family: 'scotch-display', sans-serif;
    	font-size: var(--size-titre3);
		margin-bottom: 10px;
	}
	
	.all_cat_intituled img{
		position: absolute;
		right: 0;
		top: 15px;
		width: 15px;
		transform-origin: 50% 50%;
		transform: rotate(180deg);
		transition: all var(--speed);
	}
	
	.all_cat_project_container{
		display: grid;
		grid-template-rows: 0fr;
		transition: all var(--speed);
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		z-index: 10;
		background-color: var(--color-white);
	}
	
	.all_cat_project{
		overflow: hidden;
		display: flex;
		flex-direction: column;
		padding: 0;
		border-bottom: 0;
	}
	
	.all_cat_project a{
		display: block;
		padding: 15px 30px;
		text-align: left;
		font-size: var(--size-titre3);
	}
	
	.all_cat_project a:first-of-type{
		margin-top: 50px;
	}
	
	
	.wp-block-query {
		display: none;
	}
	
	.projet_slider_mobile_container{
		position: relative;
		margin-bottom: 40px;
	}
	
	.projet_slider_mobile_global{
		display: block;
		margin: 20px calc(var(--margin-global) * -1 + 20px) 0px;
		width: calc(100% + var(--margin-global) + var(--margin-global) - 40px);
		height: 90vh;
		padding-bottom: 10px;
		overflow-x: scroll;
		position: relative;
		display: flex;
		gap: 10px;
		flex-flow: row nowrap;
		-webkit-overflow-scrolling: touch;
    	scroll-snap-type: x mandatory;
		scrollbar-width: none; /* Firefox */
  		-ms-overflow-style: none; /* IE et Edge */
	}
	

	.projet_slider_mobile_global::-webkit-scrollbar {
	  display: none; /* Chrome, Safari et Opera */
	}
	
	.projet_slider_mobile_global a{
		width: 100%;
		height: 90vh;
		margin-right: 20px;
		box-sizing: border-box;
		text-decoration: none;
		scroll-snap-align: center;
    	flex: none;
}
	
	.blog_slider_single_mobile{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
	}
	
	.blog_slider_single_mobile h3{
		font-size: var(--size-titre3);
		font-family: "neue-haas-grotesk-display", sans-serif;
		font-weight: 450;
		text-transform: uppercase;
		letter-spacing: 0%;
		margin: 2px 0;
	}
	
	.blog_slider_single_mobile h3:after{
		content: none;
	}
	
	.blog_slider_img_mobile{
		flex: 1;
		overflow: hidden;
		position: relative;
		margin-bottom: 10px;
	}
	
	.blog_slider_img_mobile img{
		position: absolute;
		top: 50%;
		left: 50%;
		transform-origin: 50% 50%;
		transform: translate(-50%, -50%);
		min-width: 100%;
		min-height: 100%;
		object-fit: cover;
	}
	
	.projet_slider_mobile_global .taxonomy-category{
		font-family: 'scotch-display', sans-serif;
		font-weight: 300;
		font-style: Light;
		font-size: var(--size-titre3);
		line-height: 23px;
		letter-spacing: 0%;
		text-decoration: none;
		margin-bottom: 15px;
	}
	
	.container_circle{
        position: absolute;
        left: 50%;
        transform-origin: 50% 50%;
        transform: translate(-50%, 0);
        bottom: 0px;
        display: flex;
        gap: 5px;
	}
	
	.circle_projet{
		border: 1px solid var(--color-moka);
		border-radius: 50%;
		height: 8px;
		width: 8px;
		transition: all var(--speed);
	}
	
	.active_circle{
		background-color: var(--color-moka);
	}
	
	.single_header_info div{
		max-width: none;
	}
	
	.container_menu_inner_description{
		font-size: var(--size-mention);
	}
	
	.list_blog_solo.list_journal{
		width: 100%;
	}
	
	h2, h1, .main_article .single_header h1{
    	margin: 120px 0 40px 0;
	}
	
	h3,h4{
    	margin: 60px 0 40px 0;
	}
	
	.select_personnal, .select_client{
		font-size: var(--size-titre3);
		width: 170px;
		padding-bottom: 8px;
	}
	
	.wp-block-spacer{
		max-height: 150px;
	}

	.entree_site_desk{
		display: none;
	}
	.entree_site_mobile{
		display: block;
	}

	.entree_site, .title_site, .title_site img{
		width: 33vw;
	}


	.slider_welcome{
		z-index: 10;
		margin: calc(var(--margin-global) * -1);
		width: calc(100% + var(--margin-global) + var(--margin-global));
		height: 100vh;
	}

	.slider_welcome_inner{	
		height: 100%;
		width: 100%;
		overflow-x: scroll;
		position: relative;
		display: flex;
		gap: 10px;
		flex-flow: row nowrap;
		-webkit-overflow-scrolling: touch;
    	scroll-snap-type: x mandatory;
		scrollbar-width: none; /* Firefox */
  		-ms-overflow-style: none; /* IE et Edge */
		
		left: 0 !important;
		margin: 0 !important;
	}
	
	.slider_welcome_inner::-webkit-scrollbar {
	  display: none; /* Chrome, Safari et Opera */
	}

	.container_portrait{
		width: 100%;
        height: 100%;
		margin-right: 20px;
		box-sizing: border-box;
		text-decoration: none;
		scroll-snap-align: center;
    	flex: none;
	}
	
	.projet_container_img.container_portrait{
		width: 100%;
		z-index: -1;
	}

	.slider_welcome_arrow_left, .slider_welcome_arrow_right, .container_paysage, .container_copy{
		display: none;
	}
	
	.slider_welcome_about{
		margin-top: -90px;
		color: var(--color-white);
		font-size: var(--size-labeur);
		text-align: center;
		z-index: 12;
	}
	
	.slider_welcome_circle_container{
       	position: relative;
        display: flex;
		justify-content: center;
        gap: 5px;
		margin-bottom: 5px;
	}
	
	.slider_welcome_circle_container .slider_welcome_circle{
		border: 1px solid var(--color-white);
		border-radius: 50%;
		height: 8px;
		width: 8px;
		transition: all var(--speed);
	}
	
	.slider_welcome_circle_container .active_circle{
		background-color: var(--color-white);
	}
	
	header, .my_link_scrollable{
		mix-blend-mode: difference;
	}
	
	.menu_icon_mobile .trace_icon_menu, .my_link_scrollable a, .my_link_scrollable div{
		border-color: var(--color-white);
	}
	
	.my_link_scrollable a, .my_link_scrollable div{
		color: var(--color-white);
	}
	


	
	.bio_mobile{
		display: block;
		margin-top: 50px;
		width: 100%;
		font-size: var(--size-labeur);
		text-align: center;
	}
	
	.bio_mobile .container_menu_inner_rs{
		margin: 20px auto 10px;
		justify-content: center;
	}
	
	.bio_mobile .container_menu_inner_rs img{
		width: 20px;
		margin-right: 0;
	}
	
	.container_menu_inner_menu ul.menu_screen{
		gap: 25px;
	}
		
	.container_menu .container_menu_inner_info{
		display: none;
	}
	
	.entree_site{
		mix-blend-mode: difference;
		z-index: 12;
	}
	
	.list_blog_group{
		display: none;
	}
	
	.write_to_search{
		padding-right: 25px;
	}
	
	.write_to_search img{
		top: 5px;
    	width: 10px;
	}

	
	p.wp-block-paragraph{
		margin-left: 0;
	}
	
	.contexte_keep_data_single_intitule {
		width: 50%;
	}
	
	.my_popup_cart .cart_remove_article a{
		width: 50%;
		justify-content: space-between;
	}
	
	.choice_client{
    	margin-bottom: 54px;
	}
	
	.img_thumnail_banner{
		margin-top: 45px;
	}
	
	.summary_item:first-of-type{
		border-top: 0;
	}
	
	.cat_product_header{
		position: relative;
		top: 0;
		padding-bottom: 10px;
		border-bottom: 1px solid var(--color-black);
		margin-bottom: 20px;
	}
	
	.main_article.main_product .single_header h1{
		margin-bottom: 0;
	}
	.main_article.main_product .single_header h1:after{
		content: none;
	}
	
	.main_article.main_product .single_header_info{
		gap: 0;
	}
	
	footer .container_menu_inner.container_menu_faq_lexique{
		flex-direction: column-reverse
	}
	
	.container_menu_inner.container_menu_faq_lexique .container_menu_inner_menu .menu_screen{
		flex-direction: row;
	}
	
	footer .container_menu_faq_lexique .container_menu_inner_menu ul.menu_screen a{
		text-align: left;
	}
	
	.container_menu_faq_lexique .container_menu_inner_rs{
		margin:  10px auto 30px;
	}
	
	.container_menu_faq_lexique .separator_menu_faq{
		display: none;
	}
	
	.contexte_keep_content{
		align-items: start;
	}
	
	h2.welcome_title{
		margin: 90px 0 50px 0;
	}

	.col_disapear_mobile{
		display: none !important;
	}
	
	h2 .compteur_projet {
		font-size: var(--size-labeur);
	}
	
	.contexte_keep_content{
		width: auto;
	}
	h2 .compteur_projet {
        bottom: -4px;
    }
	.cmplz-cookiebanner{
        left: 10px !important;
        width: calc(100% - 20px) !important;
        bottom: 10px !important;
	}
	
}

@media (max-width: 768px){
	.woocommerce-order-received .woocommerce-column{
		margin-bottom: 92px;
	}
	
	.woocommerce-order-received main h1, .woocommerce-order-received main h2{
		width: 100%;
	}
}

@media (max-width: 650px){
	
	.main_article h2{
		width: 100%;
	}

	.product_flex_content {
		flex: 2
	}
	
	body .wp-block-button .wp-element-button{
		max-width: none;
	}
	
	body .wp-block-button{
		width: 100%;
	}
	
	.my_link_scrollable{
		right: 80px;
		gap: 20px;
	}
	
	.wpcf7-form label.captcha_container{
		width: 100%;
	}
	
	.wpcf7-list-item label input{
		width: 20px;
		margin: 0 10px 0 0;
	}
	
	.flex_captcha_mention p{
		display: block;
	}
	
	.wpcf7-form label.captcha_container{
		width: 200px;
	}
	
	.references_title a:nth-child(n+9) {
		display: none;
	}
	
	.my_popup_cart .line_cart_img{
		width: 50%;
	}
	
	.sib_signup_box_inside_1{
		flex-direction: column;
		align-items: stretch;
		margin-bottom: 50px;
	}
	input.sib-email-area{
		margin-bottom: 0;
		padding: 10px 0 8px;
	}
	
	footer .wp-element-button{
		width: 170px;
	}
}


@media (max-width: 550px){
	:root {
        --size-grandtitre: 50px;
	}
}

@media (max-width: 450px){
	.footer_img {
    	width: 140px;
	}
	.container_menu_inner_info{
		gap: 20px;
	}
	
	.wpcf7-form .wpcf7-submit{
		width: 100%;
	}
	
	.container_submit-wfc7 p .arrow_submit{
		left: 0;
	}
	
	.woocommerce ul.order_details li{
		border-right: 0px;
	}
	
	.woocommerce ul.order_details{
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
}	


@media (max-width: 350px){
	:root{
		--size-grandtitre: 40px;
		--size-titre1: 20px; 
		--size-titre2: 20px;
		--size-titre3: 15px;
		--size-labeur: 12px;
		--size-mention: 10px;

	}
	
}