@media screen and (max-width:1200px){
	#offert article{
		width:100%;
	}
	#offert article.basique div.first:before {
		width:280px;
		right:20px;
	}
	#offert article div.last{
		width:280px;
	}
	
	#services section article{
		justify-content:space-between;
	}
	
	#services div  ul{
		flex-direction:column;
		
	}
	#services article div.description{
		width:50%;
	}
	#services div ul li{
		width:220px;
	}
	#services p.link{
		display:none;
	}	
	#services div ul li{
		border-radius:0px;
	}
	#services div ul.all_offert{		
		display:flex;
		flex-direction:row;
		justify-content:space-between;
	}
	
	#services div ul.all_offert p.inside_link{
		display:flex;
		align-items:space-between;
		justify-content:flex-end;
		/border:1px solid red;
		margin-bottom:1em;
	}
}

@media screen and (max-width:1050px){
	#banner_container p,#banner_container h1{
		width:90%;
	}	
	#slide_container{		
		padding-top:7em;
	}	
	#services div h1{
		margin-bottom:0em;
	}
	#services article div.illustration{
		width:380px;
		height:380px;
	}
	#services div ul li{
		padding:0.2em 0.5em;
	}
	
	#offert article div.last{
		width:280px;
		display:none;
	}
	#offert article div.first{
		width:100%;
	}
	#offert{
		width:90%;
	}
	#offert p.introduction span{
		width:90%;
		padding-right:10%;
	}
}

@media screen and (max-width:850px){
	#banner_container h1{
		font-size:2.2em;
	}
	#banner_container p,#banner_container h1{
		width:95%;
	}	
	#slide_container{
		padding:5em 0px;
		color:white;
	}
	
	#services article{
		flex-direction:column;
	}
	#services article div.description{		
		width:90%;
	}
	#services article div.description ul{
		flex-direction:row;
	}
	#services div ul li{
		padding:0.3em 1em;
	}
	#services article div.illustration{
		width:90%;
		border-radius:10px;
		height:300px;
		margin-top:1.5em;
	}
	
	#services div ul.all_offert p.inside_link{
		display:none;
	}
	#services p.link{
		display:flex;
		justify-content:flex-end;
	}
	#services div h1 span:last-child em{
		display:block;
	}
	
	
	
	#offert article div.first ul{
		width:80%;
	}
	#offert article div.first p.phone span:last-child{
		display:none;
	}
	
	#offert p.introduction strong{
		font-size:1.8em;
	}
}

@media screen and (max-width:750px){
	#offert article div.first ul{		
		background:rgba(0,0,0,0.4);
	}
	#offert article div.first ul{
		width:85%;
	}
}


@media screen and (max-width:650px){
	#slide_container{
		padding:3em 0px;
		padding-top:4em;
		padding-bottom:2em;
	}
	#banner_container h1{
		font-size:1.8em;
	}
	#banner_container p{
		font-size:1em;
	}
	#banner_container p,#banner_container h1{
		width:100%;
		flex-direction:column;
	}	
	#services p.link{
		display:none;
	}	
	#services div ul.all_offert{	
		display:flex;		
	}
	#services div ul.all_offert ul{			
		width:auto;
		display:inline;
		margin-top:0px;
		/border:1px solid red;
		width:100%;
	}
	#services div ul li{
		width:80%;
		margin-bottom:0px;
	}
	#services div ul.all_offert p.inside_link{
		display:flex;
		margin-top:1em;
	}
	
	
	
	
	#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){
	
	#services div h1 span:last-child{
		flex-wrap:wrap;
	}
	
	#offert p.introduction strong{
		margin-bottom:0.1em;
		font-size:1.6em;
	}
	#offert p.introduction span{
		width:100%;
		padding-right:0px;
		font-size:0.85em;
		border:none;
	}
	#offert article div.first p.title span{
		
		font-size:1em;
		top:-40px;
	}
	#offert article.basique div.first:before{
		top:-100px;
		bottom:200px;
		/display:none;
		width:230px;
		/display:none;
		
	}
	#offert article{
		margin-bottom:120px;
	}
	
	#offert article.basique div.first:before {
		background:url("/public/image/home/pre.png") center;
		background-size:cover;
	}
}

@media screen and (max-width:400px){
	#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;
	}
}