/*
	Theme Name: Lithium Marketing
	Theme URI: https://lithiummarketing.com/
	Author: Lithium Marketing
	Author URI: https://lithiummarketing.com/
	Description: Thème par Lithium Marketing	
	Version: 2.0
	Text Domain: lithiummarketing
	Bootstrap 4
<meta name="google-site-verification" content="VHn6ylAF3JhU76oy9RIrhzKRHiDdOce0Yx5cVXf9_8Q" />
*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Work Sans', sans-serif;
}

/*** --------- VARIABLES --------- ***/
:root {
	--primary-color: #C7A877;
	--secondary-color: #53585A;
    --container-width: 1140px;
    --container-smaller: 1000px;
    --container-larger: 1450px;
    --container-xxl: 1920px;
}
/*** --------- END VARIABLES --------- ***/

@media screen and (min-width: 1200px){
    .container-smaller{
        max-width: var(--container-smaller);
    }
	.container-larger,
	.banner-about-pediatrie .wp-block-cover__inner-container{
		max-width: var(--container-larger);
	}
    .container-xxl{
        max-width: var(--container-xxl);
    }
}

/*** --------- FONT-SIZES --------- ***/
html {
    font-size: 18px;
}

.h1 {
	font-size: 5rem;
	font-weight: 300;
	line-height: 5rem;
}

.h2 {
    font-size: 3rem;
    font-weight: 300;
}
.h2-2 {
    font-size: 2.4rem;
    font-weight: 300;
}

.h3 {
    font-size: 2rem;
    font-weight: bold;
}

.h4 {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 400;
}

.h5 {
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: bold;
}
.h6{
    font-size: 2rem;
    line-height: 2rem;
    text-transform: uppercase;
    font-weight: 500;
}
.telfooter{
    font-size: 1.2rem;
    line-height: 1.1rem;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 0.3rem;
    color: #62676A;
}

footer * {
    font-size: 0.9rem;
}

.footer-scroll-button * {
    font-size: 1.5rem !important;
}
#footer-copyright span{
    color: #A4A5A5;
}

.home-subtitle {
	font-size: 1.4rem;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 2px;
	margin-bottom: 2.5rem;
	display: block;
}

.bio-title {
    font-size: 1.66rem;
    font-weight: 500;
    text-transform: uppercase;
}

.bio-text {
    font-weight: 500;
}

.main-doctor .doctor-name {
    font-size: 1.2rem;
    letter-spacing: 2px;
    font-weight: 500;
    text-transform: uppercase;
}

.doctor-title {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 1px;
}

.doctor .doctor-name {
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
}

.bio-subtitle {
    font-size: 1.5625rem;
    text-transform: uppercase;
    font-weight: 600;
}

.bio-description {
    font-size: 1.125rem;
    font-weight: 500;
}

.doctor-info {
  transform: translateY(0);
  transition: transform 0.35s ease;
}

.doctor-btn {
    background-color: transparent;
    color: var(--secondary-color);
    border: 2px solid var(--primary-color);
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 0.5rem 1.6rem;
    text-align: center;
    transition: all ease 500ms;
    display: none;
}

.main-doctor img {
    max-width: 100%;
    max-height: 650px;
    object-fit: cover;
}

.doctor img {
    max-width: 100%;
    max-height: 500px;
    object-fit: cover;
}

@media (min-width: 1400px) { 
    .main-doctor img {
        max-height: 650px;
    }

    .doctor img {
        max-height: 650px;
    }
}

@media (min-width: 2560px) { 
    .main-doctor img {
        max-height: 800px;
    }

    .doctor img {
        max-height: 800px;
    }
}






/* Hover state */
.doctor:hover .doctor-info {
  transform: translateY(-20px);
}

.doctor:hover .doctor-btn {
  display: inline-flex;
  background-color: var(--primary-color);
  color: white;
  outline: none;
  transition: all ease 500ms;
}

/* Hover state */
.main-doctor:hover .doctor-info {
  transform: translateY(-20px);
}

.main-doctor:hover .doctor-btn {
  display: inline-flex;
  background-color: var(--primary-color);
  color: white;
  outline: none;
  transition: all ease 500ms;
}

#teamFilter {
  padding: 15px;
  border-radius: 0;
  color: #707070;
  text-transform: uppercase;
}

#teamFilter:focus-visible {
  outline: none;
}


/*** --------- END FONT-SIZES --------- ***/


