@charset "UTF-8";
@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(https://fonts.cdnfonts.com/css/myriad-pro);

/*
@font-face {
  font-family: "DK Lemon Yellow Sun";
  src: url(/contents/fonts/DKLemonYellowSun.eot);
  src: url(/contents/fonts/DKLemonYellowSun.eot?#iefix)
      format("embedded-opentype"),
    url(/contents/fonts/DKLemonYellowSun.woff) format("woff"),
    url(/contents/fonts/DKLemonYellowSun.woff2) format("woff2"),
    url(/contents/fonts/DKLemonYellowSun.ttf) format("truetype"),
    url(/contents/fonts/DKLemonYellowSun.svg#DK%20Lemon%20Yellow%20Sun)
      format("svg");
}*/
@font-face {
  font-family: Inter-Medium;
  src: url(/contents/fonts/Inter-Medium.eot) format("eot"),
    url(/contents/fonts/Inter-Medium.otf) format("otf"),
    url(/contents/fonts/Inter-Medium.ttf) format("ttf"),
    url(/contents/fonts/Inter-Medium.woff) format("woff"),
    url(/contents/fonts/Inter-Medium.woff2) format("woff2");
}

@font-face {
  font-family: Inter-Black;
  src: url(/contents/fonts/Inter-Black.eot) format("eot"),
    url(/contents/fonts/Inter-Black.otf) format("otf"),
    url(/contents/fonts/Inter-Black.ttf) format("ttf"),
    url(/contents/fonts/Inter-Black.woff) format("woff"),
    url(/contents/fonts/Inter-Black.woff2) format("woff2");
}

@font-face {
  font-family: Inter-Bold;
  src: url(/contents/fonts/Inter-Bold.eot) format("eot"),
    url(/contents/fonts/Inter-Bold.otf) format("otf"),
    url(/contents/fonts/Inter-Bold.ttf) format("ttf"),
    url(/contents/fonts/Inter-Bold.woff) format("woff"),
    url(/contents/fonts/Inter-Bold.woff2) format("woff2");
}

@font-face {
  font-family: Inter-ExtraBold;
  src: url(/contents/fonts/Inter-ExtraBold.eot) format("eot"),
    url(/contents/fonts/Inter-ExtraBold.otf) format("otf"),
    url(/contents/fonts/Inter-ExtraBold.ttf) format("ttf"),
    url(/contents/fonts/Inter-ExtraBold.woff) format("woff"),
    url(/contents/fonts/Inter-ExtraBold.woff2) format("woff2");
}

@font-face {
  font-family: Inter-ExtraLight;
  src: url(/contents/fonts/Inter-ExtraLight.eot) format("eot"),
    url(/contents/fonts/Inter-ExtraLight.otf) format("otf"),
    url(/contents/fonts/Inter-ExtraLight.ttf) format("ttf"),
    url(/contents/fonts/Inter-ExtraLight.woff) format("woff"),
    url(/contents/fonts/Inter-ExtraLight.woff2) format("woff2");
}

@font-face {
  font-family: Inter-Light;
  src: url(/contents/fonts/Inter-Light.eot) format("eot"),
    url(/contents/fonts/Inter-Light.otf) format("otf"),
    url(/contents/fonts/Inter-Light.ttf) format("ttf"),
    url(/contents/fonts/Inter-Light.woff) format("woff"),
    url(/contents/fonts/Inter-Light.woff2) format("woff2");
}

@font-face {
  font-family: Inter-Regular;
  src: url(/contents/fonts/Inter-Regular.eot) format("eot"),
    url(/contents/fonts/Inter-Regular.otf) format("otf"),
    url(/contents/fonts/Inter-Regular.ttf) format("ttf"),
    url(/contents/fonts/Inter-Regular.woff) format("woff"),
    url(/contents/fonts/Inter-Regular.woff2) format("woff2");
}

@font-face {
  font-family: Inter-SemiBold;
  src: url(/contents/fonts/Inter-SemiBold.eot) format("eot"),
    url(/contents/fonts/Inter-SemiBold.otf) format("otf"),
    url(/contents/fonts/Inter-SemiBold.ttf) format("ttf"),
    url(/contents/fonts/Inter-SemiBold.woff) format("woff"),
    url(/contents/fonts/Inter-SemiBold.woff2) format("woff2");
}

@font-face {
  font-family: Inter-Thin;
  src: url(/contents/fonts/Inter-Thin.eot) format("eot"),
    url(/contents/fonts/Inter-Thin.otf) format("otf"),
    url(/contents/fonts/Inter-Thin.ttf) format("ttf"),
    url(/contents/fonts/Inter-Thin.woff) format("woff"),
    url(/contents/fonts/Inter-Thin.woff2) format("woff2");
}

@font-face {
  font-family: Tahu;
  src: url(/contents/fonts/Tahu!.eot) format("eot"),
    url(/contents/fonts/Tahu!.otf) format("otf"),
    url(/contents/fonts/Tahu!.ttf) format("ttf"),
    url(/contents/fonts/Tahu!.woff) format("woff"),
    url(/contents/fonts/Tahu!.woff2) format("woff2");
}

:root {
  --francepassion-color: #8dc63f;
  --francepassion-color-light: rgb(141, 198, 63);
  --campingcariste-color: #0089cf;
  --accueillant-color: #f89c39;
  --francepassion-gris: #cccccc3d;
  --francepassion-dark: #333333;
  --payment-color: #4fbec9;
  --icon-content, "\e959";
  --icon-color: "#333";
  --francepassion-danger: #ed272C;
}

* {
  font-family: Inter-Regular, "Trebuchet MS", Helvetica, sans-serif;
}

html {
  position: relative;
  min-height: 100%;
  font-family: Arimo, "Trebuchet MS", Helvetica, sans-serif;
}

body {
  background: url('/resources/FP/upload/fond-site.png'); background-size: 100% auto;
  background-attachment: fixed;
}

p,
.textContainer > li {
  font-size: 1.15em;
}

.textContainer li a {
  /*! font-size: 1em !important; */
}

.footerFrancePassion p,
.footerFrancePassion li a {
  font-size: 14px !important;
}

#connectStatus {
  background-color: #fffffff2;
  display: none;
}

.text-danger {color: var(--francepassion-danger)}

#connectStatus>a {
  padding-left: 20px;
}

span.user {
  padding-left: 20px;
}

#francePassionMenu {
  width: 100%;
  padding: 0 190px;
  background: #fff;
  z-index: 99;
}

#videoIntro {
  height: 100vh;
}

.container-accueil-video {
  padding: 0;
}

header {
  width: 100%;
  position: relative;
  top: 0;
  display: flex;
  flex-flow: column nowrap;
  background-color: #fff;
  z-index: 10;
  background: grey;
}

.video-container {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  padding: 0;
}

.container-accueil-video>.col-content {
  position: relative;
}

.row {
  margin: 0;
}

.row.ligne-encadre-guide {
  position: absolute;
  bottom: 0;
  right: 0;
}

.encadre-kit-guide {
  padding: 0;
  width: 420px;
}

.encadre-kit-guide>.col-content {
  display: flex;
  align-items: flex-end;
}

.textContainer.titre-guide {
  background-color: #8dc63f;
  padding: 15px 0 15px 90px;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  height: 100px;
  transition: height 0.3s;
  cursor: pointer;
}

.titre-guide:hover {
  height: 200px;
}

.image.image-guide {
  z-index: 1;
}

.image-guide img {
  transform: rotate(-5deg);
  min-width: 300px;
  position: absolute;
  top: -240px;
  left: -35%;
}

.titre-guide>.text>h2 {
  font-weight: 700;
  color: #fff;
  min-width: 100%;
  text-align: center;
  font-family: Desyrel, sans-serif;
}

.titre-guide:hover #guideText {
  opacity: 1;
  height: auto;
  width: auto;
  display: block;
}

.container-fluid {
  padding: 0;
}

.video-container iframe {
  pointer-events: none;
  position: absolute;
  top: -60px;
  left: 0;
  width: 100%;
  height: calc(100% + 120px);
}

.video-foreground {
  pointer-events: none;
}

a:focus,
a:hover {
  text-decoration: none;
  outline: 0;
}

.right-block {
  margin-left: auto;
}

nav {
  width: 100%;
  font-family: Lato;
}

.logoDiv {
  margin: auto 20px;
  position: static;
}

.logoDiv>a>img {
  max-width: 180px;
}

.logo-header {
  height: 5.7em;
  background-color: transparent;
  display: flex;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}

.navbar {
  margin-bottom: 0;
  border: none;
  z-index: 2;
  box-shadow: rgb(0 0 0 / 24%) 0 2px 8px;
}

.navbar-fixed-top {
  background-color: #fff;
  top: 0;
  border-width: 0 0 1px;
  width: 100%;
}

.navbar-nav {
  float: none;
  display: flex;
}

.navbar-default {
  background-color: transparent;
  border-color: transparent;
  border: 0 !important;
  border-radius: 0 !important;
  margin: auto 0 auto auto;
}

.navbar-nav>li {
  height: 100%;
  padding: 0 4px;
}

.carte {
  height: 150px;
}

#cphBody_ctl01_LoginView1_lbDisconnect {
  color: #fff;
}

.nav-container .logoin {
  display: flex;
  justify-content: center;
  background-color: #fff;
  border-radius: 5px;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
  background: 0 0;
  transition: all ease 0.3s;
}

.logoDefaut {
  width: 100px;
  margin: 10px;
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
  z-index: 2;
  color: #fff;
  background-color: #287f24;
  border-color: #287f24;
}

.panel-primary {
  border-color: #287f24;
}

.panel-primary>.panel-heading {
  color: #fff;
  background-color: #287f24;
  border-color: #287f24;
}

#carousel {
  padding: 0 !important;
}

.container-full {
  width: 100%;
  margin: 0 auto;
}

body {
										 
  background-repeat: no-repeat;
  font-family: Inter-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow: overlay;
}

#actus {
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #fefefe;
  background-color: #88bae6;
}

#actus .container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
}

#actus .droite {
  background-color: #88bae6;
  background-position: left center;
  background-repeat: no-repeat;
}

#actus .droite a {
  padding-left: 25px;
  font-weight: 700;
  color: #fff;
}

#domaines-intervention h1 {
  padding-bottom: 25px;
  font-weight: 200;
  line-height: 50px;
}

article img {
  border: 1px solid #88bae6;
}

#gauche {
  min-height: 400px;
  line-height: 1em;
  color: #88bae6;
  background-position: right center;
  background-repeat: no-repeat;
}

aside h2,
content h3 {
  text-transform: none;
  font-family: Inter-Regular, "Arial Black", sans-serif;
  font-weight: 300;
  color: #006cb6;
}

.list-group .list-group-item.active a {
  font-weight: 600;
  color: rgba(255, 255, 255, 1);
}

#gauche .list-group .list-group-item.active {
  background-color: rgba(25, 25, 25, 0.9);
}

.list-group .list-group-item a {
  color: #006cb6;
}

#demo3 .list-group-item {
  background-color: #fff !important;
}

.list-group-item-active {
  color: #006cb6 !important;
  background-color: #000 !important;
}

.list-group-item-notactive {
  color: #88bae6 !important;
  background-color: #006cb6;
}

.list-group-item-notactive:hover {
  color: #fff !important;
  background-color: #006cb6 !important;
}

.list-group-item-active:hover {
  color: #fff !important;
  background-color: #000 !important;
}

#carousel .container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
}

#second_nav {
  height: 50px;
  text-align: left;
  line-height: 50px;
  background-color: #1f3464;
  background-position: right center;
  background-repeat: no-repeat;
}

a {
  color: #333;
  text-decoration: none;
}

a:focus,
a:hover {
  color: #1b5418;
}

#second_nav a {
  font-size: 1em;
  font-weight: 600;
  color: #000;
}

#second_nav a .active {
  color: red !important;
}

#gauche {
  padding-top: 20px;
  min-height: 100px;
}

content {
  padding: 25px;
}

ul.social-network {
  margin-left: 0 !important;
  padding: 0;
  list-style: none;
}

ul.social-network li {
  display: inline;
  margin: 0 5px;
}

.footer-big {
  padding-top: 50px;
}

.footer {
  line-height: 20px;
}

.footer-big .copyright {
  margin: 10px 0 20px;
}

.footer .copyright {
  margin: 15px 3px;
  padding: 10px 15px;
  text-align: center;
  line-height: 20px;
  color: #777;
}

.footer-big hr {
  margin-top: 50px;
  margin-bottom: 0;
}

.footer hr {
  border-color: #ddd;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}

.footer-big .form-group {
  margin-top: 15px;
}

.footer .title {
  color: #006cb6;
}

.h5,
h5 {
  margin-bottom: 15px;
  font-size: 1.2em;
}

.footer-big nav>ul {
  margin: 0;
  padding: 0;
  font-weight: 400;
  list-style: none;
}

.footer nav>ul {
  margin: 0;
  padding: 0;
  font-weight: 400;
  list-style: none;
}

.footer-big nav>ul li {
  float: none;
}

.footer nav>ul a:not(.btn) {
  display: block;
  color: #88bae6;
}

.footer-big nav>ul .btn-social.btn-simple {
  padding: 0 0 4px 0;
}

.footer-big nav>ul .btn {
  margin-bottom: 5px;
}

.btn-social.btn-simple {
  padding: 9px 5px;
  font-size: 1.1em;
}

.btn-facebook {
  border-color: #3b5998;
  color: #3b5998;
}

.btn-social {
  padding: 8px 9px;
  opacity: 0.85;
}

.btn-simple {
  padding: 8px 16px;
  border: 0;
  font-size: 1.1em;
}

.btn-dribbble {
  border-color: #007bb7;
  color: #007bb7;
}

.btn-twitter {
  border-color: #55acee;
  color: #55acee;
}

.btn-reddit {
  border-color: #ff4500;
  color: #ff4500;
}

.breadcrumb {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 7px 25px 7px 15px;
  list-style: none;
  color: #000;
  background-color: transparent;
  margin: auto;
  display: flex;
  align-content: center;
  align-items: center;
}

.breadcrumb a {
  color: #000;
}

.breadcrumb a:hover {
  color: #287f24;
}

.breadcrumb>.active {
  color: #287f24;
  font-family: Inter-Bold;
}

.thumbnail {
  padding: 20px;
  min-height: 100px;
  border-radius: 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  background-color: #006cb6;
}

.thumbnail:hover {
  color: #fff;
  background-color: #88bae6;
  transition: background-color 2s;
  background-blend-mode: multiply;
}

.thumbnail a {
  background-color: red !important;
}

.affix {
  top: 250px;
  background-color: transparent;
}

#imageCentrale img {
  position: relative;
  top: -400px;
  z-index: 9;
}

#imageGauche img {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: -50px;
  min-width: 450px;
  overflow: hidden;
  max-height: 100%;
}

#imageDroite img {
  z-index: 5;
  position: absolute;
  right: 0;
  bottom: -50px;
  min-width: 300px;
  overflow: hidden;
  max-height: 100%;
}

#footerMenu {
  background-color: transparent;
  width: 100%;
  z-index: 10;
  margin: auto;
}

h3.title-footer {
  font-size: 1.1em;
  color: #585858;
}

.well-lg a {
  text-decoration: none;
  color: #006cb6 !important;
}

.text h1 {
  padding: 0;
  color: #1d1719;
  margin-top: 0;
}

.text h1:after {
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid green;
}

.text h1:before {
  padding-top: 25px;
}

.vertical-menu {
  position: relative;
  outline: 0;
  margin-top: 10px;
}

.vertical-menu.verticalMenuAccueillant,  .vertical-menu.verticalMenuAccueillant ul li a {
background: var(--accueillant-color) !important;
}
.vertical-menu.verticalMenuAdherent,  .vertical-menu.verticalMenuAdherent ul li a {
background: var(--campingcariste-color) !important;
}

.vertical-menu * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Inter-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif;
  outline: 0;
  font-weight: 300;
}

.vertical-menu .menu-footer {
  float: left;
  width: 100%;
  height: 50px;
  text-align: center;
  font-size: 6px;
  font-weight: 400;
  line-height: 50px;
  color: #f0f0f0;
  background: #414956;
}

.accueillantContainer .menu-header,
.campingCaristeContainer .menu-header,
.francePassionContainer .menu-header,
.vertical-menu .menu-header {
  text-align: center;
  color: #fff;
  font-size: 1.4em;
  font-family: Inter-Regular, sans-serif;
  border-radius: 10px 10px 0 0;
  z-index: 2;
  position: relative;
  margin-bottom: 15px;
}

.vertical-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.vertical-menu ul li {
  display: block;
  float: left;
  position: relative;
  width: 100%;
}

.vertical-menu ul li a {
  float: left;
  position: relative;
  width: 100%;
  padding: 3px 22px;
  overflow: hidden;
  text-decoration: none;
  font-size: 0.8em;
  color: #f0f0f0;
  transition: all 0.3s ease;
  text-align: center;
}

.vertical-menu ul li a:hover {
  font-family: Inter-SemiBold;
}

.vertical-menu ul li a.active.current {
  color: #fff;
  font-family: Inter-SemiBold;
}

.vertical-menu ul li a.active.current:hover {
  color: #fff;
}

.menuHeader ul li:last-child,
.vertical-menu.menuHeader ul li:last-child a {
  border-radius: 0 0 10px 10px;
}

.vertical-menu>ul>li:hover>a {
  color: #fff;
}

.vertical-menu ul li a i {
  float: left;
  width: 34px;
  text-align: left;
  font-size: 1.1em;
  line-height: 18px;
}

.vertical-menu ul li .menu-label {
  position: absolute;
  top: 14px;
  right: 18px;
  padding: 1px 2px 1px 1px;
  min-width: 20px;
  border-radius: 100%;
  text-align: center;
  font-size: 0.7em;
  font-weight: 800;
  line-height: 18px;
  color: #555;
  background: #f0f0f0;
}

.vertical-menu ul .submenu {
  display: none;
  position: static;
  width: 100%;
}

.vertical-menu ul .submenu .submenu-indicator {
  line-height: 16px;
}

.vertical-menu ul .submenu li {
  clear: both;
  width: 100%;
}

.vertical-menu ul .submenu li ul.submenu {
  display: none;
  position: static;
  width: 100%;
  overflow: hidden;
}

.vertical-menu ul .submenu li a {
  float: left;
  position: relative;
  border-top: none;
  border-left: 0;
  font-size: 0.7em;
  background: #000;
}

.vertical-menu ul .submenu li:hover>a {
  border-left-color: #414956;
}

.vertical-menu ul .submenu li .menu-label {
  position: absolute;
  top: 12px;
  top: 14px;
  right: 18px;
  padding: 1px 2px 1px 1px;
  min-width: 20px;
  border-radius: 100%;
  text-align: center;
  font-size: 0.7em;
  font-weight: 800;
  line-height: 18px;
  color: #555;
  background: #f0f0f0;
}

.vertical-menu ul .submenu>li>a {
  padding-left: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.vertical-menu ul .submenu>li>ul.submenu>li>a {
  padding-left: 45px;
}

.vertical-menu ul .submenu>li>ul.submenu>li>ul.submenu>li>a {
  padding-left: 60px;
}

.vertical-menuul.submenu>li>ul.submenu>li>ul.submenu>li>ul.submenu>li>a {
			  
	  
			  
	  
			  
	  
	   
  padding-left: 75px;
}

.vertical-menuul.submenu>li>ul.submenu>li>ul.submenu>li>ul.submenu>li>ul.submenu>li>a {
			  
	  
			  
	  
			  
	  
			  
	  
	   
  padding-left: 90px;
}

.vertical-menu .submenu-indicator {
  float: right;
  position: absolute;
  top: 15px;
  right: 10px;
  font-size: 1.3em;
  line-height: 19px;
  -webkit-transition: "transform .3s linear";
  -moz-transition: "transform .3s linear";
  -o-transition: "transform .3s linear";
  transition: "transform .3s linear";
}

.vertical-menu .submenu-indicator-minus>.submenu-indicator {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.vertical-menu>ul>li.active>a {
  color: #fff;
  background: #3b424d;
}

.ink {
  display: block;
  position: absolute;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.3);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.animate-ink {
  -webkit-animation: ripple 0.3s linear;
  -moz-animation: ripple 0.3s linear;
  -o-animation: ripple 0.3s linear;
  animation: ripple 0.3s linear;
  -ms-animation: ripple 0.3s linear;
}

span.caret.navbar-toggle.sub-arrow {
  border: none;
  transition: ease all 0.3s;
}

.highlighted span.caret.navbar-toggle.sub-arrow {
  transform: rotate(180deg);
}

ul.nav.navbar-nav.sm-collapsible {
  margin-top: 0;
  margin-bottom: 0;
}

.collapse.navbar-collapse.navbar-ex1-collapse {
  display: none;
  height: 100%;
}

.collapse.navbar-collapse.navbar-ex1-collapse.in {
  display: block;
}

.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
  color: #7da42f;
  background-color: transparent;
}

.level0>li:hover {
  background-color: #a1d33c;
}

.sm-collapsible .level1>li {
  background-color: #000;
  margin-top: -5px;
  margin-bottom: -5px;
  padding: 5px 0 !important;
  color: #fff;
}

.sm-collapsible .level1>li a {
  color: #000 !important;
  background-color: #fff;
  margin: -5px 0 !important;
  padding: 15px !important;
}

a.active.current {
  background-color: #fff;
  color: #6d6d6d;
  font-weight: 800;
}

a.active.current:hover {
  background-color: #fff;
  color: #287f24;
  font-weight: 800;
}

.level1>li {
  margin-top: -5px;
  margin-bottom: -5px;
  padding: 5px !important;
  color: #fff;
}

.list .listItem {
  border: 0 #000 solid;
  margin-bottom: 30px;
  width: 100%;
  position: relative;
}

.list .listItem .listText h2 {
  padding: 5px;
  color: #006cb6;
  background: #88bae6;
  margin: 0;
}

.list .listItem .listText p {
  padding: 5px;
  flex-grow: 1;
}

.list .listItem .bottom {
  margin-top: auto;
}

.list .listItem.listItemHorizontal {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.list .listItem.listItemHorizontal>[class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.list.row-flex,
.row.row-flex {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding-top: 10px;
}

.list.row-flex>[class*="col-"],
.row.row-flex>[class*="col-"] {
  display: flex;
}

.list.row-flex>[class*="col-"]>[class*="bd-column-"],
.row.row-flex>[class*="col-"]>[class*="bd-column-"] {
  flex-grow: 1;
  border: 1px #000 solid;
  padding: 10px;
  margin-bottom: 15px;
}

.list.row-flex:after,
.row.row-flex:after .list.row-flex:before,
.row.row-flex:before {
  display: none;
}

.mosaicflow__column {
  float: left;
}

#divCP.has-feedback .form-control,
#divCaptcha.has-feedback .form-control {
  padding-right: 10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Inter-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

h1 {
  font-size: 3rem;
  margin: 1rem 0;
}

h2 {
  font-size: 2.35rem;
  margin: 1rem 0;
}

h3 {
  font-size: 1.95rem;
  margin: 1.313rem 0;
}

h4 {
  font-size: 1.65rem;
  margin: 1.313rem 0;
}

h5 {
  font-size: 1.313rem;
  margin: 1.313rem 0;
}

h6 {
  font-size: 1.125rem;
  margin: 1.313rem 0;
}

.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6 {
  font-family: Inter-Regular, Arial, sans-serif;
  line-height: 1em;
  font-weight: 400;
}

.text h1 {
  font-size: 3rem;
  line-height: 0.8em;
  margin: 1rem 0;
}

.text h2 {
  font-size: 2.35rem;
  margin: 1rem 0;
}

.text h3 {
  font-size: 1.95rem;
  margin: 1.313rem 0;
}

.text h4 {
  font-size: 1.65rem;
  margin: 1.313rem 0;
}

.text h5 {
  font-size: 1.313rem;
  margin: 1.313rem 0;
}

.text h6 {
  font-size: 1.125rem;
  margin: 1.313rem 0;
}

.padding-5px {
  padding: 0.3125rem;
}

.padding-10px {
  padding: 0.625rem;
}

.padding-15px {
  padding: 0.9375rem;
}

.fond-gris {
  background-color: #1f1f1f;
  padding: 0.625rem;
  margin-top: 1.25rem;
}

.fond-bleu-sombre {
  background-color: #1f3464;
  padding: 0.625rem;
  margin-top: 1.25rem;
}

.fond-bleu-puissant {
  background-color: #006cb6;
  padding: 0.625rem;
  margin-top: 1.25rem;
}

.fond-bleu-doux {
  background-color: #88bae6;
  padding: 0.625rem;
  margin-top: 1.25rem;
}

.fond-bleu-gris {
  background-color: #e9f2fa;
  font-family: Inter-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
  padding: 0.625rem;
  margin-top: 1.25rem;
}

.fond-degrade {
  background: -webkit-linear-gradient(top, #88bae6, #e7f1fa);
  background: -moz-linear-gradient(top, #88bae6, #e7f1fa);
  background: -o-linear-gradient(top, #88bae6, #e7f1fa);
  background: -ms-linear-gradient(top, #88bae6, #e7f1fa);
  background: linear-gradient(to bottom, #88bae6, #e7f1fa);
  padding: 0.625rem;
  margin-top: 1.25rem;
}

.bordure-haut-1px {
  border-top: solid 0.0625rem;
  margin-top: 1.25rem;
}

.bordure-bas-1px {
  border-bottom: solid 0.0625rem;
  margin-top: 1.25rem;
}

.bordure-gauche-1px {
  border-left: solid 0.0625rem;
  margin-top: 1.25rem;
}

.bordure-droite-1px {
  border-right: solid 0.0625rem;
  margin-top: 1.25rem;
}

.bordure-haut-5px {
  border-top: solid 0.3125rem;
  margin-top: 1.25rem;
}

.bordure-bas-5px {
  border-bottom: solid 0.3125rem;
  margin-top: 1.25rem;
}

.bordure-gauche-5px {
  border-left: solid 0.3125rem;
  margin-top: 1.25rem;
}

.bordure-droite-5px {
  border-right: solid 0.3125rem;
  margin-top: 1.25rem;
}

.bordure-gris {
  border-color: #1f1f1f;
}

.bordure-bleu-sombre {
  border-color: #1f3464;
}

.bordure-bleu-puissant {
  border-color: #006cb6;
}

.bordure-bleu-doux {
  border-color: #88bae6;
}

.bordure-bleu-gris {
  border-color: #e9f2fa;
}

.texte-gris {
  color: #1f1f1f;
}

.texte-bleu-sombre {
  color: #1f3464;
}

.texte-bleu-puissant {
  color: #006cb6;
}

.texte-bleu-doux {
  color: #88bae6;
}

.texte-bleu-gris {
  color: #e9f2fa;
}

.texte-petit {
  font-size: 1.125rem;
}

.texte-moyen {
  font-size: 1.4625rem;
}

.texte-grand {
  font-size: 1.9125rem;
}

.accordion,
.tabs {
  margin-top: 15px;
}

.tabs .tab-content {
  padding: 15px;
  border: 1px solid #ddd;
  border-top-color: transparent;
}

.ratio4by3 {
  padding-bottom: 75%;
}

.ratio16by9 {
  padding-bottom: 56.25%;
}

#pied {
  background-color: #e5f3f9;
}

.fond-degrade-Bleu-DG {
  border-radius: 0 20px 20px 20px;
  background-image: -webkit-linear-gradient(-180deg,
			
      rgba(0, 108, 182, 0.5) 0,
      rgba(0, 108, 182, 1) 100%);
	
  background-image: -moz-linear-gradient(270deg,
		   
      rgba(0, 108, 182, 0.5) 0,
      rgba(0, 108, 182, 1) 100%);
	
  background-image: linear-gradient(270deg,
		   
      rgba(0, 108, 182, 0.5) 0,
      rgba(0, 108, 182, 1) 100%);
	
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
}

.fond-degrade-Bleu {
  border-radius: 0 20px 20px 20px;
  background: -webkit-linear-gradient(top, #5aa0d0, #e7f1fa);
  background: -moz-linear-gradient(top, #5aa0d0, #e7f1fa);
  background: -o-linear-gradient(top, #5aa0d0, #e7f1fa);
  background: -ms-linear-gradient(top, #5aa0d0, #e7f1fa);
  background: linear-gradient(to bottom, #5aa0d0, #e7f1fa);
}

.fond-degrade-orange {
  border-radius: 0 20px 20px 20px;
  background: -webkit-linear-gradient(top, #fad96e, #fff);
  background: -moz-linear-gradient(top, #fad96e, #fff);
  background: -o-linear-gradient(top, #fad96e, #fff);
  background: -ms-linear-gradient(top, #fad96e, #fff);
  background: linear-gradient(to bottom, #fad96e, #fff);
}

.Fond-Gris {
  background: #eee;
}

.bordureGrisOmbre .col-content {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 1;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #efe9e9;
  -webkit-border-radius: 20px;
  background-image: -webkit-linear-gradient(-180deg,
			
      rgba(0, 108, 182, 0.5) 0,
      rgba(0, 108, 182, 1) 100%);
	
  background-image: -moz-linear-gradient(270deg,
		   
      rgba(0, 108, 182, 0.5) 0,
      rgba(0, 108, 182, 1) 100%);
	
  background-image: linear-gradient(270deg,
		   
      rgba(0, 108, 182, 0.5) 0,
      rgba(0, 108, 182, 1) 100%);
	
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
}

.Texte-Script-blanc {
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  float: none;
  z-index: auto;
  height: auto;
  position: static;
  cursor: default;
  opacity: 1;
  margin: 0;
  padding: 20px;
  overflow: hidden;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  font-family: "Aguafina Script", cursive;
  font-size: 3rem;
  color: rgba(255, 255, 255, 1);
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transform: none;
  transform: none;
  -webkit-transform-origin: 50% 50% 0;
  transform-origin: 50% 50% 0;
}

.menu1 .ca-menu {
  padding: 0;
  margin: 20px auto;
}

.menu1 .ca-menu li {
  width: 140px;
  height: 200px;
  overflow: hidden;
  position: relative;
  float: left;
  border: 5px solid #fff;
  background: #e2f0ff;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  margin-right: 4px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.menu1 .ca-menu li:last-child {
  margin-right: 0;
}

.menu1 .ca-menu li a {
  text-align: left;
  width: 100%;
  height: 100%;
  display: block;
  color: #333;
  position: relative;
}

.menu1 .ca-icon {
  font-family: FontAwesome, cursive;
  color: #c5e4f4;
  font-size: 90px;
  text-shadow: 1px 0 1px rgba(255, 255, 255, 0.7);
  line-height: 150px;
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  top: 0;
  text-align: center;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.menu1 .ca-content {
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  top: 50%;
}

.menu1 .ca-main {
  font-size: 0.9em;
  color: #005382;
  opacity: 0.8;
  text-align: center;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.menu1 .ca-content .ca-main {
  margin-top: 30px;
}

.menu1 .ca-sub {
  text-align: center;
  font-size: 0.9em;
  color: #666;
  line-height: 40px;
  opacity: 0.8;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.menu1 .ca-menu li:hover {
  background-color: #fff;
}

.menu1 .ca-menu li:hover .ca-icon {
  text-shadow: 0 0 20px #c5e4f4;
  color: transparent;
  -webkit-animation: moveFromTop 0.4s ease;
  -moz-animation: moveFromTop 0.4s ease;
  -ms-animation: moveFromTop 0.4s ease;
}

.menu1 .ca-menu li:hover .ca-main {
  color: #000;
  -webkit-animation: moveFromTop 0.3s ease;
  -moz-animation: moveFromTop 0.3s ease;
  -ms-animation: moveFromTop 0.3s ease;
}

.menu1 .ca-menu li:hover .ca-sub {
  color: #000;
  -webkit-animation: moveFromBottom 0.5s ease;
  -moz-animation: moveFromBottom 0.5s ease;
  -ms-animation: moveFromBottom 0.5s ease;
}

@-webkit-keyframes moveFromTop {
  from {
    -webkit-transform: translateY(-300%);
  }

  to {
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes moveFromTop {
  from {
    -moz-transform: translateY(-300%);
  }

  to {
    -moz-transform: translateY(0);
  }
}

@-ms-keyframes moveFromTop {
  from {
    -ms-transform: translateY(-300%);
  }

  to {
    -ms-transform: translateY(0);
  }
}

@-webkit-keyframes moveFromBottom {
  from {
    -webkit-transform: translateY(200%);
  }

  to {
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes moveFromBottom {
  from {
    -moz-transform: translateY(200%);
  }

  to {
    -moz-transform: translateY(0);
  }
}

@-ms-keyframes moveFromBottom {
  from {
    -ms-transform: translateY(200%);
  }

  to {
    -ms-transform: translateY(0);
  }
}

.slide-buttons {
  position: absolute;
  top: 30rem;
  left: 20rem;
}

.slide-buttons a span {
  display: none;
}

.slide-buttons a {
  display: inline-block;
  font-family: fontawesome;
  margin: 0rem;
  border: none;
  padding: 1rem 0rem;
  width: 6rem;
  height: 6rem;
  text-align: center;
  line-height: 4rem;
  background-color: rgba(255, 255, 255, 0.85);
  color: #000;
  text-decoration: none !important;
}

.slide-buttons a.previous:before {
  content: "\f053";
}

.slide-buttons a.next:before {
  content: "\f054";
}

.slide-buttons a.play:before {
  content: "\f04b";
}

.slide-buttons a.pause:before {
  content: "\f04c";
}

.slide-buttons a.active:before {
  content: "\f111";
}

.slide-buttons a.notactive:before {
  content: "\f10c";
}

.actus-inner.row-flex {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding-top: 10px;
}

.actus-inner.row-flex>[class*="col-"] {
  display: flex;
}

.actus-inner.row-flex>[class*="col-"]>[class*="bd-column-"] {
  flex-grow: 1;
  border: 1px #000 solid;
  padding: 10px;
  margin-bottom: 15px;
}

.actus-inner.row-flex:after,
.actus-inner.row-flex:before {
  display: none;
}

.mosaicflow__column {
  float: left;
}

.actus-paging-container nav,
#agendaEvents nav,
.temoignages nav {
  text-align: center;
  margin: 0 auto 50px;
}

.actus-paging-container .pagination,
#agendaEvents .pagination,
.temoignages .pagination {
  display: inline-block;
  margin: auto;
  background: #ececec;
  padding: 5px 25px;
  border-radius: 40px;
  margin-top: 50px;
}

#agendaEvents .pagination {
  margin-top: 0;
}

#actuPaginePageActu>nav>ul>li>a>span,
#avantagesPagine>nav>ul>li>a>span {
  font-size: 1.7em;
  line-height: 0.75;
}

#actuPaginePageActu,
#avantagesPagine {
  margin-top: 50px;
}

#avantagesPagine.laPresseEnParle {
  /*! margin-top: 100px; */
}

.actus-paging-container .resume {
  display: none;
}

.actus-paging-container .date,
.actus-paging-container .theme {
  display: none;
}

.actus-paging-container .title {
  color: #333;
  font-size: 1.8rem;
  margin: 0;
}

.actus-paging-container .actus-item {
  margin: 10px 0;
}

.actus-paging-container .actus-item.active .title {
  color: #00f;
}

.article .date,
.article .theme {
  font-size: 1.2rem;
}

.article img {
  margin: auto;
}

.article .article-embed,
.article .article-image {
  margin-bottom: 20px;
}

.actu-tag1 .theme {
  background-color: #00f !important;
}

.panel-title-full a {
  display: block;
  padding: 10px 15px;
  margin: -10px -15px;
}

.panel-danger>.panel-legend {
  color: var(--francepassion-danger);
  background-color: #f2dede;
  border-color: #ebccd1;
  display: inline-block;
}

.panel-legend {
  padding: 5px;
  border-bottom: 1px solid transparent;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-legend.pull-right {
  padding: 5px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  margin-bottom: 5px;
}

.form-control.inline {
  display: inline-block;
  width: auto;
}

.has-error .form-control {
  border: 1px solid var(--francepassion-danger);
}

.form-control, #accordeon-search {
  background-color: #ededed;
  border: none;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.1);
  color: #333;
  border: 2px solid #cccccc3d;
  border-radius: 8px;
  padding: 7px 20px;
  height: auto;
}
.form-control:focus-visible, #accordeon-search:focus-visible {outline-color: var(--campingcariste-color)}

.has-float-label .form-control:placeholder-shown:not(:focus)+label {
  top: 1em
}

.margin-auto {
  margin: auto;
}

.row.margin0 {
  margin: 0;
}

.tab-content {
  padding: 15px;
  border: 1px solid #ddd;
  border-top-color: transparent;
  margin-bottom: 15px;
}

.panel-primary .panel-heading a {
  color: #fff;
}

.panel-admin {
  border-style: dashed !important;
  background-color: #f9f0f0 !important;
}

abbr[data-original-title],
abbr[title] {
  text-decoration: none;
}

.pointer {
  cursor: pointer;
}

.cursorMove {
  cursor: move;
}

.fa-badge.text-success {
  color: #5cb85c;
}

#tab-content {
  background-color: #fff;
}

.badge-success {
  background-color: #5cb85c !important;
}

.diapo-list.vertical .actus-content {
  display: none;
}

.diapo-list.horizontal .item img {
  width: 100%;
}

.diapo-list.horizontal .item {
  padding: 0;
  max-height: 400px;
}

.diapo-list.horizontal .actus-image-content {
  width: 100% !important;
}

.diapo-list.horizontal .actus-content {
  width: 100% !important;
}

.diapo-list.horizontal .actus-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: left;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  text-shadow: none;
}

.diapo-list.horizontal .carousel-inner {
  width: 70%;
  float: left;
}

.diapo-list.horizontal .list-group {
  position: relative;
  width: 30%;
  float: left;
}

.diapo-list.horizontal .list-group-item {
  border-radius: 0;
  cursor: pointer;
  max-height: 81px;
  overflow: hidden;
}

.diapo-list.horizontal .list-group .active {
  background-color: #eee;
}

.diapo-list.horizontal .actus-content {
  display: none;
}

.diapo.thumbdiap .actus-item img {
  width: 100%;
}

.diapo.thumbdiap .actus-item {
  padding: 0;
}

.diapo.thumbdiap .actus-image-content {
  width: 100% !important;
}

.diapo.thumbdiap .actus-content {
  width: 100% !important;
}

.diapo.thumbdiap .actus-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: left;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  text-shadow: none;
  color: #fff;
}

.diapo.thumbdiap .carousel-inner {
  float: left;
}

.diapo.thumbdiap .list-group {
  width: auto;
  text-align: center;
  display: block;
  margin: auto;
}

.diapo.thumbdiap .list-group-item {
  border-radius: 50%;
  cursor: pointer;
  height: 10px;
  width: 10px;
  padding: 8px;
  display: inline-block;
  border-color: #337ab7;
  margin: 20px 5px;
}

.diapo.thumbdiap .list-group-item span {
  display: none;
}

.diapo.thumbdiap .actus-content {
  display: none;
}

.container-mosaique {
  padding: 0;
}

#mosaique {
  padding: 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(4, 400px);
  gap: 0 0;
  grid-template-areas: "image1 image1 image2 image3 image3" "image1 image1 image4 image4 image5" "image6 image7 image7 image10 image10" "image8 image8 image9 image10 image10";
}

#mosaique>.image6>.listItem>.listItemStyle>a>img {
  object-fit: cover;
  width: 100%;
}

#mosaique>.col-lg-30 {
  padding: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

#mosaique>div>.listItem {
  margin-bottom: 0;
}

#mosaique>div>.listItem>.listItemStyle {
  height: 100%;
}

#mosaique>div>.listItem>.listItemStyle>a>img {
  object-fit: cover;
  height: 100%;
  max-width: 100%;
  width: 100%;
  object-position: center;
}

.image0 {
  grid-area: image1;
}

.image1 {
  grid-area: image2;
}

.image2 {
  grid-area: image3;
}

.image3 {
  grid-area: image4;
}

.image3>.listItem>.listItemStyle>img {
  object-fit: contain;
  max-height: 100%;
  margin: auto;
  padding: 10px;
}

.image4 {
  grid-area: image5;
  align-self: center;
}

.image5 {
  grid-area: image6;
}

.image6 {
  grid-area: image7;
}

.image7 {
  grid-area: image8;
}

.image8 {
  grid-area: image9;
}

.image9 {
  grid-area: image10;
}

.mosaique-img-bg:hover {
  background-color: #22211882;
}

.mosaique-img-bg:hover .image-link {
  opacity: 0.9;
  height: 200px;
}

.image-link {
  margin: auto;
  color: #fff;
  opacity: 0;
  transition: height 0.9s;
  height: 50px;
}

.mosaique-img-bg {
  background-color: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: background-color 0.3s;
  display: flex;
}

.no-padding {
  padding: 0;
}

.image-histo-last {
  height: 332px;
  width: 100%;
  object-fit: cover;
  object-position: bottom;
}

.menu-vertical-France-passion {
  margin-top: 50px;
}

.menu-vertical-France-passion ul li a {
  float: left;
  position: relative;
  width: 100%;
  padding: 14px 22px;
  overflow: hidden;
  text-decoration: none;
  font-size: 0.8em;
  color: #f0f0f0;
  background: #d60058;
  text-align: center;
  font-size: 1.5rem;
}

.menu-vertical-France-passion>.level0::before {
  content: "France Passion";
  background-color: #d60058;
  width: 100%;
  display: inherit;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: 3rem;
  text-align: center;
  font-family: Desyrel, sans-serif;
  height: 50px;
  line-height: 5rem;
}

.menu-vertical-France-passion>ul>li>a {
  border-bottom: solid 1px #fff;
}

.menu-vertical-France-passion>ul>li:hover>a {
  color: #fff;
  background: hsl(335.3, 100%, 22%);
}

.menu-vertical-France-passion>.level0>li:hover {
  background-color: hsl(335.3, 100%, 22%);
}

.menu-vertical-France-passion .sLabel {
  font-weight: 700;
  font-size: 1.6rem;
}

.padding-10 {
  padding: 10px;
}

.padding-15 {
  padding: 15px;
}

.padding-20 {
  padding: 20px;
}

.padding-left-right-10 {
  padding: 0 10px;
}

.padding-left-right-15 {
  padding: 0 15px;
}

.padding-left-right-20 {
  padding: 0 20px;
}

.padding-top-bot-15 {
  padding: 15px 0;
}

.padding-top-25 {
  padding-top: 25px;
}

.padding-text-10 .slide-content {
  padding: 10px;
}

.padding-text-15 .slide-content {
  padding: 15px;
}

.padding-text-20 .slide-content {
  padding: 20px;
}

.accordeon-titre-bleu>.panel-heading,
.tabs>.nav.nav-tabs>.onglet-titre-bleu>a {
  background-color: #46c2c9;
}

.accordeon-titre-magenta>.panel-heading,
.tabs>.nav.nav-tabs>.onglet-titre-magenta>a {
  background-color: #d60058;
}

.accordeon-titre-orange>.panel-heading,
.tabs>.nav.nav-tabs>.onglet-titre-orange>a,
.tabs>.nav.nav-tabs>.onglet-titre-orange>a:hover {
  background-color: var(--accueillant-color);
}

.accordeon-titre-vert>.panel-heading,
.tabs>.nav.nav-tabs>.onglet-titre-vert>a {
  background-color: #8dc63f;
}

.accordeon-titre-bleu>.panel-heading>a,
.accordeon-titre-magenta>.panel-heading>a,
.accordeon-titre-orange>.panel-heading>a,
.accordeon-titre-vert>.panel-heading>a,
.tabs>.nav.nav-tabs>.onglet-titre-bleu>a,
.tabs>.nav.nav-tabs>.onglet-titre-magenta>a,
.tabs>.nav.nav-tabs>.onglet-titre-orange>a,
.tabs>.nav.nav-tabs>.onglet-titre-vert>a {
  color: #fff;
}

.dropdown-menu {
  border: none;
  box-shadow: none;
  border-radius: 0;
}

.level1>li,
.level1>li>a {
  text-align: center;
  letter-spacing: 0;
}

.nav.navbar-nav>li.lastNavLi {
  width: 250px;
  height: 50px;
}

li.lastNavLi:after {
  height: 0 !important;
}

#logo {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 10px;
  overflow: hidden;
  border: none;
  background-position: 50% 50%;
}

.connexionStatus {
  text-align: right;
  color: #fff;
  background-color: #f2f4ef;
  display: none;
}

.btn-fp1,
.btn-fp2,
.btn-fp3,
.textLinks>ul>li>a {
  color: #fff;
}

.textLinks {
  display: flex;
  height: 100%;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.textLinks>ul>li>a {
  color: #fff;
  font-weight: 700;
  padding: 20px 35px;
  background-color: #7da42f;
  border-radius: 5px;
  font-size: 1.3em;
  transition: all ease 0.3s;
  border: 1px solid transparent;
}

.francePassionContainer .newsAgric>a,
.francePassionContainer .newsGen>a,
.francePassionContainer .newsEvent>a {
  color: #fff;
  font-weight: 700;
  padding: 15px 30px;
  border-radius: 5px;
					
  transition: all ease 0.3s;
  width: 100%;
  height: 100%;
  text-align: center;
  display: block;
}

.newsAgric,
.newsGen,
.newsEvent {
  border-radius: 5px;
  border: 1px solid transparent;
}

.textLinks ul {
  list-style: none;
  transition: all 0.3s ease;
  border-radius: 5px;
  padding: 0;
}

.encart {
  color: #000;
  width: 410px;
  height: 510px;
  max-height: 550px;
  box-shadow: 0 0.125rem 0.125rem rgb(17 19 23 / 5%),
    0 0.5rem 0.5rem rgb(17 19 23 / 5%);
  padding: 0;
  border: 10px solid transparent;
  background-color: #fff;
  overflow: hidden;
  border-color: transparent;
  margin-top: 50px;
  z-index: 21;
}

#formuleInvitTilesRow>.encart {
  height: 350px;
}

.encart1 {
  padding: 10px;
}

.encart2 {
  margin-top: 10px;
  margin-bottom: 25px;
  width: 308px;
  border: none;
  padding: 10px;
}

.encart2 .text {
  margin: 1.25rem;
}

.encart1,
.encart2 {
  color: #000;
  width: 410px;
  margin: 10px;
  max-height: 550px;
  box-shadow: 0 0.125rem 0.125rem rgb(17 19 23 / 5%),
    0 0.5rem 0.5rem rgb(17 19 23 / 5%);
  border-radius: 5px;
  background-color: #fff;
  overflow: hidden;
  border-color: transparent;
  margin-top: 50px;
  z-index: 21;
}

.encart.positionDroit {
  margin-left: -140px;
}

.encart1.positionDroit {
  margin-left: -240px;
}

.masque1 {
  position: relative;
}

.encart img {
  height: 250px;
  width: 100%;
  object-fit: none;
}

.encart .textContainer {
  padding: 10px;
}

.encart.imagePleine img {
  height: 100%;
}

.encart.imagePleine>.col-content {
  height: 100%;
}

.encart.imagePleine>.col-content>.textContainer,
.encart.imagePleine>.col-content>.textContainer>text {
  background-color: transparent !important;
  color: #fff;
  position: absolute;
  bottom: 20px;
}

.encart.imagePleine .image {
  height: 100%;
}

.lastNavLi>.textContainer {
  height: 100%;
}

.spaceColumn {
  position: static;
  height: 100%;
  display: block;
  align-self: flex-end;
}

.lastSection .textContainer.textTitrage {
  margin-left: 50px;
}

.textContainer.textTitrage {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

.textTitrage>.text>p {
  font-family: Arimo;
  font-size: 0.9em;
}

.textContainer.avisAdherent.textTitrage {
  margin: 100px auto 0;
}

.textContainer.adhesion.textTitrage {
  margin-right: 0;
  margin-bottom: 0;
}

.textContainer.formuleInvitTitre.textTitrage {
  margin-right: auto;
  margin-bottom: 25px;
}

.suivez-nous,
.textContainer.formuleInvitTitre.textTitrage,
#avis-row .avisAdherent {
  width: auto;
  text-align: center;
}

.textContainer.titreSection.textTitrage {
  position: absolute;
  top: 50%;
  left: 15%;
  color: #fff;
}

.textContainer.titreEdito.textTitrage h2 {
  font-size: 2.7em;
}

.textTitrage>.text>h3 {
  font-weight: 700;
}

.textContainer.titreEdito.textTitrage {
  width: 100%;
  margin-bottom: 25px;
}

.textContainer.accueillantImage.textTitrage {
  width: auto;
  text-align: center;
  margin: 50px 0;
}

.textContainer.largeur-max-900.textTitrage {
  max-width: 800px;
}

.textContainer.adhesion.textTitrage h2 {
  font-size: 50px;
}

.textTitrage>.text>h1,
.textTitrage>.text>h2 {
  font-weight: 700;
  margin-bottom: 50px;
  display: block;
  height: auto;
}

.textTitrage>.text>h2 {
  font-weight: 700;
  font-size: 50px;
  display: block;
  height: auto;
  line-height: 50px;
}

.encart h3,
.encart1 h3,
.encart2 h3 {
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  font-size: 1.2em;
}

.encart p,
.encart1 p,
.encart2 p {
  font-size: 1.1em;
}

.text-titre>.col-content {
  display: flex;
  justify-content: flex-end;
}

.encart2 {
  width: 310px;
}

.encart2.positionGauche {
  margin-bottom: 10px;
  margin-top: 0;
}

.encart2.positionDroit {
  margin-top: -70px;
}

.encart2.positionGauche.mep {
  background-color: transparent;
  box-shadow: none;
}

.transparence {
  background-color: transparent;
  border: none;
  box-shadow: none;
}

.tabs.ongletNav {
  max-width: 1135px;
  margin: auto;
}

.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.ongletNav>.nav-tabs>li.active>a {
  color: #555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
  font-weight: 700;
}

.ongletNav>.nav-tabs>li>a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  font-weight: 700;
  color: #95ba21;
}

.navAccordeon .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.1em;
  color: #000;
  font-weight: 500;
}

.navAccordeon .panel {
  margin-bottom: 0;
  border-radius: 4px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #000;
}

.navAccordeon>.panel-default>.panel-heading {
  color: #333;
  background-color: transparent;
  border-color: #ddd;
}

.navAccordeon .panel {
  margin-bottom: 0;
  border-radius: 4px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #000;
  border-radius: 0;
}

.navAccordeon .panel-heading {
  position: relative;
}

.navAccordeon .panel-heading>a:after {
  content: "";
  background: url(/contents/images/fleche_verte.svg);
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  width: 15px;
  height: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.3s ease;
}

.panel-heading>a[aria-expanded="true"]::after {
  transform: rotate(-90deg);
}

.textContainer.titreSouligne,
.textContainer.topAccordeon {
  border-bottom: 5px solid #95ba21;
}

.titreSouligne>.text>h4,
.topAccordeon>.text>h4 {
  font-size: 2rem;
}

.textContainer.titreSouligne>.text,
.textContainer.topAccordeon>.text {
  margin-left: 15px;
}

#nomCarnet {
  border: none;
  font-weight: 700;
  outline: 0;
  border-bottom: 5px solid #95ba21;
  font-size: 2rem;
  width: 100%;
}

.parRayon {
  margin-top: 15px;
}

#dateDepart,
#dateEventDebut,
#dateEventFin,
#dateFin,
#departements,
#departements-Event,
#heureArriv,
#heureDepart,
#heureFin,
#rayonEtape,
#rayonEtape-Event,
#regions,
#regions-Event,
#savedEtape,
#savedEtape-Event,
#savedItineraire,
#savedItineraire-Event {
  background-color: grey;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  border-color: transparent;
}

#departements,
#departements-Event,
#regions,
#regions-Event {
  width: 255px;
  margin-bottom: 10px;
}

#rayonEtape,
#rayonEtape-Event,
#savedEtape,
#savedEtape-Event,
#savedItineraire,
#savedItineraire-Event {
  width: 95px;
}

.code.critere.etape label,
.code.critere.evenement label {
  margin-bottom: 20px;
}

img.iconeLbl {
  width: 17px;
  margin-right: 5px;
}

#dateDepart,
#dateEventDebut,
#dateEventFin,
#dateFin {
  width: 150px;
  margin-bottom: 25px;
}

#heureDepart,
#heureFin {
  margin-bottom: 25px;
}

.code.critere.evenement img,
.code.langues img {
  margin-top: -5px;
  margin-left: 5px;
  width: 22px;
  height: 22px;
}

.code.langues>label {
  margin-bottom: 10px;
}

.code.bandeau.recherche {
  margin-top: 15px;
  height: 40px;
  border: 1px solid #000;
}

button.rechercheMotClef {
  background-color: #95ba21;
  border: none;
  color: #fff;
  width: 30%;
  height: 38px;
}

#etapeSearch,
#eventSearch {
  border: none;
  width: 70%;
  border-color: transparent;
}

#etapeSearch:focus,
#eventSearch:focus {
  outline: 0;
}

img.iconeRecherche {
  height: 20px;
  margin-right: 5px;
}

.etapeCarnet {
  display: flex;
  flex-direction: row;
  background-color: #e3e3e3;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 2px;
}

ul.listCarnet {
  padding: 0;
}

h4.etapeVille {
  color: #95ba21;
  font-weight: 700;
}

h5.etapeAccueillant {
  font-weight: 700;
}

.actionCarnetBouton img {
  height: 75px;
  width: 35px;
  margin: auto;
}

ul.ulActionCarnet {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  width: 100%;
  padding-left: 0;
}

li.liActionCarnet {
  list-style: none;
}

a.actionCarnetBouton p {
  font-weight: 700;
  color: #000;
  font-size: 0.7em;
}

.etapeActions {
  width: 25px;
  margin: auto;
}

.descendre,
.remonter {
  padding: 5px;
  border: 1px solid #95ba21;
}

.supprimer {
  padding: 5px;
  background-color: #95ba21;
}

.descendre,
.remonter,
.supprimer {
  cursor: pointer;
}

.etapeMarker {
  width: 35px;
  margin: auto;
}

.infoEtape {
  width: 235px;
}

#listEtapes option {
  background-color: #fff;
  color: #000;
}

#listEtapes {
  background-color: #95ba21;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  border-color: transparent;
}

.imageAndTag img {
  max-width: 300px;
  border-radius: 5px 5px 0 0;
  height: 225px;
}

.imageAndTag {
  position: relative;
}

ul.tags-list {
  position: absolute;
  bottom: -10px;
  display: flex;
  list-style: none;
  padding-left: 20px;
  z-index: 50;
}

li.tag-bubble {
  color: #fff !important;
  font-weight: 700;
  padding: 5px;
  border-radius: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
  background-color: #95ba21;
}

a.title h4 {
  font-weight: 700;
  color: #95ba21;
  margin: 5px 0;
}

p.infos-par {
  font-weight: 700;
}

li.filtredEvent {
  max-width: 300px;
  box-shadow: 1px 1px 5px #555;
  border-radius: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.filtredEvent .text {
  padding: 20px;
}

.infos-details {
  background-color: #95ba21;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  height: 70px;
  margin-bottom: 10px;
  padding: 5px;
}

.infos-details>dl {
  display: flex;
  justify-content: space-around;
}

a.btnSavoirPlus {
  background-color: #95ba21;
  padding: 5px;
  color: #fff;
  border-radius: 5px;
}

ul.filtredEventsList {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

ul.flashinfos::-webkit-scrollbar,
.row-flex.list.listeEtape::-webkit-scrollbar,
html::-webkit-scrollbar,
.list.card-kit.voyageOrga .listText>p::-webkit-scrollbar {
  width: 5px;
  height: 50px;
}

html::-webkit-scrollbar-thumb {
  width: 5px;
  height: 50px;
  background: #878785;
}

.list.card-kit.voyageOrga .listText>p::-webkit-scrollbar-thumb {
  width: 5px;
  height: 50px;
  background: var(--francepassion-color);
}

.list.listeEtape::-webkit-scrollbar-thumb,
ul.flashinfos::-webkit-scrollbar-thumb {
  width: 5px;
  height: 50px;
  background: #d6d6d6;
}

ul.flashinfos::-webkit-scrollbar-track,
.listeEtape::-webkit-scrollbar-track,
.list.card-kit.voyageOrga .listText>p::-webkit-scrollbar-track {
  background: #f0f0f0;
}

.etapsScrollbar::-webkit-scrollbar,
#steps-list::-webkit-scrollbar {
  width: 5px;
}

.etapsScrollbar::-webkit-scrollbar-track,
#steps-list::-webkit-scrollbar-track {
  background-color: #f0f0f0;
}

.etapsScrollbar::-webkit-scrollbar-thumb,
#steps-list::-webkit-scrollbar-thumb {
  background-color: var(--campingcariste-color);
  border-radius: 2px;
}

.etapsScrollbar:hover::-webkit-scrollbar-thumb,
#steps-list:hover::-webkit-scrollbar-thumb {
  background-color: var(--campingcariste-color);
}

ul.filtredEventsList {
  list-style: none;
  display: flex;
  flex-direction: row;
}

#dateEventFin:disabled,
#dateFin:disabled {
  opacity: 0.7;
}

.btnAjouterEvent img {
  width: 50px;
  height: 50px;
}

.btnAjouterEvent {
  width: 50px;
  height: 50px;
  right: 10px;
  top: 10px;
  position: absolute;
  cursor: pointer;
  z-index: 50;
}

#estimationTrajetList h5 {
  font-weight: 700;
}

#estimationTrajetList span {
  font-weight: 700;
  color: #95ba21;
}

#estimationTrajetList {
  list-style: none;
  display: flex;
}

#estimationTrajetList>li {
  display: flex;
  align-content: center;
  align-items: center;
  margin-right: 15px;
}

.tagCol .panel-body,
.tagCol>.panel-collapse>.panel-body>.row>.col-xs-60 {
  padding: 0;
}

ul.listeActivites,
ul.listeCritere,
ul.listeCritereAccueil,
ul.listeTag {
  list-style: none;
  padding: 20px 0;
  font-size: 0.7em;
  display: flex;
  flex-wrap: wrap;
}

ul.listeActivites li,
ul.listeCritere li,
ul.listeCritereAccueil li,
ul.listeTag li {
  display: inline;
}

ul.listeActivites li label,
ul.listeCritere li label,
ul.listeTag li label {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.9);
  border: 2px solid rgba(139, 139, 139, 0.3);
  color: #7d7d7d;
  border-radius: 25px;
  white-space: nowrap;
  margin: 3px 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: all 0.2s;
  padding: 8px 12px;
  cursor: pointer;
}

ul.listeActivites li label::before,
ul.listeCritere li label::before,
ul.listeTag li label::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: FontAwesome;
  font-weight: 900;
  font-size: 0.8em;
  padding: 2px 6px 2px 2px;
  content: "\f067";
  transition: transform 0.3s ease-in-out;
}

ul.listeActivites li input[type="checkbox"]:checked+label::before,
ul.listeCritere li input[type="checkbox"]:checked+label::before,
ul.listeTag li input[type="checkbox"]:checked+label::before {
  content: "\f00c";
  transform: rotate(-360deg);
  transition: transform 0.3s ease-in-out;
}

ul.listeActivites li input[type="checkbox"]:checked+label,
ul.listeCritere li input[type="checkbox"]:checked+label,
ul.listeTag li input[type="checkbox"]:checked+label {
  background-color: #95ba21;
  color: #fff;
  transition: all 0.2s;
  margin-right: 1px;
}

ul.listeActivites li input[type="checkbox"],
ul.listeCritere li input[type="checkbox"],
ul.listeTag li input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}

ul.listeActivites li input[type="checkbox"]:focus+label,
ul.listeCritere li input[type="checkbox"]:focus+label,
ul.listeTag li input[type="checkbox"]:focus+label {
  border: 2px solid #95ba21;
}

.rowFlex {
  display: flex;
  flex-wrap: wrap;
  margin-top: 25px;
  margin-bottom: 50px;
}

.colFlex1,
.colFlex2 {
  width: 50%;
  text-align: right;
}

.colFlex1.textLeft,
.colFlex2.textLeft {
  text-align: left;
}

.colFlexFull {
  width: 100%;
}

.rowFlex em {
  font-size: 0.6em;
}

.form-group.btn-submit>div {
  margin-left: 0;
  padding: 0;
}

.form-group.btn-submit {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
  padding-right: 20px;
}

.rowFlex label {
  padding: 0;
}

.btn-submit #lbSend,
.btn-submit #lbSendAdh,
.btn-submit #lbSendEvent,
.btn-submit #lbSendNewAdh,
.btn-submit #lbSendRnvAdh {
  background-color: #95ba21;
  color: #fff;
  font-weight: 700;
}

.btn-submit>.col-sm-offset-20 {
  margin-left: 0;
  padding: 0;
}

.form-group.btn-submit {
  margin-top: 20px;
}

.colFlex2>#divParking {
  margin-top: 10px;
}

.rowFlex textarea {
  width: 100%;
}

#divAutreLabel,
#divProduitBio {
  margin-top: 20px;
}

#divCoursStage,
#divEvenementsProposes {
  margin-top: 20px;
}

#tbSituationText {
  margin-top: 15px;
}

h5.titreAccueillant {
  border-bottom: 5px solid #95ba21;
  width: 25%;
  padding-bottom: 10px;
  font-size: 1.1em;
}

ul.listeCritereAccueil li label {
  display: inline-block;
  background-color: #95ba21;
  border: 2px solid rgba(139, 139, 139, 0.3);
  color: #fff;
  border-radius: 25px;
  white-space: nowrap;
  margin: 3px 0;
  padding: 8px 12px;
  margin-right: 1px;
}

ul.listeCritereAccueil li label::before {
  content: "\f00c";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: FontAwesome;
  font-weight: 900;
  font-size: 0.8em;
  padding: 2px 6px 2px 2px;
}

.iconeFaEtape {
  position: relative;
}

.iconeFaEtape::before {
  font-size: 1.3em;
  color: #8dc63f;
  font-family: fontawesome;
  margin: 5px 10px 0 0;
  display: inline-block;
  width: 30px;
}

.typeParking::before {
  content: "\f288";
}

.typeProduit::before {
  content: "\f291";
}

.etapeTel::before {
  content: "\f095";
}

.heureLimiteEtape::before {
  content: "\f251";
}

.langueParleEtape::before {
  content: "\f1ab";
}

.evenementSaison::before {
  content: "\f073";
}

.siteEtape::before {
  content: "\f0c1";
}

ul.eventOfSeasonList {
  list-style: none;
}

ul.eventOfSeasonList li a {
  font-weight: 700;
  font-size: 0.8em;
  color: #8dc63f;
  cursor: pointer;
}

label.iconeFaEtape.siteEtape a {
  font-weight: 700;
  color: #8dc63f;
  cursor: pointer;
}

.gallery.galerieImgFicheEtape .thumb {
  margin-top: 25px;
}

ul.localisationEtape li::before {
  font-size: 1.3em;
  color: #8dc63f;
  font-family: fontawesome;
  margin: 5px 10px 0 0;
  display: inline-block;
  width: 30px;
}

ul.localisationEtape li.villeEtape::before {
  content: "\f041";
}

ul.localisationEtape li.latLongEtape::before {
  content: "\f0ac";
}

ul.localisationEtape li.precisionEtape::before {
  content: "\f018";
}

ul.localisationEtape {
  list-style: none;
  padding: 0;
  margin-bottom: 50px;
}

.btnCalculer {
  background-color: #8dc63f;
  color: #fff;
  padding: 10px;
  text-align: center;
  font-weight: 700;
  border-radius: 5px;
}

input.etapeDepart {
  width: 100%;
  height: 40px;
}

.calculItineraire.col-sm-40 {
  padding: 0;
}

.gallery.galerieImgFicheEtape img {
  max-height: 144px;
  max-width: 144px;
  object-fit: cover;
  margin-top: 10px;
}

.gallery.galerieImgFicheEtape>.row {
  display: flex;
  flex-wrap: wrap;
}

.gallery.galerieImgAccueillant img {
  margin-top: 10px;
}

#boutique .overlay {
  display: none;
}

#boutique img {
  max-width: 240px;
  max-height: 240px;
}

#divConnexion {
  margin-bottom: 10px;
}

#divNewAccount .form-group {
  border-top: 1px solid #e5e5e5;
}

#creationCompte h4 {
  margin: 10px 0;
}

.btn.btn-default.btn-primary {
  background-color: #95ba21;
  border-color: #95ba21;
}

.modal h4 {
  font-weight: 700;
}

#boutique img {
  max-width: 240px;
  max-height: 240px;
  border-right: 1px solid #ebe6e6;
}

#boutique>.col-lg-60>.listItem>.listText>h2 {
  background-color: transparent;
  font-weight: 700;
  margin-top: 15px;
}

#boutique>.col-lg-60>.listItem>.listText {
  width: 75%;
}

#boutique .listItem {
  display: flex;
  border: 1px solid #f2f4ef;
  margin-left: 0 !important;
  border-radius: 5px;
}

#boutique a {
  color: #fff;
  text-align: center;
  width: 100%;
  display: inline-block;
}

#boutique h2 {
  background-color: #95ba21;
  color: #fff;
  text-align: center;
  font-weight: 700;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#boutique p {
  text-align: justify;
  padding: 15px;
}

#boutique {
  display: flex;
}

.tableRecapRowTd td,
.tableRowTotal td,
tr.tableRecapRowTh th {
  padding: 20px;
  background-color: #95ba21;
  color: #fff;
  border: 1px solid #fff;
}

.tableRowTotal td {
  font-weight: 700;
}

#tableRecapRow td {
  padding: 20px;
  border: 1px solid #fff;
  background-color: #f2f4ef;
}

em.rgpdRAdio label {
  margin-right: 15px;
}

em.rgpdRAdio {
  font-size: 0.8em;
}

#divRGPD {
  background-color: #f2f4ef;
  padding: 10px;
}

#tableCodePromo>#AdhRistourne {
  text-align: left;
}

#tableCodePromo td {
  background-color: #f2f4ef;
  padding: 20px;
  text-align: right;
  border: 1px solid #fff;
}

#tableCodePromo>#adhRistourne {
  text-align: left;
}

#diapoTextAccueil .vegas-wrapper {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  background-color: #2c717a;
}

#diapoTextAccueil .slide-content-title {
  display: none;
}

#diapoTextAccueil .slide-content-body h4 {
  font-weight: 700;
  color: #fff;
}

#diapoTextAccueil .slide-content-body h2,
#diapoTextAccueil .slide-content-title {
  font-size: 3em;
  color: #fff;
  font-weight: 700;
}

#diapoTextAccueil .slide-content {
  padding: 20px;
}

#diapoTextAccueil .vegas-wrapper>.slide-content>a>.slide-content-link {
  color: #fff;
  font-weight: 700;
  border: 1px solid #fff;
  padding: 5px;
  width: 120px;
  border-radius: 5px;
  margin-top: 50px;
  text-align: center;
}

#colDiapoImg,
#colDiapoText {
  padding: 0;
}

#diapoImageAccueil .slide-content-title {
  display: none;
}

.encart>.col-content>.image.carte-invitation-image>img {
  object-fit: cover;
  object-position: 100% 350%;
}

#diapoTextAccueil .slide-content-body h4 {
  color: #fff;
  font-family: sans-serif;
  font-size: 1.3em;
  font-weight: 500;
}

#ligne-formule-invit {
  display: flex;
  justify-content: center;
}

.encart>.col-content>.textContainer.carte-invitation-texte>.text>p {
  font-family: sans-serif;
  font-size: 1.3em;
}

#ligne-formule-invit {
  display: flex;
  justify-content: center;
  align-items: center;
}

.comment-ca-marche h2 {
  font-size: 50px;
  margin: 1rem 0;
  font-weight: 700;
  text-align: center;
  color: #fff;
  margin: 50px 0;
}

.textContainer.comment-ca-marche p {
  color: #fff;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
}

.textContainer.text-comment-ca-marche h5 {
  color: #fff;
  font-family: sans-serif;
  font-size: 1.1em;
}

.textContainer.text-comment-ca-marche p {
  color: #fff;
  font-family: sans-serif;
  font-size: 0.9em;
  margin-bottom: 25px;
}

.textContainer.text-comment-ca-marche p::before {
  content: "\f00c";
  font-family: fontawesome;
  margin-right: 10px;
}

#ligne-vid-texte {
  margin: 100px 0 50px 0;
}

#videoFrancePassion {
  background-color: #20603c;
  padding: 100px 0;
}

#avis-adherents {
  margin-bottom: 100px;
}

.avis-col {
  display: flex;
  justify-content: center;
}

/*a modifier pour rendre administrable*/
#statistic {
  background: url(/resources/images/original/1543.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100%;
  min-height: 770px;
  display: flex;
  position: relative;
  width: 100%;
  z-index: 0;
  background-origin: content-box;
  padding: 0;
  margin-top: 2em;
  padding-top: 50px;
}

.textContainer.nombreAnim h2 {
  color: #fff;
  font-weight: 700;
  font-size: 50px;
  text-align: center;
}

.textContainer.textStat>.text {
  color: #fff;
  font-size: 1.3em;
  text-align: center;
  margin-top: 25px;
}

.row.adhesionKit {
  margin: 100px 0;
  display: flex;
  align-items: center;
}

#ligne-formule-invit {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 100px 0;
}

#formuleInvitTilesRow {
  display: flex;
  justify-content: center;
}

.responsive-ytbPlayer iframe {
  left: 0;
  top: 0;
  height: 100;
  width: 100;
  position: absolute;
}

.responsive-ytbPlayer {
  height: 100%;
  left: 50%;
  top: 70%;
  bottom: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.responsive-ytbPlayer .close {
  margin-top: -10px;
}

.menu-vertical-France-passion>.level0::before {
  content: "France Passion";
  background-color: #f2f4ef;
  width: 100%;
  display: inherit;
  border-bottom: 1px solid #fff;
  color: #000;
  font-size: 3rem;
  text-align: center;
  font-family: Desyrel, sans-serif;
  height: 50px;
  line-height: 5rem;
}

.menu-vertical-France-passion ul li a {
  float: left;
  position: relative;
  width: 100%;
  padding: 14px 22px;
  overflow: hidden;
  text-decoration: none;
  font-size: 0.8em;
  color: #133e29;
  background: #f2f4ef;
  text-align: center;
  font-size: 1.5rem;
}

.menu-vertical-France-passion>.level0>li:hover {
  background-color: #e3e8dd;
}

.menu-vertical-France-passion>ul>li:hover>a {
  color: #133e29;
  background: #e3e8dd;
}

.textContainer.paraSansSerif p {
  font-family: Arimo;
  font-size: 0.9em;
}

.hautDePage {
  position: relative;
}

.hautDePage img {
  filter: brightness(0.6) grayscale(50%);
  max-height: 200px;
  width: 100%;
  object-fit: none;
}

.textContainer.paraSansSerif.ctnEdito>.text {
  max-width: 800px;
}

.row.margin-top-50.pageEdito>.col-xs-60 {
  max-width: 1000px;
}

.row.margin-top-50.pageEdito {
  display: flex;
  justify-content: center;
}

.menuInactive,
.navbar-default .navbar-nav>li>a {
  font-weight: 700;
  font-size: 1.3em;
				 
  text-align: center;
  padding: 5px 15px 0;
  width: 100%;
  transition: color ease 0.3s;
  letter-spacing: 2px;
  display: inline;
  color: #333;
  line-height: 20px
}

#diapoTextAccueil .slide-content-body h4 {
  color: #fff;
  font-size: 1.2em;
  font-family: Rubik, sans-serif;
  font-weight: 300;
}

#diapoTextAccueil .vegas-wrapper>.slide-content>a>.slide-content-link {
  width: 170px;
  font-size: 1.3em;
}

#videoFrancePassion {
  background-color: #2c717a;
}

#videoFrancePassion>.col-xs-60>.col-content {
  max-width: 900px;
  margin: auto;
}

.textContainer.text-comment-ca-marche h5 {
  font-family: "Open Sans";
}

.textContainer.text-comment-ca-marche p {
  font-family: "Open Sans";
}

#videoFrancePassion {
  background-color: #2c717a;
  padding: 100px 0 100px;
}

.rating {
  display: none;
  align-items: center;
}

#titreStat {
  width: 100%;
  text-align: center;
}

.textContainer.dates h2 {
  font-weight: 700;
  font-size: 2.7em;
  width: auto;
  margin: 0 20px;
}

.row.paragraphe-date-text {
  display: flex;
  align-items: center;
  align-content: center;
  margin: 25px 0;
}

.date-text {
  padding: 0;
  margin: 0;
}

.date-text>.col-content {
  display: flex;
  align-content: center;
  align-items: center;
}

.textContainer.text-historique.ctnEdito.paraSansSerif {
  height: 175px;
  display: flex;
  align-items: center;
  background-color: #e0dddd;
}

.textContainer.paraSansSerif.ctnEdito>.text {
  max-width: 800px;
  padding: 10px;
}

.image-col {
  padding: 0 25px;
}

.textContainer.titre-manuscrit h1,
.textContainer.titre-manuscrit h2,
.textContainer.titre-manuscrit h3,
.textContainer.titre-manuscrit h4,
.textContainer.titre-manuscrit h5,
.textContainer.titre-manuscrit h6 {
  font-family: Desyrel, sans-serif;
}

.container-mosaique {
  padding: 0;
  display: flex;
  justify-content: center;
}

.container-mosaique>.col-content {
  max-width: 1230px;
}

.image3>.listItem>.listItemStyle {
  display: flex;
}

.social-network {
  max-width: 500px;
  margin: auto;
}

.textContainer.suivez-nous {
  width: auto;
  margin: 50px 0;
}

.encart.voyageOrga {
  overflow-y: scroll;
  width: 345px;
}

.row.row-voyageOrga {
  display: flex;
  justify-content: center;
}

.voyageOrga.encart p {
  font-size: 0.8em;
}

.voyageOrga.encart::-webkit-scrollbar {
  width: 2px;
}

.voyageOrga.encart::-webkit-scrollbar-track {
  background-color: transparent;
}

.voyageOrga.encart::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 2px;
}

.voyageOrga.encart:hover::-webkit-scrollbar-thumb {
  background-color: #95ba21;
}

.tailleH1>.text>h1 {
  font-size: 55px;
  line-height: 70px;
}

.tailleH2>.text>h2 {
  font-size: 3em;
  line-height: 40px;
}

.black>.text h1,
.black>.text h2 {
  color: #000;
}

.white>.text h1,
.white>.text h2 {
  color: #fff;
}

.centerBgrnd {
  position: absolute;
			   
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-shadow: 0 0 5px #333;
}

.centerBgrnd h1 {
  font-size: 2em;
}

.bleuBgrnd {
  background-color: #2c717a;
  display: flex;
  justify-content: center;
}

.bleuBgrnd>.text>h1,
.bleuBgrnd>.text>h2,
.orangeBgnrd>.text>h1,
.orangeBgnrd>.text>h2 {
  margin-bottom: 25px;
}

.orangeBgnrd {
  background-color: #f7941d;
  display: flex;
  justify-content: center;
}

.row.ligne-logo-lien {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 25px 0;
}

.image.img-logo-homologue img {
  max-width: 200px;
}

.max-width-900px {
  max-width: 900px;
  margin: 50px auto;
}

.max-width-1000px {
  max-width: 1000px;
  margin: 50px auto;
}

.max-width-1110px {
  max-width: 1110px;
}

.max-width-1230px {
  max-width: 1230px;
  margin: 150px auto 0;
}

.image.img-logo-homologue.background-dark img {
  background-color: #40614d;
  padding: 10px;
}

.carte-voyage-orga-text>.textLinks {
  position: absolute;
  top: 205px;
  height: auto;
  right: 5px;
}

.article>.heading>.title>h1 {
  font-weight: 700;
}

.actu-pagination>.actus-inner>.actus-item>.actus-image-content>a>.actus-overlay {
			   
						
	 
					
  display: none;
}

.actu-pagination>.actus-inner {
  display: flex;
  justify-content: space-between;
}

.actu-text>.title {
  font-weight: 700;
  font-size: 0.9em;
}

.textContainer.titre-manuscrit h4 {
  font-size: 1.5em;
}

.textContainer.text-bleue>.text>p>strong>a {
  color: #000;
}

.textContainer.text-bleue>.text>p>strong {
  color: #00929c;
}

.textContainer.text-orange-big-first-child {
  margin-top: 100px;
  margin-bottom: 25px;
}

.textContainer.text-orange-big-first-child>.text {
  display: grid;
  grid-template-columns: 50px 350px;
  grid-template-rows: 10px 20px;
  grid-auto-flow: column;
  color: orange;
  font-weight: 700;
  font-size: 1.3em;
  align-items: center;
  justify-items: start;
  justify-content: start;
}

.textContainer.text-orange-big-first-child>.text>p:first-child {
  font-size: 90px;
  font-weight: 700;
  grid-column: 1;
  grid-row: 1/3;
}

.textContainer.text-orange-big-first-child>.text>p:not(:first-child) {
  margin-top: 35px;
}

.textContainer.titre-manuscrit h5 {
  font-size: 1.2em;
  margin-bottom: 0;
}

.textContainer.font-vert-text-white>.text {
  background-color: #95ba21;
  color: #fff;
  padding: 25px;
  font-size: 0.7em;
}

.row.whatsInTheKit {
  display: flex;
  align-items: center;
}

.textContainer.appli-text>.text>p:before {
  content: "\f14a";
  font-family: fontawesome;
  color: #95ba21;
}

.row.col-regle {
  display: flex;
  align-items: flex-end;
}

.accordion.panel-group.faq>.panel {
  margin: 25px 0;
}

.accordion.panel-group.faq>.panel>.panel-heading {
  background-color: #95ba21;
}

.accordion.panel-group.faq>.panel>.panel-heading>a>.panel-title {
  font-weight: 700;
  color: #fff;
}

.actu-pagination>.actus-inner>.actus-item>.actus-image-content>a>img {
  height: 150px;
  width: 100%;
  object-fit: none;
}

.actu-pagination>.actus-inner>.actus-item>.actus-image-content {
  height: 150px;
  overflow: hidden;
}

.actu-pagination>.actus-inner>.actus-item>.actus-content>.actu-text>.title {
			   
				  
			  
			
  font-weight: 700;
  font-size: 0.9em;
  margin-top: 10px;
}

.actu-pagination .actus-item.active .title {
  color: #95ba21;
}

#articlePrincipal>.article-image>img {
  max-height: 400px;
}

#articlePrincipal>.heading>.title>h1 {
  font-weight: 700;
  font-size: 2.5em;
}

.actu-pagination .actus-item {
  margin: 10px 0;
  border: 1px solid #000;
  padding: 15px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  transition: 0.3s ease all;
}

.actu-pagination>.actus-inner>.actus-item:hover {
  border: 1px solid #95ba21;
}

.actu-pagination .theme {
  position: absolute;
  top: -25px;
  background-color: #95ba21;
  color: #fff;
  right: 5px;
  padding: 5px;
  font-weight: 700;
  font-size: 0.7em;
  display: block;
}

.gallery.galerie-photo>.row>.thumb {
  margin-bottom: 15px;
}

.social-network>.col-lg-12>.listItem>.listItemStyle>.info>.img-responsive {
			 
				  
		 
					 
  filter: invert(30%) sepia(16%) saturate(4481%) hue-rotate(147deg) brightness(102%) contrast(96%);
								   
}

.social-network>.col-lg-12>.listItem>.listItemStyle>.info>img[alt="facebook"]:hover {
			 
				  
		 
							   
  filter: invert(33%) sepia(14%) saturate(2476%) hue-rotate(184deg) brightness(96%) contrast(92%);
								  
}

.social-network>.col-lg-12>.listItem>.listItemStyle>.info>img[alt="instagram"]:hover {
			 
				  
		 
								
  filter: invert(16%) sepia(63%) saturate(4985%) hue-rotate(306deg) brightness(88%) contrast(92%);
								  
}

.social-network>.col-lg-12>.listItem>.listItemStyle>.info>img[alt="twitter"]:hover {
			 
				  
		 
							  
  filter: invert(53%) sepia(92%) saturate(2404%) hue-rotate(176deg) brightness(98%) contrast(94%);
								  
}

.social-network>.col-lg-12>.listItem>.listItemStyle>.info>img[alt="linkedin"]:hover {
			 
				  
		 
							   
  filter: invert(25%) sepia(80%) saturate(2195%) hue-rotate(182deg) brightness(94%) contrast(98%);
								  
}

ol.breadcrumb.filAriane.blanc {
  margin-top: 10px;
}

ol.breadcrumb.filAriane>.fa {
  margin-right: 10px;
}

.breadcrumb a {
  color: #000;
  transition: all 0.3s ease;
}

.breadcrumb a:hover,
.breadcrumb>.active {
  color: #333;
}

.subMenu.droite {
  z-index: 50;
}

.subMenu.droite>.menu-header>span {
  font-family: Desyrel, sans-serif;
  font-size: 1.5em;
}

.subMenu .menu-header {
  color: #000;
  background: #f2f4ef;
}

.subMenu .navbar-collapse {
  padding: 0;
}

.subMenu ul li a {
  float: left;
  position: relative;
  width: 100%;
  padding: 15px 25px;
  overflow: hidden;
  text-decoration: none;
  font-size: 0.8em;
  color: #000;
  background: #f2f4ef;
  transition: 0.3s ease all;
  border: 0;
}

.subMenu ul li a span {
  font-size: 1.1em;
}

.subMenu>ul.level0>li:hover,
.subMenu>ul.level0>li>a:hover {
  background-color: #2c717a;
  color: #fff;
}

.subMenu a.active.current {
  background-color: #2c717a;
  color: #fff;
  margin: 0;
}

.adhSideMenu>.textLinks {
  width: 300px;
}

.textContainer.adhSideMenu {
  position: relative;
  right: 20px;
  background-color: #f2f4ef;
  padding: 20px;
  width: 300px;
}

.adhSideMenu>.textLinks {
  width: 300px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.sideMenuCol {
  position: fixed;
  right: 15px;
  top: 270px;
  width: 300px;
  filter: drop-shadow(0 0 0.45rem #000);
  background-color: #f2f4ef;
  z-index: 50;
  transition: all ease 0.5s;
  padding: 0;
}

.adhSideMenu>.text>h2 {
  font-family: Desyrel, sans-serif;
}

.textContainer.titreAdhSubmenu>.text>h3 {
  font-family: Desyrel;
  font-size: 1.5em;
}

.textContainer.titreAdhSubmenu {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.textContainer.titreAdhSubmenu>.textLinks>ul>li>a {
  color: #fff;
}

.subMenu>.navbar-collapse>.level0>li>a:hover {
  background-color: #2c717a;
  color: #fff;
}

.gallery.galerie-photo {
  max-width: 530px;
  margin: auto;
}

.gallery.galerie-photo>.row>.thumb {
  margin-bottom: 15px;
  width: 150px;
  height: 150px;
  background-color: #f2f4ef;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin: 10px;
}

.swipebox>img:hover {
  filter: brightness(1.2);
}

.swipebox>img {
  transition: all ease 0.3s;
}

.textContainer.titreAdhSubmenu>.textLinks>ul {
  border-radius: 50%;
  height: 50px;
  width: 50px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.textContainer.titreAdhSubmenu>.textLinks>ul>li>a {
  position: relative;
}

.textContainer.titreAdhSubmenu>.textLinks>ul>li>a:before {
  content: "\f04b ";
  font-family: FontAwesome;
  display: inline;
  position: absolute;
  color: #fff;
}

.galerieMobile>.col-lg-20>.listItem>.listItemStyle {
  display: flex;
  justify-content: center;
}

.galerieMobile>.col-lg-20>.listItem>.listText>h2 {
  background-color: transparent;
  color: #fff;
  font-weight: 700;
}

.galerieMobile .overlay {
  display: none;
}

.galerieMobile>.col-lg-20>.listItem:hover .listText {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.galerieMobile>.col-lg-20>.listItem>.listText {
  position: absolute;
  top: 0;
  opacity: 0;
  transition: all ease 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  background-color: #2c717ab3;
  color: #fff;
  width: 100%;
  height: 0;
}

.galerieMobile>.col-lg-20>.listItem>.listText>p {
  display: inline;
  max-height: 100px;
  max-width: 250px;
  text-align: center;
}

.sideMenuCol img {
  object-fit: contain;
  filter: none;
}

.navbar-default .navbar-nav>li>a.has-submenu::after {
  content: "\f078";
  color: #fff;
  text-align: center;
  font-family: FontAwesome;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.4s ease all;
  opacity: 0;
}

.navbar-default .navbar-nav>li>a.has-submenu:hover::after {
  bottom: 30px;
}

.caret {
  display: none;
}

a.adhBouton {
  background-color: var(--francepassion-color);
  color: #fff;
  padding: 5px 40px !important;
  border-radius: 40px;
  font-size: 0.9em;
  font-weight: 700;
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  position: relative;
  /*! width: 20em; */
  margin-left: auto;
  transition: ease all 0.3s;
  outline: 3px solid transparent;
  outline-offset: -3px;
}

.dropdown-menu.level1 {
  background: white;
  border: 1px solid white;
  left: 50% !important;
  transform: translate(-50%, 0);
  transition: 0.3s ease all;
  padding: 15px 0;
  box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
  top: 70px !important;
  font-size: 0.8em;
}

.dropdown-menu>li>a {
  color: #242424;
}

#tbSearch {
  background: 0 0;
}

#lbSearch {
  background: #7da42f;
  color: #242424;
  font-weight: 700;
  border-color: #7da42f;
}

.titreAccueil>.text>h1,
.titreHeader>.text>h1 {
  font-size: 6em;
  line-height: 0.8em;
  color: #fff;
  font-weight: 700;
}

.titreHeader>.text>h1 {
  margin-left: -0.09em;
}

.titreManuscrit h1,
.titreManuscrit h2 {
  font-family: Tahu, cursive;
  transform: rotate(-8deg);
  color: #fff;
}

.titreManuscrit>.text>h1 {
  font-size: 4em;
}

.titreManuscrit>.text>h2 {
  font-size: 3em;
  margin: 25px 0 40px;
}

.accueillantContainer h3,
.actualite-article h2.theme,
.campingCaristeContainer h3,
.couleurDark.titreManuscrit h2,
.francePassionContainer h3 {
  font-family: Tahu, cursive;
  transform: rotate(0);
  color: #585858 !important;
  font-size: 50px;
  line-height: 1;
}

.accueillantContainer h2,
.campingCaristeContainer h2,
.francePassionContainer .text h2 {
  font-family: Inter-Bold;
}

.header-text .textLinks {
  margin: 25px auto;
  display: flex;
  justify-content: flex-start;
}

.titreSectionBleu>.text>h1,
.titreSectionVert>.text>h1 {
  font-size: 2.4em;
}

.textContainer.textHeader {
  margin-top: 25px;
}

.textContainer.textHeader>.text>p {
  color: #fff;
  font-size: 1.5em;
}

.row.ligne-absolute {
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.image.image-ccar-accueil {
  position: absolute;
  right: 5em;
  top: 30%;
}

.textContainer.texte-vertical-accueil {
  position: absolute;
  left: -120px;
  bottom: 100px;
  height: 20px;
  width: 300px;
  transform: rotate(-90deg);
}

.textContainer.texte-vertical-accueil>.text>p {
  color: #fff;
}

.accueillantContainer .text>h1,
.campingCaristeContainer .text>h1,
.francePassionContainer .text>h1 {
  font-size: 3.5em;
  font-weight: 600;
  line-height: 1;
}

.connecte.accueillant .card-rechercheEtapes {display: none !important}
.textContainer.texte-vertical-accueil:before {
  content: "\f177";
  font-family: FontAwesome;
  color: #fff;
  font-size: 2em;
  position: absolute;
  left: -1.5em;
  bottom: 50%;
  transform: translate(0, 50%);
}

.carte1 .image>img {
  max-height: 290px !important;
  height: 290px;
  max-width: 255px;
  width: 100%;
  object-fit: cover;
}

.carte1>.col-content {
  color: #000;
  border-radius: 10px;
  background-color: #fff;
  border-color: transparent;
  z-index: 21;
  padding: 0;
  max-width: 255 px;
  box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
  overflow: hidden;
}

.carte1 {
  max-width: 255px;
  width: 255px;
}

.carte1 .textContainer {
  height: auto;
  margin: 28px auto 45px;
}

.carte1 .text {
  margin: 1.25rem;
}

.carte1 h3 {
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  font-size: 1.2em;
}

.droit.carte1 {
  margin-top: -135px;
}

.row.carteRow.margin-vert-25.max-width-1110px {
  display: flex;
  justify-content: space-between;
}

.margin-top-maxus135 {
  margin-top: 135px;
}

.margin-top-minus100 {
  margin-top: -100px;
}

.carte2-video {
  margin-top: 40px;
  max-width: 255px;
}

.carte2-video>.col-content {
  border-radius: 10px;
  overflow: hidden;
}

.textContainer.parag-accueil-1>.text>p {
  font-size: 1.2em;
}

.textContainer.black.titreManuscrit h2 {
  transform: rotate(0);
}

.textContainer.titreDiapoAccueil.titreManuscrit>.text>h1 {
  margin-bottom: 20px;
  text-shadow: 1px 3px 10px rgb(0 0 0 / 70%);
}

.actus-image-content {
  overflow: hidden;
}

#actuPagineAccueil img,
#actuPaginePageActu img,
#avantagesPagine img,
.card-kit img.img-responsive {
  width: 325px;
  height: 255px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  z-index: 9;
  transition: all ease 0.5s;
  object-fit: cover;
}

.card-kit img.img-responsive {
  object-fit: contain;
}

#avantagesPagine img {
  object-fit: contain;
  padding: 25px;
  border-bottom: 1px solid #ddd;
}

#avantagesPagine .overlay-text {
  display: none;
}

a.linkToActu:hover+.actus-image-content img.img-responsive {
  transform: scale(1.5);
}

#actuPagineAccueil .overlay-text>.resume,
#actuPagineAccueil .overlay-text>.title,
#actuPaginePageActu .overlay-text>.resume,
#actuPaginePageActu .overlay-text>.title,
#avantagesPagine .overlay-text>.resume {
  display: none;
}

#actuPagineAccueil .actus-overlay>.date,
#actuPagineAccueil .actus-overlay>.theme,
#actuPaginePageActu .actus-overlay>.date,
#actuPaginePageActu .actus-overlay>.theme,
#avantagesPagine .overlay-text>.resume,
#avantagesPagine.overlay-text>.resume {
  display: block;
}

#actuPagineAccueil .actu-text>.resume,
#actuPaginePageActu .actu-text>.resume,
#avantagesPagine .actu-text>.resume {
  display: block;
}

#actuPagineAccueil h5.theme,
#actuPaginePageActu h5.theme,
#actuPaginePageActu h6.date,
#avantagesPagine h5.theme,
#avantagesPagine h6.date {
  font-size: 1.5em;
}

#actuPagineAccueil h6.date,
#actuPaginePageActu h6.date,
#avantagesPagine h6.date {
  font-size: 0.9em;
  font-weight: 700;
  margin-left: 10px;
}

#actuPagineAccueil img.iconeAgricol,
#actuPagineAccueil img.iconeEvent,
#actuPagineAccueil img.iconeGen,
#actuPaginePageActu img.iconeAgricol,
#actuPaginePageActu img.iconeEvent,
#actuPaginePageActu img.iconeGen {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

#actuPagineAccueil .actu-text>.title,
#actuPaginePageActu .actu-text>.title,
#avantagesPagine .actu-text>.title,
.list.card-kit.row-flex h2 {
  font-weight: 500;
  font-size: 1.1em;
  margin: 0 auto 10px;
  height: 67px;
  font-family: Inter-Regular;
  font-weight: 600;
  background: transparent;
  /*! max-height: 215px; */
  overflow: hidden;
}

#actuPagineAccueil .actu-text>.resume,
#actuPaginePageActu .actu-text>.resume,
#avantagesPagine .actu-text>.resume {
  font-size: 1.1em;
  color: #242424;
}

#actuPagineAccueil .actu-text {
  padding: 15px;
  padding-top: 0;
}

#actuPaginePageActu .actu-text,
#avantagesPagine .actu-text {
  padding: 0 15px 15px;
  height: 10em;
  position: relative;
}

#actuPagineAccueil .actus-item,
#actuPaginePageActu .actus-item,
#avantagesPagine .actus-item,
.list.card-kit.row-flex .listItem.listItemVertical {
  max-width: 305px;
  min-height: 460px;
  border-radius: 10px;
  width: 100%;
  position: relative;
  padding: 0;
  box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
  background: #fff;
  z-index: 0;
}

.list.card-kit .overlay {
  display: none;
}

.card-kit img.img-responsive {
  height: 300px;
}

.list.card-kit.row-flex .listItem.listItemVertical {
  max-width: 450px;
  overflow: hidden;
}

.list.card-kit>.col-lg-30 {
  padding: 0;
}

.list.card-kit.grand-card>.col-lg-30 {
  padding: 0 30px 0 0;
}

#actuPaginePageActu .actus-item,
#avantagesPagine .actus-item {
  margin-top: 0;
  margin-bottom: 20px;
}

.actu-Accueil {
  background: #ebede8;
  max-height: 100vh;
  top: -40px;
  position: relative;
}

#actuPagineAccueil .pagination {
  display: none;
}

#actuPagineAccueil nav {
  display: none;
}

#avantagesPagine .actu-text>.title {
  height: 2em;
}

.contenu-centre-vert {
  height: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  transform: translate(0, 100%);
}

.cinqRaisons p {
  margin-bottom: 0;
  color: #fff;
  font-size: 1.2em;
}

a.adhBouton p {
  margin: 0;
}

a.adhBouton>.adhText1 {
  font-weight: 400;
  text-transform: uppercase;
}

#accueilMenuNiveau1 .level1>li:hover a {
  color: #7da42f;
  background: 0 0;
}

#accueilMenuNiveau1 .level1>li a {
  transition: 0.1s ease all;
  font-weight: 600;
  color: #464646;
  padding: 15px;
}

#accueilMenuNiveau1 .level1>li:first-child:before {
  background: 0 0;
}

#accueilMenuNiveau1 .level1>li:before {
  content: "";
  width: 75px;
  height: 0.5px;
  background-color: #dddbdb;
  display: block;
  margin: auto;
}

.textBlanc {
  color: #fff;
}

.textNoir {
  color: #000;
}

.textContainer.nombreAnim.textBlanc h3 {
  text-align: center;
  font-weight: 700;
  font-size: 5.2em;
}

#statistic .textBlanc>.text>p {
  font-size: 1.9em;
  text-align: center;
  margin-top: 50px;
  font-weight: 600;
}

.row.footer-r3 {
  text-align: center;
  color: #fff;
  font-size: 0.9em;
}

.row.footer-r3:before {
  content: "";
  background: #0000001f;
  width: 100%;
  height: 1px;
  margin: 0 15px 40px;
}

.row.footer-r4 {
  margin: 30px 0;
  color: #fff;
  font-size: 0.9em;
}

.footer-r4>.col-xs-60 {
  padding: 0;
}

.image.imageHeader img {
  width: 100%;
  height: 600px;
  z-index: -1;
  object-fit: cover;
}

.ligne-ttm-header {
  width: 100%;
}

.breadcrumb {
  color: #777;
  background-color: #cacaca;
  border-radius: 40px;
  transform: translate(15px, 40%);
  margin: 0;
  font-size: 16px;
}

.breadcrumb a {
  color: #777;
  font-weight: 700;
  transition: all 0.3s ease;
  margin-left: 5px;
  font-size: 13px;
}

.buttonPlusMoinFont .listItem .listText h2 {
  padding: 5px;
  color: #777;
  background: #ececec;
  margin: 0;
  cursor: pointer;
  font-weight: 700;
}

.buttonPlusMoinFont .listItem:last-child .listText h2 {
  font-size: 0.9em;
}

.buttonPlusMoinFont {
  display: flex;
  transform: translate(0, 50%);
  background: #ececec;
  width: 100px;
  margin-left: auto;
  border-radius: 40px;
  justify-content: space-evenly;
  align-items: flex-end;
  padding: 5px;
}

div.buttonPlusMoinFont.list div.listItem.listItemHorizontal {
  margin: 0 !important;
  max-width: 25px;
}

.actuFilter ul {
  list-style: none;
  display: flex;
  justify-content: space-around;
  padding: 0;
  margin-bottom: 50px;
}

.actuFilter li.theme1 {
  background: #7da42f;
}

.actuFilter li.theme2 {
  background: #4dbfc8;
}

.actuFilter li.theme3 {
  background: #f89857;
}

.actuFilter li.theme4 {
  background: #7da42f;
}

.actuFilter li.theme1,
.actuFilter li.theme2,
.actuFilter li.theme3,
.actuFilter li.theme4 {
  border-radius: 40px;
  cursor: pointer;
}

.actuFilter .theme1>.ca-content>h2:before {
  content: "\f0a1";
  font-family: FontAwesome;
  font-size: 1.4em;
  color: #fff;
  font-weight: 400;
  margin-right: 20px;
}

.actuFilter .theme2>.ca-content>h2:before {
  content: url(/contents/images/icones-desktop/icone_agriculture.svg);
  width: 32px;
  height: 25px;
  display: block;
  margin-right: 20px;
}

.actuFilter .ca-content {
  display: flex;
  height: 100%;
}

.actuFilter .ca-main {
  color: #fff;
  font-weight: 700;
  font-size: 1em;
  padding: 5px 40px;
  display: flex;
  align-items: center;
  align-content: center;
}

.actuFilter .theme3>.ca-content>h2:before {
  content: "\f274";
  font-family: FontAwesome;
  font-size: 1.4em;
  color: #fff;
  font-weight: 400;
  margin-right: 20px;
}

#footerFrancePassion,
#footerFrancePassion2 {
  bottom: 0;
  position: relative;
  background: #f2fbfc;
  background: linear-gradient(180deg,
		   
      rgba(242, 251, 252, 1) 20%,
      rgba(255, 255, 255, 1) 100%);
	
  z-index: 0;
}

#footerFrancePassion2:before {
  top: -70%;
}

#footerContainer {
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
}

.pagination>li>a {
  color: #464646;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
  z-index: 3;
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  z-index: 2;
  color: #fff;
  background-color: transparent;
  border-color: transparent;
  cursor: default;
}

.francePassionContainer .text h2,
.pagination>li>a:hover,
.pagination>li>span:hover {
  color: var(--francepassion-color);
}

.pagination>.active>a:before {
  content: "";
  position: absolute;
  background-color: var(--francepassion-color-light);
  width: 35px;
  height: 35px;
  z-index: -1;
  left: 50%;
  top: 50%;
  border-radius: 5px;
  transform: translate(-50%, -50%);
}

.campingCaristeContainer .pagination>.active>a:before {
  background-color: var(--campingcariste-color);
}

.accueillantContainer .pagination>.active>a:before {
  background-color: var(--accueillant-color);
}

.pagination>.active>a {
  position: relative;
  color: #fff;
}

.pagination>li {
  display: inline;
  background: 0 0;
}

.pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  padding: 0 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #464646;
  background-color: transparent;
  border: none;
  margin-left: -1px;
  font-size: 1.3em;
}

.pagination a {
  padding: 0 10px;
}

.list-bas-de-page .listItem {
  display: flex;
  justify-content: flex-end;
  position: relative;
  width: 275px;
  height: 175px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
  background: #fff;
  z-index: 1;
  transition: all 0.3s ease;
}

.list-bas-de-page .listItem:hover {
  transform: scale(1.05);
}

.list-bas-de-page .overlay {
  display: none;
}

.list-bas-de-page .listItemStyle {
  position: relative;
  /*! height: 185px; */
  right: 0;
}

.list-bas-de-page .listText {
  position: absolute;
  bottom: 5%;
  left: 10%;
  z-index: 15;
  max-width: 70%;
}

.list-bas-de-page .listItem .listText h2 {
  padding: 5px;
  color: #fff;
  background: 0 0;
  margin: 0 0 5px;
}

.list-bas-de-page h2 a {
  position: absolute;
  display: block;
  width: 250px;
  height: 250px;
  color: #585858;
  text-decoration: none;
  font-size: 0.6em;
  top: -175px;
  left: -10px;
  padding: 175px 0 0 15px;
}

.list-bas-de-page p {
  color: #585858;
  font-size: 1.2em;
  font-weight: 700;
}

#actuPagineAccueil .actus-inner,
#actuPaginePageActu .actus-inner,
#avantagesPagine .actus-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  margin: auto;
  column-gap: 20px;
  justify-content: start;
  max-width: 960px;
}

#actuPagineAccueil p,
#actuPaginePageActu p,
#avantagesPagine p {
  font-size: 0.9em;
  padding: 10px 5px 10px 0;
  width: 230px;
  max-height: 5em;
  overflow: hidden;
}

.image.btn-image {
  cursor: pointer;
}

.texte-manuscrit-souligne.titreManuscrit>.text>h2 {
  position: relative;
}

.textContainer.texte-astérisque.textBlanc {
  position: relative;
  bottom: -50px;
}

#accueilMenuNiveau1 .level1>li a.active.current {
  color: #7da42f;
}

.diapo-accueil .slide-content-title {
  display: none;
}
/*
.temoignageCard.odd .temoignageInfo {
  justify-content: flex-start;
  align-items: flex-start;
}

.temoignageCard.odd img.temoignageImg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
*/
article.temoignageCard .temoignage-auteur {
  font-weight: 700;
  font-size: 1.2em;
  color: #8dc63f;
}

article.temoignageCard .auteur,
article.temoignageCard .date,
article.temoignageCard .lieu {
  margin: 0;
}

#footerMenu {
  background-color: transparent;
  width: 100%;
}

#footerMenuContainer {
  display: grid;
  margin: auto;
  width: 70%;
  padding: 50px;
  background-color: transparent;
  margin-left: auto;
  grid-template-columns: repeat(5, 1fr);
  grid-auto-rows: 100px;
  gap: 0 20px;
  grid-template-areas: "logo-footer france-passion campingcar accueillant annexes" ". france-passion campingcar accueillant annexes" ". france-passion campingcar accueillant annexes";
}

.logo-footer {
  grid-area: logo-footer;
  margin-top: 0;
  max-width: 275px;
}

h3.title-footer {
  font-size: 0.8em;
  color: #585858;
}

img.logoFefiFooter {
  width: 50px;
  margin-left: 25px;
}

.row.footer-r4 {
  color: #585858;
  font-size: 0.9em;
  max-width: 1445px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  margin: 140px auto 0;
}

li.menuLi1>a {
  color: var(--francepassion-color);
}

li.menuLi2>a {
  color: #0c9fea !important;
}

li.menuLi3>a {
  color: #f38d09 !important;
}

li.menuLi4>a,
li.menuLi5>a {
  color: #333;
  transition: all ease 0.3s;
}

li.menuLi4>a:hover,
li.menuLi5>a:hover {
  color: var(--francepassion-color);
}

li.menuLi1,
li.menuLi2,
li.menuLi3,
li.menuLi4 {
  border-right: 1px solid #77777745;
}

li.menuLi1,
li.menuLi2,
li.menuLi3,
li.menuLi4,
li.menuLi5,
li.menuLi6,
li.menuLi7,
li.menuLi8 {
					  
  height: 50px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}

li.menuLi1>a span,
li.menuLi2>a span,
li.menuLi3>a span,
li.menuLi4>a span,
li.menuLi5>a span,
li.menuLi6>a span,
li.menuLi7>a span,
li.menuLi8>a span {
  font-family: Inter-Bold;
}

.row.ligne-libre {
  --parallax-feuille: 0;
  --parallax-nuancier: 0;
  max-width: 1200px;
  background-color: transparent;
  position: relative;
  min-height: 650px;
  padding-top: 50px;
}

.row.ligne-libre .image {
  height: 100%;
}

#statistic .row.ligne-libre {margin:auto;}
#statistic:before {
    content: "";
    background: url(/contents/images/animations/feuille2.png) no-repeat;
    width: 175px;
    background-size: 45%;
    right: 0;
    height: 75px;
    position: absolute;
    bottom: var(--parallax-feuille);
    opacity: var(--parallax-nuancier);
    z-index: 999999;
}

.ligneContainerLibre>div>.col-content {
  display: flex;
  justify-content: center;
}

.depuis1993 h1 {
  color: #7da42f;
  font-size: 4em;
  font-weight: 500;
  margin-bottom: 25px;
  font-family: Inter-Regular;
}

.depuis1993 h3 {
  color: #585858;
  font-size: 4em;
  font-family: Tahu, cursive;
  line-height: 1;
}

.textContainer.depuis1993 h6 {
  font-size: 2em;
  line-height: 1.2;
}

.depuis1993 p {
  font-size: 1.4em;
}

.depuis1993 strong {
  font-weight: 600;
}

.textContainer.depuis1993 .text {
  padding: 50px 0 0;
}

.row.ligneContainerLibre {
  position: relative;
}


.depuis1993 .textLinks {
  height: unset;
  justify-content: flex-start;
}

.row.carteDeFrance {
  /*! max-width: 1110px; */
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: 100px auto 0;
  height: 500px;
  align-items: center;
}

#actuPaginePageActu .actus-item,
#actuPagineAccueil .actus-item,
#avantagesPagine .actus-item {
  margin-top: 0;
}

#actuPagineAccueil .actus-overlay,
#actuPaginePageActu .actus-overlay {
  display: flex;
  padding: 0 15px;
  align-content: center;
  align-items: center;
  position: relative;
  background: #fff;
}

#avantagesPagine .actus-overlay {
  display: none;
}

#avantagesPagine h5.theme {
  display: inline-block;
  background: var(--campingcariste-color);
  color: #fff;
  font-size: small;
  padding: 10px;
  border-radius: 40px;
  margin: 5px;
}

#accueillantContainer #avantagesPagine h5.theme {
  background: var(--accueillant-color);
}

.menuDuFooter .ca-menu {
  list-style: none;
  padding: 0;
}

.menuDuFooter .ca-main {
  color: #585858;
  font-size: 0.9em;
  margin-left: 10px;
}

#menuAnnexe h2.ca-main {
  margin-left: 0;
}

ul.liste4mots {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  max-width: 178px;
}

ul.liste4mots li {
  padding: 5px 15px;
  color: #fff;
}

li.conv {
  background: #8dc63f;
}

li.sec {
  background: #4eb1c6;
}

li.renc {
  background: #f7941d;
}

li.conv,
li.sec {
  margin-right: auto;
}

li.dec,
li.renc {
  margin-left: auto;
}

#footerMenu>.containerMenu {
  display: flex;
}

.containerMenu {
  max-width: 1445px;
  margin: auto;
}

.containerMenu.english {
  max-width: 1200px;
}

#footerContainer .image {
  position: absolute;
  bottom: -25px;
  left: 0;
  width: 100%;
  z-index: -1;
}

.list-reseau-sociaux>.col-lg-12 {
  padding: 4px;
}

.list-reseau-sociaux img {
  height: 50px;
  fill: #585858;
}

#menuFrancePassion h3 {
  color: var(--francepassion-color);
}

#menuCampingCariste h3 {
  color: #0080c8;
}

#menuAccueillant h3 {
  color: #f38d09;
}

#menuFrancePassion .list {
  border-left: 2px solid var(--francepassion-color);
}

#menuCampingCariste .list {
  border-left: 2px solid #0080c8;
}

#menuAccueillant .list {
  border-left: 2px solid #f38d09;
}

.menuDuFooter .ca-menu {
  list-style: none;
  padding: 0;
  padding-left: 5px;
}

#menuAnnexe ul {
  padding: 0;
}

#menuAccueillant,
#menuAnnexe,
#menuCampingCariste,
#menuFrancePassion {
  margin-top: 30px;
  display: block;
}

#menuAccueillant h3:before,
#menuCampingCariste h3:before,
#menuFrancePassion h3:before {
  content: "";
  width: 30px;
  height: 28px;
  background-size: 30px 28px;
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
}

.menuDuFooter .title-footer {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
}

.list-reseau-sociaux .listItem {
  margin-bottom: 15px;
}

.rsIcon>a>i {
  font-size: 1.5em;
  color: #585858;
}

.rsIcon {
  display: flex;
  justify-content: space-between;
  margin: 25px 0;
}

.fefiFooter {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-end;
}

#actuPagineAccueil h5.theme {
  font-size: 1em;
}

#actuPagineAccueil .actu-text>.resume,
#actuPaginePageActu .actu-text>.resume,
#avantagesPagine .actus-text>.resume {
  display: flex;
  align-items: center;
  align-content: center;
}

a.linkToActu {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: absolute;
  bottom: 35px;
  right: 25px;
  transition: all ease 0.3s;
  z-index: 10;
}

.francePassionContainer a.linkToActu {
  color: #fff;
}

.campingCaristeContainer a.linkToActu {
  background: var(--campingcariste-color);
  color: white;
  text-decoration: none;
}

.accueillantContainer a.linkToActu {
  background: var(--accueillant-color);
  color: white;
  text-decoration: none;
}

.accueillantContainer .pagination li a:hover,
.accueillantContainer .pagination li.active a:hover,
.campingcaristeContainer.pagination li a:hover,
.campingcaristeContainer.pagination li.active a:hover,
.francePassionContainer .actus-image-content a:hover,
.francePassionContainer .pagination li a:hover,
.francePassionContainer .pagination li.active a:hover,
.francePassionContainer a.actus-content,
.francePassionContainer a.actus-content:hover,
.francePassionContainer a.linkToActu,
.francePassionContainer a.linkToActu:hover {
  text-decoration: none;
}

.campingcaristeContainera.actus-content:hover.accueillantContainera.actus-content:hover,
.francePassionContainer .actus-image-content a:hover,
.francePassionContainer a.actus-content:hover,
.pagination>.active>a:hover {
  filter: unset;
}

.textLinks>ul>li>a:hover,
a.linkToActu:hover {
  -webkit-filter: brightness(1.1);
  filter: brightness(1.1);
}

#accueilFond1 {
  position: relative;
  height: auto;
  top: 50px;
  z-index: -1;
}

#accueilFond1 img {
  height: 100%;
  max-height: 850px;
  width: 100%;
  object-fit: cover;
  object-position: 0 bottom;
}
/* LABEL
#statistic:before {
  content: "";
  position: absolute;
  display: block;
  width: 220px;
  height: 220px;
  background: url(/contents/images/decorations/tampons_fp.png) no-repeat;
  background-size: contain;
  right: 12%;
  top: -140px;
  z-index: 9;
} */

.row.carteDeFrance .textLinks {
  justify-content: flex-start;
  margin-top: 50px;
}

#carteEtapeAccueil {
  /*! position: absolute; */
  /*! width: 700px; */
}

#actuAccueil {
  background: #fff;
  background: url(/contents/images/decorations/nuage_1.png) no-repeat,
    linear-gradient(transparent, #fff);
  padding-top: 175px;
  margin-top: 40px;
  padding-bottom: 150px;
  position: relative;
  --parallax-feuille1: 0;
  --parallax-feuille2: 0;
  --parallax-nuancier1: 0;
  --parallax-nuancier2: 0;
  z-index: 0;
}

#coloneTextAccueilMapFrance {
  margin: 50px 0;
  text-align: center;
  display: flex;
  justify-content: center;
  height: 100%;
  flex-direction: column;
  text-align: left;
}

.textContainer.boutonTouteActu {
  /*! z-index: 2; */
  position: relative;
}

section.accueil-France-Passion>.container-fluid {
  position: relative;
  --parallax-feuille: 0;
  --parallax-nuancier: 0;
}
/**
section.accueil-France-Passion>.container-fluid:after {
  content: "";
  background: url(/contents/images/animations/feuille2.png) no-repeat;
  width: 150px;
  background-size: 45%;
  left: 10%;
  height: 100px;
  position: absolute;
  bottom: 200px;
  display: none;
}

section.accueil-France-Passion>.container-fluid:before {
  content: "";
  background: url(/contents/images/animations/feuille1.png) no-repeat;
  width: 220px;
  background-size: 45%;
  left: 7%;
  height: 100px;
  position: absolute;
  bottom: var(--parallax-feuille);
  opacity: var(--parallax-nuancier);
}
**/
#bonnesRaisonsAccueil{position:relative;}
#bonnesRaisonsAccueil > .container-fluid:after {
  content: "";
  background: url(/contents/images/animations/feuille2.png) no-repeat;
  width: 150px;
  background-size: 45%;
  left: 10%;
  height: 100px;
  position: absolute;
  bottom: 200px;
  display: none;
}

#bonnesRaisonsAccueil > .container-fluid:before {
  content: "";
  background: url(/contents/images/animations/feuille1.png) no-repeat;
  width: 220px;
  background-size: 45%;
  left: -5%;
  height: 100px;
  position: absolute;
  bottom: var(--parallax-feuille);
  opacity: var(--parallax-nuancier);
  will-change: bottom, opacity;
}
#actuAccueil:after,
#actuAccueil:before {
  content: "";
  width: 220px;
  right: 0;
  position: absolute;
}

#actuAccueil:after {
  background: url(/contents/images/animations/feuille3.png) no-repeat;
  background-size: 25%;
  height: 90px;
  bottom: var(--parallax-feuille1);
  opacity: var(--parallax-nuancier1);
}

#actuAccueil:before {
  background: url(/contents/images/animations/feuille4.png) no-repeat;
  background-size: 45%;
  bottom: var(--parallax-feuille2);
  height: 150px;
  opacity: var(--parallax-nuancier2);
}

#sectionCitation {
  padding-bottom: 75px;
  margin-top: 0;
  background-position-y: 75px;
  z-index: 0;
  position: relative;
  --parallax-feuille: 0;
  --parallax-nuancier: 0;
}
#carteFranceAccueil{position:relative}
#carteFranceAccueil:after {
  content: "";
  background: url(/contents/images/animations/feuille3.png) no-repeat;
  width: 150px;
  background-size: 45%;
  left:5%;
  height: 100px;
  position: absolute;
  bottom: var(--parallax-feuille1);
  opacity: var(--parallax-nuancier1);
}

section.header-FrancePassion {
  padding: 100px 225px 0 340px;
  margin-top: 100px;
}

.ligne-header .article.actualite-article.list-inline .heading ul {display: none}

.row.ligneHeader-breadcrumb {
  background-color: #cacaca;
  opacity: 0.8;
  width: 100%;
  display: flex;
  height: 40px;
  position: fixed;
  z-index: 15;
  top: 80px;
}

header-text p {
  font-size: 1.5em;
  max-width: 550px;
}

.accueillantContainer .vertical-menu,
.campingCaristeContainer .vertical-menu,
.francePassionContainer .vertical-menu {
  width: 400px;
  position: fixed;
  right: 10px;
  top: 320px;
  z-index: 2;
  padding: 15px;
  border-radius: 5px;
  box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
  transition: all ease 0.5s;
  bottom: inherit;
}

.accueillantContainer .vertical-menu:before,
.campingCaristeContainer .vertical-menu:before {
  left: -7px;
}

.accueillantContainer .vertical-menu .level0>li,
.campingCaristeContainer .vertical-menu .level0>li,
.francePassionContainer .vertical-menu .level0>li {
  position: relative;
  display: flex;
  align-content: center;
  align-items: center;
}

.accueillantContainer .vertical-menu .level0>li:after,
.campingCaristeContainer .vertical-menu .level0>li:after,
.francePassionContainer .vertical-menu .level0>li:after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  width: 75px;
  background-color: #00000026;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

.accueillantContainer .vertical-menu .level0>li:hover,
.campingCaristeContainer .vertical-menu .level0>li:hover,
.francePassionContainer .vertical-menu .level0>li:hover {
  background-color: transparent;
}

.accueillantContainer .vertical-menu .level0>li:last-child:after,
.campingCaristeContainer .vertical-menu .level0>li:last-child:after,
.francePassionContainer .vertical-menu .level0>li:last-child:after {
  display: none;
}

.accueillantContainer .menu-header span,
.accueillantContainer .vertical-menu .level0>li a.active.current span,
.campingCaristeContainer .menu-header span,
.campingCaristeContainer .vertical-menu .level0>li a.active.current span,
.francePassionContainer .menu-header span,
.francePassionContainer .vertical-menu .level0>li a.active.current span,
.vertical-menu.menuVerticalAdherent .level0>li a.active.current span {
  font-family: Inter-SemiBold;
}

.accueillantContainer .menu-header span,
.accueillantContainer .vertical-menu .level0>li a,
.campingCaristeContainer .menu-header span,
.campingCaristeContainer .vertical-menu .level0>li a,
.francePassionContainer .menu-header span,
.francePassionContainer .vertical-menu .level0>li a {
  font-size: 1.1em;
}

.accueillantContainer .image.imageHeader,
.campingCaristeContainer .image.imageHeader,
.francePassionContainer .image.imageHeader,
.actualite-article .article-image {
  position: absolute;
  top: -195px;
  z-index: -1;
  right: 75px;
  width: 525px;
  height: 525px;
}

.actualite-article .article-image {
  top: -195px;
}

.accueillantContainer .image.imageHeader img,
.campingCaristeContainer .image.imageHeader img,
.francePassionContainer .image.imageHeader img {
  -webkit-mask-image: url(/contents/images/masques/956.svg);
}

.actualite-article .article-image:before,
.francePassionContainer .image.imageHeader:before {
  background: url(/contents/images/forme_header/898.svg);
}

.campingCaristeContainer .image.imageHeader:before {
  background: url(/contents/images/forme_header/900.svg);
}

.accueillantContainer .image.imageHeader:before {
  background: url(/contents/images/forme_header/901.svg);
}

.accueillantContainer .image.imageHeader:before,
.actualite-article .article-image:before,
.campingCaristeContainer .image.imageHeader:before,
.francePassionContainer .image.imageHeader:before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 30px;
  left: 35px;
  z-index: -1;
  background-size: 95%;
  background-repeat: no-repeat;
}

.accueillantContainer .image.imageHeader:before,
.campingCaristeContainer .image.imageHeader:before,
.francePassionContainer .image.imageHeader:before {
  top: -1px;
  left: 5px;
  background-size: 100%;
  transform: rotate(-20deg);
}

.accueillantContainer .image.imageHeader img,
.actualite-article .article-image img,
.campingCaristeContainer .image.imageHeader img,
.francePassionContainer .image.imageHeader img {
  width: 100%;
  height: 100%;
																 
														
  -webkit-mask-image: url(/contents/images/masques/889.svg);
  mask-image: url(/contents/images/masques/889.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  object-fit: cover;
  object-position: center -5px;
}

.header-FrancePassion .image.howItWork.imageHeader img {
  object-position: 8px -50px;
}

.header-FrancePassion .image.equipe.imageHeader img {
  object-position: center -58px;
}

section.withPastille.francePassionContainer.parti2:before {
  content: "";
  position: absolute;
  background: url(/contents/images/PASTILLE-FP.png);
  width: 277px;
  height: 271px;
  left: 100px;
  top: 25%;
  background-size: contain;
  background-repeat: no-repeat;
}

img.temoignageImg {
  height: 70px;
  border: none;
}
/*
article.temoignageCard.odd .temoignage-text:after {
  left: inherit;
  right: -40px;
  transform: translateY(-50%) rotate(270deg);
}
*/
div.contentCol>.col-content,
div.content2Col>.col-content {
  display: flex;
  flex-direction: column;
  align-content: center;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
}

div.contentCol.mobileAppText>.col-content {
  max-width: 750px;
}

div.contentCol.mobileAppText {
  margin-left: 75px;
}

.textContainer.text-header-p.sectionFrancePassion .textLinks {
  display: flex;
  justify-content: flex-start;
}

.text-header-p.sectionCcariste .textLinks>ul,
.text-header-p.sectionFrancePassion .textLinks>ul {
  font-size: 1em;
  padding: 0;
}

.accueillantBtn.textContainer .textLinks>ul,
.campingCaristeBtn.textContainer .textLinks>ul,
.francePassionBtn.textContainer .textLinks>ul,
.textContainer .textLinks>ul,
#ulListNewsLinks {
  width: 24em;
}

.accueillantBtn.textContainer .textLinks>ul>li,
.campingCaristeBtn.textContainer .textLinks>ul>li,
.francePassionBtn.textContainer .textLinks>ul>li,
.textContainer .textLinks>ul>li,
.newsEvent,
.newsAgric,
.newsGen {
  display: flex;
  justify-content: space-between;
}

.accueillantBtn.textContainer .textLinks>ul>li>a,
.campingCaristeBtn.textContainer .textLinks>ul>li>a,
.francePassionBtn.textContainer .textLinks>ul>li>a,
.textContainer .textLinks>ul>li>a {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 20px 45px;
  margin: 0;
}

.francepassion-actu-btns {
  padding: 0;
}

li.menuLi1>a.active:before,
li.menuLi1>a:before,
li.menuLi2>a.active:before,
li.menuLi2>a:before,
li.menuLi3>a.active:before,
li.menuLi3>a:before,
li.menuLi4>a.active:before,
li.menuLi4>a:before {
  content: "";
  position: absolute;
  width: calc(100% + 40px);
  height: 3px;
  display: block;
  top: 67px;
  left: 50%;
  z-index: 5;
  transform: translate(-50%);
}

li.menuLi4>a:before {
  top: 70px;
}

li.menuLi1>a:before,
li.menuLi2>a:before,
li.menuLi3>a:before,
li.menuLi4>a:before {
  width: 0;
  left: 0;
  transition: left, width 0.3s ease-in;
}

li.menuLi1 a.active:before {
  background: #8dc63f;
  left: 50%;
  width: 100%;
}

li.menuLi2 a.active:before {
  background: #0089cf;
  left: 50%;
  width: 100%;
}

li.menuLi3 a.active:before {
  background: #f7941d;
  left: 50%;
  width: 100%;
}

li.menuLi4 a.active:before {
  width: 100%;
}

li.menuLi4 a.active:before {
  background: #000;
}

.articleUne-row {
  margin: 0 auto;
}

li.menuLi4 a.active:before {
  background: var(--francepassion-color);
}

.article.actualite-article .heading .date {
  order: 0;
  margin-bottom: 0;
  font-weight: 600;
}

.article.actualite-article .heading .theme {
  order: 2;
}

.article.actualite-article .heading .title {
  order: 1;
}

.article.actualite-article .heading li {
				
  margin-bottom: 10px;
}

.article.actualite-article .heading ul {
  padding-left: 0;
  margin-top: 23px;
}

.article.actualite-article .article-image {
  right: -330px;
  width: 600px;
}

.article.actualite-article>.heading>.title>h1 {
  font-family: Inter-Regular, Arial, sans-serif;
  font-size: 3.5em;
}

.actualite-article .article-image:before {
  background-size: 80%;
}

.actualite-article .article-image img {
  object-fit: unset;
}

.h-card {
  box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
  background: #fff;
  border-radius: 8px;
  min-height: 265px;
  padding: 0;
  z-index: 5;
  margin-bottom: 25px;
}

.h-card:first-child {
  margin-right: 25px;
}

#rowDeliveryPayment {
  height: 500px;
  margin: 150px auto;
  margin-bottom: 0;
}

.row.flex-row {
  display: flex;
}

.fond-vert {
  background: var(--campingcariste-color);
  height: 24em;
  min-height: 307px;
  width: 50%;
  padding: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.liste-paiement {
  max-width: 100px;
  max-height: 60px;
  margin-left: 10px;
}

.liste-paiement>.col-lg-30 {
  max-width: 50px;
  padding: 0;
}

.h-card .textContainer {
  max-width: 190px;
  padding: 10px;
}

.image.cb-image {
  position: absolute;
  left: -50px;
  top: 55px;
}

.image.cb-image img {
  max-width: 275px;
}

.image.adh-header-image img {
  object-position: -233px;
  width: 100%;
  height: 100%;
  object-fit: none;
}

.row.articleUne-row.max-width-1110px.headerRow {
  max-width: 1400px;
}

.row.headerRow {
  position: relative;
}

.titreSectionVert>.text h3 {
  font-family: Inter-Bold;
  color: var(--francepassion-color);
  font-size: 1.5em;
}

.FPfiltre .titreSectionBleu>.text h3,
.FPfiltre .titreSectionOrange>.text h3 {
  font-family: Inter-Bold;
  font-size: 1.5em;
}

.btnFaq .textLinks {
  align-content: center;
  align-items: unset;
  justify-content: center;
}

.btnFaq>.textLinks>ul>li>a {
  background-color: #464646;
  transition: 0.3s all ease;
  min-width: 22em;
  display: block;
}

.btnFaq>.textLinks>ul>li>a:hover {
  background-color: var(--francepassion-color);
  min-width: 23em;
  position: relative;
  color: #fff;
}

.btnFaq>.textLinks>ul>li>a:hover:after {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  display: block;
  font-size: 1.4em;
  top: 50%;
  right: 35px;
  transform: translateY(-50%);
}

.btnFaq .textLinks {
  align-content: center;
  height: 60px;
  align-items: flex-start;
  justify-content: flex-start;
}

.textContainer.btnFaq {
  margin: 20px auto;
}

.btnFaq.categ-active>.textLinks>ul>li>a,
.btnFaq>.textLinks>ul>li.faqActive>a {
  background-color: var(--francepassion-color);
}

li.boutonFaq {
  margin: 20px auto;
}

li.boutonFaq>a {
  background-color: #464646 !important;
  transition: 0.3s all ease;
  min-width: 22em;
  display: block;
}

li.boutonFaq>a:hover {
  background-color: var(--francepassion-color) !important;
  min-width: 23em;
  position: relative;
  color: #fff !important;
}

.campingCaristeContainer li.boutonFaq>a:hover {
  background-color: var(--campingcariste-color) !important;
}

.accueillantContainer li.boutonFaq>a:hover {
  background-color: var(--accueillant-color) !important;
}

li.boutonFaq>a:hover:after {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  display: block;
  font-size: 1.4em;
  top: 50%;
  right: 35px;
  transform: translateY(-50%);
}

.textLinks .boutonFaq {
  align-content: center;
  height: 60px;
  align-items: flex-start;
  justify-content: flex-start;
}

li.boutonFaq.faqActive>a {
  background-color: var(--francepassion-color) !important;
}

.textContainer.faqQuestion {
  color: var(--francepassion-color);
  font-family: Inter-Bold;
  position: relative;
}

.textContainer.faqQuestion:before {
  content: "Q.";
  font-size: 48px;
  position: absolute;
  left: -60px;
  top: 50%;
  transform: translateY(-50%);
}

.textContainer.faqQuestion p {
  color: var(--francepassion-color);
  font-family: Inter-Bold;
  font-size: 1.2em;
}

.textContainer.faqReponse {
  position: relative;
  margin-top: 50px;
}

.textContainer.faqReponse p {
  font-size: 1.2em;
  color: #464646;
}

.textContainer.faqReponse:before {
  content: "R.";
  font-size: 48px;
  position: absolute;
  left: -59px;
  top: 24%;
  transform: translateY(-50%);
  font-family: Inter-Bold;
  color: #464646;
}

.row.blockQR {
  margin: 2em auto 5em;
}

.francePassionContainer .image.SearchHeader img,
.francePassionContainer .ligne-header .image.faqImageHeader img {
  object-position: -320px 20px;
  object-fit: cover;
}

.textContainer.titreSectionVert.contact-p p {
  font-size: 1.2em;
}

.textContainer.titreSectionOrange {
  max-width: 600px;
}

.textContainer.text-header-p.sectionAccueillant {
  margin-top: 40px;
}

.textContainer.text-header-p p {
  font-size: 0.9em;
}

.navbar-nav>.menuLi1>.dropdown-menu,
.navbar-nav>.menuLi2>.dropdown-menu,
.navbar-nav>.menuLi3>.dropdown-menu {
  min-width: calc(100% + 1px) !important;
}

li.menuLi1:hover a.has-submenu:before {
  background: #8dc63f;
  left: 50%;
  width: 100%;
}

li.menuLi2 a.active:before,
li.menuLi2:hover a.has-submenu:before {
  width: 100%;
  left: 50%;
  background-color: var(--campingcariste-color);
}

li.menuLi3 a.active:before,
li.menuLi3:hover a.has-submenu:before {
  background: #f7941d;
  left: 50%;
  width: 100%;
}

li.menuLi4 a.active:before,
li.menuLi4>a:hover:before {
  background: var(--francepassion-color);
  width: 100%;
  left: 50%;
  bottom: -26px;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
  color: #555;
  background-color: transparent;
}

section.accueil-France-Passion {
  padding: 0;
  position: relative;
  top: 40px;
  z-index: 1;
}

.textContainer.width500 {
  max-width: 555px;
  margin: auto;
}

.text-header-p.sectionFrancePassion.adhesion .textLinks>ul:hover {
  background-color: transparent;
}

.text-header-p.sectionFrancePassion.adhesion .textLinks>ul>li>a {
  font-size: 0.9em;
  max-width: 230px;
}

.list-bas-de-page>.col-lg-20 {
  width: auto;
  padding: 0;
}

.list-bas-de-page {
  justify-content: center;
}

.accueillantMenu .ec-card-img {
  -webkit-mask-position-y: 0;
  -webkit-mask-repeat: no-repeat;
  position: absolute;
  right: 0;
  background-size: unset;
}

/***************************/
/* carte style 1 */
.list-bas-de-page .listItem.listItemVertical:not(.carteStyle1):not(.carteStyle2):not(.carteStyle3):not(.carteStyle4):not(.carteStyle5) .listItemStyle::before,
.carteStyle1 .listItemStyle::before,
.adherentCardMenu .card-menu.card-mesInfos::after,
.adherentCardMenu .card-menu.card-mesAvis::after,
.accueillantMenu .card-menu.card-mesInfos::after,.carteStyle2 .listItemStyle:before,
.adherentCardMenu .card-menu.card-avantages:after,
.adherentCardMenu .card-menu.card-rechercheEtapes:after,
.accueillantMenu .card-menu.card-rechercheEtape:after,.carteStyle3 .listItemStyle:before,
.adherentCardMenu .card-menu.card-achat::after,
.adherentCardMenu .card-menu.card-contact::after,
.adherentCardMenu .card-menu.card-activation::after,
.adherentCardMenu .card-menu.card-renouv::after,
.mesEtapes .card-menu.ec-card-fiche::after,.list-bas-de-page .carteStyle4 .listItemStyle:before,
.adherentCardMenu .card-menu.card-voyages::after,
.mesEtapes .card-menu.ec-card-galerie::after, 
.list-bas-de-page .carteStyle5 .listItemStyle:before,
.adherentCardMenu .card-menu.card-rendezVous:after,
.mesEtapes .card-menu.ec-card-events::after,.carteStyle5 .listItemStyle:before,
.mesEtapes .card-menu.ec-card-galerie::after, .mesEtapes .card-menu::after     {
  content: "";
  display: block;
  position: absolute;
  width: 150px;
  background-size: 200%;
  background-repeat: no-repeat;
  z-index: -1;
  rotate: -15deg;
  top: -41px;
  right: -25px;
  height: 235px;
}

.list-bas-de-page .listItem.listItemVertical:not(.carteStyle1):not(.carteStyle2):not(.carteStyle3):not(.carteStyle4):not(.carteStyle5) img,
.list-bas-de-page .carteStyle1 img,
.adherentCardMenu .card-mesInfos .ec-card-img,
.adherentCardMenu .card-mesAvis .ec-card-img,
.accueillantMenu .card-menu.card-mesInfos .ec-card-img,
.list-bas-de-page .carteStyle5 img,
.adherentCardMenu .card-menu.card-rendezVous .ec-card-img,
.accueillantMenu .card-menu.ec-card-events .ec-card-img,.list-bas-de-page .carteStyle2 img,
.adherentCardMenu .card-menu.card-avantages .ec-card-img,
.adherentCardMenu .card-menu.card-rechercheEtapes .ec-card-img,
.accueillantMenu .card-menu.card-rechercheEtape .ec-card-img, .accueillantMenu .card-menu .ec-card-img, 
.list-bas-de-page .carteStyle3 img,
.adherentCardMenu .card-menu.card-achat .ec-card-img,
.adherentCardMenu .card-menu.card-contact .ec-card-img,
.adherentCardMenu .card-menu.card-activation .ec-card-img,
.adherentCardMenu .card-menu.card-renouv .ec-card-img,
.accueillantMenu .card-menu.ec-card-fiche .ec-card-img,.list-bas-de-page .carteStyle4 img,
.adherentCardMenu .card-menu.card-voyages .ec-card-img,
.accueillantMenu .card-menu.ec-card-galerie .ec-card-img,.list-bas-de-page .carteStyle5 img,
.adherentCardMenu .card-menu.card-rendezVous .ec-card-img,
.accueillantMenu .card-menu.ec-card-events .ec-card-img {
  -webkit-mask-image: url("/contents/images/menu-cartes/masque-1.2.svg");
  mask-image: url("/contents/images/menu-cartes/masque-1.2.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position-x: 0 !important;
  -webkit-mask-position-y: -40px !important;
}

/*vert*/
.list-bas-de-page .listItem.listItemVertical:not(.carteStyle1):not(.carteStyle2):not(.carteStyle3):not(.carteStyle4):not(.carteStyle5) .listItemStyle:before,
.list-bas-de-page .carteStyle1 .listItemStyle:before,
.accueillantContainer .list-bas-de-page .carteStyle1.vert .listItemStyle:before,
.campingCaristeContainer .list-bas-de-page .carteStyle1.vert .listItemStyle:before,
.list-bas-de-page .carteStyle2 .listItemStyle:before,
.accueillantContainer .list-bas-de-page .carteStyle2.vert .listItemStyle:before,
.campingCaristeContainer .list-bas-de-page .carteStyle2.vert .listItemStyle:before,.list-bas-de-page .carteStyle3 .listItemStyle:before,
.accueillantContainer .list-bas-de-page .carteStyle3.vert .listItemStyle:before,
.campingCaristeContainer .list-bas-de-page .carteStyle3.vert .listItemStyle:before,.list-bas-de-page .carteStyle4 .listItemStyle:before,
.accueillantContainer .list-bas-de-page .carteStyle4.vert .listItemStyle:before,
.campingCaristeContainer .list-bas-de-page .carteStyle4.vert .listItemStyle:before,.list-bas-de-page .carteStyle5 .listItemStyle:before,
.accueillantContainer .list-bas-de-page .carteStyle5.vert .listItemStyle:before,
.campingCaristeContainer .list-bas-de-page .carteStyle5.vert .listItemStyle:before {
  background-image: url("/contents/images/menu-cartes/general/forme-1.1.svg");
}


/*bleu*/
.campingCaristeContainer .list-bas-de-page .listItem.listItemVertical:not(.carteStyle1):not(.carteStyle2):not(.carteStyle3):not(.carteStyle4):not(.carteStyle5) .listItemStyle:before,
.campingCaristeContainer .list-bas-de-page .carteStyle1 .listItemStyle:before,
.list-bas-de-page .carteStyle1.bleu .listItemStyle:before,
.accueillantContainer .list-bas-de-page .carteStyle1.bleu .listItemStyle:before,
.campingCaristeContainer .list-bas-de-page .carteStyle2 .listItemStyle:before,
.list-bas-de-page .carteStyle2.bleu .listItemStyle:before,
.accueillantContainer .list-bas-de-page .carteStyle2.bleu .listItemStyle:before, .list-bas-de-page .carteStyle3.bleu .listItemStyle:before,
.accueillantContainer .list-bas-de-page .carteStyle3.bleu .listItemStyle:before,
.campingCaristeContainer .list-bas-de-page .carteStyle3 .listItemStyle:before,.list-bas-de-page .carteStyle4.bleu .listItemStyle:before,
.accueillantContainer .list-bas-de-page .carteStyle4.bleu .listItemStyle:before,
.campingCaristeContainer .list-bas-de-page .carteStyle4 .listItemStyle:before,.list-bas-de-page .carteStyle5.bleu .listItemStyle:before,
.accueillantContainer .list-bas-de-page .carteStyle5.bleu .listItemStyle:before,
.campingCaristeContainer .list-bas-de-page .carteStyle5 .listItemStyle:before, .adherentCardMenu .card-menu.card-achat::after,.adherentCardMenu .card-menu.card-rendezVous:after,
.adherentCardMenu .card-menu.card-contact::after,.adherentCardMenu .card-menu.card-activation::after,
.adherentCardMenu .card-menu.card-renouv::after,.mesEtapes .card-menu.ec-card-galerie:after,.adherentCardMenu .card-menu.card-voyages::after,
.adherentCardMenu .card-menu.card-rechercheEtapes:after,.adherentCardMenu .card-menu.card-avantages:after,.adherentCardMenu .card-mesInfos:after,
.adherentCardMenu .card-mesAvis:after   {
  background-image: url("/contents/images/menu-cartes/adherent/forme-1.1-bleu.svg");
}

/*orange*/
.accueillantContainer .list-bas-de-page .listItem.listItemVertical:not(.carteStyle1):not(.carteStyle2):not(.carteStyle3):not(.carteStyle4):not(.carteStyle5) .listItemStyle:before,
.accueillantContainer .list-bas-de-page .carteStyle1 .listItemStyle:before,
.list-bas-de-page .carteStyle1.orange .listItemStyle:before,
.campingCaristeContainer .list-bas-de-page .carteStyle1.orange .listItemStyle:before,
.accueillantContainer .list-bas-de-page .carteStyle2 .listItemStyle:before,
.list-bas-de-page .carteStyle2.orange .listItemStyle:before,
.campingCaristeContainer .list-bas-de-page .carteStyle2.orange .listItemStyle:before,.list-bas-de-page .carteStyle3.orange .listItemStyle:before,
.accueillantContainer .list-bas-de-page .carteStyle3 .listItemStyle:before,
.campingCaristeContainer .list-bas-de-page .carteStyle3.orange .listItemStyle:before,.list-bas-de-page .carteStyle4.orange .listItemStyle:before,
.accueillantContainer .list-bas-de-page .carteStyle4 .listItemStyle:before,
.campingCaristeContainer .list-bas-de-page .carteStyle4.orange .listItemStyle:before,
.list-bas-de-page .carteStyle5.orange .listItemStyle:before,
.accueillantContainer .list-bas-de-page .carteStyle5 .listItemStyle:before,
.campingCaristeContainer .list-bas-de-page .carteStyle5.orange .listItemStyle:before,.mesEtapes .card-menu.ec-card-fiche::after,.mesEtapes .card-menu.ec-card-galerie::after, .accueillantMenu .card-menu.card-rechercheEtape::after,
.mesEtapes .card-menu.ec-card-galerie:after, .mesEtapes .card-menu:after,.mesEtapes .card-menu.ec-card-events::after,.accueillantMenu .card-menu.card-mesInfos::after  {
  background-image: url("/contents/images/menu-cartes/accueillant/forme-1.1-orange.svg");
}
/******************/
/* .carteStyle5 .listItemStyle:before {
  background-image: url("/contents/images/menu-cartes/general/forme-4.1.svg");
} */

/*********************************************/

.accueillantMenu .card-menu.card-mesInfos::before {content: ""; display: block; position: absolute; width: 100%; height: 300px; left: 0; top: 0; background-color: rgba(248,156,57, 0.3);  }



.list-bas-de-page img,
.ec-card-img {
  mask-size: 200% 130%;
  -webkit-mask-size: 200% 130%;
}

.list-bas-de-page .listItemStyle:before,
.card-menu:after {
  content: "";
  display: block;
  position: absolute;
  width: 150px;
}

.list-bas-de-page .listItemStyle:before,
.adherentCardMenu .card-menu:after,
.accueillantMenu .card-menu:after {
  z-index: -1;
}

.list-bas-de-page p {
  color: #585858;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.2em;
}

.row-flex.list.listeEtape {
  display: flex;
  flex-direction: column;
  z-index: 21;
  position: relative;
}

.list-bas-de-page.listEspaceAdherent .listItem {
  width: 265px;
}

.listeEtape .overlay {
  display: none;
}

.listeEtape .listText {
  padding-left: 5px;
}

.row-flex.list.listeEtape {
  display: flex;
  flex-direction: column;
  z-index: 21;
  position: relative;
}

.row-flex.list.listeEtape h2 {
  font-size: 0.85em;
  font-weight: 700;
  color: inherit;
  background: inherit;
}

.row-flex.list.listeEtape p {
  font-size: 0.85em;
}

.row-flex.list.listeEtape .listItem {
  display: flex;
  align-items: center;
  align-content: center;
  margin-bottom: unset;
  margin: 15px 0;
}

.listeEtape>.col-lg-60 {
  border-bottom: 1px solid #ddd;
}

.row-flex.list.listeEtape img {
  max-width: 35px;
  width: 35px;
}

.row-flex.list.listeEtape {
  display: flex;
  flex-direction: column;
  z-index: 21;
  position: relative;
}

.textContainer.list-bas-de-page.listEtapeTitle {
  margin-bottom: 25px;
}

.list-bas-de-page.listEspaceAdherent {
  padding-top: 0;
}

.row-flex.list.listeEtape {
  display: block;
  z-index: 21;
  position: relative;
  max-height: 500px;
  overflow-y: scroll;
}

.list-bas-de-page.listEspaceAdherent>.col-lg-20:first-child:before {
  content: "";
  background: url(/contents/images/animations/feuille2.png) no-repeat;
  width: 175px;
  background-size: 45%;
  left: -20px;
  height: 75px;
  position: absolute;
  bottom: 0;
  top: -26px;
  z-index: 5;
}

.list-bas-de-page.listEspaceAdherent:before {
  content: "";
  background: url(/contents/images/animations/feuille1.png) no-repeat;
  width: 220px;
  background-size: 57%;
  left: -7%;
  height: 135px;
  position: absolute;
  z-index: 5;
  top: 103px;
}

.flashInfoCol {
  position: relative;
}

.flashInfoCol:before {
  content: "";
  background: url(/contents/images/animations/feuille3.png) no-repeat;
  width: 50px;
  background-size: 100%;
  right: 0;
  height: 70px;
  position: absolute;
  top: 350px;
  z-index: 99;
}

.modal-centre {
  top: 50%;
  z-index: 1050;
  transform: translateY(-50%);
}

.btn.btn-fp0 {
  border: none;
  font-weight: 700;
  color: #888;
  text-decoration: underline;
  text-underline-offset: 4px;
  font-weight: 500;
}

#accueilMenuNiveau1 li.menuLi5.open>.dropdown-menu.level1,
#accueilMenuNiveau1 li.menuLi7.open>.dropdown-menu.level1 {
  top: 52px !important;
}

.text-explicatif>.text>p {
  font-size: 1.2em;
  margin-top: 3em;
}

#rowAdhesionStep1 {
  position: relative;
  justify-content: center;
}

.h-card p {
  font-size: 1em;
}

#rowAdhesionStep1>.h-card {
			   
  min-height: unset;
  position: relative;
}

#rowAdhesionStep1>.h-card h3 {
  font-weight: 500;
  font-size: 150%;
}
#rowAdhesionStep1>.h-card p {font-size: 120%}


#rowAdhesionStep1>.h-card>.col-content {
  padding: 25px;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}

#rowAdhesionStep1>.h-card>.col-content .img-product {
  padding: 0;
  margin: 0;
  margin-top: -15px;
}

#rowAdhesionStep1>.h-card>.col-content .text-product {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 60%;
}

#rowAdhesionStep1 .btn-fp1 {
  position: relative;
  bottom: 0;
}


.etape1.commande .col-content .flag-fr:after,
.etape1.commande .col-content .flag-multi:after {
  content: "";
  background: url(http://francepassion.alterne.fr/resources/images/480_x/1529.webp) no-repeat;
  position: absolute;
  display: block;
  width: 171px;
  height: 33px;
  top: -10px;
  left: -10px;
  background-size: 100% auto;
}

.etape1.commande .col-content .flag-fr:after {
  background: url(http://francepassion.alterne.fr/Resources/Images/480_x/1528.webp) no-repeat;
  display: block;
  height: 32px;
}

#mAdhesion .modal-title {
  color: var(--francepassion-color);
}

#mAdhesion .modal-body {
  padding: 20px;
}

					  
 
					  
			  
			 
 
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
  background-color: unset;
}

.dropdown-menu {
  font-size: 1em;
}

.row.p-row {
  margin: 5em auto 2em;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.btn2.btn-fp1 {
  border-radius: 8px;
  width: 15em;
  margin: 10px auto;
  display: block;
  padding: 10px;
  text-align: center;
  cursor: pointer;
  font-family: Inter-Bold;
}

.p-card>.col-content {
  position: relative;
}

.p-description strong {
  font-size: 1.1em;
  color: #333;
}

.p-description {
  margin-bottom: 5px;
  min-height: auto;
}

.productMainImage img {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.productMainImage {
  box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
  border-radius: 6px;
  margin-bottom: 15px;
  overflow: hidden;
}

.p-price {
  float: right;
  font-size: 1.2em;
  font-weight: 700;
}

.moyenDePaiement.row-flex {
  display: flex;
  flex-wrap: wrap;
  max-width: 134px;
  row-gap: 10px;
  column-gap: 10px;
  padding: 10px;
}

.p-total {
  margin-top: 5px;
}

.p-description::first-line {
  font-size: 1.4em;
}

.input-group.codepromo,
.input-group.rename-delete-carnet {
  margin: 10px auto;
  display: flex;
  align-items: center;
}
.input-group.codepromo       {margin-top: 0}
.commande #etape4 #tRecap .tdText label {margin-bottom: 0}
input.rename-carnet {
  background-color: white;
  border: none;
  box-shadow: none;
  font-size: 1.2em;
  font-weight: 700;
  width: 100%;
  max-width: 85%;
}

input.rename-carnet::place-holder,
input.rename-carnet::-ms-input-placeholder {
  color: #202020;
}

.p-card3 {
  box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
  height: auto;
  border-radius: 8px;
}

.p-card3 h2 {
  font-size: 1.2em;
}

.p-card3 .btn {
  width: 100%;
}

#trTotal>.tdText,
.tdPrice {
  font-size: 1.4em;
}

#trProduct>.tdPrice,
#trProduct>.tdText {
  padding-top: 10px;
  vertical-align: top;
}

#trTotal>.tdPrice,
#trTotal>.tdText {
  padding-top: 10px;
}

#trTotal>.tdPrice {
  font-weight: 600;
}

.tdPrice {
  text-align: right;
}

#trProduct,
.etape-adh #etape5 .reduc {
  margin-top: 10px;
  border-bottom: 1px solid #ddd;
}

#trProduct>.tdPrice {
  padding: 10px 0;
}

#trCodePromo td {
  padding-bottom: 10px;
}

.etape-adh #etape4 #tRecap,
.etape-adh #etape4 #trTotal,
.etape-adh #etap2 #trTotal,
.etape-adh #etape5 #tRecap,
.etape-adh #etape4 #accParrain,
.etape-adh #etape4 .codepromo {
  border-top: 1px solid #ddd;
}

.etape-adh #etape4 .trProduct td.tdPrice {
  max-width: 20%;
  width: 20%;
}

.etape-adh #etape4 .trProduct td.tdText {
  max-width: 80%;
  width: 80%;
}

.etape-adh #etape4 .reduc {
  border-bottom: 1px solid #ddd;
  line-height: 40px;
}

.etape-adh #etape4 .reduc label {margin-bottom: 0}

.etape-adh #etape4 #accParrain {
  padding-top: 20px
}

.etape-adh #etape4 .codepromo {
  padding-top: 10px
}

#fontSizer {
  display: flex;
  list-style: none;
  align-items: center;
  align-content: center;
  margin-bottom: 0;
  margin-left: auto;
  transform: translate(-40px, 40%);
  background: #cacaca;
  width: 100px;
  border-radius: 40px;
  justify-content: space-evenly;
  padding: 0;
  line-height: 0;
  z-index: 1;
}

#fontSizer li {
  transition: color ease 0.3s;
}

#fontSizer li:hover {
  color: var(--francepassion-color);
}

#fontSizer li.active:hover {
  color: #333;
  cursor: default;
}

li.taille1 {
  font-size: 0.9em;
}

li.taille2 {
  font-size: 1.1em;
}

li.taille3 {
  font-size: 1.2em;
}

li.taille1,
li.taille2,
li.taille3 {
  cursor: pointer;
  color: #888;
  padding: 15px 0;
  font-family: Inter-Bold;
}

#fontSizer>li.active {
  color: #333;
}

#trProduct>.tdText {
  max-width: 240px;
  display: block;
}

.p-card3 {
  box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
  background: #fff
}

#rowDelaiPaiement {
  display: flex;
  justify-content: center;
}

#tRecap {
  width: 100%;
  height: 100%;
							 
  display: table;
  table-layout: fixed;
}

#rowDelaiPaiement {
  display: flex;
  justify-content: center;
}

.p-card2 .productDescription {
  padding-top: 49px;
}

.text-header.sectionFrancePassion {
  padding-left: 90px;
  overflow: hidden;
}

.francePassionContainer .image.adh-header-image {
  right: 55px;
}

.p-card2 .p-price {
  margin-right: 25px;
}

#trProduct .tdText {
  max-width: 200px;
  padding: 10px 0;
}

#tbCodePromo {
  background-color: #fff;
  border: 3px solid rgba(0, 0, 0, 0.1);
  box-shadow: none;
  font-size: 1em;
  border-radius: 10px;
							   
}

a.btn.btn-fp1.checkPromo,
a.btn.btn-fp1.rename-carnet-ok {
  width: 25px;
  height: 25px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-left: -33px;
  border-radius: 50%;
  padding: 0;
  background: #333;
}

#editTitle:hover {
  color: var(--campingcariste-color);
  border-color: var(--campingcariste-color);
  background: transparent;
}

#editTitle {
  background-color: var(--campingcariste-color);
  color: white;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  font-size: 0.7em;
  display: inline-block;
  justify-content: center;
  align-items: center;
  align-content: center;
  border-radius: 50%;
  padding: 0;
  cursor: pointer;
  transition: all ease 0.3s;
  border: 2px solid transparent;
  margin-left: 15px;
}

#editTitle i {
  min-width: 20px;
    text-align: center;
}

a.btn.btn-fp1.removeProduct {
  border-radius: 40px;
  font-family: Inter-Bold;
}

.colMax600>.col-content,
.article-mep>.col-content {
  max-width: 55em;
  background-color: #ffffffde;
  border-radius: 8px;
  padding: 5px;
}

.p-card {
  z-index: 1;
							 
}

.p-row .p-card {
  padding-left: 0;
}



.temoignageCard .temoignage-auteur,
.temoignageCard .temoignage-lieu {
  text-align: right;
}

article.temoignageCard {
  display: grid;
  grid-template-columns: 0.2fr 0.4fr 2fr;
  grid-template-rows: 1fr;
  gap: 0 15px;
  grid-template-areas: "temoignageImage temoignageInfo temoignageText";
  width: 100%;
  align-items: center;
  margin: 10px auto;
}
.mesAvis article.temoignageCard {
  grid-template-columns: 0.2fr 0.8fr 1.6fr;
}

.temoignageInfo figure {margin: 5px 0;}
/*
.temoignageCard.odd .temoignage-auteur,
.temoignageCard.odd .temoignage-lieu {
  text-align: left;
}
article.temoignageCard.odd {
  grid-template-columns: 2fr 0.4fr 0.2fr;
  grid-template-areas: "temoignageText temoignageInfo temoignageImage";
}

.mesavis article.temoignageCard,
.mesavis article.temoignageCard.odd {
  grid-template-columns: unset;
}
.mesavis article.temoignageCard.odd {
  grid-template-areas: "temoignageText temoignageInfo";
  grid-template-columns: 2fr 0.9fr;
}


.temoignageCard.odd .temoignageInfo {
  padding-left: 20px;
  padding-right: unset;
}

.etape-info5 article.temoignageCard.odd .temoignage-text:after {
  left: inherit;
}


.mesavis article.temoignageCard {
  grid-template-areas: "temoignageInfo temoignageText";
  grid-template-columns: 0.9fr 2fr;
}
*/

img.temoignageImg {
  border: none;
  grid-area: temoignageImage;
}

.temoignageInfo {
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  grid-area: temoignageInfo;
  line-height: 0.9;
}

article.temoignageCard .temoignage-text {
  background-color: #efefef;
  position: relative;
  border-radius: 10px;
  padding: 25px;
  width: 100%;
  grid-area: temoignageText;
}

article.temoignageCard .temoignage-text .fpAjout {
  font-style: italic;
				   
}

article.temoignageCard .temoignage-text:after {
  content: "";
  display: block;
  position: absolute;
  border-color: #efefef transparent transparent transparent;
  border-style: solid;
  border-width: 20px;
  top: 50%;
  left: -40px;
  transform: translate(0, -50%) rotate(90deg);
}
															
			  
 
article.temoignageCard .temoignage-text:before {
  font-family: "francepassion" !important;
  font-size: 2em;
  float: right;
  margin-left: 15px;
}

article.temoignageCard .temoignage-text.pending:before {
  content: "\e91c";
}

article.temoignageCard .temoignage-text.refused:before {
  content: "\e953";
}

article.temoignageCard .temoignage-text.private:before {
  content: "\e952";
}

article.temoignageCard .temoignage-text.pending {
  background-color: #fcf8e3;
}

article.temoignageCard .temoignage-text.pending:after {
  border-color: #fcf8e3 transparent transparent transparent;
}

article.temoignageCard .temoignage-text.refused {
  background-color: #f2dede;
}

article.temoignageCard .temoignage-text.refused:after {
  border-color: #f2dede transparent transparent transparent;
}

article.temoignageCard .temoignage-text.private:after {
  border-color: #d9edf7 transparent transparent transparent;
}

article.temoignageCard .temoignage-text.private {
  background-color: #d9edf7;
}

.h-card.colDelai:before {
  content: "";
  background: url(/contents/images/camion.svg) no-repeat;
  width: 165px;
  height: 115px;
  display: block;
  position: absolute;
  left: 56%;
  bottom: 0;
  transform: translateX(-50%);
  z-index: 5;
}

a.navbar-brand {
  display: block;
  height: 100%;
  margin-left: 20px;
  padding: 15px;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover,
.nav>li>a:focus,
.nav>li>a:hover {
  background-color: unset;
}

.nav>li>a.adhBouton:hover {
  background-color: white;
  color: var(--francepassion-color);
  outline: 3px solid var(--francepassion-color);
}

.navbar-brand>img {
  max-width: 180px;
}

li.menuLi5 li.active>a {
  color: var(--francepassion-color);
  font-weight: 700;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
  color: #333;
}

ul.nav.navbar-nav.navbar-right {
  margin: unset;
  margin-left: 25px;
}

.dropdown-menu.level1>li>a {
  color: #464646;
  transition: 0.2s color ease;
}

.dropdown-menu.level1>li>a:hover {
  color: var(--francepassion-color);
  background-color: unset;
}

.campingCaristeContainer .text h2,
.menuLi2 .dropdown-menu.level1>li>a:hover {
  color: var(--campingcariste-color);
}

.accueillantContainer .text h2,
.menuLi3 .dropdown-menu.level1>li>a:hover {
  color: var(--accueillant-color);
}

nav.navbar>.container-fluid {
  background-color: #fff;
}

#actuAccueil .textContainer.header-text {
  padding: 15px 15px 15px 0;
  margin: auto;
}

.textContainer.header-text {
  border-radius: 8px;
  padding: 5px;
}

.textContainer.text-header-p.width500.text-explicatif {
  margin-top: 100px;
}

.nav>li>a {
  padding: 10px 15px;
}

#adhesionMenu li:after {
  content: "\f054";
  position: absolute;
  right: -5px;
  top: 50%;
  color: #ddd;
  transform: translateY(-37%);
  font-family: FontAwesome;
}

#adhesionMenu li:last-child:after {
  content: " ";
}

#adhesionMenu li.active a,
#adhesionMenu li.active:after {
  color: var(--francepassion-color);
}

.menuAdherent,
#adhesionMenu {
  position: fixed;
  top: 0;
  z-index: 99;
}

.menuAdherent li.active a,
.menuAdherent li.active:after {
  color: var(--campingcariste-color);
}

.navbar.menuAdherent,
#adhesionMenu.navbar {
  height: 60px;
}

.menuAdherent .navbar-collapse.collapse {
  justify-content: space-between;
}

#adhesionMenu li,
.navbar .menuAdherent li {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}

#adhesionMenu ul.nav.navbar-nav.navbar-right,
.navbar.menuAdherent ul.nav.navbar-nav.navbar-right {
  outline: 3px solid rgba(0, 0, 0, 0.2);
  outline-offset: -3px;
  border-radius: 40px;
  background: #fff;
  height: unset;
  padding: 0 15px;
  z-index: 99;
  max-height: 50px;
  transition: all ease 0.3s;
}

.navbar.menuAdherent ul.nav.navbar-nav.navbar-right,
#adhesionMenu .nav.navbar-nav.navbar-right {
  padding: 0;
}

#adhesionMenu li.active:before,
.menuAdherent li.active:before {
  content: "";
  height: 6em;
  position: absolute;
  width: 75px;
  display: block;
  border-bottom: 3px solid var(--francepassion-color);
}

.menuAdherent li.active:before {
  border-bottom: 3px solid var(--campingcariste-color);
}

#divBilling,
#divDelivery {
  margin-bottom: 25px;
}


.commande .divAddresses #divBilling a.addBillingAddress,
.commande .divAddresses #divDelivery a.editDeliveryAddress  {float: right}

.commande #etape4 #tRecap .tdText, .commande #etape5 #tRecap .tdText {font-size: 1.15em}
.commande #etape4 #tRecap #trTotal .tdText, .commande #etape5 #tRecap #trTotal .tdText {font-size: 1.4em}

.navbar.menuAdherent .navbar-right a,
#adhesionMenu .navbar-right a {
  font-weight: 500;
  letter-spacing: 0;
  font-family: Inter-Regular;
  transition: all ease 0.3s;
  text-align: center;
}

.navbar.menuAdherent .navbar-right .fa.fa-chevron-left,
#adhesionMenu .navbar-right .fa.fa-chevron-left {
  margin-right: 5px;
}

#accRGPD input[type="radio"]:checked {
  accent-color: #000;
}

#accRGPD label
{
font-size:1.3em;
}

#accRGPD .form
{
   margin-bottom:15px;  
}

input[type="radio"]:checked {
  accent-color: #71a014;
}

ol.breadcrumb.breadCrumbHeader.menu {
  display: flex;
}

.breadcrumb>li:after {
  font-family: "francepassion" !important;
  content: "\e90c";
  padding: 0 15px;
  transform: rotate(270deg);
  font-size: 1.5em;
  display: inline-block;
}

.breadcrumb>li:last-child:after {
  display: none;
}

i.iconHome:before {
  font-family: "francepassion" !important;
  content: "\e900";
  font-size: 1.8em;
  font-style: normal;
  font-weight: 400;
}

.breadcrumb>li:nth-child(2)::before {
  content: "";
}

.breadcrumb li:nth-child(2)::before,
.breadcrumb>li+li::before {
  display: none;
}

.breadcrumb>li {
  display: flex;
  align-items: center;
}

.header-text p {
  font-size: 1.2em;
}

.textContainer.cadreOmbre.header-text {
  padding: 25px;
  margin-bottom: 25px;
}

.cadreOmbre {
  box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
  background-color: #fff;
  border-radius: 8px;
  padding: 15px;
}

.form-horizontal.formConnexion {
  margin: 25px auto 34px;
}

.campingCaristeContainer .input-group-btn,
.francePassionContainer .input-group-btn,
.accueillantContainer .input-group-btn {
  font-size: 1em;
  line-height: 6em;
}

.formConnexion #btn-connexion {
  min-width: 200px !important;
}

#divDeliveryMethod {
  clear: both;
}

.row.rAdhesionStep4 {
  margin-top: 5em;
  position: relative;
  min-height: 200px;
}

.p-card3.shadowBox.topRight {
  position: absolute;
  top: 0;
  right: 0;
}

a a.btn.btn-fp1.addDeliveryMethod.uncheck {
  background: 0 0;
  color: var(--francepassion-color);
  border: 1px solid var(--francepassion-color);
}

i.fa.fa-check-circle-o {
  color: var(--francepassion-color);
}

#accPayments i.fa.fa-check-circle-o,
#accParrain i.fa.fa-check-circle-o {
  color: #fff;
  margin-right: 15px;
}

.col_delivery.col-md-30.col-lg-30 {
  padding: 20px 20px 5px;
}

#divDeliveryMethod h2 {
  margin-bottom: 25px;
}

a.btn2.disabled:hover {
  color: #fff;
  filter: opacity(0.5);
  cursor: default;
}

a.btn2 {
  filter: opacity(1);
}

a.btn2.disabled,
.disabled {
  filter: opacity(0.5);
  cursor: default;
}

.col_delivery.col-md-30.col-lg-30 {
  box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
  padding: 20px 20px 5px;
  width: 49%;
  flex: 50%;
  float: left;
}

.col_delivery.col-md-30.col-lg-30:nth-child(2) {
  float: right;
}

#divPay h2,
#etape5 #accCheckAndTransfer {
  color: #333;
}

#divPay h2,
#divRGBD h2 {
  margin: 15px 0 10px;
  font-family: Inter-Bold;
  font-size: 1.2em;
}

#etape5 #accCheckAndTransfer .panel-body {
  padding: 0 0 0 15px;
  margin: 0
}

#divPay h2,
#divPay>p {
  margin-left: 15px
}

#divPay:before {
  content: "";
																			   
					 
  width: 100%;
  position: absolute;
  background-repeat: no-repeat;
  z-index: -1;
  bottom: 0;
  background-position-y: bottom;
}

#divPay>p {
  color: #333;
}

.menuAdherent li .menuInactive,
.menuAdherent li a span,
#adhesionMenu .nav.navbar-nav li a span {
  font-family: Inter-regular;
					  
  font-size: 1.5em;
}

#etape5>.container>.row>.col-xs-60>.col-content>.row>.col-md-30 {
  padding-top: 120px;
}

#divRGBD .form {
  margin-bottom: 5px;
}

.etape-adh #etape5 #accRGPD p,
.etape-adh #etape5 #accRGPD .form label {
  color: #333
}

body .has-float-label .form-control:placeholder-shown:not(:focus)+label {
  top: 1.5rem;
  font-size: 1em;
  max-width: 65%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

body .has-float-label label {
  top: -1.2em
}

.etape-adh #etape5 #accPayments .panel-heading {
  background: #ececec;
  border-radius: 8px;
  color: #333;
  box-shadow: rgb(0 0 0 / 24%) 0 3px 8px
}

.etape-adh #etape5 #accPayments .panel-heading.carteBancaire {
  background: #ececec url('/resources/FP/produits/paiement-cb.png') no-repeat right center;
  background-size: auto 70%;
  background-position: 90% center
}


h4.panel-title .fa:before {
  content: "\e95b";
  font-size: 1.5em;
  vertical-align: middle;
  color: var(--francepassion-color)
}

h4.panel-title.collapsed .fa:before {
  content: "\e959";
  font-size: 1.5em;
  vertical-align: middle;
  color: var(--francepassion-dark)
}
h4.panel-title.reverse .fa:before {
  content: "\e959";
  font-size: 1.5em;
  vertical-align: middle;
  color: var(--francepassion-dark)
}

h4.panel-title.reverse.collapsed .fa:before {
  content: "\e95b";
  font-size: 1.5em;
  vertical-align: middle;
  color: var(--francepassion-color)
}

#accParrainForm h2 {
  margin: 0 0 10px;
}

.col_delivery {
  padding: 20px;
}

#body.etape5body:after {
  content: "";
  background-color: var(--payment-color);
  background-blend-mode:  multiply !important;
  background-size: 50% 100%;
  background-position: 500px;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  opacity: 0.5;
}

#divBilling h2,
#divDelivery h2,
#divDeliveryMethod h2,
#divPay h2,
#divRGBD h2,
.h-card h3,
.p-card3 h2,
#trTotal .tdText,
#etape5 #accCheckAndTransfer .panel-body {
  font-family: Inter-Bold;
  font-size: initial;
  font-size: 1.4em;
}
.etape-adh #trTotal .tdText  p {font-size: 1em; font-weight: bold;  margin: 0;}
#etape5 .panel-heading h4 {font-weight: bold; font-size: 0.8em}
.panel-title:hover {
  cursor: pointer;
}

#divPay {
  overflow-x: clip;
  overflow-y: visible;
  min-height: 100dvh;
  z-index: 10;
}

#divRGBD>h2 {
  padding-bottom: 25px;
  border-bottom: 1px solid #ddd;
}

#divRGBD p {
  color: #585858;
  margin-bottom: 5px;
}

#divRGBD,
#divPay {
  padding: 150px 30px 0;
  min-height: 100vh;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}

#divRGBD .col-content {
  border-radius: 8px;
  box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
  padding: 30px;
  background: #fff;
}

#divRGBD .p-card3 {
  padding: 25px 25px 25px;
  margin-bottom: 25px;
}

#etape5>.container {
  padding: 0
}

#etape5 .text-danger {
  color: red;
  font-weight: 600
}

#divRGBD h2 {
  margin-top: 0;
}

#etape5 .productMainImage img {
  margin: auto;
  display: block;
  padding: 25px 0;
}

#divRGBD>.row>.col-lg-60 {
  background: #ddd;
  padding: 25px;
  border-radius: 8px;
  margin-top: 5px;
  margin-bottom: 25px;
}

#divRGBD>.row>.col-lg-30:last-child {
  padding-right: 0;
}

#divRGBD>.row>.col-lg-30:first-child {
  padding-left: 0;
}

#divRGBD label.checkbox-inline {
  font-family: "Inter-Bold";
}

#commentcamarche h2 {
  font-size: 4em;
}

.menuDuFooter a.info h2 {
  font-size: 1.15em;
}

#menuFrancePassion {
  margin-left: 130px;
  min-width: 165px;
}

#menuCampingCariste {
  margin-left: 121px;
}

#menuAccueillant {
  margin-left: 37px;
}

#menuAnnexe {
  margin-left: 47px;
}

.menuDuFooter .title-footer {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  font-size: 1.2em;
  font-family: Inter-Bold;
}

.logo-footer img.img-responsive.logo {
  max-width: 185px;
}

#divDeliveryMethod .col_delivery {
  border-radius: 8px;
  box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
}

.form-control {
  font-size: 1.15em;
  max-width: 100%;
  height: 40px
}

.radio label,
.checkbox label {
  font-size: 1.3em
}

.actus-paging-container .actus-item.active .title {
  color: var(--francepassion-color-light);
}

.vosTemoignage .text {
  text-align: center;
}

#menuPrincipal {
  position: fixed;
  z-index: 99;
  top: 0;
}

article.temoignageCard .temoignage-auteur,
p.temoignage-date {
  margin-bottom: 5px;
}

.form-control::placeholder {
  color: #777;
}

.form-group {
  max-width: 100%;
  margin: 15px auto;
}

#mAddToTravelBook .form-group input {
  margin: 10px auto
}

li.menuLi1 .menuIcon:before,
li.menuLi2 .menuIcon:before,
li.menuLi3 .menuIcon:before,
li.menuLi4 .menuIcon:before,
li.menuLi5 .menuIcon:before,
li.menuLi6 .menuIcon:before,
li.menuLi7 .menuIcon:before {
  content: "";
  height: 30px;
  width: 30px;
  display: inline-flex;
  margin: 0;
  align-items: center;
  align-content: center;
  font-size: 24px;
  font-weight: 400;
  font-family: "francepassion" !important;
justify-content: center
}

li.menuLi1 .menuIcon:before {
  content: "\e901";
}

li.menuLi2 .menuIcon:before {
  content: "\e902";
}

li.menuLi3 .menuIcon:before {
  width: 45px;
  content: "\e903";
}

li.menuLi6 .menuIcon:before {
  content: "\e906";
}

li.menuLi7 .menuIcon:before {
  content: "\e907";
}

li.menuLi1 img,
li.menuLi2 img,
li.menuLi3 img,
li.menuLi6 img,
li.menuLi7 img {
  display: none;
}

#adhesionMenu {
  position: fixed;
  z-index: 99;
}

#adhesion6 {
  padding-top: 50px;
}

.campingCaristeContainer a {
  color: var(--campingcariste-dark);
}

#cphBody_ctl04_lbClear {
  position: absolute;
  top: 20px;
  left: 275px;
  text-decoration: underline
}

.accueillantContainer .textLinks a,
.campingCaristeContainer .textLinks a,
.francePassionContainer .textLinks a,
a.btn2 {
  color: #fff;
  font-size: 1.3em;
}

#cphBody_ctl04_lbClear {
  position: absolute;
  top: 20px;
  left: 275px;
  text-decoration: underline
}

.campingCaristeContainer .tags span,.etapsScrollbar .etapeSearch .searchEtapeFermeture,.etapsScrollbar .etapeSearch .searchEtapeHoraires,
.ficheEtape #etapFermeture, .ficheEtape #etapFlash, .ficheEtape .etape-info2 .appelObligatoire, .ficheEtape .etape-info2 .appelConseille, 
.campingCaristeContainer  .ficheEtape .etapHoraires  {
  background: var(--francepassion-gris);
  padding: 5px 20px 5px 10px;
  border-radius: 40px
}

.etapsScrollbar .etapeSearch .searchEtapeFermeture,.campingCaristeContainer  .ficheEtape .etapHoraires,
.etapsScrollbar .etapeSearch .searchEtapeHoraires {
  display: inline-block;
  float: left; margin: 5px auto
}
.campingCaristeContainer  .ficheEtape .etapHoraires:before {
    font-family: 'francepassion' !important;
    content: "\e91c";
    color: var(--francepassion-dark);
    font-size: 1.2em;
    position: relative;
    display: inline-block;
    margin-right: 5px;
    line-height: 0.9em;
    vertical-align: text-top;
  }

.etapsScrollbar .etapeSearch.etapeSearchFermee {
  opacity: 0.5;
}

.francePassionContainer a {
  color: var(--francepassion-color);
}

.accueillantContainer a {
  color: var(--accueillant-color);
}

.accueillantContainer div.textLinks a:hover,
.campingCaristeContainer div.textLinks a:hover,
.francePassionContainer div.textLinks a:hover,
a.btn2:hover,
div.textLinks a:hover {
  filter: unset;
  text-decoration-line: unset;
}

.campingCaristeContainer .btn.btn-default.btn-password,
.campingCaristeContainer .text>h1,
.campingCaristeContainer .text>p>a {
  color: var(--campingcariste-color);
}

.actualite-article .title h1,
.francePassionContainer .btn.btn-default.btn-password,
.francePassionContainer .text>h1,
.francePassionContainer .text>p>a {
  color: var(--francepassion-color);
}

.francePassionContainer .btn.btn-default.btn-password {
  border-color: var(--francepassion-color);
  line-height: 2.2em;
}

.campingCaristeContainer .btn.btn-default.btn-password {
  border-color: var(--campingcariste-color);
  line-height: 32px;
}

.accueillantContainer .btn.btn-default.btn-password {
  border-color: var(--accueillant-color);
  line-height: 2.2em;
}

.accueillantContainer .btn.btn-default.btn-password,
.accueillantContainer .text>h1,
.accueillantContainer .text>p>a {
  color: var(--accueillant-color);
}

.btn-fp1,
.francePassionBtn .textLinks>ul>li>a,
.francePassionCol a.btn,
.francePassionContainer .textLinks a,
.francePassionContainer .vertical-menu,
.francePassionContainer .vertical-menu ul .submenu li a,
.francePassionContainer .vertical-menu ul li a,
.francePassionContainer .vertical-menu ul li a.active.current,
.francePassionContainer .vertical-menu ul li a.active.current:hover,
.francePassionContainer .vertical-menu>ul>li:hover>a,
.francePassionContainer a.btn2,
.francePassionLine a.btn,
.textContainer.text-header-p-600.sectionFrancePassion.actu-header.textLinks>ul>li>a, .newsGen,
.francePassionContainer .textLinks li.txtLienVert a {
  background: var(--francepassion-color);
  color: #fff;
  border: 3px solid transparent;
  transition: all ease 0.3s;
  font-size: 1.3em;
}

.btn-fp2,
.campingCaristeBtn .textLinks>ul>li>a,
.campingCaristeCol a.btn,
.campingCaristeContainer .textLinks a,
.campingCaristeContainer .vertical-menu,
.campingCaristeContainer .vertical-menu ul .submenu li a,
.campingCaristeContainer .vertical-menu ul li a,
.campingCaristeContainer .vertical-menu ul li a.active.current,
.campingCaristeContainer .vertical-menu ul li a.active.current:hover,
.campingCaristeContainer .vertical-menu ul>li:hover>a,
.campingCaristeContainer a.btn2,
.campingCaristeLine a.btn,
li.dec,
.newsAgric,
.francePassionContainer .textLinks li.txtLienBleu a {
  background: var(--campingcariste-color);
  color: #fff;
  transition: all ease 0.3s;
  font-size: 1.3em;
}

.accueillantBtn .textLinks>ul>li>a,
.accueillantCol a.btn,
.accueillantContainer .textLinks a,
.accueillantContainer .vertical-menu,
.accueillantContainer .vertical-menu ul .submenu li a,
.accueillantContainer .vertical-menu ul li a,
.accueillantContainer .vertical-menu ul li a.active.current,
.accueillantContainer .vertical-menu ul li a.active.current:hover,
.accueillantContainer .vertical-menu ul>li:hover>a,
.accueillantContainer a.btn2,
.accueillantLine a.btn,
.btn-fp3,
.newsEvent,
.francePassionContainer .textLinks li.txtLienOrange a {
  background: var(--accueillant-color);
  color: #fff;
  border: 3px solid transparent;
  transition: all ease 0.3s;
  font-size: 1.3em;
}

.accueillantContainer .vertical-menu a, .campingCaristeContainer .vertical-menu a, .francePassionContainer .vertical-menu a {color: #fff}

.textContainer.text-header-p.sectionFrancePassion.actu-header.textLinks>ul>li>a,
.textContainer.text-header-p.sectionFrancePassion.actu-header1.textLinks>ul>li>a,
.textContainer.text-header-p.sectionFrancePassion.actu-header2.textLinks>ul>li>a {
  transition: 0.3s ease all;
}

.textContainer.text-header-p.sectionFrancePassion.actu-header2.textLinks>ul>li>a:hover {
	  
	  
			 
  background: #fff;
  color: var(--campingcariste-color);
  border: 1px solid var(--campingcariste-color);
}

.textContainer.text-header-p.sectionFrancePassion.actu-header1.textLinks>ul>li>a:hover {
	  
	  
			 
  background: #fff;
  color: var(--accueillant-color);
  border: 1px solid var(--accueillant-color);
}

.textContainer.text-header-p.sectionFrancePassion.actu-header.textLinks>ul>li>a:hover {
	  
	  
			 
  background: #fff;
  color: var(--francepassion-color);
  border: 1px solid var(--francepassion-color);
}

.francePassionBtn.textContainer .textLinks a:hover,
.francePassionCol .textLinks a:hover,
.francePassionContainer .textLinks a:hover,
.francePassionLine .textLinks a:hover,
.actualite-article.list-inline li.newsGen.active,
.newsGen:hover,
.francePassionContainer .textLinks li.txtLienVert a:hover {
  color: var(--francepassion-color);
  border: 3px solid var(--francepassion-color);
  background: #fff;
  box-sizing: border-box;
}

.newsGen:hover a,.actualite-article.list-inline li.newsGen.active a {
  color: var(--francepassion-color);
  text-decoration: none;
}

.campingCaristeBtn.textContainer .textLinks a:hover,
.campingCaristeCol .textLinks a:hover,
.campingCaristeContainer .textLinks a:hover,
.campingCaristeLine .textLinks a:hover,
.newsAgric:hover,
.actualite-article.list-inline li.newsAgric.active,
.francePassionContainer .textLinks li.txtLienBleu a:hover {
  color: var(--campingcariste-color);
  border: 3px solid var(--campingcariste-color);
  background: #fff;
  box-sizing: border-box;
}

.newsAgric:hover a, .actualite-article.list-inline li.newsAgric.active a {
  color: var(--campingcariste-color);
  text-decoration: none;
}

.accueillantBtn.textContainer .textLinks a:hover,
.francePassionContainer .textLinks li.txtLienOrange a:hover,
.accueillantCol .textLinks a:hover,
.accueillantContainer .textLinks a:hover,
.accueillantLine .textLinks a:hover,
.actualite-article.list-inline li.newsEvent.active,
.newsEvent:hover {
  color: var(--accueillant-color);
  border: 1px solid var(--accueillant-color);
  background: #fff;
  box-sizing: border-box;
}

.newsEvent:hover a, .actualite-article.list-inline li.newsEvent.active a {
  color: var(--accueillant-color);
  text-decoration: none;
}

section.accueillantContainer div.textContainer>div.textLinks,
section.campingCaristeContainer div.textContainer>div.textLinks,
section.francePassionContainer div.textContainer>div.textLinks {
  display: flex;
  justify-content: flex-start;
}

.francePassionContainer h4 {
  color: var(--francepassion-color);
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 2em;
}
.francePassionContainer h5 {
  color: var(--francepassion-color);
  font-weight: 700;
  font-size: 1.5em;
}
.francePassionContainer h6 {
  color: var(--francepassion-color);
  font-weight: 700;
  font-size: 1.35em;
}
.campingCaristeContainer h4 {
  color: var(--campingcariste-color);
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 1.7em;
}
.campingCaristeContainer h5 {
  color: var(--campingcariste-color);
  font-weight: 700;
  font-size: 1.5em;
}
.campingCaristeContainer h6 {
  color: var(--campingcariste-color);
  font-weight: 700;
  font-size: 1.35em;
}
.accueillantContainer h4 {
  color: var(--accueillant-color);
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 1.7em;
}
.accueillantContainer h5 {
  color: var(--accueillant-color);
  font-weight: 700;
  font-size: 1.5em;
}
.accueillantContainer h6 {
  color: var(--accueillant-color);
  font-weight: 700;
  font-size: 1.35em;
}
a.btn {
  color: #fff;
  transition: 0.3s all ease;
}

span.menuIcon {
  display: inline-block;
  vertical-align: middle;
}

.imageEtMenu-header,
.imageEtMenu-header.colHeight3 {
  height: 450px;
}

.imageEtMenu-header.colHeight2 {
  height: 137px;
}

.imageEtMenu-header.colHeight1 {
  height: 320px;
}

.accueillantContainer .imageEtMenu-header.colHeight3 .image.imageHeader,
.campingCaristeContainer .imageEtMenu-header.colHeight3 .image.imageHeader,
.francePassionContainer .imageEtMenu-header.colHeight3 .image.imageHeader {
  top: -170px;
  overflow: hidden;
}

.accueillantContainer .imageEtMenu-header.colHeight2 .image.imageHeader,
.campingCaristeContainer .imageEtMenu-header.colHeight2 .image.imageHeader,
.francePassionContainer .imageEtMenu-header.colHeight2 .image.imageHeader {
  top: -200px;
  overflow: hidden;
}

.accueillantContainer .imageEtMenu-header.colHeight1 .image.imageHeader,
.campingCaristeContainer .imageEtMenu-header.colHeight1 .image.imageHeader,
.francePassionContainer .imageEtMenu-header.colHeight1 .image.imageHeader {
  top: -260px;
  overflow: hidden;
}

.cadreOmbre.divInscription.row {
  margin: 25px auto;
}

.form-horizontal .divInscription .checkbox.cbVehicule {
  padding-left: 20px
}

.tippy-popper {
  font-size: 1.2em
}

.card-menu {
  position: relative;
  width: 275px;
  height: 175px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
  background: #fff;
  z-index: 1;
  transition: all 0.3s ease;
  margin-bottom: 20px;
  margin-right: 20px;
  padding: 0;
}

.ec-card h2 {
  color: #585858;
  font-size: 1.2em;
  line-height: 1.2em;
  max-width: 150px;
}

.ec-card {
  bottom: 10px;
  left: 20px;
  max-width: 45%;
  position: absolute;
}

.card-menu a {
  width: 100%;
}

.card-menu a:hover {
  text-decoration: none;
  transition: all ease 0.5s;
}

.card-commandes .ec-card-img,
.card-rechercheEtapes .ec-card-img {
  -webkit-mask-position-x: 10px;
  -webkit-mask-position-y: -10px;
}

.card-menu:hover {
  transform: scale(1.05);
}

#adhesionMenu.navbar ul.nav.navbar-nav.navbar-right a:hover,
.navbar.menuAdherent ul.nav.navbar-nav.navbar-right a:hover {
  color: var(--francepassion-color);
}

.colContentFlex .col-content>.row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
/*
.colMax600 p {
  font-size: 1.3em;
}

.colMax600 {
   min-height: 290px; 
}
*/
.soustitreH5 {
  margin-bottom: 25px;
}

.soustitreH5 h5 {
  color: #585858;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.2em;
  margin-top: 0;
}

a.btn:hover {
  text-decoration: none;
}

.bg-white {
  background: #fff;
}

a.btn, input.btn, #cphBody_ctl05_lbClear {
  border-radius: 8px;
  padding: 5px 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  letter-spacing: 0.3px;
  font-size: 1.3em;
  transition: 0.3s all ease;
  color: #fff;
  text-decoration: none;
  white-space: inherit;
  font-weight: 600;
  border: 3px solid transparent;
}

a.btn.btn-center {
  text-align: center;
  margin: auto;
  display: block;
  max-width: fit-content;
}

.btn.btn-rounded,
.etapeAdhesion a.btn.btn-fp1,
.etapeAdhesion .btn2.btn-fp1,
.etape-adh #etape4 a.btn.btn-fp3.nextStep,#lbCBValidation,
#lbCheckValidation,
#lbTransferValidation {
  border-radius: 40px;
}

.etapeAdhesion a.btn.btn-fp1 {
  font-weight: 700;
}

.francePassionContainer a.btn.btn-fp,
a.btn.btn-fp1 {
  background: var(--francepassion-color);
}

.campingCaristeContainer a.btn.btn-fp,
a.btn.btn-fp2 {
  background: var(--campingcariste-color);
}

.accueillantContainer a.btn.btn-fp,
a.btn.btn-fp3 {
  background: var(--francepassion-color);
  color: #fff
}

a.btn.disabled {
  filter: opacity(0.5);
  cursor: default;
}

img.imageCaptcha {
  height: 40px
}

a.btn.btn-password {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 2px solid transparent;
  white-space: nowrap;
  padding: 2px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 0;
}

.image.img-w-100 {
  width: 100%;
}

.mesEtapes h1 {
  color: var(--accueillant-color);
  font-weight: 700;
  margin-bottom: 25px;
}

.ec-card p {
  color: #888;
}

.mesEtapes .row {
  margin-bottom: 50px;
}

.accueillantMenu.contentCol>.col-content {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
}

section.accueillantContainer.parti2 {
  padding-left: 50px;
}

.widthAuto {
  width: auto !important;
}

.div-has-error {
  box-shadow: #a94442d4 0 3px 8px;
  background: #a944420d;
}

.formEtape .has-error {
  color: var(--francepassion-danger);
}

.formEtape h4 {
  margin-bottom: 10px;
}

.formEtape p {
  margin: 10px auto 3px;
}

.formEtape .cadreOmbre {
  padding-bottom: 25px;
  transition: all ease 0.5s;
}

.formEtape .form-inline .radio {
  padding-top: 2px;
}

.divEtapeAttention .checkbox {
  display: flex;
  align-content: center;
  align-items: baseline;
  justify-content: space-between;
}

.divEtapeAttention .checkbox::after {
  background-image: radial-gradient(circle,
		   
      currentcolor 1px,
      transparent 1.5px);
	
  background-position: bottom;
  background-size: 1ex 4.5px;
  background-repeat: space no-repeat;
  content: "";
  flex-grow: 1;
  height: 1em;
  order: 2;
  margin: 0 7px;
}

.divEtapeAttention .checkbox>span {
  order: 1;
}

.divEtapeAttention .checkbox>label {
  order: 3;
}

.xMetres {
  display: inline-block;
  width: 175px;
}

.divEtapeAttention .form-control {
  display: inline-block;
}

.formEtape a.btn.btn-default {
  background: var(--accueillant-color);
}

.formEtape a.btn.btn-default {
  background: var(--accueillant-color);
  padding: 0;
  margin: 0;
}

.formEtape .input-group-btn .btn.btn-default {
  border-color: var(--accueillant-color);
  padding: 4px;
}

.formEtape .input-group-btn .btn.btn-default {
  padding: 4px;
}

#alertLengthEtapeProduits,
#alertLengthEtapeProduitsDescription,
#alertLengthEtapeProduitsEmplacement,
#alertLengthEtapeSituation {
  display: inline-block;
  margin-top: 10px;
}

.formEtape h5 {
  font-size: 1.05em;
  font-weight: 600;
}

.list.list-bas-de-page.row-flex {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding-top: 10px;
  gap: 30px;
}

.list.list-bas-de-page.row-flex .listItem {
  margin-bottom: unset;
}
					 
#reassurance-blocs .listItem {
  margin-bottom: 30px;
  height: auto;
  width: 100%;
  justify-content: space-between;
}
 

a.linkToActu {
  background: var(--francepassion-color);
}

.news-generales h6.date {
  color: var(--francepassion-color);
}

.news-generales a.linkToActu {
  background-color: var(--francepassion-color);
}
/*
.news-monde-agricole h6.date {
  color: #4eb1c6;
}

.news-monde-agricole a.linkToActu {
  background-color: #4eb1c6;
}

.news-evenements h6.date {
  color: var(--accueillant-color);
}

.news-evenements a.linkToActu {
  background-color: var(--accueillant-color);
}
*/
#ulListNewsLinks {
  order: 3;
  padding-left: 0;
  margin-top: 25px;
}

.article-mep.contentCol .col-content {
  margin-left: unset;
}

#actuPaginePageActu h5.theme {
  font-size: 0;
}

#actuPaginePageActu h5.theme:after {
  display: block;
  font-family: "francepassion" !important;
  font-size: 1.5em;
}

.news-generales h5.theme:after {
  content: "\e924";
  color: var(--francepassion-color);
}

.news-monde-agricole h5.theme:after {
  content: "\e90b";
  color: #4eb1c6;
}

.news-evenements h5.theme:after {
  content: "\e925";
  color: var(--accueillant-color);
}

.heading {
  grid-area: 1 / 1 / 3 / 3;
}

.article-image {
  grid-area: 1 / 4 / 3 / 6;
}

.article-content {
  grid-area: 4 /1 / auto / 14;
  margin-top: 115px;
}
			   
.blog .article-content {margin-top: 0}				   
 


.list-bas-de-page a.info {
  text-decoration: none;
}

.connex {
  position: relative;
  z-index: 1;
}

.loginSignin.contentCol>.col-content {
  display: flex;
  justify-content: center;
  max-width: 1100px;
}

.FPqr {
  padding-left: 50px;
}

.erreur.francePassionColor {
  position: relative;
  z-index: 20;
}

#avantageArticle .title,
#avantageArticle .article-content h2,
#avantageArticle .article-content h3,
#avantageArticle .article-content h4 {
  color: var(--campingcariste-color);
}

#avantageArticle .theme {
  display: inline-block;
  background: var(--campingcariste-color);
  color: #fff;
  font-size: small;
  padding: 10px;
  border-radius: 40px;
}

#avantageArticle .date {
  display: none;
}

#avantagesPagine.actus-paging-container .actus-item.active .title {
  color: var(--campingcariste-color);
}

.list.card-kit.row-flex .listItem.listItemVertical {
  max-width: 450px;
}

.card-kit>.col-lg-60 {
  justify-content: center;
}

.list.card-kit.row-flex h2 {
  font-size: 1.25em;
  height: auto;
}

.card-kit img.img-responsive {
  height: 300px;
  margin: 15px auto;
}

.card-kit .listText {
  padding: 15px;
  min-height: 100%;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.card-kit .listText a {
  color: #585858;
}

.image.linkToApp {
  margin-top: 25px;
  max-width: 295px;
}

.textContainer.strong-text-bleu strong {
  color: var(--campingcariste-color);
}

.francePassionContainer .list.docPdf:hover,
.campingCaristeContainer .list.docPdf:hover,
.accueillantContainer .list.docPdf:hover {
  background: transparent;
}

.francePassionContainer .docPdf,
.campingCaristeContainer .docPdf,
.accueillantContainer .docPdf {
  border: 1px solid transparent;
}

.list.docPdf {
  color: white;
  padding: 8px 12px;
  max-width: 335px;
  border-radius: 4px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.list.docPdf a {
  color: white;
  transition: color ease 0.3s;
  -webkit-transition: color ease 0.3s;
  -moz-transition: color ease 0.3s;
  -ms-transition: color ease 0.3s;
  -o-transition: color ease 0.3s;
}

.list.docPdf .list-unstyled {
  margin-bottom: 0;
}

.FrancePassionContainer .docPdf {
  background: var(--francepassion-color);
}

.campingCaristeContainer .docPdf {
  background: var(--campingcariste-color);
}

.accueillantContainer .docPdf {
  background: var(--accueillant-color);
}

.francePassionContainer .list.docPdf:hover {
  border: 1px solid var(--francepassion-color);
}

.campingCaristeContainer .list.docPdf:hover {
  border: 1px solid var(--campingcariste-color);
}

.accueillantContainer .list.docPdf:hover {
  border: 1px solid var(--accueillant-color);
}

.francePassionContainer .list.docPdf:hover a {
  color: var(--francepassion-color);
}

.campingCaristeContainer .list.docPdf:hover a {
  color: var(--campingcariste-color);
}

.accueillantContainer .list.docPdf:hover a {
  color: var(--accueillant-color);
}

.francePassionContainer .list.docPdf:hover .fa {
  color: var(--francepassion-color);
}

.campingCaristeContainer .list.docPdf:hover .fa {
  color: var(--campingcariste-color);
}

.accueillantContainer .list.docPdf:hover .fa {
  color: var(--accueillant-color);
}

.colContentFlex {
  padding: 0;
}

.list.card-kit.voyageOrga img.img-responsive {
  width: unset;
  margin: unset;
}

.list.card-kit.voyageOrga .overlay h2 {
  display: none;
}

.list.card-kit.voyageOrga .overlay {
  position: absolute;
  bottom: 0;
  left: 15px;
  display: block;
}

.textContainer.vertical-center {
  margin-bottom: 25px;
  display: flex;
  align-items: center;
}

.list.card-kit.voyageOrga .listText {
  min-height: unset;
  height: 600px;
  background: transparent;
}

.list.card-kit.voyageOrga .listText p {
  font-size: 100%;
  text-align: justify;
  padding-top: 0;
  margin: 20px auto;
}

.list.card-kit.voyageOrga .listText h2 {
  margin: 0;
}

.list.card-kit.voyageOrga .listText {
  height: auto;
  margin-bottom: 20px;
}

.list.card-kit.voyageOrga .overlay .info {
  font-size: 90%;
  background: orange;
  padding: 15px;
  border-radius: 8px;
  color: white;
  border: 3px solid transparent;
  transition: 0.3s ease all;
}

.list.card-kit.voyageOrga .overlay .info:hover {
  color: var(--accueillant-color);
  background: white;
  border-color: var(--accueillant-color);
}

.list.card-kit.voyageOrga .overlay {
  left: 20px;
  bottom: 10px;
}

.menuDuFooter a.info:hover h2 {
  color: var(--francepassion-color);
}

#menuCampingCariste a.info:hover h2 {
  color: var(--campingcariste-color);
}

#menuAccueillant a.info:hover h2 {
  color: var(--accueillant-color);
}

#menuFrancePassion a.info,
#menuCampingCariste a.info,
#menuAccueillant a.info,
#menuAnnexe a.info {
  transition: color ease 0.3s;
}
										 
				
				  
 

.card-kit.partenaire .listText h2 {
  max-height: 3.5em;
  height: 100%;
  margin-bottom: 0;
}

.loginSigninRow {
  position: relative;
  z-index: 1;
}

.textLinks>ul>li>a,
.accueillantBtn.textContainer .textLinks>ul>li>a,
.campingCaristeBtn.textContainer .textLinks>ul>li>a,
.francePassionBtn.textContainer .textLinks>ul>li>a,
.textContainer .textLinks>ul>li>a {
  padding: 15px 30px;
  border: 3px solid transparent;
}

.accueillantBtn.textContainer .textLinks a:hover,
.accueillantCol .textLinks a:hover,
.accueillantContainer .textLinks a:hover,
.accueillantLine .textLinks a:hover,
.actualite-article.list-inline li.newsEvent.active,
.newsEvent:hover {
  border: 3px solid var(--accueillant-color);
}

.accueillantColor.header-text {
  margin-bottom: 30px;
}

.textContainer.recherch.strong-text-bleu,
.textContainer.nav.strong-text-bleu,
.textContainer.consult.strong-text-bleu,
.textContainer.filtre.strong-text-bleu,
.textContainer.acced.strong-text-bleu,
.textContainer.enregistre.strong-text-bleu,
.textContainer.partage.strong-text-bleu {
  position: relative;
  margin: 10px 0;
}

.textContainer.recherch.strong-text-bleu:before {
  background: url(/contents/images/icones-app/icones-fp-46.png);
}

.textContainer.nav.strong-text-bleu:before {
  background: url(/contents/images/icones-app/icones-fp-04.png);
}

.textContainer.consult.strong-text-bleu:before {
  background: url(/contents/images/icones-app/icones-fp-26.png);
}

.textContainer.filtre.strong-text-bleu:before {
  background: url(/contents/images/icones-app/icones-fp-03.png);
}

.textContainer.acced.strong-text-bleu:before {
  background: url(/contents/images/icones-app/icones-fp-44.png);
}

.textContainer.enregistre.strong-text-bleu:before {
  background: url(/contents/images/icones-app/icones-fp-51.png);
}

.textContainer.partage.strong-text-bleu:before {
  background: url(/contents/images/icones-app/icones-fp-56.png);
}

.textContainer.recherch.strong-text-bleu:before,
.textContainer.nav.strong-text-bleu:before,
.textContainer.consult.strong-text-bleu:before,
.textContainer.filtre.strong-text-bleu:before,
.textContainer.acced.strong-text-bleu:before,
.textContainer.enregistre.strong-text-bleu:before,
.textContainer.partage.strong-text-bleu:before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  top: -15px;
  left: -60px;
  background-size: contain;
}

.header-FrancePassion .image.imageHeader img {
  object-position: center;
}

.image.mobileFormeFond img {
  width: 245px;
}

.image.mobilImage {
  width: 385px;
  transform: translateX(-70px);
}

.fefilogo img {
  height: 205px;
}

.card-kit.reseauEtranger .fefi {
										   
  background: top 10px right 10px no-repeat url("/contents/images/mini-fefi.png") #fff !important;
}

.card-kit.reseauEtranger .listItemStyle {
  height: 170px;
}

.card-kit.reseauEtranger img.img-responsive,
.card-kit.partenaire img.img-responsive {
  height: 170px;
  padding: 25px;
  margin: 15px auto;
  border-bottom: 2px solid #f4f4f4;
}

.card-kit.reseauEtranger .listText {
  min-height: unset;
  background: white;
}

.list.card-kit.reseauEtranger.row-flex .listItem.listItemVertical {
  max-width: unset;
  min-height: unset;
}

.card-kit.reseauEtranger h2 a.info {
  text-transform: uppercase;
}

.list.en1coupdoeil {
  display: flex;
  justify-content: center;
}

.list.en1coupdoeil .col-lg-20 {
  padding: 0;
}

.list.en1coupdoeil {
  display: flex;
  justify-content: center;
  background: white;
  gap: 20px;
}

.list.en1coupdoeil .listItem p {
									 
  /*! font-size: 1.15em; */
  text-align: center;
  color: #005d65;
}

.mobileAppText {
  width: 100%;
  transform: unset;
  left: unset;
}

.textContainer.cadreOmbre.header-text.block1.campingCaristeColor {
  padding-bottom: 57px;
}

#fuEtape::file-selector-button,
#fuUpdateEventImage::file-selector-button,
#fuUpdateEventDoc::file-selector-button,
#fuEventImage::file-selector-button,
#fuEventDoc::file-selector-button {
  background: var(--accueillant-color);
  border: 3px solid transparent;
  transition: all ease 0.3s;
  padding: 10px 15px;
  color: white;
  border-radius: 8px;
  cursor: pointer;
  font-family: Inter-Regular, "Trebuchet MS", Helvetica, sans-serif;
  font-size: 1em;
}

#fuEtape::file-selector-button:hover,
#fuUpdateEventImage::file-selector-button:hover,
#fuUpdateEventDoc::file-selector-button:hover,
#fuEventImage::file-selector-button:hover,
#fuEventDoc::file-selector-button:hover {
  color: var(--accueillant-color);
  border-color: var(--accueillant-color);
  background: white;
}

.formEtape .photo {
  padding: 20px;
  border-radius: 8px;
}

.pageGalerie .formEtape .photo {
  box-shadow: rgba(0, 0, 0, 0.36) -2px 1px 20px 0;
  border-radius: 8px;
}

.btnsEtap .btn {
  margin-right: 25px;
}

.btnsEtap {
  margin: 25px auto;
  text-align: center;
}

#EtapeNom h1 {
  font-family: "Inter-Bold";
  margin-top: 0;
  font-size: 2em;
  margin-bottom: 0;
}

#EtapeNom p {
  font-style: italic;
  color: #888;
  font-size: 1.4em;
  padding: 0 5px 0 0;
}

.ficheEtape .rowTitre h1 {
  color: #888;
  margin-top:0;
  margin-bottom:0;
}

.ficheEtape .rowTitre h1 span {
  font-style: italic;
}

#EtapPicto {
  margin-right: 15px;
}

.pictoTitre:before {
  font-family: "francepassion" !important;
  font-size: 2.95em;
  display: inline;
  color: #777;
  font-weight: 400;
}

.pictoTitre.etapVigne:before {
  content: "\e909";
}

.pictoTitre.etapFerme:before {
  content: "\e90a";
}

.pictoTitre.etapOther:before {
  content: "\e908";
}

#etapTitre,
#EtapPicto {
  display: flex;
}

#etapDiapo {
  width: 100%;
  height: 300px;
  position: relative;
  margin: 0 auto;
}
#etapDiapo .divImage {justify-content: center !important;}

.slides {
  display: flex;
  width: 100%;
  position: relative;
  left: 0;
  transition: left ease 0.6s;
}

#etapDiapo .slide {
  border-radius: 20px;
  max-width: 100%;
  object-fit: cover;
  max-height: 100%;
}

#etapeMap {
  width: 100%;
  height: 660px;
  z-index: 0;
}

.leaflet-routing-container.leaflet-bar.leaflet-routing-collapsible.leaflet-control {
  z-index: 0;
}

#pictoProduits,
#pictoStationmt {
  display: flex;
  align-items: flex-end;
  margin-bottom: 25px;
}

#pictoStationmt {
  align-items: unset;
}

.separation::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100px;
  width: 2px;
  background: #ddd;
  top: 0;
}

#noteAccueil-header p,
#noteStationment-header p {
  font-family: "Inter-Bold";
  margin-bottom: 0;
  margin-right: auto;
  margin-left: 10px;
}

#noteAccueil-header {
  margin-top: 10px;
  margin-bottom: 25px;
}

#noteAccueil-header,
#noteStationment-header {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  min-width: 350px;
}

img.picto-accueil-header,
img.note-header,
img.picto-stationmnt-header {
  height: 30px;
}

img.picto-accueil-header,
img.picto-stationmnt-header {
  width: 35px;
  object-fit: contain;
}

#noteStationment-header {
  margin-bottom: 15px;
}

.etapeDetailPictos {
  position: relative;
  margin: 25px 0 0 0;
  display: block;
  padding-left: calc(1.8em + 10px);
}

.etapeDetailPictos:before {
  margin-left: calc(-1.8em + 10px);
  margin-right: 0.4em;
  font-family: "francepassion" !important;
  font-size: 1.8em;
  vertical-align: sub;
  font-weight: normal;
line-height: normal
}

div.contentColZIndexNull.contentCol {
  z-index: unset;
}

p.etapeDetailPictos.etapFacebook:before {
    content: "\f082";
    font-family: 'FontAwesome' !important;
    margin-left: calc(-1.6em + 10px);
    font-size: 2em;
}

p.etapeDetailPictos.etapInstagram:before {
    content: "\f16d";
    font-family: 'FontAwesome' !important;
    margin-left: calc(-1.6em + 10px);
    font-size: 2em;
}


p.etapeDetailPictos.etapArbor:before {
  content: "\e919";
}

p.etapTel:before {
  content: "\e916";
}

p.etapeDetailPictos.etapTel.teloblig a {
  color:#ed272c !important;
}
.etapeDetailPictos.etapVille span {font-size: 130%}

.etapeDetailPictos a {
  color: var(--francepassion-color);
}

.etapeDetailPictos.etapLink:before {
  content: "\f002";
  color: #333;
}

p.etapeDetailPictos.etapVille:before {
  content: "\e918";
}

p.etapeDetailPictos.etapGps:before {
  content: "\e935";
}

p.etapeDetailPictos.etapLangueParle:before {
  content: "\e905";
}

p.etapeDetailPictos.etapProduit:before {
  content: "\e91a";
}

p.etapeDetailPictos.etapHlimit:before {
  content: "\e91c";
}

p.etapeDetailPictos.etapCours:before {
  content: "\e955";
}

p.etapeDetailPictos.etapEvents:before {
  content: "\e91d";
}

p.etapeDetailPictos.etapRepere:before {
  content: "\e91e";
  margin-right: 0.4em;
}

.etapeDetailPictos.etapInfo:before {
  content: "\e929";
}

p.etapeDetailPictos.etapActivite:before {
  content: "\e91b";
}

p.etapeDetailPictos.etapAttention {
  padding-left: calc(1.8em + 10px);
}

p.etapeDetailPictos.etapAttention:before {
  content: "\e928";
}

.pictosEtape {
  width: 40px;
  height: 27px;
  margin-right: 10px;
}

#pictoProduits>div {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

#pictoProduits>.pictosEtape.reseau-6 {
  background: url(/contents/images/icones-app/logoVI.svg) no-repeat;
}

#pictoProduits>.pictosEtape.reseau-7 {
  background: url(/contents/images/icones-app/logoBAF.svg) no-repeat;
}

#pictoProduits>.pictosEtape.tech2-20 {
  background: url(/contents/images/icones-app/tourismHandicap.svg) no-repeat;
}

#pictoProduits>.pictosEtape.tech3-21 {
  background: url(/contents/images/icones-app/repas.svg) no-repeat;
}

#pictoProduits>.pictosEtape.tech3-22 {
  background: url(/contents/images/icones-app/phoneReserv.svg) no-repeat;
}

#pictoProduits>.pictosEtape.produitsBio {
  background: url(/contents/images/icones-app/bio.svg) no-repeat;
}

.pictosEtape.parkingPL {
  background: url(/contents/images/icones-app/parkingPL.svg) no-repeat;
  height: 32px;
}

.pictosEtape.tech1-16 {
  background: url(/contents/images/icones-app/sun.svg) no-repeat;
}

.pictosEtape.tech1-19 {
  background: url(/contents/images/icones-app/wc.svg) no-repeat;
}

.pictosEtape.tech1-17 {
  background: url(/contents/images/icones-app/water.svg) no-repeat;
}

.pictosEtape.tech1-18 {
  background: url(/contents/images/icones-app/trash.svg) no-repeat;
}

.pictosEtape.reservationRestau {
  background: url(/contents/images/icones-app/phoneReserv.svg) no-repeat;
}

#pictoStationmt>.pictosEtape.nbParking5,
#pictoStationmt>.pictosEtape.nbParking4,
#pictoStationmt>.pictosEtape.nbParking3,
#pictoStationmt>.pictosEtape.nbParking2,
#pictoStationmt>.pictosEtape.nbParking1 {
  height: 35px;
}

#pictoStationmt>.pictosEtape.nbParking5 {
  background: url(/contents/images/icones-app/park5.svg) no-repeat;
}

#pictoStationmt>.pictosEtape.nbParking4 {
  background: url(/contents/images/icones-app/park4.svg) no-repeat;
}

#pictoStationmt>.pictosEtape.nbParking3 {
  background: url(/contents/images/icones-app/park3.svg) no-repeat;
}

#pictoStationmt>.pictosEtape.nbParking2 {
  background: url(/contents/images/icones-app/park2.svg) no-repeat;
}

#pictoStationmt>.pictosEtape.nbParking1 {
  background: url(/contents/images/icones-app/park1.svg) no-repeat;
}

.picto-accueil-header.pictomask {
  background: url(/contents/images/icones-app/bulle.svg) no-repeat;
}

.picto-stationmnt-header.pictomask {
  background: url(/contents/images/icones-app/van.svg) no-repeat;
}

div.pictomask {
  width: 40px;
  height: 30px;
  display: inline-flex;
  margin: 0;
  align-items: center;
  align-content: center;
  margin-right: 15px;
}

p.etapTitreEvent {
  font-size: 1.1em;
  margin-bottom: 0;
}

p.etapDateEvent {
  font-size: 1.1em;
  font-style: italic;
  color: #717171;
}

#noteStationment-header {
  margin-top: -5px;
}

.etape-info2,
.etape-info3,
.etape-info5,
.campingCaristeContainer .ficheEtape .btnsEtap {
  padding: 25px 0 25px;
  border-bottom: 1px solid #ddd;
}

.campingCaristeContainer .ficheEtape .btnsEtap,
.etape-info2 {
  padding: 0 0 25px 0
}

.campingCaristeContainer .ficheEtape .etape-info2 p:before,
.campingCaristeContainer .ficheEtape .etape-info3 p:before {
  color: var(--francepassion-color)
}

.campingCaristeContainer .ficheEtape .etape-info3 .etapHlimit {
  color: #ed272c;
  font-weight: 600
}

.campingCaristeContainer .ficheEtape #EtapeNom {
  max-width: 100%
}

.campingCaristeContainer .ficheEtape #EtapeNom h1,
.campingCaristeContainer .ficheEtape #EtapeNom p {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis
}

.textcontainer.etapExploit p {
  margin-top: 25px;
}

p.etapComment {
  font-size: 1.3em;
  padding: 25px;
  background: #efefef;
  border-radius: 8px;
  position: relative;
  margin-bottom: 25px;
}

p.etapComment:after {
  content: "";
  display: block;
  position: absolute;
  border-color: #efefef transparent transparent transparent;
  border-style: solid;
  border-width: 20px;
  bottom: -40px;
  left: 10%;
}

.comment-infos-notes {
  display: flex;
  justify-content: space-between;
}

#etapeSlides-next,
#etapeSlides-prev,
#nextEtapRdv,
#prevEtapRdv,
#lastComments-next,
#lastComments-prev {
  background: #e9e9e9 !important;
  height: 50px;
  width: 50px;
  position: absolute;
  top: 50%;
  cursor: pointer;
  border-radius: 50%;
  transform: translateY(-50%);
  z-index: 3;
  border:none;
  font-size:26px;
  color:white;
  transition: all ease 0.3s;
}

#lastComments-next,
#lastComments-prev {
  background: rgba(0, 0, 0, 0.2) !important;
}

#lastComments-next:hover,
#lastComments-prev:hover,
#etapeSlides-next:hover,
#etapeSlides-prev:hover {
  background: var(--francepassion-color) !important;
}


#etapeSlides-next,
#etapeSlides-prev{
  color:#333;
}

#etapeSlides-next:hover,
#etapeSlides-prev:hover{
  color:white;
}

#nextSlide,
#nextEtapRdv,
#nextComment {
  right: 10px;
}

#nextComment {
  right: -60px;
}

#prevSlide,
#prevEtapRdv,
#prevComment {
  left: 10px;
}

#prevComment {
  left: -60px;
}

#nextSlide::after,
#prevSlide::after,
#nextEtapRdv::after,
#prevEtapRdv::after,
#nextComment::after,
#prevComment::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: var(--campingcariste-color);
  -webkit-mask-image: url(/contents/images/pictos-etape/icones-etape.svg);
  -webkit-mask-position-y: -75px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
}

#nextSlide::after,
#nextEtapRdv::after,
#nextComment::after {
  transform: translateX(-47%) rotate(-90deg);
  left: 50%;
}

#prevSlide::after,
#prevEtapRdv::after,
#prevComment::after {
  left: 50%;
  transform: translateX(-53%) rotate(90deg);
}

#nextComment::after,
#prevComment::after {
  background: white;
}

.container.zindex1 {
  position: relative;
  z-index: 1;
}

#vague {
  left: 0;
  content: "";
  position: absolute;
  background: url(/contents/images/footer/882.png);
  height: 500px;
  width: 100%;
  bottom: 490px;
  z-index: -2;
  background-repeat: no-repeat;
  background-size: cover;
}

#autoCompleteList ul {
  background: white;
  width: 100%;
  margin-top: 15px;
  list-style: none;
  padding: 0;
}

.input-group.modalAddress {
  width: 100%;
}

li.autoCompleteProposal {
  background: white;
  padding: 15px;
  margin-bottom: 0 !important;
  border-bottom: 1px solid #ddd;
}

.leaflet-routing-container h3 {
  font-size: 0.8em;
  font-weight: normal;
  font-family: unset;
}

.leaflet-routing-container,
.leaflet-routing-error,
.leaflet-routing-alt table {
  width: 100% !important;
}

.leaflet-routing-collapse-btn {
  display: none;
}

.textContainer.cadreOmbre.header-text.block1.campingCaristeColor h2 {
  color: #66b8e2;
}

.textContainer.cadreOmbre.header-text.block1.campingCaristeColor.textLinks>ul>li>a {
	  
	  
	   
  background: #66b8e2;
}

.textContainer.cadreOmbre.header-text.block1.campingCaristeColor.textLinks>ul>li>a:hover {
	  
	  
			 
  background: white;
  color: #66b8e2;
  border-color: #66b8e2;
}

.row.event {
  transition: max-height ease 0.3s;
  position: relative;
  margin-bottom: 35px;
}

.row.event.collapsed {
  overflow: hidden;
}

.row.event.opened {
  max-height: 100%;
}

.event-description .col-content {
  display: flex;
  flex-direction: column;
}

h2.event-titre {
  margin: 0;
  font-size: 1.25em;
  padding-right: 10px;
}

.event-date p {
  font-size: 1em;
  margin-bottom: 0;
}

p.event-desc-p {
  font-size: 1em;
  text-align: left;
}

.event-date {
  min-width: 60px;
}

.row.event:after {
  content: "";
  background: #ddd;
  position: relative;
  height: 1.1px;
  width: 100%;
  bottom: 0;
}

.image.event-image img {
  width: 100%;
  object-fit: contain;
  max-height: 145px;
}

.event-titre-etape {
  margin-bottom: 20px;
}

.show-event {
  background: transparent;
  color: #333;
  border-color: transparent;
  font-size: 1.5em;
  transition: all ease 0.3s;
  position: absolute;
  top: 0;
  right: 30px;
}

.show-event.down {
  transform: rotate(-180deg);
  color: #777;
}

.event-desc-group p {
  font-size: 1em;
}

.event-type {
  background: var(--francepassion-color);
  color: white;
  display: inline-block;
  padding: 5px 10px;
  font-family: "Inter-Bold";
  border-radius: 40px;
  text-align: center;
}

.event-description {
  padding: 0;
}

.event-desc-group p {
  font-size: 1em;
  display: flex;
}

.event-tel,
.event-adress,
.event-heure,
.event-cout,
.event-reserv {
  display: flex;
  margin: 0;
  gap: 10px;
  margin-bottom: 10px;
  align-items: center;
}

.colInfos {
  padding: 0;
}

.colInfos p {
  font-size: 1em;
  margin: 0;
}

.colButtons {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  height: 100%;
  color: white;
  gap: 10px;
}

.colButtons a {
  padding: 10px;
  border-radius: 40px;
  border-color: transparent;
  margin-bottom: 10px;
  color: white;
  display: inline-block;
}

a.voirFiche {
  background-color: #4fb1c6;
  border: 3px solid transparent;
  transition: all ease 0.3s;
}

.voirFiche:hover {
  color: #4fb1c6;
  border-color: #4fb1c6;
  background: white;
}

a.docu {
  background-color: var(--accueillant-color);
  border: 3px solid transparent;
  transition: all ease 0.3s;
}

a.docu:hover {
  color: var(--accueillant-color);
  border-color: var(--accueillant-color);
  background: white;
}

a.ajoutCarnet {
  background-color: var(--campingcariste-color);
}

.event-desc {
  margin-top: 17px;
  transition: opacity ease 0.5s;
}

.row.event.collapsed .event-desc {
  height: 0;
  overflow: hidden;
  margin-top: 0;
}

.row.event.opened .event-desc {
  opacity: 1;
}

.opened .event-opened {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  opacity: 1;
  overflow-x: hidden;
  text-align: center;
}

.collapsed .event-opened {
  display: block;
  margin-top: 10px;
  max-height: 0;
  opacity: 0;
  position: absolute;
}

.event-opened {
  transition: max-height 1s, opacity ease 0.1s;
}

.collapsed .event-image .image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: center;
}

.opened .event-image .image {
  background-size: contain;
  background-repeat: no-repeat;
}

.opened .event-image img {
  display: block;
}

.opened .event-image .image {
  display: none;
}

.collapsed .event-image img {
  display: none;
}

.collapsed .event-image .image {
  display: block;
}

.collapsed .event-image img {
  display: none !important;
}

.opened .event-image img {
  display: block !important;
}

p.event-etape {
  font-size: 1em;
  color: #777;
}

.divNoteAccueil p,
.divNoteStationmnt p {
  margin: 0 15px;
}

.divNoteAccueil,
.divNoteStationmnt {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  width: 315px;
}

img.picto-accueil-moyenne {
  width: 25px;
}

.textcontainer.etapComment {
  margin-bottom: 15px;
}

.messages #divComment {
  outline: 3px solid var(--campingcariste-color);
  padding: 25px;
  border-radius: 20px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.messages #divComment .form-group {
  margin-top: unset;
  margin-bottom: unset;
}

.divNoteAccueil .note-header,
.divNoteStationmnt .note-header {
  margin-left: auto;
}

.etapeCommentNotes .note-header {
  height: 25px;
}

.etapCommentNoteAccueil.pictoNoteCom,
.etapCommentNoteStationmnt.pictoNoteCom {
  position: relative;
}

.etapCommentNoteAccueil.pictoNoteCom:before,
.etapCommentNoteStationmnt.pictoNoteCom:before {
  content: "";
  height: 20px;
  width: 20px;
  display: block;
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
}

.etapCommentNoteAccueil.pictoNoteCom:before {
  background: url(/contents/images/icones-app/bulle.svg) no-repeat;
}

.etapCommentNoteStationmnt.pictoNoteCom:before {
  background: url(/contents/images/icones-app/van.svg) no-repeat;
}

a.btn.btn-fp.ajouterEvent {
  max-width: 350px;
  margin-left: auto;
}

.btn.btn-danger.pull-right {
  margin-left: 10px;
}

.btn.btn-fp.ajoutEvent {
  width: 280px;
  border-radius: 40px;
  margin-bottom: 25px;
}

#mDigitoPopup .modal-content {
  background-color: transparent;
  border: none;
  box-shadow: unset;
}

#lbUpdateEvent {
  width: 20em;
  margin-top: 80px;
}

.textContainer.mesEventsHeader ul {
  list-style: none;
  padding-left: 0;
}

.textContainer.mesEventsHeader ul>li {
  margin-bottom: 10px;
}

.medium-zoom--opened .medium-zoom-overlay {
  cursor: pointer;
  cursor: zoom-out;
  opacity: 0.7 !important;
  background-color: #333 !important;
}

.medium-zoom--opened {
  z-index: 0;
}

#mapItineraire {
  border-radius: 20px;
  z-index: 0;
}

img.leaflet-marker-icon.leaflet-zoom-animated.leaflet-interactive.leaflet-marker-draggable {
  display: none;
}

.custom-popup {
  font-size: 0.9em;
}

.buttons-itineraire>button {
  margin-top: 50px;
}

.infosVoyage {
  margin-top: 25px;
}

.infosVoyage .leaflet-routing-alt {
  margin-bottom: 0;
}

.etape-info-class h4 {
  display: inline-block;
  margin-top: 0;
  color: #333;
}

#steps-list {
  max-height: 424px;
  overflow-y: auto;
  padding-left: 0;
}

#steps-list li {
  display: flex;
  align-content: center;
  position: relative;
  border-bottom: 1px solid #d8d8d8;
}

img.order-number {
  width: 30px;
}

#steps-list li:last-child:after {
  content: none;
}

.etape-buttons-class button {
  width: 25px;
  height: 25px;
  border: none;
  background: transparent;
}

.up-down button {
  color: #777;
  font-size: 1.2em;
  border: none;
  background: none;
}

.up-down {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.up-down-buttons {
  display: flex;
  justify-content: center;
  margin-top: 10px
}

.etape-buttons-class {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-direction: column;
}

.etape-info-class small {
  color: #777;
  display: block;
}

.row.carnet-title {
  margin-bottom: 50px;
}

.carnet-menu small {
  color: #888;
}

.carnet-menu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 15px;
  flex-wrap: wrap;
}

.carnet-menu .btn {
  text-align: left;
}

a.btn.btn-rounded.btn-fp1.ajout-etape {
  margin: 25px 0;
}

button.up i,
button.down i {
  transition: 0.3s ease color;
  color: #fff;
  text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

button.up:hover i,
button.down:hover i {
  color: var(--campingcariste-color);
  text-shadow: none
}

.carnet-menu .btn-fp2:hover {
  border-color: var(--campingcariste-color);
  background-color: transparent;
  color: var(--campingcariste-color);
}

.carnet-menu .btn-fp2 {
  transition: border-color, background-color, color ease 0.3s;
}

#mAddTravelBook {z-index: 9999;}

.connecte.pageCampingCariste.carnetsVoyagesPage .carnet-menu {justify-content: flex-end;margin: 0 30px 0px 0;  z-index: 1 }


#carnet1 {
  border: 3px solid transparent;
  transition: border-color, background-color 0.3s ease;
}

#carnet1:hover {
  border-color: buttonface;
  background-color: transparent;
}

a.btn.btn-rounded.btn-fp1.ajout-etape {
  transition: border-color, color, background-color 0.3s ease;
  border: 3px solid transparent;
}

a.btn.btn-rounded.btn-fp1.ajout-etape:hover {
  border-color: var(--francepassion-color);
  color: var(--francepassion-color);
  background: transparent;
}

.row.carnet {
  box-shadow: 0 5px 3px -3px #00000030;
}

.buttons-itineraire button {
  border: 3px solid transparent;
  transition: border-color, background-color, color 0.3s ease;
  font-weight: 700;
  margin-right: 10px;
}

.buttons-itineraire button:hover {
  border-color: var(--campingcariste-color);
  background-color: transparent;
  color: var(--campingcariste-color);
}

.buttons-itineraire button.btn-danger:hover {
  border-color: #d9534f;
  color: #d9534f;
  background-color: transparent;
}

.infosVoyage .leaflet-bar {
  box-shadow: unset !important;
  z-index: 0;
}

.btn-delete-etape {
  margin-left: 15px;
  transition: border-color, background-color, color ease 0.3s;
  border: 3px solid transparent;
  font-weight: 700;
}

.btn-delete-etape:hover {
  border-color: #d9534f;
  color: #d9534f;
  background-color: transparent;
}

input.rename-carnet {
  background-color: white;
  border: none;
  box-shadow: none;
  font-size: 1.2em;
  outline: none;
}

.input-group.rename-delete-carnet {
  margin-top: 0px;
  margin-bottom: 0;
}

select.select-etape {
  outline: none;
  border: none;
  border-bottom: 1px solid #d8d8d8;
  padding: 15px 0;
  font-size: 1.2em;
  background: white;
}

#carnet-select option {
  font-size: 0.8em;
}

.form-inline.form-adherent-search .form-group {
  margin: 0 5px
}

#ddlDepartements {
  margin-right: 15px;
}

.form-inline.form-adherent-search .input-group-addon {
  max-width: 40px;
  background: transparent;
  color: #777;
  border: 0;
}

.form-inline.form-adherent-search {
  z-index: 2;
  margin: 10px auto 30px;
  text-align: center
}

.windowContent {
  font-size: 1.8em;
}

.windowContent h3 {
  font-family: "Inter-Bold";
  font-size: 1.6em;
  color: var(--campingcariste-color);
}

.windowContent span {
  display: block;
  margin-top: 5px;
  color: #777;
}

#mMoreFilter .modal-header {
  padding-bottom: 0;
}

#mMoreFilter .form-group:first-child {
  margin-top: 0;
}

.etapeSearch span {
  display: block;
}

span.searchEtapeTitle,
div.windowContent>span:first-of-type {
  margin: 0;
  font-size: 1.25em;
  padding-right: 10px;
  font-weight: 700;
  color: #333;
}

div.windowContent span.products {
  color: #333;
}

div.windowContent a.btnFiche {
  margin-top: 10px;
  display: block;
}

span.searchEtapeNoms {
  font-size: 1em;
  color: #777;
}

.etapeSearch {
  padding: 15px;
  position: relative;
  transition: all ease 0.5s;
  background-color: transparent;
  border-bottom: 1px solid #d8d8d8;
}

.carnet .etapeSearch {
  border: none;
}

.windowContent span.parking-1,
.windowContent span.parking-2,
.windowContent span.parking-3,
.windowContent span.parking-4,
.windowContent span.parking-5 {
  height: 45px;
  width: 45px;
  margin: 5px 0 5px -5px;
}

span.parking-1 {
  background: url(/contents/images/icones-app/park1.svg) no-repeat;
}

span.parking-2 {
  background: url(/contents/images/icones-app/park2.svg) no-repeat;
}

span.parking-3 {
  background: url(/contents/images/icones-app/park3.svg) no-repeat;
}

span.parking-4 {
  background: url(/contents/images/icones-app/park4.svg) no-repeat;
}

span.parking-5 {
  background: url(/contents/images/icones-app/park5.svg) no-repeat;
}

.windowContent .products:before {
  font-family: "francepassion" !important;
  content: "\e91a";
  font-size: 1.75em;
  display: inline-flex;
  width: 25px;
  height: 25px;
  align-items: flex-end;
  margin-right: 5px;
  margin-top: 0;
  transform: translateY(2px);
  color: var(--accueillant-color);
}

.options {
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  margin-top: 5px;
  flex-direction: column;
}

.windowContent span.fermeture, .windowContent span.fermeture2 {
  margin-left: 30px;
  position: relative;
  margin-bottom: 5px;
}

span.fermeture:before {
  font-family: "francepassion" !important;
  content: "\e91f";
  font-size: 1.3em;
  width: 19px;
  height: 19px;
  display: inline-block;
  transform: translate(-6px, -3px);
  position: absolute;
  left: -20px;
  color: var(--francepassion-danger);
  font-weight: 700;
}
.windowContent span.fermeture2:before {
  content: "";
  width: 25px;
  height: 25px;
  display: inline-block;
  transform: translate(-6px, -3px);
  position: absolute;
  left: -24px;
  color: var(--francepassion-danger);
  font-weight: 700;
  background-image: url('/contents/images/icones-app/etape-fermee-01.svg');
  background-size: cover;
}

span.searchEtapeFermeture i {
  color: var(--francepassion-danger);
  font-weight: 700;
  /*! vertical-align: middle; */
  padding: 0;
  /*! padding-right: 2px; */
  font-size: 1.2em;
  border-radius: 100%;
  margin-right: 5px;
  vertical-align: middle;	
}

span.searchEtapeHoraires i {
  color: var(--francepassion-dark);
  font-size: 1.2em;
  vertical-align: middle;			 
}

a.btn.btn-fp.learnMore {
  margin-left: auto;
}

a.btn.btn-fp.centerToMarker,
a.btn.btn-fp.addToTravelBook,
a.btn.btn-fp1.delete-carnet {
  margin-left: 15px;
}

span.heureArrivee {
  display: block;
  margin-left: 30px;
  margin-bottom: 5px;
  position: relative;
}

span.heureArrivee:before {
  font-family: "francepassion" !important;
  content: "\e91c";
  font-size: 1.75em;
  width: 25px;
  height: 25px;
  display: inline-block;
  transform: translate(-5px, -5px);
  position: absolute;
  left: -25px;
  color: var(--francepassion-color);
}

.heureArrivee i.fa.fa-clock-o {
  display: none;
}

a.btn.btn-fp2,
a.btn.btn-fp.centerToMarker,
a.btn.btn-fp.addToTravelBook,
a.btn.btn-fp.learnMore, #cphBody_ctl05_lbClear {
  background: var(--campingcariste-color);
  color: white;
  cursor: pointer;
  transition: border, color, background-color 0.3s ease;
  outline: 2px solid transparent;
}
#cphBody_ctl05_lbClear, #cphBody_ctl07_lbReset {border-radius: 30px; border: 3px solid var(--campingcariste-color);padding: 7px 15px;background: #fff;color: var(--campingcariste-color);margin: 5px;white-space: nowrap;}
#cphBody_ctl05_lbClear {vertical-align: sub;}
.accueillant #cphBody_ctl05_lbClear { border: 3px solid var(--accueillant-color);color: var(--accueillant-color);}

.adhesion0 a.btn.btn-fp2 {
  border: 2px solid transparent;
}

a.btn.btn-fp2:hover,
a.btn.btn-fp.centerToMarker:hover,
a.btn.btn-fp.addToTravelBook:hover,
a.btn.btn-fp.learnMore:hover {
  background-color: transparent;
  color: var(--campingcariste-color);
}

.searchEtapeBoutons a.btn.btn-fp.learnMore:hover,
.campingCaristeContainer #agendaEvents .voirFiche:hover {
  background-color: transparent !important;
  color: var(--francepassion-color);
  border-color: var(--francepassion-color);
}

span.input-group-addon {
  outline-offset: -3px;
}

.marker-cluster:hover {
  color: var(--campingcariste-color);
  background: var(--campingcariste-color);
}

.marker-cluster:hover div {
  background: white;
}

.marker-cluster:hover span {
  color: var(--campingcariste-color);
}

.marker-cluster div {
  transition: all ease 0.3s;
}

.marker-cluster {
  transition: all ease 0.3s;
}

a.btnFiche .fa-eye {
  font-size: 1.4em;
  margin-right: 8px;
  transform: translateX(3px);
}

a.btn.btn-fp1.rename-carnet-ok:hover {
  border-color: var(--francepassion-color);
  color: var(--francepassion-color);
  background: white;
}

a.btn.btn-fp1.delete-carnet:hover {
  border-color: var(--francepassion-danger);
  color: var(--francepassion-danger);
  background: white;
}

a.btn.btn-fp1.rename-carnet-ok,
a.btn.btn-fp1.delete-carnet {
  border: 2px solid transparent;
  transition: 0.3s all ease;
}

a.btn.btn-fp1.delete-carnet {
  font-size: 1em;
  padding: 4px;
  border-radius: 50%;
  background: var(--francepassion-danger);
  margin-left: 10px;
}

button.remove {
  width: 25px;
  height: 25px;
  transition: background 0.3s ease;
  margin-left: 15px;
  background-color: var(--francepassion-danger);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
}

button.remove i {
  font-size: 1em;
  color: white;
}

.tag .cancel {
  font-size: 1.3em;
  margin-left: 5px;
  cursor: pointer;
  filter: brightness(1.1);
  transition: filter ease 0.3s;
}

.tag .cancel:hover {
  filter: brightness(0.8);
}

.tag {
  color: var(--campingcariste-color);
  display: inline-block;
  padding: 5px 10px;
  border-radius: 40px;
  font-size: 0.85em;
  border: 3px solid var(--campingcariste-color);
  font-weight: 700;
  margin: 5px;
}

.form-adherent-search .tags {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
}

span.searchEtapeLieu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.leaflet-routing-container h2 {
  display: none;
}

div.faq>.actus-inner {
  display: flex;
  flex-direction: column;
}

div.faq .linkToActu,
div.faq a.actus-content {
  display: none;
}

div.faq.actus-paging-container .resume {
  display: block;
}

div.faq .actus-item {
  width: 100%;
  margin: 2em auto 5em;
}

.faq.actus-paging-container .title {
  color: var(--francepassion-color);
  font-family: Inter-Bold;
  position: relative;
}

.faq.actus-paging-container .title:before {
  content: "Q.";
  font-size: 48px;
  position: absolute;
  left: -60px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--francepassion-color);
  font-family: Inter-Bold;
}

.faq.actus-paging-container .resume {
  position: relative;
  margin-top: 50px;
}

.faq.actus-paging-container .resume:before {
  content: "R.";
  font-size: 48px;
  position: absolute;
  left: -59px;
  top: 24%;
  transform: translateY(-50%);
  font-family: Inter-Bold;
  color: #464646;
}

div.faq .actus-image-content {
  overflow: visible;
}

div.faq .actu-text {
  display: none;
}

div.faq .resume a {
  font-weight: 700;
  color: var(--francepassion-color);
}

div.presseEnParle img {
  object-fit: none;
}

#avantagesPagine h5.theme.vuSurWeb,
#avantagesPagine .linkToActu.vuSurWeb,
#avantagesPagine h5.theme.theme8,
#avantagesPagine .linkToActu.theme8 {
  background: var(--campingcariste-color);
}

#avantagesPagine h5.theme.tvRadio,
#avantagesPagine .linkToActu.tvRadio,
#avantagesPagine h5.theme.theme10,
#avantagesPagine .linkToActu.theme10 {
  background: var(--accueillant-color);
}

#avantagesPagine h5.theme.vuPresse,
#avantagesPagine .linkToActu.vuPresse,
#avantagesPagine h5.theme.theme9,
#avantagesPagine .linkToActu.theme9 {
  background: var(--francepassion-color);
}

.actus-paging-container.laPresseEnParle h6.date {
  display: inline-block;
  color: #777;
}

#avantagesPagine.laPresseEnParle img {
  padding: 0;
}

#lbRenameTravelBook {
  margin-left: 5px;
  font-size: 1em;
}

a.btn.btn-fp.learnMore,
a.btn.btn-fp.centerToMarker,
a.btn.btn-fp.addToTravelBook {
  border-radius: 50%;
  height: 25px;
  width: 25px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  border-color: transparent;
}

.row.overflowScrollX {
  width: 100%;
  position: relative;
/*  display: flex;*/
  margin: 0 auto;
/*  overflow: hidden;*/
  z-index: 3;
}

.etapRdvs {
  display: flex;
  width: 100%;
  position: relative;
  left: 0;
  transition: left ease 0.6s;
}

.etapRdv {
  width: 50%;
  flex: 1 0 33%;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
}

.pageCampingCariste .etapRdv .imagecontainer {
  border-radius: 15px;
  overflow: hidden;
  margin-right: 25px
}

.pageCampingCariste .etapRdv .textcontainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start
}

.pageCampingCariste .etapExploit .metier {
  font-weight: 600;
  font-size: 110%
}

.etapRdv .textcontainer {
  max-width: 300px;
}

#nextEtapRdv,
#prevEtapRdv {
  background: #efefef;
}

#agendaEvents .blockEvent {
  display: flex;
  flex-direction: column;
}

#agendaEvents .form-adherent-search .form-group {
  margin: 5px 2px;
}

#agendaEvents .btn {
  margin: 5px auto;
}

#reportrange {
  background: #ededed !important;
  min-width: 250px;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.event-data {
  margin-bottom: 25px;
}

.textcontainer.etapActivExploit {
  margin-top: 45px;
}

.textcontainer.etapActivExploit p {
  margin-top: 25px;
}

#reportrange:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}

.divInscription.row>.col-lg-60 {
  padding: 0;
}

.etapsScrollbar {
  overflow-y: scroll;
  padding-right: 0;
  max-height: 660px;
  overflow-x: hidden;
}

.etapsScrollbar .etapeSearch {
  float: left;
  width: 100%;
}

.etapsScrollbar .etapeSearch .searchEtapeContent {
  float: left;
  width: 55%
}

.etapsScrollbar .etapeSearch .searchEtapeBoutons {
  width: 45%;
  float: right;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: flex-end;
  min-height: 150px
}

.etapsScrollbar .etapeSearch .searchEtapeBoutons a {
  margin: 10px;
  text-align: right;
}

.etapsScrollbar .etapeSearch .searchEtapeHoraires,
.etapsScrollbar .etapeSearch .searchEtapeFermeture {
  margin: 10px auto;
  vertical-align: middle;
}

.etapsScrollbar .etapeSearch .searchEtapeFermeture, .etapsScrollbar .etapeSearch .searchEtapeHoraires {
  font-weight: 600
}

 #nbResults {
  display: inline-block;
  width: auto;
  font: 600 18px Inter-Regular, "Trebuchet MS", Helvetica, sans-serif;
  color: #fff;
  padding: 10px 20px;
  position: absolute;
  z-index: 2;
  right: 0;
  margin-top: -15px;
  margin-right: 75px;
  border-radius: 10px
}

.navbar-right.navbar-back li {
  min-width: 142px;
}

.list.card-kit.voyageOrga .listText {
  height: 300px;
  margin-bottom: 60px;
}

.list.card-kit.voyageOrga .listText>p {
  font-size: 100%;
  text-align: justify;
  padding-top: 0;
  margin: 20px auto;
  max-height: 200px;
  overflow-y: scroll;
}

.list.card-kit.voyageOrga .overlay {
  left: 50%;
  transform: translateX(-50%);
  bottom: 25px;
}

.image.imageHeader.NoMask img {
  -webkit-mask-image: unset;
}

.image.imageHeader.NoMask:before {
  content: unset;
}

.formConnexion .form-group {
  margin-top: 10px;
}

.messageFormConnexion {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
}

.messageFormConnexion a.btn-login {
  margin: 0;
  margin-left: 15px;
}

.messageFormConnexion .has-feedback {
  padding-right: 0;
}

.messageFormConnexion .has-float-label {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.nonAdherent .contact-p {
  display: flex;
  align-items: center;
  flex-direction: column;
}

#tbMessage {
  min-height: 150px;
  margin-bottom: 25px;
}

.messageAdherent #divRGBD,
.messageNonAdherent #divRGBD {
  margin: auto;
  max-width: 655px;
  float: none;
}

.messageAdherent #divRGBD p,
.messageAdherent #divRGBD .checkbox-inline,
.messageNonAdherent #divRGBD p,
.messageNonAdherent #divRGBD .checkbox-inline {
  font-size: 0.9em;
}

.messageAdherent .btn,
.messageNonAdherent .btn {
  margin: auto;
  display: block;
  width: 90px;
}

.messageAdherent,
.messageNonAdherent {
  max-width: 655px;
  margin: auto;
}

.messageAdherent .col-lg-60 {
  padding-left: 0;
}

.width655 {
  max-width: 655px;
  margin: auto;
  width: 100%;
}

.textContainer.titreSectionVert.contact-p.width655.center {
  text-align: center;
}

.textContainer.vertical-center h5 {
  font-size: 1.2em;
  font-family: "Inter-Bold";
}

.textContainer.vertical-center {
  margin-bottom: 25px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  align-content: flex-start;
}

.textContainer.vertical-center .textLinks>ul>li {
  margin-bottom: 15px;
}

.textContainer.vertical-center .textLinks>ul:hover {
  background-color: transparent;
}

.textContainer.cadreOmbre.h3Altern,
.textContainer.cadreOmbre.header-text.block1 {
  min-height: 450px;
}

.textContainer.cadreOmbre.h3Altern h3,
.textContainer.cadreOmbre.header-text.block1 h3 {
  font-family: inter-bold;
  font-size: 1.4em;
}

.loginSignin.colTampon::after {
  content: "";
  position: fixed;
  background: url(/contents/images/PASTILLE-FP.png);
  background-repeat: repeat;
  background-size: auto;
  width: 250px;
  height: 250px;
  right: 25px;
  top: 200px;
  background-size: contain;
  background-repeat: no-repeat;
  
  opacity: 0.5;
}

.colTampon::after {
  content: "";
  position: fixed;
  background: url(/contents/images/PASTILLE-FP.png);
  background-repeat: repeat;
  background-size: auto;
  width: 250px;
  height: 250px;
  background-size: contain;
  background-repeat: no-repeat;
  right: 115px;
  bottom: 150px;
  z-index: -1;
  
  opacity: 0.5;
}
.loginSigninRow > div > .col-content {position: relative; z-index: 1;}

.colTamponAcc::after {
  content: "";
  position: fixed;
  background: url(/contents/images/PASTILLE-FP.png);
  background-repeat: repeat;
  background-size: auto;
  width: 250px;
  height: 250px;
  right: 20px;
  top: 200px;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
  opacity: 0.5;
}

.textContainer.text-center.textTitrage.tailleH1.white.centerBgrnd {
  text-transform: uppercase;
  text-align: left;
}

.textContainer.text-center.textTitrage.tailleH1.white.centerBgrnd h1 {
  font-size: 48px;
  line-height: 1em;
  /*! letter-spacing: 0.75rem; */
  font-family: Inter-bold;
}

.couleurDark.titreManuscrit h2,
.header-text h3,
.actualite-article h2.theme {
  font-family: "Tahu", cursive;
  transform: rotate(0);
  color: #585858;
}

section.francePassionContainer div.textContainer.boutonTouteActu .textLinks {
  display: flex;
  justify-content: center;
}

#guideAccueil {
  display: flex;
  justify-content: center;
  height: 650px;
  flex-direction: column;
}

#appliMobile {
  width: 30%;
  transform: translateY(-50px);
}

.col-img-accueil>.col-content {
  display: flex;
}
#etapFlash {margin: 5px !important; color: var(--francepassion-danger)}
#etapFlash p {
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  font-weight: 700;
}

#etapFlash p:before {
  font-family: "francepassion" !important;
  content: "\e915";
  font-size: 1.8em;
  margin-left: 15px;
  margin-right: 10px;
}

section.francePassionContainer .textContainer.versTemoignage .textLinks {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.contentCol {
  margin-bottom: 50px;
}

.article-mep.contentCol {
  margin-bottom: 0;
}

.text-margin-top-5 {
  margin-top: 5px;
}

.text-margin-top-10 {
  margin-top: 10px;
}

.text-margin-top-15 {
  margin-top: 15px;
}

.text-margin-top-20 {
  margin-top: 20px;
}

.text-margin-top-25 {
  margin-top: 25px;
}

.margin-top-5 {
  margin: 5px auto 0;
}

.margin-top-10 {
  margin: 10px auto 0;
}

.margin-top-15 {
  margin: 15px auto 0;
}

.margin-top-20 {
  margin: 20px auto 0;
}

.margin-top-30 {
  margin: 30px auto 0;
}

.margin-top-40 {
  margin: 40px auto 0;
}

.margin-top-50 {
  margin: 50px auto 0;
}

.margin-top-60 {
  margin: 60px auto 0;
}

.margin-top-100 {
  margin: 100px auto 0;
}

.margin-top-125 {
  margin: 125px auto 0;
}

.margin-top-150 {
  margin: 150px auto 0;
}

.margin-top-250 {
  margin: 250px auto 0;
}

.margin-bot-250 {
  margin: 0 auto 250px;
}

.margin-bot-100 {
  margin: 0 auto 100px;
}

.margin-bot-50 {
  margin: 0 auto 50px;
}

.margin-vert-25 {
  margin: 25px auto;
}

.margin-vert-50 {
  margin: 50px auto;
}

.margin-vert-100 {
  margin: 100px auto;
}

.margin-vert-150 {
  margin: 150px auto;
}

.margin-vert-200 {
  margin: 200px auto;
}

.margin-50-200 {
  margin: 5% 20%;
}

ul.flashinfos {
  list-style: none;
  display: block;
  z-index: 21;
  position: relative;
  max-height: 500px;
  overflow-y: scroll;
}

.flashinfos strong {
  font-size: 0.85em;
  font-weight: 700;
}

ul.flashinfos p {
  font-size: 0.85em;
  margin-bottom: 0;
}

ul.flashinfos li {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  padding: 20px 0;
  flex-direction: column;
  flex-wrap: wrap;
  position: relative;
  border-bottom: 1px solid #ddd;
}

ul.flashinfos li:before {
  content: "";
  height: 35px;
  width: 35px;
  background-size: contain;
  display: block;
  position: absolute;
  left: -40px;
  top: 50%;
  transform: translateY(-50%);
}

li.flash1:before {
  background: url(/contents/images/Civ1.png) no-repeat;
}

li.flash2:before {
  background: url(/contents/images/Civ2.png) no-repeat;
}

li.flash3:before {
  background: url(/contents/images/Civ3.png) no-repeat;
}

li.flash0:before {
  background: url(/resources/images/480_x/938-fermeture.svg) no-repeat;
}

.francePassionContainer .accordion .panel-heading h4,
.campingCaristeContainer .accordion .panel-heading h4,
.accueillantContainer .accordion .panel-heading h4 {
  color: white;
  font-size: 1.3em;
  margin-bottom: 0;
}

.francePassionContainer .accordion .panel-heading,
.francePassionContainer .nav-tabs>li>a,
.francePassionContainer .nav-tabs>li.active>a,
.francePassionContainer .nav-tabs>li.active>a:hover {
  background-color: var(--francepassion-color);
}

.campingCaristeContainer .accordion .panel-heading,
.campingCaristeContainer .nav-tabs>li>a,
.campingCaristeContainer .nav-tabs>li.active>a,
.campingCaristeContainer .nav-tabs>li.active>a:hover {
  background-color: var(--campingcariste-color);
}

.accueillantContainer .accordion .panel-heading,
.accueillantContainer .nav-tabs>li>a,
.accueillantContainer .nav-tabs>li.active>a,
.accueillantContainer .nav-tabs>li.active>a:hover {
  background-color: var(--accueillant-color);
}

.francePassionContainer .nav-tabs>li>a,
.francePassionContainer .nav-tabs>li.active>a,
.francePassionContainer .nav-tabs>li>a:hover,
.francePassionContainer .nav-tabs>li>a:focus,
								 
	  
.campingCaristeContainer.nav-tabs>li>a.campingCaristeContainer.nav-tabs>li.active>a,
			 
	  
.campingCaristeContainer .nav-tabs>li.active>a:hover,
.campingCaristeContainer .nav-tabs>li.active>a:focus,
.accueillantContainer .nav-tabs>li>a,
.accueillantContainer .nav-tabs>li.active>a,
.accueillantContainer .nav-tabs>li.active>a:hover,
.accueillantContainer .nav-tabs>li.active>a:focus {
  color: white;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}

.list.docVert h3,
.list.docBleu h3,
.list.docOrange h3,
.list.repDocVert h3,
.list.repDocBleu h3,
.list.repDocOrange h3 {
  font-family: Inter-Regular, "Trebuchet MS", Helvetica, sans-serif;
  font-weight: 700;
  font-size: 1.5em;
}

.list.docVert h3,
.list.repDocVert h3,
.list.docVert i,
.list.repDocVert i {
  color: var(--francepassion-color);
}

.list.docBleu h3,
.list.repDocBleu h3,
.list.docBleu i,
.list.repDocBleu i {
  color: var(--campingcariste-color);
}

.list.docOrange h3,
.list.repDocOrange h3,
.list.docOrange i,
.list.repDocOrange i {
  color: var(--accueillant-color);
}

.list.docVert a,
.list.docBleu a,
.list.docOrange a,
.list.repDocVert a,
.list.repDocBleu a,
.list.repDocOrange a {
  color: #333;
}

.accordion.panel-group.accordBleu>.panel>.panel-heading {
  background-color: var(--campingcariste-color);
}

.accordion.panel-group.accordVert>.panel>.panel-heading {
  background-color: var(--francepassion-color);
}

.accordion.panel-group.accordOrange>.panel>.panel-heading {
  background-color: var(--accueillant-color);
}

.tabs.ongletVert>.nav-tabs>li>a,
.tabs.ongletVert>.nav-tabs>li>a:hover {
  background-color: var(--francepassion-color);
}

.tabs.ongletBleu>.nav-tabs>li>a,
.tabs.ongletBleu>.nav-tabs>li>a:hover {
  background-color: var(--campingcariste-color);
}

.tabs.ongletOrange>.nav-tabs>li>a,
.tabs.ongletOrange>.nav-tabs>li>a:hover {
  background-color: var(--accueillant-color);
}

.tabs.ongletVert>.nav-tabs>li>a:hover,
.tabs.ongletBleu>.nav-tabs>li>a:hover,
.tabs.ongletOrange>.nav-tabs>li>a:hover,
.francePassionContainer .accordion .panel-heading:hover,
.campingCaristeContainer .accordion .panel-heading:hover,
.accueillantContainer .accordion .panel-heading:hover {
  filter: brightness(1.1);
}

.accordion .panel.panel-default.accordeon-titre-vert .panel-heading {
  background-color: var(--francepassion-color);
}

.accordion .panel.panel-default.accordeon-titre-bleu .panel-heading {
  background-color: var(--campingcariste-color);
}

.accordion .panel.panel-default.accordeon-titre-orange .panel-heading {
  background-color: var(--accueillant-color);
}

.tabs>.nav.nav-tabs>.onglet-titre-vert>a,
.tabs>.nav.nav-tabs>.onglet-titre-vert>a:hover {
  background-color: var(--francepassion-color);
}

.tabs>.nav.nav-tabs>.onglet-titre-bleu>a,
.tabs>.nav.nav-tabs>.onglet-titre-bleu>a:hover {
  background-color: var(--campingcariste-color);
}

.tabs>.nav.nav-tabs>.onglet-titre-orange>a,
.tabs>.nav.nav-tabs>.onglet-titre-orange>a:hover {
  background-color: var(--accueillant-color);
}

.textContainer.accueillantColor h1,
.textContainer.accueillantColor h2,
.textContainer.accueillantColor h3,
.textContainer.accueillantColor h4,
.textContainer.accueillantColor h5,
.textContainer.accueillantColor h6 {
  color: var(--accueillant-color);
}

.textContainer.campingCaristeColor h1,
.textContainer.campingCaristeColor h2,
.textContainer.campingCaristeColor h3,
.textContainer.campingCaristeColor h4,
.textContainer.campingCaristeColor h5,
.textContainer.campingCaristeColor h6 {
  color: var(--campingcariste-color);
}

.textContainer.francePassionColor h1,
.textContainer.francePassionColor h2,
.textContainer.francePassionColor h3,
.textContainer.francePassionColor h4,
.textContainer.francePassionColor h5,
.textContainer.francePassionColor h6 {
  color: var(--francepassion-color);
}

#lbConnexion {
  display: block;
}

.blocVert>.col-content,
.blocBleu>.col-content,
.blocOrange>.col-content {
  color: white !important;
  border-radius: 8px;
  padding: 15px;
}

.blocVert>.col-content {
  background-color: var(--francepassion-color);
}

.blocBleu>.col-content {
  background-color: var(--campingcariste-color);
}

.blocOrange>.col-content {
  background-color: var(--accueillant-color);
}

.formContact h3 {
  font-family: "Inter-Bold";
  color: var(--francepassion-color) !important;
  font-size: 1.7em;
  text-align: center;
}

.titreSectionVert>.text h1,
.titreSectionVert>.text h2,
.titreSectionVert>.text h3,
.titreSectionVert>.text h4,
.titreSectionVert>.text h5,
.titreSectionVert>.text h6 {
  font-family: "Inter-Bold";
  color: var(--francepassion-color) !important;
}

.etape1 .titreSectionVert>.text h4 {
  color: var(--francepassion-dark) !important;
}

.titreSectionBleu>.text h1,
.titreSectionBleu>.text h2,
.titreSectionBleu>.text h3,
.titreSectionBleu>.text h4,
.titreSectionBleu>.text h5,
.titreSectionBleu>.text h6 {
  font-family: "Inter-Bold";
  color: var(--campingcariste-color) !important;
}

.titreSectionOrange>.text h1,
.titreSectionOrange>.text h2,
.titreSectionOrange>.text h3,
.titreSectionOrange>.text h4,
.titreSectionOrange>.text h5,
.titreSectionOrange>.text h6 {
  font-family: "Inter-Bold";
  color: var(--accueillant-color) !important;
}

.formContact>.row>.col-lg-60 {
  padding: 0;
}

.form-inline.formConnexion .form-group {
  margin: 0;
}

.form-inline.formConnexion {
  display: flex;
  align-items: center;
}

.newsAgric {
  border: 3px solid var(--campingcariste-color);
}

.actualite-article.list-inline li a {padding: 10px 15px}

.newsAll {
  border: 3px solid #535353;
  background: #535353
}

.newsAll:hover{
  border: 3px solid #535353;
  background: #ffffff; 
}

.newsAll:hover a {color: #535353}

.menuAdherent .navbar-brand>img,
#adhesionMenu .navbar-brand>img {
  max-width: 150px;
}

#mDigitoPopup .modal-content {
  background-color: white;
  border: none;
  box-shadow: unset;
  border-radius: 8px;
  box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
}

#mDigitoPopup .modal-header {
  border-bottom: none;
  background: var(--francepassion-color);
  color: white;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding:15px;
}

#mDigitoPopup .modal-body {
  position: relative;
  padding: 0;
}

#mDigitoPopup .modal-header .close {
  color: white;
  opacity: 1;
}

#mDigitoPopup .embed-responsive-16by9 {
  padding-bottom: 56.25%;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

#input_research .input-group-btn>a {
  background: var(--francepassion-color);
  color: white;
  cursor: pointer;
  transition: outline, color, background-color 0.3s ease;
  border: 2px solid var(--francepassion-color);
  margin: 0;
  padding: 5px;
  font-size: 0.9em;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  line-height: 2em
}

#input_research .input-group-btn>a:hover {
  color: var(--francepassion-color);
  border-color: var(--francepassion-color);
  background: transparent;
}

#input_research {
  max-width: 350px;
}

#searchBlock small {
  display: none;
}

#searchBlock .highlight {
  background: var(--francepassion-color);
  color: white;
}

.ficheEtape .etapeEntete {margin-bottom: 20px; overflow-y: auto;}
.ficheEtape #etapFermeture,.campingCaristeContainer  .ficheEtape .etapHoraires,  .ficheEtape #etapFlash, .ficheEtape .etape-info2 .appelObligatoire, .ficheEtape .etape-info2 .appelConseille  {width: auto; display: inline-block; font-weight: 600;font-size: 1em;margin: 0 5px;vertical-align: top;}
.campingCaristeContainer  .ficheEtape  #etapFermeture, .campingCaristeContainer  .ficheEtape .etapHoraires { height: 30px !important; margin: 5px}
.ficheEtape .etape-info2 .appelObligatoire:before, .ficheEtape .etape-info2 .appelConseille:before {content: "\e960";   
  font-family: 'francepassion' !important; display: inline-block;    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;    text-rendering: auto;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;color: var(--francepassion-danger);    font-weight: 700;
    padding: 0;    font-size: 1.1em;    background: #18339b;    border-radius: 100%;    margin-right: 10px;}
.ficheEtape #etapFlash p {margin: 0; line-height: 1.2em;font-size: 1.1em;}
.ficheEtape #etapFlash p:before {font-size: 1.1em;margin-left: 0;/*! line-height: em; */}
.ficheEtape .etape-info2 .appelObligatoire, .ficheEtape .etape-info2 .appelConseille  {font-size: 0.9em; vertical-align: top;}
.ficheEtape .etape-info2 .appelObligatoire:before, .ficheEtape .etape-info2 .appelConseille:before {content: "\e956"; background: none; }
.ficheEtape .etape-info2 .appelConseille:before {color: #333}

p.etapeDetailPictos.etapFermeture::before {
    content: "\e960";
}
 
#etapFermeture::before {
    content: "";
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    background-image: url(/contents/images/icones-app/etape-fermee-01.svg);
    background-size: cover;
    margin-right: 5px;
    vertical-align: text-top;
}


.searchheading {
  font-size: 1.5em;
  font-weight: 700;
  color: var(--francepassion-color);
}

.result_block,
.result_altblock {
  padding: 50px 0 50px 0;
  border-bottom: 1px solid #e9e9e9;
}

.results>div:last-child {
  padding-bottom: 0;
  border: none;
}

.result_pages {
  display: inline-flex;
  margin: 50px auto 0;
  background: #ececec;
  padding: 0 25px;
  border-radius: 40px;
  align-content: center;
  align-items: center;
}

.result_pages a {
  position: relative;
  float: left;
  padding: 0 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #464646;
  background-color: transparent;
  border: none;
  font-size: 1.3em;
  transition: color ease 0.3s;
}

.result_pages a:hover {
  color: var(--francepassion-color);
}

.result_title {
  font-weight: 700;
}

.result_pages span.active {
  background: var(--francepassion-color);
  color: white;
  padding: 5px 14px;
  border-radius: 5px;
  display: inline-flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  font-size: 1.3em;
}

.result_pages a.next,
.result_pages a.prev {
  font-size: 1.7em;
  line-height: 0.75;
}

#numberResults {
  font-size: 1.3em;
  margin-bottom: 25px;
}

.result_pagescount {
  display: none;
}

.campingCaristeContainer a.btn.btn-fp:hover,
a.btn.btn-fp2:hover{
  border-color: var(--campingcariste-color);
  color: var(--campingcariste-color);
  background-color: white;
}

a.btn.btn-fp3:hover, .accueillantContainer a.btn.btn-fp:hover  {
  border-color: var(--francepassion-color);
  color: var(--francepassion-color);
  background-color: white;
}
.accueillantContainer a.btn.btn-fp  {
  background-color: var(--accueillant-color);
  border-color: var(--accueillant-color);
  color: white;
}
.accueillantContainer a.btn.btn-fp:hover  {
  border-color: var(--accueillant-color);
  color: var(--accueillant-color);
  background-color: white;
}

#afficherPlus {
  margin: 25px auto 0;
  display: block;
  width: 17em;
  border: 3px solid var(--campingcariste-color);
}

li.menuLi1>a>span,
li.menuLi2>a>span,
li.menuLi3>a>span,
li.menuLi4>a>span,
li.menuLi5>a>span,
li.menuLi6>a>span,
li.menuLi7>a>span,
li.menuLi8>a>span {
  font-size: 1.3em;
}

.dropdown-menu.level1>li>a {
  font-size: 1.3em;
}

i.fa.fa-chevron-down.hidden-xs {
  font-size: 1.1em;
}

.navbar.menuAdherent .navbar-nav.navbar-right,
#adhesionMenu .navbar-nav.navbar-right {
  position: absolute;
  top: 102px;
  right: 160px;
}

#adhesionMenu .navbar-nav.navbar-right {
  top: 96px;
}

.navbar.menuAdherent ul.nav.navbar-nav.navbar-right:hover,
#adhesionMenu .navbar-nav.navbar-right.navbar-back:hover {
  outline-color: var(--francepassion-color);
}

.navbar.menuAdherent ul.nav.navbar-nav.navbar-right:hover a,
#adhesionMenu .navbar-nav.navbar-right.navbar-back:hover a,
.navbar.menuAdherent ul.nav.navbar-nav.navbar-right:hover li:after,
#adhesionMenu .navbar-nav.navbar-right.navbar-back:hover li:after {
  color: var(--francepassion-color);
}

.site.pageSansAriane .breadcrumb.breadCrumbHeader.menu {
  display: none;
}

.adhesion0 a.btn.btn-fp3:hover {
  background: transparent;
  color: #66b8e2;
  border-color: #66b8e2;
}

.adhesion0 a.btn.btn-fp3 {
  background: #66b8e2;
  color: white;
  border: 2px solid transparent;
  transition: 0.3s ease all;
}

#pictos {
  margin: 15px 0;
}

#pictos>span {
  margin-right: 15px;
}

.btn.btn-rounded.btn-fp2:hover {
  color: var(--campingcariste-color);
  background: white;
  border-color: var(--campingcariste-color);
  /*! outline-color: var(--campingcariste-color); */
}

#etapesCol #etapeMap {
  box-shadow: unset;
}

#etapesCol>.col-content>.row {
  box-shadow: 0 5px 3px -3px #00000030;
}

#lbContactValid:hover {
  border-color: var(--francepassion-color);
  background: white;
  color: var(--francepassion-color);
}

#lbAccueillantValid:hover,
#lbAccueillantValid:hover {
  border-color: var(--accueillant-color);
  background: white;
  color: var(--accueillant-color);
}

.row.event .event-date p:last-child:after,
.textContainer.mesEventsHeader li:before {
  font-family: "francepassion" !important;
  font-size: 1.5em;
  width: 25px;
}

.row.event .event-date p:last-child:after {
  font-size: 2.2em;
}

.textContainer.mesEventsHeader span.statut:before {
  width: 25px;
}

.row.event .event-date p:last-child {
  margin-top: 15px;
}

.row.event .event-date p:last-child img {
  display: none;
}

.row.event.statut0 .event-date p:last-child:after,
.textContainer.mesEventsHeader li:first-child:before {
  content: "\e91c";
  color: var(--campingcariste-color);
}

.row.event.statut1 .event-date p:last-child:after,
.textContainer.mesEventsHeader li:nth-child(2):before {
  content: "\e921";
  color: #28a745;
}

.row.event.statut3 .event-date p:last-child:after,
.row.event.statut2 .event-date p:last-child:after,
.textContainer.mesEventsHeader li:nth-child(3):before,
.textContainer.mesEventsHeader li:last-child:before {
  content: "\e91f";
  font-weight: 700;
}

.row.event.statut3 .event-date p:last-child:after,
.row.event.statut2 .event-date p:last-child:after {
  font-size: 1.8em;
}

.textContainer.mesEventsHeader li:nth-child(3)::before,
.textContainer.mesEventsHeader li:last-child::before {
  font-size: 1.2em;
  padding-left: 2px;
}

.row.event.statut2 .event-date p:last-child,
.textContainer.mesEventsHeader li:nth-child(3):before {
  color: #dc3545;
}

.row.event.statut3 .event-date p:last-child,
.textContainer.mesEventsHeader li:last-child:before {
  color: var(--accueillant-color);
}

.textContainer.mesEventsHeader li {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 15px;
  font-size: 1.2em;
}

#lbUpdateEvent:hover {
  border-color: var(--accueillant-color);
  color: var(--accueillant-color);
  background: white;
}

#deleteEvent:hover,
.btn-danger:hover {
  color: #c9302c;
  border-color: #c9302c;
  background: white;
}

#deleteEvent,
.btn-danger {
  border: 3px solid transparent;
  transition: 0.3s ease all;
}

.opened .event-opened .colInfos div:before {
  font-family: "francepassion" !important;
  font-size: 1.8em;
}

.opened .event-opened .colInfos .event-adress:before {
  content: "\e918";
}

.opened .event-opened .colInfos .event-heure:before {
  content: "\e91c";
}

.opened .event-opened .colInfos .event-cout:before {
  content: "\e954";
}

.opened .event-opened .colInfos .event-tel:before {
  content: "\e916";
}

.nav.nav-tabs.nav-events li a,
.nav.nav-tabs.nav-events li a:hover {
  background-color: white;
  border: none;
  cursor: pointer;
}

.nav.nav-tabs.nav-events li a:hover {
  background: white;
}

.nav.nav-tabs.nav-events li,
.nav.nav-tabs.nav-events li.active {
  box-shadow: rgb(0 0 0 / 15%) 0 3px 8px;
  border-color: transparent;
  position: relative;
  margin-bottom: 1px;
}

.event-to-update .tab-content {
  border: none;
  box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.nav.nav-tabs.nav-events li.active::after {
  background-color: #fff;
  height: 20px;
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  right: -20px;
}

.nav.nav-tabs.nav-events li.active a {
  border: none;
}

.nav-events {
  border: none;
}

.productMainImage img {
  max-width: 355px;
  max-height: 250px;
  margin: auto;
  display: block;
  object-fit: contain;
}

.p-thumb.col-xs-20 img {
  max-height: 105px;
}

#adhesionMenu li.active:before {
  height: 92px;
}

.etape-adh .row.ligneHeader-breadcrumb {
  top: 80px;
}

.pageGalerie .formEtape .photo a.btn.btn-danger:hover {
  border-color: #d9534f;
  background: white;
  color: #d9534f;
}

.pageGalerie .formEtape .photo a,
#lbUpload {
  border: 3px solid transparent;
  transition: all ease 0.3s;
}

.pageGalerie .formEtape .photo a.btn.btn-fp1:hover,
#lbUpload:hover {
  color: var(--francepassion-color);
  border-color: var(--francepassion-color);
  background: white;
}

.btn.btn-fp.ajoutEvent {
  border: 3px solid transparent;
}

#lbUpdateEvent {
  font-family: Inter-Regular, "Trebuchet MS", Helvetica, sans-serif;
  font-weight: normal;
}

.mesEtapes .ec-card h2 {
  max-width: 150px;
  margin-bottom: 5px;
}

.mesEtapes .ec-card p {
  line-height: 1.2;
}

.etapeSearch.highlight {
  background-color: #8dc63f87;
  scroll-margin: 3.5rem;
}

a.btn.btn-fp.btn-mini {
  border: 2px solid transparent;
}

#mDigitoPopup img.embed-responsive-item.img-responsive {
  object-fit: contain;
  background-color: transparent;
}

a.voirFiche>i {
  text-align: center;
  vertical-align: middle;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}

a.voirFiche {
  width: 40px;
}

.presseEnParleRow .textContainer.accueillantBtn,
.presseEnParleRow .textContainer.campingCaristeBtn,
.presseEnParleRow .textContainer.francePassionBtn,
.ligne-header .textContainer.accueillantBtn,
.ligne-header .textContainer.campingCaristeBtn,
.ligne-header .textContainer.francePassionBtn {
  width: 22.5em;
}

.presseEnParleRow .textContainer.accueillantBtn .textLinks>ul>li>a,
.presseEnParleRow .textContainer.campingCaristeBtn .textLinks>ul>li>a,
.presseEnParleRow .textContainer.francePassionBtn .textLinks>ul>li>a,
.ligne-header .textContainer.accueillantBtn .textLinks>ul>li>a,
.ligne-header .textContainer.campingCaristeBtn .textLinks>ul>li>a,
.ligne-header .textContainer.francePassionBtn .textLinks>ul>li>a {
  font-weight: 700;
  padding: 20px 35px;
  border-radius: 5px;
  font-size: 1.3em;
  transition: all ease 0.3s;
}

.francePassionContainer .presseEnParleRow .image.imageHeader,
.francePassionContainer .ligne-header .image.imageHeader,
.campingCaristeContainer .ligne-header .image.imageHeader,
.accueillantContainer .ligne-header .image.imageHeader {
  left: 0;
}

.header-FrancePassion .presseEnParleRow .image.imageHeader img,
.ligne-header .image.imageHeader img {
  object-position: center -5px;
}

.francePassionContainer .presseEnParleRow .image.imageHeader:before,
.francePassionContainer .ligne-header .image.imageHeader:before,
.campingCaristeContainer .ligne-header .image.imageHeader:before,
.accueillantContainer .ligne-header .image.imageHeader:before {
  top: -18px;
  left: 0px;
  background-size: 100%;
  transform: rotate(-1deg);
}

.nav.navbar-nav li ul.dropdown-menu li a span {
  font-weight: 700;
}

.form-inline.form-adherent-search .input-group:first-child:focus-within {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  border-radius: 40px;
}

.form-inline.form-adherent-search .input-group:first-child .form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.form-inline.form-adherent-search.input-group:first-child:focus-within.input-group-addon {
  border-top-color: transparent;
}

.textContainer.enCampingCar.textRotate h3 {
  font-family: "Tahu";
  color: white;
  font-size: 60px;
  transform: rotate(-10deg);
  text-shadow: 0 0 5px #333;
  text-align: center;
}

.textContainer.enCampingCar.textRotate {
  position: absolute;
  top: 55%;
  right: 25%;
}

section.accueil-France-Passion>.container-fluid {
  position: relative;
  --parallax-feuille: 0;
  --parallax-nuancier: 0;
}

section.accueil-France-Passion {
  padding: 0;
  position: relative;
  top: 40px;
  z-index: 1;
}

#actuPagineAccueil h5.theme {
  font-size: 0;
}

#actuPagineAccueil h5.theme:after {
  display: block;
  font-family: "francepassion" !important;
  font-size: 1.5em;
}

.news-monde-agricole h5.theme:after {
  content: "\e90b";
  color: #4eb1c6;
}

.news-generales h5.theme:after {
  content: "\e924";
  color: var(--francepassion-color);
}

.news-evenements h5.theme:after {
  content: "\e925";
  color: var(--accueillant-color);
}

#accueilFond1 .slide-content-title {
  display: none;
}

.menuAdherent ul.nav.navbar-nav li,
#adhesionMenu .nav.navbar-nav {
  font-size: 0.9em;
}

.image.imageHeader {
  overflow: hidden;
}

#adhesionMenu.navbar {
  height: 80px;
}

#adhesionNavbar ul {
  margin: 30px auto;
}

#adhesionMenu .navbar-right a {
  padding: 10px 15px;
  line-height: 20px;
}

#adhesionNavbar ul.nav.navbar-nav.navbar-right.navbar-back {
  margin: 0;
}

.payForm h1 {
  color: var(--francepassion-color);
  font-size: 3.5em;
  font-weight: 600;
  line-height: 1;
}

.payForm {
  box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
  background-color: #fff;
  border-radius: 8px;
  padding: 15px;
}

#lbCBValidation:hover {
  border: 2px solid var(--francepassion-color);
  color: var(--francepassion-color);
  background: #fff;
}

#lbCBValidation,
#lbCheckValidation,
#lbTransferValidation {
  float: right;
  border: 3px solid transparent;
  transition: 0.3s ease all;
  background: var(--francepassion-color);
  color: #fff;
}

.etape5body #accCB #lbCBValidation {
  float: none;
}

#accParrain .panel,
#accPayments .panel {
  background: none;
  border: none;
  box-shadow: none;
}
#accPayments #accRGPD a {text-decoration: underline}
#accPayments .panel .panel-heading:hover {
  background: rgba(255, 255, 255, 0.2);
}

p.payTextTop {
  margin-top: 25px;
}

.textContainer.erreur .textLinks li {
  margin-top: 10px;
}

.textContainer.erreur .textLinks li:first-child a {
  background: var(--accueillant-color);
}

.textContainer.erreur .textLinks li:first-child a:hover {
  color: var(--accueillant-color);
  border-color: var(--accueillant-color);
  background: transparent;
}

.francePassionContainer .textContainer.erreur>.text>h2 {
  color: #585858;
}

.textContainer.erreur h1 {
  font-family: "Inter-Bold";
  color: var(--francepassion-color);
  font-size: 3.5em;
  font-weight: 600;
  line-height: 1;
}

.textContainer.erreur h2 {
  font-family: "Inter-Bold";
  color: #585858;
}

.erreurConnex #btn-connexion {
  border: 2px solid transparent;
  transition: all ease 0.3s all;
}

.erreurConnex #btn-connexion:hover {
  color: var(--francepassion-color);
  border: 2px solid var(--francepassion-color);
  background: transparent;
}

					
 
.erreur h2 a {
  font-family: "Inter-Bold";
}

nav.navbar.menuAdherent a:hover span {
  color: var(--accueillant-color);
}

.pageCampingCariste nav.navbar.menuAdherent a:hover span {
  color: var(--campingcariste-color);
}

.nav>li>a.adhBouton:hover {
  background-color: white;
  color: var(--francepassion-color);
  outline: 3px solid;
}

.image.feuille-1 {
  position: absolute;
  z-index: -1;
  left: -150px;
  top: 50px;
  width: 125px;
}

.image.feuille-5 {
  position: absolute;
  top: 550px;
  right: -150px;
  z-index: -1;
}

.image.feuille-5.f-hauteur-1 {
  top: 250px;
}

.image.feuille-3 {
  position: absolute;
  top: 850px;
  left: -50px;
  z-index: -1;
}

#ddlRegions,
#ddlDepartements,
#ddlEtapeHoraireMax,
#ddlEventCategories,
#reportrange {
  border-radius: 40px;
}

.form-inline.form-adherent-search .input-group:first-child input {
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  background: #ededed;
  border-radius: 40px;
}

.container.ficheEtape {
  background: #ffffffad;
}
.rechercheEtapes.accueillant .container.ficheEtape {margin-top: 60px;}

.campingCaristeContainer .ficheEtape .pictosMetier {
  float: left;
}

.campingCaristeContainer .ficheEtape .pictosIcon {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 2px solid var(--francepassion-dark);
    max-width: 70%;
    overflow-x: auto;
    white-space: nowrap;
    overflow-y:hidden
  }
}
.campingCaristeContainer .ficheEtape .pictosIcon > span {margin: 0 5px}

#etapeMap {
  border-radius: 20px;
}
.ficheEtape .btnsEtap {min-height: 80px;    margin: 10px auto;}

.ficheEtape .btnsEtap #back-button {
  float: left
}

.ficheEtape .btnsEtap .btn.addToTravelBook {float: left}


.pictosIcon #openCaptions {
  cursor: pointer;
  color:#999;
}

.row.carnet::before {
  content: "";
  background: url("/contents/images/animations/feuille4.png");
  background-repeat: repeat;
  background-size: auto;
  position: absolute;
  width: 150px;
  height: 250px;
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 50px;
  z-index: -1;
  top: 350px;
  right: -155px;
}

.row.carnet::after {
  content: "";
  position: absolute;
  background: url(/contents/images/decorations/tampons_fp);
  background-repeat: repeat;
  background-size: auto;
  background-repeat: repeat;
  background-size: auto;
  width: 175px;
  height: 175px;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
  left: -300px;
  top: 280px;
}

.image.feuille-3.f-hauteur-1 {
  top: 1250px;
}

#cphBody_ctl05_divCarnetButtons::before {
  content: "";
  background: url("/contents/images/animations/feuille3.png");
  background-repeat: repeat;
  background-size: auto;
  background-repeat: repeat;
  background-size: auto;
  background-repeat: repeat;
  background-size: auto;
  position: absolute;
  width: 90px;
  height: 90px;
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 50px;
  z-index: -1;
  left: -90px;
  bottom: -65px;
}

.row.row-carnet-menu {
  background: #ffffffde;
}

.form-inline.form-adherent-search .input-group:first-child input::placeholder {
  color: var(--francepassion-dark);
}

.form-inline.form-adherent-search .input-group:first-child input,
#ddlRegions,
#ddlDepartements,
.campingCaristeContainer #ddlEventCategories,
.campingCaristeContainer #reportrange {
  background: var(--francepassion-gris);
  color: var(--francepassion-dark);
  font-size: 1.1em;
  padding: 5px 20px;
  height: 40px;
  max-width: 100%;

}

.campingCaristeContainer #reportrange {
  line-height: 1.8em;
}

.form-inline.form-adherent-search .input-group-addon {
  max-width: 40px;
  color: var(--francepassion-dark);
			   
  border: 0;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  position: absolute;
  right: 0;

  height: 40px;
  padding-top: 10px;
}

.form-inline.form-adherent-search .input-group-addon i {
  font-size: 1.2em;
}
		   
select option {
  background: white;
  color: #777;
}

.depuis1993 .textLinks a:hover {
  color: var(--francepassion-color);
  background: transparent;
  border-color: var(--francepassion-color);
}

.btn.btn-rounded.btn-fp1:hover,
a.btn2.btn-fp1.addProduct:hover,
a.btn.btn-sm.btn-fp1.removeProduct:hover,
a.btn.btn-fp1.btn-block.nextStep:hover,
a.btn.btn-fp1.addDeliveryAddress:hover,
.btn2.btn-fp1:hover,
.francePassionContainer a.btn.btn-fp:hover,
a.btn.btn-fp1:hover {
  color: var(--francepassion-color);
  background-color: #fff;
  border-color: var(--francepassion-color);
}

a.btn2.btn-fp1:hover {
  color: var(--francepassion-color)
}

.form-adherent-search a.btn.btn-rounded.btn-fp2 {
  padding: 6px 12px;
}

.form-adherent-search a#cphBody_ctl06_lbReset, .form-adherent-search a#cphBody_ctl06_lbReset:hover {
  background: none;
  color: var(--francepassion-dark);
  text-decoration: underline;border: none
}

#etapesCol>.col-content>.row:nth-child(2):after {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  display: block;
  background: url(/contents/images/animations/feuille4.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 45%;
  right: -155px;
  z-index: -1;
}

#ddlEtapeHoraireMax {
  background: white;
}

#mMoreFilter .rechercheCriteres .checkbox,
#mMoreFilter .rechercheLangues .checkbox {
  max-width: 100%;
  width: 100%;
  text-align: left;
  margin: 5px auto
}

#mMoreFilter .rechercheCriteres,
#mMoreFilter .rechercheLangues {
  border-bottom: 1px solid var(--francepassion-gris);
  margin-bottom: 10px
}

#mMoreFilter .rechercheCriteres p,
#mMoreFilter .rechercheLangues p {
  font-weight: 600
}

#mMoreFilter .rechercheCriteres .checkbox label,
#mMoreFilter .rechercheLangues .checkbox label {
  font-size: 0.9em;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 0px
}

#mMoreFilter .rechercheCriteres .checkbox label input {
  margin-right: 5px
}

#mMoreFilter .rechercheCriteres .checkbox span.fa,
#mMoreFilter .rechercheLangues .checkbox img {
  background: var(--campingcariste-color);
  border-radius: 30px;
  padding: 5px;
  color: #fff;
  vertical-align: middle;
}

#mMoreFilter .rechercheLangues .checkbox img {
  padding: 0;
  height: 25px;
  width: 25px
}

.etapsScrollbar,
html {
  scrollbar-width: thin;
}

#mMoreFilter.collapse,
#mMoreFilter.collapsing {
  display: none;
  position: fixed
}

#mMoreFilter.collapse.in {
  background: #fff;
  border-radius: 20px;
  margin-bottom: 10px;
  padding: 15px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  width: 300px;
  margin-left: -80px;
  position: absolute;
  display: block;
  z-index: 9;
  height: auto;
}

.morefilterGlobal {
  position: relative;
  display: inline-block;
}

.etapeSearch .searchEtapeTitle.centerToMarker {
  font-size: 1.5em;
  font-weight: 600;
  cursor: pointer
}

.etapeSearch .searchEtapeBoutons a.btn.btn-fp.learnMore,
.etapeSearch .searchEtapeBoutons a.btn.btn-fp.centerToMarker,
.etapeSearch .searchEtapeBoutons a.btn.btn-fp.addToTravelBook {
  border-radius: 30px;
  height: 40px;
  width: auto !important;
  display: inline-block;
  padding: 5px 20px;
  /*! border-color: transparent; */
}

.campingCaristeContainer #agendaEvents .event .voirFiche {
  width: auto;
  /*! text-align: center; */
  /*! margin: auto; */
}

.etapeSearch .searchEtapeBoutons a.btn.btn-fp.learnMore,
.campingCaristeContainer #agendaEvents .event .voirFiche {
  background: var(--campingcariste-color)
}
.etapeSearch .searchEtapeBoutons a.btn.btn-fp.addToTravelBook {background: var(--francepassion-color)}
.etapeSearch .searchEtapeBoutons a.btn.btn-fp.addToTravelBook:hover {background: #fff;  color: var(--francepassion-color);  border-color: var(--francepassion-color)}
.etapeSearch .searchEtapeBoutons a.btn.btn-fp.learnMore:hover,
.campingCaristeContainer #agendaEvents .event .voirFiche:hover {
  background: #fff;
  color: var(--campingcariste-color);
  border-color: var(--campingcariste-color)
}

.campingCaristeContainer #agendaEvents .blocImageRdv {
  max-height: 200px;
  width: 100%;
  overflow: hidden;
  border-radius: 15px
}

.campingCaristeContainer #agendaEvents .event-type {
  background: var(--francepassion-dark)
}

.campingCaristeContainer #agendaEvents .event-image p {
  font-size: 0.8em;
  text-align: center;
  margin: 10px auto;
}

.accueillantContainer .etapeSearch .searchEtapeBoutons a.btn.btn-fp.learnMore, .accueillantContainer .campingCaristeContainer #agendaEvents .event .voirFiche {
  background: var(--accueillant-color);
  border-color: var(--accueillant-color)
}
.accueillantContainer .etapeSearch .searchEtapeBoutons a.btn.btn-fp.learnMore:hover, .accueillantContainer .campingCaristeContainer #agendaEvents .event .voirFiche:hover {
  background: #fff;
  color: var(--accueillant-color);
  border-color: var(--accueillant-color)
}

a.btn.btn-fp2[data-target*="#mMoreFilter"] {
  background-color: #cccccc3d;
  color: #333;
}

a.btn.btn-fp2[data-target*="#mMoreFilter"]:hover {
  outline-color: #cccccc3d;
  border-color: #cccccc3d;
  color: #333;
}

.adhesion-0 a.btn.btn-fp3:hover {
  background: transparent;
  color: #4eb1c6;
  border-color: #4eb1c6;
}

.adhesion-0 a.btn.btn-fp3 {
  background: #4eb1c6;
}

#go-button {
  border: 3px solid;
  border-radius: 5px;
}

#go-button:hover {
  background-color: transparent;
  color: var(--campingcariste-color);
  border-color: var(--campingcariste-color);
}

.list-group-item.selectCarnet.carnet0::before {
  background: url("/contents/images/roadmap_0.svg");
  background-repeat: no-repeat;
}

.list-group-item.selectCarnet.carnet1::before {
  background: url("/contents/images/roadmap_1.svg");
  background-repeat: no-repeat;
}

.list-group-item.selectCarnet.carnet2::before {
  background: url("/contents/images/roadmap_2.svg");
  background-repeat: no-repeat;
}

.list-group-item.selectCarnet.carnet3::before {
  background: url("/contents/images/roadmap_3.svg");
  background-repeat: no-repeat;
}

.list-group-item.selectCarnet.carnet4::before {
  background: url("/contents/images/roadmap_4.svg");
  background-repeat: no-repeat;
}

.list-group-item.selectCarnet::before {
  content: "";
  width: 100px;
  height: 75px;
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-39%);
}

.list-group-item.selectCarnet {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: auto;
  cursor: pointer;
  transition: all ease 0.3s;
  position: relative;
  border: none; 
  box-shadow: 0 0 30px rgba(0,0,0,0.2) 
}

.list-group-item.selectCarnet strong,
.list-group-item.selectCarnet em {
  margin-left: 130px;
  color: #585858;
  transition: all ease 0.3s;
  margin-right: 25px;
}

.list-group-item.selectCarnet:hover strong,
.list-group-item.selectCarnet:hover em {
  color: var(--campingcariste-color);
}

.list-group-item.selectCarnet::after {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  display: block;
  font-size: 1.4em;
  top: 50%;
  transform: translateY(-50%);
  right: 50px;
  opacity: 0;
  transition: all ease 0.5s;
}

.list-group-item.selectCarnet:hover:after {
  right: 15px;
  color: var(--campingcariste-color);
  opacity: 1;
}

.list-group-item.selectCarnet strong {
  font-size: 1.5em;
}

.divImage {
  overflow: hidden;
  justify-content: center;
}

.btn.btn-fp.btn-mini.delete {
  background-color: var(--francepassion-danger);
}

.btn.btn-fp.btn-mini.delete:hover {
  color: var(--francepassion-danger);
  background-color: white;
  border-color: var(--francepassion-danger);
}

.carnet .etapeSearch {
  width: calc(100% - 50px);
}

#placement-2.image.feuille-5 {
  top: 630px;
  right: 30px;
}

.pasDeCarnet {
  font-size: 1.5em;
  padding: 5px 10px;
}

.carnet h4 {
  font-size: 1.25em;
}

.form-flash #ddlDepartements {
  background: var(--campingcariste-color);
  color: white;
}

a.btn.btn-fp.btn-mini.remove {
  border-radius: 50%;
  height: 25px;
  width: 25px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 15px;
  background: var(--francepassion-danger);
}

a.btn.btn-fp.btn-mini.remove:hover {
  border-color: var(--francepassion-danger);
  color: var(--francepassion-danger);
  background: transparent;
}

#tbRenameTravelbook.edit {
  border-radius: 40px;
  background-color: #ededed;
  border: none;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  color: #333;
}

input.rename-carnet {
  background-color: white;
  border: none;
  box-shadow: none;
  font-size: 2.5em;
  outline: none;
  border-radius: 40px;
  padding: 0;
  transition: all ease 0.3s;
}

input.rename-carnet:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}

.pictosIcon {
  display: inline-block;
  margin-left: 50px;
}

.editButtons {
  display: flex;
  gap: 15px;
}

.editButtons a {
  border-radius: 50%;
  height: 25px;
  width: 25px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.mesavis.messages .col-content h2:first-child {
  margin-top: 0;
}

.mesavis.messages .col-content h2 {
  margin-top: 50px;
}

.galerieImage {
  display: flex;
  flex-wrap: wrap;
  padding: 0 25px;
  gap: 20px;
}

.galerieImage .photo img {
  margin: auto;
  border-radius: 10px;
}

.galerieImage .divImg {
  height: 190px;
  max-width: 245px;
  width: 100%;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.galerieImage .col-lg-20.col-md-30.col-sm-60 {
  padding: 0;
}

#divUpload {
  margin-bottom: 15px;
  margin-left: 10px;
}

.textContainer.versTemoignage {
  margin-top: 15px;
}

.msgAuteur {
  font-family: "Inter-Bold";
  color: var(--francepassion-color);
}

#sectionCitation .commentItem.col-xs-60 {
  font-size: 1.2em;
  background: #ffffffde;
  padding: 15px;
}

.lastComments.nbRdv3 {
  z-index: 2;
}

#cphBody_ctl06_formAddEvent #ddlEventCategories {
  background: #ededed;
  color: #777;
}

					 
			   
						 
				
					  
						  
						
			 
				
				   
			   
								
							
 
.row.event .eventManageButtons a {
  background-color: var(--accueillant-color);
}

.row.event a.voirFiche:hover {
  color: #4fb1c6;
  border-color: #4fb1c6;
  background: white;
}

.row.event .eventManageButtons a:hover {
  background-color: white;
  color: var(--accueillant-color);
  border-color: var(--accueillant-color);
}

.row.event .pull-right {
  display: flex;
  gap: 15px;
}

.eventManageButtons {
  display: flex;
  gap: 10px;
  align-content: center;
  align-items: center;
}

.galerieImage a {
  border-radius: 50%;
  height: 25px;
  width: 25px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  padding: 0;
  margin-top: 15px;
  margin-bottom: 0;
  margin-right: 5px;
  color: white;
  border: 1px solid transparent;
  transition: all ease 0.3s;
  font-size: 0.9em;
}

#lbAddEvent:hover,
#lbMesInfosValid:hover {
  border-color: var(--accueillant-color);
  color: var(--accueillant-color);
  background: white;
}

p.eventManageButtons a {
  font-size: 1.3em;
}

.digitoPopup {
  cursor: pointer;
}

.etape-info4 {
  z-index: 5;
  position: relative;
}

.commentItem .textcontainer {
  padding-left: 45px;
  padding-right: 45px;
}

a.btn2.btn-fp1.nextStep:hover {
  color: var(--francepassion-color);
  background-color: transparent;
  border-color: var(--francepassion-color);
}

a.btn2.btn-fp1.nextStep.disabled,
a.btn2.btn-fp1.nextStep.disabled:hover {
  color: white;
  background-color: var(--francepassion-color);
  border-color: transparent;
}

.accueillantContainer a.btn.btn-fp2 {
  background: var(--accueillant-color);
}

.accueillantContainer a.btn.btn-fp2:hover {
  outline-color: var(--accueillant-color);
  color: var(--accueillant-color);
  border-color: var(--accueillant-color);
}

.accueillantContainer a.btn.btn-fp2[data-target*="#mMoreFilter"] {
  background-color: #cccccc3d;
  color: #333;
}

.accueillantContainer a.btn.btn-fp2[data-target*="#mMoreFilter"]:hover {
  outline-color: #cccccc3d;
  border-color: #cccccc3d;
  color: #333;
}

.accueillantContainer a.btn.btn-fp.centerToMarker,
.accueillantContainer a.btn.btn-fp.learnMore {
  background: var(--accueillant-color);
  color: white;
}

.accueillantContainer a.btn.btn-fp.centerToMarker:hover,
.accueillantContainer a.btn.btn-fp.learnMore:hover {
  border-color: var(--accueillant-color);
  color: var(--accueillant-color);
  background-color: white;
}

.accueillantContainer .marker-cluster-large div,
.accueillantContainer .marker-cluster-medium div,
.accueillantContainer .marker-cluster-small div,
.accueillantContainer .marker-cluster-medium,
.accueillantContainer .marker-cluster-large,
.accueillantContainer .marker-cluster-small {
  background: var(--accueillant-color);
}

.accueillantContainer .marker-cluster:hover {
  color: var(--accueillant-color);
  background: var(--accueillant-color);
}

.accueillantContainer .marker-cluster:hover div {
  background: white;
}

.accueillantContainer .marker-cluster:hover span {
  color: var(--accueillant-color);
}

.accueillantContainer .etapsScrollbar::-webkit-scrollbar-thumb {
  background-color: var(--accueillant-color);
}

.accueillantContainer #back-button {
  background: var(--accueillant-color);
}

.accueillantContainer #back-button:hover {
  color: var(--accueillant-color);
  border-color: var(--accueillant-color);
  background: white;
}

.accueillantContainer.leaflet-pane.leaflet-overlay-pane>svg.leaflet-zoom-animated>g>path.leaflet-interactive {
							 
	 
							  
  stroke: var(--accueillant-color);
  fill: var(--accueillant-color);
}

.ec-card-img {
  height: 185px;
  width: 110px;
  -webkit-mask-repeat: no-repeat;
  position: absolute;
  display: block;
  right: 0;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  -webkit-mask-position-x: 10px;
  -webkit-mask-position-y: -10px;
}

.card-mesInfos .ec-card-img {
  background: url("/resources/images/992_x/1309.webp");
}

.card-activation .ec-card-img {
  background: url("/resources/images/992_x/1310.webp");
}

.card-achat .ec-card-img {
  background: url("/resources/images/992_x/1311.webp");
}

.card-rechercheEtapes .ec-card-img {
  background: url("/resources/images/992_x/1312.webp");
}

.card-voyages .ec-card-img {
  background: url("/resources/images/992_x/1313.webp");
}

.card-rendezVous .ec-card-img {
  background-image: url("/resources/images/992_x/1314.webp");
}

.card-mesAvis .ec-card-img {
  background: url("/resources/images/992_x/1315.webp");
  -webkit-mask-image: url("/resources/images/992_x/1315.webp");
  -webkit-mask-position-x: 15px;
  -webkit-mask-position-y: -41px;
}

.card-avantages .ec-card-img {
  background: url("/resources/images/992_x/1316.webp");
}

.card-contact .ec-card-img {
  background: url("/resources/images/992_x/1317.webp");
}

.card-renouv .ec-card-img, .accueillantMenu .ec-card-img {
  background: url("/resources/images/992_x/1319.webp");
}

.accueillantMenu .card-mesInfos .ec-card-img {
  background-image: url("/resources/images/992_x/1320.webp");
}

.accueillantMenu .card-rechercheEtape .ec-card-img {
  background-image: url("/resources/images/992_x/1321.webp");
}

.accueillantMenu .ec-card-galerie .ec-card-img {
  background-image: url("/resources/images/992_x/1324.webp");
}

.accueillantMenu .ec-card-events .ec-card-img {
  background-image: url("/resources/images/992_x/1325.webp");
}

.card-menu:after {
  content: "";
  display: block;
  position: absolute;
  height: 200px;
  width: 150px;
  top: -20px;
  right: -40px;
  z-index: -1;
}

#agendaEvents #nbResults,
.etapeSearchRow #nbResults,
#noRdv {
  padding: 10px;
  color: white;
  font-family: "Inter-Bold";
  font-size: 1.3em;
  border-radius: 8px;
  text-align: center;
}

.etapeSearchRow #nbResults {
  position: absolute;
  left: 2px;
  z-index: 99;
  top: -11px;
  margin-left: 25px;
}

#agendaEvents #nbResults,
#noRdv {
  max-width: 15em;
  width: 100%;
  margin-bottom: 10px;
  position: absolute;
  left: 15px;
  top: -10px;
}

#noRdv {
  max-width: 28em;
  top: 50%;
  transform: translateY(-50%);
}

.campingCaristeContainer #nbResults,
.campingCaristeContainer #noRdv {
  background: var(--campingcariste-color);
}

.accueillantContainer #nbResults,
.accueillantContainer #noRdv {
  background: var(--accueillant-color);
}

.etapeSearchRow .row:first-child {
  margin-bottom: 10px;
}

.blockEvent.col-lg-60 {
  background: #dddddd40;
  padding: 75px 0 10px;
  border-radius: 8px;
  margin-top: 10px;
}

.formConnexion .imageCaptcha {
  transform: translateY(25%);
}

.etape5Col.col-xs-60.col-sm-60.col-md-60.col-lg-60 {
  padding: 0;
}

#etape5 .panel-heading {
  background-color: rgba(245, 245, 245, 0.1);
  color: #fff;
  font-size: 1.5em;
  margin: 10px;
  padding: 20px;
}

.card-menu a {
  display: block;
  width: 100%;
  height: 100%;
}

#adhesion6 h1 {
  font-family: Inter-Bold;
  color: var(--francepassion-color);
  text-align: center;
}

#adhesion6 a#btnPrint {
  max-width: 29em;
  width: 100%;
  margin: 0 auto 15px;
}

#adhesion6 .col-content {
  width: fit-content;
  background: white;
  box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
  border-radius: 12px;
  padding: 25px;
  margin: auto;
}

body#body.etape6 {
  background-color: var(--francepassion-color);
  height: 100dvh;
}

body#body.etape6:before,
body#body.etape6:after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  display: block;
  z-index: -1;
}

section#adhesion6 .container {
  align-items: center;
  align-content: center;
  height: calc(100dvh - 50px);
}

div#divFlashNewsForm h5 {
  color: #585858;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.2em;
  margin-top: 0;
}

.list.card-kit.voyageOrga.row-flex>.col-lg-30 {
  padding: 10px;
  margin-left: -10px;
}

								
.francePassionContainer .imageEtMenu-header.colHeight2 .image.imageHeader.imageVoyage {
  left: 0;
  transform: none;
}

.white80 {
  background: #ffffffb8;
}

p.msgContent {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.actus-accordeon-container a {
  font-size: 1.8rem;
  margin: 0;
}

.actus-accordeon-container .panel-heading {
  position: relative;
}

.actus-accordeon-container .panel-heading:before {
  content: "Q.";
  font-size: 48px;
  position: absolute;
  left: -50px;
  top: 30px;
  transform: translateY(-50%);
  color: var(--francepassion-color);
  font-family: Inter-Bold;
}

.campingCaristeContainer .actus-accordeon-container .panel-heading:before {
  color: var(--campingcariste-color);
}

.accueillantContainer .actus-accordeon-container .panel-heading:before {
  color: var(--accueillant-color);
}

.actus-accordeon-container .panel-body {
  position: relative;
}

.actus-accordeon-container .panel-body:before {
  content: "R.";
  font-size: 48px;
  position: absolute;
  left: -50px;
  top: 24%;
  transform: translateY(-50%);
  font-family: Inter-Bold;
  color: #464646;
}

.actus-accordeon-container .panel-default {
  border-color: transparent;
  margin-bottom: 5em;
}

.actus-accordeon-container .panel-default>.panel-heading {
  background-color: transparent;
  border-color: transparent;
}

.FPfiltre {
  margin-top: 25px;
}

#actuPagineAccueil a.actus-content .theme,
#actuPagineAccueil a.actus-content .date {
  display: none;
}

#actuPagineAccueil .title {
  color: #333;
  font-size: 1.8rem;
  margin: 0;
}

.productDescription {
  padding-top: 10px;
}

.btn.btn-rounded.btn-fp2.openComment {
  background: var(--francepassion-color);
}

.btn.btn-rounded.btn-fp2.openComment:hover {
  border-color: var(--francepassion-color);
  outline-color: var(--francepassion-color);
  background: transparent;
  color: var(--francepassion-color);
}

.btn-fp4 {
  background: var(--campingcariste-color);
  color: #fff;
  border: 3px solid transparent;
  transition: all ease 0.3s;
}

.btn-fp4:hover {
  background: transparent;
  color: #4eb1c6;
  border-color: #4eb1c6;
}

a.btn.btn-fp2 {
  border: 3px solid transparent;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.galleryThumb .divImage {
  border-radius: 0;
}

.productDescription2 .p-label {
  font-family: "Inter-Bold";
}

.productDescription2 .p-version,
.white-box .p-version {
  font-family: "Inter-Bold";
  color: var(--francepassion-color);
  text-transform: uppercase;
}

.productDescription2 {
  margin-top: 10px;
}

.galleryThumb-main-image-container {
										 
  border-radius: 6px;
  margin: 0 auto 10px;
							 
						  
}

							 
						  
			  
							  
 
div#avantage-article .heading .title h1 {
  color: var(--campingcariste-color);
  font-family: "Inter-Bold";
}

div#avantage-article .heading .theme {
  display: inline-block;
  background: var(--campingcariste-color);
  color: #fff;
  font-size: small;
  padding: 10px;
  border-radius: 40px;
}

div#avantage-article .article-image {
  max-width: 250px;
  margin: auto;
}

div#avantage-article .article-content {
  margin-top: 50px;
}

.blockQR .panel-heading:has(a[aria-expanded="true"]) {
  background-color: var(--francepassion-color);
  border-radius: 5px;
}

.campingCaristeContainer .blockQR .panel-heading:has(a[aria-expanded="true"]) {
  background-color: var(--campingcariste-color);
}

.accueillantContainer .blockQR .panel-heading:has(a[aria-expanded="true"]), .accueillantContainer .blockQR a[aria-expanded="true"]  {
  background-color: var(--accueillant-color);
}

.blockQR a[aria-expanded="true"] {
  color: white; 
  background: var(--campingcariste-color);
  display: block;
  padding: 10px 20px;
  border-radius: 5px;
}

.blockQR .panel-heading,
.blockQR a {
  transition: 0.3s all ease;
}

.blockQR h4 {
  margin-bottom: unset;
}

.blockQR div.panel-collapse {
  margin-top: 10px;
}

.blockQR .panel-group .panel-heading+.panel-collapse>.panel-body {
  border-top: none;
}

.blockQR .actus-accordeon-container .panel-heading:before {
  top: 50%;
}

.blockQR .actus-accordeon-container .panel-body:before {
  left: -46px;
  top: 35px;
}

.textContainer.infoConnect .textLinks {
  height: unset;
}

a#lbCaptchaRefresh {
  color: white;
  background-color: var(--francepassion-color);
  margin: auto;
			   
			  
  border: 3px solid transparent;
  transition: 0.3s ease all;
  align-content: center;
}

a#lbCaptchaRefresh:hover {
  color: var(--francepassion-color);
  background-color: white;
  border-color: var(--francepassion-color);
}

.formContact img.imageCaptcha {
  margin-top: 0;
}

p.etapeDetailPictos.etapTel a {
  font-weight: 400;
color: var(--francepassion-dark)
}

.row.event .event-tel a {
  width: unset !important;
  color: var(--francepassion-color);
  font-weight: 600;
}

.btnMargBot10 li {
  margin-bottom: 10px;
}

.francePassionContainer .textLinks li.txtLienOrange a:hover {
  border: 3px solid var(--accueillant-color);
}

.textLinks li.txtLien {
  margin-bottom: 10px;
}

.actus-accordeon-container .panel-body a {
  font-size: unset;
}

.textLinks.carte ul {
  width: auto;
}

.actus-accordeon-container.faqAllemand .panel-heading:before {
  content: "F.";
}

.actus-accordeon-container.faqAnglais .panel-body:before,
.actus-accordeon-container.faqAllemand .panel-body:before {
  content: "A.";
}

.actus-accordeon-container.faqAnglais .panel-body:before {
  transform: translate(-5px, -50%);
}

.actus-accordeon-container.faqAllemand .panel-body:before {
  transform: translate(-14px, -50%);
}

div#planSite li {
  list-style: none;
}

div#planSite a {
  color: white;
  padding: 5px 20px;
  border-radius: 40px;
  font-weight: 700;
  margin-bottom: 10px;
  display: inline-block;
}

div#planSite>ul>li>a,
div#planSite>ul>li>ul>li:first-child>a,
div#planSite>ul>li>ul>li:first-child>ul>li>a {
  background-color: var(--francepassion-color);
}

div#planSite>ul>li>ul>li:nth-child(2)>a,
div#planSite>ul>li>ul>li:nth-child(2)>ul>li>a,
div#planSite>ul>li>ul>li:nth-child(6)>ul>li:nth-child(1)>a {
  background-color: var(--campingcariste-color);
}

div#planSite>ul>li>ul>li:nth-child(3)>a,
div#planSite>ul>li>ul>li:nth-child(3)>ul>li>a,
div#planSite>ul>li>ul>li:nth-child(6)>ul>li:nth-child(2)>a {
  background-color: var(--accueillant-color);
}

div#planSite a,
div#planSite>ul>li>ul>li>a,
div#planSite.sitemap-eng a,
div#planSite.sitemap-eng>ul>li>ul>li:nth-child(3)>a,
div#planSite.sitemap-eng>li:nth-child(3)>ul>li>a,
div#planSite.sitemap-eng>ul>li>ul>li:nth-child(6)>ul>li:nth-child(1)>a,
	  
	  
	  
				   
	  
				   
	  
div#planSite.sitemap-eng>ul>li>ul>li:nth-child(6)>ul>li:nth-child(2)>a {
	  
	  
	  
				   
	  
				   
	   
  background-color: #585858;
}
/*
.list.en1coupdoeil .listItem {
  padding: 10px;
  border-radius: 12px;
  box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
  margin-bottom: inherit;
}*/

.en1coupdoeil .col-lg-20 {
  max-width: 300px;
}

#divFlashNewsForm {
  background: #fff;
  padding: 30px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

.images-produit .galleryThumb {
  max-width: 300px;
  gap: 10px;
  margin: 15px auto 0;
}

.images-produit .galleryThumb .divImage {
  flex: 0 0 30% !important;
  height: 80px !important;
  border-radius: 10px !important;
}

.productline .white-box {
  box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
  background: #fff;
  border-radius: 8px;
  padding: 0;
  z-index: 5;
  margin-bottom: 25px;
}

.productline .white-box .col-content {
  padding: 20px;
}

.productDescription2 .p-label {
  font-size: 1.5em;
}

.titre-bloc-paiement {
  padding-bottom: 20px;
}

.titre-bloc-paiement .p-label,
.white-box .p-prix {
  font-size: 1.1em;
  font-weight: 600;
}

.white-box .p-prix {
  float: right;
  text-align: right;
}

.etape-adh .p-card3 .col-content {
  padding: 20px;
}

#accPayments {
  width: 100%;
  color: #333
}

#accPayments #accCB,
#accPayments #accCheck,
#accPayments #accTransfer {
  color: #333;
  float: left !important;
}

#accPayments #accTransfer .panel-body,
#accPayments #accTransfer #lbTransferValidation,
#accPayments #accCheck {
  text-align: left;
  float: left
}

#accPayments #accTransfer .panel-body {
  padding: 0;
  margin: 0
}

.bloc-image-paiement .col-content {
  overflow: hidden;
  box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
  border-radius: 8px;
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
  border: none;
}

.card-kit.partenaire .listText a {
  min-height: 2.4em;
  display: inline-block;
}

.card-kit.partenaire .overlay p,
.card-kit.reseauEtranger .overlay p {
  position: absolute;
  bottom: 10px;
  left: 20px;
}

.card-kit.partenaire .overlay h2,
.card-kit.reseauEtranger .overlay h2 {
  display: none;
}

.card-kit.partenaire .overlay,
.card-kit.reseauEtranger .overlay {
  display: block;
}

.card-kit.partenaire .listText {
  padding-bottom: 40px;
  padding-top: 0;
}

.card-kit.reseauEtranger .listText {
  padding-bottom: 35px;
}

.card-kit.partenaire .overlay a,
.card-kit.reseauEtranger .overlay a {
  font-size: 85%;
  color: #585858;
  transition: all ease .3s;
}

.card-kit.partenaire a,
.card-kit.reseauEtranger a {
  transition: all ease .3s;
}

.card-kit.partenaire a:hover,
.card-kit.reseauEtranger a:hover {
  color: var(--francepassion-color);
}

.card-kit.reseauEtranger .listText p {
  font-weight: 700;
}

.img-product {
  margin-top: 50px;
  margin-bottom: 25px;
}

.text-product.col-lg-30 {
  height: 100%;
}

.text-product.col-lg-30>h3 {
  margin: 1rem 0;
}

#etap2 .titreSectionVert>.text h1 {
  font-family: 'Inter-Regular';
  font-weight: 500;
  font-size: 50px;
  text-align: center;
  margin-top: 50px;
}

.listItem.listItemVertical.reassurance-bloc-paiement {
  margin-top: 25px;
}
/*
.commande {background: no-repeat url('/resources/FP/produits/fond-processus-commande.jpg'); background-size: cover}
*/
#etap2 .resume-col  {background: #fff}

.etape1 #reassurance-blocs {
  display: flex;
  justify-content: center;
  gap: 25px;
  flex-wrap: nowrap;
}

.etape1 .listItem.listItemVertical.reassurance-bloc-paiement {
  margin-top: inherit;
}

.etapeAdhesion .titreSectionVert>.text>h4,
#etap2 .etapeAdhesion>.col-content>h4 {
  font-size: 30px;
  line-height: 30px
}

#etap2 .etapeAdhesion>.col-content>h4 {
  font-weight: 600;
  text-align: center;
  margin-bottom: 40px
}

.etapeAdhesion .titreSectionVert>.text>h1, #etap2 .etapeAdhesion h1 {
  font-weight: 600;
  font-size: 48px !important;
  font-family: 'Inter-Regular';
  line-height: 48px
}

.row.products-row .p-label, .etape-adh .produts-col .product-col-product .p-prix {
  font-family: 'Inter-Bold';
  font-size: 1.4em;
}


#etap2 .etapeAdhesion h1  {
  color: var(--francepassion-color) !important; 
  text-align: center
}


.row.products-row .p-date {
  color: var(--francepassion-color);
  font-size: 1.25em;
}
.row.products-row  .p-description::first-line {font-size: inherit;}
.row.products-row .p-description {
  
  font-size: 1.15em;
}

.produts-col {
  box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
  padding: 15px 25px;
}

.etape-adh #etap2 .produts-col {
  box-shadow: none;
  padding-top: 0;
}

.etape-adh #etap2 .produts-col .product-row {
  box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
  padding: 15px;
  position: relative;
  border-radius: 10px;
  margin-bottom: 30px;
  background: #fff;
}

.etape-adh #etap2 .produts-col .product-row .galleryThumb {
  max-width: 100% !important;
}

.etape-adh #etap2 .produts-col .product-row .row .product-col-product:nth-child(2):before {
  content: 'OU';
  background: #fff; 
  border: 4px solid #333;
  color: #333;
  padding: 5px;
  border-radius: 30px;
  font-weight: 600;
  width: 40px;
  height: 40px;
  position: absolute;
  z-index: 2;
  margin-top: 25px;
  left: -35px
}

.etape-adh #etap2 .produts-col .product-row.lg-en .row .product-col-product:nth-child(2):before {
  content: 'OR';
}

.etape-adh #etap2 .produts-col .product-row.lg-de .row .product-col-product:nth-child(2):before {
  content: 'oder';
  width: 60px;
  text-align: center;
  left: -45px
}

.etape-adh #etap2 .produts-col .product-col-product {
  background-color: #ececec !important;
  background-size: auto 60% !important;
  padding: 15px;
  padding-left: 110px;
  border: 15px solid #fff;
  border-radius: 25px;
  background-position: 20px center !important;
}

.etape-adh #etap2 .produts-col .product-col-product .p-prix {
  padding: 0;
}

.etape-adh #etap2 .produts-col .product-col-product .p-prix:before {content: "à partir de"; display: block; font-size: 50%;  }
.etape-adh #etap2 .produts-col .lg-en .product-col-product .p-prix:before {content: "from"; display: block; font-size: 50%;  }
.etape-adh #etap2 .produts-col .lg-de .product-col-product .p-prix:before {content: "aus"; display: block; font-size: 50%;  }

.etape-adh #etap2 .produts-col .product-col-product .p-label {
  padding: 0;
  white-space: nowrap;
  text-align: left;
}

.etape-adh #etap2 .produts-col .product-col-product div {
  padding: 0
}

.p-card3.resume-col.shadowbox.col-content {
  padding: 15px 25px;
  margin-bottom: 25px;
}

.etape-adh #etap2 .produts-col .product-col-product .btn2.btn-fp1 {
  max-width: 100%
}

.p-card3 th.tdText {
  font-size: 1.4em;
  padding: 0 0 15px;
}

.p-card3 .fa-fp-panier {
  font-size: 1.2em;
}

.p-card3 .fa-trash.removeProduct {
  background: #ececec;
  border-radius: 50%;
  font-size: 1.4em;
  cursor: pointer;
  padding: 10px;
  margin-right: 10px;
}

.p-card3 .trProduct .tdText {
  padding: 10px 0;
  width: 250px;
  max-width: inherit;
  vertical-align: top
}

.p-card3 #trProduct .tdText p,
.p-card3 #trProduct .tdText i {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}

#tRecap #trProduct .tdText i {
  background: #ececec;
  padding: 10px;
  border-radius: 30px;
  cursor: pointer;
  margin: 0 5px
}

#trTotal>.tdPrice {
  font-weight: 700;
}

.trProduct td.tdPrice {
  font-weight: 700;
  font-size: 1.4em;
}

tr#trLegend {
  border-bottom: 1px solid #ddd;
}
.offreCouplee{
  background-repeat: no-repeat;
  background-color: #f09759f7;
  border-radius: 8px;
  padding: 15px 25px;
}

.offreCouplee.withImage {
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 108%;
  border-radius: 8px;
  padding: 15px 25px;
padding-bottom: 160px
}

.offreCouplee.withImage strong {
  font-size: 2em;
}

#trProduct>.tdPrice {
  padding-top: 5px;
  vertical-align: middle;
}

/* MENU CONNECTE */

.nav .connecte a {
  align-items: center;
  align-content: center;
  height: 60px;
}

.nav .connecte .dropdown-menu a {
  height: auto
}

.nav .connecte a .menuIcon {
  vertical-align: sub;
  margin-right: 10px
}

.nav .connecte a .userName {
  max-width: 80px !important;
  display: inline-block;
  font-size: 1.3rem;
  line-height: 1.3rem;
  vertical-align: middle
}

/* REASSURANCE BLOCS */

#reassurance-blocs {
  gap: 0;
  width: 100%;
  margin-top: 15px;
  flex-direction: column;
}

#reassurance-blocs>div {
  padding: 0;
}


#reassurance-blocs .listItem h2 {
  color: #333;
    font-size: 1.2em;
    padding: 0;
    margin: 0;
    font-weight: initial;
}

#reassurance-blocs .listItem p {
  color: #333;
  margin: 0;
  padding: 0;
  font-weight: initial;
}

#reassurance-blocs .listItem .bottom:before {
  display: none
}

#reassurance-blocs .listItem .bottom img {
  -webkit-mask-size: 200% 230%;
  mask-size: 200% 230%;
}

#reassurance-blocs .listText {
  height: auto;
    padding: 20px;
    left: 0;
    position: relative;
    bottom: 0;
}

.reassurance-bloc-livraison {
  width: 100%
}

/* CC PRESENTATION */

#presentation-journee.list-bas-de-page {
  gap: 0
}

html #body .list-bas-de-page .listItem.presentation-bloc-journee {
  width: 100%;
  margin-bottom: 25px;
}

html #body .list-bas-de-page .presentation-bloc-journee .listText h2 {
  color: #333;
  width: 100%;
  font-size: 120%
}

html #body .list-bas-de-page .presentation-bloc-journee .listText {
  top: 10px;
  bottom: auto;
  left: 20px;
  width: 45%
}

html #body .list-bas-de-page .presentation-bloc-journee img {
  -webkit-mask-size: 150%;
  mask-size: 150%;
  -webkit-mask-position-x: -60% !important;
  mask-position-x: -60% !important;
  -webkit-mask-position-y: -100px !important;
  mask-position-y: -80px !important;
  width: auto;
  height: 100%;
  max-width: 300%;
}

html #body .list-bas-de-page .presentation-bloc-journee .listItemStyle:before {
  content: "";
  width: 40%;
  right: 25%;
}

.pictosIcon {
  margin-left: 50px
}

.etape-adh #etape4 a.btn.btn-fp2,
.etape-adh #etape4 #accParrain .panel-heading,
.etape-adh #etape4 #divBilling a {
  border-radius: 40px;
  background: #ececec;
  color: #333
}

.etape-adh #etape4 #accParrain .panel-heading {
  display: inline-block
}

.etape-adh #etape4 a.btn.btn-fp2:hover,
.etape-adh #etape4 #divBilling a:hover {
  border-color: #333
}

.etape-adh .reglesdor,
.etape-adh .reglesdor a {
  color: red
}

.etape-adh .reglesdor a, .etape-adh .cgv a {
  text-decoration: underline
}

.footerFrancePassion.connecte {
  width: 1440px;
  margin: auto;
  padding: 25px 30px;
  border-top: 1px solid #eee;
  max-width: 100%;
  margin: 20px auto 0;
  position: relative;
  height: auto;
  display: flex;
  font-size: 0.9em;
}

.footerFrancePassion.connecte ul,
.footerFrancePassion.connecte li {
  display: inline-block
}

.footerFrancePassion.connecte li {
  margin: 0 0 0 30px
}

.footerFrancePassion.connecte .textContainer {
  width: 50%;
  float: left
}

/* ///////////// RECHERCHE ETAPE - CAMPING CARISTE ////////////////
/////////////////////////////////////////// */

.campingCaristeContainer .form-adherent-search input {
  /*! background: red !important; */
}

.pageCampingCariste .campingCaristeContainer .rechEtapeTuto img {
  max-width: 100%;
  height: auto
}

.alert {
  position: fixed;
  top: 150px;
  width: 80%;
  left: 10%;
  z-index: 999999999;
  padding: 20px 30px;
  font-size: 1.5em;
  opacity: 0.9;
  border: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  background: var(--francepassion-color);
  color: white;
}
.alert .close {
    color: var(--francepassion-dark) !important;
    opacity: 1;
    font-size: 36px
}

.list-inline ul li {
  display: inline-block !important;
}

.list-inline ul {
  min-width: 100%
}

.tv-radio.list-inline ul li.txtLienOrange a {
  background: white !important;
  color: var(--accueillant-color) !important;
  border: 3px solid var(--accueillant-color);
}
.tippy-tooltip {
    border-radius:1rem;
  font-size:0.8em;
  padding: 10px 20px;
}

span.highlight {background-color: var(--francepassion-color);}

.ligne-header {min-height: 280px}
.small-head {min-height: auto}

/* PROCESS COMMANDE MODIFS 11-25 */
body.commande > form > section > .container, .etapeAdhesion .max-width-1110px  {width: 100%; max-width: 1440px}
body.commande .h-card p {font-size: 1.15em}
body.commande a.btn {font-size: 1.3em}
.etape-adh a.btn2.disabled:hover {background-color: var(--francepassion-color); color: #fff !important}
.etape-adh .panel-group .panel {border: none; box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;border-radius: 8px;/*overflow: hidden*/}

/* Dropdown Villes */

ul.input-dropdown {
    box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
}
ul.input-dropdown li {
    border-bottom: 1px solid #ddd;
}
ul.input-dropdown li:last-child {
    border-bottom: none;
}
ul.input-dropdown a {
    color: #464646;
    padding: 8px;
    transition: all ease .3s;
}
ul.input-dropdown a:hover {
    color: var(--francepassion-color);
    font-weight: 700;
}

.modal {height: 100vh}
.modal .modal-dialog {  margin: auto; display: flex; height: 100vh; align-items: center}
.modal .modal-content {padding: 30px}
.modal .modal-header, .modal .modal-body {padding: 0}
.modal .form-horizontal .form-group {margin: 15px 0;}
 .checkbox-inline {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    padding-left: 0;
  }


 #accRGPD label.checkbox-inline input[type="radio"]{
    display: none;
  }

 #accRGPD label.checkbox-inline {
    position: relative;
    padding-left: 25px;
  }

  #accRGPD label.checkbox-inline::before {
    font-family: 'francepassion' !important;
    font-size: 1.5em;
    vertical-align: middle;
    content: "\e959";
}
  

 #accRGPD label.checkbox-inline:has(input[type="radio"]:checked)::before,
 #accRGPD label.checkbox-inline.checked::before {
    content: "\e95b";
    color: var(--francepassion-color);
  }


/** MODALE VIDEO**/
#mDigitoPopup .modal-content {
    max-height: 605px;
    max-width: 862px;
    width: 90%;
    margin:auto;
    padding:0;
}
#mDigitoPopup .modal-body {
    max-width: 861px;
    max-height: 574px;
}
/************/
#tbCmsInscriptionPlaque::placeholder {
  color: transparent;
  opacity: 0;
   transition:.3s all ease;
}
#tbCmsInscriptionPlaque:focus::placeholder {
  color: #777;
  opacity: 1;
}

/* ///////////// ACCUEIL 2025 ///////////// */

.accueil-France-Passion .ligne-header #accueilContenuHeader {position: absolute; top: 20%; width: 70%; left:15%; text-align: center;}
.accueil-France-Passion .ligne-header h1, .accueil-France-Passion .ligne-header h2, .accueil-France-Passion .ligne-header h3 {color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.8);}
.accueil-France-Passion .ligne-header h3 {  font-family: "Tahu";   font-size: 90px;  transform: rotate(-8deg);margin-bottom: 30px;}
.accueil-France-Passion .ligne-header h1 {  font-size: 60px;  line-height: 1em; font-weight: 600;}
.accueil-France-Passion .ligne-header h2 {font-size: 30px;}
.accueil-France-Passion .ligne-header .adhBouton {width: auto; display: inline-block; margin-top: 15px; cursor: pointer}
.accueil-France-Passion .ligne-header .adhBouton:hover {transform: scale(1.1)}
#statistic p, .carteFranceAccueil.francePassionContainer p, #EnvieDeVivre p {font-size: 140% !important;}
#bonnesRaisonsAccueil {padding-top: 150px; text-align: center;/*! margin-bottom: -100px; */max-width: 1700px;margin: 0 auto;}
#bonnesRaisonsAccueil .col-content {display: block}
#bonnesRaisonsAccueil .list.row-flex {margin-bottom: -80px;z-index: 2;position: relative;}
#bonnesRaisonsAccueil.francePassionContainer h3, #statistic h3, #sectionCitation h3, #sectionActus h3 {font-family: "Tahu", cursive;  transform: rotate(0);  color: #585858 !important;font-size: 50px;line-height: 1em;margin-top: 0;}
#bonnesRaisonsAccueil.francePassionContainer h2, #statistic h2, .carteFranceAccueil h2, #EnvieDeVivre h2, #sectionCitation h2, #sectionActus .text > h2  {font-size: 60px;font-family: inter-medium !important;color: var(--francepassion-color) !important; margin: 0;line-height: initial;}
#statistic .container-fluid, .carteFranceAccueil.francePassionContainer  .container-fluid, #EnvieDeVivre .container {width: 1440px; max-width: 100%}
#statistic h2 {margin-top: 30px}
#bonnesRaisonsAccueil .listItem {   border-radius: 10px;  width: 100%;  position: relative; padding: 0;  box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;  background: #fff; overflow: hidden;}
#bonnesRaisonsAccueil .listItemStyle div {max-height: 180px; width: 100%  }
#bonnesRaisonsAccueil .listItemStyle img {width: 100%}
#bonnesRaisonsAccueil .listItemStyle div {overflow: hidden;}
#bonnesRaisonsAccueil .listItem p {padding: 20px 20px; font-size: 1.6em;}
.pageAccueil #statistic, #etapesNumero   {text-align: center}
.pageAccueil #statistic #howsteps h2, #etapesNumero h2 {background: #fff; display: inline-block; width: 70px; height: 70px;line-height: 70px;border-radius: 100%;font-size: 40px;font-weight: 900;}
#etapesNumero h2 {background: var(--francepassion-gris)}
.pageAccueil h2 {max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.pageAccueil .textContainer {max-width: 100%}
.pageAccueil #statistic  h4, #etapesNumero h4 {color: #585858;}
#coupDoeil-wrapper {background: #fff; margin-bottom: 50px; box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;border-radius: 20px; }
#coupDoeil-wrapper .listItem .listItemStyle > div,#coupDoeil-wrapper .listItem .listItemStyle, #coupDoeil-wrapper .listItem .listItemStyle img  {text-align: center;  margin: 0 auto}
#coloneTextAccueilMapFrance ul  {margin: 0; float: left}
#statistic .slideshow.vegas-container {  min-height: 400px; text-align: center; background: #fff; margin: 50px;box-shadow: rgb(0 0 0 / 24%) 0 3px 8px; border-radius: 10px; padding: 30px }
#statistic  .slideshow.vegas-container .vegas-slide-inner {background-size: 300px !important; }
#statistic  .slideshow.vegas-container .slide-buttons {width: 100%; left: 0}
#statistic  .slideshow.vegas-container .slide-content-title {display: none}
#statistic .videoAccueil, #CommentBtnVideo {position: absolute; width: 100px; height: 100px; left: 50%; margin-left: -50px; margin-top: -100px;}
#CommentBtnVideo {/*! bottom: 120px; */ /*! margin-left: 55px; */position: relative;}
#statistic .txtLienVert {text-align: center; margin: 0 auto;width: auto;}
#statistic .txtLienVert a, #EnvieDeVivre a,.boutonCenter   {margin: auto; width: 330px; margin: 20px auto}
#statistic ul, #EnvieDeVivre ul {width: 100%}
#accueilFond1:before {background: var(--francepassion-dark); content: ''; width: 100%; height:100%;display: block;z-index: 999999999;position: absolute;opacity: 0.4;}
#btnCommandeFP p {display: none}

#EnvieDeVivre {padding: 300px 0 400px;background: #fff;
  background: url(/contents/images/decorations/nuage_1.png) no-repeat, linear-gradient(transparent, #fff);
  position: relative;
  --parallax-feuille1: 0;
  --parallax-feuille2: 0;
  --parallax-nuancier1: 0;
  --parallax-nuancier2: 0;
  z-index: 0;background-size: cover}
#sectionCitation, #statistic {margin-top: -200px; max-width: 100vw !important; overflow-x: hidden !important;padding-bottom: 80px;}

  /* MENU CONNECTE //////////////// */

  #connected-menu {display: none; position: fixed; top:90px; width: 100%; left: 0;/*! padding-top: 10px; */z-index: 16;overflow-x: auto;/*! height: 50px; */background: var(--campingcariste-color);overflow-y: hidden;}
.accueillant #connected-menu {background: var(--accueillant-color);}
#connected-menu li {display: inline-block; width: auto; height: auto;}
  #connected-menu li a{color: #fff; font-weight: 600; padding: 10px 20px;}
  #connected-menu ul {width: auto; overflow-x: auto; margin: 0;white-space: nowrap;/*! height: 60px; */line-height: 50px;}
  
  #connected-menu li:hover {background: none}
  #connected-menu a.active.current {background: none; border-bottom: 3px solid}
  .connecte.rechercheEtapes #connected-menu {display: block; }
.connecte.rechercheEtapes .ligneHeader-breadcrumb {top: 120px !important;}
.connecte.rechercheEtapes > form > section > .container-fluid {margin-top: 35px}
.actus-accordeon-container .panel-body p a {color: var(--campingcariste-color); text-decoration: underline }

.list.row-flex.listToSlide, .row.row-flex.listToSlide {
    flex-wrap: nowrap;
}
.listToSlide h2 {
    display: none;
}
.listToSlide p {
    text-align: center;
}
.listToSlide .overlay {
    display: none;
}

#coupDoeil .digito-slider-viewport {
    background-color: white;
    border-radius: 20px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}
#coupDoeil .divImage{
    box-sizing: border-box;
    padding: 20px 15px;
}
button#coupDoeil-prev, button#coupDoeil-next {
    background-color: var(--francepassion-color) !important;
    color: white;
    font-size: 38px;
    border: none;
}
#coupDoeil p {
    font-size: 1.14em;
}
#etapDiapo .digito-slider-wrapper {
    height: 100%;
}

#sectionActus{position:relative;}
#sectionActus:after {
  content: "";
  background: url(/contents/images/animations/feuille4.png) no-repeat;
  width: 150px;
  background-size: 45%;
  right: 0;
  height: 100px;
  position: absolute;
  bottom: var(--parallax-feuille);
  opacity: var(--parallax-nuancier);
  will-change: bottom, opacity;
}
.form-inline.formConnexion .btn.btn-password {
  position: absolute;
  top: 0;
  left: -48px;
}
.form-inline.formConnexion .form-group {
  flex-shrink: 0;
}
.form-inline.formConnexion {
  display: flex;
  align-items: center;
  justify-content: center;
}
a#btn-connexion:hover {
    color: var(--francepassion-color);
    background: transparent;
    border-color: var(--francepassion-color);
}
.campingCaristeColor a#btn-connexion:hover{
    color: var(--campingcariste-color);
    border-color: var(--campingcariste-color);
}
.accueillantColor a#btn-connexion{ background : var(--accueillant-color)}
.accueillantColor a#btn-connexion:hover{
    color: var(--accueillant-color);
    background:transparent;
    border-color: var(--accueillant-color);
}

#tbMesInfosPlaque::placeholder{
 color:transparent;
 transition: color ease .3s;
}
#tbMesInfosPlaque:focus::placeholder{
  color:#777;
}


.pictosRosace {
    float:left;
    margin:0 5px;
}
.rosace {
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: center;
    width: 2.8em;
    height: 2.5em;
}
.rosace1 {
    background-image: url(/contents/images/rosacePartenaires1.svg);
}
.rosace2 {
    background-image: url(/contents/images/rosacePartenaires2.svg);
}
.rosace3 {
    background-image: url(/contents/images/rosacePartenaires3.svg);
}

.ficheEtape .pictosInfo {
  position: absolute;
    right: 16px;
    margin-top: -36px;
    background: #fff;
    z-index: 1;
    height: 38px;
}
.FontSizeBig .ficheEtape .pictosInfo {margin-top: -43px;height: 43px;}
.FontSizeBig .campingCaristeContainer .ficheEtape .pictosIcon {max-width: 75%}
.FontSizeMax .ficheEtape .pictosInfo  {margin-top: -49px;height: 49px;}
.FontSizeMax .campingCaristeContainer .ficheEtape .pictosIcon {max-width: 80%}

.pageLaPresseEnParle .textLinks {display: none !important}
.etapeSearch .pictosMetier span, .etapeSearch .pictosMetier  {display: inline-block; font-size: 10px;}


.custom-checkbox {
    position: relative;
    display: inline-block;
    padding-left: 0;
    cursor: pointer;
}
.custom-checkbox::before {
    content: var(--icon-content, "\f096");
    position: absolute;
    left: 0;
    top: 47%;
    font-family: 'FontAwesome';
    transform: translateY(-50%);
    font-size: 1.6em;
    color: var(--icon-color, #333);
    width: 20px;
    height: 20px;
    display: inline-block;
    z-index: 999;
}
.custom-checkbox > input{display:none;}
.avantages .date {display: none !important;}

  }
  .acces-mon-compte .campingCaristeContainer > .container > .row > div:nth-child(2) .text, 
.acces-mon-compte .campingCaristeContainer > .container > .row > div:nth-child(3) .text {min-height: 270px}
.acces-mon-compte .campingCaristeContainer > .container > .row > div:nth-child(1) .text:nth-child(1) {min-height: 141px;}
.acces-mon-compte .campingCaristeContainer > .container > .row > div:nth-child(1) .oublie {position: absolute;
    margin-top: -20px;}

.popover .popover-content table td:nth-child(1) {text-align: center}
.popover .popover-content table td {vertical-align: middle}

/* ///////////// MEDIA QUERIES ///////////////
//////////////////////////////////////////////
//////////////////////////////////////////////
//////////////////////////////////////////////
//////////////////////////////////////////////
//////////////////////////////////////////////
/////////////////////////////////////////// */

@media (min-width: 2304px) {

  div.contentCol>.col-content,
  div.content2Col>.col-content {
    max-width: 70%;
    margin: auto;
  }

  div.colActus>.col-content {
    max-width: 80%;
  }

  .colActus {
    margin: auto;
    display: flex;
    justify-content: center;
  }
}

@media (min-width: 1921px) {
  #actuAccueil {
    background-size: cover;
    width: 100%;
    background-position: bottom;
  }

  #footerContainer .image>img {
    object-fit: cover;
    width: 100%;
    object-position: 0 40px;
  }

  #footerFrancePassion2:before,
  #footerFrancePassion:before {
    background: url(/contents/images/decorations/vague_footer.png) no-repeat;
    background-size: cover;
    width: 100%;
  }
}

@media (max-width: 1800px) {

  section.withPastille.francePassionContainer.parti2:before,
  .loginSignin::after {
    display: none;
  }
}

@media (min-width: 1770px) and (max-width: 1925px) {
  section.header-FrancePassion {
    padding: 100px 150px 0;
  }
}

@media (min-width: 1500px) and (max-width: 1769px) {
  section.header-FrancePassion {
    padding: 100px 75px 0;
  }
}

@media (max-width: 1692px) {

  li.menuLi1>a>span,
  li.menuLi2>a>span,
  li.menuLi3>a>span,
  li.menuLi4>a>span,
  li.menuLi5>a>span,
  li.menuLi6>a>span,
  li.menuLi7>a>span,
  li.menuLi8>a>span,
  .menuAdherent li a span,
  #adhesionMenu .nav.navbar-nav li a span {
    font-size: 1.2em;
  }
}

@media (min-width: 1646px) {
  nav.navbar>.container-fluid {
    padding: 0 20px;
    background: #fff;
  }

  #tarteaucitronIcon {
    bottom: 21px;
  }
}

@media (max-width: 1820px) {
  #menuPrincipal ul.nav.navbar-nav:first-child {
    width: 100%;
  }

  .textLinks>ul>li>a {
    font-size: 1.2em;
  }

  nav.navbar>.container-fluid {
    padding: 0 0 0 25px;
  }

  ul.nav.navbar-nav.navbar-right {
    margin-left: unset;
  }

  .breadcrumb {
    transform: translate(25px, 50%);
  }

  #fontSizer {
    transform: translate(-40px, 40%);
  }

  .nav.navbar-nav.navbar-right,
  .nav.navbar-nav.navbar-right.reposition {
    position: absolute;
    top: 180px !important;
    right: -25px !important;
  }
}
.pageCampingCariste .nav.navbar-nav.navbar-right,
#adhesionNavbar .nav.navbar-nav.navbar-right,
.navbar.menuAdherent .navbar-nav.navbar-right {
right: 180px !important;
  top: 100px !important;
}

.rechercheEtapes.pageCampingCariste .nav.navbar-nav.navbar-right {
  top: 150px !important;
}

@media (max-width: 1588px) {
  #divRGBD>.row>.col-lg-30 {
    margin-bottom: 25px;
  }

  .textContainer.enCampingCar.textRotate {
    top: 66%;
  }

  .centerBgrnd {
    top: 60%;
  }

  .feuille-5.etape-feuille {
    right: 0;
  }
}

@media (max-width: 1470px) {
  .row.footer-r4 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 1454px) {

  li.menuLi1>a>span,
  li.menuLi2>a>span,
  li.menuLi3>a>span,
  li.menuLi4>a>span,
  li.menuLi5>a>span,
  li.menuLi6>a>span,
  li.menuLi7>a>span,
  li.menuLi8>a>span,
  .menuAdherent li a span,
  #adhesionMenu .nav.navbar-nav li a span {
    letter-spacing: 0;
    font-size: 1em;
  }

  #statistic .text {
    /*! padding-top: 100px; */
  }
}

@media (min-width: 1570px) {
  #tarteaucitronRoot #tarteaucitronIcon {
    bottom: 21px;
  }
}

@media (max-width: 1300px) {

  div.contentCol>.col-content,
  div.content2Col>.col-content {
    padding: 0 15px;
  }

  #menuFrancePassion {
    min-width: inherit
  }

  #menuAccueillant,
  #menuAnnexe,
  #menuCampingCariste,
  #menuFrancePassion {
    margin-left: inherit
  }

  #footerMenu>.containerMenu {
    gap: 30px
  }

  .list-bas-de-page .presentation-bloc-journee .listText {
    width: 45%
  }

  html #body .list-bas-de-page .presentation-bloc-journee img {
    -webkit-mask-position-x: -90% !important;
    mask-position-x: -90% !important;
  }

  html #body .list-bas-de-page .presentation-bloc-journee .listItemStyle:before {
    content: "";
    width: 40%;
    right: 10%;
  }
}



@media (min-width: 992px) and (max-width: 1550px) {

				
   
  #etapesCol .container,
  carnetsVoyagesPage .container {
    width: 110% !important;
  }

  li.menuLi1:hover a.has-submenu:before,
  li.menuLi2:hover a.has-submenu:before,
  li.menuLi3:hover a.has-submenu:before {
    width: calc(100%);
  }

  .row.ligne-absolute {
    top: 35%;
  }

  #prevComment {
    left: 10px;
  }

  #nextComment {
    right: 10px;
  }
}

@media (min-width: 1200px) {

    .container {    width: 1440px; max-width: 100%}
  .galerieImage .col-lg-20 {
    width: calc(33.33333333% - 20px);
  }
  .acces-mon-compte .campingCaristeContainer > .container > .row > div:nth-child(2) .text, 
.acces-mon-compte .campingCaristeContainer > .container > .row > div:nth-child(3) .text {min-height: 270px}
.acces-mon-compte .campingCaristeContainer > .container > .row > div:nth-child(1) .text:nth-child(1) {min-height: 141px;}
.acces-mon-compte .campingCaristeContainer > .container > .row > div:nth-child(1) .oublie {position: absolute;
    margin-top: -20px;}
}

@media (max-width: 1199px) {
    .acces-mon-compte .campingCaristeContainer > .container > .row > div {width: 100% !important;}


  .accueillantContainer .vertical-menu,
  .campingCaristeContainer .vertical-menu,
  .francePassionContainer .vertical-menu {
    display: none;
  }
  .etape-adh #etape4 #accNotConnected input {margin-bottom: 10px}
  .form-inline.formConnexion {
    flex-direction: column;
    gap: 5px
  }

  .galerieImage .col-md-30 {
    width: calc(50% - 20px);
  }
}

@media (max-width: 991px) {
  
  .margin-bot-100 {   margin: 0 auto 30px;}
  .campingCaristeContainer.header-FrancePassion .margin-vert-100 {
    margin: 0 auto
  }

  #accParrainForm .form-group:first-child {
    margin-top: 25px;
  }

  #accParrainForm .form-group {
    margin: 0;
  }

					   
   
  #divRGBD>.row>.col-lg-30 {
    padding: 0;
  }

  #accPayments {
												 
    padding: 25px;
  }
		   
							 
   

  .formConnexion .imageCaptcha {
    transform: inherit;
    margin-bottom: 0;
    margin-top: 0;
  }

  .galerieImage .col-lg-20:first-child .photo a i {
    rotate: 90deg;
  }

  .galerieImage .col-lg-20 .photo a:nth-of-type(1) i {
    rotate: 90deg;
  }

  .galerieImage .col-lg-20 .photo a:nth-of-type(2) i {
    rotate: 90deg;
  }

  .galerieImage .col-lg-20:last-child .photo a:nth-of-type(2) i {
    rotate: inherit;
  }

  .galerieImage .col-sm-60 {
    width: calc(100% - 20px);
  }
  
  section.header-FrancePassion .ligne-header {
    display: flex;
    flex-direction: column-reverse;	  
  }



  .col-content.flag-fr::after,
  .col-content.flag-multi::after {
    left: 25px
  }
}

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

  .textContainer.titreSectionBleu>.text>h1,
  .textContainer.titreSectionOrange>.text>h1,
  .textContainer.titreSectionVert>.text>h1 {
    font-size: 3.8em;
    font-weight: 500;
  }

  .text-header-p.sectionAccueillant,
  .text-header-p.sectionCcariste,
  .text-header-p.sectionFrancePassion {
    font-size: 1.5em;
    max-width: 460px;
  }
}

@media (min-width: 1400px) and (max-width: 1499px) {
  section.header-FrancePassion {
    padding: 100px 50px 0;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .etape-adh #etap2 .produts-col .product-col-product {    background-size: auto 50% !important;padding-left: 100px;}
  section.header-FrancePassion {
    padding: 100px 50px 0;
  }
}

@media (min-width: 1630px) and (max-width: 1810px) {
  .ligne-ttm-header {
    left: 57%;
  }
}

@media (min-width: 1024px) and (max-width: 1529px) {

  .accueillantContainer .image.imageHeader:before,
  .actualite-article .article-image:before,
  .campingCaristeContainer .image.imageHeader:before,
  .francePassionContainer .image.imageHeader:before {
    left: 0;
  }

  .buttonPlusMoinFont {
    margin-top: inherit;
  }

  #statistic {
    top: inherit;
  }

  #statistic:before {
    width: 150px;
    height: 150px;
    top: -70px;
  }

  #actuPagineAccueil .actu-text {
    padding: 15px;
    padding-top: 0;
    height: 10em;
  }

  a.linkToActu {
    bottom: 20px;
    right: 25px;
  }

  #francePassionMenu {
    padding: 0 25px;
  }

  #footerMenu>.containerMenu {
    display: flex;
    justify-content: center;
  }

  #carteEtapeAccueil {
    /*! position: absolute; */
    /*! top: -100px; */
    /*! right: 0; */
    /*! width: 100%; */
  }

  .logoDiv {
    margin: auto 0;
  }
}

@media (min-width: 1341px) {
  .rs-col.menuDuFooter {
    padding-left: inherit;
  }
}

@media (max-width: 1291px) {
  section.header-FrancePassion {
    overflow: hidden;
    margin-top: 73px;
  }
}

@media (min-width: 1024px) and (max-width: 1340px) {
  .rs-col.menuDuFooter {
    padding-left: 25px;
  }
}

@media (min-width: 1201px) {
  .w500-500-400-400 {
    height: 28.8em !important;
  }


  .w900-900-800-600 {
    height: 600px !important;
  }


  .logo-header {
    box-shadow: inherit;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .p-card3 #trProduct .tdText {
    width: 170px;
    white-space: nowrap;
  }

  .w500-500-400-400 {
    height: 350px !important;
  }

  .w900-900-800-600 {
    height: 600px !important;
  }

}

@media (max-width: 1200px) {
  .etape-adh #etap2 .produts-col .product-col-product {width: 100% !important}
  .etape-adh #etap2 .produts-col .product-row .row .product-col-product:nth-child(2):before {
  left: auto;  top: 0;  margin-top: -35px;  left: 50%;  margin-left: -20px}
  .etape-adh #etap2 .produts-col .product-row.lg-de .row .product-col-product:nth-child(2):before {
    margin-left: -50px
  }
  #accParrainForm .form-group .col-lg-30:first-child, #accParrainForm .col-lg-60 {
    margin: 5px auto
  }

  #cphBody_ctl04_lbClear {
    top: 10px;
  }

  .campingCaristeContainer .form-adherent-search {
    margin-top: 20px
  }

  .imageEtMenu-header.colHeight2.colVoyageOrga {
    height: 250px;
  }

  .divImage {
    border-radius: 20px;
  }

  .row.carnet::before {
    display: none;
  }

  .colTampon::after {
    display: none;
  }

  .menuAdherent ul.nav.navbar-nav:first-child,
  #adhesionMenu .nav.navbar-nav:first-child {
    width: 100%;
  }

  #adhesionNavbar a,
  #adhesionNavbar span {
    letter-spacing: 0;
    font-size: 0.9em;
  }

  .menuAdherent ul.nav.navbar-nav li,
  #adhesionMenu .nav.navbar-nav li {
    flex-grow: 1;
  }

  .etapsScrollbar {
    padding-right: 15px;
  }

  .article-mep.contentCol .col-content {
    margin-left: auto;
  }

  div.contentCol>.col-content {
    width: 700px;
  }

  div.content2Col>.col-content {
    width: 350px;
  }

  .row.questionReponseRow {
    display: flex;
    flex-direction: column;
  }

  .FPqr {
    order: 1;
    margin: auto;
  }

  .FPfiltre {
    order: 0;
    margin: auto;
  }

  .article-image {
    grid-area: 3 / 1 / 9 / 9;
  }

  .heading {
    grid-area: 1 / 12 / auto / 3;
  }

  .article-content {
    margin-top: 50px;
  }

}

@media (min-width: 1024px) and (max-width: 1200px) {
  .nav>li>a {
    padding: 10px 5px;
  }

  section.header-FrancePassion {
    padding: 100px 25px 0;
  }

  .text-header-p.sectionAccueillant,
  .text-header-p.sectionCcariste,
  .text-header-p.sectionFrancePassion {
    font-size: 1.5em;
    max-width: 400px;
  }

  #actuPagineAccueil .actus-inner,
  #actuPaginePageActu .actus-inner,
  #avantagesPagine .actus-inner {
    justify-content: space-evenly;
  }

  .accueillantContainer .image.imageHeader,
  .campingCaristeContainer .image.imageHeader,
  .francePassionContainer .image.imageHeader {
    right: 0;
  }

  .ligne-ttm-header {
    left: 52%;
  }

  .logoDiv {
    margin: auto 10px;
  }

  .logo-header {
    box-shadow: inherit;
  }
}

@media (max-width: 1199px) {
  #etapDiapo {
    margin: 0 auto 0px;
    height: 300px;
  }

  .etapsScrollbar {
    height: 300px !important;
    margin-bottom: 50px;
  }

}

@media (min-width: 1025px) {
  #tarteaucitronIcon {
    bottom: 80px;
  }
}

@media (max-width: 1024px) {
  ol.breadcrumb {
    display: none;
  }

  .menuAdherent ul.nav.navbar-nav li,
  #adhesionMenu .nav.navbar-nav li {
    flex-grow: 1;
  }

  .textContainer.enCampingCar.textRotate {
    /*! top: 70%; */
    /*! right: 3%; */
  }

  #searchBlock {
    padding: 0 15px;
  }

  .adherentCardMenu .col-content .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }

  #coloneTextAccueilMapFrance h2 {
    margin: 0;
  }

  #coloneTextAccueilMapFrance .textLinks {
    margin-top: 25px;
  }

  .row.carteDeFrance {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 150px auto 0px;
  }

  .centerBgrnd {
    top: 60%;
  }

  #appliMobile {
    width: 30%;
    transform: translateY(50px);
  }

  #guideAccueil {
    /*! transform: translateY(0); */
  }

  .nav>li>a {
    padding: 10px 5px;
  }

  #statistic .text {
    padding-top: unset;
  }

  .textContainer.width500.text-explicatif {
    margin-top: 120px;
  }

  .logo-header {
    box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
  }

  .flashInfoCol:before {
    content: none;
  }

  .vosTemoignage .vegas-slide-inner {
    margin: auto;
  }

  .vosTemoignage:before {
    left: 50%;
    transform: translateX(-50%);
  }

  #sectionCitation .header-text {
    margin: auto;
    text-align: center;
  }

  .navbar-default .navbar-nav>li>a {
    font-size: 1em;
  }

  #francePassionMenu,
  #statistic,
  section.accueil-France-Passion {
    padding: 0;
  }

  .textContainer.depuis1993 {
    padding: 50px 25px;
  }

  #statistic:before {
    display: none;
  }

  section.accueil-France-Passion>.container-fluid:before {
    content: "";
    background: url(/contents/images/animations/feuille1.png) no-repeat;
    width: 220px;
    background-size: 45%;
    left: 7%;
    height: 100px;
    position: absolute;
    bottom: 300px;
  }

  .vosTemoignage .slide-content {
    margin-left: unset;
    margin: auto;
  }

  section.accueil-France-Passion>.container-fluid:before {
    display: none;
  }

  .image.videoAccueil.modalLink:after,
  section.accueil-France-Passion .ligne-libre:after {
    /*! bottom: calc(-100% - 60px); */
    /*! z-index: -1; */
    /*! transform: translateX(-52%); */
  }

  .titreManuscrit>.text>h1 {
    font-size: 5em;
  }

  .titreManuscrit>.text>h2 {
    font-size: 3.2em;
  }

  .depuis1993 h1 {
    font-size: 2.8em;
  }

  .depuis1993 h3 {
    font-size: 3.2em;
  }

  .depuis1993 p {
    font-size: 1.2em;
  }

  .textContainer.titreDiapoAccueil.titreManuscrit>.text:after {
    width: 200px;
  }

  #statistic .margin-top-250 {
    margin-top: 20px;
  }

  .carteDeFrance .textContainer.couleurDark.titreManuscrit {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .image.videoAccueil.modalLink:before {
    /*! margin-top: -139px; */
    /*! z-index: -1; */
  }

  .row.carteDeFrance {
    flex-direction: column;
  }

  .image.videoAccueil.modalLink::after {
    /*! bottom: -60px; */
  }

  #coloneTextAccueilMapFrance {
    width: 100%;
    /*! max-height: 200px; */
  }

  .row.carteDeFrance {
    justify-content: space-between;
  }

  .textContainer.titreSectionBleu>.text>h1,
  .textContainer.titreSectionOrange>.text>h1,
  .textContainer.titreSectionVert>.text>h1 {
    font-size: 3.2em;
  }

  .couleurDark.titreManuscrit h3 {
    font-size: 2.5em;
  }

  .carteDeFrance .textLinks {
    justify-content: center;
    margin-top: 20px;
  }

  #carteEtapeAccueil {
    width: 100%;
    position: relative;
    margin-top: 50px;
  }

  #actuAccueil:after {
    display: none;
  }

  #actuPagineAccueil .actus-item {
    margin-top: 20px;
  }

  #actuAccueil .row.margin-vert-50 {
    margin: 0 auto;
  }

  #actuAccueil:before {
    content: "";
    background: url(/contents/images/decorations/nuage_2.png) no-repeat,
      linear-gradient(transparent, #fff);
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: -140px;
    background-position: -750px -85px;
  }

  #actuAccueil .col-xs-60 {
    padding: 0;
  }

  #actuAccueil {
    background: 0 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
  }

  .textContainer.boutonTouteActu {
    /*! z-index: 2; */
    position: relative;
    /*! margin: 45px auto; */
  }

  .textContainer.boutonTouteActu:before {
    display: none;
  }

  #sectionCitation .col-xs-60 {
    padding: 0;
  }

  #sectionCitation .col-content {
    display: flex;
    flex-direction: column;
  }

  .vosTemoignage .vegas-wrapper {
    width: 100%;
    top: 300px;
  }

  .vosTemoignage {
    width: 100%;
  }

  .w500-500-400-400 {
    height: 800px !important;
  }

  .vosTemoignage .slide-buttons {
    top: unset;
    bottom: 20px;
  }

  #footerContainer .image>img {
    max-width: none;
    object-position: -150px;
    width: 850px;
  }

  .logo-footer {
    max-width: 150px;
  }

  #footerContainer .image {
    position: absolute;
    bottom: unset;
    top: -100px;
    left: 0;
    width: 100%;
    z-index: 0;
    overflow: hidden;
  }

  #menuAccueillant,
  #menuAnnexe,
  #menuCampingCariste,
  #menuFrancePassion {
    display: none;
  }

  ul.liste4mots {
    display: none;
  }

  .menuDuFooter {
    margin-right: 0;
  }

  #footerMenu>.containerMenu {
    align-content: center;
    align-items: center;
    justify-content: center;
  }

  #accueilFond1 img {
    height: 100%;
    object-fit: cover;
    object-position: -115px -150px;
  }

  #accueilFond1 {
    position: relative;
    height: 700px;
  }

  .depuis1993 .textLinks {
    bottom: 130px;
  }

  .row.ligne-libre {
    width: 100%;
    height: 500px;
  }

  .row.row-voyageOrga {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  #francePassionMenu {
    top: 0;
  }

  .hautDePage>.col-content>.titreSection>.text>p {
    display: none;
  }

  .row.adhesionKit .adhesion {
    margin: auto;
  }

  #diapoTextAccueil .slide-content-body h2,
  #diapoTextAccueil .slide-content-title {
    font-size: 1.5em;
  }

  .row.adhesionKit {
    flex-direction: column;
  }

  #formuleInvitTilesRow {
    flex-direction: column;
  }

  .comment-ca-marche h2 {
    font-size: 50px;
    margin: 1rem 0;
    font-weight: 700;
    text-align: center;
    color: #fff;
    margin: 50px 0;
    line-height: 50px;
  }

  .modal h4 {
    /*! font-size: smaller; */
  }

  #statistic #titreStat {
    margin-bottom: 50px;
  }

  #statistic {
    /*! top: 200px; */
    /*! height: 750px; */
    /*! align-items: flex-start; */
    /*! background-position: 0 -50px; */
  }

  .image.videoAccueil.modalLink {
    /*! bottom: -30px; */
  }

  .hautDePage>.col-content>.masque3:after {
    height: 0;
  }

  .w900-900-800-600 {
    height: 600px !important;
  }

  .actus-content p,
  .diapo-list.vertical .list-group {
    display: none;
  }

  .diapo-list.vertical .actus-inner {
    width: 100%;
  }

  #footerMenuContainer {
    display: block;
  }

  .logo-footer {
    margin-top: 0;
  }

  .actus-content p,
  .diapo-list.horizontal .list-group {
    display: none;
  }

  .diapo-list.horizontal .actus-inner {
    width: 100%;
  }

  .ongletNav>ul>li {
    width: 100%;
    border: none;
  }

  .ongletNav>.nav-tabs>li>a {
    margin-right: 0;
    line-height: 1.42857143;
    font-weight: 700;
    background-color: #95ba21;
    color: #fff;
    text-align: center;
    border: 1px solid;
    border-radius: 0;
  }

  .navAccordeon {
    padding: 0 15px;
  }

  .tabs .tab-content {
    padding: 15px 0;
  }

  .map-col {
    padding: 0;
  }

  #mosaique {
    display: block;
  }

  .titre-guide:hover #guideText {
    display: none;
  }

  .titre-guide:hover {
    height: 140px;
  }

  .navAccordeon .panel-body {
    padding: 15px 0;
  }

  .navAccordeon {
    padding: 15px 0;
  }

  #departements-Event>option,
  #departements>option,
  #regions-Event>option,
  #regions>option {
    font-size: 0.7em;
  }

  #departements,
  #departements-Event,
  #regions,
  #regions-Event {
    width: 190px;
    margin-bottom: 10px;
  }

  .gallery.galerieImgFicheEtape img {
    max-width: 250px;
    max-height: 250px;
    margin: 10px auto;
    width: 250px !important;
    height: 250px !important;
  }

  .colFlex1,
  .colFlex2 {
    width: 100%;
    text-align: left;
  }

  .galerieImgFicheEtape img {
    width: 100%;
    object-fit: none;
  }

  #boutique {
    flex-direction: column;
  }

  #boutique .listItem {
    display: flex;
    border: 1px solid #f2f4ef;
    margin: 10px 0 !important;
  }

  .image.videoAccueil.modalLink:after,
  section.accueil-France-Passion .ligne-libre:after {
    /*! bottom: -60px; */
    /*! z-index: -1; */
  }

  #carteEtapeAccueil {
    width: 100%;
    margin: auto;
  }

  .row.carteDeFrance {
    /*! height: 740px; */
    /*! display: flex; */
    /*! align-items: center; */
    /*! justify-content: flex-start; */
    margin: 50px auto 25px;
  }

  #actuAccueil:before {
    content: "";
    background: url(/resources/images/original/874.png) no-repeat,
      linear-gradient(transparent, #fff);
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: -291px;
    background-position: -750px 0;
  }

  #actuPagineAccueil .actus-inner,
  #actuPaginePageActu .actus-inner,
  #avantagesPagine .actus-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: auto;
    column-gap: 20px;
    max-width: 980px;
  }

  #footerContainer .image>img {
    max-width: none;
    object-position: inherit;
    width: 100%;
  }

  .textContainer.width500.text-explicatif {
    margin-top: auto;
  }

  article.temoignageCard .temoignage-auteur {
    font-size: 1em;
  }

  div.contentCol>.col-content,
  div.content2Col>.col-content,
  .article-mep.contentCol .col-content {
    margin: 1em auto 0;
  }

  .list.liste-paiement .listItem {
    border: 0 #000 solid;
    margin-bottom: 10px;
    width: 100%;
    position: relative;
  }

  .image.cb-image {
    position: absolute;
    left: -20px;
    top: 55px;
  }

  .h-card>.col-content>.row {
    display: flex;
    width: 100%;
  }

  .list.row-flex.liste-paiement {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding-top: 10px;
  }

  #rowDeliveryPayment {
    height: 800px;
    margin: 150px auto;
    margin-bottom: 0;
    flex-direction: column;
    align-items: center;
  }

  #footerMenu {
    background-color: #95ba21;
  }

  #footerContainer .image {
    top: -70px;
  }

  .row.ligneContainerLibre {
    height: 50px;
  }

  #footerContainer .image {
    bottom: 99%;
    top: inherit;
  }

  .row.footer-r4 {
    justify-content: space-between;
    margin: 50px auto 0;
    background-color: #95ba21;
  }

  #footerMenu {
    position: relative;
    top: 50px;
  }

  #footerContainer .image {
    position: absolute;
    bottom: 175px;
    top: unset;
    left: 0;
    width: 100%;
    z-index: 0;
    overflow: hidden;
  }

  #footerFrancePassion,
  #footerFrancePassion2 {
    height: 230px;
  }

  .text-header-p.sectionAccueillant,
  .text-header-p.sectionCcariste,
  .text-header-p.sectionFrancePassion {
    max-width: 350px;
  }

  .accueillantContainer .image.imageHeader,
  .campingCaristeContainer .image.imageHeader,
  .francePassionContainer .image.imageHeader,
  .article.actualite-article .article-image {
    position: absolute;
    top: -165px;
    z-index: -1;
    right: 0;
  }

  .article.actualite-article .article-image {
    position: relative;
    top: unset;
    width: unset;
    overflow: hidden;
  }
}

@media (max-width: 991px) {
  /* ACCUEIL 2025 //////////// */
  #accueilContenuHeader .adhBouton {display: none}
  #EnvieDeVivre {padding: 10px 0 300px}
  #EnvieDeVivre .imageEtMenu-header.colHeight2 {height: auto; margin-bottom: 50px}
    
  /* MENU 2025 */
  .nav .connecte a .userName {/*! font-size: 1.2em; */ /*! max-width: 100% !important; *//*! max-width: 100px; *//*! overflow: hidden; */}
  .nav .connecte .hidden-md.hidden-lg.hidden-sm {display: none}
  .nav a.adhBouton {margin-top: 0; position: fixed; width: 80%; bottom: 40px; z-index: 99999;}
    
  /* MENU CONNECTE //////////////// */

  #connected-menu {display: block;}
  .connecte .ligneHeader-breadcrumb {top: 115px !important;}
  .connecte.commande .ligneHeader-breadcrumb {top: 70px !important;}
  #btnCommandeFP p {display: block; background: var(--francepassion-color); color: #fff; padding: 5px; border-radius: 30px; text-transform: uppercase; text-align: center; z-index: 9; position: fixed; width: 80%; left: 10%; bottom: 30px}
  
  #etap2 .etapeAdhesion a.btn.btn-fp1, .etape-adh #etape4 a.btn.btn-fp3.nextStep, #lbCBValidation, #lbCheckValidation, #lbTransferValidation {
    position: fixed;
    bottom: 30px;
    width: 80vw;
    left: 10vw;
    z-index: 9999999;
  }


  #divRGBD,
  #divPay {
    min-height: auto;
    padding: 50px;
  }

  .etape-adh #etap2 .produts-col .product-col-product .p-label {
    font-size: 1.3em
  }

  #nextComment {
    right: 0;
  }

  #prevComment {
    left: 0;
  }

  #mMoreFilter .form-group .col-lg-60 {
    margin-bottom: 0;
  }

  #etapesCol>.col-content>.row:nth-child(2):after {
    display: none;
  }

  .feuille-5 {
    display: none;
  }

  .navbar.menuAdherent .navbar-nav.navbar-right {
    top: 103px;
  }

  #adhesionMenu .navbar-nav.navbar-right {
    top: 95px;
  }

  #adhesionNavbar a,
  #adhesionNavbar span {
    padding: 0 4px;
  }

  .textContainer.textTitrage {
    width: 80%;
  }

  .actus-content p,
  .diapo.thumbdiap .list-group {
    display: none;
  }

  .affix {
    position: static !important;
  }

  .row.p-row {
    justify-content: flex-start;
  }

  #avantagesPagine.laPresseEnParle {
    margin-top: 0;
  }

  #actuPaginePageActu {
    margin-top: 0;
  }

  .colMax600>.col-content,
  .article-mep>.col-content {
    margin: auto;
    max-width: inherit;
  }

  li.menuLi1>a>span,
  li.menuLi2>a>span,
  li.menuLi3>a>span,
  li.menuLi4>a>span,
  li.menuLi5>a>span,
  li.menuLi6>a>span,
  li.menuLi7>a>span,
  li.menuLi8>a>span,
  .menuAdherent li a span,
  #adhesionMenu .nav.navbar-nav li a span {
    letter-spacing: 0;
    font-size: 0.8em;
  }

  .menuAdherent li a span,
  #adhesionMenu .nav.navbar-nav li a span {
    font-size: 0.85em;
  }

  li.menuLi1>a.active:before,
  li.menuLi1>a:before,
  li.menuLi2>a.active:before,
  li.menuLi2>a:before,
  li.menuLi3>a.active:before,
  li.menuLi3>a:before {
    top: 69px;
  }

  li.menuLi4>a.active:before,
  li.menuLi4>a:before {
    top: 62px;
  }

  .dropdown-menu.level1 {
    top: 72px !important;
  }

  .colFlashInfo.col-xs-60.col-sm-20.col-md-20.col-lg-20 {
    width: 100%;
  }

  .etapRdv {
    flex: 1 0 100%;
  }

  .formTopPadding {
    padding-top: 30px;
  }

  img.imageCaptcha {
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
  }
  .formCmsInscription #tbCaptcha {margin: 0 !important;max-width: 150px;display: inline-block;float: left;}

  #body.etape5body:after {
    background-color: unset;
  }

  #divPay {
    height: unset;
  }

  .row.questionReponseRow {
    margin-top: 100px;
  }

  .imageEtMenu-header {
    height: 460px;
    position: relative;
    right: 0;
  }

  .colContentFlex .col-content>.row,
  .colFlashInfo {
    margin: 100px auto;
  }

  .accueillantContainer .image.imageHeader,
  .campingCaristeContainer .image.imageHeader,
  .francePassionContainer .image.imageHeader {
    right: 0;
  }

  .cadreOmbre {
    margin: 25px auto;
  }

  #etape5 #divPay {
    min-height: auto;
    padding: 15px 0;
    
    background-color:  rgba(123,206,215, 0.8);
  }

  .h-card {
    height: unset;
  }

  .fond-vert {
    height: unset;
  }

  .form-group {
    margin-bottom: 0;
    margin-top: 0;
  }

  .form-group .col-lg-60,
  .form-group .col-md-20,
  .form-group .col-md-30,
  .form-group .col-md-40 {
    margin-bottom: 20px;
  }

  .formNewAddress .form-group {
    margin-bottom: 0;
    margin-top: 0;
  }

  #divDeliveryMethod .col-md-30 {
    padding: 0;
    margin-top: 25px;
  }

  #body.etape5body:after {
    background-color: unset;
    background-size: unset;
    background-position: unset;
    width: unset;
    position: unset;
  }
													  
							   
   


  #divPay {
    height: auto;
								
  }

  #etape4 .divAddresses {
    flex-direction: column;
  }

  #etape4 .p-card3.shadowBox.topRight {
    float: right;
    margin: 25px 0;
    padding: 10px;
    position: inherit;
  }

  #rowAdhesionStep1 {
    flex-direction: column;
    row-gap: 25px;
    margin-bottom: 0;
  }

  a.navbar-brand {
    padding: 20px 10px;
  }

  .navbar-brand>img,
  .menuAdherent .navbar-brand>img,
  #adhesionMenu .navbar-brand>img {
    max-width: 100px;
  }

  #rowAdhesionStep1>.h-card {
				 
    min-height: unset;
    position: relative;
    width: 100%;
    row-gap: 25px;
    margin: auto;
  }

  .form-inline.form-adherent-search .form-group,
  #agendaEvents .form-adherent-search .form-group {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

@media (min-width: 767px) and (max-width: 1024px) {

  #tarteaucitronIcon {
    bottom: 50px;
    left: 0;
    transform: inherit;
  }

  section.carteFranceAccueil {
    /*! position: unset; */
    /*! top: unset; */
  }

  .buttonPlusMoinFont {
    margin-top: 15px;
  }

  .ligne-ttm-header {
    left: 40%;
  }

  section.header-FrancePassion {
    padding: 100px 0 0;
  }

  .accueillantContainer .image.imageHeader:before,
  .actualite-article .article-image:before,
  .campingCaristeContainer .image.imageHeader:before,
  .francePassionContainer .image.imageHeader:before {
    left: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
    .nav a.adhBouton {width: 300px;         right: -40px;        bottom: auto;        top: 200px;}
  #etapesCol .col-content {
    padding-left: 0;
  }

  .container {
    width: 100%;
  }


  .imageEtMenu-header.colHeight2 {
							 
    height: 280px;
  }

  .imageEtMenu-header.colHeight2.colVoyageOrga {
    margin-top: 0;
  }

  #menuPrincipal .navbar-nav {
    display: flex;
    justify-content: space-around;
  }

  li.menuLi7 .menuIcon:before {
    width: 25px;
    -webkit-mask-position-y: -885px;
    -webkit-mask-position-x: -10px;
    -webkit-mask-size: 175%;
  }

  li.menuLi6 .menuIcon:before {
    width: 25px;
    -webkit-mask-position-y: -29px;
    -webkit-mask-position-x: -16px;
    -webkit-mask-size: 200%;
  }

  .nav>li>a {
    padding: 10px 1px;
    line-height: unset;
  }

  li.menuLi7>a {
    padding-right: 3px;
  }

  .col_delivery {
    display: inline-block;
    width: 100%;
  }

  .navbar-collapse.collapse {
    padding-left: 5px;
  }

  li.menuLi7>a {
    padding-right: 3px;
  }

  #trTotal {
    width: 20.7em;
  }

  #trProduct {
    max-width: 20.7em;
  }

  .p-card3 {
    max-width: unset;
    margin-top: 0;
  }

  .w900-900-800-600 {
    height: 850px !important;
  }

  .adhBouton>i.fa {
    padding: 10px;
  }

  a.adhBouton {
					  
    font-size: 1em;
  }

  a.adhBouton p {
    display: block !important;
    font-size: 90%;
  }

  a.adhBouton i {
    display: none !important;
  }

										   
					 
   
  .h-card:first-child {
    margin-right: 0;
  }

  .h-card {
    width: 100%;
  }

  #rowDelaiPaiement {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
  }

  .etape1 #rowDelaiPaiement {
    align-items: center;
  }

  .text-header.sectionFrancePassion {
    padding-left: 25px;
  }

  .text-header-p.sectionAccueillant,
  .text-header-p.sectionCcariste,
  .text-header-p.sectionFrancePassion {
    font-size: 1.5em;
    max-width: 350px;
  }

  .imageEtMenu-header.sectionFrancePassion .image.adh-header-image {
    right: 0;
  }

  .accueillantContainer .image.imageHeader:before,
  .actualite-article .article-image:before,
  .campingCaristeContainer .image.imageHeader:before,
  .francePassionContainer .image.imageHeader:before {
    top: 0;
    left: 0;
  }

  .accueillantContainer .imageEtMenu-header.colHeight2 .image.imageHeader,
  .campingCaristeContainer .imageEtMenu-header.colHeight2 .image.imageHeader,
  .francePassionContainer .imageEtMenu-header.colHeight2 .image.imageHeader {
    right: inherit;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (min-width: 992px) {
  .diapo.thumbdiap .carousel-controls {
    display: none;
  }
}

@media (min-width: 768px) {
  .form-inline.form-adherent-search .form-group {
    max-width: 300px
  }

  .rechercheEtapes .form-inline.form-adherent-search .form-group {
    max-width: 15%
  }

  #myNavbar {
    margin: 20px 0;
  }

  .menuAdherent nav.navbar>.container-fluid {
    display: flex;
    justify-content: start;
    width: 100%;
  }

  .menuAdherent .navbar-header {
    flex: 1;
  }

  .diapo-list.horizontal .carousel-controls,
  .diapo-list.vertical .carousel-controls {
    display: none;
  }

  .navbar-collapse.collapse {
    display: flex !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    justify-content: space-around;
    align-items: center;
  }

  #adhesionMenu.navbar-collapse.collapse {
    margin: 10px 0;
  }
}

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

  li.menuLi1>a.active:before,
  li.menuLi1>a:before,
  li.menuLi2>a.active:before,
  li.menuLi2>a:before,
  li.menuLi3>a.active:before,
  li.menuLi3>a:before,
  li.menuLi4>a.active:before,
  li.menuLi4>a:before {
    bottom: -1.1em;
  }

  li.menuLi4 a.active:before,
  li.menuLi4>a:hover:before {
    background: var(--francepassion-color);
    width: 100%;
    left: 50%;
    bottom: -2em;
  }
}

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

  li.menuLi2>a.active:before,
  li.menuLi2>a:before {
    bottom: -0.6em;
  }
}

@media (min-width: 768px) {
  .event-date {
    padding: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 767px) {
  
  .connecte.pageCampingCariste.carnetsVoyagesPage .carnet-menu {margin: 0}
  /*  ACCUEIL 2025 ////////////////// */
  #EnvieDeVivre .imageEtMenu-header {margin-top: 0 !important;}
  .accueil-France-Passion .ligne-header h2 {display: none !important;}
  .accueil-France-Passion .ligne-header #accueilContenuHeader .adhBouton {position: fixed; bottom: 30px; left:5%; width: 90%; z-index: 9999}
  #bonnesRaisonsAccueil.francePassionContainer h2, #statistic h2, .carteFranceAccueil h2, #EnvieDeVivre h2, #sectionCitation h2, #sectionActus .text > h2,
  #bonnesRaisonsAccueil.francePassionContainer h3, #statistic.francePassionContainer h3, #EnvieDeVivre h3,
  #sectionCitation h3, #sectionActus h3, .carteFranceAccueil.francePassionContainer h3  {font-size: 44px}
  #coloneTextAccueilMapFrance {text-align: center}
  #menuPrincipal ul.nav.navbar-nav:first-child {
    padding-bottom: 200px;
    display: block;
    max-width: 90%;
    margin-left: 5%;
  }
    /* MENU CONNECTE //////////////// */
  
  #connected-menu {top:70px; }
  
  #carteEtapeAccueil {
    width: 60%;
    margin: auto;
  }

  .row.ligneHeader-breadcrumb {
    top: 70px;
    height: 25px;
  }
  #fontSizer {height: 40px; margin-top: -10px}
  .campingCaristeContainer #agendaEvents .blocImageRdv {
    max-height: 450px;
    width: 100%;
  }

  .campingCaristeContainer #agendaEvents .blocImageRdv img {
    width: 100%
  }

  .etapsScrollbar .etapeSearch .searchEtapeContent {
    float: left;
    width: 100%
  }

  .etapsScrollbar .etapeSearch .searchEtapeBoutons {
    width: 100%;
    float: right;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    min-height: auto;
  }

  .form-inline.form-adherent-search .input-group:first-child input,
  .form-inline.form-adherent-search .input-group:first-child {
    width: 100%;
  }

  .form-inline.form-adherent-search .input-group-addon {
    /*! right: 20px; */
    width: 60px;
  }

  .etape-adh #etap2 .produts-col .product-col-product {
    padding: 15px;
    padding-left: 25%;
  }

  .bloc-image-paiement .col-xs-60 {
    margin: 15px auto;
  }

  .bloc-image-paiement .img-responsive {
    width: 100%;
  }

  #divRGBD,
  #divPay {
    height: auto;
  }

  #divRGBD .row {
    flex-direction: column-reverse;
    display: flex;
  }

  .productDescription2 {
    margin: 30px 0;
  }

  .textContainer.enCampingCar.textRotate {
    /*! top: unset; */
    bottom: 10%;
    right: 15%;
  }

  section#adhesion6 .container {
    height: calc(100dvh + 50px);
  }

  #etapDiapo {
    margin: 0 auto 20px;
    height: 300px;
  }

  .campingCaristeContainer .ficheEtape #etapeMap {
    max-height: 300px
  }

  #etapesCol .container {
    margin: 0;
  }

  #nextComment {
    right: 5px;
  }

  #prevComment {
    left: 5px;
  }

  .list-group-item.selectCarnet strong {
    font-size: 1.2em;
  }

  .navbar-collapse.in {
    height: 100dvh;
  }

  .list-group-item.selectCarnet strong,
  .list-group-item.selectCarnet em {
    margin-left: 90px;
  }

  .list-group-item.selectCarnet::before {
    width: 75px;
    height: 75px;
  }

  .article.actualite-article .heading ul {
    margin-top: 25px;
  }

  .menuAdherent ul.nav.navbar-nav li,
  #adhesionMenu .nav.navbar-nav li {
    display: flex;
    flex-grow: 0;
  }

  .menuAdherent li a span,
  #adhesionMenu .nav.navbar-nav li a span {
    font-weight: 700;
  }

  .navbar.menuAdherent li {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
  }

  #adhesionNavbar>.sm-collapsible:first-child>li:last-child:after {
    content: "";
  }

  #adhesionMenu li:after {
    transform: inherit;
    translate: 50% 15%;
    rotate: 90deg;
    right: 50%;
  }

  #adhesionMenu .navbar-right li:after {
    translate: inherit;
  }

  #adhesionNavbar a,
  #adhesionNavbar span {
    line-height: 40px;
    padding: 0 4px;
    display: flex;
    justify-content: center;
    font-size: 1.1em;
  }

  #adhesionMenu.navbar .navbar-right li {
    display: flex;
    justify-content: center;
  }

  .menuAdherent .navbar-right li:after {
    position: absolute;
    right: 25px;
    top: 50%;
    color: #ddd;
    font-family: FontAwesome;
  }

  #adhesionMenu .navbar-right li:after,
  .menuAdherent .navbar-right li:after {
    transform: translateY(-50%);
    right: 0.5em;
    rotate: 0deg;
  }

  #adhesionMenu li:last-child:after,
  .menuAdherent .navbar-right li:after {
    content: "\f054";
  }

  #adhesionNavbar ul.nav.navbar-nav.sm-collapsible {
    display: flex;
    flex-direction: column;
  }

  #accueilFond1 {
    top: 0;
  }

  .depuis1993 .textLinks {
    justify-content: center;
  }

  li.menuLi1>a>span,
  li.menuLi2>a>span,
  li.menuLi3>a>span,
  li.menuLi4>a>span,
  li.menuLi5>a>span,
  li.menuLi6>a>span,
  li.menuLi7>a>span,
  li.menuLi8>a>span,
  .menuAdherent li a span,
  #adhesionMenu .nav.navbar-nav li a span {
    font-size: 1.2em;
  }

  .opened .event-opened {
    display: block;
    margin-top: 20px;
    opacity: 1;
    overflow-x: hidden;
  }

  p.event-desc-p {
    font-size: 1em;
    margin-top: 20px;
  }

  #adhesionMenu.navbar ul.nav.navbar-nav.navbar-right,
  .navbar.menuAdherent ul.nav.navbar-nav.navbar-right {
    position: static;
    max-width: 16em;
    margin: 100px auto 25px;
    display: flex;
    justify-content: center;
  }

  #adhesionMenu.navbar ul.nav.navbar-nav.navbar-right a,
  .navbar.menuAdherent ul.nav.navbar-nav.navbar-right a {
    color: #777;
    font-family: "Inter-Bold";
    width: 100%;
    text-align: center;
  }

  li.menuLi4 a:hover span,
  li.menuLi5 a:hover span,
  li.menuLi6 a:hover span,
  li.menuLi7 a:hover span {
    color: var(--francepassion-color);
  }

  li.menuLi5:after {
    position: absolute;
    right: 0;
    top: 0;
    margin: -3px 14px 0 0;
    padding: 0;
    width: 32px;
    height: 26px;
    text-align: center;
    border: none;
    transition: ease all 0.3s;
    font-size: 1.2em;
     pointer-events: none;
font-weight: bold;
  }

  li.menuLi5.open:after {
    transform: rotate(180deg);
  }

  li.menuLi1,
  li.menuLi2,
  li.menuLi3,
  li.menuLi4,
  li.menuLi5,
  li.menuLi6,
  li.menuLi7,
  li.menuLi8 {
    align-items: unset;
    justify-content: unset;
    display: unset;
  }

  li.menuLi1 .menuIcon:before,
  li.menuLi2 .menuIcon:before,
  li.menuLi3 .menuIcon:before,
  li.menuLi4 .menuIcon:before,
  li.menuLi5 .menuIcon:before,
  li.menuLi6 .menuIcon:before,
  li.menuLi7 .menuIcon:before {
    width: 45px;
  }

  .navbar.menuAdherent,
  #adhesionMenu.navbar {
    height: auto;
  }

  #input_research {
    margin: auto;
  }

  .adherentCardMenu .col-content .row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  #guideAccueil {
    height: auto;
  }

  #appliMobile {
    width: 20%;
  }

  .col-img-accueil>.col-content {
    display: flex;
    justify-content: center;
  }

  .centerBgrnd {
    top: 50%;
  }

  section.accueil-France-Passion {
    top: 70px;
  }

  .event-date {
    padding: 0 15px;
  }

  .list.en1coupdoeil img {
    margin: auto;
  }

  .header-FrancePassion .image.imageHeader img {
    object-position: center -5px;
  }

  .accueillantContainer .imageEtMenu-header.colHeight1 .image.imageHeader,
  .campingCaristeContainer .imageEtMenu-header.colHeight1 .image.imageHeader,
  .francePassionContainer .imageEtMenu-header.colHeight1 .image.imageHeader {
    top: 15%;
    overflow: visible;
  }

  .header-FrancePassion .image.equipe.imageHeader img {
    object-position: center -30px;
  }

  .header-FrancePassion .image.mon-histoire.imageHeader img {
    object-position: center -25px;
  }

  .header-FrancePassion .image.howItWork.imageHeader img {
    object-position: 0 -20px;
  }

  .francePassionContainer.imageEtMenu-header.colHeight1.image.equipe.imageHeader {
    top: 15%;
  }

  .francePassionContainer.imageEtMenu-header.colHeight1.image.mon-histoire.imageHeader {
    top: 0;
  }

  .mobileAppText {
    width: 85%;
    transform: translateX(-50%);
    left: 50%;
  }

  .list.list-bas-de-page.row-flex {
    justify-content: center;
  }

  .image.mobilImage {
    width: 100%;
    transform: unset;
    margin: auto auto 25px;
  }

  .image.linkToApp {
    margin: 25px auto;
  }

  .row.footer-r4 {
    flex-direction: column;
  }

  .fefiFooter {
    flex-direction: column;
  }

  .footer-r4>.col-xs-60 {
    text-align: center;
  }

  img.logoFefiFooter {
    margin: 10px;
  }

  a.navbar-brand {
    padding: 20px 5px;
    margin-left: 0;
  }

  .accueillantMenu>.col-content>.row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  section.accueillantContainer.parti2 {
    padding-left: unset;
  }

  .mesEtapes {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
  }

  .mesEtapes .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  #myNavbar {
    height: 100vh;
  }

  .colContentFlex .col-content>.row {
    margin: 0 auto 100px;
  }

  section.accueillantContainer div.textContainer>div.textLinks,
  section.campingCaristeContainer div.textContainer>div.textLinks,
  section.francePassionContainer div.textContainer>div.textLinks {
    justify-content: center;
  }

  .imageEtMenu-header,
  .actualite-article .article-image {
    position: relative;
    height: 350px;
    min-height: 350px;
    margin-top: -100px
  }
#EnvieDeVivre  .imageEtMenu-header{ min-height: auto}

  .accueillantContainer .image.imageHeader,
  .campingCaristeContainer .image.imageHeader,
  .francePassionContainer .image.imageHeader,
  .accueillantContainer .imageEtMenu-header.colHeight3 .image.imageHeader,
  .campingCaristeContainer .imageEtMenu-header.colHeight3 .image.imageHeader,
  .francePassionContainer .imageEtMenu-header.colHeight3 .image.imageHeader,
  .accueillantContainer .imageEtMenu-header.colHeight2 .image.imageHeader,
  .campingCaristeContainer .imageEtMenu-header.colHeight2 .image.imageHeader,
  .francePassionContainer .imageEtMenu-header.colHeight2 .image.imageHeader {
    top: 50px;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    height: 350px;
  }

  section.header-FrancePassion {
    /*! margin-top: 0px; */
  }

  .nav.navbar-nav>li.open {
    max-height: unset;
  }

  .caret {
    display: unset;
  }

  .navbar-nav.sm-collapsible .caret:before,
  li.menuLi5:after {
    font-family: "francepassion" !important;
    content: "\e90c";
    color: #333;
    transition: all ease 0.3s;
    transform-origin: 50% 80%;
  }

  .navbar-nav.sm-collapsible .open>a>.caret:before,
  li.menuLi5.open:after {
    content: "\e90c";
  }

  li.menuLi5.open:after {
    transform: rotate(180deg);
  }

  li.menuLi1:hover a.has-submenu:before,
  li.menuLi2:hover a.has-submenu:before,
  li.menuLi3:hover a.has-submenu:before {
    width: unset;
  }

  li.menuLi4 a.active:before,
  li.menuLi4>a:hover:before {
    width: unset;
  }

  .image.cb-image img {
    max-width: 140px;
  }

  .navbar-nav .open .dropdown-menu {
    top: 0 !important;
  }

  #adhesionMenu li.active:before {
    display: none;
  }

  span.menuInactive {
    text-align: unset;
  }

  .nav.navbar-nav.navbar-right.reposition {
    position: unset;
    top: unset;
    right: unset;
  }

  .navbar-nav {
    display: unset;
  }

  .nav.navbar-nav.navbar-right {
    position: unset;
  }

  article.temoignageCard,
  article.temoignageCard.odd {
    display: grid;
    grid-template-columns: 0.2fr 1.4fr 2fr;
    grid-template-rows: 2fr;
    gap: 15px 15px;
    grid-template-areas: "temoignageImage temoignageInfo temoignageInfo" "temoignageText temoignageText temoignageText";
    width: 100%;
    align-items: center;
    margin: 15px auto;
  }

  article.temoignageCard .temoignage-text:after,
  article.temoignageCard.odd .temoignage-text:after {
    content: "";
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 20px;
    top: -15px;
    left: 50%;
    right: unset;
    transform: translate(-50%, -50%) rotate(180deg);
  }
/*
  .temoignageCard.odd .temoignageInfo {
    padding-left: unset;
  }

  .temoignageCard.odd img.temoignageImg {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
*/
  .temoignageCard .temoignageInfo {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .p-card {
    z-index: 1;
    margin-bottom: 100px;
  }

  #etape5 .p-card {
    margin-bottom: 0;
  }

  .p-card a.btn.btn-fp1 {
    bottom: 10px;
  }

  .p-card>.col-content {
    position: relative;
  }
							   
				 
   

  #rowAdhesionStep1 .btn-fp1 {
    width: unset;
    padding: 10px 8px;
  }

  #rowAdhesionStep1 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 25px;
  }

  section.carteFranceAccueil {
    /*! position: relative; */
    /*! top: 100px; */
  }

  #statistic {
    /*! top: 700px; */
    /*! height: 1200px; */
    /*! background-position: 0 -50px; */
    /*! background-size: 200%; */
  }

  .navbar-default .navbar-nav>li>a {
    text-align: left;
  }

  a.adhBouton {
    margin-left: inherit;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    position: relative;
    top: unset;
    right: unset;
    margin: 0;
    margin-top: 100px;
  }
  
  /* ACCUEIL 2025 /////////////////// */
    
  .accueil-France-Passion .ligne-header #accueilContenuHeader {top: 20%; width: 90%; left: 5%}
  .accueil-France-Passion .ligne-header .adhBouton {transform: none; left: auto;margin-top: 0;}
  
  /* FIN DE ACCUEIL 2025 //////////// */
  
  
  .hamburger-menu {
    height: 50px;
    display: block;
    width: 50px;
    position: absolute;
    right: 15px;
    top: 30px;
    z-index: 99;
    cursor: pointer;
  }

  li.menuLi1>a.active:before,
  li.menuLi2>a.active:before,
  li.menuLi3>a.active:before,
  li.menuLi4>a.active:before {
    display: none;
  }

  #accueilMenuNiveau1 .dropdown-menu.level1 {
    top: 40px !important;
    left: 125px !important;
  }

  .navbar-default .navbar-nav>li>a.has-submenu::after {
    color: #777;
    bottom: -10px;
    left: unset;
    right: -15%;
    opacity: 1;
  }

  .navbar-default .navbar-nav>li>a.has-submenu:hover::after {
    bottom: -10px;
  }

  #accueilMenuNiveau1 ul.nav.navbar-nav {
    margin: auto;
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    height: auto;
    justify-content: flex-start;
    flex-direction: column;
    padding-top: 25px;
  }

  ul.nav.navbar-nav.sm-collapsible>li.open>ul.dropdown-menu {
    position: relative;
    width: 100%;
  }

  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #777;
    background-color: #e3e8dd;
    text-align: center;
  }

  .sm-collapsible .level1>li {
    background-color: #e3e8dd;
    width: 100%;
  }

  #accueilMenuNiveau1 .dropdown-menu.level1>li:hover,
  #accueilMenuNiveau1 .dropdown-menu.level1>li>a:hover {
    background: 0 0 !important;
    color: #133e29;
  }

  #logoScroll {
    margin-left: 0;
    margin-top: 38px;
  }

  .logoDiv {
    position: absolute;
    left: 0;
    max-width: 150px;
    z-index: 99;
  }

  .logoDiv>a>img {
    max-width: 170px;
  }

  #connectStatus {
    flex-direction: row;
    display: none;
  }

  .nav.navbar-nav>li {
    width: 80%;
    text-align: left;
    margin: 0;
    padding: 5px 0;
    position: relative;
    height: auto;
    min-height: 50px;
    max-height: 70px;
    border-right: none;
    line-height: 40px;
  }

  .bar:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 3px;
    background-color: #333;
    transition: all 0.2s ease-in-out;
    border-radius: 12px;
    position: absolute;
    top: -10px;
  }

  .bar {
    width: 80%;
    height: 3px;
    background-color: #333;
    display: block;
    border-radius: 12px;
    position: relative;
    top: 10px;
  }

  .bar::after {
    content: "";
    display: inline-block;
    height: 3px;
    width: 100%;
    background-color: #333;
    transition: all 0.2s ease-in-out;
    border-radius: 12px;
    position: absolute;
    top: 10px;
  }

  .bar.animate {
    background-color: transparent;
    margin-top: -10px;
    right: -25%;
  }

  .bar.animate::after {
    transform: translateY(-1px) rotate(-135deg);
    width: 55%;
  }

  .bar.animate::before {
    transform: translateY(19px) rotate(135deg);
    width: 55%;
  }

  .navbar-collapse {
    overflow-x: visible;
    border-top: 1px solid transparent;
    background-color: #fff;
    padding: 0;
  }

  div.collapse.navbar-collapse.navbar-ex1-collapse.collapse {
    height: auto;
    display: none !important;
  }

  .navbar-default {
    height: auto;
  }

  div.collapse.navbar-collapse.navbar-ex1-collapse.collapse.in {
    display: block !important;
    width: 100%;
    top: 80px;
    left: 0;
    position: relative;
  }

  .navbar-fixed-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse {
    max-height: unset;
  }

  .navbar-nav>li {
    height: 75px;
    margin: 0;
  }

  .navbar-nav.sm-collapsible a.has-submenu {
    padding-right: 50px;
    width: 100%;
    display: flex;
  }

  li.menuLi1,
  li.menuLi2,
  li.menuLi3 {
    margin-left: 25px;
    justify-content: flex-start;
  }

  li.menuLi3>a {
    /*! margin-left: 2px; */
  }

  li.menuLi1,
  li.menuLi2,
  li.menuLi3,
  li.menuLi4,
  li.menuLi5,
  li.menuLi6,
  li.menuLi7,
  .menuAdherent ul.nav.navbar-nav li,
  #adhesionMenu .nav.navbar-nav li {
    position: relative;
    height: auto;
    min-height: 50px;
    border-right: none;
    line-height: 40px;
  }

  #accueilMenuNiveau1 .open .dropdown-menu.level1 {
    position: static;
    float: none;
    width: 100% !important;
    margin-top: 0;
    background-color: transparent;
    transform: inherit;
    top: inherit;
    left: inherit;
    border: 0;
    box-shadow: none;
  }

  .navbar-nav.sm-collapsible a.has-submenu {
    padding-right: 50px;
    display: block;
  }

  .sm-collapsible .level1>li a,
  .sm-collapsible .level1>li a:hover {
    background-color: transparent !important;
  }

  .sm-collapsible .menuLi1>.level1>li a,
  .sm-collapsible .menuLi1>.level1>li a:hover {
    color:  var(--francepassion-dark) !important;
  }

  .sm-collapsible .menuLi2>.level1>li a,
  .sm-collapsible .menuLi2>.level1>li a:hover {
    color:  var(--francepassion-dark) !important;
  }

  .sm-collapsible .menuLi3>.level1>li a,
  .sm-collapsible .menuLi3>.level1>li a:hover {
    color:  var(--francepassion-dark) !important;
  }

  .sm-collapsible .level1>li {
    background-color: transparent !important;
  }

  .buttonPlusMoinFont {
    margin-top: 15px;
  }

  ol.breadcrumb.breadCrumbHeader.menu {
    display: none;
  }

  .francePassionContainer .image.SearchHeader img,
  .francePassionContainer .image.faqImageHeader img {
    object-position: -180px 7px;
    height: 350px;
  }

  .francePassionContainer .image.faqImageHeader,
  .francePassionContainer .image.searchHeader {
    right: 50%;
  }

  .row.questionReponseRow {
    display: flex;
  }

  .row.questionReponseRow {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 0;
  }

  .FPqr {
    order: 2;
  }

  .FPfiltre {
    text-align: center;
    margin-bottom: 100px;
  }

  .row.blockQR {
    margin: 0 auto 100px;
    max-width: 350px;
  }

  div.contentCol>.col-content,
  div.content2Col>.col-content {
    width: 100%;
  }

  .titreManuscrit>.text>h2 {
    font-size: 3em;
    line-height: 1.3;
  }

  .textContainer.width500 {
    max-width: 300px;
    margin: auto;
  }

  .actualite-article .article-image img {
    width: 371px;
    height: 327px;
  }

  .ligne-ttm-header {
    left: 50%;
  }

  div.contentCol>.col-content,
  div.content2Col>.col-content {
    -moz-column-count: 1;
    -moz-column-gap: 10px;
    -webkit-column-count: 1;
    -webkit-column-gap: 10px;
    column-count: 1;
    column-gap: 10px;
  }

  .text-header.sectionFrancePassion {
    padding-left: 0;
  }

  section.header-FrancePassion {
    padding: 0px 0 0;
    height: auto;
  }

  .text-header.sectionFrancePassion>.col-content {
    width: 460px;
    margin: auto;
  }

  .ligne-ttm-header {
    width: 100%;
    margin: 50px auto 0;
  }

  #rowDelaiPaiement {
    flex-direction: column;
  }

  .accueillantContainer .image.imageHeader:before,
  .actualite-article .article-image:before,
  .campingCaristeContainer .image.imageHeader:before,
  .francePassionContainer .image.imageHeader:before,
  .accueillantContainer.imageEtMenu-header.colHeight3.image.imageHeader:before,
  .campingCaristeContainer.imageEtMenu-header.colHeight3.image.imageHeader:before,
  .francePassionContainer.imageEtMenu-header.colHeight3.image.imageHeader:before,
  .accueillantContainer.imageEtMenu-header.colHeight2.image.imageHeader:before,
  .campingCaristeContainer.imageEtMenu-header.colHeight2.image.imageHeader:before,
  .francePassionContainer.imageEtMenu-header.colHeight2.image.imageHeader:before {
    top: 10px;
  }

  .p-card2 {
    margin-bottom: 25px;
  }

  .p-card2 .productDescription {
    padding-top: unset;
  }

  .colDelai .fond-vert>.col-content>.image {
    height: 100%;
  }

  .colDelai .fond-vert>.col-content {
    height: 100%;
  }

  .colDelai .fond-vert>.col-content>.image>img {
    object-fit: none;
    height: 100%;
    object-position: 0 center;
  }

  .h-card.colDelai:before {
    left: 73%;
  }

  .divEtapeAttention.row input[type="checkbox"] {
    top: 36%;
  }

  .article.actualite-article {
    grid-template-columns: auto;
    grid-template-rows: auto;
    justify-items: center;
    align-items: center;
    justify-content: center;
  }

  .article.actualite-article .heading,
  .article.actualite-article .article-content {
    width: -webkit-fill-available;
    grid-area: auto / auto/ auto / auto;
  }

  .article.actualite-article .article-image {
    grid-area: auto / auto/ auto / auto;
  }

  li.menuLi4 .menuIcon:before {
    content: "\e904";
  }

  li.menuLi5 .menuIcon:before {
    font-family: "francepassion" !important;
    content: "\e905";
  }

  li.menuLi5 .dropdown-menu a:hover {
    color: var(--francepassion-color) !important;
  }

  li.menuLi7 .dropdown-menu li:last-child a span:hover {
    color: var(--accueillant-color);
  }

  li.menuLi7 .dropdown-menu a span:hover {
    color: var(--campingcariste-color);
  }

  .pictosIcon {
    margin-left: 0px
  }
li.menuLi5 {
  display: inline-block;
  width: 100% !important;

}
.ficheEtape .btnsEtap #back-button, .ficheEtape .btnsEtap .btn.addToTravelBook  {float: none }
}

@media (max-width: 659px) {
  .etape-adh #etape5 #accPayments .panel-heading.carteBancaire {
    background: #ececec
  }

  #actuPagineAccueil .actus-inner,
  #actuPaginePageActu .actus-inner,
  #avantagesPagine .actus-inner {
    justify-content: center;
  }
}

@media (max-width: 599px) {

  .list-inline ul li,
  .list-inline ul li a {
    display: block !important;
  }

  .divEtapeAttention .checkbox {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .divEtapeAttention .checkbox>label {
    order: 3;
    padding-top: 0;
    padding-bottom: 0;
    transform: translateY(0);
    display: flex;
    align-content: center;
    align-items: baseline;
    justify-content: space-between;
  }

  .xMetres.divEtapeAttention1,
  .xMetres.divEtapeAttention2,
  .xMetres.divEtapeAttention3 {
    margin-left: 3px;
  }

  .divEtapeAttention.row input[type="checkbox"] {
    position: relative;
    margin-right: 3px;
  }

  #rowAdhesionStep1>.h-card>.col-content {
    flex-direction: column
  }

  #rowAdhesionStep1>.h-card>.col-content .text-product {
    max-width: 100%
  }



}

@media (max-width: 577px) {
  #cCarnets a.btn.btn-fp.centerToMarker, #cCarnets a.btn.btn-fp.addToTravelBook, #cCarnets a.btn.btn-fp1.delete-carnet, #cCarnets a.btn.btn-fp.btn-mini.remove, #cCarnets a.btn.btn-fp.learnMore { margin: 0 2px; min-width: 25px !important;}
  .campingCaristeContainer  .ficheEtape  #etapFermeture, .campingCaristeContainer  .ficheEtape .etapHoraires { height: auto !important; margin: 5px}
  .list-bas-de-page p {
    font-size: 1em;
    line-height: 1em;
  }

  #tarteaucitronIcon {
    bottom: 3px;
    left: 50%;
    transform: translateX(65%);
  }

  .result_pages {
    display: flex;
    padding: 0 0;
    align-content: center;
    align-items: center;
    max-width: 100%;
    justify-content: center;
  }

  .result_pages a {
    padding: 0 9px;
  }

  .row.event:after {
    left: 0;
  }

  .colButtons {
    align-items: flex-start;
  }

  a.navbar-brand {
    padding: 20px 15px;
  }

  .list.card-kit.row-flex h2 {
    height: auto;
  }

  .titreManuscrit>.text>h1 {
    font-size: 3.5em;
    margin: 0;
  }

  .textContainer.depuis1993 .text {
    padding: 20px 15px 0;
  }

  #statistic {
    /*! top: 500px; */
    /*! height: 950px; */
  }

  .image.videoAccueil.modalLink {
    /*! bottom: -10px; */
  }

  .image.videoAccueil.modalLink:before {
    top: -25px;
  }

  .image.videoAccueil.modalLink:after,
  section.accueil-France-Passion .ligne-libre:after {
    bottom: -35px;
    z-index: -1;
  }

  #coloneTextAccueilMapFrance {
    text-align: center;
  }

				   
   
  .text-header.sectionFrancePassion>.col-content {
    max-width: 375px;
    padding: 15px;
  }

  .p-card2 .productDescription {
    padding-top: 15px;
  }

  .p-card2 {
    margin-bottom: 25px;
    margin-left: 15px;
  }

  .image.cb-image img {
    max-width: 115px;
  }

  .row.blockQR {
    margin: 0 auto 100px;
    max-width: 285px;
  }

  .vosTemoignage .slide-buttons {
    top: unset;
    bottom: unset;
  }

  .vosTemoignage .vegas-wrapper {
    top: 350px;
  }

  .accueillantContainer .text>h1,
  .actualite-article .title h1,
  .campingCaristeContainer .text>h1,
  .francePassionContainer .text>h1 {
    font-size: 2.5em;
  }

  .accueillantContainer h3,
  .actualite-article h2.theme,
  .campingCaristeContainer h3,
  .couleurDark.titreManuscrit h2,
  .francePassionContainer h3 {
    font-size: 50px;
  }

  .has-float-label .form-control:placeholder-shown:not(:focus)+label {
    font-size: 0.9em;
  }

  section.accueillantContainer .container,
  section.campingCaristeContainer .container,
  section.francePassionContainer .container {
    padding: 0;
  }

  div.has-float-label .form-control:placeholder-shown:not(:focus)+label {
    top: 50%;
    transform: translateY(-50%);
    text-overflow: ellipsis;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
  }

  .text-explicatif>.text>p {
    margin-top: unset;
  }

  .ligne-ttm-header {
    width: 100%;
    margin: 50px auto 0;
  }

  section.accueillantContainer .margin-vert-100 {
    margin: 0 auto;
  }

  li.menuLi1,
  li.menuLi2,
  li.menuLi3,
  li.menuLi4,
  li.menuLi5,
  li.menuLi6,
  li.menuLi7,
  li.menuLi8,
  .menuAdherent ul.nav.navbar-nav li {
    line-height: 50px;
    font-size: 1em;
    letter-spacing: 2px;
  }

  li.menuLi1 .menuIcon:before,
  li.menuLi2 .menuIcon:before,
  li.menuLi3 .menuIcon:before,
  li.menuLi4 .menuIcon:before,
  li.menuLi5 .menuIcon:before,
  li.menuLi6 .menuIcon:before,
  li.menuLi7 .menuIcon:before {
    width: 50px;
  }

  li.menuLi4 .menuIcon:before {
    content: "\e904";
  }
/*
  li.menuLi5,
  li.menuLi6,
  li.menuLi7,
  li.menuLi8 {
    border-top: 1px solid #ddd;
    padding: 15px 0;
    font-size: 1em;
  }
*/
  .nav.navbar-nav>li {
    width: 95%;
  }

  .navbar-collapse.in {
    max-width: -webkit-fill-available;
  }

  nav.navbar>.container-fluid {
    padding: 0 15px;
  }
}




@media (max-width: 480px) {

  .formCmsInscription #tbCaptcha {max-width: 100%;margin-top: 10px !important;}
    img.imageCaptcha {width: 100%;   }
    .campingCaristeContainer .ficheEtape .pictosIcon {max-width: 40%; }
  .accueil-France-Passion .ligne-header h3 {   font-size: 60px; }
.accueil-France-Passion .ligne-header h1 {  font-size: 40px; margin-top: 80px}
  #bonnesRaisonsAccueil.francePassionContainer h2, #statistic h2, .carteFranceAccueil h2, #EnvieDeVivre h2, #sectionCitation h2, #sectionActus .text > h2   {
    /*! font-size: 2.2em; */
  }
  .etapeAdhesion .titreSectionVert>.text>h4,
#etap2 .etapeAdhesion>.col-content>h4 {
  font-size: 24px;
  line-height: 24px
}

.etapeAdhesion .titreSectionVert>.text>h1 {
  font-size: 36px !important;
  line-height: 36px
}

  .footerFrancePassion.connecte {
    flex-direction: column
  }

  .footerFrancePassion.connecte .textContainer {
    width: 100%
  }

  #carteEtapeAccueil {
    width: 90%;
    margin: auto;
  }

  .row.carteDeFrance {
    margin-top: 0
  }

  .textContainer.text-center.textTitrage.tailleH1.white.centerBgrnd h1 {
    font-size: 30px;
  }

  .textContainer.enCampingCar.textRotate h3 {
    line-height: 48px
  }

  .textContainer.enCampingCar.textRotate {
    right: 0%;
  }

  .etape1 .margin-vert-150 {
    margin: 80px auto;
  }

  .etape1 .titreSectionVert>.text h4 {
    margin: 0
  }

  .campingCaristeContainer #agendaEvents .blocImageRdv {
    max-height: 300px;
    width: 100%;
  }

  .etapsScrollbar .etapeSearch .searchEtapeBoutons {
    flex-direction: column
  }

  #cphBody_ctl04_lbClear {
    top: 35px;
    left: 20px;
  }

  .campingCaristeContainer .tags {
    margin-top: 50px
  }

  #reassurance-blocs .listItem h2 {
    font-size: 1em;
  }

  #reassurance-blocs .listItem p {
    font-size: 1em;
  }

  #reassurance-blocs .listText {
    max-width: 100%;
  }

  #reassurance-blocs .listItem {flex-direction: column;}
  #reassurance-blocs .listItem .bottom img {float: right;}
  .etape-adh #etap2 .produts-col .product-col-product {
    padding: 15px;
    background: #ececec !important;
  }

  #etap2 #trProduct>.tdPrice {
    vertical-align: bottom
  }

  .etape-adh #etap2 .produts-col {
    padding: 0
  }

  #trProduct>.tdPrice {
    vertical-align: bottom;
  }
}