/* * (C)opyright Solocal Group 2014-2015 * * This is Solocal Group proprietary source code. * Any reproduction modification or use without prior written * approval from Solocal Group is strictly forbidden. * */ /* ``cookies_policy`` component */ /* cookies policy help */ .component.cookies_policy.default_view .cookies-policy-section { margin-bottom: 30px; } .component.cookies_policy.default_view .note { font-size: 0.9em; } /* collapsible blocks */ .component.cookies_policy .collapsible-block { margin: 10px 0; } .component.cookies_policy .collapsible-block .collapsible-block-title { position: relative; border: 1px solid #888; padding: 4px 8px; padding-right: 27px; color: #000; /* background gradient */ background: #CCC; /* Old browsers */ background: -moz-linear-gradient(top, #EEE 0%, #AAA 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEE), color-stop(100%,#AAA)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #EEE 0%,#AAA 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #EEE 0%,#AAA 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #EEE 0%,#AAA 100%); /* IE10+ */ background: linear-gradient(to bottom, #EEE 0%,#AAA 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEE', endColorstr='#AAA',GradientType=0 ); /* IE6-9 */ } .component.cookies_policy .collapsible-block .collapsible-block-title:before { display: inline-block; content: ""; background: url(/service/2.29.1/component_statics/fr/_/cookies_policy//imgs/updown.png) 0 0 no-repeat; width: 11px; height: 8px; position: absolute; right: 8px; top: 50%; margin-top: -4px; } .component.cookies_policy .collapsible-block.opened .collapsible-block-title:before { background-position: 0 -8px; } .component.cookies_policy .collapsible-block .collapsible-block-content { display: none; border: 1px solid #888; border-top: 0; padding: 10px; } .component.cookies_policy .collapsible-block .collapsible-block-content :last-child { margin-bottom: 0; } .component.cookies_policy .collapsible-block.opened .collapsible-block-content { display: block; } /* cookies policy banner */ .component.cookies_policy.banner_view { display: none; /* hidden by default */ position: fixed; z-index: 999; top: 0; left: 0; right: 0; padding: 5px 15px; background: #000; color: #DDD; } /* TODO: remove from component? */ .component.cookies_policy.banner_view, .component.cookies_policy.banner_view .close { font-family: arial, sans serif; font-size: 14px; line-height: 1.5em; } .component.cookies_policy.banner_view a { color: #AAA; text-decoration: none; } .component.cookies_policy.banner_view .message { padding-right: 2em; /* leave some room for the close button */ } .component.cookies_policy.banner_view .close { position: absolute; top: 5px; right: 15px; background: none; border: 0; padding: 0; color: #DDD; } /* ``last_updated`` component */ /* comp last_updated */ .component.last_updated.localch_view .last-updated-item{list-style-type: none;} .component.last_updated.editus-mobile_view .gris{color:#b2b2b2;} .component.last_updated a.localch-logo:before{content: "";display: inline-block;margin-right: 9px;width: 29px;height: 28px;float: left; background: url(/service/2.29.1/component_statics/fr/_/last_updated//imgs/local_promo_logo.png) no-repeat top left;} .component.last_updated a.localch-logo{overflow: hidden; /* clear the float */} .component.last_updated.selfcare_access_via_link_view .last-updated-items, .component.last_updated.selfcare_access_via_email_view .last-updated-items { display: table; } .component.last_updated.selfcare_access_via_link_view .last-updated-items > *, .component.last_updated.selfcare_access_via_email_view .last-updated-items > * { display: table-cell; } /*magic key*/ .component.last_updated a.site-creator-logo {text-decoration:none;background: transparent top left url("/service/2.29.1/component_statics/fr/_/last_updated//imgs/soms_logo_black.png") no-repeat;display: block;width: 81px;height: 35px;margin: 0 15px 0 0;} .component.last_updated .site_title_view .corporate-name{font-weight: bold;color:#000000} .component.last_updated .site-creator-name{color:#000000} .component.last_updated .selfcare-link{text-decoration:none;color:#000000;font-weight: bold;} .component.last_updated .site_title_view{display:inline} .component.last_updated .site_creator_view{display:inline} .component.last_updated .site_creator_view{display:inline} /*magic key popin*/ .component.last_updated .mandatory-message:before {content: "*";display: inline-block;} /* contrasted color */ .component.last_updated.high_contrast_on_primary, .component.last_updated.high_contrast_on_primary .selfcare-link, .component.last_updated.high_contrast_on_primary .site_title_view .corporate-name{background-color: #50276B; color: #FFFFFF;} .component.last_updated.high_contrast_on_secondary, .component.last_updated.high_contrast_on_secondary .selfcare-link, .component.last_updated.high_contrast_on_secondary .site_title_view .corporate-name{background-color: #7A578F; color: #FFFFFF;} .component.last_updated.high_contrast_on_additional, .component.last_updated.high_contrast_on_additional .selfcare-link, .component.last_updated.high_contrast_on_additional .site_title_view .corporate-name{background-color: #281436; color: #FFFFFF;} .component.last_updated.site_creator_logo_view.high_contrast_on_primary a.site-creator-logo {background: transparent top left url("/service/2.29.1/component_statics/fr/_/last_updated//imgs/soms_logo_white.png") no-repeat;} .component.last_updated.site_creator_logo_view.high_contrast_on_secondary a.site-creator-logo {background: transparent top left url("/service/2.29.1/component_statics/fr/_/last_updated//imgs/soms_logo_white.png") no-repeat;} .component.last_updated.site_creator_logo_view.high_contrast_on_additional a.site-creator-logo {background: transparent top left url("/service/2.29.1/component_statics/fr/_/last_updated//imgs/soms_logo_white.png") no-repeat;} /* ``background`` component */ /**************************/ /* Predefined backgrounds */ /**************************/ /*SCALE*/ .BG1001{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG1001.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1002{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG1002.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1003{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG1003.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1004{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG1004.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1005{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG1005.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1006{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG1006.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1007{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG1007.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1008{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG1008.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1009{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG1009.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1010{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG1010.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1011{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-01.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1012{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-02.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1013{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-03.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1014{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-04.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1015{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-05.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1016{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-06.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1017{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-07.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1018{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-08.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1019{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-09.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1020{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-10.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1021{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-11.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1022{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-12.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1023{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-13.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1024{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-14.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1025{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-15.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1026{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-16.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1027{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-17.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1028{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-18.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1029{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-19.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1030{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-20.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1031{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-21.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1032{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-22.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1033{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-23.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1034{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-24.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1035{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-25.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1036{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-26.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1037{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-27.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1038{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-28.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1039{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-29.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1040{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-30.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1041{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-31.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1042{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-32.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1043{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-33.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1044{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-34.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1045{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-35.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1046{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-36.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1047{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-37.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1048{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-38.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1049{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-39.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1050{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-40.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1051{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-41.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1052{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-42.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1053{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-43.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1054{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-44.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1055{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-45.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1056{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-46.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1057{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-47.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1058{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-48.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1059{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-49.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1060{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-50.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1061{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-51.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1062{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-52.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1063{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-53.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1064{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-54.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1065{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BACKGROUND_-55.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG7000{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG7000.jpg); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BGB100{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/black-100.png); background-position:center top; background-repeat:repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BGB80{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/black-80.png); background-position:center top; background-repeat:repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BGB40{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/black-40.png); background-position:center top; background-repeat:repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BGT{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/transp.png); background-position:center top; background-repeat:repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BGW100{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/white-100.png); background-position:center top; background-repeat:repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BGW80{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/white-80.png); background-position:center top; background-repeat:repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BGW40{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/white-40.png); background-position:center top; background-repeat:repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } /*NO-REPEAT*/ .BG3001{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG3001.jpg); background-position:center top; background-repeat:no-repeat; background-color:#FFFFFF; } .BG3002{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG3002.jpg); background-position:center top; background-repeat:no-repeat; background-color:#FFFFFF; } .BG3003{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG3003.png); background-position:center top; background-repeat:no-repeat; } .BG3004{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG3004.jpg); background-position:center top; background-repeat:no-repeat; background-color:#000000; } .BG3005{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG3005.jpg); background-position:center top; background-repeat:no-repeat; background-color:#FFFFFF; } .BG3006{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG3006.jpg); background-position:center top; background-repeat:no-repeat; background-color:#FFFFFF; } .BG3007{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG3007.jpg); background-position:center top; background-repeat:no-repeat; background-color:#73C3FE; } .BG3008{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG3008.jpg); background-position:center top; background-repeat:no-repeat; background-color:#FFFFFF; } .BG3009{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG3009.jpg); background-position:center top; background-repeat:no-repeat; background-color:#FFFFFF; } .BG3010{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG3010.jpg); background-position:center top; background-repeat:no-repeat; background-color:#FFFFFF; } .BG3011{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG3011.jpg); background-position:center top; background-repeat:no-repeat; background-color:#FFFFFF; } .BG3012{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG3012.jpg); background-position:center top; background-repeat:no-repeat; background-color:#043641; } .BG3013{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG3013.jpg); background-position:center top; background-repeat:no-repeat; background-color:#FD628A; } .BG3014{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG3014.png); background-position:center top; background-repeat:no-repeat; } .BG3015{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG3015.png); background-position:center top; background-repeat:no-repeat; } .BG3016{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG3016.png); background-position:center top; background-repeat:no-repeat; } .BG7009{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG7009.jpg) !important; background-position: center top !important; background-repeat: no-repeat !important; } .BG7010{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG7010.jpg) !important; background-position: center top !important; background-repeat: no-repeat !important; } .BG7011{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG7011.jpg) !important; background-position: center top !important; background-repeat: no-repeat !important; } .BG7002{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG7002.jpg) !important; background-position: center top !important; background-repeat: no-repeat !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .BG7003{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG7003.jpg) !important; background-position: center top !important; background-repeat: no-repeat !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .BG7004{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG7004.jpg) !important; background-position: center top !important; background-repeat: no-repeat !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .BG7005{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG7005.jpg) !important; background-position: center top !important; background-repeat: no-repeat !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .BG7006{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG7006.jpg) !important; background-position: center top !important; background-repeat: no-repeat !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .BG7007{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG7007.jpg) !important; background-position: center top !important; background-repeat: no-repeat !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .BG7008{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG7008.jpg) !important; background-position: center top !important; background-repeat: no-repeat !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .BG7012{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG7012.jpg) !important; background-position: center top !important; background-repeat: no-repeat !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*REPEAT*/ .BG6001{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG6001.png); background-position:left top; background-repeat:repeat; } .BG6002{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG6002.png); background-position:left top; background-repeat:repeat; } .BG6003{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG6003.png); background-position:left top; background-repeat:repeat; } .BG6004{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG6004.png); background-position:left top; background-repeat:repeat; } .BG6005{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG6005.png); background-position:left top; background-repeat:repeat; } .BG6006{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG6006.png); background-position:left top; background-repeat:repeat; } .BG6007{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG6007.png); background-position:left top; background-repeat:repeat; } .BG6008{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG6008.png); background-position:left top; background-repeat:repeat; } .BG6009{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG6009.png); background-position:left top; background-repeat:repeat; } .BG6010{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG6010.png); background-position:left top; background-repeat:repeat; } .BG6011{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG6011.png); background-position:left top; background-repeat:repeat; } .BG6012{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG6012.png); background-position:left top; background-repeat:repeat; } .BG6013{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG6013.png); background-position:left top; background-repeat:repeat; } .BG6014{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG6014.png); background-position:left top; background-repeat:repeat; } .BG6015{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG6015.png); background-position:left top; background-repeat:repeat; } .BG6016{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG6016.png); background-position:left top; background-repeat:repeat; } .BG6017{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG6017.png); background-position:left top; background-repeat:repeat; } .BTL01{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/bkg_pat_01.png); background-position:left top; background-repeat:repeat; } .BTL02{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/bkg_pat_02.png); background-position:left top; background-repeat:repeat; } .BTL03{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/bkg_pat_03.png); background-position:left top; background-repeat:repeat; } .BTL04{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/bkg_pat_04.png); background-position:left top; background-repeat:repeat; } .BTL05{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/bkg_pat_05.png); background-position:left top; background-repeat:repeat; } .BTL06{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/bkg_pat_06.png); background-position:left top; background-repeat:repeat; } .BTL07{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/bkg_pat_07.png); background-position:left top; background-repeat:repeat; } .BTL08{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/bkg_pat_08.png); background-position:left top; background-repeat:repeat; } .BTL09{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/bkg_pat_09.png); background-position:left top; background-repeat:repeat; } .BTL10{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/bkg_pat_10.png); background-position:left top; background-repeat:repeat; } .BTL11{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/bkg_pat_11.png); background-position:left top; background-repeat:repeat; } .BTL12{ background-image:url(/service/2.29.1/component_statics/fr/_/background//imgs/bkg_pat_12.png); background-position:left top; background-repeat:repeat; } /* Editus */ .BG001{background:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG001.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/service/2.29.1/component_statics/fr/_/background//imgs/BG001.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/service/2.29.1/component_statics/fr/_/background//imgs/BG001.png', sizingMethod='scale')";} .BG002{background:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG002.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/service/2.29.1/component_statics/fr/_/background//imgs/BG002.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/service/2.29.1/component_statics/fr/_/background//imgs/BG002.png', sizingMethod='scale')";} .BG003{background:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG003.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/service/2.29.1/component_statics/fr/_/background//imgs/BG003.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/service/2.29.1/component_statics/fr/_/background//imgs/BG003.png', sizingMethod='scale')";} .BG004{background:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG004.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/service/2.29.1/component_statics/fr/_/background//imgs/BG004.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/service/2.29.1/component_statics/fr/_/background//imgs/BG004.png', sizingMethod='scale')";} .BG005{background:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG005.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/service/2.29.1/component_statics/fr/_/background//imgs/BG005.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/service/2.29.1/component_statics/fr/_/background//imgs/BG005.png', sizingMethod='scale')";} .BG006{background:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG006.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/service/2.29.1/component_statics/fr/_/background//imgs/BG006.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/service/2.29.1/component_statics/fr/_/background//imgs/BG006.png', sizingMethod='scale')";} .BG007{background:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG007.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/service/2.29.1/component_statics/fr/_/background//imgs/BG007.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/service/2.29.1/component_statics/fr/_/background//imgs/BG007.png', sizingMethod='scale')";} .BG008{background:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG008.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/service/2.29.1/component_statics/fr/_/background//imgs/BG008.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/service/2.29.1/component_statics/fr/_/background//imgs/BG008.png', sizingMethod='scale')";} .BG009{background:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG009.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/service/2.29.1/component_statics/fr/_/background//imgs/BG009.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/service/2.29.1/component_statics/fr/_/background//imgs/BG009.png', sizingMethod='scale')";} .BG010{background:url(/service/2.29.1/component_statics/fr/_/background//imgs/BG010.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/service/2.29.1/component_statics/fr/_/background//imgs/BG010.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/service/2.29.1/component_statics/fr/_/background//imgs/BG010.png', sizingMethod='scale')";} /*CUSTOM*/ .BG-custom.scale-mode {background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%; -moz-background-size:100%; -o-background-size:100%; background-size:100%; } .BG-custom.repeat-mode {background-position:left top; background-repeat:repeat;} .BG-custom.no-repeat-mode {background-position:center top; background-repeat:no-repeat;} /*HEADER BACKGROUND*/ .component.background.header_view.primary {background:#50276B; color:#FFFFFF;} .component.background.header_view.secondary {background:#7A578F; color:#FFFFFF;} .component.background.header_view.additional {background:#281436; color:#FFFFFF;} .component.background.header_view.no-background {background:none;} /* ``links`` component */ .component.links .links-items{padding:0;list-style-type:none} /* ``brochures`` component */ .brochures .brochures-items{padding:0;list-style-type:none} /* ``mba`` component */ /* loading indicator */ .component.mba .mba-main:after { content: ""; display: block; background: url(/service/2.29.1/component_statics/fr/_/mba//imgs/loading.gif) no-repeat center center; width: 100%; height: 240px; } /* No mode -> loading... */ .component.mba .mba-main-content, .component.mba.alternate-mode .mba-main, .component.mba.main-mode .mba-main:after, .component.mba.alternate-mode .mba-main:after { display: none; } .component.mba.main-mode .mba-main-content { display: block; } /* We can't really hide the mba-alternate element because it prevent size calculations in * Javascript code (such as the jquery scrollbars), so we make it invisible instead */ .component.mba .mba-alternate { position: absolute; visibility: hidden; width: 100%; } .component.mba.alternate-mode .mba-alternate { position: inherit; visibility: inherit; width: inherit; } /* we need that when mba-alternative is invisible to allow proper size calculations */ .component.mba { position: relative; } /* we don't want to break the positioning of mba-alternate content when it is visible */ .component.mba.alternate-mode { position: static; } .component.mba .mba-main .mba-offers { padding: 0; list-style: none; } .component.mba .mba-main .mba-offers-wrapper, .component.mba .mba-main .mba-offers, .component.mba .mba-main .mba-offers .offer { width: 100%; overflow: hidden; } .component.mba .mba-main .mba-offers img { width: 100%; } .component.mba .mba-main .mba-offers .offer { margin-right: 10px; } /* ``catalog_carousel`` component */ .component.catalog_carousel.cluster_view .product-slider, .component.catalog_carousel.default_view .product-slider{overflow: hidden;} /* start collapsed to prevent a glitch */ .component.catalog_carousel.cluster_view, .component.catalog_carousel.default_view {display: none; position: relative;} .component.catalog_carousel.cluster_view.expanded, .component.catalog_carousel.default_view.expanded {display: block} .component.catalog_carousel.default_view .item-container {padding:0; list-style: none;} .component.catalog_carousel.default_view .item-container .internal_component {display: inline-block} /* ``catalog_highlights`` component */ .component.catalog_highlights.default_view .product-slider{overflow: hidden;} /* start collapsed to prevent a glitch */ .component.catalog_highlights.default_view .highlights-content {display: none; position: relative;} .component.catalog_highlights.default_view .highlights-content.expanded {display: block} /* ``vertical_layout`` component */ .vertical_layout > ul.item-container { padding: 0; list-style: none outside none; } .vertical_layout .item { display: block; margin: 0 auto; } /* ``adhesive`` component */ .component.adhesive{ display: none; } /* ``videos`` component */ .component.videos .video_player_wrapper { position: relative; width: 100%; padding-bottom: 75%; /* 4:3 ratio */ } .component.videos .video_player { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .component.videos .video_player.editus embed{ width: 100%; height: 100%; } .component.videos .videos_items { margin: 0; padding: 0; list-style: none; overflow: hidden; margin-left: -10px; } .component.videos .videos_items .item .video_data { display:none; } /* by default, the items are displayed horizontally */ .component.videos .videos_items .item { display: block; float: left; overflow: hidden; width: 170px; height: auto; } .component.videos .videos_items .item .video_link { margin: 0 0 10px 10px; } .component.videos .video_link { display: block; position: relative; } .component.videos .video_link:hover:after { content: ""; display: block; width: 48px; height: 69px; background: url("/service/2.29.1/component_statics/fr/_/videos//img/video-play.png") no-repeat scroll 0 0; position: absolute; top: 50%; left: 50%; margin: -34px 0 0 -24px; } .component.videos .video_image { display: block; width: 100%; height: auto; min-width: none; max-width: none; min-height: none; max-height: none; } .component.videos .videos_items { margin-top: 30px; } /* default view customizations */ .component.videos.default_view .current_video .video_player_wrapper { margin-bottom: 20px } @media screen and (min-width:769px){ .component.videos.default_view .videos_content { display: table; width: 100%; } .component.videos.default_view .videos_content .current_video { display: table-cell; vertical-align: top; width: 100%; } .component.videos.default_view .videos_content .videos_items { display: table-cell; vertical-align: top; } .component.videos.default_view .videos_content .videos_items .item { margin-right: 0; margin-left: 3px; } } /* Editus legacy view */ .component.videos.editus_view { margin: 10px 0; } /* .component.videos.short_view .link_item:hover{opacity : 0.8; -moz-opacity : 0.8; -ms-filter: "alpha(opacity=80)"; filter : alpha(opacity=80);} .component.videos .videos_items .visual_item{min-height: 120px;} */ /* ``menu`` component */ .menu.editus-mobile-overlay_view .x-overlay-menu{ margin-left: 10px;padding: 5px;} .component.menu a {word-wrap: break-word; outline: 0 none;} /* ``languages`` component */ .component.languages .available-languages { list-style: none; padding: 0; } /* flags icons */ .component.languages.with_icons .flag { display: inline-block; overflow: hidden; font-size: 0; /* hide the text but not the :before and :after elements */ } .component.languages.with_icons .flag:before { content: ""; display: inline-block; vertical-align: middle; background: url(/service/2.29.1/component_statics/fr/_/languages//img/languages-flags.png); width: 19px; height: 13px; } .component.languages.with_icons .flag.fr:before { background-position: 0 0; } .component.languages.with_icons .flag.lb:before { background-position: -27px 0; } .component.languages.with_icons .flag.de:before { background-position: -53px 0; } .component.languages.with_icons .flag.en:before { background-position: -80px 0; } .component.languages.with_icons .flag.it:before { background-position: -109px 0; } .component.languages.with_icons .flag.pt:before { background-position: -136px 0; } /* default view */ .component.languages.default_view .available-languages .item { display: inline-block; } /* dropdown view */ .component.languages.dropdown_view .available-languages{ display: none; padding: 5px; background: #FFF; } .component.languages.dropdown_view .available-languages.opened { display: block; } /* dropdown indicator */ .component.languages.dropdown_view .active .flag:after { content: "▼"; display: inline-block; vertical-align: middle; margin-left: 5px; font-size: 10px; line-height: 1; } /* ``threesixties`` component */ .component.threesixties .threesixty_player { display: block; width: 100%; height: 337px; } .component.threesixties .threesixties_items { margin: 0; padding: 0; list-style: none; overflow: hidden; margin-left: -10px; } /* by default, the items are displayed horizontally */ .component.threesixties .threesixties_items .item { display: block; float: left; overflow: hidden; width: 170px; height: auto; } .component.threesixties .threesixties_items .item .threesixty_link { margin: 0 0 10px 10px; } .component.threesixties .threesixty_link { display: block; position: relative; } .component.threesixties .threesixty_link:hover:after { content: ""; display: block; width: 48px; height: 69px; background: url("/service/2.29.1/component_statics/fr/_/threesixties//img/pano-play.png") no-repeat scroll 0px 0px; position: absolute; top: 50%; left: 50%; margin: -34px 0 0 -24px; } .component.threesixties .threesixty_image { display: block; width: 100%; height: auto; min-width: none; max-width: none; min-height: none; max-height: none; } .component.threesixties .threesixties_items { margin-top: 30px; } /* default view customizations */ .component.threesixties.default_view .current_threesixty .threesixty_player { margin-bottom: 20px } @media screen and (min-width:769px){ .component.threesixties.default_view .threesixties_content { display: table; width: 100%; } .component.threesixties.default_view .threesixties_content .current_threesixty { display: table-cell; vertical-align: top; width: 100%; } .component.threesixties.default_view .threesixties_content .threesixties_items { display: table-cell; vertical-align: top; } .component.threesixties.default_view .threesixties_content .threesixties_items .item { margin-right: 0; margin-left: 3px; } } /* ``site_title`` component */ .site_title.with_link_view .title_link { text-decoration: none; color: inherit; } /* ``carousel`` component */ /* start collapsed to prevent a glitch */ .component.carousel.default_view { display: none; position: relative; } .component.carousel.default_view.expanded { display: block; } .component.carousel.default_view .carousel-container-wrapper { overflow: hidden; } .component.carousel.default_view .item-container { padding: 0; list-style: none; } /* ``presentation`` component */ .presentation {text-align: left;} /* ``booking`` component */ /*********************************/ /*reservation*/ /*********************************/ @font-face { font-family: 'icomoon_point_of_sale'; src: url(/service/2.29.1/component_statics/fr/_/booking//fonts/icomoon_point_of_sale.eot); src: url(/service/2.29.1/component_statics/fr/_/booking//fonts/icomoon_point_of_sale.eot?#iefix) format('embedded-opentype'), url(/service/2.29.1/component_statics/fr/_/booking//fonts/icomoon_point_of_sale.woff) format('woff'), url(/service/2.29.1/component_statics/fr/_/booking//fonts/icomoon_point_of_sale.ttf) format('truetype'), url(/service/2.29.1/component_statics/fr/_/booking//fonts/icomoon_point_of_sale.svg#icomoon) format('svg'); font-weight: normal; font-style: normal; } .component.booking .booking-button { font-weight: bold; color: white; background: #a6a6a6; text-decoration: none; border-radius: 8px; padding: 0 28px; display: inline-block; height: 40px; line-height: 40px } .component.booking .booking-button:hover { background: #737373 } .component.booking.default_view { position: relative; padding: 7px 0 0 38px; margin-bottom: 23px } .component.booking.default_view:before { display: inline-block; content: "\e607"; font-size: 19px; color: #33332d; font-family: icomoon_point_of_sale; position: absolute; top: 10px; left: 0; font-weight: normal; } .component.booking .booking-iframe.clicrdv-booking-iframe { width: 100%; height: 600px; border: 0px; } /* ``popin`` component */ /* overlay */ .component.popin { /* take all the available space on screen */ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; cursor: pointer; /* semi-transparent black background */ background: none; /* IE */ background-color: rgba(0, 0, 0); /* fallback for older browsers */ background-color: rgba(0, 0, 0, 0.9); /* modern browsers */ -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5000000,endColorstr=#E5000000); /* IE 8 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5000000,endColorstr=#E5000000); /* IE < 8 */ zoom: 1; /* IE */ /* opacity animation */ opacity: 1; -webkit-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } .component.popin.closed { visibility: hidden; /* don't use display none here because it prevents the inner components from performing size calculations */ opacity: 0; /* for opacity animation */ z-index: -1; /* Fixes the popin overlay when she is closed */ left: -9999px; /* Fixes the popin overlay when she is closed */ } /* inner content */ .component.popin > .popin-content { background: #FFF; width: 480px; margin: 50px auto 0; padding: 10px 30px 30px; cursor: default; list-style: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5); -o-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5); } /* ``schedule`` component */ /*********************************/ /* Schedule */ /*********************************/ @font-face { font-family: 'icomoon_point_of_sale'; src: url(/service/2.29.1/component_statics/fr/_/schedule//fonts/icomoon_point_of_sale.eot); src: url(/service/2.29.1/component_statics/fr/_/schedule//fonts/icomoon_point_of_sale.eot?#iefix) format('embedded-opentype'), url(/service/2.29.1/component_statics/fr/_/schedule//fonts/icomoon_point_of_sale.woff) format('woff'), url(/service/2.29.1/component_statics/fr/_/schedule//fonts/icomoon_point_of_sale.ttf) format('truetype'), url(/service/2.29.1/component_statics/fr/_/schedule//fonts/icomoon_point_of_sale.svg#icomoon) format('svg'); font-weight: normal; font-style: normal; } .component.schedule .opening_hours{position:relative;list-style-type:none;padding:0 0 0 38px;} .component.schedule .opening_hours:before{display:inline-block;content:"\e606";font-size:18px;color:#33332d;font-family:icomoon_point_of_sale;position:absolute;top:-3px;left:0} .component.schedule .closing_periods{list-style-type:none} .component.schedule .richtext{padding:0 0 0 38px;} /* Editus view */ .component.schedule.editus_view .schedules {float: left; width: 281px;margin-bottom: 10px;text-align:left} .component.schedule.editus_view .schedules tr {line-height:14px;} .component.schedule.editus_view .schedules th{width: 100px;padding:5px;text-transform:capitalize;width: 30%;} .component.schedule.editus_view .schedules td{text-align: center;padding:5px;width: 30%;} .component.schedule.editus_view .schedules .pair, .component.schedule.editus-mobile_view .schedules .pair{background-color:#FFFFFF;} .component.schedule.editus_view .schedules .impair, .component.schedule.editus-mobile_view .schedules .impair{background-color:#F1F1F1;} .component.schedule.editus-mobile_view .schedules .hidden_part{visibility:hidden; /* Only on mobile !*/} .component.schedule.editus_view .richtext.free_text{font-weight: bold;font-size: 0.95em;padding-left: 10px;line-height: 18px;} /* ``business_provider`` component */ .component.business_provider.default_view {display:table} .component.business_provider.default_view .block {display:table-cell;vertical-align:middle} .component.business_provider.default_view .logo-block{vertical-align: middle} .component.business_provider.default_view .logo-block .logo {width:81px; height:auto;margin:0 15px 5px 10px;} .component.business_provider.default_view .overview-block .name{font-weight:bold;display:block} /* ``slider`` component */ .component.slider { position: relative; } .component.slider, .component.slider * { -moz-box-sizing: border-box; box-sizing: border-box; } .component.slider .visual { margin: 0 auto; background-size: cover; background-repeat: no-repeat; background-position: center center; } .component.slider>.item-container { list-style-type: none; padding: 0; height: 0; overflow: hidden; } .component.slider>.item-container>.item { position: absolute; top: 0; left: 0; display: none; } .component.slider>.item-container>.item { width: 100%; } .component.slider>.item-container>.item .content { display: block; position: absolute; right: 20px; left: auto; bottom: 10%; width: 60%; max-height: 80%; /* pseudo padding where the content does not overflow */ border: 15px solid transparent; border-left-width: 20px; border-right-width: 20px; overflow: hidden; z-index: 2; } .component.slider.with_site_title_view>.item-container>.item .content .site-title, .component.slider > .item-container > .item .content .title, .component.slider > .item-container > .item .content .text{word-wrap: break-word;} .component.slider>.item-container>.item .content .title { display: block; margin: 0 0 10px; padding: 0; } .component.slider>.item-container>.item .content *:last-child { margin-bottom: 0; } /* Navigation Buttons */ .component.slider .slider-buttons { position: absolute; bottom: 0; left: 0; padding: 10px; z-index: 3; line-height: 0; } .component.slider .slider-buttons .slider-button { display: inline-block; outline: 0; width: 12px; height: 12px; border-radius: 6px; background: #FFF; opacity: 0.7; } .component.slider .slider-buttons .slider-button.active, .component.slider .slider-buttons .slider-button:hover { background: #FFF; opacity: 1; } .component.slider .slider-buttons .slider-button+.slider-button { margin-left: 5px; } /* Navigation Arrows */ .component.slider .slider-arrows { position: absolute; top: 50%; width: 100%; z-index: 3; line-height: 1em; /* adapt depending on icon & size */ font-size: 48px; font-weight: bold; margin-top: -24px; } .component.slider .slider-arrows .slider-arrow { position: absolute; color: #000; text-decoration: none; outline: 0; } .component.slider .slider-arrows .slider-arrow.previous { left: 10px; } .component.slider .slider-arrows .slider-arrow.next { right: 10px; } .component.slider .slider-arrows .slider-arrow.previous:before { display: inline-block; /* put the real icon here */ content: '\2329'; } .component.slider .slider-arrows .slider-arrow.next:after { display: inline-block; /* put the real icon here */ content: '\232A'; } /* Slider left styles */ .component.slider.slider_left>.item-container>.item .content{ left: 20px; right: auto; } .component.slider.slider_left .slider-buttons { left: auto; right: 6px; } /* Slider color styles */ .component.slider>.item-container>.item .content { background: #FFF; } .component.slider>.item-container>.item .content .site-title, .component.slider>.item-container>.item .content .title, .component.slider>.item-container>.item .content .text { color: #000; } .component.slider>.item-container>.item .content { opacity: 0.8; } .component.slider.slider_a>.item-container>.item .content { opacity: 1.0; } .component.slider.slider_b>.item-container>.item .content, .component.slider.slider_c>.item-container>.item .content { background-color: #5C5E59; } .component.slider.slider_c>.item-container>.item .content .site-title, .component.slider.slider_c>.item-container>.item .content .title, .component.slider.slider_c>.item-container>.item .content .text { color: #FFF; } .component.slider.slider_d>.item-container>.item .content .site-title, .component.slider.slider_d>.item-container>.item .content .title, .component.slider.slider_d>.item-container>.item .content .text { opacity: 0.8; } /* with_site_title view */ .component.slider.with_site_title_view>.item-container>.item .content { background-color: #000; position: absolute; width: auto; left: 15%; right: 15%; bottom: 5%; } .component.slider.with_site_title_view>.item-container>.item .content .site-title, .component.slider.with_site_title_view>.item-container>.item .content .title, .component.slider.with_site_title_view>.item-container>.item .content .text { color: #FFF; } /* Responsive behaviour */ @media screen and (max-width:480px){ .component.slider{height:auto;min-height:154px;margin-bottom:15px} .component.slider .item-container{min-height:154px} .component.slider .visual{max-height:154px;height:154px} .component.slider .visual .visual-item{height:154px;visibility:hidden} .component.slider > .item-container > .item .content{ position: relative;width:100%;z-index: 2;background:#ffffff;opacity: 1;top:0;left:0;right:inherit} .component.slider.slider_left>.item-container>.item .content{left:0;} .component.slider .slider-buttons{bottom:inherit;top:122px} .component.slider .slider-arrows{top:77px;} /* with_site_title view */ .component.slider.with_site_title_view>.item-container>.item .content { background-color: #FFF; position: static; } .component.slider.with_site_title_view>.item-container>.item .content .site-title, .component.slider.with_site_title_view>.item-container>.item .content .title, .component.slider.with_site_title_view>.item-container>.item .content .text { color: #000; } } /* ``catalog`` component */ /* TODO: font should be moved? */ @font-face { font-family: 'icomoon_catalog'; src: url('/service/2.29.1/component_statics/fr/_/catalog//fonts/icomoon_catalog.eot'); src: url('/service/2.29.1/component_statics/fr/_/catalog//fonts/icomoon_catalog.eot?#iefix') format('embedded-opentype'), url('/service/2.29.1/component_statics/fr/_/catalog//fonts/icomoon_catalog.woff') format('woff'), url('/service/2.29.1/component_statics/fr/_/catalog//fonts/icomoon_catalog.ttf') format('truetype'), url('/service/2.29.1/component_statics/fr/_/catalog//fonts/icomoon_catalog.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; } .component.catalog.payments_banner_view { text-align: center; } .component.catalog.payments_banner_view img { max-width: 100%; } /* Editus Legacy */ /* comp catalog */ .catalog.editus_view .listing .product img { float: left; margin-right: 5px; max-width: 100px; max-height: 100px; } .catalog.editus_view .product .titre { font-size: 1.1em; } .catalog.editus_view .thumbnails .product .titre { font-size: 0.85em; } .catalog.editus_view .product { padding: 15px; border: 1px solid #cccccc; margin-top: 10px; min-height: 100px; } .catalog.editus_view .product .description { font-size: 0.85em; } .catalog.editus_view .product .description p { margin-top: 5px; margin-bottom: 10px; } .catalog.editus_view .product .title { display: inline; font-size: 1.1em; font-weight: bold; } .catalog.editus_view .thumbnails .product { width: 177px; min-height: 239px; padding: 13px 0 0 0; border: 1px solid #cccccc; margin-bottom: 18px; text-align: center; -moz-border-radius: 10px; margin-right: 5px; float: left; } .catalog.editus_view .thumbnails .product .diapoPrix { margin-top: 5px; } .catalog.editus_view .thumbnails .product img { margin-bottom: 5px; max-width: 148px; max-height: 148px; } .catalog.editus_mobile_view table { color:black; } .catalog.editus_mobile_view img { max-width: 100px; max-height: 100px; } .catalog.editus_mobile_pagination_view .menu2 .menu-active td { font-size: 10pt; text-decoration: none; color: white; font-weight: bold; } /* Display modes */ .catalog.editus_display_mode_view a, .catalog.editus_pagination_view li a { text-decoration: none; } .catalog.editus_display_mode_view li, .catalog.editus_pagination_view li { float: left; padding: 0 5px; } .catalog.editus_display_mode_view a.display_mode { margin-left: 5px; } .catalog.editus_pagination_view .active a { color: white; } .catalog.editus_pagination_view { margin-left: 209px; } .catalog.editus_mobile_pagination_view table { color: black; } .catalog.editus_mobile_pagination_view .menu-active table { color: white; } .catalog.editus_view .listing .product .product_price { font-weight: bold; float: right; margin-left: 15px; min-height: 60px; padding-right: 18px; font-size: 1.25em; } .catalog.editus_view .listing .product .ref .label { font-weight: bold; } /* ``social_sharing`` component */ .component.social_sharing .gplus, .component.social_sharing .tweet, .component.social_sharing .fb, .component.social_sharing .fb-link, .component.social_sharing .share-by-email, .component.social_sharing .share-by-sms { display: inline-block; width: 16px; height: 16px; background-size: 100%; background-repeat: no-repeat; } .component.social_sharing.share_by_email_view, .component.social_sharing.share_by_sms_view { display: inline-block; } .component.social_sharing .gplus { background-image: url(/service/2.29.1/component_statics/fr/_/social_sharing//imgs/gplus.gif); } .component.social_sharing .tweet { background-image: url(/service/2.29.1/component_statics/fr/_/social_sharing//imgs/tweet.gif); } .component.social_sharing .fb { background-image: url(/service/2.29.1/component_statics/fr/_/social_sharing//imgs/fb.gif); } .component.social_sharing .fb-link { background-image: url(/service/2.29.1/component_statics/fr/_/social_sharing//imgs/fb-link.png); } .component.social_sharing .share-by-email { background-image: url(/service/2.29.1/component_statics/fr/_/social_sharing//imgs/email.png); } .component.social_sharing .share-by-sms { background-image: url(/service/2.29.1/component_statics/fr/_/social_sharing//imgs/sms.png); } .component.social_sharing .fb-like { border: none; overflow: hidden; height: 20px; width: 120px; } .component.social_sharing .captcha .captcha-image { height: 40px; width: 145px; } .component.social_sharing .mandatory.field label:after, .component.social_sharing .mandatory-message:before { content: "*"; display: inline-block; } .component.social_sharing .mandatory.field label.captcha-label:after { display: none; } .component.social_sharing .share-by-email-form a, .component.social_sharing .share-by-email-form input, .component.social_sharing .share-by-email-form button, .component.social_sharing .share-by-email-form select, .component.social_sharing .share-by-email-form textarea, .component.social_sharing .share-by-email-form .button, .component.social_sharing .share-by-sms-form a, .component.social_sharing .share-by-sms-form input, .component.social_sharing .share-by-sms-form button, .component.social_sharing .share-by-sms-form select, .component.social_sharing .share-by-sms-form textarea, .component.social_sharing .share-by-sms-form .button { cursor: pointer } .component.social_sharing .share-by-email-form textarea, .component.social_sharing .share-by-sms-form textarea { -webkit-overflow-scrolling: touch; } /**************** * Badge plugins * *****************/ .component.social_sharing.facebook_badge_view, .component.social_sharing.google_plus_badge_view, .component.social_sharing.linkedin_badge_view, .component.social_sharing.twitter_badge_view { display: inline-block; position: relative; overflow: visible; } .component.social_sharing .badge-button-label { outline: 0; } @media screen and (min-width: 481px) { .component.social_sharing .badge-button-label { /* In the associated Javascript code, setting the cursor property to "default" disables the link navigation and enables the badge popin instead... */ cursor: default; } } .component.social_sharing .badge-popin { position: absolute; top: 100%; left: 0; background-color: #FFF; } .component.social_sharing .badge-popin.closed { /* Note: we can't use display:none or visibility: hidden to hide the popin because the badge plugins don't cope with that. So we move it off-screen */ opacity: 0; left: -9999px; } .component.social_sharing .twitter-badge { padding: 5px; } /* ``address`` component */ /*********************************/ /* Address */ /*********************************/ @font-face { font-family: 'icomoon_point_of_sale'; src: url(/service/2.29.1/component_statics/fr/_/address//fonts/icomoon_point_of_sale.eot); src: url(/service/2.29.1/component_statics/fr/_/address//fonts/icomoon_point_of_sale.eot?#iefix) format('embedded-opentype'), url(/service/2.29.1/component_statics/fr/_/address//fonts/icomoon_point_of_sale.woff) format('woff'), url(/service/2.29.1/component_statics/fr/_/address//fonts/icomoon_point_of_sale.ttf) format('truetype'), url(/service/2.29.1/component_statics/fr/_/address//fonts/icomoon_point_of_sale.svg#icomoon) format('svg'); font-weight: normal; font-style: normal; } .component.address.default_view, .component.address.long_view, .component.address.short_view {position:relative;padding:0 0 0 38px;margin-bottom:23px} .component.address.default_view:before, .component.address.long_view:before, .component.address.short_view:before{display:inline-block;content:"\e601";font-size:23px;color:#33332d;font-family:icomoon_point_of_sale;font-style:normal;line-height:1;position:absolute;top:0;left:0} /* ``contact_form`` */ .contact_form a, .contact_form input, .contact_form button, .contact_form select, .contact_form textarea, .contact_form .button {cursor: pointer} .contact_form textarea {-webkit-overflow-scrolling: touch;} .contact_form.default_view .contact_form_send{clear:both} .contact_form .nagare-error-input input[type="text"], .contact_form .nagare-error-input textarea{border-color:red} .contact_form .nagare-error-message{color:red} .map_share_form .map_form_error{color:red} .map_share_form .map_share_actions {overflow: hidden} .map_share_form .map_share_actions .send {float: right} .map_share_form .map_share_actions .cancel{float: left} .map_share_form .button{font-weight:bold;color:white;text-decoration:none;border-radius:8px;padding:15px 8px;display:inline-block;border:0;background: #a6a6a6;} .map_share_form .button:hover{background:#737373} .contact_form .mandatory.field label:after, .contact_form .mandatory-message:before {content: "*"; display: inline-block} .contact_form .mandatory.field label.captcha-label:after {display:none} /* Editus */ .component.contact.editus_contact_form_view .title{width:582px;height:26px;font-size:1.3em;color:#fff;padding:5px 10px;font-weight:normal;margin:0 0 0.4em;} .component.contact.editus_contact_form_view .title label{font-size:0.9em;font-weight:bold;} .component.contact.editus_contact_form_view form{width:587px;} .component.contact.editus_contact_form_view .sender_name_field, .component.contact.editus_contact_form_view .sender_firstname_field, .component.contact.editus_contact_form_view .sender_email_field, .component.contact.editus_contact_form_view .sender_tel_field {display:block;float:left;width:calc(50% - 2.5px);box-sizing:border-box;} .component.contact.editus_contact_form_view .sender_name_field, .component.contact.editus_contact_form_view .sender_email_field{margin-right:5px;} .component.contact.editus_contact_form_view .subject_field, .component.contact.editus_contact_form_view .sender_message_field{display:block;clear:both;width:100%;box-sizing:border-box;} .component.contact.editus_contact_form_view input{margin-bottom:3px;} .component.contact.editus_contact_form_view textarea{min-height:240px} .component.contact.editus_contact_form_view {float: left;} .component.contact.editus_contact_form_view .send_button{clear:both;float:right;margin: 10px 0px;border:0 none;padding-bottom:8px;width:115px;height:34px;text-align:center;color:#fff;font-weight:bold;font-size:1.2em;} .component.contact.editus_contact_form_view .captcha {overflow:hidden; margin: 0;} .component.contact.editus_contact_form_view .captcha .captcha-text{display: inline-block;} .component.contact.editus_contact_form_view .captcha .captcha-label{margin: 3px 5px; float: right; clear:both;} .component.contact.editus_contact_form_view .captcha .captcha-input {width: 195px; float: right; clear:both} .component.contact.editus_contact_form_view .nagare-error-message {display:none} .component.contact.editus_contact_form_view .contact_form_intro {font-weight: bold;} .component.contact.editus_contact_form_view input[type="checkbox"] {margin-top:3px; margin-right:1px;} .component.contact.editus_contact_form_view .nagare-error-input input, .component.contact.editus_contact_form_view .nagare-error-input textarea{border: 1px solid red;padding:2px 1px;outline:none} /* ``photos`` component */ /* All elements in border-box mode by default */ .component.photos { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .component.photos * { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } /* images in "normal" mode */ .component.photos .img { max-width: 100%; max-height: 100%; } /* images in "cover" mode */ .component.photos .img-cover { background: center center no-repeat; background-size: cover; max-width: none; max-height: none; min-width: 100%; min-height: 100%; } /******************************** * General design for galleries * ********************************/ /* zoom */ .component.photos .zoom .label { margin-right: 10px; } .component.photos .zoom .label, .component.photos .zoom .zoom-min-size, .component.photos .zoom .zoom-max-size, .component.photos .zoom .zoom-level { display: inline-block; vertical-align: middle; } .component.photos .zoom .zoom-min-size, .component.photos .zoom .zoom-max-size { text-indent: -9999px; overflow: hidden; width: 27px; height: 27px; } .component.photos .zoom .zoom-min-size { background: url(/service/2.29.1/component_statics/fr/_/photos//imgs/zoom.png) no-repeat 0 0; } .component.photos .zoom .zoom-max-size { background: url(/service/2.29.1/component_statics/fr/_/photos//imgs/zoom.png) no-repeat -27px 0; } .component.photos .zoom .zoom-level { background: url(/service/2.29.1/component_statics/fr/_/photos//imgs/zoom.png) no-repeat scroll -61px 0; height: 27px; width: 202px; margin: 0 9px; position: relative; } .component.photos .zoom .zoom-level .cursor { background-color: #7A578F; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 2px solid #FFF; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); cursor: pointer; height: 15px; width: 15px; margin-left: -7px; position: absolute; top: 6px; left: 126px; } /* paging */ .component.photos .paging { display: block; } .component.photos .paging.hidden { display: none; } .component.photos .paging .label { margin-right: 10px; } .component.photos .paging .pages { margin: 0; padding: 0; list-style: none; display: inline-block; } .component.photos .paging .pages li { display: inline-block; margin: 0; padding: 0; } .component.photos .paging .pages li + li { margin-left: 13px; } .component.photos .paging .pages a { display: inline-block; text-decoration: none; color: #474747; } .component.photos .paging .pages .active a { font-weight: bold; color: #281436; } /* photos list */ .component.photos .gallery-photos { display: block; list-style: none; padding: 0; margin: 20px 0; overflow: hidden; /* because we contain floats */ } .component.photos .gallery-photos .item { display: block; text-align: center; float: left; width: 100%; /* default width */ padding: 0; margin: 0; -webkit-transition: width 1s ease; transition: width 1s ease; } /* items spacings */ .component.photos .gallery-photos .photo { margin: 0 0 20px 20px; } .component.photos .gallery-photos { margin-left: -20px; /* cancel the first column margin left */ margin-bottom: 0px; /* cancel the last row bottom margin */ } /* image ratio */ .component.photos .gallery-photos .photo .image { display: block; position: relative; width: 100%; /* we want the block height to depend on its width, so we use a vertical padding instead of a height... */ height: 0; padding-bottom: 100%; /* 1:1 ratio by default */ overflow: hidden; } .component.photos .gallery-photos .photo .image .img { /* since the parent have height set to 0 due to the ratio trick, we need an absolute positioning to set the image height properly */ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } /**************** * Gallery view * ****************/ .component.photos.gallery_view .gallery-nav { background-color: #f0f0f0; color: #474747; padding: 4px 10px; line-height: 27px; overflow: hidden; } .component.photos.gallery_view .gallery-nav .zoom { float: left; } .component.photos.gallery_view .gallery-nav .paging { float: right; } .component.photos.gallery_view .gallery-nav .label { font-weight: bold; } /* gallery_view columns: 8 / 6 / 4 / 2, or 1 in mobile */ .component.photos.gallery_view .gallery-photos .item { width: 25%; } @media screen and (max-width: 480px) { .component.photos.gallery_view .gallery-photos .item { width: 100%; } } .component.photos.gallery_view .gallery-photos.zoom-level-0 .item { width: 12.5%; } .component.photos.gallery_view .gallery-photos.zoom-level-1 .item { width: 16.66%; } .component.photos.gallery_view .gallery-photos.zoom-level-2 .item { width: 25%; } .component.photos.gallery_view .gallery-photos.zoom-level-3 .item { width: 50%; } .component.photos.gallery_view .gallery-photos.zoom-level-0 .item:nth-child(8n+1), .component.photos.gallery_view .gallery-photos.zoom-level-1 .item:nth-child(6n+1), .component.photos.gallery_view .gallery-photos.zoom-level-2 .item:nth-child(4n+1), .component.photos.gallery_view .gallery-photos.zoom-level-3 .item:nth-child(2n+1) { clear: left; /* clear needed because of the varying caption height */ } /* items spacings */ .component.photos.gallery_view .gallery-photos .photo { margin: 0 0 5px 12px; } .component.photos.gallery_view .gallery-photos { margin-left: -12px; /* cancel the first column margin left */ margin-bottom: 15px; } /* photo design */ .component.photos.gallery_view .gallery-photos .photo .image { border: 1px solid #d8d8d8; } .component.photos.gallery_view .gallery-photos .photo .image:hover { border-color: #7A578F; } .component.photos.gallery_view .gallery-photos .photo .image .img { padding: 4%; } .component.photos.gallery_view .gallery-photos .photo .caption .legend { margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .component.photos.gallery_view .gallery-photos .photo .caption .description, .component.photos.gallery_view .gallery-photos .photo .caption .counter { display: none; } /********************** * Gallery light view * **********************/ .component.photos.gallery_light_view .gallery-photos .photo .image { padding-bottom: calc(100% * 2 / 3); /* force a 3:2 aspect ratio */ } @media screen and (min-width: 481px) { .component.photos.gallery_light_view .gallery-photos .item { width: 50%; } } @media screen and (min-width: 769px) { .component.photos.gallery_light_view .gallery-photos .item { width: 33.3%; } } .component.photos.gallery_light_view .gallery-nav { text-align: center; } /********************** * Gallery short view * **********************/ .component.photos.gallery_short_view .gallery-photos { display: block; padding: 0; list-style: none; margin-left: -10px; /* cancel the first column margin left */ overflow: hidden; /* because we contain floats */ } .component.photos.gallery_short_view .gallery-photos .item { display: block; text-align: center; float: left; width: 50%; padding: 0; margin: 0; } .component.photos.gallery_short_view .gallery-photos .photo { margin: 0 0 10px 10px; } .component.photos.gallery_short_view .gallery-photos .photo .image { display: inline-block; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; position: relative; } .component.photos.gallery_short_view .gallery-photos .photo .image .img { /* since the parent have height set to 0, we need this absolute positioning trick to set the image height */ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .component.photos.gallery_short_view .gallery-photos .photo .caption .legend { display: none; } .component.photos.gallery_short_view .gallery-photos .photo .caption .description, .component.photos.gallery_short_view .gallery-photos .photo .caption .counter { display: none; } @media screen and (max-width:480px) { .component.photos.gallery_view .gallery-photos .photo .caption .legend { white-space: normal; } } /************* * Slideshow * *************/ .component.photos.slideshow_view .slideshow-content { position: relative; width: calc(100% - 2.4em); height: 100%; margin: auto; } .component.photos.slideshow_view .slideshow-photos { /* This box defines the available space for the image, without the caption and the thumbnails (see "bottom" value for the space reserved). So, the image caption is expected to overflow from this box. */ position: absolute; top: 0; bottom: calc(96px + 13.8rem); left: 0; right: 0; overflow: visible; } .component.photos.slideshow_view .slideshow-photos .photo { display: none; /* not visible until it's activated */ position: absolute; /* needed for slide effect */ overflow: visible; /* the caption overflows */ width: 100%; height: 100%; } .component.photos.slideshow_view .slideshow-photos .photo.active { display: inline-block; } .component.photos.slideshow_view .slideshow-photos .photo .image { position: relative; width: 100%; height: 100%; outline: 0; } .component.photos.slideshow_view .slideshow-photos .photo .image .img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .component.photos.slideshow_view .slideshow-photos .photo .caption { overflow: hidden; /* should have a total height of 9.6em max */ } .component.photos.slideshow_view .slideshow-photos .caption .legend, .component.photos.slideshow_view .slideshow-photos .caption .counter { font-weight: bold; font-size: 1.2em; line-height: 1.5em; /* equivalent to a 1.8em height */ max-height: 1.5em; /* allow 1 line */ margin: 1em 0; overflow: hidden; } .component.photos.slideshow_view .slideshow-photos .caption .description { font-weight: bold; font-size: 1em; line-height: 1.2em; /* equivalent to a 1.2em height */ max-height: 4.8em; /* allow 4 lines */ margin: 1.2em 0; overflow: hidden; } .component.photos.slideshow_view .slideshow-photos .caption .counter { float: right; margin-left: 1.2em; } .component.photos.slideshow_view .slideshow-thumbnails { position: absolute; bottom: 0; left: 0; right: 0; height: 96px; overflow: hidden; } .component.photos.slideshow_view .slideshow-thumbnails .item-container { display: block; padding: 0; margin: 10px 0; list-style: none; white-space: nowrap; font-size: 0; } .component.photos.slideshow_view .slideshow-thumbnails .item { display: inline-block; padding: 0; margin: 0; font-size: 1em; } .component.photos.slideshow_view .slideshow-thumbnails .photo { width: 115px; margin-right: 10px; } .component.photos.slideshow_view .slideshow-thumbnails .item:last-child { margin-right: 100%; } .component.photos.slideshow_view .slideshow-thumbnails .photo .image { display: block; position: relative; width: 100%; height: 0; padding-bottom: calc(100% / 3 * 2); /* 3:2 ratio */ outline: 0; } .component.photos.slideshow_view .slideshow-thumbnails .photo .img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .component.photos.slideshow_view .slideshow-thumbnails .caption { display: none; } .component.photos.slideshow_view .slideshow-nav-btn { position: absolute; overflow: hidden; text-indent: -9999px; z-index: 1; outline: 0; } .component.photos.slideshow_view .previous { left: 20px; background: url(/service/2.29.1/component_statics/fr/_/photos//imgs/slideshow_left.svg); } .component.photos.slideshow_view .next { right: 20px; background: url(/service/2.29.1/component_statics/fr/_/photos//imgs/slideshow_right.svg); } .component.photos.slideshow_view .previous, .component.photos.slideshow_view .next { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 54px; height: 97px; background-size: 100%; } @media screen and (max-width: 480px) { .component.photos.slideshow_view .previous, .component.photos.slideshow_view .next { width: 30px; height: 54px; } } .component.photos.slideshow_view .close { top: 20px; right: 20px; width: 33px; height: 33px; background: url(/service/2.29.1/component_statics/fr/_/photos//imgs/slideshow_close.svg); background-size: 100%; } @media screen and (max-width: 480px) { .component.photos.slideshow_view .close { width: 20px; height: 20px; } } /* fullscreen in landscape mode (tablet and mobile devices only) */ @media screen and (max-width: 768px) and (orientation: landscape) { .component.photos.slideshow_view .slideshow-thumbnails { display: none; } .component.photos.slideshow_view .slideshow-photos { top: 0; bottom: 0; } } @media screen and (max-width:768px) { .component.photos.slideshow_view .slideshow-photos .photo .image { margin-left: -1.2em; width: calc(100% + 2.4em); /* cancel the 2.4em margin */ } } /******************** * Slideshow popins * ********************/ .component.photos.slideshow_view.popin-content { position: fixed; /* full width & height by default */ width: 100%; height: 100%; /* centered on screen */ top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* cancel default popin content styles */ background: none; box-shadow: none; margin: 0; padding: 0; border-radius: 0; } .component.photos.slideshow_view.popin-content { color: #FFF; } /* ``horizontal_layout`` component */ .horizontal_layout > ul.item-container { padding: 0; list-style: none outside none; } .horizontal_layout > .item-container { clear:both; } .horizontal_layout > .item-container:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear:both; } .horizontal_layout > .item-container > .item { float:left; vertical-align:top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; min-height: 1px; /* make sure the element takes some space, even when its content doesn't (such as an empty div) */ } .horizontal_layout > .item-container.slots-4 > .item { width: 25%; } @media screen and (max-width: 480px) { .horizontal_layout > .item-container.break_at_mobile.slots-4 > .item.item-3 {clear: left; } .horizontal_layout > .item-container.break_at_mobile.slots-4 > .item { width: 50%;} /* Two columns for small widths */ } @media screen and (max-width: 768px) { .horizontal_layout > .item-container.break_at_tablet.slots-4 > .item.item-3 {clear: left; } .horizontal_layout > .item-container.break_at_tablet.slots-4 > .item { width: 50%;} /* Two columns for small widths */ } .horizontal_layout > .item-container.slots-4 > .item.item-3 {clear: left; } @media screen and (min-width: 481px) { .horizontal_layout > .item-container.slots-4 > .item.item-3 { clear: none; } } .horizontal_layout > .item-container.slots-3 > .item { width: 33.33%; } @media screen and (max-width: 480px) { .horizontal_layout > .item-container.break_at_mobile.slots-3 > .item { width: 100%;} /* One column for small widths */ } @media screen and (max-width: 768px) { .horizontal_layout > .item-container.break_at_tablet.slots-3 > .item { width: 100%;} /* One column for small widths */ } .horizontal_layout > .item-container.slots-2 > .item { width: 50% } @media screen and (max-width: 480px) { .horizontal_layout > .item-container.break_at_mobile.slots-2 > .item { width: 100% } /* One column for small widths */ } @media screen and (max-width: 768px) { .horizontal_layout > .item-container.break_at_tablet.slots-2 > .item { width: 100% } /* One column for small widths */ } .horizontal_layout > .item-container.slots-1 > .item { width: 100%; } .horizontal_layout > .item-container > .item.no-item-width { width: auto; } /* ``legal_notice`` component */ .component.legal_notice.editus_view .label{font-weight:bold;} .component.legal_notice.editus_view.mobile .title{display:none;} .component.legal_notice.advertiser_view .provider-info .host-name {display: none;} /* ``contact`` component */ /*********************************/ /* Contact */ /*********************************/ @font-face { font-family: 'icomoon_point_of_sale'; src: url(/service/2.29.1/component_statics/fr/_/contact//fonts/icomoon_point_of_sale.eot); src: url(/service/2.29.1/component_statics/fr/_/contact//fonts/icomoon_point_of_sale.eot?#iefix) format('embedded-opentype'), url(/service/2.29.1/component_statics/fr/_/contact//fonts/icomoon_point_of_sale.woff) format('woff'), url(/service/2.29.1/component_statics/fr/_/contact//fonts/icomoon_point_of_sale.ttf) format('truetype'), url(/service/2.29.1/component_statics/fr/_/contact//fonts/icomoon_point_of_sale.svg#icomoon) format('svg'); font-weight: normal; font-style: normal; } /*.contact{padding-bottom:35px}*/ .component.contact.label_view .label, .component.contact.phone_view .phone, .component.contact.fax_view .fax, .component.contact.mobile_view .mobile, .component.contact.email_view .email, .component.contact.email_label_view .email, .component.contact.url_view .url {position:relative;padding:0 0 0 38px;margin-bottom:23px} /* .component.contact.phone_view .phone {position:relative;padding:7px 0 0 38px;margin-bottom:30px} error ? */ .component.contact.label_view .label:before, .component.contact.phone_view .phone:before, .component.contact.fax_view .fax:before, .component.contact.mobile_view .mobile:before, .component.contact.email_view .email:before, .component.contact.email_label_view .email:before, .component.contact.url_view .url:before {display:inline-block;font-size:23px;line-height:1;color:#33332d;font-family:icomoon_point_of_sale;position:absolute;top:0;left:0} .component.contact.label_view .label:before {content:"\e601";} .component.contact.phone_view .phone:before {content:"\e600";} .component.contact.fax_view .fax:before {content:"\e605";} .component.contact.mobile_view .mobile:before {content:"\e602";} .component.contact.email_view .email:before, .component.contact.email_label_view .email:before {content:"\e604";} .component.contact.url_view .url:before {content:"\e603";} .component.contact.list_view .contacts-list {padding: 0} .contact.editus-mobile_view .button-tel{padding-left:35px;color:white;background:url(/service/2.29.1/component_statics/fr/_/contact//imgs-m/button-tel-left.png) no-repeat;} /* ``practical_info`` component */ .component.practical_info .practical-info-point-of-sale { cursor: pointer; } .component.practical_info .practical-info-point-of-sale:hover { opacity: 0.8; /* indicate that the element is clickable */ } .component.practical_info.default_view .practical-info-point-of-sale { display: table; table-layout: fixed; width: 100%; } .component.practical_info.default_view .practical-info-point-of-sale-elements, .component.practical_info.default_view .practical-info-point-of-sale-link { display: table-cell; } .component.practical_info.default_view .practical-info-point-of-sale-link { width: 22px; background: url("/service/2.29.1/component_statics/fr/_/practical_info//img/arrow.png") no-repeat scroll right center; text-decoration: none; outline: 0; } .component.practical_info.default_view .practical-info-point-of-sale+.practical-info-point-of-sale { margin-top: 20px; } .component.practical_info.default_view .component.address.short_view .address_locality { font-weight: bold; } /* ``activity`` component */ /* comp activity */ .activity.editus_view .produit{margin-left: 11px;} .activity.editus_view .produit h4{margin-bottom:10px;margin-top:10px;font-size:1.2em} .activity.editus_view .produit li{float:left;width:250px;margin-bottom:10px;padding:0 10px;} .activity.editus_view h2 {font-size: 2em;margin-left: 11px} .activity.editus_view img{display: block;max-width: 555px;max-height: 342px;margin: auto;margin: auto;padding: 7px;border: 1px solid #cccccc;} .activity.editus_view.mobile img {width: 300px;height: inherit;border:none;float:left;padding:0;margin-bottom: 10px;} .activity.editus_view.mobile h2 {display:none;} .activity.editus_view.mobile section {clear:both} .activity.editus_view.mobile .produit{margin-left: 0px;} .activity.editus_view.mobile .produit h4{color: #c69d18;font-weight: bold;font-size: 10pt;margin-top: 10px;} .activity.editus_view.mobile .produit li {float: none;margin-bottom:2px} .activity.editus_view.mobile .produit li h5 {margin:0;padding:0;font-weight:normal;font-size:1em;} /* referential module */ .activity .referential-module {overflow: hidden;clear:both} .activity .referential-module .referential-module-image {float: right;} .activity .referential-module .referential-module-items li.no-bullet {list-style: none;} /* ``content_badges`` component */ .component.content_badges .content-badge-items { list-style: outside none none; margin: 0; padding:0; width : 100%; display : inline-block; text-align : center; } .component.content_badges .content-badge-item{ text-align: center; vertical-align: top; } .component.content_badges .content-badge-wrapper{ display: block; padding: 0; } .component.content_badges .content-badge{ display: block; padding: 0; } .component.content_badges .content-badge-item { display: inline-block; padding: 0; } .component.content_badges a.content-badge-wrapper{ text-decoration: inherit; } @media screen and (min-width:480px){ /* one item */ .component.content_badges .item-container.slots-3 .item { width: 32%; } /* two items */ .component.content_badges .item-container.slots-2 .item { width: 49%; } /* three items */ .component.content_badges .item-container.slots-1 .item { width: 100%; } .component.content_badges .content-badge-image-placeholder { height: 100px; } .component.content_badges .content-badge-label { padding: 0.5em 1em; } } @media screen and (max-width:480px){ .component.content_badges .content-badge-label { padding: 1em 0.5em; } .component.content_badges .content-badge-item, .component.content_badges .content-badge-wrapper, .component.content_badges .content-badge { display: block; } .component.content_badges .content-badge-wrapper { display: inline; } } .component.content_badges .content-badge-img{ display: block; height: 100px; width: 100px; margin-left: auto; margin-right: auto; border-radius: 50%; } .component.content_badges .content-badge-label { display: block; } .component.content_badges .content-badge-label-placeholder { display:inline-block; } .component.content_badges .svg-icon{ background-size: 80px 80px; background-position: center center; background-repeat: no-repeat; height: 100px; padding-top: 10px; }