diff --git a/css/app.css b/css/app.css index d716ac4..bf67f82 100644 --- a/css/app.css +++ b/css/app.css @@ -1,33 +1,42 @@ +@import url("https://use.typekit.net/iaa6iur.css"); + +@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"); + /* @import "tailwindcss/base"; @import "tailwindcss/components"; @import "tailwindcss/utilities"; */ /* @import url("css/font.css"); */ -@font-face { - font-family: "montserratblack"; +.bigCaslon { + font-family: "big-caslon-fb", serif; +} + +.montserrat { + font-family: "Montserrat", sans-serif; +} + +/* @font-face { + font-family: "montserrat"; src: url("../fonts/montserrat-black-webfont.woff2") format("woff2"), url("../fonts/montserrat-black-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } - @font-face { - font-family: "montserratbold"; + font-family: "montserrat"; src: url("../fonts/montserrat-bold-webfont.woff2") format("woff2"), url("../fonts/montserrat-bold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } - @font-face { - font-family: "montserratextrabold"; + font-family: "montserrat"; src: url("../fonts/montserrat-extrabold-webfont.woff2") format("woff2"), url("../fonts/montserrat-extrabold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } - @font-face { font-family: "montserratextralight"; src: url("../fonts/montserrat-extralight-webfont.woff2") format("woff2"), @@ -35,7 +44,6 @@ font-weight: normal; font-style: normal; } - @font-face { font-family: "montserratlight"; src: url("../fonts/montserrat-light-webfont.woff2") format("woff2"), @@ -43,7 +51,6 @@ font-weight: normal; font-style: normal; } - @font-face { font-family: "montserratmedium"; src: url("../fonts/montserrat-medium-webfont.woff2") format("woff2"), @@ -51,7 +58,6 @@ font-weight: normal; font-style: normal; } - @font-face { font-family: "montserratregular"; src: url("../fonts/montserrat-regular-webfont.woff2") format("woff2"), @@ -59,7 +65,6 @@ font-weight: normal; font-style: normal; } - @font-face { font-family: "montserratsemibold"; src: url("../fonts/montserrat-semibold-webfont.woff2") format("woff2"), @@ -67,3872 +72,374 @@ font-weight: normal; font-style: normal; } - @font-face { font-family: "montserratthin"; src: url("../fonts/montserrat-thin-webfont.woff2") format("woff2"), url("../fonts/montserrat-thin-webfont.woff") format("woff"); font-weight: normal; font-style: normal; -} - -: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; -} - -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: 33px; - 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: 22px; - 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: 27px; - 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: 22px; - 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; - margin: 0; - 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; - margin: 0; - 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; - margin: 0; - 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; - z-index: 1; - 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; -} - -.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-left: 0px; - margin-right: 0px; - } - .navigation #menu-primary-beta li:first-child { - 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; +.wp-admin.post-type-portfolio .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { } -.page-template-template-legal .contenu ul li { - font-family: var(--montserrat); - font-size: 18px; - color: #000; - margin: 0; +.wp-admin.post-type-portfolio .chapter-section { + box-sizing: border-box; + padding-left: 8rem; + padding-right: 8rem; + margin: 2rem calc(50% - 50vw); + max-width: 100vw; + width: 100vw; } -.page-template-template-legal .contenu a { - color: #000; - text-decoration: underline; - text-decoration-color: #999999; - transition: all 0.2s ease-in; +.wp-admin.post-type-portfolio .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.wp-admin.post-type-portfolio .chapter-section)) { } -.page-template-template-legal .contenu a { - color: #000; - text-decoration: underline; - text-decoration-color: #999999; - transition: all 0.2s ease-in; +.wp-admin.post-type-portfolio .is-root-container, +.portfolio-single{ + margin-left: auto; + margin-right: auto; + padding-top: 7rem; } -.page-template-template-legal .contenu a:hover { - text-decoration-color: #000; - /*text-decoration: none; - color: var(--pink);*/ +.wp-admin.post-type-portfolio .is-root-container h1, + .wp-admin.post-type-portfolio .is-root-container h2, + .wp-admin.post-type-portfolio .is-root-container h3, + .wp-admin.post-type-portfolio .is-root-container h4, + .wp-admin.post-type-portfolio .is-root-container h5, + .wp-admin.post-type-portfolio .is-root-container h6, + .portfolio-single h1, + .portfolio-single h2, + .portfolio-single h3, + .portfolio-single h4, + .portfolio-single h5, + .portfolio-single h6 { + font-family: "big-caslon-fb", serif; } -/* 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; - font-size: 18px; - 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; -} - -.slickModal.cookieNotice1 label { - 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; +.wp-admin.post-type-portfolio .is-root-container h1:before, .wp-admin.post-type-portfolio .is-root-container h2:before, .wp-admin.post-type-portfolio .is-root-container h3:before, .wp-admin.post-type-portfolio .is-root-container h4:before, .wp-admin.post-type-portfolio .is-root-container h5:before, .wp-admin.post-type-portfolio .is-root-container h6:before, .portfolio-single h1:before, .portfolio-single h2:before, .portfolio-single h3:before, .portfolio-single h4:before, .portfolio-single h5:before, .portfolio-single h6:before{ + --tw-content: none; + content: var(--tw-content); } -.page-template-template-job .contenuDeLaPage .circleTop { - width: 37px; - height: 37px; - background-color: #c14fe3; - border-radius: 100%; - margin: 0; - margin-top: 74px; - float: left; +.wp-admin.post-type-portfolio .is-root-container p, + .wp-admin.post-type-portfolio .is-root-container span, + .portfolio-single p, + .portfolio-single span { + font-family: "Montserrat", sans-serif; + font-size: 0.875rem; + line-height: 1.25rem; + line-height: 1.625; } -.page-template-template-job .contenuDeLaPage .spacer { - margin-top: 50px; +.wp-admin.post-type-portfolio .is-root-container strong, .portfolio-single strong{ + font-weight: 600; } -.page-template-template-job .contenuDeLaPage h2 { - font-family: var(--montserrat); - font-size: 25px; - color: #c14fe3; - line-height: 30px; - margin: 0; - font-weight: 500; +.wp-admin.post-type-portfolio .is-root-container__project-infos, .portfolio-single__project-infos { + border-bottom: 1px solid #3e3c3c; + display: flex; + list-style-type: none; + flex-wrap: wrap; + margin: 2rem calc(50% - 50vw); + max-width: 100vw; + width: 100vw; } - -.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; - margin: 0; - line-height: 27px; - margin: 0; - /*margin-top: 15px; */ - margin-bottom: 15px; + +.wp-admin.post-type-portfolio .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.wp-admin.post-type-portfolio .is-root-container__project-infos)),.wp-admin.post-type-portfolio .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not( .portfolio-single__project-infos)) { } -.page-template-template-job .contenuDeLaPage .colonne p:first-child { - margin: 0; +.wp-admin.post-type-portfolio .is-root-container h2, .portfolio-single h2{ + padding-bottom: 1.5rem; + font-size: 3rem; + line-height: 1; +} + +.project-card{ + margin-left: auto; + margin-right: auto; + max-width: 1440px; } -.page-template-template-job .contenuDeLaPage span { - color: #21d5f5; +.portfolio-header{ + position: relative; + width: 100vw !important; + padding: 1.5rem; + box-sizing: border-box; + margin: 0 calc(50% - 50vw); + max-width: 100vw !important; + dispay: block; +} + +.portfolio-header__cover{ + position: absolute; + inset: 0px; + height: 100% !important; + width: 100%; + --tw-bg-opacity: 1; + background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1)); + -o-object-fit: cover; + object-fit: cover; + z-index: -1; } -.page-template-template-job .contenuDeLaPage a { - color: #000; - text-decoration: underline; - text-decoration-color: #999999; - transition: all 0.2s ease-in; +.portfolio-header__content{ + position: relative; + z-index: 10; + display: flex; + flex-direction: column; + min-height: 80vh; } -.page-template-template-job .contenuDeLaPage a:hover { - text-decoration-color: #000; - /*text-decoration: none; - color: var(--pink);*/ +.portfolio-header__project-details{ + margin-top: auto; + margin-bottom: auto; + font-size: 0.875rem; + line-height: 1.25rem; } -.page-template-template-job .contenuDeLaPage ul { - margin: 0; - padding: 0; - margin-top: 20px; - margin-bottom: 20px; +.portfolio-header__heading-infos{ + display: flex; + align-items: center; + justify-content: space-between; + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); + font-size: 0.75rem; + line-height: 1rem; } -.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; +.portfolio-header__heading-infos .project-type{ + margin-top: 0px; + margin-bottom: 0px; + line-height: 1.625; } -.page-template-template-job .contenuDeLaPage ul li:before { - content: ""; - position: absolute; - left: 0; - top: 16px; - width: 37px; - height: 6px; - background-color: #c14fe3; +.portfolio-header .client-logo{ + margin-left: auto; + margin-right: auto; + margin-top: 3rem; + margin-bottom: 3rem; + display: block; + height: auto; + width: 18rem; + -o-object-fit: contain; + object-fit: contain; + -o-object-position: center; + object-position: center; } -.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; +.portfolio-header__innerblocks{ + margin-left: auto; + margin-right: auto; + max-width: 32rem; + border-radius: 0.5rem; + padding: 2rem; + text-align: center; + font-size: 0.875rem; + line-height: 1.25rem; + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } -.page-template-template-job .supplement h2 { - font-family: var(--bigCaslon); - font-size: 55px; - line-height: 66px; - color: #c14fe3; - margin: 0; - margin-bottom: 39px; +.gallery-website-screens{ + width: 100vw; + --tw-bg-opacity: 1; + background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)); + padding: 2.5rem; + margin: 0 calc(50% - 50vw); } -.page-template-template-job .supplement h2:before { - content: none; +.gallery-website-screens ul{ + margin-left: auto; + margin-right: auto; + list-style-type: none; + justify-content: center; + gap: 1rem; + padding-left: 0px; + padding-right: 0px; } -.page-template-template-job .supplement p { - font-family: "big-caslon-fb", serif; - font-size: 22px; - color: #000; - margin: 0; - line-height: 27px; - margin: 0; - margin-bottom: 15px; +@media (min-width: 782px){ + .gallery-website-screens ul{ + padding-left: 1rem; + padding-right: 1rem; + } } -.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; +@media (min-width: 960px){ + .gallery-website-screens ul{ + padding-left: 3rem; + padding-right: 3rem; + } } -.page-template-template-job .supplement a { - font-family: var(--bigCaslon); - color: #000; - text-decoration: underline; - margin: 0; +.gallery-website-screens ul.is-grid{ + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); } -.page-template-template-job .supplement a:hover { - color: var(--pink); - text-decoration: none; +@media (min-width: 960px){ + .gallery-website-screens ul.is-grid{ + grid-template-columns: repeat(3, minmax(0, 1fr)); + } } -.page-template-template-job .supplement .circleTop { - float: left; +.gallery-website-screens ul.is-flex{ + display: flex; + flex-wrap: nowrap; } -.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; +.gallery-website-screens ul{ + max-width: 1800px; } -.page-template-template-job .article .articleItem a { - color: #c14fe3; +.chapter-section{ + margin-top: 0px !important; + margin-bottom: 0px !important; + display: flex; + align-items: center; + justify-content: center; } -.page-template-template-job .article .articleItem a:hover { - text-decoration: none; +@media (min-width: 1440px){ + .chapter-section{ + gap: 3rem; + } } -.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; +.chapter-section { + /* min-height: 80vh; */ } -.page-template-template-job .article .articleItem .titreArticle::before { - content: ""; - display: block; - height: 10px; - width: 65px; - background-color: #c14fe3; - margin: 0; - margin-bottom: 15px; +@media (min-width: 1280px){ + .chapter-section{ + padding-top: 8rem; + } } -.page-template-template-job .article .articleItem p { - font-family: "big-caslon-fb", serif; - font-size: 22px; - margin-top: 22px; - color: #000; - line-height: 27px; +.chapter-section{ + margin-left: auto; + margin-right: auto; } -.page-template-template-job .article .espacement { - margin-top: 25px; +@media (min-width: 1280px){ + .chapter-section + *:not(.simple-screen){ + margin-top: 8rem; + } } -.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; +.chapter-section--right{ + flex-direction: row-reverse; } -/* */ - -.page-template-template-job .menuContainer h2 { - font-family: "big-caslon-fb", serif; - font-size: 55px; - color: #faa400; - margin: 0; - margin-bottom: 59px; +.chapter-section__content { + flex-shrink: 0; } -.page-template-template-job .menuContainer h2:before { - content: none; +.chapter-section__content p{ + --tw-text-opacity: 1; + color: rgb(82 82 82 / var(--tw-text-opacity, 1)); } -.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; +.chapter-section__innerblocks{ + max-width: 36rem; } -.page-template-template-job .menuContainer .menu-haut .nomMenu { - margin-bottom: 15px; +.chapter-section__innerblocks p{ + max-width: 28rem; } -.page-template-template-job .menuContainer .menu-bas { - margin-top: 15px; +.chapter-section__cover{ + -o-object-fit: contain; + object-fit: contain; + min-width: 0; + flex-shrink: 1; + max-width: 100%; + /* Empêche de dépasser son conteneur */ + display: block; } -.page-template-template-job .menuContainer .menu { - margin: 0; - padding: 0; +.chapter-section__cover--large{ + height: 24rem !important; } -.page-template-template-job .menuContainer .menu li { - list-style: none; - margin: 0; - padding: 0; - margin-bottom: 15px; +.chapter-section__cover--grande{ + height: 20rem !important; } -.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; +.chapter-section__cover--medium{ + height: 16rem !important; } -.page-template-template-job .menuContainer .menu li:last-child { - margin-bottom: 0; +.chapter-section__cover--small{ + height: 3rem !important; } -.page-template-template-job .menuContainer .menu li a:hover { - text-decoration: none; +.simple-screen{ + margin-top: 0px; + margin-bottom: 0px; + margin: 2rem calc(50% - 50vw); + max-width: 100vw; + width: 100vw; } -.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; +.wp-admin.post-type-portfolio .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.simple-screen)) { } -.page-template-template-job .menuContainer .menu li:hover::after { - width: 65px; +.simple-screen img{ + margin-left: auto; + margin-right: auto; } -.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; +.simple-screen--full img{ + height: auto; + width: 100%; } -.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; +.simple-screen--large img{ + height: auto; + width: 100%; + max-width: 1440px; } -/* */ - -.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; +.case-button{ + margin-top: 1.5rem; + display: block; + width: -moz-fit-content; + width: fit-content; + border-radius: 9999px; + --tw-bg-opacity: 1; + background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); + padding-left: 1.5rem; + padding-right: 1.5rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); + transition: transform 0.3s ease-in-out; + text-decoration: none !important ; } -.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; +.case-button:hover { + transform: translateX(2px); } -.page-template-template-job .devis .texteDevis { - font-family: "big-caslon-fb", serif; - font-size: 55px; - color: #e91969; - margin: 0; +.project-type--print .case-button{ + --tw-bg-opacity: 1; + background-color: rgb(193 79 227 / var(--tw-bg-opacity, 1)); } -.page-template-template-job .devis .texteDevis:before { - content: none; +.project-type--video .case-button, .project-type--web .case-button{ + --tw-bg-opacity: 1; + background-color: rgb(28 199 199 / var(--tw-bg-opacity, 1)); + font-size: 0.875rem; + line-height: 1.25rem; + --tw-text-opacity: 1 !important; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; + font-family: "Montserrat", sans-serif; + font-weight: 600; } -/* ------ */ - body, * { /* @apply !bg-red-500; */ diff --git a/js/app.js b/js/app.js index 7f289b6..6a03724 100644 --- a/js/app.js +++ b/js/app.js @@ -21,9 +21,9 @@ return __reExport(__markAsModule(__defProp(module != null ? __create(__getProtoOf(module)) : {}, "default", module && module.__esModule && "default" in module ? { get: () => module.default, enumerable: true } : { value: module, enumerable: true })), module); }; - // node_modules/@popperjs/core/dist/cjs/popper.js + // node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/dist/cjs/popper.js var require_popper = __commonJS({ - "node_modules/@popperjs/core/dist/cjs/popper.js"(exports) { + "node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/dist/cjs/popper.js"(exports) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); function getWindow(node) { @@ -1366,9 +1366,9 @@ } }); - // node_modules/bootstrap/dist/js/bootstrap.js + // node_modules/.pnpm/bootstrap@5.3.3_@popperjs+core@2.11.8/node_modules/bootstrap/dist/js/bootstrap.js var require_bootstrap = __commonJS({ - "node_modules/bootstrap/dist/js/bootstrap.js"(exports, module) { + "node_modules/.pnpm/bootstrap@5.3.3_@popperjs+core@2.11.8/node_modules/bootstrap/dist/js/bootstrap.js"(exports, module) { (function(global, factory) { typeof exports === "object" && typeof module !== "undefined" ? module.exports = factory(require_popper()) : typeof define === "function" && define.amd ? define(["@popperjs/core"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, global.bootstrap = factory(global.Popper)); })(exports, function(Popper) {