/*
Theme Name: CONCOURS CIC Business Awards
Description: Thème pour CONCOURS CIC Business Awards
Author: Wiiv
Author URI: https://wiiv.fr
Version: 1.0
*/


/* accessibilité */

.sr-only{
border: 0 !important;
clip: rect(1px,1px,1px,1px) !important; clip-path: inset(50%) !important; height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}

.sr-only-focusable:focus{
clip: auto !important; clip-path: none !important; height: auto !important; margin: auto !important; overflow: visible !important; width: auto !important; white-space: normal !important;
}

/* majeures */

body, html {
	font-family: 'fabrikatregular';
	font-size: 62.5%;
    margin: 0;
}

body {
	color: #1d243e;
}

p {
	font-size: 1.8rem;
	line-height: 2.8rem;
	margin-bottom: 1rem;
}

input[type='email']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='url']:focus,
textarea:focus,
select:focus {
	border: .1rem solid var(--noir);
	outline: none;
}

:hover {
	-webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.img-responsive {
	display: block;
	height: auto;
	max-width: 100%;
}

.mobile {
	display: block;
}

.desktop {
	display: none;
}

#back-to-top {
	align-items: center;
    background: var(--noir);
    border: 0;
    border-radius: 50%;
    bottom: 6rem;
    cursor: pointer;
    color: var(--blanc);
    display: flex;
    height: 4rem;
    justify-content: center;
    line-height: 3rem;
    opacity: 0;
    position: fixed;
    text-align: center;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    right: 1rem;
    width: 4rem;
    z-index: 4;
}

#back-to-top i {
    color: var(--blanc);
	font-size: 3rem;
}

#back-to-top.show {
    opacity: 1;
}

.wrap {
	max-width: 120rem;
	margin: 0 auto;
}

	/* HEADER ------------------------------------------------------------------------------------------*/

	header {
		left: 0;
		padding: 2rem 0;
		position: fixed;
		transition: all .3s;
		right: 0;
		z-index: 10;
	}

	header .logo figure {
		opacity: 0;
	}
	
	.stickyHeader .logo figure {
		opacity: 1;
	}
	
	header .menu {
		align-items: center;
		display: flex;
		justify-content: flex-end;
	}

	header .menu li {
		margin: 0 0 0 2rem;
	}

	header .menu li:first-child a {
		color: #FFF;
		text-transform: uppercase;
	}

	.stickyHeader .menu li:first-child a {
		color: #1d243e;
	}

	header .menu li:last-child a {
		background: #89277c;
		color: #FFF;
		padding: 1rem;
		text-transform: none;
	}

	header .menu li a {
		display: block;
		font-size: 2rem;
		font-family: 'fabrikatmedium';
		text-decoration: none;
	}

	.stickyHeader {
		background: rgba(255, 255, 255, 0.8);
		padding: 1rem 0;
	}

	.close {
	    position: absolute;
	    right: 3.2rem;
	    top: 3.2rem;
	    width: 3.2rem;
	    height: 3.2rem;
	    opacity: 1;
	}

	.close:before,
	.close:after {
		position: absolute;
		left: 1.5rem;
		content: ' ';
		height: 3.3rem;
		width: .2rem;
		background-color: #FFF;
	}

	.close:before {
		transform: rotate(45deg);
	}

	.close:after {
		transform: rotate(-45deg);
	}


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

	.banner {
		position: relative;
		display: flex;
		align-items: center;
		min-height: 100vh;
		background-color: #1d243e;
	}

	.banner figure {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100%; /* ← min au lieu de height fixe */
		z-index: 1;
	}

	.banner figure img {
		width: 100%;
		min-height: 100vh;
		height: 100%; /* ← Changez de auto à 100% */
		object-fit: cover;
		position: absolute; /* ← Ajoutez cette ligne */
		top: 0;
		left: 0;
	}

	.slider a {
		color:#FFFFFF !important;
	}

	.banner figure img {
		height: 100vh;
		object-fit: cover;
		width: 100%;
	}

	.banner > div {
		position: relative; /* ← Le changement clé */
		text-align: center;
		padding: 10rem 0; /* Pour garder un espacement vertical */
		z-index: 2;
		
	}

	.banner > div h1 {
		color: #FFF;
		font-size: 3.6rem;
		font-family: 'fabrikatbold';
		text-transform: uppercase;
		line-height: 4.6rem;
		padding-bottom: 1.5rem;
	}

	.banner > div h2 {
		color: #FFF;
		font-size: 2.6rem;
		font-family: 'fabrikatbold';
		line-height: 4rem;
		margin: 0;
	}

	.banner > div .form {
		border: .1rem solid #D6D6D6;
		border-radius: .5rem;
		height: 5rem;
		margin-top: 2.5rem;
		position: relative;
	}

	.banner > div .form input {
		background: #FFFFFF 0% 0% no-repeat padding-box;
		border: none;
		border-radius: .5rem;
		height: 100%;
		padding: 0;
		text-indent: 1rem;
		width: 100%;
	}

	.banner > div .form button.submit {
	    background: #89277c;
	    border: none;
	    border-radius: 0 .5rem .5rem 0;
	    color: #FFF;
	    font-family: 'fabrikatmedium';
	    font-size: 1.4rem;
	    height: 100%;
	    position: absolute;
	    right: 0rem;
	    top: 0;
	}


  
	.banner > div .form button.submit2 {
	    background: #89277c;
	    border: none;
	    border-radius: 0 .5rem .5rem 0;
	    color: #FFF;
	    font-family: 'fabrikatmedium';
	    font-size: 1.4rem;
	    height: 100%;
	    position: absolute;
	    right: 0rem;
	    top: 0;
	}

