@font-face{
	font-family: 'ArchitectsDaughter';	
  src: url('fonts/ArchitectsDaughter.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'Arial Rounded MT Bold';
  src: url('fonts/ARLRDBD.TTF');
	font-weight: normal;
	font-style: normal;
}
@font-face{
  font-family: 'Roboto';
  src: url('fonts/Roboto-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@-ms-viewport { 
	width: device-width; 
}
@viewport { 
	width: device-width; 
}
.displayversion{
  display: block;
  width: 95%;
  max-width: 450px;
  margin: 1em auto 3em auto;
  background-color: #e0fd00;
  font-size: 0.85em;
  font-weight: bold;
  text-align: center;
  padding: 6px 6px 6px 6px;
  border: #666 1px solid;
}
.displayversion b{
  color: red;
}
.newyear{
  display: block;
  z-index: 20;
  position: fixed; 
  top: 40px;
  max-width: 600px;
  left: 30%;
}
.newyear img{
  width: 100%;
  height: auto;
}
#screen{
  display: block;
  
}
#screens{
  display: block;
}
.red{
	color: red;
}
.hline, .hline2{
	display: block;
	width: 100%;
	border-bottom: 2px solid dodgerblue;
	margin: 30px 0 10px 0; 
}
.hline2{
	border-bottom: 1px solid #CCCCCC;
}
.imgcompatible img{
	display: block; 
	position: relative; 
	top: -135px; 
	left: 0px; 
	width: 100%;
	max-width: 429px;
	height: auto;
	margin-bottom: -160px;	
}
.tbscreenshot2, .tbscreenshot3{
	display: none;
}
.tbscreenshot table, tr, td, .tbscreenshot2 table, tr, td, .tbscreenshot3 table, tr, td{
	width: 100%;
	border: 1px #C0C0C0 none;
	border-collapse: collapse;
	background-color: #f9fbfc;
}
.tbscreenshot img, .tbscreenshot2 img, .tbscreenshot3 img :not(.screenshothint:img){
	width: 100%;
	max-width: 200px;
	margin-bottom: 8px;
	margin-top: 2px;
}
.tbscreenshot a img, .tbscreenshot2 a img, .tbscreenshot3 a img{
  cursor: zoom-in;
}
a .screenshothint img{
  cursor: default;
}

.tbscreenshot td, .tbscreenshot2 td, .tbscreenshot3 td{
	width: 25%;
	text-align: center;
}

.screenshottitle{
	text-decoration: none;
	text-align: center;
} 

a .screenshothint{ 
	position:  fixed;
	display: block;
	z-index: 100;
	top: 50px;
	left: 1%;
	width: auto;
	height: auto;
	border: 1px solid deepskyblue;
	color: white; 
	background: rgba(20,20,70,.8); 
	font-size: 0.65em;
	line-height: 24px;
	padding: 2px;
	text-align: center;
	border-radius: 3px; 
	box-shadow: 0px 0px 6px rgba(0,0,0,0.7);
	transform: scale(0);
	-webkit-transform: scale(0);
	transition: all .3s; 
	-webkit-transition: all .3s; 
	-moz-transition: all .3s; 
	opacity: 0;
}
a:focus .screenshothint{ 
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1;
}
.screenshothint img{
	display: block;
	width: auto;
}
.alert{
  display: block;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 2em 5px 2em 5px;
  background-color: #ffff99;
  color: black;
  border: black solid 2px;
}
.videos{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 735px;
}
.videos p{
  line-height: 1.2em;
}
.videos video{
  width: 100%;
  max-width: 735px;
  height: auto;
  margin-top: 1em;
}
.videos figcaption{
  font-size: 0.7em;
  text-align: left;
  margin-top: -0.8em;
  color: #9999a9;
}
.videos h5{
  display: inline-block;
  font-size: 0.8em;
  line-height: 1.2em;
  font-weight: bold;
  border-bottom: orangered solid 1px;
  text-align: left;
  padding-right: 2em;
  padding-bottom: 0.7em;
}
.videos .credits{
  margin-top: 5em;
  font-size: 0.8em;
  text-align: center;
  line-height: 1.5em;
}
.videos .credits h6{
  margin-bottom: -0.5em;
  font-size: 1.2em;
}
.videos .credits a{
  color: #0479ff;
}
.videos .credits a:hover{
  color: #0098FD;
}
/* Eléments principaux de la page */

body{
	width: 100%;
	margin: 0 auto;
  background-color: #2B55AC;
  background-color: #0479ff;
  background-color: #0312be;
  background-color: #1021c5;
  background-color: dodgerblue;
  background-color: #1653d1;
  background-color: #3c52a8;
}
img{
	border:0;
}
p{
	font-size: 0.9em;
	margin-bottom: 0px;
}
p a{
	font-style: normal;
	text-decoration: none;
	color: dodgerblue; 
  color: red;
}
p a:hover{
	font-style: normal;
	text-decoration: none;
	color: #FF6600; 
  color: #0098FD;
}
/*Affichage de la bannière*/
#banner{
	display: block;
	position: relative;
	margin: 0px;
  top: 40px;
	height: 150px;
  /*
	background: url('../img/finance.jpg') no-repeat;
	background-size: cover;
 	width: 100%; 
  */
	background-position: left;
  background-color: #3c6ad3; 
  background-image: url('../img/logo_banner24.png');
  background-repeat: no-repeat;
  background-position: 15px 20px;
  border-bottom: white solid 1px;
}
#contact, #contactbug{
	width: 100%;
	font-family: Verdana, Tahoma, "Lucida sans", Arial, sans-serif;
	font-size: 0.8em;
}
#contact h1, #contactbug h1{
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 2px;	
	font-variant: small-caps;
	color: #808080
}
#contactform{
	font-family: Verdana, Tahoma, "Lucida sans", Arial, sans-serif;
	text-align: left;
}
#contactform input:focus{
  border: #0098FD solid 1px;
}
#contactform textarea:focus{
  border: #0098FD solid 1px;
}

#container, #dark{
	display:block;
	position: relative;
	top: 95px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #808080;
	color: #555555;
	display: block;
	width: 70%;
	height: 90%;
	margin-top: -50px;
	margin-left: auto;
	margin-right: auto;
	padding: 50px;
	padding-top: 100px;
	text-align: justify;
	font-size: 18px;
	line-height: 25px;
	line-height: 1.5em;
	background-color: #f9fbfc;
}
#dark{
	color: white;
}
#container p{
  line-height: 1.4em;
}
#container p b :not(.faqresp) :not(i), #dark p b{
	color: orangered;
	font-weight: 500;
}
#dark{
	background-color: #999999;
}
.marquee{
  z-index: 20;
  display: block;
  width: 135%;
  position: absolute;
  top: 40px;
  left: -35%;
  height: 22px;
  line-height: 21px;
	background-color: #172e5d;
  font-family: 'Roboto', Arial, sans-serif;
  color: #eaeaff;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
  -webkit-animation: marquee 25s linear infinite;
  -moz-animation: marquee 25s linear infinite;
  animation: marquee 25s linear infinite;
}
@-webkit-keyframes marquee{
  0% {
    text-indent: 100%;
  }
  100% {
    text-indent: -60em;
  }
}
@keyframes marquee{
  0% {
    text-indent: 100%;
  }
  100% {
    text-indent: -60em;
  }
}

