/* START WINDOWS OVERLAY*/
#GB_overlay { background-color: #ffffff; position: absolute; margin: auto; top: 0; left: 0; z-index: 100; }
#GB_window {left: 0; top: 0; font-size: 1px; position: absolute; overflow: visible; z-index: 150; }
#GB_window .content { width: auto; margin: 0; padding: 0; background-color: #fff; border: 3px solid #ccc; border-top: none; }
#GB_frame { border: 0; margin: 0; padding: 0; overflow: auto; white-space: nowrap; }
.GB_Window .content { background-color: #fff; border: 3px solid #ccc; border-top: none; }
.GB_Window .header { border-bottom: 1px solid #aaa; border-top: 0px solid #999; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin: 0; height: 20px; font-size: 12px; padding: 3px 0; color: #333;}
.GB_Window .caption { font-size: 11px; font-weight: bold; white-space: nowrap; padding-right: 20px; }
.GB_Window .close { text-align: right; }
.GB_Window .close span { font-size: 11px; cursor: pointer }
.GB_Window .close img { cursor: pointer; padding: 0 3px 0 0; }
.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }
/* END WINDOWS OVERLAY*/
#route label {
	  float: left;
	  width: 150px;
	}
	.inputbutton {
	  width: auto;
}

html{
scrollbar-3d-light-color : #dfd9c8;
    scrollbar-arrow-color : #85817d;
    scrollbar-base-color : #dfd9c8;
    scrollbar-dark-shadow-color : #dfd9c8;
    scrollbar-face-color : #dfd9c8;
    scrollbar-highlight-color : #dfd9c8;
    scrollbar-shadow-color : #dfd9c8;
    scrollbar-track-color : #85817d;
}


div#scroll {
	overflow: auto;
	height: 450px;
	width: 900px;
	margin-top: 0px;
	margin-left: 0px;
	color: #87302f;
	text-align:left ;
	}

body {

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-family:"Trebuchet MS";
	color: #696969;
	background-color:#c6beb9;
	text-align:justify;
	/*background-image: url(../images/bg.jpg);
	background-position:center top;
	background-repeat:repeat-x;*/
	 }

td, textarea, input, select {
font-family: "Trebuchet MS";
font-size: 11px;
font-weight: normal;
}
a {
outline:none;
}
.contenue{
margin-right:19px;
margin-top:19px;
}

.pl-min{
	color: #ffffff;
	}
	.pl{
	font-size: 11px;
	color: #bcbcbc ;
	}
#contact{
color:#f6e8c8;
}
#contact a:link, a:visited {
	color: #f4efe3;
	text-decoration:underline;
}
#contact a:hover {
	color: #f6e8c8;
	text-decoration: none;
	
}
a:link, a:visited {
	color: #ffffff;
	text-decoration:underline;
}
a:hover {
	color: #696969;
	text-decoration: none;
	
}
a.menu:link{
 	font-family: "Trebuchet MS";
 color: #ffffff;
 text-decoration:none;
 font-size:14px;
font-weight:bold;
}
a.menu:visited {
 	font-family: "Trebuchet MS";
 color: #ffffff;
 text-decoration:none;
 font-size:14px;
 font-weight:bold;
 }
a.menu:hover {
 	font-family: "Trebuchet MS";
 color: #00c0ff;
 text-decoration:none;
 font-size:14px;
 font-weight:bold;
}


a.menu2:link{
 	font-family: "Trebuchet MS";
 color: #002f6e;
 text-decoration:none;
 font-size:12px;

}
a.menu2:visited {
 	font-family: "Trebuchet MS";
 color: #002f6e;
 text-decoration:none;
 font-size:12px;

 }
