/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{
	background: url(../images/bg.gif) top center repeat;
	border:0;
	color:#686868;
	line-height:16px;
	min-width:1000px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	visibility: visible;
}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); behavior: url(js/PIE.htc); position: relative;}

/* Global Structure ============================================================= */

.body1{
	background-image: url(../images/bg_img.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000000;
}

.box{ position:relative; background:#fff;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; behavior: url(js/PIE.htc); position: relative;}

/* ============================= main layout ====================== */

a{ color:#686868; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{ float:left; padding:31px 0 0 29px}
h2{
	font-weight:bold;
	text-transform:uppercase;
	line-height:34px;
	color: #006633;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	margin-left: 15px;
	padding-top: 31px;
	padding-right: 0;
	padding-bottom: 14px;
	padding-left: 0;
}
p{ padding-bottom:18px;}

/* ============================= header ====================== */
header{
	width:100%;
	overflow:hidden
}

#top{ font-size:10px; text-transform:uppercase; color:#010000; overflow:hidden; padding:12px 3px 10px 0}
#top a{ text-decoration:none}
#top a:hover{ text-decoration:underline}
#top nav{ float:right;}
#top nav li{ float:left; padding-right:8px; background:url(../images/line_top.gif) right 6px no-repeat; margin-right:7px;}
#top nav .no_bg{ background:none; padding-right:0; margin-right:0}

header .box1{ width:100%; overflow:hidden; height:121px; background:url(../images/bg_top.jpg) 0 0 no-repeat; line-height:20px; color:#4e4e4e; text-transform:uppercase;}
header .box1 .right{ text-align:right; padding:42px 41px 0 0}
	
#logo{ display:block; background:url(../images/logo.gif) no-repeat; width:364px; height:62px; text-indent:-5000px;}

#menu_box{
	position:relative;
	overflow:hidden;
	width:100%;
	z-index:20;
}
#menu{
	position:absolute;
	z-index:20;
	width:225px;
	right:60px;
	top:10px;
	background:url(../images/bg_menu_button.png) no-repeat;
	background-image: url(../images/bg_menu_button.png);
	height: 45px;
}
#menu a{
	color:#000000;
	text-decoration:none;
	line-height:normal;
	text-align:center;
	text-transform:uppercase;
	display:block;
	padding-bottom:8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

#menu nav {
	position: absolute;
	z-index:20;
	padding:19px 0 0 0;
	position:absolute;
	width:225px;
	background:#fff;
	right:0;
	top:-400px;
}
#menu nav li { width:185px; padding:0 20px 0 20px; margin-top:-1px; position:relative; visibility:hidden;}
#menu nav .no_bg { padding-bottom:5px;}
#menu nav .box_bot{ height:20px; width:225px; overflow:hidden; background:url(../images/box_bot.png) no-repeat; position:absolute}

#menu nav .no_bg a, #menu nav .ul_1 .no_bg a, #menu nav li:hover .ul_1 .no_bg a { background:none;}
#menu nav li a{ line-height:41px; padding-bottom:0; margin:0 -5px; padding:0 5px; background:url(../images/menu_bg.gif) bottom center no-repeat;}
#menu nav li:hover a, #menu .menu_active a, #menu .menu_active.no_bg a, #menu .active a, #menu nav .ul_1 li:hover a, #menu li:hover .ul_1 .menu_active a, #menu nav li:hover .ul_1 .no_bg a:hover, #menu nav li .ul_1 li a:hover{ background: url(../images/menu_active.gif) no-repeat; color:#fff;}

#menu nav li .ul_1{
	visibility:hidden;
	width:245px;
	position:absolute;
	margin-left:-250px;
	top:-20px;
	padding-top:1px;
}
#menu nav li .ul_1 li{background: #fff;}
#menu nav li .ul_1 li a, #menu nav li:hover .ul_1 a{ background:url(../images/menu_bg.gif) top no-repeat; color:#000}
#menu nav li .ul_1 .no_bg{ background:#fff; padding-bottom:0}
#menu nav li .ul_1 li:hover{}

#menu nav li .ul_1 .box_top, #menu nav li .ul_1 .box_bot{ height:20px; width:225px; overflow:hidden; background:url(../images/box_bot.png) no-repeat;}
#menu nav li .ul_1 .box_top{ background:url(../images/box_top.png) no-repeat}

/*--- slider begin ---*/

#faded { margin-top:10px; position:relative; z-index:1}
#faded .rap {
	background: none;
	height:455px !important;
	overflow:hidden;
}

#faded .rap li{  height:267px;width:940px; overflow:hidden; list-style-type:none; background:#fff;}

#faded .navigation{ position: absolute; width:84px; height:45px;background:#fff;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; behavior: url(js/PIE.htc); left:20px; bottom:20px; z-index:20}

