/*** Sélecteurs généraux ***/

body {
	background:					url("../images/background.jpg") repeat;
	margin :					0;
	padding :					0;
	font-size :					14px;
	font-family :				"Trebuchet MS", Helvetica, Tahoma, sans-serif;
}

img {
	border:						none;
}

a {
	color:						#3c7d4a;
	text-decoration: 			none;
}

a:visited {
	color:						#60b071;
}

a:hover {
	color:						#d02223;
}

/*** Styles généraux ***/

.block {
	display:					block;
}

/*** Bloc général ***/

#general {
	margin:						0 auto 0 auto;
	padding :					0;
	width:						950px;
}

/*** Header ***/
#header {
	width:						950px;
	height:						100px;	
	
}

/*** Liens haut ***/

#lienhaut {
	position:					relative;
	margin:						-90px 0 0 0;
	float:						right;
	text-align:					right;
}

/*** Navigation ***/

#nav {
	position:					relative;
	font-size :					8pt;
	font-weight:				bold;
	width: 						950px;
	height: 					30px;
	background:					#5EB3C4;
	z-index:					90;
}

#menu {
	width:						950px;
	height:						30px;
	background-color:			#5EB3C4;
	position:					absolute;
	list-style-type: 			none;
	margin:						0 0 0 0;
	padding:					0 0 0 0;
	z-index:					91;
}

#menu li {
	float: 						left;
	width: 						115px;
	text-align:					center;
}

#menu li:first-child {
	background-color:			#60b071;
}

#menu li a:link, #menu li a:visited {
	display: 					block;
	color: 						#fff;
	margin:						0;
	padding:					6px 0 0 0;
	border-right:				2px solid #fff;
	height:						24px;
}

#menu li a:hover {
	color: 						#d02223;
}

#menu li a:hover.koxi span {
	display: 					inline;
	position: 					absolute; 
	top: 						-23px;
	left: 						40px;
	z-index: 					92;
	width:						100%;
	margin:						0;
	padding:					0;
}

#menu .sousmenu{
	display: 					none;
	list-style-type: 			none;
	margin:						0;
	padding:					1px 0 0 0;
	font-size:					10px;
	font-weight:				normal;
	border-left:				1px solid #303030;
	border-right:				1px solid #303030;
	border-bottom:				1px solid #303030;
}

#menu .sousmenu li:first-child {
	background-color:			#fff;
}
#menu .sousmenu li
{
	float: 						none;
	width: 						113px;
	text-align:					left;
	text-indent:				2px;
	*margin:					-4px 0 0 0;
	padding:					0;
	height:						auto;
	background-color:			#fff;
	filter:						alpha(opacity=70);
	opacity:					0.70;
}

#menu .sousmenu li a:link, #menu .sousmenu li a:visited
{
	color: 						#000;
	margin:						0 0 0 1px;
}

#menu .sousmenu li a:first-child {
	background-color:			none;
}

#menu .sousmenu li a:hover
{
	color:						#000;
	background-color: 			#a9deb9;
	filter:						alpha(opacity=80);
	opacity:					0.80;
}

#menu li:hover > .sousmenu {
	display: 					block;
}

/*** Bandeau images ***/

#imageContainerBand img {
	position:					absolute;
	top:						0;
	left:						0;
	display:					none;
	z-index:					1;
}

/*** Emplacement ***/

#emplacement {
	position:					relative;
	width: 						751px;
	float :						left;
	margin:						152px 0 0 0;
	padding :					0;
}

/*** Contenu ***/

#contenu {
	width:						950px;
}

/*** Colonne centrale generale ***/

#col_centrale_gen {
	width: 						751px;
	float :						left;
}
/*** Colonne centrale haut ***/

#col_centrale_haut {
	width: 						751px;
	margin:						0;
	padding :					5px 0 0 0;
	background-image:			url("../images/bloctxt1.png");
	background-repeat:			no-repeat;
	height:						32px;
}


/*** Colonne centrale ***/

#col_centrale {
	max-width: 					751px;
	margin:						-3px 0 0 0;
	padding :					0 10px 15px 10px;
	background-image:			url("../images/bloctxt2.png");
	background-repeat:			repeat;
	min-height:					200px;
	text-align:					justify;
}

#col_centrale img{
	max-width: 					730px;
	border:						1px solid #767676;
}

