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


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

div#block-asco-theme-local-tasks {
    z-index: 120;
    top: 20px;
    margin: 20px 0;
}
body div#toolbar-administration{
    z-index: 998;
    position: relative;
}
body .dialog-off-canvas-main-canvas{
	z-index: 101;
}






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

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

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

}

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


.ligne{
	max-width:100vw;
	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.3s;
  border-bottom: none;
}

a:hover {
	border:none;
}

.main-content p {
	
}

.main-content h1 {

}

.main-content h2 {

}

.main-content h3 {

}

.flexslider{
  margin-bottom: 0;
}
.flexslider .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    z-index: 80;
}
.flexslider .flex-direction-nav{
  display: 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;
}

#sliding-popup{
  background: #024fb7 !important;
}
#sliding-popup div#popup-text{

}
#sliding-popup div#popup-text h2{
font-size: 16px !important;
text-transform: initial;
}
#sliding-popup div#popup-buttons{
  display: flex;
}

#sliding-popup div#popup-buttons button{

}


/*----------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: 90%;
    display: flex;
    justify-content: space-between;
    font-size: 1.1em;
    padding-left: 10%;
}

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


ul#superfish-main ol li h3,
ul#superfish-main ol li a{
  color: #fff;
}

/*Modifications Globale*/
.item-menu_pathologie-mobile,
li#main-menu-link-content5fe63547-275f-45c1-909b-baf9fbe30e23{
  display: none;
}



ul.sf-menu .sf-with-ul:hover span.sf-sub-indicator {
    bottom: -30px;
}
ul.sf-menu .sf-sub-indicator {
    left: 50%;
    bottom: -17px;
    top: initial;
}
ul.sf-menu .sf-sub-indicator:after {
    content: url("../images/gfx/fleche-bottom_707070.svg") !important;
    line-height: 0;
    position: absolute;
    top: 0;
    left: 0;
}

ul#superfish-main > li{
	padding: 15px 0;
}


ul.sf-menu li:hover > ul,
ul.sf-menu li.sfHover > ul {
    top: 75px;
}


/*---------- Effets fin --------------*/
.site-footer__bottom{
  border: none;
}





/*Fil d'ariane*/
.region.region-breadcrumb {
  top: 680px;
    position: relative;
    z-index: 700;
}
nav.breadcrumb li a{
	color: #333;
	font-size: 10pt;
	font-weight: 200;
	font-style: italic;
	background-color: transparent;
}
nav.breadcrumb >ol > li > a:last-child{
	font-weight: 500;	
}

nav.breadcrumb li a:hover{
	color: #32c8bf;
	background-color: #fff;
}


p{
  text-align: justify;
}

*{
	font-family: "Poppins";
}

h1{
	font-size: 52pt;
	font-weight: 600;
	text-transform: uppercase;
	color: #374049;
}
h1 span{
	color: #32c8bf;
}
.path-frontpage.page-node-1 h1{
    font-size: 20pt !important;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2px;
  margin-bottom: 0;
}


h2{
    font-size: 20pt !important;
    font-weight: 600;
    text-transform: uppercase;
    color: #B3B3B3;
    letter-spacing: 2px;
    line-height: 1.2;
  margin-bottom: 15px !important;
}
h2.vert{
  color: #32c8bf;
}
h3{
	font-size: 20pt;
	text-transform: uppercase;
	letter-spacing: 2px;
  line-height: 1.15em;
}
h4{
  font-weight: 700;
  text-decoration: underline;
}
h5{
    border: 2px solid #333;
    display: inline-block;
    padding: 8px 14px;
    font-weight: 700;  
}
.field--name-field-section-verte h5{
  border: 2px solid #fff;
}

.field--name-field-section-verte h4,
.field--name-field-section-verte h5{
  color: #fff;
}

a{
	font-size: 13pt;
	font-weight: 600;
	letter-spacing: .6px;
	color: #32c8bf;
}

p a{
	font-size: initial;
    font-weight: initial;
    letter-spacing: initial;
    border-bottom: none;
}


a.btn.fleche{
	padding-right: 50px;
}
a.btn.fleche:hover{
 
}

a.btn.fleche:after{
  content: "";
  width: 50px;
  height: 10px;
  display: inline-block;
  background-image: url(../images/gfx/picto-fleche_right_B3B3B3.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 90% center;
}
a.btn.fleche:hover:after{
	background-size: 30px;
  background-position: 93% center;
    background-image: url(../images/gfx/picto-fleche_right_fff.svg);
}

a.btn.fill{
  background-color: #ccc;
  color: #fff;
  padding: 8px 40px 8px 16px;
  background-image: url(../images/gfx/picto-fleche_right_fff.svg);
  background-repeat: no-repeat;
  background-position: 90% center;
  background-size: 30px;
  width: 230px;
  display: block;
  border-radius: 50px;
  margin-bottom: 5px;  
}
a.btn.fill:hover{
  background-color: #32c8bf;  
}


/**/
.text-formatted ul{
  padding: 0;
}
.text-formatted ul li{
  padding-left: 15px;
  position: relative;
}
.text-formatted ul li:before{
    content: "";
    width: 6px;
    height: 6px;
    background-color: #36c6be;
    position: absolute;
    top: 7px;
    left: 0;
}
.field--name-field-section-verte  ul li:before{
  background-color: #fff;
}
.text-formatted div.bg-vert li:before,
.text-formatted div.bg-bleu li:before{
    background-color: #fff;
}


ul.ul-parent > li:before{
  display: none;
}
ul.ul-parent > li{
  font-weight: 800;
  padding: 0;
}
ul.ul-parent > li > ul {
  margin-top: 0;
}
ul.ul-parent > li > ul li{
  font-weight: initial;
}

ul[class*="liste-s"]{
  display: flex;
  flex-direction: column;
}
ul[class*="liste-s"] > li{
  list-style: none;
  position: relative;
  padding-left: 15px;
  margin-bottom: 20px;
}

ul[class*="liste-s"] > li:before{
  content: "";
  width: 4px;
  height: 40px;
  background-color: #36C6BE;
  position: absolute;
  top: 0;
  left: 0;
}

ul[class*="liste-s"] > li > *{
  margin: 0;  
}

ul.liste-stitre li{
  display: flex;
}
ul.liste-stitre li h4{
width: 150px;
}
ul.liste-stitre li p{
  width: calc(100% - 150px);
}






/**/
















/*Surlignage des liens*/
a.btn.fleche{
	position: relative;
    display: inline-block;
    transition: .4s;
    z-index: 800;
    padding: 7px 0;
}
span.hover-stab,
.view-specialites .view-content .views-row,
footer.site-footer .bloc.hospi .group.bouton a,
.hover-stab{
	position: relative;
    display: inline-block;
    transition: .4s;
    z-index: 800;
    padding: 0;
}

a.btn.fleche:before,
.region.region-primary-menu ul#superfish-main > li:last-child:before,
span.hover-stab:before,
.view-specialites .view-content .views-row:before,
footer.site-footer .bloc.hospi .group.bouton a:before,
.hover-stab:before{  
  transform: scaleX(0);
  transform-origin: bottom right;
}
a.btn.fleche:hover:before,
.region.region-primary-menu ul#superfish-main > li:last-child:hover:before,
p:hover span.hover-stab:before,
footer.site-footer .bloc.hospi .group.bouton a:hover:before,
.hover-stab:hover:before{
  transform: scaleX(1);
  transform-origin: bottom left;
}

a.btn.fleche:before,
.region.region-primary-menu ul#superfish-main > li:last-child:before,
span.hover-stab:before,
footer.site-footer .bloc.hospi .group.bouton a:before,
.hover-stab:before{
  content: "";
  display: block;
  position: absolute;
  top: 0 !important;
  right: 0!important;
  bottom: 0!important;
  left: 0!important;
  inset: 0 0 0 0;
  /*background: hsl(200 100% 80%);*/
  background-color: #32c8bf !important;
  z-index: -1 !important;
  transition: transform .3s ease;
}
a.btn.fleche:hover{
	color: #fff;
	padding: 7px 12px;
}


/*sur fond vert*/
.bg-vert .hover-stab:before{
  background-color: #fff !important;
}



/*Fin - Surlignage des liens*/





.S_80 {
    padding: 0 10vw;
}








.L_two-col{
	display: flex;
	flex-wrap: wrap;
  width: 100%;
}

/*Ligne 2 colonnes = .L_two-col*/
.L_two-col{
 	display: flex;
	flex-wrap: wrap;
  /*align-content: center;*/
  min-height: 400px;
}
.L_two-col .col{
  min-width: 50%;
  max-width: 50%;
  display: flex;
  align-items: center;
}
.L_two-col .col.txt:first-child .module,
.L_two-col .col.txt:first-child > div{
padding: 0 50px 0 10vw;  
}
.L_two-col .col.txt:last-child  .module,
.L_two-col .col.txt:last-child > div{
 padding: 0 10vw 0 50px;
}
.L_two-col .col .module:first-child,
.L_two-col .col  > div:first-child{
  padding-top: 40px !important;
}
.L_two-col .col .module:last-child,
.L_two-col .col  > div:last-child{
  padding-bottom: 40px !important;
}

.L_titre{
  padding: 0 10vw;
  width: calc(100% - 20vw);
	text-align: center;
}
.L_titre.left{
	text-align: left;
}

.S_80 .L_titre{
  padding: 0;
}


li{
	list-style: none;	
}


.L_two-col [class*="colonne_"]:last-child div.conteneur.txt{
  padding-left: 50px;
}



.conteneur.txt p{
  margin-bottom: 10px;
}





/*Header*/

header.header{
	background-color: #fff !important;
	background-image: none !important;
	position: fixed;
    width: 100vw;
    z-index: 995;

}
header.header > .section.layout-container{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
}

.region.region-secondary-menu{
	width: 100%;
	background-color: #eee;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.region-header{
	padding-left: 3vw;
}
.region-header div#block-asco-theme-branding a.site-branding__logo{
	width: 100%;
    min-width: 220px;
    margin: 4px 0;
}
.region-header div#block-asco-theme-branding .site-branding__text{
	display: none;
}


.region.region-primary-menu{
    width: calc(100% - 300px);
	display: flex;
    align-items: center;
}
.region.region-primary-menu nav .content{

}
.region.region-primary-menu nav .content ul.menu{
    display: flex;
    justify-content: flex-end;
}
.region.region-primary-menu nav .content ul.menu li.menu-item{

}
.region.region-primary-menu nav .content ul.menu li.menu-item a{
font-weight: 600;
color: #374049;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 13pt;
    background: none;
    text-shadow: none;
}

.region.region-primary-menu ul#superfish-main > li:last-child{
	padding-right: 5vw;
	background-color: #024fb7;
}
.region.region-primary-menu ul#superfish-main > li:last-child a{
	color: #fff;
	border-bottom: none;
}
.region.region-primary-menu ul#superfish-main >  li:last-child a:after {
    content: "";
    width: 50px;
    height: 10px;
    display: inline-block;
    background-image: url(../images/gfx/picto-fleche_right_B3B3B3.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 90% center;
}
.region.region-primary-menu nav .content ul.menu li.menu-item:last-child a:hover:after{
	background-position: 93% center;
}

/*Fin - Header*/

/*Footer*/
footer.site-footer,
footer.site-footer .layout-container,
footer.site-footer .layout-container .site-footer__bottom,
footer.site-footer .layout-container .site-footer__bottom .region.region-footer-fifth,
footer.site-footer div#block-footer .content,
footer.site-footer .region.region-footer-fifth div#block-footer{
	padding: 0;
	margin: 0;
}

footer.site-footer .layout-container{
	max-width: 100%;
}

footer.site-footer h2{
	color: #374049;
  text-align: center;
    margin-top: 50px;
}
footer.site-footer h2 span{
	color: #32c8bf;
	display: block;
}
footer.site-footer #block-parcourspatient h2 span{
  display: inline-block;
}

footer.site-footer div#block-footer div.ligne{
  background-image: url(../images/photos/clinique-val-d-ouest_IMG_3522.jpg);
  background-position: center;
}
footer.site-footer .conteneur{
padding-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0.5) 77%, rgba(255,255,255,1) 90%);
}
footer.site-footer .conteneur .bloc{
  width: 80%;
}
footer.site-footer .conteneur .bloc.hospi > a:last-child{
  color: #32c8bf;
}

footer.site-footer .bloc.hospi{
  background: rgb(247,247,249);
  background: linear-gradient(0deg, rgba(247,247,249,0) 0%, rgba(255,255,255,0.9360119047619048) 60%);
  /*height: 260px;*/
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
footer.site-footer .bloc.hospi > p{
  text-align: center;
  color: #333;
  font-weight: 700;
  margin-top: 20px;
  padding-top: 55px;
  background-image: url(../images/gfx/picto-admission_000.svg);
  background-size: 50px;
  background-position: top center;
  background-repeat: no-repeat;
}


footer.site-footer .bloc.hospi .group.bouton{
  width: 60%;
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid #333;
}
footer.site-footer .bloc.hospi .group.bouton a{
  text-transform: uppercase;
  font-weight: 700;
  color: #333;
  font-size: 13pt;
  letter-spacing: 2px;
  text-decoration: none;
}

footer.site-footer .bloc.hospi .group.liens{
  margin-top: 15px;
}
footer.site-footer .bloc.hospi .group.liens a{
  background-color: #ccc;  
}
footer.site-footer .bloc.hospi .group.liens a:hover{
  background-color: #32c8bf;  
}

div.logo{
    width: 250px;
    height: 150px;
}



footer.site-footer .bloc.coordonnees{
  background-color: #fff;
  display: flex;
}
footer.site-footer .bloc.coordonnees > div{
  width: calc(100% / 3);
  padding: 40px;
}

footer.site-footer h4{
color: #374049;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 15pt;
}

footer.site-footer p{
	color: #b3b3b3;
	font-size: 11pt;
}

footer.site-footer .bloc.coordonnees a{

}
footer.site-footer .bloc.coordonnees div.group a:hover,
footer.site-footer div.group.liens div.rs a:hover{
	background-color: #32c8bf;
}

footer.site-footer .group.adresse a{
	background-color: #dddddd;
    color: #fff;
    padding: 8px 40px 8px 16px;
    background-image: url(../images/gfx/picto-fleche_right_fff.svg);
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 30px;
    max-width: 230px;
    display: block;
    border-radius: 50px;
}
footer.site-footer .group.adresse a:hover{
  background-position: 93% center;
}


footer.site-footer div.logo a{
    background-image: url(../images/gfx/thierry-villemagne_logo.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    display: block;
}

footer.site-footer .group.liens{
	display: flex;
	flex-direction: column;
  justify-content: space-between;
}
footer.site-footer .group.liens > a{
  background-color: #374049;
  color: #fff;
  padding: 8px 40px 8px 16px;
  background-image: url(../images/gfx/picto-fleche_right_fff.svg);
  background-repeat: no-repeat;
  background-position: 90% center;
  background-size: 30px;
  width: 230px;
  display: block;
  border-radius: 50px;
  margin-bottom: 5px;
}
footer.site-footer .group.liens > a:hover{
  background-position: 93% center;  
}

footer.site-footer .group.liens div.rs{
	display: flex;
}
footer.site-footer .group.liens div.rs a{
	margin-left: 8px;
	background-color: #374049;
	border-radius: 50px; 
	width: 35px;
	height: 35px;
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center;
}
div.rs a.youtube{
  background-image: url(../images/gfx/picto_youtube_fff.svg);
}
div.rs a.facebook{
  background-image: url(../images/gfx/picto_facebook_fff.svg);
  background-size: 8px !important;
}
div.rs a.instagram{
  background-image: url(../images/gfx/picto_instagram_fff.svg);
}
div.rs a.linkedin{
  background-image: url(../images/gfx/picto_linkedin_fff.svg);  
}

/*pied de page*/
.region.region-footer-fifth div#block-footer{
	padding: 0;
}
div#block-pieddepage{
	margin: 0; 
}
div#block-pieddepage .content{
	padding: 5px 0;
	background-color: #fff;
}
div#block-pieddepage a{
	color: #b3b3b3;
	margin: 0 12px;
	text-transform: initial;
  font-size: 9pt;
  font-weight: 300;
}
div#block-pieddepage .content .ligne{
	justify-content: center;
}
/*Fin - Footer*/







