/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/


* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0px;
	background: #ffffff;				/*changed black to white*/
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000; 					/*changed gris fonce #363636 to black */
}

h1, h2, h3 {
	color: #000000; 					
}

h1 {
}

h2 {
}

h3 {
}

p, blockquote, ul, ol {
	margin-bottom: 0px;
	line-height: 1.7em;
}

p {
}

blockquote {
}

ul, ol, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

a {
	text-decoration: none;
	color: #0099cc; 					/*links are sky blue*/ 
}

a:hover {
	text-decoration: underline;
	color: #ffd633;			/*links are ska fest yellow on hover*/
}

/* -------------------------------------------- Wrapper -------------------------------------------- */

#wrapper {
	width: 980px;						/*la largeur totale de la page, incluant les marges et le pardding, est de 980px*/
	margin: 0 auto;
}

/* -------------------------------------------- Header -------------------------------------------- */

#header {
	width: 980px;
	height: 110px;						/* original height: 110 */
	margin: 0 auto;
	/*background: url(images/header.png) no-repeat left top; /*img02.jpg*/
}

/* --------------------------------------------Logo -------------------------------------------- */

#logo {
	float: left;
	width: 990; /*640px;*/
	height: 76px; 
	margin: 0px;
	padding: 15px 0px 0px 0px; /*15px 0px 0px 20px;*/
}

			/* attributs de la bannière / logo / header */
#logo h1 {
	margin: 0;
	padding: 20px 0 0 0;
	text-transform: lowercase;
	font: normal 50px Georgia, "Times New Roman", Times, serif;
}

/* 'une initiative de la societe ska de montreal' */
#logo h2 {
	margin: 0px;
	padding: 0px 0 0 3px; 
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 10px;
	font-weight: bold;
	color: #666666; 						/*gris fonce  #444444*/
}

#logo a {
	text-decoration: none;
	color: #000000;							/*blanc*/
}

/* -------------------------------------------- Menu -------------------------------------------- */

#menu {
	width: 660; 
	height: 100px;
	margin: 0 auto;
	padding-bottom: 25px; 					/*25px space between menu and first post*/
	background: url(images/menu1.png) no-repeat left top;
}

#menu ul {
	margin: 0px; /* 00px 0px 0px 20px */
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
	text-align: center;
}

#menu a {
	display: block;
	float: left;
	height: 20px; 							/*les cases de surbrillance du menu ont 20px de haut; la largeur se fixe selon la longueur du mot de chaque case*/
	margin: 69px 1px 0px 0px;				/*la marge de 69px du haut centre le texte des liens sur l'image de fond jaune pale avec la ville*/
	padding: 10px 5px 0px 5px; 				/*le texte du menu est centré à 10px du top, et à 20px de chaque côté */
	text-decoration: none; 					/*le texte du menu est simple (aucune décoration)*/
	text-align: center; 					/*le texte du menu est centré dans sa case*/
	text-transform: uppercase; 				/*le texte du menu est toujours en majuscules*/
	font-size: 11px; 						/*le texte du menu est en point 11*/
	font-weight: bold; 						/*le texte du menu est bold*/
	color: #000000; 						/*le texte du menu est bleu boir*/
}

#menu a:hover, #menu .active a {
	background: #ffd633; 					/*le background du menu est bleu (vert kaki #9BAF31 changed to ska fest yellow #ffd633)*/
	color: #0099CC; 						/*le texte des liens du menu est bleu ciel*/
}

#splash {
	width: 940px;
	height: 410px;
	margin: 0 auto;
}


/* -------------------------------------------- Page -------------------------------------------- */

#page {
	width: 980px;
	margin: 0 auto;
}

#page-bgtop {
}

/* -------------------------------------------- Content -------------------------------------------- */

#content {
	float: left;
	width: 660px;
}
.post {
	margin: 0;
}


.post .title {
	padding: 4px 0px 3px 4px;
	background: #0099CC url(images/postTitle.png) no-repeat right top;	/*background du titre des posts sky blue #0099CC, avec coin rond a droite*/
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;		
}

.post .entry {
	padding: 9px 0px;
	margin: 0px 10px 10px 0px;
}

.post img {
	float: left;
	padding: 15px 0px;
}

.post .meta {
	text-align: right;
	padding: 0px 0 20px 0;
	font-weight: bold;
	color: #202020;
}

.post .more {
	display: block;
	width: 81px;
	height: 31px;
	background: url(images/more.png) no-repeat left top;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #0099CC;							/*blanc*/
}

/* -------------------------------------------- Sidebar -------------------------------------------- */

#sidebar {

	float: right;
	width: 300px;
	margin: 124px 0px 0px 0px; 				/* ajouter au premier nombre pour faire descendre le sidebar (original: -85px 0px 0px 0px) */
	padding: 0px;  							/* original  0px 0px 30px 0px; */

}

#sidebar ul {
	margin: 0px 0px 0px 0px;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#sidebar li {
	background: #ffffff;					/*noir #101010 changed to white)*/
	margin-bottom: 20px;
}

#sidebar li ul {
	margin: 0px;
	padding: 0px 30px 20px 30px;
}

#sidebar li li {
	margin: 0px 0px 0px -20px;
	padding: 9px 0px;						/* 9 px d'espace entre les lignes de la liste du sidebar */
	border: none;
	border-bottom: 1px solid #C7C7C7;		/*separateur entre les items de la liste*/
}

#sidebar h2 {
	padding: 4px 0px 3px 4px;
	background: #0099CC url(images/postTitle.png) no-repeat right top;	/*background du titre des posts sky blue #0099CC, avec coin rond a droite*/
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;	
}

#sidebar h3 {
	font-size: 77%;
	color: #110404;							/*noir*/
}

#sidebar p {
	margin: 0px;
	line-height: normal;
	color: #000000;							/*sable #D4C792 changed to black*/
}

#sidebar a {
	border: none;
	text-decoration: none;
	color: #0099cc;							/*les liens dans le sidebar sont en bleu (original: gris pale #A1A1A1)*/
}

#sidebar a:hover {
	text-decoration: underline;
	color: #ffd633;							/* en hover ils sont jaunes */
}


/* Submenu */

#submenu {
}

/* News */

#news {
}

#news a {
	font-size: 85%;
}

/* Footer */

#footer {
	width: 980px;
	margin: 0 auto;
	padding: 20px 0px;
	color: #000000;							/*blanc*/
	border-top: 1px solid #C7C7C7;
}

#footer p {
	margin: 0;
	text-align: left;
	font-size: 77%;
}

#footer a {
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}