"); padding: 0.5em 1em 0.5em 2.6em; background-position: 0.5em center; font-size: 0.8em; color: rgb(134, 134, 134); transition: all 0.2s ease 0s; } @media screen and (max-width: 768px) { .iframe-fullwidth .btn-frame-expand, .iframe-large .btn-frame-expand, .iframe-standard .btn-frame-expand { right: 50%; transform: translateX(50%); } } .iframe-fullwidth .btn-frame-expand:hover, .iframe-large .btn-frame-expand:hover, .iframe-standard .btn-frame-expand:hover { color: rgb(0, 0, 0); transition: all 0.2s ease 0s; background-image: url("data:image/svg+xml; utf8, "); } .iframe-fullwidth .btn-frame-reduce, .iframe-large .btn-frame-reduce, .iframe-standard .btn-frame-reduce { transition: all 0.2s ease 0s; top: -1.5em; right: -1.5em; padding: 3em; background: rgb(0, 0, 0); border-bottom-left-radius: 10em; opacity: 0.6; position: fixed; } .iframe-fullwidth .btn-frame-reduce:hover, .iframe-large .btn-frame-reduce:hover, .iframe-standard .btn-frame-reduce:hover { opacity: 1; } .iframe-fullwidth .btn-frame-reduce::after, .iframe-large .btn-frame-reduce::after, .iframe-standard .btn-frame-reduce::after { position: absolute; content: "✕"; color: rgb(255, 255, 255); top: 50%; left: 50%; transform: translate(-50%, -50%); } :not(:root):fullscreen { padding: 1em 2em; background: rgb(255, 255, 255) !important; } @media screen and (max-width: 992px) { :not(:root):fullscreen { padding: 0.2em; } } "); padding: 0.5em 1em 0.5em 2.6em; background-position: 0.5em center; font-size: 0.8em; color: rgb(134, 134, 134); transition: all 0.2s ease 0s; } @media screen and (max-width: 768px) { .iframe-fullwidth .btn-frame-expand, .iframe-large .btn-frame-expand, .iframe-standard .btn-frame-expand { right: 50%; transform: translateX(50%); } } .iframe-fullwidth .btn-frame-expand:hover, .iframe-large .btn-frame-expand:hover, .iframe-standard .btn-frame-expand:hover { color: rgb(0, 0, 0); transition: all 0.2s ease 0s; background-image: url("data:image/svg+xml; utf8, "); } .iframe-fullwidth .btn-frame-reduce, .iframe-large .btn-frame-reduce, .iframe-standard .btn-frame-reduce { transition: all 0.2s ease 0s; top: -1.5em; right: -1.5em; padding: 3em; background: rgb(0, 0, 0); border-bottom-left-radius: 10em; opacity: 0.6; position: fixed; } .iframe-fullwidth .btn-frame-reduce:hover, .iframe-large .btn-frame-reduce:hover, .iframe-standard .btn-frame-reduce:hover { opacity: 1; } .iframe-fullwidth .btn-frame-reduce::after, .iframe-large .btn-frame-reduce::after, .iframe-standard .btn-frame-reduce::after { position: absolute; content: "✕"; color: rgb(255, 255, 255); top: 50%; left: 50%; transform: translate(-50%, -50%); } :not(:root):fullscreen { padding: 1em 2em; background: rgb(255, 255, 255) !important; } @media screen and (max-width: 992px) { :not(:root):fullscreen { padding: 0.2em; } } .bg_popin, .bg_popin_cookie { display: none; width: 100%; height: 100%; padding-top: 15px; background-color: rgba(0, 0, 0, 0.7); position: fixed; top: 0px; left: 0px; z-index: 60000; } .close_popin { color: rgb(153, 153, 153); font-size: 14px; font-family: stratos-light, arial, helvetica, "sans-serif"; letter-spacing: 1px; cursor: pointer; position: absolute; top: 30px; right: 30px; z-index: 55000; } .close_popin img { margin-top: -3px; margin-left: 15px; } .popin { display: none; overflow-y: auto; padding: 30px 15px; background-color: rgb(255, 255, 255); } .popin h1, .popin .h1 { margin-top: 0px !important; } .popin h2 { color: rgb(228, 3, 45); font-size: 20px; font-family: stratos-medium, arial, helvetica, "sans-serif"; line-height: 25px; } .popin h3 { color: rgb(153, 153, 153); font-size: 16px; font-family: stratos-medium, arial, helvetica, "sans-serif"; line-height: 20px; } .popin p { margin-bottom: 20px; font-size: 17px; font-family: calibri-light, arial, helvetica, "sans-serif"; line-height: 20px; } .popin .lead { font-size: 20px; font-family: stratos-light, arial, helvetica, "sans-serif"; line-height: 25px; } .popin .lead img { display: none; } .popin .mot_definition { color: rgb(228, 3, 45); font-family: stratos, arial, helvetica, "sans-serif"; } .popin .info_depeche { color: rgb(89, 83, 109); font-size: 12px; font-family: stratos, arial, helvetica, "sans-serif"; } .popin .temps_lecture { display: inline-block; margin-top: 5px; margin-bottom: 12px; font-size: 14px; text-transform: uppercase; } .popin .temps_lecture img { margin-top: -3px; margin-right: 5px; } .popin_apercu .contact_journaliste, .contact_journaliste:focus, .popin .contact_journaliste:hover { color: rgb(228, 3, 45); text-transform: uppercase; text-decoration: underline; } .popin .divider { margin-top: 12px; margin-bottom: 12px; } .picto_cta_favoris, .picto_cta_linkedin { display: inline-block; width: 20px; height: 20px; margin-bottom: -5px; margin-right: 5px; background-repeat: no-repeat; background-size: auto; background-position: center top; } .picto_supp_rubrique { display: inline-block; width: 15px; height: 15px; margin-bottom: -2px; margin-right: 5px; background-repeat: no-repeat; background-size: auto; background-position: center top; transition: all 0.5s ease 0s; } .picto_cta_favoris { background-image: url(""); } .cta_inverse:hover .picto_cta_favoris { background-image: url(""); } .picto_cta_linkedin { background-image: url(""); } .cta_inverse:hover .picto_cta_linkedin { background-image: url(""); } .picto_supp_rubrique { background-image: url(""); } .btn_supp_rubrique:hover .picto_supp_rubrique { background-image: url(""); } .img_cv, .img_trombi { width: 100%; margin-bottom: 15px; } .popin .bloc_rubrique { margin-bottom: 30px; color: rgb(94, 97, 105); font-size: 16px; line-height: 20px; } .btn_supp_rubrique { margin-left: 5px; padding-right: 5px; color: rgb(94, 97, 105); font-size: 16px; font-family: stratos-light, arial, helvetica, "sans-serif"; line-height: 20px; letter-spacing: 1px; text-transform: uppercase; position: relative; transition: all 0.5s ease 0s; } .btn_supp_rubrique:hover { color: rgb(228, 3, 45); } .btn_supp_rubrique::after { content: ""; display: block; width: 1px; height: 100%; background-color: rgb(94, 97, 105); position: absolute; right: 0px; top: -1px; } .popin_reserve_abonnes h1, .popin_contact_journaliste h1, .popin_suivre_sujet h1, .popin_liste_lecture h1, .popin_limite_partage h1, .popin_partage_depeche h1, .popin_tester h1, .popin_contact_journaliste .h1, .popin_partage_depeche .h1, .popin_suivre_sujet .h1, .popin_liste_lecture .h1, .popin_limite_partage .h1 { margin-top: 20px !important; } .popin_supprimer_classeur h1 { margin-top: 50px !important; } .popin_reserve_abonnes h2, .popin_contact_journaliste h2, .popin_suivre_sujet h2, .popin_liste_lecture h2, .popin_limite_partage h2 { color: rgb(0, 0, 0); } .popin_reserve_abonnes p, .popin_contact_journaliste p, .popin_suivre_sujet p, .popin_liste_lecture p, .popin_limite_partage p { font-size: 20px; line-height: 25px; } .popin input[type="email"], .popin input[type="text"] { width: 100%; height: 50px; margin-bottom: 30px; padding-left: 20px; border: none; background-color: rgb(243, 243, 244); color: rgb(89, 83, 109); font-size: 18px; font-family: stratos-light, arial, helvetica, "sans-serif"; } .popin_liste_lecture input[type="text"], .popin_liste_lecture .cta_violet_inverse { margin-bottom: 30px; } .popin textarea { width: 100%; max-width: 100%; height: 150px; margin-top: 30px; margin-bottom: 30px; padding-top: 15px; padding-left: 20px; border: none; background-color: rgb(243, 243, 244); color: rgb(89, 83, 109); font-size: 18px; font-family: stratos-light, arial, helvetica, "sans-serif"; } .popin label { color: rgb(89, 83, 109); font-size: 18px; font-family: stratos-light, arial, helvetica, "sans-serif"; font-weight: normal; } .popin_contact_journaliste input[type="radio"] { position: absolute; top: -5000px; } .popin_contact_journaliste .btn_radio { display: block; width: 100%; padding-left: 18px; background-image: url(""); background-repeat: no-repeat; background-size: 9px; background-position: left center; cursor: pointer; user-select: none; } .popin_contact_journaliste .btn_radio:hover { font-family: stratos-medium, arial, helvetica, "sans-serif"; } .popin_contact_journaliste .btn_radio_checked { background-image: url(""); } .popin_contact_journaliste .cta_rouge { margin-top: 30px; } .popin_contact_journaliste input[type="button"] { width: 100%; height: 50px; margin-top: 15px; padding-top: 5px; padding-left: 45px; background-color: rgb(243, 243, 244); background-image: url(""); background-size: 20px; background-repeat: no-repeat; background-position: left 15px center; border: none; border-radius: 0px; box-shadow: none; color: rgb(89, 83, 109); font-size: 18px; font-family: stratos-light, arial, helvetica, "sans-serif"; line-height: 18px; text-align: left; transition: all 0.5s ease 0s; } .popin_contact_journaliste input[type="button"]:hover { background-color: rgb(89, 83, 109); background-image: url(""); color: rgb(255, 255, 255); } .popin_contact_journaliste .label_select { display: inline-block; width: calc(100% - 40px); margin-right: 10px; margin-bottom: 10px; padding-left: 5px; color: rgb(89, 83, 109); font-family: stratos-light, arial, helvetica, "sans-serif"; font-size: 14px; line-height: 16px; font-weight: normal; cursor: pointer; transition: all 0.5s ease 0s; } .popin_contact_journaliste input[type="checkbox"] { appearance: none; outline: none; display: inline-block; width: 18px; height: 18px; margin-bottom: -3px; border: 1px solid rgb(89, 83, 109); cursor: pointer; transition: all 0.5s ease 0s; } .popin_contact_journaliste input[type="checkbox"]:checked { background-color: rgb(89, 83, 109); background-image: url(""); background-size: 12px; background-position: center center; background-repeat: no-repeat; color: rgb(89, 83, 109); } .popin input[type="submit"] { margin-bottom: 30px; padding-top: 6px; border: none; } .bloc_rubrique { width: 100%; margin-left: 0px; } .bloc_rubrique a { margin-bottom: 10px; } .bloc_rubrique a:hover { text-decoration: none; } .fav_label .cta_violet_inverse { margin-right: 15px; } .popin_site_mobile h1, .popin_site_mobile .h1 { margin-top: 50px !important; } .popin_site_mobile a { display: block; margin-top: 30px; margin-bottom: 15px; } .popin_access_abonnes #btn_connexion:hover { background-image: none; } .popin_trombi .filtre { display: block; width: 100%; margin-bottom: 10px; padding-bottom: 10px; color: rgb(153, 153, 153); font-size: 14px; font-family: stratos, arial, helvetica, "sans-serif"; line-height: 18px; position: relative; } .popin_contact_journaliste input[type="checkbox"] { appearance: none; outline: none; display: inline-block; width: 18px; height: 18px; margin-bottom: -3px; border: 1px solid rgb(89, 83, 109); cursor: pointer; transition: all 0.5s ease 0s; } .popin_contact_journaliste input[type="checkbox"]:checked { background-color: rgb(89, 83, 109); background-image: url(""); background-size: 12px; background-position: center center; background-repeat: no-repeat; color: rgb(89, 83, 109); } .popin_trombi .filtre::after { content: ""; display: block; width: 100%; height: 1px; background-color: rgb(153, 153, 153); position: absolute; bottom: 0px; left: 0px; } .popin_trombi ul { list-style: inside square; margin-bottom: 15px; padding-left: 0px; } .popin_trombi ul li { color: rgb(51, 51, 51); font-size: 17px; font-family: calibri-light, arial, helvetica, "sans-serif"; line-height: 20px; } .popin_trombi ul li strong { color: rgb(51, 51, 51); font-size: 15px; font-family: stratos, arial, helvetica, "sans-serif"; line-height: 20px; } .popin_trombi ul li:first-child { list-style: none; color: rgb(228, 3, 45); font-size: 17px; font-family: stratos-medium, arial, helvetica, "sans-serif"; line-height: 20px; } .ct-share { margin-top: 15px; } .content_choix_cookies a { text-decoration: underline; } .content_choix_cookies input { position: absolute; left: -5000px; } .content_choix_cookies em { font-family: stratos-light, arial, helvetica, "sans-serif"; font-size: 12px; line-height: 12px; } .cookie_details { margin-bottom: 15px; } .cookie_details p, .cookie_details ul { display: none; margin-bottom: 0px; background-color: rgb(243, 243, 244); padding: 10px; font-family: calibri-light, arial, helvetica, "sans-serif"; font-size: 14px; line-height: 18px; } .cookie_details ul { padding-left: 30px; list-style: square; } .popin_cookies_parametre { max-width: 650px; } .popin_cookies_parametre div:nth-child(3) { margin-bottom: 15px; } .toogle { display: block; width: 100%; margin-bottom: 10px; } .texte { display: block; width: 100%; padding: 6px 20px 5px 0px; border-bottom: 1px solid rgb(153, 153, 153); color: rgb(0, 0, 0); font-family: stratos-medium, arial, helvetica, "sans-serif"; font-size: 18px; line-height: 18px; font-weight: normal; transition: all 400ms cubic-bezier(0.6, -0.6, 0.3, 1.3) 0s; position: relative; cursor: pointer; } .texte::after { content: ""; display: block; width: 20px; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: 20px; position: absolute; top: 0px; right: 0px; } .texte.fermer::after { background-image: url(""); } .texte.ouvrir::after { background-image: url(""); } .bg_bullet { display: inline-block; width: 55px; height: 30px; background-color: rgba(89, 83, 109, 0.3); border-radius: 50px; cursor: pointer; position: relative; transition: all 400ms cubic-bezier(0.6, -0.6, 0.3, 1.3) 0s; z-index: 900; } .bullet { display: block; width: 20px; height: 20px; background-color: rgb(243, 243, 244); border-radius: 50%; cursor: pointer; position: absolute; top: 5px; left: 5px; box-shadow: rgba(0, 0, 0, 0.2) 3px 2px 6px; transition: all 400ms cubic-bezier(0.6, -0.6, 0.3, 1.3) 0s; z-index: 1000; } input:checked + .toogle .bg_bullet { background-color: rgb(144, 226, 138); box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 8px inset; } input:checked + .toogle .bullet { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.5) -3px 3px 6px; transform: translateX(25px); } .popin_cookies_parametre .cta_rouge, .popin_cookies_parametre .cta_rouge_inverse { margin-bottom: 30px; } .popin { max-height: calc(-110px + 100vh); } @media (max-width: 768px) { .bg_popin { padding-top: 15px; } .popin { padding-bottom: 150px; width: 100%; margin: 0px; max-width: initial; height: 100vh; max-height: initial; } .bg_popin_cookie { padding: 0px; } .popin h1, .popin .h1 { margin-top: 40px !important; font-size: 22px; } .popin h2 { font-size: 18px; } .popin h3 { font-size: 16px; } .popin_apercu .lead { font-size: 17px; line-height: 20px; } .popin .cta { margin-bottom: 10px; } } body { background-color: rgb(255, 255, 255); } body #body-aef, body .section_grise { background-color: rgb(255, 255, 255); } .row-same-height { display: -webkit-flex; flex-wrap: wrap; } #barre_lecture { width: 100%; height: 4px; background-color: rgb(176, 180, 182); position: fixed; top: 0px; z-index: 50000; display: none; } #barre_lecture .progression { width: 0%; height: 100%; background-color: rgb(228, 3, 45); transition: width 0.5s ease 0s; } #barre_menu_complet .btn_acces_rapide_depeche { display: block; width: 65px; margin-top: 160px; } #barre_menu_complet .btn_acces_rapide_depeche a { display: block; width: 38px; height: 38px; margin-left: 13px; margin-bottom: 25px; background-repeat: no-repeat; background-size: 100%; background-position: center top; transition: all 0.3s ease 0s; position: relative; } #barre_menu_complet .btn_acces_rapide_depeche a::before { display: none; width: 100%; height: 20px; color: rgb(228, 3, 45); font-size: 0.7em; font-family: stratos-medium, arial, helvetica, "sans-serif"; letter-spacing: 1px; position: absolute; top: -16px; } #barre_menu_complet .btn_acces_rapide_depeche a:hover::before { display: inline-block; } .btn_ajout_favoris { background-image: url(""); } .btn_ajout_favoris:hover { background-image: url(""); } .btn_ajout_favoris::before { content: "FAVORIS"; left: -1px; } #btn_print { background-image: url(""); } #btn_print:hover { background-image: url(""); } #btn_print::before { content: "IMPRIMER"; left: -5px; } #btn_share { background-image: url(""); } #btn_share:hover { background-image: url(""); } #btn_share::before { content: "PARTAGER"; left: -4px; } #btn_twitter { background-image: url(""); } #btn_twitter:hover { background-image: url(""); } #btn_twitter::before { content: "TWITTER"; left: 0px; } #btn_linkedin { background-image: url(""); } #btn_linkedin:hover { background-image: url(""); } #btn_linkedin::before { content: "LINKEDIN"; left: -2px; } .btn_ajout_favoris_selected { background-image: url(""); } .depeche { font-size: 18px; font-family: calibri-light, arial, helvetica, "sans-serif"; line-height: 22px; } .depeche > .divider { width: 92%; margin-bottom: 30px; margin-left: 4%; } .depeche h1 { width: 92%; margin-top: 0px; margin-left: 4%; margin-bottom: 25px; font-size: 38px; font-family: stratos-medium, arial, helvetica, "sans-serif"; } .depeche .h2 { width: 92%; margin-top: 0px; margin-left: 4%; margin-bottom: 15px; font-size: 20px; font-family: stratos-medium, arial, helvetica, "sans-serif" !important; } .depeche .h3 { width: 92%; margin-top: 0px; margin-left: 4%; margin-bottom: 15px; font-size: 18px; font-weight: 400; font-family: stratos-medium, arial, helvetica, "sans-serif" !important; } .depeche .lead { width: 92%; margin-left: 4%; margin-bottom: 15px; font-size: 20px; font-family: stratos-light, arial, helvetica, "sans-serif"; line-height: 25px; } .depeche .lead p { width: 100%; font-size: 20px; font-family: stratos-light, arial, helvetica, "sans-serif"; line-height: 25px; margin-left: 0px !important; } .depeche .lead ul { list-style: square; width: 90%; margin-left: 6%; margin-bottom: 15px; padding-left: 0px; font-size: 20px; font-family: stratos-light, arial, helvetica, "sans-serif"; line-height: 25px; } .depeche .lead ol { width: 90%; margin-left: 6%; margin-bottom: 15px; padding-left: 0px; font-size: 20px; font-family: stratos-light, arial, helvetica, "sans-serif"; line-height: 25px; } .depeche .lead .img_to_wrap { display: none; } .depeche .lead img { display: none !important; } .depeche p { width: 92%; margin-top: 0px; margin-left: 4%; font-size: 18px; font-family: calibri-light, arial, helvetica, "sans-serif"; line-height: 22px; text-indent: 0px !important; } .depeche p b, .depeche p strong { font-weight: 700; } .depeche p em, .depeche p i { font-style: italic; } .depeche ul { list-style: square; width: 89%; margin-left: 7%; margin-bottom: 15px; padding-left: 0px; font-size: 18px; font-family: calibri-light, arial, helvetica, "sans-serif"; line-height: 22px; } .depeche ol { width: 89%; margin-left: 7%; margin-bottom: 15px; padding-left: 0px; font-size: 18px; font-family: calibri-light, arial, helvetica, "sans-serif"; line-height: 22px; } .depeche .linkIntDep, .depeche .linkIntDep:focus, .depeche p a, .depeche p a:focus, .depeche ul li a, .depeche ul li a:focus, .depeche > a, .depeche > a:focus { color: rgb(41, 129, 169); text-decoration: underline; } .depeche .mot_definition, .depeche abbr { color: rgb(51, 51, 51); font-family: stratos-light, arial, helvetica, "sans-serif"; text-decoration: none; border-bottom: 1px dotted rgb(51, 51, 51); } .depeche iframe { width: 100%; margin: 30px 0px; border: none; } .depeche p iframe { width: 100%; margin: 30px 0px; border: none; } .depeche .iframe_maison { width: 100%; min-height: 500px; margin: 30px 0px; border: none; } .depeche .iframe_video { width: 100%; height: 452px; max-height: 452px; margin: 30px 0px; border: none; } .depeche .iframe_video > html > body { background-color: rgb(255, 255, 255) !important; } .depeche .iframe_video .video-js { width: 100%; height: auto; } .depeche table { min-width: 92%; max-width: 92%; margin: 30px 0px 30px 4%; border: 2px solid rgb(94, 97, 105); width: 100% !important; } .depeche table td { padding: 10px; border: 1px solid rgb(153, 153, 153); font-size: 16px; font-family: calibri-light, arial, helvetica, "sans-serif"; line-height: 20px; } .depeche > p > img { display: block; max-width: 30%; margin: 2% 2% 2% 0px; float: left; } .depeche .img_large { width: 100%; margin-top: 20px; margin-bottom: 20px; } .depeche .img_left { width: 45%; margin: 0px 4%; float: left; } .depeche .img_left img { width: 100%; } .depeche .legende { width: 92%; font-size: 12px; line-height: 20px; font-family: stratos, arial, helvetica, "sans-serif"; margin-left: 4% !important; } .depeche .legende .credit { margin-left: 5px; padding-left: 8px; color: rgb(153, 153, 153); position: relative; display: inline-block; } .depeche .legende .credit::before { content: ""; display: block; width: 2px; height: 75%; background-color: rgb(153, 153, 153); position: absolute; top: 4px; left: 0px; } .img_left .legende { width: 100%; margin-top: 20px; font-size: 12px; font-family: stratos, arial, helvetica, "sans-serif"; margin-bottom: 10px !important; margin-left: 0px !important; } .contenu_supplement { width: 92%; margin-top: 20px; margin-left: 4%; margin-bottom: 20px; padding-top: 25px; padding-bottom: 10px; background-color: rgb(243, 243, 244); position: relative; display: inline-block; } .contenu_supplement h3 { width: 70%; margin-top: 0px; margin-left: 4%; color: rgb(89, 83, 109); font-size: 18px; font-family: stratos-medium, arial, helvetica, "sans-serif"; text-transform: uppercase; } .contenu_supplement h4 { width: 92%; margin-left: 4%; padding-left: 13px; background-image: url(""); background-repeat: no-repeat; background-size: 6px; background-position: left top 4px; color: rgb(89, 83, 109); font-size: 17px; font-family: stratos-medium, arial, helvetica, "sans-serif"; } .contenu_supplement p { width: 92%; color: rgb(89, 83, 109); font-size: 15px; font-family: stratos, arial, helvetica, "sans-serif"; margin-left: 4% !important; } .contenu_supplement p > strong { font-family: stratos-medium, arial, helvetica, "sans-serif"; } .contenu_supplement p > em { font-style: italic; } .contenu_supplement p > a, .contenu_supplement ul a { color: rgb(89, 83, 109); text-decoration: underline; } .contenu_supplement ul { width: 90%; margin-left: 6%; padding-left: 14px; list-style: square; color: rgb(89, 83, 109); font-size: 15px; font-family: stratos, arial, helvetica, "sans-serif"; } .contenu_supplement p > em { font-style: italic; } .contenu_supplement_open img, .contenu_supplement_open p { display: none; } .contenu_supplement a { color: rgb(89, 83, 109); text-decoration: underline; } .contenu_supplement img { display: block; max-width: 50%; max-height: 250px; margin-left: 4%; margin-right: 2%; float: left; } .contenu_supplement table { min-width: 92%; max-width: 92%; margin: 30px 0px 30px 4%; border: 2px solid rgb(94, 97, 105); } .contenu_supplement .divider { width: 92%; margin-left: 4%; margin-bottom: 15px; background-color: rgb(228, 3, 45); } .contenu_supplement .btn_show_hide { display: block; width: 20px; height: 20px; float: right; background-image: url(""); background-repeat: no-repeat; background-size: 100%; position: absolute; top: 20px; right: 4%; cursor: pointer; } .contenu_supplement_open .btn_show_hide { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjUgMjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI1IDI1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRTQwMzJEO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIuNSwwQzUuNiwwLDAsNS42LDAsMTIuNVM1LjYsMjUsMTIuNSwyNVMyNSwxOS40LDI1LDEyLjVTMTkuNCwwLDEyLjUsMHogTTIwLjUsMTQuM2gtNi4xdjYuNWgtMy44di02LjVINC41DQoJdi0zLjZoNi4xVjQuMmgzLjh2Ni41aDYuMVYxNC4zeiIvPg0KPC9zdmc+Cg0K); } .anim_show_content { transform: rotate(-45deg); transition: all 0.5s ease 0s; background-image: url("") !important; } .anim_hide_content { transform: rotate(0deg); transition: all 0.5s ease 0s; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjUgMjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI1IDI1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRTQwMzJEO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIuNSwwQzUuNiwwLDAsNS42LDAsMTIuNVM1LjYsMjUsMTIuNSwyNVMyNSwxOS40LDI1LDEyLjVTMTkuNCwwLDEyLjUsMHogTTIwLjUsMTQuM2gtNi4xdjYuNWgtMy44di02LjVINC41DQoJdi0zLjZoNi4xVjQuMmgzLjh2Ni41aDYuMVYxNC4zeiIvPg0KPC9zdmc+Cg0K) !important; } .verbatim { width: 50%; float: left; margin-top: -13px; margin-bottom: -10px; padding-left: 4% !important; padding-right: 4% !important; } .verbatim p { width: 100%; color: rgb(89, 83, 109); font-size: 18px; font-family: stratos-light, arial, helvetica, "sans-serif"; font-style: italic; margin-left: 0px !important; } .verbatim a { color: rgb(89, 83, 109); text-decoration: underline; } .verbatim .auteur { color: rgb(89, 83, 109); font-size: 15px; font-family: stratos-light, arial, helvetica, "sans-serif"; } .verbatim .auteur strong { font-family: stratos-medium, arial, helvetica, "sans-serif"; } .verbatim .divider { margin-top: 20px; margin-bottom: 20px; } .info_complementaire { display: block; width: 92%; margin-top: 20px; margin-left: 4%; margin-bottom: 20px; color: rgb(94, 97, 105); } .info_complementaire img[src="/assets/img/picto-plus-rouge.svg"] { margin-right: 3px; } .info_complementaire .divider { background-color: rgb(89, 83, 109); margin-top: 5px; margin-bottom: 5px; } .info_complementaire h4 { display: inline-block; margin-bottom: 7px; color: rgb(228, 3, 45); font-size: 12px; font-family: stratos-medium, arial, helvetica, "sans-serif"; text-transform: uppercase; } .info_complementaire a, .info_complementaire a:focus { color: rgb(94, 97, 105); font-size: 12px; font-family: stratos-medium, arial, helvetica, "sans-serif"; text-decoration: none; } .info_complementaire a:hover { text-decoration: underline; } .info_complementaire_doc { display: block; width: 92%; margin-top: 20px; margin-left: 4%; margin-bottom: 20px; color: rgb(94, 97, 105); } .info_complementaire_doc .divider { background-color: rgb(89, 83, 109); margin-top: 5px; margin-bottom: 5px; } .info_complementaire_doc h4 { display: inline-block; margin-bottom: 10px; color: rgb(228, 3, 45); font-size: 12px; font-family: stratos-medium, arial, helvetica, "sans-serif"; text-transform: uppercase; } .info_complementaire_doc ol, .info_complementaire_doc ul { list-style: none; margin-left: 0px; color: rgb(94, 97, 105); font-size: 12px; } .info_complementaire_doc li { padding-left: 20px; background-image: url(""); background-repeat: no-repeat; background-size: 15px; background-position: left center; } .info_complementaire_doc a, .info_complementaire_doc a:focus { color: rgb(94, 97, 105); font-size: 12px; font-family: stratos-medium, arial, helvetica, "sans-serif"; text-decoration: none; } .info_complementaire_doc a:hover { text-decoration: underline; } .bloc_rubrique { clear: both; display: block; width: 92%; margin-top: 15px; margin-left: 4%; margin-bottom: 15px; color: rgb(94, 97, 105); font-size: 12px; font-family: stratos-light, arial, helvetica, "sans-serif"; } .bloc_rubrique a, .bloc_rubrique a:focus { display: inline-block; margin-right: 15px; padding-right: 15px; color: rgb(94, 97, 105); font-size: 12px; line-height: 14px; font-family: stratos-light, arial, helvetica, "sans-serif"; text-transform: uppercase; text-decoration: none; position: relative; } .bloc_rubrique a::after { content: ""; display: block; width: 1px; height: 14px; background-color: rgb(153, 153, 153); position: absolute; top: -1px; right: 0px; } .bloc_rubrique a:last-child::after { display: none; } .bloc_rubrique a:hover { text-decoration: underline; } .bloc_contact { width: 92%; margin-left: 4%; } .bloc_contact .cta { width: 32%; font-size: 11px; line-height: 11px; margin-left: 9px; } .bloc_contact .cta_violet { width: 32%; font-size: 11px; line-height: 11px; } .bloc_contact img { height: 20px; margin-right: 5px; } .side_bar { height: 100%; padding-top: 0px; color: rgb(89, 83, 109); padding-left: 0px; padding-right: 0px; } .side_bar .divider { margin-top: 12px; margin-bottom: 12px; } .side_bar .label_dep { margin-left: 15px; margin-bottom: 15px; } .info_depeche { color: rgb(89, 83, 109); font-size: 12px; font-family: stratos, arial, helvetica, "sans-serif"; } .temps_lecture { display: inline-block; margin-top: 5px; margin-bottom: 12px; font-size: 14px; text-transform: uppercase; } .temps_lecture img { margin-top: -3px; margin-right: 5px; } .contact_journaliste, .contact_journaliste:focus, .contact_journaliste:hover { color: rgb(228, 3, 45); text-transform: uppercase; text-decoration: underline; } .info_contextuelle { margin-top: 60px; color: rgb(89, 83, 109); font-size: 15px; font-family: stratos, arial, helvetica, "sans-serif"; padding: 10px 15px; transition: none 0s ease 0s; } .info_contextuelle .mot_definition { display: block; color: rgb(89, 83, 109); font-family: stratos-medium, arial, helvetica, "sans-serif"; } .info_contextuelle { font-family: stratos-light, arial, helvetica, "sans-serif"; } .cta_voir_cv { height: 50px; margin-bottom: 15px; padding-top: 16px; background-color: rgba(89, 83, 109, 0.7); color: rgb(255, 255, 255); font-size: 16px; font-family: stratos-light, arial, helvetica, "sans-serif"; text-transform: uppercase; letter-spacing: 1px; position: relative; opacity: 0; transition: all 0.3s ease 0s; } .cta_voir_cv img { display: inline-block; margin-top: -6px; margin-right: 5px; } .cta_voir_cv::after, .cta_voir_cv::before { content: ""; display: block; width: 30px; height: 50px; background-color: rgba(89, 83, 109, 0.7); position: absolute; top: 0px; } .cta_voir_cv::before { left: -30px; } .cta_voir_cv::after { right: -30px; } .info_contextuelle:hover .cta_voir_cv { opacity: 1; } .info_contextuelle_lien .info_contextuelle { margin-top: 10px !important; } .info_contextuelle_lien:hover .mot_definition { color: rgb(89, 83, 109); } .title_section { margin-bottom: 15px; } .title_section .h1 { font-size: 20px; color: rgb(0, 0, 0); margin: 0px 0px 20px; font-family: stratos-medium, arial, helvetica, "sans-serif"; text-transform: uppercase; text-align: center; } .bloc_depeche_texte { height: 325px; max-height: 325px; margin-bottom: 25px; padding-bottom: 40px; position: relative; } .bloc_depeche_texte .depeche_titre_lead { height: 255px; } .bloc_depeche_une_portrait .depeche_titre_lead { overflow: hidden; max-height: 400px; } .corps_ancienne_depeche { width: 92%; margin-left: 4%; } .depeche div iframe { width: 100%; border: none; } .depeche p.Inter-titre_1_Filet_Doc_par, .depeche p.Inter-titre_1_Filet_Mag_par, .depeche p.Inter-titre_2_Doc_par, .depeche p.Intertitre_par { margin-top: 0px; margin-bottom: 10px; font-size: 20px; font-family: stratos-medium, arial, helvetica, "sans-serif"; } .depeche p.Inter-titre_2_Doc_par, .depeche p.Intertitre_par { text-transform: uppercase; } .depeche .image_largeur, .depeche p .image_largeur { display: block; width: 100%; max-width: 100%; height: auto; max-height: 3000px; } .depeche .image_largeur img { width: 100%; } .depeche .image_largeur span { display: inline-block; width: 92%; margin: 10px 0px 15px 4%; color: rgb(51, 51, 51); font-size: 12px; font-family: stratos, arial, helvetica, "sans-serif"; } .depeche .image_largeur span em { color: rgb(153, 153, 153); font-size: 12px; font-family: stratos, arial, helvetica, "sans-serif"; } .depeche div.image_gauche, .depeche p div.image_gauche { max-width: 30%; margin: 2% 2% 2% 0px; float: left; } .depeche div.image_gauche img, .depeche p div.image_gauche img { width: 100%; } .depeche .legendeImg { display: inline-block; padding-left: 15px; color: rgb(153, 153, 153); font-size: 10px; line-height: 18px; font-family: stratos, arial, helvetica, "sans-serif"; font-weight: 400; } .depeche .legendeImg div, .depeche .legendeImg em { display: inline; color: rgb(153, 153, 153); font-size: 10px; line-height: 16px; font-family: stratos, arial, helvetica, "sans-serif"; font-weight: 400; } .depeche .encadre_droite_div { width: 35%; float: right; margin: 0px 4% 20px; padding: 25px 25px 10px; background-color: rgb(243, 243, 244); color: rgb(89, 83, 109); font-size: 15px; font-family: stratos, arial, helvetica, "sans-serif"; } .depeche .encadre_gauche_div { width: 35%; float: left; margin: 0px 4% 20px; padding: 25px 25px 10px; background-color: rgb(243, 243, 244); color: rgb(89, 83, 109); font-size: 15px; font-family: stratos, arial, helvetica, "sans-serif"; } .encadre_large_div { width: 92%; margin: 30px 0px 30px 4%; padding: 25px 25px 10px; background-color: rgb(243, 243, 244); color: rgb(89, 83, 109); font-size: 15px; font-family: stratos, arial, helvetica, "sans-serif"; } .depeche .encadre_droite_div > .titre_enc_par, .depeche .encadre_gauche_div > .titre_enc_par, .depeche .encadre_large_div > .titre_enc_par { width: 100%; color: rgb(89, 83, 109); font-size: 15px; font-family: stratos, arial, helvetica, "sans-serif"; margin-left: 0px !important; } .depeche .encadre_chiffre_droite_div p, .depeche .encadre_chiffre_gauche_div p, .depeche .encadre_droite_div p, .depeche .encadre_gauche_div p, .depeche .encadre_large_div p { width: 100%; color: rgb(89, 83, 109); font-size: 15px; font-family: stratos, arial, helvetica, "sans-serif"; margin-left: 0px !important; } .depeche .encadre_droite_div ol, .depeche .encadre_droite_div ul, .depeche .encadre_gauche_div ol, .depeche .encadre_gauche_div ul { width: 92%; margin-left: 8%; color: rgb(89, 83, 109); font-size: 15px; font-family: stratos, arial, helvetica, "sans-serif"; } .depeche .encadre_large_div ol, .depeche .encadre_large_div ul { width: 95%; margin-left: 2.5%; color: rgb(89, 83, 109); font-size: 15px; font-family: stratos, arial, helvetica, "sans-serif"; } .depeche .encadre_droite_div img, .depeche .encadre_gauche_div img, .depeche .encadre_large_div img { width: 100%; } .depeche .encadre_large_div iframe, .depeche .encadre_large_div > div { width: 100% !important; margin-left: 0px; } .depeche .encadre_chiffre_droite_div { width: 35%; float: right; margin: 0px 4% 20px; padding: 25px 25px 10px; background-color: rgb(243, 243, 244); color: rgb(89, 83, 109); font-size: 15px; font-family: stratos, arial, helvetica, "sans-serif"; } .depeche .encadre_chiffre_gauche_div { width: 35%; float: left; margin: 0px 4% 20px; padding: 25px 25px 10px; background-color: rgb(243, 243, 244); color: rgb(89, 83, 109); font-size: 15px; font-family: stratos, arial, helvetica, "sans-serif"; } .depeche .chiffre_par { width: 100%; border-bottom: 1px solid rgb(228, 3, 45); color: rgb(89, 83, 109); text-transform: uppercase; margin-left: 0px !important; font-size: 18px !important; font-family: stratos-medium, arial, helvetica, "sans-serif" !important; } .depeche .titre_enc_par { width: 92%; border-bottom: 1px solid rgb(228, 3, 45); color: rgb(89, 83, 109); text-transform: uppercase; margin-left: 4% !important; font-size: 18px !important; font-family: stratos-medium, arial, helvetica, "sans-serif" !important; } .depeche .exergue_div { width: 50%; float: left; margin: 15px auto; padding: 30px 4%; position: relative; } .depeche .exergue_div::before { content: ""; display: block; width: 85%; height: 1px; background-color: rgb(89, 83, 109); position: absolute; top: 0px; } .depeche .exergue_div::after { content: ""; display: block; width: 85%; height: 1px; background-color: rgb(89, 83, 109); position: absolute; bottom: 0px; } .depeche .exergue_div p { width: 100%; color: rgb(89, 83, 109); font-size: 18px; font-family: stratos-light, arial, helvetica, "sans-serif"; font-style: italic; margin-left: 0px !important; } .depeche .exergue_div a { color: rgb(89, 83, 109); text-decoration: underline; } .footerNotes, .note { width: 92%; margin-left: 4%; } .footerNote, .note { color: rgb(153, 153, 153); font-size: 16px; font-family: calibri-light, arial, "sans-serif"; font-style: italic; line-height: 18px; } .note p { width: 100%; color: rgb(153, 153, 153); font-size: 16px; font-family: calibri-light, arial, "sans-serif"; font-style: italic; line-height: 18px; margin-left: 0px !important; } .img_to_wrap { width: 100%; margin-bottom: 15px; } .depeche .imginterne { max-width: 30%; margin: 2% 3% 2% 0px; float: left; } .depeche .imginterne img { max-width: 100%; } .depeche .legendeImg { display: inline-block; margin-top: 10px; padding-left: 10px; padding-right: 10px; color: rgb(153, 153, 153); font-size: 10px; line-height: 16px; font-family: stratos, arial, helvetica, "sans-serif"; font-weight: 400; } .depeche .h2_rouge { font-size: 20px; font-weight: 400; color: rgb(228, 3, 45) !important; font-family: stratos-medium, arial, helvetica, "sans-serif" !important; } .depeche .h2_cap { font-size: 19px; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; margin-top: 1em; font-family: stratos-medium, arial, helvetica, "sans-serif" !important; } .depeche .h2_rouge_cap { font-size: 19px; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; color: rgb(228, 3, 45) !important; font-family: stratos-medium, arial, helvetica, "sans-serif" !important; } .depeche .h2_rouge_cap_ligne { font-size: 19px; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; border-bottom: 1px solid rgb(228, 3, 45); color: rgb(228, 3, 45) !important; font-family: stratos-medium, arial, helvetica, "sans-serif" !important; } .depeche .h3_cap { font-size: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; font-family: stratos-medium, arial, helvetica, "sans-serif" !important; } .depeche .h3_violet_cap { font-size: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; color: rgb(89, 83, 109) !important; font-family: stratos-medium, arial, helvetica, "sans-serif" !important; } .depeche .h3_rouge_cap { font-size: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; color: rgb(228, 3, 45) !important; font-family: stratos-medium, arial, helvetica, "sans-serif" !important; } .depeche .h3_rouge_cap_ligne { font-size: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; border-bottom: 1px solid rgb(228, 3, 45); color: rgb(228, 3, 45) !important; font-family: stratos-medium, arial, helvetica, "sans-serif" !important; } .depeche .h3_violet_cap_ligne { font-size: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; border-bottom: 1px solid rgb(228, 3, 45); color: rgb(89, 83, 109) !important; font-family: stratos-medium, arial, helvetica, "sans-serif" !important; } .depeche .h3_cap sup, .depeche .h3_rouge_cap sup, .depeche .h3_rouge_cap_ligne sup, .depeche .h3_violet_cap sup, .depeche .h3_violet_cap_ligne sup { text-transform: none; } .depeche .mot_clef { font-size: 17px; font-family: stratos, arial, helvetica, "sans-serif"; font-weight: 400; color: rgb(51, 51, 51) !important; } .depeche .mot_clef_rouge { font-size: 17px; font-family: stratos, arial, helvetica, "sans-serif"; font-weight: 400; color: rgb(228, 3, 45) !important; } .depeche .mot_clef_violet { font-size: 17px; font-family: stratos, arial, helvetica, "sans-serif"; font-weight: 400; color: rgb(89, 83, 109) !important; } .depeche .Intercalaire_RP { margin-top: 30px; color: rgb(0, 0, 0); font-size: 20px; font-family: stratos-medium, arial, helvetica, "sans-serif"; border-bottom: 1px solid rgb(176, 180, 182); font-weight: 400; margin-bottom: 30px !important; } .depeche .InterAncre_car { font-family: stratos, arial, helvetica, "sans-serif"; } .depeche img { position: relative; } .depeche img::after { content: attr(data-content) ""; display: block; width: 95%; height: auto; position: absolute; top: 105%; left: 2.5%; } #depeche_acces_libre { color: rgb(255, 255, 255); font-family: stratos, arial, helvetica, "sans-serif"; font-size: 20px; line-height: 25px; background: rgb(72, 77, 79); padding-bottom: 25px; padding-top: 25px; height: 75px; overflow: visible; } #depeche_acces_libre span { text-align: center; width: 100%; display: block; text-transform: uppercase; font-size: 0.95em; margin-bottom: 0px; } #depeche_acces_libre .row { width: calc(100% + 3em); margin-left: -1.5em; padding-bottom: 1em; background: rgb(72, 77, 79); } #depeche_acces_libre .btn-wrapper { transition: all 0.3s ease 0s; display: none; margin: 0px 1em; width: calc(100% - 2em) !important; } #depeche_acces_libre .btn-wrapper.isUp { width: 100%; display: block; overflow: hidden; height: 0px; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px; } #depeche_acces_libre .btn-wrapper.isDown { width: 100%; display: inline-block; overflow: hidden; height: 54px; padding-bottom: 0px; margin-bottom: 0px; } #depeche_acces_libre .cta_jaune { margin-top: 15px; height: inherit; padding: 0.5em 0.8em; transition: none 0s ease 0s; } #depeche_acces_libre.stick { position: fixed; top: 0px; z-index: 1; } #depeche_acces_libre.stick.stick-reach-bottom { position: absolute; bottom: 0px; top: inherit; margin-bottom: 0px; } #depeche_acces_libre, .info_contextuelle, .info_depeche { padding-left: 30px; padding-right: 30px; } .info_depeche.unlogged { position: absolute; top: 8em; } .info_depeche { position: absolute; top: 3em; } @media (max-width: 992px) { .info_depeche, .info_depeche.unlogged { position: relative; top: 0px; margin-bottom: 0px; } #depeche_acces_libre { height: auto; margin-bottom: 2em; } #depeche_acces_libre .row { padding-bottom: 0px; } } #test-section { background: rgb(243, 243, 244); padding: 30px; text-align: center; margin-bottom: 1.5em; } @media (max-width: 768px) { body #test-section { padding: 15px; } } #test-section * { font-family: stratos-light, arial, helvetica, "sans-serif"; } #test-section p { width: 100%; margin: 0px 0px 1em !important; } #test-section p > b { margin-bottom: 0.5em; display: inline-block; } #test-section [class^="cta_"] { display: inline-block; height: inherit; padding: 0.5em 0.8em; width: auto; } #test-section { padding: 0px 2em; background: rgb(255, 255, 255); } #test-section .h2 { width: 100%; margin: 0px; font-family: stratos-light, arial, helvetica, "sans-serif" !important; } #test-section b { font-family: stratos-medium, arial, helvetica, "sans-serif"; } #test-section p { width: 100%; margin: 0.5em 0px !important; } #test-section .cta_jaune { margin: 0.5em 0px; } #test-section .jumbotron { background-color: rgb(255, 255, 255); position: relative; z-index: 1; margin: 1em 0px; } #test-section .jumbotron::after { content: ""; position: absolute; left: 0px; top: 0px; z-index: -1; width: 100%; height: 100%; box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 15px; transition: opacity 0.3s ease-in-out 0s; border-radius: 5px; } #test-section .jumbotron .h1 { font-size: 1.5em; margin-top: 0.3em; font-family: stratos-light, arial, helvetica, "sans-serif"; } #test-section .jumbotron ul { margin: 0px; } #test-section .jumbotron small { font-size: 0.7em; display: block; } #test-section .red-square::before { zoom: 0.7; } .infogram-embed, .tableauPlaceholder, [id^="datawrapper-"] { margin-top: 15px !important; margin-bottom: 15px !important; padding-left: 4% !important; padding-right: 4% !important; } .twitter-tweet, .twitter-tweet .twitter-tweet-rendered, .twitter-tweet-rendered { margin-left: auto; margin-right: auto; } .content_cta_rouge { width: 100%; text-align: center; margin-bottom: 2.5em; margin-top: -0.5em; } .content_cta_rouge .cta_rouge { color: rgb(255, 255, 255); text-decoration: none; margin-top: 15px; margin-bottom: 15px; } note[title] { cursor: pointer; position: relative; top: -0.5em; font-size: 80%; color: rgb(41, 129, 169); } .footerNote ::selection { background-color: rgb(255, 255, 179); color: rgb(61, 61, 61); } @media (max-width: 1200px) { .bloc_contact a { margin-bottom: 15px; width: 49% !important; margin-left: 0px !important; } } @media (max-width: 991px) { .bloc_contact a { display: block; margin-bottom: 15px; width: 100% !important; margin-left: 0px !important; } .side_bar { padding-top: 50px; height: inherit; } .side_bar .info_contextuelle[id^="tooltip-"] { margin-top: 0px !important; } .side_bar .info_contextuelle { top: 0px !important; margin-top: 15px; } } @media (max-width: 768px) { #barre_menu_complet .btn_acces_rapide_depeche { display: none; } .fil_ariane { padding-left: 5% !important; } .depeche h1 { width: 90%; margin-left: 5%; font-size: 30px; } .depeche .lead { width: 90%; margin-left: 5%; font-size: 18px; } .depeche > .divider { width: 90%; margin-left: 5%; } .depeche .image_gauche, .depeche .img_large, .depeche .img_left, .depeche div.image_gauche, .depeche p div.image_gauche, .depeche p img { width: 100%; max-width: 100%; max-height: 3000px; margin-left: 0px; float: none; height: auto !important; } .depeche .legende, .depeche .legendeImg, .img_left .legende { width: 100%; padding-left: 5%; padding-right: 5%; margin-left: 0px !important; margin-right: 0px !important; } .bloc_contact, .bloc_rubrique, .corps_ancienne_depeche, .depeche .titre_enc_par, .depeche p, .depeche table, .footerNotes, .info_complementaire, .info_complementaire_doc { width: 90% !important; margin-left: 5% !important; } .contenu_supplement, .depeche .encadre_droite_div, .depeche .encadre_gauche_div { width: 90%; margin-left: 5%; float: none; } .depeche .encadre_droite_div .titre_enc_par, .depeche .encadre_gauche_div .titre_enc_par { width: 100% !important; margin-left: 0px; } .depeche .exergue_div, .depeche .verbatim { width: 90%; margin-left: 5%; padding-bottom: 15px; float: none; padding-left: 0px !important; padding-right: 0px !important; } .depeche .exergue_div::after, .depeche .exergue_div::before, .depeche .verbatim .divider { width: 100%; } } .fil_ariane { margin-top: 35px; margin-bottom: 28px; color: rgb(94, 97, 105); font-size: 12px; font-family: stratos-light, arial, helvetica, "sans-serif"; text-transform: uppercase; padding-left: 4% !important; } .fil_ariane a, .fil_ariane a:focus { display: inline-block; margin-left: 5px; margin-right: 5px; color: rgb(94, 97, 105); font-size: 12px; font-family: stratos-light, arial, helvetica, "sans-serif"; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; } .fil_ariane a:first-of-type { margin: 0px; } .fil_ariane strong { margin-left: 5px; font-family: stratos, arial, helvetica, "sans-serif"; letter-spacing: 1px; } .fil_ariane a:hover { color: rgb(94, 97, 105); text-decoration: underline; } @media (max-width: 768px) { .fil_ariane { margin: 1.3em 0px; padding: 0.5em 2em !important; } } .section_grise { padding-bottom: 0px; } .depeche { padding-bottom: 0px; } .depeche h1 { width: 92%; margin-top: 50px; margin-left: 4%; margin-bottom: 25px; font-size: 38px; font-family: stratos-medium, arial, helvetica, "sans-serif"; } .depeche .lead { height: 100px; overflow: hidden; position: relative; } .depeche .lead .cache { width: 100%; height: 5em; background: linear-gradient(0deg, rgb(255, 255, 255) 0%, transparent 100%); position: absolute; bottom: 0px; } .depeche .lead p { width: 100%; margin-left: 4%; margin-bottom: 15px; font-size: 20px; font-family: stratos-light, arial, helvetica, "sans-serif"; line-height: 25px; } .depeche .lead ul { list-style: square; width: 90%; margin-left: 6%; margin-bottom: 15px; padding-left: 0px; font-size: 20px; font-family: stratos-light, arial, helvetica, "sans-serif"; line-height: 25px; } .depeche abbr { border: none; text-decoration: none; } .depeche .mot_definition { color: rgb(228, 3, 45); font-family: stratos, arial, helvetica, "sans-serif"; } .side_bar { height: auto; padding-top: 50px; } .side_bar .divider { margin-top: 12px; margin-bottom: 12px; } .info_depeche { color: rgb(89, 83, 109); font-size: 12px; font-family: stratos, arial, helvetica, "sans-serif"; } .temps_lecture { display: inline-block; margin-top: 5px; margin-bottom: 12px; font-size: 14px; text-transform: uppercase; } .temps_lecture img { margin-top: -3px; margin-right: 5px; } .contact_journaliste, .contact_journaliste:focus, .contact_journaliste:hover { color: rgb(228, 3, 45); text-transform: uppercase; text-decoration: underline; } .divider { width: 92%; margin-left: 4%; } .demande_test { padding-left: 30px; padding-right: 30px; } .demande_test h1 { width: 100%; margin-left: 0px; } .demande_test p { margin-bottom: 15px; font-size: 20px; font-family: stratos-light, arial, helvetica, "sans-serif"; line-height: 25px; } .demande_test img { margin-top: 30px; } .acces_reserve { padding-left: 30px; padding-right: 30px; } .acces_reserve h2 { margin-top: 0px; margin-bottom: 30px; } .acces_reserve p { margin-bottom: 15px; font-size: 20px; font-family: stratos-light, arial, helvetica, "sans-serif"; line-height: 25px; } .acces_reserve img { margin-top: 30px; } .acces_reserve input[type="email"], .acces_reserve input[type="password"] { display: inline-block; width: 100%; height: 50px; margin-bottom: 30px; padding-top: 5px; padding-left: 15px; background-color: rgb(243, 243, 244); border: none; color: rgb(89, 83, 109); font-size: 16px; font-family: stratos-light, arial, helvetica, "sans-serif"; } .acces_reserve input[type="password"] { width: 50%; margin-right: 15px; } .acces_reserve input[type="checkbox"] { display: inline-block; } .acces_reserve label, .acces_reserve .mdp_oublie { display: inline-block; color: rgb(94, 97, 105); font-size: 12px; font-family: stratos-light, arial, helvetica, "sans-serif"; line-height: 12px; text-transform: uppercase; } .acces_reserve label { margin-left: 5px; margin-bottom: 15px; } .acces_reserve .mdp_oublie:hover { color: rgb(94, 97, 105); text-decoration: underline; } .acces_reserve input[type="submit"] { width: 50%; margin-top: 15px; padding-top: 6px; border: none; } #test-section { padding: 1em 5em 2em; background: rgb(255, 255, 255); } #test-section b { font-family: stratos-medium, arial, helvetica, "sans-serif"; } #test-section p { width: 100%; margin: 0px !important; } #test-section::before { content: ""; background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 21%) 0% 0% / 100%, url("data:image/svg+xml; utf8, "); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; opacity: 0.6; } #test-section .jumbotron { background-color: rgb(255, 255, 255); position: relative; z-index: 1; } #test-section .jumbotron::after { content: ""; position: absolute; left: 0px; top: 0px; z-index: -1; width: 100%; height: 100%; box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 15px; transition: opacity 0.3s ease-in-out 0s; border-radius: 5px; } #test-section .jumbotron .h1 { font-size: 1.5em; margin-top: 0.3em; font-family: stratos-light, arial, helvetica, "sans-serif"; } #test-section .jumbotron ul { margin: 0px; } #test-section .jumbotron li { padding-left: 1.3em; position: relative; margin-top: 0.9em; text-align: left; } #test-section .jumbotron small { font-size: 0.7em; } #test-section .jumbotron .already_registered { text-decoration: underline; cursor: pointer; margin-bottom: 0.8em; margin-top: 0.8em; opacity: 0.8; } #test-section .jumbotron .already_registered:hover { opacity: 1; } #test-section .jumbotron li::before { content: ""; position: absolute; background-color: rgb(228, 3, 45); height: 0.5em; width: 0.5em; transform: rotate(65deg); left: 0.2em; top: 0.35em; } @media (max-width: 1200px) { #test-section { padding: 3em; } } @media (max-width: 992px) { #test-section { margin: 0px; width: 100%; } } @media (max-width: 768px) { #test-section { padding-top: 1em; } #test-section .jumbotron { padding: 1.5em; } } @media (max-width: 480px) { #test-section { padding: 1em; } #test-section::before { content: unset; } } .jumbotron.light-stroke { border: 1px solid rgb(205, 205, 205); } .jumbotron { padding: 2em; margin-bottom: 0px; border-radius: 0px !important; } .jumbotron * { font-family: stratos-light, arial, helvetica, "sans-serif"; } .jumbotron .h1 { font-size: 2.5em; margin-top: 0.3em; font-family: stratos-light, arial, helvetica, "sans-serif"; } .jumbotron p { width: 100%; font-size: 1em; font-family: stratos-light, arial, helvetica, "sans-serif"; margin: 0.7em 0px !important; } .jumbotron .col-centered { float: none; margin: 0px auto; text-align: center; } .jumbotron li, .jumbotron ul { padding: 0px; width: 100%; } .jumbotron ul { margin: 1em 0px; } .jumbotron li { list-style-type: none; margin: 0.5em 0px; } .jumbotron .h1, .jumbotron p, .jumbotron small, .jumbotron li, .jumbotron a { display: block; } .jumbotron [class^="cta_"] { height: inherit; padding: 0.5em 0.8em; margin: 0.8em 0px; } .jumbotron small { font-size: 0.9em; font-family: stratos-light, arial, helvetica, "sans-serif"; } .jumbotron.section-gradient-test .h1, .jumbotron.section-gradient-test p, .jumbotron.section-gradient-test small, .jumbotron.section-gradient-test li { color: rgb(255, 255, 255); } #msform, #msform .textInputGroup, #msform fieldset { position: relative; } #depeche-content { z-index: 1; } #cta-test-header, #msform .less, #msform fieldset:not(:first-of-type) { display: none; } #next-step { border: none; } #form-section { font-size: 14px; width: 100%; overflow: visible; max-width: 100%; margin: 0px; } #form-section > [class^="col-"] { height: 100%; background: rgb(255, 255, 255); } #form-section p { width: 100%; font-size: 16px; margin: 0px 0px 20px !important; } #form-section .asterisk { color: rgb(139, 133, 133); margin-left: 0.2em; } #form-section .fs-asterisk { font-size: 0.9em; font-style: italic; text-align: left; margin-left: 0.5em; color: rgb(141, 141, 141); } #form-section iframe { margin: 0px auto; width: auto; } .form-wrapper { padding: 2em 0px 70px; } #msform { text-align: center; padding: 0px; max-width: 600px; margin: auto; } #msform * { font-family: stratos-light, arial, helvetica, "sans-serif"; } #msform fieldset { background: rgb(255, 255, 255); border: 1px solid rgb(209, 209, 209); border-radius: 3px; padding: 20px 30px; box-sizing: border-box; width: 100%; margin: 0px; left: 0px; } #msform .userEmail b { color: rgb(142, 128, 190); font-family: stratos-medium; } #msform .condition p, #msform .textInputGroup label { display: inline-block; font-family: stratos, arial, helvetica, "sans-serif"; font-weight: 400; } #msform .less, #msform .more { color: rgb(89, 83, 109); text-decoration: underline; cursor: pointer; text-align: center; } #msform .helper, #msform [class^="helper"] { background: rgb(255, 232, 232); color: rgb(228, 3, 45); padding: 10px; display: none; margin: 20px 0px 0px; } #msform #message-error img, #msform #message-sent img { margin-bottom: 1em; margin-top: 1em; padding: 1em; border-radius: 4em; height: 4em; width: 4em; } #msform #message-sent img { border: 3px solid rgb(54, 204, 124); } #msform #message-sent { border: 0px solid rgb(54, 204, 124); border-radius: 6px; background: rgb(249, 255, 253); box-shadow: rgb(134, 219, 174) 0px 2px 8px 0px; } #msform #message-sent h2 { color: rgb(54, 204, 124); } #msform #message-sent .cta_gris { border: 1px solid rgb(54, 204, 124); border-radius: 2px; opacity: 1; background-color: rgb(255, 255, 255) !important; color: rgb(54, 204, 124) !important; } #msform #message-sent .cta_rouge a { } #msform #message-error img { border: 3px solid rgb(255, 69, 69); } #msform #message-error { border: 0px solid rgb(255, 69, 69); border-radius: 6px; background: rgb(255, 249, 249); box-shadow: rgb(255, 143, 143) 0px 2px 8px 0px; } #msform #message-error h2, #msform #message-error p { color: rgb(255, 69, 69); } #msform #message-error .cta_gris { border: 1px solid rgb(255, 69, 69); border-radius: 2px; opacity: 1; background-color: rgb(255, 255, 255) !important; color: rgb(255, 69, 69) !important; } #msform .note { margin-bottom: 12px; margin-left: 0px; color: rgb(153, 153, 153); font-family: calibri-light, arial, "sans-serif"; font-style: italic; font-size: 12px; line-height: 14px; font-weight: 400; margin-top: 0px; padding-left: 6px; text-align: left; } #msform .action-button, #msform .action-button-previous { width: 100px; padding: 10px 5px; margin: 10px 5px; font-weight: 700; text-transform: uppercase; } #msform .condition p { margin-bottom: 20px; color: rgb(89, 83, 109); font-size: 12px; line-height: 16px; text-align: left; } #msform .condition p a { color: rgb(89, 83, 109); text-decoration: underline; } #msform .text-input-error { border: 1px solid rgb(255, 142, 142); } #msform .text-input-error::-webkit-input-placeholder { color: red !important; } #msform input, #msform select, #msform textarea { padding: 15px; border: 1px solid rgb(204, 204, 204); border-radius: 0px; margin-bottom: 10px; width: 100%; box-sizing: border-box; color: rgb(44, 62, 80); font-size: 15px; height: auto; } #msform input:focus, #msform select:focus, #msform textarea:focus { border: 1px solid rgb(89, 83, 109); outline-width: 0px; transition: all 0.5s ease-in 0s; box-shadow: none !important; } #msform input[type="email"], #msform input[type="password"], #msform input[type="tel"], #msform input[type="text"] { appearance: none; } #msform input[type="email"], #msform input[type="password"], #msform input[type="tel"], #msform input[type="text"], #msform select { outline: 0px; width: 100%; padding: 10px 15px; background-color: rgb(255, 255, 255); margin: 11px 0px !important; } #msform select { cursor: pointer; } #msform .textInputGroup label { cursor: pointer; width: auto; padding: 0px 5px; background: linear-gradient(to top, rgb(255, 255, 255) 52%, transparent 48%); color: rgb(89, 83, 109); font-size: 14px; line-height: 14px; position: absolute; top: 25px; left: 11px; transition: all 0.5s ease 0s; } #msform .textInputGroup label.clicked { color: rgb(153, 153, 153); font-size: 12px; line-height: 12px; top: 4px; left: 11px; } #msform .text-input-error, #msform .text-input-error + label { color: red; } #msform #telephone::placeholder { font-size: 14px; font-weight: 400; color: rgb(89, 83, 109); font-family: stratos, arial, helvetica, "sans-serif"; } #msform #telephone:focus::placeholder { opacity: 0.4; } #msform input[type="checkbox"] { appearance: none; outline: 0px; width: 15px; height: 15px; margin-top: 0px; margin-right: 10px; margin-bottom: 15px; border: 1px solid rgb(153, 153, 153); background-color: rgb(255, 255, 255); box-shadow: none; float: left; transition: all 0.5s ease 0s; } #msform input[type="checkbox"]:checked { background-color: rgb(228, 3, 45); border: 1px solid rgb(228, 3, 45); background-image: url(""); background-position: center center; background-size: 11px; background-repeat: no-repeat; } #msform .iti--separate-dial-code .iti__selected-flag { background: 0px 0px; } #msform .iti { display: block; } #msform .inputGroup { background-color: rgb(255, 255, 255); display: block; position: relative; } #msform .inputGroup label { user-select: none; padding: 10px 15px 10px 48px; width: 100%; display: block; text-align: left; color: rgb(60, 69, 76); cursor: pointer; position: relative; z-index: 2; transition: color 0.3s ease-in 0s; overflow: hidden; font-size: 13px; font-family: stratos-light; font-weight: 400; } #msform .inputGroup label::before { width: 10px; height: 10px; border-radius: 50%; content: ""; background-color: rgb(238, 238, 238); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale3d(1, 1, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s; opacity: 0; } #msform .inputGroup input, #msform .inputGroup label::after { z-index: 2; top: 50%; transform: translateY(-50%); position: absolute; cursor: pointer; } #msform .inputGroup label::after { width: 25px; height: 25px; content: ""; border: 2px solid rgb(209, 215, 220); background-color: rgb(255, 255, 255); background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E "); background-repeat: no-repeat; background-position: 1px -2px; border-radius: 15%; left: 10px; transition: all 0.3s ease-in 0s; } #msform .inputGroup label:hover { background: rgb(244, 244, 244); } #msform .inputGroup input[type="radio"] + label { background-color: rgb(243, 243, 244); border-bottom: 1px solid rgb(209, 209, 209); margin-top: 1.1em; } #msform .inputGroup input[type="radio"] + label::after { border-radius: 50%; } #msform .inputGroup input:checked ~ label { color: rgb(60, 69, 76); border-radius: 3px; } #msform .inputGroup input:checked ~ label::before { transform: translate(-50%, -50%) scale3d(56, 56, 1); opacity: 1; z-index: -1; } #msform .inputGroup input:checked ~ label::after { background-color: rgb(127, 114, 172); border-color: rgb(115, 107, 143); } #msform .inputGroup input { width: 32px; height: 32px; order: 1; right: 30px; visibility: hidden; } #msform .action-button { background: rgb(228, 3, 45); color: rgb(255, 255, 255); border: 0px; cursor: pointer; display: inline-block; letter-spacing: 1px; } #msform .action-button:focus, #msform .action-button:hover { background: rgb(252, 30, 71); } #msform .action-button-previous { background: rgb(255, 255, 255); border: 1px solid rgb(228, 3, 45); color: rgb(228, 3, 45); cursor: pointer; } #msform .action-button-previous:focus, #msform .action-button-previous:hover { background: rgb(255, 255, 255); } #msform .fs-title { font-size: 18px; text-transform: uppercase; color: rgb(44, 62, 80); margin-bottom: 10px; font-weight: 700; } #msform .fs-subtitle { font-family: stratos-medium; font-size: 1.4em; color: rgb(127, 114, 172); margin: 1.5em 0px 0.5em; } #msform .fs-subtitle-info { font-family: stratos-light; font-size: 1em; color: rgb(102, 102, 102); margin: 0.5em 0px 1.5em; } #progressbar { overflow: hidden; counter-reset: step 0; padding: 0px; width: 100%; margin: 30px auto; } #progressbar > li { list-style-type: none; text-transform: uppercase; font-size: 9px; width: 33.33%; float: left; position: relative; letter-spacing: 1px; } #progressbar > li::before { text-shadow: none; content: counter(step); counter-increment: step 1; width: 24px; height: 24px; display: block; font-size: 12px; color: rgb(51, 51, 51); background: rgb(255, 255, 255); border-radius: 25px; margin: 0px auto 10px; transition: all 0.5s ease 0s; border: 1px solid rgb(150, 150, 150); text-align: center; line-height: 1.9; } #progressbar > li::after { content: ""; width: 80%; margin-left: 10%; height: 2px; padding: 0px 2em; position: absolute; left: -50%; top: 9px; background-image: linear-gradient(to right, rgb(0, 0, 0) 33%, rgba(255, 255, 255, 0) 0px); background-position: center bottom; background-size: 10px 1px; background-repeat: repeat-x; transition: all 0.2s ease 0s; } #progressbar :not(.active) { opacity: 1; } #progressbar li:first-child::after { content: none; } #progressbar li.active::after, #progressbar li.active::before { background: rgb(228, 3, 45); color: rgb(255, 255, 255); border: 1px solid rgb(228, 3, 45); } .next, .previous, .submit { position: relative; cursor: pointer; } .next::before, .previous::before, .submit::before { transition: all 0.15s ease 0s; content: ""; width: 0px; height: 0px; opacity: 0; } .spinner { padding-left: 30px; opacity: 0.7; } .spinner::before { content: ""; border-width: 2px; border-style: solid; border-color: transparent rgb(255, 255, 255) rgb(255, 255, 255); border-image: initial; border-radius: 50%; margin: 0px 0.5em; display: inline-block; animation: 2s linear 0s infinite normal none running spin; opacity: 1; width: 12px; height: 12px; } @-webkit-keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .checkedCount { margin-left: 0.8em; font-weight: bolder; font-size: 0.75em; vertical-align: baseline; } #select-thematics { text-align: left; } #select-thematics ul { display: none; margin: 0px; width: 100%; } #select-thematics ul.active { display: inherit; } #select-thematics li, #select-thematics ul { list-style: none; } #select-thematics > .hidden-inputs > ul > li, #select-thematics > ul > .hidden-inputs > li, #select-thematics > ul > li { background: rgb(255, 255, 255); margin: 0px 0px 1em; padding: 0px; } #select-thematics > .hidden-inputs > ul > li .rubric, #select-thematics > ul > .hidden-inputs > li .rubric, #select-thematics > ul > li .rubric { padding: 0.4em 0.6em; user-select: none; cursor: pointer; color: rgb(89, 83, 109); margin: 0px 0px 0.4em; font-size: 16.8px; position: relative; border-bottom: 1px solid rgb(209, 209, 209); } #select-thematics > .hidden-inputs > ul > li .rubric::before, #select-thematics > ul > .hidden-inputs > li .rubric::before, #select-thematics > ul > li .rubric::before { margin-right: 10px; content: url("data:image/svg+xml; utf8, "); } #select-thematics > .hidden-inputs > ul > li .rubric:not(.active), #select-thematics > ul > .hidden-inputs > li .rubric:not(.active), #select-thematics > ul > li .rubric:not(.active) { transition: all 0.1s ease 0s; } #select-thematics > .hidden-inputs > ul > li .rubric:not(.active)::after, #select-thematics > ul > .hidden-inputs > li .rubric:not(.active)::after, #select-thematics > ul > li .rubric:not(.active)::after { content: "+"; right: 0.4em; top: -0.07em; font-size: 1.5em; position: absolute; } #select-thematics label.active::before, #select-thematics > .hidden-inputs > ul > li .rubric.active::before, #select-thematics > ul > .hidden-inputs > li .rubric.active::before, #select-thematics > ul > li .rubric.active::before { content: url("data:image/svg+xml; utf8, "); } #select-thematics li.inputGroup:hover, #select-thematics > .hidden-inputs > ul > li .rubric:not(.active):hover, #select-thematics > ul > .hidden-inputs > li .rubric:not(.active):hover, #select-thematics > ul > li .rubric:not(.active):hover { background: rgb(230, 230, 232); } #select-thematics > .hidden-inputs > ul > li .rubric.active::after, #select-thematics > ul > .hidden-inputs > li .rubric.active::after, #select-thematics > ul > li .rubric.active::after { content: "réduire"; float: right; text-transform: lowercase; font-size: 0.8em; line-height: 1.3; text-decoration: underline; } #select-thematics .hidden-inputs > ul, #select-thematics .rubric + ul, #select-thematics > ul { padding-left: 0px; } #select-thematics li.inputGroup { cursor: pointer; user-select: none; font-size: 1.2em; margin-bottom: 0.2em; } #select-thematics li.inputGroup label { margin-bottom: 0px; } #select-thematics label.active::before { margin-right: 8px; } @media (max-width: 992px) { #select-thematics > .hidden-inputs > ul > li .rubric, #select-thematics > ul > .hidden-inputs > li .rubric, #select-thematics > ul > li .rubric { padding: 0.8em 2.2em 0.8em 0.8em; } #select-thematics > .hidden-inputs > ul > li .rubric.active::after, #select-thematics > ul > .hidden-inputs > li .rubric.active::after, #select-thematics > ul > li .rubric.active::after { content: none; } #select-thematics li.inputGroup { margin-left: -0.15em; } #select-thematics > ul { padding: 0px; } } .g-recaptcha { margin: 1em 0px; } .g-recaptcha > div { width: 100% !important; } .iti { position: relative; display: inline-block; } .iti * { box-sizing: border-box; } .iti__hide { display: none; } .iti__v-hide { visibility: hidden; } .iti input, .iti input[type="tel"], .iti input[type="text"] { position: relative; z-index: 0; padding-right: 36px; margin-right: 0px; margin-top: 0px !important; margin-bottom: 0px !important; } .iti__flag-container { position: absolute; top: 0px; bottom: 0px; right: 0px; padding: 1px; } .iti__selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0px 6px 0px 8px; } .iti__arrow { margin-left: 6px; width: 0px; height: 0px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid rgb(85, 85, 85); } .iti__arrow--up { border-top: none; border-bottom: 4px solid rgb(85, 85, 85); } .iti__country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0px; margin: 0px 0px 0px -1px; box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 4px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); white-space: nowrap; max-height: 200px; overflow-y: scroll; } .iti__country-list--dropup { bottom: 100%; margin-bottom: -1px; } @media (max-width: 500px) { .iti__country-list { white-space: normal; } } .iti__flag-box { display: inline-block; width: 20px; } .iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid rgb(204, 204, 204); } .iti__country { padding: 5px 10px; outline: 0px; } .iti__dial-code { color: rgb(153, 153, 153); } .iti__country.iti__highlight { background-color: rgba(0, 0, 0, 0.05); } .iti__country-name, .iti__dial-code, .iti__flag-box { vertical-align: middle; } .iti__country-name, .iti__flag-box { margin-right: 6px; } .iti--allow-dropdown input, .iti--allow-dropdown input[type="tel"], .iti--allow-dropdown input[type="text"], .iti--separate-dial-code input, .iti--separate-dial-code input[type="tel"], .iti--separate-dial-code input[type="text"] { padding-right: 6px; padding-left: 52px; margin-left: 0px; } .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { right: auto; left: 0px; } .iti--allow-dropdown .iti__flag-container:hover { cursor: pointer; } .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover { cursor: default; } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag { background-color: transparent; } .iti--separate-dial-code .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--separate-dial-code .iti__selected-dial-code { margin-left: 6px; } .iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .iti--container:hover { cursor: pointer; } .iti-mobile .iti--container { inset: 30px; position: fixed; } .iti-mobile .iti__country-list { max-height: 100%; width: 100%; } .iti-mobile .iti__country { padding: 10px; line-height: 1.5em; } .iti__flag { width: 20px; } .iti__flag.iti__be { width: 18px; } .iti__flag.iti__ch { width: 15px; } .iti__flag.iti__mc { width: 19px; } .iti__flag.iti__ne { width: 18px; } .iti__flag.iti__np { width: 13px; } .iti__flag.iti__va { width: 15px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-size: 5652px 15px; } } .iti__flag.iti__ac { height: 10px; background-position: 0px 0px; } .iti__flag.iti__ad { height: 14px; background-position: -22px 0px; } .iti__flag.iti__ae { height: 10px; background-position: -44px 0px; } .iti__flag.iti__af { height: 14px; background-position: -66px 0px; } .iti__flag.iti__ag { height: 14px; background-position: -88px 0px; } .iti__flag.iti__ai { height: 10px; background-position: -110px 0px; } .iti__flag.iti__al { height: 15px; background-position: -132px 0px; } .iti__flag.iti__am { height: 10px; background-position: -154px 0px; } .iti__flag.iti__ao { height: 14px; background-position: -176px 0px; } .iti__flag.iti__aq { height: 14px; background-position: -198px 0px; } .iti__flag.iti__ar { height: 13px; background-position: -220px 0px; } .iti__flag.iti__as { height: 10px; background-position: -242px 0px; } .iti__flag.iti__at { height: 14px; background-position: -264px 0px; } .iti__flag.iti__au { height: 10px; background-position: -286px 0px; } .iti__flag.iti__aw { height: 14px; background-position: -308px 0px; } .iti__flag.iti__ax { height: 13px; background-position: -330px 0px; } .iti__flag.iti__az { height: 10px; background-position: -352px 0px; } .iti__flag.iti__ba { height: 10px; background-position: -374px 0px; } .iti__flag.iti__bb { height: 14px; background-position: -396px 0px; } .iti__flag.iti__bd { height: 12px; background-position: -418px 0px; } .iti__flag.iti__be { height: 15px; background-position: -440px 0px; } .iti__flag.iti__bf { height: 14px; background-position: -460px 0px; } .iti__flag.iti__bg { height: 12px; background-position: -482px 0px; } .iti__flag.iti__bh { height: 12px; background-position: -504px 0px; } .iti__flag.iti__bi { height: 12px; background-position: -526px 0px; } .iti__flag.iti__bj { height: 14px; background-position: -548px 0px; } .iti__flag.iti__bl { height: 14px; background-position: -570px 0px; } .iti__flag.iti__bm { height: 10px; background-position: -592px 0px; } .iti__flag.iti__bn { height: 10px; background-position: -614px 0px; } .iti__flag.iti__bo { height: 14px; background-position: -636px 0px; } .iti__flag.iti__bq { height: 14px; background-position: -658px 0px; } .iti__flag.iti__br { height: 14px; background-position: -680px 0px; } .iti__flag.iti__bs { height: 10px; background-position: -702px 0px; } .iti__flag.iti__bt { height: 14px; background-position: -724px 0px; } .iti__flag.iti__bv { height: 15px; background-position: -746px 0px; } .iti__flag.iti__bw { height: 14px; background-position: -768px 0px; } .iti__flag.iti__by { height: 10px; background-position: -790px 0px; } .iti__flag.iti__bz { height: 14px; background-position: -812px 0px; } .iti__flag.iti__ca { height: 10px; background-position: -834px 0px; } .iti__flag.iti__cc { height: 10px; background-position: -856px 0px; } .iti__flag.iti__cd { height: 15px; background-position: -878px 0px; } .iti__flag.iti__cf { height: 14px; background-position: -900px 0px; } .iti__flag.iti__cg { height: 14px; background-position: -922px 0px; } .iti__flag.iti__ch { height: 15px; background-position: -944px 0px; } .iti__flag.iti__ci { height: 14px; background-position: -961px 0px; } .iti__flag.iti__ck { height: 10px; background-position: -983px 0px; } .iti__flag.iti__cl { height: 14px; background-position: -1005px 0px; } .iti__flag.iti__cm { height: 14px; background-position: -1027px 0px; } .iti__flag.iti__cn { height: 14px; background-position: -1049px 0px; } .iti__flag.iti__co { height: 14px; background-position: -1071px 0px; } .iti__flag.iti__cp { height: 14px; background-position: -1093px 0px; } .iti__flag.iti__cr { height: 12px; background-position: -1115px 0px; } .iti__flag.iti__cu { height: 10px; background-position: -1137px 0px; } .iti__flag.iti__cv { height: 12px; background-position: -1159px 0px; } .iti__flag.iti__cw { height: 14px; background-position: -1181px 0px; } .iti__flag.iti__cx { height: 10px; background-position: -1203px 0px; } .iti__flag.iti__cy { height: 14px; background-position: -1225px 0px; } .iti__flag.iti__cz { height: 14px; background-position: -1247px 0px; } .iti__flag.iti__de { height: 12px; background-position: -1269px 0px; } .iti__flag.iti__dg { height: 10px; background-position: -1291px 0px; } .iti__flag.iti__dj { height: 14px; background-position: -1313px 0px; } .iti__flag.iti__dk { height: 15px; background-position: -1335px 0px; } .iti__flag.iti__dm { height: 10px; background-position: -1357px 0px; } .iti__flag.iti__do { height: 14px; background-position: -1379px 0px; } .iti__flag.iti__dz { height: 14px; background-position: -1401px 0px; } .iti__flag.iti__ea { height: 14px; background-position: -1423px 0px; } .iti__flag.iti__ec { height: 14px; background-position: -1445px 0px; } .iti__flag.iti__ee { height: 13px; background-position: -1467px 0px; } .iti__flag.iti__eg { height: 14px; background-position: -1489px 0px; } .iti__flag.iti__eh { height: 10px; background-position: -1511px 0px; } .iti__flag.iti__er { height: 10px; background-position: -1533px 0px; } .iti__flag.iti__es { height: 14px; background-position: -1555px 0px; } .iti__flag.iti__et { height: 10px; background-position: -1577px 0px; } .iti__flag.iti__eu { height: 14px; background-position: -1599px 0px; } .iti__flag.iti__fi { height: 12px; background-position: -1621px 0px; } .iti__flag.iti__fj { height: 10px; background-position: -1643px 0px; } .iti__flag.iti__fk { height: 10px; background-position: -1665px 0px; } .iti__flag.iti__fm { height: 11px; background-position: -1687px 0px; } .iti__flag.iti__fo { height: 15px; background-position: -1709px 0px; } .iti__flag.iti__fr { height: 14px; background-position: -1731px 0px; } .iti__flag.iti__ga { height: 15px; background-position: -1753px 0px; } .iti__flag.iti__gb { height: 10px; background-position: -1775px 0px; } .iti__flag.iti__gd { height: 12px; background-position: -1797px 0px; } .iti__flag.iti__ge { height: 14px; background-position: -1819px 0px; } .iti__flag.iti__gf { height: 14px; background-position: -1841px 0px; } .iti__flag.iti__gg { height: 14px; background-position: -1863px 0px; } .iti__flag.iti__gh { height: 14px; background-position: -1885px 0px; } .iti__flag.iti__gi { height: 10px; background-position: -1907px 0px; } .iti__flag.iti__gl { height: 14px; background-position: -1929px 0px; } .iti__flag.iti__gm { height: 14px; background-position: -1951px 0px; } .iti__flag.iti__gn { height: 14px; background-position: -1973px 0px; } .iti__flag.iti__gp { height: 14px; background-position: -1995px 0px; } .iti__flag.iti__gq { height: 14px; background-position: -2017px 0px; } .iti__flag.iti__gr { height: 14px; background-position: -2039px 0px; } .iti__flag.iti__gs { height: 10px; background-position: -2061px 0px; } .iti__flag.iti__gt { height: 13px; background-position: -2083px 0px; } .iti__flag.iti__gu { height: 11px; background-position: -2105px 0px; } .iti__flag.iti__gw { height: 10px; background-position: -2127px 0px; } .iti__flag.iti__gy { height: 12px; background-position: -2149px 0px; } .iti__flag.iti__hk { height: 14px; background-position: -2171px 0px; } .iti__flag.iti__hm { height: 10px; background-position: -2193px 0px; } .iti__flag.iti__hn { height: 10px; background-position: -2215px 0px; } .iti__flag.iti__hr { height: 10px; background-position: -2237px 0px; } .iti__flag.iti__ht { height: 12px; background-position: -2259px 0px; } .iti__flag.iti__hu { height: 10px; background-position: -2281px 0px; } .iti__flag.iti__ic { height: 14px; background-position: -2303px 0px; } .iti__flag.iti__id { height: 14px; background-position: -2325px 0px; } .iti__flag.iti__ie { height: 10px; background-position: -2347px 0px; } .iti__flag.iti__il { height: 15px; background-position: -2369px 0px; } .iti__flag.iti__im { height: 10px; background-position: -2391px 0px; } .iti__flag.iti__in { height: 14px; background-position: -2413px 0px; } .iti__flag.iti__io { height: 10px; background-position: -2435px 0px; } .iti__flag.iti__iq { height: 14px; background-position: -2457px 0px; } .iti__flag.iti__ir { height: 12px; background-position: -2479px 0px; } .iti__flag.iti__is { height: 15px; background-position: -2501px 0px; } .iti__flag.iti__it { height: 14px; background-position: -2523px 0px; } .iti__flag.iti__je { height: 12px; background-position: -2545px 0px; } .iti__flag.iti__jm { height: 10px; background-position: -2567px 0px; } .iti__flag.iti__jo { height: 10px; background-position: -2589px 0px; } .iti__flag.iti__jp { height: 14px; background-position: -2611px 0px; } .iti__flag.iti__ke { height: 14px; background-position: -2633px 0px; } .iti__flag.iti__kg { height: 12px; background-position: -2655px 0px; } .iti__flag.iti__kh { height: 13px; background-position: -2677px 0px; } .iti__flag.iti__ki { height: 10px; background-position: -2699px 0px; } .iti__flag.iti__km { height: 12px; background-position: -2721px 0px; } .iti__flag.iti__kn { height: 14px; background-position: -2743px 0px; } .iti__flag.iti__kp { height: 10px; background-position: -2765px 0px; } .iti__flag.iti__kr { height: 14px; background-position: -2787px 0px; } .iti__flag.iti__kw { height: 10px; background-position: -2809px 0px; } .iti__flag.iti__ky { height: 10px; background-position: -2831px 0px; } .iti__flag.iti__kz { height: 10px; background-position: -2853px 0px; } .iti__flag.iti__la { height: 14px; background-position: -2875px 0px; } .iti__flag.iti__lb { height: 14px; background-position: -2897px 0px; } .iti__flag.iti__lc { height: 10px; background-position: -2919px 0px; } .iti__flag.iti__li { height: 12px; background-position: -2941px 0px; } .iti__flag.iti__lk { height: 10px; background-position: -2963px 0px; } .iti__flag.iti__lr { height: 11px; background-position: -2985px 0px; } .iti__flag.iti__ls { height: 14px; background-position: -3007px 0px; } .iti__flag.iti__lt { height: 12px; background-position: -3029px 0px; } .iti__flag.iti__lu { height: 12px; background-position: -3051px 0px; } .iti__flag.iti__lv { height: 10px; background-position: -3073px 0px; } .iti__flag.iti__ly { height: 10px; background-position: -3095px 0px; } .iti__flag.iti__ma { height: 14px; background-position: -3117px 0px; } .iti__flag.iti__mc { height: 15px; background-position: -3139px 0px; } .iti__flag.iti__md { height: 10px; background-position: -3160px 0px; } .iti__flag.iti__me { height: 10px; background-position: -3182px 0px; } .iti__flag.iti__mf { height: 14px; background-position: -3204px 0px; } .iti__flag.iti__mg { height: 14px; background-position: -3226px 0px; } .iti__flag.iti__mh { height: 11px; background-position: -3248px 0px; } .iti__flag.iti__mk { height: 10px; background-position: -3270px 0px; } .iti__flag.iti__ml { height: 14px; background-position: -3292px 0px; } .iti__flag.iti__mm { height: 14px; background-position: -3314px 0px; } .iti__flag.iti__mn { height: 10px; background-position: -3336px 0px; } .iti__flag.iti__mo { height: 14px; background-position: -3358px 0px; } .iti__flag.iti__mp { height: 10px; background-position: -3380px 0px; } .iti__flag.iti__mq { height: 14px; background-position: -3402px 0px; } .iti__flag.iti__mr { height: 14px; background-position: -3424px 0px; } .iti__flag.iti__ms { height: 10px; background-position: -3446px 0px; } .iti__flag.iti__mt { height: 14px; background-position: -3468px 0px; } .iti__flag.iti__mu { height: 14px; background-position: -3490px 0px; } .iti__flag.iti__mv { height: 14px; background-position: -3512px 0px; } .iti__flag.iti__mw { height: 14px; background-position: -3534px 0px; } .iti__flag.iti__mx { height: 12px; background-position: -3556px 0px; } .iti__flag.iti__my { height: 10px; background-position: -3578px 0px; } .iti__flag.iti__mz { height: 14px; background-position: -3600px 0px; } .iti__flag.iti__na { height: 14px; background-position: -3622px 0px; } .iti__flag.iti__nc { height: 10px; background-position: -3644px 0px; } .iti__flag.iti__ne { height: 15px; background-position: -3666px 0px; } .iti__flag.iti__nf { height: 10px; background-position: -3686px 0px; } .iti__flag.iti__ng { height: 10px; background-position: -3708px 0px; } .iti__flag.iti__ni { height: 12px; background-position: -3730px 0px; } .iti__flag.iti__nl { height: 14px; background-position: -3752px 0px; } .iti__flag.iti__no { height: 15px; background-position: -3774px 0px; } .iti__flag.iti__np { height: 15px; background-position: -3796px 0px; } .iti__flag.iti__nr { height: 10px; background-position: -3811px 0px; } .iti__flag.iti__nu { height: 10px; background-position: -3833px 0px; } .iti__flag.iti__nz { height: 10px; background-position: -3855px 0px; } .iti__flag.iti__om { height: 10px; background-position: -3877px 0px; } .iti__flag.iti__pa { height: 14px; background-position: -3899px 0px; } .iti__flag.iti__pe { height: 14px; background-position: -3921px 0px; } .iti__flag.iti__pf { height: 14px; background-position: -3943px 0px; } .iti__flag.iti__pg { height: 15px; background-position: -3965px 0px; } .iti__flag.iti__ph { height: 10px; background-position: -3987px 0px; } .iti__flag.iti__pk { height: 14px; background-position: -4009px 0px; } .iti__flag.iti__pl { height: 13px; background-position: -4031px 0px; } .iti__flag.iti__pm { height: 14px; background-position: -4053px 0px; } .iti__flag.iti__pn { height: 10px; background-position: -4075px 0px; } .iti__flag.iti__pr { height: 14px; background-position: -4097px 0px; } .iti__flag.iti__ps { height: 10px; background-position: -4119px 0px; } .iti__flag.iti__pt { height: 14px; background-position: -4141px 0px; } .iti__flag.iti__pw { height: 13px; background-position: -4163px 0px; } .iti__flag.iti__py { height: 11px; background-position: -4185px 0px; } .iti__flag.iti__qa { height: 8px; background-position: -4207px 0px; } .iti__flag.iti__re { height: 14px; background-position: -4229px 0px; } .iti__flag.iti__ro { height: 14px; background-position: -4251px 0px; } .iti__flag.iti__rs { height: 14px; background-position: -4273px 0px; } .iti__flag.iti__ru { height: 14px; background-position: -4295px 0px; } .iti__flag.iti__rw { height: 14px; background-position: -4317px 0px; } .iti__flag.iti__sa { height: 14px; background-position: -4339px 0px; } .iti__flag.iti__sb { height: 10px; background-position: -4361px 0px; } .iti__flag.iti__sc { height: 10px; background-position: -4383px 0px; } .iti__flag.iti__sd { height: 10px; background-position: -4405px 0px; } .iti__flag.iti__se { height: 13px; background-position: -4427px 0px; } .iti__flag.iti__sg { height: 14px; background-position: -4449px 0px; } .iti__flag.iti__sh { height: 10px; background-position: -4471px 0px; } .iti__flag.iti__si { height: 10px; background-position: -4493px 0px; } .iti__flag.iti__sj { height: 15px; background-position: -4515px 0px; } .iti__flag.iti__sk { height: 14px; background-position: -4537px 0px; } .iti__flag.iti__sl { height: 14px; background-position: -4559px 0px; } .iti__flag.iti__sm { height: 15px; background-position: -4581px 0px; } .iti__flag.iti__sn { height: 14px; background-position: -4603px 0px; } .iti__flag.iti__so { height: 14px; background-position: -4625px 0px; } .iti__flag.iti__sr { height: 14px; background-position: -4647px 0px; } .iti__flag.iti__ss { height: 10px; background-position: -4669px 0px; } .iti__flag.iti__st { height: 10px; background-position: -4691px 0px; } .iti__flag.iti__sv { height: 12px; background-position: -4713px 0px; } .iti__flag.iti__sx { height: 14px; background-position: -4735px 0px; } .iti__flag.iti__sy { height: 14px; background-position: -4757px 0px; } .iti__flag.iti__sz { height: 14px; background-position: -4779px 0px; } .iti__flag.iti__ta { height: 10px; background-position: -4801px 0px; } .iti__flag.iti__tc { height: 10px; background-position: -4823px 0px; } .iti__flag.iti__td { height: 14px; background-position: -4845px 0px; } .iti__flag.iti__tf { height: 14px; background-position: -4867px 0px; } .iti__flag.iti__tg { height: 13px; background-position: -4889px 0px; } .iti__flag.iti__th { height: 14px; background-position: -4911px 0px; } .iti__flag.iti__tj { height: 10px; background-position: -4933px 0px; } .iti__flag.iti__tk { height: 10px; background-position: -4955px 0px; } .iti__flag.iti__tl { height: 10px; background-position: -4977px 0px; } .iti__flag.iti__tm { height: 14px; background-position: -4999px 0px; } .iti__flag.iti__tn { height: 14px; background-position: -5021px 0px; } .iti__flag.iti__to { height: 10px; background-position: -5043px 0px; } .iti__flag.iti__tr { height: 14px; background-position: -5065px 0px; } .iti__flag.iti__tt { height: 12px; background-position: -5087px 0px; } .iti__flag.iti__tv { height: 10px; background-position: -5109px 0px; } .iti__flag.iti__tw { height: 14px; background-position: -5131px 0px; } .iti__flag.iti__tz { height: 14px; background-position: -5153px 0px; } .iti__flag.iti__ua { height: 14px; background-position: -5175px 0px; } .iti__flag.iti__ug { height: 14px; background-position: -5197px 0px; } .iti__flag.iti__um { height: 11px; background-position: -5219px 0px; } .iti__flag.iti__un { height: 14px; background-position: -5241px 0px; } .iti__flag.iti__us { height: 11px; background-position: -5263px 0px; } .iti__flag.iti__uy { height: 14px; background-position: -5285px 0px; } .iti__flag.iti__uz { height: 10px; background-position: -5307px 0px; } .iti__flag.iti__va { height: 15px; background-position: -5329px 0px; } .iti__flag.iti__vc { height: 14px; background-position: -5346px 0px; } .iti__flag.iti__ve { height: 14px; background-position: -5368px 0px; } .iti__flag.iti__vg { height: 10px; background-position: -5390px 0px; } .iti__flag.iti__vi { height: 14px; background-position: -5412px 0px; } .iti__flag.iti__vn { height: 14px; background-position: -5434px 0px; } .iti__flag.iti__vu { height: 12px; background-position: -5456px 0px; } .iti__flag.iti__wf { height: 14px; background-position: -5478px 0px; } .iti__flag.iti__ws { height: 10px; background-position: -5500px 0px; } .iti__flag.iti__xk { height: 15px; background-position: -5522px 0px; } .iti__flag.iti__ye { height: 14px; background-position: -5544px 0px; } .iti__flag.iti__yt { height: 14px; background-position: -5566px 0px; } .iti__flag.iti__za { height: 14px; background-position: -5588px 0px; } .iti__flag.iti__zm { height: 14px; background-position: -5610px 0px; } .iti__flag.iti__zw { height: 10px; background-position: -5632px 0px; } .iti__flag { height: 15px; box-shadow: rgb(136, 136, 136) 0px 0px 1px 0px; background-image: url(""); background-repeat: no-repeat; background-color: rgb(219, 219, 219); background-position: 20px 0px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-image: url(""); } } .iti__flag.iti__np { background-color: transparent; } #barre_menu_complet { display: none; } .col-md-11.col-md-offset-1 { margin: auto; width: 100%; } #header_non_logue a#h-logo, #header_non_logue a#h-logo > img { width: 96px; } #header_non_logue [class^="col-"] #nav-container { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; height: 96px; } #header_non_logue [class^="col-"] #nav-container a { margin: 0px 1em; transition: background-color 0.2s ease 0s; } #header_non_logue [class^="col-"] #nav-container a#h-logo { margin: 0px; } #header_non_logue [class^="col-"] #nav-container #bs-navbar-collapse > a[href^="tel"] { display: none; } #header_non_logue [class^="col-"] #nav-container > a[href^="tel"] { text-align: right; color: rgb(153, 153, 153); } #header_non_logue [class^="col-"] #nav-container > a[href^="tel"] > div { white-space: nowrap; } #header_non_logue [class^="col-"] #nav-container > a[href^="tel"] > div:last-child { font-family: stratos-medium; } #header_non_logue [class^="col-"] #nav-container a.cta_rouge_inverse { flex-grow: 1.5; max-width: 200px; } #header_non_logue [class^="col-"] #nav-container a.first-entry { justify-self: start; margin-left: 2em; } #header_non_logue [class^="col-"] #nav-container #cta-test-header { padding: 0.7em 1em; font-size: 0.98em; } #header_non_logue [class^="col-"] #nav-container #btn_connexion { transform: translateY(-10px); } .navbar-toggle .icon-bar { background: rgb(135, 135, 135); } @media screen and (max-width: 1200px) { #header_non_logue [class^="col-"] #nav-container a { margin: 0px 0.8em; } #header_non_logue [class^="col-"] #nav-container a.cta_rouge_inverse { flex-grow: 1; margin: 0px 0.5em; } #header_non_logue [class^="col-"] #nav-container a.first-entry { margin-left: 1em; } #header_non_logue [class^="col-"] #nav-container #cta-test-header { padding-right: 1em; padding-left: 1em; } #header_non_logue [class^="col-"] #nav-container > a[href^="tel"] { text-align: center; text-transform: capitalize; } #header_non_logue [class^="col-"] #nav-container > a[href^="tel"] span { display: none; } } @media screen and (max-width: 992px) { body > header { position: fixed; top: 0px; } #header_non_logue, header { margin: 0px; width: 100%; padding: 0px !important; } #header_non_logue { width: calc(100% - 15px); } #header_non_logue [class^="col-"] #nav-container { height: 70px; } #header_non_logue [class^="col-"] #nav-container a#h-logo { margin: 0px 1em !important; } #header_non_logue [class^="col-"] #nav-container a#h-logo, #header_non_logue [class^="col-"] #nav-container a#h-logo > img { width: 70px; } #header_non_logue [class^="col-"] #nav-container #btn_connexion { transform: translateY(0px); margin-right: 1.5em; zoom: 0.7; } #header_non_logue [class^="col-"] #nav-container #btn_connexion::before { content: unset; } #header_non_logue [class^="col-"] #nav-container #cta-test-header { margin: 0px; } #header_non_logue [class^="col-"] #nav-container a.cta_rouge_inverse { margin: 0px 0.5em; height: auto; padding: 1em 0.6em; white-space: nowrap; } } @media (max-width: 800px) { #header_non_logue [class^="col-"] #nav-container { justify-content: flex-end; } #header_non_logue [class^="col-"] #nav-container a { margin: 1em; } #header_non_logue [class^="col-"] #nav-container a#h-logo { margin-right: auto !important; } #header_non_logue [class^="col-"] #nav-container #btn_connexion { width: 38px; } #header_non_logue [class^="col-"] #nav-container > a[href^="tel"] { text-align: center; } #header_non_logue [class^="col-"] #nav-container > a[href^="tel"] div { padding: 0.5em; display: inline-block; } #bs-navbar-collapse { max-width: 100vw; transition: all 0.2s ease 0s; top: 70px; left: inherit; width: auto; right: 0px; position: fixed; background: rgb(255, 255, 255); padding: 100px 2em 2em; min-height: calc(-70px + 100vh) !important; } #bs-navbar-collapse a { position: relative; display: block; border-top: none; border-right: none; border-left: none; border-image: initial; font-size: 1.5em; font-family: stratos-medium; width: auto; text-align: left; border-bottom: 1px solid rgb(206, 206, 206); margin: 1em 0px 0px auto !important; max-width: inherit !important; } #bs-navbar-collapse a span { display: block; color: rgb(0, 0, 0); font-size: 0.8em; position: absolute; top: -18px; left: 36px; } #bs-navbar-collapse a::before { content: ""; background: url("data:image/svg+xml; utf8, ") center center no-repeat; height: 6px; width: 10px; margin-bottom: 1px; display: inline-block; transform: rotate(270deg); margin-top: 4px; margin-right: 8px; } #bs-navbar-collapse a:hover::before { background: url("data:image/svg+xml; utf8, "); } #bs-navbar-collapse a:nth-child(2) { margin-top: 2.5em !important; } .navbar-toggle .icon-bar { transition: all 0.2s ease 0s; } .navbar-toggle:not(.collapsed) .icon-bar:first-child { transform: rotate(45deg); } .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) { display: none; } .navbar-toggle:not(.collapsed) .icon-bar:last-child { transform: rotate(-45deg); margin-top: -8%; } } @media screen and (max-width: 555px) { #header_non_logue [class^="col-"] #nav-container > a[href^="tel"] div { display: none !important; } #header_non_logue [class^="col-"] #nav-container #bs-navbar-collapse > a[href^="tel"] { display: inherit; } } @media screen and (min-width: 800px) { header .navbar-collapse.collapse { padding: 0px; display: flex !important; } } @media (max-width: 800px) { header .navbar-toggle { display: block; } header .navbar-collapse { border-top: 1px solid transparent; box-shadow: rgb(154, 154, 154) 0px 11px 6px 0px; } header .navbar-collapse.collapse { right: -999px; } header .navbar-collapse { opacity: 0; transition: none 0s ease 0s !important; } header .navbar-collapse.transition { opacity: 1; transition: all 0.2s ease 0s !important; } header .collapse { display: block !important; } header .collapse.in { display: block; } } .\[\&_\.gdprAdTransparencyCogWheelButton\]\:\!pjra-z-\[5\], ad-slot, ad-triple-box, dfp-ad, [class^="adDisplay-module"], [class^="amp-ad-"], [class^="div-gpt-ad"], [data-ad-cls], [data-ad-manager-id], [data-ad-module], [data-ad-width], [data-adblockkey], [data-adbridg-ad-class], [data-adshim], [data-advadstrackid], [data-block-type="ad"], [data-css-class="dfp-inarticle"], [data-d-ad-id], [data-desktop-ad-id], [data-dynamic-ads], [data-ez-name], [data-freestar-ad][id], [data-id^="div-gpt-ad"], [data-m-ad-id], [data-mobile-ad-id], [data-name="adaptiveConstructorAd"], [data-rc-widget], [data-revive-zoneid] > iframe, [data-role="tile-ads-module"], [data-template-type="nativead"], [data-testid="adBanner-wrapper"], [data-testid="ad_testID"], [data-type="ad-vertical"], [data-wpas-zoneid], [id^="ad-wrap-"], [id^="ad_sky"], [id^="ad_slider"], [id^="section-ad-banner"], [name^="google_ads_iframe"], [onclick^="location.href='https://1337x.vpnonly.site/"], a-ad, a[data-href^="http://ads.trafficjunky.net/"], a[style="width:100%;height:100%;z-index:10000000000000000;position:absolute;top:0;left:0;"], ad-shield-ads, ad-slot, app-ad, app-advertisement, app-large-ad, ark-top-ad, aside[id^="adrotate_widgets-"], atf-ad-slot, bottomadblock, display-ad-component, display-ads, div[class^="Adstyled__AdWrapper-"], div[class^="Display_displayAd"], div[class^="kiwi-ad-wrapper"], div[class^="native-ad-"], div[data-ad-placeholder], div[data-ad-wrapper], div[data-adname], div[data-adunit-path], div[data-adunit], div[data-adzone], div[data-alias="300x250 Ad 1"], div[data-alias="300x250 Ad 2"], div[data-contentexchange-widget], div[data-dfp-id], div[data-id-advertdfpconf], div[data-native-ad], div[id^="ad-div-"], div[id^="ad-position-"], div[id^="adngin-"], div[id^="adrotate_widgets-"], div[id^="adspot-"], div[id^="crt-"][style], div[id^="div-ads-"], div[id^="google_dfp_"], div[id^="gpt_ad_"], div[id^="lazyad-"], div[id^="optidigital-adslot"], div[id^="pa_sticky_ad_box_middle_"], div[id^="rc-widget-"], div[id^="sticky_ad_"], div[id^="vuukle-ad-"], gpt-ad, guj-ad, hl-adsense, img[src^="https://images.purevpnaffiliates.com"], ps-connatix-module, span[data-ez-ph-id], span[id^="ezoic-pub-ad-placeholder-"], topadblock, zeus-ad, [class^="tile-picker__CitrusBannerContainer-sc-"], citrus-ad-wrapper, [class^="s2nPlayer"], div[id*="MarketGid"], div[id*="ScriptRoot"], [onclick*="content.ad/"], amp-ad, amp-ad, amp-ad-custom, amp-connatix-player, amp-fx-flying-carpet, a[data-obtrack^="http://paid.outbrain.com/network/redir?"], a[data-oburl^="https://paid.outbrain.com/network/redir?"], a[data-redirect^="https://paid.outbrain.com/network/redir?"], a[data-url^="http://paid.outbrain.com/network/redir?"] + .author, a[data-widget-outbrain-redirect^="http://paid.outbrain.com/network/redir?"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[target="_blank"][onmousedown="this.href^='http://paid.outbrain.com/network/redir?"], amp-embed[type="taboola"], div[id^="taboola-stream-"], div[id^="zergnet-widget"] { display: none !important; } [data-ad-name], [id^="div-gpt-ad"], div[aria-label="Ads"], div[data-ad-targeting], div[data-native_ad], div[id^="ad_position_"], div[id^="dfp-ad-"], div[id^="div-gpt-"], div[id^="ezoic-pub-ad-"], div[id^="yandex_ad"], ins.adsbygoogle[data-ad-slot], a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] { display: none !important; } [href="https://ourgoldguy.com/contact/"] img, a[href^="https://datingoffers30.info/"] { display: none !important; } .ui-draggable-handle { touch-action: none; } .ui-sortable-handle { touch-action: none; } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .ui-helper-reset { margin: 0px; padding: 0px; border: 0px; outline: 0px; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix::before, .ui-helper-clearfix::after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix::after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; opacity: 0; } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default !important; pointer-events: none; } .ui-icon { display: inline-block; vertical-align: middle; margin-top: -0.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } .ui-widget-overlay { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; } .ui-autocomplete { position: absolute; top: 0px; left: 0px; cursor: default; } .ui-menu { list-style: none; padding: 0px; margin: 0px; display: block; outline: 0px; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0px; cursor: pointer; list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px 0.4em; } .ui-menu .ui-menu-divider { margin: 5px 0px; height: 0px; font-size: 0px; line-height: 0; border-width: 1px 0px 0px; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } .ui-menu .ui-icon { position: absolute; top: 0px; bottom: 0px; left: 0.2em; margin: auto 0px; } .ui-menu .ui-menu-icon { left: auto; right: 0px; } .ui-button { padding: 0.4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: 0.1em; cursor: pointer; vertical-align: middle; text-align: center; user-select: none; overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-button-icon-only { text-indent: 0px; } .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0px; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0px; white-space: normal; padding: 0.4em 1em; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0px; margin-right: 0px; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0px; margin-bottom: 0px; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: 0.4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } .ui-controlgroup-vertical .ui-spinner-input { width: calc(100% - 2.4em); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: rgb(204, 204, 204) 1px 1px 1px inset; border-radius: 0.12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: 0.2em 0.2em 0px; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0px 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0px; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: 0.9em; border-collapse: collapse; margin: 0px 0px 0.4em; } .ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: bold; border: 0px; } .ui-datepicker td { border: 0px; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0.2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0px 0px; padding: 0px 0.2em; border-left: 0px; border-right: 0px; border-bottom: 0px; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0px auto 0.4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0px; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0px; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0px; border-left-width: 1px; } .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: 0.5em; top: 0.3em; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid rgb(197, 197, 197); } .ui-widget-content { border: 1px solid rgb(221, 221, 221); background: rgb(255, 255, 255); color: rgb(51, 51, 51); } .ui-widget-content a { color: rgb(51, 51, 51); } .ui-widget-header { border: 1px solid rgb(221, 221, 221); background: rgb(233, 233, 233); color: rgb(51, 51, 51); font-weight: bold; } .ui-widget-header a { color: rgb(51, 51, 51); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid rgb(197, 197, 197); background: rgb(246, 246, 246); font-weight: normal; color: rgb(69, 69, 69); } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: rgb(69, 69, 69); text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid rgb(204, 204, 204); background: rgb(237, 237, 237); font-weight: normal; color: rgb(43, 43, 43); } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: rgb(43, 43, 43); text-decoration: none; } .ui-visual-focus { box-shadow: rgb(94, 158, 214) 0px 0px 3px 1px; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid rgb(0, 62, 255); background: rgb(0, 127, 255); font-weight: normal; color: rgb(255, 255, 255); } .ui-icon-background, .ui-state-active .ui-icon-background { border: rgb(0, 62, 255); background-color: rgb(255, 255, 255); } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: rgb(255, 255, 255); text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid rgb(218, 213, 94); background: rgb(255, 250, 144); color: rgb(119, 118, 32); } .ui-state-checked { border: 1px solid rgb(218, 213, 94); background: rgb(255, 250, 144); } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: rgb(119, 118, 32); } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid rgb(241, 168, 153); background: rgb(253, 223, 223); color: rgb(95, 63, 63); } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: rgb(95, 63, 63); } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: rgb(95, 63, 63); } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; background-image: none; } .ui-state-disabled .ui-icon { } .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(""); } .ui-widget-header .ui-icon { background-image: url(""); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url(""); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url(""); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url(""); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(""); } .ui-button .ui-icon { background-image: url(""); } .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0px 0px; } .ui-icon-caret-1-ne { background-position: -16px 0px; } .ui-icon-caret-1-e { background-position: -32px 0px; } .ui-icon-caret-1-se { background-position: -48px 0px; } .ui-icon-caret-1-s { background-position: -65px 0px; } .ui-icon-caret-1-sw { background-position: -80px 0px; } .ui-icon-caret-1-w { background-position: -96px 0px; } .ui-icon-caret-1-nw { background-position: -112px 0px; } .ui-icon-caret-2-n-s { background-position: -128px 0px; } .ui-icon-caret-2-e-w { background-position: -144px 0px; } .ui-icon-triangle-1-n { background-position: 0px -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0px -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0px -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0px -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0px -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0px -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0px -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0px -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0px -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0px -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0px -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0px -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0px -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } .ui-widget-overlay { background: rgb(170, 170, 170); opacity: 0.3; } .ui-widget-shadow { box-shadow: rgb(102, 102, 102) 0px 0px 5px; } .bg_popin, .bg_popin_cookie { display: none; width: 100%; height: 100%; padding-top: 15px; background-color: rgba(0, 0, 0, 0.7); position: fixed; top: 0px; left: 0px; z-index: 60000; } .close_popin { color: rgb(153, 153, 153); font-size: 14px; font-family: stratos-light, arial, helvetica, "sans-serif"; letter-spacing: 1px; cursor: pointer; position: absolute; top: 30px; right: 30px; z-index: 55000; } .close_popin img { margin-top: -3px; margin-left: 15px; } .popin { display: none; overflow-y: auto; padding: 30px 15px; background-color: rgb(255, 255, 255); } .popin h1, .popin .h1 { margin-top: 0px !important; } .popin h2 { color: rgb(228, 3, 45); font-size: 20px; font-family: stratos-medium, arial, helvetica, "sans-serif"; line-height: 25px; } .popin h3 { color: rgb(153, 153, 153); font-size: 16px; font-family: stratos-medium, arial, helvetica, "sans-serif"; line-height: 20px; } .popin p { margin-bottom: 20px; font-size: 17px; font-family: calibri-light, arial, helvetica, "sans-serif"; line-height: 20px; } .popin .lead { font-size: 20px; font-family: stratos-light, arial, helvetica, "sans-serif"; line-height: 25px; } .popin .lead img { display: none; } .popin .mot_definition { color: rgb(228, 3, 45); font-family: stratos, arial, helvetica, "sans-serif"; } .popin .info_depeche { color: rgb(89, 83, 109); font-size: 12px; font-family: stratos, arial, helvetica, "sans-serif"; } .popin .temps_lecture { display: inline-block; margin-top: 5px; margin-bottom: 12px; font-size: 14px; text-transform: uppercase; } .popin .temps_lecture img { margin-top: -3px; margin-right: 5px; } .popin_apercu .contact_journaliste, .contact_journaliste:focus, .popin .contact_journaliste:hover { color: rgb(228, 3, 45); text-transform: uppercase; text-decoration: underline; } .popin .divider { margin-top: 12px; margin-bottom: 12px; } .picto_cta_favoris, .picto_cta_linkedin { display: inline-block; width: 20px; height: 20px; margin-bottom: -5px; margin-right: 5px; background-repeat: no-repeat; background-size: auto; background-position: center top; } .picto_supp_rubrique { display: inline-block; width: 15px; height: 15px; margin-bottom: -2px; margin-right: 5px; background-repeat: no-repeat; background-size: auto; background-position: center top; transition: all 0.5s ease 0s; } .picto_cta_favoris { background-image: url(""); } .cta_inverse:hover .picto_cta_favoris { background-image: url(""); } .picto_cta_linkedin { background-image: url(""); } .cta_inverse:hover .picto_cta_linkedin { background-image: url(""); } .picto_supp_rubrique { background-image: url(""); } .btn_supp_rubrique:hover .picto_supp_rubrique { background-image: url(""); } .img_cv, .img_trombi { width: 100%; margin-bottom: 15px; } .popin .bloc_rubrique { margin-bottom: 30px; color: rgb(94, 97, 105); font-size: 16px; line-height: 20px; } .btn_supp_rubrique { margin-left: 5px; padding-right: 5px; color: rgb(94, 97, 105); font-size: 16px; font-family: stratos-light, arial, helvetica, "sans-serif"; line-height: 20px; letter-spacing: 1px; text-transform: uppercase; position: relative; transition: all 0.5s ease 0s; } .btn_supp_rubrique:hover { color: rgb(228, 3, 45); } .btn_supp_rubrique::after { content: ""; display: block; width: 1px; height: 100%; background-color: rgb(94, 97, 105); position: absolute; right: 0px; top: -1px; } .popin_reserve_abonnes h1, .popin_contact_journaliste h1, .popin_suivre_sujet h1, .popin_liste_lecture h1, .popin_limite_partage h1, .popin_partage_depeche h1, .popin_tester h1, .popin_contact_journaliste .h1, .popin_partage_depeche .h1, .popin_suivre_sujet .h1, .popin_liste_lecture .h1, .popin_limite_partage .h1 { margin-top: 20px !important; } .popin_supprimer_classeur h1 { margin-top: 50px !important; } .popin_reserve_abonnes h2, .popin_contact_journaliste h2, .popin_suivre_sujet h2, .popin_liste_lecture h2, .popin_limite_partage h2 { color: rgb(0, 0, 0); } .popin_reserve_abonnes p, .popin_contact_journaliste p, .popin_suivre_sujet p, .popin_liste_lecture p, .popin_limite_partage p { font-size: 20px; line-height: 25px; } .popin input[type="email"], .popin input[type="text"] { width: 100%; height: 50px; margin-bottom: 30px; padding-left: 20px; border: none; background-color: rgb(243, 243, 244); color: rgb(89, 83, 109); font-size: 18px; font-family: stratos-light, arial, helvetica, "sans-serif"; } .popin_liste_lecture input[type="text"], .popin_liste_lecture .cta_violet_inverse { margin-bottom: 30px; } .popin textarea { width: 100%; max-width: 100%; height: 150px; margin-top: 30px; margin-bottom: 30px; padding-top: 15px; padding-left: 20px; border: none; background-color: rgb(243, 243, 244); color: rgb(89, 83, 109); font-size: 18px; font-family: stratos-light, arial, helvetica, "sans-serif"; } .popin label { color: rgb(89, 83, 109); font-size: 18px; font-family: stratos-light, arial, helvetica, "sans-serif"; font-weight: normal; } .popin_contact_journaliste input[type="radio"] { position: absolute; top: -5000px; } .popin_contact_journaliste .btn_radio { display: block; width: 100%; padding-left: 18px; background-image: url(""); background-repeat: no-repeat; background-size: 9px; background-position: left center; cursor: pointer; user-select: none; } .popin_contact_journaliste .btn_radio:hover { font-family: stratos-medium, arial, helvetica, "sans-serif"; } .popin_contact_journaliste .btn_radio_checked { background-image: url(""); } .popin_contact_journaliste .cta_rouge { margin-top: 30px; } .popin_contact_journaliste input[type="button"] { width: 100%; height: 50px; margin-top: 15px; padding-top: 5px; padding-left: 45px; background-color: rgb(243, 243, 244); background-image: url(""); background-size: 20px; background-repeat: no-repeat; background-position: left 15px center; border: none; border-radius: 0px; box-shadow: none; color: rgb(89, 83, 109); font-size: 18px; font-family: stratos-light, arial, helvetica, "sans-serif"; line-height: 18px; text-align: left; transition: all 0.5s ease 0s; } .popin_contact_journaliste input[type="button"]:hover { background-color: rgb(89, 83, 109); background-image: url(""); color: rgb(255, 255, 255); } .popin_contact_journaliste .label_select { display: inline-block; width: calc(100% - 40px); margin-right: 10px; margin-bottom: 10px; padding-left: 5px; color: rgb(89, 83, 109); font-family: stratos-light, arial, helvetica, "sans-serif"; font-size: 14px; line-height: 16px; font-weight: normal; cursor: pointer; transition: all 0.5s ease 0s; } .popin_contact_journaliste input[type="checkbox"] { appearance: none; outline: none; display: inline-block; width: 18px; height: 18px; margin-bottom: -3px; border: 1px solid rgb(89, 83, 109); cursor: pointer; transition: all 0.5s ease 0s; } .popin_contact_journaliste input[type="checkbox"]:checked { background-color: rgb(89, 83, 109); background-image: url(""); background-size: 12px; background-position: center center; background-repeat: no-repeat; color: rgb(89, 83, 109); } .popin input[type="submit"] { margin-bottom: 30px; padding-top: 6px; border: none; } .bloc_rubrique { width: 100%; margin-left: 0px; } .bloc_rubrique a { margin-bottom: 10px; } .bloc_rubrique a:hover { text-decoration: none; } .fav_label .cta_violet_inverse { margin-right: 15px; } .popin_site_mobile h1, .popin_site_mobile .h1 { margin-top: 50px !important; } .popin_site_mobile a { display: block; margin-top: 30px; margin-bottom: 15px; } .popin_access_abonnes #btn_connexion:hover { background-image: none; } .popin_trombi .filtre { display: block; width: 100%; margin-bottom: 10px; padding-bottom: 10px; color: rgb(153, 153, 153); font-size: 14px; font-family: stratos, arial, helvetica, "sans-serif"; line-height: 18px; position: relative; } .popin_contact_journaliste input[type="checkbox"] { appearance: none; outline: none; display: inline-block; width: 18px; height: 18px; margin-bottom: -3px; border: 1px solid rgb(89, 83, 109); cursor: pointer; transition: all 0.5s ease 0s; } .popin_contact_journaliste input[type="checkbox"]:checked { background-color: rgb(89, 83, 109); background-image: url(""); background-size: 12px; background-position: center center; background-repeat: no-repeat; color: rgb(89, 83, 109); } .popin_trombi .filtre::after { content: ""; display: block; width: 100%; height: 1px; background-color: rgb(153, 153, 153); position: absolute; bottom: 0px; left: 0px; } .popin_trombi ul { list-style: inside square; margin-bottom: 15px; padding-left: 0px; } .popin_trombi ul li { color: rgb(51, 51, 51); font-size: 17px; font-family: calibri-light, arial, helvetica, "sans-serif"; line-height: 20px; } .popin_trombi ul li strong { color: rgb(51, 51, 51); font-size: 15px; font-family: stratos, arial, helvetica, "sans-serif"; line-height: 20px; } .popin_trombi ul li:first-child { list-style: none; color: rgb(228, 3, 45); font-size: 17px; font-family: stratos-medium, arial, helvetica, "sans-serif"; line-height: 20px; } .ct-share { margin-top: 15px; } .content_choix_cookies a { text-decoration: underline; } .content_choix_cookies input { position: absolute; left: -5000px; } .content_choix_cookies em { font-family: stratos-light, arial, helvetica, "sans-serif"; font-size: 12px; line-height: 12px; } .cookie_details { margin-bottom: 15px; } .cookie_details p, .cookie_details ul { display: none; margin-bottom: 0px; background-color: rgb(243, 243, 244); padding: 10px; font-family: calibri-light, arial, helvetica, "sans-serif"; font-size: 14px; line-height: 18px; } .cookie_details ul { padding-left: 30px; list-style: square; } .popin_cookies_parametre { max-width: 650px; } .popin_cookies_parametre div:nth-child(3) { margin-bottom: 15px; } .toogle { display: block; width: 100%; margin-bottom: 10px; } .texte { display: block; width: 100%; padding: 6px 20px 5px 0px; border-bottom: 1px solid rgb(153, 153, 153); color: rgb(0, 0, 0); font-family: stratos-medium, arial, helvetica, "sans-serif"; font-size: 18px; line-height: 18px; font-weight: normal; transition: all 400ms cubic-bezier(0.6, -0.6, 0.3, 1.3) 0s; position: relative; cursor: pointer; } .texte::after { content: ""; display: block; width: 20px; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: 20px; position: absolute; top: 0px; right: 0px; } .texte.fermer::after { background-image: url(""); } .texte.ouvrir::after { background-image: url(""); } .bg_bullet { display: inline-block; width: 55px; height: 30px; background-color: rgba(89, 83, 109, 0.3); border-radius: 50px; cursor: pointer; position: relative; transition: all 400ms cubic-bezier(0.6, -0.6, 0.3, 1.3) 0s; z-index: 900; } .bullet { display: block; width: 20px; height: 20px; background-color: rgb(243, 243, 244); border-radius: 50%; cursor: pointer; position: absolute; top: 5px; left: 5px; box-shadow: rgba(0, 0, 0, 0.2) 3px 2px 6px; transition: all 400ms cubic-bezier(0.6, -0.6, 0.3, 1.3) 0s; z-index: 1000; } input:checked + .toogle .bg_bullet { background-color: rgb(144, 226, 138); box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 8px inset; } input:checked + .toogle .bullet { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.5) -3px 3px 6px; transform: translateX(25px); } .popin_cookies_parametre .cta_rouge, .popin_cookies_parametre .cta_rouge_inverse { margin-bottom: 30px; } .popin { max-height: calc(-110px + 100vh); } @media (max-width: 768px) { .bg_popin { padding-top: 15px; } .popin { padding-bottom: 150px; width: 100%; margin: 0px; max-width: initial; height: 100vh; max-height: initial; } .bg_popin_cookie { padding: 0px; } .popin h1, .popin .h1 { margin-top: 40px !important; font-size: 22px; } .popin h2 { font-size: 18px; } .popin h3 { font-size: 16px; } .popin_apercu .lead { font-size: 17px; line-height: 20px; } .popin .cta { margin-bottom: 10px; } } body > footer { padding-top: 3em; background-color: rgb(164, 163, 168); font-size: 10px; color: rgb(255, 255, 255); font-family: stratos, arial, helvetica, "sans-serif"; line-height: 2em; letter-spacing: 1px; transition: all 0.2s ease 0s; } body > footer .bloc_footer { display: block; height: 10em; border-left: 1px solid rgb(255, 255, 255); } body > footer .bloc_footer img { margin-bottom: 0.6em; } body > footer a, footer a:focus { display: inline-block; font-size: 10px; color: rgb(255, 255, 255); font-family: stratos, arial, helvetica, "sans-serif"; text-decoration: none; } body > footer a:hover { color: rgb(255, 255, 255); text-decoration: underline; } @media (max-width: 1200px) { footer .bloc_footer { margin-top: 15px; } } @media (max-width: 991px) { footer .bloc_footer { margin-top: 0px; } } @media (max-width: 768px) { body > footer .bloc_footer { height: auto; margin-top: 0px; padding-bottom: 15px; } body > footer .container .row div:first-child { margin-bottom: 30px; } } .content_recherche .section_grise { padding-bottom: 0px; } .liste_filtre { padding-top: 95px; padding-bottom: 50px; background-color: rgb(243, 243, 244); } .liste_filtre .title { width: 100%; margin-bottom: 15px; padding-top: 13px; padding-bottom: 7px; background-color: rgb(89, 83, 109); position: relative; } .liste_filtre .title::before, .liste_filtre .title::after { content: ""; display: block; width: 15px; height: 37px; background-color: rgb(89, 83, 109); position: absolute; top: 0px; } .liste_filtre .title::before { left: -15px; } .liste_filtre .title::after { right: -15px; } .liste_filtre .title h1 { margin: 0px; color: rgb(255, 255, 255); font-size: 16px; font-family: stratos-light, arial, helvetica, "sans-serif"; text-transform: uppercase; line-height: 17px; } .filtres h3 { padding-bottom: 5px; background-repeat: no-repeat; background-size: 13px; background-position: right center; color: rgb(94, 97, 105); font-size: 20px; font-family: stratos, arial, helvetica, "sans-serif"; line-height: 20px; border-bottom: 1px solid rgb(153, 153, 153); cursor: pointer; } .filtres h4 { margin: 15px 0px 5px; color: rgb(94, 97, 105); font-size: 16px; font-family: stratos, arial, helvetica, "sans-serif"; line-height: 16px; } .filtres ul { display: block; padding: 0px; list-style: none; } .filtres .btn_filtre_plus { height: 21px; margin-top: 10px; border-top: 1px solid rgb(223, 223, 223); background-image: url(""); background-size: 13px; background-repeat: no-repeat; background-position: center center; cursor: pointer; } .filtres .btn_filtre_moins { background-image: url(""); } .filtre { display: block; padding-left: 0px; transition: all 0.5s ease 0s; } .filtre a { display: block; padding-left: 17px; color: rgb(94, 97, 105); font-size: 15px; font-family: stratos-light, arial, helvetica, "sans-serif"; line-height: 19px; } .filtre a { background-image: url(""); background-repeat: no-repeat; background-size: 9px; background-position: left center; } .filtre a:hover { background-image: url(""); font-family: stratos-medium, arial, helvetica, "sans-serif"; } .actif a { background-image: url(""); } .actif:hover a { text-decoration: line-through; } .anim_show_filtre { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjUgMjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI1IDI1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRTQwMzJEO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIuNSwwQzUuNiwwLDAsNS42LDAsMTIuNVM1LjYsMjUsMTIuNSwyNVMyNSwxOS40LDI1LDEyLjVTMTkuNCwwLDEyLjUsMHogTTIwLjUsMTQuM2gtNi4xdjYuNWgtMy44di02LjVINC41DQoJdi0zLjZoNi4xVjQuMmgzLjh2Ni41aDYuMVYxNC4zeiIvPg0KPC9zdmc+Cg0K); transition: all 0.5s ease 0s; } .anim_hide_filtre { background-image: url(""); transition: all 0.5s ease 0s; } .content_resultat_recherche { padding-top: 50px; padding-left: 30px; padding-right: 30px; } .content_resultat_recherche > h1 { margin: 0px 0px 15px; color: rgb(0, 0, 0); font-family: stratos-medium, arial, helvetica, "sans-serif"; font-size: 28px; text-transform: uppercase; } .content_resultat_recherche > h2 { margin: 0px 0px 15px; color: rgb(0, 0, 0); font-family: stratos-medium, arial, helvetica, "sans-serif"; font-size: 28px; } .content_resultat_recherche > p { color: rgb(94, 97, 105); font-family: stratos-light, arial, helvetica, "sans-serif"; font-size: 18px; } #recherche-texte { width: 100%; height: 37px; padding-top: 5px; padding-left: 15px; background-color: rgb(243, 243, 244); border: none; color: rgb(94, 97, 105); font-family: stratos-light, arial, helvetica, "sans-serif"; font-size: 18px; line-height: 18px; } #recherche_header_texte { width: 100%; height: 50px; padding-top: 5px; padding-left: 15px; background-color: rgb(255, 255, 255); border: none; color: rgb(94, 97, 105); font-family: stratos-light, arial, helvetica, "sans-serif"; font-size: 18px; line-height: 18px; } .recherche_dossier #recherche-texte { margin-bottom: 30px; background-color: rgb(255, 255, 255); } #recherche-submit { width: 100%; height: 37px; padding-top: 7px; padding-right: 12px; background-color: rgb(243, 243, 244); border: none; color: rgb(94, 97, 105); font-family: stratos-light, arial, helvetica, "sans-serif"; font-size: 18px; line-height: 18px; text-align: right; } #recherche_header_submit { width: 100%; padding-top: 7px; padding-right: 12px; background-color: rgb(228, 3, 45); border: none; color: rgb(255, 255, 255); font-family: stratos-light, arial, helvetica, "sans-serif"; font-size: 18px; line-height: 18px; } @media (max-width: 768px) { #bloc_header_recherche > div { margin: 2em 0px; } #bloc_header_recherche .cta_rouge { padding-top: 15px; } #bloc_header_recherche > div:nth-child(3) { margin: 0.5em 0px; } .btn_close_recherche { margin-top: 3em; text-indent: 999px; overflow: hidden; } } .recherche_dossier #recherche-submit { margin-bottom: 30px; background-color: rgb(255, 255, 255); } .ui-autocomplete { padding-top: 0px; padding-left: 8px; background-color: rgb(243, 243, 244); border: none; color: rgb(94, 97, 105); font-family: stratos-light, arial, helvetica, "sans-serif"; font-size: 18px; line-height: 18px; z-index: 65000; } .recherche_dossier .ui-autocomplete { display: none; } #ui-id-1 li:hover { border: 0px; background-color: rgb(89, 83, 109); color: rgb(255, 255, 255); } .ui-widget.ui-widget-content, .ui-widget-content { border: none; } #tripdts { height: 37px; min-height: 37px; padding: 0px; background-color: rgb(89, 83, 109); z-index: 1000; } .content_liste_lecture #tripdts { margin-bottom: 30px; } .content_filtre_liste_lecture .liste_filtre { padding-top: 25px; } .content_filtre_liste_lecture .cta_rouge_inverse { margin-bottom: 22px; } #ordredetri { width: 100%; margin: 0px; padding: 0px 15px 5px; background-color: rgb(89, 83, 109); background-image: url(""); background-repeat: no-repeat; background-size: 15px; background-position: right 5px top; border: none; list-style: none; color: rgb(255, 255, 255); font-family: stratos-light, arial, helvetica, "sans-serif"; font-size: 16px; line-height: 16px; text-transform: uppercase; } #ordredetri li { display: none; margin-bottom: 5px; } #ordredetri #tri_actif { display: block; margin-top: 12px; margin-bottom: 0px; color: rgb(255, 255, 255); font-family: stratos-light, arial, helvetica, "sans-serif"; font-size: 16px; line-height: 16px; text-transform: uppercase; opacity: 1; cursor: pointer; } #ordredetri li a { padding-top: 5px; color: rgb(255, 255, 255); font-family: stratos-light, arial, helvetica, "sans-serif"; font-size: 16px; line-height: 16px; text-transform: uppercase; opacity: 0.6; transition: all 0.5s ease 0s; } #ordredetri li a:hover { opacity: 1; } #ordredetri li:nth-child(2) { margin-top: 15px; } .type_vue { height: 37px; background-color: rgb(176, 180, 182); } .grande_vue, .petite_vue { display: block; width: 34px; height: 34px; margin-top: 2px; margin-right: 10px; background-repeat: no-repeat; float: left; transition: all 0.5s ease 0s; } .grande_vue { background-image: url(""); } .grande_vue:hover, .grande_vue_active { background-image: url(""); } .petite_vue { background-image: url(""); } .petite_vue:hover, .petite_vue_active { background-image: url(""); } #nombre_resultat { margin-top: 30px; margin-bottom: 30px; color: rgb(0, 0, 0); font-family: stratos-medium, arial, helvetica, "sans-serif"; font-size: 20px; line-height: 20px; } #resultats ul { list-style: none; } .lu h1 { color: rgb(153, 153, 153); font-family: stratos-light, arial, helvetica, "sans-serif"; } .lu p, .lu ul { color: rgb(153, 153, 153); transition: all 0.5s ease 0s; } .lu:hover p, .lu:hover ul { color: rgb(94, 97, 105); } .lu img { opacity: 0.5; filter: grayscale(100%); transition: all 0.5s ease 0s; } .lu:hover img { opacity: 1; filter: grayscale(0); } .blocs_liste_lecture > p { font-size: 18px; font-family: stratos-light, arial, helvetica, "sans-serif"; } #pagination { margin-top: 30px; } #pagination ul li { display: inline-block; margin: 0px 15px; } #pagination ul li a { color: rgb(89, 83, 109); font-size: 18px; line-height: 18px; font-family: stratos-light, arial, helvetica, "sans-serif"; text-decoration: none; transition: all 0.5s ease 0s; } #pagination ul li a:hover { font-size: 20px; font-family: stratos-medium, arial, helvetica, "sans-serif"; text-decoration: none; } #pagination ul li.current a { color: rgb(228, 3, 45); font-family: stratos-medium, arial, helvetica, "sans-serif"; } #pagination ul li a img { margin-top: -3px; transition: all 0.5s ease 0s; } #pagination ul li a:hover img { width: 18px; } #pagination ul .pagination_first, #pagination ul .pagination_before, #pagination ul .pagination_next, #pagination ul .pagination_last { position: relative; } #pagination ul .pagination_first:hover::before, #pagination ul .pagination_before:hover::before, #pagination ul .pagination_next:hover::before, #pagination ul .pagination_last:hover::before { display: block; width: 50px; height: 15px; color: rgb(228, 3, 45); font-size: 10px; line-height: 10px; font-family: stratos, arial, helvetica, "sans-serif"; text-transform: uppercase; letter-spacing: 1px; position: absolute; top: -15px; left: -15px; } #pagination ul .pagination_first:hover::before { content: "Première"; } #pagination ul .pagination_before:hover::before { content: "Précédente"; } #pagination ul .pagination_next:hover::before { content: "Suivante"; } #pagination ul .pagination_last:hover::before { content: "Dernière"; } #recap_filtres { position: relative; top: 10px; } .recap_filtre_element { display: inline-block; margin-bottom: 8px; margin-right: 2px; padding: 8px 8px 5px 25px; background-color: rgb(235, 234, 237); color: rgb(94, 97, 105); font-family: stratos-light, arial, helvetica, "sans-serif"; font-size: 14px; line-height: 14px; cursor: pointer; transition: all 0.5s ease 0s; } .supprimer_filtre { display: inline-block; margin-bottom: 8px; margin-right: 2px; padding: 7px 7px 4px; border: 1px solid rgb(89, 83, 109); color: rgb(94, 97, 105); font-family: stratos-light, arial, helvetica, "sans-serif"; font-size: 14px; line-height: 14px; cursor: pointer; transition: all 0.5s ease 0s; } .supprimer_filtre:hover { background-color: rgb(89, 83, 109); color: rgb(255, 255, 255); } .recap_filtre_element:hover { background-color: rgb(176, 180, 182); color: rgb(255, 255, 255); } .recap_filtre_element::before { content: "×"; position: absolute; font-size: 25px; margin-left: -18px; margin-top: 0px; } @media (max-width: 1200px) { #tripdts { height: auto; min-height: 37px; } } @media (max-width: 991px) { .recherche_dossier #recherche-texte, .recherche_dossier #recherche-submit { margin-bottom: 0px; } .recherche_dossier #tripdts { margin-bottom: 30px; } } @media (max-width: 768px) { .liste_filtre { padding-top: 30px; } } * { padding: 0px; margin: 0px; } body { background-color: rgb(255, 255, 255); float: none; margin-top: 0px; margin-bottom: 0px; font-size: 10pt; line-height: 12pt; padding: 0px !important; } #barre_menu_complet, #menu_compte, #menu_recherche, .bandeau_violet, .btn_acces_rapide_evenement, .divider, .retour_agenda, footer, header .container .row .col-md-4, nav { display: none; } header .container .row .col-md-2 { display: block; width: 100%; margin-left: 0px; } header .container .row .col-md-2 img { height: 15mm; text-align: left; } .section_grise { background-color: rgb(255, 255, 255) !important; } .content_evenement_detail { display: block; width: 100% !important; margin-left: 0px !important; } h1 { margin-top: 0px; font-size: 19pt; margin-bottom: 3mm !important; } .contact, .date_evenement, .description, .organisateur, .organisateur_logo, .type, .url_evenement, p { margin: 0px; font-size: 10pt !important; line-height: 12pt !important; font-family: arial, helvetica, "sans-serif" !important; } .contact, .organisateur { display: inline-block; width: 35%; margin-top: 0px; margin-left: 0px; margin-right: 0px; text-align: left; margin-bottom: 3mm !important; font-size: 10pt !important; line-height: 12pt !important; } .contact, .organisateur { margin-right: 3%; } .organisateur_logo { display: inline-block; width: 20%; margin: 0px 0px 3mm; } .organisateur_logo img { width: 20mm; margin-top: 0px; margin-left: 0px !important; } .adresse { display: inline-block; width: 25%; margin-top: 0px; margin-right: 5%; float: left; } #map { display: none; } #h-logo::after, #nav-container #bs-navbar-collapse, #nav-container a:not(#h-logo), .event-header { display: none !important; } #h-logo img { max-width: 2cm !important; } #body-aef { padding-top: 1cm; } .cta_rouge, .cta_rouge_inverse { text-transform: initial !important; font-size: 1.5rem !important; border: 1px solid rgb(0, 0, 0) !important; color: rgb(0, 0, 255) !important; } #bandeau_cgv { display: none !important; } .event-organisator-logo img { max-width: 200px !important; } #domain-switch, .event-see-more-link, [style^="height:30px"] { display: none !important; } .col-xs-12.col-xs-offset-0.col-sm-11.col-sm-offset-1.col-md-4.col-md-offset-0.col-lg-4.col-lg-offset-0.section_blanche.zi-0 { margin: 0px 0px 2rem; padding: 0px; } .content_evenement_detail, body > header.container-fluid { margin: 0px; padding: 0px; } .event-contact, .event-place { margin-top: 3rem; } #header_logue { position: relative; } #header_logue .col-md-offset-1 { margin: 0px; } .contenu { margin: 0px; width: 100%; } li { list-style-position: inside; } li p { display: inline-block; } .event-contact, .event-organisator, .event-place { padding: 1rem; break-inside: avoid; border: 1px solid rgb(126, 126, 126) !important; margin-top: 1rem !important; } .event-contact .h4, .event-organisator .h4, .event-place .h4 { font-weight: bolder; } .event-contact hr, .event-organisator hr, .event-place hr { display: none; } (cache)La direction et les syndicats de CCF (ex-HSBC France) trouvent un accord...
Continuer sans accepter

