/* ######################################################################### */
/* PORT_SCREEN.CSS: Feuille de Style Generale.
/* ######################################################################### */
@-webkit-viewport {
   width: device-width;
   zoom: 1;
}
@-moz-viewport {
   width: device-width;
   zoom: 1;
}
@-ms-viewport {
   width: device-width;
   zoom: 1;
}
@-o-viewport {
   width: device-width;
   zoom: 1;
}
@viewport {
   width: device-width;
   zoom: 1;
}
@font-face{
   font-family: 'Open Sans';
   font-style: normal;
   font-weight: 400;
   src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.eot);
   src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.eot?#iefix) format('embedded-opentype'),
       url(/css/font/OpenSans-Regular-webfont.woff) format('woff'),
       url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.ttf) format('truetype'),
       url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular) format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

*,  *:before, *:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
html {
   height: 100%;
}
body {
   height: 100%;
   min-height: 100%;
	background-color: #FFFFFF;
	color: #404040;
	font-family: "Open Sans", arial, sans-serif;
	font-size: 1em;
}
html, body {
	margin: 0;
	padding: 0;
}
a, abbr, acronym, address, applet, article, aside, audio, cite, code, del, dfn, div, em, figure, footer, h1, h2, h3, h4, header, frame, img, object,
p, pre, span, ins, kbd, q, s, small, strong, sub, sup, tt, center, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
canvas, details, embed, hgroup, nav, output, section, video {
   border: 0 none;
   padding: 0;
}
a { color: #4040FF; }
a:hover { color: #0000FF; }
a:active { outline: none; }
a:focus { outline: none; }
div {
   margin: 0;
   padding: 0;
   border: 0;
   border: none;
}
blockquote {
   display: inline;
}
h1 {
   margin: 0;
   margin-bottom: 2px;
   padding-top: 0px;
   padding-left: 10px;
   font-weight: bold;
   font-size: 1.4em;
   text-decoration: underline;
   text-align: left;
   color: #404040;
}
h2 {
   margin: 0;
   margin-bottom: 7px;
   font-size: 1.2em;
   font-weight: bold;
   border-bottom: 1px solid #DDDDDD;
   color: #83C60E;
   border-bottom: #83C60E 2px solid;
}
h3 {
   margin: 0;
   margin-bottom: 2px;
   padding-top: 0px;
   padding-left: 15px;
   font-size: 1.1em;
   font-weight: bold;
   text-decoration: none;
   text-align: left;
   color: #404040;
}
img {
   margin: 0;
   padding: 0;
   border: 0;
   border: none;
}
form {
   vertical-align: middle;
   margin: 0;
   padding: 0;
}
input {
   margin: 0;
   padding: 0;
   outline: none;
   color: #404040;
   vertical-align: middle;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
}
input[type=radio] {
   margin-top: 6px;
   margin-left: 5px;
   margin-right: 4px;
}
input[type=submit] {
   height: 36px;
}
input[type=text] {
   height: 36px;
}
input.TXT {
   margin-top: 10px;
   border: 2px solid #3F8ACF;
   padding: 3px 5px;
   font-size: 18px;
   font-weight: bold;
}
input.whom {
   display: none;
}
li {
   border: 0 none;
   margin: 0;
   padding: 0;
   vertical-align: middle;
   list-style-type: none;
}
li:before {
   content: none;
}
li.help:before {
   color: #000000;
   content: "→ ";
}
option.OPT {
   color: #404040;
   font-size: 16px;
}
p {
   font-size: 10px;
   margin: 0;
   padding: 0;
   border: 0;
   border: none;
   color: #404040;
   display: none;
}
span {
   margin: 0;
   padding: 0;
   border: 0;
   border: none;
}
select {
   margin: 0;
   vertical-align: middle;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
}
select.SEL {
   margin-top: 10px;
   height: 36px;
   border: 2px solid #3F8ACF;
   padding: 2px 5px;
   font-size: 18px;
   color: #404040;
}
sup {
   margin-left: 2px;
   font-weight: normal;
	font-size: 11px;
   vertical-align: 30%;
}
table {
   margin: 0;
   padding: 0;
   border: 0;
   border-spacing: 0;
   border-collapse: collapse;
}
td {
   padding: 0;
   text-align: left;
   color: #404040;
}
ul {
   border-collapse: collapse;
   margin: 0;
   padding: 0;
   list-style-type: none;
}
ul.help {
   margin: 7px 0px 0px 25px;
}
wbr:after {
   content: "\00200B";
}

/* ######################################################################### */
table.main {
   width: 100%;
   height: 100%;
}
table.main tr.prim {
   height: 105px;
}
table.main tr.second {
   height: 100%;
}
table.main tr.plugvideo {
   height: 40px;
}
table.main tr.footer {
   background-color: #0093e0;
   height: 120px;
}
table.content {
   height: 100%;
   width: 100%;
}
table.main tr.footer td {
   color: #FFFFFF;
   text-align: center;
   vertical-align: middle;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

/* ######################################################################### */
.centr { text-align: center; }
.cour { font-family: "MS Courier New", "Courier New", Courier, Prestige, monospace; }
.fat { font-weight: bold; }
.justif { text-align: justify; }
.nowrap { white-space: nowrap; }
.right { text-align: right; }
.vtop { vertical-align: top; }
.white { background-color: #FFFFFF; }
.S14px { font-size: 14px; }
.S16px { font-size: 16px; }
.S18px { font-size: 18px; }
.Subst {font-size: 18px; color: #8d8daa; }
.H02 { height:2px; }
.H03 { height:3px; }
.H05 { height:5px; }
.H07 { height:7px; }
.H10 { height:10px; }
.H15 { height:15px; }
.H20 { height:20px; }
.H22 { height:22px }
.H25 { height:25px; }
.H50 { height:50px; }
.H100 { height:100px; }
.H110 { height:110px; }
.H130 { height:130px; }
.pad_t01 { padding-top:1px; }
.pad_t02 { padding-top:2px; }
.pad_t03 { padding-top:3px; }
.pad_t04 { padding-top:4px; }
.pad_t05 { padding-top:5px; }
.pad_t10 { padding-top:10px; }
.pad_t15 { padding-top:15px; }
.pad_t20 { padding-top:20px; }
.pad_t25 { padding-top:25px; }
.pad_t30 { padding-top:30px; }
.pad_t40 { padding-top:40px; }
.pad_t50 { padding-top:50px; }
.pad_b01 { padding-bottom:1px; }
.pad_b02 { padding-bottom:2px; }
.pad_b03 { padding-bottom:3px; }
.pad_b04 { padding-bottom:4px; }
.pad_b05 { padding-bottom:5px; }
.pad_b06 { padding-bottom:6px; }
.pad_b07 { padding-bottom:7px; }
.pad_b10 { padding-bottom:10px; }
.pad_b15 { padding-bottom:15px; }
.pad_b20 { padding-bottom:20px; }
.pad_b25 { padding-bottom:25px; }
.pad_b30 { padding-bottom:30px; }
.pad_b40 { padding-bottom:40px; }
.pad_b50 { padding-bottom:50px; }
.pad_l03 { padding-left:3px; }
.pad_l05 { padding-left:5px; }
.pad_l07 { padding-left:7px; }
.pad_l10 { padding-left:10px; }
.pad_l15 { padding-left:15px; }
.pad_l20 { padding-left:20px; }
.pad_l30 { padding-left:30px; }
.pad_l40 { padding-left:40px; }
.pad_l50 { padding-left:50px; }
.pad_r05 { padding-right:5px; }
.pad_r07 { padding-right:7px; }
.pad_r10 { padding-right:10px; }
.pad_r15 { padding-right:15px; }
.pad_r20 { padding-right:20px; }
.pad_r25 { padding-right:25px; }
.pad_r30 { padding-right:30px; }
.pad_r40 { padding-right:40px; }
.pad_r50 { padding-right:50px; }