@font-face {
font-family: 'Arial Rounded MT Bold';
font-style: normal;
font-weight: normal;
src: local('Arial Rounded MT Bold'), url('../fonts/ARLRDBD_0.woff') format('woff');
}

body{
	font-family: 'Raleway', sans-serif;
	font-size:18px;
}
.darkStyle{
	background-color:#181818;
	color:#bfbfbf;
}
.lightStyle{
	background-color:#dedede;
	color:#181818;
}
section {
    padding: 0px;
}
.navbar{
	border-radius:0;
}
#home{
    position: absolute;
    display: table;
    height: 100%;
    width: 100%;
    text-align: center;
    z-index: 8;
}
/* LANGUE + MODAL*/
#lang{
	width:100%;
}
#lang img{
	position: fixed;
	right: 20px;
	top: 30px;
	z-index: 500;
	width: 25px;
}
@media (min-width: 768px) and (max-width:820){
	#lang img{
		right: 100px;
		width: 30px;
	}
}
@media (max-width: 768px){
	#lang img{
		right: 80px;
		width: 30px;
	}
}
.language-modal-sm .modal-content .modal-body img{
	width:15%;
	padding-bottom:20px;
}
.modal-body a{
	color:#000;
}
.modal-body a:hover{
	text-decoration:none;
}
.modal-backdrop {
    background-color: #fff;
}

.gris{
	color:#58595B;
}
.bgGris{
	background-color:#58595B;
}
.bgGris1{
	background-color:#757678;
}
.bgGris2{
	background-color:#969799;
}
.orange{
	color:#F7931E;
}
.bgOrange{
	background-color:#F7931E;
}
.raleway{
	font-family: 'Raleway', sans-serif;
}
.open-sans{
	font-family: 'Open Sans', sans-serif;
}
.arial-rounded{
	font-family: 'Arial Rounded MT Bold', 'Helvetica Rounded', 'Arial', sans-serif;
	font-weight:300;
}
hr {
    border-top: 1px solid #97816C;
}
hr.gris {
    border-top: 1px solid #58595B;
}
hr.orange {
    border-top: 1px solid #F7931E;
}
a{
    cursor: pointer;
	color:#F7931E;
}
a:hover{
	color:#F7931E;
}
.bgOrange a:hover{color:#FFF;}
.nav-pills a, .nav a{
	color:#58595B;
}
.nav a:hover, footer a:hover, #gd a:hover, #gd a:active{
	text-decoration:none;
}
ul { 
	padding: 0 20px 20px 40px ; 
	list-style: disc outside none; 
	margin: 0px;}
}
ul.nav-pills { 
	padding: 0 20px 0 40px ; 
}
li{
	text-align:justify;
}
nav ul{
	padding: 0px;
	list-style: none outside none;
	margin: 0px;
}
.btn-action{
	border:2px solid #fff;
	background-color:transparent;
	border-radius:5px;
	text-align:center;
	padding:20px 20px 20px 20px;
	text-transform:initial;
	letter-spacing:.02em;
	color:white;
	font-size:20px;
}

.zestBtn{
	color:#F7931E;
	font-size:3vh;
}
.btn-action:hover >.zestBtn{
	color:white;
}
.btn-action:hover{
	border:2px solid #F7931E;
	background-color:#F7931E;
	color:#FFF;
}
.btn-gris{
	border:2px solid #58595B;
	color:#58595B;
}
.btn-gris:hover{
	border:2px solid #F7931E;
	background-color:#F7931E;
	color:white;
}
.btn-center:before{
	display:none;
}
.btn-center{
	text-align:center;
	padding:20px;
}
ul.list-toque-grise li:before{
	background:url('../images/zest/list-style-grey-chef-s-hat-3.png')no-repeat center 130%;
	background-size:20px 16px;
	width:20px;
	height:20px;
}
ul.list-toque-blanche li:before{
	background:url('../images/zest/list-style-white-chef-s-hat.png')no-repeat center 130%;
	background-size:20px 23px;
	width:20px;
	height:23px;
}
ul.list-toque-orange li:before, ul.list-toque-orange2 li:before{
	background:url('../images/zest/list-style-orange-chef-s-hat-2.png')no-repeat center 130%;
	background-size:25px 25px;
	width:25px;
	height:25px;
}
ul.list-toque-grise li:before, ul.list-toque-blanche li:before, ul.list-toque-orange li:before, ul.list-toque-orange2 li:before{
	content:"";
	display:inline-block;
	margin:-5px 10px;
}

