/* --------------------------------------------------------------------- */
/* |	Feuille de style pour le site maisondelareserve.fr	       | */
/* --------------------------------------------------------------------- */

body.pagegarde { 
	background-color: #e7ebb2; /* le beige clair du fond de page */
	font-size: 80%; }

body.galerie { background-color: #606060; /* un gris neutre */
	font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif;
	font-size: 80%; color: white; margin-left: 6px; padding-right: 6px; }

body {	background-color: #e7ebb2; /* le beige clair du fond de page */
	color: #57273d; /* le rouge fonce du texte */
	font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif;
	font-size: 100%; margin: 0px; padding: 0px; }

body.popup { background-color: #e7ebb2; /* le beige clair du fond de page */
	color: #57273d; /* le rouge fonce du texte */
	font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif;
	font-size: 100%; margin: 10px; padding: 0px; }

a:link	{ color: #884944; /* le marron clair */ text-decoration: none; }
body.galerie a { color: #e7ebb2;  text-decoration: underline; }
a:visited { color: #8c6060; /* marron eclairci */ text-decoration: none; }
a.linkpage	{ color: #57273d; /* le rouge fonce du texte */ }
a.current:hover	{ color: #57273d; /* le rouge fonce du texte */ }
a:hover	{ color: #336600; /* vert des liens */ text-decoration: underline; }

a.galerie	{ color : white; } 
a.galerie:hover { text-decoration: underline; }
a.current { color: #000000; /* noir */ }
img { border: none; }
.imgleft {  border: none; padding: 3px 6px 3px 0px; }
.imgup {    border: none; padding: 3px 0px 0px 0px; }
.imgright { border: none; padding: 3px 0px 3px 6px; }
.imgdown {  border: none; padding: 0px 0px 3px 0px; }

/* --------------------------------------------------------------------- */
#Container { height: auto; border: none #000000; margin: 0px;
	position: absolute; width: 100%; }
#Newsletter { height: auto; border: none #000000; 
	margin: 0px; width: 98%; }
#Trailer { border: none #000000; clear: both; height: auto; width: 98%;
	margin-bottom: 30px; margin-left: 184px; font-size: 70%; }
/* --------------------------------------------------------------------- */

.menu2 { background-color: #beba7c; /* le marron */
	display: block; float: left; font-size: 80%;
	height: 100%; margin: 0px; top: 0px;
	width: 165px; /* largeur menu gauche */ }
.menu2logo { margin-top: 3px; vertical-align: top; margin-right: 1px;
	padding: 1px; position: relative; height: 54px; }
#accueil .menu2logo img, #accueil .menu1 { display: none; }
.rsslink { float: right; margin-top: 4px; }

div.menu2 img { display: inline; margin-right: 0px;
	padding: 0px; vertical-align: middle; }
div.menu2 ul { list-style-type: none; margin: 0px; padding: 0px; }
div.menu2 li { font-weight: bold; padding: 2px 0px 1px 6px; }
div.menu2 li a:link { text-decoration: none; }
div.menu2 li a:visited { text-decoration: none; }
div.menu2 a.current { color: #000000; text-decoration: none; }
div.menu2 li a:hover { text-decoration: underline; }

.siteswitch { display: none; }
form.search { width: 144px; padding: 4px 0px 0px 6px; }
.coords { font-size : 90%; margin-bottom: 20px; }

form.galerie { padding:10px; width:450px; font-size: 100%; }
fieldset { padding:20px; margin-bottom:10px; }
legend { color: white; font-weight:bold; }
label { margin-top:20px; display:block; }
label.inline { display:inline }
input { border:1px solid black; background-color:#bebebe; }
select, option { background-color: #bebebe; }
input[type=submit] { border:2px outset #a6bede;
	font-weight:bold; cursor:pointer; }
input[type=submit]:hover { border:2px outset white;
	background-color:white; }
input[type=submit]:active { border:2px inset #A6BEDE;
	background-color:#a6bede; color:black; }
input:focus { background-color:white; }
/* --------------------------------------------------------------------- */
#Heading { margin-left: 165px; /* largeur menu gauche */
	background-color: #beba7c; /* le marron */ }

/* --------------------------------------------------------------------- */

.subcontent #Content { font-size: 95%; margin: 0px; padding: 0px;
	position: relative; width: 628px; }
#Content { font-size: 95%; margin-top: 0px; 
	margin-left: 184px; /* largeur menu gauche */
	padding-right: 0px; padding-top: 2px; position: relative;
	width: 628px; }
#Content a { color: #336600; }
#Content h2 { display: block; font-size: 120%; margin: 0px;
	padding: 0px; font-weight: normal; }
#Content h3 { font-size: 110%; font-weight: bold;
	margin-top: 0px; text-align: left; white-space: nowrap; }
#accueil h3 { font-size: 100%; }
#Content ul { list-style-type: none; }
/* --------------------------------------------------------------------- */
#rightmargin { position: absolute; display: block; top: 0px;
	left: 827px; width: 150px; height: auto; margin: 0px;
	padding: 0px; text-align: center; font-size: 90%; }

/* --------------------------------------------------------------------- */
.menu1 { font-size: 80%; margin-left: 20px; margin-bottom: 15px; top: 4px;
	padding-top: 1px; padding-bottom: 8px; position: relative; }
div.menu1 img { display: inline; margin-right: 6px; padding: 0px;
	vertical-align: middle; }
div.menu1 ul { display: inline; list-style-type: none; text-indent: 0px; 
	margin: 0px; padding: 0px; text-align: left; white-space: nowrap; }
div.menu1 li { display: inline; font-weight: bold; white-space: nowrap;
	     margin-left: 0px; padding: 0px; text-align: left; 
	     text-indent: 0px; }
div.menu1 li a:link { font-weight: bold; text-decoration: none; }
div.menu1 li a:hover { font-weight: bold; text-decoration: underline; }
div.menu1 a.current { color: #000000; text-decoration: none; }
/* --------------------------------------------------------------------- */
#HeaderCenter {
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 4pt;
	line-height: 200%;
	margin-left: 2px;
	margin-top: 2px;
	position: relative;
}
.hleft {
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 4pt;
	line-height: 200%;
	margin-left: 2px;
	margin-top: 2px;
	position: relative;
}

.hright {
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 4pt;
	line-height: 200%;
	margin-left: 2px;
	margin-top: 2px;
	position: relative;
	text-align: right;
	width: 625px;
}

.linkright {
        font-size: 110%;
	margin-top: 2px;
	margin-left: 2px;
	position: relative;
	text-align: right;
}

.linkright img {
	vertical-align: middle;
}

.linkleft {
	font-size: 110%;
	margin-left: 2px;
	margin-top: 2px;
	position: relative;
	text-align: left;
}

.linkleft img {
	vertical-align: middle;
}

.tabbed {
	margin-left: 40px;
}
/* --------------------------------------------------------------------- */
table { font-size: 100%; } 

td { padding: 5px; }

.adresse {
	color: #000000; /* noir */
}

.citation {
	font-size: 120%;
	font-style: italic;
}

.small {	
       margin-left: 6px;
       font-size: 80%;
}

.title {
       font-size: 110%;
       text-align: center;
}

.spaced { margin-top: 12px; }

.spacedsep { 
	   border-bottom: 1px dotted gray; 
	   margin-top: 12px; 
	   padding-bottom: 5px;
}

/* .pdflink { vertical-align: -30%; } */

.mainmsg { float: right; clear: right; width: 355px; }

.sidebyside { display: inline; }

.floatright { float: right; clear: right; }
.floatleft { float: left; clear: right; margin-right: 8px; }

.legende { font-size: 80%; text-align: center; }

.itineraire { background: url(images/plan2.gif) }

.image {
	text-align: center;
	margin-top: 5px;
	padding-bottom: 5px;
}

.news {
	border-bottom: 1px dotted gray;
	margin-top: 12px;
	padding-bottom: 5px;
}

.maj {
     float: right;
     margin-top: -20px;
     display: block;
     font-size: 80%;
     color: black;
}
.majphoto {
     float: right;
     margin-top: -15px;
     display: block;
     font-size: 80%;
     color: black;
}

.plansite {
	margin-top: 5px;
	margin-bottom: 10px;
}

.nextconf {
	font-size: 120%;
	margin-bottom: 12px;
	margin-top: 12px;
}

/* --------------------------------------------------------------------- */

.subcontent #Footer, .siteinfo, #Addrsite, .hidden {
	    display: none;
}

#Footer {
	clear: both;
	padding-top: 10px;
	display: block; 
	font-size: 70%;
	text-align: center;
}

#Footertext {
	/* left: -100px; */
	margin-left: 184px;     
	position: relative; 
	width: 628px;  
}

