@charset "utf-8";
@import url("https://use.typekit.net/lnz1zld.css");
@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap');
/* CSS Document */


.contextual-region .contextual .contextual-links {
	width:auto !important;
}
.contextual-region .contextual .contextual-links li {
	background-image:none !important;
	display:block !important;
	min-height:100% !important;
	width:auto !important;
}
.contextual-region .contextual .contextual-links li a {
    background-color: #fff !important;
    background-image: none !important;
    color: #333 !important;
    font-size: 16px !important;
    padding: 10px !important;
	text-shadow:none;
}
.contextual-region .contextual .contextual-links li a:before, .contextual-region .contextual .contextual-links li a:after {
	content:none !important;
}

/*reinitialisation du template*/
.layout-main {
	width:100%;
}

#main-wrapper, .main-content-accueil{

	width: 100%;
	max-width: inherit;
	display: inline-block;

}

.wide-content {
    width: initial;
    margin-block: initial;
    margin-inline-start: initial;
}

.block .content{
	margin-top:0;
}

.main-content .section{
	padding:0;
}

article {
	width:100%;
}

/* general */

.view-actualites .view-content > div > div, .region--actualites ul li, .page-node-68 .view-lieux .view-content > div > div:hover a img, .view-examens-dans-lieux .view-content > div > div:hover a img, .view-medecins .view-content > div > div:hover a img, .view-examens .view-content > div > div:hover a img, a, *:before, *:after {
	transition: all 0.5s;
}
a {
	text-decoration:none;
}
a:hover {
	border:none;
}

.main-content p {
    margin: 0 0 15px;
}

.main-content h1 {

}

.main-content h2 {

}

.main-content h3 {

}

/*colonne fin*/

/*---------- RGPD --------------*/
.klaro .cookie-modal .cm-btn.cm-btn-success, .klaro .context-notice .cm-btn.cm-btn-success, .klaro .cookie-notice .cm-btn.cm-btn-success {
    background-color: #777;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
    width:120px;
}
.klaro button {
	padding-top:7px;
}
/*----------RGPD fin-----------*/

/*---------- Effets --------------*/
[type-animation="fondu"] {
	/*opacity: 0;*/
    visibility: hidden;
}

[type-animation="zoom"] {
	opacity: 0;
	transform: scale(0.6);
}

[type-animation="spirale"] {
	opacity: 0;
	transform-origin: top left;
	transform: rotate(145deg);
}

[type-animation="bas_haut"] {
	/*transform: translate(0px, 100px);
	opacity: 0;*/
    visibility: hidden;
}

[type-animation="haut_bas"] {
	/*transform: translate(0px, -100px);
	opacity: 0;*/
    visibility: hidden;
}

[type-animation="gauche_droite"] {
	/*transform: translate(-100px, 0);
	opacity: 0;*/
    visibility: hidden;
}

[type-animation="droite_gauche"] {
	/*opacity: 0;
	transform: translate(100px, 0);*/
    visibility: hidden;
}

.animated {
	transition-delay : 300ms;
	transition-duration : 1600ms;
	opacity: 1;
	transform: none;
}
/* Connexion utilisateur */
.path-user .user-login-form {
    margin: 0 auto;
    max-width: max-content;
}
.path-user .region-content form {
    background-color: #f2f2f2;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 50px;
    padding: 20px;
}
.path-user .user-register-form label,
.path-user .user-login-form label {
    display: block;
    float: left;
    width: 160px;
}
.path-user .user-register-form select,
.path-user .user-login-form input,
.path-user .user-register-form input {
    width: 580px;
}
.path-user .region-content .form-actions input {
    width: auto;
}
input.form-submit, .button, a.btn, a.btn2, ul#superfish-main li#main-menu-link-contentf95b26f6-47c8-437f-ac56-ddf89fd774c5 a {
    background-color:transparent;
    background-image: url(../images/picto_fleche-right_D5A488.svg);
    background-position: 25px 50%;
    background-repeat: no-repeat;
    background-size: 7px;
	border:1px solid #D5A488;
    border-radius: 34px;
	color: #D5A488;
    display: inline-block;
    padding: 15px 30px 15px 50px;
    cursor: pointer;
    text-align: center;
    margin: 10px 0;
    position: relative;
}
ul#superfish-main li#main-menu-link-contentf95b26f6-47c8-437f-ac56-ddf89fd774c5 a {
	background-color:#D5A488;
	background-image:url(../images/picto_fleche-right_FFFFFF.svg);
	color:#fff;
	margin:0;
}
ul#superfish-main li#main-menu-link-contentf95b26f6-47c8-437f-ac56-ddf89fd774c5 a:hover {
    background-color: #b99986;
}
a.btn2 {
    background-color: #1B1C31;
    background-image: none;
    border-color: #1B1C31;
    border-radius: 6px 0px 60px 0px;
    color: #fff;
    font-weight: 500;
    padding: 10px 80px 10px 15px;
    text-transform: uppercase;
}
a.btn2:hover {
	background-color:#fff;
	color:#1B1C31;
}
.region--actualites a.btn2 {
	background-color:#D5A488;
	border-color:#D5A488;
}
.region--actualites a.btn2:hover {
	background-color:#1B1C31;
	border-color:#fff;
}
input.form-submit:hover, .button:hover, a.btn:hover, a.btn2:hover {
    background-color: #070A0D;
    color: #ebebeb;
}
a.btn2:hover {
    border: 1px solid #D0E4EA;
}
a.btn.rdv:hover {
	background-color:#070A0D;
    background-position: 25px 50%;
}
a.fleche, #block-asco-theme-footerdroit .ligne > ul > li > ul li a {
    background-image: url(../images/picto_fleche-right_D5A488.svg);
    background-position: 0 6px;
    background-repeat: no-repeat;
    display: block;
    padding-left: 15px;
}
a.fleche:hover {
	color:#1B1C31;
	padding-left:20px;
}
ul.liste_liens {
	margin:0;
	padding:0;
}
ul.liste_liens li {
	list-style:none;
}
ul.liste_liens li a {
	border-bottom:1px solid #1B1C31;
	color:#1B1C31;
	display:block;
	font-weight:500;
	margin-bottom:10px;
	padding:10px 10px 10px 15px;
	position:relative;
	text-transform:uppercase;
}
ul.liste_liens li a:hover {
	color:#D5A488;
}
ul.liste_liens li a:before {
	background-image:url(../images/picto_fleche-right_D5A488.svg);
	background-position:center;
    background-repeat: no-repeat;
    background-size: 7px;
	content:"";
	height:10px;
	position:absolute;
	right:20px;
	top:16x;
	width:7px;
}
ul.liste_liens li a:hover:before {
	right:50px;
}
/* --Siperfish modif --*/
.block-superfish {
    margin-top: 20px;
    width: auto !important;
}
ul#superfish-main {
    width: 100%;
    display: flex;
    justify-content: space-between;
	font-size: 1em;
}

