@charset "utf-8";
/* CSS Document */

.atkinson-hyperlegible-regular {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.atkinson-hyperlegible-bold {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.atkinson-hyperlegible-regular-italic {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.atkinson-hyperlegible-bold-italic {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'DirtyEgo'; 
  src: url('fonts/dirtyego.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


  html {
    font-size: 16px; /* taille de base */
  }
  body {
    font-family: "Atkinson Hyperlegible", Arial, sans-serif;
    line-height: 1.5;
    padding: 0;
    margin:0;
  }
  
 
  .text-controls {
    margin-bottom: 20px;
  }
  .text-controls button {
    font-size: 1rem;
    padding: 5px 10px;
    margin-right: 5px;
    cursor: pointer;
  }
  
  
  /* Barre d’accessibilité */
  .accessibility-bar {
    position: fixed;
    top: 0; 
    width:100%;
    box-sizing:border-box;
    background: #000000; padding: 5px 20px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    z-index: 9999;
    display:flex;
    justify-content:space-between;
    align-items:stretch;
    gap:15px;
    color:#ffffff;
  }
  .accessibility-bar button {
    font-size: 0,8rem; cursor: pointer; padding: 2px 10px;
  }
  
  .logosacc {
	  display:flex;
	  justify-content:flex-start;
    align-items:center;
  
  }
  
  .fontsize {
	  display:flex;
	  justify-content:flex-end;
    align-items:center;
    gap:5px;
  
  }
  
  .logoacc {
  	width:2.5rem;
  	height:2.5rem;
  	border-radius:5px;
  }
  
  .high-contrast .accessibility-bar {
    position: fixed;
    top: 0; 
    width:100%;
    box-sizing:border-box;
    background: #ffffff; padding: 5px 20px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    z-index: 9999;
    display:flex;
    justify-content:right;
    align-items:center;
    gap:10px;
    color:#000000;
  }
  .high-contrast .accessibility-bar button {
    font-size: 0,8rem; margin-right: 5px; cursor: pointer; padding: 2px 10px;
  }

  /* Contraste haut */
  .high-contrast {
    background-color: black;
    color: white;
  }

  /* Navigation simplifiée */
  .simple-nav .decorative, .simple-nav .ads {
    display: none !important;
  }
  
  .page {
  	padding:10px;
  }
  
  h1 {
  	padding-top:0;
  	margin-top:0;
  	text-align:center;
  	color:#0f426f;
  	font-size:3rem;
  	margin-bottom:0;
  }
  
  h2 {
  	text-align:center;
  	color:#0f426f;
  	font-size:2rem;
  }
  
  h3 {
  	background-color:#0f426f;
  	color:#ffffff;
  	margin-top:30px;
  	font-size:1.5rem;
  	padding:5px;
  }
  
  
  a {
  	text-decoration:none;
  	color:#0f426f;
  }
  
  a:hover {
  	color:#000;
  }
  
  .high-contrast a {
  	text-decoration:none;
  	color:#ffc2ad;
  }
  
  .high-contrast a:hover {
  	color:#fff;
  }
  
  .pasespbas {
  	margin-bottom:0;
  }
  
  .pasesphaut {
  	margin-top:0;
  }
  
  .icontravel {
  text-shadow: 0 0 2px black, 0 0 2px black;
  	
  }
  .partenaires {
  	display:flex;
  	flex-wrap:wrap;
  	justify-content:space-around;
  	align-items:center;
  	gap:15px;
  	margin-bottom:25px;
  }
  
  .logocol {
  	width:100px;
  }
  
  .image-text {
  	text-align:center;
  }
  
  
  .affiche {
	margin-left:auto;
	margin-right:auto;
  	width: clamp(250px, 33%, 500px);
  	max-width: 98%;
  	height: auto;
  	border:1px solid #0f426f;
  
  }