@media screen and (max-width:1100px){	
	
	#banner_container p,#banner_container h1{
		width:90%;
	}
	
	#slide_container{		
		/padding-top:7em;
	}
	
	div.devellopement_informatique article{
		width:90%;		
	}
	
	
	div.devellopement_informatique article div:last-child{
		width:50%;		
	}
	div.devellopement_informatique article li.web_icone{
		height:120px;
		width:120px;
	}
	
	div.mobile_devellopement article{
		width:90%;		
	}
	
	div.mobile_devellopement div.web_illustration{		
		height:450px;
		width:400px;		
	}
			
}
@media screen and (max-width:1000px){
	
	#data_base h2{
		font-size:2.3em;
	}
	#data_base{
		flex-direction:column;
		align-items:flex-start;
	}
	#data_base div{
		display:flex;
		width:100%;
		justify-content:space-between;
		align-items:center;
		margin-bottom:2em;
	}
	#data_base div article:first-child{
		width:50%;
	}
	#data_base div article:last-child{
		width:40%;
		position:relative;
		height:250px;		
	}
	
	#data_base div.data article:last-child:after{
		content:"";
		position:absolute;
		top:-20px;
		left:50%;
		bottom:-20px;
		right:-20px;
		z-index:-1;
		background:rgba(72,61,139,0.5);
	}
	#data_base div.mail article:last-child:after{
		content:"";
		position:absolute;
		top:-20px;
		left:-20px;
		bottom:-20px;
		right:50%;
		z-index:-1;
		background:rgba(255,155,1,0.5);
		
	}
	section.reputation .description h1{
		width:80%;
		margin-left:5%;
	}
	section.reputation .description p{
		width:80%;
		margin-left:5%;
	}
	section.reputation .illustration li span.inside{
		width:65%;
	}
}

@media screen and (max-width:900px){
	#banner_container h1{
		font-size:2.2em;
	}
	#banner_container p,#banner_container h1{
		width:95%;
	}	
	#slide_container{		
		color:white;
		padding-bottom:3em;
	}
	
	div.devellopement_informatique article{
		width:90%;
	}
	div.devellopement_informatique article div:last-child{
		width:50%;
		/border:1px solid red;
	}	
	div.mobile_devellopement div.web_illustration{
		background-position:center;
		height:500px;
		width:300px;
	}
	div.mobile_devellopement article div:first-child{
		width:60%;
		/border:1px solid red;
	}
	div.mobile_devellopement article li.web_icone{		
		/right:-50px;
		
	}
}

@media screen and (max-width:850px){
	div.devellopement_informatique article div:last-child{
		width:55%;
		/border:1px solid green;
	}
	div.devellopement_informatique article li.web_icone{		
		display:none;
	}
	div.mobile_devellopement article li.web_icone{		
		display:none;		
	}
	
	div.mobile_devellopement div.web_illustration{
		background-position:center;
		height:500px;
		width:250px;
	}
	
	div.mobile_devellopement article h1 span:first-child{
		font-size:1.3em;
	}
	div.devellopement_informatique article h1 span:first-child{
		font-size:1.3em;
	}
	
	#data_base h2{
		font-size:2em;
	}
}


