@import url('https://fonts.googleapis.com/css?family=Expletus+Sans');

.sylma-hidder,
.hidder {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s, visibility 0.5s, max-height 0.5s;
  -o-transition: opacity 0.5s, visibility 0.5s, max-height 0.5s;
  transition: opacity 0.5s, visibility 0.5s, max-height 0.5s;
}
.sylma-hidder.sylma-visible,
.visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
body,
ul,
li,
dl,
dt,
dd,
h1 {
  margin: 0;
  padding: 0;
}
a img {
  border: 0;
}
p {
  margin: 1em 0;
}
.destroy {
  height: 0;
  opacity: 0;
}
.spacer {
  display: none;
}
#sylma-messages {
  position: fixed;
  padding-top: 1em;
  overflow: hidden;
  width: 100%;
  z-index: 100;
  pointer-events: none;
  color: #444;
}
.sylma-message.sylma-visible {
  margin-top: 1em;
}
.sylma-message {
  -webkit-transition: opacity 0.7s, margin 0.7s, padding 0.7s, visibility 0s 0.7s;
  -o-transition: opacity 0.7s, margin 0.7s, padding 0.7s, visibility 0s 0.7s;
  transition: opacity 0.7s, margin 0.7s, padding 0.7s, visibility 0s 0.7s;
  padding: 0.5em;
  font-size: 14px;
  border: 2px solid #ddd;
  margin: 0 auto;
  width: 50%;
  text-align: center;
  background: white;
}
.center {
  text-align: center;
  margin: auto;
}
.left {
  float: left !important;
}
.right {
  float: right !important;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html .clearfix {
  height: 1%;
}
*:first-child + html .clearfix {
  min-height: 1%;
}
#user-login {
  color: #DDDDDD;
  display: none;
  font-size: 10px;
  margin-top: 2px;
  position: absolute;
  right: 5px;
  text-decoration: none;
  z-index: 999999;
}
@media screen and (min-width: 64em) {
  #user-login {
    display: block;
  }
}
#user-login:hover {
  color: #000000;
  text-decoration: underline;
}


