@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');




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

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

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

}

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


.ligne{
	/*max-width:calc(80vw);*/
	display:flex;
	justify-content: space-between;
	margin:0 auto;
	flex-wrap: wrap;
	/*padding:0 15px;*/
	padding: 0;
	
}

.ligne .ligne {
	padding:0;
	max-width:initial;
}

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

article {
	width:100%;
}

/* general */

a {
	transition: all 0.5s;
}

a:hover {
	border:none;
	color: #F4CCB3;
}

.main-content p {
	
}

.main-content h1 {

}

.main-content h2 {

}

.main-content h3 {

}

p a {
    font-weight: 600;
    color: #738e96;
    text-decoration: underline;	
}


/*Grille*/

.droite{
	justify-content: flex-end;
}

.gauche{
	justify-content: flex-start;
}

.pleine_largeur{
	max-width: inherit;
}

.colonne_1-1{
	width:100%;
}

.colonne_1-2{
	width:47.22%;
}

.colonne_1-3{
	width:29.63%;
}

.colonne_2-3{
	width:64.81%;
}

.colonne_1-4{
	width:20.83%;
}
.colonne_3-4{
	width:73.61%;
}

.colonne_1-5{
	width:16.25%;
}
.colonne_2-5{
	width:37.19%;
}

.colonne_3-5{
	width:53.44%;
}

.colonne_4-5{
	width:79.06%;
}

.grille {
	display: grid;
	grid-template-columns: 1fr repeat(12, minmax(5px, 110px)) 1fr;
	grid-gap: 5px;
	width: 100%;
}

.fin{
	margin-right:0;
}
/*colonne fin*/

/*---------- RGPD --------------*/
#sliding-popup.sliding-popup-top{
	background: #5d5c5c;
}

#sliding-popup .popup-content{
	display: flex;
    padding: 7px 0;
}

#sliding-popup .popup-content #popup-text{
	margin: auto 20px auto 0;
	max-width: initial;
	text-align: center;
}
#sliding-popup .popup-content #popup-buttons{
	margin: auto 0;
	min-width: 180px;
}

#sliding-popup .popup-content #popup-buttons button{
	margin: auto 10px;
    border: 1px solid #fff;
    padding: 5px 16px;
    border-radius: 0;
    background: #fff;
    color: #2f2f2f!important;
    font-weight: 700;
    font-size: 13px;
}
#sliding-popup .popup-content #popup-buttons button:hover{
	background:transparent;
	color:#fff!important;
	text-shadow: none;
	box-shadow: none;
}
/*----------RGPD fin-----------*/

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

[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;
}

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

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

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

.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 {
    display: inline-block;
    padding: 10px 30px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    border: 1px solid #b5d43b;
    border-radius: 0;
    border-radius: 40px;
    background-color: #b5d43b;
    background-image: none;
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
    margin-bottom: 10px;
}
input.form-submit:hover, .button:hover {
    background-color: #fff;
    border: 1px solid;
    color: #b5d43b;
}
/* Recherche */
.view-search-content{

}
/* --Siperfish modif --*/
div#block-mainnavigation {
    display: flex;
    align-items: center;
    width: calc(100% - 120px);
    z-index: 80;
}

ul#superfish-main {
	display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.1em;
}

ul#superfish-main li {
	background:none;
}
ul#superfish-main li > span.sf-depth-2{
    font-size: 14px;
    font-weight: 400;
    border-bottom: none;    
}

/*temporaire*/
/*itemp photo dans le menu*/
li#main-menu-link-content6a15ef91-993a-4aea-9ee3-475812d3f2bb li#main-menu-link-content954d45c2-594e-441e-95dc-6810268dcdc1{
    background-color: #eee !important;
}
li#main-menu-link-content6a15ef91-993a-4aea-9ee3-475812d3f2bb li#main-menu-link-content954d45c2-594e-441e-95dc-6810268dcdc1 > span{
    color: #bbb;
}
/*fin - item photo dans le menu*/

ul#superfish-main li a,
ul#superfish-main li a:visited,
ul#superfish-main li>span{
	background: none;
	border-radius: 0;
	text-shadow: none;
	font-weight: 600;
	color: #555;
	padding: 7px 10px;
	margin: 0;
	display: block;
	border:3px solid #fff;
	border-width:0 0 3px 0;
	cursor: pointer;
	
}

ul#superfish-main li a:hover,
ul#superfish-main li a:focus,
ul#superfish-main li a:active,
ul#superfish-main li>span:hover{
	background: none;
    color: #999;
    border-color: #999;
}
ul#superfish-main li a {
    font-size: 14px;
	font-weight: 400;
    border-bottom: none;
}
ul#superfish-main > li > a:hover{
	font-weight: 600;
}

div#block-mainnavigation .content,
div#block-mainnavigation .content > .ligne-block,
div#block-mainnavigation .content > .ligne-block > ul#superfish-main,
div#block-mainnavigation .content > .ligne-block > ul#superfish-main > li{
		height: 100%;
}
div#block-mainnavigation .content > .ligne-block > ul#superfish-main > li{
    display: flex;
    justify-content: center;
    align-items: center;

}
div#block-mainnavigation .content > .ligne-block > ul#superfish-main > li > ul{
    background-color: #fff;    
}

div#block-mainnavigation .content > .ligne-block > ul#superfish-main > li.menuparent > a{
	padding-right: 30px;
}

ul.sf-menu li:hover > ul,
ul.sf-menu li.sfHover > ul,
ul.sf-menu li > ul{
    top: 90px;    
}
ul.sf-menu li > ul{
	position: absolute;
	/*top: 90px !important;*/
	opacity: 0;
}
ul.sf-menu li > ul.sf-hidden{

}
ul.sf-menu li:hover > ul{
	top: 90px;
	opacity: 1;
}



ul.sf-menu li.menuparent > ul{
	/*background-color: #fff;*/
	box-shadow: none;
}
ul.sf-menu li.menuparent > ul > li > a{
    display: block;
    background-color: #fff;
    width: calc(100% - 40px);
    padding: 10px 10px 10px 30px;
    font-size: 13px;
    font-weight: 600;	
}
ul.sf-menu li > ul > li > a:before{
	display: none;
}


div#block-mainnavigation .content > .ligne-block > ul#superfish-main > li > a{
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}
div#block-mainnavigation .content > .ligne-block > ul#superfish-main li:hover a:before {
    height: calc(100% - 7px);
    transform: scaleY(1);
}
div#block-mainnavigation .content > .ligne-block > ul#superfish-main li a:before {
    content: "";
    transform: scaleY(0);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #e0c5b4;
    z-index: -1;
    transition: .3s;
}


li#main-menu-link-content95f6bc0b-de9a-4e1c-b13e-59357febe5f5 > a{
    max-height: calc(100% - 24px);
    height: 20px !important;    
}
li#main-menu-link-content95f6bc0b-de9a-4e1c-b13e-59357febe5f5 a:before{
    display: none;
}


/*Menu superfish /chirurgie esthétique*/
/*temp*/
/*
li#main-menu-link-content02cb81e5-870c-4319-aa25-1acb415d7cc4 > ul.sf-hidden{
    background: transparent !important;
    border: 0 none !important;
    clip: initial !important;
    position: absolute !important;
    height: initial !important;
    margin: initial !important;
    overflow: initial !important;
    padding: 0 !important;
    width: initial !important;
}
*/
/*fin - temp*/

li#main-menu-link-content02cb81e5-870c-4319-aa25-1acb415d7cc4 > ul{
    width: 70vw !important;
    position: fixed;
    left: 15vw;
    padding: 20px !important;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}
ul.sf-menu.sf-horizontal.sf-shadow ul,
ul.sf-menu.sf-vertical.sf-shadow ul,
ul.sf-menu.sf-navbar.sf-shadow ul ul {
    -webkit-box-shadow: 0px 6px 8px 0px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 6px 8px 0px rgb(0 0 0 / 8%);
    box-shadow: 0px 6px 8px 0px rgb(0 0 0 / 8%);
}

li#main-menu-link-content02cb81e5-870c-4319-aa25-1acb415d7cc4:hover > ul{

}


li#main-menu-link-content02cb81e5-870c-4319-aa25-1acb415d7cc4 > ul.sf-multicolumn > li,
li#main-menu-link-content02cb81e5-870c-4319-aa25-1acb415d7cc4 > ul.sf-multicolumn > li > ol{
    width: 100% !important;
}
li#main-menu-link-content02cb81e5-870c-4319-aa25-1acb415d7cc4 > ul.sf-multicolumn > li > ol{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
width: 100% !important;
}
li#main-menu-link-content02cb81e5-870c-4319-aa25-1acb415d7cc4 > ul.sf-multicolumn > li > ol > li{
    width: calc((100% / 3) - 30px) !important;
    padding: 15px;
}
li#main-menu-link-content02cb81e5-870c-4319-aa25-1acb415d7cc4 > ul.sf-multicolumn > li > ol > li > div{
    display: block;
    width: 100% !important;
}
li#main-menu-link-content02cb81e5-870c-4319-aa25-1acb415d7cc4 > ul.sf-multicolumn > li > ol > li > div > a{
    font-size: 1.1rem;
    font-weight: 600;
    color: #738e96;
    padding: 0;
    margin-bottom: 15px;
}
li#main-menu-link-content02cb81e5-870c-4319-aa25-1acb415d7cc4 > ul.sf-multicolumn > li > ol a{
    width: 100%;
}
li#main-menu-link-content02cb81e5-870c-4319-aa25-1acb415d7cc4 > ul.sf-multicolumn > li > ol a:before{
    display: none;
}

li#main-menu-link-content02cb81e5-870c-4319-aa25-1acb415d7cc4 > ul.sf-multicolumn > li > ol ol{
width: 100% !important;
}
li#main-menu-link-content02cb81e5-870c-4319-aa25-1acb415d7cc4 > ul.sf-multicolumn > li > ol ol > li{
    padding-left: 12px;
    border-left: 4px solid #809fa8;
}
li#main-menu-link-content02cb81e5-870c-4319-aa25-1acb415d7cc4 > ul.sf-multicolumn > li > ol ol > li:hover{
    padding-left: 18px;    
}

li#main-menu-link-content02cb81e5-870c-4319-aa25-1acb415d7cc4 > ul.sf-multicolumn > li > ol ol > li > a{

}



li.sf-depth-1 > ul.sf-multicolumn a:before{
    display: none;
}



ul.sf-menu .sf-sub-indicator:after{
    content: "";
    background-image: url(../images/gfx/picto_fleche-bottom_496A6D.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}










/*Menu secondaire*/
nav#block-menusecondaire {
    /*background-color: #809FA8;*/
    width: 100%;
}
nav#block-menusecondaire > .content > ul{
    padding: 0 0 0 10vw;
    display: flex;
    justify-content: space-between;
    width: calc(100% - 10vw);
}
nav#block-menusecondaire > .content > ul.clearfix:after{
	display: none;
}

nav#block-menusecondaire > .content > ul > li > a{
	padding: 0;
    background-color: transparent;
    text-shadow: none;
    color: #fff;
    font-size: 13px;
}
/*
nav#block-menusecondaire > .content > ul > li:last-child{
	padding-left: 1vw;
	background-color: #fff;
}
nav#block-menusecondaire > .content > ul > li:last-child a{
	color: #809FA8;;
}
*/
li#main-menu-link-content95f6bc0b-de9a-4e1c-b13e-59357febe5f5 > a{
	padding: 12px 24px 12px 40px !important;
    background-image: url(../images/gfx/picto_doctolib_FFFFFF.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 12px center !important;
    background-size: 20px !important;
    background-color: #738e96 !important;
    border-radius: 30px !important;
    color: #fff !important;
}

/*menu secondaire*/

div#block-menusecondaire{
    z-index: 20;
    display: none;
}
/*
div#block-menusecondaire .sf-accordion-toggle{

}
div#block-menusecondaire .sf-accordion-toggle a{
    background-image: url(../images/gfx/picto_plus-accordeon_FFFFFF.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-color: #738E96;
    display: block;
    border-radius: 20px;
    font-size: 0;
    margin: 0 55px 0 auto;
    top: -10px;
    position: relative;
}
div#block-menusecondaire .sf-accordion-toggle a.sf-expanded{
	background-image: url(../images/gfx/picto_moins-accordeon_FFFFFF.svg);
    position: absolute;
    top: -2px;
    right: 0;
    z-index: 80;
    background-color: #ffffff47;
}

div#block-menusecondaire .sf-accordion-toggle a:hover{
	top: -4px;
}

div#block-menusecondaire .sf-accordion-toggle a span{
	display: none;
}

div#block-menusecondaire ul.sf-menu.sf-accordion{
	display: flex;
    justify-content: center;
	width: 100% !important;
    background-color: #738e96e6;
    z-index: 60;
}
div#block-menusecondaire ul.sf-menu.sf-accordion > li{
	width: auto;
	margin: 0 20px;
}
div#block-menusecondaire ul.sf-menu.sf-accordion > li > a{
    font-size: 13px;
    border-radius: 30px;
    margin: 2px 0;
    background-color: #ffffff26;
    text-shadow: none;
    color: #fff;
    font-weight: 300;
}
div#block-menusecondaire ul.sf-menu.sf-accordion > li > a:hover{
	background-color: #ffffff4f;
}
*/

.region.region-breadcrumb{
    position: relative;
}
/*Champs de recherche*/
div#block-formulaireexposesearch-contentpage-1{
    position: absolute;
    top: 0px;
    height: 50px;
    right: 0;
	z-index: 900;
    padding: 0 50px 0 0;
	display: flex;
    align-items: center;
}
div#block-formulaireexposesearch-contentpage-1:hover {
    /*background-color: #fff;*/
    padding: 0 50px;
}

form#views-exposed-form-search-content-page-1 .form--inline {
    display: flex;
}
form#views-exposed-form-search-content-page-1 .form--inline > .form-item{
    position: relative;
    margin: auto 0;
    z-index: 80;
}
form#views-exposed-form-search-content-page-1 .form--inline > .form-item:before{
	content: "";
	width: 26px;
	height: 26px;
	background-image: url(../images/gfx/picto_recherche_E0C5B4.svg);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: calc(50% - 13px);
	top: calc(50% - 13px);
}
form#views-exposed-form-search-content-page-1:hover .form--inline > .form-item:before{
	background-image: none;
}

form#views-exposed-form-search-content-page-1 .form--inline > .form-item > label{
	display: none;
}
form#views-exposed-form-search-content-page-1 .form--inline > .form-item > input{
    width: 50px;
    height: 50px;
    border-radius: 25px;
    -webkit-box-shadow: 0px 0px 6px 3px rgb(0 0 0 / 7%);
    box-shadow: 0px 0px 6px 3px rgb(0 0 0 / 7%);
    border: none;	
}
form#views-exposed-form-search-content-page-1:hover .form--inline > .form-item > input{
	width: calc(100vw - 100px);
    border-radius: 0;
}

/*
form#views-exposed-form-search-content-page-1 .form--inline > div#edit-actions{
	display: none;
}
*/
form#views-exposed-form-search-content-page-1  .form--inline .form-actions{
    position: absolute;
    right: 50px;
    top: -24px;
}

form#views-exposed-form-search-content-page-1 .form--inline:hover > div#edit-actions{
    margin: 0;
    padding: 0;
    display: block;
    position: absolute;
    right: 60px;
    top: calc(50% - 25px);
}
/*
form#views-exposed-form-search-content-page-1 .form--inline > div#edit-actions > input{
	margin: 0;
    color: transparent;
    width: 40px;
    height: 40px;
    padding: 0;
}
*/
form#views-exposed-form-search-content-page-1 .form--inline > div#edit-actions{
	/*display: none;*/
	position: absolute;
    margin: 0;
    padding: 0;
    right: 50px;
    top: 0px;
    z-index: 40;
}
form#views-exposed-form-search-content-page-1:hover .form--inline > div#edit-actions{
position: absolute;
    margin: 0;
    padding: 0;
    right: 25px;
    top: 0px;
}
form#views-exposed-form-search-content-page-1 input.form-submit{
	margin: 0;
    color: transparent;
    width: 50px;
    height: 50px;
    padding: 0;
	background-color: #738e96;
    border: 1px solid #738e96;
    font-family: "Poppins";
background-image: url(../images/gfx/picto_fleche-right_FFFFFF.svg);
    background-position: 32px center;
    background-repeat: no-repeat;
}

div#block-asco-theme-search-form-narrow {
    position: absolute;
    top: 18px;
    right: 1vw;
    height: 30px;
    background-color: #fff;
    border-radius: 40px;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 5%);
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);
}
div#block-asco-theme-search-form-narrow form > .form-item{

}
div#block-asco-theme-search-form-narrow form{
padding: 0 0 0 10px;	
}
div#block-asco-theme-search-form-narrow form > .form-item > input{
    padding: 4px;
    border: none;
    margin: 0;
}
div#block-asco-theme-search-form-narrow form > .form-actions{

}
div#block-asco-theme-search-form-narrow form > .form-actions > input{
    background-image: url(../images/gfx/picto_recherche_D6D6D6.svg);
    margin: 0;
    height: 30px;
    border: none;
}

/*Fin - Menu secondaire*/


/* Actualités */
.view-actualites h2 {
	margin-bottom:30px;
	text-align:center;
}
.view-actualites .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
    width: calc(100% - 40vw);
    margin: 0 auto;
}
.view-actualites .views-row {
    margin-bottom: 30px;
	position:relative;
    width: 50%;
}
.view-actualites .views-row:nth-child(odd){
    width: calc(50% - 15px);
    margin-right: 15px;    
}
.view-actualites .views-row:nth-child(even){
    width: calc(50% - 15px);
    margin-left: 15px;    
}

