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


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



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

#main-wrapper, .main-content-accueil{width: 100%;max-width: inherit;display: inline-block;}

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


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

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

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

article {width:100%;}

/* general */

a {transition: all 0.5s;}

a:hover {border:none;}

/*Grille*/
.droite{justify-content: flex-end;}
.gauche{justify-content: flex-start;}

.pleine_largeur{max-width: inherit;}
.colonne_1-1{width:100%;}
.colonne_1-2{width:47.22%;}
.colonne_1-3{width:29.63%;}
.colonne_2-3{width:64.81%;}
.colonne_1-4{width:20.83%;}
.colonne_3-4{width:73.61%;}
.colonne_1-5{width:16.25%;}
.colonne_2-5{width:37.19%;}
.colonne_3-5{width:53.44%;}
.colonne_4-5{width:79.06%;}
.grille {display: grid;grid-template-columns: 1fr repeat(12, minmax(5px, 110px)) 1fr;grid-gap: 5px;width: 100%;}
.fin{margin-right:0;}
/*colonne fin*/

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

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

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

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

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

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

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

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

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

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

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

.animated {
	transition-delay : 300ms;
	transition-duration : 1600ms;
	opacity: 1;
	transform: none;
}

/* --Siperfish modif --*/

ul#superfish-main {
    width: 100%;
    display: flex;
    justify-content: space-between;
	font-size: 1.1em;
}

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

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

ul#superfish-main li a:hover,
ul#superfish-main li a:focus,
ul#superfish-main li a:active,
ul#superfish-main li>span:hover{
	background: none;
    color: #999;
    border-color: #999;
	
}
/*Fin - Initialisation du AscoTemplate*/



/*Extensions
Field Group = fieldset.form-item
*/

fieldset.form-item{
    border: none;
    padding: 0;
    margin: 0;
}
fieldset.form-item > legend{
	display: none;
}

.fieldset-wrapper [class*="field--name-field-corps"]{
	
}

.fieldset-wrapper .field--name-field-corps-1-description h2{
	color: #C3DEE2;
}

/*Fin - Extension Field Group*/
/*Accordions CK Editor*/
.ckeditor-accordion-container > dl{
	border: none;
}
.ckeditor-accordion-container > dl dt > a,
.ckeditor-accordion-container > dl dt > a:hover,
.ckeditor-accordion-container > dl dt.active > a{
	background-color: #01356d;
}

.conteneur_txt.accordeon{
	width: 100%;
}










/*Structure personnalisé L_2col*/
fieldset.S_2col{

}

fieldset.S_2col h2,
fieldset.S_2col h3,
fieldset.S_2col h4{
	margin: 0 !important;
}
fieldset.S_2col h2{
	margin: 40px 0 !important;
}


fieldset.S_2col > .fieldset-wrapper{
	display: flex;
}
fieldset.S_2col > .fieldset-wrapper > .field{
width: 50%;
margin: 0;
}
fieldset.S_2col > .fieldset-wrapper .field--type-image{
overflow: hidden;
}
fieldset.S_2col > .fieldset-wrapper .field--type-image > .ligne{
height: 100%;
    /*background-color: #c3dee2;*/
    padding: 0;
}
fieldset.S_2col > .fieldset-wrapper .field--type-image img{
    object-fit: cover;
    /*aspect-ratio: 1.1/1;*/
    max-height: 100vh;
	margin: 50px 0 50px 5vw;
}

fieldset.S_2col > .fieldset-wrapper [class*="field--name-field-corps"]{
    display: flex;
    align-items: center;
}
.field--name-field-corps-2-prise-en-charge{
	background-color: #C3DEE2;
	position: relative;
}


/*
.field--name-field-corps-2-prise-en-charge:after {
    content: url(../images/gfx/polygone_right_C3DEE2.svg);
    position: absolute;
    bottom: calc(50% - 73px);
    right: -46px;
    width: 46px;
    height: 146px;
}
*/

.field--name-field-corps-2-prise-en-charge h2,
.field--name-field-corps-2-prise-en-charge p{
	color: #01356D !important;
}


.field--name-field-corps-2-prise-en-charge > .ligne p{
	max-width: 405px;	
}





fieldset.S_2col > .fieldset-wrapper [class*="field--name-field-corps"] > .ligne{
    max-height: 100%;
    height: auto;
    margin: 50px 0;
    padding: 0 10vw 0 20px;	
}
fieldset.S_2col > .fieldset-wrapper [class*="field--name-field-corps"] > .ligne p{
	width: 100%;
}

fieldset.S_2col > .fieldset-wrapper > div:first-child[class*="field--name-field-corps"] > .ligne{
    padding: 0 50px 0 10vw;	
}





.L_1col [class*="col_"] [class*="conteneur"]{
	padding: 0 10vw;
}
.L_2col{

}
.L_2col > .fieldset-wrapper{
	display: flex;
}
.L_2col > [class*="col_"],
.L_2col > .fieldset-wrapper [class*="col_"]{
	display: flex;
	flex-wrap: wrap;
  align-items: center;
  width: 50%;
  /*width: auto;
  min-width: 30%;*/
}
.L_2col > [class*="col_"]:first-child{

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

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

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

}
.field--name-field-bandeau-avant-intervention .L_2col > [class*="col_"].col_txt .conteneur_txt{
	padding: 0;
}

/*bandeau Avant toute intervention chirurgicale /pages pathologies et traitements*/
.field--name-field-bandeau-avant-intervention,
.path-taxonomy .S_1col{
    background-image: url(../images/photos/webp/AdobeStock_293941508.webp);
    background-size: cover;
    background-attachment: fixed;
}
.field--name-field-bandeau-avant-intervention > .ligne,
.path-taxonomy .S_1col > .fieldset-wrapper{
    background-color: #ffffffcf
}
.field--name-field-bandeau-avant-intervention h2,
.path-taxonomy .S_1col h2{
    color: #01356d !important;
}
.path-taxonomy .S_1col .field--name-field-corps-3-taxo > .ligne{
    padding: 0 10vw;
}
/*fin - bandeau Avant toute intervention chirurgicale*/


.L_2col > .col_img,
fieldset.S_2col > .fieldset-wrapper .field--type-image{
    position: sticky;
    max-height: 100vh;
    top: 0;
}
.L_2col > .col_img img,
fieldset.S_2col > .fieldset-wrapper .field--type-image img{
    min-height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    max-width: initial;
}

.page-node-type-traitements .S_traitement-chir .col_img img{
    min-height: 80%;
    max-width: calc(100% - 10vw);
    object-fit: cover;
    object-position: right center;	
}


/*.S_prise-en-charge .L_2col > [class*="col_"],*/
.L_2col > [class*="col_"]{
    padding-top: 50px;
    padding-bottom: 50px;   
}
/*.S_prise-en-charge .L_2col > [class*="col_"]:first-child,*/
.L_2col > [class*="col_"]:first-child{
    padding-left: 10vw;
  padding-right: 50px;
}
/*.S_prise-en-charge .L_2col > [class*="col_"]:last-child,*/
.L_2col > [class*="col_"]:last-child{
    padding-left: 50px;
    padding-right: 10vw;
}
/*.S_prise-en-charge .L_2col > [class*="col_"].col_img:first-child,*/
.L_2col > [class*="col_"].col_img:first-child{
    padding-left: 0;
  padding-right: 50px;
}
/*.S_prise-en-charge .L_2col > [class*="col_"].col_img:last-child,*/
.L_2col > [class*="col_"].col_img:last-child{
    padding-left: 50px;
  padding-right: 0;
}

.L_2col > [class*="col_"].col_img > .conteneur_img{
    height: 100%;
}


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


/*fin calibage des images*/



.L_2col > .col_txt{
    padding: 40px 0;
    width: calc(50% - 10vw - 50px) !important;
}



/*
.L_2col{
	display: flex;
  max-width: 100vw;
}


.L_2col > [class*="col_"] {
    min-width: initial;
    max-width: calc(50% - 10vw);
}
.L_2col > [class*="col_"]:first-child{
	padding-left: 10vw;
}
.L_2col .col_img{
    min-height: 100%;
    margin: 0;
}
.L_2col .col_img img{
    min-height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: right center;
    max-width: initial;
}


.L_2col > div[class*="col_"],
.L_2col > .fieldset-wrapper > [class*="col_"]{
    min-width: 50%;
    max-width: 50%;
}


*/










/*Administration*/
/*page de connection*/
.path-user .region-breadcrumb {
    position: relative;
    width: 100%;
    right: auto;
    top: 20vh;
    z-index: 80;
    height: auto;
}
.path-user  .region-breadcrumb div[id*="block-asco-theme"]{
	padding: 0;
}
.path-user .region-breadcrumb div#block-asco-theme-breadcrumbs{
	display: none;
}

.path-user h1.page-title{
	text-align: center;
}
.path-user .region-content {
    margin-top: 30vh;
}
.path-user .region-content form{
max-width: 300px;
    margin: 0 auto;	
}
.path-user .region-content form #edit-actions input#edit-submit {
    display: block;
}
/*fin - page de connection*/

.featured-top {
	padding: 0;
    position: fixed;
    bottom: 0;
    z-index: 15;
    width: 100vw;
    background-color: #0f0f0fb3;
}
.featured-top ul.tabs.primary {
    margin: -20px 0 0 0;
    padding: 10px 0 0 0;
}





ul.contextual-links {
    /*display: block !important;*/
}
ul.contextual-links > li{
    width: auto !important;
    height: auto !important;    
}






*,
*:before,
*:after{
	font-family: "Poppins";
	transition: .3s;
}
h1.page-title{
	font-size: 50px;
}
.main-content h2 {
    margin: 40px 0 !important;
	font-size: 34px !important;
    border-bottom: 1px solid #eee;
    padding-bottom: 6px;
    color: #C3DEE2;
}
.main-content h3{
    font-size: 21px !important;
    /*font-weight: 700;
    color: #0a294a;*/
    border-bottom: 1px solid #eee;
}
.main-content h4{
	font-size: 18px;
}
h5{
    text-transform: inherit;
    font-size: 24px;
    text-decoration: underline;
    font-weight: 300;	
}

.main-content p{
	font-size: 15px;
    line-height: 1.7em;
	text-align: justify;
}
a{
	border: none;
	color: #B20028;
	text-shadow: none !important;
}
a:hover{
	text-decoration: underline;
}

li a:hover{
	text-decoration: none;
}

p strong{
	color: #01356D;
}
strong.rouge{
    color: #b20028;
}

p a{
	text-decoration: underline;
}
p.avant-ul{
	text-decoration: underline;
    font-size: 17px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 6px;
}


ul.liste-puces{

}
ul.liste-puces li{
	position: relative;
    border-bottom: 1px solid #3E3E3E;
    list-style: none;
    padding-left: 45px;
    padding-bottom: 15px;
    padding-top: 18px;	
}
ul.liste-puces li:before{
    content: "";
    width: 10px;
    height: 10px;
    background-color: #b20028;
    border-radius: 5px;
    position: absolute;
    left: 17px;
    top: 26px;	
}
ul.liste-puces li:hover{
    background-color: #0a294a0d;	
}
ul.liste-puces li a{
    color: #3E3E3E;
    font-size: 17px;
    font-weight: 400;
    padding: 10px 0;
    border-bottom: 0;	
}

.conteneur_margin-bottom{
	margin-bottom: 40px;
}

[class*="conteneur"] > ul > li:before{
    width: 6px;
    height: 6px;
    top: 25px;	
}



.text-formatted ul,
.text-formatted ol{
	padding: 0;
	margin: 0;
}
fieldset ul li{
    position: relative;
    border-bottom: 1px solid #3E3E3E;
    list-style: none;
    padding-left: 45px;
    padding-bottom: 15px;
    padding-top: 18px;
}
fieldset ul li:hover{
	background-color: #0a294a0d;
}

fieldset .conteneur_btns ul li{
	border-bottom: none;
}
fieldset ul li:before,
/*page traitement*/.field--name-field-bandeau-avant-intervention > .ligne .col_txt fieldset ul li:before{
    content: "";
    width: 10px;
    height: 10px;
    background-color: #b20028;
    border-radius: 5px;
    position: absolute;
    left: 17px;
	top: calc(50% - 5px);
}

fieldset .conteneur_btns ul li:before{
	display: none;
}

fieldset ul > li p{
	margin-bottom: 0;
}

fieldset ul > li a{
    color: #3E3E3E;
    font-size: 17px;
    font-weight: 400;
    padding: 10px 0;
    border-bottom: 0;
}
fieldset ul > li:hover{

}
fieldset ul > li:hover a{

}

fieldset ul > li > ul{

}
fieldset ul > li > ul > li{
	border-bottom: none;
}
fieldset ul > li > ul > li:before{
	background-color: transparent;
	-webkit-box-shadow: inset 0px 0px 0px 2px #b20028;
	box-shadow: inset 0px 0px 0px 2px #b20028;
}


fieldset ul.liste-picto-ancres{
	display: flex;
flex-wrap: wrap;
justify-content: center;
}
fieldset ul.liste-picto-ancres li{
    padding: 0;
    margin-right: 20px;
    background-color: transparent;
    border-bottom: none;
}
fieldset ul.liste-picto-ancres li:before{
	display: none;
}
ul.liste-picto-ancres li[class*="picto-"]:hover a:before{
    top: 10px;
    background-color: #01356d;
}


ul.liste-picto-ancres li[class*="picto-"] a{
    position: relative;
    display: block;
    padding: 100px 0 0;
    font-size: 15px;
    color: #c3dee2;
}
ul.liste-picto-ancres li[class*="picto-"]:hover a{
	color: #333;
}

