html {
/* unité de base pour le redimensionnement du site */
/*	font-size: calc(100vw / 60); */
	font-size: calc(10px + 1vw);
	font-family: "Trebuchet MS";

}
body {
    font-family: "Trebuchet MS";
	color : #001A70;
	width: 95%;
	height: 100%;
}

/* Mise en forme de la section d'en-tête pour le bandeau et le menu */
nav{
    position : fixed;
	top:0rem;
	height : 6.9rem;
	width: 100%;
	font-size: 0.6rem;
	font-weight: bold;
    background-color: white;
}

nav table{
	height: 4.2rem;
    background-image: url('images/bandeau-central-detoure.jpg');
    background-repeat: no-repeat;
    background-size: auto 75%;
	background-position: top;
    width: 100%;
	margin:0;
	padding:0;
	background-color: #1057C8;
}

nav tr td{
	margin: 0;
	padding:0;
}

nav tr{
	margin: 0;
	padding:0;
}

nav p {
	font-size: 0.5rem;
	font-weight: normal;
	text-align : center;
	color: #FFF;
	font-family: Times new roman;
}

nav h1 {
	font-size: 0.7rem;
	font-weight: bold;
	text-align : center;
	color: #FFF;
	font-family: Times new roman;
	margin: 0;
	padding:0;
}
#menu {
/* on place le menu dans la page */
    text-align: left;
    padding: 0;
    margin-top: 0.3rem;
	margin-left: 1.5rem;
    list-style: none;
	font-weight : bold;
	margin-bottom:0.1rem;
}

#menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#menu li {
/* on place les liens du menu horizontalement */
    display: inline-block;
	text-align: center; 
}

#menu ul li {
/* on enlève ce comportement pour les liens du sous menu */
    display: inherit;
	text-align : left;
}

#menu a {
    text-decoration: none;
    display: block;
	color:#000;
	min-width: 5rem;               /* Largeur minimale des liens */      
    margin: 0rem;                  /* Marges externes */
    padding: 0.2rem 0.4rem;        /* Marges internes */
    background-color: #8BD1F1;     /* Arrière-plan */
    color: #000000;                /* Couleur du texte */
    text-decoration: none;         /* Suppression du soulignement */
    border: 1px solid #fff;        /* Ajout d'une bordure */
    border-radius: 0.2rem;            /* Arrondis des bordures */   
    transition: all 500ms ;        /* Ajout des effets de transition */
}

#menu a:hover {
	    background-color: #4E91DC ;
		color: #FFFFFF;
}

#menu a.actif {
	    background-color: #1057C8 ;
		color: #FFFFFF;
}

#menu ul {
    position: absolute;
/* on cache les sous menus complètement sur la gauche */
    left: -999em;
    text-align: left;
    z-index: 1000;
}
#menu li:hover ul {
/* Au survol des li du menu on replace les sous menus */
    left: auto;
}

#simili-sous-menu {
	background-color: #1057C8; 
	color:#FFFFFF; 
    padding: 0.2rem 0.4rem;
	border-radius: 0.2rem;
	text-align: left; 
    min-width: 5rem;
	display: inline-block;	
}


/* Fin de mise en forme de la section d'en-tête pour le bandeau et le menu */




.contenu {
	padding-top: 6.5rem;
}

.contenu h2 {
    font-size: 1.2rem;
	margin-top: 0rem;
    margin-bottom: 0rem;
}
.contenu h3 {
    font-size: 1.1rem;
    margin-bottom: 0rem;
	margin-top: 0rem;
	font-weight: bold;
}
.contenu h4 {
    font-size: 1rem;
    margin-bottom: 0rem;
	margin-top: 0rem;
	font-weight: bold;
}

.contenu h5 {
    font-size: 0.8rem;
	font-weight: bold;
    margin-bottom: 0rem;
	margin-top: 0rem;
	font-weight: bold;
}

.contenu p {
	font-size: 0.65rem;
	text-align : justify;
	margin-bottom: 0.1rem;
}

.contenu span {
	font-size: 0.65rem;
	text-align : justify;
}

#pas-justifie p {
  text-align: unset;
}

.contenu ul {
	font-size: 0.65rem;
	padding-left: 1rem;
	margin-top: 0rem;
	margin-bottom: 0rem;
}

.contenu a {
	text-decoration:none;
	text-decoration: underline dotted;
	font-weight:bold;
	color : #009A46 ;
	padding: 0.1rem;
	font-size: 0.65rem;
}
	
.librairie {
	font-size: 0.62rem;
}

.bordure {
  border: 1px solid black;
  border-collapse: collapse;
}

.bordure td {
  border: 1px solid black;
  border-collapse: collapse;
}