@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/fa-solid-900.eot");
    src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg"); }
  
  .fa,
  .fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }
  
/* ------------------------------ RESET ------------------------------ */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	outline:none;
	font-size:1em;
    box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
table {border-collapse: collapse;border-spacing: 0;}

/* ------------------------------ END RESET ------------------------------ */

/* ------------------------------ GLOBAL ------------------------------ */

body {
    font-family:"Work Sans", sans-serif;
    font-weight:300;
    font-size:1em;
	line-height:1.3em;
	margin:0;
	max-width:100%;
	-webkit-text-size-adjust: none;
	position:relative;
    overflow-x: hidden;
}
img {max-width:100%;height:auto;display: block;}
a img {border:0;}

a {color:#D3B52A;}

.or {color:#D3B52A;}

.hide, .mobile {display: none !important;}

.clear {clear:both;}

p strong, p b, b, strong {font-weight:600;}

p {text-align: justify;}


h1, h2, h3, h4 {font-family:"Montserrat",sans-serif;font-weight:800;}

/*h2 {font-size:1.5em;line-height:1.8em;border-bottom: solid 1px #D3B52A;}
h3 {font-size:1.3em;line-height:1.4em;font-weight:600;}*/

h2 {font-size:3.2em;line-height:1.1;color:#000;text-transform: uppercase;}

h2 {font-size:2.4em;line-height:1.1;color:#D3B52A;text-transform: uppercase;}
h3 {font-size:1.3em;line-height:1.1;text-transform: uppercase;margin:20px 0 0 0;}

h3 + p {margin-top:5px;}

.texte_gauche * {text-align: right;}

.bouton {
    background: #D3B52A;
    color:#FFF;
    text-transform: uppercase;
    text-decoration: none;
    font-weight:600;
    padding:10px 25px;
    display: inline-block;
    font-size:0.9rem;
    border-radius: 5px;
    transform: all ease 0.2s;
}
.bouton:hover, .bouton_vert {
    background: #006666;
}

.slider_homepage  {min-height:500px;}
.slider_homepage .slide {min-height:500px;background-size: cover;background-position: center center;}
.owl-dots {display: none}

.slider_texte {position: absolute;z-index: 2;width:100%;}

.slider_texte .texte_slider {
    min-height:500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.bandeau_haut {min-height:500px;}
.bandeau_haut h2, .bandeau_haut p {color:#fff;}
.bandeau_haut h3, .bandeau_haut p {color:#fff;}
.bandeau_haut h3 {margin:20px 0;}

.espace {margin-top:50px;margin-bottom:50px;}

.texte_noir h2 {color:#000;}
.texte_noir .bouton {    background: #000000;}

.texte_blanc h3, .texte_blanc p {color:#000;}

/*.vc_row {margin:20px -15px;}
.wpb_text_column {padding:15px 0;}*/

small {font-size:0.8rem;}

.wpcf7 h3 {font-size:1.3em;line-height:1.6em;border-bottom: solid 1px #D3B52A;margin:0 0 30px 0;padding-top:30px;clear:both;font-weight:800;}
h4 {font-size:1em;line-height:1.2em;}
.vc_separator h4  {font-size:1.6em !important;line-height:1.2em !important;text-align: center;}
.vc_separator {margin-bottom:35px !important;}


.vc_images_carousel .vc_carousel-indicators li {
    width:12px !important;
    height:12px !important;
    border-radius:12px !important;
    margin: 3px !important;
    border: 1px solid #D3B52A !important;
    background-color: transparent!important;
}
.vc_images_carousel .vc_carousel-indicators li.vc_active {
    background: #D3B52A !important;
}
.vc_carousel-slideline-inner .vc_item .vc_inner {width:100%;}
.vc_carousel-slideline-inner .vc_item .vc_inner img {margin:0 auto;}

/* ------------------------------ HEADER ------------------------------ */

header {
    padding: 10px 0 20px 0;
}
#logo{
    width:180px;height:83px;
    background-image: url('../img/logo-magnolia-for-event-vertical.svg');
    background-size: contain; background-repeat: no-repeat;
    margin:20px 10px 0 0;float:left;
}
#logo a{
    width: 100%;
    height:100%;
    display: block;
}

header nav{ position: relative;}

ul.menu  {
    margin: 70px 0 0 0;
    padding: 0;
    float: left;
    position: absolute;
    right: 0;
    left: 200px; 
}
.menu li {float:left;list-style-type: none;padding:0;text-align: center;width:auto;margin:0px 3px;}
.menu li:last-child {position: absolute; right: 0}
.menu li:last-child a{border:solid 1px #D3B52A;border-radius:3px;font-weight: 600}

.menu a {display: inline-block;font-size:0.9em;letter-spacing: 0.1em; padding:8px 12px;color:#000;text-transform: uppercase;text-decoration:none;border-bottom: solid 1px #FFF;}
.menu a:hover {border-bottom: solid 1px #D3B52A;}
.menu .current-menu-item a {border-bottom: solid 1px #D3B52A;font-weight:800;font-family:"Montserrat",sans-serif;}

#btn_menu {
	cursor:pointer;
	top:30px;
    right:30px;
	height:30px;
	width:30px;
	display: none;
	position: absolute;
}

.show {display:block;}





/* ------------------------------ LIEUX ------------------------------ */

.grille_lieux {
    clear:both;
    padding-top:10px;
    /*display: flex;
    flex-wrap: wrap;*/
}
.grille_lieux .container-fluid {
    padding: 0;
}

.results-number{
    padding:10px 0;
    font-weight: bold;
}

.card-lieu {
    position: relative;
    margin-bottom:20px;
    border: 1px solid #ccc;
    transition: 0.3s;
}
.card-lieu:hover{
    box-shadow: 0 10px 20px rgba(0,0,0,.2);
    border: 1px solid #D3B52A;
}
.card-lieu > a{
    position: relative;
    display: block;
    
}

.card-lieu h3 {
    font-size:1.25em;
    text-decoration: none !important;
    color:#000;
    line-height:1.25em;margin:20px 0;text-transform: none;
    padding-left:33px;
    background-image:url('../img/magnolia.png');
    background-repeat: no-repeat;
    background-position: 0 1px;clear: both;font-weight:800;
}
.card-lieu .interieur_fiche a{
    text-decoration: none !important;
}


.card-lieu .tarifs{
    margin-bottom: 20px;
    position: relative;
}
.card-lieu .tarifs .tarif-lieu {
    display:inline-block;
    padding-right: 10px;
}
.card-lieu .tarifs .tarif-lieu .label-tarif{
    display: block;
    font-size: 12px;
    color:#D3B52A;
    font-weight: bold;
}
.card-lieu .tarifs .tarif-lieu .tarif-formule{
}
.card-lieu .tarifs .tarif-lieu .tarif-sec{
}

.card-lieu .card-cta{
   
}
.card-lieu .bt-cta{
    float:left; width:50%; 
}
.card-lieu .bt-cta a{
    display: block;
    padding: 10px;
    text-align:center;
    text-transform: uppercase;
    text-decoration: none;
    color:#000;
    font-weight: bold;
    font-size: 14px;
}
.card-lieu .bt-cta.bt-fiche a{
    background:rgba(211,181,42,0.1);
    /*border-left: 1px solid #D3B52A;
    border-bottom: 1px solid #D3B52A;;*/
}
.card-lieu .bt-cta.bt-devis a{
    background:#D3B52A;
    color:#FFF;
}
.fiche_unique  {
    width: 600px;
    margin:0 auto;
} 
.fiche_unique .card-lieu {
    width: 100%;
    margin:0;
} 

.card-lieu .card-img{
    position: relative;
}
.card-lieu .card-img::before{
    position: absolute;
    content: '';
    height:30%;
    bottom:0;
    width: 100%;
    background: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.5));
    z-index: 1;
    transition: 0.3s;
}
.card-lieu:hover .card-img::before{
    background: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.7));
}
.bandeau_360 {
    position: absolute;
    bottom:10px;
    right:20px;
    background: url('../img/icon-360.svg') no-repeat;
    background-size: contain;
    width:60px;
    height:38px;
    z-index: 2;
}
.bandeau_360 a{
    text-decoration:none;
    display: block;
    width: 100%;
    height: 100%;
}

.max-people {
    position: absolute;
    bottom:10px;
    left:10px;
    background: rgba(0,0,0,0.3);
    text-align: center;
    color:#fff;
    padding:10px;
    border-radius: 999px;
    font-weight: bold;
    z-index: 2;
}
.max-people:hover {
    background: rgba(0,0,0,0.5);
}
.max-people span {
    padding-left: 30px;
    cursor: pointer;
}
.max-people::before {
    content: '';
    width:20px;
    height:20px;
    display: inline-block;
    background: url('../img/icon-people.svg') no-repeat;
    background-size: contain;
    position: absolute;
}

.interieur_fiche {
    padding:10px 20px;
    position: relative;
}

.card-lieu .categorie {float:left;width:60%;font-style: normal;font-size:0.9em;color:#777;margin:10px 0;}
.card-lieu .icones {text-align: right;margin:0; position: absolute; top: 8px; right: 15px;}
.card-lieu .icones i, .card-lieu .icones a {color:#D3B52A;font-size:20px;margin:0 5px;font-weight: bold;text-decoration: none;}

.localisation {font-size:1.1rem;text-align: left;}

.resume {margin:10px 0 10px 0px;font-size:0.9em;text-align: left;}

.gallery, .infos_lieu {float:left;width:50%;padding:10px;position: relative;}
.voir_photos {display: block;text-align: center;margin-top:5px;font-weight: bold;}
.picto_photos {position: absolute;top:0;bottom:0;left:0;right:0;z-index:100;display: flex;justify-content: center;
    align-items: center;}
.picto_photos i {color:#FFF;font-size:3rem;}

.infos_lieu {text-transform:uppercase;font-size:0.75em;text-align: left;}

.seche, .all {cursor: pointer;position: relative;background: #bbbbbb;color:#FFF;text-transform: uppercase;padding:10px 30px 10px 10px;font-weight:600;}
.all {background: #D3B52A;}
.seche i, .all i {position: absolute;font-size:2rem;right:10px;top:-5px;transition: all ease 200ms;transform-origin: center;}
i.on {transform: rotate(-180deg);top:10px}
.detail {display: none;}
.detail.open {display: block;}

.icones .fancybox-iframe {position: relative;top:auto;left:auto;display: unset;}

.drone {display: inline-block;width:32px;}


/* ------------------------------ FORM ------------------------------ */

outline {color:#D3B52A !important;}

.wpcf7 p {clear:both;}

.gauche {
    float:left;
    width:49%;
    margin-right:1%;
    clear:both;
}
.droite {
    float:right;
    width:49%;
    margin-left:1%;
}
label {
    display: block;
    font-weight:bold;
    text-align: left;
    margin-bottom: 10px;
}
label .wpcf7-list-item-label {font-weight:normal;}

.wpcf7 input, .wpcf7 textarea, .wpcf7 select, .post-password-form input {
	font-family: Helvetica, Arial, sans-serif;
    font-weight:100;
	font-size:1em;
    width: 100%;
    border: 1px solid #ccc;
    background: #F9F9F9;
    margin: 0 0 15px 0;
    padding: 10px;
    border-radius:0;
    -webkit-appearance: none;
    box-sizing: border-box;
}
.wpcf7 option {
	font-family: Helvetica, Arial, sans-serif;
    font-weight:100;
	font-size:1em;
}
.wpcf7 select {
    padding:10px 30px 10px 10px;
    background: url('../img/select.png') no-repeat;
    background-position: top 15px right 10px;
    background-size: 15px 10px;
    background-color: #fff;
}

.wpcf7-checkbox .wpcf7-list-item {
    display: block;
    margin:0;
    clear:both;
}
.wpcf7 input[type=checkbox], .wpcf7 input[type=radio] {
    width:auto;
    float:left;
    margin-right:10px;
}
.wpcf7 input:hover, .wpcf7 textarea:hover {
    -webkit-transition: border-color 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out;
    border: 1px solid #006666;
}
.wpcf7 textarea {
    height: 100px;
    max-width: 100%;
    resize: none;
}
.wpcf7 input[type="submit"], .post-password-form input[type="submit"] {
    cursor: pointer;
    width: 100%;
    border: none;
    background: #D3B52A;
    color: #FFF;
    padding: 11px;
    font-weight: bold;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}
.post-password-form p { display: flex;align-items: center;}
.post-password-form input[type="submit"] { width:45%;text-transform: uppercase;margin-top:22px;}
.post-password-form label { width:55%;margin:0 15px 0 0;}


.wpcf7 input[type="submit"]:hover {
    background: #006666;
}
.wpcf7 input[type="submit"]:active {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}
.wpcf7 input:focus, .wpcf7 select:focus, .wpcf7 textarea:focus {
    outline: none !important;
    border: 1px solid #006666;
    box-shadow: 0 0 5px #999;
}
.wpcf7 input[type=radio]:focus {
    box-shadow: 0 0 0 #FFF;
}
::-webkit-input-placeholder {
    color: #777;
}
:-moz-placeholder {
    color: #888;
}
::-moz-placeholder {
    color: #888;
}
:-ms-input-placeholder {
    color: #888;
}

/*--------- RELOOK --------*/


.wpcf7-form .wpcf7-radio label {
  position: relative;
  cursor: pointer;
}

.wpcf7-form .wpcf7-radio input[type=radio] {
    position: relative;
    visibility: hidden;
}

.wpcf7-form .wpcf7-radio input[type=radio] + span:before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 18px;
  width: 18px;
  top: 0px;
  border: 1px solid #CCC;
}

.wpcf7-form .wpcf7-radio input[type=radio] + span:after {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 12px;
    width: 12px;
    top: 3px;
    left: 3px;
    visibility: hidden;
}

.wpcf7-form .wpcf7-radio input[type=radio]:checked + span:before {
    background: transparent;
}

.wpcf7-form .wpcf7-radio input[type=radio]:checked + span:after {
   background: #D3B52A;
   visibility: visible;
}
.wpcf7-form .wpcf7-checkbox label {
  position: relative;
  cursor: pointer;
  bottom:auto !important;
}

.wpcf7-form .wpcf7-checkbox input[type=checkbox] {
	position: relative;
  visibility: hidden;
}

.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 5px;
  height: 18px;
  width: 18px;
  top: 0px;
  border: 1px solid #CCC;
}

.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:after {
    display: block;
    position: absolute;
    content: '\2713';
    border-radius: 100%;
    height: 12px;
    width: 12px;
    top: -2px;
    left: 0px;
    visibility: hidden;
    font-size: 26px;
    color:#D3B52A;
    font-weight:bold;
}

.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:before {
    background: transparent;
}

.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:after {
   visibility: visible;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid red !important;
}
div.wpcf7-response-output {
    text-align: center;
}
div.wpcf7 .ajax-loader {display: none !important;}

#multi_loc, #multi_crit {   
    padding:10px 30px 10px 10px;
    background: url('../img/select.png') no-repeat;
    background-position: top 15px right 10px;
    background-size: 15px 10px;
    background-color: #fff;
    border:1px solid #CCC;
    cursor: pointer;
    height:40px;
    margin-bottom: 15px;
    overflow: hidden;
}

.localisations, .criteres {
    display: none;
    position: absolute;
    top:39px;
    border:1px solid #CCC; 
    padding:15px;
    width:250px;
    background: #FFF;
    z-index: 1000;
}
#close_loc, #close_crit {position:absolute;right:10px;top:14px;font-size:2.2rem;z-index:1001;cursor: pointer;color:#d3b52a;}

/* ------------------------------ MOTEUR DE RECHERCHE ------------------------------ */
.searchform{

}
.searchform .filtres {padding:40px 0 15px;}
.searchform .filtres:after{
    clear:both;
}
.searchform label{
    position: absolute;
    bottom: 60px;
    margin-bottom: inherit;
}
.searchform .filtre {
    width:16.66%; float:left; position: relative;
}
.searchform .filtre_double { width:22.66%;}
.searchform .filtre_half { width:10.66%;}

.searchform input[type="submit"]{
    text-transform: uppercase;
}

.home-searchform .searchform{
    background-color:#d3b52a;
    margin-top:-60px;
    padding: 0 20px;
}
.home-searchform .searchform input[type="submit"]{
    background-color:#000;
    color:#fff;
    font-family: "Work Sans", sans-serif;
    text-transform: uppercase;
}

/* ------------------------------  TEMOIGNAGES -----------------------------*/

.strong-rating span.star:before {
    color: #D3B52A !important;    
}
.strong-view.default .testimonial {
    border: 0 !important;
    border-radius: 10px;
    background: #f5f5f5 !important;
}
.strong-view.default .testimonial-heading {color: #D3B52A !important;margin-bottom:15px;}

.strong-view.default .testimonial-image img {
    border: 1px solid #D3B52A !important;
    width:100px !important;
    height:100px !important;
}
.strong-view .nav-links {
    margin: 0 auto 30px auto !important;
    text-align: center !important;
}
.strong-content {margin-bottom:40px !important;}

/* ------------------------------  FOOTER -----------------------------*/

footer .container {
    border-top: solid 1px #D3B52A;
    padding:20px 15px;
    margin-top:35px;
}
footer .logo {margin:0 auto;width:120px;}

footer ul {list-style-type: none;}
footer li {float:left;}

.copyright {text-align: center;margin:15px 0 0 0;font-size:0.8em;}
.credits{text-align: center;margin:15px 0 0 0;font-size:0.8em;color:#111;padding:10px 0}
.credits a{color:#111;text-decoration: none}

/* ------------------------------  RESPONSIVE -----------------------------*/
@media (max-width: 1199px) {
    .container {width:100%;margin:0 auto;padding: 0 20px;}
    #logo {margin:0 auto;float:none;}
    ul.menu  {margin:20px 0 0 0;padding:0;float:none;width:100%; position: relative; left:0}
    .menu li {display: inline-block;float:none;}
}
@media (max-width: 800px) {    
    .gallery, .infos_lieu {float:none;width:100%;padding:10px;clear: both;}
}
@media (max-width: 991px) {
    .desktop {display: none;}

    body{padding-top: 80px;}
    header{
        height: 80px;
        padding: 10px 0;
        position: fixed;
        top: 0;
        z-index: 3;
        width: 100%;
        background: #fff;
    }
    
    #logo {margin: 5px -5px;;width:190px;height: 50px; background-image: url('../img/logo-magnolia-for-event-horizontal.svg')}
	#btn_menu {display:block;}
    header nav {
		display: none;
		float:none;
		width:100%;
		position: absolute;
        top: 80px;
		left:0;
		border-top:1px solid #D3B52A;
	}
    ul.menu  {margin:0;float:none;width:100%;position: relative;z-index:1000;box-shadow: 0 4px 6px 0 #666;}
    .menu li {float:none;margin:0;text-align: left;width:100%;border-bottom:1px solid #D3B52A;background: #f5f5f5;}
    .menu a {padding:10px 10px 10px 43px;border:none;display: block;}
    .menu a:hover {border:none;}
    .menu .current-menu-item a {border:none;padding-left:43px;background-image:url('../img/magnolia.png');background-repeat: no-repeat;background-position: 10px 8px;}
    
    .gauche, .droite {
    float:none;
    width:100%;
    margin:0;
    }
    
            h2 {font-size:1.8em;}

            .bandeau_haut {min-height:300px;}
            .bandeau_haut .vc_column_container {background: rgba(0,0,0,0.2);}

            .texte_noir h2 {color:#D3B52A;}
            .texte_noir .bouton {    background: #D3B52A;}
            
            .card-lieu {
                width: 100%;
                margin:12px 0;
            }
            .card-lieu .categorie, .card-lieu .icones {bottom:10px;}
            .texte_gauche * {text-align: left;}
            .fiche_unique  {width: 100%;}
    
    .searchform .filtre, .searchform .filtre_double, .searchform .filtre_half {
        width:100%;
        float: left;
    }    
    .searchform label {
        position: relative;
        bottom: inherit;
    }
    .localisations {
        top:59px;
        width:100%;
    }


}

/* ---- RECAPTCHA ---*/

.grecaptcha-badge{
	opacity:0
}