/* Section dateActus */
.dateActus {
	margin: 5rem 0 10rem 0;
	position: relative;
	z-index: 1;
	height: auto !important;
	min-height: auto !important;
}
.dateActus > div > div {
	align-items: flex-start; /* Aligne en haut au lieu de stretch */
}

.dateActus > div > div > div {
	margin-bottom: 5rem;
	height: auto !important;
	min-height: 0 !important;
	position:relative;
}

.dateActus .lastActus {
	height: auto !important;
	min-height: 0 !important;
	display: flex;
	flex-direction: column;
}

.dateActus > div > div > div:last-child {
	margin: 0;
}

@media screen and (max-width: 768px) {
	.dateActus .date span:first-child, 
	.dateActus .date span:last-child {
		font-size: 4rem; /* Plus petit pour mobile/zoom */
	}
}

@media screen and (max-width: 480px) {
	.dateActus .date span:first-child, 
	.dateActus .date span:last-child {
		font-size: 3rem; /* Encore plus petit pour petit écran */
	}
}


/* Responsive - garder la flexibilité */
@media screen and (min-width: 768px) {
	.dateActus .row {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start !important; /* Important : alignement en haut */
	}
	
	.dateActus > div > div > div {
		margin-bottom: 5rem;
		height: auto !important;
		min-height: 0 !important;
	}
}

@media screen and (min-width: 1024px) {
	/* Même sur grand écran, garde la hauteur auto */
	.dateActus > div > div > div {
		height: auto !important;
		min-height: 0 !important;
	}
	
	.dateActus .lastActus {
		height: auto !important;
		min-height: 0 !important;
	}
}

@media screen and (min-width: 1200px) {
	/* Même règle sur très grand écran */
	.dateActus > div > div > div {
		height: auto !important;
		min-height: 0 !important;
	}
}

/* Barres de couleur */
.barreDeCouleur {
	display: table;
	margin: 0 auto 2rem;
	width: 20rem;
}

.dateActus h3 {
	font-family: 'fabrikatbold';
	font-size: 2rem;
	text-align: center;
	padding-bottom: 3.5rem;
}

.dateActus .date {
	padding: 0 0 3.5rem 0;
	text-align: center;
}

/* Actu expandable */
.actu-content {
	text-align: center;
}

.actu-excerpt,
.actu-full {
	color: #1d243e;
	font-size: 1.8rem;
	line-height: 2.8rem;
	margin-bottom: 1rem;
}

.actu-full {
	overflow: hidden;
	transition: max-height 0.5s ease-in-out;
	max-height: 0;
}

.actu-full.is-expanded {
	max-height: 5000px; /* Garde une valeur élevée comme backup */
}

.actu-toggle-btn {
	background: transparent;
	border: 2px solid #E0A131;
	border-radius: 5px;
	color: #1d243e;
	cursor: pointer;
	font-family: 'fabrikatmedium';
	font-size: 1.6rem;
	margin-top: 1rem;
	padding: 1rem 2rem;
	transition: all 0.3s;
}

