/*
Theme Name: 	ESI Horeca
Theme URI: 		http://viewportindustries.com/products/starkers
Description: 	The totally nude Wordpress theme!
Version: 		4.0
Author: 		Elliot Jay Stocks & Keir Whitaker
Author URI: 	http://viewportindustries.com
Tags: 			starkers, naked, clean, basic
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries
===========================
*/

/* ----------------------------------------------------------------------------------------------------------
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#f2f2f2 url(img/background.jpg) top center repeat-x; padding-top: 130px; /* Don't forget to style your body to avoid user overrides */ }
::-moz-selection 	{ background:#4fa28a; color:#fff; }
::selection 		{ background:#4fa28a; color:#fff; }

.teaser-home{ }
.navbar-default .navbar-nav > li > a { font-size:13px; text-transform:uppercase; font-weight:600; }
.navbar-brand { padding: 5px 15px; height: auto; z-index:50;}
.navbar-header { float: left; z-index:50;}

/* ----------------------------------------------------------------------------------------------------------
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{ /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

h1,
h2,
h3,
h4,
h5,
h6 					{ font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }
.teaser-home { color:#fff; }
.teaser-home h1{ font-size:25px; font-weight:600; text-transform:uppercase; }
.teaser-home h2{ font-size:20px; font-weight:600; }
.teaser-home ul{ margin:40px 0; padding:0;text-transform:uppercase; }
.teaser-home ul li{ list-style:none;}
.teaser-home .btn{text-transform:uppercase; margin-top:0.9em;}

.btn-teaser { color: #fff; font-weight:600; background-color: rgba(0,0,0,0.25); border-color: #fff; }

section.content{ background:#fff;}
.page section.content,
.single section.content{ padding-top:40px; padding-bottom:40px;}

section.countdowns{ background:#f2f2f2; padding:40px 0;}

section.heading{ padding:0 0 40px;}
section.heading h1{ font-size:25px; font-weight:600; color:#fff; text-transform:uppercase; }

#breadcrumbs{ margin-top: 25px; margin-bottom: 10.5px; color:#fff; font-weight:300; font-size:12px;}
#breadcrumbs a{ color:#fff;}

.totalgainsresult{ display:none;}

.thumbnail h3{ margin-top: 10.5px;}

#countdown_2015,
#countdown_2016{
	text-align:center;
	margin:0 0 0 0;
}
.dash {
	height: 100px;
	background: transparent url('../images/dash.png') 0 0 no-repeat;
	display:inline-block;
	margin: 0 10px;
	position: relative;
}

.dash .digit {
	font-size: 50pt;
	font-weight: bold;
	float: left;
	text-align: center;
	color: #373737;
	position: relative;
}

.dash_title {
	position: absolute;
	display: block;
	bottom: -15px;
	width:100%;
	right: 0;
	font-size: 9pt;
	color: #373737;
	font-weight:600;
	text-transform: uppercase;
}

.dev_comment {
	font-size: 14pt;
	color: #777;
	text-align: center;
	font-style: italic;
	margin: 40px 10px;
}

footer{ background:#f2f2f2; padding:30px 0; line-height:36px;}

/* Template-specific stuff
 *
 * Customizations just for the template; these are not necessary for anything
 * with disabling the responsiveness.
 */

/* Account for fixed navbar */
body {
  min-width: 1170px;
}

/* Non-responsive overrides
 *
 * Utilitze the following CSS to disable the responsive-ness of the container,
 * grid system, and navbar.
 */

/* Reset the container */
.container {
  width: 1170px;
  max-width: none !important;
}

/* Demonstrate the grids */
.col-xs-4 {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #eee;
  background-color: rgba(86,61,124,.15);
  border: 1px solid #ddd;
  border: 1px solid rgba(86,61,124,.2);
}

.container .navbar-header,
.container .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}

/* Always float the navbar header */
.navbar-header {
  float: left;
}

/* Undo the collapsing navbar */
.navbar-collapse {
  display: block !important;
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
}

.navbar-toggle {
  display: none;
}
.navbar-collapse {
  border-top: 0;
}

.navbar-brand {
  margin-left: -15px;
}

/* Always apply the floated nav */

/* Redeclare since we override the float above */
.navbar-nav.navbar-right {
  float: right;
}

/* Undo custom dropdowns */
.navbar .navbar-nav .open .dropdown-menu {
  position: absolute;
  float: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-width: 0 1px 1px;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #333;
}
.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar .navbar-nav .open .dropdown-menu > .active > a,
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #193F51 !important;
  background-color: #F2F2F2 !important;
}
.navbar .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  color: #999 !important;
  background-color: transparent !important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  	color: #193F51;
	background-color: #F2F2F2;
}
.navbar .dropdown-menu > li > a, .navbar .dropdown-menu > li > a:focus {
	font-weight: 600;
}


.actualite{ padding:0;}
.actualite li{ list-style:none; }
.actualite article{ padding-bottom:15px; margin-bottom:15px; border-bottom:solid 1px #cccccc;}

/* ----------------------------------------------------------------------------------------------------------
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* 400 and up */
@media screen and (min-width:400px) {

					{ /* Place your styles here for all widths greater than 400px */ }

}

/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

					{ /* Place your styles here for all 'Retina' screens */ }

}


/*******************  actu ************************/


.actu{
    height:5.5em;
    width:100%;
border:solid 0px white;
    border-bottom-width: 1px;
}

.actu h4{
    width:60%;
    margin-bottom:-0.8em;
}
.img_actu{
    float:right;
    position:relative;
    height:4em;
    margin-top:-1.5em;
}
.img_actu img{
    width:90%;
    height:auto;
    position:relative;
    top:1em;
}
.teaser-home h2{border:solid 0px white; border-bottom-width:1px;}
.actu_link{color:white !important;}

.right_link{float:right; border:solid 1px white; padding:0.5em;background:rgba(0,0,0,0.3);margin-bottom:1em; margin-top:1em;}
.addscpace{
    width:50% !important;
    margin:auto !important;
    margin-bottom:2em !important;
}
.text-center{margin-bottom:3em;}
.logo{max-width: 100px; position: relative; top: 15px;}


.headerText{color:white;}