/*ensemble*/
body
{
	width: 800px;
	margin: auto;
	background-image: url("../image/fond.png");
}
/*en-tête*/
#en_tete
{
	width: 800px;
	height: 183px;
	background-image: url("../image/banniere.png");
	background-repeat: no-repeat;
	margin-bottom: 0px;
	text-align: right;
}
#en_tete a 
{
	text-decoration: none;
}
.lien_site
{
	text-decoration: none;
	font-family: "Comic Sans Ms", Arial, "Times New Roman", Serif;
	font-size: 1em;
	font-weight: bold;
	color: white;
	position: relative;
	top: 150px;
	right: 5px;
}
.lien_site:hover
{
	text-decoration: underline;
	color: #FDC321;
	cursor: pointer;
}
/*menu*/
#menu
{
	float: left;
	width: 190px;
	height: auto;
	background-color: #008FC3;	
}
#menu ul
{
	list-style-image: url("../image/puce.png");
	list-style-position: inside;
	padding: 0px;
	margin: 0px;
	margin-bottom:150px;
	padding-left: 5px;
	padding-top: 30px;
}	
#menu a
{
	color: #FDC321;
	text-decoration: none;
	text-shadow: 1px 2px 4px black;
	font-family: "Comic Sans Ms", Arial, "Times New Roman", Serif;
	font-size: 1.3em;
	font-weight: bold;
}
#menu a:hover
{
	color: #008FC3;
	background-color: #FDC321; 
	text-decoration: underline;
}
.page_lue
{
	color: black;
}
/*corps*/
#corps
{
	text-align: justify;
	font-family: Serif, "Times New Roman", "Comic Sans Ms",Arial;
	font-size: 1em;
	margin-bottom: 0px;
	margin-left: 190px;
	padding: 10px;
	border: 5px ridge #008FC3;
	color: black;
}
p
{
	text-indent: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin: 5px;
}
.intro
{
	text-indent: 30px;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 10px;
}
.intro:first-letter
{
	font-weight: bold;
	font-size: 2em;
	color: #FCD321;
}
.contacts
{
	text-align: center;
	font-size: 1.1em;
}
.mail
{
	color: #008FC3;
	text-decoration: underline;
}
.interlocuteurs
{
	list-style-type: circle;	
	font-size: 1.1em;
	margin-left: 40px;
}
.regions
{
	list-style-type: square;
	font-size: 1.4em;
	margin-left: 220px;
	margin-bottom: 20px;
}
.regions1
{
	list-style-type: square;
	font-size: 1.4em;
	margin-left: 280px;
	margin-bottom: 20px;
}
.objectif
{
	font-style: "Comic sans Ms", Serif;
	font-size: 1.4em;
	color: purple;
	font-style: italic;
	text-decoration: underline; 
}
.point_fort
{
	margin-left: 20px;
	font-style: Serif;
	list-style-type: point;
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
}
/*titres*/
h1
{
	text-indent: 20px;
	font-size: 1.5em;
	text-decoration: underline;
	color: #FCD321;
}
h2
{
	text-indent: 40px;
	font-size: 1.3em;
	color: #008FC3;
	margin: 5px;
}
/*images*/
.image1
{
	float: left;
	border: 2px ridge #FCD321;
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.image2
{
	border: 4px ridge #FCD321;
	margin-left: 60px;
}
.image3
{
	float: right;
	border: 2px ridge #FCD321;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}
.image4
{
	height: 50px;
	border: 5px outset #FCD321;
	float: right;
	margin-left: 50px;
}
.image4:hover
{
	border: inset;
}
.image5
{
	border: 4px ridge #FCD321;
	margin-left: 10px;
}
.zoom
{
	border: 4px ridge #FCD321;
	margin-left: 120px;
	height: 200px
}
.zoom:hover
{
	width: 800px;
	height: auto;
	margin: auto;
}
.legende
{
	text-align: center;
	font-size: 1.3em;
}
.legende2
{
	text-align: center;
	font-style: italic;
}
.fin_de_page
{
	clear: both;
}
/*pied de page*/
#pied_de_page
{
	clear: both;
	padding: 0px;
	bottom: 0px;
	left: 400px;
}
#pied_de_page p
{
	font-family: Serif;
	font-size: 0.8em;
	text-align: right;
	font-style: italic;
	font-weight: bold;
}
/*formulaire*/
label
{
	font-size: 1.1em;
	text-indent: none;
}
input
{
	font-family: "Comic Sans Ms";
	font-size: 0.9em;
}
textarea
{
	font-size: 0.8em;
}
input:focus, textarea:focus
{
	background-color: #FCD321;
}
.formulaire 
{
	text-indent: 0px;	
}