ul#superfish-main li {
	background:none;
}
ul#superfish-main li a, ul#superfish-main li a:visited, ul#superfish-main li>span {
    background: none;
    border-radius: 6px;
    font-size: 14px;
    text-shadow: none;
    font-weight: 600;
    color: #1B1C31;
    padding: 15px 20px;
    margin: 0;
    display: block;
    border: none;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
}
ul#superfish-main li>span {
    background-image: url(../images/picto_chevron-bottom_050A12.svg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 9px;
    cursor: default;
}
ul#superfish-main li a:hover, ul#superfish-main li>span:hover, ul#superfish-main li.active-trail > span, ul#superfish-main li.active-trail > a{
	color:#D5A488;
}
ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {
    top: 3em;
}
ul#superfish-main li > ul li span, ul#superfish-main li > ul li a {
	background-color:#fff;
	background-image:none;
	border-radius:0;
	box-shadow:0 0 2px rgba(0, 0, 0, 0.15);
	text-transform:none;
}
ul#superfish-main li > ul li span {
	position:relative;
}
ul#superfish-main li > ul li span:after {
    background-image: url(../images/picto_chevron-bottom_050A12.svg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 9px;
	content:"";
	height:6px;
	position:absolute;
	right:0;
	top:calc(50% - 3px);
	transform:rotate(-90deg);
	width:9px;
}
ul#superfish-main li > ul li:first-child > span, ul#superfish-main li > ul li:first-child > a {
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
ul#superfish-main li > ul li:last-child > span, ul#superfish-main li > ul li:last-child > a {
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
}
ul#superfish-main li > ul li span:hover, ul#superfish-main li > ul li a:hover, ul#superfish-main li > ul li a.is-active, ul#superfish-main li.active-trail > span {
	background-color:rgb(227 226 226);
}
/* Slideshow */
.vvjs {
	position:relative;
}
.vvjs .nav-dots-numbers {
    position: absolute;
    bottom: 0;
	width:100%;
    z-index: 99;
}
.vvjs .nav-dots-numbers.dots .dots-numbers-button {
	background-color:rgba(0,0,0,0.5);
	border:none;
}
.vvjs .nav-dots-numbers.dots .dots-numbers-button:hover, .vvjs .nav-dots-numbers.dots .dots-numbers-button.active {
    animation: none;
    border: none;
    box-shadow: none;
    background: rgba(0, 0, 0, 0.9);
    padding: 2px !important;
    width: 10px !important;
    transform: scale(1.1);
    box-shadow: none;
}

/*******************************************Page de connexion à l'administration du site*/
.path-user header#header,
.path-user .main-content .region--bandeau-bas,
.path-user footer.site-footer,
.path-user .social-bar,
.path-user div#block-asco-theme-breadcrumbs,
.path-user div#block-asco-theme-primary-local-tasks{
    display: none;
}
.path-user h1,
.path-user .user-login-form label{
    color: #fff;
}
.path-user .region--breadcrumb{
    margin: 0;
}
.path-user div#block-asco-theme-page-title{
    text-align: center;
		position: relative;
		top: 0;
		left: auto;
}
.path-user div#main-wrapper{
    background-image: url(../images/photo/bg-hero_hp.jpg);
    background-size: cover;
    height: 100vh;
}
.path-user div#main {
    height: 100%;
    background-color: #3D4985;
    display: flex;
}
.path-user div#main > .main-content{

    align-items: center;
    margin: 24px;
    width: calc(100% - 48px);
}
.path-user div#main > .main-content > .main-content__container {
    display: flex;
    flex-direction: column;
    max-width: 80%;
    border: 1px solid #fff;
    padding: 48px;
    border-radius: 36px;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    margin: 0 auto;
}
.path-user form#user-login-form{
    position: relative;
    padding-top: 60px;
}
.path-user form#user-login-form:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/gfx/logo_couleur.svg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    width: 230px;
    height: 80px;
}
.form-actions input#edit-submit{
    background-color: #000000;
    color: #fff;
    transition: .3s;
    position: relative;
    font-size: 1rem;
    font-weight: 600;
    border: none;
    border-radius: 40px;
    border-radius: 0;
    font-family: "Google Sans Flex", sans-serif;
    padding: 12px 24px 14px;
		width: 56%;
  margin:0 auto;
}
.form-actions input#edit-submit:hover{
    background-color: #B6C88F;
    color: #000000;
}

/*---------- Effets fin -------------- */
body {
    background-image: none;
    color: #060709;
    font-family: "Google Sans Flex", sans-serif;
    -webkit-hyphens: auto;
    hyphens: inherit;
    word-break: auto-phrase;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    text-align: justify;
}
strong {
	font-weight:600;
}
[dir="ltr"] .site-branding {
    margin:auto 0;
}
.site-branding {
    display: block;
    min-width: auto;
    min-height: auto;
    margin-inline: 0;
    padding-block: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
    background-image: none;
    position: relative;
    z-index: 9;
}
.site-branding {
    align-items: center;
}
.site-header__initial {
	display:none;
}
.site-branding__inner {
	height: auto;
	padding-block: 0;
	padding-inline-start: 0;
	padding-inline-end: 0;
	display: block;
}
.container {
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
}
[dir="ltr"] .wide-image {
    margin-left: 0;
}
header.site-header {
    background-color: #fff;
    min-height: auto;
    padding: 60px 5% 0;
    width: 100%;
	z-index:9;
}
/*.field:not(:last-child) {
    margin-block-end: 0;
}*/
.region--bandeau-haut {
    border-bottom: 1px solid #EEEEEE;
    padding: 0 5%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}
