body{
	background:rgba(244,244,244,0.5);
}
body ul{
	margin:0px;
	padding:0px;
}

#banner_container{
	background:url("/public/image/center/banner.jpg") center;
	background-size:cover;
}

#banner_inner{
	margin:0px;
	padding:0px;
	background:-webkit-linear-gradient(left,rgba(0,0,0,0.8),rgba(0,0,0,0.5));
}

#banner{
	padding:4em 0px;
	color:white;
	padding-bottom:3em;
}

#banner div{
	width:80%;
	margin:auto;
	/border:1px solid red;
}

#banner h1{
	border-bottom:1px solid rgba(255,255,255,0.3);
	padding-bottom:3px;
	font-size:2em;
}
#banner p,#banner h1{
	width:60%;
}
#banner p{
	font-size:1.2em;
}
#banner span{
		display:block;
		margin-top:1em;
}

#subscribe{
	/border:1px solid red;
	width:600px;
	margin:auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:1.5em 2em;
	background:white;
}

#subscribe article{
	height:200px;
	width:200px;
	background:url("/public/image/center/class.jpg") center;
	background-size:cover;
	border-radius:200px;
}

#subscribe div{
	width:300px;
	text-align:center;
}

#subscribe div h1{
	font-size:1.5em;
	margin-top:0px;
}
#subscribe div p:last-child{
	margin-top:1.5em;
}
#subscribe div a{
	background:black;
	color:white;
	padding:0.3em 1em;
	/border-radius:1em;
	font-size:0.9em;
	
}

.contact{
	padding:0px;
	background:rgba(244,244,244,1);
	margin:auto;
	text-align:center;
	margin-top:5em;
}
.contact div{
	background:rgba(244,244,244,0.9);
	padding:0em 0px;
	padding-top:2em;
}

.contact article{
	width:90%;
	margin:auto;
	/border:1px solid red;
}

.contact ul{
	display:flex;
	padding:0px;
	margin:0px;
	width:90%;
	margin:auto;
	margin-top:2em;
	justify-content:space-between;
	flex-wrap:wrap;
}

.contact ul li{
	list-style:none;
	padding:0px;
	margin:0px;
	display:flex;
	flex-direction:column;
	width:250px;
	/border:1px solid red;
	margin-bottom:1em;
	margin-left:0.5em;
	margin-right:0.5em;
}

.contact ul span:first-child{
	height:150px;
	width:250px;
	padding:0px;
	margin:0px;
	margin-bottom:0.5em;
	justify-content:flex-start;
}

.contact ul span:first-child{
	height:150px;
	width:250px;
	padding:0px;
	margin:0px;
	margin-bottom:0.5em;
	
}

.contact ul li.app_creation span:first-child{
	background:url("/public/image/website/dev_banner.jpg") center no-repeat;
	background-size:cover;
}
.contact ul li.bdd_application span:first-child{
	background:url("/public/image/website/data2.png") center no-repeat;
	background-size:cover;
}
.contact ul li.mail span:first-child{
	background:url("/public/image/website/data.png") center no-repeat;
	background-size:cover;
}
.contact ul li.social span:first-child{
	background:url("/public/image/website/facebook.jpg") center no-repeat;
	background-size:cover;
}

.contact ul li span:last-child{
	color:rgba(0,0,0,1);
	width:70%;
	margin:auto;
}



.contact ul{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	justify-content:space-between;
}
.contact ul li{	
	align-items:center;
	margin:0px;
	padding:0px;
}










.contact p.text{
	font-size:1.8em;
	line-height:1.4em;
	width:100%;
	color:rgba(0,0,0,0.9);
	font-weight:bold;
	text-align:left;
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding-bottom:0.2em;
}
.contact p a{
	padding:0.4em 1.5em;
	color:white;
	background:rgba(0,0,0,1);
}
.contact p.link{
	margin:auto;
	margin-top:0px;
	padding-bottom:2em;
	padding-top:2em;
	width:90%;
	text-align:left;
}




h1.web_title{
	width:40%;
	margin-left:5%;
	margin-top:1em;
	font-size:2em;
}
section.tabs{
	width:95%;
	border-radius:10px;
	margin:auto;
	background:url("/public/image/website/leader.jpg") center;
	background-size:cover;
	margin-bottom:3em;
	display:flex;
	justify-content:flex-end;
}

section.tabs section{
	width:45%;
	width:550px;
	background:white;
	margin-right:3em;
	margin-left:0px;
	margin-top:3em;
	margin-bottom:3em;
	border-radius:10px;
	padding:1em;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	position:relative;
}

section.tabs section p{
	font-size:1.5em;
	font-weight:bold;
}

section.tabs section div{
	display:flex;
	justify-content:space-between;
	/border:1px solid red;
	align-items:center;
}

section.tabs section div ul{
	/border:1px solid black;
	/border:1px solid red;
}

section.tabs section div p{
	width:300px;
	height:180px;
	/border:1px solid red;
	background:url("/public/image/website/codde.png") center;
	background-size:cover;
	border-radius:10px;
}

section.tabs section div li{
	list-style:none;
	font-size:0.8em;
	margin:0.8em auto;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	width:220px;
	padding:0px;
}

section.tabs section div li span{
	display:flex;
	padding:0px;
	margin:0px;
}

section.tabs section div li span:first-child{
	border:1px solid rgba(0,0,0,0.2);
	height:25px;
	width:25px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-right:0.5em;
	border-radius:25px;
}


section.tabs article{
	display:flex;
	justify-content:space-between;
}
section.tabs article em,section.tabs article a{
	font-style:normal;
	padding:0.3em 1em;	
	background:#7030A0;
	color:white;
	font-size:0.9em;
}

section.tabs article em:hover,section.tabs article a:hover{
	cursor:pointer;
}

section.tabs section span.prix{
	height:150px;
	width:150px;
	border-radius:150px;
	position:absolute;
	left:-120px;
	top:150px;
	background:rgba(255,155,0,1);
	background:#7030A0;
	color:white;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

section.tabs section span.prix em{
	font-style:normal;
}


section.tabs section span.prix em:nth-child(1){
	font-size:1.2em;
}
section.tabs section span.prix em:nth-child(2){
	font-size:2.5em;
	font-weight:bold;
}