html, body {
width:100%;
margin:0;
padding:0;
background-color:white;
height:100%
}

header, nav, footer, figure, section, article, figcaption, aside {
display:block
}

/* ========================== HACK */

header, nav, footer, figure, section, article, figcaption, aside, p, ul, li, h1, h2, h3, span, div, a, a:hover, img, form, input, textarea {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
behavior:url(./boxsizing.htc)
}

#container {
background-image:url("./Design/bg.jpg");
background-repeat:repeat-x;
position:relative;
min-height:100%
}

#body {
width:100%;
max-width:980px;
margin:0 auto;
min-height:100%;
padding:0
}

#header {
width:100%;
height:210px;
margin:0;
padding:0;
text-align:right
}

#h1 {
float:right;
width:20%;
text-align:right;
margin:25px 2% 0 78%;
padding:0
}

#logo_bruker {
width:100%;
height:auto;
margin:0;
padding:0
}

#footer {
padding:0;
position:fixed;
bottom:0;
width:100%;
height:30px
}

#content {
width:100%;
margin:0;
padding:0
}

#nav {
float:left;
width:100%;
margin:0;
padding:0
}

#nav a {
float:left;
width:auto;
padding:4px 15px;
margin:0;
display:block;
font-size:14px;
font-family:verdana;
color:white;
border-right:solid 1px white;
background-color:#006ab2;
text-decoration:none
}

#nav a:hover {
float:left;
width:auto;
color:#e6f1ff;
padding:4px 15px;
margin:0;
display:block;
font-size:14px;
font-family:verdana;
background-color:#005c9a;
text-decoration:none
}

#left_register {
width:250px;
float:left;
font-size:15px;
text-align:right;
font-weight:bold;
font-family:verdana;
color:#0d2d44;
margin:175px 0 0 100px;
padding:65px 0 0 0
}

#register {
width:400px;
font-size:15px;
font-weight:bold;
font-family:verdana;
color:#0d2d44;
float:left;
border-left:solid 1px #0d2d44;
margin:175px 0 0 50px;
padding:0
}

.rg_p {
width:100%;
margin:10px 0 0 0;
padding:0
}

.rg_warning {
font-size:10px;
font-family:verdana;
color:#0d2d44;
width:100%;
text-align:right;
padding:0;
margin:5px 0 0 0
}

.rg_label {
float:left;
width:50%;
text-align:right;
display:inline-block;
font-weight:bold;
vertical-align:top;
font-size:14px;
font-family:verdana;
color:#0d2d44;
padding:0;
margin:0
}

.rg_caseform {
float:left;
width:45%;
border:solid 1px #c2c2c2;
font-size:11px;
font-family:verdana;
color:darkgrey;
padding:1px;
margin:0 0 0 5%
}

a.btn_blue {
display:block;
width:166px;
height:25px;
background:url("./Design/btn_blue.png");
background-position:bottom left;
text-align:center;
font-size:13px;
font-family:verdana;
color:white;
text-decoration:none;
padding:5px 0 0 0;
margin:0 auto;
border:0
}

a.btn_blue:hover {
background-position:top left;
font-size:13px;
font-family:verdana;
color:white;
text-decoration:none
}


.btn_blue_bonus {
float:left;
margin:0 15px
}

#congrats_register {
width:100%;
font-size:14px;
font-family:verdana;
color:#0d2d44;
text-align:center;
font-weight:bold;
float:left;
margin:150px 0 0 0;
padding:0
}

#congrats_register2 img {
width:30%;
height:auto
}

#congrats_register2 a {
display:inline-block;
font-size:14px;
color:white;
width:200px;
text-decoration:none;
background-color:#006ab2;
margin:0 10px;
padding:4px 10px
}

#congrats_register2 {
width:100%;
font-size:14px;
font-family:verdana;
color:#0d2d44;
text-align:center;
font-weight:bold;
float:left;
margin:50px 0 0 0;
padding:0 15px
}

#warning_home {
width:100%;
font-size:11px;
font-family:verdana;
color:darkgrey;
text-align:center;
float:left;
margin:10px 0 0 0;
padding:0 15px
}

#warning_msg{
width:100%;
font-size:11px;
font-weight:bold;
font-family:verdana;
color:red;
text-align:center;
float:left;
margin:40px 0 0 0;
padding:0 15px
}

#connexion_case {
float:left;
width:40%;
height:250px;
margin:175px 5% 0 5%;
padding:0
}

#connexion_case p {
width:100%;
margin:10px 0 0 0;
padding:0
}

a.lost {
float:left;
width:100%;
text-align:center;
font-size:11px
}

a.lost:hover {
float:left;
width:100%;
text-align:center;
font-size:11px
}

#inscription_case {
float:left;
width:40%;
height:250px;
margin:175px 5% 0 5%;
padding:0
}

#inscription_case p {
width:100%;
margin:10px 0 0 0;
padding:0
}

