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

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Sen:wght@400..800&display=swap" rel="stylesheet">

<link rel="stylesheet" href="https://use.typekit.net/onw3oxg.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;
	text-decoration: none;
}

.main-content p {
	font-family: "Sen", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.main-content h1 {
	font-family: "segoe-ui", sans-serif;
	font-weight: 400;
	font-size: 3.7rem;

}

.main-content h2 {
font-family: "Sen", sans-serif;
}

.main-content h3 {

}

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

}

/* Slideshow */

/*---------- Effets fin --------------*/
body {
	background-image:none;
	hyphens: none;
  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;
}




/******menu top*******/

.site-header{
	position: fixed;
	width: 100%;
}

.site-header__initial{
	display: none;
}

.site-branding{
background-image:none;
}

.menu_info_top{
width: 100%;
  display: block;
  clear: both;
  font-family: "segoe-ui", sans-serif;
font-weight: 400;
font-style: normal;
}

.site-header__inner__container{
	flex-wrap: wrap;
}

#header-nav{
	width: 100%;
	display: block;
	min-height: var(--site-header-height-wide);
}

#block-asco-theme-infohaut .field--name-body .ligne{
	display: flex;
	width: 100%;
	background-color: #000;
	color: #fff;
	justify-content: flex-end;
	padding-right: 30px;
}

.region--secondary-menu{
	height: 100%;
}

#block-asco-theme-menutop2{
	background-color: #CEA66C;
    padding: 60px;
}
#block-asco-theme-menutop{
    padding: 60px;
}


#superfish-menu-top, #superfish-menu-top2{
	  font-family: "segoe-ui", sans-serif;
	  text-transform: uppercase;

}

#superfish-menu-top a, #superfish-menu-top span.nolink{
	color: #000;
	background:  #fff;
	text-decoration: none;
}

#superfish-menu-top a:hover, #superfish-menu-top span.nolink:hover{
	color: #fff;
	background: #CEA66C;
	text-decoration: none;
}


#superfish-menu-top2 a{
	color: #000;
	background:  #CEA66C;
	text-decoration: none;
	border: 1px solid #CEA66C;
}

#superfish-menu-top2 a:hover{
	color: #fff;
	background: #CEA66C;
	text-decoration: none;
	border: 1px solid #fff;
}




ul.sf-menu.sf-style-white li.sf-multicolumn-wrapper span.menuparent:hover, #superfish-menu-top .sf-multicolumn li>ol>li.sf-depth-2 a:hover,
#superfish-menu-top .sf-multicolumn li>ol>li.sf-depth-2 a.is-active, ul#superfish-menu-top li ul li a:hover, ul#superfish-menu-top li ul li a:focus, ul#superfish-menu-top li ul li a.is-active {
    background-color: #CEA66C !important;
    color: #fff;
		border-radius: 10px;
}

#superfish-menu-top .sf-multicolumn li>ol {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 1200px!important;
    display: flex;
    flex-wrap: wrap;
    background-color: #000;
    position: fixed;
    left: 50%;
    margin-left: -500px;
    top: 207px;
    padding: 20px 25px;
}

#superfish-menu-top .sf-multicolumn li > ol > li.sf-depth-2{
width: 24% !important;
  margin: 20px 0 20px 0;
}

#superfish-menu-top .sf-multicolumn li > ol > li.sf-depth-2 a{
	background-color: transparent;
	color: #CEA66C;
	padding: 23px 60px;
}
#superfish-menu-top .sf-multicolumn li > ol > li.sf-depth-2 a:hover{
	color: #000;
}


#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-contentc504aa3a-f2c9-47ec-98c4-09fa914374c2 a,
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-content9ba03785-595a-4b15-a9e5-29d386e123d9 a,
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-content9707924a-72aa-400d-89ef-6f21ef5d8f9c a,
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-content9a7ffc16-a78b-45b1-b750-4a328dfcfbb8 a,
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-contentfc47581f-6112-46ba-865d-d2350fc11006 a,
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-contente2b44363-c28e-42c0-93c8-4b2808934a15 a,
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-contentd7f9115f-ae64-4f8e-93bf-3181cce64334 a,
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-contentb0ef4143-9a3a-420d-ab60-f36a303c2628 a
{
	background-repeat: no-repeat;
	background-position: left;
	background-size: 18%;
	background-position-x: 5px;
}


#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-contentc504aa3a-f2c9-47ec-98c4-09fa914374c2 a{
	background-image: url(../images/orthopedie.svg);
}
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-contentc504aa3a-f2c9-47ec-98c4-09fa914374c2 a:hover,
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-contentc504aa3a-f2c9-47ec-98c4-09fa914374c2 a.is-active{
	background-image: url(../images/orthopedie_hover.svg);
}
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-content9ba03785-595a-4b15-a9e5-29d386e123d9 a{
	background-image: url(../images/materiel.svg);
}
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-content9ba03785-595a-4b15-a9e5-29d386e123d9 a:hover,
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-content9ba03785-595a-4b15-a9e5-29d386e123d9 a.is-active{
	background-image: url(../images/materiel_hover.svg);
}
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-content9707924a-72aa-400d-89ef-6f21ef5d8f9c a{
	background-size: 13%;
	background-image: url(../images/incontinence.svg);
}
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-content9707924a-72aa-400d-89ef-6f21ef5d8f9c a:hover,
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-content9707924a-72aa-400d-89ef-6f21ef5d8f9c a.is-active{
	background-image: url(../images/incontinence_hover.svg);
}
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-content9a7ffc16-a78b-45b1-b750-4a328dfcfbb8 a{
	background-image: url(../images/contention.svg);
}
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-content9a7ffc16-a78b-45b1-b750-4a328dfcfbb8 a:hover,
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-content9a7ffc16-a78b-45b1-b750-4a328dfcfbb8 a.is-active{
	background-image: url(../images/contention_hover.svg);
}
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-contente2b44363-c28e-42c0-93c8-4b2808934a15 a{
	background-image: url(../images/aroma.svg);
}
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-contente2b44363-c28e-42c0-93c8-4b2808934a15 a:hover,
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-contente2b44363-c28e-42c0-93c8-4b2808934a15 a.is-active{
	background-image: url(../images/aroma_hover.svg);
}
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-contentfc47581f-6112-46ba-865d-d2350fc11006 a{
	background-image: url(../images/semelle.svg);
}
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-contentfc47581f-6112-46ba-865d-d2350fc11006 a:hover,
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-contentfc47581f-6112-46ba-865d-d2350fc11006 a.is-active{
	background-image: url(../images/semelle_hover.svg);
}
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-contentd7f9115f-ae64-4f8e-93bf-3181cce64334 a{
	background-image: url(../images/medecine.svg);
}
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-contentd7f9115f-ae64-4f8e-93bf-3181cce64334 a:hover,
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-contentd7f9115f-ae64-4f8e-93bf-3181cce64334 a.is-active{
	background-image: url(../images/medecine_hover.svg);
}
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-contentb0ef4143-9a3a-420d-ab60-f36a303c2628 a{
	background-image: url(../images/veto.svg);
}
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-contentb0ef4143-9a3a-420d-ab60-f36a303c2628 a:hover,
#superfish-menu-top .sf-multicolumn li > ol > li#menu-top-menu-link-contentb0ef4143-9a3a-420d-ab60-f36a303c2628 a.is-active{
	background-image: url(../images/veto_hover.svg);
}



