@media only screen and (min-width: 401px) and (max-width: 960px) {
	
	
	
.header {
	display: block;
}
	
#logo {
	margin: auto;
	display: flex;
	width: 200px;
	height: 100px;
}	
nav {
	text-align: center;
}
	
nav ul {
	display: block;
	margin-top: 0px;
}
	
.milieu {
	height: 100px;
	top: 200px;;

}

	
h1 {
	font-size: 24px;
}

h2 {
	font-size: 1.5em;
}

.titre img {
	height: 300px;
}

	

	
p, a  {
	font-size: 20px;
	text-align: center;
}	
	
.deuxtiers {
	width: 100%;
	text-align: center;
	float: none;
}	
.deuxtiers2 {
	width: 75%;
	text-align: center;
}

.untiers {
	display: block;
	float: none;
	margin: 1em auto 4em auto;
	width: 50%;
	
}
.grid-item {
	position : relative;

}
	
.cta {
	text-align: center;
}
	
.troispardeux > div {
	width: 50%;
}

.full {
	text-align: center;
}


.tiers {
	width: 50%;
	float: left;
	padding: 0;
	text-align: center;
}

.box {
	float: none;
}

.bandeautitre {
	top: 224px;
}

.logoB {
	padding: 30px;
	margin: auto;
	display: block;
}

#orga {
	width: 100%;
}


#griscollé {
	height : 300px;
}


.àdroite {
	display: block;
	float: none;
	padding-bottom: 30px;
}

.texteàdroite {
	width: 100%;
	float: none;
}

.àgauche {
	display: block;
	padding-bottom: 30px;
}

.grid-contenair {
	grid-template-columns : 50% 50%;
	margin: 0 20px;
}


.grid-contenair2 {
	grid-template-columns: 100%;
}


.photopresta {
	width: 80%;
}

.grid-contenair3 {
	grid-template-columns: 100%;
}	
	
.grid2 {
	grid-area: 4 / 1;
	width: 100%;
}

.grid4 {
	grid-area: 3/1;
	padding: 0;
	
}
	
.googlemaps {
	width: 350px;
	height: 300px;

}	
	
.logoC {
	width: 100%;
	height: 100%;
}	




}