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


body,
.menu-link,
h1, h2, h3, h4 {font-family: 'Roboto Condensed', sans-serif !important; font-weight: 400 !important}

h1.titre  { text-align: center;margin-top: 20px; font-size: 40px; text-transform: uppercase; letter-spacing: 3px; color: #ccc; font-weight: 300 !important;}

/*-------------TITRE-------------*/
.page-section h2 { text-transform: uppercase;}
.page-section h2 span { display: block; font-size: 20px}

/*-------------FOND-------------*/
.bg-dark {background-color: #111 !important;}
.bg-light {background-color: #fff !important;}

/*-------------DIVERS-------------*/
.lien-email, .lien-tel, .lien-mentions { display: inline-block; color: #ddd; line-height: 28px; font-size: 16px}

/*.button { font-weight: 400 !important; padding: 8px 20px !important; font-size: 12px !important; text-shadow: none !important; border: 1px dashed #888 !important;}*/

/*-------------HEADER-------------*/
#primary-menu-trigger {width: 50px !important; height: 50px !important; line-height: 50px !important;}
#primary-menu-trigger .svg-trigger { width: 50px; height: 50px;}
#primary-menu-trigger:hover .svg-trigger path {stroke: #888688;}

#top-bar a.link {color: #F7F7F7; border-bottom: 1px dashed #ccc; padding-bottom: 2px; letter-spacing: 1px}
#top-bar a.link:hover {color: #999;}


/*-------------CONTENT-------------*/

.page-section { padding: 120px 0}

/*Section accueil*/
.slider-caption {max-width: 350px;}
.slider-caption.slider-caption-right { position: relative; max-width: 350px; margin: 0 0 0 auto; left: 0; right: 0;}
.slider-caption a { padding: 15px 20px; background-color: #202020; bottom: 150px; left: 0; position: absolute; width: 350px}
.slider-caption.slider-caption-right a {right: 0}
.slider-caption a:hover { background-color: #111; color: #ccc }
.slider-caption h3 { text-transform: uppercase; margin: 0;color: #eee;}
.slider-caption h4 { text-transform: uppercase; margin: 0;color: #666;}
.nav-slider { width: 200px; position: absolute; bottom: 50px; left: calc(50% - 100px)}
.slider-arrow-left, .slider-arrow-right, .slider-arrow-bottom {  position: absolute;  cursor: pointer;  z-index: 10;
  background-color: rgba(0,0,0,0.3);  width: 52px; height: 52px;  border: 0; border-radius: 0 3px 3px 0;
  transform: translateY(-50%);  -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out;}
.slider-arrow-left i, .slider-arrow-right i, .slider-arrow-bottom i {line-height: 50px; width: 100%; height: 100%; color: rgba(255,255,255,0.8); text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-size: 34px; text-align: center; transition: color .3s ease-in-out;}
.nav-slider .slider-arrow-left { }
.nav-slider .slider-arrow-right { }
.nav-slider .slider-arrow-bottom { left: calc(50% - 26px) }

.banniere-slider { position: absolute; top: 0; left: 0; z-index: 100; width: 100%; text-align: center; color: #ddd; background-color: rgba(0,0,0,0.7); padding: 15px; font-size: 20px; letter-spacing: 2px; font-weight: 400;}
.banniere-slider strong { color: #fff; text-transform: uppercase}

.banniere-slider a {color: #F7F7F7; border-bottom: 1px dashed #ccc; font-weight: 700; display: inline-block}

/*Section Expertise & achat*/
.atout h3 { color: #fff !important; text-transform: uppercase}
.atout img { background-color: transparent}
.box-1 { background-color:#8e8d8d }
.box-2 { background-color:#706f6f }
.box-3 { background-color:#555454 }
.box-4 { background-color:#3d3c3c }

/*Section Nous recherchons*/
#recherche {}
#recherche .recherche-item {}
#recherche .recherche-item .image { padding: 0}
#recherche .recherche-item .texte { padding: 0 20px}
#recherche .recherche-item .image img { max-width: none; width: 100%}
#recherche .recherche-item h4 { text-transform: uppercase; line-height: 22px;}
#recherche .recherche-item p {font-size: 15px; line-height: 20px; margin-bottom: 0 !important}




/*pop/up*/
button.mfp-close { background-color: #000 !important; border: 1px dashed #999;}
.mfp-bg.mfp-ready {opacity: 0.8;}
.mfp-bottom-bar { display: none}
.mfp-arrow-left::before { border-right: 27px solid #4a5a78;}
.mfp-arrow-right::before { border-left: 27px solid #4a5a78;}
.mfp-arrow::before { opacity: 1;}


.mention-ajax-modal { position: relative; width:  1000px !important; margin: 0 auto;}
.mention-ajax-modal .modal-padding { background-color: #111; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px}

.ajax-modal-title {padding: 5px 20px;background-color: #010101 !important; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom: none;}
.ajax-modal-title h2 {font-size: 20px; font-weight: normal; letter-spacing: 2px; color: #fff;}

.mention-ajax-modal p { color: #999 !important}
.mention-ajax-modal a { color: #ddd !important; border-bottom: 1px dotted}
.mention-ajax-modal a:hover { border-bottom: 1px solid}

/*Formulaire de contact*/
.form-control-file { background-color: #eee}
.form-widget .rgpd {
    font-size: 10px !important;
    color: #999 !important;
    line-height: 11px !important;
    letter-spacing: 0;
    margin-top: 10px;
    margin-bottom: 5px;
    max-width: none;
    text-align: justify;
}
.form-widget .rgpd a {color:#999 !important; border-bottom: 1px dotted}


/*Pop/up sur accueil*/
#evenement > div { background-color: #fff}
#evenement > div h3 { color: #a0b8d0 !important;font-family: 'Cinzel', serif !important;}
#evenement > div p { color: #a0b8d0}



/*-------------FOOTER-------------*/
.copyright-links { font-size: 13px;color: #666 !important;}
.copyright-links a { border-bottom: none !important;color: #666 !important;}
.copyright-links a:hover {color: #888 !important;}

.villes ul { list-style: none}
.villes li { display: inline-block; font-size: 14px}
.villes li::after { content: '|'; margin-left: 3px; margin-right: 3px; color: #111}
.villes li:last-child::after { content: normal}
.villes li a { color: #222}



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

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

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

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

@media (min-width: 1200px) {
	/*HEADER*/
	/*CONTENT*/
	#recherche .recherche-item.item-3 .row,
	#recherche .recherche-item.item-4 .row,
	#recherche .recherche-item.item-7 .row,
	#recherche .recherche-item.item-8 .row { flex-direction: row-reverse}
	
	/*FOOTER*/
}

@media (max-width: 1199.98px) {
	/*HEADER*/
	/*CONTENT*/
	#recherche .recherche-item.item-2 .row,
	#recherche .recherche-item.item-4 .row,
	#recherche .recherche-item.item-6 .row,
	#recherche .recherche-item.item-8 .row { flex-direction: row-reverse}
	/*FOOTER*/
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	/*HEADER*/
	.primary-menu .menu-container .menu-link { padding-left: 10px; padding-right: 10px; font-size: 12px; font-weight: 400; letter-spacing: 1px;}
	/*CONTENT*/
	.mention-ajax-modal {width:  800px !important;}
	
	#recherche .recherche-item .texte { padding: 0 40px}
	/*FOOTER*/
}

@media (min-width: 992px) {
	/*HEADER*/	
	/*CONTENT*/
	#accueil {height: calc(100vh - 144px)}
	.bloc-contenu { max-width: 500px;}
	.bloc-contenu h2 { width: 300px; text-align: center}
	.bloc-contenu.gauche { margin: 0 30px 0 auto; text-align: right}
	.bloc-contenu.gauche h2 { margin-left: auto; margin-right: -180px }
	.bloc-contenu.droite { margin: 0 auto 0 30px; text-align: left}
	.bloc-contenu.droite h2 { margin-right: auto; margin-left: -180px }
	
	.bloc-contenu-ville { max-width: 800px;}
	.bloc-contenu-ville h2 { width: 300px; text-align: center}
	.bloc-contenu-ville.gauche { margin: 0 30px 0 auto; text-align: right}
	.bloc-contenu-ville.gauche h2 { margin-left: auto; margin-right: -180px }
	/*FOOTER*/
}

@media (max-width: 991.98px) {
	/*HEADER*/
	/*CONTENT*/
	#accueil {height: 60vh}
	.mention-ajax-modal {width:  90% !important;}
	.page-section { padding: 90px 0;}
	.page-section h2 {padding-top: 0 !important;}
	/*FOOTER*/
}

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

@media (max-width: 767.98px) {
	/*HEADER*/
	/*CONTENT*/
	.animated.slow {-webkit-animation-duration: 1s !important; animation-duration: 1s !important;}
	#recherche .recherche-item h4 { line-height: 18px; margin-bottom: 5px;}
	/*FOOTER*/
}

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

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

@media (max-width: 575.98px) {
	/*HEADER*/
	/*CONTENT*/
	#recherche .recherche-item .texte { padding: 0 10px}
	#recherche .recherche-item h4 { line-height: 15px;}
	#recherche .recherche-item p {font-size: 12px; line-height: 14px;}
	/*FOOTER*/
}