#faded .prev, #faded .next{ display:block; position:absolute; z-index:2; width:31px; height:31px; text-indent:-5000px; top:7px !important;}
#faded .prev{ background:url(../images/marker_left.jpg) no-repeat; left:7px !important;}
#faded .next{background:url(../images/marker_right.jpg) 0 0 no-repeat; right:7px !important;}
#faded .next:hover { background:url(../images/marker_right_active.jpg) no-repeat}
#faded .prev:hover { background:url(../images/marker_left_active.jpg) no-repeat}	

#page1 #faded .rap {
	background: none;
	height:470px !important;
	overflow:hidden;
}
#page1 #faded .rap li{  height:557px;width:940px; overflow:hidden; list-style-type:none; background:#fff;}

/*--- slider end ---*/

/* ============================= content ====================== */

#content{ width:100%; overflow:hidden}

.marg_right1{ margin-right:16px}
.pad_bot1{ padding-bottom:28px;}
.pad_bot2{
	padding-bottom:37px;
}
.pad_bot3{ padding-bottom:11px;}
.marg_img{ margin:7px 0 -7px 0}
.pad_top_none{ padding-top:0}

.under{
	border-bottom:1px solid #dbdbdb;
	margin-bottom:auto;
}
.under2{ background:url(../images/line_hor1.gif) bottom center no-repeat; padding-bottom:13px; margin-bottom:12px;}

.font1{
	line-height:16px;
	padding:12px 0 9px 0;
	color:#006633;
	text-transform:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	visibility: visible;
	font-style: normal;
	font-weight: normal;
}
.font2{
	font-size:14px;
	text-transform:none;
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 12pt;
}  


.button{
	display:inline-block;
	font-size:9px;
	text-transform:uppercase;
	text-decoration:none;
	line-height:25px;
	padding: 0 10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior: url(js/PIE.htc);
	position:relative;
	clip: rect(5,auto,auto,auto);
	overflow: visible;
	background-color: #FF9900;
	color: #000000;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	visibility: visible;
}
.button:hover{
	background:#e2e2e2;
	color:#000099
}

