/*
 _____          ______             _____ 
/  __ \         |  _  \           / __  \
| /  \/___ ___  | | | |_____   __ `' / /'
| |   / __/ __| | | | / _ \ \ / /   / /  
| \__/\__ \__ \ | |/ /  __/\ V /  ./ /___
 \____/___/___/ |___/ \___| \_/   \_____/
*/
.specialBtn.btnTrans .circle i,
.specialBtn.btnTrans .txt{
	color: #333!important;
}
.specialBtn {
	opacity: 0;
	transform: scale(0.95);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.specialBtn.loaded {
	opacity: 1;
	transform: scale(1);
}

.txtCtn p:has(a.specialBtn) {
	margin-bottom: 0.5em!important; 
}


.txtCtn:has(p:nth-of-type(2) a.specialBtn) p:has(a.specialBtn) {
	text-align: right;
}


@media (max-width: 768px) {
	.txtCtn:has(p:nth-of-type(2) a.specialBtn) p:has(a.specialBtn) {
		text-align: left;
	}
}

@media (max-width: 1024px) {
	.txtCtn:has(p:nth-of-type(2) a.specialBtn) p:has(a.specialBtn) {
		text-align: left;
	}
}

#menu-primary-menu a {
	position: relative;
}

#menu-primary-menu li:not(.menuBoutonOrange) a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -8px;
	width: 0;
	height: 2px;
	border-radius: 10px;
	background-color: var(--orangeP);
	transition: width 0.4s ease-out;
}

#menu-primary-menu a:hover::after {
	width: 32%!important;
}

.current-menu-item a::after {
	width: 32%!important;
}



.specialBtn.btnVertP .txt,.specialBtn.btnVertP  .circle {
	background-color: var(--vertP);
}
.specialBtn.btnVertF .txt,.specialBtn.btnVertF  .circle {
	background-color:  var(--vert);
}
.specialBtn.btnOrange .txt,.specialBtn.btnOrange  .circle {
	background-color: var(--orange);
}
.specialBtn.btnCyan .txt,.specialBtn.btnCyan  .circle {
	background-color: var(--cyan);
}
.specialBtn.btnCyanF .txt,.specialBtn.btnCyanF  .circle {
	background-color: var(--cyanF);
}

.specialBtn {
	font-family: var(--daFont);
	transition: all 0.3s ease-in-out;
	display: inline-flex;
	position: relative;
	overflow: hidden;
}
.specialBtn.btnBlanc .txt,.specialBtn.btnBlanc  .circle {
	background-color: #fff;
}
.specialBtn.btnBlanc  .txt {
	color: var(--cyan);
}
.specialBtn.btnBlanc  .circle {
	color: var(--cyan);
}
.specialBtn.btnVertP.texteCyan  .txt {
	color: var(--cyan);
}
.specialBtn.btnVertP.texteCyan  .circle {
	color: var(--cyan);
}

.specialBtn  .txt {
	color: #fff;
}
.specialBtn  .circle {
	color: #fff;
}

.btnBorder .txt, .btnBorder .circle{
	border: 1px solid var(--cyan);
}
.btnBorder:hover .txt {
	background-color: var(--cyan);
	color: #fff;
}
.btnBorder:hover .circle {
	background-color: var(--cyan);
	color: #fff;
}
.specialBtn .txt {
	display: flex;
	align-items: center;
	padding: 0 1.5rem;
	font-weight: 600;
	border-radius: 30px;
	transition: all 0.3s ease-in-out;
	margin-right: 1px;
}
.specialBtn:hover .txt {
	border-radius: 30px 0 0 30px;
	padding-left: 2.35rem;
	padding-right: 0.15rem; 
	margin-right: 0px;
}
.specialBtn .circle {
	display: inline-flex;
	border-radius: 30px;
	transition: all 0.3s ease-in-out;
	/*width: 3.125rem;*/
	height: 3.125rem;
	justify-content: center;
	align-items: center;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}
.specialBtn:hover .circle {
	border-radius: 0 30px 30px 0;
	padding-left: 0.25rem;
	padding-right: 2.1875rem;
}

.homeBanner .overText {
	padding-bottom:5rem;
}

.pageBanner .textebanner{
	padding-bottom: 4.375rem;
}

.homeBanner{
	min-height: 43.125rem;
	z-index: 9;
}

.banniereReg{
	background: linear-gradient(to bottom, var(--cyan) 93%, white 7%);
}
.banniereReg h1{
	color: #fff;
	padding-bottom: 2rem;
	position: relative;
}