.region--bandeau-haut p {
    margin: 5px 0 0;
}
.adresse, .tel {
    background-image: url(../images/picto_lieu.png);
    background-position: 0px 50%;
    background-repeat: no-repeat;
    background-size: 15px;
    color: #050A12;
    display: block;
	font-size:15px;
    padding: 5px 0 5px 25px;
    text-align: left;
}
.region--bandeau-haut .adresse {
	margin-right:100px;
}
.tel {
	background-image: url(../images/picto_telephone_050A12.svg);
}
#block-asco-theme-formulaireexposesearch-contentpage-1 {
	margin:auto 0 auto auto;
}
#block-asco-theme-formulaireexposesearch-contentpage-1 form {
	display:flex;
}
#block-asco-theme-formulaireexposesearch-contentpage-1 form .form-actions, #block-asco-theme-formulaireexposesearch-contentpage-1 form .form-item {
	margin:0;
}
#block-asco-theme-formulaireexposesearch-contentpage-1 input {
	background-color:#EEEEEE;
	border:none;
	border-radius:0;
	min-height:40px;
}
#block-asco-theme-formulaireexposesearch-contentpage-1 label {
	display:none;
}
#block-asco-theme-formulaireexposesearch-contentpage-1 input.form-submit.button {
    background-color: #E1E1E1;
    background-image: url(../images/picto_recherche_050A12.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px;
    border: none;
    border-radius: 0;
    font-size: 0;
    margin: 0;
    max-height: 40px;
    padding: 10px 25px;
    width: 30px;
}
#block-asco-theme-languagedropdownswitcher, #block-asco-theme-languagedropdownswitcher select {
	background-color:#A0A0A0;
	border:none;
	color:#fff;
	height:40px;
}
.region--slideshow {
	position:relative;
}
.site-header__inner {
    z-index: 1;
    flex-grow: 1;
    width: 100%;
    background: none;
}
.site-branding__logo img {
    max-height: 100%;
    width: 220px;
}
.page-wrapper {
    max-width: 100%;
    background: #fff;
}
.main-content {
    width: 100%;
}
.site-header__inner__container {
    padding: 0;
}
.form--inline > * {
    margin-top: 0;
}
.region > * {
    margin-bottom: 0;
}
.grid-full {
	display:block;
}
#block-asco-theme-primary-local-tasks {
	bottom:0;
	left:0;
	position:fixed;
	z-index:99;
}
.region--content {
    margin-bottom: 0;
}
.node__content {
    padding-bottom: 0;
}
.wide-image {
    width: auto;
}
.view, .view-content {
    display: block;
    gap: 0;
}
h1, h2, h3, h4 {
    color: #1B1C31;
    font-family: "joly-display", sans-serif;
    font-weight:400;
    line-height: 1.2;
    margin: 30px 0 10px;
    text-align: left;
}
.path-frontpage h2 {
	font-size:48px;
	margin-bottom:30px;
}
h1 {
	color:#050A12;
	font-size:50px;
}
.path-frontpage h1 {
    font-size: 60px;
    margin-top: 90px;
}
.path-frontpage h1 + p{
    font-size: 1.25rem;
    max-width: 630px;
    margin: 60px auto 0;
}
.region--content-above {
	padding:50px 30px;
}
h1.page-title {
    display: block;
	margin-bottom:40px;
	text-align:center;
} 
.field--name-body h1 span {
	display:block;
}
h2 {
	font-size:38px;
}
/*.field--name-field-texte-droite h2 {
    background-image: url(../images/picto_angle-deco_top-left_D5A488.svg);
    background-repeat: no-repeat;
	background-position:top left;
    background-size: 70px;
	padding:20px 0 0 20px;
}*/
h3 {
}
h4 {
	font-weight:400;
}
.accroche, .field--name-body h1 span {
    color: #D5A488;
    font-size: 18px;
    font-weight: 600;
    padding-left: 50px;
    position: relative;
	text-align:left;
    text-transform: uppercase;
}
.region--bandeau-bas .accroche span {
	color:#fff;
	text-transform:none;
	font-size:16px;
	font-weight:400;
}
.accroche:before, .text-align-center.accroche:after, .field--name-body h1 span:before, .field--name-body h1.text-align-center span:after {
    background-color: #D5A488;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 14px;
    width: 35px;
    z-index: 1;
}
.text-align-center.accroche, .field--name-body h1.text-align-center span {
  display: block;
  margin: 30px auto 10px;
  max-width: max-content;
  padding-right: 50px;
  text-align: center;
}
h1.text-align-center span {
	margin: 10px auto 30px;
}
.text-align-center.accroche:after, .field--name-body h1.text-align-center span:after {
	left:auto;
	right:0;
}
ul.photos, #block-asco-theme-bandeauhautgauche .ligne, .groupe, .groupe2, .region--actualites, .region--suite-contenu, .region--bandeau-bas, #block-asco-theme-intervention .ligne, .region--actualites ul, #block-asco-theme-parcours ul, #block-asco-theme-footerdroit .ligne > ul, .region--bandeau-haut {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.node__content {
	background-color:#F4F3F2;
}
.node__content .field--name-field-image + .field--name-body {
    border: 1px solid #000;
    margin: 0;
    left: calc(50% - 490px);
    position: absolute;
    top: 50px;
    width: 980px;
    z-index: 9;
}
.page-node-type-photos-avant-apres .node__content {
	padding-bottom:50px;
}
.page-node-type-photos-avant-apres .node__content .field--name-field-image {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 50px 10%;
}
.page-node-type-photos-avant-apres .node__content .field--name-field-image > div {
	margin:0 auto 30px;
	width:calc(50% - 20px);
}
.page-node-type-photos-avant-apres .node__content .field--name-field-image + .field--name-body {
    border: none;
    left: auto;
	margin:50px auto 0;
	max-width:max-content;
    position: relative;
    top: auto;
    width: auto;
}
.path-frontpage .node__content .field--name-body {
    border: none;
    top: 0;
}
.node__content .field--name-field-image + .field--name-body > div {
    background-color: rgba(255, 255, 255, 0.9);
    margin: -15px;
    padding: 40px;
}
.path-frontpage .node__content .field--name-body > div {
	background-color:transparent;
	margin:0;
}
.node__content .field--name-field-image {
    background-color: #fff;
}
.node__content .field--name-field-image img {
    height: 550px;
    object-fit: cover;
    object-position: bottom;
    object-position: center;
    width: 100%;
    mix-blend-mode: multiply;
    opacity: .1;
}
.path-search .view-search-content .view-header {
	margin-top:50px;
	text-align:center;
}
.path-search .view-search-content .views-row {
    padding: 30px 10%;
}
.path-search .node__content .field--name-field-image + .field--name-body {
  border: 1px solid #000;
  margin: 0;
  left: auto;
  position: relative;
  top: auto;
  width: 100%;
  z-index: 9;
}
.path-search .node__content .field--name-field-image img {
  height: 300px;
  opacity: 1;
}
.page-node-type-photos-avant-apres .node__content .field--name-field-image img {
	height:auto;
	opacity:1;
}
.page-node-5 .node__content .field--name-field-image img {
	object-position:center;
}
.path-frontpage .node__content .field--name-field-image img {
    height:750px;
}


.path-frontpage .node__content .field--name-field-image {
  overflow: hidden;
  position: relative;
}
.path-frontpage .node__content .field--name-field-image img {
  display: block;
  width: 100%;
  object-fit: cover;
  object-position: bottom center;
}