.view-actualites .views-field-field-date-de-publication {
    background-color: #fff;
    color: #000;
    padding: 5px;
    position: absolute;
    text-align: center;
    width: 90px;
    font-size: 14px;
}
.view-actualites .views-field-title a {
    background-color: #2daed5;
    color: #000;
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 15px;
}
.view-actualites .views-field-title a:hover {
    background-color:#000;
	color: #2daed5;
}
/* Slideshow */
.flexslider {
    margin: 0;
    background: transparent;
    border: none;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
}
.flexslider ul li {
	display:flex !important;
	flex-wrap:wrap;
	justify-content:space-between;
}
.flexslider ul li > div {
	display:flex;
}
.flexslider ul li > div.views-field-body {
    width: 33.33%;
}
.flexslider ul li > div.views-field-field-image {
	width:66.66%
}
.flexslider ul li > div.views-field-field-image > div {
    margin: 0 0 0 auto;
}
.flexslider ul li > div > div {
	margin:auto;
}
/*---------- Effets fin --------------*/










/*Initialisation*/
.layout-container{
	max-width: 100vw;
}




/*Administration*/
div#block-asco-theme-primary-local-tasks {
	padding: 0;
    position: fixed;
    bottom: 0;
    z-index: 15;
    width: 100vw;
    background-color: #0f0f0fb3;
}
div#block-asco-theme-primary-local-tasks ul.tabs.primary {
    margin: -20px 0 0 0;
    padding: 10px 0 0 0;
}

div#main-wrapper > .layout-main{
	margin: 0;
}

form#user-login-form input.form-submit{
    border: 1px solid #738e96;
    background-color: #738e96;
}




/*Bandeau cookies*/
div#sliding-popup,
div#sliding-popup .eu-cookie-withdraw-banner,
.eu-cookie-withdraw-tab {
    background: #738e96;
}
#sliding-popup .popup-content{
    justify-content: space-between;    
}
#sliding-popup .popup-content #popup-text{
    text-align: left;
}
#sliding-popup .popup-content #popup-text > h2{
    font-size: 1.2rem !important;
}
#sliding-popup .popup-content #popup-text > p{

}
#sliding-popup .popup-content #popup-buttons{

}






*{
	transition: .3s;
	font-family: "Poppins";

}
h1{
	font-size: 4rem;
}
.main-content h2,
h2{
	font-size: 2rem !important;
	margin-bottom: 40px;
}
h3{
	font-size: 1.25rem;
}
p{
    font-size: 14px;
    line-height: 1.85em;
    text-align: justify;
}
p.avant-ul{
    margin-bottom: 0;
    text-decoration: underline;
    font-weight: 600;
}
p.important{
    padding: 25px;
    background-color: #f8e9da;
    border-radius: 12px;
}
p.encadre-vert{
    border: 2px solid #738e96;
    padding: 25px;
    border-radius: 12px;
    margin: 40px 0;
}
p.encadre-beige{
    border: 2px solid #f8e9da;
    padding: 25px;
    border-radius: 12px;
    margin: 40px 0;
}
p.etat-initial{
    border: none;
    padding: initial;
    border-radius: initial;
    margin: initial;
    background-color: initial;
    font-weight: initial;
    text-decoration: none;
    font-size: 14px;
}


a{
    font-size: 15px;
	border: none;
	display: inline-block;
}

ul{
    margin: 0 !important;
}




li > h3{
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 15px;
}
li > h3 > a{
    position: relative;
    display: block;
    color: #707070;
}
li > h3 > a:after {
    content: "";
    position: absolute;
    right: 0;
    top: 8px;
    width: 8px;
    height: 13px;
    background-image: url(../images/gfx/picto_fleche2-right_141414.svg);
    background-repeat: no-repeat;
}







/*Styles perso*/
.L_1col [class*="col_"] [class*="conteneur"]{
	padding: 0 10vw;
}
.L_2col{
	display: flex;
}
.L_2col > [class*="col_"]{
	display: flex;
	flex-wrap: wrap;
  align-items: center;
  width: 50%;
}
.L_2col > [class*="col_"]:first-child{

}
.L_2col > [class*="col_"]:last-child{

}
.L_2col > [class*="col_"].col_img:first-child{

}
.L_2col > [class*="col_"].col_img:last-child{

}
.L_2col > [class*="col_"].col_txt:first-child .conteneur_txt{
	padding: 0 50px 0 10vw;
}
.L_2col > [class*="col_"].col_txt:last-child .conteneur_txt{
	padding: 0 10vw 0 50px;
}


.L_2col > .col_img{
    position: sticky;
    max-height: 100vh;
    top: 0;
}
.col_img .conteneur_img{
	height: 100%;	
}

.L_2col > .col_img img{
    width: 100%;
    object-fit: cover;
    object-position: right center;
    max-width: initial;
    aspect-ratio: unset;
    height: 100%;
}

[class*="flex-"]{
	display: flex;
}
.flex-row{
	flex-direction: row;
}
.flex-column{
	flex-direction: column;
}

.L_2col > .col_contenus h4{
    font-weight: 700;
    text-decoration: underline;   
}

/*Fin - Styles perso*/


















/*Les pictos*/
a.picto-rdv{
	background-image: url(../images/gfx/picto_rdv_FFFFFF.svg);
}



/*Page d'accueil*/
header#header{
	background-color: transparent !important;
    background-image: none;
    position: fixed;
    top: 0;
    z-index: 900;
    width: 100%;	
}
.user-logged-in header#header{
    z-index: 40;
}


header#header .region-secondary-menu,
header#header .region-header{
	display: none;
}

header#header .region-primary-menu{
	display: flex;
    background-color: #F8E9DA;
    flex-wrap: wrap;
    justify-content: space-between;
    /*align-items: flex-end;*/
    height: 90px;
}
div#block-asco-theme-site-branding {
	position: absolute;
    height: 100%;
    top: 0;
    left: 5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 800;
}
div#block-asco-theme-site-branding .site-branding__text{
	display: none;
}
div#block-asco-theme-site-branding a.site-branding__logo{
	margin: 0;
}
div#block-asco-theme-site-branding a.site-branding__logo img{
	max-width: 70px;	
}




.path-frontpage .region-hero,
.path-frontpage .region-profil{
	height: 100vh;
}

/*
.path-frontpage [class*="region"] > div[id*="block"],
.path-frontpage [class*="region"] > div[id*="block"] > .content,
.path-frontpage [class*="region"] > div[id*="block"] > .content > .ligne-block,
.path-frontpage [class*="region"] > div[id*="block"] > .content > .ligne-block > div.field,
.path-frontpage [class*="region"] > div[id*="block"] > .content > .ligne-block > div.field > .ligne{
	height: 100vh;
}

div#block-mainnavigation{
	display: none;
}
*/





/*HP - Région HERO*/
div#block-herohp{
	/*background-image: url(../images/photo/photo-hero_hp.png);*/
}
div#block-herohp #myVideo {
    min-height: 100%;
    max-height: 100vh;
    width: 100%;
    min-width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}
div#block-herohp #myBtn {
  width: 200px;
  font-size: 18px;
  padding: 10px;
  border: none;
  background: #000;
  color: #fff;
  cursor: pointer;
}
div#block-herohp #myBtn:hover {
  background: #ddd;
  color: black;
}

div#block-herohp .conteneur-global > img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
}


div#block-herohp .conteneur-global > div.conteneur_txt{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100vw;
}
div#block-herohp .conteneur-global > div.conteneur_txt > h1{
	padding-left: 10vw;
	color: #fff;
}



div#block-herohp,
div#block-herohp > .content,
div#block-herohp > .content > .ligne-block,
div#block-herohp > .content > .ligne-block > div.field,
div#block-herohp > .content > .ligne-block > div.field > .ligne{
	height: 100%;
}
div#block-herohp > .content > .ligne-block > div.field > .ligne{
	display: flex;
	align-content: flex-end;
}

div#block-herohp .conteneur{

}
div#block-herohp .conteneur .bloc_txt{
	display: flex;
}


div#block-herohp .conteneur .bloc_txt a{
	display: none;
	position: relative;
	top: 0;
    width: 35px;
    height: 35px;
	background-color: #809FA8;
	background-size: 35px;
	background-repeat: no-repeat;
	background-position: center;
	padding: 40px;
	border-radius: 16px;
}
div#block-herohp .conteneur .bloc_txt a:hover{
	top: -20px;
}
div#block-herohp .conteneur .bloc_txt h1{
    margin-left: 10vw;
    /* padding-left: 70px; */
    /* border-left: 1px solid #fff; */
    color: #fff;
    margin-top: 0;
    line-height: 1.15em;
}

/*HP - Région PROFIL*/
div#block-profilhp,
div#block-profilhp > .content,
div#block-profilhp > .content > .ligne-block,
div#block-profilhp > .content > .ligne-block > div.field,
div#block-profilhp > .content > .ligne-block > div.field > .ligne{
	height: 100%;
}

div#block-profilhp,
div#block-parcoursdesoinshp {
    padding-top: 90px;
    height: calc(100% - 80px);
}

div#block-profilhp h2{
	border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

div#block-profilhp .conteneur_2col{
    display: flex;
    height: calc(100vh - 220px);
}
div#block-profilhp .conteneur_2col > .col_img{
	width: 34%;
	margin-right: 50px;
	background-image: url(../images/photo/webp/dr-mohcine-taizou-profil.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 16px;
}
div#block-profilhp .conteneur_2col > .col_img > .gr-btns{
    display: none;
}


div#block-profilhp .conteneur_2col > .col_txt{
	width: 66%;
}

div#block-profilhp .conteneur_2col > .col_txt .conteneur_quote{
	background-image: url(../images/gfx/picto_quote_E0C5B4.svg);
    background-size: 140px;
    background-repeat: no-repeat;
    background-position: 20px center;
}
.conteneur_quote .bloc_quote{
	padding-left: 100px;
	margin-bottom: 70px;
}
.conteneur_quote .bloc_quote a{
    padding: 8px 22px;
    background-color: #313131;
    color: #fff;
    text-align: center;
    border-radius: 30px;
}

div#block-profilhp .conteneur_2col > .col_txt .conteneur_blocs{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: calc(100% - 270px);
    margin-top: 60px;
    margin-bottom: 50px;
}
div#block-profilhp .conteneur_2col > .col_txt .conteneur_blocs > [class*="bloc_"]{
    background-color: #eee;
    border-radius: 16px;
    width: 22vw;
    min-width: 280px;
    /*height: 340px;*/
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-size: cover;
}
div#block-profilhp .conteneur_2col > .col_txt .conteneur_blocs > [class*="bloc_"] *{
	padding: 0 20px;
}
div#block-profilhp .conteneur_2col > .col_txt .conteneur_blocs > .bloc_chirurgie *{
	color: #fff;
}
div#block-profilhp .conteneur_2col > .col_txt .conteneur_blocs > .bloc_chirurgie{
    background: linear-gradient(to right, #0e0e0ed1, rgb(70 70 70 / 90%)), url(../images/photo/webp/AdobeStock_96935862.webp);
    background-size: cover;
    background-position: right;
    background-attachment: fixed;
    filter: grayscale(1);
    transition: .3s;
}
div#block-profilhp .conteneur_2col > .col_txt .conteneur_blocs > .bloc_chirurgie:hover{
        background: linear-gradient(to right, #0e0e0ed1, rgb(70 70 70 / 20%)), url(../images/photo/webp/AdobeStock_96935862.webp);
    filter: grayscale(0);
    background-position: right;
    background-attachment: fixed;
}


div#block-profilhp .conteneur_2col > .col_txt .conteneur_blocs > .bloc_medecine{
	background-color: #F8E9DA;
	background-image: url(../images/photo/webp/AdobeStock_199783080.webp);
}

div#block-profilhp .conteneur_2col > .col_txt .conteneur_blocs h3{

}
div#block-profilhp .conteneur_2col > .col_txt .conteneur_blocs a{
margin-bottom: 20px;
}


/*temp - Région Profil pour le web*/
.region-profil div[id*="block-hpprofilweb"]{

}

.region-profil div[id*="block-hpprofilweb"] .L_2col > [class*="col_"].col_txt:last-child .conteneur_txt{
    padding: 0 0 0 50px;
}

div[id*="block-hpprofilweb"] h2{
    font-size: 3.5rem !important;
    line-height: 4rem;
    margin-bottom: 0;
}
div[id*="block-hpprofilweb"] h3{
margin: 0 0 30px;    
}
div[id*="block-hpprofilweb"] p.quote{
position: relative;
    z-index: 20;
    font-weight: 700;
}
/*
div[id*="block-hpprofilweb"] p.quote:before{
    content: "";
    background-image: url(../images/gfx/picto_quote_E0C5B4.svg);
    background-size: 140px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: -90px;
    top: -20px;
    width: 140px;
    height: 140px;
    z-index: -1;
}
*/
div[id*="block-hpprofilweb"] p.quote > a{

}
div[id*="block-hpprofilweb"] p.quote > span{
    display: block;
    margin-top: 15px;
    font-weight: 400;
}

div[id*="block-hpprofilweb"] .gr-btns > p.btn{

}
div[id*="block-hpprofilweb"] .gr-btns > p.btn > a{
    padding: 8px 22px;
    background-color: #313131;
    color: #fff;
    text-align: center;
    border-radius: 30px;    
}
div[id*="block-hpprofilweb"] .gr-btns > p.btn.rdv > a{
    padding: 12px 24px 12px 40px !important;
    background-image: url(../images/gfx/picto_doctolib_FFFFFF.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 12px center !important;
    background-size: 20px !important;
    background-color: #738e96 !important;
    border-radius: 30px !important;
    color: #fff !important;
}


div[id*="block-hpprofilweb"] .L_2col{
    width: 100%;
    padding: 0 10vw 0 0;
}
div[id*="block-hpprofilweb"] .L_2col > [class*="col_"]{

}

div[id*="block-hpprofilweb"] .L_2col .col_img{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: calc(50% + 10vw - 24px);
    background-color: #F8E9DA;
    background-image: url(../images/photo/webp/AdobeStock_96935862.webp);
    background-blend-mode: overlay;
}
div[id*="block-hpprofilweb"] .L_2col .col_img > .conteneur_img{
    height: calc(100% - 250px);
    margin-top: 70px;    
}
div[id*="block-hpprofilweb"] .L_2col .col_img > .conteneur_img > img{
object-fit: contain;
    border-radius: 24px;
    width: auto;
    right: -24px;
    position: relative;
}

div[id*="block-hpprofilweb"] .L_2col .col_txt{
    width: calc(50% - 10vw + 24px);
}
/*fin*/







/*HP - Région Interventions*/
.region-interventions {
    height: 100vh;
    background-color: #F6F1EC;
}

/*intervention mobile sous 450px*/
div#block-interventionshpmobile{
	display: none;
}
#interventions {
    display: table;
    height: 100%;
    position: absolute;
    width: 100%;
    backface-visibility: hidden;
}
#interventions > div{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;  
}
#interventions .intervention {
    max-width: 100vw;
}
/**/



.region-profil div#block-profilhp{
    display: none !important;
}


div#block-profilhp,
div#block-profilhp > .content,
div#block-profilhp > .content > .ligne-block,
div#block-profilhp > .content > .ligne-block > div.field,
div#block-profilhp > .content > .ligne-block > div.field > .ligne{
	height: 100%;
}

div#block-profilhp > .content > .ligne-block > div.field .conteneur-global {
    padding: 0 10vw;
    width: 100%;
}
div#block-profilhp > .content > .ligne-block > div.field .conteneur-global > h3{
    display: none;
}













div#block-views-block-specialite-block-1 {
    padding-top: 90px;
    height: calc(100% - 80px);
}


.flexslider.optionset-carrousel{

}
.flexslider.optionset-carrousel .flex-viewport{
height: 80vh;
}
.flexslider.optionset-carrousel .flex-viewport ul.slides{
	display: flex;
}
.flexslider.optionset-carrousel .flex-viewport ul.slides li{
	width: 20vw !important;
	min-width: 250px;
    margin: 0 !important;
    position: relative;
    height: 80%;
}


.flexslider.optionset-carrousel .flex-viewport ul.slides li .views-field,
.flexslider.optionset-carrousel .flex-viewport ul.slides li .views-field > span.field-content{
	width: 100%;
}
.flexslider.optionset-carrousel .flex-viewport ul.slides li .views-field-name{
	position: absolute;
    bottom: 0;
    left: 0;
    z-index: 80;
}
.flexslider.optionset-carrousel .flex-viewport ul.slides li .views-field-name > span{

}
.flexslider.optionset-carrousel .flex-viewport ul.slides li .views-field-name > span a{

}

.flexslider.optionset-carrousel .flex-viewport ul.slides li .views-field-view{
opacity: 1;
z-index: 20;
}
.flexslider.optionset-carrousel .flex-viewport ul.slides li .views-field-view span.field-content{

}
.flexslider.optionset-carrousel .flex-viewport ul.slides li .views-field-view span.field-content .view-intervention{

}


.flexslider .col-specialite{
	height: 100%;
}
.flexslider .col-specialite > img{
    height: 100%;
    object-fit: cover;
    position: absolute;
    width: calc(100% - 2px);
    border-radius: 12px;
}


.path-frontpage .region-interventions > .block,
.path-frontpage .region-interventions > .block > .content,
.path-frontpage .region-interventions > .block > .content > .ligne-block,
.path-frontpage .region-interventions > .block > .content > .ligne-block > div,
.path-frontpage .region-interventions .view-specialite,
.path-frontpage .region-interventions .view-specialite > .view-content,
.path-frontpage .region-interventions .view-specialite > .view-content > div,
.path-frontpage .region-interventions .flexslider.optionset-carrousel{
	height: 100%;
}
.path-frontpage .region-interventions .flexslider.optionset-carrousel{
    display: flex;
    align-items: flex-end;
}
.flexslider.optionset-carrousel .flex-viewport {
    height: 100%;
}


.flexslider .col-specialite{

}
.flexslider.optionset-carrousel .flex-viewport ul.slides li.view-intervention {
    padding: 0px 15px;
}
.flexslider .col-specialite .conteneur_interventions {
    padding: 0px;
    z-index: 20;
    position: relative;
	margin: 0 auto;
    width: 90%;
    height: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
}

.conteneur_interventions .bloc_interventions{
    display: flex;
    flex-direction: column-reverse;
    height: calc(100% - 30px);
    width: 100%;
}
.conteneur_interventions .bloc_interventions > a{
	position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;	
	bottom: 30px;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
}
.flexslider.optionset-carrousel .flex-viewport ul.slides li:hover .bloc_interventions > a{
	position: relative;
	bottom: 0;
	margin-top: 15px;
	color: #fff;
	font-size: 22px;
	font-weight: 600;
}

