/* ----------------------------------------------------------------
	Custom CSS
-----------------------------------------------------------------*/
@import url("dark-custom.css");
@import url("fonts-custom.css");
@import url("colors-custom.css");

.button-dark {background-color: #000;}
.button:not(.button-dark):hover {background-color: #000 !important;}

/*-------------STRUCTURE-------------*/

body {font-size: 12px; color: #000}

h1, h2, h3, h4, h5, h6 { font-weight: 400; color:#020202}
h2 { font-size: 24px; letter-spacing: 2px; text-transform: uppercase;}
h3 { font-size: 20px; letter-spacing: 1px; text-transform: uppercase;}
h4 { font-size: 16px; letter-spacing: 0}
h2.border, h3.border, h4.border { border-color: #931226 !important}
h2.border { padding: 10px 30px}
h3.border { padding: 5px 10px}

@media (max-width: 991.98px) {
	h2 { font-size: 20px; }
	h3 { font-size: 18px;}
	h4 { font-size: 14px;}
}



/*-------------HEADER-------------*/
#header.full-header { padding-top: 20px}
#header.transparent-header.full-header #header-wrap {border-bottom: none;}
#header.full-header #logo { border-right: none; padding-right: 0; margin-right: 0;}
#header.full-header #primary-menu > ul { border-right: none;}

#header.sticky-header:not(.static-sticky), #header.sticky-header:not(.static-sticky) #header-wrap, #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img { height: 80px;}
#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {height: 80px;}
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {padding-top: 29px;padding-bottom: 29px;}
#header.sticky-header:not(.static-sticky) #side-panel-trigger {margin-top: 29px !important;margin-bottom: 29px !important;}


#side-panel-trigger a { width: 50px}
#side-panel-trigger a i { font-size: 11px; margin-right: 5px}

#primary-menu ul li > a {etter-spacing: 0;text-transform: none;}


#primary-menu-trigger { font-size: 20px}


/*-------------CONTENT-------------*/
.content-wrap {padding: 60px 0 0 0;}
#content p {line-height: 1.5; margin-bottom: 20px}
img.logo-margin { margin: 5%}

/*Slider*/
#slider .swiper-container::before, #slider .swiper-container::after {
    content: '';
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 30px;
	z-index: 100
}
#slider .swiper-container:before {border-top: 1px solid;border-bottom: 1px solid; border-color: rgba(255,255,255,0.60);}
#slider .swiper-container::after { border-left: 1px solid; border-right: 1px solid;  border-color: rgba(255,255,255,0.60);}
.swiper-pagination { bottom: 7px !important;left: 18px !important; text-align: left}
.swiper-pagination span { border-radius: 0; width: 25px; height: 10px}

.one-page-arrow {bottom: 55px;}
.one-page-arrow i {  background-color: rgba(255,255,255,0.30); width: 35px}

#slider-title { position: relative; bottom: 150px; z-index: 100; text-transform: uppercase; width: 100%; padding-left: 60px; padding-right: 60px;}
#slider-title h1 {position: relative; color: #fff;font-size: 28px;line-height: 35px; font-weight: bold; margin-bottom: 0; display: inline-block}
#slider-title h1 span { text-transform: none; display: block; color:#931226; font-size: 40px; font-weight: normal}
#slider-title .slider-btn { float: right; margin-top: 35px;}
#slider-title .slider-btn a.button { width: 140px; text-align: center; padding: 0;letter-spacing: 2px; font-weight: 600; line-height: 32px; height: 32px}

/*Galerie*/
.content-galerie { background-color: #f5f4f3;}

/*La carte*/
ul.carte { list-style: none}
ul.carte li { border-bottom: 1px solid #ddd; padding-right: 50px;position: relative; padding-top: 8px; padding-bottom: 8px}
ul.carte li span { display: inline-block; position: absolute; right: 0; color: #666;}
	
/*Les menus*/
.ou {color: #931226; font-weight: bold}
.etoiles {
    margin-top: 10px;
    display: inline-block;
    letter-spacing: 2px;
    font-size: 14px;
}
h4.prix { font-size: 20px; font-weight: 600; color: #931226; margin-bottom: 10px}

#menu-special { border: 5px solid #f5f4f3; padding: 15px}

/*Formulaire*/
label {
    text-transform: none;
    margin-bottom: 0;
}
.sm-form-control { border-width: 1px}
.form-widget .rgpd {
    font-size: 9px;
    color: #999;
    line-height: 10px !important;
    letter-spacing: 0px;
    margin-top: 10px;
    margin-bottom: 5px;
    max-width: none;
	text-align: justify
}
.form-widget .rgpd a {color: #ccc;}
.form-widget .mention { font-size: 11px;color: #333;margin-bottom: 10px;}

/*.oc-item:hover .portfolio-overlay {*/
.oc-item:hover img {
	opacity: 0.6;
	-webkit-transition: opacity .6s ease-in-out;
    -o-transition: opacity .6s ease-in-out;
    transition: opacity .6s ease-in-out;}
	
/*Transitions*/
.duree-2 {
	-webkit-animation-duration: 2s !important;
    animation-duration: 2s !important;
	}
.duree-2-5 {
	-webkit-animation-duration: 2.5s !important;
    animation-duration: 2.5s !important;
	}
.duree-3 {
	-webkit-animation-duration: 3s !important;
    animation-duration: 3s !important;
	}
	

/*pop/up*/
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.95;}
#accueil .mfp-fade.mfp-bg.mfp-ready {opacity: 0.6;}
.mfp-arrow { background-color: #000 !important}
.mfp-arrow-left::before, .mfp-arrow-right::before { content: normal}
.mfp-bottom-bar { display: none}
.mfp-close { background-color: #444 !important}

.mention-ajax-modal, .cadeau-ajax-modal, .partenaire-ajax-modal  { position: relative; width:  1000px !important; margin: 0 auto;}
.mention-ajax-modal .modal-padding, .cadeau-ajax-modal .modal-padding, .partenaire-ajax-modal .modal-padding {background-color: #fff;}

.cadeau-ajax-modal, .partenaire-ajax-modal { width: 450px !important;}

.ajax-modal-title {padding: 5px 20px;;background-color: #000 !important;}
.ajax-modal-title h2 {font-size: 20px; font-weight: normal; letter-spacing: 2px; color: #fff;}

.mention-ajax-modal p, .cadeau-ajax-modal p, .partenaire-ajax-modal p { color: #000 !important}
.mention-ajax-modal a, .cadeau-ajax-modal a, .partenaire-ajax-modal a { color: #931226 !important}
.mention-ajax-modal a:hover, .cadeau-ajax-modal a:hover, .partenaire-ajax-modal a:hover { border-bottom: 1px dotted}


/*Divers*/
.display-mobile { display: none}
.recrutement { border: 1px dotted #000; padding: 15px; margin-top: 30px}


/*-------------FOOTER-------------*/
#footer { border-top: none; background-color: #931226 !important;}
#copyrights { padding: 30px 0 10px 0; font-size: 12px;}
.footer-infos, .footer-infos a { color: #fff}
.footer-infos a:hover { border-bottom: 1px dotted}
.footer-liens, .footer-liens a { color: rgba(255,255,255,0.5)}
.footer-liens a:hover { border-bottom: 1px dotted}
.copyright-links { color: rgba(255,255,255,0.3); margin-bottom: 0; font-size: 11px}
.copyright-links a { color: rgba(255,255,255,0.3); }
.copyright-links a:hover { color: rgba(255,255,255,0.6);}



/* ----------------------------------------------------------------
	Contenu Responsive 
-----------------------------------------------------------------*/
@media (min-width: 1600px) {
	/*HEADER*/
	#header, #header-wrap, #logo img { height: 150px;}
	#header.transparent-header + #slider, #header.transparent-header + #page-title.page-title-parallax, #header.transparent-header + #google-map, #slider + #header.transparent-header {top: -150px; margin-bottom: -150px;}
	/*CONTENT*/
	#content-image { padding: 12% 0}
	.content-galerie { padding: 3% 0}
	/*FOOTER*/
}


@media (min-width: 1200px) and (max-width: 1599.98px) {
	/*HEADER*/
	#header, #header-wrap, #logo img { height: 150px;}
	#header.transparent-header + #slider, #header.transparent-header + #page-title.page-title-parallax, #header.transparent-header + #google-map, #slider + #header.transparent-header {top: -150px; margin-bottom: -150px;}
	/*CONTENT*/
	#content-image { padding: 15% 0}
	.content-galerie { padding: 2% 0}
	/*FOOTER*/
}

@media (min-width: 1200px) {
	/*HEADER*/
	/*CONTENT*/
	/*FOOTER*/
}

@media (max-width: 1199.98px) {
	/*HEADER*/
	#primary-menu ul li > a { padding-left: 10px; padding-right: 10px}
	
	/*CONTENT*/
	/*FOOTER*/
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	/*HEADER*/
	/*CONTENT*/
	#content-image { padding: 20% 0 !important}
	.content-galerie { padding: 3% 0}
	/*FOOTER*/
}

@media (min-width: 992px) {
	/*HEADER*/
	#primary-menu ul > li.reserver > a > div {border: 1px solid;padding: 0 15px;}
	/*CONTENT*/	
	/*FOOTER*/
}

@media (max-width: 991.98px) {
	.display-mobile { display: block}
	
	/*HEADER*/
	#header.dark.transparent-header, #header.dark.semi-transparent { background-color: #000;}
	.mobile-side-panel {
		position: absolute;
		display: block;
		top: 26px;
		font-size: 18px;
		color: #222;
		right: 40px;
		padding: 10px;
	}
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li { border-top-color: #ccc !important}
	#primary-menu ul li { border-top-style: dotted}
	#primary-menu ul li:first-child { border: none !important}
	/*CONTENT*/
	.mention-ajax-modal, .cadeau-ajax-modal, .partenaire-ajax-modal { width: auto !important; max-width: 90%}
	#content-image { padding: 25% 0 !important}
	.content-galerie { padding: 5% 0}

	/*FOOTER*/
}

@media (min-width: 768px) and (max-width: 991.98px) {
	/*HEADER*/
	/*CONTENT*/
	/*FOOTER*/
}

@media (max-width: 767.98px) {
	/*HEADER*/
	/*CONTENT*/
	#slider-title .slider-btn { display: none}
	/*FOOTER*/
	#footer .col_full { margin-bottom: 0 !important}
	.footer-liens { display: none}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	/*HEADER*/
	/*CONTENT*/
	/*FOOTER*/
}

@media (max-width: 575.98px) {
	/*HEADER*/
	/*CONTENT*/
	/*FOOTER*/
}