/*
# ------------------ BEGIN LICENSE BLOCK ------------------carousel
#
# This file is part of PluXml : http://www.pluxml.org
#
# Package:		theme.css
# Copyright (c) 2017 PluXml
# Authors		Stephane F., Pedro "P3ter" CADETE.
# Licensed under the GPL license.
# See http://www.gnu.org/licenses/gpl.html
#
# ------------------- END LICENSE BLOCK -------------------
*/
/* JPD *,
*:after,
*:before {
	box-sizing: border-box;
} JPD */
/* debut categorie- circuits */
.circuit_content {
  margin-top: 10px;
}
.circuit_chapo {
  margin-left: 10px;
 min-width:150px;
 margin-top: 20px;
}
.circuit_chapox {
  margin: auto;
 min-width:150px;
}
.art_thumbnail_plux {
  height: auto!important;
  margin:auto;
}
.circuit_chapo h2 {
  display:none;
}
.display_picto_plux {
line-height: 40px;
width:120px; 
height:auto; 
display:block; 
margin:auto;
z-index:1; 
filter : invert(48%) sepia(98%) saturate(232%) hue-rotate(101deg) brightness(90%) contrast(87%);
}
.display_picto_plux img{
height:38px; 
width: 40px;
padding: 5px;
}
.containthumb_plux {
	perspective: 800px;
	width:50%;
	height:70%
}
.thumb_plux {
  transform: scale(.85) rotateX(25deg) rotateY(0deg) rotateZ(5deg) skew(-5deg, 0deg) ;  
}
.cover_plux img{
  box-shadow: 5px 10px 8px #0c0c0c;
box-shadow: 0px 1px 2px #4254e0, 0px 2px 2px #e9e9e9, 0px 3px 2px #ccc, 0px 4px 2px #c9c9c9, 0px 5px 2px #bbb, 0px 6px 2px #b9b9b9, 0px 7px 2px #999, 0px 7px 2px rgba(0,0,0,.5), 0px 7px 2px rgba(0,0,0,0.1), 0px 7px 2px rgba(0,0,0,.73), 0px 3px 5px rgba(0,0,0,.3), 0px 5px 10px rgba(0,0,0,.37), 0px 10px 10px rgba(0,0,0,.1), 0px 20px 20px rgba(0,0,0,0.1);
  border-radius:15%;
object-fit: fill;
width: 38vw;
aspect-ratio : 1 / 1;
max-height: 350px;
}
/* fin categorie- circuits */
/* debut article- circuits */
.fleche-description {
	font-family : "Odibee Sans";
	display: block;
	text-align: left;
	font-weight:400;
	font-size: 36px;
	letter-spacing: 0.05em;
	cursor: pointer;
	color: white;
}
.fleche-description::after {
	background-image: url(/img/bas-chevron.svg);
	background-size: 36px 36px;
	display: inline-block;
	width: 36px;
	height: 36px;
	content: "";
}
.bandeau-pagedown {
z-index:9;

}
.bandeau-pagedown:hover {
	text-decoration:none;
}
.containthumb_full {
	perspective: 800px;
	width:40%;
	height:70%
}
.thumb_full {
  transform: scale(.8) rotateX(25deg) rotateY(0deg) rotateZ(5deg) skew(-5deg, 0deg) ;  
}
.cover_full {
  box-shadow: 5px 10px 8px #0c0c0c;
box-shadow: 0px 1px 2px #4254e0, 0px 2px 2px #e9e9e9, 0px 3px 2px #ccc, 0px 4px 2px #c9c9c9, 0px 5px 2px #bbb, 0px 6px 2px #b9b9b9, 0px 7px 2px #999, 0px 7px 2px rgba(0,0,0,.5), 0px 7px 2px rgba(0,0,0,0.1), 0px 7px 2px rgba(0,0,0,.73), 0px 3px 5px rgba(0,0,0,.3), 0px 5px 10px rgba(0,0,0,.37), 0px 10px 10px rgba(0,0,0,.1), 0px 20px 20px rgba(0,0,0,0.1);
  border-radius:15%;
object-fit: fill;
width: 38vw;
height: 38vw;
}
.circuit-item {
  object-fit: fill;
  margin-top: -0%;
}
.info_circuits_full {
margin-top: 22px;
line-height: 24px !important;
}
.info_circuits_full p {
font-size: 18px!important;
}
/* fin article- circuits */
/* debut circuits */
.containthumb {
	perspective: 600px;
	width:40%;
	height:70%
}
.thumb {
  transform: scale(.8) rotateX(28deg) rotateY(0deg) rotateZ(0deg) skew(-10deg, 3deg) ;  
}
.cover {
  width: 200px;
  height: 200px;
  max-height:25vh;
  box-shadow: 5px 10px 8px #0c0c0c;
  border-radius:20%;
box-shadow:0 1px 0 #444, 0 2px 0 #373737, 0 3px 0 #555, 0 4px 0 #474747, 0 5px 0 #666, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 10px 10px rgba(0, 0, 0, 0.15), 0 10px 10px rgba(0, 0, 0, 0.15);
object-fit: fill;
}
.display_picto {
line-height: 33px;
width:40px; 
height:auto; 
display:block; 
position:absolute; 
right:0px; 
top:0px; 
z-index:1; 
background: rgba(0,0,0,0);
}
.chevron_bas::after {
  transform: rotate(90deg);
}
.chevron_haut::after {
  transform: rotate(270deg);
}
.info_circuits {
margin-top: 8px;
}
.info_circuits p, .mention-ouvert p {
color: #ffffff!important;
}
.accueil-chapo .info_circuits {
margin-top: 24px;
}
.mention-ouvert {
display:block;
bottom:0px;
color:white; 
position:absolute; 
left:0px; 
bottom:10px;  
margin-left:10px;
z-index:1; 
line-height:16px;
font-style: italic;
}
.accueilflex-container-3  {
	    float:left;
		width:50%;
  background-color: #ffffff;
  resize: horizontal;
  display: flex;
  display: -webkit-flex;
  margin: 0em;
}
.accueilflex-container-0, .accueilflex-container-1, .accueilflex-container-2 {
	    float:left;
		width:50%;
  background-color: #ffffff;
  resize: horizontal;
  display: flex;
  display: -webkit-flex;
  margin: 0em;
}

