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

/* définition générale des propriétés, couleurs, decorations, ..., des liens du site */
.menu1 a:link { 	color: #352d38;
	text-decoration: none;
	font-size: 12px;
	line-height: 13px;} 
.menu1 a:visited {	color: #352d38;
	text-decoration: none;
	font-size: 12px;
	line-height: 13px;}
.menu1 a:hover {	color: #352d38;
	text-decoration: underline;
	font-size: 12px;
	line-height: 13px;}
.menu1 a:active {
	color: #352d38;
	text-decoration: underline;
	font-size: 12px;
	line-height: 13px;
}

.menu2 a:link {
	color: #51315F;
	text-decoration: underline;
} 
.menu2 a:visited { color: #51315F; text-decoration: none; }
.menu2 a:hover { color: #51315F; text-decoration: underline; }
.menu2 a:active {
	color: #51315F;
	text-decoration: none;
	font-weight: bold;
}

.menu3 a:link { color: #FFFFFF; text-decoration: underline; } 
.menu3 a:visited { color: #FFFFFF; text-decoration: none; }
.menu3 a:hover { color: #FFFFFF; text-decoration: none; }
.menu3 a:active { color: #FFFFFF; text-decoration: none; }
/* On pourait aussi définire les paragraphes, les titres 1, 2, 3, ... (Par défault c'est bien, mais l'affichage peut différer entre IE. FireFox, Safarie, ... ) */
p {}
h1 {}
h2 {}

body{ /* Définition de la couleur de fond, de la police générale, des marges principales, ... */
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	line-height: 1.15;	
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
}

#conteneur{ /* Div qui permet de centrer le site et lui donne sa largeur max */
	position:absolute;
	left: 50%;
	margin-left:-490px;
	width:1024px;
	z-index:0;
	height: 1037px;
}

#site{ /* Div du site */
	margin:30px 0 30px 0; /* Petites mages en haut et en bas */
	height:870px; /* Hauteur du site */
	border:0px dashed #64a4fb; /* Pour montrer la position du site. !! Ajouter la taille de la bordure (ou soustraire si tu l'enleve) a la largeure du site dans #conteneur */
	background:url(images/nussbaumer_accueil.jpg) no-repeat; /* l'image de fond */
}

#site2{ /* Div du site */
	margin:30px 0 30px 0; /* Petites mages en haut et en bas */
	height:1000px; /* Hauteur du site */
	border:0px dashed #64a4fb; /* Pour montrer la position du site. !! Ajouter la taille de la bordure (ou soustraire si tu l'enleve) a la largeure du site dans #conteneur */
	background:url(images/nussbaumer_fond.jpg) no-repeat; /* l'image de fond */
}

#site3{ /* Div du site */
	margin:30px 0 30px 0; /* Petites mages en haut et en bas */
	height:1037px; /* Hauteur du site */
	border:0px dashed #64a4fb; /* Pour montrer la position du site. !! Ajouter la taille de la bordure (ou soustraire si tu l'enleve) a la largeure du site dans #contaueneur */
	background:url(images/nussbaumer_tarifs.jpg) no-repeat; /* l'image de fond */
}

#site4{ /* Div du site */
	margin:30px 0 30px 0; /* Petites mages en haut et en bas */
	height:794px; /* Hauteur du site */
	border:0px dashed #64a4fb; /* Pour montrer la position du site. !! Ajouter la taille de la bordure (ou soustraire si tu l'enleve) a la largeure du site dans #conteneur */
	background:url(images/contact.jpg) no-repeat; /* l'image de fond */
}
#site5{ /* Div du site */
	margin:30px 0 30px 0; /* Petites mages en haut et en bas */
	height:794px; /* Hauteur du site */
	border:0px dashed #64a4fb; /* Pour montrer la position du site. !! Ajouter la taille de la bordure (ou soustraire si tu l'enleve) a la largeure du site dans #conteneur */
	background:url(images/partenaires.jpg) no-repeat; /* l'image de fond */
}

