body {
	margin : 0;
	padding : 0;

	background-color : #fff;
}

#page {
	position : relative;

	width : 1003px;
	padding-bottom : 1em;

	margin : auto;
}

#livres {
	position : absolute;
	left : -15px;
	bottom : -5px;

	width : 92px;
	height : 215px;

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


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

#entete {
	position : relative;

	height : 125px;

	background-image : url(../images/entete-fond.jpg);
	background-repeat : no-repeat;
	background-position : 0px 0px;

	overflow : hidden;
}

#logo {
	/*position : absolute;
	left : 9px;
	top : 10px;*/

	text-align : center;

	margin-top : 2px;
}

#logo img {
	border : 0;
}


#coordonnees {
	/*position : absolute;
	left : 9px;
	top : 170px;*/


	color : #842A36;
	text-align : center;
	font-size : 10px;
	letter-spacing : 1px;

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

#coordonnees_telephone {
	/*position : absolute;
	left : 9px;
	top : 170px;*/


	color : #842A36;
	text-align : center;
	font-weight : bold;
	font-size : 15px;
	letter-spacing : 1px;

	margin-bottom : 1em;
}

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

#entete-menu {
	position : absolute;
	right : 2px;
	bottom : 0;

	/*width : 417px;*/

	overflow : hidden;
}

.entete-menu-element {
	float : left;
	margin-left : 10px;
}

.entete-menu-element img {
	border : 0;
}

/*--------------------------------------------------------------------
/* RECHERCHE
/**/

#recherche {
	width : 256px;
	height : 44px;
	background-image : url(../images/recherche-fond.gif);

	/*margin-bottom : 65px;*/
}

#recherche form {
	margin : 0;
	padding : 0;
}

#recherche form .innerForm {
	padding-left : 23px;
	padding-top : 12px;
}

* html #recherche form .innerForm {
	padding-top : 11px;
}

#recherche label {
	color : #fff;
	font-size : 11px;

	vertical-align : middle;
}

#recherche input {
	vertical-align : middle;
}

#recherche #motsCles {
	font-family : tahoma;
	font-size : 11px;
	padding-left : 3px;

	width : 132px;
}

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

#menu1 {
	/*position : absolute;
	right : 0;
	top : 65px;*/

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

	margin-top : 20px;

	width : 225px;

	font-size : 12px;
	text-transform : uppercase;
	font-weight : bold;

	float : right;
}

#menu1 a {
	text-decoration : none;
	color : #842A36;
}

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

#menu1 .sectionActive {
	text-decoration : underline;
}



#menu1 li {
	background-image : url(../images/menu1-puce.gif);
	background-repeat : no-repeat;
	background-position : 0px 7px;
}

#menu1 .element {
	border-bottom : 1px solid #ACA19B;
	margin-left : 16px;
	padding-left : 18px;
	padding-top : 9px;
	padding-bottom : 9px;
}

#menu1 li ul {
	margin : 0;
	padding : 0;

	list-style-type : none;

	padding-top : 5px;
}

#menu1 li ul li {
	padding-top : 3px;
	padding-bottom : 2px;

	background : none;
	font-size : 10px;
	font-weight : normal;

	text-transform : none;

	color : #842A36;
}

* html #menu1 li ul li {
	padding : 0;
}

#menu1 li ul li a {
	color : #908179;
}

#menu1 .pageActive {
	text-decoration : underline;
	color : #842A36;
}

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

#menu2 {
	/*position : absolute;
	right : 0;
	top : 362px;*/

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

	width : 175px;

	font-size : 12px;
	text-transform : uppercase;
	font-weight : bold;

	float : right;

	margin-top : 50px;
}

#menu2 a {
	text-decoration : none;
	color : #842A36;
}

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

#menu2 .sectionActive {
	text-decoration : underline;
}

#menu2 li {
	background-image : url(../images/menu2-fond.gif);
	background-repeat : no-repeat;
	background-position : left bottom;

	padding-left : 35px;
	padding-top : 9px;
	padding-bottom : 9px;
}

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

#menu3 {
	/*position : absolute;
	right : 0;
	top : 550px;*/

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

	width : 180px;

	font-size : 9px;
	/*font-weight : bold;*/

	float : right;

	margin-top : 60px;
}

#menu3 a {
	text-decoration : none;
	color : #842A36;
}

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

#menu3 li {
	padding-left : 10px;
	padding-top : 6px;
	padding-bottom : 6px;

	border-bottom : 1px solid #C7C0BC;
}



/*--------------------------------------------------------------------
/* PRINCIPAL
/**/

#principal {
	/*width : 746px;*/
	background-image : url(../images/principal-fond.gif);
	background-repeat : repeat-y;
}


