/***** top page *****/ .top_page { position: relative; padding: 200px 0 0 0; background: #1b233c; color: #fff; overflow: hidden; margin-bottom: 90px;} .top_page img { width: 70%; max-width: 750px; height: auto; object-fit: cover; position: absolute; right: -15%; top: 50%; transform: translateY(-50%);} .top_page .wrapper { display: grid; align-items: center; grid-template-rows: auto 1fr; min-height: 40vh;} .top_page .texte { position: relative; padding: 60px 0 100px 0; z-index: 10; max-width: 750px;} .top_page .titre_main { color: #fff; margin-bottom: 30px; letter-spacing: 0.6px; max-width: 660px;} .top_page .titre_main span { position: relative; display: inline-block; padding-right: 90px;} .top_page .titre_main span:after { width: 60px; height: 2px; background: #ec6608; position: absolute; right: 0; top: 60%; content: "";} .top_page .sous_titre { margin: 15px 0 0 0;} .top_page .sous_titre.bigger { font-size: 24px;} .top_page .chapo { margin: 15px 0 0 0;} .top_page .chapo .sous_titre { display: block; margin: 0 0 15px 0;} .top_page.no_img .wrapper { display: block; min-height: inherit;} .top_page.no_img .texte { padding: 60px 0 100px 0;} .top_page.no_img .titre_main { margin-bottom: 20px;} .top_page .texte .link { margin: 35px 0 0 0;} @media (max-width:1200px) { .top_page { padding: 160px 0 0 0; margin-bottom: 70px;} } @media (max-width:1000px) { .top_page { padding: 160px 0 0 0; margin-bottom: 60px;} .top_page .texte { max-width: 550px;} } @media (max-width:700px) { .top_page { padding: 120px 0 0 0; margin-bottom: 50px;} /* .top_page img { display: none;} */ .top_page .wrapper { grid-template-rows: 1fr; min-height: inherit;} .top_page .texte { padding: 0 0 50px 0;} .top_page .titre_main { margin-bottom: 8px;} .top_page .chapo { margin: 15px 0 0 0;} .top_page .chapo .sous_titre { margin: 0 0 10px 0;} .top_page.no_img .texte { padding: 0 0 50px 0;} .top_page .texte .link { margin-top: 20px;} } /***** breadcrumb *****/ .breadcrumb { line-height: 0; position: relative; align-self: start;} .breadcrumb li { display: inline-block; font-size: 11px; line-height: 20px; margin-right: 30px; letter-spacing: 0.8px; position: relative;} .breadcrumb li:after { width: 1px; height: 9px; position: absolute; right: -15px; top: 6px; background: #ec6608; content: "";} .breadcrumb li:last-child:after { display: none;} .breadcrumb li a { color: #fff;} .breadcrumb li a.back { padding-left: 20px; background: url("../images/arrow_back.svg") 0 4px no-repeat; background-size: auto 9px;} @media (min-width:1201px) { .breadcrumb a:hover { color: #ec6608;} } @media (max-width:700px) { .breadcrumb { display: none;} } /***** page content *****/ .page { position: relative;} .page p { margin-bottom: 15px;} .page .ul_list a, .page p a { border-bottom: 1px solid #ddd; padding-bottom: 2px;} .page .ul_list { margin-bottom: 15px;} .page .ul_list li { padding: 5px 0 5px 20px; position: relative;} .page .ul_list li:before { position: absolute; left: 0; top: 15px; width: 6px; height: 6px; border-radius: 50%; background: #ec6608; content: "";} #competence ol { margin-left: 20px; margin-bottom: 15px; list-style: none; counter-reset: ordered-list;} #competence ol li { display: flex; padding: 5px;} #competence ol li:before { counter-increment: ordered-list; content: counter(ordered-list); margin-right: 10px; background-color: #ec6608; color: #f6f6f6; border-radius: 5px; display: flex; justify-content: center; align-items: center; width: 30px;} @media (min-width:1201px) { .page .ul_list a:hover, .page p a:hover { color: #ec6608; border-color: #ec6608;} } @media (max-width:1200px) { } @media (max-width:1000px) { } @media (max-width:700px) { .page { padding-bottom: 10px;} .page p { margin-bottom: 10px;} .page .ul_list { margin-bottom: 10px;} .page .ul_list li { padding-left: 18px;} .page .ul_list li:before { top: 15px; width: 5px; height: 5px;} } /***** bloc texte *****/ .bloc_texte { margin: 90px auto; position: relative;} .bloc_texte :last-child { margin-bottom: 0;} .bloc_texte img, .bloc_texte video { width: 100%; height: auto; display: block;} @media (max-width:1200px) { .bloc_texte { margin: 70px auto;} } @media (max-width:1000px) { .bloc_texte { margin: 60px auto;} } @media (max-width:700px) { .bloc_texte { margin: 35px 0;} } .space_marge_small { margin-top: 30px; font-size: 0; line-height: 0; letter-spacing: 0;} .space_marge { margin-top: 40px; font-size: 0; line-height: 0; letter-spacing: 0;} .space_marge_big { margin-top: 60px; font-size: 0; line-height: 0; letter-spacing: 0;} .space_border { width: 100%; height: 2px; background: #ec6608; margin: 60px auto; font-size: 0; line-height: 0; letter-spacing: 0;} .space_line { width: 100%; height: 1px; background: #ddd; margin: 40px auto; font-size: 0; line-height: 0; letter-spacing: 0;} .space_padding { padding-top: 20px;} @media (max-width:1200px) { .space_marge_small { margin-top: 25px;} .space_marge { margin-top: 35px;} .space_border { margin: 55px auto;} .space_marge_big { margin-top: 55px;} .space_padding { padding-top: 15px;} } @media (max-width:1000px) { .space_marge_small { margin-top: 20px;} .space_marge { margin-top: 30px;} .space_marge_big { margin-top: 50px;} .space_border { margin: 50px auto;} } @media (max-width:700px) { .space_marge_small { margin-top: 15px;} .space_marge { margin-top: 25px;} .space_marge_big { margin-top: 45px;} .space_padding { padding-top: 10px;} .space_border { margin: 45px auto;} } .show_hide.closed { border: 2px solid #ddd; margin: 30px 0;} .show_hide.closed .titre { font-size: 15px; line-height: 22px; font-weight: 600; padding: 20px 70px 22px 35px; color: #1b233c;} .show_hide.closed .titre:after { width: 16px; height: 16px; top: 50%; transform: translateY(-50%); right: 35px;} .show_hide.closed .item { border-color: #ddd;} .show_hide.closed .item:first-child .hide { display: none;} .show_hide.closed .item:last-child { border-color: #fff;} .show_hide.closed .hide { padding: 0 35px 25px 35px;} @media (max-width:1200px) { .show_hide.closed .titre { font-size: 14px;} } @media (max-width:1000px) { .show_hide.closed .titre { padding: 15px 70px 17px 5vw;} .show_hide.closed .titre:after { right: 5vw;} } @media (max-width:600px) { .show_hide.closed .titre { font-size: 13px; padding: 10px 60px 12px 20px;} .show_hide.closed .titre:after { right: 20px;} .show_hide.closed .hide { padding: 0 20px 20px 20px;} } /***** matieres specifiques *****/ .matieres { padding-top: 70px; border-top: 2px solid #ec6608;} .matieres .grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px; margin-top: 25px;} .matieres .grid .link { background-image: linear-gradient(to top, #eee 0% 50%, #fff 50% 100%); border-radius: 0; min-height: 100px; display: grid; align-items: center; height: auto; padding: 15px 30px;} .matieres .grid .link span { color: #1b233c; line-height: 22px; display: inline-block; background: url("../images/arrow_orange.svg") 100% 50% no-repeat; padding-right: 35px;} .matieres .grid .link.active { background: #ec6608;} .matieres .grid .link.active span { color: #fff; background-image: url("../images/arrow_white.svg");} @media (max-width:1200px) { .matieres { padding: 50px 0 0 0;} .matieres .grid { grid-template-columns: 1fr 1fr 1fr; grid-gap: 15px;} .matieres .grid .link { min-height: 90px; padding: 10px 30px;} } @media (max-width:1000px) { .matieres { padding: 40px 0 0 0;} .matieres .grid { grid-template-columns: 1fr 1fr; } .matieres .grid .link { min-height: 80px; padding: 10px 5vw;} } @media (max-width:700px) { .matieres { padding: 30px 0 0 0;} .matieres .grid { grid-template-columns: 1fr; grid-gap: 10px;} .matieres .grid .link { min-height: 60px; padding: 5px 7.5vw;} } /***** matieres specifiques *****/ .matieres.articles { border-top: none;} .matieres.articles .article { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px;} .matieres.articles .article a { display: grid; grid-template-columns: 90px 1fr; align-items: center; margin-top: 20px;} .matieres.articles .article a img { width: 100%; height: auto; display: block; transition: filter 400ms ease-in-out;} .matieres.articles .article a span { color: #1b233c; font-size: 16px; line-height: 24px; font-weight: 500; padding: 0 40px;} .matieres.articles .article a span i { color: #ec6608; font-size: 14px; font-weight: 400; font-style: normal; display: block; padding-top: 4px;} .matieres.articles .article a span .date { font-size: 14px; font-weight: 400; font-style: normal; color: #ec6608;} @media (min-width:1201px) { .matieres.articles .article a:hover img { filter: brightness(0.65);} .matieres.articles .article a:hover span { color: #ec6608;} } @media (max-width:1000px) { .matieres.articles .article { grid-template-columns: 1fr; grid-gap: 10px;} .matieres.articles .article a span { font-size: 15px; padding: 0 0 0 5vw;} } @media (max-width:700px) { .matieres.articles .article a { align-items: start;} .matieres.articles .article a span { font-size: 14px; line-height: 24px;} .matieres.articles .article a span .date { font-size: 13px;} } @media (max-width:400px) { .matieres.articles .article a { grid-template-columns: 70px 1fr;} } /***** matieres specifiques *****/ .equipe .nav_slider { top: -10px;} @media (max-width:1200px) { } @media (max-width:1000px) { } @media (max-width:700px) { .equipe .nav_slider { position: relative; top: 0; right: calc(-50% + 40px) } } /***** page avocats *****/ #avocats .listing { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 40px; padding: 20px 0;} @media (max-width:1400px) { #avocats .listing { grid-template-columns: 1fr 1fr 1fr; } } @media (max-width:1200px) { } @media (max-width:1000px) { #avocats .listing { grid-template-columns: 1fr 1fr; grid-gap: 30px;} } @media (max-width:700px) { #avocats .listing { grid-template-columns: 1fr; grid-gap: 15px;} } /***** competences *****/ #competences .listing .grid { position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; margin-top: 35px;} #competences .listing .item { position: relative; background: #f2f2f2;} #competences .listing .row { position: relative; padding: 45px 50px; background: #f2f2f2; transition: all 400ms ease-in-out;} #competences .listing .row img { width: 40px; margin: 0 0 20px 0;} #competences .listing .row .sous_titre { margin: 0; font-size: 15px; line-height: 25px; padding-right: 45px;} #competences .listing .row p { margin: 10px 0 0 0; max-width: 350px;} #competences .listing .row .link_arrow { position: absolute; left: 0; top: 0; background: url("../images/arrow_orange.svg") right+40px center no-repeat; width: 100%; height: 100%; font-size: 0;} @media (min-width:1201px) { #competences .listing .item .row:hover { background: #fff;} } @media (max-width:1400px) { #competences .listing .row { padding: 45px 80px 45px 50px; } } @media (max-width:1200px) { #competences .listing .grid { grid-template-columns: 1fr 1fr; grid-gap: 15px; margin-top: 30px;} #competences .listing .row { padding: 40px 80px 40px 40px; } } @media (max-width:1000px) { #competences .listing .grid { grid-template-columns: 1fr;} #competences .listing .row { padding: 35px 90px 35px 5vw; } #competences .listing .row p { max-width: inherit;} } @media (max-width:700px) { #competence .top_page img { display: none;} #competences .listing .grid { grid-template-columns: 1fr; grid-gap: 10px;} #competences .listing .row { padding: 20px 7.5vw; display: grid; grid-template-columns: auto 1fr; align-items: center; grid-gap: 20px; } #competences .listing .row p { display: none; } #competences .listing .row img { margin: 0 0 0 0;} } /***** Blog Compétence *****/ #articles select { width: 100%; height: 50px; border: none; font: 400 14px/24px "Open Sans"; letter-spacing: 0.4px; padding: 0 25px 0 25px; color: #000; background: #f2f2f2; border-radius: 8px; display: block; margin-bottom: 15px; -webkit-appearance: none; appearance: none; background: url("../images/arrow_down.svg") right+25px center no-repeat #f2f2f2;} #viewBlogCompetence { margin-top: 30px; display: block; } /***** methodologie *****/ #methodologie .first_step { margin-top: -20px;} #methodologie .step { position: relative; margin-bottom: 70px;} #methodologie .step .line { width: 3px; background: #ec6608; position: absolute; left: 31px; top: 62px; bottom: -70px;} #methodologie .step .line.last { bottom: 0;} #methodologie .step .number { width: 65px; height: 65px; border-radius: 50%; border: 3px solid #ec6608; background: #fff; color: #ec6608; font: 700 24px/56px "Playfair Display"; text-align: center; letter-spacing: 0; position: absolute; left: 0; top: 0;} #methodologie .step .text { padding-left: 100px;} #methodologie .step .titre_main { line-height: 65px;} #methodologie .step .row { background: #f2f2f2; padding: 40px;} #methodologie .step .row p .link_border { font-weight: 600; font-size: 15px; border-width: 2px; border-color: #ec6608; color: #ec6608;} /*#methodologie .step .row p .link { height: auto; line-height: inherit; border: none; padding: 0 12px; margin: 0 2px; font-size: 13px;}*/ @media (min-width:1201px) { #methodologie .step .row p .link:hover { color: #fff;} } @media (max-width:1200px) { #methodologie .short_bloc { padding-left: calc(5vw + 30px);} #methodologie .line { height: calc(100% + 50px); left: 13px; top: 32px;} #methodologie .step .number { left: 0; top: 2px; height: 60px; width: 60px; font-size: 22px; line-height: 58px;} #methodologie .step .text { padding-left: 80px;} #methodologie .step .titre_main { line-height: 60px;} } @media (max-width:1000px) { #methodologie .number { height: 54px; width: 54px; font-size: 20px; line-height: 52px;} #methodologie .step .titre_main { line-height: 54px;} } @media (max-width:700px) { #methodologie .short_bloc { padding-left: 35px;} #methodologie .step .line { width: 2px; height: calc(100% + 30px); left: 22px; top: 45px;} #methodologie .step .number { height: 46px; width: 46px; font-size: 18px; line-height: 42px;} #methodologie .step .text { padding-left: 60px;} #methodologie .step .titre_main { line-height: 30px;} #methodologie .step .row { background: #fff; padding: 0;} } /***** honoraires *****/ #honoraires .steps { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; margin: 30px 0;} #honoraires .steps .item { background: #f2f2f2; text-align: center; padding: 40px;} #honoraires .steps .item span { display: block; width: 50px; height: 50px; border-radius: 50%; color: #fff; background: #ec6608; margin: 0 auto 20px auto; font: 700 20px/48px "Playfair Display";} #honoraires .steps .item p { max-width: 280px; margin: 0 auto -5px auto;} #honoraires .maximes .titre_serif { font-size: 22px; line-height: 30px;} @media (max-width:1200px) { #honoraires .steps { grid-gap: 20px; margin: 20px 0;} #honoraires .steps .item { padding: 30px;} #honoraires .steps .item span { width: 45px; height: 45px; } #honoraires .steps .item p { max-width: inherit;} #honoraires .maximes .titre_serif { font-size: 20px; line-height: 28px;} } @media (max-width:1000px) { #honoraires .steps { grid-gap: 15px;} #honoraires .steps .item { padding: 30px 5vw;} #honoraires .maximes .titre_serif { font-size: 18px; line-height: 28px;} } @media (max-width:700px) { #honoraires .steps { grid-template-columns: 1fr; grid-gap: 10px; margin: 15px 0;} #honoraires .steps .item { padding: 30px 7.5vw;} #honoraires .steps .item span { width: 40px; height: 40px; font-size: 16px ; line-height: 38px;} #honoraires .maximes .titre_serif { font-size: 16px; line-height: 28px;} } /***** auteurs *****/ .liste_auteur { padding-top: 70px; border-top: 2px solid #ec6608;} /***** wolfpack *****/ .hidden-more { display: none;} .text-left { text-align: left;} .color-red { color: #ea0000; font-weight: 500;} .moreless { cursor: pointer; margin-top: 20px;} .link.wolfpack { padding: 20px 80px 20px 20px; height: inherit; line-height: 20px;} .nb { font-size: 12px; line-height: 18px; margin-top: 30px;} .link.wolfpack:before { width: 100%; height: 100%; background: url("../images/wolf-pack-3-tetes.svg") right no-repeat; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); background-size: 18%; content: "";} #wolfpack .titre_main em { display: block; color: #ec6608; font-style: normal; font-size: 28px; font-weight: 400;} #wolfpack .titre_main em.small { font-size: 22px; font-weight: 400; color: #1b233c;} #wolfpack .bloc-packs { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 0; margin: 30px 0 60px 0;} #wolfpack .bloc-packs .item { text-align: left;} #wolfpack .bloc-packs .item { background: #f2f2f2; text-align: center; padding: 40px;} #wolfpack .bloc-packs .item:nth-child(1) { background: #f2f2f2; } #wolfpack .bloc-packs .item:nth-child(2) { background: #edecec; } #wolfpack .bloc-packs .item:nth-child(3) { background: #e6e4e4; } #wolfpack .bloc-packs .item img { margin-bottom: 20px;} #wolfpack .bloc-packs .item span.picto { border-radius: 50%; border: 2px solid #ec6608; padding: 10px; background: #ffffff; margin:0 auto 30px auto; display: block; width: 80px;} #wolfpack .bloc-packs .item span.picto img { width: auto; height: 60px; margin: 0 auto;} #wolfpack .bloc-packs .item strong { font-weight: 700; font-size: 26px; color: #000000; margin-bottom: 20px; display: block; font-family: "Playfair Display";} #wolfpack .bloc-packs .item strong em { font-weight: 400; font-style: normal; font-size: 17px; color: #ec6608; font-family: "Open Sans";} #wolfpack .bloc-packs .item p { margin-bottom: 20px;} #wolfpack .bloc-packs .item p.pack-heure { font-weight: 700; font-size: 28px; margin: 20px 0; display: block;} #wolfpack .bloc-packs .item p.pack-tarif { font-weight: 700; color: #ec6608; font-size: 22px; min-height: 70px;} #wolfpack .bloc-packs .item p.pack-tarif em { font-weight: 400; font-style: normal; font-size: 15px; color: #000000;} #wolfpack .bloc-packs .item p.pack-horaires { font-size: 12px; line-height: 18px; margin-top: 30px;} #wolfpack .bloc-packs .item a.link { line-height: 20px; padding-top: 20px; padding-bottom: 20px; height: inherit;} #wolfpack .cta_wrap { text-align: center;} #wolfpack .cta_wrap>.titre_main { color: #ffffff; display: block; margin-bottom: 40px; letter-spacing: 10px;} #wolfpack .bloc_grid .texte .titre_main em { display: block; color: #ec6608; font-style: normal; font-size: 28px; font-weight: 400;} #wolfpack .avis.wolfpack { margin-top: 60px;} #wolfpack .avis.wolfpack .swiper { grid-template-columns: repeat(9,1fr); overflow-x: auto; padding-bottom: 20px;} #wolfpack .avis.wolfpack .swiper .item { width: 350px;} #wolfpack .avis.wolfpack .swiper .item p { font: 400 14px/28px "Open Sans"; margin-bottom: 10px;} #wolfpack .avis.wolfpack .swiper .item p.author { text-align: right; font-size: 14px; line-height: 18px;} #wolfpack .avis.wolfpack .swiper .item p.author em { color: #000000; font-style: normal; font-size: 11px; display: block;} #wolfpack .lespacks { margin: 90px 0; padding: 120px 0; position: relative; background: #f2f2f2; } #wolfpack .lespacks:before { content: ''; left: -50vw; width: 200vw; background: #f2f2f2; height: 100%; top: 0; position: absolute;z-index: -1;} #wolfpack .bloc-pack { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; margin: 30px 0 60px 0;} #wolfpack .bloc-pack .item { text-align: left;} #wolfpack .bloc-pack .item { background: #ffffff; text-align: center; padding: 20px 20px 60px 20px;} #wolfpack .bloc-pack .item img { max-width: 100%; height: auto; margin-bottom: 20px;} #wolfpack .bloc-pack .item p.titre { font-weight: 400; font-size: 18px; text-transform: uppercase; letter-spacing: 10px; color: #000000; margin-bottom: 20px; display: block; font-family: "Open Sans";} #wolfpack .bloc-pack .item p.intro { font-weight: 400; font-size: 14px; color: #ec6608; margin-bottom: 20px; display: block; font-family: "Open Sans"; padding: 0 20px; min-height: 120px; line-height: 28px;} #wolfpack .bloc-pack .item p { margin-bottom: 20px;} #wolfpack .bloc-pack .item a.link { line-height: 20px; padding-top: 20px; padding-bottom: 20px; height: inherit;} #wolfpack .bloc-pack .item .pack-plus { font-size: 16px; text-transform: uppercase;} #wolfpack .bloc-pack .item .tarif { font-size: 14px;} #wolfpack .bloc-pack .item .tarif strong { font-weight: 700; font-size: 18px; color: #ec6608;} @media (max-width:1000px) { #wolfpack .titre_main em { font-size: 20px;} #wolfpack .cta_wrap>.titre_main { letter-spacing: 5;} #wolfpack .lespacks { margin: 30px 0; padding: 60px 0;} #wolfpack .bloc-packs { grid-template-columns: 1fr;} #wolfpack .bloc-packs .item img { max-width: 80%; margin-left: auto; margin-right: auto; margin-bottom: 50px;} #wolfpack .bloc-packs.description .item { text-align: left; position: relative;} #wolfpack .bloc-packs.description .item span.picto { margin: inherit; display: inline-block;} #wolfpack .bloc-packs.description .item a.link { display: block; width: fit-content; position: absolute; right: 20px; top: 40px;} #wolfpack .bloc-packs.description .item strong { display: inline-block; margin: 10px 0 0 20px; position: absolute; font-size: 22px;} #wolfpack .bloc-packs.description .item strong em { font-size: 15px;} #wolfpack .bloc-pack { grid-template-columns: 1fr;} #wolfpack .bloc-pack .item p.intro { min-height: inherit;} #wolfpack .avis.wolfpack .swiper .item { width: 400px; margin: 0 20px 0 0;} } @media (max-width:600px) { #wolfpack .bloc-packs.description .item a.link { display: block; width: fit-content; position: relative; right: inherit; top: inherit; margin-left: auto; margin-right: auto;} #wolfpack .lespacks { padding: 30px 0;} #wolfpack .bloc-packs.description .item { padding: 20px;} #wolfpack .bloc-packs.description .item strong { font-size: 20px;} } @media (max-width:500px) { #wolfpack .avis.wolfpack .swiper .item { width: 320px;} } /***** custom pages competences *****/ .more_infos { cursor: pointer;} .hide_more_infos { display: none;} /* grid icones */ #competence .grid_icones { text-align: center; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; margin: 30px auto;} #competence .grid_icones .item { padding: 40px; background: #f2f2f2;} #competence .grid_icones img { border: 2px solid #ec6608; border-radius: 50%; display: block; width: 90px; height: auto; margin: 0 auto 15px auto;} #competence .grid_icones p { margin: 0 auto; max-width: 200px; line-height: 24px;} @media (max-width:1200px) { #competence .grid_icones { margin: 20px auto;} } @media (max-width:1000px) { #competence .grid_icones { grid-gap: 15px;} } @media (max-width:700px) { #competence .grid_icones { grid-template-columns: 1fr; grid-gap: 10px; margin: 15px auto;} #competence .grid_icones .item { padding: 0; display: grid; grid-template-columns: auto 1fr; text-align: left; align-items: center; grid-gap: 15px; background: none;} #competence .grid_icones img { width: 60px; margin: 0;} #competence .grid_icones p { margin: 0; max-width: none;} } /* bloc team */ #competence .bloc_team { padding: 120px 0;} #competence .bloc_team:before { width: 200vw; position: absolute; left: -50vw; top: 0; bottom: 0; background: #1b233c; z-index: -1; content: "";} #competence .bloc_team>.titre_main { color: #fff; margin-top: -10px;} #competence .grid_team { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px;} #competence .grid_team .more_infos:before { width: 40px; height: 40px; background: url(../images/plus.svg) 50% no-repeat #fff; position: absolute; right: 30px; bottom: 30px; transition: none; content: "";} #competence .grid_team .more_infos.not_active { opacity: 0.5;} #competence .grid_team .more_infos.active { opacity: 1;} #competence .grid_team .more_infos.active:before { background-image: url(../images/moins.svg);} #competence .grid_team .item_avocat { background: #fff; display: grid; align-items: end;} #competence .grid_team .item_avocat .row { position: absolute; left: 30px; top: 5px;} #competence .grid_team .item_txt { padding: 50px; background: #fff;} #competence .grid_team .hide_more_infos { grid-column: span 3; color: #fff; padding: 40px 0 0 20px;} #competence .grid_team .hide_more_infos a { color: #fff;} @media (max-width:1200px) { #competence .bloc_team { padding: 100px 0;} #competence .grid_team .item_txt { padding: 30px;} } @media (max-width:1000px) { #competence .bloc_team { padding: 80px 0;} #competence .grid_team { grid-template-columns: 1fr 1fr; grid-gap: 15px;} #competence .grid_team .item_txt { grid-column: span 2;} #competence .grid_team .hide_more_infos { grid-area: 2 / span 2; padding: 20px;} } @media (max-width:700px) { #competence .bloc_team { padding: 50px 0;} #competence .grid_team .more_infos:before { right: 20px; bottom: 20px;} #competence .grid_team .item_avocat .row { left: 20px; top: 5px;} #competence .grid_team .item_txt { padding: 20px 0 0 0; color: #fff; background: none;} } @media (max-width:600px) { #competence .grid_team { grid-template-columns: 1fr; grid-gap: 20px;} #competence .grid_team .item_txt { grid-column: auto;} #competence .grid_team .hide_more_infos { grid-area: 2; padding: 0 0 10px 0;} #competence .grid_team .hide_more_infos:last-child { grid-area: 3;} } /* item nbr */ #competence .item_nbr { position: relative; display: grid; grid-template-columns: auto 1fr; grid-gap: 15px; align-items: center;} #competence .item_nbr span { width: 35px; height: 35px; border-radius: 50%; text-align: center; color: #fff; line-height: 35px; font-size: 14px; font-weight: 400; letter-spacing: 0; background: #ec6608;} @media (max-width:700px) { #competence .item_nbr { grid-gap: 10px;} #competence .item_nbr span { width: 29px; height: 29px; line-height: 29px; font-size: 13px;} } /* border item */ #competence .border_bot_items { margin: -10px 0 30px 0;} #competence .border_bot_items .item { border-bottom: 1px solid #ddd; padding: 20px 0 16px 0;} #competence .border_bot_items .item p { margin-bottom: 5px;} /* bloc testimonial */ #competence .bloc_testimonial { padding: 120px 0; text-align: center;} #competence .bloc_testimonial:before { width: 200vw; position: absolute; left: -50vw; top: 0; bottom: 0; background: #f2f2f2; z-index: -1; content: "";} #competence .bloc_testimonial .slider { padding: 0 60px;} #competence .bloc_testimonial .titre_serif { font-size: 22px; line-height: 36px; max-width: 900px; margin: 15px auto; padding-top: 50px; background: url(../images/quote.svg) 50% 0 no-repeat;} #competence .bloc_testimonial .slider .slick-arrow { position: absolute; left: -15px; top: 50%; margin-top: -40px;} #competence .bloc_testimonial .slider .slick-next { left: auto; right: -15px;} @media (max-width:1200px) { #competence .bloc_testimonial { padding: 100px 0;} #competence .bloc_testimonial .titre_serif { font-size: 20px; line-height: 34px; padding-top: 40px; background-size: 40px auto;} } @media (max-width:1000px) { #competence .bloc_testimonial { padding: 80px 0;} } @media (max-width:700px) { #competence .bloc_testimonial { padding: 45px 0;} #competence .bloc_testimonial .slider { padding: 0 30px; line-height: 22px;} #competence .bloc_testimonial .titre_serif { font-size: 15px; line-height: 25px; padding-top: 30px; background-size: 30px auto; margin: 10px auto;} } #competence .page#id_306 .equipe { display: none;} /** domaines d'expertise **/ .bloc_domaines { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;} .bloc_domaines .item { position: relative; margin: 40px 0 0; border: 1px solid #DDDDDD; padding: clamp(30px, 2vw, 40px) clamp(20px, 2.5vw, 40px); } .bloc_domaines .item lord-icon { position: absolute; top: -40px; left: 40px; background-color: #fff; width: 70px; height: 70px; } .bloc_domaines .item p b { font-size: 17px; } .bloc_domaines .item .info_buble { width: 25px; height: 25px; border-radius: 50%; display: grid; align-items: center; justify-content: center; background-color: #eee; line-height: 15px; position: absolute; bottom: 15px; right: 15px;} @media (min-width:1201px) { .bloc_domaines .item .info_buble:hover { background-color: #1b233c; color: #fff;} } @media (max-width:1200px) { .bloc_domaines { grid-template-columns: repeat(2, 1fr);} } @media (max-width:700px) { .bloc_domaines { grid-template-columns: 1fr;} .bloc_domaines .item { margin: 20px 0 0; } .bloc_domaines .item lord-icon { top: -30px; left: 20px; width: 55px; height: 55px; } .bloc_domaines .item .info_buble { width: 45px; height: 45px; border-radius: 5px; display: inline-grid; position: relative; bottom: inherit; right: inherit;} } /** team_details detail **/ .info_details { width: 100%; height: 100vh; position: fixed; right: 0; top: 0; z-index: 5000; display: none;} .info_details ::-webkit-scrollbar { display: none;} .info_details .close_bg { width: 100%; height: 100%; background: #374347; position: absolute; left: 0; top: 0; z-index: 10; opacity: 0.9; cursor: url(../images/close.svg), auto;} .info_details .infos { width: 50vw; height: 100%; background: #fff; position: absolute; top: 0; z-index: 20;} .info_details .infos .hide p:last-of-type { margin-bottom: 0;} .info_details .infos .read_more, .info_details .infos .read_less { padding-bottom: 0} .info_details .infos .link { margin-top: 20px;} .info_details .infos .close { position: absolute; top: 0; left: -50px; width: 50px; height: 50px; background: #ec6608; cursor: pointer; z-index: 50;} .info_details .infos .close:before { width: 12px; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); content: "";} .info_details .infos .close:after { width: 2px; height: 12px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); content: "";} .info_details .infos .row { width: auto; height: 100%; display: grid; align-items: center; overflow-y: auto; margin: 0 5vw;} .info_details .infos .row .wrap { padding: 60px 0 80px 0; position: relative;} .info_details .infos .texte { background: #fff; margin-bottom: 40px;} .info_details .photos { width: 70vw; overflow: hidden;} /* open close animation */ .info_details .infos { right: -80vw; transition: right 600ms ease-in-out 200ms;} .info_details .infos.active { right: 0; transition-delay: 400ms;} .info_details .infos .row { opacity: 0; transition: opacity 400ms ease-in-out 0ms;} .info_details .infos.active .row { opacity: 1; transition-delay: 1000ms;} @media (min-width:1201px) { .info_details .infos .close:hover:before { background: #000;} .info_details .infos .close:hover:after { background: #000;} } @media (max-width:1200px) { .info_details .infos { width: 100vw; right: -100vw;} .info_details .infos .close { left: auto; top: 0; right: 0; width: 50px; height: 50px; border-radius: 0; opacity: 0; transition: opacity 400ms ease-in-out 0ms;} .info_details .infos .close:before { background: #fff;} .info_details .infos .close:after { background: #fff;} .info_details .infos .row { width: 95vw;} .info_details .infos .row .wrap { padding: 50px 0;} .info_details .infos .texte { margin-bottom: 30px;} .info_details .photos { width: 95vw;} .info_details .slider .slick-slide img { height: 40vw;} .info_details .infos.active .close { opacity: 1; transition-delay: 1000ms;} } @media (max-width:1000px) { .info_details .slider .slick-slide img { height: 60vw;} } @media (max-width:600px) { .info_details .infos .close { top: 0; right: 0; width: 46px; height: 46px;} .info_details .infos .row .wrap { padding: 5vw 0;} .info_details .infos .texte { width: 80vw; margin: 10px 0 10px 5vw;} .info_details .infos .sous_titre { font-size: 14px; line-height: 24px; margin: -5px 0 10px 0;} .info_details .slider .item img { width: 90vw; height: auto; display: block; margin-top: 15px;} } #rdv .grid_rdv { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 15px; margin: 30px 0 60px 0; } #rdv .grid_rdv .item { background: #f2f2f2; padding: 40px; } /* #rdv .grid_rdv .item:nth-child(1) { background: #f2f2f2; } #rdv .grid_rdv .item:nth-child(2) { background: #edecec; } #rdv .grid_rdv .item:nth-child(3) { background: #e6e4e4; } */ @media (max-width:1200px) { #rdv .grid_rdv { grid-template-columns: 1fr 1fr; } #rdv .grid_rdv .item { padding: 30px; } } @media (max-width:700px) { #rdv .chapo { display: none; } #rdv .grid_rdv { grid-template-columns: 1fr; gap: 10px; } #rdv .grid_rdv .item { padding: 20px; } } .cta-wolfpack { display: block; text-align: center; margin: 80px auto 0 auto; color: #ffffff;} .cta-wolfpack p { margin-bottom: 20px;} .cta-wolfpack p b { font: 700 40px / 50px "Playfair Display"; font-size: 25px; line-height: 34px; font-weight: normal; display: block;} .cta-wolfpack .link.wolfpack { padding: 20px 80px 20px 20px; height: inherit; line-height: 20px;} .cta-wolfpack .link.wolfpack:before { width: 100%; height: 100%; background: url(../images/wolf-pack-3-tetes.svg) right no-repeat; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); background-size: 18%; content: "";} h2.chapo span a { color: #ec6608;} h2.chapo span a:hover { color: #ffffff;} .show_hide .item:first-child .hide { display: none;} .show_hide .titre { color: #1b233c; font: 500 16px / 18px "Open Sans"; padding-left: 30px;}