/**
$rose:          #e94885;
$bleuDePrusse:  #303d49;
$bleuTempete:   #62787f;
var(--color-danube):        #6679D5;
var(--color-sapphire):      #283D9D;
var(--color-bleu-fonce):     #101d5d;
$white-200:     #FDFDFD;
$gray:          #959595;
$grayDark:      #707070;
$black-200:      #222222;
**/

:root {
		--color-bleu-fonce:#101d5d;
	--color-red:#990000;
	--color-danube: #6679D5;
	--color-sapphire: #283D9D;
}

.bloc-actes {
	border-bottom: 1px solid #707070;
.bloc-wrapper {
		width: 1400px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 160px;
    padding-bottom: 160px;
		gap: 4rem;
		.btn {
display: inline-flex;
    color: var(--color-danube);
    background-color: transparent;
    padding: .4rem 1rem .5rem;
		text-align: center;
    border: 1px solid var(--color-danube);

    &:hover {
      color: var(--color-sapphire);
    }

}
}
}

@media screen and (max-width:768px) {
	.bloc-actes {
		.bloc-wrapper {
			    padding-top: 40px;
    padding-bottom: 40px;
			flex-wrap: wrap;
			gap: 1rem;
			h2,
			p {
				width: 100%;
			}
		}
	}
}

.page-template-page-actes {

.btn {
display: inline-flex;
    color: var(--color-danube);
    background-color: transparent;
    padding: .4rem 1rem .5rem;
		text-align: center;
    border: 1px solid var(--color-danube);
    margin-top: 20px;

    &:hover {
      color: var(--color-sapphire);
    }

}

h1,
h1 + p {
	max-width: 45rem;
}

.wrapper-actes {
	max-width: 1100px;
	padding: 20px;
}

  &.isHidden {
    display: none;
  }

	.gform_heading {
		display: none;
	}

h2.gform_submission_error {
font-size: 1rem;
color: var(--color-red);
text-transform: none;
}

#gform_wrapper_3 {
	margin-top: 80px;
  label {
    display: block;
    color: var(--color-bleu-fonce);
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
  }

#field_3_7 {
	display: flex;

	.gfield_required {
		display: none;
	}
}

	.gform_fields {
		display: flex;
		flex-wrap: wrap;
		gap: 2rem;
	}

  .gfield {
    margin-bottom: 15px;
    position: relative;
		width: max(380px,calc(50% - 1rem));
		max-width: 100%;

		&.w-full {
			width: 100%;

			/* .ginput_container {
				width: max(380px,calc(50% - 1rem));
				max-width: 100%;
			} */

			/* .gfield_description.validation_message {
				right: calc(50% + 1rem);
			} */
		}

    &.gform_validation_container,
    &.hidden_label label {
      display: none;
    }

    &.gfield_error {
      input[type="text"],
      input[type="email"],
      textarea {
        border-color: var(--color-red);
      }
    }
  }
#field_3_13 {
	display: flex;
}
#field_3_11 {
	font-size: 10px;
}

  input[type="text"],
  input[type="email"],
  textarea {
    border: none;
    background: transparent;
    border-bottom: 2px solid var(--color-danube);
    width: 100%;
    color: var(--color-bleu-fonce);
    padding: 5px 0;
    font-weight: 300;
    outline: none;
    transition: all 0.25s ease-in-out;

    &:focus {
      border-color: var(--color-bleu-fonce);
    }
  }

  textarea {
    border: 2px solid var(--color-danube);
    padding: 5px;
    resize: vertical;
    height: 200px;
  }

  ::-webkit-input-placeholder {
    color: var(--color-bleu-fonce);
    font-size: 16px;
    font-weight: 400;
    opacity: 1;
  }

  input::-moz-placeholder,
  input:-moz-placeholder {
    color: var(--color-bleu-fonce);
    font-size: 16px;
    font-weight: 400;
    opacity: 1;
  }

  .gfield_description {
    color: var(--color-bleu-fonce);
    font-size: 16px;
    font-weight: 300;
    margin-left: 15px;

    &.validation_message {
			color: var(--color-red);
      font-size: 10px;
      position: absolute;
      left: 0;
      bottom: -20px;
			margin-left: 0;
    }
  }

  input[type="submit"] {
    color: var(--color-danube);
    background-color: transparent;
    padding: .4rem 1rem .5rem;
		text-align: center;
    border: 1px solid var(--color-danube);
    margin-top: 20px;

    &:hover {
      color: var(--color-sapphire);
    }
  }
}

}