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


@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap')



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

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

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

}

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

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

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

article {
	width:100%;
}

a:focus,
a:not(.button):focus,
.ckeditor-accordion-container > dl dt > a:focus,
.ckeditor-accordion-container > dl dt > a:not(.button):focus {
    outline-color: transparent;
    outline: none;
    outline-offset: 0;
}


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

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

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

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

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

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

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

.animated {
	transition-delay : 300ms;
	transition-duration : 1600ms;
	opacity: 1;
	transform: none;
}
/* Connexion utilisateur */
.path-user .user-login-form {
    margin: 0 auto;
    max-width: max-content;
}
.path-user .region-content form {
    background-color: #f2f2f2;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 50px;
    padding: 20px;
}
.path-user .user-register-form label,
.path-user .user-login-form label {
    display: block;
    float: left;
    width: 160px;
}
.path-user .user-register-form select,
.path-user .user-login-form input,
.path-user .user-register-form input {
    width: 580px;
}
.path-user .region-content .form-actions input {
    width: auto;
}
input.form-submit, .button {
    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;
}
/* --Siperfish modif --*/

ul#superfish-main {
    width: 100%;
    display: flex;
    justify-content: space-between;
	font-size: 1.1em;
}
ul#superfish-main > li.sf-depth-1 > ul a{
    color: #fff !important;
}

ul#superfish-main > li.sf-depth-1 > ul{
    box-shadow: 0px 9px 6px 2px #00000005;
    background-color: #033cfe;
}
ul#superfish-main > li#main-menu-link-content03c929d1-421c-4d6f-825a-4b5ca9907906 > ul{
    position: fixed;
    width: 100% !important;
    left: 0 !important;
    top: 100px;
    padding: 80px 10vw;
}

ul#superfish-main > li.sf-depth-1 > ul > li.sf-multicolumn-wrapper{
    width: 100% !important;
}
ul#superfish-main > li.sf-depth-1 > ul > li.sf-multicolumn-wrapper > ol{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 100% !important;   
}
ul#superfish-main > li.sf-depth-1 > ul > li.sf-multicolumn-wrapper > ol > li.sf-depth-2{

}

ul#superfish-main > li.sf-depth-1 > ul > li.sf-multicolumn-wrapper > ol > li span.sf-depth-2{
    color: #fff;
    font-weight: 700;
    padding: 0;
    cursor: initial;
    margin-bottom: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
}
ul#superfish-main > li.sf-depth-1 > ul > li.sf-multicolumn-wrapper > ol > li.sf-depth-2 ol > li.sf-depth-3{
    border-bottom: 1px solid #ffffff47;
}
ul#superfish-main > li.sf-depth-1 > ul > li.sf-multicolumn-wrapper > ol > li.sf-depth-2 ol > li.sf-depth-3 a,
ul#superfish-main > li.sf-depth-1 > ul > li.sf-multicolumn-wrapper > ol > li.sf-depth-2 ol > li.sf-depth-3 span{
    color: #fff;
    padding: 7px 0 7px 18px;
    position: relative;
}
ul#superfish-main > li.sf-depth-1 > ul > li.sf-multicolumn-wrapper > ol > li.sf-depth-2 ol > li.sf-depth-3 a:before,
ul#superfish-main > li.sf-depth-1 > ul > li.sf-multicolumn-wrapper > ol > li.sf-depth-2 ol > li.sf-depth-3 span:before{
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 10px;
    background-image: url("../images/gfx/picto_chevron-right_FFFFFF.svg");
    background-repeat: no-repeat;
    background-position: center;
}

li#main-menu-link-content03c929d1-421c-4d6f-825a-4b5ca9907906 > ul > li.sf-multicolumn-wrapper > ol{
    flex-wrap: nowrap;
}

ul#superfish-main li {
	background:none;
}

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

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: #033CFE;	
}
ul#superfish-main li.sf-depth-2{

}

ul#superfish-main > li > a > .sf-sub-indicator{
    top: auto;
    bottom: -20px;
    right: calc(50% - 8px);   
}
ul.sf-menu li:hover > ul,
ul.sf-menu li.sfHover > ul {
    left: 0;
    top: 50px;
}
ul.sf-menu ul .sf-sub-indicator{

}
ul.sf-menu .sf-sub-indicator:after{
    content: "" !important;
    background-image: url(../images/gfx/picto_chevron-right_929896.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
}

ul#superfish-main > li > a > .sf-sub-indicator:after{
    background-image: url(../images/gfx/picto_chevron-right_929896.svg);
    transform: rotate(90deg);
}
ul#superfish-main > li > a:hover .sf-sub-indicator:after{
    top: 12px;
}
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{
    background-color: #fff;
    box-shadow: none;
}
ul#superfish-main li{

}

ul#superfish-main li.sf-depth-2 a:hover{
    background-color: #eeeeee24;
}

ul#superfish-main li.sf-depth-2 > div > a,
ul#superfish-main li.sf-depth-2 > div > span{
    font-size: 1.25rem;
    line-height: 1.4rem;
    font-weight: 700;
}
ul#superfish-main li.sf-depth-2 > div > a:hover,
ul#superfish-main li.sf-depth-2 > div > span:hover{
    background-color: transparent;
}

ul#superfish-main li#main-menu-link-content87fb093b-83c4-4810-9cc9-10cda9d994b4 > div > a{
    line-height: initial;
    font-weight: 600;
    font-size: 1rem;
}



/* 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 --------------*/
body {
	background-image:none;
}
[dir="ltr"] .site-branding {
    margin-left: 0;
}
.site-branding {
    align-items: center;
}
.container {
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
}
[dir="ltr"] .wide-image {
    margin-left: 0;
}
.site-header__inner {
    z-index: 1;
    flex-grow: 1;
    width: 100%;
    background: #fff;
}
.page-wrapper {
    max-width: 100%;
    background: #fff;
}
.main-content {
    width: 100%;
}
.site-header__inner__container {
    padding: 0;
}
.form--inline > * {
    margin-top: 0;
}
.region > * {
    margin-bottom: 0;
}
.grid-full {
	display:block;
}
#block-asco-theme-primary-local-tasks {
	bottom:0;
	left:0;
	position:fixed;
	z-index:99;
}

.region--content {
    margin-bottom: 0;
}
.node__content {
    padding-bottom: 0;
}
.wide-image {
    width: auto;
}


/* ------------------------------------------------------------------------------------------------------------------- */
/*Administration*/
.user-logged-in header#header {
    top: 80px;
}

.path-user form#user-login-form{
    margin: 0 auto 80px;
}
.path-user div#edit-actions > input.form-submit{
    display: inline-block;
    width: 180px !important;
    border-radius: 0;
    background-color: #01002e !important;
    color: #fff;	
}
.path-user div#edit-actions > input.form-submit:hover{
    background-color: #f5bc91 !important;
}

/* Fin - Administration */
/* ------------------------------------------------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------------------------------------------------- */
/*Elements Communs
Header & menu
Footer et pied de page
Blocs personnalisés
Régions
*/

/*Header et menu*/
header#header {
    min-height: fit-content;
    position: sticky;
    top: 0;
    height: initial;
    width: 100%;
	background-color: #FFFFFF;
}
header#header .site-header__initial {
    background-color: transparent;
    display: none;
}
.path-frontpage header#header div#site-header__inner{
	background-color: transparent;
}

body:not(.is-always-mobile-nav) .header-nav{
    padding: 36px 0 0;   
}

header#header .site-header__inner__container{
    padding: 0 5vw;
}
header#header .site-header__inner__container > div#block-asco-theme-site-branding{
    background: transparent;
    margin: 0;
    padding: 0;
    min-height: fit-content;
	z-index: 800;
}
header#header .site-header__inner__container > div#block-asco-theme-site-branding .site-branding__inner,
header#header .site-header__inner__container > div#block-asco-theme-site-branding .site-branding__inner > a,
header#header .site-header__inner__container > div#block-asco-theme-site-branding .site-branding__inner > a > img{
	height: 100%;
    width: 100%;
}
header#header .site-header__inner__container > div#block-asco-theme-site-branding .site-branding__inner > a > img{
    display: block;	
}
/*Fin - Header et menu*/

/*Footer et pied de page*/
body:not(.is-always-mobile-nav) .site-footer, footer.site-footer{
    border-inline-start: 0 !important;
    background-color: #1B1B25;
    padding: 100px 10vw 0;
    margin-top: -24px;
}
footer.site-footer > .site-footer__inner{
    padding: 0;
}
footer.site-footer div#block-asco-theme-footer .field--name-body > .ligne{

}
footer.site-footer .bloc_footer{

}
footer.site-footer .bloc_footer > .conteneur_footer{
    display: flex;
    justify-content: space-between;
}
footer.site-footer .bloc_footer > .conteneur_footer > div{
    width: calc(100% / 3);
}
footer.site-footer .bloc_footer > .conteneur_footer > div p{
    color: #fff;
}

footer.site-footer .bloc_footer > .conteneur_footer > div.contacter-nous{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
footer.site-footer .bloc_footer > .conteneur_footer > div.contacter-nous p.btn{
    margin: 8px 0;
}

footer.site-footer .bloc_footer > .conteneur_footer > div.prendre-rdv .gr_btns{
    flex-direction: column;
    align-items: flex-start;    
}
footer.site-footer .bloc_footer > .conteneur_footer > div.prendre-rdv .gr_btns p.btn-bloc{
    margin: 0 0 8px;
    display: block;
    width: 100%;
}
footer.site-footer .bloc_footer > .conteneur_footer > div.prendre-rdv .gr_btns p.btn-bloc > a{
    padding: 22px;
    display: block;
    background-image: url(../images/gfx/picto_chevron-right_FFFFFF.svg);
    background-repeat: no-repeat;
    background-position: 93% center;
}
footer.site-footer .bloc_footer > .conteneur_footer > div.prendre-rdv .gr_btns p.btn-bloc:first-of-type > a{
    background-color: #fff;
    color: #707070;
    background-image: url(../images/gfx/picto_chevron-right_929896.svg);
}


footer.site-footer .bloc_pied{
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #707070;
    margin-top: 40px;
}
footer.site-footer .bloc_pied p, footer.site-footer .bloc_pied a{
    font-size: .9rem;
}


footer.site-footer .bloc_pied > .conteneur_linkedin{

}
footer.site-footer .bloc_pied > .conteneur_linkedin > p{

}
footer.site-footer .bloc_pied > .conteneur_linkedin > p > a{
    padding: 8px 0 8px 34px;
    position: relative;

}
footer.site-footer .bloc_pied > .conteneur_linkedin > p > a:before{
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - 11px);
    width: 22px;
    height: 22px;
    background-color: #033CFE;
    border-radius: 11px;
    background-image: url(../images/gfx/picto_linkedin_FFFFFF.svg);
    background-repeat: no-repeat;
    background-position: center;
}
footer.site-footer .bloc_pied > .conteneur_liens{
    display: flex;
}
footer.site-footer .bloc_pied > .conteneur_liens > p{
    margin-left: 12px;
}


footer.site-footer h3{
    color: #033CFE;
    margin: 0 0 30px;
}
/*Fin - Footer et pied de page*/



/*h1, h2, h3, h4, p, li, a, etc..*/
body *,
body *:before,
body *:after{
  font-family: "Inter", sans-serif;
  transition: .3s;
}

a{
	
}
a:hover{
	border:none;
}

.main-content h1, .h1{

}

.main-content h2, .h2, .field--type-text-long.field--label-above > .field__label{
	position: relative;
    padding-left: 80px;
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 2.3rem;
}
.main-content h2:before, .h2:before, .field--type-text-long.field--label-above > .field__label:before{
	content: "";
	position: absolute;
	left: 0;
	top: 16px;
	width: 58px;
	height: 3px;
	background-color: #033CFE;
}

.main-content h3 , .h3{
    font-size: 1.25rem;
    line-height: 1.4rem;
    font-weight: 700;
    color: #033CFE;
    margin: 40px 0 0;
}
.main-content h3 > a, .h3 > a, .main-content h4, .h4{
	text-decoration: none;
}
.main-content h3 > a:hover, .h3 > a:hover, .main-content h4:hover, .h4:hover{
	text-decoration: underline;
}

.main-content h4, .h4{
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
}

.main-content p, .main-content li{
	
}

p.important{
	font-weight: 700;
	font-size: 1.2rem;
}


