body{padding:0;}.site-container{width:100%;}.site-content{padding-top:0}.c-breadcrumb{border-top:0}.the_logo{float:left;width:20%;}.menu{float:right;width:65%;padding-top:8px;}#moteur{display:block;float:right;width:15%;padding:18px 0 0 0;clear:none;}#search_logo{display:none;width:0;}.menu a{font-size:1.3em;margin:9px 0px 7px 24px;text-align:right;letter-spacing:-1px;}.menu svg{margin-bottom:-2px;width:16px;height:16px;}#ma_banniere{z-index:9999;margin-top:-1px;}#ma_banniere:after{    content: " ";    position: absolute;    width:100%;    height: 15px;    bottom: -15px;    left: 0px;    box-shadow: 0px 10px 10px -10px #666 inset;}#inside_1200{margin:auto;max-width:1600px;width:100%;}#ma_banniere{margin-bottom:15px}#mesphotos{background-image: url(/seostranding/accueil_desktop.jpg); min-height:530px; width:100%;margin-left:0%; margin-top: 1%;margin-bottom: 1%;}/* HOMEPAGE */ .points3{float:left;width:31%;margin-left:1%;padding:0;padding:5%}.points3 hr{display:none;}.signatureright{float:left;margin-right:0;height: 10%;width: 10%;margin:0 2.5% 0 2.5%;}.textintro{font-size:1.6em;	}a.discover{width:auto;margin:auto;display:inline-block;color:white;border-color:white;font-size:2.5em;}a.discover:hover{background-color:transparent;color:grey;border-color:grey;}#fincms{text-align:center;background-color:black;box-sizing:border-box;margin-left:0%;margin-right:0%;width: 100vw;padding-top:5em;padding-bottom:5em;margin-left: calc(675px - 50vw);}#fincms2{text-align:right;color:black;box-sizing:border-box;width:100%;padding-top:1em;padding-bottom:2em;}#fincms2 .discover{color:black;border-color:black;font-size:1.4em;}#fincms2 .discover:hover{color:grey;border-color:grey;}#centre{margin:auto;width:100%;padding-top:0;margin-top:.1em;max-width:1350px;}#centre h1{margin-left:5%;display:block;width:90%;text-align:center;}#centre h1.decalage{margin-bottom:0;margin-left:32.5%;width:57.5%;text-align:left;padding:0}div.affarticle div.miniature{width:29.3332%;float:left;margin:2%}div.miniature img{width:100%;height:auto}#photogauche{float:left;margin-left:0;margin-top:0;width:30%!important;margin-right:2.5%}#photogauche img{width:100%;height:auto;margin-top:2.5em}#monfocustexte{float:left;margin-top:2.5em;font-family:SSP,sans-serif;color:#232323;width:67.5%}#monfocustexte{}#ariane{color:#999;font-size:.9em;text-transform:uppercase;font-family:SSP,sans-serif;display:block;width:95%;margin-left:2.5%;margin-top:.5em}#centre h1{margin-left:2.5%;display:block;width:95%;text-align:center;font-size:3em;}#section{width:29.29%;margin:2%;height:100%;float:left;border:0}.section2{width:46%;margin:2%;height:100%;float:left;border:0}#section img,.section2 img{width:100%;height:auto}
.informations_complementaires{width:20%;float:left;box-sizing:border-box;padding:0 0 0 15px}
.class_dodo .informations_complementaires{width:100%;float:none;box-sizing:border-box;padding:0;}
.class_dodo .informations_complementaires .interet{max-width:25%;}
.class_dodo a.lien_linked2{width:25%;float:left;margin-right:8%}
.class_dodo .informations_complementaires hr.linked2{clear:none;display:none;}
.principale_texte{
max-width: 1350px;
margin: auto;
box-sizing: border-box;
padding: 0;
}
.tags a{
line-height: 0;
}
.class_dodo #mon_listing{

  max-width: 1350px;
  margin: auto;
    margin-top: auto;
  box-sizing: border-box;
}
#titreparcours{
margin-left:1.4em;
}
#blockfacebook #logof{width:20%;}
#blockfacebook #pichf{width:40%;}
#blockfacebook #linkf{width:40%;margin-top:25px;margin-bottom:0;}
.class_dodo .blockfirst, .class_dodo .lesquarter {
  float: left;
  width: 50%;
}
.class_dodo .listing .liste_titre {
  display: block;
  position: absolute;
  left: 240px;
  width: 100%;
float: left;
text-align: left;	
}
.class_dodo .listing a{
 width:98%;
}
.class_dodo .listing .liste_duralt {
  margin-top: 1.8em;  
  width: 100%;
  padding-left: calc(160px + 6%);
  
}
picture.legend{
flex-direction: row;
align-content: center;
display: flex;
}
picture.legend img{
width: 80%;
max-width:900px;
align-self: center;
}
picture.legend figcaption{
	width:38%;
	align-self: center;
	max-width: none;
width: 38%;
margin: 0 0 0 -10%;
}


