/*
 Theme Name:   Lola Rosa Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Lola Rosa Child Theme
 Author:       Webit
 Author URI:   http://example.com
 Template:     lolarosa
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  lolarosa-child
*/


/*
	font-family: 'Montserrat', sans-serif;
	font-family: 'Lato', sans-serif;
	font-family: 'Satisfy', cursive;
	font-family: 'Open Sans', sans-serif;
*/



/* FONTS */

@font-face {
    font-family: blackFont;
    src: url(../lolarosa-child/css/Fonts/lineto-circular-black.woff);
}

@font-face {
    font-family: bookItalicFont;
    src: url(../lolarosa-child/css/Fonts/lineto-circular-bookitalic.woff);
}

@font-face {
    font-family: bookFont;
    src: url(../lolarosa-child/css/Fonts/lineto-circular-book.woff);
}


/** Site **/

body {
    background: #fff;
}
body:not(.custom-background-image):before, body:not(.custom-background-image):after {
    display: none;
}

.fond-gris-blog{
  background-color: #cccccc;
}
.vcenter {
    display: inline-block;
    float: none !important;
    vertical-align: middle;
}
.fontvcenter {
    font-size: 0;
}
.fond-gris {
    position: relative;
    width: 100%;
    background-color: #f8f8f8;
}
.nopadding {
    padding-right: 0;
    padding-left: 0;
}

/*---Header---*/

.logoLolaRosa img{
  width: 180px;
  max-width: 180px;
}


.topHeader {
    height: 32px;
    background: white;
}
.topHeader p {
    margin-bottom: 0;
    padding: 10px 0;
    text-transform: uppercase;
    color: #37373a;
    font-family: "Lato", sans-serif;
    font-size: 12px;
    line-height: 12px;
}
.menuHeader {
    position: fixed;
    z-index: 10000;
    top: 0px;
    width: 100%;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    background-color: white;
}
.menuHeader.pageScroll {
    background: #fff;
}
.home .menuHeader.pageScroll {
    background: #000;
}

/*.menuHeader .logoLolaRosa img{
	margin: 25px 0;
}*/

.menuHeader ul {
    display: inline-block;
    margin: 0;
    list-style-type: none;
    vertical-align: middle;
}
.menuHeader ul li {
    display: inline-block;
    padding: 0 15px;
}
.menuHeader ul li:last-child {
    position: relative;
    padding-right: 0;
    padding-left: 5px;
}
.afterMenu {
    padding-right: 5px !important;
}
.beforeMenu a {
    padding-left: 5px;
}
.beforeMenu::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "/";
    color: #37373a;
    font-size: 12px;
    font-weight: 700;
}

.lang-actif{
  color: #ff9077 !important;
}
.menuHeader .menuDuHaut li a {
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    text-decoration: none;
    text-transform: uppercase;
    color: #37373a;
    font-family: blackFont;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}
.home .menuHeader ul li a {
    color: #37373a;
}
.no-touchevents .menuHeader ul li a:hover , .no-touchevents .menuHeader ul li a:focus , .no-touchevents .menuHeader ul li a:active {
    color: #ff9077;
}

/*---select langue---*/

#lang_sel_list {
    display: inline-block;
    height: auto;
}
#lang_sel_list ul a.lang_sel_other, #lang_sel li ul a:link, #lang_sel_list ul a.lang_sel_other:visited {
    background: none !important;
}
#lang_sel_list .lang_sel_sel {
    display: none;
}
#lang_sel_list ul {
    border: none !important;
}
#lang_sel_list ul li a {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
    text-transform: uppercase;
    color: #37373a;
    font-family: "Lato", sans-serif;
    font-size: 12px !important;
    line-height: 12px !important;
}
#lang_sel_list ul li {
    padding: 10px 0 !important;
}

/*---Accueil---*/

.image-slider-acc{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 68%;
}

