/* -------------------
	FONTS
-------------------- */
@import url('https://fonts.googleapis.com/css2?family=Lemonada:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

html, body{
  /*background: linear-gradient(rgb);*/
  /*background-image: linear-gradient(oklab(0.41 -0.05 -0.15),red)*/
  max-width:100vw;
  font-family: 'lato';
  }

  body {
  overflow-x:hidden;
  max-width:100vw;
  }

/* body::after{
  content:"";
  width:1px;
  height:100%;
  background:red;
  position:absolute;
  left: 50%;
  top:0;
} */


  * {
    box-sizing: border-box;
  }


ul {
  list-style: none;
  padding-left: 0;
}

.metismenu.mod-menu .metismenu-item>a {
  color: #230125;
  font-weight: 400;
  font-size: 1.1em;
}

                                                                                                                                   

.site-grid {
  display: flex ;
  flex-wrap: wrap;
  margin-top: calc(70px + 7em);
}

.site-grid > * {
  position: relative;
}


.site-grid:before {
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(130deg, rgb(247 183 184) 10%,rgb(249 223 187) 50%);
  position: absolute;
  top: 0; 
  left: 0;
  z-index: 0;
}
.page_acceuil .site-grid:before, .legroupe .site-grid:before {
  height: 120vh;
   background:linear-gradient(173deg, rgb(247 183 184) 20%, rgb(249 223 187) 43%);
}


h1{
  font-family: "Lemonada", cursive;
  font-weight: 500;
  font-size: 2em;
}

h2{
  padding-top: 0.5em;
  padding-bottom: 1em;
  font-size: 2em;
  font-weight: 500;
  font-family: "Lemonada", cursive;
}

h3{ 
  font-family: "Lemonada", cursive;
  font-weight: 300;
  }

h4{ 
  font-family: "Lemonada", cursive;
  font-weight: 100;
  font-size: larger;
}
p{
  font-family:"lato";
}

[title="download"] {
  display: block;
  background: blue}

  .metismenu.mod-menu .mm-toggler {
color:black;}

.metismenu.mod-menu .mm-toggler:after{
  content: "\f078";
  border:none;
  width:auto;
  height: auto;
  margin-inline-start: 0.5em;
  transition: all .3s ease-out;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
}

                                                        



/* ----------------------------GENERAL STYLES CONTECT -------------------------- */

/* ------ BOUTTON ACTION STYLE ------------------ */
                                                                    
/*-------- Bouton ranking A -------*/
.btn_0,
#txt-img-bloque-galerie-photo.btn_0a{
text-decoration: underline;
}

.btn_1,
.fields-container li a, 
#txt-img-bloque-galerie-photo .btn_1 a,
#txt-btn-carnetdunouveau a,
.item-content .programmes a,
#toggle_historique {
background:#7046b9;
color:aliceblue;
text-decoration:none;
padding: 9px 25px;
display:inline-block;
margin-top:10px;
border-radius: 25px 25px 25px 25px;
border:none;
box-shadow: rgba(8, 8, 8, 50%) 0px 5px 35px;
font-size: 100%;
margin-top: 20px;
}

/* ------bouton ranking B ----------*/
.btn_2 {
background:none;
color:black;
text-decoration:none;
padding: 9px 25px;
display:inline-block;
margin-top:10px;
border:solid 1px black;
border-radius: 25px 25px 25px 25px;
box-shadow: none
}

.btn_0,
  #txt-img-bloque-galerie-photo.btn_0{
  text-decoration: underline;
}

                                                                                     
/* ----------- MENU STYLE ----------- */

  /*-------------------Header CSS----------------------------------*/

.page-header h1{
  padding-top: 2em;
  padding-bottom: 2em;
  padding-left: 2em;
}

  .container-header {
  background:none;
  position:fixed !important;
  display:flex;
  width: calc(100% - 50px);
  margin-left: 25px;
  box-shadow: none;
  overflow:visible;
  z-index:9998;
  width: calc(100% - 50px);
  border-radius: 15px;
  transition: all 0.4s ease;
  z-index:9998;
  margin-top:-3vh;
}

.container-header::after{
content:"";
position: absolute;
background: rgba(248, 248, 248, 75%);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
box-shadow:rgba(8, 8, 8, 0.925) 0px 0px 0px;
width:100%;
border-radius: 15px;  
transition: all 0.3s linear;
height: 60px;
top:50%;
translate: 0 -50%;
z-index:-1;
}

.container-header .navbar-brand{
margin:0 auto;
}

.main-header-fixed .container-header{

  
}

.scrolled-down.main-header-fixed .container-header{
  translate: 0 calc((100% + 9em) * -1);
  
}

.container-header .container-nav{
  padding-right:3vw;
}

.metismenu.mod-menu .metismenu-item {
  flex-wrap:nowrap;
}
  
.metismenu.mod-menu .mm-collapse{
  background: rgba(255, 255, 255, 70%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 15px;
  }

.metismenu.mod-menu .mm-collapse>li>a {
color:rgb(30, 2, 30);
}

.metismenu.mod-menu .metismenu-item:not(.level-2)>ul{
  box-shadow:rgba(8, 8, 8, 50%) 0px 10px 50px;
}

/* ------------
  header logo
---------------*/
.container-header a img{
aspect-ratio: 12 / 5;
max-height: 125px;
min-height: 90px;
height: 100%;
width: 100%;
object-fit: contain;
min-width: 216px;
translate: 0px 13%;
}
    

                                                                          







/*-------------------------Homepage Accueil----------------------------*/

/* -----background animé ------*/

.backgrond_homepage{
position:relative;
}

.background_homepage > *{
width:100%;
position:absolute;
top:0;
}

#mod-custom113 {
position: relative;
top: 3vh;
margin-top: -4vh;
min-height: 0;
padding-left: 30vw;
color: #230125;
}

#mod-custom113 h3{
padding-left: 3em;
font-family: 'lato';
font-size: 30px;
max-width: 800px;
}

                                                  



                            
img.foulard {
width: 8.5em;
position: absolute;
top: 0vh;
left: 12vw;
}




  /*-------- Paralax animation and order ----------*/

