@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,600;0,700;1,100;1,200;1,300;1,400;1,700&family=Quicksand:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sen&display=swap');



/*reinitialisation du template*/

body{
font-family: 'Poppins', sans-serif;
margin-top: 10px;
font-size: initial !important;

}



a, a::before {
  transition: all 0.5s;
}

.layout-main {
	width:100%;
}

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

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

}
.breadcrumb{
background-color: #fff;
}

.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 {
	width: 100%;
	font-size: 2.5rem;
	font-family: 'Sen', sans-serif;
	text-align: center;
}

.main-content h2 {

}

.main-content h3 {

}



/*header*/

#header{
	background-image: none !important;
  background-color: #fff !important;
	font-family: 'Poppins', sans-serif;
  position: fixed;
  z-index: 20;
  width: 100%;
  top: 0;
  max-width:100vw;
}

#header .layout-container {
  max-width: 100%;
}

#header .region-header{
	width: 90%;
	margin: 0 auto;
	display:flex;
}

#block-asco-theme-site-branding{
	width: 65%;
	margin-left: 25%;
}

#block-asco-theme-site-branding img{
	max-width: 80%;
}

#block-numerodetelephone{
color: #034043;
    width: 20%;
    font-size: 1.6rem;
    font-weight: 500;
    margin: 50px 0;
}

#block-numerodetelephone a{
  color: #034043;
}

#block-numerodetelephone a.mail{
  width: 100%;
display: block;
font-size: 11px;
}

#block-numerodetelephone p{
	margin: 0;
}

.region-primary-menu{
	background-color:#034043;
	display: flex;
}

#block-mainnavigation{
	margin-left: 10%;
}

#block-languageswitcherbootstrap{
	width: 5%;
	margin-top: 126px;
}
.block-languages-dropdown ul:not(.contextual-links) li {
  padding: 10px 10px;
}

div#block-asco-theme-languagedropdownswitcher{
    display: flex;
    align-items: center;
}
form#lang_dropdown_form_lang-dropdown-form{
    display: flex;
    align-items: center;
}


.region-highlighted{
margin: 0;
}

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

/*menu*/

/* --Siperfish modif --*/

ul#superfish-main {
    width: 100%;
    display: flex;
    justify-content: space-around;
	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;
	text-transform: uppercase;
	color: #fff;
	padding: 13px 10px;
	margin: 0;
	display: block;
	cursor: pointer;

}

ul#superfish-main li a:hover,
ul#superfish-main li a:focus,
ul#superfish-main li a:active,
ul#superfish-main li a.is-active,
ul#superfish-main li>span:hover{
	background-color:#0088B2;
    color: #fff;

}

#block-btreserver{
  min-width: 20%;
  justify-content: flex-end;
  display: flex;
}

#block-btreserver a{
	background-color: #0088B2;
	color: #fff;
	display: block;
	font-size: 1.1em;
	padding: 9px 100px;
}

#block-btreserver a:hover{
  background-color: #034043;
}

#block-btreserver .ligne{
	padding: 0;
}

#block-btreserver p{
	padding: 0;
	margin: 0;
}



.featured-top{
	background: none;
	text-shadow: none;
	border-bottom: 0;
	margin: 0;
	padding: 0;
}
#tampon_logo{
	background-image: url("../images/tampon_logo.png");
	width: 176px;
	height: 168px;
	color: #fff;
	top: -87px;
	position: relative;
	z-index: 2;
	background-repeat: no-repeat;
	margin: 0 auto;
}

#block-tamponlogo .field--name-body{
	height: 42px;
}

#main{
	margin-bottom: 0;
}


/*footer*/
.site-footer{
	background-color: #fff !important;
	font-family: 'Poppins', sans-serif;
	padding: 0;
}

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

.site-footer__bottom{
		background-image: url("../images/fond_footer.webp");
		margin: 0;
}

.site-footer .region-footer-fifth{
	display: flex;
}

.site-footer #block-webform{
	margin-left: 10%;
	width: 65%;
}

.site-footer #block-webform .content{
	width: 80%;
}


.site-footer #block-webform .ligne-titre{
	padding: 0;
}