#FooterGalerie {
	clear: left;
	display: block;
	font-size: 80%;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	position: relative;
	text-align: center;
	width: 100%;
}

#Footer a:link { font-weight: normal; text-decoration: none; }
#Footer a:visited { text-decoration: none; }
#Footer a:hover { text-decoration: underline; }

.piedtrait { text-align: left; }
.piedmaison { float: left; width: 300px; height: 210px; position: relative; 
	top: -148px; background: url(images/pied_maison.gif); }

/* --------------------------------------------------------------------- */

tr.Header {
	background-color: #000066;
	border-width: 0px;
	color: white;
	font-size: 90%;
	text-align: left;
	font-weight: normal;
}
/* --------------------------------------------------------------------- */
form {
	clear: both;
	display: block;
	font-size: 80%;
	padding-top: 8px;
	width: 100%;
}

input {
	clear: right;
	margin: 2px;
}

textarea {
	margin: 2px;
}

select {
	margin: 2px;
}

.tabgalerie ul {
	display: inline; 
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.tabgalerie li {
	display: inline; 
	padding: 5px;
}

.tabgalerie img {
	text-align: center;
	vertical-align: middle;
}

.imgpresse {
	   margin: 5px;
	   padding: 10px 0px 3px 0px; 
	   display: inline;
	   text-align: center;
	   overflow: auto;
}

ul.hyphen {
        list-style-image: url(images/hyphen.gif);
        list-style-position: outside;
        margin: 0px;
        padding: 0px 0px 0px 1.5em;
}

/* page de garde */
#CadreMsg { 
	border: none; 
	left: 200px; 
	margin: 0 auto; 
	overflow: hidden;
	position: absolute; 
	top: 140px; 
	width: 600px; 
}

