/***** top page *****/ .top_page { position: relative; padding-top: 170px;} .top_page .content { padding: clamp(30px, 8vw, 80px) 0 0 0; } .top_page .titre_main { margin-bottom: 15px; margin-top: -15px; font-size: clamp(24px, 2.8vw, 40px);} .top_page .sous_titre { font-size: clamp(16px, 1.8vw, 20px);} .top_page .content_full { display: block;} @media (max-width:1200px) { .top_page { padding-top: 130px;} } @media (max-width:1000px) { .top_page { padding-top: 120px;} .top_page .content { grid-template-columns: 1fr; grid-gap: 30px;} } @media (max-width:700px) { .top_page { padding-top: 80px;} .top_page .titre_main { margin-bottom: 15px; margin-top: -15px; font-size: clamp(24px, 2.8vw, 40px); line-height: 140%;} .top_page .sous_titre { margin-bottom: 25px;} } /***** breadcrumb *****/ .breadcrumb { margin: 0; line-height: 0; position: relative;} .breadcrumb li { display: inline-block; font-size: 12px; line-height: 20px; margin-right: 30px; letter-spacing: 0.6px; position: relative;} .breadcrumb li:after { width: 1px; height: 9px; position: absolute; right: -18px; top: 5px; background: var(--mainColor1); content: "";} .breadcrumb li:last-child:after { display: none;} .breadcrumb li:last-child a { color: var(--mainColor1);} @media (min-width:1201px) { .breadcrumb a:hover { color: var(--mainColor1);} } @media (max-width:700px) { .breadcrumb { display: none;} } /***** text : simple *****/ .txt_simple { position: relative; text-align: center; margin: var(--marginTB);} .txt_simple.align_left { text-align: left;} .txt_simple:before { position: absolute; width: 94vw; max-width: calc(47vw + 720px); left: auto; right: 3vw; top: 0; bottom: 0; background: #eee; border-radius: 50px; visibility: hidden; transition: none; content: "";} .txt_simple svg { width: 60px; height: auto; display: block; margin: 0 auto 15px auto;} .txt_simple :last-child { margin-bottom: 0;} .txt_simple .link { margin-top: 10px;} .txt_simple .multi_links { display: grid; grid-template-columns: 1fr 1fr; max-width: 300px; grid-gap: 10px; margin: 25px 0 0 0;} .txt_simple .multi_links .link { margin: 0; text-align: center; padding: 0;} /* custom highlight */ .txt_simple .txt_highlight { padding-bottom: 15px;} .txt_simple .txt_highlight svg { bottom: 0; left: 0; right: 0; margin: 0 auto;} .txt_simple .txt_highlight svg path { fill: var(--mainColor1);} .bloc_txt_img { margin: var(--marginTB);} .txt_simple p a, .bloc_txt_img p a { border-bottom: 1px solid var(--mainColor1); } @media (min-width:1201px) { .txt_simple p a:hover, .bloc_txt_img p a:hover { color: var(--mainColor1); } } #hypnose .bloc_txt_img .titre_main { margin-bottom: 15px; font-size: clamp(25px, 2vw, 35px); line-height: 150%; text-align: center;} @media (max-width:1200px) { } @media (max-width:1000px) { } @media (max-width:700px) { #hypnose .bloc_txt_img.reverse .container .item.img { grid-area: 1;} #hypnose .bloc_txt_img.reverse .container .item.txt { grid-area: 2;} #hypnose .bloc_txt_img .container .item.img { grid-area: 1;} #hypnose .bloc_txt_img .container .item.txt { grid-area: 2;} .bloc_txt_img .container .item.img { grid-area: 2;} .bloc_txt_img .container .item.txt { grid-area: 1;} } /***** grid bloc *****/ .grid_bloc { position: relative; margin: var(--marginTB);} .grid_bloc:before { width: auto; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: var(--bgColorLight); visibility: hidden; transition: none; z-index: -1; content: "";} .grid_bloc .container { display: grid; grid-gap: clamp(10px, 5vw, 20px); margin-top: clamp(15px, 3vw, 25px);} @media (max-width:1200px) { .grid_bloc:before { left: 0; right: 0; top: 0; bottom: 0; border-radius: 0;} } /* custom colums */ .grid_bloc.col_2 .container { grid-template-columns: repeat(2, 1fr);} .grid_bloc.col_3 .container { grid-template-columns: repeat(3, 1fr);} .grid_bloc.col_4 .container { grid-template-columns: repeat(4, 1fr);} @media (max-width:1200px) { .grid_bloc.col_4 .container { grid-template-columns: 1fr 1fr;} } @media (max-width:1000px) { .grid_bloc.col_3 .container { grid-template-columns: 1fr;} } @media (max-width:700px) { .grid_bloc.col_2 .container, .grid_bloc.col_3 .container, .grid_bloc.col_4 .container { grid-template-columns: 1fr;} } /* swipe mobile */ @media (max-width:700px) { .swipe_mobile .container { display: flex; gap: 10px; width: 100vw; margin-left: -5vw; overflow-x: auto; padding: 0 5vw;} .swipe_mobile .container::-webkit-scrollbar { display: none;} .swipe_mobile .container .item { min-width: clamp(280px, 75vw, 360px);} } /***** page faq *****/ .page_faq { margin: var(--marginTB);} .page_faq .sous_titre { font-size: clamp(18px, 2.2vw, 24px);} /***** quote : txt + img *****/ .quote_txt_img { padding: 0 0 clamp(20px, 8vw, 40px) 0; margin: clamp(-40px, -4vw, -20px) 0 0 0;} .quote_txt_img .container .titre_hw { margin-bottom: clamp(10px, 2vw, 15px);} @media (max-width:1200px) { } @media (max-width:1000px) { } @media (max-width:700px) { } /***** bloc reviews *****/ .bloc_reviews { margin-top: -20px; padding-top: clamp(20px, 4vw, 60px)} .cadre_light { padding: clamp(20px, 4vw, 60px); background-color: #fff; border-radius: var(--imgRadius);} @media (max-width:1200px) { } @media (max-width:1000px) { } @media (max-width:700px) { } #tarifs .ul_prix { background-color: #fff; border-radius: var(--imgRadius); padding: clamp(10px, 2.2vw, 20px); } #tarifs .sous_titre { color: var(--mainColor1); font-size: clamp(20px, 25px, 30px); } #tarifs .ul_prix li { display: flex; justify-content: space-between; border-bottom: 1px solid #ffded7; padding: 15px 0; } #tarifs .ul_prix li span { font-weight: 500; } #tarifs .ul_prix li:last-of-type { border-bottom: none; } @media (max-width:1200px) { } @media (max-width:1000px) { } @media (max-width:700px) { } #page_temoignages .top_page .link { line-height: 22px; min-height: 50px; height: auto; padding: 14px 25px; } @media (max-width:1200px) { } @media (max-width:1000px) { } @media (max-width:700px) { }