@charset "UTF-8";

/* color : #ffcc00 */
/*** NORM ***/
.toOverlay .adminFixed,
.toOverlay #toolbar-administration,
.noDisplay,
.menuBas .contextual-links,
.front .ariane,
.public .zUser ul.menu,
.node-2 .nodeActions,
/* 404 */
.node-3 .nodeActions,
/* 403 */
.user-login-form label,
.sPublic #block-karyans-account-menu {
	display: none !important;
}

/*admin*/
.text ul li:before, 
.ck-content ul li:before {
	display: block;
	content: "";
	position: absolute;
	height: 10px;
	width: 10px;
	border-radius: 30px;
	background-color: #f9b000;
	margin: 7px 0px 0px -23px;
	padding: 0px;
}
.text ul li,
.ck-content ul li {
	position: relative;
	list-style: none; /* pour ne pas cumuler avec une puce native */
}
/* fin admin*/
[hidden],
.type-article .dateT {
	position: relative;
}
.front .para h1, h1{
	margin-bottom: 50px!important;
}
/*.contextual-links{
	display: none !important;
}*/
/*.tagBox{
display: none;
}*/
.item h3.titre a {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.item .boxLegend {
	display: none;
}
.node-6376 .para{
margin: 35px auto;
}
.node-6376 .int .textBox{
	padding: 0;
}
.node-6376 h2{
	margin-top: 0;
}
/* ── Menu Événements uniquement : items côte à côte ── */
/*debut*/
.node-6292 .vue header{
margin: 0!important;
}
.grille-dossiers {
    list-style: none;
    margin: 30px 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 18px;
}

.grille-dossiers li {
    margin: 0;
    padding: 0;
}
.text ul.grille-dossiers li:before,
.ck-content ul.grille-dossiers li:before {
    content: none;
    display: none;
}
.grille-dossiers li a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 22px;
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-left: 4px solid #FFC800;
    text-decoration: none;
    color: #1A1A1A;
    font-weight: 600;
    font-size: 1.02em;
    transition: all 0.25s ease;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

/* Petite icône dossier avant le texte */
.grille-dossiers li a::before {
    content: "📁";
    font-size: 1.1em;
    flex-shrink: 0;
}

.grille-dossiers li a:hover {
    border-left-color: #1A1A1A;
    background-color: #FFFBEE;
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.1);
    color: #000000;
}

.grille-dossiers li a:active {
    transform: translateY(-1px);
}
.boutons-vue-evenements {
    display:flex;
    gap: 10px;
    margin-bottom: 20px;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
}

.btn-evenement-actif,
.btn-evenement {
    display: inline-block;
    padding: 8px 20px;
    border-radius: 25px;
    font-weight: 600;
    text-decoration: none;
    font-size: 0.95em;
    transition: all 0.25s ease;
    cursor: pointer;
}

/* Bouton actif (état "sélectionné") */
.btn-evenement-actif {
    background-color: #FFD700;
    color: #000;
    border: 2px solid #FFD700;
}

/* Bouton inactif / lien */
.btn-evenement {
    background-color: transparent;
    color: #000;
    border: 2px solid #000;
}

.btn-evenement:hover {
    background-color: #000;
    color: #FFFFFF;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(60, 107, 164, 0.3);
}

.btn-evenement:active {
    transform: translateY(0px);
    box-shadow: none;
}
/*fin*/
/* Dropdown en flex row */
/* ── Menu Événements : 2 colonnes de texte, sans image ── */
/* Séparation verticale entre les deux colonnes du menu Événements */
.li-0:has(> a[href="/evenements"]) .ul-child-main.niv1 {
	position: relative;
}
.li-0:has(> a[href="/evenements"]) .ul-child-main.niv1::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 1px;
	background: #e0e0e0;
}
/* Layout grid appliqué UNIQUEMENT quand le menu est ouvert (survol) */
.computer .li-0:has(> a[href="/evenements"]):hover .ul-child-main.niv1 {
	
	gap: 8px 20px;
	width: 100%;
}

.li-0:has(> a[href="/evenements"]) .ul-child-main.niv1 > .li-1 {
	flex: unset;
	width: auto;
}

.li-0:has(> a[href="/evenements"]) .ul-child-main.niv1 > .li-1 > a {
	display: block;
	padding: 8px 5px;
	font-size: 0.9em;
	color: #333;
	line-height: 1.4;
	border-radius: 4px;
	transition: background 0.15s;
	box-sizing: border-box;
}

.li-0:has(> a[href="/evenements"]) .ul-child-main.niv1 > .li-1 > a:hover {
	background: #f5f5f5;
	color: #F9B000;
}

/* On masque complètement les images du menu */
.li-0:has(> a[href="/evenements"]) .ul-child-main.niv1 .menu-image {
	display: none !important;
}

html {
	font-family: Helvetica, Arial, "sans-serif";
	text-size-adjust: 100%;
	/* 2 */
	scroll-behavior: smooth;
}

body {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	color: #4E5457;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
b section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

*:active,
*:focus {
	outline-style: none;
}

.para:after,
.clearfix:after,
.header:after,
.navi:after,
.main:after,
.text:after,
.contenu:after,
.footer:after {
	display: block;
	content: "";
	height: 0px;
	visibility: hidden;
	clear: both;
}

.all,
.dateT,
.icOpen.withTextDeplier,
.numberListe,
.siteName {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important;
}

h1,
h2,
h3,
h4,
h5 {
	line-height: 1.2em;
	color: #000;
	font-weight: 700;
	/*font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";*/
}

.h1,
h1 {
	margin: 40px 0;
	padding: 0;
	color: #ffcc00;
	font-size: 2.4em;
}

h2 {
	margin: 0px 0 10px 0;
	font-size: 1.7em;
}

h3 {
	margin: 0px 0 10px 0;
	font-size: 1.35em;
	font-weight: 600;
}

h4 {
	margin: 10px 0 15px 0;
	font-size: 1.2em;
}

h5 {
	margin: 20px 0 10px 0;
	font-size: 1.1em;
}

.item .titre {
	margin: 10px 0 5px 0 !important;
}

.item h3.titre {
	font-size: 1.2em;
}

.item h2.titre {
	font-size: 1.45em;
}

.textBox .iBox.docBox.dSeul {
	display: none;
}
.tags-R{
	    margin-bottom: 65px;
}
/* ── "Profil" : dernier élément du menu, poussé à droite avec icône ── */

.ul-parent-main.niv0 > .li-0.log {
	margin-left: auto;
}

.ul-parent-main.niv0 > .li-0.log > a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	background-color: #f6f6f6;
	color: #F9B000 !important;
	font-weight: 600;
}

.ul-parent-main.niv0 > .li-0.log > a::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url("../images/icons/user.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.ul-parent-main.niv0 > .li-0.log > a:hover {
	background-color: #000;
	color: #fff !important;
}

.ul-parent-main.niv0 > .li-0.log > a:hover::before  {
	filter: invert(1);
}
/* Tous les li-1 qui ont un sous-menu niv2 = titre de colonne → jaune */
.ul-parent-main.niv0>.li-item-main.li-0>.ul-child-main.niv1>.li-item-main.li-1:has(> .ul-child-main.niv2)>a,
.ul-parent-main.niv0>.li-item-main.li-0>.ul-child-main.niv1>.li-item-main.li-1:has(> .ul-child-main.niv2)>span {
	color: #000 !important;
	font-weight: bold;
	pointer-events: none;
	cursor: default;
}

.ul-parent-main.niv0>.li-item-main.li-0>.ul-child-main.niv1>.li-item-main.li-1:has(> .ul-child-main.niv2)>a::before,
.ul-parent-main.niv0>.li-item-main.li-0>.ul-child-main.niv1>.li-item-main.li-1:has(> .ul-child-main.niv2)>span::before {
	content: "› ";
	color: #000;
	font-weight: bold;
	font-size: 1.2em;
}

.ul-parent-main.niv0>.li-item-main.li-0>.ul-child-main.niv1>.li-item-main.li-1>.ul-child-main.niv2>.li-item-main.li-2>a:hover,
.ul-parent-main.niv0>.li-item-main.li-0>.ul-child-main.niv1>.li-item-main.li-1>.ul-child-main.niv2>.li-item-main.li-2>span:hover {
	/* font-weight: bold !important;
    color: #000 !important;*/
	color: #ffffff !important;
	background: #fdc100;
}

/* GENERAL */
hr {
	display: block;
	height: 5px;
	background: #F2F2F2;
	border: 0px;
	margin: 2em 0;
}

.imBg {
	background-repeat: no-repeat;
	background-size: cover;
}

p {
	margin: 25px 0px;
}

.item p {
	margin: 10px 0;
}

.margHB {
	margin: 35px 0px;
}

.box {
	position: relative;
}

.indic {
	font-size: 0.875em;
	color: #666;
}

.tXS {
	font-size: 0.875em;
}

.tS {
	font-size: 0.938em;
}

.tL {
	font-size: 1.125em;
}

.tXL {
	font-size: 1.25em;
}

.tXXL {
	font-size: 1.5em;
}

.nowrap {
	white-space: nowrap;
}

.flex {
	display: flex;
	position: relative;
}

.flexCenterV {
	align-items: center;
}

.flexCenter {
	justify-content: center;
}

.flexBetween {
	justify-content: space-between;
}

.flexAround {
	justify-content: space-around;
}

.flexWrap {
	flex-wrap: wrap;
}

.w100 {
	width: 100%;
}

.w50 {
	width: 50%;
}

.w33 {
	width: 33.2%;
}

.table {
	display: table;
	border-collapse: collapse;
}
table.table {
	margin-bottom: 15px;
}
.tr {
	display: table-row;
}

table.table td {
	padding: 8px;
}

.td {
	display: table-cell;
	vertical-align: top;
}

/* FIN GENERAL */
.content_new_search {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center !important;
	align-content: center;
	margin: 0 auto !important;
	margin-left: 55px;
	left: 25px;
}

.zone.pop.zRech .int {
	/*	padding: 30px 150px!important;
	width: 100%;!important;*/
}