p.btn{
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0 0 0 24px;
}
p.btn:before{
    content: "";
    width: 12px;
    height: 8px;
    background-image: url(../images/gfx/picto_fleche-right_929896.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 10px;
}
p.btn:hover:before{
	left: 4px;
}

p.btn > a{
	color: #929896;
}
p.btn > a:hover{
	color: #033CFE;
}
p > a{
	font-weight: 600;
    color: #2e8cc7;
}
.text-content p > a:hover{
    color: #033CFE;
}

p.avant-ul{
    margin: 6px 0 0;
    text-decoration: underline;    
}


p.btn-bloc{

}

p.btn-bloc > a{
	padding: 22px 22px 22px 52px;
    background-color: #033CFE;
	color: #fff;
    display: block;
}
p.btn-bloc.blanc > a{
    background-color: #FFF;
    color: #000;
}

p.btn-bloc > a.rdv{
    background-image: url(../images/gfx/picto_rdv_FFFFFF.svg);
    background-repeat: no-repeat;
    background-position: 22px 22px;
}
p.btn-bloc > a.rdv:hover{
    background-color: #2e8cc7;
    color: #fff;
}

p.btn-bloc > a.fleche{
    position: relative;
}
p.btn-bloc > a.fleche:before{
    content: "";
    width: 12px;
    height: 8px;
    background-image: url(../images/gfx/picto_fleche-right_929896.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: 12px;
    top: calc(50% - 4px);
}
p.btn-bloc > a.fleche:hover:before{
    left: 16px;
}
p.btn-bloc > a.fleche:hover{
    background-color: #2e8cc7;
    color: #fff;
}

div.gr_btns, div.gr-btns{
	display: flex;
    flex-wrap: wrap;
	align-items: center;
}
div.gr_btns > p, div.gr-btns > p{
	margin-right: 24px;
}


ul.liste-liens{
    margin: 0;
}
ul.liste-liens > li{
    list-style: none;
    margin-bottom: 12px;
}
ul.liste-liens > li:last-child{
    margin-bottom: 0;
}
ul.liste-liens > li > a{
    position: relative;
    padding: 6px 0 6px 48px;
    display: block;
}
ul.liste-liens > li > a:before,
.view-pathologies.view-display-id-block_1 > .view-content .views-row .views-field-title a:before,
.path-faq .view-faq-palier.view-display-id-block_1 > .view-content .views-row .views-field-title a:before{
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/gfx/picto_chevron-right_FFFFFF.svg) !important;
    transform: rotate(0deg);
    display: block;
    width: 38px;
    height: 38px;
    position: absolute;
    left: 0;
    top: calc(50% - 18px);
    border: 1px solid #EEEEEE;
    border-radius: 24px;
}
ul.liste-liens > li > a:hover,
.view-pathologies.view-display-id-block_1 > .view-content .views-row .views-field-title a:hover,
.path-faq .view-faq-palier.view-display-id-block_1 > .view-content .views-row .views-field-title a:hover{
    font-weight: 600;
}
ul.liste-liens > li > a:hover:before,
.view-pathologies.view-display-id-block_1 > .view-content .views-row .views-field-title a:hover:before,
.path-faq .view-faq-palier.view-display-id-block_1 > .view-content .views-row .views-field-title a:hover:before{
    background-color: #fff;
    background-image: url(../images/gfx/picto_chevron-right_929896.svg) !important;
    background-position: 16px 12px;
}


figure{
    margin: 0; 
    padding: 24px;    
}
figure img{
    width: 100%;
}



/*Blocs personnalisés*/
/*Lieux d'activités = div#block-asco-theme-lieuxdactivites*/
div#block-asco-theme-lieuxdactivites{
    padding: 80px 10vw 0;
    max-width: 1800px;
    margin: 0 auto;
}
div#block-asco-theme-lieuxdactivites .field--name-body > .ligne{
    display: flex;
}
div#block-asco-theme-lieuxdactivites .bloc_txt{
    width: 50%;
}
div#block-asco-theme-lieuxdactivites .bloc_txt.gauche{
    padding-right: 100px;
}
div#block-asco-theme-lieuxdactivites .bloc_txt.gauche h3{
    margin: 50px 0 10px;
    color: #033CFE;
}
div#block-asco-theme-lieuxdactivites .bloc_txt.gauche ul{
    margin: 0;
}
div#block-asco-theme-lieuxdactivites .bloc_txt.gauche ul > li{
    list-style: none;
    color: #929896;
    border-bottom: 1px solid #9298962e;
    padding: 8px 0;
}
div#block-asco-theme-lieuxdactivites .bloc_txt.gauche ul > li:last-of-type{
    border-bottom: none;
}
div#block-asco-theme-lieuxdactivites .bloc_txt.gauche ul > li > a{
    text-decoration: none;
    color: #0b0d0f;
}
div#block-asco-theme-lieuxdactivites .bloc_txt.gauche ul > li > a:hover{
    text-decoration: underline;
    color: #033CFE;
}

div#block-asco-theme-lieuxdactivites .bloc_txt.gauche p.btn{
    margin-top: 60px;
}

div#block-asco-theme-lieuxdactivites .bloc_txt.droite,
.page-node-type-page .S_contenus > .col_fixe .bloc_txt{
    display: flex;
    justify-content: space-between;
}
div#block-asco-theme-lieuxdactivites .bloc_txt.droite *,
.page-node-type-page .S_contenus > .col_fixe .bloc_txt *{
    color: #fff;
}
div#block-asco-theme-lieuxdactivites .bloc_txt.droite p.h4,
.page-node-type-page .S_contenus > .col_fixe .bloc_txt p.h4{
    font-weight: 700;
} 
div#block-asco-theme-lieuxdactivites .bloc_txt.droite p.h4:hover,
.page-node-type-page .S_contenus > .col_fixe .bloc_txt p.h4:hover{
    text-decoration: none;
}
div#block-asco-theme-lieuxdactivites .bloc_txt.droite > div,
.page-node-type-page .S_contenus > .col_fixe .bloc_txt > div{
    width: calc(50% - 10px);
    min-width: 320px;
}
div#block-asco-theme-lieuxdactivites .bloc_txt.droite > div.conteneur_consultation{

}
div#block-asco-theme-lieuxdactivites .bloc_txt.droite > div.conteneur_consultation .conteneur_txt,
.page-node-type-page .S_contenus > .col_fixe .bloc_txt > div .conteneur_txt{
    padding: 48px;
    background-color: #033cfec4;
    text-align: center;
}
div#block-asco-theme-lieuxdactivites .bloc_txt.droite > div.conteneur_consultation .hotel-dieu,
.page-node-type-page .S_contenus > .col_fixe .bloc_txt > div .hotel-dieu{
    background-image: url("../images/photos/photo_chu-nantes.webp");
    border-bottom: 1px solid #fff;
}
div#block-asco-theme-lieuxdactivites .bloc_txt.droite > div.conteneur_consultation .hopital-bellier,
.page-node-type-page .S_contenus > .col_fixe .bloc_txt > div .hopital-bellier{
    background-image: url("../images/photos/photo_hopital-bellier.webp");
}

div#block-asco-theme-lieuxdactivites .bloc_txt.droite > div.conteneur_hospitalisation{
    background-image: url("../images/photos/photo_hopital-bellier.webp");
    background-size: cover;
}
div#block-asco-theme-lieuxdactivites .bloc_txt.droite > div.conteneur_hospitalisation .conteneur_txt{
    padding: 48px;
    height: 100%;
    background-color: #1b1b25d6;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
/*Fin bloc - Lieux d'activités */

/*Blocs menus
Top menu = nav#block-asco-theme-topmenu
Menu latéral = nav#block-asco-theme-menulateral
Menu RDV = div#block-asco-theme-rdvmenu
*/

/*Top menu*/
nav#block-asco-theme-topmenu{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;    
}
nav#block-asco-theme-topmenu .field--name-body > .ligne{
    display: flex;
    justify-content: flex-end;
}
nav#block-asco-theme-topmenu ul{
    display: flex;
    margin: 0;
    padding: 0;
    background-color: #033CFE;
    width: fit-content;
}
nav#block-asco-theme-topmenu ul > li{
    list-style: none;
    padding: 4px 48px;
}
nav#block-asco-theme-topmenu ul > li:first-child{
    background-color: #2e8cc7;
}
nav#block-asco-theme-topmenu ul > li.urgences{
    background-color: #ff0000;
}
nav#block-asco-theme-topmenu ul > li:last-of-type{
    margin-right: calc(10vw - 48px);
}
nav#block-asco-theme-topmenu ul > li > a{
font-size: .8rem;
color: #fff;
}
/*Fin - Top menu*/

/*Menu latéral*/
nav#block-asco-theme-menulateral{
    position: fixed;
    top: 20vh;
    right: 0;    
}
nav#block-asco-theme-menulateral ul{
    margin: 0;
}
nav#block-asco-theme-menulateral ul > li{
    list-style: none;
    position: relative;
    right: -170px;
    width: 220px;
}
nav#block-asco-theme-menulateral ul > li > a{
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 16px;
    padding: 12px 24px 12px 52px;
    font-size: .8rem;
    display: block;
    text-decoration: none;
    font-weight: 700;
}
nav#block-asco-theme-menulateral ul > li:hover{
    right: 0;
}

nav#block-asco-theme-menulateral ul > li.rdv > a{
    background-image: url("../images/gfx/picto_rdv_FFFFFF.svg");
    color: #fff;
    background-color: #033CFE;
}
nav#block-asco-theme-menulateral ul > li.rdv > a:hover{
    background-color: #2e8cc7;
}

nav#block-asco-theme-menulateral ul > li.acces > a{
    background-image: url("../images/gfx/picto_lieux_1B1B25.svg");
    color: #1B1B25;
    background-color: #CCCCCC;
}

/*Fin - Menu latéral*/


/*Menu RDV*/
div#block-asco-theme-rdvmenu{
    width: 500px;
    padding-right: 5vw;
}
div#block-asco-theme-rdvmenu .field--name-body > .ligne{

}
div#block-asco-theme-rdvmenu .field--name-body p{
    margin: 0;
    text-align: right;
}
div#block-asco-theme-rdvmenu .field--name-body p > a{
    font-size: 1rem;
}

div#block-asco-theme-rdvmenu .field--name-body p.telephone > a{
    color: #707070;
    text-decoration: none;
}
div#block-asco-theme-rdvmenu .field--name-body p.rdv-en-ligne > a{
    color: #033CFE;
}

/*Fin - Menu RDV*/

/*Fin - Blocs personnalisés*/




/*Modules
Module accordéons = 
*/



.ckeditor-accordion-container > dl{
    border: none;
    border-radius: 4px;
    margin-bottom: 0;
}
.ckeditor-accordion-container > dl dt{
    margin: 0;
    border-radius: 4px;
    border: 1px solid #EDEDED;
    background-color: #ffffff;
    padding: 24px 48px;
    position: relative;
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle{
    width: 38px;
    height: 38px;
    position: absolute;
    right: 36px;
    left: auto;
    top: calc(50% - 16px);
    border: 1px solid #EEEEEE;
    border-radius: 24px;
    background-image: none;
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before{
    content: "";
    width: 38px;
    height: 38px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/gfx/picto_chevron-bottom_575757.svg");
    transform: rotate(0deg);
    display: block;
}
.ckeditor-accordion-container > dl dt.active > a{
    color: #033cfe !important;
}
.ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle{
    background-color: #033cfe;
    background-image: url(../images/gfx/picto_chevron-bottom_FFFFFF.svg);
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-position: center;
}

.ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button){
    font-size: 1.25rem;
    line-height: 1.4rem;
    font-weight: 700;
    color: #575757;
    text-decoration: none;
    background-color: transparent;
    border: none;
    padding: 0;
}
.ckeditor-accordion-container > dl dt > a:hover, .ckeditor-accordion-container > dl dt > a:not(.button):hover{
    background-color: transparent;
    color: #575757;
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before{
    left: auto;
    right: 0;
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before,
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after{
    background-color: transparent;
}
.ckeditor-accordion-container > dl dd{

}
.ckeditor-accordion-container > dl dd.active{
    background-color: ;
}
.ckeditor-accordion-container > dl dd > *:first-of-type{
    margin-top: 0 !important;
    padding-top: 24px;
}
.ckeditor-accordion-container > dl dd > *:last-of-type{
    margin-bottom: 0;
    padding-bottom: 24px;
}
.ckeditor-accordion-container > dl dd p.h4{
        margin: 24px 0 0;
}
.ckeditor-accordion-container > dl dd ul{
    padding: 0;
}

/*
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
    color: #033cfe !important;
}

.view-id-f_a_q.view-display-id-block_1 .views-row .ui-accordion-content{
    background-color: transparent;
    border: none;
    padding: 24px 48px;
    height: max-content !important;
}
*/

.ckeditor-accordion-container > dl dt.active{
    background-color: #f8f8fa;
    border: 1px solid #eee !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-left: 5px solid #033CFE !important;
}
.ckeditor-accordion-container > dl dd.active{
    background-color: #F8F8FA;
    border-left: 5px solid #033CFE !important;
}
.ckeditor-accordion-container > dl dd.active *{
    color: #575757;
}






/*Fin - Modules*/















/*Régions
.region--breadcrumb
.region--content
*/

.region--breadcrumb{
    padding: 40px 10vw;
    background-color: #f9f9f9;
    border-bottom: 1px dotted #2e8cc7;
    box-shadow: 0px 6px 16px -4px #1b1b251a;
    max-width: 1800px;
    margin: 0 auto;
}
div#block-asco-theme-breadcrumbs ol.breadcrumb__list{

}
div#block-asco-theme-breadcrumbs ol.breadcrumb__list > li{

}
div#block-asco-theme-breadcrumbs ol.breadcrumb__list > li > a{
    font-size: .8rem;
    font-weight: 700;
    color: #033cfe;    
}

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

}

/*Fin - Régions*/

/* Fin - Elements communs */
/* ------------------------------------------------------------------------------------------------------------------- */


/*Vues*/
/*Vue - Praticien*/
.view-praticien{

}
.view-praticien > .view-content{

}
.view-praticien > .view-content > div{
    display: flex;
    flex-wrap: wrap;
}
.view-praticien > .view-content .views-row{
    width: calc(100% / 3);
    min-width: 200px;
}
.view-praticien > .view-content .views-row .views-field-nothing{
    height: 100%;
}
.view-praticien > .view-content .views-row .views-field-nothing span.field-content{
    display: block;
    height: 100%;
}