ul.list-toque-grise li, ul.list-toque-blanche li{
	padding:10px 0;
}
ul.list-toque-orange li{
	padding:20px 0 10px 0;
}
ul.list-toque-grise li{
	border-bottom:1px dashed #58595B;
}
ul.list-toque-blanche li, ul.list-toque-orange li{
	border-bottom:1px dashed #fff;
}

ul.list-toque-grise li:last-child, ul.list-toque-blanche li:last-child, ul.list-toque-orange li:last-child{
	border-bottom:transparent;
}
ul li.plus:before{
	content:"+";
	color:#F7931E;
	font-size:26px;
	padding-top:10px;
}
ul li.egal:before{
	content:"=";
	color:#F7931E;
	font-size:26px;
	padding-top:10px;
}

.greyBox{
	background-color:#58595B;
	color:#FFF;
	border-radius:5px;
	padding:30px 20px;
}
/*=================================================*/
/* OVERLAYS
/*=================================================*/
.bg-overlay-dark-10:before,
.bg-overlay-dark-20:before,
.bg-overlay-dark-30:before,
.bg-overlay-dark-40:before,
.bg-overlay-dark-50:before,
.bg-overlay-dark-60:before,
.bg-overlay-dark-70:before,
.bg-overlay-dark-80:before,
.bg-overlay-dark-90:before,
.bg-overlay-light-10:before,
.bg-overlay-light-20:before,
.bg-overlay-light-30:before,
.bg-overlay-light-40:before,
.bg-overlay-light-50:before,
.bg-overlay-light-60:before,
.bg-overlay-light-70:before,
.bg-overlay-light-80:before,
.bg-overlay-light-90:before {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 0;
}
[class*="bg-overlay-dark"] {
	color: #fff;
}
[class*="bg-overlay-dark"] .section-title {
	color: #fff;
}
[class*="bg-overlay-dark"]:before {
	background-color: #060915;
}
[class*="bg-overlay-light"]:before {
	background-color: #fff;
}

.bg-overlay-dark-10:before {
	content: '';
	left: 0;
	opacity: 0.1;
}
.bg-overlay-dark-20:before {
	content: '';
	left: 0;
	opacity: 0.2;
}
.bg-overlay-dark-30:before {
	content: '';
	left: 0;
	opacity: 0.3;
}

.bg-overlay-dark-40:before {
	content: '';
	left: 0;
	opacity: 0.4;
}

.bg-overlay-dark-50:before {
	content: '';
	left: 0;
	opacity: 0.5;
}
.bg-overlay-dark-60:before {
	content: '';
	left: 0;
	opacity: 0.6;
}

.bg-overlay-dark-70:before {
	content: '';
	left: 0;
	opacity: 0.7;
}

.bg-overlay-dark-80:before {
	content: '';
	left: 0;
	opacity: 0.8;
}
.bg-overlay-dark-90:before {
	content: '';
	left: 0;
	opacity: 0.9;
}

.bg-overlay-light-10:before {
	content: '';
	left: 0;
	opacity: 0.1;
}

.bg-overlay-light-20:before {
	content: '';
	left: 0;
	opacity: 0.2;
}

.bg-overlay-light-30:before {
	content: '';
	left: 0;
	opacity: 0.3;
}

.bg-overlay-light-40:before {
	content: '';
	left: 0;
	opacity: 0.4;
}

.bg-overlay-light-50:before {
	content: '';
	left: 0;
	opacity: 0.5;
}

.bg-overlay-light-60:before {
	content: '';
	left: 0;
	opacity: 0.6;
}

.bg-overlay-light-70:before {
	content: '';
	left: 0;
	opacity: 0.7;
}

.bg-overlay-light-80:before {
	content: '';
	left: 0;
	opacity: 0.8;
}

