@font-face {
  font-family: 'Auro-Regular';
  src: url('../fonts/Auro-Regular.eot?#iefix') format('embedded-opentype'),  
  		url('../fonts/Auro-Regular.otf')  format('opentype'),
	    url('../fonts/Auro-Regular.woff') format('woff'), 
	    url('../fonts/Auro-Regular.ttf')  format('truetype'), 
	    url('../fonts/Auro-Regular.svg#Auro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-BoldCondensed';
  src: url('../fonts/Roboto-BoldCondensed.eot?#iefix') format('embedded-opentype'),  
  		url('../fonts/Roboto-BoldCondensed.woff') format('woff'), 
  		url('../fonts/Roboto-BoldCondensed.ttf')  format('truetype'), 
  		url('../fonts/Roboto-BoldCondensed.svg#Roboto-BoldCondensed') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Condensed';
  src: url('../fonts/Roboto-Condensed.eot?#iefix') format('embedded-opentype'),  
  		url('../fonts/Roboto-Condensed.woff') format('woff'), 
  		url('../fonts/Roboto-Condensed.ttf')  format('truetype'), 
  		url('../fonts/Roboto-Condensed.svg#Roboto-Condensed') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Thin';
  src: url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),  
  		url('../fonts/Roboto-Thin.woff') format('woff'), 
  		url('../fonts/Roboto-Thin.ttf')  format('truetype'), 
  		url('../fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Marguerite';
  src: url('../fonts/Marguerite.eot?#iefix') format('embedded-opentype'),  
  		url('../fonts/Marguerite.woff') format('woff'), 
  		url('../fonts/Marguerite.ttf')  format('truetype'), 
  		url('../fonts/Marguerite.svg#Marguerite') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*@font-face {
  font-family: 'Augustus';
  src: url('../fonts/Augustus.eot?#iefix') format('embedded-opentype'),  
  		url('../fonts/Augustus.woff') format('woff'), 
  		url('../fonts/Augustus.ttf')  format('truetype'), 
  		url('../fonts/Augustus.svg#Augustus') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
@font-face {
  font-family: 'Roboto-Light';
  src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),  
  		url('../fonts/Roboto-Light.woff') format('woff'), 
  		url('../fonts/Roboto-Light.ttf')  format('truetype'), 
  		url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  
  		url('../fonts/Roboto-Regular.woff') format('woff'), 
  		url('../fonts/Roboto-Regular.ttf')  format('truetype'), 
  		url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Bold';
  src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),  
  		url('../fonts/Roboto-Bold.woff') format('woff'), 
  		url('../fonts/Roboto-Bold.ttf')  format('truetype'), 
  		url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Black';
  src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),  
  		url('../fonts/Roboto-Black.woff') format('woff'), 
  		url('../fonts/Roboto-Black.ttf')  format('truetype'), 
  		url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}



