@charset "utf-8";
/* CSS Document */

body {
	background:#67b8ef url("../img/body-bg.jpg") repeat-x;
	margin:0; padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#layout {
	margin:0 auto;
	width:1000px;
}

#header {
	width:100%;
	height:199px;
}

#menu {
	width:100%;
	height:106px;
	background:#67b8ef url("../img/menu-bg.jpg") repeat-x;
}

	#menu a.btn1 { display:block; width:107px; height:106px; background:url('../img/menu/btn1.jpg') no-repeat; }
	#menu a.btn1:hover { background-position:0 -106px;}

	#menu a.btn2 { display:block; width:107px; height:106px; background:url('../img/menu/btn2.jpg') no-repeat; }
	#menu a.btn2:hover { background-position:0 -106px;}

	#menu a.btn3 { display:block; width:107px; height:106px; background:url('../img/menu/btn3.jpg') no-repeat; }
	#menu a.btn3:hover { background-position:0 -106px;}

	#menu a.btn4 { display:block; width:107px; height:106px; background:url('../img/menu/btn4.jpg') no-repeat; }
	#menu a.btn4:hover { background-position:0 -106px;}

	#menu a.btn5 { display:block; width:107px; height:106px; background:url('../img/menu/btn5.jpg') no-repeat; }
	#menu a.btn5:hover { background-position:0 -106px;}

	#menu a.btn6 { display:block; width:107px; height:106px; background:url('../img/menu/btn6.jpg') no-repeat; }
	#menu a.btn6:hover { background-position:0 -106px;}

	#menu a.btn7 { display:block; width:107px; height:106px; background:url('../img/menu/btn7.jpg') no-repeat; }
	#menu a.btn7:hover { background-position:0 -106px;}

	#menu a.btn8 { display:block; width:107px; height:106px; background:url('../img/menu/btn8.jpg') no-repeat; }
	#menu a.btn8:hover { background-position:0 -106px;}

	#menu a.btn9 { display:block; width:104px; height:106px; background:url('../img/menu/btn9.jpg') no-repeat; }
	#menu a.btn9:hover { background-position:0 -106px;}


#main {
	background:#67b8ef url("../img/main-bg.jpg") no-repeat;
	width:100%;
	min-height:523px;
}

#content {
	width:960px;
	margin:0 auto;
}

	#content #top {
		width:100%;
		height:51px;
		background:#67b8ef url("../img/top-bg.jpg") no-repeat;
	}
	
	#content #middle {
		width:100%;
		height:auto;
		background:#67b8ef url("../img/middle-bg.jpg") repeat-y;
	}
	
		#content #middle #cadre1 {
			float:left;
			width:621px;
			margin-left:42px !important;
			margin-left:22px;
		}
		
		#content #middle #cadre1 #top-accueil {
			width:100%;
			height:48px;
			background:#fff url("../img/top-accueil-bg.jpg") no-repeat;
		}
		
		#content #middle #cadre1 #middle-accueil {
			width:100%;
			background:#fff url("../img/middle-accueil-bg.jpg") repeat-y;
		}
		
		#content #middle #cadre1 #middle-accueil #text-accueil {
			text-align:justify;
			color:#449dda;
			padding:0 20px 0 15px;
		}
		
		#content #middle #cadre1 #bottom-accueil {
			width:100%;
			height:29px;
			background:#fff url("../img/bottom-accueil-bg.jpg") no-repeat;
		}
		
		#content #diapo {
			float:left;
			width:267px;
			
		}
		
		#content #diapo #top-diapo {
			widht:100%;
			height:74px;
			background:#fff url("../img/top-diapo.jpg") no-repeat;
		}
		
		
		#content #actus {
			width:877px;
			margin-left:42px;
		}
		
		#content #actus #top-actus {
			width:100%; 
			height:54px;
			background:#fff url("../img/top-actus-bg.jpg") no-repeat;
		}
		
		#content #actus #top-agenda {
			width:100%; 
			height:54px;
			background:#fff url("../img/agenda.jpg") no-repeat;
		}
		
		#content #actus #top-bureau {
			width:100%; 
			height:54px;
			background:#fff url("../img/bureau.jpg") no-repeat;
		}
		
		#content #actus #top-membres {
			width:100%; 
			height:54px;
			background:#fff url("../img/membres.jpg") no-repeat;
		}
		
		#content #actus #top-historique {
			width:100%; 
			height:54px;
			background:#fff url("../img/historique.jpg") no-repeat;
		}
		
		#content #actus #top-liens {
			width:100%; 
			height:54px;
			background:#fff url("../img/liensutile.jpg") no-repeat;
		}
		
		#content #actus #top-contact {
			width:100%; 
			height:54px;
			background:#fff url("../img/contact.jpg") no-repeat;
		}
		
		#content #actus #middle-actus {
			width:100%; 
			background:#fff url("../img/middle-actus-bg.jpg") repeat-y;
		}
		
		#content #actus #middle-actus #text-actus {
			text-align:justify;
			color:#449dda;
			padding:0 17px 0 15px;
		}
		
		#content #actus #middle-actus #text-actus a {
			color:#449dda;
		}
		
		#content #actus #bottom-actus {
			width:100%; 
			height:18px;
			background:#fff url("../img/bottom-actus-bg.jpg") no-repeat;
		}
		
	#content #bottom {
		width:100%;
		height:25px;
		background:#67b8ef url("../img/bottom-bg.jpg") no-repeat;
	}
	
	#footer-menu {
		background-color:#fff;
		float:left;
		width:960px;
		margin-left:20px !important;
		margin-left:10px;
		text-align:center;
		color:#87c7f3;
		font-weight:bold;
	}
	
	#footer-menu #menu-bottom {
		margin-top:6px;
		color:#000;
		font-weight:bold;
	}
	
	#footer-menu #menu-bottom a {
		color:#000;
		font-weight:bold;
		text-decoration:none;
	}
	
	#footer-menu #menu-bottom a:hover {
		text-decoration:underline;
	}
	

#footer {
	width:100%;
	height:10px;
	background:#67b8ef url("../img/footer-bg.jpg") no-repeat;
	margin-bottom:15px;
}

 a {
			color:#449dda;
		}