/*** --------- COLORS --------- ***/
.text-primary {
    color: var(--primary-color) !important;
}

.text-secondary {
    color: var(--secondary-color) !important;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

.bg-secondary {
    background-color: var(--secondary-color) !important;
}

.bg-grey {
    background-color: #EFF4F6;
}

.bg-secondary-transparent {
    background-color: rgba(83, 88, 90, 0.5) !important;
}

.border-primary {
    border-color: var(--primary-color) !important;
    border-width: 2px !important;
}

a {
    color: currentColor;
}

footer * {
    color: white;
}

#footer-copyright {
    background-color: #3B3F41;
}

#section_schedule,
.home-c{
    background-color: #EFF4F6;
}

main {
    color: #53585A;
}
/*** --------- END COLORS --------- ***/


/*** --------- EFFECTS AND GENERAL TAGS  --------- ***/
a:hover,
#footer-copyright a:hover i {
	text-decoration: none;
    color: var(--primary-color);
}

ul {
    list-style-position: inside;
}

main ul li {
    list-style-type: none;
    margin-left: 20px;
}

main ul li:before {
    content: '+';
    margin-left: -20px;
    margin-right: 10px;
    font-weight: bold;
    color: currentColor;
}
/*** --------- END OF EFFECTS AND GENERAL TAGS  --------- ***/


/*** --------- HELPER CLASSES --------- ***/
.object-cover {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.object-contain {
    width: 100%;
	height: 100%;
	object-fit: contain;
}

.half-container {
    width: 100%;
    height: 100%;
    max-width: calc(var(--container-width) / 2) !important;
    padding-left: 15px;
    padding-right: 15px;
}
/*** --------- HELPER CLASSES --------- ***/


/*** --------- COMPONENTS AND EFFECTS --------- ***/
.btn-theme,
body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit]{
    background-color: transparent;
    color: var(--secondary-color);
    border: 2px solid var(--primary-color);
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 0.5rem 1.6rem;
    display: inline-block;
    text-align: center;
    transition: all ease 500ms;
}

.btn-theme:hover,
.btn-theme:focus,
body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit]{
    background-color: var(--primary-color);
	color: white;
    outline: none;
    transition: all ease 500ms;
}

.btn-full {
    color: white;
    background-color: var(--secondary-color);
    border-color: transparent;
}
header .btn-information{
    margin-left: 2rem;
    margin-right: 2rem;
    transition: all 500ms;
}
header .btn-information button{
    padding: .3rem 1rem;
    font-size: .9rem;
}
header.stickysmall .btn-information{
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}

#main-navbar a {
    color: var(--secondary-color);
    text-transform: uppercase;
	font-weight: 500;
	font-size: 1rem;
    margin-left: .3rem;
    padding-top: 0;
    padding-bottom: 0;
	transition: all 500ms;
}
#main-navbar a:hover{
    color: #b5b7b8;
}
#main-navbar .dropdown-menu a{
	font-size: 1rem;
	font-weight: 400;
	margin: 0;
	text-transform: initial;
}
#main-navbar .current_page_item a,
#main-navbar .current_page_parent > a {
    color: var(--primary-color);
}

#main-navbar .menu-item-has-children .current_page_item,
#main-navbar .menu-item-has-children .current-menu-item {
	background-color: var(--primary-color);
}
#main-navbar .menu-item-has-children .current_page_item a,
#main-navbar .menu-item-has-children .current-menu-item a {
	color: white !important;
}

#main-navbar .menu-item-has-children li a {
	color: black !important;
	margin-left: 0 !important;
    padding-top: .25rem;
    padding-bottom: .25rem;
}

#main-navbar .menu-item-has-children .dropdown-item:hover {
	background-color: var(--secondary-color);
	color: white !important;
}
#section_services{
    margin-top: 3rem;
}
#section_services .link-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

#section_services .link-wrapper a {
    text-transform: uppercase;
    color: white;
    text-align: center;
    padding-left: 7.5px;
    padding-right: 7.5px;
}
/*** --------- END COMPONENTS AND EFFECTS --------- ***/


/*** --------- POSITIONS AND DISPLAY --------- ***/
.home-title::after{
	content: '';
	display: block;
	height: 4px;
	width: 100%;
	background: #C7A47B;
	margin-top: 30px;
	margin-bottom: 30px;
}
header .coordinate span {
    font-size: 1rem;
    font-weight: 600;
}

header .coordinate a {
    line-height: 1;
	font-size: 1.3rem;
	font-weight: 600;
	color: var(--secondary-color);
}

