

body {
	margin : 0;
	padding : 0;

	background-color : #146a81;
}

#page {
	margin : auto;
	width : 990px;

	margin-top : 1em;
}


/*--------------------------------------------------------------------
/* ENTETE
/**/

#entete {
	position : relative;

	/*background-image : url(../images/entete/entete_01.jpg);*/
	height : 307px;

	background-image : url(../images/entete/entete_01.jpg);
	background-repeat : no-repeat;
	background-position : 0px 69px;
}

#entete-overlay {
	position : absolute;
	left : 0;
	top : 0;
	z-index : 9;

	height : 307px;
	width : 990px;

	background-image : url(../images/entete-overlay.png);
}



* html #entete-overlay {
	background-image : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/entete-overlay.png');
}

#entete-menu {
	position : absolute;
	left : 54px;
	top : 38px;
	z-index : 10;
}

#entete-menu a img {
	border : 0;
}


/*--------------------------------------------------------------------
/* MENU
/**/

#menu {
	background-color : #fff;
	height : 47px;
	background-image : url(../images/menu-fond.gif);
	background-repeat : no-repeat;
	padding-left : 26px;
}

#menu a img {
	border : 0;
}

/*--------------------------------------------------------------------
/* PRINCIPAL
/**/

#principal {
	
	border-bottom : 10px solid #123a1d;

	background-color : #fff;
	background-repeat : repeat-y;
}

.pageAccueil #principal {
	background-image : url(../images/principal-fond.gif);
}

.pageTexte #principal {
	background-image : url(../images/principal-fond2.gif);
}


/*--------------------------------------------------------------------
/* COLONNE GAUCHE
/**/

#colonne_gauche {
	float : left;
	position: relative;

	width : 224px;
}

.pageAccueil #colonne_gauche {
	min-height : 543px;
	background-image : url(../images/colonne_gauche-fond.jpg);
	background-repeat : no-repeat;
	background-position : 0px -25px;

	/*padding-top : 77px;*/
}

* html .pageAccueil #colonne_gauche {
	height : 543px;
}

.pageTexte #colonne_gauche {
	min-height : 183px;
	background-image : url(../images/colonne_gauche-fond2.jpg);
	background-repeat : no-repeat;
	background-position : 0px -15px;
}

* html .pageTexte #colonne_gauche {
	height : 183px;
}


/*--------------------------------------------------------------------
/* À SURVEILLER
/**/

#a_surveiller {
	position : relative;

	width : 183px;
	margin-left : 23px;

	background-image : url(../images/a_surveiller-fond.gif);
	background-repeat : repeat-y;
}

#a_surveiller #a_surveiller-haut {
	background-image : url(../images/a_surveiller-haut.gif);
	background-repeat : no-repeat;

	height : 30px;
	overflow : hidden;
}

#a_surveiller #a_surveiller-bas {
	background-image : url(../images/a_surveiller-bas.gif);
	background-repeat : no-repeat;

	height : 6px;
	overflow : hidden;
}

#a_surveiller #a_surveiller-contenu {
	font-size : 11px;

	padding : 13px;
}

#a_surveiller #icone-trombonne {
	background-image : url(../images/icone-trombonne.png);

	width : 62px;
	height : 56px;

	position : absolute;
	top : -14px;
	left : 150px;
}

* html #a_surveiller #icone-trombonne {
	background-image : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icone-trombonne.png');
}


/*--------------------------------------------------------------------
/* LIEN RECHERCHE
/**/

#recherche {
	position : relative;
	padding-top : 22px;
	padding-bottom : 21px;
	padding-left : 58px;

	border-top : 3px solid #fff;

	
}

#recherche img {
	border : 0;
}

#recherche #icone-recherche {
	

	background-image : url(../images/icone-recherche.png);

	position : absolute;
	top : -5px;
	left : 14px;
	
	width : 66px;
	height : 66px;
}

* html #recherche #icone-recherche {
	background-image : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icone-recherche.png');
	left : -34px;
	
}


/*--------------------------------------------------------------------
/* LIENS DIRECTS
/**/

#liens_directs {
	margin-top : 35px;
}


#liens_directs .unLien {
	padding-top : 22px;
	padding-bottom : 21px;
	padding-left : 58px;

	border-top : 3px solid #fff;

	position : relative;
}

#liens_directs .unLien img {
	border : 0;
}

#liens_directs #icone-securite {
	width : 60px;
	height : 62px;

	background-image : url(../images/icone-securite.png);

	position : absolute;
	top : -8px;
	left : 16px;
}

* html #liens_directs #icone-securite {
	background-image : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icone-securite.png');
	
	width : 54px;
}

#liens_directs #icone-carte {
	width : 56px;
	height : 64px;

	background-image : url(../images/icone-carte.png);

	position : absolute;
	top : -16px;
	left : 21px;
}

* html #liens_directs #icone-carte {
	background-image : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icone-carte.png');
	left : -37px;
}

#liens_directs #icone-reglements {
	width : 55px;
	height : 61px;

	background-image : url(../images/icone-reglements.png);

	position : absolute;
	top : -12px;
	left : 21px;
}

* html #liens_directs #icone-reglements {
	background-image : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icone-reglements.png');
	left : -37px;
}