/** @file /html/stylisticss.min.css **/

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}:last-child{margin-bottom:0}:first-child{margin-top:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}blockquote,code,img,input,pre,table,td,textarea,video{max-width:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
html{font-size:100.01%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{background:#fff;color:#222;font-family:Arial,sans-serif;line-height:1.3em}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2em;margin-bottom:.75em}h1{font-size:2.25em}h2{font-size:1.875em}h3{font-size:1.5em}h4{font-size:1.25em}h5{font-size:1em}h6{font-size:.9375em}h1 small,h2 small,h3 small,h4 small{color:#666;font-size:80%;font-weight:400}h5 small,h6 small{color:#666;font-size:90%;font-weight:400}p{margin-bottom:.75em}a{color:#007dbe;text-decoration:none}a:focus,a:hover{color:#006ea8}a:focus{outline:1px dotted #007dbe}p+h1,p+h2,p+h3,p+h4,p+h5,p+h6{margin-top:2em}dd,dt,li,p,td,th{font-size:1em;line-height:1.3em}blockquote li,blockquote p,dd li,dd p,dt li,dt p,li li,li p,td li,td p,th li,th p{font-size:1em}a,a h1,a h2,a h3,a h4,h1 a,h2 a,h3 a h4 a,p{transition:color .2s ease-in-out,background-color .3s ease-in-out}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}b,strong{font-weight:700}em,i{font-style:italic}small{font-size:87.5%;font-size:.875rem}blockquote{border-left:5px solid #ddd;font-size:1em;margin:1.25em 0;padding:10px 20px}blockquote footer:before{content:"— "}blockquote footer{color:#999;font-size:.875em}blockquote cite{font-style:italic}address{font-style:normal;margin:1.25em 0}abbr[title]{border-bottom:1px dotted #999;cursor:help}pre{margin:1.25em 0;white-space:pre}code,pre,tt{font-family:andale mono,lucida console,monospace;line-height:1.5}.help{color:#999;font-size:.875em;font-style:italic}.alert{background:#eee;border:1px solid #ddd;border-radius:2px;margin:0 0 20px;padding:5px 40px;position:relative;text-align:center}.alert a{font-weight:600}.alert.info{background:#e0eff7;border-color:#d4ebf6;color:#00679d}.alert.success{background:#edf0d8;border-color:#e3e8c5;color:#72801e}.alert.error{background:#f0dddd;border-color:#ead5d5;color:#b50000}.alert.warning{background:#fbf4dd;border-color:#f9edc7;color:#bf7e00}.alert.info a{color:#005684}.alert.success a{color:#5d6a16}.alert.error a{color:#970000}.alert.warning a{color:#a46c00}.alert .alert-close{background:transparent;color:inherit;display:inline-block;font-size:1.5em;line-height:22px;height:22px;opacity:.4;padding:0;position:absolute;top:5px;transition:opacity .2s ease-in-out;right:10px;width:22px}.alert .alert-close:hover{opacity:1}ul{list-style-type:disc}ol{list-style-type:decimal}ol,ul{margin:1.25em 0;padding:0 0 0 1.5em}li{margin:0 0 .5em}li ol,li ul{margin-top:.25em}li li{margin-bottom:.25em}.no-bullet{list-style:none;padding-left:0}.no-bullet .no-bullet{padding-left:1.5em}dl{margin:0 0 1em}dt{font-weight:600;margin:0 .5em 0 0}dd{margin:0 0 .5em}
form{margin:1.5em 0}fieldset{border:1px solid #ccc;border-radius:2px;margin:1.25em 0;padding:1.25em}fieldset legend{color:#666;font-size:1em;font-weight:600;margin:0 0 0 -.25em;padding:0 .25em}label{display:inline-block;font-weight:600;margin-bottom:.5em}.form-checkbox-inline label,.form-checkbox label,.form-radio-inline label,.form-radio label{cursor:pointer;display:inline;font-size:.9375em;font-weight:400}.form-checkbox-inline>label,.form-checkbox>label,.form-radio-inline>label,.form-radio>label{display:block;font-weight:600;margin:0 0 .75em}.group-container>label{margin:0 0 1em}.group-container .form-item label{font-weight:400}.form-item .help{margin:.25em 0 0}.required:after{color:rgba(51,51,51,.8);content:'*';margin:0 0 0 .25em}.form-item{margin:0 0 1.25em}.form-item:after{content:"";display:block;clear:both}.form-item:last-child,.inline-container .form-item:last-child{margin:0}.inline-container .form-item{display:inline-block;margin-right:1em;vertical-align:top}.inline-container .form-item.col{margin-right:0}.inline-container .form-item>*{display:block}.form-checkbox .form-item,.form-radio .form-item,.group-container .form-item{margin:0 0 .5em}.form-checkbox-inline .form-item,.form-radio-inline .form-item{display:inline-block;margin:0 1em .5em 0;vertical-align:top}button,input,label,select,textarea{font-family:inherit;font-size:.9375em;line-height:1.3em;vertical-align:baseline}input[type=color],input[type=date],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{background:#fff;border:1px solid #ddd;border-radius:2px;color:#333;display:block;height:34px;margin:0;padding:6px 9px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;width:100%}input[type=number]{width:auto}input[type=color]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#aaa;box-shadow:0 0 3px hsla(0,0%,67%,.4);outline:none}input[type=search]{-webkit-appearance:textfield;-webkit-padding-start:0;-webkit-padding-end:0}input[type=file]{display:block;font-size:.875em}input[type=checkbox],input[type=radio]{float:none;line-height:normal;margin:0 .5em 0 0;position:relative;top:-1px}select option{font-weight:400}select optgroup{font-style:normal;margin:.5em 0;padding:.5em .25em}select optgroup option:first-child{margin:.25em 0 0}textarea{height:auto;min-height:calc(14px + 6.5em)}.btn,button,input[type=button],input[type=submit]{background-color:#007dbe;border:0;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;font-size:.9375em;font-weight:600;height:34px;line-height:34px;margin:0;padding:0 15px;text-transform:uppercase;transition:background-color .3s ease-in-out,border-color .3s ease-in-out}.btn:hover,button:hover,input[type=button]:hover,input[type=submit]:hover{background-color:#006ea8;color:#fff}p .btn{font-size:1em}.btn-cancel,input.btn-cancel{background:#aaa}.btn-cancel:hover,input.btn-cancel:hover{background:#969696}.btn-error,input.btn-error{background:#f00000}.btn-success,input.btn-success{background:#aabe3c}.btn-warning,input.btn-warning{background:#f0b90f}.btn-error:hover,input.btn-error:hover{background:#dc0000}.btn-success:hover,input.btn-success:hover{background:#9caf31}.btn-warning:hover,input.btn-warning:hover{background:#ebab00}.btn-default,input.btn-default{background:transparent;border:1px solid #ccc;color:#333;line-height:32px}.btn-default:hover,input.btn-default:hover{background:transparent;border-color:#999;color:#333}.btn.btn-large,input.btn.btn-large{font-size:1.25em;height:44px;line-height:44px;padding:0 20px}.btn.btn-small,input.btn.btn-small{font-size:.875em;height:28px;line-height:28px;padding:0 12px}.btn-default.btn-large,input.btn-default.btn-large{line-height:42px}.btn-default.btn-small,input.btn-default.btn-small{line-height:26px}p .btn.btn-large{font-size:1.3333em}p .btn.btn-small{font-size:.9333em}input[type=button],input[type=color],input[type=date],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{-webkit-appearance:none}input[disabled],input[disabled]+label{color:#999;cursor:not-allowed}.form-item p.error,.form-item p.success,.form-item p.warning{border:0;border-radius:2px;color:#fff;margin:.25em 0 0;padding:5px 10px}.form-item p.error{background:#f00000}.form-item p.success{background:#aabe3c}.form-item p.warning{background:#f0b90f}.has-error input,.has-error select,.has-error textarea{border-color:rgba(240,0,0,.6)}.has-error input:focus,.has-error select:focus,.has-error textarea:focus{box-shadow:0 0 3px rgba(240,0,0,.6);border-color:rgba(240,0,0,.8)}.has-success input,.has-success select,.has-success textarea{border-color:rgba(170,190,60,.6)}.has-success input:focus,.has-success select:focus,.has-success textarea:focus{box-shadow:0 0 3px rgba(170,190,60,.6);border-color:rgba(170,190,60,.8)}.has-warning input,.has-warning select,.has-warning textarea{border-color:rgba(240,185,15,.6)}.has-warning input:focus,.has-warning select:focus,.has-warning textarea:focus{border-color:rgba(240,185,15,.8);box-shadow:0 0 3px rgba(240,185,15,.6)}.form-item :-moz-ui-invalid,.form-item :invalid{box-shadow:none;outline:none}.form-horizontal{margin-right:auto;margin-left:auto}.form-horizontal label{float:none;padding-right:20px;padding-top:5px;text-align:left;vertical-align:top;width:100%}.form-horizontal label+input,.form-horizontal label+select,.form-horizontal label+textarea{margin-bottom:.5em}.form-horizontal label+input:last-child,.form-horizontal label+select:last-child,.form-horizontal label+textarea:last-child{margin-bottom:0}.form-horizontal label+input[type=date],.form-horizontal label+input[type=number]{width:auto}.form-horizontal .form-item p.error,.form-horizontal .form-item p.success,.form-horizontal .form-item p.warning{clear:both}.form-horizontal .form-checkbox .form-item-container,.form-horizontal .form-radio .form-item-container{float:none;padding-top:0;width:100%}.form-horizontal .form-checkbox .form-item label,.form-horizontal .form-radio .form-item label{float:none;padding:0;vertical-align:baseline;width:auto}@media screen and (min-width:1020px){.form-horizontal label{float:left;text-align:right;width:30%}.form-horizontal label+input,.form-horizontal label+select,.form-horizontal label+textarea{float:left;width:70%}.form-horizontal input[type=submit]{margin-left:30%}.form-horizontal .form-item .help{padding-left:30%;width:90%}.form-horizontal .form-item-container .help{padding-left:0}.form-horizontal .form-item p.error,.form-horizontal .form-item p.success,.form-horizontal .form-item p.warning{margin-left:30%;width:70%}.form-horizontal .form-checkbox .form-item-container,.form-horizontal .form-radio .form-item-container{float:left;padding-top:5px;width:60%}}
table{border-collapse:collapse;border-spacing:0;margin:1.5em 0;width:100%}td,th{padding:8px;text-align:left}th{border-bottom:2px solid #ccc;font-weight:600;vertical-align:bottom}td{border-top:1px solid #ddd}.table-zebra tbody tr.odd td,.table-zebra tbody tr:nth-child(odd) td{background:#f9f9f9}.table-border,.table-border td,.table-border th{border:1px solid #ddd}.table-border th{border-bottom:2px solid #ccc}
body,html{overflow-x:hidden}body{width:100%}.clearfix:after,.grid:after{content:"";display:block;clear:both}.contentcenter{margin:0 auto}.contentcenter,.grid{position:relative}.clear{clear:both}.left{float:left}.right{float:right}.center{display:block;margin-left:auto;margin-right:auto}img.left{margin:0 20px 20px 0}img.right{margin:0 0 20px 20px}img.center{margin-bottom:20px}.hide{display:none!important}.show{display:block!important}.sr-only,.visuallyhidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}img{height:auto;max-width:100%;vertical-align:top}.breadcrumb,.comment-list,.comment-list .children,.nav,.nav ul,.pagination{list-style:none;margin:0;padding:0}.breadcrumb>li{float:left}.breadcrumb>li:after{content:'/';color:#ccc;margin:0 .5em}.breadcrumb>li:last-child:after{content:'';margin:0}.breadcrumb>li.active{color:#999}.pagination>li{display:inline-block;margin:0 .25em}.pagination>li.pager-ellipsis{color:#999}.progress{-moz-border-radius:2px;-webkit-border-radius:2px;background:#eee;border-radius:2px;height:20px;line-height:20px;overflow:hidden}.progress .progress-bar{-moz-transition:width .6s ease-in-out;-webkit-transition:width .6s ease-in-out;-o-transition:width .6s ease-in-out;background:#007dbe;color:#fff;font-size:.8125em;text-align:center;transition:width .6s ease-in-out}.progress .progress-bar .percent{display:block}.searchform fieldset{background:#fff;border:1px solid #ddd;height:34px;padding:0;position:relative}.searchform input[type=search]{background:transparent;border:0;float:left;width:75%}.searchform input[type=submit]{border-radius:0 2px 2px 0;float:left;position:relative;right:-1px;top:-1px;width:25%}.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-br,.ui-corner-left,.ui-corner-right,.ui-corner-tl,.ui-corner-top,.ui-corner-tr{border-radius:0}.ui-helper-clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0}.ui-widget{border-radius:2px;font-family:inherit;font-size:inherit}.ui-widget-header{-moz-border-radius:2px;-webkit-border-radius:2px;background:#eee;border-radius:2px;border:none;color:#333;font-weight:700}.ui-widget-content{background:#fff;border:1px solid #ddd;color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{-moz-transition:border .2s ease-in-out,background-color .3s ease-in-out;-o-transition:border .2s ease-in-out,background-color .3s ease-in-out;-webkit-transition:border .2s ease-in-out,background-color .3s ease-in-out;background:#f5f5f5;border:1px solid #eee;transition:border .2s ease-in-out,background-color .3s ease-in-out}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{background:#eee}.ui-state-highlight.ui-state-hover,.ui-widget-content .ui-state-highlight.ui-state-hover,.ui-widget-header .ui-state-highlight.ui-state-hover{background:#e6e6e6}.ui-state-focus,.ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{background:inherit;color:inherit}.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover{border-color:#ddd}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.2}.ui-datepicker{padding:0 none}.ui-datepicker .ui-datepicker-calendar thead tr{border-bottom:1px solid rgba(46,44,44,.1);padding:0 10px}.ui-datepicker .ui-datepicker-calendar thead tr th{text-align:center;font-weight:600;color:#9f9f9f}.ui-datepicker .ui-datepicker-header{padding:5px;position:relative;font-weight:600;background:none;border-radius:0}.ui-datepicker .ui-state-default{background:none;border:none;width:35px;height:35px;color:#383737;display:block;text-align:center;padding-top:6px;padding-bottom:7px}.ui-datepicker .ui-datepicker-calendar .ui-state-highlight{background:#383737;color:#fff;border-radius:3em;text-align:center;padding-top:6px;padding-bottom:7px}.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today .ui-state-hover{color:#fff;background:#3fae88}.ui-datepicker .ui-datepicker-calendar .ui-state-hover{color:#3fae88}.ui-datepicker .ui-datepicker-calendar .ui-state-disabled{opacity:1}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{cursor:pointer;display:inline-block;opacity:.4;top:15px;text-indent:-3000px;position:absolute;width:10px;height:10px}.ui-datepicker .ui-datepicker-next{right:20px}.ui-datepicker .ui-datepicker-prev{left:20px}.ui-datepicker-prev:before{background:url('/img/icon_prev.svg') no-repeat;background-size:10px 10px;float:right;width:10px;height:10px;content:""}.no-svg .ui-datepicker-prev:before{background:url('/img/icon_prev.png')}.ui-datepicker-next:after{background:url('/img/icon_next.svg') no-repeat;background-size:10px 10px;float:left;width:10px;height:10px;content:""}.no-svg .ui-datepicker-next:after{background:url('/img/icon_prev.png')}.ui-datepicker-title{text-align:center;line-height:30px;height:30px;display:block}.ui-datepicker .ui-datepicker-prev-hover{left:20px;opacity:1;transition:color .3s ease-in-out}.ui-datepicker .ui-datepicker-next-hover{opacity:1;right:20px}.ui-datepicker table{font-size:.9375em;margin:0}.ui-datepicker-calendar th{border-bottom:0 none}.ui-datepicker-calendar td{border-top:0 none}.ui-tabs{border:none;padding:0}.ui-tabs .ui-tabs-nav{background:transparent;list-style:none;margin:0;padding:0}.ui-tabs .ui-tabs-nav li{background:#eee;border:1px solid #ddd;border-bottom:none;border-right:none;float:left;font-weight:600;margin:0;padding:0}.ui-tabs .ui-tabs-nav li:first-child{border-radius:2px 0 0 0}.ui-tabs .ui-tabs-nav li:last-child{-moz-border-radius:0 2px 0 0;-webkit-border-radius:0 2px 0 0;border-right:1px solid #ddd;border-radius:0 2px 0 0}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{color:#999;padding:9px 15px}.ui-tabs .ui-tabs-nav li.ui-tabs-active{background:#fff;border-bottom:none;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active a{color:#333}.ui-tabs .ui-tabs-panel{-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;border:1px solid #ddd;border-radius:0 0 2px 2px;padding:15px}@media print{*,:after,:before{background:transparent!important;color:#000!important;box-shadow:none!important;max-width:100%!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}

/** @file /html/stylisticss.grid.css **/



/*  ---------------------------------------

    GRID          

---------------------------------------- */

/* 
	  Responsive CSS Framework
    Copyright © 2012 Aline Keller - www.alinekeller.ch 
    This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) - http://creativecommons.org/licenses/by-sa/4.0/
*/

/* Column = 15px / Gutter = 10px => 310px */

.contentcenter {
  overflow: visible;
  padding: 0 10px;
  width: 90%;
}
.grid {
  margin-left: -5px;
  margin-right: -5px;
}
.col {
  clear: both;
	float: none;
	margin: 0 0 10px;
	padding-left: 5px;
	padding-right: 5px; 
  position: relative;
	width: 100%;
}
.col:last-child {
  margin-bottom: 0;
}
.col.right {
  float: right;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8, 
.col-xs-9,
.col-xs-10,
.col-xs-11 {
	clear: none;
	float: left;
}

.col-xs-1 { width: 8.33343%; }
.col-xs-2 { width: 16.6667%; }
.col-xs-3 { width: 25%; }
.col-xs-4 { width: 33.3334%; }
.col-xs-5 { width: 41.6667%; }
.col-xs-6 { width: 50%; }
.col-xs-7 { width: 58.3334%; }
.col-xs-8 { width: 66.6667%; }
.col-xs-9 { width: 75%; }
.col-xs-10 { width: 83.3334%; }
.col-xs-11 { width: 91.6667%; }
.col-xs-12 { width: 100%; }


/*  -----------------------------------------------------------

	Media Queries - Mobile phones (> 480px)
	
	Column = 25px / Gutter = 10px => 430px

------------------------------------------------------------ */


@media screen and (min-width: 30em) {
  
  .contentcenter {
  	padding: 0 15px;
  }
  .grid {
    margin-left: -7px;
    margin-right: -8px;
  }
	.col {
  	margin-bottom: 15px;
  	padding-left: 7px;
  	padding-right: 8px;
  }

	.col-s-1,
	.col-s-2,
	.col-s-3,
	.col-s-4,
	.col-s-5,
	.col-s-6,
	.col-s-7,
	.col-s-8,
	.col-s-9,
	.col-s-10,
	.col-s-11 {
  	clear: none;
  	float: left;
	}

  .col-s-1 { width: 8.3334%; }
  .col-s-2 { width: 16.6667%; }
  .col-s-3 { width: 25%; }
  .col-s-4 { width: 33.3334%; }
  .col-s-5 { width: 41.6667%; }
  .col-s-6 { width: 50%; }
  .col-s-7 { width: 58.3334%; }
  .col-s-8 { width: 66.6667%; }
  .col-s-9 { width: 75%; }
  .col-s-10 { width: 83.3334%; }
  .col-s-11 { width: 91.6667%; }
  .col-s-12 { width: 100%; }
  

}

/*  -----------------------------------------------------------

	Media Queries - Small desktop & vertical tablets (> 768px)
	
	Column = 40px (* 12) / Gutter = 15px (* 13) => 675px

------------------------------------------------------------ */

@media screen and (min-width: 48em) {
	
	.contentcenter {
  	padding: 0 20px;
  }
  .grid {
    margin-left: -10px;
    margin-right: -10px;
  }
	.col {
  	clear: none;
  	float: left;
  	margin-bottom: 20px;
  	padding-left: 10px;
  	padding-right: 10px;
	}
	.col12,
	.col-m-12,
	.col-l-12,
	.col-xl-12 {
    clear: both;
    float: none;
  }
	
	/* Columns width */

  .col1 { width: 8.3334%; }
  .col2 { width: 16.6667%; }
  .col3 { width: 25%; }
  .col4 { width: 33.3334%; }
  .col5 { width: 41.6667%; }
  .col6 { width: 50%; }
  .col7 { width: 58.3334%; }
  .col8 { width: 66.6667%; }
  .col9 { width: 75%; }
  .col10 { width: 83.3334%; }
  .col11 { width: 91.6667%; }
  .col12 { width: 100%; }
  
  .col-m-1 { width: 8.33344%; }
  .col-m-2 { width: 16.6667%; }
  .col-m-3 { width: 25%; }
  .col-m-4 { width: 33.3334%; }
  .col-m-5 { width: 41.6667%; }
  .col-m-6 { width: 50%; }
  .col-m-7 { width: 58.3334%; }
  .col-m-8 { width: 66.6667%; }
  .col-m-9 { width: 75%; }
  .col-m-10 { width: 83.3334%; }
  .col-m-11 { width: 91.6667%; }
  .col-m-12 { width: 100%; }
  
  /* Offset */

  .offset-1   { margin-left: 8.3334%; }
  .offset-2   { margin-left: 16.6667%; }
  .offset-3   { margin-left: 25%; }
  .offset-4   { margin-left: 33.3334%; }
  .offset-5   { margin-left: 41.6667%; }
  .offset-6   { margin-left: 50%; }
  .offset-7   { margin-left: 58.3334%; }
  .offset-8   { margin-left: 66.6667%; }
  .offset-9   { margin-left: 75%; }
  .offset-10  { margin-left: 83.3334%; }
  .offset-11  { margin-left: 91.6667%; }
  
  .offset-m-1   { margin-left: 8.3334%; }
  .offset-m-2   { margin-left: 16.6667%; }
  .offset-m-3   { margin-left: 25%; }
  .offset-m-4   { margin-left: 33.3334%; }
  .offset-m-5   { margin-left: 41.6667%; }
  .offset-m-6   { margin-left: 50%; }
  .offset-m-7   { margin-left: 58.3334%; }
  .offset-m-8   { margin-left: 66.6667%; }
  .offset-m-9   { margin-left: 75%; }
  .offset-m-10  { margin-left: 83.3334%; }
  .offset-m-11  { margin-left: 91.6667%; }

}

/*  -----------------------------------------------------------

	Media Queries - Desktop from 1024px to 1263px
	
	Column = 60px (* 12) / Gutter = 20px (* 13) => 980px

------------------------------------------------------------ */

@media screen and (min-width: 64em) {
	
	.contentcenter {
  	padding-left: 30px;
  	padding-right: 30px;
  	width: 1000px;
  }
  
  .grid {
    margin-left: -15px;
    margin-right: -15px;
  }
  .col {
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .col-l-1 { width: 8.33344%; }
  .col-l-2 { width: 16.6667%; }
  .col-l-3 { width: 25%; }
  .col-l-4 { width: 33.3334%; }
  .col-l-5 { width: 41.6667%; }
  .col-l-6 { width: 50%; }
  .col-l-7 { width: 58.3334%; }
  .col-l-8 { width: 66.6667%; }
  .col-l-9 { width: 75%; }
  .col-l-10 { width: 83.3334%; }
  .col-l-11 { width: 91.6667%; }
  .col-l-12 { width: 100%; }
  
  .offset-l-1   { margin-left: 8.3334%; }
  .offset-l-2   { margin-left: 16.6667%; }
  .offset-l-3   { margin-left: 25%; }
  .offset-l-4   { margin-left: 33.3334%; }
  .offset-l-5   { margin-left: 41.6667%; }
  .offset-l-6   { margin-left: 50%; }
  .offset-l-7   { margin-left: 58.3334%; }
  .offset-l-8   { margin-left: 66.6667%; }
  .offset-l-9   { margin-left: 75%; }
  .offset-l-10  { margin-left: 83.3334%; }
  .offset-l-11  { margin-left: 91.6667%; }
	
}

/*  -----------------------------------------------------------

	Media Queries - Desktop from 1264px to 1199px
	
	Column = 75px (* 12) / Gutter = 20px (* 13) => 1160px

------------------------------------------------------------ */

@media screen and (min-width: 75em) {
	
	.contentcenter {
  	padding-left: 40px;
  	padding-right: 40px;
  	width: 1240px;
  }
  
  .grid {
    margin-left: -20px;
    margin-right: -20px;
  }
  .col {
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .col-xl-1 { width: 8.33343%; }
  .col-xl-2 { width: 16.6667%; }
  .col-xl-3 { width: 25%; }
  .col-xl-4 { width: 33.3334%; }
  .col-xl-5 { width: 41.6667%; }
  .col-xl-6 { width: 50%; }
  .col-xl-7 { width: 58.3334%; }
  .col-xl-8 { width: 66.6667%; }
  .col-xl-9 { width: 75%; }
  .col-xl-10 { width: 83.3334%; }
  .col-xl-11 { width: 91.6667%; }
  .col-xl-12 { width: 100%; }
  
  .offset-xl-1   { margin-left: 8.3334%; }
  .offset-xl-2   { margin-left: 16.6667%; }
  .offset-xl-3   { margin-left: 25%; }
  .offset-xl-4   { margin-left: 33.3334%; }
  .offset-xl-5   { margin-left: 41.6667%; }
  .offset-xl-6   { margin-left: 50%; }
  .offset-xl-7   { margin-left: 58.3334%; }
  .offset-xl-8   { margin-left: 66.6667%; }
  .offset-xl-9   { margin-left: 75%; }
  .offset-xl-10  { margin-left: 83.3334%; }
  .offset-xl-11  { margin-left: 91.6667%; }
	
}

/*  -----------------------------------------------------------

	Media Queries - Desktop > 1360px
	
	Column = 85px (* 12) / Gutter = 20px (* 13) => 1280px

------------------------------------------------------------ */

@media screen and (min-width: 85em) {
	
	.contentcenter {
  	padding-left: 40px;
  	padding-right: 40px;
  	width: 1240px;
  }
  
  .grid {
    margin-left: -25px;
    margin-right: -25px;
  }
  .col {
    margin-bottom: 50px;
    padding-left: 25px;
    padding-right: 25px;
  }
  
/*
  .col-xxl-1 { width: 8.33343%; }
  .col-xxl-2 { width: 16.6667%; }
  .col-xxl-3 { width: 25%; }
  .col-xxl-4 { width: 33.3334%; }
  .col-xxl-5 { width: 41.6667%; }
  .col-xxl-6 { width: 50%; }
  .col-xxl-7 { width: 58.3334%; }
  .col-xxl-8 { width: 66.6667%; }
  .col-xxl-9 { width: 75%; }
  .col-xxl-10 { width: 83.3334%; }
  .col-xxl-11 { width: 91.6667%; }
  .col-xxl-12 { width: 100%; }
    
  .offset-xxl-1   { margin-left: 8.3334%; }
  .offset-xxl-2   { margin-left: 16.6667%; }
  .offset-xxl-3   { margin-left: 25%; }
  .offset-xxl-4   { margin-left: 33.3334%; }
  .offset-xxl-5   { margin-left: 41.6667%; }
  .offset-xxl-6   { margin-left: 50%; }
  .offset-xxl-7   { margin-left: 58.3334%; }
  .offset-xxl-8   { margin-left: 66.6667%; }
  .offset-xxl-9   { margin-left: 75%; }
  .offset-xxl-10  { margin-left: 83.3334%; }
  .offset-xxl-11  { margin-left: 91.6667%; }
*/
	
}


.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.icon {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font: normal 900 1em/1 'FontAwesome';
  text-rendering: auto;
  line-height: 1;
}
@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: 900;
  src: url('/html/font-awesome/webfonts/fa-solid-900.eot');
  src: url('/html/font-awesome/webfonts/fa-solid-900.woff2') format("woff2"), url('/html/font-awesome/webfonts/fa-solid-900.woff') format("woff"), url('/html/font-awesome/webfonts/fa-solid-900.ttf') format("truetype"), url('/html/font-awesome/webfonts/fa-solid-900.svg') format("svg");
}
body {
  background: #f8f7f6;
  color: #333;
  font-family: 'Lato', Arial, sans-serif;
}
.wrap {
  margin: 0 auto;
  max-width: 1360px;
  padding: 30px;
  position: relative;
  width: 100%;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters .col,
.no-gutters [class*="col"] {
  padding-right: 0;
  padding-left: 0;
}
.offcanvas #site-container {
  right: 80%;
}
a {
  color: #1e9183;
}
a:hover,
a:active {
  color: #803292;
}
a:focus {
  outline-color: #803292;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #373b3f;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #373b3f;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: #803292;
}
a:hover h1,
a:hover h2,
a:hover h3,
a:hover h4,
a:hover h5,
a:hover h6 {
  color: #803292;
}
h1 {
  font-size: 1.625em;
}
h2 {
  font-size: 1.5em;
}
h3 {
  font-size: 1.375em;
}
h4 {
  font-size: 1.25em;
}
h5,
h6 {
  font-size: 1.125em;
}
p {
  line-height: 1.4em;
  margin-bottom: 1em;
}
input[type=color],
input[type=date],
input[type=datetime],
input[type=email],
input[type=tel],
input[type=month],
input[type=password],
input[type=search],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
input[type=number],
select,
textarea {
  background: #fff;
  border: 2px solid #fff;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  color: #333;
  display: block;
  height: 40px;
  line-height: 38px;
  margin: 0;
  padding: 0 15px;
  -webkit-transition: .2s border-color ease-in-out;
  -o-transition: .2s border-color ease-in-out;
  transition: .2s border-color ease-in-out;
}
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=month]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
input[type=number]:focus,
select:focus,
textarea:focus {
  border-color: #803292;
  box-shadow: none;
  color: #803292;
  outline: none;
}
textarea {
  height: auto;
  line-height: 1.4em;
  padding: 10px 15px;
}
.btn,
button,
input[type="button"],
input[type="submit"] {
  background: #8E3380;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #fff;
  font-size: 1.125em;
  height: 44px;
  line-height: 44px;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 0 30px;
  text-transform: none;
}
.btn:first-child,
button:first-child,
input[type="button"]:first-child,
input[type="submit"]:first-child {
  margin-top: 0;
}
.btn:last-child,
button:last-child,
input[type="button"]:last-child,
input[type="submit"]:last-child {
  margin-bottom: 0;
}
.btn:hover,
.btn:active,
button:hover,
button:active,
input[type="button"]:hover,
input[type="button"]:active,
input[type="submit"]:hover,
input[type="submit"]:active {
  background: #167567;
}
.btn.btn-link,
button.btn-link,
input[type="button"].btn-link,
input[type="submit"].btn-link {
  text-align: center;
  background: #fff;
  color: #333;
}
.btn.btn-link:hover,
.btn.btn-link:active,
button.btn-link:hover,
button.btn-link:active,
input[type="button"].btn-link:hover,
input[type="button"].btn-link:active,
input[type="submit"].btn-link:hover,
input[type="submit"].btn-link:active {
  background: #1e9183;
  color: #fff;
}
.field-container {
  margin: 0 0 1.25em;
  position: relative;
}
.field-container:after {
  content: "";
  display: block;
  clear: both;
}
.field-container:last-child {
  margin-bottom: 0;
}
.field-container+.form-actions {
  margin-top: 2em;
}
.field-container .field-container {
  margin-bottom: 10px;
}
.img {
  position: relative;
}
.img img {
  height: auto;
  vertical-align: middle;
  width: 100%;
}
.section-header,
.page-header {
  margin-bottom: 30px;
  position: relative;
  text-align: center;
  z-index: 9;
}
.section-header .title,
.page-header .title {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: .5em;
}
.section-header .descr,
.page-header .descr {
  font-size: 1.125em;
  font-weight: normal;
}
.page-header .surtitre {
  font-size: 1em;
  font-weight: normal;
  text-transform: uppercase;
}
.page-header .surtitre + .title {
  margin-top: 0;
}
.bg-contrast {
  background: #ebeced;
}
.bg-contrast-dark {
  background: #d6d8da;
}
.article .bg-contrast:last-child,
.article .bg-contrast-dark:last-child {
  margin-bottom: -30px;
}
.bgvideo {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: relative;
}
.bgvideo video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  overflow: hidden;
  max-width: none;
}
.site-header {
  background: #fff;
  height: 70px;
  padding: 10px 5px 5px;
  position: relative;
  text-align: center;
  z-index: 10;
}
.site-header .contentcenter {
  position: static;
  padding-left: 50px;
  padding-right: 50px;
  max-width: 1360px;
  width: 100%;
}
.site-title {
  background: transparent url('/html/img/layout/logo.png') no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
  display: inline-block;
  height: 50px;
  margin: 0;
  position: relative;
  text-indent: -3000em;
  width: 120px;
  z-index: 11;
}
.site-title a {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
}
.svg .site-title {
  background-image: url('/html/img/layout/logo.svg');
}
.lang {
  display: none;
}
.lang .nav {
  margin: 0 0 5px 5px;
  position: relative;
}
.lang .nav li {
  display: inline-block;
  margin: 0 5px 5px 0;
  position: relative;
}
.lang .nav li:after {
  content: "";
  border-right: 1px solid #fff;
  margin-left: 35px;
  opacity: .2;
  position: absolute;
  top: 4px;
  right: auto;
  bottom: 5px;
  left: auto;
}
.lang .nav li:last-child:after {
  display: none;
}
.lang .nav a {
  color: rgba(255,255,255,0.7);
  padding: 2px 5px;
}
.site-nav {
  position: absolute;
  right: -80%;
  top: 0;
  width: 80%;
  margin: 0;
  padding: 30px 0;
  z-index: 1;
}
.site-nav .nav {
  margin-bottom: 1em;
  text-transform: lowercase;
}
.site-nav .nav li {
  display: block;
  font-size: 1.125em;
  margin: 0 0 1em;
}
.site-nav .nav li:last-child {
  margin-bottom: 0;
}
.site-nav .nav a {
  padding: 0.25em;
  color: #c9ad58;
}
.site-nav .nav a:hover {
  color: #d3bd77;
}
.site-nav .active a {
  position: relative;
}
.site-nav .active a:before {
  content: "";
  background: rgba(192,160,62,0.6);
  bottom: -2px;
  left: 0.25em;
  height: 2px;
  right: 0.25em;
  position: absolute;
}
#btn-offcanvas {
  display: block;
}
#btn-offcanvas {
  background: transparent url('/html/img/layout/icon-offcanvas.png') no-repeat right top;
  height: 48px;
  line-height: 40px;
  margin-top: -20px;
  text-indent: -3000em;
  text-transform: uppercase;
  top: 50%;
  padding: 0;
  position: absolute;
  right: 20px;
  width: 40px;
  color: #c0a03e;
}
#btn-offcanvas.close {
  background-position: right -40px;
}
.svg #btn-offcanvas {
  background-image: url('/html/img/layout/icon-offcanvas.svg');
}
#site-container {
  position: relative;
  right: 0;
  -webkit-transition: right .2s ease-in-out;
  -o-transition: right .2s ease-in-out;
  transition: right .2s ease-in-out;
}
#site-container:before {
  background: #1b1717;
  bottom: 0;
  content: '';
  min-height: 100vh;
  position: absolute;
  top: 0;
  right: -80%;
  width: 80%;
  z-index: 20;
}
.site-menu {
  overflow: hidden;
  bottom: 20px;
  overflow: auto;
  padding-top: 60px;
  padding-left: 8px;
  position: fixed;
  left: -76%;
  text-align: left;
  top: 0;
  -webkit-transition: left .2s ease-in-out;
  -o-transition: left .2s ease-in-out;
  transition: left .2s ease-in-out;
  width: 76%;
  z-index: 10;
}
.site-menu .sub-menu {
  padding-left: 20px;
  position: relative;
}
.site-menu .sub-menu:before {
  content: "";
  border-left: 1px solid rgba(255,255,255,0.2);
  position: absolute;
  top: 7px;
  right: auto;
  bottom: 7px;
  left: 12px;
  width: 1;
}
.site-menu .sub-menu li {
  font-size: .875em;
}
.site-menu .sub-menu a {
  color: rgba(255,255,255,0.6);
}
.site-menu .sub-menu li.active > a {
  color: rgba(255,255,255,0.9);
}
.site-menu .sub-menu li.active > a:before {
  display: none;
}
.offcanvas .site-menu,
.offcanvas #site-container:after {
  left: 0;
}
.section-prestations {
  background: #c0a03e;
}
.section-prestations h2.title {
  color: #373b3f;
}
.section-prestations .content-link {
  background: #fff;
  border: 10px solid #fff;
  box-shadow: 0 2px 2px rgba(0,0,0,0.2);
  display: block;
  height: 100%;
  padding-bottom: 84px;
  position: relative;
}
.section-prestations .content-link p {
  color: #333;
}
.section-prestations .product-content {
  margin-bottom: 30px;
}
.section-prestations .product-content:last-child {
  margin-bottom: 0;
}
.section-prestations .product-content .content {
  padding: 15px;
  text-align: center;
  margin: 0 5px;
}
.section-prestations .product-content .title {
  font-size: 1.125em;
  color: #c0a03e;
}
.section-prestations .product-content .img {
  margin-bottom: 10px;
}
.section-prestations .product-content p {
  font-size: .9375em;
}
.section-prestations .product-content .btn {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
}
@media screen and (min-width: 64em) {
  .btn.menu-toggle {
    display: none;
  }
  .site-menu,
  .site-menu .btn-subscribe {
    position: static;
    width: auto !important;
  }
  .offcanvas #site-container {
    right: 0;
  }
}
.site-footer {
  background: #4D4B45;
  color: #fff;
}
.site-footer a {
  color: #c1bfc1;
}
.site-footer a:hover {
  color: #c0a03e;
}
.site-footer p,
.site-footer li {
  color: #999999;
  font-size: .875em;
}
.site-footer .title {
  color: #FFFFFF;
  font-size: 1em;
  margin-bottom: .5em;
}
.site-footer .copyright {
  color: #FFFFFF;
}
.links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.links li {
  text-transform: lowercase;
  margin-bottom: .25em;
}
.links li:last-child {
  margin-bottom: 0;
}
.footer-links {
  margin-bottom: 30px;
}
.footer-links:last-child {
  margin-bottom: 0;
}
.footer-infos {
  padding-top: 30px;
  position: relative;
}
.footer-infos:before {
  content: "";
  border-top: 1px solid rgba(255,255,255,0.2);
  height: 0;
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  left: 5px;
  width: auto;
}
.footer-infos p,
.footer-infos li {
  font-size: .75em;
}
.footer-infos .lemon {
  float: right;
  display: block;
  background: url('/html/lemon.png') no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  position: absolute;
  width: 64px;
  height: 15px;
}
.footer-infos .lemon:hover {
  background-position: 0 100%;
}
.svg .footer-infos .lemon {
  background-image: url('/html/img/layout/logo-lemon.svg');
}
.article {
  padding: 30px 0;
}
.page-content .img-container {
  margin-top: 30px;
  margin-bottom: 15px;
}
.page-content .img-container:last-child {
  margin-bottom: 0;
}
.page-content .img-container .img {
  margin-bottom: 15px;
}
.page-content-specials.box-1,
.page-content-specials.box-3 {
  background: #ebeced;
}
.page-content-specials.box-2,
.page-content-specials.box-4 {
  background: #d6d8da;
}
.page-content-specials:last-child {
  margin-bottom: -30px;
}
.page-content-specials .section-txt {
  margin-bottom: 0;
}
.page-content-specials .img-container {
  clear: both;
  margin: 0 -5px;
  padding-top: 20px;
}
.page-content-specials .img-container:after {
  content: "";
  display: block;
  clear: both;
}
.page-content-specials .img-container:last-child {
  margin-bottom: 0;
}
.page-content-specials .img-container .img {
  float: left;
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
.page-content-specials .img-container .img:nth-child(2n+1) {
  clear: left;
}
.page-header + .page-content:not(.page-content-specials) {
  padding-top: 0;
}
.page-header + .page-content:not(.page-content-specials) .wrap {
  padding-top: 0;
}
.section-contact {
  background: #dcd1a2;
  color: #4D4B45;
}
.section-contact .title {
  color: #4D4B45;
}
.section-contact a {
  color: #4D4B45;
  border-bottom: 1px dotted rgba(255,255,255,0.4);
}
.section-contact .section-header .map-link {
  font-size: 1em;
}
.contact-address {
  margin-bottom: 30px;
}
.contact-form .btn:hover,
.contact-form button:hover {
  background: #c0a03e;
  color: #FFFFFF;
}
.vcard p {
  margin-bottom: .5em;
}
.vcard p.tel + .tel {
  margin-top: -0.375em;
}
.vcard p:last-child {
  margin-bottom: 0;
}
.vcard .fn,
.vcard .org,
.vcard .n {
  font-weight: 600;
}
.vcard .adr span {
  display: block;
}
.vcard .adr span.postal-code,
.vcard .adr span.locality {
  display: inline-block;
}
.vcard .n + .tel {
  margin-top: -0.375em;
}
.contact-map {
  display: none;
}
@media screen and (min-width: 30em) {
  #btn-offcanvas {
    font-size: 0.9375em;
    padding: 0 40px 0 15px;
    text-indent: 0;
    width: auto;
  }
  .site-nav {
    right: -60%;
    width: 60%;
  }
  .page-content-specials .img-container .img:nth-child(2n+1) {
    clear: none;
  }
  .page-content-specials .img-container .img:nth-child(3n+1) {
    clear: both;
  }
  .offcanvas #site-container {
    right: 60%;
  }
}
@media screen and (min-width: 48em) {
  h1 {
    font-size: 1.875em;
  }
  h2 {
    font-size: 1.625em;
  }
  h3 {
    font-size: 1.5em;
  }
  h4 {
    font-size: 1.375em;
  }
  h5 {
    font-size: 1.25em;
  }
  h6 {
    font-size: 1.125em;
  }
  p {
    font-size: 1.125em;
  }
  .section-header,
  .page-header {
    margin-bottom: 40px;
  }
  .section-header .title,
  .page-header .title {
    font-size: 1.625em;
  }
  .section-header .descr,
  .page-header .descr {
    font-size: 1.25em;
  }
  .site-header {
    height: 86px;
  }
  .site-title {
    height: 66px;
    width: 156px;
  }
  .site-nav {
    right: -40%;
    width: 40%;
  }
  .footer-infos {
    text-align: center;
  }
  .footer-infos .links li {
    display: inline-block;
  }
  .footer-infos .links li:before {
    content: "–";
    margin-right: .5em;
  }
  .footer-infos .links li:first-child:before {
    display: none;
  }
  .contact-address {
    text-align: right;
  }
}
@media screen and (min-width: 64em) {
  .anchor {
    display: block;
    position: relative;
    top: -75px;
    visibility: hidden;
  }
  .wrap {
    padding: 40px;
  }
  h1 {
    font-size: 2em;
  }
  h2 {
    font-size: 1.875em;
  }
  h3 {
    font-size: 1.625em;
  }
  h4 {
    font-size: 1.5em;
  }
  h5 {
    font-size: 1.375em;
  }
  h6 {
    font-size: 1.25em;
  }
  p {
    font-size: 1.125em;
  }
  input,
  select,
  button,
  textarea {
    font-size: 1.125em;
  }
  .btn,
  button,
  input[type="button"],
  input[type="submit"] {
    font-size: 1.25em;
    height: 50px;
    line-height: 50px;
  }
  .section-header .title,
  .page-header .title {
    font-size: 1.875em;
  }
  .section-header h2.title,
  .page-header h2.title {
    font-size: 2.125em;
  }
  .section-header .descr,
  .page-header .descr {
    font-size: 1.5em;
  }
  .article .bg-contrast:last-child,
  .article .bg-contrast-dark:last-child {
    margin-bottom: -40px;
  }
  .site-header.header-maxi + .site-content {
    margin-top: 140px;
  }
  #lemonav ~ #site-container .site-header.header-maxi + .site-content {
    margin-top: 172px;
  }
  .site-header.header-maxi + form {
    margin-top: 160px;
    padding-top: 60px;
  }
  #lemonav {
    position: fixed;
  }
  .site-header {
    background: #FFFFFF;
    height: 140px;
    padding-top: 20px;
    position: fixed;
    top: 0;
    -webkit-transition: all 0.2s ease, background 0.3s ease-in-out;
    -o-transition: all 0.2s ease, background 0.3s ease-in-out;
    transition: all 0.2s ease, background 0.3s ease-in-out;
    width: 100%;
  }
  #lemonav ~ #site-container .site-header {
    top: 32px;
  }
  .site-title {
    height: 110px;
    margin: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 250px;
    z-index: auto;
  }
  #btn-offcanvas {
    display: none;
  }
  .site-nav {
    margin-top: -65px;
    padding: 0;
    right: 0;
    width: auto;
    position: relative;
    top: 0;
  }
  .site-nav .nav {
    letter-spacing: -5px;
    margin-bottom: 0;
    width: 35%;
  }
  .site-nav .nav.nav-left {
    float: left;
    padding-right: 1em;
    text-align: right;
  }
  .site-nav .nav.nav-right {
    float: right;
    padding-left: 1em;
    text-align: left;
  }
  .site-nav .nav li {
    display: inline-block;
    letter-spacing: 0.08em;
    margin: 0 1.5em;
    white-space: nowrap;
  }
  .site-nav .nav li a {
    padding: 0;
  }
  .site-nav .active a:before {
    bottom: -6px;
    left: 0;
    right: 0;
  }
  .site-header.mini-header {
    height: 70px;
    padding-top: 10px;
    position: fixed;
    width: 100%;
  }
  .site-header.mini-header .site-title {
    height: 50px;
    width: 118px;
  }
  .site-header.mini-header .site-nav {
    margin-top: -34px;
  }
  .site-header.mini-header .site-nav li {
    font-size: 1em;
  }
  .site-footer p,
  .site-footer li {
    font-size: .9375em;
  }
  .site-footer .wrap {
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
  }
  .footer-infos p,
  .footer-infos li {
    font-size: .875em !important;
  }
  .article {
    padding: 40px 0;
  }
  .page-content .section-title {
    font-size: 2.125em;
  }
  .page-content .img-container {
    margin-bottom: 0;
  }
  .page-content .img-container .img {
    margin-bottom: 30px;
  }
  .page-content-specials .section-title {
    left: -1em;
    position: relative;
  }
  .page-content-specials .img-container:last-child {
    margin-bottom: 0;
  }
  .page-content-specials {
    background: transparent !important;
    position: relative;
  }
  .page-content-specials:before {
    content: "";
    position: absolute;
  }
  .page-content-specials:last-child {
    margin-bottom: 0;
  }
  .page-content-specials .img-container {
    clear: none;
    padding-left: 30px;
    padding-right: 0;
  }
  .page-content-specials .img-container .img {
    margin-bottom: 20px;
  }
  .page-content-specials .img-container .img:last-child {
    margin-bottom: 0;
  }
  .page-content-specials .img-container .img.right {
    float: right;
  }
  .page-content-specials .right + .img-container {
    padding-left: 0;
    padding-right: 30px;
  }
  .page-content-specials .section-txt p {
    font-size: 1em;
  }
  .page-content-specials.box-1 {
    z-index: 98;
  }
  .page-content-specials.box-1:before {
    background: #ebeced;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
  }
  .page-content-specials.box-1 + .box-2 {
    margin-top: -60px;
    padding-top: 60px;
  }
  .page-content-specials.box-2 {
    z-index: 97;
  }
  .page-content-specials.box-2:before {
    background: #d6d8da;
    top: 0;
    right: 25%;
    bottom: 0;
    left: 0;
  }
  .page-content-specials.box-3 .wrap {
    padding-bottom: 0;
  }
  .page-content-specials.box-3:before {
    background: #ebeced;
    top: 0;
    right: 0;
    bottom: 33%;
    left: 0;
  }
  .page-content-specials.box-4 .section-txt {
    left: 2em;
    padding-right: 2em;
  }
  .page-content-specials.box-4:before {
    background: #d6d8da;
    top: 0;
    right: 30%;
    bottom: 0;
    left: 25%;
  }
  .page-content-specials + .page-content:not(.page-content-specials) {
    margin-top: 20px;
  }
  .page-content-specials + .page-content:not(.page-content-specials):not(:last-child) {
    margin-bottom: 20px;
  }
  .page-header + .page-content-specials + .page-content:not(.page-content-specials) {
    margin-top: 0;
  }
  .section-contact .section-header {
    margin-bottom: 130px;
  }
  .contact-map {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .contact-map:after {
    content: "";
    background: rgba(0,0,0,0.2);
  }
}
@media screen and (min-width: 75em) {
  .wrap {
    padding: 60px 40px;
  }
  h1 {
    font-size: 2.25em;
  }
  h2 {
    font-size: 2em;
  }
  h3 {
    font-size: 1.875em;
  }
  h4 {
    font-size: 1.625em;
  }
  h5 {
    font-size: 1.5em;
  }
  h6 {
    font-size: 1.375em;
  }
  p {
    font-size: 1.25em;
  }
  input,
  select,
  button,
  textarea {
    font-size: 1.25em;
  }
  input[type=color],
  input[type=date],
  input[type=datetime],
  input[type=email],
  input[type=tel],
  input[type=month],
  input[type=password],
  input[type=search],
  input[type=text],
  input[type=time],
  input[type=url],
  input[type=week],
  input[type=number],
  select {
    height: 50px;
    line-height: 50px;
  }
  .btn,
  button,
  input[type="button"],
  input[type="submit"] {
    font-size: 1.375em;
    height: 60px;
    line-height: 60px;
    min-width: 300px;
    padding: 0 40px;
  }
  .site-header.header-maxi + .site-content {
    margin-top: 150px;
  }
  #lemonav ~ #site-container .site-header.header-maxi + .site-content {
    margin-top: 182px;
  }
  .site-header.header-maxi + form {
    margin-top: 170px;
  }
  .section-header,
  .page-header {
    margin-bottom: 60px;
  }
  .section-header .title,
  .page-header .title {
    font-size: 2em;
  }
  .section-header h2.title,
  .page-header h2.title {
    font-size: 2.625em;
  }
  .section-header .descr,
  .page-header .descr {
    font-size: 2em;
  }
  .article .bg-contrast:last-child,
  .article .bg-contrast-dark:last-child {
    margin-bottom: -60px;
  }
  .site-header {
    height: 150px;
  }
  .site-title {
    height: 120px;
    width: 280px;
  }
  .site-nav .nav li {
    font-size: 1.25em;
  }
  #site-header.mini-header .site-nav {
    margin-top: -38px;
  }
  #site-header.mini-header .site-nav li {
    font-size: 1.125em;
  }
  .site-footer p,
  .site-footer li {
    font-size: 1em;
  }
  .footer-links {
    margin-bottom: 0;
  }
  .footer-infos {
    padding-top: 0;
    position: static;
    text-align: right;
  }
  .footer-infos:before {
    display: none;
  }
  .footer-infos .lemon {
    text-align: left;
    position: absolute;
    right: 25px;
    bottom: 0;
    left: auto;
  }
  .article {
    padding: 60px 0;
  }
  .page-content .section-title {
    font-size: 2.625em;
  }
  .section-prestations .section-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: -30px;
    margin-bottom: -30px;
    overflow: hidden;
    padding: 30px 0;
    justify-content: center;
  }
  .section-prestations .product-content {
    flex: 1;
    margin: 0;
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
  }
  .section-prestations .product-content:hover {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  .section-prestations .content .title {
    font-size: 1.25em;
  }
  .section-prestations .content p {
    font-size: 1em;
  }
}
video {
  display: none;
}
@media screen and (min-width: 760px) {
  video {
    display: inline-block;
  }
  .offcanvas #site-container {
    right: 40%;
  }
}
@media screen and (max-width: 75em) {
  .footer-content .links {
    margin-bottom: 1em;
  }
  .footer-infos .lemon {
    float: none;
    display: inline-block;
    position: relative;
  }
}
@media screen and (min-width: 90em) {
  .site-header.header-maxi + .site-content {
    margin-top: 160px;
  }
  #lemonav ~ #site-container .site-header.header-maxi + .site-content {
    margin-top: 192px;
  }
  .site-header.header-maxi + form {
    margin-top: 180px;
  }
  .site-header {
    height: 160px;
  }
  .site-title {
    height: 130px;
    width: 300px;
  }
  .site-nav {
    margin-top: -75px;
  }
  .site-nav .nav li {
    margin: 0 1.5em;
    font-size: 1.625em;
  }
}
@media screen and (max-width: 30em) {
  .left,
  .right {
    display: none;
  }
}


