/* CSS Réalisé par Grafikart pour Kolam Studio
/*	www.grafikart.fr
/*	www.kolamstudio.com
*/
*{
	outline:none;
}
body{
	margin:0;
	padding:0;
	text-align:center;
	background:url(../img/theme/fond.jpg) top left repeat fixed;
	color:#D9C789;
	font-size:14px;
	font-family: Georgia, Serif;
}
.loader{
	position:absolute;
	width:100%;
	height:100%;
	background:url(../img/loader.gif) center center no-repeat;
}
ul{
	list-style:url(../img/theme/puce.png)
}
a img{
	border:none;
}
a{
	color:#D9C789;
	text-decoration:none;
}
a:hover{
	color:#FFF;
	text-decoration:none;
}
.relative{
	position:relative;
}
.cache{
	overflow:hidden;
}
.clear{
	clear:both;
}
.ascenseur,.accordeon{
	cursor:pointer;
}
iframe{
	border:solid 3px #360602;
}
#activebar-container{
	text-align:left;
}
#loader{
	float:right;
}
#mur-form{
	position:relative;
}
.decompte{
	position:absolute;
	color:#903F06;
	font-family: Georgia, Serif;
	font-size:2em;
	font-weight:bold;
	bottom:150px;
	right:30px;
}
/* ========== */
/* ! DESIGN   */
/* ========== */
#page{
	width:716px;
	margin:0 auto 35px auto;
	text-align:left;
}
#head{
	position:relative;
	padding:100px 150px 0 260px;
	background:url(../img/theme/lanterne_haut.png) top left no-repeat;
	height:46px;
}
#lueur{
	position:absolute;
	left:157px;
	top:6px;
}
#corps{
	background:url(../img/theme/logo.png) top left no-repeat;
}
#actus{
	overflow:hidden;
	width:305px;
	height:46px;
	position:relative;
}
#menu{
	float:left;
	width:198px;
	margin-right:30px;
}
#contenu{
	position:relative;
	float:right;
	width:480px;
}
#logo{
	margin-bottom:10px;
	display:block;
	width:184px;
	height:117px;
}
#logo img{
	width:184px;
	height:117px;
}

#welcome{
width:424px;
background:url(../img/welcome.png) 0 0 no-repeat;
padding:30px 15px 15px 15px; 
}

#attention {color:red}

/* ========= */
/* ! ACTUS   */
/* ========= */
.actu{
	position:absolute;
	top:0;
	left:306px;
	height:46px;
	width:305px;
}
#actus .actu:first-child{
	left:0px;
}


/* ======== */
/* ! MENU   */
/* ======== */
#menu ul{
	margin:0;
	padding:0;
}
#menu ul li{
	display: block;
	text-align:right;
	background:url(../img/theme/puce.png) right center no-repeat;
	padding:0 10px 0 0;
	margin:0 20px 0 0;	
}
#menu .bouton{
	display:block;
	text-indent:-4000px;
	background-position:right top;
	background-repeat:no-repeat;
}
#menu .bouton:hover{
	background-position:right bottom;
}
#menu .lepaddy{
	height:40px;
	background-image:url(../img/theme/menu/paddy.png);
}
#menu .events{
	height:53px;
	background-image:url(../img/theme/menu/evenements.png);
}
#menu .mur{
	height:44px;
	background-image:url(../img/theme/menu/mur.png);
}
#menu .animations{
	height:44px;
	background-image:url(../img/theme/menu/animations.png);
}
#menu .deezer{
	height:40px;
	background-image:url(../img/theme/menu/playlist.png);
}
/* =========== */
/* ! FORM	   */
/* =========== */
input[type=text]{
	width:252px;
	height:20px;
	background:url(../img/theme/input.png) top left no-repeat;
	border:none;
	color:#beb4b0;
	padding:5px 13px 8px 10px;
}
textarea{
	width:435px;
	height:101px;
	background:url(../img/theme/textarea.png) top left no-repeat;
	border:none;
	color:#beb4b0;
	padding:5px 13px 8px 10px;
}
.submit{
	background:url(../img/theme/submit.png) top left no-repeat;
	color:#beb4b0;
	border:none;
	display:block;
	width:96px;
	height:25px;
	cursor:pointer;
	display:block;
	text-align:center;
	padding:6px 9px 8px 0;
	margin:0;
}
#formcom label{
	display:block;
}
/* =========== */
/* ! CONTENU   */
/* =========== */
h1{
	background:url(../img/theme/h1.png) top left no-repeat;
	width:456px;
	height:44px;
	display:block;
	color:#936800;
	font-weight:normal;
	font-size:1.4em;
	line-height:44px;
	padding:0 0 0 20px;
	margin-top:-5px;
}

