body{
	background:white;
}

#banner_container{
	margin:0px;
	padding:0px;
	position:relative;
	font-family:"Helvetica";	
	background:url("/public/image/app/head.jpg") center;
	background-size:cover;
}

#slide_container{
	background:-webkit-linear-gradient(left,rgba(79,32,115,1),rgba(79,32,115,0));
	background:-webkit-linear-gradient(left,rgba(0,0,0,0.8),rgba(79,32,115,0));
	padding:5em 0px;
	padding-bottom:4em;
	color:white;
}



#banner_container div div{
	width:80%;	
	margin-left:auto;
	margin-right:auto;
}

#banner_container h1{
	border-bottom:1px solid rgba(255,255,255,0.3);
	padding-bottom:3px;
	font-size:2.5em;
	margin-bottom:0.5em;
}
#banner_container p,#banner_container h1{
	width:60%;
}
#banner_container p{
	font-size:1.1em;
	line-height:1.4em;
	color:rgba(255,255,255,1);
}

#banner_container p.contact_link{
	margin-top:0px;
	margin-bottom:0px;
}

#banner_container p.contact_link a{
	color:white;
	background:black;
	background:#7030A0;
	padding:0.5em 1em;
	font-weight:bold;
	font-size:0.9em;
}






#accompagnement{
	width:80%;
	margin:auto;
	margin-top:2em;
}

#accompagnement ul.intro{
	display:flex;
	justify-content:center;
	margin-bottom:0px;
}

#accompagnement ul.intro li{
	border:1px solid rgba(0,0,0,0.5);
	font-size:1.1em;
	padding:0.3em 2em;
	margin:auto 3em;
	border-radius:1em;
}
#accompagnement h1{
	font-size:2.5em;
	width:60%;
	margin:1em auto;
	text-align:center;
	
}
#accompagnement h1 strong{
	font-weight:normal;
	color:#7030A0;
}
#accompagnement article{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:4em;
}
#accompagnement article div.description{
	width:50%;
}

#accompagnement article div.description ul{
	margin:0px;
	padding:0px;
}
#accompagnement article div.illustration{
	height:600px;
	width:500px;
	background:url("/public/image/app/pre.png");
}



#accompagnement article li{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	margin-bottom:2em;
}

#accompagnement article li span.icone{
	height:50px;
	width:50px;
	border-radius:50px;
	box-shadow:1px 1px 5px rgba(0,0,0,0.1),1px -1px 5px rgba(0,0,0,0.1),-1px -1px 5px rgba(0,0,0,0.1),-1px 1px 5px rgba(0,0,0,0.1);
}

#accompagnement article li.dev span.icone{
	background:url("/public/image/app/a.png") center;
	background-size:cover;
}

#accompagnement article li.audit span.icone{
	background:url("/public/image/app/e.png") center;
	background-size:cover;
}

#accompagnement article li.refonte span.icone{
	background:url("/public/image/app/b.png") center;
	background-size:cover;
}

#accompagnement article li span.acc_description{
	width:85%;
	display:flex;
	flex-direction:column;
}

#accompagnement article li span.acc_description em{
	font-style:normal;
	font-size:1.4em;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0.5em;
	font-weight:bold;
	color:#7030A0;
}

#accompagnement article li span.acc_description i{
	font-size:1em;
	color:rgba(0,0,0,0.7);
	line-height:1.3em;
}

#accompagnement article li span.acc_description i{
	font-style:normal;
}










#contact{
	width:600px;
	margin:0px auto;
	padding:2em 1em;
	border-radius:1em;
	background:rgba(244,244,244,0.5);
	display:flex;
	justify-content:space-around;
	align-items:center;
	margin-top:0em;
	padding-top:0px;
}

#contact div{
	width:50%;
}

#contact div p{
	margin:1em 0px;
	margin-bottom:2.5em;
	color:rgba(0,0,0,0.7);
	line-height:1.4em;
}

#contact span{
	background:black;
	color:white;
	padding:0.4em 0.5em;
	padding-right:3em;
	font-size:0.9em;
}

#contact h1{
	font-size:1.5em;
	margin-bottom:0px;
	margin-top:1.5em;
}

#contact a{
	color:white;
	background:black;
	padding:0.5em 0.5em;
	font-size:0.9em;
}

#contact .tags{
	width:180px;
	height:180px;
	border-radius:15px;
	background:url("/public/image/home/contacte.jpg") center;
	background-size:cover;
}



#expertise ul{
	padding:0px;
	display:flex;
	width:80%;
	margin:auto;
	justify-content:space-between;
	flex-wrap:wrap;
}

#expertise ul h2{
	width:80%;
	text-align:center;
	margin:1.5em auto;
	font-size:2.5em;
}

#expertise ul h2 strong{
	font-weight:normal;
	color:#7030A0;
}

#expertise ul li{
	width:290px;
	display:flex;
	flex-direction:column;
}

#expertise ul li span.expertise_title{
	font-size:1.5em;
	font-weight:bold;
	border-bottom:1px solid rgba(0,0,0,0.2);
	padding-bottom:0.3em;
	color:#7030A0;
}

#expertise ul li span.expertise_illustration{
	height:150px;
	background:url("/public/image/app/aa.png") center;
	background-size:cover;
	border-radius:1em;
	margin-top:1em;
	margin-bottom:1em;
}

#expertise ul li span.flutter{
	background:url("/public/image/app/flutterb.png") center;
	background-size:cover;
}

#expertise ul li span.kotlin{
	background:url("/public/image/app/kotlin.jpg") center;
	background-size:cover;
}

#expertise ul li span{
	display:flex;
	flex-direction:column;
}

#expertise ul li span strong{
	font-size:1.5em;
	margin:0.8em 0px;
	margin-bottom:0.5em;
	display:none;
}

#expertise ul li span i{
	font-style:normal;
	line-height:1.4em;
	color:rgba(0,0,0,0.7);
}