.flexslider.optionset-carrousel .flex-viewport ul.slides li:hover .conteneur_interventions .bloc_interventions {
	background-color: #27272775;
    backdrop-filter: blur(15px);
    border-radius: 12px;
    display: flex;
    justify-content: center;
}
.flexslider.optionset-carrousel .flex-viewport ul.slides li:hover .views-field-name{
	position: relative;
}

.flexslider.optionset-carrousel .flex-viewport ul.slides li:hover .view-intervention {
    padding: 45px 15px;
}
.flexslider.optionset-carrousel .flex-viewport ul.slides li:hover .bloc_interventions .view-intervention .view-content{
	opacity: 1;
}


.flexslider .view-intervention .view-content{
    opacity: 0;
}
.flexslider .view-intervention .view-content .views-row{
	border-bottom: 1px solid #fff3;
    padding-bottom: 4px;
    margin-bottom: 15px;
}
.flexslider .view-intervention .view-content .views-row .views-field-title{

}
.flexslider .view-intervention .view-content .views-row .views-field-title span.field-content{

}
.flexslider .view-intervention .view-content .views-row .views-field-title span.field-content a{
	color: #fff;
font-size: 13px;
}
.flexslider .view-intervention .view-content .views-row .views-field-title span.field-content a:hover{
	padding-left: 4px;
	font-weight: 700;
}



.view-specialite .view-header{
	padding: 0 10vw;
	height: 15vh;
}
.view-specialite .view-header .conteneur_titre{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #2a2a2a;
}
.view-specialite .view-header .conteneur_titre h2{

}
.view-specialite .view-header .conteneur_titre p{
	display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}
.view-specialite .view-header .conteneur_titre p > a{
    padding: 8px 22px;
    background-color: #313131;
    color: #fff;
    text-align: center;
    border-radius: 30px;
}

.view-specialite > .view-content{
	height: 85vh;
}




/*fleches de défilement*/
.path-frontpage .region-interventions .flexslider.optionset-carrousel ul.flex-direction-nav{
	opacity: 1;
    display: none;
}
.path-frontpage .region-interventions .flexslider.optionset-carrousel:hover ul.flex-direction-nav{

}

.path-frontpage .flexslider ul.flex-direction-nav{
	position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 40px;
}
/*
ul.flex-direction-nav > li[class*="flex-nav"] > a{
    height: 100%;
    top: 0;
    background-color: #f6f1ec6b;
    color: transparent;
}
ul.flex-direction-nav > li[class*="flex-nav"] > a:before{
    top: calc(50% - 30px);
    position: absolute;	
}

.flexslider .flex-direction-nav a,
.flexslider:hover .flex-direction-nav a{
	display: block;
	opacity: 1;
}
.flexslider .flex-direction-nav a.flex-prev{
	left: 0;
}

.flexslider .flex-direction-nav a.flex-next{
	right: 0;
}
*/













/*Parcours de soins*/
.region-parcours-patient{
	height: 100vh;
}

div#block-parcoursdesoinshp {
    background: linear-gradient(180deg, rgba(255,255,255,0.7455357142857143) 60%, rgba(244,204,179,1) 100%), url(../images/photo/webp/AdobeStock_532736937.webp);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
div#block-parcoursdesoinshp .conteneur-global{
	width: 100%;
	height: calc(100vh - 90px);
}
div#block-parcoursdesoinshp .conteneur-global h2{
    border-bottom: 1px solid #3b3b3b;
    padding-bottom: 10px;
    margin-bottom: 60px;
    text-align: center;	
	height: 10%;
}
div#block-parcoursdesoinshp .conteneur_parcours{
    width: calc(100% - 20vw);
    /* height: 90%; */
    /* min-width: 350px; */
    /* max-width: 1200px; */
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
div#block-parcoursdesoinshp .conteneur_parcours .bloc_parcours{
    position: relative;
    height: 50vh;
    width: calc(25% - 8px);
    margin: 0 4px;
    border: 2px solid #eee;
    border-radius: 24px;
    background-color: #ffffff36;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-position: center;
}
div#block-parcoursdesoinshp .conteneur_parcours .bloc_parcours:hover > a{
    background-color: #ffffff00;
}

div#block-parcoursdesoinshp .conteneur_parcours .bloc_parcours > a{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffffff91;
    cursor: pointer;
}
div#block-parcoursdesoinshp .conteneur_parcours .bloc_parcours:first-child{
    margin-left: 0;
}
div#block-parcoursdesoinshp .conteneur_parcours .bloc_parcours:last-child{
    margin-right: 0;
}

div#block-parcoursdesoinshp .conteneur_parcours .bloc_parcours:first-child{
    background-image: url(../images/photo/webp/AdobeStock_266936504.webp);
}
div#block-parcoursdesoinshp .conteneur_parcours .bloc_parcours:nth-child(2){
    background-image: url(../images/photo/webp/AdobeStock_192712968.webp);
}
div#block-parcoursdesoinshp .conteneur_parcours .bloc_parcours:nth-child(3){
    background-image: url(../images/photo/webp/AdobeStock_243199243.webp);
}
div#block-parcoursdesoinshp .conteneur_parcours .bloc_parcours:nth-child(4){
    background-image: url(../images/photo/webp/AdobeStock_96935862.webp);
}


/*
div#block-parcoursdesoinshp .conteneur_parcours .bloc_parcours{
	display: flex;
    width: 100%;
    margin: 0 auto 30px auto;
    position: relative;
    max-height: calc(25% - 30px);
}
div#block-parcoursdesoinshp .conteneur_parcours .bloc_parcours:nth-child(even){
	justify-content: flex-end;	
}
div#block-parcoursdesoinshp .conteneur_parcours .bloc_parcours:nth-child(odd){
	justify-content: flex-start;
}
*/

div#block-parcoursdesoinshp .conteneur_parcours .bloc_parcours p.etape{
	font-size: 60px;
    line-height: 1;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    aspect-ratio: 1/1;
    background-color: #ebc9b3;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    top: -35px;
    position: relative;
}
div#block-parcoursdesoinshp .conteneur_parcours .bloc_parcours p.etape > span{
    font-size: 15px;
    display: block;
    line-height: 1;
    text-transform: uppercase;
    display: none;
}
div#block-parcoursdesoinshp .conteneur_parcours .bloc_parcours .conteneur_txt{
	/*margin-left: 40px;*/
    border-bottom: 1px solid #ebc9b3;
    z-index: 70;
    background-color: #fff;
    padding: 22px 0;
}
div#block-parcoursdesoinshp .conteneur_parcours .bloc_parcours h3{
	margin-top: 0;
	line-height: 1;
    text-align: center;
}
div#block-parcoursdesoinshp .conteneur_parcours .bloc_parcours p{
	margin-bottom: 10px;
}


/*Region Footer HP*/
footer.site-footer{
    display: none;
}

.region-footer,
div#block-footerhp{
height: 100vh;	
}

div#block-footerhp .content .field--name-body{

}
div#block-footerhp .content .field--name-body > .ligne,
.field--name-field-pied-de-page > .ligne{
	max-width: 100vw;
}
div#block-footerhp .conteneur-global,
.field--name-field-pied-de-page .conteneur-global{
	width: 100%;
}

div#block-footerhp .conteneur-global > [class*="L_"],
.field--name-field-pied-de-page .conteneur-global > [class*="L_"]{
	padding: 0 10vw;
}
div#block-footerhp .conteneur-global > .L_1col:first-child,
.field--name-field-pied-de-page .conteneur-global > .L_1col:first-child{
    background-image: url(../images/photo/photo-bg_instagram-hp.png);
    position: absolute;
    top: 0;
    width: 80%;
    height: 35vh;
}
div#block-footerhp .conteneur-global > .L_1col:first-child .conteneur-instagram,
.field--name-field-pied-de-page .conteneur-global > .L_1col:first-child .conteneur-instagram{
	border-bottom: 1px solid #fff;
}
div#block-footerhp .conteneur-global > .L_1col:first-child .conteneur-instagram .bloc_titre,
.field--name-field-pied-de-page .conteneur-global > .L_1col:first-child .conteneur-instagram .bloc_titre{
	position: relative;
}
div#block-footerhp .conteneur-global > .L_1col:first-child .conteneur-instagram .bloc_titre h2,
.field--name-field-pied-de-page .conteneur-global > .L_1col:first-child .conteneur-instagram .bloc_titre h2{
	color: #fff;
}
div#block-footerhp .conteneur-global > .L_1col:first-child .conteneur-instagram .bloc_titre a,
.field--name-field-pied-de-page .conteneur-global > .L_1col:first-child .conteneur-instagram .bloc_titre a{
	background-color: #313131;
	color: #fff;
    padding: 15px;
    position: absolute;
    right: 0;
    bottom: 5px;	
}

.conteneur-instagram .bloc_flux .eapps-instagram-feed-content .eapps-instagram-feed-header-container,
.conteneur-instagram .bloc_flux .eapps-instagram-feed-title-container{
	display: none;
}


div#block-footerhp .conteneur-global > .L_2col{
    /*height: 100vh;*/
    padding: 0;
}
.field--name-field-pied-de-page .conteneur-global > .L_2col{
    padding: 0;	
}

div#block-footerhp .conteneur-global > .L_2col > [class*="col-"],
.field--name-field-pied-de-page .conteneur-global > .L_2col > [class*="col-"]{
	padding: 20vh 25px;
}

div#block-footerhp .conteneur-global > .L_2col > .col-contact,
.field--name-field-pied-de-page .conteneur-global > .L_2col > .col-contact{
    width: calc(40% - 50px);
    background-color: #F4CCB3;
}
.field--name-field-pied-de-page .conteneur-global > .L_2col > [class*="col-"]{
	padding: 50px 25px;
	min-height: 450px;
}
.field--name-field-pied-de-page .conteneur-global > .L_2col > [class*="col-"] p{
	text-align: center;
}

div#block-footerhp .conteneur-global > .L_2col > .col-contact .bloc_btns,
.field--name-field-pied-de-page .conteneur-global > .L_2col > .col-contact .bloc_btns{
	/*
	display: flex;
    justify-content: space-between;
    max-width: 350px;
    margin: 0 auto;
    */
	display: flex;
    justify-content: center;
}
div#block-footerhp .conteneur-global > .L_2col > .col-contact .bloc_btns > a,
.field--name-field-pied-de-page .conteneur-global > .L_2col > .col-contact .bloc_btns > a{
	/*
	position: relative;
    top: 60px;
    width: 130px;
    text-align: center;
    color: #000C0F;
    */
    color: #fff;
    padding: 8px 33px;
}
.L_2col > .col-contact .bloc_btns > a > span{
    display: none;
}



div#block-footerhp .conteneur-global > .L_2col > .col-contact .bloc_btns > a:before,
.field--name-field-pied-de-page .conteneur-global > .L_2col > .col-contact .bloc_btns > a:before{
    content: "";
    /*
    position: absolute;
    left: calc(50% - 25px);
    top: -60px;
    width: 50px;
    height: 50px;
    */
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 12px;
    background-size: 20px;
}
a.picto-telephone:before{
	background-image: url(../images/gfx/picto_telephone_FFFFFF.svg);
	background-color: #141414;
}
a.picto-mail:before{
	background-image: url(../images/gfx/picto_mail_FFFFFF.svg);
	background-color: #F8E9DA;
}
a.picto-doctolib:before{
	background-image: url(../images/gfx/picto_doctolib_FFFFFF.svg);
	background-color: #809FA8;
}

.col-contact .bloc_btns a.picto-doctolib{
background-color: #809FA8;
    padding: 8px 33px 8px 70px;
    border-radius: 22px;
}


div#block-footerhp .conteneur-global > .L_2col > .col-lieux,
.field--name-field-pied-de-page .conteneur-global > .L_2col > .col-lieux{
    width: calc(60% - 50px);
}
div#block-footerhp .conteneur-global > .L_2col > .col-lieux .bloc-consultation,
.field--name-field-pied-de-page .conteneur-global > .L_2col > .col-lieux .bloc-consultation{
	display: flex;
    flex-direction: column;	
}
div#block-footerhp .conteneur-global > .L_2col > .col-lieux .bloc-consultation > p{
	position: relative;
	margin-top: 70px;
}
/*
div#block-footerhp .conteneur-global > .L_2col > .col-lieux .bloc-consultation > p:before,
.field--name-field-pied-de-page .conteneur-global > .L_2col > .col-lieux .bloc-consultation > p:before{
	content: "";
	width: 70px;
	height: 70px;
    background-repeat: no-repeat;
    background-position: center;
	background-image: url(../images/gfx/picto_lieux_0B223D.svg);
    position: absolute;
    left: calc(50% - 35px);
    top: -70px;
}
*/
div#block-footerhp .conteneur-global > .L_2col > .col-lieux .bloc-consultation > a,
.field--name-field-pied-de-page .conteneur-global > .L_2col > .col-lieux .bloc-consultation > a{
	background-color: #313131;
    color: #fff;
    padding: 15px;
    display: inline-block;
    margin: 0 auto;	
}

div#block-footerhp .conteneur-global > .L_2col > [class*="col-"] h2,
div#block-footerhp .conteneur-global > .L_2col > [class*="col-"] .conteneur_txt h3,
div#block-footerhp .conteneur-global > .L_2col > [class*="col-"] .conteneur_txt p{
	text-align: center;
    margin: 0 0 20px;
    height: 60px;
}
div#block-footerhp .conteneur-global > .L_2col > .col-lieux .conteneur_txt,
.field--name-field-pied-de-page .conteneur-global > .L_2col > .col-lieux .conteneur_txt{
	justify-content: space-around;	
}

div#block-footerhp .conteneur-global > .L_2col > [class*="col-"] h3,
.field--name-field-pied-de-page .conteneur-global > .L_2col > [class*="col-"] h3{
	text-align: center;
}
div#block-footerhp .conteneur-global > .L_2col > [class*="col-"] h4,
.field--name-field-pied-de-page .conteneur-global > .L_2col > [class*="col-"] h4{
    text-align: center;
    font-weight: 500;
    font-size: 22px;
    margin: 0 0 10px;
}


div#block-footerhp .conteneur-global > .L_1col:last-of-type,
.field--name-field-pied-de-page .conteneur-global > .L_1col:last-of-type,
.path-taxonomy div#block-footerhp-2 .conteneur-global .L_1col{
    position: absolute;
    bottom: 0;
    width: 80%;
    height: 70px;
    background-color: #F8E9DA;
    display: flex;
    align-items: center;
}

div#block-footerhp .conteneur-pied,
.field--name-field-pied-de-page .conteneur-pied,
.path-taxonomy div#block-footerhp-2 .conteneur-global .L_1col .conteneur-pied{
	display: flex;
	justify-content: space-between;
	width: 100%;
}
div#block-footerhp .conteneur-pied a.picto-logo,
.field--name-field-pied-de-page .conteneur-pied a.picto-logo,
.path-taxonomy div#block-footerhp-2 .conteneur-global .L_1col .conteneur-pied a.picto-logo{
    position: relative;
    padding-left: 80px;
    color: #000;
    display: flex;
    align-items: center;
}
div#block-footerhp .conteneur-pied a.picto-logo:before,
.field--name-field-pied-de-page .conteneur-pied a.picto-logo:before,
.path-taxonomy div#block-footerhp-2 .conteneur-global .L_1col .conteneur-pied a.picto-logo:before{
	content: "";
	width: 70px;
	height: 70px;
	background-image: url(../images/gfx/logo_mohcine-taizou.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: calc(50% - 35px);
	mix-blend-mode: darken;
}

div#block-footerhp .conteneur-pied .bloc_btns,
.field--name-field-pied-de-page .conteneur-pied .bloc_btns,
.path-taxonomy div#block-footerhp-2 .conteneur-global .L_1col .conteneur-pied .bloc_btns{
	display: flex;
    flex-wrap: wrap;
}
/*
div#block-footerhp .conteneur-pied .bloc_btns a,
.field--name-field-pied-de-page .conteneur-pied .bloc_btns a,
.path-taxonomy div#block-footerhp-2 .conteneur-global .L_1col .conteneur-pied .bloc_btns a{
	display: block;
	width: 30px;
    height: 30px;
    margin-left: 20px;
    background-color: #6B858D;
    border-radius: 15px;
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
}
*/
a.picto-youtube{
	background-image: url(../images/gfx/picto_youtube_FFFFFF.svg);
}
a.picto-linkedin{
	background-image: url(../images/gfx/picto_linkedin_FFFFFF.svg);	
}

div#block-footerhp .conteneur-pied .bloc_btns a,
.field--name-field-pied-de-page .conteneur-pied .bloc_btns a,
.path-taxonomy div#block-footerhp-2 .conteneur-global .L_1col .conteneur-pied .bloc_btns a{
    font-size: .7rem;
    margin-left: 12px;
    color: black;
}
div#block-footerhp .conteneur-pied .bloc_btns a:hover,
.field--name-field-pied-de-page .conteneur-pied .bloc_btns a:hover,
.path-taxonomy div#block-footerhp-2 .conteneur-global .L_1col .conteneur-pied .bloc_btns a:hover{
    text-decoration: underline;
}


.page-node-74 .S_principale,
.page-node-75 .S_principale,
.page-node-76 .S_principale{
    padding: 0 10vw;
}
.S_principale .field--name-body .field__item > .ligne *{
    width: 100%;
    text-align: left;
}



/*Footer & Section Lieux*/
div#block-footerhp .conteneur-global > .L_2col > .col-contact,
.field--name-field-pied-de-page .conteneur-global > .L_2col > .col-contact{
    width: 40%;
}
div#block-footerhp .conteneur-global > .L_2col > .col-contact .bloc_btns,
.field--name-field-pied-de-page .conteneur-global > .L_2col > .col-contact .bloc_btns{
    flex-direction: column;
    align-items: center;
}

div#block-footerhp .conteneur-global > .L_2col > .col-lieux,
.field--name-field-pied-de-page .conteneur-global > .L_2col > .col-lieux{
    width: 60%;
}

