/* Voila le fichier CSS. C'est ici qu'on va créer le design du site */
/* Tout ce qui ce trouve à gauche d'une accolade est l'élément HTML que l'on veut modifier */
/* Les paramètres de l'élément sont entre les accolades */

/* Ensemble de la page 200521 */
html {
	height: 100%;
}

body {
	background-color: #FFFAF0; /* Couleur de fond */;
	font-size: 11px; /* Taille police par défaut */;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; /* police par défaut */;
	color: #564b47; /* couleur par défaut */;
	padding: 0px;
	margin: 0px;	/* décalage par défaut */
	height: 100%;
}

/*Couleur des liens*/
	a {color: #DB7093;}
	a:visited {color:#DB7093;}
	a:hover {color: #564b47;}
	a:active { color:#000000;}

/* Modification des titres */
h1 {
	font-size: 11px;
	text-align: right;
	text-transform:uppercase;
	background-color: #FFCF9F;
	border-top:1px solid #564b47;
	border-bottom:1px solid #564b47;
	padding:5px 15px;
	margin:0px }

/* Ici surcouche de body - conteneur principal */
/* ce contenur contient les autres */
#container {
	width: 1300px; /* Largeur du site - 1340 = 1080+260 - 6/05/2019 */;
	margin-bottom: 10px;
	margin-left: auto; /* en automatique si on veut centrer le conteneur dans la page*/;
	margin-right: auto;
	background-color: #FFDFBF;
	margin-top: 0px;
	top: 0px;
}

/* Un autre conteneur, ici le haut de ta page */
#banner {
	position: fixed; /* on fixe la position pour que ça ne bouge pas avec l'ascenseur */;
	background-color: #FFDFBF;
	margin-left: auto; /* en automatique si on veut centrer le conteneur dans la page*/;
	margin-right: auto;

	text-align: center;
	padding: 0px;
	margin: 0px;
	width: 1300px;
	top: 0px;
}
#banner img {padding:5px 0px;} 

/* Un autre conteneur, ici sous le titre */
#menu {
	position: fixed; /* on fixe la position pour que ça ne bouge pas avec l'ascenseur */;
	background-color: #FFDFBF;
	width: 1300px;
	text-align: center;
	padding-top: 0px; /* on décale du haut de la page par rapport à la hauteur du conteneur banner*/;
	margin-left: auto; /* on décale de la gauche par rapport à la largeur du menu de gauche */;
	margin-right: 0px;
		text-align: center;
	background-color: #FFDFBF;
	top: 10px;
} 

/* contenu du site 1024 - 124 = 900 1400-320=1080*/
#content {
	background-color: #ffffff;
	padding-top: 80px; /* on décale du haut de la page par rapport à la hauteur du conteneur banner*/;
	margin-left: 100px; /* on décale de la gauche par rapport à la largeur du menu de gauche */;
	top: 0px;
	width: 1190px;
/*	min-height: 760px;
	/* HAUTEUR MINIMUM POUR VOIR COLONNE DE GAUCHE ENTIERE */
}
/*div#content { 
	min-height:470px; /* hauteur minimum de notre contenu si c'est vide */
/*height:expression(this.scrollHeight > 600 ? "auto":"600px"); */
/*}

/* les paragraphes */
p, pre{
	padding: 5px 10px;
	margin:0px;
}

/* Menu gauche */
#left {
	/*float: left;*/
	position: fixed; /* on fixe la position du menu pour qu'il ne bouge pas avec l'ascenseur*/
	padding-top: 80px;
	width: 100px; /* Largeur du menu */;
	margin: 0px;
	padding: 0px;
	text-align: center;
	margin-top: 100px;
	overflow: auto;
}

/* Pied de page */
#footer {
	clear: both;
	margin: 0px;
	padding: 0px;
	text-align: right;
	 }