ul.liste-picto-ancres li[class*="picto-"] a:before{
    content: "";
    width: 70px;
    height: 70px;
    position: absolute;
    left: calc(50% - 35px);
    top: 20px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 6%);
    box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 6%);
    border-radius: 50px;
}
ul.liste-picto-ancres li.picto-traitement-medical a:before{
	background-image: url(../images/gfx/picto_traitement-medical.svg);
    background-size: 40px;
}
ul.liste-picto-ancres li.picto-traitement-chirurgical a:before{
	background-image: url(../images/gfx/picto_traitement-chirurgical.svg);
    background-size: 30px;
}
li.picto-chirurgiens a:before{
    background-image: url(../images/gfx/picto-chirurgiens_0A294A.svg);
    background-size: 30px;
}
li.picto-equipe a:before{
    background-image: url(../images/gfx/picto-equipe_0A294A.svg);
    background-size: 30px;
}
li.picto-partenaires a:before{
    background-image: url(../images/gfx/picto-partenaires_0A294A.svg);
    background-size: 30px;
}
/*hover*/
li.picto-chirurgiens:hover a:before{
    background-image: url(../images/gfx/picto-chirurgiens_FFFFFF.svg);    
}
li.picto-equipe:hover a:before{
    background-image: url(../images/gfx/picto-equipe_FFFFFF.svg);    
}
li.picto-partenaires:hover a:before{
    background-image: url(../images/gfx/picto-partenaires_FFFFFF.svg);    
}


/*Parcours de soins*/
li.picto-pre-operatoire a:before{
    background-image: url(../images/gfx/picto_pre-operatoire_0A294A.svg);
    background-size: 30px;
}
li.picto-peri-operatoire a:before,
li.picto-lieux a:before{
    background-image: url(../images/gfx/picto_peri-operatoire_0A294A.svg);
    background-size: 50px;
}
li.picto-post-operatoire a:before{
    background-image: url(../images/gfx/picto_post-operatoire_0A294A.svg);
    background-size: 30px;
}
li.picto-ressources a:before{
    background-image: url(../images/gfx/picto_ressources_0A294A.svg);    
}

/*hover*/
li.picto-pre-operatoire:hover a:before{
    background-image: url(../images/gfx/picto_pre-operatoire_FFFFFF.svg);    
}
li.picto-peri-operatoire:hover a:before,
li.picto-lieux:hover a:before{
    background-image: url(../images/gfx/picto_peri-operatoire_FFFFFF.svg);    
}
li.picto-post-operatoire:hover a:before{
    background-image: url(../images/gfx/picto_post-operatoire_FFFFFF.svg);    
}
li.picto-ressources:hover a:before{
    background-image: url(../images/gfx/picto_ressources_FFFFFF.svg);    
}



/*Praticien*/
li.picto-cv a:before{
    background-image: url(../images/gfx/picto_cv_0A294A.svg);    
}

li.picto-cv:hover a:before{
    background-image: url(../images/gfx/picto_cv_FFFFFF.svg);    
}




/*------------------------------------------------------------------------------------------------------------------
  ------------------------------------------------------------------------------------------------------------------  
  ------------------------------------------------------------------------------------------------------------------*/








/*------ TYPES DE CONTENUS ------*/

/*Type de contenus > Page de Base
page d'accueil = /node/2
*/












/*------ FIN TYPES DE CONTENUS ------*/


/*global*/
div#main-wrapper > .layout-main {
    margin-top: 0;
}
.region-breadcrumb{
	padding: 0;
}

/*Header*/
header#header{
    background-color: transparent !important;
    background-image: none !important;
    position: fixed;
    top: 0;
    left: 0;
	width: auto;
    z-index: 100;
    height: 80px;
}
.user-logged-in header#header{
	top: 100px;
}

header#header .section{
    display: flex;
    justify-content: flex-end;
    max-width: 100%;
    padding: 0;
}
header#header .section > [class*="region"]{
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    width: auto;
	/*top: -120px;*/
}
div#block-asco-theme-branding{
	z-index: 110;
    /*top: 130px;
    position: relative;*/
}

/*zone logo*/
header#header .region-header{
	width: 100px;
    right: auto;
    left: 5vw;
}
header#header .region-header .site-branding__text{
	display: none;
}

/*Menu principal*/


.path-frontpage .breadcrumb{
    display: none;
}
.path-frontpage .region-header{
	opacity: 0;
}
.path-frontpage fieldset.S_2col > .fieldset-wrapper [class*="field--name-field-corps"] > .field__item{
    padding: 0 50px 0 10vw;
}


/*
.toolbar .toolbar-tray{
	z-index: 999;
}
header#header .region-primary-menu{
	width: calc(100% - 100px);
}
header#header .region-primary-menu > div#block-navigationprincipale{
	height: 100%;
}

div#block-navigationprincipale > .ligne.ligne-titre{
	display: none;
}
*/
div#block-navigationprincipale .sf-accordion-toggle{
    display: flex;
    justify-content: flex-end;
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 80;
}
a#superfish-main-toggle {
	position: relative;
    width: 70px;
    height: 70px;
    display: block;
    top: 0px;
    background-color: #eee;
    border-radius: 35px;
    background-image: url(../images/gfx/picto_menu-normal_5A5A5A.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center;
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.06); 
	box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.06);
}
a#superfish-main-toggle.sf-expanded{
    background-image: url(../images/gfx/picto_menu-croix_0A294A.svg);
    width: 30px;
    height: 30px;
    top: 30px;
	left: 230px;
}
a#superfish-main-toggle.sf-expanded{
	background-color: transparent;
}

a#superfish-main-toggle:hover{
	top: 10px;
	background-color: #b20029;
    background-image: url(../images/gfx/picto_menu-normal_FFFFFF.svg);
}
a#superfish-main-toggle.sf-expanded:hover{
    background-image: url(../images/gfx/picto_menu-croix_FFFFFF.svg);
    top: 25px;
    width: 40px;
    height: 40px;
}


a#superfish-main-toggle span{
	display: none;
}

ul#superfish-main-accordion{
overflow-y: scroll;
    position: relative;
    top: 0 !important;
    height: calc(100vh - 100px);
    z-index: 70;
    padding: 0 0 100px 0;
    width: 320px;
}
ul.sf-menu.sf-accordion.sf-hidden{
    height: 100vh !important;
    border-top: 0px solid #0a294a;
}
ul.sf-menu.sf-accordion.sf-expanded{
    max-width: 350px;
    background: #fff;
}

ul#superfish-main-accordion li{

}
ul#superfish-main-accordion li a{
    height: calc(100% - 20px);
    display: block;
    float: none;
    border-radius: 0;
    background-color: transparent;
    border-bottom: 1px solid #0a294a30;
    margin: 0;
    padding: 10px 24px;
    text-align: left;
}
ul#superfish-main-accordion li:hover > a,
ul#superfish-main-accordion li.sf-expanded > a{
	font-weight: 600;
}

ul#superfish-main-accordion li.sf-depth-1{
    height: auto;
    /*min-height: calc((100% / 7));*/
  margin-bottom: 30px;
    margin-left: 0px;
	width: calc(100%);
}
ul#superfish-main-accordion li.sf-depth-1:first-child{
    background-color: #fff;
    height: 240px;
    max-height: 24vh;
    background-image: url(../images/gfx/logo_badge.svg);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 0;
    margin-left: 0;
    width: 100%;
}


ul#superfish-main-accordion li.sf-depth-1 > a{
		/*margin-left: 50px;*/
}

li#main-menu-link-content7423cf58-b559-4705-b42f-bb249a5df323-accordion a {
    color: transparent;
    border: none !important;
    /*cursor: initial;*/
    margin-left: 0px;
}

ul#superfish-main-accordion li.sf-depth-2 > a{
		margin-left: 50px;
}
ul#superfish-main-accordion li.sf-depth-3 > a{
margin-left: 50px;
    padding-left: 40px;
    position: relative;
}
ul#superfish-main-accordion li.sf-depth-3 > a:before{
    content: "";
    width: 6px;
    height: 6px;
    background-color: #b20028;
    border-radius: 3px;
    position: absolute;
    left: 23px;
    top: calc(50% - 3px);
}


ul#superfish-main-accordion li:hover > a,
ul#superfish-main-accordion li.sf-depth-1.sf-expanded > a{
    background-color: #0a294a0f;
}
ul#superfish-main-accordion li#main-menu-link-content7423cf58-b559-4705-b42f-bb249a5df323-accordion:hover > a{
    background-color: transparent;
}

ul#superfish-main-accordion li.sf-no-children{

}

ul#superfish-main-accordion li.sf-depth-1 > ul{

}
ul#superfish-main-accordion li.sf-depth-1 > ul.sf-hidden{

}


/*bouton rendez-vous dans le menu*/

li#main-menu-link-content48fe8366-a913-4a7c-9bc4-d0262f6c7788-accordion {
    background-color: #fff;
    padding-bottom: 60px;
    padding-top: 25px;
    border-top: 1px solid #eee;
    border-radius: 6px;
    position: absolute;
    bottom: 0px;
    margin-bottom: 0 !important;
}
li#main-menu-link-content48fe8366-a913-4a7c-9bc4-d0262f6c7788-accordion a {
    background-color: #b20028 !important;
    margin-left: 50px !important;
    margin-right: 50px !important;
    border-radius: 6px !important;
    color: #fff;
    text-align: center;
}
/*fin - bouton rdv dans menu*/




/*Footer*/
.region.region-footer-fifth > div{
	padding: 0 5vw;
}

.region.region-footer-fifth div#block-pieddepage{
	background-color: #0A294A;
}
.region.region-footer-fifth div#block-pieddepage .conteneur_txt a{
	color: #fff;
    font-size: 13px;
}

.site-footer {
background: #F5F5F5 !important;
padding: 0;
position: relative;
}
.site-footer:before{
	content: "";
	width: 70px;
	height: 70px;
	position: absolute;
	left: calc(50% - 35px);
	top: -35px;
	background-image: url(../images/gfx/logo.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.site-footer .layout-container{
max-width: 100%;
    padding: 0;
}
.site-footer__bottom{
	border-top: none;
}

.bloc_flex-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 60px 0 30px;
}
.bloc_flex-row .conteneur_txt{

}
.bloc_flex-row .conteneur_txt h4{
	color: #01356D;
	font-size: 21px !important;
    font-weight: 400;
}
.bloc_flex-row .conteneur_txt ul{
	padding-left: 0 !important;
}
.bloc_flex-row .conteneur_txt ul li{
	margin-bottom: 10px;
    font-size: 13px;
}
.bloc_flex-row .conteneur_txt ul li a{
    color: #0a294a;
}
.bloc_flex-row .conteneur_txt ul li a:hover{
    color: #b20028;
}

/*ligne pied de page*/
div#block-pieddepage .bloc {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
div#block-pieddepage .bloc .conteneur_txt{
	display: flex;
	align-items: center;
}
div#block-pieddepage .bloc .conteneur_txt > p{
	margin: 0 !important;
}
div#block-pieddepage .bloc .conteneur_txt > p > a{
	margin-left: 15px;
}

div#block-pieddepage .field--name-body > .ligne {
    padding: 0;
}


/*------ BLOCKS PERSONNALISES ------
boutons latéraux = div#block-boutonslateraux
*/
div#block-boutonslateraux {
    position: fixed;
right: 25px;
    bottom: 80px;
    z-index: 90;
}
div#block-boutonslateraux ul{
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}
div#block-boutonslateraux ul li{
	width: 70px;
    height: 70px;
    border-radius: 35px;
	margin: 10px 0;
}
div#block-boutonslateraux ul li:hover{
	transform: scale(1.1);
}

li.picto-rdv{
    background-color: #ba002ac4;
    box-shadow: 0px 0px 0px 10px #b20028 inset;
}
li.picto-acces{
    background-color: #01356dc4;
    box-shadow: 0px 0px 0px 10px #01356D inset;
}


div#block-boutonslateraux ul li a{
	display: block;
	height: 100%;
}
















/*Pictos*/
li[class*="picto"]{
	list-style: none;
	background-size: 14px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #eee;
}
li.picto-rdv{
	background-image: url(../images/gfx/picto_rdv_FFFFFF.svg);
	background-color: #B20028;
}
li.picto-acces{
	background-image: url(../images/gfx/picto_lieux_FFFFFF.svg);
	background-color: #01356D;
}



/*------ VUES ------
.view-slideshow-hp = .view-slideshow-hp
Vue Pathologies HP = .view-pathologies
*/

.view-slideshow-hp .view-content{
    background-color: #0a294a;
  z-index: 40;
  position: relative;
}


.view-slideshow-hp .view-content > div > .flexslider{
	border: none;
  height: 80vh;
  margin: 0;
}
.view-slideshow-hp .view-content > div > .flexslider:before{
content: "";
    width: 220px;
    height: 220px;
    background-image: url(../images/gfx/logo_badge.svg);
    background-size: 220px;
    position: absolute;
    left: calc(50% - 110px);
    top: calc(50% - 300px);
    z-index: 700;
}


.view-slideshow-hp .flexslider ul.slides {
    position: relative;
    height: 100%;
}
.view-slideshow-hp .flexslider:after {
    content: url(../images/gfx/polygone_bottom_0A294A.svg);
    position: absolute;
    bottom: -46px;
    left: calc(50% - 73px);
    width: 146px;
    height: 46px;

}
.view-slideshow-hp .flexslider ul.slides > li,
.view-slideshow-hp .flexslider ul.slides > li .views-field-nothing,
.view-slideshow-hp .flexslider ul.slides > li .views-field-nothing span.field-content{
    height: 100%;
}
.view-slideshow-hp .flexslider ul.slides > li{

}


.conteneur_ss{

}
.conteneur_ss .conteneur-img{
    position: relative;
    mix-blend-mode: multiply;
    z-index: 50;
    background-color: #0A294A;
}
.conteneur_ss .conteneur-img img{
mix-blend-mode: multiply;
    height: 80vh;
    object-fit: cover;
}


.conteneur_ss [class*="conteneur-txt_"]{
    position: absolute;
    width: 100%;
    top: 40%;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
z-index: 400;
}
.conteneur_ss [class*="conteneur-txt_"] p > a{
	color: #fff;
	text-decoration: underline;
}


.conteneur_ss [class*="conteneur-txt_"] > a{
	z-index: 70;
	font-family: "Poppins";
	font-size: 70px;
	font-weight: 400;
	text-align: center;
	color: #fff;	
}

/*temporaire*/
.conteneur_ss [class*="conteneur-txt_"] > a:last-of-type{
    line-height: 1;
}
/**/