.bg-overlay-light-90:before {
	content: '';
	left: 0;
	opacity: 0.9;
}
/*=================================================*/
/* LOADER
/*=================================================*/
@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.uil-ring-css {
    background: none;
    position: absolute;
    top: 45%;
    left: 45%;
    width: 10%;
    height: 10%;
}
.uil-ring-css > div {
	position: absolute;
    display: block;
    width: 300px;
    height: 300px;
    border-radius: 300px;
    box-shadow: 0 6px 0 0 #97816C;
    -ms-animation: uil-ring-anim 1s linear infinite;
    -moz-animation: uil-ring-anim 1s linear infinite;
    -webkit-animation: uil-ring-anim 1s linear infinite;
    -o-animation: uil-ring-anim 1s linear infinite;
    animation: uil-ring-anim 1s linear infinite;
}

.hero-text-layout span.baseline{
	font-family: 'Bell MT';
	font-size:50px;
	line-height:100px;
	color:#97816C;
	font-style:italic;
}

/* MENU */
.nav > li {
    margin: 18px 10px;
}
.dropdown-menu {
	border-radius: 0;
	border: none;
	padding: 20px;
	box-shadow: none;
	background-color:rgba(255,255,255,.8);
	color:#58595b;
	width: auto;
	margin-left:0;
	
}
.dropdown > .dropdown-menu {
	margin-top:-3px;
}
	
.dropdown-menu li a {
    color: #58595b !important;
}
.dropdown-menu li a:hover {
    color: #F7931E !important;
}
.navbar-nav > .dropdown:hover > .dropdown-toggle {
	color: #F7931E;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
  background-color: transparent !important;
  color: #F7931E;
}

.dropdown-menu > li > a,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,{
	background: none;
	color:#363636;
	font-size: 11px;
	text-transform: uppercase;
	padding-bottom: 10px;
}

.dropdown-menu > li > a:hover {
	color: #F7931E;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 126%;
    margin-top: -6px;
    margin-left: -1px;

}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.pull-right .dropdown-menu .dropdown-submenu .dropdown-menu.pull-left{
    left: 124%;
    margin-left: 12px;
	width:280px;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: 20px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}
nav.sticky{
	height:7vh;
}
.sticky .main-logo {
    max-width: 100px;
	padding-top:5px;
}
.open > .dropdown-menu.last{ display: block; margin: 1px auto 0 !important; white-space: nowrap; width: auto;text-align:right; }
.collapse.in {        
      display: block;       
}
/* ACCUEIL */
.home-slider {
	margin-top:7vh;
	height:75.3vh;
}
.bg-img{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left center;
}
.owl-carousel.white .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #fff;
}
.owl-carousel .owl-controls .owl-page span {
    display: block;
    width: 8px;
    height: 8px;
    margin: 0px 5px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #323232;
    border: 2px solid;
    border-color: none;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    cursor: pointer;
}
.owl-carousel.white .owl-controls .owl-page.active span {
    background: rgba(0, 0, 0, 0);
    border: 2px solid #fff;
}
.slideContent:before {
    content: "";
    position: absolute;
    width: 500vh;
    height: 583vh;
    /* left: 146px; */
    margin-top: -14vh;
    z-index: 1;
    background-color: rgba(88,89,91,.8);
    -webkit-transform: rotate(-80deg);
    transform: rotate(-80deg);
}
.sContent{
	margin-top: 35vh; /* poussé de la moitié de hauteur de viewport */
	transform: translateY(-18vh); /* tiré de la moitié de sa propre hauteur */
	font-size:1.5vh;
	line-height:2vh;
	position:relative;
	z-index: 2;
}

#homeButtons .col-md-6{
	height:18vh;
	padding:4vh 0;
	
}
#homeButtons{
	box-shadow: 0px -4px 13px rgba(0,0,0,.4);
	position:relative;
	z-index:1;
}
.homeBtnGD{
	background:#F7931E url('../images/zest/caddy.png')no-repeat right center;
	background-size:40%;
}
.homeBtnOthers{
	background:#58595B url('../images/zest/cutlery.png')no-repeat right center;
	background-size:30%;
}
.homeBtnCuisineTradi{
	background:#58595B url('../images/zest/chef-s-hat.png')no-repeat right center;
	background-size:30%;
}
.homeBtnIndustrie{
	background:#58595B url('../images/zest/factory.png')no-repeat right center;
	background-size:30%;
}
#homeButtons span{
	font-size:2.5vh;
	line-height:3vh;
}
#homeButtons p{
	font-size:2vh;
	line-height:3vh;
	text-align:center;
}
#homeButtons a:hover{
	text-decoration:none;
}
#raisons img{
	width:60%;
}

