body
{
	width: 982px;
	min-width:600px;
	max-width:2000px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
 }
	
 h1
{
	display: inline;
	vertical-align: middle;
	margin-left: 30px;
	color: white;
	font-family: verdana, sans-serif;
	font-size: 35px;
}

p
{
margin-top : 0px;
margin-bottom : 0px;
}
 
div#haut_de_page
 {
	width: 972px;
	height: 117px;
	border: 5px #00bfff ridge;
	background-color: #003399;
}

.logo
{
	width: 178px;
	height: 117px;
	display:inline-block;
	vertical-align: middle;
	border: 0;
}	


div#bandeau_de_perles
 {
	width: 982px;
	height: auto;
	margin-top: 16px;
}

.bandeau1
{
	width: 56px;
	height: 46px;
	border: 0px;
}

.bandeau2
{
	width: 55px;
	height: 47px;
	border: 0px;
}

.bandeau3
{
	width: 56px;
	height: 50px;
	border: 0px;
}

.bandeau4
{
	width: 76px;
	height: 45px;
	border: 0px;
}

.bandeau5
{
	width: 48px;
	height: 47px;
	border: 0px;
}

.bandeau6
{
	width: 58px;
	height: 48px;
	border: 0px;
}

.bandeau7
{
	width: 61px;
	height: 48px;
	border: 0px;
}

.bandeau8
{
	width: 55px;
	height: 47px;
	border: 0px;
}

.bandeau9
{
	width: 57px;
	height: 49px;
	border: 0px;
}

.bandeau10
{
	width: 55px;
	height: 49px;
	border: 0px;
}

.bandeau11
{
	width: 56px;
	height: 49px;
	border: 0px;
}

.bandeau12
{
	width: 49px;
	height: 45px;
	border: 0px;
}

.bandeau13
{
	width: 66px;
	height: 48px;
	border: 0px;
}

.bandeau14
{
	width: 53px;
	height: 44px;
	border: 0px;
}

.bandeau15
{
	width: 60px;
	height: 48px;
	border: 0px;
}

.bandeau16
{
	width: 57px;
	height: 45px;
	border: 0px;
}

.ligne_brillante
{
	width: 950px;
	height: 4px;
	border: 0px;
	margin-left: 16px;
}

div#menu
{
	float:left;
	width:176px;
	height:700px;
}

#navcontainer
{
	width: auto;
	margin: 0 auto;
	padding: 86px 0 50px;
	font-family: arial, serif;
	font-size: 120%;
	text-align: center;
}

ul#navlist
{
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 100%;
}

ul#navlist li
{
	display: block;
	margin: 0;
	padding: 0;
}

ul#navlist li a
{
	display: block;
	width: 100%;
	padding: 0.5em 0 0.5em 1.5em;
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	color: white;
	text-decoration: none;
	background: #003399;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
	background: #f0e7d7;
	color: red;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
	color: red;
	background: transparent;
	border-color: #aaab9c #fff #fff #ccc;
}

div#texte_principal
{
	margin-top: 45px;
	margin-left: 40px;
	margin-right: 40px;
}

.lienpage:link
{
	color: #003399;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #003399;
	text-decoration: none;
}

.lienpage:visited
{
	color: #0000cd;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0000cd;
	text-decoration: none;
}

.lienpage:hover
{
	color: red;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: red;
	text-decoration: none;
}

div#conclusion
{
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
}

.ligne_brillante_2
{
	width: 920px;
	height: 4px;
	border: 0px;
	margin-bottom: 20px;
}

div#pied_de_page
{
	clear:both;
	width:972px;
	height:auto;
	border: 5px #00bfff ridge;
	background-color: #003399;
	margin-top: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	color: white;
}

.reduit
{
	font-size: 80%
}

.mail:link
{
	font-size: 130%;
	color: white;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: white;
	text-decoration: none;
}

.mail:visited
{
	font-size: 130%;
	color: white;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: white;
	text-decoration: none;
}

.mail:hover
{
	font-size: 130%;
	color: red;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: red;
	text-decoration: none;
}

.lienpied:link
{
	color: white;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: white;
	text-decoration: none;
}

.lienpied:visited
{
	color: white;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: white;
	text-decoration: none;
}

.lienpied:hover
{
	color: red;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: red;
	text-decoration: none;
}

div#compteur
{
	text-align: center;
	margin-top: 20px;
}