.conteneur_ss [class*="conteneur-txt_"] > p.h3,
p.h3{
    font-size: 22px;
    margin: 16px auto;
}
.conteneur_ss [class*="conteneur-txt_"] > p{
    color: #fff;
    text-align: center;
    font-size: 18px;
    width: 80%;
    margin: 0 auto;
}
.conteneur_ss [class*="conteneur-txt_"] > p strong{
    color: #cbdadf;
}
.conteneur_ss [class*="conteneur-txt_"] > p:last-of-type{
    margin-bottom: 15px;
}







/*Vue Pathologies HP = .view-pathologies*/
.view-pathologies .view-content .views-row{
	margin: 0 0 15px 0;
}
.view-pathologies .view-content h3{
	position: relative;
}
.view-pathologies .view-content h3:before{
    content: "";
    width: 44px;
    height: 44px;
    background-color: #05162861;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 15px 5px rgb(0 0 0 / 6%);
    box-shadow: 0px 0px 15px 5px rgb(0 0 0 / 7%);
    position: absolute;
    left: -54px;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
}
.view-pathologies .view-content h3:first-child:before{
	background-image: url(../images/gfx/picto_pathologie-cervicale_FFFFFF.svg);
}
.view-pathologies .view-content h3:nth-of-type(2):before{
	background-image: url(../images/gfx/picto_pathologie-lombaire_FFFFFF.svg);
}
.view-pathologies .view-content h3:nth-of-type(3):before{
	background-image: url(../images/gfx/picto_pathologie-sacroiliaque_FFFFFF.svg);
    background-size: 28px;
}


.view-pathologies .views-field-name a{
	font-size: 15px;
	font-weight: 400;
}
.view-pathologies .views-field-name a:hover {
    padding-left: 4px;
    font-weight: 600;
}



























/*HP*/
.path-frontpage div#block-asco-theme-page-title{
	display: none;
}




fieldset.S_100.S_bandeau{
	background-color: #0A294A;
	/*padding: 30px 0;*/
}
fieldset.S_100.S_bandeau *{
	color: #fff;
}
fieldset.S_100.S_bandeau h2{
	margin-top: 0;
}
fieldset.S_100.S_bandeau h3{
    text-decoration: underline;	
}

fieldset.S_100.S_bandeau .fieldset-wrapper{
	display: flex;
    align-items: center;
}





fieldset.S_100.S_bandeau .fieldset-wrapper div.field{
	width: 50%;
}
/*bandeau sur HP*/
.path-frontpage fieldset.S_100.S_bandeau .fieldset-wrapper .field--name-field-corps-bandeau{
    width: calc(50% - 10vw - 50px);
    min-width: 320px;
    padding-left: 10vw;
    padding-right: 50px;
}
.path-frontpage fieldset.S_100.S_bandeau .fieldset-wrapper fieldset.group_pathologies{
	width: 50%;
}
/*fin spécial sur HP*/


fieldset.S_100.S_bandeau .fieldset-wrapper div.field > .ligne{
    max-height: 100%;
    height: auto;
    margin: 0;	
}
fieldset.S_100.S_bandeau .fieldset-wrapper > div.field:first-child{

}
fieldset.S_bandeau.L_2col .fieldset-wrapper > div.field:first-child > .ligne{
	padding: 0 50px 0 10vw;
}


fieldset.S_bandeau.L_1col .fieldset-wrapper > div.field > .ligne{
	padding: 50px 10vw;
}
/*Bandeau Liens vers Traitements /Taxonomie Pathologies*/
fieldset.S_bandeau.L_1col .conteneur_blocs{
	width: 100%;
    display: flex;
    justify-content: center;
}
fieldset.S_bandeau.L_1col .conteneur_blocs [class*="bloc_traitement-"]{
    height: 200px;
    margin: 0 40px;
    background-repeat: no-repeat;
    background-position: top center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}
.bloc_traitement-medical{
	background-image: url(../images/gfx/picto_traitement-medical.svg);
    background-size: 70px;
}
.bloc_traitement-chirurgical{
	background-image: url(../images/gfx/picto_traitement-chirurgical.svg);
	background-size: 50px;
}
fieldset.S_bandeau.L_1col .conteneur_blocs [class*="bloc_traitement-"] p {
	margin: 0;
}
fieldset.S_bandeau.L_1col .conteneur_blocs [class*="bloc_traitement-"] a{
	display: block;
    border: 2px solid #fff;
    padding: 22px 90px;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    margin-top: 20px;
}
fieldset.S_bandeau.L_1col .conteneur_blocs [class*="bloc_traitement-"] a:hover{
    border: 2px solid #B20028;
    background-color: #B20028;
    color: #ffffff;
    font-weight: 600;	
}



.path-frontpage fieldset.S_100.S_bandeau .fieldset-wrapper fieldset.group_pathologies .field--name-field-pathologies-hp > .ligne{
    padding: 0 0 0 100px;	
}


/*Taxonomie Pathologies*/
.field--name-field-examens-associes-a-patho > .ligne{
	padding: 0 10vw 0 0;	
}
.field--name-field-examens-associes-a-patho .view-examens .view-content .views-row{
	position: relative;
	border-bottom: none;
  padding: 20px 20px 20px 100px;
  margin-bottom: 20px;
  border-radius: 70px;
}
.field--name-field-examens-associes-a-patho .view-examens .view-content .views-row .views-field-field-picto{
    position: absolute;
    top: 20px;
    left: 0;
    width: 70px;
}

.field--name-field-examens-associes-a-patho .view-examens .view-content .views-row:before{
	content: "";
	position: absolute;
	width: 70px;
	height: 70px;
	left: 0px;
	top: 20px;
	background-color: #eeeeee21;
	border-radius: 35px;
}
.field--name-field-examens-associes-a-patho .view-examens .view-content .views-row:last-of-type{
	margin-bottom: 0;
}

.field--name-field-examens-associes-a-patho .view-examens .view-content .views-row:hover{
	    background-color: #00000005;
}

.field--name-field-examens-associes-a-patho .view-examens .view-content .views-row .views-field-title a {
  font-weight: 500;
	font-size: 18px;
	pointer-events: none;
}


fieldset.S_100.S_bandeau .field--name-field-liens-vers-traitements{
	width: 100% !important;
}
fieldset.S_100.S_bandeau .field--name-field-liens-vers-traitements > .ligne{
	padding: 0 10vw;
}
fieldset.S_100.S_bandeau .field--name-field-liens-vers-traitements .field--name-body{
	width: 100% !important;
}
fieldset.S_100.S_bandeau .field--name-field-liens-vers-traitements .field--name-body > .ligne{
	display: flex;
	flex-direction: column;
	align-items: center;
}

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


/*Page Palier Taxonomies
dont vue taxo enfant pour afficher les pathologies liées au parent
*/
.view-taxo-enfants .view-content{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.view-taxo-enfants .view-content .views-row{
    border-radius: 16px;
    border: 1px solid #E7ECE7;
-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.12);
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 12%);
    width: calc(40% - 80px);
    min-width: 300px;
    padding: 20px;
    margin: 20px;
}

.view-taxo-enfants .views-field-name > span > a{
	font-size: 34px;
}

.views-field-field-liens-vers-traitements .field-content > .field > .ligne{

}
.views-field-field-liens-vers-traitements .field-content > .field > .ligne > h2{
	display: none;
}
.views-field-field-liens-vers-traitements .field-content > .field > .ligne > .conteneur_blocs{

}
.views-field-field-liens-vers-traitements .conteneur_blocs [class*="bloc_traitement-"]{
	background-image: none;
}
.views-field-field-liens-vers-traitements .conteneur_blocs [class*="bloc_traitement-"] > p{
	
}
.views-field-field-liens-vers-traitements .conteneur_blocs [class*="bloc_traitement-"] > a{
	
}









/*Bloc personnalisé
Parcours Patient
*/
.field--name-field-parcours-patient-hp li[class*="parcours"]{
border-bottom: none;
    padding: 20px 20px 20px 100px;
    margin-bottom: 20px;
    border-radius: 70px;
}
.field--name-field-parcours-patient-hp li[class*="parcours"]:hover{
    background-color: #00000005;	
}
.field--name-field-parcours-patient-hp li[class*="parcours"]:nth-child(5){
	margin-bottom: 0 !important;
}
.field--name-field-parcours-patient-hp > .ligne > .text-formatted > .ligne{
	margin: 50px auto 50px 50px !important;
}


.field--name-field-parcours-patient-hp li[class*="parcours"]:before {
    width: 70px;
    height: 70px;
    background-color: #C3DEE2;
    border-radius: 35px;
    left: 15px;
    top: calc(50% - 35px);
    background-position: 18px center;
    background-repeat: no-repeat;
    background-size: 32px;
}
.field--name-field-parcours-patient-hp li[class*="parcours"]:hover:before{
	background-color: #fff;
}


li.parcours-consultation:before{
	background-image: url(../images/gfx/picto_consultation_01356D.svg);
}
li.parcours-preparation:before{
	background-image: url(../images/gfx/picto_preparation-intervention_01356D.svg);
}
li.parcours-intervention:before{
	background-image: url(../images/gfx/picto_intervention_01356D.svg);
}
li.parcours-post-op:before{
	background-image: url(../images/gfx/picto_post-operatoire_0A294A.svg);
}
li.parcours-suivi:before{
	background-image: url(../images/gfx/picto_suivi-post-op_01356D.svg);
}


.field--name-field-parcours-patient-hp li[class*="parcours"] a{
	width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
}
.field--name-field-parcours-patient-hp li[class*="parcours"] h3{
	text-decoration: underline;
	color: #01356D;
}
.field--name-field-parcours-patient-hp li[class*="parcours"] p{
	margin-bottom: 0;
	font-size: 16px;
	color: #CBDADF;
}
.field--name-field-parcours-patient-hp li[class*="parcours"] p > a {
    position: relative;
    color: #c3dee2;
    font-size: 14px;
}
.field--name-field-parcours-patient-hp li[class*="parcours"] p > a:hover{
    color: #B20028;
}




/*Bloc personnalisé /illustration colonne HP*/
.field--name-field-illustration-colonne-hp{

}

