body {
	background-color:#fff;
	background-image:url(img/banniere.jpg);
	background-repeat:no-repeat;
	background-position:200px top;
	height:100%;
	width:100%;
	margin:0;
}

body, div, p, td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:400;
	color:#08172F;
	line-height:14px;
}


a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#009;
}
a:link,
a:visited {
	color:#009;
	text-decoration:none;
}
a:hover,
a:active {
	color:#2D3F5C;
	text-decoration:underline;
}

#gauche {
	width:200px;
	background-image:url(img/fond_menu.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

#logo {
	width:185px;
	height:166px;
}

#menu {
	margin-top:28px;
	width:180px;
	background-image:url(img/sous_menu.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #fff;
	padding:10px;
	}

*html #menu {
	margin-top:28px;
	width:200px;
	background-image:url(img/sous_menu.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #fff;
	padding:11px;
}

#principal {
	background-image:url(img/fond_principal.jpg);
	background-repeat:no-repeat;
	background-position:200px 348px;
}

#corps {
        position: relative;
        float:left;
	margin: 140px 120px 50px 60px;
	border-top:dotted 1px #7D7D7D;
}

#recherche {
	float:right;
	position:absolute;
	top:7px;
	right:10px;
	height:50px;
	text-align:right;
}

#menuHaut {
	float:right;
	position:absolute;
	top:10px;
	right:350px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:700;
	color:#fff;
	text-decoration:none;
	padding-bottom:5px;
	border-bottom:dotted 1px #F7C900;
}

#menuHaut a {
	color:#fff;
	text-decoration:none;
	padding:0 5px;
}

#menuHaut a:hover {
	color:#FFC600;
}

#fil {
	float:left;
	position:absolute;
	top:120px;
	left:260px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:400;
	color:#476189;
	text-decoration:none;
}

#fil a {
	color:#476189;
	text-decoration:none;
	padding:0 3px;
}

#fil a:hover {
	color:#08172F;
}

.searchBox {
	background-color:#FBEFC4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:400;
	color:#08172F;
	line-height:14px;
	border:solid 1px #fff;
}

#copyright {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#476189;
	padding-top:10px;
	text-align:center;
	border-top:dotted 1px #7D7D7D;
	margin:10px 120px 10px 60px;
}

.imageDroite {
	float:right;
	margin:5px 0 5px 10px;
}

.imageGauche {
	float:left;
	margin:5px 10px 5px 0;
}

.opImageAlterneA {
        float:right;
        margin: 12px 0 12px 12px;
}       
.opImageAlterneB {
        float:left;
        margin: 12px 12px 12px 0;
}
.opImageAlterneA tr td, .opImageAlterneB tr td {
        padding: 0;
        border: 1px solid #c0c0c0;
}       
.opImageAlterneA tr td.legende, .opImageAlterneB tr td.legende {
        padding: 4px;
        background-color: #f8f8f8;
        border-top: 0;
}

h1 {
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:18px;
	letter-spacing:6px;
	font-weight:700;
	color:#08172F;
	margin:32px 0 20px 0;
	padding:0;
}

h2 {
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:6px;
	font-weight:1700;
	color:#08172F;
	margin:15px 0 4px 0;
	padding:0;
}

h3 {
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:10px;
	font-weight:1700;
	color:#08172F;
	margin:0  0 20px 0;
	padding:0;
}
.evenementLead h3 {
	text-transform:none;
	letter-spacing:1px; 
}

h4 {
	font-size:14px;
	font-weight:700;
}

h5 {
	font-size:12px;
	font-weight:700;
}

.menu0 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #08172F;
	line-height: 15px;
}

.menu1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #08172F;
	line-height: 12px;
	margin: 1px;
}

.menu2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #08172F;
	line-height: 15px;
}

A.menu0:link, A.menu1:link, A.menu2:link {
	color:#08172F; text-decoration:none; 
}
A.menu0:visited, A.menu1:visited, A.menu2:visited {
	color:#2D3F5C; text-decoration:none; 
}
A.menu0:active, A.menu1:active, A.menu2:active {
	color:#2D3F5C; text-decoration:none; 
}
A.menu0:hover, A.menu1:hover, A.menu2:hover {
	color:#2D3F5C; text-decoration:underline;
}

.liMenu0 {
	padding-top: 10px;
}
.liMenu1 {
        padding-left: 16px;
	padding-top: 6px;
}

/****************************/

table.OvoCalendrierGros td table.titreMois td {
        font: bold 16px #112B50;
}
table.OvoCalendrierGros td table.titreMois td a:hover {
        background-color: #C9DFEA;
}
table.OvoCalendrierGros th {
        border: 1px solid #fff;
        background-color: #C9DFEA;
}       
table.OvoCalendrierGros td {
        background-color: #fff;
}       
table.OvoCalendrierGros td div.element a:hover {
        background-color: #DCE9EF;
        text-decoration: none;
}
table.OvoCalendrierGros td div.case {
        background-color:#C9DFEA;
}       
table.OvoCalendrierGros td div.casePale {
        background-color:#DCE9EF;
	color: #99a;
}

table.calendrierPetit {
        border: 1px solid #C9DFEA;
}
table.calendrierPetit th {
	color: #112B50;
        border-bottom: 1px solid #C9DFEA;
}
table.calendrierPetit td {
        background-color: #C9DFEA;
}
table.calendrierPetit td.pale {
        background-color: #DCE9EF;
        color: #99a;
}
table.calendrierPetit td.select {
        background-color: #112B50;
        color: #fff;
}