.field--name-field-texte-centre {
	border:1px solid #D5A488;
	margin:50px auto;
	max-width:max-content;
	padding:30px 50px;
	position:relative;
}
.page-node-21 .field--name-field-texte-centre {
	max-width:900px;
}
.bloc_faq .bloc_interieur:before, .bloc_faq .bloc_interieur:after, .bloc_faq .bloc_interieur .field:before, .bloc_faq .bloc_interieur .field:after, .sticky .bloc:before, .sticky .bloc:after, .sticky .bloc .bloc_interieur:before, .sticky .bloc .bloc_interieur:after, .node__content .field--name-body > div:before, .node__content .field--name-body > div:after, .node__content .field--name-body:before, .node__content .field--name-body:after, .field--name-field-texte-centre:before, .field--name-field-texte-centre:after, .field--name-field-texte-centre .ligne:before, .field--name-field-texte-centre .ligne:after, #block-asco-theme-footerdroit:before, #block-asco-theme-footerdroit:after, #block-asco-theme-footerdroit .ligne:before, #block-asco-theme-footerdroit .ligne:after {
    background-image: url(../images/picto_angle-deco_top-left_D5A488.svg);
    background-repeat: no-repeat;
    background-size: 70px;
    content: "";
    height: 70px;
    left: -6px;
    position: absolute;
    top: -8px;
    width: 70px;
    z-index: 1;
}
.field--name-field-texte-centre:after, #block-asco-theme-footerdroit:after, .node__content .field--name-body:after, .sticky .field:after, .bloc_faq .bloc_interieur:after {
    background-image:url(../images/picto_angle-deco_bottom-left_D5A488.svg);
	bottom:-6px;
    top: auto;
}
.field--name-field-texte-centre .ligne:before, #block-asco-theme-footerdroit .ligne:before, .node__content .field--name-body > div:before, .sticky .field .ligne:before, .bloc_faq .bloc_interieur .field:before {
    background-image:url(../images/picto_angle-deco_bottom-right_D5A488.svg);
	bottom:-6px;
	left:auto;
	right:-6px;
    top: auto;
}
.field--name-field-texte-centre .ligne:after, #block-asco-theme-footerdroit .ligne:after, .node__content .field--name-body > div:after, .sticky .field .ligne:after, .bloc_faq .bloc_interieur .field:after {
    background-image:url(../images/picto_angle-deco_top-right_D5A488.svg);
	bottom:auto;
	left:auto;
	right:-6px;
    top: -6px;
}
.path-frontpage .node__content .field--name-body > div:before, .path-frontpage .node__content .field--name-body > div:after, .path-frontpage .node__content .field--name-body:before, .path-frontpage .node__content .field--name-body:after {
	content:none;
}
.gauche:before {
    background-image: url(../images/bg-colonne.webp);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.2;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.gauche, .droite, .region--suite-contenu > div {
	position:relative;
	width:50%;
}
.gauche {
	display:flex;
}
.gauche > div, #block-asco-theme-votreparcours .block__content {
	margin:auto 0;
	padding:50px 50px 50px 5vw;
	position:relative;
}
.field--name-field-image-droite, .field--name-field-image-droite * {
	height:100%;
}
.groupe .droite img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    max-height: 100vh;
    position: sticky;
    top: 50px;
}
.region--actualites {
	background-color:#D8D8D8;
	padding:50px 5%;
}
.region--actualites a.btn2 {
	display:none;
}
#block-asco-theme-intervention .ligne > div {
    width: calc(50% - 20px);
}
#block-asco-theme-intervention .ligne > div:last-of-type {
    margin-top: 70px;
}
#block-asco-theme-chirurgievisage, #block-asco-theme-chirurgiesilhouette {
    width: calc(50% - 20px);
}
.region--actualites ul {
	margin:0;
	padding:0;
}
.region--actualites ul li {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    color: #fff;
    list-style: none;
    min-height: 470px;
    padding: 250px 20px 20px;
    position: relative;
    text-align: left;
    width: calc(50% - 10px);
    z-index: 1;
}
.region--actualites ul li:hover {
    background-size: 120%;
}
.region--actualites ul li:before, #block-asco-theme-lyon:before, #block-asco-theme-geneve:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    bottom: 0;
    content: "";
    height: 60%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}
