@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');





/*reinitialisation du template*/
.layout-main {
	width:100%;
}

#main-wrapper, .main-content-accueil{

	width: 100%;
	max-width: inherit;
	display: inline-block;

}

.block .content{
	margin-top:0;
}


.ligne{
	max-width:1400px;
	display:flex;
	justify-content: space-between;
	margin:0 auto;
	flex-wrap: wrap;
	padding:0 15px;
	
}

.ligne .ligne {
	padding:0;
	max-width:initial;
}

.main-content .section{
	padding:0;
}

article {
	width:100%;
}

/* general */

a {
	transition: all 0.5s;
}

a:hover {
	border:none;
}

.main-content p {
	
}

.main-content h1 {

}

.main-content h2 {

}

.main-content h3 {

}


/*Grille*/

.droite{
	justify-content: flex-end;
}

.gauche{
	justify-content: flex-start;
}

.pleine_largeur{
	max-width: inherit;
}

.colonne_1-1{
	width:100%;
}

.colonne_1-2{
	width:47.22%;
}

.colonne_1-3{
	width:29.63%;
}

.colonne_2-3{
	width:64.81%;
}

.colonne_1-4{
	width:20.83%;
}
.colonne_3-4{
	width:73.61%;
}

.colonne_1-5{
	width:16.25%;
}
.colonne_2-5{
	width:37.19%;
}

.colonne_3-5{
	width:53.44%;
}

.colonne_4-5{
	width:79.06%;
}
.flex {
	display:flex;
}
.margin {
	margin:auto;
}
.grille {
	display: grid;
	grid-template-columns: 1fr repeat(12, minmax(5px, 110px)) 1fr;
	grid-gap: 5px;
	width: 100%;
}

.fin{
	margin-right:0;
}
/*colonne fin*/

/*---------- RGPD --------------*/
#sliding-popup.sliding-popup-top{
	background: #5d5c5c;
}

#sliding-popup .popup-content{
	display: flex;
    padding: 7px 0;
}

#sliding-popup .popup-content #popup-text{
	margin: auto 20px auto 0;
	max-width: initial;
	text-align: center;
}
#sliding-popup .popup-content #popup-buttons{
	margin: auto 0;
	min-width: 180px;
}

#sliding-popup .popup-content #popup-buttons button{
	margin: auto 10px;
    border: 1px solid #fff;
    padding: 5px 16px;
    border-radius: 0;
    background: #fff;
    color: #2f2f2f!important;
    font-weight: 700;
    font-size: 13px;
}
#sliding-popup .popup-content #popup-buttons button:hover{
	background:transparent;
	color:#fff!important;
	text-shadow: none;
	box-shadow: none;
}
/*----------RGPD fin-----------*/

/*---------- Effets --------------*/
[type-animation="fondu"] {
	opacity: 0;
}

[type-animation="zoom"] {
	opacity: 0;
	transform: scale(0.6);
}

[type-animation="spirale"] {
	opacity: 0;
	transform-origin: top left;
	transform: rotate(145deg);
}

[type-animation="bas_haut"] {
	transform: translate(0px, 100px);
	opacity: 0;
}

[type-animation="haut_bas"] {
	transform: translate(0px, -100px);
	opacity: 0;
}

[type-animation="gauche_droite"] {
	transform: translate(-100px, 0);
	opacity: 0;
}

[type-animation="droite_gauche"] {
	opacity: 0;
	transform: translate(100px, 0);
}

.animated {
	transition-delay : 300ms;
	transition-duration : 1600ms;
	opacity: 1;
	transform: none;
}

/* --Siperfish modif --*/

ul#superfish-main {
    width: 100%;
    display: flex;
    justify-content: space-between;
	font-size: 1.1em;
}

ul#superfish-main li {
	background:none;
}

ul#superfish-main li a,
ul#superfish-main li a:visited,
ul#superfish-main li>span{
	background: none;
	border-radius: 0;
	text-shadow: none;
	font-weight: 600;
	color: #555;
	padding: 7px 10px;
	margin: 0;
	display: block;
	border:3px solid #fff;
	border-width:0 0 3px 0;
	cursor: pointer;
	
}