.class_dodo .listing .macrook img {
  width: 160px;
  height: 106.666666667px;
  border-radius:5px;
}
.class_dodo .listing:hover .macrook img {
filter: brightness(70%);
-webkit-filter: brightness(70%);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}

.class_dodo .listing .lesquarter {
  margin-top: 2.2em;
}
.principale_texte img.img75{float:left;width:70%;margin-right:1%;}.principale_texte img.img25{float:left;width:29%;}.principale_texte img.img50l{float:left;width:49.5%;margin-right:1%;}.principale_texte img.img50r{float:left;width:49.5%;}.principale_texte figcaption{clear:both;font-size:1.3em;padding-top:0.4em}.alone_texte{width:100%;}.interet{width:95%;border:1px solid grey;padding:5px 5px 0;border-radius:15px;text-align:center;margin-bottom:15px}.lien_linked{width:30%;margin-left:1.5%;margin-right:1.5%;float:left;}

.class_dodo .lien_linked{
overflow: hidden;
}

.class_dodo .lien_linked:hover .ease img{
	-webkit-transform: scale(1.10);
-moz-transform: scale(1.10);
-ms-transform: scale(1.10);
-o-transform: scale(1.10);
transform: scale(1.10);
}
.class_dodo .lien_linked img{
width: 100%;
height: auto;
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-ms-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease;
aspect-ratio: 6 / 4;position: relative;
}

.class_dodo .untiers {
  width: 31%;
    float: left;

}

.class_dodo .listing .untiers img {
    width: 34px;
  height: 34px;
}
.class_dodo .lien_linked .ease{
display:block;
width: 100%;
overflow: hidden;
max-height:240px;
}
#accueil .lien_linked2{width:30%;margin-left:1.5%;margin-right:1.5%;float:left;}.lien_linked2 img{width:100%;margin-left:0%;margin-right:0%;float:none;}.lien_forteen{width:22%;margin-left:1.5%;margin-right:1.5%;float:left}.lien_linked h3{margin:0;padding:0;margin-bottom:0.5em;}
#gestion_carte{max-width:1600px;margin:auto;margin-top:4em;margin-bottom:4em;}
#mapID{
width: 95%;
min-height:85vh;
margin-left: 2.5%;
min-height:650px;
position:relative;
}
#POI_charts{
width:calc(99.5% - 42px);font-size:0.74em;
}
#POI_charts .POI_titre{
width:85px;
}
#bloc_carte_entiere{
width: 100vw;
height:700px;
margin-left: calc(675px - 50vw);
}
#mapID2{
width:100%;
height:100%;
}
#connexion_mobile{
text-align:center;
margin-top:4em;
margin-bottom:1em;
}
#connexion_mobile a{
width:50%;
max-width:350px;
margin:auto;
margin-left:auto;
display:inline-block;
}
#connexion_mobile a.connect{
margin-right:30px;
}
#connexion_mobile a.create{
margin-left:30px;
}
#ma_randonnee
{
width: 100vw;
margin-left: calc(650px - 50vw );	
}
#content_rando{
width: 90%;
max-width: 1200px;
margin: auto;
box-sizing: border-box;
}
#ma_randonnee .c60{width:60%;float:left;   }
#ma_randonnee .c40{width:40%;float:left;   }
#content_rando .inf{padding:0 4% 4% 4%;}
.class_dodo quote{
font-size:1.9em;
}

