diff --git a/css/base-styles-previous-theme.css b/css/base-styles-previous-theme.css new file mode 100644 index 0000000..f025220 --- /dev/null +++ b/css/base-styles-previous-theme.css @@ -0,0 +1,3895 @@ +:root { + --bigCaslon: "big-caslon-fb", serif; + --montserrat: "Montserrat", sans-serif; + --pink: #e91969; +} + +* { + margin: 0; + padding: 0; +} + +body, +h1, +h2, +h3, +h4, +h5, +p { + margin: 0; + padding: 0; +} + +h1 { + text-transform: lowercase; +} + +.align { + align-content: center; + align-items: center; +} + +.alignfull { + margin: 0 calc(50% - 50vw); +} + +a, +a:hover, +a:active, +a:visited, +a:focus { + text-decoration: none; + outline: none; +} + +button, +button:hover, +button:active, +button:visited, +button:focus { + outline: none; +} + +p:empty { + margin: 0 !important; + height: 0; +} + +.page-numbers.current { + color: #000; + text-decoration: underline; +} + +/* NAVIGATION */ + +.traceD { + position: absolute; + top: -25%; + left: -1%; +} + +.header { + transition: top 0.2s ease-in-out; + top: 25px; + z-index: 10000000; +} + +.noColorMenu { + background-color: transparent; + transition: all 0.2s ease-in; +} + +.containerMenu { + position: fixed; + z-index: 100; + height: 130px; +} + +.colorMenu { + background-color: #fff; + transition: all 0.2s ease-in; +} + +.nav-up { + top: -100px; + transition: all 0.2s ease-in; +} + +.navigation { + height: 100px; + align-items: center; + align-content: center; +} + +.navigation #menu-primary-beta, +.navigation #menu-primary-en { + list-style: none; + margin-bottom: 0; + padding: 0; + text-align: right; + top: 30px; +} + +.navigation #menu-primary-beta > li, +.navigation #menu-primary-en > li { + display: inline-block; + margin-left: 48px; +} + +.navigation #menu-primary-beta > li:first-child, +.navigation #menu-primary-en > li:first-child { + margin-left: 0; +} + +.navigation #menu-primary-beta li a, +.navigation #menu-primary-en li a { + font-family: "Montserrat", sans-serif; + font-weight: 500; + font-size: 15px; + color: #000; + transition: all 0.2s ease-in; + text-transform: none !important; +} + +.navigation #menu-primary-beta li a:hover, +.navigation #menu-primary-en li a:hover { + text-decoration: none; + color: #e91969; +} + +.navigation #menu-primary-beta .current-menu-item a, +.navigation #menu-primary-en .current-menu-item a { + color: var(--pink); +} + +.navigation #menu-primary-beta .wpmm-col, +.navigation #menu-primary-en .wpmm-col { + margin-right: 0px; +} + +.navigation #menu-primary-beta .wpmm-col:last-child, +.navigation #menu-primary-en .wpmm-col:last-child { + margin-right: 0px; +} + +.navigation #menu-primary-beta .wpmm-col .wp-megamenu-sub-menu li, +.navigation #menu-primary-en .wpmm-col .wp-megamenu-sub-menu li { + margin-right: 0px; +} + +.navigation #menu-primary-beta .wpmm-col .wp-megamenu-sub-menu .custom-html-widget, +.navigation #menu-primary-en .wpmm-col .wp-megamenu-sub-menu .custom-html-widget { + margin-top: 10px; +} + +.navigation #menu-primary-beta .wpmm-col .wp-megamenu-sub-menu .custom-html-widget span, +.navigation #menu-primary-en .wpmm-col .wp-megamenu-sub-menu .custom-html-widget span { + font-family: var(--montserrat); + font-size: 22px; + font-weight: 500; + color: #000; + line-height: 22px; + text-transform: initial; +} + +.navigation #menu-primary-beta .wpmm-col .wp-megamenu-sub-menu li a, +.navigation #menu-primary-en .wpmm-col .wp-megamenu-sub-menu li a { + color: #000; + font-family: var(--montserrat); + color: #fff; + font-weight: 600; + font-size: 13px; + line-height: 13px; + word-break: keep-all; + text-transform: lowercase; +} + +.navigation #menu-primary-beta .wpmm-col .wp-megamenu-sub-menu .menu-item-object-page:after, +.navigation #menu-primary-en .wpmm-col .wp-megamenu-sub-menu .menu-item-object-page:after { + content: ""; + display: block; + position: absolute; + height: 6px; + width: 0px; + background-color: #c14fe3; + margin: 0; + margin-bottom: 0px; + margin-top: -12px; + transition: all 0.2s ease-in; + z-index: -1; +} + +.navigation #menu-primary-beta .wpmm-col .wp-megamenu-sub-menu .menu-item-object-page:hover::after, +.navigation #menu-primary-en .wpmm-col .wp-megamenu-sub-menu .menu-item-object-page:hover::after { + width: 42px; +} + +.navigation #menu-primary-beta .wpmm-col .wp-megamenu-sub-menu .current-menu-item::after, +.navigation #menu-primary-en .wpmm-col .wp-megamenu-sub-menu .current-menu-item::after { + content: ""; + display: block; + position: absolute; + height: 6px; + width: 42px; + margin: 0; + margin-bottom: 0px; + margin-top: -12px; + transition: all 0.2s ease-in; + z-index: -1; +} + +.navigation + #menu-primary-beta + .wpmm-col + .wp-megamenu-sub-menu + .menu-agence-web-beta-container + .menu-item-object-page:after, +.navigation + #menu-primary-en + .wpmm-col + .wp-megamenu-sub-menu + .menu-agence-web-beta-container + .menu-item-object-page:after { + background-color: #1cc7c7; +} + +.navigation + #menu-primary-beta + .wpmm-col + .wp-megamenu-sub-menu + .menu-studio-graphique-beta-container + .menu-item-object-page:after, +.navigation + #menu-primary-en + .wpmm-col + .wp-megamenu-sub-menu + .menu-studio-graphique-beta-container + .menu-item-object-page:after { + background-color: #c14fe3; +} + +.navigation + #menu-primary-beta + .wpmm-col + .wp-megamenu-sub-menu + .menu-production-audiovisuelle-beta-container + .menu-item-object-page:after, +.navigation + #menu-primary-en + .wpmm-col + .wp-megamenu-sub-menu + .menu-production-audiovisuelle-beta-container + .menu-item-object-page:after { + background-color: #00bdde; +} + +.navigation + #menu-primary-beta + .wpmm-col + .wp-megamenu-sub-menu + .menu-inbound-marketing-beta-container + .menu-item-object-page:after, +.navigation + #menu-primary-en + .wpmm-col + .wp-megamenu-sub-menu + .menu-inbound-marketing-beta-container + .menu-item-object-page:after { + background-color: #ff0088; +} + +#wp-megamenu-item-11061 > .wp-megamenu-sub-menu { + left: 0 !important; + width: -moz-max-content; + width: max-content; +} + +#wp-megamenu-item-11061 > .wp-megamenu-sub-menu.mauve { + background-color: rgba(193, 79, 227, 0.9); +} + +#wp-megamenu-item-11061 > .wp-megamenu-sub-menu.vert { + background-color: rgba(28, 199, 199, 0.9); +} + +#wp-megamenu-item-11061 > .wp-megamenu-sub-menu.rose { + background-color: rgba(250, 98, 179, 0.9); +} + +#wp-megamenu-item-11061 > .wp-megamenu-sub-menu.jaune { + background-color: rgba(250, 164, 0, 0.9); +} + +#wp-megamenu-item-11061 > .wp-megamenu-sub-menu.bleu { + background-color: rgba(33, 213, 245, 0.9); +} + +.navigation #menu-primary-beta li a.mauve { + color: rgba(193, 79, 227, 1); +} + +.navigation #menu-primary-beta li a.vert { + color: rgba(28, 199, 199, 1); +} + +.navigation #menu-primary-beta li a.rose { + color: rgba(250, 98, 179, 1); +} + +.navigation #menu-primary-beta li a.jaune { + color: rgba(250, 164, 0, 1); +} + +.navigation #menu-primary-beta li a.bleu { + color: rgba(33, 213, 245, 1); +} + +.desktopMenu #menu-primary-beta { + display: flex !important; + padding-left: 30px; +} + +.desktopMenu #wp-megamenu-item-11061 > .wp-megamenu-sub-menu { + display: flex !important; +} + +#wp-megamenu-primary-beta, +#wp-megamenu-primary-en { + background-color: transparent; +} + +/* TITRE DE LA PAGE -- STYLE GENERALE */ + +.accroche { + margin-top: 153px; +} + +.accroche h1 { + font-family: "Montserrat", sans-serif; + font-weight: 700; + font-size: 66px; + margin: 0; +} + +.accroche h1:before { + content: none; +} + +.accroche h1 span { + color: #e91969; +} + +.accroche h1 .couleurRose { + color: #e91969; +} + +.accroche h1 .barre { + width: 65px; + display: inline-block; + height: 10px; + background-color: #e91969; + margin-right: 30px; + margin-left: 30px; +} + +.accroche h1 .bxllie { + font-family: "big-caslon-fb", serif; + font-weight: 400; + font-size: 37px; + color: #000; +} + +.accroche a { + color: #000; +} + +.circleEnd { + width: 37px; + height: 37px; + background-color: #e91969; + border-radius: 100%; + margin: 160px auto 0px auto; +} + +/* HOME PAGE */ + +.home .homePage { + margin-top: 20px; +} + +.home .accroche h1 { + font-family: "Montserrat", sans-serif; + font-weight: 700; + font-size: 83px; + margin: 0; +} + +.home .accroche h1:before { + content: none; +} + +.home .accroche h1 .couleurRose { + color: #e91969; + display: block; +} + +.home .accroche h1 .barre { + width: 65px; + display: inline-block; + height: 10px; + background-color: #e91969; + margin-right: 30px; + margin-left: 0; +} + +.home .accroche h1 .bxllie { + font-family: "big-caslon-fb", serif; + font-weight: 400; + font-size: 37px; +} + +.home .circleTop { + width: 37px; + height: 37px; + background-color: #e91969; + border-radius: 100%; + float: right; + margin-right: 123px; +} + +.home .intro { + margin-top: 108px; +} + +.home .icone-rs a i { + display: block; + margin-top: 11px !important; + color: #e91969; + font-size: 25px; +} + +.home .icone-rs i:first-child { + margin-top: 0; +} + +.home .introduction h2 { + font-family: "Montserrat", sans-serif; + font-size: 33px; + margin: 0; + font-weight: 500; +} + +.home .introduction h2::before { + content: none; +} + +.home .introduction h2 a { + transition: all 0.2s ease-in; +} + +.home .introduction h2 a:hover { + text-decoration: underline; + text-decoration-color: var(--pink); +} + +.home .slider { + margin-top: 67px; +} + +.home .slider .slick-dots { + bottom: 5%; + text-align: right; + padding-right: 24px; +} + +.home .slider .slick-dots li { + margin: 0; +} + +.home .slider .slick-dots li button:before { + font-size: 55px; +} + +.home .slider .circleTop { + width: 37px; + height: 37px; + background-color: #e91969; + border-radius: 100%; + margin-top: 67px; + float: left; + margin-right: 0; +} + +.home .temoignages { + margin-top: 62px; + align-content: flex-end; + align-items: flex-end; +} + +.home .temoignages .contactTemoignages { + font-family: "Montserrat", sans-serif; +} + +.home .temoignages .contactTemoignages .nom { + font-size: 21px; + font-weight: 600; + color: #e91969; +} + +.home .temoignages .contactTemoignages .Contact { + font-size: 19px; + font-weight: 200; + color: #000; +} + +.home .temoignages .trait { + width: 65px; + height: 10px; + background-color: #e91969; + margin-top: 6px; +} + +.home .temoignages .contenu { + font-family: "big-caslon-fb", serif; + font-size: 34px; +} + +.home .temoignages .contenu p { + line-height: 42px; +} + +.home .temoignages .contenu a { + color: #000; + text-decoration: underline; + text-decoration-color: #999999; + transition: all 0.2s ease-in; +} + +.home .temoignages .contenu a:hover { + text-decoration: underline; + text-decoration-color: #000; +} + +.home .article .circleTop { + width: 37px; + height: 37px; + background-color: #e91969; + border-radius: 100%; + float: right; + margin-right: 0; + margin-top: 100px; + margin-bottom: 80px; +} + +.home .article .articleItem a:hover { + text-decoration: none; +} + +.home .article .articleItem h2 { + font-family: "Montserrat", sans-serif; + font-weight: 500; + font-size: 25px; + line-height: 30px; + /*color: #E91969;*/ +} + +.home .article .articleItem h2:before { + height: 10px; + width: 65px; + /*background-color: #E91969;*/ + margin: 0; + margin-bottom: 15px; +} + +.home .article .articleItem p { + font-family: "big-caslon-fb", serif; + font-size: 29px; + margin-top: 22px; + color: #000; + line-height: 35px; +} + +.home .article .espacement { + margin-top: 72px; +} + +.home .article .circleBot { + width: 37px; + height: 37px; + background-color: #e91969; + border-radius: 100%; + margin: 78px auto 0px auto; +} + +/* PAGE MAGAZINE */ + +.page-template-template-blog .circle { + width: 37px; + height: 37px; + background-color: #e91969; + border-radius: 100%; + margin-top: 55px; + margin-bottom: 108px; +} + +.page-template-template-blog h2 { + font-family: "Montserrat", sans-serif; + font-weight: 500; + margin: 0; + font-size: 25px; +} + +.page-template-template-blog h2:before { + height: 10px; + width: 65px; + background-color: #e91969; + margin: 0; + margin-bottom: 15px; +} + +.page-template-template-blog .resume p { + font-family: "big-caslon-fb", serif; + font-weight: 400; + font-size: 22px; + margin: 0; + margin-top: 18px; + line-height: 27px; + color: #000; +} + +.page-template-template-blog .barHover { + width: 0px; + height: 37px; + /*background-color: red;*/ + position: absolute; + bottom: -4%; + left: 0%; + transition: all 0.4s ease-in; +} + +.page-template-template-blog .hoverbargeneral:hover .barHover { + width: 243px; +} + +.page-template-template-blog .imgArticle:hover .barHover { + width: 243px; +} + +.page-template-template-blog .custom-pagination { + text-align: right; + margin-top: 119px; + font-family: "Montserrat", sans-serif; +} + +.page-template-template-blog .custom-pagination a, +.page-template-template-blog .custom-pagination span { + font-size: 18px; + font-weight: 500; + color: #e91969; +} + +.page-template-template-blog .circleEnd { + width: 37px; + height: 37px; + background-color: #e91969; + border-radius: 100%; + margin: 160px auto 0px auto; +} + +/* --------------- */ + +/* SINGLE */ + +/* --------------- */ + +.single .circle { + width: 37px; + height: 37px; + background-color: #e91969; + border-radius: 100%; + margin-top: 210px; + margin-bottom: 108px; +} + +.single .barre { + width: 65px; + display: inline-block; + height: 10px; + background-color: #e91969; +} + +.single .tempsDeLecture { + font-family: "Montserrat", sans-serif; + font-size: 16px; + color: #e91969; + margin: 0; + font-weight: 500; + margin-top: 5px; + margin-bottom: 30px; +} + +.single .auteur { + font-family: "Montserrat", sans-serif; + font-size: 16px; + color: #e91969; + margin: 0; + font-weight: 500; + margin-top: 15px; +} + +.single h1 { + font-family: "Montserrat", sans-serif; + font-family: var(--bigCaslon); + font-size: 49px; + font-weight: 500; + margin: 0; + margin-top: 15px; + margin-bottom: 32px; + text-transform: initial; +} + +.single h1:before { + content: none; +} + +.single .wp-post-image { + width: 100%; + margin-bottom: 22px; +} + +.single .contenu p { + font-family: "big-caslon-fb", serif; + font-family: var(--montserrat); + font-weight: 400; + font-size: 18px; + line-height: 27px; + margin: 0; + color: #000; + margin-top: 10px; +} + +.single .contenu h2 { + font-family: "Montserrat", sans-serif; + font-family: var(--bigCaslon); + font-weight: 500; + font-size: 36px; + margin: 0; + margin-top: 30px; +} + +.single .contenu h2:before { + content: none; +} + +.single .contenu h3 { + font-family: "Montserrat", sans-serif; + font-family: var(--bigCaslon); + font-weight: 600; + font-size: 28px; + margin: 0; + margin-top: 30px; + margin-bottom: 8px; +} + +.single .contenu h3:before { + content: none; +} + +.single .contenu h4 { + font-family: "Montserrat", sans-serif; + font-family: var(--bigCaslon); + font-weight: 600; + font-size: 22px; + margin: 0; + margin-top: 30px; + margin-bottom: 8px; +} + +.single .contenu h4:before { + content: none; +} + +.single .contenu table { + margin-top: 30px; + margin-bottom: 30px; + border: none; + border: 1px solid #f1f1f1; +} + +.single .contenu table tbody tr td, +.single .contenu table tbody tr td h3 { + font-family: var(--bigCaslon); + font-family: var(--montserrat); + font-size: 15px; + color: #000; + word-break: keep-all; + padding: 10px; + margin: 0; +} + +.single .contenu table tbody tr td { + border: none; +} + +.single .contenu table tr:nth-child(even) { + background: #eeeeee; + background-color: #eeeeee; +} + +.single .contenu table tr:nth-child(odd) { + background: #fff; +} + +.single .contenu .wp-block-quote:not(.is-large):not(.is-style-large) { + border-left: 4px solid var(--pink); + padding-left: 1em; +} + +.single blockquote { + border-left: 4px solid var(--pink); + padding-left: 1em; +} + +.single .contenu a { + color: #000; + font-family: "big-caslon-fb", serif; + font-family: var(--montserrat); + text-decoration: underline; + text-decoration-color: #999999; + transition: all 0.2s ease-in; +} + +.single .contenu a:hover { + text-decoration: underline; + text-decoration-color: #000; +} + +.single .contenu ul { + margin: 0; + padding: 0; + margin-top: 20px; + margin-bottom: 20px; +} + +.single .contenu ul li { + font-family: "big-caslon-fb", serif; + font-family: var(--montserrat); + font-size: 18px; + margin: 0; + padding: 0; + list-style: none; + position: relative; + padding: 0 0 0 60px; + line-height: 27px; + margin-top: 10px; +} + +.single .contenu ul li:first-child { + margin-top: 0px; +} + +.single .contenu ul li:before { + content: ""; + position: absolute; + left: 0; + top: 16px; + width: 37px; + height: 6px; + background-color: red; +} + +.single .contenu .wp-block-image { + margin-top: 25px; + margin-bottom: 30px; +} + +.single .contenu .wp-block-group__inner-container { + margin-top: 25px; +} + +.single .contenu .blocks-gallery-item { + margin: 0; +} + +.single .contenu .wp-block-gallery ul li { + padding: 0; + padding-right: 3px; + padding-bottom: 3px; +} + +.single .contenu .wp-block-gallery ul li:before { + content: none; +} + +.single .sidebar h2 { + font-size: 22px; + line-height: 27px; + font-family: var(--bigCaslon); + margin-bottom: 7px; +} + +.single .sidebar h2:before { + width: 65px; + height: 10px; + margin-bottom: 15px; +} + +.single .sidebar p { + margin: 0; + padding: 0; + line-height: 22px; + margin-top: 20px; +} + +.single .sidebar ul li a { + font-family: var(--montserrat); + font-size: 18px; + line-height: 22px; + color: #000; + margin: 0; + padding: 0; +} + +.single .sidebar ul { + margin: 0; + padding: 0; +} + +.single .sidebar ul li:first-child { + margin-top: 0px; +} + +.single .sidebar ul li:nth-child(1) { + margin-top: 0px; +} + +.single .sidebar ul li { + list-style: none; + line-height: 18px; + margin-top: 10px; +} + +.single .sidebar .sujets { + color: #1cc7c7; +} + +.single .sidebar .sujets:before { + background-color: #1cc7c7; +} + +.single .sidebar .services { + color: #faa400; +} + +.single .sidebar .services:before { + background-color: #faa400; +} + +.single .sidebar .formations { + color: #fa62b3; +} + +.single .sidebar .formations:before { + background-color: #fa62b3; +} + +.single .sidebar .domaines { + color: #e91969; +} + +.single .sidebar .domaines:before { + background-color: #e91969; +} + +.single .sidebar .domaineBloc.fixe { + position: fixed; + top: 200px; +} + +/* --------------- */ + +/* Page services */ + +/* --------------- */ + +.page-template-template-services .slider { + margin-top: 50px; +} + +.page-template-template-services .slider .slick-dots { + bottom: 5%; + text-align: right; + padding-right: 24px; +} + +.page-template-template-services .slider .slick-dots li { + margin: 0; +} + +.page-template-template-services .slider .slick-dots li button:before { + font-size: 55px; +} + +.page-template-template-services .circleTop { + width: 37px; + height: 37px; + background-color: #c14fe3; + border-radius: 100%; + float: right; + margin-top: 55px; + margin-bottom: 62px; +} + +.page-template-template-services .methodo h3 { + font-family: "big-caslon-fb", serif; + font-size: 55px; + font-weight: 400; + margin: 0; + color: #c14fe3; + margin-bottom: 81px; +} + +.page-template-template-services .methodo h3:before { + content: none; +} + +.page-template-template-services .methodo h2 { + font-family: "Montserrat", sans-serif; + font-size: 25px; + font-weight: 500; + margin: 0; + color: #c14fe3; +} + +.page-template-template-services .methodo h2:before { + background: #c14fe3; + content: "\020"; + display: block; + height: 10px; + margin: 0; + margin-bottom: 15px; + width: 65px; +} + +.page-template-template-services .methodo .contenu { + font-family: "big-caslon-fb", serif; + color: #000; + height: auto; + margin-top: 13px; +} + +.page-template-template-services .methodo .contenu p { + font-size: 22px; + line-height: 27px; +} + +.page-template-template-services .methodo .contenu a { + color: #000; + text-decoration: underline; + text-decoration-color: #999999; + transition: all 0.2s ease-in; +} + +.page-template-template-services .methodo .contenu a:hover { + text-decoration-color: #000; + /*text-decoration: none; + color: var(--pink);*/ +} + +.page-template-template-services .methodo .marge4, +.page-template-template-services .methodo .marge5, +.page-template-template-services .methodo .marge6 { + margin-top: 48px; +} + +.page-template-template-services .contenuDeLaPage .circleTop { + width: 37px; + height: 37px; + background-color: #21d5f5; + border-radius: 100%; + margin: 0; + margin-top: 74px; + float: left; +} + +.page-template-template-services .contenuDeLaPage .spacer { + margin-top: 50px; +} + +.page-template-template-services .contenuDeLaPage h2 { + font-family: "big-caslon-fb", serif; + font-size: 55px; + color: #21d5f5; + line-height: 66px; + margin: 0; + margin-top: 62px; +} + +.page-template-template-services .contenuDeLaPage h2:before { + content: none; +} + +.page-template-template-services .contenuDeLaPage h3 { + font-family: "big-caslon-fb", serif; + font-size: 33px; + color: #21d5f5; + /*line-height: 40px;*/ + margin: 0; + margin-bottom: 15px; +} + +.page-template-template-services .contenuDeLaPage p { + font-family: "big-caslon-fb", serif; + font-size: 22px; + color: #000; + line-height: 27px; + margin: 0; + /*margin-top: 15px; */ + margin-bottom: 15px; +} + +.page-template-template-services .contenuDeLaPage span { + color: #21d5f5; +} + +.page-template-template-services .contenuDeLaPage a { + color: #000; + text-decoration: underline; + text-decoration-color: #999999; + transition: all 0.2s ease-in; +} + +.page-template-template-services .contenuDeLaPage a:hover { + /*color: var(--pink);*/ + /*text-decoration: none;*/ + text-decoration-color: #000; +} + +.page-template-template-services .contenuDeLaPage ul { + margin: 0; + padding: 0; + margin-top: 20px; + margin-bottom: 20px; +} + +.page-template-template-services .contenuDeLaPage ul li { + font-family: "big-caslon-fb", serif; + font-size: 22px; + margin: 0; + padding: 0; + list-style: none; + position: relative; + padding: 0 0 0 60px; + line-height: 26px; + margin-top: 10px; +} + +.page-template-template-services .contenuDeLaPage ul li:before { + content: ""; + position: absolute; + left: 0; + top: 16px; + width: 37px; + height: 6px; + background-color: #21d5f5; +} + +.page-template-template-services .article .circleTop { + width: 37px; + height: 37px; + background-color: #fa62b3; + border-radius: 100%; + margin: 0; + margin-top: 73px; + margin-bottom: 59px; + float: left; +} + +.page-template-template-services .article .plus { + font-family: "big-caslon-fb", serif; + font-size: 55px; + color: #fa62b3; + margin: 0; + margin-bottom: 59px; + line-height: 59px; +} + +.page-template-template-services .article .articleItem a { + color: #fa62b3; +} + +.page-template-template-services .article .articleItem a:hover { + text-decoration: none; +} + +.page-template-template-services .article .articleItem .titreArticle { + font-family: "Montserrat", sans-serif; + font-weight: 500; + font-size: 25px; + line-height: 30px; + /*color: #E91969;*/ + height: 110px; + margin: 0; +} + +.page-template-template-services .article .articleItem .titreArticle::before { + content: ""; + display: block; + height: 10px; + width: 65px; + background-color: #fa62b3; + margin: 0; + margin-bottom: 15px; +} + +.page-template-template-services .article .articleItem p { + font-family: "big-caslon-fb", serif; + font-size: 22px; + margin-top: 22px; + color: #000; + line-height: 27px; +} + +.page-template-template-services .article .espacement { + margin-top: 25px; +} + +.page-template-template-services .menuContainer .circleTop { + width: 37px; + height: 37px; + background-color: #faa400; + border-radius: 100%; + margin: 0; + margin-top: 112px; + margin-bottom: 59px; + float: left; +} + +.page-template-template-services .menuContainer h2 { + font-family: "big-caslon-fb", serif; + font-size: 55px; + color: #faa400; + margin: 0; + margin-bottom: 59px; +} + +.page-template-template-services .menuContainer h2:before { + content: none; +} + +.page-template-template-services .menuContainer .nomMenu { + font-family: "Montserrat", sans-serif; + font-size: 25px; + font-weight: 600; + line-height: 30px; + color: #000; + /*height: 40px;*/ + margin: 0; + margin-bottom: 15px; +} + +.page-template-template-services .menuContainer .menu-haut .nomMenu { + margin-bottom: 15px; +} + +.page-template-template-services .menuContainer .menu-bas { + margin-top: 15px; +} + +.page-template-template-services .menuContainer .menu { + margin: 0; + padding: 0; +} + +.page-template-template-services .menuContainer .menu li { + list-style: none; + margin: 0; + padding: 0; + margin-bottom: 15px; +} + +.page-template-template-services .menuContainer .menu li a { + font-family: "Montserrat", sans-serif; + font-size: 22px; + font-weight: 400; + line-height: 26px; + margin: 0; + color: #000; + display: block; + text-transform: lowercase; +} + +.page-template-template-services .menuContainer .menu li:last-child { + margin-bottom: 0; +} + +.page-template-template-services .menuContainer .menu li a:hover { + text-decoration: none; +} + +.page-template-template-services .menuContainer .menu li::after { + content: ""; + display: block; + position: absolute; + height: 10px; + width: 0px; + background-color: #c14fe3; + margin: 0; + margin-bottom: 0px; + margin-top: -10px; + transition: all 0.2s ease-in; + z-index: -1; +} + +.page-template-template-services .menuContainer .menu li:hover::after { + width: 65px; +} + +.page-template-template-services .menuContainer .menu li.current-menu-item::after { + content: ""; + display: block; + position: absolute; + height: 10px; + width: 65px; + background-color: #c14fe3; + margin: 0; + margin-bottom: 0px; + margin-top: -10px; +} + +.page-template-template-services .menuContainer span { + font-family: "Montserrat", sans-serif; + font-size: 22px; + font-weight: 400; + line-height: 26px; + margin: 0; + color: #000; + display: block; + text-transform: lowercase; +} + +.page-template-template-services .devis .circleTop { + width: 37px; + height: 37px; + background-color: #e91969; + border-radius: 100%; + float: left; + margin: 0; + margin-top: 160px; + margin-bottom: 71px; +} + +.page-template-template-services .devis .circleCenter { + width: 37px; + height: 37px; + background-color: #e91969; + border-radius: 100%; + float: left; + margin: 0; + margin: 160px auto 0px auto; +} + +.page-template-template-services .devis .texteDevis { + font-family: "big-caslon-fb", serif; + font-size: 55px; + color: #e91969; + margin: 0; +} + +.page-template-template-services .devis .texteDevis:before { + content: none; +} + +/*---- DOMAINES ----*/ + +.page-template-template-domaines .slider { + margin-top: 67px; +} + +.page-template-template-domaines .slider .slick-dots { + bottom: 5%; + text-align: right; + padding-right: 24px; +} + +.page-template-template-domaines .slider .slick-dots li { + margin: 0; +} + +.page-template-template-domaines .slider .slick-dots li button:before { + font-size: 55px; +} + +.page-template-template-domaines .circleTop { + width: 37px; + height: 37px; + background-color: #c14fe3; + border-radius: 100%; + float: right; + margin-top: 55px; + margin-bottom: 62px; +} + +.page-template-template-domaines .titreIntro h2 { + font-family: var(--bigCaslon); + font-size: 55px; + line-height: 66px; + color: #c14fe3; + margin: 0; +} + +.page-template-template-domaines .titreIntro h2:before { + content: none; +} + +.page-template-template-domaines .titreIntro p { + font-family: var(--bigCaslon); + font-size: 22px; + line-height: 27px; + color: #c14fe3; + margin: 0; + margin-top: 10px; + margin-bottom: 46px; +} + +.page-template-template-domaines .contenuDeLaPage .circleTop { + width: 37px; + height: 37px; + background-color: #c14fe3; + border-radius: 100%; + margin: 0; + margin-top: 74px; + float: left; +} + +.page-template-template-domaines .contenuDeLaPage .spacer { + margin-top: 50px; +} + +.page-template-template-domaines .contenuDeLaPage h2 { + font-family: var(--montserrat); + font-size: 25px; + color: #c14fe3; + line-height: 30px; + margin: 0; + font-weight: 500; +} + +.page-template-template-domaines .contenuDeLaPage h2:before { + content: ""; + width: 65px; + height: 10px; + background-color: #c14fe3; + margin: 0; + margin-bottom: 15px; +} + +.page-template-template-domaines .contenuDeLaPage h3 { + font-family: "big-caslon-fb", serif; + font-size: 33px; + color: #21d5f5; + /*line-height: 40px;*/ + margin: 0; + margin-bottom: 15px; +} + +.page-template-template-domaines .contenuDeLaPage p { + font-family: "big-caslon-fb", serif; + font-size: 22px; + color: #000; + line-height: 27px; + margin: 0; + /*margin-top: 15px; */ + margin-bottom: 15px; +} + +.page-template-template-domaines .contenuDeLaPage .colonne p:first-child { + margin: 0; +} + +.page-template-template-domaines .contenuDeLaPage span { + color: #21d5f5; +} + +.page-template-template-domaines .contenuDeLaPage a { + color: #000; + text-decoration: underline; + text-decoration-color: #999999; + transition: all 0.2s ease-in; +} + +.page-template-template-domaines .contenuDeLaPage a:hover { + text-decoration-color: #000; + /*text-decoration: none; + color: var(--pink);*/ +} + +.page-template-template-domaines .contenuDeLaPage ul { + margin: 0; + padding: 0; + margin-top: 20px; + margin-bottom: 20px; +} + +.page-template-template-domaines .contenuDeLaPage ul li { + font-family: "big-caslon-fb", serif; + font-size: 22px; + margin: 0; + padding: 0; + list-style: none; + position: relative; + padding: 0 0 0 60px; + line-height: 26px; + margin-top: 10px; +} + +.page-template-template-domaines .contenuDeLaPage ul li:before { + content: ""; + position: absolute; + left: 0; + top: 16px; + width: 37px; + height: 6px; + background-color: #c14fe3; +} + +.page-template-template-domaines .article .circleTop { + width: 37px; + height: 37px; + background-color: #c14fe3; + border-radius: 100%; + margin: 0; + margin-top: 73px; + margin-bottom: 59px; + float: left; +} + +.page-template-template-domaines .supplement h2 { + font-family: var(--bigCaslon); + font-size: 55px; + line-height: 66px; + color: #c14fe3; + margin: 0; + margin-bottom: 39px; +} + +.page-template-template-domaines .supplement h2:before { + content: none; +} + +.page-template-template-domaines .supplement p { + font-family: "big-caslon-fb", serif; + font-size: 22px; + color: #000; + line-height: 27px; + margin: 0; + margin-bottom: 15px; +} + +.page-template-template-domaines .supplement h3 { + font-family: "big-caslon-fb", serif; + font-size: 33px; + color: #21d5f5; + /* line-height: 40px; */ + margin: 0; + margin-bottom: 15px; +} + +.page-template-template-domaines .supplement a { + font-family: var(--bigCaslon); + color: #000; + text-decoration: underline; + margin: 0; +} + +.page-template-template-domaines .supplement a:hover { + color: var(--pink); + text-decoration: none; +} + +.page-template-template-domaines .supplement .circleTop { + float: left; +} + +.page-template-template-domaines .article .plus { + font-family: "big-caslon-fb", serif; + font-size: 55px; + color: #c14fe3; + margin: 0; + margin-bottom: 59px; + line-height: 59px; +} + +.page-template-template-domaines .article .articleItem a { + color: #c14fe3; +} + +.page-template-template-domaines .article .articleItem a:hover { + text-decoration: none; +} + +.page-template-template-domaines .article .articleItem .titreArticle { + font-family: "Montserrat", sans-serif; + font-weight: 500; + font-size: 25px; + line-height: 30px; + /*color: #E91969;*/ + height: 110px; + margin: 0; +} + +.page-template-template-domaines .article .articleItem .titreArticle::before { + content: ""; + display: block; + height: 10px; + width: 65px; + background-color: #c14fe3; + margin: 0; + margin-bottom: 15px; +} + +.page-template-template-domaines .article .articleItem p { + font-family: "big-caslon-fb", serif; + font-size: 22px; + margin-top: 22px; + color: #000; + line-height: 27px; +} + +.page-template-template-domaines .article .espacement { + margin-top: 25px; +} + +.page-template-template-domaines .menuContainer .circleTop { + width: 37px; + height: 37px; + background-color: #c14fe3; + border-radius: 100%; + margin: 0; + margin-top: 112px; + margin-bottom: 59px; + float: left; +} + +/* */ + +.page-template-template-domaines .menuContainer h2 { + font-family: "big-caslon-fb", serif; + font-size: 55px; + color: #faa400; + margin: 0; + margin-bottom: 59px; +} + +.page-template-template-domaines .menuContainer h2:before { + content: none; +} + +.page-template-template-domaines .menuContainer .nomMenu { + font-family: "Montserrat", sans-serif; + font-size: 25px; + font-weight: 600; + line-height: 30px; + color: #000; + /*height: 40px;*/ + margin: 0; + margin-bottom: 15px; +} + +.page-template-template-domaines .menuContainer .menu-haut .nomMenu { + margin-bottom: 15px; +} + +.page-template-template-domaines .menuContainer .menu-bas { + margin-top: 15px; +} + +.page-template-template-domaines .menuContainer .menu { + margin: 0; + padding: 0; +} + +.page-template-template-domaines .menuContainer .menu li { + list-style: none; + margin: 0; + padding: 0; + margin-bottom: 15px; +} + +.page-template-template-domaines .menuContainer .menu li a { + font-family: "Montserrat", sans-serif; + font-size: 22px; + font-weight: 400; + line-height: 26px; + margin: 0; + color: #000; + display: block; + text-transform: lowercase; +} + +.page-template-template-domaines .menuContainer .menu li:last-child { + margin-bottom: 0; +} + +.page-template-template-domaines .menuContainer .menu li a:hover { + text-decoration: none; +} + +.page-template-template-domaines .menuContainer .menu li::after { + content: ""; + display: block; + position: absolute; + height: 10px; + width: 0px; + background-color: #c14fe3; + margin: 0; + margin-bottom: 0px; + margin-top: -10px; + transition: all 0.2s ease-in; + z-index: -1; +} + +.page-template-template-domaines .menuContainer .menu li:hover::after { + width: 65px; +} + +.page-template-template-domaines .menuContainer .menu li.current-menu-item::after { + content: ""; + display: block; + position: absolute; + height: 10px; + width: 65px; + background-color: #c14fe3; + margin: 0; + margin-bottom: 0px; + margin-top: -10px; +} + +.page-template-template-domaines .menuContainer span { + font-family: "Montserrat", sans-serif; + font-size: 22px; + font-weight: 400; + line-height: 26px; + margin: 0; + color: #000; + display: block; + text-transform: lowercase; +} + +/* */ + +.page-template-template-domaines .devis .circleTop { + width: 37px; + height: 37px; + background-color: #e91969; + border-radius: 100%; + float: left; + margin: 0; + margin-top: 160px; + margin-bottom: 71px; +} + +.page-template-template-domaines .devis .circleCenter { + width: 37px; + height: 37px; + background-color: #e91969; + border-radius: 100%; + float: left; + margin: 0; + margin: 160px auto 0px auto; +} + +.page-template-template-domaines .devis .texteDevis { + font-family: "big-caslon-fb", serif; + font-size: 55px; + color: #e91969; + margin: 0; +} + +.page-template-template-domaines .devis .texteDevis:before { + content: none; +} + +/*---- CLIENTS ----*/ + +.page-template-template-clients { + background-color: #fff8fc; +} + +.page-template-template-clients .circleTop { + width: 37px; + height: 37px; + background-color: #c14fe3; + border-radius: 100%; + float: left; + margin-right: 0px; + margin-top: 62px; + margin-bottom: 84px; +} + +.page-template-template-clients .carteClient { + width: 255px; + height: 255px; + background-color: #fff; + text-align: center; + padding-top: 10px; + padding-bottom: 10px; + margin-top: 25px; + display: flex; + align-content: center; + align-items: center; +} + +.page-template-template-clients .carteClient img { + /* + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + */ + margin: auto; + filter: grayscale(100%); + transition: all 0.5s ease; +} + +.page-template-template-clients .carteClient img:hover { + filter: grayscale(0%); +} + +.page-template-template-clients .temoignageTexte { + font-family: var(--bigCaslon); + font-size: 26px; + margin: 0; + line-height: 31px; +} + +.page-template-template-clients .temoignageTexte a { + color: #000; + text-decoration: underline; + text-decoration-color: #999999; + transition: all 0.2s ease-in; +} + +.page-template-template-clients .temoignageTexte a:hover { + text-decoration-color: #000; + /*text-decoration: none; + color: var(--pink);*/ +} + +.page-template-template-clients .barre { + width: 100%; + height: 10px; + display: block; + margin-top: 6px; +} + +.page-template-template-clients .infopersonne h3 { + font-family: var(--montserrat); + font-size: 21px; + line-height: 25px; + margin: 0; + font-weight: 600; +} + +.page-template-template-clients .infopersonne p { + font-family: var(--montserrat); + font-size: 19px; + font-weight: 200; + line-height: 23px; + margin: 0; +} + +.page-template-template-clients .infopersonne { + margin-top: 39px; +} + +/*---- Portfolio ----*/ + +.page-template-template-portfolio .circleTop { + width: 37px; + height: 37px; + background-color: #1cc7c7; + border-radius: 100%; + float: left; + margin-right: 0px; + margin-top: 62px; + margin-bottom: 74px; +} + +.page-template-template-portfolio .button-group button { + background-color: transparent; + font-family: var(--montserrat); + font-size: 25px; + margin: 0; + padding: 0; + color: #000; + font-weight: 500; + margin-left: 162px; +} + +.page-template-template-portfolio .button-group .tout:after { + background-color: #e91969; +} + +.page-template-template-portfolio .button-group .web:after { + background-color: #1cc7c7; +} + +.page-template-template-portfolio .button-group .print:after { + background-color: #c14fe3; +} + +.page-template-template-portfolio .button-group .video:after, +.page-template-template-portfolio .button-group .motiondesign:after { + background-color: #21d5f5; +} + +.page-template-template-portfolio .button-group button:first-child { + margin-left: 0px; +} + +.page-template-template-portfolio .button-group button:after { + content: ""; + /*width: 65px;*/ + width: 0px; + height: 10px; + position: relative; + background-color: red; + display: block; + position: absolute; + margin: 0; + margin-bottom: 0px; + margin-top: -14px; + transition: all 0.2s ease-in; + z-index: -1; +} + +.page-template-template-portfolio .button-group button.is-checked:after { + width: 65px; +} + +.page-template-template-portfolio .element-item img { + margin-bottom: 49px; +} + +.page-template-template-portfolio .element-item .Mouseactive { + cursor: pointer; +} + +.page-template-template-portfolio .element-item h3 { + font-family: var(--montserrat); + font-weight: 500; + font-size: 25px; + margin: 0; +} + +.page-template-template-portfolio .element-item .barre { + width: 65px; + height: 10px; + margin-bottom: 15px; +} + +.page-template-template-portfolio .element-item .client { + font-family: var(--montserrat); + font-size: 25px; + margin: 0; + font-weight: 800; +} + +.page-template-template-portfolio .element-item .contenu { + font-family: var(--bigCaslon); + font-size: 22px; + line-height: 27px; + margin: 0; +} + +.page-template-template-portfolio .element-item .contenu a { + color: #000; + text-decoration: underline; + text-decoration-color: #999999; + transition: all 0.2s ease-in; +} + +.page-template-template-portfolio .element-item .contenu a:hover { + text-decoration-color: #000; + /*text-decoration: none; + color: var(--pink);*/ +} + +.page-template-template-portfolio iframe { + width: 100%; + height: 100%; +} + +.page-template-template-portfolio .clickno { + pointer-events: none; +} + +/*---- CLIENTS ----*/ + +.page-template-template-equipe .deligraph .circleTop { + width: 37px; + height: 37px; + background-color: #e91969; + border-radius: 100%; + margin-top: 74px; + margin-bottom: 62px; +} + +.page-template-template-equipe .deligraph h2 { + font-family: var(--bigCaslon); + font-size: 55px; + margin: 0; + color: #e91969; + margin-bottom: 74px; +} + +.page-template-template-equipe .deligraph h2:before { + content: none; +} + +.page-template-template-equipe .deligraph .barre { + width: 65px; + height: 10px; + background-color: var(--pink); + display: block; + margin-bottom: 15px; +} + +.page-template-template-equipe .contenu p { + font-family: var(--bigCaslon); + font-size: 22px; + color: #000; + line-height: 27px; + margin: 0; +} + +.page-template-template-equipe .contenu a { + font-family: var(--bigCaslon); + font-size: 22px; + color: #000; + line-height: 27px; + margin: 0; + text-decoration: underline; + text-decoration-color: #999999; + transition: all 0.2s ease-in; +} + +.page-template-template-equipe .contenu a:hover { + text-decoration-color: #000; +} + +.page-template-template-equipe .valeur h2 { + color: #1cc7c7; +} + +.page-template-template-equipe .valeur .barre, +.page-template-template-equipe .valeur .circleTop { + background-color: #1cc7c7; +} + +.page-template-template-equipe .vision h2 { + color: #c14fe3; +} + +.page-template-template-equipe .vision .barre, +.page-template-template-equipe .vision .circleTop { + background-color: #c14fe3; +} + +.page-template-template-equipe .equipeItem.jaune .barre { + background-color: #faa400; +} + +.page-template-template-equipe .equipeItem.bleu .barre { + background-color: #21d5f5; +} + +.page-template-template-equipe .equipeItem.rose .barre { + background-color: #fa62b3; +} + +.page-template-template-equipe .equipeItem.violet .barre { + background-color: #c14fe3; +} + +.page-template-template-equipe .equipeItem.vert .barre { + background-color: #1cc7c7; +} + +.page-template-template-equipe .equipeItem .imagePersonne { + position: absolute; + top: -26%; + left: 1%; + width: 231px; + opacity: 0; + transition: all 0.2s ease-in; +} + +.page-template-template-equipe .equipeItem .imagePersonne:hover { + opacity: 1; + z-index: 10; +} + +.page-template-template-equipe .equipeItem .imagePersonne:hover + h2 { + opacity: 0; +} + +.page-template-template-equipe h3 { + font-family: "big-caslon-fb", serif; + font-size: 33px; + color: #21d5f5; + /* line-height: 40px; */ + margin: 0; + margin-bottom: 15px; +} + +/*---- CLIENTS ----*/ + +.page-template-template-contact .mailDeligraph { + font-family: var(--bigCaslon); + font-size: 22px; + margin: 0; + font-weight: 500; + line-height: 27px; + color: #e91969; +} + +.page-template-template-contact .information .circleTop { + width: 37px; + height: 37px; + background-color: #e91969; + border-radius: 100%; + margin-top: 83px; + margin-bottom: 62px; +} + +.page-template-template-contact .information h2 { + font-family: var(--bigCaslon); + font-size: 55px; + margin: 0; + color: #e91969; +} + +.page-template-template-contact .information h2:before { + content: none; +} + +.page-template-template-contact .information .barre { + width: 65px; + height: 10px; + background-color: #e91969; + margin-top: 70px; + margin-bottom: 15px; + display: block; +} + +.page-template-template-contact .information p { + font-family: var(--montserrat); + font-size: 22px; + margin: 0; + font-weight: 500; + line-height: 27px; +} + +.page-template-template-contact .information .adresse { + font-family: var(--bigCaslon); + margin-top: 20px; +} + +.page-template-template-contact .information a { + font-family: var(--bigCaslon); + font-size: 22px; + margin: 0; + font-weight: 500; + line-height: 27px; + color: #e91969; +} + +.page-template-template-contact .containerForm { + background-color: #fff8fc; + padding-top: 51px; + padding-bottom: 51px; +} + +.page-template-template-contact .containerForm input, +.page-template-template-contact .containerForm textarea { + width: 100%; + border: none; + background-color: #fff; + color: #e91969; + font-family: var(--montserrat); + font-size: 17px; + padding: 15px 0px 15px 15px; + margin: auto; + margin-bottom: 27px; +} + +.page-template-template-contact .containerForm textarea { + height: 300px; + margin-bottom: 0px; +} + +.page-template-template-contact .containerForm input::-moz-placeholder { + color: var(--pink); +} + +.page-template-template-contact .containerForm input::placeholder { + color: var(--pink); +} + +.page-template-template-contact .containerForm .wpcf7-file { + margin-bottom: 0; + background-color: transparent; + padding: 0; + /*display: none;*/ +} + +.page-template-template-contact input[type="file"]::-webkit-file-upload-button:focus { + outline: 0; +} + +.page-template-template-contact input[type="file"]::-webkit-file-upload-button { + background-color: #fff8fc; + font-family: var(--montserrat); + color: #e91969; + padding: 10px; + border: 2px solid #fff; + cursor: pointer; + -webkit-transition: all 0.3s ease-in; + transition: all 0.3s ease-in; + margin-right: 10px; +} + +.page-template-template-contact input[type="file"]::-webkit-file-upload-button:hover { + background-color: #e91969; + color: #fff; + border-color: #e91969; +} + +.page-template-template-contact .wpcf7-submit { + width: 100%; + background-color: #fff8fc; + margin-top: 10px; + color: var(--pink); + font-family: var(--montserrat); + font-size: 22px; + border-radius: 0px; +} + +.page-template-template-contact .wpcf7-submit:hover { + background-color: var(--pink); + color: #fff; +} + +.page-template-template-contact .circleMap { + width: 37px; + height: 37px; + background-color: #e91969; + border-radius: 100%; + margin-top: 83px; + margin-bottom: 74px; +} + +.page-template-template-contact .menu-contact-beta-container .menu { + margin: 0; + padding: 0; + margin-top: 15px; +} + +.page-template-template-contact .menu-contact-beta-container .menu li { + padding: 0; + margin: 0; + display: inline-block; + list-style: none; + margin-right: 95px; +} + +.page-template-template-contact .menu-contact-beta-container .menu li a { + font-family: var(--montserrat); + color: #000; + font-size: 22px; +} + +.page-template-template-contact .wpcf7-response-output { + font-family: var(--montserrat); + font-size: 18px; + color: #1cc7c7; + margin: 0; + width: 100%; + border: none; +} + +.page-template-template-contact .wpcf7-not-valid-tip { + color: #c14fe3; + font-family: var(--montserrat); + margin: 0; + font-size: 18px; + border: none; +} + +.page-template-template-contact .wpcf7-validation-errors { + color: #c14fe3; + font-family: var(--montserrat); + margin: 0; + font-size: 15px; + border: none; +} + +#google-container { + position: relative; + width: 100%; + height: 235px; + background-color: #e7eaf0; +} + +@media only screen and (min-width: 768px) { + #google-container { + height: 235px; + } +} + +@media only screen and (min-width: 1170px) { + #google-container { + height: 235px; + } +} + +#cd-google-map { + position: relative; +} + +#cd-google-map address { + position: absolute; + width: 100%; + bottom: 0; + left: 0; + padding: 1em 1em; + background-color: rgba(211, 104, 104, 0.9); + color: white; + font-size: 13px; + font-size: 0.8125rem; +} + +@media only screen and (min-width: 768px) { + #cd-google-map address { + font-size: 15px; + font-size: 0.9375rem; + text-align: center; + } +} + +#cd-zoom-in, +#cd-zoom-out { + height: 32px; + width: 32px; + cursor: pointer; + margin-left: 10px; + background-color: var(--pink); + background-repeat: no-repeat; + background-size: 32px 64px; + background-image: url("images/mapMoin.svg"); +} + +.no-touch #cd-zoom-in:hover, +.no-touch #cd-zoom-out:hover { + background-color: #d36868; +} + +@media only screen and (min-width: 768px) { + #cd-zoom-in, + #cd-zoom-out { + margin-left: 50px; + } +} + +#cd-zoom-in { + background-position: 50% 0; + margin-top: 10px; + margin-bottom: 1px; +} + +@media only screen and (min-width: 768px) { + #cd-zoom-in { + margin-top: 50px; + } +} + +#cd-zoom-out { + background-position: 50% -32px; +} + +/* --------------- */ + +/* PAGE */ + +/* --------------- */ + +.page-id-758 .circleTop { + width: 37px; + height: 37px; + background-color: var(--pink); + border-radius: 100%; + margin: 0; + margin-top: 55px; + margin-bottom: 62px; +} + +.page-id-758 h2 { + font-family: var(--bigCaslon); + font-size: 55px; + color: var(--pink); + line-height: 66px; + margin: 0; +} + +.page-id-758 h2:before { + content: none; +} + +.page-id-758 h3 { + font-family: var(--montserrat); + font-size: 33px; + line-height: 40px; + margin: 0; + margin-bottom: 33px; + margin-top: 65px; + color: var(--pink); +} + +.page-id-758 h3:before { + content: none; +} + +.page-id-758 .explication h3 { + font-family: var(--montserrat); + font-size: 33px; + line-height: 40px; + margin: 0; + margin-bottom: 33px; + margin-top: 65px; + color: var(--pink); +} + +.page-id-758 .explication h3:before { + content: none; +} + +.page-id-758 p { + font-family: var(--bigCaslon); + font-size: 22px; + line-height: 27px; + margin: 0; +} + +.page-id-758 .poste p { + margin-top: 20px; +} + +.page-id-758 .barre { + width: 65px; + height: 10px; + background-color: var(--pink); + margin-top: 65px; + margin-bottom: 10px; +} + +.page-id-758 .poste a { + text-decoration: underline; + color: #000; +} + +.page-id-758 .emploi a { + text-decoration: underline; + color: #000; +} + +.page-id-758 .webdesign h3 { + color: #1cc7c7; +} + +.page-id-758 .Graphisme h3 { + color: #c14fe3; +} + +.page-id-758 .Copywriting h3 { + color: #fa62b3; +} + +.page-id-758 .Traduction h3 { + color: #fa62b3; +} + +.page-id-758 .GestionGoogleAdWords h3 { + color: #fa62b3; +} + +.page-id-758 .Communication h3 { + color: #c14fe3; +} + +.page-id-758 .Relationclient h3 { + color: #c14fe3; +} + +.page-id-758 .webdesign span { + color: #1cc7c7; +} + +.page-id-758 .Graphisme span { + color: #c14fe3; +} + +.page-id-758 .Copywriting span { + color: #fa62b3; +} + +.page-id-758 .Traduction span { + color: #fa62b3; +} + +.page-id-758 .GestionGoogleAdWords span { + color: #fa62b3; +} + +.page-id-758 .Communication span { + color: #c14fe3; +} + +.page-id-758 .Relationclient span { + color: #c14fe3; +} + +/* --------------- */ + +/* Footer */ + +/* --------------- */ + +.footer { + margin-top: 111px; + padding-bottom: 36px; +} + +.footer img { + width: 233px; +} + +.footer .social svg { + color: #000; +} + +.footer p { + font-family: "Montserrat", sans-serif; + font-size: 12px; + color: #e91969; + font-weight: 500; + margin: 0; +} + +.footer .info { + font-weight: 300; + color: #000; + margin-top: 7px; +} + +.footer .info span .emailFooter { + font-weight: 500 !important; + color: #000 !important; +} + +.footer .menu-menu-footer-beta-container { + margin-bottom: 20px; +} + +.footer .social { + margin-top: 18px; +} + +.footer .menu-menu-footer-beta-container ul { + margin: 0; + padding: 0; +} + +.footer .menu-menu-footer-beta-container ul li { + margin: 0; + padding: 0; + list-style: none; + line-height: 12px; +} + +.footer .menu-menu-footer-beta-container ul li a { + font-family: "Montserrat", sans-serif; + font-size: 12px; + color: #e91969; + font-weight: 500; + margin: 0; +} + +.footer .menu-vous-et-deligraph-beta-container ul, +.footer .menu-deligraph-beta-container ul { + margin: 0; + padding: 0; +} + +.footer .menu-vous-et-deligraph-beta-container ul li, +.footer .menu-deligraph-beta-container ul li { + margin: 0; + padding: 0; + list-style: none; + line-height: 12px; + margin-top: 5px; +} + +.footer .menu-vous-et-deligraph-beta-container ul li a, +.footer .menu-deligraph-beta-container ul li a { + font-family: var(--montserrat); + font-size: 12px; + font-weight: 300; + color: #000; +} + +.footer { + font-family: var(--montserrat); +} + +.footer .menuBas { + margin-top: 33px; +} + +.footer .tva { + font-size: 10px; + color: #000; +} + +.footer .condition { + /*margin-left: 88px; */ +} + +.footer .condition a { + font-size: 10px; + color: #000; +} + +.footer .copyright { + font-size: 10px; + color: #000; + /*margin-left: 88px;*/ +} + +.footer .legal { + margin-top: 18px; +} + +/* 404 */ + +.error404 .contenu { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 1000000; + width: auto; + height: auto; + background-color: rgba(0, 0, 0, 0.5); + padding: 15px; +} + +.error404 .contenu h1 { + color: #fff; + z-index: 10000; + font-family: var(--bigCaslon); + font-size: 58px; + font-weight: 800; +} + +.error404 .contenu h1:before { + content: none; +} + +.error404 .contenu p { + font-family: var(--montserrat); + -moz-column-rule: #fff; + column-rule: #fff; + font-size: 30px; + font-weight: 500; +} + +.error404 .lienError { + color: #fff; +} + +.error404 #vegWrapper { + width: 100vw; + height: 100vh; + overflow: hidden; +} + +.error404 #vegWrapper .veg { + position: absolute; + font-size: 30px; +} + +.error404 #vegWrapper img { + width: 300px; +} + +@media only screen and (max-width: 580px) { + .error404 .contenu { + width: 100%; + top: 58%; + } +} + +/* --------------- */ + +/* Couleur service */ + +/* --------------- */ + +/* SERVICE : Web-Design */ + +.webDesign .circle, +.studioGraphique .circle { + background-color: #c14fe3; +} + +.webDesign h2, +.studioGraphique h2 { + color: #c14fe3; +} + +.webDesign h2:before, +.studioGraphique h2:before { + background-color: #c14fe3; +} + +.menuContainer .studioGraphique .menu li::after { + background-color: #c14fe3; +} + +.menuContainer .studioGraphique .menu li.current-menu-item::after { + background-color: #c14fe3; +} + +.studioGraphique .barHover { + background-color: #c14fe3; +} + +.single .studioGraphique h1 { + color: #c14fe3; +} + +.single .studioGraphique h1:after { + color: #c14fe3; +} + +.single .studioGraphique h3 { + color: #c14fe3; +} + +.single .studioGraphique .barre { + background-color: #c14fe3; +} + +.single .studioGraphique ul li:before { + background-color: #c14fe3; +} + +.single .progress { + background: linear-gradient(to right, var(--pink) var(--scroll), transparent 0); + background-repeat: no-repeat; + position: fixed; + width: 100%; + height: 8px; + z-index: 1; + border-radius: 0; +} + +/* SERVICE : Agence-Web */ + +.agenceWeb .circle { + background-color: #1cc7c7; +} + +.agenceWeb h2 { + color: #1cc7c7; +} + +.agenceWeb h2:before { + background-color: #1cc7c7; +} + +.menuContainer .agenceWeb .menu li::after { + background-color: #1cc7c7; +} + +.menuContainer .agenceWeb .menu li.current-menu-item::after { + background-color: #1cc7c7; +} + +.agenceWeb .barHover { + background-color: #1cc7c7; +} + +.single .agenceWeb h1 { + color: #1cc7c7; +} + +.single .agenceWeb h1:after { + color: #1cc7c7; +} + +.single .agenceWeb h3 { + color: #1cc7c7; +} + +.single .agenceWeb .barre { + background-color: #1cc7c7; +} + +.single .agenceWeb ul li:before { + background-color: #1cc7c7; +} + +/* SERVICE : Production audio visuelle */ + +.productionAudiovisuelle .circle { + background-color: #21d5f5; +} + +.productionAudiovisuelle h2 { + color: #21d5f5; +} + +.productionAudiovisuelle h2:before { + background-color: #21d5f5; +} + +.single .productionAudiovisuelle h3 { + color: #21d5f5; +} + +.menuContainer .productionAudiovisuelle .menu li::after { + background-color: #21d5f5; +} + +.menuContainer .productionAudiovisuelle .menu li.current-menu-item::after { + background-color: #21d5f5; +} + +.productionAudiovisuelle .barHover { + background-color: #21d5f5; +} + +.single .productionAudiovisuelle h1 { + color: #21d5f5; +} + +.single .productionAudiovisuelle h1:after { + color: #21d5f5; +} + +.single .productionAudiovisuelle .barre { + background-color: #21d5f5; +} + +.single .productionAudiovisuelle ul li:before { + background-color: #21d5f5; +} + +/* SERVICE : Inbound Marketing */ + +.inboundMarketing .circle { + background-color: #fa62b3; +} + +.inboundMarketing h2 { + color: #fa62b3; +} + +.inboundMarketing h2:before { + background-color: #fa62b3; +} + +.single .inboundMarketing h3 { + color: #fa62b3; +} + +.menuContainer .inboundMarketing .menu li::after { + background-color: #fa62b3; +} + +.menuContainer .inboundMarketing .menu li.current-menu-item::after { + background-color: #fa62b3; +} + +.inboundMarketing .barHover { + background-color: #fa62b3; +} + +.single .inboundMarketing h1 { + color: #fa62b3; +} + +.single .inboundMarketing h1:after { + color: #fa62b3; +} + +.single .inboundMarketing .barre { + background-color: #fa62b3; +} + +.single .inboundMarketing ul li:before { + background-color: #fa62b3; +} + +/* SERVICE : Formation sur mesure */ + +.formationSurMesure .circle { + background-color: #faa400; +} + +.formationSurMesure h2 { + color: #faa400; +} + +.formationSurMesure h2:before { + background-color: #faa400; +} + +.single .formationSurMesure h3 { + color: #faa400; +} + +.menuContainer .formationSurMesure .menu li::after { + background-color: #faa400; +} + +.menuContainer .formationSurMesure .menu li.current-menu-item::after { + background-color: #faa400; +} + +.formationSurMesure .barHover { + background-color: #faa400; +} + +.single .formationSurMesure h1 { + color: #faa400; +} + +.single .formationSurMesure h1:after { + color: #faa400; +} + +.single .formationSurMesure .barre { + background-color: #faa400; +} + +.single .formationSurMesure ul li:before { + background-color: #faa400; +} + +@media screen and (max-width: 1200px) { + .page-template-template-portfolio .button-group button { + margin-left: 121px; + } +} + +@media screen and (min-width: 991px) and (max-width: 1200px) { + .navigation #menu-primary-beta > li { + margin-left: 25px; + } +} + +@media screen and (min-width: 991px) { + .fa-caret-down { + display: none !important; + } +} + +@media screen and (max-width: 991px) { + .header { + transition: top 0.2s ease-in-out; + top: 0px; + z-index: 10000000; + } + + .page-template-template-portfolio .button-group button { + margin-left: 61px; + } + + .navigation #menu-primary-beta { + text-align: left; + margin-top: 50px; + } + + .navigation #menu-primary-beta li:first-child { + margin-right: 0px; + margin-left: 0px; + } + + .navigation #menu-primary-beta li { + margin-left: 0px; + margin-right: 0px; + } + + .wpmm-mobile-menu a.wpmm_mobile_menu_btn { + box-shadow: none; + border: none; + padding: 6px 12px; + font-weight: 400; + margin: 12px 0; + border-radius: 3px; + transition: 400ms; + -webkit-transition: 400ms; + margin-top: 40px; + background-color: transparent; + color: #000000 !important; + } + + a.wpmm_mobile_menu_btn.show-close-icon.menu-active { + /*margin: 0;*/ + } + + #wp-megamenu-item-11063 { + margin-top: 10px !important; + } + + .page-template-template-clients .temoignageTexte { + margin-top: 40px; + } + + .page-template-template-clients .barre { + order: 1; + margin-bottom: 20px; + width: 100px; + } + + .page-template-template-clients .nomContact { + order: 2; + } + + .containerMenu { + position: static; + z-index: 100; + height: 130px; + } + + .fa-caret-down { + display: block !important; + width: 100%; + text-align: right; + margin-top: -22px; + z-index: 222222; + position: relative; + } + + .page-template-template-services .methodo .marge1, + .page-template-template-services .methodo .marge2, + .page-template-template-services .methodo .marge3, + .page-template-template-services .methodo .marge4, + .page-template-template-services .methodo .marge5, + .page-template-template-services .methodo .marge6 { + margin-top: 0px; + margin-bottom: 30px; + } + + .single .contenu table tbody tr td { + word-break: break-all; + } + + .page-template-template-blog .resume { + margin-bottom: 20px; + } +} + +@media screen and (max-width: 767px) { + .page-template-template-portfolio .button-group button { + margin-left: 0px; + display: block; + margin-top: 20px; + } + + .menu-primary-beta-container { + margin: auto; + margin-top: 15px; + } + + .navigation { + text-align: center; + } + + .wpmm_brand_logo_wrap { + width: 50%; + margin-top: 15px; + } + + .wpmm-mobile-menu .wpmm_mobile_menu_btn i { + font-size: 18px; + margin-right: 4px; + } + + .wpmm-mobile-menu a.wpmm_mobile_menu_btn { + box-shadow: none; + border: none; + padding: 6px 12px; + font-weight: 400; + margin: 12px 0; + border-radius: 3px; + transition: 400ms; + -webkit-transition: 400ms; + margin-top: 40px; + background-color: transparent; + color: #000000 !important; + font-size: 20px; + } + + .navigation #menu-primary-beta { + list-style: none; + margin-bottom: 0; + padding: 0; + top: 82px; + text-align: left; + background-color: rgb(237, 216, 216); + } + + .navigation #menu-primary-beta .wp-megamenu-sub-menu li { + margin: 0; + } + + .page-template-template-contact .information h2 { + margin-top: 30px; + } + + .page-template-template-contact .information .barre { + display: none; + } +} + +@media screen and (max-width: 610px) { + .traceD { + width: 390px; + left: -15px; + top: -40%; + } +} + +@media screen and (min-width: 576px) { + .home .slider .sliderSmall { + display: none; + } + + .page-template-template-domaines .slider .sliderSmall { + display: none; + } + + .page-template-template-services .slider .sliderSmall { + display: none; + } + + .page-template-template-portfolio .mobile { + display: none; + } +} + +@media screen and (max-width: 576px) { + .home .sliderLarge { + display: none; + } + + .page-template-template-domaines .sliderLarge { + display: none; + } + + .page-template-template-services .sliderLarge { + display: none; + } + + .home .slider .sliderSmall { + display: block; + } + + .page-template-template-domaines .slider .sliderSmall { + display: block; + } + + .page-template-template-portfolio .large { + display: none; + } + + .home .accroche h1 { + font-size: 44px; + } + + .home .circleTop { + margin-top: 30px; + } + + .home .intro { + margin-top: 30px; + } + + .menu-primary-beta-container { + display: none; + } + + .home .icone-rs i { + display: inline; + margin-right: 20px; + font-size: 30px; + } + + .home .icone-rs { + margin-bottom: 30px; + } + + .home .temoignages .trait { + margin-top: 15px; + margin-bottom: 15px; + } + + .home .temoignages .contenu { + font-size: 24px; + } + + .home .temoignages .contenu p { + line-height: 27px; + } + + .home .article .articleItem p { + font-size: 24px; + line-height: 27px; + } + + .footer .menuHaut { + margin-top: 10px; + margin-bottom: 10px; + } + + .footer .tva, + .footer .condition, + .footer .copyright { + margin: 0; + display: block; + } + + .footer .legal { + margin-top: 5px; + } + + .scroll-back-to-top-wrapper.show { + display: none; + } + + .accroche h1 { + font-size: 37px; + } + + .accroche h1 .barre { + margin-left: 0; + display: block; + margin-top: 20px; + margin-bottom: 20px; + } + + .page-template-template-services .contenuDeLaPage .spacer { + margin-top: 20px; + } + + .page-template-template-services .contenuDeLaPage h2 { + font-size: 50px; + line-height: 50px; + } + + .page-template-template-services .contenuDeLaPage h3 { + line-height: 33px; + } + + .page-template-template-services .article .plus { + line-height: 50px; + } + + .nosMenu { + margin-bottom: 40px; + } + + .page-template-template-services .menuContainer .menu-bas, + .page-template-template-domaines .menuContainer .menu-bas { + margin-top: 40px; + } + + .page-template-template-services .menuContainer h2, + .page-template-template-domaines .menuContainer h2 { + line-height: 50px; + } + + .single .circle { + margin-top: 80px; + } + + .navigation { + text-align: left; + } + + .articleItem { + margin-top: 40px; + } + + .home .article .espacement { + margin-top: 0px; + } + + .footer img { + width: 50%; + } + + .footer .menuHaut { + margin-top: 20px; + } + + .footer .menuBas { + margin-top: 15px; + } + + .wpmm_brand_logo_wrap img { + width: 233px; + } + + /* + .wpmm-mobile-menu a.wpmm_mobile_menu_btn + { + top: 115px; + left: 50%; + position: absolute; + transform: translate(-50%, -50%); + font-size: 25px; + } + */ + + .single .sidebar .domaineBloc.fixe { + display: none; + } +} + +@media screen and (max-width: 382px) { + /* + .wpmm_brand_logo_wrap + { + margin-top: -79px; + } + */ + + .header { + margin-top: 20px; + } +} + +/* TEMPLATE LEGAL */ + +.page-template-template-legal h1 { + font-size: 60px; +} + +.page-template-template-legal .contenu h2 { + font-family: "Montserrat", sans-serif; + font-size: 55px; + font-weight: 500; + margin: 0; + color: var(--pink); +} + +.page-template-template-legal .contenu h2:before { + background: var(--pink); + content: "\020"; + display: block; + height: 10px; + margin: 0; + margin-bottom: 15px; + width: 65px; +} + +.page-template-template-legal .contenu h3 { + font-family: "big-caslon-fb", serif; + font-size: 35px; + font-weight: 400; + margin: 0; + color: var(--pink); + margin-top: 30px; + margin-bottom: 10px; +} + +.page-template-template-legal .contenu h3:before { + content: none; +} + +.page-template-template-legal .contenu h4 { + font-family: "Montserrat", sans-serif; + font-size: 25px; + font-weight: 500; + margin: 0; + color: var(--pink); + margin-top: 15px; + margin-bottom: 15px; +} + +.page-template-template-legal .contenu p { + font-family: var(--montserrat); + font-size: 18px; + color: #000; + margin: 0; +} + +.page-template-template-legal .contenu ul { + margin: 0; + margin-top: 15px; + margin-bottom: 15px; +} + +.page-template-template-legal .contenu ul li { + font-family: var(--montserrat); + font-size: 18px; + color: #000; + margin: 0; +} + +.page-template-template-legal .contenu a { + color: #000; + text-decoration: underline; + text-decoration-color: #999999; + transition: all 0.2s ease-in; +} + +.page-template-template-legal .contenu a:hover { + text-decoration-color: #000; + /*text-decoration: none; + color: var(--pink);*/ +} + +/* Demo styles */ + +.slickOverlay { + display: none; +} + +.slickModal.cookieNotice1 p { + text-align: left; + font-family: var(--montserrat); + font-size: 18px; + margin: 0; +} + +.slickModal.cookieNotice1 .title { + font-weight: 700; + padding-bottom: 10px; + text-align: center; + font-family: var(--montserrat); + font-size: 18px; + margin: 0; +} + +.slickModal.cookieNotice1 label { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 35px; + font-family: var(--montserrat); + line-height: 35px; + font-size: 14px; + font-weight: 700; + color: #fff; + background-color: var(--pink); + text-align: center; + transition: all 0.2s ease-in; + opacity: 1; +} + +.slickModal.cookieNotice1 label:hover { + opacity: 0.3; +} + +.slickModal.cookieNotice1 a { + color: #212529; + text-decoration: underline; +} + +.slickModal.cookieNotice1 p { + font-size: 12px; + text-align: center; + line-height: 20px; +} + +/*-- Modifs stages et jobs Mai 2020 --*/ + +.page-template-template-job .circleTop { + width: 37px; + height: 37px; + background-color: #c14fe3; + border-radius: 100%; + float: right; + margin-top: 55px; + margin-bottom: 62px; +} + +.page-template-template-job .titreIntro h2 { + font-family: var(--bigCaslon); + font-size: 55px; + line-height: 66px; + color: #c14fe3; + margin: 0; +} + +.page-template-template-job .titreIntro h2:before { + content: none; +} + +.page-template-template-job .titreIntro p { + font-family: var(--bigCaslon); + font-size: 22px; + line-height: 27px; + color: #c14fe3; + margin: 0; + margin-top: 10px; + margin-bottom: 46px; +} + +.page-template-template-job .contenuDeLaPage .circleTop { + width: 37px; + height: 37px; + background-color: #c14fe3; + border-radius: 100%; + margin: 0; + margin-top: 74px; + float: left; +} + +.page-template-template-job .contenuDeLaPage .spacer { + margin-top: 50px; +} + +.page-template-template-job .contenuDeLaPage h2 { + font-family: var(--montserrat); + font-size: 25px; + color: #c14fe3; + line-height: 30px; + margin: 0; + font-weight: 500; +} + +.page-template-template-job .contenuDeLaPage h2:before { + content: ""; + width: 65px; + height: 10px; + background-color: #c14fe3; + margin: 0; + margin-bottom: 15px; +} + +.page-template-template-job .contenuDeLaPage h3 { + font-family: "big-caslon-fb", serif; + font-size: 33px; + color: #21d5f5; + /*line-height: 40px;*/ + margin: 0; + margin-bottom: 15px; +} + +.page-template-template-job .contenuDeLaPage p { + font-family: "big-caslon-fb", serif; + font-size: 22px; + color: #000; + line-height: 27px; + margin: 0; + /*margin-top: 15px; */ + margin-bottom: 15px; +} + +.page-template-template-job .contenuDeLaPage .colonne p:first-child { + margin: 0; +} + +.page-template-template-job .contenuDeLaPage span { + color: #21d5f5; +} + +.page-template-template-job .contenuDeLaPage a { + color: #000; + text-decoration: underline; + text-decoration-color: #999999; + transition: all 0.2s ease-in; +} + +.page-template-template-job .contenuDeLaPage a:hover { + text-decoration-color: #000; + /*text-decoration: none; + color: var(--pink);*/ +} + +.page-template-template-job .contenuDeLaPage ul { + margin: 0; + padding: 0; + margin-top: 20px; + margin-bottom: 20px; +} + +.page-template-template-job .contenuDeLaPage ul li { + font-family: "big-caslon-fb", serif; + font-size: 22px; + margin: 0; + padding: 0; + list-style: none; + position: relative; + padding: 0 0 0 60px; + line-height: 26px; + margin-top: 10px; +} + +.page-template-template-job .contenuDeLaPage ul li:before { + content: ""; + position: absolute; + left: 0; + top: 16px; + width: 37px; + height: 6px; + background-color: #c14fe3; +} + +.page-template-template-job .article .circleTop { + width: 37px; + height: 37px; + background-color: #c14fe3; + border-radius: 100%; + margin: 0; + margin-top: 73px; + margin-bottom: 59px; + float: left; +} + +.page-template-template-job .supplement h2 { + font-family: var(--bigCaslon); + font-size: 55px; + line-height: 66px; + color: #c14fe3; + margin: 0; + margin-bottom: 39px; +} + +.page-template-template-job .supplement h2:before { + content: none; +} + +.page-template-template-job .supplement p { + font-family: "big-caslon-fb", serif; + font-size: 22px; + color: #000; + line-height: 27px; + margin: 0; + margin-bottom: 15px; +} + +.page-template-template-job .supplement h3 { + font-family: "big-caslon-fb", serif; + font-size: 33px; + color: #21d5f5; + /* line-height: 40px; */ + margin: 0; + margin-bottom: 15px; +} + +.page-template-template-job .supplement a { + font-family: var(--bigCaslon); + color: #000; + text-decoration: underline; + margin: 0; +} + +.page-template-template-job .supplement a:hover { + color: var(--pink); + text-decoration: none; +} + +.page-template-template-job .supplement .circleTop { + float: left; +} + +.page-template-template-job .article .plus { + font-family: "big-caslon-fb", serif; + font-size: 55px; + color: #c14fe3; + margin: 0; + margin-bottom: 59px; + line-height: 59px; +} + +.page-template-template-job .article .articleItem a { + color: #c14fe3; +} + +.page-template-template-job .article .articleItem a:hover { + text-decoration: none; +} + +.page-template-template-job .article .articleItem .titreArticle { + font-family: "Montserrat", sans-serif; + font-weight: 500; + font-size: 25px; + line-height: 30px; + /*color: #E91969;*/ + height: 110px; + margin: 0; +} + +.page-template-template-job .article .articleItem .titreArticle::before { + content: ""; + display: block; + height: 10px; + width: 65px; + background-color: #c14fe3; + margin: 0; + margin-bottom: 15px; +} + +.page-template-template-job .article .articleItem p { + font-family: "big-caslon-fb", serif; + font-size: 22px; + margin-top: 22px; + color: #000; + line-height: 27px; +} + +.page-template-template-job .article .espacement { + margin-top: 25px; +} + +.page-template-template-job .menuContainer .circleTop { + width: 37px; + height: 37px; + background-color: #faa400; + border-radius: 100%; + margin: 0; + margin-top: 112px; + margin-bottom: 59px; + float: left; +} + +/* */ + +.page-template-template-job .menuContainer h2 { + font-family: "big-caslon-fb", serif; + font-size: 55px; + color: #faa400; + margin: 0; + margin-bottom: 59px; +} + +.page-template-template-job .menuContainer h2:before { + content: none; +} + +.page-template-template-job .menuContainer .nomMenu { + font-family: "Montserrat", sans-serif; + font-size: 25px; + font-weight: 600; + line-height: 30px; + color: #000; + /*height: 40px;*/ + margin: 0; + margin-bottom: 15px; +} + +.page-template-template-job .menuContainer .menu-haut .nomMenu { + margin-bottom: 15px; +} + +.page-template-template-job .menuContainer .menu-bas { + margin-top: 15px; +} + +.page-template-template-job .menuContainer .menu { + margin: 0; + padding: 0; +} + +.page-template-template-job .menuContainer .menu li { + list-style: none; + margin: 0; + padding: 0; + margin-bottom: 15px; +} + +.page-template-template-job .menuContainer .menu li a { + font-family: "Montserrat", sans-serif; + font-size: 22px; + font-weight: 400; + line-height: 26px; + margin: 0; + color: #000; + display: block; + text-transform: lowercase; +} + +.page-template-template-job .menuContainer .menu li:last-child { + margin-bottom: 0; +} + +.page-template-template-job .menuContainer .menu li a:hover { + text-decoration: none; +} + +.page-template-template-job .menuContainer .menu li::after { + content: ""; + display: block; + position: absolute; + height: 10px; + width: 0px; + background-color: #c14fe3; + margin: 0; + margin-bottom: 0px; + margin-top: -10px; + transition: all 0.2s ease-in; + z-index: -1; +} + +.page-template-template-job .menuContainer .menu li:hover::after { + width: 65px; +} + +.page-template-template-job .menuContainer .menu li.current-menu-item::after { + content: ""; + display: block; + position: absolute; + height: 10px; + width: 65px; + background-color: #c14fe3; + margin: 0; + margin-bottom: 0px; + margin-top: -10px; +} + +.page-template-template-job .menuContainer span { + font-family: "Montserrat", sans-serif; + font-size: 22px; + font-weight: 400; + line-height: 26px; + margin: 0; + color: #000; + display: block; + text-transform: lowercase; +} + +/* */ + +.page-template-template-job .devis .circleTop { + width: 37px; + height: 37px; + background-color: #e91969; + border-radius: 100%; + float: left; + margin: 0; + margin-top: 160px; + margin-bottom: 71px; +} + +.page-template-template-job .devis .circleCenter { + width: 37px; + height: 37px; + background-color: #e91969; + border-radius: 100%; + float: left; + margin: 0; + margin: 160px auto 0px auto; +} + +.page-template-template-job .devis .texteDevis { + font-family: "big-caslon-fb", serif; + font-size: 55px; + color: #e91969; + margin: 0; +} + +.page-template-template-job .devis .texteDevis:before { + content: none; +} + +/* ------ */