@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root{
	--rouge: #6b1e23;
	--bleuClair: #289acf;
	--bleuFonce: #24326c;
	--grisTexte: #666;
	--grisClair: #ccc;
	
	--rougeOpacite: #6b1e2333;
	
	--hauteurLigneSmall: 1rem;
	--hauteurLigneMedium: 1.6rem;
	--hauteurLigneBig: 2.4rem;
	
	--taillePoliceSmall: .8rem;
	--taillePoliceSmallPlus: 1rem;
	--taillePoliceMedium: 1.2rem;
	--taillePoliceMediumPlus: 1.5rem;
	--taillePoliceBig: 1.8rem;
	
	--grasSmall: 300;
	--grasMedium: 400;
	--grasBig: 600;
	
	--borderRadiusSmall: 5px;
	--borderRadiusMoyen: 10px;
	--borderRadiusBig: 20px;
	
	--margeSmall: .6rem;
	--margeMedium: 1.2rem;
	--margeBig: 2rem;
}

*{margin:0;padding:0;}html{width:100%;box-sizing: border-box;font-size:100%;overflow-x:hidden;scroll-behavior: smooth;}img{border:none;}*, *:after, *:before{box-sizing: border-box;} 
body{background:#FFF;font-family:"Roboto", Arial, sans-serif;font-weight:var(--grasMedium);font-size:var(--taillePoliceMedium);line-height:var(--hauteurLigneMedium);color:#000;text-align:center;} 

a{text-decoration:none;color:var(--bleuClair);} 
a:hover{color:var(--bleuFonce);} 

p{margin:0 0 var(--margeMedium)}
p:last-child{margin:0}

ul, ol{
	margin:0 0 var(--margeMedium);
}
ul:last-child, ol:last-child{
	margin:0;
}

ul li{
	margin-bottom: var(--margeSmall);
	list-style: none;
}

ol li{
	
	margin-bottom: var(--margeSmall);
	margin-left: var(--margeBig);
}

ul li:last-child{
	margin-bottom: 0;
}
ul li::before{
	content:"•";
	color: var(--bleuClair);
	display: inline-block;
	width: .7rem;	
}

.hidden {display:none;}

h1{
	color: var(--bleuFonce);
	font-weight: var(--grasSmall);
	text-transform: uppercase;
	font-size: var(--taillePoliceBig);
	margin-bottom: var(--margeMedium);
	line-height:var(--hauteurLigneBig);
}

h2{
	color: var(--bleuFonce);
	font-weight: var(--grasSmall);
	text-transform: uppercase;
	font-size: var(--taillePoliceMediumPlus);
	margin-bottom: var(--margeSmall);
	line-height:var(--hauteurLigneBig);
}

h3{
	color: var(--grisTexte);
	font-weight: var(--grasSmall);
	text-transform: uppercase;
	font-size: var(--taillePoliceMedium);
	margin-bottom: var(--margeSmall);
	line-height:var(--taillePoliceMedium);
}

h4{
	color: var(--grisTexte);
	font-weight: var(--grasMedium);
	text-transform: uppercase;
	font-size: var(--taillePoliceSmall);
	margin-bottom: var(--margeSmall);
	line-height:var(--taillePoliceSmall);
}

p.description{
	background-color: var(--rouge);
	color: white;
	font-weight: var(--grasBig);
	border-radius: var(--borderRadiusSmall);
	padding: 5px 10px;
	display: inline-block;
	margin-bottom: var(--margeSmall);
}
p.description a{
	color: white;
}

fig{
	margin-bottom: var(--margeMedium);
	display: flex;
	flex-direction: column;
}

fig img{
	border-radius: var(--borderRadiusMoyen);
	max-width: 100%;
	box-shadow: 2px 2px 0 rgba(0,0,0,.3);
	display: block;
}
fig figcaption{
	font-size:var(--taillePoliceSmall);
	line-height:var(--taillePoliceMedium);
	color:var(--grisTexte);
	font-style: italic;
	text-align:center;
	margin-top: var(--margeSmall)
}

.lienBouton{
	background-color: var(--bleuClair);
	color: white;
	padding: 20px 30px;
	border-radius: var(--borderRadiusSmall);
}
.lienBouton:hover{
	color: white;
}

p.chapo{
	font-weight: var(--grasBig);
	border-left: 5px var(--bleuFonce) dotted;
	padding: 0 0 0 20px;
	display: flex;
	align-items: center;	
	text-align: justify;
}

p.infos{
	font-size:var(--taillePoliceSmall);	
	line-height: var(--taillePoliceSmall);
	color:var(--grisTexte);
	font-style: italic;
	margin-bottom: var(--margeSmall);
	text-align:right;
	padding-right: var(--borderRadiusBig);
	
}
p.infoAuteurice{
	
	margin-bottom: var(--margeSmall);
	font-style: italic;
	color:var(--bleuClair);
	text-transform: uppercase;
}

.B_crumbBox{
	display: inline-block;
	font-size: var(--taillePoliceSmall);
	margin-bottom: var(--margeSmall);
}

main.presite{
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 50px;
	background-color: white;
}

main.presite img{
	max-width:90vw;
}

main{
	width: 100vw;
	min-height: 100vh;
	background-color: var(--rouge)
}

header{
	padding: 20px;
	background-color: white;
}

header img.logo{
	height: 100px;
}

nav.desktop{
	display: flex;
	justify-content:space-between;
	padding: 0 15vw;
	border-top: 1px solid var(--grisClair);
	border-bottom: 1px solid var(--grisClair);
	background-color: white;
}

nav.desktop.avecSousMenu{
	border-bottom: none;
}

nav.desktop a{
	padding: 20px;
	position: relative;
	white-space: nowrap;
}
nav.desktop a:hover{
	color: var(--bleuClair)
}
nav.desktop a:hover:after, nav.desktop a.on:after{
	content: "";
	width: 30px;
	height: 14px;
	position: absolute;
	bottom:0;
	left: 50%;
	margin-left:-15px;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	border-bottom: 14px solid var(--bleuClair);
}

nav.desktop svg.svgRecherche{
	width: var(--taillePoliceMedium);
}
nav.desktop svg.svgRecherche .loupe{
	fill: var(--bleuClair);
}

nav.sousMenu{
	background: var(--bleuClair);
	padding: 0 15vw;
	display: flex;
	justify-content:space-between;
}
nav.sousMenu a{
	padding: 10px;
	color: white;
	position: relative;
	white-space: nowrap;
}
nav.sousMenu a:hover:after, nav.sousMenu a.on:after{
	content: "";
	width: 24px;
	height: 10px;
	position: absolute;
	bottom:0;
	left: 50%;
	margin-left:-12px;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
	border-bottom: 10px solid white;
}
article, section{
	background-color: white;
}

section.accueil{
	padding: 50px 15vw;
}

section.accueilIntro{
	background-color: var(--bleuClair);
	padding: var(--margeBig);
	border-radius: var(--borderRadiusMoyen);
	text-align:left;
	margin-bottom: 50px;
	color: white;
	box-shadow: 2px 2px 0 rgba(0,0,0,.3);
	
	li::before{
		color: #FFF;
	}
}
section.accueilIntro h1{
	color: white;
}

section.ressourcesALaUne{
	text-align: left;
	margin-bottom: 50px;
}
section.ressourcesALaUne h2{
	text-align:left;
}

section.listeOuvrageUne{
	display: flex;
	gap: 50px;
}

article.ouvrageUne{
	flex-basis:100%;
	background-color: var(--rougeOpacite);
	border-radius: var(--borderRadiusBig);
	text-align: center;
	background-size:cover;
	padding: var(--margeBig);
}


article.ouvrageUne img{
	max-width:50%;
	max-height:25vh;
	margin: auto;
}
article.ouvrageUne a{
	color: black;
}
article.ouvrageUne section.intro{
	background-color: transparent;
	margin: 0
}

article.ouvrageUne section.intro p.chapo{
	padding:0;
	border:none;
	font-size: var(--taillePoliceSmall);
	line-height: var(--taillePoliceSmall);
}

section.dernieresPublications{
	padding-bottom: var(--margeBig);
	margin-bottom: var(--margeBig);
}

section.derniersCommuniques{
	margin-bottom: var(--margeBig);
}

section.dernieresPublications h2, section.derniersCommuniques h2{
	text-align:left;
}

section.listeDernieresPublications{
	display: flex;
	gap: 50px;
	margin-bottom: 50px;
}

article.publicationAccueil{
	flex: 1;
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-template-rows: min-content 1fr min-content;
	grid-gap: 10px 20px;
}

article.publicationAccueil.avecCouv{
	grid-template-columns: 1fr 5fr;
}

article.publicationAccueil fig{
	grid-area: 1 / 1 / 3 / 2;
	margin-bottom:0;
}
article.publicationAccueil fig figcaption{
	display:none;
}
article.publicationAccueil.sansImage fig{
	display:none;
}

article.publicationAccueil .titraille{
	grid-area: 1 / 2 / 2 / 3;
	text-align: left;
	margin-bottom: 0;
}
article.publicationAccueil.sansImage .titraille{
	grid-area: 1 / 1 / 2 / 3;
}


article.publicationAccueil p.description{
	font-size: var(--taillePoliceSmall);
	padding: 0 7px;
}

article.publicationAccueil h3{
	text-align: left;
	margin-bottom: 0;
}
article.publicationAccueil h3 a{
	color: var(--bleuFonce);
}

article.publicationAccueil section.intro{
	grid-area: 2 / 2 / 3 / 3;
	font-size: var(--taillePoliceSmall);
	line-height: var(--taillePoliceSmall);
	margin-bottom: 0;
	text-align: left;
}


article.publicationAccueil section.intro a{
	color: black;
}


article.publicationAccueil.sansImage section.intro{
	grid-area: 2 / 1 / 3 / 3;
}

article.publicationAccueil p.infos{
	grid-area: 3 / 1 / 4 / 3;
}

article.publication, article.calendrier, article.recherche, article.contact, article.observatoire, article.evenement{
	padding: 50px 15vw;
	display: flex;
	gap: 50px;
	text-align: left;
}

section.contenu{
	width:80%;
	text-align: justify;
}

section.contenu strong{
	color: var(--rouge);
}

article.observatoire section.contenu{
	width: 100%;
}

section.titraille{
	margin-bottom: var(--margeMedium);
}

section.titraille h1{
	margin-bottom: var(--margeSmall);
}

section.titraille h1:last-child{
	margin-bottom: 0;
}

section.titraille h2{
	margin-bottom: 0;
}

section.intro{
	display: flex;
	gap: 50px;
	margin-bottom: var(--margeMedium);
}
section.intro p.chapo{
	flex-basis: 70%;
	flex-grow: 1;
}
section.intro fig{
	flex-basis: 30%;
	flex-shrink: 0;
}
section.intro fig.premiereCouv{
	flex-basis: 15%;
}

section.infos{
	width:15%;
	
}

p.titrePDF{
	margin: 0;
	text-align: right;
	padding-right: var(--borderRadiusBig);
	text-transform: uppercase;
	font-size: var(--taillePoliceSmall);
	line-height: 0.6rem;
	color: var(--grisClair);
}
section.blocPDF{
	background-color: var(--grisClair);
	padding: var(--borderRadiusBig);
	border-radius: var(--borderRadiusBig);
	margin-bottom: var(--margeMedium);
}
section.blocPDF li::before{
	display:none;
}
section.blocPDF a{
	color: #000;
	background:url(assets/images/interface/document.svg) center left no-repeat;
	background-size: 20px;
	padding-left:30px;
}

p.titreLiens{
	margin: 0;
	text-align: right;
	padding-right: var(--borderRadiusBig);
	text-transform: uppercase;
	font-size: var(--taillePoliceSmall);
	line-height: 0.6rem;
	color: var(--bleuClair);
}
section.blocLiens{
	background-color: var(--bleuClair);
	padding: var(--borderRadiusBig);
	border-radius: var(--borderRadiusBig);
	margin-bottom: var(--margeMedium);
}

section.blocLiens a{
	color: white;
	background:url(assets/images/interface/link-blanc.svg) center left no-repeat;
	background-size: 20px;
	padding-left:30px;
}


p.titreAuteurice{
	margin: 0;
	text-align: right;
	padding-right: var(--borderRadiusBig);
	text-transform: uppercase;
	font-size: var(--taillePoliceSmall);
	line-height: 0.6rem;
	color: var(--bleuFonce);
}
section.auteurice{
	background-color: var(--bleuFonce);
	padding: var(--borderRadiusBig);
	border-radius: var(--borderRadiusBig);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	margin-bottom: var(--margeMedium); 
}
section.auteurice:last-child{
	margin-bottom: 0; 
}
section.auteurice fig, section.auteurice h4, section.auteurice p.titre{
	margin:0;
	text-align:center;
}
section.auteurice a{
	color: white;
}

section.auteurice p.titre{
	color: rgba(255,255,255,.7);
	font-weight: var(--grasMedium);
	font-size: var(--taillePoliceSmall);
	line-height:var(--taillePoliceSmall);
}

section.listePublications{
	padding: 50px 15vw;
	display: flex;
	flex-direction: column;
	gap: 50px;
	text-align: left;
}
section.listePublications h1, section.notreEquipe h1{
	margin-bottom: 0;
	border-left: 5px solid var(--bleuClair);
	padding-left: 10px;
	font-weight: var(--grasMedium);
}
article.publicationInListe{
	border-bottom: 2px solid var(--rougeOpacite);
	padding-bottom: 50px;
}


article.publicationInListe section.intro p.chapo{
	flex-basis:80%;
}
article.publicationInListe section.intro fig{
	flex-basis:20%;
}

article.publicationInListe section.intro fig.premiereCouv{
	flex-basis:10%;
}
article.publicationInListe section.intro fig figcaption{
	display: none;
}
article.publicationInListe p.chapo{
	margin-bottom: 0;
}
article.publicationInListe p.chapo a{
	color: black;
}
article.publicationInListe h2 a{
	color: var(--bleuFonce)
}

section.navig{
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	grid-gap: var(--margeMedium);
	color: var(--grisTexte);
}
section.navig span{
	grid-area: 1 / 2 / 2 / 3;
}
section.navig .ditto_previous_link{
	grid-area: 1 / 1 / 2 / 2;
	display: flex;
	justify-content: flex-end;
}
section.navig .ditto_next_link{
	grid-area: 1 / 3 / 2 / 4;
	display: flex;
	justify-content: flex-start;
}

article.membre{
	padding: 50px 15vw;
	display: flex;
	gap: 50px;
	text-align: left;
}

section.notreEquipe{
	padding: 50px 15vw;
	text-align:left;
	display: flex;
	flex-direction: column;
	gap: 30px;
}

section.equipe{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 30px 50px;
	margin-bottom: var(--margeBig);
}

article.membreEquipe{
	display: flex;
	flex-direction:column;
	justify-content: flex-start;
	text-align: center;
	position: relative;
}

article.membreEquipe h3{
	margin-bottom: 0;
}
article.membreEquipe p.infos{
	margin-bottom: 0;
	text-align:center;
	padding: 0;
}
article.membreEquipe fig{
	margin-bottom: var(--margeSmall);
}

article.membreEquipe section.departements{
	position: absolute;
	top: 5px;
	right: 5px;
	background: transparent;
	margin:0;
}

article.membreEquipe section.departements span{
	margin: 0;
	cursor: help;
}

section.departements{
	margin-bottom: var(--margeSmall);
}
section.departements:empty{
	display:none;
}

span.ethiqueAffaires, span.ethiquePublique, span.ethiqueNumerique{
	font-weight: var(--grasBig);
	font-size: var(--taillePoliceSmall);
	margin-right: var(--margeSmall);
}
span.ethiqueAffaires::before, span.ethiquePublique::before, span.ethiqueNumerique::before{
	content: "";
	width: 15px;
	height: 10px;
	border-radius: 5px;
	background-color: black;
	margin-right: 5px;
	display: inline-block;
}

span.ethiqueAffaires{
	color: var(--rouge);
}
span.ethiqueAffaires::before{
	background-color: var(--rouge);
}

span.ethiquePublique{
	color: var(--bleuClair);
}
span.ethiquePublique::before{
	background-color: var(--bleuClair);
}

span.ethiqueNumerique{
	color: var(--bleuFonce);
}
span.ethiqueNumerique::before{
	background-color: var(--bleuFonce);
}


section.newsletters{
	padding: 50px 15vw;
	text-align: left;
}

section.newsletters iframe.inscriptionNewsletter{
	width: 100%;
  	border: 10px solid var(--bleuFonce);
  	border-radius: 20px;
	max-width: 100vw;
	margin-bottom: var(--margeMedium);	
}

.listeNewsletters{
	columns: 3;
}

.listeNewsletters li{
	font-size:var(--taillePoliceSmallPlus);
	margin-bottom: 0;
}

section.rapportsactivite{
	padding: 50px 15vw;
	text-align: left;
}

section.nosrealisations{
	padding: 50px 15vw;
	text-align: left;
}
section.listeRealisations{
	margin-bottom: 20px;
}

.ligneReal{
	display: grid;
	grid-template-columns:auto 1fr 30px 30px;
	grid-gap: 30px;
	position: relative;
}
.ligneReal .pointReal{
	grid-area: 1 / 1 / 2 / 2;
	font-size: 40px;
  	display: flex;
	align-items: center;
}

.ligneReal .titreReal{
	grid-area: 1 / 2 / 2 / 3;
  	display: flex;
	align-items: center;
}

.ligneReal .lienReal{
	grid-area: 1 / 3 / 2 / 4;
  	display: flex;
	align-items: center;
}

.ligneReal .pdfReal{
	grid-area: 1 / 4 / 2 / 5;
  	display: flex;
	align-items: center;
}

.ligneReal img{
	width: 30px;
	height: 30px;
}

section.listeRapports{
	display: flex;
	columns: 4;
	gap: 50px;
}

section.nospartenaires{
	padding: 50px 15vw;
	text-align: left;
}

section.listepartenaires {
	display: flex;
	gap: 50px;
	padding: 0 100px;
	margin-bottom: 50px;
	justify-content: space-evenly;
	align-items: center;
}
section.listepartenaires article.partenaire {
	
}
section.listepartenaires article.partenaire img{
	max-width: 100%;
	max-height: 25vh;
}

footer{
	background-color: var(--rouge);
	color: white;
	padding: 20px 15vw;
}
footer a{
	font-weight: var(--grasBig);
	color: white;
}
footer a:hover{
	color: rgba(255,255,255,.7)
}
footer section.social{
	background-color: var(--rouge);
	justify-content: center;
}

section.recherchePage{
	width: 100%;
}
section.recherchePage #ajaxSearch_form{
	width: 100%;
}
section.recherchePage #ajaxSearch_form fieldset{
	border: none;
	display: flex;
	flex-direction: row;
	gap: var(--margeMedium);
	width: 100%;
	margin-bottom: var(--margeMedium);
}
section.recherchePage #ajaxSearch_form fieldset label{
	flex-basis: 70%;
}
section.recherchePage #ajaxSearch_form fieldset label:last-child{
	flex-basis: 30%;
}
section.recherchePage #ajaxSearch_form input#ajaxSearch_input{
	padding: 20px;
	height: 70px;
	font-size: var(--taillePoliceMedium);
	border-radius:var(--borderRadiusMoyen) var(--borderRadiusMoyen) 0 0;
	border: 2px solid var(--grisClair);
	width: 100%;
}
section.recherchePage #ajaxSearch_form input#ajaxSearch_input:focus{
	border-bottom: 2px solid var(--bleuClair);
	outline: none;
}
section.recherchePage #ajaxSearch_form input#ajaxSearch_submit{
	padding: 20px;
	height: 70px;
	border-radius:var(--borderRadiusMoyen);
	background-color: var(--bleuFonce);
	border:none;
	color: white;
	font-size: var(--taillePoliceBig);
	text-transform:uppercase;
	cursor: pointer;
}