.lien_linked picture h4{font-size:1em;text-align:left;	background-color: #FFFFFF;color: #213913;position:relative;display:block;bottom: 0em;left: 0;padding:0;width: 100%;opacity: 78%;text-align:center;text-transform:uppercase;}
.lien_linked a{min-height:275px;	display:block;}#insidebottom{width:100%;margin-left:0;margin:auto;max-width:1200px}.tiers{width:33%;float:left;display:block;margin:0 0 0 2%}.tiers h2{margin:.5em 0;display:block;width:100%;text-align:center}.deuxtiers{width:65%;float:left;display:block;margin-bottom:2em}.tiers img{width:100%;float:none}.filtre_carte{display:block;width:20%;float:left}.filtre_carte label,.fin_du_filtre{display:block}.fin_du_filtre{margin-bottom:2em;clear:both}.filtre_carte .superieur{display:inline}.lien_menu_carte{display:inline-block;width:70%}hr.distinct{display:none;}#all_checked{border:1px solid green;color:green}#never_checked{border:1px solid red;color:red}#all_checked:hover{background-color:#d6e2d7}#never_checked:hover{background-color:#e5bcca}#never_checked,#all_checked{border-radius:10px;padding:4px 10px;float:right;font-weight:400;font-weight:700;margin-right:15px;margin-top:5px}#submit_carte{font-weight:700;color:#fff;background-color:#5c8119;padding:10px;border:0;float:right}#submit_carte:hover{transition:all .4s ease;background-color:#689dc7}#formCONTACT{width:70%;margin-left:30%}#bottom .contact{max-width:300px;margin:auto}#form_KEYWORD input{width:48%;display:inline-block;margin:0 1%}#form_KEYWORD input[type=text]{padding:8px;width:58%;display:inline-block;margin:0 1%}#form_KEYWORD input[type=submit]{width:38%;display:inline-block;margin:0 1%}.is_legend{width:25%}#legend a{float:right;font-weight:700;font-size:1em;color:#000;text-decoration:underline;margin-top:1em}#legend a:hover{color:#5c8119}.listing .liste_titre{display:block;width:40%;float:left;text-align:left;}	.listing .liste_duree,.listing .liste_distance {display:block;width:10%;float:left;}	.listing .note{display:block;width:10%;float:right;}hr.min_hr{clear:both;width:100%;border-color:#CCCCCC;margin-left:0;}h2.accueil{background-color:transparent;color:#5d821c;width:100%;display:block;margin:0 0 2em 0;text-transform:uppercase;box-sizing:border-box;padding:0;text-align:center;font-size:1.2em;border-radius:0;}#questionnaire #imgqd{width:50%;float:left;}#questionnaire #graphique{width:50%;float:left;}.tiers2{width:39%;float:left}.deuxtiers2{width:57%;float:left;margin-right:4%;}.sta{margin-top:5%;}#raccourcis{}.rsshare{font-size:0.7em;}
.class_dodo .rsshare{padding:8px !important;}
#mapID{min-height:650px;position: relative;}
#monblocabs{position:absolute; top:165px; left:calc(2.50% + 10px);background-color:#FFFFFF;z-index:9999;width:24%;border: 2px solid rgba(0,0,0,0.2);padding:6px;box-sizing:border-box;}.tit_ds_map{font-size:1.2em;margin-top:1em;margin-bottom:1em;}.cd40 .inf{padding:6%;font-size:1em;}

.class_dodo #ma_randonnee, .class_dodo .bandeausscat {
  margin-top: 4em !important;
  margin-left: calc(665px - 50vw);
  width: 100vw;
}
.class_dodo .lien_linked {
  width: 30%;
  margin-left: 1.5%;
  margin-right: 1.5%;
  float: left;
}
#quisuisje{margin-left: calc(670px - 50vw);}#quisuisje_1200{margin:auto;max-width:1400px;padding-top:6em;padding-bottom:6em;	
}
#quisuisje h1{font-size:2.3em;text-align:left;margin-left:0;}

