*{
	
	font-family: arial,sans-serif;

}

.top
{
	vertical-align:top !important;
}

.middle
{
	vertical-align:middle !important;
}

.bottom
{
	vertical-align:bottom !important;
}

.left
{
	text-align:left !important;
}

.right
{
	text-align:right !important;
}

.center
{
	text-align:center !important;
}



.clickanimation
{
  animation-name: example;
  animation-duration: 4s;
}


@keyframes example {
  from {padding: 1px;}
  to {padding: 20px;}
}


.invisible
{
	position:relative;
	
	display:none !important;
}




fieldset.overpage_section
{
	position: relative;
	
	width: calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	
	margin:10px auto;
	
	border:0px solid silver;
	
	color: white;
	
}

legend.overpage_section
{
	position:relative;
	
	font-size: 40px;
	
	font-weight: bold;
	
	color: lightblue;
	
	
}

div.overpage_section_content
{
	position: relative;
	
	color: white;
	
}
				
				
body{

	font-family: arial,sans-serif; 	

	
}

#logo
{
	cursor:pointer;
}

.top
{
	vertical-align:top !important;
}

.middle
{
	vertical-align:middle !important;
}

.bottom
{
	vertical-align:bottom !important;
}

.left
{
	text-align:left !important;
}

.right
{
	text-align:right !important;
}


.clickanimation
{
  animation-name: example;
  animation-duration: 4s;
}


@keyframes example {
  from {padding: 1px;}
  to {padding: 20px;}
}


.invisible
{
	position:relative;
	
	display:none !important;
}




#generalinfo:hover
{
	opacity: 1;
}


#generalinfo
{
	position: fixed;
	
	top:0px;
	
	left: 0px;
	
	width: 100%;

	height: 100%;
	
	
	z-index: 1200;
	
	background:rgba(0,0,0,0.9);
	
	opacity: 0.3;
}


#generalinfo_cls
{
	position: absolute;
	
	top: 0px;
	
	right: 0px;
	
	z-index:1300;
	
	background:crimson;
	
	color: white;
	
	padding:5px 10px;
		
}

#generalinfo_main
{
	position: relative;
	
	width: 100%;
	
	height: 100%;
	
	white-space: normal;
	
	color: white;
		
}
					

div.overpage
{
	position: fixed;
	
	top:0px;
	
	left: 0px;
	
	width: 100%;

	height: 100%;
	
	
	z-index: 1200;
	
}

div.overpage_main:hover
{

	background: rgba(0,0,0,1);
	opacity: 1;
}

div.overpage_main
{
	
	position: absolute;
	
	top: 20px;
	bottom: 20px;
	left: 20px;
	right: 20px;

	z-index:1200;
	
	box-shadow: 0px 0px 2px 1px #888888;
	
	background: rgba(0,0,0,0.8);
	
	/*opacity: 0.3;*/
}


	
div.overpage_menu
{
	position: absolute;
	
	right: 0px;
	
	top:0px;
	
	z-index: 1201;
	
	
	
}
		
		

		
div.overpage_main_content
{
	position: relative;
	
	width: 100%;
	
	height: 100%;
	
	
}

div.overpage_main_content_top
{
	position: relative;
	
	height: 50px;
	
	background: #141414;
	
	
}

button.overpage_btn_selected
{
	border-bottom:3px solid white !important;
	
}


button.overpage_btn
{
	position: relative;
	
	margin:5px 10px;
	
	border:0px;
	
	padding:5px 10px;
	
	cursor: pointer;
	
	background: transparent;
	
	font-weight:bold;
	
	color:white;
	
	font-size: 20px;
	
	 
}			
	
button.overpage_menu_btn
{
	position: relative;
	
	margin:5px 10px;
	
	border:0px;
	
	padding:5px 10px;
	
	cursor: pointer;
	
	background: red;
	
	font-weight:bold;
	
	color:white;
	
	font-size: 20px;
	
	
	
	 
}

div.overpage_main_content_left
{
	position: relative;
	
	width: 300px;
	
	display: inline-block;
	
	vertical-align: top;
	
	height: 100%;
	
	background:#141414;
}	


div.overpage_main_content_left_line
{
	position: relative;
	
	padding:5px;
	
	margin:10px 0px;
}

label.o_m_c_l_line
{
	position: relative;
	
	vertical-align: middle;
	
	color: white;
}

input.o_m_c_l_line
{
	position: relative;
	
	vertical-align: middle;
}