.view-praticien > .view-content .views-row span.field-content{
	position: relative;
}
.view-praticien > .view-content .views-row .bloc_txt{
    position: absolute;
    bottom: -12px;
    left: -12px;
    width: fit-content;
    z-index: 20;
    padding: 6px 12px;
    background-color: #033cfe;
}
.view-praticien > .view-content .views-row .bloc_txt > a{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
}
.view-praticien > .view-content .views-row .bloc_txt > .conteneur_txt{
    /*
    padding: 24px 12px;
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    */
}
.view-praticien > .view-content .views-row .bloc_txt > .conteneur_txt .praticien{
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;	
}
.view-praticien > .view-content .views-row .bloc_txt > .conteneur_txt .baseline{
    color: #fff;
    line-height: 1rem;
}

.view-praticien > .view-content .views-row .bloc_img{
	overflow: hidden;
    height: 100%;
}
.view-praticien > .view-content .views-row .bloc_img > .conteneur_img{
    height: 100%;
}
.view-praticien > .view-content .views-row .bloc_img > .conteneur_img a{
    height: 100%;
}
.view-praticien > .view-content .views-row .bloc_img > .conteneur_img a img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}
.view-praticien > .view-content .views-row:hover .bloc_img > .conteneur_img a img{
	transform: scale(1.1);
}


/*Vue - Actualités*/
.path-actualites .view-actualites{
    padding: 80px 10vw 40px;
}

.view-actualites{
	position: relative;
}
.view-actualites .view-footer{
    position: absolute;
    top: 16px;
    right: 0;
}
.view-actualites .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
}
.view-actualites .view-content > div{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.view-actualites .views-row {
    margin-bottom: 30px;
    position: relative;
    width: calc((100% / 3) - 12px);
    margin-right: 12px;
}
.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;
}

.view-actualites .bloc_actualite{

}
.view-actualites .bloc_actualite > .conteneur_img{
	overflow: hidden;
}
.view-actualites .bloc_actualite > .conteneur_img > a{

}
.view-actualites .bloc_actualite > .conteneur_img > a > img{
    height: 240px;
    width: 100%;
    object-fit: cover;
}
.view-actualites .bloc_actualite > .conteneur_img:hover > a > img{
    transform: scale(1.1);
}

.view-actualites .bloc_actualite > .conteneur_txt{
	background-color: #fff;
    padding: 12px;
}
.view-actualites .bloc_actualite > .conteneur_txt > div.etiquette{
    position: absolute;
    top: 226px;
    left: 12px;
}
.view-actualites .bloc_actualite > .conteneur_txt > div.etiquette > a{
	display: inline-block;
    padding: 6px 24px;
    font-size: .85rem;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    background-color: #033cfe;
}
.view-actualites .bloc_actualite > .conteneur_txt > p.date{
	margin: 0;
    padding: 24px 0 0;
    font-weight: 600;
    font-size: .85rem;
    color: #929896;
}
.view-actualites .bloc_actualite > .conteneur_txt > h3{
    margin: 15px 0;	
}
.view-actualites .bloc_actualite > .conteneur_txt > h3 > a{
	color: #033cfe;
}
.view-actualites .bloc_actualite > .conteneur_txt > p.resume{
	margin: 0 0 25px;
}

/*Vue publications*/
.path-frontpage .S_actualites > .field--name-field-vue-2{
    padding-bottom: 80px;
}
.view-actualites.view-display-id-block_2 .view-content > div{
    flex-direction: column;
    width: 100%;
}
.view-actualites.view-display-id-block_2 .view-content .views-row{
    width: 100%;
    border-bottom: 1px solid #D1D1D1;
    margin: 4px 0;
    padding: 4px 0 12px;
}
.view-actualites.view-display-id-block_2 .view-content .views-row:last-of-type{
    border-bottom: none;
}

.view-actualites.view-display-id-block_2 .bloc_publication{
    display: flex;
}
.view-actualites.view-display-id-block_2 .bloc_publication > .conteneur_date{
    margin-right: 24px;
}
.view-actualites.view-display-id-block_2 .bloc_publication > .conteneur_date > p{
    margin: 0;
    padding: 4px 0 0;
    font-weight: 600;
    font-size: .85rem;
    color: #929896;
}

.view-actualites.view-display-id-block_2 .bloc_publication > .conteneur_txt{

}
.view-actualites.view-display-id-block_2 .bloc_publication > .conteneur_txt h3{
    margin: 0;
}
.view-actualites.view-display-id-block_2 .bloc_publication > .conteneur_txt h3 > a{
    color: #033cfe;
}

/*Vue actualité - Affichage colonne latérale /TDC Article = .view-display-id-block_3*/


.view-actualites.view-display-id-block_3 .view-header{
    margin: 0 0 24px;
}

.view-actualites.view-display-id-block_3 .view-header p.h4{
    font-weight: 700;
    font-size: 1.15rem;
    letter-spacing: -1px;
    line-height: 1.25rem;
    padding-bottom: 12px;
    margin-bottom: 12px;
    color: #1b1b25;
}
.view-actualites.view-display-id-block_3 .view-header p.h4:hover{
    text-decoration: none;
}
.view-actualites.view-display-id-block_3 .view-content > div{
    display: flex;
    flex-direction: column;
}
.view-actualites.view-display-id-block_3 .view-content > div > .views-row{
    margin-bottom: 8px;
    padding-bottom: 8px;
    width: 100%;
    border-bottom: 1px solid #eee;
}
.view-actualites.view-display-id-block_3 .views-field-title a{
    display: block;
    position: relative;
    padding: 0 0 0 24px;
    font-size: .85rem;
    line-height: 1.2rem;
    display: block;
    color: #707070;
    background-color: transparent;
    text-decoration: none;
}
.view-actualites.view-display-id-block_3 .views-field-title a:before{
    content: "";
    width: 6px;
    height: 1px;
    background-color: #F5BC91;
    position: absolute;
    top: 8px;
    left: 0;
}

.view-actualites.view-display-id-block_3 .views-field-title a:hover{
    color: #033cfe;
}
.view-actualites.view-display-id-block_3 .views-field-title a:hover:before{
    width: 20px;    
}

.view-actualites.view-display-id-block_3 .view-footer{
    margin: 12px 0 0;
    position: relative;
}
.view-actualites.view-display-id-block_3 .view-footer p.btn{
    margin: 0;
}
.view-actualites.view-display-id-block_3 .view-footer p.btn > a{
    display: inline-block;
}


/*Fin - .view-display-id-block_3*/


/*Vue FAQ - Affichage /Pages Pathologies = .view-id-f_a_q.view-display-id-block_1
Vue FAQ type Page - Affichage /Pages F.A.Q = .view-f-a-q.view-display-id-page_1
*/
.view-id-f_a_q.view-display-id-block_1 .views-row > .views-row,
.view-f-a-q.view-display-id-page_1 .views-row > .views-row{
    border: 1px solid #EDEDED;
    border-radius: 4px;
    margin-bottom: 0;
}
.view-id-f_a_q.view-display-id-block_1 .views-row .views-field-title,
.view-f-a-q.view-display-id-page_1 .views-row .views-field-title{
    margin: 0;
    border-radius: 4px;
    border: 1px solid #EDEDED;
    background-color: #ffffff;
    padding: 24px 48px;
    position: relative;
}
.view-id-f_a_q.view-display-id-block_1 .views-row .views-field-title span.ui-accordion-header-icon,
.view-f-a-q.view-display-id-page_1 .views-row .views-field-title span.ui-accordion-header-icon{
    width: 38px;
    height: 38px;
    position: absolute;
    right: 36px;
    top: calc(50% - 16px);
    border: 1px solid #EEEEEE;
    border-radius: 24px;
    background-image: none;
}
.view-id-f_a_q.view-display-id-block_1 .views-row .views-field-title span.ui-accordion-header-icon:before,
.view-f-a-q.view-display-id-page_1 .views-row .views-field-title span.ui-accordion-header-icon:before{
    content: "";
    width: 38px;
    height: 38px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/gfx/picto_chevron-bottom_575757.svg");
    transform: rotate(0deg);
    display: block;
}
.view-id-f_a_q.view-display-id-block_1 .views-row .views-field-title.ui-state-active span.ui-accordion-header-icon:before,
.view-f-a-q.view-display-id-page_1 .views-row .views-field-title.ui-state-active span.ui-accordion-header-icon:before{
    background-color: #033cfe;
    background-image: url("../images/gfx/picto_chevron-bottom_FFFFFF.svg");
    transform: rotate(180deg);
}

.view-id-f_a_q.view-display-id-block_1 .views-row .views-field-title a,
.view-f-a-q.view-display-id-page_1 .views-row .views-field-title a{
    font-size: 1.25rem;
    line-height: 1.4rem;
    font-weight: 700;
    margin: 40px 0 0;
    color: #575757;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
    color: #033cfe !important;
}

.view-id-f_a_q.view-display-id-block_1 .views-row .ui-accordion-content,
.view-f-a-q.view-display-id-page_1 .views-row .ui-accordion-content{
    background-color: transparent;
    border: none;
    padding: 24px 48px;
    height: max-content !important;
}


.view-id-f_a_q.view-display-id-block_1 .views-row .ui-accordion-header-active,
.view-f-a-q.view-display-id-page_1 .views-row .ui-accordion-header-active{
    background-color: #f8f8fa;
    border: 1px solid #eee !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-left: 5px solid #033CFE !important;
}
.view-id-f_a_q.view-display-id-block_1 .views-row .ui-accordion-content-active,
.view-f-a-q.view-display-id-page_1 .views-row .ui-accordion-content-active{
    background-color: #F8F8FA;
    border-left: 5px solid #033CFE !important;
}
.view-id-f_a_q.view-display-id-block_1 .views-row .ui-accordion-content-active *,
.view-f-a-q.view-display-id-page_1 .views-row .ui-accordion-content-active *{
    color: #575757;
}

/*Fin - .view-id-f_a_q.view-display-id-block_1*/


/*Vue Pathologie = .view-pathologies
Affichage /page Pathologie = .view-pathologies.view-display-id-block_1
*/
.view-pathologies.view-display-id-block_1{

}
.view-pathologies.view-display-id-block_1 > .view-content{
    display: flex;
}
.view-pathologies.view-display-id-block_1 > .view-content > div{
    width: 50%;
}

.view-pathologies.view-display-id-block_1 > .view-content h3{
    margin: 0 0 24px;
}
.view-pathologies.view-display-id-block_1 > .view-content h3 > a{
    text-decoration: none;
    color: #033cfe;
}

.view-pathologies.view-display-id-block_1 > .view-content .views-row,
.path-faq .view-faq-palier.view-display-id-block_1 > .view-content .views-row{
    margin-bottom: 12px;
}
.view-pathologies.view-display-id-block_1 > .view-content .views-row .views-field-title a,
.path-faq .view-faq-palier.view-display-id-block_1 > .view-content .views-row a{
    position: relative;
    padding: 6px 0 6px 48px;
    display: block;
    color: #1b1b25;
}
.view-pathologies.view-display-id-block_1 > .view-content .views-row .views-field-title a:before,
.path-faq .view-faq-palier.view-display-id-block_1 > .view-content .views-row .views-field-title a:before{
    background-color: #fff;
    background-image: url(../images/gfx/picto_chevron-right_929896.svg) !important;
}
.view-pathologies.view-display-id-block_1 > .view-content .views-row .views-field-title a:hover,
.path-faq .view-faq-palier.view-display-id-block_1 > .view-content .views-row .views-field-title a:hover{
    color: #033cfe;
}
.view-pathologies.view-display-id-block_1 > .view-content .views-row .views-field-title a:hover:before,
.path-faq .view-faq-palier.view-display-id-block_1 > .view-content .views-row .views-field-title a:hover:before{
    background-color: #033cfe;
    background-image: url(../images/gfx/picto_chevron-right_FFFFFF.svg) !important;
}

/*Fin - .view-pathologies.view-display-id-block_1*/



/*Vue Page F.A.Q = .view-faq-palier.view-display-id-page_2*/
.view-faq-palier.view-display-id-page_2{
    padding: 80px 10vw 40px;
}
/*Fin - .view-faq-palier.view-display-id-page_2*/

/*Affichage Plus de FAQ /TDC FAQ = .view-faq-palier.view-display-id-block_1*/
.path-faq .view-faq-palier.view-display-id-block_1 > .view-content > div{
    display: flex;
    flex-wrap: wrap;
}
.path-faq .view-faq-palier.view-display-id-block_1 > .view-content .views-row{
    width: calc(100% / 3);
}
/*Fin - Affichage Plus de FAQ /TDC FAQ*/

/*Fin - Vues F.A.Q*/


/*Vue Terme de Taxonomie = .view-taxonomy-term*/
.view-taxonomy-term{

}