.field--name-field-illustration-colonne-hp .bloc_illustration{
    background-image: url(../images/gfx/illustration-colonne_hp.svg);
    height: 450px;
    min-width: 190px;
    margin: 15px 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.field--name-field-illustration-colonne-hp .bloc_illustration .conteneur_btns{
	height: 100%;
}
.field--name-field-illustration-colonne-hp .bloc_illustration .conteneur_btns ul{
    position: relative;
    display: block;
    height: 100%;
}
.field--name-field-illustration-colonne-hp .bloc_illustration .conteneur_btns ul li{
	position: absolute;
	width: 90px;
  height: 70px;
  padding: 12px;
  margin: 0;
}
.field--name-field-illustration-colonne-hp .bloc_illustration .conteneur_btns ul li a{
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0 auto;
}

.field--name-field-illustration-colonne-hp .bloc_illustration .conteneur_btns ul li a:before{
	content: "";
    width: 40px;
    height: 40px;
    background-color: #CBDADF;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 35px;
    position: absolute;
    left: 0;
    top: 0;
}

.field--name-field-illustration-colonne-hp .bloc_illustration .conteneur_btns ul li:hover{
	background-color: #ffffff29;
    border-radius: 6px;
}



.field--name-field-illustration-colonne-hp .bloc_illustration .conteneur_btns ul li:first-child{
    left: 84px;
    top: 32px;
}
.field--name-field-illustration-colonne-hp .bloc_illustration .conteneur_btns ul li:first-child a:before{
    background-image: url(../images/gfx/picto_pathologie-cervicale_FFFFFF.svg);
}
.field--name-field-illustration-colonne-hp .bloc_illustration .conteneur_btns ul li:nth-child(2){
	top: 136px;
    left: -3px;
}
.field--name-field-illustration-colonne-hp .bloc_illustration .conteneur_btns ul li:nth-child(2) a:before{
    background-image: url(../images/gfx/picto_pathologie-lombaire_FFFFFF.svg);
}
.field--name-field-illustration-colonne-hp .bloc_illustration .conteneur_btns ul li:nth-child(3){
    bottom: 22px;
    left: 54px;
}
.field--name-field-illustration-colonne-hp .bloc_illustration .conteneur_btns ul li:nth-child(3) a:before{
    background-image: url(../images/gfx/picto_pathologie-sacroiliaque_FFFFFF.svg);
}





.field--name-field-illustration-colonne-hp .bloc_illustration .conteneur_btns ul li a span{
position: absolute;
    top: 40px;
    left: calc(50% - 55px);
    width: 110px;
    text-align: center;
    font-size: 14px;
    opacity: 0;
}
.field--name-field-illustration-colonne-hp .bloc_illustration .conteneur_btns ul li:hover a span{
    top: 50px;
	opacity: 1;
}















/*Vues
Lieux d'activités dans champs /page de base
*/
.field--name-field-lieux-d-activites.field--type-viewsreference{

}
.field--name-field-lieux-d-activites.field--type-viewsreference > .field__label{
	font-size: 40px !important;
    color: #01356D;
    font-weight: inherit;
text-align: center;
    margin: 70px 0 40px;
}

.field--name-field-lieux-d-activites.field--type-viewsreference > .field__item > .ligne,
.field--name-field-lieux-d-activites.field--type-viewsreference > .field__item > .ligne .views-element-container {
    width: 100%;
	padding: 0;
}

.view-lieux-d-activites .view-content{
	display: flex;
	width: 100%;
	justify-content: center;
}
.view-lieux-d-activites .view-content .views-row{
	width: calc(100% / 3);
}
.view-lieux-d-activites .view-content .views-row  div.bloc{
	display: flex;
	flex-direction: column-reverse;
}
.view-lieux-d-activites .view-content .views-row:nth-child(2) div.bloc{
	flex-direction: column;
}

.view-lieux-d-activites .view-content .views-row  div.bloc > a{
    position: relative;
}
.view-lieux-d-activites .view-content .views-row  div.bloc > a:after {
    content: url(../images/gfx/polygone_top_C3DEE2.svg);
    position: absolute;
    top: -46px;
    left: calc(50% - 73px);
    width: 146px;
    height: 46px;
}
.view-lieux-d-activites .view-content .views-row:nth-child(2)  div.bloc > a:after {
    content: url(../images/gfx/polygone_bottom_C3DEE2.svg);
    position: absolute;
    bottom: -40px;
    top: auto;
    left: calc(50% - 73px);
    width: 146px;
    height: 46px;
}

.view-lieux-d-activites .view-content .views-row  div.bloc > a > img{
	position: relative;
width: 100%;
    aspect-ratio: 3/2;
    object-fit: cover;
}


.view-lieux-d-activites .view-content .views-row  div.bloc .conteneur_txt{
    display: flex;
    flex-direction: column;
    align-items: center;
	padding: 50px 30px;
    text-align: center;
}


.view-lieux-d-activites .view-content .views-row  div.bloc .conteneur_txt p.activites {
    display: block;
    justify-content: center;
	padding: 7px 42px;
    background-color: #C3DEE2;
    border-radius: 22px;
    color: #01356d;
    font-weight: 500;
    font-size: 14px;
}
.view-lieux-d-activites .view-content .views-row div.bloc .conteneur_txt > a{
	font-size: 28px;
	color: #01356D;
	margin-bottom: 30px;
}


.view-lieux-d-activites .view-content .views-row  div.bloc .conteneur_txt > a:first-child{
	font-size: 28px;
	color: #01356D;
}

.view-lieux-d-activites .view-content .views-row  div.bloc .conteneur_txt p.acces{
margin: 20px 0 40px;	
}
.view-lieux-d-activites .view-content .views-row  div.bloc .conteneur_txt p.acces a{
	border: 2px solid #B20028;
	padding: 22px 90px;
	border-radius: 50px;
	color: #B20028;
	text-align: center;
}
.view-lieux-d-activites .view-content .views-row  div.bloc .conteneur_txt p.acces:hover a{
	border: 2px solid #B20028;
	background-color: #B20028;
	color: #ffffff;
	font-weight: 600;
}


.page-node-21 ul.liste-picto-ancres li[class*="picto-"] a{
	max-width: 140px;
    text-align: center;
}








.S_hero .col_img * {
    height: 100%;
}
.S_hero .col_img .field--name-field-img-couverture{
	margin: 0;
}


/*Taxonomie - Pathologies*/
.S_hero .fieldset-wrapper,
.path-taxonomy .S_hero .fieldset-wrapper,
.page-node-type-traitements .S_hero .fieldset-wrapper{
	display: flex;
	flex-wrap: wrap;
}
.S_hero > .fieldset-wrapper,
.path-taxonomy .S_hero > .fieldset-wrapper,
.page-node-type-traitements .S_hero > .fieldset-wrapper{
	margin-bottom: 50px;
}
.S_hero [class*="col"],
.path-taxonomy .S_hero [class*="col"],
.page-node-type-traitements .S_hero [class*="col"]{
	width: 50%;
}
.S_hero .col_img,
.path-taxonomy .S_hero .col_img,
.page-node-type-traitements .S_hero .col_img{
    /*background-color: #0A294A;*/
    position: relative;	
}
.page-node-type-etablissement .S_hero .col_img{
    background-color: #0A294A;    
}

.S_hero .col_img:after,
.path-taxonomy .S_hero .col_img:after,
.page-node-type-traitements .S_hero .col_img:after{
content: url(../images/gfx/polygone_bottom_0A294A.svg);
    position: absolute;
    bottom: -46px;
    left: calc(100% - 146px);
    width: 146px;
    height: 46px;
}

.S_hero .field--type-image > .ligne,
.path-taxonomy .S_hero .field--type-image > .ligne,
.page-node-type-traitements .S_hero .field--type-image > .ligne{
	padding: 0;
}
.S_hero .field--type-image img,
.path-taxonomy .S_hero .field--type-image img,
.page-node-type-traitements .S_hero .field--type-image img{
    mix-blend-mode: multiply;
    min-height: 60vh;
    object-fit: cover;
    margin: 0;	
}
/*
.S_hero .col_txt,
.path-taxonomy .S_hero .col_txt,
.page-node-type-traitements .S_hero .col_txt{
	padding-top: 270px;
}
*/

.S_hero .col_txt,
.path-taxonomy .S_hero .col_txt,
.page-node-type-traitements .S_hero .col_txt{
	display: flex;
    align-items: center;
    padding: 120px 0px 40px;
}




.S_hero .col_txt > .fieldset-wrapper,
.path-taxonomy .S_hero .col_txt .fieldset-wrapper,
.page-node-type-traitements .S_hero .col_txt .fieldset-wrapper{
    padding-right: 10vw;
}

.S_hero .col_txt [class*="field--name-field-corps"] > .ligne,
.path-taxonomy .S_hero .col_txt [class*="field--name-field-corps"] > .ligne,
.page-node-type-traitements .S_hero .col_txt [class*="field--name-field-corps"] > .ligne{
    padding: 0 0 0 50px;
}

.path-taxonomy .S_hero .col_txt p{

}

.path-taxonomy .S_hero .col_txt .field--name-field-video{
    position: fixed;
    top: 20px;
    right: 25px;
    z-index: 80;
}
.path-taxonomy .S_hero .col_txt .field--name-field-video dl{
    margin: 0;
}
.path-taxonomy .S_hero .col_txt .field--name-field-video dt a.ckeditor-accordion-toggler{
    width: 40px;
    height: 40px;
    padding: 20px;
    border-radius: 40px;
}
.path-taxonomy .S_hero .col_txt .field--name-field-video dt{
    display: flex;
    justify-content: flex-end;    
}
.path-taxonomy .S_hero .col_txt .field--name-field-video dt a.ckeditor-accordion-toggler{
    color: transparent;
    background-image: url(../images/gfx/picto_video_FFFFFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    font-size: .7rem;
    text-align: center;
}
.path-taxonomy .S_hero .col_txt .field--name-field-video dt a > .ckeditor-accordion-toggle{
    top: 30px;
    left: calc(50% - 15px);
    position: relative;
    font-size: 14px;
    opacity: 0;
}
.path-taxonomy .S_hero .col_txt .field--name-field-video dt a:hover{
    color: #fff;
}



.path-taxonomy .S_1col{

}
.path-taxonomy .S_1col .field--name-field-corps-3-taxo{

}
.path-taxonomy .S_1col .field--name-field-corps-3-taxo > .ligne,
.field--name-field-bandeau-avant-intervention > .ligne .L_2col{
	display: flex;
    /*padding: 0 10vw;*/
justify-content: space-between;
    margin: 0 auto;
    flex-wrap: wrap;
}
.path-taxonomy .S_1col .field--name-field-corps-3-taxo > .ligne .col_txt,
.field--name-field-bandeau-avant-intervention > .ligne .col_txt{
width: 50%;
min-width: auto;
    display: flex;
    align-items: center;
    margin: 70px 0px;
}
.path-taxonomy .S_1col .field--name-field-corps-3-taxo > .ligne .col_txt:first-child,
.field--name-field-bandeau-avant-intervention > .ligne .col_txt:first-child{
	max-width: 460px;
}
.field--name-field-bandeau-avant-intervention > .ligne .col_txt ul li:before{
    content: "";
    width: 10px;
    height: 10px;
    background-color: #b20028;
    border-radius: 5px;
    position: absolute;
    left: 17px;
    top: calc(50% - 5px);
}
.path-taxonomy .S_1col .field--name-field-corps-3-taxo ul li h4,
.field--name-field-bandeau-avant-intervention ul li h4{
	margin: 0;
    font-weight: 500;
    color: #b20028;
}
.path-taxonomy .S_1col .field--name-field-corps-3-taxo ul li p,
.field--name-field-bandeau-avant-intervention ul li p{
	margin: 0;
}


/*Phrase d'information : champs reference à bloc personnalisé*/
.path-taxonomy .field--name-field-phrase-informative,
.page-node-type-traitements .field--name-field-phrase-informative{
    background-color: #b20028;
    margin: 0;
}
.path-taxonomy .field--name-field-phrase-informative > .ligne,
.page-node-type-traitements .field--name-field-phrase-informative > .ligne{
    display: flex;
    justify-content: center;
    width: calc(100% - 20vw);	
}
.path-taxonomy .field--name-field-phrase-informative .bloc_info p,
.page-node-type-traitements .field--name-field-phrase-informative .bloc_info p{
	color: #fff;
	margin: 12px 0;
	position: relative;
}
.path-taxonomy .field--name-field-phrase-informative .bloc_info p:before,
.page-node-type-traitements .field--name-field-phrase-informative .bloc_info p:before{
	content: "";
	width: 40px;
	height: 40px;
	background-image: url(../images/gfx/picto_information_FFFFFF.svg);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: -50px;
	top: calc(50% - 20px);
}



/*Type de contenus - traitements*/
.page-node-type-traitements .S_hero .col_txt .field--name-field-corps-0-hero .ligne{
    display: flex;
    flex-direction: column;
}
.page-node-type-traitements .S_hero .col_txt .field--name-field-corps-0-hero h3{
	color: #01356D;
	text-decoration: underline;
}

.page-node-type-traitements fieldset[class*="S_traitement-"] .field--name-field-corps-1-traitement-medical{
	width: 100%;
	flex-direction: column;
    background-color: #d5e8eb;
}
.page-node-type-traitements fieldset[class*="S_traitement-"] .field--name-field-corps-1-traitement-medical .field__item{

}

.page-node-type-traitements fieldset[class*="S_traitement-"] .field__item .L_2col{
	display: flex;
	flex-wrap: wrap;
}
.page-node-type-traitements fieldset[class*="S_traitement-"] .field__item .L_2col > [class*="col"]{
	width: calc(50% - 10vw - 50px);
}
.page-node-type-traitements fieldset[class*="S_traitement-"] .field__item .L_2col > .col_img{
    width: calc(50% - 50px);
}
.field--name-field-bandeau-avant-intervention > .ligne .col_txt ul li{
position: relative;
    border-bottom: 1px solid #3E3E3E;
    list-style: none;
    padding-left: 45px;
    padding-bottom: 18px;
    padding-top: 18px;
}

.S_traitement-chir .col_img,
.S_traitement-chir .field--name-field-corps-2-traitement-chirurg .field__item:nth-child(even){
	background-color: #eee;
}

.S_traitement-chir .field--name-field-corps-2-traitement-chirurg .field__item:nth-child(even) h2{
	border-bottom: 1px solid #fff;
    color: #01356D;
}

.S_traitement-chir .field--name-field-corps-2-traitement-chirurg .field__item:last-child{

}





.field--name-field-corps-onglets-plus-d-infos{
    padding: 20px 10vw;
    background-color: #0a294a;
}
.field--name-field-corps-onglets-plus-d-infos > .ligne {
    flex-direction: column;
    border: 2px solid #b20028;
    padding: 0 20px;
    border-radius: 40px;
    background-color: #fff;
}
.page-node-type-traitements .S_plus-d-infos{
    width: 90%;
    margin: 40px auto 20px;
}
.field--name-field-corps-onglets-plus-d-infos h3{
    text-align: center;
}

.page-node-type-traitements .S_plus-d-infos .horizontal-tabs{
	border: none;
}

.page-node-type-traitements .S_plus-d-infos .horizontal-tabs .horizontal-tabs-panes {
    background-color: #F8F8F8;
}
.horizontal-tabs-panes .horizontal-tabs-pane{
	margin: 0;
    padding-top: 20px;
}
.horizontal-tabs-panes .horizontal-tabs-pane .details-wrapper [class*="field--name-field-onglet"] > .ligne{
	display: flex;
	flex-direction: column;
}



.page-node-type-traitements .S_plus-d-infos ul.horizontal-tabs-list{
    display: flex;
    justify-content: center;
    background-color: #fff;
    -webkit-box-shadow: 0px 23px 16px 0px rgb(0 0 0 / 6%);
    box-shadow: 0px 23px 16px 0px rgb(0 0 0 / 6%);
    position: relative;
}
.page-node-type-traitements .S_plus-d-infos ul.horizontal-tabs-list li.horizontal-tab-button{
	width: 25%;
}
.page-node-type-traitements .S_plus-d-infos ul.horizontal-tabs-list li.horizontal-tab-button.selected{
	background-color: #0A294A;
}
/*
.page-node-type-traitements .S_plus-d-infos ul.horizontal-tabs-list li.horizontal-tab-button.selected:hover{
	background-color: blue;	
}
*/
.horizontal-tabs .horizontal-tab-button.selected a:hover{
	background-color: #07375e;
}

.page-node-type-traitements .S_plus-d-infos ul.horizontal-tabs-list li.horizontal-tab-button a{
padding: 25px;
text-align: center;
}
.page-node-type-traitements .S_plus-d-infos ul.horizontal-tabs-list li.horizontal-tab-button.selected a{
	color: #fff;
}

.page-node-type-traitements .S_plus-d-infos ul.horizontal-tabs-list li.horizontal-tab-button a > span{
font-weight: 400;
font-size: 16px;
text-decoration: underline;
}


.page-node-type-traitements .S_traitement-med .L_2col > .col_txt h2{
    color: #01356D;
}
.page-node-type-traitements div#group-section-2col-1--description{
    display: none;
}

.field--name-field-vue-pathologie-liee{
	display: flex;
	justify-content: center;
}
.views-field-field-pathologie-liee .field-content a {
    color: #C3DEE2;
    display: block;
    padding: 16px 64px;
    background-color: #fff;
    min-width: 32px;
    margin-right: 12px;
    border-radius: 50px;
	-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.06); 
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.06);
}
.views-field-field-pathologie-liee .field-content a:hover{
	background-color: #0A294A;
}


/**/
ul.liste-faq p.question{
font-weight: 700;
text-decoration: underline;
margin-bottom: 2px;
}




/*Type de contenus - Pages praticien*/
.page-node-type-praticien h1.page-title {
    width: 400px;
}

.page-node-type-praticien .S_hero .col_img{
	background-color: transparent;
}
.page-node-type-praticien .S_hero .field--name-field-img-couverture{
	background-color: #0A294A;
}
.page-node-type-praticien .S_hero .field--type-image{
	margin: 0;
}


