* { margin: 0; padding: 0; }
#page{display:table;overflow:hidden;margin:0px auto;}
*:first-child+html #page {position:relative;}/*ie7*/
* html #page{position:relative;}/*ie6*/

#content_container{display:table-cell;vertical-align: middle;}
*:first-child+html #content_container{position:absolute;top:50%;}/*ie7*/
* html #content_container{position:absolute;top:50%;}/*ie6*/

*:first-child+html #content{position:relative;top:-50%;}/*ie7*/
* html #content{position:relative;top:-50%;}/*ie6*/

@import url(http://fonts.googleapis.com/css?family=PT+Sans);
@import url(http://fonts.googleapis.com/css?family=Maven+Pro:400);

* { padding:0; margin:0; }

html, body
{
    width: 100%;
    height: 100%;
    margin: 0;
}
HTML, BODY {
	margin:0px;
	padding:0px;
}
BODY {

  font-weight:400;
   font-family: 'PT Sans', sans-serif;
    color: #666666;
    font-size: 12px;
    background: #333;
	height:100%;
	text-align: center;
	
}


.bgstretcher-page { text-align: center;}
#page {
	margin:0;
	width: 960px;
	float:left;
	text-align: left;
	height:100%;
	position:relative;
}
#panel { float:left; width:300px; padding:0px; height:100%; background:#110000; opacity:0.9;color:#FFF; position:fixed}


/*nav*/
#nav {
    float: left;
    width: 300px;
	height:320px;

}
#nav li a {
    display: block;
    padding: 10px 30px;
    background: transparent;  font-family: 'PT Sans', sans-serif;font-weight:400;
    text-decoration: none;
    color: #FFF;
	font-size:1.25em;
}
#nav li a:hover, #nav li a.active {
	background:#FFBB00;
     background-image: linear-gradient(bottom, rgb(198,148,10) 14%, rgb(219,159,9) 57%, rgb(245,185,35) 79%);
background-image: -o-linear-gradient(bottom, rgb(198,148,10) 14%, rgb(219,159,9) 57%, rgb(245,185,35) 79%);
background-image: -moz-linear-gradient(bottom, rgb(198,148,10) 14%, rgb(219,159,9) 57%, rgb(245,185,35) 79%);
background-image: -webkit-linear-gradient(bottom, rgb(198,148,10) 14%, rgb(219,159,9) 57%, rgb(245,185,35) 79%);
background-image: -ms-linear-gradient(bottom, rgb(198,148,10) 14%, rgb(219,159,9) 57%, rgb(245,185,35) 79%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.14, rgb(198,148,10)),
	color-stop(0.57, rgb(219,159,9)),
	color-stop(0.79, rgb(245,185,35))
);

    color: #FFF;
}
#nav li ul {
    display: none; // used to hide sub-menus
}
#nav li ul li a {
    padding: 10px 25px;
	background:#FFBB00;
	 background-image: linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);
background-image: -o-linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);
background-image: -moz-linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);
background-image: -webkit-linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);
background-image: -ms-linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);

background-image: -webkit-gradient(
	linear,
	right bottom,
	left bottom,
	color-stop(0.09, rgb(255,187,0)),
	color-stop(0.55, rgb(227,166,0)),
	color-stop(0.78, rgb(198,148,10))
);
    border-bottom: 1px dotted #ccc;
}


HTML {_background: url(/images/trans.gif) no-repeat fixed;}
.bgstretcher-area { text-align: left; }
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	left: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bgstretcher {
	background: black;
	overflow: hidden;
	width: 100%;
	position: fixed;
	z-index: 1;
	_position: absolute; /*IE6 doesn't support fixed positioning*/
	top: 0;
	left: 0;
}

