body { color: #000; }

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

h1 { display: none; }

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

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

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

#_banniere_haut { font-size: 13pt; }
#_logo { text-align: left; }
#_titre_page { margin-top: 15px; text-align: center; }
#_contact_infos { margin-top: 15px; text-align: right; }
#_titre { font-size: 17pt; font-weight: bold; text-transform: uppercase; }
#_slogan { margin-top: 20px; }
#_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 { font-size: 13pt; text-align: center; }
#_contenu > div > div { margin-top: 0; margin-bottom: 10px; }

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

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

/* #_contenu img.photo { width: 400px; } */

@media (max-width: 767px) {
	#_contenu img.photo { width: auto !important; height: auto !important; }
}

#_contenu img.logo { height: 70px; }

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

#_contact > p.is-mandatory, #is-form, #is-msg-box, #_contenu ol, #_contenu ul  { text-align: left; 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; }

#is-form span.btn-file { padding: 2px 5px; }

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

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; }

@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; }
}

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

#pianos-occasion { width: 80%; background: #ccc; padding: 10px; margin: auto; border: 3px #4f4f4f solid; }
#pianos-occasion legend { text-align: left; width: auto; white-space: nowrap; background: #fff; border: 3px #4f4f4f solid; padding: 0 5px; color: #4f4f4f; font-variant: small-caps; }
#pianos-occasion .fleche-gauche, #pianos-occasion .fleche-droite { position: relative; height: 160px;}
#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: 160px; }

#pianos-occasion-carousel .item .bloc-occasion > div { border: 1px solid #000; background: #eee; min-height: 200px; 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: 120px; }
#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; }

@media (max-width: 767px) {
	#pianos-occasion { width: 95%; border-width: 2px; }
	#pianos-occasion-carousel .item .bloc-occasion .occasion-image img { max-width: 90%; max-height: 157px; }
	#pianos-occasion legend { border-width: 2px; }
}

#pianos-neuf { width: 80%; background: #ccc; padding: 10px; margin: auto; border: 3px #4f4f4f solid; }
#pianos-neuf legend { text-align: left; width: auto; white-space: nowrap; background: #fff; border: 3px #4f4f4f solid; padding: 0 5px; color: #4f4f4f; font-variant: small-caps; }
#pianos-neuf .fleche-gauche, #pianos-neuf .fleche-droite { position: relative; height: 160px;}
#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: 160px; }

#pianos-neuf-carousel .item .bloc-neuf > div { border: 1px solid #000; background: #eee; min-height: 200px; 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: 120px; }
#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; }

@media (max-width: 767px) {
	#pianos-neuf { width: 95%; border-width: 2px; }
	#pianos-neuf-carousel .item .bloc-neuf .neuf-image img { max-width: 90%; max-height: 157px; }
	#pianos-neuf legend { border-width: 2px; }
}

#pianos-numerique-neuf { width: 80%; background: #ccc; padding: 10px; margin: auto; border: 3px #4f4f4f solid; }
#pianos-numerique-neuf legend { text-align: left; width: auto; white-space: nowrap; background: #fff; border: 3px #4f4f4f solid; padding: 0 5px; color: #4f4f4f; font-variant: small-caps; }
#pianos-numerique-neuf .fleche-gauche, #pianos-numerique-neuf .fleche-droite { position: relative; height: 160px;}
#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: 160px; }

#pianos-numerique-neuf-carousel .item .bloc-numerique-neuf > div { border: 1px solid #000; background: #eee; min-height: 200px; 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: 120px; }
#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; }

@media (max-width: 767px) {
	#pianos-numerique-neuf { width: 95%; border-width: 2px; }
	#pianos-numerique-neuf-carousel .item .bloc-numerique-neuf .numerique-neuf-image img { max-width: 90%; max-height: 157px; }
	#pianos-numerique-neuf legend { border-width: 2px; }
}

#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%;
}

@media (max-width: 992px) {
	#categories_pianos_loc { max-width: 750px; margin: 10px auto; }
}

@media (min-width: 1350px) {
	#categories_pianos_loc { max-width: 1300px; margin: 10px auto; }
}