.view-taxonomy-term,
.view-pathologies.view-display-id-page_1,
.view-faq-palier.view-display-id-page_2{
    position: relative;
}
.view-taxonomy-term .view-content,
.view-pathologies.view-display-id-page_1,
.view-videos.view-display-id-page_1,
.view-videos.view-display-id-block_1{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.view-taxonomy-term .view-content > div,
.view-pathologies.view-display-id-page_1 .view-content > div,
.view-faq-palier.view-display-id-page_2 .view-content > div,
.view-videos.view-display-id-page_1 .view-content > div,
.view-videos.view-display-id-block_1 > .view-content > div{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.view-pathologies.view-display-id-page_1 .view-content > div > h2,
.view-faq-palier.view-display-id-page_2 .view-content > div > h2,
.view-videos.view-display-id-page_1 > .view-content > div > a,
.view-videos.view-display-id-block_1 > .view-content > div > a{
    width: 100%;
}

.view-taxonomy-term .views-row,
.view-pathologies.view-display-id-page_1 .views-row,
.view-faq-palier.view-display-id-page_2 .views-row,
.view-videos.view-display-id-page_1 .views-row,
.view-videos.view-display-id-block_1 .views-row{
    margin-bottom: 30px;
    position: relative;
    width: calc((100% / 3) - 12px);
    margin-right: 12px;
}

.view-taxonomy-term .bloc_pathologie > .conteneur_img,
.view-pathologies.view-display-id-page_1 .bloc_pathologie > .conteneur_img,
.view-faq-palier.view-display-id-page_2 .bloc_pathologie > .conteneur_img{
    overflow: hidden;
}
.view-taxonomy-term .bloc_pathologie > .conteneur_img > a > img,
.view-pathologies.view-display-id-page_1 .bloc_pathologie > .conteneur_img > a > img,
.view-faq-palier.view-display-id-page_2 .bloc_pathologie > .conteneur_img > a > img{
    height: 240px;
    width: 100%;
    object-fit: cover;
}
.view-taxonomy-term .bloc_pathologie > .conteneur_img:hover > a > img,
.view-pathologies.view-display-id-page_1 .bloc_pathologie > .conteneur_img:hover > a > img,
.view-faq-palier.view-display-id-page_2 .bloc_pathologie > .conteneur_img:hover > a > img{
    transform: scale(1.1);
}

.view-taxonomy-term .bloc_pathologie > .conteneur_txt,
.view-pathologies.view-display-id-page_1 .bloc_pathologie > .conteneur_txt,
.view-faq-palier.view-display-id-page_2 .bloc_pathologie > .conteneur_txt{
    background-color: #fff;
    padding: 12px;
}
.view-taxonomy-term .bloc_pathologie > .conteneur_txt > h3,
.view-pathologies.view-display-id-page_1 .bloc_pathologie > .conteneur_txt > h3,
.view-faq-palier.view-display-id-page_2 .bloc_pathologie > .conteneur_txt > h3{
    margin: 15px 0; 
}
.view-taxonomy-term .bloc_pathologie > .conteneur_txt > h3 > a,
.view-pathologies.view-display-id-page_1 .bloc_pathologie > .conteneur_txt > h3 > a,
.view-faq-palier.view-display-id-page_2 .bloc_pathologie > .conteneur_txt > h3 > a{
    color: #033cfe;
}
.view-taxonomy-term .bloc_pathologie > .conteneur_txt > p.resume,
.view-pathologies.view-display-id-page_1 .bloc_pathologie > .conteneur_txt > p.resume{
    margin: 0 0 25px;
}


/*Fin - Vue Terme de Taxonomie*/

/*Vue Examens = .view-examens
Page Examens = .view-examens.view-display-id-page_1
Page Traitements = .view-examens.view-display-id-page_2
*/
.view-examens[class*="view-display-id-page_"]{

}
.path-examens .view-examens,
.path-traitements .view-examens{
    padding: 80px 10vw 40px;
}

.view-examens[class*="view-display-id-page_"]{
    position: relative;
}
.view-examens[class*="view-display-id-page_"] .view-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.view-examens[class*="view-display-id-page_"] .view-content > div{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.view-examens[class*="view-display-id-page_"] .views-row {
    margin-bottom: 30px;
    position: relative;
    width: calc((100% / 3) - 12px);
    margin-right: 12px;
}

.view-examens[class*="view-display-id-page_"] .views-field-title a {
    background-color: #2daed5;
    color: #000;
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 15px;
}
.view-examens[class*="view-display-id-page_"] .views-field-title a:hover {
    background-color:#000;
    color: #2daed5;
}

.view-examens[class*="view-display-id-page_"] .bloc_examen > .conteneur_img{
    overflow: hidden;
}
.view-examens[class*="view-display-id-page_"] .bloc_examen > .conteneur_img > a{

}
.view-examens[class*="view-display-id-page_"] .bloc_examen > .conteneur_img > a > img{
    height: 240px;
    width: 100%;
    object-fit: cover;
}
.view-examens[class*="view-display-id-page_"] .bloc_examen > .conteneur_img:hover > a > img{
    transform: scale(1.1);
}

.view-examens[class*="view-display-id-page_"] .bloc_examen > .conteneur_txt{
    background-color: #fff;
    padding: 12px;
}
.view-examens[class*="view-display-id-page_"] .bloc_examen > .conteneur_txt > div.etiquette{
    position: absolute;
    top: 226px;
    left: 12px;
}
.view-examens[class*="view-display-id-page_"] .bloc_examen > .conteneur_txt > div.etiquette > a{
    display: inline-block;
    padding: 6px 24px;
    font-size: .85rem;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    background-color: #033cfe;
}
.view-examens[class*="view-display-id-page_"] .bloc_examen > .conteneur_txt > p.date{
    margin: 0;
    padding: 24px 0 0;
    font-weight: 600;
    font-size: .85rem;
    color: #929896;
}
.view-examens[class*="view-display-id-page_"] .bloc_examen > .conteneur_txt > h3{
    margin: 15px 0; 
}
.view-examens[class*="view-display-id-page_"] .bloc_examen > .conteneur_txt > h3 > a{
    color: #033cfe;
}
.view-examens[class*="view-display-id-page_"] .bloc_examen > .conteneur_txt > p.resume{
    margin: 0 0 25px;
}

/*Fin - Vue Examens*/


/*Vues Lieux d'activités
Vue Page - Lieux d'activités*/
.path-lieux-d-activites .view-lieux-d-activites{
    padding: 80px 10vw 40px;
}

.view-lieux-d-activites{
    position: relative;
}
.view-lieux-d-activites .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
}
.view-lieux-d-activites .view-content > div{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.view-lieux-d-activites .views-row {
    margin-bottom: 30px;
    position: relative;
    width: calc((100% / 3) - 12px);
    margin-right: 12px;
}
.view-lieux-d-activites .views-field-title a {
    background-color: #2daed5;
    color: #000;
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 15px;
}
.view-lieux-d-activites .views-field-title a:hover {
    background-color:#000;
    color: #2daed5;
}

.view-lieux-d-activites .bloc_lieux > .conteneur_img{
    overflow: hidden;
}
.view-lieux-d-activites .bloc_lieux > .conteneur_img > a{

}
.view-lieux-d-activites .bloc_lieux > .conteneur_img > a > img{
    height: 240px;
    width: 100%;
    object-fit: cover;
}
.view-lieux-d-activites .bloc_lieux > .conteneur_img:hover > a > img{
    transform: scale(1.1);
}

.view-lieux-d-activites .bloc_lieux > .conteneur_txt{
    background-color: #fff;
    padding: 12px;
}
.view-lieux-d-activites .bloc_lieux > .conteneur_txt > div.etiquette{
    position: absolute;
    top: 226px;
    left: 12px;
}
.view-lieux-d-activites .bloc_lieux > .conteneur_txt > div.etiquette{
    display: inline-block;
    padding: 6px 24px;
    font-size: .85rem;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    background-color: #033cfe;
}
.view-lieux-d-activites .bloc_lieux > .conteneur_txt > h3{
    margin: 15px 0; 
}
.view-lieux-d-activites .bloc_lieux > .conteneur_txt > h3 > a{
    color: #033cfe;
}
.view-lieux-d-activites .bloc_lieux > .conteneur_txt > p.resume{
    margin: 0 0 25px;
}
/*Fin - Vues Lieux d'activités*/


/*Vues Vidéos = .view-videos
Affichage Page = .view-videos.view-display-id-page_1
Affichage Bloc /TDC Praticien & Pathologies =
*/
.path-videos .view-videos{
    padding: 80px 10vw 40px;
}

/*
.view-videos .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
}
.view-videos .view-content > div{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.view-videos .view-content .views-row {
    margin-bottom: 30px;
    position: relative;
    width: calc((100% / 3) - 12px);
    margin-right: 12px;
}
*/
.view-videos.view-display-id-page_1 > .view-content > div > a,
.view-videos.view-display-id-block_1 > .view-content > div > a{
    position: relative;
    padding-left: 80px;
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 2.3rem;
    text-decoration: none;
    color: #0b0d0f;
    margin-bottom: 2.25rem;
}
.view-videos.view-display-id-page_1 > .view-content > div > a:before,
.view-videos.view-display-id-block_1 > .view-content > div > a:before{
    content: "";
    position: absolute;
    left: 0;
    top: 16px;
    width: 58px;
    height: 3px;
    background-color: #033CFE;    
}

.view-videos .views-field-thumbnail__target-id{
    overflow: hidden;
}
.view-videos .views-field-thumbnail__target-id img{
    height: 240px;
    width: 100%;
    object-fit: cover;
}
.view-videos .views-field-thumbnail__target-id:hover img{
    transform: scale(1.1);
}

.view-videos .bloc_video > .conteneur_txt{
    background-color: #fff;
    padding: 12px;
}
.view-videos .bloc_video > .conteneur_txt > div.etiquette{
    position: absolute;
    top: 226px;
    left: 12px;
}
.view-videos .bloc_video > .conteneur_txt > div.etiquette > a{
    display: inline-block;
    padding: 6px 24px;
    font-size: .85rem;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    background-color: #033cfe;
}
.view-videos .bloc_video > .conteneur_txt > h3{
    margin: 15px 0; 
}
.view-videos .bloc_video > .conteneur_txt > h3 > a{
    color: #033cfe;
}
.view-videos .bloc_video > .conteneur_txt > p.resume{
    margin: 0 0 25px;
}

/*Fin - Vues */



/* ------------------------------------------------------------------------------------------------------------------- */
/*Page d'accueil = .path-frontpage*/
.node__content > .S_hero,
.node__content > .S_pathologies,
.node__content > .S_equipe,
.node__content > .S_actualites,
.node__content > [class*="S_"]{
    padding: 0 10vw;
    max-width: 1800px;
    margin: 0 auto;
}

.path-frontpage .S_hero{
    background: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.0)), url(../images/photos/S29-PRO-069-scaled.webp);
    background-attachment: fixed;
    height: calc(100vh - 140px);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.path-frontpage .S_hero > .field--name-body{
	padding: 80px 0;
    max-width: 650px;
}
.path-frontpage .S_hero h1{
    font-size: 6rem;
    line-height: 7rem;
    color: #000000;
}
.path-frontpage .S_hero p.important{
    background-color: #00000033;
    backdrop-filter: blur(10px);
    padding: 6px 12px;
    border-radius: 6px;
    color: #fff;    
}
.path-frontpage .S_hero .field--type-image img{
    max-height: 600px;
    object-fit: contain;
}

.path-frontpage .S_pathologies{
	margin: 140px auto;
}
.path-frontpage .S_pathologies > .field--name-field-corps-1{
	display: flex;
	flex-direction: row-reverse;
}
.path-frontpage .S_pathologies > .field--name-field-corps-1 > .field__item{
	width: 50%;
}
.path-frontpage .S_pathologies > .field--name-field-corps-1 > .field__item > .ligne{

}
.path-frontpage .S_pathologies > .field--name-field-corps-1 > .field__item_1{
	padding: 80px 0 80px 100px;
}

.path-frontpage .S_pathologies > .field--name-field-corps-1 > .field__item_2{

}
.path-frontpage .S_pathologies > .field--name-field-corps-1 > .field__item_2 > .ligne{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 2fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	max-height: 640px;
}
.path-frontpage .S_pathologies .bloc_pathologies-medicales{
	grid-area: 1 / 1 / 2 / 2;
	background-image: url("../images/photos/AdobeStock_151207591.webp");
}
.path-frontpage .S_pathologies .bloc_pathologies-chirurgicales{
	grid-area: 1 / 2 / 2 / 3;
	background-image: url("../images/photos/AdobeStock_229376508.webp");
}
.path-frontpage .S_pathologies .bloc_cataracte{
	grid-area: 2 / 1 / 3 / 3;
	background-image: url("../images/photos/AdobeStock_451378005.webp");
}

.path-frontpage .S_pathologies > .field--name-field-corps-1 > .field__item_2 [class*="bloc_"]{
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    min-height: 200px;
}
.path-frontpage .S_pathologies > .field--name-field-corps-1 > .field__item_2 [class*="bloc_"]:hover{
    transform: scale(1.05);
}

.path-frontpage .S_pathologies > .field--name-field-corps-1 > .field__item_2 [class*="bloc_"] > .conteneur_txt,
.path-frontpage .S_actualites > .field--name-field-corps-3 > .field__item [class*="bloc_"] > .conteneur_txt{
    position: relative;
    height: auto;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    padding: 24px;
    z-index: 40;
}
.path-frontpage .S_pathologies > .field--name-field-corps-1 > .field__item_2 [class*="bloc_"] > .conteneur_txt h3,
.path-frontpage .S_actualites > .field--name-field-corps-3 > .field__item [class*="bloc_"] > .conteneur_txt h3{
	margin: 0 0 20px;
    color: #fff;
}
.path-frontpage .S_pathologies > .field--name-field-corps-1 > .field__item_2 [class*="bloc_"] > .conteneur_txt > p.btn{

}

.path-frontpage .S_pathologies > .field--name-field-corps-1 > .field__item_2 [class*="bloc_"] > .conteneur_lien,
.path-frontpage .S_actualites > .field--name-field-corps-3 > .field__item [class*="bloc_"] > .conteneur_lien{
	position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: hard-light;
}
.path-frontpage .S_pathologies > .field--name-field-corps-1 > .field__item_2 [class*="bloc_"] > .conteneur_lien > p,
.path-frontpage .S_actualites > .field--name-field-corps-3 > .field__item [class*="bloc_"] > .conteneur_lien > p{
    width: 100%;
    height: 100%;
    margin: 0;
}
.path-frontpage .S_pathologies > .field--name-field-corps-1 > .field__item_2 [class*="bloc_"] > .conteneur_lien > p > a,
.path-frontpage .S_actualites > .field--name-field-corps-3 > .field__item [class*="bloc_"] > .conteneur_lien > p > a{
	width: 100%;
    height: 100%;
    display: block;
}


.path-frontpage .S_pathologies > .field--name-field-corps-1 > .field__item_2 p.btn:hover > a,
.path-frontpage .S_actualites > .field--name-field-corps-3 > .field__item p.btn:hover > a{
	color: #fff;
}
.path-frontpage .S_pathologies > .field--name-field-corps-1 > .field__item_2 [class*="bloc_"]:hover > .conteneur_lien,
.path-frontpage .S_actualites > .field--name-field-corps-3 > .field__item [class*="bloc_"]:hover > .conteneur_lien{
    background-color: #033cfe;
}
.path-frontpage .S_pathologies > .field--name-field-corps-1 > .field__item_2 [class*="bloc_"]:hover > .conteneur_txt > h3,
.path-frontpage .S_actualites > .field--name-field-corps-3 > .field__item [class*="bloc_"]:hover > .conteneur_lien > h3{

}



.path-frontpage .S_equipe{
	display: flex;
    margin: 200px 0 120px;
}
.path-frontpage .S_equipe > .field{
	width: 50%;
}
.path-frontpage .S_equipe > .field--name-field-corps-2{
	position: relative;
    margin: 0;
}
.path-frontpage .S_equipe > .field--name-field-corps-2 > .field__label{
	position: absolute;
	top: calc(-27px - 60px);
}
.path-frontpage .S_equipe > .field--name-field-corps-2 > .field__item{
	background-color: #033cfe;
    height: 100%;
}
.path-frontpage .S_equipe > .field--name-field-corps-2 > .field__item > .ligne{
    padding: 140px 90px 50px;	
}
.path-frontpage .S_equipe > .field--name-field-corps-2 p.chiffre{
    display: inline;
    font-size: 16rem;
    text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;
    color: #033cfe;
    margin: 0;
}
.path-frontpage .S_equipe > .field--name-field-corps-2 p.h2{
	color: #fff;
	padding: 0;
}
.path-frontpage .S_equipe > .field--name-field-corps-2 p.h2:before{
	display: none;
}

.path-frontpage .S_equipe > .field--type-viewsreference > .ligne,
.path-frontpage .S_equipe > .field--type-viewsreference > .ligne > .views-element-container,
.path-frontpage .S_equipe > .field--type-viewsreference .view-praticien,
.path-frontpage .S_equipe > .field--type-viewsreference .view-praticien > .view-content,
.path-frontpage .S_equipe > .field--type-viewsreference .view-praticien > .view-content > div{
    height: 100%;
}
.path-frontpage .S_equipe > .field--type-viewsreference .view-praticien > .view-content > div > .views-row{

}
.path-frontpage .S_equipe > .field--type-viewsreference .view-praticien > .view-content .views-row .views-field-nothing{
    height: 100%;
}
.path-frontpage .S_equipe > .field--type-viewsreference .view-praticien > .view-content .views-row .views-field-nothing span.field-content{
    display: block;
    height: 100%;
}
.path-frontpage .S_equipe .view-praticien .bloc_txt{

}
.path-frontpage .S_equipe .view-praticien .bloc_txt > a{

}
.path-frontpage .S_equipe .view-praticien .bloc_txt > .conteneur_txt{

}
.path-frontpage .S_equipe .view-praticien .bloc_txt > .conteneur_txt > .praticien{
    
}


.path-frontpage .S_rdv{
    background-color: #033cfe;
    padding: 0 13vw;
}
.path-frontpage .S_rdv h2{
	color: #fff;
}
.path-frontpage .S_rdv .field--name-field-bandeau-1 > .ligne{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.path-frontpage .S_rdv .field--name-field-bandeau-1 > .ligne > [class="bloc_"]{

}
.path-frontpage .S_rdv .field--name-field-bandeau-1 > .ligne > .bloc_txt{

}
.path-frontpage .S_rdv .field--name-field-bandeau-1 > .ligne > .bloc_txt h2:before{
	background-color: #fff;
}
.path-frontpage .S_rdv .field--name-field-bandeau-1 > .ligne > .bloc_txt p.btn-bloc > a.telephone{
	border: 1px solid #FFF;
	background-image: url(../images/gfx/picto_telephone_FFFFFF.svg);
    background-repeat: no-repeat;
    background-position: 22px 22px;
}
.path-frontpage .S_rdv .field--name-field-bandeau-1 > .ligne > .bloc_txt p.btn-bloc > a.telephone:hover{
    background-color: #fff;
    color: #033cfe;
    background-image: url("../images/gfx/picto_telephone_033CFE.svg");
}


.path-frontpage .S_rdv .field--name-field-bandeau-1 > .ligne > .bloc_img{
    margin: -60px 0;
}






.path-frontpage .S_actualites{
	background-image: url(../images/photos/AdobeStock_4459456.webp);
    background-attachment: fixed;
    background-size: cover;
    padding-top: 140px;
}
.path-frontpage .S_actualites > .field--name-field-corps-3{
	display: flex;
	margin: 0;
}
.path-frontpage .S_actualites > .field--name-field-corps-3 > .field__item{
	width: 50%;
}
.path-frontpage .S_actualites > .field--name-field-corps-3 > .field__item_1{
padding: 80px 100px 80px 0;
}

.path-frontpage .S_actualites > .field--name-field-corps-3 > .field__item_2 > .ligne{
	display: flex;
	justify-content: space-between;
	height: 100%;
}
.path-frontpage .S_actualites > .field--name-field-corps-3 > .field__item > .ligne > .bloc_essais{
	background-image: url("../images/photos/AdobeStock_394207566.webp");
}
.path-frontpage .S_actualites > .field--name-field-corps-3 > .field__item > .ligne > .bloc_traitements{
	background-image: url("../images/photos/AdobeStock_477024305.webp");
}

.path-frontpage .S_actualites > .field--name-field-corps-3 > .field__item [class*="bloc_"]{
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    width: calc(50% - 10px);
    min-height: 400px;
}
.path-frontpage .S_actualites > .field--name-field-corps-3 > .field__item [class*="bloc_"]:hover{
    transform: scale(1.05);
}

.path-frontpage .S_actualites > .field--name-field-vue-1{
    margin: 80px 0;	
}






/*TDC
TDC Articles
TDC Pathologie
TDC Page de Base
TDC Lieu d'activité
TDC Examen
TDC Praticien
*/
.page-node-type-article .S_hero{
    padding: 0;
    position: relative;
}
.page-node-type-article .S_hero .field--type-image{
    margin: 0;
}
.page-node-type-article .S_hero .field--type-image > .ligne{
    
}
.page-node-type-article .S_hero .field--type-image > .ligne > img{
    width: 100%;
    max-height: 250px;
    object-fit: cover;
    border-bottom: 2px solid #033cfe;
}
.page-node-type-article .S_hero .field--name-field-tags{
    margin: 0;
    padding: 0;
    background: transparent;
    position: absolute;
    bottom: -10px;
    left: calc(50% - 70px);
}
.page-node-type-article .S_hero .field--name-field-tags > ul{

}
.page-node-type-article .S_hero .field--name-field-tags > ul > li{

}
.page-node-type-article .S_hero .field--name-field-tags > ul > li > a{
    display: inline-block;
    padding: 6px 24px;
    font-size: .85rem;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    background-color: #033cfe;
    width: 140px;
    text-align: center;
}

.page-node-type-article .S_contenus{
    padding: 0 10vw 40px;
    margin: 80px 0 0;
    display: flex;
    border-bottom: 1px dotted #333;
}
.page-node-type-article .S_contenus > .col_contenus{
    padding-right: 100px;
}
.page-node-type-article .S_contenus > .col_contenus > .field--name-field-date-de-publication{

}
.page-node-type-article .S_contenus > .col_contenus > .field--name-field-date-de-publication  > .ligne{
    margin: 0;
    padding: 24px 0 0;
    font-weight: 600;
    font-size: .85rem;
    color: #929896;
}
.page-node-type-article .S_contenus > .col_contenus > .field--name-body{

}

.page-node-type-article .S_contenus > .col_fixe{
    position: sticky;
    top: 180px;
    height: 100vh;
    margin-top: 80px;
    min-width: 300px;
    padding-left: 24px;
    border-left: 1px solid #eee;  
}

.page-node-type-article .S_contenus > .col_fixe > .field--type-viewsreference{

}
/*Fin - TDC Article*/

/*TDC Pathologie = .page-node-type-pathologie*/
.page-node-type-pathologie h2,
.path-faq .view-faq-palier.view-display-id-block_1 h2{
    left: -80px;
}
.page-node-type-pathologie h3{
    color: #033CFE;
}

.page-node-type-pathologie .S_hero{
    display: flex;
    padding: 0;
    background-color: #033cfe;
}
.page-node-type-pathologie .S_hero *{
    color: #fff;
}
.page-node-type-pathologie .S_hero h2:before{
    background-color: #fff;
}

.page-node-type-pathologie .S_hero > .field{
    width: 50%;
}
.page-node-type-pathologie .S_hero .field--name-body{
    padding: 80px 100px 80px 10vw;
    margin: 0;
}
.page-node-type-pathologie .S_hero .field--type-image{
    max-height: 100vh;
}
.page-node-type-pathologie .S_hero .field--type-image > .ligne{
    height: 100%;
}
.page-node-type-pathologie .S_hero .field--type-image > .ligne > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-node-type-pathologie .S_corps-1{
    padding: 80px 10vw;
    display: flex;
}
.page-node-type-pathologie .S_corps-1 > [class*="col_"]{
    width: 50%;
}
.page-node-type-pathologie .S_corps-1 > .col_contenus{
    padding-right: 100px;
}

.page-node-type-pathologie .S_corps-1 > .col_fixe{
    position: sticky;
    top: 0;
    height: 100vh;
}
.page-node-type-pathologie .S_corps-1 > .col_fixe .field--type-image,
.page-node-type-pathologie .S_corps-1 > .col_fixe .field--type-image > .ligne,
.page-node-type-pathologie .S_corps-1 > .col_fixe .field--type-image > .ligne > img{
    width: 100%;
    height: 100%;
}
.page-node-type-pathologie .S_corps-1 > .col_fixe .field--type-image > .ligne > img{
    object-fit: contain;
    background-color: #1b1b25;
}

.page-node-type-pathologie .S_corps-2{
    padding: 80px 10vw;
    background-color: #033cfe; 
}
.page-node-type-pathologie .S_corps-2 *{
    color: #FFF;
}
.page-node-type-pathologie .S_corps-2 p.btn > a:hover{
    color: #929896;
}

.page-node-type-pathologie .S_corps-2 h2{
    text-align: center;
    margin: 0;
}
.page-node-type-pathologie .S_corps-2 h2:before{
    display: none;
}

.page-node-type-pathologie .S_vue,
.path-faq div#block-asco-theme-views-block-faq-palier-block-1{
    padding: 80px 0;
    background-color: #eee;
    max-width: 1800px;
    margin: 0 auto;
}
.page-node-type-pathologie .S_vue > .field--type-viewsreference,
.path-faq .view-faq-palier.view-display-id-block_1{
    padding: 0 10vw;
}

.page-node-type-pathologie .S_vue h2,
.path-faq .view-faq-palier.view-display-id-block_1 h2{
    margin: 0;
}
.page-node-type-pathologie .S_vue h2:before,
.path-faq .view-faq-palier.view-display-id-block_1 h2:before{
    display: none;
}

/*Fin - TDC Pathologie*/


/*TDC Page de Base = .page-node-type-page*/
.page-node-type-page .S_hero{
    display: flex;
    padding: 0;
    background-color: #033cfe;
}
.page-node-type-page .S_hero *{
    color: #fff;
}
.page-node-type-page .S_hero h2{
    left: -80px;
}
.page-node-type-page .S_hero h2:before{
    background-color: #fff;
}

.page-node-type-page .S_hero > .field{
    width: 50%;
}
.page-node-type-page .S_hero .field--name-field-corps-2{
    padding: 80px 100px 80px 10vw;
    margin: 0;
}
.page-node-type-page .S_hero .field--type-image{
    max-height: 100vh;
}
.page-node-type-page .S_hero .field--type-image > .ligne{
    height: 100%;
}
.page-node-type-page .S_hero .field--type-image > .ligne > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-node-type-page .S_contenus{
    display: flex;
}
/*
.page-node-type-page .S_contenus > .col_contenus{

}
.page-node-16 .S_contenus > .col_contenus{
    padding-right: 0;
}
*/

.page-node-type-page .S_contenus > .field--name-body{

}

.page-node-type-page .S_contenus > .col_fixe{
    position: sticky;
    top: 180px;
    height: 100vh;
    margin-top: 80px;
    padding-left: 100px;
}
/*Fin - TDC Page de base*/

/*TDC Lieu d'activité*/
.page-node-type-lieu-d-activite .S_hero{
    display: flex;
    padding: 0;
    background-color: #033cfe;
}
.page-node-type-lieu-d-activite .S_hero *{
    color: #fff;
}
.page-node-type-lieu-d-activite .S_hero h2:before{
    background-color: #fff;
}

.page-node-type-lieu-d-activite .S_hero > .field{
    width: 50%;
}
.page-node-type-lieu-d-activite .S_hero .field--name-field-corps-2{
    padding: 80px 100px 80px 10vw;
    margin: 0;
}
.page-node-type-lieu-d-activite .S_hero .field--type-image{
    max-height: 100vh;
}
.page-node-type-lieu-d-activite .S_hero .field--type-image > .ligne{
    height: 100%;
}
.page-node-type-lieu-d-activite .S_hero .field--type-image > .ligne > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-node-type-lieu-d-activite .S_corps-2{
    display: flex;
}
.page-node-type-lieu-d-activite .S_corps-2 > .field--name-field-corps-1{
    width: 60%;
}
.page-node-type-lieu-d-activite .S_corps-2 > .field--name-field-iframe-plan{
    width: 40%;
}
.page-node-type-lieu-d-activite .S_corps-2 > .field--name-field-iframe-plan > .ligne{
    padding: 10vh 0 10vh 80px;
    height: 100%;
    max-height: 100vh;
    position: sticky;
    top: 10vh;
}
.page-node-type-lieu-d-activite .S_corps-2 > .field--name-field-iframe-plan > .ligne > div{
    height: 100%;
    margin: auto 0;
}
.page-node-type-lieu-d-activite .S_corps-2 > .field--name-field-iframe-plan > .ligne > div iframe{
    height: 100%;
}
/*Fin - Lieu d'activité*/


/*TDC Examen*/
.page-node-type-examen .S_hero,
.page-node-type-traitement .S_hero{
    display: flex;
    padding: 0;
    background-color: #033cfe;
}
.page-node-type-examen .S_hero *,
.page-node-type-traitement .S_hero *{
    color: #fff;
}
.page-node-type-examen .S_hero h2,
.page-node-type-traitement .S_hero h2{
    left: -80px;
}
.page-node-type-examen .S_hero h2:before,
.page-node-type-traitement .S_hero h2:before{
    background-color: #fff;
}

.page-node-type-examen .S_hero > .field,
.page-node-type-traitement .S_hero > .field{
    width: 50%;
}
.page-node-type-examen .S_hero .field--name-field-corps-2,
.page-node-type-traitement .S_hero .field--name-field-corps-2{
    padding: 80px 100px 80px 10vw;
    margin: 0;
}
.page-node-type-examen .S_hero .field--type-image,
.page-node-type-traitement .S_hero .field--type-image{
    max-height: 100vh;
}
.page-node-type-examen .S_hero .field--type-image > .ligne,
.page-node-type-traitement .S_hero .field--type-image > .ligne{
    height: 100%;
}
.page-node-type-examen .S_hero .field--type-image > .ligne > img,
.page-node-type-traitement .S_hero .field--type-image > .ligne > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-node-type-examen .S_contenus,
.page-node-type-traitement .S_contenus{
    display: flex;
}
.page-node-type-examen .S_contenus h3,
.page-node-type-traitement .S_contenus h3{

}
.page-node-type-examen .S_contenus > .col_contenus,
.page-node-type-traitement .S_contenus > .col_contenus{
    padding-right: 100px;
}
.page-node-type-examen .S_contenus > .col_contenus > .field--name-body,
.page-node-type-traitement .S_contenus > .col_contenus > .field--name-body{
    margin-top: 80px;
}
.page-node-type-examen .S_contenus > .col_contenus h2,
.page-node-type-traitement .S_contenus > .col_contenus h2{
    margin-top: 40px;
    border-top: 1px solid #eee;
    padding-top: 40px;
}
.page-node-type-examen .S_contenus > .col_contenus h2:first-of-type,
.page-node-type-traitement .S_contenus > .col_contenus h2:first-of-type{
    padding-top: 0;
    border-top: none;
}
.page-node-type-examen .S_contenus > .col_contenus h2:before,
.page-node-type-traitement .S_contenus > .col_contenus h2:before{
    top: 56px;
}
.page-node-type-examen .S_contenus > .col_contenus h2:first-of-type:before,
.page-node-type-traitement .S_contenus > .col_contenus h2:first-of-type:before{
    top: 26px;
}

.page-node-type-examen .S_contenus > .col_fixe,
.page-node-type-traitement .S_contenus > .col_fixe{
    position: sticky;
    top: 180px;
    max-height: 100vh;
    margin-top: 80px;
    min-width: 300px;
    padding-left: 24px;
    border-left: 1px solid #eee;    
}

.page-node-type-examen .S_contenus > .col_fixe .field__label,
.page-node-type-traitement .S_contenus > .col_fixe .field__label{
    font-weight: 700;
    font-size: 1.15rem;
    letter-spacing: -1px;
    line-height: 1.25rem;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px dotted #eee;
    color: #1b1b25;
}
.page-node-type-examen .S_contenus > .col_fixe .field__items > .field__item,
.page-node-type-traitement .S_contenus > .col_fixe .field__items > .field__item{

}
.page-node-type-examen .S_contenus > .col_fixe .field__items > .field__item a,
.page-node-type-traitement .S_contenus > .col_fixe .field__items > .field__item a{
    font-size: .85rem;
    line-height: 1.2rem;
    display: block;
    color: #707070;
}
.page-node-type-examen .S_contenus > .col_fixe .field__items > .field__item a:hover,
.page-node-type-traitement .S_contenus > .col_fixe .field__items > .field__item a:hover{
    color: #033cfe;
}
/*Fin - TDC Examen*/


/*TDC Praticien = .page-node-type-praticien*/
.page-node-type-praticien .S_hero{
    display: flex;
    padding: 0;
    background-color: #033cfe;
}
.page-node-type-praticien .S_hero *{
    color: #fff;
}
.page-node-type-praticien .S_hero div.gr_btns > p > a:hover{
    color: #929896;
}
.page-node-type-praticien .S_hero div.gr_btns p.btn-bloc > a.rdv:hover{
    background-color: #fff;
    color: #033CFE;
    background-image: url(../images/gfx/picto_rdv_033CFE.svg);
}

.page-node-type-praticien .S_hero h2:before{
    background-color: #fff;
}

.page-node-type-praticien .S_hero > .field{
    width: 50%;
}
.page-node-type-praticien .S_hero .field--name-body{
    padding: 80px 100px 80px 10vw;
    margin: 0;
}
.page-node-type-praticien .S_hero .field--type-image{
    max-height: 70vh;
    padding-right: 10vw;
}
.page-node-type-praticien .S_hero .field--type-image > .ligne{
    height: 100%;
    display: flex;
    justify-content: flex-end;
}
.page-node-type-praticien .S_hero .field--type-image > .ligne > img{
    width: 450px;
    height: 100%;
    object-fit: cover;
    padding: 40px 0 40px 40px;
}

.page-node-type-praticien .S_corps-1{
    display: flex;
    padding-top: 80px;
    padding-bottom: 40px;
}
.page-node-type-praticien .S_corps-1 > .field--name-field-corps-1{
    width: 60%;
}
.page-node-type-praticien .S_corps-1 > .field--name-field-corps-1 > .field__label{
    width: 420px;
}
.page-node-type-praticien .S_corps-1 > .field--name-field-corps-1 > .field__items{
    padding-right: 60px;
}

.page-node-type-praticien .S_corps-1 > .field--type-iframe{
    width: 100%;
}
.page-node-type-praticien .S_corps-1 > .field--type-iframe > .ligne{
    height: 100%;
    max-height: 80vh;
}
.page-node-type-praticien .S_corps-1 > .field--type-iframe > .ligne > div{
    height: 100%;
}
.page-node-type-praticien .S_corps-1 > .field--type-iframe > .ligne iframe{

}

.page-node-type-praticien .S_vue .viewsreference--view-title{

}
.page-node-type-praticien .S_vue .viewsreference--view-title span{

}

/*Fin - TDC Praticien*/

/*Fin - TDC*/




/*Formulaire*/
input{
    border: 1px solid #F5F6F8 !important;
    background-color: #F5F5F5 !important;
    color: #929896 !important;
    font-size: .86rem !important;
    font-weight: 700 !important;
    line-height: 1;
}
*::placeholder{
    font-size: .86rem;
    color: #929896;
    font-weight: 700;
}
.form-type-select select,
.form-type-textfield input,
.form-type-email input,
.form-type-date input{
    width: 100% !important;
}

label{
    color: #1B1B25;
    padding: 0 0 4px 0;
    font-size: .86rem;
    margin: 0 !important;
    font-weight: 700;
    line-height: 1;
}
select{
    border: 1px solid #F5F6F8;
    background-color: #F5F5F5;
}

form{

}

form > fieldset{
    border: 1px solid #eee !important;
    background-color: #fff !important;
    box-shadow: 0 0 12px -4px #0000001f;
}
form > fieldset > .fieldset__wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
}
form > fieldset > .fieldset__wrapper > .fieldset__description{
    width: 100%;
    margin: 0;
    padding: 12px;
}
form > fieldset > .fieldset__wrapper > .fieldset__description > div,
fieldset#edit-groupe-choix-du-praticien label{
    color: #033CFE;
    font-size: 0.86rem;
    line-height: 1rem;
    font-weight: 700;

}
form > fieldset > .fieldset__wrapper > fieldset{
    width: calc(50% - 12px);
    margin: 0;
    padding: 0 12px;
    border: none;
}
form > fieldset > .fieldset__wrapper > fieldset > .fieldset__wrapper{
    padding: 0;
}