section.recherchePage #grpResult_site_wide{
	margin-top: var(--margeMedium);
}

.ajaxSearch_grpResultName, .ajaxSearch_paging{
	margin-bottom: var(--margeMedium);
	display: block;
}

section.recherchePage .publicationInListe{
	margin-bottom: 50px;
}

.blocLivret{
	background-color: var(--rouge);
	display: flex;
	flex-direction: row;
	padding: 50px;
	border-radius: var(--borderRadiusBig);
	align-items: center;
	gap: 50px;
	margin: 0 auto var(--margeBig);
	font-size: var(--taillePoliceBig);
	width: 70%;
}

.blocLivret a{
	color: white;
}

.blocLivret fig{
	margin-bottom: 0
}

.blocLivret fig img{
	max-height: 150px
}

section.social{
	display: flex;
	justify-content: flex-start;
	gap: 20px;
}
section.social img{
	width: 50px;
}

.agendaUne{
	padding-bottom: var(--margeBig);
  	margin-bottom: var(--margeBig);
	
	&:has(.listeAgendaUne:empty){
		display:none;
	}
}

.agendaUne h2{
	text-align: left;
}

.listeAgendaUne{
	width: 100%;
	height: 230px;
	position: relative;
	overflow:hidden;
}

.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

article.evenementSmall{
	position: relative;
	border-radius: var(--borderRadiusBig);
	overflow: hidden;
	display: flex;
	justify-content: flex-end;
	height: 230px;
}