.page-node-type-praticien .S_hero .field--name-field-photo-de-profil{
	position: absolute;
    z-index: 50;
    margin: 0;
    right: 50px;
    top: calc(50% - 270px);
    height: 540px;
    overflow: hidden;
}
.page-node-type-praticien .S_hero .field--name-field-photo-de-profil > .ligne{

}
.page-node-type-praticien .S_hero .field--name-field-photo-de-profil > .ligne > img{
    width: 420px;
    height: auto;
    object-fit: cover;
    object-position: center;
}


.page-node-type-praticien .S_corps.L_2col .fieldset-wrapper{
	display: flex;
justify-content: space-between;
}
.page-node-type-praticien .S_corps.L_2col{
	background-color:#c3dee2;
}
.page-node-type-praticien .S_corps.L_2col [class*="col_"]:first-child {
    padding: 0 50px 0 10vw;
}
.page-node-type-praticien .S_corps.L_2col h2{
	color: #fff;
}
.page-node-type-praticien .S_corps.L_2col .col_specialites{
	width: 30vw;
	padding: 0;
	background-color: #0a294a;
}
.page-node-type-praticien .field--name-field-specialites{
	padding: 0 10vw 0 50px;
}
.page-node-type-praticien .field--name-field-specialites > .ligne{
	padding: 0;
}
.page-node-type-praticien .field--name-field-specialites *{
	color: #fff;
}
.page-node-type-praticien .field--name-field-specialites li a{
	font-size: 16px;
}

/*
.page-node-type-praticien ul.liste-picto-ancres li:hover a{
	background-color: #ba002ac4;
  box-shadow: 0px 0px 0px 10px #b20028 inset;
}
*/
.page-node-type-praticien ul.liste-picto-ancres li{
	box-shadow: none;
	background-color: transparent;
}
.page-node-type-praticien ul.liste-picto-ancres li.picto-rdv a:before {
    background-color: #b20028;
    background-image: url(../images/gfx/picto_rdv_FFFFFF.svg);
    background-size: 14px;
}
.page-node-type-praticien ul.liste-picto-ancres li.picto-rdv:hover a:before{
    box-shadow: 0px 0px 0px 10px #b20028 inset;
}
/*
.page-node-type-praticien ul.liste-picto-ancres li.picto-acces:hover a:hover{
    background-color: #01356dc4;
    box-shadow: 0px 0px 0px 10px #01356D inset;
}*/


/*a bien placé*/
li.picto-acces a:before{
    background-image: url(../images/gfx/picto_lieux_0A294A.svg);
    background-size: 20px;
}
li.picto-acces:hover a:before{
    background-image: url(../images/gfx/picto_lieux_FFFFFF.svg);
}
li.picto-horaire a:before{
    background-image: url(../images/gfx/picto_horaires_01356D.svg);
    background-size: 20px;
}
li.picto-horaire:hover a:before{
    background-image: url(../images/gfx/picto_horaires_FFFFFF.svg);
}
li.picto-site-web a:before{
    background-image: url(../images/gfx/picto_site-web_01356D.svg);
    background-size: 20px;
}
li.picto-site-web:hover a:before{
    background-image: url(../images/gfx/picto_site-web_FFFFFF.svg);
}
li.picto-rdv a:before{
    background-color: #b20028;
    background-image: url(../images/gfx/picto_rdv_FFFFFF.svg);
    background-size: 14px;
}
li.picto-rdv:hover a:before{
    background-image: url(../images/gfx/picto_rdv_FFFFFF.svg);
}
/**/



.S_onglets > .fieldset-wrapper{

}

.S_cv{
    position: relative;
    padding: 0;
}
.S_cv .vertical-tabs{
    margin: 0;
    background-color: #0a294a;
}

.S_cv .vertical-tabs ul.vertical-tabs__menu{
    position: absolute;
    width: 40%;
    height: 100%;
    left: 0vw;
    float: none;
    margin: 0;
    padding: 0 0 0 10vw;
    border-top: none;
  }


.S_cv .vertical-tabs .vertical-tabs__panes {
    width: 50%;
    margin: 0 0 0 auto;
    padding: 50px 0;
    background-color: #ffffff;
}
.S_cv .vertical-tabs .vertical-tabs__panes details{

}
.S_cv .vertical-tabs .vertical-tabs__panes details > .details-wrapper > .field{

}
.S_cv .vertical-tabs .vertical-tabs__panes details > .details-wrapper >.field > .field__label{
    margin-bottom: 40px;
    font-size: 34px;
	font-weight: 400;
    border-bottom: 1px solid #eee;
    padding-bottom: 6px;
}

.S_cv li.vertical-tabs__menu-item:hover {
    background-color: #c3dee2;
}



.S_rdv{

}
.S_rdv > .fieldset-wrapper{
	display: flex;
}
.S_rdv > .fieldset-wrapper .field.field--name-field-horaires-consultation{
    width: 30%;
    position: sticky;
    top: 0;
    height: 100vh;
    background-color: #c3dee2;
    justify-content: flex-end;
}
.S_rdv > .fieldset-wrapper .field.field--name-field-horaires-consultation > .ligne {
    padding: 220px 0 0 0;
}

.S_rdv > .fieldset-wrapper .field.field--name-field-horaires-consultation h3,
.S_rdv > .fieldset-wrapper .field.field--name-field-horaires-consultation h4,
.S_rdv > .fieldset-wrapper .field.field--name-field-horaires-consultation div.conteneur > div.bloc p{
	color: #fff;
}


.S_rdv > .fieldset-wrapper .field.field--name-field-horaires-consultation > .ligne > .field{
    background-color: #0a294a;
    padding: 20px;
}

.S_rdv > .fieldset-wrapper .field.field--name-field-horaires-consultation > .ligne > .field > .ligne{
	display: flex;
	flex-direction: column;
}



.S_rdv > .fieldset-wrapper .field.field--name-field-horaires-consultation div.conteneur > div.bloc{

}

.S_rdv > .fieldset-wrapper .field.field--name-field-horaires-consultation h3{
	text-align: center;
}
.S_rdv > .fieldset-wrapper .field.field--name-field-horaires-consultation div.conteneur > div.bloc h4,
.S_rdv > .fieldset-wrapper .field.field--name-field-horaires-consultation div.conteneur > div.bloc p{
	text-align: center;
}
.S_rdv > .fieldset-wrapper .field.field--name-field-horaires-consultation div.conteneur > div.bloc h4{
	font-weight: 600;
	text-decoration: underline;
}


.S_rdv > .fieldset-wrapper .field--name-field-iframe{
	width: 70%;
}
.S_rdv > .fieldset-wrapper .field--name-field-iframe > .ligne {
    display: flex;
    flex-direction: column;
}

.S_rdv > .fieldset-wrapper .field--name-field-iframe > .ligne > p{
	width: 100%;
}
.S_rdv .field--name-field-iframe .dl-nav-bar {
    background-color: #0a294a !important;
}


.S_rdv > .fieldset-wrapper > .field > .ligne{
    padding: 50px;
}

.S_rdv > .fieldset-wrapper .field--name-field-iframe h3.bg-bleu{
	padding: 15px;
}
.bg-bleu {
    background-color: #c3dee2;
}





a.retour{
	position: relative;
	color: #C3DEE2;
    display: block;
    padding: 15px 50px;
-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.06); 
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.06);
border-radius: 50px;
background-color: #fff;
}
a.retour:before{
    content: "";
    position: absolute;
    left: 15px;
    top: 0;
    width: 12px;
    height: 100%;
    background-image: url(../images/gfx/picto_fleche-retour_C3DEE2.svg);
    background-repeat: no-repeat;
    background-position: center;
}
a.retour:hover{
	background-color: #C3DEE2;
	color: #333;
}
a.retour:hover:before{
	left: 10px;
}




.bloc-bleu {
    background-color: #01356D;
    padding: 25px;
    -webkit-box-shadow: inset 0px 0px 0px 0px #0A294A;
    box-shadow: inset 0px 0px 0px 0px #0A294A;
}
.bloc-bleu:hover{
    -webkit-box-shadow: inset 100px 0px 0px 0px #0A294A;
    box-shadow: inset 100px 0px 0px 0px #0A294A;
}

.bloc-bleu p{
	color: #fff;
}

.bloc-bleu .conteneur_btns a{
    color: #C3DEE2;
    display: block;
    padding: 16px 64px;
    background-color: #fff;
    min-width: 32px;
    margin-right: 12px;
    border-radius: 50px;
    background-repeat: no-repeat;
}
.bloc-bleu .conteneur_btns a.mail{
background-image: url(../images/gfx/picto_contact_C3DEE2.svg);
    background-position: 20px center;
}
.bloc-bleu .conteneur_btns a.mail:hover{
	color: #B20028;
}


.bloc-bleu *{
	color: #fff;
}
.bloc-bleu .conteneur_btns a.telephone{
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    background-color: transparent;
    background-position: 16px;
    background-image: url(../images/gfx/picto_telephone_C3DEE2.svg);
    height: 53px;
    padding: 0;
}
.bloc-bleu .conteneur_btns a.telephone:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 52px;
    height: 52px;
    background-color: #ffffff30;
    border-radius: 25px;
}
.bloc-bleu .conteneur_btns a.telephone span{
    display: block;
    margin-left: 70px;
    width: 100%;
    height: auto;
}


.bloc-bleu .conteneur_btns a.telephone:hover{
	background-color: #B20028;
	text-decoration: none;
}



[class*="flex-"]{
	display: flex;
	flex-wrap: wrap;
}
.flex-row{
	flex-direction: row;
	align-items: center;
}

.flex-col{
	flex-direction: column;
	justify-content: center;
}







/*Type de contenus /Etablissement = .page-node-type-etablissement*/
.page-node-type-etablissement .S_hero.L_2col{
	display: flex;
}

.page-node-type-etablissement .S_hero.L_2col > .col_txt{
	padding-left: 50px;
	padding-right: 50px;
}
.page-node-type-etablissement .S_hero.L_2col > .col_txt > .field{

}
.page-node-type-etablissement .S_hero.L_2col > .col_txt > .field > .ligne{
	display: flex;
	flex-direction: column;
}
.page-node-type-etablissement .S_hero.L_2col > .col_txt .conteneur_coordonnees {
    -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 6%);
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 6%);
    border-radius: 12px;
    padding: 12px;
    display: flex;
    flex-wrap: wrap;
    width: 500px;
}
.page-node-type-etablissement .S_hero.L_2col > .col_txt .conteneur_coordonnees [class*="bloc_"]{
	position: relative;
	padding-left: 22px;
    margin-top: 20px;
}
.page-node-type-etablissement .S_hero.L_2col > .col_txt .conteneur_coordonnees [class*="bloc_"]:before{
	content: "";
    width: 14px;
    height: 18px;
    position: absolute;
    left: 0px;
    top: 6px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
}

.bloc_adresse:before{
	background-image: url(../images/gfx/picto_lieux_0A294A.svg);
}
.bloc_telephone:before{
	background-image: url(../images/gfx/picto_telephone_0A294A.svg);
}


.page-node-type-etablissement .S_hero.L_2col > .col_txt .conteneur_coordonnees [class*="bloc_"] p{

}
.page-node-type-etablissement .S_hero.L_2col > .col_txt .conteneur_coordonnees [class*="bloc_"] a{
	display: inline-block;
    border: 2px solid #B20028;
    padding: 22px 60px;
    border-radius: 50px;
    color: #B20028;
    text-align: center;
    margin: 10px 0 0;
    left: -25px;
    position: relative;
}
.page-node-type-etablissement .S_hero.L_2col > .col_txt .conteneur_coordonnees [class*="bloc_"] a:hover {
    border: 2px solid #B20028;
    background-color: #B20028;
    color: #ffffff;
    font-weight: 600;
}


.page-node-type-etablissement .S_hero.L_2col > .col_txt ul.liste-picto-ancres{
	display: flex;
  margin: 20px 0 0;
}
.page-node-type-etablissement .S_hero.L_2col > .col_txt ul.liste-picto-ancres > li{
	margin-right: 20px;
    padding-right: 20px;
    background-color: transparent;
    box-shadow: none;
    width: 110px;
    border-right: 1px solid #c3dee2;
}
.page-node-type-etablissement .S_hero.L_2col > .col_txt ul.liste-picto-ancres > li:last-child{
	margin-right: 0;
}
.page-node-type-etablissement .S_hero.L_2col > .col_txt ul.liste-picto-ancres > li a{
	text-align: center;
}


.page-node-type-etablissement .S_bandeau{
	display: flex;
}
.page-node-type-etablissement .S_bandeau .field--name-field-gallerie-photo{
	width: 66%;
}
.page-node-type-etablissement .S_bandeau [class*="gallerie-photo"] .flexslider{
	margin: 0;
	padding: 0;
}

.page-node-type-etablissement .S_bandeau [class*="gallerie-photo"] .flexslider ol.flex-control-nav{
    display: none;
}
/*fleche de navigation slider images*/
.page-node-type-etablissement .S_bandeau [class*="gallerie-photo"] .flexslider ul.flex-direction-nav{

}
.page-node-type-etablissement .S_bandeau [class*="gallerie-photo"] .flexslider ul.flex-direction-nav > li{

}
.page-node-type-etablissement .S_bandeau [class*="gallerie-photo"] .flexslider ul.flex-direction-nav > li > a{
    display: grid;
    color: transparent;
    width: 40px;
    background-color: #C3DEE2;
    opacity: 1;
}
.page-node-type-etablissement .S_bandeau [class*="gallerie-photo"] .flexslider ul.flex-direction-nav > li > a:before{
    content: "";
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;  
    background-size: 12px;
    position: absolute;
    transition: .3s;
}
.page-node-type-etablissement [class*="gallerie-photo"] ul.flex-direction-nav li.flex-nav-prev{

}
.page-node-type-etablissement [class*="gallerie-photo"] ul.flex-direction-nav li.flex-nav-prev a.flex-prev{
    left: 0px;
}
.page-node-type-etablissement [class*="gallerie-photo"] ul.flex-direction-nav li.flex-nav-prev a.flex-prev:before{
    background-image: url(../images/gfx/picto_chevron_left_0A294A.svg);
}
.page-node-type-etablissement [class*="gallerie-photo"] ul.flex-direction-nav li.flex-nav-next{

}
.page-node-type-etablissement [class*="gallerie-photo"] ul.flex-direction-nav li.flex-nav-next a.flex-next{
    right: 0px;
}
.page-node-type-etablissement [class*="gallerie-photo"] ul.flex-direction-nav li.flex-nav-next a.flex-next:before{
    background-image: url(../images/gfx/picto_chevron_right_0A294A.svg);    
}