ul#superfish-main li a:hover,
ul#superfish-main li a:focus,
ul#superfish-main li a:active,
ul#superfish-main li>span:hover{
	background: none;
    color: #999;
    border-color: #999;
}
div.sf-accordion-toggle.sf-style-white a {
    background: none;
    border: none;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    padding: 0;
    position: relative;
    width: 30px;
    height: 30px;
}
div.sf-accordion-toggle.sf-style-white a:before {
	color:#0e5476;
	content:"Menu";
	font-size:18px;
	left:-10px;
	position:absolute;
	top:-20px;
}
div.sf-accordion-toggle.sf-style-white a.sf-expanded:before {
	content:none;
}
div.sf-accordion-toggle.sf-style-white a span {
	display:none;
}
div.sf-accordion-toggle.sf-style-white > a:after {
	content:none;
}
div.sf-accordion-toggle.sf-style-white > a.sf-expanded:after {
	content:none;
}
div.sf-accordion-toggle.sf-style-white > a,
div.sf-accordion-toggle.sf-style-white > a.sf-expanded {
    background-image: url(../images/picto_menu_156382.svg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 25px;
    position: relative;
    z-index: 1000;
    top: 20px;
    left: 20px;
}
div.sf-accordion-toggle.sf-style-white a.sf-expanded {
    background: transparent;
    background-image: url(../images/menu-ferme_fff.svg);
    top: -40vh;
    position: absolute;
}
/*ul.sf-menu.sf-accordion.sf-expanded {
	padding-top:150px;
}
ul.sf-menu.sf-accordion.sf-expanded, ul.sf-menu.sf-accordion li.sf-expanded > ul {
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    display: flex !important;
    flex-wrap: wrap;
	z-index:99;
}
ul.sf-menu.sf-accordion li.sf-expanded > ul {
    display: block !important;
    position: relative;
    top: 0 !important;
    z-index: 999;
}
ul.sf-menu.sf-accordion.sf-expanded:after {
    background-color: #172849;
	content:"";
	left:0;
	top:0;
    height: 100vh;
	position:fixed;
    width: 100%;
}
ul.sf-menu.sf-style-white li li li,
ul.sf-menu.sf-style-white li, ul.sf-menu.sf-style-white.sf-navbar {
    background: #172849;
}
ul.sf-menu.sf-accordion, ul.sf-menu.sf-accordion ul, ul.sf-menu.sf-accordion li {
	margin:auto;
	width:100%;
}
ul.sf-menu.sf-style-white.sf-accordion li li li a, ul.sf-menu.sf-style-white.sf-accordion li li li span.nolink,
ul.sf-menu.sf-style-white.sf-accordion li li a, ul.sf-menu.sf-style-white.sf-accordion li li span.nolink {
    font-size: 20px;
    padding-left: 10px;
}
ul.sf-menu.sf-style-white.sf-accordion li li a, ul.sf-menu.sf-style-white.sf-accordion li li span.nolink {
	color: #dfae27;
	margin:0;
}
ul.sf-menu.sf-style-white.sf-accordion li li li a, ul.sf-menu.sf-style-white.sf-accordion li li li span.nolink {
	color:#fff;
}
ul.sf-menu.sf-style-white a, ul.sf-menu.sf-style-white a:visited, ul.sf-menu.sf-style-white span.nolink {
    background-color: #172849;
    border: 0 none;
    color: #fff;
    font-size: 24px;
    padding: 10px;
    display: block;
    width: calc(100% - 20px);
    text-align: center;
    text-shadow: none;
}
ul.sf-menu.sf-style-white li:hover, ul.sf-menu.sf-style-white li.sfHover, ul.sf-menu.sf-style-white a:focus, ul.sf-menu.sf-style-white a:hover, ul.sf-menu.sf-style-white span.nolink:hover {
    background: #172849;
    outline: 0;
    color: #dfae27;
}
ul.sf-menu.sf-style-white span.nolink.menuparent {
    background-image: url(../images/chevron_menu.png);
    background-position: 50% 90%;
    background-repeat: no-repeat;
    background-size: 10px;
    padding-bottom: 15px;
}
*/
ul.sf-menu.sf-accordion, ul.sf-menu.sf-accordion.sf-expanded {
    background-color: #c3dee2;
    height: 560px !important;
    left: 0 !important;
	opacity:1;
    position: fixed;
    top: 50% !important;
    margin-top: -280px;
    width: 100%;
    transition: all 1.5s ease-out 0s;
    -webkit-transition: all 1.5s ease-out 0s;
    -moz-transition: all 1.5s ease-out 0s;
}
ul.sf-menu.sf-accordion {
	opacity:0;
}
ul.sf-menu.sf-accordion.sf-expanded {
	opacity:1;
}
ul.sf-menu.sf-accordion, ul.sf-menu.sf-accordion.sf-hidden li {
	opacity:0;
}
ul.sf-menu.sf-accordion.sf-expanded:after {
    background-color: #172849;
    height: calc(100vh - 80px) !important;
	content:"";
    left: 0 !important;
    padding-top: 80px;
    position: fixed;
    top: 0 !important;
    width: 100%;
	visibility:visible;
}
ul.sf-menu.sf-style-white li, ul.sf-menu.sf-style-white.sf-navbar {
    background: none;
}
ul.sf-menu.sf-accordion ul, ul.sf-menu.sf-accordion li {
	cursor:pointer;
    float: none;
    width: 33.33%;
}
ul.sf-menu li:hover > ul.hidden, ul.sf-menu li.sfHover > ul.hidden, ul.sf-menu.sf-accordion li.sf-expanded > ul.hidden,
ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul, ul.sf-menu.sf-accordion li.sf-expanded > ul {
	left: 33.33% !important;
    position: fixed !important;
    width: 33.33% !important;
    top: auto !important;
    margin-top: -100px !important;
    z-index: 99;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
}
ul.sf-menu li.sf-expanded ul,
ul.sf-menu.sf-accordion li.sf-expanded > ul li.sf-expanded ul,
ul.sf-menu.sf-accordion li.sf-expanded > ul li ul {
	opacity:0;
}
ul.sf-menu li.sf-expanded:hover ul,
ul.sf-menu.sf-accordion li.sf-expanded > ul li.sf-expanded:hover ul,
ul.sf-menu.sf-accordion li.sf-expanded > ul li:hover ul {
	opacity:1;
}
ul.sf-menu li:hover > ul li ul, ul.sf-menu li.sfHover > ul li.sf-expanded ul, ul.sf-menu.sf-accordion li.sf-expanded > ul li.sf-expanded ul,
ul.sf-menu.sf-accordion li > ul li.sf-expanded ul,
ul.sf-menu li:hover > ul li ul, ul.sf-menu li.sfHover > ul li ul, ul.sf-menu.sf-accordion li.sf-expanded > ul li ul {
    left: 66.66% !important;
    position: fixed;
    width: 33.33%;
    top: auto !important;
    margin-top: -82px;
    z-index: 99;
}
ul.sf-menu.sf-accordion li.sf-expanded > ul li:nth-child(4) ul {
	margin-top:-170px;
}
ul.sf-menu.sf-accordion li.sf-expanded > ul li#main-menu-link-content3b835ebf-2719-459d-9088-a3c6fbee55a1-accordion ul,
ul.sf-menu.sf-accordion li.sf-expanded > ul li#main-menu-link-content912103f5-50d8-4fba-bdb2-a6d81444fa54-accordion ul{
	margin-top:-82px;
}
ul.sf-menu.sf-style-white li li {
	width:100%;
}
ul.sf-menu.sf-style-white span.nolink.menuparent {
    background-image: url(../images/chevron_menu-2.png);
    background-position: 90% 50%;
    background-repeat: no-repeat;
    background-size: 8px;
    padding-right: 10px;
}
div.sf-accordion-toggle.sf-style-white a.sf-expanded,
ul.sf-menu.sf-style-white.sf-accordion li.sf-expanded {
    border: none;
}
ul.sf-menu.sf-style-white.sf-accordion li.sf-expanded {
	background:none;
}
ul.sf-menu.sf-accordion, ul.sf-menu.sf-accordion ul, ul.sf-menu.sf-accordion li {
    float: none;
    width: 33.33%;
}
ul.sf-menu.sf-style-white a, ul.sf-menu.sf-style-white a:visited, ul.sf-menu.sf-style-white span.nolink {
    background: none;
    border-radius: 0;
    color: #fff;
    display: block;
    float: none;
    font-size: 22px;
    font-weight: 500;
    margin: 0;
    padding: 20px;
    text-align: left;
    text-shadow: none;
    border-bottom:none;
}
ul.sf-menu.sf-style-white a:after,
ul.sf-menu.sf-style-white span.nolink:after {
	background-color:#fff;
	bottom:0;
	content:"";
	height:1px;
	left:20px;
	position:absolute;
	width:0px;
}
ul.sf-menu.sf-style-white .sf-expanded > a:after,
ul.sf-menu.sf-style-white .sf-expanded > span.nolink:after,
ul.sf-menu.sf-style-white a:hover:after,
ul.sf-menu.sf-style-white span.nolink:hover:after {
	width:200px;
}
ul.sf-menu.sf-style-white li li, ul.sf-menu.sf-style-white.sf-navbar > li > ul {
	background:transparent;
}
ul.sf-menu.sf-style-white .sf-expanded > a,
ul.sf-menu.sf-style-white .sf-expanded > span,
ul.sf-menu.sf-style-white li li a,
ul.sf-menu.sf-style-white li:hover,
ul.sf-menu.sf-style-white li.sfHover,
ul.sf-menu.sf-style-white a:focus,
ul.sf-menu.sf-style-white a:hover,
ul.sf-menu.sf-style-white span.nolink:hover {
	background-color:transparent;
    color: #dfae27;
}
ul.sf-menu.sf-style-white li li.sf-clone-parent {
	display:none;
}
ul.sf-menu.sf-style-white.sf-accordion li li li a, ul.sf-menu.sf-style-white.sf-accordion li li li span.nolink {
    padding: 20px;
}
ul.sf-menu.sf-style-white li li.active-trail a,
ul.sf-menu.sf-style-white li li a:hover {
}
ul.sf-menu.sf-style-white li li li {
    background: transparent;
}
/*---------- Effets fin --------------*/
div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
    background: #333;
}
body {
    background-color: #fff !important;
    color: #000 !important;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 16px;
    text-align: justify;
}
.site-branding__logo {
	background-image: url(../images/logo_color.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 300px;
	height:122px;
	width:300px;
}
.site-branding__logo img {
	display:none;
	max-width:300px;
}
.page-node-26 .site-branding__logo img,
.path-frontpage .site-branding__logo img {
	display:block;
	max-width:300px;
}
.page-node-26 .site-branding__logo,
.path-frontpage .site-branding__logo {
	background-image: none;
	height:auto;
	width:auto;
}
a, .region-lieux .colonne_1-3 div, .region-lieux .colonne_1-2 div {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
a:hover, a:active, a:focus, .link:hover, .link:active, .link:focus {
    text-decoration: none;
    border-bottom-style: none;
}
a, a.link {
    text-decoration: none;
    border-bottom: none;
}
h1, h2, h3, h4 {
	text-align:left;
}
h2, .heading-b {
	color:#133f7f;
    margin: 1em 0 30px;
    font-size: 30px;
	font-weight:700;
	position:relative;
}
h3, .heading-c {
    font-size: 24px;
	font-weight:400;
}
.node__content {
    font-size: 1em;
}
.text-formatted ul li {
    background-image: url(../images/puce.png);
    background-position: 0px 9px;
    background-repeat: no-repeat;
    list-style: none;
    padding-left: 17px;
    background-size: 8px;
}
a.btn-bleu,
a.btn-or {
	background-color:#156382;
	border:1px solid #156382;
	color:#fff;
	padding:5px 10px;
}
a.btn-bleu:hover {
	background-color:#fff;
	color:#156382;
}
a.btn-or {
	background-color:#dfae27;
	border-color:#dfae27;
}
a.btn-or:hover {
	background-color:#fff;
	color:#dfae27;
}
a.btn-rdv,
a.plus-noir {
    background-image: url(../images/picto_fleche-right_000.svg);
    background-position: center left;
    background-repeat: no-repeat;
	background-size:30px;
	color:#000;
	padding:10px 0 10px 40px;
}
a.btn-rdv {
    background-image: url(../images/picto_rdv_000.svg);
}
a.btn-rdv:hover {
    background-image: url(../images/picto_rdv_dda713_1.svg);
}
a.plus-noir:hover {
    background-image: url(../images/picto_fleche-right_dda713.svg);
}
.bg_bleu1 {
	background-color:#156382;
	color:#fff;
}
.bg_bleu2 {
	background-color:#0e5476;
	color:#fff;
}
.bg_or {
	background-color:#dfae27;
	color:#fff;
}
.dialog-off-canvas-main-canvas .layout-container {
    max-width: 100%;
    position: relative;
    width: calc(100% - 100px);
    margin-right: 0;
}
.breadcrumb ol {
	font-style:italic;
	padding-top:10px;
}
#menu {
    background-color: rgba(255, 255, 255, 0.4);
    background-image: url(../images/icon_logo.svg);
    background-position: 50% 20px;
    background-repeat: no-repeat;
    background-size: 40px;
    left: 0;
    position: fixed;
    top: 0;
    width: 90px;
    height: 100vh;
    z-index: 999;
}
#block-btaccueil {
    left: 8px;
    position: relative;
    top: 10px;
}
#block-btaccueil a {
    background-image: url(../images/picto_home_156382.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40px;
    display: block;
    height: 50px;
    width: 50px;
}
#block-navigationprincipale {
    left: 10px;
    position: relative;
    top: 35vh;
}
#block-btnmenu {
    position: relative;
    top: 62vh;
}
#block-btnmenu .ligne {
	display:block;
}
#block-btnmenu p {
	text-align:center;
}
#block-btnmenu a {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 25px;
    border-radius: 30px;
    color: rgba(0, 0, 0, 0);
    display: block;
    height: 25px;
    font-size: 1px;
    margin: 0 auto;
    text-transform: uppercase;
    width: 35px;
}
#block-btnmenu a:hover {
	background-color:#dda712;
	color:#fff;
	font-size:18px;
	width:auto;
}
#block-btnmenu a.menu-rdv {
	background-image:url(../images/picto_rdv_156382.svg);
}
#block-btnmenu a.menu-rdv:hover {
    background-image: url(../images/picto_rdv_dda713_1.svg);
    width: 145px;
    padding: 1px 0 5px 20px;
    height: 20px;
}
#block-btnmenu a.menu-acces {
	background-image:url(../images/picto_lieux_156382.svg);
}
#block-btnmenu a.menu-acces:hover {
    background-image: url(../images/picto_lieux_fff.svg);
    width: 80px;
    padding: 3px 0 5px 20px;
    height: 20px;
}
#block-btnmenu a.menu-tel {
	background-image:url(../images/picto_telephone_156382.svg);
}
#block-btnmenu a.menu-tel:hover {
    background-image: url(../images/picto_telephone_fff.svg);
    height: 20px;
    padding: 0px 0 5px 20px;
    width: 140px;
}
header {
    position: absolute;
    top:10px;
    left: 0;
    width: 100%;
    z-index: 99;
}
.region-header .site-branding {
    float: none;
    margin-left: 20px;
}
.flexslider {
    margin: 0;
    background: #fff;
    border:none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius: 0;
    -webkit-box-shadow:none;
    -moz-box-shadow: none;
    -o-box-shadow:none;
    box-shadow: none;
	position:relative;
}
.flexslider .views-field-body {
    display: flex;
    height: 100%;
    padding-left: 10%;
    position: absolute;
    top: 0;
    width: 40%;
}
.flexslider .views-field-body > div{
	margin:auto;
}
.flexslider .views-field-body h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
}
.flexslider .views-field-body a {
    background-color: #fff;
    border-radius: 40px;
    color: #133f7f;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 20px 13px;
    text-transform: uppercase;
}
.flexslider .views-field-body a.slide-rdv {
    background-image: url(../images/picto_rdv_156382.svg);
    background-position: 10px 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    padding-left: 40px;
}
.flexslider .views-field-body a:hover {
	background-color:#133f7f;
	background-image:url(../images/picto_rdv_fff.svg);
	color:#fff;
}
.flexslider .views-field-body a.slide-rdv:hover {
}
.flex-direction-nav {
	display:none;
}
.flex-control-nav {
    z-index: 99;
}
.path-frontpage #block-asco-theme-page-title {
	background-image:none;
	padding:0;
}
.path-frontpage #block-asco-theme-page-title h1.page-title,
.path-frontpage h1 {
	color:#133f7f;
	font-size:40px;
	font-weight:700;
	margin-bottom:30px;
	margin-top:70px;
	padding-bottom:20px;
	text-align:center;
	text-shadow:none;
}
.page-node-type-intervention h2:after,
#list_intro p:after,
.path-frontpage h1:after {
	bottom: -10px;
    content: "";
    height: 2px;
    left: 50%;
	margin-left:-125px;
    position: absolute;
    width: 250px;
    z-index: 9;
    background-color: #dda712;
}
#list_intro p:after {
	left:0;
	margin:0;
    width: 200px;
}
#list_intro ul {
	display:flex;
	flex-wrap:wrap;
}
#list_intro ul li {
	width:45%;
}
.path-frontpage #block-asco-theme-content {
	padding:30px 0;
}
.path-frontpage #block-asco-theme-content p,
.path-frontpage #block-asco-theme-content li {
	color:#999999;
	position:relative;
}
.lieux .colonne_1-3,
#img-intro,
#img-equipe {
	background-image:url(../images/photo_centre.jpg);
	background-position:center;
	background-size:cover;
}
#img-equipe img {
	height:100%;
	margin:0;
	object-fit:cover;
	width:100%;
}
#img-equipe {
    background-image: none;
    padding: 0;
    width: 50%;
}
.path-frontpage #block-asco-theme-content .ligne,
.region-equipe .ligne {
	max-width:100%;
	padding:0;
}
.path-frontpage #block-asco-theme-content .ligne .colonne_1-2 {
	padding: 50px 5% 50px 5%;
    width: 40%;
}
.region-equipe .colonne_1-2 {
	background-color:#156382;
	padding:50px 5%;
	width:40%;
}
.region-equipe h2 {
	border-bottom:1px solid #dda712;
	color:#fff;
	margin-bottom:30px;
	padding-bottom:30px;
}
.region-equipe .text-formatted ul {
	margin:0;
	padding:0;
}
.region-equipe .text-formatted ul li {
    background-image: none;
	list-style:none;
    padding-left: 0;
    position: relative;
}
.region-equipe ul li a {
    background-image: url(../images/picto_fleche-right_fff.svg);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 30px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 0 10px 40px;
}
.region-equipe ul li a:hover {
	background-position: 10px 50%;
    padding: 10px 0 10px 50px;
}
#block-solutions-2,
.region-solutions {
	background-attachment:fixed;
	background-image:url(../images/background_intervention.jpg);
	padding:30px; 
}
#block-solutions-2 h2,
.region-lieux h2,
.region-solutions h2 {
	border-bottom:1px solid #133f7f;
	margin-bottom:30px;
	padding-bottom:30px;
	text-align:center;
}
#block-solutions-2 h2 + p,
.region-solutions h2 + p {
	margin-bottom:40px;
}
#block-solutions-2 .colonne_1-2,
#block-solutions-2 .colonne_1-3,
.region-solutions .colonne_1-2,
.region-solutions .colonne_1-3 {
	background-color:#fff;
	box-shadow:0 0 10px rgba(0, 0, 0, 0.4);
	margin-bottom:30px;
}
#block-solutions-2 h3,
.region-solutions h3 {
	margin-top:0;
	padding:30px 10px;
	text-align:center;
}
#block-solutions-2 h3 {
    padding: 10px 10px;
}
.region-lieux #block-solutions-2 a {
	margin:5px 0;
}
#block-solutions-2 .text-formatted ul,
.region-solutions .text-formatted ul {
	margin:0;
	padding:0 30px 30px;
}
#block-solutions-2 .text-formatted ul {
    padding: 0 30px 0px;
}
#block-solutions-2 .colonne_1-2 p,
.region-solutions .colonne_1-2 p {
	padding:0 30px
}
#block-solutions-2 .text-formatted ul li,
.region-solutions .text-formatted ul li {
    background-image:none;
    padding-left:0;
}
#block-solutions-2 .text-formatted ul li a,
.region-solutions .text-formatted ul li a {
    background-image: url(../images/picto_plus_000.svg);
    background-position: center right;
    background-repeat: no-repeat;
	background-size:10px;
	border-bottom:1px solid #afafaf;
	color:#000;
	display:block;
	padding:20px 10px 10px;
}
#block-solutions-2 .text-formatted ul li a {
    padding: 5px 10px;
}
#block-solutions-2 .text-formatted ul li a:hover,
.region-solutions .text-formatted ul li a:hover {
	background-color:#efefef;
    background-image: url(../images/picto_plus_dda713_1.svg);
}
#block-solutions-2 .colonne_1-2 ul,
.region-solutions .colonne_1-2 ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#block-solutions-2 .colonne_1-2 ul li,
.region-solutions .colonne_1-2 ul li {
	width:45%;
}
.region-lieux #block-solutions-2 .colonne_1-3,
.region-lieux #block-solutions-2 .colonne_1-2 {
	height:auto;
}
.region-lieux #block-solutions-2 .colonne_1-3 h3,
.region-lieux #block-solutions-2 .colonne_1-2 h3 {
	color:#fff;
}
.region-lieux {
	background-color:#ededed;
	padding:30px;
}
.region-lieux h2 {
	text-align:left;
}
.region-lieux h2 + p {
	color:#999999;
	margin-bottom:30px;
}
.region-lieux .colonne_1-3,
.region-lieux .colonne_1-2 {
	background-size:cover;
	overflow:hidden;
	position:relative;
}
.region-lieux .colonne_1-2 {
	background-color:#fff;
	box-shadow:0 0 10px rgb(0 0 0 / 40%);
	height:auto;
	margin-bottom:30px;
}
.region-lieux .colonne_1-3 {
	height:300px;
	margin-bottom:40px;
}
.region-lieux .colonne_1-2 div,
.region-lieux .colonne_1-3 div {
    background-color: #fff;
    background-image: url(../images/picto_plus_000.svg);
    background-position: 95% 60px;
    background-repeat: no-repeat;
    background-size: 10px;
    color: #172849;
    display: block;
    height: 100%;
    margin: auto;
    padding: 20px 10px;
    position: relative;
    top: 0;
}
.region-lieux .colonne_1-2 div {
	top:0;
}
.region-lieux .colonne_1-2:after, .region-lieux .colonne_1-3:after {
    bottom: 0;
    content: "";
    height: 5px;
    left: 5%;
    position: absolute;
    width: 90%;
    z-index: 9;
    background-color: #dda712;
}
.region-lieux .colonne_1-2:after {
	background-color:#133f7f;
}
.region-lieux .colonne_1-2 h3 {
	color:#000;
	margin-top:0;
}
.region-lieux .colonne_1-3 h3 {
	color:#172849;
	margin-top:0;
}
.img_acces.drevon,
.colonne_1-3#drevon {
	background-image:url(../images/photo_centre-drevon.jpg);
}
.img_acces.bocage,
.colonne_1-3#bocage {
	background-image:url(../images/photo_centre-bocage.jpg);
}
.img_acces.bocage {
	background-image:url(../images/photo_centre-bocage2.jpg);
	background-position:right center;
}
.img_acces.dijon,
.colonne_1-3#dijon {
	background-image:url(../images/photo_centre-valmy.jpg);
}
.region-lieux .colonne_1-2:after {
    background-color: #dda712;
}
.region-lieux .colonne_1-3:after {
    background-color: #133f7f;
}