.actu-toggle-btn:hover,
.actu-toggle-btn:focus {
	background: #E0A131;
	color: #FFF;
	outline: 2px solid #1d243e;
	outline-offset: 2px;
}

/* Supprimer l'ancien ::after */
.dateActus .lastActus:after {
	display: none !important;
}

	/* NOTRE DEMARCHE ------------------------------------------------------------------------------------------*/

.notreDemarche {
	position: relative;
	margin-top: 0;
	padding-top: 5rem;
	clear: both;
}

	.titleContent {
		font-size: 4.6rem;
		font-family: 'fabrikatbold';
		padding-bottom: 5rem;
		text-align: center;
	}

	.notreDemarche p {
		color: #1F1F1F;
		font-size: 3rem;
		line-height: 4rem;
		text-align: center;
	}

	.notreDemarche .allIcones {
		margin-top: 5rem;
	}

	.notreDemarche .allIcones > div {
		margin-bottom: 2.5rem;
	}

	.notreDemarche .allIcones > div:nth-last-child(-n+2) {
		margin-bottom: 0;
	}

	.notreDemarche figure img {
		margin: 0 auto;
		max-width: 75%;
	}

	.singleIcone h3 {
		color: #1D1D1D;
		font-family: 'fabrikatbold';
		font-size: 1.6rem;
		margin-top: 1rem;
		text-align: center;
		text-transform: uppercase;
	}

	/* PROGRAMME ACCELERATION ------------------------------------------------------------------------------------------*/

	.programmeAcceleration {
		margin-top: 5rem;
	}

	.programmeAcceleration .banner figure img {
		height: 25rem;
	}

	.programmeAcceleration .banner > div {
		top: 50%;
	}

	.programmeAcceleration .banner > div h3 {
		color: #FFF;
		font-size: 3.6rem;
		font-family: 'fabrikatbold';
		line-height: 4.6rem;
		text-align: center;
		text-transform: uppercase;
	}

	.programmeAcceleration .titleContent {
		color: #4A4A4A;
		text-align: left;
	}

	.programmeAcceleration p {
		color: #333333
	}

	.pointsImportants {
		margin-top: 5rem;
	}

	.pointsImportants .contentPrincipal {
		margin-bottom: 5rem;
	}

	.singlePointImportant {
		padding-bottom: 5rem;
	}

	.pointsImportants > div > div > div:last-child > div > div:last-child .singlePointImportant {
		padding-bottom: 0;
	}

	.singlePointImportant .barreDeCouleur {
		margin: 0;
	}

	.singlePointImportant h3 {
		color: #1d243e;
		font-family: 'fabrikatbold';
		font-size: 2rem;
		line-height: normal;
		padding: 2.5rem 0;
		text-transform: uppercase;
	}

	.allChiffreCles {
		margin-top: 5rem;
	}

	.allChiffreCles > div {
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-bottom: 5rem;
	}

	.allChiffreCles > div:nth-last-child(-n+2) {
		margin-bottom: 0;
	}

	.allChiffreCles > div > span {
		font-family: 'fabrikatmedium';
	}

	.allChiffreCles > div > span:first-child {
		font-size: 4rem;
		margin: 0 auto;
	}

	.allChiffreCles > div > span:last-child {
		font-family: 'fabrikatmedium';
		font-size: 2rem;
		padding: 2.5rem 0 0 0;
		text-transform: uppercase;
	}

	.accroche {
		margin: 10rem 0;
	}

	.accroche .banner > div {
		background: #FFF;
		padding: 2.5rem;
		top: 50%;
		width: 80%;
	}

	.accroche .banner img {
		height: 25rem;
	}

	.accroche .banner > div h3 {
		color: #404040;
	    font-size: 3.6rem;
	    font-family: 'fabrikatbold';
	    line-height: 4.6rem;
	    text-align: center;
	}

	.accroche .banner form {
		margin: 2.5rem auto 0;
		width: 90%;
	}
	
	.pointsImportants .contentPrincipal.jury {
		margin: 5rem 0 0 0;
	}
	
	.jury p,
	.ilsParlentDeNous > div > div > div > p {
		color: #777777;
	    font-family: 'fabrikatbold';
	    margin-bottom: 2.5rem;
	    text-align: center;
	}
	
	.jury h3,
	.ilsParlentDeNous > div > div > div > h3 {
		color: #4A4A4A;
		text-align: center;
	}
	
	.programmeAcceleration .jury h3.titleContent {
		padding-bottom: 0;
		text-align: center;
	}

	ul.tabs {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	ul.tabs li{
		background: none;
		color: #222;
		cursor: pointer;
		display: inline-block;
		flex-basis: 45%;
		margin-bottom: 2.5rem;
		max-width: 45%;
		position: relative;
	}

	ul.tabs li .content {
		background: #FFF;
		bottom: -0.1rem;
		height: 5rem;
		position: absolute;
		right: -0.1rem;
		width: 80%;
	}

	ul.tabs li .content p {
		line-height: normal;
		margin: 0;
		text-align: center;
	}

	ul.tabs li .content p:first-child {
	    font-family: 'fabrikatmedium';
		font-size: 1.6rem;
		padding: 1rem 0 .25rem 0;
	}

	ul.tabs li .content p:last-child {
		font-family: 'fabrikatregular';
		font-size: 1.3rem;
	}

	.tab-content {
		display: none;
		margin-top: 2.5rem;
	}

	.tab-content.current {
		display: inherit;
	}

	.tab-content iframe {
		width: 100%;
	}

	.ilsParlentDeNous .barreDeCouleur {
		width: 10rem;
	}

	.allChiffreCles > div > span:last-of-type {
	    font-family: 'fabrikatbold';
	    font-size: 2rem;
	    line-height: normal;
	    padding: 2.5rem 0 .5rem 0;
	    text-align: center;
	    text-transform: uppercase;
	}

	.temoignages {
		padding: 10rem 0;
	}

	.temoignages .sliderTemoignages > div img {
		border-radius: 50%;
		margin: 0 auto;
		max-width: 10rem;
	}

	.temoignages .sliderTemoignages > div p:first-of-type {
		color: #1d243e;
	    font-family: 'fabrikatmedium';
	    font-size: 2rem;
	    line-height: normal;
	    margin: 0;
	    padding: 1rem 0;
	    text-align: center;
	}

	.temoignages .sliderTemoignages > div p:last-of-type {
		color: #333333;
	}

	.temoignages .sliderTemoignages .slick-center {
		background: #FFFFFF 0% 0% no-repeat padding-box;
		box-shadow: 0px 5px 20px #000;
	}

	.lSSlideOuter .lSPager.lSpg {
		margin-top: 2.5rem !important;
	}

	.lSSlideOuter .lSPager.lSpg>li.active a,
	.lSSlideOuter .lSPager.lSpg>li:hover a {
		background: #89277c;
	}

	.faq {
		background: rgba(178, 201, 211, 0.3);
		overflow: hidden;
		padding: 10rem 0;
		position: relative;
	}

	.faq > div > div > div > p {
		color: #777777;
	    font-family: 'fabrikatbold';
	    margin-bottom: 2.5rem;
	    text-align: center;
	}

	.faq > div > div > div > h3 {
		color: #4A4A4A;
	}

	.faq .singleFAQ {
		border-radius: 2rem;
		margin-bottom: 2.5rem;
		padding: 2rem;
	}

	.faq .singleFAQ h3 {
		color: #FFF;
	    font-family: 'fabrikatmedium';
	    font-size: 2rem;
	    line-height: normal;
	    margin: 0;
	    padding: 0 0 2rem 0;
	    text-align: left;
	}

	.faq .singleFAQ p {
		color: #FFF;
		font-family: 'fabrikatregular';
		margin: 0;
		text-align: left;
	}

	.faq .oneFAQ .singleFAQ:first-child {
		background: #89277c;
	}

	.faq .otherFAQ .singleFAQ:nth-child(1) {
		background: #fff;
		color:111;
	}

	.faq .otherFAQ .singleFAQ:nth-child(1) p, .faq .otherFAQ .singleFAQ:nth-child(1) H3 {
		color:#111;
	}

	.faq .otherFAQ .singleFAQ:nth-child(2),
	.faq .otherFAQ .singleFAQ:last-child {
		background: #FFF;
	}

	.faq .otherFAQ .singleFAQ:nth-child(2) h3,
	.faq .otherFAQ .singleFAQ:last-child h3,
	.faq .otherFAQ .singleFAQ:nth-child(2) p,
	.faq .otherFAQ .singleFAQ:last-child p {
		color: #4A4A4A;
	}

	.accrocheFooter p {
		color: #777777;
	    font-family: 'fabrikatmedium';
	    margin-bottom: 2.5rem;
	    text-align: center;
	}

	.accrocheFooter h3 {
		color: #404040;
	    font-size: 3.6rem;
	    font-family: 'fabrikatmedium';
	    line-height: 4.6rem;
	    text-align: center;
	}

	.accrocheFooter a {
		background: #89277c;
	    color: #FFF;
	    display: table;
	    font-size: 2rem;
	    font-family: 'fabrikatmedium';
	    margin: 2.5rem auto 0;
	    padding: 2.5rem 5rem;
	    text-transform: none;
	    text-decoration: none;
	}

	footer {
		background-color:#1b2440;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 5rem 0;
	}

	footer figure {
		max-width: 75%;
		margin: 0 auto;
	}

	.socialsFooter {
		display: flex;
		justify-content: center;
		margin-top: 5rem;
	}

	.socialsFooter li {
		margin: 0 1rem;
	}

	.socialsFooter li a {
		align-items: center;
		border: .5rem solid #FFF;
		border-radius: 50%;
		display: flex;
		height: 4rem;
		justify-content: center;
		text-decoration: none;
		width: 4rem;
	}

	.socialsFooter li a i {
		color: #FFF;
		font-size: 2rem;
	}

	.copyright {
		color: #FFF;
		margin: 0;
		padding-top: 5rem;
		text-align: center;
	}

	/* 404 ------------------------------------------------------------------------------------------*/

	.error404 main section {
		margin: 5rem 0;
	}

	.error404 main section p {
		font-size: 1.6rem;
		text-align: left;
	}

	.error404 p.title404 {
		font-size: 2.4rem;
		margin-bottom: 3rem;
		font-weight: bold;
	}

	.error404 main section a {
		background: var(--noir);
		color: var(--blanc);
	    font-size: 1.4rem;
	    font-weight: bold;
	    padding: .75rem 1rem;
	    text-transform: uppercase;
	}

	#resultsearch{
		background: white;
		font-size: 16px;
		text-align: left;
		padding: 1rem;
	}

	#resultsearch .select-link{
		margin: 1rem 0;
		cursor: pointer;
	}

	#resultsearch .select-link:hover{
		color:#89277c;
	}

	.modal-window {
		position: fixed;
		background-color: rgba(0, 0, 0, 0.7);
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 999;
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		transition: all 0.3s;
	}

	.modal-window:target {
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
	}
	
	.modal-window > div {
		width: 85%;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0%, -50%);
		padding: 2em;
		background: #ffffff;
		margin: 0 auto;
		right: 0;
	}

	.modal-window > div {
		height: 50rem;
	}
	
	.modal-window > div > div {
		height: 40rem;
		overflow: scroll;
	}

	.modal-close {
		background: #000;
		color: #FFF;
		border-radius: 50%;
		position: absolute;
		top: -1rem;
		right: 0;
		font-size: 3rem;
		width: 3rem;
		height: 3rem;
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
	}	
	
	.modal-close i {
		color: #FFF;
		font-size: 1.2rem;
		text-align: center;
	}

	.modal-close &:hover {
		color: black;
	}	
	
	.modal-window div > h3 {
		color: #1d243e;
	    font-family: 'fabrikatbold';
	    font-size: 2rem;
	    line-height: normal;
	    min-height: 6rem;
	    margin-bottom: 0;
	    padding: 2.5rem 0 1rem 0;
	    text-transform: uppercase;
	}

	.modal-window div > span {
		color: #FFF;
		display: table;
	    font-family: 'fabrikatmedium';
		font-size: 1.4rem;
		margin-bottom: 1rem;
		padding: 1rem 2rem;
	}