.background_homepage {
display: grid;
grid-template-areas: "stack";
width: 100%;
}

#mod-custom112 {
position: relative;
top: -8vh;
width: 100%;
height: 80vh;
left: 0;
z-index: 0;
}

.background_homepage > img {
grid-area: stack;
object-fit: cover;
object-position: center bottom;
width: 100%;
height: 100vh;
animation-name: parallax;
animation-timing-function: linear;
animation-timeline: scroll();
}

.para_a { --speed: 575; }
.para_b { --speed: 475; }
.para_c { --speed: 320; }
.para_d { --speed: 300; }
.para_e { --speed: 250; }
.para_f, .container-component { --speed: 0; }


@keyframes parallax {
  to {    transform: translateY(calc(var(--speed) * 5px));
}
}


                                                                    

/*-classe images seules-*/ 

.soleil.para_a{  
  object-position: right top;
  top: 3em;
}






/*-----block acceuil styles--------*/
.block_acceuil_form{
display: flex;
margin-right: 2em;
margin-left: 2em}

.page_acceuil .com-content-category-blog.blog h1,
.legroupe .com-content-category-blog.blog h1 {
display:none;
}

#lesbranches-castor h1 {
display:flex;
}





/*------acticle base styles----------*/
.com-content-article__body{
background: rgba(0,0,0, .2);
padding: 50px 0px;
height:30vh;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
border-radius: 20px;
}
.com-content-article__body p{
padding:25px
}

.com-content-article__body a{
background:rgb(116, 13, 134);
padding: 1em;
border-radius: 25px 25px 25px 25px;
box-shadow: rgba(0, 115, 255, 0.925) 0px 10px 50px;
background-color: rgb(255, 0, 179);
}


/*------------Triptyque acceuille styles------------*/


#tryptique-accueil h3{
padding-bottom: 0.2em;
}

.triptyque_block {
position: absolute;
bottom: -7vh;
left: 50%;
translate: -50% 0;
width: 100%;
display:flex;
justify-content: center;
}

.triptyque_block .fields-container {
display: flex;
background-color: rgba(248, 248, 248, 80%);
border-radius: 25px;
padding : 1em 2em 1em 2em;
gap:2.5em;
margin:2em 25px;
max-width:1600px;
}

.triptyque_block .fields-container li {
flex: 1;
}

.triptyque_block .fields-container li p:has(a) {
margin-top: auto;
}

.triptyque_fields .field-value{
display: flex;
flex-direction: column;
height: 100%;
}
                
.page_acceuil .triptyque_block .fields-container li:not(:last-child){
border-right: purple 2px solid;
padding-right: 1em;
}


/*----------acceuil articles styles*--------------------*/

.container-component{
padding-left:0px;
padding-right:0px;
/* animation-name: parallax;
animation-timing-function: linear;
animation-timeline: scroll(); */
}

.intro-home {
display: flex;
}

.blog-item {
flex-direction: row;
position: relative;
overflow:visible;
width: 100%;
align-items:center;


}

.blog-item .wrapper {
max-width: 1600px;
margin: 0 25px;
width: 100%;
position: relative;
display: flex;
align-items: center;
gap: 0em;
}

#tryptique-accueil .wrapper {
position: static;
}

.page_acceuil .blog-item,
.legroupe .blog-item {
background-color:#5dc71f;
min-height: clamp(500px, 80vh, 1000px);
}

/* .blog-item > * {
z-index: 400;
} */



.blog-items:not(.items-leading) .blog-item > .wrapper,
.page_acceuil .blog-item .wrapper{
  z-index:400;
}

.legroupe .grid-child.container-component {
  background-color:#5dc71f;
}

.items-leading .blog-item:first-child:after {
content: '';
background: url(/images/bouquetin_images/WEb%20sized/Paysage_Tentes_landcape2_bis.webp) no-repeat;
background-size: auto 100%;
background-position: center;
position: absolute;
width: 100%;
min-height: clamp(500px, 80vh, 1000px);
bottom: 0;
translate: 0 1px;

}

  .items-leading .blog-item:first-child {
background: none;
margin-top: -100%;

}


.items-leading .blog-item:first-child:before {
display: none;
}

.page_acceuil .blog-item::before, 
.legroupe .blog-item::before{
width:100%;
height: calc(100% + 1px);
background: url(/images/bouquetin_images/WEb%20sized/Sol_Loop_low5.webp) no-repeat;
content:'';
position:absolute;
background-size: auto 100%;
background-position: center;
transform:Rotatey(180deg);
}

/* .legroupe .blog-items.items-leading .blog-item:nth-child(2):before{
  content:"";
  height:300vh;
  width:100%;
  position:absolute;
  top: -4px;
  background: url(/images/bouquetin_images/WEb%20sized/background_landscape_limited.webp) no-repeat;
  background-size: auto 100%;
  background-position: center;
} */

/* .legroupe .blog-items:not(.items-leading) .blog-item::before{
transform:Rotatey(0);
}  */

#historique::after{
background: url(/images/bouquetin_images/WEb%20sized/accessoires/tenteeteclais%20copie.webp) no-repeat;
content:'';
position: absolute;
background-size: auto 99%;
background-position: center;
width: 42vw;
height: 37vh;
translate: 17% 35%;
left: 0;
z-index:1;
}

#historique .wrapper{
  z-index:2;
}

#historique .popup{
 Margin-left:15%;
}

#historique_du_groupe .credits{
text-align: end;
 margin-top: 3em;
}

#historique_du_groupe{
position: fixed;
padding: 2em 2em 1em 2em;
width: 100%;
transition: ease-in-out 0.35s;
height: calc(100vh - 16vh);
/* overflow-y: auto; */
z-index: 999999;
top: 15vh;
left: 0;
visibility:hidden;
opacity:0;
}

#historique_du_groupe:before {
  position:fixed;
  content:"";
  background-color: rgba(248, 248, 248, 90%);
  box-shadow: 0px 0px 22px rgba(0,0,0,0.71);
  transition: ease-in-out 0.35s;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 16px;
  width: calc(100vw - 30vh);
  height: calc(100vh - 14vh);
  bottom:0;
  left: 25px;
  z-index: -1;
  left: 50%;
  translate: -50% 0;
}