.region-lieux .colonne_1-2,
.region-lieux .colonne_1-3{
	height: auto;
}
.region-lieux .colonne_1-2 div p > span,
.region-lieux .colonne_1-3 div p > span{
    padding: 12px 0 12px 45px;
}

.region-lieux .colonne_1-2 br,
.region-lieux .colonne_1-3 br{
	
}
/*
.region-lieux .colonne_1-2:hover div,
.region-lieux .colonne_1-3:hover div {
    background-color: rgba(223, 174, 39, 0.8);
    background-image:none;
    color: #fff;
    top: 90px;
}
.region-lieux .colonne_1-2:hover div {
    background-color: rgba(19, 63, 127, 0.8);
    top: -70%;
    height: auto;
}
.region-lieux .colonne_1-2:hover div .adresse,
.region-lieux .colonne_1-3:hover div .adresse {
    background-image: url(../images/picto_lieux_fff.svg);
}
.region-lieux .colonne_1-2:hover div .telephone,
.region-lieux .colonne_1-3:hover div .telephone {
    background-image: url(../images/picto_telephone_fff.svg);
}
.region-lieux .colonne_1-2:hover div .adresse {
	height:80px;
	opacity:0;
}
.region-lieux .colonne_1-2:hover div h3,
.region-lieux .colonne_1-3:hover div h3 {
	color:#fff;
}
*/

