body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 3em 0em 1.5em 0em;
padding: 0em;
background-color: #3F081F;
}

#conteneur {
position: relative;
width:900px;
margin:0 auto;
background-color:#4F381D;
}

#contenu {
float:left;
width:900px;
margin:0;
background: #FFF url(images/fd_colg2.jpg) left bottom no-repeat;
}

#header {
position: relative; 
height: 150px;
width:900px;
background: #D5EE9B url(images/fd_header-01d.jpg) left top no-repeat;
}

#haut {
height: 10px;
background: transparent url(images/fd_menu-01b0.jpg) left top no-repeat;
}

/************** MENU HORIZONTAL HEADER ****************/
UNKNOWN {
        FONT-SIZE: small
}
#headermenu {
        position: absolute;
        right: 0;
        bottom: 0;
        FLOAT: right;
        WIDTH: 100%;
        height: 45px;
        LINE-HEIGHT: normal;
        FONT-SIZE: 90%;
        BACKGROUND: transparent url(images/bg0.gif) repeat-x bottom ;
}

#headermenu UL {
        position: absolute;
        right: 0; bottom: 0;
        PADDING-RIGHT: 10px;
        PADDING-LEFT: 10px;
        PADDING-BOTTOM: 0px;
        MARGIN: 0px;
        PADDING-TOP: 10px;
        LIST-STYLE-TYPE: none
}
#headermenu LI {
        PADDING-RIGHT: 0px; 
        PADDING-LEFT: 9px; 
        BACKGROUND: url(images/left.gif) no-repeat left top; 
        FLOAT: left; 
        PADDING-BOTTOM: 0px; 
        MARGIN: 0px; 
        PADDING-TOP: 0px
}
#headermenu A {
        PADDING-RIGHT: 15px; 
        DISPLAY: block; 
        PADDING-LEFT: 6px; 
        FONT-WEIGHT: bold; 
        BACKGROUND: url(images/right.gif) no-repeat right top; 
        FLOAT: left; 
        PADDING-BOTTOM: 4px; 
        COLOR: #765; 
        PADDING-TOP: 5px; 
        TEXT-DECORATION: none
}
#headermenu A {
        FLOAT: none
}
#headermenu A:hover {
        COLOR: #EF007A;
}
#headermenu A:active {
        COLOR: green ;
}
#headermenu #current {
        BACKGROUND-IMAGE: url(images/left_on.gif)
}
#headermenu #current A {
        BACKGROUND-IMAGE: url(images/right_on.gif); 
        PADDING-BOTTOM: 5px;
        COLOR: #CF0069;
}
/************** FIN MENU ****************/

#diapo_swf {
float:left;
margin: 0.0em 1.2em 0.8em 3.2em;
padding: 0.0em;
}

#centre {
background-color:#FFF;
margin-top: 0.0em;
margin-left: 200px;
margin-right: 200px;
margin-bottom: 2.0em;
padding: 0.0em;
border-left: 1px solid #DFDFDF;
border-right: 1px solid #DFDFDF;
}

#centre p {
margin: 0.5em 0.0em 0.3em 0.5em;
	padding: 0.3em 2.0em 0.3em 3.5em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
line-height: 1.5em;
color: #6F6F6F;
}
/*
#centre img {
	margin: 0.0em 0.5em 0.5em 3.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}
*/
#centre ul {
margin: 0.0em 1.5em 0.8em 5.0em;
padding: 0.2em;
}

#centre li {
margin: 0.0em 0.5em ;
padding: 0.5em;
font-family: Verdana, Geneva, Arial, Helvetica, Tahoma, "Trebuchet MS",  sans-serif;
font-size: 0.9em;
color: #6F6F6F;
line-height: 1.1em;
border-bottom: 1px solid #DFDFDF;
}

#gauche {
float:left;
width: 200px;
margin: 1.0em 0.0em 0.0em 0.0em;
}

#gauche p {
margin: 0.5em 0.5em 0.5em 0.0em;
padding: 0.0em;
}

#droite {
float:right;
width: 200px;
margin: 1.0em 0.0em 0.0em 0.0em;
}

#droite p {
margin: 0.2em 0.3em 0.2em 0.5em ;
padding: 1.0em;
font-size: 0.7em;
color: #6F6F6F;
}

#droite p.adresse {
font-size: 1.0em;
text-align: center;
}

#gauche img {
margin: 0.1em 0.8em 0em 2.2em;
padding: 0.0em;
}

#droite img {
margin: 0.0em 0.0em 0.0em 2.2em;
padding: 0.2em;
}