header#main-header i {
    font-size: 1.8rem;
	margin-right: .8rem;
	color: var(--secondary-color);
}
header#main-header .socials i{
	font-size: 1.6rem;
	margin-right: 0;
}

header .coordinate:not(.coordinate:first-child) {
    border-left: solid 2px var(--primary-color);
    padding-left: 1.5rem;
    margin-left: 1.5rem;
}

header .socials a:not(:first-child) {
    margin-left: 5px;
}
#menu-top{
	margin-bottom: 2rem;
}

#main-header #menu-main .cetoptimum a {
    content: url('images/logo-cetoptimum.svg');
    height: 1.5rem;
}

#main-header #menu-main li:last-child a {
    margin-right: 0;
    padding-right: 0;
}

#section_banner .container {
    padding-bottom: 100px;
}
#section_banner {
	background: linear-gradient(90deg, #FAE7C7 0%, #FAE7C7 68%, rgba(255,255,255,0) 100%);
	width: 86vw;
}
#row-content{
	width: 100%;
	max-width: 600px;
	margin-left: 10%;
	padding-top: 6rem;
	padding-bottom: 12rem;
    z-index: 10;
    position: relative;
}
#row-content p{
	font-weight: 500;
	font-size: 1.1rem;
	margin-bottom: 2.2rem;
}
#section_banner #row-content > div {
    z-index: 20;
}

#section_packages > div:first-child {
    padding-top: 25rem;
}

#section_packages .img-wrapper {
    height: 700px;
}

#section_packages .half-bg {
     background: linear-gradient(to bottom, var(--secondary-color) 50%, white 50%);
}

#montage {
	right: -13vw;
	width: 80%;
	max-width: 100%;
	position: absolute;
	bottom: -8rem;
}
#montage #homme {
    position: absolute;
    bottom: -2px;
    left: 26%; /*doit etre changé dans le scripts.js*/
    height: 188%;
    max-height: 875px;
}
#montage #champs{
    position: relative;
    width: 100%;
    max-height: 415px;
}

#montage #plus {
	position: absolute;
	left: -4rem;
	bottom: -4rem;
	height: 12rem;
	transition: all 500ms;
}

#montage #under_banner_text {
	position: absolute;
	margin-top: 3.2rem;
    top: 100%;
	left: 7rem;
	width: 100%;
	max-width: 700px;
	font-size: 3rem;
	font-weight: 300;
	line-height: 3rem;
	z-index: 999;
	color: #c8a877;
}

.footer-coordinates {
    display: flex;
    justify-content: center;
}

.footer-scroll-button {
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.footer-coordinates .fa-ul {
    margin-left: 1.5rem;
}

.footer-scroll-button a {
	display: flex;
	justify-content: center;
	align-items: center;
}
.footer-scroll-button a i{
    color: #C4A76F;
    font-size: 2rem !important;
}

#section_packages .d-block {
    margin-top: -20px;
}

#section_schedule .fa-ul {
    margin-left: 0;
}
/*** --------- END POSITIONS AND DISPLAY --------- ***/
header#main-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 1100;
    box-sizing: border-box;
    transition: transform .5s, box-shadow .5s, height .5s;
    transform: translateY(0);
    height: 151px;
}
header#main-header + div,
header#main-header + section,
header#main-header + main{
    margin-top: 151px;
}
.scroll-down header#main-header,
.scroll-up header#main-header{
    height: 148px;
}
.admin-bar header#main-header{
    top: 32px;
}
.scroll-down header#main-header{
    transform: translateY(-100%);
}
.scroll-up header#main-header{
    -webkit-box-shadow: 0 2px 27px rgb(57 63 72 / 23%);
    -moz-box-shadow: 0 2px 27px rgb(57 63 72 / 23%);
    box-shadow: 0 2px 27px rgb(57 63 72 / 23%);
}
header#main-header .dropdown-menu{
	left: 50%;
	transform: translateX(-50%);
	margin: 0;
	border: none;
	border-radius: 0;
	box-shadow: 0 2px 6px rgb(13 23 75 / 25%);
}

#main-header #header-wrapper {
    padding: 1rem 3rem;
    transition: all 500ms;
}

.navbar-toggler {
    border: none;
    outline: none;
}

.navbar-toggler:focus {
    outline: none;
}

#main-navbar {
	justify-content: flex-end;
}

.form-control {
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 55px;
    border-width: 2px;
}

