/* css Zen Garden submission 017 - 'Golden Mean' by Douglas Bowman, http://www.stopdesign.com/ */
/* css released under Creative Commons ShareAlike License v1.0 - http://creativecommons.org/licenses/sa/1.0/  */
/* All associated graphics copyright 2003,  Douglas Bowman*/


/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the designer's written permission. */
/* The CSS itself may freely be used for anything you wish, but the associated graphics belong to the designer. */
/* What you may use - .css files. What you may not use - .jpg, .gif, and .png files. */


/* Design and CSS created by Douglas Bowman */
/* www.stopdesign.com */

/* structure
--------------------------------- */
body {
  margin:0;
  padding:0;
  background:#EBE8D0 url(../../images/accueil/body.gif) repeat-x left top;
  color:#333;
  text-align:center;
  font:x-small Georgia,Serif;
  voice-family: "\"}\""; voice-family:inherit;
  font-size:small;
  } 
  
html>body {
  font-size:small;
  }

#container {
	position:relative;
	width:750px;
	margin:0px auto;
	text-align:left;
	left: 2px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999966;
	border-right-color: #999966;
	border-bottom-color: #999966;
	border-left-color: #999966;
	border-top-width: 0px;
	border-bottom-width: 1px;
	padding: 0px;




  }
  
#intro {
  }


/* hidden text
--------------------------------- */
h1, h2, h3 {
  margin:0;
  background-repeat:no-repeat;
  background-position:left top;
  }
  
h1 span
  display:none;
	}
	
 h2 span  {
  display:inline;
  font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, sans-serif;
  font-weight:normal;
  font-size:95%;
  color:#616623;
  background-color:transparent;
  line-height:1.3em;
  text-align:center;
	}

h3 span, #quickSummary p.p1 span {
  font-family: Georgia,Serif;
  font-weight:normal;
  font-size:100%;
  color:#616623;
  background-color:#EBE8D0;
  line-height:1.3em;
  text-align:center;
	}
  
/* header and summary
--------------------------------- */
#pageHeader h1 {
	height: 60px;
	margin: 0px;



  }
#pageHeader h2 {
	height:115px;
	background: url(../../images/menu/lueur1_en.jpg) no-repeat left top;
	margin: 0px;

  
  }
#quickSummary p.p1 {
  height:36px;
  margin:0px;
  }
#quickSummary p.p2 {
	position:absolute;
	top:120px;
	left:2px;
	width:750px;
	margin:0px;
	font-size:93%;
	line-height:1.3em;
	text-align:center;
	color:#A79355;
	height: 27px;

  }
#quickSummary p.p2 a:visited {
  white-space:nowrap;
  font:bold 92%/1.3em Verdana,Arial,Sans-serif;
  text-transform:uppercase;
  }


/* preamble
--------------------------------- */
#preamble {
	position:absolute;
	top:223px;
	width:180px;
	right: 0px;

  }
#preamble h3 {
  height:44px;
  background-image: url(../../images/accueil/note.gif);
  }
#preamble p {
  margin:.5em 0;
  font-size:93%;
  font-style:italic;
  line-height:1.7em;
  color:#66472E;
  }


/* supporting text
--------------------------------- */
#supportingText {
	border-bottom:0px solid #BDAF83;
	border-top: 0px solid #A79355;
	border-right: 1px solid #A79355;
	border-left: 1px solid #A79355;
	margin-right: 200px;
	margin-left: 200px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;





  }
#supportingText p {
	line-height:1.5em;
	padding:0 20px;
	margin-right: 0;
	margin-bottom: 0.75em;
	margin-left: 0;
	margin-top: 0.75em;

  }
#supportingText h3 {
	height:80px;
	background-color:#D9D98B;
	margin-top: 0em;
	margin-bottom: 0.5em;
	border-top: 1px solid #A79355;
	border-right: 0px solid #A79355;
	border-bottom: 1px solid #A79355;
	border-left: 0px solid #A79355;

  }