/* fin circuits */
.fleche-basse {
	font-family : 'Odibee Sans';
	display: block;
	text-align: center;
	position: relative;
    -ms-transform: rotate(-90deg); /* Internet Explorer */
    -moz-transform: rotate(-90deg); /* Firefox */
    -webkit-transform: rotate(-90deg); /* Safari et Chrome */
    -o-transform: rotate(-90deg); /* Opera */
	transform: rotate(-90deg);
	font-weight:500;
	font-size: 48px;
}
.divtext {
    overflow: auto;
}
@font-face {
	font-family: 'Fira Sans';
	src: url('../fonts/FiraSans-Regular.otf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Odibee Sans';
	src: url('../fonts/OdibeeSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'Gunoc';
	src: url('../fonts/Gunoc.otf') format('truetype');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'open_sansregular';
	src: url('../fonts/OpenSans-Regular-webfont.eot');
	src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
	url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
	url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'Bauhaus 93';
	src: url('../fonts/bauhs93.otf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
:root {
  --vh: 1vh;
  --margin_img_circuits: 1vw;
  --radius_img_circuits: 1vw;
}
html {
	font-size: 62.5%;
  scroll-behavior: smooth;
}
body {
	background-image:url(/img/body.background.svg);
	background-size: 400px 600px;
	font-family: 'Fira Sans';
	font-size: 1.5rem;
	margin: 0;
	color: #444;
}
.blink {
  -webkit-animation: 4s linear infinite condemed_blink_effect; // pour Safari 4.0-8.0
  animation: 4s linear infinite condemed_blink_effect;
}
.shop_close {
display: none;
}
.accueil_recommandations {
display: flex;
}
.accueil_recommandations_duo {
display: flex;
margin: auto;
width: 50%;
}
.accueil_recommandations_mono {
width: 50%; 
margin: auto; 
display: block; 
text-align: center;
}
.accueil_recommandations_img {
height:auto;
max-height: 130px;
}
.circuit_titre {
font-family: "Odibee Sans";
font-weight: 500;
font-size: 56px;
line-height: 1.2;
color:white;
letter-spacing: 0.3rem;
text-align: center;
position:absolute; 
right:5px;top:5px; 
width:70%; 
z-index:1;
text-shadow: black 0.05em 0.05em 0.2em;
}
.bandeau-circuits-text {
	text-align:center; 
	font-family: "Odibee Sans";
	font-size:26px;
	line-height:28px;
	padding : 5px;
	color:black;
	z-index:9;
letter-spacing: 0.2rem;
}
.circuit_map {
border-radius: 50%;
max-width:350px;
}
.circuit_col-0 {
width: 2px;
background-color : white;
}
.circuit_width_ajust_50 { 
width: 50%;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 20px;
}
.circuit_text_small_padding { 
padding: 5px 20px 5px 20px;
}
.circuit_text_small_padding h2{ 
font-size: 24px!important;
line-height: 24px!important;
}
.circuit_text_padding { 
padding: 10px 30px 10px 30px;
}
.circuit_text_padding h2{ 
font-size: 26px!important;
line-height: 26px!important;
}
.block_contact {
/*margin:20px;*/
/* width: 100%;*/
padding-top: 20px;
}
.block_contact a {
color:black;
}
.block_contact a:hover {
outline: 0;
color:black;
text-decoration: underline;
-webkit-text-decoration: underline;
}
.block_contact_elem {
margin-bottom: 20px;
float:left; 
width: 50%;
color:black;
font-size:18px;
text-decoration: none;
-webkit-text-decoration: none;
}
.block_contact_elem_lieux
{
margin-bottom: 20px;
float:left; 
width: 100%;
color:black;
font-size:18px;
text-decoration: none;
-webkit-text-decoration: none;
}
.block_contact_elem:hover {
outline: 0;
color:black;
text-decoration: underline;
-webkit-text-decoration: underline;
}
.block_contact_elem_lieux:hover {
outline: 0;
color:black;
text-decoration: underline;
-webkit-text-decoration: underline;
}
.block_contact_elem_adress {
display:block;
width: 100%;
font-size: 18px;
}
.block_contact_elem_adress a {
color:black;
}
.block_contact_elem_adress a:hover {
outline: 0;
color:black;
text-decoration: underline;
-webkit-text-decoration: underline;
}
.block_contact_elem_adress_mention {
width: 100%;color:black;font-size:14px;
}
.block_contact_elem_adress_mention_liv {
width: 100%;color:white;font-size:20px;
}
a {
	background: transparent;
	color: rgba(78,182,135,1);
	text-decoration: none;
	-webkit-text-decoration: none;
}
a:active,
a:hover {
	outline: 0;
	color: rgba(252,190,34,1); 
	text-decoration: underline;
	-webkit-text-decoration: underline;
}
b,
strong {
	font-weight: bold;
}
main {
	display: block;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-style: italic;
	color: #999;
}
::-moz-placeholder { /* Firefox 19+ */
	font-style: italic;
	color: #999;
}
:-ms-input-placeholder { /* IE 10+ */
	font-style: italic;
	color: #999;
}
:-moz-placeholder { /* Firefox 18- */
	font-style: italic;
	color: #999;
}
.art_thumbnail {
/*	max-height: 210px; */
	max-width: 100%;
/*	height:12vw; */
	max-height: 350px;
}
img {
	border: 0;
	height: auto;
	max-width: 100%;
}
small {
	font-size: 1.17rem;
}
label {
	display: block;
}
button,
input,
select,
textarea {
	font: inherit;
	height: 3rem;
	margin: 0;
	outline: none;
	padding-left: .4rem;
	padding-right: .4rem;
}
button,
input {
	overflow: visible;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
button,
[type="button"] {
	border-color: transparent;
	cursor: pointer;
	padding-left: .7rem;
	padding-right: .7rem;
	width: auto;
}
button:focus {
	outline: 0px;
}
textarea {
	height: auto;
	overflow: auto;
}
select {
	padding-left: .2rem;
	padding-right: 0;
}
[type="radio"] {
	height: auto;
	padding: 0;
	width: auto;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
tr {
	border-bottom: 1px solid;
}
td {
	height: 2.5rem;
	padding-left: 0rem;
	padding-right: 0rem;
}

/* ---------- TYPOGRAPHY ---------- */


/* table des produits */
  
table.center {
    margin-left:auto; 
    margin-right:auto;
} 
table.tarifs tr { border: 0px;  } 

table.mention_tarifs tr {
	border: 0px;  
	font-size: 12px;
	}
/* ---------- TABLE ---------- */

tr {
	border-color: #bbb;
	transition-duration: .2s;
}

/* ---------- FORM ---------- */
button,
input,
select,
textarea {
	border: 1px solid #bbb;
	border-radius: .3rem;
	transition-duration: .2s;
}
input:focus,
select:focus,
textarea:focus {
	border: 1px solid #258fd6;
	transition-duration: .2s;
}
button,
input[type="button"] {
	background-color: #777;
	color: #fff;
	transition-duration: .2s;
}
button:hover,
input[type="button"]:hover {
	background-color: #555;
	transition-duration: .2s;
}
/* ---------- NAVIGATION ---------- */
.menu {
	font-size: 14px;
	padding-left: 0;
	overflow: visible;
}

/* Pagination */
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-left-or-center {
	text-align: left;
}
.SloganGunoc {
	font-family: 'Gunoc';
	font-size: 46px;
	color: white;
	margin: auto !important;
/*	width: 400px; */
/*	padding-top: 70px; */
	text-align: center;
	letter-spacing: 0.01em;
	line-height:50px;
}
.SloganGunoc-firt-line {
	font-family: 'Fira Sans';
	text-transform: uppercase;
	font-weight: 900;
	font-size: 92px; 
	letter-spacing: 0.0em;
	line-height:80px;
}
.extra-bold {
  text-shadow: 0px 1px, 1px 0px, 1px 1px;
}
.extra-bold-2 {
  text-shadow: black 0.03em 0.03em 0.2em;;
}
.SloganGunoc-second-line {
	font-size: 64px; 
	letter-spacing: 0.0em;
	line-height:56px;
}
.SloganGunoc-barre {
	font-family: 'Gunoc';
	font-size: 60px;
	position:relative; 
	color:currentcolor;
	line-height:50px;
}
#planning  table {
    width: 400px;
}
#planning  table textarea{
    width: 400px;
	    border:none;
}
#planning  #planningdata{
    display:none;
}
#resa-form  #planning{
    display:none;
}
#planning  table td{
    border:none;
}
#myDate  table {
    width: 400px;
}
#myDate table tr td.new, #myDate table tr td.old {
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.ui-widget{
    font-family: "Fira Sans"!important;
    font-size: 1.1em;
}
.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {

    border: 1px solid white!important;
    font-weight: 600!important;
    color: green!important;
	background: none!important;
    background-color: none!important;
	text-align: center;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {

    opacity: 0.65!important;
    filter: none!important;
    background-image: none!important;
	background-color: none!important;
}
.ui-datepicker-unselectable .ui-state-default {
    border: 1px solid white!important;
    font-weight: 600!important;
    color: red!important;
	background-image: none!important;
    background-color: none!important;
}
.ui-datepicker .ui-datepicker-title {
background-color: none!important;
}
.ui-datepicker-other-month.ui-state-disabled {
	background:none!important;
}
.tarifs .boutonpm {
	display: none;
}
.tarifsviewleft {
  display: table-cell;
    height: 40px;
	text-align:center
}
.tarifsviewright {
  display: table-cell;
    height: 60px;
	text-align:center
}
.prix6lib {
  font-size: 13px;
  background-color: white!important;
  height: 40px;
  font-weight: 600;
  text-align: center;
  padding: 0;
  border: none; 
}
.prix6tit {
  width: 50%;
  font-size: 13px;
  background-color: white!important;
  height: 40px;
  font-weight: 600;
  text-align: center;
  padding: 0;
  border: none; 
}
.mention_tarifs_col1 {
  width: 155px;
   padding: 0 5px 0 5px;;
}
input.prix6coly { 
background-color:rgba(252,190,34,1); 
text-align: center;
}
input.prix6colx { 
background-color:white;
text-align: center;
}
input.prix6colx { 
	border: none; 
	text-align: center;
	font-size: 13px;
}
input.prix6coly { 
	border: none; 
	text-align: center;
	font-size: 13px;
}
.col-0 {
  -ms-flex: 0 0 85%;
  flex: 0 0 5%;
  max-width: 5%;
}
.marque-data-obligatoire {
	color: red;
	font-weight:700;
}
.display-mobile {
	display: none;
}
.display-desktop {

}
.bandeau-circuits {
	text-align:center; 
	font-family: "Fira Sans";
	font-size:18px;
	line-height:18px;
	padding : 5px;
	color:white;
	z-index:9;
	letter-spacing: 0.1rem;
	text-shadow: black 0.05em 0.05em 0.2em;
}
.bandeau-kdo {
	text-align:center; 
	background-color:none;
	font-family: "Odibee Sans";
	font-size:26px;
	line-height:28px;
	letter-spacing: 0.05em;
	z-index:9;
}
.contact-kdo {
	text-align:center; 
	background-color:none;
	font-family: "Odibee Sans";
	font-weight:500;
	font-size:26px;
	z-index:9;
}
.bandeau-strong {
	font-size:120%;
}
.bandeau-facebook {
	text-align:center; 
	background-color:rgba(252,190,34,1);
	font-family: "Odibee Sans";
	font-size:24px;
	letter-spacing: 0.05em;
	padding : 0px;
	color:black;
	z-index:9;
}
.bandeau-facebook-top{
	position:absolute; 
	bottom:0px; 
	width:100%;
}
.bandeau-promo {
height: auto;
display:none;
}
.bandeau-promo-x {
	width: 0;
	height: 16px;
}
.bandeau-promo-top {
font-family: 'Odibee Sans';
font-size:22px;  
font-weight: 500; 
letter-spacing:0.15rem; 
color:rgba(255,255,255,1); 
z-index:9;
bottom: 0px;
line-height: 26px !important;
}
.bandeau-accueil-villes {
font-family: 'Odibee Sans';
text-transform: uppercase;
font-size:40px;  
font-weight: 500; 
letter-spacing:0.15rem; 
color:rgba(255,255,255,1); 
z-index:9;
position:absolute; 
bottom: 30px;
line-height: 1.1 !important;
color:white;
text-shadow: black 0.05em 0.05em 0.2em;
	text-align: center;
}
.bandeau-header-fleche {
font-family: 'Odibee Sans';
letter-spacing: 0.2rem;
font-size:24px;  
font-weight: 500; 
letter-spacing:0.1rem; 
color:rgba(255,255,255,1); 
z-index:9;
position:absolute; 
bottom: 60px;
display:none;
position:absolute; 
left: 50%;
transform: translate(-50%, 0%);
}
.bandeau-header-fleche a:active, a:hover {
    outline: 0;
    color: rgba(252, 190, 34, 1);
	text-decoration: none;
    -webkit-text-decoration: none;
}
.bandeau-facebook-bottom{
	display:block;
/*	width:100%; */
}
.bandeau-facebook:hover {
	color:black;
	text-decoration:none;
}
.brand-facebook {
	color:white;
	text-transform: uppercase;
}
.bandeau-footer-mobile {
	display: none;
}
.bandeau-footer-desktop {
display: flex;
	display: -webkit-flex;
     justify-content: space-between;
	 padding: 20px 40px 20px 40px;
}
li.menu {
	font-size: 0.9vw;
	text-transform: uppercase;
}
.background-couleur-white {
background-color: white; 
color: black!important;
}
.background-couleur-alerte {
background-color: rgb(241, 14, 14);
}
.background-couleur-charte1 {
background-color: rgba(78,182,135,1); 
}
.background-couleur-charte1-red {
background-color: rgb(200, 1, 1);	
}
.background-couleur-charte2-blue {
background-color: rgb(8, 3, 157);
}
.font-couleur-charte1 {
color: rgba(78,182,135,1); 
}
.font-couleur-charte1A {
color: rgb(71, 222, 154);
}

.font-couleur-charte2 {
color: rgba(252,190,34,1); 
}
.background-couleur-charte2 {
background-color: rgba(252,190,34,1); 
}
.background-couleur-charte2-and-white {
background: linear-gradient(to bottom, white 0%, white 90%, rgba(252,190,34,1) 90%, rgba(252,190,34,1) 10%);
}
.background-couleur-charte3 {
background-color: rgba(0,0,0,1); 
color: white;
}
.background-couleur-charte4 {
background-color: rgba(226,226,226,1); 
}
.background-couleur-charte4 input {
background-color: rgba(226,226,226,1); 
}
.background-etrot {
	background: url(/data/medias/background-etrot.jpg) center no-repeat; 
	background-size:cover;
}
.linkhref {
    overflow: hidden;
    position: relative;
	top: -80px;
}

.linkhref span {
    position: absolute;
    visibility: hidden;
}
.col-nav {
display:none;
}
.accueilchevron-white {
	color: rgba(255,255,255,1);
}
.accueilchevron-white:after {
	background-image: url(/img/right-chevron-white.svg);
    background-size: 13px 13px;
    display: inline-block;
    width: 13px; 
    height: 13px;
    content:"";
}
.accueilchevron:after {
	background-image: url(/img/right-chevron.svg);
    background-size: 13px 13px;
    display: inline-block;
    width: 13px; 
    height: 13px;
    content:"";
}
.bandeau-texte-null {
	color: rgba(78,182,135,0); 
}
.products {
	padding-top: 15px;
	padding-bottom: 25px;
}
.products h2 {
	font-family: 'Odibee Sans';
	letter-spacing: 0.1rem;
	font-size : 30px;
	font-weight: 500;
	line-height: 30px;
	margin: 0px;
}
.products h3 {
	font-family: 'Odibee Sans';
	letter-spacing: 0.15rem;
	font-size: calc(16px + 5 * ((100vw - 320px) / 680))!important;
	line-height: calc(16px + 5 * ((100vw - 320px) / 680));
	font-weight: 500 !important;
	color: rgba(0,0,0,1);
	margin: 0px;
	text-transform: uppercase;
}
.products div.bookMe { 
font-family: 'Odibee Sans';
font-size:18px;  
font-weight: 500; 
letter-spacing:0.1rem; 
color:rgba(0,0,0,1); 
margin-top: 2vh;
text-transform: uppercase;
}
.products a.bookMe { 
font-family: 'Fira Sans';
font-size:16px;  
font-weight: 500; 
letter-spacing:0.05rem; 
color:rgba(0,0,0,1); 
margin-top: 2vh;
text-transform: none;
border-radius: 10px;
}
.bookMe { 
/* padding:5px 12px; */
/* background-color: rgba(78,182,135,1); */
font-size:1.2vw;  
font-weight: 500; 
letter-spacing:0.1rem; 
/* color:rgba(255,255,255,1); */
}
.bookMe:hover {
	color:black;
filter: invert(0.2);
	}
.row-1 {
padding-bottom: 14px;
}
.ic {
  border:0;
  float:right;
  background:#fff;
  color:#f00;
  width:50%;
  line-height:10px;
  font-size:10px;
  margin:-220% 0 0 0;
  overflow:hidden;
  padding:0
}
/*------ h1, h2, h3, h4, h5, h6 ------- */
h1,
h2,
h3,
h4 {
  font-family: 'Fira Sans', 'Open Sans', Georgia, Times, serif;
  text-transform: none;
  color: #000000;
  font-weight: 300;
}
h1 {
  font-size: 24px;
  line-height: 24px;
  font-weight: normal;
  color: black;
  padding-bottom: 10px;
  padding-top: 10px;
}
h2 {
  font-size: 22px;
  line-height: 22px;
  font-weight: normal;
  color: black;
  padding-bottom: 10px;
  padding-top: 10px;
}
h3 {
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  color: #10a508;
  padding-bottom: 10px;
  padding-top: 10px;
}
h4 {
  font-size: 18px;
  font-weight: normal;
  line-height: normal;
  margin: 21px 0 20px;
}
p {
  padding-bottom: 0px;
  margin: 0;
}
/*------ thumbnails-1 ------- */
#content {
  position: relative;
  padding: 0 0 40px;
}
.accueil-chapo {
	margin-left: 0px;
	text-align: left;
	line-height: 18px !important;
	font-size: 18px !important;
	letter-spacing: 0.05rem;
	font-weight: 500!important;
	font-family: "Fira Sans";
}
.accueil-circuit-pastille p {
/*	margin-left: 20px; */
	margin-top: 0px;
	text-align: left;
	line-height: 18px !important;
	font-size: 16px !important;
	letter-spacing: 0.1rem;
}
.accueil-option-pastille p {
	line-height: 18px;
}
.accueil-circuit-pastille p {
	line-height: 18px;
}
.accueil-balade-tags {
/*	padding-top: 20px; */
	width: auto;
	display: block;
	font-size: 28px;
	font-weight:400;
	color: white;
	text-align: left;
	font-family: "Odibee Sans";
	letter-spacing: 0.1em;
	position: absolute; 
	top: 60px; 
	left: 40px;
}
.accueil-circuit-pastille {
	position: absolute;
	left: -50px;
	top: -45px;
	border-style: solid;
	border-radius: 50%;
	height: 95px;
	width: 95px;
	display: block;
	font-size: 18px;	
	border: 0px;
	background-color: rgba(83,182,135,1);
	color: white;
	text-align: left;
	font-family: "Odibee Sans";
}
.accueil-option-pastille {
	position: absolute;
	right: 0px;
	top: -38px;
	border-style: solid;
	border-radius: 50%;
	height: 90px;
	width: 90px;
	display: block;
	font-size: 18px;	
	border: 0px;
	background-color: rgba(83,182,135,1);
	color: white;
	text-align: left;
	font-family: "Odibee Sans";
}
.accueil-reserver p {
	font-size : 12px;
	font-weight: 500;
	line-height: 17px;
	padding: 0 40px 0 40px;
}
.accueil-plus-pastille {
	position: relative;
	top: 40px;
	margin: 0 80% 0 20%;
	padding: 0;
	width: 80px;
	height: 80px;
	z-index: 9;
}
#accueil-plus-pastille {
	height: 100px;
	display: block;
	text-align: center;
}
.accueil-produit1-pastille p {
	margin-top: 10px;
}
.hover-slide .accueil-pastille {top: 70px;}
.hover-slide .accueil-pastille {
	position: relative;
	border-style: solid;
	border-radius: 50%;
	height: 80px;
	width: 80px;
	font-size: 24px;	
	display: inline-block;
	border: 0px;
	background-color: rgba(83,182,135,1);
	color: white;
	text-align: center;
	font-family: "Odibee Sans";
}
.hover-slide .accueil-pastille p {
	margin-top: 10px;
	line-height: 20px;
	letter-spacing: 0.1rem;
}
.accueil-produit1-pastille {
	position: absolute;
	right: -45px;
	top: -50px;
	border-style: solid;
	border-radius: 50%;
	height: 80px;
	width: 80px;
	display: block;
	font-size: 24px;	
	border: 0px;
	background-color: rgba(83,182,135,1);
	color: white;
	text-align: center;
	font-family: "Odibee Sans";
	line-height: 18px;
}
.accueilblock-video1 {
/*	display:table-cell; */
	height: 80px;
	padding-top: 50px;
	padding-bottom: 20px;
}
.accueilblock-produit1 {
	display:table-cell;
	height: 80px;
	padding-top: 50px;
	padding-bottom: 50px;
}
.accueil-produit2 {
/*	display:table-cell; */
	position: relative;
	width: 400px;
	height: auto;
	margin: 0 auto; 
	padding: 0;
}
.accueil-option1 {
/*	display:table-cell; */
	position: relative;
	width: 300px;
	height: auto;
	margin: 0 auto; 
	padding: 40px 5px 0 5px;
	background-color: white;
}
.accueil-reserver {
/*	display:table-cell; */
	position: relative;
	width: auto;
	height: auto;
	margin: 0 auto; 
	padding: 30px 0px 30px 0px;
	border-radius: 1%;
	border-style: solid;
	border-top-color: rgb(220, 220, 220);
    border-right-color: rgb(220, 220, 220);
    border-bottom-color: rgb(220, 220, 220);
    border-left-color: rgb(240, 240, 240);
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 3px;
	-moz-box-shadow: 6px 6px 10px rgba(136, 136, 136, 0.5);  
	-webkit-box-shadow: 6px 6px 10px rgba(136, 136, 136, 0.5);  
	box-shadow:10px 10px 10px rgba(136, 136, 136, 0.5);
	background-color: white;
}
.accueil-produit1 {
/*	display:table-cell; */
	border-collapse: separate;
	position: relative;
	width: 400px;
	height: auto;
	margin: 0 auto; 
	padding: 0 5px 0 5px;
	border-radius: 1%;
	border-style: solid;
	border-top-color: rgb(220, 220, 220);
    border-right-color: rgb(220, 220, 220);
    border-bottom-color: rgb(220, 220, 220);
    border-left-color: rgb(240, 240, 240);
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 3px;
	-moz-box-shadow: 10px 10px 10px rgba(136, 136, 136, 0.65);
	-webkit-box-shadow: 10px 10px 10px rgba(136, 136, 136, 0.65);
	box-shadow:10px 10px 10px rgba(136, 136, 136, 0.65);
	background-color: white;
}
.accueil-tag {
	color: white;
	font-weight: 700;
}
.accueil-tagblack {
	color: black;
	font-weight: 600;
}
.carte_circuit {
	position: relative;
	width: 100%;
	height: auto;
	min-height:120px;
	border-radius: 1%;
	border-style: solid;
	border-color: rgba(220,220,220,1);
	border-width: 0px 0px 0px 2px;
	-moz-box-shadow: 6px 6px 10px rgba(136, 136, 136, 0.5);  
	-webkit-box-shadow: 6px 6px 10px rgba(136, 136, 136, 0.5);  
	box-shadow:6px 6px 6px rgba(136, 136, 136, 0.5);
  -webkit-transition: opacity 600ms;
  transition: opacity 1000ms;
  background-color: rgb(248,248,248);
  cursor: pointer;
}
.carte_visite {
	position: relative;
	width: 90%;
	height: auto;
	min-height:120px;
	margin: 5px 15px 5px 10px; 
	padding: 0 5px 0 5px;
	border-radius: 1%;
	border-style: solid;
	border-color: rgba(220,220,220,1);
	border-width: 0px 0px 0px 2px;
	-moz-box-shadow: 6px 6px 10px rgba(136, 136, 136, 0.5);  
	-webkit-box-shadow: 6px 6px 10px rgba(136, 136, 136, 0.5);  
	box-shadow:6px 6px 6px rgba(136, 136, 136, 0.5);
  -webkit-transition: opacity 600ms;
  transition: opacity 1000ms;
  background-color: rgb(248,248,248);
  cursor: pointer;
}
.carte_visite h2 {
	font-size: 18px;
}
.carte_visite p {
	font-size: 14px;
	line-height:18px;
	margin:auto 20px auto 20px;
}
.carte_visite:hover {
background-color: rgb(255,255,255);
}
.carte_visite_detail {
display:flex;
margin:10px;
}
.circuit-texte-background-couleur-charte1 {
	color: white;
	font-weight: 400;
}
.circuit-texte-background-couleur-charte2 {
color: rgb(5, 82, 47);
	font-weight: 400;
}
.accueil-tag-texte {
	color: white;
	font-weight: 500;
}
.accueil-tag-texte:before{
	background-image: url(/img/accueil-tag.png);
    background-size: 23px 13px;
    display: inline-block;
    width: 23px; 
    height: 13px;
    content:"";
	filter: invert(100%);
}
.kdo-tag-texte {
	color: black;
	font-weight: 500;
	font-size:26px;
	padding-left: 23px;
	text-indent: -23px;
	line-height: 29px;
	font-family: "Odibee Sans";
	letter-spacing: 0.2rem;
}
.kdo-tag-texte:before{
	background-image: url(/img/accueil-tag.png);
    background-size: 23px 13px;
    display: inline-block;
    width: 23px; 
    height: 13px;
    content:"";
}
.kdo-tag-texte-sans-tag {
	color: black;
	font-weight: 500;
	font-size:28px;
	line-height: 30px;
	font-family: "Odibee Sans";
	letter-spacing: 0.2rem;
}
.accueil-tag-texte-black {
	color: black;
	font-weight: 500;
	font-family: "Odibee Sans";
	text-transform: uppercase;
letter-spacing: 0.2rem;
font-weight: 600;
}
.accueil-tagblack:before{
	background-image: url(/img/accueil-tag.png);
    background-size: 23px 13px;
    display: inline-block;
    width: 23px; 
    height: 13px;
    content:"";
}
.accueil-tag:before{
	background-image: url(/img/accueil-tag.png);
    background-size: 23px 13px;
    display: inline-block;
    width: 23px; 
    height: 13px;
    content:"";
}
.accueilblockimage1-767 {
display: none!important;
}
.accueilblockseminaire {
	position: relative; 
	height: auto; 
	width: 100%;
	padding: 60px;  
	font-size : 12px;
	background-color : rgba(78,182,135,1);
	display: flex;
	display: webkit-flex;
	border-radius: 1px;
}
.accueilblockimage1 {
	position: relative; 
	height: auto; 
	width: 100%;
	padding: 60px;  
	font-size : 12px;
/*	background-color : black; */
	background: url(/data/medias/SloganGunoc) center no-repeat; 
	background-size:cover;
	display: flex;
	display: -webkit-flex;
}
.accueilblocktrotrx {
	position: relative; 
	height: auto; 
	width: 100%;
	padding: 60px; 
	font-size : 12px;
}
.accueilblocktrotrx img {
width: 100%;
  height: 100%;
  object-fit: cover;
margin:0;
}
.accueilblockfatbike {
	position: relative; 
	height: auto; 
	width: 100%;
	padding: 60px; 
	font-size : 12px;
}
.accueilblockfatbike img {
  position: absolute;
  top: 50%; /* poussé de la moitié de hauteur du référent */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
	object-fit: fill;
	height: 100%;
}
.accueilblockpaddle {
	position: relative; 
	height: auto; 
	width: 100%;
	padding: 60px; 
	font-size : 12px;
	background-color : black;
	background: url(/data/medias/paddle2V.jpg) 0% 50% no-repeat; background-size:contain;
transform: rotate(-90deg);
}
.accueilblockimage3 {
	position: relative; 
	height: auto; 
	width: 100%;
	padding: 60px; 
	font-size : 12px;
}
.detail-animation {
	min-height: 200px;
}
.detail-animation li {
	list-style: square;
	display:list-item;
}
.accueilblockcircuittags {
	position: relative; 
	height: auto; 
	width: 100%;
	padding: 60px; 
	font-size : 12px;
	background-size:cover;
	min-height:450px;
}
.accueilblockimage2, .accueilblockimage4{
	position: relative; 
	height: auto; 
	width: 100%;
	padding: 60px; 
	font-size : 12px;
	background-color : black;
	background-size:cover;
}
.accueilblock-slogan-left {
	position: relative; 
	width: 100%;
	padding: 0px; 
}
.accueilblock-slogan {
	position: relative; 
	width: 100%;
	padding: 0px; 
  display: flex; /* contexte sur le parent */
 	display: -webkit-flex;
  flex-direction: column; /* direction d'affichage verticale */
 -webkit-flex-direction: column;
  justify-content: center; /* alignement vertical */
}
.accueilblock-slogan .accueilblock-slogan-text {
vertical-align:middle;
}
.accueilgroupe-slogan-text {
	font-family: 'Gunoc';
	font-size: 5vw;
	color: white;
	margin: auto !important;
	text-align: center;
	width: 98%;
	padding-top: 50px;
}
.accueilgroupe-slogan-image {
	display: none;
}
.hover-slide a, .hover-slide h1{
	color:white;
	font-size:calc(22px + 2vw);
	font-size:-webkit-calc(22px + 2vw);
	font-family: "Odibee Sans";
	letter-spacing: 0.3rem;
	line-height: 1.2;
	padding-top: 10px;
	margin: 0;
}
.hover-slide a:hover {
	text-decoration: none;
}
.carousel-item a:hover {
	text-decoration: none;
	color: white;
}
.accueilheader-slogan-text {
	padding-top: 0px;
	margin: auto;
	font-family: "Odibee Sans";
	font-weight: 500;
	font-size: 56px;
	line-height: 1.2;
	color:white;
	width: auto;
	letter-spacing: 0.3rem;
	text-align: center;
}
.accueil-slogan-1 {
	font-family: "Odibee Sans";
	font-weight: 500;
	font-size: 52px;
	line-height: 2.2;
	color:white;
	width: 100%;
		letter-spacing: 0.3rem;
}
.accueilblock-slogan-text, .accueil-slogan-2 {
	font-family: "Odibee Sans";
	font-weight: 500;
	font-size: 38px;
	line-height: 1.3;
	color:white;
	width: 100%;
	letter-spacing: 0.3rem;
	margin: auto!important;
}
.accueil-slogan-2_black {
	color:black;
}
.footer-text-souligne {
	background-image: linear-gradient(currentColor, currentColor);
	background-repeat: no-repeat;
	background-size: 100% 0.1em;
	background-position: center bottom 35%;
	background-origin: padding-box;
	padding-bottom:15px;
}
.accueilblock-h2-souligne, .text-more-767-sousligne, .text-more-767-non-sousligne {
display: inline;
}
.text-less-767-sousligne {
display: none;
}
.text-less-767-non-sousligne {
display: none;
padding: 0 !important;
}
.accueilblockcircuittags-h2-souligne {
	background-image: linear-gradient(black, black);
	background-repeat: no-repeat;
	background-size: 100% 3px;
	background-position: center bottom 35%;
	background-origin: padding-box;
	padding-bottom:30px;
    font-size: 20px;
}
.accueilblock-h2-souligne, .text-more-767-sousligne, .text-less-767-sousligne {
	background-image: linear-gradient(black, black);
	background-repeat: no-repeat;
	background-size: 100% 3px;
	background-position: center bottom 35%;
	background-origin: padding-box;
	padding-bottom:30px;
}
.accueilblock h2 {
	font-family: 'Odibee Sans';
	letter-spacing: 0.1rem;
	font-size : 34px;
	font-weight: 500;
	line-height: 34px;
	margin: 0px;
	text-transform: uppercase;
	color: black;
}
.accueilblock-thin h2 {
	letter-spacing: 0.2rem;
	font-size : 28px;
	font-weight: 500;
	line-height: 34px;
}
.accueilblock h3 {
	font-family: 'Fira Sans';
	letter-spacing: -0.05rem;
	font-size : 15px;
	font-weight: 700;
	color: rgba(0,0,0,1);
	margin: 0px;
}
.pindentwhite {
	color: rgba(255,255,255,1);
	padding-left: 16px;
	text-indent:-23px;
}
.pindentblack {
	color: rgba(0,0,0,1);
	padding-left: 16px;
	text-indent:-23px;
}
.accueilblock h5 {
	font-family: 'Odibee Sans';
	letter-spacing: 0.15rem;
	font-size : 15px;
	font-weight: 500;
	color: rgba(0,0,0,1);
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-left: 30px;
	text-indent:-28px;
}
.accueilblock p {
	font-size : 15px;
	font-weight: 400;
	line-height: 20px;
	padding-top: 15px;
	letter-spacing: 0.1rem;
	color: rgb(44, 44, 44);
}
.accueilblock-marge-plus {
	padding:30px 130px 45px 130px;
}
.accueilblock-thin {
	height: 160px; 
}
.accueilblock-blockproduit-detail {
	height: auto; 
	padding:45px 150px 45px 150px;
}
.accueilblock-extra-large {
	position: relative; 
	width: 100%;
	padding: 0px; 
	height: auto; 
}
.circuit_detail .products,
.circuit_image .products {
	padding: 0;
}
.circuit_image_detail h2 {
	color: white!important;
	font-size: 5vw!important;
	line-height: 6vw !important;
}
.circuit_image_detail .accueilblockcircuittags-h2-souligne {
background-image: linear-gradient(white, white);
font-size: 4.0vw!important;
}
.circuit_detail h2,
.circuit_image h2 {
	color: white!important;
	font-size: 1.6em!important;
}