/*Menu principal*/
a.menuparent{
  padding-right: 30px;
}

li#main-menu-link-content576ad7b9-6084-42c7-9e08-53fd6d71e1da > ul > li > ol,
li#main-menu-link-contente2e2d835-d8b4-4699-87f3-e84fa67fdacc > ul,
li#main-menu-link-content95a2809e-e1e5-4197-93c5-fc1efbd13795 > ul > li > ol{
    top: 70px !important;
    -webkit-box-shadow: inset 0px 11px 11px -8px rgb(0 0 0 / 51%);
    box-shadow: inset 0px 11px 11px -8px rgb(0 0 0 / 15%);
}



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: #32c8bf;
}


li#main-menu-link-contente2e2d835-d8b4-4699-87f3-e84fa67fdacc{

}
li#main-menu-link-contente2e2d835-d8b4-4699-87f3-e84fa67fdacc:hover{
  
}

li#main-menu-link-contente2e2d835-d8b4-4699-87f3-e84fa67fdacc > ul{
    width: 80% !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #32c8bf;
    position: fixed;
    left: 0;

    padding: 20px 10vw;
    margin: auto;
}
body.user-logged-in li#main-menu-link-contente2e2d835-d8b4-4699-87f3-e84fa67fdacc > ul{
  top: 175px;
}




/*Menu Enfants-Parents*/


li#main-menu-link-content576ad7b9-6084-42c7-9e08-53fd6d71e1da > ul > li > ol{
  width: 100% !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #32c8bf;
  position: fixed;
  left: 0;
	top: 75px;
  padding: 0px;
  margin: auto;
}
body.user-logged-in li#main-menu-link-content576ad7b9-6084-42c7-9e08-53fd6d71e1da > ul > li > ol{
  top: 175px;	
}


li#main-menu-link-content576ad7b9-6084-42c7-9e08-53fd6d71e1da > ul > li > ol > li{
  width: 50% !important;
  padding-bottom: 30px;
  transition: .3s;
}
li#main-menu-link-content576ad7b9-6084-42c7-9e08-53fd6d71e1da > ul > li > ol > li:hover{
    background-color: #ffffff7a;
}
li#main-menu-link-content576ad7b9-6084-42c7-9e08-53fd6d71e1da > ul > li > ol > li > div{
  display: flex;
  flex-wrap: wrap;
}
li#main-menu-link-content576ad7b9-6084-42c7-9e08-53fd6d71e1da > ul > li > ol > li > div > a{
  margin: 20px 0;
  width: 100%;
  cursor: initial;
  pointer-events: none;
}
li#main-menu-link-content576ad7b9-6084-42c7-9e08-53fd6d71e1da > ul > li > ol > li > div,
li#main-menu-link-content576ad7b9-6084-42c7-9e08-53fd6d71e1da > ul > li > ol > li > div > ol{
  width: 100% !important;
}
li#main-menu-link-content576ad7b9-6084-42c7-9e08-53fd6d71e1da > ul > li > ol > li:first-child > div {
    padding-right: 15px;
    padding-left: 10vw;
    width: calc(100% - 15px - 10vw) !important;
}
li#main-menu-link-content576ad7b9-6084-42c7-9e08-53fd6d71e1da > ul > li > ol > li:last-child > div{
    padding-left: 15px;
    padding-right: 10vw;
    width: calc(100% - 15px - 10vw) !important;
}

li#main-menu-link-content576ad7b9-6084-42c7-9e08-53fd6d71e1da > ul > li > ol > li > div > ol > li{
width: calc(50% - 16px) !important; /*16 = marge + bordure*/
}




/*Menu - Sous Enfant*/
li#main-menu-link-content576ad7b9-6084-42c7-9e08-53fd6d71e1da > ul > li > ol > li > div > ol > li{
    background-position: center, center, center !important;
    background-blend-mode: multiply, color, normal;
    backdrop-filter: blur(20px);
    display: flex;
    justify-content: center;
    align-items: center;  
    width: 150px !important;
    height: 200px;
    border: 3px solid #fff;
    transition: .3s;
}
li#main-menu-link-content576ad7b9-6084-42c7-9e08-53fd6d71e1da > ul > li > ol > li > div > ol > li:nth-child(odd){
    margin-right: 10px;
}
li#main-menu-link-content576ad7b9-6084-42c7-9e08-53fd6d71e1da > ul > li > ol > li > div > ol > li:nth-child(even){
    margin-left: 10px;
}


li#main-menu-link-content576ad7b9-6084-42c7-9e08-53fd6d71e1da > ul > li > ol > li > div > ol > li > a{
  text-align: center;
	color: #fff !important;
  border: none;
}


li#main-menu-link-contentcb48f812-50b0-4166-85c8-cf94272af095{

}
li#main-menu-link-contentcb48f812-50b0-4166-85c8-cf94272af095 ol{
  display: flex;
  flex-wrap: wrap;

}


li#main-menu-link-content576ad7b9-6084-42c7-9e08-53fd6d71e1da > ul > li > ol > li > div > ol > li:hover{
  border: 3px solid #fff;
}
li#main-menu-link-content7e820c80-b3ed-4ed7-b017-cc56f1c34d11{
    background-image: linear-gradient(to right, rgb(50 200 191), rgb(50 200 191)), linear-gradient(to right, rgb(50 200 191), rgb(50 200 191)), url(../images/photos/photo_enfants_268557809.jpg) !important;
}
li#main-menu-link-content7e820c80-b3ed-4ed7-b017-cc56f1c34d11:hover {
    background-image: linear-gradient(to right, rgba(2, 79, 183, 1), rgba(2, 79, 183, 1)), linear-gradient(to right, rgba(2, 79, 183, 1), rgba(2, 79, 183, 1)), url(../images/photos/photo_enfants_268557809.jpg) !important;
}

li#main-menu-link-content1edc2b51-18fc-427b-a131-738868e1f7f2{
    background-image: linear-gradient(to right, rgb(50 200 191), rgb(50 200 191)), linear-gradient(to right, rgb(50 200 191), rgb(50 200 191)), url(../images/photos/photo_parent_417648608.jpg) !important;
}
li#main-menu-link-content1edc2b51-18fc-427b-a131-738868e1f7f2:hover {
    background-image: linear-gradient(to right, rgba(2, 79, 183, 1), rgba(2, 79, 183, 1)), linear-gradient(to right, rgba(2, 79, 183, 1), rgba(2, 79, 183, 1)), url(../images/photos/photo_parent_417648608.jpg) !important;
}

li#main-menu-link-content291701b6-da7b-452d-a445-1be7816f718f{
    background-image: linear-gradient(to right, rgb(50 200 191), rgb(50 200 191)), linear-gradient(to right, rgb(50 200 191), rgb(50 200 191)), url(../images/photos/AdobeStock_321233429.jpg) !important;
}
li#main-menu-link-content291701b6-da7b-452d-a445-1be7816f718f:hover {
  background-image: linear-gradient(to right, rgba(2, 79, 183, 1), rgba(2, 79, 183, 1)), linear-gradient(to right, rgba(2, 79, 183, 1), rgba(2, 79, 183, 1)), url(../images/photos/AdobeStock_321233429.jpg) !important;
}
li#main-menu-link-content31429986-4df8-4c95-a97a-36fc0cbf8bc1{
    background-image: linear-gradient(to right, rgb(50 200 191), rgb(50 200 191)), linear-gradient(to right, rgb(50 200 191), rgb(50 200 191)), url(../images/photos/AdobeStock_9348097.jpg) !important;
    background-size: cover !important;
}
li#main-menu-link-content31429986-4df8-4c95-a97a-36fc0cbf8bc1:hover{
    background-image: linear-gradient(to right, rgba(2, 79, 183, 1), rgba(2, 79, 183, 1)), linear-gradient(to right, rgba(2, 79, 183, 1), rgba(2, 79, 183, 1)), url(../images/photos/AdobeStock_9348097.jpg) !important;
}



li#main-menu-link-content576ad7b9-6084-42c7-9e08-53fd6d71e1da > ul > li > ol > li{
  width: 30% !important;
}
li#main-menu-link-content576ad7b9-6084-42c7-9e08-53fd6d71e1da > ul > li > ol > li > div > ol {
    width: 100% !important;
    display: flex;
    flex-direction: column;
}
li#main-menu-link-content576ad7b9-6084-42c7-9e08-53fd6d71e1da > ul > li > ol > li > div > ol > li{
  width: 100% !important;
  margin: 8px 0 !important;
}
li#main-menu-link-content576ad7b9-6084-42c7-9e08-53fd6d71e1da > ul > li > ol > li > div > ol > li a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;  
}

/*Autres dossiers*/
li#main-menu-link-contentdf6738a4-8bb1-4d31-ac6b-9db8864a38ab{

}
li#main-menu-link-contentdf6738a4-8bb1-4d31-ac6b-9db8864a38ab > div > ol > li {
    height: inherit !important;
    border: none !important;
    justify-content: flex-start !important;
}
li#main-menu-link-contentdf6738a4-8bb1-4d31-ac6b-9db8864a38ab > div > ol > li > a{

}
li#main-menu-link-contentdf6738a4-8bb1-4d31-ac6b-9db8864a38ab > div > ol > li > a:hover{
  border-bottom: 2px solid #fff;
}



















/*Menu Parcours patient*/
li#main-menu-link-content95a2809e-e1e5-4197-93c5-fc1efbd13795 > ul > li > ol {
    width: calc(100% - 20vw) !important;
    display: flex;
    /*flex-direction: column;*/
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #32c8bf;
    position: fixed;
    left: 0;
    top: 70px !important;
    padding: 0 10vw 30px;
    margin: auto;
}
body.user-logged-in li#main-menu-link-content95a2809e-e1e5-4197-93c5-fc1efbd13795 > ul > li > ol{
    top: 190px !important;
    padding: 0 10vw;
    width: 80% !important;
}
li#main-menu-link-content95a2809e-e1e5-4197-93c5-fc1efbd13795 > ul > li > ol > li{
    width: calc(25% - 2px) !important;
    padding: 5px 0;
}
li#main-menu-link-content95a2809e-e1e5-4197-93c5-fc1efbd13795 > ul > li > ol > li > a,
li#main-menu-link-content95a2809e-e1e5-4197-93c5-fc1efbd13795 > ul > li > ol > li .sf-multicolumn-column > a{
    margin: 20px 0;
    padding: 7px 10px;
  width: calc(100% - 25px);
  color: #fff;
}
li#main-menu-link-content95a2809e-e1e5-4197-93c5-fc1efbd13795 > ul > li > ol > li .sf-multicolumn-column > a:last-child{
  color: #ddd;
}
li#main-menu-link-content95a2809e-e1e5-4197-93c5-fc1efbd13795 > ul > li > ol > li .sf-multicolumn-column ol li a{
  font-size: 16px;
  font-weight: 400;
  border: none;
  color: #fff;
}


/*item non cliquable*/
li#main-menu-link-content7c5558b9-a67b-454e-a9d1-6bf75d0796e9 a.menuparent{
  cursor: initial;
  pointer-events: none;
  color: #fff !important;
}






/*Menu Pathologies*/
.simple-mega-menu.mega-menu-item.simple-mega-menu-type-views > .ligne{
  display: flex;
  justify-content: center;
}
.simple-mega-menu.mega-menu-item.simple-mega-menu-type-views .views-element-container.contextual-region{
  width: 100%;
}


.view-menu-pathologies > .view-content{
  display: flex;
}

.view-menu-pathologies > .view-content > div:first-child{
  background-image: url(../images/gfx/picto-urologie_fff.svg);  
}
.view-menu-pathologies > .view-content > div:nth-child(2){
  background-image: url(../images/gfx/picto_digestif_fff.svg);
}

.view-menu-pathologies > .view-content > div:nth-child(3){
  background-image: url(../images/gfx/picto_antenatal.svg);  
}
.view-menu-pathologies > .view-content > div:last-child{
  background-image: url(../images/gfx/picto_gynecologie.svg);  
}

.view-menu-pathologies > .view-content > div{
    width: 22%;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 55px;
    padding-top: 60px;
    margin-right: 6%;
}
.view-menu-pathologies > .view-content > div h3,
.view-menu-pathologies > .view-content > div h3 a{
  /*width: 100%;*/
}
.view-menu-pathologies > .view-content > div h3{
    border-bottom: 2px solid #fff;
}
.view-menu-pathologies > .view-content > div .views-row{
  width: 100%;
  display: flex;
}


