/*scroll*/
#scrollMeter-Wrap{
	width: 100%;
	background: transparent;
	display:inline;
	position:absolute;
	top:0;
	left:0;
}

#scrollMeter-Container{
	left: 0;
	top:45px;
	background: var(--indigo);
	position: fixed;
	width: 100%;
	z-index:1000;
}



#scrollMeter{
	background: var(--bleu);
	width: 0%;
}


#scrollMeter-Wrap, #scrollMeter-Container, #scrollMeter{height: 4px;}



/*button*/
button, input[type="submit"], a.button{  cursor: pointer;display:flex; justify-content: center; align-items: center;
    font-weight: bold !important; letter-spacing: 1.5px;  min-height: max-content;
    min-width: min-content !important;  border-radius: 12px;}
input {margin:0 5px;}
fieldset{border:none;}
.formulaire {width:98%;margin: 0 auto;display: block;}

form input:not(input[type=checkbox], input[type=button], input[type=submit]), textarea.wpcf7-form-control.wpcf7-textarea, textarea.wpcf7-form-control.wpcf7-textarea.textareaLongue, textarea.wpcf7-form-control.wpcf7-textarea.textareaCourte {
    width: 95%;
    display: block;
    max-width: 500px;
    min-width: 110px;
	min-height:20px;
	margin:2% 0 1%;
}
 .wpcf7{width:100% !important;}
 form div{background:transparent !important;}
form{ width:100%; max-width:900px; min-width:150px;}
#searchform{max-width:500px;
  display: flex;
  flex-wrap: wrap;
  justify-content: end; align-items: center;}
  span.current-visibility-level {font-weight: bold;}
  .field-visibility-settings-toggle-1{display:inline;}
.formulaire ul{display:block; min-width:50%; height: auto;}
input[type=checkbox] {
    width: 15px !important;
    height: 15px;
    position: relative;
}
#searchform label.screen-reader-text{font-weight: bold; font-size: 18px;}
#searchform #s{margin: 5px 0; padding:2px; width:100%;max-width: 330px;height: 20px;}
#searchform *{ display: flex;
    flex-wrap: wrap;
    align-content: baseline;
    justify-content: flex-end;
    align-items: baseline;}
.left{ 
	display: flex;
    flex-wrap: wrap;
align-items:center;
    justify-content: flex-start;
	margin:1%;
}
#wp-submit{max-width:max-content;}

input.wpcf7-submit{margin-left: 0;}
.login-button, article a.button { align-self:flex-end !important;}

.login-button, input[type=submit], button:not(.unmask)[type=button], button[type=submit], 
input[type=reset]:hover,
input.button,
a.button,
.bp-avatar-nav ul.avatar-nav-items li.current a, .bp-avatar-nav ul.avatar-nav-items li.current a:hover,
footer .button,
label.ppmyac-custom-file-label:hover, label::after
 {color: var(--blanc) !important;  
 font-weight: bold !important; letter-spacing:1.5px; text-decoration:initial !important;
z-index: 11;}



.login-button, button.button,
input.button, footer .button, input.wpcf7-submit,  
input[type=submit], 
button:not(.unmask)[type=button], button[type=submit], 
input:hover[type=reset]
{margin: 3% 1%; }
a.button {margin: 5px; }


a.button, 
.login-button, 
button.button,
input.button,
input.wpcf7-submit,  
input[type=submit],
button:not(.unmask, .copybutton)[type=button], 
button[type=submit], 
button:not(.unmask, .copybutton, .btn-savoir-plus), 
input:hover[type=reset],
label.ppmyac-custom-file-label:hover,
label::after 
{
    position: relative;
    min-height: max-content;
    min-width: min-content !important;
    overflow: hidden;
    padding: 10px 20px;
   
    vertical-align: middle;
    text-align: center;  
	
	color: var(--blanc);
    background: linear-gradient(135deg,var(--violet-bleu)0%, var(--violet)100%) !important; 
    border: 2px solid var(--violet) !important; 
   
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.6);
  
  
  transition: all 0.3s ease;
}
 

 a.button:hover,  
