/* --------------------------------------------------------------

   form.css
   Base pour formulaires
   Cf.: https://contrib.spip.net/3820

-------------------------------------------------------------- */
form {
		margin: 0 0 2em 0;
	}
form label {
	display: block;
	font-size: 0.9rem ;
	margin: 0 0 0em 0;
}
.formulaire_formidable_Live_Karikaturen legend:first-letter {
color: var(--primaryColor);
	}
.formulaire_formidable_live_anfrage legend.label  {
	display:none;
	}
.formulaire_spip p.explication  {
		color: var(--black-75);
	}
#feedback .forum_saisie_texte_info {
	display: none;
}
form .choix {
	font-size: 90%;	
	}
form .choix svg {
	height:1.5rem;
	width: auto;
	fill: var(--primaryColor)
}
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form select {
	-moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    border-radius: 0.5em;
    border: solid 1px var(--black-25);
    display: block;
	outline: 0;
	padding: 0 1em;
	text-decoration: none;
	margin: 0 0 0.3em 0;
	width:100%;
	height: 2em;
	padding: 0 0.7em;
}
form textarea {
	border: solid 0px var(--basicShadow);
	width:100%;
	}
form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="tel"]:focus,
form select:focus, textarea:focus {
	border: 1px solid var(--primaryColor);
}
form .mandatory::before {
	content: '*';
	color: var(--primaryColor);
	float: left;
}
form label > .obligatoire {
	opacity: 0;
}
form textarea {
	padding: 0.75em 1em;
	border-radius: 0.5em;
	border: solid 1px var(--black-25);
	}

input,textarea,select,button { font-family: inherit; font-size: 100%; font-weight: inherit; }
legend { font-weight: bold; }


/* Curseur main sur les elements input cliquables */
input[type="submit"],input.btn,input.submit,
input[type="button"],input.button,
input[type="image"],input.image,
button { cursor: pointer; }#form {
		margin: 0 0 1em 0;
	}
::-webkit-input-placeholder {
	color: var(--black-50) !important;
	opacity: 1.0;
}

:-moz-placeholder {
	color: var(--black-50) !important;
	opacity: 1.0;
}

::-moz-placeholder {
	color: var(--black-50) !important;
	opacity: 1.0;
}

:-ms-input-placeholder {
	color: var(--black-50) !important;
	opacity: 1.0;
}
input[type="time"]::before {
	content:'';
}
form .heure {
	display: inline;
}
form .submit {
	-moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: #ffffff;
    border-style: solid;
    border-color: var(--primaryColor);
    border-width:  2px;
    color: var(--basicContraFontColor);
    background-color: var(--primaryColor);
    outline: 0;
    padding: 0.5em 1em;
    text-decoration: none;
    width: auto;
    min-height: 2.5em;
    border-radius: 0.5em ;
}
form .submit:hover {
	color: var(--basicFontColor);
	}
.reponse_formulaire {
	margin-top: 1.5em;
}
form input[type="text"].plz {width:8em;}

.moderation_info {
	display: none;
}
/*  Modifier dateur */