li#main-menu-link-contente2e2d835-d8b4-4699-87f3-e84fa67fdacc ul a{
    color: #fff !important;
    font-size: 16px;
    font-weight: 400;
    border: none;
    transition: .3s;
}
li#main-menu-link-contente2e2d835-d8b4-4699-87f3-e84fa67fdacc ul a:hover{
  padding-left: 15px;
  font-weight: 600;
}


li#main-menu-link-contente2e2d835-d8b4-4699-87f3-e84fa67fdacc ul h3 a{
  letter-spacing: 1.8px;
  font-size: 22px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 1;
  margin-bottom: 5px;
  border-bottom: none;
    top: -60px;
    left: 60px;
}

.views-element-container {
    width: 100%;
}






.L_80 {
  width: 80%;
  padding: 50px 10vw;
  margin: 0 auto;
}


/*Home Page*/
.view-slideshow{
  display: block;
  position: relative;
}
.view-slideshow:before{
  content: url(../images/gfx/forme-arrondi_gauche_32C8BF.svg);
  width: 380px;
  min-height: 270px;
  display: inline-block;
  position: absolute;
  bottom: -10px;  
  z-index: 90;
}

.conteneur_slideshow{
    display: grid;
    grid-template-columns: 1fr 80px 30%;
    grid-template-rows: 150px 1fr 150px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 90vh;
}
div.conteneur_slideshow#id_59 h2{
  display: none;
}

.conteneur_slideshow .bloc_txt{
  grid-area: 2 / 1 / 3 / 3;
  background-color: #fff;
  z-index: 40;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 200px;
    padding-right: 50px;
}

.conteneur_slideshow .bloc_img{
  grid-area: 1 / 1 / 4 / 4;
  overflow: hidden; 
}
.conteneur_slideshow .bloc_img img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.conteneur_slideshow .bloc_txt h2{
    font-size: 52pt !important;
    font-weight: 600;
    text-transform: uppercase;
    color: #374049;
    line-height: 1.15em;
}


.conteneur_slideshow .bloc_txt a.btn{
    position: relative;
    z-index: 220;
margin: 0 0 0 auto;
}

.vvjs .nav-dots-numbers{
  min-height: calc(2 * 20px);
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: absolute;
    bottom: 0;
    left: calc(50% - 50px);
}









h2.vert{
  position: relative;
  padding-bottom: 15px;
}
h2.vert:after{
    content: "";
    width: 50px;
    height: 4px;
    background-color: #32c8bf;
    position: absolute;
    bottom: 0;
    left: calc(50% - 25px);  
}


.S_parcours-patient .L_4col{
  display: flex;
  justify-content: center;
  padding: 0 10vw;
}

.S_parcours-patient .L_4col > .col{
  width: 25%;
}



/*Section Parcours patient = .S_parcours-patient*/
.S_parcours-patient{
	width: 100%
}

.S_parcours-patient .L_titre{
  padding: 0 10vw;
}
.S_parcours-patient .L_titre h2{
	color: #32c8bf;
}
.S_parcours-patient .L_titre h2 span{
	color: #024fb7;
}

.S_parcours-patient .L_4col > .col{
  position: relative;
  display: flex;
  z-index: 10;
}
.S_parcours-patient .L_4col > .col > a{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.S_parcours-patient .L_4col > .col > a:after {
    content: "";
    width: 50px;
    height: 10px;
    display: inline-block;
    background-image: url(../images/gfx/picto_fleche-right_32C8BF.svg);
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: right center;
    position: absolute;
    top: 50%;
    right: -20px;
}
.S_parcours-patient .L_4col > .col:last-child a:after{
  display: none;
}



.S_parcours-patient .L_4col > .col .inner{
  background-repeat: no-repeat;
  background-position: center;
  background-size: 35px;
}
.S_parcours-patient .L_4col .col.rdv .inner{
	background-image: url(../images/gfx/picto-rdv_000.svg);
}
.S_parcours-patient .L_4col .col.consultation .inner{
	background-image: url(../images/gfx/picto-consultation_000.svg);
}
.S_parcours-patient .L_4col .col.admission .inner{
	background-image: url(../images/gfx/picto-admission_000.svg);
}
.S_parcours-patient .L_4col .col.sortie .inner{
	background-image: url(../images/gfx/picto-sortie_000.svg);
}

.S_parcours-patient .L_4col .col.rdv:hover .inner{
	background-image: url(../images/gfx/picto-rdv_fff.svg);
}
.S_parcours-patient .L_4col .col.consultation:hover .inner{
	background-image: url(../images/gfx/picto-consultation_fff.svg);
}
.S_parcours-patient .L_4col .col.admission:hover .inner{
	background-image: url(../images/gfx/picto-admission_fff.svg);
}
.S_parcours-patient .L_4col .col.sortie:hover .inner{
	background-image: url(../images/gfx/picto-sortie_fff.svg);
}



.S_parcours-patient .L_4col > .col .mod{
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: transparent;
  transition: .3s;
  z-index: -2;
}
/*
.S_parcours-patient .L_4col > .col .mod:hover{
  background-color: #eee;
}
*/

.S_parcours-patient .L_4col > .col .mod .inner{
    width: 300px;
    height: 330px;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transition: .3s;
    position: relative;
    z-index: -1;

}
.S_parcours-patient .L_4col > .col:hover .mod .inner{
    background-color: #024fb7;
}

.S_parcours-patient .L_4col > .col .mod.consultation{

}

.S_parcours-patient .L_4col > .col:after{
  content: "";
  position: absolute;
  left: -50px;
  bottom: 0;
  width: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 90px;
  opacity: 0;
  transition: .3s;
}
.S_parcours-patient .L_4col > .col.rdv:after{
  background-image: url(../images/gfx/illustration-dr_consultation.svg);	
}
.S_parcours-patient .L_4col > .col.consultation:after{
  background-image: url(../images/gfx/illustration-dr_consultation.svg);	
}
.S_parcours-patient .L_4col > .col.admission:after{
  background-image: url(../images/gfx/illustration-dr_consultation.svg);	
}
.S_parcours-patient .L_4col > .col.sortie:after{
  background-image: url(../images/gfx/illustration-dr_consultation.svg);	
}

.S_parcours-patient .L_4col > .col .mod .inner{
    background-color: #f8f8f8;
    border-top-left-radius: 0%;
    border-top-right-radius: 0%;
}
.S_parcours-patient .L_4col > .col:hover .mod .inner{
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
}



.S_parcours-patient .L_4col > .col:hover{
  background-position: 40px 100%;
}

.S_parcours-patient .L_4col > .col:hover:after{
  left: 0px;
  opacity: 1;  
  width: 120px;
}


.S_parcours-patient .L_4col > .col .mod h3{
  font-size: 13pt;
  font-weight: 600;
  letter-spacing: .6px;
  text-align: center;
  height: 60px;
  padding: 0 15px;
  color: #333;
  text-transform: initial;
}
.S_parcours-patient .L_4col > .col:hover h3{
  color: #fff;
}


.S_bandeau{
    width: 100%;
    height: 60px;
    background-color: #32c8bf;
    display: flex;
    justify-content: center;
    align-items: center;
}
.S_bandeau .L_faq{

}
.S_bandeau .L_faq a{
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	background-image: url(../images/gfx/picto-fleche_right_fff.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 30px;
	padding-left: 35px;
}
/**/












/*Les blocks personnalisés
Bloc Section Hero /page d'accueil = #block-sectionherohp
Bloc Equipe /page d'accueil = #block-sectionequipe
*/

/*Bloc Section Hero /page d'accueil = #block-sectionherohp*/
#block-sectionherohp{
	background-color: #fff;
  position: relative;
}

#block-sectionherohp:before{
	content: url(../images/gfx/forme-arrondi_gauche_32C8BF.svg);
    width: 380px;
    min-height: 270px;
    display: inline-block;
    position: absolute;
    bottom: -10px;
}
#block-sectionherohp .L_two-col .col.txt:before{

}


#block-sectionherohp h1{
	line-height: 1;
}

#block-sectionherohp a.btn.fleche:hover{
	color: #fff;
}


#block-sectionherohp h2 span{
	color: #32C8BF;
}

#block-sectionherohp .L_two-col{
	justify-content: space-between;
}

#block-sectionherohp .col.txt.colonne_1-2{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    right: -90px;
}
#block-sectionherohp .col.txt.colonne_1-2 .bloc.txt {
    padding: 130px 55px;
    /*box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;*/
    background-color: #fff;
    max-width: 550px;
}

#block-sectionherohp .col.img.colonne_1-2{
	width: 50%;
}

#block-sectionherohp .col.img.colonne_1-2 img{
	height: 100%;
    object-fit: cover;	
}
/**/


/*Bloc Equipe /page d'accueil = #block-sectionequipe*/
#block-sectionequipe{
    background-color: #32c8bfe6;
    background-blend-mode: multiply;
}
#block-sectionequipe > .content{
	position: relative;
	padding: 0;
}
#block-sectionequipe > .content:before{
    content: "";
    background-image: url(../images/gfx/pattern_base_1.svg);
    background-size: 70px;
    width: 100%;
    max-width: 170px;
    min-height: 180px;
    height: 100%;
    position: absolute;
    left: -190px;
    top: 0;
    z-index: 80;	
}

#block-sectionequipe .L_two-col{
	position: relative;
    width: 100vw;
    align-items: center;
    justify-content: center;
    padding: 0 10vw;
}
#block-sectionequipe .L_two-col .col{
    min-width: initial;
    max-width: initial;
    display: block;
    align-items: initial;
}

#block-sectionequipe .L_two-col .col.img{
	position: relative;
	margin-right: 40px;
  width: 230px;
  background-color: transparent;
}
#block-sectionequipe .L_two-col .col.txt{
  width: calc(100% - 360px);
}

#block-sectionequipe a.btn.fleche:before{
	background-color: #fff !important;
}

/*
#block-sectionequipe .L_two-col .col.img:before{
    content: "";
    background-image: url(../images/gfx/pattern_base_1.svg);
    background-size: 70px;
    width: 100%;
    max-width: 170px;
    min-height: 180px;
    height: 100%;
    position: absolute;
    left: -190px;
    top: 0;
    z-index: 80;
}
*/

#block-sectionequipe img{
	position: relative;
	width: 280px;
  z-index: 100;
}



#block-sectionequipe .col.txt .bloc.txt{
	padding-left: 100px;
	border-left: 20px solid #374049;
}
#block-sectionequipe h2{
  margin-top: 0;
}
#block-sectionequipe h2,
#block-sectionequipe p{
	color: #fff;
}
#block-sectionequipe a.btn.fleche{
	color: #eee;
}
#block-sectionequipe a.btn.fleche:hover{
	color: #32c8bf;
}

#block-sectionequipe a.btn.fleche:hover:after{
    background-image: url(../images/gfx/picto-fleche_right_B3B3B3.svg);
}


#block-sectionequipe a.btn.fleche:after{
	background-image: url(../images/gfx/picto-fleche_right_fff.svg);	
}


#block-sectionequipe p:hover .hover-stab{
	background-color: #fff;
}
#block-sectionequipe p a{
	font-size: initial;
    font-weight: initial;
    letter-spacing: initial;
    border-bottom: none;
    color: #fff;
}



/*Bloc Liens vers*/


[id*="block-liensvers-"]{
    /*
    position: absolute;
    bottom: 0;
    right: 0;
    */
}
[id*="block-liensvers-"] .S_100{
    background-image: url(../images/gfx/bandeau_questions.svg);
    background-size: 70%;
    background-position: top left;
    background-repeat: no-repeat;
    min-height: 480px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
[id*="block-liensvers-"] .S_100 > [class*="L_"]{
  padding: 0 10vw 0 50vw;
  width: calc(100% - 60vw);
}
/*
[id*="block-liensvers-"] .S_100 .L_80{
  padding: 10px 10vw 30px 10vw;
}
*/

[id*="block-liensvers-"] h2{
  text-align: left;
  border-bottom: 1px solid #fff;
}

[id*="block-liensvers-"] ul{
  display: flex;
  flex-direction: column;
}
[id*="block-liensvers-"] ul li{
  display: none;
  background-size: 25px;
    background-repeat: no-repeat;
    background-position: left center;
    padding: 20px 0 20px 50px;

}
[id*="block-liensvers-"] ul li:before{
  display: none;
}

.page-node-10 [id*="block-liensvers-"] ul li.node10{
  display: block;
}
.page-node-37 [id*="block-liensvers-"] ul li.node37{
  display: block;
}
.page-node-47 [id*="block-liensvers-"] ul li.node47{
  display: block;
}
.page-node-51 [id*="block-liensvers-"] ul li.node51{
  display: block;
}
.page-node-52 [id*="block-liensvers-"] ul li.node52{
  display: block;
}
.page-node-53 [id*="block-liensvers-"] ul li.node53{
  display: block;
}
.page-node-55 [id*="block-liensvers-"] ul li.node55{
  display: block;
}
.page-node-56 [id*="block-liensvers-"] ul li.node56{
  display: block;
}
.page-node-57 [id*="block-liensvers-"] ul li.node57{
  display: block;
}





[id*="block-liensvers-"] ul li.depassement-honoraires{
  background-image: url(../images/gfx/picto_euro_fff.svg);
}
[id*="block-liensvers-"] ul li.lectures-utiles{
  background-image: url(../images/gfx/picto_lecture_fff.svg);
}
[id*="block-liensvers-"] ul li.liens-utiles{
  background-image: url(../images/gfx/picto_lien_fff.svg);
}
[id*="block-liensvers-"] ul li.dossier{
  background-image: url(../images/gfx/picto_dossier_fff.svg);
}
[id*="block-liensvers-"] ul li.a-propos{
  background-image: url(../images/gfx/picto_parcours_consultation_fff.svg);
}
[id*="block-liensvers-"] ul li.hospitalisation{
  background-image: url(../images/gfx/picto_parcours_hospitalisation_fff.svg);
}



div#block-liensvers-pourconsultation .bloc.liens-vers{

}

.bloc.liens-vers .conteneur{
  position: relative;
  width: 300px;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  background-color: #32c8bf;
  background-repeat: no-repeat;
  background-position: center;
}
.conteneur.consult-anesthesiste{
  background-image: url(../images/gfx/picto_parcours_consultation_fff.svg);
}
.conteneur.hospitalisation{
  background-image: url(../images/gfx/picto_parcours_hospitalisation_fff.svg);
}

