/*	-------------------------------------------------------------
	FALGOS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Structure
	Nom fichier:	structure.css
	Version:		1.0
	Date:			06/02/2008
	-------------------------------------------------------------	*/




.clear { clear: both; }
.fleft { float: left; }
.center { text-align: center; }








#content, #outils, #bottom {
  position: relative;
  width: 963px;
  margin: 0 auto;
}
#outils {
  margin-top: 20px;
  text-align: right;
}
#content { background: #fff; }
#content.interne { padding: 3px 0; text-align: left; }




/* ########## MENU ########## */
#menu {
  position: relative;
  left: 4px;
  width: 955px;
  height: 20px;
  overflow:hidden;
  font-size:9px;
  overflow: none;
  background: #decfba;
  font-weight:bold;
  font-variant: small-caps;
  margin:0;
  padding:0;
  margin-bottom: 3px;
  list-style:none;
}
#menu li {
  position:relative;
  margin:0;
  padding:0;
  float: left;
}
#menu a { position:relative; display:block;  }
#menu a img { visibility:hidden; }
#menu a span { display: block; text-indent:-5000px; }
a#m00 { background: url(../images/m00.gif) no-repeat; }
a#m01 { background: url(../images/m01.gif) no-repeat; }
a#m02 { background: url(../images/m02.gif) no-repeat; }
a#m03 { background: url(../images/m03.gif) no-repeat; }
a#m04 { background: url(../images/m04.gif) no-repeat; }
a#m05 { background: url(../images/m05.gif) no-repeat; }
a#m06 { background: url(../images/m06.gif) no-repeat; }
#menu li.select a, #menu li a:hover { background-position: 0 -21px; }
/* ########### MENU ########### */












/* ############### ACCUEIL ################ */
#visu1, #visu2, #visu3 {
  position: relative;
  width: 317px;
  margin: 3px 0;
  left: 3px;
  height: 494px;
  overflow: hidden;
  float: left;
}
#visu2 { left:6px; }
#visu3 { left: 9px; }








#bouton1, #bouton2, #bouton3 {
  position: absolute;
  top: 360px;
  left: 0;
}




#bouton1 a:hover img, #bouton2 a:hover img, #bouton3 a:hover img {
  background: #fff; opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60);
}




#logo {
  position: absolute;
  top: 8px;
  left: 10px;
}
#slogan {
  position: absolute;
  top: 135px;
  left: 15px;
}








#block1, #block2, #block3 {
  position: relative;
  float: left;
  left:3px;
  height: 185px;
  overflow: hidden;
  text-align:left;
  margin-bottom: 3px;
}
#block1 { background: #C5B8A7; width: 316px; }
#block2 { background: #645042; width: 324px;  }
#block3 { background: #816E5D; width: 316px; }




#block1 img.titre { padding: 7px 7px 0 7px; }
#actualites {
  position: relative;
  font-size: 10px;
  padding: 7px;
}




#flashmail {
  position: absolute;
  bottom: 28px;
  left: 0;
  background: #8B7968;
  text-align:center;
  width: 315px;
}
#tarifs {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #736155;
  text-align:center;
  width: 315px;
}
#reservez {
  position: absolute;
  bottom: 0;
  left: 0;

  background: #513F33;
}
#visionnez {
  position: absolute;
  bottom: 0;
  left: 0;
}
#flashmail a:hover img, #tarifs a:hover img, #reservez a:hover img, #visionnez a:hover img, #video a:hover img { opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70); }
/* ############ ACCUEIL ############## */












/* ########### PAGE INTERNE ############# */
#TitrePage {
  display: block;
  font-size: 1.1em;
  margin-top: 6px;
  margin-bottom: 6px;
  text-transform: uppercase;
}
#SousTitrePage {
  display: block;
  font-size: 1.1em;
  text-decoration: underline;
  margin-bottom: 6px;
}
#DescPage { margin-bottom: 9px; }