#col_centrale_bas {
	width: 						751px;
	margin:						0;
	padding :					5px -15px 0 25px;
	background-image:			url("../images/bloctxt3.png");
	background-repeat:			no-repeat;
	height:						42px;
	text-align:					right;
	text-shadow:				#CCCCCC;
	font-size:					12px;
	font-family:				"Trebuchet MS", Helvetica, Tahoma, sans-serif;
	color:						#d02223;
}

/*** Colonne de droite ***/

#col_droite {
	width :						180px;
	float:						right;
	position:					relative;
	margin:						0;
}

/*** Sous menu ***/

#smenu {
	width: 						180px;
	height: 					190px;
	padding:					5px 0 5px 1px;
	background-image:			url("../images/bloc1.png");
	background-repeat:			no-repeat;
	line-height:				17px;
}

#smenu a {
	font-size:					13px;
	font-family:				"Geneva", Arial, Helvetica, sans-serif;
	color:						#663333;
	}

#smenu a:visited {
	color:						#663333;
}

#smenu a:hover {
	color:						#303030;
}

/*** Liste des pages ***/

#pages {
	width: 						180px;
	height: 					190px;
	/*margin:						10px 0 0 0;*/
	padding:					5px 0 5px 1px;
	background-image:			url("../images/bloc1.png");
	background-repeat:			no-repeat;
	line-height:				17px;
	color:						#fff;
}

#pages a {
	font-size:					13px;
	font-family:				"Geneva", Arial, Helvetica, sans-serif;
	color:						#663333;
}

#pages a:visited {
	color:						#663333;
}

#pages a:hover {
	color:						#303030;
}

/*** Calendrier ***/

#cal {
	width: 						180px;
	height: 					190px;
	padding:					10px 0 5px 6px;
	background-image:			url("../images/bloc2.png");
	background-repeat:			no-repeat;
	line-height:				12px;
	color:						#fff;
}

#cal a {
	font-size:					11px;
	font-family:				"Geneva", Arial, Helvetica, sans-serif;
	color:						#fff;
}

#cal a:visited {
	color:						#303030;
}

#cal a:hover {
	color:						#d02223;
}

/*** Actualités ***/

#actu {
	width: 						180px;
	height: 					190px;
	background-image:			url("../images/bloc2.png");
	background-repeat:			no-repeat;
}

#actutxt {
	width: 						170px;
	height: 					190px;
	padding:					7px 0 0 5px;
	line-height:				14px;
	color:						#663333;
	text-align:					justify;
}

#actu a {
	font-size:					10px;
	font-family:				"Geneva", Arial, Helvetica, sans-serif;
	color:						#663333;
}

#actu a:visited {
	color:						#663333;
}

#actu a:hover {
	color:						#d02223;
}

#actu .suite {
	margin:						0 0 0 80px;
}

/*** Météo ***/

#meteo {
	width: 						180px;
	height: 					190px;
	margin:						15px 0 0 0;
	padding:					1px 0 0 0;
	background-image:			url("../images/bloc2.png");
	background-repeat:			no-repeat;
	line-height:				12px;
	color:						#663333;
}

/*** Pagination ***/

.pagination {
	display:					block;
	margin:						0;
	font-size:					11px;
	font-family:				"Geneva", Arial, Helvetica, sans-serif;
	text-align:					center;
}

/*** Miniatures de la page des références ***/

a.ref1, a.ref2, a.ref3 {
	position:					relative;
}

a.ref1 span, a.ref2 span, a.ref3 span {
	display:					none;
}

a:hover.ref1 span, a:hover.ref2 span, a:hover.ref3 span {
	display: 					inline;
	position: 					absolute; 
	/*z-index: 					20;*/
	width:						100%;
	padding:					0;
}

a:hover.ref1 span {
	top: 						-325px;
	left: 						22px;
}

a:hover.ref2 span {
	top: 						-325px;
	left: 						-132px;
}

a:hover.ref3 span {
	top: 						-325px;
	left: 						-286px;
}

#clear {
	clear:						both;
}

/*** Pied de page ***/

#footer {
	width:						950px;
	height:						30px;	
	margin:						0 auto 0 auto;
	border-top:					1px solid #000;
	text-align:					center;	
	font-size:					13px;
	font-family:				"Geneva", Arial, Helvetica, sans-serif;
	color:						#000;
}

#footer a:visited {
	color:						#000;
}

footer a:hover {
	color:						#d02223;
}