body {
	background-color: #000;
	background-image: url(bg.body.png);
	color: #FFF;
	font: .8em "trebuchet MS", verdana, helvetica, sans-serif;	
	margin: 0;
	padding: 0;
	text-align: left;
}

h1 {
  font-size: 1.6em;
}

h2 {
  font-size: 1.3em;
}

a {
	color: #FFFFC0;
}

a:hover {
	text-decoration: none;
}

p {
  margin: 20px 20px 0;
}

ul {
  margin: 10px 10px 10px 20px;
  padding: 0;
}

li {
  margin: 0 0 0 20px;
  padding: 0;
  list-style-type: square;
}

form {

}

  form p {
    margin: 15px 0 0 20px;
  }
  
    form p label {
      display: block;
    }
    
    form p input {
      border: 1px solid #333;
      padding: 2px;
      width: 250px;
    }

    form p textarea {
      border: 1px solid #333;
      padding: 2px;
      width: 350px;
    }
    
    form p input:hover {
      border: 1px solid #ccc;
    }
    
#logo {
	position: absolute;
	width: 340px;
	height: 114px;
	background-image: url(logo.png);
	left: 50%;
	margin: 0 0 0 -500px;
	padding: 0;
}

#logo span {
	position: absolute;
	margin-top: -1976px;
}

/*
  Layout
*/
#header {
  height: 200px;
  background-image: url(bg.header.png);
  background-repeat: repeat-x;
  position: relative;
}

#menu {
  position: absolute;
  left: 50%;
  height: 115px;
  margin: 0 0 0 -90px;
  padding: 0;
}

  #menu li{
    float: left;
    margin: 0 10px;
    padding: 0;
    list-style-type: none;
  }
  
    #menu li a{
      display: block;
      height: 115px;
    }
    
    #menu li a:hover, #menu li a.current{
      background-position: bottom;
    }
    
      #menu li a span{
        position: absolute;
        margin-top: -1976px;
      }
    
    #menu_home {
      background-image: url(bg_menu-accueil.png);
      width: 52px;
    }

    #menu_photos {
      background-image: url(bg_menu-galeries-photos.png);
      width: 53px;
    }

    #menu_bio {
      background-image: url(bg_menu-biographie.png);
      width: 74px;
    }

    #menu_tarifs {
      background-image: url(bg_menu-tarifs-et-prestations.png);
      width: 137px;
    }

    #menu_contact {
      background-image: url(bg_menu-contact.png);
      width: 63px;
    }

    #menu_faqs {
      background-image: url(bg_menu-faqs.png);
      width: 34px;
    }    

    #menu_blog {
      background-image: url(bg_menu-blog.png);
      width: 35px;
    }    
    
    #tribal {
      position: absolute;
      top: 134px;
      left: 50%;
      margin-left: 403px;
    }

#ariane {
  position: absolute;
  width: 1000px;
  top: 150px;
  left: 50%;
  margin-left: -500px;
  height: 20px;
}
  #ariane li {
    float: left;
    margin-left:  30px;
    font-style: italic;
  } 
    
#content {
	width: 600px;
	margin: 0 auto;
}

.signature {
  text-align: right;
}

#footer {
  margin-top: 10px;
  text-align: center;
  height: 32px;
}
  #footer p {
    line-height: 32px;
    font-size: .9em;
    margin: 0;
    padding: 0;
  }

.content {
  width: 1000px;
  height: 500px;
  border: 1px solid #242424;  
  margin: 0 auto;
  overflow: hidden;
  position: relative;  
  background-color: #000;
}

p.message {
	margin: 20px;
	text-align: center;
}

/*
  Homepage
*/
#content_home {
  
}

  #content_intro {
    z-index: 998;
    top: 0;
    left: 0;
    position: absolute;
    width: 340px;
    height: 480px;
    padding: 10px;
    text-align: justify;
    background-image: url(bg_alpha.png);
    !background-image: none;/* tous les IE */
  }
  #content_intro {
    !background-color: #000;/* tous les IE */
  }


  img.diaporama {
    top: 0;
    left: 0;
    position: absolute;
    z-index: 99;
  }

  img.hide {
    display: none;
  }