ul.sf-menu .sf-sub-indicator {
  right: 0.3em;
}


/****info bandeau haut****/

#adresse_top{
	color:#CEA66C;
	background-image: url(../images/picto_lieu.svg);
	background-repeat: no-repeat;
  padding: 0 20px;
  background-position: left;
  font-size: 0.8rem;
}


#tel_top{
	color:#CEA66C;
}

#tel_top a{
	color:#CEA66C;
	background-image: url(../images/picto_tel.svg);
	background-repeat: no-repeat;
	text-decoration: none;
  padding: 0 20px;
  background-position: left;
  font-size: 0.8rem;
}
#tel_top a:hover{
	color:#fff;
	background-image: url(../images/picto_tel_hover.svg);

}

#fax_top{
padding-left: 20px;
}

#fax_top a{
	color:#CEA66C;
	background-image: url(../images/fax.svg);
	background-repeat: no-repeat;
	text-decoration: none;
  padding: 0 30px;
  background-position: left;
  font-size: 0.8rem;
}
#fax_top a:hover{
	color:#fff;
	background-image: url(../images/fax_hover.svg);

}

#reseau_haut{
	font-size: 0.1rem;
	text-align: center;
}

a.facebook{
	background-image: url(../images/facebook.svg);
	background-repeat: no-repeat;
    padding: 9px 39px 15px 0px;
    background-size: 55%;
}
a.facebook:hover{
	background-image: url(../images/facebook_hover.svg);
	background-repeat: no-repeat;
}

a.insta{
	background-image: url(../images/insta.svg);
	background-repeat: no-repeat;
    padding: 9px 39px 15px 0px;
}
a.insta:hover{
	background-image: url(../images/insta_hover.svg);
	background-repeat: no-repeat;
}






/*********Slideshow*************/
.contenu_slide{
  position: absolute;
  top: 25%;
  width: 40%;
  left: 10%;
}

.views-field-field-image-slideshow, .views-field-field-image-slideshow img{
	width: 100%;
}

.contenu_slide p{
	color: #fff;
	padding-left: 6%;
	margin-top: 60px;
}

.view-slideshow .view-content{
	padding-top: 100px;
}


.breadcrumb {
	 position: absolute;
	 top: 420px;
	 left: 10%;
 }

/******Bloc Horaire*****/

#txt_horaire{
margin-top: -70px;
  position: absolute;
  width: 100%;
}

#txt_horaire ul{
	display: flex;
	height: 150px;
	margin: 0 auto;
	width: 80%;
	border: 3px solid #fff;
}

#txt_horaire h2{
margin: 0;
background-image: url(../images/picto_horaire.png);
background-repeat: no-repeat;
color: #fff;
padding: 58px 0 0px 0;
  background-position: center top;
	font-size: 1.5rem;
  font-weight: normal;
}

#txt_horaire li:first-child{
background-color: #000;
}

#txt_horaire li{
	background-color:#CEA66C;
	color: #000;
list-style: none;
  padding: 10px 20px;
  text-align: center;
  padding: 28px 20px;
  width: 100%;
	border-right: 1px solid #fff;
}

#txt_horaire li.now{
	color:#CEA66C;
	background-color: #000;
}

/**********Page d'accueil*****/
.path-frontpage #main-wrapper {
  margin-top: 0;
}


.path-frontpage #block-asco-theme-content .block__content{
	height: 100%;
	position: relative;
}

.path-frontpage #block-asco-theme-content .block__content::after{
	content:"";
	background-image: url(../images/fond_noir_home.svg);
	height: 500px;
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: -1;
	background-size: cover;
  background-position: center;
}

.picto_home{
	position: relative;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-around;
	margin-bottom: 50px;
	margin-top: 60px;
}

.picto_home h3{
	color: #fff;
	font-family: "Sen", sans-serif;
}


.atouts_home, .objectif_home{
border:1px solid #CEA66C;
text-align: center;
width: 30%;
}

.atouts_home p,.objectif_home p{
	padding:0 20px;
}

.atouts_home h3{
	background-image: url(../images/picto_atout.png);
	background-repeat: no-repeat;
	background-position: top center;
    padding: 90px 0 0 0;
    margin-top: -38px;
}
.objectif_home h3{
	background-image: url(../images/picto_objectif.png);
	background-repeat: no-repeat;
	background-position: top center;
    padding: 90px 0 0 0;
    margin-top: -38px;
}


.path-frontpage #block-asco-theme-content .node__content{
	width: 80%;
	margin: 0 auto;
	padding-top: 60px;
}


.path-frontpage .node--type-page-accueil .field--name-field-image-boddy img{
background-size: cover;
  width: 100%;
}

.path-frontpage .node--type-page-accueil .field--name-body{
	width: 60%;
  margin: 0px auto;
  text-align: center;
  padding: 50px 0;
}


a.bt_savoir, .views-field-view-node a{
	background-color: #CEA66C;
	text-decoration: none;
	color: #fff;
	padding: 10px 20px;
  border-radius: 5px;
  font-size: 0.9rem;
}

a.bt_savoir:hover, .views-field-view-node a:hover{
	background-color:#000 ;
	color: #CEA66C;
}


a.bt_noir{
	background-color: #000;
	color: #fff;
	background-image: url(../images/puce_tri.png);
	background-repeat: no-repeat;
  background-position: right;
  padding: 10px 30px 10px 24px;
  border-radius: 5px;
  font-size: 0.9rem;
  background-size: 18px;
  text-decoration: none;
  margin-top: 20px;
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
}

