﻿body {
	background-color:#fff;
	margin:0; padding:0;
}
#total {
	position:absolute;
	width:895px;
	height:595px;
	top:50%; left:50%;
	margin-top:-297px; margin-left:-470px;
	background-color:#fff;
}
/*-------------------------------------------------------------------------------- ACCUEIL */
#total_intro {
	position:absolute;
	width:814px;
	height:590px;
	top:50%; left:50%;
	margin-top:-297px; margin-left:-410px;
	background-color:#fff;
}
#accueil {
	background: url(../images/_interface/background_accueil.jpg) top left no-repeat;
	position:absolute;
	margin:0; padding:0;
	width:895px; height:595px;
	/* border:1px solid red; */
}
#accueil_anim {
	/* background: url(../images/_interface/background_accueil.jpg) top left no-repeat; */
	position:absolute;
	margin:0; padding:0;
	width:814px; height:590px;
}
#intro_footer a {
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	font-family:Arial;
	color:black;
}
#intro_footer a:hover {
	color:#D8284D;
}
#accueil #flash_anim {
	position:absolute;
	top:0px; left:0px;
	/* background: url(../images/_interface/accueil_flash.jpg); */
}
#accueil #flash_accueil {
	position:absolute;
	top:371px; left:0px;
	background: url(../images/_interface/accueil_flash.jpg);
}
/*-------------------------- MENU GAUCHE ACCUEIL */
#accueil #menu_gauche_accueil {
	position:absolute;
	left:184px; top:174px;
	width:158px; height:197px;
	text-decoration:none;
	z-index:2;
}
#accueil #menu_gauche_accueil ul {
	position:absolute;
	left:0; top:0;
	width:158px; height:197px;
	list-style-type:none;
	margin:0; padding:0; 
}
#accueil #menu_gauche_accueil li {
	float:left;
}
#accueil #menu_gauche_accueil li a span{
	visibility:hidden;
}
#accueil #menu_gauche_accueil a{
	display:block;
	width:158px;
	text-decoration:none;
}
#accueil #menu_gauche_accueil a.bienvenue {
	height:50px;
	background:url(../images/_interface/btn_accueil_bienvenue.jpg) top left no-repeat; 
}
#accueil #menu_gauche_accueil a:hover.bienvenue {
	background:url(../images/_interface/btn_accueil_bienvenue_on.jpg) top left no-repeat;
}
#accueil #menu_gauche_accueil a.welcome {
	height:48px;
	margin-top:30px;
	background:url(../images/_interface/btn_accueil_welcome.jpg) top left no-repeat;
}
#accueil #menu_gauche_accueil a:hover.welcome {
	background:url(../images/_interface/btn_accueil_welcome_on.jpg) top left no-repeat;
}
#accueil #menu_gauche_accueil a.willkommen {
	height:48px;
	margin-top:22px;
	background:url(../images/_interface/btn_accueil_willkommen.jpg) top left no-repeat;
}
#accueil #menu_gauche_accueil a:hover.willkommen {
	background:url(../images/_interface/btn_accueil_willkommen_on.jpg) top left no-repeat;
}
#accueil #background_menu_accueil {
	position:absolute; top:0; left:184px;
	background:url(../images/_interface/background_menu_accueil.jpg) top left no-repeat;
	width:574px; height:371px;
}
#accueil #footer_accueil {
	position:absolute; top:569px; left:250px; width:400px; height:18px;
	font-family:arial; font-size:9px; font-weight:bold; color:#d8284d;
	text-align:center;
}
#accueil #footer_accueil a {
	color:#d8284d; text-decoration:none;
}
#accueil #footer_accueil a:hover {
	color:#d8284d; text-decoration:blink;
}
/*--------------------------------------------------------------------------------- CONTENU */
#contenu {
	background: url(../images/_interface/background.jpg) top left no-repeat;
	position:absolute;
	width:895px;
	height:595px;
	margin:0; padding:0;
}
/*-------------------------- Btn ACTUALITES */
#contenu #btn_actualites {
	position:absolute;
	top:0px; left:0px; margin:0; padding:0;
	width:97px;
	height:38px;
}
/*-------------------------- Petit LOGO */
#contenu #petit_logo {
	position:absolute;
	top:50px; left:30px; margin:0; padding:0;
	width:97px;
	height:38px;
}
/*-------------------------- Btn INSCRIPTION */
#contenu #btn_inscription {
	position:absolute;
	top:9px; left:668px; margin:0; padding:0;
	width:150px;
	height:38px;
	z-index:5;
}
/*-------------------------- Btn APL */
#contenu #btn_apl {
	position:absolute;
	left:0px; top:536px; margin:0; padding:0;
	width:97px;
	height:45px;
}
/*-------------------------- Btn DATA-PROJEKT */
#contenu #btn_data-projekt {
	position:absolute;
	right:0px; top:542px; margin:0; padding:0;
	width:90px;
	height:39px;
}
/*-------------------------- FOOTER */
#contenu #footer {
	position:absolute; 
	left:50%;
	margin-left:-275px; top:578px; 
	width:650px;
	height:14px;
	font-family:Arial; font-size:11px; font-weight:bold;
}
#contenu #footer a {
	text-decoration:none;
	color:#000;
}
#contenu #footer a:hover{
	text-decoration:none; color:#d8284d;
}
/*-------------------------- MENU GAUCHE */
#contenu #contenu_gauche #menu_gauche {
	position:absolute;
	left:0; top:173px;
	width:194px; height:205px;
	text-decoration:none;
	z-index:2;
}
#contenu #contenu_gauche  #menu_gauche ul {
	position:absolute;
	left:0; top:0;
	width:194px; height:205px;
	list-style-type:none;
	margin:0; padding:0; 
}
#contenu #contenu_gauche  #menu_gauche li {
	float:left;
}
#contenu #contenu_gauche  #menu_gauche li a span{
	visibility:hidden;
}
#contenu #contenu_gauche  #menu_gauche a{
	display:block;
	width:194px;
	text-decoration:none;
}
#contenu #contenu_gauche  #menu_gauche a.residence {
	height:49px;
	background:url(../images/_interface/btn_residence_off.jpg) top left no-repeat; 
}
#contenu #contenu_gauche  #menu_gauche a.residence_en {
	height:49px;
	background:url(../images/_interface/btn_residence_en_off.jpg) top left no-repeat; 
}
#contenu #contenu_gauche  #menu_gauche a.residence_de{
	height:49px;
	background:url(../images/_interface/btn_residence_de_off.jpg) top left no-repeat; 
}
#contenu #contenu_gauche  #menu_gauche a.residence_  {
	height:49px;
	background:url(../images/_interface/btn_residence_on.jpg) top left no-repeat;
}
#contenu #contenu_gauche  #menu_gauche a.residence_en_ {
	height:49px;
	background:url(../images/_interface/btn_residence_en_on.jpg) top left no-repeat;
}
#contenu #contenu_gauche  #menu_gauche a.residence_de_ {
	height:49px;
	background:url(../images/_interface/btn_residence_de_on.jpg) top left no-repeat;
}
#contenu #contenu_gauche  #menu_gauche a:hover.residence  {
	background:url(../images/_interface/btn_residence_on.jpg) top left no-repeat;
}
#contenu #contenu_gauche  #menu_gauche a:hover.residence_en  {
	background:url(../images/_interface/btn_residence_en_on.jpg) top left no-repeat;
}
#contenu #contenu_gauche  #menu_gauche a:hover.residence_de  {
	background:url(../images/_interface/btn_residence_de_on.jpg) top left no-repeat;
}