.site-footer #block-webform h2{
	color:#fff;
	font-size: 2em;
}

.site-footer #block-webform h2:before{
 content: "";
 height: 2px;
 width: 149px;
 background-color: #fff;
 position: relative;
 left: -179px;
 display: block;
 top: 17px;
 margin-right: 10px;
}

.webform-submission-form{
	display:flex;
	flex-wrap: wrap;
  z-index: 2;
position: relative;
}

.webform-submission-form .form-item, .webform-submission-form .form-actions {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  margin-right: 1.2em;
	width: 40%;
}

.webform-submission-form .js-form-type-textarea, .webform-submission-form .js-form-type-checkbox,  .webform-submission-form .form-type-processed-text{
	width: 82%;
	}

.webform-submission-form #edit-processed-text{
	width: 100%;
	color: #fff;
}

.site-footer #block-telcontact{
	width: 25%;
	background-color:rgb(3 64 67 / 72%);
	color: #fff;
	height: 215px;
padding: 0 13px;
margin-top: 60px;

}

.site-footer #block-telcontact p{
	width: 100%;
	color: #fff;
	font-size: 1.2em;
	}

.site-footer #block-telcontact h3{
font-size: 1.7em;
color: #fff;
}

.site-footer #block-telcontact .tel_footer{
	background-color: #165C66;
	color: #fff;
	padding: 10px;
	font-size: 2em;
	text-align: left;
	width: 65%;
}

.site-footer #block-telcontact .tel_footer a{
  color: #fff;
  border-bottom: 0;
}

.site-footer #block-mentionslegales .content{
color:#021D1E;
}

#block-mentionslegales p{
	text-align: center;
	width: 100%;
}

#block-mentionslegales a{
color:#021D1E;
border-bottom: 0;
}

#block-mentionslegales a:hover{
  color: #0088B2;
}

.messages__wrapper{
position: relative;
z-index: 100;
}

div#sliding-popup{
  background-color: #034043;
}

.path-user .content{
padding-top: 42px;
padding-bottom: 60px;
}

.captcha__title{
  display: none;
}

/*mentions legales*/
.page-node-10 #block-asco-theme-content form#user-login-form{
  width: 62%;
  text-align: justify;
}


/*home*/
#flexslider-1 ul.flex-direction-nav a {
	padding-bottom: 49px;
border-bottom: 0;
}


.page-node-1 h1{
	margin-bottom: 40px;
  margin-top: 86px;
}

.page-node-1  .region-content .field--name-body .ligne{
	width: 60%;
}

.page-node-1 .region-content .field--name-body .ligne p{
	width: 100%;
}

.page-node-1 .field--name-field-body3 h2{
	width: 100%;
	text-align: center;
	font-family: 'Sen', sans-serif;
	font-size: 2em;
margin-bottom: 40px;
color: #000;
}

.picto_home{
	width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 20px 0;
}

.horaire_arrive_depart{
	width: 100%;
}

.horaire_arrive_depart ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}

.horaire_arrive_depart li{
	border: 1px solid #034043;
	list-style: none;
	padding: 5px 10px;
	margin-right: 50px;
}


.layout-main {
  margin-top: 0;
}

.featured-top{
	height: 0;
}

.node__content {
  margin-top: 0;
}

#main-wrapper #main .field--name-body{
	position: relative;
}

#main-wrapper #main .field--name-body::before{
	content: "";
	height: 100%;
  width: 12%;
	background-image: url("../images/motif.png");
	position: absolute;
	left: 0;
	display: inline-block;
}

.field--name-field-body2{
	background-color: #034043;
}

#block-meilleurprix{
  position: fixed;
  top: 430px;
  z-index: 10;
  right: 10px;
}

#block-meilleurprix:before{
content: "";
height: 240px;
width: 2px;
background-color: #0088B2;
position: absolute;
left: 115px;
bottom: 179px;
}

.txt_meilleur_prix{
    background-color: #0088B2;
    border-radius: 150px;
    padding: 54px 40px;
    text-align: center;
    color: #fff;
}

.txt_meilleur_prix span{
  font-size: 1.2em;
  font-weight: bold;
}

/*chambre home*/
.field--name-field-body3 p{
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}

