/********************************************************************
	Auteur : Philippe Brouckaert
	Site de l'auteur : www.i-services.com
	E-mail de l'auteur : contact@i-services.net

	CSS personnalisé

	Copyright : Voir fichier licence.txt
*********************************************************************/

#is-msg-box p { margin-bottom: 0; }

select.fond-blanc, input.fond-blanc { background-color: #fff; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; border: 1px solid #ccc; vertical-align: middle; }

#q_keyword_qck { background: #e6e6e6; border: 0; border-radius: 0; width: 200px; }
#is-quick-search .is-submit-btn { color: #fff; }
#is-page .well .help-block { font-style: italic; color: #8D8763 !important; }
#is-page .well .help-block a, #is-page .well .help-block a:hover, #is-page .well .help-block a:active { color: #8D8763; }
#is-custom-footer { background: #4f4f4f; color: #fff; width: 100%; margin: 0; padding-bottom: 15px; padding-top: 15px; }
#is-custom-footer a, #is-custom-footer a:visited { text-decoration: underline; color: #fff; }
#is-custom-footer a:hover, #is-custom-footer a:active { text-decoration: none; }

.footer-contact-icons { margin-top: 25px; }
.footer-contact-icons li a { height: 31px; display: inline-block; }
.footer-contact-icons li.icon-blogspot a { width: 30px; background-image: url('https://www.francepianos.com/img/design/icone-blogspot.png') }
.footer-contact-icons li.icon-fb a { width: 29px; background-image: url('https://www.francepianos.com/img/design/icone-facebook.png') }
.footer-contact-icons li.icon-instagram a { width: 31px; background-image: url('https://www.francepianos.com/img/design/icone-instagram.png') }
.footer-contact-icons li.icon-twitter a { width: 30px; background-image: url('https://www.francepianos.com/img/design/icone-twitter.png') }
.footer-contact-icons li.icon-flickr a { width: 30px; background-image: url('https://www.francepianos.com/img/design/icone-flickr.png') }
.footer-contact-icons li.icon-youtube a { width: 29px; background-image: url('https://www.francepianos.com/img/design/icone-youtube.png') }
.footer-contact-icons li.icon-pinterest a { width: 31px; background-image: url('https://www.francepianos.com/img/design/icone-pinterest.png') }
.footer-contact-icons li.icon-contact-us a { width: 31px; background-image: url('https://www.francepianos.com/img/design/icone-mail.png') }

#is-navigation ul.dropdown-menu li.tous-les-articles a { font-variant: small-caps; }

@media (min-width: 1100px) {
	big { font-size: 14pt; }
}

@media (max-width: 991px) {
	#telephone-header { padding-bottom: 10px; }
}

@media (min-width: 992px) {
	#is-navigation ul.dropdown-menu li.tous-les-articles a { color: #777 !important; }
}

@media (max-width: 767px) {
	big { font-size: 12pt; }
}

@media (max-width: 420px) {
	#is-quick-search .form-group { text-align: center !important; }
	#is-quick-search, #q_keyword_qck, #is-quick-search .is-submit-btn { width: 100% !important; margin: 0 !important; }
	#is-quick-search { padding-left: 0 !important; padding-right: 0 !important; }
	big { font-size: 11pt; }
}

#popup-contact-box { z-index: 100; display: none; position: absolute; top: 0; left: 0; width: 100%; background: #e3e3e3; border: 1px solid #000; border-bottom: 0; }

@media (max-width: 767px)
{
	#popup-contact-box { border: 0; border-top: 1px solid #000; }
}

#popup-contact-box .is-title-popup-contact { background: #d9534f; color: #000; position: relative; }
#popup-contact-box .is-title-popup-contact.fiche-piano { background: #d9534f; }
#popup-contact-box .is-title-popup-contact big { display: inline-block; padding: 8px 10px; font-size: 16px; }
#popup-contact-box .is-title-popup-contact big.active { background: #d9534f; color: #fff; font-weight: bold; }
#popup-contact-box .is-title-popup-contact big:not(.active) { cursor: pointer; color: #000; }
#popup-contact-box .jq-close-popup-contact-box { position: absolute; top: 0; right: 10px; height: 100%; }
#popup-contact-box .jq-close-popup-contact-box .fa-times { color: #000; font-size: 20px; line-height: 35px; }
#popup-contact-box .is-content-popup-contact { padding: 0 15px 10px 15px; color: #000; font-size: 18px; text-align: center; }
#popup-contact-box .is-content-popup-contact form { background: #e3e3e3; text-align: center; max-height: 300px; overflow-x: auto; }
#popup-contact-box .is-content-popup-contact form .input-checkbox label { font-weight: normal; }
#popup-contact-box .is-content-popup-contact form .input-checkbox label.active { /* font-weight: bold; color: #d9534f; */ }
#popup-contact-box .is-text-popup-contact { padding: 5px 10px; font-weight: bold; font-size: 18px; }
#popup-contact-box form { clear: left; padding: 10px; background: #f5f5f5; }

@media (min-height: 500px) {
	#popup-contact-box .is-content-popup-contact form { max-height: 400px; }
}

@media (min-height: 600px) {
	#popup-contact-box .is-content-popup-contact form { max-height: 500px; }
}

@media (min-height: 700px) {
	#popup-contact-box .is-content-popup-contact form { max-height: none; overflow-x: hidden; }
}

@media (min-width: 900px) {
	#popup-contact-box { position: fixed; top: auto; left: auto; bottom: 0; right: 80px; width: 550px; }
	
	#popup-contact-box .is-content-popup-contact { height: 100%; }
}

#popup-contact-box span.fa-facebook-square { color: #3b5998; margin: 5px; font-size: 40px; }
#popup-contact-box span.fa-instagram { color: #eb4a61; margin: 5px; font-size: 40px; }
#popup-contact-box span.fa-pinterest-square { color: #d13139; margin: 5px; font-size: 40px; }
#popup-contact-box span.fa-youtube { color: #ab0101; margin: 5px; font-size: 40px; }
#popup-contact-box span.fa-flickr { color: #4ac3e4; margin: 5px; font-size: 40px; }
#popup-contact-box span.fa-twitter { color: #1d9bf0; margin: 5px; font-size: 40px; }

#video-background {
	/* margin: 0; padding: 0; */ position: relative;
}

#video-background .wrapper {
	width: 100%;
}

@media (min-width: 768px) {
	#video-background .wrapper {
		height: 350px;
	}
}

@media (min-width: 992px) {
	#video-background .wrapper {
		height: 450px;
	}
}

@media (min-width: 1200px) {
	#video-background .wrapper {
		height: 700px;
	}
}

#video-background video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: 100% 75%;
}