a.menu2:hover {
 	font-family: "Trebuchet MS";
 color: #1086d0;
 text-decoration:none;
 font-size:12px;


}
.body-bg
	{
	background-image: url(../images/bbg.jpg);
	background-repeat:repeat-y;
	background-color:#696969;
	}
    .h2
	{
	margin:0px;
	color: #ec3f3b;
	font-size: 23px;
 	font-family: "BauhausItcTEEDem";
	text-transform: uppercase;
	}
	.h3{
	color: #5cb2ef;
	font-size: 16px;
 	font-family: "trebuchet MS";
	}
		.h4{
	color: #999999;
	font-size: 18px;
	font-family: "trebuchet MS";
	}
	a.footer:link{
 	font-family: "Trebuchet MS";
 color: #000000;
 text-decoration:none;
 font-size:11px;
}
a.footer:visited {
 	font-family: "Trebuchet MS";
 color: #000000;
 text-decoration:none;
 font-size:11px;
 }
a.footer:hover {
 	font-family: "Trebuchet MS";
 color: #ffffff;
 text-decoration: none;
 font-size:11px;
}
.image-frame{
border:solid 5px;
border-color:#ffffff;
background-color:#FFF;
background-image:url(loading.gif);
background-repeat:no-repeat;
background-position: center center;
}
.orange{
color:#ff9900;
font-size:16px;
}
.bleu{
color:#00ccff;
font-size:16px;
}
.green{
color:#99cc33;
font-size:16px;
}
.brown{
color:#663300;
font-size:16px;
}
#Name
	{
	margin:0px;
	color: #928464;
	font-size: 32px;
	}
#Info{
}

h2
	{
	color: #ffffff;
	font-size: 20px;
 	font-family: "Trebuchet MS";
	}

.menu-hover{
background-image:url(../images/menu-hover.jpg);
background-repeat:no-repeat;
background-position:top;
}