Bonjour et bienvenue sur le site d’AEF info
Vos préférences en matière de cookies

En plus des cookies strictement nécessaires au fonctionnement du site, le groupe AEF info et ses partenaires utilisent des cookies ou des technologies similaires nécessitant votre consentement.

Avant de continuer votre navigation sur ce site, nous vous proposons de choisir les fonctionnalités dont vous souhaitez bénéficier ou non :

  • Mesurer et améliorer la performance du site
  • Adapter la publicité du site à vos centres d'intérêt
  • Partager sur les réseaux sociaux
En savoir plus sur vos données et vos droits

Vous pourrez retirer votre consentement à tout moment dans votre espace « Gérer mes cookies ».
Home| Social / RH| Ressources humaines| Dépêche n°734604

La direction et les syndicats de CCF (ex-HSBC France) trouvent un accord sur le PSE, 1 019 postes supprimés

Après l’annonce d’un vaste plan de réorganisation et de suppressions de postes en décembre 2024 (lire sur AEF info), puis l’ouverture d’une séquence de négociation avec les représentants du personnel, la direction du groupe CCF, ex-HSBC France, et les organisations syndicales trouvent un terrain d’entente le 7 juillet 2025. Un accord collectif portant PSE, qui entraînera la suppression de 1 019 postes chez CCF et 151 chez My Money Bank, est désormais conclu et sera adressé pour validation à l’administration. En revanche, le CSE rend un avis négatif à l’issue de son processus de consultation.