.page-node-type-page-d-accueil .field--name-field-body3 {
	position: relative;
}

.page-node-type-page-d-accueil .field--name-field-body3::before {
	content: "";
	height: 324px;
	width: 27%;
	background-image: url("../images/motif2.png");
	position: absolute;
	left: 0;
	bottom: 0;
}

.page-node-type-page-d-accueil .field--name-field-body3::after {
	content: "";
	 height: 324px;
	 width: 27%;
	 background-image: url(../images/motif3.png);
	 position: absolute;
	 right: 0;
	 display: inline-block;
	 top: 159px;
}

.chambre_home{
	width: 100%;
	margin-bottom: 40px;
}

.chambre_home ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	z-index: 9;
}

.chambre_home li{
	list-style: none;
	width: 30%;
}

.chambre_home ul li a span{
	background-color: #fff;
	-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
padding: 12px 0;
margin-top: 20px;
display: block;
width: 80%;
}

.chambre_home ul li a span strong{
	width: 100%;
	display: block;
}

.chambre_home ul li a{
display: block;
width: 100%;
text-align: center;
color: #000;
font-size: 1.2em;
border-bottom: none;
background-size: 100%;
background-repeat: no-repeat;
padding: 10px 20px 380px 0;
}

.chambre_home ul li.chambre_simple a{
background-image: url("../images/chambre_simple.webp");
}

.chambre_home ul li.chambre_simple a:hover{
background-image: url("../images/chambre_simple_hover.webp");
}
.chambre_home ul li.chambre_double a{
background-image: url("../images/chambre_double.webp");
}

.chambre_home ul li.chambre_double a:hover{
background-image: url("../images/chambre_double_hover.webp");
}
.chambre_home ul li.chambre_triple a{
background-image: url("../images/chambre_triple.webp");
}

.chambre_home ul li.chambre_triple a:hover{
background-image: url("../images/chambre_triple_hover.webp");
}


/*bloc_image home*/
.page-node-type-page-d-accueil .field--name-field-body4 .ligne{
	max-width: 100%;
  padding: 0;
	margin-top: 50px;
}

#img_home{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

#img_home span{
	color: #fff;
}

.img_entree_home{
background-image: url(/themes/asco_theme/images/hall_entree.png);
    background-repeat: no-repeat;
    width: calc(27% - 20px);
    background-size: cover;
    height: 1000px;
    border: 10px solid #fff;
}

.img_autre_home{
	width: 72%;
}

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


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

.velo_bagagerie_home{
	width: 60%;
	min-height: 585px;
}

.visiter_home{
background-image: url("../images/img_visiter.webp");
background-repeat: no-repeat;
width: 70%;
background-size: cover;
min-height: 392px;
}

.visiter_home a{
	background-color: rgba(6, 33, 33, 0.5);
	color: #fff;
font-size: 2em;
border: none;
padding: 10px 20px 10px 0;
position: relative;
    top: 30px;
    left: 10px;
}

.visiter_home a::before{
	content: "";
	height: 2px;
	width: 100px;
	background-color: #fff;
	position: relative;
	left: 0;
	display: inline-block;
	top: -7px;
	margin-right: 10px;
}

.visiter_home a:hover:before{
height: 2px;
width: 50px;
background-color: #034043;
}

.lustre_home{
background-image: url("../images/lustre.png");
background-repeat: no-repeat;
width: 30%;
background-size: cover;
min-height: 400px;
}

.velo_home{
background-image: url("../images/local_velo.webp");
background-repeat: no-repeat;
background-size: cover;
height: 332px;
}

.bagagerie_home{
background-image: url("../images/bagagerie.png");
background-repeat: no-repeat;
background-size:cover;
height: 269px;
background-position: center;
}
.bagagerie_home_en{
background-image: url("../images/bagagerie_en.png");
background-repeat: no-repeat;
background-size:cover;
height: 269px;
background-position: center;
}

.distrib_home{
background-image: url("../images/distrib.webp");
background-repeat: no-repeat;
background-size: cover;
height: 599px;
width: 40%;
}

#block-pictoservice{
	background-color: #034043;
}