.contentZoneCarrefour {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	margin-top: 30px;
	background: #f7f7f7;
	padding: 10px 20px;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.head_rech {
	background: #F6F6F6;
	height: 100%;
	RIGHT: 0PX;
	/*REtire pour l'aligner à droite position: relative;*/
	margin-right: 0px;
	padding-right: 16px;
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	width: 200px;
	border-left: 2px solid #BDBEC0;

}

.menu-with-submenu {
	position: relative;
	z-index: 1000;
}

.submenu-dropdown {
	display: none;
	position: absolute;
	top: 100%;
	left: 44px;
	background-color: white;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	padding: 0px 0;
	min-width: 200px;
	z-index: 9999;
	margin-top: -8px;
}

.submenu-dropdown a {
	display: block;
	padding: 10px 20px;
	color: #333;
	text-decoration: none;
	transition: background-color 0.2s;
}

.submenu-dropdown a:hover {
	background-color: #f5f5f5;
}

.menu-with-submenu:hover .submenu-dropdown {
	display: block;
}

.flexIcon {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 55px;
}

/*modification thematique juridique*/
/*select container*/
.select-container select {
	box-sizing: border-box !important;
}

.select-container {
	position: relative;
	width: 320px;
	margin: 0 auto;
}

.select-container select {
	width: 100%;
	padding: 12px 15px 12px 18px;
	font-size: 16px;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	background-color: #fff;
	color: #333;
	appearance: none;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	background-image: url('../images/icons/icon_arrow_pt.svg');
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.select-container select:focus {
	outline: none;
	border-color: #4a90e2;
	box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.2);
}

/* .select-container::before {
            content: "\f0c9";
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            position: absolute;
            left: 15px;
            top: 50%;
            transform: translateY(-50%);
            color: #4a90e2;
            pointer-events: none;
        }*/
/*.select-container::after {
            content: "\f078";
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            color: #777;
            pointer-events: none;
            transition: all 0.3s ease;
        }*/
.select-container select:focus+ ::after {
	color: #4a90e2;
}

.select-container option {
	padding: 12px 15px;
	background-color: #fff;
	color: #333;
}

.select-container option:hover {
	background-color: #f0f7ff;
}

/*fin select container*/
.not-front .avecCadre .item {
	border: none;
}

.not-front .espace_LOG .int {
	padding-bottom: 0px !important;
}

.not-front .int {
	display: flex;
	flex-direction: column;
	/*padding-bottom: 50px;*/
}

.not-front .ls1 .mediaBox {
	width: 100%;
}

.btnEnsavoirPlus {
	background: linear-gradient(135deg, #F9B000, #e67e22);
	color: white;
	padding: 12px 25px;
	border-radius: 5px;
	font-weight: 600;
	font-size: 0.95rem;
	margin-bottom: 20px;
	box-shadow: 0 4px 15px rgba(243, 156, 18, 0.3);
	margin: 0 auto;
	display: inline-block;
	left: 50%;
	right: 50%;
	position: relative;

}
/****modification***/
.items{
	display: flex;
}
/* --- FORMATTAGE DE LA GRILLE POUR BLOC SEUL (PAGE THEMATIQUE) --- */

/* 1. On force le conteneur de l'item à se comporter en ligne flex */
.path-page-thematique .items.its_1.itsSeul {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important; /* Aligne l'unique bloc à gauche */
    flex-wrap: wrap !important;
    width: 100% !important;
    box-sizing: border-box !important;
    gap: 12px;
    margin-bottom: 40px !important; /* Ajoute un espace de sécurité sous la grille entière */
	margin-top: 40px;
}

/* 2. On force l'unique article à faire EXACTEMENT la taille d'une colonne de l'accueil */
.path-page-thematique .items.its_1.itsSeul .item {
    flex: 0 0 24.333% !important; /* Calé sur 4 colonnes comme l'accueil */
    max-width: 24.333% !important;
    box-sizing: border-box !important;
    padding-bottom:210px !important; /* Crée l'écart invisible sous le bloc pour que les éléments suivants ne collent pas */
}

/* 3. On remet la boîte blanche à sa place (superposée sur l'image) */
.path-page-thematique .items.its_1.itsSeul .item .int .textBox {
    margin-top: -85px !important; /* Remonte le bloc blanc sur l'image comme à l'accueil */
    margin-left: 20px !important;  /* Réduit légèrement les marges latérales pour s'adapter aux 24% de largeur */
    margin-right: 20px !important; /* sans que le texte ne soit trop compressé */
    width: auto !important; 
    position: relative !important;
    z-index: 5 !important;
}
.path-page-thematique .items.its_1.itsSeul .textBox a{
	    width: 96px;
}
/*****mise en page**/
.items.its_2.itsMulti .item{
   /* width: 23.5%;*/
}
/* ==========================================================================
   RECONSTRUCTION ".path-publications .items.itsMulti" — version corrigée
   ========================================================================== */
.path-publications .items.itsMulti,
.path-publications .items.itsMulti .item {
	overflow: visible !important;
	max-height: none !important;
	height: auto !important;
}
.path-publications .items.itsMulti {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 30px 20px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.path-publications .items.itsMulti .item {
	display: flex !important;
	flex-direction: column !important;
	position: relative !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
		height: auto !important;   /* le grid ne doit jamais forcer une hauteur fixe */
}


/* --- Image --- */
.path-publications .items.itsMulti .item .views-field-field-media {
	width: 100% !important;
	margin: 0 !important;
}
.path-publications .items.itsMulti .item .mediaBloc {
	height: 200px;
	overflow: hidden;
}
.path-publications .items.itsMulti .item img.obj.im {
	width: 100% !important;
	height: 200px !important;
	object-fit: cover !important;
	display: block !important;
}


.path-publications .items.itsMulti .item .views-field-title .field-content {
	display: block;
	font-size: 1.15em;
	font-weight: 700;
	color: #000;
	line-height: 1.3em;
}
.path-publications .items .item .int .textBox{
	margin-top: -265px;
}

/* ==================================================================
   CARTES POUR VUE "FIELDS" (espace-membre/dossiers/navigation-aerienne)
   Reconstruction visuelle sans toucher au HTML généré par Views
   ================================================================== */

/* 1. Grille (identique à la page thématique) */
.items.its_4.itsMulti {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    grid-auto-rows: minmax(430px, auto) !important;
    gap: 10px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 60px !important;
}

/* 2. Chaque .item devient une carte verticale */
.items.its_4.itsMulti .item {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

/* 3. Ordre d'affichage forcé : média, titre, intro, lien */
.items.its_4.itsMulti .item .views-field-field-media       { order: 1; }
.items.its_4.itsMulti .item .views-field-title              { order: 2; }
.items.its_4.itsMulti .item .views-field-field-introduction { order: 3; }
.items.its_4.itsMulti .item .views-field-view-node          { order: 4; }

/* 4. On masque le champ "intro-liste" (toujours vide dans cette vue) */
.items.its_4.itsMulti .item .views-field-field-intro-liste {
    display: none !important;
}

/* 5. Image : même traitement que .mediaBox */
.items.its_4.itsMulti .item .views-field-field-media {
    width: 100% !important;
    margin: 0 !important;
    position: relative;
}
.items.its_4.itsMulti .item .views-field-field-media .mediaBloc {
    height: 320px;
    overflow: hidden;
    position: relative;
}
.items.its_4.itsMulti .item .views-field-field-media img.obj.im {
    width: 100% !important;
    height: 320px !important;
    object-fit: cover !important;
    display: block !important;
}
.items.its_4.itsMulti .item .views-field-field-media .credit {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    color: rgba(255, 255, 255, 0.8);
    padding: 1px 3px;
    font-size: 13px;
    z-index: 2;
}

/* 6. Reconstruction du bloc blanc "textBox" sur 3 sous-blocs contigus */
.items.its_4.itsMulti .item .views-field-title,
.items.its_4.itsMulti .item .views-field-field-introduction,
.items.its_4.itsMulti .item .views-field-view-node {
    background: #ffffff !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    position: relative !important;
    z-index: 5 !important;
}

/* Titre : remonte sur l'image + style h3.titre */
.items.its_4.itsMulti .item .views-field-title {
    margin-top: -85px !important;
    padding-top: 20px !important;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08);
}
.items.its_4.itsMulti .item .views-field-title span.field-content a {
    display: block;
    font-size: 1.2em;
    font-weight: 700;
    color: #000;
    line-height: 1.2em;
    text-decoration: none;
}
.items.its_4.itsMulti .item .views-field-title span.field-content a:hover {
    color: #F9B000;
}

/* Intro : hauteur limitée comme .intro sur la page thématique */
.items.its_4.itsMulti .item .views-field-field-introduction {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    flex: 1;
}
.items.its_4.itsMulti .item .views-field-field-introduction span.field-content {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 80px;
}

/* Lien "en savoir plus" stylé comme .lire */
.items.its_4.itsMulti .item .views-field-view-node {
    padding-top: 10px !important;
    padding-bottom: 20px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.items.its_4.itsMulti .item .views-field-view-node span.field-content a {
    background-color: #F9B000;
    color: #333;
    padding: 12px 24px;
    border-radius: 4px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
}
.items.its_4.itsMulti .item .views-field-view-node span.field-content a:hover {
    color: #fff;
    background-color: #000;
}
/* ==========================================================================
   PRODUCTION CORE : PATCH SÉCURISÉ POUR LA CLASSE .itsMulti
   ========================================================================== */

   .espacePublic.path-page-thematique .items.itsMulti .intro{
height: 64px;
   }
/* 1. On force le conteneur en grille moderne avec alignement strict */
.path-page-thematique .items.itsMulti {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; 
    grid-auto-rows: minmax(430px, auto) !important; 
    gap: 10px 16px !important; 
    width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 60px !important;
}

/* 2. On isole chaque carte d'actualité */
.path-page-thematique .items.itsMulti .item {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
}

/* 5. FORCE LE WRAPPER INTERNE A LAISSER PASSER LA MARGE NEGATIVE */
.path-page-thematique .items.itsMulti .item .int {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    position: relative !important;
}

/* 3. Ajustement millimétré de la textBox (Remontée forcée) */
.path-page-thematique .items.itsMulti .item .int .textBox {
    margin-top: -285px !important; /* Force la boîte à remonter sur l'image */
    margin-left: 20px !important;  
    margin-right: 20px !important;
    padding: 20px !important;
    width: auto !important;
    
    /* Indispensable pour que le margin-top négatif passe au-dessus du flux de l'image */
    position: relative !important;
    z-index: 5 !important; 
    
    background: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important; 
}

/* 4. On calibre le bouton pour qu'il ne casse pas la mise en page */
.path-page-thematique .items.itsMulti .textBox a {
   
    display: inline-block !important;
 
}
/***new code**/

/***fin**/


.roleMembre .not-front .items .item .int .textBox {
	margin-top: -85px !important;
}

.not-front .items .item .int .textBox {
	background: #fff;
	padding: 25px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	/*margin-top: -85px; verifie
  margin-top: 125px;*/
	z-index: 5;
	margin-left: 35px;
	margin-right: 35px;
	position: relative;
	width: 255px;
}

.path-page-thematique .views-exposed-form {
	background: #f8f8f8;
	padding-top: 12px;
	margin-bottom: 25px;
}

.not-front .avecCadre .textBox>.int {
	padding: 21px 9px 18px 2px;
}

.path-page-thematique .item .dateBox.dateSeule .dateT {
	padding: 0px 5px;
	width: 30%;
}

.path-taxonomy .item .dateBox.dateSeule .dateT {
	padding: 0px 5px;
	width: 100%;
}

.not-front .typeName {
	display: none;
}

h2.page-header strong {
	margin-left: 15px;

}

.paragraphs-icon-button.paragraphs-icon-button-collapse.button--extrasmall.button.js-form-submit.form-submit {
	background: red;
}

#field-paragraphe-0-subform-field-onglets-titre-texte-add-more.field-add-more-submit.button--small.button.js-form-submit.form-submit {
	background: #74dd74 !important;
}

#edit-field-paragraphe-0-top-links-remove-button {
	background: red;
}

#edit-field-introduction-wrapper .form-textarea-wrapper {
	width: 100%;
}

/*fin modification thematique juridique*/
/*content page thematique*/
.content2 {
	display: flex;
	gap: 20px;
	margin-top: 50px;
	flex-wrap: wrap;
	/*margin-bottom: 50px;*/
}

.image-section {
	flex: 1;
	max-width: 500px;
	position: relative;
}

.image-section img {
	width: 100%;
	height: auto;
	border-radius: 8px;
	object-fit: cover;
}

.text-section {
	flex: 1;
	min-width: 300px;
}

.accordion-th {
	margin-bottom: 20px;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.accordion-header {
	background-color: #f0f0f0;
	padding: 15px;
	cursor: pointer;
	display: flex;
	align-items: center;
	border: none;
	width: 100%;
	text-align: left;
	font-size: 1.1em;
	font-weight: 600;
	transition: background-color 0.3s;
	margin: 0px;
}

.txtOrange {
	color: orange;
	font-weight: bold;
}

.accordion-content ul {
	margin-bottom: 15px;
}

.accordion-content ul li {
		line-height: 31px;
	position: relative;
	padding-left: 20px;
	list-style-type: none;
}
.accordion-content ul li::before{
	display: block;
	content: "";
	position: absolute;
	height: 10px;
	width: 10px;
	border-radius: 30px;
	background-color: #f9b000;
	top: 10px;
	left: 0;
}
.accordion-header:hover {
	background-color: #e0e0e0;
}

.accordion-header::before {
	content: "";
	width: 16px;
	height: 16px;
	margin-right: 10px;
	background-image: url('../images/icons/icon_arrow_pt.svg');
	background-repeat: no-repeat;
	background-position: center;
	transition: transform 0.3s;
}

.accordion-header.active::before {
	transform: rotate(180deg);
}

.accordion-content {
	background-color: white;
	padding: 0;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
}

.accordion-content.active {
	max-height: 500px;
	padding: 20px;
}

.definition {
	margin: 20px 0;
	font-style: italic;
}

.credit {
	font-size: 0.8em;
	color: #777;
	margin-top: 10px;
}

/*fin page thematique*/
/* icon*/
.icon {
	display: inline-block;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	width: 36px;
	height: 36px;
}

.iconSearch {
	display: inline-block;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	width: 36px;
	height: 36px;
	background-image: url('../images/icons/icon-search.svg');
}

.iconPeople {
	background-image: url('../images/icons/icon_people.png');
}

.iconOnly {
	background-image: url('../images/icons/icon_only.png');
}

.iconClub {
	background-image: url('../images/icons/icon_club.png');
}

.centerContent {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.txticon {
	text-transform: uppercase;
	font-weight: 500;
	font-family: "Inter", sans-serif;
	margin-left: 10px;
	    color: #000 !important;
}

/* fin icon*/
/*aeroport design*/
.results-info {
	background: #F9B000;
	backdrop-filter: blur(10px);
	border-radius: 50px;
	padding: 1rem 2rem;
	display: inline-block;
	color: black;
	font-size: 1.1rem;
	margin-top: 1rem;
}

.results-info strong {
	font-weight: 700;
}

.alphabet-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.letter-btn {
	width: 45px;
	height: 45px;
	border: 2px solid #e0e0e0;
	background: white;
	border-radius: 12px;
	cursor: pointer;
	font-weight: 600;
	color: #666;
	transition: all 0.3s ease;
	font-size: 1rem;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.letter-btn:hover {
	/*background: linear-gradient(135deg, #F9B000, #e67e22);*/
	background: #F9B000;
	color: white;
	border-color: transparent;
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgb(252, 165, 3);
}

.letter-btn.active {

	/* background: linear-gradient(135deg, #F9B000, #e67e22);*/
	background: #F9B000;
	color: white;
	border-color: transparent;
}

.filter-label {
	font-size: 0.9rem;
	font-weight: 600;
	color: #666;
	margin-bottom: 1rem;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.filter-section {
	background: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(10px);
	border-radius: 20px;
	padding: 2rem;
	margin-bottom: 2rem;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
	margin-top: 30px;
}

/*aeroport fin design*/
/*template picto homme*/
.search-container {

	width: 100%;
	/*max-width: 800px;*/
	padding: 0px 0px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}

.search-group {
	width: 100%;
	/* max-width: 500px;*/
	display: flex;
}

.search-box {
	background-color: white;
	border: none;
	padding: 12px 20px;
	width: 100%;
	font-size: 16px;
	border-radius: 4px 0 0 4px;
	border: 1px solid #ddd;
	border-right: none;
	margin: 0px;
}

.search-button {
	background-color: white;
	border: 1px solid #ddd;
	padding: 12px 20px;
	font-size: 16px;
	cursor: pointer;
	border-radius: 0 4px 4px 0;
	white-space: nowrap;
	margin: 0;
}

/* Placeholder styling */
.search-box::placeholder {
	color: #999;
	font-style: italic;
}


/* Grille des publications */
.publications-grid {
	/*display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));*/
	    display: flex;
	gap: 60px;
	margin-bottom: 30px;
}

.publication-card {
	position: relative;
	overflow: hidden;
	border-radius: 0px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease;
	    width: 335px;

}

.publication-card:hover {
	transform: translateY(0px);
}

.publication-card img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	display: block;
}

/* Overlay au survol */
.overlay_text {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background:white; 
	color: rgba(0, 0, 0, 1);
	padding: 20px;
	transform: translateY(100%);
	transition: transform 0.3s ease;
}

.publication-card:hover .overlay_text {
	transform: translateY(0px);
}

.overlay_text h3 {
	font-size: 18px;
	margin: 0;
	color: #F9B000 !important;
}

.overlay_text p {
	font-size: 0.9rem;
	line-height: 1.4;
}
.views-field.views-field-view-node span.field-content a{
	    background-color: #F9B000;
    color: #333;
    padding: 12px 24px;
    border: none;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 18px;
}
/* Grille des partenaires */
.inflexContent {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-start; /* ✅ était "stretch", c'est ça qui causait le bug */
}

/* Chaque carte partenaire */
.para-partenaire-item {
  flex: 0 0 calc(25% - 15px);
}

/* Conteneur intérieur */
.para-partenaire-item-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  /* ✅ Supprimer height: 100% */
  border: 1px solid #e0e0e0;
  padding: 15px;
  border-radius: 4px;
}

/* Boîte de logo à taille fixe */
.para-partenaire-item-photo {
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* L'image s'adapte sans déformation */
.para-partenaire-item-photo img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Nom/lien en dessous */
.para-partenaire-item-texte {
  margin-top: 10px;
}

/* Responsive */
@media (max-width: 768px) {
  .para-partenaire-item {
    flex: 0 0 calc(50% - 10px);
  }
}

@media (max-width: 480px) {
  .para-partenaire-item {
    flex: 0 0 100%;
  }
}
/* Bouton "Voir toutes les publications" */
.voir-toutes {
	background: #F9B000;
	/* background: linear-gradient(135deg, #F9B000, #e67e22);*/
	color: #333;
	border: none;
	padding: 12px 24px;
	font-size: 1rem;
	font-weight: bold;
	cursor: pointer;
	border-radius: 4px;
	transition: background-color 0.3s ease;
	display: flex;
	margin: 0 auto;
	 
}

.voir-toutes:hover {
	background: #000000;
	color: #fff !important;
}

/* Responsive */
@media (max-width: 768px) {
	.publications-grid {
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	}
}

@media (max-width: 480px) {
	.publications-grid {
		grid-template-columns: 1fr;
	}
}

/*aeroport template*/
.type-aeroport .bgaeroport h1 {
	text-align: center;
	text-transform: inherit;
	font-weight: bold;
}
#reseaux-sociaux h1{
margin-bottom: 55px !important;
    position: relative;
}
#reseaux-sociaux  .contentResR{
	display: flex;
    justify-content: center;
}
#reseaux-sociaux .report-section{
	margin-top: 55px;
}
.post-reseau-social{
	    width: 100%!important;
		margin-right:0!important;
}
.reseaux-sociaux {
	display: flex;
}

.main-content {
	display: flex;
	min-height: 400px;
}

.info-panel {
	/* background: linear-gradient(135deg, #f1c40f, #f39c12);*/
	background: #F9B000;
	padding: 30px;
	width: 45%;
	color: #333;
}

.info-title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

.info-item {
	margin-bottom: 8px;
	font-size: 0.95rem;
}

.info-item strong {
	display: inline-flex;
	margin-bottom: 2px;
	font-weight: bold;
}

.address-section {
	margin-top: 25px;
	padding-top: 20px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	line-height: 27px;
}

.image-panel {
	width: 55%;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 400"><defs><linearGradient id="skyGrad" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color:%2387CEEB;stop-opacity:1" /><stop offset="100%" style="stop-color:%23B0E0E6;stop-opacity:1" /></linearGradient></defs><rect width="600" height="400" fill="url(%23skyGrad)"/><rect x="50" y="200" width="500" height="150" fill="%23E6E6FA" stroke="%236495ED" stroke-width="2"/><text x="300" y="100" text-anchor="middle" font-family="Arial" font-size="36" font-weight="bold" fill="%234169E1">NANTES ATLANTIQUE</text><text x="450" y="240" text-anchor="middle" font-family="Arial" font-size="18" fill="%23333">hall 1</text><rect x="100" y="320" width="400" height="5" fill="%23FFF"/><circle cx="150" cy="300" r="8" fill="%23333"/><circle cx="250" cy="300" r="8" fill="%23333"/><circle cx="350" cy="300" r="8" fill="%23333"/><circle cx="450" cy="300" r="8" fill="%23333"/><rect x="120" y="295" width="15" height="25" fill="%236B4423"/><rect x="220" y="295" width="15" height="25" fill="%236B4423"/><rect x="320" y="295" width="15" height="25" fill="%236B4423"/><rect x="420" y="295" width="15" height="25" fill="%236B4423"/></svg>');
	background-size: cover;
	background-position: center;
	position: relative;
}

.image-panel img {
	object-fit: contain;
	background-color: #f7f2f2;
}

.navigation-tabs {
	/*background-color: #e8e8e8;*/
	display: flex;
	flex-wrap: wrap;
	/*border-bottom: 1px solid #ddd;*/
	margin-top: 35px;
}

.nav-tab-ae {
	padding: 12px 16px;
	background-color: #f7f2f2;
	border-right: 1px solid #ddd6d6;
	font-size: 0.9rem;
	cursor: pointer;
	transition: background-color 0.3s;
}

.nav-tab-ae:hover {
	background-color: #f3a212;
	color: #000;
	font-weight: bold;
}

.nav-tab-ae.active {
	background-color: #fff;
	border-bottom: 2px solid #f39c12;
}

.tab-content {
	padding: 30px;
	background-color: #f9f9f9;
	border-top: 1px solid #e0e0e0;
	margin-bottom: 50px;
}

.tab-pane {
	display: none;
}

.tab-pane.active {
	display: block;
}

.content-section {
	font-size: 0.9rem;
	line-height: 1.6;
	color: #666;
}

.content-section p {
	margin-bottom: 12px;
}

.content-section strong {
	color: #333;
	font-weight: 600;
}

.content-section span {
	display: flex !important;
	border: none !important;

}

@media (max-width: 768px) {
	.main-content {
		flex-direction: column;
	}

	.info-panel,
	.image-panel {
		width: 100%;
	}

	.image-panel {
		min-height: 250px;
	}

	.header h1 {
		font-size: 1.8rem;
	}

	.navigation-tabs {
		flex-direction: column;
	}

	.nav-tab-ae {
		border-right: none;
		border-bottom: 1px solid #bbb;
	}
}

/*fin aeroport template*/
/*carousel*/
.offreBox:hover {
	background: #FDF8F8 !important;
}

.offreBox {
	border: 1px solid #eeeeee;
	padding: 15px 20px;
}

.offreBox h3.titre {
	font-weight: 700;
	font-size: 29px;
}

.organismeNode {
	background-size: 25px auto;
	font-size: 1.4em;
	padding: 0px 10px 5px 35px;
	/*  margin-top: 15px;*/
}

.contentOffreEmploi {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: baseline;
	align-content: stretch;
	gap: 12px;
	margin-top: 18px;
}

.offre_type_contrat {
	/*background: #F9B000;*/
	padding: 4px 14px;
	font-weight: bold;
	font-size: 20px;
}

.content_infoEmploi {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	margin-bottom: 20px;
}

.offre_introduction {
	width: 80%;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.offre_aeroport {
	background: url(../images/icons/new-map.png) no-repeat left top;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	color: #000;
	text-transform: uppercase;
}

.offre_emploi {
	background: url(../images/icons/emploi.png) no-repeat left top;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	color: #000;
	text-transform: uppercase;
}

.contentFlex {
	display: inline-flex;
	gap: 20px;
}

.dateBOX {
	display: flex;
	/* margin: 10px 0px 15px 0px;*/
	justify-content: center;
	align-items: center;
	margin-bottom: 15px;
}

.carreDate {
	display: block;
	width: 25px;
	height: 25px;
	background-color: #E5E5E5;
	margin-right: 13px;
}

.colorGREY {
	background-color: #E5E5E5;
}

.colorgreen {
	background-color: #87D253;
}

.colorblue {
	background-color: #4B9DC4;
}

.offre_entreprise {
	font-size: 18px;
}

.offreBox .loffre_introduction p {
	margin-bottom: 15px;
}

#infrastructure .content-section>span,
#acces .content-section>span,
#activite .content-section>span,
#donnees .content-section>span,
#pistes .content-section>span,
#mobilite .content-section>span,
#prestations .content-section>span,
#services .content-section>span,
#utilisateurs .content-section>span,
#liaison .content-section>span,
#etat .content-section>span,
#operateurs .content-section>span,
#commerciaux .content-section>span,
#gestionnaire .content-section>span,
#proprietaire .content-section>span,
#zone .content-section>span,
#carte .content-section>span,
#validation .content-section>span {
	display: inline-flex;
	border: 1px solid;
	padding: 5px;
	background: #ffffff;
	margin-right: 15px;
	margin-bottom: 15px;
}

.content-section>span b {
	color: #000 !important;
	margin-right: 5px;
}

.lumodif a.il.iLien.bouton.icl {
	padding: 18px 28px;
	margin: 10px 10px 10px 0;
	 background-color: #f6f6f6!important;
   box-shadow:none!important;
	border-radius: 4px;
	border: 0;
	font-weight: 400 !important;
	box-shadow: none;
}
.lumodif a.button{
	box-shadow:none!important;
}
.lumodif .icl {
	display: inline-block;
	background-image: url("../images/icons/icon-arrow.png");
	background-repeat: no-repeat;
	background-position: 4px center;
	background-size: 30px auto;
	padding: 6px 25px 6px 40px;
}

.lumodif a.il.iLien.bouton.icl:hover {
	font-weight: 700 !important;
}

.contentSliderUL {
	display: flex;
	margin-bottom: 50px;
	gap: 24px;
	align-items: flex-start;
}

.msSearch {
	display: flex;
}

.msSearch input:hover {
	box-shadow: none;
}

.contentSliderUL ul li {
	padding-left: 15px;
}

.contentULhome {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	
	width: 390px;
	flex-shrink: 0;
	align-self: flex-start;
}

.carousel_home-container {
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
	padding: 0 100px;
}

.carousel_home-container h1 {
	font-size: 2.2rem;
	margin-bottom: 40px;
	color: #333;
	font-weight: 300;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
}

.carousel_home {
	position: relative;
	overflow: visible;
	margin: 0 auto;
	padding-bottom: 20px;
}

.carousel_home-wrapper {
	overflow: hidden;
	position: relative;
}

.carousel_home-track {
	display: flex;
	gap: 20px;
	/* ou 15px sur mobile */
	transition: transform 0.3s ease;
}

.contentSliderHome {
	flex: 1 1 0%;
	min-width: 0;
	overflow: visible;
}

.carousel_home-slide {
	flex: 0 0 calc(50% - 10px);
	position: relative;
	overflow: visible;
	height: 420px;
	border-radius: 8px;
	margin-bottom: 90px;
	flex-shrink: 0;
}

.carousel_home-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.carousel_home-slide:hover img {
	transform: scale(1.02);
}

.slide-content {
	position: absolute;
	bottom: -30px;
	left: 20px;
	right: 20px;
	background: white;
	color: #333;
	padding: 20px;
	text-align: left;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	z-index: 2;
}

.slide-content h3 {
	color: #FF9800;
	font-size: 1.1rem;
	margin-bottom: 10px;
	font-weight: 600;
	margin-bottom: 10px;
	margin-top: 0;
}

.slide-content p {
	font-size: 0.9rem;
	line-height: 1.4;
	margin-bottom: 6px;
	color: #666;
}

.slide-content button {
	background: #FFD700;
	color: #333;
	border: none;
	padding: 8px 16px;
	cursor: pointer;
	font-weight: 600;
	border-radius: 4px;
	margin-top: 10px;
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
	align-self: flex-start;
}

.slide-content button:hover {
	background: #FFC107;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(255, 215, 0, 0.3);
}

.nav-button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(255, 255, 255, 0.9);
	color: #333;
	border: none;
	width: 60px;
	height: 60px;
	cursor: pointer;
	font-size: 1.8rem;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	border-radius: 50%;
}

.nav-button:hover {
	background: white;
	transform: translateY(-50%) scale(1.1);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}

.nav-button.prev2 {
	left: -80px;
}

.nav-button.next2 {
	right: -80px;
}

.carousel_home-indicators {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin-top: 30px;
}

.indicator {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #ddd;
	cursor: pointer;
	transition: all 0.3s ease;
}

.indicator.active {
	background: #FFD700;
	transform: scale(1.2);
}

.indicator:hover {
	background: #FFC107;
}

@media (max-width: 768px) {
	.carousel_home-slide {
		min-width: calc(100% - 7.5px);
		margin-bottom: 50px;
	}

	.contentSliderUL {
		flex-direction: column;
	}

	.slide-content {
		bottom: -25px;
		left: 15px;
		right: 15px;
		padding: 15px;
	}

	.carousel_home-container {
		padding: 0 30px;
	}

	.carousel_home-container h1 {
		font-size: 1.8rem;
		text-align: center;

	}

	.nav-button {
		width: 50px;
		height: 50px;
		font-size: 1.5rem;
	}

	.nav-button.prev2 {
		left: -60px;
	}

	.nav-button.next2 {
		right: -60px;
	}

	.carousel_home-track {
		gap: 15px;
		padding: 0 5px;
	}
}

@media (max-width: 480px) {
	.slide-content {
		padding: 15px;
	}

	.slide-content h3 {
		font-size: 1rem;
	}

	.slide-content p {
		font-size: 0.85rem;
	}
}

/*fin carousel*/
.contentIcons {
	  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start; /* ← clé du problème */
    align-content: flex-start;
}

.contentIcons img {
	margin-bottom: 20px;
}

.contentIcons h4,
p {
	margin: 0px !important;
	line-height: 27px;
	padding-bottom: 15px;
}

.blockIcon {
	 width: 170px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    /* Pas de justify-content: space-between ici */
}
.blockIcon img {
    margin-bottom: 20px;
    width: 90px;
    height: 90px;
    object-fit: contain;
}
.blockIcon h4 {
    min-height: 50px; /* forcer la même hauteur pour tous les titres */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 8px 0;
    line-height: 1.3;
}
.blockIcon p {
    margin: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.4;
    font-size: 0.9em;
    color: #666;
}
/*fin template picto home*/
/* article */
div[role='contentinfo'],
.msg {
	padding: 15px 19px;
	border: 1px solid #9ACDDC;
	box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.25);
	background: #FFF;
	margin: 31px auto;
	text-align: left;
	position: relative;
	background-color: #D9F4F7;
	color: #1D5561;
	border-radius: 4px;
	transition: 0.2s;
	font-size: 13px;
	max-width: 800px;
	z-index: 100;
}

.avecBImg div[role='contentinfo'] {
	position: absolute;
	width: 800px;
	left: 50%;
	margin-left: -400px;
	z-index: 300;
}

.msgSuccess {
	border-color: #97DF95;
	background-color: #E1FFE1;
	color: #1C6648;
}

.msgWarning {
	border-color: #FFB17D;
	background-color: #FFE8D9;
	color: #CF5836;
}

div[aria-label="Message d'erreur"],
.msgError {
	border-color: #F57670;
	background-color: #FFE1E1;
	color: #650103;
}

.msg.wAnim {
	animation-name: hideMsg;
	animation-duration: 1s;
	animation-delay: 3s;
	animation-fill-mode: forwards;
	transition-timing-function: ease-in;
	position: fixed;
	width: 600px;
	left: 50%;
	margin-left: -300px;
	top: 200px;
	z-index: 300;
}