/*animation au survol*/
.page-node-type-etablissement .S_bandeau [class*="gallerie-photo"] .flexslider:hover ul.flex-direction-nav > li > a{
    width: 120px;    
}
.page-node-type-etablissement [class*="gallerie-photo"] .flexslider:hover ul li.flex-nav-prev a.flex-prev{
    left: 0;
}
.page-node-type-etablissement [class*="gallerie-photo"] .flexslider:hover ul li.flex-nav-prev a:before{
    left: 40px;
}
.page-node-type-etablissement [class*="gallerie-photo"] .flexslider:hover ul li.flex-nav-next a.flex-next{
    right: 0;
}
.page-node-type-etablissement [class*="gallerie-photo"] .flexslider:hover ul li.flex-nav-next a:before{
    right: 40px;   
}

/*fin fleche de navigation - slider images*/


.page-node-type-etablissement .S_bandeau [class*="gallerie-photo"] .flexslider .slides img{
	height: 450px;
	object-fit: cover;
}






.page-node-type-etablissement .S_bandeau [class*="horaires-de-consultation"]{
	width: 34%;
	background-color: #0A294A;
}
/*horaire v2*/
.page-node-type-etablissement .S_bandeau [class*="horaires-de-consultation"]{

}
/*fin - horaire v2*/



.page-node-type-etablissement .S_bandeau [class*="horaires-de-consultation"] > .ligne,
.page-node-type-etablissement .S_bandeau [class*="horaires-de-consultation"] > .ligne > .field,
.page-node-type-etablissement .S_bandeau [class*="horaires-de-consultation"] > .ligne > .field > .ligne{
	width: 100%;
	height: 100%;
}
.page-node-type-etablissement .S_bandeau [class*="horaires-de-consultation"] .conteneur_horaires{
	width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.page-node-type-etablissement .S_bandeau [class*="horaires-de-consultation"] .conteneur_horaires *{

}
.page-node-type-etablissement .S_bandeau [class*="horaires-de-consultation"] .conteneur_horaires h3{
	margin-top: 50px;
	border: none;
}
.page-node-type-etablissement .S_bandeau [class*="horaires-de-consultation"] .conteneur_horaires h3,
.page-node-type-etablissement .S_bandeau [class*="horaires-de-consultation"] .conteneur_horaires li{
	color: #fff;
}
.page-node-type-etablissement .S_bandeau [class*="horaires-de-consultation"] .conteneur_horaires h3,
.page-node-type-etablissement .S_bandeau [class*="horaires-de-consultation"] .conteneur_horaires ul{
	padding: 0 50px;
}

.page-node-type-etablissement .S_bandeau [class*="horaires-de-consultation"] .conteneur_horaires li{
	list-style: none;
    text-align: center;
}

.page-node-type-etablissement .S_bandeau [class*="horaires-de-consultation"] .conteneur_horaires li span{
    text-decoration: underline;
    margin-right: 12px;
    width: 80px;
    display: inline-block;
    border-right: 1px solid #fff;
    padding-right: 4px;
}

.page-node-type-etablissement .S_bandeau [class*="horaires-de-consultation"] .conteneur_horaires a{
	padding: 40px 20px;
	text-align: center;
	color: #fff;
	background-color: #B20028;
}


.page-node-type-etablissement [class*="horaires-de-consultation"] .conteneur_horaires .bloc_secretariat{
	padding-bottom: 30px;
    border-bottom: 1px solid #fff;
}

.page-node-type-etablissement .conteneur_horaires h3,
.page-node-type-etablissement .conteneur_horaires h4,
.page-node-type-etablissement .conteneur_horaires p,
.page-node-type-etablissement .conteneur_horaires p strong{
	position: relative;
	color: #fff;
	text-align: center;
}

.page-node-type-etablissement .conteneur_horaires .bloc_secretariat h3:before{
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    left: calc(50% - 20px);
    top: -35px;
    background-image: url(../images/gfx/picto_horaires_FFFFFF.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.page-node-type-etablissement .conteneur_horaires .bloc_secretariat .conteneur_btns{
display: table;
    margin: 0 auto;
    background-color: #b20028;
    border-radius: 50px;
}
.page-node-type-etablissement .conteneur_horaires .bloc_secretariat a.telephone{
    position: relative;
    display: flex;
    align-items: center;
    height: 53px;
    padding: 0 15px 0 0;
    min-width: 32px;
    margin: 0 auto;
    border-radius: 50px;
}
.page-node-type-etablissement .conteneur_horaires .bloc_secretariat a.telephone:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 52px;
    height: 52px;
    background-color: #C10E36;
    background-image: url(../images/gfx/picto_telephone_C3DEE2.svg);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 25px;
    z-index: 30;
}
.page-node-type-etablissement .conteneur_horaires .bloc_secretariat a.telephone span{
	display: block;
    margin-left: 70px;
    width: 100%;
    height: auto;	
}
.page-node-type-etablissement .conteneur_horaires .bloc_consultation h3:before{
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    left: calc(50% - 20px);
    top: -35px;
    background-image: url(../images/gfx/picto_consultation_FFFFFF.svg);
    background-repeat: no-repeat;
    background-position: center;    
}
.page-node-type-etablissement .conteneur_horaires .bloc_consultation a{
	  display: block;
    margin-top: 30px;
}


.page-node-type-etablissement .S_plan-acces{
	width: 90vw;
	margin: 40px auto 0;
}
.page-node-type-etablissement .S_plan-acces > .field,
.page-node-type-etablissement .S_plan-acces > .field > .ligne,
.page-node-type-etablissement .S_plan-acces > .field > .ligne > p{
	width: 100%;
}

.page-node-type-etablissement [class*="bandeau-infos-utiles"]{
	background-color: #F5F5F5;
    padding: 0 10vw;
}
.page-node-type-etablissement [class*="bandeau-infos-utiles"] > .field > .ligne{
	display: flex;
}
.page-node-type-etablissement [class*="bandeau-infos-utiles"] h2{
	display: block;
    width: 100%;	
}

/*informations utiles /page lieux*/
.page-node-type-etablissement [class*="bandeau-infos-utiles"] .conteneur_txt{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.page-node-type-etablissement [class*="bandeau-infos-utiles"] .conteneur_txt .bloc_txt{
margin: 0 20px;
    width: 20%;
    min-width: 250px;
    padding-right: 40px;
    border-right: 1px solid #707070;
}
.page-node-type-etablissement [class*="bandeau-infos-utiles"] .conteneur_txt .bloc_txt:first-of-type{
    margin-left: 0;
}
.page-node-type-etablissement [class*="bandeau-infos-utiles"] .conteneur_txt .bloc_txt:last-of-type{
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}
.page-node-type-etablissement [class*="bandeau-infos-utiles"] .conteneur_txt .bloc_txt{

}














/*Régions
.region-breadcrumb
*/


.region-breadcrumb{
    position: absolute;
    width: calc(50% - 5vw - 50px);
    left: 5vw;
    top: 220px;
    z-index: 80;
    height: 20vh;
}
.region-breadcrumb > [id*="block-"]{
	padding-right: 50px;
}

.region-breadcrumb div[id*="block-asco-theme"] h1.page-title{
	color: #fff;
	margin: 0;
    text-shadow: 1px 1px 40px #00000073;
}
.region-breadcrumb div#block-asco-theme-breadcrumbs{
	padding: 0 10vw 0 0;	
}

nav.breadcrumb li,
nav.breadcrumb li a{
	color: #ffffff4f
}
nav.breadcrumb > ol > li:last-of-type{
    color: #333;
}

nav.breadcrumb li a:hover{
    border-bottom: 1px solid #fff;
    color: #fff;
}










/*Page Parcours de soins*/
.S_prise-en-charge > .field{
	background-color: #fff;
}
.S_prise-en-charge > .field .field__item > .ligne > .L_2col{
	display: flex;
}

.S_prise-en-charge .field--name-field-corps-2-prise-en-charge{

}
.S_prise-en-charge .L_1col{
    margin: 40px auto;  
}
.S_prise-en-charge .L_1col .col_txt p{
    text-align: center;
}


/*temp*/
.S_prise-en-charge .L_2col .col_img{
	background-color: #eee;
}
.S_prise-en-charge .L_2col .col_img figure.caption.caption-img {
    height: 100%;
}


.page-node-16 .S_prise-en-charge {
    z-index: 80;
    position: relative;
}
.page-node-16 .S_prise-en-charge .L_2col .col_img{

}
.page-node-16 .S_prise-en-charge > .field > .field__item:first-of-type .col_img{
    background-image: url(../images/photos/webp/AdobeStock_255889185.webp);
}
.page-node-16 .S_prise-en-charge > .field >  .field__item:nth-child(2) .col_img{
    background-image: url(../images/photos/webp/AdobeStock_158963036.webp);
}
.page-node-16 .S_prise-en-charge > .field >  .field__item:nth-child(3) .col_img{
    background-image: url(../images/photos/webp/SBR_5055.webp);
}

/*fin - temp*/

.S_prise-en-charge .L_2col > [class*="col_"] > .bloc_gris{
	background-color: #F5F5F5;
	border-radius: 16px;
	border:  1px solid #E7ECE7;
	padding: 30px;
}


.page-node-16 .S_prise-en-charge .L_2col .col_img .conteneur_bloc{

}
.S_prise-en-charge .L_2col .col_img .conteneur_bloc {
    width: calc(100% - 10vw);
    position: absolute;
	left: -20px;
    bottom: -20px;
    right: auto;
}
.S_prise-en-charge .L_2col .col_img .conteneur_bloc[class="partenaire-"] h3{
    position: relative;
    color: transparent;
}
.S_prise-en-charge .L_2col .col_img .conteneur_bloc h3:before{
    content: "";
    position: absolute;
    top: -40px;
    left: 0;
    width: 250px;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center;

}

.partenaire-weasyo h3:before{
    background-image: url(../images/gfx/logo_partenaire-weasyo.svg);
}
.partenaire-gameready h3:before{
    background-image: url(../images/gfx/logo_partenaire-gameready.svg);    
}
.partenaire-maela h3:before{
    background-image: url(../images/gfx/logo_partenaire-maela.svg);    
}


.S_prise-en-charge .L_2col .col_img .conteneur_bloc .bloc_txt{
	padding: 80px 20px 20px 50px;
	background-color: #fff;
	border-radius: 16px;
    border: 1px solid #E7ECE7;
-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.12);
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 12%);
    width: 300px;
    margin: 0 0 0 auto;
    z-index: 70;
}
.S_prise-en-charge .field__item:nth-child(odd) .L_2col .col_img .conteneur_bloc .bloc_txt{
    margin: 0 auto 0 0;	
}

.S_prise-en-charge .field__item:nth-child(even) .L_2col .col_img .conteneur_bloc h3:before{
	left: auto;
}



.S_prise-en-charge .L_2col .col_img .conteneur_bloc .bloc_txt h3{
	text-transform: uppercase;
}
.page-node-20 h3#ancre-equipe_raac{
	position: relative;
}
.page-node-20 h3#ancre-equipe_raac:before{
    content: "";
    width: 80px;
    height: 80px;
    background-image: url(../images/gfx/picto_raac_EEEEEE.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: -90px;
}


.page-node-16 .S_prise-en-charge .L_2col .col_img .conteneur_bloc .bloc_txt h3{
    color: transparent;
}

.L_2col .col_img .conteneur_bloc .bloc_txt .bloc-inner_btns{
    display: flex;
    justify-content: space-between;
}
.L_2col .col_img .conteneur_bloc .bloc_txt .bloc-inner_btns a{
	position: relative;
}
a.picto-traitement{
	padding-left: 30px;
}
a.picto-esp{
	padding-right: 40px;
	position: relative;
}
a.picto-traitement:before{
	content: "";
	position: absolute;
	left: 0px;
	top: calc(50% - 10px);
	width: 20px;
	height: 20px;
	background-image: url(../images/gfx/picto_traitement.svg);
	background-size: contain;
	background-repeat: no-repeat;
}
a.picto-esp:after{
    content: "";
    position: absolute;
    right: 0;
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
    background-image: url(../images/gfx/picto_fleche-right_FFFFFF.svg);
    background-size: 6px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #01356d;
    border-radius: 25px;
}

/*automatisation de l'aternance des colonnes*/
.S_prise-en-charge > .field .field__item:nth-child(even) .L_2col > .col_img .conteneur_bloc{
	left: auto;
	right: -20px;
    bottom: -20px;
}
.S_prise-en-charge > .field .field__item:nth-child(even) .L_2col .col_img .conteneur_bloc .bloc_txt{
	padding: 80px 50px 20px 20px;	
}







/*Page palier, Equipes & Partenaires = .page-node-20*/
.page-node-20 .field--name-field-corps-bandeau{

}

.page-node-20 .S_prise-en-charge .field > .field__item:nth-child(odd){

}

.page-node-20 .field--name-field-corps-bandeau .L_2col{
	display: flex;
}
.page-node-20 .field--name-field-corps-bandeau .L_2col .col_txt.colonne_2_3{
	width: 66%;
	background-color: #C3DEE2;
}
.page-node-20 .field--name-field-corps-bandeau .L_2col .col_txt.colonne_2_3 h2{
    color: #fff;
}