#block-pictoservice .ligne{
	padding-top: 0!important;
}



/*page chambre*/
#block-topchambre, #block-topacces, #block-topservice, #block-toptourisme, #block-topcontact{
  margin-top: 80px;
}

#block-topchambre .ligne, #block-topacces .ligne, #block-topservice .ligne, #block-toptourisme .ligne, #block-topcontact .ligne{
	max-width: 100%;
	padding: 0;
}


/*page situation et acces*/

.page-node-5 #block-asco-theme-content .field--name-body{
	padding-bottom: 20px;
}

.page-node-5 .field--name-field-body2{
		padding-top: 50px;
}
.page-node-5 .field--name-field-body3 .ligne{
  max-width: 100%;
  padding: 0;
}
.page-node-5 .field--name-field-body3 .ligne div{
	width: 100%;
}

.page-node-type-page h3{
	width: 100%;
color: #419BB6;
font-size: 1.5em;
margin-bottom: 0;
}

.page-node-5 .field--name-field-body2{
	color: #fff;
padding-bottom: 50px;
}

.page-node-5 #content .field--name-body .ligne {
  max-width: 1100px;
}


.page-node-5 .field--name-field-body2 .ligne{
  max-width: 65%;
}

#autoroute{
  padding-left: 115px;
}

#autoroute ul{
  padding-left: 25px;
  width: 100%;
}

#autoroute ul::before{
  content: "";
  height:250px;
  width: 120px;
  background-image: url("../images/picto_autoroute.png");
  background-repeat: no-repeat;
  position: absolute;
  border-radius: 100px;
  margin-left: -187px;
  background-position: center;
}


#aeroport{
  width: 38%;
}

#aeroport::before{
  content: "";
  height:150px;
  width: 120px;
  background-image: url("../images/avion.png");
  background-repeat: no-repeat;
  position: absolute;
  border-radius: 100px;
  margin-left: -187px;
  background-position: center;
}

#bus::before{
  content: "";
  height:150px;
  width: 120px;
  background-image: url("../images/bus.png");
  background-repeat: no-repeat;
  position: absolute;
  border-radius: 100px;
  margin-left: -187px;
  background-position: center;
}


#autoroute li {
  list-style: none;
  margin-bottom: 40px;
}



/*page services*/
#service_page{
  padding: 0 70px;
}

#service_page ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-bottom: 50px;
}

#service_page ul li{
  list-style: none;
  background-repeat: no-repeat;
  text-align: center;
  padding: 56px 0 0 0;
background-position: top;
  margin: 50px;
}

#service_page ul li.accueil{
  background-image: url("../images/picto_accueil.png");
}
#service_page ul li.ascenseur{
  background-image: url("../images/picto_ascenseur.png");
  background-size: 70%;
}
#service_page ul li.distributeur{
  background-image: url("../images/distributeur.png");
  background-size: 23%;
}
#service_page ul li.bagagerie{
  background-image: url("../images/picto_bagagerie.png");
  background-size: 30%;
}
#service_page ul li.local{
  background-image: url("../images/picto_local.png");
  background-size: 30%;
}
#service_page ul li.dej{
  background-image: url("../images/picto_pt_dej.png");
  background-size: 40%;
}
#service_page ul li.fer{
  background-image: url("../images/picto_fer.png");
  background-size: 30%;
}
#service_page ul li.lit_bb{
  background-image: url("../images/picto_lit_bb.png");
  background-size: 26%;
}

/*page tourisme*/
.page-node-8 #block-asco-theme-content .field--name-body .ligne{
  max-width: 80%;
margin-left: 20%;
padding: 0;
position: relative;
}

.page-node-8 h1{
width: 75%;
}

#lyon-rayonnante{
  width: 50%;
  text-align: justify;
  padding-bottom: 50px;
}

#lyon-rayonnante:after{
  content: "";
  height: 100%;
  width: 35%;
  background-image: url("../images/lyon1.jpg");
  position: absolute;
  right: 0;
  display: inline-block;
  top: 0;
}


.page-node-8 #block-asco-theme-content .field--name-field-body2 .ligne{
  max-width: 100%;
padding: 0;
}