#contenu #contenu_gauche  #menu_gauche a.tarifs {
	height:53px;
	margin-top:24px;
	background:url(../images/_interface/btn_tarifs_off.jpg) top left no-repeat;
}
#contenu #contenu_gauche  #menu_gauche a.tarifs_en {
	height:53px;
	margin-top:24px;
	background:url(../images/_interface/btn_tarifs_en_off.jpg) top left no-repeat;
}
#contenu #contenu_gauche  #menu_gauche a.tarifs_de {
	height:53px;
	margin-top:24px;
	background:url(../images/_interface/btn_tarifs_de_off.jpg) top left no-repeat;
}
#contenu #contenu_gauche  #menu_gauche a.tarifs_ {
	height:53px;
	margin-top:24px;
	background:url(../images/_interface/btn_tarifs_on.jpg) top left no-repeat;
}
#contenu #contenu_gauche  #menu_gauche a.tarifs_en_ {
	height:53px;
	margin-top:24px;
	background:url(../images/_interface/btn_tarifs_en_on.jpg) top left no-repeat;
}
#contenu #contenu_gauche  #menu_gauche a.tarifs_de_ {
	height:53px;
	margin-top:24px;
	background:url(../images/_interface/btn_tarifs_de_on.jpg) top left no-repeat;
}
#contenu #contenu_gauche  #menu_gauche a:hover.tarifs {
	background:url(../images/_interface/btn_tarifs_on.jpg) top left no-repeat;
}
#contenu #contenu_gauche  #menu_gauche a:hover.tarifs_en {
	background:url(../images/_interface/btn_tarifs_en_on.jpg) top left no-repeat;
}
#contenu #contenu_gauche  #menu_gauche a:hover.tarifs_de {
	background:url(../images/_interface/btn_tarifs_de_on.jpg) top left no-repeat;
}