.telephone,
.adresse {
    background-image: url(../images/picto_lieux_156382.svg);
    background-position:0 5px;
    background-repeat: no-repeat;
	background-size:35px;
	display:block;
	padding-left:45px;
}
.telephone {
    background-image: url(../images/picto_telephone_156382.svg);
    background-position: left center;
    padding: 5px 0 5px 45px;
}
.region-lieux a {
    border-bottom: 1px dotted #fff;
	color:#000;
    display: block;
    margin: 10px 0;
}
/*
.region-lieux a:hover {
	color:#000;
}
*/
.region-footerok {
	clear:both;
}
.region-footerok .ligne {
	display:block;
}
#block-footer {
	background-image:url(../images/logo_color.png);
	background-position:50% 10px;
	background-repeat:no-repeat;
	background-size:200px;
	padding-top:100px;
}
#block-footer p {
	border-top:1px solid #dda712;
	padding-top:10px;
	text-align:center;
}
/* Praticien */
#block-asco-theme-page-title {
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	padding:150px 15px;
}
#block-asco-theme-page-title h1.page-title {
    font-size: 40px;
	font-weight:800;
    text-align: center;
    text-shadow: 1px 1px 5px rgb(0 0 0 / 70%);
    color: #fff;
}
.page-node-32.page-node-type-page #block-asco-theme-page-title,
.page-node-type-praticien #block-asco-theme-page-title {
	background-image:url(../images/bg_equipe.jpg);
}
.page-node-26.page-node-type-praticien #block-asco-theme-page-title {
	background-image:url(../images/bg_buffet.jpg);
}
.page-node-20.page-node-type-page #block-asco-theme-page-title,
.page-node-29.page-node-type-page #block-asco-theme-page-title {
	background-image:url(../images/bg_consultation2.jpg);
}
.page-node-4.page-node-type-intervention #block-asco-theme-page-title,
.page-node-7.page-node-type-intervention #block-asco-theme-page-title,
.page-node-14.page-node-type-intervention #block-asco-theme-page-title,
.page-node-15.page-node-type-intervention #block-asco-theme-page-title,
.page-node-6.page-node-type-intervention #block-asco-theme-page-title {
	background-image:url(../images/bg_rythmologie.jpg);
}
.page-node-type-actualites #block-asco-theme-page-title,
.path-actualites #block-asco-theme-page-title {
	background-image:url(../images/bg_actualites.jpg);
}
.page-node-21.page-node-type-page #block-asco-theme-page-title {
	background-image:url(../images/bg_contact.jpg);
}
.page-node-22.page-node-type-page #block-asco-theme-page-title {
	background-image:url(../images/bg_groupe.jpg);
	background-position:bottom center;
}
.page-node-type-praticien #block-asco-theme-content {
	padding:50px 0 20px;
}
.node .field--type-image {
    float: none;
    margin: 0;
}
.groupe {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 30px;
}
.groupe .ligne {
	display:block;
	padding:0;
}
.groupe .gauche {
	width:35%;
}
.groupe .droite {
	width:60%;
}
.page-node-type-praticien h2 {
	margin-bottom:0;
}
.page-node-type-praticien .field {
    margin-bottom: 30px;
}
.page-node-type-praticien .field__label {
    color: #fff;
    margin: 0 0 20px;
    font-size: 30px;
    font-weight: 700;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 5px 15px;
    text-align: center;
}
.page-node-type-praticien .field--name-field-par-telephone,
.page-node-type-praticien .field--name-field-par-telephone .field__label {
	color:#000;
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    background-color: transparent;
    padding: 0;
    text-align: center;
}
.page-node-type-praticien .field--name-field-par-telephone {
	margin-bottom:30px;
}
.page-node-type-praticien .field--name-field-photo-praticien img {
	display:block;
	margin:0 auto;
}
.page-node-type-praticien .field--type-link a {
    background-color: #dfae27;
    border: 1px solid #dfae27;
    color: #fff;
    display: block;
    font-size: 20px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}