/* SCREEN 465px ------------------------------------------------------------------------------------------*/

@media screen and (max-width : 465px) {
	
	.banner p > img {
		max-width: 55%;
		height: auto;
		margin: 0 auto 1.5rem;
		display: table;
	}
	
	.banner > div h2 {
		font-size: 2.2rem;
		line-height: normal;
	}
	
}

/* SCREEN 768px ------------------------------------------------------------------------------------------*/

@media screen and (min-width : 768px) {

	.mobile {
		display: none;
	}

	.desktop {
		display: block;
	}

	.barreDeCouleur {
		width: 15rem;
	}

	.modal-window > div {
	    height: 50rem;
	    padding: 5rem;
	    width: 50rem;
	}
	
	.modal-close {
		right: -1rem;
	}

	/* HEADER ------------------------------------------------------------------------------------------*/

	.logo figure img {
		width: 10rem;
	}
	
	header .menu li {
		margin: 0 0 0 4rem;
	}

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

	.banner figure img {
		height: 100vh;
	}

	.banner > div h2 {
		margin: 0 auto;
		width: 65%;
	}

	.banner > div .form {
		margin: 5rem auto 0;
		width: 75%;
	}

	.dateActus .date span:first-child, 
	.dateActus .date span:last-child {
		font-family: 'fabrikatmedium';
		font-size: 7rem;
		padding: 0;
		margin: 0 0.5rem;
		max-width: 100%;
		word-break: break-all; /* Force la coupure des chiffres si nécessaire */
	}

	
	.dateActus .lastActus:after {
		padding-top: 1.85rem;
	}


	.allChiffreCles > div:nth-last-child(-n+2) {
		margin-bottom: 5rem;
	}

	.ilsParlentDeNous .allChiffreCles > div {
		align-items: flex-start;
	}

	.ilsParlentDeNous .barreDeCouleur {
		margin: 1rem auto 0;
		width: 10rem;
	}

	.accroche .banner img {
		height: 50rem;
	}

	.banner > div .form {
		margin-top: 4.5rem;
	}

	.dateActus .lastActus a {
	    color: #1d243e;
	    text-decoration: none;
	}
	
	.dateActus h3 a:hover,
	.dateActus .lastActus a:hover {
		color: #E0A131;
	}
	
	.dateActus .row {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start; /* Aligne en haut au lieu de stretch */
	}

	.dateActus > div > div > div {
		margin-bottom: 5rem;
		height: auto !important; /* Force la hauteur auto */
		min-height: 0 !important; /* Enlève toute hauteur minimum */
	}

	.dateActus > div > div > div .barreDeCouleur {
		bottom: 0;
		display: block;
		left: 0;
		position: absolute;
		right: 0;
	}

	.notreDemarche .allIcones > div:nth-last-child(-n+2) {
		margin-bottom: 2.5rem;
	}

	.singleIcone figure {
		min-height: 8rem;
	}

	.singleIcone h3 {
		font-size: 1.4rem;
	}
	
	.programmeAccelerationBis .pointsImportants > div > .row > div > .row > div:last-child {
		flex-basis: 100%;
		max-width: 100%;
	}
	
	.accroche .banner > div {
		padding: 5rem 0;
	}
	
	.banner > div .form {
		width: 60rem;
	}

	.tab-content {
		margin: 0;
	}

	.tab-content iframe {
	    height: 35rem;
	    object-fit: cover;
	}

	.temoignages .sliderTemoignages > div p:last-of-type {
		margin: 0 auto;
		text-align: center;
		width: 75%;
	}

	.lSAction>a {
		color: #6069AC;
		font-size: 4rem;
	}

	.faq:after {
	    background: url(/wp-content/uploads/2025/12/logo-etoile-cic-sia.png); 
	    bottom: 0;
	    content: '';
	    height: 100%;
	    position: absolute; 
	    right: -15%;
	    width: 100%;
	    z-index: -1;
	    background-size: contain;
	    background-repeat: no-repeat;
	}

	.socialsFooter,
	.copyright {
		margin: 0;
		padding: 0;
	}

}

