/***************** BODY *****************/

* {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

body {
	background: #0c0c0c;
}


/***************** HEADER *****************/

#header {
	background:url(../images/charte/header.jpg) top center no-repeat;
	height:28px;
	width: 100%;
	position:relative;
}

#logo {
	background:url(../images/charte/logo.jpg) no-repeat;
	width:366px;
	height:64px;
	position:absolute;
	z-index:10;
	margin-top: 20px;
	margin-left: -494px;
	left: 50%;
}

#banniere {
	background:url(../images/charte/banniere.png) no-repeat;
	width:426px;
	height:28px;
	position:absolute;
	z-index:10;
	left: 50%;
	margin-left: -360px;
	margin-top: 75px;
}





/***************** CONTAINER ACCUEIL*****************/

#container {
	width: 978px;
	text-align:left;
	min-height:600px;
	background:url(../images/charte/contenu.jpg) top center repeat-y;
	position:relative;
	left: 50%;
	margin-left: -489px;
}

#lumiere_fond {
	background:url(../images/charte/lumiere_fond.jpg) no-repeat;
	width:942px;
	height:673px;
	margin-top: -28px;
	margin-left: 17px;
	position:relative;
	z-index:1;
}

/***** MENU *****/
#menu {
	height:30px;
	margin-top: -490px;
	margin-left: 291px;
}
#visite {
	background:url(../images/charte/visite.png) no-repeat;
	width:151px;
	height:30px;
	position:relative;
	z-index:10;
	float:left;
}

#photographie {
	background:url(../images/charte/photographie.png) no-repeat;
	width:144px;
	height:30px;
	z-index:10;
	position:relative;
	float:left;
}

#objet {
	background:url(../images/charte/objet.png) no-repeat;
	width:166px;
	height:30px;
	z-index:10;
	position:relative;
	float:left;
}

#slide {
	background:url(../images/charte/slideshow.png) no-repeat;
	width:121px;
	height:30px;
	z-index:10;
	position:relative;
	float:left;
}

#film {
	background:url(../images/charte/filmhd.png) no-repeat;
	width:81px;
	height:30px;
	z-index:10;
	position:relative;
	float:left;
}


#barre {
	background:url(../images/charte/barre.png) no-repeat;
	width:654px;
	height:4px;
	position: absolute;
	z-index: 10;
	right: 0;
	margin-right: 19px;
	margin-top: -5px;
}


/***** BOUTONS *****/
#bouton {
	width:134px;
	height:63px;
	margin-left: 38px;
}

#assoc {
	background:url(../images/charte/assoc.jpg) no-repeat;
	width:52px;
	height:52px;
	z-index:10;
	position:relative;
	float:left;
	margin-top:-25px;
}

#contact {
	background:url(../images/charte/contact.jpg) no-repeat;
	width:53px;
	height:54px;
	z-index:10;
	position:relative;
	float:left;
	margin-top:-25px;
	margin-left: 18px;
}

#hover_assoc {
	background:url(../images/charte/hover_qui.jpg) no-repeat;
	width:126px;
	height:17px;
	position:relative;
	z-index:10;
}


#fond_panorama {
	background:url(../images/charte/fond_panorama.jpg) center no-repeat;
	width:852px;
	height:355px;
	position:relative;
	z-index:10;
	margin-left:74px;
}

#panoramique {
	width:824px;
	height:328px;
	margin-top: 13px;
}



/***************** FOOTER *****************/

#footer {
	background:url(../images/charte/footer_03.jpg) top center no-repeat;
	height:59px;
	width: 978px;
	position:relative;
	/*margin-left: 143px;*/
	z-index: 10;
	left: 50%;
	margin-left: -488px;
}





/** page LISTE **/

#fond_liste {
	background:url(../images/charte/fond_liste.jpg) no-repeat;
	height:361px;
	width:740px;
	position:relative;
	z-index:10;
	margin-top:10px;
}

#fil_ariane {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	z-index:10;
	padding-top: 5px;
	text-align: left;
	margin-left: 18px;
}