.form-control:hover,
.form-control:active,
.form-control:focus {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.form-control:active {
    border-color: #043265;
}

.form-control:focus {
    border-color: #043265;
}

#menu-footer a {
    padding: 0;
    font-size: 1rem;
    margin: 2px 0;
}

.btn-collapse {
	background: white;
	border: none;
	text-align: left;
	padding: 15px 60px;
	position: relative;
	font-weight: bold;
    outline: none !important;
}

.accordion .card {
	border: none;
	border-bottom: 1px solid #f2f2f2 !important;
}

.btn-collapse::before,
.btn-collapse::after {
	position: absolute;
    top: 50%;
	transform: translateY(-50%);
    font-family: 'Font Awesome 5 Pro', sans-serif;
}

.btn-collapse::before {
	content: '\f111';
	font-size: 10px;
	left: 25px;
	color: #043265;
}

.btn-collapse::after {
	content: '\f068';
	right: 15px;
	color: grey;
}

.btn-collapse.collapsed::after {
	content: '\f067';
}

#section_schedule span,
#section_schedule strong,
#section_schedule small {
    color: #53585A;
}
#section_schedule small{
    font-weight: 500;
    font-size: 90%;
}
#section_schedule .fa-li{
    font-size: 1.7rem;
    width: 2rem;
    left: -2.3rem;
}
#section_schedule .fa-li .fa-clock{
    font-size: 1.5rem;
}

#menu-footer {
    flex-wrap: wrap;
    flex-direction: row;
}

#menu-footer li.menu-item-has-children > a {
    text-transform: uppercase;
    font-size: 1.2rem;
    color: var(--primary-color);
}

#menu-footer li {
    list-style: none;
}

#menu-footer .sub-menu {
    margin-top: 10px;
    padding-right: 15px;
}

#cetoptimum-section-2 .border-right {
    border-width: 2px !important;
}

#cetoptimum-section-3 .row > div:not(:last-child) {
    border-right: solid 2px var(--primary-color);
}

#cetoptimum-section-4 {
    background-repeat: no-repeat;
    background-size: cover;
}

#cetoptimum-section-4 .text-bigger {
    font-size: 1.2rem;
}

.main-doctor .plus {
    width: 40px;
    height: 40px;
}

.doctor .plus {
    width: 30px;
    height: 30px;
}

#breadcrumbs {
    font-weight: bold;
}

#breadcrumbs .separator {
    font-weight: bolder;
}
.breadcrumb_last {
   color: var(--primary-color);
}

.main-doctor img {
    width: 100%;
}

#team-section .subtitle {
    text-transform: uppercase;
    font-size: 1.5rem;
}

#the_doctor .row > div:first-of-type {
    padding-bottom: 99px;
}

.single-doctor #plus {
    position: absolute;
    bottom: 0px;
    left: -84px;
    width: 149px;
    height: 149px;
}

#the_doctor {
    padding-top: 100px;
}

#the_doctor .doctor-img {
    max-height: 650px;
    object-fit: cover;
}

#the_doctor .doctor-name {
    font-weight: 500;
    font-size: 3.125rem;
    margin-bottom: 0;
}

#the_doctor .doctor-title {
    background: #cea77a;
    width: auto;
    font-size: 1.5rem;
    max-width: max-content;
    padding: 15px 25px;
    line-height: 30px;
    letter-spacing: 0.53px;
}