.btn{
  font-weight: bold;
  color: #3e95f4;
  color: #FF6600;
}
.btnmenu{
  font-weight: bold;
  font-size: 0.9em;
  color: #4F81BD;
}
.btnfb{
  display: block;
  z-index: 80;
  position: fixed;
  left: 40em; /*580px;*/
  top: 10px;
  width: auto;
}
.btnfb .fb-like{
  width: auto;
  height: 22px;
  border-radius: 4px;
}
.containerpaypal{
  display: block;
  width: 95%;
  max-width: 900px;
  margin: 0 auto 0 auto;
  background-color: #F0F0F0;
  font-family: 'Roboto';
  color: #333;
  text-align: center;
  font-size: 1.1em;
}
.containerpaypal .important{
  width: 90%;
  border: green solid 1px;
}
.containerpaypal h2{
  display: block;
  width: 90%;
  margin: 50px auto 20px auto;
  font-size: 1.3em;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-top: 20px;
  padding-bottom: 15px;
  border-bottom: #0098FD solid 2px;
  color: #333;
  font-size: 1em;
}
.containerpaypal .paycancel h2{
  border-bottom: orangered solid 2px;
}
.containerpaypal .spaminfo{
	display: block;
  width: 80%;
  margin: 0 auto 0 auto;
	font-size: 0.8em;
	text-align: center;
	padding: 4px 10px 4px 10px; 
  background-color: #9DFF99;
  border: #006666 solid 2px;
  color: black;
}
.containerpaypal .spaminfo a{
  text-decoration: none;
  color: orangered;
  border-color: orangered;
}
.containerpaypal .spaminfo a:hover{
  color: brown;
  border-color: brown;
}
.containerpaypal .notsentinfo{
  display: inline-block;
	text-align: center;
	padding: 6px 20px 6px 20px; 
  background-color: orangered;
  background-color: #db0a00;
  color: white;
  margin-top: 30px;
  margin-bottom: 25px;
  line-height: 1.3em;
  border: red solid 1px;
}
.containerpaypal .notsentinfo a{
  color: white;
  border-bottom: white dotted 1px;
}
.containerpaypal .notsentinfo a:hover{
  color: #ffaaaa;
  border-bottom: #ffaaaa dotted 1px;
}
.containerpaypal a{
  color: #4774d1;
  border-bottom: #0479ff dotted 1px;
}
.containerpaypal a:hover{
  color: orangered;
  border-color: orangered;
}
.containerpaypal .implicense{
  display: block;
  width: 80%;
  background-color: #3962b3;
  color: #808080;
  color: white;
  margin: 15px auto 15px auto;
  padding: 6px 8px 6px 8px;
  text-align: justify;
}
.containerpaypal .paycancel h2, .containerpaypal .paydeffered h2{
  font-size: 1.4em;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 50px;
  padding-bottom: 15px;
  border-bottom: #0098FD solid 2px;
}
.paysuccess h4{
  letter-spacing: 3px;
}
.paysuccess p, .paycancel p, .paydeffered p{
  font-size: 0.8em;
  line-height: 1.5em;
}
.paycancel h4{
  letter-spacing: 3px;
  margin-top: 80px;
}
.containerpaypal .paydeffered h2{
  border-bottom: #0098FD solid 2px;
}
.containerpaypal .paydeffered h3{
  display: block;
  width: 80%;
  margin: 40px auto 50px auto;
  font-size: 0.8em;
  background-color: #ededff;
  padding: 4px 5px 4px 5px;
  border: #2B55AC solid 1px;
  font-weight: normal;
}
.licensedlbtn{
  display: inline-block;
}
.licensedlbtn input{
  height: 30px;
  width: 240px;
  cursor: pointer;
  background-color: #0479ff;
  border: #0312be solid 1px;
  border-radius: 4px;
  color: white;
  margin-top: -10px;
}
.licensedlbtn:hover input{
  background-color: #0098FD;
}
.licensedlbtn:focus input{
  background-color: #0098FD;
}
.idpaypal{
  font-weight: bold;
  color: #0312be;
}
.download, .dloadfile{
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
  background-color: cornflowerblue;
	width: 210px;
	height: 26px;
	color: white;
	text-decoration: none;
	text-align: center;
	line-height: 26px;
	font-size: 0.7em;
	border: 1px solid darkslateblue;
	alignment-baseline: baseline;
}
.dloadfile{
  cursor: pointer;
	width: 230px;
	height: 45px;
	line-height: 28px;
	font-size: 0.7em;
  font-weight: bold;
	background-image: url('../img/win10.png');
	background-repeat: no-repeat;
	background-position: 8px 8px;
	border: #0098FD 1px solid;
  border-radius: 6px;
}
.dloaddoc{
  display: block;
  margin: 50px auto 0px auto;
	width: 150px;
	height: 203px;
  text-align: center;
	background-image: url('../img/plaquette.png');
	background-repeat: no-repeat;
  border: #C0C0C0 solid 1px;
  cursor: pointer;
  color: white;
  font-size: 0.1em;
}
.dloaddoc:hover{
  border: #0098FD solid 1px;
	background-image: url('../img/plaquettehot.png');
}
.dloaddoctxt{
  font-size: 0.6em;
  line-height: 1em;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 40px;
  color: #888888;
}
.dldoc{
  display: block;
  margin: 0px auto 0px auto;
  text-align: center;
}
.dldoc img{
  /*cursor: pointer;*/
  margin-bottom: 1px;
}
.dldoc a{
  display: inline-block;
  width: 248px;
}
.dlinfo{
  display: block;
  margin-top: 22px;
  margin-bottom: 90px;
  margin-left: 15px;
  font-size: 0.7em;
  text-align: left;
  padding-left: 8px;
  line-height: 18px;
  color: #999999;
}
.dloadfile:hover{
	background-color: dodgerblue;
}
.download a{
	display: block;
	color: white;
	text-decoration: none;
}
.download a:hover{
	display: block;
	background-color: dodgerblue;
	width: 100%;
	height: 100%;
	background-image: url('../img/download.png');
	background-repeat: no-repeat;
	background-position: 10px 2px;
}
.legend{
  display: block;
	text-decoration: none;
	padding-top: 0px;
  margin-top: 0px;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
  line-height: 1em;
	color: #666666;
}
#error404{
	display:block;
	position: relative;
	top: 75px;
	font-family: Arial, Helvetica, sans-serif;
	color: #808080;
	width: 70%;
	height: 90%;
	margin-top: -50px;
	margin-left: auto;
	margin-right: auto;
	padding: 50px;
	padding-top: 140px;
	text-align: center;
	font-size: 18px;
	line-height: 1.5em;
	background-image: url('../../img/404.jpg');
	background-repeat: no-repeat;
	background-position: center 55px;
}
#error404 h2{
  display: inline-block;
	color: orangered;
	margin-bottom: -20px;
}
#error404 h1{
  display: inline-block;
  color: #c07070;
  color: #f9fbfc;
}
#error404 h3{
  display: inline-block;
  color: white;
}
#error404 p, #error403 p{
  color: white;
}
#error404 .errorinfo{
	margin-top: 150px;
}
#error403{
	display:block;
	position: relative;
	top: 55px;
	font-family: Arial, Helvetica, sans-serif;
	color: #808080;
	width: 70%;
	height: 90%;
	margin-top: -50px;
	margin-left: auto;
	margin-right: auto;
	padding: 50px;
	padding-top: 100px;
	text-align: center;
	font-size: 18px;
	line-height: 1.5em;
	background-image: url('../../img/403.jpg');
	background-repeat: no-repeat;
	background-position: center 55px;
}
#error403 h2{
	color: #e0fd00;
  color:chartreuse;
  font-size: 2em;
	margin-top: 90px;
}
#error403 h3{
	margin-top: 40px;
	margin-bottom: 180px;
  font-size: 1.3em;
  color: aliceblue;
}
#errormsg, #sendmsg{
	display: none;
	height: 20px;
	line-height: 18px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -32px;
	margin-bottom: 10px;
	color: white;
	background-color: red;
	text-align: center;
  width: 100%;
}
#errormsg{
	margin-top: -22px;
}
#sendmsg{
	display: none;
	color: white;
	background-color: #557dff;
}
#formfield{
	padding: 14px;
	padding-top: 0px;
}
#footer {
	position: fixed;
	display: block;
	margin: 0px;
	width: 100%;
	padding-top: 8px;
	height: 30px;
	bottom: 0px;
	background-color: #333350;
  border-top: #557dff solid 2px;
}
#footer:hover, #footer:focus{
	transition: all 0.6s linear 0.3s;
	-webkit-transition: all 0.6s linear 0.3s;
	-moz-transition: all 0.6s linear 0.3s;
	height: 30px;	
	opacity: 1;
}
#footer:hover .menufooter, #footer:focus .menufooter{
	transition: 0.4s 1.4s visibility linear;
	-webkit-transition: 0.4s 1.4s visibility linear;
	-moz-transition: 0.4s 1.4s visibility linear;
	visibility: visible;
}
/*Panneau Menu du haut*/
#header{
	z-index: 30;
	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
	font-size: 1.05em;
	width: 100%;
	position: fixed;
	height: 61px; 
	height: 38px; 
	background-color: #333350;
	background-color: #172e5d;
	margin: 0px;
	color: white;
	top: 0px;
	left: 0px;
	border-bottom-style: solid;
	border-bottom-color: #3962b3;
  border-bottom-color: #7484a4;
  border-bottom-color: #0098FD;
	border-bottom-width: 1px;
}