.circuit_detail .accueilblockcircuittags-h2-souligne, 
.circuit_image .accueilblockcircuittags-h2-souligne {
background-image: linear-gradient(white, white);
/*font-size: 0.7em!important;*/
}
.accueilblock-text-circuit {
	position: relative; 
	width: 100%;
	padding: 0px; 
	height: auto;
}
.accueilblock-large {
	position: relative; 
	width: 100%;
	padding: 0px; 
/*	min-height: 340px; */
	height: auto;
}
.accueilblock-sanspadding {
	padding: 0px; 
}
.block-padding-bottom-reduit {
	padding-bottom: 10px!important;
}
.accueilblock-avecpadding {
	padding: 60px; 
	height:auto;
}
.article-avecpadding {
	padding: 30px; 
}
.accueil-padding-block {
	padding-top: 60px;
}
.accueilslogan-fleche-left {
	position: absolute;
	bottom:50px;
	left: -20px;
    height: 50px;
    width: 50px;
    background: rgba(78,182,135,1); 
    -ms-transform: rotate(45deg); /* Internet Explorer */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari et Chrome */
    -o-transform: rotate(45deg); /* Opera */
	transform: rotate(45deg);
  border-radius: 1px;
}
.accueilblock-orange:before {
	content: "";
	position: absolute;
	top:-22px;
	left: 5%;
    height: 45px;
    width: 45px;
    background: rgba(252,190,34,1); 
    -ms-transform: rotate(45deg); /* Internet Explorer */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari et Chrome */
    -o-transform: rotate(45deg); /* Opera */
	transform: rotate(45deg);
  border-radius: 1px;
  z-index: -1;
}
.accueilblock-option-color {
	background-color : rgba(252,190,34,1); 
}
.accueilblock-orange {
	background-color : rgba(252,190,34,1); 
}
.accueilblock-cadeau {
background: none;
}
.accueilblock-black {
	background-color : rgba(0,0,0,1);
}
.accueilblock-black p {
	color : white;
}
.opacity8 :hover {
	opacity: 0.8;
}
.accueil-titrevideo {
	height: 40px;
    text-align: center;
}
.accueil-titreproduit {
	height: 80px;
    text-align: center;
}
.entete-accueil {
	margin-top: 100px;
	text-align: center;
}
.devis-titre-produit {
	margin: auto;
	text-align: center;
	max-width: 740px;
}
.devis-titre-produit h2 {
	font-family: "Odibee Sans";
	letter-spacing: 0.2rem;
	line-height:32px;
	font-size: 20px;
	padding: 5px;
}
.devis-accueil {
	margin-top: 20px;
	text-align: center;
}
.devis-accueil h1 {
	font-family: "Odibee Sans";
	text-transform: uppercase;
	font-size: 42px;
	font-weight: bold;
	line-height: 1.1;
	letter-spacing: 4px;
	padding-bottom: 0px;
    padding-top: 0px;
color: rgba(78,182,135,1);
} 
.entete-accueil h1 {
	font-family: "Odibee Sans";
	text-transform: uppercase;
	font-size: 40px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 4px;
	padding-bottom: 0px;
    padding-top: 0px;
	z-index: 11;
}
.accordRGPD a {
color: red;
}
a.bookMe { 
	color: white;
	}