Cette dépêche est réservée aux abonnés
Il vous reste 88 % de cette dépêche à découvrir.

  • Retrouver l’intégralité de cette dépêche et tous les contenus de la même thématique
  • Toute l’actualité stratégique décryptée par nos journalistes experts
  • Information fiable, neutre et réactive
  • Réception par email personnalisable
TESTER GRATUITEMENT PENDANT 1 MOIS
Test gratuit et sans engagement
Déjà abonné(e) ? Je me connecte
Dépêche n° 734604
3 min de lecture
Par Quentin Chatelier   Publiée le 09/07/2025 à 11h14
à lire aussi

Ressources humaines

Aperçu de la dépêche Aperçu
"Casse sociale", "pas d’anticipation"… L’inquiétude des salariés de la banque face à la transformation de leur secteur
Lire la suite
Société Générale annonce à ses syndicats représentatifs la dénonciation de l’accord sur le télétravail

Après l’annonce par son directeur général Slawomir Krupa de sa volonté de restreindre sa politique de télétravail, et la limiter à un jour maximum par semaine (lire sur AEF info), Société Générale passe à la mise en pratique pour ses salariés en France. Lors d’une réunion extraordinaire, le 4 juillet 2025, la direction du groupe bancaire annonce aux syndicats représentatifs son intention de dénoncer l'accord collectif sur le télétravail de juin 2021, et une application de la nouvelle politique à compter de septembre/octobre 2026, apprend AEF info auprès de plusieurs participants. Société Générale entend ouvrir une négociation sur les modalités de mise en œuvre, mais la CFDT, la CGT et la CFTC refusent d’ores et déjà de s’y associer. De nouvelles mobilisations de salariés, après la grève du 27 juin (lire sur AEF info), pourraient être annoncées dans les prochains jours.

