body{
  background-color:#ffffff;
  background-color:#f0efed;
  background-color:#eeeeee;
  margin:auto;
  font-family: sans-serif;
}

h1{font-size:2em;}
h2{font-size:1.5em;}
h3{font-size:1.4em;}

a
{
  text-decoration:none;
}

a:hover
{
  text-decoration:none;
}

input{
  outline: none;
}

a.menu
{
  padding:15px;
  text-decoration:none;
  color:#333333;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

a.menu:hover
{
  background-color:#e84d0e;
  color:#ffffff;
}

a.link
{
  padding:5px;
  text-decoration:none;
  color:#333333;
}

a.link:hover
{
  background-color:#333333;
  color:#ffffff;
}

a.admin
{
  text-decoration:none;
  color:#e84d0e;
  border-bottom:1px solid #ffffff;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

a.admin:hover
{
  border-bottom:1px solid #e84d0e;
}

.button{
  color:#ffffff;
  border:1px solid #ffffff;
  padding:20px;
  cursor:pointer;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.button:hover{
  background-color:rgba(255, 255, 255, 0.2);
}

.button_red{
  color:#e84d0e;
  border:1px solid #e84d0e;
  padding:10px;
  cursor:pointer;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.button_red:hover{
  background-color:rgba(231, 56, 65, 0.1);
}

.menu_langue{
  color:#e84d0e;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.menu_langue:hover{
  background-color:rgba(231, 56, 65, 0.5);
}

.image{
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.image:hover{
  opacity:0.7;
}


input.yesno{position:relative;vertical-align:middle;margin-left:8px;display:none;}
label.yesno{margin-left:40px;position:relative;}
input.yesno:checked+label:before{background-color:hsl(119, 23%, 57%);}
input.yesno:checked+label:after{left:-20px;}
label.yesno:before{content:"";position:absolute;top:0;left: -38px;display: block;width: 38px;height: 16px;background-color: #e6703a;border-radius: 10px;margin-top: 0;margin-left: -6px;border: 2px solid hsl(0, 0%, 77%);box-shadow: inset 0 1px 3px hsla(0, 0%, 26%, 0.65);}
label.yesno:after{content: "";display: block;width: 16px;height: 16px;border-radius: 14px;background-color: #f5f5f5;box-shadow: 0 1px 5px #444;position: absolute;top: 2px;left: -42px;-webkit-transition: left .3s ease-in-out;-moz-transition: left .3s ease-in-out;-o-transition: left .3s ease-in-out;transition: left .3s ease-in-out;}
input.yesno[disabled]+label:after{display: none;}
input.yesno[disabled]+label:before{background-color: #fafaf8;box-shadow: inset 0 0 3px hsla(0, 0%, 26%, 0.65);opacity: .6;}

.tooltip
{
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext
{
    visibility: hidden;
    width: 240px;
    top: 100%;
    left: 50%;
    margin-left: -140px; /* width/2 + padding/2 */
    background-color: #ffffff;
    text-align: center;
    padding: 5px 0;
    padding:20px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext
{
    visibility: visible;
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #ffffff transparent;
}

#mask_popup{
  z-index:9;
  display:none;
  position:fixed;
  left:0;
  width:100%;
  top:0;
  height:100%;
  background-color:#e1e1e1;
  opacity:0.6;
}

#popup{
  z-index:10;
  display:none;
  position:fixed;
  left:50%;
  width:1000px;
  margin-left:-550px; /* width/2 + padding/2 */
  top:15%;
  margin-top:0px;
  max-height:80%;
  background-color:#ffffff;
  border:1px solid #cccccc;
  padding:50px;
  color:#000000;
  font-size:16px;
  overflow-y:auto;
}

/*
formulaires
*/

.input_select{
  font-family: sans-serif;
  border-left: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #e84d0e;
  padding: 6px 10px;
  font-size:15px;
  color:#000000;
  height: 50px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background-color:#ffffff;
}

.input_home
{
  background:transparent;
  width:200px;
  height:53px;
  border:0;
  font-size:1em;
  color:#ffffff !important;
  margin-top:1px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

.input_home::-webkit-input-placeholder
{
  color:#ffffff !important;
}
.input_home::-moz-placeholder
{
  color:#ffffff !important;
}
.input_home:-moz-placeholder
{
  color:#ffffff !important;
}
.input_home:-ms-input-placeholder
{
  color:#ffffff !important;
}
.input_home::placeholder
{
  color:#ffffff !important;
}

.input_home_mobile
{
  background:transparent;
  margin-left:0;
  margin-top:20px;
  margin-bottom:20px;
  width:80%;
  height:40px;
  border:1px solid #e84d0e;
  font-size:1em;
  color:#e84d0e !important;
  margin-top:1px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

.input_home_mobile::-webkit-input-placeholder
{
  color:#e84d0e !important;
}
.input_home_mobile::-moz-placeholder
{
  color:#e84d0e !important;
}
.input_home_mobile:-moz-placeholder
{
  color:#e84d0e !important;
}
.input_home_mobile:-ms-input-placeholder
{
  color:#e84d0e !important;
}
.input_home_mobile::placeholder
{
  color:#e84d0e !important;
}

.input_montant{
  border: 1px solid #e84d0e;
  padding: 6px 10px;
  font-size:15px;
  width: 100px;
  text-align:right;
  color:#000000 !important;
  height: 50px;
  -webkit-appearance:none;
}

.input_text{
  border: 1px solid #e84d0e;
  padding: 6px 10px;
  font-size:15px;
  color:#000000 !important;
  width:100%;
  height: 50px;
  -webkit-appearance:none;
}

.input_submit{
  background-color: #e84d0e;
  border: 1px solid #e84d0e;
  padding: 6px 10px;
  font-size:15px;
  color:#ffffff;
  border-radius:0;
  -webkit-appearance:none;
  cursor:pointer;
  font-family: sans-serif;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.input_submit:hover{
  opacity:0.8;
}

.input_textarea{
  border: 1px solid #e84d0e;
  padding: 6px 10px;
  font-size:15px;
  color:#000000;
}

.input_submit_home{
  background-color: #bbbbbb;
  border: 1px solid #bbbbbb;
  border-right:1px solid #ffffff;
  border-bottom:1px solid #ffffff;
  padding-top:6px;
  padding-bottom:6px;
  padding-left:20px;
  padding-right:20px;
  color:#333333;
  border-radius:0;
  -webkit-appearance:none;
  cursor:pointer;
  height:50px;
  font-family: sans-serif;
  width:100%;
  font-size:15px;
}

.input_submit_home:hover{
  opacity:0.8;
}

.input_submit_home_selected{
  background-color: #e84d0e;
  border: 1px solid #e84d0e;
  border-right:1px solid #ffffff;
  padding-top:6px;
  padding-bottom:6px;
  padding-left:20px;
  padding-right:20px;
  color:#ffffff;
  border-radius:0;
  -webkit-appearance:none;
  cursor:pointer;
  height:50px;
  width:100%;
  font-size:15px;
  font-family: sans-serif;
}

.onoffswitch {
position:relative;
width:80px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
box-shadow: inset 10px 10px 5px 0px #cfcfcf;
border-radius: 10px;
}

.onoffswitch-checkbox {
display:none;
}

.onoffswitch-label {
display:block;
overflow:hidden;
cursor:pointer;
border:1px solid #DBD9D9;
width:80px;
}

.onoffswitch-inner {
width:200%;
margin-left:-100%;
-moz-transition:margin 0.3s ease-in 0s;
-webkit-transition:margin 0.3s ease-in 0s;
-o-transition:margin 0.3s ease-in 0s;
transition:margin 0.3s ease-in 0s;
}

.onoffswitch-inner > div {
float:left;
position:relative;
width:50%;
height:20px;
padding:0;
line-height:20px;
font-size:14px;
color:white;
font-family:Helvetica,Arial,sans-serif;
font-weight:bold;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.onoffswitch-inner .onoffswitch-active {
padding-left:15px;
background-color:#F9F9F9;
color:#FFFFFF;
}
.onoffswitch-inner .onoffswitch-inactive {
padding-right:15px;
background-color:#F9F9F9;
color:#FFFFFF;
text-align:right;
}
.onoffswitch-switch {
width:40px;
margin:0;
text-align:center;
border:0 solid #999999;
border-radius:0;
position:absolute;
top:0;
bottom:0;
}
.onoffswitch-active .onoffswitch-switch {
background:#BFD63B;
left:0;
}
.onoffswitch-inactive .onoffswitch-switch {
background:#e84d0e;
right:0;
}
.onoffswitch-active .onoffswitch-switch:before {
content:"";
position:absolute;
top:0;
left:40px;
border-style:solid;
border-color:#BFD63B transparent transparent #BFD63B;
border-width:15px 10px;
}
.onoffswitch-inactive .onoffswitch-switch:before {
content:" ";
position:absolute;
top:0;
right:40px;
border-style:solid;
border-color:transparent #e84d0e #e84d0e transparent;
border-width:15px 10px;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left:0;
 }

/*
-----------------------------------------------------------------------------------------------------------------------------------
parralax
-----------------------------------------------------------------------------------------------------------------------------------
*/

.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6, .bgimg-7, .bgimg-8 {
  position: relative;
  opacity: 0.65;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  background-image: url("/images/blokkus-1.jpg");
  min-height: 600px;
}

.bgimg-2 {
  background-image: url("/images/blokkus-2.jpg");
  min-height: 600px;
}

.bgimg-3 {
  background-image: url("/images/blokkus-3.jpg");
  min-height: 600px;
}

.bgimg-4 {
  background-image: url("/images/blokkus-4.jpg");
  min-height: 600px;
}

.bgimg-5 {
  background-image: url("/images/blokkus-5.jpg");
  min-height: 600px;
}

.bgimg-6 {
  background-image: url("/images/blokkus-6.jpg");
  min-height: 600px;
}

.bgimg-7 {
  background-image: url("/images/blokkus-7.jpg");
	min-height: 600px;
}

.bgimg-8 {
  background-image: url("/images/blokkus-8.jpg");
	min-height: 600px;
}

.caption {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #000;
}

.caption span.border {
  background-color: #111;
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
  .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6, .bgimg-7, .bgimg-8 {
    background-attachment: scroll;
    height:50vh;
    min-height:50vh;
  }
}

.map-icon
{
  width:45px;
  height:45px;
  line-height:45px;
  text-align:center;
  vertical-align:middle;
  background-image: url("/images/map-marker.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  color:#ffffff;
  font-weight:900;
  font-size:16px;
}

/*
-----------------------------------------------------------------------------------------------------------------------------------
under 640 pixels width
-----------------------------------------------------------------------------------------------------------------------------------
*/
@media screen and (max-device-width: 640px), screen and (max-width: 640px)
{


} /* @media screen and (max-width: 640px) */