/*
	Theme Name: Nanna
	Theme URI: 
	Description: 
	Version: 1.0
	Author: WD 2026
	Author URI: https://www.workdivision.paris

*/

:root {
	--color-orange: #ff3c1e;
	--color-rouge: #f72b28;
	--color-bordeau: #471a26;
	--color-rose: #ff95e4;
	--color-saumon: #ffc6c4;
	--color-beige: #faeecc;
	--color-violet: #b042a2;
	
	--color-blanc: rgba(255, 255, 255, 1);
	--tec-color-accent-primary-hover: var(--color-noir)!important;
	--tec-color-accent-primary: var(--color-noir)!important;
	--color-noir: rgba(0, 0, 0, 1);
	--color-gris: rgba(155, 155, 155, 1);

	--font-xxs: 11px;
	--lineh-xxs: 14px;

	--font-xs: 14px;
	--lineh-xs: 20px;

	--font-s: 16px;
	--lineh-s: 20px;

	--font-m: 20px;
	--lineh-m: 26px;

	--font-l: clamp(2.2rem, 9.6vw - 2rem, 4rem);
	--lineh-l: clamp(3rem, 7.5vw - 0.7rem, 4rem);

	--font-xl: clamp(32px, 25.1vw - 72px, 55px);
	--lineh-xl: clamp(32px, 25.1vw - 72px, 55px);

	--font-xxl: clamp(40px, 25.1vw - 72px, 100px);
	--lineh-xxl: clamp(40px, 25.1vw - 72px, 100px);
}

