html {line-height: 1.15; /* 1 */-webkit-text-size-adjust: 100%; /* 2 */}
body {margin: 0;}
* {
    box-sizing: border-box; /* Modèle de boîte */
}
main {display: block;}
h1 {font-size: 2.5em;font-weight:normal;line-height:1.5em;margin: 0.67em 0;text-align:center}
hr {box-sizing: content-box; /* 1 */height: 0; /* 1 */overflow: visible; /* 2 */}
pre {font-family: monospace, monospace; /* 1 */font-size: 1em; /* 2 */}
a {background-color: transparent;color:#347ab6;}
.class_velo a {color:#3d9e3d;}
abbr[title] {border-bottom: none; /* 1 */text-decoration: underline; /* 2 */text-decoration: underline dotted; /* 2 */}
b,strong {font-weight: bolder;}
code,kbd,samp {font-family: monospace, monospace; /* 1 */font-size: 1em; /* 2 */}
small {font-size: 80%;}
sub,sup {font-size: 75%;  line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img {border-style: none;}
button,input,optgroup,select,textarea {font-family: inherit; /* 1 */font-size: 100%; /* 1 */line-height: 1.15; /* 1 */margin: 0; /* 2 */}
button,input { /* 1 */overflow: visible;}
button,select { /* 1 */text-transform: none;}
button,[type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box; /* 1 */color: inherit; /* 2 */display: table; /* 1 */max-width: 100%; /* 1 */padding: 0; /* 3 */white-space: normal; /* 1 */}
progress {vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"],[type="radio"] {box-sizing: border-box; /* 1 */padding: 0; /* 2 */}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield; /* 1 */outline-offset: -2px; /* 2 */}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button; /* 1 */font: inherit; /* 2 */}
details {display: block;}
summary {display: list-item;}
template {display: none;}
[hidden] {display: none;}
@font-face {  font-family: 'SSP';  font-style: normal;  font-weight: 400;  src: local(''),       url('../fonts/source-sans-pro-v14-latin-regular.woff2') format('woff2'),        url('../fonts/source-sans-pro-v14-latin-regular.woff') format('woff'); }
@font-face {  font-family: 'SSP';  font-style: normal;  font-weight: 700;  src: local(''),       url('../fonts/source-sans-pro-v14-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */       url('../fonts/source-sans-pro-v14-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */}
html{font-size:62.5%}

.text-labels {
font-size: 1.25em;background-color:white;border:1px solid black;display:inline;border-radius:5px;padding:4px;-webkit-hyphens: auto;
  hyphens: auto;text-align:center;}

body{font-family:SSP,sans-serif;font-size:1.4em}
h1{font-family:SSP,sans-serif;color:black;margin-bottom:0;}
.colorblue{color:#689dc7;}
.class_velo .colorblue{color:#249724;}
.class_fle .colorblue{color:#3c8287;}
/* HOMEPAGE */h1.accueil{font-weight:bold;text-align:left;margin-left:5%;font-size: 4.5rem;line-height:1em;margin:3em 5% 3em 5%;}
h1.accueil span.middle{font-size: 5rem;}
h1.accueil span.end{font-size: 5.5rem;}

.class_fle span.end{font-size: 3.5rem !important;color:#3c8287;}
h2.ssaccueil{text-align:center;font-size:2.38rem;letter-spacing: -1px;}
.circle{float: left;    text-align: center;    font-size: 1.2em;        border-radius: 50%;    color:#FFFFFF;    background-color:  #CCCCCC;overflow:hidden;}
.circle img{width:100%;height:auto;}
.signatureright{float:left;margin-right:0;height: 20%;width: 20%;margin:0 2.5% 0 2.5%;}
.textintro{float:left;width:75%;font-size:1.4em;	box-sizing:border-box;padding:5px;position:relative;font-style:italic; color: #666666;}
.textintro2{width:100%;font-size:1.4em;	box-sizing:border-box;padding:5px;position:relative;font-style:italic; color: #666666;}
#monintro{margin-top:150px;margin-bottom:50px;display:block;}
.points3{width:100%;color:#689dc7;font-style:normal;color:black;font-size:1.4em;font-weight:bold;text-align:center;margin-bottom:3em;padding:0 20% 0 20%;box-sizing:border-box;}
.class_velo .points3{color:#249724;}
.class_fle .points3{color:#3c8287;}
.points3 svg{height:40%;width:40%;display:block;margin:auto;color:#689dc7;margin-bottom:1em;}
.class_velo .points3 svg{color:#249724;}
.class_fle .points3 svg{color:#3c8287;}
.points3 hr{width:76%;margin-left:12%;border:1px solid #666666;margin-top:20%;}
hr.distinct{width:46.4%;margin-left:26.8%;border:1px solid #666666;margin-top:20%;margin-bottom:20%;}
a.discover{display: inline-block;color: #0d6efd;cursor: pointer;background-color: transparent;border: 1px solid #0d6efd;padding: .5em;box-sizing:border-box;border-radius: 10px;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:84%;margin-left:8%;font-size:1.4em;text-align:center;margin-top:2em;}
#fincms,#fincms2{display:block;width:100%;}
a.discover:hover{color:#FFFFFF;background-color:#0d6efd;}
#mesphotos{ min-height:470px;background-attachment: fixed;background-position: center;background-size: cover;background-repeat: no-repeat;background-image: url(/seostranding/accueil_mobile.jpg); width:88%;margin-left:6%;margin-top:10%;margin-bottom:10%;}
/* HOMEPAGE FIN */.clear{clear:both}
a:hover{color:#689dc7;}
.class_velo a:hover{color:#249724;}
.class_fle a:hover{color:#3c8287;}
h2{font-family:SSP,sans-serif;color:black;font-size:2.2em;}
h3{font-family:SSP,sans-serif;color:black;font-size:1.8em;}
h2.sstitre{font-style:italic;text-align:center;font-weight:bold;line-height:1.25em;font-size:1.7em;box-sizing:border-box;padding:0em;font-weight:normal;margin-bottom:2em;}
h2.accueil{background-color:#347ab6;color:#FFFFFF;width:60%;display:block;margin:4em 20% 6em 20%;text-transform:uppercase;box-sizing:border-box;padding:15%;text-align:center;font-size:1.2em;}
.class_velo h2.accueil {background-color:#3d9e3d;}
.class_fle h2.accueil {background-color:#3d9e3d;}
h2.accueil span{font-size:1.2em;}
p{text-align:left;line-height:1.8em}
blockquote{background-color:#e6eac1;font-style:italic;text-align:center;font-size:1.45em;color:#545561;width:100%;margin:0;box-sizing:border-box;padding:1em;}
.numerotation{width:100%;text-align:right;color:#003845}
#diapocenter{text-align:center}
div.indexphoto{font-size:1.7em;color:#fff;font-family:SSP,sans-serif;font-weight:700;line-height:70px;position:absolute;bottom:45%;left:25%}
.site-container{width:100%;margin:auto}
a{text-decoration:none;color:inherit}
.class_velo a{text-decoration:none;color:inherit}
.class_fle a{text-decoration:none;color:inherit}
p a{color:#347ab6;background-color:#f5f5f5;border-radius:12px;padding:0 7px 0 7px;}
.class_velo p a{color:#3d9e3d; }
.class_fle p a{color:#3d9e3d; }
p a:hover{text-decoration:underline;}
#centre ul li a,.informations_complementaires a{text-decoration:none;color:#347ab6}
.class_velo #centre ul li a, .class_velo .informations_complementaires a{color:#3d9e3d;}
.class_fle #centre ul li a, .class_fle .informations_complementaires a{color:#3d9e3d;}
.class_velo  a.lien_linked2{font-weight:bold;color:black;font-size:1.4em;text-align:center;}
.class_fle  a.lien_linked2{font-weight:bold;color:black;font-size:1.4em;text-align:center;}

.class_velo  a:hover.lien_linked2{color:#3d9e3d;
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.class_fle  a:hover.lien_linked2{color:#3d9e3d;
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.class_velo .informations_complementaires{margin-top:2.5em}
.class_velo .lien_linked2{box-sizing:border-box;padding-top:1.5em;}
.class_fle .informations_complementaires{margin-top:2.5em}
.class_fle .lien_linked2{box-sizing:border-box;padding-top:1.5em;}
.rsshare a{color:white !important}
.informations_complementaires a:hover{text-decoration:underline;}
.container{margin:0 20px;overflow:hidden;zoom:1}
.site-content{padding-top:10px}
.header__logo{font-weight:700;padding:0 25px;float:left}
.menu{text-align:center}
.menu a{color:#000;text-decoration:none;text-transform:uppercase;display:inline-block;font-family:SSP,sans-serif;margin:15px;padding:5px;text-align:center}
.menu a:hover{text-decoration:underline}
#boutonhome{width:100%;height:40px;top:0;margin:0;padding:0;background-color:#F0EFF0;position:fixed;z-index:100}
#header_icons{width:1000px;margin:auto;margin-top:10px}
}
#header_icons img{opacity:.5;opacity:.5;filter:alpha(opacity=50)}
#mon_logo{max-width:200px;width:100%;height:auto;margin-left:15px;margin-top:10px}
#ma_banniere{margin:auto;margin-top:25px;position:relative;display:inline-block !important;margin:auto;margin-top:00px;width:100%;position:relative;background-color:#FFFFFF;}
#search_logo{position:relative;display:block;float:left;width:10%;height:66px;cursor:pointer;padding-top:25px;	box-sizing:border-box;}
#moteur{display:none;clear:both;width:100%;box-sizing:border-box;padding:1em 10% 1em 10%; }
#moteur_insite{background-color:#c9d7e6;border-radius:15px;width:100%;}
#moteur input{padding:0.5em;box-sizing:border-box;border:0;background-color:transparent;width:85%;float:left;}
#moteur button{background-color:transparent;border:0;width:15%;float:left;color:white;padding:0.5em;box-sizing:border-box;}
#moteur button svg{margin-bottom:-4px;}
#moteur ::placeholder {color:white;font-size:1.1em;padding:0.1em}

#moteur input:focus {     outline:  none;color:white;font-size:1.1em;}
#moteur input {color:white;font-size:1.1em;}
.the_logo{display:block;float:left;width:80%;height:66px;	font-weight: 700;text-transform: uppercase;letter-spacing: -1px;font-size: 1.7em;		text-align:center;	padding-top:20px;	box-sizing:border-box;}
.the_logo span{color:#689dc7}
.class_velo .the_logo span{color:#249724}
.class_fle .the_logo span{color:#3c8287}
@media only screen and (max-width:980px){
.site-pusher,.site-container{height:100%}
.site-container{overflow:hidden;width:100%}
.the_title{width:48%;float:left;padding-top:20px;padding-left:2%;box-sizing:border-box;font-family:SSP;font-size:1.2em;font-weight:700;color:#347ab6}
.class_velo .the_title{color:#3d9e3d; }
.class_fle .the_title{color:#3c8287; }
.site-pusher{-moz-transition-duration:.5s;-o-transition-duration:.5s;-webkit-transition-duration:.5s;transition-duration:.5s;	/*-moz-transform:translateX(0px);-ms-transform:translateX(0px);-webkit-transform:translateX(0px);transform:translateX(0px)*/}
.header{position:static}
header{	background-color:#FFFFFF;height:auto;	}
.header{position:relative;}
.header:after{    content: " ";    position: absolute;    width:100%;    height: 15px;    bottom: -15px;    left: 0px;    box-shadow: 0px 10px 10px -10px #666 inset;}
.header__icon{position:relative;display:block;float:right;width:10%;height:66px;cursor:pointer;}
.header__icon:after{content:'';position:absolute;display:block;width:2rem;height:0;top:16px;left:15px;-moz-box-shadow:0 10px 0 2px #000000,0 18px 0 2px #000000,0 26px 0 2px #000000;-webkit-box-shadow:0 10px 0 2px #000000,0 18px 0 2px #000000,0 26px 0 2px #000000;box-shadow:0 10px 0 2px #000000,0 18px 0 2px #000000,0 26px 0 2px #000000	}
.menu{position:absolute;z-index:9999;left:0;top:0;bottom:0;overflow-y:none;-webkit-overflow-scrolling:touch;background-color:#FFF;width:250px;-moz-transform:translateX(-250px);-ms-transform:translateX(250px);-webkit-transform:translateX(-250px);transform:translateX(-250px)}
.menu a{display:block;text-align:left;line-height:30px;border-bottom:1px solid #333;font-size:1.2em;box-sizing:border-box;padding:10px 20px 10px 10px;}
.with--sidebar .site-pusher{-moz-transform:translateX(+250px);-ms-transform:translateX(+250px);-webkit-transform:translateX(+250px);transform:translateX(+250px)}
.with--sidebar .site-cache{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6)}
#boutonhome{display:none}
#adadadhome{position:relative;float:left;margin-top:20px;margin-left:15px;cursor:pointer;display:inline}
#section,.section2{width:100%;height:100%;float:left;margin:0;padding:0}
#section img,.section2 img{width:100%;height:auto}
#nepasafficher{display:none;clear:both}
#photogauche{display:none}
#diapocenter,#photobas{width:100%}
#photobas img{width:100%!important;height:100%!important}
img.photodiapo{float:left;width:100%!important;height:100%!important}
#monfocustexte{font-size:1em;width:90%!important;margin:5%}
#monpartage{margin-left:0!important;width:100%!important}
#centre{width:97%;margin-left:1.5%}
.borderheader{position:relative;height:1px;width:100%;margin-top:0;background-color:#F1F1F1;border-bottom:0;-moz-box-shadow:0 4px 15px #000;-webkit-box-shadow:0 4px 15px #000;box-shadow:0 4px 15px #000}
}
#bottom{width:100%;min-height:100px;background-color:#000000;color:#b5b5b5;}
#bottom .contact{display:block;width:100%;font-size:1.1em;text-align:center;padding-top:2em;color:#FFFFFF}
#insidebottom a{text-decoration:underline;color:#FFFFFF}
#insidebottom{width:95%;margin-left:2.5%;padding-top:2em;text-align:center;padding-bottom:2em}
#section,.section2{margin-left:5%;margin-right:5%;width:90%;margin-bottom:4em;box-sizing:border-box;background-color:#fff;border:1px solid #888}

#section h3,.section2 h3,#section h2,.section2 h2{margin:.1em 2.5% 0;padding:0;font-size:1.2em;line-height:1.4em}
#section .type,.section2 .type{padding:.5em 2.5% 0;box-sizing:border-box;width:100%;display:block;color:#347ab6;text-transform:uppercase;font-size:.9em}
.class_velo #section .type,.class_velo .section2 .type{color:#3d9e3d; }
.class_fle #section .type,.class_fle .section2 .type{color:#3d9e3d; }
#section p.resume,.section2 p.resume{padding:.3em 2.5% 1em;box-sizing:border-box;width:100%;display:block;margin:0;color:#999;line-height:1.4em}
#preview{position:absolute;border:2px solid #008F85;display:none;color:#fff}
#mon_ariane{font-size:1em;text-transform:uppercase;font-family:SSP,sans-serif}
#ariane{color:#999;font-size:1em;text-transform:uppercase;font-family:SSP,sans-serif;display:block;width:90%;margin-left:5%;margin-top:.5em}
#ariane a{color:#666;text-decoration:none;font-family:SSP,sans-serif}
#ariane a:hover{text-decoration:underline}
div.arianevide{float:left;margin-left:4px}
#monfocustexte p{margin:0;padding:0;text-align:left;font-size:1.1em;line-height:1.75em;margin-bottom:10px}
#monfocustexte a{text-decoration:underline;color:#a90000}
#monfocustexte a:hiver{text-decoration:underline;color:#000}
.informations_complementaires{width:100%;box-sizing:border-box;padding:10px}
.principale_texte{width:100%;box-sizing:border-box;padding:10px}
.speciale_intro{width:100%;box-sizing:border-box;}
.principale_texte ul{font-size:1.2em}
.principale_texte li{line-height:1.8em}
.principale_texte p,.speciale_intro p{text-align:left;font-size:1.2em;clear:both;padding-top:0.1em;}
aside{font-size:1.2em;}
aside li{padding:0.3em 0 0.3em 0; }
.principale_texte img{width:100%;border-radius: 15px;}
.principale_texte img.noresize{width:auto;}
.principale_texte figure{margin:0}
.principale_texte figcaption{width:100%;font-size:1.1em;color:#8b7e7e;font-style:italic;text-align:center}
#gestion_carte{width:100%}
#ariane_list li{display:inline-block;margin:0}
#ariane_list li a{color:#347ab6;text-decoration:underline;margin-left:5px;margin-right:5px}
.class_velo #ariane_list li a{color:#3d9e3d; }
.class_fle #ariane_list li a{color:#3d9e3d; }
#ariane_list{margin:.5em 0;padding:0;padding-inline-start:0;font-size:1.1em}
#ariane_list li .ins{margin-left:5px}
#ariane_list li::before{content:"→";padding-right:5px;}
#ariane_list li:first-child::before{content:""}
#ariane_list li:first-child a{margin-left:0}
.lien_linked,.lien_linked2{display:block;width:100%;margin-left:0;padding-bottom:2em;min-height:80px;}
.lien_linked picture, .lien_linked2 picture{position:relative;width:100%;display:block}
.lien_linked img {width:100%;margin-right:0;margin-bottom:0px;position:relative;}

.lien_linked2 img{width:30%;margin-left:1.5%;margin-right:1.5%;float:left;}
.class_velo .lien_linked2 img{border-radius:7px;margin-right:5%;margin-top:-1.5em}

.lien_linked picture h3{font-size:1.4em;text-align:left;margin-top:7px;	background-color: #FFFFFF;color: #213913;position:absolute;display:block;bottom: 0.7em;left: 0.7em;padding:.7em;box-sizing:border-box;width: 90%;opacity: 78%;text-align:center;text-transform:uppercase;display:inline-block;}
.lien_linked h3{font-weight:normal;	}
.lien_linked hr, hr.linked2{width:75%;margin:2em 12.5% 2em 12.5%;height:0;border:1px solid #689dc7;	}

.class_velo .lien_linked hr,.class_velo hr.linked2{border:1px solid:#249724;}
#intro{position:relative;margin-bottom:1.5em;}
#intro img{width:100%;height:auto;}
#intro blockquote{position:absolute;bottom:5%;left:5%;width:90%;opacity:80%;font-size:1.1em;background-color:#FFFFFF;color:#0d1a06;	}
#commentaires{display:block;padding:1em;}
#commentaires hr{border:0;border-bottom:1px solid #f0ede9;width:75%;margin:2em 12.5% 2em 12.5%;}
.mon_commentaire{background-color:#f6f6f6;display:block;width:100%;box-sizing:border-box;padding:1em;}
.mon_commentaire b{text-transform:uppercase;	}
.mon_commentaire a{color:#347ab6;}
.class_velo .mon_commentaire a{color:#3d9e3d; }
.mon_commentaire a:hover{color:black;}
 .mon_commentaire p{box-sizing:border-box;padding:0 1em 0 1em;}
.deuxtiers{width:100%;float:none;display:block;margin-bottom:2em}
.deuxtiers img{width:100%}

.deuxtiers h2{margin:0;text-align:center;display:block;width:100%;}
.tiers{background-color:#e6eac1;margin:1em 8.5% 3em 8.5%;width:83%;float:none;display:block;box-sizing:border-box;padding:0 3% 2em 3%}
.tiers p {padding:0 0.5em 0 0.5em;}
.tiers p a{background-color:#FFFFFF;padding:-5px 7px -5px 7px;font-size:0.95em}
.tiers h2{padding:1em 0 0 0;text-align:center;display:block;width:100%;}
#mapID{margin-top:2em;min-height:520px;}
.tiers hr{width:75%;margin:2em 12.5% 2em 12.5%;height:0;border:1px solid #FFFFFF;}
.tiers a.quand{text-align:justify;display:block;padding:0 0.5em 0 0.5em;line-height:1.8em;box-sizing:border-box;}
.tiers img{width:100%;}
.tiers h3{text-align:center;margin:0.5em;}
.lien_forteen{display:block;width:95%;margin-left:0;padding-bottom:1em}
.lien_forteen a{color:#347ab6}
.class_velo .lien_forteen a{color:#3d9e3d; }
.lien_forteen h3{margin:0}
.lien_menu_carte{display:inline-block;width:98%;border-radius:10px;padding:5px;margin-bottom:1em;color:#fff;text-align:center}
.lien_menu_carte:hover{color:grey}
.filtre_carte{display:block;width:100%}
.filtre_carte .superieur,.filtre_carte label,.fin_du_filtre{display:none}
#formCONTACT{width:100%}
#formCOMM{width:100%}
#formCONTACT input{width:100%;box-sizing:border-box;padding:8px;font-size:1.1em;background-color:#f6f6f6;border:1px solid #e4e6e8;margin:.8em 0}
#formCONTACT textarea{width:100%;box-sizing:border-box;padding:8px;font-size:1.1em;background-color:#f6f6f6;border:1px solid #e4e6e8;margin:.8em 0;min-height:200px}
#formCOMM input[type=submit],#formCONTACT input[type=submit],#questionnaire input[type=submit]{font-weight:700;color:#fff;background-color:#347ab6;padding:10px;border:0}
.class_velo #formCOMM input[type=submit],.class_velo #formCONTACT input[type=submit],.class_velo #questionnaire input[type=submit]{background-color:#3d9e3d;}
#formCOMM input[type=submit]:hover,#formCONTACT input[type=submit]:hover,#form_KEYWORD input[type=submit]:hover,#questionnaire input[type=submit]:hover{transition:all .4s ease;background-color:#0d1a06}
#formCOMM{width:100%}
#formCOMM input{width:100%;box-sizing:border-box;padding:8px;font-size:1.1em;border:1px solid #e4e6e8;margin:.8em 0;background-color:#f6f6f6;border-radius:5px;}
#formCOMM textarea{width:100%;box-sizing:border-box;padding:8px;font-size:1.1em;border:1px solid #e4e6e8;margin:.8em 0;min-height:200px;background-color:#f6f6f6;border-radius:5px;}
#formCOMM span{text-transform: uppercase;background: #777;color: #fff;display: inline-block;font-size: 1em;padding: 9px 18px 6px 18px;}
#formCOMM div.span{border-bottom:4px solid #777;margin:1em 0 1.5em 0;}
#commentaires{margin-top:2em;}
.tiers2,.deuxtiers2{width:100%;display:block;	}
.legende{display:block;width:100%}
.legende h3{margin-bottom:0;padding-bottom:0}
.is_legend{display:inline-block;width:50%;font-weight:700}
.is_legend img{width:30px;height:40px;position:relative;top:15px}
.hph{float:left;text-align:center;width:50%;padding:1em;box-sizing:border-box;}
.hph span{display:block;width:100%;font-size:3em;font-weight:bold;}
.listing  a{text-decoration:none;color:#347ab6;display:block;width:100%;padding:1.2em;box-sizing:border-box;}
.class_velo .listing  a{color:black;font-weight:bold;font-size:1.2em;}

.listing .liste_titre{display:block;width:100%;text-transform:uppercase;font-size:1.4em;text-align:left;}
.listing .note{display:block;width:100%;text-align:center;margin-top:0.4em}
.listing .note img{width:18px;height:18px}
.listing .liste_duree,.listing .liste_distance {display:inline-block;width:50%;text-align:center;}
hr.min_hr{border:0;border-top:1px solid grey;width:70%;margin-left:15%;margin-top:1em;margin-bottom:1em}
.counter_none{display:none;}

#affiche_listing{color:#ffffff;background-color:#347ab6;padding:10px;border:0;text-align:center;font-weight:bold;}
.class_velo #affiche_listing{background-color:#3d9e3d;border-radius: 15px;
  overflow: hidden;}
#affiche_listing:hover,#form_KEYWORD input[type=submit]:hover{transition:all .4s ease;background-color:#0d1a06;cursor:pointer;}
}
.img75{aspect-ratio: 944 / 666;}
.img25{aspect-ratio: 480 / 816;}
.imgONE{aspect-ratio: 1 / 1;}
.interet img{width:25px;height:25px;}
.img1778{aspect-ratio: 925/520 }
.img1499{aspect-ratio: 925/617 }
.img96{aspect-ratio: 9/6 }
.img86{aspect-ratio: 8/6 }
.img177{aspect-ratio: 980/550 }

.embedresize{max-width: 800px;margin: auto;padding-left:-10px;}
.embedresize div {position: relative;height: 0;padding-bottom: 56.25%;}
.embedresize iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.intro #intro .embedresize iframe,.exit .quizz .embedresize iframe,.alreadyplayed #intro .embedresize iframe,.identityset #intro .embedresize iframe,#notabene .embedresize iframe,#message_intro .embedresize iframe,.fancybox_body .embedresize iframe,#comments .embedresize iframe,#description .embedresize iframe,.alreadyplayed .embedresize iframe,#adserver .embedresize iframe {max-width: none !important;}
#table_des_matieres{background: #f9f9f9;border: 1px solid #aaa;padding: 10px;margin-bottom: 2em;box-sizing:border-box;width: 100%;display: table;font-size: 1.15em;}
#table_des_matieres ul, #table_des_matieres li {    background: 0 0;    list-style-type: none;    list-style: none;    margin:0;    padding:0;    padding-top:10px; padding-bottom:5px;}
#table_des_matieres ul{margin-left:5%;display:none;}
#affichage_resumer{font-size:0.8em;display:inline-block;width:50%;text-align:center;}
#table_des_matieres ul li a{text-decoration:none;}
#table_des_matieres ul li a:hover{text-decoration:underline;}
#questionnaire label{width:96%;display:block;border-radius:15px;font-size:1.4em;background-color:#f8f9ed;box-sizing:border-box;padding:5px;margin:2%;}
#questionnaire #imgqd, #questionnaire #graphique{margin-top:2em;width:100%;height:auto;}
#questionnaire input[type=submit]{width:100%;}
#questionnaire  label:focus-within , #questionnaire label:hover{background-color: #edf0d5;}
#raccourcis{ position: fixed;bottom:0;left:0;height:50px;width:100%;padding-top:8px;background-color:#f1f1f1;overflow: hidden;display:none;z-index:999;}
#raccourcis .ic25{width:25%;margin:auto;float:left;padding:5px 5% 5px 5% ;box-sizing:border-box;font-size:0.8em;text-decoration:uppercase;}
#raccourcis .ic20{width:20%;margin:auto;float:left;padding:5px 5% 5px 5% ;box-sizing:border-box;font-size:0.8em;text-decoration:uppercase;}
#raccourcis .ic33{width:33%;margin:auto;float:left;padding:5px 5% 5px 5% ;box-sizing:border-box;font-size:0.8em;text-decoration:uppercase;}
#raccourcis svg{display:block;margin:auto;}
#raccourcis span{display:block;width:100%;text-align:center;}
#raccourcis span:hover{color: #347ab6;transition:all .4s ease;}
.class_velo #raccourcis span:hover{color:#3d9e3d;}
.twitter{background-color:#5BC0DE;margin-right:1.5%;}
.facebook{background-color:#3B5998;margin-right:1.5%;}
.whatsapp{background-color:#25d366;}
.rsshare{width:32%;float:left;font-size:0.9em;color:white;padding:4px;box-sizing:border-box;border-radius: 15px;
  overflow: hidden;}
.rsshare a{color:white;text-decoration:none;display:block;width:100%;margin:auto;text-align:center;}
.rsshare a:hover{color:#e5e5e5;}
.rsshare svg{	margin-bottom:-2px;}
.clear_figure{clear:both;}

.class_velo .listing .macrook {
  float: left;
  width: 120px;
  height: 80px;
  display: block;
  margin: 0 3% 3% 3%;border-radius:7px;
}
.class_velo .listing .macrook img {
  width: 120px;
  height: 80px;
  ratio:12/8;
  border-radius: 15px;
  overflow: hidden;
}
.class_velo .listing .liste_titre {
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-size: 1em;
  text-align: left;
  
}
.class_velo .listing .liste_duralt {
  width: 100%;
  padding-left: calc(120px + 6%);
  box-sizing: border-box;
}
.principale_texte ol li{
font-size:1.2em;	
}
.class_velo .untiers {
  width: 31%;
  float: left;
  display: block;
  margin: 1% 0 0 1%;
    margin-top: 1%;
  text-align: center;
  font-weight: bold;
}
.listing {
  position: relative;
}
.class_velo .listing .untiers {
  font-weight: normal;
  color: black;
  margin-top: 0.5em;
  font-size: 0.85em;
}
.listing a{
  color:black;
}
.class_velo .listing .untiers img {
  margin: auto;
  width: 26px;
  height: 26px;
  display: block;
}
.class_velo .counter_none {
  display: none;
}
.class_velo .listing .quarter2 {
  width: 98%;
  margin: 0em 1% 0.6em 1%;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 2px 8px 2px 8px;
  text-transform: uppercase;
  font-size: 0.80em;
  color: #805c3e;
  font-weight: normal;
}
.class_velo .listing .quarter {
  color: #805c3e;
  font-weight: normal;
  text-align: center;
  width: 48%;
margin: 0.2em 1% 0.2em 1%;
border-radius: 5px;
background-color: #f9f4f0;
box-sizing: border-box;
padding: 2px 8px 2px 8px;
float: left;
text-transform: uppercase;
font-size: 0.80em;
}
.class_velo  h4{
font-weight:300;
text-align:center;
display:block;
width:100%;
font-size:1.1em;
}
.class_velo  h4 span{
font-weight:600;
}
.class_velo .listing .quarterlink {
  text-align: center !important;
  color: white;
  font-weight: bold;
  background-color: #249724;
}
.class_velo .listing:hover .quarterlink {
   background-color: black;transition: all .4s ease;
}

#ma_randonnee{background-color:#f5f5f5;box-sizing:border-box;padding:3em 2% 3em 2%;margin-top:6em;margin-bottom:6em;font-size:1.05em;}#content_rando{background-color:#FFFFFF;padding:2.5em 2% 2.5em 2%;line-height:1.6em;border-radius: 15px;
  overflow: hidden;}
#content_rando .inf{float:left;width:33.3332%;box-sizing:border-box;padding:4%;text-align:center;font-weight:bold}
.cd40 .inf{float:left;width:33.3332%;box-sizing:border-box;padding:3% 6% 3% 6%;text-align:center;font-weight:bold;font-size:0.95em;color:black;}
.lgssp{display:block;width:100%;text-transform:uppercase;color:white !important;text-align:center;font-size:0.9em;font-weight:bold;background-color:#689dc7;padding:5px;box-sizing:border-box;}
.class_velo .lgssp{color:#249724;}
.intro_objet{font-size:1.3em;color:black !important;text-align:justify;margin-bottom:1em;}
.lien_ds_map:hover .lgssp{background-color:black;transition: all .4s ease;}.conspiration{width:100%;margin-top:1em;}.tit_ds_map{font-weight:bold;text-align:center;width:100%;display:block;color:black;font-size:1.1em;margin-top:0.7em;margin-bottom:0.5em;}.conspiration {color:black;}
#content_rando span.notion, .conspiration span.notion{display:inline-block;width:45%;text-align:right;color:grey;}.conspiration span.notion{width:36%;}	.leaflet-popup-content{min-width:200px;	}#content_rando span.difficulte, .conspiration span.difficulte{text-transform:uppercase;text-align:center;display:block;width:100%;}
#content_rando .inf img,  .cd40  .inf img{width:60%;height:auto;max-width:50px;}
#ma_randonnee h2{text-transform:uppercase;text-align:center;}
#ma_randonnee .telechargement_gps{text-transform:uppercase;border:1px solid #689dc7;border-radius:15px;font-family:montserrat-bold;color:#689dc7;box-sizing:border-box;text-align:center;display:block;padding:4px;width:85%;margin-left:7.5%;margin-top:1em;}

.class_velo #ma_randonnee .telechargement_gps{border:1px solid:#249724;color:#249724;}

#ma_randonnee .telechargement_gps:hover{transition:all .4s ease;background-color:#f5f5f5}
#mapID{width:95%;margin-left:2.5%;min-height:520px;border-radius:8px;}#monbloclegende{position:relative;}.afnone{display:none;	}.bloc_legende_map{border-bottom:1px solid #C1C1C1;width:95%;margin-left:2.5%;}.bloc_legende_map:nth-last-child(-n+1) { border-bottom:0;	}.bloc_legende_map h3{font-family:montserrat;font-size:1em;text-transform:uppercase;letter-spacing:2px;color:#A1A1A1;font-weight:light;display:block;width:100%;}.bloc_legende_map h3:hover{color:black;}.bloc_legende_map span span{margin:8px 0 0 7px;display:inline-block;font-size:0.8em;padding:4px;text-align:center;min-width:55px;border-radius:5px;}.bloc_legende_map span span:hover{background-color:#717171;border:1px solid #717171 !important;color:white !important;}.bloc_legende_map span{}

#POI_charts{
width:calc(98.1% - 42px);height:115px;margin-left:42px;z-index:9999;position:relative;font-size:0.65em;
}
#POI_charts .POI_titre{
position:absolute;width:75px;height:auto;text-align:center;z-index:700;
}
#POI_charts .POI_trace{
margin-left:12px;border-left:1px dashed grey;width:1px;
}
#chartjs-0{
height:200px !important;
margin-bottom:30px;
}



.class_velo  .bandeausscat{	background-color:#f4f4f4;	width:100vw;padding: 5% 0 5% 0;margin-top:2em;margin-bottom:2em;
	margin-left:calc(-10px - 1.5%);
}
.class_velo #containeswipe {
  max-width: 1200px;
  margin: auto;
  position: relative;
}
.class_velo .lienssouscat h2.sscat{
	font-weight: bold;
text-align: center;
width: 100%;
margin-bottom: 2em;
text-transform: uppercase;
font-size: 2em;
}
.class_velo .lien_linked{
flex: 0 0 auto;
margin-left: 5%;
margin-right: 5%;
background-color: #FFFFFF;
position: relative;
min-height: 120px;
width: 90%;
padding-bottom: 0;
margin-bottom:2em;
border-radius: 20px;
  overflow: hidden;
}

.class_velo .lien_linked .button {
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #249724;
  width: 80%;
  margin-left: 7.5%;
  padding: 1.3% 2.5% 1.3% 2.5%;
  margin-top: 1.2em; margin-bottom: 1.2em;
  font-weight: 0.85em;
  color: white;
  border-radius: 5px;
}
.class_velo .lien_linked:hover .button {
    background-color: black;
 -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

.class_velo .lien_linked p{
  font-size:1.05em;padding-left:8px;padding-right:8px;
  line-height:1.5em;
}
.class_velo #mon_listing{
padding-top:4em;	
padding-bottom:4em;	
}
.class_velo .lien_linked:hover{
  color:black;
}
.class_velo quote{
font-style:italic;
font-size:2em;
line-height:1.6em;
margin:2.5em 5% 0.5em 5%;
padding:0.5em;
display:block;
text-align:center;
width:90%;
box-sizing:border-box;
background: url(/velo/opening-quotes.svg?2) center top no-repeat;
}
.class_velo quote span{
font-style:italic;
padding-top:1.2em;
text-align:right;
display:block;
width:100%;
}
.liste_short{
	    overflow-x: auto;
	    
  display: flex;
  padding-bottom:1em;
}
.liste_short .short{
width:120px;
height:190px;
border-radius:7px;
  flex: 0 0 auto;
margin-right:7px;
background-color:grey;
color:white;
overflow:hidden;
}
.liste_short .short:hover{
text-decoration:underline;
color:white !important;	
}
.liste_short picture{
ratio:115/135;
}
.liste_short  img{
 border-radius:0 !important;
}

.liste_short span{
padding:2px;display:block;
}

/* Conteneur principal du moodboard pour Mobile */
.moodboard {
  margin:2em 0 2em 0;
    display: flex; /* Disposition en flex */
    overflow-x: auto; /* Permet le défilement horizontal */
    scroll-snap-type: x mandatory; /* Activation du snap lors du défilement */
    gap: 15px; /* Espacement entre les éléments */
    padding: 20px; /* Marges autour du moodboard */
}

.image-container {
    flex: 0 0 auto; /* Ne pas étirer les éléments */
    scroll-snap-align: start; /* Alignement au début lors du défilement */

   position: relative;
}
.caption {
    position: absolute; /* Positionnement absolu par rapport au conteneur */
    bottom: 10px; /* Espacement du bas */
    left: 10px; /* Espacement à gauche */
    color: white; /* Couleur du texte */
    background-color: rgba(0, 0, 0, 0.5); /* Fond semi-transparent pour la lisibilité */
    padding: 5px; /* Padding autour du texte */
    border-radius: 5px; /* Coins arrondis pour le fond */
    font-size: 14px; /* Taille de la police */
    font-family: Arial, sans-serif; /* Police de caractères */
}
.image-container img {
    width: 100%; /* Largeur fixe pour les images */
    height: 100%; /* Hauteur fixe pour les images */
    border-radius: 15px; /* Coins arrondis */
    object-fit: cover; /* Rendre l'image adaptée au conteneur */    display: block; /* Évite les espaces en bas des images */

    transition: filter 0.3s ease; /* Transition pour un effet fluide */
}

/* Ajustement des images avec des classes spécifiques pour les positionner */
.image1,
.image4,
.image5,
.image7 {
    width: 400px; /* Largeur des rectangles */
    height: 300px; /* Hauteur des rectangles */
}

.image2,
.image3,
.image6 {
    width: 300px; /* Largeur des carrés */
    height: 300px; /* Hauteur des carrés */
}

.class_velo .lien_linked .untiers img{
width:25px;height:25px;margin:auto;
display:block;margin-bottom:0.4em;
}
.affq{display:none;font-size:1.2em;padding-left:4%;padding-bottom:2em;line-height:1.5em;}
.idq{border-top:1px solid #e0e0e0;width:100%;color:black;}.faq{width:100%;padding:2%;box-sizing:border-box;}
.idq h3{font-size:1.3em;color:black;padding:2%;box-sizing:border-box;width:100%;display:black;}.idq h3:hover{color:grey;cursor: pointer;}.idq a{color:#5d821c;}.idq a:hover{text-decoration:underline;}.idq h3 span{display:inline-block;width:20px;text-align:center;font-size:1.3em;color:#5d821c;}
.class_velo .lien_linked h3 {
  text-align: center;
  font-weight: bold;
  padding: 0.5em 2% 0.5em 2%;
  white-space: normal;
  box-sizing: border-box;
  font-size:1.4em;
  position: absolute;
  bottom: 5%;
  width: 90%;  border-radius: 15px;
  left: 5%;
  font-weight:normal;
  color:white; background-color: rgba(128, 128, 128, 0.3);
   backdrop-filter: blur(10px); /* Appliquer un flou au fond */
  -webkit-backdrop-filter: blur(10px);
}

#quisuisje{margin-top:0;width:100vw;padding:3em 5% 3em 5% ;box-sizing:border-box;margin-left:-1.5%;background-color:#f4f4f4;}
#texte_quisuisje{margin-bottom:2em;font-size:1.1em;}
#texte_quisuisje .list{font-size:1em;}
#quisuisje h1{color: black;    margin-top: 0;    padding-top:0;}
#quisuisje li{line-height:1.8em;}
#quisuisje ul{margin-left:5px;padding-left:10px;}
#quisuisje h1 span{color: #249724;text-transform:uppercase;}
#quisuisje1,#quisuisje2{display:block;width:100%;background-color:#FFFFFF;margin-top:1em;border-radius: 15px;
  overflow: hidden;}#quisuisje1 picture, #quisuisje2 picture{width:180px;float:left;}#quisuisje1 .montextequisuije, #quisuisje2 .montextequisuije{width:calc(100% - 180px);float:left;box-sizing:border-box;padding:3%;font-size:0.95em;}#quisuisje1 .montextequisuije span, #quisuisje2 .montextequisuije span{color:#249724;text-transform:uppercase;display:block;font-weight:bold;width:100%;padding-bottom:0.5em;}

#laboutique {width:calc(100% + 20px);margin-top:3em;background-color:#e6ece7;margin-left: -10px;}#illustration {width:100%;padding:10%;box-sizing:border-box;}#illustration img{width:100%;}#texte_boutique{	width:100%;	padding:0 10% 10% 10%;box-sizing:border-box;}#texte_boutique h2{	color:black;	margin-top:0;}#texte_boutique a{	background-color:black;	color:white;	display:block;	width:240px;	border-radius:5px;	padding:1em;	box-sizing:border-box;	margin-top:2em;	font-size:1.2em;}#texte_boutique a:hover{background-color:#249724;transition: all 0.4s ease;cursor: pointer;}
#auvergne_intro{
width:100vw;
margin-left:-1.5%;
margin-top:-1.8em;
position:relative;
color:white;
font-weight:bold;
font-size:1.5em;
}

#auvergne_intro .chiffre{
color:#f2d9b1;font-size:3em;
}
#auvergne_intro img{
width:100%;height:auto;ratio:480/600;
}
#auvergne_intro #aicircuit{
position:absolute;bottom:90px;left:10px;
}
#auvergne_intro #aicol{
position:absolute;bottom:25px;left:20px;
}

picture.legend {
padding-bottom: 30px;display: block;
}
picture.legend img{
	border-radius: 15px;
  overflow: hidden;
	z-index:500;	position:relative;
}
picture.legend figcaption{
	background-color:#e6ece7;	display:block; 
	box-sizing:border-box;	padding:1.5em;	font-size:1.6em;	width:80%;
	margin-left:10%;	margin-top:-3em;	color:black;	z-index:999;
	position:relative;	box-shadow: 0 40px 70px 0 rgba(128,171,135,.61);
}
.class_velo .lien_linked .ease{
 position:relative;
}
.tags{
margin-bottom:4em;
display:block;
}
.tags a{
line-height: 45px;background-color: rgb(0, 0, 0);border: 1px solid #000000;
color:#FFFFFF;padding: 5px 12px;margin-right:15px;
}
.tags a:hover{
color:#FFFFFF;background-color:#3c3c3c;transition: all 0.4s ease;cursor: pointer;
}

#blockfacebook {
width:80%;//background-color:#004580;
background: linear-gradient(45deg, #833AB4, #FD1D1D, #E1306C);
color:white;margin:auto;max-width:700px;
border-radius:15px;box-sizing:border-box;
padding:15px;font-size:2em;margin-bottom:2em;
}

#blockfacebook #logof{
float:left;width:40%;text-align:center;
}
#blockfacebook #logof img{width:80px;height:80px;border-radius:100%;border:3px solid white;float:left;}
#blockfacebook #pichf{
float:left;width:60%;font-size:0.8em;
}
#blockfacebook #linkf{float:left;width:100%;margin-top:40px;margin-bottom:30px;text-align:center;}
#blockfacebook #linkf a{
border-radius:15px;padding:5px 10px 5px 10px;background-color:white;color:black;font-weight:bold;
}
#blockfacebook #linkf a:hover{
background-color:black;color:white;transition: all 0.4s ease;
}
table.calendar{

}
.calendar {
  width: 100%;
  border-collapse: collapse;
  font-size:1.05em;
}

.calendar th, .calendar td {
  padding: 10px;  text-align: center;
}

.calendar th {
  background-color: #f2f2f2;
}

.calendar td {
  background-color: #ffffff;
}
.calendar td:hover {
    background-color: #eaeaea;
}
.calendar tr:nth-child(even) {
  background-color: #f2f2f2;
}
.calendar tr td:last-child {
    border-right: 1px solid #f2f2f2;

}
.calendar td a{

}
.calendar tr td:first-child {
    border-left: 1px solid #f2f2f2;
    background-color:#f5f5f5;

}
.calendar tr:hover {
  background-color: #ddd;
}

.calendar caption {
  font-size: 1.5em;
  margin-bottom: 10px;
}
.aff_mois{
 float:left;
width:80%;
margin-right:5%;
}
.aff_mois h2{
width:100%;
background-color: #f2f2f2;
text-align:center;
font-size:0.9em;
padding:8px;
box-sizing:border-box;
margin:0;
}

#mesmois{
    overflow-x: auto; /* Permettre le défilement horizontal */
    display: flex; /* Utiliser Flexbox pour aligner les éléments */
}
#planning_form
{
 width:100%;
max-width:500px;
}
#planning_form input, #planning_form select{
width:100%;
padding:7px;
box-sizing:border-box;
margin-bottom:1em;font-size:1.2em;
}
#planning_form input[type='submit']{
background-color:black;
color:white;
border-radius:7px;
border:0;
}

#partagemobile {
    display: flex; /* Active le mode flexbox */
    justify-content: center; /* Centre horizontalement le contenu */
    align-items: center; /* Aligne verticalement le texte et le bouton */
    gap: 10px; /* Espacement entre "Partager :" et le bouton */
    font-size: 1.6em; /* Taille du texte */
    text-align: center; /* Optionnel pour du texte inline supplémentaire */
    height: 100px; /* Optionnel pour tester l'alignement */
}

#shareButton {
    border: 2px solid black;
    border-radius: 90px;
    width: 50px;
    height: 50px;
    display: flex; /* Centre l'icône dans le bouton */
    align-items: center;
    justify-content: center;
    background-color: white;
    cursor: pointer;
}

#shareButton i {
    font-size: 24px; /* Ajuste la taille de l'icône */
    color: black; /* Couleur de l'icône */
}
#bottom #newsletter{width:100%;background-color:#EFEFEF;box-sizing:border-box;color:black;padding:2% 2% 3em 2%;}
#bottom #newsletter #includenews{width:100%;max-width:1200px;margin:auto}

#bottom #newsletter .titr{font-size:2em;padding:1em 0 0.5em 0;display:block;font-family:montserrat-bold;}#bottom #newsletter .stay{font-size:1.5em;padding:0em 0 1em 0;display:block;font-family:montserrat-bold;}#bottom input:not([type="checkbox"]){width:87%;box-sizing:border-box;padding:5px;display:block;float:left;height:45px;}#bottom #submitnewsletter{border:0;box-sizing:border-box;height:100%;display:block;float:left;text-align:left;padding:0;height:45px;}#bottom #formu{margin:2em 0 2em 0;}#bottom #submitnewsletter svg{width:100%;height:100%;}#bottom #acceptation{
display:block;width:100%;box-sizing:border-box;padding:0.6em;
}