a.button:active, 
button.button:active, 
button.button:hover, 
button:not(.unmask, .copybutton)[type=button]:hover, 
button:not(.unmask , .copybutton)[type=button]:active,
button:not(.unmask, .copybutton, .btn-savoir-plus):hover, 
button:not(.unmask , .copybutton):active,
input[type=submit]:hover,
input[type=submit]:active,
input[type=reset],
label.ppmyac-custom-file-label { transform: scale(0.95);
    position: relative;
    min-height: max-content;
    min-width: min-content !important;
    overflow: hidden;
    padding: 10px 20px;
   
    vertical-align: middle;
    text-align: center;
	
	
	color: var(--violet) !important;
    background: var(--blanc) !important; 
    border: 2px solid var(--violet) !important; 
   
    box-shadow: 0 2px 5px 2px var(--taupe);
  
  
  transition: all 0.3s ease;
   
   
}
button:focus {
    outline: 3px solid #ffd700;
    outline-offset: 3px;
    color: var(--blanc) !important;
}

/* État actif (clic) */
button:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.4);
}

/* État désactivé */
button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

button:disabled:hover {
    transform: none;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
}
.copybutton{cursor:copy !important; position:relative; display: inline-block;
background:none; border: none; 
 margin:10px;}

.copybutton::before{
content: "Copier l'adresse";
 display: inline-block;
 color: var(--blanc);
    background: linear-gradient(135deg, var(--mauve) 0%, var(--violet) 100%) !important; 
    border: none !important; 
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
padding:5px 12px !important;
transition: background .275s !important;
}
.copybutton:hover::before,
.copybutton:focus-visible::before{ background: var(--blanc) !important; 
    border-radius: 12px !important;
    color: #2D68F3 !important;
	box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);}
	
.copybutton::after{
content: "Copie réussie";
 opacity: 0; 
  position: absolute !important;
   display: inline-block;
  top: 40px; left:0;
  padding:5px;
  background: var(--blanc) !important; 
    border-radius: 12px !important;
    color: var(--bleu) !important;
	box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);

transition: opacity .3s ease;

 z-index: 9999;
}

.copybutton.copied:after{

  opacity: 1;
}
 #footer_over .copy-text {
    /* Remplacement des styles en ligne */
    background: transparent;
    border: none;
    color: white;
 font-weight: bold;}

 #entete a.access{position:absolute; left:10px; bottom:10px;}
 
 input[type=reset]{margin: 3% 1%; padding:5px 12px !important; }
 

#contenu article button, #contenu article div button{/*! width: max-content; */ 
/*! min-width: 100px; */ 
align-self: flex-end;
margin: 1% !important;   
}

#comment:empty {box-shadow: 1px 1px 1px 2px #999;}

.comment-respond
{
	height:max-content;
	min-width: min-content;
	width: 70%;
	max-width: 900px;
	min-width:250px;
}

#respond form#commentform p.comment-form-comment label {display: block !important; font-weight: bold !important; margin: 5px 5px 5px 0;}
#respond form#commentform {margin: 10px; min-width:250px;}
#respond form#commentform input, #searchsubmit{float: right; margin: 10px;}

#respond form#commentform p {margin: 10px; min-height: 30px;max-width: 1000px;}
#commentaires p{border: 1px solid var(--noir); margin: 10px 0; padding: 5px; background: var(--blanc);}

#commentaires{width:90%; max-width: 900px; /*min-width: 350px*/; min-height: 100px; margin-top: 65px;}

#comment{width: 100%; height: max-content; min-height: 200px; font-size:larger;}

.comment-body{margin:20px; padding:5px;}
.comment-author.vcard{padding: 20px 0 10px;}

ol.test{width: 90%; max-width: 800px; height: 50%; max-height: 800px;min-width: 300px;min-height: max-content;list-style: none;display: flex;}

ol.test li{width: 100%; min-width: 100px;  max-height: 400px;min-height: 100px; margin: 10px 5px; padding: 10px 5px 5px 20px;max-width: 500px;}

ol.test li#test_avis{background: var(--taupe);}
ol.test li#test_note{background: var(--violet-bleu);}
ol.test li#test_plus{background: var(--rouge);}
ol.test li#test_moins{background: var(--vert);}

form.wpcf7-form p
{margin:10px 1px; height: min-content; width:95%;}
.your-message *
{
    position:relative;
	display: block;
    width: 100%;
	height:200px;
}



