body, html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #484848;
	background: #fff;
	height: 100%;
	width: 100%;
	overflow: hidden;
	background: url(images/fond_site.jpg);
	}



.form_clean{
	border: none;
	background: none;
	font-weight: lighter;
	vertical-align: middle;
}



.spacer{
	clear: both;
}

/*****  haut *****/

#haut{
	background: #000 ;
	height: 21px;
	position: absolute;
	right: 0px;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 3;
}

/***** menu du haut *****/
#bloc_menu_haut{
	display: inline;
	height: 21px;
	float: right;
	margin-right: 200px;
	border-right: #9f9f9f solid 1px;
}

#bloc_menu_haut a{
	color: #fff;
	display: block;
	float: left;
	height: 17px;
	font-weight: bold;
	padding: 3px 5px 0px 5px;
	border-top: #a0e603 solid 1px;
	border-left: #9f9f9f solid 1px;
}
#bloc_menu_haut a:hover{
	color: #aaff00;
	border-top: #aaff00 solid 2px;
	padding: 2px 5px 0px 5px;
}

#header{
	background: url(images/fond_header.jpg);
	height: 140px;
	position: absolute;
	right: 0px;
	top: 21px;
	left: 37px;
	width: 100%;
	overflow: hidden;
	z-index: 3;
}

#logo{
	margin-left: 60px;
	float: left;
}
#anim{
	margin-right: 60px;
	float: right;
}


/***** bandeau gauche image *****/

#bandeau{
	background: #000 ;
	width: 48px;
	position: absolute;
	top: 21px;
	right: 0px;
	bottom: 52px;
	left: 0px;
	height: 100%;
	z-index: 3;
}

/***** menu *****/
#bloc_menu{
	background: url(images/fond_menu.gif) right ;
	position: absolute;
	width: 142px;
	top: 0px;
	bottom: 52px;
	left: 50%;
	height: 100%;
	margin-left: -400px;
	z-index: 2;
	text-align: right;
	/*border: #00FF00 solid 1px;*/
}
#bloc_menu a{
	color: #000;
	padding: 0px 6px 8px 0px;
	margin: 0px 0px 8px 0px;
	background: url(images/fond_lien_menu.gif) no-repeat right bottom ;
	display: block;
	/*width: 136px;*/
	border-right: #838383 solid 3px;
}
#bloc_menu a:hover{
	color: #77b200;
	border-right: #77b200 solid 3px;
}
/***** contenu *****/
#page{
	position:absolute;
	width: 100%;
	top: 172px;
	right: 0px;
	bottom: 52px;
	left:0px;
	overflow: auto;
	z-index: 2;
	/*border: #00FF00 solid 1px;*/
	scrollbar-face-color: #ccc; 
    scrollbar-shadow-color: #ccc;
    scrollbar-highlight-color: #ccc;
    scrollbar-3dlight-color: #ccc; 
    scrollbar-darkshadow-color: #ccc; 
    scrollbar-track-color: #eee; 
    scrollbar-arrow-color: #77b200;

}

#contenu{
	background: url(images/fond_contenu.jpg) repeat-y;
	/*height: 300px;*/
	width: 630px;
	position: absolute;
	/*top: 200px;*/
	left: 50%;
	/*bottom: 0px;*/
	margin-left: -260px;
	padding: 0px 0px 0px 20px;
	z-index: 2;
	/*border: #f00 solid 1px;*/
}

#titre_page{
	background: #3c3c3c;
	position: absolute;
	width: 1000px;
	top: 146px;
	left: 50%;
	height: 26px;
	margin-left: -240px;
	z-index: 3;
	/*border: #f00 solid 1px;*/
}




#index{
	background: #000 url(images/fond_index.gif);
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -250px;
	right: 0px;
	left: 0px;
	z-index: 3;
}


/***** bas de page *****/
#footer{
	background: #f0f0f0 ;
	height: 52px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	margin-bottom: -1px;
	left: 0px;
	width: 100%;
	text-align: right;
	z-index: 3;
	border-top: #d0d0d0 solid 1px;
}

#bloc_recherche{
	background: #c7c7c7 ;
	height: 52px;
	position: absolute;
	bottom: 0px;
	right: 50%;
	width: 1000px;
	margin-right: 280px;
	border-right: #c7c7c7 solid 1px;
	border-top: #c7c7c7 solid 1px;
	margin-bottom: -1px;
	z-index: 4;
}