#droite p img {
margin: 0em 0.0em 0.5em 2.2em;
padding: 0.3em;
border: 1px solid #CFCFCF;
}

#pied {
position: relative;
clear:both;
height: 70px;
background: #D5EE9B url(images/fd_footer-01c.jpg) left top no-repeat;
}

#pdp {
	position: absolute;
	top: 20%;
	width: 100%;
	margin: 0.0em;
	padding: 0.0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: center;
	vertical-align: middle;
}

.sitemap {
	text-decoration: none;
	color: #000;
}

#main {
	margin: 0.0em;
	padding: 0.0em;
}

#main p {
	margin: 0.0em 0.5em 0.5em 0.5em;
	padding: 0.3em 2.0em 0.3em 3.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #6F6F6F;
}
/*
#main img {
	margin: 0.5em 0.8em 0.5em 3.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}
*/
#letri {
	margin: 0.0em;
	padding: 0.0em;
}

#letri p {
	margin: 0.5em 0.5em 0.0em 0.5em;
	padding: 0.5em 1.8em 0.0em 3.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #6F6F6F;
}

#letri p:first-letter {
float:left;
margin: 0.1em 0.3em 0.0em 0.0em;
padding: 0.2em;
line-height: 1.1em;
font-family: Verdana, Arial, Geneva, Tahoma, Helvetica, "Trebuchet MS", sans-serif;
font-size: 3.0em;
font-weight: bold;
color: #6F6F6F;
border: 2px solid #CFCFCF;
background-image: url("images/fd-lettrine2.jpg");
}

#expo {
margin: 0em 1em 0.3em 2.5em;
padding: 0.3em;
border: 1px solid #DFDFDF;
}

/************** Positionnement des photos ****************/
.photo {
float: left;
margin: 0.5em 1.0em 0.2em 3.5em;
padding: 0.3em;
border: 2px solid #DFDFDF;
}

.accueil {
margin: 0.0em 1.0em 0.2em 3.5em;
padding: 0.0em;
border: 0px solid #DFDFDF;
}

.cadredumois {
margin: 0em 1em 0.3em 3.5em;
padding: 0.3em;
border: 1px solid #DFDFDF;
}

.photoexpo {
float: left;
width: 225px;
margin: 0em 0.1em 0.3em 0.8em;
padding: 0.2em;
border: 1px solid #DFDFDF;
}

/************** Loupe ****************/

#planbox {
/*position: relative; 
left: 15px; 
top: 0px;
width: 100%;
/*height: 300px;*/
margin: 0.8em;
padding: 0.5em 1.0em;
text-align: center;
border: 0px solid #DFDFDF;
/*background: #D5EE9B;*/
}

#planbox a {
	margin: 0.0em;
	padding: 0.3em;
	font-size: 0.9em;
	color: #6F6F6F;
}

#box {
position: absolute; /*sinon le curseur ne se positionne pas sous la souris*/
left: 31%; /*on positionne l'image sur la page*/
top: 800px;
width: 400px;
height: 280px;
z-index:5;
overflow: hidden; /*tout ce qui dépasse du conteneur est caché; sinon on aperçoit le curseur avant le lancement du script*/
border: 2px solid #DFDFDF;
}

#curseur {
position: absolute; /*sinon le curseur ne suit pas la souris*/
width: 150px;
height: 90px;
background: url(images/plan.jpg) no-repeat;
z-index: 100;
margin-left: 0px;
margin-top: 0px;
top: -100px; /*la position de départ du curseur, au chargement de la page, avant le mouvement de souris*/
left: -150px;
}

#infos {
	margin: 0.0em;
	padding: 0.5em 1.0em 0.3em 0.5em;
}

#infos p {
	margin: 0.0em 0.5em 0.5em 0.5em;
	padding: 0.3em 0.5em 0.3em 3.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #6F6F6F;
}

/************** Style switcher ****************
#style {
position: absolute;
right: 35px;
bottom: 15px;
width: 110px;
margin: 0px 0px 0px 0px;
padding: 0px;
font-size: 0.7em;
text-align: center;
color: #6F6F6F;
}

#style ul {
margin: 0 5px;
padding:0px;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}

#style a {
padding:0px;
color: #6F6F6F;
}
/************** FIN Style switcher ****************/
/************** MENU déroulant vertical ****************/

#menu_gauche {
width: 85%;
margin: 0em auto;
padding: 0.2em 0.0em;
border: 1px solid #5F4423;
-moz-border-radius: 8px;
background-color:#F1FFCF;
}

