/* CSS Document */


* {
  margin:0;
  padding:0; 
}

body {
  background-color:#6F4622;
  font-family:Trebuchet MS, Arial;
  text-align:center;
  color:#FFE08F;
}

a {
  color:#FFFFFF;
  font-weight:normal;
    padding:3px 10px;
}

p a {
  padding:0;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;

}

h2, h3, p, address, dl {
  padding:3px 10px;
}

p, dd {
  font-size:14px;
  line-height:16px;
}

h2 {
  margin:0;
  color:#FFFFFF;
}

h3 {
  padding:6px 10px 0;
}

li {
  list-style-image:none;
  list-style-position:inside;
  list-style-type:square;
  padding:0 10px;
  font-size:12px;
  line-height:15px;
}

dd {
  padding:0;
}

dt {
  padding:0;
  font-weight:bold;
} 

/********************************/
/*          HEADER              */
/********************************/



#header {
  margin:0 auto;
  width:1000px;
  height:140px;
  text-align:left;
  color:#5F3917;
}

#header h1 {
    text-align:left;
    color:#5F3917;
    font-size:2px;
    text-transform:uppercase;
    letter-spacing:10px;
    background:transparent url('images/logo.png') no-repeat scroll center center;
    _background:transparent url('images/logo.gif') no-repeat scroll center center;
    height:140px;
}

/********************************/
/*          MENU                */
/********************************/

#menu {
  background:#FFE08F url(images/menu.png) repeat scroll 0 0;
  border:medium none;
  font-size:11px;
  font-weight:bold;
  height:31px;
  letter-spacing:0;
  margin:0 auto;
  padding:0;
  text-align:center;
  text-transform:uppercase;
  width:1019px;
}

#menu ul {
  padding:14px 0 0;
}

#menu li {
  list-style-type:none;
  display:inline;
  font-family:Tahoma;
  padding:1px 18px;
}

#menu span {
  color:#AF9A62;
}

#menu a:link, #menu a:visited {
  color:#5F3917;
  text-decoration:none;
  padding:1px;
}

#menu a:hover {
  text-decoration:underline;
  padding:1px;
}

/********************************/
/*          CONTENU             */
/********************************/

#contentAccueil, #content {
  background:#5F3917 url(images/bg-cadre.png) repeat scroll 0 0;
  height:398px;
  margin:0 auto;
  padding:0;
  width:1019px;
}

#main {
  height:378px;
}

#text {
  height:252px;
  margin-bottom:0;
  margin-top:27px;
  overflow:auto;
}

#imgAccueil {
  float:left;
  width:500px;
  height:378px;
}

#pageContent {
  float:left;
  width:515px;
  _width:517px;
  text-align:justify;
}

div.image {
  float:left;
  height:378px;
  text-align:left;
  width:500px;
}

div.image img{
  border:1px solid #EFCE77;
  margin:5px;
  width:488px;
}


/********************************/
/*            PHOTO             */
/********************************/

#precedent, #suivant {
  width:22px;
  height:60px;
  _height:62px;
  color:#000000;
  font-weight:bold;
  background-color:#FFFFFF;
  float:left;
    
}

#precedent p, #suivant p {
  font-size:38px;
  padding:6px 0 0 0;
  color:#5F3412;
}

#precedent {
  background:transparent url('images/prev.gif') no-repeat scroll center center;
}

#suivant {
  background:transparent url('images/next.gif') no-repeat scroll center center;
}

#support {
  position:relative;
  width:446px;
  height:62px;
  overflow:hidden;
  float:left;
}

div#galerie {
  width:478px;
	margin:5px;
	_margin:5px 2px;
  padding:0;
	text-align: center ;
	font: 0.9em Georgia, serif ;
	float:left;
	height:366px;
  
}

ul#galerie_mini {
  float:left;
  margin:0;
  padding:0;
  width:900px;
}

ul#galerie_mini li {
	float: left ;
	list-style-type:none;
	padding:0;
	margin:0;
	_margin:0 4px 0 2px;
}

ul#galerie_mini li a {
	padding:0;
	margin:0;
}

ul#galerie_mini li a img {
  border:1px solid #FFFFFF;
  height:60px;
  margin:0;
  width:80px;
}

dl#photo {
	margin:30px auto 0;
}

dl#photo dt {
  display:none;
  padding:10px 3px;
}

dl#photo dd {
	margin: 0 ;
}

dl#photo img {
	border: 1px solid #FFFFFF ;
	width:400px;
}


/********************************/
/*          ACCUEIL             */
/********************************/

#cadrePhotoAccueil {
  margin:0 auto;
  width:880px;
}

div.photoAccueil {
  border:1px solid #FFFFFF;
  float:left;
  height:230px;
  margin:12px;
  _margin:10px;
  width:150px;
}

div.photoAccueil a {
  border:none;
  margin:0;
  padding:0;
  display:block;
  text-decoration:none;
}

div.photoAccueil a:hover {
  text-decoration:underline;
}

div.photoAccueil img {
  border:none;
  margin:0;
  padding:0;
  display:block;
}

div.photoAccueil span{
  display:block;
  width:150px;
  border-bottom:1px solid #FFFFFF;
}

#texteAccueil {
  clear:both;
  padding-top:40px;
}

#texteAccueil p {
  color:#FFFFFF;
  font-size:14px;
  font-style:italic;
}

div.rectangle {
  background-color:#FFE08F;
  border:1px solid #EFCE77;
  height:36px;
  margin:4px 0 0 4px;
  width:120px;
  float:left;
}


#r1 {background:#FFFFFF url('images/presquile.png') no-repeat scroll 9px 9px;}
#r2 {background:#FFFFFF url('images/plagebleue.png') no-repeat scroll 9px 9px;}
#r3 {background:#FFFFFF url('images/tennis.png') no-repeat scroll 9px 9px;}

/********************************/
/*          FOOTER              */
/********************************/

#footer {
  color:#FFE08F;
  height:25px;
  margin:0 auto;
  width:1000px;
}

#footer p {
  font-size:10px;
  letter-spacing:1px;
  text-align:center;
  text-transform:uppercase;
}

span.liensFooter a {
  color:#5F3612;
  text-transform:lowercase;
  font-size:8px;
  line-height:1px;
}