body{font-size:16px;}
.navbar{flex-wrap: wrap;}
.navbar-brand { display: flex;font-size: 14px;font-style: italic;margin-left:2em;}
.navbar-brand span{align-self: flex-end;margin-bottom: -5px;color: var(--dark);}
.header-links ul{margin-bottom:0;}
.header-links a {color: var(--dark);-webkit-transition: all 0.2s ease;transition: all 0.2s ease;padding: 15px 20px;font-size: 1em; font-weight: 500;}
.header-links a:focus, .header-links a:hover {color: var(--secondary);}
.header-links a.active {background: var(--light-blue);border-radius: 5px;}
.header-links a.active:hover{color:var(--dark)}
header .navbar-dark .navbar-nav .nav-link {color: #fff;padding: 0.45em 1.5em;font-family: var(--font-family-sans-serif-bold);}
.navbar-dark .navbar-toggler {color: #fff;border-color:transparent;background: var(--primary);    border-radius: 0;height: 100%; width: 100%;}
header .navbar-nav .nav-item>a [class*="__icon"] {
    margin-right: 14px
}
header .navbar-nav .nav-item>a::after {
    content: '\EA01';
    font-family: "iconfont";
    font-weight: 400;
    font-size: 31px;
    color: white;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-left: 16px;
    opacity: 0;
    visibility: hidden
}
header .navbar-nav .nav-item>a span {
    display: inline-block;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    vertical-align: middle
}
header .navbar-nav .nav-item>a:active span,header .navbar-nav .nav-item>a:focus span,header .navbar-nav .nav-item>a:hover span {
    opacity: 0;
    visibility: hidden
}
header .navbar-nav .nav-item>a:active::after,header .navbar-nav .nav-item>a:focus::after,header .navbar-nav .nav-item>a:hover::after {
    opacity: 1;
    visibility: visible
}
.nav-link:focus-visible { outline: none; }
.dropdown-toggle::after { border-top: 0;border-right: 0;border-bottom: 0;border-left: 0;}
.header{background: url("../img/visuel-header-edition.png") right center no-repeat; background-size: cover; padding-top: 3rem; padding-bottom: 3rem;}
.logo {max-width: 115px;display: flex;position: relative;width: auto;}

.dropdown-menu.megamenu.show {
    position: absolute;
    width: auto;
    left: 2em;
    right: 2em;
    padding: 0;
    top: 97%;border:0;
	border-radius: 0 0 5px 5px;
overflow: hidden;
-webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
}

.dropdown-menu.megamenu .nav.nav-tabs {
    flex-direction: column;
    width: 100%;
    padding: 3rem 4rem;
}
.dropdown-menu.megamenu .tab-content {
    flex-direction: column;
    width: 100%;
    background: var(--light-blue);
    padding: 3rem 4rem;
}
li.nav-item.dropdown {
    position: static;
}
.megamenu .nav.nav-tabs li p {
    color: var(--secondary);
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: var(--font-family-sans-serif);
    font-size: 12px;
    letter-spacing: 0.05em;
}
.dropdown-item {
    position: relative;
display: inline-block;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #000;
height: auto;
padding: 1.2em 0;    
    border: 0;
    font-style: normal;
    font-weight: 600;
    font-size: 1.2em;
    line-height: 1.3;    width: auto;
}

.dropdown-item::after {
    content: '\EA01';
    font-family: "iconfont";
    font-weight: 400;
    font-size: 31px;
    color: #9BD3DD;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden
}

.dropdown-item:hover {
    padding-right: 60px;
    color: rgba(0, 0, 0, 0.8); background: transparent;
}

.dropdown-item:hover::after, .c-button--alt--small:hover::after {
    opacity: 1;
    visibility: visible
}

.dropdown-item.active {
    color: var(--info);
    background: transparent;
}
.dropdown-item.active::after {
  visibility: visible !important;
  opacity: 1;
  right: -60px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.nav-level3 a {
    font-weight: bold;
    font-size: 20px;
    line-height: 1.2;
    color: var(--primary);
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    max-width: 216px;
}

.nav-level3 img {
    width: 100%;
    object-fit: cover;
    height: 200px;
    object-position: center;
    border-radius: 5px;
	
}

.nav-level3 {
    display: flex;
    flex-direction: row;
    justify-content: center;
	list-style-type: none;
	padding: 0;
	margin: 0;
	  flex-wrap: wrap;
  position: relative;
		
}
.nav-level3 a span{
	margin-top: 24px;
display: block;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 100%;
}
.nav-level3 a:hover span {color: #46758b;}
.fixed-top{ top: -40px; transform: translateY(40px); transition: transform .3s; background: #fff; z-index: 1030 !important;}
/*///////////*/
#hero {text-align: center;position: relative;margin-bottom:0;z-index: 1;}
#hero .row { height: calc(100vh - (133px + 70px));}
#hero-pages { min-height: calc(84vh - (133px + 70px));overflow: hidden;z-index: 1;}
#hero-pages.galerie-cfd{overflow: visible;}
#hero-pages.full{background-size: cover !important; background-position: center center!important ; background-repeat: no-repeat!important ;height: calc(85vh - (133px + 70px));}
.hero h1{line-height: 0.9em; margin-bottom: 0.75em;z-index: 1; position: relative;}
.hero h1 span {position: relative;z-index: -1;margin: 0 10px;}
.hero.row {justify-content: space-around; height: 100%;}
.hero-article.row {justify-content: space-between;height: 100%;background: var(--light-blue);}
.hero-article h1 {font-size: 3.8em;line-height: 0.9em;z-index: 1; position: relative;}
.hero-article .intro {padding: 1rem 1rem 1rem 4rem;justify-content: space-evenly;
display: flex;flex-direction: column;}
.hero .intro{padding-left: 7rem;}
.hero .intro p{font-size:2em; line-height: 1.1em; font-weight: 600;margin-bottom:0;}
.hero img{position: relative; width: 100%; height: 100%; object-fit: cover;object-position: center;z-index: 0;}
.hero-article .intro li{font-size:0.9em;max-width:150px;vertical-align:middle;}
.content-hero {position: relative;z-index: 2;margin: auto;}
#hero::before{background:rgba(0, 0, 0, 0.25);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1;}
#hero .btn::after{color:#fff;content:'\EA01';font-family:"iconfont";font-size:31px;font-weight:400;opacity:0;position:absolute;right:24px;top:50%;transform:translateY(-50%);transition:all 0.3s ease;visibility:hidden;webkit-transform:translateY(-50%);webkit-transition:all 0.3s ease;}
#hero .btn:hover{color:rgba(255, 255, 255, 0.8);padding-left:17px;padding-right:77px;}
#hero .btn:hover::after{opacity:1;visibility:visible;}
.ancre{display:block;margin:0 auto;position:relative;text-align:center;width:100%;z-index: 0;}
.ancre:hover{color:var(--secondary);}
.ancre span{display:block;position:relative;text-align:center;width:100%;}
.ancre span::before{display:inline-block;font-size:54px;font-size:60px;margin:0 auto;position:relative;transform:translate(-50%, -25%);transform:translate(-50%, -31%);webkit-transform:translate(-50%, -25%);webkit-transform:translate(-50%, -31%);}
.ancre ::after{border:1px solid var(--secondary);border-radius:3px;content:'';display:inline-block;height:28px;margin:0 auto 0 -60px;position:relative;transform:translate(-50%, -12%) rotate(45deg);webkit-transform:translate(-50%, -12%) rotate(45deg);width:28px;}
.ancre.text-light-red span::after {border-color: var(--light-red);}
.ancre.text-light-red:hover{color: var(--light-red);}
.ancre.text-danger span::after{border-color: var(--danger);}
.ancre.text-danger:hover span::before{color: var(--danger);}
/*///////////*/
img.decoration {position: absolute; top: 0;right: -7.5rem;max-width: 260px;height: auto;}

/*+++++++++ MORE GRID +++*/
@media only screen and (min-width:1025px){
	.w-lg-75{width:75%;}
	.w-lg-25{width:25%;}
}
section{margin-bottom:10rem;position: relative;}
#gourmands::before {
  content: '';
  display: block;
  height: 70%;
  width: 65%;
  background: var(--light-green);
  position: absolute;
  bottom: 0;
  right: 0;
}
/*++++++++++++++*/
/*//////////////////*/
p, .p {	margin-bottom: 1.6rem;font-size: 1.1em;font-family: var(--font-family-sans-serif);}
strong,.font-weight-bold{font-family: 'circular_stdbold' !important;font-weight: normal !important;}
main a{text-decoration: underline;}
a:hover {text-decoration: none;}
.liste {margin: 0;padding-left: 0;position: relative;line-height: 1.25;list-style: none;}
.liste li {margin-bottom: 15px;padding-left: 17px; position: relative;}
.liste li:last-child {margin-bottom: 0}
.liste li::before{content: '\EA04';
font-family: "iconfont";
font-size: 10px;
top: 3px;
left: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #CF4520;
display: block;position: absolute;}
.number {
  font-weight: normal;
  font-size: 3em;
  font-family: var(--font-family-sans-serif-bold);
  color: var(--danger);
  line-height: 1em;
}
@media screen and (min-width: 75em) {
    .liste li {margin-bottom: 35px; padding-left: 25px;}
	.liste li strong {font-size: 16px;}
}
.liste li::before {font-size: 6px;top: 5px;}
@media screen and (min-width: 75em) {
    .liste li::before {font-size: 10px;top: 4px;}
}
.liste.recettes li {margin-bottom: 0.75rem;}
.liste.recettes {margin-bottom: 2.5rem;}
.infos-recette {
  font-size: 0.9em;
  text-transform: uppercase;
  font-weight: 600;
	margin-bottom: 5px;
}
.infos-recette i {
  font-size: 2em;
  font-weight: 300;
  color: var(--success);
  margin-bottom: 10px;
}
.top-recette {
  text-align: center;
  border-bottom: dotted 1px var(--secondary);
}
a{transition: all 0.3s ease;}
h1, .h1 {font-size: 5.5em;font-family: var(--font-family-sans-serif-bold);line-height: 1.15;font-weight: normal;z-index: 1; position: relative;}
h1 span, .h1 span{font-size: 2em;font-family: var(--font-family-serif);line-height: 0;font-weight: 400 !important;margin: 0 20px;z-index: -1; position: relative;}
h2, .h2{font-size:4em; line-height: 1;font-family: var(--font-family-sans-serif-bold); font-weight: normal;margin-bottom:2em;margin-bottom: 2.8rem !important;position: relative; z-index: 2;}
h2 span, .h2 span {font-size: 1.9em;font-family: var(--font-family-serif);line-height: 0;font-weight: 400 !important;margin: 0 12px;position: relative;z-index: -1;}
.titre-middle { margin-top: -5rem;}
.titre-puce{display: block; position: relative;padding-left: 1.5rem;}
.titre-puce.puce::after{top:25%;left: 0;}
h3,.h3 {font-size: 1.8em;line-height: 1.2;display: block;width: 100%;font-family: var(--font-family-sans-serif-bold);font-weight: normal;position: relative;}
h3 span, .h3 span {font-size: 1.9em;font-family: var(--font-family-serif);line-height: 0;font-weight: 400 !important;margin: 0;}
h4,.h4 {font-weight: 400;font-size: 1.5em;line-height: 1.2em;}
h5, .h5{font-family: var(--font-family-sans-serif);font-weight:normal; font-size:0.9em;line-height: 1.25;text-transform: uppercase;letter-spacing: 0.1em;}
.text-cyan{color:var(--cyan);}
.text-teal{color: var(--teal);}
.text-light-gold {color: var(--light-gold);}
.text-light-green {color: var(--light-green);}
.text-yellow {color: var(--yellow);}
.text-light-blue {color: var(--light-blue);}
.text-blue {color: var(--blue);}
.text-light-red {color: var(--light-red);}
.text-gold {color: var(--gold);}
.text-bronze {color: var(--bronze);}
.text-light-bronze {color: var(--light-bronze);}
.font-script {font-family: var(--font-family-serif);font-weight: normal}
.text-indent {text-indent: 1em;}
.nl h2{font-size:8em;}
.btn-link img{display:block;height:auto;position:relative;width:100%;}
.btn-link h3{font-size:1.9em;left:15px;padding:5%;position:absolute;right:15px;top:5%;width:auto;z-index:1;}
.btn-link.avec-infos h3,.btn-link.avec-infos .h3{color:#000;display:block;font-size:1.3em;left:0;margin-bottom:0px !important;padding-bottom:5px;padding-left:0;padding-right:0;padding-top:0;position:relative;width:100%;}
.btn-link.avec-infos{color:#000!important;display: block;padding-bottom: 1rem;}
.btn-link.avec-infos img {border-radius: 5px 5px 0 0;;margin-bottom:1.5rem;}
#gourmands a:hover h3,.btn-link.avec-infos:hover,#gourmands a:focus h3,.btn-link.avec-infos:focus{text-decoration: none; color:initial !important;}
#gourmands a.text-white:hover h3{text-decoration: none; color:#fff !important;}
@media (hover: hover) {
    .o-tag--Lightbronze.o-tag--hover:hover {
        border-color: rgba(255, 244, 236, 0.5);
        background: rgba(255, 244, 236, 0.5)
    }
}
.article-tag{padding-left: 20px;position: relative;line-height: 1.25;text-transform: uppercase;
font-family: var(--font-family-sans-serif);
font-size: 12px;
color: #000;
letter-spacing: 0.05em;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
padding: 10px 20px;}
.article-tag-arrow {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0
}
.article-tag-arrow::before {
    content: '\EA01';
    font-family: "iconfont";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    font-size: 30px
}
.article-tag-arrow::after {
    top: 2px !important
}
.surtitre{display:block;font-family:var(--font-family-sans-serif-bold);font-size:0.5em;font-weight:bold !important;line-height:1em;margin:0 0 1rem;}
.surtitre::before{content:'\EA04';display:block;font-family:"iconfont";font-size:10px;margin-bottom:10px;}

.puce {position: relative;}
.puce::after{content: '\EA04';font-family: "iconfont";font-size: 10px;position: absolute;top: 1px;left: -20px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.puce.primary::after, .article .puce::after, .liste.primary li::before,.surtitre.primary::before{color: var(--primary);}
.puce.secondary::after,.actualite .puce::after, .liste.secondary li::before,.surtitre.secondary::before{color: var(--secondary);}
.puce.success::after,.video .puce::after, .liste.success li::before,.surtitre.success::before{color: var(--success);}
.puce.info::after,.factchecking .puce::after, .liste.info li::before,.surtitre.info::before{color: var(--info);}
.puce.warning::after, .liste.warning li::before,.surtitre.warning::before{color: var(--warning);}
.puce.danger::after,.infographie .puce::after, .liste.danger li::before,.surtitre.danger::before{color: var(--danger);}
.puce.blue::after,.liste.blue li::before,.surtitre.blue::before{color: var(--blue);}
.puce.yellow::after,.brochure .puce::after, .liste.yellow li::before,.surtitre.yellow::before{color: var(--yellow);}
.puce.light-blue::after, .liste.light-blue li::before,.surtitre.success::light-blue{color: var(--light-blue);}
.puce.light-green::after, .liste.light-green li::before,.surtitre.light-green::before{color: var(--light-green);}
.puce.light-red::after, .liste.light-red li::before,.surtitre.light-red::before{color: var(--light-red);}
.puce.light-bronze::after, .liste.light-bronze li::before,.surtitre.light-bronze::before{color: var(--light-bronze);}
.puce.light-yellow::after, .liste.light-yellow li::before,.surtitre.light-yellow::before{color: var(--light-yellow);}

.pagination .page-item {align-self: center;}
.pagination a{text-decoration: none;}
/*////////////////////*/
.btn-flux {
  display: flex;
  flex-direction: column;
  margin: auto;
  max-width: 290px;text-decoration: none;
}
@media only screen and (min-width:1025px){
.vignette-flux {
  width: 290px;
  display: block;
  position: relative;
  height: 290px;
  overflow: hidden;
  border-radius: 5px;
}
	.btn-link.avec-infos .vignette-flux {
  width: 100%;
  max-height: 220px;
}
}
@media only screen and (max-width:1024px){
	.vignette-flux{width:220px; height: 220px;
  display: block;
  position: relative;
  overflow: hidden;
	}
}
.vignette-flux img{height:100%;object-fit:cover;object-position:center;width:100%;}
.btn-flux h3{font-size:1.8em;}
.btn-flux p{color:#000;}
.block-presentation{border-left:1px solid var(--primary);padding-left:20px;}

.bg-yellow{background: var(--yellow);}
.bg-light-green {background-color: var(--light-green);}
.bg-light-gold {background-color: var(--light-gold);}
.bg-light-blue {background-color: var(--light-blue);}
.bg-light-red {background-color: var(--light-red);}
.bg-light-bronze {background-color: var(--light-bronze);}
.bg-blue {background-color: var(--blue);color:#fff;}
.border-top-light-blue {border-top: 4px solid var(--light-blue);}
.border-right-light-blue { border-right: 4px solid var(--light-blue);}
.border-bronze{border-color:var(--bronze) !important;}

footer{background: var(--primary); color:#fff;}
footer a{color:#fff;}footer a:hover,footer .btn.btn-link:hover {color:var(--info);}
footer h2, footer.h2 {margin-bottom: 1.5rem !important;}
.reseaux-footer {display: flex;justify-content: space-between;flex-wrap: wrap;}
.reseaux-footer a:hover{color: var(--blue);}
.c-action__gototop {
  position: fixed;
  bottom: 32px;
  right: 32px;
  width: 50px;
  height: 50px;
  background: #CF4520;
  border: none;
  border-radius: 50%;
  margin: 0;
  opacity: 0;
  -webkit-transform: translateY(200%);
  transform: translateY(200%);
  pointer-events: none;
  padding: 0;
  z-index: 69;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.c-action__gototop.is-visible {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.c-action__gototop:before{color:#fff;content:'\EA09';font-family:"iconfont";font-size:34px;}
.c-action__gototop:active, .c-action__gototop:focus, .c-action__gototop:hover{background:#b93e1d;}
.is-championship .c-anchor::after, .is-championship .c-anchor span::before{border-color:#DE823F;color:#DE823F;}
.is-championship .c-action__gototop{background:#D29E1B;}
.breadcrumb {background: transparent;font-size: 0.9em;}
.breadcrumb a {color: var(--dark);text-decoration: underline;}
.breadcrumb-item + .breadcrumb-item::before {color: var(--dark);content: "\f324";font-family: "Font Awesome 6 Pro";}
.breadcrumb-item.active {color: var(--danger);}
/*+++++*/
.contenus-article h2{font-size:2.2em;margin-bottom:2rem !important;}
.contenus-article h2::before{color:var(--success);content:'\EA04';display:block;font-family:"iconfont";font-size:10px;margin-bottom:10px;}
figure{position:relative;}
.contenus-article figcaption{border-bottom:solid 1px var(--success);bottom:20px;color:var(--primary);left:100%;padding:5px;position:absolute;text-align:right;width:50%;}
.width-btn{border:0 !important;z-index:2;}
.width-btn .btn::before{content:"";display:block;height:1px;position:absolute;right:100%;top:50%;transform:translate3d(0, -50%, 0);webkit-transform:translate3d(0, -50%, 0);width:100%;}
/*+++*/
.width-btn.primary .btn::before{background:var(--primary);}
.width-btn.secondary .btn::before{background:var(--secondary);}
.width-btn.success .btn::before{background:var(--success);}
.width-btn.info .btn::before{background:var(--info);}
.width-btn.warning .btn::before{background:var(--warning);}
.width-btn.danger .btn::before{background:var(--danger);}
/*+++*/
figcaption .btn {width: 50%;}
#Aretenir h2 {
  color: var(--secondary);
  font-family: var(--font-family-serif);
  margin-top: -5rem;
  font-size: 4.6em;
}
#Aretenir ul {margin: 0;padding-left: 0;position: relative;line-height: 1.25;list-style: none;}
#Aretenir ul li {margin-bottom: 15px;padding-left: 17px; position: relative;}
#Aretenir ul li:last-child {margin-bottom: 0}
#Aretenir ul li::before{content: '\EA04';
font-family: "iconfont";
font-size: 10px;
top: 3px;
left: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color: var(--danger);
display: block;position: absolute;}
#Aretenir {margin-bottom: 5rem;background-color: var(--light-red);}
#sources ul {margin: 0;padding-left: 0;position: relative;line-height: 1.25;list-style: none;}
#sources ul li {margin-bottom: 15px;padding-left: 17px; position: relative;}
#sources ul li:last-child {margin-bottom: 0}
#sources ul li::before{content: '\EA04';
font-family: "iconfont";
font-size: 10px;
top: 3px;
left: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color: var(--yellow);
display: block;position: absolute;}
#sources {margin-bottom: 5rem;}

/*++++++++++++++++++++++++*/
.cta-qsn {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: space-around;
  padding: 1rem 2rem;
  border-radius: 5px;
  text-decoration: none;
  color: var(--dark);min-height: 330px;font-family: 'circular_stdmedium';
}
.cta-qsn:hover{color: var(--dark);}
.titre-cta-qsn {
  color: #fff;line-height: 1em;font-size: 3em;font-family: var(--font-family-sans-serif-black);
}
#equipe li {font-size: 0.8em;}
.secteur {
  font-size: 20px;
  line-height: 1.25;
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 15px;
  font-weight: bold;
  letter-spacing: 2px;
	white-space: nowrap;
}
/*+++++++++++++++*/
.infos-contact::before {
  display: block;
  content: '\EA12';
  font-family: "iconfont";
  position: absolute;
  color: #9BD3DD;
  line-height: 60px;
  font-size: 60px;
  top: -30px;
  left: 9rem;
}
/*+++++ CFD ++++*/
.prix{color:#000;font-weight:500;left:-4px;letter-spacing:0.05em;margin:0;padding:1rem;position:absolute;text-transform:uppercase;top:68%;z-index:2;}
.photo-laureat{border-radius:100%;height:92px;margin:0;overflow:hidden;position:absolute;right:15px;top:55%;width:92px;z-index:3;}
.liens-logos{align-items:center;border-left:solid 1px;display:flex;justify-content:center;}
.liens-logos a{display:block;padding:0.5rem 3rem;}
.medias figcaption{opacity:0;transition:all 0.4s;}
.medias figure:hover figcaption{bottom:-100%;opacity:1;}
.medias figure{height:100%;}
.fond-top::before{content:'';display:block;height:100%;position:absolute;top:10%;width:110%;}
.fond-top.dark{color:#fff;}
.fond-top.dark::before{background:#000;}
.fond-top.primary::before{background:var(--primary);}
.fond-top.secondary::before{background:var(--secondary);}
.fond-top.success::before{background:var(--success);}
.fond-top.info::before{background:var(--info);}
.fond-top.warning::before{background:var(--warning);}
.fond-top.danger::before{background:var(--danger);}
.fond-top.light-blue::before{background:var(--light-blue);}
.fond-top.light-gold::before{background:var(--light-gold);}
.fond-top.light-green::before{background:var(--light-green);}
.fond-top.bronze::before{background:var(--bronze);}
.fond-center::before{bottom:10%;content:'';display:block;height:80%;position:absolute;top:10%;width:100%;}

.fond-center.dark{color:#fff;}
.fond-center.dark::before {background: #000;}
.fond-center.primary::before {background: var(--primary);}
.fond-center.secondary::before {background: var(--secondary);}
.fond-center.success::before {background: var(--success);}
.fond-center.info::before {background: var(--info);}
.fond-center.warning::before {background: var(--warning);}
.fond-center.danger::before {background: var(--danger);}
.fond-center.light-blue::before {background: var(--light-blue);}
.fond-center.light-gold::before {background: var(--light-gold);}
.fond-center.light-green::before {background: var(--light-green);}
.fond-center.bronze::before {background: var(--bronze);}

.wrapper{background:#fff;border-radius:0;max-width:1000px;overflow-x:hidden;padding:2rem 1.5rem;position:relative;}
.wrapper .icon{align-items:center;display:flex;height:100%;position:absolute;top:0;width:120px;}
.icon:first-child{background:linear-gradient(90deg, #fff 70%, transparent);display:none;left:0;}
.icon:last-child{background:linear-gradient(-90deg, #fff 70%, transparent);justify-content:flex-end;right:0;}
.icon:first-child i:after{content:'Éditions suivantes';font-family:var(--font-family-sans-serif);font-size:10px;left:-10px;letter-spacing:0.1em;line-height:1rem;position:absolute;top:50px;color:#000;}
.icon:last-child i:after{content:'Éditions précédentes';font-family:var(--font-family-sans-serif);font-size:10px;left:-10px;letter-spacing:0.1em;line-height:1rem;position:absolute;top:50px;color:#000;}
.icon i{border-radius:50%;bottom:25px;cursor:pointer;font-size:1.2rem;height:55px;line-height:55px;position:relative;width:55px;}
.icon:first-child i{margin-left:15px;}
.icon:last-child i{margin-right:15px;}
.wrapper .tabs-box{display:flex;flex-wrap:nowrap;gap:12px;list-style:none;overflow-x:hidden;scroll-behavior:smooth;justify-content: space-between;}
.tabs-box.dragging{cursor:grab;scroll-behavior:auto;}
.tabs-box .nav-link{border-radius:0;cursor:pointer;font-size:2rem;margin:0px 60px;padding:0;white-space:nowrap;font-weight: 600;}
.tabs-box .nav-link:hover{background:transparent;color: var(--warning)}
.tabs-box.dragging .nav-link{pointer-events:none;user-select:none;}
.tabs-box .nav-link.active{background:transparent;border-color:transparent;color:var(--warning);}
.wrapper .tabs-box .nav-item {border-right: solid 1px var(--warning);}
.wrapper .tabs-box .nav-item:last-child{border-right:none;}

.decompte {text-align: center;font-size: 7rem;margin-bottom: 0;font-weight: 600;}

.verbatim{background:var(--light-bronze);display:block;margin-top:-4rem;padding:4rem 10%;position:relative;z-index:2;}
.verbatim::before{color:#FFB3AB;content:'“';font-family:var(--font-family-sans-serif-bold);font-size:66px;font-weight:400;left:25px;line-height:67px;position:absolute;top:32px;}
.verbatim::after{bottom:25px;color:#FFB3AB;content:'“';font-family:var(--font-family-sans-serif-bold);font-size:66px;font-weight:400;left:auto;line-height:67px;position:absolute;right:22px;top:auto;transform:rotate(-180deg);webkit-transform:rotate(-180deg);}
.table-striped.calendrier tbody tr:hover{background:initial;}
.table-striped.calendrier tbody tr:nth-of-type(2n+1),.table-striped.calendrier tbody tr:nth-of-type(2n+1):hover {background: var(--light-gold);}
.calendrier tbody td {vertical-align: middle;}

.ph-head-photos{z-index: 2;}
/*+++++++++++++++++++++++++++++++*/
.liste-faq {list-style-type: none;padding: 0;display: flex;flex-direction: column;justify-content: space-between;}
.liste-faq li {display: block;margin-bottom: 20px;}
.liste-faq a {color: var(--dark);text-decoration: none;}
.liste-faq a:hover{color:var(--secondary);}

/*++++++++++++ ICONE NL +++++++++*/
.icone-nl{display: inline-block;padding-left:15px;}
.icone-nl::before{content: '\EA04';font-family: "iconfont";color: var(--yellow); font-size: 11px;margin-left: -15px; margin-right: 5px;}
.sous-tire-nl {
    font-family: var(--font-family-sans-serif);
    font-size: 0.20em;
    line-height: 1em !important;
    display: block;
    color: var(--primary);
    margin-top: -1.75rem;
    text-align: right;
    text-transform: uppercase;
    font-weight: 600 !important;
}
/*++++ //////////////////// COULEURS SAPNS TITRES +++++++++++++++*/
.blanc-span span{color:#fff;}
.noir-span span{color:#000;}
.rouge-span span{color:var(--secondary);}
.bleu-span span{color:var(--primary);}
.bleu-clair-span span{color:var(--info);}
.jaune-span span{color:var(--yellow);}
.vert-span span{color:var(--success);}
.rose-span span{color:var(--danger);}
.or-span span{color:var(--warning);}
.bronze-span span{color:var(--bronze);}
/*++++++++++++++//////////MEDIAS QUERIES /////// ++*/
@media only screen and (max-width:1024px)
	and (orientation: portrait){
		#hero .row {height: calc(70vh - (133px + 70px));}
	.text-indent {text-indent: none;}
	.text-indent br{display:none;}
}
@media only screen and (max-width:1024px){
	.infos-contact::before {
  left: 2.5rem;
}
	.btn-link.avec-infos .vignette-flux {
  width: 100%;
  max-height: 190px;
}
.secteur{white-space:normal; }
	.hero-article h1 {
  font-size: 12vw;
  margin-bottom: 30px;
    position: relative;
    width: 100%;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
	.hero-article .intro {
  padding: 1rem 2rem;
	}
	.contenus-article figcaption{position: relative;text-align: left;display: block;width: 100%;left: 0;margin-top: 25px;bottom: 0;}
	.hero .intro {padding: 1rem 2rem;}
	#hero-pages {
  height: auto;
  overflow: visible;
}
	#navbar_top .tab-content{display:none;}
	.dropdown-menu.megamenu.show {position: relative;left: 0;right: 0;top: 0;}
	header .navbar-dark .navbar-nav .nav-link {border: solid 1px #fff;border-radius: 6px;
  margin: 5px 10%;font-size: 1.2em;text-align: center;}
	a[aria-expanded="true"].nav-link.dropdown-toggle::after {
  font-size: 31px;
  opacity: 1;
  visibility: visible;
}
	header .navbar-nav .nav-item > a::after {
  font-size: 0;
  line-height: 40px;
}
	header .navbar-dark .navbar-nav.bg-secondary .nav-link:last-child {border: 0;}
	.dropdown-menu.megamenu .nav.nav-tabs { padding: 1rem 2rem;}
	section {margin-bottom: 5rem;}
	body{font-size: 15px;}
	.navbar-brand span{display: none;}
	.header-links{display: none;}
 .logo img {
        margin: 0 auto;
        height: 50px
    }

    header [type="submit"] {
        width: 75px;
        height: 90px;
        -webkit-box-shadow: inset 0 10px 25px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 10px 25px rgba(0, 0, 0, 0.05);
        width: 100%;
        font-size: 1.4em;
        display: flex;
        justify-content: center;
        justify-items: center;
        align-items: center;
    }

    header [type="text"], header [type="search"], .logo+a, .logo+p {
        display: none
    }

    header form {
        margin-left: 0
    }
	.c-form__item--search {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-flow: unset;
    flex-flow: revert;
}.navbar-brand {margin: 0;justify-content: center;}
	.logo{max-width: 100px;}
	.navbar-collapse.collapse.show .navbar-nav.bg-primary {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
	.liens-logos {
  border-left: none;
  border-top: solid 1px;
  width: 70%;
  flex-wrap: wrap;
  margin: 30px auto;
  padding: 4%;
  text-align: center;
}
}
@media only screen and (max-width:980px){
	#Aretenir h2 {margin-top: -2.5rem;font-size: 3.6em;margin-bottom: 1rem !important;}
	h1, .h1 {font-size: 40px;line-height: 1.1em;	}
	h2, .h2 {font-size: 40px;line-height: 1.5em;	}
	h2 span, .h2 span {margin: auto;}
	.sous-tire-nl {margin-top: -3rem;text-align: center;margin-bottom: 1.5rem;}
	body{font-size: 15px;}
	.reseaux-footer{max-width: 90%;}
	.titre-middle {margin-top: -4rem;}
	.cta-qsn {min-height: 280px;}
	.fond-top::before {top: 5%;height: 96%;}
	.fond-center::before {height: 105%;top: -5%;bottom: 0;}
	.liste-faq li {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    min-width: 200px;
    height: 50px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 1px solid #CF4520;
    border-radius: 4px;
    margin: 5px 0;
    padding: 5px 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    line-height: 1.25;
    margin: 5px 10px;
}
.liste-faq {flex-direction: row;flex-wrap: wrap;}
	.liste-faq a {display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;}
}
@media only screen and (max-width:780px){
	.reseaux-footer a{font-size: 20px;margin: 0 10%;}
	 footer a i {font-size: 20px;margin: 0 10%;}
	.vignette-flux{width:100%; height: 250px;
  display: block;
  position: relative;
  overflow: hidden;}
	.decoration {max-width: 140px !important;right: -2rem !important;}
	.reseaux-page span{display: none;}
	.last-gourmand{background: var(--light-green);padding-top:1.5rem;}
	#gourmands::before{display: none;}
	/*.pagination-lg .page-item:nth-last-child(2) {display: none;}*/
/*.pagination-lg .page-item:nth-child(4) {display: none;}*/
	.sous-tire-nl {margin-top: -1.75rem;text-align: center;margin-bottom: 1.5rem;}
}
@media only screen and (max-width:767px){
	section { margin-bottom: 3rem;}
	.secteur{font-size: 16px; }
	h1, .h1 {font-size: 40px;line-height: 1.1em;	}
	h2, .h2 {font-size: 38px;line-height: 1.1em;margin-bottom: 1.8rem !important;	}
	body{font-size: 16px;}
	.text-indent {text-indent: none;}
	.text-indent br{display:none;}
    .c-form--search [type=submit] { padding: 0 15px !important;}
}
@media only screen and (max-width:480px){
	.secteur{font-size: 14px; }
	body{font-size: 15px;}
	footer .liste-stylisee li{margin-bottom:4px;}
footer .liste-stylisee a {font-size:15px;font-weight:700;}
}

.h6 {
    font-size: 1.8em;
    line-height: 1.2;
    display: block;
    width: 100%;
    font-family: var(--font-family-sans-serif-bold);
    font-weight: normal;
    position: relative;
    display: table-caption;
    margin: 0;
    padding: 0.25em;
    background-color: White;
    background-color: var(--cookiesbar-main-background);
    color: Black;
    color: var(--cookiesbar-main-text);
}



/* 25/11/2024 PAGE PRIX DU LIVRE -> CAROUSEL */
.carousel-indicators li{width:10px !important;height:10px !important;rotate:45deg !important;margin-right:6px !important;margin-left:6px !important;background-color:var(--danger) !important;}


/* MODIFS 26/09/2025 CTA + linkedin */

#reseaux .linkedin-btn {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid var(--light);
  display: flex;
  flex-direction: column;
  color: var(--dark);
  text-decoration: none;
  align-items: center;
  font-weight: 800;
  padding: 1rem;
}

#reseaux .linkedin-btn:hover {
  background: var(--light);
}

.home-nl .checkbox-btn {
  padding-left: 0px;
}

.home-nl .checkbox-btn label::before {
  display: none;
}

.home-nl .checkbox-btn .custom-control-label::after {
  filter: invert(1);
  position: absolute;
  top: 5px;
  left: 2px;
  display: block;
  width: 2rem;
  height: 2rem;
}

.submit-btn {
  width: 225px;
}

.home-nl .checkbox-btn .custom-control-label span {
  padding-left: 30px;
}

.home-nl .checkbox-btn .custom-control-input:checked + .custom-control-label {
  background: rgba(255, 255, 255, 0.5);
}

.form-control {
  background: transparent;
}

.form-control:focus {
  background: rgba(255, 255, 255, 0.5) !important;
}

.rounded {
  border-radius: 5px !important;
}