#recherche {
	height: 46px;
	width: 175px;
	float: right;
	margin: 6px 0px 0px 0px;
}

#recherche input{
	border: none;
	height: 11px;
	background: #fff;
}

#login {
	height: 46px;
	width: 300px;
	position: absolute;
	bottom: 0px;
	right: 50%;
	margin-right: -30px;
	z-index: 4;
	text-align: left;
	float: right;
	padding: 6px 0px 0px 0px;
	/*border: #f00 solid 1px;*/
}

#login input{
	border: none;
	height: 11px;
	background: #fff;
}

#fond_index{
	background: url(images/fond_index.gif);
	width: 100%;
	height: 477px;
	position: absolute;
	top: 50%;
	margin-top: -250px;
	right: 0px;
	left: 0px;
	/*border: #f00 solid 1px;*/
}

#index{
	background: url(images/index.jpg);
	width: 960px;
	height: 477px;
	position: absolute;
	top: 50%;
	margin-top: -250px;
	right: 0px;
	left: 0px;
	/*border: #f00 solid 1px;*/
}
#index_uk{
	background: url(images/index_uk.jpg);
	width: 960px;
	height: 477px;
	position: absolute;
	top: 50%;
	margin-top: -250px;
	right: 0px;
	left: 0px;
	/*border: #f00 solid 1px;*/
}
#index_de{
	background: url(images/index_de.jpg);
	width: 960px;
	height: 477px;
	position: absolute;
	top: 50%;
	margin-top: -250px;
	right: 0px;
	left: 0px;
	/*border: #f00 solid 1px;*/
}
#bloc_presentation{
	position: absolute;
	display: block;
	width: 516px;
	height: 100px;
	top: 50%;
	left: 50%;
	margin-top: -220px;
	margin-left: -62px;
	padding: 9px 12px 8px 12px;
	overflow: hidden;
	/*border: #00f solid 1px;*/
}

#bloc_menu_index{
	position: absolute;
	display: block;
	width: 540px;
	height: 26px;
	top: 50%;
	left: 50%;
	margin-top: -103px;
	margin-left: -62px;
	border-left: #fff solid 1px;
	/*border: #00f solid 1px;*/
}

#bloc_menu_index a{
	color: #fff;
	font-size: 13px;
	display: block;
	float: left;
	/*height: 17px;*/
	font-weight: bold;
	padding: 7px 14px 7px 14px;
	border-top: #a0e603 solid 2px;
	border-right: #fff solid 1px;
}
#bloc_menu_index a:hover{
	color: #aaff00;
	border-top: #aaff00 solid 4px;
	padding: 5px 14px 7px 14px;
}

#bloc_liste{
	position: absolute;
	display: block;
	width: 540px;
	height: 207px;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -62px;
	/*padding: 9px 12px 8px 12px;*/
	/*border: #00f solid 1px;*/
}

#bloc_liste div{
	display: block;
	width: 230px;
	float: left;
	padding: 0px 0px 0px 10px;
	border-left: #abaaaa solid 1px;
}

#bloc_liste a{
	color: #fff;
	display: block;
	background: url(images/fond_list_off.gif) no-repeat 0px 8px;
	padding: 2px 0px 3px 10px;
}

#bloc_liste a:hover{
	color: #aaff00;
	background: url(images/fond_list_on.gif) no-repeat 2px 7px;
}

#bloc_actu{
	position: absolute;
	font-size: 10px;
	display: block;
	width: 516px;
	height: 60px;
	top: 50%;
	left: 50%;
	margin-top: 190px;
	margin-left: -62px;
	padding: 0px 12px 4px 12px;
	overflow: hidden;
	/*border: #00f solid 1px;*/
}

.bouton_savoir_plus{
	color: #8a9b64;
	font-weight: bold;
	font-size: 10px;
	display: block;
	background: url(images/fond_bouton_detail.gif) no-repeat right;
	text-align: right;
	padding-right:18px;
/*	margin: 8px 0px 0px 0px;*/	
}

.bouton_savoir_plus:hover{
	color: #87bc0f;
	background: url(images/fond_bouton_detail_on.gif) no-repeat right;
}