.page-node-8 #block-asco-theme-content .field--name-field-body2{
  color: #fff;
}

#shopping{
  width: 80%;
  text-align: justify;
  padding-bottom: 50px;
  position: relative;
  padding-left: 35%
}


#shopping:before{
  content: "";
  height: 100%;
  width: 35%;
  background-image: url("../images/confluence.jpg");
  position: absolute;
  left: 0;
  display: inline-block;
  top: 0;
  background-size: cover;
}


.page-node-8 #block-asco-theme-content .field--name-field-body3 .ligne {
  max-width: 100%;
  padding: 0;
}

#restaurants_musee{
  text-align: justify;
  padding-bottom: 50px;
  position: relative;
  padding-left: 10%;
  padding-right: 40%;
}

#restaurants_musee:after{
  content: "";
  height: 100%;
  width: 35%;
  background-image: url("../images/restaurant_musee.jpg");
  position: absolute;
  right: 0;
  display: inline-block;
  top: 0;
  background-size: cover;
}

#restaurants_musee p{
  text-align: justify;
}


/*page contact*/
#block-webform-2{
  width: 50%;
margin-left: 20%;
float: left;
z-index: 2;
}


#block-webform-2 #edit-processed-text{
  color: #034043;
  margin-top: 50px;
}

#block-coordonneespagecontact p{
  width: 100%;
}

#block-coordonneespagecontact h3{
  color: #fff;
}

#block-coordonneespagecontact .field--name-body .ligne{
  background-color: #419BB6;
  color: #fff;
  padding: 0;
}

.txt_page_contact{
  padding: 20px;
}
.txt_page_contact a{
  color: #fff;
  border-bottom: none;
}

#block-coordonneespagecontact .tel_footer{
  font-size: 1.5em;
font-weight: bold;
}
#block-mappagecontact{
margin-top: 50px;
position: relative;
}

#block-mappagecontact .ligne div, #block-mappagecontact .ligne{
  width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
}

#block-mappagecontact iframe{
  position:relative;
}




/*page galerie*/

.page-node-type-galerie-photo .field--name-body p{
  width: 100%;
  padding-bottom: 50px;
}

.page-node-type-galerie-photo .field--name-field-img-galerie{
  width: 100%;
display: flex;
flex-wrap: wrap;
margin-left: 5%;
}

/*Grille*/

.droite{
	justify-content: flex-end;
}

.gauche{
	justify-content: flex-start;
}

.pleine_largeur{
	max-width: inherit;
}

.colonne_1-1{
	width:100%;
}

.colonne_1-2{
	width:47.22%;
}

.colonne_1-3{
	width:29.63%;
}

.colonne_2-3{
	width:64.81%;
}

.colonne_1-4{
	width:20.83%;
}
.colonne_3-4{
	width:73.61%;
}

.colonne_1-5{
	width:16.25%;
}
.colonne_2-5{
	width:37.19%;
}

.colonne_3-5{
	width:53.44%;
}

.colonne_4-5{
	width:79.06%;
}

.grille {
	display: grid;
	grid-template-columns: 1fr repeat(12, minmax(5px, 110px)) 1fr;
	grid-gap: 5px;
	width: 100%;
}

.fin{
	margin-right:0;
}
/*colonne fin*/

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

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

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

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

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

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

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

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

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

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

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

.animated {
	transition-delay : 300ms;
	transition-duration : 1600ms;
	opacity: 1;
	transform: none;
}
/* 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 #fff;
    background-color: #1A4E4D;
    background-image: none;
    font-family: 'Poppins', sans-serif;
    font-size: 1em;
    margin-bottom: 10px;
		border-radius: 0;
		text-transform: uppercase;
}
input.form-submit:hover, .button:hover {
    background-color: #000;
    border: 1px solid #fff;
		color: #fff;
}
/* Recherche */
.view-search-content