.logo-cetoptimum {
    max-height: 70px;
}
.scroll-up header#main-header #header-wrapper,
.scroll-down header#main-header #header-wrapper{
	padding-top: 1rem;
	padding-bottom: 1rem;
}
#section_packages .btn-theme{
	font-size: 2rem;
}
.services-perso-grid{
    display: grid;
    grid-template-columns: 3fr 5fr;
    grid-template-rows: 1fr;
    gap: 1.5rem 0;
    grid-template-areas:
    ". .";
}
.service-text{
    font-size: 2rem;
    line-height: 2.3rem;
    color: #fff;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.4rem;
}
.service-img-box{
    height: 200px;
    overflow: hidden;
}
.services-perso-grid .service-img-box img{
    transform: scale(1);
    transition: transform .8s;
}
.services-perso-grid:hover .service-img-box img{
    transform: scale(1.05);
}
#section_enterprise{
    padding-top: 6rem;
    padding-bottom: 6rem;
}
#section_enterprise .titre{
    font-size: 2.3rem;
    line-height: 2.6rem;
    text-transform: uppercase;
}
#section_enterprise .col-right .border-left{
    font-weight: 500;
    border-left: 2px solid #C6A47A !important;
    font-size: 1.1rem;
    margin-bottom: 2.3rem;
}
.acf-map {
    width: 100%;
    height: 400px;
    border: none;
    margin: 0;
}
.acf-map img {
   max-width: inherit !important;
}
#section_schedule{
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}
.grid-map{
    display: grid;
    grid-template-columns: 6fr 5fr;
    gap: 0 2.5rem;
    grid-template-areas:
    ". .";
    margin-left: 6rem;
    font-weight: 500;
}
.footer-main{
    padding-top: 100px;
    padding-bottom: 100px;
}
.land1{
    padding-top: 1rem;
    padding-bottom: 3rem;
}
.land1 p{
    margin: 0;
}
.land1 h1{
    position: relative;
    font-size: 4rem;
    margin-bottom: 1.5rem;
}
.land1 h1:after{
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
    height: 2px;
    width: 90%;
    background: #caa37c;
}
.grid-carte{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem 1rem;
    margin-bottom: 5rem;
}
.grid-carte .single-carte{
    position: relative;
    margin-bottom: 1rem;
}
.grid-carte .single-carte .ze-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.2rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    font-weight: 600;
    min-height: 125px;
    background: #f0f0f0;
    padding: 1.2rem;
    cursor: pointer;
}
.grid-carte .single-carte .ze-title img{
    max-width: 50px;
    margin-left: 20px;
    transform: rotate(0);
    transition: transform 500ms;
}
.grid-carte .single-carte .ze-title.open img{
    transform: rotate(45deg);
}
.grid-carte .single-carte a{
    text-decoration: underline !important;
}
.grid-carte .colu .contenu{
    max-height: 0;
    transition: max-height 500ms;
    overflow: hidden;
}
.grid-carte .colu .contenu > div{
    padding: 1.2rem;
}
.banner-pages{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.banner-pages h1{
    font-size: 3.5rem;
    font-weight: 100;
    padding-bottom: 8px;
    letter-spacing: 2px;
}
.doctors{
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.grid-medecins{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
}
.grid-third{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
}
.single-equipe {
    margin-bottom: 2.5rem;
    background: #53595b;
}
#FormContact .wpcf7-not-valid-tip {
    font-size: 0.9rem;
}
#FormContact .modal-dialog{
    max-width: 700px;
}
#PostulerModal .modal-dialog{
    max-width: 800px;
}
.wpcf7-form.sent > div:not(.wpcf7-response-output){
    display: none;
}
.page-template-template-emplois .card-header{
    background: #eff4f6;
    border: none;
    padding: 0;
}
.page-template-template-emplois .card{
    border: none;
    margin-bottom: 7px;
    background: #EFF4F6;
}
.page-template-template-emplois .card span{
    color: #53585A;
}
.page-template-template-emplois .card button.btn-link{
    display: flex !important;
    justify-content: space-between;
}
.page-template-template-emplois .card button.btn-link img{
    max-width: 28px;
    transform: rotate(45deg) !important;
    transition: transform 500ms;
}
.page-template-template-emplois .card button.btn-link,
.page-template-template-emplois .card button.btn-link:focus{
    width: 100%;
    height: 100%;
    text-align: left;
    padding: 15px 30px;
    margin: 0;
    border: none;
    color: #53585a;
    font-weight: 500;
    font-size: 21px;
    position: relative;
    text-decoration: none;
}
.page-template-template-emplois .card button.btn-link.collapsed img{
    transform: rotate(0) !important;
}
.page-template-template-emplois .card-header + div{
    border-top: 1px solid rgb(199 168 119);
}
.page-template-template-emplois .card button.btn-link:hover{
    text-decoration: none;
    color: #53585a;
}
.page-template-template-emplois .card-body{
    padding: 15px 30px;
}
.page-template-template-emplois .card-body ul{
    margin-left: 20px;
}
.page-template-template-emplois .card-header,
.page-template-template-emplois .card-header button,
.page-template-template-emplois .card-header button:hover,
.page-template-template-emplois .card {
    border-radius: 0 !important;
}
.forfaitsFormulaire{
    background: #eff4f7;
    padding: 3rem 3rem;
    margin-bottom: 4rem;
}
.stepsround{
    display: flex;
    justify-content: space-between;
    align-content: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: 2rem;
}
.stepsround::after{
    content: '';
    height: 2px;
    width: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
}
.stepsround span{
    background: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 10;
    position: relative;
}
.options-row button,
.options-row > a{
    max-width: 250px;
    width: 100%;
    color: #000;
    font-size: 1.3rem;
    text-transform: uppercase;
    padding: 0.7rem 1rem;
    background: #fff;
    border: 2px solid #c7a877;
    min-height: 111px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 200ms;
}
.divlink {
	width: 100%;
	text-align: center;
	margin-top: 1rem;
	margin-bottom: 2rem;
}
.divlink > a {
	border: 1px solid black;
	padding: 1rem;
    background: #fff;
    border: 2px solid #c7a877;
}