.region--actualites ul li#lifting {
    background-image: url(../images/bg_lifting.webp);
}
.region--actualites ul li#blepharoplastie {
    background-image: url(../images/bg_blepharoplastie.webp);
}
.region--actualites ul li#abdominoplastie {
    background-image: url(../images/bg_abdominoplastie.webp);
}
.region--actualites ul li#remodelage {
    background-image: url(../images/bg_remodelage.webp);
}
.region--actualites ul li h3 {
	color:#D5A488;
	font-family:"Google Sans Flex", sans-serif;
	font-size:20px;
	font-weight:500;
	text-transform:uppercase;
}
.region--actualites ul li a:hover {
	color:#fff;
}
.region--suite-contenu {
	background-color:#F4F3F2;
}
.region--suite-contenu > div {
	width:50%;
}
#block-asco-theme-medecineesthetique .block__content {
	padding:50px 5vw 50px 50px;
}
#block-asco-theme-votreparcours, #block-asco-theme-medecineesthetique {
	display:flex;
}
#block-asco-theme-votreparcours .block__content, #block-asco-theme-medecineesthetique .block__content {
	margin:auto 0;
}
.region--suite-contenu > div#block-asco-theme-parcours {
	padding:10px 5%;
	width:100%;
}
#block-asco-theme-parcours ul {
	margin:0;
	padding:0;
}
#block-asco-theme-parcours ul li {
	border-right:1px solid #D5A488;
	list-style:none;
	position:relative;
	width:calc(100% / 4 - 1px);
}
#block-asco-theme-parcours ul li:last-child {
	border-right:0;
}
#block-asco-theme-parcours ul li a {
    background-position: 10px 2px;
    background-repeat: no-repeat;
    background-size: 70px;
    color: #1B1C31;
    display: block;
    font-weight: 500;
    line-height: 1.2;
    max-width: 320px;
    padding: 10px 30px 10px 90px;
	padding:20px 30px 15px 90px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
}
#block-asco-theme-parcours ul li a:hover {
	color:#D5A488;
}
#block-asco-theme-parcours ul li:first-child a {
    background-image: url(../images/chiffre1.jpg);
}
#block-asco-theme-parcours ul li:nth-child(2) a {
    background-image: url(../images/chiffre2.jpg);
}
#block-asco-theme-parcours ul li:nth-child(3) a {
    background-image: url(../images/chiffre3.jpg);
}
#block-asco-theme-parcours ul li:last-child a {
    background-image: url(../images/chiffre4.jpg);
}
#block-asco-theme-parcours ul li a:after {
    background-image: url(../images/picto_fleche-right_D5A488.svg);
    background-position: left center;
    background-repeat: no-repeat;
	color:#D5A488;
    content: "En savoir plus";
    font-size: 16px;
    padding-left: 15px;
    position: relative;
    display: none;
    text-transform: none;
}
#block-asco-theme-parcours ul li a:hover:after {
	color:#1B1C31;
}
.region--bandeau-bas {
	background-image:url(../images/bg_lieu.png);
	background-position:center;
	background-size:cover;
	padding:50px 5%;
}
.region--bandeau-bas > div {
	margin:auto 0;
	width:30%;
}
#block-asco-theme-lyon, #block-asco-theme-geneve {
	background-image:url(../images/ville-de-lyon.webp);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	padding:350px 20px 20px;
	position:relative;
	z-index:1;
}
#block-asco-theme-geneve {
	background-image:url(../images/ville-de-geneve.webp);
}
#block-asco-theme-lyon:after, #block-asco-theme-geneve:after {
	background-color: #1B1C31;
    background-image: none;
    border-color: #1B1C31;
    border-radius: 6px 0px 60px 0px;
    color: #fff;
	content:"Lyon";
    font-weight: 500;
	left:0;
    padding: 10px 80px 10px 15px;
	position:absolute;
    text-transform: uppercase;
	top:0;
}
#block-asco-theme-geneve:after {
	content:"Genève";
}
body:not(.is-always-mobile-nav) .site-footer {
	border-inline-start: none;
}
.site-footer {
    position: relative;
    color: #1B1C31;
    background: none;
}
.site-footer__inner {
	padding-block: 0;
	padding-inline: 0;
}
.region--footer-top {
	background: linear-gradient(90deg,rgba(238, 238, 238, 1) 0%, rgba(247, 251, 254, 1) 100%);
	padding:50px 5%;
}
#block-asco-theme-logofooter img {
	display:block;
	margin-bottom:20px;
}
#block-asco-theme-footerdroit {
    border: 1px solid #D5A488;
    display: flex;
    height: 100%;
    padding: 30px 50px;
    position: relative;
}
#block-asco-theme-footerdroit .block__content {
	margin:auto;
	width:100%;
}
#block-asco-theme-footerdroit .ligne ul {
	margin:0;
	padding:0;
}
#block-asco-theme-footerdroit .ligne ul li ul {
	margin-top:15px;
}
#block-asco-theme-footerdroit .ligne ul li {
	list-style:none;
}
#block-asco-theme-footerdroit .ligne > ul > li {
    color: #D5A488;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    text-align: left;
    text-transform: uppercase;
}
#block-asco-theme-footerdroit .ligne > ul > li > ul li a {
	color:#010203;
	display:block;
	font-size:14px;
	margin-bottom:10px;
}
.region--footer-bottom {
	background-color:#D5A488;
	padding:10px 30px;
}	
.region--footer-bottom p a {
	margin:0 50px;
}
.field:not(:last-child).field--name-field-image {
	margin:0;
}
.groupe2 {
	background-color:#fff;
	display:none;
}
.groupe2:has(.sticky ul) {
	display:flex;
}
.sticky {
    padding: 80px 30px 30px 30px;
	position:relative;
    text-align: left;
    width: 460px;
}
.sticky .bloc {
	border:1px solid #FBF9F7;
    position: sticky;
/*    max-height: 90vh;
    overflow-y: scroll;
    scrollbar-color: rgb(233 155 121 / 48%) #fff;
    scrollbar-width: thin;*/
    top: 80px;
    padding: 30px;
}
.field--name-field-ancres p {
	border-bottom:1px solid #D5A488;
	color:#D5A488;
	font-weight:600;
	margin:0 auto 20px;
	max-width:max-content;
	padding-bottom:5px;
	position:relative;
	text-align:center;
}
.field--name-field-ancres p:after {
    background-color: #D5A488;
    bottom: -5px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.field--name-field-ancres ul {
	margin:0;
	padding:0;
}
.field--name-field-ancres ul li {
	list-style:none;
}
.field--name-field-ancres ul li a {
    background-color: #FBF9F7;
    border-radius: 6px;
    background-image: url(../images/picto_fleche-right_D5A488.svg);
    background-position: 5px 12px;
    background-repeat: no-repeat;
    background-size: 4px;
    color: #1B1C31;
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    padding: 6px 10px 6px 15px;
}
.field--name-field-texte-droite {
    border-left: 1px solid #D5A488;
    margin-bottom: 50px;
    margin-left: auto;
    padding: 80px 10vw 50px 50px;
    width: calc(100% - 500px);
}
.field--name-field-texte-droite > div {
	background-image:url(../images/separateur.png);
    background-position: center bottom;
	background-repeat:no-repeat;
    background-size: auto 30px;
    height: auto;
    margin-bottom: 50px;
    padding-bottom: 70px;
}
.bloc_faq {
	padding:50px 0;
}
.bloc_faq .bloc_interieur {
	background-color:#F4F3F2;
    border: 1px solid #ead1c3;
    margin:0 auto;
    padding: 50px;
    position: relative;
    width: 980px;
    z-index: 9;
}
.bloc_faq h2 {
	margin-top:0;
}
.bloc_faq .text-align-center.accroche {
	margin-bottom:30px;
}
.ckeditor-accordion-container > dl {
    position: relative;
    border:none;
}
.ckeditor-accordion-container > dl dd {
    border-bottom: 1px solid #D5A488;
    border-left: 1px solid #D5A488;
    border-right: 1px solid #D5A488;
    padding: 0px 15px;
    margin: 0;
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
	display:none;
}
.ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) {
	background-image:url(../images/plus.jpg);
	background-position:right center;
	background-repeat:no-repeat;
	background-size:40px;
    display: block;
	font-weight:600;
    padding: 8px 50px 8px 15px;
    background-color: transparent;
    color: #D5A488;
    cursor: pointer;
    border: 1px solid #D5A488;
	text-transform:uppercase;
}
.ckeditor-accordion-container > dl dt.active > a, .ckeditor-accordion-container > dl dt > a:hover, .ckeditor-accordion-container > dl dt > a:not(.button):hover {
    background-color: transparent;
    box-shadow: none;
    color: #D5A488;
    text-decoration: none;
}
.ckeditor-accordion-container > dl dt.active > a, .ckeditor-accordion-container > dl dt.active > a:hover {
	background-image:url(../images/moins.jpg);
	display:none;
}
.ckeditor-accordion-container > dl dd.active > h3:first-of-type, .ckeditor-accordion-container > dl dd.active > h2:first-of-type {
    margin-top: 0;
    margin-left: -17px;
    margin-right: -17px;
    padding: 0 20px;
    background-image: url(../images/moins.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 40px;
    display: block;
    font-family: "Google Sans Flex", sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 8px 50px 8px 15px;
    background-color: transparent;
    color: #D5A488;
    cursor: pointer;
    border: 1px solid #D5A488;
    border-left: 0;
    text-transform: uppercase;
}
#rdv {
	background-color:#D5A488;
	background: linear-gradient(41deg,rgba(150, 106, 80, 1) 0%, rgba(213, 164, 136, 1) 100%);
	padding:50px 10%;
}
#rdv h2, #rdv p {
	color:#fff;
}
#rdv h2 {
	margin:0 auto 30px;
	max-width:max-content;
	padding-bottom:10px;
	position:relative;
}
#rdv h2:before {
	background-color:#070A0D;
	bottom:0;
	content:"";
    height: 2px;
    left: calc(50% - 17.5px);
    position: absolute;
    width: 35px;
}
#rdv a.btn.rdv {
	background-color:#fff;
	border-color:#070A0D;
	color:#070A0D;
}
#rdv a.btn.rdv:hover {
	background-color:#070A0D;
	color:#fff;
}
.webform-submission-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
}