#liste {
margin: 0em 0.5em;
padding: 0.3em 0.5em;
width: 95%;
}

#liste ul {
margin: 0px;
padding: 0em 0em 0em 0.0em;
}

#liste li {
list-style-type: none;
margin: 0.3em 0;
}

#liste li a {
display: block;
width: 85%;
border-width: 1px;
border-color: #FFDAB9 #A0522D #A0522D #FFDAB9;
border-style: solid;
margin: 0em;
padding: 0.2em 0em;
text-decoration: none;
text-align: center;
font-size: 0.9em;
/*font-weight: bold; */
color: #CF0069;
background: #D5EE9B;
}

#liste li a:hover {
color: #4F381D;
background: #C7EF77;
border-color: #000080 #87CEEB #87CEEB #000080;
}

#smenu1 li, #smenu2 li, #smenu3 li, #smenu4 li{
margin: 0px;
padding: 0.3em 0em;
width: 100%;
}
#smenu1 li a, #smenu2 li a, #smenu3 li a, #smenu4 li a{
color: #fff;
background: #8F7A62;
font-size: 0.7em;
}
/****************** FIN MENU ****************/

/********** Mise en page formulaire *****/
#form {
  width: 400px;
	margin: 1.5em 0.5em 1.0em 3.0em;
	padding: 1em;
	border: 3px solid #5F4629;
	background-color:#F1FFCF;
	-moz-border-radius: 12px;
}

#form p {
	margin: 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
  font-family: Tahoma, "Trebuchet MS", Geneva, Verdana, Arial, Helvetica,  sans-serif;
	font-size: 0.9em;
	color: #8F0049;
	background: transparent;
 	}

fieldset {
	margin: 0em auto;
	padding: 0.2em 0.2em 0.2em 0.2em;
	width: 93%; 
	background-color:#F1FFCF;
}

.etiket {
 	width: 35%;
	float: left;
	text-align: right;
	padding: 0.2em 0.5em 0.2em 0.2em;
 	}
 
 input, select, textarea { 
 	font-size:1.1em; 
 	font-family:Verdana,sans-serif; 
 	font-weight:normal; 
	color: #CF0069;
 	}
  
 input:focus, textarea:focus { 
	color: #4F381D;
	background-color:#DFCFC3; 
 	}
  
/* .champ { 
 	background-color:#CFCFCF; 
 	width:280px; 
 	border:0px solid #DDDDDD; 
 	}*/

 .bouton { 
 	background-color:#D5EE9B; 
 	color:#CF0069; 
 	font-weight: bold; 
 	width:100px; 
 	border:1px solid #CF0069; 
 	}

#retourform {
	float: left; 
  width: 350px;
	margin: 45px 55px;
	padding: 1em;
	border: 2px solid #5F4629;
	background-color:#F1FFCF;
	text-align: center;
  color:#5F4629; 
	-moz-border-radius: 12px;
}
/********* FIN Mise en page formulaire *******/

/*********** Tableau cours *******************/
#horaire {
	position: relative;
  width: 400px;
	top: 0.5em;
	left: 0.5em;
	text-align: justify;
	margin: 1.5em auto 2em ;
	padding: 0em;
	border: 4px solid #4F381D;
	background: #BFA48F;
 	}
	
#horaire table {
  width: 100%;
	margin: 0px;
	padding: 0.2em;	
 	}
		
#horaire td {
	padding: 0.5em 0.3em;
	font-family: Verdana, Arial, Tahoma, Geneva, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight : bold; 
	line-height: 1.1em;
	text-align: center;
	color: #E3FF9F;
	border: 1px solid #4F381D;
 	}
		
#horaire p {
	padding: 0.5em;
	font-family: Verdana, Arial, Tahoma, Geneva, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight : bold; 
	line-height: 1.0em;
	text-align: center;
	color: #4F381D;
	background: #F1FFCF;
 	}
/************ Fin  Tableau cours ************/

h1 {
margin: 0.2em 0.2em 0.5em 2em;
padding: 0.2em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-style: normal;
color: #5F4629;
background-color:#FFF;
}

h3 {
margin: 0.2em 1.5em 0.2em 3.5em;
padding: 0.1em 1.5em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.0em;
font-style: normal;
font-weight: bold; 
color: #4F381D;
background-color:#ECEFE0;
}


