/* feuille de style qui suit le reset pour Club Chasse et Pêche Ste-Marie */

/* tableau des couleurs utilisées 
#f5e7d6  beige jaune de fond de page       
#dda665   jaune du menu et du footer
#67691d  vert foncé des h1 et des liens


 */

body {
	background-color: #f5e7d6;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

/* liens du menu */

#menu ul {
padding:0;
margin:0;
list-style-type:none;
}
#menu li
{
margin-left:20px;
float:left; /*pour IE*/
}
#menu ul li a
{
display:block;
float:left;   
width:240px;
text-decoration: none;
}
/*#menu ul li a:hover
{
background-color:#D3D3D3;

} */

#menu ul li a.camping
{
	background: url(../images/fond_menu_camping.png);
}

#menu ul li a.camping:hover {
	background: url(../images/fond_menu_camping_hover.png);
}

#menu ul li a.lac
{
	background: url(../images/fond_menu_lac.png);
}

#menu ul li a.lac:hover {
	background: url(../images/fond_menu_lac_hover.png);
}

#menu ul li a.hiver
{
	background: url(../images/fond_menu_hiver.png);
}

#menu ul li a.hiver:hover {
	background: url(../images/fond_menu_hiver_hover.png);
}


/* les autres liens */
a:link { color: #5E7E27; }
a:visited {
	color: #333333;
}
a:hover { color: #67691d; }
a:active { color: #F1904C; }

/* éléments */

h1, h2
{
margin: 20px;
}
h3, h4, h5 {
margin: 15px;
}

 p, ul {   
 
 padding-left: 25px; 
 padding-top: 10px;  }
 
h1 {
	color: #67691d;
	font: 2em "Times New Roman", Times, serif;
}

h2 { color: #cc1e34; 
	font-size: 1.5em;}

h3 {   
 /* background-color: #95875A;
  color: #FFF;*/
  background-color: #cabdaa;
  color:#67691d  }  
  
/* CLASSES */  
table.border, table.border td, table.border th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333333;
	border: thin solid #999999;
	padding: 5px;
	vertical-align: middle;
	}

 
	
img.cadre {
	margin-right: 10px;
	margin-bottom: 15px;	
	border: 1px solid #918655;
	padding: 6px;
}

.invisible 
{
	display: none;
}
  
p.margin15 {
margin-left: -8px;
} 

.aligncenter { margin: 0 auto; }
/* structure du site */  
  #page{  
	/* ****** conteneur principal positionné, largeur déclare, centré  ******
	
	EN POSITIONNANT ce conteneur "relative", ou pourra positionner ses enfants 
	il faut cependant déclarer une largeur, ici 800px .
	Remarquez qu'on peut centrer cet élément dans le body
	IL FAUT GARDER 0 auto  POUR QUE çA MARCHE.
	SI NéCESSAIRE AJOUTER DES PADDINGS AUX éLéMENTS ENFANTS  */
	background: #fff url(../images/fond_wrap2.jpg) center repeat-y;
	width: 800px;
	margin: 0 auto;
	position: relative;
	}
	
#header {
	/*   BLOC NON POSITIONNé QUI PRENDRA TOUTE LA LARGEUR DE SON PARENT
     il faut déclarer la hauteur et le background image si nécessaire
	  on déclarera une position relative ou absolue s'il faut
	  décaler l'une des position  c'est--dire si la position n'est
	  pas celle par défaut soit: top 0 et left 0
	  */
	height: 285px;
	background: url(../images/header2.jpg) no-repeat;
	}
	
#menu {
	height: 56px;
	line-height: 56px;
background: url(../images/fond_menu.jpg);
	/*	text-align: center;*/
}

#wrap {
	overflow: auto;
	text-align: left;
}
#sidebar {
	float: left;
	width: 230px;
	text-align: left;
}

#sidebar ul, #sidebar li {	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1em;	
	list-style-type: disc;	
	list-style-position: outside;
	margin-left: 20px;
	line-height: 20px;
	} 
	
#sidebar h4 { margin-left: 30px; }	
#contenu {
	width: 570px;
	margin-left: 230px;
}

#contenu p {
	padding-right: 30px;
}

#footer {
		width: 800px;
	height: 45px;
	
	background-image:url(../images/footer.jpg);
	line-height: 32px;
	text-align: center;
}