/* Fonts
---------------------------------------------------------------------------- */
@font-face {
	font-family: 'CrawModern';
	src: url('fonts/crawmodern-webfont.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Praktikarnd';
	src: url('fonts/praktikarnd-webfont.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'wd';
	src:  url('fonts/wd.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
  }
  
  [class^="icon-"], [class*=" icon-"] {
	font-family: 'wd' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
  
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }
  
  .icon-facebook:before {
	content: "\e900";
  }
  .icon-linkedin:before {
	content: "\e901";
  }
  .icon-instagram:before {
	content: "\e902";
  }

  
/*------------------------------------*\
    MAIN
\*------------------------------------*/

html{
	font-size: 62.5%;
	scroll-behavior: smooth;
}
body{
	position: relative;
	background-color: var(--color-bordeau);
	font-family: 'Courier Prime', monospace;
    font-size: var(--font-m);
    line-height: var(--lineh-m);
    font-style: normal;
    font-weight: 400;
	color: var(--color-noir);
	letter-spacing: 0.8px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
main{
	overflow: hidden;
}
p{
	margin-bottom: 1.5rem;
}
img{
	max-width:100%;
	vertical-align:bottom;
	height: auto;
}
a{
	color: var(--color-noir);
	text-decoration:none;
	transition: background 300ms ease, color 400ms, opacity 300ms ease;
}
.content-desc p a,
.content p a{
	text-decoration: underline!important;
}
.section-img-txt a:hover,
.section-titre-img a:hover,
.section-img-txt a,
.section-titre-img a{
	text-decoration:underline;
}
a:hover,
a:active{
	text-decoration: none;
	outline:0;
}
p a:hover,
p a:active{
	text-decoration: underline;
	outline:0;
}
:hover{
	transition: color 400ms, opacity 300ms ease;
	-webkit-transition: color 400ms, opacity 300ms ease;
	-moz-transition: color 400ms, opacity 300ms ease;
	-ms-transition: color 400ms, opacity 300ms ease;
	-o-transition: color 400ms, opacity 300ms ease;
}
a.nohover{
	text-decoration: none!important;
}

input:focus{
	outline:0;
	border:1px solid var(--color-noir);
}
h1{
	font-size: var(--font-xl);
	line-height: var(--lineh-xl);
	font-weight: 300;
}
h2{
	font-size: var(--font-sl);
	line-height: var(--lineh-sl);
	font-weight: 400;
}
h3{
	font-size: var(--font-xm);
	line-height: var(--lineh-xm);
    font-weight: 400;
}
h4{
	font-size: var(--font-m);
	line-height: var(--lineh-m);
	font-weight: 400;
}
ul{
	margin: 1em 0.5em;
	padding-left: 0.5em;
}
ul.no-list{
	list-style: none;
	padding: 0;
	margin: 0;
}
p + ul{
	margin-top: 0.5rem;
}
p:has(+ ul) {
	margin-bottom: 0.5rem;
}
strong{
	font-weight: 600!important;
}
.article-content strong,
p strong{
	color: var(--color-noirc);
}
.js-on .fade-r,
.js-on .fade-l,
.js-on .fade-d,
.js-on .fade-o,
.js-on .fade{
	opacity: 0;
}
.fadeIn{
    animation-name: fadeIn;
}
.trans-all{
	transition: all 300ms ease;
}
.animated{
    animation-duration: 500ms;
}
.js-on .fade.in{
	transform: translateY(20px);
	/*animation-delay: .3s;*/
	animation-duration: .3s;
	animation-name: fadeIn;
	animation-fill-mode: forwards;
	animation-timing-function: ease-out;
}
.js-on .fade-d.in{
	transform: translateY(-20px);
	animation-delay: 1s;
	animation-duration: 1s;
	animation-name: fadeInDown;
	animation-fill-mode: forwards;
	animation-timing-function: ease-out;
}
.js-on .fade-l.in{
	transform: translateX(40px);
	animation-delay: .3s;
	animation-duration: .5s;
	animation-name: fadeInL;
	animation-fill-mode: forwards;
	animation-timing-function: ease-out;
}
.js-on .fade-r.in{
	transform: translateX(-40px);
	animation-delay: .3s;
	animation-duration: .5s;
	animation-name: fadeInR;
	animation-fill-mode: forwards;
	animation-timing-function: ease-out;
}
.js-on .fade-o.in{
	transform: translateX(-60px);
	animation-delay: .5s;
	animation-duration: 1s;
	animation-name: fadeInR;
	animation-fill-mode: forwards;
	animation-timing-function: ease-out; 
}
/*
.js-on .fade.in:nth-child(1) {
  animation-delay: 0s;
}
*/
.js-on .fade-l.in:nth-child(2),
.js-on .fade-r.in:nth-child(2),
.js-on .fade.in:nth-child(2) {
	animation-delay: 0.4s;
}
.js-on .fade-l.in:nth-child(3),
.js-on .fade-r.in:nth-child(3),
.js-on .fade.in:nth-child(3) {
	animation-delay: 0.6s;
}
.js-on .fade-l.in:nth-child(4),
.js-on .fade-r.in:nth-child(4),
.js-on .fade.in:nth-child(4) {
	animation-delay: 0.7s;
}
.js-on .fade.in:nth-child(5) {
	animation-delay: 0.8s;
}
.js-on .fade.in:nth-child(6) {
	animation-delay: 0.9s;
}
.js-on .fade.in:nth-child(7) {
	animation-delay: 1s;
}
.js-on .fade.in:nth-child(8) {
	animation-delay: 1.1s;
}
.js-on .fade.in:nth-child(9) {
	animation-delay: 1.2s;
}
.js-on .fade.in:nth-child(10) {
	animation-delay: 1.3s;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
.fadeIn{
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
.fadeIn{
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}
@keyframes fadeInL {
  0% {
    opacity: 0;
    transform: translateX(40px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeInL {
  0% {
    opacity: 0;
    -webkit-transform: translateX(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
.fadeInL{
    -webkit-animation-name:fadeInL;
    animation-name:fadeInL;
}

@keyframes fadeInR {
  0% {
    opacity: 0;
    transform: translateX(-40px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeInR {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

/*
.fadeInR{
    -webkit-animation-name:fadeInL;
    animation-name:fadeInL;
}
*/
.inline-btn{
	 gap: 30px;
}
.btn{
	position: relative;
	display: block;
	padding: 1rem 3rem 1.5rem 3rem;
	font-size: var(--font-s);
	line-height: var(--lineh-s);
	overflow: hidden;
	text-decoration: none!important;
	transition: all 0.3s ease-in-out;
	color: var(--color-blanc);
	width: 100%;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Praktikarnd', monospace;
}
.btn-small{
	display: inline-block;
	width: auto;
	padding: 1rem 5rem 1.5rem 5rem;
}
.btn:hover{
	transition: all 0.3s ease-in-out;
	text-decoration: none;
}
.btn-orange{
	background-color: var(--color-orange);
	color: var(--color-blanc);
	border: 1px solid var(--color-orange);
}
.btn-orange:hover{
	background-color: var(--color-blanc);
	color: var(--color-orange);
}
.btn-rose{
	background-color: var(--color-rose);
	color: var(--color-bordeau);
	border: 1px solid var(--color-bordeau);
}
.btn-rose:hover{
	background-color: var(--color-bordeau);
	color: var(--color-rose);
	border: 1px solid var(--color-rose);
}
.btn-saumon{
	background-color: var(--color-saumon);
	color: var(--color-orange);
	border: 1px solid var(--color-orange);
}
.btn-saumon:hover{
	background-color: var(--color-orange);
	color: var(--color-saumon);
}
.btn-beige{
	background-color: var(--color-beige);
	color: var(--color-orange);
	border: 1px solid var(--color-orange);
}
.btn-beige:hover{
	background-color: var(--color-orange);
	color: var(--color-beige);
	border: 1px solid var(--color-beige);
}
.btn-blanc{
	color: var(--color-beige);
	border: 1px solid var(--color-beige);
}
.btn-blanc:hover{
	background-color: var(--color-beige);
	color: var(--color-bordeau);
	border: 1px solid var(--color-beige);	
}
.btn-bordeau{
	background-color: var(--color-bordeau);
	color: var(--color-orange);
	border: 1px solid var(--color-orange);
}
.btn-bordeau:hover{
	background-color: var(--color-orange);
	color: var(--color-blanc);
	border: 1px solid var(--color-orange);
}
.btn-transp{
	background: none!important;
	color: var(--color-orange)!important;
}
.full-img img{
	object-fit: cover;
}
.rounded img,
.rounded{
	border-radius: 30px;
	/*overflow: hidden;*/
}

/*------------------------------------*\
    LANDING
\*------------------------------------*/
.landing-container{
	height: 100vh;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin: 0;
}
.landing-img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.landing-container .landing-container-logo{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 800px;
	height: auto;
	z-index: 1;
}
.rosace{
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translate(-50%);
	width: 100px;
}
/*------------------------------------*\
    PRESENTATION
\*------------------------------------*/

.item-stick{
	padding: 3rem;
}
.item-stick a{
	color: var(--color-blanc);
	text-decoration: none;
}
.item-stick a:hover{
	text-decoration: underline;
}
.item-stick .pastille-br,
.item-stick .pastille-tl{
	max-width: 200px;
}
.item-stick .logo-script{
	display: block;
	width: 300px;
	margin: 0 auto;
}
@media screen and (min-width: 768px) {
	.item-stick{
		transform: rotate(5deg);
	}
	.pastille-tl{
		position: absolute;
		top: -10rem;
		left: -10rem;
	}
	.pastille-br{
		position: absolute;
		bottom: -12rem;
		right: -10rem;
	}
}
/*------------------------------------*\
    AGENDA
\*------------------------------------*/
section.agenda{
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}

/*------------------------------------*\
    COCKTAILS
\*------------------------------------*/
section.cocktails{
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}
.row-cocktails{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.cocktails-item-1{
	position: relative;
	z-index: 3;
	flex: 1;
}
.cocktails-item-2{
	position: relative;
	z-index: 2;
	max-width: 100%;
	
	transform: rotate(0deg) translateX(0px) translateY(50px);
	transform-origin: center center;
	transition: transform 0.3s ease;
}
@media screen and (min-width: 768px) {
	.row-cocktails{
		flex-direction: row;
	}
	.cocktails-item-2{
		max-width: 45%;
		transform: rotate(3deg) translateX(-30px) translateY(50px);
	}
}
/*------------------------------------*\
    ACCUEIL LIEU
\*------------------------------------*/
.accueil-lieu{
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	margin-top: 0;
	padding-top: 100px;
	min-height: 100vh;
}
.pastille-lieu-container{
	position: absolute;
	bottom: -5rem;
	right: -5rem;
}
.pastille-lieu{
	max-width: 150px;
}
@media screen and (min-width: 768px) {
	.pastille-lieu-container{
		bottom: -5rem;
		right: -15rem;
	}
	.pastille-lieu{
		max-width: 250px;
	}
}
/*------------------------------------*\
    SECTION MARRAINE
\*------------------------------------*/
.marraine{
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}
.marraine .bg-rose{
	padding-left: 30px;
	padding-right: 30px;
}
.marraine .pastille-bl{
	position: absolute;
	bottom: -10rem;
	right: -10rem;
	max-width: 180px;
}
.marraine .bg-beige{
	z-index: 10;
}
.marraine .bg-rose{
	z-index: 5;
}
@media screen and (min-width: 768px) {
	section.marraine .col-md-4,
	section.marraine .bg-rose{
		padding-left: 30px;
		padding-right: 30px;
	}
}

/*------------------------------------*\
    SECTION COMITE
\*------------------------------------*/
.item-equipe{
	border: 1px solid #ff3c1e;
	padding: 10px;
	height: 100%;
}
.item-equipe-img{
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
	.item-equipe{
		padding: 30px 30px 10px 30px;
	}
}
/*------------------------------------*\
    PRIVATISATION
\*------------------------------------*/
section.privatisation h2{
	/* Fallback viewport-based sizing for browsers without container query units */
	font-size: clamp(28px, 6vw, 68px);
	line-height: 1.1;
	max-inline-size: 100%;
	/*overflow-wrap: anywhere;*/
}
section.privatisation{
	container-type: inline-size;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}
@supports (font-size: 1cqw){
	section.privatisation h2{
		font-size: clamp(28px, 8cqw, 110px);
		line-height: 1.1;
	}
}
.privatisation-item-1{
	margin-left: 20px;
	margin-right: 20px;
}
@media screen and (min-width: 768px) {
	.privatisation-item-1{
		transform: rotate(3deg);
	}
}

/*------------------------------------*\
    TERRASSE
\*------------------------------------*/
.terrasse{
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}
.row-terrasse{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.terrasse-item-1{
	max-width: 450px;
}
.terrasse-item-2{
	transform: rotate(0deg) translateX(0px) translateY(50px);
	transform-origin: center center;
}
.terrasse-item-1 img{
	max-width: 350px;
}
.terrasse-item-1 h2{
	font-family: 'CrawModern';
	font-size: 4rem;
	line-height: 1.1;
	font-weight: 400;
	margin-bottom: 2rem;
	text-transform: uppercase;
}
@media screen and (min-width: 768px) {
	.row-terrasse{
	display: flex;
		flex-direction: row;
	}
	.terrasse-item-1 img{
		max-width: 500px;
	}
	.terrasse-item-2{
		max-width: 40%;
		transform: rotate(3deg) translateX(-30px) translateY(50px);
	}
}

/*------------------------------------*\
   SECTION INTRO
\*------------------------------------*/
.page-template-page-privatiser .privatisation{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 90vh;
}
.privatisation h1{
	color: var(--color-beige);
	font-size: 30px;
	line-height: 50px;
	font-weight: 400;
	word-break: break-all;
}
.privatisation .pastille{
	position: absolute;
	right: 0;
	top: 40%;
	max-width: 150px;
}
@media only screen and (min-width:600px){
	.privatisation h1{
		font-size: 60px;
		line-height: 80px;
	}
	.privatisation .pastille{
		max-width: 300px;
	}
}
@media only screen and (min-width:990px){
	.privatisation h1{
		font-size: 80px;
		line-height: 100px;
	}
}
@media only screen and (min-width:1200px){
	.privatisation h1{
		font-size: 100px;
		line-height: 120px;
	}
}

/*------------------------------------*\
   SECTION LIEU
\*------------------------------------*/
.section-lieu{
	background-color: #471a26;
}
.post-it-1{
	transform: rotate(-15deg) translateX(45px);
	position: relative;
	width: 80%;
}
.post-it-2{
	transform: rotate(15deg) translate(130px, -30px);
	position: relative;
	width: 50%;
}
@media only screen and (min-width:991px){
	.post-it-1{
		transform: rotate(-15deg) translateX(75px);
		width: 75%;
	}
	.post-it-2{
		transform: rotate(15deg) translate(200px, -30px);
		width: 50%;
	}
}

/*------------------------------------*\
   SECTION BANDEAU
\*------------------------------------*/
.section-bandeau{
	width: 100%;
	overflow: hidden;
	position: relative;
	min-height: 65vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.section-bandeau img{
	height: auto;
	display: block;
	object-fit: cover;
	width: 100%;
}
.bandeau-video-wrapper{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%; /* Ratio 16:9 */
	overflow: hidden;
}
.bandeau-poster{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 1;
	transition: opacity 0.5s ease;
}
.bandeau-poster img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bandeau-video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	opacity: 0;
	transition: opacity 0.5s ease;
}
.section-bandeau.in-view .bandeau-poster{
	opacity: 0;
}
.section-bandeau.in-view .bandeau-video{
	opacity: 1;
}
.bandeau-iframe{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	border: none;
	pointer-events: none;
}

/*------------------------------------*\
   FORM PRIVATISATION
\*------------------------------------*/
::placeholder{
	opacity: 0.9!important;
}
.section-form{
	background-color: #faeecc;
}
.section-form label{
	color: var(--color-orange)!important;
	margin-bottom: 0!important;
	font-weight: bold;
}
.section-form textarea,
.section-form input[type="password"],
.section-form input[type="email"],
.section-form input[type="url"],
.section-form input[type="tel"],
.section-form input[type="text"],
.section-form input[type="email"]{
    width: 100%;
    border: 1px solid #ff5131;
	background: none!important;
}
.section-form button{
    width: 100%;
    border: 1px solid var(--color-orange)!important;
	background: var(--color-orange)!important;
	text-align: center;
	padding: 10px;
	text-transform: uppercase;
	color: var(--color-blanc)!important;
	font-family: 'Praktikarnd';
	font-weight: bold;
	border-radius: 10px;
}
.section-form .form-field{
	margin-bottom: 20px;
}
/* Amélioration accessibilité placeholders */
input:required{
    box-shadow:none;
}
input:invalid{
    border-bottom-color: var(--color-violet);
}
.section-form #frm_field_33_container,
.section-form .visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.section-form select,
.section-form textarea,
.section-form input[type="password"],
.section-form input[type="email"],
.section-form input[type="url"],
.section-form input[type="tel"],
.section-form input[type="text"],
.section-form input[type="email"]{
    width: 100%;
    border: none;
	font-size: var(--font-xs);
	margin: 0.5rem 0 0 0;
	padding: 0.9rem 2rem;
	border-radius: 10px;
	border: 1px solid var(--color-orange);
}
.section-form textarea:focus,
.section-form select.filter-select option:focus,
.section-form select.filter-select:focus{
	border: none;
	outline: none;
}
.section-form select.filter-select{
	display: inline-block;
	width: auto;
	padding: 1rem;
	color: var(--color-orange);
}
.section-form select.filter-select option:hover,
.section-form select.filter-select option{
	color: var(--color-orange)!important;
}
body .section-form button.frm_button_submit {
	width: 100%;
	border: 1px solid var(--color-orange) !important;
	background: var(--color-orange) !important;
	text-align: center;
	padding: 10px;
	text-transform: uppercase;
	color: var(--color-blanc) !important;
	font-family: 'Praktikarnd';
	font-weight: bold;
	border-radius: 10px;
  }

/*------------------------------------*\
    BTN PRIVATISATION
\*------------------------------------*/
.btn-priv{
	position: absolute;
	display: inline-block;
	right: 30px;
	background-color: var(--color-orange);
	border-radius: 15px;
}
.btn-priv.page-priv{
	position: fixed;
	bottom: 15px;
	z-index: 99;
}
@media only screen and (max-width: 767px){
	.btn-priv.page-priv a.btn{
		font-size: var(--font-xxs)!important;
		line-height: var(--lineh-xxs)!important;
		padding: 0.5rem 1.5rem!important;
	}
}
/*------------------------------------*\
   SECTION ANNIV
\*------------------------------------*/
.section-anniv .col-img img{
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

/*------------------------------------*\
   SECTION EVENT
\*------------------------------------*/
.section-event{
	background-color: var(--color-bordeau);
	color: var(--color-rose);
	overflow: hidden;
	position: relative;
}
.section-event h2{
	padding-top: 3.5rem;
	color: var(--color-rose);
}
.section-event .col-img img{
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
	transform: translate(0px, 60px) rotate(-10deg);
	transform-origin: center center;
}
@media only screen and (min-width: 768px){
	.section-event h2 {
		position: absolute;
		z-index: 5;
		top: 0;
		left: 0;
		overflow: hidden;
		padding-top: 75px;
	  }
	.section-event .col-img img{
		transform: translate(-60px, 60px) rotate(-10deg);
	}
}
/*------------------------------------*\
   SECTION MENU
\*------------------------------------*/
.menu-bandeau img{
	display: block;
	object-fit: cover;
	width: 100%;
	height: auto;
}
.item-menu{
	display: flex;
	justify-content: space-between;
	border: 1px solid var(--color-orange);
	padding: 1rem;
	margin-bottom: 1.5rem;
}
.item-menu-titre{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.item-menu-titre span{
	text-align: right;
}
.item-menu-nom{
	width: 80%;
}
.item-menu-prix{
	width: 20%;
	text-align: right;
}
.pink-2{
	position: absolute;
	top: 5%;
	left: 0;
	transform: rotate(-10deg);
	max-width: 250px;
}
.pink-1{
	position: absolute;
	top: 35%;
	left: 0;
	transform: rotate(10deg);
	max-width: 300px;
}
@media only screen and (max-width: 767px){
	.menu-item-row{
		padding-top: 1.5rem;
	}
	.menu-item-prix,
	.menu-plat-prix{
		text-align: left;
	}
}

/*------------------------------------*\
   BLOG
\*------------------------------------*/
.bandeau-blog{
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 100px 0;
	min-height: 60vh;
}
.autre-dame{
	max-width: 150px;
}
.blog-titre{
	border-bottom: 1px solid var(--color-orange);
}
.actu-item-img{
	position: relative;
	padding: 30px 30px 0 0;
}
.actu-item-img img{
	aspect-ratio: 20/9;
}
.actu-item-img::before{
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	width: 90%;
	height: 90%;
}
.actu-item:nth-child(3n+1) .actu-item-img::before{
	background-color: var(--color-bordeau);
}
.actu-item:nth-child(3n+2) .actu-item-img::before{
	background-color: var(--color-saumon);
}
.actu-item:nth-child(3n+3) .actu-item-img::before{
	background-color: var(--color-rose);
}
.actu-item-title{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.single .item-single-blog-head {
	position: relative;
}
@media only screen and (max-width: 767px){
	.item-single-blog-head figure,
	.item-single-blog-head figure img{
		min-height: 80vh;
	}
}
.item-single-blog-head,
.item-single-blog-head figure img{
	min-height: 80vh;
}
.single .item-single-blog-head::after{
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.35);
	z-index: 1;
	pointer-events: none;
}
.single .item-single-blog .actu-item-title{
	z-index: 2;
}
.actu-item-content h2{
	font-family: 'Praktikarnd';
	font-size: var(--font-m);
	line-height: var(--lineh-m);
	font-weight: 700;
	margin: 2rem 0 1.5rem 0;
}
/*------------------------------------*\
    FONTS SIZES
\*------------------------------------*/
.txt-craw {
	font-family: 'CrawModern';
	font-weight: normal;
	font-style: normal;
}
.txt-praktika{
	font-family: 'Praktikarnd';
	font-weight: normal;
	font-style: normal;
}
strong,
.txt-bold{
	font-weight: 700!important;
	font-variation-settings: "wght" 700;
}
.txt-xlight{
	font-weight: 200!important;
}
.txt-light{
	font-weight: 300!important;
	font-variation-settings: "wght" 300;
}
.txt-regular{
	font-weight: 400!important;
}
.txt-medium strong,
.txt-medium{
	font-weight: 500!important;
}
.txt-sbold{
	font-weight: 600!important;
}
.txt-xbold{
	font-weight: 900!important;
}
.txt-ital{
	font-style: italic;
}
.txt-xxs{
	font-size: var(--font-xxs);
	line-height: var(--lineh-xxs);
}
.txt-xs{
	font-size: var(--font-xs);
	line-height: var(--lineh-xs);
}
.txt-s{
	font-size: var(--font-s);
	line-height: var(--lineh-s);
}
.txt-m{
	font-size: var(--font-m);
	line-height: var(--lineh-m);
}
.txt-xm{
	font-size: var(--font-xm);
	line-height: var(--lineh-xm);
}
.txt-l{
	font-size: var(--font-l);
	line-height: var(--lineh-l);
}
.txt-xl{
	font-size: var(--font-xl);
	line-height: var(--lineh-xl);
}
.txt-xxl{
	font-size: var(--font-xxl);
	line-height: var(--lineh-xxl);
}
.txt-noir{
	color: var(--color-noir);
}
.txt-orange{
	color: var(--color-orange);
}
.txt-bordeau{
	color: var(--color-bordeau);
}
.txt-rose{
	color: var(--color-rose);
}
.txt-saumon{
	color: var(--color-saumon);
}
.txt-beige{
	color: var(--color-beige);
}
.txt-blanc a,
.txt-blanc{
	color: var(--color-blanc);
}
.txt-gris{
	color: var(--color-gris);
}
.txt-up{
	text-transform: uppercase!important;
}
.txt-space{
	letter-spacing: 0.05rem;
}
.txt-xspace{
	letter-spacing: 0.1rem;
}
.txt-balance{
	text-wrap:balance;
}

/*------------------------------------*\
   EVENEMENTS
\*------------------------------------*/
.section-agenda{
	background-image: url('../../../wp-content/uploads/2026/05/groupe.jpg');
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}
.wd-agenda-grid{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}
@media only screen and (max-width:767px){
	.wd-agenda-grid{
		grid-template-columns: 1fr;
	}
}
.wd-event-card{
	transition: transform 200ms ease, box-shadow 200ms ease;
	min-height: 230px;
}
.wd-event-card:hover{
	transform: translateY(-2px);
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.14);
}
.wd-event-card__link{
	padding: 22px 18px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	text-decoration: none;
}
.wd-event-card__venue{
	font-family: 'Praktikarnd';
	font-size: var(--font-xs);
	line-height: var(--lineh-xs);
	color: var(--color-bordeau);
	margin: 0 0 10px;
}
.wd-event-card__date{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
	font-family: 'Praktikarnd';
	font-size: var(--font-xxs);
	line-height: var(--lineh-xxs);
	color: var(--color-bordeau);
	margin: auto 0 0;
}
.wd-event-card .icon-nanna{
	max-width: 100px;
}
.wd-event-card--saumon{
	background: var(--color-saumon);
}
.wd-event-card--orange{
	background: var(--color-orange);
}
.wd-event-card--orange .icon-nanna{
	mix-blend-mode: difference;
}
.wd-event-card--rouge{
	background: var(--color-rouge);
}
.wd-event-card--violet{
	background: var(--color-violet);
}
.wd-event-card--rose{
	background: var(--color-rose);
}
.wd-event-card--bordeau{
	background: var(--color-bordeau);
}
.wd-event-card--violet *{
	color: var(--color-beige);
}
.wd-event-card--rose *,
.wd-event-card--saumon *{
	color: var(--color-rouge);
}
.wd-event-card--rouge *{
	color: var(--color-rose);
}

@media only screen and (min-width:768px){
	.wd-agenda-grid{
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 22px;
	}
	.wd-event-card{
		min-height: 420px;
	}
	.wd-event-card__link{
		padding: 75px 20px;
	}
}

/*------------------------------------*\
    EVENT ITEM
\*------------------------------------*/
.entete-socials{
	display: flex;
	gap: 2rem;
	justify-content: center;
}
.event-tickets .tribe-tickets__tickets-title,
h2.tribe-common-h4,
.event-item-content h2{
	text-transform: uppercase;
	font-family: 'Praktikarnd';
	font-size: var(--font-s)!important;
	line-height: var(--lineh-s)!important;
	font-weight: 400!important;
	margin-top: 2rem;
	margin-bottom: 1.5rem!important;
	color: var(--color-orange);
}
.tribe-events-single-section.tribe-events-event-meta{
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
.tribe-events-meta-group{
	width: 100%;
}
.tribe-events-meta-group-details .tribe-events-meta-item{
	display: flex;
	justify-content: space-between;
	border: 1px solid var(--color-orange);
	padding: 0.7rem 1rem 0 1rem;
	margin-bottom: 1rem;
}
.wd-related-events{
	background-image: url('img/bg-related.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding-bottom: 50rem;
}
/* Formulaire de reservation*/
.event-tickets .tribe-tickets__tickets-item{
	border-color: var(--color-orange)!important;
}
.tribe-tickets__tickets-footer *,
.tribe-tickets__tickets-footer-total,
.tribe-tickets__tickets-footer-quantity,
.event-tickets .tribe-tickets__tickets-item-extra-available,
.event-tickets .tribe-tickets__tickets-item-quantity-add,
.event-tickets .tribe-tickets__tickets-item-quantity-remove,
.entry .entry-content .event-tickets .tribe-tickets__form input[type="number"].tribe-tickets__tickets-item-quantity-number-input,
.event-tickets .tribe-tickets__form input[type="number"].tribe-tickets__tickets-item-quantity-number-input{
	color: var(--color-orange)!important;
}
.event-tickets .tribe-common-h6--min-medium{
	text-transform: uppercase;
	/*font-family: 'CrawModern';*/
}
.event-tickets .tribe-tickets__tickets-form{
	background: none;
	border: none;
}
.event-tickets .tribe-tickets__tickets-form{
	padding: 0!important;
	width: 100%!important;
	max-width: 100%!important;
}
.tec-tickets__wallet-plus-component-pdf-button-container a,
.tribe-common .tec-tickets-plus-waitlist-container--submit button,
.tribe-submit-tickets-form button,
.tribe-common button.tribe-common-c-btn{
	background-color: var(--color-beige)!important;
	color: var(--color-orange)!important;
	border: 1px solid var(--color-orange)!important;
	text-transform: uppercase!important;
	font-family: 'Praktikarnd'!important;
	font-weight: 400!important;
	padding: 0.5rem 3rem!important;
	font-size: var(--font-s)!important;
	line-height: var(--lineh-s)!important;
}
.tribe-submit-tickets-form button:hover,
.tribe-common button.tribe-common-c-btn:hover{
	background-color: var(--color-orange)!important;
	color: var(--color-beige)!important;
	border: 1px solid var(--color-orange)!important;
	transition: all 0.3s ease-in-out!important; 
}
.tribe-common .tec-tickets-plus-waitlist-container p,
.tribe-theme-twentyseventeen .tribe-common .tec-tickets-plus-waitlist-container p,
.tribe-theme-twentytwenty .tribe-common .tec-tickets-plus-waitlist-container p{
	color: var(--color-orange)!important;
}
/* Page commande */
.event-tickets .tribe-tickets__commerce-order{
	max-width: 100%!important;
}
.event-tickets .tribe-tickets__form input[type="text"],
.event-tickets .tribe-tickets__form input[type="email"],
.tribe-tickets-list .tribe-item{
	background: none!important;
	border: 1px solid var(--color-orange)!important;
}
.tec-tickets__wallet-plus-component-pdf-button-container{
	font-family: 'courrier-new'!important;
	font-weight: 700!important;
	font-size: var(--font-s)!important;
	line-height: var(--lineh-s)!important;
}
.attendee-meta-row{
	font-family:'Praktikarnd'!important;
	font-weight: 700!important;
	font-size: var(--font-s)!important;
	line-height: var(--lineh-s)!important;
	color: var(--color-orange)!important;
}
.attendee-meta-row .ticket-meta{
	padding: 0.5rem 1rem;
}

.event-tickets .tribe-tickets__form input[type="number"],
.event-tickets .tribe-tickets__form .tec-tickets-plus-waitlist-container--input input[type="text"],
.event-tickets .tribe-tickets__form .tec-tickets-plus-waitlist-container--input input[type="email"]{
	border: 1px solid var(--color-orange)!important;
	background-color: var(--color-beige)!important;
	padding: 0.5rem 1rem!important;
	font-size: var(--font-s)!important;
	line-height: var(--lineh-s)!important;
	color: var(--color-orange)!important;
}
.tec-tickets-plus-waitlist-container__success-column,
.tec-tickets-plus-waitlist-container__success-row,
.tribe-common .tec-tickets-plus-waitlist-container--input label{
	color: var(--color-orange)!important;
}
.tec-tickets-plus-waitlist-container__success-row svg path{
	fill: var(--color-orange)!important;
}
body .event-tickets .tribe-tickets__attendee-tickets-item {
	background: none!important;
	border: 1px solid var(--color-orange)!important;
	padding: 1rem!important;
}
body .event-tickets .tribe-tickets__attendee-tickets-item::after,
body .event-tickets .tribe-tickets__attendee-tickets-item::before {
	display: none!important;
}
body .tribe-tickets__tickets-item-content-title.tribe-tickets--no-description{
	font-family: 'Praktikarnd'!important;
	font-size: var(--font-xxs)!important;
	line-height: var(--lineh-xxs)!important;
	color: var(--color-orange)!important;
}
body.page-tribe-attendee-registration .event-tickets .tribe-tickets__mini-cart,
body.page-tribe-attendee-registration .tribe-common .tribe-tickets__mini-cart,
.event-tickets .tribe-tickets__tickets-footer,
.event-tickets .tec-tickets-plus-purchase-rules-messages__container,
.event-tickets .tec-tickets__attendees-list-item, .tribe-common .tec-tickets__attendees-list-item,
.event-tickets .tribe-tickets__commerce-checkout-stripe-card-element--compact,
.event-tickets .tribe-tickets__commerce-checkout-cart-footer,
.tribe-common .tribe-tickets__commerce-checkout-cart-footer,
.event-tickets .tribe-tickets__commerce-checkout-cart-item,
.tribe-common .tribe-tickets__commerce-checkout-cart-item {
	border-color: var(--color-orange)!important;
	border-radius: 0!important;
}
body .event-tickets .tec-tickets__attendees-list, .tribe-common .tec-tickets__attendees-list,
body .event-tickets .tribe-common-c-loader{
	background: none!important;
}
body .event-tickets .tribe-tickets__form input[type="number"]{
	padding: 0.5rem 0.5rem !important;
  }
@media (min-width: 768px) {
	body.page-tribe-attendee-registration .event-tickets .tribe-tickets__mini-cart a.tribe-tickets__tickets-footer-back-link,
	body.page-tribe-attendee-registration .tribe-common .tribe-tickets__mini-cart a.tribe-tickets__tickets-footer-back-link {
	  display: none!important;
	}
  }
@media (min-width: 960px) {
	body.page-tribe-attendee-registration .event-tickets .tribe-tickets__mini-cart,
	body.page-tribe-attendee-registration .tribe-common .tribe-tickets__mini-cart {
		margin: 0!important;
		width: 360px;
	}
	body.page-tribe-attendee-registration .event-tickets .tribe-tickets__registration-grid, body.page-tribe-attendee-registration .tribe-common .tribe-tickets__registration-grid {
		border: none!important;
		padding-top: 0!important;
	}
}

/* Réservations */
body .event-tickets .tribe-tickets__rsvp-wrapper {
	background: none!important;
	border: 1px solid var(--color-orange)!important;
	border-radius: 0;
	max-width: 100%!important;
	width: 100%!important;
}
body .event-tickets .tribe-tickets__rsvp-actions .tribe-common-c-btn {
	max-width: 200px!important;
}
body .event-tickets .tec-tickets__attendees-list-item-attendee-details, .tribe-common .tec-tickets__attendees-list-item-attendee-details {
	flex-basis: 30%!important;
}
body.page-tribe-attendee-registration .event-tickets .tribe-tickets__mini-cart,
body.page-tribe-attendee-registration .tribe-common .tribe-tickets__mini-cart {
	background: none!important;
	border-top: 1px solid var(--color-orange);
  }
@media (max-width: 768px) {
	.tribe-js h1:not(.section-bandeau h1){
		font-size: var(--font-l)!important;
		line-height: var(--lineh-l)!important;
	}
	body .tec-tickets__wallet-plus-rsvp-button{
		margin: 2rem 0;
	}
	.tribe-common a.tribe-common-c-btn--small,
	.tribe-common button.tribe-common-c-btn--small,
	.tribe-common input[type="button"].tribe-common-c-btn--small:active, .tribe-common input[type="button"].tribe-common-c-btn--small:disabled,
	.tribe-common input[type="button"].tribe-common-c-btn--small:focus, .tribe-common input[type="button"].tribe-common-c-btn--small:hover,
	.tribe-common input[type="submit"].tribe-common-c-btn--small:active, .tribe-common input[type="submit"].tribe-common-c-btn--small:disabled,
	.tribe-common input[type="submit"].tribe-common-c-btn--small:focus,
	.tribe-common input[type="submit"].tribe-common-c-btn--small:hover
	.tribe-tickets__tickets-footer button.tribe-tickets__tickets-buy{
		width: 100%!important;
		margin-top: 1rem!important;
	}
	.event-tickets .tribe-tickets__tickets-footer {
		flex-direction: column;
	}
	body.page-tribe-attendee-registration .tribe-tickets__registration {
		padding: 0!important;
	}
	body .event-tickets .tribe-tickets__commerce-checkout-header,
	body .tribe-common .tribe-tickets__commerce-checkout-header{
		justify-content: center!important;
	}
}
.event-tickets .tribe-tickets__tickets-item{
	align-items: center;
}
.event-tickets .tribe-tickets__tickets-item > div{
	align-items: center;
	align-self: center!important;
}
/*------------------------------------*\
    SPACES
\*------------------------------------*/
.pt15{
    padding-top: 0.5em;
}
.pt30{
    padding-top: 1.5em;
}
.pt50{
    padding-top: 2.5em;
}
.pt100{
    padding-top: 5em;
}
.pb0{
    padding-bottom: 0;
}
.pb15{
    padding-bottom: 0.5em;
}
.pb30{
    padding-bottom: 1.5em;
}
.pb50{
    padding-bottom: 2.5em;
}
.pb100{
    padding-bottom: 5em;
}
.mt5{
    margin-top: .5em;
}
.mt15{
    margin-top: 1em;
}
.mt30{
    margin-top: 1.5em;
}
.mt50{
    margin-top: 2.5em;
}
.mt100{
    margin-top: 5em;
}
.mb0{
	margin-bottom: 0;
}
.mb5{
	margin-bottom: .5em;
}
.mb15{
    margin-bottom: 1em;
}
.mb30{
    margin-bottom: 1.5em;
}
.mb50{
    margin-bottom: 2.5em;
}
.mb100{
    margin-bottom: 5em;
}
@media only screen and (min-width:992px){
	.pr0{
		padding-right: 0!important;
	}
	.pl0{
		padding-left: 0!important;
	}
	.mr0{
		margin-right: 0!important;
	}
	.ml0{
		margin-left: 0!important;
	}
	.plr0{
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.mlr0{
		margin-left: 0!important;
		margin-right: 0!important;
	}
	.pr15 {
		padding-right: 1.5em !important;
	  }
	.pl15 {
		padding-left: 1.5em !important;
	  }
	.pr30 {
		padding-right: 2.5em !important;
	  }
	.pl30 {
		padding-left: 2.5em !important;
	  }
	.pr50 {
		padding-right: 5em !important;
	  }
	.pl50 {
		padding-left: 5em !important;
	  }
	.plr5{
		padding-left: 5%!important;
		padding-right: 5%!important;
	}
	.plr6{
		padding-left: 6%!important;
		padding-right: 6%!important;
	}
	.plr8{
		padding-left: 8%!important;
		padding-right: 8%!important;
	}
	.plr10{
		padding-left: 10%! important;
		padding-right: 10%!important;
	}
	.plr12{
		padding-left: 12%! important;
		padding-right: 12%!important;
	}
	.plr15{
		padding-left: 15%! important;
		padding-right: 15%!important;
	}
}
@media only screen and (max-width:991px){
	.plr5-mobil{
		padding-left: 30px!important;
		padding-right: 30px!important;
	}
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
.d-flex-between{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.d-flex-center{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.d-flex-h{
	display: flex;
	flex-direction: column;
	height: 100%;
}
.wp-block-embed__wrapper,
.embed-container{ 
    position: relative;
    padding-bottom: 56.25%;
	margin: 1.5rem 0 3rem 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}
.wp-block-embed__wrapper iframe,
.embed-container iframe,
.embed-container object,
.embed-container embed{ 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.single .item-content iframe{
	width: 100%;
}
.img-fit.img-carre img{
	aspect-ratio: 4/3;
}
.img-fit,
.img-fit img{
	overflow: hidden;
	object-fit: cover;
	width: 100%;
	/*height: 100%;*/
}
.img-fit.img-pano img{
	aspect-ratio: 16/9;
}
.img-fit.img-wide img{
	aspect-ratio: 16/7;
}
.wp-block-image figure figcaption{
	font-size: var(--font-xs);
	line-height: var(--lineh-xs);
}
.has-background{
	padding: 30px;
}
.mejs-audio{
	margin-bottom: 1em;
}
.stick{
	position: sticky;
	top: 20%;
}
.article-content img{
	margin: 1em 0;
}

.bg-bordeau{
	background-color: var(--color-bordeau);
}
.bg-orange{
	background-color: var(--color-orange);
}
.bg-rouge{
	background-color: var(--color-rouge);
}
.bg-rose{
	background-color: var(--color-rose);
}
.bg-violet{
	background-color: var(--color-violet);
}
.bg-saumon{
	background-color: var(--color-saumon);
}
.bg-beige{
	background-color: var(--color-beige);
}
.bg-blanc{
	background-color: var(--color-blanc);
}
.bg-noir{
	background-color: var(--color-noir);
}
bg-gris{
	background-color: var(--color-gris);
}

/*------------------------------------*\
    FORMULAIRE
\*------------------------------------*/
/* Label Email */
body .frm_primary_label,
body .frm_forms.with_frm_style,
.frm-show-form{
	width: 100%!important;
}
.frm_primary_label br{
	display: none;
}
.frm-show-form{
	text-align: left!important;
}
.frm_primary_label,
.accueil-email-label {
	font-family: 'Praktikarnd';
	color: var(--color-orange);
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom:0;
	text-align: left;
}

/* Formulaire email */
.frm_form_field{
	position: relative;
}
.frm_fields_container,
.accueil-email-form {
	position: relative;
}
.frm_form_field input[type="email"],
.accueil-email-input {
	width: 100%;
	background: transparent;
	border: none;
	border: 1px solid var(--color-orange);
	padding: 10px;
	color: var(--color-orange);
	font-size: 16px;
	outline: none;
	border-radius: 0!important;
}

.frm_message,
.frm_error,
.frm_error_style{
	font-size: 1rem;
	color: #fff;
	text-transform: none;
}
.footer .frm_submit,
.footer .frm_primary_label {
	text-align: center!important;
}
.footer .frm_button_submit {
	background: transparent;
	border: none;
	color: var(--color-orange);
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	cursor: pointer;
	padding: 0 10px;
	transition: opacity 0.3s ease;
	margin-top: 2rem;
}
/*------------------------------------*\
   TABLE
\*------------------------------------*/
table{
	margin-top: 1.5em;
	font-size: var(--font-s);
	line-height: 1.5rem;
}
table thead{
	text-transform: uppercase;
	font-size: var(--font-xs);
	line-height: 1.5rem;
	font-weight: 600;
	color: var(--color-grisf);
}
table tr{
	border-top: 1px dashed var(--color-noir);
	border-bottom: 1px dashed var(--color-noir);
}
table tr td:first-child{
	text-align: left;
}
table td{
	padding: 10px;
	text-align: right;
}

/*------------------------------------*\
    PAGE
\*------------------------------------*/
.section-page h2{
	font-family: 'Praktikarnd';
	font-size: var(--font-l);
	line-height: var(--lineh-l);
	font-weight: 700;
	margin: 2rem 0 1.5rem 0;
}
.section-page h3{
	font-family: 'Praktikarnd';
	font-size: var(--font-m);
	line-height: var(--lineh-m);
	font-weight: 700;
	margin: 2rem 0 1.5rem 0;
}
/*------------------------------------*\
    SEPARATEUR
\*------------------------------------*/
.sep{
	border-top: 1px solid var(--color-noir);
}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/
.footer{
	margin: 0;
}
.footer-right{
	display: flex;
	align-items: center;
	gap: 15px;
}
.float-open{
	position: relative
}
.float-open img{
	max-width: 120px;
}
.footer-img{
	max-width: 300px;
}
@media screen and (min-width: 769px) {
	.float-open img{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(200%, -90%);
		z-index: 50;
		max-width: 150px;
	}
}
.footer a{
	font-weight: 300;
	font-size: var(--font-l);
	color: var(--color-orange)!important;
}
.footer a:hover{
	text-decoration: none;
}
.footer-menu ul{
	font-size: var(--font-s);
	line-height: var(--lineh-s);
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-menu ul a{
	font-size: var(--font-s);
	line-height: var(--lineh-s);
}
.footer-menu ul li{
	list-style: none;
	margin-bottom: 0;
}
.footer-logo-img{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
@media only screen and (min-width:992px){
	.footer-menu-bas ul{
		display: flex;
		flex-wrap: wrap;
		list-style: none;
	}
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (max-width:480px){
}

@media only screen and (max-width:768px){
	.full-m{
		padding: 0!important;
	}
	.center-mobil{
		text-align: center!important;
	}
	.hidden-sm{
		display: none;
	}
    .mt50{
        margin-top: 1.5em;
    }
	.mb30{
		margin-bottom: 1em;
	}
    .pt30{
        padding-top: 1em;
    }
    .mb50{
        margin-bottom: .5em;
    }
	.mt100{
		margin-top: 3.5em;
	}
	.mb100{
		margin-bottom: 2.5em;
	}
    .pt50{
        padding-top: 1.5em;
    }
    .pb30{
        padding-bottom: 1em;
    }
    .pb50{
        padding-bottom: 1.5em;
    }
	.pb100{
		padding-bottom: 2em;
	}
    .pt100{
        padding-top: 2em;
    }
	.pb50-mobil{
		padding-bottom: 1.5em;
	}
	.mt0-mobil{
		margin-top: 0;
	}
	.mb0-mobil{
		margin-bottom: 0;
	}
	.pt0-mobil{
		padding-top: 0;
	}
	.pb0-mobil{
		padding-bottom: 0;
	}
	.pb100-mobil{
		padding-bottom: 5rem;
	}
    .pt100-mobil{
        padding-top: 5rem;
    }
	.mb50-mobil{
		margin-bottom: 2.5rem;
	}
	.mt50-mobil{
		margin-top: 2.5rem;
	} 
	.mb100-mobil{
		margin-bottom: 5rem;
	}
	.mt100-mobil{
		margin-top: 5rem;
	}
}
@media only screen and (max-width:992px){
	.plr0-mobil{
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.plr1-mobil{
		padding-left: 5%!important;
		padding-right: 5%!important;
	}
	.plr5-mobil{
		padding-left: 10%!important;
		padding-right: 10%!important;
	}
}
@media only screen and (min-width:320px){
	:target {
		scroll-margin-top: 10em;
	}
}
@media only screen and (min-width:769px){
	.d-flex-center{
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.wp-caption,
.alignright,
.alignleft,
.alignnone{
	margin: 3rem 0;
}
.alignright{
	float: right;
}
.alignleft{
	float: left;
}
.wp-caption .wp-caption-text,
.gallery-caption{
	font-size: var(--font-s);
	line-height: var(--lineh-s);
	margin: 0;
	padding: 15px 0;
}
blockquote{
	/*float: left;*/
	margin: 1em 1em 1em 0;
	/*max-width: 50%;*/
}
/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print{
	*{
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited{
		text-decoration:underline;
	}
	a[href]:after{
		content:" (" attr(href) ")";
	}
	abbr[title]:after{
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after{
		content:"";
	}
	pre,blockquote{
		page-break-inside:avoid;
	}
	thead{
		display:table-header-group;
	}
	tr,img{
		page-break-inside:avoid;
	}
	img{
		max-width:100% !important;
	}
	@page{
		margin:0.5cm;
	}
	p,
	h2,
	h3{
		orphans:3;
		widows:3;
	}
	h2,
	h3{
		page-break-after:avoid;
	}
}