.Gallery3GalerieTitreTexte {font-family:Verdana;font-size:10px;color:#ffffff;font-weight:bold;} 
.Gallery3GalerieCheminLiens {font-family:Verdana;font-size:10px;color:#ffffff;text-decoration:underline;font-weight:bold;} 
.Gallery3GalerieCheminLiens:hover {font-family:Verdana;font-size:10px;color:#ffffff;text-decoration:none;font-weight:bold;} 
.Gallery3GalerieCheminTexte {font-family:Verdana;font-size:10px;color:#ffffff;text-decoration:none;font-weight:bold;} 
.Gallery3GaleriePageEnCours {font-family:Verdana;font-size:10px;color:#ffffff;font-weight:bold;} 
.Gallery3RepertoireTitre {font-family:Verdana;font-size:9px;color:#ffffff;font-weight:bold;} 
.Gallery3FichierTexte {font-family:Verdana;font-size:10px;color:#ffffff;} 
.Gallery3PhotoTexte {background:#FFFFFF;font-family:Verdana;font-size:10px;color:#ffffff;} 
.LoopGalleryTitle {font-family:Verdana;font-size:11px;color:#ffffff;font-weight:bold;width:100%;text-align:center;} /*display:none;*/ 
.LoopGalleryAbstract {font-family:Verdana;font-size:11px;color:#ffffff;font-weight:bold;width:100%;text-align:center;} /*display:none;*/ 
.LoopGalleryContent {margin-bottom:30px;} 


.CFItem {width:400px;clear:both;}
.CFLabel {width:150px;float:left;font-family:verdana;font-size:10px;color:#666666;margin-bottom:2px;margin-top:2px; text-align:left;}
.CFField {width:250px;float:left;font-family:verdana;font-size:10px;color:#666666;margin-bottom:2px;margin-top:2px;}
.CFFieldText {font-family:verdana;font-size:10px;color:#666666;width:250px;}
.CFFieldTextarea {font-family:verdana;font-size:10px;color:#666666;width:250px;}
.CFFieldSelect {font-family:verdana;font-size:10px;color:#666666;width:250px;}
.CFFieldRadio {}
.CFFieldCheckbox {}
.CFFieldPassword {font-family:verdana;font-size:10px;color:#666666;width:250px;}
.CFFieldFile {font-family:verdana;font-size:10px;color:#666666;width:250px;}
.CFFieldEmail {font-family:verdana;font-size:10px;color:#666666;width:250px;}
.CFFieldCopy {}
.CFFieldRadioData {}
.CFFieldCheckboxData {}
.CFCaptcha {width:400px;font-family:verdana;font-size:10px;color:#ded7c8;text-align:center;}
.CFCaptchaTitre {width:100%;text-align:center;font-weight:bold;display:none;}
.CFCaptchaTexte {width:100%;text-align:justify;}
.CFStar {width:400px;font-family:verdana;font-size:10px;color:#928464;text-align:center;margin-top:20px;}
.CFStarIcon {font-family:verdana;font-size:10px;color:#928464;}
.CFButton {width:400px;text-align:center;}
.CFButtonSubmit input {font-family:verdana;font-size:10px;color:#666666;font-weight:bold;width:200px;text-align:center;margin-top:20px;}
.CFButtonReset input {font-family:verdana;font-size:10px;color:#666666;font-weight:bold;float:left;width:200px;text-align:center;margin-top:20px;display:none;}
.CFMessageSent {width:400px;font-family:verdana;font-size:12px;color:#003300;font-weight:bold;text-align:center;margin-top:20px;}
.CFFieldset {clear:both;display:block;border:solid 1px #999999;margin:0;margin-bottom:4px;padding:10px;width:400px;}
.CFLegend {font-family:verdana;color:#666666;font-size:12px;font-weight:bold;background:#ded7c8;border:solid 1px #999999;padding:2 5 2 5;margin-bottom:10px;} 
/**************************************************************************/

#nav1 {
	height: 21px;
}
#nav1 a.btn1 {
	display: block;
	width: 131px; height: 21px;
	background-image: url(../images/1.png);
	background-position: left top;
	text-indent: -9999px;
}
#nav1 a.btn1:hover, #nav1 a.btn1:active {
	background-position:-171px 0px;
}
#nav2 {
	height: 20px;
}
#nav2 a.btn2 {
	display: block;
	width: 131px; height: 20px;
	background-image: url(../images/2.png);
	background-position: left top;
	text-indent: -9999px;
}
#nav2 a.btn2:hover, #nav2 a.btn2:active {
	background-position:-171px 0px;
}
#nav3 {
	height: 21px;
}
#nav3 a.btn3 {
	display: block;
	width: 131px; height: 21px;
	background-image: url(../images/3.png);
	background-position:left top;
	text-indent: -9999px;
}
#nav3 a.btn3:hover, #nav3 a.btn3:active {
	background-position:-171px 0px;
}
#nav4 {
	height: 20px;
}
#nav4 a.btn4 {
	display: block;
	width: 131px; height: 20px;
	background-image: url(../images/4.png);
	background-position: left top;
	text-indent: -9999px;
}
#nav4 a.btn4:hover, #nav4 a.btn4:active {
	background-position:-171px 0px;
}
/*********************************************************nav2*/
#nav5 {
	height: 21px;
}
#nav5 a.btn5 {
	display: block;
	width: 158px; height: 21px;
	background-image: url(../images/5.png);
	background-position: left top;
	text-indent: -9999px;
}
#nav5 a.btn5:hover, #nav5 a.btn5:active {
	background-position:-171px 0px;
}
#nav6 {
	height: 20px;
}
#nav6 a.btn6 {
	display: block;
	width: 131px; height: 20px;
	background-image: url(../images/6.png);
	background-position: left top;
	text-indent: -9999px;
}
#nav6 a.btn6:hover, #nav6 a.btn6:active {
	background-position:-171px 0px;
}
#nav7 {
	height: 21px;
}
#nav7 a.btn7 {
	display: block;
	width: 131px; height: 21px;
	background-image: url(../images/7.png);
	background-position:left top;
	text-indent: -9999px;
}
#nav7 a.btn7:hover, #nav7 a.btn7:active {
	background-position:-171px 0px;
}
#nav8 {
	height: 20px;
}
#nav8 a.btn8 {
	display: block;
	width: 131px; height: 20px;
	background-image: url(../images/8.png);
	background-position: left top;
	text-indent: -9999px;
}
#nav8 a.btn8:hover, #nav8 a.btn8:active {
	background-position:-171px 0px;
}
/**************************************************************nav3*/
#nav9 {
	height: 21px;
}
#nav9 a.btn9 {
	display: block;
	width: 131px; height: 21px;
	background-image: url(../images/9.png);
	background-position: left top;
	text-indent: -9999px;
}
#nav9 a.btn9:hover, #nav9 a.btn9:active {
	background-position:-171px 0px;
}
#nav10 {
	height: 20px;
}
#nav10 a.btn10 {
	display: block;
	width: 131px; height: 20px;
	background-image: url(../images/10.png);
	background-position: left top;
	text-indent: -9999px;
}
#nav10 a.btn10:hover, #nav10 a.btn10:active {
	background-position:-171px 0px;
}
#nav11 {
	height: 21px;
}
#nav11 a.btn11 {
	display: block;
	width: 131px; height: 21px;
	background-image: url(../images/11.png);
	background-position:left top;
	text-indent: -9999px;
}
#nav11 a.btn11:hover, #nav11 a.btn11:active {
	background-position:-171px 0px;
}
#nav12 {
	height: 20px;
}
#nav12 a.btn12 {
	display: block;
	width: 131px; height: 20px;
	background-image: url(../images/12.png);
	background-position: left top;
	text-indent: -9999px;
}
#nav12 a.btn12:hover, #nav12 a.btn12:active {
	background-position:-171px 0px;
}
/***************************************************************nav4*/
#nav13 {
	height: 21px;
}
#nav13 a.btn13 {
	display: block;
	width: 131px; height: 21px;
	background-image: url(../images/13.png);
	background-position: left top;
	text-indent: -9999px;
}
#nav13 a.btn13:hover, #nav13 a.btn13:active {
	background-position:-171px 0px;
}
#nav14 {
	height: 20px;
}
#nav14 a.btn14 {
	display: block;
	width: 131px; height: 20px;
	background-image: url(../images/14.png);
	background-position: left top;
	text-indent: -9999px;
}
#nav14 a.btn14:hover, #nav14 a.btn14:active {
	background-position:-171px 0px;
}
#nav15 {
	height: 21px;
}
#nav15 a.btn15 {
	display: block;
	width: 131px; height: 21px;
	background-image: url(../images/15.png);
	background-position:left top;
	text-indent: -9999px;
}
#nav15 a.btn15:hover, #nav15 a.btn15:active {
	background-position:-171px 0px;
}
#nav16 {
	height: 20px;
}
#nav16 a.btn16 {
	display: block;
	width: 131px; height: 20px;
	background-image: url(../images/16.png);
	background-position: left top;
	text-indent: -9999px;
}
#nav16 a.btn16:hover, #nav16 a.btn16:active {
	background-position:-171px 0px;
}
/**************************************************************************nav5*/
#nav17 {
	height: 21px;
}
#nav17 a.btn17 {
	display: block;
	width: 131px; height: 21px;
	background-image: url(../images/17.png);
	background-position: left top;
	text-indent: -9999px;
}
#nav17 a.btn17:hover, #nav17 a.btn17:active {
	background-position:-171px 0px;
}
#nav18 {
	height: 20px;
}
#nav18 a.btn18 {
	display: block;
	width: 131px; height: 20px;
	background-image: url(../images/18.png);
	background-position: left top;
	text-indent: -9999px;
}
#nav18 a.btn18:hover, #nav18 a.btn18:active {
	background-position:-171px 0px;
}
#nav19 {
	height: 21px;
}
#nav19 a.btn19 {
	display: block;
	width: 131px; height: 21px;
	background-image: url(../images/19.png);
	background-position:left top;
	text-indent: -9999px;
}
#nav19 a.btn19:hover, #nav19 a.btn19:active {
	background-position:-171px 0px;
}




/* ------------------------------------------------------- */




/* KNOPPEN */

.knoppen {
	position:relative;
	width: 170px;
	margin-top: 15px;
}

.knoppen ul {
	position:relative;
	list-style:none;
	margin: 0;
	padding: 0;
	float:left;
}

.knoppen ul li {
	position:relative;
}

.knoppen ul a {
	padding: 0;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
}

.knoppen ul a:hover {
	color: #6d6242;
	background-color: #c0ac84;
}

