@import 'lightbox.css'; /*À LAISSER EN PREMIER*/

.webform-submission-form .form-item.form-wrapper .panel-heading {
    padding: 10px 0px 20px 0px;
}
.webform-submission-form .form-item.form-type-textfield label {
    font-size: 1.3rem;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 20px;
    margin-top: 10px;
    font-weight: 600;
}
/* 16/03/22 Renaud – Formulaire : correction de l'affichage et des marges des intertitres*/
html body #tarteaucitron #tarteaucitronPrivacyUrl, 
html body #tarteaucitron #tarteaucitronPrivacyUrlDialog, 
html body #tarteaucitronAlertBig #tarteaucitronCloseAlert, 
html body #tarteaucitronAlertBig #tarteaucitronPersonalize, 
html body #tarteaucitronAlertBig #tarteaucitronPersonalize2, 
html body #tarteaucitronRoot .tarteaucitronAllow, 
html body #tarteaucitronRoot .tarteaucitronDeny, 
html body .tarteaucitronCTAButton {
    font-size: 1.3rem !important;
    font-weight: normal;
}
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    font-family: 'roboto_condensedlight'!important;
    font-size: 16px;
    color: #2b2826;
    letter-spacing: 0.03rem;
    line-height: 1.21;
    display: block;
    text-align: center;
    margin: 0 0 5px;
}
html body #tarteaucitronRoot #tarteaucitronAlertBig {
padding:8px 0px;
}
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2,
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronScrollbarAdjust #tarteaucitronAllAllowed,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronScrollbarAdjust #tarteaucitronAllDenied,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronServicesTitle_mandatory #tarteaucitronServices_mandatory .tarteaucitronAllow,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronServices_analytic #xitiLine .tarteaucitronAllow,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronServices_analytic #xitiLine .tarteaucitronDeny  {
    padding: 11px 17px;
    border: 2px solid #88408e;
    text-transform: uppercase;
    letter-spacing: 0.22em;
    background: #88408e;
    border-radius: 0;
    font-family: 'roboto_condensedbold'!important;
    color: white;
	display:inline;
	margin-top: 5px;
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices div.tarteaucitronBorder {
	border: none;
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices div.tarteaucitronBorder .tarteaucitronSelfLink {
	display: none;
}
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2 .tarteaucitronCheck,
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2 .tarteaucitronCross,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronScrollbarAdjust .tarteaucitronCheck,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronScrollbarAdjust  .tarteaucitronCross,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronServicesTitle_mandatory #tarteaucitronServices_mandatory .tarteaucitronCheck,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronServices_analytic #xitiLine .tarteaucitronCheck,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronServices_analytic #xitiLine .tarteaucitronCross {
	display:none;
}
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
    padding: 11px 17px;
    border: 2px solid #1f1f24;
    text-transform: uppercase;
    letter-spacing: 0.22em;
    background: transparent;
    border-radius: 0;
    font-family: 'roboto_condensedbold'!important;
    display: inline-block;
    text-align: center;
    margin-top: 5px;
}
html body #tarteaucitronRoot button#tarteaucitronBack {
    background: #000;
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset .tarteaucitronH1 {
    font-family: 'roboto_condensedregular'!important;
}
html body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,
html body #tarteaucitronRoot div#tarteaucitronServices {
	background: white;
	box-shadow:none;
}
html body div#tarteaucitronInfo {
	border: none;
	font-family: 'roboto_condensedlight'!important;
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset .tarteaucitronName .tarteaucitronH2 {
	color: black;
	font-family: 'roboto_condensedlight'!important;
}
/* 27/05/21 Hugo - Bandeau cookies tarte au citron */
.page-node-type-article .paragraph--type--media-video .gray-border .inside_left_gray_border.tc-video {
    margin: 15px;
}
.page-node-type-article .paragraph--type--media-video .gray-border .inside_right_gray_border {
    padding: 15px;
	text-align: center;
}
.page-node-type-article .paragraph--type--media-video .gray-border .col-md-8 {
    width: 100%;
}
.page-node-type-article .paragraph--type--media-video .gray-border  .col-md-4 {
    width: 100%;
}
/* 04/02/21 Renaud – Paragraphe vidéo dans contenu article : correction du ratio d'affichage de la vidéo et du descriptif en mode desktop pour un meilleur rendu */
.paragraph--type--mosaique .sous-titre {
    margin-bottom: 10px;
    margin-top: 18px;
}
/* 21/01/21 Renaud – Paragraphe mosaique (galerie des médias) > correction des marges du titre*/
.articlev2 .view-display-id-block_1, .page-node-type-article .view-display-id-block_1
{
    margin-top: 0px;
    margin-bottom: 30px;
}
/* 21/01/21 Renaud – Paragraphe mosaique (galerie des médias) > correction des marges du bloc intérieur */
div.accueil-articles div.accueil-article .article-text .center .link-purple-more {
    position: relative;
    bottom: ;
    margin-bottom: px;
    margin-top: 5px;
}
/* 22/09/20 Renaud – Page accueil > lien en savoir plus > focus en ce moment - Correction marge du lien pour se caler sous le texte*/
.animCarousel, .carousel .carousel-inner .carousel-item .paragraph .paragraph__column .field--type-image img.img-responsive, .carousel .carousel-inner .carousel-item .field--type-text-long {animation-duration: 0.0s;}
/* 22/09/20 Renaud – Caroussel - Correction effet de transition entre les images (fade)*/
html .page-node-type-cycle div.exposition-partie-haute .exposition-img {left: 40%;}
/* 17/08/20 Renaud – cycle - ajustement de la position de l'image principale pour corriger le décalage d'affichage */
html .page-node-type-exposition div.exposition-partie-haute.grande-expo .normal-font-size-title-expo {font-size: 7rem;}
html .page-node-type-cycle div.exposition-partie-haute.grande-expo .normal-font-size-title-expo {font-size: 7rem;}
/* 17/08/20 Renaud – exposition + cycle - ajustement de taille du grand titre (normal) pour ne pas dépasser de la box */
.page-node-type-evenements .field--name-field-daterange1 .field--item, .page-node-type-evenements .field--name-field-daterange1 .field--item +.field--item:after {display:block;margin-right:10px;float:left;content:"–";}
/* 21/07/20 Hugo - Evénements : Ajustement affichage dates multiples */
/* 19/08/20 Renaud – événement : ajout d'un séparateur entre les dates */
/* 24/08/20 Benoît – événement : suppression du premier tiret */
.exposition-partie-haute figcaption .legende-img-expo {width: 55%; display:block}
/* 15/07/20 Renaud – exposition - modification de longueur d'affichage du copyright pour l'ajuster à l'image d'entête */
/* 09/10/20 Benoît – correction pour que ça fonctionne */
#webform-submission-etude-espace-personnel-node-5000-add-form .form-item.form-wrapper .panel-heading,#webform-submission-etude-espace-personnel-node-5000-add-form .form-item.form-wrapper.checkboxes--wrapper legend,#webform-submission-etude-espace-personnel-node-5000-add-form .form-item.password-confirm--wrapper .panel-heading,#webform-submission-etude-espace-personnel-node-5000-add-form .form-item.password-confirm--wrapper.checkboxes--wrapper legend{padding:0 0 40px 0}#webform-submission-etude-espace-personnel-node-5000-add-form h3{margin-bottom:0}#webform-submission-etude-espace-personnel-node-5595-add-form .form-item.form-wrapper .panel-heading,#webform-submission-etude-espace-personnel-node-5595-add-form .form-item.form-wrapper.checkboxes--wrapper legend,#webform-submission-etude-espace-personnel-node-5595-add-form .form-item.password-confirm--wrapper .panel-heading,#webform-submission-etude-espace-personnel-node-5595-add-form .form-item.password-confirm--wrapper.checkboxes--wrapper legend{padding:0 0 40px 0}#webform-submission-etude-espace-personnel-node-#webform-submission-etude-espace-personnel-node-5000-add-form h3{margin-bottom:0}-add-form h3{margin-bottom:0}#edit-vous-etes-interesse-e-pour-echanger-avec-nous--description{margin:0 0 20px 0;font-size:1.5rem;letter-spacing:.037em;font-family:roboto_condensedregular,Sans-Serif;color:#000}
/* Hugo 200106 - ajout pour optimiser l'affichage du formulaire "Etude Espace Personnel" */
.modale-intro .animation img {width: 80%}
/* 121119 Renaud – Mosaique - modale : mise à l'échelle de l'image de modale intro pour un affichage sans scroller*/
.modal .infos {padding-top: 5px}
/* 041119 Renaud – Mosaique - modale : mise en conformité maquette de la marge supérieure pour le bloc info*/
.page-node-type-mediatheque_home .paragraph--type--mise-en-avant .big-title {font-size: 5.2rem;}
/* 301019 Renaud – Galerie des médias : ajustement de la taille du titre pour qu'il ne dépasse plus de la box de une*/
.modal-body {max-height: 90vh;}
.img-slide {max-width: 85%;}
/* 301019 Renaud – Galerie des médias : redimensionnement auto de l'image dans la modale pour affichage optimisé en desktop*/
.gray-border .inside_left_gray_border iframe {min-height: auto;}/* 041019 Renaud – Galerie des médias : Adaptation automatique de la hauteur du conteneur aux éléments embed*/ 
.img-header .content-white .sous-titre {font-weight: 500;} /* 180919 Renaud – Ajuster la taille de la typo du sous titre du header page accueil*/	
.navbar-nav > li > .dropdown-menu {height: 635px;} /* 091121 Renaud – Ajuster la hauteur du menu principal pour intégrer entrées de menu*/
.top-menu .navbar-nav > li > .dropdown-menu li a {padding: 8.4px 0;} /* 220519 Renaud – Ajuster la marge des listes du menu principal*/
.navbar-nav > li > .dropdown-menu {padding-bottom: 20px;} /* 091121 Renaud – Ajuster la marge inférieure du menu principal*/