.bloc.liens-vers .conteneur a{
    width: 100%;
    height: 100%;
    position: absolute;  
}

.bloc.liens-vers .conteneur h4{
  text-align: center;
  width: 220px;
  padding: 20px 0;
  color: #fff;
}
.bloc.liens-vers .conteneur:hover a{
  background-color: #ffffff29;
}

.bloc.liens-vers .conteneur:hover h4{
  font-weight: 600;
}




/**/


/*Bloc Parent Enfant = #block-parentenfant*/
#block-parentenfant{
    background-color: #32c8bfe6;
}

#block-parentenfant .field.field--name-body > .ligne{
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,1) 65%, rgba(255,255,255,0) 65%, rgba(255,255,255,0) 100%);
  padding: 20px 0;
  border-bottom-right-radius: 100%;
}

#block-parentenfant .L_two-col{
	position: relative;
  display: flex;
  align-content: center;
  min-height: 370px;
  width: 100%;
}

#block-parentenfant .L_two-col.parent{
  padding-bottom: 50px;
  margin-top: 80px;
}
#block-parentenfant .L_two-col.enfant{
  margin-bottom: 80px;
}
#block-parentenfant .L_two-col .col{
  min-width: auto;
}

#block-parentenfant .col.txt{
  position: relative;
  left: 10vw;
  z-index: 40;
  display: flex;
  align-items: center;
}
#block-parentenfant .col.txt .module.bloc{
  position: relative;
  width: 330px;
  padding: 40px 100px 40px 10vw;
  background-color: #fff;
  border-left: 18px solid #024FB7;
  transition: .3s;
}
#block-parentenfant .col.txt .module.bloc p{
  font-size: 13pt;
  font-weight: 600;
}

#block-parentenfant .col.txt:after{
  content: url(../images/gfx/picto-fleche_right_B3B3B3.svg);
  position: absolute;
  width: 40px;
  height: 40px;
  right: 20px;
  left: auto;
  top: calc(50% - 20px);
}


#block-parentenfant .col.txt .module.bloc:after{
  content: "";
  position: absolute;
  left: -50px;
  top: 0;
  width: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 90px;
  opacity: 0;
  transition: .3s;
}
#block-parentenfant .col.txt .module.bloc.parent:after{
  background-image: url(../images/gfx/illustration-parent-enfant.svg);	
}
#block-parentenfant .col.txt .module.bloc.enfant:after{
  background-image: url(../images/gfx/illustration-enfant-docteur.svg);	
}

#block-parentenfant .col.txt .module.bloc:hover:after {
    left: 0px;
    opacity: 1;
    width: 120px;
}




#block-parentenfant .L_two-col:hover .col.txt .module.bloc{
  border-left: 18px solid #32C8BF;
}

#block-parentenfant .col.txt .module.bloc h3{
	color: #32C8BF;
}



#block-parentenfant .parent .col.img{
  width: 50%;
  height: 370px;
  position: absolute;
  z-index: 20;
  right: 20vw;
  top: 0;
  overflow: hidden;
}

#block-parentenfant .enfant .col.img{
  width: 50%;
  height: 370px;
  position: absolute;
  z-index: 20;
  right: 20vw;
  top: 0;
  overflow: hidden;
}

#block-parentenfant .col.img img{
  width: 100%;
}




#block-parcourspatient {
    margin: 0;
    background-color: #fff;
    padding-top: 25px;
}
#block-parcourspatient .L_titre{
  margin-bottom: 25px;
}


/*Bloc - Tous les dossiers*/
div#block-touslesdossiers{
  margin: 0;
    background-color: #32c8bf;
}

div#block-touslesdossiers .L_titre{

}
div#block-touslesdossiers .L_titre h2{
    color: #fff;
    display: inline-block;
    padding: 8px;
    border: 1px solid #fff;
    margin-top: 25px;  
}

div#block-touslesdossiers .L_liste{
    width: 100%;
    display: flex;
    padding: 0 10vw;
    justify-content: space-between;
}
div#block-touslesdossiers .L_liste .col{
  width: calc((100% / 3) - 60px);
}
div#block-touslesdossiers .L_liste ul{

}
div#block-touslesdossiers .L_liste ul li{

}
div#block-touslesdossiers .L_liste ul li a{

}
























.L_4col{
  display: flex;
  justify-content: center;
  padding: 0 10vw;
}

.L_4col > .col{
  width: 25%;
}



/*Bloc Section Pathologie
/HP
*/
div#block-sectionpathologie{
	background-image: url(../images/photos/_SBR8380_2000x950.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}



div#block-sectionpathologie > .content{
	background-color: #ffffffa1;
	padding: 50px 0;
}

div#block-sectionpathologie a.btn.fleche:before{
	left: 60px !important;
}

div#block-sectionpathologie ul li{
  padding: 0;
}
div#block-sectionpathologie ul li:before{
  display: none;
}


div#block-sectionpathologie .L_two-col{
	width: 100%;
}
div#block-sectionpathologie .L_two-col .col{
    min-width: initial;
    max-width: initial;
    display: block;
    align-items: initial;
}

/*
div#block-sectionpathologie .col.pattern:before{
    content: "";
    background-image: url(../images/gfx/pattern_base_1.svg);
    width: 100%;
    background-size: 70px;
    width: 210px;
    min-height: 180px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 80;
}
*/
/*
div#block-views-block-specialites-block-1:before {
    content: "";
    background-image: url(../images/gfx/pattern_base_1.svg);
    width: 100%;
    background-size: 70px;
    width: 210px;
    min-height: 180px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 80;
}
*/
div#block-sectionpathologie .col.contenus{

}
div#block-sectionpathologie .col.contenus h2{
	position: relative;	
	padding-bottom: 15px;
	margin-bottom: 40px;
    color: #32c8bf;
}
div#block-sectionpathologie .col.contenus h2:after{
	content: "";
	width: 50px;
	height: 4px;
	background-color: #32c8bf;
	position: absolute;
	bottom: 0;
	left: 0;
}

div#block-sectionpathologie .col.contenus ul{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
div#block-sectionpathologie .col.contenus ul li{
    width: 50%;
    margin-bottom: 60px;
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: left center;
}
div#block-sectionpathologie .col.contenus ul li:first-child{
	background-image: url(../images/gfx/picto_digestif_b3b3b3.svg);
}
div#block-sectionpathologie .col.contenus ul li:nth-child(2){
  background-image: url(../images/gfx/picto_urologie_b3b3b3.svg);  
}
div#block-sectionpathologie .col.contenus ul li:nth-child(3){
	background-image: url(../images/gfx/picto_urologie_b3b3b3.svg);
}
div#block-sectionpathologie .col.contenus ul li:nth-child(4){
  background-image: url(../images/gfx/picto_antenatale_b3b3b3.svg);
  background-size: 35px;
}
div#block-sectionpathologie .col.contenus ul li:nth-child(5){
	background-image: url(../images/gfx/picto_urologie_b3b3b3.svg);
}
div#block-sectionpathologie .col.contenus ul li:nth-child(6){
	background-image: url(../images/gfx/picto_plus_b3b3b3.svg);
}


div#block-sectionpathologie .col.contenus ul li a{
	padding: 15px 0 15px 65px;
    min-width: 300px;
    display: inline-block;
    color: #374049;
    z-index: 900;
}








/*Fin - Les blocks personnalisés*/






/*Vues
type block /page accueil >> Spécialités = div#block-views-block-specialites-block-1
*/

div#block-views-block-specialites-block-1{
  background-color: #32c8bfe6;
  padding-bottom: 120px;
}

/*
div#block-views-block-specialites-block-1:before{
    content: "";
    background-image: url(../images/gfx/pattern_base_1.svg);
    width: 100%;
    background-size: 70px;
    width: 210px;
    min-height: 180px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 80;
}
*/


div#block-views-block-specialites-block-1 .ligne-titre{
justify-content: center;
margin-bottom: 20px;
}
div#block-views-block-specialites-block-1 .ligne-titre h2{
  position: relative;
  color: #fff;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
div#block-views-block-specialites-block-1 .ligne-titre h2:after{
    content: "";
    width: 50px;
    height: 4px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: calc(50% - 25px);  
}

.view-specialites .view-content > div{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.view-specialites .view-content .views-row{
	min-width: 150px;
}
.path-taxonomy .view-specialites .view-content .views-row{
  min-width: 150px;
  height: 170px;
}

.view-specialites .view-content .views-row > .views-field-field-picto{
  height: 100%;
}


.views-field.views-field-field-picto .field-content,
.views-field.views-field-name .field-content{
	display: flex;
    justify-content: center;	
}

.view-specialites .views-field.views-field-name a{
	color: #fff;
}





/*Région*/
.region-section-accueil{
  background-image: url(../images/photos/_SBR8378_2000x2500.jpg);
  background-size: cover;
  background-position: bottom right;
}








/*Les types de contenus
.page-node-type-pathologie = Les pathologies
*/
.page-node-type-pathologie .col.img img {
    height: 100%;
    object-fit: cover;
}
.page-node-type-pathologie .L_two-col{

}

.page-node-type-pathologie .L_two-col > .col{
  /*max-height: 90vh;*/
  align-items: center;
}
.page-node-type-pathologie .L_two-col > .col.txt{
  /*overflow-y: scroll;*/
}
.page-node-type-pathologie .L_two-col > .col.img{
    position: sticky;
    max-height: 100vh;
    top: 0;  
}

.page-node-type-pathologie .L_two-col > .col.txt .conteneur-txt{
  /*overflow-y: scroll;*/
}






.page-node-type-pathologie main#content .region-content{
}

.page-node-type-pathologie main#content .region-content div#block-asco-theme-page-title{
  background-image: url(../images/photos/_SBZ1983.jpg);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  /*
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0.5) 77%, rgba(255,255,255,1) 90%);
  */
}

.page-node-type-pathologie main#content .region-content div#block-asco-theme-page-title .content {
  width: 100%;
}
.page-node-type-pathologie main#content .region-content div#block-asco-theme-page-title .content .ligne-block{
    background: rgb(247,247,249);
    background: linear-gradient( 0deg, rgba(247,247,249,0) 0%, rgba(255,255,255,0.9360119047619048) 60%);
    height: 260px;
    width: 60%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;  
}


.page-node-type-pathologie h3{
    font-size: 18pt;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;  
}







/*Page Pathologies
Hernie inguinale de la fille = .page-node-9
*/

.page-node-type-pathologie .S_hero{
	overflow: hidden;
}


.page-node-type-pathologie .S_hero h3{
    font-weight: 600;
    letter-spacing: 0;
    text-transform: initial;
    line-height: 1.05;
    margin: 15px 0 30px;
}


.S_hero h3 span{
	position: relative;
	display: inline-block;
	transition: .4s;
}

.S_hero h3 span:before{  
  transform: scaleX(0);
  transform-origin: bottom right;
}

.S_hero h3:hover span:before{
  transform: scaleX(1);
  transform-origin: bottom left;
}

.S_hero h3 span:before{
  content: "";
  display: block;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  inset: 0 0 0 0;
  /*background: hsl(200 100% 80%);*/
  background-color: #32c8bf;
  z-index: -1;
  transition: transform .3s ease;
}
.S_hero h3:hover span{
	color: #fff;
}








.page-node-type-pathologie .S_details{

}
/*
.page-node-type-pathologie .S_details .L_two-col.bg-right .col.img img{
	max-width: 80%;
}
*/

.bg-right{
  position: relative;
}
.bg-right:before{
  content: "";
  background-image: url(../images/gfx/forme-arrondi_droite_32C8BF.svg);
  background-size: cover;
  min-height: 100%;
  min-width: 220px;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
}
/*
.page-node-type-pathologie .S_details > div {
padding: 50px 10vw;	
}
*/

.page-node-type-pathologie .S_details .L_two-col .col.txt:first-child .conteneur-txt{
	padding-right: 50px;
}
.page-node-type-pathologie .S_details .L_two-col .col.txt:last-child .conteneur-txt{
	padding-left: 50px;
}

.page-node-type-pathologie .S_details > div.L_bandeau{
	background-color: #32c8bf;
    padding: 50px 10vw;
}
/*
.page-node-type-pathologie .S_details > div.L_bandeau > * {
    padding: 50px 10vw;
}
*/
.page-node-type-pathologie .S_details > div.L_bandeau > img{
	width: 100%;
}

.page-node-type-pathologie .S_details > div.L_two-col:nth-child(even){
	background-color: #eee;
}

















/*Sections
.S_hero
*/
.S_hero{
	position: relative;
	width: 100%;
}
.S_hero:before {
    content: url(../images/gfx/forme-arrondi_gauche_32C8BF.svg);
    width: 380px;
    min-height: 270px;
    display: inline-block;
    position: absolute;
    bottom: -10px;
    z-index: 100;
}

.S_hero .L_grille{
display: grid;
grid-template-columns: 30% 15% 1fr;
grid-template-rows: 80px 1fr 80px;
grid-column-gap: 0px;
grid-row-gap: 0px;
    height: 80vh;
    z-index: 130;
    position: relative;
}
.S_hero .L_grille .zone-txt{
	grid-area: 2 / 1 / 3 / 3;
    z-index: 60;
    background-color: #fff;
    display: flex;
    align-items: center;
}
.S_hero .L_grille .zone-txt .bloc.txt{
	padding-left: 10vw;
	padding-right: 30px;
}
.S_hero .L_grille .zone-txt .bloc.txt h1{
    margin: 0 0 25px 0;
    line-height: 1.25;
    text-transform: initial;
    font-weight: 500;
    font-size: 60px;
}

.S_hero .L_grille .zone-img{
	grid-area: 1 / 2 / 4 / 4;
	overflow: hidden;
}
.S_hero .L_grille .zone-img img{
    max-height: 900px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}



/*Section simple
/page perso - avec.S_qui-suis-je
/page consultation - avec #avant-consultation / 

à détailler*/

.S_simple .col.colonne-2-3{
	padding-left: 30%;
	padding-right: 10vw;
}
.S_simple{
	position: relative;
}
.S_simple:before{
  content: "";
  background-image: url(../images/gfx/pattern_base_1.svg);
  background-size: 70px;
	width: calc(70px * 5);
  min-height: 180px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 80;
}



