/** * @file * Overall specifications for Culturepresse. */ /** * Styling Main Menu (#block-menuprincipal) - css form Superfish library 'THEMES.txt' * items : * Accueil = #main-menu-link-content2a6c9fd4-ab58-4b45-a793-904bbc01aab3 * Qui sommes-nous = #main-menu-link-contentd9f3be72-5189-4dbe-bc27-97da44f6d00b * Les marchands de presse = #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e * Boîte à outils = #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d * Presse = #main-menu-link-content3dc45ac5-4797-4d33-9530-f16140daf1d9 * * Largeur des sous-menus réglée dans config block superfish 'supersubs' */ .region-primary-menu { margin-left: 1em; } #block-menuprincipal { float: left; width: 72%; margin: 10px 0 0 0; padding: 0; border-top : 1px solid #EDEDED; border-bottom : 1px solid #EDEDED; } #block-menuprincipal .sf-main { width: 100%; } #block-menuprincipal a, #block-menuprincipal span.nolink, #block-menuprincipal li span.sf-depth-1 { font-family: Marvel; font-weight: bold; font-size: 1.2em; color: #444; padding: 0.3em 1.5em 0.4em 1.5em; margin: 0; } #block-menuprincipal a.sf-with-ul, #block-menuprincipal span.nolink.sf-with-ul { padding-right: 0; padding: 0.2em 1.5em 0.35em 1.5em; } #block-menuprincipal li, #block-menuprincipal .sf-main { background: #FFFFFF; margin: 0; } #block-menuprincipal li li { font-size: 90%; } /* ACCUEIL */ #block-menuprincipal #main-menu-link-content2a6c9fd4-ab58-4b45-a793-904bbc01aab3 li:hover, #block-menuprincipal #main-menu-link-content2a6c9fd4-ab58-4b45-a793-904bbc01aab3 li.sfHover, #block-menuprincipal #main-menu-link-content2a6c9fd4-ab58-4b45-a793-904bbc01aab3 a, #block-menuprincipal #main-menu-link-content2a6c9fd4-ab58-4b45-a793-904bbc01aab3 a:focus, #block-menuprincipal #main-menu-link-content2a6c9fd4-ab58-4b45-a793-904bbc01aab3 a:hover, #block-menuprincipal #main-menu-link-content2a6c9fd4-ab58-4b45-a793-904bbc01aab3 a:active, #block-menuprincipal #main-menu-link-content2a6c9fd4-ab58-4b45-a793-904bbc01aab3 span.nolink:hover { color: #456; background: #F8F8F8; outline: 0; } /* QUI SOMMES NOUS */ #block-menuprincipal #main-menu-link-contentd9f3be72-5189-4dbe-bc27-97da44f6d00b li:hover, #block-menuprincipal #main-menu-link-contentd9f3be72-5189-4dbe-bc27-97da44f6d00b li.sfHover, #block-menuprincipal #main-menu-link-contentd9f3be72-5189-4dbe-bc27-97da44f6d00b a:focus, #block-menuprincipal #main-menu-link-contentd9f3be72-5189-4dbe-bc27-97da44f6d00b a:hover, #block-menuprincipal #main-menu-link-contentd9f3be72-5189-4dbe-bc27-97da44f6d00b a:active, #block-menuprincipal #main-menu-link-contentd9f3be72-5189-4dbe-bc27-97da44f6d00b span.nolink:hover { color: #444; background: #FFED00; outline: 0; } #block-menuprincipal #main-menu-link-contentd9f3be72-5189-4dbe-bc27-97da44f6d00b ul li { padding-top: 0.2em; padding-bottom: 0.2em; border-bottom : 1px solid #EDEDED; } /* Qui sommes-nous - depth-2*/ #block-menuprincipal #main-menu-link-contentd9f3be72-5189-4dbe-bc27-97da44f6d00b li.sf-depth-2 { font-weight: normal; background: #F8F8F8; } #block-menuprincipal #main-menu-link-contentd9f3be72-5189-4dbe-bc27-97da44f6d00b li.sf-depth-2:hover { font-weight: normal; background: #F0EAA3; } #block-menuprincipal #main-menu-link-contentd9f3be72-5189-4dbe-bc27-97da44f6d00b li.sf-depth-2 a { font-weight: normal; background: transparent; } #block-menuprincipal #main-menu-link-contentd9f3be72-5189-4dbe-bc27-97da44f6d00b li li:hover, #block-menuprincipal #main-menu-link-contentd9f3be72-5189-4dbe-bc27-97da44f6d00b li li.sfHover, #block-menuprincipal #main-menu-link-contentd9f3be72-5189-4dbe-bc27-97da44f6d00b li a:focus, #block-menuprincipal #main-menu-link-contentd9f3be72-5189-4dbe-bc27-97da44f6d00b li a:hover, #block-menuprincipal #main-menu-link-contentd9f3be72-5189-4dbe-bc27-97da44f6d00b li a:active, #block-menuprincipal #main-menu-link-contentd9f3be72-5189-4dbe-bc27-97da44f6d00b li span.nolink:hover { background: #F0EAA3; outline: 0; } /* LES MARCHANDS DE PRESSE */ #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e li:hover, #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e li.sfHover, #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e a:focus, #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e a:hover, #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e a:active, #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e span.nolink:hover { color: #FFFFFF; background: #009EE3; outline: 0; } #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e ul li { padding-top: 0.2em; padding-bottom: 0.2em; border-bottom : 1px solid #EDEDED; } /* Les marchands de presse - DEPTH-2 */ #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e li.sf-depth-2 { background: #F8F8F8; } #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e a.sf-depth-2 { background: transparent !important; } #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e li.sf-depth-2:hover, #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e a.sf-depth-2:hover { background: #A3D2E7 !important; } /* On 2nd level with link to 3rd level */ #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e ul li a.sf-depth-2, #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e ul li span.sf-depth-2 { font-size: 120%; font-weight: normal; } #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e li li:hover, #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e li li.sfHover, #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e li a:focus, #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e li a:hover, #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e li a:active, #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e li span.nolink:hover { color: #333333; background: #A3D2E7; outline: 0; } /* Les marchands de presse - DEPTH-3 */ #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e ul ul li { background: #F8F8F8; } #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e ul ul li:hover, #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e ul ul li.sfHover, #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e ul ul li a:focus, #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e ul ul li a:hover, #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e ul ul li a:active, #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e ul ul li a.sf-depth-3, #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e ul ul li span.sf-depth-3, #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e ul ul li span.nolink:hover { font-weight: normal; outline: 0; } #block-menuprincipal #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e a.sf-depth-3 { background: transparent !important; } /* BOITE A OUTILS */ #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d li:hover, #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d li.sfHover, #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d a:focus, #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d a:hover, #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d a:active, #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d span.nolink:hover { color: #FFFFFF; background: #E5007D; outline: 0; } #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d ul li { padding-top: 0.2em; padding-bottom: 0.2em; border-bottom : 1px solid #EDEDED; } /* Boîte à outils - DEPTH-2 */ #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d li.sf-depth-2 { background: #F8F8F8; } #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d a.sf-depth-2 { background: transparent !important; } #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d li.sf-depth-2:hover, #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d a.sf-depth-2:hover { background: #E8A3CB !important; } /* 2nd level with a link on 3rd level */ #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d ul li a.sf-depth-2, #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d ul li span.sf-depth-2 { font-size: 120%; font-weight: normal; } #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d li li:hover, #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d li li.sfHover, #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d li a:focus, #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d li a:hover, #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d li a:active, #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d li span.nolink:hover { color: #333333; background: #E8A3CB; outline: 0; } /* Boîte à outils - depth-3 */ #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d ul ul li { background: #F8F8F8; } #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d ul ul li:hover, #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d ul ul li.sfHover, #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d ul ul li a:focus, #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d ul ul li a:hover, #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d ul ul li a:active, #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d ul ul li a.sf-depth-3, #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d ul ul li span.sf-depth-3, #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d ul ul li span.nolink:hover { font-weight: normal; outline: 0; } #block-menuprincipal #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d a.sf-depth-3 { background: transparent !important; } /* PRESSE */ /*#block-menuprincipal #main-menu-link-content3dc45ac5-4797-4d33-9530-f16140daf1d9 li:hover, #block-menuprincipal #main-menu-link-content3dc45ac5-4797-4d33-9530-f16140daf1d9 li.sfHover, #block-menuprincipal #main-menu-link-content3dc45ac5-4797-4d33-9530-f16140daf1d9 a, #block-menuprincipal #main-menu-link-content3dc45ac5-4797-4d33-9530-f16140daf1d9 a:focus, #block-menuprincipal #main-menu-link-content3dc45ac5-4797-4d33-9530-f16140daf1d9 a:hover, #block-menuprincipal #main-menu-link-content3dc45ac5-4797-4d33-9530-f16140daf1d9 a:active, #block-menuprincipal #main-menu-link-content3dc45ac5-4797-4d33-9530-f16140daf1d9 span.nolink:hover { font-weight: bold; color: #456; background: #FFF; outline: 0; }*/ /* PRESSE */ #block-menuprincipal #main-menu-link-content3dc45ac5-4797-4d33-9530-f16140daf1d9 li:hover, #block-menuprincipal #main-menu-link-content3dc45ac5-4797-4d33-9530-f16140daf1d9 li.sfHover, #block-menuprincipal #main-menu-link-content3dc45ac5-4797-4d33-9530-f16140daf1d9 a:focus, #block-menuprincipal #main-menu-link-content3dc45ac5-4797-4d33-9530-f16140daf1d9 a:hover, #block-menuprincipal #main-menu-link-content3dc45ac5-4797-4d33-9530-f16140daf1d9 a:active, #block-menuprincipal #main-menu-link-content3dc45ac5-4797-4d33-9530-f16140daf1d9 span.nolink:hover { font-weight: bold; color: #456; background: #D0BFBF; outline: 0; } #block-menuprincipal #main-menu-link-content3dc45ac5-4797-4d33-9530-f16140daf1d9 ul li { padding-top: 0.2em; padding-bottom: 0.2em; border-bottom : 1px solid #EDEDED; } /* Presse - depth-2 */ #block-menuprincipal #main-menu-link-content3dc45ac5-4797-4d33-9530-f16140daf1d9 li.sf-depth-2 { font-weight: normal; background: #F8F8F8; } #block-menuprincipal #main-menu-link-content3dc45ac5-4797-4d33-9530-f16140daf1d9 li.sf-depth-2:hover { font-weight: normal; background: #e1dada; } #block-menuprincipal #main-menu-link-content3dc45ac5-4797-4d33-9530-f16140daf1d9 li.sf-depth-2 a { font-weight: normal; background: transparent; } #block-menuprincipal #main-menu-link-content3dc45ac5-4797-4d33-9530-f16140daf1d9 li li:hover, #block-menuprincipal #main-menu-link-content3dc45ac5-4797-4d33-9530-f16140daf1d9 li li.sfHover, #block-menuprincipal #main-menu-link-content3dc45ac5-4797-4d33-9530-f16140daf1d9 li a:focus, #block-menuprincipal #main-menu-link-content3dc45ac5-4797-4d33-9530-f16140daf1d9 li a:hover, #block-menuprincipal #main-menu-link-content3dc45ac5-4797-4d33-9530-f16140daf1d9 li a:active, #block-menuprincipal #main-menu-link-content3dc45ac5-4797-4d33-9530-f16140daf1d9 li span.nolink:hover { /*background: #F0EAA3;*/ background: #e1dada; outline: 0; } /* keeping bg color and changing text color in menuparent (items 3 & 4) when opened and li or li li:hover */ .sf-menu li#main-menu-link-contentd9f3be72-5189-4dbe-bc27-97da44f6d00b:hover > a, .sf-menu li#main-menu-link-contentd9f3be72-5189-4dbe-bc27-97da44f6d00b.sfhover > a, .sf-menu li#main-menu-link-contentd9f3be72-5189-4dbe-bc27-97da44f6d00b-accordion:hover > a, .sf-menu li#main-menu-link-contentd9f3be72-5189-4dbe-bc27-97da44f6d00b-accordion.sfhover > a { background: #FFED00; } .sf-menu li#main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e:hover > a, .sf-menu li#main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e.sfhover > a, .sf-menu li#main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e-accordion:hover > a, .sf-menu li#main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e-accordion.sfhover > a { font-weight: normal; color: #FFFFFF; background: #009EE3; } .sf-menu li#main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d:hover > a, .sf-menu li#main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d.sfhover > a, .sf-menu li#main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d-accordion:hover > a, .sf-menu li#main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d-accordion.sfhover > a { font-weight: normal; color: #FFFFFF; background: #E5007D; } #block-menuprincipal li:hover > ul, #block-menuprincipal li.sfHover > ul { top: 39px; } /* MOBILE css */ /* background color - Qui sommes-nous ? */ #main-menu-link-contentd9f3be72-5189-4dbe-bc27-97da44f6d00b-accordion span.nolink:hover { background: #FFED00; } li#main-menu-link-contentd9f3be72-5189-4dbe-bc27-97da44f6d00b-accordion li a:hover { background: #F0EAA3; } /* background color - Les marchands de presse */ #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e-accordion span.nolink:hover { background: #009EE3; } /* span.nolink for depth 2 */ #main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e-accordion li + li span.nolink:hover { background: #7DA7D9; } li#main-menu-link-content04ad6e40-3a54-456c-a72f-14fd5029ac0e-accordion li a:hover { background: #A3D2E7; } /* background color - Boîte à outils */ #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d-accordion span.nolink:hover { background: #E5007D; } /* span.nolink for depth 2 */ #main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d-accordion li + li span.nolink:hover { background: #F06EAA; } li#main-menu-link-content6e1fc96d-9ae8-4e50-a7f1-d02259a5e01d-accordion li a:hover { background: #E8A3CB; } /* background color - TabShop */ #main-menu-link-content3dc45ac5-4797-4d33-9530-f16140daf1d9-accordion span.nolink:hover { background: #D0BFBF; } li#main-menu-link-content3dc45ac5-4797-4d33-9530-f16140daf1d9-accordion li a:hover { background: #e1dada; } /* change font-size */ #block-menuprincipal .sf-accordion { font-size: 1.1em; line-height: 0.9em; } #block-menuprincipal .sf-accordion li { border-bottom: 1px solid #EDEDED; } /* slide depth 2 and depth 3 on the right */ #block-menuprincipal .sf-accordion li li a, #block-menuprincipal .sf-accordion li li span.nolink { text-align: left; padding-left: 2em; } #block-menuprincipal .sf-accordion li li li a, #block-menuprincipal .sf-accordion li li li span.nolink { text-align: left; padding-left: 3em; } /* Hide 1st li in 2nd depth which contains menu 1st depth text ie : 1st depth = qui sommes-nous ? 2nd depth = qui sommes-nous ? + Présentation de CP + Les actions les acquis etc */ #block-menuprincipal .sf-accordion li li:nth-of-type(1) { display: none; } @media (max-width: 539px) { /* All devices Before Surface Duo (width 540) */ #block-menuprincipal { margin-top: -20px; } } @media (max-width: 813px) { #block-menuprincipal { width : 97%; background-color: #6195A8; } } @media screen and (min-width: 813px) and (max-width: 1024px) { /* 813 = just over Ipad Pro */ #block-menuprincipal { width : 97%; background-color: #FFF; } } #superfish-main-toggle span { color: #FFF; } ul#superfish-main-accordion { text-align: left; margin-top : 3px; } /* put a little space between text and external link icon */ #block-menuprincipal svg.ext { margin-left: 0.25em; } /** * Menu ENGAGEMENT in Right sidebar * Demandez à être rappelé(e) * Recevez nos newsletters * Adhérez à Culture Presse */ #block-engagement { max-width: 11.7em; font-size: 1.1em; color: #666; height: 24em; margin-bottom: 1em; border: 6px solid #EDEDED; clear: both; background-color: #FFFFFF; } @media (max-width: 1168px) { #block-engagement { width : 86%; max-width : 86%; } #block-engagement .content ul { margin: auto auto; } } #block-engagement ul li { list-style: none; text-align: center; display: block; width: 100%; } #block-engagement #menu-engagement-menu-link-content48033166-36b9-4f5d-ae7b-e6e598e91dda a { background-image: url('/sites/default/files/images/theme/menu_engagement/picto_telephone.png'); background-repeat: no-repeat; background-position: 4em 1em; padding: 5.5em 0 1em 0; color: #555; border-top: 1px solid #333; border-bottom: 1px solid #333; } #block-engagement #menu-engagement-menu-link-content48033166-36b9-4f5d-ae7b-e6e598e91dda a:hover { background-image: url('/sites/default/files/images/theme/menu_engagement/picto_telephone_noir.png'); } #block-engagement #menu-engagement-menu-link-content6985d3f2-9446-4b96-842e-ed2a571b1921 a { background-image: url('/sites/default/files/images/theme/menu_engagement/picto_newsletter.png'); background-repeat: no-repeat; background-position: 4em 1em; padding: 5.5em 0 1em 0; color: #555; border-bottom: 1px solid #333; } #block-engagement #menu-engagement-menu-link-content6985d3f2-9446-4b96-842e-ed2a571b1921 a:hover { background-image: url('/sites/default/files/images/theme/menu_engagement/picto_newsletter_noir.png'); } #block-engagement #menu-engagement-menu-link-content577e42e4-d03a-41e3-9412-c94014a794ef a { background-image: url('/sites/default/files/images/theme/menu_engagement/picto_adhesion.png'); background-repeat: no-repeat; background-position: 4em 1em; padding: 5.5em 0 1em 0; color: #555; border-bottom: 1px solid #333; } #block-engagement #menu-engagement-menu-link-content577e42e4-d03a-41e3-9412-c94014a794ef a:hover { background-image: url('/sites/default/files/images/theme/menu_engagement/picto_adhesion_noir.png'); } /** * Menu SERVICES in Right sidebar * S'installer, moderniser, céder son point de vente * Union Presse * Newsletters */ #block-services-2 { max-width: 13.8em; padding: 0 1.5em 0.5em 0; background-color: #FFF; border: 4px solid #EDEDED; } @media (max-width: 1168px) { #block-services-2 { width : 88%; max-width : 88%; } } #block-services-2 ul li { list-style-type: none; list-style-image: none; font-size: 1.1em; line-height: 1em; font-weight: bold; border-top: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; padding: 0.5em 0 0.5em 2.2em; background-image: url('/sites/default/files/images/theme/menu_services/picto_installer_moderniser.png'); background-repeat: no-repeat; background-position: 2% 46%; } #block-services-2 ul li:hover { background-color: #FFED00; background-image: url('/sites/default/files/images/theme/menu_services/picto_installer_over.png'); padding: 0.5em 0 0.5em 2.2em; } #block-services-2 ul li + li { background-image: url('/sites/default/files/images/theme/menu_services/picto_union_presse.png'); background-repeat: no-repeat; background-position: 2% 46%; } #block-services-2 ul li + li:hover { background-color: #FFED00; background-image: url('/sites/default/files/images/theme/menu_services/picto_union_presse_over.png'); padding: 0.5em 0 0.5em 2.2em; } #block-services-2 ul li + li + li { background-image: url('/sites/default/files/images/theme/menu_services/picto_newsletters.png'); background-repeat: no-repeat; background-position: 2% 46%; } #block-services-2 ul li + li + li:hover { background-color: #FFED00; background-image: url('/sites/default/files/images/theme/menu_services/picto_newsletters_over.png'); padding: 0.5em 0 0.5em 2.2em; } #block-services-2 li a { color: #666; } /** * Menu OUTILS in Right sidebar * Links to create or modify nodes and contacts Culture Presse * */ nav#block-culturepresse-tools { width: 15em; padding: 0 0 0.5em 0; border: 4px solid #EDEDED; background-color: #FFFFCC; } nav#block-culturepresse-tools h2 { font-size: 1.6em; color: #FFF; padding: 0 1em 0 0.5em; background-color: #6195A8; } nav#block-culturepresse-tools h2::after { content: " > Liens vers l'ajout ou la modification de contenus"; font-size: 0.7em; } /* ENSEIGNE - forcer le style */ #block-menuprincipal li#main-menu-link-content6d948464-0161-48af-b8e1-40cb0fc77b50 > a, #block-menuprincipal li#main-menu-link-content6d948464-0161-48af-b8e1-40cb0fc77b50 > a:focus, #block-menuprincipal li#main-menu-link-content6d948464-0161-48af-b8e1-40cb0fc77b50 > a:hover, #block-menuprincipal li#main-menu-link-content6d948464-0161-48af-b8e1-40cb0fc77b50 > a:active { color: #000 !important; background: #FFED00 !important; } li#main-menu-link-content6d948464-0161-48af-b8e1-40cb0fc77b50 > a { background: #FFED00 !important; color: #000 !important; }