.banniereReg p{
	color: #fff;
	padding-bottom: 1.875rem;
	position: relative;
	margin-bottom: 0 !important;
}
.banniereReg h1::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 6.25rem;
	height: 4px;
	border-radius: 30px;
	background-color: var(--orangeP);
}

.menuBoutonOrange{
	color: #fff;
	border-radius: 1.875rem;
	background-color: var(--orangeP);
	transition: all 0.3s;

}
.menuBoutonOrange:hover{

	background-color: var(--orange);
}
.menuBoutonOrange a{
	padding:1rem 1.5625rem!important;
}
.menuBoutonOrangeSolo {
	list-style: none;
	color: #fff;
	border-radius: 1.875rem;
	background-color: var(--orangeP);
	position: absolute;
	top: 22px;
	right: 7rem;
	transition: all 0.3s;
}

.menuBoutonOrangeSolo  a{
	transition: all 0.3s;
	color: #fff;
	padding:1rem 1.5625rem!important;
}
.menuBoutonOrangeSolo a{
	text-decoration: none;
	font-size: 1.125rem;
	font-weight: 600;
	font-family: var(--daFont);
	display: block;

}

.menuBoutonOrangeSolo:hover{
	transition: all 0.3s;
	background-color: var(--orange);
}


#menu-primary-menu li a{
	font-size: 1.125rem;
	color: #fff;
}

#masthead {
	padding: 1.5em 0;
	padding-top: 0;
	position: absolute;
	width: 100%;
	z-index: 999;
}

.skins section:first-of-type {
	padding-top: 11.25rem;
}
#masthead .logo img{
	min-width: 11.25rem;
}
#masthead .logo {
	background-color: #fff;
	border-radius: 0px 0 1.25rem 1.25rem;
	/*padding: 0.625rem 1.875rem 1.25rem;*/

}
#masthead .logo a{
	display: block;
	padding: 0.625rem 1.875rem 1.25rem;
	transition: opacity 0.3s;
}
#masthead .logo a:hover{
	opacity: 0.85;
}

#masthead .flexThat {
	justify-content: space-between;
}

.navbar {
	display: flex;
	align-items: center;
	z-index: 99;
	position: relative;
}

.navbar .theMainMenu {
	flex: 1;
}

.navbar .menuParent {
	width: 100%;
}

.navbar .main-menu.nav {
	width: 100%;
}

.navbar .menu-primary-menu-container {
	width: 100%;
}

.navbar #menu-primary-menu {
	display: flex;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	gap: 0;
	right: 0;
	left: 0;
	position: relative;
}

.navbar #menu-primary-menu .menu-item {
	margin: 0;
	padding: 0;
	flex: 1;
	display: flex;
	justify-content: center;
}

.navbar #menu-primary-menu .menuBoutonOrange {
	flex: 0 0 auto;
	margin-left: auto;
	margin-right: 2.5rem;
	margin-left: 2.5rem;
}

.navbar #menu-primary-menu .menu-item a {
	text-decoration: none;
	font-size: 1.125rem;
	font-weight: 600; 
	font-family: var(--daFont);
	display: block;
	transition: all 0.3s;
}

.navbar #menu-primary-menu .menu-item a:hover {
	opacity: 0.8;
}

.homeBanner::after{
	content: "";
	background-image: url(images/TEXTURE.svg);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: cover;
	position: absolute;
	width: 57%;
	height: 100%;
	top: 0px;
	bottom: 0;
	right: 0;
	z-index: -1;
	transform: translateZ(0);
	backface-visibility: hidden;
	will-change: transform;
} 
.pageBanner::after{
	content: "";
	background-image: url(images/TEXTUREPage.svg);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: cover;
	position: absolute;
	width: 57%;
	height: 100%;
	top: 0px;
	bottom: 0;
	right: 0;
	z-index: 1;
	transform: translateZ(0);
	backface-visibility: hidden;
	will-change: transform;
} 

.bottomPage{
	width: 100%;
	align-items: center;
	display: flex;
	align-items: stretch;
	height: 100%;
	gap: 0;
	align-items: center;
}
#colophon {
	padding-top: 2.5rem;
}
.footerTexture{
	min-height: 3.75rem;
	position: absolute;
	background-image: url(images/footerTexture.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 100%;
	left: 0;
	right: 0;
	margin-top: 2.5rem;
}
.footerGouvLogo img{
	max-width: 12.5rem;
}

.bg_gris {
	background-color: var(--gris);
}




.bloc-couleur.bloc-titre {
	padding: 2.5rem 2rem 2.5rem 1.875rem;
	justify-content: center;
}

.blocs-couleur-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.25rem;
}

