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

  @import url("https://use.typekit.net/fer6ypf.css");



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

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

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

}

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

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

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

article {
	width:100%;
}

/* general */

a {
	transition: all 0.5s;
	text-decoration: none;
}

a:hover {
	border:none;
}

.main-content p {
font-family: "poppins", sans-serif;
}

.main-content h1 {
  color: #68A5DB;
  font-size: 2.2rem;
  font-family: "raleway", sans-serif;
  font-weight: 200;
  font-style: normal;
  margin:0 auto;
  line-height: normal;
}

.main-content h2 {
  color: #68A5DB;
  font-size: 1.80rem;
  font-family: "raleway", sans-serif;
  font-weight: 200;
  font-style: normal;
  margin:0 auto;
  line-height: 38px;
}

.main-content h3 {
font-family: "raleway", sans-serif;
}



a.bt_rdv{
  display: block;
    color: #fff;
    background-color: #68A5DB;
    padding: 10px 5px;
  margin-top: 20px;
  position: relative;
  width: 200px;
  text-align: center;
  border-radius: 50px;
  text-transform: uppercase;
  font-size: 1.2rem;
  border: 1px solid #fff;
}
a.bt_rdv:hover{
  background-color: #1D3C71;
}

.field--name-field-voir-actu{
  width: 100%;
  margin-bottom: 30px;
}

a.plus, .field--name-field-voir-actu a{
  color:#68A5DB;
  font-family: "poppins", sans-serif;
  text-transform: uppercase;
  display: block;
}
a.plus::before, .field--name-field-voir-actu a::before{
  content: "";
  height: 2px;
  width: calc(100% - 140px);
  background-color: #68A5DB;
  position: relative;
  left: 0;
  display: inline-block;
  top: -4px;
  margin-right: 10px;
  transition: 0.3s;
}
.field--name-field-voir-actu a::before{
  width: calc(100% - 300px);
}


a.plus:hover, .field--name-field-voir-actu a:hover{
  color:#1D3C71;
}
a.plus:hover::before, .field--name-field-voir-actu a:hover::before{
  width: calc(100% - 220px);
  background-color:#1D3C71;
}

.field--name-field-voir-actu a:hover::before{
  width: calc(100% - 400px);
}

/******Header*****/

#header{
	position: absolute;
	width: 100%;
	font-family: poppins, sans-serif;
	font-weight: 400;
font-style: normal;
}

#block-asco-theme-views-block-slideshow-block-1 .views-field-body{
	position: absolute;
  top: 300px;
  width: 50%;
  left: 10%;
	z-index: 2;
}

#block-asco-theme-views-block-slideshow-block-1:before{
	content:'';
	height: 400px;
	width: 90%;
	position: absolute;
	background-image: url(../images/fond_slide_top.png);
	background-repeat: no-repeat;
	right: 0;
	top: 0;
	z-index: 1;
	opacity: 0.8;
  width: 100vw;
  background-position: top center;
}

#block-asco-theme-views-block-slideshow-block-1{
	position: relative;
}
#block-asco-theme-views-block-slideshow-block-1 img{
	height: 100vh;
  width: 100vw;
	object-fit: cover;
}

#block-asco-theme-views-block-slideshow-block-1:after{
	content:'';
	height: 400px;
	width: 100%;
	position: absolute;
	background-image: url(../images/fond_slide_bas.png);
	background-repeat: no-repeat;
	bottom: 0;
	z-index: 1;
	opacity: 0.8;
  background-size: cover;

}

#block-asco-theme-views-block-slideshow-block-1 .views-field-body span,
.field--name-field-texte-bandeau-haut span,
#block-asco-theme-bandeau-actu span{
  color: #fff;
  font-size: 3.5rem;
  font-family: "raleway", sans-serif;
  font-weight: 200;
  font-style: normal;
  position: relative;
  line-height: 50px;
}


.txt_slide{
  color: #fff;
}
.txt_slide strong{
  font-size: 1.5rem;
}


.site-header__initial{
	display: none;
}
#site-header__inner{
  background: transparent;
}

.site-branding{
	background-image: none;
	min-height: auto;
}

#block-asco-theme-site-branding{
	height: 150px;
  background-color: rgba(255, 255, 255, 0.9);
  margin-top: 25px;
	width: 25%;
	border-radius: 0px 100px 100px 0px;
}
.site-branding__logo img {
	max-height: 120px;
}
#header-nav{
	display: block;
	width: 73%;
	flex-basis: auto;
	margin:0;
	background: none;
  color: #fff;
}

#header-nav .field--name-body .ligne{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin-right: 5%;
}

#block-asco-theme-menutop{
	background-color: #68A5DB;
	border-radius: 100px 0px 0px 100px;
	margin-top: 22px;
}


#adresse_haut{
	text-transform: uppercase;
  font-size: 0.8rem;
  padding: 13px 20px;
	background-image: url(../images/picto_lieu.svg);
	background-repeat: no-repeat;
	background-size: 12px;
  background-position-y: 17px;
	margin-top: 5px;
}

#tel_haut{
	background-image: url(../images/picto_tel.svg);
	background-repeat: no-repeat;
	font-weight: bold;
  padding: 13px 25px;
  font-size: 0.9rem;
	background-size: 14px;
  background-position-y: 17px;
	margin-top: 5px;
}
#tel_haut a{
	color: #fff;
}

#tel_haut a:hover{
	color: #082A31;
}

