@charset "UTF-8";
@import url(https://use.typekit.net/kmv0zmb.css);
@import url(bande-haut.css?v=20230811);
@import url(bande-bas.css?v=20230811);
@import url(styles-boutons-consulter.css?v=20230811);
@import url(styles-boutons.css?v=20230811);
@import url(styles-colonnes.css?v=20230811);
@import url(styles-encadre.css?v=20230811);
@import url(styles-texte.css?v=20230811);
@import url(styles-tableaux.css?v=20230811);
@import url(styles-tiroirs.css?v=20230811);
@import url(styles-navigation-contenu.css?v=20230811);
@import url(styles-navigation-mobile.css?v=20230811);
@import url(fancybox/jquery.fancybox.min.css);
@import url(styles-images.css?v=20230811);
@import url(styles-tuiles.css);
@import url(styles-etapes.css);
@import url(pictos.css);
/*
=========================================================================
    CSS RESET
    http://allthingssmitty.com/2017/01/09/css-reset-for-minimalists/
=========================================================================
*/
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

* {
  margin: 0;
  padding: 0; }

/*
=========================================================================
    DÉFINITION DES BASES
    - TYPOGRAPHIE
    - LARGEUR maximale de la page
    - MARGES pour centrer dans l'├®cran
=========================================================================
*/
body {
  font-size: 14px;
  font-family: proxima-nova, sans-serif !important;
  font-style: normal;
  margin: 0 auto; }

@media (min-width: 767px) {
  body {
    font-size: 15px; } }
@media (min-width: 1100px) {
  body {
    font-size: 15px; } }
/*
=========================================================================

	CLASSES D'ASSISTANCE

=========================================================================
*/

/*.aligne-gauche, .aligne-droite, .responsive : voir styles-images.css */
.mobile {
  display: none; }

/* forcer le retour */
.forcer_retour,
.clear {
  clear: both; }

.clear-gauche {
  clear: left; }

/*
=========================================================================

	ACCESSIBILITÉ

=========================================================================
*/
/*  Caché visuellement mais disponible pour le lecteur écran. 

    Documentation : 
    https://gist.github.com/ffoodd/000b59f431e3e64e4ce1a24d5bb36034 

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

.sr.focusable {
	position: absolute;
    font-size: 18px;
    color: black;
    left: 10px;
    top: 5px;
    background: #eee;
    z-index: 3;
    padding: 0 5px;
}

.sr.focusable:focus,
.sr.focusable:active {
	clip: auto !important;
	-webkit-clip-path: none !important;
		clip-path: none !important;
	height: auto !important;
	margin: auto !important;
	overflow: visible !important;
	width: auto !important;
	white-space: normal !important;
    
}
/* Élément d'audio-description */
.ad-desc {
	font-weight: 600;
}
@media (min-width: 960px) {
	.nowrap {
		white-space: nowrap;
	}
}

/*
=========================================================================

Ligne horizontale

=========================================================================
*/
hr {
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin: 20px 0 21px; }





/*
=========================================================================
	Video
=========================================================================

*/
video {
  width: 100%;height:auto; }




/*
=========================================================================
	Twitter widget
=========================================================================

*/
#twitter-widget-0 {
  width: 100% !important; }

/*
=========================================================================
	Logo recaptcha
=========================================================================

*/
.grecaptcha-badge,.grecaptcha-logo{display:none!important; visibility: hidden!important}