.woocommerce textarea.input-text{
	display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.8125rem;
    margin: 0 0 1.25rem;
    padding: .625rem;
    border: 1px solid #e5e5e5!important;
    border-radius: 100px;
    background-color: #e5e5e5!important;
    box-shadow: inset 0 1px 2px rgba(10,10,10,0.1);
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    color: #0a0a0a;
    transition: box-shadow 0.5s,border-color 0.25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.woocommerce-page table.cart td.actions .coupon input{
	width: 100%!important;
}


.share-link{
	/*position:fixed;
	top:40%;
	width:40px;
	z-index:150;*/
	display:none;
	
	
}

.share-link a{
	display:block;
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	color:#fff;
	background:#000;
	transition:all 200ms ease-in-out;
	
}
.share-link a:hover{
	color:#000;
	background:#fff;
}

.rounded {
    display: flex;
}

.rounded a {
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
	background:#000;
    transition: all 200ms ease-in-out;
    border-radius: 100%;
    margin: 5px;
}
.rounded a:hover {
color:#000;
background:#fff;
}

.rounded.inverse a {
  
color:#000;
background:#fff;
border:1px solid #fff;
 
}
.rounded.inverse a:hover {
color:#fff;
background:#000;
border:1px solid #fff;

}

.popup-info .formlift-span_1_of_4 {
    width: 50% !important;
	padding-right: 0px!important;
} 
.popup-info .formlift-span_1_of_3 {
    width: 50%;
	padding-right: 0px!important;
}
.pum-theme-default-theme .pum-container{
	background: url("../images/bkg-infolettre.jpg") no-repeat center/cover;
	border-radius: 5px;
}

.pum-theme-default-theme .pum-container .title-info{
	color:#000;
	font-family: Oswald, Montserrat, Gotham, Verdana, Roboto, Arial, sans-serif;
	font-size:24px;

}

/* ------------------------------------------------------------------
   Icone « Travail-etudes » — menu principal (item #25381)
   Masque CSS sur un SVG de trait, recolorable via background-color.
   Un seul fichier : images/icones/icone-travail-etudes.svg
   Couleur du survol : voir --dq-bleu ci-dessous.
   NE PAS declarer `display` ici : cela casserait le masquage mobile
   de app.css (les icones sont cachees sous 800px).
   ------------------------------------------------------------------ */

/* Repli universel : icone noire, non recolorable. */
.nav--primary > ul > li.travail-etudes > a::before {
  background-image: url("../images/icones/icone-travail-etudes.svg");
}

/* Amelioration progressive : masque + couleur pilotee par le CSS. */
@supports ((-webkit-mask-image: url("#")) or (mask-image: url("#"))) {

  .nav--primary > ul > li.travail-etudes > a::before {
    --dq-bleu: #23ADE3;

    background-image: none;
    background-color: #0a0a0a;          /* etat normal = couleur du texte */

    -webkit-mask-image: url("../images/icones/icone-travail-etudes.svg");
            mask-image: url("../images/icones/icone-travail-etudes.svg");
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;

    transition: background-color .5s;
  }

  .nav--primary > ul > li.travail-etudes:hover > a::before,
  .nav--primary > ul > li.travail-etudes:focus-within > a::before,
  .nav--primary > ul > li.travail-etudes.current-menu-item > a::before,
  .nav--primary > ul > li.travail-etudes.current-menu-parent > a::before,
  .nav--primary > ul > li.travail-etudes.current-menu-ancestor > a::before {
    background-color: var(--dq-bleu);
  }
}