/* Combined style sheet for the index pages and the slide pages. */

/* Style for all bodies and to control the margin on top. */

body { margin: 0 0 0 0; padding: 0 0 0 0; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; color: #909000; background-color: #91ac3e; }
html {
	scrollbar-face-color: #b5cc72;
	scrollbar-arrow-color: #000000;
	scrollbar-base-color: #111111;
	scrollbar-shadow-color: #111111;
	scrollbar-darkshadow-color: #000000;
	scrollbar-highlight-color: #333333;
	scrollbar-3dlight-color: #666666;
	scrollbar-track-color: #333333;
}

 h1 {
   font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif;
   font-size: 15px;
   font-weight: bold;
   text-align: CENTER;
   color: #5f4431;
   }
   
   h2 {
   font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif;
   width: auto;
   font-size: 18px;
   font-weight: bolder;

   text-align: left;
   color: #5f4431;
   }
    h3 {
   font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif;
   font-size: 15px;
   font-weight: bold;
   text-align: CENTER;
   color: #5f4431;
   }

#header {
        margin: 20px 20px 0px 20px;
        padding-top: 10px;
        border-bottom: none;
        background-image:URL(fondheader.jpg);
        text-align: left;
        width: auto;
        height: 50px;
        }

#header img    { border: none; }
#header .logo  { margin-left: 6px; }
#header .titre { margin-left: 28px; }

#header2 {
         height: 50px;
         margin: 0px 20px 0px 20px;
         padding: 2px;
         border: 1px solid #727272;
         border-top: none;
         background-color: #666666;
         }

#header2 img { float: right; border-style: none; width: 32px; height: 20px; margin-left: 5px; }

#title { position: relative; z-index: 40; top: 20px; margin-right: 0px; margin-left: 0px; text-align: left; border: 1px solid #727272; height: 55px; background-image:URL(Fond_menu1.jpg);}
html>body #title {  background-image: URL(Fond_menu1.jpg); }



#navtop           { position: absolute; z-index: 60; top: 105px; margin-right: 100px; margin-left: 10px; text-align: left; border: none;  cursor: pointer;}


html>body #navtop { margin-left: 50px; height: 10px; }

#navtop dl       { display: block; float: left; width: 160px; margin-top: 4px; margin-left: 3px;text-align: center;border: 1px solid #B7CD74;}
#navtop dt       { display: block; border: 1px solid #909090; height: 17px; text-align: center; padding: 0px;  }
#navtop dt:hover { display: block; border: 1px solid #E8AE00; font-weight: bold; }
#navtop dd       { display: none; }

#navtop ul           { display: block; width: 160px; margin-left: -40px; padding: 0 0 0 0; border: 1px solid #AAAAOO; background-image:URL(Fond_menu2.jpg); background-repeat: repeat; }
#navtop li        { display: block; height: 15px;  text-align: center; margin: 1px; padding-bottom: 2px; }
#navtop li :hover { display: block; height: 15px; border: 1px solid #E8AE00; }

#navtop a:link    { display: block; color: #909000; text-decoration: none; }
#navtop a:visited { display: block; color: #909000; text-decoration: none; }
#navtop a:hover   { display: block; color: #909000; font-weight: bold; text-decoration: none; }

#navtop p.rem { color: #D0D0D0; font-weight: bold; margin: 3px 0 0 12px; }

#navtop dl dt a       { color: #909000; text-decoration: none; border: none; }
#navtop dl dt a:hover { color: #909000; text-decoration: none; border: none; }
#middle {
        z-index: 25;

        position: relative;
        width: auto;
        height: auto;
        margin: 20px 20px 20px 20px;
        text-align: left;
        color: #ffffff;
        background-repeat: no-repeat;
        }

/* Style for the Top bar */
.topbar {
	
	background-color: #000000;
	background-image: url(topbar.gif);
	background-repeat: repeat-x;
	height: 25px;
	margin-top:  20px;
}
.etiquette  { color: #000000; font-weight: bold; background: #e8AE00; border: 1px solid #A0A0A0;width: 150px;list-style-type: none;text-align: center; }
/* Style for the Top ruler */
.topruler {
}

/* Style for the Bottom bar */
.bottomruler {
}

/* Style for the Image/Folder Path Information */
.bpppath {
	font-size: 12px;
	font-weight: bold;
	color: #FAFAFA;
}

/* Style for the Image/Folder Index Information */
.bppindex {
	color: #B7CD74;
}

/* Style for the Header */
.bppheader {
	color: #D0D0D0; /*RAC!! was 636363*/
}

/* Style for the Footer */
.bppfooter {
	color: #D0D0D0; /*RAC!! was 636363*/
}

/* Style for the page body */
.pagebody {
	background-color: #91AC3E; /*RAC!! was F7FBFF*/
	padding: 10px;

}
.pagebody ul{
 /*RAC!! was F7FBFF*/
	margin-left: 0px;

}
/* Style for the Image Comment */
.comment {
	color: #D0D0D0; /*RAC!! was 585858*/
	font-size: 10px;
}

/* Style for any note/comment */
.note {
	color: #D0D0D0; /*RAC!! was 585858*/
	font-size: 10px;
}

.imageexif {
	position:absolute;
	left:73px;
	top:104px;
	width: 380px;
	z-index:1;
	background-color: #FFFFCC;
	layer-background-color: #FFFFFF;
	color: #999999;
	visibility: hidden;

	padding: 5px 5px 5px 5px;
}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}


/* Custom link styles */
a:active {
	text-decoration: none;
	color: #FAFAFA; /*RAC!! was black*/
}

a:visited {
	text-decoration: none;
	color: #FAFAFA; /*RAC!! was black*/
}

a:hover {
	text-decoration: none;
	color: red;
}

a:link {
	text-decoration: none;
	color: #FAFAFA; /*RAC!! was black*/
}

a.footer:active {
	text-decoration: none;
	color: #B4D2F8; /*RAC!! was black*/
}

a.footer:visited {
	text-decoration: none;
	color: #B4D2F8; /*RAC!! was black*/
}

a.footer:hover {
	text-decoration: none;
	color: red;
}

a.footer:link {
	text-decoration: none;
	color: #B4D2F8; /*RAC!! was black*/
}

a.note:active {
	text-decoration: none;
	color: #FAFAFA;
}

a.note:visited {
	text-decoration: none;
	color: #FAFAFA;
}

a.note:hover {
	text-decoration: none;
	color: red;
}

a.note:link {
	text-decoration: none;
	color: #FAFAFA;
}

a.path:active {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FAFAFA;
}

a.path:visited {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FAFAFA;
}

a.path:hover {
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
	color: #FAFAFA;
}

a.path:link {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FAFAFA;
}
td img {border: none;}