/* Élément de Base */
body {
	background-image: url(../images/fond.jpg);
	}
p {
	font: 14px/normal Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #000000;
	line-height: 17pt;
	line-height:18px;
	}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #91484A;
	font-variant: small-caps;
	}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #900101;
	font-variant: small-caps;
	}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #900101;
	font-variant: small-caps;
	}
a:link {
text-decoration: underline; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #004466;
	}
a:visited { 
	text-decoration: underline; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #004466;
	}
a:hover, a:active { 
	text-decoration: underline; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #004466;
	}
td {
	text-align: center;
}

	
	
/* Propriétés du Div */
#main{
	position:absolute;
	width:770px;
	height:600px;
	z-index:5;
	z-index:1;
	margin-left: -400px;
	top: 20px;
	left: 50%;
	border-color: #212A45;
	border-width: 8px;
	border-style: solid;
	background-color: #FFFFFF;
}
#une{
	position:absolute;
	width:193px;
	height:550px;
	top: 8px;
	left: 25px;
	z-index:2;
}
#lien1{
	width:150px;
	height:44px;
	top: 365px;
	left: 25px;
	z-index:3;
	position: absolute;
}
#lien2{
	width:150px;
	height:44px;
	top: 405px;
	left: 25px;
	z-index:3;
	position: absolute;
}
#lien3{
	width:150px;
	height:44px;
	top: 445px;
	left: 25px;
	z-index:3;
	position: absolute;
}
#lien4{
	width:150px;
	height:44px;
	top: 485px;
	left: 25px;
	z-index:3;
	position: absolute;
}
#lien5{
	width:150px;
	height:44px;
	top: 524px;
	left: 23px;
	z-index:3;
	position: absolute;
}
#soleil{
	width:101px;
	height:101px;
	top: 331px;
	left: 45px;
	z-index:2;
	position: absolute;
}
#photo{
	width:50px;
	height:212px;
	top: 8px;
	left: 250px;
	z-index:2;
	position: absolute;
}
#titre{
	width:200px;
	height:50px;
	top: 0px;
	left: 210px;
	z-index:1;
	position: absolute;
}
#lang{
	width:60px;
	height:56px;
	top: 535px;
	left: 76px;
	z-index:1;
	position: absolute;
}
#page{
	width:500px;
	height:350px;
	top: 240px;
	left: 250px;
	z-index:4;
	position: absolute;
	overflow:auto;
	padding-right: 20px;
}
#pagecon{
	width:310px;
	height:350px;
	top: 229px;
	left: 250px;
	z-index:4;
	position: absolute;
}#epynord{
	width:130px;
	height:27px;
	top: 618px;
	right: 0px;
	z-index:4;
	position: absolute;
}
#pagecarte{
	width:283px;
	height:270px;
	top: 219px;
	left: 445px;
	z-index:4;
	position: absolute;
}
#pagemenu{
	width:485px;
	height:350px;
	top: 230px;
	left: 250px;
	z-index:4;
	position: absolute;
	overflow: auto;
	padding-right: 15px;
}
/* Lettrine */
span.lettrine {
	display: block;
	float: left;
	width: 46px;
	height: 63px;
	margin-right: 5px;
	background-image: url(/images/lettrine_e.gif);
	background-repeat: no-repeat;
}
span.lettrine span {display:none;}

/* Propriétés spécial d'un div et d'un élément de base */

/* Texte */
.default {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: italic;
	font-weight: bold;
	color: #006666;
	text-decoration: underline;
}
.menu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #004466;
}
.tmenu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #8CC63F;
	font-variant: small-caps;
}
.menux{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8CC63F;
}
.tmenux{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #004466;
	font-variant: small-caps;
}
.cent{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #212A45;
	vertical-align: top;
	text-align: center;
}