#chiffres{
	background:url("../images/zest/tablet.png") no-repeat center top;
	height:70vh;
	background-size:60vh;
}
#homePill .nav-pills > li.active > a, 
#homePill .nav-pills > li.active > a:hover, 
#homePill .nav-pills > li.active > a:focus{
    color: #FFF;
    background-color: #F7931E;
}
#homePill .nav-pills > li > a{
    color: #FFF;
    background-color: #58595B;
	padding:15px;
}
#homePill .nav > li {
    margin: 0;
    padding-top: 20px;
}
#homePill ul {
	padding:0;
}

#homePill .tab-pane:not(.active) {
    display: none;
}

#homePill a .greyBox:hover{
	background-color:#F7931E;
}


/* Page autres metiers */
.autresMetiers span{
	font-family: 'Arial Rounded MT Bold', 'Helvetica Rounded', 'Arial', sans-serif;
	font-weight:300;
	font-size:25px;
	color:#fff;
	background-color:#58595B;
	display:block;
	padding:20px 0;
	text-align:center;
}
.autresMetiers a:hover{
	text-decoration:none;
}
.autresMetiers a:hover > span{
	background-color:#F7931E;
}

/* Page Formules */
.formule {
	margin-top:150px;
	padding:0 15px;
}
.formule img{
	margin-top:-180px;
}
.formule.bronze form>button{
	background-color:#F7931E;
	padding:10px 20px;
	color:#fff;
}
.formule.bronze form>button:hover{
	background-color:#58595B;
}
.formule.silver form>button, .formule.gold form>button{
	background-color:#58595B;
	padding:10px 20px;
	color:#fff;
}
.formule.silver form>button:hover, .formule.gold form>button:hover{
	background-color:#F7931E;
}
.formule form>button:hover{
	text-decoration:none;
}
.formule form>button{
	-webkit-appearance: caret;
}
.bronze{
	background-color:#E1E1E1;
}
.silver{
	background-color:#D5D5D5;
}
.gold{
	background-color:#CDCDCD;
	padding-bottom:212px;
}
.price{
	font-size:150px;
	line-height:100px;
	color:#58595B;
	font-family: 'Arial Rounded MT Bold', 'Helvetica Rounded', 'Arial', sans-serif;
}
.formule sup {
    color: #58595B;
    vertical-align: top;
    font-size: 54px;
    top: 0.35em;
}
.formule.bronze ul.list-formule{
	padding-bottom:118px;
}
ul.list-formule{
	margin-top:40px;
}
ul.list-formule li{
	border-bottom:1px solid #58595B;
	padding:10px 0;
	text-align:left;
	font-size:16px;
}
ul.list-formule li:last-child{
	border-bottom:none;
}
ul.list-formule li:before{
	content:"+";
	display:inline-block;
	margin:0 10px;
	font-size:20px;
}
ul.list-formule li:first-child:before{
	content:"";
}
ul.list-formule li:first-child{
	padding:10px 0 10px 9px;
}
/* page inscription */
.registerInfos{
	background-color:#58595B;
	padding:30px; 
	color:white;
}

input[type="radio"]:checked,
input[type="radio"]:not(:checked) {
    position: absolute;
    visibility:hidden;
}

