/* Definitions generales */

body {
	background-color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	width: 745px;
	margin: 0px;
	border: 0px;
	padding: 0px;	
}
img { border: 0; }
p { margin: 0; padding: 0; }

/* Definitions des elements de l'entete */

#entete { background-color: #FFFFFF; height: 265px; padding-top: 0px; }

#logo { float: left; padding: 0 0 0 10px; }

/* #liens_entete { float: right; padding: 15px 35px 0 0; text-align: right; } */
#liens_entete span { color: #001C4D; }
#liens_entete p { padding: 0 0 12px 0; }
#liens_entete a { color: #001C4D; text-decoration: none; }

/* Definition des elements du menu horizontal */

#menu_horizontal { position: absolute; top: 95px; font-weight: bold; z-Index: 2; }

#navigation, #navigation ul { padding: 0; margin: 0; list-style: none; }
#navigation a { display: block; font-size: 1.1em; color: #FFFFFF; text-decoration: none; padding: 3px 0 3px 17px; }
#navigation .base {padding: 8px 0 4px 17px; }
#navigation li ul a { font-size: 0.9em; }
#navigation li ul { position:absolute; left: -999em; }
#navigation li:hover ul, #navigation li.sfhover ul { left: auto; }
#navigation li ul ul { margin: -1em 0 0 10em; }
#navigation li:hover ul	ul, #navigation li.sfhover ul ul { left: -999em; }
#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul {	left: auto; }

#navigation li#apropos ul { background-color:#996699; }
#navigation li#activites ul { background-color:#CC6600; }
#navigation li#activites ul ul { background-color:#CC6633; border:1px solid #CC6600; }
#navigation li#activites ul ul ul { background-color:#CC6633; left: -999em; }
#navigation li#activites ul ul li:hover ul, #navigation li#activites ul ul li.sfhover ul { background-color:#CC6633; left: auto; }
#navigation li#zoom ul { background-color:#A5BE10; }

#navigation li#apropos .last_submenu, #navigation li#activites .last_submenu, #navigation li#zoom .last_submenu { border-bottom:none; }

#navigation li li, #navigation li li li { _float:left; _margin-top:0px; border-collapse: collapse; }
#navigation li#apropos li { border-bottom:1px dashed #CC99CC; }
#navigation li#activites li { border-bottom:1px dashed #CC6633; }
#navigation li#activites li li { border-bottom:1px dashed #CC6600; }
#navigation li#zoom li { border-bottom:1px dashed #84AA00; }

#navigation li#apropos li:hover, #navigation li#apropos li.sfhover { background-color:#CC99CC; }
#navigation li#activites li:hover, #navigation li#activites li.sfhover { background-color:#CC6633; }
#navigation li#activites li li:hover, #navigation li#activites li li.sfhover { background-color:#CC6600; }
#navigation li#zoom li:hover, #navigation li#zoom li.sfhover { background-color:#84AA00; }

/*#navigation li li li:hover, #navigation li li li.sfhover { background-color: #CC6600; }*/

#apropos { float: left; background-color: #996699; width: 248px; height: 30px; }
#apropos li { width: 248px; }
#activites { float: left; background-color: #CC6600; width: 249px; height: 30px; }
#activites li { width: 249px; }
#zoom { float: left; background-color: #A5BE10; width: 248px; height: 30px; }
#zoom li { width: 248px; }

#apropos_interieur { float: left; background-color: #996699; width: 190px; height: 30px; }

.hover { color: #FF0000; background-color: #CC6633; padding: 2px 0 0 1px; border-color: #CC6600; }
.separateur { height: 1px; border: 1px dashed; border-color: #CC6600; }

/* Definition des elements du bandeau image */

#visuel { position: absolute; top: 125px; }

/* Definition des elements du chapo */

#chapo { border-right: solid 1px; border-bottom: solid 1px; border-color: #333333; padding: 20px 5px 15px 20px; }
#chapo p { font-size: 1.2em; }

/* Definition des elements de la zone de contenu */
#contenu { border-left: solid 1px;	border-color: #000000; }
#contenu a { color: #D6004A; text-decoration: none; }

#espace { clear: both; }

.flottant { border-right: solid 1px; border-color: #333333; width: 185px; vertical-align: top; }
.flottant h1 { font-size: 0.9em; color: #4A494A; margin: 10px 10px 10px 15px; }
.flottant p { font-size: 0.85em; color: #4A494A; margin: 10px 10px 10px 15px; }

/* Definition des elements du pied de page */
#pied { clear: both; background-color: #001C4D; height: 25px; }
#pied span { color: #64999F; }
#pied a { font-size: 0.85em; color: #FFFFFF; text-decoration: none; }
#pied_gauche { float: left; padding: 5px 0 0 20px; }
#pied_droite { float: right; color: #FFFFFF; font-size: 0.85em; margin: 5px 0 0 0; }
#pied_droite a { font-size: 1em; padding: 0 20px 0 0; }