.webform-submission-form .js-form-item,.webform-submission-form #ajax-wrapper,.webform-submission-form #ajax-wrapper--2 {
    margin-bottom: 0;
    margin-top: 10px;
    width: 49%;
}

.webform-submission-form #ajax-wrapper .js-form-item,.webform-submission-form #ajax-wrapper--2 .js-form-item {
    width: auto;
}

.webform-submission-form .js-form-item.js-form-item-poste,.webform-submission-form .js-form-item.form-type-textarea,.webform-submission-form .js-form-item.form-type-processed-text,.webform-submission-form .js-form-item.form-type-checkbox {
    width: 100%;
}

.webform-submission-form .js-form-item.form-type-checkbox {
    display: flex;
}

.form-item__description {
    margin-block:5px;max-width: 100%;
    margin-left: 5px;
}

textarea::placeholder,input::placeholder,select {
    color: #0B3950;
}

.webform-submission-form input,.webform-submission-form select,.webform-submission-form textarea {
    border-radius: 36px;
	width:100%;
}

.webform-submission-form .js-form-item.form-type-checkbox input {
    width: 30px;
}
ul.photos {
	margin:0;
	padding:50px 10%;
}
ul.photos li {
	list-style:none;
	margin-bottom:30px;
	width:calc(50% - 20px);
}
ul.photos li a {
	display:block;
	font-size:20px;
	font-weight:600;
	text-align:center;
}
ul.photos li a img {
	border-top-left-radius:24px;
	border-top-right-radius:24px;
	height:300px;
	object-fit:cover;
}
#backtotop {
  border-radius: 100%;
  height: 40px;
  right: 70px;
  width: 40px;
}
.view-actualites .view-content > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 50px 10%;
    position: relative;
}
.view-actualites .view-content > div > div {
    border-radius: 24px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-width: calc(33.33% - 20px);
    position: relative;
}
.view-actualites .view-content > div > div:hover {
	background-color:#D5A488;
}
.view-actualites img {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    height: 350px;
    object-fit: cover;
}
.view-actualites .views-field-title a {
    border: none;
    color:#D5A488;
    display: block;
    font-size: 20px;
    font-weight: 600;
    padding: 10px 20px;
    position: relative;
    text-align: center;
    z-index: 1;
}
.view-actualites .view-content > div > div:hover .views-field-title a {
	color:#fff;
}
.page-node-type-article .node__content .field--name-field-image img {
    height: 350px;
}
.page-node-type-article .field--name-field-date-de-publication, .views-field-field-date-de-publication {
    background-color: #D5A488;
    border-radius: 24px;
    color: #fff;
    left: 20px;
    padding: 10px 30px;
    position: absolute;
    text-align: center;
    top: 20px;
    z-index: 9;
}
.views-field-field-date-de-publication {
	width:
}
.page-node-type-article .field--name-field-texte-centre {
	padding:30px 5%;
}
.glightbox-desc {
    display: block !important;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin: 10px 0 20px;
}
.glightbox-clean .gslide-desc {
    font-size: 1em;
    margin-bottom: 0;
    font-family: "Google Sans Flex",sans-serif;
    line-height: 1.4em;
	text-align:center;
}
.groupe_actus {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px;
}
.groupe_actus > div:first-of-type {
    padding: 0 30px;
    width: 70%;
}
.groupe_actus > div:last-of-type {
	width:calc(30% - 70px);
}
.groupe_actus > div:last-of-type h2 {
	font-size:28px;
	margin-bottom:20px;
}
.groupe_actus > div:last-of-type > div:first-of-type {
    border-bottom: 1px solid #ccc;
    margin-top: 50px;
    padding-bottom: 20px;
}
.groupe_actus > div:last-of-type img {
    border-radius: 300px;
	display:block;
    height: 250px;
	margin:0 auto 20px;
    object-fit: cover;
    object-position: left center;
	width: 250px;
}
.groupe_actus .view-actualites .view-content > div {
	display:block;
	padding:0;
}
.groupe_actus .view-actualites .view-content > div > div {
    border-radius: 0;
    box-shadow: none;
	margin-bottom:20px;
	max-width:100%;
}
.groupe_actus .view-actualites .views-field-title a {
    color: #060709;
    font-size: 18px;
    font-weight: 500;
    padding: 40px 0px 10px 20px;
	position:relative;
    text-align: left;
}
.groupe_actus .view-actualites .views-field-title a:before {
	background-color:#D5A488;
	content:"";
	height:2px;
	left:0;
	position:absolute;
	top:30px;
	width:10px;
}
.groupe_actus .view-actualites .views-field-title a:hover, .groupe_actus .view-actualites .view-content > div > div:hover .views-field-title a {
	background-color:transparent;
	color:#D5A488;
}
.groupe_actus .view-actualites .view-content > div > div:hover {
	background-color:transparent;
}
.groupe_actus .views-field-field-date-de-publication {
	background-color:transparent;
    color: #D5A488;
    font-style: italic;
    left: 0px;
    padding: 0;
    top: 0px;
}




/*RESPONSIVE*/

