body{
	background-image:url(../imgs/planchesitetex.jpg);
}
 /*img, div, input, button, a, em, li { behavior: url(iepngfix.htc) }*/
input{
	font-family:Trebuchet MS,Arial,Helvetica;
	font-size:small;
	padding:1px;
	border:1px solid #555555;
	background-color:#EEEEEE;
}
img {
	
	border:0;
}

a {
	cursor:pointer;
}
input.bouton {
	border:1px outset white;
	font-weight:bold;
	cursor:pointer;
}
input.bouton:hover {
	border:1px outset white;
	background-color:white;
	color:#ed1c24;
}
input.bouton:active {
	border:1px outset white;
	background-color:white;
	color:#ed1c24;
}

select{
	font-family:Trebuchet MS,Arial,Helvetica;
	font-size:small;
	padding:0px;
	background-color:#EEEEEE;
}

textarea {
	color:#000;
	border:1px solid #555555;
	background-color:#eee;
	font-family:Trebuchet MS,Arial,Helvetica;
	font-size:small;
}

input:focus, textarea:focus {
	background-color:white;
	color:#000;
}

.intro{
	font-family:comic sans ms,Cursive,Verdana;
	font-size:11px;
}

.contenu table  {
	font-family:comic sans ms,Cursive,Verdana;
	font-size:14px;
	color:#FFFFFF;
	line-height:18px;

}
.small {
font-size: 0.6em;	

}
.small a {
color:#FFFFFF;
text-decoration: none;
font-weight: normal;
}

.small a:visited {
color:#FFFFFF;
text-decoration: none;
font-weight: normal;
}

.small a:link {
color:#FFFFFF;
text-decoration: none;
font-weight: normal;
}

.small a:hover {
text-decoration: underline;
font-weight: normal;
color:#FFFFFF;

}


.contenu {
	font-family:comic sans ms,Cursive,Verdana;
	font-size:14px;
	color:#FFFFFF;
	line-height:18px;
	/*background-image:url(../imgs/texsitestatik.jpg);*/
}


#contenu_texte{
position:relative;
top:-600px;
left:0px;
float:left;
height:567px;
width:565px;
}

#ardoise {
margin:0;
padding:0;
background-image:url(../imgs/ardoise.png);
position:relative;
top:30px;
left:20px;
float:left;
height:600px;
width:600px;
}

#menu_front {
	position:relative;
	top:20px;
	left:30px;
	margin:0;
	padding:0;
	float:left;
}

#adresse_tex {
	position:relative;
	width:329px;
	height:255px;
	top:250px;
	left:50px;
	background-image:url(../imgs/adresse-tex.png);
	float:left;
	margin:0;
	padding:0;
}

#carte_visite {
	position:relative;
	width:191px;
	height:276px;
	top:-600px;
	left:200px;
	background-image:url(../imgs/cartedevisite.png);
	float:left;
	margin:0;
	padding:0;
}
#tampon {
	position:relative;
	width:130px;
	height:130px;
	top:-590px;
	left:-90px;
	background-image:url(../imgs/tamponl.png);
	float:left;
	margin:0;
	padding:0;
}
#skytv {
	position:relative;
	width:56px;
	height:39px;
	top:-30px;
	left:0px;
	background-image:url(../imgs/skytv.png);
	float:left;
	margin:0;
	padding:0;
}
#staff {
	position:relative;
	width:132px;
	height:16px;
	top:-60px;
	left:-150px;
	background-image:url(../imgs/staff.png);
	float:left;
	margin:0;
	padding:0;
}
#facebook {
	position:relative;
	width:100px;
	height:100px;
	top:-500px;
	left:-250px;
	float:left;
	margin:0;
	padding:0;
}

#realisation {
	position:relative;
	width:400px;
	height:16px;
	top:-260px;
	left:-150px;
	float:left;
	margin:0;
	padding:0;
}

#btn1{
	float:left;
	display:block;
	width:93;
	height:21;
	background-image:url(../imgs/accueil_off.png);
}

#btn2{
	float:left;
	display:block;
	width:108;
	height:21;
	background-image:url(../imgs/lacarte_off.png);
}

#btn3{
	float:left;
	display:block;
	width:101;
	height:21;
	background-image:url(../imgs/soirees_off.png);
}

#btn4{
	float:left;
	display:block;
	width:105;
	height:21;
	background-image:url(../imgs/contact_off.png);
}

#btn5{
	float:left;
	display:block;
	width:96;
	height:21;
	background-image:url(../imgs/galerie_off.png);
}

#btn6{
	float:left;
	display:block;
	width:122;
	height:21;
	background-image:url(../imgs/livreor_off.png);
}


a:link{
	color:#e42012;
	text-decoration:none;
	font-weight:bold;
	outline:none;
}

