/* Général */
body {
	background-color: #393432;
	color:#fff
}
#layout-footer {
	background-color: #393432;
    background-image: linear-gradient(#393432, #170802);
}
#layout-nav {
    z-index: 200;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background-color: #ffffffeb;
    border-radius: 20px;
	width:calc(100% - 20px);
    max-width: 1900px;
    margin: 10px auto 0;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: 4px 4px 20px #00000029;
	padding:9px 0 0;
	border-bottom: 42px solid rgba(231,81,30,.95)
}
.nav-header {
	padding:3px 10px;
}
.nav-header > div > div {
	max-width:none
}

.nav-header .myblock .text p a {
	text-decoration:none
}
.nav-header .myblock .text p a:hover {
	color:#1a171b
}
.nav-header .collection {
}
.nav-header .collection .left {
	
}
.nav-header .collection .right {

}
.nav-header .collection .center {
	position:relative
}
.nav-header .collection .center img {
    height: 80px;
    width: auto;
	position:absolute;
	left:48%; top: 81%;
	transform: translate(-50%, -50%);
}



#layout-nav .left-nav,
#layout-nav .right-nav {
	position: relative;
	z-index: 10;
}
#layout-nav .left-nav {
	margin:16px 0 0 16px;
}
#layout-nav .right-nav {
	margin:16px 4px 0;
}

#layout-nav .left-nav .nav-links > .nav-link:last-child {
	padding-right:0;
}
#layout-nav .left-nav .nav-links > .has-sub, 
#layout-nav .left-nav .nav-links > .nav-link {
}
#layout-nav .left-nav .nav-links > .has-sub:first-child {
	background: #e7511e;
	    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	
}
#layout-nav .left-nav .nav-links > .has-sub:first-child .has-sub-dropdown {
	display:flex; opacity: 1
}
#layout-nav .left-nav .nav-links > .has-sub {
	position: static
}
#layout-nav .left-nav .nav-links > .has-sub .has-sub-dropdown {
	left:0;
}
#layout-nav .right-nav a {
	
}
.nav-header .collection .link-icon .text > p { display:flex; align-items: center;}
.nav-header .collection .link-icon .text > p a:nth-child(3),
.nav-header .collection .link-icon .text > p a:nth-child(4),
.nav-header .collection .link-icon .text > p a:nth-child(5) {
	transition: all ease .2s;
	display:inline-block;
	width:32px; height: 32px;
	text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
	margin-left: 8px;
	background: url(../ico-fb.svg) no-repeat center center;
}
.nav-header .collection .link-icon .text > p a:nth-child(4) {
	background: url(../ico-ig.svg) no-repeat center center;
}
.nav-header .collection .link-icon .text > p a:nth-child(5) {
	background: url(../ico-li.svg) no-repeat center center;
}
.nav-header .collection .link-icon .text > p a:nth-child(3):hover,
.nav-header .collection .link-icon .text > p a:nth-child(4):hover,
.nav-header .collection .link-icon .text > p a:nth-child(5):hover {
	transform:scale(1.1, 1.1); opacity: .9
}

.nav-header .collection .text > p a {
    font-size: 0.8em;
    display: inline-block;
    padding: 0 10px;
}

.toggler {
	position:absolute;
	right:10px;
	bottom: -38px
}
#if-mobile-panel { min-height:100svh; background:white; right:-10px}
#if-mobile-panel a { color:rgb(17,24,39)}
.nav-backdrop { display:none}

/* Typographie */

@font-face {
  font-family: 'Tenor Sans';
  src: url('../fonts/TenorSans.woff2') format('woff2'),
       url('../fonts/TenorSans.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
  
/* =============================================================
   BASE
   ============================================================= */
 
body {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  line-height: 150%;
}
 
h1 {
  font-family: 'Tenor Sans', sans-serif;
  font-size: 54px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -.03em;
	margin-bottom: 1.5rem; 
}
 
h2 {
  font-family: 'Tenor Sans', sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -.03em;
	margin-bottom: 1rem; 
}
 
h3, .like-h3 {
  font-family: 'Tenor Sans', sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -.03em;
	margin-bottom: .75rem; 
}
.like-h3 {
	margin-bottom:0
}

.font-title {
	font-family: 'Tenor Sans', sans-serif;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -.03em;
}
 
p {
  
  font-weight: 400;
  line-height: 170%;
}
/* Paragraphes */
.myblock .text p {
  margin-bottom: 1rem; /* mb-4 */
}
.myblock .text li p {
  margin-bottom: .5rem; /* mb-4 */
}
.myblock .text p a {
	text-decoration:underline
}

 
label {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 400;
}

.myblock .btn:not(.hidden), #banner .btn:not(.hidden), #modal-overlay .btn:not(.hidden) {
background-color: rgb(var(--primary-color)); /* #e7511e */
  color: #fff;
  font-family: Tenor Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
  border-style: none;
  border-radius: 200px;
  padding: 10px 36px;
  transition: all .2s;
}
.myblock .btn:not(.hidden):hover, #banner .btn:not(.hidden):hover, #modal-overlay .btn:not(.hidden):hover {
  background-color: #a33a16;
  color: #fff;
}

.myblock .btn:not(.hidden):active, #banner .btn:not(.hidden):active, #modal-overlay .btn:not(.hidden):active {
  background-color: #832c0f;
  color: #eee2de;
}

/* Image */
.myblock .primary-shadow {
	box-shadow: -21px 21px 0 0 rgb(var(--primary-color));
	overflow: visible
}
@media screen and (max-width: 767px) {
    .primary-shadow {
        box-shadow: -7px 7px 0 0 rgb(var(--primary-color));
    }
}
.bubble-1::after,
.bubble-1::before {
	content:'';
	display: block;
	position: absolute;
	background: rgb(var(--primary-color));
	border-radius: 200px;
    box-shadow: 4px 4px 20px #00000029;
}
.bubble-1::before {
	inset: -11% 20% auto auto;
	width: 68px;
    height: 68px;
	opacity: .6;
}
.bubble-1::after {
	inset: -10% 7% auto auto;
	width: 90px;
    height: 90px;
}

/* Team */
.team-item h3 {
	margin:0;
}
.myblock .team-item p {
	margin:0;
	color:rgb(var(--primary-color))
}
/* Footer */

.bottom-copy {
	padding-top:2rem;
	padding-bottom:1rem
}
.bottom-copy a {
	font-size: 0.75rem;
	text-decoration:none !important
}
.bottom-copy a:hover {
	text-decoration:underline !important
}

/* partenaires */
.block-block_partners .items-list {
	display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;   
}
.block-block_partners .items-list .item {
		width: calc(50% - 1rem);
	}
@media (min-width:767px) {
	.block-block_partners .items-list .item {
		width: calc(25% - 1rem);
	}
}
@media (min-width:992px) {
	.block-block_partners .items-list .item {
		width: calc(16.666% - 1rem);
	}
}

/* Header */
.header-int {
	background-position: center bottom;
}