#logo{
	position: relative;
	z-index: 150;
	float: right;
	width: 141px;
	margin-right: 15px;
	height: 82px;
	margin-top: -20px;
  padding-top: 55px;
	overflow: hidden;
	background: url(../img/logo.png) no-repeat;
}

#slogan, #enslogan {
	display: inline-block;
	position: absolute;
	font-size: 16px;
	font-family: ArchitectsDaughter;
	left: 85px;
	color: white;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
	opacity: 1;
}
#enslogan {
	font-size: 14px;
	left: 65px;
}
#menubtn{
	display: none;
	background-image: url('../img/btnmenu.png');
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	cursor: pointer;
	top: 4px;
	left: 15px;
	width: 45px;
	height: 38px;
}
#menuleft {
	display: none;
  position: fixed;
  top: 39px;
  left: 0px;
  width: 100%;
  height: 225px;
  font-size: 1em;
  line-height: 0.5em;
  white-space: nowrap;
  color:  #b4c1ff;  
  background-color: #07132b;
}
#menuleft .menuactive{
	color: deepskyblue;
  color: #709bff; 
	border-top-style: none; 
}
#menuleft ul{
	margin-top: 1px;
	padding-left: 10px;
	overflow: hidden;
	list-style-type: none;	 
}
#menuleft ul li{
	overflow: hidden;
	margin: -2px;
	margin-left: -20px;
}
#menuleft ul li a:not(.menuactive){
	color: #fff;
}
#menuleft ul li a{
	display: block;
	text-decoration: none;
	text-align: left;
	height: 22px;
	line-height: 20px;
	padding: 3px;
	padding-left: 30px;
	margin: 3px 4px 3px 12px;
}
#menuleft ul li a:hover:not(.menuactive){
	display: block;
  color: #a8c4ff;
}
#menutop{
	display: block;
  z-index: 200;
	font-size: 0.9em;
  font-family: 'Roboto', 'Arial', sans-serif;
}
#menutop ul{
	margin-top: 0px;
	margin-bottom: 6px;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 9px;
	line-height: 28px;
	overflow: hidden;
	list-style-type: none;	 
}
#menutop ul li{
	float: left;
}
#menutop ul li a:not(.menuactive){
	color: #fff;
}
#menutop ul li a{
	text-align:  left;
	text-decoration: none;
	margin-left: 2px;
	margin-right: 2px;
	padding: 5px;
	padding-top: 9px;
}
#menutop ul li a:hover:not(.menuactive){
	color: orangered;
  color: #a8c4ff;
	border-top: 2px solid dodgerblue;
  background-color: #07132b;
}
#text_header {
	display: inline-block;
	height: 55px;
  color: rgb(225,225,255);
  color: rgb(255,255,255);
  text-align: left;
	font-size: 60px;
	padding-top: 15px;
	padding-left: 20px;
	font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  font-weight: 600;
	margin-bottom: 0px;
	opacity: 1;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.6);
}
.admin{
  position:absolute;
  display: block;
  width: 10px;
  right: 0px;
  line-height: 8px;
  margin: -22px 0 0 0;
  cursor: default;
}
.bloclist{
	display: inline-block;
}
.bold{
	font-weight: bold;
}
.brand{
	color: #666677;
	font-style: italic;
	font-weight: bold;
}
.citation{
	font-style: italic;
	color: #769BB4;
}
.formerror, .formstd{
	font-family: Verdana, Tahoma, "Lucida sans", Arial, sans-serif;
	font-size: 0.9em;
	text-align: center;
	margin: auto;
	margin-top: 80px;
	background-color: #faf9f9;
	width: 80%;
	max-width: 500px;
	padding-bottom: 8px;
	border: #CCCCCC solid 2px;
	color: #4d4d6a;
	line-height: 18px;
}
.formerror b, .formstd b{
	display: block;
	font-size: 1em;
	color: white;
	margin-bottom: 40px;
	background-color: red;
	padding: 8px;
	margin-top: 1px;
}
.formstd{
	background-color: #f5fff5;
}
.formstd b{
	color: black;
	background-color: greenyellow;
}
.formstd em{
  font-style: normal;
  font-weight: bold;
	color: orangered;
}
.formtitle{
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 2px;	
	font-variant: small-caps;
	color: #808080;
	margin-top: 25px;
	border-bottom: 2px darkgray solid;
}
.formlabel{
	display: inline-block;
	padding: 3px;
	margin-right: 10px;
	height: 18px;
	width: 20%;
	max-width: 170px;
	min-width: 140px;
}
#contactbug .formlabel{
	min-width: 180px;
  max-width: 180px;
}
.formradio{
	font-family: Verdana, Tahoma, "Lucida sans", Arial, sans-serif;
	font-size: 0.9em;
	color: #808080;
}
.forminput, .shortforminput, .stdforminput{
	padding: 3px;
	margin-right: 0px;
	width: 60%;
	max-width: 400px;
	min-width: 150px;
	height: 18px;
	border: 1px #C0C0C0 solid;
	font-weight: normal;
	font-size: 0.9em;
	color: #808080;
}
#contactbug .stdforminput{
  display: block;
	width: 100%;
  max-width: inherit;
}
#contactbug .formtitle{
	font-size: 1em;
  line-height: 1.1em;
  font-weight: inherit;
  border-bottom: #1021c5 solid 1px;
}
.stdforminput:hover, .shortforminput:hover{
  border-color: #0098FD; 
}
#contact p, #contactbug p{
  margin-bottom: 2px;
  margin-top: 2px;
}
.gotop{
  display: block;
	width: 22px;
	height: 22px;
  background-image: url(../img/top.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0px 0px;
  margin-top: 20px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.gotop:hover{
  background-image: url(../img/tophover.png);
}
.gotop:focus{
  background-image: url(../img/tophover.png);
}
.btnorder{
	display: block; 
	width: 60%; 
	max-width: 450px; 
	text-align: center; 
	margin-left: 20%; 
  margin-right: 20%;
}
.logopaypal{
	display: block;
	position: relative; 
	width: 65px;
	height: 77px;
	left: -30px;
	top: -25px;
	margin-top: -75px;
	background-image: url(../img/paypal/logopaypal.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0px 0px;
}
.shortforminput{
	max-width: 150px;
}
.stdforminput{
	max-width: 450px;
  min-width: 250px;
}
.formarea{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em;
	display: block;
	margin-top: 2px;
	width: 100%;
	height: 12em;
	border: 1px #C0C0C0 solid;	
	color: #808080;
  resize: none;
}
.formfield{
	border: hidden;
}
.formbtn, .formbtnpp{
	font-family: Verdana, Tahoma, "Lucida sans", Arial, sans-serif;
	width: 140px;
	margin-right: 30px;
	cursor: pointer;
	background-color: aliceblue;
	border: 1px cadetblue solid; 
  border-radius: 4px;
	padding: 4px;
	margin-bottom: 8px;
}
.formbtnpp{
  background-color: #63c5e8;
  border: #63c5e8 solid 1px;
  border-radius: 4px;
  color: white;
}
.formbtn:hover{
	border-color: #0098FD;
  background-color: #4774d1;
  color: white;
}
.formbtn:focus{
	border-color: darkturquoise; 
}
.formbtnpp:hover{
  background-color: #4774d1;
  border: #63c5e8 solid 1px;
}
.formbtnpp:focus{
  background-color: #4774d1;
  border: #63c5e8 solid 1px;
}
.formbuttons{
	text-align: center;	
  margin-top: 10px;
}
.formppcancelbtn{
  display: block;
  margin:10px auto -20px auto;
  width: 164px;
  height: 26px;
  text-align: center;
}
.formppcancelbtn input{
  width: 160px;
  height: 26px;
}
.helpupdate{
  
}
.helpupdate p img{
  width: 100%;
}
.helpupdate .legend{
  margin-top: 1px;
}
.note_important p{
  display: block;
  width: 95%;
  background-color: #ededff;
  font-size: 1em;
  line-height: 2em;
  padding: 5px;
  border: #2B55AC solid 2px;
  border-radius: 10px;
  margin: 1em auto 2em auto;
}
.note_important p i{
  display: inline-block;
  width: 100%;
  text-align: center;
}
.note_important p a{
  color: dodgerblue;
  text-decoration: underline;
}
.note{
  display: inline-block;
  background-color: #ededff;
  font-size: 0.7em;
  line-height: 1.5em;
  padding: 1px 5px 1px 5px;
  border: #2B55AC solid 1px;
}
.note .btnmenu{
  font-size: 1em;
}
.note2{
  
}
.notewarning{
  display: inline-block;
  background-color: #e0fd00;
  font-size: 0.7em;
  line-height: 1.5em;
  padding: 1px 5px 1px 5px;
  border: #FF6600 solid 1px;
  color: black;
}
.notewarning .btnmenu{
  font-size: 1em;
}
.paypalform{
  margin-top: -70px;
  margin-bottom: 20px;
}
.paypalform input image:hover{
  border: red solid 1px; 
}
.highlight1{
	color: #0098FD;
	font-style: italic;	
}
.highlight2{
  display: block;
  font-size: 0.9em;
  font-weight: 600;
	color: #808080;
  text-align: left;
  text-transform: uppercase;
  margin-top: 30px;
  margin-bottom: -15px;
  letter-spacing: 1px;
  background-color: #ededed;
  padding: 6px 0px 5px 5px;
}
.highlight3{
  display: inline-block;
  font-weight: 600;
  background-color: #C0C0C0;
  padding: 0px 4px 0px 3px;
  color: white;
}
.highlight4{
  display: inline-block;
  color: #3482c7;
}
a .hint{ 
	position: absolute; 
	z-index: 100;
	width: 85%;
	max-width: 680px;
	left: 18%;
	margin-top: 25px; 
	margin-left: -4.2em;
	border: 1px solid deepskyblue;
	border: 1px solid dodgerblue; 
	border-left-width: 8px;
	color: white; 
	background: rgba(20,20,20,.8); 
	font-size: 1em;
	line-height: 1.4em;
	padding: 12px; 
	padding-top: 30px;
	padding-bottom: 20px;
	text-align: left;
	border-radius: 3px; 
	box-shadow: 0px 0px 6px rgba(0,0,0,0.7);
	transform: scale(0);
	-webkit-transform: scale(0);
	transition: all .3s; 
	-webkit-transition: all .3s; 
	-moz-transition: all .3s; 
	opacity: 0;
 }
.hint .t2{
	display: block;
	text-decoration: none;
	color: #333333;
	background-color: #CCCCCC;
	padding-top: 1px;
	padding-bottom: 1px; 	
	text-align: center;
	line-height: 18px;
}
.hint .t3{
	display: block;
	text-decoration: none;
	color: #b5cfff;
}
.hint .list3{
  color: white;
}
.containerimg{
  line-height: 1.2em;
}
.containerimg .titletop{
  margin-top: -2em;
}
.containerimg p{
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.containerimg img{
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.containerimg p a:not(.linkhint){
  text-align: left;
  font-size: 0.8em;
  line-height: 0.5em;
}
.containerimg .legend{
  margin-top: 0.2em;
}
#container .hint .t1, #dark .hint .t1{
	color: white;
	display: block;
	font-weight: 500;
	margin: -9px;
	margin-top: -27px;
	margin-bottom: 12px;
	padding-top: 0px;
	text-align: center;
	line-height: 26px;
	background-color: dodgerblue;
}
#container h1{
  display: block;
  font-size: 1.8em;
  text-align: center;
  margin: -60px auto 110px auto;
  color: #2B55AC;
  text-shadow: 0px 0px 22px #2B55AC;
}
#container h2{
  font-size: 1.2em;
  text-align: center;
  margin: -90px auto 80px auto;
  color: white;
  background-color: #0098FD;
  padding: 5px 2px;
  font-weight: lighter;
}
#container h3{
	display: inline-block;
  background-color: #4774d1;
	font-size: 0.9em;
  line-height: 1.4em;
	font-weight: 500;
	text-align: left;
	margin-bottom: 20px;
  color: white;  
	padding: 2px 20px 2px 15px; 
  border: darkblue solid 1px;
	box-shadow: 3px 3px 0px 1px gainsboro;
}
#container h4{
  display: block;
  font-size: 0.9em;
  margin: 0.5em 0 0 0;
}
#container h5{
  display: block;
  font-size: 0.8em;
  margin: 0.2em 0 -1em 0;
  color: #855;
}
#container .dlh1 h1{
  display: block;
  font-size: 1.3em;
  text-align: center;
  margin: -90px auto 80px auto;
  color: #b5cfff;
  padding: 2px 2px 10px 2px;
  font-weight: lighter;
  width: 100%;
	background-color: #2B55AC;
  text-shadow: 0px 0px 0px #0098FD;  
}
.bodycenter{
  display: block;
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  text-align: center;
}
.bodyleft{
  display: block;
  text-align: left;
}
.bodyleft a{
  color: #0098FD;
  border-bottom: #0098FD dotted 1px;
}
.bodyleft a:hover{
  color: orangered;
  border-bottom: orangered dotted 1px;
}
.faqques{
	display: block;
	background-color: #C0EFEF;
  background-color: #2b4f74;
	color: #006666;
  color: aliceblue;
	min-height: 32px;
	background-image: url(../img/question.png);
	background-position: 10px 5px; 
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-top: 40px;
	padding-left: 52px;
	padding-right: 10px;
	padding-top: 8px;
	padding-bottom: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.7em;
	line-height: 16px;
}
.faqresp{
	display: block;
	background-color: #DBE3F7;
	font-style: italic;
	line-height: 20px;
	padding-top: 5px;
	padding-bottom: 12px;
	padding-left: 8px;
	padding-right: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-top: 4px;
	text-align: justify;
}
.faqresp b{
	color: #333333;
}
.hint b{
	font-weight: 600;
	color: #e0fd00; 
}
.hint em{
	font-style: normal;
	color: black;
	color: white;
	background-color: #b0ccec;
	background-color: #666666;
	padding-left: 3px;
	padding-right: 3px;
	border: white solid 1px;
	border: #C0C0C0 solid 1px;
	font-size: 0.9em;
}
.hint img{
	float: right;
	background-size: contain;
}
a:hover .hint{ 
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1;
}
.imgpaypal{
  display: block;
  width: 200px;
  text-align: center;
  margin: 35px auto 0px auto;
}
.imgpaypal img{
  width: 200px;
  height: auto;
}
.imghint{
	display: inline-block;
	text-decoration: none;
	color: inherit;
	background-image: url('../img/voir.png');
	background-repeat: no-repeat;
	background-size: contain; 
	width: 18px;
	height: 16px;
	margin-left: -5px;
	margin-right: -3px;
} 