a:visited{
	color:#e42012;
	text-decoration:none;
	font-weight:bold;
	outline:none;
}
a:hover{
	text-decoration:underline;
	outline:none;
}

.mini{
	font-size:11px;
}


/* GALERIE DE PHOTOS*/

/* These hieghts and widths should be edited to your images */
#photo_content {
	text-align:center;
	width:550px;
	padding-top:10px;
}
ul#pikame{
	float:left;
	width:550px;
	padding-left:10px;
	margin:0px;
	
	}
.pika_main{
	width:550px;
	float:left;
	text-align:center;
	margin:0;
	padding:0;
	}
#pikame li{
	margin:1px;
	float: left;
	border:2px solid #222;
	margin:0;
	padding:0;
	}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img{position:relative;cursor:pointer;}
.pika_main img{border:5px solid #222;}
.pika_main{position: relative;margin:0 auto;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pika_play{position:absolute;top:10px;right:20px;z-index:1;}
.pika_play img{border:none !important;}
.pika_caption{width:100%;height:20px;text-align:center;}
.pika_navigation a{font-size: 12px;color:#ffd863;text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:0px;clear:both;text-align:center;}

/* SCROLL BAR */

.jScrollPaneContainer {
margin:0;
padding:0;
position:relative;
top:-560px;
left:35px;
float:left;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 5;
	height: 100%;
		background: #a8a7ad;
	
/*		background: #be7742;*/
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background: #6e6d73 url(/imgs/drag_grab.gif) no-repeat 50% 50%;


}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
/*	background-color: #744622;*/
	background-color: #6e6d73;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
/*	background-color: #744622;*/
	background-color: #6e6d73;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
/*	background-color: #744622;*/
	background-color: #6e6d73;
	height: 18px;
	background: url(/imgs/basic_arrow_up.gif) repeat-x 0 0;

}
a.jScrollArrowUp:hover {
/*	background-color: #744622;*/
	background-color: #6e6d73;
	background-position: 0 -30px;

}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
/*	background-color: #744622;*/
	background-color: #6e6d73;
	height: 18px;
	background: url(/imgs/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
/*	background-color: #744622;*/
	background-color: #6e6d73;
	background-position: 0 -30px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
/*	background-color: #744622;*/
	background-color: #6e6d73;
	background-position: 0 -60px;

}

/*NOTIFICATIONS -defaults*/
div.notification {position: relative; margin: 5px 0 10px 0; }
div.notification em {padding: 15px; font-style:normal; display: block}
div.notification em img {margin-right: 10px; position: relative; top: 3px;}

/*NOTIFICATIONS -variations*/
div.error {border: 1px solid #d7bbb8; background: url(../admin/assets/img/layout/highlight_red.gif) repeat-x #f6dcd9;}
div.confirm {border: 1px solid #cad3a6; background: url(../admin/assets/img/layout/highlight_green.gif) repeat-x #dfe9b8;}
div.attention {border: 1px solid #dbd6a1; background: url(../admin/assets/img/layout/highlight_yellow.gif) repeat-x #f8f2b7;}
div.information {border: 1px solid #b8c6d2; background: url(../admin/assets/img/layout/highlight_blue.gif) repeat-x #dae6f1;}

/*NOTIFICATIONS -controls*/
a.close {position: absolute; top: 5px; right: 5px; padding-right: 15px; color:#990000; background: url(../admin/assets/img/icons/cross_small.png) no-repeat right center; font-size:9px}

/*FORMS*/
label.error {color: #da3939; font-size: 10px;	font-style: italic;	width: 40%; text-align: right; padding: 0 20px 0 0; background:url(../admin/assets/img/icons/cross_circle.png) no-repeat center right;float:right; position:relative; top: -20px; left: -50px; }
/*BULLETPROOF BUTTON : <button> version based on the <a> of Cameron Moll : http://www.cameronmoll.com/  */
.button {float: right; margin: 10px 0 5px 10px; background: url(/imgs/box-right.gif) top right no-repeat; clear: both}
.btn-inner {margin: 0;padding: 7px 0 0 0;background: url(/imgs/box-left.gif) top left no-repeat;text-align: center;}
.btn-inner span {display: block;margin: 0;padding: 0 0 0 17px;background: url(/imgs/box-left.gif) bottom left no-repeat;}
.btn-inner em {margin: 0;display: block;background: url(/imgs/box-right.gif) bottom right no-repeat; font-style:normal}
.btn-inner button {outline: none;border: none;margin: 0;padding: 0px 20px 13px 0px;color:#b7ada8;font-size: 11px;text-transform:capitalize; background: none}
.btn-inner button img {margin-right: 5px; position: relative; top: 3px; left: -2px}

.btn-inner button:hover {color: #ffffff;cursor: pointer;}

.odd td { background: #f1f1f1;}
.hrfront {
	height:1px;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	color: #a0522d;
}