#menu_info{
	background-color: #1D3C71;
	border-radius: 0px 0px 50px 50px;
	padding: 0 20px;
}
#menu_info a{
	color: #fff;
	padding: 15px;
  position: relative;
  display: inline-block;
}
#menu_info a:hover{
	color: #68A5DB;
}

.field--name-field-bandeau-haut{
  margin-block-end: 0!important;
}

/**********page accueil***********/
#contenu1, #contenu2, #contenu3{
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#contenu1{
  width: 90%;
  padding: 50px 0;
}

#contenu1 .field--name-field-img1 img, #contenu3 .field--name-field-img3 img{
border-radius: 0px 500px 500px 500px;
-webkit-border-radius: 0px 500px 500px 500px;
-moz-border-radius: 0px 500px 500px 500px;
max-height: 400px;
  object-fit: cover;
}

#contenu2{
  width: 100%;
  background-image: url(../images/fond_equipe_home.svg);
  background-repeat: no-repeat;
  padding: 50px 10%;
  background-size: cover;
}
#contenu2 .field--name-field-img2 img{
border-radius: 500px 0px 500px 500px;
-webkit-border-radius: 500px 0px 500px 500px;
-moz-border-radius: 500px 0px 500px 500px;
}


#contenu3{
  width: 100%;
  background-image: url(../images/fond3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 10%;
}

#contenu1 .field--name-field-img1, #contenu2 .field--name-field-img2, #contenu3 .field--name-field-img3{
  width: 45%;
  margin: 0;
}

#contenu1 .field--name-body, #contenu2 .field--name-field-body2, #contenu3 .field--name-field-body3{
  width: 45%;
  margin:auto;
}

.field--name-field-presentation-dr{
  width: 100%;
  background-image: url(../images/fond_dr_home.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-block-end: 0 !important;
}


.field--name-field-presentation-dr ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 90%;
  margin: 0 auto;
}

.field--name-field-presentation-dr h2{
  color: #fff;
}

.field--name-field-presentation-dr ul li{
  list-style: none;
    background-repeat: no-repeat;
  text-align: center;
  padding: 254px 20px 0px 20px;
  background-size: 250px;
  background-position: center top;
  margin-top: 20px;
  transition: .3s;
}
.field--name-field-presentation-dr ul li.dr_monange{
  background-image: url(../images/dr_monange.png);
}

.field--name-field-presentation-dr ul li.dr_teyssonneyre{
  background-image: url(../images/dr_teyssonneyre.png);
}
.field--name-field-presentation-dr ul li.dr_monange:hover,
.field--name-field-presentation-dr ul li.dr_teyssonneyre:hover{
  background-size: 280px;
}

.field--name-field-presentation-dr p{
  margin-top: 2px;
}

.field--name-field-presentation-dr a{
  color: #fff;
  font-weight: 200;
}
.field--name-field-presentation-dr a:hover{
  color: #1D3C71;
}



.region--content-below{
  display: block;
}

#block-asco-theme-liensutiles{
  margin: 0
}

#block-asco-theme-liensutiles .lien ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin: 0;
}
#block-asco-theme-liensutiles .lien ul li{
  width: 25%;
  list-style: none;
  color: #fff;
  font-size: 1rem;
  background-repeat: no-repeat;
  text-align: center;
}

li.uv{
  background-color: #1375A8;
  background-image: url(../images/picto_urgence.png);
    padding: 125px 21px 37px 20px;
    background-size: 125px;
    background-position: center top;
    background-position-y: 30px;
    position: relative;
}
li.uv::after,li.garde::after{
  content: "";
  position: absolute;
  right: -18px;
    top: 45%;
  background-repeat: no-repeat;
    background-position: top left;
    width: 20px;
    height: 34px;
    background-size: 77%;
}
li.uv::after{
  background-image: url(../images/tri_clair.png);
}
li.garde::after{
  background-image: url(../images/tri_fonce.png);
}

li.uv_tel{
  background-color:#68A5DB;
  background-image: url(../images/picto_15.png);
    padding: 29px 21px 153px 20px;
    background-size: 98px;
    background-position: center top;
    background-position-y: 75px;

}
li.garde{
  background-color:#1A4484;
  background-image: url(../images/picto_garde.png);
  padding: 125px 21px 37px 20px;
  background-size: 85px;
  background-position: center top;
  background-position-y: 30px;
  position:relative;
}
li.garde_txt{
  background-color:#2E5FA8;
  padding: 30px;
  font-size: 1rem;

}

li.garde_txt a{
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;;
}
li.garde_txt a:hover{
  color: #68A5DB;
}

#block-asco-theme-views-block-actualites-block-1 .ligne{
  width: 90%;
  margin: 0 auto;
  padding: 50px 0 0 0;
}
.view-actualites .view-content div{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.view-actualites .view-content div.views-row{
  display: block;
}

#block-asco-theme-prendrerdv{
  width: 100%;
  background-image: url(../images/fond_rdv_home.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
#block-asco-theme-prendrerdv ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}
#block-asco-theme-horairesducabinetmedical,
#block-asco-theme-horairesducabinetmedical-2{
background-color: #1A4484;
color: #fff;
}
#block-asco-theme-horairesducabinetmedical ul,
#block-asco-theme-horairesducabinetmedical-2 ul{
  display: flex;
  flex-wrap: wrap;
  justify-content:start;
}

.lien_lien{
  background-color: #000000;
  text-align: center;
}

.lien_lien a{
  color: #68A5DB;
}
.lien_lien a:hover{
  color: #ffffff;
}