.casei {
float:left;
width:100%;
height:5px;
display:block;
font-size:1px;
margin:0;
padding:0
}

.casei2 {
float:left;
width:100%;
height:15px;
display:block;
font-size:1px;
margin:0;
padding:0
}

.lg_caseform {
float:left;
width:55%;
border:solid 1px #c2c2c2;
font-size:11px;
font-family:verdana;
color:darkgrey;
padding:1px;
margin:0 0 0 5%
}

.lg_caseform2 {
float:left;
width:55%;
border:solid 1px #c2c2c2;
font-size:12px;
font-family:verdana;
color:darkgrey;
padding:2 4px;
margin:0 0 0 5%
}

.lg_submit {
float:right;
width:30px;
border:solid 1px #c2c2c2;
font-size:12px;
font-family:verdana;
color:darkgrey;
padding:1px;
margin:0
}

.lg_submit2 {
width:30px;
border:solid 1px #c2c2c2;
font-size:12px;
font-family:verdana;
color:darkgrey;
padding:1px;
margin:0
}

.lg_label {
float:left;
width:40%;
text-align:right;
display:inline-block;
vertical-align:top;
font-size:15px;
font-family:verdana;
color:#74aad9;
padding:0;
margin:0
}

#h2 {
width:100%;
text-align:center;
font-size:20px;
font-family:verdana;
color:#0d2d44;
font-weight:bold;
padding:0 0 10px 10px;
margin:0
}

#h2b {
float:left;
width:100%;
font-size:20px;
font-family:verdana;
color:#0d2d44;
font-weight:bold;
padding:0 0 10px 10px;
margin:0
}

#createCard1 {
float:left;
width:48%;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
behavior:url(./boxsizing.htc);
margin:60px 1% 0 1%;
padding:0 10px;
border:none
}

.cc_textarea {
width:100%;
height:140px;
border:solid 1px #c2c2c2;
font-size:11px;
font-family:verdana;
color:darkgrey;
padding:1px;
margin:5px 0 0 0
}

.cc_label {
display:inline-block;
width:100%;
padding:0;
margin:0
}

.cc_case1 {
width:100%;
margin:15px 0 0 0;
padding:0;
font-size:15px;
font-family:verdana;
font-weight:bold;
color:#0d2d44
}

.cc_case1 img {
vertical-align:middle
}

.cc_case3 {
width:100%;
margin:25px 0 0 0;
padding:0;
font-size:15px;
font-family:verdana;
font-weight:bold;
color:#0d2d44
}

.cc_case3 img {
vertical-align:middle
}

#createCard2 {
float:left;
width:48%;
margin:60px 1% 0 1%;
padding:0
}

.cc_case2 {
width:100%;
margin:19px 0 0 0;
padding:0;
font-size:15px;
font-family:verdana;
font-weight:bold;
color:#0d2d44
}

.cc_info {
float:left;
width:100%;
font-size:10px;
font-weight:normal;
font-family:verdana;
color:#9eadb7
}

#chars {
padding:0;
font-size:11px;
font-family:verdana;
color:darkgrey;
}

#chars_case {
float:left;
width:100%;
border:0;
margin:5px 0 0 0;
padding:0;
font-size:11px;
font-family:verdana;
color:#557cbb;
}

.cc_textarea2 {
width:100%;
height:200px;
border:solid 1px #c2c2c2;
font-size:11px;
font-family:verdana;
color:darkgrey;
padding:1px;
margin:5px 0 0 0
}

.cc_label2 {
display:inline-block;
width:100%;
padding:0;
margin:0
}

#createCard3 {
float:left;
width:180px;
height:350px;
outline:none;
overflow:auto;
margin:40px 0 0 20px;
padding:0 10px 0 0
}

#EcardThumb_lt {
width:50px;
height:50px;
padding:0;
margin:0 0 0 5px
}

.cardList {
float:left;
width:18%;
font-size:1px;
margin:15px 1% 0 1%;
padding:0
}

.cardList1 {
float:left;
width:100%;
text-align:center;
margin:0;
padding:0
}

.cardList2 {
float:left;
width:100%;
text-align:center;
font-size:1px;
margin:5px 0 0 0;
padding:0
}

.cardList1 img {
width:100%;
height:auto
}

.cardList2 img:not(.zoom) {
width:100%;
height:auto;
vertical-align:middle
}

.cardList3 {
float:left;
width:100%;
text-align:center;
font-size:1px;
margin:15px 0 0 0;
padding:0
}

#createCard3 ul {
float:left;
list-style:none;
vertical-align:middle;
width:100px;
margin:0 0 0 35px;
padding:0
}

#createCard3 li {
float:left;
width:100px;
vertical-align:middle;
margin:5px 0 0 0;
padding:0
}

#createCard4 {
float:left;
text-align:center;
width:100%;
height:100px;
margin:25px 0 0 0;
padding:0
}