.bloc-couleur {
	display: flex;
	padding: 3.4375rem 3.4375rem 3.4375rem 2.5rem;
	border-radius: 1.875rem 1.875rem 1.875rem 0.9375rem;
	text-decoration: none;
	color: #fff;
	position: relative;
	overflow: hidden;
	transition: transform 0.3s ease;
	min-height: auto;
	flex-direction: column;
	justify-content: center;
}

.bloc-couleur::before {
	content: '';
	position: absolute;
	top: -14%;
	left: -27%;
	width: 25rem;
	height: 22.1875rem;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 50%;
	transition: all 0.5s ease;
	z-index: 0;
}

.bloc-couleur:hover::before {
	transform: scale(4);
	opacity: 0.15;
}

.bloc-couleur.bloc-titre::after,.bloc-couleur.bloc-titre::before{
	display: none;
}

.bloc-couleur::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.3);
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 1;
}

.bloc-couleur:hover::after {
	opacity: 1;
}

.after-banner--padding{
	padding-top: 4.375rem;
	padding-bottom: 5.625rem;
}

.bloc-content {
	position: relative;
	z-index: 2;
	display: flex;
	gap: 4.5rem;
	align-items: center;
}

.bg_vertP {
	background-color: var(--vert);
}

.bg_cyan {
	background-color: var(--cyan);
}

.bg_orange {
	background: var(--orange);
}

