html {
	height: 100%;
	width: 100%;/* avec dessus, définit que 100% c'est toute la page*/
	overflow: hidden;/* masque les ascenseurs pour ne pas faire doublon avec celui du conteneur*/
}

body {
	height: 100%;
	margin: 0;/* aucune marge */
	background-image: url('Fichiers/Fond.jpg');
	background-repeat: repeat;
	padding-left: 170px;/* décalage de ce qui sera dans le corps pour laisser une marge à gauche pour le menu */
}

.conteneur { /*le conteneur global du site, qui sera centré */
	margin: 0 auto;/* 0 en haut pour ne pas qu'il centre verticalement */
	width: 100%;
	height: 100%;/* occupe toute la fenêtre*/
	padding-top: 5px;/* décalage en haut */
	overflow: auto;/* ascenseurs */
	background-color: transparent;/*pour voir l'image du body*/
	cursor: default; /*pour ne pas curseur texte*/
}

.header { /* Entête pour contenir le titre */
	padding-bottom: 70px;/* Pour décaler le dessous du titre */
	margin: auto;
	width: 446px;
	height: 78px;
	background-repeat: no-repeat;
}

.frame { /* partie centrale (contient ce qui est différent d'une page à l'autre) */
	margin: auto;/* permet de centrer*/
	width: 828px;/* (833 si pas de bordure) Maximum de ce qui peut être affiché en 1028x768 avec fin menu à 170*/
	height: auto;/* Pour prendre toute la hauteur*/
	background-image: url('Fichiers/FondCadres.png');
	border: 1px solid #EFE4BA;/* bordure */
	border-top-style: none; /* pas de bordure en haut car l'image de sous-titre vient par dessus */
	padding-bottom: 20px;/* décalage en bas pour que le texte ne colle pas la fin  */
	margin-bottom: 10px;/* décalage en bas pour séparer du cadre de fenêtre */
	color:#000000;
}

.Pied { /* bas de page */
	text-align:center;
	font-size:10pt;
	color:#666666;
}

/* Petits drapeaux de langage -----------------------------*/
.DrapeauFR {
	position: absolute;
	left: 30px;
	width: 24px;
	height: 24px;
	top: 50%; /*Avec le Margin-top negatif de dessous, permet de positionner par rapport au menu */
	margin-top: -282px;
	z-index: 1;
}
.DrapeauENG {
	position: absolute;
	left: 74px;
	width: 24px;
	height: 24px;
	top: 50%;
	margin-top: -282px;
	z-index: 1;
}
.DrapeauUN {
	position: absolute;
	left: 118px;
	width: 24px;
	height: 24px;
	top: 50%;
	margin-top: -282px;
	z-index: 1;
}
/*-----------------------------*/

/* Menu -----------------------------*/
.menu {
	position: absolute;
	left: 5px;
	width: 160px;
	height: 478px;/*  508 réel -30 de padding */
	top: 50%; /* Avec le Margin-top negatif de dessous, permet de centrer verticalement le menu */
	margin-top: -290px;  /* 1/2 hauteur -15 pour laisser plus de place à adresse si faible résolution */
	padding-top: 30px;
	background-image: url('Fichiers/Menu.png');
}
.menugauche {
	list-style-type: none;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	padding: 0;
	/*font-family: "Goudy Old Style"; utilise la police du site*/
	font-size: 20px;
	vertical-align: middle;
}
.menugauche li a {
	display: block;
	margin-bottom: 10px;/* espacement boutons*/
	height: 30px;
	width: 120px;
	text-decoration: none;/* évite le soulignement du lien*/
	text-align: center;
	color:#8A6D4F; /*  couleur de la police */
	background-repeat: no-repeat;
	background-image: url('Fichiers/Boutons.png');/*Image normale */
	padding-top: 2px;/* permet de décaler un peu le texte vers le bas pour le centrer dans le bouton*/
}
.menugauche li.l1 a:hover,.menugauche li.l1 a:focus {
	background-image: url('Fichiers/BoutonsSj.png');/*Image quand il est survolé ou focusé ligne 1 */
}
.menugauche li.l2 a:hover,.menugauche li.l2 a:focus {
	background-image: url('Fichiers/BoutonsSj.png');/*Image quand il est survolé ou focusé ligne 2 */
}
.menugauche li.l3 a:hover,.menugauche li.l3 a:focus {
	background-image: url('Fichiers/BoutonsSj.png');
}
.menugauche li.l4 a:hover,.menugauche li.l4 a:focus {
	background-image: url('Fichiers/BoutonsSj.png');
}
.menugauche li.l5 a:hover,.menugauche li.l5 a:focus {
	background-image: url('Fichiers/BoutonsSj.png');
}
.menugauche li.l6 a:hover,.menugauche li.l6 a:focus {
	background-image: url('Fichiers/BoutonsSj.png');
}
.menugauche li.l7 a:hover,.menugauche li.l7 a:focus {
	background-image: url('Fichiers/BoutonsSj.png');
}
.menugauche li.l8 a:hover,.menugauche li.l8 a:focus {
	background-image: url('Fichiers/BoutonsSj.png');
}
.menugauche li.l9 a:hover,.menugauche li.l9 a:focus {
	background-image: url('Fichiers/BoutonsSj.png');
}
.menugauche li.l10 a:hover,.menugauche li.l10 a:focus {
	background-image: url('Fichiers/BoutonsSj.png');
}

.menugauche li.ld a:hover,.menugauche li.ld a:focus {
	background-image: url('Fichiers/BoutonsSj.png');/*Image quand il est survolé ou focusé ligne 1 */
	/*color: #660033;*/
}
/* .menugauche li.ld a {
	background-image: url('Fichiers/BoutonDon.png');
	color: #006666  #006666; #660033
} */
/*-----------------------------*/

.Adresse {
	position: absolute;
	width: 124px;
	height: 21px;
	left: 23px;
	top: 100%;  /*Avec le Margin-top negatif de dessous, permet de positionner par rapport au bas de l'écran */
	margin-top: -25px;
	background-image: url('Fichiers/Courr.png');
	border-style:none;
}

.Titre {
	font-size: 17.0pt;
	font-family: "Times New Roman", serif;
	color: #6A532F;
	text-align: center;
	margin-top: -70px;
	margin-left: 265px;  /*415-(width/2) */
	height: 30px;
	width: 300px;
	padding-top: 5px;
}

.Parag {
	margin-bottom: 0.0001pt;
	font-size: 12.0pt;
	font-family: "Times New Roman", serif;/* mettre ici les polices à prendre et de remplacement*/
	margin-left: 20px;/* décollement du cadre sur côté pour texte normal*/
	margin-right: 20px;
	margin-top: 0px;
	text-align: left;
	background-image: url('Fichiers/FondCadres.jpg');
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 13px;
	border: 1px #FFFFCC solid;
}

.imgBordure { /*pour la mise en forme des images avec un cadre*/
	float: none;
}

.BoutPayP{
	width:62px;
	height:31px;
	border-style:none;
	margin-bottom:-11px;
	margin-right:10px;
}

.vCSS {
	width: 33px;
	height: 9px;
	border-style:none;
	margin-left: 10px;
}

.vXHTML {
	width: 42px;
	height: 9px;
	border-style:none;
}