.page-node-type-praticien .field--type-link a:hover {
    background-color: #fff;
	color:#dfae27;
}
.page-node-type-praticien .field--name-field-horaires-de-consultations,
.page-node-type-praticien .field--name-field-specialites {
	background-color:#0e5476;
	color:#fff;
	padding:20px;
}
.page-node-type-praticien .field--name-field-horaires-de-consultations {
	text-align:center;
}
.page-node-type-praticien .field--name-field-horaires-de-consultations .field__label {
	font-size:26px;
}
.page-node-type-praticien .field--name-field-specialites {
    background-color: #0e5476;
}
.page-node-type-praticien .region-lieux h2 {
    text-align: center;
    margin-bottom: 30px;
}
#block-rdvenligne .text-formatted ul,
#block-trombinoscope-2 .text-formatted ul,
#block-trombinoscope .text-formatted ul {
	display:flex;
	flex-wrap:wrap;
	margin:0;
	padding:0;
}
#block-rdvenligne ul li,
#block-trombinoscope-2 .text-formatted ul li,
#block-trombinoscope .text-formatted ul li {
    background-image: none;
    padding-left:0;
	width:20%;
}
#block-rdvenligne ul:first-of-type li {
	width:33.33%;
}
#block-rdvenligne ul:last-of-type li {
	width:50%;
}
#block-rdvenligne ul li a,
.region-lieux #block-trombinoscope-2 ul li a,
.region-lieux #block-trombinoscope ul li a {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 200px;
    border-bottom: 0;
    color: #156382;
    display: block;
    font-size: 20px;
    padding: 10px;
    text-align: center;
}
#block-rdvenligne ul li a img,
.region-lieux #block-trombinoscope-2 ul li a img,
.region-lieux #block-trombinoscope ul li a img {
	display:block;
	margin:0 auto 10px;
	width:200px;
}
.region-lieux #block-trombinoscope-2 ul li a {
	filter:grayscale(0);
}
/*#block-rdvenligne ul:first-of-type li:first-child a,
.region-lieux #block-trombinoscope ul li:first-child a,
.region-lieux #block-trombinoscope-2 ul li:first-child a {
	background-image:url(../images/dr_aulagne.jpg);
}
#block-rdvenligne ul:last-of-type li:first-child a,
.region-lieux #block-trombinoscope ul li:nth-child(2) a,
.region-lieux #block-trombinoscope-2 ul li:nth-child(2) a {
	background-image:url(../images/dr_buffet.jpg);
}
#block-rdvenligne ul:first-of-type li:nth-child(2) a,
.region-lieux #block-trombinoscope ul li:nth-child(3) a,
.region-lieux #block-trombinoscope-2 ul li:nth-child(3) a {
	background-image:url(../images/dr_maillot.jpg);
}
#block-rdvenligne ul:last-of-type li:last-child a,
.region-lieux #block-trombinoscope ul li:nth-child(4) a,
.region-lieux #block-trombinoscope-2 ul li:nth-child(4) a {
	background-image:url(../images/dr_morelon.jpg);
}
#block-rdvenligne ul:first-of-type li:last-child a,
.region-lieux #block-trombinoscope ul li:last-child a,
.region-lieux #block-trombinoscope-2 ul li:last-child a {
	background-image:url(../images/dr_stamboul.jpg);
}*/
.region-lieux #block-trombinoscope-2 ul li a:hover {
	filter:grayscale(1);
}
#block-rdvenligne ul li a {
	filter:grayscale(0);
}
#block-rdvenligne ul:last-of-type li a {
	cursor:default;
}
#block-rdvenligne ul:first-of-type li a:hover {
	filter:grayscale(1);
}
.page-node-26 .region-lieux #block-trombinoscope ul li:nth-child(2) a,
.page-node-5 .region-lieux #block-trombinoscope ul li:nth-child(4) a,
.page-node-23 .region-lieux #block-trombinoscope ul li:nth-child(3) a,
.page-node-3 .region-lieux #block-trombinoscope ul li:first-child a,
.page-node-27 .region-lieux #block-trombinoscope ul li:last-child a,
.region-lieux #block-trombinoscope ul li a:hover {
	filter:grayscale(0);
}
/* Interventions */
.page-node-type-page #block-asco-theme-page-title,
.page-node-type-intervention #block-asco-theme-page-title {
	background-image:url(../images/bg_intervention.jpg);
}
.page-node-35.page-node-type-intervention #block-asco-theme-page-title,
.page-node-13.page-node-type-intervention #block-asco-theme-page-title,
.page-node-16.page-node-type-intervention #block-asco-theme-page-title {
	background-image:url(../images/bg_cardiologie_generale.jpg);
}
.page-node-10.page-node-type-intervention #block-asco-theme-page-title,
.page-node-11.page-node-type-intervention #block-asco-theme-page-title,
.page-node-17.page-node-type-intervention #block-asco-theme-page-title {
	background-image:url(../images/bg_non_invasif.jpg);
}
.page-node-31.page-node-type-intervention #block-asco-theme-page-title,
.page-node-30.page-node-type-intervention #block-asco-theme-page-title,
.page-node-18.page-node-type-intervention #block-asco-theme-page-title,
.page-node-12.page-node-type-intervention #block-asco-theme-page-title {
	background-image:url(../images/bg_cardiologie_interventionnelle.jpg);
}
.page-node-21 #block-asco-theme-page-title {
	background-image:url(../images/bg_contact.jpg);
}
.path-frontpage.page-node-type-page #block-asco-theme-page-title {
	background-image:none;
}
.page-node-type-intervention h2:after {
	left:0;
	margin:0;
}
.page-node-type-intervention #block-asco-theme-page-title {
	background-image:url(../images/bg_intervention.jpg);
}
.page-node-type-intervention #bas,
.page-node-type-intervention #haut {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 30px auto 50px;
    max-width: 1400px;
}
.page-node-type-intervention #bas > .field--name-field-body-3,
.page-node-type-intervention #haut > .field--name-body {
    border-left: 10px solid #156382;
    display: flex;
    padding-left: 40px;
    width: 860px;
}
.page-node-type-intervention #bas > .field--name-field-accroche,
.page-node-type-intervention .field--name-field-rdv {
    display: flex;
    text-align: center;
    width: 420px;
}
.page-node-type-intervention #haut .ligne {
    display: block;
    margin: auto;
}
.page-node-type-intervention .field--name-field-rdv .ligne > .field--name-body {
    background-color: #156382;
    padding: 20px;
}
.page-node-type-intervention .field--name-field-rdv h2,
.page-node-type-intervention .field--name-field-rdv h3 {
    color: #fff;
    font-size: 28px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
}
.page-node-type-intervention .field--name-field-rdv h2:after {
	content:none;
}
.page-node-type-intervention .field--name-field-rdv h3 {
    font-size:20px;
	margin-bottom:20px;
}
.page-node-type-intervention .field--name-field-rdv .adresse {
    background-image: url(../images/picto_lieux_fff.svg);
    color: #fff;
    margin: 0 auto;
    width: 220px;
    text-align: left;
}
.page-node-type-intervention .field--name-field-rdv .telephone {
    background-image: url(../images/picto_telephone_fff.svg);
    color: #fff;
    margin: 0 auto;
    width: 130px;
}
.page-node-type-intervention .field--name-field-rdv a {
    color: #fff;
    border-bottom: 1px solid #fff;
}
.page-node-type-intervention .field--name-field-rdv a:hover {
	color:#dfae27;
}
.page-node-type-intervention .field--name-field-rdv a.btn-or {
	border:1px solid #fff;
    font-size: 18px;
    font-weight: bold;
    margin: 20px;
    text-transform: uppercase;
    display: block;
}

