/* ****************************************************** */
/* ******************************* BOOTSTRAP ************** */
/* ****************************************************** */
@media (min-width: 992px) {
    .mb-lg-8 {
        margin-bottom: 8rem !important;
    }
}
@media (min-width: 1350px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1300px;
    }
}
@media (min-width: 1700px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1600px;
		width: 80%;
    }
}
@media (min-width: 1900px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1800px;
		width: 80%;
    }
}


/* ****************************************************** */
/* ******************************* GENERAL ************** */
/* ****************************************************** */
:root {
  --Bleu: #153f79;
  --BleuDark: #001a3e;
  --Gris: #ebebeb;
  --GrisBleu: #eceef8;
}

html {font-size: 10px;}
body {font-size: 16px;line-height: 1.3; color: #222; background-color: #fff; font-family: "Open Sans", sans-serif;font-optical-sizing: auto;font-style: normal;font-weight: 400;}
@media (min-width: 480px) {
	body {font-size: 18px;}
}



p, ul, table {font-size: 1em;margin-bottom:1em;}
a {color: var(--Bleu);text-decoration: none;}

b, strong {font-weight:700;}
h1 {color: var(--Bleu); font-size: 1.6em; margin-bottom: .8em;text-transform: uppercase;text-align: center;font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-weight: 600;}
h2 {color: var(--Bleu); font-size: 1.6em; margin-bottom: .75em; text-transform: uppercase; font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-weight: 600;}
h3 {color: var(--Bleu);}
@media (min-width: 480px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {

}
@media (min-width: 1500px) {
	h1 {font-size: 1.7em;}
	h2 {font-size: 1.7em;}
}

hr {border: 0;border-top: 1px solid rgba(0, 0, 0, 0.1);margin-top: 1em; margin-bottom: 1.6em;}

.password-container {
	position: relative;
}
.password-container input {
	padding-right: 35px; /* Espace pour l'icône */
	width: 100%; /* Ajuste la largeur selon ton besoin */
}
.password-container .eye-icon {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.bg--grey {background: var(--Gris); }


/* ****************************************************** */
/* ******************************* DIVERS *************** */
/* ****************************************************** */

.main-content {
    position: relative;
    overflow: hidden;
}

.img-fit {object-fit: cover;width: 100%;min-height: 100px;height: 100%;}



.c--blue {color: var(--Bleu);}
.c--greylight {color: #bbb;}

.m-text ul {padding-left: 0; list-style: none;}
.m-text li {position: relative; padding-left: 1em;margin-bottom: .3em;}
.m-text li:before {position: absolute;content: ""; width: 7px; height: 7px; border-radius: 50%;left: 1px; top: 7px;background-color: #212121;}
.m-text .list-unstyled li {padding-left: 0;}
.m-text .list-unstyled li:before {content: none;}


.has-transi {-webkit-transition: all .4s 0s; transition: all .4s 0s;}


.btn, #submit {padding: .6em 1.4em; font-size: 14px; text-align: center; background-color: var(--Bleu); color: #fff; border-radius: 0; margin-bottom: 0; text-decoration: none !important; border: solid 1px var(--Bleu);}
.btn:hover, #submit:hover {color: #fff;background-color: var(--BleuDark);text-decoration: none; background: #fff; color: var(--Bleu);}

.btn-round {border-radius: 30px; /*border: 1px solid #fff;*/ padding: .3em 2.1em .4em;}
.btn-round:hover {}

.btn--disabled, 
.btn--disabled:hover {background-color: #707070;pointer-events: none;}

@media (min-width: 480px) {
	.btn, #submit {font-size: 16px;}
}


#page {overflow: hidden;}


.text p {line-height: 1.8em; margin-bottom: 1.7em;}

.bg-image {background-color: #fff; padding: 2em 0 1.5em;}
/*

.bg-image {
	padding: 0;
	background: var(--Bleu) url(../images/bg1-992.webp) no-repeat center center;
	background-size: cover;
}
*/
.bg-image h1 {margin-bottom: 2.4em;}
@media (min-width: 768px) {
	.bg-image {padding: 0;background: var(--Bleu) url("../images/bg1-992.webp") no-repeat center center; background-size: cover;}
	.bg-image h1 {color: #fff;}
	.bg-image-wrap {height: 800px;}
	.bg-image-wrap .d-flex {width: 100%;}
}
@media (min-width: 992px) {
	.bg-image {background-image: url("../images/bg1-1200.webp");}
	.bg-image-wrap {height: 870px;}
}
@media (min-width: 1200px) {
	.bg-image {background-image: url("../images/bg1-1500.webp");}
	.bg-image-wrap {height: 940px;}
}
@media (min-width: 1500px) {
	.bg-image {background-image: url("../images/bg1-1920.webp");}
}


/* LISTE CHECK */
ul.list-check li {padding: 4px 0 4px 30px;position: relative; margin-bottom: 1.3em;}
ul.list-check li:before {content: ""; width: 20px; height: 20px; border: solid 3px #fff; top: 1px; left: 0; background: url("../images/bullet.svg") no-repeat center center; border-radius: 50%; position: absolute;}
@media (min-width: 480px) {
	ul.list-check li:before {width: 22px; height: 22px; border: solid 2px #fff;}
	ul.list-check li {padding: 0px 0 4px 35px;}
}
@media (min-width: 768px) {
	ul.list-check li:before {width: 26px; height: 26px; border: solid 1px #fff; top: 0px;}
	ul.list-check li {padding: 0px 0 4px 40px;}
}
@media (min-width: 992px) {
	ul.list-check li:before {width: 30px; height: 30px; top: 1px;}
	ul.list-check li {padding: 0px 0 4px 44px;}
}
@media (min-width: 1200px) {
	ul.list-check li:before {width: 34px; height: 34px;}
	ul.list-check li {padding: 4px 0 4px 48px;}
}

/* LISTE CHECK MINI */
ul.list-check-mini li {padding: 0px 0 0px 30px;position: relative; margin-bottom: 1.3em;}
ul.list-check-mini li:before {content: ""; width: 20px; height: 20px; top: 2px; left: 0; background: url("../images/bullet-parcours.svg") no-repeat center center; border-radius: 50%; position: absolute;}
@media (min-width: 480px) {
	ul.list-check-mini li:before {width: 22px; height: 22px; top: 1px;}
	ul.list-check-mini li {padding: 0px 0 0px 34px;}
}
@media (min-width: 768px) {
	ul.list-check-mini li:before {width: 26px; height: 26px; top: 0px; margin-top: -1px;}
	ul.list-check-mini li {padding: 0px 0 0px 34px;}
}
@media (min-width: 992px) {
	ul.list-check-mini li:before {width: 30px; height: 30px; top: 0px; margin-top: -3px;}
	ul.list-check-mini li {padding: 0px 0 0px 37px;}
}
@media (min-width: 1200px) {
	ul.list-check-mini li:before {width: 34px; height: 34px; margin-top: -5px;}
	ul.list-check-mini li {padding: 0px 0 0px 40px;}
}




/* TEXTE ALIGNEMENT */
.texte-alignement-paragraphe-lg, .texte-alignement-paragraphe-center-lg, .texte-alignement-paragraphe-xl, .texte-alignement-paragraphe-xxl {text-align: justify;}
@media (min-width: 992px) {
	.texte-alignement-paragraphe-lg {text-align: left;}
	.texte-alignement-paragraphe-center-lg {text-align: center;}
}
@media (min-width: 1200px) {
	.texte-alignement-paragraphe-xl {text-align: left;}
}
@media (min-width: 1500px) {
	.texte-alignement-paragraphe-xxl {text-align: left;}
}



/* FULL CALENDAR */
.fc .fc-list-event {cursor: pointer;}
.fc .fc-list-event:hover td {
    background-color: var(--BleuDark)!important;
	color: #fff;
}
@media (max-width: 650px) {
	.fc .fc-toolbar {display: block;}
	.fc-toolbar-chunk {display: block; text-align: center;  margin-bottom: 10px;}
}



/* LISTING PRATICIENS */
.profil {text-align: center; color: var(--Bleu); max-width: 230px; margin: 0 auto; margin-bottom: 20px;}
.profil img {display: block; margin: 0 auto 20px;border-radius: 50%;}
.profil-name {font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-weight: 600; margin-bottom: 0em;}
.profil-spe {font-size: .875em; margin-bottom: 0.3em;}
.profil-mail {margin-bottom: 0.2em; font-size: 0.88em;}
.profil-tel {font-family: "open-sans", sans-serif; font-weight: 600; margin-bottom: 0;}
.profil a.btn--rdv {font-size: .875em; margin-top: 10px;}


.slick-carousel-cards .slick-track {display: flex;}
.slick-carousel-cards .slick-track .slick-slide {height: auto; padding: 10px 0;}
.slick-carousel-cards .slick-prev, .slick-carousel-cards .slick-next {top: 50%; margin-top: -30px;}

.card {background-color: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, .2);padding: 1.2em 1.5em 1em;margin: 0 auto;border-radius: 2px; font-size: .825em;color: var(--Bleu);height: 100%;}
.card-header img {border-radius: 50%; margin-right: 8px;}
.card-name {font-weight: 700;margin-bottom: .2em;padding-top: 4px;line-height: 1.2em;}
.card-spe, .card-ville {font-size: .9em;margin-bottom: .2em;line-height: 1.2em;}
.card-tel {font-weight: 700;margin: 0;}
.slick-carousel-cards .card-ville {display: none;}
.card-header span {text-transform: uppercase;font-weight: 700; display: inline-block; padding-top: 4px;text-align: right; line-height: 1.2em;}
.card-body {font-size: .9em;}
@media (max-width: 480px) {
	.card {padding: 1.2em 1em 1em;}
	.slick-carousel-cards .card-ville {display: block;}
	.slick-carousel-cards .nom-ville {display: none;}
}
@media (max-width: 767px) {
	.slick-carousel-cards .slick-prev {left: -35px;}
	.slick-carousel-cards [dir='rtl'] .slick-prev {right: -35px;}
	.slick-carousel-cards .slick-next {right: -35px; }
	.slick-carousel-cards [dir='rtl'] .slick-next {left: -35px;}
	.card {width: 90%;}
}
@media (max-width: 480px) {
	.slick-carousel-cards .slick-prev {left: -20px;}
	.slick-carousel-cards [dir='rtl'] .slick-prev {right: -20px;}
	.slick-carousel-cards .slick-next {right: -20px; }
	.slick-carousel-cards [dir='rtl'] .slick-next {left: -20px;}
	.card {width: 100%;}
	.slick-carousel-cards .card-header {line-height: 1;}
	.slick-carousel-cards .card-header img {width:48px; height: 48px;}
}
@media (min-width: 768px) {
	.card {width: 500px;}
}
@media (min-width: 1500px) {
	.card {width: 460px;}
}
@media (min-width: 1700px) {
	.card {width: 380px;}
}


/* ENTETE IMAGE */
.entete-modele1 {background: #fff url("../images/bg-praticiens.jpg") no-repeat center center; background-size: cover;}
.entete-modele2 {background: #fff url("../images/bg-patients.jpg") no-repeat center center; background-size: cover;}
.entete-modele h1 {color: #000; margin-bottom: 0;}
@media (min-width: 480px) {
	.entete-modele h1 {padding: 1em 0;}
}
@media (min-width: 768px) {
	.entete-modele h1 {padding: 2em 0;}
}
@media (min-width: 1200px) {
	.entete-modele h1 {padding: 3em 0;}
}



/* FORMULAIRE */
.form-group {margin-bottom: 1em;}
.form-label {display: inline-block; margin-bottom: .4em;}
.form-select {appearance: auto;}
.form-control {font-size: 16px;padding: 0.6em 0.8em; border-radius: 4px; background-color: #fff; border: 1px solid #222;}
.form-control:focus {border-color: var(--Bleu);}
.form-check {min-height: 20px;}
.form-check label {display: inline-block;}
.form-check input {width: 20px;height: 20px;border: 1px solid #222;background-size: contain; margin-right: 6px;}
.form-check input:checked {background-color: var(--Bleu);border-color: var(--Bleu);}
.form-check input:checked[type=checkbox] {background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/></svg>");}

/* Formulaire espace PRO et PATIENT */
.form-formulaire {border: none;}
.form-formulaire .ligne {margin-bottom: 1em;}
.form-formulaire label {display: block; margin-bottom: 4px;}
.form-formulaire label.label-radio {display: inline; margin-bottom: 0px;}
.form-control {padding: 0.5em 0.7em;}
.form-formulaire .btn {width: 130px;}
.form-formulaire .btn-inverse {background: #fff; color: var(--Bleu);}
.form-formulaire .btn-inverse:hover {color: #fff; background: var(--Bleu);}



/* WHATSAPP */
.whatsapp {position: fixed; right: 0; bottom: 20%;}
.whatsapp a {display: block; width: 50px; height: 62px;}
.whatsapp a svg rect, .whatsapp a svg ellipse {fill: #189d0e;}
.whatsapp a:hover svg rect, .whatsapp a:hover svg ellipse {fill: #107708;}




/* ACCORDION */
.m-accordion {border-bottom: 1px solid;}
.m-accordion-section {border-top: 1px solid;}
.m-accordion-title {color: #222; padding: 1.3em 2em 1.3em .5em;position: relative; cursor: pointer;display:block;}
.m-accordion-title:hover {color: var(--Bleu); text-decoration: none;}
.m-accordion-title:focus {text-decoration: none;outline: none;}
.m-accordion-title.active {color: var(--Bleu);}
.m-accordion-title:after {position: absolute; right: 1em; top: 50%; margin-top: -14px; content: ""; display: inline-block;width: 22px; height: 28px;background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path fill='%23153f79' d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z'/></svg>") no-repeat 0 0;}
.m-accordion-title.active:after {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.m-accordion-panel {background-color: #fff; padding: 0em .5em 1.8em 0.5em;display:none; font-size: .875em;}


/* CAROUSEL */
.section-carousel {text-align: center;padding: 2em 0;}
.section-carousel--grey {background-color: var(--Gris);}
.section-carousel h2 {color: var(--Bleu);}
@media (min-width: 992px) {
	.section-carousel {padding: 4em 0;}
}


/* SLICKSLIDER */
.slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus {outline: none; }
.slick-list.dragging {cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after {display: table; content: ''; }
.slick-track:after {clear: both; }
.slick-loading .slick-track {visibility: hidden; }
.slick-slide {display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide {float: right; }
.slick-slide img {display: block; }
.slick-slide.slick-loading img {display: none; }
.slick-slide.dragging img {pointer-events: none; }
.slick-initialized .slick-slide {display: block; }
.slick-loading .slick-slide {visibility: hidden; }
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden {display: none; }
.slick-loading .slick-list:after { background-color: rgba(0, 0, 0, .3); content:""; display:block; width: 40px; height: 40px; position: absolute; left: 50%; margin-left: -20px; top: 50%; margin-top: -20px; -webkit-animation: rotate-loading 1.2s infinite ease-in-out; animation: rotate-loading 1.2s infinite ease-in-out; }
@-webkit-keyframes rotate-loading {0% { -webkit-transform: perspective(120px)} 50% { -webkit-transform: perspective(120px) rotateY(180deg)} 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)} }
@keyframes rotate-loading {0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)} 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)} 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);} }

/* Arrows */
.slick-prev, .slick-next {width: 25px; height: 25px;border:0; border-radius: 50%;font-size: 0; line-height: 0; position: absolute; z-index: 99; top: 100px; display: block;  padding: 0; text-decoration: none !important; overflow: hidden;cursor: pointer; color: transparent;  outline: none; background: transparent; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: transparent; outline: none; background-color: #f6f6f6; opacity: 1;}
.section-carousel--grey .slick-prev:hover, .section-carousel--grey .slick-prev:focus, .section-carousel--grey .slick-next:hover, .section-carousel--grey .slick-next:focus {background-color: rgba(255, 255, 255, 1.0);}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: .25;}
.slick-prev:before, .slick-next:before {width: 13px; height: 30px; margin: 0 5px; margin-top: -2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; background-repeat: no-repeat; background-position: center center;}
.slick-prev {left: 0; }
[dir='rtl'] .slick-prev {right: 0; left: auto; }
.slick-prev:before,
[dir='rtl'] .slick-next:before {margin-right: 7px; background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'><path fill='%23222' d='M25.1 247.5l117.8-116c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L64.7 256l102.2 100.4c4.7 4.7 4.7 12.3 0 17l-7.1 7.1c-4.7 4.7-12.3 4.7-17 0L25 264.5c-4.6-4.7-4.6-12.3.1-17z'/></svg>"); }
.slick-next:before,
[dir='rtl'] .slick-prev:before {margin-left: 7px; background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'><path fill='%23222' d='M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z'/></svg>");}
.slick-next {right: 0; }
[dir='rtl'] .slick-next {right: auto; left: 0; }
@media (min-width: 480px) {
	.slick-prev, .slick-next {width: 52px; height: 52px;}
	.slick-prev:before, .slick-next:before {width: 20px; height: 52px; margin: 0 17px;}
}
@media (min-width: 768px) {
	.slick-prev {left: -32px;}
	[dir='rtl'] .slick-prev {right: -32px;}
	.slick-next {right: -32px; }
	[dir='rtl'] .slick-next {left: -32px; }
}
@media (min-width: 1200px) {
	.slick-prev {left: -52px;}
	[dir='rtl'] .slick-prev {right: -52px;}
	.slick-next {right: -52px; }
	[dir='rtl'] .slick-next {left: -52px; }
}

/* Dots */
.slick-dots {bottom: 15px;position: absolute; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li {width: 20px; height: 20px; margin: 0 5px;position: relative; display: inline-block; padding: 0; cursor: pointer; }
.slick-dots li button {width: 15px; height: 15px;background: #fff; opacity: 0.5;font-size: 0; line-height: 0; display: block; cursor: pointer; color: transparent; border: 0; outline: none;border-radius: 50%;}
.slick-dots li button:hover, .slick-dots li button:focus {outline: none; opacity: .75;}
.slick-dots li.slick-active button {opacity: 1;}






/* ****************************************************** */
/* ******************************* HEADER *************** */
/* ****************************************************** */
.page-header {background: linear-gradient(to bottom, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 48px, rgba(255, 255, 255, 1) 48px, rgba(255, 255, 255, 1) 100%);box-shadow: 0 2px 2px rgba(0, 0, 0, .1);position: relative;z-index: 998;}

.header-topbar {background-color: var(--Bleu);font-size: .725em; padding: 10px 0; }
.header-topbar .container {text-align: center;}
.header-topbar .span-md {display: none;}
.header-topbar ul {margin: 0;}
.header-topbar ul li {position: relative; padding-right: 5px; display: inline;}
.header-topbar ul li:after {content: ""; width: 1px; height: 10px; background-color: #fff; display: inline-block; position: absolute; right: 0; top: 50%; margin-top: -5px;}
.header-topbar ul li:last-child:after {content: none;}
.header-topbar ul li a {color: #fff;}
.header-topbar ul li a:hover {text-decoration: none;}

.header-logo {margin: 18px auto; margin-bottom: 14px;}
.header-logo a:hover {text-decoration: none;}
.header-logo img {height: auto;}
.header-misc {padding: 10px 0;}
.header-links {margin-left: auto;}
.header-links .btn {font-size: 13px; width: 144px;}

@media (min-width: 350px) {
	.header-links ul {display: flex;}
}
@media (min-width: 400px) {
	.page-header {background: linear-gradient(to bottom, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 55px, rgba(255, 255, 255, 1) 55px, rgba(255, 255, 255, 1) 100%);}
	.header-links .btn {width: 154px;}
}
@media (max-width: 767px) {
	.header-logo img {width: 142px;}
	.page-header .header-misc {padding: 12px 0;}
}
@media (max-width: 479px) {
	.header-logo img {width: 135px;}
	.page-header .header-misc {padding: 11px 0;}
}
@media (max-width: 400px) {
	.header-links ul li a {padding: .4em 0.6em;}
	.header-logo img {width: 128px;}
	.page-header .header-misc {padding: 10px 0;}
}
@media (min-width: 480px) {
	.page-header {background: linear-gradient(to bottom, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 60px, rgba(255, 255, 255, 1) 60px, rgba(255, 255, 255, 1) 100%);}
	.header-topbar ul {display: flex;}
	.header-topbar ul li {padding-right:0; display: list-item}
	.header-topbar ul li:after {content: ""; width: 1px; height: 10px; background-color: #fff; display: inline-block; position: absolute; right: 0; top: 50%; margin-top: -5px;}	
	.header-topbar .span-md {display: inline;}
	.header-topbar .span-xs {display: none;}
	.header-links .btn {font-size: 14px; width: 195px;}
}
@media (min-width: 768px) {
	.page-header {background: linear-gradient(to bottom, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 57px, rgba(255, 255, 255, 1) 57px, rgba(255, 255, 255, 1) 100%);}
	.header-topbar {font-size: .85em;}
	.header-topbar a {font-size: 13px; display: inline-block;}
	.header-topbar a {transition: all .2s ease-in-out;}
	.header-topbar a:hover { transform: scale(1.05);}
}
@media (max-width: 991px) {
	.header-topbar ul li {flex: auto;text-align: center;}
	.header-logo img {width: 150px;}
}

@media (min-width: 992px) {
	.page-header {background: #fff;}
	.header-logo {margin: 18px 20px 15px 0;}
	.header-logo img {width: 158px;}
	.header-misc {margin-left: auto;}
	.header-links .btn {font-size: 14px; width: inherit;}
	.header-topbar ul li {margin-right: 15px; padding-right: 15px;}
	.header-topbar ul li:last-child {margin-right: 0; padding-right: 0;}
	.header-topbar ul li:after {height: 14px; margin-top: -7px;}
	.page-header .header-misc {padding: 10px 0;}
	.header-topbar a {font-size: 15px;}
	
}
@media (min-width: 1200px) {
	.header-topbar {font-size: .9em;}
	.header-logo {margin-right: 30px;}
	.header-links .btn {font-size: 16px; width: 210px; }
}
@media (min-width: 1350px) {
	.header-links .btn {width: 230px; font-size: 17px;}
}
@media (min-width: 1500px) {
	.header-logo {margin-right: 40px;}
}
@media (min-width: 1700px) {
	.header-logo {margin-right: 50px;}
}







/* ****************************************************** */
/* ******************************* NAV ****************** */
/* ****************************************************** */
.nav-toggle {display: block;}
.nav-toggle .nav-icon {width: 25px; cursor: pointer;}
.nav-toggle .nav-icon:after, 
.nav-toggle .nav-icon:before, 
.nav-toggle .nav-icon div {background-color: #fff; -webkit-border-radius: 1px; border-radius: 1px; content: ''; display: block; height: 3px; margin: 3px 0; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.nav-toggle.is-open .nav-icon:before {transform: translateY(8px) rotate(135deg); -webkit-transform: translateY(8px) rotate(135deg); }
.nav-toggle.is-open .nav-icon:after {transform: translateY(-7px) rotate(-135deg); -webkit-transform: translateY(-7px) rotate(-135deg); }
.nav-toggle.is-open .nav-icon div {-webkit-transform: scale(0); transform: scale(0); }

#nav ul {margin: 0; padding: 0;}
#nav ul li {display:block;position: relative;}
#nav ul li a {display: block;}
#nav ul li a:hover {text-decoration: none;}
@media (max-width:991px) {
	#nav {display: none;position: absolute; top: 57px; left: 0; right: 0;background-color: var(--Bleu);border-bottom: 1px solid #fff;}
	body.nav-is-open {overflow: hidden;}
	ul.nav-menu li {border-top: 1px solid #fff;}
	ul.nav-menu li a {padding: 15px 0;color: #fff;}
	ul.nav-menu li a:hover {background-color: var(--BleuDark);}
	ul.nav-menu li a span {display: block; max-width: 684px; margin: 0 auto;}
}
@media (max-width:767px) {
	#nav {top: 57px;}
	ul.nav-menu li a {padding: 15px; font-size: 14px;}
}
@media (max-width: 479px) {
    #nav {top: 52px;}
}
@media (max-width: 399px) {
    #nav {top: 49px;}
	ul.nav-menu li a {font-size: 13px;}
}
@media (min-width:480px) {
	.nav-toggle .nav-icon {width: 30px;}
	.nav-toggle .nav-icon:after, .nav-toggle .nav-icon:before, .nav-toggle .nav-icon div {height: 4px; margin: 3px 0;}	
}
@media (min-width:992px) {
	#nav {display: block !important;}
	ul.nav-menu li {display: inline-block;margin-right: 10px;font-size: .9em;}
	ul.nav-menu li a {padding: 10px;color: var(--Bleu);}
	ul.nav-menu li a:hover {background: none; text-decoration: none; color: #000B1A;}
}
@media (min-width: 1200px) {
	ul.nav-menu li {padding: 10px 12px;margin-right: 5px; font-size: 16px;}
}
@media (min-width: 1350px) {
	ul.nav-menu li {font-size: 17px;}
}
@media (min-width: 1500px) {
	ul.nav-menu li {margin-right: 10px;}
}
@media (min-width: 1700px) {
	ul.nav-menu li {margin-right: 15px;}
}






/* ****************************************************** */
/* ******************************* NAVBAR *************** */
/* ****************************************************** */
.sidebar-toggle {display: block; margin-bottom: 8px;}
.sidebar-toggle:not(.is-open):hover {background-color: var(--BleuDark);} 
.sidebar-toggle .nav-icon {width: 32px; cursor: pointer;padding: 5px;}
.sidebar-toggle .nav-icon:after, 
.sidebar-toggle .nav-icon:before {background-color: #fff; -webkit-border-radius: 1px; border-radius: 1px; content: ''; display: block; height: 2px; margin: 5px 0;}
.sidebar-toggle .nav-icon:before {margin-right: 10px;}
.sidebar-toggle.is-open .nav-icon:before {transform: translateY(2px) rotate(135deg); -webkit-transform: translateY(2px) rotate(135deg); height: 3px;margin: 3px 3px;}
.sidebar-toggle.is-open .nav-icon:after {transform: translateY(-5px) rotate(-135deg); -webkit-transform: translateY(-5px) rotate(-135deg); height: 3px;margin: 3px 3px;}
.sidebar-toggle.is-open {transform: translateX(8px); -webkit-transform: translateX(8px);float: right;}



.sidebar {position: absolute; left: 0; width: 60px; top: 0; bottom: 0;z-index: 50; color: #fff;}
.sidebar.is-open {/*width: 200px;*/width: 300px;} 
.sidebar:before {content: ""; position: absolute; top: 0; left: -999em; bottom: 0; right: 0; background: linear-gradient(to bottom,  #1d396d 0%,#0f2550 100%); z-index: 2;}
.sidebar > * {position: relative; z-index: 20;}
.sidebar-wrap {padding: 12px 6px;}
.sidebar.is-open .sidebar-wrap {padding: 12px;} 
.sidebar-user {/*padding-top: 15px;*/}
.sidebar-user img {border-radius: 50%;}
.sidebar-user-name {padding-left: 20px; /*text-align: center;*/ font-weight: 300;}
.sidebar-user-name span {display: inline-block;}
.sidebar-user-name span:first-child {margin-bottom: .3em;display: block;}
.sidebar-subtitle {text-transform: uppercase; font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-weight: 600;margin-left: 40px;}
.sidebar hr {border: 0;border-top: 1px solid #fff;margin:1.5em 0;}

.sidebar-menu {margin-left: 8px;}
.sidebar-menu li {margin-bottom: .1em;}
.sidebar-menu li a {color: #fff; display: block;padding: 2px 2px; border-radius: 50%; width:29px; height: 29px; padding-left: 5px;white-space: nowrap;}
.sidebar-menu li a:hover, .sidebar-menu li a.current {/*background-color: var(--BleuDark);*/}
.sidebar-menu li a > div {/*width: 30px; height: 30px; *//*margin-right: 5px;*/ text-align: center;display: inline-block; vertical-align: middle; height: 100%; width: 100%; position: relative;}
.sidebar-menu li a > div .notification {position: absolute; right:2px; top:2px; background: #B53737; color: #fff; border-radius: 50%; font-size: 9px; width: 12px; height: 12px; padding-top: 1px;}
.sidebar-menu li a > div img {display: inline-block; vertical-align: middle; /*max-width: 100%; height: auto;*/}
.sidebar-menu li a > span {font-size: .85em; font-weight: 300;display: inline-block; vertical-align: middle; padding-left: 3px;}
.sidebar-menu li a:hover span, .sidebar-menu li a.current span{font-weight: 700;}

@media (max-width: 767px) {
	.sidebar-wrap {overflow-y: scroll;height: 100%; overflow-x: hidden;}
}
@media (min-width: 768px) {
	.sidebar.is-open {width: 300px;} 
	.sidebar.is-open .sidebar-wrap {padding-right: 20px;}
	
	.sidebar-menu li {margin-bottom: 0.3em;}
}
@media (max-width: 1199px) {
	.sidebar:not(.is-open) .sidebar-user-name,
	.sidebar:not(.is-open) .sidebar-subtitle,
	.sidebar:not(.is-open) .sidebar-menu li a > span {display: none;}
	.sidebar:not(.is-open) .sidebar-menu li a {text-align: center;}
	.sidebar:not(.is-open) .sidebar-menu li a > div {margin-right: 0;}
}
@media (min-width: 1200px) {
	/*.sidebar {left: 50%; margin-left: -584px; width: 270px !important;}*/
	.sidebar {width: 270px !important;}
	.sidebar .sidebar-wrap {padding-right: 30px;} 
}
@media (min-width: 1500px) {
	.sidebar {/*margin-left: -714px;*/ width: 330px !important;}
}
@media (min-width: 1700px) {
	/*.sidebar {margin-left: -800px; width: 350px !important;}*/
}



.programme-button {background-color: #f6f6f6;position: relative; z-index: 40;margin-bottom: 1em;}
.programme-button span {display: inline-block;color: var(--Bleu); padding-left: 8px; padding-top: 2px; text-transform: uppercase;}
.programme-toggle {padding: 10px;}
.programme-toggle .nav-icon {width: 22px; cursor: pointer;}
.programme-toggle .nav-icon:after, 
.programme-toggle .nav-icon:before, 
.programme-toggle .nav-icon div {background-color: var(--Bleu); -webkit-border-radius: 1px; border-radius: 1px; content: ''; display: block; height: 2px; margin: 4px 0; -webkit-transition: transform .4s ease-in-out; transition: transform .4s ease-in-out; }
.programme-toggle.is-open .nav-icon:before {transform: translateY(8px) rotate(135deg); -webkit-transform: translateY(8px) rotate(135deg); }
.programme-toggle.is-open .nav-icon:after {transform: translateY(-7px) rotate(-135deg); -webkit-transform: translateY(-7px) rotate(-135deg); }
.programme-toggle.is-open .nav-icon div {-webkit-transform: scale(0); transform: scale(0); }
.programme-toggle:not(.is-open):hover {background-color: var(--Bleu);}
.programme-toggle:not(.is-open):hover span {color: #fff;}
.programme-toggle:not(.is-open):hover .nav-icon:after, 
.programme-toggle:not(.is-open):hover .nav-icon:before, 
.programme-toggle:not(.is-open):hover .nav-icon div {background-color: #fff;}
.programme-button {padding-left: 20px;}
@media (min-width: 480px) {
	.programme-toggle .nav-icon {width: 25px;}
	.programme-toggle .nav-icon:after, .programme-toggle .nav-icon:before, .programme-toggle .nav-icon div {margin: 5px 0;}
	.programme-button span {padding-left: 11px;}
}

.sidebar-programme {background-color: #f6f6f6; position: absolute; top: 0; bottom: 0; width: 200px; left: 60px; overflow-y: scroll; padding: 50px 10px 10px;z-index: 40;}
.sidebar.is-open + .sidebar-programme  {left: 200px;}
.sidebar-programme-wrap {height: 100%;}
.sidebar-programme-mentions {text-align: center; font-size: .85em;}
.sidebar-programme .modules {font-size: .85em;}
@media (min-width: 768px) {
	.sidebar-programme  {width: 270px;}
	.sidebar.is-open + .sidebar-programme  {left: 300px;}
	.programme-button {padding-left: 0px;}
}
@media (max-width: 1199px) {
	.sidebar-programme {display: none;}
	.sidebar-programme.is-open {display: block;}
}
@media (min-width: 1200px) {
	.sidebar-programme {/*left: 50%; */margin-left: 210px;}
	.sidebar-programme-title {margin-top: 46px; color: var(--Bleu); border-bottom: 1px solid #222; padding-bottom: 10px; text-transform: uppercase; text-align: center; font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-weight: 600;}
}
@media (min-width: 1500px) {
	.sidebar-programme  {/*margin-left: -384px;*/margin-left: 270px;}
}
@media (min-width: 1700px) {
	/*.sidebar-programme  {margin-left: -450px;}*/
}



/* ****************************************************** */
/* ******************************* FOOTER *************** */
/* ****************************************************** */
.page-footer {background: var(--Bleu);padding: 75px 0 15px; color: #fff;font-size: .9em;}
.page-footer .footer-logo {width: 145px; height: auto;}
.footer-subtitle {font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-weight: 600;margin-bottom: .9em;font-size: 1.1em;}
.page-footer .footer-menus {width: 230px; margin: 0 auto;}
.footer-menus > div {margin-bottom: 2em;}
.footer-menu li {margin-bottom: .4em;}
.footer-menu li a {color: #fff;}
.footer-menu li a:hover {text-decoration: none;}
.footer-socials a {display: inline-block; margin: 0 8px;}
.footer-socials a svg {height: 34px; width: auto;}
.footer-socials a svg path {fill: #fff;}
.footer-socials a:hover svg path {fill: var(--GrisBleu);}
.footer-mentions {font-size:0.85em;border-top: 1px solid #fff; padding-top: 1.6em;}
.page-footer .footer-mentions a {color: #fff;}
@media (min-width: 480px) {
	.page-footer .footer-logo {width: 160px;}
}
@media (min-width: 768px) {
	.page-footer {font-size: .8em;}
	.page-footer .footer-logo {width: 185px;}
	.page-footer .footer-menus {width: auto;}
	.footer-menus > div {margin-right: 30px;}
	.footer-menus > div:last-child {margin-right: 0;}
}
@media (min-width: 992px) {
	.page-footer {font-size: .85em; padding-top: 70px;}
	.page-footer li a, .page-footer .footer-mentions a {transition: all .2s ease-in-out; display: inline-block;}
	.page-footer li a:hover, .page-footer .footer-mentions a:hover { transform: scale(1.05);}
	.page-footer .footer-logo {width: 212px;}
	.footer-menus > div {margin-bottom: 0;  margin-bottom: 2em;}
}
@media (min-width: 1200px) {
	.page-footer {font-size: .9em;}
	.footer-menus > div {margin-bottom: 0;}
}








/* ****************************************************** */
/* ******************************* HOMEPAGE ************* */
/* ****************************************************** */
@media (max-width: 767px) {
	body.home .bg-image--connexion {background: var(--Bleu) url("../images/bg1-860.webp") no-repeat center center; background-size: cover;}
}

body.home .blocimg {background-color: #fff;text-align: center; padding: 20px; margin: 0 auto 30px;width: 350px;}
body.home .blocimg img {margin-bottom: 40px;border-radius: 50%;}
body.home .blocimg .btn {display: block;}

@media (min-width: 768px) {
	body.home .blocimg {width: 320px;padding: 50px 20px 30px;}
	body.home .blocimg img {margin-bottom: 60px;}
}
@media (min-width: 992px) {
	body.home .blocimg {width: 350px;margin: 0 37px;}
	body.home .bg-blurimg .btn-round {width: inherit;}	
}

@media (max-width: 767px) {
	body.home .blocimg .btn {margin: 0 auto; max-width: 230px;}
}


body.home .slick-slider-entete .slick-slide {padding: 10px 0; text-align: center;}
body.home .slick-slider-entete .entete-slide1 {background: url(../images/bg1-slider-entete.jpg) center center no-repeat; background-size: cover; }
body.home .slick-slider-entete .entete-slide2 {background: url(../images/bg2-slider-entete.jpg) center center no-repeat; background-size: cover;}
body.home .slick-slider-entete .contenu-central {width: calc(100% - 40px); margin: 50px auto; padding-bottom: 30px; color: #fff; background-size: 100%!important;}
body.home .slick-slider-entete .titre {font-family: "open-sans", sans-serif; font-weight: 600; text-transform: uppercase; font-size: 1.35em;}
body.home .slick-slider-entete .offert {padding: 1.3em 0; font-weight: 600; }
body.home .slick-slider-entete .boutons {max-width: 220px; margin: 0 auto;}
body.home .slick-slider-entete .btn {border-radius: 18px; padding: .4em 2.35em; border: solid 1px #FFF; font-size: 0.9em;}
body.home .slick-slider-entete .prix1 {background: #15bad4; color: #fff; text-align: center; padding: 5px; font-size: 0.9em; margin: 0 auto; margin-top: 12px; max-width: 225px; border-radius: 25px;}
body.home .slick-slider-entete .prix1 .montant {font-family: "open-sans", sans-serif; font-weight: 600; font-size: 2.05em;}
body.home .slick-slider-entete .prix1 .montant sup {font-size: 0.58em;}
body.home .slick-slider-entete .prix1 .par_mois {font-size: 0.68em;}
body.home .slick-slider-entete .slick-slide .legende-options {font-size: 0.63em;}
@media (min-width: 480px) {
	body.home .slick-slider-entete .boutons {max-width: 500px;}
	body.home .slick-slider-entete .btn {width: 195px;}
}
@media (max-width: 991px) {
	body.home .slick-slider-entete .colonne-encart {display: none;}
}
@media (min-width: 992px) {
	body.home .slick-slider-entete .slick-slide {height: auto; padding: 10px 30px; aspect-ratio: 1970/1103; position: relative;}
	body.home .slick-slider-entete .offert {padding: 2.5em 0;}
	body.home .slick-slider-entete .contenu-central {margin-top: 0px; margin-bottom: 0; padding-bottom: 0;}
	body.home .slick-slider-entete .contenu-central > .row {padding-top: 55px; padding-bottom: 20px;}
	body.home .slick-slider-entete .contenu-central > .row .col-3 {width: 30%;}
	body.home .slick-slider-entete .contenu-central > .row .col-lg-6 {width: 40%;}
	body.home .slick-slider-entete .entete-encart {background: #fff; padding: 20px; display: block; border-radius: 20px; color: var(--Bleu);}
	body.home .slick-slider-entete .entete-encart .encart-titre {text-transform: uppercase; font-family: "open-sans", sans-serif; font-weight: 600;}
	body.home .slick-slider-entete .entete-encart .encart-texte {text-align: left; margin: 0; margin-top: 20px; padding: 0; font-size: 0.70em;}
	body.home .slick-slider-entete .entete-encart .encart-texte li {list-style: none; padding: 0; margin: 0; margin-left: 0px; margin-bottom: 10px; line-height: 1;}
	body.home .slick-slider-entete .btn {width: 165px;}
	body.home .slick-slider-entete .btn {padding: .4em 1.4em;}
	body.home .slick-slider-entete .slick-slide .prix1 {position: absolute; top:0; right: 0; margin-top: -40px; margin-right: -20px; border-radius: 50%; padding: 30px 22px; padding-left: 10px; padding-top: 50px; line-height: 1.14;}
	body.home .slick-slider-entete .par-mois {margin-top: -7px; margin-right: -25px; padding: 40px 22px;}
	body.home .slick-slider-entete .entete-encart2 {padding: 20px 12px;}
	body.home .slick-slider-entete .entete-encart2 .encart-texte li {position: relative; padding-left: 23px; padding-top: 3px; }
	body.home .slick-slider-entete .entete-encart2 .encart-texte li:before {content: ""; width: 20px; height: 20px; border: solid 3px #fff; top: 0px; left: 0; background: url("../images/bullet-slider.svg") no-repeat center center; background-size: cover; border-radius: 50%; position: absolute;}
	body.home .slick-slider-entete .entete-encart2 .encart-texte li.supplement:before {background: url("../images/bullet-slider-supplement2.svg") no-repeat center center; background-size: cover; border-radius: 0;}
}
@media (min-width: 1200px) {
	body.home .slick-slider-entete .slick-slide {height: 700px; padding: 10px 50px; aspect-ratio: auto; background-size: cover!important;}
	body.home .slick-slider-entete .slick-slide .prix1 {margin-top: -30px; padding: 40px 22px;  line-height: 1.04;}
	body.home .slick-slider-entete .entete-encart2 {padding: 25px;}
	body.home .slick-slider-entete .entete-encart {padding: 30px;}
	body.home .slick-slider-entete .entete-encart .encart-titre {font-size: 1.1em;}
	body.home .slick-slider-entete .entete-encart .encart-texte {font-size: 0.8em;}
	body.home .slick-slider-entete .entete-encart .encart-texte li {margin-bottom: 12px;}
	body.home .slick-slider-entete .entete-encart2 .encart-texte li {padding-left: 26px;}
	body.home .slick-slider-entete .entete-encart2 .encart-texte li:before {content: ""; width: 22px; height: 22px; }
}
@media (min-width: 1400px) {
	body.home .slick-slider-entete .slick-slide {background-size: 100%!important;}
	body.home .slick-slider-entete .contenu-central {max-width: 1500px;}
	body.home .slick-slider-entete .contenu-central > .row {padding-top: 30px;}
	body.home .slick-slider-entete .contenu-central > .row .px-xl-4 {padding-left: 6rem!important; padding-right: 6rem!important;}
	body.home .slick-slider-entete .entete-encart .encart-titre {font-size: 1.22em;}
	body.home .slick-slider-entete .entete-encart .encart-texte {font-size: 0.9em;}
	body.home .slick-slider-entete .entete-encart .encart-texte li {margin-bottom: 15px;}
	body.home .slick-slider-entete .entete-encart2 .encart-texte li {padding-left: 30px;}
	body.home .slick-slider-entete .entete-encart2 .encart-texte li:before {content: ""; width: 25px; height: 25px; }
}

body.home .commentcamarche {background-color: var(--Bleu);padding: 2.4em 0;}
body.home .commentcamarche h2 {color: #fff;}
body.home .commentcamarche-items > div {text-align: center; margin-bottom: 30px;}
body.home .commentcamarche-items > div img {margin-bottom: 18px; height: auto;border-radius: 50%;}
body.home .commentcamarche-items > div p {color: #fff;margin: 0;}
@media (min-width: 992px) {
	body.home .commentcamarche-items > div {margin-right: 80px; margin-bottom: 0;}
	body.home .commentcamarche-items > div:last-child {margin-right: 0;}
}
@media (min-width: 1200px) {
	body.home .commentcamarche-items > div {margin-right: 50px;}
	body.home .commentcamarche-items > div img {width: 200px;}
	body.home .commentcamarche-items > div p {font-size: .9em;}
}
@media (min-width: 1500px) {
	body.home .commentcamarche-items > div {margin-right: 80px;}
	body.home .commentcamarche-items > div img {width: 248px;}
	body.home .commentcamarche-items > div p {font-size: 1em;}
}
@media (min-width: 1700px) {
	body.home .commentcamarche-title {text-align: center; flex: 1;}
}

body.home .img-reeduc {margin: 0 -15px;}
@media (min-width: 768px) {
	body.home .img-reeduc {margin: 0;}

}


body.home .bg-blurimg {background: var(--Bleu) url("../images/bg2-860.webp") no-repeat center center; background-size: cover; color: #fff; padding: 3em 0;}
body.home .bg-blurimg h2 {color: #fff;}
body.home .bg-blurimg .btn-round {background-color: rgba(21, 63, 121, .7); width: 250px;}
body.home .bg-blurimg .btn-round:hover {background-color: #fff;}
@media (min-width: 768px) {
	body.home .bg-blurimg {background-image: url("../images/bg2-992.webp");}
}
@media (min-width: 992px) {
	body.home .bg-blurimg {padding: 5em 0;background-image: url("../images/bg2-1500.webp");}
}
@media (min-width: 1500px) {
	body.home .bg-blurimg {background-image: url("../images/bg2-1920.webp");}
}


body.home .encart {text-align: center; padding: 2em;border-radius: 12px;}
body.home .encart--blue {color: #fff; background-color: var(--BleuDark);}
body.home .encart--grey {background-color: var(--GrisBleu);}
body.home .encart-img img {border-radius: 50%;}
body.home .encart-title {text-transform: uppercase;font-size: 1.45em;margin-bottom: .7em;}
body.home .encart-text {font-size: .9em;}
body.home .encart-btn {padding-top: 1em;}
body.home .encart--blue .encart-btn .btn:hover {background-color: #fff; color: var(--Bleu);}
body.home .encart--praticien .btn {width: 180px;}
body.home .m-accordion-title:after {width: 18px; height: 22px; right: 2px;}
body.home .faq .p-infos a:hover {text-decoration: underline;}
@media (min-width: 480px) {
	body.home .encart--praticien .btn {width: auto;}
}
@media (min-width: 600px) {
	body.home .encart-listing .nobr {white-space:nowrap; }
	body.home .m-accordion-title:after {width: 22px; height: 28px; right: 1em;}
}
@media (min-width: 1200px) {
	body.home .explications {--bs-gutter-x: 6rem;}
	body.home .encart-title {font-weight: 500;}
	body.home .encart-listing {margin:0 40px;}
	body.home .encart-title {font-size: 1.6em;}
}







.slick-carousel-temoignages .card {width: 90%;}
.slick-carousel-temoignages .slick-track {display: flex;}
.slick-carousel-temoignages .slick-track .slick-slide {height: auto; padding: 10px 0;}
.slick-carousel-temoignages .slick-prev, .slick-carousel-temoignages .slick-next {top: 50%; margin-top: -30px;}
.slick-carousel-temoignages .card {font-size: 1.04em;}
.slick-carousel-temoignages .rating {font-family:star-rating; color: #ffc107;}
.slick-carousel-temoignages .note li {float: left; list: none;}
.slick-carousel-temoignages .qui {color: var(--Bleu); font-weight: 700; font-size: 1.15em; font-style: italic;}
.slick-carousel-temoignages .quand {color: var(--Bleu); font-size: 0.85em;}
.slick-carousel-temoignages .quoi {color: var(--Bleu); font-size: 0.95em; margin-top: 7px; line-height: 1.35; padding-top: 22px; padding-bottom: 15px;  position: relative;}
.slick-carousel-temoignages .quoi:before {content: '“'; position: absolute; top: 0; left: 0; margin-left: -10px; margin-top: -10px; width: 35px; height: 30px;  color: var(--Bleu); font-weight: 700; font-size: 2.5em; }
.slick-carousel-temoignages .quoi:after {content: '„'; position: absolute; bottom: 10px; right: 0; margin-right: -22px; margin-bottom: 0px; width: 35px; height: 30px;  color: var(--Bleu); font-weight: 700; font-size: 2.5em; }

@media (max-width: 767px) {
	.slick-carousel-temoignages .slick-prev {left: -35px;}
	.slick-carousel-temoignages [dir='rtl'] .slick-prev {right: -35px;}
	.slick-carousel-temoignages .slick-next {right: -35px; }
	.slick-carousel-temoignages [dir='rtl'] .slick-next {left: -35px;}
}
@media (max-width: 480px) {
	.slick-carousel-temoignages .slick-prev {left: -20px;}
	.slick-carousel-temoignages [dir='rtl'] .slick-prev {right: -20px;}
	.slick-carousel-temoignages .slick-next {right: -20px; }
	.slick-carousel-temoignages [dir='rtl'] .slick-next {left: -20px;}
}
@media (min-width: 768px) {
	.slick-carousel-temoignages .card {width: 90%;}
}




/* ************************************************************************** */
/* ******************************* PAGES LEGALES **************************** */
/* ************************************************************************** */
.text--legal h3 {margin-top: 1.7em; margin-bottom: 0.5em;}



/* ************************************************************************** */
/* ******************************* NOS PROGRAMMES *************************** */
/* ************************************************************************** */
body.nos-programmes .bg-blurimg {background: var(--Bleu) url("../images/bg3-992.jpg") no-repeat right center; background-size: cover; color: #fff; padding: 3em 0; line-height: 1.65;}
body.nos-programmes .bg-blurimg h2 {color: #fff;}
body.nos-programmes .bg-blurimg .btn-round {background-color: rgba(21, 63, 121, .7); width: 250px;}
body.nos-programmes .bg-blurimg .btn-round:hover {background-color: #fff;}
@media (min-width: 768px) {
	body.nos-programmes .bg-blurimg {background-image: url("../images/bg2-992.jpg");}
}
@media (min-width: 992px) {
	body.nos-programmes .bg-blurimg {padding: 5em 0;background-image: url("../images/bg3-1500.jpg");}
}
@media (min-width: 1500px) {
	body.nos-programmes .bg-blurimg {background-image: url("../images/bg3-1920.jpg");}
	body.nos-programmes .detail-programme .zone-photo {max-width: 680px; margin: 0 auto;}
}


@media (max-width: 1199px) {
	body.nos-programmes .detail-programme .zone-photo {max-width: 500px; margin: 0 auto;}
}


/* ************************************************************************** */
/* ******************************* QUI SOMMES NOUS *************************** */
/* ************************************************************************** */
body.qui .bg-blurimg {background: var(--Bleu) url("../images/bg4-1920.jpg") no-repeat center center; background-size: cover; color: #fff; padding: 4em 0; line-height: 1.65;}
body.qui .bg-blurimg h2 {color: #fff;}
body.qui .zone-photo {max-width: 500px; margin: 0 auto;}
body.qui .intro2 .btn {width: 100%; max-width: 360px; margin-left: auto; margin-right: auto;}
@media (min-width: 992px) {
	body.qui .intro {text-align: justify;}
	body.qui .intro2 .btn {width: auto; max-width: none; margin-left: 0 auto;}
}
@media (min-width: 1200px) {
	body.qui .zone-photo {margin-right: 0;}
}



/* ************************************************************************** */
/* ******************************* TEMOIGNAGES *************************** */
/* ************************************************************************** */
@font-face {
    font-family:star-rating;
    src:url(data:application/x-font-ttf;base64,AAEAAAALAIAAAwAwT1MvMigiLIYAAAC8AAAAYGNtYXAmCyZNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZlNxiKoAAAF4AAABFGhlYWQBHDApAAACjAAAADZoaGVhA+IB6AAAAsQAAAAkaG10eAcAAAAAAALoAAAAHGxvY2EAjADoAAADBAAAABBtYXhwAAoAGAAAAxQAAAAgbmFtZYWP6p0AAAM0AAABaXBvc3QAAwAAAAAEoAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABAAAgAAAAAAAAAAAAAAAAAABAAAAl0AHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAEAAAAAMAAgAAgAEAAEAICXLJdD//f//AAAAAAAgJcslz//9//8AAf/j2jnaNgADAAEAAAAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAACAAD/7QIAAdMACgAVAAABLwEPARcHNxcnNwUHNyc/AR8BBxcnAgCxT0+xgB6enh6A/wBwFlt9ODh9WxZwARkaoKAafLBTU7B8sjp8WBJxcRJYfDoAAAAAAQAA/+0CAAHTAAoAAAEvAQ8BFwc3Fyc3AgCxT0+xgB6enh6AARkaoKAafLBTU7B8AAAAAAIAAP/tAgAB0wAKABIAAAEvAQ8BFwc3Fyc3BTERHwEHFycCALFPT7GAHp6eHoD/ADh9WxZwARkaoKAafLBTU7B8sgEdcRJYfDoAAAABAAAAAQAA1qooUl8PPPUACwIAAAAAAM/+d7YAAAAAz/53tgAA/+0CAAHTAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAIAAAEAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAQAAAAIAAAACAAAAAgAAAAAAAAAACgAUAB4ASgBkAIoAAQAAAAcAFgACAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABABYAAAABAAAAAAACAA4AYwABAAAAAAADABYALAABAAAAAAAEABYAcQABAAAAAAAFABYAFgABAAAAAAAGAAsAQgABAAAAAAAKADQAhwADAAEECQABABYAAAADAAEECQACAA4AYwADAAEECQADABYALAADAAEECQAEABYAcQADAAEECQAFABYAFgADAAEECQAGABYATQADAAEECQAKADQAhwBzAHQAYQByAC0AcgBhAHQAaQBuAGcAVgBlAHIAcwBpAG8AbgAgADEALgAwAHMAdABhAHIALQByAGEAdABpAG4AZ3N0YXItcmF0aW5nAHMAdABhAHIALQByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHMAdABhAHIALQByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'),url(data:application/font-woff;base64,d09GRk9UVE8AAAUgAAoAAAAABNgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAWMAAAFjbsVsoU9TLzIAAAJYAAAAYAAAAGAoIiyGY21hcAAAArgAAABUAAAAVCYLJk1nYXNwAAADDAAAAAgAAAAIAAAAEGhlYWQAAAMUAAAANgAAADYBHDApaGhlYQAAA0wAAAAkAAAAJAPiAehobXR4AAADcAAAABwAAAAcBwAAAG1heHAAAAOMAAAABgAAAAYAB1AAbmFtZQAAA5QAAAFpAAABaYWP6p1wb3N0AAAFAAAAACAAAAAgAAMAAAEABAQAAQEBDHN0YXItcmF0aW5nAAECAAEAOvgcAvgbA/gYBB4KABlT/4uLHgoAGVP/i4sMB4tr+JT4dAUdAAAAjg8dAAAAkxEdAAAACR0AAAFaEgAIAQEMFxkbHiMoLXN0YXItcmF0aW5nc3Rhci1yYXRpbmd1MHUxdTIwdTI1Q0J1MjVDRnUyNUQwAAACAYkABQAHAQEEBwoNVn29/JQO/JQO/JQO+5QO+JT3rRX7RaU89zQ8+zT7RXH3FPsQbftE9zLe9zI4bfdE9xT3EAX7lPtGFfsEUaH3EDDj9xGdw/cFw/sF9xF5MDOh+xD7BMUFDviU960V+0WlPPc0PPs0+0Vx9xT7EG37RPcy3vcyOG33RPcU9xAFDviU960V+0WlPPc0PPs0+0Vx9xT7EG37RPcy3vcyOG33RPcU9xAF+5T7RhWLi4v3scP7BfcReTAzofsQ+wTFBQ74lBT4lBWLDAoAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAAQAAIAAAAAAAAAAAAAAAAAAAQAAAJdAB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABABAAAAADAAIAAIABAABACAlyyXQ//3//wAAAAAAICXLJc///f//AAH/49o52jYAAwABAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAAOJjA1tfDzz1AAsCAAAAAADP/ne2AAAAAM/+d7YAAP/tAgAB0wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAABwAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAAAAFAAAAcAAAAAAA4ArgABAAAAAAABABYAAAABAAAAAAACAA4AYwABAAAAAAADABYALAABAAAAAAAEABYAcQABAAAAAAAFABYAFgABAAAAAAAGAAsAQgABAAAAAAAKADQAhwADAAEECQABABYAAAADAAEECQACAA4AYwADAAEECQADABYALAADAAEECQAEABYAcQADAAEECQAFABYAFgADAAEECQAGABYATQADAAEECQAKADQAhwBzAHQAYQByAC0AcgBhAHQAaQBuAGcAVgBlAHIAcwBpAG8AbgAgADEALgAwAHMAdABhAHIALQByAGEAdABpAG4AZ3N0YXItcmF0aW5nAHMAdABhAHIALQByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHMAdABhAHIALQByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');
    font-weight:normal;
    font-style:normal;
}
.temoignages .item {padding-top: 20px; margin-bottom: 10px; padding-bottom: 30px; border-bottom: solid 1px #999;}
.temoignages .item.dernier {
    border-bottom: none;
}
.temoignages .rating {font-family:star-rating; color: #ffc107;}
.temoignages .note li {float: left; list: none;}
.temoignages .qui {color: var(--Bleu); font-weight: 700; font-size: 1.15em; font-style: italic;}
.temoignages .quand {color: var(--Bleu); font-size: 0.85em;}
.temoignages .quoi {color: var(--Bleu); font-size: 0.95em; margin-top: 7px; line-height: 1.35; padding-top: 12px; padding-bottom: 15px;  position: relative;}
.temoignages .quoi:before {content: '“'; position: absolute; top: 0; left: 0; margin-left: -35px; margin-top: -10px; width: 35px; height: 30px;  color: var(--Bleu); font-weight: 700; font-size: 2.5em; }
.temoignages .quoi:after {content: '„'; position: absolute; bottom: 10px; right: 0; margin-right: -35px; margin-bottom: 0px; width: 35px; height: 30px;  color: var(--Bleu); font-weight: 700; font-size: 2.5em; }


/* ************************************************************************** */
/* ******************************* FAQ *************************** */
/* ************************************************************************** */
body.faq .bg-blurimg {background: var(--Bleu) url("../images/bg5-1920.jpg") no-repeat center center; background-size: cover; color: #fff; padding: 4em 0; line-height: 1.65;}
body.faq .bg-blurimg h1 {color: #fff; text-transform: none;}
body.faq #formFaq input[type="text"] {padding: 7px 12px; padding-right: 32px; margin-right: 5px; width: calc(100% - 120px); font-size: 0.88em; border-radius: 25px; border: none; background: url(../images/search.svg) center right 12px no-repeat #fff; background-size: 14px; max-width: 400px;}
body.faq #formFaq input[type="submit"] {border: solid 1px #fff; padding: 6px 10px;}
@media (min-width: 768px) {
	body.faq #formFaq input[type="text"] {padding: 12px 25px; padding-right: 40px; margin-right: 10px; width: 400px; font-size: 0.88em; border-radius: 25px; border: none; background: url(../images/search.svg) center right 12px no-repeat #fff; background-size: 17px;}
	body.faq #formFaq input[type="submit"] {border: solid 1px #fff; padding: 0.6em 30px;}
}
@media (min-width: 992px) {
	body.faq .bg-blurimg  {padding: 8em 0;}
}
@media (min-width: 1500px) {
	body.faq .bg-blurimg  {padding: 12em 0;}
}

body.faq .bg-gris {background: #eeeeee;}
body.faq .texte-noir {color: #000;}
body.faq .liste-domaines .colonne-item { margin-bottom: 4em;}
body.faq .liste-domaines .item {height: 100%; padding: 2.5em 1em; margin: 0 auto; text-align: center; text-transform: uppercase; font-weight: 500; font-size: 1.3em;  box-shadow: 1px 1px 12px #555; max-width: 350px; cursor: pointer;}
body.faq .liste-domaines .item a {display: block; height: 100%; color: #000;}
body.faq .liste-domaines .item:hover {background: var(--Bleu); color: #fff;}
body.faq .liste-domaines .item:hover a {color: #fff;}
@media (min-width: 768px) {
	/**/
	body.faq .liste-domaines .item {max-width: 290px;}
}
@media (min-width: 992px) {
	body.faq .liste-domaines .colonne-item { margin-bottom: 4.5em;}
	body.faq .liste-domaines .item {max-width: 400px;}
}
@media (min-width: 1200px) {
	body.faq .liste-domaines .colonne-item { margin-bottom: 3.5em;}
	body.faq .liste-domaines .item {max-width: 320px;}
}
@media (min-width: 1350px) {
	body.faq .liste-domaines .colonne-item { margin-bottom: 5.5em;}
}
@media (min-width: 1500px) {
	body.faq .liste-domaines .colonne-item { margin-bottom: 3.5em;}
	body.faq .liste-domaines .item {max-width: 370px;}
}
@media (min-width: 1700px) {
	body.faq .liste-domaines .item {max-width: 400px;}	
}
@media (min-width: 1900px) {
	body.faq .liste-domaines .colonne-item { margin-bottom: 5.5em;}
}


body.faq .encart {background: #fff; border-radius: 15px; padding: 2em 2em;}
body.faq .detail-faq .faq {margin-bottom: 16px;}
body.faq .detail-faq .faq.current {background: #f4ff03; padding: 10px;}
body.faq .detail-faq .question {font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-weight: 600; margin-bottom: 3px;}
body.faq .detail-faq .faq-kw-trouve {background: #f4ff03; padding: 3px;}

body.faq .sommaire .encart .titre {color: var(--Bleu); text-align: center; font-weight: bold; line-height: 1.5; font-size: 1.15em; text-transform: uppercase;}
body.faq .sommaire .encart a {display: block; margin-top: 1.5em; color: #000;}
@media (max-width: 1199px) {
	body.faq .sommaire {display: none;}
}

body.faq .titre-autres {font-weight: bold; line-height: 1.5; font-size: 1.15em; text-transform: uppercase;}
body.faq .liste-autres-domaines .colonne-item { margin-bottom: 4em;}
body.faq .liste-autres-domaines .item {border-radius: 15px; color: #fff; background: var(--Bleu); border: solid 1px var(--Bleu); height: 100%; padding: 2.5em 1em; margin: 0 auto; text-align: center; text-transform: uppercase; font-weight: 500; font-size: 1.1em; cursor: pointer;}
body.faq .liste-autres-domaines .item a {display: block; height: 100%; color: #fff;}
body.faq .liste-autres-domaines .item:hover {background: #fff; color: var(--Bleu)}
body.faq .liste-autres-domaines .item:hover a {color: var(--Bleu)}


/* ************************************************************************** */
/* ******************************* CONTACT *************************** */
/* ************************************************************************** */
body.contact form {max-width: 1000px; margin: 0 auto;}
body.contact form label {margin-bottom: 5px; font-size: 0.9em;}
body.contact form .ligne {margin-bottom: 1.5em;}
body.contact form textarea {height: 180px;}
body.contact input[type=file] {display: none;}
body.contact label.label-input-file {cursor: pointer;}
body.contact label.label-input-file .trombone {display: inline-block; background :#ededed; border-radius: 50%; padding: 4px;}
body.contact label.label-input-file:hover .trombone {background: #bbc5d3;}
body.contact label.label-input-file .mention2 {color: #bbb;}
body.contact .politique-conf a {text-decoration: underline;}
body.contact .politique-conf input {width: 16px; height: 16px;}
body.contact input[type="submit"] {display: block; width: 100%; padding-top: 10px; padding-bottom: 10px;}
body.contact .message-merci {padding: 100px 0; padding-bottom: 150px; line-height: 1.4;}
@media (min-width: 480px) {
	body.contact input[type="submit"] {display: inline-block; padding-left: 80px; padding-right: 80px; width: auto;}
}
@media (min-width: 992px) {
	body.contact .message-merci {padding: 200px 0; padding-bottom: 250px;}
}



/* ************************************************************************** */
/* ******************************* INSCRIPTION PROSPECT *************************** */
/* ************************************************************************** */
body.inscription-prospect form {max-width: 1000px; margin: 0 auto;}
body.inscription-prospect form label {margin-bottom: 5px; font-size: 0.9em;}
body.inscription-prospect form .ligne {margin-bottom: 1.5em;}
body.inscription-prospect form textarea {height: 180px;}
body.inscription-prospect input[type=file] {display: none;}
body.inscription-prospect label.label-input-file {cursor: pointer;}
body.inscription-prospect label.label-input-file .trombone {display: inline-block; background :#ededed; border-radius: 50%; padding: 4px;}
body.inscription-prospect label.label-input-file:hover .trombone {background: #bbc5d3;}
body.inscription-prospect label.label-input-file .mention2 {color: #bbb;}
body.inscription-prospect .politique-conf a {text-decoration: underline;}
body.inscription-prospect .politique-conf input {width: 16px; height: 16px;}
body.inscription-prospect input[type="submit"] {display: block; width: 100%; padding-top: 10px; padding-bottom: 10px;}
body.inscription-prospect .message-merci {padding: 100px 0; padding-bottom: 150px; line-height: 1.4;}
@media (min-width: 480px) {
	body.inscription-prospect input[type="submit"] {display: inline-block; padding-left: 80px; padding-right: 80px; width: auto;}
}
@media (min-width: 992px) {
	body.inscription-prospect .message-merci {padding: 200px 0; padding-bottom: 250px;}
}





/* ************************************************************************** */
/* ******************************* PATIENT IDENTIFICATION ******************* */
/* ************************************************************************** */
body.patient-identification .bienvenue {margin-bottom: 5em;}
body.patient-identification .bienvenue .encart-limitateur {max-width: 500px; margin: 0 auto; }
body.patient-identification .bienvenue .encart-limitateur-image {background: url(../images/connexion-patient.jpg) center bottom -40px no-repeat; background-size: auto 100%; height: 350px;}
body.patient-identification .bienvenue .row {--bs-gutter-x: 10rem;}
body.patient-identification .bienvenue form {box-shadow: 1px 1px 6px #555; padding: 1em 10px; }
body.patient-identification .bienvenue .img-logo {margin-top: 1em; margin-bottom: 2em; max-width: 160px;}
body.patient-identification .bienvenue form .btn {display: block; width: 100%;}
body.patient-identification .bienvenue form a.lien-creer {font-size: 0.86em;}
body.patient-identification .bienvenue form .autres-infos {font-size: 0.78em;}
body.patient-identification .bienvenue form .form-group {margin-bottom: 0.75em;}
body.patient-identification .bienvenue #bloc-pwd {display: none;}
@media (min-width: 480px) {
	body.patient-identification .bienvenue form { padding: 1em 30px; }
}
@media (min-width: 550px) {
	body.patient-identification .bienvenue .encart-limitateur-image {height: 450px;}
	body.patient-identification .bienvenue form .autres-infos {font-size: 0.91em;}
}
@media (min-width: 767px) {
	/*body.patient-identification .bienvenue .encart-limitateur-image {height: 450px; background: url(../images/connexion-patient.jpg) center bottom -40px no-repeat;}*/
}
@media (min-width: 992px) {
	body.patient-identification .bienvenue {margin: 5em 0;}
	body.patient-identification .bienvenue .encart-limitateur {height: 100%;}
	body.patient-identification .bienvenue .encart-limitateur-image {background: url(../images/connexion-patient.jpg) center center no-repeat; background-size: cover; height: 100%;}
	body.patient-identification .bienvenue form {margin: 2em 0;}
}
@media (min-width: 1200px) {
	body.patient-identification .bienvenue form {margin: 5em 0;}
}



/* ************************************************************************** */
/* ******************************* PATIENT CHOIX ******************* */
/* ************************************************************************** */
body.patient-choix  .bg-image {
	padding: 0;
	background: var(--Bleu) url(../images/bg1-992.webp) no-repeat center center;
	background-size: cover;
}
body.patient-choix .blocconnect {width:340px; max-width: 90%; margin-top: 4em; }
body.patient-choix .blocconnect a {width: 100%; text-transform: uppercase; background-color: #fff; color: var(--Bleu); height: 200px;font-size: 1.4em; font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-weight: 600;}
body.patient-choix .blocconnect a:hover {background-color: var(--BleuDark); color: #fff;}
.blocconnect + .blocconnect {margin: 2.5em 0 4em;}
@media (min-width: 768px) {
	body.patient-choix .blocconnect {margin-top: 0;}
	body.patient-choix .blocconnect + .blocconnect {margin: 0 0 0 2em;}
}
@media (min-width: 992px) {
	body.patient-choix .blocconnect {width: 400px;}
	body.patient-choix .blocconnect a {height: 240px;}
	body.patient-choix .blocconnect + .blocconnect {margin-left: 4em;}
}
@media (min-width: 1200px) {
	body.patient-choix .blocconnect {width: 440px;}
	body.patient-choix .blocconnect a {height: 280px;}
	body.patient-choix .blocconnect + .blocconnect {margin-left: 6em;}
}
@media (min-width: 1500px) {
	body.patient-choix .blocconnect {width: 470px;}
}


/* ************************************************************************** */
/* ******************************* CHOIX PARCOURS *************************** */
/* ************************************************************************** */
body.choix-parcours .cadre {box-shadow: 1px 1px 6px #555; padding: 1em;}
body.choix-parcours .cadre .titre {color: var(--Bleu); font-weight: 700; text-transform: uppercase; margin-bottom: 5px;}
body.choix-parcours .cadre .accroche {font-size: 0.95em; line-height: 1.6; margin-bottom: 8px;}
@media (min-width: 480px) {
	body.choix-parcours .cadre {box-shadow: 1px 1px 6px #555; height: 100%; padding: 1em 30px;}
	body.choix-parcours .parcours-photo {height: auto;}
	body.choix-parcours .cadre .row {height: 100%;}
	body.choix-parcours .cadre .row > div {height: 100%; display: flex; }
	body.choix-parcours .zone-infos{
	  height: 100%;
	  display: flex;
	  flex-direction: column;
	  align-items: flex-start;
		align-content: flex-start;
		justify-content: flex-start;
		flex-wrap: nowrap;
	}
	body.choix-parcours .cadre .row .btn {margin-top: auto;}
}

/* Détail parcours */
body.choix-parcours .detail-parcours {background: url(../images/bg-choix-parcours.jpg) center no-repeat; background-size: cover; padding-bottom: 2em;}
body.choix-parcours .detail-parcours h1 {color: #000; padding: 3em 0;}
body.choix-parcours .detail-parcours .liste-traitements {position: relative;}
body.choix-parcours .detail-parcours .liste-traitements .item {background: var(--Bleu); color: #fff; height: 100%; text-align: center; margin: 0 auto; max-width: 450px; border: solid 1px var(--Bleu);}
body.choix-parcours .detail-parcours1 .liste-traitements .item:hover {background: #fff;}
body.choix-parcours .detail-parcours1 .liste-traitements .item a {display: block; height: 100%; color: #fff; padding: 2em 1em;}
body.choix-parcours .detail-parcours1 .liste-traitements .item:hover a {color: var(--Bleu);}
body.choix-parcours .detail-parcours .liste-traitements .btn-precedent {margin: 0 auto; width: 160px; display: block; margin-top: 25px;}
@media (min-width: 992px) {
	body.choix-parcours .detail-parcours1 .liste-traitements .btn-precedent {position: absolute; bottom: 15px; right:15px; margin:0 ; display: inline-block; width: auto;}
}


body.choix-parcours .detail-parcours2 .liste-traitements .item {padding: 2.5em 1.5em;}
body.choix-parcours .detail-parcours2 .liste-traitements .item-2 {padding-top: 4.25em;}
body.choix-parcours .detail-parcours2 .liste-traitements .item .titre {font-weight: 700;}
body.choix-parcours .detail-parcours2 .liste-traitements .item-2 .titre {padding-bottom: 2.25em;}
body.choix-parcours .detail-parcours2 .liste-traitements .item .nb {padding: 1.5em 0; font-size: 0.9em;}
body.choix-parcours .detail-parcours2 .liste-traitements .item input {width: 60px; text-align: center;}
body.choix-parcours .detail-parcours2 .liste-traitements .item .btn-abonner {width: 190px; border: solid 1px #fff;}
body.choix-parcours .detail-parcours2 .liste-traitements .btn-precedent {margin-top: 45px;}
@media (min-width: 992px) {
	body.choix-parcours .detail-parcours2 {padding-bottom: 150px;}
	body.choix-parcours .detail-parcours2 .liste-traitements .btn-precedent {position: absolute; bottom: 0px; margin:0 ;  margin-bottom: -65px; right:15px; display: inline-block; width: auto;}
}
@media (min-width: 1200px) {
	body.choix-parcours .detail-parcours2 .liste-traitements .btn-precedent {right: 60px; }
}
@media (min-width: 1350px) {
	body.choix-parcours .detail-parcours2 .liste-traitements .btn-precedent {right: 100px; }
}
@media (min-width: 1500px) {
	body.choix-parcours .detail-parcours2 .liste-traitements .btn-precedent {right: 100px; }
	body.choix-parcours .detail-parcours2 .liste-traitements {max-width: 1300px !important;}
}



/* ************************************************************************** */
/* ******************************* FICHE PARCOURS *************************** */
/* ************************************************************************** */
body.parcours .sous-titre {text-align: center;}
body.parcours .cadre1 {box-shadow: 1px 1px 6px #555;  padding: 2em 1em; text-align: center; margin: auto; max-width: 500px;}
body.parcours .cadre1 .duree {font-size: 0.88em}
body.parcours .cadre1 .offert {font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-weight: 600; color: var(--Bleu); margin-top: 0.5em}
body.parcours .cadre1 .prix {margin: 2.5em 0;}
body.parcours .cadre1 .prix .barre {position: relative;}
body.parcours .cadre1 .prix .barre::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            height: 1px; /* Épaisseur du trait */
            background-color: var(--Bleu); /* Couleur du trait */
            transform: rotate(-15deg); /* Inclinaison du trait */
            transform-origin: center;
        }
body.parcours .cadre1 .prix .normal {color: var(--Bleu);}
body.parcours .cadre1 .prix .normal .tarif {font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-weight: 600; font-size: 1.5em;}
body.parcours .cadre1 .prix .normal .euro {font-size: 1.4em; padding-left: 2px;}
body.parcours .cadre1 .prix .normal .ttc {font-size: 0.9em; padding: 0 3px; line-height: 0;  position: relative; vertical-align: baseline; top: -0.5em;}
body.parcours .cadre1 .prix .normal .unite {font-size: 0.9em; }
body.parcours .cadre1 .btn {display: block;}
body.parcours .cadre2 {padding: 2em 0em; margin: auto; max-width: 500px;}
body.parcours .cadre2 .inclus {color: var(--Bleu); text-transform: uppercase; margin-bottom: 1em; font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-weight: 600; text-align: center; }
body.parcours .cadre2 ul.list-check-mini {margin-left: 0.25em; margin-right: 0.25em; margin-bottom: 0;}
body.parcours .cadre2 ul.list-check-mini li {color: var(--Bleu);}
@media (min-width: 480px) {
	body.parcours .cadre1 {padding: 2em; height: 100%;}
	body.parcours .cadre2 {height:100%; background: #ECEEF8; padding: 2em;}
	body.parcours .cadre2 .inclus {text-align: left;}
	body.parcours .cadre2 ul.list-check-mini {margin-left: 0; margin-right: 0;}
}
@media (min-width: 992px) {
	body.parcours .cadre2 {max-width: none;}
	body.parcours .cadre1 .duree {margin-top: 5em;}
	body.parcours .cadre1 .prix {margin: 3em 0;}
}
@media (min-width: 1200px) {
	body.parcours .cadre1 .duree {margin-top: 3em;}
	body.parcours .cadre1 .prix {margin: 5em 0;}
}



/* ************************************************************************** */
/* ************************ FORMULAIRE INSCRIPTION PATIENT *************************** */
/* ************************************************************************** */
body.inscription-patient .choix-moyen-paiement {border: solid 1px #000; padding: 1.5em; margin-top: 2em;}
body.inscription-patient .detail-choix {margin-top: 15px; font-size: 0.9em;}
body.inscription-patient .choix input[type="radio"] {width: 16px; height: 16px;}
body.inscription-patient #detail-choix1 {background: #f0f0f0; padding: 1.5em;}
body.inscription-patient #detail-choix1 .cadre {border: solid 1px #000; padding: 1em;}
body.inscription-patient .detail-choix .sous-titre {color: var(--Bleu); font-weight: 700; padding-bottom: 5px; border-bottom: solid 1px #000; margin-bottom: 5px; text-transform: uppercase;}
body.inscription-patient .mentions-prelevement {font-size: 0.8em; margin-top: 2em;}
body.inscription-patient .btn--verifier {display: block; width: 125px;}
body.inscription-patient .btn--voir-pdf {display: inline-block; width: 225px; margin-top: 10px;}
body.inscription-patient .btn--annuler-pdf {display: inline-block; width: 150px; margin-top: 10px; background: #fff; color: var(--Bleu);}
body.inscription-patient .btn--annuler-pdf:hover {background: var(--Bleu); color: #fff;}
body.inscription-patient .info-passwd {font-size: 0.8em; margin-top: 4px;}
/*body.inscription-patient #form-inscription-patient label {color: var(--Bleu);}*/
@media (min-width: 768px) {
	body.inscription-patient .btn--verifier {display: block; width: 125px; margin-top: 6px; }
}


/* ************************************************************************** */
/* ******************************* STRIPE *********************************** */
/* ************************************************************************** */
#card-element {border: 1px solid #ccc;padding: 10px;border-radius: 5px;}
.StripeElement { border: 1px solid #ccc; padding: 10px; border-radius: 2px; width: 100%; background: #fff; font-size: 15px;}
#payment-message {color: #cc0000;}






/* ************************************************************************** */
/* ******************************* PROFESSIONNEL IDENTIFICATION ************* */
/* ************************************************************************** */
body.pro-identification .bienvenue {overflow: hidden;}
body.pro-identification .bienvenue-text {position: relative;}
body.pro-identification .bienvenue-text-wrap {height: 400px;padding: 1px;}
body.pro-identification .bienvenue-text > * {position: relative; z-index: 20;}
body.pro-identification .bienvenue-text:before {content: ""; position: absolute; left: -300px; top: 0; bottom: 0; right: -300px; background-color: var(--BleuDark);}
body.pro-identification .bienvenue-text:after {content: ""; position: absolute; bottom: 0; left: 5%; width: 220px; height: 354px; background: url("../images/medecin-bienvenue.webp") no-repeat bottom -20px right; background-size: cover;}
body.pro-identification .bienvenue-text h1 {color: #fff; text-align: center; margin: 100px 0 0 42%; font-size: 1.8em;}

body.pro-identification .bienvenue-form {position: relative;}
body.pro-identification .bienvenue-form:before {content: ""; width: 100px; height: 100px; position: absolute; left: 50%; margin-left: -50px; top: -50px; background: url("../images/icon-user.svg") no-repeat center center;background-size: cover; z-index: 30;}
body.pro-identification .bienvenue-form-wrap {padding: 5em 0 4em;}
body.pro-identification .bienvenue-form h2 {margin-bottom: .5em;}
body.pro-identification .bienvenue-form p {color: var(--Bleu);}
body.pro-identification .bienvenue-form a {font-weight: 500;font-size: .78em;}
body.pro-identification .bienvenue-form a:hover {text-decoration: underline;}
body.pro-identification .bienvenue-form a.lien-creer {font-size: 0.94em;}
body.pro-identification .bienvenue-form .btn {width: 100%;}
body.pro-identification .bienvenue-form .form-check label {font-size: .78em;}
body.pro-identification .bienvenue-form-wrap .img-logo {max-width: 160px;}
body.pro-identification .bienvenue-form-wrap form {max-width: 450px; margin: 0 auto;}

@media (min-width: 480px) {
	body.pro-identification .bienvenue-text:after {left: 15%;}
	body.pro-identification .bienvenue-text h1 {margin-top: 110px; font-size: 2em;}	
	body.pro-identification .bienvenue-form a {font-size: .9em;}
	body.pro-identification .bienvenue-form .form-check label {font-size: .9em;}
}
@media (min-width: 768px) {
	body.pro-identification .bienvenue-text h1 {margin-top: 130px;}
}
@media (max-width: 991px) {
	body.pro-identification .bienvenue-form form {background-color: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, .15); padding: 2em;}
}
@media (max-width: 480px) {
	body.pro-identification .bienvenue-form form {padding: 1.3em;}
}
@media (min-width: 992px) {
	body.pro-identification .bienvenue-text, .bienvenue-text-wrap {height: 100%;}
	body.pro-identification .bienvenue-text:before {left: -999em; top: 0; bottom: 0; right: 0;}
	body.pro-identification .bienvenue-text:after {left: -120px; width: 340px; height: 512px;}
	body.pro-identification .bienvenue-text h1 {margin: 300px 0 0 110px; font-size: 2em;}	
	body.pro-identification .bienvenue-form-wrap {padding: 3em 2em 3em 4em;}
	body.pro-identification .bienvenue-form:before {left: auto; margin-left: 0; bottom: auto; top: 50%; margin-top: -40px; left: -40px;width: 80px; height: 80px;}
	body.pro-identification .bienvenue-form-wrap form {max-width: none;}
	body.pro-identification .bienvenue-form-wrap .img-logo {max-width: none;}
}
@media (min-width: 1200px) {
	body.pro-identification .bienvenue-text:after {left: -50px; width: 350px; height: 584px; background-position: bottom -70px right;}
	body.pro-identification .bienvenue-text h1 {font-size: 2.3em; margin-left: 90px;}
	body.pro-identification .bienvenue-form:before {margin-top: -48px; left: -48px;width: 96px; height:96px;}
	body.pro-identification .bienvenue-form-wrap {padding: 3em 3em 3em 7em;}
}
@media (min-width: 1350px) {
	body.pro-identification .bienvenue-form-wrap {padding: 3em 4em 3em 10em;}
}
@media (min-width: 1500px) {
	body.pro-identification .bienvenue-text:after {left: -50px;}
	body.pro-identification .bienvenue-text h1 {font-size: 2.5em; margin-left: 110px;}
	body.pro-identification .bienvenue-form:before {margin-top: -55px; left: -55px;width: 110px; height: 110px;}
	/*body.pro-identification .bienvenue-form-wrap {padding: 3em 11em;}*/
	body.pro-identification .bienvenue-form-wrap {padding: 3em 4em 3em 11em;}
}
@media (min-width: 1800px) {
	body.pro-identification .bienvenue-form-wrap {padding: 3em 2em 3em 17em;}
}


body.pro-identification #bloc-pwd {display: none;}



/* ************************************************************************** */
/* ******************************* PROFESSIONNEL INSCRIPTION **************** */
/* ************************************************************************** */
body.inscription-pro form {--bs-gutter-x: 5rem;}
body.inscription-pro .form-group {margin-bottom: 1.5em;}
body.inscription-pro .form-group--mini {margin-bottom: 0.75em;}
body.inscription-pro form input[type="submit"] {padding: 0.6em 3.5em; font-size: 1.1em;}
body.inscription-pro .bloc-merci {min-height: 400px;}
@media (min-width: 992px) {
	body.inscription-pro form input[type="submit"] {padding: 0.6em 5em;}
}




/* ************************************************************************** */
/* ******************************* COMPTE CONFIRMATION ********************** */
/* ************************************************************************** */
body.compte-confirmation form {max-width: 500px; margin: 0 auto;}
body.compte-confirmation .instructions {font-size: 0.72em;}
body.compte-confirmation .bloc-merci {min-height: 400px;}




/* ************************************************************************** */
/* ******************************* PATIENT GENERAL ************************** */
/* ************************************************************************** */
.espace {position: relative;}
.espace-wrap {padding: 2em 0px 2em 0px;}
.espace-wrap > .padded {padding: 0 30px;}
/*.espace--hasprogramme .espace-wrap {padding-top: 0;}*/
.espace-wrap h1 {margin-bottom: 1.5em;}
.espace > .mon-container, .espace .autre-container {margin-left: 60px;}
.espace > .container, .espace .autre-container {max-width: 100%; padding: 0;}
.espace > .mon-container .mon-container-suite, .espace .autre-container .mon-container-suite {padding:0 5px;}
.espace > .mon-container .mon-container-suite .table-responsive, .espace .autre-container .mon-container-suite .table-responsive{margin-left: -20px; margin-right: -20px;}
.espace > .mon-container .mon-container-suite .titre1, .espace .autre-container .mon-container-suite .titre1 {color: var(--Bleu); }

@media (min-width: 480px) {
	.espace > .mon-container .mon-container-suite {padding:0 20px;}
	.espace > .mon-container .mon-container-suite .table-responsive {margin-left: -40px; margin-right: -40px;}
}
@media (max-width: 767px) {
	.espace-wrap > .padded-desktoponly {padding: 0;}
}
@media (min-width: 768px) {
	.espace-wrap h1 {margin-bottom: 2em;}
	.espace > .mon-container {margin-left: 60px; }
	/*.espace > .mon-container > div:not(.programme-button) {padding:0 30px;}*/
	.espace > .mon-container .mon-container-suite {padding:0 30px;}
	.main-content--espace-praticien .espace {min-height: 750px;}
	.main-content--espace-patient .espace {min-height: 1200px;}
	.espace-wrap > .padded {padding: 0 30px 0 30px;}
	.espace > .mon-container .mon-container-suite .table-responsive {margin-left: 0px; margin-right: 0px;}
}
@media (min-width: 992px) {
	/*.espace-wrap > .padded {padding-right: 30px;}*/
	/*.espace > .mon-container {margin-left: 270px;}*/	
	.espace > .mon-container .mon-container-suite {padding:0 50px;}
	
}

@media (min-width: 1200px) {
	/*.espace--hasprogramme .espace-wrap {padding: 3em 0 3em 270px;}*/
	
	.espace-wrap {padding: 3em 0;}
	.espace-wrap > .padded {padding: 0;}
	.espace > .mon-container, .espace .autre-container {margin-left: 270px;}	
	.espace > .mon-container .mon-container-suite, .espace .autre-container .mon-container-suite {padding:0 100px;}
	.espace > .mon-container .mon-container-suite-reduit, .espace .autre-container .mon-container-suite-reduit {padding:0 70px;}
	.espace--hasprogramme > .mon-container {margin-left: 540px; }
}
@media (min-width: 1500px) {
	.espace > .mon-container, .espace .autre-container {margin-left: 330px;}
	.espace--hasprogramme > .mon-container {margin-left: 600px; }
	.espace > .mon-container .container-xxl, .espace > .mon-container .container-xl, .espace > .mon-container .container-lg, .espace > .mon-container .container-md, .espace > .mon-container .container-sm, .espace > .mon-container .container {width: auto; max-width: none;}
}

/*.espace > .mon-container > .container {width: calc(100% - 100px); max-width: none;}*/



/* ************************************************************************** */
/* ******************************* PATIENT et PRO COMMUNS ******************* */
/* ************************************************************************** */
.btn-add .btn {padding: .6em 1.1em;font-weight: 500;}
.btn-add .btn strong {font-size: 18px; line-height: 1em; margin-right: 3px;}

.counter {position: relative; text-align: center; width: 240px;}
.counter .number {width: 37px; height: 37px; text-align: center; line-height: 35px; font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-weight: 600; color: var(--Bleu); background-color: #fff; border: 2px solid var(--Bleu);border-radius: 50%;position: absolute; left: 0; top: 50%; margin-top: -18px;display: block;}
.counter .text {background-color: var(--Bleu); color: #fff; border-radius: 30px; padding: 10px 24px 10px 43px; display: block; white-space: nowrap; font-size: .85em;}

.filter-tools {width: 100%;}

.btn-filtre span {display: block; background: url("../images/icon-filter.svg") no-repeat 0 center; padding-left: 35px; color: var(--Bleu); font-weight: 500; cursor: pointer;}

.field-search input {border: 1px solid var(--Bleu);border-right: 0; border-radius: 30px 0 0 30px; font-size: 14px; padding: 0 5px 0 15px; line-height: 37px;}
.field-search input:focus {box-shadow: 0; outline: none;}
.field-search button {border: 1px solid var(--Bleu);border-left: 0; background: url("../images/icon-search.svg") no-repeat center center;border-radius: 0 30px 30px 0; height: 39px; width: 50px;}
.field-search button:hover {background-color: #f6f6f6;}

@media (min-width: 480px) {
	.counter {width: 290px; }
	.counter .number {width: 55px; height: 55px; line-height: 50px; margin-top: -26px;}
	.counter .text {padding: 13px 18px 13px 63px; }
}
@media (min-width: 768px) {
	.field-search input {line-height: 38px;}
}
@media (min-width: 992px) {
	.btn-add {margin-right: auto;}
	.field-search input {width: 200px; line-height: 37px;}
	.counter {width: auto;}
}
@media (min-width: 1200px) {
	.field-search input {line-height: 37.7px;}
	.filter-tools-reduit {width: auto;}
}
@media (min-width: 1500px) {
	.filter-tools {width: auto;}
	.field-search input {width: 170px;}
	.field-search input {line-height: 37.5px;}
}




.form-criteres-suite { background: #ededed; font-size: 14px; margin-bottom: 4em;}
.form-criteres-suite-suite {padding: 1em 0; margin: 0 auto; max-width: 480px;}
.form-criteres-suite label {margin-bottom: 2px; margin-left: 6px;}
.form-criteres-suite input {border: 1px solid var(--Bleu); border-radius: 18px; font-size: 14px; padding: 0 5px 0 12px; line-height: 30px; width: 100%;}
.form-criteres-suite select {border: 1px solid var(--Bleu); border-radius: 18px; font-size: 14px; padding: 7px 5px 7px 12px; line-height: 30px; width: 100%;}
.form-criteres-suite-suite .btn {border-radius: 25px; padding: 0.4em .9em; padding-left: 35px;  background: url(../images/icon-search-blanc.svg) no-repeat left 5px center var(--Bleu); background-size: 20px;}
.form-criteres-suite-suite .btn:hover {background: url(../images/icon-search-bleu.svg) no-repeat left 5px center #fff; background-size: 20px; color: var(--Bleu);}
@media (min-width: 480px) {
	.form-criteres-suite label {margin:0; padding-top: 10px;}
}

.legende-tableau {font-size: 0.82em;}
.legende-tableau p {margin-bottom: 7px;}


.tablelist {font-size: .815em; width: 100%;}
.tablelist th, .tablelist td {padding: .65em .75em; line-height: 1.2em;}
.tablelist thead {background-color: #f5f5f5; color: var(--Bleu);border: 1px solid #f5f5f5; border-bottom: 0;}
.tablelist thead th {font-weight: 300;white-space: nowrap;}
.tablelist tbody {border: 1px solid #ddd;}
.tablelist tbody tr:nth-child(odd) {background-color: #d1d4da;}
.tablelist tbody tr:nth-child(even) {background-color: #fff;}
.tablelist tbody tr > td:last-child {width: 120px;}
/*
.tablelist2 {font-size: .815em; width: 100%; max-width: 550px; margin: 0 auto;}
.tablelist2 th, .tablelist2 td {padding: .25em .5em; line-height: 1.3em;}
.tablelist2 thead {display: none;}
.tablelist2 tr > td.col-block:first-child {padding-top: 1em;}
.tablelist2 tr > td.col-block:last-child {padding-bottom: 1em;}
.tablelist2 .intitule {color: var(--Bleu);}
.tablelist2 thead {background-color: #f5f5f5; color: var(--Bleu);border: 1px solid #f5f5f5; border-bottom: 0;}
.tablelist2 thead th {font-weight: 300;white-space: nowrap;}
.tablelist2 tbody {border: 1px solid #ddd;}
.tablelist2 tbody tr:nth-child(odd) {background-color: #d1d4da;}
.tablelist2 tbody tr:nth-child(even) {background-color: #fff;}
.tablelist2 tbody tr > td:last-child {width: 120px;}
.tablelist2 .col-none {display: none;}
.tablelist2 .col-block {display: block;}
.tablelist2 .mobile {display: inline;}
@media (min-width: 500px) {
	.tablelist2 th, .tablelist2 td {padding: .45em .5em; line-height: 1.15em;}
}
@media (min-width: 1550px) {
	.tablelist2 {width: 100%; max-width: none;}
	.tablelist2 thead {display: table-header-group; }
	.tablelist2 th, .tablelist2 td {padding: .65em .75em; line-height: 1.2em;}
	.tablelist2 .col-none, .tablelist2 .col-block {display: table-cell;}
	.tablelist2 .mobile {display: none;}
}*/







.table-btn button, .table-btn a.button {display: inline-block; width: 22px; height: 22px; margin-right: 4px;border: 0; background-color: transparent; background-position: center center; background-repeat: no-repeat;border-radius: 3px; cursor: pointer;}
.table-btn button:hover, .table-btn a.button:hover {background-color: #f5f5f5;}
.table-btn > button:last-child {margin-right: 0;}
.btn-voir {background-image: url("../images/icon-voir.svg");background-size: 20px auto;}
.btn-editer {background-image: url("../images/icon-editer.svg");background-size: 19px auto;}
.btn-ajouter-doc {background-image: url("../images/icon-ajouter-doc.svg");background-size: 19px auto;}
.btn-supprimer {background-image: url("../images/icon-supprimer.svg");background-size: auto 19px;}
.btn-payer {background-image: url("../images/icon-payer.svg");background-size: auto 24px;}
.btn-pdf {background-image: url("../images/icon-pdf.svg");background-size: auto 19px;}
.btn-check-yes {background-image: url("../images/icon-check-yes.svg");background-size: auto 19px;}
.btn-check-no {background-image: url("../images/icon-check-no.svg");background-size: auto 19px;}
.btn-calendrier-dietetique {background-image: url("../images/icon-calendrier-dietetique.svg");background-size: 19px auto;}


.pagination-lecture {margin: 0; color: var(--Bleu); font-size: .9em; font-weight: 500;}

.pagination {margin: 0;}
.pagination li {text-align: center; font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-weight: 600;font-size: .9em;}
.pagination li a,
.pagination li span {display: block; width: 24px; height: 24px;margin: 0 3px;}
.pagination li a:hover {background-color: var(--Gris);}
.pagination li.active span {background-color: var(--Bleu); color: #fff;}





/* ************************************************************************** */
/* ******************************* PATIENT PROGRAMME ************************ */
/* ************************************************************************** */
body.patient-programme .modules ul {list-style: none; margin: 0;padding-left: 0;}
body.patient-programme .modules ul ul {padding-left: 20px;}
body.patient-programme .modules ul li {cursor: pointer;}
body.patient-programme .modules ul li span {display: block; margin-bottom: 10px; padding-right: 20px;}
body.patient-programme .modules > ul > li > span {text-transform: uppercase;font-weight: 500;}
body.patient-programme .modules ul li.ouvert > span {background: url("../images/icon-cross.svg") no-repeat right 0;}
body.patient-programme .modules ul li.off.ouvert > span {background: url("../images/icon-off-cross.svg") no-repeat right 0;}
body.patient-programme .modules ul li.ferme > span {background: url("../images/icon-arrow-down.svg") no-repeat right 0;}
body.patient-programme .modules ul li.on.ferme > span {background: url("../images/icon-arrow-on-down.svg") no-repeat right 0;}
body.patient-programme .modules ul li.seance-actuelle span {color: var(--Bleu); font-weight: 600;}
body.patient-programme .modules ul ul ul li span {font-weight: 400;/*font-size: .9em;*/}
body.patient-programme .modules ul ul ul ul li span {font-weight: 300;/*font-size: .85em;*/}
body.patient-programme .modules .off {color: #bbb;}
body.patient-programme .modules ul li.ferme ul {display: none;}
body.patient-programme .modules ul li a {color: #000;}
body.patient-programme iframe {width: 100%; aspect-ratio: 4/3;}



/* ************************************************************************** */
/* ******************************* PATIENT FORM SANTE ************************ */
/* **************************************************************************/
body.patient-formulaire-sante .ligne-deplacement {}
body.patient-formulaire-sante .ligne-deplacement .label-deplacement {line-height: 1.3; text-wrap:nowrap; line-height: 28px; cursor: pointer;}
body.patient-formulaire-sante .ligne-deplacement input[type="checkbox"], body.patient-formulaire-sante .ligne-deplacement input[type="radio"] {height: 18px; width: 18px; vertical-align: middle;  }
body.patient-formulaire-sante .ligne-deplacement input[type="text"] {padding: 0.15em 0.7em; width: 290px; line-height: 1.4;}
body.patient-formulaire-sante .ligne-deplacement select {padding: 0.25em 0.7em; width: 290px; line-height: 1.4;}
body.patient-formulaire-sante .label-intitule {color: var(--Bleu); margin-bottom: 0.4em;}
body.patient-formulaire-sante .ligne-titre {font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-family: "open-sans", sans-serif; font-weight: 600; font-size: 1.15em;}
body.patient-formulaire-sante .ligne-boutons .btn {width: 210px;}


/* ************************************************************************** */
/* ******************************* PATIENT SUIVI (IMC) ************************ */
/* **************************************************************************/
body.patient-suivi .titre {color: var(--Bleu); font-weight: 600;}
body.patient-suivi .form-formulaire { margin: 0 auto; max-width: 500px;}
body.patient-suivi .form-formulaire .ligne {margin-bottom: 0.6em;}
body.patient-suivi .form-control {padding: 0.3em 0.7em; border-radius: 0;}
body.patient-suivi form input[type="submit"] {display: block; width: 100%; padding: 0.4em;}

body.patient-suivi .etat {background: var(--Bleu); color: #fff; padding: 6px 20px; padding-right: 30px; display: inline-block; font-size: 0.91em; border-radius: 20px; position: relative; border: solid 5px #fff;}
body.patient-suivi .etat:after {position; absolute; content :''; background: url(../images/icone-baria.svg) center center no-repeat; background-size: 100% auto; width: 40px; height: 40px; position: absolute; top:0; margin-top: -4px; right:0; margin-right: -15px;}

body.patient-suivi .echelle {width: 100%; overflow: auto; position: relative;}
body.patient-suivi .echelle .limites {width: 100%; overflow: auto; position: relative; height: 45px; margin-top: 40px;}
body.patient-suivi .echelle .limites .limite {width: 50px; text-align: center; color: var(--Bleu); font-size: 0.85em;}
body.patient-suivi .echelle .limites .limite1 {position: absolute; top: 0; left: calc(25% - 25px);}
body.patient-suivi .echelle .limites .limite2 {position: absolute; top: 0; left: calc(50% - 25px);}
body.patient-suivi .echelle .limites .limite3 {position: absolute; top: 0; left: calc(75% - 25px);}
body.patient-suivi .echelle .parties {width: 100%; overflow: auto; }
body.patient-suivi .echelle .partie {width: calc(25% - 2px); border-radius: 20px; float: left; text-align: center; color: var(--Bleu); font-size: 0.85em;}
body.patient-suivi .echelle .partie .ligne {margin:0 1px; height: 8px; border-radius: 20px; margin-bottom: 25px; }
body.patient-suivi .echelle .partie1 .ligne{background: var(--Bleu); }
body.patient-suivi .echelle .partie2 .ligne{background: #09CC2A; }
body.patient-suivi .echelle .partie3 .ligne{background: #FFC400; }
body.patient-suivi .echelle .partie4 .ligne{background: #E50707; }
body.patient-suivi .echelle .parties .curseur {position: absolute; top: 72px; background: url(../images/icone-baria.svg) center center no-repeat; background-size: 100% auto; width: 32px; height: 32px;}

body.patient-suivi .infos-actuelles {}
body.patient-suivi .infos-actuelles > div {max-width: 500px; margin: 0 auto; background: var(--Bleu); color: #fff; padding: 1em; height: 100%;}

body.patient-suivi #myChart { margin-top: 120px; margin-bottom: 40px; /* width: 600px; height: 400px;*/}




/* ************************************************************************** */
/* ******************************* PATIENT PASSWORD ***************************** */
/* ************************************************************************** */
body.patient-password form {max-width: 480px; margin: 5em auto; box-shadow: 1px 1px 6px #555; padding: 1.25em;}
body.patient-password form .img-logo {width: 150px; display: block; margin: 0 auto; margin-bottom: 1em;}
body.patient-password form .choose {font-weight: 700; color: var(--Bleu);}
body.patient-password form .infos {font-size: 0.8em; }
@media (min-width: 480px) {
	body.patient-password form {padding: 2.5em;}
	body.patient-password form .infos {font-size: 0.8em; padding: 0 25px;}
}


/* ************************************************************************** */
/* ******************************* POPUP ***************************** */
/* ************************************************************************** */
.popup {padding: 20px;}




/* ************************************************************************** */
/* ******************************* PATIENT POPUP IMC ***************************** */
/* ************************************************************************** */
.popup-imc {/*overflow-x: hidden; */padding:0;}
.popup-imc .colonne-bleue {background: var(--Bleu);}
.popup-imc .colonne-formulaire > div {padding: 20px 10px;}
.popup-imc .colonne-formulaire .titre {color: var(--Bleu); font-weight: 600; font-size: 1.2em;}
.popup-imc .colonne-formulaire .accroche {color: var(--Bleu); font-weight: 500; font-size: 0.78em;}



/* ************************************************************************** */
/* ******************************* PATIENT ANNUAIRE = PRENDRE RDV ***************************** */
/* ************************************************************************** */
body.patient-annuaire .slick-slide {margin: 0 25px;}
body.patient-annuaire .slick-list {margin: 0 -25px;}





/* ************************************************************************** */
/* ******************************* PATIENT RDV ***************************** */
/* ************************************************************************** */
#calendar {max-width: 1300px; margin: 0 auto;}
.fc-daygrid-event {
    white-space: normal !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    padding: 5px;
    font-size: 12px;
}

.event-time {
    font-weight: 500;
    font-size: 14px; /* ✅ Augmenter la taille de l'heure */
    margin-bottom: 2px;
}

.event-title {
    font-weight: 500;
}

.event-description {
    font-size: 12px;
    color: #f8f8f8;
}
.fc .fc-button-group .fc-button {background-color: var(--fc-button-bg-color)!important; }
.fc .fc-toolbar-title {font-size: 1.25em;}
.fc-toolbar-chunk {font-size: 0.8em;}
.fc .fc-view-harness { font-size: 0.85em;}
.fc-timegrid-event {
    width: 100% !important;  /* ✅ Forcer chaque événement à occuper toute la largeur */
    left: 0 !important;  /* ✅ Supprime l'alignement côte à côte */
    position: relative !important; /* ✅ Corrige le positionnement */
}

.fc-timegrid-event-harness {
    width: 100% !important; /* ✅ S'assure que le conteneur des événements prend toute la largeur */
}

/*.fc .fc-daygrid-event-harness {background: #FFE600; color: #000;}*/
.fc-daygrid-event-harness {cursor: pointer;}
.fc-daygrid-dot-event {display: block;}
@media (min-width: 992px) {
	.fc-scroller.fc-scroller-liquid-absolute {overflow: hidden !important; /* Cache le scroll */}
}



/* ************************************************************************** */
/* **************************** PATIENT TEMOIGNAGE ************************** */
/* ************************************************************************** */
body.patient-temoignage form {max-width: 480px; margin: 5em auto; box-shadow: 1px 1px 6px #555; padding: 1.25em;}
body.patient-temoignage form .img-logo {width: 150px; display: block; margin: 0 auto; margin-bottom: 1em;}
body.patient-temoignage form .choose {font-weight: 700; color: var(--Bleu);}
body.patient-temoignage form .infos {font-size: 0.8em; }
body.patient-temoignage form textarea {width: 100%; height: 160px; padding: 10px;}
@media (min-width: 480px) {
	body.patient-temoignage form {padding: 2.5em;}
	body.patient-temoignage form .infos {font-size: 0.8em; padding: 0 25px;}
}




/* ************************************************************************** */
/* ******************************* PATIENT CONSEILS ***************************** */
/* ************************************************************************** */
body.patient-conseils .attention {color: red; text-align: center;}
body.patient-conseils .liste-conseils .accroche-conseils {
    box-shadow: 1px 1px 6px #DEDEDE;
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Étire la carte pour qu'elle prenne toute la hauteur */
}

body.patient-conseils .liste-conseils .accroche-conseils .en-tete {
    aspect-ratio: 1.85;
}
body.patient-conseils .liste-conseils .accroche-conseils .en-tete a {display: block; height: 100%;}
body.patient-conseils .liste-conseils .accroche-conseils .infos {
    padding: 20px;
    padding-top: 0;
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Étire le bloc infos pour qu'il remplisse la carte */
}

body.patient-conseils .liste-conseils .accroche-conseils .titre {
    margin-top: 5px;
    padding: 10px 0;
    text-align: center;
    color: var(--Bleu);
    font-size: 1.35em;
    text-transform: uppercase;
    font-weight: 600;
}

body.patient-conseils .liste-conseils .accroche-conseils .accroche {
    line-height: 1.15;
    font-size: 0.9em;
    margin-bottom: 15px;
}

body.patient-conseils .liste-conseils .accroche-conseils .btn {
    width: 100%;
}

body.patient-conseils .liste-conseils > div {
    display: flex; /* Assure que les colonnes aient la même hauteur */
}

body.patient-conseils .liste-conseils .accroche-conseils .mt-auto {
    margin-top: auto; /* Pousse le bouton en bas */
}


@media (min-width: 1500px) {
    body.patient-conseils .liste-conseils .col-xxl-3 {width: 33.33%;}
}
@media (min-width: 1800px) {
    body.patient-conseils .liste-conseils .col-xxl-3 {width: 25%;}
}




body.patient-conseils.detail .main-content {background: #e9e9e9;}
body.patient-conseils .fiche-conseil {max-width: 1250px; margin: 0 auto;}
body.patient-conseils .fiche-conseil .en-tete {aspect-ratio: 3; }
body.patient-conseils .fiche-conseil .infos {background: #fff; padding: 1em; margin-top: 1.5em;}
body.patient-conseils .fiche-conseil .infos h2 {text-align: center;}
@media (min-width: 768px) {
	body.patient-conseils .fiche-conseil .infos {padding: 2em;}
}
@media (min-width: 1200px) {
	body.patient-conseils .fiche-conseil .infos {padding: 3em;}
}



/*** RECETTES ***/
.liste-categories_recettes .item-categorie .image-categorie {aspect-ratio: 1.75; border-radius: 18px;}
.liste-categories_recettes .item-categorie .image-categorie a {display: block; height: 100%;}
.liste-categories_recettes .item-categorie .titre {font-weight: 600; text-align: center; padding : 10px 0;}


/*** RECETTE ***/
body.patient-recettes.detail .main-content {background: #e9e9e9;}
body.patient-recettes .fiche-recette {max-width: 1250px; margin: 0 auto; background: #fff;}
body.patient-recettes .fiche-recette .en-tete {aspect-ratio: 3; }
body.patient-recettes .fiche-recette .tips {background: #fff; background: var(--Bleu); color: #fff; font-size: 0.95em;}
body.patient-recettes .fiche-recette .encart {padding-left: 40px; padding-top: 7px; position: relative;}
body.patient-recettes .fiche-recette .ingredients:before {content: ''; position: absolute; top: 0; left: 0; width: 30px; height: 30px; background: url(../images/recette-ingredients.svg) top left no-repeat; background-size: 100%;}
body.patient-recettes .fiche-recette .preparation:before {content: ''; position: absolute; top: 0; left: 0; width: 30px; height: 30px; background: url(../images/recette-preparation.svg) top left no-repeat; background-size: 100%;}
body.patient-recettes .fiche-recette .encart .titre {font-weight:600; color: var(--Bleu); padding-bottom: 0.5em; font-size: 1.15em;}
@media (min-width: 768px) {
	body.patient-conseils .fiche-recette .tips {padding: 2em;}
}




/* ************************************************************************** */
/* ******************************* PATIENT MESSAGERIE ***************************** */
/* ************************************************************************** */
body.patient-messagerie .tablelist tbody tr {background-color: transparent!important; border: 1px solid #ddd;}






/* ************************************************************************** */
/* ******************************* PATIENT TABLEAU IMC ***************************** */
/* ************************************************************************** */
body.patient-tableau-imc .main-content {background: #e9e9e9;}
body.patient-tableau-imc .zone-tableau {background: #fff;}
body.patient-tableau-imc .zone-tableau .titre {color: var(--Bleu); font-weight: 600; margin-bottom: 1em;}
/*body.patient-tableau-imc .zone-tableau table.tablelist {font-size: 0.8em;}*/
body.patient-tableau-imc .zone-tableau table.tablelist thead th {white-space: normal; background: #454545; color: #fff; font-weight: 600;}
body.patient-tableau-imc .zone-tableau table.tablelist tbody tr {background: none; border-bottom: 1px solid #ddd;}
@media (min-width: 768px) {
	/*body.patient-tableau-imc .zone-tableau table.tablelist {font-size: inherit;}*/
}




/* ************************************************************************** */
/* ******************************* PATIENT DOCUMENTS ***************************** */
/* ************************************************************************** */
body.patient-documents .main-content {background: #e9e9e9;}
body.patient-documents .espace .zone1 {background: #fff; min-height: 350px;}
body.patient-documents .slider .slick-prev, body.patient-documents .slider .slick-next {top : 0; margin-top: -5px;}
@media (min-width: 768px) {
	body.patient-documents .slider {width: calc(100% - 100px); margin: 0 auto;}
}




/* ************************************************************************** */
/* ******************************* PATIENT NUTRITION ***************************** */
/* ************************************************************************** */
body.patient-nutrition .espace-wrap h1 {margin: 0.8em auto;}
body.patient-nutrition .suite-intro {font-size: 0.93em; margin-bottom: 2em;}





/* ************************************************************************** */
/* ******************************* PATIENT LIVE ***************************** */
/* ************************************************************************** */
body.patient-live .espace-wrap h1 {margin: 0.8em auto;}
body.patient-live iframe {height: 280px; margin-bottom: 2em; width: 100%;}
body.patient-live h3 {text-transform: uppercase;}
body.patient-live h4 {margin-bottom: 0.2em;}
body.patient-live .info-forfait {  margin-bottom: 2em; font-size: 0.85em;}
body.patient-live .info-forfait .cadre {box-shadow: 1px 1px 12px #888; padding: 2em; height: 100%;}
body.patient-live .info-forfait .illimite {color: var(--Bleu); font-size: 1.2em; font-weight: 700;}
body.patient-live .info-forfait .zone-tarif {padding: 2em 0; color: var(--Bleu);}
body.patient-live .info-forfait .zone-tarif sup {font-size: 0.9em;}
body.patient-live .info-forfait .zone-tarif .prix {font-size: 2em; font-weight: 500;}
body.patient-live .info-forfait .zone-tarif .euro {font-size: 1.75em; font-weight: 400;}
body.patient-live .info-forfait .deja {font-weight: 400; color: var(--Bleu); text-transform: uppercase; font-size: 1.3em; padding: 6px; background: #ECEEF8; display: inline-block;}
body.patient-live .intro {padding: 1.5em; font-size: 0.93em; background: #ECEEF8;}


@media (min-width: 480px) {
	body.patient-live .info-forfait .cadre {padding: 2em 1em; }
	body.patient-live .intro {padding: 2em ;}
}
@media (min-width: 768px) {
	body.patient-live .espace-wrap h1 {margin: 0.8em auto;}
	
	
}
@media (min-width: 992px) {
	body.patient-live .intro {height: 100%; }
	body.patient-live .info-forfait {margin-bottom:0;}
	body.patient-live .info-forfait .zone-tarif {padding: 6em 0; }
}
@media (min-width: 1200px) {
	body.patient-live .info-forfait .zone-tarif {padding: 7em 0; }
}
@media (min-width: 1500px) {
	body.patient-live .intro {padding: 3em;}
	body.patient-live .info-forfait .zone-tarif {padding: 6em 0; }
}
@media (min-width: 1800px) {
	body.patient-live .info-forfait .zone-tarif {padding: 3.5em 0; }
}



/*body.patient-live .choix-moyen-paiement {border: solid 1px #000; padding: 1.5em; }*/
body.patient-live .detail-choix {margin-top: 15px; font-size: 0.9em;}
body.patient-live .choix input[type="radio"] {width: 16px; height: 16px;}
body.patient-live #detail-choix1 {background: #fff; padding: 1.5em;}
body.patient-live #detail-choix1 .cadre {border: solid 1px #000; padding: 1em;}
body.patient-live .detail-choix .sous-titre {color: var(--Bleu); font-weight: 700; padding-bottom: 5px; border-bottom: solid 1px #000; margin-bottom: 5px; text-transform: uppercase;}


body.patient-live .module-agenda {background:#fafafa ; padding: 2.5em;}





/* ************************************************************************** */
/* ******************************* PATIENT ALLOBATCHCOOKING ***************************** */
/* ************************************************************************** */
body.patient-allobatchcooking .espace-wrap h1 {margin: 0.8em auto;}
body.patient-allobatchcooking iframe {height: 280px; margin-bottom: 2em; width: 100%;}
body.patient-allobatchcooking h3 {text-transform: uppercase;}
body.patient-allobatchcooking h4 {margin-bottom: 0.2em;}
body.patient-allobatchcooking .suite-intro {font-size: 0.93em; margin-bottom: 2em;}
@media (min-width: 480px) {
	body.patient-allobatchcooking iframe {height: 320px;}
}
@media (min-width: 768px) {
	body.patient-allobatchcooking .espace-wrap h1 {margin: 0.8em auto;}
	body.patient-allobatchcooking iframe {height: 400px;}
}
@media (min-width: 992px) {
	body.patient-allobatchcooking iframe {height: 500px;}
}


body.patient-allobatchcooking .module-agenda {border-radius: 15px; border: solid 1px #666;}
body.patient-allobatchcooking .module-agenda .col-infos {background: #C6D5B4; height: 100%; border-top-left-radius: 15px; border-top-right-radius: 15px; padding: 1em;}
body.patient-allobatchcooking .module-agenda .col-calendrier {height: 100%; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; margin: 1.5em;}
body.patient-allobatchcooking .module-agenda > .row {--bs-gutter-x: 0;}
body.patient-allobatchcooking .module-agenda .text-2 {font-size: 0.8em; margin-bottom: 0.6em;}
body.patient-allobatchcooking .module-agenda .text-3 {font-size: 0.9em;}
body.patient-allobatchcooking .module-agenda .ligne-prix {font-size: 0.8em;}
body.patient-allobatchcooking .module-agenda .ligne-prix .prix {font-weight: 600; font-size: 2.2em;}
body.patient-allobatchcooking .module-agenda .ligne-prix sup {font-size: 1.2; top: -0.95em;}

@media (min-width: 992px) {
	body.patient-allobatchcooking .module-agenda .col-infos {border-top-left-radius: 15px; border-bottom-left-radius: 15px; border-top-right-radius: 0;}
	body.patient-allobatchcooking .module-agenda .col-calendrier {height: 100%; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 0; margin: 1.5em;}
	body.patient-allobatchcooking .module-agenda .text-2 {margin: 13em 0;}
}
@media (min-width: 1500px) {
	body.patient-allobatchcooking .module-agenda .text-2 {margin: 16em 0;}
}
@media (min-width: 1800px) {
	body.patient-allobatchcooking .module-agenda .text-2 {margin: 20em 0;}
}

body.patient-allobatchcooking .choix-moyen-paiement {border: solid 1px #000; padding: 1.5em; margin-top: 2em;}
body.patient-allobatchcooking .detail-choix {margin-top: 15px; font-size: 0.9em;}
body.patient-allobatchcooking .choix input[type="radio"] {width: 16px; height: 16px;}
body.patient-allobatchcooking #detail-choix1 {background: #f0f0f0; padding: 1.5em;}
body.patient-allobatchcooking #detail-choix1 .cadre {border: solid 1px #000; padding: 1em;}
body.patient-allobatchcooking .detail-choix .sous-titre {color: var(--Bleu); font-weight: 700; padding-bottom: 5px; border-bottom: solid 1px #000; margin-bottom: 5px; text-transform: uppercase;}




/* ************************************************************************** */
/* ************************ PATIENT MODE PAIEMENT *************************** */
/* ************************************************************************** */
body.patient-mode-paiement .choix-moyen-paiement {border: solid 1px #000; padding: 1.5em; margin-top: 2em;}
body.patient-mode-paiement .detail-choix {margin-top: 15px; font-size: 0.9em;}
body.patient-mode-paiement .choix input[type="radio"] {width: 16px; height: 16px;}
body.patient-mode-paiement #detail-choix1 {background: #f0f0f0; padding: 1.5em;}
body.patient-mode-paiement #detail-choix1 .cadre {border: solid 1px #000; padding: 1em;}
body.patient-mode-paiement .detail-choix .sous-titre {color: var(--Bleu); font-weight: 700; padding-bottom: 5px; border-bottom: solid 1px #000; margin-bottom: 5px; text-transform: uppercase;}
body.patient-mode-paiement .mentions-prelevement {font-size: 0.8em; margin-top: 2em;}
body.patient-mode-paiement .btn--verifier {display: block; width: 125px;}
body.patient-mode-paiement .btn--voir-pdf {display: inline-block; width: 225px; margin-top: 10px;}
body.patient-mode-paiement .btn--annuler-pdf {display: inline-block; width: 150px; margin-top: 10px; background: #fff; color: var(--Bleu);}
body.patient-mode-paiement .btn--annuler-pdf:hover {background: var(--Bleu); color: #fff;}
body.patient-mode-paiement .info-passwd {font-size: 0.8em; margin-top: 4px;}
@media (min-width: 768px) {
	body.patient-mode-paiement .btn--verifier {display: block; width: 125px; margin-top: 6px; }
}

body.patient-mode-paiement #form-raison {margin: 0 auto;  max-width: 450px; font-size: 0.9em; padding: 15px; border: solid 1px #000;}
body.patient-mode-paiement #form-raison label {display: block; margin-bottom: 3px; color: var(--Bleu); font-weight: 500;}
body.patient-mode-paiement #form-raison .ligne {margin-bottom: 15px; text-align: left;}
body.patient-mode-paiement #form-raison select {padding: 5px; width: 100%;}
body.patient-mode-paiement #form-raison textarea {width: 100%; height: 140px; padding: 10px;}
body.patient-mode-paiement #form-raison .btn {margin: 0 auto;}





/* ************************************************************************** */
/* ******************************* PATIENT QUESTIONNAIRE (fin de suivi) ************************ */
/* **************************************************************************/
body.patient-questionnaire .ligne-deplacement {}
body.patient-questionnaire .ligne-item .label-item {line-height: 1.3; text-wrap:nowrap; line-height: 28px; cursor: pointer; display: inline;}
/*body.patient-questionnaire .ligne-item input[type="checkbox"], body.patient-questionnaire .ligne-item input[type="radio"] {height: 18px; width: 18px; vertical-align: text-top;  }
body.patient-questionnaire .ligne-item input[type="text"] {padding: 0.15em 0.7em; width: 290px; line-height: 1.4;}*/
body.patient-questionnaire .label-intitule {font-family: "open-sans", sans-serif; font-weight: 600; margin-bottom: 0.4em;}
body.patient-questionnaire .ligne-titre {font-family: "open-sans", sans-serif; font-weight: 600; font-size: 1.1em; color: var(--Bleu); text-transform: uppercase;}
body.patient-questionnaire .ligne-item {margin-bottom: 1em;}
body.patient-questionnaire .ligne-boutons .btn {width: 280px;}
body.patient-questionnaire .precisez {width: 250px; padding: 2px 5px; font-size: 0.93em;}
body.patient-questionnaire textarea {height: 200px; width: 100%;/* max-width: 900px;*/ padding: 4px 7px;}





/* ************************************************************************** */
/* ******************************* PRO PATIENTS ***************************** */
/* ************************************************************************** */
body.pro-patients tr.autre-medecin td {color: #536ea3;}




/* ************************************************************************** */
/* ******************************* PRO PASSWORD ***************************** */
/* ************************************************************************** */
body.pro-password form {max-width: 480px; margin: 5em auto; box-shadow: 1px 1px 6px #555; padding: 1.25em;}
body.pro-password form .img-logo {width: 150px; display: block; margin: 0 auto; margin-bottom: 1em;}
body.pro-password form .choose {font-weight: 700; color: var(--Bleu);}
body.pro-password form .infos {font-size: 0.8em; }
@media (min-width: 480px) {
	body.pro-password form {padding: 2.5em;}
	body.pro-password form .infos {font-size: 0.8em; padding: 0 25px;}
}


/* ************************************************************************** */
/* ******************************* PRO DOCUMENTS ***************************** */
/* ************************************************************************** */
body.pro-documents tr.autre-medecin td {color: #536ea3;}




/* ************************************************************************** */
/* ******************************* PRO DOCUMENT ***************************** */
/* ************************************************************************** */
body.pro-document .ligne-invisible {display: none;}




/* ************************************************************************** */
/* ******************************* PRO CALENDRIER DIETETIQUE ***************************** */
/* ************************************************************************** */
body.pro-nutrition .tablelist tbody tr > td:last-child {width: auto;}
body.pro-nutrition .espace > .mon-container .mon-container-suite .table-responsive {margin: 0;}
body.pro-nutrition .tablelist td.td-date span {display: none;}
@media (max-width: 479px) {
	body.pro-nutrition .tablelist td {display: block;}
	body.pro-nutrition .tablelist th {display: none;}
	body.pro-nutrition .tablelist td.td-heure {display: none;}
	body.pro-nutrition .tablelist td.td-date {font-weight: 600;}
	body.pro-nutrition .tablelist td.td-date span {display: inline;}
}




/* ************************************************************************** */
/* ******************************* PRO FRAIS ***************************** */
/* ************************************************************************** */
body.pro-frais h3 {border-bottom: solid 1px var(--Bleu);}
body.pro-frais #montant_HT {padding-top: 5px; display: block;}

body.pro-frais .choix-moyen-paiement {border: solid 1px #000; padding: 1.5em; margin-top: 2em;}
body.pro-frais .detail-choix {margin-top: 15px; font-size: 0.9em;}
body.pro-frais .choix input[type="radio"] {width: 16px; height: 16px;}
body.pro-frais #detail-choix1 {background: #f0f0f0; padding: 1.5em;}
body.pro-frais #detail-choix1 .cadre {border: solid 1px #000; padding: 1em;}
body.pro-frais .detail-choix .sous-titre {color: var(--Bleu); font-weight: 700; padding-bottom: 5px; border-bottom: solid 1px #000; margin-bottom: 5px; text-transform: uppercase;}







/* ******************************* COOKIES */
.cookies-bandeau {color: #fff; background: var(--BleuDark); position: fixed; bottom: 0; width: 100%; margin-bottom: -160px; transition: all 1.5s; z-index: 2500;}
.cookies-bandeau.actif {margin-bottom: 0;}
.cookies-bandeau .plus {text-decoration: underline; color: #6984aa;}
.cookies-bandeau .bt {background: #fff; padding: 9px 14px; color: var(--Bleu); font-size: 1.15em;}
.cookies-bandeau .bt:hover {text-decoration: none; color: var(--BleuFonce); }
@media (min-width: 992px) {
	.cookies-bandeau {margin-bottom: -80px;}
}


@media (min-width: 480px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1500px) {
}
@media (min-width: 1700px) {
}