h1, h2, h3, h4, h5, h6 { margin-bottom:10px; font-family: 'Maven Pro', sans-serif; font-weight:400;}
/*control*/
#logo { margin:30px 0 30px 20px; width:220px; padding:20px; float:left; background:#442211  }
.address { float:left; width:210px; height:auto; padding:30px;position:absolute; bottom:100px;}
.address-contact { float:left; width:360px;  }
.horaires { float:left; width:auto; margin-left:0px; }
.address h3 { color: #E6E8FA ; }
.copyright { float:left; background:#442211; width:240px; height:auto; padding:30px; position:absolute; bottom:0; font-size:10px;  }
#panel-contents { float:left; margin-left:300px;width:400px; background:#FFF; height:auto; min-height:1200px; max-height:3000px; position:relative; padding-bottom:0px; }

/*etc*/
p { margin-bottom:10px; text-align:justify; }
.color1 { color:#663322; }
.color2 { color:#885544; }
.color3 { color:#FFBB00; }
.design { color:#FFF; z-index:1; position:fixed; bottom:30px; right:30px;font-size:10px;  }
.design a { color:#FFF; text-decoration:none; font-weight:bold; }
.design a:hover { color:#FFCC00 }
ul, li { list-style-type:none;}
.line { margin:10px auto; width:100%; background:#eaeaea; height:1px; clear:both; }
.clear { clear:both; }
img { padding:0; margin:0; border:0; }
/*contents*/

.welcome { float:left; padding:20px; margin-top:20px; height:inherit, height:auto, height:100%;text-align:justify;}
.welcome img { margin:10px auto;-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888; }
.welcome p { font-size:1.25em; color:#663322; font-size:1.25em\9;line-height:22px; font-family:Arial, Helvetica, sans-serif; margin-bottom:20px}
.open { width:auto; height:auto; padding:15px;  float:left; position:relative; background:#FFBB00;
	 background-image: linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);
background-image: -o-linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);
background-image: -moz-linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);
background-image: -webkit-linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);
background-image: -ms-linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);

background-image: -webkit-gradient(
	linear,
	right bottom,
	left bottom,
	color-stop(0.09, rgb(255,187,0)),
	color-stop(0.55, rgb(227,166,0)),
	color-stop(0.78, rgb(198,148,10))
); color:#FFF; font-size:16px }
.contact-info { float:left; margin:30px auto; background:#663322; color:#FFF; padding:15px; width:auto; height:auto}

/*services*/
.services { float:left; padding:20px; margin-top:20px;  height:inherit, height:auto, height:100%; background:#FFF;}
#panel-contents-inner { opacity:1; float:left; margin-left:300px;width:560px; background:#FFF; height:100%\9; height:auto; min-height:1200px; max-height:3000px;  }
.services-item li { float:left; width:240px; height:auto; margin:5px; -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; margin-bottom:10px; }

.services-item li  {   background:#C6930A; background-image: linear-gradient(bottom, rgb(198,148,10) 14%, rgb(219,159,9) 57%, rgb(245,185,35) 79%);
background-image: -o-linear-gradient(bottom, rgb(198,148,10) 14%, rgb(219,159,9) 57%, rgb(245,185,35) 79%);
background-image: -moz-linear-gradient(bottom, rgb(198,148,10) 14%, rgb(219,159,9) 57%, rgb(245,185,35) 79%);
background-image: -webkit-linear-gradient(bottom, rgb(198,148,10) 14%, rgb(219,159,9) 57%, rgb(245,185,35) 79%);
background-image: -ms-linear-gradient(bottom, rgb(198,148,10) 14%, rgb(219,159,9) 57%, rgb(245,185,35) 79%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.14, rgb(198,148,10)),
	color-stop(0.57, rgb(219,159,9)),
	color-stop(0.79, rgb(245,185,35))
);  font-family: 'PT Sans', sans-serif;font-weight:400;padding:5px;text-align:center}
.services-item a { color:#FFF; font-size:16px; text-decoration:none; text-align:center }
.services-item span { padding:10px; position:relative; margin-top:0px; }
.services-item li:hover {  background: #663322; }

#services-pricing { float:left; width:520px; height:auto; position:relative; }
#services-pricing h3 { font-size:18px; color:#885544; color:#af7561;margin:30px 0 10px 0; text-shadow:1px 1px #e7e0de}
.services-banner { float:left; width:auto; margin:10px auto; height:auto; border:1px dotted #bb9988 }


/*map*/
.map { margin-top:5px; float:left; border:1px dotted #cf8100; margin-bottom:40px;  }

/*table*/


ol { margin:0; padding: 0 1.5em;}



table

{

	color:#FFF;
	background:#442211;
	border-collapse:collapse;
	width:520px;
	border:5px solid #663322;  font-family: 'PT Sans', sans-serif;font-weight:400;
	font-size:14px;
}



thead {  }


thead th
{
	padding:1em 1em .5em;
 	border-bottom:1px dotted #FFF;
 	font-size:120%;
 	text-align:center;

}


thead tr{ text-align:center; 	}

td { padding:.5em 1em; text-align:center;  }


tbody tr.odd td

{ background:#885544; text-align:center; }

tfoot{}

tfoot td { padding-bottom:1.5em;}

tfoot tr{
	}


* html tr.odd td

{

	background:#bb9988;
	text-align:center;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tr_bg.png', sizingMethod='scale');

}

#middle {background:#FFBB00;
	 background-image: linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);
background-image: -o-linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);
background-image: -moz-linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);
background-image: -webkit-linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);
background-image: -ms-linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);

background-image: -webkit-gradient(
	linear,
	right bottom,
	left bottom,
	color-stop(0.09, rgb(255,187,0)),
	color-stop(0.55, rgb(227,166,0)),
	color-stop(0.78, rgb(198,148,10))
); text-align:center;
width:80px;

}

/*breadcrumb*/
.breadcrumb{
font: 10px  Arial, Helvetica, sans-serif; 
}

.breadcrumb a{
background: transparent  url(../images/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: #885544;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: #442211;
}

.breadcrumb a:hover{
text-decoration: underline;
}