a.bt_noir:hover{
	background-color: #CEA66C;
	color: #000;
}


ul.logo_home{
	display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

ul.logo_home li{
	list-style: none;
}

/*bloc actu***/
#block-asco-theme-views-block-actualites-block-1{
	background-color: #F8F8F8;
}


#block-asco-theme-views-block-actualites-block-1 .view-content{
	width: 80%;
  margin: 50px auto;
}

#block-asco-theme-views-block-actualites-block-1 h2{
font-family: "segoe-ui", sans-serif;
  font-weight: 400;
  font-size: 3rem;
  color: #000;
  text-align: center;
  padding-top: 50px;
}

#block-asco-theme-views-block-actualites-block-1 .view-content div{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	text-align: center;

}

#block-asco-theme-views-block-actualites-block-1 .view-content .views-row{
margin-top: 30px;
   margin-bottom: 30px;
	position:relative;
    width: 30%;
    display: block;
}

#block-asco-theme-views-block-actualites-block-1 .views-field-field-img-actu img{
border:1px solid #CEA66C;
border-radius: 5px;
}



.view-actualites .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content:center;

}

.view-actualites .views-field-field-date-de-publication {
    background-color: #fff;
    color: #000;
    padding: 5px;
    position: absolute;
    text-align: center;
    width: 90px;
    font-size: 14px;
}
.view-actualites .views-field-title a {
    color: #000;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 15px;
    text-decoration: none;
}
.view-actualites .views-field-title a:hover {
	color: #CEA66C;
}

.view-actualites .views-field-created{
	color: #CEA66C;
	font-style: italic;
font-size: 0.8rem;
  display: block !important;
  text-align: right;
  position: relative;
  margin-right: 23px;
}

.view-actualites .views-field-view-node{
	margin-top:20px;
}

.view-actualites .views-field-body{
	text-align: center;
}

.view-actualites  .view-footer{
	background-color: #CEA66C;
	text-align: center;

}

.view-actualites  .view-footer a{
	text-align: center;
	color: #000;
}
.view-actualites  .view-footer a:hover{
	color: #fff;
}


/*****Page Mentions****/
.path-node.page-node-22 h2, .path-node.page-node-23 h2,.path-node.page-node-24 h2,.path-node.page-node-25 h2{
	text-align: left;
}



/***********Specialite home****/
#block-asco-theme-specialite-home .field--name-body{
	width: 100%;
		background-image:url(../images/fond_spe_home.png);
		background-repeat: no-repeat;
  background-size: cover;

}

#block-asco-theme-specialite-home .field--name-body #spe_home{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#block-asco-theme-specialite-home .field--name-body .spe_gauche{
	width: 40%;
	  padding: 0 10%;
}

#block-asco-theme-specialite-home .field--name-body .spe_gauche h2{
	color: #fff;
}
#block-asco-theme-specialite-home .field--name-body .spe_gauche h2 span{
	font-weight: normal;
}

#block-asco-theme-specialite-home .field--name-body .spe_droite{
	width: 60%;
}
#block-asco-theme-specialite-home .field--name-body .spe_droite ul{
display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
	margin: 0;
}

#block-asco-theme-specialite-home .field--name-body .spe_droite ul li{
	width: 33.33%;
	list-style: none;
}

#block-asco-theme-specialite-home .field--name-body .spe_droite ul li a{
	width: 100%;
	background-color: #000;
	display: block;
	text-align: center;
	background-repeat: no-repeat;
	background-position-x: center;
  padding: 158px 0 30px 0;
  background-position-y: 30px;
	border: 0.5px solid #CEA66C;
}

#block-asco-theme-specialite-home .field--name-body .spe_droite ul li a:hover{
	width: 100%;
	background-color:#CEA66C;
	color: #000;
	display: block;
	background-repeat: no-repeat;

}

.spe_droite .orthopedie a{
	background-image: url(../images/orthopedie.svg);
}
.spe_droite .semelle a{
	background-image: url(../images/semelle.svg);
}
.spe_droite .materiel a{
	background-image: url(../images/materiel.svg);
}
.spe_droite .incontinence a{
  background-image: url(../images/incontinence.svg);
}
.spe_droite .contention a{
	background-image: url(../images/contention.svg);
}
.spe_droite .aroma a{
	background-image: url(../images/logo_or.png);
	background-size: 73%;
	background-position-y: 65px!important;
}
.spe_droite .orthopedie a:hover{
	background-image: url(../images/orthopedie_hover.svg);
}
.spe_droite .semelle a:hover{
	background-image: url(../images/semelle_hover.svg);
}
.spe_droite .materiel a:hover{
	background-image: url(../images/materiel_hover.svg);
}
.spe_droite .incontinence a:hover{
  background-image: url(../images/incontinence_hover.svg);
}
.spe_droite .contention a:hover{
	background-image: url(../images/contention_hover.svg);
}
.spe_droite .aroma a:hover{
	background-image: url(../images/logo_or_hover.png);
}



.spe_gauche a{
	display: block;
	padding: 10px 20px;
  border-radius: 5px;
  font-size: 0.9rem;
	background-color: #CEA66C;
	color: #000;
	margin-bottom: 10px;
	text-align: center;
	font-size: 1rem;

}

.spe_gauche a:hover{
background-color: #fff;
}



/***Info_bandeau_bas***/

#block-asco-theme-bandeau-bas{
background-image: url(../images/fond_contact.jpg);
background-position: bottom right;
}

#block-asco-theme-bandeau-bas h3{
  margin-block: 0;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}

#block-asco-theme-bandeau-bas h3 span{
	font-size: 2rem;
}

#bandeau_bas{
	display: flex;
	flex-wrap: wrap;
}
.adresse_bandeau_bas{
background: #443C38;
width: 40%;
padding: 43px 2% 43px 10%;
  margin: auto 0;
}

.lieu_adresse,.tel_adresse,.fax_adresse,.fax_adresse {
	background-repeat: no-repeat;
  padding: 0 30px;
  background-position:left;
	background-position-y: 5px;
}

.lieu_adresse{
  background-image: url(../images/picto_lieu.svg);
}
.tel_adresse{
  background-image: url(../images/picto_tel.svg);
}
.fax_adresse{
	background-image: url(../images/fax.svg);
}

.contenu_adresse{
	padding: 0 30px;
	color: #fff;
	border-left: 1px solid #CEA66C;
}