.options-row button:hover,
.options-row > a:hover,
.form-navigation:hover {
    color: #fff;
    background: #c7a877;
}
.options-row button:focus,
.form-navigation:focus {
    outline: none;
}
.form-navigation {
    text-transform: uppercase;
    border: 2px solid #c7a877;
    padding: 0.25rem 0.5rem;
    background-color: transparent;
    transition: all 200ms;
}
#step-1{
    max-width: 1050px;
    margin: auto;
}

#forfait-form .question.error,
#forfait-form .error + label {
    color: red;
}

#forfait-form .questions .line:not(:nth-last-child(-n+2)) {
    border-bottom: solid 1px #c7a877;
}

#forfait-form #step-3 ::placeholder {
    text-transform: uppercase;
}

#forfait-form #step-3 input {
    padding-bottom: 5px;
    margin-bottom: 10px;
}

#forfait-form input:not([type="radio"]),
#forfait-form textarea{
    border: none;
    border-bottom: solid 1px #c7a877;
    background-color: transparent;
    width: 100%;
}
#forfait-form .r-to-c input{
    width: initial !important;
}

#forfait-form #step-3 input:not([type="radio"]).error {
    border-color: red;
}

#forfait-form input:not([type="radio"]):focus,
#forfait-form textarea:focus{
    outline: none;
}

#forfait-form label {
    margin-bottom: 0;
}

#forfait-form .line {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

#forfait-form .question + div {
    display: flex;
    align-items: center;
}
#forfait-form .question + div label:not(:last-child) {
    margin-right: 15px;
}

#forfait-form .question + div label {
    margin-left: 5px;
}

.stepsround * {
    transition: all 500ms;
}

.stepsround .active {
    background-color: #c7a877;
    color: white;
    transition: all 500ms;
}
.grid-avantages{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.2rem;
}
.grid-avantages > div{
    background: #fff;
    text-align: center;
    color: #53585a;
    padding: 1.3rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 240px;
}
.grid-avantages > div > span{
    font-size: 1.2rem;
    display: block;
    margin-top: 1rem;
}
.grid-avantages:not(.grid-avantages-perso) > div:first-child{
    background: #cea77a;
    color: #fff;
    -webkit-box-shadow: 8px 7px 22px -9px rgb(0 0 0 / 55%);
    -moz-box-shadow: 8px 7px 22px -9px rgb(0 0 0 / 55%);
    box-shadow: 8px 7px 22px -9px rgb(0 0 0 / 55%);
}
.grid-avantages:not(.grid-avantages-perso) > div:first-child  > span{
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.5rem;
}
.grid-avantages:not(.grid-avantages-perso) > div:first-child svg{
    fill: #fff;
}
.grid-avantages svg{
    fill: #cea77a;
    height: 100px;
    display: block;
    margin: auto;
}
.mc-section-gris{
    background: #f3f5f4;
    padding-top: 4rem;
    padding-bottom: 6rem;
}
.borders-list{
    padding-top: 4rem;
}
.borders-list > div:nth-child(3n+2){
    border-left: 1px solid #cea77a;
    border-right: 1px solid #cea77a;
    padding: 0 3rem;
}
.borders-list > div:nth-child(3n+1){
    padding-right: 3rem;
}
.borders-list > div:nth-child(3n+3){
    padding-left: 3rem;
}
.borders-list > div > span:first-child{
    display: block;
    margin-bottom: 1rem;
    font-size: 4rem;
    font-weight: 700;
    line-height: 3rem;
}
.borders-list > div > span:last-child{
    font-size: 1.2rem;
    line-height: 1.2rem;
    text-transform: uppercase;
}
.borders-list > div{
    max-width: 420px;
}