.imghint:hover{ 
	cursor: help;
}
.imgpopup{
	position: fixed;
	z-index: 60;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	top: 42px;
	left: 8px;
	transform: scale(0);
	-webkit-transform: scale(0);
	transition: all .5s; 
	-webkit-transition: all .5s; 
	-moz-transition: all .5s; 
	opacity: 0;
	background: none;
}
.imgpopup img{
	width: 100%;
	height: 100%;
}
.info{
  background-color: #ededed;
}
.info1{
  text-align: center;
  font-size: 0.8em;
  line-height: 1.4em;
  width: 90%;
  margin: -20px auto 30px auto;
  background-color: #DBE3F7;
  color: #2B55AC;
}
.info2{
  background-color: #FF6600;
  font-size: 1em;
  color: white;
  padding: 5px; 
  margin-top: 35px;
}
.info3{
  background-color: #3e95f4;
  color: white;
  padding: 0px 5px; 
}
.info4{
  background-color: #9DFF99;
  font-weight: bold;
}
.info5{
  display: inline-block;
  text-align: left;
  background-color: #ffff99;
  padding: 0.2em;
}
.info5 code{
  color: tomato;
  font-weight: bold;
}
.infoprice{
	display: block;
	background-color: #4D94C4;
	color: white;
	margin: 18px 0px 0px 0px;
	padding: 4px 8px 4px 8px;
	line-height: 17px;
  text-align: left;
}
a:hover .imgpopup{ 
	transform:scale(1);
	-webkit-transform: scale(1);
	opacity: 1;
}
.important, important2{
	display: block;
  font-size: 0.9em;
	line-height: 16px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: -5px;
	text-align: center;
	background-color: #e0fd00;
	padding: 5px;
	color: #333333;
	font-weight: 500;
}
.important2{
  font-size: 0.8em;
	margin-top: 5px;
	text-align: left;
	background-color: #e0fd00;
	font-weight: normal;
  padding-left: 5px;
	line-height: 1.2em;
}
.important2 b{
  color: red;
}
.izi{
  font-weight: bold;
  color: #849dcb;
}
.linkblind a{
  color: inherit;
  font-size: inherit;
  font-weight: bold;
}
.linkhint{
	text-decoration: none;
	display: inline-block;
	background-image: url('../img/info.png');
	background-repeat: no-repeat;
	background-size: 16px 16px;
	width: 18px;
	margin-left: 4px;
} 
.linkhint:hover{ 
	cursor: help;
}
.link1, link2{
	color: #808080;
	font-size: 0.9em;
}
.link2{
  text-align: center;
}
.linkdl{
	color: orangered;
	text-decoration: none;
}
.linkdl:hover{
  color: #0098FD;
}
.list0{
  font-size: 0.85em;
  text-align: left;
  list-style: none;
  line-height: 1.8em;
  margin-left: -20px;
}
.list0 a{
  text-decoration: underline;
	color: #808080; 
}
.list0 a:hover{
  text-decoration: none;
	color: steelblue; 
}
.list1, .list2, .list3{
	list-style-image: url('../img/puce03.gif');
	font-size: 0.9em;
	line-height: 1.4em;
	color: #666666;
  text-align: left;
}
.list2, .list3, .list2a{
	list-style-image: url('../img/puce01.gif');
	line-height: 1.6em;
}
.list2 img{
  vertical-align: middle;
}
.list2a{
  color: #657fff;
}
.list3{
  font-size: 0.8em;
}
.main{
	width: 100%;
	margin: 0 auto;
}
.money{
  display: block;
  background-color: #ffefef;
  padding: 8px 10px 8px 10px;
  border: orangered solid 1px;
  background-color: #698efb;
  color: white;
  border: #3851a5 solid 1px;
}
.money .brand{
  color: #d5e0ff;
}
.money .izi{
  color: #edffa5;
}
.money .list3{
  color: white;
}
.money a{
  color: #7ce8ff;
  border-bottom: #7ce8ff dotted 2px; 
}
.money a:hover{
  color: #ffb274;
  border-bottom: #ffb274 dotted 2px; 
}
#container .money h2{
  display: block;
  font-size: 1.2em;
  color: orangered;
  margin: -5px auto -15px auto;
  padding: 0px 10px 5px 10px;
  background-color: #ffefef;
  background-color: #b1c4fb;
  color: #001c70;
  border: #7979ff solid 2px;
  border: #e0e0ff solid 2px;
}
.buytext{
  z-index: 20;
  display: block;
  position: fixed;
  height: 20px;
  line-height: 18px;
  top: 39px;
  left: 0px;
  width: 100%;
  color: #b5cfff;
  background-color: rgba(0,0,60,0.6);
}
.trialtext{
  position: fixed;
  display: block;
  z-index: 20;
  position: absolute;
  height: 20px;
  line-height: 18px;
  left: 0px;
  top: 39px;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  color: white;
  background-color: rgba(0,0,60,0);
  background-color: #172e5d;
}
.maintitle2{
 	font-family: 'Arial Black', 'Arial Rounded MT Bold', Arial, sans-serif;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 85px;
	font-size: 1.9em;
	text-shadow: 4px 4px 16px #011767;
  color: white;
	line-height: 44px;
}
.numstep{
  text-align: left;
  margin-left: 10px;
  vertical-align: top;
  line-height: 1.2em;
  font-size: 0.8em;
}
.numstep img{
  max-width: 90%;
  height: auto;
}
.sitemap{
	padding-left: 20px;
}
.maplnk p :not(.list1) :not(a) :not(b){
	text-align: left;
	text-indent: 20px;
	padding-left: 20px;
	color: red;  
}
.maplnk a{
	display: block;
	background-color: aliceblue;
	color: #2B55AC;
	text-decoration: none;
	line-height: 22px;
	cursor: pointer;
	margin-top: 35px;
	margin-bottom: -25px;
	padding-left: 10px;
}
.maplnk a:hover{
	background-color: #2B55AC;
	color: aliceblue;
}
.menuactive {
	cursor: default;
  color: #709bff; 
  background-color: #030916;
	font-weight: 500;
	text-align: center;
	border-top: 2px solid dodgerblue; 
}
.menufooter {
	text-align: center;
	line-height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: white;
	margin-top: -8px;
}
.menufooter a{
	padding: 5px 12px 5px 12px;
}
.menufooteractive {
  color: #709bff; 
  cursor: default;
}
.menufooter a:not(.menufooteractive) {
	color: white;
	text-decoration: none;
}
.menufooter .menufooteractive a:hover {
	color: yellow;
}
.menufooter a:hover:not(.menufooteractive) {
	color: #e0fd00;
  color: #a8c4ff;
}
.new{
  font-family: 'Arial Rounded MT Bold', Arial, sans-serif;
  text-align: center;
  line-height: 1em;
  width: 250px;
  display: block;
  font-size: 1.3em;
  background-color: #89d9ff;
  color: #005a84;
  margin: -35px auto 1em auto;
  padding: 0.25em 1em 0.25em 1em;
  border: #005a84 solid 2px;
  text-shadow: 2px 2px 4px #005a84;
}
.new .small{
  font-size: 0.5em;
  color: #005a84;
}
a.new{
  text-decoration: none;
}
a.new:hover{
  background-color: #ade5ff;
}
.newversion{
  font-family: 'Arial Rounded MT Bold', Arial, sans-serif;
  text-align: center;
  line-height: 1em;
  width: 250px;
  display: block;
  font-size: 1.3em;
  background-color: #89d9ff;
  color: #005a84;
  margin: -35px auto 1em auto;
  padding: 0.25em 1em 0.25em 1em;
  border: #005a84 solid 2px;
  text-shadow: 2px 2px 4px #005a84;
}
.newversion .small{
  font-size: 0.5em;
  color: #005a84;
}
a.newversion{
  text-decoration: none;
}
a.newversion:hover{
  background-color: #ade5ff;
}
.newinfo{
  display: block;
  background-color: #DBE3F7;
  padding: 0.25em 1em 0.25em 1em;
  line-height: 1.4em;
  font-size: 0.7em;
  margin: 5px 0px 2.5em 0px;
  border-radius: 6px;
}
.newinfo .izi{
  color: #557dff;
}
.nouveau{
  font-family: 'Arial', sans-serif;
  font-size: 0.8em;
  font-weight: 700;
  color: white;
  background-color: red;
  border: #666 solid 1px;
  padding: 4px;
  padding-left: 6px;
  padding-right: 6px;
  text-align: center;
}
.small{
  margin-top: -30px;
  font-size: 0.75em;
}
.payment{
	text-align: center;
}
.payment img{
	display: inline-block;
  margin: 2px;
	margin-top: -20px;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
  border: #CCCCCC solid 1px;
}
.payment img:hover{
  border-color: #999999;
}
.ppcardsimg{
  display: block;
  width: 230px;
  margin: -20px auto 0px auto;
}
.paytitle, .paytitlechq{
	display: block;
	width: 100%;
	height: 40px;
	background-color: steelblue;
	color: white;
	margin-bottom: 25px;
	margin-top: 35px;
	line-height: 40px;
}
.paytitlechq{
	line-height: 20px;
}
.alleft{
  display: inline-block;
  font-size: 0.9em;
  text-align: left;
}
.sample{
  display: inline-block;
  font-family: monospace;
  text-align: left;
  font-size: 0.85em;
  letter-spacing: 0.15em;
}
.succesimg, .cancelimg, .defferedimg{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 76px;
  height: 76px;
  margin-top: 20px;
}
.succesimg{
  background-image: url("../img/success.png");
  background-repeat: no-repeat;
  background-size: contain; 
}
.cancelimg{
  background-image: url("../img/cancel.png");
  background-repeat: no-repeat;
  background-size: contain; 
}
.defferedimg{
  background-image: url("../img/deffered2.png");
  background-repeat: no-repeat;
  background-size: contain; 
  margin-bottom: 40px;
}
.num{
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  color: white;
  font-size: 0.75em;
  line-height: 20px;
  background-color: #3482c7;
  text-align: center;
}
.imgpaidppinfos{
  display: block;
  margin: 0px auto 20px auto;
}
.imgpaidppinfos img{
  display: block;
  width: 100%;
  max-width: 650px;
  margin: 0px auto 0px auto;
}
.ppbuttons{
  display: block;
  height: 60px;
  margin-top: 50px;
}
#ppreturn{
  width: 250px;
  height: 34px;
  margin-top: 15px;
  background-color: #009cde;
  color: white;
  font-size: 0.9em;
  font-weight: bold;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