.horaire_bandeau_bas{
	padding: 40px;
  color: #000;
	width: 50%;
}

.contenu_horaire{
	border: 1px solid #CEA66C;
	background-color: rgba(255, 255, 255, 0.5);
	padding: 5px 40px;
	width: 100%;
}
.reseau_bandeau_bas{
	position: absolute;
	  bottom: 33px;
	  right: 70px;
		color: #fff;
}
.reseau_bandeau_bas a{
	width: 65px;
  display: inline-block;
	font-size: 0.1rem;
}

.reseau_bandeau_bas p{
	padding: 0;
	margin: 0;
}

.reseau_bandeau_bas a.facebook{
	background-image: url(../images/facebook_marron.svg);
	background-size: 70%;
}
.reseau_bandeau_bas a.facebook:hover{
	background-image: url(../images/facebook_marron_hover.svg);
}
.reseau_bandeau_bas a.insta{
	background-image: url(../images/insta_marron.svg);
	background-size: 70%;
}
.reseau_bandeau_bas a.insta:hover{
	background-image: url(../images/insta_marron_hover.svg);
}


/*****Footer***/
body:not(.is-always-mobile-nav) .site-footer{
	border-inline-start:0;
}
.site-footer{
	border-inline-start:none;
	background-color: #030411;
}
.site-footer .container{
	max-width: 100%;
	margin: 0 auto;
	font-size: 0.8rem;
	color: #fff;
}
.site-footer__inner {
	padding-block: 0;
}
.contenu_footer{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-around;
	padding: 10px 0;
}

.contenu_footer a:hover{
	color: #CEA66C;
}

/****page actu***/
.page-node-type-actualite #block-asco-theme-bandeau-haut-actu,
.path-actualites #block-asco-theme-bandeau-haut-actu-2{
  display: block;
  position: relative;
	background-image: url(../images/intro_actu.jpg);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
	width: 100%;
}

.path-actualites .view-content,
.page-node-type-actualite .view-content{
margin-bottom: 70px;
}


.page-node-type-actualite #block-asco-theme-bandeau-haut-actu span,
.path-actualites #block-asco-theme-bandeau-haut-actu-2 span{
	font-family: "segoe-ui",sans-serif;
	  font-weight: 400;
	  font-size: 3.7rem;
}

.page-node-type-actualite h1,
.path-actualites h1{
font-size: 2.25rem;
}

.page-node-type-actualite #block-asco-theme-bandeau-haut-actu .field--name-body,
.path-actualites #block-asco-theme-bandeau-haut-actu-2 .field--name-body{
position: absolute;
  bottom: 50px;
  color: #fff;
  margin-left: 10%;
  width: 50%;
}

.path-actualites #block-asco-theme-content,
.page-node-type-actualite #block-asco-theme-content{
	width: 80%;
	margin: 0 auto;
}

.path-actualites .views-field-nothing .field-content,
.page-node-type-actualite .node__content{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}

.page-node-type-actualite .node__content{
	margin-top: 70px;
}

.path-actualites .img_page_actu,
.page-node-type-actualite .field--name-field-img-actu{
	width: 40%;
}

.path-actualites .img_page_actu img{
border: 1px solid #CEA66C;
  border-radius: 5px;
}

.path-actualites .txt_page_actu,
.page-node-type-actualite .node--type-actualite .node__content .field--name-body {
	width: 55%;
	height: 100%;
  margin: auto;
}
.page-node-type-actualite h2{
	margin: 0;
		font-size: 1.5rem;
}

.path-actualites .views-row{
	margin-top: 70px;
}

.path-actualites h2{
	font-size: 1.5rem;
  margin: 0;
}

.path-actualites .lien_actu a{
	background-color: #CEA66C;
	  text-decoration: none;
	  color: #fff;
	  padding: 10px 20px;
	  border-radius: 5px;
	  font-size: 0.9rem;
	  margin-top: 20px;
	  display: block;
	  max-width: 30%;
	  text-align: center;
}
.path-actualites .lien_actu a:hover{
	background-color: #000;
	  color: #CEA66C;
}

/*****Page contact****/
.path-node.page-node-20 #groupe2,
.path-node.page-node-21 #groupe2{
background-color: transparent;
}
.path-node.page-node-20 #groupe2 .field--type-webform,
.path-node.page-node-21 #groupe2 .field--type-webform {
  width: 60%;
  color: #000;
  padding: 0px 10%;
  margin: auto;
}

.path-node.page-node-20 #groupe2 .field--name-field-img2,
.path-node.page-node-21 #groupe2 .field--name-field-img2{
	width: 40%;
}

.webform-submission-form {
    justify-content: space-between;
	padding:0;
	display: flex;
	flex-wrap:wrap;
}
.webform-submission-form .js-form-item {
    margin-bottom: 0;
    margin-top: 20px;
    width: 49%;
}

.webform-submission-form .form-type-managed-file.js-form-item {
	width: 100%;
}


.webform-submission-form .js-form-item.js-form-item-poste, .webform-submission-form .js-form-item.form-type-textarea, .webform-submission-form .js-form-item.form-type-processed-text, .webform-submission-form .js-form-item.form-type-checkbox {
    width: 100%;
}
.webform-submission-form .js-form-item.form-type-checkbox {
	display:flex;
}
.form-item__description {
    margin-block: 5px;
    max-width: 100%;
    margin-left: 5px;
}
textarea::placeholder,input::placeholder,select {
    color: #0B3950;
}
.webform-submission-form input, .webform-submission-form select, .webform-submission-form textarea {
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #cea66c;
    color: #000000;
    padding: 8px 10px;
    width: 100%;
}
.webform-submission-form  .js-form-item.form-type-checkbox input {
	width:auto;
}
.webform-submission-form input.form-submit, .webform-submission-form .button {
    background-color: #cea66c;
    color: #fff;
}
.webform-submission-form #edit-actions input:hover {
    background-color: #000000;
}


/*****page ou nous trouver****/
.tel_contact{
	color:#CEA66C;
}

.tel_contact a{
	color:#CEA66C;
	background-image: url(../images/picto_tel.svg);
	background-repeat: no-repeat;
	text-decoration: none;
  padding: 0 20px;
  background-position: left;
  font-size: 1.5rem;
	font-weight: bold;
}
.tel_contact a:hover{
	color:#000;
	background-image: url(../images/picto_tel_hover_n.svg);

}