div#block-footerhp .conteneur-global > .L_2col > [class*="col-"] h2,
.field--name-field-pied-de-page .conteneur-global > .L_2col > [class*="col-"] h2{
    display: none;
}
div#block-footerhp .conteneur-global > .L_2col > [class*="col-"],
.field--name-field-pied-de-page .conteneur-global > .L_2col > [class*="col-"]{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
}
div#block-footerhp .conteneur-global > .L_2col > .col-lieux .conteneur_txt,
.field--name-field-pied-de-page .conteneur-global > .L_2col > .col-lieux .conteneur_txt{
    height: 100%;
    display: flex;
    align-items: center;
}
div#block-footerhp .conteneur-global > .L_2col > .col-lieux .conteneur_txt > .bloc-consultation,
.field--name-field-pied-de-page .conteneur-global > .L_2col > .col-lieux .conteneur_txt > .bloc-consultation{
    width: 100%;
    min-height: 450px;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
div#block-footerhp .conteneur-global > .L_2col > .col-lieux .conteneur_txt > .bloc-consultation:first-child,
.field--name-field-pied-de-page .conteneur-global > .L_2col > .col-lieux .conteneur_txt > .bloc-consultation:first-child{
    background-image: url(../images/photo/webp/AdobeStock_192712968_filtre.webp);
}
div#block-footerhp .conteneur-global > .L_2col > .col-lieux .conteneur_txt > .bloc-consultation:last-child,
.field--name-field-pied-de-page .conteneur-global > .L_2col > .col-lieux .conteneur_txt > .bloc-consultation:last-child{
    background-image: url(../images/photo/webp/clinique-sainte-anne_filtre.webp);
}
div#block-footerhp .conteneur-global > .L_2col > [class*="col-"] .conteneur_txt p.telephone > a,
.field--name-field-pied-de-page .conteneur-global > .L_2col > [class*="col-"] .conteneur_txt p.telephone > a{

}
div#block-footerhp .conteneur-global > .L_2col > .col-lieux .bloc-consultation > a,
.field--name-field-pied-de-page .conteneur-global > .L_2col > .col-lieux .bloc-consultation > a{
    border-radius: 30px;
    padding: 8px 33px;
    background-color: #809fa8;
}


.path-frontpage div#block-footerhp .conteneur-global > .L_2col > .col-lieux [class*="bloc-"]{
    align-items: center;
}
.path-frontpage div#block-footerhp .field--name-body .conteneur_instagram,
.path-frontpage div#block-footerhp .field--name-body .conteneur-global{
    max-height: 50vh;
}
.path-frontpage div#block-footerhp .field--name-body .conteneur_instagram{
    width: 100%;
}




/*TDC Interventions = .page-node-type-interventions*/
.page-node-type-interventions .region-breadcrumb{
    position: absolute;
    width: 100%;
    padding: 0;
    z-index: 50;
    top: 15vh;
}
div#block-asco-theme-breadcrumbs{

}
nav.breadcrumb{
	margin-top: 50px;
}
nav.breadcrumb ol{
	text-align: center;
}
nav.breadcrumb ol > li{

}
nav.breadcrumb ol > li:before{
    content: "/";
}
nav.breadcrumb ol > li:last-child,
nav.breadcrumb ol > li > a{
	font-size: 13px;
	color: #333;
}
nav.breadcrumb ol > li > a:hover{
    text-decoration: underline;
    color: #738e96;
}

div#block-asco-theme-page-title{

}
div#block-asco-theme-page-title h1{
	font-size: 4rem;
	text-align: center;
	margin-top: 0;
}


.page-node-type-interventions .S_hero{
	position: relative;
    display: flex;
    flex-direction: column;
    padding-top: 300px;
    background-image: url(../images/photo/webp/img-hero_chirurgie-ventre.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.page-node-type-interventions .S_hero:before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255,255,255,0.9444152661064426) 0%, rgba(255,255,255,0.9444152661064426) 100%);
    position: absolute;
    top: 0;
    left: 0;
}
.page-node-type-interventions .S_hero > *{
	z-index: 50;
}


.page-node-type-interventions .S_hero .field--name-field-photo-principale{
    margin: 0 5vw;
}
.page-node-type-interventions .S_hero .field--name-field-photo-principale img{
	width: 100%;
}

.page-node-type-interventions .S_hero .gr_en-bref{
    display: flex;
    justify-content: space-between;
	margin: 50px 5vw;
}
.page-node-type-interventions .S_hero .gr_en-bref > *{
	width: calc((100% / 6) - 60px);
    border-right: 1px solid #3333333b;
    padding-left: 30px;
    padding-right: 30px;
}
.page-node-type-interventions .S_hero .gr_en-bref > *:first-child {
    padding-left: 0;
	width: calc((100% / 6) - 30px);
}
.page-node-type-interventions .S_hero .gr_en-bref > *:last-child {
	border-right: none;
	padding-right: 0;
	width: calc((100% / 6) - 30px);
}

p.note{
	font-size: 11px;
}

.page-node-type-interventions .S_hero .gr_en-bref > *:last-child > .ligne{
	height: 100%;
}
.gr_en-bref .conteneur_blocs {
    width: 100%;
    height: 100%;
    display: flex;
}
.gr_en-bref .conteneur_blocs [class*="bloc_"]{
	width: 100px;
    height: 100px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px;
}
.gr_en-bref .conteneur_blocs [class*="bloc_"]:hover {
    transform: scale(.95);
    border-radius: 50px;
}
.gr_en-bref .conteneur_blocs [class*="bloc_"] a{
    width: 100%;
    height: 100%;	
}

.gr_en-bref .conteneur_blocs .bloc_photo{
	background-color: #F4CCB3;
	background-image: url(../images/gfx/picto_photo_FFFFFF.svg);
}
.gr_en-bref .conteneur_blocs .bloc_rdv{
	background-color: #809FA8;
	background-image: url(../images/gfx/picto_rdv_FFFFFF.svg);
}



.page-node-type-interventions [class*="field--name-field-corps-"]{

}
.page-node-type-interventions .field--name-field-corps-1-qu-est-ce-que .col_img{
	background-color: #F6E5D3;
	display: flex;
    align-items: flex-end;
}
.page-node-type-interventions .field--name-field-corps-1-qu-est-ce-que .col_img .conteneur_img{
    width: calc(100% - 10vw);
    height: calc(100% - 5vw);	
}
.page-node-type-interventions .field--name-field-corps-1-qu-est-ce-que .col_img img{
	
}

.page-node-type-interventions .field--name-field-corps-1-qu-est-ce-que{

}
.page-node-type-interventions .field--name-field-corps-1-qu-est-ce-que .col_contenus p,
.page-node-type-interventions .field--name-field-corps-1-qu-est-ce-que .col_contenus li{
    font-size: 14px;
}


/*Zone 2 colonne fixe pour page intervention longue (cf. augmentation mammaire prothèses)*/
.field--name-field-corps-1-qu-est-ce-que > .field__item_2 .L_2col{

}

/*La colonne fixe*/
.L_2col > .col_fixe{
    position: sticky;
    top: 0;
    height: 100vh;
    margin: 0 50px;
    width: calc(50% - 10vw - 50px);
}
.L_2col > .col_fixe .bloc_fixe .ckeditor-accordion-container {
    -webkit-box-shadow: 0px 4px 15px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 15px 1px rgba(0,0,0,0.1);
}

.L_2col > .col_fixe .bloc_fixe .ckeditor-accordion-container > dl dt.active,
.L_2col > .col_fixe .bloc_fixe .ckeditor-accordion-container > dl dd.active{
    background-color: transparent;
}
.L_2col > .col_fixe .bloc_fixe .conteneur_txt > h4 a,
.L_2col > .col_fixe .bloc_fixe .ckeditor-accordion-container > dl dt.active > a{
    color: #333;
    font-size: .88rem;
    font-weight: 700;
}
.L_2col > .col_fixe .bloc_fixe .ckeditor-accordion-container > dl dt.active > a{
    padding-bottom: 10px;
    background-color: #F8E9DA;
}
.L_2col > .col_fixe .bloc_fixe .ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle {
    top: calc(50% - 2px);
}
.L_2col > .col_fixe .bloc_fixe .ckeditor-accordion-container > dl dd.active{
    padding-top: 0;
}
.L_2col > .col_fixe .bloc_fixe .ckeditor-accordion-container > dl dd.active ul.liste-ancres{
    margin: 4px 0;
}

.L_2col > .col_fixe .bloc_fixe .ckeditor-accordion-container > dl dd ul.liste-ancres > li{
    padding-bottom: 4px;
    border-bottom: 1px solid #F8F8F8;
    margin-top: 2px;
}
.L_2col > .col_fixe .bloc_fixe .ckeditor-accordion-container > dl dd ul.liste-ancres > li > a{
    color: #333;
}

.L_2col > .col_fixe .bloc_fixe .conteneur_txt > h4{
    border-bottom: 1px solid #333;
    padding: 4px 0 12px 26px;
    margin-top: 0;
    background-repeat: no-repeat;
    background-position: 6px 10px;
}
.L_2col > .col_fixe .bloc_fixe .conteneur_txt > h4:hover > a{
    transform: translateX(10px);
}

.L_2col > .col_fixe .bloc_fixe .conteneur_txt > h4.deroulement-intervention{
    background-image: url(../images/gfx/picto_deroulement-intervention_809FA8.svg);
}
.L_2col > .col_fixe .bloc_fixe .conteneur_txt > h4.resultat-intervention{
    background-image: url(../images/gfx/picto_resultat-intervention_809FA8.svg);
}
.L_2col > .col_fixe .bloc_fixe .conteneur_txt > h4.complications-intervention{
    background-image: url(../images/gfx/picto_complications-intervention_809FA8.svg);
}
.L_2col > .col_fixe .bloc_fixe .conteneur_txt > h4.faq-intervention{
    background-image: url(../images/gfx/picto_faq-intervention_809FA8.svg);
}
.L_2col > .col_fixe .bloc_fixe .conteneur_txt > h4.prendre-rendez-vous{
    background-image: url(../images/gfx/picto_rdv-intervention_FFFFFF.svg);
}

.L_2col > .col_fixe .bloc_fixe .conteneur_txt > h4.prendre-rendez-vous{
    background-color: #738e96;
    border-bottom: none;
    border-radius: 30px;
    display: inline-block;
    padding: 8px 22px 8px 44px;
    background-position: 18px;
}
.L_2col > .col_fixe .bloc_fixe .conteneur_txt > h4.prendre-rendez-vous:hover > a{
    transform: none;
}
.L_2col > .col_fixe .bloc_fixe .conteneur_txt > h4.prendre-rendez-vous > a{
    color: #fff;
}

/*fin - colonne fixe*/

.col_contenus h3{
    background-color: #F6E5D3;
    font-weight: 700;
    border-radius: 26px;
    padding: 12px;
}


/*déroulement de l'intervention*/
.gr_deroulement .horizontal-tabs{
    width: calc(80vw - 60px);
    margin: 40px auto;
    padding: 30px;
    border-radius: 30px;
	-webkit-box-shadow: 0px 5px 15px 12px rgba(0,0,0,0.06); 
	box-shadow: 0px 5px 15px 12px rgba(0,0,0,0.06);
    background-color: #fff;
}
/*
.gr_deroulement .horizontal-tabs:before {
    content: "Déroulement de l'intervention";
    font-size: 38px;
    position: relative;
    display: block;
    margin: 0 auto 20px;
    text-align: center;
}
*/

.gr_deroulement .horizontal-tabs ul.horizontal-tabs-list{
	justify-content: space-between;
}
.gr_deroulement .horizontal-tabs ul.horizontal-tabs-list li,
.gr_deroulement .horizontal-tabs details > summary{
	height: 80px;
    width: calc((100% / 4) - 1px);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F6E5D3;
}
.gr_deroulement .horizontal-tabs details > summary{
    width: 100%;
    font-weight: 600;
}

li.horizontal-tab-button.horizontal-tab-button-0,
.gr_deroulement .horizontal-tabs details#edit-group-avant-intervention > summary {
    background-image: url(../images/gfx/etape1.svg);
}
li.horizontal-tab-button.horizontal-tab-button-1,
.gr_deroulement .horizontal-tabs details#edit-group-pendant-intervention > summary {
    background-image: url(../images/gfx/etape2.svg);
}
li.horizontal-tab-button.horizontal-tab-button-2,
.gr_deroulement .horizontal-tabs details#edit-group-hospitalisation > summary{
    background-image: url(../images/gfx/etape3.svg);
}
li.horizontal-tab-button.horizontal-tab-button-3,
.gr_deroulement .horizontal-tabs details#edit-group-consignes-post-op > summary{
    background-image: url(../images/gfx/etape4.svg);
}

li.horizontal-tab-button.horizontal-tab-button-0.selected {
    background-image: url(../images/gfx/etape1-selected.svg);
}
li.horizontal-tab-button.horizontal-tab-button-1.selected {
    background-image: url(../images/gfx/etape2-selected.svg);
}
li.horizontal-tab-button.horizontal-tab-button-2.selected {
    background-image: url(../images/gfx/etape3-selected.svg);
}
li.horizontal-tab-button.horizontal-tab-button-3.selected {
    background-image: url(../images/gfx/etape4-selected.svg);
}


.gr_deroulement .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button.selected{
	background-color: #809FA8;
}

.gr_deroulement .horizontal-tabs ul.horizontal-tabs-list li a{
	color: #28282A;
}
.gr_deroulement .horizontal-tabs ul.horizontal-tabs-list li a:hover{
	background-color: transparent;
}
.gr_deroulement .horizontal-tabs ul.horizontal-tabs-list  li.horizontal-tab-button.selected a{
	color: #fff;
}

.gr_deroulement .horizontal-tabs .horizontal-tabs-panes{

}


.gr_deroulement .horizontal-tabs .horizontal-tabs-panes > [class*="onglet_"],
.gr_deroulement .horizontal-tabs .horizontal-tabs-panes > [class*="onglet_"] > .details-wrapper{
	padding: 0;
}

.gr_deroulement .L_2col [class*="col_"] {
    max-height: 600px;
    padding-left: 50px;
}
.gr_deroulement .L_2col > [class*="col_"]:last-child{
    overflow-y: scroll;
    padding-right: 50px;
    padding-left: 0;
}

.gr_deroulement .L_2col > .col_txt:first-child{
    align-items: flex-start;	
}
.gr_deroulement .L_2col > .col_txt:first-child .conteneur_txt {
    padding: 0 50px 0 0;
}

.gr_deroulement .L_2col > .col_txt:last-child .conteneur_txt{
	padding: 0 !important;
    width: 100%;
}

.gr_deroulement .L_1col > .col_txt{
    align-items: flex-start;		
}
.gr_deroulement .L_1col > .col_txt  .conteneur_txt{
	padding: 0;		
}


.gr_deroulement h4{
    font-size: 20px;
    font-weight: 600;
    color: #809fa8;
    padding-top: 30px;
}

.gr_deroulement .col_ancres {
    align-items: flex-start;
}
.gr_deroulement .col_ancres .conteneur_ancres{
    padding-right: 50px;	
}
.gr_deroulement .col_ancres .conteneur_ancres ul{

}
.gr_deroulement .col_ancres .conteneur_ancres ul li{
	padding: 12px 0;
}
.gr_deroulement .col_ancres .conteneur_ancres ul li a{
	font-size: 16px;
    color: #c3c3c3;
}
.gr_deroulement .col_ancres .conteneur_ancres ul li a:hover{
	color: #809fa8;
}



/*Après l'hospitalisation (consignes post opératoires*/
.field--name-field-corps-4-hospitalisation .L_1col h3{
    
}
.field--name-field-corps-4-hospitalisation .L_1col h3 > span{
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #809fa8;    
}
.field--name-field-corps-4-hospitalisation .L_1col ul.ancres{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    position: sticky;
    top: 90px;
    border-bottom: 1px solid #eee;
    padding-bottom: 6px;
    background-color: #fff;
}
.field--name-field-corps-4-hospitalisation .L_1col ul.ancres > li{
    list-style: none;
    margin-right: 15px;
    margin-top: 4px;
}
.field--name-field-corps-4-hospitalisation .L_1col ul.ancres > li:last-child{
    margin-right: 0;
}
.field--name-field-corps-4-hospitalisation .L_1col ul.ancres > li > a{
    padding: 4px 15px;
    background-color: #eee;
    border-radius: 8px;
    color: #333; 
}
.field--name-field-corps-4-hospitalisation .L_1col ul.ancres > li > a:hover{
    background-color: #f6e5d3;
    font-weight: 500;
}















/*Champs résultat*/
.field--name-field-corps-6-resultat {
    width: 80vw;
    margin: 40px auto;
    border-radius: 30px;
    -webkit-box-shadow: 0px 5px 15px 12px rgb(0 0 0 / 6%);
    box-shadow: 0px 5px 15px 12px rgb(0 0 0 / 6%);
    border: 1px solid #ccc;
    background-color: #F8E9DA;
}
.field--name-field-corps-6-resultat img{
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}

.field--name-field-corps-6-resultat .col_txt > .conteneur_txt > p:last-child > a{
    display: none;
}



/*Champs Corps 7 (spécifique pour médecine esthétique)*/
.field--name-field-corps-7 h3{
    display: inline-block;
    background-color: #F6E5D3;
    font-weight: 700;
    border-radius: 26px;
    padding: 12px;    
}







/*Block personnalisés
Footer HP = .field--name-field-pied-de-page
}
*/
.field--name-field-pied-de-page{
    position: relative;
}
.field--name-field-pied-de-page .conteneur_instagram,
.path-taxonomy div#block-footerhp-2 .conteneur_instagram{
    min-height: 250px;
    width: 100%;
    margin: 20px 0 40px;
}



