/*=====================================*/
/*|      POWERMAIL CUSTOM - Begin     |*/
/*=====================================*/

.tx-powermail .powermail_legend{
	display:none;
}

.tx-powermail .powermail_field {
	display: flex;
    flex-direction: column-reverse;
}

.tx-powermail label.powermail_label {
    display: inline-block;
    width: 180px;
}

.tx-powermail .powermail_fieldwrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
	margin-bottom:20px;
}

/* champ objet*/
.tx-powermail input#powermail_field_objet,.tx-powermail textarea#powermail_field_message,.tx-powermail input#powermail_field_courriel,.tx-powermail input#powermail_field_captcha{
    padding: 6px;
    border: solid 1px;
    border-color: #949494;
    border-radius: 5px;
	min-width: 230px;
}

.tx-powermail textarea#powermail_field_message{
	min-width: 500px;
	min-height:170px;
}

.tx-powermail input#powermail_field_captcha{
	margin-top: 10px;
}

.tx-powermail .powermail_label[for="powermail_field_captcha"]::after{
	content:"* :Indiquer le résultat de l'opération";
}

.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_boutonenvoi {
    background-color: var(--darkwhite);
    height: 90px;
    padding: 20px 180px;
}

.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_boutonenvoi::before{
	content:"(*) Les champs suivis d'un astérisque doivent être obligatoirement renseignés.";
	font-size: 11px;
    color: var(--darkgrey);
    display: block;
    position: absolute;
}

.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_boutonenvoi .powermail_field {
    padding-top: 25px;
}

.tx-powermail input.powermail_submit {
    width: 80px;
    border-radius: 5px;
	color: var(--white);
    height: 30px;
    margin-bottom: 8px;
	background-color: #0074cc;
    background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
    background-image: -o-linear-gradient(top, #0088cc, #0055cc);
    background-image: linear-gradient(top, #0088cc, #0055cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
    border-color: #0055cc #0055cc #003580;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #0055cc;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.tx-powermail input.powermail_submit:hover {
	background-color: #0055cc;
    background-image: none;
}

.tx-powermail li.parsley-required, .tx-powermail li.parsley-custom-error-message{
    color: red;
    list-style: none;
}

.tx-powermail .powermail_create {
    border: solid 1px #d5efd5;
    padding: 15px 20px 0;
    border-radius: 5px;
    background-color: #d5efd5;
}