.wp-pwd {width:100%;}
.formulaire p.flexB{display: flex; justify-content:space-between; width: 90%;  flex-wrap: wrap; flex-direction: column;max-width: 350px;position: relative;}
.formulaire p{margin: 1% 0;}







/*commu*/

#profilepress-myaccount-wrapper .ppmyac-dashboard-item.isactive .ppmyac-icons {color: var(--blanc);}
#profilepress-myaccount-wrapper .ppmyac-dashboard-item.isactive{background:#2D68F3 !important;}
#profilepress-myaccount-wrapper .ppmyac-dashboard-item:hover > .ppmyac-icons{color: var(--blanc);}
#profilepress-myaccount-wrapper .ppmyac-dashboard-item:not(.ppmyac-dashboard-item.isactive, *:hover){background:transparent !important; border: none !important;}
#profilepress-myaccount-wrapper .ppmyac-dashboard-item:hover{color: var(--blanc) !important; background:var(--violet-bleu);}

/*gallerie wordpress*/
.wp-block-gallery .blocks-gallery-item
{
	align-self:flex-end !important; height:100% !important; min-height:367px;
	background: linear-gradient(rgba(9,1,31,0)70%,rgba(9,1,31,0.3)), rgba(9,1,31,0.2);
}
/*wordpress titre souligne*/

#comments h2.sous-titre{max-width:inherit; margin-left:-2% !important;}
.share h3{padding-left:16px;}


#wp-comment-cookies-consent{margin-left: 50px !important;}

.noMenu{/*! line-height:2; */ width:98%;}

.widgets ul:not(.shareContent){padding:0 0 5px 10px;}


.post_meta_single
{padding: 10px 50px;
margin: 0 50px;
width:50%;
border-top: 2px solid var(--violet);
border-bottom:2px solid var(--violet-bleu);}
.meta_project{width:98%;text-align: left;margin-left: 3%;}

.access{display: inline-block;margin:  1% !important;}




h3.logoBoutique{height : 15px;}
h3.logoBoutique img{height : 100px;}


a.floatRightButton
{
	float: right;
	display: flex;
	justify-content:center;
	margin-bottom:0;
	}



div.serviceButton{width: 100%;
  display: flex;
  flex-flow: row;
   flex-wrap: nowrap;
  justify-content: end;
margin-right: 10%;
}


.btn-savoir-plus {
    position: relative;
    padding: clamp(12px, 2vw, 20px) clamp(16px, 3vw, 24px) clamp(8px, 1.5vw, 12px) clamp(16px, 3vw, 24px);
    transition: all 0.3s ease;
    border: 2px solid var(--bleu);

    text-align: right;

    align-items: flex-end;
    justify-content: flex-end;


}

/* Le "+" à la fin du texte */
.btn-savoir-plus::after {
    content: "+";
    margin-left: 0.5em;
    font-size: 1.5em;
    font-weight: bold;
    display: inline-block;
    transition: transform 0.3s ease;
}

/* Animation du "+" au survol - rotation 180° */
.btn-savoir-plus:hover::after {
    transform: rotate(180deg);
}
/* État focus (navigation clavier) - ACCESSIBILITÉ */
.btn-savoir-plus:focus {
    outline: 3px solid #ffd700;
    outline-offset: 3px;
}
/* État actif (clic) - pas de mouvement, juste le négatif maintenu */
.btn-savoir-plus:active {
    background: var(--blanc);
    color: var(--violet);
}
.btn-savoir-plus:active::after {
    transform: rotate(180deg);
}
.liens-mentions a:not(:last-child)::after {
    content: " - ";  /* On ajoute le tiret */
    margin: 0 10px; /* Un peu d'espace autour */
    color: var(--blanc); /* Optionnel : ton doré Hanélunaire */
    text-decoration: none; /* Pour que le tiret ne soit pas souligné */
    display: inline-block;
}

/* On ajoute une ligne sous chaque article */
.colorBoxmini .contentWrap {
    border-bottom: 1px solid var(--gris);
    padding-bottom: 20px;
    margin-bottom: 20px;
}

/* On supprime la ligne sous le tout dernier article */
.colorBoxmini .contentWrap:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
}