/*
Theme Name: accelerate child
Description: Theme accelerate enfant de JMF
Template: accelerate
Version: 0.1.0
*/

p {
	line-height: 24px;
	margin-bottom: 15px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;

}

body {
	background: #eeeded;
}

.clearfix {
	background-color: #eeeded;
}

#main {
	padding-top: 50px;
	background-color: #eeeded;
}

.inner-wrap {
	margin: 0 auto;
	max-width: 1100px;
	background-color: #eeeded;
}

#header-text-nav-container {
	border-bottom: 1px solid #F2F2F2;
	background-color: #eeeded;
}

#header-logo-image {
	float: left;
	padding: 0 0 0 0;
	max-width: 100%;
}

a {
	color: #77CC6D;
	font-size: 16px;  
    font-weight : 200; 
}

a:link {
    color:#612f38;
	font-size: 18px;  
    font-weight : 500; 
}

a:focus, a:active, a:hover {
    color: red;
	font-size: 16px;  
    font-weight : 400;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	margin-bottom: 20px;
}

.bottom4 {
	margin-bottom: 4px;
}

.text-img  {
    vertical-align:middle;
}
    
.main-navigation a:hover,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor a,
.main-navigation ul li.current-menu-ancestor a,
.main-navigation ul li.current_page_item a,
.main-navigation ul li:hover > a {
	color: #FFFFFF;
	border-bottom: #77CC6D;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
textarea {
	padding: 1%;
	border: 1px solid #EAEAEA;
	line-height: 12px;
	width: 65%;
	margin: 0 0 20px;
	background-color: #d7d7d7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.footer-socket-wrapper .copyright {
	display: none;
}

.footer-socket-wrapper .footer-menu {
	float: left;
    margin-right: 20px;
}

.footer-menu a {
	color: #666666;
	display: block;
	float: left;
	font-size: 16px;  
	height: 21px;
	padding: 5px 0 0 16px;
	    font-weight : 400
}


.flotteD {
    float:right;
}

.flotteDMenu {
    float:right;
    margin-right:60px;
}
  
 .flotteG {
    float:left;
}
   
.sur-demande {
display: block;
border: 1px solid #f00c95;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
box-shadow: 8px 8px 12px #aaa; 
padding: 6px 6px 6px 6px;
margin-left: auto;
margin-right: auto;
width: 640px;
}
#sur-demande {
overflow: hidden;
}

.rouge1 {

display: block;
border: 1px solid #f00c95;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
box-shadow: 8px 8px 12px #aaa; 
padding: 6px 6px 6px 6px;
margin-left: auto;
margin-right: auto;
}
#sur-demande {
overflow: hidden;
}


.bleu1 {
clear: both;
border: 2px solid #0075dd;
 box-shadow: 8px 8px 12px #aaa; 
 padding: 8px 8px 8px 8px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.ombre {
 box-shadow: 8px 12px 19px #3b3b3b; 
}


a img:hover {
    	opacity: 1;
	filter: alpha(opacity=1); /* For IE8 and earlier */

	box-shadow: #000 2px 2px 2px;
	border: solid 2px black;
}

embed, iframe, object {
	max-width: 100%;
}


.liste-pages {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 1000px;
  margin: 40px auto;
}

.page-fille {
  position: relative;
  aspect-ratio: 1 / 1; /* carré parfait */
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.page-fille img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* rogne proprement les images */
  display: block;
  transition: transform 0.3s ease;
}

.page-fille:hover img {
  transform: scale(1.05);
}

.page-fille h3 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  text-align: center;
  padding: 0.6em;
  font-size: 1.1em;
  line-height: 1.3;
}

.page-fille a {
  color: inherit;
  text-decoration: none;
  display: block;
  height: 100%;
}

@media (max-width: 700px) {
  .liste-pages {
    grid-template-columns: 1fr;
  }
}




.gallery .gallery-caption {
	font-size: 20px;
	line-height: 1.2;
	padding-top: 5px;
	font-weight: 600;
}


 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before{
  bottom:-15px;
  left:0;
  max-height:100%;
  position:absolute;
  right:0;
}



.wp-caption {
/*	border: 1px solid #ccc;  */
	margin-bottom: -30px;
	max-width: 100%;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
 background: none;  
/*  box-sizing:border-box; */
  color:#000000;  
  font-size:13px;
  margin:0;
  overflow:auto;
  padding:1em;
/*  scrollbar-color:#0000 #0000; */
 /*  scrollbar-gutter:stable both-edges;  */
 /*  scrollbar-width:thin;  */
  text-align:center;
   text-shadow: none;  
/*  will-change:transform;  */

}


.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption{
 /* background:linear-gradient(0deg, #000000b3, #0000004d 70%, #0000);  */
  bottom:0;
  box-sizing:border-box;
/*  color:#fff;  */
  font-size:.8em;
  margin:0;
  max-height:100%;
  overflow:auto;
  padding:3em .77em .7em;
  position:absolute;
  text-align:center;
  width:100%;
  z-index:2;
}

.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before{
  -webkit-backdrop-filter:blur(3px);
          backdrop-filter:blur(3px);
  content:"";
  height:100%;
  -webkit-mask-image:linear-gradient(0deg, #000 20%, #0000);
          mask-image:linear-gradient(0deg, #000 20%, #0000);
  max-height:40%;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
/*  background:linear-gradient(0deg, #0006, #0000);  */
  box-sizing:border-box;
/*  color:#fff;   */
  font-size:13px;
  margin:0;
  overflow:auto;
  padding:1em;
  scrollbar-color:#0000 #0000;
  scrollbar-gutter:stable both-edges;
  scrollbar-width:thin;
  text-align:center;
  text-shadow:0 0 1.5px #000;
 /*   will-change:transform;  */
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within::-webkit-scrollbar-thumb,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus::-webkit-scrollbar-thumb,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover::-webkit-scrollbar-thumb{
  background-color:#fffc;

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within::-webkit-scrollbar-thumb,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus::-webkit-scrollbar-thumb,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover::-webkit-scrollbar-thumb{
  background-color:#fffc;
}

#searchbartop {
  position:absolute;
  top:2px; right:2px;
}
#searchbartop #searchbartopbtn { 
  position:absolute; 
  left: -9999px;
}
#searchbartop #searchbartopbtn + label { 
  display:inline-block; 
  cursor:pointer;
  width:24px; height:24px;
  line-height:24px;
  text-align:center;
  background:#ccc;
}
#searchbartop #searchbartopbtn:checked + label {
  background:#ddd; color:#aaa;
}
#searchbartop form {
  position:absolute; 
  top:0; right:24px;
  display:none;
}
#searchbartop form > button, #searchbartop form > div {
  display:table-cell;
  height:24px;
}
#searchbartop #searchbartopbtn:checked ~ form {
  display:table;
}
#searchbartop form > div > input {
  width:0;
}
#searchbartop #searchbartopbtn:checked ~ form > div > input {
  animation: expand 0.5s ease-in-out 1;
	animation-fill-mode: forwards;
}
@keyframes expand {
  from { width:0; }
  to   { width:200px; }
}