.page-node-20 .field--name-field-corps-bandeau .L_2col .col_txt.colonne_1_3{
	width: 34%;
	background-color: #0A294A;
}
.page-node-20 .field--name-field-corps-bandeau .L_2col .col_txt.colonne_1_3 .conteneur_txt{

}
.page-node-20 .field--name-field-corps-bandeau .L_2col .col_txt.colonne_1_3 .conteneur_txt ul li{
    position: relative;
    border-bottom: 1px solid #3E3E3E;
    list-style: none;
    padding-left: 45px;
    padding-bottom: 15px;
    padding-top: 18px;    
}
.page-node-20 .field--name-field-corps-bandeau .L_2col .col_txt.colonne_1_3 .conteneur_txt ul li:before{
    content: "";
    width: 30px;
    height: 30px;
    background-color: #c3dee2;
    position: absolute;
    left: 0;
    top: calc(50% - 15px);
    border-radius: 40px;
    background-image: url(../images/gfx/picto_fleche-right_FFFFFF.svg);
}

.page-node-20 .field--name-field-corps-bandeau .L_2col .col_txt.colonne_1_3 .conteneur_txt h3,
.page-node-20 .field--name-field-corps-bandeau .L_2col .col_txt.colonne_1_3 .conteneur_txt ul li{
    color: #fff;
}




.page-node-20 div#equipe-partenaires{
    background-color: #C3DEE2;
    margin: 0;
    width: 100%;
}
.page-node-20 div#equipe-partenaires .col_bandeau {
    padding: 40px 10vw;
}
.page-node-20 div#equipe-partenaires .col_bandeau .conteneur_txt{
    padding: 0;
    flex-direction: column;
    align-items: center;
}
.page-node-20 div#equipe-partenaires .col_bandeau .conteneur_txt h2{
    margin-bottom: 0 !important;
    border-bottom: none;    
}
.page-node-20 div#equipe-partenaires .col_bandeau [class*="conteneur_"]{
    text-align: center;
    display: flex;
    justify-content: center;
}

.page-node-20 div#equipe-partenaires .col_bandeau .conteneur_blocs{
    padding: 0;
    margin-top: 110px;
}

.page-node-20 div#equipe-partenaires .col_bandeau .conteneur_blocs [class*="bloc_"]{
    width: calc(25% - 1px);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 130px;
    border-right: 1px solid #fff;
}
.page-node-20 div#equipe-partenaires .col_bandeau .conteneur_blocs [class*="bloc_"]:before{
    content: "";
    width: 150px;
    height: 70px;
    position: absolute;
    top: -70px;
    left: calc(50% - 75px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 150px;
}
.page-node-20 div#equipe-partenaires .col_bandeau .conteneur_blocs [class*="bloc_"]:last-of-type{
    border-right: 0;
}

.bloc_doctolib:before{
    background-image: url(../images/gfx/logo_partenaire-doctolib.svg);
}
.bloc_weasyo:before{
    background-image: url(../images/gfx/logo_partenaire-weasyo.svg);
}
.bloc_gameready:before{
    background-image: url(../images/gfx/logo_partenaire-gameready.svg);
}
.bloc_maela:before{
    background-image: url(../images/gfx/logo_partenaire-maela.svg);
}

.page-node-20 div#equipe-partenaires .col_bandeau .conteneur_blocs [class*="bloc_"] > p{
    font-weight: 700;
    width: 200px;
    text-align: center;
}

.page-node-20 div#equipe-partenaires .col_bandeau .group_btns{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.page-node-20 div#equipe-partenaires .col_bandeau .group_btns a{
    
}





.S_hero .col_img > .fieldset-wrapper > .field--type-text-with-summary{
    display: none;
}

/*TDC Pages Transversales
Page Contact = page-node-23
Page Prendre rendez-vous = .page-node-24*/
.page-node-23 .S_hero .col_img > .fieldset-wrapper > .field--type-text-with-summary{
    display: block;
position: absolute;
top: 32%;
height: auto;
width: 100%;
}
.page-node-23 .S_hero .col_img > .fieldset-wrapper > .field--type-text-with-summary > .ligne > .conteneur_txt{
	padding-right: 50px;
}
.page-node-23 .S_hero .col_img .conteneur_txt p,
.page-node-23 .S_hero .col_img .conteneur_txt h3{
	color: #fff;
}

.S_hero .col_img > .fieldset-wrapper > .field--type-text-with-summary > .ligne{
    padding-left: 10vw;
}

.page-node-23 .S_hero > .fieldset-wrapper{
    background-color: #0a294a;
}

.page-node-23 .field--name-field-formulaire-de-contact{

}
.page-node-23 .field--name-field-formulaire-de-contact form{

}
.page-node-23 .field--name-field-formulaire-de-contact fieldset#edit-conteneur-groupe > .fieldset-wrapper{
    background-color: #fff;
    -webkit-box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 16%);
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 16%);
    padding-right: 0;
    justify-content: center;
    border-radius: 40px;
}

.page-node-23 .field--name-field-formulaire-de-contact fieldset[id*="edit-groupe-"] .form-item{
    padding: 0 25px;
}
.page-node-23 .field--name-field-formulaire-de-contact fieldset[id*="edit-groupe-"] .form-item.form-type-checkbox{
    background-color: #F5F5F5;
    padding: 25px;
}
.page-node-23 .field--name-field-formulaire-de-contact fieldset#edit-groupe-titre{

}
.page-node-23 .field--name-field-formulaire-de-contact fieldset#edit-groupe-message{

}
.page-node-23 .field--name-field-formulaire-de-contact fieldset#edit-groupe-message .fieldset-wrapper{
    justify-content: center;
}
.page-node-23 .field--name-field-formulaire-de-contact div#edit-actions{

}



.page-node-24 .field--name-field-corps-bandeau > .ligne{
justify-content: space-evenly;
flex-wrap: wrap;
}
.page-node-24 .field--name-field-corps-bandeau > .ligne [class*="conteneur-"]{
    width: 30%;
    min-width: 300px;
}












/*Block personnalisés*/
div#block-ressourcesutiles{
	background-color: #0A294A;
	padding: 70px 0;
}
div#block-ressourcesutiles .conteneur-global{
	width: 100%;
}

.conteneur-global > .conteneur_titre h2{
	text-align: center;
}

.conteneur-global > .conteneur_ressources{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 80vw;
    margin: 0 auto;
}
.conteneur-global > .conteneur_ressources [class*="bloc_"]{
    min-width: 300px;	
}
.conteneur-global > .conteneur_ressources .bloc_video{
    width: 30%;
    min-height: 190px;
    min-width: 300px;
}
.conteneur-global > .conteneur_ressources .bloc_video > a{
	display: block;
	width: 100%;
	height: 180px;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 16px;
}
.conteneur-global > .conteneur_ressources .bloc_video:first-child > a{
	background-image: url(../images/photos/vignette-video_seance-privée-major-mouvement.jpg);
}
.conteneur-global > .conteneur_ressources .bloc_video:nth-child(2) > a{
	background-image: url(../images/photos/vignette-video_analyse-bilan-dos-major-mouvement.jpg);
}
.conteneur-global > .conteneur_ressources .bloc_video > p{
	color: #fff;
	margin-top: 15px;
}

.conteneur-global > .conteneur_ressources .bloc_audio{
	width: 100%;
    border: 1px solid #eee;
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    padding: 15px 45px 15px 115px;
    background-image: url(../images/gfx/picto_audio_FFFFFF.svg);
    background-position: 40px center;
    background-repeat: no-repeat;
    background-size: 40px;
}
.conteneur-global > .conteneur_ressources .bloc_audio > p{
	color: #fff;
	margin: 0;
}
.conteneur-global > .conteneur_ressources .bloc_audio > a{
	position: relative;
}




/*Bandeau Cookies*/
div#sliding-popup{
    background-color: transparent;
}
#sliding-popup > div.eu-cookie-compliance-banner{
  
}

#sliding-popup .popup-content{
flex-direction: column;
    align-items: flex-start;
    width: 450px;
    margin: 0 0 0 auto;
    background-color: #0a294a;
    padding: 22px 0;
}
#sliding-popup:hover .popup-content{
    background-color: #B20028;
}

#sliding-popup .popup-content #popup-text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 15px;
    margin: 0;
}
#sliding-popup .popup-content #popup-text h2{
    font-size: 14px;
    margin-bottom: 4px;
    border-bottom: 1px solid #fff;
    text-align: left;
}
#sliding-popup .popup-content #popup-text > p{

}
#sliding-popup .popup-content #popup-text button{
    font-size: 12px;
}


#sliding-popup .popup-content #popup-buttons{
    margin: 14px 0 4px 0;
    padding: 0 15px;
    display: flex;
}
#sliding-popup .popup-content #popup-buttons button{
    margin: 1px 0;    
}

#sliding-popup .popup-content #popup-buttons button:last-child{
    border: 1px solid #646464;
    background-color: transparent;
    color: #646464 !important;
    text-shadow: none;
    box-shadow: none;
}
#sliding-popup .popup-content #popup-buttons button:last-child:hover{
    border: 1px solid #B20028;
    background-color: #B20028;;
    color: #FFFFFF !important;
}














































/*RESPONSIVE*/

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


}


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

}

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

}

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

}

@media all and (max-width: 991px) {
	/*grille*/
	.ligne{
		justify-content: space-around;
		flex-wrap:wrap;
		/*padding: 0 !important;*/
	}
	
	.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%;
	}

.node__content{
	margin-top: 0;
}


.main-content h2 {
	font-size: 30px;
    /*margin: 0 auto 20px !important;*/
}
.main-content p{
	font-size: 14px !important;
}

p.h3{
	font-size: 20px;
}



/*Accueil*/
.view-slideshow-hp .view-content > div > .flexslider:before {
	width: 160px;
    height: 160px;
    background-size: 160px;
    top: calc(50% - 240px);
    left: calc(50% - 80px);
}
.path-frontpage fieldset.S_100.S_bandeau .fieldset-wrapper fieldset.group_pathologies .field--name-field-pathologies-hp > .ligne{
	padding: 0;
}
.conteneur_ss [class*="conteneur-txt_"] > a{
	font-size: 50px;
}
.conteneur_ss [class*="conteneur-txt_"] > p:last-of-type{
	display: none;
}
.field--name-field-parcours-patient-hp > .ligne > .text-formatted > .ligne {
    margin: 0 !important;
}

/**/


.L_2col > .col_img img,
fieldset.S_2col > .fieldset-wrapper .field--type-image img{
	margin: 0;
}
.S_hero > .fieldset-wrapper,
.path-taxonomy .S_hero > .fieldset-wrapper,
.page-node-type-traitements .S_hero > .fieldset-wrapper{
	margin-bottom: 0;
}
fieldset.S_2col > .fieldset-wrapper [class*="field--name-field-corps"] > .ligne{
	padding: 0;
	margin: 0;
}
fieldset.S_2col > .fieldset-wrapper [class*="field--name-field-corps"] > .ligne > * {
    width: 100%;
}




.region-breadcrumb {
    /*position: absolute;
    z-index: 70;*/
    width: calc(100% - 20vw);
    left: 0;
    padding: 15vh 10vw 0;
    height: auto;
    top: 0;
}

.S_hero .fieldset-wrapper,
.path-taxonomy .S_hero .fieldset-wrapper,
.page-node-type-traitements .S_hero .fieldset-wrapper,
fieldset.S_2col > .fieldset-wrapper,
fieldset.S_100.S_bandeau .fieldset-wrapper,
.path-taxonomy .S_1col .field--name-field-corps-3-taxo > .ligne,
.field--name-field-bandeau-avant-intervention > .ligne .L_2col,
/*.bloc_flex-row,*/
.view-lieux-d-activites .view-content,
.S_prise-en-charge > .field .field__item > .ligne > .L_2col,
.L_2col,
.page-node-type-praticien .S_corps.L_2col .fieldset-wrapper,
.S_rdv > .fieldset-wrapper,
.page-node-type-etablissement .S_bandeau{
	flex-direction: column;
}
.S_hero [class*="col"],
.path-taxonomy .S_hero [class*="col"],
.page-node-type-traitements .S_hero [class*="col"],
fieldset.S_2col > .fieldset-wrapper > .field,
/*fieldset.S_100.S_bandeau .fieldset-wrapper div.field*/
fieldset.S_100.S_bandeau .fieldset-wrapper > div.field,
.path-taxonomy .S_1col .field--name-field-corps-3-taxo > .ligne .col_txt,
.field--name-field-bandeau-avant-intervention > .ligne .col_txt,
.view-lieux-d-activites .view-content .views-row,
.path-frontpage fieldset.S_100.S_bandeau .fieldset-wrapper fieldset.group_pathologies,
.S_prise-en-charge > .field .field__item > .ligne > .L_2col > [class*="col_"],
.L_2col > [class*="col_"],
.L_2col > .fieldset-wrapper [class*="col_"],
.S_rdv > .fieldset-wrapper .field,
.page-node-type-etablissement .S_bandeau .field--name-field-gallerie-photo,
.page-node-type-etablissement .S_bandeau [class*="horaires-de-consultation"]{
    width: calc(100% - 100px);
    padding: 0 50px 30px;
    max-width: initial !important;
	margin: 0;
	/*padding: 0 !important;*/
}
.S_prise-en-charge > .field .field__item > .ligne > .L_2col > .col_txt{
    width: calc(100% - 100px) !important;
	margin-top: 40px;
}
.page-node-type-praticien .S_corps.L_2col .col_specialites{
	width: 100% !important;
}

/*Lieux d'activités*/
.page-node-type-etablissement .S_hero.L_2col > .col_txt{
    width: calc(100% - 100px) !important;	
    padding: 0 50px 30px;
}
.page-node-type-etablissement [class*="bandeau-infos-utiles"] .conteneur_txt{
	flex-wrap: wrap;
}
.page-node-type-etablissement [class*="bandeau-infos-utiles"] .conteneur_txt .bloc_txt:first-of-type{
	margin-left: 20px;
}
.page-node-type-etablissement [class*="bandeau-infos-utiles"] .conteneur_txt .bloc_txt{
    margin: 20px;
    width: calc(40% - 80px);
    padding: 0;
    border: none;
}
.page-node-type-etablissement [class*="bandeau-infos-utiles"] .conteneur_txt .bloc_txt:last-of-type{
	margin-right: 20px;
}




