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

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

body, td { color: #4D4B4C; }

#header {
  position: relative;
  width: 933px;
  height: auto !important;
  height: 114px;
  min-height: 114px;
  margin: 0 auto;
  margin-top: 50px;
  color: #5D7BB3;
  text-align: left;
}
#header.accueil { margin-top: 100px; height: 30px; min-height: 30px; }
#header img.titre {
  position: absolute;
  top: 0;
  left: 0;
}
#header img.accueil {
  position: absolute;
  top: 0;
  right: 0;
}
#header h2 { font-size: 9px; /* texte caché par l'image */ }


#phrase {
  position: absolute;
  top: 0;
  right: 0;
  width: 660px;
}
#phraseImg {
  position: absolute;
  top: 0;
  right: 0;
}


#content {
  position: relative;
  width: 933px;
  margin: 0 auto;
  text-align: left;
}



#present {
  position: relative;
  margin-top: 10px;
  height: auto !important;
  height: 100px;
  min-height: 100px;
	border:1px solid #beb7b5;
	font-size:11px;
	color:#3D4E6F;
	padding:10px;
	line-height:1.6em;
}




#visuel, #contact  {
  position: relative;
  float: left;
  width: 261px;
  margin-top: 4px;
  height: 419px;
}
#contact {
  width: 671px;
}
#formulaire {
  position: relative;
  float: left;
  width: 291px;
  margin-top: 15px;
}
#carte {
  position: relative;
  float: left;
  width: 380px;
  text-align: center;
  margin-top: 15px;
}
#loi {
  font-size: 10px;
  font-style: italic;
  color: #8f8b82;
}

#barre1, .space3, #barre2 {
  position: relative;
  float: left;
  height: 21px;
  margin-top: 1px;
}
.space3 { width: 1px; font-size:1px; }
#barre1 {
  background: #cbc6c4;
  width: 261px;
}
#barre2 {
  background: #807571;
  width: 671px;
}



/* ########### MENU ############# */
#menu { height: 31px; }
#menu2 { height: 35px; }
#menu a, #menu2 a {
  display: block;
  color: #000;
  float: left;
  height: 31px;
  line-height: 31px;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  font-variant: small-caps;
}
#menu2 a { height: 35px; line-height: 35px; }
#menu a strong, #menu2 a strong { display: none; visibility: hidden; }

a#m00 { background: url(../images/m00.gif) no-repeat; width: 248px; }
a#m01 { background: url(../images/m01.gif) no-repeat; width: 254px; }
a#m02 { background: url(../images/m02.gif) no-repeat; width: 254px; }
a#m03 { background: url(../images/m03.gif) no-repeat; width: 175px; }


a#m00a { background: url(../images/m00a.jpg) no-repeat; width: 270px; }
a#m01a { background: url(../images/m01a.jpg) no-repeat; width: 277px; }
a#m02a { background: url(../images/m02a.jpg) no-repeat; width: 197px; }
a#m03a { background: url(../images/m03a.jpg) no-repeat; width: 188px; }

#menu2 a:hover, #menu2 a.select { background-position: 0 -35px; }
/* ########### MENU ############# */





/* ######### GALERIE PHOTO ######## */
.espace { height: 20px; }

#ImgTaille1, #ImgTaille2, #ImgTaille3, .space, #ImageGrand {
  position: relative;
  float: left;
  overflow: hidden;
  height: 230px;
  background: #eee;
  text-align: center;
}
#ImgTaille1, #TitreTaille1 { width: 307px; }
#ImgTaille2, #TitreTaille2 { width: 307px; }
#ImgTaille3, #TitreTaille3 { width: 307px; }

#TitreTaille1, #TitreTaille2, #TitreTaille3, .space2, #ImageGrandTitre {
  position: relative;
  float: left;
  overflow: hidden;
  height: 22px;
  line-height: 22px;
  font-weight: bold;
  text-align: right;
  background: #807571;
  color: #fff;
  margin: 0;
  margin-top: 1px;
}
#TitreTaille1 a, #TitreTaille2 a, #TitreTaille3 a { color: #fff; }

.space, .space2 { width: 5px; background: none !important; }

#DescriptifImage {
  background: #ededed;
  color: #000;
  height: 258px;
}
#DescriptifImage .titre { display: block; margin-bottom: 7px; }
#texteDesc { position: relative; height: 258px; }
#texteDescriptif {
  position: absolute;
  bottom: 25px;
  left: 0;
  padding: 0 16px 0 12px;
}
#DescriptifImageTitre {
  height: 22px;
  background: #807571;
  margin-top: 1px;
}
/* navigation */
.navi {
  position: relative;
  clear: both;
  background: #e4e4e4;
  color: #786F6B;
  font-weight: bold;
  height: 21px;
  line-height: 21px;
  text-align: center;
  margin-top: 20px;
}
.navi a { color: #786f6b; text-decoration: underline; }
.navi div a {color: #b6aeab; text-decoration: none; }
.navi_left { position: absolute; top: 0!important; top: 4px; left: 5px; width: 22%; text-align: left; }
.navi_right { position: absolute; top: 0!important; top: 4px; right: 5px; width: 22%; text-align: right; }
/* navigation */
/* ######### GALERIE PHOTO ######## */






/* ######### CONTACT ########## */
#contact form { margin: 0; padding: 0; }
#contact br { clear: both; }
#contact label {
  position: relative;
  display: block;
  float: left;
  font-size: 11px;
  width: 78px;
  left: 23px;
  margin-top: 9px;
  color: #8f8b82;
}
#contact input, #contact select, #contact textarea {
  position: relative;
  left: 25px;
  float: left;
  margin-top: 9px;
  width: 168px;
  font: 11px verdana;
  border: 1px solid #8f8b82;
}
#contact textarea { height: 40px; overflow: auto; }
#contact label.large {
  width: auto;
  display: block;
  margin: 0;
}
#contact textarea.large {
  float: none;
  margin: 0;
  left: 23px;
  width: 248px;
  height: 80px;
}
#contact span.etoile.large { margin-top: -1px; }
#contact #clearButton {
  display: inline;
  left: 23px;
  margin: 5px 0 0;
  font-size: 12px;
  width: 123px;
}
#contact #submitButton {
  display: inline;
  left: 27px;
  margin: 5px 0 0;
  font-size: 12px;
  width: 123px;
}
span.etoile { color: #ff6c1c; }
#contact span.etoile { position: relative; float: left; left: 26px; margin-top: 6px; }
/* ######### CONTACT ########## */

* { outline: none; }





#bottom {
  position: relative;
  width: 933px;
  margin: 0 auto;
  margin-top: 25px;
}
#bottom a {
  color: #A1A692;
  font-size: 10px;
  font-weight: bold;
  text-decoration: underline;
}