* {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0px;
	padding: 0px;
}

body {
		background-color: #333333;
	}

#page {
		width: 820px;
		margin: 10px auto;
		position: relative;
		z-index: 10;
	}

#header {
		width: 800px;
		height: 60px;
		margin-bottom: 5px;
	}
	
#header img {
		border: none;
}

h1 {
	text-indent: -2000px;
	}

#banniere {
		width: 800px;
		height: 160px;
		margin-bottom: 58px;
	}

ul {
	list-style: none;
}

a {
	text-decoration: none;
	color: #5B8791;	
}


#nav_h {
		width: 808px;
		height: 72px;
		position: absolute;
		top: 230px;
		left: 0px;
		background-image:url(images/cadres/nav_h.png);
		background-repeat: no-repeat;
		background-position: right;
		line-height: 86px;
		text-align: right;
		z-index: 60;	
		}

#nav_h li {
		display: inline;
		padding: 12px;
}

#nav_h li a {		
		color: #7AB0BA;
		border-bottom: 3px solid #5B8791;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;	
}

#nav_h li a:hover {
				color: #5B8791;
				border-bottom: 4px solid #5B8791;
				}

#nav_h li a.navOn {
				color: #FFFFFF;
				border-bottom: 4px solid #BED5DC;
				}

#col_g {
		width: 152px;
		height: 300px;
		float: left;
		margin-top: 15px;
		}


#nav_v li a {
			display: block;
			border: 1px solid #666666;
			height: 25px;
			width: 144px;
			line-height: 25px;
			margin-bottom: 2px;
			padding-left: 5px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: bold;	
			}
			
#nav_v li a:hover {
		color: #7AB0BA;
		border: 1px solid #999999;
}

#nav_v li a.navOn {
		color: #BED5DC;
		border: 1px solid #BED5DC;
		background-color: #666666;
		border-left: 4px solid #BED5DC;
		width: 141px;
}

#col_d {
		width: 640px;
		min-height: 300px;
		float: left;
		background-color:#FFFFFF;
		margin-left: 10px;
		padding-bottom: 20px;
		position: relative;
		
}

#top-border-dr {
			background-image:url(images/cadres/top-border-dr.png);
			background-color: #333333;
			width: 640px;
			height:15px;
			background-repeat: no-repeat;
			position: absolute;
			top: 0;
}

#bottom-border-dr {
			background-image: url(images/cadres/bottom-border-dr.png);
			background-color: #333333;
			width: 640px;
			height:15px;
			background-repeat: no-repeat;
			position: absolute;
			bottom: 0;
			
}

#footer {
		margin-top: 0;
		margin-left: 152px;
		
		padding: 20px 0;
		text-align: center;
		clear: both;
		color: #CCCCCC;
		font-size: 11px;
}

#footer a {
		font-size: 11px;
}

h3 {
	font-size: 16px;
	color: #314B53;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 20px;
}

h4 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 20px;
	color: #314B53;
	
}


h5 {
	font-size: 14px;
	font-weight: bold;
	color: #314B53;

}

.article {
		border: 1px solid #CCCCCC;
		margin: 20px 40px;
		text-align: justify;
}

p {
	margin: 10px 20px;
}

.liste {
		padding: 10px 20px;
		line-height: 20px;	
}

.center {
		text-align: center;
}

.legende {
		text-align: center;
		font-size: 10px;
		margin-top: -12px;
}

.petit {
		font-size: 11px;
		margin-left: 20px;
}


.red {
		color: #E0081D;
		font-size: 14px;
}

.date {
		font-size: 11px;
		margin: 0px 0px 0px 20px;
}

strong {
		color: #314B53;
}

/* tableaux */

.tableau	{
			width: 550px;
			border: 1px solid #CCCCCC;
			border-collapse: collapse;
			margin: 10px 40px;
			padding: 20px;
}

.tableau td {
			border: 1px solid #CCCCCC;
			padding: 5px 10px;
}

.tableau-liste {
			width: 550px;
			line-height: 20px;
			border: 1px solid #CCCCCC;
			margin: 10px 40px;
			padding: 20px;
}

#regate {
		background-image: url(images/img_forme/boat.png);
		background-repeat: no-repeat;
		background-position: 60px bottom;
}


#classement {
			border: 1px solid #cccccc;
}

#gs {
	border:1px solid #cccccc;
	width: 540px;
	height: 620px;
	margin: 20px auto;
}

/* tableau palmarès */
ol {
	margin-left: 40px;
	padding: 10px;
}

ol li {
		padding-bottom: 5px;
}

/* tableau formulaires */

#form {
		width: 550px;
		border: 1px solid #CCCCCC;
		margin: 20px auto;
		border-collapse:collapse;
}

#form td {
			border: 1px solid #CCCCCC;
			width: 225px;
			padding: 5px 10px;
			text-position: top-left;
}

#rep_form {
			border: 1px solid #CCCCCC;
			margin: 20px 40px;
			padding: 10px 20px;
			font-size: 14px;
			font-weight: bold;
			color: #314B53;

}

.comm {
	width: 400px;
}



/* Classes titres h2 (Titres pages) */

h2 {
		height: 60px;
		background-repeat: no-repeat;
		text-indent: -1000px;
		margin: 20px 30px;
}

.association {
		background-image: url(images/titres_h2/association.png);
		}

.membres {
		background-image: url(images/titres_h2/membres.png);
		}

.adherer {
		background-image: url(images/titres_h2/adherer.png);
		}
		
.contact {
		background-image: url(images/titres_h2/contact.png);
		}

.gazette {
		background-image: url(images/titres_h2/gazette.png);
		}

.archives {
		background-image: url(images/titres_h2/archives.png);
		}

.regates {
		background-image:url(images/titres_h2/regates.png);
		}

.classement {
		background-image: url(images/titres_h2/classement.png);
		}
		
.palmares {
		background-image: url(images/titres_h2/palmares.png);
		}

.jauge {
		background-image: url(images/titres_h2/jauge.png);
		}

.bourse {
		background-image: url(images/titres_h2/bourse.png);
		}
		
.bateau {
		background-image: url(images/titres_h2/bateau.png);
		}
		
.annonces {
		background-image: url(images/titres_h2/annonces.png);
		}
		
.liens {
		background-image: url(images/titres_h2/liens.png);
		}

/* fin des classes titres h2 */