#quisuisje1,#quisuisje2{float:left;width:27.333332%;margin-right:1.5%;margin-left:1.5%;position:relative;background-color:transparent; overflow:hidden;}#texte_quisuisje{margin-right:6%;    font-size: 1.4em;position:relative;float:left;width:33.333332%;padding-top:5em;}#texte_quisuisje .list{margin-top:1em;display:block;}#quisuisje1 img,#quisuisje2 img{width:100%;height:auto;-webkit-transition: all 1.5s ease; /* Safari et Chrome */-moz-transition: all 1.5s ease; /* Firefox */-ms-transition: all 1.5s ease; -o-transition: all 1.5s ease; /* Opera */transition: all 1.5s ease;}#quisuisje1 picture, #quisuisje2 picture {    width: 100%;    float: none;   }#quisuisje1 a:hover,#quisuisje2 a:hover{color:black;}#quisuisje1 a:hover img,#quisuisje2 a:hover img{-webkit-transform:scale(1.10); -moz-transform:scale(1.10); -ms-transform:scale(1.10); -o-transform:scale(1.10); /* Opera */transform:scale(1.15);}#quisuisje1 .montextequisuije, #quisuisje2 .montextequisuije{position:absolute;bottom:0;left:15%;width:70%;background-color:white;font-size:1.1em;}.special_intro{margin-bottom:6em;	}

#laboutique {width:100vw;margin-top:2em;margin-left: calc(670px - 50vw);}#laboutique_1200 {max-width:1400px;margin:auto;padding-top:6em;padding-bottom:6em;}#illustration {float:right;width:50%;padding:0;}#texte_boutique{float:right;width:50%;padding:15% 5% 0 0;font-size:1.4em;}#texte_boutique h2{margin-bottom:2em;}#texte_boutique a{width:50%;padding:0.7em;font-size:0.9em;}

#auvergne_intro{
margin-left: calc(670px - 50vw);
margin-top:-2.5em;
font-size:2em;
}


#auvergne_intro .chiffre{
font-size:2.8em;
}

#auvergne_intro #aicircuit{
bottom:420px;
left:55%;
}
#auvergne_intro #aicol{
bottom:345px;
left:55%;
}

#auvergne_intro img{
ratio:1800/780;
}

/* Conteneur principal du moodboard pour PC */
/* Conteneur principal du moodboard */
/* Conteneur principal du moodboard */
/* Conteneur principal du moodboard */
 .moodboard {
        display: grid;
        grid-template-columns: repeat(3, 1fr); /* Trois colonnes */
        gap: 30px; /* Espacement entre les éléments (ajuste cette valeur selon tes besoins) */
        padding: 30px; /* Marges autour du moodboard */
            background-color: transparent; /* Fond transparent */

    }

    /* Styles pour les rectangles */
    .image1,
    .image4,
    .image5{
        grid-column: span 2; /* Occupe deux colonnes */
        width:100%; /* Hauteur fixe pour alignement */
        max-height:400px;
    }
     .image7 {
        grid-column: span 3; /* Occupe deux colonnes */
        width:100%; /* Hauteur fixe pour alignement */
        max-height:500px;
    }

    /* Styles pour les carrés */
    .image2,
    .image3,
    .image6 {
        width:100%; /* Hauteur fixe pour alignement */
        max-height:400px;
    }

.image-container {
    background-color: transparent;  overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transition pour les effets */
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); /* Ombre */
    border-radius: 15px; /* Applique le radius ici aussi */
  margin: 0; /* Supprime les marges */
    padding: 0; /* Supprime le padding */
}
.image-container img{
    background-color: transparent;
  width: 100%; /* L'image prend toute la largeur du conteneur */
    height: auto; /* Hauteur auto pour conserver l'aspect */
    border-radius: 15px; /* Applique le radius ici aussi */
    display: block; /* Évite les espaces en bas des images */
}

.image-container:hover:not(.image7) {
    transform: scale(1.05); /* Zoom léger */
}


.image-container:hover img {
}

#partagemobile{display:none}
#textevelo p{


}
#textevelo{
padding-top:1em;font-size:1.3em;margin:0 2em 0 2em;
}