/**
 * @file
 * Styles for menus in Bartik.
 */

/* This is needed to override ul.menu styles in menu.theme.css */
ul.menu {
  margin: 0;
  padding: 0;
}

/* This is needed to override [dir="rtl"] ul.menu styles in menu.theme.css */
[dir="rtl"] ul.menu {
  margin: 0;
}

#superfish-mainnavmain.sf-menu li li a {
	font-size: .9rem;
	font-weight: normal;
}


#block-pnrfv2-banquededonneesderecherche {
	/* position: absolute; */
	width: 50%;
	max-width: 450px;
	right: 0;
	/* background: rgba(255,255,255,.3); */
	float: right;
	margin-top: .5em;/*6vh;*/
}
#block-pnrfv2-banquededonneesderecherche .menu-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: start;
	padding: .2em
}
#block-pnrfv2-banquededonneesderecherche .menu-item > a {
	color: #502D62;
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
	font-family: 'BikoRegular';
	margin: 0 0 0 0.3rem;
	line-height: 1.1;
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.8);
    height: 60px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 0.4em;
    font-size: 1.6em;
}
#block-pnrfv2-banquededonneesderecherche .menu-item > a strong {
	text-transform: uppercase;
	font-size: 1.2rem;
	display: block;
	font-weight: bold;
	color: #F58322;
	font-family: 'BikoBold'!important;
}
#block-pnrfv2-banquededonneesderecherche .menu-item > a + div {
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
	display: inline-block;
	width: 60px;
}
#block-pnrfv2-banquededonneesderecherche .menu-item a + div a {
	padding: 0;
}
#block-pnrfv2-banquededonneesderecherche .menu-item .field--type-image img {
	margin-bottom: .5rem;
}


.sticky-head #block-pnrfv2-banquededonneesderecherche .menu-item {
	width: 60px;
	overflow: hidden;
	display: inline-block;
	height: 60px;
	font-size: 0;
	padding: 2px;
}
.sticky-head #block-pnrfv2-banquededonneesderecherche .menu-item > a {
	display: none;
}
.sticky-head #block-pnrfv2-banquededonneesderecherche .menu-item > a + div {
	width: 56px;
}


ul.menu a.is-active {
  background-color: #A1295F;
/*   border: 1px solid #fff; */
  padding: 0.2em 0.5em;
  font-weight: 700;
  color:#FFF;
  text-decoration: none;
  font-size: 1em;
}

#block-pnrfv-account-menu { display: none; }
@media all and (min-width: 768px) {
	#block-pnrfv-account-menu { display: block; }
}

/********************** MANU EN + **********************/
/*li.menu-item img {width: 80px;}*/


/* menu footer */
div.wrapper > footer .menu--main {
	width: 100%;
}
div.wrapper > footer .menu--main > .content > ul {
	-webkit-column-count: 2;
	   -moz-column-count: 2;
	        column-count: 2;
}
div.wrapper > footer .menu--main > .content > ul > li {
	-webkit-column-break-inside: avoid;
	   -moz-column-break-inside: avoid;
	        break-inside: avoid;
}
div.wrapper > footer .menu--main span, div.wrapper > footer .menu--main a {
	color: #fff;
	font-weight: normal;
	font-size: .8rem;
}
footer ul.menu a.is-active {background-color:transparent;}
@media screen and (max-width: 1116px) {

#block-banquededonneesderecherche .menu-item a {margin: 0;}

}
@media screen and (max-width: 767.99px) {
ul.menu.menu-level-0 {display: none;}
}

/* responsive menu */
.mm-menu.mm-menu_offcanvas {
	--mm-color-background: #702d61;
}
.responsive-menu-block-wrapper {
  display: none;
}

html.mm-opened .mm-page {
  position: fixed !important;
  width: 100%;
}

.mm-page,
.mm-wrapper_background body {
  background-color: #ffffff;
}

.mm-opening .toolbar-tray-open.toolbar-fixed.toolbar-vertical,
.mm-opened .toolbar-tray-open.toolbar-fixed.toolbar-vertical {
  margin-left: 0;
}

.mm-opening .toolbar-tray-open.toolbar-fixed.toolbar-vertical .mm-page,
.mm-opened .toolbar-tray-open.toolbar-fixed.toolbar-vertical .mm-page {
  padding-left: 240px;
  padding-left: 15rem;
}
.off-canvas-wrapper {
  display: block;
}

