body{
	background-color:#382622;
	scrollbar-Shadow-Color:#000000;
	scrollbar-Highlight-Color:#a39b81;
	scrollbar-Face-Color:#a39b81;
	scrollbar-3dLight-Color:#d9d3bf;
	scrollbar-Arrow-Color:#382622;
	scrollbar-DarkShadow-Color:#000000;
}

input{
	font-family:Trebuchet MS,Arial,Helvetica;
	font-size:small;
	padding:1px;
	border:1px solid #555555;
	background-color:#EEEEEE;
}

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:Verdana;
	font-size:11px;
}

.contenu table  {

	background-color:#a39b81;
	font-family:Verdana;
	font-size:13px;
	color:#382622;
	line-height:18px;
}

.contenu {
	background-color:#a39b81;
	font-family:Verdana;
	font-size:13px;
	color:#382622;
	line-height:18px;
}
#header{
	background-color:#a39b81;
	font-family:Verdana;
	font-size:13px;
	color:#382622;
	background-image:url('../imgs/fondHeader.gif');
	height:107px
}

#ariane{
	background-color:#a39b81;
	font-family:Verdana;
	font-size:13px;
	color:#382622;
	padding-left:5px;
}

#page{
	background-color:#a39b81;
	font-family:Verdana;
	font-size:13px;
	color:#382622;
	padding-top:20px;
}

#menu{
	background-color:#a39b81;
	font-family:Verdana;
	font-size:13px;
	color:#382622;
	float:left;
	width:250px;
	padding-left:5px;
	padding-right:5px;
}

#contenu{
	background-color:#a39b81;
	font-family:Verdana;
	font-size:13px;
	color:#382622;
	height: 800px;
}

.bgrouge {
	background-color:#382622;
	}

.td2 {
	background-color:#887f64;

}

.td2light {
	background-color:#a39b81;

}

.titre1 {
	font-size:20px;

	}

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

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

.mini{
	font-size:11px;
}

#bloc1 {
	overflow: auto;
	border: 0px solid #000;



}

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

/* 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:15px;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 {
	position: relative;
	overflow: hidden;
	z-index: 1;

}

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


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

}
a.jScrollArrowUp:hover {
	background-color: #ffd863;
	background-position: 0 -30px;

}

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

}