.imgDesktop {
    height: 630px;
    height: 70vh;
    max-height: 630px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.imgTablet{
  height: 430px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.slick-track{
  height: 630px;
}

.bannerAcc {
    position: relative;
    display: block;
    height: 735px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.lienBoutique {
    padding: 16px;
    text-align: center;
    max-width: 275px;
    text-transform: uppercase;
    color: white;
    background-color: #ff9077;
    letter-spacing: 2px;
    width: 100%;
    display: block;
    /* height: 49px; */
    font-size: 14px;
    position: relative;
    font-family: blackFont;
}
.lienBoutique:hover {
    text-decoration: none;
    color: white;
}
.lienBoutique:after {
    position: absolute;
    bottom: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 2px;
    content: "";
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: white;
}
.lienBoutique:hover:after {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.lienBoutique-mobile {
    padding: 17px 50px;
    text-align: center;
    /* vertical-align: middle; */
    text-transform: uppercase;
    color: white !important;
    background-color: #ff9077;
    /* width: 100%; */
    /* display: block; */
    /* height: 49px; */
    font-size: 12px;
    position: relative;
}
.lienBoutique-mobile:hover {
    text-decoration: none;
    color: white;
}
.lienBoutique-mobile:after {
    position: absolute;
    bottom: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 2px;
    content: "";
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: white;
}
.lienBoutique-mobile:hover:after {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.bannerAcc img {
    position: absolute;
    bottom: -50%;
    left: 50%;
    width: 100%;
    max-width: 418px;
    transform: translate3D(-50%, -50%, 0);
}
.bar-separator {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 39px;
    transform: translate3d(-50%, -50%, 0);
    background-color: #ff9077;
}
.col-spacing {
    margin: 100px 0;
}
.texte-intro-home h2, .texte-intro-home p {
    text-align: center;
    color: #ff9077;
}
.texte-intro-home h2 {
    font-size: 21px;
    font-family: blackFont;
}
.texte-intro-home p {
    padding-top: 23px;
    font-size: 16px;
    font-family: bookItalicFont;
    line-height: 14px;
}
.boxLienResto img:hover{
  background-color: #000;
}
.lienRestoAcc:after, .texte-intro-home a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 2px;
    content: "";
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #ff9077;
}
.lienRestoAcc:hover:after, .texte-intro-home a:hover:after {
    visibility: visible;
    -webkit-transform: scaleX(0.2);
    transform: scaleX(0.2);
}
.texte-intro-home a, .texte-intro-home h2:hover, .texte-intro-home p:hover {
    text-decoration: none;
}
.bannerAcc .titreBanner {
    margin-bottom: 0;
    margin-bottom: 30px;
    color: #fff;
    text-shadow: 3px 1px 7px rgba(0, 0, 0, 0.48);
    font-family: 'Montserrat', sans-serif;
    font-size: 72px;
    font-weight: 600;
    line-height: 72px;
}
.bannerAcc .titreBanner span {
    font-family: 'Satisfy', cursive;
    font-weight: 500;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
}
.bannerAcc .textBanner {
    margin-bottom: 30px;
    text-transform: uppercase;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 18px;
}
.bannerAcc .btnBanner {
    display: inline-block;
    padding: 15px 25px;
    text-transform: uppercase;
    color: #fff;
    background: #f05033;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 16px;
}
.restoAcc {
    margin-bottom: 100px;
}
.restoAcc img {
    max-width: 100%;
    height: auto;
}
.boxMenuAcc {
    padding-top: 45px;
    padding-bottom: 45px;
}
.boxMenuAcc img.imgDessinAcc {
    margin-bottom: 30px;
}
.boxMenuAcc .contentInfosAcc h2 {
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
}
.boxMenuAcc .contentInfosAcc p {
    margin-bottom: 10px;
    color: #000;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    line-height: 16px;
}
.boxMenuAcc .contentInfosAcc {
    width: 75%;
    margin: 0 auto;
}
.boxMenuAcc .contentInfosAcc a {
    display: inline-block;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    text-decoration: none;
    text-transform: uppercase;
    color: #f05033;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}
.boxMenuAcc .contentInfosAcc a:after {
    position: relative;
    display: inline-block;
    width: 38px;
    height: 9px;
    margin-bottom: 2px;
    content: "";
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    background: url("images/arrowLien.png");
}
.menu-item-has-children {
    position: relative;
}
.sub-menu {
    position: absolute;
    left: 0;
    top: 16px;
    width: 150px;
    background-color: white;
    display: none;
    opacity: 0;
}
.showing, .not-showing {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.showing {
    opacity: 1;
    display: block !important;
}
.not-showing {
    opacity: 0;
    display: none !important;
}
.sub-menu li:last-child {
    position: relative;
    padding: 15px 15px !important;
}
.sub-menu li {
    display: block !important;
    text-align: left;
    padding: 15px 15px 0px !important;
}
.no-touchevents .boxMenuAcc .contentInfosAcc a:hover:after {
    background: url("images/arrowLienHover.png");
}
.no-touchevents .boxMenuAcc .contentInfosAcc a:hover {
    color: #000;
}
.boxMenuAcc .contentInfosAcc a img {
    margin-top: -5px;
}
.restoAcc .boxLienResto {
    position: relative;
}
.restoAcc .boxLienResto div {}
.restoAcc .boxLienResto span {
    display: inline-block;
    padding: 15px 20px;
    text-transform: uppercase;
    color: #37373a;
    background: rgba(255, 255, 255, 0.9);
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 700;
}
.restoAcc .boxLienResto a.lienRestoAcc {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    font-family: blackFont;
}

/*.no-touchevents .restoAcc .boxLienResto a.lienRestoAcc:hover{
	-webkit-box-shadow: inset 0px 0px 150px 0px rgba(0, 0, 0, 0.9);
	-moz-box-shadow: inset 0px 0px 150px 0px rgba(0, 0, 0, 0.9);
	box-shadow: inset 0px 0px 150px 0px rgba(0, 0, 0, 0.9);
}*/


.sliderAcc{
  margin-top: 56px;
}

/*---inner page---*/

.innerPage {
    margin-top: 87px;
}

/*---All restaurants---*/

.boxRestoKnowMore {
    background-repeat no-repeat;
    background-size: cover;
    margin: 50px;
        background-position: left bottom;
}
.boxRestoKnowMore .contentRestoKnowMore {
    padding: 250px 0 250px 0;
    /*	border: 1px solid rgba(255,255,255,0.3);*/
}
.boxRestoKnowMore .contentRestoKnowMore h2.titreRestoKnowMore {
    margin-bottom: 0;
    margin-bottom: 45px;
    text-transform: uppercase;
    color: #37373a;
    font-family: blackFont;
    letter-spacing: 10px;
    font-size: 69px;
    font-weight: 600;
    line-height: 72px;
}
.boxRestoKnowMore .contentRestoKnowMore h2.titreRestoKnowMore span {
  text-transform: initial;
  font-family: 'bookFont',sans-serif;
  font-size: 20px;
  letter-spacing: 2px;
}

.resto-soon{
  background-color: rgba(0, 0, 0, 0.7);
   position: absolute;
   z-index: 1000;
   opacity: 0;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}
.resto-soon:hover{
  background-color: rgba(0, 0, 0, 0.7);
   position: absolute;
   z-index: 1000;
   opacity: 1;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}

.rest-soon.show-soon{
     opacity: 1 !important;
}

.resto-soon p{
  color: white;
  font-family: blackFont;
  font-size: 4em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%,0);
}


.btnRestoKnowMore , .btnRestoReserve {
    position: relative;
    padding: 20px 30px;
    text-decoration: none;
    color: white;
    background-color: #ff9077;
    font-size: 16px;
    font-family: blackFont;
}
.btnRestoKnowMore::after , .btnRestoReserve:after {
    position: absolute;
    bottom: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 4px;
    content: "";
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: white;
}
.btnRestoKnowMore:hover , .btnRestoReserve:hover {
    text-decoration: none;
    color: white;
}
.btnRestoKnowMore:hover:after , .btnRestoReserve:hover:after {
    position: absolute;
    bottom: 0;
    left: 0;
    visibility: visible;
    width: 100%;
    height: 4px;
    content: "";
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    background-color: white;
}

.acf-map {
    width: 100%;
    height: 500px;
    margin: 0;
    border: none;
}

/* fixes potential theme css conflict */

.acf-map img {
    max-width: inherit !important;
}

/*---Page single restaurant---*/

.fond-blanc {
    width: 100%;
    background-color: white;
}
.all-menu {
    margin-bottom: 100px;
}
.titre-menu {
    margin-bottom: 50px;
    padding-top: 60px;
    text-align: left;
    text-transform: uppercase;
    color: #37373a;
    font-size: 28px;
    font-weight: 700;
    font-family: blackFont;
}
.section-menu {
    position: relative;
    display: inline-block;
    margin-bottom: 55px;
    cursor: pointer;
    text-align: left;
    text-transform: uppercase;
    color: #37373a;
    font-size: 12px;
    font-weight: 700;
    font-family: blackFont;
}
.section-menu:after {
    position: absolute;
    bottom: -5px;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 2px;
    content: "";
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #ff9077;
}

.section-menu.after-visible:after {
    visibility: visible;
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
}

.section-menu:hover:after {
    visibility: visible;
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
}
.nom-plat, .point-plat, .prix_plat {
    display: inline-block;
    margin-bottom: 5px;
    color: #37373a;
    font-size: 18px;
    font-weight: 700;
    font-family: blackFont;
    text-transform: uppercase;
}
.point-plat {
    padding: 0 10px;
}
.conteneur-plat {
    padding-left: 0;
}
.description-plat {
    margin-bottom: 45px;
    color: #37373a;
    font-size: 14px;
    font-family: bookItalicFont;
}
.menu-show {
    display: block;
}
.menu-hide {
    display: none;
}
.boxInfosSingleResto {
    padding: 60px 0;
    background: #f0f0f0;
}
.singleResto .boxInfosSingleResto a {
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
}
.autoplaySingleResto img {
    width: 100%;
    height: auto;
}
.autoplaySingleResto ul.slick-dots {
    position: absolute;
    right: 0;
    bottom: 40px;
    left: 0;
    margin: 0 auto;
    text-align: center;
}
.autoplaySingleResto ul.slick-dots li {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.autoplaySingleResto ul.slick-dots li button {
    display: block;
    width: 12px;
    height: 12px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: url("images/dotSlider.png") no-repeat;
    font-size: 0;
    line-height: 0;
}
.autoplaySingleResto ul.slick-dots li.slick-active button {
    background: url("images/dotActive.png") no-repeat;
}
.autoplaySingleResto .slick-slide .contentSlider {
    position: absolute;
    z-index: 100;
    top: 50%;
    right: 0;
    left: 0;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}
.autoplaySingleResto .slick-slide .contentSlider p {
    margin-bottom: 0;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 3px 1px 7px rgba(0, 0, 0, 0.48);
    font-family: 'Montserrat', sans-serif;
    font-size: 72px;
    font-weight: 600;
    line-height: 72px;
}
.autoplaySingleResto .slick-slide .contentSlider p span {
    text-transform: initial;
    font-family: 'Satisfy', cursive;
    font-weight: 500;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
}
.contentSlider {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.contentSlider h1 {
    padding: 296px 0px;
    text-align: center;
    font-size: 81px;
    font-family: blackFont;
    text-transform: lowercase;
    letter-spacing: 10px;
    color: #37373a;
}
.singleResto .contentMenuSingleResto {
    padding-top: 60px;
    padding-bottom: 60px;
}
.singleResto .contentMenu {
    margin-bottom: 65px;
}
.singleResto .boxUnMenu h3 {
    margin-top: 25px;
    text-transform: uppercase;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
}
.singleResto .boxInfosSingleResto ul {
    margin: 0;
    list-style-type: none;
}
.singleResto .boxInfosSingleResto ul li {
    color: #000;
    font-family: "Lato", sans-serif;
    font-size: 14px;
}
.singleResto .boxInfosSingleResto ul li span {
    display: inline-block;
    min-width: 25%;
}
.singleResto .boxItinerary {
    padding-top: 30px;
    padding-bottom: 260px;
}
.singleResto .boxItinerary .contentBoxItinerary {
    padding-top: 35px;
    padding-bottom: 30px;
    background: rgba(255, 255, 255, 0.9);
}
.singleResto .boxItinerary .contentBoxItinerary h4 {
    margin-top: 0;
    margin-bottom: 25px;
    text-transform: uppercase;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
}
.singleResto .boxItinerary .contentBoxItinerary a {
    display: inline-block;
    margin-top: 30px;
    padding: 10px 30px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    background: #ff9077;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}
.singleResto .boxItinerary .contentBoxItinerary input {
    text-align: center;
    color: #000;
    border: none;
    border-bottom: 1px solid #ff9077;
    border-radius: 0;
    background: none;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 600;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.singleResto .boxItinerary .contentBoxItinerary input::-webkit-input-placeholder {
    color: #000;
    background: none;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 600;
}
.singleResto .boxItinerary .contentBoxItinerary input::-moz-placeholder {
    color: #000;
    background: none;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 600;
}
.singleResto .boxItinerary .contentBoxItinerary input:-ms-input-placeholder {
    color: #000;
    background: none;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 600;
}
.singleResto .boxItinerary .contentBoxItinerary input:-moz-placeholder {
    color: #000;
    background: none;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 600;
}

/*---Template Menus---*/

.fond-img-menus {
    width: 100%;
    background-position: center center;
    background-size: cover;
}
.fond-noir-menus {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2)
}
.service-menu-spacing {
    padding: 18px;
}
.conteneur-menu-cadre {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.7);
}
.conteneur-menu-cadre h2 {
    padding-top: 30px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 700;
}
.conteneur-menu-cadre h2 span {
    text-transform: none;
    color: white;
    font-family: 'Satisfy', cursive;
    font-size: 42px;
    font-weight: 700;
}
.conteneur-menu-cadre p {
    padding-bottom: 30px;
    color: white;
    font-family: "Lato", sans-serif;
    font-size: 14px;
}
.fond-blanc-menu {
    padding-bottom: 30px;
    background-color: white;
}
.placement-menu {
    position: relative;
    display: block;
    margin: 0 auto;
}
.sep-menus {
    position: relative;
    display: inline-block;
    width: 24%;
    max-width: 275px;
    padding-top: 140px;
    padding-bottom: 140px;
}
.sep-menus a img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    vertical-align: middle;
}
.sep-menus a p {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
    padding-top: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #37373a;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.conteneur_adresse_in_resto{
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 100px;
}

.conteneur_adresse_in_resto .fond-blanc{
  padding: 22px 36px;
  max-width: 480px;
  display: block;
  margin: 100px auto;
  background-color: rgba(255,355,355,0.9)
}
.conteneur_adresse_in_resto .fond-blanc{
  color: #37373a;
  font-family: bookFont;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
}

.conteneur_adresse_in_resto .fond-blanc div{
  margin-bottom: 0;
}

.conteneur_adresse_in_resto .fond-blanc a{
  color: #ff9077;
  font-family: blackFont;
font-size: 16px;
font-weight: 700;
color: #ff9077;
}

.conteneur-with-border{
  width: 85%;
  margin: 0 auto;
}

.conteneur-with-border p:last-child{
  margin-bottom: 0;
}

.telephone-adresse a{
  color: #ff9077
}

.bouton-in-menu{
  position: relative;
  text-align: center;
  display: inline-block;
  padding: 20px 30px;
  text-decoration: none;
  color: white !important;
  background-color: #ff9077;
  font-size: 16px;
  font-family: blackFont;
  margin-bottom: 24px;
}

.bouton-in-menu:hover{
  color: white;
}


.bouton-in-menu::after{
position: absolute;
bottom: 0;
left: 0;
visibility: visible;
width: 100%;
height: 4px;
content: "";
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
-webkit-transform: scaleX(0);
transform: scaleX(0);
background-color: white;
}

.bouton-in-menu:hover::after{
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
/*---Histoire---*/

.fond-blanc {
    width: 100%;
    background-color: white;
}

.titre-histoire {
    padding: 0;
    color: #37373a;
    font-size: 24px;
    font-weight: 700;
    font-family: blackFont;
    text-transform: uppercase;
}

.text-histoire {
    padding-bottom: 50px;
    color: #37373a;
    font-size: 16px;
    font-family: bookFont;
}

.text-histoire p{
  margin-bottom: 17px;
}

.text-histoire p:last-child{
  margin-bottom: 0;
}

.text-histoire p del{
  text-decoration: none;
  position: relative;
  cursor: pointer;
}

.text-histoire p del:after {
    position: absolute;
    bottom: -5px;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 4px;
    content: "";
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #ff9077;
}

.text-histoire p del u{
  text-decoration: none;
  color: #ff9077;
}

.text-histoire h2{
  text-align: center;
  font-size: 28px;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
  margin: 20px auto 30px;
  padding: 15px;
  color: #ff9077;
  font-family: blackFont;
  font-style: normal;
  position: relative;
}

.text-histoire h2::before{
  content: '​‌“';
  color: #cccccc;
  font-size: 50px;
  top: -8px;
  font-style: italic;
  left: -18px;
  position: absolute;
  font-family: 'Abril Fatface', cursive;
}

.text-histoire h2::after{
  content: '‌”';
  color: #cccccc;
  font-size: 50px;
  bottom: -31px;
  font-style: italic;
  right: -5px;
  position: absolute;
  font-family: 'Abril Fatface', cursive;
}

.mission{
  text-decoration: none;
  color: #ff9077;
}

.text-histoire p del:hover:after {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.membre-equipe {
    padding-bottom: 60px;
}
.membre-equipe-hero {
    display: block;
    width: 100%;
    max-width: 360px;
    margin-bottom: 30px;
}
.nom-du-membre {
  color: #37373a;
  font-size: 24px;
  text-transform: uppercase;
  font-family: blackFont;
}
.texte-membre, .lien-membre {
    color: #37373a;
    font-size: 16px;
    font-family: bookFont;
    margin-bottom: 17px;
}
.lien-membre {
    position: relative;
    text-decoration: none;
    color: #ff9077;
}
.lien-membre:after {
    position: absolute;
    bottom: -5px;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 2px;
    content: "";
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #ff9077;
}
.lien-membre:hover {
    text-decoration: none;
    color: #ff9077;
}
.lien-membre:hover:after {
    visibility: visible;
    -webkit-transform: scaleX(0.4);
    transform: scaleX(0.4);
}
.container-demande-emploie {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    ;
}
.conteneur-membre {
    padding-bottom: 40px;
}
.conteneur-sep-img {
    padding: 0px;
}
.sep-img {
    width: 100%;
    height: 630px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.titre-equipe {
    padding-top: 60px;
    padding-bottom: 30px;
    color: #37373a;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 700;
}
.titre-commerce {
    margin: 100px 0 50px;
    color: #ff9077;
    font-size: 32px;
    font-weight: 700;
    font-family: blackFont;
}

.text-mission{
      margin-bottom: 50px;
}

.text-mission  p  em{
  text-align: center;
  font-size: 28px;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
  margin: 0 auto;
  padding: 15px;
  color: #ff9077;
  font-family: blackFont;
  font-style: normal;
  position: relative;
}

.text-mission  p  em::before{
  content: '​‌“';
  color: #cccccc;
  font-size: 50px;
  top: -8px;
  font-style: italic;
  left: -18px;
  position: absolute;
  font-family: 'Abril Fatface', cursive;
}

.text-mission  p  em::after{
  content: '‌”';
  color: #cccccc;
  font-size: 50px;
  bottom: -31px;
  font-style: italic;
  right: -5px;
  position: absolute;
  font-family: 'Abril Fatface', cursive;
}


.offre-histoire h2 {
    padding-top: 165px;
    padding-bottom: 50px;
    text-transform: uppercase;
    color: white;
    font-size: 47px;
    font-family: blackFont;
}
.offre-histoire a {
    display: inline-block;
    margin-bottom: 100px;
    padding: 22px 36px;
    text-transform: uppercase;
    color: #ff9077;
    background-color: white;
    font-family:blackFont;
    font-size: 12px;
    position: relative;
    letter-spacing: 1px;
}
.offre-histoire a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 4px;
    content: "";
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #ff9077;
}
.offre-histoire a:hover:after {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.offre-histoire a:hover {
    text-decoration: none;
}
.la-demande-demploie {
    padding-bottom: 200px;
}

/*---Blogue---*/

.latest-post-container {
    padding: 0;
}
.latest-post {
    width: 100%;
    height: 610px;
    background-position: center center;
    background-size: cover;
}
.center-text-post{
  display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 80%;
max-width: 785px;
}

.inside-recent.first-recent-text {
    margin-bottom: 2%;
    padding-bottom: 0 !important;
}
.inside-recent {
    width: 80%;
    max-width: 785px;
    background-color: rgba(255, 255, 255, 0.9);
    padding-bottom: 20px;
}
.inside-recent h2 {
    padding: 20px 30px;
}
.inside-recent h2 a {
    text-transform: uppercase;
    color: #37373a;
    font-family: blackFont;
    font-size: 42px;
    font-weight: 700;
    padding-bottom: 0;
}
.inside-recent h2 a:hover {
    text-decoration: none;
}
.inside-recent p {
    margin-bottom: 0;
    padding: 20px 30px;
    color: #37373a;
    font-family: bookFont;
    font-size: 14px;
}
.inside-recent a {
    display: inline-block;
    position: relative;
    left: 30px;
    letter-spacing: 2px;
}
.latest-post-container ul.slick-dots {
    position: absolute;
    right: 0;
    bottom: 40px;
    left: 0;
    margin: 0 auto;
    text-align: center;
    letter-spacing: 0;
}
.latest-post-container ul.slick-dots li {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.latest-post-container ul.slick-dots li button {
    display: block;
    width: 12px;
    height: 12px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: url("images/dotSlider.png") no-repeat;
    font-size: 0;
    line-height: 0;
}
.latest-post-container ul.slick-dots li.slick-active button {
    background: url("images/dotActive.png") no-repeat;
}
.conteneur-blog {
    margin-top: 20px;
}
.conteneur-single-blog {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    height: 370px;
    margin-bottom: 60px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.blanc-single-blog {
    position: absolute;
    right: 0;
    bottom: 0px;
    left: 50%;
    width: 90%;
    transition: -webkit-transform .35s ease-out;
    transition: transform .35s ease-out;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    background-color: rgba(255, 255, 255, 0.9);
}
.hide-blanc-single {
    transition: -webkit-transform .35s ease-out;
    transition: transform .35s ease-out;
    -webkit-transform: translate(-50%, 70%);
    transform: translate(-50%, 70%);
}
.single-blog-width {
    display: block;
    width: 90%;
    margin: 0 auto;
}
.single-blog-width h2 {
    padding-top: 24px;
}
.single-blog-width h2 a {
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    text-transform: uppercase;
    color: #37373a;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 700;
}
.single-blog-width h2 a:hover {
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    text-decoration: none;
    color: #ff9077;
}
.single-blog-width h2, .single-blog-width p, .single-blog-width h2:hover, .single-blog-width p:hover {
    text-decoration: none;
}
.single-blog-width p {
    color: #37373a;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}
.single-blog-width p a{
  padding-top: 40px;
  display: inline-block;
}

.lien-contour-blog {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}
.single-blog-width h3 {
    margin-bottom: 2px;
    padding-top: 30px;
    color: #ff9077 !important;
    font-family: 'blackFont', sans-serif;
    font-size: 14px;
    font-weight: 700;
}
a.more-link:hover {
    text-decoration: none;
    color: #ff9077;
}
.more-link {
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    text-transform: uppercase;
    color: #ff9077;
    font-family: 'bookFont', sans-serif;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    letter-spacing: 2px;
}
.more-link:after {
    position: absolute;
    bottom: -5px;
    z-index: 20;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 2px;
    content: "";
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #ff9077;
}
.more-link:hover:after {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/*
.more-link::after{
  content: url("images/arrowLien.png");
  padding-left: 10px;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

 .more-link:hover:after{
   color: #37373a;
   text-decoration: none;
  content: url("images/arrowLienHover.png");
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}*/


/*---sidebar---*/

.sidebar {
    float: none;
    width: 100%;
    margin-left: 0;
    padding: 0;
}
.conteneur-side-blog h2 {
    margin-bottom: 30px;
    text-transform: uppercase;
    color: #37373a;
    font-family: 'blackFont', sans-serif;
    font-size: 24px;
    font-weight: 700;
}
.conteneur-side-blog .side-post {
    position: relative;
    width: 100%;
    height: 208px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.conteneur-side-blog a:hover {
    text-decoration: none;
}
.conteneur-side-blog .side-post a {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
}
.title-side {
    display: block;
    margin-top: 20px;
    text-transform: uppercase;
    color: #37373a;
    font-family: 'blackFont', sans-serif;
    font-size: 18px;
    font-weight: 700;
}
.date-side {
    color: #ff9077;
    font-family: 'blackFont', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 700;
}
.seeMore-side {
    display: inline-block;
    margin-bottom: 60px;
    padding: 10px 20px;
    text-transform: uppercase;
    color: white;
    background-color: #ff9077;
    font-family: 'blackFont', sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    position: relative;
}
.seeMore-side:hover {
    color: white;
}
.seeMore-side:after {
    position: absolute;
    bottom: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 4px;
    content: "";
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: white;
}
.seeMore-side:hover:after {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
#search-2 {
    margin-top: 0px;
    border-top: none;
}
#search-2 .widget-title {
    display: none;
}
#search-2 .search-form label {
    width: 100%;
}
#search-2 .search-form label .search-field::-webkit-input-placeholder {
    color: #ff9077;
    font-family: 'blackFont';
    font-size: 18px;
    text-transform: uppercase;
}
#search-2 .search-form label .search-field:-moz-placeholder {
    /* Firefox 18- */
    color: #ff9077;
    font-family: 'blackFont';
    font-size: 18px;
    text-transform: uppercase;
}
#search-2 .search-form label .search-field::-moz-placeholder {
    /* Firefox 19+ */
    color: #ff9077;
    font-family: 'blackFont';
    font-size: 18px;
    text-transform: uppercase;
}
#search-2 .search-form label .search-field:-ms-input-placeholder {
    color: #ff9077;
        font-family: 'blackFont';
    font-size: 18px;
    text-transform: uppercase;
}
#search-2 .search-form label .search-field {
    padding: 10px 5px;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #ff9077;
    border-left: none;
    border-radius: 0px;
    background: white;
    font-size: 14px;
    font-family: 'bookFont';
}
#search-2 .search-form .search-submit {
    right: 30px;
    bottom: 10px;
    color: #ff9077;
    background-color: white;
}
#search-2 .search-form .search-submit::before {
    font-size: 24px;
    font-weight: 700;
}

/*---Single Blog---*/

.blog-img-intro {
    height: 600px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.blog-single-content h1 {
    margin-bottom: 30px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 42px;
    font-weight: 700;
}
.date-single-blog {
    text-transform: uppercase;
    color: #ff9077 !important;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 700 !important;
}
.blog-single-content p {
    color: #37373a;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}
.blog-single-content img {
    display: inline-block;
    max-width: 100%;
}
.blog-single-conten a {
    color: #ff9077;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}
.blog-single-conten a:hover {
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    color: #37373a;
}
.fond-orange {
    display: block;
    width: 100%;
    background-color: #ff9077;
}
.list-category {
    margin-bottom: 0;
    padding: 10px 0px;
    vertical-align: middle;
}
.list-category li {
    display: inline-block;
    padding: 0 15px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 700;
}
.list-category li a {
    color: white;
    position: relative;
    font-size: 12px;
    font-family: blackFont;
}
.list-category li a:hover {
    text-decoration: none;
}
.list-category li a:after {
    position: absolute;
    bottom: -5px;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 2px;
    content: "";
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: white;
}
.list-category li a:hover:after {
    visibility: visible;
    -webkit-transform: scaleX(0.3);
    transform: scaleX(0.3);
}
.list-category li:last-child {
    padding-right: 0;
}
.sidebar-block {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.sidebar-block p {
    display: block;
    width: 80%;
    margin: 0 auto 25px;
    margin-bottom: 25px;
    padding-top: 120px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-size: 23px;
}
.sidebar-block a {
    display: inline-block;
    margin-bottom: 116px;
    padding: 15px 20px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    background-color: #ff9077;
    font-family: 'Montserrat', sans-serif;
}
.lien-retour {
    display: inline-block;
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 15px 25px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    background-color: #ff9077;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    position: relative;
}
.lien-retour:hover {
    color: white;
    text-decoration: none;
}
.lien-retour:after {
    position: absolute;
    bottom: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 4px;
    content: "";
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: white;
}
.lien-retour:hover:after {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.line-reseau-sociaux {
    margin-top: 30px;
}
.line-reseau-sociaux a {
    margin-right: 10px;
    padding: 13px 15px;
    text-transform: uppercase;
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 700;
}
.line-reseau-sociaux a i {
    padding-right: 10px;
}
.line-reseau-sociaux .send-mail {
    background-color: #ff9077;
}
.line-reseau-sociaux .send-mail:hover {
    background-color: #db7e6a;
}
.line-reseau-sociaux .share-face {
    background-color: #44609c;
}
.line-reseau-sociaux .share-face:hover {
    background-color: #394f80;
}
.line-reseau-sociaux .tweet-twitter {
    background-color: #55acee;
}
.line-reseau-sociaux .tweet-twitter:hover {
    background-color: #418bc3;
}
.line-reseau-sociaux .piner-pin {
    background-color: #c01e24;
}
.line-reseau-sociaux .piner-pin:hover {
    background-color: #95171c;
}
.send-mail, .share-face, .tweet-twitter, .piner-pin {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.send-mail:hover, .share-face:hover, .tweet-twitter:hover, .piner-pin:hover {
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.conteneur-image-auteur-single {
    width: 200px;
}
.conteneur-image-auteur-single, .conteneur-auteur-single {
    display: inline-block;
}
.conteneur-auteur-single h3 {
    padding-bottom: 10px text-transform: uppercase;
    color: #ff9077;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 700;
}
.conteneur-auteur-single p {
    color: #37373a;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
}
.nom-auteur-single, .nom-auteur-single a {
    padding-bottom: 10px text-transform: capitalize;
    color: #37373a;
    font-family: 'Lato', sans-serif;
    font-size: 42px;
    font-weight: 500;
}
.etiquettes span {
    text-transform: uppercase;
    color: #ff9077;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700;
}
.etiquettes a, .etiquettes {
    text-transform: none;
    color: #37373a;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700;
}
.name-tag {
    margin-bottom: 20px;
    color: #37373a;
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    font-weight: 700;
}

/*---Contact---*/

.contact-fond-gris {
    width: 100%;
    background-color: #f0f0f0;
}
.conteneur-text-contact {
    width: 80%;
    margin: 60px auto 0;
}
.conteneur-text-contact h1 {
    text-transform: uppercase;
    font-family: blackFont;
    font-size: 24px;
    font-weight: 700;
}
.conteneur-text-contact p {
    margin-top: 30px;
    margin-bottom: 55px;
    font-family: bookFont;
    font-size: 14px;
}
.a-gauche-form p span input, .a-droit-form p span textarea {
    padding: 8px;
    border: none;
    background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 40px, #ff9077 40px, #ff9077 41px, #f0f0f0 41px);
    background-image: -moz-linear-gradient(#f0f0f0, #f0f0f0 40px, #ff9077 40px, #ff9077 41px, #f0f0f0 41px);
    background-image: -ms-linear-gradient(#f0f0f0, #f0f0f0 40px, #ff9077 40px, #ff9077 41px, #f0f0f0 41px);
    background-image: -o-linear-gradient(#f0f0f0, #f0f0f0 40px, #ff9077 40px, #ff9077 41px, #f0f0f0 41px);
    background-image: linear-gradient(#f0f0f0, #f0f0f0 40px, #ff9077 40px, #ff9077 41px, #f0f0f0 41px);
    background-size: 100% 41px;
    font-family: bookFont;
    font-size: 16px;
    font-weight: 700;
    line-height: 41px;
}
.a-droit-form p span textarea {
    height: 120px;
}
.a-gauche-form p span input::-webkit-input-placeholder, .a-droit-form p span textarea::-webkit-input-placeholder {
    color: #37373a;
}

.wpcf7-not-valid-tip{
  font-family: bookFont;
  font-size: 14px;
}

form.wpcf7-form{
  text-align: center;
  padding-bottom: 47px;
}
.submit-btn {
    max-width: 160px;
    margin: 0 auto;
    display: inline-block;
    position: relative;
}
.submit-btn input:focus {
    background-color: #ff9077;
}

.submit-btn input {
    margin-bottom: 0px;
    padding: 20px 40px;
    border-radius: 0;
    background-color: #ff9077;
    font-family: blackFont;
    font-size: 16px;
    font-weight: 700;
    position: relative;
}

.submit-btn input:hover {
    background-color: #ff9077;
  }

.submit-btn::after {
    position: absolute;
    bottom: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 4px;
    content: "";
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: white;
}
.submit-btn:hover {
    text-decoration: none;
    color: white;
    background-color: #ff9077;
}
.submit-btn:hover:after {
    position: absolute;
    bottom: 0;
    left: 0;
    visibility: visible;
    width: 100%;
    height: 4px;
    content: "";
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    background-color: white;
}


.conteneur-adresse {
    width: 100%;
    margin-bottom: 50px;
    background-color: white;
}
.adresses h2 {
    margin: 45px 0 30px;
    text-align: center;
    text-transform: uppercase;
    color: #37373a;
    font-family: blackFont;
    font-size: 24px;
}
.acf-map {
    width: 100%;
    height: 250px;
    margin: 20px 0;
}

div.wpcf7 img.ajax-loader{
  display: none;
}

div.wpcf7-validation-errors {
    border: 2px solid #ff9077;
        font-family: bookFont;
}

/* fixes potential theme css conflict */

.acf-map img {
    max-width: inherit !important;
}
.nom-adresse {
    color: #ff9077;
    font-family: blackFont;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}
.telephone-adresse {
    color: #37373a;
    font-family: blackFont;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}
.rue-adresse {
    margin-bottom: 24px;
    color: #37373a;
    font-family: bookFont;
    font-size: 14px;
    text-align: center;
}

.heures-ouverture{
  width: 300px;
    text-align: center;
    margin: 0 auto;
}

.jour-ouv, .heure-ouv {
    display: inline-block;
    margin-bottom: 7px;
    color: #37373a;
    font-family: bookFont;
    font-size: 14px;
}
.jour-ouv {
    width: 49%;
}
.heure-ouv {
    width: 49%;
}
.service-traiteur {
    display: block;
    width: 100%;
    padding: 135px 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.block-service-traiteur {
    width: 20%;
    min-width: 240px;
    margin: 135px auto;
    text-align: center;
    background-color: rgba(255, 255, 255, 1);
}
.block-service-traiteur h3 {
    display: block;
    padding: 30px 15px 0;
    text-transform: uppercase;
    color: #37373a;
    font-family: blackFont;
    font-size: 18px;
    font-weight: 700;
}
.block-service-traiteur a {
    display: inline-block;
    padding: 15px 15px 30px;
    color: #ff9077;
    font-family: blackFont;
    font-size: 18px;
    font-weight: 700;
}

.dispo-soon{
  background-color: rgba(0,0,0,0.6);
  height: 100%;
  position: relative;
  opacity: 0;
}

.dispo-soon p{
  color: white;
  font-weight: bold;
  font-size: 20px;
  font-family: blackFont;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%,-50%,0);
}

/*---Author---*/

.nom-auteur {
    margin-bottom: 20px;
    text-transform: capitalize;
    color: #37373a;
    font-family: 'Satisfy', cursive;
    font-size: 42px;
}

/*---Footer---*/

.le-footer {
    width: 100%;
    background-color: #cccccc;
}
.menuFooter a {
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    text-decoration: none;
}
.no-touchevents .menuFooter a:hover {
    color: #686868;
}
.menuFooter {
    padding: 100px 0;
}
.menuFooter .titreColFooter {
    margin-bottom: 0;
    text-transform: uppercase;
    color: white;
    font-family: blackFont;
    font-size: 16px;
    font-weight: 600;
}
.menuFooter ul {
    margin: 0;
    list-style-type: none;
}
.menuFooter ul li a, .menuFooter a, .menuFooter p {
    margin-bottom: 0;
    color: white;
    font-family: bookFont;
    font-size: 14px;
}
.menuFooter .mailFooter {
    text-decoration: underline;
}
.copyrightBox {
    background: #ff9077;
    padding: 15px 0;
}
.copyrightBox p {
    display: inline-block;
    margin: 0;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    line-height: 14px;
}
.copyrightBox a {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 14px;
}
.copyrightBox a.logoWebit {
    display: inline-block;
    margin-left: 10px;
    vertical-align: text-bottom;
}
.copyrightBox p.copyright {
    margin: 0;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 12px;
}
.copyrightBox .webitBox {
    padding-top: 10px;
    padding-bottom: 10px;
}

/** Traiteur **/

.in-page-traiteur{
    background-color: #f8f8f8;
    padding-top: 100px;
}

.titre-traiteur{
    color: #ff9077;
    font-family: blackFont;
    font-size: 32px;
    margin-bottom: 42px;
}

.in-titre-traiteur{
    text-align: left;
    font-size: 18px;
    font-family: blackFont;
    color: #37373a;
    margin-top: 165px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.in-image-traiteur{
    width: 100%;
    max-width: 360px;
    height: 313px;
    max-height: 313px;
    background-size: cover;
    background-position: center center;
        margin-bottom: 50px;
}

.in-texte-traiteur{
    text-align: left;
    font-family: bookFont;
    color: #37373a;
    font-size: 12px;
    margin-bottom: 30px;
}

.in-lien-traiteur{
    color: white;
    background-color: #ff9077;
    position: relative;
    display: inline-block;
    font-family: bookFont;
    padding: 20px 40px;
    text-transform: uppercase;
    cursor: pointer;
}

.in-lien-traiteur:hover{
  text-decoration: none;
  color: white;
}

.in-lien-traiteur:after {
    position: absolute;
    bottom: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 2px;
    content: "";
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: white;
}
.in-lien-traiteur:hover:after {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/** Menu Mobile **/

.burger-menu, .conteneur-menu-mobile {
    display: none;
}


/** 404 **/



#header_404{
    width: 100%;
    height: 630px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    position: relative;
    padding-top: 95px;
}

#conteneur_alert{
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: white;
    text-align: center;
}

#conteneur_alert h1{
    font-size: 32px;
     font-family: blackFont;
     margin-bottom: 43px;
}

#conteneur_alert img{
    width: 80px;
}

.fond-blanc.quatrecentquatre{
    padding: 50px 0;
    text-align: center;
}

.fond-blanc.quatrecentquatre h2, .fond-blanc.quatrecentquatre h3 {
    color: #ff9077;
    font-family: blackfont;
    font-size: 21px;

}

.fond-blanc.quatrecentquatre h2{
    margin-bottom: 9px;
}

.fond-blanc.quatrecentquatre h3{
    margin-bottom: 40px;
}

.fond-blanc.quatrecentquatre ul{
    display: block;
    margin: 0 auto 65px;
}

.fond-blanc.quatrecentquatre ul li a{
    color: #373737;
    font-size: 17px;
    font-family: bookFont;
}



@media screen and (max-width: 1200px){
  .lienBoutique {
    padding: 16px 9px;
  }

  .restoAcc .boxLienResto span {
      display: inline-block;
      padding: 15px 10px;
      text-transform: uppercase;
      color: #37373a;
      background: rgba(255, 255, 255, 0.9);
      font-family: 'Montserrat', sans-serif;
      font-size: 14px;
      font-weight: 700;
  }
}

@media screen and (max-width: 1024px) {
  .sliderAcc{
    margin-top: 0;
  }
    .menuDuHaut {
        display: none!important;
    }
    .burger-menu {
        display: block;
        font-size: 16px;
    }
    .burger-close {
        display: none;
        font-size: 16px;
    }
    .conteneur-menu-mobile {
        display: none;
    }
    .menuHeader {
        padding: 15px 0;
    }
    .lienBoutique {
        display: none;
    }
    .lienBoutique-mobile {
        padding: 0px 0px;
        text-align: left;
        width: 100%;
        background-color: #ff9077;
        display: block;
        font-size: 12px;
        position: relative;
    }
    .conteneur-menu-mobile {
        padding: 0;
    }
    .menuHeader ul li a {
        color: #37373a;
        padding-left: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 16px;
        font-family: blackFont;
    }
    .menuHeader ul {
        width: 100%;
    }
    .menu-du-haut-mobile li {
        width: 100%;
        padding: 5px 0 !important;
    }
    .menu-du-haut-mobile .menu-item-language {
        width: auto !important;
    }
    .beforeMenu::before {
        top: 9px;
        left: 4px;
    }
    .bannerAcc {
        height: 400px;
    }
    .bannerAcc img {
        width: 75%;
        max-width: 240px;
    }
    .col-spacing {
        margin: 30px 0;
    }
    .restoAcc .boxLienResto {
        margin-bottom: 30px;
    }
    .restoAcc {
        margin-bottom: 0px;
    }
    .menuFooter {
        padding: 0px 0 30px;
    }
    .menuFooter .col-xs-6 {
        margin-top: 30px;
    }
    .menuFooter .titreColFooter {
        font-size: 12px;
    }
    .boxRestoKnowMore .contentRestoKnowMore {
        padding: 60px 0 60px 0;
        border: 1px solid rgba(255, 255, 255, 0.3);
    }
    .boxRestoKnowMore .contentRestoKnowMore a {
        margin: 0;
        display: inline-block;
    }
    .btnRestoKnowMore, .btnRestoReserve {
        position: relative;
        padding: 11px 18px;
        text-decoration: none;
        font-size: 11px;
        display: inline-block;
    }
    .inside-recent h2 a {
        font-size: 14px;
    }
    .inside-recent p {
        font-size: 11px;
    }
    .more-link {
        font-size: 11px;
    }
    .latest-post {
        height: 410px;
    }
    .autoplaySingleResto .slick-slide .contentSlider p {
        font-size: 26px;
        line-height: 26px;
    }
    .autoplaySingleResto ul.slick-dots {
        bottom: 20px;
    }
    .singleResto .boxItinerary {
        padding-top: 100px;
        padding-bottom: 70px;
    }
    .sub-menu {
        background-color: #f0f0f0;
        position: relative;
        left: 0;
        width: 100%;
        bottom: 0;
        display: inline-block;
        opacity: 1;
    }
    .sub-menu li:last-child {
        position: relative;
        padding-left: 0px !important;
    }
    ul.sub-menu .menu-item a{
      font-size: 11px!important;
    }
    .boxRestoKnowMore .contentRestoKnowMore h2.titreRestoKnowMore {
        font-size: 50px;
        line-height: 50px;
    }
    .blog-img-intro {
        height: 190px;
    }
    .blog-single-content h1 {
        margin-bottom: 10px;
        font-size: 24px;
    }
    .date-single-blog {
        font-size: 14px;
        margin-bottom: 2px;
    }
    .blog-single-content p {
        font-size: 11px;
    }
    .blog-single-content img {
        max-width: 75%;
    }
    .line-reseau-sociaux a {
        display: inline-block;
        margin-bottom: 10px;
    }
    .nom-auteur-single a {
        font-size: 30px;
    }
    .conteneur-single-blog {
        height: 260px;
        margin-bottom: 30px;
    }
    .list-category li {
        display: inline-block;
        padding: 0 8px 0 0;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        font-weight: 700;
    }
    .list-category li a {
        font-size: 10px;
    }
    .list-category {
        margin-left: 0;
        text-align: center;
    }
    .sub-menu li:last-child {
        position: relative;
        padding: 0px 0px !important;
    }
    .service-traiteur {
        padding: 15px 0;
    }
    .in-titre-traiteur {
        margin-top: 70px;
    }
    .in-image-traiteur {
        margin-bottom: 25px;
    }

}

@media screen and (max-width: 768px){
    .in-titre-traiteur {
        margin-top: 30px;
        text-align: center;
    }
    .in-image-traiteur{
      margin: 0 auto 25px;
    }
    .in-texte-traiteur{
      text-align: center;
    }
    .place-mobile-traiteur{
      text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .conteneur-bar-seperator {
        height: 0 !important;
        margin: -15px 0 0px;
    }

    .bar-separator {
        width: 39px;
        height: 2px;
    }
    .titre-commerce {
        margin: 60px 0 30px;
        color: #ff9077;
        font-size: 20px;
        font-weight: 700;
    }
    .offre-histoire h2 {
        padding-top: 50px;
        padding-bottom: 50px;
        text-transform: uppercase;
        color: white;
        font-family: 'Montserrat', sans-serif;
        font-size: 20px;
    }
    .la-demande-demploie {
        padding-bottom: 100px;
    }
    .section-menu {
        font-size: 10px;
    }
    .contentSlider h1 {
        padding: 100px 0px;
        text-align: center;
        font-size: 50px;
    }
    .titre-menu {
        padding-top: 50px;
        font-size: 24px;
    }

    .nom-plat, .point-plat, .prix_plat {
        font-size: 14px;
    }
    .conteneur-contact-lieu {
        text-align: center;
        margin-bottom: 40px;
    }
    .in-page-traiteur{
        padding-top: 42px;
    }
    .in-lien-traiteur {
        margin-bottom: 60px;
    }


}

@media screen and (max-width: 500px){
  .boxRestoKnowMore .contentRestoKnowMore h2.titreRestoKnowMore {
    font-size: 25px;
    line-height: 30px;
    letter-spacing: 2px;
  }

  .boxRestoKnowMore .contentRestoKnowMore h2.titreRestoKnowMore span {
    text-transform: initial;
    font-family: 'bookFont',sans-serif;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 10px;
  }

  #header_404 {
    height: 440px;
  }
  #conteneur_alert img {
    width: 44px;
  }
}

#comments, #respond{
  font-family: 'Lato', sans-serif;
  font-size: 14px;
}
#comments a{
  font-size: 12px;
  color: #ff9077;
}
#respond a{
  font-size: 12px;
  color: #686868;
}
#respond .logged-in-as a:last-child{
	margin-left: 5px;
}
#comments a:hover, #comments a:focus, #respond a:hover, #respond a:focus{
  color: #ff9077;
  text-decoration: none;
}
.comment-reply-link {
	border: 2px solid #ff9077;
	border-radius: 0;
	color: #ff9077;
	display: inline-block;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	padding: 15px 25px;
	font-weight: bold;
	background-color: #ffffff;
}
.comment-reply-link:hover, .comment-reply-link:focus{
  background-color: #ff9077;
  color: #ffffff !important;
}
.comments-title, .comment-reply-title{
	border-top: 2px solid #1a1a1a;
}
#respond {
  padding-top: 1.5em;
}
.comment-form label, .comment-notes{
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  letter-spacing: initial;
}
#respond .form-submit input[type="submit"]{
	border: 2px solid #ff9077;
	border-radius: 0;
	color: #ff9077;
	display: inline-block;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	padding: 15px 25px;
	font-weight: bold;
	background-color: #ffffff;
}
#respond .form-submit input[type="submit"]:hover, #respond .form-submit input[type="submit"]:focus {
  background-color: #ff9077;
  color: #ffffff !important;
}
#respond input[type="text"], #respond input[type="email"], #respond input[type="url"], #respond input[type="password"], #respond input[type="search"], #respond input[type="tel"], #respond input[type="number"], #respond textarea {
	font-family: 'Lato', sans-serif;
	font-size: 14px;	
	border-radius: 0;
}

#respond input[type="text"]:focus, #respond input[type="email"]:focus, #respond input[type="url"]:focus, #respond input[type="password"]:focus, #respond input[type="search"]:focus, #respond input[type="tel"]:focus, #respond input[type="number"]:focus, #respond textarea:focus {
	background-color: #fff;
	border-color: #ff9077;
	color: #1a1a1a;
	outline: 0;
}
.post-navigation {
	border-top: 2px solid #1a1a1a;
	border-bottom: 2px solid #1a1a1a;
}
.comments-area{
  margin-bottom: 3em;
}
.conteneur-blog .navigation.post-navigation .nav-links a:hover, .conteneur-blog .navigation.post-navigation .nav-links a:hover{
	text-decoration: none;
}
.conteneur-blog .navigation.post-navigation .nav-links a:hover .post-title, .conteneur-blog .navigation.post-navigation .nav-links a:focus .post-title{
	color: #ff9077;
}
#respond .required {
	color: #ff9077;
}