@font-face {
font-family: 'Myriad Pro Regular';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff');
}

@font-face {
font-family: 'Myriad Pro Condensed';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Condensed'), url('MYRIADPRO-COND.woff') format('woff');
}

@font-face {
font-family: 'Myriad Pro Semibold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Semibold'), url('MYRIADPRO-SEMIBOLD.woff') format('woff');
}

@font-face {
font-family: 'Myriad Pro Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Condensed Italic'), url('MYRIADPRO-CONDIT.woff') format('woff');
}

@font-face {
font-family: 'Myriad Pro Bold Condensed';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Condensed'), url('MYRIADPRO-BOLDCOND.woff') format('woff');
}

@font-face {
  font-family: 'GaramondPremrPro-It';
  src: url('GaramondPremrPro-It.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
		@-ms-viewport { width: device-width; }
		@media only screen and (min-device-width: 800px) { html { overflow:hidden; } }
		

		html { height:100%; -ms-overflow-style: none !important; }
		body { height:100%; overflow: hidden; margin:0; padding:0; font-family: "Myriad-pro"; font-size:14px; color:#000; background-color:#000000; -webkit-user-select:none; -webkit-text-size-adjust:none; -ms-overflow-style: none !important; }
		@media (orientation:landscape) {
    html.ipad.ios7 > body {
        position: fixed;
        bottom: 0;
        width:100%;
        height: 672px !important;
    }
		}
		
		#pano {
		z-index:1;	
		}
		
				#krpanoSWFObject {
		z-index:2;	
		}
		
		*|*:fullscreen {
  position:fixed;
  top:0; right:0; bottom:0; left:0;
  margin:0;
  box-sizing:border-box;
  width:100%;
  height:100%;
  object-fit:contain;
}

iframe:fullscreen {
  border:none;
}

*|*:fullscreen::backdrop {
  position:fixed;
  top:0; right:0; bottom:0; left:0;
  background:black;
}

img {
border: none;	
}
#divcontent {
background-color: #2c2627;
top:90px;
bottom: 0px;
position: absolute;
width:840px;
left:-840px;
z-index: 90;
}

#scroller {
top:0px;
bottom: 0px;
width: 100%;
position: absolute;
overflow-y:auto;
overflow-x:hidden;
text-align: left;  
}

#closedivcontent {
position: absolute;
top:50%;
right:-50px;
margin-top:-25px;
height:50px;
z-index: 95;
}

#closedivcontent a:hover {
cursor: pointer;
}

#divcontentmobile {
background: rgba(0,0,0, 0.8);
position: absolute;
width:100%;
top:90px;
bottom:0px;
z-index: 1000;
overflow:auto;
display:none;
z-index: 90;
}

#scrollermobile {
position:relative !important; 
margin:10px auto;
width:90%;
max-width: 800px;
color: #000;
text-align: left;
z-index:10000;	
padding: 0px; 	
}

#closedivcontentmobile {
position: fixed;
top:90px;
right:0px;
z-index: 1005;
}

#closedivcontentmobile a:hover {
cursor: pointer;
}
#header_village {
background-color: #272122;padding-bottom: 30px;
}