.fax_contact a{
	color:#CEA66C;
	background-image: url(../images/fax.svg);
	background-repeat: no-repeat;
	text-decoration: none;
  padding: 0 30px;
  background-position: left;
	font-size: 1.5rem;
	font-weight: bold;
}
.fax_contact a:hover{
	color:#000;
	background-image: url(../images/fax_hover_n.svg);

}

.path-node.page-node-19 #groupe2 .field--name-field-text2 {
  padding: 0;
}

.path-node.page-node-19 #groupe2 .field--name-field-text2 .txt_horaire{
	padding: 0 10%;
}
.path-node.page-node-19 #groupe2 .field--name-field-text2 iframe{
	border: 1px solid #cea66c;
	margin-bottom: -10px;
}


/***page intervention*****/


.page-node-type-specialites h2,
.path-node h2 {
	font-weight: initial;
	color: #CEA66C;
	margin-bottom: 0;
}

.page-node-type-specialites #bandeau-haut,
.path-node #bandeau-haut{
	width: 100%;
  display: block;
  position: relative;
}

.page-node-type-specialites .field--name-field-text-bandeau,
.path-node .field--name-field-text-bandeau{
	position: absolute;
	bottom: 80px;
	  color: #fff;
	  margin-left: 10%;
	  width: 50%;
	}

.page-node-type-specialites .field--name-field-text-bandeau h1,
.path-node .field--name-field-text-bandeau h1,
.page-node-type-actualite #block-asco-theme-bandeau-haut-actu .field--name-body h1,
.path-actualites #block-asco-theme-bandeau-haut-actu-2 .field--name-body h1{
	color: #fff;
}

.page-node-type-specialites .field--name-field-img-bandeau,
.path-node .field--name-field-img-bandeau{
  width: 100%;
	margin-bottom: 0;
}


.path-node #groupe1{
	margin-top: 50px;
}

.page-node-type-specialites .field--name-field-img-bandeau img,
.path-node .field--name-field-img-bandeau img{
	object-fit: cover;
	height: 400px;
  width: 100%;
}

.page-node-type-specialites #groupe1,.page-node-type-specialites #groupe2,
.page-node-type-specialites #groupe3, .page-node-type-specialites #groupe4,
.path-node #groupe1, .path-node #groupe2, .path-node #groupe3{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	padding: 0 10%;
	height: 100%;
	margin-bottom: 50px;
}

.page-node-type-specialites #groupe1,
.path-node #groupe1{
	position: relative;
}

.page-node-type-specialites #groupe1::before,
.path-node #groupe1::before{
	content:'';
	height: 200px;
	width: 40%;
	position: absolute;
	background-color: #CEA66C;
	left: 0;
    top: calc(50% - 100px);
}

.page-node-type-specialites #groupe1 .field--name-field-img1,
.path-node #groupe1 .field--name-field-img1 {
width: 40%;
margin: auto 0;
z-index: 1;
}

.page-node-type-specialites #groupe1 .field--name-field-img1 img,
.path-node #groupe1 .field--name-field-img1 img{
	height: 400px;
	object-fit: cover;
}


.page-node-type-specialites #groupe1 .field--name-body,
.path-node #groupe1 .field--name-body{
width: 50%;
margin: auto;
}

.page-node-type-specialites #groupe2, .path-node #groupe2{
	background-color: #010210;
	padding: 0;
	margin: 0;
}

.page-node-type-specialites #groupe2 h3,
.path-node #groupe2 h3{
	color: #fff;
	margin-block: 0;
}
.page-node-type-specialites #groupe4{
	background-color: #cea66c;
	padding: 0;
	margin: 0;
}

.page-node-type-specialites #groupe4 h2{
	color: #2b353b;
}
.page-node-type-specialites #groupe4 .field--name-field-text4{
	color: #2b353b;
		width: 50%;
		padding: 0 10%;
}

.page-node-type-specialites #groupe2 .field--name-field-text2,
.path-node #groupe2 .field--name-field-text2{
	width: 50%;
	color: #fff;
	padding: 0 10%;
	margin: auto;
}
.page-node-type-specialites #groupe2 .field--name-field-img2,
.page-node-type-specialites #groupe4 .field--name-field-img4,
.path-node #groupe2 .field--name-field-img2{
	width: 50%;
}

.page-node-type-specialites #groupe2 .field--name-field-img2 .ligne,
.page-node-type-specialites #groupe4 .field--name-field-img4 .ligne,
.path-node #groupe2 .field--name-field-img2 .ligne{
	height: 100%;
}
.page-node-type-specialites #groupe2 .field--name-field-img2 img,
.page-node-type-specialites #groupe4 .field--name-field-img4 img,
.path-node #groupe2 .field--name-field-img2 img{
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.page-node-type-specialites #groupe3,
.path-node #groupe3{
	padding: 50px 10% 50px 0;
}

.page-node-type-specialites #groupe3 .field--name-field-img3,
.path-node #groupe3 .field--name-field-img3{
	width: 50%;
	margin: auto 0;
	z-index: 1;
}
.page-node-type-specialites #groupe3 .field--name-field-text3,
.path-node #groupe3 .field--name-field-text3{
width: 45%;
}

.page-node-type-specialites #groupe-suite{
	width: 80%;
  margin: 0 auto;
}


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

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::before,
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::after {
	background: #CEA66C;
}
.ckeditor-accordion-container > dl dt > a:hover, .ckeditor-accordion-container > dl dt > a:not(.button):hover {
  background-color: #CEA66C;
	color: #000;
}
.ckeditor-accordion-container > dl dt > a:hover > .ckeditor-accordion-toggle::before,
.ckeditor-accordion-container > dl dt > a:hover > .ckeditor-accordion-toggle::after {
	background: #000;
}
.ckeditor-accordion-container > dl dt > a:focus, .ckeditor-accordion-container > dl dt > a:not(.button):focus {
  outline-color: #CEA66C;
	background-color: #CEA66C;
}

.ckeditor-accordion-container em{
	color: #CEA66C;
}


#main-wrapper {
	margin-top: 190px;
}

.path-frontpage{
	margin-top: 0;
}

/************shema orthopedie******/
.field--name-field-shema{
	position:relative;
}
.field--name-field-shema::before{
	content:"";
	position: absolute;
	left: 0;
	bottom:0;
	height: 456px;
	background-image: url(../images/fond_orthopedie.png);
	background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
	width: 100%;
	z-index: -1;
}