.form-type-textarea{
    padding: 0 12px;
    width: 100%; 
}


.form-type-select{
    width: calc(50% - 24px);
}
.form-type-boolean{
    margin: 0;
}
.form-type-boolean > input{

}



/*Spécifique au formulaire de contact*/
fieldset#edit-groupe-choix-du-praticien {
    margin: 0 !important;
    padding: 12px;
}
fieldset#edit-civilite--wrapper{

}
fieldset#edit-civilite--wrapper > legend{
    background: transparent;
}
fieldset#edit-civilite--wrapper > legend > span{
    color: #1B1B25;
    padding: 0 0 4px 0;
    font-size: .86rem;
    margin: 0 !important;
    font-weight: 700;
    line-height: 1;
}
fieldset#edit-civilite--wrapper > .fieldset__wrapper{
    border: none;
    padding: 0;
}
/*Fin - Spécifique au formulaire de contact*/

/*Fin - Formulaire*/



/*Page Taxonomies*/
.path-taxonomy .view-taxonomy-term,
.path-retine .view-pathologies{
    padding: 80px 10vw 40px;
}
.path-retine .view-pathologies h2 > a{
    text-decoration: none;
    color: #0b0d0f;    
}


.path-faq .view-f-a-q.view-display-id-page_1{
    padding: 80px 10vw 40px;
}
/*Fin - Page Taxonomies*/