/*BALISES*/

sup, .minuscule {text-transform:none} /* 190315 Benoît – Afficher les exposants en minuscule, même dans les titres en majuscule */
abbr[title] {text-decoration:none} /* 190910 Benoît – Sinon double soulignement */
video, iframe  {max-width:100%} /*Pour les vidéos embarquées directement dans une page*/
.bloc-de-texte-normal p {line-height: 1.78; letter-spacing: 0.4px} /* 200503 Benoît – Faire en sorte que les paragraphes s'affichent de la même manière que lorsque l'on ajoute l'inutile class normale… */

/*TABLE*/

table {width: 100%; max-width: 100%; margin-bottom: 20px}
caption, tfoot tr {background-color:#AE8A3E; padding:0.5em 1em; text-transform:uppercase; letter-spacing:1.8pt; font-size:1.8rem; color:#fff;font-weight: bold;}
td, th {border: 0.05em solid #1f1f24; padding:1em}
th {font-family: 'roboto_condensedregular'; font-weight: bold; text-transform: uppercase; color: #1f1f24; /*font-size: 0.8em*/}
.table-horaires th {text-transform: none}
th  span {font-weight:normal}
/*thead tr, tbody tr:nth-child(2n) {background:#eee}*/ /*À améliorer*/
tfoot tr th {color:#fff}
.table-horaires thead tr, .table-horaires tbody tr:nth-child(2n), tbody tr.tableau-content-row {background:none}
/* 190513 Benoît – Styler un minimum les tableaux */

/*LIENS*/

.content a, .content-actu a {text-decoration:underline}
.content a:hover, .content a:focus, .content-actu a:hover, .content-actu a:focus {color:#88408e}
a.btn, a.btn-default, a.link-purple-chevron, a.link-purple-extern, a.link-purple-more, .paragraph-focus-container a, .accordeon-sub-title a, a.bloc-gris-link, .element-acces-direct a, .insideEvent a, .nav a , .navbox a, a.bloc-sur-le-meme-sujet-border, .simple-file a, .full-file a, .link-default-accueil a, .btn-default a , .page-node-type-infos-pratiques .services-info-pratique-container .services-info-pratique .infos a, .content-actu .lieu a , .tarifs-description a, .push-evenement a {text-decoration:none}
a.btn-purple:hover, a.btn-default-2:hover, a.btn-purple:focus, a.btn-default-2:focus {color: white}
/* 190517 Benoît – Styler les liens… sans style */

/*TITRES*/

.content h2 {font-family: 'GabrielaStencil-Black'; text-transform: uppercase;margin-bottom: 35px; margin-top: 35px; font-size: 3.2rem; line-height: 38px}
.content h3 {font-size: 2.4rem; line-height: 29px; letter-spacing: 1px; margin: 30px 0 30px 0;font-family: 'roboto_condensedbold'; text-transform: uppercase}
.content h4 {font-family: 'roboto_condensedbold'; font-size: 1.8rem; line-height: 23px; margin: 20px 0}
h3.gros-titre, h4.gros-titre {font-family: 'GabrielaStencil-Black'; text-transform: uppercase; margin: 35px 0; font-size: 3.2rem; line-height: 38px; letter-spacing: initial}
h2.normal-titre, h4.normal-titre {font-family: 'roboto_condensedbold'; text-transform: uppercase; font-size: 1.5em; line-height: 29px; letter-spacing: 4.8px; margin: 30px 0}
h2.petit-titre, h3.petit-titre {font-family: 'roboto_condensedbold'; font-size: 1.8rem; line-height: 23px; margin: 20px 0; text-transform:none; letter-spacing: initial}
h2.special-titre, h3.special-titre, h4.special-titre {font-family: 'roboto_condensedregular'; text-transform:none ; line-height: 1.1; letter-spacing: initial}
h2.titre-sous-home {font-family: roboto_condensedregular,sans-serif; font-size: 5rem; line-height: 1.1; margin: 20px 0 10px 0; text-transform:none}
h3.navboxe-actualites-title , h3.panel-title, h3.views-field-title {text-transform:none}
/* 190517 Benoît – Stylisation des balises de titres, basé sur l'élément article (pas les mêmes styles suivant l'élément où ils sont placés !) */

.content h2 + h3 {margin-top:20px} /* Benoît 200312 – Augmentation de la marge haute (20 -> 30px) dans .content h3 puis diminution si situé après un h2 */

.image-bloc-gauche div>span+h2.petit-titre {margin-top: 0} /* Benoît 211022 – diminution de la marge haute de ce type de h2 quand situé en haut dans un bloc image pour les listes de journées pro – À faire partout ? */

.page-node-type-exposition .gros-titre, .page-node-type-evenements .gros-titre , .page-node-type-cycle .gros-titre  {margin-top:35px} /* 190930 Benoît – Pourquoi une marge différente suivant les contenus !!! */

.page-node-type-mode-demploi .main-container .petit-titre {text-transform:none} /* 190920 Benoît – À force de faire plein de styles au lieu d'un seul, on se plante… */

.voir-aussi .petit-titre {text-transform:uppercase} /* 190517 Benoît – Tel que cela devrait être */

/*LISTES*/

.content li , li.normal {margin-bottom:5px}
li div.normal, li.normal {padding-bottom:0}
.responsive-tabs li {margin-bottom:-2px}
/* 190513 Benoît – Correction des marges des listes pour tout le site (et non pour seulement les pages articles) */

.field--type-text-long ul  ul, .field--type-text-long ul  ol , .field--type-text-long ol  ul  {list-style-image:none} /* 191024 Benoît – Pour différencier les sous listes */

.field--type-text-long ul.sans_style {list-style:none; padding-left:0} /* 190505 Benoît – Création d'une class pour ne pas styler les listes */

.page-node-type-infos_pratiques   .content li, .page-node-type-mode_demploi  .content li, .page-node-type-actualite  .content-actu li {font-size: 1.8rem} /*190920 Benoît – taille non prise en compte car il n'y a pas de .paragraph__column dans ce type de contenu… */

.deux_cols {overflow: hidden}
.deux_cols  li {width:47%; float:left}
.deux_cols  li:nth-child(odd) {margin-right:5%} /* 190513 Benoît – Liste sur 2 */
.quatre_cols  {column-count:4} /*220131 Benoît – Liste sur 4 cols, mode descendant*/

/*IMAGES*/

.page-node-type-exposition .bloc-de-texte-normal p.image-bloc-copyright, .image-bloc-image-container .image-bloc-copyright, .page-node-type-evenements .bloc-de-texte-normal p.image-bloc-copyright, .image-bloc-copyright {font-size: 0.8em; font-family: roboto_condensedregular,sans-serif; margin: 0 0 1em 0; line-height: 23px}
.page-node-type-exposition .bloc-de-texte-normal p.image-bloc-legend, .page-node-type-evenements .bloc-de-texte-normal p.image-bloc-legend, .image-bloc-legend, figcaption {font-size: 0.8em; font-family: roboto_condensedbold,sans-serif; margin: 0 0 1em 0; line-height: 23px} /* 190529 Benoît – Pouvoir utiliser ce style un peu partout + ajout de figcaption pour ceux qui utilisent le bouton image le 190906 */

.align-left img {margin:0 0.5em 0.5em 0}
.align-right img  {margin:0 0 0.5em 0.5em} /*190819 Benoît – Marges pour les images flottantes */

li a.link-purple, li .link-purple-chevron, li .link-purple-extern, li .link-purple-less, li .link-purple-more {margin:0}

/*PAGE D'ACUEIL*/

.img-header .content-white {padding:10px 30px}
.path-frontpage .img-header .content-white .sous-titre {margin-bottom:20px}
.path-frontpage .img-header .content-white .titre {margin-top:20px}
/*Benoît 210928 réduction de la taille du pavé du titre*/

/*MEDIATHEQUE*/

.page-node-type-mediatheque_home .paragraph--type--mise-en-avant .small-title {padding:0 3px}
.page-node-type-mediatheque_home .paragraph--type--mise-en-avant .big-title {padding:0 5px}
.page-node-type-mediatheque_home .paragraph--type--mise-en-avant a:hover  .small-title, .page-node-type-mediatheque_home .paragraph--type--mise-en-avant a:hover .big-title, .page-node-type-mediatheque_home .paragraph--type--mise-en-avant a:active  .small-title, .page-node-type-mediatheque_home .paragraph--type--mise-en-avant a:active .big-title {background: rgb(136, 64, 145, 0.7)} /* 190503 Benoît – Rendre les titres plus visibles des documents mis en avant dans la galerie des médias */

.gray-border .inside_left_gray_border.tc-image .img-slide {width:auto} /* 21/08/19 ne pas agrandir les images de la galerie des médias pour éviter la pixelisation */

.titre-long-mediatheque {margin-bottom:10px} /* 190513 Benoît – Un peu d'espace sous le titre de la description des média */

.view--liste-mediatheque--page-1 .result-agenda .nb-results {padding-right:10px}
/* 190513 Benoît – Pour décoller le nombre de résultat du bloc violet qui suit */

/* EXPOSITIONS ÉVÉNEMENTS */

.page-node-type-exposition ol.breadcrumb li {color: #fff}
.page-node-type-exposition ol.breadcrumb li:last-child {color: #fff}
.page-node-type-exposition ol.breadcrumb li a {border-bottom: 1px solid #fff}
/* 191119 Renaud – exposition - modifier le style de fil ariane pour le rendre lisible sur fond (image) */

html .page-node-type-exposition div.exposition-partie-haute .exposition-partie-haute-cartouche .exposition-partie-haute-cartouche-haute-etiquette p, html .page-node-type-evenements div.exposition-partie-haute .exposition-partie-haute-cartouche .exposition-partie-haute-cartouche-haute-etiquette p, html .page-node-type-cycle div.exposition-partie-haute .exposition-partie-haute-cartouche .exposition-partie-haute-cartouche-haute-etiquette p 
{text-transform: none ; font-size: 1.2rem}
/* 210624 Benoît – #hashtag non en majuscules */

.page-node-type-exposition blockquote .field--type-text-long p:nth-child(2) {border:none}
.page-node-type-exposition blockquote .link-purple-extern {margin:0 0 0 5px}
/* 191025 Benoît – Retirer la bordure du lien vers l'article des citations des expos */

.resultat-liste-actualites .off {display:none}
/*220201 Benoît – Ne pas afficher la mention du patronage dans les listes d'événements*/

.navboxes-container .navboxes .navbox .navbox-link .navbox-border .navbox-block .navbox-content {font-size: 2rem} /*200108 Benoît gagner de la place dans les blocs grisé des expos */

/*.exposition-partie-haute-center .tags li +li {border: 1px solid black; padding: 5px; font-size: 150%;}
.exposition-partie-haute-center .tags li +li a {color:black; text-decoration:none}
.exposition-partie-haute-center .tags li span {display:none}*/
/*200811 Benoît – Faire ressortir les titres des cycles des fiches de conférences */

html .page-node-type-exposition div.exposition-partie-haute .exposition-partie-haute-cartouche .exposition-partie-haute-cartouche-pictogramme-lieu .lieu p, html .page-node-type-evenements div.exposition-partie-haute .exposition-partie-haute-cartouche .exposition-partie-haute-cartouche-pictogramme-lieu .lieu p {font-family: roboto_condensedbold; font-size: 2.1rem; letter-spacing: 0.05em} /*200305 benoît – Styler les lieux hors les murs */

/*DIVERS*/

.field--name-field-cartemap iframe {width: 99%} /* 190502 Benoît – Pour afficher la bordure de droite des plans de Google sous Chrome */

.page-node-type-actualite .content-actu p {min-height: 20px} /* 200904 Benoît – Ajout d'un hauteur minimale pour tenter de corriger la suppression de insécables, dans les actus, qui servent à jeter du blanc entre certains éléments */

.info_tech {font-size:80%; color:#555} /* 190513 Benoît – Ajout d'un style pour les infos techniques des pdf ou autres */

.dalle li {text-align:center; padding:2em; background-color:#eee}
.page-node-type-article .paragraph  .field--item .dalle li {margin-bottom:0}
.dalle p {font-weight: bold}
.dalle li.col-sm-4:nth-child(odd), .dalle li.col-sm-6:nth-child(4n+1), .dalle li.col-sm-6:nth-child(4n+4) {background-color:#AE8A3E; color:#fff}
/*Benoît 210205 – Création d'un dallage pour la lettre Bib d'Orient – peut servir ailleurs*/

.video-js, .vjs_video_3-dimensions {height:auto; width:auto}
.gray-border .inside_left_gray_border.tc-video .video-js {min-height:auto}
.video-js .vjs-tech {position: relative} /* 191004 Benoît – Tentative de correction de l'affichage des vidéos */

#ra_faits_marquants .row {padding-top:10px}
#ra_faits_marquants .col-md-2 {text-align:right; font-weight:bold} /* Benoît 190603 – Rapport d'activité – Faits marquants */

.note {Font-size:80%; border-top:1px solid #ccc; padding-top:10px; margin-top:20px; line-height:normal} 
/* 190611 Benoît – des notes de bas de page (rapport d'activité) */

.node-preview-backlink {margin-left:80px} /* Benoît 190524 – voir le bouton de retour à la modif dans la prévisu */

/*BANDEAU ALERTE*/

div.site-alert div.text p {margin-bottom:10px}
/*200107 Benoît – Et si on ne veut pas de blanc, on fait un br (et pas l'inverse) */

.contentBlockAlert h1 {font-size:20px; margin-top:0}
.blockAlertText .site-alert .severity .text .contentBlockAlert .texte-alerte {padding-bottom:0}
/*200421 Benoît – Titre plus petit pour le bloc alerte*/

/*PÊLE-MÊLE */

.wrapper #tuileContent .tuileTexte h1.titreTuile {font-size: 1.8rem}
.wrapper #tuileContent .tuile h1.titreTuile {font-size: 1.8rem}
/* 191023 Ajout Hugo pour réduction taille police sur pêle-mêle */

.descriptifModal a {color:black; text-decoration:underline}
.descriptifModal a:hover, .descriptifModal a:focus {color:#88408e}
/* 191023 Benoît – même graphisme pour les liens des modales du pêle-mêle que pour le reste du site */

.modal-expo .modal-content .titre-modal-expo {font-size: 4em}
/*200107 Benoît – Pour que certains titres long passent (titres trop gros) + ces cda ont placé cette feuille de style avant la leur… */

/*PETITS ÉCRANS*/

@media (max-width: 1300px) and (min-width:64em) {
div.accueil-articles div.accueil-article .article-image {width:85%}
div.accueil-articles div.accueil-article .article-text {width: 80%; padding: 30px 10px 0 10px; top: -30px; left: 11%}
.view--frontpage .en-ce-moment-txt {padding-top:0}
/* Benoît 190826 – Pour les images du bloc mis en avant de la page d'accueil */
}

@media (max-width: 64em) {
.content h2 {font-size: 2.4rem; line-height: 29px; margin-bottom: 26px}
.content h3 {font-size: 2rem; line-height: 26px; letter-spacing: 3.6px}
.content h4 {font-size: 1.7rem}
.quatre_cols {column-count:3}
}
@media (max-width: 37.5em) {
.content h2 {line-height: 28px; margin-bottom: 25px}
.content h4 {font-size: 1.6rem}
.deux_cols  li {width:99%; float:none}
.deux_cols  li:nth-child(odd) {margin-right:0}  /* 190513 Benoît – Liste sur 1 colonne sur petit écran */
.quatre_cols {column-count:2}
.dalle li.col-sm-6:nth-child(odd) {background-color:#AE8A3E; color:#fff}
.dalle li.col-sm-6:nth-child(even) {background-color:#eee; color:#000}
/*Benoît 210205 – remettre les couleurs des lignes du dallage 2 cols qui n'existe plus*/
}