body, html {
	font-family: Arial,sans-serif;
    font-size: 100%;
    line-height: 1.125em; /* 16×1.125=18 */
    background: url(../img/pattern.jpg) repeat;
    color: #0b0b0b;
}

div.clear {
	clear: both;
}
div.hr {
	height: 1px;
	margin: 20px 0 20px 0;
	padding: 0;
	width: auto;
	background: transparent;
	border: 0;
	clear: both;
}
div.hr10 {
	height: 1px;
	margin: 10px 0 0 0;
	padding: 0;
	width: auto;
	color: #fff;
	background: none;
	border: 0;
	clear: both;
}
/* Typos
----------------------------------------------- */
h1 {
	font-family: Arial,sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #2e2e2e;
	background: #f3b22b;
	padding: 2px 4px;	
	display: inline;
}
h2 {
	font-family: Arial,sans-serif;
	font-size: 0.938em;
	text-transform: uppercase;
	color: #0b0b0b;
	margin-bottom: 1em;
}
div#bienvenue h1 {
	font-family: Arial,sans-serif;
	font-size: 1em;
	color: #f5bb2b;
	background: #2e2e2e;	
}

div#conseil-administration h2 {
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	margin: 0;
}
div.nouvelle h2 {
	margin: 0;
}
.small {
	font-size: 0.625em;
}
a:link { 
	color: #005eae;
	text-decoration: none;
}
a:visited { 
	color: #005eae;
	text-decoration: none;
}
a:hover { 
	text-decoration: underline;
	text-decoration: none;
	border-bottom: 1px dotted #005eae;
}
a:active { 

}
div#subscribe-p3 a, div#last-pics a {
	color: #1b94e6;
}
p#copyright {
	margin-left: 10px;
} 
.hidden {
	display: none;
}
/* Forms
----------------------------------------------- */
input[type=text] {
	height: 17px;
	border: 1px solid #ccc;
	padding: 3px 0 3px 2px;
	background: url(../img/bg-inputs.jpg) repeat-x top;
	font-size: 1em;
	margin-bottom: 1em;
}
input[type=submit] {
	clear: both;
	margin-top: 40px;
}
textarea {
	height: 200px;
	border: 1px solid #ccc;
	padding: 2px 0 2px 2px;
	background: url(../img/bg-inputs.jpg) repeat-x top;
	font-size: 1;
}
form#joindre-club p {
	margin-bottom: -10px;		
}
form#joindre-club textarea {
	width: 380px;		
}
form#joindre-club input[type=text] {
	width: 280px;		
}



/* Structure
----------------------------------------------- */
div#container {
	margin: 0 auto;
	width: 816px;
	height: auto;
	min-height: 500px;
	position: relative;
	background: transparent;
}
	div#header {
		width: 816px;
		height: 99px;
	}
		div#header-p1 {
			float: left;
			width: 189px;
			height: 99px;
		}
		div#header-p1 a:hover {
			border: none;
		}
		div#header-p2 {
			float: left;
			width: 619px;
			height: 99px;
			background: url(../img/bg-header-p2.jpg) no-repeat bottom;
		}
			div#header-p2-el1 {
				width: 619px;
				height: 49px;	
			}
			div#header-p2-el2 {
				width: 619px;
				height: 50px;	
			}
				div#header-p2-el2 ul li {
					font-size: 0.688em;	
					float: left;
					margin-left: 3px;			
				}
				div#header-p2-el2 ul li a {
					display: block;
					height: 18px;
					text-decoration: none;
					color: #fff;
					padding: 0 4px;	
					background: #2e2e2e;	
				}
				div#header-p2-el2 ul li a:hover, div#footer-p1 ul li a:hover {
					background: #f3b22b;
					color: #2e2e2e;	
					border: none;
				}
				div#header-p2-el2 ul li a.yellow-btn {
					background: #f3b22b;
					color: #2e2e2e;	
					margin-left: 85px;	
					text-transform: uppercase;	
				}

		div#header-p3 {
			float: left;
			width: 8px;
			height: 99px;
			background: url(../img/bg-header-p3.png) no-repeat bottom; 
		}
