* {
  font-family: 'bree_ltlight', arial;
  font-size: 16px;
}


main {
  overflow-x: hidden;
  overflow-y: hidden;
}
header {
  background-color: #fff;
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  z-index: 99;
  border-bottom: 1px solid #f1f1ef;
  height: 110px;
}
.date_salon {
  margin-top:110px;
}

/* 5 columns */
.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
@media (min-width: 540px) {
    .col-sm-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 768px) {
    .col-md-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 992px) {
    .col-lg-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
/* --- */

.fblack {
  font-family: 'bree_rgbold', arial;
}
.freg {
  font-family: 'bree_rgregular', arial;
}

.container-fluid {
  margin: 0;
  padding: 0;
}

.row-flex {
  display: flex;
  flex-wrap: wrap;
}

ul, li {
  list-style: none;
  list-style-type: none;
}

.f12 {font-size: 12px;}
.f14 {font-size: 14px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.f22 {font-size: 22px;}
.f24 {font-size: 24px;}
.f26 {font-size: 26px;}
.f30 {font-size: 30px;}
.f40 {font-size: 40px;}

.pointer {
  cursor: pointer;
}

/* retina > 1440px */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1440px),
       only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1440px),
       only screen and (min-resolution: 2dppx) and (min-width: 1440px),
       only screen and (min-resolution: 192dpi) and (min-width: 1440px) {

  * {
    font-size: calc(16px * 1.15);
  }
  .f12 {font-size: calc(12px * 1.15);}
  .f14 {font-size: calc(14px * 1.15);}
  .f16 {font-size: calc(16px * 1.15);}
  .f18 {font-size: calc(18px * 1.15);}
  .f20 {font-size: calc(20px * 1.15);}
  .f22 {font-size: calc(22px * 1.15);}
  .f24 {font-size: calc(24px * 1.15);}
  .f26 {font-size: calc(26px * 1.15);}
  .f30 {font-size: calc(30px * 1.15);}
  .f40 {font-size: calc(40px * 1.15);}
}
/* */

