#post_wrapper{
	width:98%;
	margin:auto;
	display:flex;
	justify-content:space-between;
}



#post_wrapper .all_post_container{
	width:95%;
	padding-bottom:3em;
	margin-left:auto;
	margin-right:auto;
	padding-top:0px;
}

#post_wrapper .all_post{
	position:relative;
	padding-top:0px;
	margin-top:0px;
}

#post_wrapper .all_post >p{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	margin:0px;
	border-bottom:1px solid rgba(128,128,128,0.2);
	margin-bottom:1em;
	padding-bottom:0.4em;
	position:relative;
}

#post_wrapper .all_post >p span:first-child{
	position:relative;
	padding-right:0.5em;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
#post_wrapper .all_post >p span strong{
	margin-left:0.4em;
	margin-right:0.4em;
}
#post_wrapper .all_post >p span strong:first-letter{
	text-transform:uppercase;
}
#post_wrapper .all_post >p:before{
	content:"";
	position:absolute;
	bottom:-0.2em;
	left:0px;
	width:100px;
	border-bottom:3px solid rgba(159,95,207,1);
}
#post_wrapper .all_post >p em{
	font-style:normal;
	padding:0px 0.2em;
}
#post_wrapper .all_post >p span:first-child em{
	color:rgba(0,0,0,0.8);
	font-size:1.2em;
}

#post_wrapper .all_post >p span:first-child em:first-child{
	height:25px;
	width:25px;
	padding:0px;
	margin-right:0.2em;
	border-radius:25px;
	text-align:center;
	line-height:25px;
	background:rgba(159,95,207,1);
	color:rgba(255,255,255,1);
	font-size:0.7em;
	box-shadow:1px -1px 2px rgba(0,0,0,0.1),-1px 1px 2px rgba(0,0,0,0.1);
	
}




#post_wrapper .all_post >p a{
	font-size:0.7em;
}
#post_wrapper .all_post >p a,#post_wrapper .all_post .more{
	background:#7030A0;
	color:white;
	padding:0.2em 1.5em;
	margin:0px 0.4em;
	border-radius:1em;	
}
#post_wrapper .all_post .more{
	font-size:0.8em;
	position:absolute;
	bottom:-0.5em;
	right:44%;
	padding:0.3em 2.5em;
	background:#7030A0);
}



#post_wrapper .all_post_wrapper{
	margin-top:1em;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding-bottom:0em;
	margin-bottom:0em;
}

#post_wrapper a.article{
	width:280px;
	margin:0.5em;
	margin-top:0px;
	margin-bottom:2em;
	position:relative;
	background:rgba(255,255,255,1);
	padding:0.5em;
	border:1px solid rgba(0,0,0,0.1);
	border-radius:0.5em;
}

#post_wrapper a.article p.title{
	margin-top:0px;
	margin-bottom:0.5em;
	color:black;
	font-size:1.2em;
	text-align:center;
	display:none;
}

#post_wrapper a.article p.article_illustration{		
	width:280px;
	margin:auto;
	height:140px;
	margin-top:0px;
	background:white;
	position:relative;
	z-index:0;
	border:1px solid rgba(240,240,240,1);
	border-radius:0.5em;
}

#post_wrapper a.article p.article_illustration span.title{
	position:absolute;
	color:white;
	padding:0.5em 0px;
	padding-left:0.5em;
	background:#7030A0;
	bottom:0px;
	left:0px;
	right:0px;
	text-align:left;
	display:none;
}


#post_wrapper a.article p.article_description{
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	padding-bottom:0px;
	margin-bottom:0em;
	margin-top:0em;
	padding:0px;
}

#post_wrapper a.article p.article_description span{
	margin:0.2em auto;
	display:flex;
	align-items:center;
}


#post_wrapper a.article p.article_description span.school_name{
	font-size:0.85em;
	border-bottom:1px solid rgba(0,0,0,0.1);
	font-weight:bold;
	padding-bottom:0.3em;
	justify-content:center;
	width:100%;
	color:rgba(0,0,0,1);
	margin-left:auto;
	margin-right:auto;
	margin-top:0.7em;
	margin-bottom:0em;
	text-transform:uppercase;
	text-align:center;
}



#post_wrapper a.article p.article_description span.school_name em{
	height:20px;
	width:20px;
	background:rgba(159,95,207,1);
	color:white;
	border-radius:20px;
	padding:0px;
	margin:0px;
	text-align:center;
	line-height:20px;
	font-size:0.7em;
	display:flex;
	justify-content:center;
	display:none;
}





