/* Feuille de style pour Deborah Davis
 * Version: 0.1
 * Date: 28-11-2008
 * Auteur: Eric Asselin
 * Courriel: me@ericasselin.com
 */

/* Définit les styles par défaut et centre le site*/
body {
  background-color:#ffffff;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.wrapper {
  /* les 3 lignes suivantes servent à centrer le site d'une largeur fixe*/
	position:absolute;
	left:50%;
	width:868px;
	margin-left:-500px;
	/***********************/
	background-color:#ffffff;
	padding:0px 66px 30px 66px;
}

/* Header Accueil-----------------------------------*/
.header-accueil {
	background:url('../images/entete.jpeg') no-repeat;
	height:115px;
	width:868px;
}

.head-menu-accueil {
  float:right;
  padding:27px 0px 0px 0px;
  font-size:14px;
}

ul#head-menu-accueil {
	list-style-type:none;
	margin:0px;/*don't change. IE shows padding below UL*/
	padding:15px 0px 15px 30px;
}

#head-menu-accueil li {
}

#head-menu-accueil a {
	padding:0px 0px 0px 0px;
	overflow: hidden;
	text-decoration:none;
	color:#8f8f8f;
	text-transform:uppercase;
	font-size:14px;
}

#head-menu-accueil a:hover, #head-menu-accueil a.active{
	color:#000000;
}

#nav-header {
	list-style-type:none;
	margin:0px;/*don't change. IE shows padding below UL*/
	overflow: hidden;
	padding:30px 0px 0px 20px;
}

#nav-header li {
	float:left;
	border-left:2px solid #8f8f8f;
	padding:0px 10px;
}

#nav-header li:first-child {
	border-left:none;
}

#nav-header li a {
	padding:0px 0px 0px 0px;
	text-decoration:none;
	color:#8f8f8f;
	text-transform:uppercase;
	font-size:12px;
	line-height:12px;
	display:block;
}

#nav-header li a:hover, #nav-header li a.active{
	color:#000000;
}

#facebook img,
#facebook-gal img  {
	border:none;
}

#facebook,
#facebook-gal {
	display:block;
	float:right;
	position:relative;
}

#facebook {bottom:25px;}
#facebook-gal {bottom:55px;}
	

/* Galeries------------------------------------- */
#gal-wrp {
	margin:30px 0px 20px 10px;
}

.nav-galerie {
	list-style-type:none;
	margin:0px;/*don't change. IE shows padding below UL*/
	overflow: hidden;
	padding:5px 0px 5px 0px;
}

.nav-galerie li {
	float:left;
	border-left:2px solid #8f8f8f;
	padding:0px 10px;
	color:#666666;
	text-transform:uppercase;
	font-size:12px;
	line-height:12px;
	font-weight:bold;
}

.nav-galerie li:first-child {
	border-left:none;
}

.nav-galerie li.current a {color:#333333;}

.nav-galerie li a {
	padding:0px 0px 0px 0px;
	text-decoration:none;
	color:#8f8f8f;
	text-transform:none;
	font-size:12px;
	line-height:12px;
	display:block;
}

.nav-galerie li a:hover, .nav-galerie li a.active{
	color:#333333;
}




/* Header frtm-----------------------------------*/
.header-frtm {
	background-image:url('../images/ent-tm.jpg');
	height:106px;
	width:868px;
}

.header-frtm img{
	border:none;
}

.header-frtm a{
	overflow: hidden;
	text-decoration:none;
}

.header-frtm a:hover, .header-frtm a.active{
	text-decoration:none;
}

.head-menu-frtm {
  float:right;
  padding:43px 0px 0px 0px;
  font-size:14px;
}

/* Header frgr-----------------------------------*/
.header-frgr {
	background-image:url('../images/ent-gr.jpg');
	height:106px;
	width:868px;
}

.header-frgr img{
	border:none;
}

.header-frgr a{
	overflow: hidden;
	text-decoration:none;
}

.header-frgr a:hover, .header-frgr a.active{
	text-decoration:none;
}

.head-menu-frgr {
  float:right;
  padding:43px 0px 0px 0px;
  font-size:14px;
}

/* Header fril-----------------------------------*/
.header-fril {
	background-image:url('../images/ent-il.jpg');
	height:106px;
	width:868px;
}

.header-fril img{
	border:none;
}

.header-fril a{
	overflow: hidden;
	text-decoration:none;
}

.header-fril a:hover, .header-fril a.active{
	text-decoration:none;
}

.head-menu-fril {
  float:right;
  padding:43px 0px 0px 0px;
  font-size:14px;
}

/* Menu sur une ligne -----------------------*/
#menu {
  padding-bottom:50px;
}

#menu img{
	border:none;
}

#menu a{
	overflow: hidden;
	text-decoration:none;
}

#menu a:hover, #menu a.active{
	text-decoration:none;
}

/* Menu1 sur une ligne -----------------------*/
#menu1 {
  padding-bottom:0px;
  font-size:13px;
  font-weight:bold;
  color:#afafaf;
}

#menu1 img{
	border:none;
}

#menu1 a{
	overflow: hidden;
	text-decoration:none;
	color:#000000;
}

#menu1 a:hover, #menu1 a.active{
	text-decoration:none;
}

/* Contenu principal du site ----------------*/
.content {
	background-image:url('../images/boite-cadre.jpg');
  height:456px;
	width:867px;
}

#texte-bienvenue {
  padding:5px 30px 5px 30px;
  height:74px;
  color:#1f1d1f;
  font-size:12px;
}

#texte-bienvenue p {
	margin:0px;
	color:#999999;
}

#texte-mot {
  padding:30px 60px 30px 60px;
  height:74px;
  color:#666666;
  font-size:14px;
}

#texte-mot p {
	margin:20px 0px;
	color:#999999;
}

#legende {
  font-size:12px;
  padding-right:15px;
}

/* Footer -----------------------------------*/
.footer {
	background-color:#ffffff;
	padding:5px 0px 0px 0px;
	text-transform:uppercase;
	font-size:10px;
	color:#888888;
}

#nav-footer {
	list-style-type:none;
	margin:0px;/*don't change. IE shows padding below UL*/
	overflow: hidden;
	padding:30px 0px 30px 0px;
}

#nav-footer li {
	float:left;
	border-left:2px solid #8f8f8f;
	padding:0px 10px;
}

#nav-footer li:first-child {
	border-left:none;
	padding-left:0px;
}

#nav-footer li a {
	padding:0px 0px 0px 0px;
	text-decoration:none;
	color:#8f8f8f;
	text-transform:uppercase;
	font-size:12px;
	line-height:12px;
	display:block;
}

#nav-footer li a:hover, #nav-footer li a.active{
	color:#000000;
}

.footer img{
	border:none;
}

.footer a{
	overflow: hidden;
	text-decoration:none;
	color:#888888;
}

.footer a:hover, #menu a.active{
	text-decoration:none;
}

#credits {
	padding-left:25px;
}

/* Corrige un bug dans IE qui créer un espace après une image*/
img {
display:block
}