.field--name-field-bandeau-rdv{
	background-color: #F4CCB3;
	margin: 0;
}
.field--name-field-bandeau-rdv > .ligne {
    padding: 80px 10vw;
    display: flex;
    justify-content: center;
}
.field--name-field-bandeau-rdv .conteneur_rdv {
    display: flex;
    align-items: center;
}
.field--name-field-bandeau-rdv .conteneur_rdv > h3{
    max-width: 500px;
    color: #fff;	
}
.field--name-field-bandeau-rdv .conteneur_rdv > .bloc_btns{
	margin-left: 80px;
}
.field--name-field-bandeau-rdv .conteneur_rdv > .bloc_btns > a {
    display: inline-block;
    padding: 40px 20px;
    background-color: #738e96;
    color: #fff;
}
.field--name-field-bandeau-rdv .conteneur_rdv > .bloc_btns > a.telephone {
	background-color: #f8e9da;
    background-image: url(../images/gfx/picto_telephone_FFFFFF.svg);
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}
.field--name-field-bandeau-rdv .conteneur_rdv > .bloc_btns > a.telephone:hover{
	background-image: none;
	color: #fff;
}

/*Footer HP = .field--name-field-pied-de-page*/
.field--name-field-pied-de-page .field--name-body {
    width: 100%;
}











/*TDC Intervention = .page-node-type-interventions*/
.page-node-type-interventions .S_faq{
	display: flex;
}
.page-node-type-interventions .S_faq .field--name-field-img-faq{
	width: 34%;
    display: flex;
    align-items: center;
    background-color: #f8e9da;
    margin: 0;
}
.page-node-type-interventions .S_faq .field--name-field-img-faq > .ligne{
	height: calc(100% - 100px);	
}
.page-node-type-interventions .S_faq .field--name-field-img-faq img{
    margin: 0;
    position: relative;
    right: -50px;
	object-fit: cover;
}

.page-node-type-interventions .S_faq .field--name-field-corps-faq{
    width: calc(66% - 20vw - 50px);
    padding-left: calc(10vw + 50px);
    padding-right: 10vw;
    padding-top: 70px;
    padding-bottom: 70px;
}

.page-node-type-interventions div#gr-deroulement{
    background-image: url(../images/photo/photo-bg_instagram-hp.jpg);
    background-repeat: no-repeat;
}
.page-node-type-interventions div#gr-deroulement .field--name-field-titre-deroulement{

}
.page-node-type-interventions div#gr-deroulement .field--name-field-titre-deroulement h2{
	margin: 40px auto 0;
	color: #fff;
}







/*Mentions Légales = .page-node-65*/
.page-node-65 h2,
.page-node-65 p{
    display: block;
    width: 100%;
}



















/*Extension Accordeon / CK Editor*/

.ckeditor-accordion-container{
width: 100%;
}
.ckeditor-accordion-container > dl{
	border: none;
}
.ckeditor-accordion-container > dl dt{

}

.ckeditor-accordion-container > dl dt > a,
.ckeditor-accordion-container > dl dt > a:not(.button){
    background-color: transparent;
    border-bottom: 1px solid #DBD7D2;
    color: #333;
}

.ckeditor-accordion-container > dl dt.active > a{
    padding-bottom: 30px;
    background-color: transparent;
    font-weight: 700;
}
.ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle{
    top: calc(50% - 12px);
}

/*spé /pages
Dr Mohcine Taizou = .page-node-22*/
.page-node-22 .ckeditor-accordion-container > dl dt{
    margin-top: 20px;
}
.page-node-22 .ckeditor-accordion-container > dl dt > a {
    padding-bottom: 10px;
    font-size: 2rem;
    font-weight: 400;
}
.page-node-22 .ckeditor-accordion-container > dl dd.active {
    margin-top: 0;
    padding: 10px 50px 25px;
}
.page-node-22 .ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle{
    top: calc(50% - 1px);
}

.page-node-22 .ckeditor-accordion-container p.txt-diplome{

}
.page-node-22 .ckeditor-accordion-container p.txt-diplome > span{
    font-weight: 700;
    margin-right: 15px;    
}

/*fin spé /pages*/

.ckeditor-accordion-container > dl dt > a:hover,
.ckeditor-accordion-container > dl dt > a:not(.button):hover{
	background-color: #809FA8;
}








.ckeditor-accordion-container > dl dt.active,
.ckeditor-accordion-container > dl dd.active{
	background-color: #f6e5d33b;
}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before,
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after{
	background: #333;
}

.ckeditor-accordion-container > dl dd{
    padding-top: 15px;	
}
.ckeditor-accordion-container > dl dd.active{
	margin-top: 0;
}
.ckeditor-accordion-container > dl dd > p{
	
}


/*Extension Read More*/
.ckeditor-readmore-wrapper .ckeditor-readmore{
    line-height: 1.85em;    
}
.ckeditor-readmore-wrapper > a{
    padding: 8px 22px;
    background-color: transparent;
    color: #e0c5b4;
    text-align: center;
    text-decoration: underline;
    border-radius: 30px;
}
.ckeditor-readmore-wrapper > a:hover{
    background-color: #e0c5b4;
    color: #fff;
    text-align: center;
    text-decoration: none;
}
/**/






/*Page de base
Page Infos pratiques = .page-node-24*/


/*Structure commune
.S_2col
.S_bandeau
*/

.S_2col{
    display: flex;
    flex-wrap: wrap;    
}

.S_2col > [class*="col_"]{
    width: 50%;
}
.S_2col > .col_gauche > .field--type-text-long{
    padding-left: 10vw;
    padding-right: 25px;
}
.S_2col > .col_droite > .field--type-text-long{
    padding-right: 10vw;
    padding-left: 25px;
}

/*
.S_2col > [class*="col_"] > .field--type-text-long > .field__item > .ligne{
    width: calc(100% - 24px);
}
*/

.S_bandeau .col_centre .field--type-text-long{

}
.S_bandeau .col_centre .field--type-text-long{
    margin: 40px auto 10px;
    width: 80vw;    
}
.page-node-22 .S_bandeau .col_centre .field--type-text-long{
    margin: 40px auto 10px;
    width: calc(80vw + 100px);    
}

/*
.S_2col > [class*="col_"] > .field--type-text-long > .ligne{
    margin: 40px auto 10px;
    width: 80vw;
}
*/



/*Fin - Structure commune*/


/*Page Infos pratiques = .page-node-24*/
.page-node-24 .S_2col > .col_gauche > .field--type-text-long > .ligne,
.page-node-24 .S_2col > .col_droite > .field--type-text-long > .ligne > [class*="bloc_"]{
    background-color: #EEEEEE;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.08); 
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.08);
    border-radius: 12px;
}


.page-node-24 .S_2col > .col_gauche .conteneur_txt{
    padding: 34px
}



.page-node-24 .S_2col > .col_droite .field--type-text-long > .ligne{

}
.page-node-24 .S_2col > [class*="col_"] > .field--type-text-long > .ligne > [class*="bloc_"]{
    display: flex;
    width: 100%;
    height: 330px;
    margin-bottom: 24px;
}
.page-node-24 .S_2col > [class*="col_"] > .field--type-text-long > .ligne > [class*="bloc_"] > .col_img{
    width: 40%;
}
.page-node-24 .S_2col > [class*="col_"] > .field--type-text-long > .ligne > [class*="bloc_"] > .col_txt{
    width: 60%;
    display: flex;
    align-items: center;
}
.page-node-24 .S_2col > [class*="col_"] > .field--type-text-long > .ligne > [class*="bloc_"] > .col_txt > .conteneur_txt{
    padding: 20px 50px;
    height: calc(100% - 40px);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.page-node-24 .S_2col > [class*="col_"] > .field--type-text-long > .ligne > [class*="bloc_"] > .col_txt > .conteneur_txt h3{
    margin: 0;
}


/*Page Palier - Chirurgie esthétique = .page-node-25*/
.page-node-25 .view-specialite{
    max-width: 100vw;
}

.page-node-25 .view-specialite .view-header,
.page-node-25 .view-specialite .flex-control-nav{
    display: none;
}
.page-node-25 .flexslider.optionset-carrousel{
    height: calc(100vh - 250px);
}
.page-node-25 .flexslider.optionset-carrousel .flex-viewport ul.slides li{
    height: 100%;
}





/*
Page Consultation = .page-node-33
Page Hospitalisation = .page-node-34
Page Tarifs = .page-node-35
*/
.page-node-33 .S_bandeau .col_centre .field--type-text-long > .field__item > .ligne,
.page-node-34 .S_bandeau .col_centre .field--type-text-long > .field__item > .ligne,
.page-node-35 .S_bandeau .col_centre .field--type-text-long > .field__item > .ligne,
.page-node-63 .S_bandeau .col_centre .field--type-text-long > .field__item > .ligne{
    border-radius: 12px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.08);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.08);
}
.page-node-33 .S_bandeau .col_centre .field--type-text-long > .field__item > .ligne .conteneur_liens,
.page-node-34 .S_bandeau .col_centre .field--type-text-long > .field__item > .ligne .conteneur_liens,
.page-node-35 .S_bandeau .col_centre .field--type-text-long > .field__item > .ligne .conteneur_liens,
.page-node-63 .S_bandeau .col_centre .field--type-text-long > .field__item > .ligne .conteneur_liens{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; 
}


.page-node-33 .S_principale .L_2col > .col_img{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: calc(50% + 10vw - 24px);
    background-color: #F8E9DA;
    background-image: url(../images/photo/webp/SBR_9631.webp);
    background-blend-mode: overlay;    
}
.page-node-33 .S_principale .L_2col > .col_img > .conteneur_img{
height: calc(100% - 250px);
    margin-top: 70px;    
}
.page-node-33 .S_principale .L_2col > .col_img > .conteneur_img img{
    border-radius: 24px;
    width: auto;
    max-width: 450px;
    object-fit: cover;
    object-position: center;
    right: -24px;
    position: relative; 
}
.page-node-33 .S_principale .L_2col > .col_txt > .conteneur_txt.info,
.page-node-34 .S_principale .L_2col > .col_txt > .conteneur_txt.info,
.page-node-63 .S_principale .L_2col > .col_txt > .conteneur_txt.info{
    background-color: #feece0;
    border-radius: 48px;
    margin: 30px 10vw 0 50px;
    padding: 50px;
    width: calc(80% - 100px);    
}

.page-node-63 .S_principale > .field--name-body .L_2col{
    width: 100%;
    padding: 0 10vw;    
}
.page-node-63 .S_principale > .field--name-body .L_2col > div{
    width: 50%;
}



/*Communs
.conteneur_liens
bloc-info
*/
.conteneur_liens h3{

}
.conteneur_liens > ul.liste-liens{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    border-top: 1px solid #ffffff1c;
    border-bottom: 1px solid #ffffff1c;
    background-color: #738e96;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
.conteneur_liens > ul.liste-liens > li{
    list-style: none;
    margin: 0 4px;
}
.conteneur_liens > ul.liste-liens > li > a{
padding: 8px 35px;
    color: #fff;
    margin: 10px 0;
    border-radius: 24px;
}
.conteneur_liens > ul.liste-liens > li:hover > a{
    background-color: #809fa8;
}
/*element actif /pages infos pratiques*/
.page-node-33 .conteneur_liens > ul.liste-liens > li.consultation > a,
.page-node-34 .conteneur_liens > ul.liste-liens > li.hospitalisation > a,
.page-node-35 .conteneur_liens > ul.liste-liens > li.tarifs > a{
background-color: #0000000f;
    border-radius: 0;
    cursor: initial;
    pointer-events: none;
    margin: 0;
    padding: 18px 35px;
}
/*fin - element actifs*/
.conteneur_liens > ul.liste-liens > li.photos > a{
    pointer-events: none;
    cursor: initial;
}



.bloc-info{
    border: 6px solid #fff;
    box-shadow: 0px 0px 48px 1px #ffffff70;
    border-radius: 24px;
    padding: 50px;    
}
.bloc-info > h3{
    margin-top: 0;
    margin-bottom: 20px;
}
.bloc-info > p > span{
    display: block;
}
.bloc-info > p.telephone,
.bloc-info > p.adresse{
    background-repeat: no-repeat;
    background-position: left 5px;
    padding-left: 25px;
}
.bloc-info > p.telephone{
    background-image: url(../images/gfx/picto_telephone_738E96.svg);
}
.bloc-info > p.adresse{
    background-image: url(../images/gfx/picto_adresse_738E96.svg);
}









p.baseline,
p.categorie{
    font-weight: 700;
    color: #B5B7B4;
    font-size: 14px;
}
a.btn-fleche.top-right{
    position: absolute;
    bottom: 40px;
    background-image: url(../images/gfx/picto_fleche3_top-right_809FA8.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 38px;
    height: 38px;
    background-color: #fff;
    border-radius: 22px;
}
a.btn-fleche.top-right > span{
    position: absolute;
    width: 110px;
    font-size: .8rem;
    color: #333;
    left: 40px;
    top: 10px;
    opacity: 0;
}
a.btn-fleche.top-right:hover > span{
    left: 50px;
    opacity: 1;
}


.page-node-24 .S_2col > .col_droite .col_img > .conteneur_img{
    margin: 11px;
    background-color: #D7D9D4;
    height: calc(100% - 22px);
}
.page-node-24 .S_2col > .col_droite .col_img > .conteneur_img img{
    height: 100%;
    object-fit: cover;
}



.page-node-24 .S_2col > .col_droite .bloc_tarif{

}
.page-node-24 .S_2col > .col_droite .bloc_photo{

}



/*Page Tarifs = .page-node-35*/
.page-node-35 .S_bandeau .col_centre .field--type-text-long .field__item > .ligne{
    display: flex;
    flex-direction: column;    
}
.page-node-35 .S_bandeau .col_centre .field--type-text-long .field__item > .ligne > *{
    padding: 0 50px;
}
.page-node-35 .S_bandeau .col_centre .field--type-text-long .field__item > .ligne > *:first-child{
    padding-top: 40px;
    width: calc(100% - 100px);
}
.page-node-35 .S_bandeau .col_centre .field--type-text-long .field__item > .ligne > *:last-child{
    padding-bottom: 40px;
}
.page-node-35 .S_bandeau .col_centre .field--type-text-long .field__item table td a{
    color: #809FA8;
}
.page-node-35 .S_bandeau .col_centre .field--type-text-long .field__item table td a:hover {
    text-decoration: underline;
    color: #F4CCB3;
}








/*Page Palier Spécialités*/
.path-taxonomy div#block-footerhp-2{
    position: absolute;
    width: 100%;
    left: 0;
    height: auto;    
    background-color: #fff;
}
.path-taxonomy div#block-footerhp-2 .conteneur-global .L_2col{
    display: none;
}
.path-taxonomy div#block-footerhp-2 .conteneur-global .L_1col{
    width: calc(100% - 10vw);
    left: 0;
    padding: 0 5vw;
}
.path-taxonomy div#block-footerhp-2 .conteneur_instagram{
    margin: 20px 0 70px;
}

.path-taxonomy .view-taxonomy-term{
    display: flex;
}
.path-taxonomy .view-header{
    width: 50%;
    position: sticky;
    height: 100vh;
    top: 0;
}
.path-taxonomy .view-header *{
    height: 100%;
}

.path-taxonomy .view-header .field--name-field-image-hero{
    background-color: #f8e9da;
}


.path-taxonomy .view-header .field--name-field-image-hero > .ligne{
    height: 80vh;
    margin: auto;
    width: 80%;
    position: relative;
    top: 10vh;
}
.path-taxonomy .view-header .field--name-field-image-hero > .ligne > img{
    object-fit: cover;
    border-radius: 24px;
}




.path-taxonomy .view-content{
    width: 50%;
    margin: 80px 0;
}
.path-taxonomy .view-content .views-row {
    margin: 0 10vw 0 50px;
}
.path-taxonomy .view-content .views-row .views-field.views-field-title{

}
.path-taxonomy .view-content .views-row .views-field.views-field-title span.field-content{
    display: block;
}
.path-taxonomy .view-content .views-row .views-field.views-field-title span.field-content > a{
    position: relative;
    display: block;
    padding: 0 0 12px 0;
    border-bottom: 1px solid #333333;
    margin-bottom: 24px;
    color: #333;
}
.path-taxonomy .view-content .views-row .views-field.views-field-title span.field-content > a:after{
    content: "";
    position: absolute;
    right: 0;
    top: 10px;
    width: 8px;
    height: 13px;
    background-image: url(../images/gfx/picto_fleche2-right_141414.svg);
    background-repeat: no-repeat;
}








/*Page Actualités = .path-actualites*/
.path-actualites .view-actualites{

}
.view-actualites .views-row:nth-child(3n-2) .bloc_article {
    background-color: #EEEEEE;
}
.view-actualites .views-row:nth-child(3n-1) .bloc_article {
    background-color: #738e96;
}
.view-actualites .views-row:nth-child(3n) .bloc_article {
    background-color: #F8E9DA;
}

.view-actualites .views-row:nth-child(3n-1) .bloc_article *{
    color: #fff;
}