#post_wrapper a.article p.article_description span.pupils{
	font-size:0.7em;
	margin-top:1.5em;
	color:black;
	padding:0.5em 0.8em;
	border:1px solid rgba(0,0,0,0.1);
}

#post_wrapper a.article p.article_description span.allOptions{
	align-items:flex-end;
	font-weight:bold;
	margin-bottom:0.5em;
	border-bottom:1px solid rgba(0,0,0,0.1);
	font-size:1.1em;
}
#post_wrapper a.article p.article_description span.allOptions i{
	background:black;
	color:white;
	min-height:25px;
	min-width:25px;
	padding:5px;
	font-size:1.1em;
	margin-right:0.5em;
	display:flex;
	justify-content:center;
	align-items:center;
	font-style:normal;
	border-radius:40px;
	border-bottom:none;
}

#post_wrapper a.article p.article_description span.allOptions em{
	font-size:0.8em;
}
#post_wrapper a.article p.article_description span.options{
	font-size:0.7em;
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	overflow:hidden;
	flex-wrap:wrap;
	margin-top:0em;
	height:55px;
}
#post_wrapper a.article p.article_description span.options em{
	padding:0.2em 0.4em;
	font-style:normal;
	margin:0.3em 0px;
	margin-bottom:0.5em;
	align-items:center;
	overflow:hidden;
	color:black;
	display:flex;
	font-size:1.1em;
	font-weight:bold;
	white-space:nowrap;
	border-bottom:1px solid rgba(0,0,0,0.2);
	border-left:1px solid rgba(0,0,0,0.2);
	transition:2s;
	-webkit-transition:2s;
	-moz-transition:1s;
}




#post_wrapper a.article p.article_description span.no_element{
	background:rgba(0,0,0,0.7);
}





#post_wrapper a.article p.article_description span.scholl_description{
	font-size:12px;
	text-align:center;
	margin:2em 0px;
	margin-top:0.5em;
	margin-bottom:0.5em;
	color:rgba(0,0,0,1);
	line-height:20px;
	height:90px;
	align-items:flex-start;
	overflow:hidden;
	text-overflow:ellipsis;
	border-radius:0.5em;
	padding:0.5em;
}


#post_wrapper a.article p.article_description span.center_adresse{
	display:flex;
	justify-content:space-between;
	width:40%;
	border-bottom:2px solid rgba(0,0,0,1);
	display:none;
}
#post_wrapper a.article p.article_description span.center_adresse em i:first-child{
	height:20px;
	width:20px;
	border-radius:50px;
	padding:5px;
	display:flex;
	justify-content:center;
	align-items:center;
	box-shadow:2px 2px 6px rgba(0,0,0,0.1),-2px 2px 6px rgba(0,0,0,0.1),2px -2px 6px rgba(0,0,0,0.1),-2px -2px 6px rgba(0,0,0,0.1);
}

#post_wrapper a.article p.article_description span.scholl_description:first-letter{
	text-transform:uppercase;
}

#post_wrapper a.article p.article_description span.town_commune{
	width:100%;
	display:flex;
	justify-content:space-between;
}

#post_wrapper a.article p.article_description span.town_commune i{
	font-style:normal;
	font-size:12px;
	color:rgba(0,0,0,0.7);
}



#post_wrapper a.article span.scholl_detail{
	display:flex;
	justify-content:flex-end;
	flex-wrap:wrap;
	margin-bottom:1.5em;
	border-bottom:1px solid rgba(0,0,0,0.5);
	padding:0.8em 0px;
	font-size:0.8em;
	width:100%;
	color:rgba(0,0,0,0.7);
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	background:#7030A0;
	display:none;
}


#post_wrapper a.article p.article_description span.scholl_detail em{
	padding:0.5em 0px;
}

#post_wrapper a.article p.article_description span.scholl_detail i{
	height:25px;
	width:25px;
	margin-right:0.1em;
	background:url("/public/image/a.png") center;
	background-size:cover;
}

#post_wrapper a.article p.article_description span.scholl_adress{
	display:flex;
	justify-content:space-between;
	padding:0px;
	width:100%;
	border-top:1px solid rgba(0,0,0,0.4);
	padding-top:0.3em;
}

#post_wrapper a.article p.article_description span.scholl_adress em{
	color:rgba(0,0,0,0.7);
	margin:0px;	
	font-style:normal;
	font-size:10px;
}

#post_wrapper a.article p.article_description span.scholl_adress em:last-child{
	border:1px solid rgba(0,0,0,0.5);
	padding:0.2em 0.8em;
	color:black;
	font-weight:bold;
}