div.overpage_main_content_right
{
	position: relative;
	
	width: calc(100% - 300px);
	width: -webkit-calc(100% - 300px);
	
	display: inline-block;
	
	vertical-align: top;
	
	height: 100%;
	
	overflow: auto;
	
	
}	

			
div.overpage_main_content_body
{
	
	position: relative;
	
	width: 100%;
	
	height: calc(100% - 50px);
	height: -webkit-calc(100% - 50px);
	
	white-space: nowrap;
	
	overflow: hidden;
	
}

div.overpage_main_content_body_subpage
{
	position: relative;
	
	width: 100%;
	
	height: 100%;
	
	display: inline-block;
	
	vertical-align: top;
}
		
		
thead.overpage
{
	
}
th.overpage
{
	position: relative;
	
	background:lightblue;
	
	color: black;
	
}
td.overpage
{
	background:#292929;
}
tr.overpage
{

}

tbody.overpage
{

}
table.overpage
{
	position: relative;
	
	width: 100%;
	


}

#debugbox
{
	position:absolute;
   
   bottom:0px;
    right:0px;
    
   height: 100%;
   
   
   width: 400px;
     
 	z-index: 2000;
 		
	background:rgba(0,0,0,0.9);
	
	color: white;
	
}
#debug_cls
{
	position:absolute;

	top:10px;
	right:10px;
	 
	padding: 5px 10px;
	
	z-index: 2500;
 		
	background:red;
	
	color: white;

	user-select:none;
	
	cursor: pointer;
	
		
}
#debug_body
{
	position: relative;
	
	width: 100%;
	
	height: 100%;
}


div.apart
{
	position: relative;
	
	display: inline-block;
	
	margin:5px 10px;
	
	
	vertical-align: middle;		
	
}

label.apart
{
	position: relative;
	
	font-size: 12px;

	vertical-align: middle;	
}

span.apart
{
	position: relative;
	
	font-size: 20px;

	vertical-align: middle;
	
}



#informations
{
     position:absolute;
     bottom:0px;
     right:0px;
     
 		z-index: 1000;
 		
	background:rgba(0,0,0,0.9);
	
	color: white;
 		
}

img.apart
{

	position:relative;

	max-width:32px;
	
	max-height:32px;
	
	cursor:pointer;
	
}

