@font-face {
  font-family: 'Josefin Sans';
	src: url("font/JosefinSans-Regular.eot") format("eot"), 
  url("font/JosefinSans-Regular.woff") format("woff"), 
  url("font/JosefinSans-Regular.ttf") format("truetype"), 
  url("font/JosefinSans-Regular.svg") format("svg");
  font-weight: 400;
  line-height:1;
}

html,body{margin:0;padding:0;height: 100%;}
body{font-family:"Josefin Sans",Arial,'lucida grande',tahoma,verdana,sans-serif;background:#e8e8e8;font-size:16px;color:#000;}

*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a{color:#000;text-decoration:underline;}

input[type=text],input[type=password],input[type=number],input[type=date],input[type=email],textarea,select,.textinput{background: #fff;border: 1px solid #ccc;border-radius: 3px;color: #555555;font-family: inherit;font-size: inherit;margin: 0;padding: 10px;}
input[type=button],input[type=submit],button,.button{text-decoration:none;position:relative;font-family:inherit;cursor:pointer;display:inline-block;background:#FBFBFB;border-radius:3px;border:1px solid #cfdee2;padding:9px 12px;font-weight:normal;box-shadow: none;color:#0890bb;}
input:focus, textarea:focus,select:focus {box-shadow: 0 0 0 1px #0890bb inset;outline: 0 none;}
input.input-calendar{background:url(../medias/images/calendar.png) 96.5% center no-repeat #fff;}
.button-fb{background:#5872A7 !important;border:0 none !important;text-decoration:none !important;color:#FFF !important;display:inline-block;padding: 5px 16px;}
.button-blue{background:#0890bb !important;border-color:#0890bb !important;text-decoration:none !important;color:#FFF !important;}

p{padding:4px 0;}
fieldset {border: 1px solid #4d4d4d;padding:2px;margin-bottom:0px;background:rgba(244,244,244,0.4);}
legend {padding: 0 5px;color:#fff;background:#4d4d4d;margin:0 0 0 5px;}
hr {background:#4d4d4d;border-color: #999;border-style: solid;border-width: 0 0 1px;height:1px;}

.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}  
.icon.fa-question-circle.v-super{vertical-align:super;color:#2794B1;font-size:1.5em;}

/**************** h1 h2 h3 h4 ********************************/

h1{font-size:2.0em;line-height:1.3em;color:#444444;margin:1em 0;padding:0;font-weight:normal;text-transform:uppercase;}
h2{font-size:1.0em;line-height:1.3em;color:#0890bb;margin:1em 0;padding:0;font-weight:normal;text-transform:uppercase;}
h3{font-size:1.0em;line-height:1.3em;color:#0890bb;margin:1em 0;padding:0;font-weight:normal;}
h4{font-size:1.0em;line-height:1.3em;color:#0890bb;margin:1em 0;padding:0;font-weight:bold;}


/***************** OVERALL / MAIN *******************/
#overall{background:#fff;min-height: 100%;height: auto !important;height: 100%;margin:0px auto -70px;max-width:1560px;padding-top:60px;}
#wrapper-main {color:#4d4d4d;position:relative;padding-bottom: 20px;}
.clr-push{height: 69px;clear:both;}
.centered{margin:0 auto;max-width:1560px;}
#fancybox-wrap,#fancybox-outer,#fancybox-content,.fancybox-bg{box-sizing: content-box;}

/********** LOGIN *****************/
#loginpage{margin: 0 auto;width:650px;padding-bottom:50px;}
#loginpage ul{background: rgb(246, 247, 247);width: 100%;border: 1px solid #e8e8e8;padding: 20px;/* color: #fff; */}
#loginpage ul li + li{margin-top:15px;}
#loginpage ul li .textinput,#loginpage ul li button{width:100%;}
#loginpage ul li button > span.icon {position: absolute;left: 10px;top:30%;font-size: 1.4em;}
#loginpage .or{text-align:center;position:relative;}
#loginpage .or:before{content: "";display: block;position: absolute;left: 0;top: 50%;height: 2px;background: #ffffff;width: 100%;border-bottom: 1px solid #dedede;}
#loginpage .or > span{width: 40px;background: #f6f7f7;position: relative;display: inline-block;}
#loginpage .lostsignup a{display:block;padding:10px;}


/******************* SMARTBANNER ************************/
.smartbanner-show ~ .main-holder{margin-top:80px;}



.gm-geolocate{bottom:75px !important;box-shadow:rgba(0, 0, 0, 0.7) 1px 1px 4px -1px;background:#fff url(../medias/images/location_20x20.png) center no-repeat;margin: 10px;width: 28px;height: 28px;border-radius: 3px;text-align: center;line-height: 28px;font-size: 20px;font-weight: bold;color: #666666;}
.gm-orientation{background: url(../medias/images/orientation_20x20.png) center no-repeat;margin: 0 10px 10px 10px !important;border: 0;width: 28px;height: 28px;}