@media screen and (max-width:850px){
	
	section.reputation .description span{
		position:absolute;
		top:-15px;
		right:-25px;
	}
	section.reputation{
		display:flex;
		flex-wrap:wrap;
	}
	
	section.reputation .illustration{
		width:90%;
		margin:auto;
		position:relative;
		top:-30px;
		margin-top:0px;
	}
	section.reputation .illustration ul{
		width:100%;
		margin:0px;
		padding:0px;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	section.reputation .illustration li{
		width:45%;
		padding:0px;
		text-align:center;
	}
	section.reputation .illustration li span.inside{
		margin:auto;
		margin-top:1em;
		
	}
	section.reputation .illustration li span.illustration_image{
		height:120px;
		width:250px;
		margin:auto;
		margin-top:1em;
		margin-bottom:1em;
	}
	
	section.reputation .description{
		width:100%;
		padding-top:3em;
		padding-bottom:3em;
	}
	section.reputation .description h1{
		font-size:2em;
		width:85%;
		margin-left:5%;
	}
	section.reputation .illustration li span.circle{
		height:50px;
		width:50px;
	}
	
	section.reputation .illustration li span.inside{
		width:85%;
	}
	
	section.reputation .illustration li span.inside em{
		font-style:normal;		
		line-height:18px;
	}
	section.reputation .illustration ul a{
		position:absolute;
		bottom:-30px;
	}
}



@media screen and (max-width:650px){
	#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.5em;
	}
	#banner_container p{
		font-size:1em;
	}
	#banner_container p,#banner_container h1{
		width:100%;
		flex-direction:column;
	}
	
	
	
	div.devellopement_informatique article{
		width:80%;
		/border:1px solid red;
		margin-bottom:0px;
	}
	
	div.mobile_devellopement article h1{
		font-size:1.4em;
	}
	div.devellopement_informatique article h1{
		font-size:1.4em;
	}
	
	div.devellopement_informatique div{
		width:80%;
		
	}
	div.devellopement_informatique article{
		flex-wrap:wrap;
		margin-top:0px;
	}	
	div.devellopement_informatique div.web_illustration{
		height:350px;
		margin:auto;
		position:relative;
		
	}
	
	
	div.devellopement_informatique article div:last-child{
		width:100%;
		margin-top:2em;
	}
	
	
	div.mobile_devellopement{		
		margin-top:0px;
		padding:0px;
		/border:1px solid green;
	}
	
	div.mobile_devellopement article{
		flex-wrap:wrap;
		margin-top:0px;
		flex-direction:column-reverse;		
		padding-top:0px;
		/border:1px solid black;
	}	
	div.mobile_devellopement div.web_illustration{
		height:350px;
		margin:auto;
		width:80%;
		position:relative;
		background-position:top;
		/border:1px solid red;
	}
	
	div.mobile_devellopement article div:first-child{
		/border:1px solid green;
		width:80%;
		margin-top:1.5em;
	}
	
	#data_base h2{
		font-size:1.8em;
	}
	#data_base p{
		font-size:0.9em;
	}
	
	section.reputation .description h1{
		font-size:1.5em;
		width:95%;
		margin-left:5%;
	}
	section.reputation .description p{
		width:95%;
		margin-left:5%;
	}
	section.reputation .description span{
		position:absolute;
		top:-15px;
		right:-15px;
	}
	
	section.reputation .illustration{
		width:90%;	
	}
	section.reputation .illustration li span.inside{
		width:80%;
	}
	
	
	#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:600px){
	#data_base div{
		flex-wrap:wrap;
		margin-bottom:0px;
	}
	#data_base div:first-child{
		margin-bottom:3em;
	}
	#data_base div article:first-child{
		width:95%;
	}
	#data_base div article:last-child{
		width:95%;
		position:relative;
		height:200px;		
	}
	
	section.reputation .illustration li{
		width:100%;
		padding:0px;
		text-align:center;
	}
	section.reputation .illustration{
		width:80%;	
	}
	section.reputation .illustration li span.illustration_image{
		height:150px;
		width:300px;
		margin:auto;
		margin-top:1em;
		margin-bottom:1em;
	}
}

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

	div.devellopement_informatique div.web_illustration{
		height:250px;
		width:100%;
	}	
	
	div.devellopement_informatique article h1{
		font-size:1.4em;
	}
	div.devellopement_informatique article li{
		font-size:0.9em;
		margin-bottom:0.1em;
	}
	
	div.mobile_devellopement article h1{
		font-size:1.4em;
	}
	div.mobile_devellopement div.web_illustration{
		height:250px;
		width:100%;
	}
	div.mobile_devellopement article div:first-child{
		width:90%;
	}
}

@media screen and (max-width:500px){	
	section.reputation .description{
		padding-left:1em;
		padding-right:1em;
	}
	section.reputation .description h1{
		font-size:1.5em;
		width:100%;
		margin-left:0px;
	}
	section.reputation .description p{
		width:100%;
		margin-left:0px;
		font-size:15px;
	}
	section.reputation .description ul{
		margin-left:0px;
		width:100%;
	}
}

@media screen and (max-width:450px){
	
	div.devellopement_informatique article h1{
		font-size:1.1em;
	}
	div.devellopement_informatique .informatique h1 span:last-child{
		font-size:0.7em;
	}
	
	
	div.mobile_devellopement div.web_illustration{
		height:200px;
	}
	div.mobile_devellopement .informatique h1 span:last-child{
		font-size:0.8em;
		
	}
	
	div.mobile_devellopement article h1{
		font-size:1.1em;
	}
	
	#data_base h2{
		font-size:1.5em;
	}
	
}

@media screen and (max-width:400px){
	#banner_container div div{
		width:90%;
	}
	#slide_container{
		padding-bottom:1.5em;
	}

	#banner_container h1{
		font-size:1.2em;
	}
	#banner_container p{
		font-size:0.9em;
	}
	
	div.mobile_application section article.web_illustration span:last-child{
		display:none;
	}
	section.reputation .illustration{
		width:90%;
	}
	section.reputation .illustration li span.illustration_image{
		height:125px;
		width:250px;
	}
}