*{
	padding: 0px;
	margin: 0px;
}

body{
	background-image: linear-gradient(to top, #032f19, #04321b, #05361d, #06391e, #073d20, #073d20, #073d20, #073d20, #06391e, #05361d, #04321b, #032f19);
	font-size: 14px;
	font-family: "Trebuchet MS", "Century Gothic", Verdana;
	color: #012e00;
	padding: 0px;
	margin: 0px;
}

a{
	text-decoration: none;
	font-weight: bold;
	/* font-style: italic; */
	color: #012e00;
}

a:hover{
	cursor: pointer;
	text-decoration: underline;
}

ul{
	font-weight: bold;
	font-size: 1.1em;
	margin-left: 10px;
	list-style-type: none;
}

li{
	text-align: left;
	margin-bottom: 15px;
}

iframe{
	border: 4px solid #012e00;
}

table{
	margin-top: 20px;
	font-size: 0.9em;
}

.Offset{
	margin: 15px 0px 0px 50px;
}

#Contenu{
	background: transparent;
	position:absolute;
	width:900px;
	left: 50%;
	top: 50%;
	margin-left: -430px;
	margin-top: -300px;
}

#Entete{
	background: transparent url('../images/CadreHaut.png') no-repeat top center;
	min-height: 130px;
	padding-top: 30px;
}

#MenuHaut{
	background: transparent url('../images/MenuHaut.png') no-repeat center center;
	min-height: 120px;
	margin-left: -7px;
	
	font-size: 1.1em;
	font-weight: bold;
}

#Accueil{
	display: block;
	position: absolute;
	height: 120px;
	width: 178px;
	margin-top: -30px;
	margin-left: -180px;
}
#Accueil:hover{
	cursor: pointer;
}

#Menu{
	display: block;
	position: absolute;
	margin-left: 260px;
	margin-top: 28px;
	height: 60px;
	width: 570px;
}

.MenuElement{
	position: absolute;
	text-align: center;
	font-weight: bold;
	
	width: 142px;
	height: 60px;

	padding-top: 22px;
}

#Centre{
	background: transparent url('../images/CadreMilieu.png') repeat-y top center;
	min-height: 345px;
	padding-top: 20px;
	text-align: center;
}

#Pied{
	background: transparent url('../images/CadreBas.png') no-repeat top left;
	min-height: 30px;
	padding: 23px;
	text-align: center;
	font-weight: bold;
}

#Moorea{
	position: absolute;
	margin-top: 26px;
	font-size: 0.8em;
}

/* --- Page Index --- */

#Titre{
	color: #012e00;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 30px;
}

#ImageAccueil{
	padding-bottom: 10px;
}

#AdresseAccueil, #Horaires{
	position: absolute;
	width: 300px;
	background: transparent url('../images/Rectangle.png') no-repeat bottom right;
	padding: 10px 20px 25px 10px;
	color: white;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

#AdresseAccueil{
	margin-top: -95px;
	left: 540px;
}
#Horaires{
	margin-top: -80px;
	left: 40px;
}
/* --- Page Presentation --- */

#ColonneGauche{
	position: absolute;
	text-align: left;
	left: 40px;
	width: 400px;
}

#ColonneDroite{
	position: absolute;
	text-align: left;
	left: 450px;
	width: 400px;
}

#TextePres{
	background: transparent url('../images/Rectangle.png') no-repeat bottom right;
	padding: 10px 20px 25px 10px;
	color: white;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

#AdressePres{
	display: block;
	background: transparent url('../images/Rectangle.png') no-repeat bottom right;
	width: 300px;
	color: white;
	font-size: 1.2em;
	
	padding: 10px 20px 25px 10px;
	margin: 25px auto 20px auto;

	font-weight: bold;
	font-style: italic;
}

/* --- Page Demarche Sur Mesure --- */

#TexteService{
	margin: 70px 0px 0px 30px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 22px;
}

/* --- Page Demarche Sur Mesure --- */

#TexteDemarche{

}

#CitationPres{
	display: block;
	width: 300px;
	background: transparent url('../images/Rectangle.png') no-repeat bottom right;
	color: white;
	
	padding: 10px 20px 25px 10px;
	margin: 0px auto 15px auto;
	
	font-weight: bold;
	font-style: italic;
}

/* --- Page Informations --- */

#NB{
	margin-top: 20px;
	font-size: 0.9em;
	font-style: italic;
}