.listePublications.passe{
	opacity: .8;
	filter: grayscale();
}

article.evenementSmall .background{
	position: absolute;
	top: 0;
	left: 0;
	width: 30%;
	height: 100%;
	background-position: center;
	background-size: cover;
}

article.evenementSmall .texte{
	position: relative;  
	padding: 20px;
	width: 70%;
	background-color: var(--bleuFonce);
	box-shadow: var(--bleuFonce) 0 0 10px 20px;
	color: white;
	text-align: justify;
	overflow: hidden;
	height: 219px;

}
article.evenementSmall .texte a{
	color: white;
}

article.evenementSmall .texte h2{
	font-size: var(--taillePoliceMediumPlus);
	line-height: var(--taillePoliceMediumPlus);
	color: var(--bleuClair);
	margin-bottom: var(--margeMedium;)
}

article.evenementSmall .texte p{
	margin-bottom: var(--margeSmall);
}

article.evenementSmall .texte p:last-child{
	margin-bottom: 0;
}
article.evenementSmall .texte h2 a{
	color: var(--bleuClair);
}
article.evenementSmall p.chapo{

	border-left: 5px var(--bleuClair) dotted;
}

.agendaAccueil{
	margin-bottom: var(--margeBig);
}
.agendaAccueil .evenementSmall{
	margin-bottom: 5px
}
.agendaAccueil h2{
	text-align: left;
}