.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.icon {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font: normal 900 1em/1 'FontAwesome';
  text-rendering: auto;
  line-height: 1;
}


#lemonav {
  width: 100%;
  background-color: #262626;
  font-weight: normal;
  font-family: 'Expletus Sans', cursive;
  z-index: 200;
  font-size: 0.75rem;
}
#lemonav > ul > li {
  text-transform: uppercase;
  display: block;
  float: left;
  border-width: 0 1px;
  border-right-color: #4d4d4d;
  border-left-color: #333333;
  border-style: solid;
  margin: 0;
}
#lemonav > ul > li.empty {
  border-right: 0;
  text-indent: -9999px;
  height: 2rem;
}
#lemonav > ul > li a {
  display: block;
  height: 2rem;
  padding: 0px 20px;
  line-height: 2rem;
  letter-spacing: 0.0625rem;
}
#lemonav > ul > li a .fa {
  margin-right: 0.3125rem;
  color: #FC7C58;
  font-size: 0.625rem;
}
#lemonav > ul > li a,
#lemonav > ul > li a:hover {
  color: #CBCBCB;
}
#lemonav > ul > li:not(.sylma-highlight) a:hover {
  background-color: #FE4C78;
  color: #FFFFFF;
}
#lemonav > ul > li.sylma-highlight {
  background-color: #000000;
  border-color: #FFFFFF;
}
#lemonav > ul > li.sylma-highlight a {
  color: #FFFFFF;
}
#lemonav > ul > li.sylma-highlight a:first-child {
  color: #FC7C58;
}
#lemonav > ul > li:first-child.sylma-highlight {
  background-color: #FFFFFF;
}
#lemonav-logout {
  display: block;
  float: right;
  text-transform: uppercase;
  line-height: 2rem;
  height: 2rem;
  color: #999999;
  padding: 0 26.5px;
  letter-spacing: 0.0625rem;
}
#lemonav-logout:hover {
  background-color: #FE4C78;
  color: #FFFFFF;
}
@media screen and (max-width: 700px) {
  #lemonav {
    background: none;
  }
  #lemonav ul li {
    font-size: 85%;
  }
  #lemonav ul li a {
    padding: 0.5em;
    height: auto;
  }
  #lemonav-logout {
    height: 2em;
    width: 2em;
    -webkit-background-size: cover;
    background-attachment: scroll;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    background-size: cover;
  }
}
@media screen and (max-width: 460px) {
  #lemonav ul li {
    font-size: 70%;
  }
}
@media screen and (max-width: 64em) {
  #lemonav {
    position: fixed;
  }
}


