.conteneur {
	/*background-color:#C36;*/
	position:absolute; 
	left: 50%;  
	top: 50%; 
	width: 960px; 
	height: 660px; 
	margin-top: -285px; /* moitié de la hauteur */ 
	margin-left: -480px; /* moitié de la largeur */ 

	
}

.conteneur-2 {
	float:right;
	position:absolute;
	right:0;
	z-index:3;
}

.banniere{
/*	position:relative;
*/	width: 230px;
	height: 510px;
	float: left;
	background: transparent url(img/fete-remparts-banniere-bg.png) top left no-repeat scroll;
	/*padding: 30px 50px 10px 40px;*/
}
.banniere.programme{
	margin:0 0 0 220px;
}

.banniere-gal{
/*	position:relative;
*/	width: 235px;
	height: 510px;
	float: left;
	background: transparent url(img/fete-remparts-banniere-gal-bg.png) top left no-repeat scroll;
	/*padding: 30px 50px 10px 40px;*/
}




#actu {
	width:140px;
	text-align:center;
	margin: 30px 0px 0px 30px;
	padding:8px;
}

#banniere-menu {
	width:140px;
	text-align:left;
	margin: 20px 0px 0px 30px;
	padding:8px;
}

#banniere-menu a {
	color:#fff;
	text-decoration:none;
	
}

#banniere-menu a:hover {
	color:#d6cdb0;
	text-decoration:none;
	
}

#banniere-menu ul {
	list-style-type:none;
	position:absolute;
	z-index:10;
	width:140px;
	
}

#banniere-menu li {
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom: dotted 1px #d6cdb0;
}
	


.contenu {
	
	height: 510px;
/*	overflow: auto;*/
	background: transparent url(img/fete-remparts-contenu-bg.png) top left no-repeat;
	width: 510px;
/*	padding: 30px 90px 30px 0px;*/
/*	background:#FF0000;*/
	float:left;
}

.contenu-gal {
	
	height: 510px;
/*	overflow: auto;*/
	background: transparent url(img/fete-remparts-galerie-bg.png) top left no-repeat;
	width: 505px;
/*	padding: 30px 90px 30px 0px;*/
/*	background:#FF0000;*/
	float:left;
}

#conteneur-prog {
	
	height: 510px;
/*	overflow: auto;*/
	background: transparent url(img/fete-remparts-contenu-prog-bg.png) top right no-repeat;
	width: 740px;
/*	padding: 30px 90px 30px 0px;*/
/*	background:#FF0000;*/
	float:right;
}

#contenu-prog {
	
	margin: 30px 0px 0px 30px;
	padding: 0px 10px 0 0;
	overflow: auto;
	width: 680px;
	height: 460px;
}

#zoom {
	position:absolute;
	z-index:2;
	top:400px;
	line-height:30px;
}

#zoom a:hover {
	display:block;
	height:30px;
	width:75px;
	color:#990000;
	background:#D6CDB0 url(img/loupe-zoom.png) 90% top no-repeat;
	border: solid 1px #990000;
	
}

#zoom a {
	display:block;
	height:30px;
	width:75px;
	color:#fff;
	text-decoration:none;
	background:#990000 url(img/loupe-zoom.png) 90% bottom no-repeat;
	padding:0px 0px 0px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.contenu2{
	margin: 30px 0 0px 0;
	padding: 0px 10px 0 0;
	overflow: auto;
	width: 480px;
	height: 445px;
	text-align:left;
}

.contenu2-gal{
	margin: 30px 0 0px 30px;
	padding: 0px 10px 0 0;
	overflow: auto;
	width: 480px;
	height: 460px;
}


#personnage-acc {
	clear:both;
	width:425px;
	height:485px;
	background:transparent url(img/fete-remparts-perso-acc.png) left bottom no-repeat;
	position:absolute;
	bottom:0px;
	z-index:5;
}
.perso-droite {
	clear:both;
	width:323px;
	height:589px;
	background:transparent url(img/fete-remparts-perso-acc-droite.png) left bottom no-repeat;
	position:absolute;
	bottom:0px;
	right:0;
	z-index:0;
	margin-right:-280px;
}

.resa-principal {
	clear:both;
	width:930px;
	height:185px;
	position:absolute;
	bottom:0px;
	text-align:right;
	z-index:5;
	/*background: transparent url(img/fete-remparts-resa-principale.png) top right no-repeat;*/
}

.bouton-resa{
	background:transparent url(img/fete-remparts-resa-principale.png) 0 0 no-repeat;
	width:250px; 
	height:95px;
	float:right;
}
.bouton-resa:hover{
	background:transparent url(img/fete-remparts-resa-principale-hover.png) 0 0 no-repeat;
}
#personnage-prog {
	clear:both;
	width:425px;
	height:485px;
	background:transparent url(img/fete-remparts-perso-info.png) left bottom no-repeat;
	position:absolute;
	bottom:0px;
	z-index:5;
}

#personnage-gal {
	clear:both;
	width:425px;
	height:485px;
	background:transparent url(img/fete-remparts-perso-gal.png) left bottom no-repeat;
	position:absolute;
	bottom:0px;
	z-index:5;
}

#personnage-hist {
	clear:both;
	width:425px;
	height:485px;
	background:transparent url(img/fete-remparts-perso-hist.png) left bottom no-repeat;
	position:absolute;
	bottom:0px;
	z-index:5;
}

#personnage-info {
	clear:both;
	width:425px;
	height:485px;
	background:transparent url(img/fete-remparts-perso-prog.png) left bottom no-repeat;
	position:absolute;
	bottom:0px;
	z-index:5;
}


.lang{
	float:righ;
	margin:30px 20px 0 0;
	text-align:right;
}