/* phone */ body { background-color: #FFFFFF; } body.site:before { background: transparent none repeat scroll left top; } .wb_sbg { background: transparent none repeat 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; } #a18a1f6c298f19935aca1c23b65dc896 { opacity: 1; box-sizing: border-box; width: 16.58%; height: auto; min-width: 189px; max-width: 198px; margin: 0px 0px 35px 0px; flex: 1 1 auto; } #a18a1f6c298f19935aca1c23b65dc896 .wb-picture-wrapper { -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; border: #D1D1D1 none 0px; } #a18a1f6c298f19935aca1c23b65dc896 img { width: 100%; height: auto; } #a18a1f6c298f19935aca1c23b65dc896 > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; } #a18a1f6c298f1a77d6de5df12c242d48 .btn-collapser { display: inline-block; background-color: #C5E5F1; border-color: #533FE9; } #a18a1f6c298f1a77d6de5df12c242d48 .btn-collapser > .icon-bar { background-color: #533FE9; } #a18a1f6c298f1a77d6de5df12c242d48 .btn-collapser:hover { background-color: #C5E5F1; border-color: #F5F50A; } #a18a1f6c298f1a77d6de5df12c242d48 .btn-collapser:hover > .icon-bar { background-color: #F5F50A; } #a18a1f6c298f1a77d6de5df12c242d48 { width: auto; height: 50px; max-width: 100%; flex: 1 1 auto; text-shadow: none; box-shadow: none; } #a18a1f6c298f1a77d6de5df12c242d48 ul { background: #C5E5F1 none repeat scroll left top; } #a18a1f6c298f1a77d6de5df12c242d48 > ul { display: none; } #a18a1f6c298f1a77d6de5df12c242d48.collapse-expanded > ul { display: block; float: none; height: auto; overflow: hidden; overflow-y: auto; } #a18a1f6c298f1a77d6de5df12c242d48.collapse-expanded > ul > li { display: block; } #a18a1f6c298f1a77d6de5df12c242d48.collapse-expanded li > ul { position: static; } #a18a1f6c298f1a77d6de5df12c242d48.collapse-expanded li.active > ul { display: block!important; } #a18a1f6c298f1a77d6de5df12c242d48.collapse-expanded li.over > ul { display: block!important; } #a18a1f6c298f1a77d6de5df12c242d48 ul, #a18a1f6c298f1a77d6de5df12c242d48-det ul { border: #000000 none 0px; } #a18a1f6c298f1a77d6de5df12c242d48, #a18a1f6c298f1a77d6de5df12c242d48 ul, #a18a1f6c298f1a77d6de5df12c242d48-det ul { text-align: right; } #a18a1f6c298f1a77d6de5df12c242d48 ul ul, #a18a1f6c298f1a77d6de5df12c242d48-det ul { background: #C5E5F1 none repeat scroll left top; } #a18a1f6c298f1a77d6de5df12c242d48 li, #a18a1f6c298f1a77d6de5df12c242d48-det li { margin: 10px 5px 10px 5px; } #a18a1f6c298f1a77d6de5df12c242d48 li a, #a18a1f6c298f1a77d6de5df12c242d48-det li a { padding: 10px 2px 10px 10px; text-transform: none; border: #333333 none 0px; font: normal normal 18px Arial,Helvetica,sans-serif; color: #533FE9; text-decoration: none; line-height: 20px; background: transparent none repeat scroll left top; } #a18a1f6c298f1a77d6de5df12c242d48 li.over > a, #a18a1f6c298f1a77d6de5df12c242d48 li:focus > a, #a18a1f6c298f1a77d6de5df12c242d48-det li.over > a, #a18a1f6c298f1a77d6de5df12c242d48-det li:focus > a { border: #333333 none 0px; font: normal normal 18px Arial,Helvetica,sans-serif; color: #F5F50A; text-decoration: none; line-height: 20px; background: transparent none repeat scroll left top; } #a18a1f6c298f1a77d6de5df12c242d48 li.active > a, #a18a1f6c298f1a77d6de5df12c242d48-det li.active > a { border: #333333 none 0px; font: normal bold 18px Arial,Helvetica,sans-serif; color: #F5F50A; text-decoration: none; line-height: 20px; background: transparent none repeat scroll left top; } #a18a1f6c298f1a77d6de5df12c242d48:not(.collapse-expanded) .vmenu ul.open-left,#a18a1f6c298f1a77d6de5df12c242d48:not(.collapse-expanded) .hmenu ul.open-left { left: auto; right: 100%; } #a18a1f6c298f1a77d6de5df12c242d48:not(.collapse-expanded) .hmenu > li > ul.open-left { left: auto; right: 0; } #a18a1f6c298f1898e96065c67d871a0b { width: 100%; height: auto; min-height: 123px; max-width: 1200px; margin: 3px 3px 0px 3px; flex: 1 1 auto; } #a18a1f6c298f1898e96065c67d871a0b > .wb_content { min-width: 20px; min-height: 20px; padding: 9px 15px 0px 15px; border: #000000 none 0px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: #DBF9CB none repeat scroll left top; justify-items: center; align-items: center; justify-content: space-between; align-content: space-around; flex-wrap: wrap; text-shadow: none; box-shadow: none; } #wb_header_a18a1f6c355f0165c6fd625d33d33590 { width: 100%; height: auto; max-width: 100%; flex: 0 0 auto; } #wb_header_a18a1f6c355f0165c6fd625d33d33590 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: #000000 none 0px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: #000000 none repeat scroll left top; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #wb_main_a18a1f6c355f0165c6fd625d33d33590 { width: 100%; height: auto; min-height: 340px; max-width: 100%; flex: 0 0 auto; } #wb_main_a18a1f6c355f0165c6fd625d33d33590 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: #000000 none 0px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a18a1f6c298f0ac8cc79e8dd8e009ecb { opacity: 1; box-sizing: border-box; width: 5.8%; height: auto; min-width: 72px; max-width: 72px; max-height: 88px; flex: 1 1 auto; } #a18a1f6c298f0ac8cc79e8dd8e009ecb .wb-picture-wrapper { -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; border: #D1D1D1 none 0px; } #a18a1f6c298f0ac8cc79e8dd8e009ecb img { width: 100%; height: auto; } #a18a1f6c298f0ac8cc79e8dd8e009ecb > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; } #a18a1f6c298f0bb6e01916fd5c3a2aae { opacity: 1; box-sizing: border-box; width: 7.68%; height: auto; min-width: 94px; max-width: 120px; flex: 1 1 auto; } #a18a1f6c298f0bb6e01916fd5c3a2aae .wb-picture-wrapper { -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; border: #D1D1D1 none 0px; } #a18a1f6c298f0bb6e01916fd5c3a2aae img { width: 100%; height: auto; } #a18a1f6c298f0bb6e01916fd5c3a2aae > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; } #a18a1f6c298f0c87ae78dfd1b17dba76 { opacity: 1; box-sizing: border-box; width: 7.45%; height: auto; min-width: 90px; max-width: 110px; max-height: 85px; flex: 1 1 auto; } #a18a1f6c298f0c87ae78dfd1b17dba76 .wb-picture-wrapper { -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; border: #D1D1D1 none 0px; } #a18a1f6c298f0c87ae78dfd1b17dba76 img { width: 100%; height: auto; } #a18a1f6c298f0c87ae78dfd1b17dba76 > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; } #a18a1f6c298f0dd2e5d1c74deb100e81 { opacity: 1; box-sizing: border-box; width: 10.46%; height: auto; min-width: 85px; min-height: 55px; max-width: 591px; max-height: 342px; flex: 0 0 auto; } #a18a1f6c298f0dd2e5d1c74deb100e81 .wb-picture-wrapper { -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; border: #D1D1D1 none 0px; } #a18a1f6c298f0dd2e5d1c74deb100e81 img { width: 100%; height: auto; } #a18a1f6c298f0dd2e5d1c74deb100e81 > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; } #a18a1f6c298f0eac04afcb3c94425a04 { opacity: 1; box-sizing: border-box; width: 5.39%; height: auto; min-width: 63px; min-height: 63px; max-width: 73px; max-height: 99px; flex: 1 1 auto; } #a18a1f6c298f0eac04afcb3c94425a04 .wb-picture-wrapper { -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; border: #D1D1D1 none 0px; } #a18a1f6c298f0eac04afcb3c94425a04 img { width: 100%; height: auto; } #a18a1f6c298f0eac04afcb3c94425a04 > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; } #a18a1f6c298f0fecf2690446b5383ede { opacity: 1; box-sizing: border-box; width: 9.31%; height: auto; min-width: 72px; max-width: 114px; flex: 1 1 auto; } #a18a1f6c298f0fecf2690446b5383ede .wb-picture-wrapper { -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; border: #D1D1D1 none 0px; } #a18a1f6c298f0fecf2690446b5383ede img { width: 100%; height: auto; } #a18a1f6c298f0fecf2690446b5383ede > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; } #a18a1f6c298f105b65cdbf7ddf4624b3 { opacity: 1; box-sizing: border-box; width: 5.18%; height: auto; min-width: 85px; min-height: 84px; max-width: 62px; max-height: 110px; flex: 1 1 auto; } #a18a1f6c298f105b65cdbf7ddf4624b3 .wb-picture-wrapper { -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; border: #D1D1D1 none 0px; } #a18a1f6c298f105b65cdbf7ddf4624b3 img { width: 100%; height: auto; } #a18a1f6c298f105b65cdbf7ddf4624b3 > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; } #a18a1f6c298f11df21a03c978ec14e54 { opacity: 1; box-sizing: border-box; width: 5.8%; height: auto; min-width: 72px; max-width: 72px; max-height: 88px; flex: 1 1 auto; } #a18a1f6c298f11df21a03c978ec14e54 .wb-picture-wrapper { -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; border: #D1D1D1 none 0px; } #a18a1f6c298f11df21a03c978ec14e54 img { width: 100%; height: auto; } #a18a1f6c298f11df21a03c978ec14e54 > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; } #a18a1f6c298f1230266c5ebac7703e97 { opacity: 1; box-sizing: border-box; width: 4.99%; height: auto; min-width: 85px; min-height: 72px; max-width: 59px; max-height: 97px; flex: 1 1 auto; } #a18a1f6c298f1230266c5ebac7703e97 .wb-picture-wrapper { -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; border: #D1D1D1 none 0px; } #a18a1f6c298f1230266c5ebac7703e97 img { width: 100%; height: auto; } #a18a1f6c298f1230266c5ebac7703e97 > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; } #a18a1f6c298f1337271471d3783c9b10 { opacity: 1; box-sizing: border-box; width: 5.47%; height: auto; min-width: 53px; min-height: 54px; max-width: 69px; max-height: 90px; flex: 1 1 auto; } #a18a1f6c298f1337271471d3783c9b10 .wb-picture-wrapper { -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; border: #D1D1D1 none 0px; } #a18a1f6c298f1337271471d3783c9b10 img { width: 100%; height: auto; } #a18a1f6c298f1337271471d3783c9b10 > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; } #a18a1f6c298f1407d73af6ab260761e5 { opacity: 1; box-sizing: border-box; width: 6.62%; height: auto; min-width: 83px; max-width: 83px; max-height: 105px; flex: 1 1 auto; } #a18a1f6c298f1407d73af6ab260761e5 .wb-picture-wrapper { -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; border: #D1D1D1 none 0px; } #a18a1f6c298f1407d73af6ab260761e5 img { width: 100%; height: auto; } #a18a1f6c298f1407d73af6ab260761e5 > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; } #a18a1f6c298f09f596f1397f8f1bcc30 { width: 100%; height: auto; max-width: 100%; flex: 0 0 auto; } #a18a1f6c298f09f596f1397f8f1bcc30 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px solid #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: #BBAD7D none repeat scroll left top; justify-items: center; align-items: center; justify-content: center; align-content: center; flex-wrap: wrap; text-shadow: none; box-shadow: none; } #wb_footer_a18a1f6c355f0165c6fd625d33d33590 { width: 100%; height: auto; max-width: 100%; flex: 0 0 auto; } #wb_footer_a18a1f6c355f0165c6fd625d33d33590 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: #2C7176 none repeat scroll left top; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #wb_footer_c > .wb_content { width: 100%; height: 100%; } #wb_footer_c { width: 0px; height: 0px; max-width: 100%; flex: 0 0 auto; text-shadow: none; box-shadow: none; } /* tablet */ @media (min-width: 768px) { #a18a1f6c298f19935aca1c23b65dc896 { margin: 0px 0px 35px 0px; } #a18a1f6c298f1a77d6de5df12c242d48 ul { background: #C5E5F1 none repeat scroll left top; } #a18a1f6c298f1a77d6de5df12c242d48 .btn-collapser { display: none; } #a18a1f6c298f1a77d6de5df12c242d48 > ul, #a18a1f6c298f1a77d6de5df12c242d48-det > ul { display: block; } #a18a1f6c298f1898e96065c67d871a0b { margin: 5px 5px 0px 5px; } #a18a1f6c298f1898e96065c67d871a0b > .wb_content { min-width: 20px; min-height: 20px; padding: 15px 24px 0px 24px; } } /* desktop */ @media (min-width: 992px) { #a18a1f6c298f19935aca1c23b65dc896 { margin: 0px 0px 35px 0px; } #a18a1f6c298f1898e96065c67d871a0b { margin: 5px 5px 0px 5px; } #a18a1f6c298f1898e96065c67d871a0b > .wb_content { min-width: 20px; min-height: 20px; padding: 15px 24px 0px 24px; } } /* tv */ @media (min-width: 1200px) { #a18a1f6c298f19935aca1c23b65dc896 { margin: 0px 0px 35px 0px; } #a18a1f6c298f1898e96065c67d871a0b { margin: 5px 5px 0px 5px; } #a18a1f6c298f1898e96065c67d871a0b > .wb_content { min-width: 20px; min-height: 20px; padding: 15px 24px 0px 24px; } } /* desktop_and_smaller */ @media (max-width: 1199px) { } /* tablet_and_smaller */ @media (max-width: 991px) { } /* phone_only */ @media (max-width: 767px) { #a18a1f6c298f1a77d6de5df12c242d48 { display: block; width: auto; height: 29px; min-width: 32px; min-height: 29px; max-width: 32px; max-height: 29px; flex: 0 0 32px; margin-left: 0; margin-right: 0; } #a18a1f6c298f1898e96065c67d871a0b > .wb_content { background: #DBF9CB none repeat scroll left top; flex-direction: column; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #a18a1f6c298f19935aca1c23b65dc896 { width: auto; margin-left: 0; margin-right: 0; } #a18a1f6c298f09f596f1397f8f1bcc30 > .wb_content { background: #BBAD7D none repeat scroll left top; flex-direction: column; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #a18a1f6c298f0ac8cc79e8dd8e009ecb { width: auto; margin-left: 0; margin-right: 0; } #a18a1f6c298f0bb6e01916fd5c3a2aae { width: auto; margin-left: 0; margin-right: 0; } #a18a1f6c298f0c87ae78dfd1b17dba76 { width: auto; margin-left: 0; margin-right: 0; } #a18a1f6c298f0dd2e5d1c74deb100e81 { width: auto; margin-left: 0; margin-right: 0; } #a18a1f6c298f0eac04afcb3c94425a04 { width: auto; margin-left: 0; margin-right: 0; } #a18a1f6c298f0fecf2690446b5383ede { width: auto; margin-left: 0; margin-right: 0; } #a18a1f6c298f105b65cdbf7ddf4624b3 { width: auto; margin-left: 0; margin-right: 0; } #a18a1f6c298f11df21a03c978ec14e54 { width: auto; margin-left: 0; margin-right: 0; } #a18a1f6c298f1230266c5ebac7703e97 { width: auto; margin-left: 0; margin-right: 0; } #a18a1f6c298f1337271471d3783c9b10 { width: auto; margin-left: 0; margin-right: 0; } #a18a1f6c298f1407d73af6ab260761e5 { width: auto; margin-left: 0; margin-right: 0; } } /* tablet_only */ @media (min-width: 768px) and (max-width: 991px) { } /* desktop_only */ @media (min-width: 992px) and (max-width: 1199px) { } /* phone_last */ /* touch_device */ @media (any-pointer: coarse) { } /* mouse_device */ @media (any-pointer: fine) and (min-width: 767px) { }