@keyframes hideMsg {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

/* FIN article */
/* ------------------ */
/* ckeditor */
/* UL LI */
.l_lien {

	width: 100%;
	DISPLAY: inline !important;
	padding: 9px !important;
	background-color: #FFD700;
	color: #333;
	border: none;
	border-radius: 4px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	margin-bottom: 18px;
}

.l_lien:hover {
	color: #fff !important;
	background-color: #000;
}

div[role='contentinfo'] li {
	list-style-type: disc;
	margin: 5px 10px;
}

ul,
ol {
	margin: 0px;
	padding: 0px;
	margin-bottom: 27px;
}

ul li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.text ul li,
.cke_editable ul li {
	list-style-type: none;
	position: relative;
	margin: 10px 0px 10px 23px;
	line-height: 27px;
}

.text ul li:before,
.cke_editable ul li:before {
	display: block;
	content: "";
	position: absolute;
	height: 10px;
	width: 10px;
	border-radius: 30px;
	background-color: #f9b000;
	margin: 7px 0px 0px -23px;
	padding: 0px;
}

/* Neutralise les <br> parasites en début de <li> (copier-coller CKEditor) */
.text ul li > br:first-child,
.cke_editable ul li > br:first-child {
	display: none;
}


.accordion-content.active ul li::before{
	display: block;
	content: "";
	position: absolute;
	height: 10px;
	width: 10px;
	border-radius: 30px;
	/*transform: rotate(-20deg); */
	background-color: #f9b000;

	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.accordion-content.active{
	max-height: 1800px;
}
.accordion-content ul li span{
	    display: block;
    left: 15px;
    position: relative;
}

.text ul>li>ul>li:before {
	display: block;
	content: "";
	position: absolute;
	height: 6px;
	width: 6px;
	border-radius: 30px;
	background-color: #fff;
	border: #f9b000 1px solid;
	margin: 7px 0px 0px -23px;
	padding: 0px;
}

.text ul>li>ul>li>ul>li:before {
	display: block;
	content: "";
	position: absolute;
	height: 3px;
	width: 3px;
	border-radius: 30px;
	background-color: #fff;
	border: #f9b000 1px solid;
	margin: 7px 0px 0px -23px;
	padding: 0px;
}

.text ol,
.cke_editable ol,
ol.text {
	counter-reset: item;
}

.text ol li,
.cke_editable ol li,
ol.text li {
	display: block;
	list-style-type: none;
	padding: 0px;
	margin: 1.2em 20px;
	position: relative;
}

.text ol>li:before,
.cke_editable ol>li:before,
ol.text>li:before {
	display: block;
	position: absolute;
	left: -36px;
	top: -1px;
	padding: 0px 0px 0px 13px;
	content: counter(item);
	counter-increment: item;
	font-weight: 600;
	color: #ffcc00;
	font-size: 1.3em;
}

.txtClair .text ol>li:before,
.txtClair ol.text>li:before {
	color: #FFF;
}

.txtClair .text ul li:before,
.txtClair ul.bullet li:before {
	background-color: rgba(255, 255, 255, 0.75);
}

/* FIN UL LI */
.text .phrase,
.text .attention,
.cke_editable .phrase,
.cke_editable .attention {
	margin: 25px 0px;
}

.text .attention,
.cke_editable .attention {
	padding: 15px;
}

.attention {
	border: 1px solid #F57670;
	padding: 5px;
}

.text .phrase,
.cke_editable .phrase {
	line-height: 1.5em;
}

.phrase {
	font-style: italic;
	color: #ffcc00;
	font-size: 1.2em;
}

/* COULEURS */
.cb_blanc {
	border-color: white;
}

.cb_noir {
	border-color: black;
}

.cb_gris {
	border-color: #818489;
}

.cb_couleur,
.cb_bleu {
	border-color: #ffcc00;
}

.cb_violet {
	border-color: #7544C4;
}

.cb_rouge {
	border-color: #CB3340;
}

.cb_orange {
	border-color: #ED961B;
}

.cb_jaune {
	border-color: #DBBF03;
}

.cb_vert {
	border-color: #44AC8F;
}

.blanc {
	color: white;
}

.noir {
	color: black;
}

.gris {
	color: #818489;
}

.couleur,
.bleu {
	color: #ffcc00;
}

.violet {
	color: #7544C4;
}

.rouge {
	color: #CB3340;
}

.orange {
	color: #f9b000;
}

.jaune {
	color: #DBBF03;
}

.vert {
	color: #44AC8F;
}

.bg_blanc {
	background-color: white;
}

.bg_noir {
	background-color: black;
}

.bg_gris {
	background-color: #818489;
}

.bg_couleur,
.bg_bleu {
	background-color: #ffcc00;
}

.bg_violet {
	background-color: #7544C4;
}

.bg_rouge {
	background-color: #CB3340;
}

.bg_orange {
	background-color: #ED961B;
}

.bg_jaune {
	background-color: #DBBF03;
}

.bg_vert {
	background-color: #44AC8F;
}

/* FIN COULEURS */
/* TABLEAU */
.responsive-enabled,
.tableau,
.tableau2 {
	border-collapse: collapse;
	border: 0px;
	color: #191919;
	width: 100%;
}

.responsive-enabled,
.tableau {
	border-top: 1px solid #015093;
}

.tableau2 {
	border-left: 1px solid #015093;
}

.responsive-enabled td {
	width: inherit !important;
}

.responsive-enabled td,
.responsive-enabled th,
.tableau td,
.tableau th,
.tableau2 td,
.tableau2 th {
	border: 0px;
	padding: 10px 20px;
	width: 13%;
}

.responsive-enabled td,
.tableau td,
.tableau2 td {
	background-color: #EEF3F9;
	text-align: left;
}

.responsive-enabled tr:nth-child(even) td,
.tableau tr:nth-child(even) td,
.tableau2 tr:nth-child(even) td {
	background-color: #FFF;
}

.responsive-enabled tr:hover td,
.tableau tr:hover td,
.tableau2 tr:hover td {
	background-color: #FFF7E4;
}

.responsive-enabled th,
.pageUser .responsive-enabled th,
.tableau th,
.tableau2 th {
	font-weight: 600;
	text-align: left;
}

.responsive-enabled th[scope=row],
.tableau th[scope=row],
.tableau2 th[scope=col] {
	background-color: #015093;
	color: #FFF;
	font-size: 15px;
}

.responsive-enabled th[scope=col],
.tableau th[scope=col],
.tableau2 th[scope=row] {
	color: #212851;
	/*text-transform: uppercase;*/
}

.tableau p,
.tableau2 p {
	margin: 5px 0px;
}

.responsive-enabled th[scope=col],
.tableau th[scope=col] {
	padding-top: 10px;
	padding-bottom: 10px;
}

.responsive-enabled th.text-align-center,
.tableau2 th.text-align-center,
.tableau th.text-align-center {
	text-align: center;
}

.responsive-enabled thead th[scope=row],
.tableau thead th[scope=row] {
	background-color: transparent;
}

.responsive-enabled tr,
.tableau tr {
	border-bottom: 3px solid #FFF;
}

.tableau2 tr th[scope=col],
.tableau2 tr td {
	border-left: 3px solid #FFF;
}

.responsive-enabled td a,
.tableau td a,
.tableau2 td a {
	color: #000;
	text-decoration: underline;
}

.responsive-enabled td a:hover,
.tableau td a:hover,
.tableau2 td a:hover {
	color: #0D9FD4;
}

@media all and (max-width:989px) {

	.responsive-enabled,
	.tableau,
	.tableau2 {
		overflow-x: scroll;
		display: block;
		margin: 25px -4%;
		padding-left: 4%;
		width: 100%;
		height: inherit;
	}
}

/* FINTABLEAU */
/* legend image */
figure[role="group"] {
	margin-top: 15px;
	margin-bottom: 15px;
}

figure[role="group"]>article>.js-media-library-item-preview+div {
	display: none;
}

figure+p::after {
	display: block;
	content: "";
	clear: both;
	height: 1px;
	width: 100%;
}

.align-center .boxLegend,
.align-center+figcaption,
.align-center figcaption {
	text-align: center;
}

.align-left .boxLegend,
.align-left+figcaption,
.align-left figcaption {
	text-align: left;
}

.align-left+figcaption {
	float: left;
	clear: left;
	padding-right: 15px;
	padding-bottom: 10px;
}

.align-right .boxLegend,
.align-right+figcaption,
.align-right figcaption {
	text-align: right;
}

.align-right+figcaption {
	float: right;
	clear: right;
	padding-left: 15px;
	padding-bottom: 10px;
}

.align-center {
	text-align: center;
}

.align-center img {
	margin: auto;
}

.cke_editable img[data-align="left"] {
	float: left;
	margin-right: 3%;
	margin-left: 0;
	margin-bottom: 10px;
}

.cke_editable img[data-align="right"] {
	float: right;
	margin-left: 3%;
	margin-right: 0;
	margin-bottom: 10px;
}

img.align-center,
.cke_editable img[data-align="center"] {
	text-align: center;
	margin-bottom: 10px;
}

.cke_editable .zImgOverlay {
	display: none !important;
}

.cke_editable .align-left img,
.cke_editable .align-right img {
	max-width: 100%;
	height: auto;
}

.align-left,
.cke_editable .align-left {
	margin-right: 3%;
	margin-left: 0;
	max-width: 47%;
}

.align-right,
.cke_editable .align-right {
	margin-left: 3%;
	margin-right: 0;
	max-width: 47%;
}

.boxLegend {
	text-align: center;
}

.cke_widget_drupalmedia+p:after,
div.align-left+div:after,
div.align-right+div:after,
div.align-left+p:after,
div.align-right+p:after,
.clear {
	clear: both;
	display: block;
	content: "";
	height: 0px;
}

.corps .boxLegend,
figcaption,
.boxLegend .legend {
	color: #666;
	font-style: italic;
	font-size: 0.9em;
	line-height: 1.1em;
	padding: 5px 8px;
	display: flex;
	justify-content: center;
}

.media .boxLegend {
	padding: 0px;
	display: flex;
	justify-content: center;
}

.corps .boxLegend,
figcaption {
	padding: 5px 0px 15px 0px;
}

.imCredit {
	position: relative;
	display: inline-flex;
	margin: auto;
	justify-content: center;
	align-items: center;
	/*ajout*/
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

.credit {
	/*background: rgba(0, 0, 0, 0.4);*/
	padding: 1px 3px;
	font-size: 13px;
	color:#000;
	/*position: absolute;*/
	z-index: 5;
	/*bottom: 0px;*/
	left: 0px;
	line-height: 1.1em;
}

.credit:before {
	display: inline-block;
	content: "©";
	padding-right: 2px;
}

/* fin legend */
/* fin ckeditor */
/*** FIN NORM ***/
/*** DIAPORAMA ***/
.jDiaporama {
	position: relative;
	margin: 0px auto;
	z-index: 5;
}

.jDiaporama ul,
.texte .jDiaporama ul {
	margin: 0px auto;
	padding: 0px;
}

.jDiaporama,
.jDiaporama ul {
	width: 100% !important;
	height: 450px;
}

.jDiaporama ul li::before {
	display: none;
}

.jDiaporama li {
	display: block;
	margin: 0px auto;
	padding: 0px;
	list-style-type: none !important;
	position: absolute;
}

.jDiaporama li img {
	display: block;
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0px auto;
}

.jDiaporama li .desc {
	position: absolute;
	top: -36px;
	left: 0;
	margin: 0;
	color: #000;
	font-size: 1.3em;
	width: 100%;
}

.jDiaporama li .count,
.jDiaporama li .alt {
	position: absolute;
	bottom: 0;
	left: 50%;
	display: none;
	margin: 0;
	color: #fff;
	font-size: 12px;
	z-index: 110;
	width: 50px;
	height: 25px;
	padding-top: 7px;
}

.jDiaporama li .alt {
	margin-left: -215px;
	text-align: right;
	display: none !important;
}

.jDiaporama li .count {
	margin-left: 25px;
	text-align: left;
}

.jDiaporama_controls {
	display: none;
	border-radius: 60px;
	position: absolute;
	background: none;
	height: 41px;
	width: 110px;
	margin-left: -55px;
	bottom: -3px;
	z-index: 50;
	left: 50%;
	opacity: 1 !important;
}

.jDiaporama_controls a {
	font-weight: normal;
	text-indent: -9999px;
	display: block;
	margin: 0 3px;
	bottom: 0px;
	height: 22px;
	width: 22px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	opacity: 0.6;
}

.jDiaporama_controls a:hover {
	opacity: 1;
}

.jDiaporama_controls .prev {
	background-image: url('../images/icons/p_prev_blc.svg');
	left: 0px;
}

.jDiaporama_controls .next {
	background-image: url('../images/icons/p_next_blc.svg');
	right: 0px;
}

.jDiaporama_controls .pause {
	/*display: none;*/
	background-image: url('../images/icons/p_pause_blc.svg');
	left: 50%;
	margin-left: -11px;
}

.jDiaporama_controls .play {
	background-image: url('../images/icons/p_next_blc.svg');
	left: 50%;
	margin-left: -11px;
}

/**** Status ****/
.jDiaporama_status {
	justify-content: center;
	margin-top: 10px;
	width: 90%;
	margin-left: 5% !important;
	display: flex;
	flex-wrap: wrap;
	position: absolute;
	bottom: 0;
}

.jDiaporama_status a {
	background: rgba(255, 255, 255, 0.5);
	display: block;
	width: 10px;
	height: 10px;
	text-indent: -9999px;
	margin: 5px;
	border-radius: 35px;
}

.jDiaporama_status a.active,
.jDiaporama_status a:hover {
	background: #FFF;
}

/*** FIN DIAPORAMA ***/
/*** COMMENTS ***/
/*
.path-comment .js-comment ul.links, 
.path-comment .thin, 
.path-comment .ariane,
.boxAllComments .form-actions #edit-preview,
.comments > section > h2:first-child,
.js-comment .boxRetour,
.js-comment .u_infos,
#edit-comment-body-wrapper .form-wrapper {
	display: none !important;
}
.boxAllComments {
	margin-top:80px;
}
#pageComments {
	margin-top:65px;
}
.boxComments > section > h2:first-child,
.js-comment .boxRetour,
.js-comment .u_infos {
	display: none !important;
}
#edit-comment-body-wrapper .form-wrapper {
	display: none !important;
}
.js-comment .dateF {
	display: block;
	font-size: 13px;
}
.js-comment .tabUser {
    max-width: 100%;
    margin: 0px;
	width:auto;
}
.js-comment .intNode {
    background: none;
}
.js-comment .site,
.js-comment .site2,
.js-comment .site3 {
    width: auto !important;
}

.js-comment .tabUser .tdPhoto {
    padding-right: 10px;
    width: auto;
}
.js-comment .photo {
    width:50px;
    height:50px;
}
.js-comment .tabUser .td {
	vertical-align: middle;
}
.js-comment .photoLarge.base_photo {
    background-size: 38px auto !important;
}
.js-comment .tabUser h1 {
    font-size: 1em;
}
.js-comment {
	background-color: #F6F6F6;
	border-left:7px solid #D6D6D6;
	border-radius:3px;
	padding:10px 2%;
	width:96%;
	margin:18px auto;
	position: relative;
	display:flex;
	justify-content: space-between;
	max-width: 1200px;
}
.js-comment .nom {
    color:#3AC6EF;
	display: block;
	margin:0px;
}
footer.comment__meta {
	width:16%;
	flex-shrink: 0;
}
.comment__content {
	width: 82%;
	padding-right: 70px;
}
.dateComment {
	font-size:13px;
}
.indented .js-comment {
	border-width:0px;
	border:1px solid #D6D6D6;
}
.indented .indented .indented .js-comment {
	border-width:1px;
}
.indented .js-comment:before {
	display: block;
	content:"";
	width: 0; 
  height: 0; 
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 13px solid #D6D6D6;
	position: absolute;
	top:-13px;
	left:32px;
}
.boxComments .indented .js-comment {
	margin-top:13px;
}
.f_comment-body,
.comment-form .js-form-type-managed-file input {
	font-size: 14px;
}
form.comment-form .js-form-type-textfield {
	margin-bottom: 20px;
}
form.comment-form .js-form-type-textfield input {
	width:96%;
	border:1px solid #ccc;
	padding:6px 2%;
}

.comment__time {
	display: block;
	padding-left:0px;
	font-size: 13px;
}
.post-leave-comment h3,
.boxAllComments h2.titreComments {
	background:url("../images/icons/talk.svg") no-repeat 10px top;
	background-size:50px auto;
	padding:17px 0px 17px 70px;
	font-size:1.73em;
	color:#7F88A4;
	margin:20px 0px;
}
.post-leave-comment h3 {
	background-image:url("../images/icons/edit.svg");
}
.comment__content .f_type-file {
	margin-bottom: 20px;
}
.comment-form label {
	padding-bottom: 8px;
	display: flex;
}
.comment__content .f_type-file .file-size {
	font-size: 12px;
}
.comment-form .js-form-type-managed-file .button {
	margin:10px 0px;
	font-size: 13px;
	padding:2px 10px;
}
.comment__content .f_type-file a {
	display: inline-block;
	padding:7px 8px 7px 31px;
	border-radius:3px;
	background:#FFF url('../images/icons/d_txt.svg') no-repeat 4px center;
	background-size: auto 25px;
	color:#13267E;
	border:1px solid #D6D6D6;
	box-shadow: 2px 2px 0px rgba(0,50,90,0.2);
	font-size: 13px;
}
.comment__content .f_type-file a:hover {
	box-shadow: 2px 2px 0px rgba(0,50,90,0.4);
}
.path-comment .field--type-text-long,
.path-comment .field--name-subject,
.path-comment .form-actions,
.nod form.comment-form {
    margin:0px auto 20px auto;
    max-width: 580px;
	border:0px;
    padding:0px 00px 40px 00px;
}
.path-comment .field--type-text-long,
.path-comment .field--name-subject,
.path-comment .form-actions {
    margin:0 !important;
    padding:10px 40px;
}
.path-comment .field--name-subject {
    padding-top:20px !important;
	margin-top: 25px;
}
.path-comment .form-actions{
    padding-bottom:20px;
}
.commentTitre {
	font-size: 1em !important;
	margin:0px 0px 0px 0px;
	text-transform: none;
	 
}
.commentTitre a {
	color:#191919;
}
#edit-field-file-wrapper summary,
#edit-field-file-wrapper .js-form-wrapper {
	display: table-cell;
	padding: 0px 15px;
	vertical-align: middle;
}
.js-comment ul.links {
	margin:0px;
}
.js-comment ul.links li {
	list-style-type: none;
	display: inline-block;
	margin:0px;
}
.js-comment ul.links li:before {
	display: none;
}
.js-comment ul.links li a {
	background: #FFF;
	display: block;
	color:#666;
	border:1px solid #D6D6D6;
	padding:1px 6px;
	margin:0px 4px 0px 0px;
	border-radius:3px;
	font-size: 13px;
}
.js-comment ul.links li a:hover {
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.20);
	text-decoration: none;
	color:#000;
}
.js-comment .pageUser {
	margin:0px;
}
.js-comment__meta {
	text-align: right;
	color:#666;
}
.js-comment__content h3 {
	margin:0px 0px 10px 0px;
}
.js-comment__content h3 a {
	color:#000;
}
.js-comment p {
    margin: 13px 0px;
	font-size: 14px;
}
.comment-form .description {
	font-size: 12px;
}
.comment-form .js-form-type-managed-file {
	margin:25px 0px;
}
.comment-form .form-actions input {
	margin:0px !important;
	display: inline-block;
}
.comments .indented .js-comment.new > span {
    color: #FFF;
}
.comment-form .field--name-comment-body .cke_contents {
	padding:5px 10px;
}
.comment-form details summary[role="button"] {
	font-style: italic;
	margin:0px;
}
.comment-form details summary[role="button"]:after {
    display: block;
	content:"Sujet";
	font-style: normal;
	margin-top:20px;
	margin-bottom: 6px;
	color: #7B7C8C;
}
footer.comment__meta img {
    width:60px;
	height: 60px;
	border-radius: 100%;
}
.path-comment .form-required {
	color:#E30003;
}
.path-comment .form-required + div {
	border:1px solid #E30003;
} 
.path-comment .titreP  h1 {
	font-size: 2em;
	margin:45px auto;
}
.path-comment .site {
	max-width: 1000px;
	margin-left:auto;
	margin-right: auto;
}
.path-comment .site2 {
	width:100%;
}
.path-comment .pageDoc {
	display: none;
}
.sForComments {
	color:#57A655;
}
.comment__time {
	font-size: 1em;
}
.sNew {
	color:#0071BA;
}
.sValidated {
	color:#FE6001;
}
.sSignoff {
	color:#E30003;
}
.path-comment .block-system-main-block {
	padding-top: 1px;
}
.boxComments .comment .photo {
    width: 55px;
    height: 55px;
	display: block;
}
.boxComments .comment footer.comment__meta  {
		font-size: 13px;
}
@media all and (min-width:768px) {
	.boxComments .comment {
		display: flex;
		position: relative;
	}
	.path-comment .comment > span,
	.boxComments .comment > span {
	position: absolute;
		background-color:#BF0072;
		color:#FFF;
		font-weight: 600;
		padding:1px 5px;
		z-index: 10;
		top: -4px;
	}
.path-comment .comment footer.comment__meta,
	.boxComments .comment footer.comment__meta  {
    display: block;
		padding-right: 25px;
		padding-top: 13px;
		width:130px;
		flex-shrink: 0;
}
	.boxComments .comment .tabUser,
	.boxComments .comment .tabUser .td {
		display: block;
		text-align: left;
	}
	.js-comment ul.links {
    position: absolute;
		right: 2px;
		top:2px;
}
	.js-comment ul.links li {
    display: block;
}
	.comments .comment .comment__content {
		padding-right: 95px;
	}
	.comments .comment .f_field-fichier {
		 position: absolute;
		right: 95px;
		width: 155px;
		top:10px;
	}
	.comment__content .f_type-file a {
		word-break: break-all;
		font-size: 11px;
		background-position: 10px 5px;
		padding:35px 5px 5px 5px;
	}
}
@media all and (max-width:767px) {
	footer.comment__meta {
    width: 100%;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 5px;
}
	.js-comment .dateF {
    margin-right: 10px;
}
	.comment__content .f_type-file {
    margin: 10px 0px;
}
	.comment__content .f_type-file a {
		font-size: 11px;
	}
	.comment__content .f_comment-body {
		font-size: 12px;
	}
	.boxComments h2 {
    font-size: 1.45em;
}
	#pageComments {
    margin-top: 35px;
}
	.comment-confirm-form {
	margin:35px 0px;
}
	.boxComments {
    margin-top: 30px;
}
	.comment__content {
    width: 100%;
    padding-right: 0px;
}
	.js-comment {
    display: block;
}
	.boxComments h2 {
    background-size: 40px auto;
    padding: 0px 0px 0px 60px;
    font-size: 1.4em;
    min-height: 45px;
    display: flex;
    align-items: center;
    margin: 30px 0px 0px 0px;
}
}
*/
/*** FIN COMMENTS ***/
/*** ACCESSIBILITY ***/
.accessBox>.int {
	display: flex;
}

.fontSizeInit,
button.fontSize {
	display: block;
	background: none;
	border: 0px;
	padding: 0px;
	font-size: 1em;
	margin: 0 7px;
	font-weight: 400;
	font-family: Helvetica, Arial, "sans-serif";
	box-shadow: none;
}

/*** FIN ACCESSIBILITY ***/
/*** FORMULAIRE ***/
/* .contact-message-nous-contacter-form div:not(.js-form-type-checkbox):not(.js-form-type-radio) label {
	display: none;
}
*/
input,
select,
textarea,
.select {
	display: inline-block;
	font-size: 1.1em;
	background-color: #EFEFEF;
	padding: 8px;
	border: 1px solid #CCC;
	box-sizing: content-box;
	transition: 0.1s;
	background-repeat: no-repeat;
	margin: 6px 0;
	width: 91%;
}

input.form-date {
	width: 100%;
}

.select,
body:not(.explorer) select {
	appearance: none;
	background: #EFEFEF url('../images/icons/select.svg') no-repeat right 5px center;
	background-size: 15px auto;
	min-width: 70px;
	padding-right: 25px;
}

input:hover,
select:hover,
textarea:hover {
	background-color: #FAF5ED;
	background-repeat: no-repeat;
	box-shadow: 3px 5px 0px rgba(0, 10, 50, 0.3);
}

input:focus,
select:focus,
textarea:focus {
	background-color: #E8F0F9;
}

input[type='checkbox'],
input[type='radio'],
input[type='submit'],
input[type='button'] {
	background-color: inherit;
	padding: 0px;
	border: 0px;
	width: auto;
}

label {
	text-align: left;
	color: #7B7C8C;
}

.titre {
	color: #000;

}

.seven .js-form-item.form-item.form-item.js-form-type-textarea {
	width: 520px;
}

.js-form-item.form-item.form-item.js-form-type-textarea {
	width: 900px;
}

.titreTexte span.titre {
	font-size: 36px;
	text-transform: uppercase;
	color: #000;
	font-weight: 500;
	line-height: 45px;
}

.chzn-container-multi .chzn-choices {
	background: #d2d2d2 !important;
	border: 0px !important;
	width: 207px;
	margin: 4px 0px !important;
}

.chzn-container .chzn-drop {
	background: #d2d2d2 !important;
	border: 0px !important;
}

form {
	margin: auto;
	width: 100%;
	max-width: 1100px;
}

.form-actions {
	text-align: center;
}

input[type=checkbox],
.formulaire input[type=radio] {
	width: auto;
	min-width: 0 !important;
}

.form_error {
	color: #FF3333;
}

form .description {
	font-size: 14px;
	margin: 5px 0px;
}

.submit {
	margin: 15px 10px 15px 0px;
}

.path-user .siteAuto {
	max-width: 600px;
}

.path-utilisateur .main form {
	max-width: 450px;
	margin: auto;
	background: #FFF;
	padding: 25px;
}
.siteAuto {
  display: flex;
  flex-direction: column;
}

.siteAuto > .dateBox.dateSeule {
  order: -1;
}
.path-utilisateur .main form .form-item {
	margin: 15px 0px;
}

.karyans .node-form .form-actions input[type="submit"],
.karyans .node-form .form-actions input[type="button"],
input.submit,
.submit,
.text .submit,
.submit a,
.submit input,
input[type="submit"],
input[type="button"] {
	color: #FFF;
	border: 0px;
	padding: 6px 25px;
	/*margin:10px 0px;*/
	text-decoration: none;
	background-color: #F09328;
	border-radius: 3px;
	cursor: pointer;
	width: auto;
	background-repeat: no-repeat;
	background-position: left center;
	appearance: none;
	/*box-shadow:3px 5px 0px rgba(0,10,50,0.15);*/
	font-weight: 600;
}

.itDis:hover .subSmall,
input.submit:hover,
.submit:hover,
.text .submit:hover,
a.submit:hover,
.submit a:hover,
.submit input:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
	box-shadow: 3px 5px 0px rgba(0, 10, 50, 0.3);
	color: #FFF;
	background: black;
}

.js-media-library-open-button.media-library-open-button.js-form-submit.form-submit {
	background: #69bf69;
}

div.submit,
.submit,
.annuler {
	display: inline-block;
}

input.small {
	padding: 2px 8px !important;
}

td .submit,
td input[type="submit"],
td input[type="button"] {
	margin: 0px !important;
}

.submit_open {
	background: url(../images/icons/zoom.svg) no-repeat top left;
	padding: 2px 0px 2px 23px;
}

.submit_close {
	background: url(../images/icons/close2.svg) no-repeat top left;
	padding: 2px 0px 2px 23px;
}

.subBig {
	padding-top: 9px;
	padding-bottom: 9px;
	font-size: 1.6em;
}

.subSmall {
	padding: 5px 15px;
	font-size: 1em;
}

.subAll {
	display: block !important;
	padding: 15px 20px !important;
	text-align: center;
	font-size: 1.2em;
	margin: auto !important;
	border-radius: 0px !important;
}

.tdAct input[type="submit"],
.tdAct .submit {
	display: block !important;
	text-align: center;
	width: 96%;
	padding: 13px 2%;
	font-size: 1em;
	border-radius: 0px !important;
}

input[type="file"] {
	border-radius: 4px;
}

.vinput {
	border: 2px solid #5F65B4;
	background-color: #fff7e4;
	padding: 1px;
	font-weight: bold;
	color: #5F65B4;
}

select.custom,
input.custom {
	width: 100%;
}

input[type="submit"].editor_ok_button {
	padding: 1px 5px;
	font-size: 0.9em;
}

/* EXPOSED */
.views-exposed-form form,
form.views-exposed-form {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	width: 100%;
	max-width: none;
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.views-exposed-form input,
.views-exposed-form select,
.views-exposed-form textarea,
.views-exposed-form .select {
	background-color: #FFF;
	border-color: #D8DBDE;
	color: #333;
	padding-top: 5px;
	padding-bottom: 5px;
}

.views-exposed-form .js-form-item {
	margin: 5px;
}

.views-exposed-form .js-form-type-select {
	position: relative;
	margin-right: 25px;
	WIDTH: 16%;
}

.views-exposed-form select option {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	line-height: 1em;
}

.views-exposed-form select option:hover {
	color: #000;
	background-color: #F9CB46 !important;
}

.views-exposed-form select option[value="All"] {
	font-weight: 600;
}

.views-exposed-form select option[selected="selected"] {
	font-size: 18px;
}

.views-exposed-form form>div {
	width: 24%;
	margin-right: 1%;
}

/* select*/

/*fin select*/
body:not(.explorer) .views-exposed-form select {
	width: 87%;
}

.views-exposed-form label:not(.option) {
	display: none;
	width: auto;
	padding: 2px 10px;
}

.views-exposed-form input[type="submit"] {
	color: #000 !important;
	background-color: #FFD700;
	/* background-image: url("../images/icons/valid_blc.svg");
  background-position: 5px center;
  background-size: 25px auto;
  border-color: #6B717F;
  padding: 6px 22px 6px 35px;*/
	font-size: 18px;
	box-shadow: none !important;
	background-repeat: no-repeat;
	font-weight: 400;
}

.views-exposed-form input[type="submit"]:hover {
	background-color: #000;
	color: #fff !important;
}

.views-exposed-form #edit-actions {
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
}

.views-exposed-form input[type="submit"][value="Réinitialiser"] {
	font-size: 15px;
	background-image: url('../images/icons/init.svg');
	background-position: 2px center;
	background-repeat: no-repeat;
	background-size: 18px auto;
	padding: 5px 8px 5px 23px;
	text-transform: none;
}

.views-exposed-form input:hover,
.views-exposed-form select:hover,
.views-exposed-form textarea:hover,
.views-exposed-form .select:hover,
.views-exposed-form input[type="submit"]:hover {
	box-shadow: 5px 4px 0px rgba(0, 30, 60, 0.3);
}

/* FIN EXPOSED */
/* WEBFORM */
/* ********************** */
/* webform general */
.webform-submission-form {
	margin: 0px auto;
}

.webform-submission-form .description p {
	margin: 5px 0px;
}

.webform-flex--container {
	margin: 0;
}

.webform-options-display-buttons .form-item,
.webform-submission-form .js-form-type-checkbox,
.webform-submission-form .js-form-type-radio {
	display: flex;
	margin: 5px 0px;
	height: auto;
	width: 100%;
}

.webform-submission-form .js-form-item {
	margin: 15px 1%;
}

.webform-submission-form input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']),
.webform-submission-form textarea,
.webform-submission-form select {
	width: 95.1%;
	padding-left: 2%;
	padding-right: 2%;
	margin-top: 5px;
	margin-bottom: 5px;
}

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

	.webform-submission-form .webform-flexbox input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']),
	.webform-submission-form .webform-flexbox textarea,
	.webform-submission-form .webform-flexbox select {
		padding-left: 4%;
		padding-right: 4%;
		width: 91%;
	}

	.webform-submission-form .webform-flexbox .js-form-item {
		margin: 0 2%;
	}

	.webform-submission-form .webform-flexbox {
		margin: 15px 0px;
	}
}

.webform-submission-form fieldset.js-form-item {
	margin: 35px 0px 10px 0px;
	background: url('../images/ligne_point.png') repeat-x left top;
	display: flex;
	flex-direction: column;
	padding: 15px 0;
}

.webform-submission-form .webform-element--title-inline,
.webform-submission-form .webform-element--title-inline.js-form-item {
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}

.webform-options-display-side-by-side .form-item,
.webform-submission-form .webform-options-display-side-by-side .js-form-type-checkbox,
.webform-submission-form .webform-options-display-side-by-side .js-form-type-radio {
	display: inline-flex;
	margin: 5px 15px 5px 0px;
	width: auto;
}

.webform-submission-form .fieldgroup>legend,
.webform-submission-form .fieldset-legend,
.webform-submission-form label,
.webform-submission-form .checkboxes--wrapper>legend,
.webform-submission-form .radios--wrapper>legend {
	display: flex;
	font-weight: 600;
	color: #000;
	font-size: 20px;
	padding: 4px 5px 4px 0px;
}

.webform-submission-form .fieldgroup>legend,
.form-composite.webform-fieldset--title-inline legend {
	float: left;
	margin: 10px 0px;
}

.webform-submission-form .webform-element--title-inline>legend,
.webform-submission-form .webform-element--title-inline .fieldset-legend,
.webform-submission-form .webform-element--title-inline label,
.webform-submission-form .webform-element--title-inline.checkboxes--wrapper>legend,
.webform-submission-form .webform-element--title-inline.radios--wrapper>legend {
	white-space: nowrap;
}

.webform-submission-form .js-form-type-checkbox label.option,
.webform-submission-form .js-form-type-radio label.option {
	margin: 0px 5px;
	font-size: 16px;
	color: #7B7C8C;
	font-weight: 400;
	padding: 0px;
}

.webform-submission-form .fieldgroup legend,
.webform-submission-form .js-form-type-managed-file label,
.webform-submission-form .js-form-type-textarea label {
	display: block !important;
}

.webform-submission-form .webform-element--title-inline.fieldgroup legend,
.webform-submission-form .webform-element--title-inline .js-form-type-managed-file label,
.webform-submission-form .webform-element--title-inline .js-form-type-textarea label {
	border-top: 0px;
	padding: 0px;
}

.webform-submission-form .webform-type-fieldset>legend>.fieldset-legend {
	display: inline-block;
	padding: 10px 12px;
	color: #ffcc00;
	font-size: 22px;
}

.webform-options-display-buttons .js-form-type-checkbox label.webform-options-display-buttons-label,
.webform-options-display-buttons .js-form-type-radio label.webform-options-display-buttons-label {
	min-width: 80px;
	padding: 2px 5px;
	min-height: 25px;
	height: 94%;
	width: 98%;
	border-width: 1px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	align-items: center;
	display: flex;
	justify-content: center;
	line-height: 1em;
}

.webform-options-display-buttons .webform-options-display-buttons-wrapper {
	display: flex;
	justify-content: center;
}

.webform-options-display-buttons .webform-options-display-buttons-wrapper {
	margin: 5px;
}

.webform-options-display-buttons-vertical .js-form-type-checkbox label.webform-options-display-buttons-label,
.webform-options-display-buttons-vertical .js-form-type-radio label.webform-options-display-buttons-label {
	justify-content: flex-start;
}

.webform-options-display-buttons .js-form-type-radio label.webform-options-display-buttons-label {
	border-radius: 30px;
}

.webform-options-display-buttons input:focus+label.webform-options-display-buttons-label {
	border-color: grey;
}

.fieldgroup .js-webform-radios,
.fieldgroup .js-webform-checkboxes {
	margin-left: 30px;
}

.webform-element--title-inline.fieldgroup .js-webform-radios,
.webform-element--title-inline.fieldgroup .js-webform-checkboxes {
	margin-left: 0px;
}

.js-webform-type-fieldset {
	border: 1px solid #ccc;
	margin-top: 25px;
}

.js-webform-type-fieldset .fieldset-wrapper {
	padding-left: 12px;
	padding-right: 12px;
}

.webform-submission-form .form-actions {
	margin-top: 35px;
}

.webform-submission-form input[type='checkbox'],
.webform-submission-form input[type='radio'] {
	margin: 0px 5px 0px 0px;
}

.webform-submission-form input[type='submit'],
.webform-submission-form input[type='button'] {
	margin: 10px 10px;
}

.webform-submission-form .js-form-type-managed-file .description {
	font-size: 14px;
}

.webform-submission-form .js-form-type-managed-file input[type="file"] {

	max-width: 350px;
	font-size: 13px;
}

.webform-submission-form .js-form-type-managed-file input[type="submit"] {
	margin: 2px;
	font-size: 14px;
	padding: 1px 8px;
	box-shadow: 3px 2px 0px rgba(0, 10, 50, 0.12);
	color: #000 !important;
	background: #FFF;
	border: 1px solid #ccc;
}

.webform-submission-form .js-form-type-managed-file input[type="submit"]:hover {
	box-shadow: 3px 2px 0px rgba(0, 10, 50, 0.25);
	border-color: #666;
}

.webform-submission-form .js-form-type-checkbox input:checked+label.option {
	color: #000;
}

.webform-options-display-buttons input:checked+label.webform-options-display-buttons-label {
	border-color: #0060DF;
	background-color: #E8F0F9;
}

.form-required {
	position: relative;
}

.form-required:after {
	display: inline-block;
	content: "*";
	font-size: 14px;
	color: red;
	margin-left: 4px;
}

.webform-submission-form .required[aria-invalid="true"] legend {
	border-bottom: 1px solid #F57670;
	color: #F57670;
}

.webform-submission-form select[aria-invalid="true"],
.webform-submission-form textarea[aria-invalid="true"],
.webform-submission-form input[aria-invalid="true"]:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]) {
	border-color: #F57670;
	box-shadow: 2px 3px 3px rgba(245, 118, 112, 0.4);
}