#contenu_shema{
	background-image: url(../images/dessin_ortho.png);
	background-repeat: no-repeat;
	width: 813px;
	min-height: 830px;
  background-position: top center;
	background-size: 700px;
  width:1200px;
	margin: 0 auto;
}

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

.col_gauche{
 width: 50%;
  padding-left: 10%;
	padding-right: 10%;
}

.col_droite{
	width: 39%;
	margin-left: 11%;
	text-align: right;
}

.tippy-box{
	text-align: left;
}


ul.bras{
	border-bottom: 1px solid #CEA66C;
	margin-top: 64px;
}
ul.poignet{
	border-bottom: 1px solid #CEA66C;
	margin-top: 48px;
}
ul.genou{
	border-bottom: 1px solid #CEA66C;
	margin-top: 146px;
	color: #CEA66C;
}


ul.rachis{
	border-bottom: 1px solid #CEA66C;
	margin-top: 93px;
}
ul.ceinture{
	border-bottom: 1px solid #CEA66C;
	margin-top: 80px;
}
ul.cheville{
	border-bottom: 1px solid #CEA66C;
	margin-top: 248px;
	color: #CEA66C;
}
ul.semelle_ortho{
	border-bottom: 1px solid #CEA66C;
	margin-top:-27px;
	color: #CEA66C;
}

.col_gauche ul li, .col_droite ul li{
	list-style: none;
}

.col_gauche ul li::before, .col_droite ul li::before{
	content: "";
	height: 20px;
	width: 20px;
	background-image: url(../images/puce_liste.svg);
	background-repeat: no-repeat;
	position: absolute;
	background-position: left;
	background-position-y: 8px;
}
.titre_shema,.contenu_txt{
	padding-left: 20px;
	padding-right: 10px;
}
.contenu_txt{
font-size: 0.9rem;
display: none;
}



/******page pharmacie*****/
.field--name-field-equipe{
	margin: 0 auto;
	width: 80%;
}

.field--name-field-equipe h2{
	text-align: center;
	margin-bottom: 30px;
}

.equipe ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.equipe ul li{
	list-style: none;
	text-align: center;
	width: 23%;
	margin-bottom: 30px;
}
.equipe ul li p{
	margin: 0;
}

.equipe ul li{
	background-repeat: no-repeat;
  background-size: 200px;
  background-position: top center;
  padding-top: 200px;
}

.equipe ul li.stephane_d{
background-image: url(../images/pharmacien.svg);
}
.equipe ul li.severine{
background-image: url(../images/pharmacien.svg);
}
.equipe ul li.anne{
background-image: url(../images/pharmacien.svg);
}
.equipe ul li.fred{
background-image: url(../images/pharmacien.svg);
}
.equipe ul li.emilie{
background-image: url(../images/pharmacien.svg);
}
.equipe ul li.audrey{
background-image: url(../images/pharmacien.svg);
}
.equipe ul li.jm{
background-image: url(../images/pharmacien.svg);
}
.equipe ul li.manel{
background-image: url(../images/pharmacien.svg);
}
.equipe ul li.aba{
background-image: url(../images/pharmacien.svg);
}
.equipe h3{
	margin: 0;
}


/****page services****/
.page-node-15 .ckeditor-accordion-container > dl dt > a,
.page-node-15 .ckeditor-accordion-container > dl dt > a:not(.button) {
color:#CEA66C;
}
.page-node-15 .ckeditor-accordion-container > dl dt > a:hover,
.page-node-15 .ckeditor-accordion-container > dl dt > a:not(.button):hover,
.page-node-15 .ckeditor-accordion-container > dl dt > a:focus,
.page-node-15 .ckeditor-accordion-container > dl dt > a:not(.button):focus {
  color: #000;
}

/****page marques****/
.logo_marque ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.logo_marque ul li{
	list-style: none;
	width: 15%;
  margin: 10px;
}

.page-node-16 .field--name-field-equipe{
	margin-bottom: 50px;
}


.logo_marque ul li img{
	max-height: 150px;
	width: auto;
}


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


/*******************************************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: #000000;
    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: #cea66c;
    backdrop-filter: blur(10px);
		margin: 50px 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;
}


/*RESPONSIVE*/



@media all and (max-width: 1850px) {
	#block-asco-theme-menutop,#block-asco-theme-menutop2 {
	  padding: 60px 20px;
	}
	ul.sf-menu a, ul.sf-menu span.nolink {
	padding: 1em 1em;
}
ul.sf-menu .sf-sub-indicator {
  right: 0em;
}

.contenu_horaire{
	width: 90%;
}

}




@media all and (max-width: 1605px) {
#block-asco-theme-menutop,#block-asco-theme-menutop2 {
    padding: 70px 0px;
  }

	ul.sf-menu a, ul.sf-menu span.nolink {
    padding: 1em 0.8em;

}
.horaire_bandeau_bas {
  width: 43%;
}
}


@media all and (max-width: 1500px) {
#superfish-menu-top a,#superfish-menu-top span.nolink, #superfish-menu-top2{
	font-size: 0.9rem;
}
#block-asco-theme-site-branding{
	 max-width: 21.5%;
	 padding: 7px;
}
#txt_horaire ul {
  width: 95%;
}
}

@media all and (max-width: 1300px) {
	#txt_horaire ul {
		font-size: 0.8rem;
	}


#contenu_shema{
	background-size: 500px;
	width: 1000px;
	min-height: 575px;
}
.field--name-field-shema::before {
  height: 303px;
}


.col_droite {
  width: 32%;
}
.col_gauche{
padding-left: 0;
}
ul.bras{
	margin-top: 34px;
}
ul.poignet{
	margin-top: -19px;
}
ul.genou{
	margin-top: 73px;
}
ul.rachis{
	margin-top: 63px;
}
ul.ceinture {
  margin-top: 0;
}
ul.cheville {
  margin-top: 130px;
}
ul.semelle_ortho{
	  margin-top: -47px;
}
}


@media all and (max-width: 1250px) {
	ul.sf-menu a{
	padding: 1em 0.6em;
}
}





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

	#block-asco-theme-site-branding {
		max-width: initial;
	}
	#txt_horaire li{
		  padding: 13px 6px;
	}

	#block-asco-theme-specialite-home .field--name-body .spe_gauche {
  width: 35%;
  padding: 0px 5%;
}
#block-asco-theme-specialite-home .field--name-body .spe_droite {
  width: 65%;
}
}

