main#background3
{
	flex-flow: row wrap;
  	background-image:url("../images/svg/rorschach_biker.svg");
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}

main div{
	height: 100%; width: 67%;
	display: flex;
	flex-flow: row wrap;
	margin-top:1%;
}

main div section{
	width:48%;	
}

main div section#partenaires{
	height :33%; width:95%;	
}

main section#zone_carte,
main section#introduction{
	padding-top: 20px;
}

main section#partenaires{
	height: 29%; width: 60%;
	margin-left: 2.5%;
	padding-left: 10px;
	background-color: rgba(255,255,204, .7);
	border-radius: 4px;
}

main section#partenaires a{
	display: flex;
	flex-flow: row nowrap;
} 

main section#partenaires a p{
	width: 70%;
	margin-left: 2%
}

main section#partenaires a img{
	width: 20%;
}

main section h1{
	font-size:120%;
	margin-bottom:2%;
	text-align:center;

}

/* Affichage du bloc de gauche */

#introduction
{
	margin-left:2.5%;
    padding:0 10px;
    box-sizing:border-box;
}

#introduction ul li
{
	list-style-type:none;
  	margin-bottom:2%;
}

#introduction address p
{
	font-style:normal;
	margin-bottom:1%;
}

#introduction ul li:nth-child(4)
{
	padding-bottom:10%;
}

main section:last-child
{
	margin-right:2.5%;
}

/* Affichage du bloc central */

#zone_carte 
{
	padding:0 10px;
	box-sizing:border-box;
}

iframe{
	display:block;
	width:100%;height:77%;
	border:none;
}



/* Affichage du formulaire */
.formulaire
{
  	border-radius:5px;
	margin-top:20vh;
	width:29%;
	margin-left:auto;
	margin-right:auto;	
	margin-top:auto;
	margin-bottom:auto;
	text-align: center;
}

.formulaire div{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	width: 100%;
}

.formulaire div label,
.formulaire div input{
	display: block;
	width: 48%;
}
 
label
{
	font-weight:bold;
  	color:rgba(0,0,0,.8);
}

input, select, textarea 
{
 	width:100%;
 	padding:12px;
  	border:none;
 	border-radius:4px;
 	box-sizing:border-box;
 	margin-top:6px;
 	margin-bottom:16px;
	color:black;
	transition:1s ease;
	background-color:rgb(255,255,204);
	border-bottom:.5px solid rgba(0,0,0,.5);
	opacity:.7;
}

textarea{height:150px;}

input:hover, select:hover, textarea:hover
{
	opacity:1;
}

#submit
{
	font-weight:bold;
 	width:100%;
}

#submit:hover
{
	background-color:rgba(110,110,109,.7);
}

@media (max-width: 640px){
	main
	{
		top:5vh;
		padding-bottom:17vh;
	}

	main div{
		height: auto; width: 98%;
		flex-flow: column nowrap;
	}

	main div section{
		height: auto; width: 98%;
	}

	main section
	{
		height: auto; width:90%;
		margin-top:10vh;
		margin-right:auto; margin-left:auto; 
	}

	form.formulaire
	{
		width:90%;
		margin-right:auto; margin-left:auto; margin-top:10vh;
		padding-bottom:10vh;
	} 
}