.ze-tabs{
    display: flex;
    justify-content: center;
}
.ze-tabs button{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% / 3);
    padding: 1rem;
    background: #eff4f6;
    color: #b0c0c6;
    text-transform: uppercase;
    font-size: 1.3rem;
    letter-spacing: 2px;
    outline: none;
    border: none;
}
.ze-tabs button.active{
    background: #c7a877;
    color: #fff;
}
.ze-tabs-content{
    background: #f8e9cc;
}
.ze-tabs-content .lmcontent{
    display: none;
}
.ze-tabs-content .lmcontent.active{
    display: flex;
}
.ze-tabs-content .resume{
    font-size: 1.1rem;
}
.ze-tabs-content .avantages-cadres{
    border-left: 1px solid #c7a877;
    border-right: 1px solid #c7a877;
}
.mc-section-photo-texte{
    padding-top: 5rem;
    padding-bottom: 6rem;
}
.mc-section-photo-texte-only{
    padding-top: 3rem;
    padding-bottom: 3rem;
    color: #fff;
}
.mc-section-photo-texte .bigger-texte{
    font-size: 1.6rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    border-right: 1px solid #c7a877;
}
.mc-section-photo-texte,
.mc-section-photo-texte .btn-theme{
    color: #fff;
}
.services-populaires,
.mc-section-cetoptimum{
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.grid-avantages-perso{
    grid-template-columns: 1fr;
    margin-bottom: 6rem;
    margin-top: 5rem;
}
.page-template-template-medecine-personnelle #section_services,
.forfait-caracteristiques{
    background: #eff4f6;
    margin-top: 0;
}
.forfait-caracteristiques,
.forfait-options{
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.forfait-tables thead th{
    background: #54585b;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.3rem;
    letter-spacing: 2px;
    font-weight: 500;
    border: none;
}
.forfait-tables thead th.inclus{
    border-left: 1px solid #d0a77b;
    background: #d0a77b;
    width: 250px;
}
.forfait-tables td{
    border: none;
}
.forfait-tables td:not(:first-child){
    border-left: 1px solid #d0a77b;
}
.forfait-tables tbody tr:nth-child(even){
    background: #f0f4f7;
}
.forfait-tables tbody tr:nth-child(odd){
    background: #fff;
}
.forfait-tables th,
.forfait-tables td{
    padding: 0.75rem 1.3rem;
}
.forfait-tables.table-hover tbody tr:hover{
    background-color: rgb(208 167 123 / 35%);
}
.forfait-tables th i{
    color: #d0a77b;
    margin-right: 7px;
}
.forfait-tables td:last-child:not(:first-child){
    font-size: 1.5rem;
    font-weight: 700;
}
.forfait-notes{
    border-top: 1px solid #d0a77b;
    padding-top: 0.5rem;
    margin-top: 3rem;
}
.container-half.gauche{
    max-width: calc(var(--container-larger) / 2 - 1rem);
    width: 100%;
    margin-left: auto;
}
.welcome{
    background-color: #d0a77b;
    color: #fff;
}
.welcome .container-half.gauche{
    padding-right: 6rem;
}
.welcome h1{
    font-size: 3.7rem;
    line-height: 3.7rem;
}
.welcome h1 span{
    font-size: 4.3rem;
    font-weight: 500;
}
.plus-info{
    padding-top: 3rem;
    padding-bottom: 3rem;
    background: url("/wp-content/uploads/2021/05/image-bottom-forfait-travailleur.jpg") no-repeat;
    background-position: center;
    background-size: cover;
}
.plus-info a.btn-theme,
.img-tit-preview{
    color: #fff;
}
.img-tit-preview img{
    height: 245px;
}
.single-forfait-inline,
.section-reinsurances .item-reinsurance{
    display: grid;
    grid-template-columns: 2fr 2fr .60fr;
    align-items: center;
}
.description-preview{
    background: #eff4f7;
    padding: 1rem 2rem;
    display: flex;
    align-items: center;
    height: 100%;
}
.forfait-info1,
.section-reinsurances .item-reinsurance-title{
    padding: 1rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.single-forfait-inline h4{
    font-size: 1.4rem;
    text-transform: uppercase;
}
#sending-spinner{
    display: none;
    max-height: 20px;
    max-width: 20px;
    margin-left: 10px;
}
#sending-spinner.loading{
    display: block;
}
#sendCustomForm{
    display: flex;
    align-items: center;
}
#section_schedule .colspecial{
    padding-left: 2rem;
    padding-right: 2rem;
}
#section_schedule .colspecial:nth-child(2),
#section_schedule .colspecial:last-child{
    border-left: 3px solid #C7A877;
    padding-left: 3rem;
}
.colspecial .h6{
    font-size: 1.7rem;
}
.modal-backdrop{
    z-index: 10400;
}
.modal{
    z-index: 10500;
}
.img-ceto{
    max-width: 415px;
    width: 100%;
}
.details-if-yes{
    display: none;
}
.details-if-yes input{
    background-color: #fff !important;
    border: none !important;
    padding: .2rem .5rem;
}
.details-if-yes label.error{
    display: none !important;
}
.details-if-yes input.error{
    border: 1px solid #FC3600 !important;
}
.chargecompl .h4{
    font-size: 1.2rem;
    text-transform: initial;
    line-height: 1.7rem;
}
.mc-section-avantages-img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
}
.grid-icones-texte .lmc-icon-img {
    max-width: 115px !important;
}
.lmc-banner-header a.btn-jobs {
    text-align: center;
}
.lm-te{
    padding: 1rem !important;
}
.lmc-banner-header h1 + span{
    display: none;
}
.limit-form-width{
    max-width: 500px;
    width: 100%;
}
.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
    border: 1px solid var(--secondary-color);
}
.link-pds{
    display: flex;
    align-items: center;
}
.link-pds span{
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--primary-color);
    line-height: 1rem;
}
footer .socials{
    display: flex;
    gap: 1rem;
}
footer .socials i{
    font-size: 2rem;
}
#prix-consommateur{
    position: absolute;
    height: 92px;
    right: 2rem;
}
.lm_popup{
    padding: .5rem 1rem;
    background-color: var(--primary-color);
    color: #fff;
}
.lm_popup p:last-child{
    margin-bottom: 0;
}