.bloc-icone-container {
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.bloc-icone {
	width: 8.75rem;
	height: auto;
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bloc-icone img {
	width: 100%;
	height: 100%;
	max-width: 8.75rem;
	max-height: 8.75rem;
	object-fit: contain;
}

.bg_orange .bloc-icone img {
	max-width: 7.5rem;
}

.bloc-arrow {
	width: 3.125rem;
	height: 3.125rem;
	border-radius: 0 11px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	transition: transform 0.3s ease;
	position: absolute;
	bottom: 0;
	left: 0;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}
.bloc-arrow i{
	font-size: 1.3rem;
}

.bloc-texte {
	flex: 1;
	font-size: 1.625rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.875rem;
	font-family: var(--daFont);
}

.bloc-texte p {
	margin: 0;
}

.bloc-texte::after {
	content: '';
	display: block;
	width: 2.5rem;
	height: 4px;
	border-radius: 30px;
	background: var(--gris);
	margin-bottom: 1.25rem;
}

.bloc-documents-turquoise {
	background: linear-gradient(to bottom, var(--gris) 50%, white 50%);
	top: -3px;
}
.bloc-document-turquoise {
	display: flex;
	margin: 0 auto;
	border-radius: 30px;
	overflow: hidden;
}
.bloc-item {
	padding: 4.375rem 2.5rem;
	display: flex;
	flex-direction: column;
}
.bloc-item-main {
	flex: 0 0 33.33%;
	background-color: var(--cyanF);
	position: relative;
	overflow: hidden;
}
.bloc-item-main::before {
	content: "";
	background-image: url(images/cyanIcon.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-size: 63%;
	position: absolute;
	width: 18.75rem;
	height: 18.75rem;
	z-index: 1;
	background-color: var(--cyan);
	padding: 2.8125rem;
	border-radius: 100%;
	right: -2.8125rem;
	top: 1.25rem;
	opacity: 0.3;
}
.bloc-items-secondary {
	flex: 2;
	display: flex;
	flex-direction: row;
	gap: 0px;
}
.bloc-item-secondary {
	flex: 1;
	background: var(--cyan);
}
.bloc-cyan-content {
	height: 100%;
	display: flex;
}
.bloc-cyan-content .bloc-text {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}
.bloc-cyan-content .bloc-text p a {
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 12px;
	transition: all 0.3s ease;
}
/* Hover sur le bloc-item affecte le lien */
.bloc-item:hover .bloc-text p a {
	opacity: 0.8;
}

.bloc-cyan-content .bloc-text p a:hover {
	opacity: 0.8;
}

.bloc-item-main .bloc-text p a::after {
	content: '';
	width: 24px;
	height: 18px;
	background-image: url("data:image/svg+xml,%3Csvg width='80' height='59' viewBox='0 0 80 59' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M77.084,30.884c0.942,-0.942 0.942,-2.492 -0,-3.434l-26.743,-26.743c-0.942,-0.943 -2.492,-0.943 -3.434,-0c-0.942,0.942 -0.942,2.492 -0,3.434l22.595,22.594l-67.071,0c-1.337,0 -2.431,1.095 -2.431,2.432c-0,1.337 1.094,2.431 2.431,2.431l67.071,-0l-22.595,22.595c-0.942,0.942 -0.942,2.492 -0,3.434c0.942,0.942 2.492,0.942 3.434,-0l26.743,-26.743Z' fill='%23fff'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: transform 0.3s ease;
	flex-shrink: 0;
}

/* Hover sur bloc-item affecte la flèche */
.bloc-item-main:hover .bloc-text p a::after {
	transform: translateX(5px);
}

.bloc-item-main .bloc-text p a:hover::after {
	transform: translateX(5px);
}

.bloc-item-secondary .bloc-text p a::before {
	content: '';
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border-radius: 50%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M512 160C512 142.3 497.7 128 480 128L256 128C238.3 128 224 142.3 224 160C224 177.7 238.3 192 256 192L402.7 192L137.4 457.4C124.9 469.9 124.9 490.2 137.4 502.7C149.9 515.2 170.2 515.2 182.7 502.7L448 237.3L448 384C448 401.7 462.3 416 480 416C497.7 416 512 401.7 512 384L512 160z' fill='%2329A3A3'/%3E%3C/svg%3E");
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 0.3s ease;
	flex-shrink: 0;
}

.bloc-item-secondary:first-child {
	position: relative;
}

.bloc-item-secondary:first-child::after {
	content: '';
	position: absolute;
	right: 0;
	top: 16%;
	bottom: 0;
	height: 68%;
	width: 1px;
	background-color: rgba(255, 255, 255, 1);
}

/* Hover sur bloc-item affecte l'icône */
.bloc-item-secondary:hover .bloc-text p a::before {
	transform: translate(3px, -3px);
}

.bloc-item-secondary .bloc-text p a:hover::before {
	transform: translate(3px, -3px);
}
.bloc-item h3,
.bloc-item h4 {
	color: #fff;
}
.bloc-item h4 {
	font-weight: 700;
}
.bloc-item h3 {
	margin-bottom: 2.375rem!important;
}

section li{
	line-height: 1.625rem;
}

section ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 1.25rem;
}

section ul li {
	position: relative;
	padding-left: 15px;
	margin-bottom: 5px;
}

section ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

section ul li:nth-child(3n+1)::before {
	background-color: var(--vert); 
}

section ul li:nth-child(3n+2)::before {
	background-color: var(--cyan); 
}

section ul li:nth-child(3n+3)::before {
	background-color: var(--orange);
}

/*section ul li:nth-child(4n+4)::before {
	background-color: var(--vertP); 
}*/
section ol {
	list-style: none;
	padding-left: 0;
	margin-bottom: 1rem;
	counter-reset: custom-counter;
}
section ol li {
	position: relative;
	padding-left: 1rem;
	margin-bottom: 5px;
	counter-increment: custom-counter;
}
section ol li::before {
	content: counter(custom-counter) ".";
	position: absolute;
	left: 0;
	top: 0;
	font-weight: 600;
}
section ol li:nth-child(3n+1)::before {
	color: var(--vert); 
}
section ol li:nth-child(3n+2)::before {
	color: var(--cyan); 
}
section ol li:nth-child(3n+3)::before {
	color: var(--orange);
}
/*section ol li:nth-child(4n+4)::before {
	color: var(--vertP); 
}*/

.padLRS {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	display: inline-block;
	width: 100%;
}
.getPagePass{
	background: linear-gradient(to bottom,white 25%, var(--gris) 25%);
}

.passInfos h4{
	color: var(--charcoal);
	margin-bottom: 0 !important;
}
.passInfos a{
	color: var(--cyan);
	text-decoration: underline;
}
.passInfos a:hover{
	text-decoration: none;
}

.flexMe{
	display: flex;
	flex-direction: column;
	width: 100%;
}

.realSendButton{
	display: none!important;
}
.post-password-form input[type=password] {
	flex-grow: 1;
	padding-left: 4px;
	min-height: 2.5rem;
	color: var(--charcoal);
	border-radius: 5px;
}
.post-password-form input[type=password]:focus {
	color: var(--charcoal);
}

.post-password-form__label {
	font-size: 0.625em;
	color: var(--charcoal);
	text-transform: uppercase;
	margin-bottom: 0px;
	font-weight: bold;
	padding-left: 4px;
	letter-spacing: 0.035rem;
}
.post-password-message{
	display: none;
}
.boxVertP input[type=password]{
	border:0!important;
}
.boxVertP input[type=submit]{
	display: inline-block;
	text-align: center;
	color: #fff;
	text-decoration: none;
	text-decoration: none!important;
	font-size: 0.9em;
	font-weight: 500;
	border-radius: 50px;
	padding: 0.8em 1.5em;
	line-height: 1em;
	background-color: var(--cyan);
	color: #fff!important;
	transition: all ease-in-out 0.2s;
}
.boxVertP input[type=submit]:hover{
	background-color: var(--vertP);
}
.boxVertP{
	padding: 1.875rem 2.5rem;
	border-radius:10px ;
	background-color: var(--vert);
	color: #fff;
	overflow: auto;
	display: flex;
	align-items: center;
}

.skins .listeFormation:last-of-type {
	background: linear-gradient(to bottom,var(--gris) 30%  , white 30%) ;
}
.skins section:not(.bg_gris):last-of-type {
	padding-bottom: 3.75rem!important;
}

.listeFormation {
	background-color: var(--gris);
}

.insideOutils .bottom .downloadLink .bloc-link{
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.875rem;
	transition: color 0.3s ease;
	font-weight: 600;
}

.insideOutils .downloadLink .bloc-link::before {
	content: '';
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M512 160C512 142.3 497.7 128 480 128L256 128C238.3 128 224 142.3 224 160C224 177.7 238.3 192 256 192L402.7 192L137.4 457.4C124.9 469.9 124.9 490.2 137.4 502.7C149.9 515.2 170.2 515.2 182.7 502.7L448 237.3L448 384C448 401.7 462.3 416 480 416C497.7 416 512 401.7 512 384L512 160z' fill='%23103D3C'/%3E%3C/svg%3E");
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 0.3s ease;
	flex-shrink: 0;
}
.insideOutils:not(.protected) .downloadLink .bloc-link:hover::before {
	transform: translate(3px, -3px);
}


.insideOutils:not(.protected):hover {
	cursor: pointer;
}
.insideOutils:not(.protected):hover .downloadLink .bloc-link::before{
	transform: translate(3px, -3px);
}


.listingTitles{
	color: var(--cyan);
}

.textes_orange .metaInfo,.textes_orange .modal-meta{
	color: var(--orangeP);
}
.textes_orange .downloadLink .bloc-link{
	color: var(--orangeP);
}
.textes_cyan .metaInfo,.textes_cyan .modal-meta{
	color: var(--cyanP);
}
.textes_cyan .downloadLink .bloc-link{
	color: var(--cyanP);
}
.textes_vertP .metaInfo,.textes_vertP .modal-meta{
	color: var(--vertP);
}
.textes_vertP .downloadLink .bloc-link{
	color: var(--vertP);
}

.textes_orange .insideOutils .downloadLink .bloc-link::before {
	background-color: var(--orangeP);
}

.textes_cyan .insideOutils .downloadLink .bloc-link::before {
	background-color: var(--cyanP);
}

.textes_vertP .insideOutils .downloadLink .bloc-link::before {
	background-color: var(--vertP);
}

.lockOverlay{
	position: absolute;
	top: 0;
	right: 0;
	background-color: var(--cyanF);
	z-index: 2;
	height: 100%;
	width: 100%;
	opacity: 0.5;
}
.theLock{
	position: absolute;
	top: 50%;
	z-index: 3;
	left: 50%;
	transform: translate(-50%, -50%);
}
.theLock i{
	color: #fff;
	font-size: 2.5rem;
}

.listeFormation .listingOutils {
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem;
}

.formationCard {
	box-sizing: border-box;
}

.insideOutils {
	padding: 2.5rem;
	border-radius: 10px;
	background-color: var(--cyanF);
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	box-sizing: border-box;
	overflow: hidden;
}

.insideOutils.protected {
	/*opacity: 0.8;*/
}

.insideOutils .top {
	margin-bottom: 2rem;
}

.insideOutils .top .metaInfo {
	display: block;
	font-size: 0.625rem;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 0.75rem;
	font-weight: 600;
}

.insideOutils .top h4 {
	color: #fff;
	font-size: 1.125rem;
	line-height: 1.4;
	margin: 0;
	font-weight: 500;
}

.insideOutils:hover .bottom .downloadLink {
	color: #fff;
}

.insideOutils .bottom .downloadLink i {
	font-size: 1rem;
}





.documents-title {
	color: var(--cyan);
	margin-bottom: 1.875rem!important;
}

.listeDocuments {
	background-color: var(--gris);
}

/* Liste des documents */
.documents-list {
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.document-item:first-child {
	border-top: 1px solid var(--charcoal);
}

/* Item de document - Structure en 3 colonnes */
.document-item {
	display: grid;
	grid-template-columns: 1fr 15rem auto;
	gap: 2rem;
	align-items: center;
	border-bottom: 1px solid var(--charcoal);
	padding-bottom: 1.25rem;
	padding-top: 1.25rem;
}
.document-item {
	background-color: var(--gris);
	transition: background-color var(--transitionTiming);
}
.document-item:hover {
	background-color: #fff;
}
/* Colonne titre */
.document-col-title {
	justify-self: start;
}

/* Colonne badge */
.document-col-badge {
	justify-self: start;
}

/* Colonne lien */
.document-col-link {
	justify-self: end;
}

.document-title {
	margin-bottom: 0!important;
}

/* Badges de catégorie */
.document-badge {
	display: inline-block;
	padding: 6px 16px;
	border-radius: 20px;
	font-size: 1rem;

	white-space: nowrap;
	color: var(--charcoal);
}

.badge-admin {
	background-color: var(--orangeP);
}

.badge-sante {
	background-color: #7CC0BD;
}

.badge-logement {
	background-color: var(--vertP);
}

/* Lien de téléchargement */
.documents-section .bloc-link {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: var(--cyan);
	font-size: 1rem;
	transition: color 0.3s ease;
	white-space: nowrap;
	font-weight: 600;
}

.documents-section .bloc-link::before {
	content: '';
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: var(--cyan);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M512 160C512 142.3 497.7 128 480 128L256 128C238.3 128 224 142.3 224 160C224 177.7 238.3 192 256 192L402.7 192L137.4 457.4C124.9 469.9 124.9 490.2 137.4 502.7C149.9 515.2 170.2 515.2 182.7 502.7L448 237.3L448 384C448 401.7 462.3 416 480 416C497.7 416 512 401.7 512 384L512 160z' fill='%23fff'/%3E%3C/svg%3E");
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 0.3s ease;
	flex-shrink: 0;
}

.documents-section .bloc-link:hover::before {
	transform: translate(3px, -3px);
}



#password-form{
	position: relative;
}

.password-error-message{
	position: absolute;
	font-weight: 500;
	color: #9A3812;
	bottom: -20px;
	left: 25px;
}


.logoMobileMenu {
	text-align: left;
}
.logoMobileMenu img{
	border-radius: 0px 0 1.25rem 1.25rem;
	background-color: #fff;
	padding: 0.625rem 1.875rem 1.25rem;
	max-width: 15rem;
}


#rmp-container-518 {
	width: calc(100% - 7.5rem) !important;
	background-color: #103d3c !important;
	max-width: none !important;
}
#rmp-menu-additional-content-518 {
	max-width: 400px!important;
	padding-bottom: 20px!important;
}
#rmp-menu-wrap-518 .rmp-menu-item-link {
	height: 50px!important;
	line-height: 50px!important;
	font-size: 18px!important; /*1.125rem*/
}
@media screen and (max-width: 1024px) {
	#rmp-menu-additional-content-518 {

		padding-left: 0.625rem!important;

	}
	.menuBoutonOrange {

		background-color: transparent!important;
	}
	.menuBoutonOrange a{
		border-radius: 1.875rem;
		background-color: var(--orange) !important;
		display: inline-block !important;
		padding: 0 1.625rem !important;
		width: auto !important;
		margin-left: 2.8125rem;
		margin-top: 10px;

	}

	#rmp-menu-518 .rmp-menu-item:not(.menuBoutonOrange) a {
		position: relative;
		display: inline-block;
		width: auto;
	}

	#rmp-menu-518 .custom-underline {
		position: absolute;
		left: 0;
		bottom: 8px;
		width: 0;
		height: 2px;
		border-radius: 10px;
		background-color: var(--orangeP);
		transition: width 0.4s ease-out;
	}

	/*#rmp-menu-518 .rmp-menu-item:not(.menuBoutonOrange) a:hover .custom-underline {
		width: 100%;
	}*/

	#rmp-menu-518 .current-menu-item:not(.menuBoutonOrange) a .custom-underline {
		width: 32%;
	}


	#rmp-menu-wrap-518 li:not(.menuBoutonOrange) {
		padding: 0 0!important;
		overflow: visible!important;
	}
	#rmp-menu-wrap-518 li:not(.menuBoutonOrange) a {
		padding: 0 0!important;
		overflow: visible !important;
		margin: 0 2.8125rem !important;
	}

}