Lire la suiteLire la suite

Ressources humaines

Aperçu de la dépêche Aperçu
Syndicats et direction du CCF (ex-HSBC France) s’opposent à l’Assemblée nationale sur le plan de suppression de postes
Lire la suite
BNP Paribas présente en CSE central un "plan de développement" pour 2030, des fermetures d’agences évoquées

BNP Paribas présente à son CSE central, le 26 mars 2025, un "plan de développement ambitieux" pour 2030 concernant son activité de banque commerciale en France. "Ce plan mettra la priorité sur l’expertise de nos collaborateurs, qui bénéficieront de formations et de capacités d’actions renforcées, et sur la technologie", explique la direction. Sont notamment évoqués des fermetures ou regroupements d’agences bancaires, sans que le groupe n’évoque de chiffre précis. Plusieurs syndicats, dont la CFDT, regrettent "le flou et l’imprécision du plan présenté" s’agissant de ses conséquences sociales. Selon plusieurs sources, la direction de BNP Paribas s’est engagée à ne pas recourir à un plan social ou à un PDV. Alors qu’une expertise externe sur les conséquences sociales du plan a été confiée à Secafi, une nouvelle réunion du CSE central devrait avoir lieu dans les prochaines semaines.

Lire la suiteLire la suite

Ressources humaines