#diaporama_menu {
  position: absolute;
  top: 430px;
  left: 10px;
  z-index: 999;
  margin: 0;
  padding: 0;
} 

  #diaporama_menu li{
    float: left;
    list-style-type: none;
    margin: 0 10px 0 5px;
    padding: 0;
  }
  
    #diaporama_menu li a{
      display: block;
      width: 50px;
      height: 50px;
      border: 0px solid #333;
	  padding: 2px;
    } 

    #diaporama_menu li a.current, #diaporama_menu li a:hover{
      border: 2px solid #CCC;
	  padding: 0;
    }
    
      #diaporama_menu li a img{
        border: 0;
      }  
  
    
/*
  Galeries
*/
#galeries_content {
  height: auto;
  position: relative;
}

#galeries_content h1 {
  padding: 10px;
}

#galeries_content p {
	margin: 0 10px 20px;
}

ul.galeries_thumbs {
	margin: 10px auto;
	width: 900px;
	height: 350px; 	
}

	ul.galeries_thumbs li{
		float: left;
		list-style-type: none;
		margin: 0 10px 15px;
	}

		ul.galeries_thumbs li a{
			display: block;
			width: 100px;
			height: 100px;
			border: 1px solid #000;
		}
		ul.galeries_thumbs li a:hover{
			border: 1px solid #FFF;
		}

			ul.galeries_thumbs li a img{
				border: 0;
			}


.galeries {
  margin: 20px auto;
  padding: 0;
  height: 480px;
  width: 850px;

}

  .galeries li {
    float: left;
    list-style-type: none;
    margin: 0 40px 40px 40px;
    padding: 0;
  }

    .galeries li a{
      border: 1px solid #333;
      display: block;
      width: 200px;
      height: 200px;
    }

    .galeries li a:hover{
      border: 1px solid #CCC;
    }
      
      .galeries li a img{
        border: 0;
      }

.photo_frame {
	display: block;
	margin: 20px auto;
	padding: 2px;
	border: 1px solid #333;
	position: relative;
}

	.photo_frame img{
		display: block;	
		z-index: 98;
	}

	

a.thumb_navigation {
	position: absolute;
	top: 250px;
	border: 1px solid #333;
}
a.thumb_navigation:hover {
	border: 1px solid #FFF;
}


a.thumb_navigation img {
	border: 0;
	display: block;
}

#previous_photo {
	left: 20px;
}

#next_photo {
	right: 20px;	
}

/*
  Bio
*/
#content_bio {
  z-index: 998;
  top: 0;
  left: 0;
  position: absolute;
  width: 480px;
  height: 480px;
  padding: 10px;
  text-align: justify;
  background-image: url(bg_alpha.png);
  !background-image: none;/* tous les IE */
}
#content_bio {
  !background-color: #000;/* tous les IE */
}
  
  #content_bio h1 {
    padding: 10px;
  }

/*
  SERVICES
*/
#content_services {
  z-index: 998;
  top: 0;
  right: 0;
  position: absolute;
  width: 480px;
  height: 480px;
  padding: 10px;
  text-align: justify;
  background-image: url(bg_alpha.png);
  !background-image: none;/* tous les IE */
}
#content_services {
  !background-color: #000;/* tous les IE */
}

/*
  CONTACT
*/
#content_contact {
  z-index: 998;
  top: 0;
  right: 0;
  position: absolute;
  width: 480px;
  height: 480px;
  padding: 10px;
  text-align: justify;
  background-image: url(bg_alpha.png);
  !background-image: none;/* tous les IE */
}
#content_contact {
  !background-color: #000;/* tous les IE */
}

/*
  FAQs
*/
#content_faqs {
  background-color: #121212;
  height: auto;
  padding: 20px;
}