/*Pages spécifiques
Page équipe = .page-node-16
Page institut = .page-node-58*/


.page-node-16 .view-praticien > .view-content .views-row,
.page-node-58 .view-praticien > .view-content .views-row{
    min-width: 200px;
    /*width: auto;*/
    max-width: calc((100% / 4) - 24px);
    margin: 0 12px;
    position: relative;
}

/*
.page-node-16 .S_hero > .field{
    width: 100%;
}
*/
.page-node-16 .S_corps-1 .field__item_2 > .ligne,
.page-node-16 .S_corps-1 .field__item_4 > .ligne{
    display: flex;
    flex-wrap: wrap;
}
.page-node-16 .S_corps-1 .field__item_2 > .ligne > .bloc_praticien,
.page-node-16 .S_corps-1 .field__item_4 > .ligne > .bloc_praticien{
    min-width: 200px;
    width: auto;
    max-width: calc((100% / 4) - 24px);
    margin: 0 12px;
    position: relative;
}
.page-node-16 .S_corps-1 .field__item_2 > .ligne > .bloc_praticien > .conteneur_txt,
.page-node-16 .S_corps-1 .field__item_4 > .ligne > .bloc_praticien > .conteneur_txt{
    position: absolute;
    bottom: -12px;
    left: -12px;
    width: fit-content;
    z-index: 20;
    padding: 6px 12px;
    background-color: #033cfe;   
}
.page-node-16 .S_corps-1 .field__item_2 > .ligne > .bloc_praticien > .conteneur_txt p,
.page-node-16 .S_corps-1 .field__item_4 > .ligne > .bloc_praticien > .conteneur_txt p{
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
    margin: 0;
}
.page-node-16 .S_corps-1 .field__item_2 > .ligne > .bloc_praticien > .conteneur_img,
.page-node-16 .S_corps-1 .field__item_4 > .ligne > .bloc_praticien > .conteneur_img{
    height: 100%;
}
.page-node-16 .S_corps-1 .field__item_2 > .ligne > .bloc_praticien > .conteneur_img img,
.page-node-16 .S_corps-1 .field__item_4 > .ligne > .bloc_praticien > .conteneur_img img{
    height: 100%;
}


