.justify {
	text-align:justify;
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.white {
	color:white;
}
.title-white h2 {
	color:white;
}
.h2, h2 {
    font-size: 2rem;
    font-weight: 300;
    color: #000;
}
.top-menu {
    position: fixed;
    right: 0;
    top: 0;
    width: calc(85% - 1px);
    height: 30px;
    background-color: #22272e;
    color: var(--white2);
    z-index: 10;
    align-items: center;
    justify-content: flex-end;
    pointer-events: initial;
    transform: translate(0,0);
}
.entry-content p {
    margin-top: 1rem;
    margin-bottom: 0rem;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 29px;
}
a {
    color: #2b2b2b;
    font-weight: bolder;
    text-decoration: none;
    background-color: transparent;
    cursor: pointer;
}
a:hover {
    color: inherit;
    text-decoration: underline;
}
.entry-content ul:not(.slick-dots) {
    padding: 20px 0px 0 20px;
    margin: 0;
    text-indent: 5px;
    list-style: none;
    font-family: 'Roboto';
    color: #2b2b2b;
    font-weight: 300;
    font-size: 1.1rem !important;
    line-height: 1.6 !important;
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.entry-content ul:not(.slick-dots) li {
    padding: 0 0px 10px 10px;
    position: relative;
    text-indent: 0;
}
/* --------------- */
/* TITRES & TEXTES */
/* --------------- */

.hp-text p {
    font-family: 'Roboto';
    color: #2b2b2b;
    font-weight: 300;
    font-size: 1.1rem !important;
    line-height: 1.6 !important;
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.hp-title h2, 
.hp-title h3,
.hp-title span{
    padding-top: 25px;
    color: #212121;
    font-weight: bold;
    font-size: 1.8rem !important;
    position: relative;
    margin-bottom: 20px;
}

.hp-title h3 {
    font-size: 1.8rem !important;
}

.hp-title h2::before {
    content: '';
    width: 110px;
    height: 7px;
    background: #212121;
    position: absolute;
    top: 0;
    left: 0;
}

.hp-title h2[style="text-align: right;"]::before {
    left: unset;
    right: 0;
}

@media (max-width: 991px) {
    .hp-title br {
        display: none;
    }
}

@media (max-width: 1024px) {
    .hp-title h2, 
    .hp-title h3,
    .hp-title span {
        font-size: 1.6rem !important;
    }
}

.titre-slider.fw-100 {
    font-weight: 900 !important;
}





/* --------------- */
/* LISTE HOMEPAGE */
/* --------------- */

.hp-list ul:not(.slick-dots) {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 16px;
    padding: 0 0px 0 30px;
    margin: 0;
    text-indent: 5px;
    list-style: none;
}

.hp-list ul:not(.slick-dots) li {
    padding: 0 0px 14px 10px;
    font-size: 14px;
}

.hp-list ul:not(.slick-dots) li:before {
    width: 10px;
    height: 10px;
    background: #f0e7dc;
    top: 5px;
}

li.vc_pagination-item::before {
    display: none !important;
}






/* --------------- */
/* BOUTONS */
/* --------------- */

.hp-btn button,
.hp-btn a,
.it-slider .my-slick-slider a {
    border: 1px solid black !important;
    font-family: 'Roboto', sans-serif !important;
    background: transparent !important;
    color: black !important;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 14px !important;
    letter-spacing: .6px;
    position: relative;
    overflow: hidden;
    border-radius: 0 !important;
    -webkit-text-stroke-width: unset;
    padding: 18px 24px !important;
    z-index: 1;
}

.hp-btn-white button,
.hp-btn-white a {
    color: white !important;
    border: 1px solid white !important;
}

.hp-btn-creme button,
.hp-btn-creme a {
    color: #f8f8ef !important;
    border: 1px solid #f8f8ef !important;
}

.hp-btn button::before,
.hp-btn a::before,
.it-slider .my-slick-slider a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: black;
    transform: translate(-101%);
    transition: transform .3s ease;
    z-index: -1;
}

.hp-btn-white button::before, 
.hp-btn-white a::before{
    background: white;
}

.hp-btn-creme button::before,
.hp-btn-creme a::before {
    background: #f8f8ef;
}

.hp-btn button::after,
.hp-btn a::after {
    display: none;
}

.hp-btn button:hover::before,
.hp-btn a:hover::before,
.it-slider .my-slick-slider a:hover::before {
    transform: translate(0%);
}

.hp-btn a:hover,
.hp-btn button:hover,
.it-slider .my-slick-slider a:hover {
    color: white !important;
}

.hp-btn-white a:hover,
.hp-btn-white button:hover,
.hp-btn-creme a:hover,
.hp-btn-creme button:hover {
    color: black !important;
}

@media (max-width: 640px) {
    .hp-btn button,
    .hp-btn a,
    .it-slider .my-slick-slider a{
        font-size: 1rem !important;
        letter-spacing: .4px;
    }
}

@media (max-width: 991px) {
    .hp-btn .wpb_wrapper {
        text-align: center;
    }
}






/* --------------- */
/* RESPONSIVE */
/* --------------- */

@media (max-width: 640px) {
    .vc_toggle {
        padding: 20px 10px !important;
    }
}








/* ------------------- */
/* LISTE INTERVENTIONS */
/* ------------------- */

.it-list {
    position: relative;
}
.it-list::before {
    content: '';
    position: absolute;
    right: 55%;
    top: 0;
    width: 100vw;
    height: 100%;
    background: #f0e7dc;
}
.it-list ul:not(.slick-dots) {
    font-family: 'Roboto';
    font-size: 1.1rem;
    font-weight: 300;
    padding: 0 0px 0 30px;
    list-style: none;
}
.it-list ul:not(.slick-dots) li {
    padding: 0 0 0 15px;
}
.it-list ul:not(.slick-dots) li + li {
    margin-top: 20px;
}
.it-list ul:not(.slick-dots) li:before {
    width: 8px;
    height: 8px;
    background: black;
    top: 6px;
}






/* -------------------------------------------------------- */
/* INTERVENTIONS - SUIVI POST-OPERATOIRE & COMBIEN COUTE... & DEROULEMENT */
/* -------------------------------------------------------- */
.it-suivi, .it-cout {
    overflow: visible !important;
}

@media (max-width: 640px) {
    div.it-deroulement {
        padding-bottom: 0 !important;
    }
    
    div.it-deroulement-image  {
        height: unset !important;
    }
    
    div.it-deroulement-title {
        margin-bottom: 20px !important;
    }
    
    .it-deroulement-image .vc_column-inner {
        margin-top: 40px !important;
    }
    
    .it-cout-image {
        margin-bottom: 160px;
    }
    
    .it-cout-image > .vc_column-inner {
        min-height: 350px !important;
    }
}

@media (max-width: 991px) {
    /* Image "comment se déroule..." */
    .it-deroulement-image {
        height: 450px !important;
    }
    
    /* Image "Suivi post-opératoire" */
    .it-suivi-image-container > .vc_column-inner {
        margin-top: 8vh !important;
    }
    div.it-suivi-image {
        margin-left: -10vw !important;
    }
}



/* ---------------------------------- */
/* INTERVENTIONS - SLIDER AVANT-APRES */
/* ---------------------------------- */
.it-slider .custom-slider, 
.it-slider .my-slick-slider {
    padding: 0;
}
.it-slider .my-slick-slider {
    width: 100%;
}
.it-slider .my-slick-slider p {
    font-size: 1rem !important;
    line-height: 1.8;
    text-align: justify;
    hyphens: auto;
}
.it-slider .my-slick-slider p:nth-last-child(2) {
    display: none;
}
.it-slider .my-slick-slider h3 {
    font-size: 1.2rem !important;
    color: black;
    font-weight: bold;
}

.it-slider .my-slick-slider .slick-next {
    top: unset;
    bottom: 4vh;
}

.it-slider .my-slick-slider .slick-prev {
    left: 40px;
    top: unset;
    bottom: 4vh;
    z-index: 1;
}

.it-slider .my-slick-slider .slick-prev::before {
    color: white;
    filter: none;
}

@media (max-width: 640px) {
    .it-slider .slick-slide {
        padding: 0 15px;
    }
    
    .it-slider .slick-dots {
        bottom: -35px;
    }
}





/* ------------------------------------------- */
/* INTERVENTIONS - CALL TO ACTIONS BAS DE PAGE */
/* ------------------------------------------- */
.it-cta a {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    background-color: #01253b !important;
    color: white !important;
    border: 0 !important;
    padding: 80px 30px !important;
    background-image: none !important;
    text-align: center !important;
    line-height: 1.6 !important;
    transition: background .5s ease;
}
.it-cta {
    margin-bottom: 0px;
}
.it-cta a:hover {
    background-color: #011E30 !important;
}
.it-cta strong {
    display: block;
    margin: 0 0 25px;
}
.it-cta i {
    position: relative !important;
    display: inline-block;
    font-size: 40px !important;
    left: unset !important;
    margin-right: 0 !important;
    margin-bottom: 40px;
}

@media (max-width: 640px) {
    .it-cta a {
        padding: 50px 30px !important;
        font-size: .9rem !important;
    }
    
    .it-cta strong {
        margin-bottom: 5px;
    }
    
    .it-cta i {
        margin-bottom: 30px;
    }
}







/* ------------------------------------------- */
/* INTERVENTIONS - FOIRE AUX QUESTIONS */
/* ------------------------------------------- */

.it-faq-title {
    text-align: right;
}
.it-faq-title h2 {
    padding-top: 0;
    padding-bottom: 2vh;
    display: inline-block;
}
.it-faq-title h2::before {
    top: 100%;
    height: 3px;
    left: 0 !important;
    right: unset !important;
    width: 100vw;
}

/* Questions FAQ */
.it-faq .vc_toggle_content {
    padding-left: 40px !important;
    padding-right: 40px !important;
    text-align: left;
}
.it-faq .vc_custom_heading {
    font-weight: 300;
    padding-top: 0;
    margin-bottom: 0;
    font-size: 1.1rem !important;
    line-height: 1.2 !important;
    margin-left: 15px;
    display: inline-block !important;
}
/* Icone + FAQ */
.it-faq .vc_custom_heading + .vc_toggle_icon::after {
    height: 12px;
    width: 2px;
}
.it-faq .vc_custom_heading + .vc_toggle_icon::before {
    width: 12px;
    height: 2px;
}

@media (max-width: 640px) {
    .it-faq .vc_toggle {
        padding: 10px !important;
    }
    .it-faq .vc_toggle_content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .it-faq {
        padding: 0 15px;
    }
}

@media (max-width: 991px) {
    .it-faq {
        padding: 0 8vh;
    }
    .it-faq .vc_toggle {
        padding: 12px 5px 12px 10px !important;
    }
    .it-faq .vc_toggle_content {
        padding-left: 4vh !important;
        padding-right: 4vh !important;
        margin-top: 0;
    }
    .it-faq .vc_custom_heading {
        margin-left: 5px;
        font-size: 1rem !important;
        font-weight: bold;
    }
}






/* -------------------------- */
/* INTERVENTIONS - RESPONSIVE */
/* -------------------------- */

@media (max-width: 640px) {
    .it-parallax h3 {
        line-height: 1 !important;
    }
    
    .it-parallax span {
        font-size: 1.2rem !important;
    }
    
    .it-securite {
        margin-top: 4vh;
    }
}

/* -------------------------- */
/* NATHAN */
/* -------------------------- */

/* Opacity #1 */
.hover11 figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover11 figure:hover img {
	opacity: .8;
}
@media (max-width: 640px) {
    .top-menu {
        display:none !important;
    }
}