.bloc_article{
    border-radius: 24px;
    border: 1px solid #F8F8F8;
    -webkit-box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.06); 
    box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.06);
}
.bloc_article > .conteneur_img{

}
.bloc_article > .conteneur_img > a{
    z-index: 70;
    position: relative;
}
.bloc_article > .conteneur_img > a > img{
    height: 290px;
    object-fit: cover;
    border-radius: 24px;
    opacity: 0.1;
}
.bloc_article > .conteneur_txt{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 50px;
    height: calc(100% - 40px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: calc(100% - 100px);
}


.bloc_article > .conteneur_txt > p.categorie{

}
.bloc_article > .conteneur_txt > h3{

}
.bloc_article > .conteneur_txt > h3 > a{

}
.bloc_article > .conteneur_txt > div.group{
    position: absolute;
    bottom: 40px;
    width: calc(100% - 100px);
    display: flex;
    justify-content: space-between;
}
.bloc_article > .conteneur_txt > div.group > a.btn{
    background-image: url(../images/gfx/picto_fleche3_top-right_809FA8.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 38px;
    height: 38px;
    background-color: #fff;
    border-radius: 22px;
    z-index: 80;
}
.bloc_article > .conteneur_txt > div.group > a.btn > span{
    position: absolute;
    width: 110px;
    font-size: .8rem;
    color: #333;
    left: 40px;
    top: 10px;
    opacity: 0;
}
.bloc_article > .conteneur_txt > div.group > a.btn:hover > span{
    left: 50px;
    opacity: 1;   
}

.bloc_article > .conteneur_txt > div.group > p.date{

}


/*Les articles*/
.page-node-type-article article.node--type-article > header > .node__meta{
    display: none;
}
.page-node-type-article .node__content > .S_hero{
    display: flex;
    flex-wrap: wrap;
}
.page-node-type-article .node__content .S_hero > .field--name-field-image,
.page-node-type-article .node__content .S_hero > .field--name-body{
    width: 50%;
    margin: 0;
}
.page-node-type-article .node__content .S_hero > .field--name-field-image{
    position: sticky;
    top: 0;
    max-height: 100vh;
}
.page-node-type-article .node__content .S_hero > .field--name-field-image > .ligne{
    height: 100%;
}
.page-node-type-article .node__content .S_hero > .field--name-field-image > .ligne > img{
    height: 100%;
    margin: 0;
    object-fit: cover;
}
.page-node-type-article .node__content .field--name-field-date{
    position: absolute;
    top: 30px;
    right: 0;
    width: 50vw;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    padding: 0 0 12px;
}
.page-node-type-article .node__content .field--name-field-date > .ligne{
    margin-left: 5vw;
}
.page-node-type-article .node__content .field--name-body > .field__item{
    padding: 50px 5vw;
}
.page-node-type-article .node__content .field--name-body > .field__item > .ligne{
    flex-direction: column;
}


.page-node-type-article .node__content .field--name-field-vue-actualites-recentes{
    background-color: #f8e9da;
    padding: 40px 0;
}
.page-node-type-article .node__content .field--name-field-vue-actualites-recentes > .ligne > .views-element-container{
    width: 100%;
}
.page-node-type-article .node__content .field--name-field-vue-actualites-recentes .view-actualites{

}
.page-node-type-article .node__content .field--name-field-vue-actualites-recentes .view-actualites .view-header,
.page-node-type-article .node__content .field--name-field-vue-actualites-recentes .view-actualites .view-footer{
    padding: 0 10vw;
}
.page-node-type-article .node__content .field--name-field-vue-actualites-recentes .view-actualites .view-header > h3{
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px;
}
.page-node-type-article .node__content .field--name-field-vue-actualites-recentes .view-actualites .view-header > h3:after{
    content: "";
    width: 35px;
    height: 2px;
    background-color: #738e96;
    position: absolute;
    left: 0;
    bottom: 0;
}
.page-node-type-article .node__content .field--name-field-vue-actualites-recentes .view-actualites .view-footer p.btn{

}
.page-node-type-article .node__content .field--name-field-vue-actualites-recentes .view-actualites .view-footer p.btn > a.btn{

}
.page-node-type-article .node__content .field--name-field-vue-actualites-recentes .view-actualites .view-content{
    width: calc(100% - 20vw);
    display: flex;
    flex-direction: column;
    padding: 0 10vw;
}
.page-node-type-article .node__content .field--name-field-vue-actualites-recentes .view-actualites .view-content > .views-row{
    margin: 0 0 15px;
}
.page-node-type-article .view-actualites .view-content > .views-row .views-field-title > span > a{
    background-color: transparent;
    font-size: 1rem;
    padding: 0;
    font-weight: 400;
    display: inline-block;
}
.page-node-type-article .view-actualites .view-content > .views-row .views-field-title > span > a:hover{
    color: #738e96;
}

.page-node-type-article .field--name-field-pied-de-page .conteneur-global > .L_2col{
    display: none;
}
.page-node-type-article .field--name-field-pied-de-page .conteneur-global > .L_1col:last-of-type{
    position: relative;
}


/*Page Docteur Taizou = .page-node-22*/
.page-node-22 div[id*="block-hpprofilweb"] .gr-btns > p.btn:first-child{
    display: none;
}
.page-node-22 .S_principale .L_2col{
    width: 100%;   
}
.page-node-22 .S_principale .L_2col > [class*="col_"]{
    width: 50%;
}
.page-node-22 .S_principale .L_2col > [class*="col_"] > [class*="conteneur_"]{
    width: 100%;  
}
.page-node-22 .S_principale .L_2col > .col_img > .conteneur_img > img{
    width: 100%;   
}

/*Fin - Page Docteur Taizou*/











/*Page Contact = .page-node-30*/
.page-node-30 .S_principale{
    width: 80%;
    margin: 0 auto;    
}
.page-node-30 .S_principale .field__item{
    background-color: #738e96;
    padding: 20px 50px;
    border-radius: 24px;
}
.page-node-30 .S_principale .field__item > .ligne{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.page-node-30 .S_principale .field__item > .ligne > *{
    color: #fff;
    text-align: center;
}
.page-node-30 .S_principale .field__item > .ligne > *:last-child{
    margin-bottom: 0;
}
.page-node-30 .S_principale .field__item > .ligne > p strong{
    display: inline-block;
}


/*Formulaire de contact*/
#block-webform {
    background-color:#fff;
    position:relative;
}
#block-webform .content {
background-color: #feece0;
    border-radius: 48px;
    margin: 30px auto 0;
    padding: 50px;
    width: calc(80% - 100px);
}
#block-webform form {
border: 6px solid #fff;
    box-shadow: 0px 0px 48px 1px #ffffff70;
    border-radius: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 50px;
    position: relative;
}
#block-webform form .js-form-item {
    margin-bottom: 0;
    width: 47.5%;
}
#block-webform form .js-form-item.js-form-type-checkbox,
#block-webform select,
#block-webform form .captcha #block-webform form .js-form-type-checkbox, #block-webform form .js-form-type-processed-text, #block-webform form .form-actions, #block-webform form .js-form-item.js-form-type-textarea {
    width: 100%;
}
select, input.form-text, input.form-tel, input.form-email, input.form-url, input.form-search, input.form-file, input.form-number, input.form-color, textarea.form-textarea {
    color: #777;
    border: 1px solid #ccc;
    border-radius:30px;
    padding:5px 20px;
    width: 100%;
}
#block-webform select,
#block-webform input[class*="form"],
#block-webform textarea{
    min-width: 270px;    
}
input.form-checkbox {
    min-width: 40px !important;
}


#block-webform input.form-submit {
    border: 1px solid #738e96 !important;
    border-radius: 24px;
    padding: 12px 40px;
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 700;
    background-color: #738e96;
    position: relative;
    transition: .3s;
}
#block-webform input.form-submit:hover {
    color: #738e96 !important;
    background-color: transparent;
}

/*Fin - Page Contact*/










/*Prendre rendez-vous = .page-node-31*/
.page-node-31 .node__content > .S_2col{

}
.page-node-31 .node__content > .S_2col > [class*="col_"]{

}
.page-node-31 .node__content > .S_2col > [class*="col_"] > .field--type-text-long{
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.08);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.08);
    border-radius: 12px;
}

.page-node-31 .node__content > .S_2col > [class*="col_"] > .field--type-text-long .conteneur_txt{
    margin: 0 0 40px;    
}
.page-node-31 .node__content > .S_2col > [class*="col_"] h2{
    text-align: center;
}

.page-node-31 .node__content > .S_2col > .col_gauche{
    width: calc(40% - 10px);
    margin-right: 10px;
}
.page-node-31 .node__content > .S_2col > .col_gauche > .field--type-text-long{
    background-color: #EEEEEE;
    margin-left: 10vw;
    padding: 0 80px;
}
.page-node-31 .node__content > .S_2col > .col_gauche > .field--type-text-long .conteneur_txt{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.page-node-31 .node__content > .S_2col > .col_gauche > .field--type-text-long .conteneur_txt div.encadre > a{
    background-size: 20px !important;
    background-color: #738e96 !important;
    padding: 20px;
    border-radius: 6px;
    color: #fff;    
}




.page-node-31 .node__content > .S_2col > .col_droite{
    width: calc(60% - 10px);
    margin-left: 10px;
}
.page-node-31 .node__content > .S_2col > .col_droite > .field--type-text-long{
    padding: 0 80px;
    /*width: calc((100% - 160px) - 10vw);*/
    background-color: #FFFFFF;
    margin-right: 10vw;
    margin-bottom: 40px;
}
.page-node-31 .node__content > .S_2col > .col_droite > .field--type-text-long div#iframe-doctolib,
.page-node-31 .node__content > .S_2col > .col_droite > .field--type-text-long div#iframe-doctolib iframe{
    width: 100%;
}




/*Page Recherche de resultats*/
.path-search .view-search-content{

}
.path-search .view-search-content > .view-header{
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
}
.path-search .view-search-content > .view-content{
    width: 80vw;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.path-search .view-search-content > .view-content > .views-row{
    border-bottom: 1px solid #eee;
    width: 50%;
    padding-bottom: 14px;
    margin-bottom: 14px;
}

.path-search .view-search-content > .view-content > .views-row > article,
.path-search .view-search-content > .view-content > .views-row > .taxonomy-term{
    display: flex;
}
.path-search .view-search-content > .view-content > .views-row > article > header,
.path-search .view-search-content > .view-content > .views-row > .taxonomy-term > h2{
    width: calc(50% - 50px);
    padding: 0 25px;
    background-color: #f8e9da;
    margin: 0;
}
.path-search .view-search-content > .view-content > .views-row > article > header a,
.path-search .view-search-content > .view-content > .views-row > .taxonomy-term > h2{
    color: #333;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
}
.path-search .view-search-content > .view-content > .views-row > .taxonomy-term > h2 > a{
    color: #333;
    font-size: 1.5rem !important;    
}
.path-search .view-search-content > .view-content > .views-row > article > header a:hover,
.path-search .view-search-content > .view-content > .views-row > .taxonomy-term > h2:hover{
    font-weight: 600;
    text-decoration: underline;
}
.path-search .view-search-content > .view-content > .views-row > article > .node__content,
.path-search .view-search-content > .view-content > .views-row > .taxonomy-term > .content{
    margin: 0;
}
.path-search .view-search-content > .view-content > .views-row > article > .node__content *{
    width: 100%;
    height: 100%;
    margin: 0;
}
.path-search .view-search-content > .view-content > .views-row > article > .node__content img,
.path-search .view-search-content > .view-content > .views-row > .taxonomy-term > .content img{
    width: 220px;
    object-fit: cover;
    margin: 0;
}



/*Page FAQ (Vue)*/
.path-faq{
    background-image: url(../images/photo/dr-taizou_01.jpg);
    background-attachment: fixed;
    background-position: top center;
}
.path-faq #page,
.path-faq #main-wrapper{
    background: #ffffffa6;
}

.path-faq .view-faq{
    width: 80vw;
    margin: 0 auto 80px;
}
.path-faq .view-faq .view-content{

}
.path-faq .view-faq .view-content .views-row{
    position: relative;
    padding: 4px 0 4px 20px;
    border-bottom: 1px solid #809fa830;    
}
.path-faq .view-faq .view-content .views-row:before{
    content: "";
    width: 4px;
    height: 4px;
    background-color: #809fa8;
    position: absolute;
    top: 10px;
    left: 0;
    border-radius: 4px;
}

.path-faq .view-faq .view-content h3 {
    padding-top: 40px;
    border-top: 3px solid #809fa8;
    margin: 40px 0 20px;
    font-weight: 600;
}
.path-faq .view-faq .view-content > h3:first-child{
    border-top: none;
}
.path-faq .view-faq .view-content a{
    color: #333;
}

.path-faq .view-faq .view-content .views-row:hover{
    background-color: #f8e9da;
}
.path-faq .view-faq .view-content a:hover {
    color: #738e96;
    padding-left: 8px;
}



/*TDC FAQ = .page-node-type-faq*/

.page-node-type-faq .node__content > .S_2col{
    flex-direction: row;
}
.page-node-type-faq .node__content > .S_2col > .col_gauche{
    width: 50%;
}

.page-node-type-faq .node__content > .S_2col > .col_droite{
    width: 50%;
    margin-right: 0;
    margin-left: 0;
}
.page-node-type-faq .node__content > .S_2col > .col_droite > .field{
    padding-right: 5vw;
}


.page-node-type-faq .field--name-field-img-faq{
    position: sticky;
    max-height: 100vh;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    background-color: #f8e9da;
}
.page-node-type-faq .field--name-field-img-faq > .ligne{
    height: 70%; 
}

.page-node-type-faq .field--name-field-img-faq > .ligne > img{
    width: 100%;
    object-fit: cover;
    object-position: right center;
    max-width: initial;
    aspect-ratio: unset;
    height: 100%;
}


.page-node-type-faq .field--name-field-intervention-liee{
    position: fixed;
    bottom: 30px;
    left: 10vw;
    margin: 0;
}
.page-node-type-faq .field--name-field-intervention-liee > .ligne{
    
}
.page-node-type-faq .field--name-field-intervention-liee > .ligne > a{
    position: relative;
    color: #333;
}
.page-node-type-faq .field--name-field-intervention-liee > .ligne > a:before{
    content: "";
    position: absolute;
    bottom: -6px;
    left: -50px;
    background-image: url(../images/gfx/picto_fleche3_top-right_809FA8.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 38px;
    height: 38px;
    background-color: #fff;
    border-radius: 22px;  
}





/*temp*/
.gr_en-bref .conteneur_blocs .bloc_photo:hover{
    background-color: #eee;
}
.gr_en-bref .conteneur_blocs .bloc_photo:hover a{
    transform: none;
    border-radius: 0;
    pointer-events: none;
    cursor: initial;
}




















































































/*RESPONSIVE*/

@media all and (max-width: 1800px) {


}


@media all and (max-width: 1290px) {

}

@media all and (max-width: 1200px) {
h2{

}
h3{

}

/*Menu superfish*/

div#block-mainnavigation {
    margin-right: calc(10vw + 30px);
}
div#block-mainnavigation .content > .ligne-block{

}
div#block-mainnavigation .content > .ligne-block > .sf-accordion-toggle{
    display: flex;
    justify-content: flex-end;
    height: 90px;
    align-items: center;
}
div#block-mainnavigation .content > .ligne-block > .sf-accordion-toggle > a{
    background-image: url(../images/gfx/picto_menu-ferme_FFFFFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 50px;
    border-radius: 30px;
    background-color: #333;	
}
div#block-mainnavigation .content > .ligne-block > .sf-accordion-toggle > a > span{
	display: none;
}



/*Menu*/
header#header .region-primary-menu div#block-asco-theme-site-branding{
    left: calc(50% - 35px);
}   
header#header div#block-mainnavigation{
    width: 100vw;
    display: block;
    margin: 0;
}
header#header div#block-mainnavigation > .content > .ligne-block {

}
div#block-mainnavigation .content > .ligne-block > .sf-accordion-toggle {
    justify-content: flex-start;
    padding-left: 50px;
}
div#block-mainnavigation .content > .ligne-block > ul.sf-menu.sf-accordion{
    background-color: transparent;
    height: calc(100vh - 90px);
    width: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 5vh 0;
}
div#block-mainnavigation .content > .ligne-block > ul.sf-menu.sf-accordion.sf-expanded{
    background-color: #f8e9da;
    height: calc(90vh - 90px);
    width: 100vw;
}
ul#superfish-main-accordion.sf-hidden {
    height: 100vh !important;
}

div#block-mainnavigation .content > .ligne-block > ul.sf-menu.sf-accordion > li:first-child{

}

div#block-mainnavigation .content > .ligne-block > ul.sf-menu.sf-accordion > li:last-child{
    
}

ul.sf-menu.sf-accordion li.sf-depth-2.sf-expanded > a{
    color: #fff;
    background-color: #738e96;
    margin: 0;
}
ul.sf-menu.sf-accordion li.sf-depth-2.sf-expanded > ul > li > a{
    background-color: #809fa8;
    color: #fff;
    margin: 0 0 4px;
}

#superfish-main {
	display:none;
}
ul.sf-menu li.menuparent > ul {
  display: none;
}
ul.sf-menu li.menuparent > ul > li > a {
  line-height: 1.2;
  margin: 4px 0;
}
ul.sf-menu li.menuparent > a {
	padding:10px;
}
ul.sf-menu li.menuparent > ul > li > a {
  padding: 10px 20px;
}
ul.sf-menu li.menuparent > ul > li > ul > li > a {
  background-color: #fefbf8;
  margin:0;
  padding: 10px 40px 10px 40px;
  width: calc(100% - 80px);
}
.sf-clone-parent {
	display:none;
}

ul.sf-menu.sf-accordion li{

}
.region-primary-menu .menu a {
  text-shadow: none;
  background-color: transparent;
  border-radius: 0;
  display: block;
  float: none;
}




/*Accueil*/	
div#block-herohp .conteneur .bloc_txt a{
	display: block;
}
.flexslider.optionset-carrousel .flex-viewport{
    padding-left: 10vw;
    padding-right: 10vw;
}
.flexslider.optionset-carrousel .flex-viewport ul.slides {
    padding: 50px 0 50px 0;
}

div#block-parcoursdesoinshp .conteneur_parcours .bloc_parcours p.etape{
	font-size: 60px;
}
div#block-parcoursdesoinshp .conteneur_parcours .bloc_parcours p{
	margin-bottom: 10px;
}


/*TDC Page de base*/
/*Infos pratiques = .page-node-24*/
.page-node-24 .node__content > .S_2col > [class*="col_"]{
    width: 100%;
}
.S_2col > .col_gauche > .field--type-text-long,
.S_2col > .col_droite > .field--type-text-long{
    padding-left: 5vw;
    padding-right: 5vw;
    margin-bottom: 40px;
}
.page-node-24 .S_2col > .col_gauche .conteneur_img{
    width: 50%;
}
.page-node-24 .S_2col > .col_gauche .conteneur_img img{
    height: 100%;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    object-fit: cover;
}
.page-node-24 .S_2col > .col_gauche .conteneur_txt{
    width: calc(50% - 48px);
    padding: 24px;
}

/*Consultation = .page-node-33*/
.page-node-33 .S_principale .L_2col > .col_img{
    width: 30vw;    
}
.page-node-33 .S_principale .L_2col > .col_txt{
    width: 70vw;    
}



/*Fin - TDC Page de base*/