a span { /* définition de la balise <span> inclue dans <a> */
display: none;
border: 0px;
}
a:hover span { /* définition de la balise <span> au survol */
display: block;
position: absolute;
top: 25%; /* positions et dimensions du calque, que vous pouvez changer à loisir */
left: 25%;
margin: 0px;
padding: 0.6em 1.0em 0.5em 0.0em;
text-decoration: none;
text-align: center;
color: white;
border-top: 8px ridge #AF8B78;
border-right: 8px groove #7F563F;
border-bottom: 8px groove #6F4229;
border-left: 8px ridge #8F6C59;
background-color: #F6FFDF;
}

/*********** Galerie photo cadres *******************/
#galerie {
background-color:#FFF;
margin-top: 0em;
margin-right: 1.5em;
margin-bottom: 1em;
margin-left: 200px;
padding: 0.0em;
border-left: 1px solid #DFDFDF;
border-right: 0px solid #DFDFDF;
}

#galerie h3 {
margin: 0.0em 1.8em;
padding: 0.1em 1.5em;
}

#galerie p {
margin: 0.5em 1.0em 0.5em 1.8em;
padding: 0.2em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
background-color:#FFF;
}

#catego {
float: left; 
width: 100%;
margin: 0.2em 0.0em 1.0em 1.4em;
padding: 0.0em;
}

#catego ul {
margin: 0.0em;
padding: 0.0em;
}

#catego li {
display: inline;
margin: 0.0em;
padding: 0.0em;
list-style-type: none;
}

#catego li a {
				position: relative;
        DISPLAY: block; 
        FLOAT: left; 
				width: 17%;
				height: 25px;
				margin: 0.2em 0.3em;
				padding: 0.4em;
				font-family: Verdana, Geneva, Arial, Helvetica, Tahoma, "Trebuchet MS",  sans-serif;
				font-size: 0.8em;
        FONT-WEIGHT: bold; 
				text-align: center;
				color: #9F135A;
        BACKGROUND: #F1FFCF; 
				-moz-border-radius: 5px;
}

#catego A {
				color: #7F6547;
/*        TEXT-DECORATION: none*/
}

#catego A:hover {
        COLOR: #fff ;
				background: #9F135A;
}
#catego A:active {
        COLOR: green ;
}

#catego #current2 A {
				background: #7F6547;
        COLOR: #C7EF77;
				border: 0px solid #9F135A;
}

#zoneaff {
float:left;
width: 94%;
height: 500px;
margin: 0.2em 0.5em 1.0em 1.6em;
padding: 0.2em;
border: 5px solid #BFBFBF;
background-color:#EFEFEF;
background: url(images/fd_zoneaff2.jpg) repeat;
-moz-border-radius: 12px;
}

#vignette {
float:left;
width: 260px;
margin: 0.2em 0.2em 1.0em 0.2em;
padding: 0.0em;
border: 2px dotted #CFCFCF;
background-color:transparent;
z-index: 200;
}

#vignette ul {
margin: 0.0em;
padding: 0.0em;
}

#vignette li {
display: block;
float:left;
margin: 0.5em;
padding: 0.0em;
list-style-type: none;
font-family: Verdana, Geneva, Arial, Helvetica, Tahoma, "Trebuchet MS",  sans-serif;
font-size: 0.8em;
color: #6F6F6F;
border: 0px solid #9F135A;
}

.mini {
width: 50px;
height: 50px;
margin: 0.0em;
padding: 0.0em;
}

.mini-desc {
float:left;
width: 50px;
height: 50px;
margin: 0.0em;
padding: 0.5em;
}

#vignette a {
text-decoration: none;
}

#vignette a span { /* définition de la balise <span> inclue dans <a> */
display: none;
border: 0px;
}
#vignette a:hover span { /* définition de la balise <span> au survol */
display: block;
position: absolute;
top: 42%; /* positions et dimensions du calque, que vous pouvez changer à loisir */
left: 57%;
margin: 0px;
padding: 0.5em 0.5em 0.5em 0.5em;
text-decoration: none;
text-align: center;
color: white;
border: 2px solid #9F135A;
z-index: 100;
}

/******** INFO Bulle ************/
#catego li a span {
	display: none;
	}

#catego li a:hover span {
	display: block;
	position: absolute;
	left: -20px;
	top: 75px;
	width: 200px;
	z-index: 100;
	padding: 0.5em;
	text-decoration: none;
	text-align: center;
	color: #7F6547;
	background-color: #efefef;
	border: 2px solid #CE5284;
	-moz-border-radius: 5px;
}

#smallt {
	margin: 0.0em;
	padding: 0.0em 0.5em 0.3em 3.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: center;
	color: #6F6F6F;
}