.list1{ margin:-2px 0}
.list1 li{ line-height:29px; background:url(../images/line_hor1.gif) bottom center no-repeat; font-size:11px; text-transform:uppercase; width:100%; overflow:hidden}
.list1 li a{ color:#959595; text-decoration:none; padding-left:30px; background:url(../images/marker_1.jpg) 0 5px no-repeat; display:block}
.list1 li a:hover{background:url(../images/marker_1_active.gif) 0 5px no-repeat;}
.list1 .no_bg{ background:none}
.list1 span{ color:#000;}
.stars_full{ float:right; background:url(../images/stars_active.gif) no-repeat; width:48px; height:8px; margin:10px 15px 0 0;}
.stars_full span{ height:8px; float:right; background:url(../images/stars.gif) right top repeat-x}
.stars_0{ width:100%;}
.stars_1{ width:80%;}
.stars_2{ width:60%;}
.stars_3{ width:40%;}
.stars_4{ width:20%;}


.pdf{ background:url(../images/page2_img2.jpg) 0 0 no-repeat; padding-left:62px; line-height:55px; display:block; color:#000}

/*---gallery1 begin ---*/
.carousel-box .inner1{
	position:relative;
	padding-top:6px;
	width:100%;
	overflow:hidden;
}
.gallery1{ float:left;}
.gallery1 li{
	float:left;
	padding-right:10px;
	color:#000;
	width:114px;
}
.gallery1 li a{
	margin-bottom:0px;
	display:block
}
.gallery1 li span{
	font-size:12px;
	color:#666666;
	display:block;
	padding-top:1px;
}
.inner1 .next3{
	position:relative;
	background:url(../images/marker_right3.gif) no-repeat;
	width:24px;
	height:150px;
	float:right;
	cursor:pointer
}
.inner1 .prev3{
	position:relative;
	background: url(../images/marker_left3.gif) no-repeat;
	width:24px;
	height:150px;
	float: left;
	cursor:pointer;
	margin-right:17px;
}
.inner1 .next:hover{ background:url(../images/marker_right3_active.gif) no-repeat}
.inner1 .prev:hover{ background:url(../images/marker_left3_active.gif) no-repeat}

/*---calendar begin ---*/
.carousel-box .inner2{ position:relative; padding-top:6px; width:259px;}
.calendar{ width:100%; overflow:hidden;}
.calendar li{ width:100%; position:relative; height:310px}
.calendar h2{ font-size:20px; line-height:26px; padding: 0 0 17px 0; text-align:center; font-weight:normal;}
.inner2 .next2{ position: absolute; z-index:4; display:block; background:url(../images/marker_right2.gif) no-repeat; width:14px; height:23px; top:6px; right:5px;}
.inner2 .prev2{position: absolute; z-index:4; display:block; background: url(../images/marker_left2.gif) no-repeat; width:14px; height:23px; top:6px; left:3px;}
.inner2 .next2:hover{ background:url(../images/marker_right2_active.gif) no-repeat}
.inner2 .prev2:hover{ background:url(../images/marker_left2_active.gif) no-repeat}

.calendar td{ width:37px; line-height:39px; border-bottom:1px solid #d7d8d4; color:#000; text-align:center}
.calendar .active{ background:#d7d8d4}
.calendar th{ line-height:28px; border-bottom:8px solid #fff;background:#0c0c0c; color:#fff; text-transform:uppercase; width:37px; font-weight:normal; text-align:center}
.calendar .no_bg td{ border:0}

.link1{
	display:inline-block;
	color:#000066;
	padding-right:10px;
	background:url(../images/marker_3.gif) right 8px no-repeat;
	margin-top:6px;
	margin-bottom:11px;
}
.link3{
	text-decoration:none;
	color: #000066;
}
.link3:hover{
	text-decoration:underline;
	color: #000066;
}

.cena{ font:17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; display:inline-block; padding:3px 8px 0 0; width:60px;}

#page3 figure{ margin-top:6px;}
#page3 strong{ color:#000; display:block}
#page4 figure{ margin-bottom:20px;}
#page4 .pad_bot3{ padding-bottom:15px}
#page5 .font1{ padding-top:14px;}

.gallery{ padding-top:6px; padding-bottom:4px;}
.gallery li{ float:left; padding-right:9px; padding-bottom:10px;}

.downloads { margin-right:18px;}
.downloads li{ padding:7px 0 8px 0; width:100%; overflow:hidden; background:#f0f0f0}
.downloads .bg_none{ background:none}
.downloads li span{ width:175px; float: left; padding-right:22px; background:url(../images/marker_2.gif) right center no-repeat}
.downloads li a{ float:right; margin-top:7px; line-height:23px; padding:0 7px}

#gallery2{ width:100%; overflow:hidden} 

.pages{ width:100%; overflow:hidden; padding:6px 0 29px 0; position:relative}
.pages li{ float:left; padding-right:1px; position:relative}
.pages li span{ font-size:10px; color:#gallery; line-height:24px; background:#e2e2e2; display:block; text-decoration:none; text-transform:uppercase; color:#000;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior: url(js/PIE.htc); position:relative; height:24px; cursor:pointer}
.pages li span:hover, .pages li span.active{ background:#000; color:#fff;}
.pages .page{ width:24px; text-align:center}
.pages .last, .pages .first{ padding:0 10px;}
.pages .next{ background:url(../images/marker_right4.gif) no-repeat; width:24px; height:24px; display:block;}
.pages .next:hover{ background:url(../images/marker_right4_active.gif) no-repeat}
.pages .prev{ background:url(../images/marker_left4.gif) no-repeat; width:24px; height:24px; display:block;}
.pages .prev:hover{ background:url(../images/marker_left4_active.gif) no-repeat}

section{ width:100%; overflow:hidden}

/* Lightbox image */
.lightbox-image {position:relative;overflow:hidden;	display:block;}
.lightbox-image img {position:relative;z-index:2;}
.lightbox-image span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background: url(../images/magnify.png) no-repeat 50% 50%;z-index:1;}

.tittle{ color:#a6a6a6; font-size:12px;}
.tittle span{ font-size:14px; color:#1f1f1f; text-decoration:underline; display:block; text-transform:uppercase}

.box_map{ background:#f0f0f0; border:1px solid #cbcbcb; padding:5px; float:left;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior: url(js/PIE.htc); position: relative;}
.box_wrap{ width:337px; height:303px; overflow:hidden}
iframe{ margin-top:-3px}

.cols{ width:180px; }

.link2{
	font-weight:bold;
	text-decoration:none;
	color: #000066;
}
.link:hover{
	text-decoration:underline;
	color: #006633;
}

/* ============================= footer ====================== */

footer {
	font-size:11px;
	text-transform:uppercase;
	color:#666666;
	padding:0 30px 24px;
	line-height:12px
}
footer a{
	color:#000000;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
footer a:hover{
}

/* ============================= forms ============================= */

#ContactForm {}
#ContactForm .wrapper{ margin-bottom:5px;}
#ContactForm .bg{ float:left; background:#e5e5e5;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior: url(js/PIE.htc); position: relative;}
#ContactForm a{ float:right; margin-top:12px;}
#ContactForm .input {width:323px; height:15px;background: none; padding:8px 11px;color:#686868; font:13px Arial, Helvetica, sans-serif; margin:0}
#ContactForm textarea { overflow: auto;width:518px; height:265px;background: none; padding:8px 11px;color:#686868; font:13px Arial, Helvetica, sans-serif; margin:0}
.bordurehautbasdroit {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
.bordurehautbasgauche {
	border-top-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.bordurebas {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.bordurenoir {
	border: thin solid #999999;
}
.bouton2 {
	background-image: url(../images/refresh2.jpg);
}
.bordurecouleurs {
	border: thin solid #990000;
}
.font3 {
	font-family: "Courier New", Courier, monospace;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #990000;
}
.style15 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	text-transform: uppercase;
}