/*TDC - Articles Actualités*/
.page-node-type-article .node__content .S_hero > .field--name-field-image{
    position: relative;
    width: 100%;
}
.page-node-type-article .node__content .field--name-field-date{
    width: 100vw;
    top: 0;
}
.page-node-type-article .node__content .field--name-field-date > .ligne{
    justify-content: center;
}
.page-node-type-article .node__content .S_hero > .field--name-body{
    width: 100%;
}
.page-node-type-article .node__content .S_hero > .field--name-field-image > .ligne,
.page-node-type-article .node__content .S_hero > .field--name-field-image > .ligne > img{
    width: 100%;
}
.page-node-type-article .node__content .field--name-field-vue-actualites-recentes .view-actualites .view-header,
.page-node-type-article .node__content .field--name-field-vue-actualites-recentes .view-actualites .view-content,
.page-node-type-article .node__content .field--name-field-vue-actualites-recentes .view-actualites .view-footer {
    padding: 0 5vw;
}
.page-node-type-article .node__content .field--name-field-vue-actualites-recentes .view-actualites .view-content{
    width: calc(100% - 10vw);
}
/*Fin - TDC Actualités*/



}

@media all and (max-width: 1100px) {

}

@media all and (max-width: 991px) {

	
	/*grille*/
	.ligne{
		justify-content: space-around;
		flex-wrap:wrap;
	}
	
	.colonne_1-1,
	.colonne_1-2,
	.colonne_1-3,
	.colonne_2-3,
	.colonne_1-4,
	.colonne_1-5,
	.colonne_2-5,
	.colonne_3-5,
	.colonne_4-5{
		width:97.22%;
	}


#block-webform form .js-form-item{
    width: 100%;
}

h1{
    font-size: 3rem !important;
    padding: 0 30px;
}
div[id*="block-hpprofilweb"] h2{
    font-size: 3rem !important;
    line-height: 3.5rem;
}
h2{

}

h3{

}
h4{

}
h5{

}

/*Fin - Commun*/



/*HP*/
div[id*="block-hpprofilweb"] .L_2col .col_img{
    width: 40vw;
}
div[id*="block-hpprofilweb"] .L_2col .col_txt{
    width: 60vw;
}
/*Fin - HP*/



/*TDC Interventions*/
.page-node-type-interventions .S_hero .gr_en-bref {
    margin: 0px 5vw 120px;
}
.page-node-type-interventions .S_hero .gr_en-bref > *{
    width: calc((100% / 5) - 30px);
    padding-left: 15px;
    padding-right: 15px;    
}
.page-node-type-interventions .S_hero .gr_en-bref > .field--name-field-tarif{
    border-right: none;
}

.page-node-type-interventions .S_hero .gr_en-bref > .field .field__label{
    font-size: .8rem;
}
.page-node-type-interventions .S_hero .gr_en-bref > .field .field__item > .ligne{
    justify-content: flex-start;
}

.page-node-type-interventions .S_hero .gr_en-bref > *:last-child{
    position: relative;
    width: 100%;
    padding: 0;
    bottom: 0;
}
.gr_en-bref .conteneur_blocs{
    justify-content: center;
}


.field--name-field-bandeau-rdv .conteneur_rdv{
    flex-direction: column;
}
.field--name-field-bandeau-rdv .conteneur_rdv > h3{
    text-align: center;
}
.field--name-field-bandeau-rdv .conteneur_rdv > .bloc_btns{
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/*Fin - TDC Interventions*/


/*TDC - Page de Base*/




/*Page Dr Taizou*/
.page-node-22 .S_bandeau .col_centre .field--type-text-long{
    width: 80vw;
}


/*Page Actualités & articles*/
.bloc_article > .conteneur_txt > h3{
    font-size: 1rem;
}
.view-actualites .view-content{
    width: calc(100% - 10vw);
}


/*Page Prendre rendez-vous*/
.page-node-31 .node__content > .S_2col{
    flex-direction: column-reverse;
}
.page-node-31 .node__content > .S_2col > .col_gauche{
    width: 100%;
    margin-right: 0;
}
.page-node-31 .node__content > .S_2col > .col_gauche > .field--type-text-long{
    margin-left: 0;
}

.page-node-31 .node__content > .S_2col > .col_droite{
    width: 100%;
    margin-left: 0;
}
.page-node-31 .node__content > .S_2col > .col_droite > .field--type-text-long{
    margin-right: 5vw;
    margin-left: 5vw;
    margin-bottom: 40px;
    padding: 0 5px;
}

/*Fin - TDC Page de Base*/






}











@media all and (max-width: 850px) {
/*TDC interventions*/
.gr_deroulement .horizontal-tabs ul.horizontal-tabs-list{
    display: flex;
    flex-direction: column;
}
.gr_deroulement .horizontal-tabs ul.horizontal-tabs-list li{
    width: 100%;
    background-repeat: no-repeat;
    background-size: 280px;
}
.field--name-field-corps-4-hospitalisation .L_1col ul.ancres{
    position: relative;
    top: 0;
}

.page-node-type-interventions .details-wrapper > [class*="field--name-field-corps-"] .L_2col{
    flex-direction: column;
}
.page-node-type-interventions .details-wrapper > [class*="field--name-field-corps-"] .L_2col > [class*="col_"]{
    width: 100%;
    padding: 0;
}
.gr_deroulement .L_2col [class*="col_"]{
    max-height: initial;
}

/*Fin - TDC interventions*/

/*TDC - Page de Base*/
/*Actualités*/
.bloc_article > .conteneur_txt{
    padding: 20px;
    width: calc(100% - 40px);
}
.bloc_article > .conteneur_txt > div.group{
    bottom: 20px;
}

/*Fin - TDC Page de Base*/

/*TDC FAQ*/
.page-node-type-faq .node__content > .S_2col{

}
.page-node-type-faq .node__content > .S_2col > .col_gauche{
    width: 30%;
}

.page-node-type-faq .node__content > .S_2col > .col_droite{
    width: calc(70% - 5vw);
    margin-right: 5vw;
}
.page-node-type-faq .node__content > .S_2col > .col_droite > .field{
    padding-right: 0;
}

.page-node-type-faq .field--name-field-img-faq{

}
.page-node-type-faq .field--name-field-img-faq > .ligne{
    margin: 0;
    width: 100%;    
}
.page-node-type-faq .field--name-field-img-faq > .ligne img{
    height: 350px;
    aspect-ratio: unset;
    margin: 0;    
}

.page-node-type-faq .field--name-field-intervention-liee {
    left: 60px;
}
.page-node-type-faq .field--name-field-intervention-liee > .ligne > a{
    width: calc(30vw - 90px);
    font-size: .8rem;
}


/*Fin - TDC FAQ*/


}


@media all and (max-width: 800px) {

.L_2col > .col_txt{
    width: 60%;
}
.L_2col > .col_img{
    width: 40%;
    position: relative;
}

/*Fin - Global*/


/*Champs recherche*/
div#block-formulaireexposesearch-contentpage-1{
    display: none !important;
}



/*TDC interventions*/
.page-node-type-interventions .S_hero .gr_en-bref{
   display: flex;
   flex-wrap: wrap;
justify-content: flex-start;
}
.page-node-type-interventions .S_hero .gr_en-bref > *:not(:last-child){
    width: calc((100% / 3) - 30px);
    min-width: 130px;
    margin-bottom: 25px;
}
.page-node-type-interventions .S_hero .gr_en-bref > .field--name-field-duree-d-hospitalisation{
    padding-right: 0;
    border-right: none;
}
.page-node-type-interventions .S_hero .gr_en-bref > .field--name-field-duree-de-convalescence{
    padding-left: 0;
}
.page-node-type-interventions .S_hero .gr_en-bref > .field--name-field-tarif{
    border-right: 1px solid #3333333b;
}



.page-node-type-interventions .field--name-field-corps-1-qu-est-ce-que .field__item:first-child .L_2col{
    flex-direction: column;
}
.page-node-type-interventions .field--name-field-corps-1-qu-est-ce-que .field__item:first-child .L_2col > [class*="col_"]{
    width: 100%;
}
.page-node-type-interventions .field--name-field-corps-1-qu-est-ce-que .field__item:first-child .L_2col .col_txt{
    margin-bottom: 40px;
}
.page-node-type-interventions .field--name-field-corps-1-qu-est-ce-que .field__item:first-child .L_2col .col_img{
    height: 350px;
}


.field--name-field-corps-6-resultat .L_2col{
    flex-direction: column;
}
.field--name-field-corps-6-resultat .L_2col > [class*="col_"]{
    width: 100%;
    position: relative;
}
.field--name-field-corps-6-resultat img{
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 0px;    
}

.page-node-type-interventions .S_faq{
    flex-direction: column-reverse;
}
.page-node-type-interventions .S_faq .field--name-field-img-faq{
    width: 100%;
}
.page-node-type-interventions .S_faq .field--name-field-img-faq img{
    right: 0;
}
.page-node-type-interventions .S_faq .field--name-field-corps-faq{
    width: calc(100% - 20vw);
    padding: 40px 10vw;
}


/*Pied de page*/
.field--name-field-pied-de-page .conteneur-global > .L_2col{
    flex-direction: column;
}
.field--name-field-pied-de-page .conteneur-global > .L_2col > [class*="col-"]{
    width: 100%;
    min-height: auto;
}
.field--name-field-pied-de-page .conteneur-global > .L_2col > .col-contact{
    padding: 30px 0;
}
.field--name-field-pied-de-page .conteneur-global > .L_2col > .col-lieux {
    margin-bottom: 70px;
}
.field--name-field-pied-de-page .conteneur-global > .L_2col > .col-lieux .conteneur_txt > .bloc-consultation{
    padding: 40px 0;   
}


/*TDC Page de base*/
/*Consultation = .page-node-33*/
.page-node-33 .S_principale .L_2col,
.page-node-34 .S_principale .L_2col,
.page-node-63 .S_principale .L_2col{
    flex-direction: column-reverse;
}

.page-node-33 .S_principale .L_2col > .col_img,
.page-node-33 .S_principale .L_2col > .col_txt,
.page-node-34 .S_principale .L_2col > .col_img,
.page-node-34 .S_principale .L_2col > .col_txt,
.page-node-63 .S_principale .L_2col > .col_img,
.page-node-63 .S_principale .L_2col > .col_txt{
    width: 100%;    
}
.page-node-33 .S_principale .L_2col > .col_img > .conteneur_img,
.page-node-34 .S_principale .L_2col > .col_img > .conteneur_img,
.page-node-63 .S_principale .L_2col > .col_img > .conteneur_img{
    width: 100%;
    height: 350px;
    margin: 40px 5vw;
}
.page-node-33 .S_principale .L_2col > .col_img > .conteneur_img img,
.page-node-34 .S_principale .L_2col > .col_img > .conteneur_img img,
.page-node-63 .S_principale .L_2col > .col_img > .conteneur_img img{
    right: 0;
    border-radius: 12px;
    width: 100%;
    object-fit: cover;
    object-position: center 20%;
}

/*Fin - TDC Page de base*/


/*Fil d'ariane*/
nav.breadcrumb{
    margin: 30px 0;
}
nav.breadcrumb ol > li:last-child, nav.breadcrumb ol > li > a{
    font-size: 11px;
}

}


@media all and (max-width: 768px) {


/*HP - Parcours de soins*/
div#block-parcoursdesoinshp .conteneur_parcours h2{
    padding: 20px 0 40px;
    margin: 0;
    height: 6vh;    
}
div#block-parcoursdesoinshp .conteneur_parcours{
    flex-direction: column;    
}
div#block-parcoursdesoinshp .conteneur_parcours .bloc_parcours{
    height: calc(70vh/ 5);
    width: 100%;
    flex-direction: row;
}
div#block-parcoursdesoinshp .conteneur_parcours .bloc_parcours .conteneur_txt{
    background-color: transparent;
    height: 0;
    padding: 0;
    position: absolute;
    bottom: calc(50% + 6px);
    left: 60px;
    border: none;
}
div#block-parcoursdesoinshp .conteneur_parcours > .bloc_parcours > .conteneur_txt > h3{

}

div#block-parcoursdesoinshp .conteneur_parcours .bloc_parcours .conteneur_txt > h3{

}
div#block-parcoursdesoinshp .conteneur_parcours .bloc_parcours > a{
    border-radius: 24px;
}
div#block-parcoursdesoinshp .conteneur_parcours .bloc_parcours p.etape {
  position: absolute;
  font-size: 40px;
  top: 15px;
  left: -35px !important;
  margin: 0;
  padding: 10px;
  width: 55px;
  height: calc(100% - 50px);
}


/*TDC Interventions*/
.field--name-field-corps-1-qu-est-ce-que > .field__item_2 .L_2col {
    width: 100%;
}
.L_2col > .col_fixe{
    margin: 0 30px 0 15px;
    width: 214px;
}
.L_2col > .col_contenus {
    width: calc((100vw - 214px) - 60px) !important;
}

.L_2col > .col_fixe .bloc_fixe .ckeditor-accordion-container > dl dt.active > a{
    padding: 6px 10px 6px 50px;
}
.L_2col > .col_fixe .bloc_fixe .conteneur_txt > h4 a,
.L_2col > .col_fixe .bloc_fixe .ckeditor-accordion-container > dl dt.active > a{
    font-size: .8rem;
}
.ckeditor-accordion-container > dl dd{
    padding: 0 10px 0 6px;
}
.L_2col > .col_fixe .bloc_fixe .ckeditor-accordion-container > dl dd ul.liste-ancres > li{
    list-style: none;
    position: relative;
}
.L_2col > .col_fixe .bloc_fixe .ckeditor-accordion-container > dl dd ul.liste-ancres > li:before{
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #333;
    position: absolute;
    top: 8px;
    left: -15px;
}
.L_2col > .col_fixe .bloc_fixe .ckeditor-accordion-container > dl dd ul.liste-ancres > li > a{
    font-size: .75rem;
}
/*Fin - TDC Interventions*/



/*Contact & Formulaire*/
#block-webform .content {
    padding: 20px;
    width: calc(80% - 40px);
}
#block-webform form{
    padding: 20px;
}



/*TDV Page de Base*/
.page-node-22 .S_principale .L_2col,
.page-node-22 div[id*="block-hpprofilweb"] .L_2col{
    flex-direction: column;
}
div[id*="block-hpprofilweb"] .L_2col{
    padding: 0;
}
div[id*="block-hpprofilweb"] .L_2col .col_img{
    justify-content: center;
}
div[id*="block-hpprofilweb"] .L_2col .col_img > .conteneur_img{
    height: 350px;
}
div[id*="block-hpprofilweb"] .L_2col .col_img > .conteneur_img > img{
    right: 0;
}
.page-node-22 .S_principale .L_2col > [class*="col_"],
.page-node-22 div[id*="block-hpprofilweb"] .L_2col > [class*="col_"]{
    width: 100%;
}

/*Page infos pratiques*/
.page-node-24 .S_2col > .col_gauche > .field--type-text-long > .ligne{
    flex-direction: column;
}
.page-node-24 .S_2col > .col_gauche .conteneur_txt{
    width: calc(100% - 24px);
    padding: 12px;
}
.page-node-24 .S_2col > .col_gauche .conteneur_img{
    width: 100%;
}
.page-node-24 .S_2col > .col_gauche .conteneur_img img{
    border-bottom-left-radius: 12px;
    border-top-right-radius: 0px;
}

.page-node-24 .S_2col > .col_droite > .field--type-text-long > .ligne > [class*="bloc_"]{

}

/*Fin - TDC Page de base*/





/*Page palier - famille d'intervention*/
.path-taxonomy .view-taxonomy-term{
    flex-direction: column;
}
.path-taxonomy .view-header .field--name-field-image-hero > .ligne{
    top: 5vh;
}
.path-taxonomy .view-header .field--name-field-image-hero > .ligne > img{
    height: 250px;
}
.path-taxonomy .view-header{
    width: 100%;
    height: 250px;
    position: relative;
}
.path-taxonomy .view-content{
    width: 100%;
}


/*Page Resultat de recherche*/
.path-search .view-search-content > .view-content > .views-row{
    width: 100%;
}
#sliding-popup .popup-content {
	display:block;
}
#sliding-popup .popup-content #popup-text {
  margin: 0 auto 20px;
}
ul.sf-menu li:hover > ul {
	display:none;
}
ul.sf-menu li > ul {
  opacity: 1;
}
}


@media all and (max-width: 560px){

/*Le menu secondaire*/
div#block-herohp .conteneur-global > div.conteneur_txt {
  bottom: 100px;
}
div#block-menusecondaire ul.sf-menu.sf-accordion{
    flex-direction: column;
    padding-top: 20px;
    box-shadow: 0px 6px 8px 5px #00000026;
}
div#block-menusecondaire ul.sf-menu.sf-accordion > li{
    border-bottom: 1px solid #fff;
}
div#block-menusecondaire ul.sf-menu.sf-accordion > li:last-child{
    border-bottom: 0;
}
div#block-menusecondaire ul.sf-menu.sf-accordion > li > a{
    border-radius: 0;
    background-color: transparent;
}
/*Fin - Menu secondaire*/




/*HP Section profil*/
/*
.region-profil div[id*="block-hpprofilweb"]{
    display: none;
}
.region-profil div#block-profilhp{
    display: block !important;
}
*/




/*
div#block-profilhp{
    height: 100vh;    
}
*/
div#block-profilhp .conteneur-global{
    padding: 0 5vw !important;
}
div#block-profilhp .conteneur-global > h2{
    margin: 0;
    padding-top: 30px;
    text-align: center;
}
div#block-profilhp .conteneur-global > h3{
    text-align: center;
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
div#block-profilhp .conteneur_2col{
    flex-direction: column;
    height: auto;
    max-height: calc(100vh - 120px);
}
div#block-profilhp .conteneur_2col > [class*="col_"]{
    width: 100%;
}

