body {
	font-family: "calibri", "Arial";
	background-color: #A8A8A8;
	margin: 0; }

h1.titre {
	padding-top: 20px;
	padding-left:20px;
	font-style: italic;
	font-size: 16px;
	color: white; }

h2.droite {
	text-align: right;
	color: yellow;
	font-size: 25px;
	font-style: italic;
	font-weight: bolder; }

h3 {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
	color: black;
	padding-left: 25px; }

h4 {
	font-size: 12px;
	font-style: italic;
	text-decoration: underline; }

h5 {
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	padding-left: 50px; }

h6 {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: #000040;
	padding-left: 25px; }

.contact {
	font-size: 12px;
	font-style: italic;
	vertical-align: top;
	color: #000040;
	margin-bottom: 50px; }

.sommaire {
	font-size: 15px;
	color: #828282; }

.pageencours {
	font-size:15px;
	color:yellow; }

p {
	font-size: 14px;
	color:#000040; }

td {
	font-size:14px;
	color: #000040; }

a:link {
	font-style: bold italic;
	font-size: 15px;
	color: #FEFAFA; }

a:visited {
	font-style: italic;
	font-size: 15px;
	color: #FEFAFA; }

div.tout{
	position: absolute;
	top: 0%;
	left: 0%;
	height: 100%;
	width: 100%; 
	z-index: 0; }

div.hautfrise {
	position: absolute; top: 0%; left: 5%;
	height: 25%; width: 200%;
	z-index: 1; }

div.hautlogo {
	position: absolute;
	top: 20%;
	left: 65%;
	height: 40%;
	width: 55%; }

div.menu {
	position: absolute; top: 55%; left: 0%;
	height: 55%; width: 20%;
	padding-top: 25px; }

div.contenu {
	position: absolute; top: 40%; left: 20%;
	height: 100%; width: 60%;
	padding-top: 0px; 
	padding-left: 10px; }

div.lien {
	padding-left: 150px; }

div.autres-sites {
	position: absolute;
	top: 250%;
	left: 50%;
	height: 50%; width: 50%;
	padding-top: 30px; 
	padding-left: 10px; }

div.logo1 {
	position: absolute;
	top: 15%;
	left: 0%;
	height: 30%;
	width: 30%; }

div.logo2 {
	position: absolute;
	top: 35%;
	left: 0%;
	height: 30%;
	width: 30%; }

div.logo3 {
	position: absolute;
	top: 55%;
	left: 0%;
	height: 30%;
	width: 30%; }

div.t1 {
	position: absolute;
	top: 15%;
	left: 20%;
	font-size: 12px;
	font-style: italic; }

div.t2 {
	position: absolute;
	top: 35%;
	left: 20%;
	font-size: 12px;
	font-style: italic; }

div.t3 {
	position: absolute;
	top: 55%;
	left: 20%;
	font-size: 12px;
	font-style: italic; }

div.contacter {
	position: absolute;
	top: 250%;
	left: 20%; }

div.page4photos {
	position: absolute;
	top: 20%;
	left: 70%;
	height: 45%;
	width: 30%; }

div.page4texte {
	position: absolute;
	top: 20%;
	left: 5%;
	height: 30%;
	width: 60%; }

div.page4autresphotos {
	position: absolute;
	top: 120%;
	left: 5%;
	height: 30%;
	width: 80%; }

img.imag {
	height: 30px; }

img.imag2 {
	height: 5%; }

img.entete {
	height: 150%; }

img.logo {
	height: 30%; }

img.carte {
	float: right;
	margin-left: 15px;
	height: 200px; }

img.calendrier {
	position: absolute;
	top: 15%;
	left: 100%;
	height: 600px; }


img.affiche {
	position: absolute;
	top: 20%;
	left: 70%;
	height: 350px; }

img.canard {
	float: center;
	margin-left: 15px;
	height: 200px; }

img.gymnase1 {
	width: 100%; }

img.voeux {
	width: 70%; }

img.gymnase2 {
	height: 150px; }

img.plan {
	height: 200px; }

img.evenements {
	height: 300px; }

img.galerie {
	height: 200px; }

img.partenaires {
	height: 50px; }

img.article {
	height:500px; }

ul {
	font-style: bold;
	font-size: 14px;
	color: #000040; }

ul.accueil {
	color: #000040;
	font-size: 14px;
	font-style: normal;
	padding-left: 100px; }