/***Actu home***/
#block-asco-theme-views-block-actualites-block-1 h2{
  text-transform: uppercase;
  text-align: center;
}
#block-asco-theme-views-block-actualites-block-1 .view-header a{
color:#285968;
text-align: center;
  display: block;
  margin-bottom: 28px;
  font-family: "poppins", sans-serif;

}
#block-asco-theme-views-block-actualites-block-1 .view-header a:hover{
color:#68A5DB;
}


#block-asco-theme-views-block-actualites-block-1 .views-field-field-img-actu img{
  border-radius: 50px 50px 50px 0px;;
-webkit-border-radius: 50px 50px 50px 0px;;
-moz-border-radius: 50px 50px 50px 0px;;
border: 1px solid #707070;
}
.view-actualites h2 {
	margin-bottom:30px;
	text-align:center;
}
.view-actualites .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
}
.view-actualites .views-row {
    margin-bottom: 30px;
	position:relative;
    width: 30%;
}
.view-actualites .views-field-created {
    color: #68A5DB;
    padding: 0px;
    width: 90px;
    font-size: 0.8rem;
}
.view-actualites .views-field-title a {
    color: #082A31;
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding: 0;
}
.view-actualites .views-field-title a:hover {
	color: #68A5DB;
}

.view-actualites .views-field-view-node a{
  font-family: "poppins", sans-serif;
  text-transform: uppercase;
  display: block;
}

.view-actualites .views-field-view-node a::before {
  content: "";
  height: 2px;
  width: calc(100% - 140px);
  background-color: #68A5DB;
  position: relative;
  left: 0;
  display: inline-block;
  top: -4px;
  margin-right: 10px;
  transition: 0.3s;
}
.view-actualites .views-field-view-node span{
  width: 100%;
}

.view-actualites .views-field-view-node a:hover {
  color: #1D3C71;
}

.view-actualites .views-field-view-node a:hover::before {
  width: calc(100% - 200px);
  }


/*****bloc rdv et horaire****/
#block-asco-theme-prendrerdv h2,#block-asco-theme-horairesducabinetmedical h2,
#block-asco-theme-horairesducabinetmedical-2 h2,
.field--name-field-rdv-praticien h2,.field--name-field-horaire-praticien h2{
  color:#ffffff;
  text-transform: uppercase;
  padding-top: 50px;
  margin-bottom: 20px;
}

#block-asco-theme-prendrerdv h2::before,#block-asco-theme-horairesducabinetmedical h2::before,
#block-asco-theme-horairesducabinetmedical-2 h2::before,
.field--name-field-rdv-praticien h2::before,.field--name-field-horaire-praticien h2::before
{
  content: "";
  height: 30px;
  width: 100px;
  border-radius: 0px 200px 200px 0px;
-webkit-border-radius: 0px 200px 200px 0px;
-moz-border-radius: 0px 200px 200px 0px;
background-color: #fff;
position: relative;
left: 0;
display: inline-block;
top: 3px;
margin-right: 10px;
transition: 0.3s;
}

#block-asco-theme-prendrerdv ul,#block-asco-theme-horairesducabinetmedical ul,
#block-asco-theme-horairesducabinetmedical-2 ul{
width: 84%;
  margin: 0 auto 15px auto;
}



#block-asco-theme-prendrerdv ul li, #block-asco-theme-horairesducabinetmedical ul li,
#block-asco-theme-horairesducabinetmedical-2 ul li{
  list-style: none;
  width: 28%;
  color: #fff;
}

#block-asco-theme-prendrerdv ul li:first-child,#block-asco-theme-horairesducabinetmedical ul li:first-child,
#block-asco-theme-horairesducabinetmedical-2 ul li:first-child{
  border-right: 1px solid #fff;
  margin: auto 0;
}
#block-asco-theme-prendrerdv ul li:last-child{
  margin-left: 8%;
  font-size: 1rem;

}

#block-asco-theme-prendrerdv ul li:last-child p{
  padding-left: 27px;
}
#block-asco-theme-horairesducabinetmedical ul li.middle,
#block-asco-theme-horairesducabinetmedical-2 ul li.middle{
  margin: auto 8%;
}

#block-asco-theme-prendrerdv ul li:last-child a,
.field--name-field-rdv-praticien ul li:first-child a
{
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
}

#block-asco-theme-prendrerdv ul li:last-child a:hover{
  color: #1D3C71;
}
.field--name-field-rdv-praticien ul li:first-child a:hover{
  color: #68A5DB;
}

#block-asco-theme-prendrerdv h3, #block-asco-theme-horairesducabinetmedical h3,
#block-asco-theme-horairesducabinetmedical-2 h3,
.field--name-field-rdv-praticien h3{
  color: #fff;
  background-repeat: no-repeat;
  padding-left: 26px;
  background-position: left;
  background-size: 11px;
  margin: 0;
}
#block-asco-theme-prendrerdv h3{
  background-image: url(../images/puce_h3_vert.png);

}
#block-asco-theme-horairesducabinetmedical h3,
#block-asco-theme-horairesducabinetmedical-2 h3{
  background-image: url(../images/puce_h3_bleu.png);
}
#block-asco-theme-horairesducabinetmedical p,
#block-asco-theme-horairesducabinetmedical-2 p{
padding-left: 27px;
}

#block-asco-theme-horairesducabinetmedical ul li:last-child img,
#block-asco-theme-horairesducabinetmedical-2 ul li:last-child img{
border-radius: 0px 500px 500px 500px;
  -webkit-border-radius: 0px 500px 500px 500px;
  -moz-border-radius: 0px 500px 500px 500px;
}