.dateActus > div > div > div {
	height: auto !important;
	min-height: 0 !important;
}

/* SCREEN 992px ------------------------------------------------------------------------------------------*/



@media screen and (min-width : 1024px) {
	
	header .menu li:last-child a {
		padding: 1rem 3rem;
	}
	
	.logo figure img {
		width: 12rem;
	}
	
	.banner > div {
		top: 50%;
	}

	.banner > div h1 {
		font-size: 6.6rem;
		line-height: 7.6rem;
	}

	.banner > div h2 {
		font-size: 3rem;
		line-height: 4rem;
		margin: 0 auto;
		width: 70%;
	}

	.banner > div .form {
		height: 6.5rem;
	}

	.banner > div .form input {
		color: #777777;
		font-size: 2rem;
		text-indent: 3rem;
	}

	.banner > div .form button.submit {
		font-size: 2rem;
		width: 15rem;
	}
	

	.ilsParlentDeNous .barreDeCouleur {
		width: 15rem;
	}


.dateActus .lastActus {
	height: auto !important;
	min-height: 0 !important;
}

.dateActus > div > div > div {
	height: auto !important;
	min-height: 0 !important;
}



	.singleIcone figure {
		min-height: 11rem;
	}

	.tab-content iframe {
		height: 46rem;
	}

	.faq .otherFAQ {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.faq .oneFAQ .singleFAQ {
		margin-bottom: 0;
	}

	.faq .oneFAQ .singleFAQ:first-child {
		height: 90%;
		width: 80%;
	}

	.faq .oneFAQ .singleFAQ h3 {
		padding-bottom: 5rem;
	}

	.faq .oneFAQ .singleFAQ p {
		width: 90%;
	}

	.faq .otherFAQ .singleFAQ:nth-child(1) {
		flex-basis: 40%;
		max-width: 40%;
	}

	.faq .otherFAQ .singleFAQ:nth-child(2) {
		flex-basis: 40%;
		max-width: 40%;
	}

	.faq .otherFAQ .singleFAQ:last-child {
		margin: 0;
	}
	
	.allChiffreCles > div > span:first-child {
		font-size: 6rem;
	}

}


/* SCREEN 1200px ------------------------------------------------------------------------------------------*/


@media screen and (min-width : 1200px) {
	
	.banner > div .form button.submit {
		height: 100%;
	}
	
	.barreDeCouleur,
	.dateActus .lastActus:after {
		margin: 0 auto;
		width: 12rem;
	}

.dateActus .lastActus {
	height: auto !important;
	min-height: 0 !important;
}

	.notreDemarche p {
		margin: 0 auto;
		width: 80;
	}

	.singleIcone figure {
		min-height: 15rem;
	}

	.singleIcone h3 {
		font-size: 2rem;
	}

	.programmeAcceleration {
		margin-top: 7.5rem;
	}

	.pointsImportants {
		margin-top: 7.5rem;
	}
	
	.programmeAcceleration.programmeAccelerationBis {
		margin-top: 2.5rem;
	}
	
	.programmeAcceleration.programmeAccelerationBis .pointsImportants {
		margin-top: 0;
	}

	.programmeAcceleration:nth-of-type(2) .pointsImportants {
		margin-top: 5rem;
	}

	.programmeAcceleration .banner figure img {
		height: 35rem;
	}

	.programmeAcceleration .banner > div h3 {
		font-size: 4.6rem;
		line-height: 5.6rem;
		margin: 0 auto;
		width: 50%;
	}

	ul.tabs li .content {
		height: 6rem;
	}

	ul.tabs li .content p:first-child {
		font-size: 2rem;
		padding: 1rem 0;
	}

	ul.tabs li .content p:last-child {
		font-size: 1.6rem;
		padding: 0;
	}

	.tab-content iframe {
		height: 47rem;
	}

	.allChiffreCles {
		margin-top: 7.5rem;
	}

	.temoignages {
		overflow: hidden;
		padding-top: 5rem;
	}

	.lSSlideOuter {
		padding-top: 5rem;
	}

	.lightSlider,
	.lSSlideOuter,
	.lSSlideWrapper {
		overflow: visible;
	}

	.lslide,
	.clone.right {
		padding: 2rem 0;
	}

	.lslide.active + .lslide,
	.lslide.active + .clone.right {
		background: #FFFFFF 0% 0% no-repeat padding-box;
		box-shadow: 0px 5px 20px #CCC;
	}

	.faq:after {
		right: -70%;
	}

	.faq .otherFAQ .singleFAQ:nth-child(1),
	.faq .otherFAQ .singleFAQ:nth-child(2) {
		flex-basis: 42%;
		max-width: 42%;
	}
	
	.allChiffreCles > div > span:first-child {
		font-size: 7rem;
	}


}

/* SCREEN 1440px ------------------------------------------------------------------------------------------*/

@media screen and (min-width : 1440px) {

	.banner > div h1 {
		font-size: 8.6rem;
		line-height: 9.6rem;
	}

	#candidater .banner > div .form {
		margin-top: 5rem;
	}

	.banner > div .form button.submit {
	    height: 100%;
	    top: 1px;
	}


}