#post_wrapper a.article span.upper{
	width:100%;
	display:flex;
	justify-content:space-between;
	
}

#post_wrapper a.article span.upper em.vue i{
	height:15px;
	width:25px;
	margin-right:0.3em;
	background:url("/public/image/vue.png") center no-repeat;
	background-size:90%;
}

#post_wrapper a.article span.upper em{
	color:rgba(0,0,0,1);
	padding-top:0.3em;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	display:flex;
	align-items:center;
}









#post_wrapper a.article  p.indeed{
	background:rgba(0,0,0,0.5);
	margin-bottom:0px;
	color:white;
	text-align:center;
	line-height:20px;
	font-size:0.8em;
	position:absolute;
	bottom:0px;
	right:0px;
	padding:0.3em 0.5em;
	width:35px;
	height:20px;
	display:none;
}


#post_wrapper a.article p.article_illustration strong{
	background:white;
	padding:0.4em 1em;
	background:rgba(0,128,192,1);
	background:#7030A0;
	color:rgba(244,244,244,1);
	font-size:0.8em;
	position:absolute;
	top:-5px;
	left:-8px;
}







#post_wrapper a.article form.price_edition{
	position:absolute;
	padding:0.3em 0.3em;
	bottom:0px; 
	right:0px;
	left:0px;
	display:flex;
	flex-wrap:wrap;
	z-index:1000000;
	background:rgba(255,255,255,1);
	border:1px solid rgba(0,0,0,0.1);
}


#post_wrapper a.article form.price_edition span.title_name input{
	width:90%;
}

#post_wrapper a.article form.price_edition span{
	display:flex;
	font-size:0.8em;
	align-items:center;
	margin-bottom:0.5em;
	color:#7030A0;
}

#post_wrapper a.article form.price_edition span em.title{
	width:50px;
	color:#7030A0;
}

#post_wrapper a.article form.price_edition em{
	font-style:normal;
}

#post_wrapper a.article form.price_edition span input{
	border:1px solid rgba(0,0,0,0.2);
}

#post_wrapper a.article form.price_edition span.price_title{
	width:45%;
	margin-right:0.2em;
}


#post_wrapper a.article form.price_edition span.price_title input,#post_wrapper a.article form.price_edition span.marque_title input{
	width:40px;
	border:1px solid rgba(0,0,0,0.1);
	margin-right:0.1em;
}

#post_wrapper a.article form.price_edition span.desciption_input{
	width:100%;
}


#post_wrapper a.article form.price_edition span.desciption_input textarea{
	outline:none;
	border:1px solid rgba(0,0,0,0.1);
	width:100%;
}

#post_wrapper a.article form.price_edition span.desciption_input textarea:focus{
	border:1px solid rgba(0,0,0,0.1);
}


#post_wrapper a.article form.price_edition span.button_field{
	width:100%;
	display:flex;
	justify-content:flex-end;
	margin-bottom:0px;
	position:absolute;
	bottom:-10px;
	right:0px
}






#post_wrapper a.article form.price_edition span em.button{
	background:#7030A0;
	text-align:center;
	font-weight:bold;
	display:flex;
	justify:center;
	padding:0.2em 1.2em;
	margin-top:0em;
	color:white;
}

#post_wrapper a.article form.price_edition span em.load{
	background:#FF9B00;
	text-align:center;
	font-weight:bold;
	display:flex;
	justify:center;
	padding:0.2em 1.2em;
	margin-top:0em;
	color:white;
	display:none;
	font-size
}





#post_wrapper .counter >p{
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding-bottom:0.2em;
}
#post_wrapper .counter >p span{
	position:relative;
	padding:0px 1em;
	padding-left:0.2em;
	font-weight:bold;
	color:rgba(0,0,0,0.9);
}
#post_wrapper .counter >p span:after{
	content:"";
	border:2px solid rgba(170,128,15,1);
	position:absolute;
	bottom:-0.5em;
	left:0px;
	right:0px;
}
#post_wrapper .counter article{
	display:flex;
	justify-content:space-between;
}
#post_wrapper .counter article p{
	color:rgba(0,0,0,0.6);
	font-size:0.9em;
}
#post_wrapper .counter article ul{
	display:flex;
}
#post_wrapper .counter article ul li{
	margin:0px 0.5em;
	background:rgba(0,0,0,0.1);
	color:rgba(0,0,0,0.7);
	border-radius:30px;
	height:30px;
	width:30px;
	font-size:1em;
	text-align:center;
	line-height:1.9em;
	padding:0px;
}
#post_wrapper .counter article ul li.counter_active{
	background:rgba(170,128,15,1);
	color:white;
}