/****menu****/
ul#superfish-menu-top{
padding: 5px 55px;
margin-bottom: 0;
}
ul#superfish-menu-top li a{
	color: #fff;
}
ul#superfish-menu-top li a:hover,
ul.sf-menu.sf-style-default a.is-active{
	color: #fff;
	background-color: #1D3C71;
	border-radius: 30px;
}

ul#superfish-menu-top li{
	background: none;
	margin: 0 5px;
}




/*****page de base*****/

.field--name-field-bandeau-haut{
  width: 100%;
  height: 500px;
  position: relative;
}
.field--name-field-bandeau-haut img{
  object-fit: cover;
  width: 100vw;
  height: 500px;
}

.field--name-field-texte-bandeau-haut,
#block-asco-theme-bandeau-actu .field--name-body{
  position: absolute;
  top: 195px;
  left: 10%;
}

.field--name-field-fil-ariane-block,
.field--name-field-picto-equipe-soin{
  width: 90%;
  margin: 0 auto;
}

.field--name-field-fil-ariane-block{
  margin-top: 20px;
}

.field--name-field-picto-equipe-soin ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 50px;
}

.field--name-field-picto-equipe-soin ul li{
  width: 25%;
  list-style: none;
  text-align: center;
  background-repeat: no-repeat;
  background-position: top;
  padding-top: 154px;
  background-size: 35%;
}

.field--name-field-picto-equipe-soin ul li h3{
  color: #082A31;
  font-weight: normal;
  margin-bottom: 5px;
}

.field--name-field-picto-equipe-soin ul li p{
  font-size: 0.9rem;
}


.field--name-field-picto-equipe-soin ul li.coeur{
    background-image: url(../images/picto_coeur.png);
}
.field--name-field-picto-equipe-soin ul li.diabete{
    background-image: url(../images/picto_diabete.png);
}
.field--name-field-picto-equipe-soin ul li.neuro{
    background-image: url(../images/picto_neuro.png);
}
.field--name-field-picto-equipe-soin ul li.avk{
    background-image: url(../images/picto_avk.png);
}



.page-node-type-page #block-asco-theme-views-block-actualites-block-1{
      background-image: url(../images/bande_coul.svg);
      background-repeat: no-repeat;
      background-size: contain;
  margin: 0;
}

.page-node-type-page #block-asco-theme-views-block-actualites-block-1 h2{
  margin-top: 50px;
}



/****Page actualités****/
.path-actualites #block-asco-theme-bandeau-actu,
.page-node-type-actualite #block-asco-theme-bandeau-actu{
  width: 100vw;
  height: 500px;
  background-image: url(../images/bandeau_actualite2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.path-actualites h1{
  width: 80%;
  margin: 50px auto;
  text-align: center;
}
.path-actualites .view-actualites .view-content{
  width: 80%;
  margin: 0 auto;
}

.path-actualites .view-actualites .views-field-field-img-actu img {
  border-radius: 50px 50px 50px 0px;
  -webkit-border-radius: 50px 50px 50px 0px;
  -moz-border-radius: 50px 50px 50px 0px;
  border: 1px solid #707070;
}

.path-actualites .view-actualites .views-field-view-node{
  width: 90%;
}


/***page actu***/
.page-node-type-actualite #block-asco-theme-content{
  width: 80%;
  margin: 0 auto;
}

.page-node-type-actualite .field--name-field-img-actu{
  width: 45%;
  margin: 0;
}


/*****page praticien****/
.field--name-field-img-praticien{
  width: 45%;
}


.field--name-field-img-praticien img{
  border-radius: 20px;
  max-width: 500px;
  margin: 0 auto;
  border-radius: 100%;
}

#info-praticien-contenu{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #1A4484;
}
.field--name-field-horaire-praticien{
  width: 45%;
  background-image: url(../images/fond_rdv_praticien.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      margin: 0;
      margin-block-end:0!important;
}
.field--name-field-rdv-praticien{
  width: 55%;
}
.field--name-field-rdv-praticien ul{
   display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #fff;
  padding-left: 89px;
}

.field--name-field-rdv-praticien ul li{
  list-style: none;
  width: 45%;
}


.field--name-field-rdv-praticien h3{
 background-image: url(../images/puce_h3_bleu.png);
}

.field--name-field-horaire-praticien p{
  padding-left: 115px;
  color: #fff;
}

.field--name-field-horaire-praticien h2 strong{
padding-left: 111px;
}



/****page rdv + contact***/
.page-node-12 #block-asco-theme-content,
.page-node-13 #block-asco-theme-content{
width: 100%;
}
.page-node-12 #content.region--content,
.page-node-13 #content.region--content{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;

}

#block-asco-theme-webform,
#block-asco-theme-webform-2{
  width: 50%;
  padding-left:10%;
}

iframe{
  margin-bottom: -10px
}


#block-asco-theme-telprendrerdv,
#block-asco-theme-tel-contact{
  width: 40%;
  background-image: url(../images/fond_rdv_contact.jpg);
  background-repeat: no-repeat;
  background-size: cover;
    position: relative;
    padding: 50px;
    margin-top: -114px;
}

#block-asco-theme-telprendrerdv .block__content,
#block-asco-theme-tel-contact .block__content{
  padding: 50px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 50px;
}


.page-node-12 #block-asco-theme-telprendrerdv .field--name-body h2,
.page-node-12 #block-asco-theme-webform #edit-txt-intro-rdv h2{
  padding-left:60px;
}

