body { color: #000; }

#is-page { width: 100%; /* max-width: 1316px; */ margin: 15px auto 0 auto; }

h1 { display: none; }

h2 { font-variant: normal; font-size: 17pt; text-align: center; background-color: #f2f2f2; border: 1px solid #e6e6e6; padding: 10px; width: 100%; margin: 20px 0 20px 0; color: #888; }

h3 { font-size: 17pt; font-weight: bold; margin-top: 15px; margin-bottom: 20px; }

h4, h5, h6 { font-size: 17pt; font-weight: bold; margin-top: 5px; margin-bottom: 10px; }

#is-global { max-width: 1370px; }

#_banniere_haut { font-size: 13pt; }
#_logo { text-align: left; }
#_adresse { margin-top: 15px; text-align: center; }
#_contact_infos { margin-top: 15px; text-align: right; }
#_nom_magasin { font-size: 17pt; font-weight: bold; }
#_menu_haut { background-color: #4f4f4f; color: #fff; padding: 10px; margin-top: 30px; margin-bottom: 20px; font-size: 15pt; text-align: center; }
#_menu_haut > span, #_contact_infos > span { white-space: nowrap; }
#_contact_infos > div { margin-top: 15px; }
#_menu_haut a { color: #fff; }

#_contenu, #_contact { font-size: 13pt; }

#_contenu img {
	display: inline-block;
	max-width: 90%;
	margin: 5px 5px 10px 5px;
}

#_contenu a, #_contact a, #_contact_infos a { color: #2D48CB; }

#photos-magasin { margin-top: 20px !important; }
#photos-magasin img { height: 200px; }

#_contenu > div img.photo { width: 400px; }
#_contenu > div img.logo { height: 70px; }

#_contenu > div ol, #_contenu > div ul { list-style-position: inside; padding-left: 0; }

#_contenu > div, #_contact > div { text-align: center; }
#_contenu > div > div { margin-top: 0; margin-bottom: 10px; }

#_contact > p.is-mandatory, #is-form, #is-msg-box, #_contenu ol, #_contenu ul  { text-align: left !important; margin-left: auto; margin-right: auto; width: 900px; max-width: 100%; }

#is-form, #is-form input, #is-form textarea, #is-form select, #is-form button { font-size: 12pt; }

#is-form a.captcha-refresh { text-decoration: none !important; }

#envoyer-nouveau-msg { display: none; margin-top: 20px; }

@media (max-width: 800px) {
	h2 { font-variant: small-caps; font-size: 15pt; padding: 5px; }
	#_logo { text-align: center; }
	#_banniere_haut { font-size: 11pt; }
	#_menu_haut { margin-top: 30px; font-size: 13pt; text-align: center; }
	#_contact_infos { text-align: center; }
}

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

/** Photos pianos neufs et d'occasion **/

#pianos-occasion .fleche-gauche, #pianos-occasion .fleche-droite { position: relative; height: 300px;}
#pianos-occasion .fleche-gauche .fa, #pianos-occasion .fleche-droite .fa { position: absolute; top: 50%; left: 50%; height: 30%; width: 50%; margin: -15% 0 0 -25%; color: #626265; }
#pianos-occasion .fleche-gauche.active .fa, #pianos-occasion .fleche-droite.active .fa { color: #ff5a00; text-decoration: none !important; }
#pianos-occasion .fleche-gauche.active .fa:hover, #pianos-occasion .fleche-droite.active .fa:hover { color: #ff5a00; text-decoration: none !important; }
#pianos-occasion .pianos-occasion-principal .pianos-occasion-contenu { margin-bottom: 25px; background: #fff; height: 300px; }

#pianos-occasion-carousel .item .bloc-occasion > div { border: 1px solid #000; background: #eee; min-height: 340px; padding: 5px; margin-bottom: 5px; }
#pianos-occasion-carousel .item .bloc-occasion .occasion-image { min-height: 100px; }
#pianos-occasion-carousel .item .bloc-occasion .occasion-image a { cursor: alias; }
#pianos-occasion-carousel .item .bloc-occasion .occasion-image img { max-width: 90%; max-height: 157px; }
#pianos-occasion-carousel .item .bloc-occasion .occasion-titre { cursor: alias; font-weight: 600; text-decoration: none !important; color: #2e6da4; text-transform: uppercase; font-size: 15px; }
#pianos-occasion-carousel .item .bloc-occasion .occasion-titre:hover { color: #e7c581; }
#pianos-occasion-carousel .item .bloc-occasion .occasion-prix { color: #a94442; margin-top: 5px; margin-bottom: 0; font-size: 15px; }
#pianos-occasion-carousel .item .bloc-occasion .occasion-texte { margin-top: 5px; font-size: 15px; }

#pianos-neuf .fleche-gauche, #pianos-neuf .fleche-droite { position: relative; height: 300px;}
#pianos-neuf .fleche-gauche .fa, #pianos-neuf .fleche-droite .fa { position: absolute; top: 50%; left: 50%; height: 30%; width: 50%; margin: -15% 0 0 -25%; color: #626265; }
#pianos-neuf .fleche-gauche.active .fa, #pianos-neuf .fleche-droite.active .fa { color: #ff5a00; text-decoration: none !important; }
#pianos-neuf .fleche-gauche.active .fa:hover, #pianos-neuf .fleche-droite.active .fa:hover { color: #ff5a00; text-decoration: none !important; }
#pianos-neuf .pianos-neuf-principal .pianos-neuf-contenu { margin-bottom: 25px; background: #fff; height: 300px; }

#pianos-neuf-carousel .item .bloc-neuf > div { border: 1px solid #000; background: #eee; min-height: 340px; padding: 5px; margin-bottom: 5px; }
#pianos-neuf-carousel .item .bloc-neuf .neuf-image { min-height: 100px; }
#pianos-neuf-carousel .item .bloc-neuf .neuf-image a { cursor: alias; }
#pianos-neuf-carousel .item .bloc-neuf .neuf-image img { max-width: 90%; max-height: 157px; }
#pianos-neuf-carousel .item .bloc-neuf .neuf-titre { cursor: alias; font-weight: 600; text-decoration: none !important; color: #2e6da4; text-transform: uppercase; font-size: 15px; }
#pianos-neuf-carousel .item .bloc-neuf .neuf-titre:hover { color: #e7c581; }
#pianos-neuf-carousel .item .bloc-neuf .neuf-prix { color: #a94442; margin-top: 5px; margin-bottom: 0; font-size: 15px; }
#pianos-neuf-carousel .item .bloc-neuf .neuf-texte { margin-top: 5px; font-size: 15px; }

#pianos-numerique-neuf .fleche-gauche, #pianos-numerique-neuf .fleche-droite { position: relative; height: 300px;}
#pianos-numerique-neuf .fleche-gauche .fa, #pianos-numerique-neuf .fleche-droite .fa { position: absolute; top: 50%; left: 50%; height: 30%; width: 50%; margin: -15% 0 0 -25%; color: #626265; }
#pianos-numerique-neuf .fleche-gauche.active .fa, #pianos-numerique-neuf .fleche-droite.active .fa { color: #ff5a00; text-decoration: none !important; }
#pianos-numerique-neuf .fleche-gauche.active .fa:hover, #pianos-numerique-neuf .fleche-droite.active .fa:hover { color: #ff5a00; text-decoration: none !important; }
#pianos-numerique-neuf .pianos-numerique-neuf-principal .pianos-numerique-neuf-contenu { margin-bottom: 25px; background: #fff; height: 300px; }

#pianos-numerique-neuf-carousel .item .bloc-numerique-neuf > div { border: 1px solid #000; background: #eee; min-height: 340px; padding: 5px; margin-bottom: 5px; }
#pianos-numerique-neuf-carousel .item .bloc-numerique-neuf .numerique-neuf-image { min-height: 100px; }
#pianos-numerique-neuf-carousel .item .bloc-numerique-neuf .numerique-neuf-image a { cursor: alias; }
#pianos-numerique-neuf-carousel .item .bloc-numerique-neuf .numerique-neuf-image img { max-width: 90%; max-height: 157px; }
#pianos-numerique-neuf-carousel .item .bloc-numerique-neuf .numerique-neuf-titre { cursor: alias; font-weight: 600; text-decoration: none !important; color: #2e6da4; text-transform: uppercase; font-size: 15px; }
#pianos-numerique-neuf-carousel .item .bloc-numerique-neuf .numerique-neuf-titre:hover { color: #e7c581; }
#pianos-numerique-neuf-carousel .item .bloc-numerique-neuf .numerique-neuf-prix { color: #a94442; margin-top: 5px; margin-bottom: 0; font-size: 15px; }
#pianos-numerique-neuf-carousel .item .bloc-numerique-neuf .numerique-neuf-texte { margin-top: 5px; font-size: 15px; }

#popup-contact-box { z-index: 100; display: none; position: fixed; bottom: 0; right: 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 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 { 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%;
}