@font-face { font-family: 'Font-title'; src: url(/aides/resources/styles/polices/Montserrat.ttf); } .home-full .general main[role='main'].side-right .main-container div.oidc-width h2, .home-full .general main[role='main'].side-right .main-container div.oidc-width p, .home-full .general main[role='main'].side-right .main-container div.oidc-width a, .home-full .general main[role='main'].side-right .main-container div.oidc-width { color: #ffffff !important; } .text-center.account-links.section-create-account { background: radial-gradient(at 50% 100%, rgba(255, 255, 255, 0.9) 90%, rgba(255, 255, 255, 0.8) 100%); } /*Toujour utiliser le REM comme unité de mesure*/ #chatbot iframe { width: 172px; max-width: 100%; height: 59px; margin: 0 auto; display: block; border: 0; } .alert.alert-default .alert-icon-heading { color: #e51f1f; } body.layout-versus footer.full, body.home-full footer.full, body.home-data footer.full { background-color: #e51f1f; color: #ffffff; } body.layout-versus footer.full::before, body.home-full footer.full::before, body.home-data footer.full::before { background: linear-gradient(to right, #e51f1f 0%, #000000 100%); } body.layout-versus footer.full a, body.home-full footer.full a, body.home-data footer.full a, body.layout-versus footer.full button.btn-link, body.home-full footer.full button.btn-link, body.home-data footer.full button.btn-link { color: #ffffff; } body.layout-versus footer.full a:hover, body.home-full footer.full a:hover, body.home-data footer.full a:hover, body.layout-versus footer.full button.btn-link:hover, body.home-full footer.full button.btn-link:hover, body.home-data footer.full button.btn-link:hover, body.layout-versus footer.full a:focus, body.home-full footer.full a:focus, body.home-data footer.full a:focus, body.layout-versus footer.full button.btn-link:focus, body.home-full footer.full button.btn-link:focus, body.home-data footer.full button.btn-link:focus { color: #ffffff; } .home-full .general main[role='main'].side-right .main-container blockquote, .home-full .general main[role='main'].side-right .main-container .info-comp { border-color: #e51f1f; background: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.7) 100%); } .home-full .general main[role='main'].side-right .main-container .hr-sect { color: #000000; } .home-full .general main[role='main'].side-right .main-container .hr-sect::before, .home-full .general main[role='main'].side-right .main-container .hr-sect::after { background: rgba(0, 0, 0, 0.5); } .home-full .general main[role='main'].side-right .main-container a.btn-link { color: #000000; } .home-full .general main[role='main'].side-right .main-container a.btn-link:hover, .home-full .general main[role='main'].side-right .main-container a.btn-link:focus { color: #000000; } .home-full .general main[role='main'].side-right .main-container section.well { background: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.7) 100%); box-shadow: #f4f4f4; } .home-full .general main[role='main'].side-right .main-container form.connexion, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm { background: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.7) 100%); border: 1px solid #ffffff; } .home-full .general main[role='main'].side-right .main-container form.connexion legend, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm legend { color: #000000; background: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.4) 10%, rgba(255, 255, 255, 0) 60%); } .home-full .general main[role='main'].side-right .main-container form.connexion legend .fa, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm legend .fa { color: #e51f1f; } .home-full .general main[role='main'].side-right .main-container form.connexion fieldset blockquote, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm fieldset blockquote, .home-full .general main[role='main'].side-right .main-container form.connexion fieldset .info-comp, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm fieldset .info-comp { border-color: #e51f1f; } .home-full .general main[role='main'].side-right .main-container form.connexion fieldset .form-group .input-group-addon, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm fieldset .form-group .input-group-addon { color: #ffffff; background: linear-gradient(#e51f1f, transparent), linear-gradient(45deg, #bb1616, transparent), linear-gradient(-45deg, #ea4d4d, transparent); border-color: #e51f1f; } .home-full .general main[role='main'].side-right .main-container form.connexion footer, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm footer { background: rgba(255, 255, 255, 0.4); } .home-full .general main[role='main'].side-right .main-container form.connexion footer::before, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm footer::before { background: linear-gradient(to right, #e51f1f 0%, #000000 100%); } .home-full .general main[role='main'].side-right .main-container form.connexion footer button.btn-product.btn, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm footer button.btn-product.btn, .home-full .general main[role='main'].side-right .main-container form.connexion span button.btn-product.btn, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm span button.btn-product.btn, .home-full .general main[role='main'].side-right .main-container form.connexion footer a.btn-product.btn, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm footer a.btn-product.btn, .home-full .general main[role='main'].side-right .main-container form.connexion span a.btn-product.btn, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm span a.btn-product.btn { color: #ffffff; background: #e51f1f; border-color: #770e0e; } .home-full .general main[role='main'].side-right .main-container form.connexion footer button.btn-product.btn:hover, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm footer button.btn-product.btn:hover, .home-full .general main[role='main'].side-right .main-container form.connexion span button.btn-product.btn:hover, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm span button.btn-product.btn:hover, .home-full .general main[role='main'].side-right .main-container form.connexion footer a.btn-product.btn:hover, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm footer a.btn-product.btn:hover, .home-full .general main[role='main'].side-right .main-container form.connexion span a.btn-product.btn:hover, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm span a.btn-product.btn:hover, .home-full .general main[role='main'].side-right .main-container form.connexion footer button.btn-product.btn:focus, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm footer button.btn-product.btn:focus, .home-full .general main[role='main'].side-right .main-container form.connexion span button.btn-product.btn:focus, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm span button.btn-product.btn:focus, .home-full .general main[role='main'].side-right .main-container form.connexion footer a.btn-product.btn:focus, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm footer a.btn-product.btn:focus, .home-full .general main[role='main'].side-right .main-container form.connexion span a.btn-product.btn:focus, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm span a.btn-product.btn:focus, .home-full .general main[role='main'].side-right .main-container form.connexion footer button.btn-product.btn:active, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm footer button.btn-product.btn:active, .home-full .general main[role='main'].side-right .main-container form.connexion span button.btn-product.btn:active, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm span button.btn-product.btn:active, .home-full .general main[role='main'].side-right .main-container form.connexion footer a.btn-product.btn:active, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm footer a.btn-product.btn:active, .home-full .general main[role='main'].side-right .main-container form.connexion span a.btn-product.btn:active, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm span a.btn-product.btn:active, .home-full .general main[role='main'].side-right .main-container form.connexion footer button.btn-product.btn.active, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm footer button.btn-product.btn.active, .home-full .general main[role='main'].side-right .main-container form.connexion span button.btn-product.btn.active, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm span button.btn-product.btn.active, .home-full .general main[role='main'].side-right .main-container form.connexion footer a.btn-product.btn.active, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm footer a.btn-product.btn.active, .home-full .general main[role='main'].side-right .main-container form.connexion span a.btn-product.btn.active, .home-full .general main[role='main'].side-right .main-container form#resetPasswordForm span a.btn-product.btn.active { color: #e6e6e6; background: linear-gradient(#e51f1f, transparent), linear-gradient(45deg, #bb1616, transparent), linear-gradient(-45deg, #ea4d4d, transparent); border-color: #8e1010; } .home-full .general main[role='main'].side-right .main-container .account-links a.btn-link { color: #000000; } .home-full .general main[role='main'].side-right .main-container .account-links a.btn-link:hover, .home-full .general main[role='main'].side-right .main-container .account-links a.btn-link:focus { color: #000000; } .home-full .general main[role='main'].side-right .main-container .account-links a.btn-default { background: #e51f1f; color: #ffffff; border-color: #bb1616; } .home-full .general main[role='main'].side-right .main-container .account-links a.btn-default:hover, .home-full .general main[role='main'].side-right .main-container .account-links a.btn-default:focus { color: #f4f4f4; background: linear-gradient(#e51f1f, transparent), linear-gradient(45deg, #bb1616, transparent), linear-gradient(-45deg, #ea4d4d, transparent); border-color: #8e1010; } .home-full main.general .user-authentication blockquote { border-color: #e51f1f; background: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.7) 100%); } .home-full main.general .user-authentication form { background: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.7) 100%); border: 1px solid #ffffff; } .home-full main.general .user-authentication form legend { color: #000000; background: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.4) 10%, rgba(255, 255, 255, 0) 60%); } .home-full main.general .user-authentication form legend i { color: #e51f1f; } .home-full main.general .user-authentication form fieldset blockquote { border-color: #e51f1f; } .home-full main.general .user-authentication form fieldset .form-group .input-group-addon { color: #ffffff; background: linear-gradient(#e51f1f, transparent), linear-gradient(45deg, #bb1616, transparent), linear-gradient(-45deg, #ea4d4d, transparent); border-color: #e51f1f; } .home-full main.general .user-authentication form footer { background: rgba(255, 255, 255, 0.4); } .home-full main.general .user-authentication form footer::before { background: linear-gradient(to right, #e51f1f 0%, #000000 100%); } .home-full main.general .user-authentication form footer button.btn-product.btn, .home-full main.general .user-authentication form footer a.btn-product.btn { color: #ffffff; background: #e51f1f; border-color: #770e0e; } .home-full main.general .user-authentication form footer button.btn-product.btn:hover, .home-full main.general .user-authentication form footer a.btn-product.btn:hover, .home-full main.general .user-authentication form footer button.btn-product.btn:focus, .home-full main.general .user-authentication form footer a.btn-product.btn:focus, .home-full main.general .user-authentication form footer button.btn-product.btn:active, .home-full main.general .user-authentication form footer a.btn-product.btn:active, .home-full main.general .user-authentication form footer button.btn-product.btn.active, .home-full main.general .user-authentication form footer a.btn-product.btn.active { color: #e6e6e6; background: linear-gradient(#e51f1f, transparent), linear-gradient(45deg, #bb1616, transparent), linear-gradient(-45deg, #ea4d4d, transparent); border-color: #8e1010; } .home-full main.general .user-authentication .account-links a.btn-link { color: #000000; } .home-full main.general .user-authentication .account-links a.btn-link:hover, .home-full main.general .user-authentication .account-links a.btn-link:focus { color: #000000; } .home-full main.general .user-authentication .account-links a.btn-default { background: #e51f1f; color: #ffffff; border-color: #bb1616; } .home-full main.general .user-authentication .account-links a.btn-default:hover, .home-full main.general .user-authentication .account-links a.btn-default:focus { color: #f4f4f4; background: linear-gradient(#e51f1f, transparent), linear-gradient(45deg, #bb1616, transparent), linear-gradient(-45deg, #ea4d4d, transparent); border-color: #8e1010; } .modal-dialog form.modal-content fieldset.modal-body legend { border-color: rgba(229, 31, 31, 0.5); } .modal-dialog .modal-body legend, .modal-dialog .modal-body h3, .modal-dialog .modal-body h4, .modal-dialog .modal-body h5 { border-color: rgba(229, 31, 31, 0.5); } .modal-dialog .modal-header { background-color: #e51f1f; border-color: #e51f1f; } .modal-dialog .modal-header:after { border-top: 7px solid #e51f1f; } .modal-dialog .modal-header .modal-title { color: #ffffff; font-family: 'Font-title', 'Poppins', sans-serif; } .modal-dialog .modal-content:before { background: linear-gradient(to left, #000000 0%, #e51f1f 50%, #000000 100%); } .modal-dialog .modal-body legend .fa { color: #e51f1f; } .modal-dialog .modal-footer { border-color: #e51f1f; } .modal-dialog .modal-footer a, .modal-dialog .modal-footer .btn-link { color: #e51f1f; } .modal-dialog .modal-footer a:hover, .modal-dialog .modal-footer .btn-link:hover, .modal-dialog .modal-footer a:focus, .modal-dialog .modal-footer .btn-link:focus { color: #bb1616; } .modal-dialog .modal-footer .btn-default { background: #f4f4f4; color: #e51f1f; border-color: #e51f1f; } .modal-dialog .modal-footer .btn-default:hover, .modal-dialog .modal-footer .btn-default:focus { background: linear-gradient(#f4f4f4, transparent), linear-gradient(45deg, #dbdbdb, transparent), linear-gradient(-45deg, #ffffff, transparent); border-color: #bb1616; color: #e51f1f; } .home-full .general main[role='main'].side-right .main-container section.well { background: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.7) 100%); box-shadow: #f4f4f4; } .home-full .general main[role='main'].side-right .main-container section.well::before { display: none; } .home-full .general main[role='main'].side-right .main-container section.well form fieldset legend { color: #000000; border-color: #000000; font-family: 'Font-title', 'Poppins', sans-serif; } .home-full .general main[role='main'].side-right .main-container section.well form fieldset legend .fa { color: #e51f1f; } .home-full .general main[role='main'].side-right .main-container section.well form fieldset blockquote, .home-full .general main[role='main'].side-right .main-container section.well form fieldset .info-comp { border-color: #e51f1f; background: rgba(255, 255, 255, 0.4); } .home-full .general main[role='main'].side-right .main-container section.well form .btn-primary { background: #e51f1f; color: #ffffff; border-color: #bb1616; } .home-full .general main[role='main'].side-right .main-container section.well form .btn-primary:hover, .home-full .general main[role='main'].side-right .main-container section.well form .btn-primary:focus { background: linear-gradient(#e51f1f, transparent), linear-gradient(45deg, #bb1616, transparent), linear-gradient(-45deg, #ea4d4d, transparent); color: #f4f4f4; border-color: #8e1010; } .home-full .general main[role='main'].side-right .main-container section.well form .btn-default { background: #e51f1f; color: #ffffff; border-color: #bb1616; } .home-full .general main[role='main'].side-right .main-container section.well form .btn-default:hover, .home-full .general main[role='main'].side-right .main-container section.well form .btn-default:focus { color: #f4f4f4; background: linear-gradient(#e51f1f, transparent), linear-gradient(45deg, #bb1616, transparent), linear-gradient(-45deg, #ea4d4d, transparent); border-color: #8e1010; } .home-full .general main[role='main'].side-right .main-container .account-links a.btn-link { color: #000000; } .home-full .general main[role='main'].side-right .main-container .account-links a.btn-link:hover, .home-full .general main[role='main'].side-right .main-container .account-links a.btn-link:focus { color: #000000; } .home-full .general main[role='main'].side-right .main-container .account-links a.btn-default { background: #e51f1f; color: #ffffff; border-color: #bb1616; } .home-full .general main[role='main'].side-right .main-container .account-links a.btn-default:hover, .home-full .general main[role='main'].side-right .main-container .account-links a.btn-default:focus { color: #f4f4f4; background: linear-gradient(#e51f1f, transparent), linear-gradient(45deg, #bb1616, transparent), linear-gradient(-45deg, #ea4d4d, transparent); border-color: #8e1010; } .user-connexion section.well { background: transparent; } .user-connexion section.well::before { display: none; } .user-connexion section.well.multi-form { background: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.7) 100%); box-shadow: #f4f4f4; } .user-connexion section.well.multi-form form { background: none !important; box-shadow: 0 0 0 0; } .user-connexion section.well form { background: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.7) 100%); box-shadow: #f4f4f4; } .user-connexion section.well form fieldset legend { color: #000000; border-color: #000000; font-family: 'Font-title', 'Poppins', sans-serif; background: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.3) 10%, rgba(255, 255, 255, 0) 60%); } .user-connexion section.well form fieldset legend i { color: #e51f1f; } .user-connexion section.well form fieldset blockquote { border-color: #e51f1f; background: rgba(255, 255, 255, 0.4); } .user-connexion section.well form footer .btn-primary { background: #e51f1f; color: #ffffff; border-color: #bb1616; } .user-connexion section.well form footer .btn-primary:hover, .user-connexion section.well form footer .btn-primary:focus { background: linear-gradient(#e51f1f, transparent), linear-gradient(45deg, #bb1616, transparent), linear-gradient(-45deg, #ea4d4d, transparent); color: #f4f4f4; border-color: #8e1010; } .user-connexion section.well form footer .btn-default { background: #e51f1f; color: #ffffff; border-color: #bb1616; } .user-connexion section.well form footer .btn-default:hover, .user-connexion section.well form footer .btn-default:focus { color: #f4f4f4; background: linear-gradient(#e51f1f, transparent), linear-gradient(45deg, #bb1616, transparent), linear-gradient(-45deg, #ea4d4d, transparent); border-color: #8e1010; } .user-connexion .account-links a.btn-link { color: #000000; } .user-connexion .account-links a.btn-link:hover, .user-connexion .account-links a.btn-link:focus { color: #000000; } .user-connexion .account-links a.btn-default { background: #e51f1f; color: #ffffff; border-color: #bb1616; } .user-connexion .account-links a.btn-default:hover, .user-connexion .account-links a.btn-default:focus { color: #f4f4f4; background: linear-gradient(#e51f1f, transparent), linear-gradient(45deg, #bb1616, transparent), linear-gradient(-45deg, #ea4d4d, transparent); border-color: #8e1010; } body.home-full.not-in-iframe::before, body.home-full::before { background: none, #ffffff; background-size: cover; } body.layout-versus::before { background-image: none; background-size: cover; } header.header-left { background: url(/aides/resources/styles/images/logo-header.png) no-repeat center center, rgba(21, 40, 46, 0.7); } header.header-left a h1 { color: #ffffff; font-family: 'Font-title', 'Poppins', sans-serif; } .layout-versus header div.logo, .home-full header div.logo { background: url(/aides/resources/styles/images/logo-home.png) no-repeat center center; } .layout-versus header div.logo a h1, .home-full header div.logo a h1, .layout-versus header div.logo a h2, .home-full header div.logo a h2 { color: #ffffff; font-family: 'Font-title', 'Poppins', sans-serif; } .layout-versus header div.logo a:hover, .home-full header div.logo a:hover, .layout-versus header div.logo a:focus, .home-full header div.logo a:focus { box-shadow: 0 0 0 0.3rem rgba(229, 31, 31, 0.4); } .layout-versus header.logo, .home-full header.logo { background: url(/aides/resources/styles/images/logo-home.png) no-repeat center center; } .layout-versus header.logo a h1, .home-full header.logo a h1, .layout-versus header.logo a h2, .home-full header.logo a h2 { color: #ffffff; font-family: 'Font-title', 'Poppins', sans-serif; } .home-full header.side-left { background: #e51f1f; } .layout-versus .side-left, .home-full .side-left { background: #e51f1f; color: #ffffff; } .layout-versus .side-left header.section-header .header-title h2, .home-full .side-left header.section-header .header-title h2, .layout-versus .side-left header.section-header .header-title h3, .home-full .side-left header.section-header .header-title h3 { color: #ffffff; font-family: 'Font-title', 'Poppins', sans-serif; } .layout-versus .side-left .icon-section, .home-full .side-left .icon-section { background: #ffffff; } .layout-versus .side-left a, .home-full .side-left a { color: #ffffff; } .layout-versus .side-left .icon-article, .home-full .side-left .icon-article { color: #ffffff; } .layout-versus .side-left article .article-header, .home-full .side-left article .article-header { border-color: #ffffff; } .layout-versus .side-right, .home-full .side-right { background: url(/aides/resources/styles/images/bg_cd74.jpg) top left / cover; } .layout-versus .side-right header.section-header .header-title h2, .home-full .side-right header.section-header .header-title h2, .layout-versus .side-right header.section-header .header-title h3, .home-full .side-right header.section-header .header-title h3 { color: #000000; } .layout-versus .side-right .icon-section, .home-full .side-right .icon-section { background: #000000; } .layout-versus .side-right a, .home-full .side-right a { color: #000000; } .layout-versus .side-right .icon-article, .home-full .side-right .icon-article { color: #000000; } /* Loading bar */ #loading-bar .bar { background: #e51f1f; } /* Fancy blur effect */ #loading-bar .peg { -moz-box-shadow: #fff 1px 0 6px 1px; -ms-box-shadow: #fff 1px 0 6px 1px; -webkit-box-shadow: #fff 1px 0 6px 1px; box-shadow: #fff 1px 0 6px 1px; } .side-left, .header-left { background: #e51f1f; color: #ffffff; } .home-full .general main[role='main'].side-right { background: url(/aides/resources/styles/images/bg_cd74.jpg) top left / cover; color: #000000; } .home-full .general main[role='main'].side-right section.content-center header.section-header { color: #000000; } .home-full .general main[role='main'].side-right h2, .home-full .general main[role='main'].side-right h3, .home-full .general main[role='main'].side-right h4, .home-full .general main[role='main'].side-right h5, .home-full .general main[role='main'].side-right p, .home-full .general main[role='main'].side-right label { color: #000000; } .home-full .general main[role='main'].side-right h2, .home-full .general main[role='main'].side-right h3, .home-full .general main[role='main'].side-right h4 { font-family: 'Font-title', 'Poppins', sans-serif; } .home-full .general main[role='main'].side-right section.well.text, .home-full .general main[role='main'].side-right section.well { background: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.7) 100%); } .home-full .general main[role='main'].side-right .icon-section { background: #000000; } .home-full .general main[role='main'].side-right .icon-article { color: #000000; } /* === For phones =================================== */ @media (max-width: 992px) { .home-full .general main[role='main'].side-right { background: url(/aides/resources/styles/images/bg_cd74.jpg) top left / cover; } } @media (max-width: 992px) { body.home-full .general header[role='banner'].side-left.side { background: #e51f1f; } } .side-left, .header-left { background: #e51f1f; color: #ffffff; } .home-full main.general section.side-right { background: url(/aides/resources/styles/images/bg_cd74.jpg) top left / cover; color: #000000; } .home-full main.general section.side-right section.content-center header.section-header { color: #000000; } .home-full main.general section.side-right h2, .home-full main.general section.side-right h3, .home-full main.general section.side-right h4, .home-full main.general section.side-right h5, .home-full main.general section.side-right p, .home-full main.general section.side-right label { color: #000000; } .home-full main.general section.side-right h2, .home-full main.general section.side-right h3, .home-full main.general section.side-right h4 { font-family: 'Font-title', 'Poppins', sans-serif; } .home-full main.general section.side-right section.well.text, .home-full main.general section.side-right section.well form { background: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.7) 100%); } .home-full main.general section.side-right .icon-section { background: #000000; } .home-full main.general section.side-right .icon-article { color: #000000; } /* === For phones =================================== */ @media (max-width: 992px) { .home-full main.general section.side-right { background: url(/aides/resources/styles/images/bg_cd74.jpg) top left / cover; } } .tooltip.top .tooltip-arrow { border-top-color: #000000; } .tooltip.top .tooltip-inner { background: radial-gradient(ellipse at bottom, #000000 10%, #000000 100%); } .tooltip.bottom .tooltip-arrow { border-bottom-color: #000000; } .tooltip.bottom .tooltip-inner { background: radial-gradient(ellipse at top, #000000 10%, #000000 100%); } .tooltip.left .tooltip-arrow { border-left-color: #000000; } .tooltip.left .tooltip-inner { background: linear-gradient(to left, #000000 10%, #000000 100%); } .tooltip.right .tooltip-arrow { border-right-color: #000000; } .tooltip.right .tooltip-inner { background: linear-gradient(to right, #000000 10%, #000000 100%); } .tooltip-inner { border-color: #000000; }