#top{ /* On coupe le site en deux, ici Div #top (le menu) */
	height:300px; /* !! #top height + #bas height = #site height */
}
#menu1{
	position:absolute;
	top:334px;
	padding-left:00px;
	z-index:1;
	left: 267px;
	border: 0px;
	height: 113px;
	width: 108px;
} /* position du lien Accueil (une image jpg, plutot que du texte pour garder t'as police d'écriture) */
#menu2{
	position:absolute;
	top:312px;
	padding-left:00px;
	z-index:1;
	left: 394px;
	border: 0px;
	height: 115px;
	width: 108px;
}
#menu3{
	position:absolute;
	top:343px;
	padding-left:00px;
	z-index:1;
	left: 520px;
	border: 0px;
	height: 91px;
	width: 108px;
}
#menu4{
	position:absolute;
	top:327px;
	padding-left:00px;
	z-index:1;
	left: 646px;
	border: 0px;
	height: 114px;
	width: 108px;

}


#bas{ /* On coupe le site en deux, ici Div #bas (le contenus) */
	height:594px; /* !! #top height + #bas height = #site height */
}
#contenus1{
	position:absolute;
	top:722px;
	padding-left:00px;
	z-index:1;
	left: 269px;
	border: 0px;
	width: 490px;
	height: 194px;
	font-family: Arial, Helvetica, sans-serif;
} /* position du texte */ 
#contenus2{
	position:absolute;
	top:850px;
	padding-left:00px;
	z-index:1;
	left: 269px;
	border: 0px;
	width: 490px;
	height: 262px;
	font-family: Arial, Helvetica, sans-serif;
}
#contenus3{
	position:absolute;
	top:479px;
	padding-left:00px;
	z-index:1;
	left: 269px;
	border: 0px;
	width: 490px;
	height: 27px;
}
#contenus4{
	position:absolute;
	top:479px;
	padding-left:00px;
	z-index:1;
	left: 269px;
	border: 0px;
	width: 220px;
	height: 250px;
}
#contenus5{
	position:absolute;
	top:479px;
	padding-left:00px;
	z-index:1;
	left: 509px;
	border: 0px;
	width: 250px;
	height: 260px;
}
#contenus6{
	position:absolute;
	top:698px;
	padding-left:00px;
	z-index:1;
	left: 269px;
	border: 0px;
	width: 490px;
	height: 323px;
	font-family: Arial, Helvetica, sans-serif;
}
#contenus7{
	position:absolute;
	top:1016px;
	padding-left:00px;
	z-index:1;
	left: 549px;
	border: 0px;
	width: 211px;
	height: 31px;
	text-align: right;
}
#contenus8{
	position:absolute;
	top:472px;
	padding-left:00px;
	z-index:1;
	left: 269px;
	border: 0px;
	width: 490px;
	height: 545px;
	font-family: Arial, Helvetica, sans-serif;
}
#contenus9{
	position:absolute;
	top:482px;
	padding-left:00px;
	z-index:1;
	left: 269px;
	border: 0px;
	width: 490px;
	height: 564px;
	font-family: Arial, Helvetica, sans-serif;
}

ul li{
     position:relative;float:left;
     width:140px;height:140px;padding:10px;list-style:none;
}

          
ul li a{
     display:block;overflow:hidden;
     width:140px;height:140px;
     margin-top:0px;margin-left:0px;
     border:0px solid rgba(0,0,0,0.7);
     transition-property:width,height,margin,z-index,border;
     transition-duration:0.4s;
}

ul li a:hover{
     position:absolute;
     width:200px;height:200px;
     margin-top:-56px;margin-left:-56px;
     z-index:100;
     border:6px solid rgba(0,0,0,0.7);
}
          
ul li a img{
     position:absolute;
     width:140px;height:140px;z-index:20;
     transition-property:width,height,z-index;
     transition-duration:0.4s;
}
          
ul li a:hover img{
     width:200px;height:200px;
     z-index:100;
}