/***** map *****/
      /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
#map {
  height: 350px!important;
  width: 100%;
  position: relative;
  z-index: 0;
  border-radius: 1px;
}
#map.map4{
        height: 450px;
		width: 100%;
		position: relative;
		z-index: 0;
/*		float: left; */
}
/***** map ou livrons-nous*/
#map.map5{
        height: 100%!important;
}
#cluster {
        height: 450px;
		width: 100%;
		position: relative;
		z-index: 0;
/*		float: left; */
}
/* The slider */

/* The timer in the Slider */

/* The Preloader in the Slider */

/* The strips and boxes in the Slider */

/* Direction nav styles (e.g. Next & Prev) */

/* Control nav styles (e.g. 1,2,3...) */

/* The captions in the Slider */

/* The video show in the Slider */
 .container {
	display: block;
	margin: 0px auto;
	margin: 0 auto;
/*	max-width: 1280px; */
	width: 100%;
} 

table.mention_tarifs {
	width: 100%;
	position: relative;
	height: auto;
	margin: 20px auto; 
	padding: 30px 10px 30px 0px;
	max-width: 900px;
}

table.tarifs {
	border-collapse: separate;
	width: 45%;
	position: relative;
	height: auto;
	margin: 0 auto; 
	padding: 0px 0px 0px 0px;
	border-radius: 1%;
	border-style: solid;
	border-top-color: rgb(240, 240, 240);
    border-right-color: rgb(220, 220, 220);
    border-bottom-color: rgb(220, 220, 220);
    border-left-color: rgb(220, 220, 220);
	border-top-width: 3px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	-moz-box-shadow: 10px 10px 10px #8888888c;  
	-webkit-box-shadow: 10px 10px 10px #8888888c;  
	box-shadow:0px 10px 20px rgba(136, 136, 136, 0.6);
	background-color: white;
}
/***** contact et resa form form *****/
.devisconfirmationtext {
	display: block;
}
.devisdemandetext {
	display: block;
}
/* .devisconfirmation {
	display: table;
}
.devisdemande {
	display: table;
} */
.resa-form table {
	width: 100%;
	max-width: 450px;
}
.resa-form table tr {
	line-height: 28px; 
}
.resa-form table tr.mentionjoursrouges {
	line-height: 16px; 
}
#seminaire-form table {
	width: 100%;
	max-width: 450px;
}
.resa-form label {
	display: block;
	float: left;
	color:#000000;
}
.boutonpm {
	 width: 25px;
	 cursor: pointer;
}
.resa-form input.boutonpm {
	font-size: 22px;
    background-color: rgba(252,190,34,1); 
	font-weight: 600;
	text-align: center;
}
.resa-form input,
.resa-form textarea {
  margin: 0;
  font-size: 14px;
  line-height: 1.5 !important;
  font-weight: 500;
  color: rgb(68, 68, 68);
/*  color: #7f7f7f; */
  outline: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.display_767_block {
 display:none;
}
.resa-form input {
  height: 32px;
 /* margin-top: 4px; */
}
#seminaire-form input {
  height: 32px;
}
.resa-form input:focus,
.resa-form textarea:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.resa-form .message {
  min-height: 343px;
  width: 100%;
}
.resa-form .messageduvendeur {
  min-height: 343px;
  width: 100%;
}
.resa-form .mtremisementionfinale {
  min-height: 60px;
  width: 100%;
}
.resa-form textarea {
  width: 100%;
  height: 323px;
  resize: none;
  overflow: auto;
}
#mailtemp {
	display: none;
}
.resa-form .success {
  display: none;
  margin-bottom: 20px;
  color: #000000;
  font-size: 14px;
  line-height: 16px;
  position: relative;
  background: #ffffff;
  padding: 12px 14px;
  text-transform: none;
}
.resa-form .error,
.resa-form .empty {
  color: #f00;
  font-size: 12px;
  line-height: 1.27em;
  display: none;
  overflow: hidden;
  margin-bottom: 5px;
  padding: 2px 4px 6px 4px;
  text-transform: none;
}
#seminaire-form .error,
#seminaire-form .empty {
  color: #f00;
  font-size: 12px;
  line-height: 1.27em;
  display: none;
  overflow: hidden;
  margin-bottom: 5px;
  padding: 2px 4px 6px 4px;
  text-transform: none;
}
#contact-form {
  position: relative;
  vertical-align: top;
  z-index: 1;
  margin: 0 0 20px;
  padding-top: 10px;
  color : #000000;
}
#contact-form label {
  display: inline-block;
  min-height: 40px;
  position: relative;
  margin: 0;
  max-width: 4000px;
  width: 100%;
}
#contact-form textarea {
  height: 120px;
  width: 100%;
  background: rgba(221,221,221,1);

}
#contact-form .message{
  width: 100%;
}
.contactdata tr {
	border: none;
}
.resa-form .contactdata input,
.resa-form .contactdata select,
#seminaire-form .contactdata input,
#seminaire-form .contactdata textarea,
.resa-form .contactdata textarea {
  background: rgba(221,221,221,1);
}

#contact-form input,
#seminaire-form input,
#seminaire-form textarea,
#contact-form textarea {
  margin: 0;
  font-size: 14px;
  line-height: 15px !important;
  font-weight: 500;
  
  color: rgb(68, 68, 68);
  padding: 4px 5px 5px;
  margin: 0;

  outline: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#contact-form input {
  height: 30px;
  background: rgba(221,221,221,1);
  width: 100%;
}
#seminaire-form .accordRGPD input,
#resa-form .accordRGPD input,
#contact-form .accordRGPD input {
	width: 13px; vertical-align: middle;
}
.accordRGPD {
line-height : 15px;
}
#contact-form input:focus,
#contact-form textarea:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#seminaire-form textarea,  
.resa-form textarea {
  width: 100%;
  height: 323px;
  resize: none;
  overflow: auto;
  background: rgba(221,221,221,1);
}
#contact-form .success {
  display: none;
  margin-bottom: 20px;
  color: #000000;
  font-size: 14px;
  line-height: 16px;
  position: relative;
  background: #ffffff;
  padding: 12px 14px;
  text-transform: none;
}
#contact-form .error,
#contact-form .empty {
  color: #f00;
  font-size: 12px;
  line-height: 1.27em;
  display: none;
  overflow: hidden;
  margin-bottom: 5px;
  padding: 2px 4px 6px 4px;
  text-transform: none;
}
#seminaire-form .error,
#seminaire-form .empty {
  color: #f00;
  font-size: 11px;
  line-height: 1.27em;
  display: none;
  overflow: hidden;
  margin-bottom: 5px;
  padding: 2px 4px 6px 4px;
  text-transform: none;
}
#plie-deplie1 {
display: none;
cursor:pointer;
}
#plie-deplie2 {
display: none;
cursor:pointer;
}
#plie-deplie3 {
display: none;
cursor:pointer;
}
#deplie1 {
display: block;
cursor:pointer;
}
.minusbutton:before {
	content: '\002212';
	float: left;
	font-size: 32px;
	color: black;
	font-weight: 600;
}
.majusbutton:before {
	content: '\002B';
	float: left;
	font-size: 32px;
	color: black;
	font-weight: 600;
}
#deplie2 {
  display: block;
 	cursor:pointer;
}
#deplie3 {
  display: block;
 	cursor:pointer;
}
td.prix6col { 
	border: none; 
	text-align: center;
	font-size: 13px;
	width: 150px;
}
input.prix6coly { 
	border: none; 
	text-align: center;
	font-size: 13px;
	padding-left: 5px;
	padding-right: 5px;
	width: 80px;
}
input.prix6colx { 
	border: none; 
	text-align: center;
	font-size: 13px;
	padding-left: 5px;
	padding-right: 5px;
	width: 100px;
}
/* ---------- Header ---------- */
.qtedevis {
	font-size: 14px;
	text-align: center; 
	width: 88px; 
	line-height: 18px; 
	height: 24px; 
	background: #fff; 
	border: 0px;
}
.header-fixed {
	position: fixed;
    width: auto;
    right: 0;
    left: 0;
	top: 0;
}
#static-home {
	display: none !important;
}
.static.header {
	background: rgba(0,0,0,1);
	height: 6.5rem;
	display: block;
	text-align: center;
}
.header {
	background: rgba(255,255,255,0);
    padding: 16px 0 0 0;
	z-index: 10;
}

.header a {
	color: #000000;
}

.header a:hover {
	text-decoration: none;
}
body { margin: 0; }

/* bonplan ------------- */
.colbonplan {
display: block;
  width: auto;
  max-width: 100%;
  padding-right: 80px;
  padding-left: 80px;
}

/* end of bonplan */