@media screen and (min-width: 771px) {


	/*************************************************************************************************************/
	
	div.generalinfo_quarter:hover
	{
		box-shadow: 0px 0px 2px 1px rgba(255,255,255,1);
	}

	div.generalinfo_quarter
	{
		position: relative;
		
		vertical-align: top;
		
		width: calc(25% - 25px);
		width: -webkit-calc(25% - 25px);
		
		margin:10px;
		
		box-shadow: 0px 0px 2px 1px rgba(255,255,255,0.3);		

		display: inline-block;	
	}


	div.generalinfo_quarter_title
	{
		position: relative;
		
		border-bottom: 2px solid silver;

		text-align: center;
		
		font-weight: bold;	
		
		background:white;
		
		color: black;
		
		padding:10px;
		
	}

	div.generalinfo_quarter_content
	{
		position: relative;
		
		padding:5px;
	}
					

	
	/*************************************************************************************************************/
	
	
	 body
    {
        font-family:arial,sans-serif;
        
        background:#292929;
        
        
    }



    #general
    {
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
    		z-index: 1;
    		
    }
    
    
   #main
	{
		position:relative;
		width: 100%;
		height: 100%;
	}
	
	
    header
    {
        width:100%;
        padding: 5px 0px 5px 0px;
    }
    
    .half_l
    {
        vertical-align:top;
        display:inline-block;
        width:50%;
        text-align:left;
    
    }
    
    .half_r
    {
        vertical-align:top;
        display:inline-block;
        width:50%;
        text-align:right;
        font-size:20px;
    
    }
    
    .top
    {
		vertical-align:top;    
    }
    
    div.submenu
    {
        
        display:inline-block;
        margin-right:10px ;
        margin-left:10px ;
        padding:0px 5px 0px 5px;
    }
    
    #logo
    {
        font-size:25px;
        font-weight:bold;
    
    }
    #lang
    {
        border-radius:0px;
        border:0px solid silver;
    
    }
    
    #nbdownloads
    {
		background:dodgerblue;
		color:white;    
		text-shadow:-1px -1px navy;
		padding:0px 10px;
		font-weight:bolder;    
    }
    
	 #nbviews
    {
		background:coral;
		color:white;
		text-shadow:-1px -1px firebrick;
		font-weight:bolder;
		padding:0px 10px;    
    }
    
    .download
    {
        color:dodgerblue;
    
    }
    
    .view
    {
        color:coral;
    
    }
    .middle
    {
		vertical-align:middle;    
    }
    
    a.alog:hover{
    	
    	background:#efefef;
    	text-decoration: none;
    }
    a.alog:visited{
    
    	text-decoration: none;
    	color: #555555;
    	text-shadow: -1px -1px black;
    }
    a.alog:link{
    	text-decoration: none;
    	color: #888888;
    	font-weight: bold;
    }
    a.alog
    {
    	text-decoration: none;
    	border:0px solid silver;
    	color: #888888;
    	padding: 5px 10px;
    }	
	
	
	
	

	#all
	{
		position:absolute;
		width:100%;
		top:0px;
		left:0px;
	}
	
	
	#msg
	{
		position:relative;
		min-height:50px;
		border:1px solid silver;
		background:white;
	}
	#logo
	{
		position:relative;
		font-size:50px;
		font-family:'Antenna',arial,sans-serif;
		background:rgba(255,255,255,0.8);
		color:orange;
		
	}
	#menubar
	{
		position:relative;
		min-height:50px;
		border:1px solid silver;
	}
	
	
	
	
	
	
	#prefooter
	{
		position:relative;
		min-height:20px;
		
		padding:10px 0px 10px 0px;
	
	}
	
	#copyright
	{
		padding:10px 0px 10px 0px;
		text-align:center;
		color:orange;	
	}
	
	#label
	{
	
	}
	
	#next
	{
		padding:5px 20px 5px 20px;
		color:ghostwhite;
		font-weight:bold;
		background:gold;
		cursor:pointer;
	}
	
	
	#next:hover
	{
		background:orange;
	}
	
	label.signin
	{
		font-size:25px;
		color:gold;
		text-shadow: -1px -1px darkKhaki;
		
	}
	input.signin
	{
		border-radius:0px;
		border:0px solid silver;
		border-bottom:2px solid orange;
		font-size:20px;
		width:90%;
		
	}
	span.button
	{
		padding:5px 10px 5px 10px;
		color:ghostwhite;
		font-weight:bold;
		background:gold;
	}
	
	.signin_part
	{
		margin:5px 0px 10px 0px;
	
	}
	.signin_part_title
	{
		position:relative;
		margin-right:auto;
		margin-left:auto;
		margin:5px auto 20px auto;
		text-align:left;
		padding:0px 0px 0px 0px;
		width:90%;
	}
	
	#avideo
	{
		background:yellow;
	}
	#mycanvas
	{
		background:#888888;
	
	}
	#password_input_video
	{
		display:none;
	
	}
	
	#password_input
	{
		display:none;
	}
	
	
	#password_input_audio
	{
	
		display:none;
	}
	
	#notificationbox
	{
		background:orange;
		color:white;
		padding:5px 0px 5px 0px;
		text-align:center;
		display:none;
	}
	
	#nbtn
	{
		text-align:right;
		padding:0px 5px 0px 0px;
	}

}
/*****************************************************************************************************/