#fiche {padding: 20px 70px;font-family: 'Myriad Pro Condensed' ;color: #ffffff;font-size: 18px;}	
#fiche_titre { text-align: center; padding: 30px 0px 0px 0px}
#fiche_titre .titre {color: #9d8c8c; font-size: 40px; font-family: 'Myriad Pro Bold Condensed'; text-transform: uppercase; }
#fiche_titre .alsacien{color: #9d8c8c; font-size: 30px; font-family: 'Myriad Pro Condensed Italic'; text-transform: uppercase; }
#fiche_titre .sous-titre {font-size: 25px; font-family: 'Myriad Pro Condensed Italic'}
#barre { width: 191px; margin:0 auto;}
#text_principal { color: #9d8c8c; font-size: 20px; font-family: 'Myriad Pro Condensed'; text-align:center; margin: 20px 0px;}
#fiche_photo {padding: 20px 0px 10px 0px}
.fiche_photo {max-width: 100%;}
#separation {width: 700px; margin:0 auto; padding: 0px 0px 20px 0px;}
#separationv {float: left; margin: 10px;height:180px; overflow:hidden;}
.icontitre {color: #9d8c8c; font-size: 18px; font-family: 'Myriad Pro Bold Condensed'; text-transform: uppercase;}

#fiche_titre_gc { text-align: center; padding: 50px 0px 35px 0px;}
#fiche_titre_gc .grandcru{color: #cba934; font-size: 18px; font-family: 'Myriad Pro Condensed'; text-transform: uppercase;}
#fiche_titre_gc .titre {color: #ffffff; font-size: 40px; font-family: 'Myriad Pro Bold Condensed'; text-transform: uppercase;}
#ensavoirplus {text-align: center;padding-bottom: 30px}
.yellow {color: #cba934;}
div.categorie{color: #ffffff; font-size: 30px; font-family: 'GaramondPremrPro-It'; padding: 30px 0px 10px 0px;}

a {
color: #cba934;
font-family: 'Myriad Pro Condensed Italic';
}

.tourisme {
background : #3e3839;
padding: 10px;
}

.tourisme p {
margin: 5px 0 0 0;
}
td.maj {
text-transform : uppercase;
}

div.left_content {
width: 60%;
float: left;
}

div.right_content {
width: 30%;
float: right;
margin-top: 20px;
}

div.icon {
margin-right: 20px;
float:left; 
}

div.desc{
float:left; 
width: 83%
}
div.cat{
padding: 20px 0px;
width: 100%;
float:left;
border-bottom: 1px solid #3c3234;
}

div.catlast{
padding: 20px 0px;
width: 100%;
float:left;
}

.cat_title {
text-transform : uppercase;
color: #9d8c8c;
}

.sombre {
color: #9d8c8c;
}

.italic{
font-style: italic;
}

.gras {
font-weight: bold;
}

a.link {margin-top: 15px;background:#4a4244;text-align:center;padding: 5px;text-decoration:none;color:#fff;display:block;font-family: 'Myriad Pro Regular';}
a.link img {vertical-align:middle;}
a.mail {text-decoration:none; font-style:italic; }
.video {margin-top: 15px;}

.video img {width: 100%;}

@media screen and (max-width: 799px) {
div.left_content {
width: 100%;
float: left;
}

div.right_content {
width: 100%;
float: left;
margin-top: 20px;
}	

#fiche {padding: 20px 0px;font-family: 'Myriad Pro Condensed' ;color: #ffffff;font-size: 14px;}	
}

#footer h2 {
padding: 0px;
margin-top: 10px;
text-transform : uppercase;
font-size: 20px;
}

#footer {position: relative;
top: 25px;
width:100%;
text-align:center;
padding: 10px 0px 30px 0px;
background:#4f4849;
font-family: 'Myriad Pro Condensed' ;color: #ffffff;
	clear:both;} 

.bottomthumbs{
width:80%;
margin-left: auto;
margin-right: auto;
}

.bottomthumbs a{
	width:164px;
	height:79px;
	display:inline-block;
	position:relative;
	text-decoration:none;
	background-position:top center;
	background-repeat: no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}
		
.stitregc {
position: relative;
top: 85px;
font-size: 20px;
color: #cba934;
font-family: 'Myriad Pro Condensed';
}

.stitre {
position: relative;
top: 85px;
font-size: 20px;
color: #fff;
font-family: 'Myriad Pro Bold Condensed';
text-transform: uppercase;
}
#gallerie {
position: relative; 
width: 840px;
height: 394px; 
overflow: hidden;
max-width:100%;	
}
.jssort07 {
                position: absolute;
                /* size of thumbnail navigator container */
                width: 840px;
                height: 95px;
background-color: rgba(0, 0, 0, 0.5);
left: 0px; bottom: 0px;
            }

                .jssort07 .p {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 80px;
                    height: 67px;
                }

                .jssort07 .i {
                    position: absolute;
                    top: 50%;
                    left: 50%;
              height:100%;
-webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
                }

                .jssort07 .p:hover .i, .jssort07 .pav .i {
                    filter: alpha(opacity=100);
                    opacity: 1;
                }

                .jssort07 .o {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 80px;
                    height: 67px;
                }

.jssora11l, .jssora11r {
                    display: block;
                    position: absolute;
                    /* size of arrow element */
                    width: 22px;
                    height: 30px;
                    cursor: pointer;
                    background: url(arrows_small.png) no-repeat;
                    overflow: hidden;
                }

                .jssora11l {
left: 200px;
                }

                .jssora11r {
                background-position: -22px 0;
right: 200px;
                }