@media all and (max-width: 1199px) {
	.header-nav {
	    position: relative;
	    z-index: 501;
	    inset-block-start: 0;
	    inset-inline-start: 0;
	    visibility: visible;
	    overflow:visible;
	    flex-basis: max-content;
	    width: auto;
	    max-width: 100%;
	    height: auto;
	    padding-block: 0;
	    padding-inline-start: 0;
	    padding-inline-end: 0;
	    border-block-start: 0;
	    background-color: transparent;
	    box-shadow: none;
	}

	.site-header__inner__container{
		display: block;
		position: relative;
	}

	.region--secondary-menu{
		margin-block-start: 0;
  margin-block-end: 0;
	}

 #block-asco-theme-menutop{
	 position: absolute;
	 right: 0;
	 z-index: 10;
	 width: 100%;
 }

 #block-asco-theme-menutop2{
	 padding:10px 20px 0px 20px;
 }

	#block-asco-theme-menutop {
     padding: 10px 0 0 0;
   }

	 a#superfish-menu-top-toggle {
 	        background-image: url(../images/img_menu.png);
					background-repeat: no-repeat;
         padding: 0 0 0 35px;
         background-size: 30px;
         background-position: left center;
         position: absolute;
         right: 0;
         top: 0;
         width: 170px;
 	    }

#block-asco-theme-site-branding{
	width: 100%;
}
#header-nav {
  min-height: auto;
}

			a#superfish-menu-top-toggle span{
			 padding-left: 10px;
		 }

		 #block-asco-theme-menuinfos ul {
	 justify-content: normal;
 }



 ul#superfish-menu-top-accordion a, ul#superfish-menu-top-accordion span{
	 color: #cea66c;
 }
	ul#superfish-menu-top-accordion span{
 cursor: pointer;
 padding-right: 52px;
 }

	ul#superfish-menu-top-accordion li.sf-expanded span{
		background-color: #cea66c;
		font-weight: bold;
		color: #000;
	}

 ul#superfish-menu-top-accordion a:hover, ul#superfish-menu-top-accordion span:hover{
 background-color: #cea66c;
	 color: #fff;
 }
 a#superfish-menu-top-toggle:hover{
	 color: #000;
	 background-image:url(../images/img_menu_hover.png);
 }

 ul.sf-has-clone-parent{
	 margin-top: 0;
 }

 ul.sf-has-clone-parent li a{
	 padding-left:40px
 }

 ul.sf-menu.sf-accordion.sf-expanded,ul.sf-menu.sf-accordion li.sf-expanded > ul{
	 position: relative;
	 background-color: #000000;
	 border-radius:0;
	 height: auto;
 }
ul.sf-menu.sf-accordion.sf-expanded{
	margin-top: 52px;
}
ul.sf-menu.sf-accordion li.sf-expanded > ul{
	margin-top:0px;
}

#txt_horaire h2{
	background-size: 25%;
	padding: 35px 0 0px 0;
}

#txt_horaire ul{
	height: 115px;
}

#txt_horaire li{
	padding: auto;
}



}



@media all and (max-width: 1100px) {
	.path-frontpage .node--type-page-accueil .field--name-body {
	  width: 100%;
	}
	.atouts_home, .objectif_home {
  width: 46%;
}
#block-asco-theme-views-block-actualites-block-1 .view-content {
  width: 90%;
}
.view-actualites .views-field-title{
	text-align: center;
}

.page-node-type-specialites .field--name-field-text-bandeau, .path-node .field--name-field-text-bandeau {
	top: 10px;
}
.page-node-type-specialites #groupe1,
.page-node-type-specialites #groupe2,
.page-node-type-specialites #groupe3,
.page-node-type-specialites #groupe4,
.path-node #groupe1, .path-node #groupe2,
.path-node #groupe3 {
	padding: 0 5%;
}

.field--name-field-equipe{
	width: 90%;
}

 .page-node-type-specialites #groupe4{
display: block;
 }
 .page-node-type-specialites #groupe4 .field--name-field-text4{
	 width: 100%;
	 padding: 0 5%;
 }
 .page-node-type-specialites #groupe4 .field--name-field-img4 {
  width: 100%;
}
.path-actualites #block-asco-theme-content, .page-node-type-actualite #block-asco-theme-content {
  width: 90%;
  margin: 0 auto;
	display: block;
}
.path-actualites .img_page_actu, .page-node-type-actualite .field--name-field-img-actu{
	width: 100%;
}
.path-actualites .txt_page_actu, .page-node-type-actualite .node--type-actualite .node__content .field--name-body {
  width: 100%;
}
.path-node.page-node-20 #groupe2{
	display: block;
}
.path-node.page-node-20 #groupe2 .field--type-webform, .path-node.page-node-21 #groupe2 .field--type-webform {
  width: 100%;
}
.path-node.page-node-20 #groupe2 .field--name-field-img2, .path-node.page-node-21 #groupe2 .field--name-field-img2 {
  width: 100%;
}



}


@media all and (max-width: 1050px) {
#block-asco-theme-specialite-home .field--name-body .spe_gauche,#block-asco-theme-specialite-home .field--name-body .spe_droite{
	width: 100%;
}

#groupe1{
	display: block;
}
.page-node-type-specialites #groupe1::before, .path-node #groupe1::before{
	z-index: -1;
	top: calc(50% - 400px);
}

.page-node-type-specialites #groupe1 .field--name-field-img1, .path-node #groupe1 .field--name-field-img1 {
  width: 100%;
}
.page-node-type-specialites #groupe1 .field--name-field-img1 img, .path-node #groupe1 .field--name-field-img1 img{
	object-fit: cover;
  width: 100%;
}
.page-node-type-specialites #groupe1 .field--name-body, .path-node #groupe1 .field--name-body{
	width: 100%;
}


}

@media all and (max-width: 991px) {
	#txt_horaire ul {
		width: 100%;
	}
	.adresse_bandeau_bas {
  padding: 43px 2% 43px 3%;
}