/*

 .----------------.  .----------------.  .----------------.  .----------------.  .----------------.  .-----------------. .----------------.  .----------------.  .----------------.  .----------------. 
| .--------------. || .--------------. || .--------------. || .--------------. || .--------------. || .--------------. || .--------------. || .--------------. || .--------------. || .--------------. |
| |  _______     | || |  _________   | || |    _______   | || |   ______     | || |     ____     | || | ____  _____  | || |    _______   | || |     _____    | || | ____   ____  | || |  _________   | |
| | |_   __ \    | || | |_   ___  |  | || |   /  ___  |  | || |  |_   __ \   | || |   .'    `.   | || ||_   \|_   _| | || |   /  ___  |  | || |    |_   _|   | || ||_  _| |_  _| | || | |_   ___  |  | |
| |   | |__) |   | || |   | |_  \_|  | || |  |  (__ \_|  | || |    | |__) |  | || |  /  .--.  \  | || |  |   \ | |   | || |  |  (__ \_|  | || |      | |     | || |  \ \   / /   | || |   | |_  \_|  | |
| |   |  __ /    | || |   |  _|  _   | || |   '.___`-.   | || |    |  ___/   | || |  | |    | |  | || |  | |\ \| |   | || |   '.___`-.   | || |      | |     | || |   \ \ / /    | || |   |  _|  _   | |
| |  _| |  \ \_  | || |  _| |___/ |  | || |  |`\____) |  | || |   _| |_      | || |  \  `--'  /  | || | _| |_\   |_  | || |  |`\____) |  | || |     _| |_    | || |    \ ' /     | || |  _| |___/ |  | |
| | |____| |___| | || | |_________|  | || |  |_______.'  | || |  |_____|     | || |   `.____.'   | || ||_____|\____| | || |  |_______.'  | || |    |_____|   | || |     \_/      | || | |_________|  | |
| |              | || |              | || |              | || |              | || |              | || |              | || |              | || |              | || |              | || |              | |
| '--------------' || '--------------' || '--------------' || '--------------' || '--------------' || '--------------' || '--------------' || '--------------' || '--------------' || '--------------' |
 '----------------'  '----------------'  '----------------'  '----------------'  '----------------'  '----------------'  '----------------'  '----------------'  '----------------'  '----------------' 

*/