#MsgHeader { 
	border: none; 
 	color: inherit; 	
	height: 18px; 
	overflow: hidden; 
 	position: relative; 
	width: 580px; 
}

#defile { 
	background-color:transparent; 
	position:absolute; 	
}

p.important { text-decoration: blink; }
.highlight { color: red; }

.error { 
       color: #ff0000;
       font-weight: bold;
       margin-top: 20pt;
}

#acces .acces, #actus .actus, 
#anims .anims, #association .association, 
#boutique .boutique, #confs .confs, 
#documents .documents, #equipe .equipe, 
#expos .expos, #galeries .galeries,
#infos .infos, #liens .liens, 
#maison .maison, #manifs .manifs, 
#presse .presse, #reserve .reserve, 
#sorties .sorties
{
  color: #57273d; /* le rouge fonce du texte */
}

#Plansite { display: inline; }

div#tooltip {
   position:absolute;
   visibility:hidden;
   z-index:100;
   background-color:#FFEEC7;
   border:1px solid black;
   padding:0.2em;
   font-size:0.8em;
}

div.fauneflore img { margin: 1px; }

div.rbut { background-color: #360; width: 128px; margin-left: 8px;
	   line-height: 28px; font-weight: bold; text-align: center; }
div.rbut a { color: white; text-decoration: none;}

@media print {
body { background-color: white; color: black; font-size: 12pt; 
	margin: 0px; padding: 0px; page-break-inside: auto; }
a:link	{ color: black; text-decoration: underline; }
img { border: none; }
#Container { position: static; }
.menu1, .menu2, #Heading, #Plansite, .noprint, #rightmargin { display: none; }
.siteinfo { text-align: center; padding-top: 2px; font-size: 110%;
	font-weight: bold; display: inline; }
#Content { margin: 0px; padding: 0px; position: static;
	page-break-inside: auto; width: 100%; }
#Addrsite { display: inline; }
.news { border-bottom: 1px dotted gray; margin-top: 12px;
	padding-bottom: 5px; page-break-inside: avoid; }
#Footer { clear: both; display: block; font-size: 70%;
	margin: 0px; padding-bottom: 0px; padding-top: 12px;
	position: static; text-align: center; width: 100%; }
#Footertext { margin-left: 0px; position: relative; width: 100%; }

}

/* TODO: @media handheld */