p.titreAgenda{
	margin: 0;
	text-align: right;
	padding-right: var(--borderRadiusBig);
	text-transform: uppercase;
	font-size: var(--taillePoliceSmall);
	line-height: 0.6rem;
	color: var(--grisClair);
}

section.accueilPromo {
	width: 100%;
	margin-bottom: var(--margeBig);
	
	img{
		width: 100%;
		border-radius: var(--borderRadiusBig);
	}
}

section.assisesNationales{
	padding: 50px 15vw;
	text-align: left;
	display: flex;
	flex-direction: column;
	gap: 40px;
	
	h1, h3, .soustitre{
		margin: 0;
	}
	
	.intro {
		display: flex;
		gap: 40px;
		justify-content: space-between;
		
		h1, .soustitre{
			font-weight: var(--grasBig);
		}
		
		.lienInscription{
			background-color:var(--rouge);
			color:#fff;
			font-size: var(--taillePoliceBig);
			text-transform: uppercase;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 20px;
			border-radius: var(--borderRadiusMoyen);
		}
	}
	
	.journee {
		display: flex;
		flex-direction: column;
		gap: 10px;
		margin-bottom: 40px;
		padding-top: 40px;
		border-top: 5px solid var(--bleuClair);
		
		.titreJournee {
			font-size: var(--taillePoliceBig);
			line-height: var(--hauteurLigneBig);
			font-weight: var(--grasBig);
			color: var(--bleuClair);
		}
		h4 {
			font-size: var(--taillePoliceMediumPlus);
			line-height: var(--hauteurLigneMedium);
			margin: 0 0 10px;
			
			span{
				font-size: 1rem;
				color: var(--bleuClair);
				vertical-align: top;
			}
		}
		.atelierPleniere {
			display: flex;
			flex-direction: column;
			
			&:not(:last-child){			
				padding-bottom: 20px;
				border-bottom: 1px solid var(--grisClair);
				margin-bottom: 10px;
			}
		}
	}
	
	.listeIntervenants {
		display: flex;
		flex-direction: column;
		gap: 10px;

		.intervenant {
			display: flex;
			gap: 20px;
			align-items: center;

			.image{
				width: 75px;
				height: 75px;
				background-color: color-mix(in srgb, var(--grisClair) 20%, #FFF);
				border-radius: var(--borderRadiusMoyen);

				fig{
					width: 100%;
					height: 100%;

					img{
						width: 100%;
						height: 100%;
						object-fit: contain;

					}
				}
			}
			
			h5 span{
				background-color: var(--rouge);
				color: #FFF;
				padding: 2px 5px;
				border-radius: 3px;
			}
		}
	}
	
	.documents {
		background-color: var(--grisClair);
		padding: var(--margeMedium);
		border-radius: var(--borderRadiusMoyen);
		
		> a{
			color: #000;
			background:url(assets/images/interface/document.svg) center left no-repeat;
			background-size: 20px;
			padding-left:30px;
		}
	}
	
}


@media screen and (max-width : 1600px){
	
	section.equipe{
		grid-template-columns: repeat(4, 1fr)
	}
	
}


@media screen and (max-width : 1300px){
	nav.desktop, nav.sousMenu{
		padding: 0 5vw;
	}
	
	nav.desktop a{
		padding: 20px 10px;
	}
}

@media screen and (max-width : 1080px){
	
	nav.desktop, nav.sousMenu{
		padding: 0 20px;
		font-size: 1rem;
	}
	
	nav.desktop a, nav.sousMenu a{
		padding: 20px 10px;
	}
	
	section.accueil, section.notreEquipe, section.listePublications, section.newsletters, article.publication, article.calendrier, article.recherche, article.contact, article.observatoire, section.assisesNationales{
		padding: 50px;
	}
	
	section.listeDernieresPublications{
		flex-direction: column;
	}
	
	section.intro{
		flex-direction: column;
		gap: 20px;
	}
	
	section.equipe{
		grid-template-columns: repeat(3, 1fr)
	}
	
	fig.premiereCouv{
		background: var(--grisClair);
		justify-content: center;
		align-items: center;
		padding: 20px;
		border-radius: var(--borderRadiusSmall);
	}
	
	fig.premiereCouv a{
		display: flex;
		justify-content: center;
	}
	
	fig.premiereCouv img{
		width: 50%;
	}
	
	article.publication, article.membre, article.evenement{
		flex-direction: column;
	}
	
	article.membre .infos fig img{
		margin: 0 auto;
	}
	
	article.publication section.contenu, article.publication section.infos, article.membre section.contenu, article.membre section.infos, article.evenement section.contenu, article.evenement section.infos{
		width: 100%;
	}
	
	article.publicationAccueil, article.publicationAccueil.avecCouv{
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto auto auto;
		grid-gap: 20px
	}
	article.publicationAccueil fig{
		grid-area: 2 / 1 / 3 / 2;
	}
	article.publicationAccueil .titraille{
		grid-area: 1 / 1 / 2 / 2;
	}
	article.publicationAccueil section.intro{
		grid-area: 3 / 1 / 4 / 2;
	}
	article.publicationAccueil p.infos{
		grid-area: 4 / 1 / 5 / 2;
	}
	article.publicationAccueil fig img{
		aspect-ratio: 5 / 2;
		width: 100%;
		object-fit: cover;
	}
	article.publicationAccueil p.description, article.publicationAccueil section.intro, article.publicationAccueil p.infos{
		font-size: var(--taillePoliceMedium);
	}
	article.publicationAccueil section.intro, article.publicationAccueil p.infos{
		line-height: var(--taillePoliceMedium);
	}
	article.publicationAccueil h3{
		font-size: var(--taillePoliceMediumPlus);
		line-height: var(--taillePoliceMediumPlus);
	}
	
	section.blocLivret{
		width: 100%;
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}
	section.blocLivret fig img{
		max-width: 40%;
		max-height: unset;
		margin: 0 auto;
	}
	section.listeRapports{
		flex-wrap: wrap;
	}
	section.listepartenaires{
		padding: 0;
	}
	section.listepartenaires.niveaudeux{
		flex-wrap: wrap;
	}
	section.listepartenaires.niveaudeux article.partenaire img{
		max-width: 15vw;
	}
	
	.listeNewsletters{
		columns: 2;
	}
	section.listeOuvrageUne {
		flex-direction: column;
		
	}
	
	article.evenementSmall{
		flex-direction: column;
	}
	
	article.evenementSmall .background{
		position: relative;
		width: 100%;
		height: 25vh;
	}
	
	article.evenementSmall .texte{
		width: 100%;
	}
	
	section.newsletters iframe.inscriptionNewsletter{
		max-width: calc(100vw - 100px);
	}
	
}