Aperçu de la dépêche Aperçu
CCF (ex-HSBC France) veut supprimer 1 428 postes en France
Lire la suite

Ressources humaines

Aperçu de la dépêche Aperçu
La Société Générale annonce 900 suppressions de postes au siège "sans départs contraints"
Lire la suite
à découvrir

Ville intelligente

Aperçu de la dépêche Aperçu
Lu, vu et entendu au Sibca 2025
Lire la suite

Logement social et Habitat

Aperçu de la dépêche Aperçu
Recours, MaPrimeRénov' et biodiversité au menu des brèves de la semaine du 1er septembre 2025 intéressant le logement
Lire la suite

Sécurité publique

Aperçu de la dépêche Aperçu
Garde à vue, Jérôme Durain, Gérald Darmanin… au menu des brèves de la semaine du 1er septembre pour la sécurité publique
Lire la suite
Fermer
Vos préférences en matière de cookies

En plus des cookies strictement nécessaires au fonctionnement du site, le groupe AEF info et ses partenaires utilisent des cookies ou des technologies similaires nécessitant votre consentement. Vous pouvez modifier ci-dessous ces consentements à tout moment.

Mesurer et améliorer la performance du site

Les services de mesure d'audience et d’amélioration de performance du site sont nécessaires à son fonctionnement optimal en permettant sa bonne administration. En savoir plus

Adapter la publicité du site à vos centres d'intérêt

L’affichage d’une publicité personnalisée par nos partenaires en fonction de votre navigation et de votre profil et la mesure de son audience nous permet notamment de financer la fourniture gratuite de services de qualité pour nos utilisateurs. En savoir plus

Partager sur les réseaux sociaux

Pour vous permettre de partager le contenu demandé sur les réseaux sociaux, notre site utilise des traceurs. En savoir plus

Annuler
Enregistrer