#realisation
{
	
}
#realisation #search_box
{
	padding-top: 70px;	
}
#realisation #type_select
{
	padding-top: 50px;
	padding-bottom: 15px;
	text-align: center;	
}
#realisation #date_select
{
	padding-bottom: 50px;
	padding-bottom: 15px;
	text-align: center;	
}
#realisation #pagination_select_top, #realisation #pagination_select_bottom
{
	padding-bottom: 50px;
	text-align: center;	
}
#realisation #type_select .type_selector,
#realisation #date_select .date_selector,
#realisation #pagination_select_top .pagination_selector,
#realisation #pagination_select_bottom .pagination_selector
{
	margin-top: 5px;
	margin-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	
	text-align: center;	
	
	background-color: #333333;
	color: #FFFFFF;
	
	cursor: pointer;
}
#realisation #type_select .type_selector:hover,
#realisation #type_select .selected,
#realisation #date_select .date_selector:hover,
#realisation #date_select .selected,
#realisation #pagination_select_top .pagination_selector:hover,
#realisation #pagination_select_top .selected
#realisation #pagination_select_bottom .pagination_selector:hover,
#realisation #pagination_select_bottom .selected
{
	background-color: #787878;
}
#realisation #projects
{
	width: 100%;
	padding-top: 50px;
	padding-left: 0px;	
	padding-right: 0px;	
	padding-bottom: 0px;
	
	
}
#realisation #projects tr td
{
	border: 0px solid rgba(0, 0, 0, 0);
	padding: 5px;
}
#realisation .project
{
		
	cursor: pointer;
}
#realisation .project .box
{
	background-size: cover;
	background-position: center;
}
#realisation .project .box .text
{
	background-color: rgba(0, 0, 0, 0.6);
	color: #FFFFFF;		

	padding-bottom: 20px;
	padding-left: 8px;	
	padding-right: 8px;	
	font-size: 12px;
	opacity:0;
    
}
@-webkit-keyframes show_project_text {
    0%   {opacity: 0;}
    100% {opacity:1;}
}
@keyframes show_project_text {
    0%   {opacity: 0;}
    100% {opacity:1;}
}
#realisation .project .glyphicon
{
	color: rgba(0, 0, 0, 0);	
}
#realisation .project:hover .glyphicon
{
	color: #FFFFFF;	
	z-index: 100;
}
#realisation .project:hover .box .text
{
	animation: show_project_text 0.5s;
	animation-fill-mode: forwards;
}

#realisation #viewer
{
	position: fixed;
	top: 0px;
	left: 0px;
	
	text-align: center;
	
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 200;
}
#realisation #viewer #picture
{	
	text-align:center;
	margin-top: 15px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	
	cursor: pointer;
}
#realisation #viewer #pic_text
{	
	float: none;
	position: fixed;
	top: 0px;
	left: 0px;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(0, 0, 0, 0.3);
	color: #FFFFFF;
	font-size: 13px;
	z-index: 210;
	text-align: left;	
}
#realisation #viewer #pic_text .master_box, #realisation #viewer #pic_text .arch_box, #realisation #viewer #pic_text .ent_gen_box, #realisation #viewer #pic_text .ent_tot_box
{
	
}
#realisation #viewer #close
{
	margin-top: 20px;
	margin-right: 20px;
	
	font-size: 25px;
	color: #FFFFFF;	
	z-index: 220;
}