@media screen and (max-width:1150px){
	#offert div.all_in_one article.illustration{
		width:500px;
	}
}

@media screen and (max-width:1050px){
	#banner_container p,#banner_container h1{
		width:90%;
	}
}

@media screen and (max-width:1000px){
	#offert p.introduction span{
		width:90%;		
	}
	
	#offert div.all_in_one article.illustration{
		width:300px;
	}
	#offert div.all_in_one article.description{
		width:60%;
	}
	
	#data_list{
		justify-content:space-between;
	}
	#data_list ul{
		width:45%;
	}
}
@media screen and (max-width:900px){
	#banner_container h1{
		font-size:2.2em;
	}
	#banner_container p,#banner_container h1{
		width:95%;
	}	
	#slide_container{
		padding:5em 0px;
		color:white;
	}
	#offert div.all_in_one article.illustration{
		display:none;
	}
	#offert div.all_in_one{
		margin-bottom:1.5em;
		margin-top:0.5em;
	}
	#offert div.all_in_one article.description{
		width:95%;
		margin-left:auto;
		margin-right:auto;
		padding:0px;
	}
	#offert div.all_in_one article.description strong{
		width:90%;
	}
	/*
	#offert article{
		width:90%;
		margin-bottom:3em;
		height:auto;
	}
	#offert article div{
		margin-top:3.5em;
		margin-bottom:0px;
	}
	#offert article p:before{
		display:block;
	}
	#offert article p{
		height:240px;
		margin-bottom:0px;
		width:65%;
		margin-left:5em;
	}
	*/
	#offert p.introduction strong{
		font-size:1.3em;
	}
	#data_list{
		margin-top:0px;
	}
	#data_list h2{
		margin-top:0px;
	}
}

@media screen and (max-width:700px){
	#offert div.all_article article{
		margin-left:0.5em;
		margin-right:0.5em;
	}
	#offert div.all_article{
		justify-content:center;
	}
}

@media screen and (max-width:650px){
	/*#offert article p{
		height:200px;
		margin-bottom:0px;
		width:70%;
		margin-left:2em;
	}
	*/
	#slide_container{
		padding:3em 0px;
		padding-top:4em;
		padding-bottom:2em;
		/background:-webkit-linear-gradient(left,rgba(0,0,0,0.8),rgba(0,0,0,0.5));
	}

	#banner_container h1{
		font-size:1.8em;
	}
	#banner_container p{
		font-size:1em;
	}
	#banner_container p,#banner_container h1{
		width:100%;
		flex-direction:column;
	}
	#offert p.introduction span{
		font-size:0.8em;
		width:95%;
	}
	#offert p.introduction strong{
		width:95%;
		font-size:1.1em;
	}
	#offert div.all_in_one{
		text-align:center;
		margin-bottom:2.5em;		
	}
	
	#offert div.all_in_one article.description h1{
		font-size:1.8em;
	}
	#offert div.all_in_one article.description p.paragraphe{
		margin-bottom:1em;
	}
	
	#data_list{
		justify-content:center;
	}
	#data_list ul{
		width:80%;		
	}
	#data_list h2{
		font-size:1.8em;
		text-align:center;
	}
	
	#contact{
		display:flex;
		flex-direction:column;
		width:85%;
	}
	#contact div{
		width:90%;
	}
	#contact .tags{
		width:90%;
		height:200px;
		margin-top:2em;
	}
	#contact div p{
		margin-bottom:1em;
		font-size:0.95em;
	}
	#contact h1{
		margin-top:1em;
	}
}

@media screen and (max-width:550px){
	/*#offert article p:before{
		display:none;
	}
	#offert article p{
		height:200px;
		margin-bottom:0px;
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	#offert article div{
		margin-top:1em;
	}
	*/
	#offert p.introduction strong{
		margin-bottom:0.1em;		
		text-align:center;
	}
	#offert p.introduction span{
		width:100%;
		padding-right:0px;
		font-size:0.85em;
		border:none;
		text-align:center;
	}
}


@media screen and (max-width:450px){
	/*#offert article p{
		height:170px;
	}
	
	#offert article div span.price{
		margin-left:auto;
		margin-right:auto;
	}
	*/
	#banner_container div div{
		width:90%;
	}
	#slide_container{
		padding-bottom:1.5em;
	}

	#banner_container h1{
		font-size:1.4em;
	}
	#banner_container p{
		font-size:0.9em;
	}
}