body {
	margin : 0;
	padding : 0;

	background-color : #014B66;

	text-align : center;
}

#page {
	position : relative;

	width : 775px;

	margin : auto;
	padding-bottom : 1.5em;

	text-align : left;

	background-color : #fff;
	background-image : url(../images/page-fond.gif);
	background-repeat : repeat-y;
	background-position : 0px 164px;

	margin-top : 1em;

	overflow : hidden;
}

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

#entete {
	position : relative;

	width : 775px;
	height : 164px;

	background-image : url(../images/entete-fond.jpg);
}

#entete h2 {
	display : none;
}

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

	text-indent : -9000px;
	
	width : 292px;
	height : 160px;

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

	overflow : hidden;

	position : absolute;
	left : 16px;
	top : 3px;
}

#entete #dateAujourdhui {
	position : absolute;
	left : 485px;
	top : 10px;

	color : #fff;
}

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

#principal {
	padding-top : 45px;
	margin-left : 240px;
	margin-bottom : 2em;

	width : 520px;
}

#conteneur {
	background-image : url(../images/conteneur-fond.gif);
	background-repeat : no-repeat;
}

#contenu {
	float : left;

	min-height : 540px;
}

* html #contenu {
	height : 540px;
}

.contenu_mini {
	width : 325px;
}

.contenu_large {
	width: 520px;
	
}

/*--------------------------------------------------------------------
/* TITRE
/**/

#titre {
	position : relative;

	border-bottom : 2px solid #004B66;

	height : 23px;

	color : #fff;

	margin-bottom : 1.5em;
}

#titre #titre-fdl {
	position : absolute;
	left : -15px;
	top : -11px;

	width : 46px;
	height : 54px;

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

#titre #titre-centre {
	margin : 0;
	padding : 0;

	height : 19px;
	padding-left : 40px;
	padding-right : 10px;
	padding-top : 4px;
	letter-spacing : 1px;
	font-style:italic;

	float : left;

	background-color : #004B66;

	font-weight : normal;
	font-size : 13pt;
	line-height : 1em;
}

#titre #titre-droite {
	float : left;

	width : 16px;
	height : 23px;

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

/*--------------------------------------------------------------------
/* BARRE DROITE
/**/

#barre_droite {
	/*width : 177px;*/
	width : 190px;
	float : right;

	position : relative;
	top : -5px;
}

.encadre_droit {
	position : relative;

	width: 177px;
	margin-left : 13px;

	background-image : url(../images/encadre-fond.gif);

	margin-bottom : 1.5em;
}

.encadre_droit h1 {
	margin : 0;
	padding : 0;

	letter-spacing : 1px;
	font-style : italic;
	font-weight : normal;
	font-size : 13pt;
	color: #fff;

	padding-left : 40px;
	padding-top : 7px;
	/*width : 138px;*/
	height : 23px;

	background-image : url(../images/encadre-haut.gif);

	margin-bottom : 1em;
}

.encadre_droit h2 {
	margin : 0;
	padding : 0;

	margin-top : 1em;

	color: #004b66;
	font-weight : bold;
	font-size : 1em;
}

.encadre_droit a {
	color: #004b66;
}

.encadre_droit .encadre-droit-interieur {
	margin-left: 12px;
	margin-right: 12px;

	font-size : 0.85em;
	line-height : 1.5em;
}

.encadre_droit .encadre-droit-interieur p {
	margin-top : 0;
	margin-bottom : 1em;
}

.encadre_droit .encadre-bas {
	width: 177px;
	height: 13px;
	
	background-image : url(../images/encadre-bas.gif);

	overflow : hidden;
}

#encadre-icone-a_surveiller {
	position : absolute;
	top : -6px;
	left : -11px;

	width : 46px;
	height : 55px;

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

#encadre-icone-au_calendrier {
	position : absolute;
	top : 1px;
	left : -15px;

	width : 49px;
	height : 46px;

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

/*--------------------------------------------------------------------
/* LIENS RAPIDES
/**/

#liens_rapides {
	text-align : right;
}

#liens_rapides #bouton-publications {
	margin-bottom : 4px;
}

#liens_rapides #bouton-devenir_membre {
	margin-bottom : 4px;
}


#liens_rapides #bouton-section_jeunesse {
	margin-bottom : 4px;
}

#liens_rapides #bouton-album-photos {
}

#liens_rapides a img {
	border : 0;
}

/*--------------------------------------------------------------------
/* BARRE GAUCHE
/**/

#barre_gauche {
	position : absolute;
	left : 0;
	top : 164px;
}

#barre_gauche a {
	color : #fff;
	text-decoration : none;
}

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

#menu_haut {
	margin : 0;
	padding : 0;

	margin-top : 15px;

	list-style-type : none;
}

#menu_haut li {
	margin : 0;
	padding : 0;
	padding-left : 37px;

	float : left;
}

#menu {
	position : absolute;
	left : 0;
	top : 96px;

	margin : 0;
	padding : 0;

	list-style-type : none;

	width : 190px;
}

#menu li {
	background-image : url(../images/menu-element-fond.gif);
	background-repeat : no-repeat;
	height : 32px;
	padding-left : 37px;
	padding-top : 15px;
}

#info-gauche {
	position: absolute;
	top: 410px;
	left: 20px;
	margin: 0;
	width: 160px;
	
	font-size : .75em;
	
	color: #FFF;

}

#info-gauche p {
	margin-bottom: 10px;
}




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

#pied {
	position : relative;

	width : 520px;
	height : 1em;

	color : #006CA7;
	border-top : 1px solid #CDA87D;

	font-size : 10px;

	padding-top : 0.25em;

	margin-left : 240px;
}

#pied-gauche {
	position : absolute;
	width : 206px;
	height : 53px;

	left : 0;
	bottom : -1px;

	background-image : url(../images/pied-gauche.gif);

}

#pied a {
	color : #006CA7;
	text-decoration : none;
}

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

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

#pied #copyright {
	float : left;
	color : #CDA87D;
}

#pied #copyright a {
	color : #CDA87D;
}

#pied #conception {
	float : right;
}

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

#fil {
	width : 500px;
	height : 20px;
	overflow : hidden;

	position : absolute;
	top : 180px;
	left : 260px;
}

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

.lesMiniatures {
	/*margin-left : 20px;*/
	margin-top : 1em;
}

.lesMiniatures img {
	border: 0;
}

.uneMiniature {
	padding : 1px;
	border : 1px solid #999;
	background-color : #fafaff;

	margin-right : 15px;
	margin-bottom : 15px;

	float : left;

	text-align : center;
}

.uneMiniature img {
	/*margin-bottom : 4px;*/
}

.barreLiensPages {
	text-align : center;

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

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