#ppreturn:hover{
  background-color: #33b0e5;
}
.ppmsg{
  margin-top: -18px;
  font-size: 0.8em;
  text-align: center;
  font-style: italic;
  color: #666666;
}
.ppreturnlabel{
  font-size: 0.6em;
  margin-top: 0px;
}
.pptable{
  font-size: 0.8em;
  margin: 30px auto 20px auto;
  width: 60%;
}
.pptable th{
  text-align: center;
  background-color: #849dcb;
  color: white;
  line-height: 22px;
  font-size: 0.8em;
}
.pptable td:nth-child(odd){
  width: 20%;
  padding-left: 8px;
  padding-right: 5px;
  font-weight: 600;
  background-color: #f0f0f0;
}
.pptable td:nth-child(even){
  padding-left: 15px;
  background-color: #ffffff;
}
.homepicture .sticker{
  position: relative; 
  z-index: 15; 
  display: inline-block;
  background-image: url("../img/sticker.gif");
  background-repeat: no-repeat;
  background-size: contain; 
  background-position-y: 0px;
  background-position-x: 100%;
  top: 80px; 
  left: -25%;
  width: 127px;;
  height: 118px;
  text-align: right;
}
.tblegal{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	border: 1px #ffffff solid;
	border-collapse: collapse;
	line-height: 18px;
	font-size: 0.8em;
}
.tblegal th{
	background-color: #F0F0F0;
	color: #333333;
	font-weight: 500;
	padding: 5px 0 5px 0;
	border: 1px #ffffff solid;
	border-collapse: collapse;
	text-align: center;
}
.tblegal td{
	background-color: #fafafa;
	color: #808080;
	padding: 2px 0 8px 20px;
	border: 1px #ffffff solid;
	text-align: left;
}
.tbstd, .tbutils{
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	width: 100%;
  max-width: 1000px;
	font-size: 0.9em;
}
.tbstd th{
	background-color: #F0F0F0;
	color: #555555;
	border: 1px #FFFFFF solid;
	border-collapse: collapse;
	padding: 2px 2px 2px 15px;
	text-align: left;
	font-size: 0.8em;
	font-weight: normal;
}
.tbstd td{
	background-color: #fafafa;
	color: #666666;
	border: 1px #FFFFFF solid;
	border-collapse: collapse;
	padding: 2px 2px 2px 15px;
	text-align: left;
	font-size: 0.8em;
	font-weight: normal;
}
.tbstd td a{
  color: #0479ff;
}
.tbstd td a:hover{
  color: coral;
}
.tbstd .tbcoltitle{
	color: #555555;
	width: 38%;
	font-weight: bold;
}
.tbstd .tbcolnote{
  border-collapse: collapse;
  background-color: #9DFF99;
  border: darkseagreen solid 2px; 
  text-align: center;
  font-size: 1em;
  color: #111;
}
.tbstd .tbcolnote a{
  color: blue;
  text-decoration: none;
}
.tbstd .tbcolnote a:hover{
  color: red;
}
.info_version{
  display: block;
  width: 95%;
  max-width: 1000px;
  margin: 1em auto 1em auto;
  background-color: #ededff;
  font-size: 0.8em;
  padding: 2px 6px 2px 6px;
  border: #1021c5 1px solid;
}
.info_version b{
  white-space: nowrap;
}
.info_version i{
  display: block;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  color: #0312be;
}
.tbutils{
  margin-top: 10px;
  width: 100%;
  text-align: left;
}
.tbutils td img{
  width: 100%;
  max-width: 589px;
  height: auto;
}
.tbutils figcaption{
  font-size: 0.7em;
  margin-top: -12px;
}
.title1, .titletop, .titletoppaypal{
	display: block;
	clear: both;
	font-size: 1.3em;
	font-weight: 500;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
	color: steelblue;
	padding-top: 20px;
	padding-bottom: 4px;
	border-bottom-style: solid;
	border-bottom-width: 3px;
  border-bottom-color: dodgerblue;
}
.title2{
	display: inline-block;
  background-color: #4774d1;
	font-size: 0.9em;
	font-weight: 500;
	text-align: left;
	margin-bottom: 20px;
  color: white;  
	padding: 2px 20px 2px 15px; 
  border: darkblue solid 1px;
	box-shadow: 3px 3px 0px 1px gainsboro;
}
.title3{
	display: inline-block;
	font-size: 0.75em;
	font-weight: 600;
	text-align: left;
	padding: 3px 5px 3px 5px; 
  background-color: #849dcb;
  color: white;
  margin-bottom: -5px;
  margin-top: 24px;
}
.title4{
  text-align: left;
  font-weight: 600;
  font-size: 0.9em;
  color: #7484a4;
  border-bottom: #0098FD solid 1px;
}
.title5{
  text-align: left;
  font-weight: 600;
  font-size: 1em;
  color: #2B55AC;
  border-bottom: #0098FD solid 1px;
}
.title6{
  display: inline-block;
  text-align: left;
  color: #2B55AC;
  border-bottom: #0098FD solid 1px;
  margin: 1.2em 0 0 0;
}
.titletop, .titletoppaypal{
	margin-top: -70px;
}
.titlehint{
	display: block;
	color: white;
	background-color: deepskyblue;
	font-weight: 500;
	margin-top: -25px;
	margin-bottom: 8px;
}
.homepicture{
  display:inline-block;
  width: 100%;
  height: auto;
  margin: -170px auto 35px auto;
  text-align: center;
}
.homepicture img{
  width: 80%;
  max-width: 600px;
  height: auto;
}
.white_red{
	background-color: red;
	color: white;
	padding-left: 3px;
	padding-right: 3px;
}
.why{
  display: block;
	font-family: Verdana, Tahoma, "Lucida sans", Arial, sans-serif;
	width: 250px;
  height: 32px;
	cursor: pointer;
	padding: 4px 4px 4px 7px;
  margin: 20px auto 0px auto;
  background-color: dodgerblue;
  border: #81b3ef solid 1px;
  border-radius: 8px;
  color: white;
  line-height: 28px;
  text-align: center;
}
.why a{
  color: white;
  text-decoration: none;
}
.why a:hover{
  color: white;
  text-decoration: none;
}
.why:hover{
  background-color: #657fff;
  border: #81b3ef solid 1px;
}
.why:focus{
  background-color: #4D94C4;
  border: #63c5e8 solid 1px;
}
.author{
	color: #4D94C4;
	font-weight: 300;
}
.singer{
	color: #769BB4;
}
.ppbtn{
  margin-top: -20px;
}
.ppbtn img{
  margin-top: 20px;
}
.line1{
  display: block;
  width: 100%;
  border-bottom: #DBE3F7 solid 2px;
  margin-top: 45px;
}
.line2{
  display: block;
  width: 80%;
  border-bottom: #afa9a9 solid 2px;
  margin: 45px auto 20px auto;
}
.webcopy{
  margin-top: 5px;
  color: #999999;
  font-size: 0.8em;
  line-height: 1em;
}
.trialnote{
  color: #999999;
  font-size: 0.8em;
  line-height: 1em;
  margin-bottom: -20px;
  margin-top: 35px;
}
.copyright {
  display: block;
  width: 100%;
  text-align: right;
  padding-right: 15px;
}
@media only screen and (max-width: 1200px) {
  .marquee{
    width: 140%;
    left: -40%;
  }
  #container .dlh1 h1{
    font-size: 1.18em;
  }
  #container h2{
    font-size: 1.15em;
    line-height: 1.2em;
  }
	.imgpopup img{
		max-width: 990px;
	}
	.tbscreenshot .scrcol3, .tbscreenshot .scrcol4{
		display: none;
	}
	.tbscreenshot2{
		display: block;
	}
}