.page-node-12 #block-asco-theme-webform #edit-txt-intro-rdv h2::before,
.page-node-12 #block-asco-theme-telprendrerdv .field--name-body h2::before {
  content: "";
  width: 50px;
  height: 50px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 50px;
  z-index: 100;

}

.page-node-12 #block-asco-theme-webform #edit-txt-intro-rdv h2::before{
  background-image: url(../images/picto_ligne.svg);
  left: 0;
  top: 0;
}
.page-node-12 #block-asco-theme-telprendrerdv .field--name-body h2::before {
    background-image: url(../images/picto_telrdv.svg);
    left: 100px;
  top: 100px;
}

.page-node-12 #block-asco-theme-webform input, .page-node-12 #block-asco-theme-webform select,
.page-node-13 #block-asco-theme-webform-2 input, .page-node-13 #block-asco-theme-webform-2 select  {
  border-top: none;
  border-left: none;
  border-radius: 0;
  border-right: none;
  padding: 2px;
  height: 30px;
  min-height: auto;
  font-size: 0.9rem;
}
.page-node-12 #block-asco-theme-webform .form-type-checkbox input,
.page-node-13 #block-asco-theme-webform-2 .form-type-checkbox input{
  border: 1px solid #000;
  width: 20px;
  height: 20px;
}

.page-node-12 #block-asco-theme-webform .form-type-webform-address label,
.page-node-13 #block-asco-theme-webform-2 .form-type-webform-address label{
  display: none;
}

.page-node-12 #block-asco-theme-webform #edit-processed-text-01,
.page-node-13 #block-asco-theme-webform-2 #edit-processed-text-01{
  font-size: 0.8rem;
}
select#edit-jour-de-semaine-souhaite,select#edit-tranche-horaire-souhaitee{
  background-position: right;
  width: 150px;
}


.page-node-12 #block-asco-theme-webform input#edit-actions-submit,
.page-node-13 #block-asco-theme-webform-2 input#edit-actions-submit{
  display: block;
  color: #fff;
  background-color: #68A5DB;
  padding: 10px 5px 28px 5px;
  margin-top: 20px;
  position: relative;
  width: 200px;
  text-align: center;
  border-radius: 50px;
  text-transform: uppercase;
  font-size: 1rem;
  border: 1px solid #fff;
}

.page-node-12 #block-asco-theme-webform input#edit-actions-submit:hover,
.page-node-13 #block-asco-theme-webform-2 input#edit-actions-submit:hover{
  background-color: #1D3C71;
}

.page-node-13 h1{
  font-weight: bold;
}
.page-node-12 h1{
  text-align: center;
  margin-bottom: 50px;
}
.page-node-13 h1{
  padding-left: 50px;
}

.page-node-12 #contenu1{
  padding: 0 0 50px 0;
}
.page-node-12 #contenu1 .field--name-body{
  margin: 0;
}

.page-node-12 #contenu1 .field--name-body {
  width: 100%;
}
.page-node-12 #contenu1 .field--name-body ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}

#contenu1 .field--name-body{
  margin: 0 0 0 3%;
}

.page-node-12 .txt_tel_rdv{
  padding-left: 63px;
}
.page-node-12 .txt_tel_rdv a{
  font-size: 1.3rem;
  font-weight: bold;
  margin-top: 10px;
  position: relative;
  display: block;
}
.page-node-12 .txt_tel_rdv p{
  margin: 0;
  padding: 0;
}

#block-asco-theme-map p{
  margin: 0;
}

.page-node-13 #contenu1{
  padding: 0;
}


/**/
.page-node-12 .field--name-body ul li{
  list-style: none;
  position: relative;
}

.page-node-12 .field--name-body ul h2{
  padding: 5px 0 0 60px;
}

.page-node-12 .field--name-body ul li.rdv_inter h2::before,
.page-node-12 .field--name-body ul li.rdv_telephone h2::before{
  content: "";
  width: 50px;
  height: 50px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 50px;
  z-index: 100;
  top: 100px;
  left: 100px;
}

.page-node-12 .field--name-body ul li.rdv_inter h2::before{
  background-image: url(../images/picto_ligne.svg);
}
.page-node-12 .field--name-body ul li.rdv_telephone h2::before{
  background-image: url(../images/picto_telrdv.svg);

}

.page-node-12 .field--name-body ul li.rdv_telephone .txt_telephone_rdv{
padding: 50px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 50px;
}

.page-node-12 .field--name-body ul li.rdv_telephone{
width: 40%;
  background-image: url(../images/fond_rdv_contact.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 50px;
}

.page-node-12 .field--name-body li.rdv_inter{
  width: 50%;
  border: 1px solid #68A5DB;
  border-radius: 50px;
  padding: 100px;
}

.page-node-12 #contenu2 ul{
  display: flex;
  flex-wrap: wrap;
  justify-content:space-around;
}

.page-node-12 #contenu2{
  background-color: #68A5DB;
}
.page-node-12 #contenu2 .field--name-field-body2{
  width: 100%;
}
.page-node-12 #contenu2 .field--name-field-body2 span{
padding-left: 27px;
}

.page-node-12 #contenu2 ul li{
  border: 1px solid #fff;
  margin: auto 0;
  list-style: none;
  width: 40%;
  padding: 20px;
  height: 280px;
}
.page-node-12 #contenu2 ul li h3{
background-image: url(../images/puce_h3_vert.png);
color: #fff;
  background-repeat: no-repeat;
  padding-left: 26px;
  background-position: left;
  background-size: 11px;
  margin: 0;
}