.activite:checked + label,
.activite:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.activite:checked + label:before,
.activite:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #F7931E;
    border-radius: 100%;
    background: #fff;
}
.activite:checked + label:after,
.activite:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #F7931E;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.activite:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.activite:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.formuleRadio:not(:checked) + label[for="bronze"],
.formuleRadio:not(:checked) + label[for="silver"],
.formuleRadio:not(:checked) + label[for="gold"]{ 
	border:3px solid transparent;
	border-radius:5px;
}
.formuleRadio:checked + label[for="bronze"],
.formuleRadio:checked + label[for="silver"],
.formuleRadio:checked + label[for="gold"]{ 
	border:3px solid #F7931E;
	border-radius:5px;
}
.formuleRadio:not(:checked) + label[for="bronze"] span,
.formuleRadio:not(:checked) + label[for="silver"] span,
.formuleRadio:not(:checked) + label[for="gold"] span{ 
	background-color: transparent;
	display: block;
	color: #58595B;
	padding: 6px 0;
}
.formuleRadio:checked + label[for="bronze"] span,
.formuleRadio:checked + label[for="silver"] span,
.formuleRadio:checked + label[for="gold"] span{ 
	background-color: #F7931E;
	display: block;
	color: white;
	padding: 6px 0;
}


/* page solutions */
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #F7931E;
    background-color: transparent;
}
.nav-pills > li.active.buyBtn > a,
.nav-pills > li.active.buyBtn > a:hover,
.nav-pills > li.active.buyBtn> a:focus {
    color: #fff;
    background-color: #F7931E;
}
.nav-pills > li > a {
    border-radius: 0px;
}
.nav > li > a{
	padding:10px;
}
li.buyBtn, li.btnFooter{
	color:#fff;
}
li.buyBtn button{
	background-color:#58595B;
	color:#fff;
	font-weight:bold;
    border: none;
    padding: 10px;
}
li.btnFooter button{
	color:#fff;
    border: none;
	background-color:transparent;
	font-weight:normal;
	margin-left:-6px;
	text-align:left;
}
li.btnFooter button:hover{
	color:#F7931E;
}
li.btnFooter form{
	margin-top:-2px;
}
li.buyBtn button:hover{
	background-color:#F7931E;
}
section#citation{
	padding:80px 0 60px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2d0b19+0,862e46+51,2d0b19+100 */
	background: #2d0b19; /* Old browsers */
	background: -moz-linear-gradient(top,  #2d0b19 0%, #862e46 51%, #2d0b19 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #2d0b19 0%,#862e46 51%,#2d0b19 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #2d0b19 0%,#862e46 51%,#2d0b19 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d0b19', endColorstr='#2d0b19',GradientType=0 ); /* IE6-9 */
	
	color:#fff;
}
section#citation:before{
	background-color:rgba(0,0,0,.5);
}
p.citation:before{
	content:"\201C";
	font-size:130px;
	position:absolute;
    top: 44px;
    left: -18px;
	color:#F7931E;
}
p.citation:after{
	content:"\201D";
	font-size:130px;
	position:absolute;
    top: 315px;
    right: -19px;
	color:#F7931E;
}
p.citation.cit2:after{
	top: 120px;
}
p.citationAuthor{
	font-size:25px;
	font-style:italic;
	font-weight:100;
	text-align:right;
	padding-right:30px;
}
div.div-circle{
	margin:0 auto;
}
.div-circle{
	border:5px solid #fff;
	border-radius:50%;
	width:250px;
	height:250px;
	padding-top:65px;
	position:relative;
	z-index:1;
}
a.btn-div-circle{
	color:#fff;
}
a.btn-div-circle:hover{
	color:#F7931E;
}
.btnAction{
	text-transform: uppercase;
	padding: 11px;
	margin:30px 0;
	line-height: 30px;
	font-size: 25px;
	color: #FFF;
	background-color:#6d1133;
	font-weight: bold;
	display: block;
	text-align: center;
	border-radius:3px;
	position:relative;
	z-index:5;
}

.lightStyle .btnAction{
	border:2px solid #dedede;
}
.darkStyle .btnAction{
	border:2px solid #181818;
}
.btnAction:hover{
	color:#fff;
	border:2px solid #6d1133;
}
img.imgSep{
	width:60%;
	margin:-35px auto;
}


.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}

