/* :focus {outline:none;} // * pour input (text, textarea, select...) */ input:focus {outline:none;} .msgerr{z-index:18; left:0; right:0; margin-left:auto; margin-right:auto; margin-top:8px; padding-top:3px; min-height:30px; max-height:30px; position:fixed; background-color:#FFFFFF; border:1px solid #FFFFFF; text-align:center; color:#FF0000; font-size:16px; font-weight:bold; font-family: Candara, sans-serif;} .msgprce{z-index:18; left:0; right:0; margin-left:auto; margin-right:auto; margin-top:4px; padding-top:3px; min-height:30px; max-height:30px; position:fixed; background-color:#F8F8FF; border:1px solid #F8F8FF; text-align:center; color:#73C2FB; font-size:18px; font-weight:bold; font-family: Arial, Helvetica, sans-serif;} .sub-header {min-height:35px; background-color:transparent; color:#FBFCFA;} #div-cntr #divdten{width:100%; display:inline-block; background-color:#FFFFFF; border:1px solid #EFEFEF; border-radius:2px;} #div-cntr #divdten .divlab{float:left; width:30%; text-align:left; color:#778899; font:normal 18px Candara, sans-serif; background-color:#EFEFEF; padding:4px 6px; margin:0; display:inline-block; border:1px solid transparent; box-sizing: border-box;} #div-cntr #divdten #jma{float:left; width:30%; text-align:center; color:#999999; font:normal 11px Candara, sans-serif; padding:10px 0 9px 6px; margin:0; display:inline-block; background-color:#F9F9F9; border:1px solid F9F9F9; box-sizing: border-box;} #div-cntr #divdten .jj{float:left; width:12%; color:#666666; font:normal 14px Arial, sans-serif; padding:6px 0 6px 6px; margin:0; display:inline-block; border:1px solid transparent; box-sizing:border-box;} #div-cntr #divdten .mm{float:auto; width:12%; color:#666666; font:normal 14px Arial, sans-serif; padding:6px 0 6px 6px; margin:0; display:inline-block; border:1px solid transparent; box-sizing:border-box;} #div-cntr #divdten .aa{float:right; width:16%; color:#666666; font:normal 14px Arial, sans-serif; padding:6px 0 6px 6px; margin:0; display:inline-block; border:1px solid transparent; box-sizing:border-box;} #divren {margin:8px; padding:8px; background-color:#FEFDFF; border:1px solid #F8F8FF; border-width:thin; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; box-shadow:0.3em 0.3em 0.3em #EFEFEF;} #divren .tlectr {color: #778899; font:bold 16px Helvetica, sans-serif; text-align:center;} #divren .grengx {color: #334455; font: normal 20px Helvetica, sans-serif;} #divren a.engx:link {color: #1560BD; font: normal 14px Helvetica, sans-serif; text-decoration: none;} #divren a.engx:visited {color: #1560BD; font: normal 14px Helvetica, sans-serif; text-decoration: none;} #divren a.engx:active {color: #1560BD; font: normal 14px Helvetica, sans-serif; text-decoration: none;} #divren a.engx:hover {color: #1560BD; font: normal 14px Helvetica, sans-serif; text-decoration: none;} #divren hr.pys-line {margin-bottom:4px; border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));} #divren .vcmd{color: #000000; font:normal 12px Helvetica, sans-serif; text-transform:uppercase; text-shadow: 1px 1px 3px #333333;} #divren .ou {color: #778899; font:normal 12px Helvetica, sans-serif;} #divren .divlab {width:100%; text-align:left; color:#778899; font:normal 18px Candara, sans-serif; background-color:#EFEFEF; padding:3px 0 4px 5px; margin-top:6px; display:inline-block; border:1px solid transparent;} #divren .divlbt{width:100%; text-align:left; color:#778899; font:normal 18px Candara, sans-serif; background-color:#EFEFEF; padding:3px 0 4px 5px; margin:6px 0 6px 0; display:inline-block; border:1px solid transparent;} #divren .divlab span{color:#333333; font:normal 12px Candara, sans-serif;} #divren .divb {width:100%; text-align:left; color:#778899; font:normal 18px Candara, sans-serif; background-color:#EFEFEF; padding:3px 0 4px 5px; margin-top:2px; display:inline-block; border:1px solid transparent; box-sizing: border-box;} #divren .divb span {color:#333333; font:normal 12px Candara, sans-serif;} #divren input[type=text] {color:#999999; font: normal 16px Arial, sans-serif; width:100%; padding:5px 5px; margin-top:6px; display:inline-block; border:1px solid #DEDEDE; box-sizing: border-box; outline:none;} #divren input[type=password] {color:#999999; font: normal 16px Arial, sans-serif; width:100%; padding:6px 5px; margin-top:6px; display:inline-block; border:1px solid #DEDEDE; box-sizing: border-box; outline:none;} #divren .jjmmaaa {width:100%; text-align:left; color:#666666; font:normal 12px Arial, sans-serif; padding:7px 3px; margin-top:6px; display:inline-block; border:1px solid #DEDEDE; box-sizing: border-box;} #divren #divradchk {display:inline-block; width:100%; padding:13px 0 0 4px; border:1px solid #FFFFFF; box-sizing: border-box;} #divren .mrg {text-align:center; color:#000000; font:normal 18px Helvetica Neue, sans-serif; margin-top:31px;} #divren #divradchk span {text-align:left; color:#777777; font:normal 16px Helvetica Neue, sans-serif; padding-left:5px;} #divren .mlib {width:100%; text-align:left; color:#666666; font:bold 14px Arial, sans-serif; padding-top:4px; margin-top:6px; box-sizing:border-box;} #divren .terms {width:100%; text-align:left; font-family:Candara, 'Open Sans', sans-serif; font-weight:normal; font-style:normal; font-size:1em; color:#000000; padding:3px 5px; border:1px solid #DEDEDE; box-sizing: border-box;} #divren .terms span{color:#1560BD;} #divren .btnok {width:100%; padding:6px 8px 7px 8px; margin-top:6px; background-color:#FF0000; color:#FEFDFF; text-align:center; border:1px solid #FF0000; text-decoration:none; display:inline-block; font: normal 14px Helvetica, sans-serif; cursor:pointer; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration:0.4s; box-sizing: border-box; border-width:thin; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} #divren .btncn {width:100%; padding:6px 8px 7px 8px; margin-top:6px; background-color:#FF0000; color:#FEFDFF; text-align:center; border:1px solid #FF0000; text-decoration:none; display:inline-block; font: normal 14px Helvetica, sans-serif; cursor:pointer; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration:0.4s; box-sizing: border-box;} #divren .fin {text-align:center; font-family:Candara, 'Open Sans', sans-serif; font-weight:normal; font-style:normal; font-size:1em; color:#000000;} #divren .bigtit{color:#000000; text-align:right; font:bold 14px Helvetica, sans-serif;} #divren .smalltit{color:#000000; text-align:left; font:normal 14px Helvetica, sans-serif;} #divren .smallmsg{padding-top:6px; color:#000000; font:normal 14px Arial, Helvetica, sans-serif;} #divren .btnca{float:right; display:inline-block; margin:0.25em 0 0 0; padding:0.28em; border:0.1em solid #73C2FB; border-radius:0.20em; background-color:#73C2FB; color:#FEFDFF; text-align:center; border:1px solid #73C2FB; text-decoration:none; font: normal 16px Helvetica, sans-serif; cursor:pointer; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration:0.4s; box-sizing: border-box;} .input-placeholder{position:relative;} .input-placeholder input{padding:8px; font-size:14px;} .input-placeholder input:valid + .placeholder{display:none;} .placeholder{position:absolute; pointer-events:none; top:0; bottom:0; height:18px; font-size:14px; left:5px; margin:auto; color:#999999;} .placeholder span{padding-left:3px; color:#778899; font:italic 9px Helvetica, sans-serif; letter-spacing:1px;} #all-dv {background-color:transparent; margin:0; padding:0; border:none;} #all-dv #divren {margin:12px 0 -5px 0; padding:0; background-color:#FFFFFF; border:1px solid #E6E6FA; border-width:thin; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #all-dv #divtory {margin:5px 0; padding:6px 8px; background-color:transparent; border:1px solid transparent; border-width:thin;} #all-dv #divtory .titre{color: #000000; font:normal 14px Helvetica, sans-serif; text-transform:uppercase; letter-spacing:1px; text-shadow: 1px 1px 3px #333333;} #all-dv #divtory #age{margin:2px 4px 2px 0; padding:4px; text-align:center; color:#FFFFFF; font:normal 14px Helvetica, sans-serif; background-color:#FF00FF; border:1px solid #FF00FF; border-width:thin; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; box-shadow: 0.3em 0.3em 0.3em #EFEFEF;} #all-dv #divtory #genre{margin:2px 4px 2px 0; padding:4px; text-align:center; color:#FFFFFF; font:normal 14px Helvetica, sans-serif; background-color:#000000; border:1px solid #000000; border-width:thin; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; box-shadow: 0.3em 0.3em 0.3em #EFEFEF;} #all-dv #divtory #poids{margin:2px 4px 2px 0; padding:4px; text-align:center; color:#FFFFFF; font:normal 14px Helvetica, sans-serif; background-color:#FF0000; border:1px solid #FF0000; border-width:thin; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; box-shadow: 0.3em 0.3em 0.3em #EFEFEF;} #all-dv #divtory #prix{margin:2px 4px 2px 0; padding:4px; text-align:center; color:#FFFFFF; font:normal 14px Helvetica, sans-serif; background-color:#00FF00; border:1px solid #00FF00; border-width:thin; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; box-shadow: 0.3em 0.3em 0.3em #EFEFEF;} #all-dv #divtory #nombre{margin:2px 0; padding:4px; text-align:center; color:#FFFFFF; font:normal 14px Helvetica, sans-serif; background-color:#0000FF; border:1px solid #0000FF; border-width:thin; -moz-border-radius:5px; -webkit-border-radius:3px; border-radius:3px; box-shadow: 0.3em 0.3em 0.3em #EFEFEF;} #all-dv #divtory #caps{width:100%; margin:2px 0; padding:4px; cursor:pointer; background-color:#FEFDFF; border:1px solid #F8F8FF; border-width:thin; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow: 0.3em 0.3em 0.3em #EFEFEF;} #all-dv #divtory #caps .ctn{padding:2px 0; text-align:center; color:#000000; font:normal 14px Helvetica, sans-serif;} #all-dv #divtory #caps .ctn span{padding:2px 0; text-align:center; color:#333333; font:normal 10px Helvetica, sans-serif;} #all-dv #divtory #caps .tle{padding:2px 0; color:#111111; font:normal 14px Helvetica, sans-serif;} #all-dv #divtory #caps .det{padding:2px 0; color:#797979; font:normal 12px Helvetica, sans-serif;} #all-dv #divtory .ecl{padding:1px 0 1px 4px; text-align:left; color:#000000; font:normal 14px Helvetica, sans-serif;} #all-dv #divtory .zed {padding:0 0 6px 4px; color:#DFF2FF; font: italic bold 24px Arial, Helvetica, sans-serif; text-align:left; text-shadow: 1px 1px 3px #333333;} #all-dv #divtory .dmj{padding:0 4px 2px 0; color:#999999; text-align:right; font:italic 12px Helvetica, sans-serif;} #all-dv #divtory hr.sep-line {margin:3px 0 5px 0; border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));} .wrng{margin:0.2em 0.5em 0.8em 0.5em; padding-top:0.5em; padding-bottom:0.5em; background-color:transparent; cursor:text; font-family:'Open Sans'; font-size:1em; font-weight:normal; color:#000000; text-align:justify; letter-spacing:0.1em;} .cntus{background-color:transparent; cursor:text; font-family:"Ballet", sans-serif; font-size:3em; font-weight:bolder; color:#000000; text-align:center; letter-spacing:0.1em;} .dispo{font-family:"Poiret One", sans-serif; font-size:1.3em; font-weight:100; color:#000000; text-align:center; letter-spacing:0.1em;} #divren #divins{width:100%; padding:0; margin:5px 0; display:inline-block; background-color:#FFFFFF; border:1px solid #DEDEDE; border-radius:2px;} #divren #divins .divlab{float:left; color: #778899; font: normal 16px Helvetica, sans-serif; background-color:#EDEDED; width:30%; padding:10px; margin:0; display:inline-block; border:1px solid transparent; box-sizing: border-box;} #divren #divins input[type=text]{float:auto; color:#999999; font: normal 16px Arial, sans-serif; width:70%; padding:10px 12px; margin:0; display:inline-block; border:1px solid transparent; box-sizing: border-box;} #divren #divins input[type=password]{float:auto; color:#999999; font: normal 16px Arial, sans-serif; width:60%; padding:10px 12px; margin:0; display:inline-block; border:1px solid transparent; box-sizing: border-box;} #divren #divins #divrad{text-align:left; width:50%; color:#999999; font:normal 14px Helvetica Neue, sans-serif; padding-left:8px; padding-top:9px; padding-bottom:9px; display:inline-block; border:1px solid #FFFFFF; box-sizing: border-box;} #divren #divins .btnok{float:right; width:10%; padding:9px 12px; margin:0; background-color:#73C2FB; color:#FEFDFF; text-align:center; border:1px solid #73C2FB; text-decoration:none; display:inline-block; font: normal 18px Helvetica, sans-serif; cursor:pointer; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration:0.4s; box-sizing: border-box;} #divren #divpwforg{width:100%; padding:0; margin:6px 0; display:inline-block; background-color:#FFFFFF; border:1px solid #DEDEDE; border-radius:2px;} #divren #divpwforg .divlab{float:left; color: #778899; font: normal 16px Helvetica, sans-serif; background-color:#EDEDED; width:25%; padding:10px 12px; margin:0; display:inline-block; border:1px solid transparent; box-sizing: border-box;} #divren #divpwforg input[type=text]{float:auto; color:#999999; font: normal 16px Arial, sans-serif; width:65%; padding:10px 12px; margin:0; display:inline-block; border:1px solid transparent; box-sizing: border-box;} #divren #divpwforg .btnok{float:right; width:10%; padding:9px 12px; margin:0; background-color:#73C2FB; color:#FEFDFF; text-align:center; border:1px solid #73C2FB; text-decoration:none; display:inline-block; font: normal 18px Helvetica, sans-serif; cursor:pointer; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration:0.4s; box-sizing: border-box;} #divren a.tu:link{color:#1E90FF; font:normal 14px Candara, sans-serif; text-decoration:none;} #divren a.tu:visited{color:#1E90FF; font:normal 14px Candara, sans-serif; text-decoration:none;} #divren a.tu:active{color:#1E90FF; font:normal 14px Candara, sans-serif; text-decoration:none;} #divren a.tu:hover{color:#1E90FF; font:normal 14px Candara, sans-serif; text-decoration:none;} [p-info] {position:relative; cursor:help;} [p-info]:hover:after {content:attr(p-info); position:absolute; width:355px; text-align:left; top:20px; left:20px; padding:5px; background:#EDEDED; opacity:.9; border:1px solid #DCDCDC; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} #divren .infsess{padding:14px 0 5px 0; color:#111111; text-align:left; font:bold 15px Helvetica Neue, sans-serif;} #divren .inftrs{color:#778899; text-align:left; font:normal 16px Candara, sans-serif;} #divren .slogan{padding-top:8px; color:#999999; text-align:center; text-transform:uppercase; font:normal 12px Candara, sans-serif;} #divren .autmsg{color:#666666; font:normal 18px Candara, sans-serif;} #divren .zed {color:#DFF2FF; font: italic bold 24px Arial, Helvetica, sans-serif; text-align:left; text-shadow: 1px 1px 3px #333333;} #divren #divnewpw{width:100%; padding:0; margin:6px 0; display:inline-block; background-color:#FFFFFF; border:1px solid #DEDEDE; border-radius:2px;} #divren #divnewpw .divlab{float:left; color: #778899; font: normal 16px Helvetica, sans-serif; background-color:#EDEDED; width:45%; padding:10px 8px; margin:0; display:inline-block; border:1px solid transparent; box-sizing: border-box;} #divren #divnewpw input[type=password]{float:auto; color:#999999; font: normal 16px Arial, sans-serif; width:55%; padding:10px 12px; margin:0; display:inline-block; border:1px solid transparent; box-sizing: border-box;} #divren #divcnpw{width:100%; padding:0; margin:6px 0; display:inline-block; background-color:#FFFFFF; border:1px solid #DEDEDE; border-radius:2px;} #divren #divcnpw .divlab{float:left; color: #778899; font: normal 16px Helvetica, sans-serif; background-color:#EDEDED; width:45%; padding:10px 8px; margin:0; display:inline-block; border:1px solid transparent; box-sizing: border-box;} #divren #divcnpw input[type=password]{float:auto; color:#999999; font: normal 16px Arial, sans-serif; width:45%; padding:10px 12px; margin:0; display:inline-block; border:1px solid transparent; box-sizing: border-box;} #divren #divcnpw .btnok{float:right; width:10%; padding:9px 12px; margin:0; background-color:#73C2FB; color:#FEFDFF; text-align:center; border:1px solid #73C2FB; text-decoration:none; display:inline-block; font: normal 18px Helvetica, sans-serif; cursor:pointer; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration:0.4s; box-sizing: border-box;} #divren .cond{color:#667788; font:normal 16px Candara, sans-serif;} #divren .cond span{color:#ED0000; font:bold 16px Candara, sans-serif;} a.ze:link{color: #1E90FF; font:normal 14px Geneva, Arial, Helvetica, sans-serif;} a.ze:visited{color: #1E90FF; font:normal 14px Geneva, Arial, Helvetica, sans-serif;} a.ze:active{color: #1E90FF; font:normal 14px Geneva, Arial, Helvetica, sans-serif;} a.ze:hover{color: #1E90FF; font:normal 14px Geneva, Arial, Helvetica, sans-serif; text-decoration:underline;} #divren #gocon {width:100%; margin:auto; margin-top:20px; padding-bottom:20px; text-align:center;} #divren #gocon .connect { display:inline-block; padding:4px 40px 5px 39px; color:#FFFFFF; font:normal 14px Helveti첫ca, sans-serif; text-decoration:none; background-color:#FF0000; border:1px solid #FF0000; border-width:thin; white-space:nowrap; letter-spacing:0.1em; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; } /* Small devices (less than 669px) - Mobile Styles */ @media only screen and (max-width: 670px) { .col-1 {width: 100%;} .sub-header {max-height:15px;} #divren {margin:-12px 3px 8px 2px; padding:8px 5px; background-color:#FEFDFF; border:1px solid #F8F8FF; border-width:thin; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; box-shadow:0.3em 0.3em 0.3em #EFEFEF;} #divren #divcon .divlab {float:left; color: #778899; font: normal 16px Helvetica, sans-serif; background-color:#EDEDED; width:45%; padding:8px; margin:0; display:inline-block; border:1px solid transparent; box-sizing: border-box;} #divren #divcon input[type=text] {float:auto; color:#999999; font: normal 16px Arial, sans-serif; width:55%; padding:6px 8px; margin:0; display:inline-block; border:1px solid transparent; box-sizing: border-box;} #divren #divcon input[type=password] {float:auto; color:#999999; font: normal 16px Arial, sans-serif; width:45%; padding:6px 8px; margin:0; display:inline-block; border:1px solid transparent; box-sizing: border-box;} #divren #divcon .btnok {float:right; width:10%; margin:0; padding:8px; background-color:#73C2FB; color:#FEFDFF; text-align:center; border:1px solid #73C2FB; text-decoration:none; display:inline-block; font: normal 16px Helvetica, sans-serif; cursor:pointer; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration:0.4s; box-sizing: border-box;} #divren #divins .divlab {float:left; color: #778899; font: normal 16px Helvetica, sans-serif; background-color:#EDEDED; width:40%; padding:10px; margin:0; display:inline-block; border:1px solid transparent; box-sizing: border-box;} #divren #divins input[type=text] {float:auto; color:#999999; font: normal 16px Arial, sans-serif; width:60%; padding:10px 12px; margin:0; display:inline-block; border:1px solid transparent; box-sizing: border-box;} #divren #divins input[type=password] {float:auto; color:#999999; font: normal 16px Arial, sans-serif; width:45%; padding:10px 12px; margin:0; display:inline-block; border:1px solid transparent; box-sizing: border-box;} #divren #divins .btnok {float:right; width:15%; margin:0; padding:10px; background-color:#73C2FB; color:#FEFDFF; text-align:center; border:1px solid #73C2FB; text-decoration:none; display:inline-block; font: normal 16px Helvetica, sans-serif; cursor:pointer; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration:0.4s; box-sizing: border-box;} #divren #divpwforg .divlab{float:left; color: #778899; font: normal 16px Helvetica, sans-serif; background-color:#EDEDED; width:40%; padding:10px; margin:0; display:inline-block; border:1px solid transparent; box-sizing: border-box;} #divren #divpwforg input[type=text] {float:auto; color:#999999; font: normal 16px Arial, sans-serif; width:45%; padding:10px 12px; margin:0; display:inline-block; border:1px solid transparent; box-sizing: border-box;} #divren #divpwforg .btnok {float:right; width:15%; margin:0; padding:10px; background-color:#73C2FB; color:#FEFDFF; text-align:center; border:1px solid #73C2FB; text-decoration:none; display:inline-block; font: normal 16px Helvetica, sans-serif; cursor:pointer; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration:0.4s; box-sizing: border-box;} #divren .grefpw{color: #334455; font: normal 18px Helvetica, sans-serif;} #divren #divnewpw .divlab {float:left; color: #778899; font: normal 14px Helvetica, sans-serif; background-color:#EDEDED; width:50%; padding:10px 6px; margin:0; display:inline-block; border:1px solid transparent; box-sizing: border-box;} #divren #divnewpw input[type=password]{float:auto; color:#999999; font: normal 14px Arial, sans-serif; width:50%; padding:10px 12px; margin:0; display:inline-block; border:1px solid transparent; box-sizing: border-box;} #divren #divcnpw .divlab {float:left; color: #778899; font: normal 14px Helvetica, sans-serif; background-color:#EDEDED; width:50%; padding:10px 6px; margin:0; display:inline-block; border:1px solid transparent; box-sizing: border-box;} #divren #divcnpw input[type=password]{float:auto; color:#999999; font: normal 14px Arial, sans-serif; width:35%; padding:10px 12px; margin:0; display:inline-block; border:1px solid transparent; box-sizing: border-box;} #divren #divcnpw .btnok {float:right; width:15%; padding:9px 12px; margin:0; background-color:#73C2FB; color:#FEFDFF; text-align:center; border:1px solid #73C2FB; text-decoration:none; display:inline-block; font: normal 16px Helvetica, sans-serif; cursor:pointer; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration:0.4s; box-sizing: border-box;} #divren .divlab {width:100%; text-align:left; color:#778899; font:normal 14px Candara, sans-serif; background-color:#EFEFEF; padding:2px 0 3px 5px; margin-top:4px; display:inline-block; border:1px solid transparent;} #divren .divlbt {width:100%; text-align:left; color:#778899; font:normal 14px Candara, sans-serif; background-color:#EFEFEF; padding:2px 0 3px 5px; margin:4px 0 4px 0; display:inline-block; border:1px solid transparent;} #divren #divradchk {display:inline-block; width:100%; padding:6px 0 0 4px; border:1px solid #FFFFFF; box-sizing:border-box;} #divren #divradchk span {text-align:left; color:#777777; font:normal 14px Helvetica Neue, sans-serif;} #divren input[type=text] {color:#999999; font:normal 14px Arial, sans-serif; width:100%; padding:3px 5px; margin-top:4px; display:inline-block; border:1px solid #DEDEDE; box-sizing: border-box; outline:none;} #divren input[type=password] {color:#999999; font:normal 14px Arial, sans-serif; width:100%; padding:3px 5px; margin-top:4px; display:inline-block; border:1px solid #DEDEDE; box-sizing: border-box; outline:none;} #divren .jjmmaaa {width:100%; text-align:left; color:#666666; font:normal 12px Arial, sans-serif; padding:3px 5px; margin-top:4px; display:inline-block; border:1px solid #DEDEDE; box-sizing: border-box;} #divren .btnok {width:100%; padding:2px 5px; margin-top:4px; background-color:#FF0000; color:#FEFDFF; text-align:center; border:1px solid #FF0000; text-decoration:none; display:inline-block; font: normal 14px Helvetica, sans-serif; cursor:pointer; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration:0.4s; box-sizing: border-box; border-width:thin; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} } /* Medium devices (between 671px and and 1050px) - Tablet Styles */ @media only screen and (min-width: 671px) and (max-width: 1050px) { .col-2 {width:10%;} .col-3 {width:80%;} } /* Large devices (1050px and up) - Desktop Styles */ @media only screen and (min-width:1051px) { .col-4 {width:25%;} .col-5 {width:50%;} } #footer {display:inline-block; width:100%; height:350px; padding:2px 0 16px 5px; bottom:0; background-color:#000000; box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);} #footer #phzed {width:100%; text-align:center; padding:20px 0 0 10px; font-family:Arial Narrow, sans-serif; color:#FEFDFF; font-weight:normal; font-style:bold; font-size:2.5em; letter-spacing:10px; text-transform:uppercase;} #footer #phpc {width:100%; text-align:center; padding:5px 0 0 10px; font-family:Helvetica, sans-serif; color:#999999; font-weight:normal; font-size:small; letter-spacing:1px; white-space:nowrap;} #footer #notel {width:100%; margin:auto; padding-top:50px; text-align:center;} #footer #notel .tel {display:inline-block; padding:6px 18px 5px 15px; color:#000000; font:bold 18px Helvetica, sans-serif; text-align:center; background-color:#F8F8FF; border:1px solid #F8F8FF; border-width:thin; -moz-border-radius:18px; -webkit-border-radius:18px; border-radius:18px; white-space:nowrap;} #footer #notel .tel span {color:#000000;} #footer #menu {width:100%; margin:auto; padding-top:60px; text-align:center; white-space:nowrap;} #footer #menu a.vi:link{color:#F0F0FF; font:normal 14px Geneva, Arial, Helvetica, sans-serif; text-decoration:none;} #footer #menu a.vi:visited{color:#F0F0FF; font:normal 14px Geneva, Arial, Helvetica, sans-serif; text-decoration:none;} #footer #menu a.vi:active{color:#F0F0FF; font:normal 14px Geneva, Arial, Helvetica, sans-serif; text-decoration:none;} #footer #menu a.vi:hover{color:#F0F0FF; font:normal 14px Geneva, Arial, Helvetica, sans-serif; text-decoration:underline;} #footer #phico {width:100%; text-align:center; padding-top:20px; white-space:nowrap;} #footer #phico .icofoot {padding:5px; width:28px; height:28px; border:none; cursor:pointer;} #footer #cpyrt {padding:10px 0 0 10px; text-align:left; cursor:text; color:#999999; font:normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif; white-space:nowrap;} /* #footer {display:inline-block; width:100%; padding:2px 0 16px 5px; z-index:16; bottom:0; position:fixed; background-color:#FBFCFA; box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);} #footer #cpyrt {text-align:left; cursor:text; color: #999999; font:normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif; white-space:nowrap;} #footer #menu {width:100%; margin:auto; text-align:center; white-space:nowrap;} #footer #menu a.vi:link{color:#666666; font:normal 12px Geneva, Arial, Helvetica, sans-serif; text-decoration:none;} #footer #menu a.vi:visited{color:#666666; font:normal 12px Geneva, Arial, Helvetica, sans-serif; text-decoration:none;} #footer #menu a.vi:active{color:#666666; font:normal 12px Geneva, Arial, Helvetica, sans-serif; text-decoration:none;} #footer #menu a.vi:hover{color:#666666; font:normal 12px Geneva, Arial, Helvetica, sans-serif; text-decoration:underline;} */