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

body{
	margin:0px; padding:0px; border:0px;
	background:#fff; 
}

/*img, div, a { behavior: url(../javascript/iepngfix.htc) } fix transparence dans IE5.5+*/

/*------------------------------------------------------------------------------------------------------------------*/
/*---- BOX HEADER --------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/

.header{
	position:absolute;
	top:0px;
	left:0px;
	margin:0px; padding:0px; border:0px;
	height:300px; width:100%;
	
}

	#banner { position: relative; }
	
	#langue {
		position: absolute;
		margin: 0; padding: 0;
		left: 760px;
		top: 0;
		text-align: right;
		z-index: 1;
	}
	
		#langue li {
			display: block;
			float: left;
			float: left;
			margin: 0 0 0 1px; 
		}
	
		#langue li a {
			display: block;
			float: left;
			width: 85px;
			margin-left: 0px;
			padding: 15px 0 28px 0;
			font: normal normal 14px/14px Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1px;
			text-decoration: none;
			text-align: center;
		}
		
		/*FR*/	
		#langue li#fr a:link, #langue li#fr a:visited { background: url(../images/lang-fr-bg.png) left bottom no-repeat; color: #C0D253; }
		#langue li#fr a:hover, #langue li#fr a:active, #langue li#fr a:focus, #langue li#fr a.active { background: url(../images/lang-fr-hover-bg.png) left bottom no-repeat; color: #67686e; }
		
		/*NL*/
		#langue li#nl a:link, #langue li#nl a:visited { background: url(../images/lang-nl-bg.png) right bottom no-repeat; color: #C0D253; }
		#langue li#nl a:hover, #langue li#nl a:active, #langue li#nl a:focus, #langue li#nl a.active { background: url(../images/lang-nl-hover-bg.png) right bottom no-repeat; color: #67686e; }
		

object{ vertical-align:middle; text-align:center;}