.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.icon {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font: normal 900 1em/1 'FontAwesome';
  text-rendering: auto;
  line-height: 1;
}
.home-section {
  position: relative;
}
.photos {
  overflow: auto;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 50px 0;
}
.photos a {
  display: block;
  float: left;
  clear: none;
  height: 8.75em;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
  margin-bottom: 0px;
}
.colf {
  width: 25%;
}
.img span {
  display: block;
  height: 100%;
  width: 100%;
  background-image: url('/html/img/zoom.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: rgba(0,0,0,0.5);
  -webkit-background-size: 2.625em auto;
  background-size: 2.625em auto;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 0;
}
.img:hover span {
  opacity: 1;
}
@media screen and (min-width: 1020px) {
  .colf {
    width: 12.5%;
  }
}


.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.icon {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font: normal 900 1em/1 'FontAwesome';
  text-rendering: auto;
  line-height: 1;
}
#contact {
  position: relative;
}
#contact .wrap {
  pointer-events: none;
}
#contact .wrap .map-link,
#contact .wrap .vcard p,
#contact .wrap .contact-form {
  pointer-events: all;
}
#contact .wrap .form-actions .save:disabled,
#contact .wrap .form-actions .save:disabled:hover {
  cursor: not-allowed;
  background-color: #8E3380;
  color: #FFFFFF;
}
#contact .content {
  max-height: 0;
  -webkit-transition: max-height 0.5s;
  -o-transition: max-height 0.5s;
  transition: max-height 0.5s;
  overflow: hidden;
}
#contact .content.visible {
  max-height: 45em;
}
#contact .success.visible {
  max-height: 30em;
}
#contact .success {
  text-align: center;
  padding: 0;
  max-height: 0;
  -webkit-transition: padding 0.5s, max-height 0.5s;
  -o-transition: padding 0.5s, max-height 0.5s;
  transition: padding 0.5s, max-height 0.5s;
}
#contact .success span {
  display: inline-block;
  height: 4em;
  line-height: 4em;
  padding: 0 3.5em;
  text-transform: uppercase;
  color: white;
  border: 0;
  background-color: #2b343c;
}