/*Fin - Page équipe*/

/*Fin - Pages spécifiques*/













/*RESPONSIVE*/

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


}


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

/*Blocs personnalisés*/
/*Lieux d'activités*/
div#block-asco-theme-lieuxdactivites .bloc_txt.gauche {
    padding-right: 50px;
    width: 350px;
}
div#block-asco-theme-lieuxdactivites .bloc_txt.droite{
    width: calc(100% - 350px);
}

div#block-asco-theme-lieuxdactivites .bloc_txt.droite > div, .page-node-type-page .S_contenus > .col_fixe .bloc_txt > div {
    min-width: 280px;
}
/*Fin - Lieux d'activités*/
/*Fin - Blocs personnalisés*/

/*Vues*/
.view-actualites .views-row,
.view-examens[class*="view-display-id-page_"] .views-row{
    width: calc((100% / 2) - 12px);
}
.view-actualites .view-content > div > .views-row:last-child{
    display: none;
}
/*Fin - Vues*/


/*Page d'accueil*/

/*Fin - Page d'accueil*/

}

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

.region--breadcrumb {
    padding: 140px 10vw 40px;
    margin-bottom: 40px;
}


/*Page d'accueil*/
.path-frontpage .S_hero{
    flex-direction: column;
    height: auto;
    position: relative;
}
.path-frontpage .S_hero > .field--name-body{
    max-width: 100%;
    z-index: 20;
}
.path-frontpage .S_hero > .field--name-field-image{
    position: absolute;
    width: 100%;
    height: calc(100% - 120px);
    z-index: 10;
    opacity: .2;  
}
.path-frontpage .S_hero > .field--name-field-image > .ligne{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

/*Fin - Page d'accueil*/


/*Menu top*/
nav#block-asco-theme-topmenu {
    width: 100%;
    height: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 700;
    visibility: visible;
}
/*Fin - Menu top*/

/*Menu latéral*/
.region--secondary-menu{
    visibility: visible;
}
/*Fin - Menu latéral*/

/*Menu mobile*/
header#header{
    background-color: #fff;
    height: auto;
    z-index:999;
}
header#header > div#site-header__inner{
    position: fixed;
}

header#header > .site-header__fixable{
    height: 100%;
    display: flex;
    align-items: center;    
}
header#header .site-header__inner__container {
padding: 36px 0 0;
}

.block-superfish {
    width: 100%;
    height: 80px;
    height: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 700;
    visibility: visible;
}


div#block-asco-theme-navigationprincipale .sf-accordion-toggle{
        padding: 36px 5vw 0;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        height: 100%;
        background-color: #fff;
        box-shadow: 0px 3px 12px -4px #000;
}
div#block-asco-theme-navigationprincipale .sf-accordion-toggle > a{
    position: relative;
    height: 80px;
    padding: 24px 0;
}
div#block-asco-theme-navigationprincipale .sf-accordion-toggle > a:before{
    content: "";
    width: 16px;
    height: 16px;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 8px);
    background-image: url("../images/gfx/logo_menu-ferme_000000.svg");
}
div#block-asco-theme-navigationprincipale .sf-accordion-toggle > a:hover:before{
    background-image: url("../images/gfx/logo_menu-ferme_033CFE.svg");
}
div#block-asco-theme-navigationprincipale .sf-accordion-toggle > a.sf-expanded:before{
    background-image: url("../images/gfx/logo_menu-ouvert_033CFE.svg");
}

div#block-asco-theme-navigationprincipale .sf-accordion-toggle > a > span{
    font-size: 0;
    display: block;
    color: transparent;
    width: 40px;
    height: 40px;
}


div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion{
    height: calc(0vh);
    width: 100vw !important;
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    z-index:99999;
}

ul.sf-menu.sf-accordion.sf-expanded, ul.sf-menu.sf-accordion li.sf-expanded > ul, ul.sf-menu.sf-accordion li.sf-expanded > ul ul {
  left: 0 !important;
  position: relative;
  top: 0 !important;
}
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion > li{
    border-bottom: 1px solid #E2E2E2;
}
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion > li:last-child{
    border-bottom: none;
}
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion > li.sf-depth-1{
    padding: 15px 0;
}
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion > li.sf-depth-1:last-of-type{
    margin-bottom: 80px;
}

div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion > li.sf-depth-1:before{
    display: none;
}

div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion > li.sf-depth-1 a.sf-accordion-button{
    line-height: 1;
    font-size: 0;
    width: calc(100% - 172px);
    height: calc(100% - 30px);
    max-height: 54px;
    border-radius: 4px;
    border: none;
    position: absolute !important;
    right: 0;
    top: 15px;
}


div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion > li.sf-depth-1 a.sf-accordion-button:after {
    content: "" !important;
    background-image: url(../images/gfx/picto_chevron-right-menu_E0E0E0.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    position: absolute;
    top: calc(50% - 12px);
    right: 20px;
}
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion > li.sf-depth-1.sf-expanded a.sf-accordion-button:after{
transform: rotate(90deg);
}

div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-depth-2 a.sf-accordion-button,
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-depth-2 a.sf-accordion-button:after{
    display: none;
}
/*
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-expanded > a.menuparent,
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-expanded > span{
    background-color: #090909;
    color: #fff;
}
*/
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-expanded > a > span.sf-sub-indicator:after,
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-expanded > span > span.sf-sub-indicator:after{
    display: none;
}
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-depth-2 a{
    font-size: 1rem !important;
}
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-depth-2 > a{
    font-weight: 700;
}
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-depth-3 > a{
        padding: 12px 48px 12px 24px !important;
}

div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-depth-3 > a:after{
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/gfx/picto_fleche-lien-menu_033CFE.svg);
    right: 22px;
    top: 10px;
    width: 24px;
    height: 24px;

}
/*
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-expanded > ul > li{
    background-color: #eee;
}
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-expanded > ul > li.sf-depth-2{
    background-color: #01002e14;
}
*/
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-expanded > ul > li.sf-depth-2.sf-expanded{

}
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-expanded > ul > li.sf-depth-3{
    background-color: #01002e12;
}

div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion a.menuparent,
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion span.menuparent,
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-no-children > a,
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-no-children > span{
    padding: 18px 24px;
    color: #232323;
    font-weight: 300;
    font-size: 1.6rem;
    display: inline-block;
    text-decoration: none;
}
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li > a > span.sf-sub-indicator,
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li > span > span.sf-sub-indicator{
    width: 30px;
    height: 30px;
    right: auto;
    left: -10px;
}
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li > a > span.sf-sub-indicator:after,
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li > span > span.sf-sub-indicator:after{
    content: "";
    background-image: url(../images/gfx/picto_chevron-bas_808080.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
}


div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-depth-3 > a.sf-depth-3:hover:before,
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-depth-3 > span.sf-depth-3:hover:before{
    background-color: #f500de;
}



div#block-asco-theme-navigationprincipale > .block__content > ul.sf-expanded{
    background-color: #fffffff5;
    backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
    margin: 0;
    padding: 50px 15px 80px;
    height: calc(100vh - 80px) !important;
    overflow-y: scroll;
    /*background-color: #033cfe;*/
    background-color: #fff;
}
/*Fin - Menu*/


}

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

/*Page d'accueil*/
.path-frontpage .S_actualites{
    padding-top: 80px;
}
/*Fin - Page d'accueil*/

/*TDC*/
/*TDC Pathologies*/
.page-node-type-pathologie h2, .path-faq .view-faq-palier.view-display-id-block_1 h2{
    left: 0;
}
.page-node-type-pathologie .S_corps-1{
    flex-direction: column;
    padding: 0 10vw;
}
.page-node-type-pathologie .S_corps-1 > [class*="col_"]{
    width: 100%;
    padding-right: 0;
}
.page-node-type-pathologie .S_corps-1 > .col_fixe{
    position: relative;
    top: 0;
    height: auto;
}
.page-node-type-pathologie .S_corps-1 > .col_fixe img{
    max-height: 450px;
}
/*Fin - TDC Pathologies*/

/*TDC Examens*/
.page-node-type-examen .S_hero,
.page-node-type-traitement .S_hero{
    flex-direction: column;
}
.page-node-type-examen .S_hero .field--name-field-corps-2,
.page-node-type-traitement .S_hero .field--name-field-corps-2{
    padding: 40px 10vw 60px;
}
.page-node-type-examen .S_hero .field--name-field-corps-2,
.page-node-type-examen .S_hero .field--type-image,
.page-node-type-traitement .S_hero .field--name-field-corps-2,
.page-node-type-traitement .S_hero .field--type-image{
    width: 100%;
}
.page-node-type-examen .S_hero h2,
.page-node-type-traitement .S_hero h2{
    left: 0;
}
.page-node-type-examen .S_hero .field--type-image,
.page-node-type-traitement .S_hero .field--type-image{
    max-height: initial;
}
.page-node-type-examen .S_hero .field--type-image img,
.page-node-type-traitement .S_hero .field--type-image img{
    height: 450px;
}
.page-node-type-examen .S_contenus > .col_contenus,
.page-node-type-examen .S_contenus > .col_fixe,
.page-node-type-traitement .S_contenus > .col_contenus,
.page-node-type-traitement .S_contenus > .col_fixe{
    padding: 0;
}
.page-node-type-examen .S_contenus > .col_fixe,
.page-node-type-traitement .S_contenus > .col_fixe{
    position: relative;
    max-height: initial;
    margin: 0;
    padding: 24px 0 0;
    border-left: 0;
    border-top: 1px solid #eee;
    min-height: inherit;
    top: 0;
}

.page-node-type-examen .S_contenus,
.page-node-type-traitement .S_contenus{
    flex-direction: column;
}
/*Fin - TDC Examens*/

/*Fin - TDC*/


/*Blocs personnalisés*/
/*Lieux d'activités*/
div#block-asco-theme-lieuxdactivites .field--name-body > .ligne {
    flex-direction: column;
}
div#block-asco-theme-lieuxdactivites .bloc_txt.gauche,
div#block-asco-theme-lieuxdactivites .bloc_txt.droite{
    width: 100%;
    padding: 0;
}
div#block-asco-theme-lieuxdactivites .bloc_txt.gauche{
    margin-bottom: 80px;
}
/*Fin - Lieux d'activités*/
/*Fin - Blocs personnalisés*/

.page-node-23 .S_contenus > .col_fixe{
    display: none;
}

.page-node-type-page .S_contenus > .col_fixe{
    position: relative;
    top: 0;
    height: initial;
    margin-top: inherit;
    padding-left: 0;
}

}

@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%;
}

.view-taxonomy-term .views-row,
.view-pathologies.view-display-id-page_1 .views-row,
.view-faq-palier.view-display-id-page_2 .views-row,
.view-videos.view-display-id-page_1 .views-row,
.view-lieux-d-activites .views-row{
    width: calc((100% / 2) - 12px);
}