.lueur_photo {
	background:url(../images/charte/lueur_photo.jpg) no-repeat;
	height:136px;
	width:136px;
	position:relative;
	z-index:10;
}

#table {
	margin-top:-15px;
	padding-left:10px;
}

.td {
	padding-top: 30px;
}

.img_liste {
	position:relative;
	z-index:10;
	height: 120px;
	width: 120px;
	margin-top: 8px;
}

.text_description {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	width:200px;
	margin-left: 5px;
	margin-right: 25px;
	font-size: 14px;
	margin-top: 40px;
}

.lien_infos {
	width:79px;
	height:27px;
	position:relative;
	z-index:10;
	margin-top:15px;
	margin-left: 100px;
}

.bouton_infos {
	margin-top:15px;
}



#fleche_gauche {
	float: left;
	margin-left: 50px;
	margin-top: 130px;
}

#lien_gauche {
	width:49px;
	height:62px;
	position:relative;
	z-index:10;
}

#ombre_gauche {
	background:url(../images/charte/ombre_gauche.jpg) no-repeat;
	width:49px;
	height:35px;
	position:relative;
	z-index:10;
}


#fleche_droite {
	width:45px;
	float:right;
	margin-top: 130px;
	margin-right: 50px;
}

#lien_droite {
	width:44px;
	height:62px;
	position:relative;
	z-index:10;
}

#ombre_droite {
	background:url(../images/charte/ombre_droite.png) no-repeat;
	width:44px;
	height:36px;
	position:relative;
	z-index:10;
}


/** page DETAIL VISITE **/

#photo_visite {
	position:relative;
	z-index:10;
	border:solid 2px black;
	width:819px;
	height:267px;
	margin-top: 15px;
}

#head_fond {
	background:url(../images/charte/head_fond.jpg) no-repeat;
	width:852px;
	height:5px;
	position:relative;
	z-index:10;
	margin-top: 10px;
}

#cont_fond {
	background:url(../images/charte/cont_fond.jpg) repeat-y;
	width:852px;
	min-height:5px;
	position:relative;
	z-index:10;
}

#foot_fond {
	background:url(../images/charte/foot_fond.jpg) no-repeat;
	width:852px;
	height:30px;
	position:relative;
	z-index:10;
}

#text {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	z-index:10;
	position:relative;
	text-align:justify;
	font-size:13px;
	padding-left:18px;
	padding-right:18px;
	padding-top:15px;
}

#titre {
	color:#c2c2c2;
	font-family:Arial, Helvetica, sans-serif;
	z-index:10;
	position:relative;
	text-align:justify;
	font-size:16px;
	padding-left:18px;
	padding-top:25px;
}

#visiter {
	width:131px;
	height:42px;
	position:relative;
	z-index:10;
	margin-top: 25px;
}



/** page DETAIL FILM **/

#ombre_film {
	background:url(../images/charte/ombre_film.jpg) no-repeat;
	position:relative;
	z-index:10;
	width:683px;
	height:433px;
	margin-top: 15px;
}

#text_film {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	z-index:10;
	position:relative;
	text-align:justify;
	font-size:13px;
	padding-left:100px;
	padding-right:100px;
	padding-top:15px;
}

#titre_film {
	color:#c2c2c2;
	font-family:Arial, Helvetica, sans-serif;
	z-index:10;
	position:relative;
	text-align:justify;
	font-size:16px;
	padding-left:100px;
	padding-top:25px;
}


/** page DETAIL PHOTO **/

#titre_photo {
	color:#c2c2c2;
	font-family:Arial, Helvetica, sans-serif;
	z-index:10;
	position:relative;
	text-align:justify;
	font-size:16px;
	padding-left:18px;
	padding-top:35px;
}

#photo {
	margin-top:30px;
}


/** page DETAIL OBJET 3D**/
#photo_objet {
	position:relative;
	z-index:10;
	border:solid 2px black;
	width:224px;
	height:199px;
	margin-top: 35px;
}

#visiter {
	width:163px;
	height:43px;
	position:relative;
	z-index:10;
	margin-top: 25px;
}