.page-node-12 #contenu2 h2{
  color: #fff;
  text-align: center;
  margin-bottom: 50px;
}

/*****************liens utiles******************/
.urgence_v{
  color: #6D1515;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 30px 0;
}

.page-node-14 #contenu2 h3{
  margin-bottom: 0;
}
.page-node-14 #contenu2 p{
  margin-top:0;
}



/****Footer***/
.site-footer{
  border-inline-start: 0!important;
  background: #000000;
  font-family: "poppins", sans-serif;
  color: #fff;
    }

    .site-footer__inner {
       padding-block: 0;
       width: 80%;
       margin: 0 auto;
     }
#block-asco-theme-info-footer .ligne{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#footer_adresse, #footer_lien{
  width: 50%;
  font-size: 0.8rem;
}
#footer_lien{
text-align: right;
}

#footer_adresse a:hover, #footer_lien a:hover {
  color: #68A5DB;
}

/*colonne fin*/

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

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

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

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

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

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

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

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

.animated {
	transition-delay : 300ms;
	transition-duration : 1600ms;
	opacity: 1;
	transform: none;
}
/* Connexion utilisateur */
.path-user .user-login-form {
    margin: 0 auto;
    max-width: max-content;
}
.path-user .region-content form {
    background-color: #f2f2f2;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 50px;
    padding: 20px;
}
.path-user .user-register-form label,
.path-user .user-login-form label {
    display: block;
    float: left;
    width: 160px;
}
.path-user .user-register-form select,
.path-user .user-login-form input,
.path-user .user-register-form input {
    width: 580px;
}
.path-user .region-content .form-actions input {
    width: auto;
}
input.form-submit, .button {
    display: inline-block;
    padding: 10px 30px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    border: 1px solid #b5d43b;
    border-radius: 0;
    border-radius: 40px;
    background-color: #b5d43b;
    background-image: none;
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
    margin-bottom: 10px;
}
input.form-submit:hover, .button:hover {
    background-color: #fff;
    border: 1px solid;
    color: #b5d43b;
}

/*******************************************Page de connexion à l'administration du site*/

.path-user #block-asco-theme-bandeau-bas,
.path-user .social-bar{
	display: none;
}

.path-user h1,
.path-user .user-login-form label{
    color: #fff;
}
.path-user .region--breadcrumb{
    margin: 0;
}
.path-user div#block-asco-theme-page-title{
    text-align: center;
		position: relative;
		top: 0;
		left: auto;
}
.path-user div#main-wrapper{
    background-image: url(../images/photo/bg-hero_hp.jpg);
    background-size: cover;
    height: 100vh;
}
.path-user div#main{
    height: 100%;
    background-color: #BED8EF;
    display: flex;
}
.path-user div#main > .main-content{

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



/* --Siperfish modif --*/

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

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

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

}

ul#superfish-main li a:hover,
ul#superfish-main li a:focus,
ul#superfish-main li a:active,
ul#superfish-main li>span:hover{
	background: none;
    color: #999;
    border-color: #999;

}

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

.region--content {
    margin-bottom: 0;
}
.node__content {
    padding-bottom: 0;
}
.wide-image {
    width: auto;
}
.view, .view-content {
    display: block;
    gap: 0;
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
  width: 117px;
}


/*RESPONSIVE*/

@media all and (max-width: 2000px) {
.field--name-field-picto-equipe-soin ul li {
  padding-top: 117px;
}

}

@media all and (max-width: 1800px) {
.field--name-field-picto-equipe-soin ul li {
  background-size: 40%;
}

.page-node-13 iframe{
  width: 400px;
}

}

@media all and (max-width: 1500px) {
h3 {
  font-size: 1.3rem;
}
}

@media all and (max-width: 1470px) {
  .site-footer__inner {
    width: 90%;
}
.field--name-field-picto-equipe-soin ul li {
  background-size: 50%;
}

#block-asco-theme-tel-contact {
  width: 50%;
}

}

@media all and (max-width: 1320px) {
ul#superfish-menu-top {
  padding: 5px 28px;
}

#block-asco-theme-webform-2 {
  width: 41%;
  padding-left: 5%;
}

}

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

}


@media all and (max-width: 1250px) {
.field--name-field-picto-equipe-soin ul li {
  width: 40%;
  background-size: 34%;
  margin-bottom: 50px;
}
#menu_info {
  border-radius: 50px;
}
ul.sf-menu.sf-style-default a, ul.sf-menu.sf-style-default a:visited, ul.sf-menu.sf-style-default span.nolink{
  padding: 0.75em 0.3rem;
}
#header-nav {
  width: 76%;
}

}


@media all and (max-width: 1200px) {
  region--secondary-menu {
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
  }
  .header-nav {
    position: relative;
    inset-block-start: 0;
    inset-inline-start: 0;
    visibility: visible;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-block: 0;
      padding-block-end: 0px;
    padding-inline-start: 0;
    padding-inline-end: 0;
    border-block-start: 0;
    box-shadow: none;
  }

  .page-node-12 .field--name-body ul li.rdv_telephone {
    width: 45%;
  }
  .page-node-12 .field--name-body li.rdv_inter {
  width: 46%;
}

}

@media all and (max-width: 1100px) {
#contenu1, #contenu2, #contenu3 {
  display: block;
}
#contenu1 .field--name-body, #contenu2 .field--name-field-body2, #contenu3 .field--name-field-body3{
  width: 100%;
  margin-top: 10px;
}
#contenu1 .field--name-field-img1, #contenu2 .field--name-field-img2, #contenu3 .field--name-field-img3 {
  width: 80%;
}