/*------------------------------------------------------------------------------------------------------------------*/
/*---- BOX CONTAINER -----------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/

.global-container{
	float:left;
	width:100%; 
	margin:0px auto 0px auto; padding:260px 0px 0px 0px; border:0px;
	background-color:#c0d253;
}

.container{
	float:left;
	width:960px;
	margin:0px auto 0px 20px; padding:0p 0px 0px 0px; border:0px;
	background: url(../images/menu-background.jpg) repeat-y;
}

/*------------------------------------------------------------------------------------------------------------------*/
/*---- BOX MENU ----------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/

.menu {
    float:left;
	width:300px; height:auto;
	margin:0px; padding:0px; border:0px;
	list-style:none;
	background:#c0d253;
	
}

/*------------------------------------------------------------------------------------------------------------------*/
/*---- CONTENTS ----------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/

.contents{
	float:left;
	width:585px; min-height:290px; height:100%;
	margin:0px 0px 0px 5px; padding:70px 30px 20px 30px; 
	border-left: 5px #f1f1f1 solid;
	border-right: 5px #f1f1f1 solid;
	background:#FFF;
}

h1{
	font:normal normal 16px/24px Arial, Helvetica, sans-serif; color:#000;
	letter-spacing:4px;
	margin:0px 0px 0px 0px;
}

h2{
	font:normal normal 14px/24px Arial, Helvetica, sans-serif; color:#8a973c;
	letter-spacing:2px;
	margin:0px 0px 0px 0px;
}

h3{
	font:normal normal 12px/24px Arial, Helvetica, sans-serif; color:#000;
	letter-spacing:2px;
	margin:0px 0px 0px 0px; padding:0px 0px 0px 10px;
}

h4{
	font:normal normal 12px/24px Arial, Helvetica, sans-serif; color:#000;
	letter-spacing:1px;
	margin:0px 0px 0px 0px; padding:0px 0px 0px 10px;
	text-decoration:underline;
}

p{
	font:normal normal 11px/18px Arial, Helvetica, sans-serif; color:#444444;
	text-align:justify;
	letter-spacing:1px;
	margin:0px 0px 0px 0px; padding:0px 0px 0px 10px;
}

p.infos{
    width:575px;
	font:normal normal 11px/18px Arial, Helvetica, sans-serif; color:#fff;
	text-align:right;
	letter-spacing:1px;
	margin:0px 0px 0px 370px; padding:25px 0px 0px 0px;
}

ul{
	font:normal normal 11px/18px Arial, Helvetica, sans-serif; color:#444444;
	letter-spacing:1px;
	list-style:url(../images/puce.gif);
	text-align:justify;
}

ul.nos-activite { list-style:decimal;}
ul.nos-activite a:link{font:normal normal 11px/18px Arial, Helvetica, sans-serif; color:#000; }
ul.nos-activite a:visited{font:normal normal 11px/18px Arial, Helvetica, sans-serif; color:#000; }
ul.nos-activite a:hover{font:normal normal 11px/18px Arial, Helvetica, sans-serif; color:#8a973c; background:none; }
ul.nos-activite a:active{font:normal normal 11px/18px Arial, Helvetica, sans-serif; color:#000; }
ul.nos-activite a:focus{font:normal normal 11px/18px Arial, Helvetica, sans-serif; color:#8a973c; }

a:link{font:normal normal 11px/18px Arial, Helvetica, sans-serif; color:#8a973c; text-decoration:underline;}
a:visited{font:normal normal 11px/18px Arial, Helvetica, sans-serif; color:#8a973c; text-decoration:underline;}
a:hover{font:normal normal 11px/18px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; background:#c0d253;}
a:active{font:normal normal 11px/18px Arial, Helvetica, sans-serif; color:#8a973c; text-decoration:underline;}
a:focus{font:normal normal 11px/18px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; background:#c0d253;}

.color_noir{ color:#000000;}
.color_vert{ color:#8a973c;}
.color_red{ color:#FF0000;}

.BoxfloatLeft{ float:left;}

img{ border:none;}

/*------------------------------------------------------------------------------------------------------------------*/
/*---- bOX FOOTER --------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/

.footer{
	float:left;
	width:100%; height:150px;
	margin:0px auto 0px auto; padding:0px;
	background:#c0d253;
}

.footer-fond{
	width:100%; height:70px;
	margin:0px auto 0px auto; padding:0px; border:none;
	background: url(../images/footer-fond.jpg) top left no-repeat;
}

.footer-bottom {
	width:100%; height:80px;
	margin:0px auto 0px auto; padding:0px; border:none;
	background:#FFF;
}

.drap{
	float:left;
	margin:0px 0px 0px 50px; padding:20px 0px 0px 0px;
}

/*------------------------------------------------------------------------------------------------------------------*/
/*---- Signature --------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/

p.webmade {
	float:left;
	height:30px;
	padding:30px 0px 0px 320px;
	margin:0px;
	font:normal normal 10px/18px Arial, Helvetica, sans-serif;
	color:#666;
	text-align:center;
}

p.webmade a:link{
	font:normal normal 10px/18px Arial, Helvetica, sans-serif;
	color:#999;
	text-decoration:underline;
}

p.webmade a:visited{
	font:normal normal 10px/18px Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:underline;
}
p.webmade a:hover{
	font:normal normal 10px/18px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}


/*------------------------------------------------------------------------------------------------------------------*/
/*---- Agenda --------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/

#agenda { margin: 30px 0 ; padding: 0;}

	#agenda li { margin: 0; padding: 0; list-style: none;}
		#agenda li h3 { width: 170px; font: normal normal 10px/18px Verdana, Arial, Helvetica, sans-serif; color: #555; margin: 0; padding: 0; letter-spacing: 0; }
		#agenda li { display: block; float: left; margin: 10px; }
		#agenda li img { float: left;}
		#agenda li a { display: block; float: left; }
		#agenda li a:link, #agenda li a:visited { border: 2px #ccc solid; }
		#agenda li a:hover, #agenda li a:active, #agenda li a:focus { border: 2px #C0D253 solid; }