.page-node-type-intervention .field--name-field-body-2 {
    background-attachment: fixed;
    background-image: url(../images/background_intervention.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 40px 15px 20px;
}
.page-node-type-intervention .field--name-field-body-2 > div {
    display: flex;
    width: 42.5%;
}
.page-node-type-intervention .field--name-field-body-2 > div > div {
    display: block;
    margin: auto;
}
.page-node-type-intervention #bas {
	max-width: 100%;
    background-color: #f2f2f2;
    margin: 0 0 50px;
    padding: 30px;
}
.page-node-type-intervention #bas > .field--name-field-body-3 {
    border-left: none;
    display: flex;
    padding-left: 0;
    width: 850px;
}
.page-node-type-intervention #bas > .field--name-field-body-3 .ligne {
    display: block;
    margin: auto;
}
.page-node-type-intervention #bas > .field--name-field-accroche {
    display: flex;
}
.page-node-type-intervention #bas > .field--name-field-accroche .ligne {
    background-color: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    display: block;
    margin: auto;
    padding: 0;
    max-width: 470px;
    width: 100%;
}
.page-node-type-intervention #bas > .field--name-field-accroche .text-formatted h3.bg_or {
    margin-top: 0;
    padding: 10px 30px;
    text-align: center;
}
.page-node-type-intervention #bas > .field--name-field-accroche .text-formatted ul {
	margin:0;
	padding:10px;
}
.page-node-type-intervention #bas > .field--name-field-accroche .text-formatted ul li {
	background-position:bottom center;
	background-size:5px;
	margin-bottom:5px;
	padding:0 0 10px;
}
.page-node-20 .node--type-page {
	padding:30px 0;
}
/* Contact */
* {
	outline:none;
}
input.form-text, input.form-tel, input.form-email, input.form-url, input.form-search, input.form-file, input.form-number, input.form-color, textarea.form-textarea {
    border: 1px solid #dda712;
    border-radius: 30px;
    padding: 9px 20px;
}
#block-webform {
	float:left;
    padding-left: 5%;
    width: 60%;
}