@media screen and (max-width: 1400px) {
 
	/* Titres */
	.path-frontpage h1 {
		font-size: 48px;
	}
	h1 {
		font-size: 42px;
	}
	.path-frontpage h2,
	h2 {
		font-size: 34px;
	}
 
	/* Bloc body superposé sur l'image : on le recentre en fluide */
	.node__content .field--name-field-image + .field--name-body {
		left: 5%;
		width: 90%;
	}
 
	/* Colonnes texte droite / sticky */
	.field--name-field-texte-droite {
		padding: 80px 5vw 50px 50px;
		width: calc(100% - 420px);
	}
	.sticky {
		width: 420px;
	}
 
	/* Bloc FAQ et textes centrés : largeur fluide */
	.bloc_faq .bloc_interieur {
		width: 90%;
		max-width: 980px;
		padding: 40px;
	}
	.page-node-21 .field--name-field-texte-centre {
		max-width: 90%;
	}
 
	/* Bandeau bas : 3 colonnes un peu plus larges */
	.region--bandeau-bas > div {
		width: 32%;
	}
 
	/* Superfish : réduire le padding pour éviter le débordement */
	ul#superfish-main li a,
	ul#superfish-main li a:visited,
	ul#superfish-main li > span {
		padding: 15px 14px;
		font-size: 13px;
	}
 
	/* Connexion admin : champs fluides */
	.path-user .user-register-form select,
	.path-user .user-login-form input,
	.path-user .user-register-form input {
		width: 100%;
		max-width: 580px;
	}
	.page-node-type-photos-avant-apres .node__content .field--name-field-image, ul.photos {
		padding:30px 5%;
	}

.path-search .view-search-content .views-row {
    padding: 30px 5%;
}
.view-actualites .view-content > div {
    padding: 30px 5%;
}
}
 
 @media screen and (max-width: 1200px) {
.block-superfish {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    z-index: 9;
}
ul#superfish-main {
	display:none !important;
	opacity:0;
}
div.sf-accordion-toggle.sf-style-default a span {
    display: none;
  }
div.sf-accordion-toggle.sf-style-default > a:after {
    color:#D5A488;
    font-size: 50px;
    top: 0;
  }
div.sf-accordion-toggle.sf-style-default a {
  background: transparent !important;
  color: transparent !important;
position: absolute !important;
  right: 0 !important;
}
ul.sf-menu.sf-style-default a, ul.sf-menu.sf-style-default a:visited, ul.sf-menu.sf-style-default span.nolink {
    background-color: #fff;
	border-bottom:1px solid #D5A488;
    color: #D5A488;
  }
ul.sf-menu.sf-style-default a.is-active, ul.sf-menu.sf-style-default a:focus, ul.sf-menu.sf-style-default a:hover, ul.sf-menu.sf-style-default span.nolink:hover {
    background:#D5A488;
    color: #fff;
    outline: 0;
  }
ul.sf-menu.sf-accordion.sf-expanded {
  top: 30px !important;
}
div.sf-accordion-toggle.sf-style-default a.sf-expanded, ul.sf-menu.sf-style-default.sf-accordion li.sf-expanded {
  background: transparent !important;
}
ul.sf-menu.sf-style-default li:hover, ul.sf-menu.sf-style-default li.sfHover {
    background-color: transparent;
  }
ul.sf-menu.sf-style-default.sf-accordion li li a, ul.sf-menu.sf-style-default.sf-accordion li li span.nolink {
    background-color: #D5A488;
    color: #fff;
    text-align: left;
  }
ul.sf-menu.sf-style-default.sf-accordion li li li a {
    background-color: #1B1C31;
    color: #fff;
    text-align: left;
  }
  .region--bandeau-haut {
	  padding:0 30px;
  }
  .region--bandeau-haut .adresse {
  margin-right: 30px;
}
 }

/* ============================================================
   1000px — Tablettes
   ============================================================ */
@media screen and (max-width: 1000px) {
 
	/* Header */
header.site-header {
    padding: 10px 20px 0;
	z-index:12;
  } 
	/* Bandeau haut (adresse + tél) : empilé */
	.region--bandeau-haut {
		border:none;
		display:block;
		position:relative;
		top:auto;
	}
	.region--bandeau-haut .adresse {
		margin-right: 20px;
	}
 #block-asco-theme-formulaireexposesearch-contentpage-1 {
  margin:0 auto 10px;
  max-width: max-content;
}
#block-asco-theme-languagedropdownswitcher, #block-asco-theme-languagedropdownswitcher select {
  max-width: max-content;
  margin: 0 auto;
}
	/* Titres */
	.path-frontpage h1 {
		font-size: 40px;
		margin-top: 60px;
	}
	h1 {
		font-size: 36px;
	}
	.path-frontpage h2,
	h2 {
		font-size: 30px;
	}
 
	/* --- Mise en page deux colonnes → une colonne --- */
	.gauche,
	.droite,
	.region--suite-contenu > div {
		width: 100%;
	}
	.gauche > div,
	#block-asco-theme-votreparcours .block__content {
		padding: 40px 5%;
	}
	#block-asco-theme-medecineesthetique .block__content {
		padding: 40px 5%;
	}
	.groupe,
	.groupe2 {
		flex-direction: column;
	}
 
	/* Image colonne droite : ne plus la coller en sticky */
	.groupe .droite img {
		position: relative;
		top: 0;
		max-height: 60vh;
		width: 100%;
	}
 
	/* Bloc body superposé : passage en flux normal */
.node__content .field--name-field-image + .field--name-body {
    top: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
.path-frontage .node__content .field--name-field-image + .field--name-body {
    margin: -120px auto 0;
  }
	.node__content .field--name-field-image img {
		height: 400px;
		opacity:1;
	}
	.path-frontpage .node__content .field--name-field-image img {
		height: 500px;
	}
 
	/* Interventions : pile */
	#block-asco-theme-intervention .ligne > div,
	#block-asco-theme-chirurgievisage,
	#block-asco-theme-chirurgiesilhouette {
		width: 100%;
	}
	#block-asco-theme-intervention .ligne > div:last-of-type {
		margin-top: 30px;
	}
 
	/* Actualités : 2 colonnes conservées mais hauteur réduite */
	.region--actualites ul li {
		min-height: 380px;
		padding: 180px 20px 20px;
	}
 
	/* Parcours : passage de 4 colonnes à 2 */
	#block-asco-theme-parcours ul {
		flex-wrap: wrap;
	}
	#block-asco-theme-parcours ul li {
		width: calc(50% - 1px);
		margin-bottom: 20px;
	}
	#block-asco-theme-parcours ul li:nth-child(2) {
		border-right: 0;
	}
 
	/* Bandeau bas : empilé */
	.region--bandeau-bas {
		flex-direction: column;
	}
	.region--bandeau-bas > div {
		width: 100%;
		margin-bottom: 30px;
	}
	#block-asco-theme-lyon,
	#block-asco-theme-geneve {
		padding: 250px 20px 20px;
	}
 
	/* Colonne texte droite + sticky → empilées */
	#block-asco-theme-votreparcours,
	#block-asco-theme-medecineesthetique {
		flex-direction: column;
	}
	.field--name-field-texte-droite {
		width: 100%;
		border-left: none;
		padding: 50px 5%;
	}
	.sticky {
		width: 100%;
		padding: 30px 5%;
	}
	.sticky .bloc {
		position: relative;
		top: 0;
	}
 
	/* Footer : colonnes du bloc droit empilées */
	#block-asco-theme-footerdroit .ligne > ul {
		flex-direction: column;
	}
	#block-asco-theme-footerdroit {
		padding: 30px;
	}
 
	/* Webform : champs pleine largeur */
	.webform-submission-form .js-form-item,
	.webform-submission-form #ajax-wrapper,
	.webform-submission-form #ajax-wrapper--2 {
		width: 100%;
	}
 
	/* RDV */
	#rdv {
		padding: 50px 5%;
	}
 
	/* Connexion admin */
	.path-user div#main > .main-content > .main-content__container {
		max-width: 100%;
		padding: 30px;
	}
	.path-user .user-register-form label,
	.path-user .user-login-form label {
		float: none;
		width: auto;
	}