/* fin webform general */
/* webform progress bar */
.webform-progress-tracker li::before {
	display: none !important;
}

.webform-progress-tracker li {
	margin: 0 !important;
	padding: 0 !important;
}

.webform-progress-tracker .progress-marker {
	font-size: 0px !important;
}

.webform-progress-tracker .progress-step .progress-marker:before,
.webform-progress-tracker .progress-step:hover .progress-marker:before {
	background-color: #ccc;
}

.webform-progress-tracker .progress-step.is-complete:hover .progress-marker[role="link"]:before,
.webform-progress-tracker .progress-step.is-active .progress-marker:before,
.webform-progress-tracker .progress-step.is-active:hover .progress-marker:before {
	background-color: #F09328;
}

.webform-progress-tracker .progress-step.is-active .progress-text {
	color: #000;
}

.webform-progress-tracker .progress-step:not(.is-active) .progress-marker::before,
.webform-progress-tracker .progress-step:hover .progress-marker::before,
.webform-progress-tracker .progress-step .progress-marker::after {
	background-color: #ccc;
	padding-bottom: 0px;
}

.webform-progress-tracker .progress-step.is-complete .progress-marker::before,
.webform-progress-tracker .progress-step.is-complete:hover .progress-marker::before,
.webform-progress-tracker .progress-step.is-complete .progress-marker::after {
	background-color: #ffcc00;
}

.webform-progress-tracker .progress-title[role="link"],
.webform-progress-tracker .progress-title[role="link"]:hover,
.webform-progress-tracker .progress-title[role="link"]:focus {
	text-decoration: underline;
	color: #333;
}

.webform-options-display-buttons-vertical label.webform-options-display-buttons-label {
	text-align: left;
}

.webform-options-display-buttons-vertical .form-item {
	margin: 5px 0px;
}

.webform-options-display-buttons-label:hover {
	cursor: pointer;
}

.webform-section-title {
	margin: 35px 0px 15px 0px;
	font-size: 1.55em;
	color: #ffcc00;
}

.intNod ul.webform-progress-tracker li::before {
	display: none;
}

.intNod ul.webform-progress-tracker,
.intNod ul.webform-progress-tracker li {
	padding: 0px;
	margin: 0px;
}

.webform-address--wrapper label {
	display: none !important;
}

.webform-submission-form .webform-address--wrapper .webform-flexbox .js-form-item {
	margin: 0 1%;
}

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

	.webform-submission-form .webform-address--wrapper .webform-flexbox .webform-address__city .js-form-item,
	.webform-submission-form .webform-address--wrapper .webform-flexbox .webform-address__postal-code .js-form-item {
		margin: 0 2%;
	}
}

/* fin webform progress bar */
/* ********************** */
@media all and (max-width:939px) {
	.webform-submission-form select {
		width: 94%;
	}
}

@media all and (max-width:767px) {

	.webform-submission-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
	.webform-submission-form textarea {
		width: 96%;
	}

	.webform-submission-form .fieldgroup>legend,
	.form-composite.webform-fieldset--title-inline legend {
		float: none;
	}

	.webform-submission-form .webform-element--title-inline,
	.webform-submission-form .webform-element--title-inline.js-form-item {
		flex-direction: column;
	}

	.progress-tracker {
		margin: 25px auto;
	}

	.webform-submission-form fieldset.js-form-item {
		margin: 25px 0px 5px 0px;
		padding: 10px 0;
	}

	.webform-submission-form .form-actions {
		margin-top: 15px;
	}
}

@media all and (max-width:639px) {
	.webform-submission-form select {
		width: 90%;
	}

	.webform-submission-form .js-form-item {
		margin-top: 4px;
		margin-bottom: 4px;
	}

	.progress-marker::before {
		width: 20px;
		height: 20px;
	}

	.webform-options-display-buttons,
	.form-composite.webform-fieldset--title-inline .fieldset-wrapper>div.webform-options-display-buttons {
		display: flex;
		flex-wrap: wrap;
	}

	.fieldgroup .js-webform-radios,
	.fieldgroup .js-webform-checkboxes {
		margin-left: 0px;
	}
}

/*** FIN FORM ***/
/*****aeroport content****/
.airport-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 1rem;
}

.type-badge {
	display: inline-block;
	padding: 0.25rem 0.5rem;
	font-size: 0.75rem;
	font-weight: 500;
	border-radius: 0.25rem;
	background: #f3f4f6;

}

.card-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 0.75rem;
}

.card-icon {
	padding: 0.5rem;
	/*background: linear-gradient(135deg, #F9B000, #e67e22);*/
	background: #F9B000;
	border-radius: 0.5rem;
	transition: background 0.2s;
}

/* Airport Card */
.airport-card {
	background: white;
	border-radius: 0.75rem;
	padding: 1.25rem;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	border: 1px solid #f3f4f6;
	text-decoration: none;
	color: inherit;
	transition: all 0.2s;
}

.airport-card:hover {
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	border-color: #bfdbfe;
	transform: translateY(-2px);
}

.card-icon svg {
	width: 20px;
	height: 20px;
	stroke: #000;
	fill: none;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

@media (max-width: 640px) {
	.airport-grid {
		grid-template-columns: 1fr;
	}

	h1 {
		font-size: 1.5rem;
	}

	.view-controls {
		margin-left: 0;
		width: 100%;
	}
}

/****fin aeroport content***/
/*** LIEN ***/
/*****/
a {
	transition: 0.15s;
	text-decoration: none;
	color: #000;
}

.lien,
.cke_editable a,
.text a {
	text-decoration: underline;
	color: #F9B000;
}

.icl {
	display: inline-block;
	background-image: url("../images/icons/arrow_yellow.svg");
	background-repeat: no-repeat;
	background-position: 4px center;
	background-size: 30px auto;
	padding: 6px 25px 6px 40px;
}

.icl:hover {
	background-size: 35px auto;
	background-position: 0px center;
}

.txtClair .icl {
	background-image: url("../images/icons/fleche_blc.svg");
}

.lien:hover,
a:hover,
.text a:hover,
.icl:hover {
	color:rgba(0, 20, 50, 0.5);

}

/* STYLES LIENS */
#edit-cancel,
.icl,
.ics,
.bouton,
.submit {
	text-decoration: none !important;
	display: inline-block;
}

.ics,
.boutons {
	color: #000 !important;
}

button,
#edit-cancel,
.bouton {
	padding: 6px 25px;
	margin: 10px 10px 10px 0;
	background-color: #FFF;
	border: 1px solid #D8DBDE;
	box-shadow: 1px 1px 0px rgba(0, 10, 50, 0.1);
	border-radius: 4px;
	font-weight: 600;
}

.path-recherche input.form-autocomplete.form-text.ui-autocomplete-input {
	height: 30px;
	box-shadow: none;
	/*  margin-top: 10px;*/
}

.path-recherche .form-checkboxes.bef-checkboxes {
	display: flex;
	gap: 25px;
	justify-content: center;
	align-items: center;
}

.path-recherche fieldset {
	min-width: 281px;
	height: auto;
	box-shadow: none !important;
	padding: 3px 35px;
}

.path-recherche .item {
	width: 100%;
	border: 1px solid #eeeeee;
	padding: 25px;
	line-height: 27px;
}

.path-recherche .field-content a {
	font-weight: bold;
}

.text .submit,
.cke_editable .submit {
	margin: 10px 10px 10px 0;
}

.item .bouton {
	margin: 4px;
	padding: 5px 10px;
	padding-left: 10px;
	font-size: 0.9em;
}

.item .icl.bouton {
	background-size: 23px auto;
	padding-left: 30px;
}

.icl.bouton {
	padding-left: 40px;
}

a:hover,
.icRetourHaut,
.bouton:hover,
.submit:hover,
.icl:hover,
.ics:hover,
.act:hover,
.aShow:hover,
.aRoll:hover {
	cursor: pointer;
}

.act.wAnim:hover,
.act.wAnim:hover::before,
.pager.wAnim a:hover,
.pager.wAnim a:hover:before {
	transform: scale(1.04);
}

.fermer {
	font-size: 0px;
	width: 16px;
	height: 16px;
	border: 1px solid #D8DBDE;
	position: absolute;
	right: 2px;
	top: 2px;
	background-size: 100% auto;
}

.fermer:hover {
	border-color: red;
}

.iDoc:visited {
	color: #999;
	background-color: #F2F2F2;
}

.cols-5,
.cols-0,
.cols-2,
.cols-3,
.cols-4 {
	width: 100%;
	position: relative;
}
.tableau table.cols-3 th.views-field.views-field-title,
.tableau table.cols-3 td.views-field.views-field-title,
.tableau table.cols-4 th.views-field.views-field-title,
.tableau table.cols-4 td.views-field.views-field-title {
	width: 18% !important;
}

.tableau table.cols-3 th.views-field.views-field-field-introduction,
.tableau table.cols-3 td.views-field.views-field-field-introduction,
.tableau table.cols-4 th.views-field.views-field-field-introduction,
.tableau table.cols-4 td.views-field.views-field-field-introduction {
	width: 70% !important;
}
.vue header {
	margin: 45px 0px 40px 0px;
}

.path-mes-offres-emploi .dropbutton {
	WIDTH: 80px;
	background: #ffcc00 !important;
	position: relative;
	z-index: 55;
	text-align: left;
	padding: 5px !important;
}

.path-mes-offres-emploi .js.dropbutton li {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
}

table.cols-5 thead tr,
table.cols-0 thead tr,
table.cols-2 thead tr,
table.cols-3 thead tr,
table.cols-4 thead tr {
	font-size: 18px;
	text-transform: none !important;
	color: #fff;
	line-height: 1.4;
	background-color: #8f8e8e;
	padding: 15px;
	position: relative;
	height: 35px;
}

table.cols-5 tbody tr,
table.cols-3 tbody tr,
table.cols-4 tbody tr {
	color: #555555;
	background-color: #f5f5f5;
	cursor: pointer;
	padding: 15px;
	height: 59px;
	position: relative;
	text-align: center;
}

.path-recherche .vue header a {
	background-color: #FFD700;
	color: #333;
	padding: 12px 24px;
	border: none;
	border-radius: 4px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	margin-bottom: 18px;
}

.field.f_field-categorie .item a {
	background: #ffcc00;
	padding: 5px;
}

.path-liste-des-afis #views-exposed-form-liste-des-afis-page-afis {
	margin-top: 50px;
	margin-bottom: 50px;
}

.tableau table.cols-3 th[scope=col], .tableau table.cols-4 th[scope=col] {
	color: #fff !important;
	text-align: left;
}

.tableau table.cols-3 th.views-field.views-field-created,
.tableau table.cols-3 td.views-field.views-field-created,
.tableau table.cols-4 th.views-field.views-field-created,
.tableau table.cols-4 td.views-field.views-field-created {
	width: 12% !important;
	text-align: left;
}

.tableau table.cols-3 th.views-field.views-field-field-categorie,
.tableau table.cols-3 td.views-field.views-field-field-categorie,
.tableau table.cols-4 th.views-field.views-field-field-categorie,
.tableau table.cols-4 td.views-field.views-field-field-categorie {
	width: 2% !important;
	text-align: left;
}

.cols-0 td.views-field.views-field-thumbnail {
	width: 200PX;
}

.path-recherche .vue header a:hover {
	color: #fff !important;
	background-color: #000;
}

table.cols-5 tbody tr:nth-child(even),
table.cols-0 tbody tr:nth-child(even),
table.cols-2 tbody tr:nth-child(even),
table.cols-3 tbody tr:nth-child(even),
table.cols-4 tbody tr:nth-child(even)  {
	background-color: #ffffff;
}

table.cols-2 tbody tr td.views-field.views-field-name {
	padding-left: 15px;
}