/*--------------------------------------------------------------------
/* PRINCIPAL GAUCHE
/**/


#principal-gauche {
	width : 256px;
	/*min-height : 820px;*/

	float : left;

	position : relative;
}

* html #principal-gauche {
	/*height : 820px;*/
}

#desjardins {
	/*position : absolute;
	top : 730px;
	left : 35px;*/

	width : 160px;
	padding-right : 10px;
	padding-bottom : 10px;

	margin-top : 15px;
	float : right;

	text-align : center;
}

#desjardins img {
	border : 0;
}

/*--------------------------------------------------------------------
/* PRINCIPAL DROITE
/**/


#principal-droite {
	width : 747px;
	float : right;

	background-image : url(../images/principal-droite-fond.jpg);
	background-repeat : no-repeat;
	background-position : 0px 125px;
}

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

#contenu-coche {
	position : relative;
	left : -16px;
	top : 0;

	width : 11px;
	height : 17px;

	background-image : url(../images/contenu-coche.gif);
}

#contenu {
	position : relative;
	
	margin-top : 20px;
	margin-bottom : 20px;
	margin-left : 45px;	
	margin-right : 60px;

	border-left : 1px solid #842A36;

	padding-left : 15px;
	padding-top : 26px;

	color : #78695E;
}

/*.page_accueil #contenu {
	margin-left : 315px;
	margin-right : 50px;
	padding-top : 50px;
}

.page_accueil #contenu-coche {
	top : -30px;
}*/

.page_accueil #contenu {
	border : none;
	margin-left : 20px;
	padding-left : 0;
	margin-right : 20px;
	padding-top : 5px;

	/*background-image : url(../images/contenu-accueil-fond.gif);
	background-repeat : repeat-y;
	background-position : -80px 0px*/
}

.page_accueil #contenu-coche {
	display : none;
}

#haut-de-page {
	margin-top : 15px;
	text-align: right;
	font-size: .8em;
}

#haut-de-page img {
	border: 0;
}

#haut-de-page a {
	border: 0;
	font-size: .8em;
}


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

#pied {
	position : relative;

	width : 721px;
	height : 42px;

	margin-left : 266px;

	background-image : url(../images/pied-fond.gif);
	background-repeat : no-repeat;

	color : #87736A;
	font-size : 9px;
}

#pied a {
	color : #87736A;
	text-decoration : none;
}

#pied a:hover {
	color : #222;
	text-decoration : underline;
}

#derniereMaj {
	position : absolute;
	left : 70px;
	top : 5px;
}

#copyright {
	position : absolute;
	left : 70px;
	bottom : 5px;
}

#pied-liens {
	position : absolute;
	right : 0;
	top : 5px;
}

#conception {
	position : absolute;
	right : 0;
	bottom : 5px;
}

/*--------------------------------------------------------------------
/* ACCUEIL
/**/

#accueil-bienvenue {
	/*position : absolute;
	top : 0;
	left : 0;*/

	margin-top : 27px;
	margin-left : 325px;
}

#accueil-photo {
	margin-top : 18px;
	margin-left : 19px;
}

#accueil-photo img {
	border : 1px solid #8A3D45;
}

/*#accueil-titre {
	position : absolute;
	top : 25px;
}*/

/*#accueil-horaire {
	position : absolute;
	left : -297px;
	top : 0;
}

* html #accueil-horaire {
	position : absolute;
	left : -312px;
	top : 0;
}*/

#accueil-gauche {
	float : left;
	width : 282px;
	overflow-x : hidden;

	padding-bottom : 1.5em;
}

#accueil-droite {
	float : right;
	width : 392px;
	overflow-x : hidden;

	padding-bottom : 1.5em;
}

* html #accueil-gauche {
	padding-top : 1em;
}


/*--------------------------------------------------------------------
/* FIL
/**/

#fil {
	position : absolute;
	left : 15px;
	top : 2px;

	font-size : 0.85em;
}

* html #fil {
	left : 0;
}

#fil a {
	color : #87736A;
}

#fil a:hover {
	color : #222;
}

#fil-pageEnCours {
	font-weight : bold;
}

/*--------------------------------------------------------------------
/* TABLEAU SUR ACCUEIL
/**/

#tableauAccueil {
	
}

#tableauAccueil td {
	vertical-align : top;
}

/*--------------------------------------------------------------------
/* ALBUM PHOTOS
/**/

.photo_album {
	width: 200px;
	height: 190px;
	float: left;
	padding-right: 7px;
	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;
}

/*---------------------------------------------------------------------
/* outils
/**/

#outils {
	position: absolute;
	left : 600px;
	top : 6px;
	width : 50px;
}

* html #outils {
	left : 585px;
}

#outils img {
	border: 0;
	margin-right: 5px;
}