/* YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com */

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


/* COMMUN */

*::-moz-selection {
    background: rgba(255, 255, 255, 0) none repeat scroll 0px 0px;
    color: #faff00;
}

img{
  width:100%;
  height:auto;
}

#part1{
  width:55%;
  height:100%;
  float:left;
  position:relative;
}

#footer{
  position:absolute;
  bottom:0;
  left:0;
  margin:0;
  padding:0;
  z-index:1000;
}

#part2{
  width:45%;
  float:right;
  height:100%;
}

#txt{
  height:40%;
  margin:5% 3%;
}

#lang, #footer{
  position:absolute;
  right:0;
  font-size: 13px;
  text-shadow: 1px 1px 1px rgb(190, 190, 190);
  font-family: 'Roadiz';
  margin: 0.5%;
}

h1{
    font-weight: bold;
    text-transform: uppercase;

}

h2{
  font-style: italic;

}


h1, h2{
  font-size: 13px;
  text-align: left;
	padding-bottom:0px;
  text-shadow: 1px 1px 1px rgb(190, 190, 190);
  font-family: 'Roadiz';
}

h4{
  display:inline-block;
  font-size: 13px;
}

a{
  display:inline-block;
  font-family: 'Roadiz';
  background-color:#faff00;
  text-decoration: none;
  color:black!important;
  text-shadow: 1px 1px 1px rgb(190, 190, 190);
  font-size: 13px;
}

.purchase, .back{
  border:1px dotted black;
  padding:10px 20px;
  margin-top:15px;
  display: inline-block;
  font-size: 13px;
}

.back{
  left:20px;
  top:10px;
  position:fixed;
  font-family: 'Roadiz';

}

.purchase:hover, .back:hover{
background-color: yellow;
cursor: pointer;
}

.hidden{
  display:none;
}
.shown{
  display:block;
}

.box{
  z-index:1000;
  position:fixed;
  left:0;
  width:100%;
  margin:0 auto;
  height:100%;
  background-color:rgba(255, 255, 255, 0.91);
  box-shadow: 1px 1px 1px rgb(190, 190, 190);
}

.box img{
  height:auto;
  width:45%;
  position:fixed;
  right:0;
  top:0;
}
.box-txt{
  top:10%;
  position:absolute;
  width:50%;
  margin-bottom: 20px;
}
.box p{
font-size: 13px;
background-color: white;
text-shadow: none;
line-height: 150%;
margin-bottom: 5px;
margin-left: 20px;

}

.box h1{
font-size: 10px;
background-color: white;
}



video{
  width:50%;
  z-index:1000;
  position:absolute;
  right:0;
  top:0;
  border:1px solid rgba(227, 227, 227, 0.99);
}

/* video:hover{
  background-color:red!important;
  opacity:0;
} */


p{
	font-size: 13px;
	text-align: left;
	padding-top:5px;
  line-height: 130%;
  font-family: 'Roadiz';
  text-shadow: 1px 1px 1px rgb(190, 190, 190);

}

#slide{
  height:60%;
  background-color: green;
  bottom:0;
  position:relative;
}

.cycle-slideshow{
  position:fixed;
  bottom:0;
}

.cycle-next {
    right: 0px;
    cursor:e-resize;
}

.cycle-prev {
    cursor:w-resize;
}


.cycle-prev, .cycle-next {
    position: absolute;
    top: 0px;
    width: 30%;
    z-index: 800;
    height: 100%;
}

b{
  border-bottom:1px solid black;
  font-weight: normal;
}