@media screen and (max-width:1150px){
	#banner_container p,#banner_container h1{
		width:100%;
	}
	#accompagnement{
		width:90%;
		margin-right:0px;
	}
	#accompagnement h1,#expertise ul h2{
		width:90%;
	}
	#accompagnement article div.description{
		/border:1px solid red;
		width:60%;
	}
	#accompagnement article div.illustration{
		/width:400px;
		/height:600px;
	}
}

@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%;
		padding-right:10%;
	}
	#offert section{
		width:90%;
		display:flex;
		flex-wrap:wrap;
	}
	#offert section div.android{
		width:100%;
		height:350px;
	}
	#offert p.introduction{
		width:90%;
	}
	#offert section div p.description{
		width:60%;
	}
	#offert div.android p.price span:nth-child(3){
		self-align:right;
		align-self:right;
		text-align:right;
	}
}

@media screen and (max-width:900px){
	#accompagnement article {
		position:relative;
	}
	#accompagnement article div.description{
		background:rgba(255,255,255,0.9);
		border-radius:0px 20em 0em 0px;
		width:90%;
		margin-right:10%;
	}
	#accompagnement article div.illustration{
		position:absolute;
		right:0px;
		top:-50px;		
		z-index:-1;
	}
}



@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;
	}
	#offert p.introduction strong{
		font-size:1.8em;
	}
	#accompagnement article div.description{
		/width:90%;
		
	}
	#accompagnement article div.illustration{
		/width:400px;
		
	}
	#accompagnement article li span.acc_description{
		width:85%;
	}
}

@media screen and (max-width:750px){
	#expertise ul{
		/justify-content:center;
	}
	#expertise ul li{
		width:250px;
		margin-bottom:2.5em;
	}
	#expertise ul li span.expertise_illustration{
		height:130px;
	}
}
@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;
	}
	#accompagnement h1,#expertise ul h2{
		font-size:2em;
	}
	#accompagnement article div.description{
		width:100%;		
	}
	
	#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;
	}
	
	#expertise ul{
		justify-content:center;
	}
	#expertise ul li{
		width:400px;
	}
	#expertise ul li span.expertise_illustration{
		height:180px;
	}
}

@media screen and (max-width:550px){
	#accompagnement h1{
		font-size:1.7em;
	}
	#accompagnement article li span.icone{
		width:40px;
		height:40px;
	}
	#accompagnement article div.description{
		padding:auto 1em;
		/border:1px solid green;
		margin-right:auto;
	}
	#accompagnement article div.description ul{
		padding:1em;
	}
	#accompagnement{
		margin:auto;
	}
	#accompagnement article{
		margin-bottom:0px;
	}
	#accompagnement article li span.acc_description{
		width:85%;
	}
	
	#expertise ul li{
		width:100%;
	}
}

@media screen and (max-width:450px){
	#offert div.android p.tel{
		display:flex;
		flex-direction:column;
		display:none;
	}
}


@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;
	}	
	#offert section div.android{
		height:auto;		
		width:95%;
	}	
	#offert section div.service ul{
		/border:1px solid red;
		margin-bottom:2em;
	}
}