body, table, td{
	margin:0 0 0 0;
	padding:0 0 0 0;
	border:0 none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top: 0;
}

a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a { color:#00558B; }
a:active { color: #609;
    text-decoration: none;
}
a:hover { color:#f00;
    text-decoration: none;
}

#page {
   border-collapse:collapse;
   margin: 0  auto; width:800px;
   background:#fff;
}
#page td { padding: 0 10px; }

#page td #menu { padding:0 0px 0 0; }

#page td#bandeau { padding:0 5px 0 0; margin:0 0 0 0; }
#bandeau, #corps, #pied { background:url("../images/ombre-droite.png") right repeat-y; }

.menuderoule { position:absolute; left:50%; display:none; width:150px; margin:0; padding:0; }
.menuderoule li { list-style:none; margin:2px; padding:0; text-align:left; border-top:1px dashed white; }
.menuderoule ul { margin:0; padding:0; }
.menuderoule a { color:black;  text-decoration:none;}
.menuderoule a:hover { text-decoration:none; color:#f00; }

#menuaccueil, #menuaccueil ul {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
	height: 23px;
	background-color: #6666FF;
	background-image: url(../images/bar.gif);
	vertical-align: top;
	text-align: center;
}
#menuaccueil li {
	float: left;
	height:20px;
}
#menuaccueil li ul {
	position: absolute;
	width: 180px;
	left: -999em;
	padding-top:5px;
	text-align: left;
	background:url(../images/bar.gif);
}
#menuaccueil li:hover ul, #menuaccueil li.sfhover ul {left: auto;text-decoration:none;}
#menuaccueil a {
	display: block;
	text-decoration:none;
	color: #FFFFFF;
	text-transform: capitalize;
	font-weight: bold;
}
#menuaccueil a:hover,#menuaccueil a.sfhover {
	color:white;
}
ul#menuaccueil li ul li a {width: 180px;border-top:1px solid white;color:black;text-decoration:none;vertical-align:middle;}
ul#menuaccueil li ul li a:hover a:visited, #menuaccueil li ul li a.sfhover {text-decoration:none;vertical-align:middle;}


#corps { vertical-align:top; text-align: justify; font-family:verdana; color:#3D3D3D; font-size:12px;}

.section {
	background-image:url("../images/pic-title.gif");
	background-repeat:no-repeat;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	height:100%;
}

.section h1 { margin:5px 0; color:#A8B1B6; font-size:1em; }
.section h2 { background-repeat:no-repeat; padding:0 0 0 100px; color:#F7F7F7; line-height:42px; font-size:23px; }
.section h3 { background-repeat:no-repeat; padding:2px 0 0 80px; color:#FFF; text-transform:uppercase; line-height:65px; font-size:14px; vertical-align:bottom; }

.section li {
	list-style: circle;
	vertical-align:top;
	text-align:left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 15px;
}

.titre_section {
	position: relative;
}

.contenu_section {
	position: relative;
	height: 100%;
	padding: 0 40px 0 12px;
}

.contenu_section img{
	margin: 2px;
	padding: 0;
}

.date_section {
	position: relative;
	text-align : right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	border-top: 0;
	color: #707070;
	margin : 20px 40px 0 0;
	padding: 0;
	vertical-align:bottom;
}

#chemin {
	margin: 0;
	padding:0;
	top: auto;
}
#chemin h1 { margin:5px 0; color:#A8B1B6; font-size:1em; }

#menu {vertical-align:top; width:190px; color:#A8B1B6;  background-position:left top; background: url("../images/left_bg.gif") no-repeat;}


#menu div {
	padding:0px 0px 10px 0;
	margin: 10px 15px 0 0;
}

#menuprincipal {
	font-weight:bold;
	text-align:left;
	background: url("../images/accueil.gif") no-repeat;
	border-collapse: collapse;
	border: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 232px;
	width: 171px;
}

#menuprincipal li{
	margin:5px 0 0 0;
	padding:5px 0 0 0;
	border-style: dotted;
	border-width: 2px 0 0 0;
	border-color: #575757;
	margin-right: 20px;
}

#menuprincipal ul{
	float: right;
	margin:15px 0 0 0;
	padding:0;
}