#block-webform form {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
    width: 80%;
}
#block-webform form .js-form-item {
	width:45%;
}
#block-webform form .captcha
#block-webform form .js-form-type-checkbox,
#block-webform form .js-form-type-processed-text,
#block-webform form .form-actions,
#block-webform form .js-form-item.js-form-type-textarea {
	width:100%;
}
#block-webform .form-item {
	margin-bottom:0;
}
#block-webform .form-actions {
    padding-top: 10px;
}
.g-recaptcha div {
	margin:10px auto 0;
}
input.button {
	background: #dda712 none repeat scroll 0 0;
    border: 1px solid #dda712;
    border-radius: 30px;
    color: #fff;
    float: none;
    transition: all 0.5s ease-out 0s;
    width: 150px;
    margin: 0 auto !important;
    display: block;
}
input.button:hover {
    background: #fff none repeat scroll 0 0;
    color: #dda712;
}
#block-partelephone {
	float:right;
	padding:40px 5% 0 0;
	position:relative;
	text-align:center;
	width: 30%;
}
#block-partelephone .ligne {
    background-color: #156382;
    padding: 20px;
}
#block-partelephone .ligne.ligne-titre {
	display:none;
}
#block-partelephone .ligne h2 {
	text-transform: uppercase;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
	color:#fff;
	font-size:1.3em;
	margin-top:0;
	text-align:center;
}
#block-partelephone .ligne h3 {
    color: #dda712;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 0;
}
#block-partelephone .ligne p {
	color:#fff;
    margin: 0 0 5px;
}
#block-partelephone .ligne p strong {
    background-image: url(../images/picto_telephone_fff.svg);
    background-position: left center;
    background-repeat: no-repeat;
	background-size:30px;
    color: #fff;
    font-size: 18px;
    padding: 10px 0 10px 40px;
    width: 160px;
    margin: 0 auto 30px;
}
/* Accordéon */
.ckeditor-accordion-container > dl {
    border: none;
}
.ckeditor-accordion-container > dl dt {
	margin-top:10px;
}
.ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button),
.ckeditor-accordion-container > dl dt > a {
    background-color: #156382;
    border-bottom: 2px solid rgba(255, 255, 255, 0);
    color: #fff;
    font-size: 26px;
    text-align: left;
}
.ckeditor-accordion-container > dl dt > a:hover, .ckeditor-accordion-container > dl dt > a:not(.button):hover,
.ckeditor-accordion-container > dl dt > a:hover, .ckeditor-accordion-container > dl dt.active > a {
    background-color: rgba(170, 170, 170, 0.1);
	background-image: url(../images/chevron-droit.png);
    background-position: 25px 15px;
    background-repeat: no-repeat;
	color:#000;
    border-bottom: 2px solid #dfae27;
    padding-bottom: 10px;
    padding-left: 50px;
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before, .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
    background: #dfae27;
}
.ckeditor-accordion-container > dl dd {
    border: none;
    padding:20px 0 0;
}
.ckeditor-accordion-container > dl dd h3 {
	color:#133f7f;
	font-size:20px;
}
.ckeditor-accordion-container > dl dd table {
	border:none !important;
}
.ckeditor-accordion-container > dl dd table tr {
	background:none;
}
.ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle::before, .ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle::after {
    background-color: #a3d84c;
}
.img_acces {
	background-position:center center;
	background-size:cover;
}
/* Actualtiés */
.view-actualites .view-header p {
	margin:40px 0;
	text-align:center;
}
.node--type-actualites,
.view-actualites {
	margin:0 auto;
	max-width:1400px;
	padding:0 30px;
	width:auto;
}
.view-actualites .view-content {
	display:flex;
	flex-wrap:wrap;
}
.view-actualites .view-content .views-row {
	margin-right:5%;
    margin-bottom: 40px;
    position: relative;
    width: 47.5%;
}
.view-actualites .view-content .views-row:nth-child(odd) {
	margin-right:0;
}
.view-actualites .views-field-title a,
.view-actualites .views-field-field-date-de-publication {
	color:#dfae27;
	font-weight:bold;
	margin:10px 0;
}
.view-actualites .views-field-field-date-de-publication {
    position: absolute;
    text-align: center;
    width: 130px;
	background-color: #156382;
    color: #fff;
    font-size: 15px;
    font-style: italic;
    padding: 10px;
	top:0;
	left:10px;
}
.view-actualites .views-field-title a {
	display:block;
	font-size:20px;
	line-height:1;
	margin-bottom:10px;
}
.view-actualites .views-field-title a:hover {
	color:#156382;
}
#block-toutesactus .ligne,
.node--type-actualites .ligne {
	display:block;
}
.node--type-actualites.node .field--type-image {
	float:none;
	margin:0;
}
.node--type-actualites .field--type-image img {
    margin: 0 0 1em 1em;
    display: block;
    float: right;
}
.node--type-actualites .field--type-datetime {
	margin-bottom:30px;
}
.view-actualites .views-field-view-node {
	margin-top:20px;
}
.view-actualites .views-field-view-node a,
.node--type-actualites .field--type-datetime time {
	background-color:#156382;
	color:#fff;
	font-size:15px;
	font-style:italic;
	padding:10px;
}
.view-actualites .views-field-view-node a:hover {
	background-color:#dfae27;
}
#block-toutesactus p {
	text-align:center;
}
a.btn, .region-lieux #block-toutesactus a.btn {
    background-color: #156382;
    border: 1px solid #156382;
    color: #fff;
    padding: 10px 20px;
    width: 250px;
    margin: 0 auto;
}
a.btn {
	width:auto;
}
a.btn:hover,
.region-lieux #block-toutesactus a.btn:hover {
	background-color:#fff;
	color:#156382;
}
/*---------- Effets fin --------------*/

/*RESPONSIVE*/

@media all and (max-width: 1520px) {
.region-lieux .colonne_1-3 h3 {
    min-height: 70px;
}
.region-lieux .colonne_1-3 div {
    top: 140px;
}
.region-lieux .colonne_1-3:hover div {
    top: 0;
}
}


@media all and (max-width: 1290px) {

}

@media all and (max-width: 1200px) {
.region-lieux .colonne_1-3 div {
	top:130px;
}
.region-lieux .colonne_1-3 h3 {
    min-height: 60px;
    font-size: 20px;
}
.region-lieux .colonne_1-2 h3 {
    font-size: 20px;
}
.flexslider {
	overflow:hidden;
	position:relative;
}
.flexslider .slides img {
    left: 50%;
    margin-left: -600px;
    position: relative;
    width: 1200px !important;
    min-width: 1200px;
}
.flexslider .views-field-body {
	width:50%;
}
.flexslider .views-field-body h2 {
    font-size: 30px;
}
#block-webform form .js-form-item.js-form-type-checkbox  {
    width: 100%;
}
.g-recaptcha div {
	display:block;
	margin:0 auto;
}
}

@media all and (max-width: 1100px) {
.page-node-type-intervention .field--name-field-body-2 {
	display:block;
}
.page-node-type-intervention .field--name-field-body-2 > div {
    width: 100%;
}
.page-node-type-intervention .field--name-field-body-2 > div img {
	display:block;
	margin:0 auto;
}
.node--type-actualites .field--type-image img {
    margin: 0 auto 10px;
    display: block;
    float: none;
}
}

@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%;
	}
.path-frontpage #block-asco-theme-content {
    padding:0 0 30px;
}
.path-frontpage #block-asco-theme-page-title h1.page-title, .path-frontpage h1 {
	margin-bottom:0;
}
#img-intro {
	margin-bottom:30px;
}
#img-intro, #img-equipe {
	height:400px;
}
#img-equipe {
	width:auto;
}
.region-equipe .colonne_1-2 {
    padding: 10px 30px 30px;
    width: 100%;
}
.region-lieux .colonne_1-3 {
    height: 400px;
}
.region-lieux .colonne_1-3 div {
	top:270px;
}
.region-lieux .colonne_1-3:hover div {
	top:190px;
}
.region-lieux .colonne_1-3 h3 {
	min-height:30px;
}
#block-webform {
    float: none;
	padding-left:0;
    width: 100%;
}
#block-webform form {
	margin:0 auto;
    width: 90%;
}
#block-partelephone {
    float: none;
    padding: 40px 0;
    width: 100%;
}
.groupe {
	display:block;
}
.groupe .droite,
.groupe .gauche {
    width: 100%;
}
#block-trombinoscope-2 .text-formatted ul li,
#block-rdvenligne ul li, #block-trombinoscope .text-formatted ul li {
	width:50%;
}
.page-node-22 .img_acces {
	display:none;
}
.view-actualites .view-content {
	display:block;
	flex-wrap:wrap;
	justify-content:space-around;
}
.view-actualites .view-content .views-row {
    width: 100%;
}
}

