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}
/* Global properties ======================================================== */
html {width:100%}

body {font-family: "Roboto Thin";font-size:100%;color:#666;min-width:980px;     overflow-y: scroll;

}
.conteneur2{
	display: grid;
	grid-template-columns: 300px 300px;
}
.droite{
	float:left;
	width:25%;
	height:599px;
	text-align: center;

}
.gauche{
	float: right;
	width: 75%;
	height:609px;
	text-align: center;
}
.conteneur {
	height: 90px;
	position: relative;
	background-color: #696969;
}

.buttondiv {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.textpara{
	font-size: 120px;
	text-align: center;
	padding: 200px 0px 0px 0px;
	color: white;
	line-height: 30px;
}

.container {
	z-index: 2;
	position: absolute;
	top: 100vh;
	background: black;
	line-height: 30px;
	font-weight: lighter;
	padding: 40px;
	color: grey;
}
.block{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	font-size: 16px;
}
.block h2{
	position: relative;
	display: block;
	text-align: center;
	margin: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 10vw;
	color: white;
	font-weight: 400;
}
.img-parallax {
	width: 100vmax;
	z-index: -1;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
	pointer-events: none
}
.parallax {
	/* The image used */
	background-image:url(../images/imagmain.jpg);

	/* Full height */
	height: 30%;

	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.headerr {
	background:url(../images/imagmain.jpg);
	padding: 600px;
	text-align: center;
	color: white;
	font-size: 30px;
 ;
}
.limap{
	width: 3000px;
}
.openinghours {
	color: white;
	font-family:Lucida Console;
	border-radius:4px;
	margin:10px;
	box-shadow: 0 0 10px black;
	padding:0 10px 0 10px;
	overflow: hidden;
	display: inline-block;
	font-size: 17px;
}
.openinghourscontent {
	float:left;
}
.openinghourscontent h2 {
	display:block;
	text-align:center;
	margin-top:.33em;
}
.openinghourscontent button {
	color:white;
	font-family:Courier New;
	font-size:large;
	font-weight:bolder;
	background-color:#4679BD;
	border-radius:4px;
	width:100%;
	margin-bottom:10px;
}
.today {
	color: #8AC007;
}
.opening-hours-table tr td:first-child {
	font-weight:bold;
	color:white;
}
#open-status {
	display:block;
	margin-top:-1em;
	text-align:center;
	border:dotted lightgrey 3px;
}
.openorclosed:after {
	content:" ouvert";
	color:forestgreen;
	font-weight: bold;
}
.open {
	color:green;
}
.open:after {
	content:" ouvert";
	color: #6C0;
}
.closed:after {
	content:" fermé";
	color: red;
}
.opening-hours-table tr td {
	padding:5px;
	color:white;
}

.bg {width:100%; background:#ebeeec;}

.main { height:2216px;padding:0;margin:0 auto;font-size:0.75em;line-height:1.5em ; min-width:940px;}
.menu {    width: auto;
	height: auto;
	display: block;
	background: url(../images/bg%20meny.jpg) 0 0 repeat-x;
	float: right;
	padding-left: 8px;
	/* padding-top: 8px; */
	/* vertical-align: bottom; */
	margin-left: 99px;}
.menu li{ display:block; float:left; font-family: Arial, Helvetica, sans-serif; font-size:13px; padding-left: 14px; padding-right:14px; text-align:center; width:auto; padding-bottom:14px; padding-top:14px;}
.menu p{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
.menu li a{ text-decoration:none;color:#FFF;}
.menu li:hover{display:block; ; background:#F00; text-align:center; height: auto; text-shadow:1px 1.5px 0  #b00509 ;}
a {color:#1799cf;outline:none;}

a:hover {text-decoration:none;}

.clear {clear:both;width:100%;line-height:0;font-size:0}

.col-1, .col-2, .col-3, .col-4 {float:left}
.column-1, .column-2, .column-3 {float:left}
.wrap{background-color: white}
.wrapper {width:100%;overflow:hidden ;width:940px; height:540px; margin: 5px auto; position:relative;}
.wrapper1{ background:url(../images/imagmain.jpg) 0 0 no-repeat; width:940px; height:143px; padding:370px 0px 0px 24px ; color:#FFF; border-radius: 8px;}
.wrapper1 h1{ font-family:anton; font-size:36px;}
.extra-wrap {overflow:hidden}
 .wrapper1 a{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; text-decoration:none;color:#FFF; }
.container {width:100%}
.wrapper2 { position:absolute; top: 400px; left:362px; float:left; display:block; }
.wrapper2 li{ float:left; margin-left:1px;
border:solid 2px transparent ;}
.wrapper2 li:hover{ border:2px solid #FFF;}
p
.p1 {}
.p2 {margin-bottom:10px}
.p3 {margin-bottom:30px}
.p4 {margin-bottom:40px}
.p5 {margin-bottom:50px}
.p6 {margin-top:40px}

.reg {text-transform:uppercase}

.fleft {float:left}
.fright {float:right}

.alignright {text-align:right}
.aligncenter {text-align:center}

.it {font-style:italic}

.letter {letter-spacing:-1px}

.color-1 {color:#fff}
.color-2 {color:#000}
.color-3 { display:block; color:#c31a1f; font:13px/36 Arial, Helvetica, sans-serif; width:85px;}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px}

.spacing {margin-right:35px}
.spacing2 {margin-right:45px}
.spacing3 {margin-right:60px}

.indent-bot {margin-bottom:20px}
.indent-bot2 {margin-bottom:35px}
.indent-bot3 {margin-bottom:45px}

.img-indent-bot {margin-bottom:25px}
.img-indent {float:left;margin:0 20px 0px 0}
.img-indent2 {float:left;margin:0 13px 0px 0}
.img-indent-r {float:right;margin:0 0px 0px 40px}

.img-box {float:left;margin-bottom:20px}

.prev-indent-bot {margin-bottom:10px}
.prev-indent {float:left;margin:0 17px 0px 0}
.prev-box {float:left;margin-bottom:8px}

.border {border:3px solid #000}

.buttons a:hover {cursor:pointer}

.list-1 li a,
.list-2 li a,
.link,
.logo {text-decoration:none}
.imagesa{float:left;  padding:62px 0 0 368px; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:100;}
/*********************************header*************************************/
header { }
/*.logo {display:block;width:400px;height:400px;text-indent:-5000px;background: url(../images/logo_blmpng.png)0 0 no-repeat ;float:left; }
.imagesa p a{ text-decoration:none; color:#8d8d8d;}
/*********************************content*************************************/
#content {padding:0px 0px 0px 0px}

.block {margin:0 auto;width:100px; height:100px; background:#fff;}

.spacer-1 {width:100%;background:url(../images/pic-1.gif) 217px 0 repeat-y}
.spacer-2 {width:100%;background:url(../images/pic-1.gif) 460px 0 repeat-y}

h3 {font-size:24px;line-height:1.2em;margin:0px 0 20px;color:#fff}

.wrapp li{ display: inline-block; width:460px; height:198px; margin-top:13px; margin-left:5px; margin-right:5px ;background:#d2d2d5;font-size: 120%;}

 .wrap li{ display:block; width:460px; height:198px; float: right; margin-top:13px; margin-left:10px;background:#d2d2d5;font-size: 120%;}
 .wrap1{ display:block; width:206px; height:178px; float:right;text-decoration:none; padding-left:14px;color:#ffffff; padding-top:20px; background:#d2d2d5;}
 .more{ display:block; width:78px; height:42px; background:#303030; font:16px/42px  anton; margin-top:7px; color:#ffffff;  text-align:center;box-shadow:1px 1px 2px rgba(f,f,f,0.2) -moz-box-shadow:1px 1px 2px rgba(f,f,f,0.2) -webkit-box-shadow:1px 1px2px rgba(f,f,f,0.2)}
 .wrap2{ color:#000000; font:16px/36px  anton; }
 .wrap li:first-child{margin-left:0px;}
/*.wrap li :hover{ background:#ed121e;}

 */
.warp2{color:black; font-size: 18px; font-weight: bold}
.nosv { font-size: 10px; border: white}
.boutonClass {
				  background-color: #747a65;
				  border: none;
				  color: white;
				  padding: 8px 16px;
				  text-align: center;
				  text-decoration: none;
				  display: inline-block;
					border-radius: 15px;
				  font-size: 16px;
				  margin: 10px;
				  cursor: pointer;
			  }
.boutonClass2 {
	background-color: #747a65;
	border: none;
	color: white;
	padding: 8px 16px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 15px;
	font-size: 50px;
	margin: 10px;
	cursor: pointer;
	text-align: center;
}
.lin{ height:92px; border-bottom:1px solid #d3d3d3; border-top:1px solid #d3d3d3; margin-top:25px;}
.lin1{ height:88px; border-bottom:1px solid #d3d3d3; border-top:1px solid #d3d3d3; margin-top:1px;}
.wrap_l li{ display:block;  float:left; margin-top:28px; margin-left:23px;}
.wrap_l li:first-child{margin-left:0px;}
.l1{ font:30px/36px Arial, Helvetica, sans-serif; font-weight: 900; color:#353535;}
.l2{ display:block;font-size:12px; font-weight:400; color:#777777; padding-right:22px; }
.wrap_2 li{ display:block;  height:585px; background:#cfccd0;  float:left; margin-top:28px; margin-left:20px; border-radius: 5px}
.wrap_2 li:first-child{margin-left:0px;}
.wrap_2 h1{ font:22px/100px Arial, Helvetica, sans-serif; padding-left:27px; font-weight: bolder; color:#353535;}
.wrap_2 h3{ font:12px/18px Arial, Helvetica, sans-serif; padding-left:27px; font-weight: bolder; color:#353535; padding-top:37px; }
.wrap_2 p{ padding-left:27px;}
 .more1{ display:block; width:76px;  height:42px; padding-left:18px; padding-right:18px; background:#303030; font:16px/42px  anton; margin-top:37px; margin-left:27px; color:#ffffff;  text-align:center;box-shadow:1px 1px 2px rgba(f,f,f,0.2) -moz-box-shadow:1px 1px 2px rgba(f,f,f,0.2) -webkit-box-shadow:1px 1px2px rgba(f,f,f,0.2)}
 .more1 a{ text-decoration:none; color:#FFF;}
.qwe li{ display:block; font-family:Arial, Helvetica, sans-serif; width:260px; height:20px; margin:21px 0 0 35px; float:inherit; padding-top:14px; }
.qwe li:first-child{ margin-left:35px;}
.qwe li a{ text-decoration:none; color:#c31a1f;}
.more2{ display:block;margin-top:37px; margin-left:27px;}

.lin2{ height:1px; border-bottom:1px solid #d3d3d3; border-top:1px solid #d3d3d3; margin-top:30px; margin-bottom:22px;}
.cate li{ float:left; width:156px;}
.kyb{ width:3px; height:3px; background:#c31a1f; margin-top:11px; float:left; margin-right:12px;}
.cate2 li{ display: block; width:115px; height:25px; }
.cate2 li a{ display:block ; width:115px; height:25px;text-decoration:none; color:#777777;font:12px/28px Arial, Helvetica, sans-serif}
.cate2 li a:hover{ background:#494949; color:#ffffff; list-style:none; text-decoration:none;}
.cate{ margin-top:30px; margin-bottom:60px;}
.knop{ position:absolute; left:1160px; top:2060px;width:"42" ;height:"42"}
.scroll { overflow:auto; height:180px; position:relative} 
.scroll .padding-right {height:1%;padding-right:50px}

.border-bot {width:100%;padding-bottom:20px;background:url(../images/pic-1.gif) 0 bottom repeat-x}

.box {}
.box .padding {padding:50px 65px 30px 68px}

.button {display:inline-block;color:#000;background:url(../images/button.png) 0 0 repeat-x}
.button:hover {color:#fff}

.button1 {display:inline-block;font-size:12px;padding-left:9px;color:#fff;background:url(../images/button-left.png) 0 0 no-repeat}
.button1:hover {color:#24a3ce}

.list-1 li {font-size:14px;line-height:24px;padding-left:12px;vertical-align:top;background:url(../images/list1-marker.gif) 0 8px no-repeat}
.list-1 li a {color:#1799cf}
.list-1 li a:hover {color:#fff}

.list-2 li {line-height:22px;padding-left:12px;background:url(../images/list2-marker.gif) 0 8px no-repeat}
.list-2 li a {color:#fff}
.list-2 li a:hover {color:#1799cf}

.list-3 {list-style:decimal-leading-zero}
.list-3 li {font-size:12px;line-height:16px;color:#fff;padding-bottom:12px;margin-left:25px;list-style-type:decimal-leading-zero}
.list-3 li a {color:#eda202}
.list-3 li a:hover {color:#24a3ce}

.link:hover {text-decoration:underline}

.link-1 {display:inline-block;font-size:14px;padding-right:8px;background:url(../images/marker-3.gif) right 8px no-repeat}
.link-1:hover {color:#fff}

.text-1 {font-size:14px}
.text-2 {font-size:14px;line-height:1.285em}
.text-3 {font-size:11px;line-height:1.272em}

dl span {float:left;width:80px}

input,textarea {font-size:1em;color:#666;font-family:Arial, Helvetica, sans-serif;margin:0;padding:0}

/* Contact form */
#contact-form {position:relative;vertical-align:top;width:590px;padding-bottom:5px}
	#contact-form fieldset {border:none;padding:0}
		#contact-form .field {overflow:hidden;padding-bottom:10px}
			#contact-form input {width:400px;padding:0px 14px;background:none;border:none;float:left}
			#contact-form .area {overflow:hidden;padding-bottom:10px}
			#contact-form textarea {width:560px;height:195px;background:none;padding:10px 14px;overflow:auto;display:block;line-height:1.2em;border:none}
				#contact_form a {cursor:pointer}
			#contact-form label {color:#F00;overflow:hidden;float:left}
				#contact-form .error {color:red;line-height:normal;display:none;line-height:1em;width:150px;padding:7px 0 0 10px}
				#contact-form .area .error {line-height:1.5em;width:auto;float:none}
		.buttons-wrapper {text-align:right}
		.buttons-wrapper a {margin-left:10px}

#map_canvas {width:335px;height:321px}
#map {
	height: 400px;  /* The height is 400 pixels */
	width: 100%;  /* The width is the width of the web page */
}

/****************************footer************************/

.f{ background:url(file:///C|/Documents%20and%20Settings/User/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B8%D0%B9%20%D1%81%D1%82%D0%BE%D0%BB/site%20-%20%D0%BA%D0%BE%D0%BF%D0%B8%D1%8F/bd_fyter.jpg) repeat-x; width:940px; height:147px; margin:0 auto;}

#easyTooltip {font-size:12px;background:#fff;padding:3px 5px;border:1px solid #000}