#historique_du_groupe >*{
  max-width: 930px;
  margin:auto;
  
}

#accueil-qui-sommes-nous li.field-entry.block-acceuil-custom.block_acceuil_custom{
  translate: 0% -50%;
} 

#historique_du_groupe .scroll_text{
max-height: 73vh;
overflow-y: auto;}

#historique_du_groupe .modal_close{
  position: fixed;
  right: 11vw;
  top: 17vh;
}

.legroupe .items-leading .triptyque_block > span{
display: block;
width: 100%;
}

#historique_du_groupe:target {
  visibility: visible;
  opacity: 1;
}

.blog-item::before img{
width:100%;
height:auto;
}

.blog-items{  
margin-bottom:0;
grid-gap:0;
display: flex;
position: relative;
justify-content: center;
}


.blog-items.blog-item:first-child{
background:none;
}

.items-leading .blog-item:first-child .item-content {
margin: 0 auto;
}

.legroupe .blog-item:nth-child(even) .wrapper {
flex-direction: row-reverse;
position:relative;
margin: 0 auto;
}

.blog-item:nth-child(even)::before{
transform:Rotatey(0deg);
}

li.field-entry.block-acceuil-custom.block_acceuil_custom{
position: absolute;
width: 50%;
aspect-ratio: 15 / 9;
display: flex;
right: 0;
top: 50%;
translate: 3% -50%;
}

.block_acceuil_custom .field-value{
width: 30%;
display: block;
margin-left: auto;
margin-top: auto;
height: 50%;

}

.custom_image_class{
object-fit: contain;
width: 100%;
height: 100%;
}

.blog-item:nth-child(even) .wrapper {
flex-direction: row-reverse;
}



.blog-item:nth-child(even)::before img{
width:100%;
height:auto;
}


/*--------illustrations image droite-----------*/

.blog-item:nth-child(odd)  li.field-entry.block-acceuil-custom.block_acceuil_custom {
right:inherit;
left:0;
}
.blog-item:nth-child(odd)  .block_acceuil_custom .field-value {
margin-left: 0;
}

.blog-item:nth-child(odd)  .custom_image_class{
  translate: -25% 0;
}


#accueil-qui-sommes-nous .block_acceuil_custom  .custom_image_class{
filter: drop-shadow(0px 1px 2px white);
}


/*------photo illustration articles---------*/
.left.item-image {
overflow: visible;
width:50%;
}

                                          


.legroupe .blog-item .item-content{
Padding-right: 5.3vw;
padding-left:0;
                          }

.legroupe .blog-item:nth-child(even) .item-content{
Padding-left: 6.3vw;
padding-right: 0;
}

.item-content {
display: flex;
flex-direction: column;
margin-bottom: 17px;
width:50%;
}

.item-content:only-child{
width: 100%;
}

.page_acceuil .item-content,
.legroupe .item-content{
padding: 0em 4em;
}
                                                  
                                      
body:not(.legroupe, .divers) .left.item-image img,
.legroupe .items-leading .blog-item:first-child img {
object-fit: cover;
width: 100%;
max-width:80%;
height: 100%;
aspect-ratio: 15/9;
border-radius: 25px 25px 25px 25px;
box-shadow: rgba(8, 8, 8, 0.925) 0px 10px 50px;
display: block;
margin:0 auto;
}

                                                                  










/* ---------------------------- section Groupe style ---------------------------*/

#mod-custom115 {
position: relative;
top: 3vh;
display: flex;
justify-content: space-evenly;
width: 100%;
height: 38vh;
left: 0;
z-index: 2;

}

#mod-custom115 img{
width: 40vw;
border-radius: 12px;
box-shadow: rgba(8, 8, 8, 0.581) 0px 3px 20px;
display: block;
margin:0 auto;
max-width:88%;
}
#mod-custom115 h1{
align-self:center;
}

.legroupe .triptyque_block{
position: absolute;
top: -47em;
}




.legroupe #lesbranches-castor .triptyque_block{
position: absolute;
justify-content: left;
top: 0;
translate: -35% -32%;
}

.legroupe #lesbranches-castor .triptyque_block h1 {
padding: 0;
}

.legroupe .triptyque_block .fields-container{
flex-wrap: wrap;
}

#historique .item-content{
  padding:0;
} 



.legroupe .triptyque_block li{
margin-bottom:30px;
}
.legroupe .triptyque_block li:last-child{
width:100%;
flex: inherit;

}

.legroupe table{
border:none;
}
.legroupe table td:first-child{
padding-left:25px;
padding-right:30px;
width: 115px;
}

.legroupe table td {
padding-left:25px;
padding-right:30px;
vertical-align: top;
}

.legroupe .left.item-image{
max-width:80%;
display: flex;
justify-content: center;
}

.legroupe .left.item-image img{
object-fit:contain;
width: auto;
max-height: 40vh;
display: block;
}

.blog-item .item-content > .fields-container:not(:only-child) .triptyque_block .fields-container 
{background:none
}

                                      

#historique img{
box-shadow: none;
object-fit:contain;
object-position: bottom;
width:auto;
height:540px;
translate: 30% -11vh;
position:absolute;
}




#historique{
display: flex;
flex-direction: row;
justify-content: center;

}

.page_acceuil .com-content-category-blog__items.blog-items:not(.items-leading)::before, 
.legroupe .com-content-category-blog__items.blog-items:not(.items-leading)::before{
background-color: rgba(248, 248, 248, 75%);
content:'';
width:calc(100vw - 65px);
height:100%;
position:absolute;
z-index:101;
border-radius: 25px;
max-width: 1600px;
}

#accueil-qui-sommes-nous .wrapper::before{
background-color: rgba(248, 248, 248, 75%);
content: '';
width: calc(100vw - 50px);
height: 110%;
position: absolute;
z-index: -1;
border-radius: 25px;
max-width: 1600px;
}