@media all and (max-width: 850px) {
	
}
@media all and (min-width: 851px) {

}


@media all and (max-width: 768px) {
#menu {
    background-color: rgba(255, 255, 255, 0);
	background-image:none;
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
}
#block-navigationprincipale {
    left: 10px;
    position: relative;
    top: auto;
}
div.sf-accordion-toggle.sf-style-white > a, div.sf-accordion-toggle.sf-style-white > a.sf-expanded {
    position: relative;
    top: 40px;
    left: 20px;
}
ul.sf-menu.sf-accordion.sf-expanded {
	padding-top:0;
}
#block-btaccueil,
#block-btnmenu {
    display: none;
}
.dialog-off-canvas-main-canvas .layout-container {
    width: 100%;
}
#menu {
	overflow:visible;
}
.path-frontpage #block-asco-theme-page-title h1.page-title, .path-frontpage h1 {
	font-size:30px;
}
.path-frontpage #block-asco-theme-content .ligne .colonne_1-2 {
    padding: 0 30px;
    width: 100%;
}
#img-intro, #img-equipe {
    height: 240px;
}
.region-solutions,
.region-lieux {
    padding: 30px 0;
}
#block-webform {
	margin:0 auto;
    width: 90%;
}
#block-partelephone {
	margin:0 auto;
    width: 90%;
}
.site-branding__logo {
    margin-left: 50px;
}
.site-branding__logo img {
	max-width:250px;
}
#block-asco-theme-page-title h1.page-title {
    font-size: 30px;
}
h2, .heading-b {
	font-size:26px;
}
h3, .heading-c {
    font-size: 22px;
    font-weight: 400;
}
.page-node-type-intervention .field--name-field-rdv h2, .page-node-type-intervention .field--name-field-rdv h3 {
	font-size:20px;
}
.page-node-type-intervention .field--name-field-rdv a.btn-or {
	font-size:16px;
}
.page-node-type-intervention .field--name-field-rdv h3 {
    font-size: 18px;
}
#block-rdvenligne .text-formatted ul, #block-trombinoscope .text-formatted ul, #block-trombinoscope-2 .text-formatted ul {
	display:block;
}
#block-rdvenligne ul:last-of-type li,
#block-rdvenligne ul:first-of-type li {
    width: 100%;
}
ul.sf-menu.sf-style-white span.nolink.menuparent {
    background-image: url(../images/chevron_menu.png);
    background-position: 50% 80%;
    background-repeat: no-repeat;
    background-size: 12px;
    padding-right: 10px;
}
ul.sf-menu.sf-style-white.sf-accordion li li a, ul.sf-menu.sf-style-white.sf-accordion li li span.nolink {
	padding:20px;
}
div.sf-accordion-toggle.sf-style-white > a.sf-expanded {
    top: 0px;
    left: 0px;
}
ul.sf-menu.sf-accordion, ul.sf-menu.sf-accordion ul, ul.sf-menu.sf-accordion li {
    float: none;
    width: auto;
}
ul.sf-menu li:hover > ul.hidden, ul.sf-menu li.sfHover > ul.hidden, ul.sf-menu.sf-accordion li.sf-expanded > ul.hidden, ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul, ul.sf-menu.sf-accordion li.sf-expanded > ul,
ul.sf-menu li:hover > ul li ul, ul.sf-menu li.sfHover > ul li.sf-expanded ul, ul.sf-menu.sf-accordion li.sf-expanded > ul li.sf-expanded ul,
ul.sf-menu.sf-accordion li > ul li.sf-expanded ul,
ul.sf-menu li:hover > ul li ul, ul.sf-menu li.sfHover > ul li ul, ul.sf-menu.sf-accordion li.sf-expanded > ul li ul,
ul.sf-menu.sf-accordion li.sf-expanded > ul li:nth-child(4) ul,
ul.sf-menu.sf-accordion li.sf-expanded > ul,
ul.sf-menu li:hover > ul li ul, ul.sf-menu li.sfHover > ul li ul, ul.sf-menu.sf-accordion li.sf-expanded > ul li ul,
ul.sf-menu.sf-accordion, ul.sf-menu.sf-accordion.sf-expanded {
    height: auto !important;
    left: 0 !important;
    position: relative !important;
    top: auto !important;
    padding: 0;
    margin-top: 0;
	width:auto !important;
}
ul.sf-menu.sf-style-white a, ul.sf-menu.sf-style-white a:visited, ul.sf-menu.sf-style-white span.nolink {
	text-align:center;
}
ul.sf-menu.sf-style-white.sf-accordion li li a, ul.sf-menu.sf-style-white.sf-accordion li li span.nolink {
    padding-left: 2em;
    font-size: 18px;
    text-transform: none;
}
ul.sf-menu.sf-accordion li.sf-expanded > ul li#main-menu-link-content3b835ebf-2719-459d-9088-a3c6fbee55a1-accordion ul, ul.sf-menu.sf-accordion li.sf-expanded > ul li#main-menu-link-content912103f5-50d8-4fba-bdb2-a6d81444fa54-accordion ul {
	margin-top:0;
}
#block-webform form .js-form-item {
    width: 100%;
}
ul.sf-menu.sf-style-white a::after, ul.sf-menu.sf-style-white span.nolink::after {
    left: 50%;
	margin-left:-100px;
}
div.sf-accordion-toggle.sf-style-white > a, div.sf-accordion-toggle.sf-style-white > a.sf-expanded {
	background-image:url(../images/picto_menu_156382.png);
}
div.sf-accordion-toggle.sf-style-white a.sf-expanded {
    background: transparent;
    background-image: url(../images/menu-ferme_fff.svg);
}
.flexslider .slides img {
    right: 0;
	left:auto;
}
.flexslider .views-field-body {
    width: auto;
}
.site-branding__logo {
	background-position:0 50%;
	background-size:220px;
}
.site-branding__logo img, .path-frontpage .site-branding__logo img {
    max-width: 220px;
}
.flex-control-nav {
	bottom:0;
}
}


@media all and (min-width: 560px){
	
}


@media all and (max-width: 460px) {
.path-frontpage header {
  background-color: #bbb;
  position: relative;
  top: 0;
}
.region-header {
  padding: 2px 15px 0;
}
.region-header .site-branding {
  margin-top: 0;
}
.site-branding__logo {
  margin-bottom: 0;
}
.region-solutions .colonne_1-2 ul {
	display:block;
}
.region-solutions .colonne_1-2 ul li {
    width: 100%;
}
#block-rdvenligne ul li, #block-trombinoscope .text-formatted ul li, #block-trombinoscope-2 .text-formatted ul li {
	width:100%;
}
.flex-control-paging li a {
	background-color:#fff;
}
.flex-control-paging li a.flex-active {
	background-color:#133f7f;
}
.flexslider .slides > li {
  height: 210px;
}
.flexslider .slides li:nth-child(2) img {
  right: -5%;
}
.flexslider .slides img {
  margin-left: 0;
  position: absolute;
  width: 640px !important;
  min-width: 640px;
}
.flexslider .views-field-body {
  padding: 0px 15px;
  top: 25px;
}
.flexslider .views-field-body h2 {
  font-size: 20px;
  margin-bottom: 15px;
  line-height: 1;
}
.flexslider .views-field-body a {
  background-color: #fff;
  border-radius: 40px;
  color: #133f7f;
  font-size: 10px;
  padding: 8px 10px 6px;
}
#img-intro, #img-equipe {
  height: 160px;
}
}
/* 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;
}