.titre{
	background:url(../img/theme/h1date.png) top left no-repeat;
	width:476px;
	height:66px;
	position:relative;
	padding:0 0 0 70px;
	color:#936800;
	font-weight:normal;
	font-size:1.4em;
	line-height:66px;
}
.titre .date{
	position:absolute;
	text-align: center;
	width:33px;
	height:46px;
	top:7px;
	left:20px;
	color:#698302;
	padding-top:5px;
}
.titre .date .jour{
	line-height:20px;
	font-weight:bold;
}
.titre .date .mois{
	line-height:20px;
	font-size:0.8em;
}
.cadre{
	float:left;
	margin-right:20px;
	position:relative;
	width:154px;
	height:220px;
	background:url(../img/theme/cadre.png) top left no-repeat;
}
.cadre span{
	position:absolute;
	width:154px;
	display:block;
	height:220px;
	background:url(../img/theme/cadre.png) top left no-repeat;
}
.cadre img{
	position:absolute;
	top:0;
	left:0;
}


/* ========== */
/* ! FOOTER   */
/* ========== */
#footer {
background:url(../img/theme/footer.png) center top;
bottom:0;
height:21px;
margin:-2px;
padding-top:7px;
position:fixed;
text-align:center;
width:100%;
}
#footer img{
	vertical-align:bottom;
}


/* ======== */
/* ! MUR   */
/* ======== */

.comment{
	width:458px;
	height:129px;
	position:relative;
	background:url(../img/theme/mur.png) left top no-repeat;
}
.comment .avatar{
	position:absolute;
	top:5px;
	left:5px;
}
.comment .pseudo{
	position:absolute;
	font-weight:bold;
	left:103px;
	height:26px;
	line-height:26px;
	color:#FFF;
}
.comment .date{
	position:absolute;
	font-size:0.8em;
	height:26px;
	line-height:26px;
	right:10px;
	text-align: right;
}
.comment .msg{
	position:absolute;
	font-size:1em;
	color: #cccccc;
	height:93px;
	width:360px;
	right:5px;
	top:30px;
	text-align:left;
}

.boite {
width:150px;
background: url("pix/fond.png") repeat-y 0 0;
}

/* ================== */
/* ! CARTE BOISSONS   */
/* ================== */

.box_carte {
width:203px; 
background:url("../img/milieu.png") repeat-y 0 0; 
text-transform: uppercase; 
float:left;
margin:10px;
}

.box_carte ul{
	margin-left:-12px;
}

.box_carte li{
	font-size:80%;
	margin-left:-12px;
	list-style-position:inside;
}


.box_carte .sur, .box_carte .sous {
height:17px;
width:203px;
background:no-repeat 0 0;
}

.box_carte .sur {background-image:url("../img/sur.png");}
.box_carte .sous {background-image:url("../img/sous.png");}

ul p {
color:#6E3A01;
}

/* ============================= */
/* ! LIGHTBOX VISITE VIRTUELLE   */
/* ============================= */

		.black_overlay{	display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80);}
		
		.white_content { display: none; position: fixed; top: 10%; left: 10%;	width: 75%;	height: 75%;	padding: 16px;	border: 10px solid #831009;	background-color: white;	z-index:1002;	overflow: auto;	}