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

#banner_container{
	margin:0px;
	padding:0px;
	position:relative;
	font-family:"Helvetica";
	background:url("/public/image/data/acce.png") center;
}

#slide_container{
	background:-webkit-linear-gradient(left,rgba(0,0,0,0.8),rgba(79,32,115,0));
	padding:5em 0px;
	padding-bottom:3.5em;
	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;
}


#offert{
	width:95%;
	margin:auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

#offert p.introduction{
	width:95%;
	margin:auto;
	font-size:1.2em;
	display:flex;
	flex-direction:column;
	margin-bottom:1em;
	margin-top:2em;
}

#offert p.introduction span{
	width:60%;
	font-size:0.9em;	
	padding:0.5em 0px;
	margin:auto;
	margin-bottom:0px;
	text-align:center;
	line-height:1.2em;
	color:rgba(0,0,0,0.8);
}

#offert p.introduction strong{
	font-size:1.4em;
	text-align:center;
	font-weight:normal;
	width:500px;	
	margin:1em auto;
	margin-top:0.5em;
	display:flex;
	flex-direction:column;
}

#offert p.introduction i{
	text-align:center;
	font-style:normal;	
}
#offert p.introduction i em{
	font-size:1.3em;
	font-style:normal;
	letter-spacing:0.5px;
	padding:0.1em 1em;
	border-radius:1em;
	border:1px solid rgba(0,0,0,0.2);
	font-weight:bold;
	
}


#offert div.all_article{
	/border:1px solid red;
	width:100%;
	margin:auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

#offert div.all_article article{
	width:300px;
	height:450px;
	border-radius:0.5em;
	background:white;
	text-align:center;
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:0.5em;
	margin-bottom:1.5em;
	border:1px solid rgba(0,0,0,0.2);
}

#offert div.all_article article span{
	width:40px;
	height:40px;
	border-radius:40px;
	margin:0px auto;
	margin-bottom:1em;
	background:rgba(0,0,0,0.1);
	align-items:center;
	justify-content:center;
	display:flex;
	font-weight:bold;
	color:#7030A0;
}

#offert div.all_article article strong{
	font-weight:normal;
	text-transform:uppercase;
	color:black;
	color:#7030A0;
}
#offert div.all_article article ul{
	margin:0px auto;
	padding:0px;
	width:90%;
	height:250px;
}
#offert div.all_article article ul li{
	text-align:left;
	margin:2em 0px;
	color:rgba(0,0,0,0.7);
	line-height:1.2em;
	font-size:0.9em;
	
}
#offert div.all_article article a{
	background:rgba(0,0,0,0.1);
	color:#7030A0;
	padding:0.8em 1.5em;
	font-size:0.9em;
	border-radius:0.5em;
}

#offert div.all_article article a em{
	font-size:1.5em;
	font-style:normal;
	padding:0.5em 0px;
	font-weight:bold;
}



#offert div.all_in_one{
	width:100%;
	display:flex;
	justify-content:space-between;
	margin:auto;
	margin-top:4em;
	background:white;
	padding:2em 1em;
	border:1px solid rgba(0,0,0,0.2);
}

#offert div.all_in_one article.illustration{
	width:600px;
	height:350px;
	border-radius:10px;
	background:url("/public/image/dev/data.png") center;
	background-size:cover;
}

#offert div.all_in_one article.description{
	width:40%;
	padding-left:0.5em;
}

#offert div.all_in_one article.description strong{
	/border:1px solid red;
	width:100%;
	display:flex;
	padding:0.5em 1em;
	border-radius:1em;
	background:rgba(240,240,240,1);
	color:#7030A0;
}

#offert div.all_in_one article.description h1{
	font-size:2em;
}

#offert div.all_in_one article.description p i{
	background:rgba(240,240,240,1);
	color:#7030A0;
	padding:0.5em 1em;
	font-style:normal;
	border-radius:1em;
}

