body{
	background:rgba(240,240,240,0.2);
}

#banner_container{
	margin:0px;
	padding:0px;
	position:relative;
	font-family:"Helvetica";
	background:url("/public/image/web/one.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;
}





#services{
	text-align:center;
}

#services section{
	padding:1em 0px;
	margin:1.5em auto;
	text-align:left;
	margin-top:0px;
}

#services section article{
	width:90%;
	margin:30px auto;
	display:flex;
	justify-content:space-around;
	align-items:center;
	flex-wrap:wrap;
}

#services article div{
	width:45%;	
}

#services article div.illustration{
	width:450px;
	height:450px;
	background:url("/public/image/web/adi.jpg");
	background-size:cover;
	border-radius:450px;
	position:relative;
}

#services article div.illustration:before{
	content:"";
	position:absolute;
	top:-20px;
	bottom:-20px;
	left:-20px;
	right:-20px;
	border-left:20px solid rgba(79,32,115,0.5);
	border-right:20px solid rgba(79,32,115,0.5);
	border-radius:450px;
}

#services article div.description{
	width:600px;
	position:relative;
}


#services div>img{
	width:380px;
	width:100%;
	position:relative;
	box-shadow:10px 10px 10px rgba(0,0,0,0.1);
	border-radius:20px;
}


#services div h1{
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	padding-bottom:5px;
	font-weight:normal;
	color:#7030A0;
	font-size:1.5em;
	border-bottom:1px solid rgba(0,0,0,0.2);
	position:relative;
}


#services div h1 span:first-child{
	font-size:1.1em;
	font-weight:bold;
}

#services div h1 span:last-child{
	color:black;
	font-size:0.9em;
	justify-content:space-between;
	display:flex;
}

#services div p.price{
	margin:0px auto;
	margin:1em auto;
}
#services div p.price  em{
	font-style:normal;
	font-weight:bold;
	background:#7030A0;
	padding:0.3em 0.5em;
	color:white;
	margin-bottom:0.5em;
	font-size:1.1em;
}

#services div p.price  em i{
	font-size:0.8em;
	font-style:normal;
	font-weight:normal;	
}

#services div p{
	font-size:0.9em;
	line-height:1.4em;
	color:rgba(0,0,0,0.8);
	margin:0px;
	padding-bottom:0px;
}


#services div  ul{
	padding:0px;
	display:flex;
	flex-wrap:wrap;
	margin-bottom:0px;
	justify-content:flex-start;
}




#services div ul li{
	font-size:0.9em;
	/padding:0.3em 1em;
	margin-bottom:1em;
	color:#7030A0;
	/border:1px solid #7030A0;
	/border-left:3px solid #7030A0;
	/border-bottom:1px solid #7030A0;
	/border:1px solid red;
	margin-right:1em;
	width:240px;
	display:flex;
	align-items:center;
	/flex-wrap:wrap;
}


#services div ul li span.til{
	/display:none;
	/border:1px solid red;
	height:25px;
	width:25px;
	margin-right:5px;
	background:url("/public/image/web/til3.png");
	background-size:cover;
}

#services div ul li span.til2{
	/display:none;
	/border:1px solid red;
	height:25px;
	width:25px;
	margin-right:5px;
	background:url("/public/image/web/til3.png") center;
	background-size:cover;
}





#services p.link{
	width:100%;
	margin-top:1em;
}


#services p.link a{
	font-size:1em;
	color:white;
	background:#7030A0;
	padding:0.4em 0.5em;
	
}
#services p.link a:hover{
	cursor:pointer;
}


#services p.inside_link{
	display:none;
	margin-top:0px;
	flex-direction:column;
}

#services p.inside_link a{
	font-size:1.1em;
	color:white;
	background:#7030A0;
	padding:0.3em 0.5em;
	margin-top:0em;
}
#services p.inside_link a:hover{
	cursor:pointer;
}

#services p.inside_link em{
	font-style:normal;
	font-weight:bold;
	background:#7030A0;
	padding:0.2em 0.5em;
	text-align:center;
	color:white;
	font-size:1.4em;
}

#services p.inside_link em i{
	font-size:0.7em;
	font-style:normal;
	font-weight:normal;	
}

#services #basique{
	background:rgba(244,244,244,1);
}


#services #advance div.illustration{
	background:url("/public/image/web/adeli.jpg") center;
	background-repeat:no-repeat;
}


#services #premium{
	background:rgba(244,244,244,1);
}

#services #premium div.illustration{
	background:url("/public/image/web/bb.jpg") center;
	background-repeat:no-repeat;
}

#services #plus div.illustration{
	background:url("/public/image/web/aa.jpg") center;
	background-repeat:no-repeat;
}



#contact{
	/border:1px solid red;
	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:3em;
	padding-top:0px;
}

#contact div{
	/border:1px solid red;
	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;
	/font-weight:bold;
}

#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/web/contact.jpg") center;
	background-size:cover;
}