/* CSS Document */

div.bannerImage
{
}

div.banner-bloc-text
{
}

h1.banner-title
{
}
.banner-subtitle
{
}

#town_selector
{
	font-size:12x;
}

#yamaha-tour
{
	background-image:url(../images/header.jpg);background-size:cover;background-position: center 40%;width:100%;min-height: 600px;
}

#essais
{
	padding-top:0;
	margin-top:0;
}

.intro-title
{
	font-size: 28px;
  text-align: left;
  margin-bottom: 10px;
  font-weight:bold;
}

.intro_subtitle
{
	font-size: 18px;
  text-align: left;
  line-height: 34px;
}

.intro_date_select
{
	font-size: 18px;
	 text-align: left;
	 margin-top:10px;
}
#town_selector_btn::after {
  content: "\f135";
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 10px;
}

#town_selector_btn
{
	
	    cursor: pointer;
    background: var(--color-primary);
    color: var(--color-white);
    border: 0px;
	margin: 0px 20px;
    text-transform: uppercase;
    font-size: 1.5rem;
	font-family:Ubuntu,Arial;
    border-radius: 30px;
    padding: 1.4rem 2rem;
border-style: none;
display: inline-block;
text-align: center;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
width: 100%;
  margin: auto;
  margin-top: 10px;
}
@media only screen and (max-width: 1096px) {
.intro-title
{
	font-size: 21px;
}

.intro_subtitle
{
	font-size: 14px;
  line-height: 22px;
}
.intro_date_select
{
	font-size: 14px;
}
}

@media (max-width:768px){
.intro-title
{
	font-size: 16px;
  text-align: center;
  line-height: 20px;
}
.intro_subtitle
{
	font-size: 13px;
  line-height: 15px; text-align: center;
}
.intro_date_select
{
	font-size: 13px;
	 text-align: center;
	 margin-top:10px;
}
#town_selector_btn, #town_selector
{
	margin:10px;
}
}
@media (max-width:520px){

.intro_subtitle
{
	font-size: 11px;
  
}
.intro_date_select
{
	font-size: 11px;
	
}
 #town_selector{
	flex: 10; 
 }
#town_selector_btn, #town_selector
{
	margin:10px;
}
#town_selector_btn{
	flex: 1; 
}
.motd_banner_bloc__search {
    padding: 5px 5px 5px;
  }
  #town_selector_btn span {
  display: none;
}
}

.burger-menu.open span {
  height: 3px;
}
.burger-menu{top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);padding:20px;background:0 0;border:0;z-index:2;-webkit-appearance:none;cursor:pointer}
.burger-menu,.burger-menu span{position:absolute;left:0}.burger-menu span{display:block;width:100%;height:1px;background-color:#000;opacity:1;-ms-transform:rotate(0);transform:rotate(0);transition:.25s ease-in-out}
.burger-menu span:first-child{top:0}
.burger-menu span:nth-child(2),
.burger-menu span:nth-child(3){top:6px}
.burger-menu span:nth-child(4){top:12px}
.burger-menu.open{position:fixed;top:35px}.burger-menu.open span{background-color:#fff}
.burger-menu.open span:first-child,.burger-menu.open span:nth-child(4){width:0;top:6px;left:50%}
.burger-menu.open span:nth-child(2) {
  -ms-transform: rotate(498deg);
  transform: rotate(498deg);
  transform: translateX(498deg);
}
.burger-menu.open span:nth-child(3) {
  -ms-transform: rotate(-315deg);
  transform: rotate(-315deg);
}
@media (max-width:768px){
.menu-opened .navigation__wrapper .navigation__item {
  margin-left: 0%;
}
.navigation__wrapper .navigation__item {
  margin-left: 50%;
  transition: all 1s ease-in-out;
}


.menu-opened .navigation__wrapper .navigation__item + .navigation__item {
  margin-left: 0%;
}
.navigation__wrapper .navigation__item + .navigation__item
{
	 margin-left: 50%;
}}