@media screen and (max-width: 750px){
	


.bande_verte1, .bande_verte2{
	display: none;
}

.grande_bande{
	width: 100%;
	height: 200px;
}

.image1{
	text-align: center;
}

.photo{
	width: 250px;
	height: 200px;
}


}

@media screen and (min-width: 751px) and (max-width: 1024px){
	

	.img_header{
		display: flex;
	}


.bande_verte1, .bande_verte2{  
	width: 15%;
	height: 220px;
}

.grande_bande{
	width: 70%;
	height: 220px;
}

section{
	display: flex;
}

.image1{
	float: left;
	margin-left: 5px;
}

.texte{
	margin-left: 5px;
	margin-top: 60px;
}

.photo{
	width: 200px;
	height: 200px;
}


}

@media screen and (min-width: 1025px) and (max-width: 2000px){

		.img_header{
		display: flex;
	}

	.bande_verte1, .bande_verte2{  
	width: 20%;
	height: 230px;
}

.grande_bande{
	width: 60%;
	height: 230px;
}

section{
	display: flex;
}

.image1{
	float: left;
	margin-left: 5px;
}

.texte{
	margin-left: 5px;
	margin-top: 90px;
}

.photo{
	width: 200px;
	height: 200px;
}


}

/*------------------------------------------------------*/

body{
	background-image: linear-gradient(ivory, azure);
	
	width: auto;
	height: auto;
}

main{
	padding-left:20px;
	padding-right: 20px;
	padding-bottom: 50px;
}

h1{
	text-align: center;
	font-family: calibri;
	color: darkgreen; 
}

h2{
	color: green;
	text-align: center;
}

h3{
	color: limegreen;
}

h4{
	color: darkblue;
}

p{
	font-family: calibri;
}






footer{
	background: black;
	color: white;
	text-align: center;
	padding: 2px;
	margin-top: -8px;

}

footer a{
	color: yellow;
	margin-left: 20%;
}

.div_contact{
	display: flex;

}