/********************************************/
/*											*/
/* 			Festival sportif St-Albert		*/
/*  			Feuille de style			*/
/*  	 Créée par : Joël Fréchette			*/
/*			  jfrechette@dgk.ca				*/
/*			pachooca@hotmail.com			*/
/* 	 		Date : 2 mai 2010				*/
/* 			  Copyright DGK 2010			*/
/*											*/
/*		--------------------------------	*/
/*											*/
/*	Toute modification à ce document se		*/
/*  doit d'être accompagnée d'un 			*/
/*	commentaire ou d'être rapportée au		*/
/*  créateur de la feuille de style			*/
/*											*/
/********************************************/
* { margin:0; padding:0;}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#272525;
	background-image:url(../../images/communs/bkg_body.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#f3f2f1;
}

h1 {
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	width:100%;
	height:39px;
	line-height:39px;
	text-align:left;
	text-transform:uppercase;
}
h2 {
	font-size:14px;
	color:#f26923;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:18px;
	margin-bottom:4px;
}
.short {	background:url(../../images/communs/bkg_title_court-trans.png) no-repeat left top; padding-left:34px;}
.long {	background:url(../../images/communs/bkg_title_long-trans.png) no-repeat left top; padding-left:25px}

a:link { color:#ed8a22; text-decoration:none;}
a:visited {color:#ed8a22; text-decoration:none;}
a:hover {color:#ed8a22; text-decoration:none; font-style:italic;}
a:active {color:#ed8a22; text-decoration:none;}

#site { width:980px; margin:auto; margin-top:335px;}

#colonne_gauche { 
	width:290px;
	float:left;
}
#colonne_gauche p { margin:0 28px 25px 33px; text-align:left;}
#colonne_gauche .hr {
	width:244px;
	height:1px; line-height:1px;
	border-bottom:1px dashed #bcb9b8;
	margin-left:18px;
	margin-bottom:18px;
}
#colonne_droite {
	width:690px;
	float:right;
}
#colonne_droite p { margin:8px 33px 8px 25px; text-align:justify;}
a img { border:none;}

#colonne_droite ul { margin:12px 48px;}
#colonne_droite li { margin:6px 0;}





/**********************************/
/*
/* MENU
/*
/**********************************/
#menu {
	width:290px;
	font-size:15px;
	color:#d6692d;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:16px;
}
#menu li {
	list-style-type:none;
	width:290px; height:39px;
	text-align:left;
	line-height:39px;
}
#menu .active {background:url(../../images/communs/bkg_title_court-trans.png) no-repeat left top;}

#menu .active a{ color:#FFF;}

#menu li div { 
	margin-left:20px;
	padding-left:11px;
	border-bottom:1px dashed #bcb9b8;
	height:39px;
}



/**********************************/
/*
/* FOOTER
/*
/**********************************/
#footer {
	clear:both;
	font-size:12px; 
	width:980px; margin:auto;
	text-align:center;
	line-height:18px;
}




/**********************************/
/*
/* INDEX
/*
/**********************************/
#presidents {
	background:url(../../images/index/presidents.jpg) no-repeat right bottom;
	padding-bottom:67px;
}
#maire {
	background:url(../../images/index/maire.jpg) no-repeat right bottom;
	padding-bottom:40px;
}
#alainfrancois {
	background:url(../../images/index/alain.jpg) no-repeat right bottom;
	padding-bottom:45px;
}
#hugo {
	background:url(../../images/index/hugo.jpg) no-repeat right bottom;
	padding-bottom:67px;
}




/**********************************/
/*
/* CALENDRIER
/*
/**********************************/
.relative table { margin-left:25px; font-size:14px;}
.relative th {
	color:#ee2e34;
	font-weight:bold;
}
.relative th, td {	padding:5px 10px 5px 0;}
.relative td span {font-size:12px;}

.bell { color:#0167a5; font-weight:bold;}
.pompes { color:#b33425; font-weight:bold;}
.desjardins { color:#008342; font-weight:bold;}

.relative { position:relative;}
#cayouche { position:absolute; top:100px; left:300px;}
#dames { position:absolute; top:390px; left:300px;}
#alkaline { position:absolute; top:500px; left:333px;}
#deschamps { position:absolute; top:800px; left:320px;}
#auto { position:absolute; top:1040px; left:380px;}
#femmes { position:absolute; top:1410px; left:360px;}
#denis { position:absolute; top:1600px; left:350px;}
#william { position:absolute; top:2050px; left:450px;}




/**********************************/
/*
/* POINT DE VENTE
/*
/**********************************/
table { margin-left:25px; font-size:12px;}




/**********************************/
/*
/* GALERIE
/*
/**********************************/
.galerie img {
	border:1px solid #ed8a22;
	margin:3px;
}


/**********************************/
/*
/* DIVERS
/*
/**********************************/

.floatleft {float:left;}
.floatright {float:right;}
.fixbox {clear:both;}
.messageErreur {color:#FF0000;}
.orange { color:#ed8a22;}
.margin3 { margin:3px;}
.marginleft { margin-left:33px;}