body{
	font-family: 'Roboto-Light', arial;
	color: #221101;
	font-size: 15px;
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}
*, h1,h2,h3,h4,h5,h6{
	margin: 0;
	padding: 0;
}
h1{
	font-family: 'Roboto-Light', arial;
	font-size: 41px;
	margin: 0;
	text-transform: uppercase;
}
.top-head{
	padding: 10px 0;
}
.top-head h5{
	font-family: 'Auro-Regular', arial;
	font-size: 14px;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.menu{
	padding: 0 0 10px;
}
.menu.fixed{
	position: fixed;
	background-color: #FFF;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	-webkit-transition: all 1s; /* Safari */
    transition: all 1s;
    padding: 0;
}
.nav{ padding: 10px 0; }
.menu.fixed .nav{ padding: 5px 0 0; }
.logo img {
    width: 190px;
}
.menu.fixed li a{ font-size: 12px; }
.nav-list {
    text-align: center;
}
.menu li{
	display: inline-block;
	float: none;
}
.menu li a{
	font-family: 'Auro-Regular', arial;
	color: #221101;
	font-size: 14px;
	text-transform: uppercase;
	padding-bottom: 5px;
}
.menu li a:hover, .menu li a.active, .menu li a:focus{
	color: #2c6b48;
	border-bottom: 1px solid #2c6b48;
}

.menu li:first-child {
    margin-left: -80px;
}
.menu .languages{ position: relative; }
.menu .languages a{
	position: absolute;
	right: 50px;
	bottom: -40px;
	color: #2c6b48;
	background-color: #FFF;
	padding: 5px;
	z-index: 9999;
}
.menu.fixed .languages a{ bottom: -31px; }
.menu.fixed .logo img{
	width: 150px;
}
.menu .languages a:hover{
	color: #000;
}
/*SLider*/
.slider{
	position: relative;
	width: 100%;
	height: 86vh;
}
.slide{
	position: relative;
	width: 100%;
	height: 86vh;
	background-size: cover;
	background-position: center;
	background-color: #000;
}
.description{
	position: absolute;
	width: 500px;
	max-width: 100%;
	height: 200px;
	left: 0; right: 0;
	top: 0; bottom: 0;
	margin: auto;
}
.description *{
	background-color: rgba(57,31,24,0.75);
	color: #FFF;
	text-transform: uppercase;
}
.description h1{
	font-family: 'Roboto-BoldCondensed', arial !important;
	padding: 10px 0 0;
	font-family: '', arial;
	font-size: 37px;
}
.description h2{
	font-family: 'Roboto-Condensed', arial;
	font-size: 47px;
}
.description h3{
	font-family: 'Roboto-Thin', arial;
	font-size: 33px;
	padding: 0 0 10px;
}
.description p{
	font-family: 'Marguerite', arial;
	font-size: 17px;
	background-color: #FFF;
	color: #20874d;
	padding: 5px;
	text-transform: none;
}
.slider .slick-dots {
    bottom: 15px;
}
/*Theme*/
.theme *{
	text-transform: uppercase;
	color: #0d0500;
}
.theme h3{
	font-family: 'Roboto-Light', arial;
	font-size: 31px;
	margin: 0 0 20px;
}
.theme h5{
	font-family: 'Roboto-Light', arial;
	font-size: 17px;
	margin: 0 0 20px;
	position: relative;
	display: inline-block;
}
.theme h5:before, .theme h5:after{
	content: '';
	width: 30px;
	height: 28px;
	position: absolute;
	left: -30px;
	top: -5px;
	background-image: url(../images/quote1.png);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center top;
}
.theme h5:after{
	left: auto;
	right: -30px;
	top: 2px;
	background-image: url(../images/quote2.png);
}
.theme p{
	font-family: 'Roboto-Regular', arial;
	margin: 0 0 10px;
	color: #0c6232;
	text-transform: none;
}
.theme-blocs{
	background-color: #EEE;
	background-image: url(../images/theme-bg.jpg);
	background-size: cover;
	background-position: center top;
}
.theme-blocs .posts{
	background-color: #FFF;
	padding: 10px;
	margin: 0 0 80px;
	min-height: 180px;
}
.theme-blocs .posts img{
	width: 70px;
	margin: -50px 0 20px;
}
.theme-blocs .posts h3{
	font-family: 'Marguerite', arial;
	color: #0c5e30;
	margin: 0 0 10px;
}
.theme-blocs .posts p{
	font-family: 'Roboto-Light', arial;
	color: #371a11;
}
/*Popup theme*/
.theme-popup{
	background-image: url(../images/initiative-bg.jpg);
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
}
.theme-popup *{
	font-family: 'Roboto-Thin', arial;
	color: #FFF;
}
.theme-popup iframe{
	width: 100%;
	height: 450px;
}
.theme-popup h3{
	font-family: 'Roboto-Black', arial;
	font-size: 27px;
	margin: 0 0 20px;
	text-transform: uppercase;
}
.theme-popup h3 span{
	font-family: 'Roboto-Black', arial;
}

/*Filiere*/
.filiere{
	background-image: url(../images/filiere-bg.jpg);
	background-size: cover;
	background-attachment: fixed;
}
.filiere h1{
	font-family: 'Roboto-Light', arial;
	font-size: 41px;
	text-transform: uppercase;
	color: #FFF;
}
.filiere .posts{
	width: 100%;
	float: left;
}
.filiere .posts img{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.filiere .posts img:hover{
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
.filiere .posts{
	padding: 10px;
	background-color: #FFF;
	margin: 0 0 30px;
}
.filiere .posts img{
	margin: 0 0 10px;
	width: 100%;
}
.filiere .posts h3{
	font-family: 'Roboto-Bold', arial;
	font-size: 19px;
	margin: 0 0 10px;
	color: #467a5d;
}
.filiere .posts p{
	font-family: 'Roboto-Light', arial;
	margin: 0 0 10px;
}
.filiere .posts a{
	font-family: 'Roboto-Black', arial;
	display: inline-block;
	float: right;
	color: #7d4e3f;
	font-size: 13px;
}
.filiere .posts a:hover{
	color: #000;
}

/*Popup filiere*/
.filiere-popup{
	background-image: url(../images/filiere-popup-bg.jpg);
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
}
.filiere-popup *{
	font-family: 'Roboto-Thin', arial;
	color: #FFF;
}
.filiere-popup h3{
	font-family: 'Roboto-Black', arial;
	font-size: 31px;
	margin: 0 0 20px;
	text-transform: uppercase;
}
.filiere-popup h3 span{
	font-family: 'Roboto-Black', arial;
}
/*VarietƩ*/
.about.variety{
	background-image: url(../images/variety-bg2.jpg);
}
.variety .col-md-2{
	padding: 30px;
}
.about.variety .post{
	text-align: center;
	min-height: 150px;
	margin: 0 0 0px;
	border: 0;
	padding: 0;
}
.variety.about *{
	color: #37150a;
}
.variety.about h3 {
    font-size: 17px;
    color: #467a5d;
}
.variety a:{
	opacity: 0.7;
}
/*About*/
.about{
	background-image: url(../images/about-bg.jpg);
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
}
.about h1{
	font-family: 'Roboto-Light', arial;
	font-size: 41px;
	text-transform: uppercase;
}
.about .col-md-4{
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	padding: 15px;
}
.about .col-md-4:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #a51212;
	opacity: 0.7;
	left: 0; top: 0;
}
.about .col-md-4:hover:before, .about .active.col-md-4:before{
	background-color: #467a5d;
	-webkit-transition: all .3s; /* Safari */
    transition: all .3s;
}
.about .post{
	min-height: 450px;
	border: 1px solid #FFF;
	padding: 10px;
	position: relative;
}
.about .post h3{
	font-family: 'Roboto-Light', arial;
	font-size: 23px;
	text-transform: uppercase;
	color: #FFF;
	position: absolute; 
	left: 15px;
	right: 15px;
	bottom: 20px;
}
.about .post h3 span{
	font-family: 'Roboto-Black', arial;
}
/*Popup About*/
.about-popup{
	background-image: url(../images/about-popup-bg.jpg);
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
	margin: 30px 0 0;
}
.about-popup *{
	font-family: 'Roboto-Thin', arial;
	color: #FFF;
}
.about-popup img{ width: 100%; }
.about-popup h3{
	font-size: 41px;
	margin: 0 0 20px;
	text-transform: uppercase;
}
.about-popup h3 span{
	font-family: 'Roboto-Black', arial;
}
.about-popup .thumbnail{
	padding: 5px;
	border: 1px solid #FFF;
	background-color: transparent;
}
.popup .fermer{
	position: absolute;
	width: 30px;
	height: 30px;
	right: 15px;
	top: 15px;
	background-image: url(../images/close.svg);
	background-size: 30px;
	background-position: center;
}
.fermer:hover{
	opacity: 0.7;
}
/*Le salon*/
.salon{
	background-color: #187842;
}
.salon *{
	color: #FFF;
}
.salon h1{
	font-family: 'Roboto-Light', arial;
	font-size: 41px;
	text-transform: uppercase;
}
.salon .post{
	padding: 0 30px;
	position: relative;
}
.salon .post img{
	height: 70px;
	margin: 0 0 20px;
}
.salon .post h3{
	font-family: 'Roboto-Thin', arial;
	font-size: 23px;
	text-transform: uppercase;
}
.salon .post:hover:before, .salon .active .post:before{
	content: '';
	width: 50px;
	position: absolute;
	left: 0; right: 0;
	bottom: -10px;
	height: 2px;
	background-color: #FFF;
	margin: auto;
	-webkit-transition: all .3s; /* Safari */
    transition: all .3s;
}
/*Popup About*/
.salon-popup{
	background-image: url(../images/about-popup-bg.jpg);
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
	margin: 30px 0 0;
}
.salon-popup *{
	font-family: 'Roboto-Thin', arial;
	color: #FFF;
}
.salon-popup h1{
	font-family: 'Roboto-Black', arial;
	font-size: 51px;
	margin: 0 0 10px;
	text-transform: uppercase;
}
.salon-popup h1 span{
	font-family: 'Roboto-Light', arial;
	text-transform: none;
}
.salon-popup h3{
	font-family: 'Roboto-Black', arial;
	font-size: 21px;
	margin: 0 0 10px;
	text-transform: uppercase;
	color: #36cd78
}
.salon-popup p{
	font-family: 'Roboto-Light', arial;
}
.salon-popup p strong{
	font-family: 'Roboto-Black', arial;
}
/*Initiative*/
.initiative{
	background-image: url(../images/initiative-bg.jpg);
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
}
.initiative *{
	color: #FFF;
}
.initiative h1{
	font-family: 'Roboto-Light', arial;
	font-size: 41px;
	margin: 0 0 30px;
	text-transform: uppercase;
}
.initiative p{
	text-align: justify;
	margin: 0 0 20px;
}
.initiative img{
	margin: 10px;
	width: 100%;
}
a.down-arrow{
	font-family: 'Roboto-Condensed', arial;
	display: inline-block;
	padding: 10px 30px;
	background-color: #FFF;
	border-radius: 0 20px 20px 0;
	margin: 0 40px;
	color: #0a8540;
	position: relative;
}
a.down-arrow:before{
	content: '';
	position: absolute;
	width: 60px;
	height: 100%;
	left: -40px;
	top: 0;
	background-color: #015626;
	background-image: url(../images/down-arrow.png);
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 20px 0 0 20px;
}
a.down-arrow:hover{ opacity: 0.7; }
/*Plans*/
.plan{
	background-image: url(../images/plan-bg.jpg);
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
}
.plan *{
	color: #FFF;
}
.plan h1{
    margin: 0 0 20px;
}
.plan a.down-arrow:before{
	background-color: #808281;
}
.plan a.down-arrow.zoom:before{
	background-image: url(../images/zoom-arrow.svg);
}
/*Presse*/
.presse{
	background-image: url(../images/presse-bg.jpg);
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
}
.presse h1{
	color: #FFF;
	margin: 0 0 60px;
}
.presse a.down-arrow{
	margin: 0 20px 0 40px;
	padding: 10px 5px;
	font-size: 13px;
	color: #3c1e17;
}
.presse a.down-arrow:before{
	background-color: #9f3f29;
	width: 50px;
}
.slick-dots{
	bottom: -65px;
}
.slick-dots li.slick-active button::before {
    opacity: 1;
    color: #015626;
}
/*Galerie*/
.gallery h1{
	color: #187842;
}
#filters li {
    float: none;
    display: inline-block;
}
#filters li span {
	font-family: 'Roboto-Condensed', arial;
	font-size: 17px;
    margin: 5px 20px;
    color: #187842;
    padding: 5px;
}
#filters li span.active {
    background: transparent;
    border-bottom: 1px solid #187842;
    color: #000;
}
/*Contact*/
.contact{
	background-color: #0a8540;
}
.contact *{
	color: #FFF;
}
.contact h1 {
    margin: 0 0 40px;
}
.contact input, textarea, select{
	display: inline-block;
	width: 31%;
	background-color: transparent;
	border: 1px solid #FFF;
	border-radius: 20px;
	margin: 0 3% 20px 0;
	color: #FFF;
	padding: 5px 10px;
}
.contact textarea{
	width: 100%;
	height: 120px;
	border-radius: 12px;
}
.contact input.tel{
	float: right;
	margin: 0 0 20px;
}
.contact input.sujet{
	width: 65%;
	margin: 0 0 20px 0;
}
.contact select.services{
	float: right;
	margin: 0 0 20px;
}
.contact a.send{
	padding: 5px 20px;
	color: #0a8540;
	background-color: #FFF;
	display: inline-block;
	font-family: 'Roboto-Regular', arial;
	border-radius: 20px;
}
.contact a.send:hover{ opacity: 0.7; }
.contact h3{
	font-family: 'Roboto-Black', arial;
	font-size: 17px;
	margin: 0 0 10px;
	text-transform: uppercase;
}
.contact p{
	font-family: 'Roboto-Thin', arial;
	margin: 0 0 5px;
}
.contact p strong{
	font-family: 'Roboto-Regular', arial;
	margin: 0 0 5px;
}
/*Maps*/
.map{
	width: 100%;
	height: 450px;
}
.footer{
	background-color: #015024;
}
.footer *{
	color: #FFF;
}
.footer p{
	font-size: 13px;
	margin: 0;
}
.footer a{
	display: inline-block;
	margin: 0 10px 0 0;
}
.footer a:hover{
	opacity: 0.5;
	color: #FFF;
}
.float-right{
	float: right;
}
.float-right a:last-child{
	margin: 0;
}
/*Popups*/
.popup{ 
	display: none;
	position: relative;
	clear: both;
	height: auto;
}
.popup.active{
	display: block;
	-webkit-transition: all .3s; /* Safari */
    transition: all .3s;
}
a.mypost:hover, a.mypost.active{ opacity: 0.7; }
.filiere a.mypost:hover, .filiere a.mypost.active{
	opacity: 1;
	color: #000;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, 
html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active, 
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, 
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus, 
.ui-selectmenu-button.ui-button{
	background: transparent;
	border: 1px solid #FFF;
	border-radius: 20px;
	float: right;
	width: 31%;
	padding: 5px 10px;
}
.ui-selectmenu-text{
	font-family: 'Roboto-Light', arial;
}
.ui-button .ui-icon, .ui-button .ui-icon:hover{
	background-image: url(../images/down-arrow.svg);
	background-position: center;
	background-size: 16px;
}
.ui-button .ui-icon:hover, .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon{ 
	opacity: 0.7;
	background-image: url(../images/down-arrow.svg) !important;
}
.popup ul {
    list-style: disc;
    padding: 0 0 0 30px;
    margin: 0 0 20px;
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    right: 0;
    margin: auto;
}
/*Partners*/
.partners .col-md-2 img{
	max-width: 130px;
	margin: auto;
}





















::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity: 1;
  color: #FFF;
}
::-moz-placeholder { /* Firefox 19+ */
  opacity: 1;
  color: #FFF;
}
:-ms-input-placeholder { /* IE 10+ */
  opacity: 1;
  color: #FFF;
}
:-moz-placeholder { /* Firefox 18- */
  opacity: 1;
  color: #FFF;
}
/*Messages*/
.msgs{
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    display: none;
    top: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 9999;
}
.msg{
    position: absolute;
    width: 600px;
    max-width: 100%;
    height: 220px;
    text-align: center;
    background-color: transparent;
    padding: 50px;
    left: 0;
    right: 0;
    top: 200px;
    /*bottom: 0;*/
    margin: auto;
}
.msg p{
    font-size: 30px;
    font-family: 'Roboto-Regular', arial;
    color: #232323;
    margin: 0;
    padding: 50px;
    background-color: #FFF;
    line-height: 40px;
    box-shadow: 0 0 20px rgba(255,255,255,0.3);
}
.fermer{
    background-image: url(../images/close2.svg);
    background-size: cover;
    height: 25px;
    width: 25px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 999;
    cursor: pointer;
}
.fermer:hover{ opacity: 0.7; }
input.error, textarea.error{
	border-color: #F00 !important;
	color: #F00 !important;
}
.preload{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #EEEEEE;
	left: 0;
	top: 0;
	z-index: 99999999;
	position: fixed;
}
.preload div{
	width: 150px;
	height: 100px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
}
.preload .logo{
	max-width: 150px;
	margin: -50px 0 30px
}
.preload .load{ max-width: 50px; }
.thumbnail{
	padding: 0;
	border: 0;
	border-radius: 0;
	margin: 0 0 20px;
}
.black-bg{
	background-color: #160909;
}
.blue-bg{
	background-color: #0075cb;
}
.gray-bg{
	background-color: #e6e6e6;
}
.white-bg{
	background-color: #FFF;
}
.white-color{
	color: #FFF;
}
.blue-link{
	color: #0075cb;
	border-color: #0075cb;
}
.red-link{
	color: #ef0e28;
	border-color: #ef0e28;
}
.container{
	width: 1170px;
	max-width: 100%;
}
section{ 
	display: block;
	clear: both;
	position: relative;
	height: auto;
}
.cb{
	clear: both;
	width: 100%;
	float: left;
	height: 1px;
}
a:hover, a:focus{
	text-decoration: none;
	-webkit-transition: all .3s; /* Safari */
    transition: all .3s;
    cursor: pointer;    
}
/*margin*/
.margin-bottom-20{margin-bottom: 20px !important;}
.margin-bottom-40{margin-bottom: 40px !important;}
.margin-bottom-60{margin-bottom: 60px !important;}
.margin-bottom-80{margin-bottom: 80px !important;}
.margin-bottom-100{margin-bottom: 100px !important;}
.margin-top-20{margin-top: 20px !important;}
.margin-top-40{margin-top: 40px !important;}
.margin-top-60{margin-top: 60px !important;}
.margin-top-80{margin-top: 80px !important;}
.margin-top-100{margin-top: 100px !important;}
/*Padding*/
.no-padding{ padding: 0 15px !important; }
.padding-top-10{padding-top: 10px !important;}
.padding-top-20{padding-top: 20px !important;}
.padding-top-40{padding-top: 40px !important;}
.padding-top-60{padding-top: 60px !important;}
.padding-top-80{padding-top: 80px !important;}
.padding-top-100{padding-top: 100px !important;}