/* Actualités */
.view-actualites h2 {
	margin-bottom:30px;
	text-align:center;
}
.view-actualites .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
}
.view-actualites .views-row {
    margin-bottom: 30px;
	position:relative;
    width: 30%;
}
.view-actualites .views-field-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 {
    background-color: #2daed5;
    color: #000;
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 15px;
}
.view-actualites .views-field-title a:hover {
    background-color:#000;
	color: #2daed5;
}
/* Slideshow */
.flexslider {
    margin: 0;
    background: transparent;
    border: none;
    position: relative;
    zoom: 1;
    -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;
}
.flexslider ul li {
	display:flex !important;
	flex-wrap:wrap;
	justify-content:space-between;
}
.flexslider ul li > div {
	display:flex;
}
.flexslider ul li > div.views-field-body {
    width: 33.33%;
}
.flexslider ul li > div.views-field-field-image {
	width:66.66%
}
.flexslider ul li > div.views-field-field-image > div {
    margin: 0 0 0 auto;
}
.flexslider ul li > div > div {
	margin:auto;
}
/*---------- Effets fin --------------*/

/*RESPONSIVE*/

@media all and (max-width: 1750px) {
  .bagagerie_home,.bagagerie_home_en  {
    width: 97%;
    margin: 0 auto;
  }
}
@media all and (max-width: 1450px) {
#block-mainnavigation {
	margin-left:0;
}
#block-btreserver {
  min-width: 150px;
}
#block-btreserver a {
  padding:9px 30px;
}
}

@media all and (max-width: 1450px) {
.velo_home {
  width: 99%;
}
}

@media all and (max-width: 1400px) {
#block-numerodetelephone {
  width: 280px;
}

.site-footer #block-telcontact .tel_footer {
  width: 200px;
}
#autoroute {
  padding-left: 232px;
}
#aeroport::before {
  height: 161px;
  width: 88px;
  margin-left: -127px;
  background-size: 100%;
}
#bus::before {
  width: 117px;
  margin-left: -130px;
  background-size: 72%;
}

}


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

  .chambre_home ul li a {
    padding: 10px 20px 329px 0;
  }
}

@media all and (max-width: 1200px) {
  .chambre_home ul li a {
    padding: 10px 20px 290px 0;
  }

  .page-node-4 #main-wrapper #main .field--name-body:before{
    display: none;
  }

  #autoroute ul:before {
  margin-left: -143px;
}
#aeroport, #bus {
  width: 100%;
}
}

@media all and (max-width: 1100px) {
  #block-asco-theme-site-branding img {
    max-width: 100%;
  }
  .chambre_home ul li a {
  padding: 10px 20px 256px 0;
}

.img_entree_home {
  height: 800px;
}
.visiter_home {
  min-height: 300px;
}
.lustre_home {
  min-height: 300px;
}
.velo_home {
  height: 299px;
}
.bagagerie_home, .bagagerie_home_en {
  height: 200px;
}
.distrib_home {
  height: 500px;
}
#block-numerodetelephone {
  width: 300px;
}
ul#superfish-main {
	font-size:1em;
}
}


@media all and (max-width: 1000px) {
  .site-footer #block-webform {
    width: 60%;
  }
  .site-footer #block-telcontact {
  width: 30%;
}

div.sf-accordion-toggle a {
  color: #fff;
}

div.sf-accordion-toggle > a::after {
  content: "≡";
  font-size: 2em;
  position: absolute;
  right: 0.5em;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  speak: none;
  padding-top: 20px;
}
#block-mainnavigation {
  padding-right: 50px;
  text-align: right;
  padding-top: 10px;
  position: relative;
}

ul#superfish-main-accordion li{
  border-bottom: 1px solid #fff;
}

ul#superfish-main-accordion li:last-child{
  border-bottom:0;
}

ul#superfish-main-accordion li a{
  background: none;
color: #fff;
text-shadow: 0;
font-size: 1.2em;
text-transform: uppercase;
text-align: left;
}

ul#superfish-main-accordion li a.is-active {
  color: #0088B2;
  text-shadow: 0 0 0;
}
#block-topchambre, #block-topacces, #block-topservice, #block-toptourisme, #block-topcontact {
  margin-top: 184px;
}
.webform-submission-form .form-item, .webform-submission-form .form-actions {
  width: 100%;
}
}

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