#menuprincipal a{
	color: #fbf5ff;
}
#menuprincipal li a{
	color: #00558B;
}
#menuprincipal li a:hover{
	color: red;
}

#menuprincipal h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	font-weight: normal;
	color: #fbf5ff;
	margin: 0 0 0 40px;
	padding: 3px 0 0 0;
}

#menuprincipal img{
	border: none;
  	margin:0 0 0 0;
  	padding:0 0 0 0;
}

.section ul { margin:1em; padding:0;}


#mention { text-align:right; margin:0 20px 0 0;padding: 0 0 0 0; vertical-align:bottom;}

td#pied { text-align:center; font-size:10px; color:#999999; padding:2em 1em 0 1em; vertical-align:bottom;}

#corps table, #corps form { width:560px; }

#baspage {
    background:url("../images/ombre-bas.png") center top no-repeat ;
	width:  800px;
	height:20px;
	overflow: hidden;
	position:relative;
	margin: 0px auto; 
}

#news {
	font-size: 10px;
	background: url("../images/news.gif") no-repeat;
	border-collapse: collapse;
	border: none;
	margin: 0;
	padding: 0;
	height: 179px;
	width: 171px;
}

#news p{
	text-align:center;
}

#news h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	font-weight: normal;
	color: #fbf5ff;
	margin: 0 0 1px 40px;
	padding: 3px 0 0 0;
}

#news a{
	text-decoration: none;
	font-weight:normal;
	color: #fbf5ff;
}

#news marquee{
	font-weight: 900;
	font-size: 11px;
	color: #383838;
	margin: 0 7px 0 22px;
	padding: 0 0 0 0;
}

#news marquee a{
	color:#00558B;
	font-size: 10px;
}

#news marquee a:hover{
	color: red;
}

#news img{
	border: none;
  	margin:0 0 0 0;
  	padding:0 0 0 0;
}

.form {
	background-color: #e6eaff; 
	border-style: solid;
	border-color: #666;
	border-width: 1px;
}

.form label{
	font-size: 11px;
}

.formbouton {
	background-color: #6593B5; 
	border-right: #696969 1px solid;
	border-top: #DCDCDC 1px solid;
	border-left: #DCDCDC 1px solid;
	border-bottom: #696969 1px solid;
	color: #FFF;
	font-weight: bold;
}

.formbouton:hover{
	background-color: #3CB371; 
	border-right: #DCDCDC 1px solid;
	border-top: #F0F8FF 1px solid;
	border-left: #F0F8FF 1px solid;
	border-bottom: #C3E3FA 1px solid;
	color: #FFF;
	font-weight: bold;
}

#inscription {
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
}

#inscription p{
	width: 520px;
	margin: 20px 0 0 10px;
	padding: 0 0 0 0;
}

#inscription h3{
	text-align: center;
	border: solid;
	border-color: #666;
	background: #FFF;
	border-width: 2px;
	margin-left: 60px;
	margin-right: 90px;
}

#inscription img{
	margin: 0;
	padding: 0;
	border: solid;
	border-color: #666;
	border-width: 1px;	
}

#login {
	font-weight:normal;
	background: url("../images/login.gif") no-repeat;
	border: none;
	height: 80px;
	width: 172px;
}

#textform{
	font-size: 11px;
	color: #696969;
	background: #FFF;
	border: 1px solid #696969;
	margin: 1px 0 1px 0;
	
}

#login form{
	padding: 20px 0 0 23px;
}

#login a{
	font-size: 10px;
}

#imgform{
	vertical-align: top;
	margin: 1px 0 0 0;
	height: 17px;
	text-align: left;
}

#logon {
	font-weight:bold;
	background: url("../images/logon.gif") no-repeat;
	border: none;
	height: 65px;
	width: 172px;
}

#logon p{
	color: #3D3D3D;
	text-align: center;
	padding: 13px 0 0 15px;
}

#logon a{
	font-size: 10px;
}

#reponse p{
width: 80%;
text-align: center;
background-color: #e6eaff; 
margin: 40px 0 0 50px;
border-width: 1px;
border-style: solid;
}