.block-superfish {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
div.sf-accordion-toggle.sf-style-default a {
    background: transparent;
    color: #1D3C71;
    position: absolute;
    top: 150px;
    right: 38px;
    font-weight: normal;
}

div.sf-accordion-toggle.sf-style-default a:focus, div.sf-accordion-toggle.sf-style-default a:hover {
  outline: 0;
  outline-offset: 0;
  color: #fff;
}


div.sf-accordion-toggle.sf-style-default a.sf-expanded, ul.sf-menu.sf-style-default.sf-accordion li.sf-expanded {
  background: transparent;
}
div.sf-accordion-toggle.sf-style-default > a:after {
    color: #1D3C71;
    font-size: 50px;
	top:0;
}
div.sf-accordion-toggle.sf-style-default > a:hover:after {
    color: #fff;
}

div.sf-accordion-toggle.sf-style-default a span {
	display:none;
}
ul.sf-menu.sf-accordion.sf-expanded {
	top:30px !important;
  border-radius: 20px;
}
ul.sf-menu.sf-style-default li, ul.sf-menu.sf-style-default.sf-navbar {
	background-color:transparent;
}
ul.sf-menu.sf-style-default a, ul.sf-menu.sf-style-default a:visited, ul.sf-menu.sf-style-default span.nolink {
	background-color:#68A5DB;
	color:#fff;
	padding:10px 20px;
}
ul.sf-menu.sf-style-default li:hover, ul.sf-menu.sf-style-default li.sfHover {
	background-color:transparent;
}
ul.sf-menu.sf-style-default a.is-active, ul.sf-menu.sf-style-default a:focus, ul.sf-menu.sf-style-default a:hover, ul.sf-menu.sf-style-default span.nolink:hover {
  background: #1D3C71;
  color:#68A5DB;
  outline: 0;
}

ul.sf-menu.sf-style-default.sf-accordion li li a, ul.sf-menu.sf-style-default.sf-accordion li li span.nolink {
	background-color:#fff;
	color:#68A5DB;
	text-align:left;
}
ul#superfish-menu-top li a:hover, ul.sf-menu.sf-style-default a.is-active {
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
#block-asco-theme-views-block-actualites-block-1{
  width: 100%;
  margin: 0 auto;
}

#block-asco-theme-views-block-actualites-block-1 .view-actualites{
  width: 90%;
  margin: 0 auto;
}

#block-asco-theme-prendrerdv ul li{
  width: 46%;
}
 #block-asco-theme-horairesducabinetmedical ul li, #block-asco-theme-horairesducabinetmedical-2 ul li {
  width: 40%;
 }

 #block-asco-theme-menutop{
   background-color: transparent;
   margin-top: -14px;
 }
 #block-asco-theme-views-block-slideshow-block-1 .views-field-body{
 	width: 75%;
 }

 .page-node-12 .field--name-body ul li.rdv_telephone, .page-node-12 .field--name-body li.rdv_inter  {
   width: 100%;
 }

 .page-node-12 #contenu2 ul li {
  width: 100%;
}
 .page-node-12 #contenu2 ul li:first-child{
   margin-bottom: 20px;
 }

 #block-asco-theme-webform-2 {
  width: 80%;
}
.page-node-13 h1 {
  padding-left: 0;
}

.page-node-13 #contenu1 .field--name-body {
  margin: 0;
}

#block-asco-theme-tel-contact {
  width: 100%;
  margin-top: 0;
}

.page-node-13 iframe{
width: 100%;
}

}

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


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

	.colonne_1-1,
	.colonne_1-2,
	.colonne_1-3,
	.colonne_2-3,
	.colonne_1-4,
	.colonne_1-5,
	.colonne_2-5,
	.colonne_3-5,
	.colonne_4-5{
		width:97.22%;
	}
  #block-asco-theme-liensutiles .lien ul li {
    width: 50%;
  }

}

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

  .view-actualites .views-row {
    width: 45%;
  }
  #footer_adresse, #footer_lien{
    width: 100%;
    text-align: center;
  }
}
@media all and (min-width: 851px) {

}


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

  #block-asco-theme-horairesducabinetmedical ul li, #block-asco-theme-horairesducabinetmedical-2 ul li {
   width: 100%;
  }
  #block-asco-theme-horairesducabinetmedical ul li:first-child, #block-asco-theme-horairesducabinetmedical-2 ul li:first-child {
  border-bottom: 1px solid #fff;
  border-right: 0;
}

#block-asco-theme-horairesducabinetmedical ul li.middle, #block-asco-theme-horairesducabinetmedical-2 ul li.middle {
  margin: 20px 0%;

}


#block-asco-theme-prendrerdv h2::before, #block-asco-theme-horairesducabinetmedical h2::before, #block-asco-theme-horairesducabinetmedical-2 h2::before,
.field--name-field-rdv-praticien h2::before, .field--name-field-horaire-praticien h2::before{
width: 30px;
}

#block-asco-theme-views-block-slideshow-block-1 .views-field-body span, .field--name-field-texte-bandeau-haut span, #block-asco-theme-bandeau-actu span {
    font-size: 2.5rem;
  }

.page-node-12 .field--name-body li.rdv_inter {
  padding: 10px;
}
.page-node-12 .field--name-body ul li.rdv_inter h2::before{
  z-index: 100;
  top: 11px;
}

.page-node-12 .field--name-body ul li.rdv_telephone h2::before,.page-node-12 .field--name-body ul li.rdv_inter h2::before{
width: 30px;
height: 30px;
}

