#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:65px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(../images/ui_totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../images/ui_totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');
.modal {
    display: block; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */	
}

/* Modal Content */
.modal-content {
   background:url('../artimg/background_img_beta.png');
	border:1px solid #ccc;
	box-shadow:0 0 20px rgba(0,0,0,.16);
	color:#fff;
	height:80vh;
	margin:9vh auto;
	max-width:1000px;
	max-height:600px;
	min-height:465px;
	padding:0;
	position:relative;
	width:80%
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close {
	color:#aaa;
	float:right;
	font-size:28px;
	font-weight:bold; padding:10px;
}
.close:hover,.close:focus {
	color:#000;
	cursor:pointer;
	text-decoration:none
}
.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}
.btn_modal_AQ{ border:none;
	padding:10px 10px 10px 10px;
	border-radius:6px;
	background:#f47213;	text-decoration:none;
	background: linear-gradient( #f68416, #f36310);
	font-size : 30px; 
	color:#fff;font-weight:bold;font-family: 'Roboto Condensed', sans-serif;;
}
.btn_modal_AQ:hover{	color:#000;}
.btn_modal_FM{ border:none;
	padding:10px 10px 10px 10px;
	border-radius:6px;
	background:#f47213;	text-decoration:none;
	background: linear-gradient( #003b75, #002c58);
	font-size : 30px; 
	color:#fff;font-weight:bold;font-family: 'Roboto Condensed', sans-serif;;
}
.btn_modal_FM:hover{	color:#000;}

.btn_modal_MS{ border:none;
	padding:10px 10px 10px 10px;
	border-radius:6px;
	background:#f47213;	text-decoration:none;
	background: linear-gradient( #003b75, #002c58);
	font-size : 30px; 
	color:#fff;font-weight:bold;font-family: 'Roboto Condensed', sans-serif;;
}
.btn_modal_MS:hover{	color:#000;}

.btn_modal_EN{ border:none;
	padding:10px 10px 10px 10px;
	border-radius:6px;
	background:#f47213;	text-decoration:none;
	background: linear-gradient( #003b75, #002c58);
	font-size : 30px; 
	color:#fff;font-weight:bold;font-family: 'Roboto Condensed', sans-serif;;
}
.btn_modal_EN:hover{	color:#000;}

.btn_modal_EE{ border:none;
	padding:10px 10px 10px 10px;
	border-radius:6px;
	background:#c51231;	text-decoration:none;
	background: linear-gradient( #cd1537, #bc1029);
	font-size : 30px; 
	color:#fff;font-weight:bold;font-family: 'Roboto Condensed', sans-serif;;
}
.btn_modal_EE:hover{	color:#000;}





.modal-body {padding: 80px 16px;}
.modal-body h2{font-size :50px; font-family: 'Roboto Condensed','Tahoma';width:60%;}
.modal-body h3{font-size : 28px; font-family: 'Roboto Condensed','Tahoma'; width:50%; font-weight:normal}
.modal_portableAQ{
	position:absolute;
	-webkit-animation-name:animatedesktop;
	-webkit-animation-duration:2s;
	animation-name:animatedesktop;
	animation-duration:2s;
	background:url('../artimg/AQ_background_ordi.png') no-repeat;
	background-size: contain; 
	bottom:20px;height:65%;	right:15px;width:65%;background-position:bottom;
}
.modal_portableMS{
	position:absolute;
	-webkit-animation-name:animatedesktop;
	-webkit-animation-duration:2s;
	animation-name:animatedesktop;
	animation-duration:2s;
	background:url('../artimg/MS_background_ordi.png') no-repeat;
	background-size: contain; 
	bottom:20px;height:65%;	right:15px;width:65%;background-position:bottom;
}
.modal_portableFM{
	position:absolute;
	-webkit-animation-name:animatedesktop;
	-webkit-animation-duration:2s;
	animation-name:animatedesktop;
	animation-duration:2s;
	background:url('../artimg/FM_background_ordi.png') no-repeat;
	background-size: contain; 
	bottom:20px;height:65%;	right:15px;	width:65%;	background-position:bottom;
}

.modal_portableEN{
	position:absolute;
	-webkit-animation-name:animatedesktop;
	-webkit-animation-duration:2s;
	animation-name:animatedesktop;
	animation-duration:2s;
	background:url('../artimg/EN_background_ordi.png') no-repeat;
	background-size: contain; 
	bottom:20px;height:65%;	right:15px;	width:65%;	background-position:bottom;
}

.modal_portableEE{
	position:absolute;
	-webkit-animation-name:animatedesktop;
	-webkit-animation-duration:2s;
	animation-name:animatedesktop;
	animation-duration:2s;
	background:url('../artimg/EE_background_ordi.png') no-repeat;
	background-size: contain; 
	bottom:20px;height:65%;	right:15px;	width:65%;	background-position:bottom;
}

.modal_nop_AQ { font-family: 'Roboto Condensed','Tahoma'; color:#ff9933; font-size:24px; padding-top:15px}
.modal_nop_AQ a{ color:#ff9933; text-decoration:none }
.modal_nop_AQ a:hover{ color:#fff; }
 
.modal_nop_FM { font-family: 'Roboto Condensed','Tahoma'; color:#ff9933; font-size:24px; padding-top:15px}
.modal_nop_FM a{ color:#0e88e8;; text-decoration:none }
.modal_nop_FM a:hover{ color:#fff; }

.modal_nop_MS { font-family: 'Roboto Condensed','Tahoma'; color:#ff9933; font-size:24px; padding-top:15px}
.modal_nop_MS a{ color:#0e88e8; ; text-decoration:none}
.modal_nop_MS a:hover{ color:#fff; }

.modal_nop_EN { font-family: 'Roboto Condensed','Tahoma'; color:#ff9933; font-size:24px; padding-top:15px}
.modal_nop_EN a{ color:#0e88e8; ; text-decoration:none}
.modal_nop_EN a:hover{ color:#fff; }

.modal_nop_EE { font-family: 'Roboto Condensed','Tahoma'; color:#c41230; font-size:24px; padding-top:15px}
.modal_nop_EE a{ color:#c41230; ; text-decoration:none}
.modal_nop_EE a:hover{ color:#fff; }

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}
#cadre_sortir_beta{ display:none}

#cadre_essayer_beta {
    position: fixed;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    font-family:Arial;
   
    text-align: left;
    left: 0;
    bottom: 0;
    z-index: 800;
	background-color:#000000;	
	color:#999;
	border-top: thin solid black;
}
/* #cadre_essayer_beta div{ ; text-align:left; max-width:970px; margin:auto;padding:2px} */
#cadre_essayer_beta div{ ; text-align:left;padding:2px}
#cadre_essayer_beta a{color:#999; font-weight:bold; text-decoration:none;  font-size: 11px;}
#cadre_essayer_beta a:hover{text-decoration:underline}
#fermex{ cursor:pointer}