@media screen and (min-width : 1560px) {

	.faq:after {
		right: -75%;
	}
}

@media screen and (min-width : 1720px) {

	.faq:after {
		right: -75%;
	}
}


@media screen and (min-width : 1920px) {

	.faq:after {
		right: -75%;
	}

	.faq .otherFAQ .singleFAQ:nth-child(1), .faq .otherFAQ .singleFAQ:nth-child(2) {
		flex-basis: 44%;
		max-width: 44%;
	}
}


@media screen and (min-width : 2560px) {

	.faq:after {
		right: -80%;
	}
}



/* PG ------------------------------------------------------------------------------------------*/

.cmplz-show-banner {
border-bottom: 2px solid #222;
font-weight:600;
cursor: pointer;
padding:0.5em;
font-size:14px;
}
.cmplz-show-banner:hover {
border-color: #29b6f6;
}  


#acces_contenu {
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 9999;
}

.hidden {
	display: none;
}

/*nouvelle liste CP form accessible */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

/* Container du formulaire */
.form {
	position: relative;
}

/* Conteneur des résultats */
#resultsearch {
	position: absolute;
	top: calc(100% + 5px);
	left: 0;
	right: 0;
	background: #1d4160;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	z-index: 1000;
	max-height: 300px;
	overflow-y: auto;
}