#header .region-header{
  display: block;
}
#block-asco-theme-site-branding {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
#block-asco-theme-site-branding img{
  max-width: 60%;
}
#block-numerodetelephone {
  margin-top: 0;
  float: left;
  margin-left: 56%;
}
#block-languageswitcherbootstrap {
  margin-top: 6px;
}
.page-node-8 #block-asco-theme-content .field--name-body .ligne {
  margin-left: 14%;
}
#lyon-rayonnante {
  width: 96%;
}

#lyon-rayonnante:after{
  display: none;
}
#shopping {
  width: 100%;
  padding: 0 5% 0 38%;
  left: 0;
}
.webform-submission-form .form-item, .webform-submission-form .form-actions {
  width: 90%;
}


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


}

@media all and (max-width: 900px) {
#block-meilleurprix{
  position: relative;
  top: 220px;
  margin-left: -55%;
}

#block-meilleurprix:before {
  display: none;
  }
  .page-node-1 .region-content .field--name-body .ligne {
  width: 80%;
  margin-left: 16%;
}
.chambre_home ul li a {
  padding: 10px 20px 187px 0;
}
.img_entree_home {
  height: 600px;
}
.velo_bagagerie_home {
  min-height: 404px;
}
.velo_home {
  height: 202px;
}
.bagagerie_home, .bagagerie_home_en {
  height: 200px;
}
.lustre_home {
  min-height: 200px;
}
.visiter_home {
  min-height: 200px;
}
.distrib_home {
  height: 400px;
}
.site-footer .region-footer-fifth {
  display: block;
}
.site-footer #block-webform {
    width: 100%;
    margin: 0 auto;
  }
  .site-footer #block-webform .content {
    width: 80%;
    margin: 0 auto;
    text-align: center;
  }
  .site-footer #block-webform h2::before{
    display: none;
  }
  .site-footer #block-telcontact {
  width: 100%;
  text-align: center;
}
.site-footer #block-telcontact{
margin-top: 0;
}
#block-topchambre, #block-topacces, #block-topservice, #block-toptourisme, #block-topcontact {
  margin-top: 10px;
}

}

@media all and (max-width: 851px) {
  #block-numerodetelephone {
    margin-left: 54%;
  width: 267px;
  }
}


@media all and (max-width: 768px) {
  #block-numerodetelephone {
    margin-left: 50%;
  }
.picto_home img{
  max-width: 80%;
}
.chambre_home ul li a {
  padding: 10px 20px 84px 0;
}
#block-asco-theme-site-branding img {
  max-width: 74%;
}

.txt_meilleur_prix {
  padding: 39px 24px;
  margin-bottom: 30px;
}

}


@media all and (max-width: 700px) {
  #block-numerodetelephone {
  margin-left: 42%;
}

.chambre_home li {
  width: 40%;
}
.chambre_home ul li a {
  padding: 10px 20px 262px 0;
}
.chambre_home ul {
  justify-content: space-around;
}

#main-wrapper #main .field--name-body::before {
  display: none;
}
.txt_meilleur_prix {
    padding: 26px 15px;
    font-size: 0.8em;
    margin-bottom: 28px;
}

#block-webform-2 {
  width: 80%;
  float: none;
  margin: 0 auto;
}
}


@media all and (max-width: 600px) {
  .main-content h1 {
  font-size: 2.3rem;
}
#main-wrapper #main .field--name-body {
  text-align: justify;
}
.chambre_home ul li a {
  padding: 10px 20px 148px 0;
}
#block-numerodetelephone {
  margin-left: 25%;
}

#block-mainnavigation {
    text-align: right;
    position: absolute;
    margin-left: 0;
    padding: 40px 0;
}
.sf-accordion-toggle {
    width: 70px;
    position: absolute;
    right: 320px;
    top: 11px;
}
div.sf-accordion-toggle > a::after {
left:80px;
right:auto;
}
ul.sf-menu.sf-accordion.sf-expanded, ul.sf-menu.sf-accordion li.sf-expanded > ul {
    position: absolute;
    width: 100%;
    background-color: #034043;
}
#block-btreserver {
    margin: 0 0 0 auto;
    z-index: 10;
}
.region-primary-menu{
  position: relative;
}
#aeroport:before {
  margin-left: -99px;
}
#bus:before {
  margin-left: -106px;
}
#autoroute ul:before {
  display: none;
}
#autoroute {
  padding-left: 5px;
}
#autoroute ul {
  padding-left: 5px;
}
}