/* Desktop - 1025px et plus */
@media (min-width: 1025px) {
	.formationCard {
		width: calc((100% - 3rem) / 3);
		flex: 0 0 calc((100% - 3rem) / 3);
	}
}


@media screen and (max-width: 1280px) {
	.padLR {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.leftSide .padLR, .colonne_1 .padLR {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		display: inline-block;
		width: 100%;
	}
	.bloc-couleur::before {

		top: -3%;

	}
	.boxVertP {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

}

@media screen and (max-width: 1180px) {
	.password-error-message {
		position: relative;
		font-weight: 500;
		color: #9A3812;
		bottom: -8px;
		left: 4px;
	}
}

@media screen and (max-width: 1140px) {
	.bloc-couleur::before {
		/*transform: scale(4);
		width: 100%!important;*/
		left: -12.5rem;
		width: 25rem;
		top: -9%;

	}

	.bloc-couleur {

		padding: 2rem;

	}
	.bloc-content {

		gap: 2rem;

	}

}


@media screen and (max-width: 1024px) {
	.bloc-content {
		/*flex-direction: column;
		gap: 20px;*/
		gap: 3rem;
	}

	.boxVertP{

	}


	.bloc-couleur::before {
		top: -3rem;
	}


	.homeBanner::after {

		width: 33%;

	}



	h3 {
		font-size: 1.375rem;
		line-height: 1.625rem;
	}


	.blocs-couleur-grid {
		grid-template-columns: 1fr;
	}

	.bloc-icone-container {
		flex-direction: column;
		align-items: center;
	}


	.bottomPage {
		display: inline-block;

	}
	#colophon ul {
		display: flex;
		justify-content: start;
		gap: 2rem;
		margin-top: 1rem;
	}

	.bloc-item-main {
		flex: 0 0 40%;
	}
	.bloc-item h3 {
		font-size: 22px;
	}
	.bloc-item-secondary h4 {
		font-size: 18px;
	}
	.insideOutils {
		padding: 1.5rem;
	}
	.lockOverlay {
		top: 1.5rem;
		right: 1.5rem;
		font-size: 1.25rem;
	}

}

/* Tablet - entre 769px et 1024px */
@media (min-width: 769px) and (max-width: 1024px) {
	.formationCard {
		width: calc((100% - 1.5rem) / 2);
		flex: 0 0 calc((100% - 1.5rem) / 2);
	}
}
@media screen and (max-width: 992px) {
	.document-item {
		grid-template-columns: 1fr auto;
		gap: 1rem;
	}
	
	.document-col-title {
		grid-column: 1 / 2;
	}
	
	.document-col-badge {
		grid-column: 1 / 2;
		/*margin-top: 0.5rem;*/
	}
	
	.document-col-link {
		grid-column: 2 / 3;
		grid-row: 1 / 3;
		align-self: center;
	}
}
@media screen and (max-width: 860px) {
	.boxVertP {

		flex-direction: column;
	}
	.post-password-form {

		margin-top: 0.5rem;
	}
	#password-form{
		padding-left: 0!important;
		padding-right: 0!important;
	}

	.specialBtn{
		/*margin-top: 1rem;*/
	}

}
/* Mobile et Tablet - 768px et moins */
@media screen and (max-width: 768px) {

	.homeBanner::after {
		width: 16.6666666667%;

	}


	.leftSide{
		z-index: 99;
	}
	.bloc-item-secondary:first-child::after {
		content: '';
		position: absolute;
		right: 5%;
		bottom: 0;
		top: auto;
		height: 1px;
		width: 90%;
		background-color: rgba(255, 255, 255, 1);
		
	}

	.content1323  .colonne_1 .txtCtn{
		/*padding-bottom: 2rem;*/
	}
	.padTB110 {
		padding-top: 2.875rem;
		padding-bottom: 2.875rem;

	}

	.padB110 {
		padding-bottom: 2.875rem;

	}
	.skins section:not(.bg_gris):last-of-type {
		padding-bottom: 1.75rem !important;
	}

	.after-banner--padding {
		padding-top: 1.375rem !important;
	}

	#colophon ul {
		gap: 1rem;
	}
	#colophon ul li a {
		font-size: 0.9rem;
	}

	.navbar .logo {
		border-radius: 0;
		text-align: center;
	}
	.navbar #menu-primary-menu {
		flex-direction: column;
		gap: 10px;
	}
	.navbar #menu-primary-menu .menu-item a {
		text-align: center;
	}
	.bloc-items-secondary {
		flex: 1!important;
		flex-direction: column!important;
		/*gap: 15px!important;*/
	}
	.bloc-item-secondary:first-child {
		border-radius: none /* top-left, top-right, bottom-right, bottom-left */
	}

	.bloc-item-secondary:last-child {
		border-radius: 0 0 30px 30px; /* bottom-left et bottom-right */
	}
	.bloc-couleur {
		padding: 20px 30px 20px 10px;
		min-height: 200px;
	}
	.bloc-content {
		/*flex-direction: column;
		gap: 20px;*/
		gap: 1rem;
	}
	.bloc-texte h3{
		font-size: 18px!important;
		line-height: 1.2rem!important;
	}
	.bloc-icone-container {

		/*width: 100%;*/
	}
	.bloc-texte {
		font-size: 16px;
	}
	.bloc-document-turquoise {

		flex-direction: column;
		/*gap: 15px;*/
		border-radius: 0;
		overflow: visible;
	}
	.bloc-item-main {
		flex: none;
		border-radius: 30px 30px 0 0;
	}

	.bloc-cyan-content .bloc-text p a {
		font-size: 15px;
	}
	.formationCard {
		width: 100%;
		flex: 0 0 100%;
	}
	.listeFormation .listingOutils {
		gap: 0.625rem;
	}
	.insideOutils {
		padding: 1.5rem;
	}
	.insideOutils .top h4 {
		font-size: 1rem;
	}
	.insideOutils .top {
		margin-bottom: 1.5rem;
	}



	.documents-title {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.document-item {
		gap: 0.75rem;
	}

	.document-title {

	}


	h1 {
		font-size: 2.8125em;
		line-height: 2.8125rem;

	}

	.pageBanner::after {
		width: 68%;
	}

	.skins section:first-of-type {
		padding-top: 10.25rem;
	}
	h2 {
		font-size: 2em;

	}
}