.padding-bottom-10{padding-bottom: 10px !important;}
.padding-bottom-20{padding-bottom: 20px !important;}
.padding-bottom-40{padding-bottom: 40px !important;}
.padding-bottom-60{padding-bottom: 60px !important;}
.padding-bottom-80{padding-bottom: 80px !important;}
.padding-bottom-100{padding-bottom: 100px !important;}
ul, ol{
	list-style: none;
	padding: 0;
	margin: 0;
}
img{ max-width: 100%; }

.for-desktop{ display: inline-block !important; }
.for-mobile{ display: none !important; }

@media screen and (max-width: 768px) {
	.for-mobile{ display: inline-block !important; }
	.for-desktop{ display: none !important; }
	
}

@media screen and (max-width: 650px) {
	body, html{
		width: 100%;
		overflow-x: hidden;
	}
	.nav {
	    width: 100%;
	    padding: 10px 0 0;
	    float: right;
	    overflow: visible;
	    overflow-y: visible;
	}
	.nav-mobile{
		top: -35px;
	}
	.nav-list {
	    padding-top: 20px;
	}
	.menu li {
		text-align: left;
	}
	.menu li:first-child {
	    margin-left: 0;
	}
	.logo img {
	    margin: 15px 0 0 15px;
	}
	.description h1 {
		font-size: 31px;
	}
	.description h2 {
	    font-size: 37px;
	}
	.description h3 {
	    font-size: 31px;
	}
	.description p{
		font-size: 14px;
	}
	.theme .col-md-12 {
	    padding: 0 30px;
	}
	.fermer{
		top: 25px;
	}
	.salon .post{
		margin: 0 0 50px;
	}
	a.down-arrow{
		margin: 0 40px 20px;
	}
	#cboxLoadedContent, .cboxPhoto{
	    max-width: 100%;
	}
	.contact h1{
	    margin: 0 0 30px;
	}
	.contact input, textarea, select{
		width: 100%;
	}
	.contact .col-md-8{
		margin: 0 0 30px;
	}
	.slider{ height: 33vh; }
	.slide{
		background-size: 100%;
		background-repeat: no-repeat;
		background-color: #FFF;
		height: 33vh;
	}
	.partners .col-md-2 img{
		max-width: 100px;
	}
}