/******************************************************* * Encart services 2021 *******************************************************/ /* ------- FONT-ForkAwesome ------- */ @font-face { font-family: 'ForkAwesome'; src: url('icone-fonts/forkawesome-webfont.eot?v=1.1.7'); src: url('icone-fonts/forkawesome-webfont.eot?#iefix&v=1.1.7') format('embedded-opentype'), url('icone-fonts/forkawesome-webfont.woff2?v=1.1.7') format('woff2'), url('icone-fonts/forkawesome-webfont.woff?v=1.1.7') format('woff'), url('icone-fonts/forkawesome-webfont.ttf?v=1.1.7') format('truetype'), url('icone-fonts/forkawesome-webfont.svg?v=1.1.7#forkawesomeregular') format('svg'); font-weight: normal; font-style: normal; } /* ------- STYLE ------- */ .presentation article ul { list-style: none; column-count: 2; } .presentation article + article .spip_out { margin: 0 0 0.5rem; padding: 0.3rem 0.6rem 0.3rem 30px; font-family: inherit; font-size: 11px; line-height: 14px; text-align: left; } .presentation article + article .spip_out strong { color: #7DBDFD; font-family: 'ForkAwesome'; font-weight: 100; margin-left: -20px; padding-right: 10px; } .presentation article + article li:first-child a::before { content: 'NOUVEAU!'; background-color: yellow; position: absolute; color: black; margin-top: -2.5em; padding: 0.2em 1em; font-size: 0.8em; border-radius: 5px; margin-left: -3em; transform: rotate(-8deg); } @media screen and (max-width: 760px) { .presentation article + article { display: block; background-image: none; } } @media screen and (max-width: 640px) { { } } @media screen and (max-width: 512px) { { } }