.S_prise-en-charge .field--name-field-corps-2-prise-en-charge > .field__item:nth-child(odd) .L_2col{
	flex-direction: column-reverse;
}

div#block-footer .bloc_flex-row > .conteneur_txt{
    width: 50%;
}

.S_hero .col_img{
	width: 100% !important;
	padding: 0 !important;
}
.page-node-type-praticien .S_hero .fieldset-wrapper {
    /*flex-direction: column-reverse;*/
}
.page-node-type-praticien .S_hero .col_img > .fieldset-wrapper {
    flex-direction: column-reverse;
}

.S_hero .col_img:after,
.path-taxonomy .S_hero .col_img:after,
.page-node-type-traitements .S_hero .col_img:after{
	display: none;
}


.page-node-type-praticien .S_hero .field--name-field-photo-de-profil{
	position: relative;
    top: 0;
    right: 0;
}
/*
.page-node-type-praticien .S_hero .field--type-image{
	display: none;
}
*/

.S_rdv > .fieldset-wrapper .field.field--name-field-horaires-consultation{
	position: relative;
}






.page-node-20 div#equipe-partenaires .col_bandeau .conteneur_blocs{

}
.page-node-20 div#equipe-partenaires .col_bandeau .conteneur_blocs [class*="bloc_"] {
    width: calc(50% - 1px);
	margin-bottom: 110px;
}
.page-node-20 div#equipe-partenaires .col_bandeau .conteneur_blocs [class*="bloc_"]:nth-child(even){
	border-right: none;
}


.L_2col > .col_img,
fieldset.S_2col > .fieldset-wrapper .field--type-image{
	position: relative;
}



fieldset.group_pathologies > .fieldset-wrapper{
    flex-direction: row !important;
}


.path-frontpage fieldset.S_100.S_bandeau .fieldset-wrapper .field--name-field-corps-bandeau{
    width: calc(100% - 20vw);
    left: 5vw !important;
    bottom: -20px;
    padding: 0 10vw;	
}

.view-lieux-d-activites .view-content .views-row:nth-child(2) div.bloc{
	flex-direction: column;
}


/*Vue | Lieux d'activités en pied de page*/
.view-lieux-d-activites .view-content .views-row:nth-child(2) div.bloc > a:after{
    content: url(../images/gfx/polygone_bottom_C3DEE2.svg);
    bottom: -40px;
    top: auto; 
}
.view-lieux-d-activites .view-content .views-row div.bloc {
    display: flex;
    flex-direction: column;
    margin: 0 10vw 40px;
}



.S_hero .field--type-image img,
.path-taxonomy .S_hero .field--type-image img,
.page-node-type-traitements .S_hero .field--type-image img{
	min-height: auto;
	height: 240px;
    width: calc(100% - 20vw) !important;
}
fieldset.S_2col > .fieldset-wrapper .field--type-image{
	position: relative;
}
fieldset.S_bandeau.L_1col .conteneur_blocs [class*="bloc_traitement-"]{
	margin: 40px;
}

/*TDC Praticien*/
.page-node-type-praticien h1.page-title{
	width: initial;
}

.S_cv .vertical-tabs{
	display: flex;
	flex-direction: column-reverse;
	background-color: transparent;
}
.S_cv .vertical-tabs ul.vertical-tabs__menu{
	position: relative;
    width: calc(100% - 20vw);
    padding: 0 10vw;
}
.S_cv .vertical-tabs .vertical-tabs__panes{
	width: 100%;
}
.vertical-tabs__menu-item{
	padding: 0 40px;
}
.vertical-tabs__menu-item a{
	font-size: 14px;
}
.S_rdv > .fieldset-wrapper .field.field--name-field-horaires-consultation {
    height: auto;
    width: calc(100% - 100px);
}
.S_rdv > .fieldset-wrapper .field.field--name-field-horaires-consultation > .ligne{
	padding: 0;
	width: 100%;
}
.S_rdv > .fieldset-wrapper .field.field--name-field-horaires-consultation > .ligne > .field {
    padding: 0;
    width: 100%;
}

.S_rdv > .fieldset-wrapper > .field > .ligne{
	padding: 0;
}

.page-node-20 .field--name-field-corps-bandeau .L_2col .col_txt.colonne_2_3 {
    width: calc(100% - 20vw) !important;
    padding: 0 10vw;
}

.page-node-20 .S_prise-en-charge .L_2col .col_img .conteneur_bloc{
    left: auto !important;
    right: auto !important;
    bottom: 0 !important;
}



/*Pathologies & traitements*/
.term-id-9 .path-taxonomy .S_hero .col_txt [class*="field--name-field-corps"] > .ligne

.page-node-type-traitements .S_plus-d-infos ul.horizontal-tabs-list{
	flex-direction: column;
}
.page-node-type-traitements .S_plus-d-infos ul.horizontal-tabs-list li.horizontal-tab-button{
	width: 100%;
}
.page-node-type-traitements .S_plus-d-infos ul.horizontal-tabs-list li.horizontal-tab-button a{
	padding: 5px;
	font-size: 14px;
}

.page-node-type-traitements .S_traitement-chir .col_img img{
	max-width: 100%;
}
.S_hero .col_txt > .fieldset-wrapper, .path-taxonomy .S_hero .col_txt .fieldset-wrapper,
.page-node-type-traitements .S_hero .col_txt .fieldset-wrapper{
	padding: 0;
}
.S_hero .col_txt [class*="field--name-field-corps"] > .ligne,
.path-taxonomy .S_hero .col_txt [class*="field--name-field-corps"] > .ligne,
.page-node-type-traitements .S_hero .col_txt [class*="field--name-field-corps"] > .ligne{
	padding: 0 !important;
}

fieldset.S_bandeau.L_1col .fieldset-wrapper > div.field > .ligne{
	padding: 0;
}
fieldset.S_bandeau.L_1col .conteneur_blocs [class*="bloc_traitement-"] a {
    padding: 22px 30px;
}

.page-node-type-traitements fieldset[class*="S_traitement-"] .field__item .L_2col > [class*="col"]{
	width: calc(100% - 100px) !important;
	padding: 0 50px;
}

.field--name-field-bandeau-avant-intervention > .ligne .col_txt{
	width: calc(100% - 100px) !important; 	
}



/*Parcours de soins*/
.page-node-16 .S_prise-en-charge .L_2col .col_img .conteneur_bloc{
	right: auto !important;
    position: relative;
    margin: 0 auto;
}
.S_prise-en-charge .L_2col .col_img .conteneur_bloc .bloc_txt{
	width: initial;
}



/*Page Contact*/
.page-node-23 .S_hero .col_img > .fieldset-wrapper > .field--type-text-with-summary{
    position: relative;
}
.page-node-23 .S_hero .col_img > .fieldset-wrapper > .field--type-text-with-summary > .ligne{
    padding: 0px 50px;
}
.page-node-23 .S_hero .col_img > .fieldset-wrapper > .field--type-text-with-summary > .ligne h2{
    width: 100%;
}
.page-node-23 .S_hero .col_img > .fieldset-wrapper > .field--type-text-with-summary > .ligne > .conteneur_txt{
    padding-right: 0;
    margin-bottom: 40px;
}
.page-node-23 .S_hero .col_txt *{
    width: 100%;
}
.page-node-23 .field--name-field-formulaire-de-contact fieldset[id*="edit-groupe-"] .form-item,
.page-node-23 .field--name-field-formulaire-de-contact fieldset[id*="edit-groupe-"] .form-item.form-type-checkbox{
    width: calc(100% - 40px);
    padding: 0 20px;
}
.page-node-23 .S_hero .bloc-bleu{
    display: none;
}


/*Footer*/
.site-footer__bottom div#block-footer{
	border-top: 1px solid #01356d;
}
.view-lieux-d-activites .view-content{
	padding-top: 70px;
}
.region.region-footer-fifth > div{
	padding: 0;
}
.view-lieux-d-activites .view-content .views-row div.bloc{
	margin: 0 0 40px;
}
.view-lieux-d-activites .view-content .views-row div.bloc .conteneur_txt p{
	color: #01356d;
}
.bloc_flex-row .conteneur_txt h4,
.bloc_flex-row .conteneur_txt li{
	text-align: center;
}








}

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

}


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

.S_hero .col_img,
.S_hero .col_img > .fieldset-wrapper,
.S_hero .col_img .field--name-field-img-couverture,
.S_hero .col_img .field--name-field-img-couverture > .ligne,
.S_hero .col_img .field--name-field-img-couverture img {
    height: 60vh;
}
.S_hero .col_img .field--name-field-img-couverture{
	position: absolute;
}

.S_hero .col_img .field--name-field-img-couverture img{
width: 100% !important;	
}

.page-node-type-etablissement .S_hero.L_2col > .col_txt .conteneur_coordonnees{
	width: auto;
}
.page-node-type-etablissement .S_hero.L_2col > .col_txt ul.liste-picto-ancres{
    flex-wrap: wrap;
    justify-content: space-between;
}
.page-node-type-etablissement .S_hero.L_2col > .col_txt ul.liste-picto-ancres > li{
	margin-right: 0;
  padding-right: 0;
  background-color: transparent;
  box-shadow: none;
    width: calc(50% - 42px);
    min-width: 120px;
    border-right: none;
}

/*Page RDV*/
.page-node-24 .field--name-field-corps-bandeau > .ligne [class*="conteneur-"]{
    width: 100%;
}
	
}


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

.field--name-field-illustration-colonne-hp {
    display: none;
}
.path-frontpage fieldset.S_100.S_bandeau .fieldset-wrapper fieldset.group_pathologies .field--name-field-pathologies-hp > .ligne {
    padding: 0 0 0 10vw;
    justify-content: flex-start;
}


/*Parcours de soins & vidéos*/
.conteneur-global > .conteneur_ressources .bloc_audio{
    padding: 80px 40px 20px;
    background-position: center 25px;	
	display: flex;
    flex-direction: column;
    align-items: center;
}
.conteneur-global > .conteneur_ressources .bloc_audio a.picto-esp:after{

}

}


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

/*Initial
h1 - h2 - h3 - h4 - p - li - a*/
h1.page-title {
    font-size: 40px;
}
.main-content h2 {
    font-size: 26px !important;
    line-height: 1.15;
}
p.avant-ul{
	line-height: initial;
}
.text-formatted ul,
.text-formatted ol{
	margin-bottom: 15px;
}


/*Global
Block - boutons latéraux
*/
div#block-boutonslateraux{
	position: fixed;
    right: 25px;
    bottom: 15px;
}
div#block-boutonslateraux ul li{
	width: 50px;
	height: 50px;
}

.L_2col > .col_img img,
fieldset.S_2col > .fieldset-wrapper .field--type-image img,
.page-node-type-traitements .S_traitement-chir .col_img img {
    min-height: 320px;
}

fieldset ul li{
	padding-left: 0;
}
fieldset ul li:before,
.field--name-field-bandeau-avant-intervention > .ligne .col_txt fieldset ul li:before{
	left: -25px;
}

h2{
	text-align: center;
}


.S_prise-en-charge .L_2col .col_img .conteneur_bloc {
    position: relative;
    bottom: 0;
    width: 100%;
    left: 0;
    margin: 40px 0;
}

.S_prise-en-charge .conteneur_bloc .bloc_txt{
	padding: 80px 10% 20px;
	border-radius: 0;
}



/*Accueil*/
fieldset.S_100.S_bandeau .fieldset-wrapper > .field--name-field-pathologies-hp{
	padding: 0 !important;
	width: 100% !important;
}
.path-frontpage fieldset.S_2col > .fieldset-wrapper [class*="field--name-field-corps"] > .field__item{
	padding: 0;
}
.field--name-field-parcours-patient-hp li[class*="parcours"] {
    padding: 110px 0 0 0;
}
.field--name-field-parcours-patient-hp li[class*="parcours"]:before{
	  left: 0;
    top: 30px;
}


/*Page Equipe & TDC Praticiens*/
figure.caption-img img {
    width: 100%;
    position: relative;
}
/*
.page-node-20 .field--name-field-corps-bandeau .L_2col .col_txt.colonne_2_3 {
    width: calc(100% - 100px) !important;
    padding: 0 50px;
}
*/
.page-node-20 .S_prise-en-charge .L_2col .col_img{
    padding: 0 !important;
    width: 100% !important;
}

.page-node-20 div#equipe-partenaires .col_bandeau .conteneur_blocs [class*="bloc_"]{
	width: 100%;
	border-right: none;
	border-bottom: 1px solid #fff;
}
.S_cv{
	padding: 0 10vw;
}



div#block-footer .bloc_flex-row > .conteneur_txt{
	width: 100%;
}




/*Taxo Pathologies & TDC Traitements*/
.path-taxonomy .S_hero .field--type-image img,
.page-node-type-traitements .S_hero .field--type-image img {
    height: 100%;
    width: calc(100%) !important;
}

.field--name-field-examens-associes-a-patho .view-examens .view-content .views-row{
    padding: 80px 0 0 0;	
}
.field--name-field-examens-associes-a-patho .view-examens .view-content .views-row .views-field-field-picto,
.field--name-field-examens-associes-a-patho .view-examens .view-content .views-row:before{
	top: 10px;
}
fieldset.S_bandeau.L_2col .fieldset-wrapper > div.field:first-child > .ligne{
	padding: 0;
}
.path-taxonomy .S_1col .field--name-field-corps-3-taxo > .ligne{
	padding: 0;
}
.path-taxonomy .field--name-field-phrase-informative .bloc_info p,
.page-node-type-traitements .field--name-field-phrase-informative .bloc_info p{
	padding-top: 50px;
}
.path-taxonomy .field--name-field-phrase-informative .bloc_info p:before,
.page-node-type-traitements .field--name-field-phrase-informative .bloc_info p:before{
	left: calc(50% - 20px);
    top: 0;
}
.page-node-type-traitements .S_hero .col_txt .field--name-field-corps-0-hero h3{
	text-align: center;
}


/*footer*/
div#block-pieddepage .bloc{
	flex-direction: column;
    align-items: center;
}

	

.page-node-type-etablissement .S_hero.L_2col > .col_txt ul.liste-picto-ancres > li{
	width: 100%;
}

}

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