:root{
	--color-light-red: #efcac9;
	--color-red: #C0504D;
	--color-light-grey: #FAFAFA;
	--color-grey: #e9e9e9;
	--color-dark-grey: #0A0908;
	--color-white: #ffffff;
	--color-black: #000000;
	
	/* --gradient-blue : linear-gradient(90deg,rgb(73,99,119) 45%,rgba(255,255,255,0) 45%); */
	/* --gradient-blue-reverse : linear-gradient(90deg,rgba(255,255,255,0) 55%, rgb(73,99,119) 55%); */
	
	/* --box-shadow: 0px 10px 15px #49637729; */
	/* --box-shadow-light: 0px 10px 15px #8A8A8A17; */
}

.has-light-red-background-color {background-color: var(--color-light-red) !important;}
.has-light-red-color {color: var(--color-light-red) !important;}
.has-red-background-color {background-color: var(--color-red) !important;}
.has-red-color {color: var(--color-red) !important;}
.has-light-grey-background-color {background-color: var(--color-light-grey) !important;}
.has-light-grey-color {color: var(--color-light-grey) !important;}
.has-grey-background-color {background-color: var(--color-grey) !important;}
.has-grey-color {color: var(--color-grey) !important;}
.has-dark-grey-background-color {background-color: var(--color-dark-grey) !important;}
.has-dark-grey-color {color: var(--color-dark-grey) !important;}
.has-white-background-color {background-color: var(--color-white) !important;}
.has-white-color {color: var(--color-white) !important;}
.has-black-background-color {background-color: var(--color-black) !important;}
.has-black-color {color: var(--color-black) !important;}

@media(min-width: 782px){
	/* .has-blue-to-transparent-gradient-background {background: var(--gradient-blue);} */
	/* .has-transparent-to-blue-gradient-background {background: var(--gradient-blue-reverse);} */
}

/*--------------------------------------------------------------
	1. Général
--------------------------------------------------------------*/
.py, .py-l{padding-top: 25px !important; padding-bottom: 25px !important;}
.px, .px-l{padding-left: 50px !important; padding-right: 50px !important;}
.pr, .pr-l{padding-right: 25px !important;}
.pl, .pl-l{padding-left: 25px !important;}
.px-xl{padding-left: 5% !important; padding-right: 5% !important;}
.pl-xl{padding-left: 5% !important;}
.pr-xl{padding-right: 5% !important;}

.m-0{gap: 0 !important; margin-bottom: 0 !important; margin-top: 0 !important;}
.mb-0{margin-bottom: 0 !important;}
.mt-0{margin-top: 0 !important;}

@media (min-width: 600px) {
	.px-xl{padding-left: 7.5% !important; padding-right: 7.5% !important;}
	.pr-xl{padding-right: 7.5% !important;}
	.pl-xl{padding-left: 7.5% !important;}
}
@media (min-width: 782px) {
	.py, .py-l{padding-top: 50px !important; padding-bottom: 50px !important;}
	.pr, .pr-l{padding-right: 50px !important;}
	.pl, .pl-l{padding-left: 50px !important;}
	.px-l{padding-left: 5% !important; padding-right: 5% !important;}
	.px-xl{padding-left: 10% !important; padding-right: 10% !important;}
	.pl-xl{padding-left: 10% !important;}
	.pr-xl{padding-right: 10% !important;}
}
@media (min-width: 992px) {
	.px-l{padding-left: 7.5% !important; padding-right: 7.5% !important;}
	.pr-l{padding-right: 7.5% !important;}
	.pl-l{padding-left: 7.5% !important;}
	.px-xl{padding-left: 15% !important; padding-right: 15% !important;}
	.pl-xl{padding-left: 15% !important;}
	.pr-xl{padding-right: 15% !important;}
}
@media (min-width: 1280px) {
	.py-l{padding-top: 80px; padding-bottom: 80px;}
	.px-l{padding-left: 10% !important; padding-right: 10% !important;}
	.pr-l{padding-right: 10% !important;}
	.pl-l{padding-left: 10% !important;}
	.px-xl{padding-left: 20% !important; padding-right: 20% !important;}
	.pl-xl{padding-left: 20% !important;}
	.pr-xl{padding-right: 20% !important;}
}
@media (min-width: 1440px){
	.px-l{padding-left: 12.5% !important; padding-right: 12.5% !important;}
	.pr-l{padding-right: 12.5% !important;}
	.pl-l{padding-left: 12.5% !important;}
	.px-xl{padding-left: 25% !important; padding-right: 25% !important;}
	.pl-xl{padding-left: 25% !important;}
	.pr-xl{padding-right: 25% !important;}
}

@media (min-width: 1680px){	
	.px-xl{padding-left: 27.5% !important; padding-right: 27.5% !important;}
	.pl-xl{padding-left: 27.5% !important;}
	.pr-xl{padding-right: 27.5% !important;}
}

.is-layout-flex.border-flex{gap: 1em;}
.is-layout-flex.border-flex > *:not(:last-child){padding-right: 1em; border-right: 2px solid var(--color-red);}
@media(min-width: 992px){
	.is-layout-flex.border-flex{gap: 2em;}
	.is-layout-flex.border-flex > *:not(:last-child){padding-right: 2em;}
}

.wp-block-gallery.square{}
.wp-block-gallery.square > figure{aspect-ratio: 1;}
.wp-block-gallery.square > figure > picture{width: 100%; height: 100%;}
.wp-block-gallery.square > figure > picture img{width: 100%; height: 100%; object-fit: cover;}



.wp-block-columns.bordered{margin-bottom: 0}
.wp-block-columns.bordered + .wp-block-columns.bordered{margin-top: 1em;}
.wp-block-columns.bordered > .wp-block-column{border: 1px solid var(--color-black); padding: 1em;}
.wp-block-columns.bordered > .wp-block-column.has-background{border: 0; display: flex; align-items: center; justify-content: center;}
.wp-block-columns.bordered > .wp-block-column.has-background h3{margin-bottom: 0;}

@media (min-width: 782px) {
	.wp-block-columns.bordered + .wp-block-columns.bordered{margin-top: 1em;}
}
@media (min-width: 992px) {
	.wp-block-columns.bordered + .wp-block-columns.bordered{margin-top: 2em;}
	.wp-block-columns.bordered > .wp-block-column{padding: 2em;}
}
@media (min-width: 1280px) {
	.wp-block-columns.bordered + .wp-block-columns.bordered{margin-top: 4em;}
}