#offert div.all_in_one article.description p i em{
	font-size:1.2em;
	font-style:normal;
	font-weight:bold;
}

#offert div.all_in_one article.description p.paragraphe{
	margin-bottom:2.5em;
	color:rgba(0,0,0,0.8);
	line-height:1.5em;
}

/*
#offert article.basique{
	width:45%;
	height:550px;
	margin:auto;
	border-radius:10px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	/flex-wrap:wrap;
	border:1px solid rgba(0,0,0,0.1);
	/background:-webkit-linear-gradient(left,rgba(50,130,246,0.8),rgba(50,130,246,0.5));
}

#offert article.basique{
	/background:-webkit-linear-gradient(left,rgba(238,138,248,0.8),rgba(238,138,248,0.5));
}

#offert article.basique p{
	height:200px;
	width:300px;
	margin:1.5em auto;
	border-radius:10px;
	position:relative;
	background:url("/public/image/data/data3.png") center;
	background-size:cover;
	/border:2px solid white;
	box-shadow:-4px -4px 1px rgba(0,0,0,0.1);
}

#offert article.basique p{
	background:url("/public/image/data/data.png") center;
	background-size:cover;
}

#offert article.basique p:before{
	content:"";
	/border:1px solid red;
	height:120px;
	width:190px;
	position:absolute;
	bottom:-50px;
	right:-100px;
	border-radius:10px;
	background:url("/public/image/data/data2.png") center;
	background-size:cover;
}

#offert article.basique div{
	padding:1em;
	display:flex;
	flex-direction:column;
}

#offert article.basique div strong{
	font-size:1.7em;
	margin-bottom:0.5em;
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding-bottom:0.5em;
	color:rgba(0,0,0,0.8);
}
#offert article.basique div span.description{
	font-size:0.9em;
	color:rgba(0,0,0,0.8);
}

#offert article.basique div span.price{
	margin-top:1em;
	margin-bottom:1em;
	background:black;
	color:white;
	width:150px;
	text-align:center;
	padding:0.5em 0px;
	font-weight:bold;
	font-size:1em;
	border-radius:0.5em;
}
*/

#data_list{
	/border:1px solid red;
	width:95%;
	margin:auto;
	margin-top:2em;
	margin-bottom:0px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	/background:rgba(244,244,244,1);
}

#data_list h2{
	width:100%;
	font-size:2em;
	padding-bottom:0.2em;
	border-bottom:1px solid rgba(0,0,0,0.3);
}

#data_list ul{
	width:22%;
	border:1px solid rgba(240,240,240,0.5);
	padding:0px;
	background:white;
	border-radius:15px;
	display:flex;
	flex-direction:column;
	justify-content:space-around;
	padding-bottom:1em;
}
#data_list ul h3{
	width:90%;
	margin:auto;
	margin-top:1em;
	font-size:1.2em;
	margin-bottom:0em;
	text-align:center;
}

#data_list ul span{
	width:90%;
	margin:auto;
	font-size:0.9em;
	/font-style:italic;
	color:rgba(0,0,0,0.6);
	margin-top:1.5em;
	margin-bottom:3em;
	/padding-bottom:1em;
	text-align:center;
}
#data_list ul li{
	width:90%;
	margin:0.5em auto;
	line-height:1.4em;
	font-size:0.9em;
	text-align:center;
}

#data_list ul li.fees{
	display:flex;
	/border:1px solid red;
	padding:0px;
	justify-content:right;
	margin-top:1em;
	margin-bottom:1em;
	border-bottom:1px solid rgba(0,0,0,0.1);
}

#data_list ul li.fees em{
	font-style:normal;
	margin:0px 0.2em;
	font-weight:bold;
}

#data_list ul li:last-child{
	text-align:center;
	margin-top:0.5em;
}

#data_list ul li:last-child a{
	background:black;
	color:white;
	padding:0.5em 1em;
	border-radius:15px;
}




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

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