@import "../reset.css"; /*le lien vers le fameux reset */
/* Centrage Vertical / Horizonal le format du contenant est de 840x394 - tu le changes si tu veux*/
#bug{
	margin-left: -310px;
	position: absolute;
	top: -68px;
	left: 50%;
	width: 620px;
	height: 520px;
	border: 0px;
}

#l_bug{
	position: absolute;
	top: 446px;
	left: 531px;
	width: 142px;
	height: 13px;
	border: 0px;
}

#conteneur {
	text-align: center;
	position: absolute;
	top: 50%;
	width: 100%;
	left: 0px;
	
}

#contenu_attente {
	margin-left: -446px;
	position: absolute;
	top: -290px;
	left: 50%;
	width: 892px; 
	height: 580px;
	border: 0px;
	
	
}
/* contenu principal*/

#contenu {
	margin-left: -350px;
	position: absolute;
	top: -250px;
	left: 50%;
	width: 700px;
	height: 500px;
	z-index:20;
	
}
#nom{
	position:absolute;
	width:177;
	height:26;
	left: 27px;
	top: 13px;
}
#text_btnlapin{
	position:absolute;
	width:595px;
	height:416px;
	left: 52px;
	top: 25px;
	visibility: hidden;
	z-index:20;
	background-image: url(../img/graphik/fond_lapin.gif);
	text-align:left;
}
#text_btnphoto{
	position:absolute;
	width:596px;
	height:420px;
	left: 52px;
	top: 22px;
	visibility: hidden;
	z-index:20;
	background-image: url(../img/graphik/fond_lapin.gif);
	text-align:left;
}
#text_diapo{
	position:absolute;
	width:313px;
	height:165px;
	left: 323px;
	top: 139px;
	visibility: hidden;
	z-index:20;
	text-align:left;
	background-color: #FFFFFF;
}

#menu {
	position:absolute;
	width:320px;
	height:15;
	left: 330px;
	top: 31px;
}

#btn_contact{
	position:absolute;
	width:14;
	height:97;
	left: 654px;
	top: 88px;
}
#btn_lapin{
	position:absolute;
	width:17;
	height:118;
	left: 652px;
	top: 200px;
}
#btn_photo{
	position:absolute;
	width:17;
	height:105;
	left: 652px;
	top: 331px;
}
#btn_legend{
	position:absolute;
	width:550;
	height:27;
	left: 101px;
	top: 459px;
	background-image: url(../img/graphik/legende.jpg);
}
#p_mulhouse{
	position:absolute;
	width:26;
	height:221;
	left: 173px;
	top: 163px;
	z-index:-10;
}

/*fin de contenu principal*/


#contenu_photo {
	margin-left: -310px;
	position: absolute;
	top: -260px;
	left: 50%;
	width: 620px; 
	height: 520px;
	border: 0px;
	text-align: left;
	
}

.ie6 #contenu_photo {
	margin-left: 57px;
}

#contenu_page {
	margin-left: -420px;
	position: absolute;
	top: -295px;
	left: 50%;
	width: 840px; 
	height: 590px;
	border: 0px;
	text-align: left;
	
}

#titre{
	position: absolute;
	top: 570px;
	left: 20px;
    
}

p{
	font-family: Arial, sans-serif;
	font-size: 11px;
	margin-left: 15px;
	margin-right: 15px;
}
.gras{
	font-weight: bold;
	color:#77e8fa;
}
.grasp{
	font-weight: normal;
	color: #77e8fa;
	margin-top: 250px;
}
.intro{
	font-weight: normal;
	color: #0099CC;
}
.legend{
	font-size: 13px;
	font-weight: bold;
	color: #77e8fa;	
}

/*.Extrait page - */

#contenu_extrait {
	margin-left: -365px;
	position: absolute;
	top: -270px;
	left: 50%;
	width: 730px; 
	height: 540px;
	border: 0px;
	text-align: left;
	font-family: Arial, sans-serif;
}


/* fin de Extrait page - */

/* page  photo- */

#titre_photo{
	width:100%;
	height:6%;
	display:block;
	padding-left:240px;
	padding-top:20px;
}
 #fleche_g{
	position: absolute;
	top: 670px;
	left: 785px;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
	
}

.ie6 #fleche_g {
	top: 335px;
}

 #fleche_d{
	position: absolute;
	top: 670px;
	left: 765px;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
	
}
.ie6 #fleche_d {
	top: 335px;
}

/* fin de page  photo- */