/* carouselproduct */

/* debut  of new carousel circuit */	
	#carouselcircuit { background-image: none; background-position: bottom; background-size:cover; }

	/* Only Change from 1024px --> .view1 */


/* end of new carousel circuits */

/* debut  of new carousel trotrx */	
	#carouseltrotrx .image:after { content:'\A'; position:absolute; width:100%; height:100%; top:0; left:0; opacity:1; transition: all 0.5s; -webkit-transition: all 0.5s; }
	#carouseltrotrx .view1 { background: url(/data/medias/accueil-e-trotrx-1.jpg) center no-repeat; background-size:cover; }
	#carouseltrotrx .view2 { background: url(/data/medias/accueil-e-trotrx-2N.jpg) center no-repeat; background-size:cover; }
	#carouseltrotrx .view3 { background: url(/data/medias/accueil-e-trotrx-3N.jpg) center no-repeat; background-size:cover; }
	

/* end of new carousel trotrx */	
	/* Only Change from 740px --> .hover-slide, h1 */

	/* Only Change from 414px --> .hover-slide, h1 */
	
	/* Only Changed h1 font-size from 375px */

/* END OF carouseloffre  */

/* debut  of new carousel fatbike */	
	
/*	#carouselfatbike .hover-slide .box-shadow { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2) } */
	#carouselfatbike .image:after { content:'\A'; position:absolute; width:100%; height:100%; top:0; left:0; opacity:1; transition: all 0.5s; -webkit-transition: all 0.5s; }
	#carouselfatbike .view1 { background: url(/data/medias/accueil-fatbike-1.jpg) center no-repeat; background-size:cover; }
	#carouselfatbike .view2 { background: url(/data/medias/accueil-fatbike-2.jpg) center no-repeat; background-size:cover; }
	#carouselfatbike .view3 { background: url(/data/medias/slide2-3.jpg) center no-repeat; background-size:cover; }
	#carouselfatbike .view4 {background-image: url(/data/medias/accueil-fatbike-2d-1.jpg), url(/data/medias/accueil-fatbike-2d-2.jpg); background-repeat:no-repeat; background-size:50% 100%, 50% 100%, cover; background-position: 0%, 100%}
	#carouselfatbike .view5 {background-image: url(/data/medias/accueil-fatbike-3d-1.jpg), url(/data/medias/accueil-fatbike-3d-2.jpg); background-repeat:no-repeat; background-size:50% 100%, 50% 100%, cover; background-position: 0%, 100%}

/* end of new carousel fatbike */
#blockimageaccueil {
	transition-property: opacity;
	transition: all 0.5s; 
	-webkit-transition: all 0.5s; 
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

/*  carousel deux images  accueil */
	#pub-bicarousel {width:100%; position:relative; }

	#pub-bicarousel .image:after { content:'\A'; position:absolute; width:100%; top:0; left:0; opacity:1; transition: all 1s; -webkit-transition: all 1s; }


/* new carousel page accueil */

	.headercarousel .carousel-item 
	{
		width:100%; height:26.5vw; 
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		justify-content: center; 
		-webkit-justify-content: center;
	}
	.headercarousel .circuit-item 
	{
		width:100%; 
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		justify-content: center; 
		-webkit-justify-content: center;
	}
	#accueil-carousel .view1 { background: url(/data/medias/accueil-photo-1.jpg) no-repeat; }
	#accueil-carousel .view2 { background: url(/data/medias/accueil-photo-2.jpg) no-repeat; }
	#accueil-carousel .view3 { background: url(/data/medias/accueil-e-trotrx-2N.jpg) no-repeat;; }

/* end of new carousel page accueil */
/* new carousel page seminaire */
	#groupe-carousel .image:after { content:'\A'; position:absolute; width:100%; height:100%; top:0; left:0; opacity:1; transition: all 0.5s; -webkit-transition: all 0.5s; }
		#groupe-carousel .view1 { 
			background-image: url(/data/medias/sem-photo-1.jpg);
			background-repeat: no-repeat, no-repeat;
			background-position: center, center;
			background-size: cover, cover;
		}
		#groupe-carousel .view2 { 
			background-image: url(/data/medias/sem-photo-1.jpg);
			background-repeat: no-repeat, no-repeat;
			background-position: center, center;
			background-size: cover, cover;
		}
		#groupe-carousel .view3 { 
			background-image: url(/data/medias/sem-photo-1.jpg);
			background-repeat: no-repeat, no-repeat;
			background-position: center, center;
			background-size: cover, cover;
		}	
		/* Only Change from 1024px --> .view1 */

/* end of new carousel page seminaire */

	#evg-carousel .image:after { content:'\A'; position:absolute; width:100%; height:100%; top:0; left:0; opacity:1; transition: all 0.5s; -webkit-transition: all 0.5s; }
		#evg-carousel .view1 { 
			background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(/data/medias/evg-1-carousel-1.jpg);
			background-repeat: no-repeat, no-repeat;
			background-position: center, right;
			background-size: cover, cover;
		}
		#evg-carousel .view2 { 
			background-image: url(/data/medias/evg-1-carousel-1.jpg);
			background-repeat: no-repeat, no-repeat;
			background-position: center, right;
			background-size: cover, cover;
		}
		#evg-carousel .view3 { 
			background-image: url(/data/medias/evg-1-carousel-1.jpg);
			background-repeat: no-repeat, no-repeat;
			background-position: center, right;
			background-size: cover, cover;
		}	
		/* Only Change from 1024px --> .view1 */

/* end of new carousel page seminaire */

/*  carousel page nos-vélos */

/*	#nos-velos-carousel .hover-slide .box-shadow { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2) } */
	#nos-velos-carousel .image:after { content:'\A'; position:absolute; width:100%; height:100%; top:0; left:0; opacity:0.6; transition: all 0.5s; -webkit-transition: all 0.5s; }
	#nos-velos-carousel .view1 { background: url(/data/medias/occasion-slide.jpg) no-repeat; background-size:cover; background-position: 0%;}
	#nos-velos-carousel .view2 { background: url(/data/medias/occasion-slide.jpg) no-repeat; background-size:cover; background-position: 0%;}
	#nos-velos-carousel .view3 { background: url(/data/medias/occasion-slide.jpg) no-repeat; background-size:cover; background-position: 0%;}

/* end of new carousel page seminaire */
.carousel-fade 
  .carousel-item {
  opacity: 0; 
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
  -webkit-transform: none;
  transform: none;
  }
/* END OF CAROUSEL */
.carouselor {
	background-color: #ffffff;
	padding-top: 0rem;
	height: 8rem;
    padding: 0;
	z-index: 10;
}
.zoom {
width: auto;
}
.image {
width: 100%;
height: 100%;
}
.image img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.image:hover img {
/* L'image est grossie de 25% */
-webkit-transform:scale(1.25); /* Safari et Chrome */
-moz-transform:scale(1.25); /* Firefox */
-ms-transform:scale(1.25); /* Internet Explorer 9 */
-o-transform:scale(1.25); /* Opera */
transform:scale(1.25);
}
.headertop {
	background-color: #ffffff;
	padding-top: 0rem;
	height: 0rem;
    padding: 0;
	width: 100%;
}
.headertop img, .headertop svg {
	height: 15vw;
}
.headertop {
    position: absolute;
    top: 30px;
/*    left: 15%; 
    right: 15%; */

	margin: auto;
    z-index: 9;
}
/* The timer in the Slider */

/* ******************** NAV fleeter ******************** */

/* ----- Nav / Menu ----- */
.menu-bottom {
display: flex;
	display: -webkit-flex;
     justify-content: space-between;
	 padding: 00px 40px 20px 40px;
}
li.active a {
	color: #111111;
}
.static.menu-logo-white {
	display:inline;
	position:relative;
	top: -10px;
	left: -10px;
}
.static.menu.active a {
color: rgba(78,182,135,1);
white-space: nowrap;
	font-weight: 500;
}
.static.menu.noactive a {
	color: white;
	white-space: nowrap;
	font-weight: 500;
}
.static.menu.noactive a:hover {
	color: rgba(252,190,34,1) !important; 
	background-color: none;
}
/* ---------- Main ---------- */

/* ------- Pagination ------- */


/* ------- Article ------- */

/* ------- Comments ------- */

/* ------- Sidebar ------- */

/* tags */

/* https://www.w3schools.com/colors/colors_trends.asp (The 10 Hottest Fall Colors for 2016) */

/* ---------- Footer ---------- */

.footer {
background-color: black;
	color: white;
	padding: 0rem 0;
	text-align: center;
	font-size: 1.2rem;
}