.view-videos.view-display-id-page_1 .views-row .micromodal-slide.is-open{

}
.view-videos.view-display-id-page_1 .views-row .micromodal-slide.is-open .modal__overlay{

}
.view-videos.view-display-id-page_1 .views-row .micromodal-slide.is-open .modal__overlay .modal__container{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.view-videos.view-display-id-page_1 .views-row .micromodal-slide.is-open .modal__overlay .modal__container > a{
    width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.view-videos.view-display-id-page_1 .views-row .micromodal-slide.is-open .modal__overlay .modal__container > main{

}
.view-videos.view-display-id-page_1 .views-row .micromodal-slide.is-open .modal__overlay .modal__container > main > .videoWrapper{

}
.view-videos.view-display-id-page_1 .views-row .micromodal-slide.is-open .modal__overlay .modal__container > main > .videoWrapper > iframe{

}

.view-videos.view-display-id-page_1 > .view-content > div > a{
    padding-left: 0;
}

.view-examens[class*="view-display-id-page_"] .view-content > div{
    flex-direction: column;
}
.view-actualites .views-row,
.view-examens[class*="view-display-id-page_"] .views-row{
    width: 100%;
}


/*GENERAL*/
.main-content h2, .h2, .field--type-text-long.field--label-above > .field__label{
    padding-left: 0;
}
.main-content h2:before, .h2:before, .field--type-text-long.field--label-above > .field__label:before,
.view-videos.view-display-id-page_1 > .view-content > div > a:before{
    display: none;
}

/*FIN - GENERAL*/


/*TDC
Page de base
Lieux d'activité = .page-node-type-lieu-d-activite
Pathologies = 
Articles = 
Praticien
*/

.page-node-type-page .S_hero,
.page-node-type-page .S_contenus{
    flex-direction: column;
}
.page-node-type-page .S_contenus > [class*="col_"]{
    width: 100%;
    padding: 0;
}
.page-node-type-page .S_hero h2{
    left: 0;
}
.page-node-type-page .S_hero > .field{
    width: 100%;
}
.page-node-25 .S_hero .field--name-field-corps-2{
    padding: 40px 10vw 60px;
}

.page-node-type-lieu-d-activite .S_corps-2{
    flex-direction: column;
}
.page-node-type-lieu-d-activite .S_corps-2 > .field--name-field-corps-1,
.page-node-type-lieu-d-activite .S_corps-2 > .field--name-field-iframe-plan{
    width: 100%;
}
.page-node-type-lieu-d-activite .S_corps-2 > .field--name-field-iframe-plan > .ligne {
    padding: 0;
    height: 450px;
    position: relative;
    top: initial;
}

.page-node-type-pathologie .S_hero .field--name-body {
    padding: 80px 50px 80px 10vw;
}

.page-node-type-article .S_contenus {
    padding: 0 5vw 40px 10vw;
}
.page-node-type-article .S_contenus > .col_contenus {
    padding-right: 50px;
}

.page-node-type-praticien .S_hero{
    flex-direction: column;
}
.page-node-type-praticien .S_hero > .field{
    width: 100%;
}
.page-node-type-praticien .S_hero .field--name-body{
    padding: 40px 10vw 20px;
}
.page-node-type-praticien .S_hero .field--name-body p.btn-bloc > a.rdv{
    background-color: #fff;
    background-image: url("../images/gfx/picto_rdv_033CFE.svg");
    color: #033CFE;
}

.page-node-type-praticien .S_corps-1{
    flex-direction: column;
}
.page-node-type-praticien .S_corps-1 > .field--name-field-corps-1{
    width: 100%;
}
.page-node-type-praticien .S_corps-1 > .field--type-iframe{
    height: 450px;
}

/*FIN - TDC*/


/*PAGES
Accueil
*/
/*Page d'accueil*/
.path-frontpage .S_pathologies{
    margin: 40px 0 0;
}
.path-frontpage .S_pathologies > .field--name-field-corps-1{
    flex-direction: column;
}
.path-frontpage .S_pathologies > .field--name-field-corps-1 > .field__item{
    width: 100%;
}
.path-frontpage .S_pathologies > .field--name-field-corps-1 > .field__item_1{
    padding: 0 0 40px;
}

.path-frontpage .S_equipe{
    flex-direction: column;
}
.path-frontpage .S_equipe > .field{
    width: 100%;
}

.path-frontpage .S_rdv {
    padding: 80px 10vw;
}
.path-frontpage .S_rdv .field--name-field-bandeau-1 > .ligne{
    justify-content: center;
}
.path-frontpage .S_rdv .field--name-field-bandeau-1 > .ligne > .bloc_txt {
    margin-bottom: 80px;
}

.path-frontpage .S_actualites > .field--name-field-corps-3{
    flex-direction: column;
}
.path-frontpage .S_actualites > .field--name-field-corps-3 > .field__item{
    width: 100%;
}
.path-frontpage .S_actualites > .field--name-field-corps-3 > .field__item_1{
    padding: 0;
}
/*Fin - Page d'accueil*/

/*Page RDV*/
.page-node-15 .S_contenus > .col_fixe{
    display: none;
}
/*Fin - Page RDV*/

/*FIN - PAGES*/









/*Menus*/

/*Fin - Menus*/
/*Footer & pied de page*/
footer.site-footer .bloc_footer > .conteneur_footer{
    flex-direction: column;
}
footer.site-footer .bloc_footer > .conteneur_footer > div{
    width: 100%;
}
footer.site-footer h3{
    margin: 30px 0 0;
}
footer.site-footer .bloc_footer > .conteneur_footer > div p{
    margin: 0;
}
/*Fin - Footer et pied de page*/

/*Page RDV*/

/*Fin - Page RDV*/


}

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

.path-faq .view-faq-palier.view-display-id-block_1 > .view-content > div{
    flex-direction: column;
}
.path-faq .view-faq-palier.view-display-id-block_1 > .view-content .views-row{
    width: 100%;
}
    
}


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

/*Vues*/
.view-pathologies.view-display-id-block_1 > .view-content{
    flex-direction: column;
}
.view-pathologies.view-display-id-block_1 > .view-content > div{
    width: 100%;
}
.view-pathologies.view-display-id-block_1 > .view-content > div:not(:first-child){
    margin-top: 40px;
}
/*Fin - Vues*/

/*Blocs personnalisés*/
div#block-asco-theme-lieuxdactivites .bloc_txt.droite{
    flex-direction: column;
    flex-wrap: wrap;
}
div#block-asco-theme-lieuxdactivites .bloc_txt.droite > div.conteneur_consultation{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

div#block-asco-theme-lieuxdactivites .bloc_txt.droite > div.conteneur_consultation .hotel-dieu,
.page-node-type-page .S_contenus > .col_fixe .bloc_txt > div .hotel-dieu,
div#block-asco-theme-lieuxdactivites .bloc_txt.droite > div.conteneur_consultation .hopital-bellier,
.page-node-type-page .S_contenus > .col_fixe .bloc_txt > div.hopital-bellier{
    width: 50%;
}
div#block-asco-theme-lieuxdactivites .bloc_txt.droite > div,
.page-node-type-page .S_contenus > .col_fixe .bloc_txt > div{
    width: 100%;
}
div#block-asco-theme-lieuxdactivites .bloc_txt.droite > div.conteneur_consultation .conteneur_txt,
.page-node-type-page .S_contenus > .col_fixe .bloc_txt > div .conteneur_txt{
    padding: 24px;
    height: 100%;
}
/*Fin - Blocs personnalisés*/


.page-node-type-pathologie .S_hero,
.page-node-type-lieu-d-activite .S_hero{
    flex-direction: column;
    margin-bottom: 60px;
}
.page-node-type-pathologie .S_hero .field--name-body,
.page-node-type-lieu-d-activite .S_hero .field--name-field-corps-2{
    padding: 80px 10vw;
    width: 100%;
}
.page-node-type-pathologie .S_hero .field--type-image,
.page-node-type-lieu-d-activite .S_hero .field--type-image{
    width: 100%;
}

/*Footer*/
footer.site-footer .bloc_pied {
    flex-direction: column;
    align-items: center;
}
footer.site-footer .bloc_pied > .conteneur_liens{
    flex-direction: column;
}
footer.site-footer .bloc_pied > .conteneur_liens > p {
    margin-left: 0;
    text-align: center;
}
.region--footer_top__inner > *, .region--footer_bottom__inner > * {
    margin-block-end: 0;
}
/*Fin - Footer*/

/*TDC*/
.page-node-type-article .S_contenus{
    padding: 0 10vw;
    flex-direction: column;
}
.page-node-type-article .S_contenus > .col_contenus{
    padding-right: 0;
}
.page-node-type-article .S_contenus > .col_fixe {
    position: relative;
    top: 0;
    height: initial;
    margin-top: 40px;
    min-width: initial;
    padding-left: 0;
    border-left: none;
}

.page-node-type-praticien .S_corps-1 > .field--name-field-corps-1 > .field__label{
    width: auto;
}

/*FIN TDC*/

    
}


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

/*Communs*/
.region--breadcrumb {
    margin-bottom: 0;
}
.ckeditor-accordion-container > dl dt{
        padding: 24px 68px 24px 10vw;  
}
.ckeditor-accordion-container > dl dd.active{
    padding: 0 10vw;
}

.path-frontpage .S_hero h1 {
    font-size: 3rem;
    line-height: 4rem;
}
.main-content h1, .h1{
    font-size: 2rem;
    line-height: 2.6rem;
}
.main-content h2, .h2, .field--type-text-long.field--label-above > .field__label,
.view-videos.view-display-id-page_1 > .view-content > div > a {
    font-size: 1.6rem;
    line-height: 2rem;
}
.main-content h3, .h3 {
    font-size: 1.35rem;
    line-height: 1.5rem;
}
.main-content p, .main-content li, .main-content p > a{
    font-size: 1.2rem;
    line-height: 1.6rem;
}
/*Fin - Communs*/

/*Menu*/
header#header .site-header__inner__container {
    padding: 36px 0 0;
    height: 116px;
}
header#header .site-header__inner__container > div#block-asco-theme-site-branding{
    width: 250px;
}
.site-branding__inner a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
header#header .site-header__inner__container > div#block-asco-theme-site-branding .site-branding__inner > a > img {
    display: block;
    max-height: 56px;
}
nav#block-asco-theme-topmenu ul{
    width: 100%;
    justify-content: center;
}
/*Fin - Menu*/


/*Vues*/
.view-actualites .views-row,
.view-taxonomy-term .views-row,
.view-pathologies.view-display-id-page_1 .views-row,
.view-faq-palier.view-display-id-page_2 .views-row,
.view-videos.view-display-id-page_1 .views-row,
.view-lieux-d-activites .views-row{
    width: 100%;
    margin: 0;
}

.view-pathologies.view-display-id-page_1 .views-row,
.view-taxonomy-term .views-row,
.view-lieux-d-activites .views-row,
.view-actualites .views-row{
    margin: 0 0 40px;
}

.view-praticien > .view-content .views-row {
    width: calc(100% / 2) !important;
    min-width: initial;
}

.path-retine .view-pathologies,
.path-taxonomy .view-taxonomy-term{
    padding: 0 10vw;
}
.view-pathologies.view-display-id-page_1 .view-content > div{
    margin-bottom: 60px;
}


.view-praticien > .view-content .views-row .bloc_txt,
.view-praticien > .view-content .views-row .bloc_txt > .conteneur_txt{
    height: 100%;
}

/*Fin - Vues*/

/*PAGES*/
/*Page d'accueil*/
.path-frontpage .S_hero{
    padding: 120px 10vw 0;    
}

.path-frontpage .S_hero > .field--name-field-image {
    position: absolute;
    width: 80vw;
    height: 80vw;
    opacity: 1;
    bottom: -150px;
}
.path-frontpage .S_pathologies {
    margin: 160px 0 0;
}

.path-frontpage .S_pathologies > .field--name-field-corps-1 > .field__item_2 > .ligne {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 0;
}
.path-frontpage .S_pathologies .bloc_pathologies-medicales{
    grid-area: 1 / 1 / 2 / 2; 
}
.path-frontpage .S_pathologies .bloc_pathologies-chirurgicales{
    grid-area: 2 / 1 / 3 / 2;
}
.path-frontpage .S_pathologies .bloc_cataracte{
    grid-area: 3 / 1 / 4 / 2;
}
.path-frontpage .S_equipe > .field--name-field-corps-2 > .field__item > .ligne {
    padding: 140px 24px 24px;
}

.path-frontpage .S_rdv h2{
    text-align: center;
}
.path-frontpage .S_rdv div.gr_btns{
    justify-content: center;
}
.path-frontpage .S_rdv div.gr_btns > p.btn-bloc{
    margin: 0;
}
.view-actualites .view-footer {
    position: relative;
    top: 0;
    margin: 20px 12px;
}
/*Fin - Page d'accueil*/

/*Page RDV*/
.form-type-select {
    width: 100%;
}
form > fieldset > .fieldset__wrapper{
    flex-direction: column;
}
form > fieldset > .fieldset__wrapper > fieldset{
    width: 100%;
}
/*Fin - Page RDV*/

/*FIN - PAGES*/

/*TDC*/
.page-node-type-pathologie .S_hero .field--name-body,
.page-node-type-lieu-d-activite .S_hero .field--name-field-corps-2{
    padding: 40px 10vw;
}


.page-node-type-lieu-d-activite .S_corps-2{
    padding: 0;
}
.page-node-type-lieu-d-activite .S_corps-2 .field__item > .ligne > *{
    padding: 0 10vw;
}
.page-node-type-lieu-d-activite .S_corps-2 .field__item > .ligne > .ckeditor-accordion-container{
    padding: 0;
}
.page-node-type-lieu-d-activite .S_corps-2 .field__item > .ligne h3{
    margin-bottom: 24px;
}

.path-faq .view-f-a-q.view-display-id-page_1{
    padding: 0;
}

.view-id-f_a_q.view-display-id-block_1 .views-row .views-field-title,
.view-f-a-q.view-display-id-page_1 .views-row .views-field-title{
    padding: 24px 68px 24px 10vw;
}
.view-id-f_a_q.view-display-id-block_1 .views-row .ui-accordion-content,
.view-f-a-q.view-display-id-page_1 .views-row .ui-accordion-content{
    padding: 0 10vw;
}
.view-id-f_a_q.view-display-id-block_1 .views-row .views-field-title span.ui-accordion-header-icon,
.view-f-a-q.view-display-id-page_1 .views-row .views-field-title span.ui-accordion-header-icon{
    right: 5vw;
}
.view-id-f_a_q.view-display-id-block_1 .view-footer,
.view-f-a-q.view-display-id-page_1 .view-footer{
    padding: 0 10vw;
}
.view-f-a-q.view-display-id-page_1 .view-footer{
    margin-bottom: 40px;
}

.page-node-type-pathologie .S_corps-2{
    padding: 40px 0;
}
.page-node-type-pathologie .S_corps-2 h2{
    padding: 0 10vw;
}

.view-actualites.view-display-id-block_3 .view-footer {
    margin: 12px 0 40px;
    position: relative;
}

/*FIN - TDC*/

/*Blocs personnalisés*/
div#block-asco-theme-lieuxdactivites .bloc_txt.droite > div.conteneur_consultation{
    flex-direction: column;
}
div#block-asco-theme-lieuxdactivites .bloc_txt.droite > div.conteneur_consultation .hotel-dieu, .page-node-type-page .S_contenus > .col_fixe .bloc_txt > div .hotel-dieu, div#block-asco-theme-lieuxdactivites .bloc_txt.droite > div.conteneur_consultation .hopital-bellier, .page-node-type-page .S_contenus > .col_fixe .bloc_txt > div.hopital-bellier{
    width: 100%;
}
/*Fin - Blocs personnalisés*/


}


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


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


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