/*
Theme Name: trees_child_bootstrap-component-blox
Author: Component Blox & E. C. Pragmacom
Description: bootstrap-timetool-child-theme
Version: 1.1
Template: bootstrap-component-blox
*/



/*move*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,700;1,400&display=swap');

.poppins-light {font-family:"Poppins",sans-serif;font-weight:300;font-style:normal;}
.poppins-light-lit {font-family:"Poppins",sans-serif;font-weight:300;font-style:normal;font-size:0.8rem;}
.poppins-regular{font-family:"Poppins",sans-serif;font-weight:400;font-style:normal;}
.poppins-regular-italic {font-family:"Poppins",sans-serif;font-weight:400;font-style:italic;}
.poppins-bold{font-family:"Poppins",sans-serif;font-weight:700;font-style:normal;}
html{font-family:'Poppins',sans-serif;}
body{font-family:'Poppins',sans-serif;}

main{}
main.session{}
main.session_admin{background-color: #E8EBF3 !important;}

a:link {color: #9EB142;text-decoration: none;}
a:visited {color: #9EB142;}
a:hover {color: #7E8D34;}
a:active {color: #7E8D34;}
button p {color: #9EB142;text-decoration: none;}
.text-justify {text-align:justify;}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #C6DE53;
  --bs-btn-border-color: #C6DE53;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #9EB142;
  --bs-btn-hover-border-color: #C6DE53;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #C6DE53;
  --bs-btn-active-border-color: #C6DE53;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #C6DE53;
  --bs-btn-disabled-border-color: #C6DE53;
}

.btn-outline-primary {
  --bs-btn-color: #C6DE53;
  --bs-btn-border-color: #C6DE53;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #C6DE53;
  --bs-btn-hover-border-color: #C6DE53;
  --bs-btn-focus-shadow-rgb: 13,110,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #C6DE53;
  --bs-btn-active-border-color: #C6DE53;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #C6DE53;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #C6DE53;
  --bs-gradient: none;
}


/*2026-04-20*/
.timetool_logo{min-width:200px;}
@media (max-width: 576px) {
.timetool_logo{min-width:80px;}
}


divider {
  margin: 5px auto 0;
  width: 120px;
  position: relative;
}
.position-relative{ position: relative;}

.container2 {
  position: relative;
  text-align: center;
  color: #FFFFFF;
}












.tt_container_card {position:relative;}
.tt_content_card {position: absolute;bottom:10px;right:0px;left:0px;opacity:0.9;padding-left:20px;padding-right:20px;padding-top:10px;}
.tt_titr_card{font-size:2rem;line-height:1.6rem;padding-bottom:10px;}
.tt_text_card{font-size:1.1rem;line-height:1.3rem;}
.tt_icon_bg_body{background-color:#F8F9FA;}
.tt_icon_container{text-align:center;}
.tt_icon_container p {margin-top:0!important;margin-bottom:0!important;}
.tt_icon{max-weight:32px;display:block;}
.tt_icon_current_bg{background-color: #FFFFFF;}
.tt_icon_panier_bg{background-color: #C6DE53;}
.tt_fil{background-color: #C6DE53;padding-top:1rem;padding-bottom:0.6rem;}

.back_tt_icon_green{background-color: #EAFFEF;}

.back_espace_modal{background-color: #E5E5E5;}

p.website{display: none;}
p.choice{display: none;}
.no_display{display:none;}

.mention_admin{
    background-color: #cff4fc;
    color: #000000;
    padding: 1px;
    margin: 0px;
    font-size: 0.8rem;
}

/* Container holding the image and the text */
.container_card {
  position: relative;
  
}

.content_card {
  position: absolute;
  bottom: 20px;
	right: 0px;
  left: 0px;
  background-color: #0C3484;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}

.titr_card{
    font-size: 2rem;
}


.photo-gallery {
  color:#313437;
  background-color:#fff;
}

.photo-gallery p {
  color:#7d8285;
}



@media (max-width:767px) {
  .photo-gallery h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
}

.photo-gallery .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom:0;
}

.photo-gallery .photos {
  padding-bottom:20px;
}

.photo-gallery .item {
  padding-bottom:30px;
}






@media (max-width: 992px) {}

@media (max-width: 768px) {}

@media (max-width: 576px) {}