@media only screen and (max-width: 1050px) {
  #container h1{
    font-size: 1.7em;
  }
  .list0{
    font-size: 0.72em;
  }
	.screenshothint img, imgpopup img{
		max-width: 870px;
		height: auto;
	}
  .titletoppaypal{
    font-size: 1.2em;
  }
  .bodycenter{
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }
  .videos video{
    width: 110%;
    margin-left: -5%;
  }
}
@media only screen and (max-width: 900px) {
  .marquee{
    width: 170%;
    left: -70%;
    -webkit-animation: marquee 20s linear infinite;
            animation: marquee 20s linear infinite;
  }
	#menutop{
		display: none;
	}
	#menubtn{
		display: inline-block;
	}
	#menubtn:hover #menuleft{
		display: block;
	}
	#container, #dark{
		width: 72%;
	}
  #container h1{
    font-size: 1.5em;
  }
	#errormsg{
		font-size: 0.9em;
	}
  .btnfb{
    left: 70px;
  }
  .list0{
    font-size: 0.65em;
    margin-left: -30px;
  }
  .pptable{
    width: 75%;
  }
	.tblegal{
		font-size: 0.8em;
	}
	.tbstd{
		font-size: 0.8em;
	}
  .titletoppaypal{
    font-size: 1.1em;
  }
  .screenshothint img, .imgpopup img{
		max-width: 780px;
		height: auto;
	}
  .newyear{
    /*right: 3%;*/
  }
}