#contenu #contenu_gauche  #menu_gauche a.infos {
	height:51px;
	margin-top:28px;
	background:url(../images/_interface/btn_infos_off.jpg) top left no-repeat;
}
#contenu #contenu_gauche  #menu_gauche a.infos_en {
	height:51px;
	margin-top:28px;
	background:url(../images/_interface/btn_infos_en_off.jpg) top left no-repeat;
}
#contenu #contenu_gauche  #menu_gauche a.infos_de{
	height:51px;
	margin-top:28px;
	background:url(../images/_interface/btn_infos_de_off.jpg) top left no-repeat;
}
#contenu #contenu_gauche  #menu_gauche a.infos_ {
	height:51px;
	margin-top:28px;
	background:url(../images/_interface/btn_infos_on.jpg) top left no-repeat;
}
#contenu #contenu_gauche  #menu_gauche a.infos_en_ {
	height:51px;
	margin-top:28px;
	background:url(../images/_interface/btn_infos_en_on.jpg) top left no-repeat;
}
#contenu #contenu_gauche  #menu_gauche a.infos_de_ {
	height:51px;
	margin-top:28px;
	background:url(../images/_interface/btn_infos_de_on.jpg) top left no-repeat;
}
#contenu #contenu_gauche  #menu_gauche a:hover.infos {
	background:url(../images/_interface/btn_infos_on.jpg) top left no-repeat;
}
#contenu #contenu_gauche  #menu_gauche a:hover.infos_en {
	background:url(../images/_interface/btn_infos_en_on.jpg) top left no-repeat;
}
#contenu #contenu_gauche  #menu_gauche a:hover.infos_de {
	background:url(../images/_interface/btn_infos_de_on.jpg) top left no-repeat;
}
/*-------------------------- Header Gauche */
#contenu #contenu_gauche #header_gauche {
	position:absolute; top:0; left:97px;
}
/*-------------------------- Header Droite */
#contenu #contenu_droite #header_droite {
	position:absolute; top:0; left:469px;
}
/*-------------------------- Titre */
#contenu #contenu_droite #titre {
	position:absolute; top:82px; left:584px;
}
/*-------------------------- Savoir_plus */
#contenu #contenu_droite #savoir_plus {
	position:absolute; top:70px; left:770px; z-index:2;
}
/*-------------------------- Background droite g */
#contenu #contenu_droite #background_droite_g {
	position:absolute; top:116px; left:469px;
}
/*-------------------------- Background droite d */
#contenu #contenu_droite #background_droite_d {
	position:absolute; top:116px; left:805px;
}
/*-------------------------- Background droite d */
#contenu #contenu_droite #background_droite_b {
	position:absolute; top:500px; left:584px;
}
/*-------------------------- Background footer */
#contenu #contenu_droite #background_footer_gauche {
	position:absolute; top:542px; left:194px;
}
#contenu #contenu_droite #background_footer_droite {
	position:absolute; top:542px; left:469px;
}
/*-------------------------- Background MENU */
#contenu #contenu_gauche #background_menu {
	position:absolute; top:82px; left:97px;
	background:url(../images/_interface/background_menu.jpg) top left no-repeat;
	width:97px; height:499px;
}
/*-------------------------- FLASH */
#contenu #contenu_gauche #flash {
	position:absolute;
	left:194px; top:82px;
	background: url(../images/_interface/fond_flash_vide.jpg);
}
/*-------------------------- INSIDE */
#contenu #contenu_droite #inside {
	position:absolute;
	left:584px; top:120px; width:221px; height:380px;
}
#contenu #contenu_droite #inside h1{
	margin:10px 3px 0 3px; padding:0;
	font-size:14px; font-family:Arial; font-weight:bold;
	color:#535154;
}
#contenu #contenu_droite #inside p{
	margin:10px 3px 10px 3px; padding:0;
	font-size:12px; font-family:Arial;
}
#contenu #contenu_droite #inside ul{
	margin:10px 10px 10px 3px; 
	padding:0 0 0 35px; 
	font-size:12px; font-family:Arial;
	color:#535154; list-style-type:square;
}
#contenu #contenu_droite #inside li {
	margin-top:3px; padding:0;
	font-size:12px; font-family:Arial;
}
.liste  {
	list-style-type:square; color:#535154;
}
span.savoir_plus a{
	color:#d8284d; font-weight:bold; font-size:10px; 
}
span.savoir_plus a:hover {
	color:#d8284d; font-weight:bold; font-size:10px; text-decoration:none;
}
/*-------------------------- FLECHES SCROLL */
#contenu #contenu_droite #fleche_haut {
	position:absolute;
	top:82px; left:805px;
}
#contenu #contenu_droite #fleche_bas {
	position:absolute;
	top:500px; left:805px;
}
/*-------------------------- FORMULAIRES */
#contenu #contenu_droite #espace_form {
	position:absolute;
	top:56px; left:490px; width:355px; height:467px;
	overflow:auto; margin:0; padding:0;
}
#contenu #contenu_droite #cadre_haut {
	position:absolute; top:38px; left:490px;
}
#contenu #contenu_droite #cadre_droite {
	position:absolute; top:56px; left:845px;
}
#contenu #contenu_droite #cadre_bas {
	position:absolute; top:523px; left:490px;
}
#contenu #contenu_droite #cadre_gauche {
	position:absolute; top:38px; left:469px;
}
#contenu #contenu_droite #espace_form  h1 {
	margin:10px 3px 0 3px; padding:0;
	font-size:14px; font-family:Arial; font-weight:bold;
	color:#535154;
}
#contenu #contenu_droite #espace_form label {
	margin:10px 3px 0 3px; padding:0;
	font-size:14px; font-family:Arial; font-weight:normal;
	color:#d8284d;
}
.normal {
	font-weight:normal;
	text-align:justify;
	color:#535154;
}
.bold {
	font-weight:bold;
	text-align:justify;
	color:#535154;
}
.bold a {
	color:#535154; font-weight:bold; font-size:10px; 
}
.bold a:hover {
	color:#d8284d; font-weight:bold; font-size:10px; text-decoration:none;
}
.normal a {
	color:#535154; font-weight:bold; font-size:10px; 
}
.normal a:hover {
	color:#d8284d; font-weight:bold; font-size:10px; text-decoration:none;
}
.tab {
	margin:10px 3px 10px 10px; padding:0;
	font-size:12px; font-family:Arial;
}