@media screen and (max-width: 640px) {
	#colophon ul {

		flex-direction: column;
	}
	.boxVertP {

		word-break: break-word;
	}
	.document-col-link {

		grid-row: auto!important;

	}
	.documents-section .bloc-link {
		display: inline-flex;

	}

	.document-col-badge {

		margin-top: 0!important; 
	}
	.bloc-item {
		padding: 2.375rem 2.5rem;

	}

}

@media screen and (max-width: 480px) {
	.bloc-document-turquoise {
		padding: 15px;
	}
	.insideOutils {
		padding: 1.25rem;
	}
	.lockOverlay {
		top: 1.25rem;
		right: 1.25rem;
		font-size: 1.125rem;
	}
	.insideOutils .bottom .downloadLink {
		font-size: 0.8rem;
	}



	.documents-title {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.document-item {
		grid-template-columns: 1fr;
		gap: 0.75rem;
		padding-top: 1.25rem;
		padding-bottom: 1.25rem;
	}

	.document-col-title,
	.document-col-badge,
	.document-col-link {
		justify-self: start;
		grid-column: 1;
	}

	.document-col-link {
		width: 100%;
	}

	.documents-section .bloc-link {


	}

	.document-title {

		line-height: 1.4;
	}

	.document-badge {
		padding: 4px 12px;
		font-size: 12px;
	}
}