.no-js .off-canvas-wrapper {
  display: none;
}

.responsive-menu-toggle {
  display: inline-block;
}

.responsive-menu-toggle-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 44px;
  height: 35px;
  z-index: 4;
  margin-top: 0;
  position: relative;
}

.no-js .responsive-menu-toggle-icon {
  display: none;
}

.responsive-menu-toggle-icon span.label {
  display: block;
  position: absolute;
  font-size: 17px;
  text-transform: uppercase;
  top: 2px;
  left: 40px;
  color: #fff;
}

.responsive-menu-toggle-icon:before,
.responsive-menu-toggle-icon:after,
.responsive-menu-toggle-icon span.icon {
  background: #fff;
  content: '';
  display: block;
  width: 20px;
  height: 3px;
  position: absolute;
  top: 0;
  left: 13px;
  border-radius: 2px;
}

.responsive-menu-toggle-icon:before {
  top: 8px;
}

.responsive-menu-toggle-icon span.icon {
  top: 14px;
}

.responsive-menu-toggle-icon:after {
  top: 20px;
}

.responsive-menu-toggle-icon:before,
.responsive-menu-toggle-icon:after,
.responsive-menu-toggle-icon span.icon {
  -webkit-transition: none 0.4s ease-out 0.1s;
  -o-transition: none 0.4s ease-out 0.1s;
  transition: none 0.4s ease-out 0.1s;
  transition-property: -webkit-transform, top, bottom, left, opacity;
  -webkit-transition-property: top, bottom, left, opacity, -webkit-transform;
  transition-property: top, bottom, left, opacity, -webkit-transform;
  -o-transition-property: transform, top, bottom, left, opacity;
  transition-property: transform, top, bottom, left, opacity;
  transition-property: transform, top, bottom, left, opacity, -webkit-transform;
}

html.mm-opening .responsive-menu-toggle-icon:before,
html.mm-opening .responsive-menu-toggle-icon:after {
  top: 14px;
}

html.mm-opening .responsive-menu-toggle-icon span.icon {
  left: -25px;
  opacity: 0;
}

html.mm-opening .responsive-menu-toggle-icon:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

html.mm-opening .responsive-menu-toggle-icon:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#mm-blocker {
  background: rgba(0, 0, 0, 0);
}
.mm-opening #mm-blocker {
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: background 1s ease 0.3s;
  -o-transition: background 1s ease 0.3s;
  transition: background 1s ease 0.3s;
}
.mm-opening #page {
  border-left: 1px solid #ccc;
}

.mm-panel a {
  border-bottom: none;
}

ul.menu.mm-listview a.is-active {
  color: inherit;
}

.mm-panel a:hover {
  border: none;
}
@media all and (min-width: 1080px) {
 nav.responsive-menu-block-wrapper {
  display: block;
 }
 .responsive-menu-toggle-wrapper.responsive-menu-toggle {
  display: none;
 }
}

#block-lienen {
	position: absolute;
	top: 5px;
	right: 5px;
	color: #fff;
	font-size: .85rem;
}
#block-lienen .content a {
	color: #fff;
	font-family: 'Encode Sans Condensed',sans-serif;
}

#block-pnrfv2-pieddepage ul.menu {
	text-align: center;
	margin-bottom: 2rem;
}
#block-pnrfv2-pieddepage li.menu-item {
	display: inline-block;
}

.region-header .block-menu li > span,
.region-header-top .block-menu li > span {
	display: block;
	padding: 3px 17px 3px 7px;
}
@media (min-width: 1200px){
	.region-header .block-menu li > span,
	.region-header-top .block-menu li > span {
		padding: 3px 2.5rem 3px 7px;
	}
}

#block-pnrfv2-account-menu .menu {
	background: #F58322;
	padding: 0 .5rem;
}
#block-pnrfv2-account-menu .menu .menu-item:not(:last-child) {
	display: none;
}
#block-pnrfv2-account-menu .menu .menu-item {
	padding-top: 0;
}
#block-pnrfv2-account-menu .menu .menu-item a {
	color: #fff;
	text-transform: uppercase;
	font-size: .75rem;
	font-family: 'Encode Sans Condensed';
	font-weight: 700;
	padding: 3px 10px;
}