body {
	text-align : center;

	/*background-color : #f3f3f3;*/
	background-color : #D7E0EA;

	margin : 0;
	padding : 0;

	/*background-image : url(../images/page-fond.jpg);
	background-repeat : repeat-x;
	background-position : left top;*/

	/*margin-top : 15px;*/
	margin-bottom : 15px;
}

#page {
	text-align : left;

	position : relative;

	width : 775px;
	margin : auto;

	background-color : #fff;

	border-left : 1px solid #000;
	border-right : 1px solid #000;
	/*border-top : 2px solid #000;*/
	border-bottom : 2px solid #000;
}

/*--------------------------------------------------------------------
/* ENTETE
/**/

#entete {
	position : relative;

	margin-top : 20px;
	margin-left: 0px;

	width : 775px;
	height : 145px;
}

#entete #entete-menu {
	position : absolute;
	z-index : 100;

	right : 5px;
	top : 127px;
	color : #fff;

	font-size : 11px;
}

#entete #entete-menu .separateur {
	text-indent : -9000px;
	overflow : hidden;

	width : 1px;
	height : 18px;

	float : right;

	margin-left : 7px;
	margin-right : 7px;

	background-image : url(../images/entete-menu-separateur.gif);
}

#entete #entete-menu a {
	color : #e4e4e4;
	text-decoration : none;
	float : right;

	line-height : 14px;
}

#entete #entete-menu a:hover {
	color : #fff;
	text-decoration : underline;
}

#entete #entete-photos {
	position : absolute;
	z-index : 10;

	right : 12px;
	top : 53px;
}

#entete #entete-photos img {
	margin-left : 5px;
}

/*--------------------------------------------------------------------
/* OUTILS
/**/

#outils {
	position : absolute;

	margin : 0;
	padding : 0;
	
	list-style-type : none;

	top : 176px;
	right : 10px;
}

#outils a {
	text-indent : -9000px;
	overflow : hidden;

	position : absolute;
	display : block;
}

#outils #imprimerLaPage {
	right : 34px;
	top : 0;

	width : 19px;
	height : 18px;

	background-image : url(../images/icone-imprimer.gif);
}

#outils #envoyerUnAmi {
	right : 0;
	top : 0;

	width : 26px;
	height : 18px;

	background-image : url(../images/icone-envoyerUnAmi.gif);
}

#outils #imprimerLaPage:hover,
#outils #envoyerUnAmi:hover {
	background-position : left bottom;
}



#documents li {
	font-size: 12px;
}


/*--------------------------------------------------------------------
/* EMPLACEMENT
/**/

#emplacement {
	margin-left : 345px;

	margin-top : 12px;
	margin-bottom : 12px;

	margin-right : 100px;

	font-size : 11px;
	color : #6F1100;
}

#emplacement a {
	color : #6F1100;
	text-decoration : none;
}

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

/*--------------------------------------------------------------------
/* MENU
/**/

#menu,
#menu_profil,
#menu_service,
#menu_outils,
#menu_liens,
#menu_contact {
	margin : 0;
	padding : 0;

	list-style-type : none;

	width : 291px;
	height : 266px;

	margin-left : 29px;
	
	background-repeat : no-repeat;
	
	position : absolute;
}

/* arrière plan par défaut */
#menu {
	background-image : url(../images/menu-fond2.jpg);
}

/* arrière-plan pour la section contact */
#page_8 #menu {
	background-image : url(../images/menu-fond-contact.jpg);
}

/* arrière-plan pour les pages courtes */
#page_2 #menu,
#page_9 #menu,
#page_10 #menu,
#page_11 #menu,
#page_27 #menu,
#page_13 #menu {
	background-image : url(../images/menu-fond.jpg);
}

#menu_profil {
	background-image : url(../images/menu-fond.jpg);
}

#menu_service {
	background-image : url(../images/menu-fond.jpg);
}

#menu_outils {
	background-image : url(../images/menu-fond.jpg);
}

#menu_liens {
	background-image : url(../images/menu-fond.jpg);
}

#menu_contact {
	background-image : url(../images/menu-fond.jpg);
}

#menu li {
	margin : 0;
	padding : 0;
	position : absolute;
}

* html #menu li {
	display : inline;
}

#menu a {
	display : block;

	text-indent : -9000px;
	overflow : hidden;

	position : absolute;
}

/*--------------------------------------------------------------------
/* CONTENU
/**/

#contenu {
	float : right;
	position : relative;
	width : 368px;

	margin-right : 10px;

	padding-left : 26px;
	padding-right : 26px;

	background-image : url(../images/contenu-fond.jpg);
	background-repeat : repeat-x;
	background-position : top left;

	min-height : 280px;
}

* html #contenu {
	margin-right : 5px;
	height : 280px;
}

#contenu h1 {
	margin : 0;
	padding : 0;

	position : relative;
	left : -10px;
	padding-left : 10px;

	font-size : large;
	line-height : 125%;

	padding-top : 1em;
	padding-bottom : 5px;
	margin-bottom : 1em;

	background-image : url(../images/titre-fond.jpg);
	background-repeat : no-repeat;
	background-position : left bottom;
}

#hautDeLaPage {
	height : 16px;
}

#hautDeLaPage a {
	position : absolute;
	right : 10px;
	
	display : block;
	width : 16px;
	height : 16px;
	text-indent : -9000px;

	overflow : hidden;
	background-image : url(../images/hautDeLaPage.gif);
	background-position : left top;
}

* html #hautDeLaPage a {
	bottom : 0;
}

#hautDeLaPage a:hover {
	background-position : 0px 16px;
}

/*--------------------------------------------------------------------
/* PIED
/**/

#pied {
	clear : both;
	position : relative;

	background-image : url(../images/pied-fond.jpg);
	background-repeat : no-repeat;
	background-position : left top;

	color : #808080;

	margin-top : 15px;
	margin-left : 29px;
	margin-right : 30px;
	margin-bottom : 8px;

	padding-top : 8px;

	height : 17px;

	font-size : 11px;
}



#pied #copyright {
	float : left;
}

#pied #conception {
	float : right;
}

#pied a {
	color : #808080;
}

#pied a:hover {
	color : #000;
}
/*--------------------------------------------------------------------
/* ALBUM PHOTOS
/**/

.photo_album {
	width: 150px;
	height: 135px;
	float: left;
	padding-right: 25px;
	text-align: center;
	
}

.albumDroite {
	width: 200px;
	padding-left: 50px;
	padding-right: 50px;
	height : 235px;
	float: right;
	text-align: center;
}

.albumGauche {
	width: 200px;
	padding-left: 50px;
	padding-right: 50px;
	height : 235px;
	float: left;
	text-align: center;
}


.lesMiniatures {
	margin-left : 18px;
	margin-top : 1em;
}

.barreLiensPages {
	text-align : center;

	margin-top : 1em;
	margin-bottom : 1em;
}

.barreLiensPages .pageEnCours {
	font-weight : bold;
}