table.cols-0 tbody tr,
table.cols-2 tbody tr,
table.cols-3 tbody tr,
table.cols-4 tbody tr {
	color: #555555;
	background-color: #f5f5f5;
	cursor: pointer;
	padding: 15px;
	height: 60px;
	position: relative;
	text-align: center;
}

.cols-0 img,
.cols-2 img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	display: flex;
	padding: 15px;
}

.cols-0 td.views-field-title a,
.cols-2 td.views-field-title a {
	color: #000;
	font-size: 18px;
	font-weight: bold;
}

.cols-0 td.views-field-title,
.cols-2 td.views-field-title {
	padding: 15px;
}

.il.iDoc.bouton.icl.ic.pdf:hover {
	color: #fdfdfd !important;
	background: #ffcc00 !important;
}

.bouton:hover {
	border-color: #C9CDD1;
	color: #000 !important;
	box-shadow: 2px 2px 0px rgba(0, 10, 50, 0.15);
	cursor: pointer;
}

.ics:hover .ic {
	transform: scale(1.05);
}

.supptbtn {
	background-color: #E86366;
	color: #fff !important;
	padding: 5px 12px;
	border: none;
	border-radius: 4px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	margin-bottom: 18px;
}

.modifbtn {
	background-color: #01adeb;
	color: #fff !important;
	padding: 5px 12px;
	border: none;
	border-radius: 4px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	margin-bottom: 18px;
}

.ajoutbtn {
	background-color: #87D253;
	color: #fff !important;
	padding: 5px 12px;
	border: none;
	border-radius: 4px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	margin-bottom: 18px;
}

.address-section .lire {
	background: #000;
	color: #fff;

	padding: 5px 12px;
}

.lire {
	/*text-decoration: underline;
	display: block;
	margin:3px 0;
	background-color: #FFD700;*/
	background-color: #F9B000;
	color: #333;
	padding: 12px 24px;
	border: none;
	border-radius: 4px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	margin-bottom: 18px;
	margin-top: 10px;
}

a.lire:hover {
	color: #fff !important;
	background-color: #000;
}

.liens_bas {
	display: flex;
	justify-content: center;
	padding: 25px;
}

.all {
	display: inline-flex;
	/*background: #F09328 url('../images/icons/fleche_blc.svg') no-repeat 7px center;*/
	background: #F09328;
	background-size: 28px auto;
	color: #FFF;
	/*padding: 3px 20px 7px 43px;*/
	padding: 15px;
    border-radius: 4px;
	/*box-shadow: 3px 5px 0px rgba(0, 10, 50, 0.15);*/
	font-size: 1.25em;
	line-height: 1.1em;
	font-weight: 700;
}

.all:hover {
	box-shadow: 3px 5px 0px rgba(0, 10, 50, 0.3);
	color: #FFF;
}

/* RS */
.boxRs {
	display: flex;
}

.rs {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background-image: none !important;
}

.rs:before {
	display: block;
	content: "";
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	transition: 0.1s;
}

.rs:hover:before {
	background-size: 70% auto;
}

.rs1 {
	height: 45px;
	width: 45px;
	padding: 0px;
	/*margin:10px;*/
}

.rs1:before {
	background-size: 60% auto;
}

.rs1:hover:before {
	background-size: 70% auto;
}

.rs2:hover:before {
	background-size: 40% auto;
}

.rs2 {
	height: 40px;
	width: 40px;
	padding: 0px;
	margin: 1px;
	display: flex;
	align-items: center;
}

.rs2:before {
	background-size: 80% auto;
}

.rs2:hover:before {
	background-size: 90% auto;
}

.rs_facebook,
.rs_facebook:before {
	background-image: url("../images/rs/facebook.svg");
}

.rs_twitter,
.rs_twitter:before {
	background-image: url("../images/rs/x.svg");
	background-size: 31% auto;
}

.rs_x,
.rs_x:before:before {
	background-image: url("../images/rs/x.svg");
}

.rs_linkedin,
.rs_linkedin:before {
	background-image: url("../images/rs/linkedin.svg");
}

.rs_youtube,
.rs_youtube:before {
	background-image: url("../images/rs/youtube.svg");
}

.rs_send,
.rs_send:before {
	background-image: url("../images/rs/send.svg");
}

.rs_print,
.rs_print:before {
	background-image: url("../images/rs/print.svg");
}

.rs_viadeo,
.rs_viadeo:before {
	background-image: url("../images/rs/viadeo.svg");
}

.rs_pinterest,
.rs_pinterest:before {
	background-image: url("../images/rs/pinterest.svg");
}

.rs_gmail,
.rs_gmail:before {
	background-image: url("../images/rs/gmail.svg");
}

.rs_reddit,
.rs_reddit:before {
	background-image: url("../images/rs/reddit.svg");
}

.rs_snapchat,
.rs_snapchat:before {
	background-image: url("../images/rs/snapchat.svg");
}

.rs_instagram,
.rs_instagram:before {
	background-image: url("../images/rs/instagram.svg");
}

.rs span {
	display: none;
	position: absolute;
	background: #FFF;
	padding: 1px 5px;
	font-size: 13px;
	right: 40px;
	top: 0px;
	color: #000;
	white-space: nowrap;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
}

.actionsMove .rs {
	display: flex;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 3px 0 0 3px;
}

.actionsMove .zonePlus {
	right: 5px;
	bottom: auto;
	top: 34px;
}

.actionsMove .zonePlus .rs {
	background-color: transparent;
}

.rsPlus span {
	background: #FFF url("../images/rs/plus.svg") no-repeat center;
	background-size: 12px auto;
	color: #000;
	height: 22px;
	width: 22px;
	display: flex;
	top: auto;
	bottom: auto;
	left: 50%;
	margin-left: -10px;
	opacity: 0.5;
	border-radius: 25px;
	padding: 0px;
	border: 1px solid #697587;
}

.rsBoxPlus:hover .rsPlus span {
	opacity: 1;
}

.zonePlus {
	bottom: 32px;
	background: #FFF;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
	width: 160px;
	position: absolute;
	z-index: 50;
	right: 10px;
	border-radius: 3px;
}

.zonePlus .int {
	display: flex;
	flex-wrap: wrap;
	padding: 8px;
}

.zonePlus .rs span {
	top: -10px;
	left: 0px;
}

/* FIN RS */
/* TAG */
.tags {
	text-align: center;
	font-weight: bold;
	    margin-bottom: 25px;
}
.tags a.tag:hover{
	color:#000!important;
}
.tag {
	display: inline-flex;
	color:#F9B000;
/*	margin: 3px;
	background-color: #FFF;
	border: 1px solid #E4E7E9;
	color: #6F7782;
	box-shadow: 1px 2px 0px rgba(0, 10, 50, 0.12);
	border-radius: 2px;
	padding: 1px 8px;*/
	    font-size: 18px;
    text-transform: uppercase;
	font-weight: 600;
}

a.tag:hover {
	font-weight: bold;
	
}

/* FIN TAG */
.ic_back::before,
.ic_back {
	background-image: url("../images/icons/fleche_back.svg");
}

.ic_user::before,
.ic_user {
	background-image: url("../images/icons/user.svg");
}

.ic_home::before,
.ic_home {
	background-image: url("../images/icons/home.svg");
}

.ic_web::before,
.ic_web {
	/*background-image:url("../images/icons/web.svg") ;*/
	background-image: url("../images/icons/lien_icon_web.svg");

}

.txtClair .ic_web::before,
.txtClair .ic_web,
.icClair .ic_web::before,
.icClair .ic_web {
	background-image: url("../images/icons/web_blc.svg");
}

.ic_download::before,
.ic_download {
	background-image: url("../images/icons/telecharger.svg");
}

.ic_deplie.actif,
.ic_deplie.actif::before,
.ic_up:before,
.ic_up,
.ic_retourHaut {
	background-image: url("../images/icons/fleche_up.svg");
}

.ic_deplie,
.ic_deplie:before,
.ic_down:before,
.ic_down {
	background-image: url("../images/icons/fleche_down.svg");
}

.ic_edit::before,
.ic_edit {
	background-image: url("../images/icons/edit.svg");
}

.ic_admin::before,
.ic_admin {
	background-image: url("../images/icons/admin.svg");
}

.ic_aide::before,
.ic_aide {
	background-image: url("../images/icons/quoi.svg");
}

.ic_calendar::before,
.ic_calendar {
	background-image: url("../images/icons/date.svg");
}

.fermer,
.ic_close::before,
.ic_close {
	background-image: url("../images/icons/close.svg");
}

.ic_delete::before,
.ic_delete,
.ic_sup:before,
.ic_sup {
	background-image: url("../images/icons/close2.svg");
}

.ic_favorite::before,
.ic_favorite {
	background-image: url("../images/icons/star.svg");
}

.ic_info::before,
.ic_info {
	background-image: url("../images/icons/info.svg");
}

.ic_menu::before,
.bMenuNav .ic_menu,
.ic_menu {
	background-image: url("../images/icons/menu.svg");
}

.ic_partner::before,
.ic_partner {
	background-image: url("../images/icons/partner.svg");
}

.txtClair .ic_partner::before,
.txtClair .ic_partner {
	background-image: url("../images/icons/partner_blc.svg");
}

.ic_cancel:before,
.ic_cancel,
.ic_less::before,
.ic_less {
	background-image: url("../images/icons/moins.svg");
}

.txtClair .ic_cancel:before,
.txtClair .ic_cancel,
.txtClair .ic_less::before,
.txtClair .ic_less {
	background-image: url("../images/icons/moins_blc.svg");
}

.ic_add,
.ic_plus {
	background-image: url("../images/icons/plus.svg");
}

.txtClair .ic_add,
.txtClair .ic_plus {
	background-image: url("../images/icons/plus_blc.svg");
}

.ic_map::before,
.ic_map {
	background-image: url("../images/icons/map.svg");
}

.txtClair .ic_map::before,
.txtClair .ic_map {
	background-image: url("../images/icons/map_blc.svg");
}

.iLien .ic {
	background-image: url("../images/icons/link.svg");
}

.txtClair .iLien .ic {
	background-image: url("../images/icons/link_blc.svg");
}

.ic_contact::before,
.ic_contact,
.ic_send:before,
.ic_send {
	background-image: url("../images/icons/send.svg");
}

.ic_tel::before,
.ic_tel {
	background-image: url("../images/icons/telephone.svg");
}

.txtClair .ic_tel::before,
.txtClair .ic_tel {
	background-image: url("../images/icons/telephone_blc.svg");
}

.ic_photo::before,
.ic_photo {
	background-image: url("../images/icons/photo.svg");
}

.txtClair .ic_photo::before,
.txtClair .ic_photo {
	background-image: url("../images/icons/photo_blc.svg");
}

.ic_video::before,
.ic_video {
	background-image: url("../images/icons/video.svg");
}

.txtClair .ic_video::before,
.txtClair .ic_video {
	background-image: url("../images/icons/video_blc.svg");
}

.ic_print::before,
.ic_print {
	background-image: url("../images/icons/print.svg");
}

.txtClair .ic_print::before,
.txtClair .ic_print {
	background-image: url("../images/icons/print_blc.svg");
}

.ic_rs::before,
.ic_rs {
	background-image: url("../images/icons/share.svg");
}

.ic_smart::before,
.ic_smart {
	background-image: url("../images/icons/smartphone.svg");
}

.ic_talk::before,
.ic_talk {
	background-image: url("../images/icons/talk.svg");
}

.ic_rech::before,
.ic_rech {
	background-image: url("../images/icons/zoom.svg");
}

.ic_trombone::before,
.ic_trombone {
	background-image: url("../images/icons/trombone.svg");
}

.ic_logout::before,
.ic_logout {
	background-image: url("../images/icons/logout.svg");
}

.ic_valid::before,
.ic_valid {
	background-image: url("../images/icons/ic_valid.svg");
}

.ic_first::before,
.ic_first {
	background-image: url("../images/icons/p_first.svg");
}

.ic_prev::before,
.ic_prev {
	background-image: url("../images/icons/p_prev.svg");
}

.icPause::before,
.icPause {
	background-image: url("../images/icons/p_pause.svg");
}

.icPlay::before,
.icPlay {
	background-image: url("../images/icons/p_next.svg");
}

.ic_next::before,
.ic_next {
	background-image: url("../images/icons/p_next.svg");
}

.ic_last::before,
.ic_last {
	background-image: url("../images/icons/p_last.svg");
}

.ic_doc,
.ic_doc::before {
	background-image: url("../images/icons/d_txt.svg");
}

.txtClair .ic_doc,
.txtClair .ic_doc::before {
	background-image: url("../images/icons/d_txt_blc.svg");
}

.ic_pdf,
.ic_pdf:before {
	background-image: url("../images/icons/d_pdf.svg");
}

.txtClair .ic_pdf,
.txtClair .ic_pdf::before {
	background-image: url("../images/icons/d_pdf_blc.svg");
}

.ic_ocx,
.ic_ocs,
.ic_doc,
.ic_word,
.ic_word:before {
	background-image: url("../images/icons/d_word.svg");
}

.txtClair .ic_ocx,
.txtClair .ic_ocs,
.txtClair .ic_doc,
.txtClair .ic_word,
.txtClair .ic_word::before {
	background-image: url("../images/icons/d_word_blc.svg");
}

.ic_xls,
.ic_xls::before {
	background-image: url("../images/icons/d_xls.svg");
}

.txtClair .ic_xls,
.txtClair .ic_xls::before {
	background-image: url("../images/icons/d_xls_blc.svg");
}

/* LIENS AFTER */
.ictxt:after {
	content: "En savoir plus";
	position: absolute;
	top: -25px;
	left: 0px;
	font-size: 0.8em;
	white-space: nowrap;
	color: #FFF;
	border-radius: 2px;
	background: #000;
	padding: 1px 5px;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
	visibility: hidden;
	z-index: 200;
}

.ictxt:hover:after {
	visibility: visible;
}

.ictxt.ic_add:after {
	content: "Ajouter";
}

.ictxt.ic_hold:after {
	content: "Déplacer";
}

.ictxt.ic_web:after {
	content: "Voir le site";
}

.ictxt.ic_back:after {
	content: "Retour";
}

.ictxt.ic_download:after {
	content: "Télécharger";
}

.ictxt.dc:after {
	content: "Télécharger";
}

.ictxt.ic_pdf:after {
	content: "Télécharger le PDF";
}

.ictxt.ic_word:after {
	content: "Télécharger le fichier WORD";
}

.ictxt.ic_user:after {
	content: "Mon espace";
}

.ictxt.ic_edit:after {
	content: "Editer";
}

.ictxt.ic_admin:after {
	content: "Administration";
}

.ictxt.ic_up:after {
	content: "Refermer";
}

.ictxt.ic_down:after {
	content: "Déployer";
}

.ictxt.ic_aide:after {
	content: "Aide";
}

.ictxt.ic_calendar:after {
	content: "Date";
}

.ictxt.ic_close:after {
	content: "Fermer";
}

.ictxt.ic_delete:after,
.ictxt.ic_sup:after {
	content: "Supprimer";
}

.ictxt.ic_favorite:after {
	content: "Ajouter";
}

.ictxt.ic_home:after {
	content: "Accueil";
}

.ictxt.ic_info:after {
	content: "Information";
}

.ictxt.ic_menu:after {
	content: "Menu";
}

.ictxt.ic_partner:after {
	content: "Partenaires";
}

.ictxt.ic_less:after {
	content: "Annuler";
}

.ictxt.ic_plus:after {
	content: "Ajouter";
}

.ictxt.ic_link:after {
	content: "Lien";
}

.ictxt.rs_send:after,
.ictxt.ic_send:after {
	content: "Envoyer par mail";
}

.ictxt.ic_contact:after {
	content: "Contacter";
}

.ictxt.ic_map:after {
	content: "Carte";
}

.ictxt.ic_tel:after {
	content: "Téléphone";
}

.ictxt.ic_photo:after {
	content: "Photo";
}

.ictxt.ic_video:after {
	content: "Vidéo";
}

.ictxt.ic_print:after {
	content: "Imprimer";
}

.ictxt.ic_talk:after {
	content: "Répondre";
}

.ictxt.ic_trombone:after {
	content: "Joindre";
}

.ictxt.lSmart:after {
	content: "Mobile";
}

.ictxt.ic_rech:after {
	content: "Rechercher";
}

.ictxt.ic_rs:after {
	content: "Partager";
}

.ictxt.ic_valid:after {
	content: "Valider";
}

.ictxt.ic_logout:after {
	content: "Déconnexion";
}

.ictxt.ic_first:after {
	content: "Premier";
}

.ictxt.ic_prev:after {
	content: "Précédent";
}

.ictxt.ic_pause:after {
	content: "Play";
}

.ictxt.ic_play:after {
	content: "Pause";
}

.ictxt.ic_next:after {
	content: "Suivant";
}

.ictxt.ic_last:after {
	content: "Dernier";
}

.ictxt.ic_facebook:after {
	content: "Facebook";
}

.ictxt.ic_twitter:after {
	content: "Twitter";
}

.ictxt.ic_linkedin:after {
	content: "LinkedIn";
}

/* FIN LIENS AFTER */
/*** FIN LIEN ***/

/*** GLOBAL ***/
.bod {
	background: #FFFFFF;
}

.main {
	background: #fff;
	position: relative;
	z-index: 10;
	padding-top: 1px;
}

.site {
	max-width: 94%;
	margin: 0 auto;
}

.siteAuto,
.site1,
.site2,
.site3 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.paraVue .siteAuto,
.front .para .ls1 .fondMedia .textBox,
.siteAuto,
.site1,
.site1 .siteAuto {
	max-width: 1530px;
}

.nod1 .siteAuto {
	max-width: 1330px;
}

.site2,
.nod2 .siteAuto,
.site2 .siteAuto {
	max-width: 1080px;
}

.site3,
.nod3 .siteAuto,
.site3 .siteAuto {
	max-width: 880px;
}

.fullWidthTextes .siteAuto {
	max-width: none !important;
}

.hr {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.bBack {
	position: fixed;
	left: 10px;
	top: 10px;
}

video,
iframe {
	width: 100%;
	border: 0px;
}

.footer-content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
}

.roleMembre .footer {
	background: url('../images/bg_header_espace_membre.png');
	background-color: rgba(0, 0, 0, 0);
	background-repeat: repeat;
	background-size: auto;
	text-align: center;
	padding: 21px 0px 60px 0px;
	position: relative;
	z-index: 12;
	margin: -1px 0;
	background-color: #F6F6F6;
	background-repeat: no-repeat;
	background-size: cover;

}

.footer {
	background: url('../images/bg_header.png');
	background-color: rgba(0, 0, 0, 0);
	background-repeat: repeat;
	background-size: auto;
	text-align: center;
	padding: 21px 0px 60px 0px;
	position: relative;
	z-index: 12;
	margin: -1px 0;
	background-color: #F6F6F6;
	background-repeat: no-repeat;
	background-size: cover;
}

.menuBas ul,
.foot1 {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.footer li {
	display: block;
}

.footer a {
	display: inline-block;
	padding: 15px 10px;
	color: #333;
}

.footer a:hover {
	color: #ffcc00;
}

.titreLegend {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 35px 0px 18px 0px;
}

.ligneL {
	width: 40%;
	height: 7px;
	background: #F2F2F2;
}

.legend {
	padding: 0px 25px;
	font-size: 1.6em;
	color: #ffcc00;
}

.txtClair .legend {
	background: none;
}

.nod_tag {
	text-align: center;
}

.sbas {
	background-color: #FFF;
	position: relative;
	padding-top: 45px;
	border-top: 10px solid #ebebeb;
}

.titreAutresPages h1 {
	text-align: center;
}

html .txtClair * {
	color: #FFF !important;
}

/*modification des btn pdf*/

/*fin modification des btn pdf*/
html .txtClair .mFile,
html .txtClair .iLien,
html .txtClair .submit,
html .txtClair .bouton,
html .txtClair .icl,
html .txtClair .tag {
	background-color: rgba(255, 255, 255, 0.2) !important;
}

html .txtClair .mFile {
	border-color: rgba(255, 255, 255, 0.5) !important;
}

html .nod1 .txtClair .corps h2::before,
html .nod1 .txtClair h2.titreBox.sansPicto.titreG::before {
	background-color: rgba(255, 255, 255, 0.6);
}

/* ARIANE MENUSIDE */
.menuSide ul.niv0>li.not-active,
.menuAriane li.not-active,
.menuAriane a.is-active {
	display: none !important;
}

.menuAriane ul li,
.menuAriane ul,
.ariane_int {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.ariane {
	padding: 25px 0px 15px 0px;
	position: relative;
	z-index: 100;
}

.ariane a {
	display: block;
	margin-right: 10px;
	background: url('../images/icons/ariane.svg') no-repeat left center;
	background-size: 13px auto;
	padding-left: 15px;
	color: rgba(0, 0, 0, 0.5);
}

.ariane a:hover {
	text-decoration: underline;
}

.titreClair .ariane {
	color: #FFF;
}

.titreClair .ariane a {
	background-image: url('../images/icons/ariane_blc.svg');
	color: #FFF;
}

.menuSide li a {
	color: rgba(0, 0, 0, 0.5);
}

.menuSide li.li-0>a {
	font-size: 1.3em;
}

/* FIN ARIANE MENUSIDE */
/* PLAN DU SITE */
.planSite {
	padding-bottom: 25px;
}

.planSite h2 {
	font-size: 1.7em;
	margin: 35px 0px 10px 0px;
	color: #ffcc00;
}

.planSite a {
	display: block;
	color: #000;
}

.planSite a:hover {
	text-decoration: underline;
}

.planSite ul {
	margin: 5px 0px 25px 50px;
}

.planSite ul li {
	list-style-type: disc;
	margin: 5px 0px;
}

/* FIN PLAN DU SITE */
.nothing {
	font-style: italic;
	color: #666;
	font-size: 1.1em;
	margin: 0;
	padding: 35px 0;
	text-align: center;
}

.titre a {
	color: #000;
	display: block;
}

.titre a:hover {

	color: #F9B000;
}

.chapo_vue {
	font-size: 1em;
	margin-bottom: 10px;
}

.type-article .dateT {
	top: 0px !important;
}

.dateType {
	display: flex;
	align-items: center;
}

.lsBy.sansCadre .dateType {
	margin-top: 5px;
}

.dateType .dateBox {
	margin-right: 10px;
}

.typeName {
	text-transform: uppercase;
	font-size: 14px;
	color: #ffcc00;
}

/*** FIN GLOBAL ***/
.nav-container {
	background-color: #f8f8f8;
	padding: 0 0;
	overflow-x: auto;
	/* Permet le défilement horizontal sur mobile si nécessaire */
}

.nav-list {
	display: flex;
	/*justify-content: flex-start;
            align-items: center;*/
	gap: 30px;
	/* Espacement entre les éléments */
	padding: 0 20px;
	margin: 0;
	list-style: none;
	min-width: max-content;
	/* Empêche le rétrécissement des éléments */
	justify-content: center;
	align-items: center;
	align-content: center;
}

.nav-item {
	white-space: nowrap;
	/* Empêche le retour à la ligne */
	position: relative;
	padding: 5px 0;
	font-style: italic;
	font-weight: 500;
}

.nav-item::before {
	content: '›';
	margin-left: 10px;
	color: #ff9500;
	font-weight: bold;
	font-size: 35px;
	vertical-align: middle;
	font-size: 2.4em;
	margin: 0 10px 0 9px;
	display: inline-block;
	line-height: 1;
	padding-bottom: 16px;
}

.nav-item:last-child::after {
	content: '';
}

.nav-link {
	text-decoration: none;
	color: #666;
	font-family: Arial, sans-serif;
	font-size: 16px;
	transition: color 0.3s;
	display: inline-block;
	vertical-align: middle;
	/* Alignement avec les flèches */
}

.nav-link:hover {
	color: #ff9500;
}

/* Style pour la version mobile */
@media (max-width: 768px) {
	.nav-list {
		gap: 15px;
		padding: 0 10px;
	}

	.nav-item::after {
		margin-left: 5px;
	}
}

/*** NAV ***/
#aeroport_search_form {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	margin: 0;
	max-width: 100%;
}

/**LOGIN*/
::selection {
	background: #4158d0;
	color: #fff;
}

.wrapperLogin {
	width: 380px;
	background: #fff;
	border-radius: 15px;
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.1);
}