.block_acceuil_custom img{

max-width: 220px;
max-height:245px;
object-fit: contain;
filter: drop-shadow(rgba(8, 8, 8, 0.925) 0px 10px 50px);
} 

#tentes-illustration .item-content{
position: relative;

}
.legroupe .campement{
position: absolute;
width: auto;
max-width: 36vw;
max-height: 44vh;
right: 0;
translate: -1% -16%;
filter: drop-shadow(rgba(8, 8, 8, 60%) 0px 10px 21px);
}

















/* ---------------------------- Section Programme et calendrier ------------------------------------ */

                    


/*----------- block calendrier annuels----------- */

.com-content-category-blog.blog h1{                        
text-align:center;
padding: 6em 0em;
flex:1;
}



.calendrier .blog-item,
.divers .blog-item,
.main-bottom.card,
.nous_contacter .blog-item {
background-color: rgba(248, 248, 248, 75%);
margin:4em 25px;
padding: 2em 5em;
max-width: 1600px;
border-radius: 25px;
gap:2em;
}


.card-header{
padding: var(--card-cap-padding-y)var(--card-cap-padding-x);
background-color:unset;
border-bottom: none;
} 


/* --------btn telechargeable -------------*/
.programmes{
display: flex;
justify-content: space-between;
gap: 1em;
}


/*-------------- bloque illustration nuage ----------*/
#str-ilst-espacevide-divers-2{
background: none;
margin: -13em 0em -16em 14em;
translate: 0 -3em;
}


.com-content-category-blog.blog{
display: flex;
flex-wrap: wrap;
align-items:center;
padding-bottom: 3em;
}
.category-desc.clearfix{
flex:1;
display: flex;
justify-content: center;
}

.calendrier iframe{
border-radius: 10px;
box-shadow: rgba(8, 8, 8, 50%) 0px 10px 25px;
}
.category-desc.clearfix img{
max-height: 21em;
object-fit: unset;
width: auto;

}

.nous_contacter .category-desc.clearfix img{
max-height: 21em;
object-fit: unset;
border-radius: 12px;
box-shadow: rgba(8, 8, 8, 50%) 0px 3px 20px;
width: auto;
translate: -5em 0;

}


/* -------inframe CARD STYLE (Calendar et Map) -------------*/

.calendar{
display: flex;
justify-content: center;
}

.calendrier .main-bottom.card,
.nous_contacter .main-bottom.card {
margin: 2em 0 -2em 0;
justify-content: center;
display: flex;
width: calc(100vw - 4em);
--card-border-width: none;
margin-bottom: -5em;
margin:0 auto;
}

.container-bottom-a>*{
flex: 1;
margin: 0em;
background-color: #fff0;
border: none;
}


.card-body{
--card-spacer-y: 0em;
--card-spacer-x: 0em;
padding-bottom:17px;
}










/*  ---------------------------------- SECTION DIVERS ---------------------------------- */

/* -----------base style voir --> section calendrier ------------*/


.divers .left.item-image img,
.sac_souche.item-image{
object-fit: contain;
width: auto;
max-height: 34vh;
display: flex;
justify-content: center;
align-items: center;

}



.divers .blog-item .wrapper{
gap:5em;
}

.equipe{
position: absolute;
right: 15vw;
width: 31em;
top: -8em;

}
#txt-btn-sites-web-liste{
margin-bottom: 5em;
}

#txt-btn-liens-divers figure {
margin:0 0 0;
}

#txt-btn-liens-divers p {
  margin-bottom:0;
}

#txt-btn-sites-web-liste h2{
margin-bottom: 2em;
}



#txt-btn-sites-web-liste table tr,
#txt-btn-liens-divers table tr{
display:flex;
flex-wrap: wrap;
justify-content: space-around;
gap: 3em 1em;
}

#txt-btn-liens-divers table tr{
margin-bottom:1rem;
}

#txt-btn-sites-web-liste table td{
width: Calc(33.33% - 4em);
min-width: 318px;
justify-content: space-between;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}

#txt-btn-liens-divers .item-content table{
margin-left: 4em;
margin-top: 2em;
}

#txt-btn-liens-divers table td{
width: 100%;
justify-content: flex-start;
display: flex;
align-items: center;
text-align: left;
}
#txt-btn-sites-web-liste img{
width: auto;
height: 5em;
object-fit: contain;
}

#txt-btn-sites-web-liste a,
#txt-btn-liens-divers a{
border:none;
}

.youtube{
padding-right: 2em;
height: 52px;
width: auto;
}


.divers .left.item-image {
display: flex;
justify-content: center;
margin: -7em 0em -8em 0em;
}

                                                
#txt-coordonnees-banquaires{
margin-bottom:-11em;
}

#str-ilst-espacevide-divers{
background:none;
height:50%;
margin: -9em 0em -16em 5em;
z-index:0;
}




                                                












/* ------------------------------ section Contacts et situation ----------------------------------  */


#les-responsables span ul{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
gap:5em;
padding-top:2em;
padding-left:1em;
}

/* illustrations */


.illustre_resp .field-value{
position: absolute;
height: Calc(100% + 20px);
aspect-ratio: 2/3;
left: 0;
translate: -53% -67%;
top: 50%;
filter: drop-shadow(rgba(8, 8, 8, 50%) 0px 10px 13px);
}



.illust_responsable{
height: 120%;
object-fit: contain;
}


#les-responsables span ul li{
display: flex;
background-color: rgba(255, 255, 255, 95%);
filter: drop-shadow(rgba(8, 8, 8, 20%) 0px 10px 13px);
padding: 1em 1em 1em 4em;
border-radius: 25px;
flex:1;
min-width: 330px;
position:relative;
}





#str-ilst-espacevide-divers-3{
background:none;
height:50%;
margin-top: -6em;
margin-bottom: -23em;
z-index:-1;

}

#mod-custom120{
display: flex;
justify-content: space-between;
gap: 7em;
padding-top:1em;
}

#mod-custom120 h2{
padding-top:0
}

#mod-custom120 div:first-child{
width:40%;
}
#mod-custom120 div{
width:100%;
}