/* Liens des résultats */
#resultsearch a.select-link {
	display: block;
	padding: 12px 16px;
	text-decoration: none;
	color: #ffffff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	transition: background-color 0.2s ease;
	cursor: pointer;
}

#resultsearch a.select-link:last-child {
	border-bottom: none;
}

/* États hover, focus et active */
#resultsearch a.select-link:hover,
#resultsearch a.select-link:focus,
#resultsearch a.select-link.active {
	background-color: #0066cc;
	color: #ffffff;
	outline: 2px solid #0066cc;
	outline-offset: -2px;
}

/* Amélioration visuelle du focus sur le champ */
.searchcodepostal:focus {
	outline: 2px solid #0066cc;
	outline-offset: 2px;
}

/* Scrollbar personnalisée */
#resultsearch::-webkit-scrollbar {
	width: 8px;
}

#resultsearch::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.1);
}

#resultsearch::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.3);
	border-radius: 4px;
}

#resultsearch::-webkit-scrollbar-thumb:hover {
	background: rgba(255, 255, 255, 0.5);
}


/* Actu expandable */
.actu-content {
	text-align: center;
}

.actu-excerpt,
.actu-full {
	color: #1d243e;
	font-size: 1.8rem;
	line-height: 2.8rem;
	margin-bottom: 1rem;
}

