body{
	padding:0px;
	margin:0px;
	user-select:none;
	font-family:"Helvetica";
	position:relative;
	max-width:1900px;
	margin-left:auto;
	margin-right:auto;
}

a.whatsapp_contact{
	position:fixed;
	bottom:70px;
	right:30px;	
	display:flex;
	background:black;
	height:50px;
	width:50px;
	border-radius:50px;
	justify-content:center;
	align-items:center;
	z-index:1000;
	box-shadow:2px 2px 6px rgba(0,0,0,0.4),-2px 2px 6px rgba(0,0,0,0.4),2px -2px 6px rgba(0,0,0,0.4),-2px -2px 6px rgba(0,0,0,0.4);
}

a.whatsapp_contact span{
	height:40px;
	width:40px;		
	background:url("/public/image/whaa.png") center no-repeat;
	background-size:80%;
}


/*
a.discuss_whatsapp:hover{
	cursor:pointer;
}
a.discuss_whatsapp{
	position:fixed;
	bottom:80px;
	right:10px;
	z-index:10000000;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	background:white;
	padding:0.4em 1.5em;
	border-radius:1em;
	font-size:0.8em;
	background:white;
	color:black;
	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);
	
}
a.discuss_whatsapp span{
	display:flex;
	align-items:center;
}
a.discuss_whatsapp em{
	height:20px;
	width:20px;
	background:url("/public/image/formation/whatsapp_back.png") center no-repeat;
	background-size:100%;
	border-radius:20px;
	margin-left:0.5em;
}

*/
h3.result{
	margin-top:0px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding-bottom:0.2em;
}

span.welcome{
	width:90%;
	margin:auto;
	display:flex;
	align-items:center;
	margin-top:0.8em;
	font-size:1em;
	font-weight:bold;
	border-bottom:1px solid rgba(0,0,0,0.1);
	border-radius:20px;
	color:rgba(0,0,0,1);
}
span.welcome i{
	font-style:normal;
	border:1px solid rgba(0,0,0,0.1);
	height:22px;
	width:22px;
	border-radius:25px;
	display:flex;
	justify-content:center;
	align-items:center;
	color:rgba(0,0,0,1);
	margin-right:0.8em;
	font-size:0.8em;
}


span.user_id{
	width:90%;
	margin:auto;
	justify-content:flex-end;
	display:flex;
	align-items:center;
	padding-top:0.2em;
	color:rgba(0,0,0,0.8);
	font-weight:bold;
	border-bottom:1px solid rgba(0,0,0,0.1);
	border-radius:20px;
	font-size:0.8em;
}

span.user_id i{
	height:22px;
	width:22px;
	font-size:0.8em;
	display:flex;
	justify-content:center;
	align-items:center;
	font-style:normal;
	border-radius:22px;
	margin-left:1em;
	background:black;
	color:white;
}

div.title span.page_state{
	border-bottom:1px solid rgba(0,0,0,0.1);
	border-radius:5px;
	margin-bottom:0.3em;
	padding:0.2em 0.5em;
	/color:rgba(235,51,36,1);
	color:#7030A0;
	/color:rgba(255,185,1,1);
	width:100%;
	/text-align:center;
	/font-weight:bold;
}

div.title span.page_validate{
	color:black;
}

div.title span.page_novalidate{
	color:red;
}





p.checked_approved{
	display:none;
}

p.checked_approved_visible{
	position:fixed;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	background:white;
	display:flex;
	align-items:center;
	flex-direction:column;
	font-size:1.5em;
	color:rgba(255,155,0,1);
	padding-top:2.5em;
	margin-bottom:0px;
}


p.checked_approved span:first-child{
	height:120px;
	width:120px;
	background:url("/public/image/validator.png") center;
	background-size:cover;
	margin-bottom:1em;
}

p.checked_approved span:first-child em{
	height:15px;
	width:15px;
	border-radius:15px;
	background:rgba(255,155,0,1);
}

p.approved_tab{
	position:fixed;
	/border:1px solid red;
	/margin-top:40px;
	background:white;
	left:0px;
	right:0px;
	top:21px;
	z-index:100;
	left:2.5px;
	/right:5%;
	padding:0.7em 0px;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	z-index:1000000000000000000;
}

p.approved_tab span{
	margin:0em 3em;
	font-size:0.8em;
	border:1px solid rgba(0,0,0,0.5);
	padding:0.4em 1.5em;
	color:black;
	border-radius:1em;
	font-weight:bold;
}

p.approved_tab span:hover{
	cursor:pointer;
}

p.approved_tab em.approved_warn{
	width:90%;
	margin:auto;
	text-align:center;
	font-style:normal;
	margin-bottom:0.5em;
	color:#7030A0;
}



body a,body a:hover{
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-webkit-transition:0.5s;
	transition:0.5s;
	text-decoration:none;
}

#menu_box,#container .header .main_navigation ul,#container .left_aside,#aside_left,#partner p{
	-moz-transition:1s;
	-ms-transition:1s;
	-webkit-transition:1s;
	transition:1s;
}

.wrapper{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	background:rgba(0,0,0,0.8);
}


span.no{
	/display:none;
}

.comment_container{
	display:none;
	position:fixed;
	left:bottom:0px;
	background:white;
	padding:0.5em;
	z-index:1000000;
	right:25px;
	bottom:25px;
	border-radius:5px;
	box-shadow:1px 1px 5px rgba(0,0,0,0.2),-1px 1px 5px rgba(0,0,0,0.2),1px -1px 5px rgba(0,0,0,0.2),-1px -1px 5px rgba(0,0,0,0.2);
}

.comment_container h1{
	margin-top:0.2em;
	border-bottom:1px solid rgba(0,0,0,0.1);
}



#banner_container em.published{
	margin-bottom:0px;
	padding:0px;
	display:flex;
	font-style:normal;
}

#banner_container em.published a{
	background:black;
	padding:0.2em 1em;
	color:white;
	text-decoration:none;
	font-size:1em;
	border-radius:1.5em;
	text-shadow:1px -1px 1px rgba(0,0,0,0.1);
	width:auto;
	display:flex;
	align-items:center;
	/font-weight:bold;
	border:2px solid white;
	/box-shadow:2px 2px 6px rgba(0,0,0,0.2),-2px 2px 6px rgba(0,0,0,0.2),2px -2px 6px rgba(0,0,0,0.2),-2px -2px 6px rgba(0,0,0,0.2);
}

#banner_container em.published a span:last-child{
	padding:0px;
	margin:0px;
	display:inline-block;
	height:25px;
	width:25px;
	/border:1px solid white;
	line-height:25px;
	border-radius:30px;
	margin-left:1em;
	background:url("/public/image/whaa.png") center;
	background-size:cover;
}
#banner_container em.published a:hover{
	cursor:pointer;
}


@media screen and (max-width:850px){
	#banner_container em.published a{
		margin:auto;
		padding:0.2em 1.2em;
	}
	#banner em.published a{
		font-size:0.8em;
	}
	#banner em.published a span:last-child{
		height:20px;
		width:20px;
	}
}