/*Page Personnelle
*/
.S_simple.qui-suis-je .conteneur.qui-suis-je h2{
margin-bottom: 15px;
color: #32c8bf;
}

.S_consultation{
  background-color: #32c8bf;
  padding: 50px 0;
  min-width: 100%;
}
.S_consultation .L_titre h3{
	color: #fff;
  text-align: center;  
}

.L_titre{
  text-align: center;
  margin-bottom: 15px;
}

.L_one-col{
  display: flex;
  justify-content: center;
}

.L_one-col.L_consultation .bloc{
  max-width: 350px;
  min-width: 200px;
  background-color: #fff;
  margin: 0 20px;
	padding: 60px 25px;
}
.L_one-col.L_consultation .bloc p{
	color: #333 !important;
  text-align: center;
}

.S_consultation .L_consultation .conteneur{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  height: 100%;
}
.S_consultation .L_consultation .conteneur h4{
	padding-top: 70px;
	background-repeat: no-repeat;
	background-size: 55px;
	background-position: top center;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
  text-decoration: none;
  color: #333;
}

.bloc.rdv .conteneur h4{
	background-image: url(../images/gfx/picto-rdv_000.svg);
}
.bloc.lieu .conteneur h4{
	background-image: url(../images/gfx/picto-consultation_000.svg);
}
.bloc.horaire .conteneur h4{
	background-image: url(../images/gfx/picto-admission_000.svg);
}

.S_consultation .L_consultation .conteneur a{
	background-color: #374049;
    color: #fff;
    padding: 8px 40px 8px 16px;
    background-image: url(../images/gfx/picto-fleche_right_fff.svg);
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 30px;
    width: 230px;
    display: block;
    border-radius: 50px;	
}
.S_consultation .L_consultation .conteneur a:hover{
	background-color: #32c8bf;
	background-position: 93% center;
}













/*Les bodys des pages de base*/

/*Body Hero*/
.field--name-field-body-hero {
    border-bottom: 20px solid #32c8bf;
}


/*Body - Section Verte = .field--name-field-section-verte*/
.field--name-field-section-verte{
	background-color: #32c8bf;
}

.field--name-field-section-verte a{
  color: #fff;
}

/*
.field--name-field-section-verte > .ligne{
	padding: 40px 10vw;
}
*/

.field--name-field-section-verte h3,
.field--name-field-section-verte p,
.field--name-field-section-verte li{
	color: #fff !important;
}
.field--name-field-section-verte h3{
	width: 100%;
	text-align: left;
}

/*
.field--name-field-section-verte .L_two-col .col {
    display: block;
    align-items: inherit;
}
*/


/*Body - Suite corps = .field--name-field-suite-corps*/
.field--name-field-suite-corps{

}
.field--name-field-suite-corps > .ligne > div{
	padding: 40px 10vw;
}
.field--name-field-suite-corps > .ligne > div.L_two-col{
	padding: 0;
}


.field--name-field-suite-corps > .ligne > div.S_consultation{
  padding: 40px 0 !important;
}



/*Global*/


div.bg-vert{
    background-color: #32c8bf;
    border-radius: 0px;
    padding: 28px;
    /*margin: 20px 0;*/
}
div.bg-blanc{
    background-color: #fff;
    border-radius: 0px;
    padding: 28px;
    margin: 20px 0;
}
div.bg-bleu{
  background-color: #024fb7;
    border-radius: 0px;
    padding: 28px;  
}

.S_details.dossier [class*="bg-"]{
    padding: 28px;
    width: calc(100% - (2 * 28px));  
}



div.conteneur-bg-right{
  position: relative;
}
div.conteneur-bg-right:before{
  content: "";
  background-image: url(../images/gfx/forme-arrondi_droite_32C8BF.svg);
  background-size: cover;
  min-height: 100%;
  min-width: 270px;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
}

/*Fin - Global*/