.footer p {
	margin: 0;
}
.loading{
    background:transparent url(/img/giphy.webp) cover cover no-repeat;
}
.mention_batterie {
	font-size:2rem; 
	color:black;width:80%;
	font-weight: 500;
	position: absolute; 
	bottom: 20%; 
	text-align:center;
	width:100%;
}
.accueil-header-ouverture {
	width:auto;
	top: 8.5rem;
	position: fixed;
	left: 50%;
	transform: translate(-50%,0%);	text-align: center;
	color: rgba(255,255,255,1);
	z-index : 9;
	opacity: 0;
	border-radius: 1px;
}
.accueil-header-ouverture a.ouverture-close {
	position: absolute;
	right: 10px;
	top: 5px;
	background-image: url(/img/close-icon-black.svg);
	background-size: contain;
	background-repeat: no-repeat;
	color: #FFFFFF;
	height: 15px;
	width: 15px;
	text-align: center;
	line-height: 100px;
	font-size: 100px;
	font-weight: bold;
	overflow: hidden;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	z-index: auto;
	cursor: pointer;
	display: block;
}
.accueil-header-loneplanet {
	width:8%;
	top: 2.5rem;
	right:5px;
	position: absolute;
	z-index : 9;
	background-color: transparent;
	background-size: 80%;
}
.accueil-header-logo {
	padding-top: 45px;
	padding-left: 0px;
	z-index:0;
	position:absolute;
}
.accueil-header-logo-png {
	opacity: 0;
}
.accueilflex-container {
/*	background-color: #ffffff; */
   resize: horizontal;
   display: flex;
 	display: -webkit-flex;
   margin: 0em;
}
.flex-container-product {
/*   background-color: #ffffff; */
   resize: horizontal;
   display: flex;
   display: -webkit-flex;
   margin: 0.5em;
}
.container-devis {
   resize: horizontal;
display: block; 
   margin: 1em;
}
.flex-container {
/*   background-color: #ffffff; */
   resize: horizontal;
display: flex; 
	display: -webkit-flex;
   margin: 1em;
}
 .Separator {
    clear: both;
    width: 100%;
    height: 5vh;
    margin: 25px 0;
    background-position: left center;
    background-repeat: repeat-x;
    background-image: none;
    text-align: center;
}
.Separator--compact {
    height: 6px;
    margin: 10px 0;
    background-position: top left;
}
.accueil-separator-product {
    height: 2px;
    margin: 10px 0;
}
.accueil-separator-video {
    height: 2px;
    margin: 10px 0;
}
.circuit_width_ajust {
    width: cal(33% - var(--margin_img_circuits));
	float:left; 
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}
.container-thin {
max-height:470px;
}
#fatbiketexte {
    background-color: rgba(78,182,135,1);
	height: 100%;
}
#fatbiketexte::before {
	content: "";
	position: absolute;
	top:-22px;
	left: 5%;
    height: 45px;
    width: 45px;
    background: rgba(78,182,135,1); 
    -ms-transform: rotate(45deg); /* Internet Explorer */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari et Chrome */
    -o-transform: rotate(45deg); /* Opera */
	transform: rotate(45deg);
  border-radius: 1px;
  z-index: -1;
}
.img_desktop {
	display:block;
}
.img_smartphone {
	display:none;
}
.static.menu-logo-black {
  display: inline;
	position: absolute!important;
	width:95px;
	top: 5px;
	left: 10px;
	z-index:0;
}
#hamburger {
	margin-left:60px;
}
.accueilflex-container-new {
display: -webkit-flex; 
padding: 10px 0 10px 0;
}
.accueil-article-new {
border-radius: 1px; position: relative; height: auto; width: 100%; padding: 0px; margin:0px; font-size: 12px; text-align: left;
}
.accueil-article-new-background-light {
background-color: rgb(232, 241, 237); 
}
.accueil-article-img-new {
border-radius: 1px; background-color: rgb(232, 241, 237); height: 100%;
object-fit: cover;
}
.accueil-article-text-big {
font-family: 'Odibee Sans'; letter-spacing: 0.1rem; font-size: 28px; font-weight: 500; line-height: 32px; margin: 0px; text-transform: uppercase; color: black;
}
.accueil-bandeau-header-new {
text-align:center; font-family: 'Fira Sans'; letter-spacing: 0.05rem; font-size: 22px; font-weight: 700; line-height: 32px; margin: 0 0px 0 0px;
}
.evg-bandeau-header-new {
text-align:center; 
font-family: 'Fira Sans'; 
letter-spacing: 0.05rem; 
font-size: 22px; 
font-weight: 500; 
line-height: 24px; 
padding: 10px; 
color: black;
}
.article-new-left-top {
	padding-bottom: 0px;
	margin: 0px 0px 0  0px;
	border-radius: 1px 1px 0px 0px;
}
.article-new-right-top {
	padding-bottom: 0px;
	margin: 0px 0px 0  0px;
	border-radius: 1px 1px 0px 0px;
}
.article-new-right-top-top {
	padding-bottom: 0px;
	margin: 0px 0px 0  0px;
	border-radius: 1px 1px 0px 0px;
}
.article-img-new-top {
border-radius: 1px 1px 0px 0px;
}
.article-img-new-top-top {
border-radius: 1px 1px 0px 0px;
}
.article-new-left-bottom {
	padding-bottom: 0px;
	margin: 0px 0px 0  0px;
	border-radius: 0px 0px 1px 1px;
}
.article-new-right-bottom {
	padding-bottom: 0px;
	margin: 0px 0px 0  0px;
	border-radius: 0px 0px 1px 1px;
}
.article-new-left-bottom {
	padding-bottom: 0px;
	margin: 0px 0px 0  0px;
	border-radius: 0px 0px 1px 1px;
}
.article-img-new-bottom {
border-radius: 0px 0px 1px 1px;
}
.evg-pastille {
position: absolute;
right: -45px;
border-style: solid;
border-radius: 50%;
height: 70px;
width: 70px;
display: block;
border: 0px;
text-align: center;
font-family: "Odibee Sans";
top: 10px;
left: 75%;
filter: drop-shadow(3px 3px 4px #464647);
background-color: rgb(202, 231, 218);
line-height: 70px;
letter-spacing: 0.1rem;
font-size: 24px;
font-weight: 700;
color:black;
}
.texte-a-centrer-1 {
  position: absolute; /* postulat de départ */
  top: 25%; left: 50%; /* à 50%/50% du parent référent */
  transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
}
.texte-a-centrer-2 {
  position: absolute; /* postulat de départ */
  top: 75%; left: 50%; /* à 50%/50% du parent référent */
  transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
}
.height-300 {
height:auto;
}
.header-text-center {
position: absolute; 
top: 38%; 
left: 50%; 
transform: translate(-50%, -50%);
	color: white;
  font-size: calc(22px + 2vw);
  font-size: -webkit-calc(22px + 2vw);
  font-family: "Odibee Sans";
  letter-spacing: 0.3rem;
  line-height: 1.2;
  padding-top: 10px;
  margin: 0;
 z-index: 9;
text-shadow: black 0.05em 0.05em 0.2em;
width:85%;
text-align:center;
}
@media only screen and (max-width: 1540px) {
.header-text-center {
top: 42%; 
}
}
@media only screen and (max-width: 1280px) {
.bandeau-strong {
	font-size:110%;
}
.menu {
	font-size: 16px;
	padding-left: 0;
	overflow: visible;
}
.info_circuits p, .mention-ouvert p {
	line-height: 110%!important;
	padding-top: 0px!important;
}
.mention-ouvert p {
font-size:12.5px!important;
}
table.tarifs {width:45%; min-width:300px}
table.mention_tarifs {width:98%;}
.hover-slide .accueil-pastille {
	top: 35px;
	height: 70px;
	width: 70px;
	font-size: 20px;
}
.accueil-produit1-pastille {
	right: -38px;
	height: 70px;
	width: 70px;
	font-size: 22px;
}
.accueilheader-slogan-text {
	padding-top: 0px;
}
.accueilblock-marge-plus {
	padding:30px 70px 45px 70px !important;
}
.accueilblock-blockproduit-detail {
    height: auto;
    padding: 45px 115px 45px 115px;
}
}
@media only screen and (max-width: 1023px) {
.static.menu-logo-black {
display:none!important;
}
.accueil-article-text-big {
font-size: 3vw;
}
.accueil-header-ouverture {
	top: 10px;
}
.bandeau-accueil-villes {
font-size:30px;  
bottom: 30px;
text-shadow: black 0.05em 0.05em 0.2em;
letter-spacing: 0.1rem;
}
.accueil-option1 {
	height: auto;
}
.accueil-reserver {
	height: auto;
}
.accueil-produit1 {
	height: auto;
}
.accueil-produit2 {
	height: auto;
}
.container {
    max-width: 100%;
  }
.accueilblockseminaire {
	padding: 0px;  
}
.accueilblockimage1 {
	padding: 50px;  
/*	background: url(/img/accueilblockimag1.jpg) 45% 0% no-repeat; */
}
.accueilblockcircuittags {
	padding: 50px;  
}
.accueil-balade-tags { 
	top: 50px; 
}
.accueilblockimage2, .accueilblockimage4 {
	padding: 50px;  
}
.accueilblock-sanspadding {
	padding: 0px; 
}
.accueilblock-avecpadding {
	padding: 50px; 
}
.accueilblock-marge-plus {
	padding:30px 100px 45px 100px;
}
.accueilblock {
	font-size: 13px;
}
.accueilblock p {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.1rem;
}
.accueilblock .bookMe{
	font-size: 1.5vw;
}
.bookMe {font-size:2vw;}
.colbonplan {
  padding-right: 55px;
  padding-left: 55px;
}
#carouselcircuit { background-image: none; background-position: bottom; background-size:cover; }

#carouselfatbike .image:after { content:'\A'; position:absolute; width:100%; height:100%; top:0; left:0; opacity:1; transition: all 0.5s; -webkit-transition: all 0.5s; }
#carouselfatbike .view1 { background: url(/data/medias/accueil-fatbike-1.jpg) center no-repeat; background-size:cover; }
#carouselfatbike .view2 { background: url(/data/medias/accueil-fatbike-2.jpg) center no-repeat; background-size:cover; }
#carouselfatbike .view3 { background: url(/data/medias/slide2-3.jpg) center no-repeat; background-size:cover; }
#carouselfatbike .view4 {background-image: url(/data/medias/accueil-fatbike-2d-1.jpg), url(/data/medias/accueil-fatbike-2d-2.jpg); background-repeat:no-repeat; background-size:50% 100%, 50% 100%, cover; background-position: 0%, 100%}
#carouselfatbike .view5 {background-image: url(/data/medias/accueil-fatbike-3d-1.jpg), url(/data/medias/accueil-fatbike-3d-2.jpg); background-repeat:no-repeat; background-size:50% 100%, 50% 100%, cover; background-position: 0%, 100%}



.accueilheader-slogan-text {
	font-size: 36px !important;
}
.hover-slide .accueil-pastille {top: 20px;}
.accueilheader-slogan-text {
	padding-top: 0px;
}
.accueilblock-blockproduit-detail {
	height: auto;
	padding:25px 110px 25px 110px;	
}
h1 {
  font-size: 22px;
  line-height: 22px;
  font-weight: normal;
  color: black;
  padding-bottom: 10px;
  padding-top: 10px;
}
h2 {
  font-size: 20px;
  line-height: 20px;
  font-weight: normal;
  color: black;
  padding-bottom: 10px;
  padding-top: 10px;
}
h3 {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  color: #10a508;
  padding-bottom: 10px;
  padding-top: 10px;
}
.accueilblock-marge-plus {
	padding:30px 70px 40px 70px !important;
}

.headertop {
    top: 50px;
}

.accueilblock-slogan-text .accueil-slogan-1 {
	font-size: 46px;
	line-height: 1.8;
	color:white;
		letter-spacing: 0.3rem;
}
.accueilblock-slogan-text .accueil-slogan-2 {
	font-size: 34px;
line-height: 1.1;
	color:white;
		letter-spacing: 0.3rem;
}
.accueil-header-logo img{
	margin-top: 20px;
	height:15vw;
}
.headertop {
    top: 50px;
}

#carouseltrotrx .view1 { background: url(/data/medias/accueil-e-trotrx-1.jpg) center no-repeat; background-size:cover; }
#carouseltrotrx .view2 { background: url(/data/medias/accueil-e-trotrx-2N.jpg) center no-repeat; background-size:cover; }
#carouseltrotrx .view3 { background: url(/data/medias/accueil-e-trotrx-3N.jpg) center no-repeat; background-size:cover; }

li.menu {
	font-size: 14px;
	text-transform: uppercase;
	margin-left: 8px;
	}
.mention_tarifs_col1 {
display : none;
}
.accueilblock h2 {
	font-size : 24px;
	line-height: 30px;
}
.display-mobile {
	display: block;
}
.display-desktop {
	display: none;
}
.linkhref {
	top: 0px!important;
}
.static.header {
  background: rgba(0,0,0,0)!important;
}
.header-fixed {
	width: 0px;
	padding: 0px;
}
#hamburger-button {
	background-color: #000000 !important;
	border-radius: 55px !important;
	width:55px;
	height:55px;
	position:fixed;
	right: 12px!important;
	top:10px;
	padding:0px;
	margin:0px;
}
#hamburger-button::before {
	background-image: url(/img/hamburger.svg);
	background-size: 35px 55px;
	display: inline-block;
	width: 35px;
	height: 55px;
	content: ""!important;
}
.hamburger-activated #hamburger-button.static:before {
	background-image: url(/img/hamburger-close.svg);
	background-size: 35px 55px;
	display: inline-block;
	width: 35px;
	height: 55px;
	content: ""!important;
}
.static.menu-logo-white {
  display: none!important;
  position: relative;
  top: -10px;
  left: -10px;
}
.carouselor {
  height: 0rem!important;
}
#logo {
	width: 95px;
}
.static.menu-logo-black {
  display: inline;
	position: absolute!important;
	width:95px;
	top: 5px;
	left: 5px;
	z-index:0;
}
.accueil-header-logo {
    padding-top: 0px;
  }
}
@media only screen and (min-width: 740px) and (max-width: 1023px) {
.bandeau-strong {
	font-size:100%;
}
.accueilgroupe-slogan-text {
    padding-top: 0px;
}
.headercarousel .carousel-item 
{
	height:29.5vw; 
}
li.menu {
    font-size: 14px;
}
}
@media only screen and (min-width: 740px) and (max-width: 1180px) {
.cover {
  height: 15vw;
}
.circuit_text_small_padding h2 {
    font-size: 20px !important;
    line-height: 20px !important;
}
.info_circuits {
    line-height: 14px !important;
	margin-top: 8px;
}
.display_picto {
line-height: 25px;
width:33px; 
}
.display_picto img {
width:30px; 
}
.accueilblockcircuittags-h2-souligne {
    background-position: center bottom 40%!important;
    padding-bottom: 26px;
    font-size: 20px;
}
.mention-ouvert {
left:0px; bottom:0px;  
margin-left:10px;z-index:1; 
line-height:12px;
font-style: italic;
padding-bottom: 5px;
}
}
@media only screen and (max-width: 900px) {
.evg-bandeau-header-new { 
letter-spacing: 0.05rem; 
font-size: 18px; 
font-weight: 500; 
line-height: 24px; 
}
.accueilheader-slogan-text {
padding-top: 0px;
padding-left: 5%;
font-family: "Odibee Sans";
font-weight: 500;
font-size: 50px;
line-height: 1.2;
color:white;
width: 95%;
letter-spacing: 0.2rem;
}
.hover-slide .accueil-pastille {top: 0px;}
.accueilblock-blockproduit-detail {
	height: auto;
	padding:25px 100px 25px 100px;	
}
h1 {
  font-size: 22px;
  line-height: 22px;
  font-weight: normal;
  color: black;
  padding-bottom: 0px;
  padding-top: 0px;
}
h2 {
  font-size: 20px;
  line-height: 20px;
  font-weight: normal;
  color: black;
  padding-bottom: 0px;
  padding-top: 0px; 
}
h3 {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  color: #10a508;
  padding-bottom: 10px;
  padding-top: 10px;
}
.headertop {
    top: 8%;
}
.accueilblock-marge-plus {
	padding:30px 60px 45px 60px !important;
}
}
@media only screen and (min-width: 740px) and (max-width: 899px) {
.accueilblock-slogan-text .accueil-slogan-1 {
	font-size: 46px;
	line-height: 1.2;
	color:white;
		letter-spacing: 0.3rem;
}
.accueilblock-slogan-text .accueil-slogan-2 {
	font-size: 30px;
     line-height: 1.1;
	color:white;
	letter-spacing: 0.3rem;
}
.accueil-produit2 {
	height: auto;
}
.accueil-option1 {
	height: auto;
}
.accueil-reserver {
	height: auto;
}
.accueil-produit1 {
	height: auto;
}
.accueilblockseminaire { 
	padding: 15px;  
}
.accueilblockimage1 { 
	padding: 15px;  
}
.accueil-balade-tags {
	top: 15px; 
	left: 30px;
}
.accueilblockcircuittags {
	padding: 15px;  
}
.accueilblockimage2, .accueilblockimage4 {
	padding: 15px;  
}
.accueilblock-sanspadding {
	padding: 0px; 
}
.accueilblock-avecpadding {
	padding: 15px; 
}
.article-avecpadding {
	padding: 15px; 
}
.accueilblock p {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.1rem;
}
.accueilblock .bookMe{
	font-size: 1.5vw;
}
  .container {
    max-width: 100%;
  }
}
@media only screen and (max-width: 739px) {
#map {
  height: 350px!important;
}
.header-text-center {
top: 40%; 
transform: translate(-50%, -50%);
  font-size: calc(28px + 4vw);
  font-size: -webkit-calc(28px + 4vw);
}
#groupe-carousel .view1 { 
	background-image: url(/data/medias/sem-photo-2-1.jpg);
	background-repeat: no-repeat, no-repeat;
	background-position: center, center;
	background-size: cover, cover;
}
.accueil-article-img-new {
height:auto;
}
.height-300 {
height:300px!important;
}
.article-img-new-top {
border-radius: 0px 0px 1px 1px;
}
.article-img-new-top-top {
border-radius: 1px 1px 0px 0px;
}
.article-new-left-top {
	margin: 0px!important;
}
.article-new-right-top {
	margin: 0px 0px 0px 0px!important;
}
.article-new-right-top-top {
	margin: 0px 0px 0px 0px!important;
}
.article-new-left-bottom {
	margin: 0px!important;;
}
.article-new-right-bottom {
	margin: 0px!important;
	border-radius: 1px 1px 0px 0px;
}
.accueilflex-container-new {
  display: block;
}
.accueil-bandeau-header-new {
font-size: 18px; 
display:none;
}
.bandeau-promo {
display:block;
}
.bandeau-facebook {
  text-align: center;
  font-family: "Fira Sans";
  font-size: 18px;
  letter-spacing: 0.05em;
  padding: 0px;
  color: black;
  z-index: 9;
}
.accueil-article-new {
margin:0px 0 0px 0;
}
.accueil-article-text-big {
font-size: 3vw;
}
.bandeau-promo-top {
bottom: 0px;
}
.bandeau-accueil-villes {
font-size:24px;  
bottom: 120px;
text-shadow: black 0.05em 0.05em 0.2em;
letter-spacing: 0.1rem;
}
.img_desktop {
	display:none;
}
.img_smartphone {
	display:block;
}
.display_picto_plux {
position:relative; 
display:flex;
width:auto;
}
.display_picto_plux img {
padding:10px; 
}
.cover_plux img{
width: 70vw;
}
.containthumb_plux {
	width:80%;
	margin:auto;
}
nav {
  line-height: 42px!important;
}
.circuit_titre {
font-size: 26px;
line-height: 1.2;
letter-spacing: 0.1rem;
width:auto; 
}
.bandeau-circuits-text {
font-size:24px;
line-height:26px;
letter-spacing: 0.1rem;
}
.circuit_col-0 {
width: 0px;
}
.circuit_width_ajust_50 { 
width: 100%;
margin-left: 0px;
margin-right: 0px;
}
.img_circuits {
border-radius: calc(var(--radius_img_circuits));
}
.block_contact {
margin: auto; 
/* width: 100%; */
padding-left: 0px;
}
.block_contact_elem {
width: 100%;
font-size:16px;
text-align: left;
margin-left: 0px;
}
.block_contact_elem_lieux {
width: 100%;
font-size:16px;
text-align: left;
margin-left: 0px;
float:left;
}
.block_contact_elem_adress_icon {
float:left;
margin-left:0px
}
.block_contact_elem_adress {
width: 100%;
font-size:16px;
text-align: center;
margin-left: 0px;
line-height:22px;
}
.block_contact_elem_adress_first {
line-height:11vw;
height: 12vw;
}
.block_contact_elem_adress_mention {
font-size:12px;
}
.block_contact_elem_adress_mention_liv {
font-size:16px;
}
.block_contact_elem_adress_mention_liv img{
display:none;
}
.detail-animation {
	min-height: 0px!important;
}
.menu-bottom {
	 padding: 20px 40px 20px 40px!important;
}
.text-left-or-center {
	text-align: left;
}
.accueilblocktrotrx img {
  position: absolute;
  top: 50%; /* poussé de la moitié de hauteur du référent */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
}
.accueilblockimage1-767 {
display: block!important;
}
.accueilblockimage1-less-767 {
display: none!important;
}
.ac
.static.header {
	text-align: left;
}
.circuit_image_detail h2 {
	font-size: 6vw!important;
	line-height: 6.5vw !important;
}
.circuit_image_detail .accueilblockcircuittags-h2-souligne {
	background-size: 100% 0.7vw!important;;
}
.carte_visite h2 {
	font-size: 14px;
}
.carte_visite p {
	font-size: 14px;
	line-height:16px;
	margin:auto 10px auto 10px;
}
.fleche-basse {
	font-family : 'Odibee Sans';
	display: block;
	text-align: center;
	position: relative;
    -ms-transform: rotate(-90deg); /* Internet Explorer */
    -moz-transform: rotate(-90deg); /* Firefox */
    -webkit-transform: rotate(-90deg); /* Safari et Chrome */
    -o-transform: rotate(-90deg); /* Opera */
	transform: rotate(-90deg);
	font-weight:500;
	font-size: 48px;
}
.accueilheader-slogan-text {
	width: 100%!important;
}
.accueilblock-marge-plus {
	padding:30px 90px 45px 90px;
}
.accueilchevron-white:after {
	background-image: url(/img/right-chevron-white.svg);
    background-size: 10px 10px;
    display: inline-block;
    width: 10px; 
    height: 10px;
    content:"";
}
.accueilchevron:after {
	background-image: url(/img/right-chevron.svg);
    background-size: 10px 10px;
    display: inline-block;
    width: 10px; 
    height: 10px;
    content:"";
}
.accueilchevronleft {
	color:#000000!important;
	font-family: 'Odibee Sans';
	font-size: 16px!important;
	font-weight: 500;
	letter-spacing: 0.15rem;
	color: rgba(0,0,0,1);
	margin-top: 2vh;
	text-transform: uppercase;
}
.accueilchevronleft:before {
	background-image: url(/img/left-chevron.svg);
    background-size: 10px 10px;
    display: inline-block;
    width: 10px; 
    height: 10px;
    content:"";
}
.accueilchevronleft-white {
	color:#ffffff!important;
	font-family: 'Odibee Sans';
	font-size: 16px!important;
	font-weight: 500;
	letter-spacing: 0.15rem;
	color: rgba(0,0,0,1);
	margin-top: 2vh;
	text-transform: uppercase;
}
.accueilchevronleft-white:before {
	background-image: url(/img/left-chevron-white.svg);
    background-size: 10px 10px;
    display: inline-block;
    width: 10px; 
    height: 10px;
    content:"";
}
.products div.bookMe { 
font-size:15px; 
}
.products a.bookMe { 
font-size:15px; 
}
.container {
    max-width: 100%;
  }
