body { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, Arial, sans-serif; font-size: 12px; font-weight: normal; text-align: center; line-height: 110%; margin: 0; background: url(images/body_bg.gif); }

table, tr, th, td { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, Arial, sans-serif; font-size: 11px; }

hr#decorative { background: none; border: none; border-top: 1px dotted #6B3363; }

/* #wrapper - centers content on the page */
#wrapper { width: 606px; margin: 0 auto; padding: 0; text-align: left; background: none; position: relative; }

/* #sitecontent - holds the content for the site and all other styles */
#sitecontent { width: 606px; /*top: 109px; */ background: #FFF url(images/fond.gif) 0 0 repeat-y; margin: 29px 0 0 0; padding: 0; position: relative; }

#footer { width: 606px; height: 87px; margin: 0; padding: 0; background: #FFF url(images/bas.gif) 0 0 no-repeat; }

#headimg { width: 556px; height: 198px; margin: 0; padding: 0; }

#intro { width: 460px; margin: 0; padding: 0;
}

/* #navigation, #sitenav - main site navigation elements */
#mainmenu {
background: transparent url("images/menu.gif") no-repeat top left;
margin-left: 45px;
}

#mainmenulist {
position: relative;
padding: 0;
margin: 10px 0 0;
width: 470px;
height: 20px;
	z-index: 200;
}

#mainmenulist li {
margin: 0; 
padding: 0; 
list-style: none;
position: absolute;
top: 0px;
}

#mainmenulist li, 
#mainmenulist li a {
height: 20px;
display: block;
}

#mainmenulist li a {
padding: 20px 0 0 0;
overflow: hidden;
height: 0px !important;
height /**/:20px;
}

#menu_accueil { left: 0px;   width: 60px; }
#menu_voir { left: 65px;  width: 42px; }
#menu_commander { left: 115px; width: 95px; }
#menu_stage { left: 215px; width: 50px; }
#menu_gite { left: 265px; width: 50px; }
#menu_sortie { left: 318px; width: 150px; }

#menu_accueil a { width: 60px; }
#menu_voir a { width: 42px; }
#menu_commander a { width: 95px; }
#menu_stage a { width: 50px; }
#menu_gite a { width: 50px; }
#menu_sortie a { width: 150px; }

#menu_accueil a:hover   { background: transparent url("images/menu.gif") -0px -43px no-repeat; }
#menu_voir a:hover   { background: transparent url("images/menu.gif") -65px -43px no-repeat; }
#menu_commander a:hover     { background: transparent url("images/menu.gif") -115px -43px no-repeat; }
#menu_stage a:hover     { background: transparent url("images/menu.gif") -215px -43px no-repeat; }
#menu_gite a:hover     { background: transparent url("images/menu.gif") -265px -43px no-repeat; }
#menu_sortie a:hover     { background: transparent url("images/menu.gif") -318px -43px no-repeat; }


#menu_accueil a.current { background: transparent url("images/menu.gif") no-repeat -0px -43px; }
#menu_voir a.current { background: transparent url("images/menu.gif") no-repeat -65px -43px; }
#menu_commander a.current { background: transparent url("images/menu.gif") no-repeat -115px -43px; }
#menu_stage a.current { background: transparent url("images/menu.gif") no-repeat -215px -43px; }
#menu_gite a.current { background: transparent url("images/menu.gif") no-repeat -265px -43px; }
#menu_sortie a.current { background: transparent url("images/menu.gif") no-repeat -318px -43px; }



/* #photo en haut */
#photo-index { position: absolute; display: block; top: -10px; right: -184px; z-index: 200; }
#photo-voir { position: absolute; display: block; top: -30px; right: -120px;
	z-index: auto;
}
#photo-commande { position: absolute; display: block; top: -20px; right: -161px; z-index: 200; }

/* #ombre image */

.img-shadow {
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
	margin: 20px 6px 26px -6px;
}

#mainbody { width: 490px; display: block; z-index: 10; background: none; padding: 20px 0 0 40px; margin: 46px 0 24px 10px; position: relative; voice-family: "\"}\""; voice-family: inherit; /* Mac IE5 Hack - IE ignores the stuff below \*/ margin: 0 0 24px 0; /* End of Mac IE5 Hack */ }

html>body> #mainbody { width: 490px; /* Be nice to Opera hack */ }

#copyright { color: #666; font-size: 10px; line-height: 140%; padding: 0 8px; margin-left: 30px; width: 500px; text-align: center;}

/* Text Heading Styles */
h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", serif; color: #50452E; font-weight: normal; padding: 0; margin: 0 0 4px 0; }
h1 { font-weight: normal; font-size: 24px; }
h1#welcomemsg { color: #354633; margin-top: 24px; line-height: 120%;}
h2 { font-size: 18px; margin-top: 14px; margin-bottom: 14px;}
h3 { font-size: 16px; margin-top: 18px; line-height: 120%; }
h4, h6 { font-size: 14px; color: #FE5E00; margin-top: 12px; }
h5 { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, Arial, sans-serif; font-size: 12px; color: #000; margin-top: 8px; font-weight: bold; }
p+h1 { margin-top: 24px; }

p { color: #000; margin: 0 0 8px 0; line-height: 150%; }
p img, p img a:link, p img a:visited, p img a:hover, p img a:active { border: 0; margin: 2px 8px 4px 0; padding: 0; float: left; }
p.descriptext { font-size: 12px; line-height: 150%; margin: 0 0 16px 10px; font-style: italic;  color: #666;}
p.descriptitre { font-size: 12px; line-height: 170%; margin: 0 0 16px; font-weight: bold;  color: #2c2c2c;}

/* Main Link styles */
a:link { color: #000; background: none; text-decoration: underline; }
a:visited { color: #B70005; background: none; text-decoration: underline; }
a:hover { color: #FFF; background-color: #000; text-decoration: none; }
a:active { color: #FFF; background-color: #B70005; text-decoration: none; }
#photo-index a:hover {
	background-color: transparent;
}

/* Copyright Link Styles */
#copyright a:link { color: #666; text-decoration: none; }
#copyright a:visited { color: #000; text-decoration: underline; }
#copyright a:hover { color: #FFF; background: #B70005; }
#copyright a:active { color: #FFF; background: #000; }

/* General List Styles */

#mainbody ul { list-style-type: none; padding: 0; margin: 0 4px 16px 0; }
#mainbody ul li { background: url(images/star.gif) 0 0 no-repeat; margin: 0; padding: 0 10px 4px 16px; line-height: 130%; }

ol { padding: 0; margin: 0 0 0 32px; }
ol li { margin: 2px 0 4px 0; padding: 0; background: none; line-height: 120%; }
li>p { margin: 8px 0 8px 0; }

dl dt, dl dd { margin: 0; padding: 0; line-height: 130%; }
dl dt { font-weight: bold; font-size: 12px; margin-top: 8px; }

p.quote { font-family: Georgia, Times, "Times New Roman", serif; font-size: 16px; font-weight: normal; font-style: italic; }

ul.videos { list-style-type: none; margin: 0; padding: 0 0 8px 0; }
ul.videos li { margin: 0; padding: 4px 0; background: none; line-height: 130%; }
p.videolinks, p.videolinks a { color: #999; }

.date {font-size: 14px; font-weight: bold; margin: 8px 0 2px 0;}
.nofloat { display: block; }
.floatleft {float: left; margin-right: 4px;}
#clearer {clear: both;}

.vert { color: #354633;}
.violet { color: #6B3363;}