/*  formulaire formidable Live_Karikaturen */
#formulaire_formidable_Live_Karikaturen input.date {/* float: left; */ margin-right:0.5em}
form .choix_Event-Art1 label::before{
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px" fill="currentColor"><path d="M22 21H2V19H3V4C3 3.44772 3.44772 3 4 3H18C18.5523 3 19 3.44772 19 4V9H21V19H22V21ZM17 19H19V11H13V19H15V13H17V19ZM17 9V5H5V19H11V9H17ZM7 11H9V13H7V11ZM7 15H9V17H7V15ZM7 7H9V9H7V7Z"></path></svg>');
 vertical-align: -20%;
 margin: 0 0.5em 0 0 ;
}
form .choix_Event-Art2 label::before{
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px" fill="currentColor"><path d="M20 20C20 20.5523 19.5523 21 19 21H5C4.44772 21 4 20.5523 4 20V11H1L11.3273 1.6115C11.7087 1.26475 12.2913 1.26475 12.6727 1.6115L23 11H20V20ZM18 19V9.15745L12 3.7029L6 9.15745V19H18ZM12 17L8.64124 13.6412C7.76256 12.7625 7.76256 11.3379 8.64124 10.4592C9.51992 9.58056 10.9445 9.58056 11.8232 10.4592L12 10.636L12.1768 10.4592C13.0555 9.58056 14.4801 9.58056 15.3588 10.4592C16.2374 11.3379 16.2374 12.7625 15.3588 13.6412L12 17Z"></path></svg>');
 vertical-align: -20%;
  margin: 0 0.5em 0 0 ;
}
form .choix_classic_digital1 label::before{
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px" fill="currentColor"><path d="M21 6.75736L19 8.75736V4H10V9H5V20H19V17.2426L21 15.2426V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V6.75736ZM21.7782 8.80761L23.1924 10.2218L15.4142 18L13.9979 17.9979L14 16.5858L21.7782 8.80761Z"></path></svg>');
 vertical-align: -20%;
 margin: 0 0.5em 0 0 ;
}
form .choix_classic_digital2 label::before{
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px" fill="currentColor"><path d="M6 4V20H18V4H6ZM5 2H19C19.5523 2 20 2.44772 20 3V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V3C4 2.44772 4.44772 2 5 2ZM12 17C12.5523 17 13 17.4477 13 18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18C11 17.4477 11.4477 17 12 17Z"></path></svg>');
 vertical-align: -20%;
  margin: 0 0.5em 0 0 ;
}
#formulaire_formidable_Live_Karikaturen .submit_main span::before {
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px" fill="currentColor"><path d="M1.94607 9.31543C1.42353 9.14125 1.4194 8.86022 1.95682 8.68108L21.043 2.31901C21.5715 2.14285 21.8746 2.43866 21.7265 2.95694L16.2733 22.0432C16.1223 22.5716 15.8177 22.59 15.5944 22.0876L11.9999 14L17.9999 6.00005L9.99992 12L1.94607 9.31543Z"></path></svg>');
 vertical-align: -20%;
  margin: 0 0.5em 0 0 ;
  
	
}
/* formulaire_recherche */
#formulaire_recherche form {
    text-decoration: none;
}
#formulaire_recherche .search-groupe {
	display: flex;
}
#formulaire_recherche .search-groupe >label {
	display: none;
}
#formulaire_recherche .search-groupe input[type="search"]{
	-moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: #ffffff;
    border-style: solid;
    border-color: var(--black-50);
    border-width: 1px 0px 1px 1px;
    color: var(--basicFontColor);
    outline: 0;
    padding: 0 1em;
    text-decoration: none;
    width: 85%;
    height: 2.5em;
    border-radius: 0.5em 0 0 0.5em ;

}
#formulaire_recherche .search-groupe  input[type="image"]{
	-moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    color: var(--basicContraFontColor);
    background-color: var(--white-100);
    cursor: pointer;
    display: inline;
    border-style: solid;
    border-color: var(--black-50);
    border-width: 1px 1px 1px 0;
    width: 15%;
    outline: 0;
    padding: 0.5em;
    text-decoration: none;
    height: 2.5em;
    border-radius: 0 0.5em 0.5em 0;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: transparent;
}
#formulaire_recherche .search-groupe  input[type="image"]:hover  {
	background-color: var(--markColor);
	color: var(--basicContraFontColor);
}


/* Elements de notifications des boites succes, info, notice, alerte */
.reponse,
.error,
.alert, 
.notice,
.success, 
.info     { padding: .8em; margin-bottom: 1.5em; border: 2px solid #ddd; }

.error,
.alert      { background: var(--primaryColor25); color: var(--primaryColor); border-color: var(--primaryColor);  }
.notice     { background: var(--triad1Color25); color: var(--triad1Color); border-color: var(--triad1Color);  }
.success    { background: var(--triad2Color25); color: var(--triad2Color); border-color: var(--triad2Color); }
.info     { }

.error a,
.alert a      { color: var(--primaryColor); }
.notice a   { color: var(--triad1Color); }
.success a    { color: var(--triad2Color); }
.info a     {  }

/* fin */