/*Page consultation = .page-node-37*/
.page-node-37 .field--name-field-section-verte{
	padding: 50px 10vw;
}
.page-node-37 .field--name-field-section-verte .L_two-col .col.illu{
	background-image: url(../images/gfx/illustration_consultation.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.page-node-37 .L_bandeau{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 100px 10vw;
    background-image: url(../images/gfx/bandeau_consultation.svg);
    background-position: left center;
}
.page-node-37 .L_bandeau .col.colonne_1-3{
  background-position: center 10px;
  background-size: 100%;
  background-repeat: no-repeat;
}
.page-node-37 .L_bandeau .col.colonne_1-3:nth-child(1){
  background-image: url(../images/gfx/illustration_consultation-accueil.svg);
}

.page-node-37 .L_bandeau .col.colonne_1-3 > .conteneur.txt{
    height: 100%;
    background-color: #ffffffd9;
    padding: 28px;
}
.page-node-37 .L_bandeau .col.colonne_1-3.bg-vert > .conteneur.txt{
    height: 100%;
    background-color: transparent;  
}


.page-node-37 .L_bandeau h2{
	width: 100%;
	text-align: center;
}

.page-node-37 .L_bandeau .col{
	background-color: transparent;
    margin: 0;
    transition: 0.3s;
}
.page-node-37 .L_bandeau .col:hover{
	background-color: #fbfbfb;
}

.page-node-37 .L_bandeau .col:last-child,
.page-node-37 .L_bandeau .col:last-child:hover{
	background-color: #32c8bf;
}


.page-node-37 .L_bandeau h4{
	font-weight: 600;
}







.L_one-col.L_listing1-5{
	flex-direction: column;
}
.L_one-col.L_listing1-5 > div{
	display: flex;
}

.L_one-col.L_listing1-5 > div h4 {
    width: 250px;
    font-weight: 600;
    font-size: 18px;
    border-left: 4px solid #32c8bf;
    padding-left: 10px;
    letter-spacing: 1px;
    margin: 0 0 25px 0 !important;
}
.L_one-col.L_listing1-5 > div p{
	width: calc(100% - 250px);
}













/*Test element page Hernie (idem Enfant/Parent sur HP)*/



/*Bloc Parent Enfant = #block-parentenfant*/
.grille.bloc-chevauchement{
    background-color: #32c8bf;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 40px 10vw;
  width: calc(100% - 20vw);
}

/*
.grille.bloc-chevauchement .L_two-col{
	position: relative;
  display: flex;
  align-content: center;
  min-height: 370px;
  width: 100%;
}

.grille.bloc-chevauchement .L_two-col.parent{
  padding-bottom: 50px;
  margin-top: 80px;
}
.grille.bloc-chevauchement .L_two-col.enfant{
  margin-bottom: 80px;
}
*/
.grille.bloc-chevauchement .L_bloc{
    width: 45%;
    position: relative;
    height: 270px;
    display: flex;
    align-items: center;
}




.grille.bloc-chevauchement .L_bloc > a{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 70;
}



.grille.bloc-chevauchement .col.txt{
  position: relative;
  z-index: 40;
  display: flex;
  align-items: center;
}
.grille.bloc-chevauchement .col.txt .module.bloc{
  position: relative;
  width: 330px;
  padding: 0px 100px 0px 40px;
  background-color: #fff;
  border-left: 18px solid #024FB7;
  transition: .3s;
}
.grille.bloc-chevauchement .col.txt:after{
  content: url(../images/gfx/picto-fleche_right_B3B3B3.svg);
  position: absolute;
  width: 40px;
  height: 40px;
  right: 20px;
  left: auto;
  top: calc(50% - 20px);
}

.grille.bloc-chevauchement .L_bloc:hover .col.txt .module.bloc{
  background-color: #024fb7;
}
.grille.bloc-chevauchement .L_bloc:hover .col.txt h4,
.grille.bloc-chevauchement .L_bloc:hover .col.txt h3{
  color: #fff !important;
  text-shadow: 0px 2px 5px rgba(0,0,0,0.13);
}

.grille.bloc-chevauchement .L_bloc:after{
  content: "";
  position: absolute;
  left: -50px;
  top: 0;
  width: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 90px;
  opacity: 0;
  z-index: 880;
  transition: .3s;
}
.grille.bloc-chevauchement .L_bloc:after{
  background-image: url(../images/gfx/illustration-parent-enfant.svg);	
}
.grille.bloc-chevauchement .L_bloc.hernie-ombilicale:after{
  background-image: url(../images/gfx/illustration-enfant-docteur.svg);	
}

.grille.bloc-chevauchement .L_bloc:hover:after {
    left: 0px;
    opacity: 1;
    width: 120px;
}

.grille.bloc-chevauchement .L_bloc:hover .col.txt .module.bloc{
  padding: 0px 40px 0px 100px;
}




.grille.bloc-chevauchement .L_bloc:hover .col.txt .module.bloc{
  border-left: 18px solid #32C8BF;
}

.grille.bloc-chevauchement .col.txt .module.bloc h3,
.grille.bloc-chevauchement .col.txt .module.bloc h4{
	color: #32C8BF;
}



.grille.bloc-chevauchement [class*="hernie-"] .col.img,
.page-node-40 .grille.bloc-chevauchement .col.img,
.page-node-42 .grille.bloc-chevauchement .L_bloc .col.img{
  width: 85%;
  height: 270px;
  position: absolute;
  z-index: 20;
  right: 0;
  top: 0;
  overflow: hidden;
}



.grille.bloc-chevauchement .col.img img{
  width: 100%;
}

/*Fin - Test*/


.page-node-40 .grille.bloc-chevauchement .col.txt h4,
.page-node-42 .grille.bloc-chevauchement .col.txt h3{
	color: #32C8BF;
	font-weight: 700;
	font-size: 20pt;
	text-transform: initial;
	margin: 40px 0;
}
.page-node-40 .grille.bloc-chevauchement .col.txt .module.bloc{
	height: 200px;
	display: flex;
	flex-direction: column;
	justify-content: center;	
}

.page-node-40 .field--name-field-section-verte > .ligne {
    padding: 0;
}

.page-node-40 .field--name-body .L_titre{
	background-color: #32C8BF;
}

.page-node-40 .field--name-body .L_titre h2{
	color: #fff;
}


.page-node-40 .grille.bloc-chevauchement.bg-vert{
	margin: 0;
}

.page-node-40 .L_titre h3{
	border-bottom: 2px solid #fff;
    text-align: left;
    color: #fff !important;
}
.grille.bloc-chevauchement .L_bloc.sac-hopital:after{
	background-image: url(../images/gfx/illustration_sac-hopital.svg);
  background-size: 130px;
  background-position: bottom right;
}
.grille.bloc-chevauchement .L_bloc.parcours-doudous:after{
	background-image: url(../images/gfx/illustration_parcours-doudous.svg);
    background-size: 130px;
    background-position: bottom right;
}
.grille.bloc-chevauchement .L_bloc.bloc-operatoire:after{
	background-image: url(../images/gfx/illustration_bloc-operatoire.svg);
  background-size: 190px;
  background-position: bottom right;
}
.grille.bloc-chevauchement .L_bloc.salle-reveil:after{
	background-image: url(../images/gfx/illustration_salle-reveil.svg);
  background-size: 190px;
  background-position: bottom left;
}


.grille.bloc-chevauchement .L_bloc.visceral:after{
  background-image: url(../images/gfx/illustration_viscerale.svg);	
}
.grille.bloc-chevauchement .L_bloc.urologie:after{
  background-image: url(../images/gfx/illustration_urologie.svg);	
}
.grille.bloc-chevauchement .L_bloc.antenatal:after{
  background-image: url(../images/gfx/illustration_antenatale.svg);	
}
.grille.bloc-chevauchement .L_bloc.gynecologie:after{
  background-image: url(../images/gfx/illustration_gynecologie.svg);	
}


.page-node-42 .grille.bloc-chevauchement .L_bloc:after{
	background-position: center;
}



.page-node-40 .bg-vert *{
  color: #32c8bf !important
}




/*Vues
Vue taxonomy /pour les pages paliers pathologies     = .view-taxonomy-term
*/

.view-taxonomy-term .views-field span.field-content{

}

.view-taxonomy-term .view-content{
	padding-top: 40px;
	padding-bottom: 40px;
}
.view-taxonomy-term .view-content > div{
    display: flex;
    flex-wrap: wrap;
}
.view-taxonomy-term .view-content .views-row {
    width: 50%;
    margin: 20px 0;
}
.view-taxonomy-term .view-content .views-row:nth-child(odd) .views-field.views-field-nothing{
  padding-left: 10vw;
}
.view-taxonomy-term .view-content .views-row:nth-child(even) .views-field.views-field-nothing{
  padding-right: 10vw;
}
.view-taxonomy-term .view-content .views-row .views-field.views-field-nothing{
  padding-right: 30px;
}

.view-taxonomy-term .views-field span.field-content .L_bloc{
    /*width: 45%;*/
    position: relative;
    height: 270px;
    display: flex;
    align-items: center;
}

.field--name-field-picto{
    z-index: 800;
    position: absolute;
    top: 80px;
    left: 10vw;
}
.field--name-field-picto img{
	width: 40px;
    background-color: #32c8bf;
    padding: 20px;
}

/*

.L_bloc > a{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 70;
}
*/

.view-taxonomy-term .L_bloc .col.txt{
    border-left: 0px solid #32c8bf;
    transition: .3s;
}

.view-taxonomy-term .L_bloc:hover .col.txt {
    border-left: 15px solid #024FB7;
    padding-left: 50px;
}

.view-taxonomy-term .L_bloc .col.txt{
  z-index: 30;
  text-align: justify;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /*width: 70%;*/
  max-width: 50%;
  padding: 60px 120px 60px 0;
  background-color: #fff;
}
.view-taxonomy-term .L_bloc .col.txt .module.bloc{
  position: relative;
  width: 330px;
  padding: 0px 100px 0px 40px;
  background-color: #fff;
  border-left: 18px solid #024FB7;
  transition: .3s;
}
.view-taxonomy-term .L_bloc .col.txt:after{
  content: url(../images/gfx/picto-fleche_right_B3B3B3.svg);
  position: absolute;
  width: 40px;
  height: 40px;
  right: 20px;
  left: auto;
  top: calc(50% - 20px);
}


.view-taxonomy-term .L_bloc .L_bloc:after{
  content: "";
  position: absolute;
  left: -50px;
  top: 0;
  width: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 90px;
  opacity: 0;
  z-index: 880;
  transition: .3s;
}
/*
.view-taxonomy-term .L_bloc:after{
  background-image: url(../images/gfx/illustration-parent-enfant.svg);  
}
*/

.view-taxonomy-term .L_bloc:hover:after {
    left: 0px;
    opacity: 1;
    width: 120px;
}

.view-taxonomy-term .L_bloc:hover .col.txt .module.bloc{
  padding: 0px 40px 0px 100px;
}


.view-taxonomy-term .L_bloc:hover .col.txt .module.bloc{
  border-left: 18px solid #32C8BF;
}

.view-taxonomy-term .L_bloc .col.txt .module.bloc h3{
  color: #32C8BF;
}



.view-taxonomy-term .L_bloc .col.img{
  width: 85%;
  height: 270px;
  position: absolute;
  z-index: 20;
  right: 0;
  top: 0;
  overflow: hidden;
}





.path-taxonomy [class*="block-views-blockspecialites"]{
	background-color: #32c8bf;
    padding: 50px 0;
}

.path-taxonomy [class*="block-views-blockspecialites"] .ligne.ligne-titre{
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
.path-taxonomy [class*="block-views-blockspecialites"] h2{
	color: #fff;
}

.path-taxonomy [class*="block-views-blockspecialites"] .views-field.views-field-field-picto .field-content{
    width: 300px;
    /*height: 330px;*/
    height: 100%;
    background-color: transparent;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    display: flex;
    flex-direction: column;
	justify-content: center;
    align-items: center;
    transition: .3s;
    position: relative;
    z-index: -1;	
}

.view-specialites .view-content > div{

}
.view-specialites .views-field.views-field-name {
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: -40px;
    left: 0px;
}
.path-taxonomy [class*="block-views-blockspecialites"] .views-field.views-field-name{
    bottom: 0px;
}

.view-specialites .views-field.views-field-name span.field-content{
    height: 100%;
    width: 100%;	
}

.view-specialites .views-field.views-field-name a{
color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}





/*Les dossiers
Pourquoi choisir un chirurgien pédiatre = .page-node-39

*/
.page-node-39 .S_hero .L_grille .zone-txt,
.page-node-40 .S_hero .L_grille .zone-txt,
.page-node-44 .S_hero .L_grille .zone-txt,
.page-node-45 .S_hero .L_grille .zone-txt,
.page-node-48 .S_hero .L_grille .zone-txt,
.page-node-49 .S_hero .L_grille .zone-txt,
.page-node-50 .S_hero .L_grille .zone-txt,
.page-node-51 .S_hero .L_grille .zone-txt,
.page-node-53 .S_hero .L_grille .zone-txt{
  position: relative;
}

.page-node-39 .S_hero .L_grille .zone-txt:before,
.page-node-40 .S_hero .L_grille .zone-txt:before,
.page-node-44 .S_hero .L_grille .zone-txt:before,
.page-node-45 .S_hero .L_grille .zone-txt:before,
.page-node-48 .S_hero .L_grille .zone-txt:before,
.page-node-49 .S_hero .L_grille .zone-txt:before,
.page-node-50 .S_hero .L_grille .zone-txt:before,
.page-node-51 .S_hero .L_grille .zone-txt:before,
.page-node-53 .S_hero .L_grille .zone-txt:before{
  content: "";
  width: 40px;
  height: 40px;
  padding: 20px;
  background-color: #32c8bf;
  background-image: url(../images/gfx/picto_dossier_fff.svg);
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 10vw;

}


.S_80 .L_one-col.L_listing1-5{
    padding-right: 300px;
}
.S_80 .L_one-col.L_listing1-5 > div{
  margin: 20px 0;
}

.page-node-45 .S_80 .L_one-col.L_listing1-5{
    background-image: url(../images/gfx/illustration-dr_consultation.svg);
    background-position: right bottom;
    background-repeat: no-repeat;
}



/*
.page-node-39 .S_hero h1{
  position: relative;
}

.page-node-39 .S_hero h1:before{
  content: url(../images/gfx/picto_dossier_024FB7.svg);
  position: absolute;
  left: -150px;
  top: 0;
}
*/

.page-node-45 .field--name-field-section-verte .col.img img{
object-fit: cover;
    height: 100%;
    object-position: right;
}



.page-node-49 .S_details.dossier .L_two-col .col.img{
  max-height: 310px;
  overflow: hidden;
}














.S_details.dossier.bg-vert{
  margin: 0;
}
.S_details.dossier{
  position: relative;
}
.S_details.dossier:before{
    content: "";
    background-image: url(../images/gfx/forme-arrondi_droite_32C8BF.svg);
    background-size: cover;
    min-height: 100%;
    min-width: 270px;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
}

.S_details.dossier .L_two-col .col:first-child .conteneur-txt{
  padding-left: 10vw;
  padding-right: 50px;
}

.S_details.dossier .L_two-col .col .conteneur-txt:hover div.bg-vert{
    border-radius: 15px;
}

.S_details.dossier .L_two-col .col.img{
    padding: 80px 0;
    z-index: 200;
  background-color: #32c8bf; /*pour page sac pour l'hopital*/
}
.S_details.dossier .L_two-col.bg-blanc .col.img{
  background-color: transparent !important;
}

.field--name-field-section-verte h2{
  color: #fff;
}

.S_details.dossier div.bg-vert p,
.S_details.dossier div.bg-vert a{
  color: #fff;
}

.bg-vert *,
.bg-bleu *{
	color: #fff !important;
}

[class*="bg-"] ul.liste-liens a{
    color: #fff;
    border: 1px solid #fff;
}

.bg-vert ul.liste-liens a:hover{
    color: #36C6BE !important;
    border: 1px solid #fff;
    background-color: #fff;
}
.bg-vert ul.liste-liens a:before{
	background-color: #fff !important;
}


ul.liste-liens{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
ul.liste-liens li{
	margin: 0 15px;
  list-style: none;	
}
ul.liste-liens a{
    padding: 8px 20px;	
}
ul.liste-liens li:before{
  display: none;
}




.S_details.dossier .bg-blanc h3,
.S_details.dossier .bg-blanc p
{
  color: #333 !important;
}

/*Spécificité pages dossier
.page-node-50 = page salle de reveil
*/
.page-node-50 .S_details.dossier .L_two-col .col.img {
    background-color: transparent;
}

/*Fin - spécificité*/




/*Section Ancres = .S_ancre*/
.S_ancre{
  width: 100%;
}

.S_ancre .L_titre{
  display: flex;
  justify-content: center;
}
.S_ancre .L_titre h2{
  border: 1px solid #36C6BE;
  color: #36C6BE;
  display: inline-block;
  padding: 8px 20px;
}


.S_ancre .L_ancres ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.S_ancre .L_ancres ul li{
  margin: 0 15px;
  list-style: none;
  padding: 0;
}
.S_ancre .L_ancres ul li:before{
  display: none;
}
.S_ancre .L_ancres ul li a{
  color: #36C6BE;
  padding: 8px 20px;
  border: 1px solid #36C6BE;
}
.S_ancre .L_ancres ul li a:hover{
  color: #fff;
}
.S_ancre.bg-vert .L_ancres a{
  color: #fff;
  border: 1px solid #fff;
}
.S_ancre.bg-vert .L_ancres a:hover{
    color: #36C6BE !important;
}


/*Fin - Section Ancres*/






.page-node-41 .field--name-body.field--type-text-with-summary {
    padding: 40px 10vw;
}






.page-node-10 .field--name-field-suite-corps > .ligne > .L_two-col{
	width: 100%;
}


/*Page Parcours Patient = .page-node-43*/
.page-node-43 .S_bandeau{
	margin: 0;
}
.page-node-43 .L_one-col.L_listing1-5 {
    padding: 20px 10vw;
}





/*Section Damier = .S_damier*/
.S_damier{
	width: 100%;
}

div.bloc.damier{
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.bloc.damier .conteneur{
  width: 50%;
}
.bloc.damier .conteneur.blanc{
  
}
.bloc.damier .conteneur.vert{
  background-color: #36C6BE;
}
.bloc.damier .conteneur.vert > *{
	color: #fff;
}

.bloc.damier .conteneur > *{
  width: 350px;
  margin: 0 0 0 auto;
  padding: 25px 
}
.bloc.damier .conteneur{
  background-repeat: no-repeat;
  background-size: 95px;
  background-position: 50px center;
}
.bloc.damier .conteneur.piqure{
  background-image: url(../images/gfx/picto_parcours_piqure.svg);
}
.bloc.damier .conteneur.ambulance{
  background-image: url(../images/gfx/picto_parcours_ambulance.svg);
}
.bloc.damier .conteneur.doudou{
  background-image: url(../images/gfx/picto_parcours_doudou.svg);
}
.bloc.damier .conteneur.voiture{
  background-image: url(../images/gfx/picto_parcours_voiture.svg);
}
.bloc.damier .conteneur.reveil{
  background-image: url(../images/gfx/picto_parcours_reveil.svg);
}
.bloc.damier .conteneur.medicament{
  background-image: url(../images/gfx/picto_parcours_medicament.svg);
}
.bloc.damier .conteneur.sortie{
  background-image: url(../images/gfx/picto_parcours_sortie.svg);
}
.bloc.damier .conteneur.consultation{
  background-image: url(../images/gfx/picto_parcours_consultation.svg);
}


/*Fin - Section Damier*/










/*Les illustrations*/
.field--name-field-section-verte .col.img.diagnostic{
	background-image: url(../images/gfx/illustration_diagnostic.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
}

/*pages pathos anté-natale*/
.page-node-35 .field--name-field-section-verte .col.img.diagnostic,
.page-node-3 .field--name-field-section-verte .col.img.diagnostic,
.page-node-32 .field--name-field-section-verte .col.img.diagnostic,
.page-node-33 .field--name-field-section-verte .col.img.diagnostic,
.page-node-34 .field--name-field-section-verte .col.img.diagnostic,
.page-node-23 .field--name-field-section-verte .col.img.diagnostic{
  background-image: none;
}




/*Page Perso Ligne 2 colonne sticky*/
.L_two-col.L_fixed-scroll .col.txt div.conteneur{
  width: 100%;
  padding: 0;
}
.L_two-col.L_fixed-scroll .col.txt div.conteneur > *{
   padding: 0 10vw 0 50px;
}

.L_two-col .col > div:first-child{
  padding-top: 40px !important;
}
.L_two-col .col > div:last-child{
  padding-bottom: 40px !important;
}

.col.img{
  background-color: #eee;
  /*
  background-image: url(https://instantsgrammes.com/wp-content/uploads/2020/09/mockup_programme.png);
  */
}


.col.txt.scroll{
  /*
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  */
  flex-direction: column;
}



.L_fixed-scroll{
  position: sticky;
  top: 0;

}
/*
.L_fixed-scroll .col{
  max-height: 100vh;
}
*/
.L_fixed-scroll .col.img {
  max-height: 100vh;
  position: sticky;
  top: 0;
}
.L_fixed-scroll .col.img img {
    height: 100%;
    object-fit: cover;
    position: sticky;
    top: 0;
}

.col.txt.scroll{
  
}
.col.txt.scroll h3{
  text-transform: uppercase;
}

ul.liste-parcours{
  
}
ul.liste-parcours li{
  
}
ul.liste-parcours li p{
  
}
ul.liste-parcours li p span{
  display: block;
  font-style: italic;
}

ul.liste-parcours.puces li{
  padding-left: 15px;
  position: relative;
}
ul.liste-parcours.puces li:before{
    content: "";
    width: 6px;
    height: 6px;
    background-color: #36c6be;
    position: absolute;
    top: 7px;
    left: 0;
}

/**/




/*Page Contact*/
.messages__wrapper{
  padding-top: 120px;
}

.g-recaptcha > div {
    margin: 0 auto;
}

.page-node-46{

}

.page-node-46 .conteneur-bg-right{
  width: 100%;
}

.page-node-46 .L_two-col.acces,
.page-node-46 .L_one-col.L_listing1-5{
  width: 100%;
}
/*
.page-node-46 .conteneur-bg-right [class*="L_"]{
  padding: 0 10vw;
}
*/
.page-node-46 .L_two-col.acces{
  justify-content: space-between;
}
.page-node-46 .L_two-col.acces .col{
  flex-direction: column;
  align-items: flex-start;
}
.page-node-46 .L_two-col.acces .col.txt{
    padding-right: 0;
    padding-left: 10vw;
    max-width: initial;
    min-width: initial;
}
.page-node-46 .L_two-col.acces h4{
  background-image: url(../images/gfx/picto-admission_000.svg);
  background-position: left top;
  background-size: 55px;
  background-repeat: no-repeat;
  padding-top: 60px;
  font-weight: 600;
}

.page-node-46 .L_two-col.acces .col.map{
  padding-left: 0;
}
.page-node-46 .L_two-col.acces .col.map iframe{
  width: 100%;
}

.page-node-46 .L_one-col.L_listing1-5 > div{
  margin-top: 20px;
  padding: 0 10vw;
}

/*
.page-node-46 .L_two-col.acces .col.txt > *{
  text-align: left;
  padding-left: 10vw;
  width: 40vw;
}
*/


.page-node-46 .L_one-col div.onglets{

}
.page-node-46 .L_one-col div.onglets ul.liste-bloc.acces {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.page-node-46 .L_one-col div.onglets ul.liste-bloc.acces li{
  width: 30%;
}


.page-node-46 .L_one-col div.onglets ul.liste-bloc.acces li div.conteneur{

}
.page-node-46 .L_one-col div.onglets ul.liste-bloc.acces li div.conteneur ul{
    display: flex;
    flex-direction: column;  
}

.page-node-46 .L_one-col div.onglets ul.liste-bloc.acces li div.conteneur ul li{
  width: 100%;
  margin-bottom: 15px;
  display: flex;
}
.page-node-46 .L_one-col div.onglets ul.liste-bloc.acces li div.conteneur ul li p:first-child{
  width: 40px;
}
.page-node-46 .L_one-col div.onglets ul.liste-bloc.acces li div.conteneur ul li p:last-child{
  width: calc(100% - 40px);
}


/*Le webform*/
.page-node-46 div.block-webform{
  background-color: #32C8BF;
}
.page-node-46 div.block-webform .form-type-processed-text h2,
.page-node-46 div.block-webform .form-type-processed-text p{
  color: #fff;
  text-align: center;
}

.page-node-46 .group-champs{
  padding: 0 10vw;
  border: none;
}
.page-node-46 .group-champs .fieldset-wrapper{
  display: flex;
  flex-wrap: wrap;
}
.page-node-46 .group-champs .form-type-textfield{
  width: calc(50% - 70px);
  margin: 25px 50px;
}
.page-node-46 .group-champs .form-item-email{
  width: calc(100% - 70px);
}


.page-node-46 .group-champs .form-item-message{
  width: 100%;
  max-width: 100%;
  margin: 0px 50px;
}

.page-node-46 div.block-webform .form-type-checkbox{
  padding: 0 10vw;  
}

.page-node-46 div.block-webform .form-actions{
    display: flex;
    justify-content: center;
}
 .page-node-46 div.block-webform .form-type-processed-text p a{
  color: #fff;
 }

.page-node-46 div.block-webform .form-type-checkbox,
.page-node-46 div.block-webform .form-actions{
  text-align: center;
}
/*
.page-node-46 div.block-webform .form-actions input{
    background-color: #374049;
    color: #fff;
    padding: 8px 40px 8px 16px;
    background-image: url(../images/gfx/picto-fleche_right_fff.svg);
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 30px;
    width: 230px;
    display: block;
    border-radius: 50px;
    margin: 0;  
    border-bottom: none;
    transition: .3s;
}
.page-node-46 div.block-webform .form-actions input:hover{
  background-position: 93% center;  
  background-color: #024fb7;
}


input[class*="form-"] {
    background-color: transparent;
    border: none;
    border-bottom: 4px solid #fff;
}
input[class*="form-"]::placeholder{
  color: #fff;
}
*/




.page-node-46 div.block-webform fieldset[id*="edit-conteneur-groupe"]{
  width: 80%;
  margin: 0 auto;
    border: none;
    padding: 0;
}

.page-node-46 div.block-webform fieldset[id*="edit-conteneur-groupe"] .fieldset-wrapper{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.page-node-46 div.block-webform .form-type-textfield.form-item-votre-message{
    width: calc(100% - 70px);
}


.page-node-46 div.block-webform .form-type-textfield.form-item-message{
  width: 100%;
}



/*
.page-node-46 div.block-webform fieldset[id*="edit-groupe-message"] .fieldset-wrapper> *:first-child,
.page-node-46 div.block-webform fieldset[id*="edit-conteneur-groupe"] .fieldset-wrapper > *:first-child{
  margin-top: 35px;
}
*/
.page-node-46 div.block-webform fieldset[id*="edit-groupe-message"] .fieldset-wrapper > *,
.page-node-46 div.block-webform fieldset[id*="edit-conteneur-groupe"] .fieldset-wrapper > *{
  margin-left: 35px;
  margin-right: 35px;
}
/*
.page-node-46 div.block-webform fieldset[id*="edit-groupe-message"] .fieldset-wrapper > *:last-child,
.page-node-46 div.block-webform fieldset[id*="edit-conteneur-groupe"] .fieldset-wrapper > *:last-child{
  margin-bottom: 35px;
}
*/


.page-node-46 div.block-webform fieldset[id*="edit-groupe-message"] [id*="edit-titre-"] h2,
.page-node-46 div.block-webform [id*="edit-titre-"] h2{
  font-size: 16pt;
  font-weight: 600;
  text-transform: uppercase;
  color: #989898;
  padding-bottom: 25px;
  border-bottom: 2px solid #989898;
  margin-bottom: 20px;
}




.page-node-46 div.block-webform fieldset[id*="edit-groupe-message"]{
    width: calc(50% - 70px);
}
.page-node-46 div.block-webform fieldset.group-champs{
    width: calc(50% - 70px);
}
.page-node-46 div.block-webform fieldset[id*="edit-groupe-message"],
.page-node-46 div.block-webform fieldset.group-champs{
    -webkit-box-shadow: 0px -3px 15px -5px rgb(0 0 0 / 10%);
    box-shadow: 0px -3px 15px -5px rgb(0 0 0 / 10%);
    background-color: #fff;
    border-radius: 5px;
  padding: 35px 0 35px 0;
    border: none;
    min-height: 650px;
}


.page-node-46 div.block-webform .form-item label,
.page-node-46 div.block-webform .form-wrapper .label {
    color: #DBDBDB;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
}
.page-node-46 div.block-webform .form-type-checkbox label{
  text-transform: initial;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.page-node-46 div.block-webform input.form-text,
.page-node-46 div.block-webform input.form-tel,
.page-node-46 div.block-webform input.form-email,
.page-node-46 div.block-webform input.form-url,
.page-node-46 div.block-webform input.form-search,
.page-node-46 div.block-webform input.form-file,
.page-node-46 div.block-webform input.form-number,
.page-node-46 div.block-webform input.form-color,
.page-node-46 div.block-webform textarea.form-textarea {
    color: #3b3b3b;
    border: 2px solid #ededed;
    padding: 18px 15px;
    border-radius: 5px;
}



.page-node-46 .field--name-field-section-verte{
  display: none;
}

.page-node-46 .field--name-field-section-verte > div.ligne{
  width: 80%;
  margin: 0 auto;
}






/*Les onglets = div.bootstrap-tabs*/
/*
.bootstrap-tabs{
    padding: 0 !important;
    width: 250px;
}

.bootstrap-tabs a.transport-ter{
  background-image: url(../images/gfx/picto-transport_ter.svg);
}




.bootstrap-tabs ul.nav.nav-tabs{
border: none;
    margin: 0;
    padding: 0;
}
.bootstrap-tabs ul.nav.nav-tabs li{
  background-color: #eee;
    padding: 0;
    width: 50%;
}
.bootstrap-tabs ul.nav.nav-tabs li.active{
  background-color: #fff;
}
.bootstrap-tabs ul.nav.nav-tabs li a {
  background-repeat: no-repeat;
  background-position: center 5px;
  border: none;
  padding: 70px 15px 0 15px;
  margin: 0;
  text-align: center;
}
.bootstrap-tabs ul.nav.nav-tabs li.active a{
  color: #333
}


.bootstrap-tabs .tab-content{
  border: none;
}
.bootstrap-tabs .tab-content .tab-pane{
  border: none;
-webkit-box-shadow: 0px -3px 17px -7px rgba(0,0,0,0.3); 
box-shadow: 0px -3px 17px -7px rgba(0,0,0,0.3);
}
.bootstrap-tabs .tab-content .tab-pane .tab-pane-content{

}
.bootstrap-tabs .tab-content .tab-pane .tab-pane-content ul{
  margin: 0;
  padding: 0;
}
.bootstrap-tabs .tab-content .tab-pane .tab-pane-content ul li{
    display: flex;
    width: 100%;
}

.bootstrap-tabs .tab-content .tab-pane .tab-pane-content ul li p{
    width: calc(100% - 40px);
}

.bootstrap-tabs .tab-content .tab-pane .tab-pane-content ul li p.bg-vert{
    width: 30px;
    margin-right: 10px;
    background-color: #32c8bf;
}
*/
div.bootstrap-tabs ul li{
  list-style: none;
}

div.bootstrap-tabs{
  box-shadow: 0px -3px 14px -3px rgba(0,0,0,0.1);
background-color: #fff;
}
div.bootstrap-tabs ul.nav-tabs{
  background-color: #eee;
  display: flex;
  justify-content: space-around;
  padding: 0;
}
div.bootstrap-tabs ul.nav-tabs li a{
    background-repeat: no-repeat;
    background-position: center;
}


li.metro a{
  background-image: url(../images/gfx/picto-transport_ter.svg);
}
li.bus a{
  background-image: url(../images/gfx/picto-transport_bus.svg);
}
li.train a{
  background-image: url(../images/gfx/picto-transport_metro.svg);
}



div.bootstrap-tabs ul.nav-tabs li{
    list-style: none;
    width: 50%;
    display: flex;
    padding: 0;
    justify-content: center;
    background-color: #eee !important;
}
div.bootstrap-tabs ul.nav-tabs li.active{
  background-color: #fff;
  box-shadow: 0px -14px 14px -3px rgba(0,0,0,0.1);
}

div.bootstrap-tabs ul.nav-tabs li > a{
    padding: 70px 75px 15px 75px;
    opacity: .3;
}

div.bootstrap-tabs ul.nav-tabs li.active a,
div.bootstrap-tabs ul.nav-tabs li:hover a {
    padding: 85px 75px 0px 75px;
}
div.bootstrap-tabs ul.nav-tabs li.active > a{
  opacity: 1;
}


div.bootstrap-tabs div.tab-content{

}
div.bootstrap-tabs div.tab-content div.tab-pane{
  
}
div.bootstrap-tabs div.tab-content div.tab-pane .tab-pane-content{
  padding: 15px;
}
.tab-pane-content *{

}
.tab-pane-content p{
  color: #333 !important;
}
.tab-pane-content p span.bloc-vert{
  background-color: #32c8bf;
    color: #fff;
    margin-right: 14px;
    height: 100%;
    padding: 10px 0 10px 5px;
    display: inline-block;
    width: 25px;
}
.tab-pane-content a{
  color: #32c8bf;
}















/*Pages Parcours patient
.page-node-37 = page Consultation
*/

.page-node-37 div#avant-consultation .colonne_1-3 img{
  height: 100%;
  object-fit: cover;
}
.page-node-37 div#avant-consultation .colonne_2-3 div.bg-vert{
  padding: 28px 50px;
}

.page-node-37 .L_one-col.bandeau{
    background-image: url(../images/photos/bandeau_AdobeStock_284017945.jpg);
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
}
.page-node-37 .L_one-col.bandeau{
    padding: 120px 50% 120px 10vw;
}





/*Consultation avec l'anesthesiste*/
.page-node-51 .field--name-field-suite-corps .bg-right{
  width: 100%;
}
.page-node-51 .field--name-field-suite-corps .S_bandeau.bg-vert{
  display: flex;
  flex-direction: column;
}

.page-node-51 .field--name-field-suite-corps .S_bandeau.bg-vert h3{
  text-align: center;
}

/*Hospitalisation*/
.page-node-47 .L_80.L_one-col.L_listing1-5 > div:last-child h4{
  width: 100%;
}
.page-node-47 .field--name-field-section-verte{
  background-image: url(../images/gfx/illustration_docteur_presentation.svg);
    background-size: 270px;
    background-position: 50px bottom;
    background-repeat: no-repeat;
}
.page-node-47 .field--name-field-section-verte li,
.page-node-47 .field--name-field-suite-corps .L_80.L_two-col.bg-vert li{
  margin: 5px 0;
}
/**/



/*Douleurs post-op*/
/*
.page-node-52 .L_two-col .col.img{
  height: 300px;
}
*/

.page-node-52 .L_one-col.L_bandeau{
padding: 0px 0 0px 10vw;
}
.page-node-52 .L_one-col.L_bandeau .conteneur.txt{
  padding-right: 50px;
}

/**/

/*Consignes post-op*/
.page-node-53 .L_one-col.bg-right {
    width: 100%;
}

.page-node-53 .L_titre p{
  text-align: center;
    margin-bottom: 45px;
}

.page-node-53 .L_one-col.bg-right .conteneur.liste{
  width: 100%;
}

.page-node-53 .L_one-col.bg-right .conteneur.liste > div{
    border-left: 4px solid #32c8bf;
    padding-left: 10px;
}







/*Page Lectures utiles = .page-node-55*/
.page-node-55 .S_ancre{
  display: flex;
  justify-content: space-between;
  padding: 0 10vw;
}
.page-node-55 .S_ancre .L_ancres{
  width: calc(50% - 6px);
}
.page-node-55 .S_ancre .L_ancres h3{
  border-bottom: 2px solid #fff;
}


.page-node-55 .flex-col{
  display: flex;
  flex-direction: column;
}
.page-node-55 .L_two-col .col.txt:first-child > div{
    width: calc(100% - 50px - 10vw);
    padding: 0 50px 0 10vw;
}


.S_100{
  width: 100%;
  padding: 0 !important;
}
.S_100 .L_100 .col{
  padding: 0 10vw;
}







/*Page Liens utiles*/
.page-node-56 h4{
  font-weight: 600;
}




/*Page Dépassement d'honoraires = .page-node-57*/
.page-node-57 .region.region-breadcrumb{
  top: 0;
}








/*Techniques*/






.region-primary-menu .menu a{
  text-shadow: none;
}



a#superfish-menu-responsive-toggle{
background-image: url(../images/gfx/picto_menu-burger.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 72px;
    height: 70px;
    display: block;
    margin: 0 0 0 auto;
}
a#superfish-menu-responsive-toggle > span{
  display: none;
}

ul#superfish-menu-responsive-accordion{
  background-color: #fff;
}
ul#superfish-menu-responsive-accordion > [id*="menu-responsive-menu-link-content"]{

}
ul#superfish-menu-responsive-accordion [id*="menu-responsive-menu-link-content"]{

}
[id*="menu-responsive-menu-link-content"] a,
[id*="menu-responsive-menu-link-content"] span.menuparent.nolink.sf-with-ul{
  font-size: 18px;
  font-weight: 700;
}

[id*="menu-responsive-menu-link-content"] > ul li.sf-clone-parent{
  display: none;
}
ul#superfish-menu-responsive-accordion li.sf-no-children a{
  font-size: 18px;
  font-weight: 500;
  background:  transparent;
}

li#menu-responsive-menu-link-contentdf750f41-f1a1-4484-83c2-2d63866d835a-accordion > a,
li#menu-responsive-menu-link-content24c9c539-6bba-4cd8-88e9-d63ef24678cc-accordion > span,
li#menu-responsive-menu-link-content509f75ce-a03a-4fd6-928e-400487ce9b90-accordion > span,
li#menu-responsive-menu-link-contentb25b8cc4-ac3f-4b25-ad8c-fd54175ae57b-accordion > span,
li#menu-responsive-menu-link-content248ec4fd-f8ec-4007-a96f-87fa17cd2b65-accordion > a,
li#menu-responsive-menu-link-content72d87d35-8e35-4d2d-b786-61b70d94549a-accordion > a{
  font-size: 18px;
  font-weight: 700 !important;
  background-color: transparent;
}

li#menu-responsive-menu-link-content24c9c539-6bba-4cd8-88e9-d63ef24678cc-accordion > ul > li a.sf-depth-2,
li#menu-responsive-menu-link-content509f75ce-a03a-4fd6-928e-400487ce9b90-accordion > ul > li a.sf-depth-3,
li#menu-responsive-menu-link-contentb25b8cc4-ac3f-4b25-ad8c-fd54175ae57b-accordion > ul > li a.sf-depth-3{
  border-bottom: 1px solid #e5e5e5;
}