#chooseCard {
float:left;
width:100%;
padding:0;
margin:30px 0 0 0
}

#goCreate {
float:left;
width:100%;
padding:0;
text-align:center;
margin:30px 0;
}

#mark {
float:left;
width:70%;
background-color:#006ab2;
text-align:left;
margin:0 0 0 30%;
padding:0
}

.passRet1 {
float:left;
width:100%;
font-size:12px;
font-family:verdana;
color:black;
margin:35px 0 0 0;
border:0;
padding:0 0 0 10px
}

.passRet2 {
float:left;
width:430px;
font-weight:bold;
font-size:12px;
font-family:verdana;
color:black;
text-align:right;
margin:50px 10px 0 0;
border:0;
padding:1px 0 0 0 10px
}

.passRet3 {
float:left;
width:430px;
font-size:12px;
font-family:verdana;
color:black;
margin:50px 0 0 10px;
border:0;
padding:0
}

.passRet4 {
float:left;
width:100%;
font-size:13px;
font-style:italic;
text-align:center;
font-family:verdana;
color:red;
margin:50px 0;
border:0;
padding:0
}

.popupOpen {
width:490px;
zoom:1;
overflow:auto;
z-index:9999;
font-size:13px;
font-family:verdana;
height:315px;
background-color:white;
margin:200px auto;
border:solid 4px #006ab2;
padding:10px
}

.acknowledge {
width:600px;
zoom:1;
overflow:auto;
z-index:9999;
font-size:13px;
font-family:verdana;
height:550px;
color:black;
background-color:white;
margin:50px auto;
border:0;
padding:0
}

.acknowP0 {
float:left;
color:#125ba7;
text-transform:uppercase;
width:100%;
display:block;
text-align:center;
font-size:15px;
font-family:verdana;
margin:10px 0;
padding:0
}

.acknowP {
float:left;
color:black;
width:100%;
display:block;
text-align:center;
font-size:13px;
font-family:verdana;
margin:5px 0;
padding:0
}

.popupIn {
width:490px;
height:315px;
float:left;
overflow:auto;
margin:0;
padding:0
}

.typeCard {
float:left;
width:100%;
font-size:15px;
font-family:verdana;
color:green;
font-weight:bold;
text-transform:uppercase;
margin:10px 0 0 0;
padding:0 0 0 10px
}

.typeCard2 {
float:left;
width:100%;
font-size:15px;
font-family:verdana;
color:green;
font-weight:bold;
text-transform:uppercase;
margin:25px 0 0 0;
padding:0
}
	.okPC { display:inline-block }
	.okMOB { display:none }

.his_title1 {
float:left;
width:15%;
font-size:14px;
font-family:verdana;
color:#006ab2;
padding:0 0 0 10px;
font-weight:bold;
text-transform:uppercase
}

.his_title2 {
float:left;
width:38%;
font-size:14px;
font-family:verdana;
color:#006ab2;
font-weight:bold;
text-transform:uppercase
}

.his_title3 {
float:left;
width:47%;
font-size:14px;
font-family:verdana;
color:#006ab2;
font-weight:bold;
text-transform:uppercase
}

.his_line {
float:left;
width:100%;
height:1px;
font-size:1px;
margin:0;
padding:0
}

.his_linev2 {
float:left;
width:100%;
height:50px;
font-size:1px;
margin:10px 0 0 0;
padding:0
}

.his_line1 {
float:left;
width:15%;
height:10px;
font-size:14px;
text-align:left;
font-family:verdana;
color:#000;
margin:10px 0 0 0;
padding:0 0 0 10px;
}

.his_line2 {
float:left;
width:38%;
text-align:left;
height:10px;
font-size:14px;
font-family:verdana;
color:#000;
margin:10px 0 0 0;
padding:0;
}

.his_line2 a { font-size:14px; font-family:verdana; color:#000; text-decoration:none }
.his_line2 a:hover { font-size:14px; font-family:verdana; color:#006ab2; text-decoration:underline }

.his_line3 {
float:left;
width:47%;
height:10px;
text-align:left;
font-size:14px;
font-family:verdana;
color:#000;
margin:10px 0 0 0;
padding:0;
}

.his_no {
float:left;
width:100%;
margin:50px 0;
text-align:center;
font-size:13px;
font-family:verdana;
color:red;
font-weight:bold
}

/* =========================== TEXT =========================== */

.center {
text-align:center
}

.justify {
text-align:justify
}

.right {
text-align:right
}

.middle {
vertical-align:middle
}

.bold {
font-weight:bold
}

.italic {
font-style:italic
}

.strike {
text-decoration:line-through
}

form {
margin:0;
padding:0
}

img {
border:0;
text-decoration:none
}

.none {
display:none
}

a { font-size:14px; font-family:Trebuchet MS; color:#2b2a2a; text-decoration:none }
a:hover { font-size:14px; font-family:Trebuchet MS; color:darkgrey; text-decoration:underline }