#mod-custom120 iframe {
width: 100%;
border-radius: 20px;
box-shadow: rgba(8, 8, 8, 60%) 0px 10px 25px;
}


.calendrier .blog-item, .divers .blog-item, .main-bottom.card, .nous_contacter .blog-item {
padding:  1em   3em;
}

.divers .left.item-image img, .sac_souche.item-image{
max-height:47vh;
}

.metismenu.mod-menu .metismenu-item>a {
font-size: 18px;
}
                          






 /*--------------------  footer style  -----------------------*/



.Wallaroo{
display: flex;
width: 65px;
right:0;
position:absolute;
bottom:41px;                
}

.footer{
margin-top:10vh;
position:relative;
background:#080b01;
}

#mod-custom111 >div{
  min-width:200px;
  }

.signature_footer::before{    
width:100%;
height:35vh;
content:'';
position:absolute;
top:0;
left:0;
translate: 0 -34vh;
background: url(/images/bouquetin_images/WEb%20sized/footer_top_sapin.png) repeat-x;
background-position:bottom center;
background-size:auto 100%;
z-index: 100;}

.moduletable.signature_footer{
width:100%
}

.central_footer{
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
}
#mod-custom111{
z-index:101;
display:flex;
justify-content: space-between;
width:100%;
align-items: flex-end;
gap: 60px;
margin-bottom: 0;

}
#mod-custom111 .central_footer img{
z-index:101;
width:40px;
margin: 0 10px;
}

#mod-custom111 .right_footer > p{
  text-align: end;
}






/*  -----------------------------------------/-/-/-/-/-/-/-/-/-/-/-/ SCREENS SIZES STYLES -/-/-/-/-/-/-/-/-/-/-/-/-/---------------------------------------------------------------------- */


@media screen and (max-width: 1024px){










/* menu & logo  */

/* sets style base general 1024 */



.metismenu.mod-menu .metismenu-item>a {
font-size: 21px;
}

.page_acceuil .site-grid .container-component,
.legroupe .site-grid .container-component {
background:linear-gradient(rgb(250 223 188),rgb(91 199 36)15%);
}

h1{
font-size: 22px;
padding-right: 10vw;
}

h2{
font-size:19px;
}

h3{
font-size:19px;
padding-bottom: 12px;
font-weight: 500;

}


h4{
font-size:16px;

}


.btn_1,
.fields-container li a, 
#txt-img-bloque-galerie-photo .btn_1 a,
#txt-btn-carnetdunouveau a,
.item-content .programmes a{
padding: 5px 20px;
font-size:100%
}

.btn_2 {
padding: 5px 20px;
}






/* NAVBAR 1024*/

.navigation-open {
overflow: hidden;
}

#navbar1{
margin-right:0em;
top: calc(5em + 3vh);
width: calc(100vw - 24px);
position: fixed;
left: 12px;
background: rgba(255, 255, 255, 75%);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-radius: 15px;
height: calc(100vh - (5em + 3vh + 22px));
align-items: self-start;
padding-top: 4vh;
display: none !important;
}

#navbar1.show{
display:flex !important;
}


.navbar-toggler:focus {
outline: none;
box-shadow: none;
}

/* logo site 1024 */
.container-header a img{
min-height: 132px;
max-height: 2.5em;
translate: 0 -1vh;
  }

.container-header .container-nav nav {
margin-top: 0;
margin-right: 24px;
}

.container-header {
height: 5em;
margin-top: 2vh;
margin-bottom: 3em;
width: calc(100vw - 24px);
margin-left: 12px;
}

.container-header .grid-child {
margin-left:5px;
justify-content: end;
padding:0;
}

.scrolled-down .container-header {
  translate:none;
  }

.navbar-toggler.navbar-toggler-right{
display:unset;

}
.container-header .mod-menu{
flex-direction: column;
}

  [aria-expanded="true"] .icon-menu:before {
    content:"\f00D";
  }

  .container-header .navbar-toggler {
    color:black;
    border: 1px solid #070707;
    border: none;
      outline: none;
      font-size: 27px;
  }


  .metismenu.mod-menu .metismenu-item:not(.level-2)>ul {
  position:relative;
  box-shadow: none;
  width:100%;
  margin:0;
  background:rgba(2, 2, 2, 0.215)
  }
  .metismenu.mod-menu .metismenu-item {
    flex-wrap: wrap;
    justify-content: center;
    padding:0.5em 0;
    border-radius: none ;
  }




/*  PAGE ACCUEIL 1024 */


#mod-custom112{
display:none;
}

.site-grid{
margin-top: calc(70px + 5em);
}
.site-grid:before {
background: linear-gradient(130deg, rgb(247 183 184) 20%,rgb(249 223 187) 50%);
}

.page_acceuil .site-grid:before, 
.legroupe .site-grid:before {
background:linear-gradient(174deg, rgb(247 183 184) 9%, rgb(249 223 187) 28%);
}


.legroupe .site-grid:before {
height: 100vh;
}

.items-leading .blog-item:first-child:after {
background: url(/images/bouquetin_images/WEb%20sized/background_landscape_mobile2.webp) no-repeat;
aspect-ratio: 1000/2445;
background-size: auto 100%;
top: 0em;
}
.items-leading .blog-item:first-child {
height:auto;
margin-top:0;
}
.legroupe .items-leading .blog-item:first-child {
position:absolute;
}
.page_acceuil .blog-item::before, .legroupe .blog-item::before{
display:none;
background:unset;}

.items-leading .blog-item:first-child {
height:auto;
margin-bottom: 36px;
}

#tryptique-accueil .wrapper{
margin: 0 12px;
}

li.field-entry.block-acceuil-custom.block_acceuil_custom {
width: 100%;
top: 0;
left:50% !important;
translate: -45% 5% !important;
}
          

.legroupe .blog-item .item-content,
.legroupe .blog-item:nth-child(even) .item-content{
Padding-right: 1.5em;
padding-left: 1.5em;
padding-bottom:1em; 
}


#historique .item-content 
{
padding-right:0;
padding-left:0;
padding-bottom:0;

}

.item-content:only-child {
padding-right:1em;
padding-left:1em;
padding-bottom:1em;

}