li#menu-responsive-menu-link-content72d87d35-8e35-4d2d-b786-61b70d94549a-accordion{
  background-color: #2353a1;
}
li#menu-responsive-menu-link-content72d87d35-8e35-4d2d-b786-61b70d94549a-accordion a,
li#menu-responsive-menu-link-content509f75ce-a03a-4fd6-928e-400487ce9b90-accordion > ul > li > span,
li#menu-responsive-menu-link-contentb25b8cc4-ac3f-4b25-ad8c-fd54175ae57b-accordion > ul > li > span,
li#menu-responsive-menu-link-contentcca5cb21-8f90-4d11-91b2-1061a4bf6215-accordion a{
  color: #fff;
}



li#menu-responsive-menu-link-content509f75ce-a03a-4fd6-928e-400487ce9b90-accordion > ul > li,
li#menu-responsive-menu-link-contentb25b8cc4-ac3f-4b25-ad8c-fd54175ae57b-accordion > ul > li{
  background-color: #32C8BF;
}

li#menu-responsive-menu-link-content509f75ce-a03a-4fd6-928e-400487ce9b90-accordion > ul > li:last-child{
  background-color: #024FB7;
}





/*Blocs flottants sur Pages pathologies*/
.L_two-col > .col.img div.bloc-flottant{
    position: absolute;
    bottom: 0;
}
.L_two-col > .col.img:first-child div.bloc-flottant{
    right: 0;
}
.L_two-col > .col.img:last-child div.bloc-flottant{
    left: 0;
}
.col.img div.bloc-flottant div.conteneur{

}
.col.img div.bloc-flottant ul{

}
.col.img div.bloc-flottant ul li{
    position: relative;
    top: 0;
    list-style: none;
    background-size: 70px;
    background-repeat: no-repeat;
    background-position: center 20px;
    padding: 100px 20px 30px 20px;
    background-image: url(../images/gfx/picto_dossier_fff.svg);
    background-color: #32c8bf;
    max-width: 220px;
    border-radius: 0px;
    text-align: center;
    margin: 25px 0;
    transition: .3s;
}
.col.img div.bloc-flottant ul li a{
  color: #fff;
  text-align: center;
}