#liens_directs #icone-album_photos {
	width : 59px;
	height : 49px;

	background-image : url(../images/icone-album_photos.png);

	position : absolute;
	top : -8px;
	left : 24px;
}

* html #liens_directs #icone-album_photos {
	background-image : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icone-album_photos.png');
	left : -34px;
}






/*--------------------------------------------------------------------
/* MENU GAUCHE
/**/


#menu_gauche {
	padding : 10px 25px 25px 25px;
}

#menu_gauche ul {
	margin : 0;
	padding : 0;

	list-style-type : none;
}

#menu_gauche ul li {
	margin : 0;
	padding : 0;

	list-style-type : none;

	font-size : 15px;
	padding-bottom : 10px;
}

#menu_gauche ul li ul li {
	font-size : 12px;

	padding-top : 5px;
	padding-bottom : 0;
	padding-left : 20px;
}

#menu_gauche a {
	color : #12391d;
	text-decoration : none;
}

#menu_gauche a:hover {
	text-decoration : underline;
}

#menu_gauche a.actif {
	color : #fff;
}


/*--------------------------------------------------------------------
/* COLONNE DROITE
/**/

#colonne_droite {
	float : left;

	width : 690px;
	padding-left : 60px;
}


/*--------------------------------------------------------------------
/* CONTENU
/**/

#contenu {
	width : 650px;
	padding-top : 15px;

	margin-bottom : 1.5em;

	/*color : #939598;*/
	color : #616263;
}


/*--------------------------------------------------------------------
/* PIED
/**/

#pied {
	padding-top : 1em;
	padding-bottom : 1em;
	color : #7babb8;
}

#pied a {
	color : #7babb8;
}

#pied a:hover {
	color : #fff;
}

#pied #copyright {
	float : left;
}

#pied #conception {
	float : right;
}

/*--------------------------------------------------------------------
/* CALENDRIER
/**/
#calendrier {
	width: 602px;
	position: relative;
	padding-top: 15px;
}

#lienCalendrier {
	position: absolute;
	top: 30px;
	left: 60px;
	width: 100px;
	height: 25px;
}

#calendrier h2 {
	text-indent: -9000px;
	background-image: url(/images/calendrier.gif);
	background-repeat: no-repeat;
	width: 602px;
	height: 58px;
	margin: 0;
	padding: 0;
	border: 0;
}

#dateDuJour {
	position: absolute;
	right: 0;
	top: 0;
	color: #008eb0;
}

#lesEvenements {
	width: 570px;
	float: right;
	
	border-bottom: 2px solid #a5c9ca;
	border-left: 2px solid #a5c9ca;
	border-right: 2px solid #a5c9ca;
}

#toutes_les_activites {
	padding: 5px;
	padding-left: 25px;
	padding-bottom: 10px;
}

.evenement {
	position: relative;
	border-bottom: 1px solid #a5c9ca;
	margin: auto;
	width: 517px;
	padding: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
}

/*.evenement .titre {
	width: 375px;
	float: left;
	font-size: 1.1em;
}

.evenement .titre a {
	color: #12391d;
	text-decoration: none;
}

.evenement .titre a:hover {
	text-decoration: underline;
}

.evenement .date {
	width: 125px;
	float: right;
	color: #12391d;
	font-size: 11px;
}

.evenement .lieu {
	width: 517px;
	float: left;
	color: #74933c;
}*/

.evenement .titre {
	
}

.evenement .titre a {
	color: #12391d;
	text-decoration: none;
}

.evenement .titre a:hover {
	text-decoration: underline;
}

.evenement .cell_date {
	width: 100px;
	vertical-align : middle;
	color: #12391d;
	font-size: 11px;
	text-align : center;
	line-height : 14px;
}

.evenement .cell_contenu {
	vertical-align : middle;
	padding-left : 10px;
}

.evenement .lieu {
	color: #74933c;
}

#lesEvenements .dernier {
	border-bottom: 0 !important;
}

#lesEvenements .premier {
	padding-top: 0 !important;
}

/*--------------------------------------------------------------------
/* ALBUM PHOTOS
/**/

.lesMiniatures {
	padding-left : 40px;
	

	margin-top : 1em;
}

.lesMiniatures img {
	border: 0;
}

.uneMiniature {
	padding : 1px;
	border : 1px solid #999;
	background-color : #fafaff;

	margin-right : 10px;
	margin-bottom : 10px;

	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;
}

/*--------------------------------------------------------------------
/* FORMULAIRE DE CONNEXION
/**/

#formulaire {
	padding: 0;
	
	/*width:300px;*/
	/*text-align: center;*/
	
	/*margin: 15px auto 15px auto;*/
}

#frmLogin label {
	display:block;
	width: 150px;
		
	text-align:left;
	padding:0;
}

#username, #password {
	display: block;
	width : 150px;
		
	padding: 2px 0 2px 0;
	/*margin: 0 auto 10px auto;*/
	margin-bottom: 10px;
}

#submit {
	
	display:block;
	
	border: 2px solid #000;
	background-color: #fff;
		
	line-height: 100%;
	
	padding: 3px;
	width: 100px;
	/*margin: 0 auto 15px auto;*/
}

#frmLogin label, #lost_password {
	/*margin: 0 auto 0 auto;*/
}

