html, body
{
    background:url('./img/background.png') repeat-x;
    background-color:#006B78;
    height: 100%;
    margin:0px auto 0px auto;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
img
{
	border:0;
}

#page
{
    width:1024px;
    margin:0px auto 0px auto;
    min-height: 100%;
}


/********** HEADER **********/

#bloc_bientot
{
    background:url('./img/bientot.png') no-repeat;
    width:1024px;
    height:60px;
    position: absolute;
    font:13px Verdana, sans-serif;
    font-weight:bold;
}

.avenir
{
    top:4px;
    left:460px;
    position:relative;
    font:13px Verdana, sans-serif;
    font-weight:bold;
    color:#fff;
    width:525px;
    text-align:center;
}

/********** FOOTER **********/
#bloc_copyright { background:url('./img/copyright.png') no-repeat; width:1024px; height:40px; position: absolute; bottom: 0;}
.mentions { font-size:10px;top:20px; left:35px; position:relative; font:10px Verdana, sans-serif; color:#aaa; width:200px;text-align:center;font-weight:bold;}


/********** CONTENT **********/

#bloc_header
{
    background:url('./img/header.png') no-repeat;
    width:1024px;
    height:250px;
}

#bloc_footer
{
    background:url('./img/footer.png') no-repeat;
    width:1024px;
    height:65px;
}

#menu { top:116px; left:465px; font:12px Verdana, sans-serif; font-weight:bold; position:relative; width:600px; }
#slide { position:absolute; height:20px; background-color:#008798; margin-top: 3px; z-index:1; }
#slider {

	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#slider ul {

	padding: 0;
	margin: 0;
	list-style: none;
	background-color:#008798;
	border:2px solid #000;
}

#slider a {
	display: block;
	text-decoration:none;
	color:#fff;
	padding:6px;
}

#slider li {
  	z-index:999;
	float:left;
	position:relative;
}

#slider li ul {
	position: absolute;
	left: -999em;
	font:10px Verdana, sans-serif;
	font-weight:bold;
	z-index:999;
}

#slider li:hover ul, #slider li.sfhover ul {
	left: auto;
}

#slider ul a {
	z-index:999;
}

.connexion{ font:11px Verdana, sans-serif; font-weight:bold; padding-top:120px; left:0px; height:20px; width:990px; text-align:right; }
.connexion a.scrollover { color: #000; text-decoration:none; }
.connexion a.scrollover em:first-line { color: #00A7C8; text-decoration:none; }

.social{ font:11px Verdana, sans-serif; font-weight:bold; padding-top:150px; left:0px; width:960px; height:60px; text-align:right; z-index:10; }

#content_borders { background:url('./img/borders.png') repeat-y;}
#content_shading{ background:url('./img/shading.png') no-repeat bottom center; padding:0 40px 0 40px; }

#content_left{ width:150px; float:left; left:0;}
#content_right{ width:150px; float:right; right:0;}

#content_middle
{
    width:626px;
    margin:0 auto 0 auto;
}

.bloc_top { text-align:center; background:url('./img/bloc_top.png') no-repeat; width:150px; height:18px; padding-top:7px; font-weight:bold; }
.bloc_mid { text-align:center; background:url('./img/bloc_mid.png') repeat-y; width:150px; padding-top:5px; }
.bloc_bot { text-align:center; background:url('./img/bloc_bot.png') no-repeat; width:150px; height:14px; }

.content_top { text-align:center; background:url('./img/content_top.png') no-repeat; width:624px; height:18px; padding-top:7px; font-weight:bold; }
.content_mid { text-align:left; background:url('./img/content_mid.png') repeat-y; width:624px; padding-top:5px; }
.content_txt { width:600px; margin:0 auto 0 auto; }
.content_bot { text-align:center; background:url('./img/content_bot.png') no-repeat; width:624px; height:14px; }

label { margin-left:30px; margin-top:5px; display:inline; float:left; width:200px; text-align:left; }
input, select { margin-top:5px; }

a { color: #00A7C8; text-decoration:none; }
a:hover { color: #00A7C8; text-decoration:underline; }
a.scrollover { color: #00A7C8; text-decoration:none; }
a.scrollover em:first-line { color: #000; text-decoration:none; }

fieldset { border:1px solid #ebebeb; }
legend { font-weight:bold; color:#00A7C8; }

.error_message { background-color:#efd1d1; border:2px solid #00A7C8; padding:5px; font-weight:bold; }
.error_no { background-color:#d1efd1; border:2px solid #007801; padding:5px; font-weight:bold; }

.align_image img, .align_image span {
  vertical-align: middle;
  display: inline-block;
}

#FSmainTable		{border:1px solid black; background-color:#FFFFFF; font-family:Arial,Helvetica,Sans-Serif; font-size:12px}
.FSdateField		{width:76px; border:0; font-size:11px; padding:1px 0 0 3px}
.FSdateSelect		{border:1px solid #999999; background-color:white}
.FSmonthRolldown	{width:90px; font-size:11px}
.FSyearInput		{width:38px; font-size:11px}
.FSbuttonsRow		{background-color:#DDDDDD}
.FSdateButton		{width:20px; height:20px; font-weight:bold; font-size:10px}
.FSdateButton2		{width:40px; height:20px; font-weight:normal; font-size:10px}
.FScalendarTitles TD{border-bottom:1px solid black; font-size:11px; color:#CCCCCC; line-height:14px}
.FScalendar TD		{font-size:11px; font-weight:normal}
.FSinMonth			{color:#000000; text-decoration:none; width:22px; height:12px; line-height:14px}
.FSnotInMonth		{color:#999999; text-decoration:none; width:22px; height:12px; line-height:14px}
.FSinMonth:hover	{font-weight:bold}
.FSnotInMonth:hover	{font-weight:bold}
.FSoutOfRange		{color:red; line-height:14px}
#FSrangeCell		{background-color:#EEEEEE; font-size:11px; text-align:center; line-height:14px}
#FSdateToday		{font-size:11px; font-weight:bold; line-height:20px}

.valide { background:url('./img/hdg.png') repeat-x;color:#fff;font-weight:bold;padding:2px 0 2px 7px; }
.nonvalide { background:url('./img/hdr.png') repeat-x;color:#fff;font-weight:bold;padding:2px 0 2px 7px; }