.col.img div.bloc-flottant ul li:hover{
  top: -10px;
  -webkit-box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.15); 
  box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.15);
  background-color: #37d3c9;
  border-radius: 15px;
}
.col.img div.bloc-flottant ul li:hover a{

}


/**/




/*Page Mentions Légales*/
.page-node-61 .field--name-body > .ligne{
  padding: 0 10vw;
}



/*tableau horaire*/
table.horaire {
  border: 0px solid #1C6EA4;
  width: 250px;
  text-align: left;
  border-collapse: collapse;
}
table.horaire tbody{
    display: block;
    padding: 0 25px;
}

table.horaire tbody tr{
    border-bottom: 1px solid #E5E5E5;
    width: 100%;
    display: flex;
    justify-content: space-between;
  background-color: #fff;
    transition: .3s;
}


table.horaire tbody td {
  font-size: 13px;
  padding: 3px 2px;
  border: none;
}
table.horaire tbody td:first-child{
  font-weight: 600;
}




table.horaire tr:hover {
  background-color: #e5e5e5;
}

/*fin - tableau horaire*/




























































/*RESPONSIVE*/

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


}


@media all and (max-width: 1400px) {
ul#superfish-main{
  width: 96%;
  padding-left: 4%;
}

ul#superfish-main li a,
ul#superfish-main li a:visited,
ul#superfish-main li>span{
font-size: 11pt;
}

.conteneur_slideshow .bloc_txt{
  grid-area: 2 / 1 / 3 / 3;
}

.conteneur_slideshow .bloc_img{
  grid-area: 1 / 1 / 4 / 4;
}

}

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





.S_hero .L_grille{
  grid-template-columns: 1fr 1fr;
}
.S_hero .L_grille .zone-txt{
    grid-area: 2 / 1 / 2 / 2;  
}


/*Damiers*/
div.bloc.damier{
  max-width: 80%;
}
.bloc.damier .conteneur{
  width: 100%;
}
.bloc.damier .conteneur:nth-child(odd){
  background-color: #36C6BE;
}
.bloc.damier .conteneur:nth-child(odd) > *{
  color: #fff;
}
.bloc.damier .conteneur:nth-child(even){
  background-color: #fff;
}
.bloc.damier .conteneur:nth-child(even) > *{
  color: #333;
}
/*fin - damiers*/




/*.L_one-col.L_listing1-5*/
.L_one-col.L_listing1-5 > div,
.L_listing1-5 ul[class*="liste-s"] li {
    flex-direction: column;
}
.L_listing1-5 ul[class*="liste-s"] li > *,
.L_one-col.L_listing1-5 > div h4,
.L_one-col.L_listing1-5 > div p{
  width: 100%;
}



.view-taxonomy-term .view-content .views-row {
    width: 100%;
    margin: 20px 10vw;
}
.view-taxonomy-term .view-content .views-row:nth-child(odd) .views-field.views-field-nothing,
.view-taxonomy-term .view-content .views-row:nth-child(even) .views-field.views-field-nothing{
  padding: 0;
}
.view-taxonomy-term .L_bloc .col.img > a > img{
  min-width: 100%;
}
.view-taxonomy-term .L_bloc .col.txt{
    max-height: calc(100% - 140px);
    overflow: hidden;  
}


.grille.bloc-chevauchement .col.txt{
    width: calc(100% - 50px);  
}
.grille.bloc-chevauchement .L_bloc{
  width: 100%;
  margin: 20px 0;
}
.grille.bloc-chevauchement .col.txt:after {
  display: none;
}
.grille.bloc-chevauchement .col.txt .module.bloc:after {
    content: url(../images/gfx/picto-fleche_right_B3B3B3.svg);
    position: absolute;
    width: 40px;
    height: 40px;
    right: 20px;
    left: auto;
    top: calc(50% - 20px);
}



.S_simple:before{
    width: calc(70px * 3);
}
.S_simple .col.colonne-2-3{

}


.S_consultation .L_one-col{
  flex-direction: column;
}
.L_one-col.L_consultation .bloc{
  margin: 20px auto;
}


[id*="block-liensvers-"] .S_100 > [class*="L_"] {
    padding: 0 10vw 0 30vw;
    width: calc(100% - 40vw);
}


ul.liste-stitre li h4 {
    width: 100px;
}
ul.liste-stitre li p {
    width: calc(100% - 100px);
}


footer.site-footer .bloc.coordonnees{
  flex-direction: column;
}
footer.site-footer .bloc.coordonnees > div{
    width: calc(100% - 80px);
    min-height: 60px;
}
footer.site-footer .bloc.coordonnees .group.adresse > *{
  text-align: center;
    margin: 15px auto;
}
footer.site-footer .group.liens{
  min-height: auto !important;
flex-direction: row;
  flex-wrap: wrap;
justify-content: center;
}
footer.site-footer .group.liens a{
}

/*BLOCKs*/
#block-parentenfant .L_two-col .col{
  left: 0;
}
.path-frontpage #block-parentenfant .L_two-col .col{
  left: auto;
}


div#block-touslesdossiers .L_liste{
  flex-direction: column;
}
div#block-touslesdossiers .L_liste .col{
  width: 100%;
}


/*Parcours patient*/
#block-sectionherohp .col.txt.colonne_1-2{
    right: 0;
    margin-top: 40px;  
}

.S_parcours-patient .L_4col{
  flex-wrap: wrap;
}
.S_parcours-patient .L_4col > .col{
  width: 50%;
}

/**/
/*HP*/
#block-sectionequipe .L_two-col{
  padding: 0;
}
#block-sectionequipe .L_two-col .col.txt{

}

div#block-sectionpathologie .L_two-col{
  display: flex;
  flex-direction: column;
    width: 80%;
    margin: 0 auto;
}
div#block-sectionpathologie .L_two-col .col{
  width: 100%;
}



/*Formulaire de contact*/
.page-node-46 div.block-webform form > fieldset[id*="edit-conteneur-groupe"] > .fieldset-wrapper{
  flex-direction: column-reverse;
}
.page-node-46 div.block-webform fieldset[id*="edit-groupe-message"],
.page-node-46 div.block-webform fieldset.group-champs{
  width: calc(100% - 70px);
}




}
@media all and (min-width: 1151px){

div#block-menuresponsive{
  display: none;
}
}
@media all and (max-width: 1150px) {

.item-menu_pathologie-mobile,
li#main-menu-link-content5fe63547-275f-45c1-909b-baf9fbe30e23{
  display: block;
}
.item-menu_pathologie-desktop,
li#main-menu-link-contente2e2d835-d8b4-4699-87f3-e84fa67fdacc,
li#main-menu-link-contente2e2d835-d8b4-4699-87f3-e84fa67fdacc-accordion{
  display: none;
}


div#block-menuresponsive{
  display: block;
}

div#block-navigationprincipale{
  display: none;
}

/*fin - alternation des menus*/


header.header > .section.layout-container{
  display: block;
}
.region.region-primary-menu {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
ul#superfish-main-accordion{
  background-color: #fff;
}
}

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

.conteneur_slideshow .bloc_txt h2{
    font-size: 40pt !important;
}

.field--name-field-section-verte .L_two-col > .col.img div.bloc-flottant{
  position: relative;
}

}

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


.conteneur_slideshow {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.conteneur_slideshow .bloc_txt { grid-area: 1 / 1 / 2 / 2; }
.conteneur_slideshow .bloc_img { grid-area: 2 / 1 / 3 / 2; }

.conteneur_slideshow .bloc_txt{
    background-color: transparent;
    position: relative;
    z-index: 500;
    padding-left: 50px;
    text-align: right;
}
.view-slideshow:before{
  z-index: 2;
}

	
	/*grille*/
	.ligne{
		justify-content: space-around;
		flex-wrap:wrap;
	}

	.colonne_1-1,
	.colonne_1-2,
	.colonne_1-3,
	.colonne_2-3,
	.colonne_1-4,
	.colonne_1-5,
	.colonne_2-5,
	.colonne_3-5,
	.colonne_4-5{
		width:97.22%;
	}


.S_parcours-patient .L_4col > .col > a:after{
  display: none;
}

.region.region-breadcrumb{
  top: 60px;
}


.S_hero{
  padding-top: 40px;
}
.S_hero .L_grille{
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);  
}
.S_hero .L_grille .zone-txt { grid-area: 1 / 1 / 2 / 2; }
.S_hero .L_grille .zone-img { grid-area: 2 / 1 / 3 / 2; }

.S_hero .L_grille .zone-txt .bloc.txt{
  padding-top: 90px !important;
}


.L_two-col{
  flex-direction: column;
}
.L_two-col .col{
  /*width: 100%;*/
  min-width: 100%;
  max-width: 100%;
  z-index: 200;
}
.page-node-type-pathologie .L_two-col:nth-child(odd) {
    flex-direction: column-reverse;
}

.page-node-type-pathologie .L_two-col > .col.img{
  position: relative;
min-height: 480px;
}
.page-node-type-pathologie .L_two-col > .col.img.diagnostic{
  min-height: auto;
}



.S_hero .L_grille .zone-txt .bloc.txt{
  padding: 50px 30px 0 30px;
  width: calc(100% - 60px);
}

.bg-right *,
div.conteneur-bg-right *{
  z-index: 200;
}



.L_fixed-scroll .col.img{
  position: relative;
}


/*footer*/
footer.site-footer .conteneur {
    padding-top: 50px;
}

footer.site-footer .bloc.hospi .group.bouton{
  flex-direction: column;
}

footer.site-footer .bloc.hospi .group.bouton a{
  width: 100%;
  padding: 7px 0;
  text-align: center;
}
footer.site-footer .bloc.hospi .group.bouton a:last-child{
  margin-bottom: 25px;
}
footer.site-footer .bloc.hospi > a:last-child{
  display: none;
}


/*BLOCKs*/
#block-sectionequipe .L_two-col .col.txt{
  width: 100% !important;
}


#block-parentenfant .L_two-col{
  flex-direction: column;
}
#block-parentenfant .L_two-col .col{
  width: 100% !important;
    position: relative !important;
    right: 0 !important;
}


div#block-sectionpathologie .col.contenus ul li{
  width: 100%;
}
/*fin - blocks*/



.S_80 .L_one-col.L_listing1-5 {
    padding-right: 0;
}
.page-node-45 .S_80 .L_one-col.L_listing1-5 {
    background-position: 230% bottom;
}




.S_parcours-patient .L_4col > .col{
  width: 100%;
}





/*Vues*/
.view-specialites .view-content .views-row {
    min-width: 50%;
    margin: 40px 0;
}







}

@media all and (max-width: 850px) {
	.bloc.damier .conteneur{
    background-image: none !important;
  }

.page-node-37 .L_titre{
  width: 100%;
  padding: 0;
}
.page-node-37 .L_one-col.bandeau{
  padding: 40px 10vw;
}

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

}


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

.region-header{
  position: relative;
  z-index: 80;
}
.region.region-primary-menu{
  z-index: 50;
}

h1{
  font-size: 33pt !important;
}

.region-header{
  width: 70%;
}


.S_hero:before{
  width: 100%;
}

.S_simple:before{
    width: calc(70px * 1);
}


#block-sectionherohp .col.txt.colonne_1-2 .bloc.txt{
  max-width: calc(100% - 110px);  
}

.grille.bloc-chevauchement {
    padding: 40px 0;
    width: calc(100%);
}

.page-node-46 div.block-webform fieldset[id*="edit-conteneur-groupe"]{
  width: 100%;
}

	
}


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

.page-node-45 .S_80 .L_one-col.L_listing1-5 {
    background-image: none;
}

}


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


.L_two-col .col.txt > div,
.L_two-col [class*="colonne_"]:last-child div.conteneur.txt{
  padding: 20px !important;
}

	
.conteneur_slideshow{
  grid-template-columns: 100vw;
}
.conteneur_slideshow .bloc_txt{
  padding: 0;
}
.conteneur_slideshow h2{
  font-size: 25pt !important;
}

#block-sectionequipe .col.txt .bloc.txt{
  padding: 0 20px;
}


}

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