.colbonplan {
  padding-right: 30px;
  padding-left: 30px;
}

.bookMe {font-size:3vw;}
.colbonplan {
  padding-right: 15px;
  padding-left: 15px;
}
input.prix6coly { 
	width: 40px; 
	border: none; 
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	font-size: 12px;
}
input.prix6colx { 
	width: 50px; 
	border: none; 
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	font-size: 12px;
}
td.prix6col { 
	border: none; 
	text-align: center;
	font-size: 13px;
	width: auto;
}
#carouseltrotrx .view1 { background: url(/data/medias/slide1-1-768.jpg) no-repeat; background-size:cover; background-position: center;}
#carouseltrotrx .view2 { background: url(/data/medias/slide1-2-768N.jpg) no-repeat; background-size:cover; background-position: center;}
#carouseltrotrx .view3 { background: url(/data/medias/accueil-e-trotrx-2N-768.jpg) no-repeat; background-size:cover; background-position: center;}

#carouselfatbike .view1 { background: url(/data/medias/slide2-1-768.jpg) no-repeat; background-size:cover; background-position: center;}
#carouselfatbike .view2 { background: url(/data/medias/slide2-2-768.jpg) no-repeat; background-size:cover; background-position: center;}
#carouselfatbike .view3 { background: url(/data/medias/slide2-3-768.jpg) no-repeat; background-size:cover; background-position: center;}
#carouselfatbike .view4 {background-image: url(/data/medias/FB4.jpg); background-repeat:no-repeat; background-size: cover; background-position: 77%}
#carouselfatbike .view5 {background-image: url(/data/medias/accueil-fatbike-2d-2.jpg); background-repeat:no-repeat; background-size: cover; background-position: 65%}
#carouselfatbike .view6 {background-image: url(/data/medias/accueil-fatbike-3d-1.jpg); background-repeat:no-repeat; background-size: cover; background-position: 50%}

.headercarousel .carousel-item { width:100%; height:94vh}
#accueil-carousel .view2 { background: url(/data/medias/accueil-photo-1.768.jpg) no-repeat; }
#accueil-carousel .view1 { background: url(/data/medias/accueil-photo-2-768.jpg) no-repeat;}
#accueil-carousel .view3 { background: url(/data/medias/accueil-e-trotrx-2N-768.jpg) no-repeat;}

#evg-carousel .carousel-item { width:100%; height:calc(var(--vh, 1vh) * 100) }
#evg-carousel .view1 { 
	background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(/data/medias/evg_768.jpg);
	background-repeat: no-repeat, no-repeat;
	background-position: center, right;
	background-size: cover, cover;
}

.accueilgroupe-slogan-text {font-size: 11vw;}
.accueilgroupe-slogan-image {display: block; margin: auto; height: auto!important; width: 70%!important;}

#nos-velos-carousel .view1 { background: url(/data/medias/occasion-1-6.jpg) no-repeat; background-size:cover; }
#nos-velos-carousel .view2 { background: url(/data/medias/occasion-3-4.jpg) no-repeat; background-size:cover; }
#nos-velos-carousel .view3 { background: url(/data/medias/occasion-5-6.jpg) no-repeat; background-size:cover; }


.mention_batterie {
	width:100%;
	font-size:1.7rem;  
	bottom: 0; 
}
.accueil-header-ouverture a.ouverture-close {
	height: 17px;
	width: 17px;
}
.display_767_none {
 display:none;
}
.display_767_block {
 display:block;
}
.kdo-tag-texte {
	font-weight: 500;
	font-size:20px;
	line-height: 22px;
}
.kdo-tag-texte-sans-tag {
	font-weight: 500;
	font-size:24px;
	line-height: 24px;
}
.art_thumbnail {
	height:auto;
}
.text-more-767-sousligne {
display : none;
padding: 0 !important;
}
.text-more-767-non-sousligne {
display : none;
padding: 0 !important;
}
.text-less-767-sousligne {
display : inline;
}
.text-less-767-non-sousligne {
display : block;
}
.accueilblockcircuittags {
	width: auto;
}
li.menu {
	font-size: 14px;
	}
.products h2 {
	font-size : 28px;
	line-height: 28px ;
}
.bandeau-circuits { 
	text-align:center; 
	background-color:none;
	font-family: "Odibee Sans";
	font-size:18px;
	line-height:18px;
	letter-spacing: 0.1rem;
	text-shadow: black 0.05em 0.05em 0.2em;
}
.bandeau-kdo { 
	text-align:center; 
	background-color:none;
	font-family: "Odibee Sans";
	font-size:22px;
	line-height:24px;
}
.contact-kdo { 
	text-align:center; 
	background-color:none;
	font-family: "Odibee Sans";
	font-size:22px;
}
.bandeau-facebook, .bandeau-strong{ 
	text-align:center; 
	background-color:rgba(252,190,34,1);
	font-family: "Odibee Sans";
	font-size:22px;
	line-height: 26px;
}
.bandeau-footer-mobile {
display: flex;
	display: -webkit-flex;
     justify-content: space-between;
	 padding: 10px 10px 00px 10px;
}
.bandeau-footer-desktop {
	display: none;
}
.accueilblock-text-circuit {
	min-height: 180px;
}
.accueilblock-slogan-text .accueil-slogan-1 {
	font-size: 42px !important;
	line-height: 1.2;
	color:white;
		letter-spacing: 0.3rem;
}
.accueilblock-slogan-text .accueil-slogan-2 {
	font-size: 28px !important;
     line-height: 1.1;
	color:white;
	letter-spacing: 0.3rem;
}
.accueilblock-orange::before {
	content: "";
	position: absolute;
	top:-20px;
	left: 5%;
    height: 40px;
    width: 40px;
    background: rgba(252,190,34,1); 
    -ms-transform: rotate(45deg); /* Internet Explorer */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari et Chrome */
    -o-transform: rotate(45deg); /* Opera */
	transform: rotate(45deg);
  border-radius: 10px;
}
#fatbiketexte {
    background-color: rgba(78,182,135,1);; 
}
#fatbiketexte::before {
	content: "";
	position: absolute;
	top:-20px;
	left: 5%;
    height: 40px;
    width: 40px;
    background: rgba(78,182,135,1);; 
    -ms-transform: rotate(45deg); /* Internet Explorer */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari et Chrome */
    -o-transform: rotate(45deg); /* Opera */
	transform: rotate(45deg);
  border-radius: 10px;
}
.footer-text-souligne {
	padding-bottom:12px;
}
.accueil-header-logo {
	padding-left: 00vw;
	padding-top: 0px;
	z-index:0;
	position:relative;
}
.hover-slide .accueil-pastille {top: 0px;}
.accueilheader-slogan-text {
	padding-top: 50px;
	font-size: 40px;
	line-height: 1.2;
	text-align: center;
	padding-left: 0px;
}
.accueilheader-slogan-text .modele{
	font-size: 30px;
}
.accueilblock-slogan {
height:300px;
}
.accueilblock-slogan-left {
height:auto;
}
.accueilslogan-fleche-left {
	display:none;
}
.accueil-plus-pastille {
	top: 40px;
	margin: 0 60% 0 40%;
	width: 80px;
	height: 80px;
}
table.tarifs {
}
.tarifs .boutonpm {
	display: table-cell;
	width: 25px;
}
.tarifs .boutonpm input {
	background-color: rgba(252,190,34,1); 
	color: black;
	font-weight: 600;
	border: none;
}
.tarifsviewleft {
  display: table-cell;
}
.tarifsviewright {
  display: none;
}
.colbonplan {
  padding-right: 30px;
  padding-left: 30px;
}
.col-nav {
display:block;
  max-width: 5%;
}
.col-nav a.next, .col-nav a.next:active, .col-nav a.next:hover{
  background-image: url(/img/right-chevron-vert.svg);
  background-size: 30px 30px;
 background-repeat: no-repeat;
 }
 .col-nav a.prev, .col-nav a.prev:active, .col-nav a.prev:hover{
  background-image: url(/img/left-chevron-vert.svg);
  background-size: 30px 30px;
 background-repeat: no-repeat;
 }
