body {
	text-align:center;
	background:#ccc;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}
img {
	border: none;
}
.wrapper{
width:800px;
margin:0 auto;
background:#fff;
border-right:3px solid #ededed;
border-left:3px solid #ededed;
}
.navbg {
	background:url(images/navbg_02.gif) repeat-x;
	width:100%;
	height:30px;
	border-bottom:2px solid #fff;
	}
#navcontainer ul
{
	margin:0px;
	padding-top: 0px;
	list-style-type: none;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	padding-top:8px;
	display:block;
	width:100%;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none;
font-size: 12px;
font-weight:bold;
padding-right: 10px;
	padding-top:8px;
padding-left: 10px;
color:#fff;
width: 100%;
border-right:thin  #333 solid;
border-left:thin  #333 solid;
}


body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}
.banner{
background:url(images/bannerbg_13.gif) repeat-x;
height:100%;
width:100%;
}
.bannerontop{
background:url(images/bannerontop.png) no-repeat center;
height:70px;
padding-top:40px;
text-align:left;
}
.content{
width:100%;
padding-top:10px;
padding-bottom:10px;
background:#fff;
}
.content2 td{
border:1px solid #c0c0c0;
}

.leftcolumn{
width:273px;
padding-left:9px;
padding-bottom:20px;
background: #F1F1F1;
float:left;
text-align:left;
}
.leftcolumn2{
width:170px;
padding-left:9px;
padding-bottom:20px;
background: #F1F1F1;
float:left;
text-align:center;
}
.rightcolumn{
width:503px;
float:right;
text-align:left;
}
.rightcolumn2{
width:606px;
float:right;
text-align:left;
}
.centercolumn{
width:750px;
padding-left:15px;
text-align:left;
}
h2{
background:url(images/leftcolumnheader_21.gif) center no-repeat;
font-weight:bold;
text-align:center;
font-size:11px;
color:#fff;
margin:0;
padding-top:14px;
padding-bottom:14px;
}
.clear{
width: 100%;
height: 1px;
margin: 0 0 -1px;
clear: both;
}
.navvy
{
width: 90%;
margin-left:4%;
font-size: 11px;
padding-bottom:10px;
padding-top:5px;
text-align: center;
}

ul.navvylist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0;
width: 100%;
}

ul.navvylist li
{
display: block;
margin: 0;
padding: 0;
}

ul.navvylist li a
{
display: block;
width: 100%;
font-weight:normal;
margin:0;
color: #000;
background:url(images/leftnav.jpg) repeat-x #ededed;
border:bottom:1px solid #ededed;
text-decoration: none;
PADDING-LEFT:10PX;
padding-top:7px;
padding-bottom:7px;
}

.navvy>ul#navvylist li a { width: auto; }

ul.navvylist li#active a
{
background: #F1F1F1;
color: #2A508A;
}

ul.navvylist li a:hover, ul#navvylist li#active a:hover
{
color: #000;
font-weight:bold;
background: #fff;
}
h3{
font-size:17px;
color:#39629F;
font-weight:bold;
margin:0;
width:100%;
}
h4{
font-size:12px;
color:#39629F;
font-weight:bold;
margin:0;
width:100%;
}
.info{
padding-top:5px;
padding-bottom:5px;
background:url(images/inforepeat_25.gif) repeat-y left;
padding-left:20px;
margin:0;
color:#666;
font-size:10px;
margin-bottom:5px;
}
.maincontevt{
padding-left:5px;
padding-right:5px;
}
a:link {
	color: #39629F;
	text-decoration: none;
}
a:visited {
	color: #39629F;
	text-decoration: none;
}
a:hover {
	color: #3366FF;
	text-decoration: none;
}
a:active {
	color: #39629F;
	text-decoration: none;
}
a {
	font-weight: bold;
}
.footer{
width:100%;
background:url(images/navbg_02.gif) repeat-x;
padding-top:20px;
position:relative;
padding-bottom:20px;
clear:both;
text-align:center;
color:#fff;
}
.footer a:link{
color:#fff;
font-size:11px;
}
.footer a:visited{
color:#fff;
font-size:11px;
}
.footer a:hover{
color:#CCC;
font-size:11px;
}
.hop {
	color:#CC0000;
	font-style: oblique;
}
.hop2 {
	color:#009900;
	font-style: oblique;
}
.hop3 {
	font-style:italic;
	font-stretch:ultra-condensed;
	text-decoration: underline;
}





/* ************************************************************ */
/* CSS POUR LE CALENDRIER */
/* ************************************************************ */
.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position:absolute;
	z-index: 32767;
}
.ds_tbl {
	background-color: #FFF;
}
.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}
.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}
.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}
.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */
/* ************************************************************ */












/* dock - top */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg2.gif);
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 0px;
	position: absolute;
	left: 0px;
}
.dock-container2 {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg.gif);
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}