/* =================================================================== Icônes — sous-ensemble maison ------------------------------------------------------------------- Le site n'utilise que 15 icônes, mais chargeait Remix Icon en entier : 130 Ko de CSS plus une police de 153 Ko, soit 2 736 symboles pour en afficher 15. Ce fichier les redessine en SVG intégré, sans aucune requête réseau ni police à télécharger. Le balisage ne change pas : fonctionne comme avant. La couleur suit currentColor, donc tout « color » déjà posé en ligne ou en CSS continue de s'appliquer ; la taille suit font-size, puisque l'icône mesure 1em de côté. =================================================================== */ [class^="ri-"], [class*=" ri-"] { display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask-image: var(--ri); mask-image: var(--ri); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; flex-shrink: 0; } .ri-arrow-down-s-fill { --ri: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12%2016L6%2010H18L12%2016Z'%3E%3C/path%3E%3C/svg%3E"); } .ri-arrow-left-line { --ri: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M7.82843%2010.9999H20V12.9999H7.82843L13.1924%2018.3638L11.7782%2019.778L4%2011.9999L11.7782%204.22168L13.1924%205.63589L7.82843%2010.9999Z'%3E%3C/path%3E%3C/svg%3E"); } .ri-arrow-up-line { --ri: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M13.0001%207.82843V20H11.0001V7.82843L5.63614%2013.1924L4.22192%2011.7782L12.0001%204L19.7783%2011.7782L18.3641%2013.1924L13.0001%207.82843Z'%3E%3C/path%3E%3C/svg%3E"); } .ri-check-line { --ri: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M9.9997%2015.1709L19.1921%205.97852L20.6063%207.39273L9.9997%2017.9993L3.63574%2011.6354L5.04996%2010.2212L9.9997%2015.1709Z'%3E%3C/path%3E%3C/svg%3E"); } .ri-close-line { --ri: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M11.9997%2010.5865L16.9495%205.63672L18.3637%207.05093L13.4139%2012.0007L18.3637%2016.9504L16.9495%2018.3646L11.9997%2013.4149L7.04996%2018.3646L5.63574%2016.9504L10.5855%2012.0007L5.63574%207.05093L7.04996%205.63672L11.9997%2010.5865Z'%3E%3C/path%3E%3C/svg%3E"); } .ri-instagram-line { --ri: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12.001%209C10.3436%209%209.00098%2010.3431%209.00098%2012C9.00098%2013.6573%2010.3441%2015%2012.001%2015C13.6583%2015%2015.001%2013.6569%2015.001%2012C15.001%2010.3427%2013.6579%209%2012.001%209ZM12.001%207C14.7614%207%2017.001%209.2371%2017.001%2012C17.001%2014.7605%2014.7639%2017%2012.001%2017C9.24051%2017%207.00098%2014.7629%207.00098%2012C7.00098%209.23953%209.23808%207%2012.001%207ZM18.501%206.74915C18.501%207.43926%2017.9402%207.99917%2017.251%207.99917C16.5609%207.99917%2016.001%207.4384%2016.001%206.74915C16.001%206.0599%2016.5617%205.5%2017.251%205.5C17.9393%205.49913%2018.501%206.0599%2018.501%206.74915ZM12.001%204C9.5265%204%209.12318%204.00655%207.97227%204.0578C7.18815%204.09461%206.66253%204.20007%206.17416%204.38967C5.74016%204.55799%205.42709%204.75898%205.09352%205.09255C4.75867%205.4274%204.55804%205.73963%204.3904%206.17383C4.20036%206.66332%204.09493%207.18811%204.05878%207.97115C4.00703%209.0752%204.00098%209.46105%204.00098%2012C4.00098%2014.4745%204.00753%2014.8778%204.05877%2016.0286C4.0956%2016.8124%204.2012%2017.3388%204.39034%2017.826C4.5591%2018.2606%204.7605%2018.5744%205.09246%2018.9064C5.42863%2019.2421%205.74179%2019.4434%206.17187%2019.6094C6.66619%2019.8005%207.19148%2019.9061%207.97212%2019.9422C9.07618%2019.9939%209.46203%2020%2012.001%2020C14.4755%2020%2014.8788%2019.9934%2016.0296%2019.9422C16.8117%2019.9055%2017.3385%2019.7996%2017.827%2019.6106C18.2604%2019.4423%2018.5752%2019.2402%2018.9074%2018.9085C19.2436%2018.5718%2019.4445%2018.2594%2019.6107%2017.8283C19.8013%2017.3358%2019.9071%2016.8098%2019.9432%2016.0289C19.9949%2014.9248%2020.001%2014.5389%2020.001%2012C20.001%209.52552%2019.9944%209.12221%2019.9432%207.97137C19.9064%207.18906%2019.8005%206.66149%2019.6113%206.17318C19.4434%205.74038%2019.2417%205.42635%2018.9084%205.09255C18.573%204.75715%2018.2616%204.55693%2017.8271%204.38942C17.338%204.19954%2016.8124%204.09396%2016.0298%204.05781C14.9258%204.00605%2014.5399%204%2012.001%204ZM12.001%202C14.7176%202%2015.0568%202.01%2016.1235%202.06C17.1876%202.10917%2017.9135%202.2775%2018.551%202.525C19.2101%202.77917%2019.7668%203.1225%2020.3226%203.67833C20.8776%204.23417%2021.221%204.7925%2021.476%205.45C21.7226%206.08667%2021.891%206.81333%2021.941%207.8775C21.9885%208.94417%2022.001%209.28333%2022.001%2012C22.001%2014.7167%2021.991%2015.0558%2021.941%2016.1225C21.8918%2017.1867%2021.7226%2017.9125%2021.476%2018.55C21.2218%2019.2092%2020.8776%2019.7658%2020.3226%2020.3217C19.7668%2020.8767%2019.2076%2021.22%2018.551%2021.475C17.9135%2021.7217%2017.1876%2021.89%2016.1235%2021.94C15.0568%2021.9875%2014.7176%2022%2012.001%2022C9.28431%2022%208.94514%2021.99%207.87848%2021.94C6.81431%2021.8908%206.08931%2021.7217%205.45098%2021.475C4.79264%2021.2208%204.23514%2020.8767%203.67931%2020.3217C3.12348%2019.7658%202.78098%2019.2067%202.52598%2018.55C2.27848%2017.9125%202.11098%2017.1867%202.06098%2016.1225C2.01348%2015.0558%202.00098%2014.7167%202.00098%2012C2.00098%209.28333%202.01098%208.94417%202.06098%207.8775C2.11014%206.8125%202.27848%206.0875%202.52598%205.45C2.78014%204.79167%203.12348%204.23417%203.67931%203.67833C4.23514%203.1225%204.79348%202.78%205.45098%202.525C6.08848%202.2775%206.81348%202.11%207.87848%202.06C8.94514%202.0125%209.28431%202%2012.001%202Z'%3E%3C/path%3E%3C/svg%3E"); } .ri-linkedin-fill { --ri: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M6.94048%204.99993C6.94011%205.81424%206.44608%206.54702%205.69134%206.85273C4.9366%207.15845%204.07187%206.97605%203.5049%206.39155C2.93793%205.80704%202.78195%204.93715%203.1105%204.19207C3.43906%203.44699%204.18654%202.9755%205.00048%202.99993C6.08155%203.03238%206.94097%203.91837%206.94048%204.99993ZM7.00048%208.47993H3.00048V20.9999H7.00048V8.47993ZM13.3205%208.47993H9.34048V20.9999H13.2805V14.4299C13.2805%2010.7699%2018.0505%2010.4299%2018.0505%2014.4299V20.9999H22.0005V13.0699C22.0005%206.89993%2014.9405%207.12993%2013.2805%2010.1599L13.3205%208.47993Z'%3E%3C/path%3E%3C/svg%3E"); } .ri-map-pin-2-fill { --ri: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M18.364%2017.364L12%2023.7279L5.63604%2017.364C2.12132%2013.8492%202.12132%208.15076%205.63604%204.63604C9.15076%201.12132%2014.8492%201.12132%2018.364%204.63604C21.8787%208.15076%2021.8787%2013.8492%2018.364%2017.364ZM12%2013C13.1046%2013%2014%2012.1046%2014%2011C14%209.89543%2013.1046%209%2012%209C10.8954%209%2010%209.89543%2010%2011C10%2012.1046%2010.8954%2013%2012%2013Z'%3E%3C/path%3E%3C/svg%3E"); } .ri-message-2-fill { --ri: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M6.45455%2019L2%2022.5V4C2%203.44772%202.44772%203%203%203H21C21.5523%203%2022%203.44772%2022%204V18C22%2018.5523%2021.5523%2019%2021%2019H6.45455ZM7%2010V12H9V10H7ZM11%2010V12H13V10H11ZM15%2010V12H17V10H15Z'%3E%3C/path%3E%3C/svg%3E"); } .ri-phone-fill { --ri: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M21%2016.42V19.9561C21%2020.4811%2020.5941%2020.9167%2020.0705%2020.9537C19.6331%2020.9846%2019.2763%2021%2019%2021C10.1634%2021%203%2013.8366%203%205C3%204.72371%203.01545%204.36687%203.04635%203.9295C3.08337%203.40588%203.51894%203%204.04386%203H7.5801C7.83678%203%208.05176%203.19442%208.07753%203.4498C8.10067%203.67907%208.12218%203.86314%208.14207%204.00202C8.34435%205.41472%208.75753%206.75936%209.3487%208.00303C9.44359%208.20265%209.38171%208.44159%209.20185%208.57006L7.04355%2010.1118C8.35752%2013.1811%2010.8189%2015.6425%2013.8882%2016.9565L15.4271%2014.8019C15.5572%2014.6199%2015.799%2014.5573%2016.001%2014.6532C17.2446%2015.2439%2018.5891%2015.6566%2020.0016%2015.8584C20.1396%2015.8782%2020.3225%2015.8995%2020.5502%2015.9225C20.8056%2015.9483%2021%2016.1633%2021%2016.42Z'%3E%3C/path%3E%3C/svg%3E"); } .ri-star-fill { --ri: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12.0006%2018.26L4.94715%2022.2082L6.52248%2014.2799L0.587891%208.7918L8.61493%207.84006L12.0006%200.5L15.3862%207.84006L23.4132%208.7918L17.4787%2014.2799L19.054%2022.2082L12.0006%2018.26Z'%3E%3C/path%3E%3C/svg%3E"); } .ri-star-s-fill { --ri: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M11.9998%2017L6.12197%2020.5902L7.72007%2013.8906L2.48926%209.40983L9.35479%208.85942L11.9998%202.5L14.6449%208.85942L21.5104%209.40983L16.2796%2013.8906L17.8777%2020.5902L11.9998%2017Z'%3E%3C/path%3E%3C/svg%3E"); } .ri-tiktok-line { --ri: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M11.0004%202V8.41396C10.5947%208.33909%2010.1768%208.3%209.75039%208.3C5.96724%208.3%202.90039%2011.3668%202.90039%2015.15C2.90039%2018.9332%205.96724%2022%209.75039%2022C13.5335%2022%2016.6004%2018.9332%2016.6004%2015.15V11.4136C17.6366%2011.8539%2018.7662%2012.1%2020.0005%2012.1H21.0005V6.5H20.0005C18.0966%206.5%2016.6004%204.96259%2016.6004%203V2H11.0004ZM13.0004%204H14.688C15.0818%206.22009%2016.7673%207.99607%2019.0005%208.4091V10.0282C17.9624%209.87602%2017.0253%209.48645%2016.1567%208.905L14.6004%207.86327V15.15C14.6004%2017.8286%2012.429%2020%209.75039%2020C7.07181%2020%204.90039%2017.8286%204.90039%2015.15C4.90039%2012.4714%207.07181%2010.3%209.75039%2010.3C9.83431%2010.3%209.91769%2010.3021%2010.0005%2010.3063V11.9095C9.91795%2011.9032%209.83454%2011.9%209.75039%2011.9C7.95547%2011.9%206.50039%2013.3551%206.50039%2015.15C6.50039%2016.9449%207.95547%2018.4%209.75039%2018.4C11.5453%2018.4%2013.0004%2016.9449%2013.0004%2015.15C13.0004%2011.4334%2012.9992%207.71665%2013.0004%204ZM8.50039%2015.15C8.50039%2014.4596%209.06003%2013.9%209.75039%2013.9C10.4407%2013.9%2011.0004%2014.4596%2011.0004%2015.15C11.0004%2015.8404%2010.4407%2016.4%209.75039%2016.4C9.06003%2016.4%208.50039%2015.8404%208.50039%2015.15Z'%3E%3C/path%3E%3C/svg%3E"); } .ri-whatsapp-line { --ri: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M7.25361%2018.4944L7.97834%2018.917C9.18909%2019.623%2010.5651%2020%2012.001%2020C16.4193%2020%2020.001%2016.4183%2020.001%2012C20.001%207.58172%2016.4193%204%2012.001%204C7.5827%204%204.00098%207.58172%204.00098%2012C4.00098%2013.4363%204.37821%2014.8128%205.08466%2016.0238L5.50704%2016.7478L4.85355%2019.1494L7.25361%2018.4944ZM2.00516%2022L3.35712%2017.0315C2.49494%2015.5536%202.00098%2013.8345%202.00098%2012C2.00098%206.47715%206.47813%202%2012.001%202C17.5238%202%2022.001%206.47715%2022.001%2012C22.001%2017.5228%2017.5238%2022%2012.001%2022C10.1671%2022%208.44851%2021.5064%206.97086%2020.6447L2.00516%2022ZM8.39232%207.30833C8.5262%207.29892%208.66053%207.29748%208.79459%207.30402C8.84875%207.30758%208.90265%207.31384%208.95659%207.32007C9.11585%207.33846%209.29098%207.43545%209.34986%207.56894C9.64818%208.24536%209.93764%208.92565%2010.2182%209.60963C10.2801%209.76062%2010.2428%209.95633%2010.125%2010.1457C10.0652%2010.2428%209.97128%2010.379%209.86248%2010.5183C9.74939%2010.663%209.50599%2010.9291%209.50599%2010.9291C9.50599%2010.9291%209.40738%2011.0473%209.44455%2011.1944C9.45903%2011.25%209.50521%2011.331%209.54708%2011.3991C9.57027%2011.4368%209.5918%2011.4705%209.60577%2011.4938C9.86169%2011.9211%2010.2057%2012.3543%2010.6259%2012.7616C10.7463%2012.8783%2010.8631%2012.9974%2010.9887%2013.108C11.457%2013.5209%2011.9868%2013.8583%2012.559%2014.1082L12.5641%2014.1105C12.6486%2014.1469%2012.692%2014.1668%2012.8157%2014.2193C12.8781%2014.2457%2012.9419%2014.2685%2013.0074%2014.2858C13.0311%2014.292%2013.0554%2014.2955%2013.0798%2014.2972C13.2415%2014.3069%2013.335%2014.2032%2013.3749%2014.1555C14.0984%2013.279%2014.1646%2013.2218%2014.1696%2013.2222V13.2238C14.2647%2013.1236%2014.4142%2013.0888%2014.5476%2013.097C14.6085%2013.1007%2014.6691%2013.1124%2014.7245%2013.1377C15.2563%2013.3803%2016.1258%2013.7587%2016.1258%2013.7587L16.7073%2014.0201C16.8047%2014.0671%2016.8936%2014.1778%2016.8979%2014.2854C16.9005%2014.3523%2016.9077%2014.4603%2016.8838%2014.6579C16.8525%2014.9166%2016.7738%2015.2281%2016.6956%2015.3913C16.6406%2015.5058%2016.5694%2015.6074%2016.4866%2015.6934C16.3743%2015.81%2016.2909%2015.8808%2016.1559%2015.9814C16.0737%2016.0426%2016.0311%2016.0714%2016.0311%2016.0714C15.8922%2016.159%2015.8139%2016.2028%2015.6484%2016.2909C15.391%2016.428%2015.1066%2016.5068%2014.8153%2016.5218C14.6296%2016.5313%2014.4444%2016.5447%2014.2589%2016.5347C14.2507%2016.5342%2013.6907%2016.4482%2013.6907%2016.4482C12.2688%2016.0742%2010.9538%2015.3736%209.85034%2014.402C9.62473%2014.2034%209.4155%2013.9885%209.20194%2013.7759C8.31288%2012.8908%207.63982%2011.9364%207.23169%2011.0336C7.03043%2010.5884%206.90299%2010.1116%206.90098%209.62098C6.89729%209.01405%207.09599%208.4232%207.46569%207.94186C7.53857%207.84697%207.60774%207.74855%207.72709%207.63586C7.85348%207.51651%207.93392%207.45244%208.02057%207.40811C8.13607%207.34902%208.26293%207.31742%208.39232%207.30833Z'%3E%3C/path%3E%3C/svg%3E"); } .ri-youtube-fill { --ri: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12.2439%204C12.778%204.00294%2014.1143%204.01586%2015.5341%204.07273L16.0375%204.09468C17.467%204.16236%2018.8953%204.27798%2019.6037%204.4755C20.5486%204.74095%2021.2913%205.5155%2021.5423%206.49732C21.942%208.05641%2021.992%2011.0994%2021.9982%2011.8358L21.9991%2011.9884L21.9991%2011.9991C21.9991%2011.9991%2021.9991%2012.0028%2021.9991%2012.0099L21.9982%2012.1625C21.992%2012.8989%2021.942%2015.9419%2021.5423%2017.501C21.2878%2018.4864%2020.5451%2019.261%2019.6037%2019.5228C18.8953%2019.7203%2017.467%2019.8359%2016.0375%2019.9036L15.5341%2019.9255C14.1143%2019.9824%2012.778%2019.9953%2012.2439%2019.9983L12.0095%2019.9991L11.9991%2019.9991C11.9991%2019.9991%2011.9956%2019.9991%2011.9887%2019.9991L11.7545%2019.9983C10.6241%2019.9921%205.89772%2019.941%204.39451%2019.5228C3.4496%2019.2573%202.70692%2018.4828%202.45587%2017.501C2.0562%2015.9419%202.00624%2012.8989%202%2012.1625V11.8358C2.00624%2011.0994%202.0562%208.05641%202.45587%206.49732C2.7104%205.51186%203.45308%204.73732%204.39451%204.4755C5.89772%204.05723%2010.6241%204.00622%2011.7545%204H12.2439ZM9.99911%208.49914V15.4991L15.9991%2011.9991L9.99911%208.49914Z'%3E%3C/path%3E%3C/svg%3E"); }