.item-content {
margin-bottom: 1em;
width:100%;
}

.items-leading .blog-item:first-child .item-content {
padding: 0em 0em;}


.page_acceuil .item-content,
.legroupe .item-content{
padding: 4em 2em;
}

.page_acceuil .blog-item .wrapper,
.legroupe .blog-item .wrapper {
width: calc(100vw - 24px);   
display: flex;
flex-wrap: wrap;
justify-content:center;
}


#accueil-qui-sommes-nous .wrapper::before {
  width: calc(100vw - 24px);
  height: 105%;
}

.page_acceuil .blog-item, .legroupe .blog-item{
background:unset;
min-height:inherit;
}       
#accueil-qui-sommes-nous .wrapper{
margin-bottom: 8em;
}

.background_homepage > img {
width: 650px;  height: auto; }


.soleil.para_a{  
top: 3em;
size: -50%;
}

body:not(.legroupe, .divers) .left.item-image img,
.legroupe .items-leading .blog-item:first-child img {
border-radius:18px;
max-width:90%;}

.page_acceuil .com-content-category-blog__items.blog-items:not(.items-leading)::before, 
.legroupe .com-content-category-blog__items.blog-items:not(.items-leading)::before { 
width: calc(100vw - 24px);
margin-top:-4em;
height: calc(100% + 4em);
}

#mod-custom113{
margin-top: 12vw;
padding-left: 22vw;
margin-bottom: 6vw;
width: calc(100vw - 8vw);
}

#mod-custom113 h3{
padding-right: 2em;
font-size: 18px;
}

img.foulard{
display:none;
}

.triptyque_block {
position: relative;
margin-top: 33vh;
padding-bottom:4em; 
}

.triptyque_block .fields-container {
margin:0px;
display: flex;
flex-wrap: wrap;
gap:0;
padding-bottom: 0.5em;
}


.triptyque_block .fields-container{
  gap:1.5em;
}
.page_acceuil .triptyque_block .fields-container li {
flex:none;
width: 100%;
border-bottom: purple 2px solid;
padding-bottom: 12px;
}

.triptyque_block .fields-container li:last-child{
border-bottom: none;
}

.page_acceuil .triptyque_block .fields-container li:not(:last-child){
  border-right: none;
  }

/* PAGE GROUPE 1024*/




.left.item-image {
width:90%;}

#lesbranches-castor .item-content > .fields-container{
position: absolute;
left: 0;
margin: 0 auto;
padding-left: unset;
width: 100%;  
top:0;
}

#lesbranches-castor .item-content > .fields-container > li{
margin-top:0;
}

#lesbranches-castor img {
display:flex;
margin-top: 7em;
}

#mod-custom115 {
flex-direction: column;
justify-content: center;
align-items: center;
top: 0;
gap:3.5em;
margin-bottom: -4vh;
padding: 0 2em;
}

#mod-custom115 >*{
width:50%;
}

#mod-custom115 img{
width: 43vw
}

#mod-custom115 h1{
text-align: center;
padding-right: 0;
}

.legroupe .triptyque_block {
top:0;
position:relative;
margin-top:44vw;
}         
 


.legroupe .triptyque_block .fields-container{
padding: 1.5em 1.5em;
flex-direction: column;
}

.legroupe .triptyque_block li{
margin-bottom:30px;
}

.legroupe .triptyque_block li:last-child{
width:100%;
flex: inherit;

}

.legroupe .triptyque_block .fields-container li {
border-bottom:none;
}

.legroupe #lesbranches-castor .triptyque_block {
  translate: -50% -32%;
  justify-content: center;
}
.legroupe table td:first-child{
padding-left: 0;
padding-right: 1em;
width: 75px;
text-align: center;
}

.legroupe table td {
padding-left:0px;
padding-right:0px;
padding-bottom: 1em;
}

.legroupe .left.item-image img{
max-height: 20em;
margin-top: 2em;

}

#historique img{
width: 100%;
height: 54vw;
translate: 0 0;
top:0;
position: relative;
filter: drop-shadow(rgba(8, 8, 8, 60%) 0px 10px 13px);
margin-bottom:0em;
max-height: 34vw;

}

#historique .popup{
  Margin-left:unset;
 }


 #historique_du_groupe {
  width: calc(100vw - 24px);
  padding: 2em 5em 1em 4em;
  left:12px;
  top:11vh;
 }

 #historique_du_groupe h2{
  padding-top:1em;
  padding-bottom:3em;
 }

 #historique_du_groupe .modal_close {
right:4vw; 
top:14vh;
}

#historique_du_groupe:before {
  width: calc(100vw - 2vh);
  height: calc(100vh - 12vh);
}

#historique::after {
  display:none;
}

.legroupe .campement{
max-height: 48vh;
right: 0;
top: 0%;
translate: 0;
object-fit: contain;
position: relative;
margin-bottom: 2em;
}

/* #tentes-illustration .item-content{
text-align: center;
padding: 1em 0;
} */


/* SECTION PROGRAMME ET CALANDRIER 1024 */

.calendrier .blog-item,
.divers .blog-item,
.main-bottom.card,
.nous_contacter .blog-item {
width: calc(100% - 24px);
margin: 0 0;
flex-direction: column;
padding: 13px 1em 13px 1em;
border-radius: 18px;
}
.calendrier .main-bottom.card{
width: calc(100% - 24px)
}


.calendrier .blog-item,
.divers .blog-item,
.nous_contacter .blog-item {
margin: 1em 0;
flex-direction: column;

}

.programmes{
justify-content: center;
gap: 1em;
flex-direction: column;
text-align: center;
padding-left: 4em;
padding-right:4em;
}

#str-ilst-espacevide-divers-2{
margin: 25px 0 -35vh 0;

}

.com-content-category-blog.blog h1{                        
padding: 0em 0em 5vh 0em;
}

.com-content-category-blog.blog{
flex-direction: column;
padding-bottom:0;
}




.calendrier iframe{
max-height: 48vh;
}
.category-desc.clearfix img{
max-height:13em;
margin-bottom:4em
}