@media only screen and (max-width: 800px) {
  #container, #dark{
		width: 74%;
	}
	.menufooter{
		font-size: 0.8em;
	}
	.screenshothint img, .imgpopup img{
		max-width: 760px;
		height: auto;
	}
}

@media only screen and (max-width: 780px) {
  #container h1{
    font-size: 1.2em;
  }
  #container h2{
    font-size: 1em;
    line-height: 1.2em;
  }
	.maintitle2{
		font-size: 1.8em;
	}
	.tblegal{
		font-size: 0.72em;
		max-width: 630px;
		height: auto;
	}
  .titletoppaypal{
    font-size: 1.1em;
  }
  .bodycenter{
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
  .formlabel, .shortforminput, .stdforminput{
		display: block;
    width: 90%;
	}
}

@media only screen and (max-width: 650px) {
  #container h1{
    font-size: 1em;
  }
  #container h2{
    font-size: 0.9em;
  }
  #errormsg{
		font-size: 0.8em;
	}
	.maintitle2{
		font-size: 1.6em;
	}
	.tbstd{
		font-size: 0.75em;
	}
	.tbstd th, .tbstd td{
		padding: 2px 4px 2px 2px; 
	}
	.titletop{
		font-size: 1.3em;		
	}
	.titletoppaypal{
		font-size: 0.95em;		
	}
	.screenshothint img, .imgpopup img{
		max-width: 550px;
		height: auto;
	}
  .idpaypal{
    display: block;
  }
  .videos video{
    width: 120%;
    margin-left: -10%;
  }
}