#fond { background: url(../images/fond.gif) repeat-y;  }
#VisuLeft, #ColoneLeft, #ContentInt {
  position: relative;
  left: 4px;
  float: left;
  min-height: 500px;
  height: auto !important;
  height: 500px;
}
#ColoneLeft { font-size:12px; width:197px; padding-bottom: 130px; }
#ColoneLeft ul {
  list-style: none;
  margin: 5px 0;
  padding: 10px;
  color: #fff;
}
#ColoneLeft .ic_navArt { padding: 0pt 10px 20px; }
#ColoneLeft li.categorie { font-weight: bold; text-indent: -12px; margin-left: 12px; }
#ColoneLeft li.article { font-size: 0.9em; text-indent: -10px; margin-left: 12px; }
#ColoneLeft li.article a { color: #fff; }
#ColoneLeft li.article span { font-weight: bold; text-decoration: underline; }




#ContentInt { width: 453px; }
#SlogLeft, #TitreLeft {
  position: absolute;
  top: 9px;
  left: 9px;
}
#TitreLeft { top: 490px; }
#ColoneLeft img.logo { background: #837465; }
#outils_int {
  position: relative;
  margin-top: -20px;
  text-align: center;
}
#content_ic {
  padding: 10px;
}




#content_ic a {text-decoration: underline}
#content_ic a:hover {text-decoration: underline;}




#LogoBas {
  position: absolute;
  bottom: 10px;
  left: 350px;
}
/* ########### PAGE INTERNE ############# */
















/* ######### CONTACT ########## */
#contact {
  position: relative;
  background: #D7CAB9;
  text-align: left;
}
#contact div.title {
  background: #EDE1C9;
  border-bottom: 1px solid #C5B8A7;
  border-top: 1px solid #C5B8A7;
}
#contact div.title strong {
  display: block;
  font-size: 1.4em;
  padding: 1px 0 0 5px;
  font-weight: 900;
}
#contact div.title span {
  display: block;
  font-size: 1.2em;
  color: #847764;
  font-weight: 900;
  padding: 0 0 1px 5px;
}
#contact form { margin: 0; padding: 0; }
#contact br { clear: both; }
#contact label {
  position: relative;
  display: block;
  float: left;
  font-size: 1em;
  width: 8em;
  left: 70px;
  margin-top: 9px;
  color: #000;
}
#contact input, #contact select, #contact textarea {
  position: relative;
  left: 72px;
  float: left;
  margin-top: 9px;
  width: 168px;
  font: 1em verdana,arial,helvetica,sans-serif;
  border: 1px solid #3C3322;
}
#contact textarea { height: 40px; overflow: auto; }
#contact label.large {
  width: auto;
  display: block;
  margin: 0 0 4px 0;
}
#contact textarea.large {
  float: none;
  margin: 0;
  left: 72px;
  width: 248px;
  height: 80px;
}
#contact span.etoile.large { margin-top: -1px; }
#contact #clearButton {
  display: inline;
  left: 72px;
  margin: 5px 0 0;
  font-size: 1.1em;
  width: 123px;
  padding: 3px 0;
}
#contact #submitButton {
  display: inline;
  left: 76px;
  margin: 5px 0 0;
  font-size: 1.1em;
  width: 123px;
  padding: 3px 0;
}
div.title.bouton {
  height: 34px;
}
span.etoile { position: relative; color: #000; }
#contact span.etoile { float: left; left: 73px; margin-top: 6px; }




span#loi {
  display: block;
  margin: 8px 0;
  text-align: center;
  font-size: 0.9em;
  font-style: italic;
}
/* ######### CONTACT ########## */





#flags2 a img, #flags a img {
	-moz-opacity:0.5;
	opacity:0.5;
	filter: Alpha(Opacity=50);
}
#flags2 a:hover img, #flags a:hover img {
	-moz-opacity:1;
	opacity:1;
	filter: Alpha(Opacity=100);
}
#flags2 img, #flags img { border:1px solid black; }
























#bottom {
  margin: 10px auto;
}
#bottom * { font-size: 0.9em; }
#bottom a {
  color: #EBE2D5;
  font-weight: bold;
  text-decoration: underline;
}