/*ADHESION & CONTACT---------------------------------------- */

#formContact > div:nth-child(1) > p:first-of-type,#adhesion p:first-of-type {
	font-family: abc_ginto_regular;
	font-style: oblique;
}


#formContact input[type="radio"], #adhesion input[type="radio"]{
	appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none;
    width: 20px; 
    height: 20px; 
    border: 2px solid #000; 
    border-radius: 0; 
    outline: none;
    margin-right: 5px; 
}


#formContact input[type="radio"]:not(:checked), #adhesion input[type="radio"]:not(:checked) {
    background-color: transparent; 
}


#formContact input[type="radio"]:checked, #adhesion input[type="radio"]:checked {
    background-color: #000;
}

/*ADHESION---------------------------------------- */

select{
	appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none;
    background-color: #FFF5F0;
    border: 2px solid #000; 
    border-radius: 0; 
	min-width: 100px;
    outline: none;
    margin-right: 5px;
}
  
.form-group {
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
}

.form-group label, .form-section label {
	font-size: 1em;
	white-space: nowrap;
	min-width: 100px;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
}

.form-check-inline {
	margin-right: 20px;
}


.form-section {
	margin-bottom: 20px;
}

.form-section h5 {
	margin-bottom: 10px;
}


.form-section:nth-child(1){
	margin: 50px 0;
}


.form-section:nth-child(2){
	height: 200px;
	margin: 50px 0;
}

.form-group.d-flex.flex-column {
	align-items: flex-start;
}

#messages{
	display: none;
	text-align: center;
	color: #000;
	border: 2px solid #000;
	font-size: 1.2em;
	padding: 5px 10px;
	
	background-color: #fff;
}


/*CONTACT------------------------------*/
#formContact{
	padding: 100px 0px;
}



button[type="submit"]{
	color: #000000;
	font-size: 1.2em;
	background-color: #fff;
	border: 2px solid #000;
	padding: 5px 20px;
}
/*image background---------------------*/

#background5{
	position: absolute;
	top: 60%;
	left: 80%;
	transform: translate(-50%, -50%);
	z-index: -9;
	width: 500px;
	}
#background6{
	position: absolute;
	top: 20%;
	left: 70%;
	transform: translate(-50%, -50%);
	z-index: -10;
	width: 800px;
}

#background7{
	position: absolute;
	top: 40%;
	left: 0%;
	transform: translate(-50%, -50%);
	z-index: -7;
	width: 1500px;
}

@media (max-width: 992px){
		#marrainage{
		padding-top: 100px;
	}
}

@media (max-width: 576px) {
	#formContact{padding: 100px 50px;}
	
	
	
	#background5{
		position: absolute;
		top: 60%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: -9;
		width: 500px;
		}
	#background6{
		position: absolute;
		top: 20%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: -10;
		width: 800px;
	}

	#background7{
		position: absolute;
		top: 40%;
		left: 0%;
		transform: translate(-50%, -50%);
		z-index: -7;
		width: 1500px;
	}
}