div#block-profilhp .conteneur_2col > .col_img{
    width: 100%;
    margin: 20px 0 0;
    height: 200px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background-position: center 20%;
}
div#block-profilhp .conteneur_2col > .col_img > .gr-btns{
    display: flex;
}
div#block-profilhp .conteneur_2col > .col_img > .gr-btns > p{
    display: flex;
    align-items: center;
}
div#block-profilhp .conteneur_2col > .col_img > .gr-btns > p > a{
    color: #fff;
    padding: 4px 14px;
    background-color: #ebc9b3;
    border-radius: 30px;
}
div#block-profilhp .conteneur_2col > .col_img > .gr-btns > p:first-child{
    margin-right: 8px;
}
div#block-profilhp .conteneur_2col > .col_img > .gr-btns > p:last-child{
    margin-left: 8px;
}
div#block-profilhp .conteneur_2col > .col_img > .gr-btns > p.rdv > a{
    background-color: #738e96;
}

p.rdv > a{
    background-image: url(../images/gfx/picto_doctolib_FFFFFF.svg);
    background-repeat: no-repeat;    
    background-size: 20px;
    background-position: center;    
}



div#block-profilhp .conteneur_2col > .col_txt .conteneur_quote{
    display: none;
}

div#block-profilhp .conteneur_2col > .col_txt .conteneur_blocs{

}
div#block-profilhp .conteneur_2col > .col_txt .conteneur_blocs > [class*="bloc_"]{
    width: calc(50% - 2px);
    min-width: initial;
}

/*v1 retravaillé*/
.region-profil div[id*="block-hpprofilweb"] .field--name-body .L_2col{
    flex-direction: column;
}
div[id*="block-hpprofilweb"] .L_2col .col_img{
    height: 40vh;
    width: 100%;
}
div[id*="block-hpprofilweb"] .L_2col .col_img > .conteneur_img{
    height: 100%;
    margin-top: 90px;
    width: calc(100% - 10vw);
}
div[id*="block-hpprofilweb"] .L_2col .col_img > .conteneur_img img{
    border-radius: 0;
    width: 100%;
    object-fit: cover;
    object-position: center 20%;
}
div[id*="block-hpprofilweb"] .L_2col .col_txt{
    width: 100%;
}
div[id*="block-hpprofilweb"] h2{
    margin-top: 100px;
    font-size: 2rem !important;
    line-height: 2.5rem;   
}
.region-profil div[id*="block-hpprofilweb"] .L_2col > [class*="col_"].col_txt:last-child .conteneur_txt{
    padding: 0 5vw;
}
div[id*="block-hpprofilweb"] .L_2col .col_txt p.quote{
    display: none;
}

/*fin - v1 retravaillé*/



/*Fin - HP Section profil*/



/*HP Section Interventions*/
.path-frontpage .view-specialite .view-header .conteneur_titre h2 {
    font-size: 24px !important;
    margin-top: 100px;
}

.path-frontpage .region-interventions .flexslider.optionset-carrousel > ol.flex-control-nav{
    display: none;
}
/*
.path-frontpage .region-interventions .view-specialite > .view-content{
    height: auto;
}
*/





/*    
div#block-views-block-specialite-block-1{
	display: none;
}
*/
.field--name-field-bloc-personnalise,
div#block-interventionshpmobile{
	display: block;
}
.field--name-field-bloc-personnalise .intervention,
div#block-interventionshpmobile .intervention{
    height: 100%;
}

.field--name-field-bloc-personnalise .intervention > .mobile-interv,
div#block-interventionshpmobile .intervention > .mobile-interv {
    display: flex;
    flex-direction: column;
    height: 100%;
    flex: 1 1 100%;
    justify-content: space-around;
}

.field--name-field-bloc-personnalise .mobile-interv > div:first-of-type,
div#block-interventionshpmobile .mobile-interv > div:first-of-type {
    padding-top: clamp(150px, 20vh, 300px);
}
.field--name-field-bloc-personnalise .flex-column,
div#block-interventionshpmobile .flex-column {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}
.field--name-field-bloc-personnalise .d-flex,
div#block-interventionshpmobile .d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}

.field--name-field-bloc-personnalise .conteneur,
div#block-interventionshpmobile .conteneur {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.field--name-field-bloc-personnalise .responsive-interv-container,
div#block-interventionshpmobile .responsive-interv-container {
    height: 100%;
    display: flex;
    padding: 0 50px clamp(150px, 10vh, 300px) 100px;
    align-items: center;
}

.field--name-field-bloc-personnalise .responsive-interv-container,
div#block-interventionshpmobile .responsive-interv-container {
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
}

.field--name-field-bloc-personnalise .responsive-interv,
div#block-interventionshpmobile .responsive-interv {
    width: 60vw;
    min-width: 60vw;
    max-width: 60vw;
    height: 45vh;
    position: relative;
    box-shadow: 0px 0px 25px 0px #00000012;
    scroll-snap-align: center;
  margin: 1rem!important;
}

.field--name-field-bloc-personnalise .responsive-interv  > a,
div#block-interventionshpmobile .responsive-interv  > a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.field--name-field-bloc-personnalise .responsive-interv img,
div#block-interventionshpmobile .responsive-interv img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
}



/*Le parcours de soins /HP*/
div#block-parcoursdesoinshp .conteneur-global h2{
    font-size: 24px !important;
}
div#block-parcoursdesoinshp .conteneur_parcours .bloc_parcours h3 {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

/*Le footer*/
div#block-footerhp .conteneur-global > .L_2col{
    flex-direction: column;    
}
div#block-footerhp .conteneur-global > .L_2col > [class*="col-"]{
    width: calc(100% - 50px);
}
div#block-footerhp .conteneur-global > .L_2col > .col-contact{
    height: calc(50vh + -120px);
    padding: 90px 5vw 20px !important;
}
div#block-footerhp .conteneur-global > .L_2col > .col-contact {
  height: auto;
  padding: 100px 5vw 10px !important;
}
div#block-footerhp .conteneur-global > .L_2col > .col-contact h3{
    padding: 30px 0 0;
    margin: 0;    
}
div#block-footerhp .conteneur-global > .L_2col > .col-contact > .conteneur_txt{

}
div#block-footerhp .conteneur-global > .L_2col > .col-contact > .conteneur_txt > h4{
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
    padding: 0 0 10px;
}
div#block-footerhp .conteneur-global > .L_2col > .col-contact > .conteneur_txt > p{
    margin: 0 0 10px;    
}
div#block-footerhp .conteneur-global > .L_2col > .col-contact > .conteneur_txt > .bloc_btns{

}
div#block-footerhp .conteneur-global > .L_2col > .col-contact > .conteneur_txt > .bloc_btns > a{
    color: transparent;
    background-color: #738e96;
    padding: 4px;
    border-radius: 30px;
    background-position: center;
    background-repeat: no-repeat;
}
div#block-footerhp .conteneur-global > .L_2col > .col-contact > .conteneur_txt > .bloc_btns > a.picto-doctolib{
    margin-right: 8px;
    color: #fff;
    padding: 4px 14px 4px 44px;
    display: flex;
    align-items: center;
    background-image: url(../images/gfx/picto_doctolib_FFFFFF.svg);
    background-size: 20px;
    background-position: 14px center;
}

div#block-footerhp .conteneur-global > .L_2col > .col-contact > .conteneur_txt > .bloc_btns > a.picto-telephone{
    width: 35px;
    height: 35px;
    margin: 0 8px;
    background-image: url(../images/gfx/picto_telephone_FFFFFF.svg);
    background-size: 14px;
}
div#block-footerhp .conteneur-global > .L_2col > .col-contact > .conteneur_txt > .bloc_btns > a.picto-mail{
    width: 35px;
    height: 35px;
    margin-left: 8px;
    background-image: url(../images/gfx/picto_mail_FFFFFF.svg);
    background-size: 20px;
}

div#block-footerhp .conteneur-global > .L_2col > .col-contact > .conteneur_txt > .bloc_btns > a > span{
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
}


div#block-footerhp .conteneur-global > .L_2col > .col-lieux{
    height: calc(50vh - 9px);
    padding: 0 !important;
    width: 100vw !important;
}
div#block-footerhp .conteneur-global > .L_2col > .col-lieux {
	height:auto;
}
div#block-footerhp .conteneur-global > .L_2col > .col-lieux > h3{
    margin: 0;
}
div#block-footerhp .conteneur-global > .L_2col > .col-lieux > .conteneur_txt{
    flex-direction: column;
    align-items: flex-start;
}
div#block-footerhp .conteneur-global > .L_2col > .col-lieux > .conteneur_txt .bloc-consultation {
  position: relative;
  width: calc(100% - 60px);
  border-bottom: 1px solid #eee;
  margin-top: 0;
  display: block;
  padding: 15px 30px;
}
div#block-footerhp .conteneur-global > .L_2col > .col-lieux > .conteneur_txt .bloc-consultation h4{
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
div#block-footerhp .conteneur-global > .L_2col > .col-lieux > .conteneur_txt .bloc-consultation h4,
div#block-footerhp .conteneur-global > .L_2col > .col-lieux > .conteneur_txt .bloc-consultation p,
div#block-footerhp .conteneur-global > .L_2col > .col-lieux > .conteneur_txt .bloc-consultation a{
    text-align: left;
}
div#block-footerhp .conteneur-global > .L_2col > .col-lieux > .conteneur_txt .bloc-consultation p{
    margin: 0;
    line-height: 1.1rem;
}
div#block-footerhp .conteneur-global > .L_2col > .col-lieux > .conteneur_txt .bloc-consultation a{
position: absolute;
    top: 20px;
    right: 30px;
    padding: 8px;
    border-radius: 30px;
    background-color: #f4ccb3;
}


/*TDC - Page de Base*/
/*Actualités*/
.view-actualites .views-row,
.view-actualites .views-row:nth-child(odd),
.view-actualites .views-row:nth-child(even){
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

/*Page Tarif*/
.page-node-35 .S_bandeau .col_centre .field--type-text-long{
width: 90vw;
}
.page-node-35 .S_bandeau [class*="tableau-tarif"] {
    padding: 0 !important;
    width: 100%;
}
.page-node-35 .S_bandeau [class*="tableau-tarif"] h2{
    text-align: center;
    font-size: 1.55rem !important;
    margin: 30px 0 0;
}
.page-node-35 .S_bandeau [class*="tableau-tarif"] tbody > tr > td{
    width: calc((100% / 3) - 8px);
    padding: 4px;
}

/*Page Contact*/
#block-webform select,
#block-webform input[class*="form"],
#block-webform textarea{
    min-width: auto;
}
details#captcha {
    width: 100%;
}
.g-recaptcha iframe{
    max-width: 300px;
}

/*Fin - TDC Page de Base*/


/*TDC FAQ*/
.page-node-type-faq .node__content > .S_2col{
    flex-direction: column;
}
.page-node-type-faq .node__content > .S_2col > .col_gauche{
    width: 100%
}

.page-node-type-faq .node__content > .S_2col > .col_droite{
    width: calc(100% - 10vw);
    margin-right: 5vw;
    margin-left: 5vw;
}

.page-node-type-faq .field--name-field-intervention-liee {
    position: relative;
    bottom: 60px;
    left: 0;
    margin: 0;
}
.page-node-type-faq .field--name-field-intervention-liee > .ligne > a{
    width: auto;    
}

/*Fin - TDC FAQ*/

.conteneur_interventions .bloc_interventions > a {
  bottom: 50%;
}
.flexslider.optionset-carrousel .flex-viewport ul.slides li:hover .bloc_interventions > a {
  bottom: -20px;
}
div#block-footerhp .conteneur-global > .L_1col:last-of-type {
}
}


@media all and (max-width: 500px) {
.L_2col > .col_fixe,
.page-node-type-interventions .col_fixe{
    display: none !important;
}
.L_2col > .col_contenus{
    width: 90vw !important;
    margin: 0 auto;
}

/*TDC Interventions*/
.page-node-type-interventions .S_hero .gr_en-bref > *:not(:last-child) {
    width: calc((100% / 2) - 30px);
    margin-bottom: 25px;
}
.page-node-type-interventions .S_hero .gr_en-bref{
    justify-content: center;
}
.page-node-type-interventions .S_hero .gr_en-bref > .field--name-field-anesthesie{
    padding-right: 0;
    border-right: none;

}
.page-node-type-interventions .S_hero .gr_en-bref > .field--name-field-duree-d-hospitalisation {
    padding-left: 0;
    border-right: 1px solid #3333333b;
    padding-right: 15px;
}
.page-node-type-interventions .S_hero .gr_en-bref > .field--name-field-duree-de-convalescence{
    padding-right: 0;
    padding-left: 15px;
    border-right: none;    
}
.page-node-type-interventions .S_hero .gr_en-bref > .field--name-field-tarif{
    border: none;
    width: 100%;
}
ul.sf-menu li.menuparent > ul > li > a {
  padding: 10px 20px;
  width: auto;
}
ul.sf-menu li.menuparent > ul > li > ul > li > a {
  padding: 10px 30px 10px 30px;
  width: calc(100% - 60px);
}
}


@media all and (max-width: 420px) {

h1{
    font-size: 2rem !important;
    font-weight: 600;   
}
h2{
	font-size: 1.85rem !important;
}

.L_2col > [class*="col_"].col_txt:last-child .conteneur_txt{
    padding: 0 5vw;
}
.page-node-33 .S_principale .L_2col > .col_txt > .conteneur_txt.info,
.page-node-34 .S_principale .L_2col > .col_txt > .conteneur_txt.info,
.page-node-63 .S_principale .L_2col > .col_txt > .conteneur_txt.info{
    padding: 15px;
    width: calc(80vw - 30px);
    margin: 0 auto;
    border-radius: 35px;
}
.page-node-33 .S_principale .L_2col > .col_txt > .conteneur_txt.info .bloc-info,
.page-node-34 .S_principale .L_2col > .col_txt > .conteneur_txt.info .bloc-info,
.page-node-63 .S_principale .L_2col > .col_txt > .conteneur_txt.info .bloc-info{
    padding: 12px;
}



/*Fin - Commun*/

/*HP*/
.path-frontpage .region-hero div#block-herohp .conteneur-global > video {
    display: none;
}
.path-frontpage .region-hero div#block-herohp .conteneur-global > img {
    object-fit: cover;
}

.view-specialite .view-header{
    height: auto;
}
.view-specialite > .view-content{
    height: calc(100vh - 200px);    
}

div#block-views-block-specialite-block-1{
	padding-top: 0;
}
.view-specialite .view-header .conteneur_titre{
		flex-direction: column;
		margin-bottom: 0;
	}
.view-specialite .view-header .conteneur_titre p{
	justify-content: flex-start;
}
.flexslider.optionset-carrousel .flex-viewport ul.slides li {
    margin: 0 !important;
    position: relative;
    max-height: calc(100vh - 250px);
    height: 60vh;
}
.flexslider.optionset-carrousel .flex-viewport ul.slides{
    padding: 0;
    /*align-items: flex-end;*/
    margin-top: 25px;
}
.flexslider.optionset-carrousel .flex-viewport ul.slides li{
	width: 80vw !important;
    max-width: 250px;
}


.flexslider.optionset-carrousel .flex-viewport ul.slides li:hover .bloc_interventions .view-intervention .view-content{
	display: none;
}

/*Section Footer*/
div#block-footerhp .conteneur-global > .L_2col{
	flex-direction: column;
}
div#block-footerhp .conteneur-global > .L_2col > [class*="col-"]{
	width: calc(100% - 10vw);
    padding: 20px 5vw;
}
/*Fin - HP*/


/* Champs Recherche & page Résultat de recherche*/
div#block-formulaireexposesearch-contentpage-1{
    top: -50px;
}
form#views-exposed-form-search-content-page-1 .form--inline > div#edit-actions,
form#views-exposed-form-search-content-page-1 .form--inline .form-actions,
form#views-exposed-form-search-content-page-1:hover .form--inline > div#edit-actions{
    display:none;
}
div#block-formulaireexposesearch-contentpage-1 {
    top: -50px;
}

/*Pied de page*/
.field--name-field-pied-de-page .conteneur-global > .L_2col > .col-lieux .conteneur_txt{
    flex-direction: column;
}


/*TDC Interventions*/
.gr_deroulement .horizontal-tabs{
    width: calc(80vw - 20px);
    padding: 10px;    
}
.gr_deroulement details{
    margin-top: 0;
    border-radius: 24px;
    border: 1px solid #eee;
}
details > .details-wrapper{
    padding: 0;
}
.gr_deroulement .horizontal-tabs details > summary {
    width: 100%;
    font-weight: 600;
    padding: 0;
}
.gr_deroulement .horizontal-tabs details#edit-group-avant-intervention > summary{
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}


}




@media all and (max-width: 380px) {
.path-frontpage .region-profil,
.region-parcours-patient,
div#block-parcoursdesoinshp,
.view-specialite .view-header,
.region-footer,
div#block-footerhp{
	height: auto;
}



/*HP*/

.conteneur-global{
	width: 100%;
}

div#block-herohp .conteneur .bloc_txt {
    flex-wrap: wrap;
}
div#block-herohp .conteneur .bloc_txt a{

}
div#block-herohp .conteneur .bloc_txt h1{
	margin-left: 0;
	padding-left: 15px;
}


.conteneur_quote .bloc_quote {
    padding-left: 0;
    margin-bottom: 30px;
}



/*TDC Interventions*/
.page-node-type-interventions .S_hero{
    padding-top: 250px;
}


.gr_deroulement details{
    border: none;
}
.gr_deroulement .L_2col > .col_txt:first-child .conteneur_txt{
    padding: 0;
}
.gr_deroulement .L_2col > [class*="col_"]:last-child {
    overflow-y: initial;
    padding-right: 0;
    padding-left: 0;
    max-height: initial;
}

.page-node-type-interventions div#gr-deroulement .field--name-field-titre-deroulement h2 {
    text-align: center;
    padding: 0 5vw;
}
.gr_deroulement .horizontal-tabs {
    width: calc(80vw - 10vw);
    margin: 5vw auto;
    padding: 4px;
}
.gr_deroulement details > .details-wrapper{
    padding: 4px;
}
.gr_deroulement .L_2col [class*="col_"]{
    padding-left: 0;
}

/*pied de page*/
.field--name-field-pied-de-page .conteneur-global > .L_2col > .col-lieux .conteneur_txt{
    flex-direction: column;
}






}

















/* 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;
}