/* SideElement */
.sideElement{
	background: #000;
	z-index: 10;
	opacity:.5;
	position:fixed;
}
.sideElement.elem1{
	right: -370px;
	top:260px;
}
.sideElement.elem2{
	right: -370px;
	top:340px;
}
.sideElement.elem3{
	right: -370px;
	top:420px;
}
.sideElement:hover {
	right: -10px; 
	opacity:1;
}
.sideElement:hover span{
	opacity: 1;
}
.sideElement:hover span:hover span {
	opacity: 1;
}
.sideElement a {
	padding:15px 15px;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	display: block;
	width: 440px;
}
.sideElement span {
	opacity: 0;
	top:0;
	padding:0 52px 0 0;
	position: relative;
}
.sideElement.elem2 i {
	padding:10px 0px 10px 0;
}
.sideElement i {
	padding-top:10px;
	color:#fff;
}

/* page actus */
.lead {
  padding: 40px 0;
}
/* Grid */

#posts {
  margin: 30px auto 0;
}

.post .date{
	font-size:13px;
	font-style: italic;
	text-align:right;
	display:block;
}
.post {
  margin: 0 0 20px;
  text-align: center;
  width: 100%;
  padding:20px;
  border:1px solid rgba(88,89,91,.1);
  border-radius:5px;
}

.post img {
  padding: 0 15px;
  width: 100%;
}

#grid.container .post img {
  padding: 0;
}
/* Page Presse */
#listPress{
	min-height:500px;
}
.dossierPresse{
	padding:30px 0;
	border-bottom:1px solid #efefef;
}

/* Medium devices */

@media (min-width: 768px) {
  #grid > #posts .post {
    width: 335px;
  }
  #grid > #posts .post.cs2 {
    width: 100%;
  }
  .post img {
    padding: 0;
  }
}
/* Medium devices */

@media (min-width: 992px) {
  #grid > #posts .post {
    width: 445px;
  }
  #grid > #posts .post.cs2 {
    width: 100%;
  }
}
/* Large devices */

@media (min-width: 1200px) {
  #grid > #posts .post {
    width: 346px;
  }
  #grid > #posts .post.cs2 {
    width: 742px;
  }
}
/* Large devices min-width (1200px) + a .post margin (50px) * 2 (100px) = 1300px */
/* 1300px gives me the clearance I need to keep the margins of the entire #grid (the
bleed if you will) the same width as the .post margins posts (50px). Basically I'm
being really picky about whitespace. If you don't care, no problem, just delete this.
Can this be done with Masonry options? */

@media (min-width: 1300px) {
  #grid {
    left: -50px;
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
  }
  #grid.container {
    left: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* contact google map */
#map{
	position:relative;
	z-index:0;
}



footer{
	background-color:#58595B;
	position:relative;
	z-index:20;
}
footer li a{
	color:#fff;
	font-weight:400;
}
footer li a i{
	color:#F7931E;
	vertical-align: middle;
}
footer li a:hover i{
	color:#F7931E;
}
footer li a:hover{
	color:#F7931E;
}
footer li{
	color:#F7931E;
	font-weight:bold;
}
img.imgSepFooter{
	width: 100%;
	margin-top: -23px;
}
hr.blackFooter{
	border-top:5px solid #000;
}



/* RESPONSIVE */


