/* ------ SOMMAIRE ------ CSS DE BASEF CSS GLOBALF LES FORMULAIRES LES BUTTONS RESET CSS DE BASE MAIN HEADER GRID & TEMPLATE LES WIDGETS SIDEBAR PARTS PAGES FILLES CATEGORIES QUESTION/REPONSE/FEED PAGE DU PROFIL PAGE d'ACCUEIL FOOTER PAGES ANNEXES POPUP/POPIN ADMIN PAGE RECHERCHE /* ********************* */ strong {font-weight:bold;} em {font-style:italic;} /* ************************** */ /* STAMPED */ /* ************************* */ .show .starred_questions_widget .question.answered { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/hot_question.jpg) no-repeat 10px 0;} /*NOTE ANTOINE : j'ai mis en commentaire la ligne en-dessous car à priori c'est faux*/ /*.show .starred_questions_widget .question.author_stamped { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/hot_question.jpg) no-repeat 10px 0;}*/ /* picto dans les titres pour les question résolues */ .browse ul.questions li.questions-content .question.admin_stamped { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/resolu.jpg) no-repeat 15px 4px ; padding-left:75px;} /* Picto image des réponses certifiées */ .answer.best.admin_stamped { background:#eeeeee url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/reponses_certifiees.gif) no-repeat 0 0; padding-top:68px; padding-right: 65px; padding-left:54px;} .Question-Reponse .answer.best.admin_stamped {margin:10px 15px 10px 26px;} .answer.best.author_stamped { background:#eeeeee url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/meilleur_reponse.gif) no-repeat 0 0; padding-top:68px; padding-right: 65px; padding-left:54px;} /* Picto du slider dans les pages category */ .show .starred_questions_widget .question.author_stamped { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/ICONE-TOP.png) no-repeat 10px 0;} .show .starred_questions_widget .question.admin_stamped, .show .starred_questions_widget .question.starred { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/ICONE-TOP.png) no-repeat 10px 0;} #questions_controller.show .starred {background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/ICONE-TOP.png) no-repeat right 0;} /* Bordure de 2 px dans les questions réponses */ #jquery-live-search .question .body .body-bd, .browse ul.questions .answer, .new_question_wizard_page ul.questions .answer, .show .last_questions_widget.ipl_size_66 .bd .questions .question, .home-content .questions .answer, .related-answers-tab .answer { border-left:2px solid #d8d8d8!important; background-image:none;} #jquery-live-search .author_stamped.question .body .body-bd, .browse ul.questions .answer.author_stamped, .new_question_wizard_page ul.questions .answer.author_stamped, .show .last_questions_widget.ipl_size_66 .bd .questions .question.author_stamped, .home-content .questions .answer.author_stamped, .related-answers-tab .answer.author_stamped { border-left:2px solid #fab711!important; background-image:none;} #jquery-live-search .admin_stamped.question .body .body-bd, .browse ul.questions .answer.admin_stamped, .new_question_wizard_page ul.questions .answer.admin_stamped, .show .last_questions_widget.ipl_size_66 .bd .questions .question.admin_stamped, .home-content .questions .answer.admin_stamped, .related-answers-tab .answer.admin_stamped { border-left:2px solid #fab711!important; background-image:none;} #jquery-live-search .answered.question .body .body-bd, .browse ul.questions .answer.answered, .new_question_wizard_page ul.questions .answer.answered, .show .last_questions_widget.ipl_size_66 .bd .questions .question.answered, .home-content .questions .answer.answered, .related-answers-tab .answer.answered { border-left:2px solid #fc1b2b!important; background-image:none;} /* ************************** */ /* CSS DE BASE */ /* ************************** */ /* ANSWERS */ .answer, .status_comment, .comment {position:relative;} .answer .user,.status_comment .user,.comment .user {float:left;zoom:1;} .content-attachments .cover-attachment-in-content-attachments { display:block;} /* METADATAS ET USER */ .user.x-large img {width:280px;height:280px; *width:273px; *height:273px;} .role_ambassadeur .avatar-mask:after {content:"PRO";width:100%;background:#000000;display:block;padding:1%;color:#ffffff;text-align:center;font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-weight: 600; height:14px;position:relative;font-size:12px;top:-17px;left:3px} .answer.role_ambassadeur .avatar-mask:after {top:-19px;} #users_controller .sidebar-parts .role_ambassadeur .avatar-mask:after {top:-29px;left:3px;font-size:18px;width:97%;padding:2%;} #users_controller.home .sidebar-parts .role_ambassadeur .avatar-mask:after {top:-29px;} #bd .user.role_ambassadeur a, #bd .user.role_ambassadeur a:hover {text-decoration:none;} .yellow-profil-type .user img {border:3px solid #fd863f;} .yellow-profil-type .profile-showcase {display:none;} .ambassadeur-profil-type div.sidebar img, .role_ambassadeur img {border:3px solid #FD863F;} .yellow-profil-type .user a {position:relative;} .yellow-profil-type .user a:after {content:" ";display:block;width:90px;height:78px;background:url(//dimelo.s3.amazonaws.com/custom-v2/somfy/img/avatar-yellow.gif) no-repeat right bottom;position:absolute;right:3px;bottom:6px;z-index:200;} .yellow-profil-type .home-content, .yellow-profil-type .title-clone-h1, .yellow-profil-type .title-clone-h2 {display:none;} /*vote*/ dl.vote *{display:block;left:0;margin:0;padding:0;position:absolute;text-align:center;top:0;width:38px;text-weight:bold;font-size:14px;} dl.vote dt, dl.vote span {display:none;} dl.vote .controls {top:18px;} dl.vote a {display:block;width:18px;height:18px;text-indent:-9999em;overflow:hidden;} dl.vote .score-control-minus {left:20px;top:0;display:block;height:18px;width:18px;position:absolute;} dl.vote .score-control-plus {left:0px;top:0;display:block;height:18px;width:18px;position:absolute;} dl.vote .score-control-minus a {background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/voteMinus.gif) no-repeat 0 0;} dl.vote .score-control-plus a {background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/votePlus.gif) no-repeat 0 0;} dl.vote .disabled a{cursor:default;} /* ATTACHEMENT */ .attachment-metadata, .attachment-play-button {display:none;} dl.team { display:none;} dl.custom-fields{ display:none;} /* SEARCH ET BOUTONS */ input.hidden { display:none;} #hd div.autocomplete-row label { display:none;} /* *************************** */ /* CSS GLOBAL */ /* ************************* */ html { padding:0; margin:0; font-size:100%; height:100%; font-smooth:always; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust:none;} body { padding:0; margin:0; line-height:1.1em; height:100%; background-color:#fff; color:#646464; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:14px;} /* CSS RESET */ * {outline:none;border:none;} dl, dt, dd, ul, li { padding:0; margin:0; list-style:none;} h1, h2, h3, h4, h5, h6 { padding:0; margin:0;} form, fieldset { padding:0; margin:0; border:none;} table, tr, td { border-collapse:collapse; padding:0; margin:0;} abbr { border:none;} ul li, p {word-wrap:break-word; padding:0; margin:0 0 10px 0;} a { text-decoration:none; color:#1E0FBE;} /* a:focus { outline:1px dotted #aec304;}*/ a img { border:none;} a span { cursor:pointer;} /*a span { height:1px; width:1px; position:absolute; overflow:hidden; top:-10px;} */ .nojavascript { clear:both; float:none; min-height:100px; font-family: 'SomfySans', Arial, Helvetica, sans-serif; background-color:#862D2D; color:#fff; font-size:15px; text-align:center; padding:2% 15% 0 15%; line-height:1.5em;} .nojavascript strong { display:block; line-height:1em;} .nojavascript a { color:#fff; background-color:#862D2D; text-decoration:underline; font-weight:bold;} /* Clear Fixes */ fieldset:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} /* Text Reset */ pre, code, kbd, samp { font-family:monospace, serif; _font-family:'courier new', monospace; font-size:1em;} pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word;} q { quotes:none;} q:before, q:after { content:""; content:none;} /* *************************** */ /* LES FORMULAIRES */ /* *************************** */ .hidden { display:none;} form.standard .row, .textarea-row, .slashcommunity-identity-tos-row, form .textfield-row, .attachment-field-row, .checkbox-row { clear:both; float:none; position:relative; min-height:20px; padding:0; margin:0 0 30px 0; position:relative; z-index:1;} form.standard .row:after, .textarea-row:after, .attachment-field-row:after, .slashcommunity-identity-tos-row:after, form .textfield-row:after, .checkbox-row:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} form.standard .datetime-row select { width:auto;} form.standard .row.image img { vertical-align:top;} form.standard .row.image input { width:auto;} #bd .attachment-field-row select {display:none;} .checkbox-row input {height:auto;} .warning.title_without_question_mark_warning { color:#474747; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:13px; font-style:italic; padding-bottom:30px; padding-left:32%; padding-top:0;} #bd #new_question_wizard dl.error dd, .attachments-limitations p {font-size:11px; padding-left:33%;font-size:13px; font-style:italic; font-family: 'SomfySans', Arial, Helvetica, sans-serif; color:#474747; padding-bottom:20px;} label { color:#333333; display:block; width:30%; float:left; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-weight: 600; color:#000; font-size:12px; line-height:1.1em; padding:12px 0 0 0;} select { width:62%; background-color:#FFFFFF; border:1px solid #bcbdbf; padding:0; margin:0; vertical-align:central; float:left; border-radius:0; color:#87888a; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:13px;} textarea { resize:none; min-height:100px; width:60%; background-color:#FFFFFF; border:1px solid #bcbdbf; padding:0 5px; margin:0; vertical-align:central; float:left; min-height:100px;border-radius:0; color:#87888a; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:13px;} input:focus, textarea:focus { outline:none;} form legend { border:0; *margin-left:-7px; padding:0; white-space:normal;} input[type="tel"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="date"], input[type="text"] { background-color:#FFFFFF; border:1px solid #bcbdbf; padding:0 5px; margin:0; vertical-align:central; color:#87888a; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:13px; float:left; height:33px;border-radius:0; width:60%;} input[type="checkbox"] { margin:2px 10px 0 0; padding:0; border:none; background:transparent; vertical-align:middle; float:left;} input[type="radio"] { box-sizing:border-box; padding:0; margin:2px 5px 0 0; vertical-align:bottom; float:left;} .checkbox-row label { width:85%; padding-top:1px; font-weight:normal;} .select-row label, .textarea-row label { padding-top:1px;} .slashcommunity-identity-tos-row { font-size:12px; font-weight:bold; color:#000000;} .slashcommunity-identity-tos-row a { text-decoration:underline; font-size:12px; font-weight:bold; color:#000000;} .slashcommunity-identity-tos-row label { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/required.png) no-repeat right 0;} .slashcommunity-identity-tos-row .required {display:none;} .slashcommunity-identity-tos-row .txt-add { clear:both; float:none; padding:10px 0 0 29px; font-size:11px; color:#474747; font-weight:normal; display:block; margin:0 0 30px 0;} .txt-add-required { clear:both; float:none; padding:0; font-size:11px; color:#f40a0a; font-weight:normal; display:block; background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/required.png) no-repeat 0 0; line-height:1em; padding:0 0 0 15px; font-size:12px;} .slashcommunity-login-form .clone-login-link, .slashcommunity-login-form .clone-signup-link { display:none;} /* user-form */ .user-form h2 { color:#1E1E1E; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:32px; font-weight: 600; line-height:1em; margin:0 0 10px; padding:0;} .slashcommunity-login-form { min-height:10px; background-color:#f8f8f8; padding:25px;} .slashcommunity-login-form .slashcommunity-login-form { padding:0;} .slashcommunity-login-form:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} .required, span.error { display:block; position:absolute; top:10px; right:0; background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/required.png) no-repeat 0 0; width:11px; height:11px; z-index:2; overflow:hidden; text-indent:-999px;} .attachment-field-single .attachment-target { border:none; background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/avatar_insription.jpg) no-repeat 0 0; float:left; margin:0 10px 0 10px 0; height:50px; width:50px;} .attachment-field button.upload { padding:4px 20px; font-size:12px; color:#141015; font-family: 'SomfySans', Arial, Helvetica, sans-serif; z-index:1;} .attachment-field .controls:hover button { background-color:#e5e5e5!important;} .slashcommunity-identity-about-row label { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/picto_tooltip.png) no-repeat 0 2px; padding-left:4%; width:26%;} /* **************************** */ /* LES BUTTONS */ /* ************************** */ .help-link {text-align:right;} .help-link a {color:#000000;font-weight:bold;background:url(//dimelo.s3.amazonaws.com/custom-v2/somfy/img/btn-acceder.png) no-repeat 0 0;padding:0 0 0 30px;position:relative;top:-9px;} button, input[type="button"], input[type="reset"], input[type="search"], input[type="submit"] { cursor:pointer; -webkit-appearance:button; *overflow:visible; line-height:normal; margin:0; padding:0;} .button, .content .addthis_button, .content .new-report a, button.submit { background-color:#FFBC1D; color:#333333; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:22px; line-height:1em; /*padding:10px 40px;*/ padding:7px 25px; display:inline-block; font-weight:normal;} .sidebar-part .button { font-size:14px; text-align:center; padding:5px 15px;} .button:hover, .content .addthis_button:hover, .content .new-report a:hover, button.submit:hover, button.submit:hover .submit { background-color:#fcd475; text-decoration:none!important;} button.submit p, button.submit span, button.submit .submit { padding:0; margin:0;} .login-separator { display:none;} .row-ok-button .cancel { padding:0 20px; color:#333; font-weight:bold;} .row-ok-button .cancel:hover { text-decoration:underline;} .password-forgotten-link { clear:both; float:none; margin:0; padding:0 0 0 30px;} .password-forgotten-link a { font-size:11px; font-style:italic; color:#333; text-decoration:underline;} .signup-link { padding:30px 0 0 0; color:#333; font-weight:bold; line-height:1.4em;} .signup-link a { background-color:#D8D8D8; color:#000000; display:block; margin:0 auto; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:22px; line-height:1em; padding:10px 10px; width:80%; text-align:center; margin-top:10px; font-weight:normal;} .facebook-login-form { padding:24px;} .facebook-login-form h2 { display:none;} .facebook-login-form p { color:#fff; padding:20px 0 0 0;} .facebook-login-form a { margin:10px 0 0 0; display:block; width:430px; height:65px; background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/btn_facebook.png) no-repeat 0 0;} .facebook-login-form a:hover { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/btn_facebook.png) no-repeat 0 -70px;} .facebook-login-form a img { display:none;} .facebook-login-form .clone-login-link, .facebook-login-form .clone-signup-link { font-size:12px; color:#000; padding:30px 0 0 0; font-size:32px; color:#1e1e1e; font-family: 'SomfySans', Arial, Helvetica, sans-serif; line-height:1.1em; font-weight:600;} .facebook-login-form .clone-login-link a, .facebook-login-form .clone-signup-link a { margin:30px 0 0 0; display:block; width:100%; text-align:center; height:auto; background:none; background-color:#d8d8d8; color:#333333; display:block; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:28px; line-height:1em; padding:10px 0; font-weight:normal;} .facebook-login-form .clone-login-link a:hover, .facebook-login-form .clone-signup-link a:hover { background-color:#e8e8e8; text-decoration:none!important; background-image:none;} /*TAB CONTROLS*/ .categories-content .controls, .categories-content .feedbacks_count, .categories-content .description, .status .controls, .status .feedbacks_count, .summary, .status .description {display:none;} /* *************************** */ /* RESET CSS DE BASE */ /* ************************** */ .ipl_widget .questions .answer .user .score { display:block!important;} /* *********************** */ /* GRID & TEMPLATE */ /* ********************* */ .index #bd { background:#fff;} .show #bd { background:#f8f8f8;} #users_controller #bd {background:#fff;} #bd a:hover { text-decoration:underline;} #bd .yui-gc .yui-u .ipl_widget { padding:0 25px 0 0;} /* pages avec la sidebar .yui-t6 #yui-main .yui-b p.old-h1 { margin-top:23px; background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/wdg_title.gif) no-repeat 23px 0; clear:both;} */ .yui-t6 #yui-main .yui-b p.old-h1 { display:none;} /* page des catégories pour FAQ */ .ipl_cell.yui-u /* *********************** */ /* LES WIDGETS */ /* ********************* */ .ipl_widget .module {position:relative; margin:0 0 40px 0;} .ipl_widget .module:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} /* pour la page MODE EMPLOI https://somfy-entraide.answers.dimelo.com/pages/mode-emploi */ .show .html_content_widget.ipl_size_100 { padding:0 24px;} .show .html_content_widget.ipl_size_100 .module { margin:0 0 20px 0 ; position:relative;} /* legende-content */ .legende-content { display:none;} /* ipl_widget */ .ipl_widget h2 { margin:0 0 22px 0; padding:0; font-weight:600; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:32px; line-height:1em; color:#000;} .show .ipl_widget h2 { margin-left:23px;} .ipl_widget.small h2 { margin-left:0;} .no-items, .no-questions { margin:0 23px; text-align:center; padding:10px 0;} .ipl_widget .widget-button { clear:both; float:none; padding:10px 0 0 0; min-height:10px;} .ipl_widget .widget-button:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} .ipl_widget .widget-button a.button { font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:12px; color:#141015; line-height:1.1em; display:block; float:left; background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/widget_bottom_links.gif) no-repeat 0 0; padding:7px 25px 7px 36px;} .ipl_widget .widget-button a.button:hover { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/widget_bottom_links.gif) no-repeat 0 -129px!important; text-decoration:none;} /* jquery-live-search */ #jquery-live-search { background-color:#fff; padding:23px 23px 23px 32px; z-index:99999; border-left:1px solid #fab711; border-bottom:1px solid #fab711; border-right:1px solid #fab711;width:755px;} #jquery-live-search .question { min-height:10px; padding:0; position:relative; z-index:1;} #jquery-live-search .content-buttons { display:none!important;} #jquery-live-search .user, #jquery-live-search .metadata { display:none;} #jquery-live-search .answer { display:none;} #jquery-live-search .question .corpus h3 { font-size:16px;} #jquery-live-search .question .body .body-bd { font-size:12px; margin-left:23px; padding-left:15px;} /* wdg-title */ .ipl_widget .wdg-title { clear:both; float:none; width:100%; padding:24px 0 0 0;} .module.wp-title { padding-top:24px!important;} .ipl_widget .wdg-title .hd { padding:0 24px;} .show .html_content_widget.ipl_size_100 .wdg-title .hd { padding:0;} .ipl_widget .wdg-title .bd { padding:0 24px;} .show .ipl_widget .wdg-title .bd { padding:0;} .ipl_widget .wdg-title h2 { font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:14px; color:#87888a; text-transform:uppercase; letter-spacing:2px; margin:0 0 25px 0; font-weight:normal;} .ipl_widget .wdg-title .bd p { line-height:1.2em; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:14px; color:#87888a;} .wdg-title-home h2 { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/wdg_title.gif) no-repeat 0 0; clear:both; color:#87888A; float:none; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; letter-spacing:2px; margin:0 0 25px; padding:14px 0 0; text-transform:uppercase; width:100%;} .category_widget .bd { padding:24px 24px 0 24px;} .category_widget h1 {background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/wdg_title.gif) no-repeat 0 0; clear:both; color:#87888A; float:none; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; letter-spacing:2px; margin:0 ; padding:14px 0 0 0; text-transform:uppercase; width:100%;} .category_widget h1 a { color:#87888A; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; letter-spacing:2px; text-transform:uppercase;} .category_widget .questions_count { display:none;} .category_widget .module { margin: 0 0 20px 0;} /* tab-controls */ .question-tabs { margin-left:24px!important; padding-top:20px!important;} #bd ul.tab-controls { margin:0 0 20px 0; padding:0; height:48px; overflow:hidden; min-height:10px; background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/tabul_ul.gif) repeat-x 0 bottom; max-width:587px;} #bd ul.tab-controls:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} #bd ul.tab-controls li { display:block; float:left; margin:0 10px 0 0;} #bd ul.tab-controls li a { display:block; float:left; border-left:1px solid #bcbdbf; background:#f5f5f5 url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/tabul.jpg) repeat-x 0 bottom; font-size:11px; color:#1b1b1b; border-top:1px solid #bcbdbf; border-right:1px solid #bcbdbf; padding:18px 19px; line-height:1em;} #bd ul.tab-controls li a span { color:#1b1b1b;} #bd ul.tab-controls li.selected a { background:#fefefe url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/tabhover.gif) repeat-x 0 bottom; text-decoration:none;} #bd ul.tab-controls li.selected a span { text-decoration:none;} .related-questions-tab { text-align:left; padding:20px 23px;} .related-questions-tab .block-social { width:100%; clear:both; float:none; min-height:10px;} .related-questions-tab h2 { padding:0; margin:0 0 20px 0;} .related-questions-tab .question .content-buttons { float:left; width:50%; margin:0; padding:0;} .related-questions-tab .question .content-buttons li a { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/widget_bottom_links.gif) no-repeat 0 0 ; color:#141015; display:block; float:left; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:12px; line-height:1.1em; padding:7px 25px 7px 36px;} .related-questions-tab .question .content-buttons li.new-answer a { float:left;} .related-questions-tab .question .content-buttons li.copy-answer-on-question { display:none;} .related-questions-tab .question .content-buttons li.link-answer-on-question { float:right;} .search-questions-tab label { text-align:right; padding-right:20px; width:25%;} /* ipl_widget .questions */ .ipl_widget .questions { text-align:left;} .ipl_widget .questions:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} .ipl_widget .questions li { clear:both; float:none; display:block; min-height:10px; margin:0 0 15px 0;position:relative; z-index:1;} .ipl_widget .questions li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} .ipl_widget .questions .question { margin:0 0 20px 0; min-height:30px;} .ipl_widget .questions .question .corpus { margin-left:60px;} .index .ipl_widget .questions .question .corpus { margin-left:30px;} .index .ipl_widget .image_widget { margin-bottom:20px;} .ipl_widget .questions .question .corpus h3 { font-size:14px; color:#646464; font-family: 'SomfySans', Arial, Helvetica, sans-serif; line-height:1.2em; margin:0 0 5px 0; padding:0; font-weight:bold;} .index .ipl_widget.small .questions .question .corpus h3 { font-weight:normal;} .ipl_widget .questions .question .corpus h3 a { color:#646464;} .ipl_widget .questions .question .body .body-bd { display:none;} .ipl_widget .questions .question .user { position:absolute; top:0; left:0; z-index:2; width:48px;} .ipl_widget .questions .question .user .avatar dt { display:none;} .ipl_widget .questions .question .user h4, .ipl_widget .questions .question .user .level, .ipl_widget .questions .question .user .score { display:none;} .ipl_widget .questions .question .block-social { float:right;} .ipl_widget .questions .question .metadata { font-family: 'SomfySans', Arial, Helvetica, sans-serif; color:#b6b6b6; font-size:10px;} .ipl_widget .questions .question .metadata dl { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/bullet_dl.gif) no-repeat right 4px; display:block; float:left; padding:0 10px 0 0; margin:0; line-height:1em;} .ipl_widget .questions .question .metadata dl.date-distance { background-image:none;} .ipl_widget .questions .question .metadata dd, .ipl_widget .questions .question .metadata dt { display:inline; padding:0; margin:0; line-height:1em;} .ipl_widget .questions .question .metadata a {color:#fab711;} .ipl_widget .questions .question .metadata .answer-count dt, .ipl_widget .questions .question .metadata .category dt, .ipl_widget .questions .question .metadata .author-name, .ipl_widget .questions .question .metadata .date-distance dd a, .ipl_widget .questions .question .metadata .date, .ipl_widget .questions .question .metadata .hits, .ipl_widget .questions .question .metadata .hits dt, .ipl_widget .questions .question .metadata .content-type { display:none;} .ipl_widget .questions .question .metadata .category dd a { font-family: 'SomfySans', Arial, Helvetica, sans-serif; color:#fab711; font-size:10px; text-transform:uppercase;} .view-more {display:none;} .ipl_widget .questions .answer { display:none; clear:both; float:none; padding:10px 0 17px 10px; background-color:#ffffff; border-left:2px solid #d8d9db; margin:0 25px 0 48px; position:relative; z-index:1; min-height:60px;} .ipl_widget .questions .answer .corpus .body { display:none;} .ipl_widget .questions .answer .clone-body { font-size:12px; color:#2a2a2a; line-height:1.3em; padding:0 0 20px 0;} .ipl_widget .questions .answer .user .avatar { float:left; width:66px;} .ipl_widget .questions .answer .user .avatar dt { display:none;} .ipl_widget .questions .answer .user h4 { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/bullet_answer.gif) no-repeat right 7px;float:left; font-size:12px; color:#2b2b2b; font-weight:bold; padding:0 10px 0 0;} .ipl_widget .questions .answer .user h4 a { color:#2b2b2b;} .ipl_widget .questions .answer .user .level { display:none;} .ipl_widget .questions .answer .user .score { float:left; font-size:12px; color:#b9004d; font-weight:bold;} .ipl_widget .questions .answer .user .score dd, .ipl_widget .questions .answer .user .score dt { display:inline;} .ipl_widget .questions .answer .user .team { display:none;} .ipl_widget .questions .answer .author-name dt { display:none;} .ipl_widget .questions .answer .author-name a { font-size:10px; color:#909193; text-decoration:underline;} .ipl_widget .questions .answer .date { display:none;} .ipl_widget .questions .answer .date-distance { display:none;} .ipl_widget .questions .answer .clone-date-distance { font-size:11px; color:#909193; float:left; padding-left:5px;} .ipl_widget .questions .answer .clone-date-distance a { color:#909193 } .ipl_widget .questions .answer-type dt { display:none;} .ipl_widget .questions .answer-type dd { display:none;} /* ipl_widget .questions VARIANTES POUR LES PAGES CATEGORIES */ /* users */ .users { } .users li.user { min-height:140px; margin:0 0 20px 0; font-family: 'SomfySans', Arial, Helvetica, sans-serif; width:90px; padding:0 10px; display:block; margin:0; float:left; text-align:center;} .badgeville_leaderboard .users li.user {min-height:180px;} .badgeville_leaderboard .users .score { font-size:25px; color:#d7d8da; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-weight:normal;} .badgeville_leaderboard .users li.user .numero-classement { font-weight:normal; font-size:25px; color:#d7d8da; font-family: 'SomfySans', Arial, Helvetica, sans-serif; line-height:1.4em} .badgeville_leaderboard .users li.user .score { display:none;} .badgeville_leaderboard .users li.user .badgeville-user-point-metadata { color: #b9004d; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 600;} .badgeville_leaderboard .users li.user h4 a { display: block; min-height: 35px;} .badgeville_leaderboard .users li.user .badgeville-user-point-metadata { display: block; min-height:20px;} .users li.user .avatar dt, .users li.user .score dt{ display:none;} .users li.user .avatar dd { position:relative; z-index:1; width:50px; height:50px; margin:0 auto;} .users li.user .avatar dd a img { display:block; width:50px; height:50px;} .users li.user h4 {font-size:11px; color:#606060;} .users li.user h4 a { color:#606060;} .users li.user .score dd strong { color:#b9004d; font-size:14px; font-weight:bold;} .users li.user .badgeville-user-point-metadata { color:#ffbc1d; font-size:12px; font-weight:bold;} .users li.user .badgeville-user-badge-metadata { color:#ffbc1d; font-size:12px; font-weight:bold;} .listing-with-users { clear:both; float:none; margin:0 0 10px 0; position:relative; z-index:1;} .listing-with-users li.feed_item { clear:both; float:none; padding:0 0 0 44px; margin:0 0 20px 0; min-height:50px; position:relative; z-index:1;} .listing-with-users li.feed_item:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} .listing-with-users .avatar {position:absolute; top:0; left:0; width:32px; height:32px;} .listing-with-users .avatar img {width:32px; height:32px;} .listing-with-users .avatar dt { display:none;} .listing-with-users .user dt { float:left;} .listing-with-users .user dd { float:left;} .listing-with-users h4 { color:#2a2a2a; font-size:14px; font-family: 'SomfySans', Arial, Helvetica, sans-serif; line-height:1.1em; clear:both; float:none; margin:0 0 3px 0; padding:0;} .listing-with-users h4 a { color:#2a2a2a;} .listing-with-users .level { color:#b9004d; font-weight:bold; display:block; clear:both; float:none; font-size:12px;} .listing-with-users .score { color:#ffbc1d; font-weight:bold; display:block; clear:both; float:none; font-size:12px;} .listing-with-users .team { display:none;} .listing-with-users .custom-fields { display:none;} .listing-with-users .title-content { font-size:11px; color:#87888a; padding:0 0 10px 45px; margin:0;} .listing-with-users.user_profile_feeds li.feed_item .title-content { padding-left:0;} .listing-with-users .title-name a { font-size:11px; color:#87888a;} .listing-with-users .title-link a { font-size:11px; font-weight:bold; color:#007eab;} /* home content */ .home-content { background-color:#f8f8f8; padding:9px 27px;} .home-content .listing-with-users .user h4, .home-content .listing-with-users .user .level, .home-content .listing-with-users .user .score, .home-content .listing-with-users .user .team { display:none;} .home-content .questions-content { clear:both; float:none; position:relative; z-index:1; margin:0 0 15px 0; padding:0; min-height:10px;} .home-content .questions-content:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} .home-content .question { padding:0; margin:0 0 20px 0;} .home-content .question .user { float:left; width:71px; position:absolute; top:0; left:0; z-index:10;} .home-content .questions .answer { display:block; background:#fff; padding-left:30px; padding-top:10px; margin-left:66px; padding-bottom:60px;} .home-content .question .user img, .home-content .question .user { width:31px; height:31px;} .home-content .question .corpus { padding:0 0 0 45px;} .home-content .question .corpus h3 { font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:11px; color:#646465; font-weight:normal; margin:0 0 5px 0; padding:0;} .home-content .question .corpus h3 a { font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:11px; color:#646465;} .home-content .question .corpus .block-social { display:none;} .home-content .question .corpus .content-buttons { display:none;} .home-content .question .body { display:none;} .home-content .question .team { display:none;} .home-content .question .metadata {display:block;} .home-content .question .metadata a { color:#FAB711; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase;} .home-content .question .metadata dd, .home-content .question .metadata dt { display:block; float:left} .home-content .question .metadata dl { line-height:1em; float:left; display:block; background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/bullet_dl.gif) no-repeat right 5px; padding:0 10px 0 0;} .home-content .question .metadata .answer-count { display:block;} .home-content .question .metadata .answer-count dt { display:none;} .home-content .question .metadata .category {display:block;} .home-content .question .metadata .category dt { display:none;} .home-content .question .metadata .author-name {display:none;} .home-content .question .metadata .date {display:none;} .home-content .question .metadata .date-distance {display:block; background-image:none;} .home-content .question .metadata .hits {display:none;} .home-content .question .metadata .content-type {display:none;} .home-content .listing-with-users li.feed_item { margin:0 0 10px 0; min-height:5px; padding:0 ;} .home-content .listing-with-users.user_profile_feeds li.feed_item { margin:0 ;} .home-content .remove-admin-stamp, .home-content .clone-ul-content-buttons .remove-admin-stamp{ display:none;} /* Tabulations pour le Widget de la Sidebar */ .ipl_widget .tab-widgets-menu { margin:0!important; padding:0;} .ipl_widget .tab-widgets-menu ul.menu-tabs { margin:0; padding:0; height:48px; overflow:hidden; min-height:10px; background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/tabul_ul.gif) repeat-x 0 bottom; max-width:587px;} .ipl_widget .tab-widgets-menu ul.menu-tabs:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} .ipl_widget .tab-widgets-menu ul.menu-tabs li { display:inline; margin:0; padding:0;} .ipl_widget .tab-widgets-menu ul.menu-tabs li a { display:block; float:left; border-left:1px solid #bcbdbf; background:#f5f5f5 url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/tabul.jpg) repeat-x 0 bottom; font-size:11px; color:#1b1b1b; border-top:1px solid #bcbdbf; border-right:1px solid #bcbdbf; padding:15px 0 0 0; line-height:1em; text-align:center; height:32px; width:170px;} .ipl_widget .tab-widgets-menu ul.menu-tabs li a span { color:#1b1b1b;} .ipl_widget .tab-widgets-menu ul.menu-tabs li.last { float:right;} .ipl_widget .tab-widgets-menu ul.menu-tabs li.last a { float:right; width:110px;} .ipl_widget .tab-widgets-menu ul.menu-tabs li.current a { background:#fefefe ; font-weight:bold; text-decoration:none;} .ipl_widget .tab-widgets-menu ul.menu-tabs li.current a span { text-decoration:none;} .ipl_widget .tab-widgets.widget1 h2 { display:none;} .ipl_widget .tab-widgets.widget2 h2 { display:none;} .ipl_widget .tab-widgets.widget1, .ipl_widget .tab-widgets.widget2 { background-color:#fff; padding-top:20px;} .ipl_widget .tab-widgets.widget2 .listing-with-users { margin-left:20px;} .ipl_widget .tab-widgets.widget2 .listing-with-users .user dd { display:block!important;} /* bloc de pub */ .wdg-pub { background-color:#be125a; color:#fff;} .sidebar-parts .sidebar-part.intervention_specialiste-content > dd { font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:14px; margin:0; min-height:10px; padding:0 0 5px 0;} .sidebar-parts .sidebar-part.intervention_specialiste-content dd span {background:none;color:#ffffff;font-size:28px;} .sidebar-parts .sidebar-part.intervention_specialiste-content { margin-right:23px; color:#fff;background-color:#be125a;} .browse .sidebar-parts .sidebar-part > dt.intervention_specialiste-content {color:#fff;background-color:#be125a!important; padding-bottom:10px;} .wdg-pub .hd, .sidebar-parts .intervention_specialiste-content dt { padding:19px; margin:0!important; text-align:center; background-color:#be125a; color:#fff;} .wdg-pub .hd h2, .sidebar-parts .intervention_specialiste-content dt span { padding:0; margin:0; line-height:1em; text-align:center; font-weight:normal;background-color:#be125a; color:#fff; font-size:24px; font-family: 'SomfySans', Arial, Helvetica, sans-serif;} #bd .sidebar-parts a .intervention_specialiste-content span:hover {text-decoration:none;} .wdg-pub .hd h2 a, .sidebar-parts .intervention_specialiste-content dt span a { color:#fff;} .wdg-pub .bd img, .sidebar-parts .intervention_specialiste-content .bd img { width:100%; height:auto;} .wdg-pub .widget-button, .sidebar-parts .intervention_specialiste-content .widget-button {padding:14px 19px; clear:both;background-color:#be125a; color:#fff; margin:0;} .ipl_widget .wdg-pub .widget-button a.button, .sidebar-parts .intervention_specialiste-content .widget-button a.button { line-height:1.2em; text-align:center; background-color:#be125a; color:#fff; font-size:28px; font-family: 'SomfySans', Arial, Helvetica, sans-serif; padding:0; margin:0; background:none; font-weight:normal;} .ipl_widget .wdg-pub .widget-button a.button:hover { background-image:none!important; text-decoration:none!important;} /* bloc de pub */ .somfy-assistance {background: url(//dimelo-answers-production.s3-eu-west-1.amazonaws.com/177/fe46a1ca1f123202/intervention_100.jpg?29ba593) no-repeat 0 0;width:672px;height:110px;display:block;color: #FFFFFF;font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size: 28px;line-height: 1.2em;padding: 30px 0 0 300px;text-align:center;} .wdg-full-pub { background-color:#be125a; color:#fff; position:relative; z-index:1; height:140px;} .wdg-full-pub .bd {height:140px;} .wdg-full-pub .bd img { position:absolute; z-index:2; width:100%; height:auto; left:0; top:0;} .wdg-full-pub .hd { padding:0; text-align:center; width:610px; position:absolute; top:38px; z-index:10; right:0;} .wdg-full-pub .hd h2 { padding:0; margin:0; line-height:1.2em; text-align:center; background-color:transparent;color:#fff; font-weight:normal;font-size:28px; font-family: 'SomfySans', Arial, Helvetica, sans-serif; text-align:center;} .wdg-full-pub .hd h2 a { color:#fff;} .wdg-full-pub .bd img { width:100%; height:auto;} .wdg-full-pub .widget-button { padding:0; text-align:center; width:610px; position:absolute; top:73px; z-index:10; right:0; clear:both; background-color:transparent; color:#fff; margin:0;} .ipl_widget .wdg-full-pub .widget-button a.button { font-weight:normal;line-height:1.2em; text-align:center; background-color:transparent; color:#fff; font-size:28px; font-family: 'SomfySans', Arial, Helvetica, sans-serif; padding:0; margin:0; background:none; display:inline; float:none; text-align:center;} .ipl_widget .wdg-full-pub .widget-button a.button:hover {background:none!important; text-decoration:none!important;} /* custom_questions_listing_widget */ .ipl_widget.sliding_panel { margin:0 0 62px 0;} .ipl_widget.sliding_panel.ipl_size_33 .bd { background-color:#fff; padding:19px;} .ipl_widget.sliding_panel .bd .b{overflow:hidden;position:relative;width:100%} .ipl_widget.sliding_panel .questions .question { margin:0; padding:0;} .ipl_widget.sliding_panel ul {position:relative;width:600000px; padding:0; margin:0;} .ipl_widget.sliding_panel ul > li{clear:none;display:block;float:left; padding:0; margin:0;} .ipl_widget.sliding_panel.ipl_size_33 ul.widget-items > li{width:23.999em; padding:0; margin:0;} .ipl_widget.sliding_panel.ipl_size_50 ul.widget-items > li{width:36.77em; padding:0; margin:0;} .ipl_widget.sliding_panel.ipl_size_66 ul.widget-items > li{width:49.46em; padding:0; margin:0;} .ipl_widget.sliding_panel.ipl_size_100 ul.widget-items > li{width:74.923em; padding:0; margin:0;} .ipl_widget.sliding_panel .button-more{display:none} body.ipl .ipl_widget.sliding_panel ul.widget-items{width:auto} body.ipl .ipl_widget.sliding_panel ul.widget-items > li{clear:both; display:block; float:none;width:auto;} .ipl_widget.sliding_panel li {padding:0;} .sliding_panel_controls{clear:both; padding:0; text-align:center} /* custom_questions_listing_widget */ .custom_questions_listing_widget .sliding_panel_controls { padding:10px 0 0 0; margin:0; clear:both; float:none;} .ipl_widget.custom_questions_listing_widget .widget-button { clear:both; float:none; min-height:10px; padding:25px 0 0 0;} .ipl_widget.ipl_size_33.custom_questions_listing_widget .widget-button a { width:200px; line-height:1.1em;} .custom_questions_listing_widget .sliding_panel_controls .previous,.custom_questions_listing_widget .sliding_panel_controls .next { display:block; color:#4c4c4d; font-size:11px; line-height:1em;} .custom_questions_listing_widget .sliding_panel_controls .previous:hover, .custom_questions_listing_widget .sliding_panel_controls .next:hover { color:#000;} .custom_questions_listing_widget .sliding_panel_controls .previous { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/slider_left.png) no-repeat 0 1px; padding:0 0 0 15px; float:left;} .custom_questions_listing_widget .sliding_panel_controls .next { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/slider_right.png) no-repeat right 1px; text-align:right; padding:0 15px 0 0; float:right;} /* Question uniquement pour les questions résolues de la page catégorie */ .custom_questions_listing_widget.ipl_size_66 { margin-bottom:70px;} .custom_questions_listing_widget.ipl_size_66 .questions .question { padding:0 0 0 60px; background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/resolu.jpg) no-repeat 0 5px; margin-left:23px;} .show .custom_questions_listing_widget.ipl_size_66 .questions .question .user{ left:60px;} .show .custom_questions_listing_widget.ipl_size_66 .questions .question .corpus { margin-left:0; left:0;} .show .custom_questions_listing_widget.ipl_size_66 .questions .question .user { left:0;} .custom_questions_listing_widget.ipl_size_66 .questions .question .user{ left:0; position:relative; top:0; z-index:2; float:left; width:71px;} .show .custom_questions_listing_widget.ipl_size_66 .questions .answer .metadata {margin-bottom:0;} .show .custom_questions_listing_widget.ipl_size_66 .questions .answer { margin-left:80px; display:block;} .show .custom_questions_listing_widget.ipl_size_66 .questions .answer .badgeville-user-point-metadata { font-size:12px; font-weight:600; color:#f7c546; font-family: 'SomfySans', Arial, Helvetica, sans-serif; float:left;} .show .custom_questions_listing_widget.ipl_size_66 .questions .answer .badgeville-user-point-metadata a { color:#f7c546;} .show .custom_questions_listing_widget.ipl_size_66 .questions .answer .badgeville-user-badge-metadata { font-size:12px; font-weight:600; color:#f7c546; font-family: 'SomfySans', Arial, Helvetica, sans-serif; float:left;} .show .custom_questions_listing_widget.ipl_size_66 .questions .answer .badgeville-user-badge-metadata a { color:#f7c546;} /* Question uniquement pour les questions résolues de la page catégorie dans les tabulation "Aidez la communauté ! Répondez aux questions suivantes" */ .show .last_questions_widget.ipl_size_66 { } .show .last_questions_widget.ipl_size_66 .bd { margin-left:24px;} .show .last_questions_widget.ipl_size_66 .bd .questions .answer { display:none;} .show .last_questions_widget.ipl_size_66 .bd .questions .question .corpus { margin-left:0;} .show .last_questions_widget.ipl_size_66 .bd .questions .question .user { display:none;} .show .last_questions_widget.ipl_size_66 .bd .questions .question .corpus h3 { font-size:16px;} .show .last_questions_widget.ipl_size_66 .bd .questions .question .metadata .category { display:none;} .show .last_questions_widget.ipl_size_66 .bd .questions .question .metadata .date-distance { display:none;} .show .last_questions_widget.ipl_size_66 .bd .questions .question { margin:0 ; padding:0; min-height:5px;} .show .last_questions_widget.ipl_size_66 .bd .questions .question { border-left :2px solid #cccccc; padding-left:14px;} .show .last_questions_widget.ipl_size_66 .bd .questions .question.answered { border-left :2px solid #fc1b2b;} .show .last_questions_widget.ipl_size_66 .bd .questions .question.admin_stamped { border-left :2px solid #ffbc1d;} .show .last_questions_widget.ipl_size_66 .tab-controls {display:none;} /* custom_users_by_role_widget */ .custom_users_by_role_widget {margin:0 0 95px 0;} .custom_users_by_role_widget .bd {background-color:#fff; padding:15px 0 0 0;} .custom_users_by_role_widget .widget-items { padding:0 0 25px 0; min-height:10px; height:100px} .custom_users_by_role_widget .widget-items:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} .custom_users_by_role_widget .widget-items li { display:block; width:70px; float:left; margin:0 12px 15px 12px; text-align:center;} .custom_users_by_role_widget .widget-items li a { font-size:12px; color:#87888a; text-align:center;} .custom_users_by_role_widget .widget-items li img { width:100%; height:auto;} .custom_users_by_role_widget .pagination { min-height:50px; text-align:center; clear:both; float:none; width:100%; position:relative; z-index:1; margin:0;} .custom_users_by_role_widget .pagination a, .custom_users_by_role_widget .pagination span, .custom_users_by_role_widget .pagination em { display:inline-block; font-size:0; overflow:hidden; text-indent:-200px; padding:0px; width:12px;height:28px; background-image:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/sprite_user_slider.png); background-repeat:no-repeat; background-position:-106px 0;} .custom_users_by_role_widget .pagination a:hover { background-position:-162px 0;} .custom_users_by_role_widget .pagination em {background-image:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/sprite_user_slider.png);background-position:-135px 0;font-size:0;width:12px;} .custom_users_by_role_widget a.prev_page { background-position:0 0; position:absolute; top:0; left:15px;display:block; width:12px; height:29px;} .custom_users_by_role_widget a.prev_page:hover { background-position:-27px 0;} .custom_users_by_role_widget span.disabled.prev_page { background-position:-27px 0; position:absolute; top:0; left:15px;display:block; width:12px; height:29px;} .custom_users_by_role_widget a.next_page { background-position:-84px 0; position:absolute; top:0; right:8px;display:block; width:12px; height:29px;} .custom_users_by_role_widget a.previous_page, .custom_users_by_role_widget span.disabled.previous_page {background-position:0px 0; position:absolute; top:0; left:20px;display:block; width:12px; height:29px;} .custom_users_by_role_widget a.previous_page:hover, .custom_users_by_role_widget span.disabled.previous_page {background-position:-27px 0;} .custom_users_by_role_widget a.next_page:hover { background-position:-58px 0;} .custom_users_by_role_widget span { background-position:-106px 0;} .custom_users_by_role_widget span.current { background-position:-135px 0;} .custom_users_by_role_widget span.disabled.next_page { background-position:-58px 0; position:absolute; top:0; right:8px;display:block; width:12px; height:29px;} .widget-legende li a { color:#646464;} /* ******************************* */ /* SIDEBAR PARTS */ /* ***************************** */ /* sidebar-parts */ @media (min-width: 1024px) { .sidebar-parts { padding:23px 0 23px 0; margin-top: 120px;} } /* sidebar-parts responsive*/ @media (max-width: 1023.98px) { .sidebar-parts { padding:23px 0 23px 0; margin-top: 50px;} } @media (max-width: 991.98px) { .sidebar-parts { padding:23px 0 23px 0; margin-top: 20px;} } @media (max-width: 767.98px) { .sidebar-parts { padding:23px 0 23px 0; margin-top: 0px;} } .sidebar-parts .sidebar-part > dt { line-height:1em; clear:both; color:#1e1e1e; float:none; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:30px; font-weight:600; margin:0 0 18px 0; padding:0; text-transform:none; width:100%;} .sidebar-parts .sidebar-part > dd { min-height:10px; padding:24px 16px; background-color:#fff; color:#646464; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:14px; margin:0 23px 25px 0;} .sidebar-parts .sidebar-part > dd:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} /* details */ .sidebar-part.details-content { display:none;} /* fils d'activité de la question */ .sidebar-part.feed-content { display:none;} /* Actions */ .sidebar-parts ul.public-actions { } .sidebar-parts ul.public-actions li { margin:0 0 10px 0; padding:0;} .sidebar-parts ul.public-actions li a { font-size:14px; color:#646464; display:block; background-image:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/sprite_actions.jpg); background-repeat:no-repeat; background-position:0 0; padding:0 0 0 25px; line-height:1.1em;} .sidebar-parts ul.public-actions li.close-contributions a { background-position:0 2px;} .sidebar-parts ul.public-actions li.add a { display:none;} .sidebar-parts ul.public-actions li.star-question a { display:none;} .sidebar-parts ul.public-actions li.self-assign a { display:none;} .sidebar-parts ul.public-actions li.report a { background-position:0 -44px;} .sidebar-parts ul.public-actions li.add-this a { background-position:0 -92px;} /* Détails */ .sidebar-parts .details-content ul { } .sidebar-parts .details-content ul li { margin:0 0 10px 0; padding:0 0 0 12px; color:#646464; display:block; font-size:14px; background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/bulltet_li.gif) no-repeat 0 6px; line-height:1.1em;} .sidebar-parts .details-content ul li a {color:#FAB711;} /* Question liées */ .sidebar-parts .duplicates-content .question { padding:0;} .sidebar-parts .duplicates-content .questions-content { clear:both; float:none; min-height:10px; margin:0 0 20px 0;} .sidebar-parts .duplicates-content .questions-content:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} .sidebar-parts .duplicates-content .questions-content .clone-ul-content-buttons { display:none;} .sidebar-parts .duplicates-content .body { display:none;} .sidebar-parts .duplicates-content .answer { display:none;} .sidebar-parts .duplicates-content .corpus { min-height:10px; padding:0; clear:both; float:none;} .sidebar-parts .duplicates-content .corpus:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} .sidebar-parts .duplicates-content .corpus h3 { margin:0 0 5px 0; padding:0; font-family: 'SomfySans', Arial, Helvetica, sans-serif; display:block;font-size:14px;} .sidebar-parts .duplicates-content .corpus h3 a { font-size:14px; line-height:16px;color:#2a2a2a;display:block;} .sidebar-parts .duplicates-content .corpus h3 a:hover { text-decoration:none!important;} .sidebar-parts .duplicates-content .user .avatar { position:absolute; top:0; left:0; z-index:2; display:none;} .sidebar-parts .duplicates-content .metadata { float:left; font-size:10px; font-family: 'SomfySans', Arial, Helvetica, sans-serif; color:#b6b6b6; line-height:1em;} .sidebar-parts .duplicates-content .metadata .answer-count { display:block; float:left; padding:1px 10px 0 0; background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/bullet_dl.gif) no-repeat right 6px;} .sidebar-parts .duplicates-content .metadata .answer-count dd { float:left;font-size:10px; font-family: 'SomfySans', Arial, Helvetica, sans-serif; color:#b6b6b6; line-height:1em;} .sidebar-parts .duplicates-content .metadata .answer-count dt { display:none;} .sidebar-parts .duplicates-content .metadata .category { float:left;display:block; padding:0 10px 0 0; background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/bullet_dl.gif) no-repeat right 6px; text-transform:uppercase; color:#fab711;} .sidebar-parts .duplicates-content .metadata .date-distance, .sidebar-parts .duplicates-content .metadata .date-distance dd {float:left; display:block; font-size:10px; font-family: 'SomfySans', Arial, Helvetica, sans-serif; color:#b6b6b6; line-height:1em; 1px 0 0 0} .sidebar-parts .duplicates-content .metadata .category a { color:#fab711;} .sidebar-parts .duplicates-content .metadata .category dt { display:none;} .sidebar-parts .duplicates-content .metadata .category dd a {font-size:10px; font-family: 'SomfySans', Arial, Helvetica, sans-serif; color:#fab711; line-height:1em;} .sidebar-parts .duplicates-content .metadata .author-name, .sidebar-parts .duplicates-content .metadata .date, .sidebar-parts .duplicates-content .metadata .hits, .sidebar-parts .duplicates-content .metadata .content-type { display:none;} .sidebar-parts .duplicates-content .content-buttons { padding:5px 0 0 0;} .sidebar-parts .duplicates-content .team, .sidebar-parts .duplicates-content .block-social { display:none;} /* .listing-with-users */ .sidebar-parts .listing-with-users { clear:both; float:none; margin:0 0 10px 0;} .sidebar-parts .listing-with-users li.feed_item { clear:both; float:none; padding:0 0 0 64px; margin:0 0 20px 0; min-height:50px; position:relative; z-index:1;} .sidebar-parts .listing-with-users li.feed_item:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} .sidebar-parts .listing-with-users .avatar {position:absolute; top:0; left:0; width:47px; height:47px;} .sidebar-parts .listing-with-users .avatar img {width:47px; height:47px;} .sidebar-parts .listing-with-users .avatar dt { display:none;} .sidebar-parts .listing-with-users .user dt { float:left;} .sidebar-parts .listing-with-users .user dd { float:left;} .sidebar-parts .listing-with-users h4 { color:#2a2a2a; font-size:14px; font-family: 'SomfySans', Arial, Helvetica, sans-serif; line-height:1.1em; clear:both; float:none; margin:0 0 3px 0; padding:0;} .sidebar-parts .listing-with-users h4 a { color:#2a2a2a;} .sidebar-parts .listing-with-users .level { color:#b9004d; font-weight:bold; display:block; clear:both; float:none; font-size:12px;} .sidebar-parts .listing-with-users .level dt { padding-right:5px;} .sidebar-parts .listing-with-users .score { color:#ffbc1d; font-weight:bold; display:block; clear:both; float:none; font-size:12px;} .sidebar-parts .listing-with-users .score dt { padding-left:5px;} .sidebar-parts .listing-with-users .title-content { display:none;} /* listing-with-users qui se trouve uniquement dans la sidebar non déclaré des pages catégories */ .category_feed_widget.small .listing-with-users.widget-items h4 { display:none;} .category_feed_widget.small .listing-with-users.widget-items .user { } .category_feed_widget.small .listing-with-users.widget-items .avatar { } .category_feed_widget.small .listing-with-users.widget-items .level { display:none;} .category_feed_widget.small .listing-with-users.widget-items .score { display:none;} .category_feed_widget.small .listing-with-users.widget-items .title-content { padding:0 0 10px 0;} /* ******************************* */ /* PAGES FILLES CATEGORIES */ /* ***************************** */ /* titre la page soit la categorie */ .show .ipl_content.yui-g .ipl_widget h2 { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/wdg_title.gif) no-repeat 0 0; clear:both; float:none; padding:14px 0 0 0; width:100%; color:#87888A; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:14px; letter-spacing:2px; margin: 0; text-transform:uppercase; font-weight:normal;} .old-h1 { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/wdg_title.gif) no-repeat 0 0; clear:both; float:none; padding:14px 0 0 27px; width:100%; color:#87888A; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:14px; letter-spacing:2px; margin:0 0 25px; text-transform:uppercase; font-weight:normal;} .yui-b h1 { font-size:32px; color:#1e1e1e; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-weight:normal; margin:0 0 20px 0; padding:0;} .custom-question-category-name p { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/wdg_title.gif) no-repeat 26px 0; clear:both; color:#87888A; float:none; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; letter-spacing:2px; margin:23px 0 25px 0 ; padding:10px 0 0 27px; text-transform:uppercase; width:100%;} .custom-question-category-name p a { color:#87888A;} /* Widget slider des category sauf celui de la home à l'état non actif */ .show .custom_questions_listing_widget.small .questions .question .user { display:none;} .show .custom_questions_listing_widget.small .bd { position:relative; z-index:1;} .show .custom_questions_listing_widget.small .bd .t { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/faq.jpg) no-repeat 0 0; display:block; position:absolute; top:0; left:21px; width:30px; height:40px; z-index:10;} .show .custom_questions_listing_widget.small .questions .question .corpus { margin-left: 50px;} .show .starred_questions_widget { min-height:10px; margin:0; padding:0;} .show .starred_questions_widget:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} .show .starred_questions_widget .hd h2 { font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-weight: 600; color:#1e1e1e; font-size:32px; line-height:1em; margin:0 0 20px 23px; padding:0;} .show .starred_questions_widget .bd { position:relative; z-index:1; color:#413c31; margin:0; padding:0;} .show .starred_questions_widget .bd:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} .show .starred_questions_widget .bd .b { background:#fff url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/slider_left_blank.gif) repeat-y 0 0; min-height:200px; color:#413c31; min-height:180px;} .show .starred_questions_widget .bd .user { display:none;} .show .starred_questions_widget .bd .body .body-bd { display:block; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:14px; color:#413c31; padding:0 0 19px 0; border:none; margin:0;} .show .starred_questions_widget .bd .metadata dd, .show .starred_questions_widget .bd .metadata dt { font-size:12px;} .show .starred_questions_widget .bd .metadata .answer-count { font-weight:bold; padding-bottom:5px;} .show .starred_questions_widget .question .metadata .category, .show .starred_questions_widget .question .metadata .date-distance { display:none!important;} .show .starred_questions_widget .question { margin:0 85px!important;} .show .starred_questions_widget .question .corpus { padding:23px 0 0 0;} .show .starred_questions_widget .question .corpus h3 { font-weight:normal; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:20px; color:#000000; margin:0 0 23px 0;} .show .starred_questions_widget .question .corpus h3 a { font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:20px; color:#000000;} .show .starred_questions_widget .question.category-id-1890 .corpus .body, .show .starred_questions_widget .question.question.category-id-1891 .corpus .body { display:none;} .show .starred_questions_widget .questions .question .view-more { padding:5px 0 0 0; display:block;} .show .starred_questions_widget .questions .question .view-more a { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/block_sites.png) no-repeat 0 2px; color:#1B1B1B; display:block; float:left; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:12px; font-weight:600; line-height:1.1em; padding:0 0 0 18px;} .show .starred_questions_widget .sliding_panel_controls { width:100%;} .show .starred_questions_widget .sliding_panel_controls a { display:block; background-image:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/slider_controls.gif); background-repeat:no-repeat; background-position:0 0; width:80px; height:220px; position:absolute; top:0; z-index:2; overflow:hidden; text-indent:-200px;} .show .starred_questions_widget .sliding_pagination { display:none;} .show .starred_questions_widget .sliding_panel_controls .previous { left:0;} .show .starred_questions_widget .sliding_panel_controls .previous:hover, .show .starred_questions_widget .sliding_panel_controls .previous.disabled { background-position:-183px 0;} .show .starred_questions_widget .sliding_panel_controls .next { right:-24px; background-position:-87px 0;} .show .starred_questions_widget .sliding_panel_controls .next:hover, .show .starred_questions_widget .sliding_panel_controls .next.disabled { background-position:-271px 0;} .show .starred_questions_widget .answer {display:none!important;} .show .starred_questions_widget .widget-button { display:none;} .show .starred_questions_widget .widget-button a.button:hover, .show .custom_questions_listing_widget .widget-button a.button:hover { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/block_sites.png) no-repeat 0 2px; color:#1b1b1b; text-decoration:underline;} /* Question/Answer */ .show .ipl_widget .questions .question .metadata .hits { display:none;} .show .ipl_widget .questions .question .clone-hits { line-height:1em; float:left; display:block; background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/bullet_dl.gif) no-repeat right 4px; padding:0 10px 0 0;} .show .ipl_widget .questions .question .clone-hits dt { display:none;} .show .ipl_widget .questions .question .metadata .answer-count { background-image:none;} .show .ipl_widget .questions .answer { display:block;} .show .custom_questions_listing_widget .questions .answer { display:none;} /* En ce moment */ .show .domain_feed_widget.small .domain_feeds li { padding-top:0;} .show .domain_feed_widget.small .domain_feeds li .user .level { display:none;} .show .domain_feed_widget.small .domain_feeds li .user h4 { display:none;} .show .domain_feed_widget.small .domain_feeds li .title-content {display:block; padding:0 0 10px 0;} .show .domain_feed_widget.small .domain_feeds li .title-content a { color: #007EAB; display: block; float: left; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 600; padding: 0 5px 0 0;} /* **************************** */ /* QUESTION/REPONSE/FEED */ /* ************************** */ /* QUESTION */ .question { padding:0 27px; min-height:10px; position:relative; z-index:1;} .question:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} .question .corpus h1 { font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:22px; color:#000; line-height:1.1em; margin:0 0 10px 0; padding:0;} .admin_stamped.question .corpus h1 { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/resolu.jpg) no-repeat 0 6px; text-indent:60px;} .question .corpus h1 a { color:#000;} .question .corpus h3 { font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:22px; color:#000; line-height:1.1em; margin:0 0 10px 0; padding:0;} .question .corpus h3:first-letter { text-transform:uppercase;} .question .corpus h3 a { color:#000;} .question .body { font-size:14px; color:#2e2e2e; font-family: 'SomfySans', Arial, Helvetica, sans-serif;} .question .body:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} .question .body p { font-size:14px; color:#2e2e2e; font-family: 'SomfySans', Arial, Helvetica, sans-serif; margin:0 0 16px 0;} .question .body a, .answer .body a {color:blue;} .new_question_wizard_page .question { margin-bottom:20px;} .new_question_wizard_page .question .body .body-bd { line-height:1.3em; border-left:2px solid #d8d8d8; padding:10px 0 10px 20px; margin:0 0 30px 0; background-color:#fff; font-size:12px; color:#2a2a2a; display:none;} .new_question_wizard_page ul.questions .answer { background-color:#FFFFFF; background-image:none; border-left:2px solid #D8D9DB; margin-left:72px; padding:10px 12px 60px 12px;} .new_question_wizard_page ul.questions .answer .user { display:block; position:absolute; bottom:10px; left:10px;} .new_question_wizard_page ul.questions .answer .user .avatar dt { display:none;} .new_question_wizard_page ul.questions .answer .user h4 { display:none;} .new_question_wizard_page ul.questions .answer .user .level { display:none;} .new_question_wizard_page ul.questions .answer .user .score { display:none;} .new_question_wizard_page ul.questions .answer .user .custom-fields { display:none;} .new_question_wizard_page ul.questions .answer .corpus .metadata { display:block; position:absolute; bottom:10px; left:70px;} .new_question_wizard_page ul.questions .answer .corpus .metadata .author-name { display:block;} .new_question_wizard_page .answer.category-id-1890, .new_question_wizard_page .answer.category-id-1890 { padding-bottom:0!important} .new_question_wizard_page .answer.category-id-1890 .user, .new_question_wizard_page .answer.category-id-1890 .metadata { display:none!important;} .new_question_wizard_page .answer.category-id-1891, .new_question_wizard_page .answer.category-id-1891 { padding-bottom:0!important} .new_question_wizard_page .answer.category-id-1891 .user, .new_question_wizard_page .answer.category-id-1891 .metadata { display:none!important;} .question .body .body-bd:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} .question .user { float:left; width:48px;margin:0 10px 0 0;} .question .user .avatar { } .question .user .avatar dt { display:none;} .question .user .avatar dd { } .question .user h4, .question .user .level, .question .user .score { display:none;} .question .metadata { font-size:11px; color:#b6b6b6; font-family: 'SomfySans', Arial, Helvetica, sans-serif;} .question .metadata .answer-count {display:none;} .question .metadata .category {display:none;} .question .metadata .author-name { color:#2b2b2b; font-size:12px; font-weight:bold;padding:10px 0 0 0;} .question .metadata .author-name a { color:#2b2b2b;} .question .metadata .author-name dt {display:none;} .question .metadata .date {display:none;} .question .metadata .badgeville-user-point-metadata {display:none;} .question .metadata .badgeville-user-badge-metadata {display:none;} .question .user .custom-fields {display:none;} .question .metadata .date-distance dt {display:none;} .question .metadata .hits {display:none;} .question .metadata .content-type {display:none;} .question .block-social div { display:block;} .question .add-this { display:none;} .question .public-actions { float:left;} /*.question .report.new-report {display:none;}*/ .question .report { float:left;} .question .content-buttons { float:right;} .question .attachment { display:block;} .question .body .attachment.cover-attachment-in-content-attachments{ display:none;} .question .attachment img { max-width:583px; height:auto;} /* formulaire standard */ .show form.standard { margin:24px;} .attachment-metadata, .attachment-play-button {display:none;} ul.questions .question .attachment { display:none;} /* ANSWER */ .answer { background-color:#fff; position:relative; z-index:1; min-height:10px; margin:0 24px 10px 24px; padding:10px;} .answer:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} .answers-tab .answer .corpus { width:470px;} .answer .corpus .body { font-size:12px; font-family: 'SomfySans', Arial, Helvetica, sans-serif; color:#2a2a2a; margin:0 0 20px 0; padding:0;} .answer .metadata { min-height:10px; margin:0 0 10px 0; padding:0 0 1px 0;} .answer .metadata:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} .answer .metadata .author-name { font-size:12px; color:#2b2b2b; font-weight:bold; display:none;} .answer .metadata .author-name a { color:#2b2b2b;} .answer .metadata .author-name dt { display:none;} .answer .metadata .author-name .dd { } .answer .clone-author-name { font-size:10px; color:#909193; font-weight:bold;} .answer .clone-author-name a { color:#909193; text-decoration:underline; font-size:10px;} .answer .clone-author-name a:hover { color:#999a9a;} .answer .clone-author-name dt { display:none;} .answer .clone-author-name .dd { } /*.answer .report.new-report {display:none;}*/ .answer .metadata .date {display:none;} .answer .metadata .date-distance { font-size:11px; color:#909193;} .answer .metadata .date-distance a { color:#909193;} .answer .metadata .date-distance dt {display:none;} .answer .metadata .content-type {display:none;} .answer ul.public-actions { float:left; padding:1px 0 0 0;} .answer ul.public-actions li { display:inline; padding:0; margin:0;} .answer ul.public-actions li a { display:inline-block;font-size:16px; color:#000000;font-weight:normal; padding:5px 20px; line-height:1em; text-transform:uppercase; font-family: 'SomfySans', Arial, Helvetica, sans-serif; background-color:#d8d8d8;} #bd .answer ul.public-actions li a:hover { background-color:#e8e8e8; text-decoration:none;} .answer ul.content-buttons { text-align:right; float:right; padding:10px 0 20px;} .domain-type-answers .answer ul.content-buttons { display:none;} .domain-type-answers .clone-ul-content-buttons { clear:both; float:none; padding:10px 0; min-height:5px; max-width:613px;} .browse .clone-ul-content-buttons, .browse .content-buttons {display:none;} .domain-type-answers .clone-ul-content-buttons:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} .domain-type-answers .answers-tab .clone-ul-content-buttons { max-width:590px;} .domain-type-answers .clone-ul-content-buttons li a { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/widget_bottom_links.gif) no-repeat 0 0 ; color:#141015; display:block; float:left; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:12px; line-height:1.1em; padding:7px 25px 7px 36px;} .domain-type-answers .clone-ul-content-buttons li.author-stamp { width:50%; float:right;} .domain-type-answers .clone-ul-content-buttons li.author-stamp a { float:right;} .domain-type-answers .clone-ul-content-buttons li.admin-stamp { width:50%; float:left;} .domain-type-answers .clone-ul-content-buttons li.remove-author-stamp { width:50%; float:right;} .domain-type-answers .clone-ul-content-buttons li.remove-author-stamp a { float:right;} .answer ul.content-buttons li { display:inline; padding:0; margin:0;} .answer ul.content-buttons li a { text-align:right;font-weight:600;font-size:16px; color:#000000; padding:5px 20px; line-height:1em; text-transform:none; font-family: 'SomfySans', Arial, Helvetica, sans-serif; background-color:#d8d8d8; display:inline-block; margin-bottom:5px;} #bd .answer ul.content-buttons li a:hover { background-color:#e8e8e8; text-decoration:none;} /* STAMPS */ .question .team { width:45px; height:20px; position:absolute; top:0; left:0; z-index:9999; overflow:hidden; text-indent:-100px;} .question .body-bd { border-color:#d8d9db;} /* partager cette question ? */ .answer .add-this { display:block; float:right;} .answer .add-this a { font-size:12px; font-family: 'SomfySans', Arial, Helvetica, sans-serif; color:#1b1b1b;} .answer .new-report a { background-color:#D8D8D8; color:#000000; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:16px; display:inline-block; margin-bottom:5px; line-height:1em; padding:5px 20px; text-align:right; text-transform:uppercase;font-weight:600;} /* Non satisfait ? */ .not-satisfied { padding:0 23px;} .not-satisfied h4 { color:#000000; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:18px; line-height:1em; margin:0 0 23px;font-weight:600;} /* usefulness */ .usefulness { clear:both; float:none; background-color:#fff; padding:24px; max-width:612px; margin:10px 0 30px 0;} .usefulness p.label{font-size:18px; color:#000000; font-family: 'SomfySans', Arial, Helvetica, sans-serif; margin:0 0 23px 0; line-height:1em;font-weight:600;} .usefulness p.summary{ font-size:12px; color:#000000; font-family: 'SomfySans', Arial, Helvetica, sans-serif; margin:0 0 23px 0; padding:10px 0 0 0; line-height:1em; display:block;} .usefulness .bar span.vote a { background-color:#D8D8D8; color:#000000; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:16px; line-height:1em; padding:5px 20px; text-transform:uppercase; display:inline-block; cursor:pointer;font-weight:600;} .usefulness .bar span.vote a:hover { text-decoration:none!important; background-color:#e8e8e8;} .usefulness div.bar p.border-text { margin-bottom:15px;} .usefulness div.bar p.border-text.no{float:left; margin:0 15px 0 0;} .usefulness div.bar p.border-text.yes{float:left} .usefulness .bar span.count { display:none;} .usefulness div.bar p.border-text.no span.vote{margin-right:2px} .usefulness div.bar p.border-text.yes span.vote{margin-left:2px} .usefulness.voted div.bar p.border-text span.vote a{cursor:pointer;text-decoration:none} .usefulness.voted div.bar p.border-text span.vote a:hover { text-decoration:none!important; background-color:#e8e8e8;} .usefulness.voted div.bar p.border-text span.vote a:hover span { text-decoration:none!important;} .usefulness .bar .percent{ clear:both; float:none; background:no-repeat left 0; height:25px;width:500px;} .usefulness div.bar div.percent p {background:no-repeat right 0;height:25px;position:relative;right:0; line-height:1em; overflow:hidden;} .usefulness div.bar div.percent span{background:no-repeat;display:block;height:25px;margin-left:-5px;text-align:right} .usefulness div.bar div.percent span span {margin-left:0; position:relative; text-align:center; padding:6px 0 0 0; height:23px; line-height:1em;} #bd .usefulness div.bar div.percent p {border:1px solid #47a9b6; width:490px} .usefulness div.bar div.percent, #bd .usefulness div.bar div.percent p, #bd .usefulness div.bar div.percent span{background-image:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/usefulness.png); color:#fff; line-height:1.5em; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:10px;} .usefulness.low div.bar div.percent span{background-position:left -32px} .usefulness.low div.bar div.percent span span {background-position:right -30px; padding:0; margin:0; line-height:1em;} .usefulness.medium div.bar div.percent span{background-position:left -92px} .usefulness.medium div.bar div.percent span span{background-position:right -61px} .usefulness.high div.bar div.percent span{background-position:left -92px} .usefulness.high div.bar div.percent span span{background-position:right -61px} /* Dans les tabulations */ .answers-tab.tab { background-color:#f8f8f8; min-height:10px; margin-left:23px;} .yui-t6 #yui-main .yui-b .answers-tab.tab p.old-h1 { display:block;font-weight:600; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:32px; color:#1e1e1e; line-height:1em; margin:0 0 20px 0; padding:0;} /*ADD THIS BUTTON POP UP*/ div#at-expanded-menu-host #at-expanded-menu-title, div#at-expanded-menu-host .at-branding-logo, div#at-expanded-menu-host .at-copy-link-result-message span, div#at-expanded-menu-host .at-copy-link-share-page-url, div#at-expanded-menu-host .at-expanded-menu, div#at-expanded-menu-host .at-expanded-menu-button-label, div#at-expanded-menu-host .at-expanded-menu-email-disclaimer, div#at-expanded-menu-host .at-expanded-menu-load-btn, div#at-expanded-menu-host .at-expanded-menu-page-title, div#at-expanded-menu-host .at-expanded-menu-page-url, div#at-expanded-menu-host .at-expanded-menu-privacy-link, div#at-expanded-menu-host .at-expanded-menu-search-label-content, div#at-expanded-menu-host .at-expanded-menu-top-services-header, #at-expanded-menu-bd .at-expanded-menu-load { font-family: 'SomfySans', Arial, Helvetica, sans-serif; } .yui-t6 #yui-main .yui-b .answers-tab.tab .old-h1, .answers-tab.tab .old-h1 { background:none; clear:both; color:#1e1e1e; float:none; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:32px; letter-spacing:normal; margin:0 0 25px 23px; padding:0; font-weight:normal; text-transform:none; width:100%;} /* Question à se poser */ .ask_question_link { clear:both; float:none; padding:0; text-align:center; min-height:10px;margin:20px;background:#88d0d5 url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/posez-question-bg.jpg) no-repeat 0 0;height:109px;position:relative;} .ask_question_link:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} .ask_question_link p { font-size:18px; color:#333333; padding:0; margin:0;} .ask_question_link p span { display:block; margin:0 0 5px 0; padding:0; line-height:1em;position:absolute;text-align:left;font-size:22px;text-transform:uppercase;left:35px;top:20px;font-family: 'SomfySans', Arial, Helvetica, sans-serif;} .ask_question_link p span:after {content:" ?";font-size:60px;color:#88d0d5;} .ask_question_link p a { color:#333333; font-size:22px; line-height:1em; text-align:center; font-weight:normal; padding:10px; background:url("https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/tabul.jpg") repeat-x scroll 0 bottom #F5F5F5; font-family: 'SomfySans', Arial, Helvetica, sans-serif; display:inline-block;position:absolute;right:30px;top:34px;} /* SOCIAL BUTTONS */ .block-social {clear:both; float:none; padding:0; margin:0; position:relative; z-index:1;} .block-social div { display:none;} .block-social:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} .block-social .twitter-button { width:100px; height:28px; overflow:hidden; float:left; margin:0 0 30px 0; padding:30px 0 0 0;} .block-social .google-plus-one { width:55px; height:28px; overflow:hidden; float:left; margin:0 0 30px 0; padding:30px 0 0 0;} .block-social .facebook-like { width:250px; height:28px; overflow:hidden; float:left; margin:0 0 30px 0; padding:30px 0 0 0;} .block-social .facebook-like iframe {width:450px;height:28px;} .block-social .rss_link { width:150px; height:28px; overflow:hidden; float:left; margin:0 0 30px 0; padding:30px 0 0 0;} .block-social .clone-liaddthis { position:absolute; top:30px; right:0; text-align:right;} .block-social .clone-liaddthis a { font-size:12px; font-weight:bold; color:#1b1b1b; background-color:transparent; display:inline; font-family: 'SomfySans', Arial, Helvetica, sans-serif; line-height:1em; padding:0;} .block-social .clone-liaddthis a:hover { text-decoration:underline;color:#1b1b1b; background-color:transparent;} /* FEED */ .domain_feeds { } .domain_feeds li.feed_item { clear:both; float:none; min-height:10px; margin:0 0 10px 0; padding:5px 0 0 45px; min-height:30px; position:relative; z-index:1; line-height:1em;} .domain_feeds li.feed_item:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} .domain_feeds li .user .avatar { width:44px; position:absolute; top:0; left:0; z-index:2;} .domain_feeds li .user .avatar dt { display:none;} .domain_feeds li .user .avatar dd { } .domain_feeds li .user h4 { font-size:11px; color:#87888a; font-family: 'SomfySans', Arial, Helvetica, sans-serif; float:left; padding:0 5px 0 0;} .domain_feeds li .user h4 a { color:#87888a;} .domain_feeds li .user .level { font-family: 'SomfySans', Arial, Helvetica, sans-serif; float:left;padding:0 5px 0 0; font-size:11px; color:#007eab; font-weight:bold; display:block;} .domain_feeds li .user .level dt {float:left; padding:0 5px 0 0;} .domain_feeds li .user .level dd {float:left; padding:0 5px 0 0;} .domain_feeds li .user .score, .domain_feeds li .user .team { display:none;} .domain_feeds li .title-content { display:none;} /* LISTES USERS */ .best_users_widget .tab-controls { display:none;} .listing-with-users { } .listing-with-users li {clear:both;height:100%;} .listing-with-users .user {float:left;} .listing-with-users p {margin:0 0 10px 40px;} .user_profile_feeds.listing-with-users p {margin:0 0 10px;} .users.widget-items li.users-content {width:90px;float:left;clear:none;overflow:hidden; height:100px;text-align:center; overflow:hidden; padding:0 0 5px 0; margin:0 0 10px 0;} .users.widget-items li.users-content .user .avatar dt { display:none;} .users.widget-items li.users-content .user h4 { color:#606060; width:90px; overflow:hidden;font-size:11px; font-family: 'SomfySans', Arial, Helvetica, sans-serif; padding:5px 0; display:block; height:8px; line-height:1.2em;} .users.widget-items li.users-content .user h4 a { color:#606060;} .users.widget-items li.users-content .user .level { display:none;} .users.widget-items li.users-content .user .score { color:#b9004d; font-size:11px; font-weight:bold; padding:2px 0 0 0;} .users.widget-items {height:100%;} #bd .ipl_widget ul.users:after {clear:both;content:".";display:block;height:0;visibility:hidden;} .tab-widgets .users.widget-items li.users-content { height:80px;} .tab-widgets .users.widget-items li.users-content .user .level { display:none; font-size:25px; line-height:1.2em; color:#d7d8da; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-weight:normal;} .tab-widgets .users.widget-items li.users-content .user .level dt { display:none;} .tab-widgets .users.widget-items li.users-content .user .score { display:none;} .tab-widgets .users.widget-items li.users-content .user .score dd { font-size:11px;font-weight:bold; color:#b9004d; font-family: 'SomfySans', Arial, Helvetica, sans-serif;} .tab-widgets .users.widget-items li.users-content .user .score dt { display:none;} .tab-widgets .users.widget-items li.users-content .user .score span { display:none;} /* LISTES USERS dans la sidebar des pages categories uniquement */ .show .listing-with-users.small .award { } .show .listing-with-users.small .award a { color:#007eab;} .show .listing-with-users.small .award .user { left:0; position:absolute; top:0; width:58px; z-index:2;} .show .listing-with-users.small .award h4, .show .listing-with-users.small .award .user .level, .show .listing-with-users.small .award .user .score { display:none;} .show .listing-with-users.small .award .corpus { margin-left:60px;} .show .listing-with-users.small .award .metadata { color:#B6B6B6; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:10px;} .show .listing-with-users.small .award .metadata dl { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/bullet_dl.gif) no-repeat right 4px ; display:block; float:left; line-height:1em; margin:0; padding:0 10px 0 0;} .show .listing-with-users.small .award .metadata dl { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/bullet_dl.gif) no-repeat right 4px transparent; display:block; float:left; line-height:1em; margin:0; padding:0 10px 0 0;} .show .listing-with-users.small .award .metadata .answer-count dt, .show .listing-with-users.small .award .metadata .category dt, .show .listing-with-users.small .award .metadata .author-name, .show .listing-with-users.small .award .metadata .date-distance dd a, .show .listing-with-users.small .award .metadata .date, .show .listing-with-users.small .award .metadata .hits, .show .listing-with-users.small .award .metadata .content-type { display:none;} /* POSER UNE QUESTION */ #new_question_wizard #new_question_wizard_page_duplicates { background-color:#f8f8f8; padding:0 0 23px 0;} .new_question_wizard_page { max-width:600px;} #new_question_wizard_page_category_and_title .row, #new_question_wizard_page_duplicates .row, #new_question_wizard_page_improvements .row, #new_question_wizard_page_preview .row, #new_question_wizard_navigation .row { margin-bottom:5px; padding-left:23px;} #new_question_wizard_navigation .custom-required-indicator:first-letter { display:none;} #new_question_wizard_navigation .custom-required-indicator { background: url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/required.png) no-repeat 0 2px; padding-left:15px; color: #F40A0A; font-size:12px; min-height:30px; display:block;} #new_question_wizard_page_improvements .row.attachment-field-row { padding-top:15px;} #new_question_wizard_page_improvements h1 { line-height:1em; padding-top:15px;} #new_question_wizard .new_question_wizard_page h1 { padding:23px 0 0 23px; color:#1e1e1e; font-weight:600;font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:32px; padding:0 0 41px 0; margin:0; background-color:#fff;} #new_question_wizard_pagination { margin:0 0 50px 0; padding:0; min-height:100px;} #new_question_wizard_pagination:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} #new_question_wizard_pagination li { background:#f8f8f8 url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/question_wizard_nonactive.gif) repeat-x 0 bottom; display:block; width:20%;float:left; padding:25px 2% 0 2%; margin:0;text-align:center; border-right:2px solid #fff; color:#87888a; font-weight:normal;font-family: 'SomfySans', Arial, Helvetica, sans-serif; min-height:10px; height:180px;} #new_question_wizard_pagination li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} #new_question_wizard_pagination li span { font-family: 'SomfySans', Arial, Helvetica, sans-serif; color:#87888a; font-size:20px;font-weight:normal;} #new_question_wizard_pagination li strong { display:block; line-height:1em; color:#5fdaea; font-size:28px; margin:0 0 10px 0;} #new_question_wizard_pagination li.current { color:#535154; background:#5fdaea url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/question_wizard_active.gif) no-repeat center bottom;} #new_question_wizard_pagination li.current strong { color:#535154;} .btn-block { clear:both; float:none; margin-top: 30px;} .btn-block .button { color:#333333; display:inline-block; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:22px; line-height:1em; padding:9px 20px; font-weight:normal;} .btn-block .button.next { padding-right:47px; background:#ffbc1d url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/btn_block_a.gif) no-repeat center right;} .btn-block .button.next:hover { text-decoration:none!important; background:#e5e7e9 url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/btn_block_ahover.jpg) no-repeat right center;} .btn-block .button.previous { margin:0 20px 0 0; background:#ffbc1d url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/btn_block_a.gif) no-repeat 0 center; padding-left:47px;} .btn-block .button.previous:hover { text-decoration:none!important; background:#e5e7e9 url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/btn_block_ahover.jpg) no-repeat 0 center;} .btn-block .disabled.previous, .btn-block .disabled.previous:hover { background:#e5e7e9 url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/btn_block_disabled.gif) no-repeat 0 center;} .btn-block .disabled.next, .btn-block .disabled.next:hover { background:#e5e7e9 url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/btn_block_disabled.gif) no-repeat right center;} #question_preview .question { min-height:10px; padding:0 ; position:relative; z-index:1;} #question_preview .question .body .body-bd { display:block!important; background-color:#FFFFFF; border-left:none; color:#2A2A2A; display:none; font-size:12px; line-height:1.3em; margin:0 0 5px 0; padding:10px 0 10px 0;} .question-monitor-row { padding-left:0!important;} #new_question_wizard div.yui-gc {clear:both;} #new_question_wizard_pagination p {text-align:center; padding:0; margin:0; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-weight:normal;} .help {background:#bff0f7;padding:19px 21px; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:12; color:#626364;} .help .bd h2 { font-size:20px; font-weight:600;font-family: 'SomfySans', Arial, Helvetica, sans-serif; margin:0 0 15px 0; color:#000000;} .help p { line-height:1.3em;} #new_question_wizard_page_category_and_title h1 { font-size:32px; color:#1e1e1e; font-family: 'SomfySans', Arial, Helvetica, sans-serif; margin:0 0 39px 0; padding:0; font-weight:600;} .new_question_wizard_page h1 { color:#646464; font-size:16px; font-family: 'SomfySans', Arial, Helvetica, sans-serif; margin:0 0 24px 0; padding:0;} #new_question_wizard_page_duplicates .question-title-row { background-color:#fff; padding-bottom:40px;} #new_question_wizard_page_duplicates .question .corpus h3 { font-weight:bold;} #new_question_wizard_page_duplicates .question .corpus h3 a { font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:16px; color:#646464;} #new_question_wizard_page_duplicates .question body { margin:0 0 0 45px;} #new_question_wizard_page_duplicates .question .metadata { font-family: 'SomfySans', Arial, Helvetica, sans-serif; color:#b6b6b6; font-size:10px;} #new_question_wizard_page_duplicates .question .metadata dl { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/bullet_dl.gif) no-repeat right 4px; display:block; float:left; padding:0 10px 0 0; margin:0; line-height:1em;} #new_question_wizard_page_duplicates .question .metadata dl.date-distance { } #new_question_wizard_page_duplicates .question .metadata dd, #new_question_wizard_page_duplicates .question .metadata dt { display:inline; padding:0; margin:0; line-height:1em;} #new_question_wizard_page_duplicates .question .metadata a {color:#fab711;} #new_question_wizard_page_duplicates .question .metadata .answer-count dt, #new_question_wizard_page_duplicates .question .metadata .category dt, #new_question_wizard_page_duplicates .question .metadata .author-name, #new_question_wizard_page_duplicates .question .metadata .date-distance dd a, #new_question_wizard_page_duplicates .question .metadata .date, #new_question_wizard_page_duplicates .question .metadata .hits dt, #new_question_wizard_page_duplicates .question .metadata .content-type { display:none;} #new_question_wizard_page_duplicates .question .metadata .category dd a { font-family: 'SomfySans', Arial, Helvetica, sans-serif; color:#fab711; font-size:10px; text-transform:uppercase;} #new_question_wizard_page_duplicates .question .metadata .hits { display:block;} #new_question_wizard_help_category_and_title, #new_question_wizard_help_duplicates, #new_question_wizard_help_improvements, #new_question_wizard_help_preview { margin-bottom:35px;} .new_question_wizard_page .question-title-row { background: url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/required.png) no-repeat right 10px;} .new_question_wizard_page .question-body-row { background: url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/required.png) no-repeat right 5px;} .new_question_wizard_page .question-category-group-typologie-row, .new_question_wizard_page .question-category-group-themes-row { background: url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/required.png) no-repeat right 5px;} .new_question_wizard_page .custom-required { display:none;} #bloc-custom-widgets { margin-bottom:35px;} #bloc-custom-widgets .intervention_specialiste { background-color:#be125a; color:#fff;} #bloc-custom-widgets .intervention_specialiste-content img { width:100%; height:auto;} #bloc-custom-widgets a { background:none repeat scroll 0 0 transparent; color:#FFFFFF; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:28px; line-height:1.2em; margin:0; padding:10px 0; text-align:center; font-weight:normal;} /* unique pour la page Single avec custo JS */ .domain-type-answers .answer { margin-left:0; padding-bottom:80px;} .domain-type-answers .answer .user { display:none;} .domain-type-answers .answer .user { display:none;} .domain-type-answers .answer .clone-certifiedmetadata { position:absolute; left:100px; bottom:25px; z-index:100;} .domain-type-answers .answer .clone-certifieduser { clear:both; float:none; width:100%;} .domain-type-answers .answer .clone-certifieduser .avatar { position: absolute; bottom:10px; left:30px; z-index:100; width:200px; width:48px;} .domain-type-answers .answer .clone-certifieduser .avatar dt { display:none;} .domain-type-answers .answer .clone-certifieduser h4 { display:none;} .domain-type-answers .answer .corpus .metadata { display:none;} .domain-type-answers .answer .clone-certifieduser dl { float:left; color:#909193; font-size:11px;} .domain-type-answers .answer .clone-certifieduser dl.custom-fields { display:none;} .domain-type-answers .answer .clone-certifieduser dl a { color:#909193; font-size:11px;} .domain-type-answers .answer .clone-certifiedmetadata { font-family: 'SomfySans', Arial, Helvetica, sans-serif;} .domain-type-answers .answer .clone-certifiedmetadata a { color:#909193; font-size:11px;} .domain-type-answers .answer .clone-certifiedmetadata .author-name { display:block; padding:0 5px 0 0; float:left;} .domain-type-answers .answer .clone-certifiedmetadata .author-name dt { display:none;} .domain-type-answers .answer .clone-certifiedmetadata .author-name a { font-size:12px; font-weight:bold; color:#2b2b2b;} .domain-type-answers .answer .clone-certifiedmetadata .date { display:none;} .domain-type-answers .answer .clone-certifiedmetadata .date-distance { display:block; float:left; padding-left:17px; background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/bullet_dl.gif) no-repeat 5px 11px;} .domain-type-answers .answer .clone-certifiedmetadata .content-type { display:none;} .domain-type-answers .answer .clone-certifiedmetadata .badgeville-user-point-metadata { clear:both; float:none; font-family: 'SomfySans', Arial, Helvetica, sans-serif; color: #FFBC1D; font-size: 12px; font-weight: 600; float:left; padding-right:5px;} .domain-type-answers .answer .clone-certifiedmetadata .badgeville-user-badge-metadata { color: #B9004D; font-family: 'SomfySans', Arial, Helvetica, sans-serif; float:left; font-size: 12px; font-weight: bold; padding-left:17px; background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/bullet_dl.gif) no-repeat 5px 8px;} /* ***************** ****** */ /* PAGE DU PROFIL */ /* ********************* */ .yui-t3 #yui-main .yui-b {margin-left: 24.0769em; margin-top: 100px !important;} .title-clone-h1 { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/wdg_title.gif) no-repeat 0 0; clear:both; color:#87888A; float:none; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; letter-spacing:2px; margin:0 0 21px 0; padding:14px 0 0 0; text-transform:uppercase; width:100%;} .title-clone-h2 { color:#1e1e1e; font-size:32px; font-family: 'SomfySans', Arial, Helvetica, sans-serif; margin:0 0 30px 0;font-weight:600;} .bv_primaryBackground { background-color:#60d5e4; color:#FFFFFF;} .bv_secondaryBackground { background-color:#657f74; color:#FFFFFF;} .bv_accentBackground { background-color:#e0e0e0; color:#3d3d3d;} .bv_secondaryBackground { background-color:#638074; color:#313e37;} .bv_siteInfo_footer a.bv_powered { display:none;} .user_subscribe_date {margin-bottom:45px; display:block;} .user_subscribe_date p { font-size:12px;} .profile-about .user_subscribe_date { display:none;} .required-legend-row {margin-bottom:20px;} .bv_widget { margin:0 0 15px 0; min-height:10px;} .bv_widget:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} .bv_showcaseItemHeading.bv_title { color:#fff;} .bv_missions .bv_missionsContainer {border-color:#e8e6e7;} .bv_highlightBackground, .bv_hoverable:hover { background-color:#60d5e4; color:#fff;} .bv_mainBackground { color:#363636;} .bv_secondaryColor { color:#363636;} .bv_border .bv_howTo { float:none; text-align:left; color:#000000; font-weight:normal; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:11px;} /* sidebar-part user-content */ #user_home_sidebar { margin:0; padding:0; background-color:#f8f8f8;} #user_home_sidebar .sidebar-parts {margin: 0; padding: 0; margin-top: 100px;} #user_home_sidebar .sidebar-part { padding:30px;} #user_home_sidebar .sidebar-part.user-content > dt { padding:0; margin:0;} #user_home_sidebar .sidebar-part.awards-content{ display:none;} #user_home_sidebar .sidebar-part.user-content .user .avatar dt { display:none;} #user_home_sidebar .sidebar-part.user-content .user .avatar img { width:100%; height:auto;} #user_home_sidebar .sidebar-part.user-content dd { background-color:#f8f8f8; color:#646464; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:14px; margin:0; min-height:10px; padding:0;} #user_home_sidebar .sidebar-part > dt, #user_home_sidebar .sidebar-part > dd { padding:0; background-color:#f8f8f8;} #user_home_sidebar .actions-content ul li a { margin:0 0 5px 0; font-size:14px; padding:0 0 5px 24px; color:#646464; display:block; background-image:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/srpite_action.jpg); background-repeat:no-repeat; background-position:0 0; line-height:1em;} #user_home_sidebar .actions-content ul li.first-item a { background-position:0 -4px;} #user_home_sidebar .actions-content ul li.second-item a { background-position:0 -43px;} #user_home_sidebar .actions-content ul li.third-item a { background-position:0 -80px;} #user_home_sidebar .sidebar-part.user-content .user h4, .sidebar-part.user-content .user .team { display:none;} .sidebar-part.user-content dt { display:none;} ul.simple-stats { margin:0 0 24px 24px; display:none;} /* modifier profil */ .edit .user-form { background-color:#f8f8f8; padding:25px 0 0 24px;} .edit .user-form h2 { margin:0 0 40px 0;} .edit .user-form form { width:455px;} .edit .user-form form p a.cancel { background-color:#d8d8d8; color:#333333; display:inline-block; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:22px; line-height:1em; /*padding:10px 40px;*/ padding:8px 25px; margin:0 15px 0 0; font-weight:normal;} .edit .user-form form p a.cancel:first-letter { text-transform:uppercase;} .edit .user-form form p a.cancel:hover { text-decoration:none!important; background-color:#e5e5e5;} .edit .user-form form p a.cancel:hover span { text-decoration:none!important;} .edit .user-form form .identity-accepts-private-messages-row { display:block; background: url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/required.png) no-repeat right 0 0;} .identity-about-row label { background: url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/picto_tooltip.png) no-repeat 0 2px; padding-left: 4%; width: 26%;} /* profile-about */ #users_controller .profile-about h1 { padding:23px 0 0 23px; margin:0 0 20px 0; line-height:1em;} #users_controller .profile-about dl.custom-fields { padding: 0 0 20px 23px; display:block;} #users_controller .profile-about dd.custom-field-3, #users_controller .profile-about dd.custom-field-4, #users_controller .profile-about dd.custom-field-5 {display:none;} #users_controller.yellow-profil-type .profile-about dd.custom-field-3, #users_controller.yellow-profil-type .profile-about dd.custom-field-4, #users_controller.yellow-profil-type .profile-about dd.custom-field-5 {display:block;} #users_controller .profile-about dd.custom-field-6, #users_controller .profile-about dd.custom-field-7, #users_controller .profile-about dd.custom-field-8, #users_controller .profile-about dd.custom-field-9, #users_controller .profile-about dd.custom-field-10 {display:none;} #users_controller.ambassadeur-profil-type .profile-about dd.custom-field-6, #users_controller.ambassadeur-profil-type .profile-about dd.custom-field-7, #users_controller.ambassadeur-profil-type .profile-about dd.custom-field-8, #users_controller.ambassadeur-profil-type .profile-about dd.custom-field-9, #users_controller.ambassadeur-profil-type .profile-about dd.custom-field-10 {display:block;} .profile-about .title-clone-h1 {background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/wdg_title.gif) no-repeat 24px 24px;clear:both; color:#87888A;float:none;font-family: 'SomfySans', Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;letter-spacing:2px; text-transform:uppercase; padding:35px 24px 24px 24px; margin:0; width:auto;} .profile-about .title-clone-h2 { padding:0 0 25px 24px; margin:0 0 25px 0; line-height:1em;} .profile-about .title-clone-h1, .profile-about .title-clone-h2 { background-color:#f8f8f8;} .profile-about .profile-about-content { padding:0 24px 0 24px ; margin:0 0 5px 0; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:12px; color:#626364; line-height:1.1em;background-color:#fff;} .profile-about .profile-about-content p { font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:14px; color:#626364; line-height:1.3em; padding:0 0 10px 0; margin:0;} #user_profile_sidebar .user { padding:0; margin:0;} #user_profile_sidebar .user .avatar { padding:30px 0 15px 0;} #user_profile_sidebar .user .avatar dt { display:none;} #user_profile_sidebar .user .avatar img { width:100%; height:auto;} #user_profile_sidebar dd { background-color:#f8f8f8; color:#646464; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:14px; margin:0; min-height:10px; padding:0;} #user_profile_sidebar .sidebar-parts .sidebar-part > dt {line-height:1em;clear:both;color:#1e1e1e;float:none;font-family: 'SomfySans', Arial, Helvetica, sans-serif;font-size:32px;font-weight:normal;margin:0;padding:0;text-transform:none;width:auto;padding:0 23px 23px 23px; background-color:#f8f8f8;} #user_profile_sidebar .sidebar-parts .sidebar-part > dd {background-color:#f8f8f8;color:#646464;font-family: 'SomfySans', Arial, Helvetica, sans-serif;font-size:14px;margin:0;min-height:10px;padding:0 23px 23px 23px;} #user_profile_sidebar .sidebar-parts .sidebar-part > dd:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} #user_profile_sidebar .actions-content ul li { padding:0; margin:0; line-height:1em;} #user_profile_sidebar .actions-content ul li a { margin:0 0 5px 0; font-size:14px; padding:5px 0 5px 24px; color:#646464; display:block; background-image:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/srpite_action.jpg); background-repeat:no-repeat; background-position:0 0; line-height:1em;} #user_profile_sidebar .actions-content ul li.first-item a { background-position:0 -4px;} #user_profile_sidebar .actions-content ul li.second-item a { background-position:0 -43px;} #user_profile_sidebar .actions-content ul li.third-item a { background-position:0 -80px;} #user_profile_sidebar .user dl { padding:0 30px;} #user_profile_sidebar .user h4, #user_profile_sidebar .user .team, #user_profile_sidebar .user .score { display:none;} #user_profile_sidebar .user .score, #user_profile_sidebar .user .score dd { color:#f8f8f8;} #user_profile_sidebar .overall_awards-content { display:none;} #user_profile_sidebar .category_awards-content { display:none;} /* *********************** */ /* PAGE d'ACCUEIL */ /* ********************* */ .index .header-search { display:none;} .index .ipl_widget { margin-bottom:60px;} .index .ipl_widget.html_content_widget { margin-bottom:0;} .index .ipl_row { width:974px; margin:0 auto;} .ipl_widget .module.wdg-title-home { margin-bottom:0;} .index .last_questions_widget .tab-controls { display:none;} .index .gamification_stream_widget .bv_type_reward { display:none;} /* Widget classement ne doit apparaitre que 5 éléments */ .gamification_default_leaderboard_widget .bd { height:170px; overflow:hidden;} /* wdg-picture */ .index .ipl_widget.image_widget { margin-bottom:30px;} .index .ipl_widget .wdg-picture { border-top:3px solid #d7d8da; margin:0!important; background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/somfy_bg.jpg) no-repeat center 0; height:345px;} /* bv_activityCard */ .gamification_stream_widget .bv_widget.bv_activityCard { border-width:0; overflow:hidden; padding:5px 0;} .gamification_stream_widget .bv_content .bv_name { font-weight:normal; font-size:12px; color:#87888a;} .gamification_stream_widget .bv_widget a, .gamification_stream_widget .bv_widget a:active, .gamification_stream_widget .bv_widget a:visited, .gamification_stream_widget a.bv_mainBackground, .gamification_stream_widget a.bv_mainBackground:active, .gamification_stream_widget a.bv_mainBackground:visited { font-weight:normal; font-size:12px; color:#87888a;} .bv_roundedCorners_small { border-radius:0;} .gamification_stream_widget .bv_content .bv_activity { line-height:1.6em; font-size:12px; color:#87888a; font-family: 'SomfySans', Arial, Helvetica, sans-serif;} .gamification_stream_widget .bv_type_reward { font-size:12px; font-weight:bold; color:#007eab;} /* *********************** */ /* PAGE RECHERCHE */ /* ********************* */ .browse .yui-b h1 { font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:32px; color:#1e1e1e; line-height:1em; padding:23px 0 0 24px; ; margin:0 0 35px 0; width:450px; font-weight:600;} .browse .sidebar-part {background-color:#fff; margin:0 24px 0 0; margin-top: 120px;} /*browse responsive*/ .browse .sidebar-part {background-color:#fff; margin:0 24px 0 0; margin-top: 80px;} /*****************/ .browse .sidebar-parts .sidebar-part > dt {background-color:#fff; padding:19px 16px 0 16px; width:auto; margin:0;} .browse .sidebar-part .bd ul li { display:block; clear:both; float:none; margin:0 0 10px 0; padding:0; font-size:16px; color:#646464; font-family: 'SomfySans', Arial, Helvetica, sans-serif; min-height:10px; line-height:1em;} .browse .sidebar-part .bd ul li.current { font-weight:bold;} .browse .sidebar-part .bd ul li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} .browse .sidebar-part .bd ul li a { color:#646464;} .browse .category .name { float:left;} .browse .category .questions_count { float:left; display:none} .browse .category .summary { float:left;} .browse .category .description { float:left;} /* pour cacher un bloc filtre de résultat de recherche :*/ .assignments-content {display:none} /* *********************** */ /* FOOTER */ /* ********************* */ #ft { width:100%; clear:both; float:none; padding:20px 0 0 0; margin:0; text-align:center; position:relative; z-index:1 } #ft:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;} #ft { display:inline-block;} * html #ft { height:1%;} #ft { display:block;} #ft .inner { background-color:#f1f1f1; color:#bcbdbf; width:100%; clear:both; float:none; padding:17px 0 0 0;} #ft .hd, #ft .bd, #ft .ft { width:972px; margin:0 auto; text-align:left;} .backtop { width:972px; margin:0 auto; height:48px;} .backtop a { font-weight:bold; color:#1b1b1b; background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/backtop.gif) no-repeat 0 1px; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:12px; display:block; float:right; padding:0 25px 0 19px; line-height:1em;} .backtop a:hover {text-decoration:underline;} .block-pays { float:left; background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/footerlink.gif) no-repeat right 4px; padding:0 11px 0 0;} .block-sites { float:left; background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/footerlink.gif) no-repeat right 4px; padding:0 11px 0 0;} .block-sites .inside { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/block_sites.png) no-repeat 14px 5px; padding:0 0 0 28px;} .block-accespros {float:left; background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/footerlink.gif) no-repeat right 4px; padding:0 11px 0 0;} .block-accespros .inside { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/block_sites.png) no-repeat 14px 5px; padding:0 0 0 28px;} .block-accespros a { color:#1b1b1b; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:11px;} dl.dropdown { position:relative; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:11px; color:#1b1b1b;} dl.dropdown a { display:block; padding:0 0 0 24px; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:11px; color:#1b1b1b; background-repeat:no-repeat; background-position:0 2px;} .block-sites dl.dropdown a { padding-left:0;} dl.dropdown a.fr { background-image:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/picto_france.jpg);} dl.dropdown dd {position:relative; display:block; margin:0; padding:0;} dl.dropdown dt {padding:0; margin:0;} dl.dropdown dt a span {cursor:pointer; display:block;} dl.dropdown dt a:hover { color:#000; text-decoration:underline;} dl.dropdown dd ul { display:none; min-height:50px; left:-10ppx; background-color:#e9e9e9;padding:10px 12px; position:absolute; top:2px; width:220px; min-width:37px; list-style:none;} dl.dropdown dd ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;} dl.dropdown span.value { display:none;} dl.dropdown dd ul li { line-height:1em;} dl.dropdown dd ul li a {line-height:1em; background-position:0 5px; padding:5px 5px 5px 24px; display:block; color:#3D3D3D; background-color:inherit; width:200px;} dl.dropdown dd ul li a:hover { color:#000; background-color:inherit;text-decoration:underline;} dl.dropdown img.flag { border:none; vertical-align:middle; margin-left:10px;} dl.dropdown dd ul li a.surbrillance { opacity:0.5; filter:alpha(opacity=50);} #form-newsletter { float:right;} #form-newsletter label { display:block; float:left; color:#87888a; font-size:16px; font-family: 'SomfySans', Arial, Helvetica, sans-serif; padding:5px 8px 0 0; line-height:1em; width:auto; font-weight:normal;} #form-newsletter .frm-input { display:block; float:left; width:156px; height:26px; background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/newsletter_input.gif) no-repeat 0 0; border:none; padding:0 0 0 19px; margin:0;font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:11px; color:#87888a;} #form-newsletter .frm-btn { display:block; float:left; background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/newsletter_btn.jpg) no-repeat 0 0; width:37px; height:26px; overflow:hidden; text-indent:-100px; font-size:0;} #form-newsletter .frm-btn:hover { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/newsletter_btn.jpg) no-repeat 0 -47px;} #ft .bd { clear:both; float:none; padding:21px 0 0 0;} .list-sitemap { float:left;} .list-sitemap li { display:block; float:left; padding:0; margin:; font-size:11px; color:#bcbdbf;background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/footerlink.gif) no-repeat 0 4px;} .list-sitemap li.first { background:none;} .list-sitemap li.first a { padding-left:0;} .list-sitemap li a { font-size:11px; color:#87888a; display:block; float:left; padding:0 10px;} .list-sitemap li a:hover {text-decoration:underline;} .list-social { float:right;} .list-social li { display:block; float:left;} .list-social li strong { display:block; float:left; font-size:11px; font-weight:normal; line-height:1em; padding:3px 10px 0 0; color:#87888a;} .list-social ul { display:block; float:left;} .list-social li a { display:block; float:left; background-image:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/sprite_social.jpg); background-repeat:no-repeat; background-position:0 0; height:20px;} .list-social li a span { display:none;} .list-social li.facebook a {width:19px; background-position:0 0;} .list-social li.tweeter a {width:27px; background-position:-19px 0;} .list-social li.youtube a {width:25px; background-position:-46px 0;} .list-social li.googleplus a {width:26px; background-position:-71px 0;} .list-social li.facebook a:hover { background-position:0 -24px;} .list-social li.tweeter a:hover { background-position:-19px -24px;} .list-social li.youtube a:hover { background-position:-46px -24px;} .list-social li.googleplus a:hover { background-position:-71px -24px;} #ft .ft { clear:both; float:none; padding:21px 0 20px 0;} #ft .ft p { color:#c5c6c7; font-size:11px; font-family: 'SomfySans', Arial, Helvetica, sans-serif;} #ft .ft p a{ color:#c5c6c7; text-decoration:underline;} #ft .ft p a:hover { color:#87888A; text-decoration:underline;} /* flash-message */ .flash-message { max-width:973px; margin:0 auto; text-align:center; font-weight:bold; padding:30px; background-color:#f61092; color:#fff; font-size:21px; text-align:left; line-height:1.4em; margin-bottom:15px ; font-family: 'SomfySans', Arial, Helvetica, sans-serif;} /* ********************** */ /* PAGES ANNEXES */ /* ******************** */ .show .html_content_widget.ipl_size_100 img { max-width:900px; height:auto;} .show .html_content_widget.ipl_size_100 p { padding:0 0 20px 0; margin:0; line-height:1.3em;} #new_question_wizard_navigation { clear:both; float:none; padding:20px 0 0 0;} /* Pagination ATTENTION CODE NON FACTORISE CAR PROBLEME AVEC LE SLIDER */ .questions .pagination { margin:30px 3px 3px 3px; padding:3px; text-align :center; font-size:12px;} .questions .pagination a { margin:2px; padding:2px 5px 2px 5px; border:1px solid #ccc; color:#333; outline:none;} .questions .pagination a:hover { padding:3px 5px; border:1px solid #6a6a6a; color:black; background-position:left center; text-decoration:none!important;} .questions .pagination a:active, .questions .pagination span.current { border:1px solid #333; background-color:#ffbc1d; color:#333;} .questions .pagination span.current { margin:2px; padding:3px 5px; font-weight:bold; background-color:#ffbc1d; color:#333;} .questions .pagination span.disabled { margin:2px; padding:2px 5px 2px 5px; border:1px solid #eee; color:#ddd; background-color:#fff;} .home-content .pagination { margin:30px 3px 3px 3px; padding:3px; text-align :center; font-size:12px;} .home-content .pagination a { margin:2px; padding:2px 5px 2px 5px; border:1px solid #ccc; color:#333; outline:none;} .home-content .pagination a:hover { padding:3px 5px; border:1px solid #6a6a6a; color:black; background-position:left center; text-decoration:none!important;} .home-content .pagination a:active, .home-content .pagination span.current { border:1px solid #333; background-color:#ffbc1d; color:#333;} .home-content .pagination span.current { margin:2px; padding:3px 5px; font-weight:bold; background-color:#ffbc1d; color:#333;} .home-content .pagination span.disabled { margin:2px; padding:2px 5px 2px 5px; border:1px solid #eee; color:#ddd; background-color:#fff;} .not-satisfied { padding-top:23px;} body.answer .yui-b h1 { font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:32px; color:#1e1e1e; line-height:1em; padding:23px 0 0 24px; font-weight:600; margin:0 0 35px 0; width:450px;} /* PAGES FAQ */ .FAQ .sidebar-part .actions-content, .FAQ .sidebar-part .feed-content, .FAQ .question .user, .FAQ .question .corpus .body, .FAQ .clone-certifieduser, .FAQ .clone-certifiedmetadata, .FAQ .question .metadata{ display:none;} .FAQ .answer.best.admin_stamped, .answer.best.author_stamped { margin-left: 90px;} .FAQ.domain-type-answers .answer { padding-bottom:30px;} .FAQ .sidebar-part .question .metadata { display:block;} /* PAGES FAQ VIDEO */ .FAQ-video .sidebar-part .actions-content, .FAQ-video .sidebar-part .feed-content, .FAQ-video .question .user, .FAQ-video .question .corpus .body, .FAQ-video .clone-certifieduser, .FAQ-video .clone-certifiedmetadata, .FAQ-video .question .metadata { display:none;} .FAQ-video .answer.best.admin_stamped, .answer.best.author_stamped { margin-left: 90px;} .FAQ-video .sidebar-part .question .metadata { display:block;} .FAQ-video.domain-type-answers .answer { padding-bottom:30px;} /* page FAQ category */ .categories_widget { display:none;} /* ************************ */ /* POPUP/POPIN */ /* ********************** */ .private-message-popup-overlay, .attachment-popup-overlay {background:#000000;opacity:0.7;filter:alpha(opacity=70);left:0;position:absolute;top:0;z-index:2000;width:auto;zoom:1;} .private-message-popup-form, .attachment-popup-form {position:absolute;width:350px; left:50%; margin-left:-125px; top:25%; z-index:2042;background:#f5f5f5;padding:15px;text-align:left;zoom:1;z-index:9999 } .private-message-popup-form p.warning, .attachment-popup-form p.warning {color:#c40000;font-weight:bold} .private-message-popup-form p.private-message-confirmation, .attachment-popup-form p.private-message-confirmation{font-size:130%;left:0;position:absolute;text-align:center;top:35%;width:100%} .attachment-popup-form .comment {padding:6px 0 0;} .attachment-popup-form p {padding:0 0 12px;} .attachment-popup-form iframe {display:none;} .bv_modalContainer .bv_widget { margin:0 auto;} /* ********************** */ /* ADMIN */ /* ******************** */ #backendButtonBar .button { background-color:#FFBC1D; color:#333333; display:inline-block; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:14px; line-height:1em; padding:0;} #backEndLayer fieldset .button {background-color:#FFBC1D; color:#333333; display:block; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size:14px; line-height:1em; padding:0;} /* ********************** */ /* PAGE RECHERCHE */ /* ******************** */ .browse ul.questions li.questions-content { margin:0 0 40px ;} .browse ul.questions li.questions-content .question { margin:0 0 20px 0;} .browse ul.questions li.questions-content .question h3 { color:#646464; font-size:16px; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-weight:600; margin:0 0 10px 0; clear:both; float:none;} .browse ul.questions li.questions-content .question h3 a { color:#646464; text-decoration:none;} .browse ul.questions li.questions-content .question .body { padding:0 0 10px} .browse ul.questions li.questions-content .question .custom-fields { display:none;} .browse ul.questions li.questions-content .question .metadata { font-family: 'SomfySans', Arial, Helvetica, sans-serif; color:#b6b6b6; font-size:10px;} .browse ul.questions li.questions-content .question .metadata dl { background:url(https://dimelo.s3.amazonaws.com/custom-v2/somfy/img/bullet_dl.gif) no-repeat right 4px; display:block; float:left; padding:0 10px 0 0; margin:0; line-height:1em;} .browse ul.questions li.questions-content .question .metadata dl.date-distance { background-image:none;} .browse ul.questions li.questions-content .question .metadata dd, .browse ul.questions li.questions-content .question .metadata dt { display:inline; padding:0; margin:0; line-height:1em;} .browse ul.questions li.questions-content .question .metadata a {color:#fab711;} .browse ul.questions li.questions-content .question .metadata .answer-count dt, .browse ul.questions li.questions-content .question .metadata .category dt, .browse ul.questions li.questions-content .question .metadata .author-name, .browse ul.questions li.questions-content .question .metadata .date-distance dd a, .browse ul.questions li.questions-content .question .metadata .date, .browse ul.questions li.questions-content .question .metadata .badgeville-user-point-metadata, .browse ul.questions li.questions-content .question .metadata .badgeville-user-badge-metadata, .browse ul.questions li.questions-content .question .metadata .content-type { display:none;} .browse ul.questions li.questions-content .question .metadata .category dd a { font-family: 'SomfySans', Arial, Helvetica, sans-serif; color:#fab711; font-size:10px; text-transform:uppercase;} .browse ul.questions li.questions-content .question .metadata .hits { display:block;} .browse ul.questions li.questions-content .question .metadata .hits dt { display:none;} .browse ul.questions li.questions-content .question.category-id-1890 .user, .browse ul.questions li.questions-content .question.category-id-1891 .user { display:none;} .browse ul.questions li.questions-content .question.category-id-1890 .metadata, .browse ul.questions li.questions-content .question.category-id-1891 .metadata { display:none;} .browse ul.questions li.questions-content .question.category-id-1890 .clone-certifiedmetadata, .browse ul.questions li.questions-content .question.category-id-1891 .clone-certifiedmetadata { display:none;} .browse ul.questions li.questions-content .question.category-id-1890 .clone-certifieduser, .browse ul.questions li.questions-content .question.category-id-1891 .clone-certifieduser { display:none;} .browse ul.questions .answer { background-image:none; background-color:#ffffff; margin-left:72px; padding:10px 12px 60px 30px; border-left:2px solid #d8d9db;} .browse ul.questions .answer .body-bd { line-height:1.3em; font-size:12px; font-family: 'SomfySans', Arial, Helvetica, sans-serif; color:#2a2a2a;} .browse ul.questions .answer .body-ft { display:none;} .browse ul.questions .answer ul.content-buttons { margin:0; padding:0; display:none;} .browse ul.questions .answer .clone-certifieduser .custom-fields{ display:none;} .browse ul.questions .answer .clone-certifieduser .custom-fields{ display:none;} .browse ul.questions .answer.category-id-1890, .browse ul.questions .answer.category-id-1891 { padding-bottom:0;} .browse ul.questions .answer.category-id-1890 .user, .browse ul.questions .answer.category-id-1891 .user { display:none;} .browse ul.questions .answer.category-id-1890 .metadata, .browse ul.questions .answer.category-id-1891 .metadata { display:none;} .browse ul.questions .answer.category-id-1890 .clone-certifiedmetadata, .browse ul.questions .answer.category-id-1891 .clone-certifiedmetadata { display:none;} .browse ul.questions .answer.category-id-1890 .clone-certifieduser, .browse ul.questions .answer.category-id-1891 .clone-certifieduser { display:none;} .related-answers-tab h2 { padding:0 0 20px 27px;} .related-answers-tab .question { margin-bottom:23px;} .related-answers-tab .question .body-bd{ line-height:1.3em; padding-bottom:10px;} .related-answers-tab .answer { background-image:none; padding:0; background-color:#ffffff; margin-left:72px; padding:10px 12px 70px 23px!important;} .related-answers-tab .answer .body-bd { line-height:1.3em; font-size:12px; font-family: 'SomfySans', Arial, Helvetica, sans-serif; color:#2a2a2a;} .related-answers-tab .answer .body-ft { display:none;} .related-answers-tab .answer .user { display:block; position:absolute; left:23px; bottom:20px; z-index:100;} .related-answers-tab .answer .user .avatar dt { display:none;} .related-answers-tab .answer .user h4 { display:none;} .domain-type-answers .related-answers-tab .answer .corpus .metadata { bottom: 20px; display: block; left: 90px; position: absolute;} .domain-type-answers .related-answers-tab .answer .corpus .metadata .author-name { display:block;} .domain-type-answers .related-answers-tab .answer .corpus .metadata .author-name dt { display:none;} .related-answers-tab .answer ul.content-buttons { margin:0; padding:0; display:none;} .related-answers-tab .answer .clone-certifieduser .custom-fields{ display:none;} .related-answers-tab .answer .clone-certifieduser .custom-fields{ display:none;} .pub-sidebar span {background:#BE125A;display:block;padding:10px;text-align:center;color:#ffffff;font-family: 'SomfySans', Arial, Helvetica, sans-serif;} #bd .pub-sidebar:hover {text-decoration:none;} .pub-sidebar span.pubMessage1 {font-size:20px;line-height:22px;} .pub-sidebar img {display:block;} .surheader_buttons {float:right;} .pub-sidebar span.pubMessage2 {font-size:28px;line-height:30px;} /*sondage*/ .sondage a {position:fixed;right:0;top:210px;background:url(//dimelo.s3.amazonaws.com/custom-v2/somfy/img/sondage.png) no-repeat 0 0;width:120px;height:132px;display:block;z-index:100;} .sondage a:hover {background-position:0 -171px;} .bold strong {font-weight:bold;} #head-menu li.category_id-1888 {display:none;} #users_controller.show.ambassadeur-profil-type .custom-field-3, #users_controller.show.ambassadeur-profil-type .custom-field-4, #users_controller.show.ambassadeur-profil-type .custom-field-5 {display:none;} #users_controller.show.yellow-profil-type .custom-field-2, #users_controller.show.yellow-profil-type .custom-field-6, #users_controller.show.yellow-profil-type .custom-field-7, #users_controller.show.yellow-profil-type .custom-field-8, #users_controller.show.yellow-profil-type .custom-field-9, #users_controller.show.yellow-profil-type .custom-field-10 {display:none;} #users_controller.show .custom-field-1 {display:none;} #users_controller dl.custom-fields dt, #bd .profile-about-content .about-field{font-weight:600;font-family: 'SomfySans', Arial, Helvetica, sans-serif;font-size:14px;padding:0;} #users_controller dl.custom-fields dd {padding:0 0 10px;} #users_controller.show.yellow-profil-type .profile-about, #users_controller.show.ambassadeur-profil-type .profile-about {border:1px solid #646464;padding:5px;margin:23px 0 0;} dl.level, dl.score {display:none;} DIS .wdg-apropos {clear:both; float:none; width:100%; text-align; margin-bottom:0px;} .wdg-apropos {background:#31b0c4;padding:20px;margin-bottom:-140px;margin-top: 150px; display:block;display:} .wrapper-login dl.avatar dd, .wrapper-login dl.avatar dt {padding:20px 0 10px 20px !important;} /*CUSTOM CODE FROM SOMFY.FR*/ *, *::before, *::after { box-sizing: border-box; } @-ms-viewport { width: device-width; } body { margin: 0; font-family: 'SomfySans', Arial, Helvetica, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } a { color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } .container { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1168px; } } .container-fluid { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; } .col-12, .col, .col-md-3, .col-md-4, .col-md-5 { position: relative; width: 100%; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-12 { flex: 0 0 100%; max-width: 100%; } @media (min-width: 768px) { .col-md-3, .somfy .dealers-locator.has-dealers .map-container { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; margin-top:12%; margin-left:-10%; z-index:20;} .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .d-none { display: none !important; } .d-flex { display: flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-flex { display: flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-flex { display: flex !important; }} @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-flex { display: flex !important; }} @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-flex { display: flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-flex { display: flex !important; } } .flex-wrap { flex-wrap: wrap !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-center { align-items: center !important; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-center { text-align: center !important; } } @media print { @page { size: a3; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } } @font-face { font-family: 'somfy-v5-icons'; src: url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/somfy-v5-icons.eot?yp7xggY"); src: url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/somfy-v5-icons.eot?yp7xggY#iefix") format("embedded-opentype"), url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/somfy-v5-icons.woff?yp7xggY") format("woff"); font-weight: normal; font-style: normal; font-display: block; } [class^="sfy-v5-icon-"], [class*=" sfy-v5-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'somfy-v5-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sfy-v5-icon-h-cartshop:before { content: "\e917"; } .sfy-v5-icon-h-contact:before { content: "\e91a"; } .sfy-v5-icon-h-leadmanagement:before { content: "\e91b"; } .sfy-v5-icon-h-maintenance:before { content: "\e91c"; } .sfy-v5-icon-h-myaccount:before { content: "\e91d"; } .sfy-v5-icon-h-search:before { content: "\e921"; } .sfy-v5-icon-h-storelocator:before { content: "\e922"; } .sfy-v5-icon-fb:before { content: "\e918"; } .sfy-v5-icon-tw:before { content: "\ea96"; } .sfy-v5-icon-yt:before { content: "\ea9d"; } .sfy-v5-icon-in:before { content: "\ea92";} /*@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css')*/ /*@import url('//fonts.googleapis.com/earlyaccess/notosanshebrew.css')*/ /*@import url('//fonts.googleapis.com/earlyaccess/notonaskharabicui.css')*/ /*@import url('//fonts.googleapis.com/earlyaccess/notosansjp.css');*/ /*@import url('//fonts.googleapis.com/earlyaccess/notosansjapanese.css')*/ /*@import url('//fonts.googleapis.com/earlyaccess/notosansscsliced.css')*/ /*@import url('//fonts.googleapis.com/earlyaccess/notosanstc.css')*/ /*@import url('//fonts.googleapis.com/earlyaccess/notosansthai.css')*/ @font-face { font-family: "SomfySans-Regular"; src: url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-Regular.eot"); src: url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-Regular.woff") format("woff"); src: url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-Regular.eot?#iefix") format("eot"), url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-Regular.woff") format("woff"), url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-Regular.ttf") format("truetype"), url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-Regular.svg") format("svg"); font-style: "normal"; font-weight: "normal"; } @font-face { font-family: "SomfySans-Medium"; src: url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-Medium.eot"); src: url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-Medium.woff") format("woff"); src: url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-Medium.eot?#iefix") format("eot"), url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-Medium.woff") format("woff"), url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-Medium.ttf") format("truetype"), url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-Medium.svg") format("svg"); font-style: "normal"; font-weight: "normal"; } @font-face { font-family: "SomfySans-Light"; src: url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-Light.eot"); src: url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-Light.woff") format("woff"); src: url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-Light.eot?#iefix") format("eot"), url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-Light.woff") format("woff"), url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-Light.ttf") format("truetype"), url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-Light.svg") format("svg"); font-style: "normal"; font-weight: "normal"; } @font-face { font-family: "SomfySans-ExtraLight"; src: url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-ExtraLight.eot"); src: url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-ExtraLight.woff") format("woff"); src: url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-ExtraLight.eot?#iefix") format("eot"), url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-ExtraLight.woff") format("woff"), url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-ExtraLight.ttf") format("truetype"), url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-ExtraLight.svg") format("svg"); font-style: "normal"; font-weight: "normal"; } @font-face { font-family: "SomfySans-Bold"; src: url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-Bold.eot"); src: url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-Bold.woff") format("woff"); src: url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-Bold.eot?#iefix") format("eot"), url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-Bold.woff") format("woff"), url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-Bold.ttf") format("truetype"), url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-Bold.svg") format("svg"); font-style: "normal"; font-weight: "normal"; } @font-face { font-family: "SomfySans-BoldItalic"; src: url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-BoldItalic.eot"); src: url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-BoldItalic.woff") format("woff"); src: url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-BoldItalic.eot?#iefix") format("eot"), url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-BoldItalic.woff") format("woff"), url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-BoldItalic.ttf") format("truetype"), url("https://dimelo-chat.s3.amazonaws.com/somfy/fonts/SomfySans-BoldItalic.svg") format("svg"); font-style: "normal"; font-weight: "normal"; } @font-face { font-family: "IcoMoon"; src: url("https://www.somfy.fr/common/b2c_v5/fonts/icomoon.eot"); src: url("https://www.somfy.fr/common/b2c_v5/fonts/icomoon.woff") format("woff"); src: url("https://www.somfy.fr/common/b2c_v5/fonts/icomoon.eot?#iefix") format("eot"), url("https://www.somfy.fr/common/b2c_v5/fonts/icomoon.woff") format("woff"), url("https://www.somfy.fr/common/b2c_v5/fonts/icomoon.ttf") format("truetype"), url("https://www.somfy.fr/common/b2c_v5/fonts/icomoon.svg") format("svg"); font-style: "normal"; font-weight: "normal"; } /* A modifier */ html { font-size: 14px; -ms-overflow-style: -ms-autohiding-scrollbar; height: auto !important; } #maincontent { position: relative; overflow-x: hidden; transition: all 0.3s ease-in-out; top: 80px; } @media screen and (prefers-reduced-motion: reduce) { #maincontent { transition: none; } } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media screen and (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .somfy { position: relative; color: black; -ms-overflow-style: -ms-autohiding-scrollbar; } body .somfy { font-family: SomfySans-Regular, sans-serif; } body.vi-vi .somfy, body.vi-th .somfy { font-family: 'Noto Sans', sans-serif; } body.kr-kr .somfy { font-family: 'Noto Sans KR', 'Noto Sans', sans-serif; } body.il-il .somfy { font-family: 'Noto Sans Hebrew', 'Noto Sans', sans-serif; } body.ar-ac .somfy, body.ar-lb .somfy, body.ar-ma .somfy, body.ar-il .somfy { font-family: 'Noto Naskh Arabic UI', 'Noto Sans', sans-serif; } body.ja-jp .somfy { font-family: 'Noto Sans Japanese', 'Noto Sans', sans-serif; } body.sc-cn .somfy { font-family: 'Noto Sans SC Sliced', 'Noto Sans', sans-serif; } body.tc-hk .somfy, body.tc-tw .somfy { font-family: 'Noto Sans TC', 'Noto Sans', sans-serif; } body.th-th .somfy { font-family: 'Noto Sans Thai', 'Noto Sans', sans-serif; } @media (max-width: 767.98px) { .somfy { font-size: 1.1428571429rem; line-height: 1.7142857143rem; letter-spacing: 0.0285714286rem; } } .somfy main { position: relative; overflow: auto; overflow-x: hidden; transition: all 0.3s ease-in-out; top: 80px; } @media screen and (prefers-reduced-motion: reduce) { .somfy main { transition: none; } } .somfy .container-fluid { max-width: 1340px; padding: 0 20px; } @media (max-width: 767.98px) { .somfy .container-fluid { max-width: 1340px; } } body .somfy .container-fluid .text_big { font-family: SomfySans-Light, sans-serif; } body.vi-vi .somfy .container-fluid .text_big, body.vi-th .somfy .container-fluid .text_big { font-family: 'Noto Sans', sans-serif; } body.kr-kr .somfy .container-fluid .text_big { font-family: 'Noto Sans KR', 'Noto Sans', sans-serif; } body.il-il .somfy .container-fluid .text_big { font-family: 'Noto Sans Hebrew', 'Noto Sans', sans-serif; } body.ar-ac .somfy .container-fluid .text_big, body.ar-lb .somfy .container-fluid .text_big, body.ar-ma .somfy .container-fluid .text_big, body.ar-il .somfy .container-fluid .text_big { font-family: 'Noto Naskh Arabic UI', 'Noto Sans', sans-serif; } body.ja-jp .somfy .container-fluid .text_big { font-family: 'Noto Sans Japanese', 'Noto Sans', sans-serif; } body.sc-cn .somfy .container-fluid .text_big { font-family: 'Noto Sans SC Sliced', 'Noto Sans', sans-serif; } body.tc-hk .somfy .container-fluid .text_big, body.tc-tw .somfy .container-fluid .text_big { font-family: 'Noto Sans TC', 'Noto Sans', sans-serif; } body.th-th .somfy .container-fluid .text_big { font-family: 'Noto Sans Thai', 'Noto Sans', sans-serif; } body .somfy .container-fluid h4 .text_big { font-family: SomfySans-Light, sans-serif; } body.vi-vi .somfy .container-fluid h4 .text_big, body.vi-th .somfy .container-fluid h4 .text_big { font-family: 'Noto Sans', sans-serif; } body.kr-kr .somfy .container-fluid h4 .text_big { font-family: 'Noto Sans KR', 'Noto Sans', sans-serif; } body.il-il .somfy .container-fluid h4 .text_big { font-family: 'Noto Sans Hebrew', 'Noto Sans', sans-serif; } body.ar-ac .somfy .container-fluid h4 .text_big, body.ar-lb .somfy .container-fluid h4 .text_big, body.ar-ma .somfy .container-fluid h4 .text_big, body.ar-il .somfy .container-fluid h4 .text_big { font-family: 'Noto Naskh Arabic UI', 'Noto Sans', sans-serif; } body.ja-jp .somfy .container-fluid h4 .text_big { font-family: 'Noto Sans Japanese', 'Noto Sans', sans-serif; } body.sc-cn .somfy .container-fluid h4 .text_big { font-family: 'Noto Sans SC Sliced', 'Noto Sans', sans-serif; } body.tc-hk .somfy .container-fluid h4 .text_big, body.tc-tw .somfy .container-fluid h4 .text_big { font-family: 'Noto Sans TC', 'Noto Sans', sans-serif; } body.th-th .somfy .container-fluid h4 .text_big { font-family: 'Noto Sans Thai', 'Noto Sans', sans-serif; } .somfy h1, .somfy h2, .somfy h3, .somfy h4, .somfy h5, .somfy .title_1, .somfy .title_2, .somfy .title_3, .somfy .subtitle_1, .somfy .subtitle_2, .somfy .form_assembly .wForm fieldset legend, .somfy .form_assembly .wForm fieldset.highlighted legend { color: #1A1B1C; font-weight: normal; } .somfy .text_big, .somfy .text_medium, .somfy .text_small, .somfy .head_title { color: #1A1B1C; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } .somfy a { color: #FCAC22; } .somfy a:hover, .somfy a:focus { color: #EC9600; text-decoration: none; } .somfy .text_big { font-size: 1.2857142857rem; line-height: 1.7142857143rem; letter-spacing: 0rem; } @media (max-width: 1199.98px) { .somfy .text_big { font-size: 1.1428571429rem; line-height: 1.5714285714rem; letter-spacing: 0rem; } } @media (max-width: 1199.98px) and (max-width: 991.98px) { .somfy .text_big { font-size: 1.1428571429rem; line-height: 1.5714285714rem; letter-spacing: 0rem; } } @media (max-width: 1199.98px) and (max-width: 991.98px) and (max-width: 767.98px) { .somfy .text_big { font-size: 1.1428571429rem; line-height: 1.5714285714rem; letter-spacing: 0rem; } } .somfy .text_medium { font-size: 1.1428571429rem; line-height: 1.5714285714rem; letter-spacing: 0rem; } @media (max-width: 1199.98px) { .somfy .text_medium { font-size: 1rem; line-height: 1.2857142857rem; letter-spacing: 0rem; } } @media (max-width: 1199.98px) and (max-width: 991.98px) { .somfy .text_medium { font-size: 1rem; line-height: 1.2857142857rem; letter-spacing: 0rem; } } @media (max-width: 1199.98px) and (max-width: 991.98px) and (max-width: 767.98px) { .somfy .text_medium { font-size: 1rem; line-height: 1.2857142857rem; letter-spacing: 0rem; } } .somfy .text_small { font-size: 1rem; line-height: 1.2857142857rem; letter-spacing: 0rem; } @media (max-width: 1199.98px) { .somfy .text_small { font-size: 1.1428571429rem; line-height: 1.5714285714rem; letter-spacing: 0rem; } } @media (max-width: 1199.98px) and (max-width: 991.98px) { .somfy .text_small { font-size: 0.8571428571rem; line-height: 1.1428571429rem; letter-spacing: 0rem; } } @media (max-width: 1199.98px) and (max-width: 991.98px) and (max-width: 767.98px) { .somfy .text_small { font-size: 1rem; line-height: 1.2857142857rem; letter-spacing: 0rem; } } .somfy .link_big { font-size: 1.2857142857rem; line-height: 1.7142857143rem; letter-spacing: 0rem; } @media (max-width: 767.98px) { .somfy .link_big { font-size: 1.1428571429rem; line-height: 1.5714285714rem; letter-spacing: 0rem; } } .somfy .link_medium { font-size: 1.1428571429rem; line-height: 1.5714285714rem; letter-spacing: 0rem; } @media (max-width: 767.98px) { .somfy .link_medium { font-size: 1rem; line-height: 1.7142857143rem; letter-spacing: 0rem; } } .somfy .link_small { font-size: 1rem; line-height: 1.8571428571rem; letter-spacing: 0rem; } @media (max-width: 767.98px) { .somfy .link_small { font-size: 1rem; line-height: 1.7142857143rem; letter-spacing: 0rem; } } .somfy #header { z-index: 998; width: 100%; background: white; position: fixed; top: 0; transition: all 0.3s ease-in-out; } .somfy #header.header-shadow { box-shadow: 0 5px 10px -5px #aaa; } .somfy #header.open { top: 0 !important; } @media (max-width: 991.98px) { .somfy #header.light-header.show_dropdown.open { top: 0 !important; } } .somfy #header.hide_desktop { display: none !important; } @media (max-width: 991.98px) { .somfy #header.hide_desktop { display: block !important; } } .somfy #header.header_simplifie { display: block !important; } .somfy #header.hideHeader { transform: translateY(-100%) !important; -webkit-transform: translateY -100% !important; -moz-transform: translateY -100% !important; -o-transform: translateY -100% !important; } .somfy #header.showHeader { transition-delay: 0.3s !important; top: -70px !important; } .somfy #header.defaultHeader { top: 0; } .somfy #header:before { content: ''; width: 100vw; background-color: black; position: absolute; top: 150px; z-index: -15; opacity: 0; animation: 0.3s hideMenu; pointer-events: none; } @media (max-width: 991.98px) { .somfy #header:before { height: 100vh; top: 0; opacity: 0; background: #ffffff; animation: none; transition: all 0.2s ease-in-out; } } @media screen and (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .somfy #header:before { transition: none; } } .somfy #header.open:before { height: 100vh; width: 100%; top: 122px; z-index: 0; opacity: 0.7; pointer-events: all; } @media (max-width: 991.98px) { .somfy #header.open:before { height: 100vh; width: 100vw; top: 0; background: #ffffff; animation: none; opacity: 1; pointer-events: all; } } .somfy #header.show_dropdown:before { content: ''; width: 100vw; height: 100vh; position: absolute; pointer-events: all; } .somfy #header .skip { position: absolute; top: -1000px; left: -1000px; height: 1px; width: 1px; text-align: left; overflow: hidden; } .somfy #header .burger_container { cursor: pointer; display: block; } .somfy #header .bar1, .somfy #header .bar2, .somfy #header .bar3 { width: 24px; height: 2px; background-color: #767677; margin: 6px auto; transition: all 0.3s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .somfy #header .bar1, .somfy #header .bar2, .somfy #header .bar3 { transition: none; } } .somfy #header .change .bar1 { -webkit-transform: translate(0px, 8px) rotate(-45deg); transform: translate(0px, 8px) rotate(-45deg); } .somfy #header .change .bar2 { opacity: 0; } .somfy #header .change .bar3 { -webkit-transform: translate(0px, -8px) rotate(45deg); transform: translate(0px, -8px) rotate(45deg); } @media (max-width: 991.98px) { .somfy #header.old .bar1, .somfy #header.old .bar2, .somfy #header.old .bar3 { width: 18px; height: 1px; margin: 4px 14px 4px 0; } .somfy #header.old .change .bar1 { -webkit-transform: rotate(-45deg) translate(-5px, 2px); transform: rotate(-45deg) translate(-5px, 2px); } .somfy #header.old .change .bar3 { -webkit-transform: rotate(45deg) translate(-5px, -2px); transform: rotate(45deg) translate(-5px, -2px); } .somfy #header.old .container-fluid > div nav .logo_somfy { display: flex; padding-bottom: 0 !important; border: none !important; z-index: 0; } .somfy #header.old .container-fluid > div nav .logo_somfy .somfy_logo_desktop { width: 77px; height: auto; } .somfy #header.old .container-fluid > div nav .menu_entries { top: 57px; height: 100vh; } .somfy #header.old .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav { top: 20px; } .somfy #header.old .container-fluid > div nav .menu_entries .menu_entries_navbar > li span { font-size: 1em; } .somfy #header.old .navbar .search-bar form { padding: 7px 20px; height: 55px; } .somfy #header.old .navbar .search-bar form .dropdown-menu { min-height: 100vh; } } .somfy #header a.skip:active, .somfy #header a.skip:focus, .somfy #header a.skip:hover { left: 0; top: 0; width: auto; height: auto; overflow: visible; } @media (max-width: 991.98px) { .somfy #header .show_navbar_1 { left: calc(-100vw - 10px) !important; } .somfy #header .show_navbar_1 .nav-univers-container:not(.current) .menu-open { display: none !important; } .somfy #header .show_navbar_1 .nav-univers-container .menu-open { display: block; } } .somfy #header .container-fluid { height: 100%; } .somfy #header .container-fluid > div .somfy_logo_desktop { max-height: 57px; width: 220px; } @media (max-width: 991.98px) { .somfy #header .container-fluid > div .somfy_logo_desktop { height: 57px; width: auto; } } .somfy #header .container-fluid > div .somfy_logo_mobile { display: none; } .somfy #header .container-fluid > div nav { position: relative; height: 80px; padding: 1.0714285714rem 0.7142857143rem; } @media (max-width: 991.98px) { .somfy #header .container-fluid > div nav { height: auto; } } .somfy #header .container-fluid > div nav .logo_somfy { padding-left: 0; max-width: 100%; } @media (max-width: 991.98px) { .somfy #header .container-fluid > div nav .logo_somfy { width: 100%; text-align: center; padding-bottom: 0; border-bottom: 1px solid transparent; transition: all 0.4s ease-in-out, border 0.2s 0.2s linear; margin-top: -20px; margin-bottom: -20px; } } @media screen and (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .somfy #header .container-fluid > div nav .logo_somfy { transition: none; } } .somfy #header .container-fluid > div nav .logo_somfy .navbar-toggler { outline: none; border: none; padding-left: 0; padding-right: 0; } @media (min-width: 992px) { .somfy #header .container-fluid > div nav .menu_entries { display: flex; margin-right: auto; } } @media (max-width: 991.98px) { .somfy #header .container-fluid > div nav .menu_entries { display: block; pointer-events: none; background: #ffffff; width: 100vw; height: 97% !important; position: absolute; z-index: 110; top: 130px; border-top: 1px solid #dbdbdb; overflow:auto; left: 0px; opacity: 0; padding-left: 0; padding-right: 0; position:fixed; transition: all 0.4s ease-in-out; } } @media screen and (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .somfy #header .container-fluid > div nav .menu_entries { transition: none; } } @media (max-width: 991.98px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar { margin: 8px 0 0; } } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar.navbar-product > li { padding-left: 0; margin-left: 0; } @media (max-width: 991.98px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar.navbar-product > li { padding-left: 20px; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar.navbar-product > li span { width: 18px; height: 18px; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar.navbar-product > li.current .product_nav { opacity: 1; pointer-events: all; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar.navbar-product > li.current .product_nav.show_subnavbar { left: 0; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar.navbar-product > li.current .product_nav.show_subnavbar .product_subnav.show_nav_univers { z-index: 10; pointer-events: all; overflow-x: hidden; } } @media (max-width: 991.98px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar.navbar-second > li:first-child > a { padding-top: 15px; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar.navbar-second > li:last-child { border-bottom: 1px solid rgba(26, 27, 28, 0.1); } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar.navbar-second > li:last-child > a { padding-bottom: 15px; } } @media (max-width: 991.98px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar.navbar-accessibility > li:first-child { padding-top: 10px; padding-bottom: 48px; border-bottom: 1px solid rgba(26, 27, 28, 0.1); } } @media (max-width: 991.98px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar.navbar-footer > li { background-color: #F8F7F5; padding-bottom: 15px; padding-top: 15px; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar.navbar-footer > li a { padding-top: 0; padding-bottom: 0; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar.navbar-footer > li:first-child { padding-top: 25px; padding-bottom: 15px; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar.navbar-footer > li:last-child { padding-top: 15px; padding-bottom: 25px; } } @media (max-width: 991.98px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li.nav-item-grey { background-color: #F8F7F5; padding-bottom: 15px; padding-top: 15px; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li.nav-item-grey a { padding-top: 0; padding-bottom: 0; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li.nav-item-grey.first-item { padding-top: 25px; padding-bottom: 15px; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li.nav-item-grey.last-item { padding-top: 15px; padding-bottom: 25px; } } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li { display: flex; flex-flow: row wrap; } @media (min-width: 992px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li { margin-left: 20px; margin-right: 20px; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li:last-child { margin-right: 0; } } @media (min-width: 1200px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li { margin-right: 40px; } } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li span { font-size: 1.1em; } body .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li span { font-family: SomfySans-Light, sans-serif; } @media (max-width: 991.98px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li span { font-size: 0.8em; } } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li span:before { font-family: icomoon, sans-serif; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .icon-phone:before { color: #3f5771; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .nav_univers { width: 100%; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .nav_univers .sfy-v5-icon-product { margin-right: 10px; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li a:hover { cursor: pointer; color: #FCAC22; } > .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li:hover a { color: #FCAC22; } @media (max-width: 991.98px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li { padding-left: 20px; padding-right: 20px; } } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav { display: none; } @media (max-width: 991.98px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav { transition: all 0.4s ease-in-out; display: block; width: 100%; position: absolute; left: 100vw; top: -40px; z-index: 1; background-color: #FFFFFF; height: calc(100vh - 170px); overflow-y: auto; pointer-events: none; opacity: 0; } } @media screen and (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav { transition: none; } } @media (max-width: 991.98px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav.show_nav_univers { left: 0; z-index: 2; opacity: 1; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul { padding-left: 0; padding-right: 0; list-style: none; max-height: 100%; overflow-y: scroll; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li { padding: 0 20px; text-align: left; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li:nth-child(2) { padding-top: 15px; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_return { width: 100%; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li a { width: 100%; color: #3C4F64; padding: 14px 0; display: block; } body .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li a { font-family: SomfySans-Regular, sans-serif; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li a.btnClassic { color: #FFFFFF; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li a i { margin-right: 0.7142857143rem; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li:hover a.univers_direct_link { color: #FCAC22; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li span { padding-top: 2px; padding-bottom: 0; } body .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li span { font-family: SomfySans-ExtraLight, sans-serif; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li span:before { transition: all 0.3s ease-in-out; } } @media screen and (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li span:before { transition: none; } } @media (max-width: 991.98px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li:first-child a { padding: 3px 0 12px 0; color: #FCAC22; border-bottom: 1px solid rgba(26, 27, 28, 0.1); } body .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li:first-child a { font-family: SomfySans-Light, sans-serif; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li:first-child span { transform: rotateZ(180deg); margin: 4px 10px 0 0; font-size: 13px; width: auto; height: auto; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li:first-child span:before { color: #FCAC22 !important; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li:last-child:not(.nav_assistance) { padding-bottom: 22px; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li.nav_assistance { margin-top: 22px; } } @media (max-width: 991.98px) and (max-width: 991.98px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav { display: block; width: 100%; position: absolute; left: 100vw; top: -12px; bottom: 0; z-index: 1; opacity: 1 !important; transition: all 0.4s ease-in-out; background-color: #FFFFFF; overflow-y: auto; overflow-x: visible; max-height: calc(100vh - 160px); pointer-events: none; } } @media screen and (max-width: 991.98px) and (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav { transition: none; } } @media (max-width: 991.98px) and (max-width: 991.98px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav.show_sub_subnavbar:not(.product_sub_subnav) { left: 0; width: 200vw !important; pointer-events: all; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav .product_sub_subnav { pointer-events: none; top: 0; transition: all 0.4s ease-in-out; } } @media screen and (max-width: 991.98px) and (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav .product_sub_subnav { transition: none; } } @media (max-width: 991.98px) and (max-width: 991.98px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav .product_sub_subnav.show_sub_subnavbar { z-index: 5; pointer-events: all; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav > ul { padding-left: 0; padding-right: 0; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav > ul > li { padding-left: 20px; padding-right: 20px; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav > ul > li a { color: #3C4F64; padding: 14px 0; } body .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav > ul > li a { font-family: SomfySans-Regular, sans-serif; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav > ul > li a.btnClassic { color: #FFFFFF; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav > ul > li span { padding-top: 2px; padding-bottom: 0; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav > ul > li span:before { transition: all 0.3s ease-in-out; } } @media screen and (max-width: 991.98px) and (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav > ul > li span:before { transition: none; } } @media (max-width: 991.98px) and (max-width: 991.98px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav > ul > li:first-child a { padding: 15px 0 12px 0; color: #FCAC22; border-bottom: 1px solid rgba(26, 27, 28, 0.1); } body .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav > ul > li:first-child a { font-family: SomfySans-Light, sans-serif; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav > ul > li:first-child span { transform: rotateZ(180deg); margin: 4px 10px 0 0; font-size: 13px; width: auto; height: auto; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav > ul > li:first-child span:before { color: #FCAC22 !important; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav > ul > li.introduction { border-bottom: 1px solid rgba(26, 27, 28, 0.1); list-style: none; padding: 0; margin: 0 20px 20px; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav > ul > li.introduction a { display: flex; padding-bottom: 20px; flex-direction: column; align-items: flex-start !important; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav > ul > li.introduction a p.level-title { color: #3C4F64; font-size: 26px; margin: 0 0 8px; font-weight: 400; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav > ul > li.introduction p { color: #FCAC22; font-size: 16px; margin: 0; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav > ul > li.introduction p span { font-size: 10px; padding-top: 6px !important; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav > ul > li.introduction p span:before { color: #FCAC22 !important; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav > ul > li.introduction h3 { color: #3C4F64; font-size: 26px; margin: 0 0 8px; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav > ul > li:nth-child(2):not(.introduction) > a { padding-top: 22px; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav > ul > li:hover > a { color: #FCAC22; } } @media (max-width: 991.98px) and (max-width: 991.98px) and (max-width: 991.98px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav > ul > li:hover > a { color: #3C4F64; } } @media (max-width: 991.98px) and (max-width: 991.98px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav > ul .nav_assistance { border-top: 1px solid rgba(26, 27, 28, 0.1); height: 200px; padding-top: 22px; padding-bottom: 22px; } body .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav > ul .nav_assistance .assistance_content .subtitle_1 { font-family: SomfySans-ExtraLight, sans-serif; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul > li .product_subnav > ul .nav_assistance .assistance_content a { padding-top: 13px; padding-bottom: 13px; } } @media (max-width: 991.98px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul .nav_assistance { border-top: 1px solid rgba(26, 27, 28, 0.1); height: 200px; padding-top: 22px; padding-bottom: 22px; background-color: #F9F8F4; } body .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul .nav_assistance .assistance_content .subtitle_1 { font-family: SomfySans-ExtraLight, sans-serif; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li .product_nav > ul .nav_assistance .assistance_content a { padding-top: 13px; padding-bottom: 13px; } } > .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li.product-menu { padding-left: 0; } @media (max-width: 991.98px) { > .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li.product-menu { border-top: 1px solid rgba(26, 27, 28, 0.1); padding-left: 20px; } > .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li.product-menu a { padding-top: 10px; } > .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li.product-menu span { width: 18px; height: 18px; margin-bottom: 5px; } } @media (max-width: 991.98px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li.first-menu.border-bottom { padding-bottom: 10px; border-bottom: 1px solid rgba(26, 27, 28, 0.1); } } @media (max-width: 991.98px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li.second-menu { padding-top: 25px; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li.second-menu a { padding-top: 0; padding-bottom: 15px; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li.second-menu.border-bottom { padding-bottom: 25px; padding-top: 0; border-bottom: 1px solid rgba(26, 27, 28, 0.1); } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li.second-menu.border-bottom a { padding-top: 15px; padding-bottom: 0; } } @media (max-width: 991.98px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li.third-menu { padding-top: 10px; padding-bottom: 48px; border-bottom: 1px solid rgba(26, 27, 28, 0.1); } } @media (max-width: 991.98px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li.nav-item-grey { background-color: #F8F7F5; padding-bottom: 15px; padding-top: 15px; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li.nav-item-grey a { padding-top: 0; padding-bottom: 0; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li.nav-item-grey.first-item { padding-top: 25px; padding-bottom: 15px; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li.nav-item-grey.last-item { padding-top: 15px; padding-bottom: 25px; } } @media (min-width: 992px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li > a > span { display: none; } } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li a { color: #3C4F64; transition: all 0.2s ease-in-out; } body .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li a { font-family: SomfySans-Regular, sans-serif; } @media screen and (prefers-reduced-motion: reduce) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li a { transition: none; } } @media (max-width: 991.98px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li a { padding-top: 14px; padding-bottom: 14px; font-size: 1.4285714286rem; } } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li a:hover { opacity: 1; text-decoration: none; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar > li a:focus { opacity: 1; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar hr { display: none; } @media (max-width: 991.98px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar hr { display: block; width: 100%; border: 0; border-top: 1px solid #1A1B1C; opacity: 0.1; margin: 0; } } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar .icon-somfy-accessibility:before { content: "\e909"; color: #3f5771; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar .icon-user:before { content: "\e971"; color: #3f5771; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar .icon-arrow-right:before { content: "\e903"; color: #3C4F64; height: 12px; width: 6px; } .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar .nav-item-mobile { display: none; } @media (max-width: 991.98px) { .somfy #header .container-fluid > div nav .menu_entries .menu_entries_navbar .nav-item-mobile { display: flex !important; } } .somfy #header .container-fluid > div nav .menu_entries.nav-open .dropdown-menu.hideDropdown, .somfy #header .container-fluid > div nav .menu_entries.nav-open .dropdown-menu.show { animation: none; } .somfy #header .topbar { position: relative; z-index: 1; min-height: 2.8571428571rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } @media (max-width: 991.98px) { .somfy #header .topbar { opacity: 0; pointer-events: none; margin-top: -1.2857142857rem; border-bottom: none; transition: all 0.4s ease-in-out; } } @media screen and (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .somfy #header .topbar { transition: none; } } .somfy #header .topbar .navMarket { position: relative; } @media (max-width: 991.98px) { .somfy #header .topbar .navMarket:after { content: ''; display: block; position: absolute; bottom: 0; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); background: rgba(0, 0, 0, 0.1); height: 1px; width: 100vw; } } .somfy #header .topbar .navMarket ul { margin: 0 0 -1px; padding: 0; list-style: none; } @media (max-width: 991.98px) { .somfy #header .topbar .navMarket ul { text-align: center; padding: 0; } } .somfy #header .topbar .navMarket ul li { display: inline-block; } .somfy #header .topbar .navMarket ul li a { display: inline-block; color: #767677; font-size: 1rem; line-height: 2.8571428571rem; padding-right: 1.4285714286rem; margin-right: 2.8571428571rem; border-bottom: 1px solid transparent; transition: all 0.2s ease-in-out; margin-bottom:-10px; } @media screen and (prefers-reduced-motion: reduce) { .somfy #header .topbar .navMarket ul li a { transition: none; } } @media (max-width: 991.98px) { .somfy #header .topbar .navMarket ul li a { margin: 0; padding: 0 1.4285714286rem; margin-bottom:-10px;} } @media (max-width: 767.98px) { .somfy #header .topbar .navMarket ul li a { padding: 0 0.7142857143rem; font-size: 0.8571428571rem; letter-spacing: -0.2px; margin-bottom:-10px;} } .somfy #header .topbar .navMarket ul li a:hover, .somfy #header .topbar .navMarket ul li a:focus { color: #FCAC22; } .somfy #header .topbar .navMarket ul li a:active, .somfy #header .topbar .navMarket ul li a.active { color: #FCAC22; border-color: #FCAC22; } @media (max-width: 991.98px) { .somfy #header.open .logo_somfy { padding-bottom: 3.5714285714rem !important; border-bottom: 1px solid rgba(204, 204, 204, 0.5) !important; } .somfy #header.open .topbar { opacity: 1; pointer-events: all; margin-top: 0; } .somfy #header.open .menu_entries { opacity: 1 !important; pointer-events: all !important; } } .somfy #header ul.navbar-top { position: absolute; right: 0.7142857143rem; margin-top: -0.5%; list-style: none; z-index:20} @media (max-width: 1198.98px) { .somfy #header ul.navbar-top { position: absolute; right: 0.7142857143rem; margin-top: -1.2%; list-style: none; } } @media (max-width: 991.98px) { .somfy #header ul.navbar-top { position: static; background: #f2f2f2; margin-top: 2.1428571429rem; padding: 2.1428571429rem 1.4285714286rem 0.7142857143rem; text-align:left; margin-bottom:180px; } } .somfy #header ul.navbar-top li { display: inline-block; margin-right: 2.8571428571rem; } @media (max-width: 991.98px) { .somfy #header ul.navbar-top li { display: block; margin-right: 0; margin-bottom: 1.4285714286rem; } } .somfy #header ul.navbar-top li:last-child { margin-right: 0; } .somfy #header ul.navbar-top li a { color: #767677; font-size: 1rem; line-height: 2.8571428571rem; transition: all 0.2s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .somfy #header ul.navbar-top li a { transition: none; } } @media (max-width: 991.98px) { .somfy #header ul.navbar-top li a { color: #3C4F64; font-size: 1.1428571429rem; } } .somfy #header ul.navbar-top li a i { font-size: 1rem; vertical-align: text-bottom; margin-right: 0.5714285714rem; } .somfy #header ul.navbar-top li a i.-bigger:before { top: 2px; position: relative; font-size: 1.5714285714rem; } @media (max-width: 991.98px) { .somfy #header ul.navbar-top li a i.-bigger:before { color: #3C4F64; font-size: 1.4285714286rem; } } .somfy #header ul.navbar-top li a i:before { color: #767677; font-size: 1.2857142857rem; transition: all 0.2s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .somfy #header ul.navbar-top li a i:before { transition: none; } } @media (max-width: 991.98px) { .somfy #header ul.navbar-top li a i:before { color: #3C4F64; font-size: 1.4285714286rem; } } .somfy #header ul.navbar-top li a:hover, .somfy #header ul.navbar-top li a:active, .somfy #header ul.navbar-top li a:focus { color: #FCAC22; } .somfy #header ul.navbar-top li a:hover i:before, .somfy #header ul.navbar-top li a:active i:before, .somfy #header ul.navbar-top li a:focus i:before { color: #FCAC22; } .somfy #header .mobilebar { position: fixed; z-index: 150; bottom: 0; left: 0; right: 0; width: 100%; background: white; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); display: none; transition: all 0.2s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .somfy #header .mobilebar { transition: none; } } @media (max-width: 991.98px) { .somfy #header .mobilebar.hide { bottom: -70px; } } @media (max-width: 991.98px) { .somfy #header .mobilebar { display: block; } } .somfy #header .mobilebar ul { margin: 0; padding: 0; list-style: none; display: flex; width: 100%; } .somfy #header .mobilebar ul li { flex-grow: 1; } .somfy #header .mobilebar ul li a { display: flex; text-align: center; flex-direction: column; align-items: center; justify-content: center; height: 5rem; } .somfy #header .mobilebar ul li a i { display: block; font-size: 22px; color: #767677; } .somfy #header .mobilebar ul li a span { display: block; color: #767677; font-size: 1rem; letter-spacing: -0.2px; } .somfy #header .mobilebar ul li .navbar-toggler { padding: 0; text-align: center; height: 5rem; width: 100%; border: none; display: flex; align-items: center; justify-content: center; } .somfy #header .btnOpenSearch { position: absolute; z-index:100; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 10px; width: 22%; background: none; border: none; border-bottom: 1px solid #ececec; margin: 6px 0 0; text-align: left; font-size: 1.2857142857rem; color: #767677; font-weight: normal; padding: 0 20px 4px 0; cursor: pointer; transition: all 0.2s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .somfy #header .btnOpenSearch { transition: none; } } @media (max-width: 991.98px) { .somfy #header .btnOpenSearch { display: none; } } .somfy #header .btnOpenSearch span { opacity: 0.5; } .somfy #header .btnOpenSearch i { margin-right: 0.7142857143rem; } .somfy #header .btnOpenSearch i:before { color: #767677; } @keyframes slideUpHeader { from { top: 70px; } to { top: 0 !important; } } @keyframes delay-show-menu { from { height: 0; overflow: auto; } to { height: 100%; } } @keyframes hideMenu { from { height: 100vh; } to { height: 0; } } @keyframes showMenu { from { opacity: 0; } to { opacity: 0.7; } } .somfy .mainFooter { display: block; height: auto; position: relative; top: 0; transition: all 0.3s ease-in-out; } .somfy .mainFooter .footer_first { background-color: #3F5771; justify-content: center; align-items: center; } @media (max-width: 767.98px) { .somfy .mainFooter .footer_first { padding-top: 40px; padding-bottom: 40px; } } .somfy .mainFooter .footer_first .footer_contact { height: 100%; align-items: center; padding-top: 38px; padding-bottom: 38px; } .somfy .mainFooter .footer_first .footer_contact .somfy-icon { font-family: 'somfy' !important; } @media (max-width: 767.98px) { .somfy .mainFooter .footer_first .footer_contact { justify-content: center; text-align: center; padding-top: 0; padding-bottom: 20px; } } .somfy .mainFooter .footer_first .footer_contact .wrap-content .text_big br { display: none; } @media (max-width: 767.98px) { .somfy .mainFooter .footer_first .footer_contact .wrap-content .text_big br { display: block; } } .somfy .mainFooter .footer_first .footer_contact .wrap-icon-contact > span { margin-right: 16px; color: #FFFFFF; font-size: 18px; } @media (max-width: 767.98px) { .somfy .mainFooter .footer_first .footer_contact .wrap-icon-contact > span { display: none; } } .somfy .mainFooter .footer_first .footer_contact .text_big { color: #FFFFFF; font-size: 18px; } body .somfy .mainFooter .footer_first .footer_contact .text_big { font-family: SomfySans-Regular, sans-serif; } @media (max-width: 767.98px) { .somfy .mainFooter .footer_first .footer_contact .text_big { font-size: 16px; } } .somfy .mainFooter .footer_first .footer_contact .text_big a { color: #FFFFFF; text-decoration: underline; } .somfy .mainFooter .footer_first .footer_contact p { color: #FFFFFF; margin: 0; } .somfy .mainFooter .footer_first .footer_subscribe_link { width: 100%; text-align: center; } .somfy .mainFooter .footer_first .footer_subscribe_link a { text-decoration: underline; } .somfy .mainFooter .footer_first .footer_subscribe_link .text_big { color: #FFFFFF; font-size: 18px; } body .somfy .mainFooter .footer_first .footer_subscribe_link .text_big { font-family: SomfySans-Light, sans-serif; } @media (max-width: 767.98px) { .somfy .mainFooter .footer_first .footer_subscribe_link .text_big { font-size: 16px; } } .somfy .mainFooter .footer_first .footer_social ul { margin: 0; padding: 0; text-align: right; } @media (max-width: 767.98px) { .somfy .mainFooter .footer_first .footer_social ul { text-align: center; padding-left: 25px; padding-right: 25px; } } .somfy .mainFooter .footer_first .footer_social .social-icon { list-style: none; border: 1px solid rgba(255, 255, 255, 0.1); height: 40px; width: 40px; border-radius: 50%; position: relative; display: inline-block; margin-left: 10px; vertical-align: middle; transition: border .3s ease; } .somfy .mainFooter .footer_first .footer_social .social-icon:hover { border-color: white; } .somfy .mainFooter .footer_first .footer_social .social-icon:nth-child(6) { margin-top: 3px; } .somfy .mainFooter .footer_first .footer_social .social-icon:nth-child(7) { margin-top: 3px; } .somfy .mainFooter .footer_first .footer_social .social-icon:nth-child(8) { margin-top: 3px; } .somfy .mainFooter .footer_first .footer_social .social-icon:nth-child(9) { margin-top: 3px; } .somfy .mainFooter .footer_first .footer_social .social-icon:nth-child(10) { margin-top: 3px; } @media screen and (max-width: 1155px) and (min-width: 1034px) { .somfy .mainFooter .footer_first .footer_social .social-icon { height: 34px; width: 34px; } .somfy .mainFooter .footer_first .footer_social .social-icon a span:before { font-size: 1.1em; } } @media (max-width: 1034px) and (min-width: 951px) { .somfy .mainFooter .footer_first .footer_social .social-icon { height: 30px; width: 30px; } .somfy .mainFooter .footer_first .footer_social .social-icon a span:before { font-size: 0.9em; } } @media (max-width: 950px) and (min-width: 811px) { .somfy .mainFooter .footer_first .footer_social .social-icon { height: 28px; width: 28px; margin-left: 5px; } .somfy .mainFooter .footer_first .footer_social .social-icon a span:before { font-size: 0.9em; } } @media (max-width: 810px) and (min-width: 768px) { .somfy .mainFooter .footer_first .footer_social .social-icon { height: 26px; width: 26px; margin-left: 5px; } .somfy .mainFooter .footer_first .footer_social .social-icon a span:before { font-size: 0.8em; } } @media (max-width: 767.98px) { .somfy .mainFooter .footer_first .footer_social .social-icon { height: 40px; width: 40px; margin-left: 0; justify-content: space-between; } .somfy .mainFooter .footer_first .footer_social .social-icon span { font-size: 0.8em; } } .somfy .mainFooter .footer_first .footer_social .social-icon span { color: #FFFFFF; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; } .somfy .mainFooter .footer_first .footer_social .social-icon span:before { font-size: 1.3em; } @media (max-width: 767.98px) { .somfy .mainFooter .footer_first .footer_social { justify-content: center !important; margin-top: 29px; padding-left: 0; } } .somfy .mainFooter .footer_second { padding-top: 30px; } @media (max-width: 991.98px) { .somfy .mainFooter .footer_second { padding-top: 0; padding-bottom: 20px; } } .somfy .mainFooter .footer_second .footer_second_wrapper { border-bottom: 1px solid rgba(26, 27, 28, 0.1); padding-bottom: 17px; margin-bottom: 11px; } @media (max-width: 991.98px) { .somfy .mainFooter .footer_second .footer_second_wrapper .footer-accordion-block:first-child .item-header span { cursor: initial; } } .somfy .mainFooter .footer_second .item-header { padding-bottom: 5px; } .somfy .mainFooter .footer_second .item-header .item-header-mobile { display: none; } @media (max-width: 991.98px) { .somfy .mainFooter .footer_second .item-header { position: relative; width: 100%; display: block; cursor: pointer; } .somfy .mainFooter .footer_second .item-header .item-header-mobile { display: inline-block; } .somfy .mainFooter .footer_second .item-header .item-header-desktop { display: none; } .somfy .mainFooter .footer_second .item-header .icon-plus { border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; width: 16px; height: 16px; position: absolute; top: 50%; display: inline-block; right: 0; transform: translateY(-50%); } .somfy .mainFooter .footer_second .item-header .icon-plus:after { background-color: #3C4F64; width: 13px; height: 1px; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; position: absolute; top: 7px; left: 4px; content: ""; } .somfy .mainFooter .footer_second .item-header .icon-plus:before { background-color: #3C4F64; width: 1px; height: 13px; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; position: absolute; top: 1px; left: 10px; content: ""; } } .somfy .mainFooter .footer_second .item-header.active { border-bottom: none; } .somfy .mainFooter .footer_second .item-header.active .icon-plus:before { display: none; } @media (max-width: 991.98px) { .somfy .mainFooter .footer_second .item-header { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(26, 27, 28, 0.1); } } .somfy .mainFooter .footer_second .item-header .text_medium, .somfy .mainFooter .footer_second .item-header .text_medium a { color: inherit; font-size: 16px; } .somfy .mainFooter .footerBottom { display: flex; align-items: center; height: 4.2857142857rem; } @media (max-width: 991.98px) { .somfy .mainFooter .footerBottom { padding-top: 0; margin-bottom: 100px; } } @media (max-width: 767.98px) { .somfy .mainFooter .footerBottom { height: auto; display: block; } } .somfy .mainFooter .footerBottom ul { list-style: none; padding-left: 0; margin-bottom: 0; } @media (max-width: 767.98px) { .somfy .mainFooter .footerBottom ul { display: inline-block !important; width: 100%; } .somfy .mainFooter .footerBottom ul li { width: 100%; text-align: center; display: block; } .somfy .mainFooter .footerBottom ul li:first-child { margin-bottom: 10px; } } @media (max-width: 767.98px) { .somfy .mainFooter .footerBottom ul li:nth-child(2) { display: inline-block !important; } } .somfy .mainFooter .footerBottom ul li:nth-child(2) div { margin-left: 50px; } @media (max-width: 991.98px) { .somfy .mainFooter .footerBottom ul li:nth-child(2) div { margin-left: 30px; } } @media (max-width: 767.98px) { .somfy .mainFooter .footerBottom ul li:nth-child(2) div { display: inline-block; margin-left: 20px; } .somfy .mainFooter .footerBottom ul li:nth-child(2) div:first-child { margin-left: 0; margin-bottom: 15px; } } .somfy .mainFooter .footerBottom ul li:nth-child(2) div a { text-decoration: none; color: #3c4F64; } body .somfy .mainFooter .footerBottom ul li:nth-child(2) div a { font-family: SomfySans-Regular, sans-serif; } .somfy .mainFooter .footerBottom ul li:nth-child(2) div a:hover { text-decoration: none; } .somfy .mainFooter .footerBottom ul.methodPayment { width: auto; } .somfy .mainFooter .footerBottom ul.methodPayment li { display: inline !important; } .somfy .mainFooter .footerBottom .info-legal span { margin-left: 50px; color: #1a1b1c; font-size: 14px; } body .somfy .mainFooter .footerBottom .info-legal span { font-family: SomfySans-Regular, sans-serif; } .somfy .mainFooter .footerBottom .info-legal span:first-child { margin-left: 0; } @media (max-width: 767.98px) { .somfy .mainFooter .footerBottom .info-legal { text-align: center; padding-bottom: 10px; } } .somfy .mainFooter .footerBottom .payment-block { flex-wrap: nowrap !important; white-space: nowrap; } /* Menu sous le logo*/ .margin_subMenu { margin-left:20%; } /*Rehausser logo*/ .marginTop { margin-top:-1% !important; } @media (max-width: 1198.98px) { .marginTop { margin-top:-2.2% !important; } } /*Deplacement barre de recherche*/ .moveSearchBar { background: none !important; position: absolute !important; left: 300px !important; } @media (max-width: 991.98px) { .moveSearchBar { background: none !important; position: relative !important; width: 70% !important; left: 0px !important; margin-left: auto; margin-right: auto; height:15px !important; }} .containerSearchStyle { height: 50px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: solid; border-width: thin; border-color: rgb(239, 239, 239); z-index:30; } a .privateRoom:hover path { fill: #FAB800; } .privateRoom { margin-top: -30px; margin-right: -74px; float: right; } @media (max-width: 991.98px) { .privateRoom { margin-top: -20px; margin-right: -52px; float: right; } } .RoomPrivee_hide { display: none; } .RoomPrivee_show { display: block; } /*END CUSTOM CODE*/