.wrapperLogin .titleLogin {
	font-size: 35px;
	font-weight: 600;
	text-align: center;
	line-height: 100px;
	color: #fff;
	user-select: none;
	border-radius: 15px 15px 0 0;
	background: linear-gradient(-135deg, #c850c0, #4158d0);
}

.wrapperLogin form {
	padding: 10px 30px 50px 30px;
}

.wrapperLogin form .fieldLogin {
	height: 50px;
	width: 100%;
	margin-top: 20px;
	position: relative;
}

.wrapperLogin form .fieldLogin input {
	height: 100%;
	width: 100%;
	outline: none;
	font-size: 17px;
	padding-left: 20px;
	border: 1px solid lightgrey;
	border-radius: 25px;
	transition: all 0.3s ease;
}

.wrapperLogin form .fieldLogin input:focus,
form .fieldLogin input:valid {
	border-color: #4158d0;
}

.wrapperLogin form .fieldLogin label {
	position: absolute;
	top: 50%;
	left: 20px;
	color: #999999;
	font-weight: 400;
	font-size: 17px;
	pointer-events: none;
	transform: translateY(-50%);
	transition: all 0.3s ease;
}

form .fieldLogin input:focus~label,
form .fieldLogin input:valid~label {
	top: 0%;
	font-size: 16px;
	color: #4158d0;
	background: #fff;
	transform: translateY(-50%);
}

form .contentLogin {
	display: flex;
	width: 100%;
	height: 50px;
	font-size: 16px;
	align-items: center;
	justify-contentLogin: space-around;
}

form .contentLogin .checkboxLogin {
	display: flex;
	align-items: center;
	justify-contentLogin: center;
}

form .contentLogin input {
	width: 15px;
	height: 15px;
	background: red;
}

form .contentLogin label {
	color: #262626;
	user-select: none;
	padding-left: 5px;
}

form .contentLogin .pass-link {
	color: "";
}

form .fieldLogin input[type="submit"] {
	color: #fff;
	border: none;
	padding-left: 0;
	margin-top: -10px;
	font-size: 20px;
	font-weight: 500;
	cursor: pointer;
	background: linear-gradient(-135deg, #c850c0, #4158d0);
	transition: all 0.3s ease;
}

form .fieldLogin input[type="submit"]:active {
	transform: scale(0.95);
}

form .signup-link {
	color: #262626;
	margin-top: 20px;
	text-align: center;
}

form .pass-link a,
form .signup-link a {
	color: #4158d0;
	text-decoration: none;
}

form .pass-link a:hover,
form .signup-link a:hover {
	text-decoration: underline;
}

/*FIN LOGIN*/
/*** espace membre****/
.roleMembre .not-node {
	margin-bottom: 140PX;
	margin-top: 40PX;
}

.roleMembre h1 {
	/*margin: 0 !important;*/
	padding: 15px 0;
	text-align: center;
	/*color: #fff;*/
}

.roleMembre .titreAutresPages {
	font-size: 35px;
	font-weight: 600;
	text-align: center;
	line-height: 100px;
	color: #fff;
	user-select: none;
	border-radius: 15px 15px 0 0;
	/* background: linear-gradient(135deg, #F9B000, #e67e22);*/
	/*width: 441px;*/
	text-align: center;
	display: flex;
	margin: 0 auto;
}

.roleMembre .user-login-form {
	width: 380px;
	background: #fff;
	border-radius: 15px;
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.1);
	padding: 50px 30px 47px 30px;
}

.roleMembre #edit-name,
.roleMembre #edit-pass {
	width: 90%;
	outline: none;
	font-size: 17px;
	padding-left: 15px;
	border: 1px solid lightgrey;
	border-radius: 25px;
	transition: all 0.3s ease;
	margin-bottom: 10px;

}
.contentResR{
	top: 0px !important;
    position: relative;
    margin-top: -40px;
}
.sk-posts-footer{
	display: none!important;
}
body .sk-ww-linkedin-page-post{
	border: none!important;
}
.espaceMembre #edit-submit {
	color: #fff;


	font-size: 20px;
	font-weight: 500;
	cursor: pointer;
	background: linear-gradient(135deg, #F9B000, #e67e22);
	transition: all 0.3s ease;
	border-radius: 20PX;
}
.espaceMembre .siteSlogan{
	font-size: 34px!important;
    line-height: 33px!important;
}
.espaceMembre h3 {
	font-size: 25px;
	/*text-transform: uppercase;*/
	color: #000;
	font-weight: 600;
}

.espaceMembre .navi li a.is-active {
	color: #000;
	border-bottom: 0;
}

.espaceMembre .header {
	background: url(../images/bg_header_espace_membre.png) !important;
	position: relative;
	z-index: 140;
	height: 143px;
	transition: 0.2s;
	background-repeat: no-repeat;
	background-size: cover !important;
	background-color: #fff !important;
}

.espaceMembre .navi {
	background: #FFCC00;

}

.espaceMembre ul .menu {
	background: #fdf6f6;
}

/****fin espace membre***/
.header {
	background: url('../images/bg_header.png');
	position: relative;
	z-index: 140;
	height: 143px;
	transition: 0.2s;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #fff;
}

.header1,
.head {
	height: 93px;
}

.navi,
.boxNav {
	height: 50px;
}

button.js-form-submit.form-submit {
	background: red !important;
}

/* HEAD FIXE */
@media all and (min-width:989px) {
	.headFixe .header {
		box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
		position: sticky;
		/* position: -webkit-sticky; */
		top: 0;
		height: 100px;
	}

	.headFixe .header1,
	.headFixe .head {
		height: 63px;
		margin-top: 14px;
	}

	.headFixe .navi,
	.headFixe .boxNav {
		/*height: 37px;*/
		margin-top: 27px;
		z-index: 5;
	}

	.toolbar-fixed .headFixe .header {
		top: 78px;
	}

	/* supprimer à cause du scroll le text disparait .headFixe .header .bMenuNav .act span.txt {
		display: none;
	}*/
	.headFixe .header .siteName {
		font-size: 1.25em;
	}

	.headFixe .header .siteSlogan {
		font-size: 15px;
		line-height: 20px;
	}

	.headFixe .siteLogo img {
		max-height: 53px;
		width: auto;
	}
}

/* FIN HEAD FIXE */
.siteLogo {
	display: block;
	margin-right: 5px;
	height: 80px;
}

.siteLogo img {
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
}

.header1 {
	/*background: #FFF;*/
	position: relative;
	/*z-index: 150;*/

	height: 128px;
}

.flexHead {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.head {
	display: flex;
	align-items: center;
}

.head1 {
	justify-content: flex-start;
}

.head2 {
	justify-content: center;
	width: 310px;
}

.head32 {
	justify-content: flex-end;
}

.imgEquipe {
	width: 300px;
	height: auto;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.contentInfo {
	top: -40px;
	display: block;
	position: relative;
	border: 1px solid #CFCFCF;
	background: #fff;
	width: 260px;
	left: 11px;
	padding: 20px 5px;
	line-height: 24px;
	text-align: center;
	height: 140px;
}

.nom_contact {
	font-weight: bold;
}

a div.nom_contact {
	font-weight: bold;
	color: #F9B000;
}

a div.nom_contact:hover {
	font-weight: bold;
	color: #000 !important;
}


.description_contact p {
	margin: 0;
	padding: 0;
}

.description_contact {
	background: #FFCC00;
	color: #000 !important;
	padding: 10px;
	/* margin-top: 65px; */
	display: inline-block;
}

/* ===== CARTES CONTACTS ÉDITORIAUX (Conseil d'administration etc.) ===== */
/* 1. La grille : passe à la ligne + espacement régulier au lieu de déborder */
.paraBox{
	max-width: 1330px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.node-6578 .f_field-contacts-edito .items {
	display: flex;
	flex-wrap: wrap;
	/*justify-content: center;
	row-gap: 10px;
	column-gap: 24px;*/
}

/* 2. Chaque carte a la même largeur, quel que soit le nom/poste */
.f_field-contacts-edito .item {
	flex: 0 0 260px;
	max-width: 260px;
	display: flex;
}

/* 3. La carte (photo + bloc texte) devient une colonne pleine hauteur,
      pour que le bloc texte s'aligne même si le nom est plus long */
.f_field-contacts-edito .pContactEditorial {
	display: flex;
	flex-direction: column;
	width: 100%;
}

/* 4. Photo : ratio carré fixe + recadrage automatique (object-fit)
      -> toutes les photos ont la même taille, peu importe leur format d'origine */
.f_field-contacts-edito .photo_contact {
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}
.f_field-contacts-edito .imgEquipe {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	object-position: top;
}

/* 5. Bloc texte : hauteur libre (plus de coupure), mais s'étire pour
      occuper l'espace restant -> toutes les cartes d'une même ligne
      ont la même hauteur totale */
.f_field-contacts-edito .contentInfo {
	position: relative;
	top: -30px;
	margin: 0 10px -30px 10px; /* le -30px du bas compense le top: -30px, donc plus de trou en dessous */
	left: 0;
	width: calc(100% - 20px);
	height: auto;
	min-height: 100px;
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
}

/* 6. Responsive : sur mobile, une carte par ligne, centrée */
@media all and (max-width: 640px) {
	.f_field-contacts-edito .item {
		flex: 0 0 100%;
		max-width: 320px;
	}
}

.boxNav {
	position: relative;
	/*z-index: 190;*/
	z-index: 2;
	margin-top: -25px;
}

.logo img {
	width: auto;
	max-height: 95%;
}

h1.siteName,
.siteName {
	font-size: 1.6em;
	font-weight: 600;
	line-height: 1em;
	text-transform: uppercase;
}

.siteName a {
	display: none;
	color: #000;
	text-transform: none;
	font-weight: 300;
	margin-left: 20px;
}

.siteSlogan {
	font-size: 21px;
	color: #000;
	text-transform: none;
	font-weight: 200;
	/* margin-left: 20px; */
	font-family: "Inter", sans-serif;
	font-size: 18px;
	line-height: 28px;
	margin-left: 27px;
}

/*nav*

.navi ul ul li{
	  display: inline-flex;
  flex-wrap: wrap;
  gap: 12px;
width: 1756px;
  left: -110px;
}
ul.niv2{
	margin-top: 0px!important;
}
.navi ul ul li{
	width: 16%;
}
.navi ul ul li a{
	width: 200px;
}
/* fin nav*/
ul.niv2 {

	display: block !important;
	position: relative !important;
}

.navi ul ul,
.navi {
	background: #fff;
}

.menuPage.menuAriane .ul-child.niv1.ul-child-main.niv1 {
	background: #fff !important;
}

/*ul .ul-child{
background: #fff!important;
}*/
.navi ul li:hover>span,
.navi ul li:hover>a {

	color: #000 !important;
}

.navi ul .ul-child li:hover>a {
	/*background-color: #ffcc00;*/
	font-weight: bold;
}

.navi {
	/*position: relative;
	z-index: 50;
	display: flex;
	align-items: center;
	justify-content: center;*/
	position: relative;
	z-index: 50;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: flex-start;
}

.roleAdmin .navi div:first-of-type {
	z-index: -1;
}

.roleAdmin .head_rech {
	z-index: 0;
}

/*.navi div:first-of-type{
width: 90%;
}*/
.navi .bShow {
	z-index: 130;
	margin: auto;
}

.navi ul li {
	/*! position: relative; */
}

.navi ul,
.navi ul ul {
	margin: 0px;
	padding: 0px;
	display: flex;
	justify-content: flex-start;
	/*gap:40px;*/
}

.navi ul li ul.niv2 li {
	padding: 0px !important;
}

.navi ul ul.niv2 {
	margin-top: 0px;
}

.navi ul li {
	/*! display:inline-block; */
	/*! margin:0px; */
	/*padding:0px;
	ajout*/
	padding: 9px;
	/*! position: relative; */
	color: #000;
}

.bloc2content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
}

.navi .bMenu ul li ul li {
	display: block;
}

.navi .li-0>span,
.navi .li-0>a {
	display: block;
	padding: 5px 25px;
	color: #000;
	text-decoration: none;
	font-weight: 500;
	font-size: 17px;
}

/*.navi .li-0 > span:hover,
.navi .li-0 > a:hover {
	color:#FFF;
}*/
.navi li a.is-active,
.navi li.active>a,
.navi li.active>span {
	color: #FFCC00;
	position: relative;
	border-bottom: 2px solid #FFCC00;
}
.espaceMembre .navi li a.is-active,
.espaceMembre .navi li.active>a,
.espaceMembre .navi li.active>span {
	color: #fff!important;
	position: relative;
	border-bottom: 2px solid #fff!important;
}
.navi ul ul {
	/* ajout display: none;
	position: absolute;
	width:300px;*/
	display: none;
	position: absolute;
	width: 100%;
	margin-top: 10px;
	left: 0px;
	background: #fdf6f6;
}

.navi ul.ul-2,
.navi ul.ul-3 {
	margin-left: 250px;
	margin-top: -35px;
}

span.not-parent {
	font-weight: 400 !important;
}

ul .niv2 li.li-2 a {
	text-transform: none !important;
	font-weight: 400 !important;
}

ul .li-1.ss-menu:first-child a,
ul .li-1.ss-menu:nth-child(2) a {
	text-transform: uppercase;
	font-weight: bold;
}

.navi ul ul li {
	display: block;
	text-align: left;
}

.navi ul ul li span,
.navi ul ul li a {
	display: block;
	padding: 8px 3px;
	color: #000000;
}

.navi ul ul li.li-1 span {
	color: #000 !important;
	font-weight: bold;
	text-transform: uppercase;
}

.navi ul ul li.li-2 span {
	color: #000 !important;
	text-transform: none !important;
}

.navi ul ul li.li-2 span:hover {
	/*color: #fff !important;*/
	text-transform: none !important;

}

.navi ul ul li a:hover {
	color: #FFF;
}

.zTop {
	z-index: 200;
}

/* MIN WIDTH 990 */
@media all and (min-width: 990px) {
	.computer .navi ul li:hover>ul {
		display: block;
		z-index: 200;
		display: inline-flex;
		flex-wrap: wrap;
	}
}

/* FIN MIN WIDTH 990 */
/* BMENUNAV */
.bMenuNav.actif .zone,
.bMenuNav.actif .fermerMenu {
	display: block;
}

.bMenuNav .act {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0px 10px;

}

.bMenuNav .act .ic {
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 45px;
	height: 24px;
	border-radius: 50px;
	padding-top: 17px;
	margin-right: 0px;
}

.bMenuNav:hover .act .ic {
	transform: scale(1.05);
}

.bMenuNav .act .txt {
	display: block;
	padding: 5px 0;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	line-height: 38px;
}

.bMenuNav:hover .act .txt,
.bMenuNav.actif .act .txt {}

.bMenuNav .box_act {
	position: relative
}

.fermerMenu {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 6;
}

.bMenuNav .zone {
	/*position: absolute;*/
	padding: 0;
	width: 100%;
	background-color: #FFF;
	box-shadow: 3px 3px 8px rgba(0, 40, 80, 0.5);
	left: 0px;
	text-align: left;
	z-index: 150;
}

.bMenuNav .zone .form-actions input {
	margin: 15px 0px;
}

.bMenuNav input[type="submit"] {
	font-size: 1em !important;
}

#div_para_vue_dernieres_actualites,
#derniere-publication,
#div_para_vue_1,
#fiche-aeroports {
	scroll-margin-top: 170px;
}

.bMenuNav form {
	/*max-width: 900px;*/
	text-align: center;
	display: flex;
	gap: 25px;
}

.head input[type="text"],
.head input[type="search"],
.head input[type="password"] {
	background-color: transparent !important;
	border: 0px;
	border-bottom: 4px solid #ccc;
	box-shadow: none !important;
	text-align: center;
	margin: 15px 0px;
}

.head input[type="text"]:hover,
.head input[type="search"]:hover,
.head input[type="password"]:hover {
	border-color: #ffcc00;
}

.head input[type="text"]:focus,
.head input[type="search"]:focus,
.head input[type="password"]:focus {
	border-color: #F09328;
}

/* FIN BMENUNAV */
/*** FIN NAV ***/
/*** USER ***/
.connect .zUser li {
	text-align: right;
}

.connect .zUser li a {
	display: inline-block;
	padding: 3px 0px;
	border-bottom: 1px solid #D8DBDE;
	margin: 5px 0px;
}

.zUser li a.request-password-link {
	font-size: 0.85em;
	margin-top: 10px;
	text-decoration: underline;
}

h2.nom {
	text-transform: none;
	margin: 10px 0;
	font-size: 1.3em;
}

.upper {
	text-transform: uppercase;
}

.photo {
	display: block;
	border-radius: 100%;
	width: 160px;
	height: 160px;
	background-color: rgba(0, 10, 50, 0.12);
	background-image: url('../images/photo.svg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.user_page {
	display: flex;
	margin-top: 20px;
}

.user_page .photo {
	width: 200px;
	height: 200px;
	margin-right: 25px;
}

.block-user-login-block ul li {
	text-align: center;
}

/*** FIN USER ***/
/*** MEDIAS ***/
.img img,
.texte img {
	display: block;
	max-width: 100%;
	/*max-height: 600px;*/
	width: auto;
}

.img img[data-align='center'],
.texte img[data-align='center'] {
	margin: 10px auto;
}

.img img[data-align='right'],
.texte img[data-align='right'] {
	margin: 10px 0px 20px 20px;
	float: right;
	max-width: 500px;
}

.img img[data-align='left'],
.texte img[data-align='left'] {
	margin: 10px 20px 20px 0px;
	float: left;
	max-width: 500px;
}

canvas.pdf-canvas {
	width: 100%;
	border: 0px;
	border-color: rgba(0, 0, 0, 0.1);
	transform: rotate(0) translate(0);
}

.media {
	position: relative;
}

.media img {
	display: block;
}

.mediaBloc {
	width: 100%;
	position: relative;
}

.docPrincipal {
	max-width: 300px;
}

.lienPrincipal {
	text-align: center;
}

.lienPrincipal a.iBloc {
	display: inline-block;
}

.titlePage.titre_afis.titre_nodT {
	margin-top: 35px;
}

/*.it .docBloc.dpdf,*/
.notBal .mediaBloc {
	padding-top: 57%;
}

.mMedia.doc.notBal.notImg.notVideo .mediaBloc.docBloc.m_pdf {
	padding-top: 0px !important;
}

.mFile .imCredit {
	height: 100%;
	width: 100%;
}

.notBal .toCanvas,
.notBal .bimg,
.mFile .toCanvas,
.item .toCanvas {
	overflow: hidden;
	/*supp chrisheight: 100%;
height: auto!important;*/
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
}

.it .docBloc.dpdf .btBlack {
	right: 0px;
}

.notBal .mediaBloc.imgBloc {
	display: block;
}

.mFond .mediaBloc .btBlack {
	display: none;
}

audio {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

.audioBloc img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

.mFile .imgBloc,
.audioBloc,
.docBloc {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

a.mediaBloc {
	display: block;
}

.items .bimg {
	/*background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	background-position: center;*/
	width: 100%;
	height: 320px;
	clip-path: polygon(0 0, 100% 0, 100% 70%, 0 90%);
	object-fit: cover;
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	z-index: -2;
}

.podBloc iframe,
.videoBloc video,
.videoBloc iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.podBloc iframe {
	max-width: 100% !important;
	max-height: 100% !important;
}

/*.path-offres-emploi .item-list{
	    border: 1px solid #e8831f;
    padding: 30px 30px 0px 30px;

}*/
.path-offres-emploi .item-list ul li {
	border: 1px solid #e8831f;
	background: #f7f6f6;
	padding: 24px;
	margin-bottom: 35px;
}

.blocGrey {
	background: #E4E3E3;
	padding: 15px;
	font-weight: bold;
}

.blocGrey:hover {
	background: #000;
	color: #fff !important;
}

.titleInfo {
	margin-bottom: 36px;
	font-weight: bold;
	margin-top: 25px;
}

.contentAfis {
	display: inline-flex;
	gap: 62px;
}

.blgrey {
	border: 1px solid #E4E3E3;
	padding: 15px;
	justify-content: center;
	flex-direction: column;
	display: flex;
	align-items: flex-end;
	align-content: stretch;
	width: 357px;
}

.blgrey span {
	font-size: 17px;
	line-height: 24px;
	color: #000000;
	margin-bottom: 15px;
}

.dtContent {
	margin-top: 45px;
	display: flex;
}

.btnEn {
	background-color: #F9B000;
	color: #333;
	padding: 6px 11px;
	border: none;
	border-radius: 4px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	margin-bottom: 18px;
	font-size: 14px;
}

.btnEn:hover {
	background-color: #000;
	color: #fff !important;
}

.seven .js-form-item.form-item.form-item.js-form-type-textarea {
	width: 100%;
}

.btnMesInfos {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 12px;
}

.blgrey:hover {
	background: #E4E3E3;
	transition: 2ms;
}

.no-touchevents .button.button--small {
	background: green;
}

.path-offres-emploi .views-field-title .field-content a {
	font-weight: bold;
	color: #000000 !important;
	background: #e7831e;
	padding: 10px 8px;
}

.path-offres-emploi .field-content {
	line-height: 27px;
}

.path-offres-emploi .views-field.views-field-title {
	margin-bottom: 20px;
	margin-top: 20px;
}

.path-offres-emploi .views-field-field-introduction .field-content {
	margin-top: 20px;
}

.views-field-field-type-article {
	display: block;
  font-size: 0.68em;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #C98E00;
  margin-bottom: 8px;
}

.path-offres-emploi p {
	padding-bottom: 0 !important;
}

.path-offres-emploi .field-content time {
	font-weight: 400;
	font-style: italic;
	color: #fff;
	background: black;
	padding: 2px 9px;
}

/****ajout18/09***/
#edit-preview {
	background: orange !important;
}

.txtorange {
	color: #F9B000;
}

.txtorange p:first-child {
	color: #F9B000;
}

.orangeColor {
	background: #f9b000;
	padding: 25px 0px 50px 0px !important;
}

.greyColor {
	background: #F6F6F6;
	padding: 50px 0px 50px 0px !important;
}
.node-6327 .items.its_1.itsSeul{
	padding-bottom: 155px;
	    display: flex;
    gap: 25px
}
.clearfix #edit-field-paragraphe-3-subform-field-code-iframe-add-more {
	background: #69bf69;
}


.node-6349 .dropbutton-widget ul li input{
	background: blue;
}

#edit-field-bandeau-0-top-links-remove-button {
	background: red;
}

.stats-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 40px;
	margin-bottom: 50px;
}

