.elementor-kit-12{--e-global-color-primary:#0F2F8A;--e-global-color-secondary:#EC8306;--e-global-color-text:#000000;--e-global-color-accent:#636363;--e-global-color-5fadd4d:#35A962;--e-global-color-604e7fc:#A5037C;--e-global-color-9369215:#009EE0;--e-global-typography-primary-font-family:"Roboto Condensed";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Roboto Condensed";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.2em;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:1.2em;color:#000000;font-family:"Roboto", Sans-serif;font-weight:400;line-height:1.2em;}.elementor-kit-12 button,.elementor-kit-12 input[type="button"],.elementor-kit-12 input[type="submit"],.elementor-kit-12 .elementor-button{background-color:#FFFFFF;text-decoration:none;color:var( --e-global-color-text );border-style:solid;border-width:2px 2px 2px 2px;border-radius:0px 0px 0px 0px;}.elementor-kit-12 button:hover,.elementor-kit-12 button:focus,.elementor-kit-12 input[type="button"]:hover,.elementor-kit-12 input[type="button"]:focus,.elementor-kit-12 input[type="submit"]:hover,.elementor-kit-12 input[type="submit"]:focus,.elementor-kit-12 .elementor-button:hover,.elementor-kit-12 .elementor-button:focus{background-color:#FFFFFF;color:var( --e-global-color-secondary );border-style:solid;border-width:2px 2px 2px 2px;}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-kit-12 p{margin-block-end:1em;}.elementor-kit-12 a{color:var( --e-global-color-primary );}.elementor-kit-12 a:hover{color:#EC8306;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-12 h1{color:#000000;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-12 h2{color:#000000;font-family:"Roboto Condensed", Sans-serif;font-size:22px;font-weight:700;line-height:1.2em;}.elementor-kit-12 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-12 h4{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-12 h5{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-12 h6{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1098px){.elementor-kit-12{--e-global-typography-text-line-height:1.2em;--e-global-typography-accent-line-height:1.2em;line-height:1.2em;}.elementor-kit-12 a:hover{line-height:var( --e-global-typography-text-line-height );}.elementor-kit-12 h2{font-size:22px;line-height:1.2em;}.elementor-kit-12 h3{line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-12 h4{line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-12 h5{line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-12 h6{line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:768px){.elementor-kit-12{--e-global-typography-text-line-height:1.2em;--e-global-typography-accent-line-height:1.2em;font-size:14px;line-height:1.2em;}.elementor-kit-12 a:hover{line-height:var( --e-global-typography-text-line-height );}.elementor-kit-12 h2{font-size:17px;line-height:1.2em;}.elementor-kit-12 h3{line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-12 h4{line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-12 h5{line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-12 h6{line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Start custom CSS */ /*******************************/ /* variables */ /*******************************/ :root { /* variables couleurs V19/V20/V21 */ --innocep-color-bleu-corporate: #0f2f8a; /* variable couleur bleu corporate Cepelec */ --innocep-color-orange: #ec8306; /* variable couleur orange corporate Cepelec */ --innocep-color-violet: #a5037c; /* variable couleur violet Cepelec */ --innocep-color-vert: #35a962; /* variable couleur vert Cepelec */ --innocep-color-bleu-clair: #009ee0; /* variable couleur bleu clair Cepelec */ --innocep-color-gris: #636363; /* variable couleur gris Cepelec */ --innocep-color-noir: black; /* variable couleur noir [Cepelec] */ --innocep-color-blanc: white; /* variable couleur blanc [Cepelec] */ --innocep-color-rouge: #FF2518; /* variable couleur rouge [Cepelec] */ --innocep-color-gris-clair: #EBEEEF; /* variable couleur gris clair [Cepelec] */ --innocep-color-test-blue: blue; /* variable couleur bleue bien bleue juste pour faire des tests */ --innocep-color-test-red: red; /* variable couleur rouge bien rouge juste pour faire des tests */ /* FIN variables couleurs */ /* variables font */ --innocep-regular-font: 'Roboto'; /* V24 police normale (de surcroît il y a systématiquement un fallback dans chaque déclaration de font family voir https://stackoverflow.com/questions/53846582/can-i-use-css-variables-in-a-font-list-and-have-it-work-in-legacy-browsers */ --innocep-header-font: 'Roboto'; /* V35 Roboto non condensé */ --innocep-normal: 400; /* sans graisse V26 */ --innocep-bold: 700; /* avec graisse V26 */ --innocep-mobile-size-body: 14px; /* taille police body mobile V25 */ --innocep-mobile-size-minus: 13px; /* taille police minus mobile DL-2022-2-2-40200 */ --innocep-mobile-size-breadcrumb: 13px; /* taille police breadcrumb mobile V25 */ --innocep-mobile-size-h1: 18px; /* taille police h1 mobile V25 */ --innocep-mobile-size-h2: 16px; /* taille police h2 mobile V25 */ --innocep-mobile-size-header-menu: 15px; /* taille police header menu mobile V25 */ --innocep-mobile-size-header-annonce: 14px; /* DL-2021-9-17-50906 */ --innocep-large-size-body: 17px; /* taille police body écran large V38 */ --innocep-large-size-minus: 15px; /* taille police minus écran large DL-2022-2-2-40200 */ --innocep-large-size-breadcrumb: 16px; /* taille police breadcrumb écran large V25 */ --innocep-large-size-h1: 24px; /* taille police h1 écran large V25 */ --innocep-large-size-h2: 21px; /* taille police h2 écran large V25 */ --innocep-large-size-header-menu: 23px; /* V50*/ --innocep-large-size-header-annonce: 17px; /* DL-2021-9-17-50906 */ /* FIN variables font */ /* variables hauteur ligne et marges */ --innocep-hline-regular: 1.2em; /* hauteur ligne habituelle V27 */ --innocep-hline-breadcrumb: 1.1em; /* hauteur ligne breadcrumb V56 */ --innocep-hline-regular-half: 0.6em; /* hauteur ligne moitié ou à peu près V37 */ --innocep-hline-regular-quarter: 0.3em; /* hauteur ligne quart ou à peu près V37 */ --innocep-hline-1em: 1em; /* hauteur ligne 1em V37 */ --innocep-hline-header-block-start-large: 0.6em; /* espacement avant headers grand écran DL-2022-1-5-30332 + DL-2022-1-5-34139 */ --innocep-hline-header-before-large: 0.6em; /* espacement avant headers grand écran DL-2022-1-5-29236 + DL-2022-1-5-34139 */ --innocep-hline-header-after-large: -0.25em; /* espacement après headers grand écran DL-2022-1-5-29236 + DL-2022-1-5-34139 + DL-2022-1-6-32265 (ajustement pour les badges) */ --innocep-hline-header-block-start-tablet: 0.6em; /* espacement avant headers grand écran DL-2022-1-5-30332 + DL-2022-1-5-34139 */ --innocep-hline-header-before-tablet: 0.6em; /* espacement avant headers tablette DL-2022-1-5-29236 + DL-2022-1-5-34139 */ --innocep-hline-header-after-tablet: -0.25em; /* espacement après headers tablette DL-2022-1-5-29236 + DL-2022-1-5-34139 */ --innocep-hline-header-block-start-mobile: 0.6em; /* espacement avant headers grand écran DL-2022-1-5-30332 + DL-2022-1-5-34139 + DL-2022-1-6-32265 (ajustement pour les badges) */ --innocep-hline-header-before-mobile: 0.6em; /* espacement avant headers mobile DL-2022-1-5-29236 + DL-2022-1-5-34139 */ --innocep-hline-header-after-mobile: -0.25em; /* espacement après headers mobile DL-2022-1-5-29236 + DL-2022-1-5-34139 + DL-2022-1-6-32265 (ajustement pour les badges) */ /* FIN hauteur ligne et marges */ /* variables largeurs */ --innocep-width-logo-mobile: 25%; /* largeur du logo Cepelec sur mobile V38 */ --innocep-width-menu-header-mobile: 75%; /* largeur du menu header sur mobile = (100% - innocep-width-logo-mobile) | V38 */ /* FIN variables largeurs */ /* variables text-decoration V22 */ --innocep-decor-link: none; /* variable text-decoration pour les liens */ /* FIN variables couleurs */ } /* FIN variables */ /*******************************/ /*******************************/ /* COULEURS et décorations (hors responsif pour ne pas alourdir) */ /*******************************/ /* couleur du texte y compris liens V30/V31 */ body { color: var(--innocep-color-noir); /* recopie forcée V11 + test sans modif DL-2021-7-4-69817 */ } .gris { color: var(--innocep-color-gris) !important; /* DL-2022-2-2-40200 */ } a:link, a:visited { color: var(--innocep-color-bleu-corporate); /* bleu corporate Cepelec recopie forcée V11 */ text-decoration: var(--innocep-decor-link); /* V22 */ } a:hover, a:active { color: var(--innocep-color-orange); /* orange Cepelec recopie forcée V11 */ text-decoration: var(--innocep-decor-link); /* V22 */ } /****************************************/ /* couleur des titres V30 */ /* !!!!!!!! V33/V34 : DECISION : PAS DE LIEN DANS TITRES STANDARDS */ /* H1 V32 */ h1 { color: var(--innocep-color-noir); /* recopie forcée V11 */ } /***/ /* H2 V32 */ h2 { color: var(--innocep-color-noir); /* recopie forcée V11 */ } /***/ /* address V43 + V62 */ .elementor-widget-container>.elementor-text-editor>address, .elementor-widget-container>.elementor-text-editor>address a:hover, .elementor-widget-container>.elementor-text-editor>address a:active { /* V62 tout ce cirque pour mettre l'addresse en gras */ font-style: normal !important; /* V26 */ font-weight: var(--innocep-bold) !important; /* V62 */ } /***/ /****************************************/ /* FIN COULEURS et décorations */ /*******************************/ /*******************************/ /* TITRES et TEXTE BODY */ /*******************************/ /* PETIT ECRAN MOBILE */ @media (max-width: 768px) /* BREAKPOINT */ { body { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-regular-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-mobile-size-body); /* V25 */ font-weight: var(--innocep-normal); /* V26 */ margin-block-start: var(--innocep-hline-regular-half) !important; /* V53 avec !important (règle css a priori casher (même si certains ayatollahs hurlent) qui permet l'override du user agent style sheet) */ margin-top: 0; /* c'était présent avant V11 */ margin-bottom: 0; /* V37 */ margin-left: 0; /* c'était présent avant V11 */ margin-right: 0; /* c'était présent avant V11 */ line-height: var(--innocep-hline-regular); /* V27 */ text-align: left; /* ALIGNEMENT */ } .minus { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-regular-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-mobile-size-minus); /* DL-2022-2-2-40200 */ font-weight: var(--innocep-normal); /* V26 */ margin-block-start: var(--innocep-hline-regular-half) !important; /* V53 avec !important (règle css a priori casher (même si certains ayatollahs hurlent) qui permet l'override du user agent style sheet) */ margin-top: 0; /* c'était présent avant V11 */ margin-bottom: 0; /* V37 */ margin-left: 0; /* c'était présent avant V11 */ margin-right: 0; /* c'était présent avant V11 */ line-height: var(--innocep-hline-regular); /* V27 */ text-align: left; /* ALIGNEMENT */ } h1 { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-header-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-mobile-size-h1); /* V25 */ font-weight: var(--innocep-bold); /* V26 */ margin-block-start: var(--innocep-hline-header-block-start-mobile) !important; /* DL-2022-1-5-30332 + DL-2022-1-5-29236 + V53 avec !important (règle css a priori casher (même si certains ayatollahs hurlent) qui permet l'override du user agent style sheet) */ margin-top: var(--innocep-hline-header-before-mobile); /* DL-2022-1-5-29236 + V37 */ margin-bottom: var(--innocep-hline-header-after-mobile); /* DL-2022-1-5-29236 + V37 */ margin-left: 0; /* c'était présent avant V11 */ margin-right: 0; /* c'était présent avant V11 */ line-height: var(--innocep-hline-regular); /* V27 */ text-align: left; /* ALIGNEMENT */ } h2 { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-header-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-mobile-size-h2); /* V25 */ font-weight: var(--innocep-bold); /* V26 */ margin-block-start: var(--innocep-hline-header-block-start-mobile) !important; /* DL-2022-1-5-30332 + DL-2022-1-5-29236 + V53 avec !important (règle css a priori casher (même si certains ayatollahs hurlent) qui permet l'override du user agent style sheet) */ margin-top: var(--innocep-hline-header-before-mobile); /* DL-2022-1-5-29236 + V37 */ margin-bottom: var(--innocep-hline-header-after-mobile); /* DL-2022-1-5-29236 + V37 */ margin-right: 0; /* c'était présent avant V11 */ line-height: var(--innocep-hline-regular); /* V27 */ text-align: left; /* ALIGNEMENT */ } } /* FIN PETIT ECRAN MOBILE */ /* TABLETTE */ @media (min-width: 769px) and (max-width: 1098px) /* BREAKPOINT */ { body { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-regular-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-large-size-body); /* V25 */ font-weight: var(--innocep-normal); /* V26 */ margin-block-start: var(--innocep-hline-regular-half) !important; /* V53 avec !important (règle css a priori casher (même si certains ayatollahs hurlent) qui permet l'override du user agent style sheet) */ margin-top: 0; /* c'était présent avant V11 */ margin-bottom: var(--innocep-hline-regular); /* V27 */ margin-left: 0; /* c'était présent avant V11 */ margin-right: 0; /* c'était présent avant V11 */ line-height: var(--innocep-hline-regular); /* V27 */ text-align: left; /* ALIGNEMENT */ } .minus { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-regular-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-large-size-minus); /* DL-2022-2-2-40200 */ font-weight: var(--innocep-normal); /* V26 */ margin-block-start: var(--innocep-hline-regular-half) !important; /* V53 avec !important (règle css a priori casher (même si certains ayatollahs hurlent) qui permet l'override du user agent style sheet) */ margin-top: 0; /* c'était présent avant V11 */ margin-bottom: var(--innocep-hline-regular); /* V27 */ margin-left: 0; /* c'était présent avant V11 */ margin-right: 0; /* c'était présent avant V11 */ line-height: var(--innocep-hline-regular); /* V27 */ text-align: left; /* ALIGNEMENT */ } h1 { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-header-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-large-size-h1); /* V25 */ font-weight: var(--innocep-bold); /* V26 */ margin-block-start: var(--innocep-hline-header-block-start-tablet) !important; /* DL-2022-1-5-30332 + DL-2022-1-5-29236 + V53 avec !important (règle css a priori casher (même si certains ayatollahs hurlent) qui permet l'override du user agent style sheet) */ margin-top: var(--innocep-hline-header-before-tablet); /* DL-2022-1-5-29236 + V37 */ margin-bottom: var(--innocep-hline-header-after-tablet); /* DL-2022-1-5-29236 + V37 */ margin-left: 0; /* c'était présent avant V11 */ margin-right: 0; /* c'était présent avant V11 */ line-height: var(--innocep-hline-regular); /* V27 */ text-align: left; /* ALIGNEMENT */ } h2 { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-header-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-large-size-h2); /* V25 */ font-weight: var(--innocep-bold); /* V26 */ margin-block-start: var(--innocep-hline-header-block-start-tablet) !important; /* DL-2022-1-5-30332 + DL-2022-1-5-29236 + V53 avec !important (règle css a priori casher (même si certains ayatollahs hurlent) qui permet l'override du user agent style sheet) */ margin-top: var(--innocep-hline-header-before-tablet); /* DL-2022-1-5-29236 + V37 */ margin-bottom: var(--innocep-hline-header-after-tablet); /* DL-2022-1-5-29236 + V37 */ margin-left: 0; /* c'était présent avant V11 */ margin-right: 0; /* c'était présent avant V11 */ line-height: var(--innocep-hline-regular); /* V27 */ text-align: left; /* ALIGNEMENT */ } } /* FIN TABLETTE */ /* GRAND ECRAN */ @media (min-width: 1099px) /* BREAKPOINT */ { body { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-regular-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-large-size-body); /* V25 */ font-weight: var(--innocep-normal); /* V26 */ margin-block-start: var(--innocep-hline-regular-half) !important; /* V53 avec !important (règle css a priori casher (même si certains ayatollahs hurlent) qui permet l'override du user agent style sheet) */ margin-top: 0; /* c'était présent avant V11 */ margin-bottom: var(--innocep-hline-regular); /* V27 */ margin-left: 0; /* c'était présent avant V11 */ margin-right: 0; /* c'était présent avant V11 */ line-height: var(--innocep-hline-regular); /* V27 */ text-align: left; /* ALIGNEMENT */ } .minus { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-regular-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-large-size-minus); /* DL-2022-2-2-40200 */ font-weight: var(--innocep-normal); /* V26 */ margin-block-start: var(--innocep-hline-regular-half) !important; /* V53 avec !important (règle css a priori casher (même si certains ayatollahs hurlent) qui permet l'override du user agent style sheet) */ margin-top: 0; /* c'était présent avant V11 */ margin-bottom: var(--innocep-hline-regular); /* V27 */ margin-left: 0; /* c'était présent avant V11 */ margin-right: 0; /* c'était présent avant V11 */ line-height: var(--innocep-hline-regular); /* V27 */ text-align: left; /* ALIGNEMENT */ } h1 { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-header-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-large-size-h1); /* V25 */ font-weight: var(--innocep-bold); /* V26 */ margin-block-start: var(--innocep-hline-header-block-start-large) !important; /* DL-2022-1-5-30332 + DL-2022-1-5-29236 + V53 avec !important (règle css a priori casher (même si certains ayatollahs hurlent) qui permet l'override du user agent style sheet) */ margin-top: var(--innocep-hline-header-before-large); /* DL-2022-1-5-29236 + V37 */ margin-bottom: var(--innocep-hline-header-after-large); /* DL-2022-1-5-29236 + V37 */ margin-left: 0; /* c'était présent avant V11 */ margin-right: 0; /* c'était présent avant V11 */ line-height: var(--innocep-hline-regular); /* V27 */ text-align: left; /* ALIGNEMENT */ } h2 { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-header-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-large-size-h2); /* V25 */ font-weight: var(--innocep-bold); /* V26 */ margin-block-start: var(--innocep-hline-header-block-start-large) !important; /* DL-2022-1-5-30332 + DL-2022-1-5-29236 + V53 avec !important (règle css a priori casher (même si certains ayatollahs hurlent) qui permet l'override du user agent style sheet) */ margin-top: var(--innocep-hline-header-before-large); /* DL-2022-1-5-29236 + V37 */ margin-bottom: var(--innocep-hline-header-after-large); /* DL-2022-1-5-29236 + V37 */ margin-left: 0; /* c'était présent avant V11 */ margin-right: 0; /* c'était présent avant V11 */ line-height: var(--innocep-hline-regular); /* V27 */ text-align: left; /* ALIGNEMENT */ } } /* FIN GRAND ECRAN */ /* FIN TITRES et TEXTE BODY */ /*******************************/ /*******************************/ /* LISTES */ /*******************************/ /* TOUS ECRANS */ ul { /* V52 */ list-style-type: circle; list-style-position: outside; margin-left: 1em; padding: 0; } /* FIN TOUS ECRANS */ /* FIN LISTES */ /*******************************/ /******************************************************/ /************* CLASSES INNOTELOS ************/ /******************************************************/ /************************************************************************************************************************************/ /* CLASS H-HEADER pour titre header "New Header Cepelec innotelos V1" : V14/V15/V16/V17/V18 + V35 + V38 */ /* .h-header DECLARÉE 4 fois dans la section, la colonne et le texte */ /************************************************************************************************************************************/ /* COULEUR hors responsif V35 */ .h-header { color: var(--innocep-color-noir); /* V35 */ } /****************************************/ /* PETIT ECRAN */ @media (max-width: 768px) /* BREAKPOINT */ { .h-header { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-header-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-mobile-size-header-menu); /* V38 */ font-weight: var(--innocep-bold); /* V26 */ margin-top: 0; /* c'était présent avant V11 */ margin-bottom: 0; /* SPECIFIQUE */ margin-left: 0; /* c'était présent avant V11 */ margin-right: 0; /* c'était présent avant V11 */ line-height: var(--innocep-hline-regular); /* V27 */ text-align: left; /* ALIGNEMENT */ } /* V36 : pas compris pourquoi il faut rajouter la description complète de la police mais sinon ça ne fonctionne pas */ a.h-header:link, a.h-header:visited { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-header-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-mobile-size-header-menu); /* V38 */ font-weight: var(--innocep-bold); /* V26 */ color: var(--innocep-color-bleu-corporate); /* V36 */ text-decoration: var(--innocep-decor-link); /* V22 */ } /* V36 : pas compris pourquoi il faut rajouter la description complète de la police mais sinon ça ne fonctionne pas */ a.h-header:hover, a.h-header:active { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-header-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-mobile-size-header-menu); /* V38 */ font-weight: var(--innocep-bold); /* V26 */ color: var(--innocep-color-orange); /* V36 */ text-decoration: var(--innocep-decor-link); /* V22 */ } } /* FIN PETIT ECRAN */ /* TABLETTE */ @media (min-width: 769px) and (max-width: 1098px) /* BREAKPOINT */ { .h-header { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-header-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-large-size-header-menu); /* V51 */ font-weight: var(--innocep-bold); /* V26 */ margin-top: 0; /* c'était présent avant V11 */ margin-bottom: 0; /* SPECIFIQUE */ margin-left: 0; /* c'était présent avant V11 */ margin-right: 0; /* c'était présent avant V11 */ line-height: var(--innocep-hline-regular); /* V27 */ text-align: left; /* ALIGNEMENT */ /* SPECIFIQUE V40 */ } /* V36 : pas compris pourquoi il faut rajouter la description complète de la police mais sinon ça ne fonctionne pas */ a.h-header:link, a.h-header:visited { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-header-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-large-size-header-menu); /* V51 */ font-weight: var(--innocep-bold); /* V26 */ color: var(--innocep-color-bleu-corporate); /* V36 */ text-decoration: var(--innocep-decor-link); /* V22 */ } /* V36 : pas compris pourquoi il faut rajouter la description complète de la police mais sinon ça ne fonctionne pas */ a.h-header:hover, a.h-header:active { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-header-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-large-size-header-menu); /* V51 */ font-weight: var(--innocep-bold); /* V26 */ color: var(--innocep-color-orange); /* V36 */ text-decoration: var(--innocep-decor-link); /* V22 */ } } /* FIN TABLETTE */ /* GRAND ECRAN */ @media (min-width: 1099px) /* BREAKPOINT */ { .h-header { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-header-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-large-size-header-menu); /* V51 */ font-weight: var(--innocep-bold); /* V26 */ margin-top: 0; /* c'était présent avant V11 */ margin-bottom: 0; /* SPECIFIQUE */ margin-left: 0; /* c'était présent avant V11 */ margin-right: 0; /* c'était présent avant V11 */ line-height: var(--innocep-hline-regular); /* V27 */ text-align: left; /* ALIGNEMENT */ /* SPECIFIQUE V41 */ } /* V36 : pas compris pourquoi il faut rajouter la description complète de la police mais sinon ça ne fonctionne pas */ a.h-header:link, a.h-header:visited { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-header-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-large-size-header-menu); /* V51 */ font-weight: var(--innocep-bold); /* V26 */ color: var(--innocep-color-bleu-corporate); /* V36 */ text-decoration: var(--innocep-decor-link); /* V22 */ } /* V36 : pas compris pourquoi il faut rajouter la description complète de la police mais sinon ça ne fonctionne pas */ a.h-header:hover, a.h-header:active { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-header-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-large-size-header-menu); /* V51 */ font-weight: var(--innocep-bold); /* V26 */ color: var(--innocep-color-orange); /* V36 */ text-decoration: var(--innocep-decor-link); /* V22 */ } } /* FIN GRAND ECRAN */ /* FIN CLASS H-HEADER */ /************************************************************************************************************************************/ /************************************************************************************************************************************/ /* CLASS H-ANNONCE pour annonce actualité DL-2021-9-17-50906 */ /* .h-annonce DECLARÉE 4 fois dans la section, la colonne et le texte A VERIFIER */ /************************************************************************************************************************************/ /* COULEUR hors responsif V35 */ .h-annonce{ color: var(--innocep-color-noir); /* copié de V35, je ne sais plus pourquoi */ } /****************************************/ /* PETIT ECRAN */ @media (max-width: 768px) /* BREAKPOINT */ { .h-annonce { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-header-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-mobile-size-header-annonce); /* V38 */ font-weight: var(--innocep-bold); /* V26 */ margin-top: 0; /* c'était présent avant V11 */ margin-bottom: 0; /* SPECIFIQUE */ margin-left: 0; /* c'était présent avant V11 */ margin-right: 0; /* c'était présent avant V11 */ line-height: var(--innocep-hline-regular); /* V27 */ text-align: left; /* ALIGNEMENT */ } /* V36 : pas compris pourquoi il faut rajouter la description complète de la police mais sinon ça ne fonctionne pas */ a.h-annonce:link, a.h-annonce:visited { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-header-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-mobile-size-header-annonce); /* V38 */ font-weight: var(--innocep-bold); /* V26 */ color: var(--innocep-color-bleu-corporate); /* V36 */ text-decoration: var(--innocep-decor-link); /* V22 */ } /* V36 : pas compris pourquoi il faut rajouter la description complète de la police mais sinon ça ne fonctionne pas */ a.h-annonce:hover, a.h-annonce:active { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-header-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-mobile-size-header-annonce); /* V38 */ font-weight: var(--innocep-bold); /* V26 */ color: var(--innocep-color-orange); /* V36 */ text-decoration: var(--innocep-decor-link); /* V22 */ } } /* FIN PETIT ECRAN */ /* TABLETTE */ @media (min-width: 769px) and (max-width: 1098px) /* BREAKPOINT */ { .h-annonce { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-header-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-large-size-header-annonce); /* V51 */ font-weight: var(--innocep-bold); /* V26 */ margin-top: 0; /* c'était présent avant V11 */ margin-bottom: 0; /* SPECIFIQUE */ margin-left: 0; /* c'était présent avant V11 */ margin-right: 0; /* c'était présent avant V11 */ line-height: var(--innocep-hline-regular); /* V27 */ text-align: left; /* ALIGNEMENT */ /* SPECIFIQUE V40 */ } /* V36 : pas compris pourquoi il faut rajouter la description complète de la police mais sinon ça ne fonctionne pas */ a.h-annonce:link, a.h-annonce:visited { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-header-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-large-size-header-annonce); /* V51 */ font-weight: var(--innocep-bold); /* V26 */ color: var(--innocep-color-bleu-corporate); /* V36 */ text-decoration: var(--innocep-decor-link); /* V22 */ } /* V36 : pas compris pourquoi il faut rajouter la description complète de la police mais sinon ça ne fonctionne pas */ a.h-annonce:hover, a.h-annonce:active { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-header-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-large-size-header-annonce); /* V51 */ font-weight: var(--innocep-bold); /* V26 */ color: var(--innocep-color-orange); /* V36 */ text-decoration: var(--innocep-decor-link); /* V22 */ } } /* FIN TABLETTE */ /* GRAND ECRAN */ @media (min-width: 1099px) /* BREAKPOINT */ { .h-annonce { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-header-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-large-size-header-annonce); /* V51 */ font-weight: var(--innocep-bold); /* V26 */ margin-top: 0; /* c'était présent avant V11 */ margin-bottom: 0; /* SPECIFIQUE */ margin-left: 0; /* c'était présent avant V11 */ margin-right: 0; /* c'était présent avant V11 */ line-height: var(--innocep-hline-regular); /* V27 */ text-align: left; /* ALIGNEMENT */ /* SPECIFIQUE V41 */ } /* V36 : pas compris pourquoi il faut rajouter la description complète de la police mais sinon ça ne fonctionne pas */ a.h-annonce:link, a.h-annonce:visited { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-header-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-large-size-header-annonce); /* V51 */ font-weight: var(--innocep-bold); /* V26 */ color: var(--innocep-color-bleu-corporate); /* V36 */ text-decoration: var(--innocep-decor-link); /* V22 */ } /* V36 : pas compris pourquoi il faut rajouter la description complète de la police mais sinon ça ne fonctionne pas */ a.h-annonce:hover, a.h-annonce:active { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-header-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-large-size-header-annonce); /* V51 */ font-weight: var(--innocep-bold); /* V26 */ color: var(--innocep-color-orange); /* V36 */ text-decoration: var(--innocep-decor-link); /* V22 */ } } /* FIN GRAND ECRAN */ /* FIN CLASS H-annonce */ /************************************************************************************************************************************/ /************************************************************************************************************************************/ /* CLASS HEADER-LOGO + HEADER-MENU pour resp. logo et menu dans header */ /************************************************************************************************************************************/ /* PETIT ECRAN V38 exclusif on verra s'il faut faire aussi tablette */ @media (max-width: 768px) /* BREAKPOINT */ { .header-logo { width: var(--innocep-width-logo-mobile); /* V38*/ } .header-menu { width: var(--innocep-width-menu-header-mobile); /* V38*/ } } /* FIN PETIT ECRAN */ /* FIN CLASS HEADER-LOGO + HEADER-MENU */ /************************************************************************************************************************************/ /************************************************************************************************************************************/ /* CLASSES LEGENDEVIG et .elementor-widget-image pour vignettes - DL-2021-7-5-48924 */ /* essai Github DL-2021-7-5-50443 */ /************************************************************************************************************************************/ /* TOUS ECRANS */ .legendevig { margin-top: 0; /* V44 */ margin-bottom: 0; /* V44 */ margin-left: 0; /* V44 */ margin-right: 0; /* V44 */ padding-top: 0; /* V44 */ padding-bottom: 0; /* V44 */ padding-left: 0; /* V44 */ padding-right: 0; /* V44 */ } .elementor-widget-image { text-align:left !important; /* DL-2021-7-5-48924 ajouté cette petite subtilité afin d'être aussi aligné sur iPad */ } /* FIN TOUS ECRANS */ /* PETIT ECRAN */ @media (max-width: 768px) /* BREAKPOINT */ { .legendevig { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-regular-font); font-size: var(--innocep-mobile-size-breadcrumb); /* V49 */ font-weight: var(--innocep-bold); /* V49 */ line-height: var(--innocep-hline-regular); /* vient de V27 */ text-align: left; /* ALIGNEMENT */ } .legendevig a:link, .legendevig a:visited { font-weight: var(--innocep-bold); /* V49 */ } .legendevig a:hover, .legendevig a:active { font-weight: var(--innocep-bold); /* V49 */ } } /* FIN PETIT ECRAN */ /* TABLETTE */ @media (min-width: 769px) and (max-width: 1098px) /* BREAKPOINT */ { .legendevig { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-regular-font); font-size: var(--innocep-large-size-breadcrumb); /* V49 */ font-weight: var(--innocep-bold); /* V49 */ line-height: var(--innocep-hline-regular); /* vient de V27 */ text-align: left; /* ALIGNEMENT */ } .legendevig a:link, .legendevig a:visited { font-weight: var(--innocep-bold); /* V49 */ } .legendevig a:hover, .legendevig a:active { font-weight: var(--innocep-bold); /* V49 */ } } /* FIN TABLETTE */ /* GRAND ECRAN */ @media (min-width: 1099px) /* BREAKPOINT */ { .legendevig { font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-regular-font); font-size: var(--innocep-large-size-breadcrumb); /* V49 */ font-weight: var(--innocep-bold); /* V49 */ line-height: var(--innocep-hline-regular); /* vient de V27 */ text-align: left; /* ALIGNEMENT */ } .legendevig a:link, .legendevig a:visited { font-weight: var(--innocep-bold); /* V49 */ } .legendevig a:hover, .legendevig a:active { font-weight: var(--innocep-bold); /* V49 */ } } /* FIN GRAND ECRAN */ /*******************************/ /* FIN CLASSES LEGENDEVIG et .elementor-widget-image */ /************************************************************************************************************************************/ /************************************************************************************************************************************/ /* CLASS RESPIMG pour images dans texte */ /************************************************************************************************************************************/ /* PETIT ECRAN */ @media (max-width: 768px) /* BREAKPOINT */ { .respimg { width: 100%; /* V50 */ } } /* FIN PETIT ECRAN */ /* FIN CLASS RESPIMG*/ /************************************************************************************************************************************/ /************************************************************************************************************************************/ /* CLASSES .elementor-post__title .elementor-post__read-more .elementor-post__thumbnail__link .dce-post-title (les classes .elementor-* devraient être devenus inutiles mais par prudence pas de nettoyage */ /************************************************************************************************************************************/ /* PETIT ECRAN */ @media (max-width: 768px) /* BREAKPOINT */ { .elementor-post__read-more, a.elementor-post__read-more:link { /* V55 V57 */ color: var(--innocep-color-bleu-corporate) !important; font-family: var(--innocep-header-font), Sans-serif !important; font-weight: var(--innocep-normal) !important; line-height: var(--innocep-hline-regular) !important; font-size: var(--innocep-mobile-size-breadcrumb) !important; } a.elementor-post__read-more:hover, a.elementor-post__read-more:active, { /* V57 */ color: var(--innocep-color-orange) !important; font-family: var(--innocep-header-font), Sans-serif !important; font-weight: var(--innocep-normal) !important; line-height: var(--innocep-hline-regular) !important; font-size: var(--innocep-mobile-size-breadcrumb) !important; } .elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a:link, .elementor-widget-posts .elementor-post__title a:visited, a.elementor-post__read-more:visited, .dce-post-title, a.dce-post-title:link, dce-post-title:visited { /* V57 V58 V60 */ color: var(--innocep-color-bleu-corporate) !important; font-family: var(--innocep-header-font), Sans-serif !important; font-weight: var(--innocep-bold) !important; line-height: var(--innocep-hline-regular) !important; font-size: var(--innocep-mobile-size-body) !important; } .elementor-widget-posts .elementor-post__title a:hover, .elementor-widget-posts .elementor-post__title a:active, a.dce-post-title:hover, a.dce-post-title:active { /* V57 V58 V60 */ color: var(--innocep-color-orange) !important; font-family: var(--innocep-header-font), Sans-serif !important; font-weight: var(--innocep-bold) !important; line-height: var(--innocep-hline-regular) !important; font-size: var(--innocep-mobile-size-body) !important; } /* V61 : on force le gras en hover et active des enfants de .dce-post-tile */ .dce-post-title>a:hover, .dce-post-title>a:active { color: var(--innocep-color-orange) !important; font-family: var(--innocep-header-font), Sans-serif !important; font-weight: var(--innocep-bold) !important; line-height: var(--innocep-hline-regular) !important; font-size: var(--innocep-mobile-size-body) !important; } .elementor-post__thumbnail__link { /* V57 */ margin-bottom: 5px !important; } } /* FIN PETIT ECRAN */ /* TABLETTE */ @media (min-width: 769px) and (max-width: 1098px) /* BREAKPOINT */ { .elementor-post__read-more, a.elementor-post__read-more:link, a.elementor-post__read-more:visited { /* V55 V57 */ color: var(--innocep-color-bleu-corporate) !important; font-family: var(--innocep-header-font), Sans-serif !important; font-weight: var(--innocep-normal) !important; line-height: var(--innocep-hline-regular) !important; font-size: var(--innocep-mobile-size-breadcrumb) !important; } a.elementor-post__read-more:hover, a.elementor-post__read-more:active { /* V57 */ color: var(--innocep-color-orange) !important; font-family: var(--innocep-header-font), Sans-serif !important; font-weight: var(--innocep-normal) !important; line-height: var(--innocep-hline-regular) !important; font-size: var(--innocep-mobile-size-breadcrumb) !important; } .elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a:link, .elementor-widget-posts .elementor-post__title a:visited, .dce-post-title, a.dce-post-title:link, dce-post-title:visited { /* V57 V58 V60 */ color: var(--innocep-color-bleu-corporate) !important; font-family: var(--innocep-header-font), Sans-serif !important; font-weight: var(--innocep-bold) !important; line-height: var(--innocep-hline-regular) !important; font-size: var(--innocep-mobile-size-body) !important; } .elementor-widget-posts .elementor-post__title a:hover, .elementor-widget-posts .elementor-post__title a:active, a.dce-post-title:hover, a.dce-post-title:active { /* V57 V58 V60 */ color: var(--innocep-color-orange) !important; font-family: var(--innocep-header-font), Sans-serif !important; font-weight: var(--innocep-bold) !important; line-height: var(--innocep-hline-regular) !important; font-size: var(--innocep-mobile-size-body) !important; } /* V61 : on force le gras en hover et active des enfants de .dce-post-tile */ .dce-post-title>a:hover, .dce-post-title>a:active { color: var(--innocep-color-orange) !important; font-family: var(--innocep-header-font), Sans-serif !important; font-weight: var(--innocep-bold) !important; line-height: var(--innocep-hline-regular) !important; font-size: var(--innocep-mobile-size-body) !important; } .elementor-post__thumbnail__link { /* V57 */ margin-bottom: 5px !important; } } /* FIN TABLETTE */ /* GRAND ECRAN */ @media (min-width: 1099px) /* BREAKPOINT */ { .elementor-post__read-more, a.elementor-post__read-more:link, a.elementor-post__read-more:visited { /* V55 V57 */ color: var(--innocep-color-bleu-corporate) !important; font-family: var(--innocep-header-font), Sans-serif !important; font-weight: var(--innocep-normal) !important; line-height: var(--innocep-hline-regular) !important; font-size: var(--innocep-mobile-size-breadcrumb) !important; } a.elementor-post__read-more:hover, a.elementor-post__read-more:active { /* V57 */ color: var(--innocep-color-orange) !important; font-family: var(--innocep-header-font), Sans-serif !important; font-weight: var(--innocep-normal) !important; line-height: var(--innocep-hline-regular) !important; font-size: var(--innocep-mobile-size-breadcrumb) !important; } .elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a:link, .elementor-widget-posts .elementor-post__title a:visited, .dce-post-title, a.dce-post-title:link, dce-post-title:visited { /* V57 V58 V60 */ color: var(--innocep-color-bleu-corporate) !important; font-family: var(--innocep-header-font), Sans-serif !important; font-weight: var(--innocep-bold) !important; line-height: var(--innocep-hline-regular) !important; font-size: var(--innocep-mobile-size-body) !important; } .elementor-widget-posts .elementor-post__title a:hover, .elementor-widget-posts .elementor-post__title a:active, a.dce-post-title:hover, a.dce-post-title:active { /* V57 V58 V60 */ color: var(--innocep-color-orange) !important; font-family: var(--innocep-header-font), Sans-serif !important; font-weight: var(--innocep-bold) !important; line-height: var(--innocep-hline-regular) !important; font-size: var(--innocep-mobile-size-body) !important; } /* V61 : on force le gras en hover et active des enfants de .dce-post-tile */ .dce-post-title>a:hover, .dce-post-title>a:active { color: var(--innocep-color-orange) !important; font-family: var(--innocep-header-font), Sans-serif !important; font-weight: var(--innocep-bold) !important; line-height: var(--innocep-hline-regular) !important; font-size: var(--innocep-mobile-size-body) !important; } .elementor-post__thumbnail__link { /* V57 */ margin-bottom: 5px !important; } } /* FIN GRAND ECRAN */ /* FIN CLASSES .elementor-post__title .elementor-post__read-more */ /************************************************************************************************************************************/ /************************************************************************************************************************************/ /* CLASS .search-results article comme son nom l'indique */ /************************************************************************************************************************************/ /* TOUS ECRANS */ .search-results article { /* V59 */ border-bottom: 0px !important; } /* FIN TOUS ECRANS */ /* FIN CLASS .search-results article */ /************************************************************************************************************************************/ /************************************************************************************************************************************/ /* CLASS SITE-BREADCRUMBS comme son nom l'indique, à toujours mettre en avant-dernier de cette page pour raison de css specificity !important (voir aussi main-style css de Ocean WP (sagouinage) */ /************************************************************************************************************************************/ /* TOUS ECRANS */ .trail-item .site-breadcrumbs, .trail-item a.site-breadcrumbs:link, .trail-item a.site-breadcrumbs:visited, .trail-item a.site-breadcrumbs:hover, .trail-item a.site-breadcrumbs:active { /*V53 + V56 + V61 */ white-space: normal !important; /* V53 avec !important pour override de OceanWP c'est du sagouinage !!! */ height: auto !important; /* V53 avec !important pour override de OceanWP c'est du sagouinage !!! */ line-height: var(--innocep-hline-breadcrumb) !important; /* V53 + V56 avec !important pour override de OceanWP c'est du sagouinage !!! */ } /* FIN TOUS ECRANS */ /* FIN CLASS SITE-BREADCRUMBS */ /************************************************************************************************************************************/ /************************************************************************************************************************************/ /* CLASSES BADGES comme leurs noms l'indiquent */ /* DL-2021-7-22-55338 DL-2021-7-22-59813 DL-2021-7-22-60032 DL-2021-7-22-60220 DL-2021-7-22-60272 DL-2021-7-22-60350 */ /* DL-2021-8-25-32460 consiste à raccourcir les noms de classe de badge-formation en badge */ /* pompé sur site CEGOS */ /************************************************************************************************************************************/ .badge span { padding: 3px 6px !important; border-radius: 2px !important; font-weight: var(--innocep-bold) !important; /* obèse ou pas obèse */ display: inline-block !important; } .badge span:not(:last-child) { margin-right:5px } .badge-bleu-cepelec { color: var(--innocep-color-blanc) !important; /* texte */ background: var(--innocep-color-bleu-corporate) !important; /* fond */ } .badge-vert { color: var(--innocep-color-blanc) !important; /* texte */ background: var(--innocep-color-vert) !important; /* fond */ } .badge-orange { color: var(--innocep-color-blanc) !important; /* texte */ background: var(--innocep-color-orange) !important; /* fond */ } .badge-bleu-clair { color: var(--innocep-color-blanc) !important; /* texte */ background: var(--innocep-color-bleu-clair) !important; /* fond - DL-2021-8-25-54574 corrigé co(q)uille */ } .badge-violet { color: var(--innocep-color-blanc) !important; /* texte */ background: var(--innocep-color-violet) !important; /* fond */ } .badge-noir { color: var(--innocep-color-blanc) !important; /* texte */ background: var(--innocep-color-noir) !important; /* fond */ } /* FIN CLASSES BADGES */ /****************************************/ /************************************************************************************************************************************/ /* CLASS H-BANDEAU comme son nom l'indique, à toujours mettre en dernier de cette page pour raison de css specificity !important */ /************************************************************************************************************************************/ /* COULEUR hors responsif V35 */ .h-bandeau { /*V54 */ color: white !important ; } /****************************************/ /* PETIT ECRAN */ @media (max-width: 768px) /* BREAKPOINT */ { .h-bandeau { /*V54 */ font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-header-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-mobile-size-h1); /* V54 */ font-weight: var(--innocep-bold); /* V26 */ margin-block-start: 0 !important ; /* V54 avec !important pour passer avant le h1 normal hors bandeau */ margin-block-end: 0 !important ; /* V54 avec !important pour passer avant le h1 normal hors bandeau */ margin-top: 0; /* c'était présent avant V11 */ margin-bottom: 0; /* SPECIFIQUE */ margin-left: 0; /* c'était présent avant V11 */ margin-right: 0; /* c'était présent avant V11 */ line-height: var(--innocep-hline-regular); /* V27 */ text-align: left; /* ALIGNEMENT */ } } /* FIN PETIT ECRAN */ /* TABLETTE */ @media (min-width: 769px) and (max-width: 1098px) /* BREAKPOINT */ { .h-bandeau { /*V54 */ font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-header-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-large-size-h1) !important ; /* V54 */ font-weight: var(--innocep-bold); /* V26 */ margin-block-start: 0 !important ; /* V54 avec !important pour passer avant le h1 normal hors bandeau */ margin-block-end: 0 !important ; /* V54 avec !important pour passer avant le h1 normal hors bandeau */ margin-top: 0; /* c'était présent avant V11 */ margin-bottom: 0; /* SPECIFIQUE */ margin-left: 0; /* c'était présent avant V11 */ margin-right: 0; /* c'était présent avant V11 */ line-height: var(--innocep-hline-regular); /* V27 */ text-align: left; /* ALIGNEMENT */ /* SPECIFIQUE V40 */ } } /* FIN TABLETTE */ /* GRAND ECRAN */ @media (min-width: 1099px) /* BREAKPOINT */ { .h-bandeau { /*V54 */ font-family: sans-serif; /* This is fallback font for old browsers V24*/ font-family: var(--innocep-header-font); /* This is fallback font for old browsers V24*/ font-size: var(--innocep-large-size-h1) !important ; /* V54 */ font-weight: var(--innocep-bold); /* V26 */ margin-block-start: 0 !important ; /* V54 avec !important pour passer avant le h1 normal hors bandeau */ margin-block-end: 0 !important ; /* V54 avec !important pour passer avant le h1 normal hors bandeau */ margin-top: 0; /* c'était présent avant V11 */ margin-bottom: 0; /* SPECIFIQUE */ margin-left: 0; /* c'était présent avant V11 */ margin-right: 0; /* c'était présent avant V11 */ line-height: var(--innocep-hline-regular); /* V27 */ text-align: left; /* ALIGNEMENT */ /* SPECIFIQUE V41 */ } } /* FIN GRAND ECRAN */ /* FIN CLASS H-BANDEAU */ /************************************************************************************************************************************/ /************************************************************************************************************************************/ /* CLASS IMGTXT pour images à coté de texte sans être emmerdé par les mots courts qui se glissent à gauche de l'image DL-2021-8-26-35182 */ /************************************************************************************************************************************/ /* PETIT ECRAN */ @media (max-width: 768px) /* BREAKPOINT */ { .imgtxt { /* DL-2021-8-26-35182 image centrée sans texte autour, on met important pour être certain que cette propriété prenne le dessus */ display: block !important ; margin-left: auto !important ; margin-right: auto !important ; } } /* FIN PETIT ECRAN */ /* TABLETTE */ @media (min-width: 769px) and (max-width: 1098px) /* BREAKPOINT */ { .imgtxt { /* DL-2021-8-26-35182 image à droite avec possibilité de texte à gauche, on met important pour être certain que cette propriété prenne le dessus */ float: right !important ; margin-left: 1.5em !important ; } } /* FIN TABLETTE */ /* GRAND ECRAN */ @media (min-width: 1099px) /* BREAKPOINT */ { .imgtxt { /* DL-2021-8-26-35182 image à droite avec possibilité de texte à gauche, on met important pour être certain que cette propriété prenne le dessus */ float: right !important ; margin-left: 1.5em !important ; } } /* FIN GRAND ECRAN */ /* FIN CLASS IMGTXT */ /************************************************************************************************************************************/ /************************************************************************************************************************************/ /* CLASS IMGLARGE pour image pleine largeur DL-2022-2-1-52419 DL-2022-2-1-53849 */ /************************************************************************************************************************************/ /* PETIT ECRAN */ @media (max-width: 768px) /* BREAKPOINT */ { .imglarge { display: block; margin-left: auto; margin-right: auto; width: 90%; } } /* FIN PETIT ECRAN */ /* TABLETTE */ @media (min-width: 769px) and (max-width: 1098px) /* BREAKPOINT */ { .imglarge { display: block; margin-left: auto; margin-right: auto; width: 70%; } } /* FIN TABLETTE */ /* GRAND ECRAN */ @media (min-width: 1099px) /* BREAKPOINT */ { .imglarge { display: block; margin-left: auto; margin-right: auto; width: 55%; } } /* FIN GRAND ECRAN */ /* FIN CLASS IMGTXT */ /************************************************************************************************************************************/ /*******************************/ /* FORMULAIRES WPFORMS */ /* on va donner dans le brutal en mettant du !important partout pour être que cela fonctionne */ /*******************************/ /*******************************/ /* général tous formulaires */ /*******************************/ .wpforms-field { /* tous les champs - DL-2022-1-29-54866 DL-2022-1-29-55169 */ padding: 8px 0 !important; color: var(--innocep-color-noir) !important; font-weight: bold !important; } .wpforms-container-full { /* bas formulaire - DL-2022-1-29-58441 */ margin-bottom: 0px !important; } .wpforms-submit { /* bouton envoyer - DL-2022-1-29-55951 DL-2022-1-29-56116 DL-2022-1-29-56671 DL-2022-1-29-57459 */ color: white !important; background-color: var(--innocep-color-bleu-corporate) !important; border-radius: 2px !important; } .wpforms-submit:hover { /* bouton envoyer - DL-2022-1-29-57002 DL-2022-1-29-57459 */ color: white !important; background-color: var(--innocep-color-orange) !important; border-radius: 2px !important; box-shadow: 2px 2px 2px #636363 !important; } /***********************************************************/ /* inline text classe innotelos-wpforms-inline-labels */ /***********************************************************/ .wpforms-container.innotelos-wpforms-inline-labels .wpforms-form .wpforms-field { /* DL-2022-1-28-64769 DL-2022-1-28-64842 DL-2022-1-28-65092 DL-2022-1-29-53834 DL-2022-1-29-54060 DL-2022-3-18-66452 */ display: grid !important; grid-template-columns: 125px auto !important; /* DL-2022-3-18-66452 passé de 95px à 125px parce que cela ne wrappait plus bien (et dans les formlaires transformé ville + code postal en ville */ align-items: center !important; } /************************************************************************************************************************************/ /* FIN CLASSES INNOTELOS */ /************************************************************************************************************************************/ /*******************************/ /* élements ajoutés ou modifiés par innotelos pour Cepelec - ancienne liste jusqu'au 4 juillet 2021 */ /* V0 18 mai 2021 conservation de l'existant */ /* V1 18 mai 2021 mise en page des titres H1 H2 et du texte body (la couleur ne fonnctionne pas à cet endroit car Ocean WP met le bazar) */ /* V2 18 mai 2021 enlevé body de V1 car cela ne fonctionne pas (c'est vraiment le b.... Elementor + Ocean) */ /* V3 18 mai 2021 créé une classe bando pour le titre H1 de bandeau avec bold et graisse 700 (cette modif est apparemment inutile à cause d'Ocean WP) INUTILE */ /* V4 18 mai 2021 créé H5 en blanc pour solution d'attente titre bandeau */ /* V5 28 mai 2021 supprimé H5 et classe bando */ /* V6 28 mai 2021 suspendu les réglages de h1 et h2 */ /* V7 28 mai 2021 rétabli les réglages de h1 et h2 */ /* V8 28 mai 2021 ajouté réglages de body */ /* V9 28 mai 2021 passé 0px en 0 */ /* V10 28 mai 2021 passé le breakpoint mobile à 768px */ /* V11 31 mai 2021 recopie forcée générale de l'ensemble de réglages texte, lien, h1 et h2 aussi dans cette feuille destyle custom (ce n'est pas pas très joli comme manière de faire mais c'est la seule manière que j'ai trouvé de régler les incohérences entre Ocean WP et Elementor, ajouté le marqueur underline dans les liens */ /* V12 31 mai 2021 enlevé underline de a et de hover, remplacé par none */ /* V13 31 mai 2021 rajouté line-height: 1.2em; partout sauf a et a:hover */ /* V14 31 mai 2021 créé la classe .h-bandeau pour faire le texte du bandeau "New Header Cepelec innotelos V1", si ça marche c'est le prototype des autres mises en forme. On en profite aussi pour tester l'annulation de la modif V0 héritée de l'historique en bas de css */ /* V15 31 mai 2021: rectifié faute de syntaxe dans couleur classe .h-bandeau */ /* V16 31 mai 2021: transformé classe .h-bandeau en h1.h-bandeau pour obtenir la préséance sur h1 */ /* V17 1er juin 2021: changé nom h1.h-bandeau en h1.h-header */ /* V18 1er juin 2021: ajouté text-align dans h1.h-header */ /* V19 1er juin 2021: début de création de variables pour gérer proprement, nous les mettrons dans pseudo-clas :root pour être propre, toutes les variables que nous créons débuterons par innocep pour éviter toute interférence */ /* V20 1er juin 2021: création de variables : couleurs Cepelec */ /* V21 1er juin 2021: création de variables : rectifié faute de frappe dans couleurs Cepelec h1.h-header */ /* V22 1er juin 2021: création de variables : text decoration for link, mobile breakpoints */ /* V23 1er juin 2021 : enlevé breakpoints des variables, tagué breakpoints BREAKPOINT */ /* V24 2 juin 2021 : variable font family */ /* V25 2 juin 2021 : suite variables font : sizes */ /* V26 2 juin 2021 : suite variables font : graisses */ /* V27 2 juin 2021 : suite variables : hauteur ligne et marges */ /* V28 2 juin 2021 : alignement texte placé partout pour éviter les implicites (mais pas en variable car on ne va jamais transformer left en center) , taggué ALIGNEMENT */ /* V29 2 juin 2021 : passage de 2 à 3 tailles d'écrans, tagué BREAKPOINT, pour l'instant TABLETTE = GRAND ECRAN sauf test couleur sur h1.h-header */ /* V30 2 juin 2021 : remise au propre des couleurs hors responsif et avec liens #1 */ /* V31 2 juin 2021 : remise au propre des couleurs hors responsif et avec liens #2 */ /* V32 2 juin 2021 : remise au propre des couleurs hors responsif et avec liens #3 */ /* V33 2 juin 2021 : remise au propre des couleurs hors responsif et avec liens #4 forcer aussi les font family wieght size et line dans les éléments responsif pour les 4 types de liens (on va essayer de le faire en un seul coup) */ /* V34 2 juin 2021 : on abandonne V33 qui cafouille : DECISION A COURT TERME : PAS DE LIEN DANS TITRES STANDARDS */ /* V35 2 juin 2021 : transformation de classe h1.h-header en .h-header (sans h1) et ajout de sa couleur de base (sans couleur de lien qui merde copieusement) + Roboto Condensed en Roboto avec 1px de moins sur les h1*/ /* V36 2 juin 2021 : test de inherit dans hover pour bandeau sans souci --> ne fonctionne pas, passé au forçage, il reste à régler le problème de hauteur verticale inter-paragaphe et titre qui est revenu */ /* V37 2 juin 2021 : régler le problème de hauteur verticale inter-paragaphe et titre qui est revenu */ /* V38 2 juin 2021 : on attaque la largeur du header avec des variables */ /* V39 2 juin 2021 : on remet de l'ordre dans les paddings, on supprime la classe header-padding qui est faite dans Elementor au niveau de la section */ /* V40 8 juin 2021 : on fait le style du header pour tablette en vérifiant header-padding qui est faite dans Elementor au niveau de la section, text-align left en tablette */ /* V41 8 juin 2021 : on fait le style du header pour ordi idem les 2 autres y compris text-align align left (pour passer partout) avec pavé de recherche */ /* V42 11 juin 2021 : ajouté variables couleur rouge et gris clair */ /* V43 11 juin 2021 : mis normal et pas italic pour address */ /* V44 15 juin 2021 : créé class legendevig et imagevig pour vignettes */ /* V45 15 + 16 juin 2021 : enlevé class legendevig et imagevig pour vignettes EN ECHEC pour cer legendevig est utille */ /* V46 16 juin 2021 : rétablie V44 */ /* V47 16 juin 2021 : supprimé vieilles scories en bas de feuille de style */ /* V48 16 juin 2021 : supprimé imvig inutilisé */ /* V49 16 juin 2021 : complété legendevig avec tailles police responsives */ /* V50 16 juin 2021 : classe respimg pour images dans texte */ /* V51 16 juin 2021 : ajusté taille de 24px à 23px du menu grand écran avec nouvelle variable --innocep-large-size-header-menu */ /* V52 16 juin 2021 : création des listes */ /* V53 17 juin 2021 : ajuster haut des blocs de body, h1, h2 grace à margin-block-start: 0 !important; avec !important (règle css a priori casher même si certains ayatollahs hurlent qui permet l'override du user agent style sheet) + .création classe .site-breadcrumbs pour override de OceanWP */ /* V54 17 juin 2021 : création classe bandeau comme son nom l'indique */ /* V55 17 juin 2021 : création classes .elementor-post__title et .elementor-post__read-more pour avoir les bons affichages dans les "voir aussi" + retiré scorie ZZZZ dans classe h-bandeau */ /* V56 21 juin 2021 : ajouté variable --innocep-hline-breadcrumb et repris .site-breadcrumbs en ajoutant les a et en le préfixant avec .trail-item */ /* V57 23 juin 2021 : poursuite de la mise au point de classes .elementor-post__title et .elementor-post__read-more .elementor-post__thumbnail__link pour avoir les bons affichages dans les "voir aussi" : a priori OK, version de référence avant de finaliser la section */ /* V58 23 juin 2021 : rectifié les modifs de V57 car l'orange prend le dessus sur le bleu : ajouté que .elementor-widget-posts est parent de ce bazar pour gagner en css specificity + subtilité sur la manière de déclarer le lien a (en tant qu'enfant et pas en a.) */ /* V59 24 juin 2021 : .search-results article pour enlever le p.... de liseré mis par Ocean WP */ /* V60 29 juin 2021 : création de la classe .dce-post-title afin de faire les blocs de teasing avec Dynamic Contant for Elementor mais avec le même style qu'Elementor .elementor-post__title et .elementor-post__read-more */ /* V61 1er juillet 2021 : reprise de .dce-post-title pour que le hover soit gras avec une astuce sur les enfants */ /* V62 1er juillet 2021 : address en bold avec beaucoup d'acrobaties de type child */ /*******************************/ /* End custom CSS *//* End custom CSS */