: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: 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::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; 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); 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; } .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 { 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; 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; } .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; margin: 0; 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; margin: 0; 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; } /* ------ */