/* TABLETTES + TEL  */
@media (max-width: 991px){
	.home-slider {
	    margin-top: 55px;
	    height:420px;
	}
	.slideContent:before {
	    content: "";
	    position: absolute;
	    width: 100%;
	    height: 600px;
	    /* left: 146px; */
	    margin-top: 0;
		padding:40px 0 20px 0;
	    z-index: -1;
	    background-color: rgba(88,89,91, .60);
	    -webkit-transform: none;
	    transform: none;
	}
	.sContent{
		margin-top: 0px;
		padding-top: 30px;
		transform: none; /* tiré de la moitié de sa propre hauteur */
		position: relative;
	}
	.nav-pills > li {
	    float: none;
	}
    .owl-carousel .owl-item {
        float: left;
		height:420px;
    }
	
	.owl-carousel .owl-controls .owl-buttons div {
	    display: none;
	}
	.slideContent:before {
	    content: "";
	    position: absolute;
	    margin-top: 0;
	    z-index: 1;
	}
	.sticky .main-logo {
	    max-width: 90px;
	    padding: 5px 0;
	}
	.navbar-toggle {
	    margin-top: 16px;
	}
	#homeButtons span {
	    font-size: 25px;
	    line-height: 10px;
	}
	#homeButtons p {
		font-size:18px;
		line-height:26px;
	}
	#homeButtons .col-md-6 {
	    height: 140px;
	    padding: 30px 0;
	}
	li {
	    text-align: left;
	}
	ul.listFooterResp{
		padding:0 20px 0 0;
	}
	ul.list-toque-orange2 li{
		padding-bottom:10px;
	}
	img.imgSep {
	    width: 60%;
	    margin: 0 auto;
	}
	.autresMetiers span{
		font-size:15px;
		padding:5px 0;
	}
	.btn-block-xs{
	    display: block;
	    width: 100%;
	}
	.gold{
		padding-bottom:0;
	}
	.formule.bronze ul.list-formule {
	    padding-bottom: 0;
	}
	.dropdown-menu{
		margin-left:20%;
		
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a, .white-navigation.shrink-nav .navbar-nav li a {
		line-height:35px;
		font-size:16px;
		
	}
	.navbar .text-right{
		margin-top:14px;
		background-color:rgba(0,0,0,.8);
	}
	.dropdown .dropdown-menu{
		display:none;
	}
	.dropdown.open .dropdown-menu{
		display:block;
	}
	/* acteurs */
	p.citation:before, p.citation:after, p.citation.cit2:after{
		font-size: 100px;
		line-height: 9px;
		margin-top: -2px;
		position: relative;
		top: 40px;
	}
	.owl-carousel.white .owl-controls .owl-page span {
	    margin-top:20px;
	}
	.owl-carousel .owl-controls .owl-page span {
	    display: block;
	    width: 8px;
	    height: 8px;
	    margin: 0px 5px;
	    -webkit-border-radius: 20px;
	    -moz-border-radius: 20px;
	    border-radius: 20px;
	    background: #323232;
	    border: 2px solid;
	    border-color: none;
	    transition: all 0.3s ease 0s;
	    -o-transition: all 0.3s ease 0s;
	    -moz-transition: all 0.3s ease 0s;
	    -webkit-transition: all 0.3s ease 0s;
	    cursor: pointer;
	}
	.owl-carousel.white .owl-controls .owl-page.active span {
	    margin-top:20px;
	}
	#raisons img {
	    width: 60%;
	}
	.dropdown-menu li a {
	    color: #FFF !important;
	}
	/* footer */
	
	.fa.fa-check{
		display:none;
	}

	.navbar-default .navbar-toggle {
	    background: rgba(0, 0, 0, .8) !important;
	    border-radius: 8%;
	}
	.sideElement{
		display:none;
	}
}

@media (max-width:700px){
	img.imgSepFooter {
	    width: 26%;
	    margin: -30px auto;
	}
    
}
@media (min-width:701px) and (max-width:991px){
	img.imgSepFooter {
	    width: 23%;
		margin:-35px auto;
	}
    
}

/* UNIQUEMENT TABLETTES */
@media (min-width:768px) and (max-width:991px){
	#raisons img {
	    width: 90%;
	}
	#homeButtons span {
	    font-size: 2.5vh;
	    line-height: 2vh;
	}
	#homeButtons p {
	    font-size: 1.8vh;
	    line-height: 3vh;
	}
	img.imgSep {
	    width: 40%;
	    margin: -10px auto;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width:1199px) {
	img.imgSep {
	    width: 60%;
	    margin: -5px auto;
	}
	img.imgSepFooter {
	    width: 100%;
	    margin: -12px auto;
	}
	.nav > li {
	    margin: 18px 5px;
	}
	.navbar-nav > li > a {
	    font-size: 14px;
	}
	.nav > li > a {
	    padding: 5px;
	}
	.formule img {
	    margin-top: -125px;
	}
	.formule {
	    margin-top: 100px;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}
.video-container-home{position: relative; padding-bottom: 46.9%; margin-top:20px; text-align:center}
.video-iframe-home{width: 99.9% !important; height: 99.83% !important;}
.video-container{position: relative; padding-bottom: 28.12%; margin-top:20px; text-align:center}
.video-iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;border:none}