html {
  font-size:62.5%;
}

body {
  font-family:raisonnedemibold, sans-serif;
  font-size: 1.5rem;
  color: rgb(1,1,1);
  background-color:#F0F0F3;
  margin:5% 10% 5% 10%;
  -webkit-box-shadow: 5px 5px 10px 0px #656565;
          box-shadow: 5px 5px 10px 0px #656565;
  border-radius: 10px;
  text-align:justify;
  line-height:2rem;
  background-color:#aaaaaa;
  background-image: url(../images/subtle-white-feathers.png);
}

.couleur {
  color: rgb(190,10,37);
}

a {
  text-decoration: none;
  color: rgb(190,10,37);
  cursor: pointer;
}

b {
  text-decoration: none;
  color: rgb(190,10,37);
  cursor: text;
  font-weight: 700;
  font-style: normal;
}

/* Styles des éléments du "header"*/

@media all and (min-width : 769px) {
	header {
		position:fixed;
	}
}


header {
  background: rgb(190,10,37);
  font-size: 3rem;
  margin:0 0 0 0;
  top: 0;
  left: 0;
  right: 0;
  height:auto;
}

.hr_pointilles_gris
 {
  border-top: 1px dashed grey ;
  margin-bottom:50px;
  margin-left:50px;
  margin-right:50px;
}



main {
  background: rgba(255,255,255,0.97);
  text-align:justify;
}


/* Styles du cartouche en haut de chaque page */

.cartouche {
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 50px;
  background-color: white;
  -webkit-box-shadow: 2px 2px 4px 0px #656565;
          box-shadow: 2px 2px 4px 0px #656565;
  font-style:italic;
}

.cartouche a {
  text-decoration: none;
  color: rgb(190,10,37);
  font-size: 2rem;
  font-weight:bold;
  font-style:normal;
  line-height:25px;
  padding-top:10px;
}


#contenu {
padding:20px;
}

th,table, tr, td {
border: thin solid ;
border-collapse: collapse;
padding:5px;
text-align: left;
}

th {
background-color:rgb(206,214,214);
font-weight:bold;
}

.pied_de_page {
font-size: 1.25rem;
text-align: center;
}

h1 {
line-height:25px;
margin:0;
padding:0;
padding-top:10px;
}


h2 {
font-size: 1.7rem;
font-weight:bold;
padding-top: 1rem;
padding-bottom: 0rem;
}

/* les sélecteurs "target" sont utilisés pour éviter que les ancres (h2 à h4) ne soient masquées par la barre de menu en position fixed */

h2:target {
padding-top: 50px;
margin-top: -50px;
}


h3 {
font-size: 1.6rem;
font-style:italic;
padding-top: 1rem;
padding-bottom: 0rem;
}

h3:target {
padding-top: 50px;
margin-top: -50px;
}

h4 {
font-size: 1.5rem;
}

h4:target {
padding-top: 50px;
margin-top: -50px;
}

.renseignements {
	padding:10px;
	margin-left:20px;
	line-height:2rem;
	max-height:200px;
	overflow:scroll;
	border-color:rgb(1,1,1);
	border-style:solid;
	border-width:1px;
}

.sommaire {
	font-weight:bold;
}

.titre {
font-size: 1.6rem;
}

.titre_partie {
	margin-left: 2%;
}

.titre_sous_partie {
	margin-left: 4%;
	font-size: 1.4rem;
}

.paragraphe_en_retrait {
	margin-left: 5%;
}

.tableau {
	margin: 3% 5% 3% 5%;
	text-align: center;
}

.table {
	width: 100%;
	height: 100%;
}

.table_5ligne {
  float: left;
  margin: 10px;
  width: 230px;
}
.illustration {
	margin: 3% 5% 3% 5%;
	text-align: center;
}

.image {
	width: 100%;
	height: 100%;
}

.legende {
	font-size: 1.4rem;
	text-align: center;
	font-style: italic;
}

.notes {
	font-size: 1.4rem;
	text-align:justify;
	line-height: 1.5rem;
}

.input {
width:200px;
}

.notice_precedente {
font-weight: bold ;
}

.notice_suivante {
font-weight: bold ;
}

.entite_carte_survol {
display:none;
}

.entite_carte_survol:hover {
cursor:help;
display:inline;
}