/* Mobile */
@media only screen and (max-width: 229px) {
	
	
	
	/*************************************************************************************************************/
	
	div.generalinfo_quarter:hover
	{
		box-shadow: 0px 0px 2px 1px rgba(255,255,255,1);
	}

	div.generalinfo_quarter
	{
		position: relative;
		
		vertical-align: top;
		
		width: calc(100% - 25px);
		width: -webkit-calc(100% - 25px);
		
		margin:10px;
		
		box-shadow: 0px 0px 2px 1px rgba(255,255,255,0.3);		

		
	}


	div.generalinfo_quarter_title
	{
		position: relative;
		
		border-bottom: 2px solid silver;

		text-align: center;
		
		font-weight: bold;	
		
		background:white;
		
		color: black;
		
		padding:10px;
		
	}

	div.generalinfo_quarter_content
	{
		position: relative;
		
		padding:5px;
	}
					

	
	/*************************************************************************************************************/
	
	
	 body
    {
        font-family:arial,sans-serif;
        
        background:#292929;
        
        
    }
	#all
	{
		position:absolute;
		width:100%;
		top:0px;
		left:0px;
	}
	
	 #general
    {
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
    
    }
    
    
   #main
	{
		position:relative;
		width: 100%;
		height: 100%;
	}
	
	
	#msg
	{
		position:relative;
		min-height:50px;
		border:1px solid silver;
		background:white;
	}
	#logo
	{
		position:relative;
		font-size:50px;
		font-family:'Antenna',arial,sans-serif;
		background:rgba(255,255,255,0.8);
		color:orange;
		
	}
	#menubar
	{
		position:relative;
		min-height:50px;
		border:1px solid silver;
	}
	
	
	
	
	
	
	#prefooter
	{
		position:relative;
		min-height:20px;
		
		padding:10px 0px 10px 0px;
	
	}
	
	#copyright
	{
		padding:10px 0px 10px 0px;
		text-align:center;
		color:orange;	
	}
	
	#label
	{
	
	}
	
	#next
	{
		padding:5px 20px 5px 20px;
		color:ghostwhite;
		font-weight:bold;
		background:gold;
		cursor:pointer;
	}
	
	
	#next:hover
	{
		background:orange;
	}
	
	label.signin
	{
		font-size:25px;
		color:gold;
		text-shadow: -1px -1px darkKhaki;
		
	}
	input.signin
	{
		border-radius:0px;
		border:0px solid silver;
		border-bottom:2px solid orange;
		font-size:20px;
		width:90%;
		
	}
	span.button
	{
		padding:5px 10px 5px 10px;
		color:ghostwhite;
		font-weight:bold;
		background:gold;
	}
	
	.signin_part
	{
		margin:5px 0px 10px 0px;
	
	}
	.signin_part_title
	{
		position:relative;
		margin-right:auto;
		margin-left:auto;
		margin:5px auto 20px auto;
		text-align:left;
		padding:0px 0px 0px 0px;
		width:90%;
	}
	
	#avideo
	{
		background:yellow;
	}
	#mycanvas
	{
		background:#888888;
	
	}
	#password_input_video
	{
		display:none;
	
	}
	
	#password_input
	{
		display:none;
	}
	
	
	#password_input_audio
	{
	
		display:none;
	}
	
	#notificationbox
	{
		background:orange;
		color:white;
		padding:5px 0px 5px 0px;
		text-align:center;
		display:none;
	}
	
	#nbtn
	{
		text-align:right;
		padding:0px 5px 0px 0px;
	}
	
}

/* Mobile */
@media only screen and (min-width: 230px)  and (max-width: 360px) {
	
	
	
	
	/*************************************************************************************************************/
	
	div.generalinfo_quarter:hover
	{
		box-shadow: 0px 0px 2px 1px rgba(255,255,255,1);
	}

	div.generalinfo_quarter
	{
		position: relative;
		
		vertical-align: top;
		
		width: calc(100% - 25px);
		width: -webkit-calc(100% - 25px);
		
		margin:10px;
		
		box-shadow: 0px 0px 2px 1px rgba(255,255,255,0.3);		

		
	}


	div.generalinfo_quarter_title
	{
		position: relative;
		
		border-bottom: 2px solid silver;

		text-align: center;
		
		font-weight: bold;	
		
		background:white;
		
		color: black;
		
		padding:10px;
		
	}

	div.generalinfo_quarter_content
	{
		position: relative;
		
		padding:5px;
	}
					

	
	/*************************************************************************************************************/
	
	
	 body
    {
        font-family:arial,sans-serif;
        
        background:#292929;
        
        
    }
	#all
	{
		position:absolute;
		width:100%;
		top:0px;
		left:0px;
	}
	
	 #general
    {
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
    
    }
    
    
   #main
	{
		position:relative;
		width: 100%;
		height: 100%;
	}
	
	
	#msg
	{
		position:relative;
		min-height:50px;
		border:1px solid silver;
		background:white;
	}
	#logo
	{
		position:relative;
		font-size:50px;
		font-family:'Antenna',arial,sans-serif;
		background:rgba(255,255,255,0.8);
		color:orange;
		
	}
	#menubar
	{
		position:relative;
		min-height:50px;
		border:1px solid silver;
	}
	
	
	
	
	
	#prefooter
	{
		position:relative;
		min-height:20px;
		
		padding:10px 0px 10px 0px;
	
	}
	
	#copyright
	{
		padding:10px 0px 10px 0px;
		text-align:center;
		color:orange;	
	}
	
	#label
	{
	
	}
	
	#next
	{
		padding:5px 20px 5px 20px;
		color:ghostwhite;
		font-weight:bold;
		background:gold;
		cursor:pointer;
	}
	
	
	#next:hover
	{
		background:orange;
	}
	
	label.signin
	{
		font-size:25px;
		color:gold;
		text-shadow: -1px -1px darkKhaki;
		
	}
	input.signin
	{
		border-radius:0px;
		border:0px solid silver;
		border-bottom:2px solid orange;
		font-size:20px;
		width:90%;
		
	}
	span.button
	{
		padding:5px 10px 5px 10px;
		color:ghostwhite;
		font-weight:bold;
		background:gold;
	}
	
	.signin_part
	{
		margin:5px 0px 10px 0px;
	
	}
	.signin_part_title
	{
		position:relative;
		margin-right:auto;
		margin-left:auto;
		margin:5px auto 20px auto;
		text-align:left;
		padding:0px 0px 0px 0px;
		width:90%;
	}
	
	#avideo
	{
		background:yellow;
	}
	#mycanvas
	{
		background:#888888;
	
	}
	#password_input_video
	{
		display:none;
	
	}
	
	#password_input
	{
		display:none;
	}
	
	
	#password_input_audio
	{
	
		display:none;
	}
	
	#notificationbox
	{
		background:orange;
		color:white;
		padding:5px 0px 5px 0px;
		text-align:center;
		display:none;
	}
	
	#nbtn
	{
		text-align:right;
		padding:0px 5px 0px 0px;
	}

}