.stat-card {
	text-align: center;
	padding: 20px;
}

.icon-container {
	width: 120px;
	height: 120px;
	/*background: linear-gradient(135deg, #F9B000, #e67e22);
            border-radius: 20px;*/
	margin: 0 auto 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	/*box-shadow: 0 8px 25px rgba(243, 156, 18, 0.3);*/
	transition: all 0.3s ease;
}

.icon-container img {
	width: 103px;
	height: auto;
}

.icon-container:hover {
	transform: translateY(-5px);
	/*  box-shadow: 0 15px 35px rgba(243, 156, 18, 0.4);*/
}

.icon {
	width: 40px;
	height: 40px;
	fill: white;
}

.stat-title {
	font-size: 25px;
	color: #333;
	margin-bottom: 8px;
	font-weight: 400;
}

.stat-year {
	font-size: 24px;
	color: #F9B000;
	font-weight: 600;
}

.report-section {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	    margin-top: 45px;
}

.report-badge {
	display: inline-block;
	background: #F9B000;
	/* background: linear-gradient(135deg, #F9B000, #e67e22);*/
	color: white;
	padding: 12px 25px;
	border-radius: 5px;
	font-weight: 600;
	font-size: 0.95rem;
	margin-bottom: 20px;
	box-shadow: 0 4px 15px rgba(243, 156, 18, 0.3);
}

.info-section {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	margin-top: 20px;
}

.arrow-icon {
	width: 40px;
	height: 40px;
	background: #F9B000;
	/*background: linear-gradient(135deg, #F9B000, #e67e22);*/
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-top: -10px;
}

.arrow-icon::after {
	content: '>';
	color: white;
	font-size: 1.2rem;
	font-weight: bold;
}

.arrow-icon2 {
	width: 40px;
	height: 40px;
	background: #F9B000;
	/* background: linear-gradient(135deg, #F9B000, #e67e22);*/
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-right: 15px;

}

.arrow-icon2::after {
	content: '>';
	color: white;
	font-size: 1.2rem;
	font-weight: bold;
}

.mg {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px;
}

.info-text {
	flex: 1;
	color: #666;
	/*line-height: 1.7;*/
}

.info-text a {
	color: #3498db;
	text-decoration: none;
	font-weight: 500;
}

.info-text a:hover {
	text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 768px) {


	.stats-grid {
		gap: 30px;
		margin-bottom: 40px;
	}

	.icon-container {
		width: 100px;
		height: 100px;
	}

	.icon {
		width: 50px;
		height: 50px;
	}

	.stat-title {
		font-size: 1.1rem;
	}

	.report-section {
		padding: 20px;
	}

	.info-section {
		flex-direction: column;
		gap: 15px;
	}

	.arrow-icon {
		align-self: flex-start;
		margin-top: 0;
	}
}

@media (max-width: 480px) {

	.stats-grid {
		grid-template-columns: 1fr;
	}

	.icon-container {
		width: 90px;
		height: 90px;
	}

	.icon {
		width: 45px;
		height: 45px;
	}

	.stat-title {
		font-size: 1rem;
	}

	.report-badge {
		font-size: 0.9rem;
		padding: 10px 20px;
	}
}

/***fin ajout 18/09**/
/*** mFile ***/
.media .m_pdf,
.mFile .m_pdf {}

.type-aeroport .form-section {
	gap: 20px;
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}

.form-section {
	display: inline-flex;
	gap: 20px;
	justify-content: end;
	align-items: end;
}

.mFile {
	background-color: #FFF;
	border: 1px solid #D8DBDE;
	/*box-shadow: 7px 7px 0px rgba(0,10,50,0.12);*/
	position: relative;
}

.intFile {
	padding: 11px;
}

.multiMedias0 .mFile {
	margin-right: 0px;
}

.mFile.act,
.mFile.bImgOver {
	display: block;
	position: inherit;
	text-align: center;
	width: 100%;
}

.mFile.mediaBloc {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}

.mFile.imgBloc {
	background-size: contain;
	background-position: center;
}

.mFile.imgBloc .imCredit {
	width: 100%;
	height: 100%;
}

.mFile.mediaBloc .act img {
	max-width: 100%;
	width: auto;
	height: auto;
	max-height: 142px !important;
}

.mFile.imgBloc .credit {
	background: rgba(255, 255, 255, 0.7);
	color: #333;
	border-radius: 0 5px 0 0;
	text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.2);
}

.mFile.mediaBloc audio {
	position: absolute;
	bottom: 0;
	left: 0px;
	width: 100%;
}

.mFile.legend {
	padding: 8px 0 0 0;
}

.legend a {
	text-decoration: underline;
}

.mFile.legend a {
	color: #666;
	text-decoration: none;
}

.mediaName {
	padding: 10px 0px;
	color: #000;
	text-align: left;
}

.btBlack {

	right: 0px;
	bottom: 22px;
	color: #FFF;

	font-weight: 600;
	font-size: 15px;
	z-index: 5;
	width: 150px;
	text-align: center;
	background: #000;
	padding: 10px;
	margin: 0 auto;
}

/*.btBlack {
	background: rgba(0,0,0,0.8) url('../images/icons/bb_tele.svg') no-repeat left center;
	padding:3px 10px 3px 30px;
	position: absolute;
	right: 0px;
	bottom: 22px;
	color:#FFF;
	box-shadow: 2px 2px 0px rgba(0,0,0,0.12);
	font-weight: 600;
	font-size: 0.85em;
	z-index: 5;
}*/
.mFile .btBlack {
	right: -11px;
}

.media1 .btBlack,
.itDiapo .btBlack {
	right: auto;
	left: 50%;
	top: auto;
	bottom: 0px;
	margin-left: -60px;
	width: 80px;
	text-align: left;
}

.btBlack:hover {
	background-color: #ffcc00;
}

.bbZoom {
	background-image: url('../images/icons/bb_zoom.svg');
}

.bbLien {
	background-image: url('../images/icons/bb_lien.svg');
}

/*.m_pdf {
	background-image: url('../images/icons/doc_pdf.svg');
}*/
.txtClair .m_pdf {
	background-image: url('../images/icons/doc_pdf_blc.svg');
}

.m_txt {
	background-image: url('../images/icons/doc_txt.svg');
}

.txtClair .m_txt {
	background-image: url('../images/icons/doc_txt_blc.svg');
}

.m_word {
	background-image: url('../images/icons/doc_word.svg');
}

.txtClair .m_word {
	background-image: url('../images/icons/doc_word_blc.svg');
}

.m_xls {
	background-image: url('../images/icons/doc_xls.svg');
}

.txtClair .m_xls {
	background-image: url('../images/icons/doc_xls_blc.svg');
}

.m_audio {
	background-image: url('../images/icons/doc_audio.svg');
}

.txtClair .m_audio {
	background-image: url('../images/icons/doc_audio_blc.svg');
}

/*** FIN mFile ***/
/*** FIN MEDIAS ***/
/*** LISTE ***/
/* PAGER */
.pager li:before {
	display: none !important;
}

.pager ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 0px;
	padding: 0px;
}

.pager li {
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.vueLine .chapo {
	display: none;
}

.pager {
	text-align: center;
	display: block;
	width: 100%;
	padding: 15px 0px 45px 0px;
}

.pager__items li a {
	display: flex;
	width: 40px;
	height: 40px;
	justify-content: center;
	align-items: center;
	background-color: #FFF;
	box-shadow: 4px 3px 0px rgba(0, 30, 60, 0.12);
	border: 1px solid #D8DBDE;
	color: #000;
	margin: 3px;
	font-weight: 700;
	opacity: 0.6;
}

.pager__items li {
	vertical-align: top;
}

.pager__item--first a,
.pager__item--previous a,
.pager__item--next a,
.pager__item--last a {
	font-size: 0;
	font-weight: 300;
	padding: 0px !important;
	background-image: url("../images/icons/p_first.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px auto;
}

.pager__items a:hover,
.pager__item--first a:hover,
.pager__item--previous a:hover,
.pager__item--next a:hover,
.pager__item--last a:hover {
	box-shadow: 4px 3px 0px rgba(0, 30, 60, 0.3);
	opacity: 1;
}

.pager__item--previous a {
	background-image: url("../images/icons/p_prev.svg");
}

.pager__item--next a {
	background-image: url("../images/icons/p_next.svg");
}

.pager__item--last a {
	background-image: url("../images/icons/p_last.svg");
}

.pager__items li.is-active a:hover,
.pager__items li.is-active a {
	border-color: #6B717F;
	background-color: #6B717F;
	color: #FFF;
	opacity: 1;
	box-shadow: none;
	cursor: default;
}

/* FIN PAGER */
/* SEARCH RECHERCHE */
.path-search .block-local-tasks-block,
.path-search .block-page-title-block,
.search-form .search-help-link,
.search-form details {
	display: none;
}

.path-search .art .block-system-main-block {
	max-width: 1000px;
	margin: 0px auto;
}

.search-form {
	text-align: center;
	margin-top: 35px;
}

.search-form .form-search {
	padding: 10px 15px;
	width: 350px;
	background: #FFF;
	font-size: 16px;
}

.search-form .form-submit {
	padding: 7px 15px;
	font-size: 18px;
}

.path-search .block-system-main-block h2 {
	display: none;
	font-size: 2.8em;
	margin: 45px 0px;
}

.path-search .block-system-main-block ol li h3 {
	font-size: 1.3em;
	margin: 0px;
}

.path-search .block-system-main-block ol li p {
	margin: 10px 0px;
}

.path-search ol strong {
	display: inline-block;
	background-color: #ffcc00;
	color: #FFF;
	font-weight: 400;
	padding: 0px 5px 1px 5px;
}

.path-search .block-system-main-block ol {
	margin: 0px;
	padding: 0px;
	counter-reset: item;
}

.path-search .block-system-main-block ol li {
	list-style-type: none;
	position: relative;
	margin: 20px 0px;
	padding: 0px;
	display: block;
}

.path-search .block-system-main-block ol>li:before {
	display: block;
	position: absolute;
	left: -36px;
	top: -1px;
	padding: 0px 0px 0px 13px;
	content: counter(item);
	counter-increment: item;
	font-weight: 600;
	color: #8A8D99;
	font-size: 1.3em;
}

.it_rech {
	display: block;
	background-color: #FFF;
	padding: 25px 45px;
	border: 1px solid #ccc;
	box-shadow: 8px 8px 0px rgba(0, 10, 50, 0.12);
	color: #000;
}

.it_rech:hover {
	box-shadow: 8px 8px 0px rgba(0, 10, 50, 0.25);
	color: #000;
}

/* FIN SEARCH RECHERCHE */
/* LISTES GEN */
.item {
	/*position: relative;
	display: block;
	margin-top:20px;
	margin-bottom: 20px;*/
	position: relative;
	display: block;
	width: 369px;
	overflow: visible;
	/* margin: 20px;*/
}

.avecCadre .item {
	border: 1px solid #ccc;
}

.avecCadre .textBox>.int {
	padding: 7px 20px 16px 20px;
}

.ls1.sansCadre .textBox>.int {
	padding-left: 25px;
}

.avecRadius .it>.int::before,
.avecRadius .item .mediaBloc,
.avecRadius .item iframe,
.avecRadius .item video,
.avecRadius .item audio,
.avecRadius .item .bimg,
.avecRadius .item .bimg .im {
	/*border-radius:20px;*/
}

.node-6318 .items {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 65px;
}

.node-6318 .item {
	width: 260px;

}

.path-recherche .views-exposed-form select {
	height: 27px;
}

.path-recherche .form-type-search-api-autocomplete {
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	display: flex;
	flex-direction: column;
}

#block-karyans-main-menu {
	width: 100%;
}

.head_rech {
	WIDTH: 190px;
}

.path-recherche .karyans.js-form-type-select {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: center;
	align-content: center;
}

.path-recherche .js-form-type-select {

	flex-direction: column;
}

.path-recherche .views-exposed-form label:not(.option) {
	display: block;
	font-weight: bold;
	color: #000;
}

.path-recherche .views-exposed-form.bef-exposed-form {

	background: #F5F5F5;
	margin-bottom: 20px;
}

.path-recherche #edit-field-tag--2,
.path-recherche #edit-search-api-datasource--2 {
	background-color: #fff;
}

.path-recherche .views-exposed-form input[type="submit"] {
	height: 32px;
	margin-top: 23px;

}

.node-6318 .email_contact a {
	word-wrap: break-word !important;
}

.node-6318 .imgEquipe {
	width: 220px;
	height: 312px !important;
}

.node-6318 .contentInfo {
	width: 191px;
}

.node-6318 .items>div {
	margin: 6px;
	max-height: 500px;
}

.nodAccueil .dateT:first-child {
	display: none;
}

.dateT,
.type-accueil .dateT {
	display: flex;
	background: #000;
	width: 21%;
	text-align: center;
	color: #F9B000 !important;
	position: relative;
	justify-content: center;
	font-weight: bold;
	height: 30px;
	align-content: center;
	align-items: center;
	align-content: center;
	position: absolute;
	top: -35px;

}

.type-article .dateT {
	display: block;
	width: 21%;
	color: #F9B000 !important;
	position: relative;
	font-weight: bold;
	height: 30px;
	top: -35px;
	background: none;
	text-align: left;

}

.item .dateBox.dateSeule .dateT {
	width: 35%;
	margin-bottom: -24px;
	display: block;
	position: relative;
}

.mFond.avecRadius .item,
.avecCadre.avecRadius .item {
	/*border-radius:20px;*/
	overflow: hidden;
}

.espacePublic.path-page-thematique .textBox {
	top: 215px;
}

.espacePublic.path-page-thematique .intro {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 80px;
	overflow: hidden;
	margin-bottom: 15px;
}

/*.items{
	display: flex;
	gap: 25px;
}*/
.lsBy.avecCadre.avecRadius:not(.mFond) .item .mediaBloc,
.lsBy.avecCadre.avecRadius:not(.mFond) .item iframe,
.lsBy.avecCadre.avecRadius:not(.mFond) .item video,
.lsBy.avecCadre.avecRadius:not(.mFond) .item audio,
.lsBy.avecCadre.avecRadius:not(.mFond) .item .bimg,
.lsBy.avecCadre.avecRadius:not(.mFond) .item .bimg .im {
	/*border-radius:20px 20px 0 0;*/
}

@media all and (min-width:640px) {

	.ls1.avecCadre.avecRadius:not(.mFond) .item .mediaBloc,
	.ls1.avecCadre.avecRadius:not(.mFond) .item iframe,
	.ls1.avecCadre.avecRadius:not(.mFond) .item video,
	.ls1.avecCadre.avecRadius:not(.mFond) .item audio,
	.ls1.avecCadre.avecRadius:not(.mFond) .item .bimg,
	.ls1.avecCadre.avecRadius:not(.mFond) .item .bimg .im {
		/*border-radius:20px 0 0 20px;*/
	}
}

.avecCadre.txtClair .item {
	background-color: rgba(255, 255, 255, 0.2);
}