.bgblack {background-color: #000;}
.bgwhite {background-color: #fff;}
.bggris1 {background-color: #f1f1ef;}
.bgblue1 {background-color:#85acc8;}

.cviolet { color: #8b56ef; }

.bordergris1 {border:2px solid #f1f1ef !important;}
.bordertgris1 {border-top:2px solid #f1f1ef !important;}

.h-60-px {height:60px !important;}
.h-70-px {height:70px !important;}
.h-80-px {height:80px !important;}
.h-100-px {height:100px !important;}
.h-130-px {height:130px !important;}
.h-150-px {height:150px !important;}
.h-200-px {height:200px !important;}
.h-250-px {height:250px !important;}
.h-300-px {height:300px !important;}
.h-500-px {height:500px !important;}
.h-600-px {height:600px !important;}
.h-700-px {height:700px !important;}

.h-10 {height: 10% !important;}
.h-17 {height: 17% !important;}
.h-18 {height: 18% !important;}
.h-19 {height: 19% !important;}
.h-20 {height: 20% !important;}
.h-30 {height: 30% !important;}
.h-35 {height: 35% !important;}
.h-40 {height: 40% !important;}
.h-60 {height: 60% !important;}
.h-65 {height: 65% !important;}
.h-70 {height: 70% !important;}
.h-80 {height: 80% !important;}
.h-90 {height: 90% !important;}
.h-102 {height: 102% !important;}

.w-70 {width: 70% !important;}
.w-80 {width: 80% !important;}
.w-90 {width: 90% !important;}

.w-60-px {width:60px !important;}
.w-80-px {width:80px !important;}
.w-100-px {width:100px !important;}

.mih-120 {min-height:120px;}
.mih-150 {min-height:150px;}
.mih-175 {min-height:175px;}
.mih-200 {min-height:200px;}
.mih-225 {min-height:225px;}
.mih-250 {min-height:250px;}

.cwhite {color: #fff;}
.cblack {color: #000;}
.bg-black { background: #000;}
.bg-white { background: #fff;}
.bg-violet { background-color: #ee4a4f; }
.bg-gris { background-color: #dededc; }
.bggris2 {background-color: #dedede;}

.contain {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}
.cover {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pr0 { padding-right: 0px !important;}
.pr5 { padding-right: 5px !important;}
.pr15 { padding-right: 15px !important;}
.pr30 { padding-right: 30px !important;}
.pr10 { padding-right: 10px !important;}
.pl5 { padding-left: 5px !important;}
.pl15 { padding-left: 15px !important;}
.pl30 { padding-left: 30px !important;}
.pl10 { padding-left: 10px !important;}
.pl0 { padding-left: 0px !important;}
.p-site-m.pr50 { padding-right: 50px !important; }
.p-site-m.pl50 { padding-left: 50px !important; }


/* STARTER YOAN */
*, html {
	margin: 0;
	padding: 0;
}


.db { display: block; }
.dib { display: inline-block; }
.dn { display: none; }
.fll { float: left;}
.flr { float: right;}
.tac { text-align: center;}
.tal { text-align: left;}
.tar { text-align: right;}
.taj { text-align: justify;}

.br10 {
	border-radius: 10px;
}
.btlr10 {
	border-top-left-radius: 10px;
}
.btrr10 {
	border-top-right-radius: 10px;
}
.bblr10 {
	border-bottom-left-radius: 10px;
}
.bbrr10 {
	border-bottom-right-radius: 10px;
}

.fz12 {font-size: 12px !important;}
.fz14 {font-size: 14px !important;}
.fz16 {font-size: 16px !important;}
.fz18 {font-size: 18px !important;}
.fz19 {font-size: 19px !important;}
.fz20 {font-size: 20px !important;}
.fz22 {font-size: 22px !important;}
.fz24 {font-size: 24px !important;}
.fz26 {font-size: 26px !important;}
.fz28 {font-size: 28px !important;}
.fz30 {font-size: 30px !important;}
.fz32 {font-size: 32px !important;}

.p5 {padding: 5px}
.p10 {padding: 10px}
.p20 {padding: 20px}
.p30 {padding: 30px}
.p40 {padding: 40px}
.p50 {padding: 50px}


.pt0 {padding-top: 0px}
.pt5 {padding-top: 5px}
.pt10 {padding-top: 10px}
.pt20 {padding-top: 20px}
.pt30 {padding-top: 30px}
.pt40 {padding-top: 40px}
.pt50 {padding-top: 50px}
.pt60 {padding-top: 60px}
.pt70 {padding-top: 70px}
.pt80 {padding-top: 80px}
.pt90 {padding-top: 90px}

.pb0 {padding-bottom: 0px}
.pb5 {padding-bottom: 5px}
.pb10 {padding-bottom: 10px}
.pb20 {padding-bottom: 20px}
.pb30 {padding-bottom: 30px}
.pb40 {padding-bottom: 40px}
.pb50 {padding-bottom: 50px}
.pb60 {padding-bottom: 60px}
.pb70 {padding-bottom: 70px}
.pb80 {padding-bottom: 80px}
.pb90 {padding-bottom: 90px}

.pr0 {padding-right: 0px}
.pr10 {padding-right: 10px}
.pr20 {padding-right: 20px}
.pr30 {padding-right: 30px}
.pr40 {padding-right: 40px}
.pr50 {padding-right: 50px}
.pr60 {padding-right: 60px}
.pr70 {padding-right: 70px}
.pr80 {padding-right: 80px}
.pr90 {padding-right: 90px}

.m-auto { margin: auto; }
.mauto { margin: auto; }

.pl0 {padding-left: 0px}
.pl10 {padding-left: 10px}
.pl20 {padding-left: 20px}
.pl30 {padding-left: 30px}
.pl40 {padding-left: 40px}
.pl50 {padding-left: 50px}
.pl60 {padding-left: 60px}
.pl70 {padding-left: 70px}
.pl80 {padding-left: 80px}
.pl90 {padding-left: 90px}

.ml10 {margin-left: 10px}
.ml15 {margin-left: 15px}
.ml20 {margin-left: 20px}
.ml30 {margin-left: 30px}
.ml40 {margin-left: 40px}
.ml50 {margin-left: 50px}
.ml60 {margin-left: 60px}
.ml70 {margin-left: 70px}
.ml80 {margin-left: 80px}
.ml90 {margin-left: 90px}

.mr0  {margin-right: 0px !important; }
.mr10 {margin-right: 10px}
.mr15 {margin-right: 15px}
.mr20 {margin-right: 20px}
.mr30 {margin-right: 30px}
.mr40 {margin-right: 40px}
.mr50 {margin-right: 50px}
.mr60 {margin-right: 60px}
.mr70 {margin-right: 70px}
.mr80 {margin-right: 80px}
.mr90 {margin-right: 90px}

.mb0  {margin-bottom: 0px }
.mb10 {margin-bottom: 10px}
.mb20 {margin-bottom: 20px}
.mb30 {margin-bottom: 30px}
.mb40 {margin-bottom: 40px}
.mb50 {margin-bottom: 50px}
.mb60 {margin-bottom: 60px}
.mb70 {margin-bottom: 70px}
.mb80 {margin-bottom: 80px}
.mb90 {margin-bottom: 90px}

.mt0  {margin-top: 0px }
.mt10 {margin-top: 10px}
.mt20 {margin-top: 20px}
.mt30 {margin-top: 30px}
.mt40 {margin-top: 40px}
.mt50 {margin-top: 50px}
.mt60 {margin-top: 60px}
.mt70 {margin-top: 70px}
.mt80 {margin-top: 80px}
.mt90 {margin-top: 90px}

.light { font-weight: 100;	 }
.semibold {
  font-family: 'bree_rgregular', arial;
  font-weight: 600;
}
.bold {
  font-family: 'bree_rgbold', arial;
  font-weight: 800;
}


.italic {
	font-style: italic;
}
.upper { text-transform: uppercase; }
.lower { text-transform: initial; }

.cp { cursor: pointer; }


@media screen and (max-width: 992px) {
  .xs-nobr { border-radius: 0 !important; }

	.m-p0 {padding: 0px !important}

	.m-pt0 {padding-top: 0px}
	.m-pt10 {padding-top: 10px}
	.m-pt20 {padding-top: 20px}
	.m-pt30 {padding-top: 30px}
	.m-pt40 {padding-top: 40px}
	.m-pt50 {padding-top: 50px}
	.m-pt60 {padding-top: 60px}
	.m-pt70 {padding-top: 70px}
	.m-pt80 {padding-top: 80px}
	.m-pt90 {padding-top: 90px}

	.m-pb0 {padding-bottom: 0px}
	.m-pb10 {padding-bottom: 10px}
	.m-pb20 {padding-bottom: 20px}
	.m-pb30 {padding-bottom: 30px}
	.m-pb40 {padding-bottom: 40px}
	.m-pb50 {padding-bottom: 50px}
	.m-pb60 {padding-bottom: 60px}
	.m-pb70 {padding-bottom: 70px}
	.m-pb80 {padding-bottom: 80px}
	.m-pb90 {padding-bottom: 90px}

	.m-pr0 {padding-right: 0px !important}
	.m-pr10 {padding-right: 10px !important}
	.m-pr15 {padding-right: 15px !important}
	.m-pr20 {padding-right: 20px !important}
	.m-pr30 {padding-right: 30px !important}
	.m-pr40 {padding-right: 40px !important}
	.m-pr50 {padding-right: 50px !important}
	.m-pr60 {padding-right: 60px !important}
	.m-pr70 {padding-right: 70px !important}
	.m-pr80 {padding-right: 80px !important}
	.m-pr90 {padding-right: 90px !important}

	.m-m-auto { margin: auto; }
	.m-mauto { margin: auto; }

	.m-pl0 {padding-left: 0px !important}
	.m-pl10 {padding-left: 10px !important}
	.m-pl15 {padding-left: 15px !important}
	.m-pl20 {padding-left: 20px !important}
	.m-pl30 {padding-left: 30px !important}
	.m-pl40 {padding-left: 40px !important}
	.m-pl50 {padding-left: 50px !important}
	.m-pl60 {padding-left: 60px !important}
	.m-pl70 {padding-left: 70px !important}
	.m-pl80 {padding-left: 80px !important}
	.m-pl90 {padding-left: 90px !important}

	.m-ml10 {margin-left: 10px}
	.m-ml20 {margin-left: 20px}
	.m-ml30 {margin-left: 30px}
	.m-ml40 {margin-left: 40px}
	.m-ml50 {margin-left: 50px}
	.m-ml60 {margin-left: 60px}
	.m-ml70 {margin-left: 70px}
	.m-ml80 {margin-left: 80px}
	.m-ml90 {margin-left: 90	px}

  .m-mr0  {margin-right: 0px }
  .m-mr10 {margin-right: 10px}
  .m-mr20 {margin-right: 20px}
  .m-mr30 {margin-right: 30px}
  .m-mr40 {margin-right: 40px}
  .m-mr50 {margin-right: 50px}
  .m-mr60 {margin-right: 60px}
  .m-mr70 {margin-right: 70px}
  .m-mr80 {margin-right: 80px}
  .m-mr90 {margin-right: 90	px}

  .m-mb0  {margin-bottom: 0px }
  .m-mb10 {margin-bottom: 10px}
  .m-mb20 {margin-bottom: 20px}
  .m-mb30 {margin-bottom: 30px}
  .m-mb40 {margin-bottom: 40px}
  .m-mb50 {margin-bottom: 50px}
  .m-mb60 {margin-bottom: 60px}
  .m-mb70 {margin-bottom: 70px}
  .m-mb80 {margin-bottom: 80px}
  .m-mb90 {margin-bottom: 90	px}

  .m-mt0  {margin-top: 0px }
	.m-mt10 {margin-top: 10px}
	.m-mt20 {margin-top: 20px}
	.m-mt30 {margin-top: 30px}
	.m-mt40 {margin-top: 40px}
	.m-mt50 {margin-top: 50px}
	.m-mt60 {margin-top: 60px}
	.m-mt70 {margin-top: 70px}
	.m-mt80 {margin-top: 80px}
	.m-mt90 {margin-top: 90px}
}
/* END  */