label a{
    text-decoration: underline !important;
}

.lmc-jobs > div > h2{
    display: none !important;
}
.section-reinsurances .item-reinsurance-title{
	font-weight: 500;
	font-size: 1.5rem;
}
.section-reinsurances .img-tit-preview img,
.section-reinsurances .item-reinsurance > img,
.section-reinsurances .item-reinsurance {
    height: 180px;
}
.w-40{
	width: 40%;
}
.w-60{
	width: 60%;
}
.texte-block + #section_services{
	margin-top: 0;
}
.aioseo-breadcrumbs .aioseo-breadcrumb:last-child{
	color: #cea77a;
}
.page-content .banner-about-pediatrie{
	padding: 0;
}
.container-breadcrumbs > div{
	padding: 0;
}
.container-breadcrumbs div .offset-lg-1{
	margin: 0;
}
.mc-section-photo-texte.mc-section-photo-texte-pediatrie .bigger-texte{
	border: none;
}

/* Parent : on laisse le UL respirer sur toute la largeur */
.footer-main .footer-links {
    justify-content: flex-start; /* au lieu de center */
}

/* UL du footer : on le met en flex, pleine largeur */
.footer-main #navbar-footer .footer-menu {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

/* 2 colonnes : chaque li racine prend 50% */
.footer-main #navbar-footer .footer-menu > li {
    flex: 0 0 50%;
}

/* Optionnel : sur mobile, repasser en 1 colonne */
@media (max-width: 767.98px) {
    .footer-main #navbar-footer .footer-menu > li {
        flex: 0 0 100%;
    }
}

/* Le bloc central qui contient le menu */
.footer-main .footer-links {
    justify-content: center; /* au lieu de center + width réduite */
}

/* Le UL du menu footer */
.footer-main #navbar-footer #menu-footer {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    justify-content: space-between; /* les 2 colonnes se répartissent bien */
}

/* Chaque item racine (LA CLINIQUE / OPTIONS DE FORFAIT) prend 50% */
.footer-main #navbar-footer #menu-footer > li.menu-item-has-children {
    flex: 0 0 50% !important;
    max-width: 50%;
    min-width: 0;
    margin-bottom: 0;
}

/* Un peu de nettoyage sur les sous-menus */
.footer-main #navbar-footer #menu-footer > li.menu-item-has-children > a {
    display: block;
    margin-bottom: 0.75rem;
}

.footer-main #navbar-footer #menu-footer .sub-menu {
    padding-left: 0;
    margin: 0;
}

/* Footer : container un peu moins large + padding réduit */
.footer-main .container-xxl {
    max-width: 1450px;        /* tu peux mettre 1300, 1400, etc. */
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