#explanation h3 {
	height:80px;
	background-image: url(../../images/accueil/lieu2_en.jpg);
	margin:0px 0px 10px;
	border-top-width: 0px;
}
#participation h3 {
	background-image: url(../../images/accueil/bg_vivre_en.gif);
	height: 40px;
}
#benefits h3 {
	background-image: url(../../images/accueil/bg_venir_en.gif);
	height: 40px;
}
#requirements h3 {background-image: url(bg_requirements2.jpg);}


/* link list structure
--------------------------------- */
#linkList {
	position:absolute;
	width:180px;
	top: 223px;

  }
  
  #linkList ul {
	font-size:90%;
	margin-top: 1em;
	margin-bottom: 1.5em;
	list-style-image: none;
	list-style-type: none;



  }

#linkList h3 {height:23px;}
#lselect h3 {background-image: url(../../images/accueil/themes_en.gif); height:41px;}
#larchives h3 {background-image: url(../../images/accueil/atelier_en.gif); height:30px;}
#lresources h3 {background-image: url(../../images/accueil/hotellerie_en.gif); height:30px;}

#linkList ul li {
	background: url(../../images/outils/beige.gif) no-repeat 2px;
	line-height:1.5em;
	color:#A79355;
	padding-left: 14px;
	margin-bottom: 0.5em;


  }

  /* link list typo et bullets
--------------------------------- */

#linkList li a:link, #linkList li a:visited {
  font-family:Verdana,Arial,Sans-serif;
  font-weight:bold;
  }
#linkList #lselect li {
	background: url(../../images/outils/brun.gif) no-repeat 2px 9px;
	color:#A79355;

  }

#linkList #larchives li {
  background: url(../../images/outils/pale.gif) no-repeat 2px 20%;
  color:#616623;
  }

#linkList #lselect a:link, #linkList #lselect a:visited {
	display: block;
}
#linkList #lselect a.c:visited {
  display:inline;
  font-family:Georgia,Serif;
  font-weight:normal;
  color:#616623;
  background-color:transparent;
  text-transform:lowercase;
  }


/* footer
--------------------------------- */
#footer {
	background:#D9D98B url(bg_pattern.gif);
	color:#fff;
	margin:1.75em 0 0;
	padding:10px 20px;
	font:10px Verdana,Arial,Sans-serif;
	text-align:center;
	border-top: 1px solid #A79355;
	border-right: 0px solid #A79355;
	border-bottom: 0px solid #A79355;
	border-left: 0px solid #A79355;

  }
#footer a:link, #footer a:visited {
  padding:0 5px;
  font-weight:normal;
  }


/* links
--------------------------------- */
a:link, a:visited {
  color:#703F0E;
  background-color:transparent;
  font-weight:bold;
  text-decoration:none;
  }
a:hover {
  color:#616623;
  background-color:transparent;
  text-decoration:underline;
  }


/* misc
--------------------------------- */
acronym {border-width:0;}

#quickSummary p.p2 a:link { 
  white-space:nowrap;
  font:bold 94%/1.3em Verdana, Arial, Sans-serif;
  text-transform:uppercase;
 } 
 
#langue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #999900;
	background-position: right;
	text-decoration: none;
	text-align: right;
}

#langue a:link{
	color: #999900;
}

#linkList #lselect a.c:link { 
  display:inline;
  font-family:Georgia,Serif;
  font-weight:normal;
  color:#616623;
  text-transform:lowercase;
 } 
.fondMenu {
	filter: Alpha(Opacity=50%);
	background-image: url(../../images/menu/fondtransp_1.gif);

}
.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC6633;
	font-weight: bold;
}
.citation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	font-style: italic;
	color: #CC6633;
}
.texteJustifie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
}
.texteGauche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
}
.texteDroit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
}
.texteCentre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}
.legende {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	font-style: italic;
}