
/* phone */
html { scroll-behavior: smooth; }
body { background-color: transparent; }
body.site:before { background: transparent none repeat scroll left top; }
.wb_sbg { background: transparent none repeat-x scroll left top; }
.site-lang-fr .wb_cont_inner { width: 360px; height: 100%; }
.site-lang-fr .wb_cont_bg { width: 360px; margin-left: -180px; }
.site-lang-fr .root { min-height: 100%; height: auto; }
#wb_header_8 { width: 100%; height: auto; max-width: 100%; flex: 0 0 auto; }
#wb_header_8 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; }
#wb_element_instance4_8 { opacity: 1; box-sizing: border-box; left: 0px; top: 0px; z-index: 20; width: 429px; height: 260px; max-width: 100%; }
#wb_element_instance4_8 img { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 5px none #d1d1d1; }
#wb_element_instance4_8 svg { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 5px none #d1d1d1; width: 100%; height: auto; }
#wb_element_instance5_8 { opacity: 1; box-sizing: border-box; left: 429px; top: 0px; z-index: 14; width: 771px; height: 306px; max-width: 100%; }
#wb_element_instance5_8 img { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 5px none #d1d1d1; }
#wb_element_instance5_8 svg { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 5px none #d1d1d1; width: 100%; height: auto; }
#wb_element_instance6_8 { opacity: 1; box-sizing: border-box; left: 0px; top: 260px; z-index: 15; width: 580px; height: 327px; max-width: 100%; }
#wb_element_instance6_8 img { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 5px none #d1d1d1; }
#wb_element_instance6_8 svg { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 5px none #d1d1d1; width: 100%; height: auto; }
#wb_element_instance7_8 { opacity: 1; box-sizing: border-box; left: 580px; top: 298px; z-index: 16; width: 620px; height: 270px; max-width: 100%; }
#wb_element_instance7_8 img { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 5px none #d1d1d1; }
#wb_element_instance7_8 svg { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 5px none #d1d1d1; width: 100%; height: auto; }
#wb_element_instance8_8 { opacity: 1; box-sizing: border-box; left: 0px; top: 568px; z-index: 17; width: 710px; height: 349px; max-width: 100%; }
#wb_element_instance8_8 img { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 5px none #d1d1d1; }
#wb_element_instance8_8 svg { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 5px none #d1d1d1; width: 100%; height: auto; }
#wb_element_instance9_8 { opacity: 1; box-sizing: border-box; left: 710px; top: 564px; z-index: 19; width: 490px; height: 353px; max-width: 100%; }
#wb_element_instance9_8 img { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 5px none #d1d1d1; }
#wb_element_instance9_8 svg { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 5px none #d1d1d1; width: 100%; height: auto; }
#wb_element_instance3_8 { width: 1200px; height: 917px; min-width: 1200px; min-height: 917px; max-width: 100%; max-height: 917px; margin: 5px 5px 5px 5px; flex: 1 1 auto; }
#wb_element_instance3_8 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; }
#wb_element_instance10_8 { opacity: 1; box-sizing: border-box; width: 100%; height: auto; min-width: 600px; min-height: 366px; max-width: 1200px; max-height: 731px; margin: 5px 5px 5px 5px; flex: 1 1 auto; }
#wb_element_instance10_8 img { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 5px none #d1d1d1; }
#wb_element_instance10_8 svg { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 5px none #d1d1d1; width: 100%; height: auto; }
#wb_element_instance2_8 { width: 100%; height: auto; max-width: 1200px; flex: 1 1 auto; }
#wb_element_instance2_8 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; }
#wb_main_8 { width: 100%; height: auto; max-width: 100%; flex: 1 1 auto; }
#wb_main_8 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; background: #f5f5f5 none no-repeat center center; background-size: contain; opacity: 1; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; }
#wb_footer_8 { width: 100%; height: auto; max-width: 100%; flex: 0 0 auto; }
#wb_footer_8 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; background: transparent url("gallery/vintage_footer.jpg") repeat scroll left top; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; }
#wb_footer_c_0 > .wb_content { width: 100%; height: 100%; }
#wb_footer_c_0 { width: 0px; height: 0px; max-width: 100%; flex: 0 0 auto; }


/* tablet */
@media (min-width: 768px) {
	#wb_element_instance3_8 { margin: 5px 5px 5px 5px; }
	#wb_element_instance10_8 { margin: 5px 5px 5px 5px; }
}

/* desktop */
@media (min-width: 992px) {
	#wb_element_instance3_8 { margin: 5px 5px 5px 5px; }
	#wb_element_instance10_8 { margin: 5px 5px 5px 5px; }
}

/* tv */
@media (min-width: 1200px) {
	#wb_element_instance3_8 { margin: 5px 5px 5px 5px; }
	#wb_element_instance10_8 { margin: 5px 5px 5px 5px; }
}

/* desktop_and_smaller */
@media (max-width: 1199px) {
}

/* tablet_and_smaller */
@media (max-width: 991px) {
}

/* phone_only */
@media (max-width: 767px) {
}

/* tablet_only */
@media (min-width: 768px) and (max-width: 991px) {
}

/* desktop_only */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* phone_last */