.field--name-field-texte-centre {
	padding:30px;
}
ul.photos {
	display:block;
}
ul.photos li {
	width:auto;
}
.page-node-type-photos-avant-apres .node__content .field--name-field-image {
	display:block;
}
.page-node-type-photos-avant-apres .node__content .field--name-field-image > div {
	width:auto;
}
}
 
 
/* ============================================================
   700px — Mobiles
   ============================================================ */
@media screen and (max-width: 700px) {
 
	/* Texte global : on enlève la justification (meilleure lecture mobile) */
	body {
		text-align: left;
		font-size: 15px;
	}
 #block-asco-theme-bandeauhautgauche .ligne {
	 justify-content:center;
 }
	/* Header */
	.site-branding__logo img {
		width: 170px;
	}
 #block-asco-theme-formulaireexposesearch-contentpage-1 form .form-item {
width: calc(100% - 60px);
}
	/* Titres */
	.path-frontpage h1 {
		font-size: 32px;
		margin-top: 40px;
	}
	h1 {
		font-size: 28px;
	}
	.path-frontpage h2,
	h2 {
		font-size: 24px;
	}
	.path-frontpage h1 + p {
		font-size: 1rem;
		margin-top: 30px;
	}
 
	/* Accroche : padding réduit */
	.accroche,
	.field--name-body h1 span {
		font-size: 16px;
		padding-left: 45px;
	}
 
	/* Superfish : menu en colonne (si non remplacé par menu burger) */
	ul#superfish-main {
		flex-direction: column;
	}
	ul#superfish-main li a,
	ul#superfish-main li a:visited,
	ul#superfish-main li > span {
		padding: 12px 15px;
		border-bottom: 1px solid #eee;
	}
 
	/* Recherche exposée : champ + bouton empilés */
	#block-asco-theme-formulaireexposesearch-contentpage-1 form {
		flex-wrap: wrap;
	}
 
	/* Image principale */
	.node__content .field--name-field-image img {
		height: 300px;
	}
	.path-frontpage .node__content .field--name-field-image img {
		height: 380px;
	}
	.path-frontpage .node__content .field--name-field-image + .field--name-body {
		margin-top: 0;
	}
	.node__content .field--name-field-image + .field--name-body {
		border:none;
		margin:0;
		top:0;
	}
	.node__content .field--name-field-image + .field--name-body > div {
		padding: 25px;
	}
 
	/* Texte centré encadré : padding réduit */
	.field--name-field-texte-centre {
		padding: 25px 20px;
		margin: 30px 20px;
	}
 .region--content-above {
  padding:20px 30px 30px;
}
	/* Actualités : 1 colonne */
	.region--actualites {
		padding: 40px 4%;
	}
	.region--actualites ul li {
		width: 100%;
		min-height: 320px;
		margin-bottom: 15px;
		padding: 150px 20px 20px;
	}
 
	/* Parcours : 1 colonne */
	#block-asco-theme-parcours ul li {
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid #D5A488;
		padding-bottom: 15px;
	}
	#block-asco-theme-parcours ul li:last-child {
		border-bottom: 0;
	}
	#block-asco-theme-parcours ul li a {
		max-width: 100%;
	}
 
	/* Bandeau bas villes */
	#block-asco-theme-lyon,
	#block-asco-theme-geneve {
		padding: 180px 20px 20px;
	}
 
	/* FAQ */
	.bloc_faq {
		padding: 30px 0;
	}
	.bloc_faq .bloc_interieur {
		width: 92%;
		padding: 25px;
	}
 
	/* Footer */
	.region--footer-top {
		padding: 40px 4%;
	}
	.region--footer-bottom {
		padding: 15px 4%;
		text-align: center;
	}
	.region--footer-bottom p a {
		display: inline-block;
		margin: 5px 15px;
	}
	#block-asco-theme-footerdroit {
		padding: 25px;
	}
 
	/* Boutons : pleine largeur pour faciliter le tap */
	a.btn,
	a.btn2,
	input.form-submit,
	.button {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
 
	/* RDV */
	#rdv {
		padding: 40px 4%;
	}
 
	/* Coins décoratifs : on réduit pour éviter qu'ils débordent */
	.field--name-field-texte-centre:before,
	.field--name-field-texte-centre:after,
	.field--name-field-texte-centre .ligne:before,
	.field--name-field-texte-centre .ligne:after,
	.node__content .field--name-body > div:before,
	.node__content .field--name-body > div:after,
	.node__content .field--name-body:before,
	.node__content .field--name-body:after,
	#block-asco-theme-footerdroit:before,
	#block-asco-theme-footerdroit:after,
	#block-asco-theme-footerdroit .ligne:before,
	#block-asco-theme-footerdroit .ligne:after {
		background-size: 45px;
		height: 45px;
		width: 45px;
	}
 
	/* Connexion admin */
	.path-user div#main > .main-content > .main-content__container {
		padding: 20px;
		max-width: 100%;
	}
	.form-actions input#edit-submit {
		width: 100%;
	}
.region--bandeau-haut .adresse {
    margin-right: 0;
  }
 .region--bandeau-bas {
	 padding:50px 5% 30px;
 }
}


/* INFORMATION Pour le twig"*/

#information{
	position:fixed;
	bottom:20px;
	left:0;
	min-width:200px;
	background:#fff;
	padding:10px;
	border:1px solid #ddd;
	z-index:200;
}