@font-face {
	font-family: 'Open Sans';
    src:url('../font/open_sans/OpenSans-Regular.eot') format('embedded-opentype'),
        url('../font/open_sans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
		url('../font/open_sans/OpenSans-Regular.ttf') format('truetype'),
		url('../font/open_sans/OpenSans-Regular.woff') format('woff'),
		url('../font/open_sans/OpenSans-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 tag */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* content */
body { font-family: 'Open Sans'; font-size: 12px; font-weight: 300; color: #000; color: rgba(0, 0, 0, 0.87); }
input { font-family: 'Open Sans'; font-size: 11px; font-weight: 300; color: #000; color: rgba(0, 0, 0, 0.87); padding-left: 8px; }
select { font-family: 'Open Sans'; font-size: 11px; font-weight: 300; color: #000; color: rgba(0, 0, 0, 0.87); width: 150px; }


/* login */
#login { position: fixed; width: 100%; height: 100%; display: block; background-size: cover; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover;  background-image: url('img/bg-img.jpg'); background-repeat: no-repeat; background-position: center;}
#login #box { position: relative; width: 440px; margin: 0 auto; top: 60%; margin-top: -300px; }
#login #box .partners .logo { position: relative; float: left; top: 13px; left: 15px; width: 144px; height: 122px; margin: 0 auto; background-image: url('img/logo-cassaedilelogo-142x122.png'); background-repeat: no-repeat; background-position:center;}
#login #box .title {float: left; position: relative; top: 50%; transform: translateY(-50%); left: 0px; width: 270px; text-align: left !important; font-weight: 400; background-color: transparent; font-family: 'Open Sans'; color: #212121; font-size: 28px !important; letter-spacing: -1px; margin: 0 0 0 15px; z-index: 100;}
#login #box .title span { letter-spacing: -1px; }
.input { width:100%; border-bottom: 1px solid #f2f2f2; margin-bottom:15px; }
#login #box .partners { position: relative; height: 133px; width: 100%; padding-top: 0px; background-color: #FFF; border-bottom: 1px solid #bababa; }
#login #box .partners .column { position: relative; float: left; width: 220px; }
#login #box .form { position: relative; margin: 0 auto; padding: 30px 0; background-color: #FFF; }
#login #box .form select { border: none; height: 39px; font-size: 15px; padding: 8px; width: 304px; margin-bottom: 18px; }
#login #box .form input { border: none; position: relative; height: 19px; font-size: 16px; padding: 10px; left: 70px; width: 270px; margin-bottom: 18px;}
#login #box .form .icon { position: relative; }
#login #box .form .icon.gender_neutral_user { float:left; top: 8px; left: 60px; }
#login #box .form .icon.lock { float:left; position:relative; top: 8px; left: 60px; }
#login #box .form button { border: none; float:left; position: relative; font-family: 'Open Sans'; font-weight: 200; top: 0px; right: 25px; color: #FFFFFF; background-color: #202020; text-transform: none; height: 39px; font-size: 16px; padding: 10px; width: 125px;  -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; cursor: pointer; float: right;}
#login #box .form .btn { width:100%; height:50px; background-color:#FFF;}
#login #box .form button:hover { color: #000; background-color: #c9e400; }
#login #box .form .forgotPsw { float:left; position: relative; color: #212121; width:100%; font-size:12px; top:0px; left:65px;}
#login #box .form .forgotPsw a { color: #212121; text-decoration:none;}
#login #box .form .forgotPsw a:hover { color: #212121; text-decoration:underline;}

#login #box .form .subscribe { float: left;position: relative; color: #FFF; background-color: #969696; margin-top: 0px; padding: 10px; font-size: 16px; top: 0px; height: 39px; left: 65px;}

#login #box .form .subscribe a { color:#000; font-weight:600;}
#login #box .errorMessage { float:left; position:relative; background-color: rgba(255, 51, 52, 1); width: calc(100% - 136px); height: 38px; padding: 20px 68px 20px 68px; font-size: 16px; color: #ffffff; text-align:center; }
#login #box .disclaimer { color: #FFF; font-size: 12px; font-weight: 400; text-align: center; }
#login #box .disclaimer img {  margin-top: 8px; margin-bottom: 10px; font-size:12px; }