.actu-full {
	overflow: hidden;
	transition: max-height 0.5s ease-in-out;
	max-height: 0;
}

.actu-full.is-expanded {
	max-height: 5000px; /* Garde une valeur élevée comme backup */
}

.actu-toggle-btn {
	background: transparent;
	border: 2px solid #E0A131;
	border-radius: 5px;
	color: #1d243e;
	cursor: pointer;
	font-family: 'fabrikatmedium';
	font-size: 1.6rem;
	margin-top: 1rem;
	padding: 1rem 2rem;
	transition: all 0.3s;
}

.actu-toggle-btn:hover,
.actu-toggle-btn:focus {
	background: #E0A131;
	color: #FFF;
	outline: 2px solid #1d243e;
	outline-offset: 2px;
}
.lastActus:has(.actu-full.is-expanded) .barreDeCouleur,
.lastActus:has(.actu-full.is-expanded):after {
	display: none;
}

.actu-excerpt,
.actu-full {
	color: #1d243e;
	font-size: 1.8rem;
	line-height: 2.8rem;
	margin-bottom: 1rem;
	white-space: pre-line; /* ← Ajoutez cette ligne pour respecter les sauts de ligne */
}

@media screen and (min-width: 1024px) {
	.dateActus .lastActus:after {
		display: none !important;
	}
	
	.dateActus > div > div > div {
		height: auto !important;
		min-height: 0 !important;
		position: relative !important;
	}
	
	.dateActus .lastActus {
		height: auto !important;
		min-height: 0 !important;
		position: relative !important;
	}
}

@media screen and (min-width: 1200px) {
	.dateActus .lastActus:after {
		display: none !important;
	}
	
	.dateActus > div > div > div {
		height: auto !important;
		min-height: 0 !important;
	}
}