@media all and (max-width: 560px){
  #block-asco-theme-site-branding img {
    max-width: 87%;
  }
  .main-content h1 {
  font-size: 2rem;
}
.chambre_home li {
  width: 80%;
}
.chambre_home ul li a {
  padding: 10px 20px 375px 0;
}
#block-meilleurprix{
margin-bottom: 32px;
}

.txt_meilleur_prix {
  padding: 27px 16px;
}
.horaire_arrive_depart li {
  margin-right: 10px;
}

.webform-submission-form .form-item, .webform-submission-form .form-actions {
  width: 97%;
}
.webform-submission-form .js-form-type-textarea{
  width: 100%
}

.img_entree_home{
  display: none;
}
.img_autre_home {
  width: 100%;
}
.page-node-type-page-d-accueil .field--name-field-body3::after {
  width: 21%;
  top: 188px;
}
#service_page {
  padding: 0 52px;
}
#service_page ul li {
  margin: 20px 0;
width: 100%;
}
#service_page ul li.ascenseur {
  background-size: 27%;
}
#service_page ul li.distributeur {
  background-size: 19%;
}
#service_page ul li.bagagerie {
  background-size: 25%;
}
#service_page ul li.dej {
  background-size: 26%;
}
#service_page ul li.fer {
  background-size: 25%;
}
#service_page ul li.lit_bb {
  background-size: 22%;
}

}

@media all and (max-width: 500px) {
  .page-node-5 .field--name-field-body2 .ligne {
  max-width: 86%;
}
#aeroport:before,#bus::before{
  display: none;
}
}


@media all and (max-width: 460px) {
  #block-numerodetelephone {
    margin-left: 0;
  }
  #block-asco-theme-site-branding img {
  max-width: 100%;
}

.horaire_arrive_depart li {
  margin-right: 10px;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
.page-node-1 .region-content .field--name-body .ligne {
  width: 80%;
  margin-left: 13%;
}
.picto_home div{
  width: 25%;
}
.chambre_home ul li a {
  padding: 10px 20px 275px 0;
}
#tampon_logo {
  width: 176px;
  height: 168px;
  top: -65px;
  background-size: 80%;
  background-position: center top;
}
#restaurants_musee:after {
  display: none;
}

#restaurants_musee {
  padding-right: 10%;
}

}

@media all and (max-width: 400px) {
  #header .region-header {
  width: 100%;
}
  .chambre_home ul li a {
    padding: 10px 20px 230px 0;
  }
  .chambre_home {
  margin-bottom: 0;
}
.visiter_home, .velo_bagagerie_home {
  width: 100%;
}
.lustre_home, .distrib_home{
  display: none;
}
.bagagerie_home, .bagagerie_home_en {
  margin: -6px auto;
}
input, textarea {
  font-size: 11px;
}
.webform-submission-form .form-item, .webform-submission-form .form-actions {
  width: 95%;
}
#block-btreserver a {
  padding: 9px 50px;
}
#block-mainnavigation {
  margin-left: 50px;
}

}


@media all and (max-width: 350px) {
  .chambre_home ul li a {
    padding: 10px 20px 191px 0;
  }
  .txt_meilleur_prix {
  margin-bottom: 24px;
}
#service_page ul li {
  padding: 46px 0 0 0;
}
}

@media all and (max-width: 310px) {
  #block-numerodetelephone {
  width: 236px;
}
.chambre_home ul li a {
  padding: 10px 20px 173px 0;
}
.chambre_home span{
  font-size: 0.8em;
}
#block-meilleurprix {
  top: 184px;
  margin-left: -51%;
}
.txt_meilleur_prix {
  margin-bottom: 15px;
}
.page-node-1 .field--name-field-body3 h2 {
  margin-bottom: 20px;
}
}

/* INFORMATION Pour le twig"*/

#information{
	position:fixed;
	bottom:20px;
	left:0;
	min-width:200px;
	background:#fff;
	padding:10px;
	border:1px solid #ddd;
	z-index:200;
}