/* SECTION DIVERS 1024 */

.divers .left.item-image img,
.sac_souche.item-image{
max-height: 25vh;
}



.divers .blog-item .wrapper{
flex-direction: column;
flex-wrap: wrap;
padding: 0 25px;
}

#txt-btn-sites-web-liste table tr,
#txt-btn-liens-divers table tr{
font-size:15px;
}


#txt-btn-sites-web-liste table td {
min-width: 220px;
}
.divers .left.item-image {
margin: -3em 0em -3em 0em;
}
.item-content:last-child p:has(a) {
align-self: center;
}

#txt-btn-sites-web-liste img{
height: 4em;
/* max-width: 8em; */
}
#txt-btn-sites-web-liste {
margin-bottom:1em;  }

#txt-btn-liens-divers table td{
min-height:100px;
} 


#txt-btn-liens-divers .item-content table{
margin-left: 0;
margin-top: 0;
}

#txt-btn-liens-divers table tr figure{
min-width:80px;
}
.youtube{
padding-right: 0;}

#txt-coordonnees-banquaires {
margin-bottom:-3em;
}






/* SECTION CONTACTS ET SITUATION 1024 */
#les-responsables .item-content p{
margin-bottom:0;
}

#contact p:last-child{
text-align: center;
}

#les-responsables span ul li {
border-radius: 18px;
margin-left: 2em;
min-width: 160px;

}

/* illustrations */
#les-responsables span ul {
gap:4em;

} 

#les-responsables img{
min-height: 135px;
object-fit: contain;
}







#mod-custom120{
flex-direction: column;
gap:3em;
}

#mod-custom120 div:first-child{
width:100%;
padding: 0 12px;
}

#mod-custom120 p:nth-child(3){
text-align: center;
padding: 12px 0;
}


.nous_contacter .category-desc.clearfix img{
translate: 0;
width: calc(100% - 5em);
}


.nous_contacter .main-bottom.card {
width: calc(100% - 24px);
margin-bottom:-2em;
}

#str-ilst-espacevide-divers-3 {
margin-top:-5em;
}






/* FOOTER Style 1024 */

#mod-custom111{
font-size: 13px;}


.signature_footer::before {
translate: 0 -75%;   
height: 32vh;
}



#mod-custom118 {
margin-bottom:-2em;
}

.legroupe .blog-items,
.page_acceuil .blog-items{
margin-bottom:7em;  

}
.footer .grid-child {
padding: 0.5rem 0.5em;
}

.footer{
margin-top:7vh;
position:relative;
background:#080b01;
}

.right_footer p{
  text-align:end;
}
#mod-custom111 .right_footer > p {
  text-align: center;
}

}

@media screen and (min-width:1024px) {

  .metismenu.mod-menu .metismenu-item.parent:hover .mm-collapse {
    display:block;
  }
}


@media screen and (max-width:780px) {

  #mod-custom111{
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    align-items: center;
    text-align: center;
    font-size: 13px;
    
    }

    #mod-custom118{
      margin-bottom:-6em;
      }
      
      .signature_footer::before {
      width: inherit;
      background-size: auto 70%;
      translate: 0 -27vh;
      }
      
      .footer{
      margin-top:10vh;
      }
      
      .Wallaroo{
      width: 55px;
      position:relative;
      bottom:0px;                
      }
      

      #mod-custom111 .central_footer img{
      z-index:101;
      width:40px;
      margin: 0 10px;
      }
      
      .mod-custom.custom figure{
      display: flex;
      justify-content: center;
      margin:0;
      
      }
      #mod-custom111 .central_footer img{
      justify-content: center;
      align-items: center;
      }
      .footer p{
      margin-bottom: 0;
      text-align:center;
      }
      #mod-custom118{
      margin-bottom:-5em;
      }
      
      .page_acceuil .footer,
      .legroupe .footer{
      margin-top: 1vh;
      
      } 
      .footer .grid-child {
      padding: 1rem 0.5em;
      }
      address {
      font-style: normal;
      line-height: inherit;
      margin-bottom:0;
      margin-top: 0.5rem;
      }

  
}


/* -/-/-/-/-/---/--/ MEDIA SCREEN MAX WIDTH 500PX/--/---/-/-/-/-/-/ */


@media screen and (max-width:500px) {


h1{
padding-right:0;
font-size:22px;
}

#mod-custom113 h1{
font-size:18px;
}

.com-content-category-blog.blog h1{
padding: 0em 0em 8vh 0em;
}

h3{
font-weight:400;
}
.scrolled-down.main-header-fixed .container-header{
  translate:none;
  }


.site-grid{
margin-top: calc(70px + 3em);
}

/* NAVBAR 500 */

.container-header a img{  
max-height: 9vh;
}

.container-header{
margin-top:1vh;
}


/* logo entreprise */

.container-header a img{
min-height: 85px;
max-height: 115px;
translate: 5.5vw -1.5vh;
}




/* PAGE ACCUEIL 500*/



.page_acceuil .site-grid:before, 
.legroupe .site-grid:before {
background: linear-gradient(160deg, rgb(247 183 184) 15%,rgb(249 223 187) 29%);
}

#mod-custom115 img{
width: Calc(100% - 4.5em);

}

#mod-custom113{
margin-top: 4vh;
padding: 0 12px;
margin-bottom: 2vw;
width: 100%;
text-align: center;
}

#mod-custom113 h3{
padding-left: 0;
padding-right:0;
font-size: 17px;
}

.triptyque_block {
  margin-top: 21vh;
}

#mod-custom115 {
gap:3.5em;
margin-bottom: 2vh;
margin-top:3vh;
}
#mod-custom115 >*{
width:100%;
}

#mod-custom115 img{
width: Calc(100% - 2.5em);

}
/* illusration à gauche */
.custom_image_class{


}

/* illustration à droite */
/* .blog-item:nth-child(even) .custom_image_class {
translate: 25% 0;
} */


.blog-item:nth-child(odd)  .custom_image_class{
translate: -15% -30%;

}

.blog-item:nth-child(odd) .block_acceuil_custom .field-value{
translate: -16% 50%;
}