/* FLEX */
.center .iBox,
.center .logos,
.center .filesBox,
.lsFlex .items {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.lsFlex.around .items {
	justify-content: space-around;
}

.lsFlex.around .item {
	margin-left: 0;
	margin-right: 0;
}

.lsFlex .item {
	flex-shrink: 0;
}

.center.hLarge .logos .vLogo,
.center.hLarge .filesBox .mFile,
.lsFlex.ls2 .item {
	width: 45.8%;
}

.center .iBox .iBloc,
.center .logos .vLogo,
.center .filesBox .mFile,
.lsFlex.ls3 .item {
	width: 23.5%;
}

.center.hSmall .logos .vLogo,
.center.hSmall .filesBox .mFile,
.lsFlex.ls4 .item {
	width: 22.5%;
}

.center.hLarge .logos,
.center.hLarge .filesBox,
.lsFlex.ls2 .items {
	margin-right: -2%;
	margin-left: -2%;
}

.center.hLarge .logos .vLogo,
.center.hLarge .filesBox .mFile,
.lsFlex.ls2 .item {
	margin-left: 2%;
	margin-right: 2%;
}

.center .iBox,
.center .logos,
.center .filesBox,
.lsFlex.ls3 .items {
	margin-right: -1.6%;
	margin-left: -1.6%;
}

.center .iBox .iBloc,
.center .logos .vLogo,
.center .filesBox .mFile,
.lsFlex.ls3 .item {
	margin-left: 1.6%;
	margin-right: 1.6%;
}

.center.hSmall .logos,
.center.hSmall .filesBox,
.lsFlex.ls4 .items {
	margin-right: -1%;
	margin-left: -1%;
}

.center.hSmall .logos .vLogo,
.center.hSmall .filesBox .mFile,
.lsFlex.ls4 .item {
	margin-left: 1%;
	margin-right: 1%;
}

.item,
.vLogo,
.mFile {
	margin-top: 18px;
	margin-bottom: 18px;
}

.hSmall .item,
.hSmall .vLogo,
.hSmall .mFile {
	margin-top: 10px;
	margin-bottom: 10px;
}

.hLarge .item,
.hLarge .vLogo,
.hLarge .mFile {
	margin-top: 25px;
	margin-bottom: 25px;
}

.multiMedias0 .mFile {
	margin-right: 0px;
}

.notCenter .iBox {
	display: inline-flex !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	margin: -12px 0 0 -12px;
	width: calc(100% + 12px);
	justify-content: center !important;
	/*background: #f5f3f3;*/
	padding: 12px 0px;
}

.notCenter .iBox,
.notCenter .logos,
.notCenter .filesBox,
.lsGrid .items {
	display: grid;
	justify-content: space-between;
}

.notCenter.hLarge .logos,
.notCenter.hLarge .filesBox,
.lsGrid.ls2 .items {
	grid-template-columns: repeat(auto-fill, 47%);
	grid-gap: 0 2%;
}

.notCenter .iBox,
.notCenter .logos,
.notCenter .filesBox,
.lsGrid.ls3 .items {
	grid-template-columns: repeat(auto-fill, 31%);
	grid-gap: 0 1%;
	/*display: flex;*/
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;

}

.notCenter.hSmall .logos,
.notCenter.hSmall .filesBox,
.lsGrid.ls4 .items {
	grid-template-columns: repeat(auto-fill, 24%);
	grid-gap: 0 1%;
}

/* vLigne */
.ls1 .item {
	max-width: 900px;
}

.ls1.avecCadre .item {
	margin: 20px auto;
}

.ls1.sansCadre .item {
	margin: 35px auto;
}

.ls1 .it>.int {
	display: flex;
}

.ls1 .mediaBox {
	width: 43%;
	flex-shrink: 0;
}

.ls1 .textBox {
	width: 57%;
}

.ls1.mFond.avecCadre .textBox {
	width: 100%;
}

/* vLigne */
.align4 .imBg,
.alignToute .imBg {
	background-size: contain;
	background-position: center;
}

.align3 .imBg,
.alignBas .imBg {
	background-position: center bottom;
}

.align1 .imBg,
.alignHaut .imBg {
	background-position: center top;
}

.align2 .imBg,
.alignCentre .imBg {
	background-position: center;
}

.mFond.avecCadre .item .mMedia {
	padding: 0 !important;
}

.mFond.avecCadre .item {
	padding: 15px;
}

.mFond.avecCadre .item .it {
	position: relative;
}

.mFond .item .it {
	height: 100%;
	min-height: 0;
}

.mFond .item .it>.int {
	height: 100%;
	width: 100%;
	position: relative;
	display: flex;
	align-items: flex-end;
}

.ls1.mFond .item .it>.int {
	padding: 0px;
}

.path-offres-emploi .item {
	width: 100%;
}

.mFond .mediaBox {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	z-index: 0;
	width: 100% !important;
	margin: 0 !important;
	opacity: 0.8;
}

.mFond .textBox {
	position: relative;
	z-index: 10;
	width: 100%;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
	display: flex;
	align-items: flex-end;
}

.int .textBox {
	/*position: absolute;
    bottom: -120px;
    left: 20px;*/
	background: white;
	/*padding: 25px;*/

}

.contenu{
	margin-bottom: 25px;
}
.titreBox.sansPicto.titreh2{    margin-top: 40px;}
.items .item .int .textBox {
	/*position: absolute;
    bottom: -120px;
    left: 20px;*/
	background: white;
	padding: 25px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	margin-top: -85px;
	z-index: 5;
	margin-left: 35px;
	margin-right: 35px;
	position: relative;
}

.mFond .avecMedia .textBox {
	padding-top: 21%;
}

.mFond .item .textBox>.int {
	padding: 13px 20px;
}

.mFond .it>.int::before {
	display: block;
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	z-index: 0;
	width: 100%;
	background-color: #000;
}

.mFond .docBloc,
.mFond .bimg {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.mFond canvas.pdf-canvas {
	width: 100%;
}

.mFond video,
.mFond iframe {
	object-fit: cover;
	height: 100%;
	width: 177.77777778vh;
	min-width: 100%;
	min-height: 22vw;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
}

.mFond iframe {
	width: auto;
}

.ls1 .mFond video,
.ls1 .mFond iframe {
	min-height: 36em;
}

.ls3 .mFond video,
.ls3 .mFond iframe {
	min-height: 15vw;
}

.ls4 .mFond video,
.ls4 .mFond iframe {
	min-height: 13vw;
}

.mFond .mediaBox a.mediaBloc,
.mFond .mediaBox div {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 0
}

.mFond .notBal .mediaBloc {
	padding-top: 0;
	overflow: hidden;
}

.mFond .credit {
	display: none;
}

/*** FIN LISTE ***/
/*** PAGE ***/
.nod {
	position: relative;
	padding-bottom: 1px;
	z-index: 105;
}

.nod>.int {
	background: #FFF;
	position: relative;
	z-index: 1;
	padding-top: 1px;
}

.sousTitre {
	color: rgba(0, 20, 50, 0.5);
	display: block;
	font-size: 20px;
}

.titre_page {
	position: relative;
}

/* BANDEAU PAGE */
.titre_page.avecMediaBandeau h1 {
	padding-top: 6vw;
}

.bandeau,
.mediaHeader {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 30vw;
	position: fixed;
	width: 100%;
	z-index: 0;
	top: 90px;
	left: 0px;
}

.avecBImg .titre_page {
	/*min-height: 20vw;*/
}

@media all and (max-width:1500px) {

	.bandeau,
	.mediaHeader {
		height: 33vw;
	}
}

@media all and (max-width:1200px) {

	.bandeau,
	.mediaHeader {
		height: 36vw;
	}
}

@media all and (max-width:989px) {

	.bandeau,
	.mediaHeader {
		height: 46vw;
	}

	.avecBImg .titre_page {
		min-height: 26vw;
	}
}

@media all and (max-width:767px) {

	.bandeau,
	.mediaHeader {
		height: 55vw;
	}
}

@media all and (max-width:639px) {

	.bandeau,
	.mediaHeader {
		height: 68vw;
		top: 45px;
	}

	.avecBImg .titre_page {
		min-height: 26vw;
	}
}

.videoHeader video,
.videoHeader iframe {
	object-fit: cover;
	height: 100%;
	width: 177.77777778vh;
	min-width: 100%;
	min-height: 56.25vw;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position: fixed;
}

.mediaHeader .mMedia,
.mediaHeader .media,
.mediaHeader .mediaBloc {
	height: 100%;
}

.imgHeader.align_haut {
	background-position: center top;
}

.imgHeader.align_bas {
	background-position: center bottom;
}

/* FIN BANDEAU PAGE */
.titre_page {
	display: flex;
	align-items: flex-end;
	align-content: flex-end;
}

.titre_page h1 {
	position: relative;
	z-index: 1;
	margin: 2vw 0;
}

.avecBImg .titre_page h1 {
	/*margin:1vw 0 4vw 0;*/
	text-align: center;
}

.titreFonce .titre_page h1 {
	color: #000;
	font-weight: bold;
	    margin: 0px !important;
}

.titreFonce .titre_page h1 .sousTitre {}

.titreClair .titre_page h1 {
	color: #FFF;
}

.titreClair .titre_page h1 .sousTitre {
	color: rgba(255, 255, 255, 0.7);
}

/* titre T1 H2 */
.nod1 .corps h2,
.nod1 h2.titreBox.sansPicto.titreG {
	position: relative;
}

/*.node-page-form h2,
.node-page-edit-form h2,
.nod1 .corps h2,
.nod1 .corps h2 .titreTexte,
.nod1 h2.titreBox.sansPicto.titreG  {
	padding-left: 25px;
	margin-top: 15px;
}*/

.nod1 .corps h2.titreBox {
	padding-left: 0px;
}

/*.node-page-form h2::before,
.node-page-edit-form h2::before,
.nod1 .corps h2:before,
.nod1 h2.titreBox.sansPicto.titreG:before {
	display: block;
	content: "";
	width: 6px;
	height: 84%;
	position: absolute;
	background-color: #ffcc00;
	left: 0;
	top: 8%;
}*/
/*h2.text-align-center::before, h2.titreBox::before{
	display: none!important;
}*/
.nod1 .sTitreCote h2.titreBox.sansPicto.titreG:before {
	display: none;
}

/* FIN titre T1 H2 */
.chapo_nod {
	position: relative;
	font-size: 1.2em;
	/*margin: 35px 0;*/
	color: #000;
	font-weight: 400;
}

.indic {
	font-size: 0.9em;
	color: #666;
	font-style: italic;
}

/* action Node */
.not-front .actionsBox .int {
	flex-direction: inherit;
	margin: 0 auto;
}

.actions_nod {
	margin: 35px 0;
	position: relative;
	z-index: 100;
	/*ajout*/
	display: none;
	/*fin ajout pour supprimer print rs*/
}

.actions_nod .actionsBox>.int {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.rs2.rsPlus {
	display: flex;
}

@media all and (min-width:990px) {
	.actionsMove {
		position: fixed;
		top: 190px;
		right: 0;
		z-index: 20;
	}

	.actionsMove .actionsBox>.int {
		flex-direction: column;
	}
}

/* fin action Node */
.node--unpublished>.int::before {
	display: block;
	font-family: Helvetica, Arial, "sans-serif";
	content: "Non publié";
	font-size: 20px;
	text-transform: uppercase;
	color: #FFF;
	font-weight: 700;
	background-color: rgba(255, 0, 4, 0.5);
	padding: 10px 15px;
	line-height: 1em;
	width: 200px;
}

.mediaPrincipal iframe {
	width: 100%;
}

.taille1 .doc iframe {
	height: 300px;
}

.taille .doc iframe,
.taille2 .doc iframe {
	height: 500px;
}

.taille3 .doc iframe {
	height: 700px;
}

.mediaPrincipal video {
	width: 100%;
}

.mediaPrincipal {
	margin: 30px 0px;
	text-align: center;
}

.mediaPrincipal .boxLegend {
	margin: 10px 0px;
}

.date_nod .dateT {
	font-size: 1.3em;
	margin-bottom: 15px;
}

.retour,
.pageSuivante {
	display: block;
	padding: 45px 35px;
	text-align: center;
	background: #f9f9f9;
}

.retour a,
.pageSuivante a {
	display: inline-block;
	text-align: right;
	color: #000;
	background: url('../images/icons/fleche_next.svg') no-repeat right center;
	background-size: auto 45px;
	padding: 15px 60px;
	font-size: 1.45em;
}

.retour a {
	background-image: url('../images/icons/fleche_back.svg');
	background-position: left center;
}

.retour a:hover,
.pageSuivante a:hover {
	background-size: auto 55px;
}

.boxForm h3 {
	border-top: 1px solid #ccc;
	padding-top: 45px;
	margin-top: 0px;
}

.boxForm {
	padding-bottom: 60px;
}

.fade {
	transition: 0.5s;
}

.fade.in-view {
	transition: 0.3s;
}

.pageNext.in-view {
	animation-name: animNext;
	animation-duration: 2.2s;
	animation-timing-function: ease;
}

.bx-wrapper {
	z-index: 1;
}

.mMedia {
	position: relative;
}
/***********offre emploi**********/
.items.its_3.itsMulti {
    align-items: stretch; /* stretch = valeur par défaut, mais on la rend explicite */
	gap: 44px;
}

.items.its_3.itsMulti .item {
    display: flex;
    flex-direction: column;
}

.items.its_3.itsMulti .item .it_offre_emploi,
.items.its_3.itsMulti .item .it_offre_emploi .int,
.items.its_3.itsMulti .item .it_offre_emploi .int .offreBox {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
}
.items.its_3.itsMulti .item .offreBox .lire {
    margin-top: auto;
	    width: 90px;
}
/***********fin offre emploi**********/
.not-node .art {
	padding-bottom: 60px;
}

.mediaPrincipal img {
	width: 50%;
	height: auto;
	margin: 0 auto;
}

.chapo_vue p {
	margin: 6px 0px;
}

.mediaPrincipal .bbZoom {
	display: none;
}

.bImgOver .act:after {
	display: block;
	content: "";
	width: 35px;
	height: 35px;
	background: rgba(150, 150, 150, 0.4) url('../images/icons/zoom_blc.svg') no-repeat center;
	background-size: auto 70%;
	opacity: 0.5;
	border-radius: 100%;
	bottom: 0px;
	right: 0px;
	position: absolute;
}

.mFile .bImgOver .act:after {
	display: none;
}

.bImgOver:hover .act:after {
	background-size: auto 85%;
	opacity: 1;
}

.imBg .bImgOver {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.bImgOver .act {
	display: block;
	height: 100%;
	width: 100%;
}

.tabImgOverlay {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

body .global .main .tabImgOverlay .imCredit img {
	max-width: 100% !important;
	height: auto !important;
	width: auto !important;
	max-height: 100% !important;
}

.tabImgOverlay .imCredit {
	height: 100%;
	width: 100%;
}

.node-3 .contenu,
.node-2 .contenu {
	text-align: center;
}

.mediaPrincipal .mMedia {
	position: relative;
	/*margin: 45px auto;*/
}

.mediaPrincipal .taille3 .mMedia.notImg {
	max-width: 80%;
}

.mediaPrincipal .taille2 .mMedia.notImg {
	max-width: 60%;
}

.mediaPrincipal .taille1 .mMedia.notImg {
	max-width: 40%;
}

/*** FIN PAGE ***/

/*** HOME ***/
.paraContenu .titreH1,
.front .titreH1,
.front .nodeActions {
	display: none;
}

.front div[role="contentinfo"],
.type-accueil div[role="contentinfo"] {
	position: absolute;
	z-index: 2000;
	left: 50%;
	width: 800px;
	margin-left: -400px;
}

.homeParas {
	background: #FFF;
	padding: 1px 0px;
	position: relative;
	z-index: 10;
}

.block-views-blockarticles-last-actus-diapo {
	position: relative;
	z-index: 10;
}

.type-accueil .ligneHr,
.front .ligneHr,
.type-accueil .para,
.front .para,
.paraVues,
.paraContenu {
	flex-shrink: 0;
}

.front .para h1,
h1 {
	margin-top: 0px;
	font-size: 36px;
	text-transform: uppercase;
	color: #000;
	font-weight: 500;
	    margin-bottom: 20px !important;
}
.front .para h2,
h2{
      margin-bottom: 20px !important;
   /* margin-top: 30px;*/
}
.disMob {
	display: none;
}

.front .nod {
	padding-bottom: 0px;
}

/*** FIN HOME ***/
.align-center>.videoAudio {
	max-width: 650px;
	margin: 20px auto;
}

.cke_widget_element .videoAudio {
	width: 100%;
}

.cke_widget_element .videoAudio .media {
	width: 100%;
	height: 430px;
	background-color: #ebebeb;
}

.cke_widget_element .align-center .videoAudio {
	width: 650px;
}

.cke_widget_element .align-center .videoAudio .media {
	height: 380px;
}

.cke_widget_element .align-right .videoAudio,
.cke_widget_element .align-left .videoAudio {
	width: 400px;
}

.cke_widget_element .align-right .videoAudio .media,
.cke_widget_element .align-left .videoAudio .media {
	height: 230px;
}

.blocinfo-section{   
    background: white;
    color: #000;
    margin-bottom: 20px;
    padding: 10px;
    border-top: 2px solid #ddd;
}
.blocinfo-titre{
    margin-bottom: 10px;
	padding-right: 30px;
    font-size: 1.2em;
    font-weight: bold;
	border-right: 1px dotted #2C5C80;
	display: table-cell;
    vertical-align: top;
	width: 210px;

}
.blocinfo-contenu{
    margin-left: 50px;
	display: table-cell;
	padding-left: 10px;
  	vertical-align: top;
}

/*** FIN CSS ***/
.variation-percent {
	font-size: 0.92em;
	color: #1f2937;
	/* gris anthracite accessible sur #F9B000 */
	margin-left: 6px;
	font-weight: 500;
}
/*** debut statisque ***/
/* ============================================================
   UAF Statistique — Design "Aéroport"
   Couleurs : #F9B000 (Jaune) | #000 (Noir) | #4E5457 (Gris)
   ============================================================ */

.uaf-statistique-edit-wrapper {
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  max-width: 1100px;
  margin: 0 auto;
}

/* Forçage design carré */
.uaf-statistique-edit-wrapper,
.uaf-statistique-edit-wrapper *,
.uaf-statistique-edit-wrapper input,
.uaf-statistique-edit-wrapper textarea,
.uaf-statistique-edit-wrapper .button {
  border-radius: 0 !important;
}

/* Titres de section type "Trafic Commercial" */
.uaf-statistique-edit-wrapper h3 {
  background: #000;
  color: #fff;
  padding: 8px 12px;
  font-size: 13px;
  letter-spacing: 0.5px;
  margin: 20px 0 10px 0;
  display: inline-block;
}

/* Tableau */
.uaf-statistique-edit-wrapper .tableau-statistique {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ccc;
}


.uaf-statistique-edit-wrapper .tableau-statistique td {
  padding: 8px 10px;
  border: 1px solid #e0e0e0;
  font-size: 13px;
}



/* Notice (pour la ligne des 100 000 pax) */
.uaf-statistique-edit-wrapper .tableau-statistique__notice {
font-style: italic;
    color: #4E5457;
    /* background: #fcfcfc; */
    border-left: 0px solid #F9B000 !important;
}

/* Inputs */
.uaf-statistique-edit-wrapper .tableau-statistique input {
  width: 100%;
  border: 1px solid #ccc;
  padding: 6px;
  text-align: right;
  font-family: inherit;
}

.uaf-statistique-edit-wrapper .tableau-statistique input:focus {
  border: 1px solid #F9B000 !important;
  background: #FFFDE7;
  outline: none;
}

.uaf-statistique-edit-wrapper .tableau-statistique input.computed {
  background: #dadada;
  color: #666;
  font-weight: bold;
}

/* Boutons */
.uaf-statistique-edit-wrapper .button {
  padding: 10px 20px;
  font-weight: 700;
  cursor: pointer;
  border: 1px solid #000;
  display: inline-block;
  text-decoration: none;
}

.uaf-statistique-edit-wrapper .button--primary {
  background: #F9B000;
  color: #000;
}

.uaf-statistique-edit-wrapper .button--secondary {
  background: #fff;
  color: #000;
}

/* Remarques & Notes */
.uaf-statistique-edit-wrapper textarea {
  width: 100%;
  min-height: 80px;
  border: 1px solid #ccc;
  padding: 10px;
}
.uaf-statistique-edit-wrapper .tableau-statistique tbody tr.level-2 td:first-child::before{
	background:#F9B000!important;
}

.tableau-statistique tbody tr.row-computed td:first-child{
    color: #000000!important;
	font-size: 15px;
}
/*** fin statisque ***/

.footer-content .bouton {
	display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #F6F6F6;
    color: #4E5457;
    padding: 0px;
    border-radius: 4px;
    font-weight: 500;
    /* text-decoration: none; */
    border: none;
    box-shadow: none;
    margin-top: 10px;
    text-decoration: underline !important;
}

.footer-content .bouton::before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url("../images/icons/send.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.footer-content .bouton:hover {
	    background-color: #F6F6F6;
    color: #ffcc00 !important;
}

.footer-content .bouton:hover::before {
	filter: invert(1);
}
/* ==========================================================
   LAYOUT GLOBAL : 70% dossiers / 30% actualités-publications
   ========================================================== */
   /* Centre l'image d'intro du bloc .tags-R (mode "1 seul dossier") */
.tags-R > img {
	display: block;
	margin: 0 auto 20px auto;
	max-width: 100%;
	height: auto;
}

.dossier-layout {
	display: grid;
	grid-template-columns: 7fr 3fr;
	gap: 36px;
	align-items: start;
	margin-top: 40px;
}
.dossier-layout__left:only-child .tags-R > img {
	display: block;
	margin: 0 auto 20px auto;
	max-width: 100%;
	height: auto;
}
.dossier-layout__left,
.dossier-layout__right {
	min-width: 0; /* évite l'overflow des grids/flex enfants */
}
/* Si .dossier-layout__right n'existe pas dans le DOM,
   .dossier-layout__left devient le seul enfant : on le centre. */
.dossier-layout__left:only-child {
	grid-column: 1 / -1;
	max-width: 900px;
	margin: 0 auto;
	width: 100%;
}
@media all and (max-width: 900px) {
	.dossier-layout {
		grid-template-columns: 1fr;
		gap: 30px;
	}
}


/* ==========================================================
   DESIGN CARTES RESPONSIVE POUR .tags-R (table.cols-0)
   VERSION "DESIGN" — étiquette, dégradé, CTA au survol
   ========================================================== */

.tags-R table.cols-0 {
	width: 100% !important;
	border-collapse: separate !important;
	border: none !important;
}

.tags-R table.cols-0 tbody {
	display: grid;
	/* s'adapte à la largeur réelle de la colonne (70%), pas au viewport */
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 22px;
}

/* Chaque ligne = une carte */
.tags-R table.cols-0 tr {
	display: flex !important;
	flex-direction: column;
	position: relative;
	background: linear-gradient(180deg, #FFFFFF 0%, #FFFCF3 100%) !important;
	border: 1px solid #EFE6CC;
	
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
	padding: 28px 24px 56px 24px !important;
	height: auto !important;
	text-align: left !important;
	cursor: pointer;
	overflow: hidden;
	transition: box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
}

/* Barre d'accent en dégradé en haut de carte, qui s'étire au survol */
.tags-R table.cols-0 tr::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 5px;
	background: linear-gradient(90deg, #F9B000 0%, #FFD35C 100%);
	transform: scaleX(0.3);
	transform-origin: left center;
	transition: transform 0.35s ease;
	z-index: 2;
}

.tags-R table.cols-0 tr:hover::before {
	transform: scaleX(1);
}

/* Zone cliquable étendue à toute la carte via le lien du titre */
.tags-R table.cols-0 td.views-field-title a {
	position: relative;
	z-index: 1;
}

.tags-R table.cols-0 td.views-field-title a::before {
	content: "";
	position: absolute;
	top: -28px;
	left: -24px;
	right: -24px;
	bottom: -56px;
	z-index: 1;
}

/* Étiquette "Dossier" au-dessus du titre */
.tags-R table.cols-0 td.views-field-title {
	position: relative;
	z-index: 2;
	padding: 0 !important;
	margin-bottom: 10px;
	border: none !important;
	background: none !important;
}



.tags-R table.cols-0 td.views-field-title strong a {
	font-size: 1.25em;
	font-weight: 800;
	color: #1B1B1B;
	line-height: 1.3em;
	display: block;
	text-decoration: none;
	transition: color 0.3s ease;
}

/* Texte d'introduction */
.tags-R table.cols-0 td.views-field-field-introduction {
	position: relative;
	z-index: 2;
	padding: 0 !important;
	border: none !important;
	background: none !important;
	flex: 1;
}

.tags-R table.cols-0 td.views-field-field-introduction a {
	color: #5A5F62;
	font-size: 0.93em;
	line-height: 1.6em;
	text-decoration: none;

	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* CTA "Voir le dossier →" qui apparaît en bas de carte au survol */
.tags-R table.cols-0 tr::after {
	content: "Voir  →";
	position: absolute;
	left: 24px;
	bottom: 22px;
	z-index: 2;
	font-size: 0.85em;
	font-weight: 700;
	color: #F9B000;
	opacity: 0;
	transform: translateY(6px);
	transition: opacity 0.3s ease, transform 0.3s ease;
	pointer-events: none;
}

/* Effet survol : élévation + accent renforcé + CTA visible */
.tags-R table.cols-0 tr:hover {
	box-shadow: 0 16px 32px rgba(0, 0, 0, 0.14);
	transform: translateY(-6px);
	border-color: #F9B000;
}

.tags-R table.cols-0 tr:hover::after {
	opacity: 1;
	transform: translateY(0);
}

.tags-R table.cols-0 tr:hover td.views-field-title strong a {
	color: #C98E00;
}

/* Responsive */
@media all and (max-width: 480px) {
	.tags-R table.cols-0 tr {
		padding: 20px 18px 50px 18px !important;
	}

	.tags-R table.cols-0 td.views-field-title strong a {
		font-size: 1.08em;
	}

	.tags-R table.cols-0 td.views-field-field-introduction a {
		font-size: 0.88em;
		-webkit-line-clamp: 5;
	}
}


/* ==========================================================
   BLOC "ACTUALITÉS / PUBLICATIONS" — colonne latérale (30%)
   ========================================================== */
/* ==========================================================
   BLOC "ACTUALITÉS / PUBLICATIONS" — version simple, puces
   ========================================================== */
.summary-grid {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.summary-block__title {
	font-size: 1.1em;
	font-weight: 700;
	color: #000;
	margin: 0 0 14px 0;
	padding-bottom: 10px;
	border-bottom: 2px solid #F9B000;
}

.summary-block__empty {
	color: #9A9FA2;
	font-size: 0.9em;
	font-style: italic;
}

.summary-block__list {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.summary-card {
	display: flex;
	align-items: baseline;
	gap: 6px;
	text-decoration: none;
	padding: 6px 0;
}

.summary-card__arrow {
	order: -1;
	color: #F9B000;
	font-weight: 700;
	flex-shrink: 0;
}

.summary-card__title {
	color: #2B2E30;
	font-size: 0.93em;
	line-height: 1.4em;
}

.summary-card:hover .summary-card__title {
	color: #F9B000;
	text-decoration: underline;
}
.summary-block__list li {
	position: relative;
	padding: 6px 0 6px 18px; /* espace réservé à la flèche à gauche */
}

.summary-block__list a {
	color: #2B2E30;
	font-size: 0.93em;
	line-height: 1.4em;
	text-decoration: none;
}

.summary-block__list li::before {
	content: "→";
	position: absolute;
	left: 0;
	top: 6px; /* aligne la flèche avec la 1ère ligne du texte */
	color: #F9B000;
	font-weight: 700;
}

.summary-block__list a:hover {
	color: #F9B000;
	text-decoration: underline;
}
@media all and (max-width: 480px) {
	.summary-block__title { font-size: 1em; }
	.summary-block__list a { font-size: 0.9em; }
}
/*****fin***/
  .wrap{
    --navy:#0f2a43;
    --line:#e2e2e2;
    --ink:#1b2733;
    --ink-soft:#666;

    max-width:800px;
    margin:0 auto;
    font-family:Arial, Helvetica, sans-serif;
    color:var(--ink);
    padding:20px;
  }
  .wrap h2{
    text-transform:uppercase;
    font-size:1.4em;
    border-bottom:2px solid var(--navy);
    padding-bottom:10px;
    margin:0 0 20px;
  }
  .wrap h3{
    font-size:0.85em;
    text-transform:uppercase;
    letter-spacing:0.08em;
    color:#f8bf35;
    margin:30px 0 4px;
  }
  .wrap .member{
    padding:10px 0;
    border-bottom:1px solid var(--line);
  }
  .wrap .member strong{
    display:inline-block;
    min-width:230px;
  }
  .wrap .member span{
    color:var(--ink-soft);
  }

/* 8. Partenaires */
.vueFlex {
	display: flex;
	position: relative;
	margin:0px -20px;
	justify-content: center;
}
.vueFlex .bloc .it {
	margin:0px 20px 20px 20px;
}

.blocPart {
	text-align: center;
	padding:40px 0px 70px 0px;
}
.vuePart .bloc {
    padding: 0px;
    border-top:0px;
}
.vuePart.vueFlex {
   justify-content:center;
	flex-wrap: wrap;
}
.vuePart.vueFlex .bloc {
    width:auto;
	margin:18px 0px !important;
	padding:0px !important;
}
.itPart {
	display: block;
	width: 245px;
	height: 230px;
	border-radius: 6px;
	background: #FFF;
	box-shadow:4px 4px 10px rgba(0,50,50,0.2);
	border:1px solid #E2E2E2;
	position: relative;
}
.intPart {
   height: 120px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin:20px;
}
.itPart:hover {
	box-shadow:4px 4px 10px rgba(0,50,50,0.4);
}
.blocFond .itPart {
	border-color:#FFF;
}
.blocsPart {
	margin-top:0px;
	margin-bottom: -60px;
}
.vuePage .itInfo {
    text-align:left;
}
.vueInfos.vueFlex .bloc {
    border-top:0px
}
.vueInfos .itInfo:hover .imgBloc {
   box-shadow: 3px 3px 8px rgba(0,80,80,0.3);
}
.partenaires .item{
	    width: 245PX!important;
}
.partenaires.vuePart.vueFlex{
	gap: 10px;
}