.next, .prev {
  position: relative;
  top: 50%;
  font-size: 40px;
  font-weight: 700;
  cursor: pointer;
}
.col-0 {
display: none;
}
.accueil-header-loneplanet {
width:17%;
top:50px;
margin-top: 35px;
right: 5px;
}
.headertop {
	text-align: center;
	width:100%;
}
.headertop img, .headertop svg{
	margin-top: 10px;
	height: 25vh;
	width: 100%;
}
.accueil-chapo {
	font-size:14px;
	text-align:left;
}
.accueil-circuit-pastille {
	left: 0px;
	top: -55px;
	width: 90px;
	height: 90px;
}
.accueilblock h2 {
    font-size: 20px;
	letter-spacing: 0.15rem;
}
.accueil-option-pastille {
	right: 0px;
	top: -55px;
}
.accueilblock-video1 {
	display: block;
	margin: 0 auto;
	height: 20px;
	width: 80%;
	padding-top: 30px;
	padding-bottom: 30px;
}
.accueilblock-produit1 {
	display: block;
	margin: 0 auto;
	height: auto;
	width: 80%;
	padding-top: 30px;
	padding-bottom: 30px;
}
.view-e-fatbike-bukebike {
	display: none;
}
.view-e-fatbike-bukebike-767 {
	display: none;
}
.view-paddle-gonflable {
	display: none;
}
.accueil-produit2 {
/*	display: block; */
	position: relative;
	width: 85%;
	height: auto;
	margin: 0 auto; 
	padding: 0;
  -webkit-transition: opacity 600ms;
  transition: opacity 1000ms;
}
.accueil-option1 {
	display: block;
	position: relative;
	width: 72%;
	height: auto;
	margin: 0 auto; 
	padding: 30px 5px 0 5px;
}
.accueil-reserver {
	display: block; 
	position: relative;
	width: 72%;
	height: auto;
	margin: 0 auto; 
	padding: 0 5px 0 5px;
	border-radius: 1%;
	border-style: solid;
	border-color: rgba(220,220,220,1);
	border-width: 0px 0px 0px 2px;
	-moz-box-shadow: 6px 6px 10px rgba(136, 136, 136, 0.5);  
	-webkit-box-shadow: 6px 6px 10px rgba(136, 136, 136, 0.5);  
	box-shadow:6px 6px 6px rgba(136, 136, 136, 0.5);
}
.accueil-produit1 {
/*	display: block; */
	position: relative;
	width: 82%;
	height: auto;
	margin: 0 auto; 
	padding: 0 5px 0 5px;
	border-radius: 1%;
	border-style: solid;
	border-color: rgba(220,220,220,1);
	border-width: 0px 0px 0px 2px;
	-moz-box-shadow: 6px 6px 10px rgba(136, 136, 136, 0.5);  
	-webkit-box-shadow: 6px 6px 10px rgba(136, 136, 136, 0.5);  
	box-shadow:6px 6px 6px rgba(136, 136, 136, 0.5);
  -webkit-transition: opacity 600ms;
  transition: opacity 1000ms;
}
.accueilblock h3 {
	letter-spacing: -0.05rem;
	font-size: 14px;
}
.accueilblockseminaire {
	max-width: 100vw;
	padding: 0px;  
}
.accueilblockimage1 {
	height: 300px; 
	max-width: 100vw;
	padding: 0px;  
/*	background: url(/img/accueilblockimag1.jpg) 45% 0% no-repeat; */
}
.accueilblockimage3 {
display:none;
}
.accueil-balade-tags {
	top: 6vw; 
	left: 20px;
}
.accueilblockcircuittags {
	height: auto; 
	max-width: 100vw;
	padding: 6vw; 
}
.accueilblockimage2 {
	height: 300px; 
	max-width: 100vw;
	padding: 0px;  
}
.accueilblockimage4 {
	height: 250px; 
	max-width: 100vw;
	padding: 0px;  
}
.accueilblocktrotrx {
	height: 300px;
    max-width: 100vw;
    padding: 0px;
}
.accueilblockfatbike {
	height: 300px; 
	max-width: 100vw;
	padding: 0px;  
}
.accueilblockpaddle {
	height: 415px; 
	max-width: 100vw;
	padding: 0px; 
	-webkit-transform: rotate(0deg);	
	transform: rotate(0deg);
}
.accueilblock-text-circuit,
.accueilblock-large {
	height: auto;
}
.accueilblock-sanspadding {
	padding: 0px; 
}
.accueilblock-avecpadding {
	padding: 6vw;
		max-width: 88vw;
}
.article-avecpadding {
	padding: 6vw;
		max-width: 88vw;
}
.accueilblock-marge-plus {
	padding:30px 88px 45px 88px !important;
}
.accueilblock {
	font-size: 13px;
	position: relative; 
	height: auto; 
	margin-left: 10; 
	margin-right: 10;
}
.accueilblock p {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.1rem;
}
.accueilblock .bookMe{
	font-size: 1.5vw;
}
.accueil-separator-video {
    height: 40px;
/*	background: white; */
}
.accueil-separator-product {
    height: 50px;
/*	background: white; */
}
.accueilflex-container {
    display: block;
}
.flex-container-product {
    display: -webkit-flex;
    display: flex;
}
.container-devis {
display: block; 
}
.flex-container {
    display: block;
}
li.menu {
/*		padding: 5px 5px 2px 5px; */
font-size: 14px;
}

li.menu:hover {
	border: none;
}
.entete-accueil {
top: 0px;
text-align: center;
}
.devis-accueil {
margin-top: 0px;
text-align: center;
}
.devis-accueil h1 {
font-size: 8vw;
letter-spacing: 2px;
}
.entete-accueil h1 {
font-size: 8vw;
letter-spacing: 2px;
}
.header-fixed {
position: fixed;
top: 0;
}
.header {
height: 5rem;
text-transform: uppercase;
background: rgba(255,255,255,0);
padding: 16px 0 0 32px;
font-size: 15px;
}
body {
padding-top: 0;
}
.circuit_width_ajust {
/*    width: 100%; */
	float:none;
	display:block;
}
#hamburger-button {
	border-radius: 45px !important;
	width:45px;
	height:45px;
}
#hamburger-button::before {
	background-size: 30px 45px;
	width: 25px;
	height: 45px;
}
.accueil-header-ouverture {
top: 40vh;
}
nav {
  line-height: 38px !important;
}
.container-thin {
max-height:none;
}
.headertop img, .headertop svg {
	margin-top: 0px;
	height: 25vh;
	width: 100%;
}
.headertop {
	top: 40px;
}
.accueil-header-ouverture {
	top: 40vh;
}
}
@media only screen and (min-width: 480px) and (max-width: 739px) {
.accueil_recommandations {
display: block;
width: 100%;
}
.accueil_recommandations_duo {
display: flex;
margin: auto;
width: 100%;
}
.accueil_recommandations_img {
height: 110px;
}
.bandeau-facebook, .bandeau-strong { 
	font-size:24px!important;
}
}
@media only screen and (min-width: 740px) and (max-width: 820px) {
.circuit_width_ajust {
    width: calc(49.5% - var(--margin_img_circuits));
}
.cover {
	height:20vw;
}
.accueil-header-ouverture {
}
li.menu {
    font-size: 14px;
}
}
@media only screen and (min-width: 740px) and (max-width: 880px) {
.circuit_detail h2,
.circuit_image h2 {
	padding-top:5px;
}
}
@media only screen and (min-width: 740px) and (max-width: 780px) {
	li.menu {
		padding: 5px 5px 2px 5px;
	}

	li.menu:hover {
		border: none;
	}
	.header {
	height: 6rem;
	}
.entete-accueil h1 {
	font-size: 5vw;
	letter-spacing: 2px;
	}
}
@media (max-width: 780px) {
.bookMe {font-size:2vw;}
 }
 @media only screen and (max-width: 500px) {

h1 {
  font-size: 18px;
  line-height: 30px;
  font-weight: normal;
  color: black;
	padding: 0;
}
h2 {
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
  color: black;
	padding: 0;
}
h3 {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  color: #10a508;
  padding-bottom: 10px;
  padding-top: 10px;
}
.carouselor {
	background-color: #ffffff;
	padding-top: 0rem;
	width: 14rem;
    padding: 0;
	z-index: 10;
}
}
@media only screen and (max-width: 480px) {
.accueil-article-text-big {
font-size: 4vw;
}
.accueil-bandeau-header-new {
font-size: 18px; 
line-height:24px;
}
.accueil_recommandations {
display: block;
}
.accueil_recommandations_duo {
display: block;
margin: auto;
width: 100%;
}
.accueil_recommandations_mono {
display: block;
margin: auto;
width: 100%;
}
.accueil_recommandations_img {
height: 90px;
}
.accueilblockimage1 {
    height: 80vw!important;
}	
.SloganGunoc {
	font-size: 10vw;
	line-height:10vw;
}
.SloganGunoc-firt-line {
	font-size: 20vw; 
	line-height:20vw; 
}
.SloganGunoc-second-line {
	font-size: 14vw; 
	line-height:14vw;
}
.SloganGunoc-barre {
	font-size: 14vw; 
	line-height:14vw; 
}
 .Separator {
    height: 0px;
    margin: 0;
}
  input[type="radio"] {
    border: 1px solid #ccc;
  }
}
 @media only screen and (max-width: 415px) {
.accueilblock-marge-plus {
	padding:45px 40px 45px 40px !important;
}
.bookMe {font-size:4vw;}
.accueilblock-blockproduit-detail {
	height: auto;
	padding:25px 90px 25px 90px;	
}
.accueilblock {
	position: relative;  
	width: 100%;
	margin-left: 0; 
	margin-right: 0;
}
.colbonplan {
  padding-right: 10px;
  padding-left: 10px;
}
}
@media only screen and (max-width: 376px) {
.bookMe {font-size:4vw;}
.colbonplan {
  padding-right: 5px;
  padding-left: 5px;
}
.hover-slide .accueil-pastille {top: 0px;}
.accueilblock-slogan-text .accueil-slogan-1 {
	font-size: 40px !important;
	line-height: 1.2;
	color:white;
		letter-spacing: 0.2rem;
}
.accueilblock-slogan-text .accueil-slogan-2 {
	font-size: 26px !important;
     line-height: 1.1;
	color:white;
	letter-spacing: 0.2rem;
}
.accueilblock-marge-plus {
	padding:30px 60px 45px 60px !important;
}
.accueilblock-blockproduit-detail {
	height: auto;;
	padding:25px 70px 25px 70px;	
}
}
@media only screen and (max-width: 321px) {
.bookMe {font-size:4vw;}
.colbonplan {
  padding-right: 1px;
  padding-left: 1px;
}
.footer-text-souligne {
    font-size: 11px;
}
.accueilblock h2 {
    font-size: 23px !important;
}
.accueilheader-slogan-text {
	padding-top: 60px !important;
	font-size: 40px!important;
	line-height: 1.2;
	text-align: center;
	padding-left: 0px;
}
nav {
    line-height: 34px;;
}
.bandeau-facebook, .bandeau-strong{ 
	font-size:20px!important;
}
}
@media only screen and (min-width: 821px) {
.circuit_width_ajust {
    width: calc(33% - var(--margin_img_circuits));
}
.img_circuits {
border-radius: calc(var(--radius_img_circuits));
}
.cover {
	height:20vw;
}
}
@media only screen and (min-width: 900px) {
  input,
  textarea {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1080px) {
.headertop {
    top: 0px;
	width:100%;
}
  input,
  textarea {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1191px) {
  .container {
    max-width: 100%;
  }
}
@media only screen and (min-width: 1280px) {
.container {
    width: 1190px;
}
}
@media only screen and (min-width: 1311px) {
.container {
width: 1190px;
}
}