/* RESET CSS */
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 display-role reset for older browsers */
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;
}
/* bootstrap fix */
.container {
padding-left: 15px;
padding-right: 15px;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
padding-left: 15px;
padding-right: 15px;
}
#logo-moovijob { width:77px; max-width:100%; margin:0 auto; display:block; }
#logo-moovijob img { max-width:100%; margin:0 auto; display:block; }
body { font:13px/1.4 proxima-nova; background:url(../images/bg.jpg ) repeat-x 0 37px #ffffff; }
strong { font-weight:600; color:#1e4f74; }
a { color:#1e4f74; }
a:visited, a:focus, a:hover { outline:0; }
.navbar-top { height:36px; background:#282828; }
.navbar-top li > a { font:12px/36px 'Roboto Condensed', sans-serif; color:#999898; padding:0 8px;}
.navbar-top li > a:hover { background:#222; color:#ccc; }
.navbar-top .navbar-toggle { margin:1px; }
.navbar-search .navbar-form { border:0; box-shadow:none; }
.navbar-top .navbar-toggle .icon-bar {
background-color: #555;
}
.header { height:70px; }
.header #logo { margin-top:-36px; float:left; }
.header .nav li { float:left; text-transform:uppercase; }
.header .nav li a { transition:all linear 0.3s; font:bold 14px/1 'Roboto Condensed', sans-serif; color:#999; height:70px; padding-top:21px; display:block; text-transform:uppercase; }
.header .nav li a i { color:#ccc; font-size:29px; display:inline-block; vertical-align:middle; }
.header .nav li a:hover { background:#fff; color:#0084c1; }
.header .nav li a:hover i { color:#21bbe6;}
.header .nav li a.active { background:#0084c1; color:#ffffff; }
.header .nav li a.active i { color:#ffffff;}
.navbar-search { height:32px; background:#0084c1; }
.navbar-search .navbar-form { padding:0; position:relative; margin:3px 0; }
.navbar-search label { color:#a3c8e1; font:12px/24px 'Roboto Condensed', sans-serif; text-transform:uppercase; margin-right:10px; }
.navbar-search input { background:#005b87; color:#fff; font-size:12px; height:26px; border:0; border-radius:26px; width:210px!important; font-style:italic; }
.navbar-search button { padding:0; position:absolute; right:0; top:0; background:#005b87; color:#a3b9c9; font-size:12px; line-height:26px; height:26px; border:0; border-radius:26px; width:26px; z-index:2;}
.navbar-search button:hover { background:#005b87; color:#fff; }
.navbar-search .baseline { color:#fff; float:left; margin:7px 0 0 20px; font:18px/1 'Roboto Condensed', sans-serif; }
.navbar-search .baseline strong { color:#fff; }
#home { padding-bottom:50px; background:#F2F2F2; }
#home-news { color:#fff; padding:10px 0 0; margin-bottom:10px; }
#home-news .wrapper { padding:20px; background:#fff; box-shadow:0 2px 0 #e9e9e9; }
#home-news .img-responsive { margin:5px auto 0; border:1px solid #ccc; }
#home-news .title { font:32px/1.1 proxima-nova; font-weight:200; color:#fff; margin-bottom:20px; }
#home-news .title a { color:#fff; }
#home-news p { font-size:14px; line-height:1.5; }
#home-news .btn { margin-top:15px; background:#1e4f74; border-radius:3px; display:inline-block; padding:8px 20px; color:#fff; }
#home-news .btn:hover { background:#1193e7;}
/* update*/
#home-news { color:#333; }
#home-news .title { color:#191f24; font-weight:300; margin-top:10px; }
#home-news .title a { color:#191f24 }
#home-slide { background:url(../images/home-slide-1.jpg) no-repeat center 0; height:430px; }
#home-slide .container { clear:both; }
#home-slide .content { color:#fff; max-width:380px; float:left; margin-top:80px; margin-left:60px; }
#home-slide .content .title { font-size:60px; font-weight:300; line-height:0.9; margin-bottom:15px; }
#home-slide .content .title:after { width:40px; height:3px; background:#fff; display:block; content:''; margin-top:15px; }
#home-slide .content p { font-size:16px; }
#home-slide .nav { margin-right:40px; float:right; margin-top:100px; }
#home-slide .nav li { margin-bottom:20px; }
.flag-link { font:bold 15px/1 'Roboto Condensed', sans-serif; height:44px; color:#1e4f74; background:#ffffff; padding:15px 0 10px 60px!important; width:260px; border-radius:40px; text-transform:uppercase; box-shadow:2px 3px 0 rgba(0,0,0,0.3); }
.flag-link:after { transition:all cubic-bezier(0,0.5,0.5,1) 0.2s; content:"\f0da"; font:12px 'FontAwesome'; color:#0084c1; position:absolute; right:20px; top:15px; }
.flag-link .rounded-flag { position:absolute; left:0; top:0; }
.flag-link:hover:after { right:10px; }
.rounded-flag { position:relative; height:50px; width:50px; }
.rounded-flag * { position:absolute; top:0; left:0; }
.rounded-flag img { z-index:3; margin:-2px 0 0 -2px;}
.rounded-flag .top { width:50px; height:50px; background:url(../images/flags-top.png) no-repeat 0 0; z-index:2; }
.rounded-flag .bottom { width:50px; height:50px; background:url(../images/flags.png) no-repeat 0 0; z-index:1; }
.rounded-flag.b-fr .bottom { background-position:-150px 0; }
.rounded-flag.b-de .bottom { background-position:-100px 0; }
.rounded-flag.b-be .bottom { background-position:-50px 0; }
.rounded-flag.b-lu .bottom { background-position:-0px 0; }
.rounded-flag.t-fr .top { background-position:-0px 0; }
.rounded-flag.t-de .top { background-position:-50px 0; }
#home-nav { background:#1e4f74; box-shadow:inset 0 3px 3px rgba(0,0,0,0.3); padding:5px; }
#home-nav a { margin:0 22px; transition:all cubic-bezier(0,0.5,0.5,1) 0.2s; position:relative; font:14px/1 'Roboto Condensed', sans-serif; background:#235e8b; color:#fff; padding:22px 22px 23px; display:block; text-align:center; text-transform:uppercase; }
#home-nav a:hover { background:#113651; text-decoration:none; }
#home-nav a:before,
#home-nav a:after { content: ''; border-color: #235e8b; border-width: 30px; border-style: solid; position: absolute; top: 0; bottom: 0; }
#home-nav a:before { transition:all cubic-bezier(0,0.5,0.5,1) 0.2s; border-top-color: transparent; border-left-color: transparent; right: 100%; }
#home-nav a:after { transition:all cubic-bezier(0,0.5,0.5,1) 0.2s; border-right-color: transparent; border-bottom-color: transparent; left: 100%; }
#home-nav a:hover { background-color: #1193e7;}
#home-nav a:hover:before { border-color: #1193e7; border-top-color: transparent; border-left-color: transparent; }
#home-nav a:hover:after { border-color: #1193e7; border-right-color: transparent; border-bottom-color: transparent; }
#home-image-menu { margin-top:40px; }
#home-image-menu i { font-size:30px; line-height:14px; vertical-align:middle;}
.image-menu { overflow:hidden; }
.image-menu a { background:#fbfbfb; display:block; box-shadow:0 2px 0 #e9e9e9; font:14px/1 'Roboto Condensed', sans-serif; text-transform:uppercase; margin-bottom:15px; }
.image-menu a img { transition:all cubic-bezier(0,0.5,0.5,1) 0.2s; opacity:0.8; }
.image-menu a div { position:relative; padding:15px; }
.image-menu a div:after { transition:all cubic-bezier(0,0.5,0.5,1) 0.2s; content:"\f0da"; font:12px 'FontAwesome'; color:#0084c1; position:absolute; right:20px; top:15px; }
.image-menu a:hover div:after { right:10px; }
.image-menu a:hover { text-decoration:none; background:#fff; }
.image-menu a:hover img { opacity:1; }
#home-life-menu { padding:15px 15px 5px; overflow:hidden; background:#fbfbfb; box-shadow:0 2px 0 #e9e9e9; margin-bottom:15px; }
#home-life-menu .title { margin-top:10px; font:20px/1 'Roboto Condensed', sans-serif; color:#0084c1; text-transform:uppercase; margin-bottom:10px; }
#home-life-menu .title:after { content:''; display:block; width:30px; height:2px; background:#ccc; margin-top:8px;}
#home-life-menu a { text-align:center; border:1px solid transparent; background:#fff; display:block; padding:15px 10px 0; min-height:122px; box-shadow:1px 1px 1Px rgba(0,0,0,0.1);}
#home-life-menu a i { margin-bottom:5px; display:block; font-size:40px; color:#0083c1; }
#home-life-menu a:hover { border:1px solid #0083c1; text-decoration:none; }
#home-life-menu a div { font:bold 14px/1 'Roboto Condensed', sans-serif; color:#1e4f74; text-transform:uppercase; margin-bottom:4px; }
#home-life-menu a span { color:#888888; line-height:1; }
#home-life-menu .row { margin:0 -3px; }
#home-life-menu .col-md-9 { padding:0 3px; }
#home-life-menu .col-md-3 { padding:0 3px; margin-bottom:10px; }
#home-social { padding:30px; background:#1e4f74; color:#fff; min-height:280px }
#home-social .title { font:bold 24px/1.1 'Roboto Condensed', sans-serif; color:#ffffff; text-transform:uppercase; margin-bottom:25px; }
#home-social .title:after { content:''; display:block; width:30px; height:2px; background:#00a5db; margin-top:8px;}
#home-social li { margin-bottom:20px; }
#home-connect { background:#1e4f74; color:#fff; }
#home-connect .title { font:bold 16px/1.1 'Roboto Condensed', sans-serif; color:#ffffff; text-transform:uppercase; margin-bottom:25px; }
#home-connect .title:after { content:''; display:block; width:30px; height:2px; background:#00a5db; margin-top:8px;}
#home-social { padding:30px; }
#home-social li { margin-bottom:20px; }
#home-nl { min-height:330px; background:#0083c1; padding:30px; }
#home-nl p { margin-bottom:15px; }
#home-nl form { position:relative; }
#home-nl input { background:#005b87; color:#fff; font-size:13px; height:36px; border:0; border-radius:26px; width:100%!important; font-style:italic; }
#home-nl button { text-transform:uppercase; padding:0; position:absolute; right:0; top:0; background:#00a5db; color:#ffffff; font-size:13px; padding:0 20px; line-height:36px; height:36px; border:0; border-radius:36px; z-index:2;}
#home-nl button:hover { background:#005b87; color:#fff; }
.social-link { position:relative; display:block; font:15px/1 'Roboto Condensed', sans-serif; height:44px; color:#fff; background:#235e8b; padding:15px 0 10px 60px!important; width:200px; border-radius:40px; text-transform:uppercase; box-shadow:2px 3px 0 rgba(0,0,0,0.3); }
.social-link:after { transition:all cubic-bezier(0,0.5,0.5,1) 0.2s; content:"\f0da"; font:12px 'FontAwesome'; color:#0084c1; position:absolute; right:20px; top:15px; }
.social-link .rounded { position:absolute; left:-3px; top:-3px; }
.social-link:hover { color:#fff; background:#0083c1; text-decoration:none; }
.social-link:hover:after { right:10px; color:#fff; }
.rounded { position:relative; height:50px; width:50px; }
.rounded * { position:absolute; top:0; left:0; }
#home-footer { padding:40px 0; background:#0083c1; color:#fff; }
#home-footer p { font-size:13px; margin-bottom:15px; }
#home-footer .title { font:bold 16px/1.1 'Roboto Condensed', sans-serif; color:#ffffff; text-transform:uppercase; margin-bottom:15px; }
#home-footer .title:after { content:''; display:block; width:30px; height:2px; background:#00a5db; margin-top:8px;}
#footer { margin-top:50px; padding:40px 0; background:#0083c1; color:#fff; }
#footer p { font-size:13px; margin-bottom:15px; }
#footer .title { font:bold 16px/1.1 'Roboto Condensed', sans-serif; color:#ffffff; text-transform:uppercase; margin-bottom:15px; }
#footer .title:after { content:''; display:block; width:30px; height:2px; background:#00a5db; margin-top:8px;}
#copyright { background:#282828; padding:20px 0; color:#6a6a6a; font-size:13px; }
#footer-nl p { margin-bottom:15px; }
#footer-nl form { position:relative; }
#footer-nl input { background:#005b87; color:#fff; font-size:13px; height:36px; border:0; border-radius:26px; width:100%!important; font-style:italic; }
#footer-nl button { text-transform:uppercase; padding:0; position:absolute; right:0; top:0; background:#00a5db; color:#ffffff; font-size:13px; padding:0 20px; line-height:36px; height:36px; border:0; border-radius:36px; z-index:2;}
#footer-nl button:hover { background:#005b87; color:#fff; }
#footer .logo-1 { float:left; display:block; width:38.4%; margin-right:0.6%; }
#footer .logo-2 { float:left; display:block; width:61%; margin-bottom:2px; }
#footer .logo-3 { display:block; width:100%; }
#footer .social li { float:left; margin-right:20px; }
#footer .social li a { color:#fff; display:block; line-height:32px; }
#footer .social li i { text-align:center; line-height:32px; width:32px; height:32px; border-radius:32px; background:#00a5db; }
#breadcrumb { clear:both; background:none; min-height:28px; }
.breadcrumb { clear:both; background:none; padding:0;}
#breadcrumb .breadcrumb { padding:0; clear:both; background:none; margin:0; }
#breadcrumb .back { color:#0084c1; margin-bottom:20px; float:left; }
#worker-menu > li { overflow:hidden; margin-bottom:20px; }
#worker-menu .rounded-flag { float:left; }
#worker-menu .rounded-flag:before { content:''; display:block; width:43px; height:34px; background:url(../images/dashed.png) no-repeat 0 0; position:absolute; top:100%; left:50%; }
#worker-menu .title { margin-left:70px; margin-bottom:15px; color:#1e4f74; font:15px/1 'Roboto Condensed', sans-serif; text-transform:uppercase; margin-top:15px; display:block; }
#worker-menu .title i { color:#0084c1; }
#worker-menu .title strong { font-weight:bold;}
#worker-menu .title .fa-briefcase { margin-left:20px; }
#worker-menu ul { color:#fff; background:#f1f1f1; padding:5px; }
#worker-menu ul li a { font:15px/18px 'Roboto Condensed', sans-serif; text-transform:uppercase; display:block; height:66px; padding:15px 0 15px 50px; background:#339dcd; color:#fff; }
#worker-menu ul li a i { position:absolute; left:10px; top:10px; line-height:40px; vertical-align:middle; font-size:40px; float:left; }
#worker-menu ul li.col-md-4 { padding:0 2px; }
#worker-menu ul.row { margin:0 -2px; margin-left:70px; }
#worker-menu a:hover { background:#005b87; text-decoration:none; }
#worker-menu ul li { display:table; }
#worker-menu ul li a { display:table-cell; vertical-align:middle; }
.col-md-8 .reminder { margin-top:0; margin-bottom:20px; overflow:hidden; }
.reminder { margin-top:-10px; }
.reminder .rounded-flag { float:left;}
.reminder .title { float:left; margin-left:10px; margin-bottom:15px; color:#1e4f74; font:11px/1 'Roboto Condensed', sans-serif; text-transform:uppercase; margin-top:15px; display:block; }
.reminder i { font-size:14px; color:#0084c1; }
.reminder .fa-angle-right { color:#ccc; margin:0 5px; }
#know-more { border-bottom:2px solid #0084c1; margin-bottom:20px; }
#know-more .title { margin-bottom:10px; font:16px/1.1 'Roboto Condensed', sans-serif; text-transform:uppercase; color:#0084c1; margin-top: 10px; }
#know-more a { border-bottom:1px solid #d8dadb; display:block; padding:10px; background:#f0f3f4; color:#0084c1; font-size:13px; }
#know-more li:last-child a { border-bottom:0;}
#know-more a:hover { text-decoration:none; background:#0084c1; color:#f0f3f4; }
#know-more a i { margin:0 5px; color:#ccc; }
p { margin-bottom:15px; }
.panel-group .panel { border-radius:0; }
.panel-body .panel { margin-top:0!important; }
.panel-heading { border-radius:0; transition:all cubic-bezier(0,0.5,0.5,1) 0.2s; border-top:2Px solid #0084c1; border-bottom:1px solid #b8c7ce; background:none; }
/* panel-body elements */
.panel-body h3 { color:#0084c1; font-size:15px; font-weight:600; margin-bottom:10px; margin-top:20px; }
.panel-body .panel-body a { color:#0084c1; text-decoration:underline; }
.panel-body .panel-body i { font-style:italic; }
.panel-body h4 { color:#0084c1; font-style:italic; font-size:14px; font-weight:600; margin-bottom:10px; margin-top:20px; }
.panel-body ul { list-style:disc; margin-left:20px; margin-bottom:20px; }
.panel-body ul ul { list-style:circle; }
.panel-body strong { font-weight:bold; }
.panel-body .collapsed .panel-heading { background:none; color:#fff; }
.panel-body .panel-heading { background:none; border-top:0; overflow:hidden; padding:0; position:relative; }
.panel-body .panel-heading a { border-radius:3px 3px 0 0;background:#186284; display:block; padding:10px 15px; }
.panel-body .collapsed .panel-heading a:hover, .panel-body .collapsed .panel-heading a:visited, .panel-body .collapsed .panel-heading a:focus { background:#186284; display:block; padding:10px 15px; text-decoration:none!important; outline:0!important; }
.panel-body .collapsed .panel-heading a { border-radius:3px; background:#0084c1; transition:all linear 0.3s; -webkit-transition:all linear 0.3s; }
.panel-heading { padding:0; position:relative; }
.panel-heading h1 { padding:10px 15px; display:block; }
.panel-heading a { padding:10px 15px; display:block; }
.panel-heading i { position:absolute; right:15px; top:10px; }
.panel-body .panel-heading i.fa-plus-square { display:none; }
.panel-body .panel-heading i.fa-minus-square { display:block; }
.panel-body .collapsed .panel-heading i.fa-plus-square { display:block; }
.panel-body .collapsed .panel-heading i.fa-minus-square { display:none; }
.panel-body .panel-heading { border-radius:3px 3px 0 0; transition:all cubic-bezier(0,0.5,0.5,1) 0.2s; background:#0084c1; color:#fff; }
.panel-body .panel-heading .panel-title { color: #fff; font: 18px/1.1 "Roboto Condensed",sans-serif; text-transform: none; }
.panel-body .panel-heading a { color:#fff; }
.panel-body .panel-body { border:1px solid #ccc; border-top:0; }
.collapsed .panel-heading { background:#0084c1; color:#fff; }
.collapsed .panel-heading .panel-title { color:#fff; }
.panel-title { font:20px/1.1 'Roboto Condensed', sans-serif; color:#0084c1; text-transform:uppercase; }
.panel-body .summary > li > a { display:block; font:bold 16px/1 'Roboto Condensed', sans-serif; margin:10px 0 5px 0; }
.panel-body .summary > li li { margin-bottom:5px; }
.panel-body .summary { list-style:none; margin-left:0; }
.panel-body .summary ul { list-style:none;}
.panel-body .summary > li li > a:before { content:"\f15b"; font:12px FontAwesome; color:#0084c1; margin: 2px 5px 0 4px; float:left; }
.panel-body .summary > li > a:hover { color:#0084c1; text-decoration:none; }
.panel-body .summary > li li a { color:#333; }
.panel-body .summary > li li a:hover { color:#0084c1; text-decoration:none; }
.panel-heading i { font-size:15px; }
.panel-group .panel-body .summary ul { margin-left:0; }
.panel-group .panel-body .summary > li > a { margin:10px 0 10px 0; }
#aside-menu { margin-bottom:20px; }
#aside-menu .panel-group { margin-bottom:0; }
#aside-menu .panel-heading { padding:8px; }
#aside-menu .panel-title { font-size:16px; }
#aside-menu .panel-body { padding-top:0; }
#aside-menu > li > a { border:1px solid transparent; display:block; padding:8px; font: 16px/1.1 "Roboto Condensed",sans-serif; text-transform:uppercase; background:#0084c1; color:#fff; }
#aside-menu > li > a:hover { background:#fff; color:#0084c1; border:1px solid #0084c1; text-decoration:none; }
#aside-menu > li { margin-bottom:2px; }
.download-link{ border:1px solid transparent; font:18px/1.1 'Roboto Condensed', sans-serif; background:#0084c1; color:#fff; text-transform:uppercase; display:block; padding:15px; }
.download-link:hover { font:18px/1.1 'Roboto Condensed', sans-serif; border:1px solid #0084c1; background:#fff; color:#0084c1; text-transform:uppercase; display:block; padding:15px;text-decoration:none; }
.panel-body table { border:0; width:100%; margin-bottom:20px; border-radius:2px; box-shadow:0 1px 2px #ccc; }
.panel-body table td { padding:8px 10px; background:#f5f5f5; border-right:1px solid #ccc; }
.panel-body table td:last-child { border-right:0; }
.panel-body table tr:nth-child(even) td { background:#e9e9e9; }
.panel-body table th { background:#0084c1; color:#fff; padding:10px; font-weight:bold; }
#aside-life-menu { border-top:2Px solid #0084c1; padding:15px; overflow:hidden; background:#fbfbfb; box-shadow:0 2px 0 #e9e9e9; margin-bottom:15px; }
#aside-life-menu .title { font:20px/1 'Roboto Condensed', sans-serif; color:#0084c1; text-transform:uppercase; margin-bottom:10px; }
#aside-life-menu .title:after { content:''; display:block; width:30px; height:2px; background:#ccc; margin-top:8px;}
#aside-life-menu a { position:relative; border:1px solid #eaeaea; background:#fff; display:block; padding:15px 0 0 55px; min-height:60px; margin-top:-1Px; }
#aside-life-menu a i { position:absolute; left:10px; top:0; margin-bottom:5px; font-size:40px; line-height:60px; color:#0083c1; }
#aside-life-menu a:hover { border:1px solid #0083c1; text-decoration:none; }
#aside-life-menu a div { font:bold 14px/1 'Roboto Condensed', sans-serif; color:#1e4f74; text-transform:uppercase; margin-bottom:0; }
#aside-life-menu a span { color:#888888; }
#aside-life-menu .row { margin:0 -10px; }
#aside-life-menu .col-md-3 { padding:0 10px; margin-bottom:10px; }
#aside-non-worker-menu { border-top:2Px solid #0084c1; padding:15px; overflow:hidden; background:#fbfbfb; box-shadow:0 2px 0 #e9e9e9; margin-bottom:15px; }
#aside-non-worker-menu .title { font:20px/1 'Roboto Condensed', sans-serif; color:#0084c1; text-transform:uppercase; margin-bottom:10px; }
#aside-non-worker-menu .title:after { content:''; display:block; width:30px; height:2px; background:#ccc; margin-top:8px;}
#aside-non-worker-menu a { position:relative; border:1px solid #eaeaea; background:#fff; display:block; padding:0 0 0 60px; min-height:60px; margin-top:-1Px; }
#aside-non-worker-menu a i { position:absolute; left:10px; top:0; margin-bottom:5px; font-size:40px; line-height:60px; color:#0083c1; }
#aside-non-worker-menu a:hover { border:1px solid #0083c1; text-decoration:none; }
#aside-non-worker-menu a div { font:bold 14px/60px 'Roboto Condensed', sans-serif; color:#1e4f74; text-transform:uppercase; margin-bottom:0; }
#aside-non-worker-menu a span { color:#888888; }
#aside-non-worker-menu .row { margin:0 -10px; }
#aside-non-worker-menu .col-md-3 { padding:0 10px; margin-bottom:10px; }
.pub { margin-bottom:20px; display:block; }
#page > .title, #page > .row > * > .title { font:bold 30px/1 roboto condensed; text-transform:uppercase; color:#1e4f74; }
#page > .subtitle, #page > .row > * > .subtitle { font:italic 18px/1 proxima-nova; color:#3faad5; margin-bottom:20px; }
#page .wrapper { background:#f0f3f4; padding:10px; }
#page .wrapper nav { text-align:center; }
.event { padding:20px; overflow:hidden; border-bottom:1px solid #e6e6e6; margin-bottom:10px; }
.event .date { width:86px; height:86px; background:#1e4f74; float:left; margin-right:30px; color:#fff; font:300 20px/0.8 proxima-nova; text-transform:uppercase; text-align:center; padding-top:10px; }
.event .date strong { font-weight:bold; line-height:1; font-size:50px; display:block; color:#fff; }
.event .content { margin-left:116px; }
.event:hover { background:#fff; cursor:pointer; }
.event:hover .title { color:#0084c1; text-decoration:none; }
.event:hover .date { background:#0084c1; }
.event .title { font:bold 20px/1 roboto condensed; color:#16b1e0; text-transform:uppercase; margin-bottom:10px; display:block; }
.event p { font-size:13px; line-height:19px; color:#999999; }
.event .btn { background:#1e4f74; border-radius:3px; color:#fff; }
.event .btn:hover { background:#0084c1; }
.article { padding:20px; overflow:hidden; border-bottom:1px solid #e6e6e6; margin-bottom:10px; }
.article .infos { float:left; width:180px; }
.article .date { margin-bottom:5px; color:#1e4f74; font:bold 15px/1 proxima-nova; text-transform:uppercase; }
.article .tag { font-size:12px; display:block; text-transform:uppercase; color:#999999; }
.article .content { margin-left:200px; }
.article .title { font:bold 20px/1 roboto condensed; color:#16b1e0; text-transform:uppercase; margin-bottom:10px; display:block; }
.article:hover { background:#fff; cursor:pointer; }
.article:hover .title { color:#0084c1; text-decoration:none; }
.article p { font-size:13px; line-height:19px; color:#999999; }
.article .btn { background:#1e4f74; border-radius:3px; color:#fff; }
.article .btn:hover { background:#0084c1; }
#most-read { border-bottom:2px solid #0084c1; margin-bottom:20px; }
#most-read .title { margin-bottom:10px; font:16px/1.1 'Roboto Condensed', sans-serif; text-transform:uppercase; color:#0084c1; }
#most-read li { position:relative; border-bottom:1px solid #d8dadb; display:block; padding:10px 10px 10px 30px; background:#f0f3f4; color:#0084c1; font-size:13px; }
#most-read li a { font-weight:600; }
#most-read li p { margin:0; }
#most-read li:last-child { border-bottom:0;}
#most-read li:hover { cursor:pointer; text-decoration:none; background:#0084c1; color:#f0f3f4; }
#most-read li:hover a { color:#fff; }
#most-read li:hover p { color:rgba(255,255,255,0.7); }
#most-read li i { position:absolute; left:15px; top:13px; color:#ccc; }
#keywords { border-bottom:2px solid #0084c1; margin-bottom:20px; }
#keywords .title { margin-bottom:10px; font:16px/1.1 'Roboto Condensed', sans-serif; text-transform:uppercase; color:#0084c1; }
#keywords ul { position:relative; border-bottom:1px solid #d8dadb; display:block; padding:20px 30px; background:#f0f3f4; color:#0084c1; font-size:13px; }
#keywords li { display:inline-block; margin-bottom:3px; }
#keywords li a { background:#1e4f74; border-radius:3px; font:bold 12px/23px proxima-nova; text-transform:uppercase; color:#fff; padding:0 10px; display:inline-block; }
#keywords li a:hover { background:#0084c1; text-decoration:none; }
#calendar { margin-bottom:30px; }
#calendar .controls { overflow:hidden; background-color:#ededed; color:#004262; padding:15px 0; }
#calendar .controls .clndr-previous-button, #calendar .controls .clndr-next-button {
width: 15%;
padding-top: 5px;
padding-bottom: 5px;
float:left;
text-align: center;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-ms-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
transition: background-color 0.5s;
}
#calendar .controls .month {
width: 70%;
padding-top: 5px;
padding-bottom: 5px;
float:left;
text-align: center;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
}
#calendar .days-container .days { background-color: #1e4f74; overflow:hidden; }
#calendar .days-container .days .headers { overflow:hidden; font-size:18px; background-color: #16b1e0; padding:5px 0; margin-bottom:10px;}
#calendar .days-container .days .headers .day-header { width: 14.28%; float:left; text-align: center; color: white; }
#calendar .days-container .days .day.adjacent-month, #calendar .days-container .days .empty.adjacent-month { color: #316a94; }
#calendar .days-container .days .day, #calendar .days-container .days .empty {
font-size:16px;
width: 14.28%;
float:left;
padding: 0 8px;
text-align: center;
color: #ffffff;
line-height:32px;
overflow:hidden;
margin-bottom:10px;
}
#calendar .days-container .days .day.event, #calendar .days-container .days .empty.event {
padding: 0 8px;
background-color: #fff;
line-height:32px;
color:#2e658e;
-webkit-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-ms-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
transition: background-color 0.5s;
cursor: pointer;
}
.perm { font-weight:600; margin-bottom:20px; padding:30px!important;}
.perm .town {
color: #1e4f74;
font: bold 20px/1 roboto condensed;
margin-bottom:10px;
text-transform: uppercase;
}
.perm i {
color: #3faad5;
font-style: italic;
}
legend { padding:20px; font-size:16px; font-style:italic; color:#1e4f74; }
hr { background:#333; }
#contact-form { padding:20px; }
#contact-form .btn { background:#1e4f74; border-radius:3px; color:#fff; }
#contact-form .btn:hover { background:#0084c1; }
#page .wrapper.bm { padding:30px; }
.top-wrapper { box-shadow:inset 0 0 30px rgba(0,0,0,0.4); background:#1e4f74; border-radius:5px; padding:30px; color:#ffffff; font-size:15px; margin-bottom:20px; }
.legend { font-size:15px; font-weight:bold; margin-bottom:15px; }
.legend a { color:#16b1e0; }
.publication { display:table; border-radius:3Px; width:100%; border:1px solid #ddd; height:150px; width:100%; background:#0084c1; font-size:16px; color:#fff; font-weight:bold; text-align:center; margin-bottom:30px; }
.publication > div { width:100%; height:150px; display:table-cell; vertical-align:middle; text-align:center; }
.publication:hover { border:1px solid transparent; background:#fff; color:#0084c1; text-decoration:none; }
#know-more li.active > a { background:#0084c1; border-bottom:1px solid #1e4f74; color:#fff; text-decoration:none; }
#know-more ul .submenu { display:none; }
#know-more ul .active .submenu { display:block; }
#know-more ul .submenu a { padding:8px 10px; background:#f5f7f8; padding-left:25px; border-bottom:1px solid rgba(0,0,0,0.05); border-top:1px solid rgba(255,255,255,0.5) }
#know-more ul .submenu .active a:before { color:#fff; }
#know-more ul .submenu a:before { content:"\f15b"; font:8px FontAwesome; color:#0084c1; margin: 4px 5px 0 4px; float:left; }
#know-more ul .submenu a:hover {background:#0084c1; color:#fff; border-top:1px solid rgba(0,0,0,0.05); }
#know-more ul .submenu a:hover:before { color:#fff; }
#know-more ul .submenu li.active > a { background:#0084c1; border-bottom:1px solid #1e4f74; color:#fff; text-decoration:none; }
.wrapper.bm .title {
margin-bottom: 10px;
font: 16px/1.1 'Roboto Condensed', sans-serif;
text-transform: uppercase;
color: #0084c1;
}
.publication-title {
font: bold 30px/1 roboto condensed;
text-transform: uppercase;
color: #1e4f74;
margin-bottom:20px;
}
.wrapper.bm .col-md-3 img {width:100% }
.wrapper.bm .flag {
display: inline-block;
vertical-align: middle;
margin-top: -2px;
margin-right:6px;
}
.wrapper.bm .year { color:#1e4f74; font-weight:bold;}
.wrapper.bm .btn {
margin-top: 15px;
background: #1e4f74;
border-radius: 3px;
display: inline-block;
padding: 8px 20px;
color: #fff;
}
.wrapper.bm .btn:hover { background:#1193e7;}
.change {
color: #0084c1;
float: left;
margin-bottom: 20px;
margin-left: 10px;
margin-top: 3px;
}
@media (max-width:992px) {
.navbar-search .navbar-form label { display:none; }
.navbar-search input { width:100%!important; }
.navbar-top { height:auto; }
#breadcrumb { margin:15px 0 10px; }
#breadcrumb > div { clear:both; }
#footer .row > div { overflow:hidden; margin-bottom:20px; }
#home-slide .content { max-width:400px; margin:30px auto;}
#home-slide .nav { width:260px; margin:30px auto;}
#logo img { width: 140px; }
#worker-menu ul li { display:block; margin-bottom:5px; }
#worker-menu ul li a { display:block; vertical-align:middle; padding-top:22px }
#worker-menu .fa-briefcase { clear:both; }
#home-slide { background:url(../images/home-slide-1.jpg) no-repeat center 0; height:auto; }
#home-nav li { margin-bottom:3px; }
#home-nav a:after, #home-nav a:before { display:none!important; }
}
@media (max-width:500px) {
.baseline { display:none; }
}
/* UPDATES */
#footer-sitemap a {
color: #fff;
font-weight: 600;
}
.logo-moovijob {
margin-bottom: 11px;
margin-left: 40px;
}
.slider-title {
font-size: 24px;
margin-bottom: 15px;
}
.owl-item .item {
max-height: 350px;
overflow: hidden;
}
.owl-item img {
max-width: 100%;
}
.event img {
margin-bottom: 29px;
max-width: 100%;
}
#page h2 {
margin-bottom: 15px;
}
/* responsive fix */
.navbar-toggle .icon-bar { background:#0084c1; }
.header .navbar-toggle .icon-bar + .icon-bar { margin-top: 6px; }
.header .navbar-toggle .icon-bar { height:3Px; width:30px; }
.header .navbar-toggle { margin-right:0; margin-top:12px;}
#owl-frontaliers .img { background:#f1f1f1; text-align:center;}
@media (max-width:992px) {
.navbar-search, .header { height:auto; }
.header .navbar-collapse { clear:both; }
.header .nav li { display:block; float:none; }
.navbar-search .baseline { margin:12px 0 7px; float:none; }
.navbar-search { padding:8px 0 10px; }
#worker-menu .title { margin-bottom:30px; }
.navbar-top .nav li {float:left; }
}
@media (max-width:768px) {
#home-slide .content { float:none; max-width:none; margin:30px auto;}
#home-slide .nav { float:none; clear:both; width:auto; margin:30px auto;}
#home-nav a { margin:0; }
#home-nav li { padding:0; }
#home-nav {padding:5px 5px 2px;}
.owl-item .item {
height: 100%;
max-height: none;
}
}
@media (max-width:400px) {
#worker-menu ul.row { margin-left:-2px; }
}
/*EDIT MAG - API - 27/10/16*/
#search-work {
background: #0084c1 ;
padding: 35px 35px 60px;
margin-bottom:25px;
-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.4);
box-shadow: 0 0 30px 0 rgba(0,0,0,0.4);;
}
#search-work select, #search-work input {
height:30px;
background:#04a4ee;
border:none;
color:#ffffff;
font-family: 'Roboto Condensed', sans-serif;
text-transform:uppercase;
padding:5px 10px;
margin-bottom:5px;
}
#table_offer {
width: 100%;
background:#f2f2f2 ;
}
#table_offer td {
border-bottom: 1px solid #55555 ;
color: #005b87 ;
padding: 10px;
vertical-align: middle;
}
#table_offer tr {
height: 50px;
}
#table_offer tr:nth-child(2n+0) {
background:#ffffff;
color:#005b87;
}
#table_offer tr:nth-child(2n+0) td{
color:#0084c1 ;
}
#table_offer tr:nth-child(2n+0) td a{
color:#0084c1 ;
}
#table_offer th {
border-bottom: 1px solid #ffffff ;
color: #ffffff;
padding: 10px;
background:#005b87;
text-transform:uppercase;
font-family: 'Roboto Condensed', sans-serif;
}
#table_offer a {
color: #005b87 ;
font-weight:800;
text-transform:uppercase;
font-family: 'Roboto Condensed', sans-serif;
}
#search-work #slug_job_category {
width: 100%;
}
#search-work #country {
width: 100%;
}
#search-work #request {
width: 100%;
}
#search-work #ok {
width: 100%;
background:#ffffff;
color:#0084c1;
}
#search-work #ok:hover, #search-work #ok:focus {
width: 100%;
background:#005b87;
color:#ffffff;
}
#pagination {
text-align: center;
margin-top:35px;
}
#pagination a {
padding:5px;
}
#nb_results {
color: #777;
padding: 5px;
}
#titre_offre {
color: #0084c1 ;
text-transform:uppercase;
font-family: 'Roboto Condensed', sans-serif;
font-size:50px;
line-height: 1;
}
#recruteur > img {
display: block;
margin: 0 auto;
max-width: 150px;
vertical-align: top;
}
.infos-work {
background: #f9f9f9 none repeat scroll 0 0;
border: 1px solid #cecece;
width: 100%;
margin: 15px 0 35px;
}
.infos-work td {
padding: 15px;
vertical-align: top;
}
.infos-work th {
background: #005b87 none repeat scroll 0 0;
color: #ffffff;
font-family: "roboto condensed";
padding: 10px;
text-transform: uppercase;
}
#lien_retour a{
background: #005b87;
padding: 5px 10px;
display: inline-block;
color:#ffffff!important;
margin-top:50px;
}
#lien_retour a:hover, #lien_retour a:hover {
background: #0083c1 ;
padding: 5px 10px;
display: inline-block;
color:#ffffff!important;
text-decoration:none;
}
#screen_details {
padding: 20px;
}
.m-job {
color: #777;
text-align: right;
margin-top:40px;
}
.m-job img {
max-width: 150px;
}
@media (min-width:768px) and (max-width:992px ) { .col-sm-6 { float:left; width:50%; } }
@media (max-width:768px) {
#home-nl button { position:relative; width:100%; }
}
#home-nl .title, #home-connect .title { font-size:26px; line-height:1; }
#home-connect .title:after { width:60px; height:3px; margin-top:18px; }
#home-connect > .row { margin:0; }
#home-connect > .row > * { padding:0; }
#home-nl p { font-size:16px; }
#home-nl { min-height:280px }
.social-link { width:auto; padding:0!important; text-align:center; box-shadow:none; background:none; }
.social-link:hover { background:none; }
.social-link .rounded { position:relative; margin:0 auto 20px; left:auto; top:auto; }
.social-link:after { top:95px; right:calc(50% - 4px);}
.social-link:hover:after { right:calc(50% - 4px); }
/* HOME MENU UPDATE 10/04/17 */
#home-nav { padding:10px 0 0; }
#home-nav .row { margin:0 -5px; }
#home-nav .row > * { padding:0 5px; }
#home-nav a { font-size:16px; padding:10px 5px 8px; margin:0 0 10px; color:#fff; display:block; text-align:center; text-transform:uppercase; background:#144364; border-radius:100px; margin-top:5px; }
#home-nav a:before, #home-nav a:after { display:none; }
#home-nav a i { vertical-align:middle; margin-right:6px; font-size:24px; }
#home-nav a:hover { background:#113651; text-decoration:none; }
#home-nav a.big { margin-top:0px; transition:all ease-out 0.3s; padding:15px 22px; font-size:20px; background-color:#13a5e4; background:linear-gradient(#13a5e4 30px, #0d7ad8 100%); background-size:100% calc(100% + 30px); background-position:0 -30px ; text-decoration:none; box-shadow:inset 0 1px 0 #16beff, inset 0 -1px 0 #004ecb, 0 5px 5px rgba(0,0,0,0.4); position:relative; }
#home-nav a.big i { transition:all ease-out 0.3s; display:block; font-size:26px; line-height:40px; box-shadow:inset 2px 2px 8px rgba(0,0,0,0.5), 1px 1px 0 rgba(20,171,251,1); background:#176ea9; border-radius:100px; height:40px; width:40px; margin:0; position:absolute; left:5px; top:5px; text-align:center; }
#home-nav a.big:hover { background-position:0 0; box-shadow:inset 0 0 0 #16beff, inset 0 0 0 #004ecb, 0 1px 1px rgba(0,0,0,0.1); }
#home-nav a.big:hover i { box-shadow:inset 2px 2px 8px rgba(0,0,0,0.1), 1px 1px 0 rgba(20,171,251,0); }
@media(min-width:992px) {
#home-nav .row > * { width:29.3%; }
#home-nav .row > *:first-child, #home-nav .row > *:last-child { width:20.7%; }
#home-social { padding:30px 0 30px 30px; }
}
#home-social a.social-link { width:auto; min-width:160px; }
#home-social a.social-link { width:auto; min-width:0; }
#home-social { padding:30px!important; }
#home-social .row { margin-bottom:40px; }
/* maj 2018 */
#worker-menu._rWrK18 { margin-top: 30px; }
#worker-menu._rWrK18 ul li.col-md-6,
#worker-menu._rWrK18 ul li.col-md-12 { padding: 0 2px; }
#worker-menu._rWrK18 ul li.col-md-6:nth-child(3),
#worker-menu._rWrK18 ul li.col-md-6:nth-child(4) { margin-top: 4px; }
#worker-menu._rWrK18 ul li.col-md-12 + li.col-md-12 { margin: 5px 0 0; }
#worker-menu._rWrK18 .rounded-flag .top { display: none; }
#worker-menu._rWrK18 .no-flags { margin: 0 -2px; }
#worker-menu._rWrK18 .no-flags ul.row { margin: 0 -2px; }
#worker-menu._rWrK18 > li { display: block; }
#worker-menu._rWrK18 ul li a { padding: 15px 20px 15px 75px; }
#worker-menu._rWrK18 ul li a i { left: 25px; }
#worker-menu._rWrK18 ul li a i.fas { font-size: 32px; }
#worker-menu._rWrK18 .icon svg { max-width: 100%; }
#worker-menu._rWrK18 .icon svg * { fill: #ffffff !important; }
#worker-menu._rWrK18 { margin-top: 30px; }
#worker-menu ul li.col-md-6,
#worker-menu ul li.col-md-12 { padding: 0 2px; }
#worker-menu ul li.col-md-6:nth-child(3),
#worker-menu ul li.col-md-6:nth-child(4) { margin-top: 4px; }
#worker-menu ul li.col-md-12 + li.col-md-12 { margin: 5px 0 0; }
#worker-menu.no-flags { margin: 0 -2px; }
#worker-menu.no-flags ul.row { margin: 0 -2px; }
#worker-menu > li { display: block; }
#worker-menu ul li a { padding: 15px 20px 15px 75px; }
#worker-menu ul li a i { left: 25px; }
#worker-menu ul li a i.fas { font-size: 32px; }
#worker-menu .icon svg { max-width: 100%; }
#worker-menu .icon svg * { fill: #ffffff !important; }
#worker-menu._rWrK18 { margin-top: 30px; }
#worker-menu ul li.col-md-6,
#worker-menu ul li.col-md-12 { padding: 0 2px; }
#worker-menu ul li.col-md-6:nth-child(3),
#worker-menu ul li.col-md-6:nth-child(4) { margin-top: 4px; }
#worker-menu ul li.col-md-12 + li.col-md-12 { margin: 5px 0 0; }
#worker-menu.no-flags { margin: 0 -2px; }
#worker-menu.no-flags ul.row { margin: 0 -2px; }
#worker-menu > li { display: block; }
#worker-menu ul li a { padding: 15px 20px 15px 75px; }
#worker-menu ul li a i { left: 25px; }
#worker-menu ul li a i.fas { font-size: 32px; }
#worker-menu .icon svg { max-width: 100%; }
#worker-menu .icon svg * { fill: #ffffff !important; }
#worker-menu._rWrK18 .row + .row { margin-top: -6px; }
#worker-menu._rWrK18 ul li a .rounded-flag { position: absolute; left: 20px; top: 10px; line-height: 40px; vertical-align: middle; font-size: 40px; float: left; -webkit-transform: scale(0.85); ms-transform: scale(0.85); -o-transform: scale(0.85); transform: scale(0.85); }
#worker-menu._rWrK18 ul li a .rounded-flag::before { content: none; }
#worker-menu._rWrK18 .rounded-flag.flags-alt .bottom { background-image: url('../images/flags-alt.png'); }
#worker-menu._rWrK18 .rounded-flag.flags-alt.link .bottom { background-position: 0 0; }
#worker-menu._rWrK18 .rounded-flag.flags-alt.home .bottom { background-position: -50px 0; }