/* PAGE GROUPE 500 ----------------*/

.left.item-image {
width:100%;}

.legroupe .triptyque_block {
margin-top:8em;
}         

#historique img{
margin-bottom:0;
max-height: 50vw;

}

.legroupe .campement{
max-height: 29vh;
max-width:100%;
}


#historique_du_groupe {
padding: 0em 2em 1em 1em;
top: 6em;
height: calc(100% - 6em - 5px);
}

#historique_du_groupe .modal_close {
  right: 0;
  translate: -60% -60%;
}

.legroupe .blog-items, .page_acceuil .blog-items{
margin-bottom: 2em;
}

#historique_du_groupe:before {    
    height: calc(100vh - 10vh);
  }


/* PAGE CALENDRIER AGENDA 500 --------------*/

.programmes{
padding-left: 1em;
padding-right:1em;
}

.calendrier iframe{
  border-radius:5px;
}


/* PAGE DIVERS 500 -------------------------*/

.divers .blog-item .wrapper{
padding: 0 12px;
}

#mod-custom118{
margin-bottom:-6.5em;
}
#txt-coordonnees-banquaires {
margin-bottom: -1em;
}


/* PAGE CONTACTS ET SITUATION 500 ---------------------------*/



#les-responsables span ul {
padding-top: 0;
padding-left:0;}


#les-responsables span ul li{
width: 100%;
margin-left: 0;
min-width: 100%;
padding: 1em 2.5em 1em 1.5em;
}
                  
.illustre_resp .field-value {
translate: 35% -61%;
right: 0;
left: inherit;
} 


#les-responsables img{
min-height: 140px;
max-height:153px;
}

#les-responsables .item-content:only-child {
  padding-left: 0.4em;
}



/* FOOTER Style Mobile 500 ------------------------ */

.signature_footer::before { 
  translate: 0 -23vh;
}

}


@media screen and (max-width: 1024px) and (orientation: landscape) {

#mod-custom115{
flex-direction: row;
margin-top:9vh;
}


.divers .blog-item .wrapper {
flex-direction: row;
flex-wrap:unset;

}

.divers .left.item-image img{
max-height:47vh;
}

#les-responsables span ul li {
min-width: 200px; 
}

.container-header a img {
min-height: 85px;
max-height: 115px;
}

#mod-custom113{
margin-top:0;
}

.scrolled-down.main-header-fixed .container-header{
translate:none;
}

.site-grid {
margin-top: calc(70px + 2em);
}

#historique_du_groupe {
top:4.5em;
height: calc(100vh - 6em);
}

#historique_du_groupe h2 {
padding-bottom: 1em;
}

#historique_du_groupe .modal_close {
right: 0;
translate: -100% 80%;
top:6em;
}

#historique_du_groupe:before {
width: calc(100vw - 5vh);
height: calc(100vh - 22vh);
}

}


@media screen and (max-width: 400px){

/* logo entreprise */

.container-header a img{
translate: 0 -1.5vh;
        }

.page_acceuil .site-grid .container-component,
.legroupe .site-grid .container-component {
background:linear-gradient(rgb(250 223 188),rgb(91 199 36)9%);
}

#historique_du_groupe:before{
  height: calc(100vh - 13vh);
}

#historique_du_groupe .modal_close{
  translate: -60% 40%;
}
}









/* /=/=/=/=/=/=/=/=/=/  HIGHTER THAT 1600PX     /=/=/=/=/==-=-=-=-=-=-=-=-=/=/ */
@media screen and (min-width: 1024px) and (max-width:1200px){



.legroupe #lesbranches-castor .triptyque_block{
  translate: -35% -20%;}
}

@media screen and (min-width: 1600px){


h1{
    font-size: 2.25em;
  }

  
  .container-header {
    margin-top:-1vh;
  }
  .metismenu.mod-menu .metismenu-item>a {
    font-size: 1.25em;
  }

  #mod-custom115{
   top: 10vh;
}  

#mod-custom115 img{
    max-width:80%;
}  

#mod-custom113 h3 {
    max-width: 600px;
    font-size: 2em
  }

  #mod-custom113 {
  padding-left: 34vw;
  top:0;
  margin-top:8vh;
  }

  .triptyque_block .fields-container {
    padding: 2em;
    margin:2em 0;
}

.legroupe .triptyque_block .fields-container {
  padding: 1.5em 2em 1.5em 2em;
  margin:2em 0;
}
  img.foulard {
    width: 10em;
    left: 17vw;
    
}
.blog-item .wrapper {
  margin: 0 auto;
}

.soleil.para_a{  
  top: -12em;
}

#mod-custom112{
  top:-11vh;
    }

.container-header a img{
  max-height: 165px;
}

.triptyque_block {    
  bottom: -1vh;}


  img.foulard {
    width: 9em;
    top: -4vh;
    left: 12vw;
      }

  .container-header .container-nav{
    padding-right:0;
   }

}








@media screen and (min-width:1025px) and (max-width: 1400px) and (orientation: landscape) {

.blog-item:nth-child(even) .custom_image_class{
/* translate: 9% -120%;
width: 25vw; */
}

.page_acceuil.triptyque_block {
  margin-top: 43vw;
}

.legroupe .triptyque_block {
  top: -65vh;
}

#mod-custom113 h3 {
  max-width: 600px;
  font-size: 1.8em;
}

#mod-custom113 {
  padding-left:33vw;
}

#mod-custom113 h1{
  max-width: 700px;
  font-size: 1.9em;
}

#mod-custom112{
  height: 72vh;
    top: -16vh;
}

#mod-custom115 {
  height: 30vh;
}
#historique_du_groupe:before{
  width: calc(100vw - 6vh);
  height: calc(100vh - 14vh);
}
#historique_du_groupe .modal_close {
 right:5vw;
}
}

@media screen and (min-width: 2400px){
  
  #mod-custom112{
top:0vh;
  }

  #txt-btn-sites-web-liste table tr, #txt-btn-liens-divers table tr{
    justify-content: center;
  }

  #mod-custom115 img {
    max-width:88%;
  }

}