/*** Généralités ***/
body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#0e141a;
	background: url(../images/fond.jpg) top left repeat-x;
	margin: 0;
	padding: 0;
	line-height:17px;
	letter-spacing:0.3px;
}
a:link, a:visited {
	color: #0e141a;
	text-decoration: none;
}
a:hover, a:focus {
	color: #0e141a;
	text-decoration: underline;
}
img {
	border: none;
}
h1 {
	font-size:10pt;
	color:#7a9dcb;
	font-weight:normal;
}
h2 {
	font-size:9pt;
	color:#d7b533;
	font-weight:normal;
	margin:0;
	margin-top:10px;
	padding:0;
}
.gris {
	color:#464d55;
}
.bleu {
	color:#24408b;
}
/********************** Table ***********************/
#table {
	position: absolute;
	width: 1020px;
	top:0;
	left:50%;
	margin-left:-510px;
	background: url(../images/fond-table.png) no-repeat;
}
/********************** Conteneur ***********************/
#conteneur {
	float:left;
	margin-left:100px;
	width: 836px;
	background: url(../images/fond-conteneur.png) no-repeat;
}
#conteneur-mentions-legales {
	text-align:center;
	color:#FFFFFF;
}
#conteneur-mentions-legales h1 {
	font-size:13px;
	color:#0e141a;
	margin:0;
	margin-top:25px;
	margin-bottom:15px;
	padding:0;
}
/********************** Header ***********************/
#header {
	width: 836px;
	height: 108px;
	margin:0;
	padding:0;
}
#logo {
	position:absolute;
	left:0;
	margin-top:85px;
	margin-left:80px;
}
*+html #menu {
	margin-top:85px;
}
#menu {
	position:absolute;
	left:0;
	margin-top:45px;
	margin-left:210px;
}
#menu li {
	list-style:none;
	display:inline;
	text-transform:uppercase;
}
#menu li a {
	color:#01466f;
	text-decoration:none;
	font-size:9pt;
	margin-left:12px;
	margin-right:12px;
}
#menu li a:hover {
	color:#FFFFFF;
}
#menu .active {
	color:#FFFFFF;
}
/********************** Gauche***********************/
#gauche{
	float:left;
	margin-top:60px;
	margin-left:107px;
	margin-right:5px;
	padding-right:10px;
	width:505px;
	height:405px;
	overflow:auto;
}
#gauche img{
	float:right;
}
#gauche-rendezvous{
	float:left;
	margin-top:25px;
	margin-left:107px;
	margin-right:5px;
	padding-right:10px;
	width:505px;
	height:440px;
	overflow:auto;
}
#gauche-rendezvous #texte{
	margin-left:40px;
}
#adhesion{
	float:right;
	width:107px;
	height:105px;
	margin-right:10px;
}
#plaquette{
	float:right;
	width:100px;
	height:105px;
	margin-right:10px;
}
#dates{
	float:right;
	margin-right:70px;
}
#contact{
	position:absolute;
	top:450px;
	left:600px;
}
label{
	float:left;
	width:170px;
}
input{
	margin-bottom:10px;
}
/********************** Membres ***********************/
#membres{
	float:left;
	width:725px;
	height:455px;
	margin:0;
	margin-top:10px;
	margin-left:110px;
	padding:0;
	overflow:auto;
}
.membre{
	float:left;
	width:235px;
	height:250px;
	margin:0;
	padding:0;
	padding-top:20px;
	text-align:center;
	background: url(../images/fond-vignette.jpg) no-repeat;
}
.membre h1{
	color:#2c498f;
	text-align:center;
	margin:0
	margin-bottom:1px;
}
.membre h3{
	margin:0;
	color:#2c4d93;
	font-size:11px;
}
/********************** Droite ***********************/
#droite{
	float:left;
	width:150px;
}
#evenement{
	background: url(../images/fond-evenement.jpg);
	color:#2c4d91;
	width:206px;
	height:286px;
	margin-top:10px;
}
#evenement a{
	color:#2c4d91;
}
#coordonnees{
	background: url(../images/fond-evenement.jpg);
	color:#2c4d91;
	width:206px;
	height:286px;
	margin-top:10px;
}
#coordonnees a{
	color:#2c4d91;
}
#evenement #texte{
	width:150px;
	padding-top:10px;
	margin-left:30px;
}
#coordonnees #texte{
	width:170px;
	padding-top:10px;
	margin-left:30px;
}
#evenement #texte h1,#coordonnees #texte h1 {
	text-align:center;
}
#evenement #texte img {
	text-align:center;
}
#evenement h3{
	text-align:center;
	color:#8ba9d2;
	font-size:12px;
	font-weight:normal;
}
/********************** Footer ***********************/
#footer{
	clear:both;
	float:left;
	width:100%;
	height:27px;
	background: url(../images/footer.png);
	color:#FFFFFF;
	text-align:center;
	margin:0;
	padding:0;
	padding-top:25px;
}
#footer a{
	color:#FFFFFF;
}