/* Tablet **/
@media screen and (max-width: 770px) and (min-width: 361px) {
  	
  	
  	
  	/*************************************************************************************************************/
	
	div.generalinfo_quarter:hover
	{
		box-shadow: 0px 0px 2px 1px rgba(255,255,255,1);
	}

	div.generalinfo_quarter
	{
		position: relative;
		
		vertical-align: top;
		
		width: calc(100% - 25px);
		width: -webkit-calc(100% - 25px);
		
		margin:10px;
		
		box-shadow: 0px 0px 2px 1px rgba(255,255,255,0.3);		

		
	}


	div.generalinfo_quarter_title
	{
		position: relative;
		
		border-bottom: 2px solid silver;

		text-align: center;
		
		font-weight: bold;	
		
		background:white;
		
		color: black;
		
		padding:10px;
		
	}

	div.generalinfo_quarter_content
	{
		position: relative;
		
		padding:5px;
	}
					

	
	/*************************************************************************************************************/
	
	
	
	 body
    {
        font-family:arial,sans-serif;
        
        background:#292929;
        
        
    }
	#all
	{
		position:absolute;
		width:100%;
		top:0px;
		left:0px;
	}
	
	 #general
    {
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
    
    }
    
    
   #main
	{
		position:relative;
		width: 100%;
		height: 100%;
	}
	
	
	#msg
	{
		position:relative;
		min-height:50px;
		border:1px solid silver;
		background:white;
	}
	#logo
	{
		position:relative;
		font-size:50px;
		font-family:'Antenna',arial,sans-serif;
		background:rgba(255,255,255,0.8);
		color:orange;
		
	}
	#menubar
	{
		position:relative;
		min-height:50px;
		border:1px solid silver;
	}
	
	
	
	
	
	
	#prefooter
	{
		position:relative;
		min-height:20px;
		
		padding:10px 0px 10px 0px;
	
	}
	
	#copyright
	{
		padding:10px 0px 10px 0px;
		text-align:center;
		color:orange;	
	}
	
	#label
	{
	
	}
	
	#next
	{
		padding:5px 20px 5px 20px;
		color:ghostwhite;
		font-weight:bold;
		background:gold;
		cursor:pointer;
	}
	
	
	#next:hover
	{
		background:orange;
	}
	
	label.signin
	{
		font-size:25px;
		color:gold;
		text-shadow: -1px -1px darkKhaki;
		
	}
	input.signin
	{
		border-radius:0px;
		border:0px solid silver;
		border-bottom:2px solid orange;
		font-size:20px;
		width:90%;
		
	}
	span.button
	{
		padding:5px 10px 5px 10px;
		color:ghostwhite;
		font-weight:bold;
		background:gold;
	}
	
	.signin_part
	{
		margin:5px 0px 10px 0px;
	
	}
	.signin_part_title
	{
		position:relative;
		margin-right:auto;
		margin-left:auto;
		margin:5px auto 20px auto;
		text-align:left;
		padding:0px 0px 0px 0px;
		width:90%;
	}
	
	#avideo
	{
		background:yellow;
	}
	#mycanvas
	{
		background:#888888;
	
	}
	#password_input_video
	{
		display:none;
	
	}
	
	#password_input
	{
		display:none;
	}
	
	
	#password_input_audio
	{
	
		display:none;
	}
	
	#notificationbox
	{
		background:orange;
		color:white;
		padding:5px 0px 5px 0px;
		text-align:center;
		display:none;
	}
	
	#nbtn
	{
		text-align:right;
		padding:0px 5px 0px 0px;
	}

 }