@media only screen and (max-width: 580px) {
	#container, #dark{
		width: 85%;
		padding-right: 12px;
		padding-left: 12px;
	}
  .title4{
    font-size: 0.7em;
    line-height: 1.2em;
  }
	.maintitle2{
		font-size: 1.5em;
	}
	.menufooter {
		font-size: 0.8em;
	}
	.menufooter a{
		padding: 5px 6px 5px 6px;
	}
  .pptable{
    font-size: 0.7em;
  }
	.tblegal{
		width: 95%;
		font-size: 0.7em;
	}
	.tbstd{
		font-size: 0.7em;
	}
	.tbscreenshot{
		display: none;
	}
	.tbscreenshot2{
		display: none;
	}
	.tbscreenshot3{
		display: block;
	}
	.titletoppaypal{
		font-size: 0.9em;		
	}
	.screenshothint img, .imgpopup img{
		max-width: 520px;
		height: auto;
	}
  .title6{
    font-size: 0.9em;
  }
  .newyear{
/*    z-index: 22;
    right: 2%;*/
  }
}

@media only screen and (max-width: 540px) {
	#container .title1{
		font-size: 1.1em;		
	}
	#dark .title1{
		font-size: 1.1em;		
	}
	.titletoppaypal{
		margin-left: 5px;
	}
	.logopaypal{
		width: 45px;
		height: 53px;
		left: -20px;
		top: -28px;
		background-size: contain;
	}
	.menufooter {
		font-size: 0.8em;
	}
	.menufooter a{
		padding: 5px 4px 5px 4px;
	}
	.list1{
		font-size: 0.9em;
		line-height: 1.4em;
	}
  .pptable{
    width: 90%;
  }
	.screenshothint img, .imgpopup img{
		max-width: 460px;
		height: auto;
	}
  #contact legend{
    font-size: 0.95em;
  }
  .alert{
    font-size: 0.7em;
    width: 90%;
  }
}

@media only screen and (max-width: 490px) {
  #container h3{
		font-size: 0.9em;
		font-weight: 200;
		line-height: 18px;
		padding: 2px 10px 2px 5px; 
  }
	#container .title1{
		font-size: 1.2em;	
		padding-top: 15px;
		line-height: 20px;
	}
  #container .dlh1 h1{
    font-size: 1em;
  }
  #container h2{
    font-size: 0.8em;
    line-height: 1.2em;
  }
  #container .money h2{
    font-size: 1em;
  }
  .admin{
    margin-top: -35px;
  }
	#container .title2{
		font-size: 0.9em;
		font-weight: 200;
		line-height: 18px;
		padding: 2px 10px 2px 5px; 
	}
	#dark .title1{
		font-size: 1.2em;	
		padding-top: 12px;
		line-height: 20px;
	}
	#dark .title2{
		font-size: 0.9em;
		font-weight: 200;
		line-height: 18px;
		padding: 2px 10px 2px 5px; 
	}
  .title6{
    font-size: 0.8em;
  }
	.maintitle2{
		font-size: 1.2em;
	}
  .menufooter{
    font-size: 0.7em;
  }
  .menufooter a{
    padding: 5px 2px 5px 2px;
  }
	a .hint{ 
		width: 80%;
		max-width: 320px;
		left: 18%;
		font-size: 0.8em;
		line-height: 1.6em;
	 }
	.tblegal{
		width: 95%;
		font-size: 0.68em;
	}
	.btnorder{
		margin-left: 3px;
	}
	.shortforminput, .stdforminput{
		width: 90%;
	}
	.screenshothint img, .imgpopup img{
		max-width: 360px;
		height: auto;
	}
  .videos .credits{
    font-size: 0.65em;
    line-height: 1.2em;
  }
  #container p{
    font-size: 0.8em;
    line-height: 1.4em;
  }
  #container .titletop{
    font-size: 1.2em;
  }
}

@media only screen and (max-height: 760px) {
	.screenshothint img, .imgpopup img{
		max-height: 560px;
		width: auto;
	}
}

@media only screen and (max-height: 650px) {
	.screenshothint img, .imgpopup img{
		max-height: 490px;
		width: auto;
	}
}

@media only screen and (max-height: 570px) {
	a .screenshothint{ 
		top: 2px;
		left: 1px;
	}
	.screenshothint img, .imgpopup img{
		max-height: 450px;
		width: auto;
	}
}

@media only screen and (max-height: 500px) {
	#footer{
		transition: all 0.6s linear 0.3s;
		-webkit-transition: all .5s; 
		-moz-transition: all .5s; 
		height: 12px;	
		opacity: 0.1;
	}
	.menufooter{
		visibility: hidden;
	}
	.screenshothint img, .imgpopup img{
		max-height: 420px;
		width: auto;
	}
}

@media only screen and (max-height: 450px) {
	a .imgpopup{
		top: 10px;
	}
	.screenshothint img, .imgpopup img{
		max-height: 330px;
		width: auto;
	}
}

@media only screen and (max-width: 400px) {
	#container h3{
		font-size: 0.9em;
	}
	#container .title1{
		font-size: 1.2em;
		font-weight: 200;
		padding-top: 10px;
		padding-bottom: 2px;
	}
	#container .title2{
		font-size: 0.9em;
	}
  .title4{
    font-size: 0.7em;
    line-height: 1.2em;
  }
	#enslogan{
		font-size: 0.8em;
		left: 40px;
  }
	#dark .title1{
		font-size: 1.2em;
		font-weight: 200;
		line-height: 1.2em;
		padding-bottom: 2px;
	}
	#dark .title2{
		font-size: 0.8em;
	}
	.maintitle2{
		font-size: 1em;
	}
	.menufooter {
		font-size: 0.6em;
	}
	.menufooter a{
		padding: 1px 2px 1px 2px;
	}
	.tblegal{
		width: 100%;
		font-size: 0.68em;
		padding-left: 5px;
	}
	.screenshothint img, .imgpopup img{
		max-width: 350px;
		height: auto;
	}
  .videos h5{
    font-size: 0.6em;
    padding-right: 0.5em;
    padding-bottom: 0.7em;
  }
}

@media only screen and (max-width: 360px){
	#slogan{
		font-size: 0.8em;
		left: 50px;
	}
	#container .title1{
		font-size: 1.2em;
		font-weight: 100;
		padding-bottom: 2px;
		line-height: 15px;
	}
	#dark .title1, #dark .titletop{
		font-size: 1.2em;
		font-weight: 100;
		padding-bottom: 2px;
		line-height: 15px;
	}
	.title2{
		font-size: 0.9em;
		font-weight: 200;
		line-height: 18px;
		padding: 2px 20px 2px 10px; 
	}
	.screenshothint img, .imgpopup img{
		max-width: 300px;
		height: auto;
	}
}

@media only screen and (max-height: 360px) {
	.screenshothint img, .imgpopup img{
		max-height: 280px;
		width: auto;
	}
}

@media only screen and (max-width: 300px) {
	#slogan {
		font-size: 0.75em;
		left: 0px;
	}
	#text_header {
		font-size: 2.8em;
		margin-bottom: 0px;
		padding-left: 10px;
  }
	.screenshothint img, .imgpopup img{
		max-width: 250px;
		height: auto;
	}
}

@media only screen and (max-height: 300px) {
  .screenshothint img, .imgpopup img{
		max-height: 260px;
		width: auto;
	}
}