.equipe ul li{
width: 33%;
}

	/*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%;
	}
	.main-content h1{
		font-size: 3rem;
		margin-bottom: 10px;
	}

}

@media all and (max-width: 950px) {
	#contenu_shema {
	width: 800px;
}

.contenu_horaire {
	width: 100%;
}
.reseau_bandeau_bas {
  right: 50px;
}
.contenu_slide p {
  margin-top: 10px;
}

.contenu_horaire{
	padding: 5px 20px;
}

.view-slideshow .view-content {
 padding-top: 170px;
}
.contenu_slide {
 position: absolute;
 top: 19%;
}

#reseau_haut{
	display: none;
}

[type-animation="droite_gauche"] {
  transform: none!important;
}

}



@media all and (max-width: 850px) {
	#block-asco-theme-views-block-actualites-block-1 .view-content .views-row {
	  width: 100%;
	}

	#txt_horaire ul {
	 flex-wrap: wrap;
 }
  #txt_horaire li{
		width: 25%;
		padding: 0px 6px;
	}
	#txt_horaire h2{
		background-size: 20%;
		padding: 37px 0 0px 0;
		background-position-y: 5px;
	}

	.contenu_slide{
		width: 50%;
	}
	.reseau_bandeau_bas {
	 right: 0px;
 }

 	#fax_top{
 		display: none;
 	}


}

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

}




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

	#block-asco-theme-specialite-home .field--name-body .spe_droite ul li {
  width: 47%;
	margin-bottom: 15px;
}
#block-asco-theme-specialite-home .field--name-body .spe_droite ul {
  justify-content: space-around;
}
.main-content h1 {
  line-height: normal;
}

#contenu_shema {
	width: 700px;
}
.col_droite {
	 width: 33%;
 }
 .adresse_bandeau_bas {
	 width: 100%;
	 text-align: center;
   }

	 .contenu_adresse{
		 border: 0;
	 }

.lieu_adresse, .tel_adresse, .fax_adresse, .fax_adresse{
	background: none;
}

.horaire_bandeau_bas {
	width: 80%;
}

}


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

	.view-slideshow .view-content {
	 padding-top: 195px;
 }
 .contenu_slide {
	 top: 8%;
 }
 .site-branding__logo img {
	 max-height: 93px;
 }
 .path-frontpage #block-asco-theme-content .node__content {
	 width: 90%;
 }


 .page-node-type-specialites #groupe2, .path-node #groupe{
	 display: block;
 }

 .page-node-type-specialites #groupe2 .field--name-field-text2, .path-node #groupe2 .field--name-field-text2 {
  width: 100%;
  padding: 0 5%;
}
.page-node-type-specialites #groupe2 .field--name-field-img2, .page-node-type-specialites #groupe4 .field--name-field-img4, .path-node #groupe2 .field--name-field-img2 {
  width: 100%;
}
.equipe ul li{
background-size: 150px;
padding-top: 150px;
}

.path-node #groupe3{
	display: block;;
}
.page-node-type-specialites #groupe3 .field--name-field-img3, .path-node #groupe3 .field--name-field-img3 {
  width: 100%;
}
.page-node-type-specialites #groupe3 .field--name-field-text3, .path-node #groupe3 .field--name-field-text3 {
  width: 100%;
}

.page-node-16 .field--name-field-equipe h2 {
	margin-top: 47px;
}

}


@media all and (max-width: 670px) {
.col_gauche,.col_droite{
	width: 100%;
	text-align: left;
	margin-left: 0;
	padding-right: 10%;
}
.col_gauche p,.col_droite p{
	margin: 0
}
.col_gauche ul,.col_droite ul{
	margin-top: 10px;
	color: #2b353b;
}
.col_gauche{
margin-top: 550px;
}
.field--name-field-shema::before {
	display: none;
}
#contenu_shema{
width: 90%;
  background-size: contain;
}
#adresse_top{
	display: none;
}
#block-asco-theme-menutop{
	margin-right: 5%;
}
.contenu_slide {
	display: none;
  }
.adresse_footer,.mention_footer{
	text-align: center;
}

}




@media all and (max-width: 600px) {
	.atouts_home, .objectif_home {
	 width: 100%;
	 margin-bottom: 50px;
 }

 #txt_horaire{
	 display: none;
 }
 .path-frontpage .node--type-page-accueil .field--name-body {
  padding: 0;
}
.path-frontpage #block-asco-theme-content .node__content {
  padding-top: 0;
}

.picto_home{
	display: block;
}
.objectif_home {
	 margin-bottom: 0;
 }
.atouts_home h3{
 margin-top: -85px;
}
.page-node-type-specialites .field--name-field-text-bandeau, .path-node .field--name-field-text-bandeau {
	width: 80%;
}
.logo_marque ul li {
  width: 30%;
}

.page-node-type-actualite #block-asco-theme-bandeau-haut-actu .field--name-body, .path-actualites #block-asco-theme-bandeau-haut-actu-2 .field--name-body{
	width: 100%;
}
.path-actualites .lien_actu a{
	max-width: 100%;
}


}


@media all and (max-width: 500px){
	#block-asco-theme-specialite-home .field--name-body .spe_droite ul li {
    width: 90%;
    margin: 15px auto;
  }
	.main-content h1 {
  font-size: 2.5rem;
}

#block-asco-theme-menutop{
	margin-right: 0;
    position: relative;
		height: 46px;
}

#block-asco-theme-menutop2 {
	padding: 0;
}
 .region--secondary-menu{
	 width: 100%;
  display: block;
 }
  a#superfish-menu-top-toggle{
position: relative;
	}

	.page-node-type-specialites .field--name-field-text-bandeau, .path-node .field--name-field-text-bandeau {
    top: 52px;
  }

	.equipe ul li {
	background-size: 100px;
	padding-top: 100px;
	width: 50%;
}


}


@media all and (max-width: 460px) {
	.horaire_bandeau_bas {
    width: 100%;
  }
	.col_gauche {
     margin-top: 458px;
   }
	 .main-content h1 {
	     font-size: 2rem;
	   }

		 a.bt_savoir{
			 padding: 10px 9px;
		 }

}

@media all and (max-width: 360px) {
	.reseau_bandeau_bas {
  bottom: -3px;
}

.page-node-type-specialites .field--name-field-text-bandeau p, .path-node .field--name-field-text-bandeau p {
	display: none;
}
.page-node-type-specialites .field--name-field-img-bandeau img, .path-node .field--name-field-img-bandeau img,
.page-node-type-actualite #block-asco-theme-bandeau-haut-actu, .path-actualites #block-asco-theme-bandeau-haut-actu-2
{
	height: 300px;
}

.col_gauche {
	 margin-top: 350px;
 }
 .page-node-type-specialites #groupe1::before, .path-node #groupe1::before {
	z-index: -1;
	top: calc(50% - 494px);
}
.breadcrumb {
  top: 320px;
}

}

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