div#content {
	width: 804px;
	padding-left: 4px;
	margin-left: 4px;
	background: #fff url(../img/bg-content.png) repeat-y;
	height: auto;
}
	div#content p {
		margin-top: 1em;
	}
	div.highlight {
		font-size: 0.875em;
		color: #fff; 
		width: 780px;
		background: #373737 url(../img/bg-highlight.jpg) no-repeat bottom;
		padding: 20px 0 0 20px;
	}
	div.highlight h1 {
		background: #2e2e30;
		color: #f5bb2b;
	}

	div#highlight-accueil {
		height: 222px;		
	}
	div#highlight-pages {
		padding-bottom: 30px;	
		overflow: hidden;	
	}
		div#bienvenue {
			float: left;
			width: 500px;
			height: 212px;
		}
		div#a-noter {
			float: left;
			color: #0b0b0b;
			width: 183px;
			margin-left: 15px;
			margin-top: 10px;
			height: 182px;
			background: url(../img/bg-a-noter.jpg) no-repeat;
			padding: 20px 20px 0 40px;
		}
		div#subscribe-p1 {
			width: 460px;
			height: auto;
			padding-right: 20px;
			background: #373737;
			color: #fff;
			float: left;
			
			background: url(../img/border.jpg) repeat-y right;		
		}
		div#subscribe-p2 {
			width: 260px;
			height: auto;
			padding: 0 20px 0 20px;
			background: #373737;
			color: #fff;
			float: left;
		}
			#tableau-inscription tr {
				border-bottom: 1px dotted #f4b92b;
			}
			td.prix, th.prix {
				padding-left: 80px;
			}
		div#subscribe-p3 {
			width: 780px;
			height: auto;
			padding: 0;
			background: #373737;
			color: #fff;	
		}
		div#subscribe-p1 ul li, div#subscribe-p3 ul li, ul#frais-divers li, ol#equipement-requis li ul li {
			list-style-image: url(../img/list-style.png);	
			list-style-position: inside;
			margin-bottom: 0.5em;
		}
		ol#equipement-requis li {
			float: left;
			width: 230px;
			height: auto;
			margin-right: 20px;
			padding-bottom: 20px;
		}
	div.content-800 {
		font-size: 0.875em;
		width: 760px;
		height: auto;
		padding: 20px;
		background: #fff;
	}
		ul.galerie {
			width: 780px;
			height: auto;
			clear: both;
			padding-bottom: 20px;
			overflow: hidden;
		}
			
			ul.galerie li {
				float: left;
				margin: 0 30px 30px 0;
				width: 65px;
				height: 65px;
			}
			ul.galerie li a:link {
				display: block;
				width: 55px;
				height: 55px;
				border: 5px solid #f3b22b;
			}
			ul.galerie li a:visited {
				border-color: #373737;
			}
			ul.galerie li a:hover {
				border-color: #373737;
			}
			
			ul#liste-documents-imprimable li a {
				text-decoration: underline;
			}
		ul.commanditaires {
			width: 780px;
			height: auto;
			clear: both;
			overflow: hidden;
			padding-bottom: 20px;
		}
			ul.commanditaires li {
				float: left;
				margin: 12px 12px 0 0;
				display: block;
				width: 243px;
				height: 243px;
				border: 1px solid #ccc;
				text-align: center;
				overflow: hidden;
			}
		ul.liens {
			width: 780px;
			height: auto;
			clear: both;
			overflow: hidden;
			padding-bottom: 20px;
		}
			ul.liens li {
				float: left;
				margin: 0 12px 12px 0;
				display: block;
				width: 178px;
				height: 178px;
				border: 1px solid #ccc;
				text-align: center;
				overflow: hidden;
			}	

	div.content-500 {
		font-size: 0.875em;
		width: 460px;
		height: auto;
		padding: 20px;
		background: #fff;
		float: left;
		
	}	
		p.date {
			color: #484848;
			font-size: 10px;
		}
		div.nouvelle {
			margin-bottom: 2em;
			border-bottom: 1px dotted #ccc;
			padding-bottom: 1em;
		}
			div.nouvelle p {
			margin-top: -1em;
		}		
		ul#commenditaires li {
			float: left;
			margin-left: 20px;
		}
		div#meteo-media {
			height: 160px;
		}
	div.content-300 {
		font-size: 0.75em;
		width: 300px;
		height: auto;
		background: #eff2f5;
		float: left;
	}
		/*=====================================================================*/
		/*============================= CALENDRIER ============================*/
		/*=====================================================================*/
		#calendrier{width: 220px; font-size:1em; border: 1px solid #c6c7c8;}
		#calendrier tr#titremois{background:#FBD001;}
		#calendrier #aujourdui{background:black; color:#FFFFFF;}
		#calendrier .activites{background:#FBD001;}
		#calendrier .activites a{color:#FFFFFF;}
		#calendrier tr {border-bottom: 1px solid #c6c7c8;width: 220px;}
		#calendrier th {
		width:29px;
		height:30px;
		background: url(../img/bg-th-calendar.png) no-repeat top;
		
		border: 1px solid #c6c7c8;
		text-align: center;
		}	
		#calendrier th#mois, #calendrier th.fleche {
			background: none;
			border: none;
		}
		#calendrier th#mois {
			width: 160px;
			text-align: center;
			background:#FBD001;
		}
		#calendrier th.fleche {
			background:#FBD001;
		}
		#liste-activites{font-size:1em;}
		#liste-activites li{margin-top:10px;}
		#liste-activites li .titre{ font-weight:bold; font-size:1em;}
		#liste-activites .fini{text-decoration:line-through;} 
		#liste-activites . description{display:block; background:blue;}
		#activites{display:block;min-height:430px; }
	
	div.scontent, div#calendar, div#last-pics, div#coordonnees, div#conseil-administration {
		width: 260px;
		height: auto;
		padding: 20px;
		overflow: hidden;
	}
	div#calendar {
		background: #eff2f5;
	}	
	div#last-pics {
		background: #373737;
	}
	div#coordonnees {
		background: #fad52b;
	}
	div#conseil-administration p {
		margin-top: 0;
	}
	div#conseil-administration ul li {
		margin-bottom: 1em;
	}
	
		div#last-pics ul {
			width: 260px;
			height: auto;
		}
		div#last-pics ul li {
			float: left;
			margin-right: 20px;
			margin-top: 20px;
			width: 65px;
			height: 65px;
		}
		div#last-pics ul li a {
			display: block;
			border: 5px solid #f3b22b;
			width: 55px;
			height: 55px;
		}
		div#last-pics ul li a:hover {
			display: block;
			border-color: #373737;
		}
	
	div#footer {
		width: 800px;
		height: 60px;
		background: #373737;
	}
		div#footer-p1 {
			float: left;
			width: 500px;
			height: auto;
			background: #373737;
		}
				div#footer-p1 ul {
					margin: 20px 0 0 17px;			
				}
				div#footer-p1 ul li {
					font-size: 0.688em;		
					float: left;
					margin-left: 3px;			
				}
				div#footer-p1 ul li a {
					display: block;
					height: 18px;
					text-decoration: none;
					color: #fff;
					padding: 0 4px;	
					background: #2e2e2e;	
				}
				div#footer-p1 ul li a:hover {
					background: #f3b22b;
					color: #2e2e2e;	
				}
				
		div#footer-p2 {
			float: left;
			width: 300px;
			height: 60px;
			background: #2e2e2e;
		}
			div#footer-p2 a {
				display: block;
				margin-top: 20px;
				text-align: center;
			}
			
			
			

strong{ font-weight:bold;}
u{ text-decoration:underline;}
em{ font-style:italic;}