.field--name-field-picto-equipe-soin ul li {
  width: 100%;
  background-size: 21%;
}
#header-nav {
	overflow:visible;
    position: relative;
    top: 0;
    width: auto;
}
#block-asco-theme-site-branding {
  height: 100px;
  margin-top: 10px;
  width: 220px;
  min-width: 220px;
}
.site-header__inner__container {
	display:block;
}
#menu_info a {
  padding: 5px 10px;
}
div.sf-accordion-toggle.sf-style-default a {
    top: -50px;
	right:0;
}
#header-nav .field--name-body .ligne {
  display: block;
  margin-right: 0;
  padding: 0 20px;
  text-align: center;
}
#header-nav .field--name-body .ligne > div {
	margin:0 auto;
	max-width:max-content;
}
ul.sf-menu.sf-accordion.sf-expanded {
    top: -210px !important;
    border-radius: 20px;
}
.field--name-field-bandeau-haut, .field--name-field-bandeau-haut img, .path-actualites #block-asco-theme-bandeau-actu, .page-node-type-actualite #block-asco-theme-bandeau-actu {
  height: 700px;
}
.field--name-field-texte-bandeau-haut, #block-asco-theme-bandeau-actu .field--name-body {
    left: 30px;
    top: 285px;
    padding-right: 30px;
}
.txt_slide strong {
  font-size: 1.3rem;
}
.page-node-12 #contenu1 .field--name-body ul {
	display:block;
}
.page-node-12 .field--name-body ul li.rdv_telephone {
  padding: 0;
}
.page-node-12 .field--name-body ul li.rdv_inter h2::before, .page-node-12 .field--name-body ul li.rdv_telephone h2::before {
	background-size:30px;
  top: 30px;
  left: 30px;
}
.page-node-12 .field--name-body ul li.rdv_inter h2::before {
    z-index: 100;
    top: 21px;
  }
.page-node-12 .field--name-body ul li.rdv_telephone .txt_telephone_rdv {
  padding: 20px 10px;
  border-radius: 0px;
}
#contenu2 {
	padding:30px;
  width: auto;
}
.page-node-12 #contenu2 ul {
	padding:0;
}
.page-node-12 #contenu2 ul li {
	height:auto;
	width:auto;
}
.view-actualites .view-content, .view-actualites .view-content div {
	display:block;
}
#block-asco-theme-views-block-actualites-block-1 .views-field-field-img-actu img {
	width:100%;
}
#contenu1 {
  width: auto;
  padding: 30px;
}
#contenu1 .field--name-field-img1, #contenu2 .field--name-field-img2, #contenu3 .field--name-field-img3, .page-node-type-actualite #block-asco-theme-content, .page-node-type-actualite .field--name-field-img-actu {
	width:auto;
}
.field--name-field-fil-ariane-block, .field--name-field-picto-equipe-soin {
  width: auto;
  margin: 0 auto;
  padding: 0 30px;
}
#contenu1 .field--name-body, #contenu2 .field--name-field-body2, #contenu3 .field--name-field-body3 {
    width: auto;
    margin: 10px 0 0;
}
.field--name-field-picto-equipe-soin ul {
	display:block;
  margin-top: 30px;
  margin-left: 0;
}
.page-node-12 #contenu1 {
  padding: 0 30px 50px;
}
.page-node-12 #contenu2 h2 {
	margin-bottom:0;
}
.page-node-13 h1 {
    padding-left: 30px;
}
#block-asco-theme-webform-2 {
    width: auto;
    padding: 0 30px;
}
.vvjs .slide-indicators .prev-arrow {
  left: 5px;
}
.vvjs .slide-indicators .next-arrow {
  right: 5px;
}
.next-arrow svg, .prev-arrow svg {
  width: 40px;
  height: 40px;
  fill: #fff;
}
}


@media all and (max-width: 560px){
#block-asco-theme-prendrerdv ul, #block-asco-theme-horairesducabinetmedical ul,
#block-asco-theme-horairesducabinetmedical-2 ul{
  display: block;
}
#block-asco-theme-prendrerdv ul li {
  width: 100%;
  border-right:0;
}
#block-asco-theme-prendrerdv ul li:last-child {
  width: 100%;
  margin-left: 0;
}
.main-content h2 {
  font-size: 1.5rem;
}
.page-node-12 .field--name-body ul li.rdv_telephone .txt_telephone_rdv {
  padding: 10px;
  }

 .page-node-12 .field--name-body ul li.rdv_telephone h2::before {
  top: 29px;
  left: 42px;
 }

 .page-node-12 .field--name-body ul li.rdv_telephone {
  padding: 10px;
}

.field--name-field-picto-equipe-soin ul li {
  padding-top: 94px;
}

#block-asco-theme-tel-contact {
 padding: 10px;
}

#block-asco-theme-tel-contact .block__content {
 padding: 23px;
}

}


@media all and (max-width: 460px) {
  #block-asco-theme-liensutiles .lien ul li.garde {
  width: 100%;
}
#block-asco-theme-liensutiles .lien ul li.garde_txt {
  width: 100%;
}

.view-actualites .views-row {
  width: 100%;
}
.page-node-12 #contenu2 ul{
  margin: 0;
  padding: 50px 2%;
}
.field--name-field-picto-equipe-soin ul li {
   background-size: 25%;
 }
#block-asco-theme-views-block-slideshow-block-1 img {
  min-height: 900px;
  height: auto;
}

}

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