/* Add your includes. */
 
/* Colors */

.green {
  color: #007f64 !important;
}

.lightgreen {
  color: #34b233 !important;
}

.grey {
  color: #6c6c6c !important;
}

.lightgrey {
  color: #9A9B9C !important;
}

.white {
  color: #ffffff !important;
}

strong {
  font-weight: bold !important;
}

/* */

.global_logo {
  float: right;
}

.sagelogo {
  height: 60px;
  width: 141px;
}

.global_logo a {
  display: block;
  margin: 32px 40px 25px 0;
  width: 100px;
}
.global_logo a  img{
  margin-top: 6px;
}

.no-svg .global_logo a {
  /*background: url('images/headerLogo.png') no-repeat top left;*/
  display: block;
  width: 141px;
  height: 106px;
}

.no-svg .global_logo a img {
  display: none;
}

.product_logo {
  float: left;
  font-size: 62px;
  line-height: 1em;
  padding-top: 20px;
  vertical-align:top;
}
.product_logo a {
  text-decoration : none;
}

.product_logo small {
  font-size: 50%;
}


@font-face {
  font-family: 'OpenSansLight';
  src: url("../bootstrap/fonts/OpenSans-Light-webfont.eot");
  src: url("../bootstrap/fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../bootstrap/fonts/OpenSans-Light-webfont.woff") format("woff"), url("../bootstrap/fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("../bootstrap/fonts/OpenSans-Light-webfont.svg#OpenSansLight") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSansLightItalic';
  src: url("../bootstrap/fonts/OpenSans-LightItalic-webfont.eot");
  src: url("../bootstrap/fonts/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../bootstrap/fonts/OpenSans-LightItalic-webfont.woff") format("woff"), url("../bootstrap/fonts/OpenSans-LightItalic-webfont.ttf") format("truetype"), url("../bootstrap/fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSansRegular';
  src: url("../bootstrap/fonts/OpenSans-Regular-webfont.eot");
  src: url("../bootstrap/fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../bootstrap/fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../bootstrap/fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../bootstrap/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'OpenSansItalic';
  src: url("../bootstrap/fonts/OpenSans-Italic-webfont.eot");
  src: url("../bootstrap/fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../bootstrap/fonts/OpenSans-Italic-webfont.woff") format("woff"), url("../bootstrap/fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("../bootstrap/fonts/OpenSans-Italic-webfont.svg#OpenSansItalic") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'OpenSansSemibold';
  src: url("../bootstrap/fonts/OpenSans-Semibold-webfont.eot");
  src: url("../bootstrap/fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../bootstrap/fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("../bootstrap/fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("../bootstrap/fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'OpenSansSemiboldItalic';
  src: url("../bootstrap/fonts/OpenSans-SemiboldItalic-webfont.eot");
  src: url("../bootstrap/fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../bootstrap/fonts/OpenSans-SemiboldItalic-webfont.woff") format("woff"), url("../bootstrap/fonts/OpenSans-SemiboldItalic-webfont.ttf") format("truetype"), url("../bootstrap/fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'OpenSansBold';
  src: url("../bootstrap/fonts/OpenSans-Bold-webfont.eot");
  src: url("../bootstrap/fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../bootstrap/fonts/OpenSans-Bold-webfont.woff") format("woff"), url("../bootstrap/fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("../bootstrap/fonts/OpenSans-Bold-webfont.svg#OpenSansBold") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'OpenSansBoldItalic';
  src: url("../bootstrap/fonts/OpenSans-BoldItalic-webfont.eot");
  src: url("../bootstrap/fonts/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../bootstrap/fonts/OpenSans-BoldItalic-webfont.woff") format("woff"), url("../bootstrap/fonts/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("../bootstrap/fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

@font-face {
 font-family: 'foco';
 src: url('../bootstrap/fonts/foco-webfont.eot');
 src: url('../bootstrap/fonts/foco-webfont.eot?#iefix') format('embedded-opentype'),
 url('../bootstrap/fonts/foco-webfont.woff') format('woff'),
 url('../bootstrap/fonts/foco-webfont.ttf') format('truetype'),
 url('../bootstrap/fonts/foco-webfont.svg#foco-webfont') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'foco';
 src: url('../bootstrap/fonts/foco-webfont.eot');
 src: url('../bootstrap/fonts/foco-webfont.eot?#iefix') format('embedded-opentype'),
 url('../bootstrap/fonts/foco-webfont.woff') format('woff'),
 url('../bootstrap/fonts/foco-webfont.ttf') format('truetype'),
 url('../bootstrap/fonts/foco-webfont.svg#foco-webfont') format('svg');
 font-weight: normal;
 font-style: normal;
}

/*
@font-face {
 font-family: 'focoBold';
 src: url('../bootstrap/fonts/focobold-webfont.eot');
 src: url('../bootstrap/fonts/focobold-webfont.eot?#iefix') format('embedded-opentype'),
 url('../bootstrap/fonts/focobold-webfont.woff') format('woff'),
 url('../bootstrap/fonts/focobold-webfont.ttf') format('truetype'),
 url('../bootstrap/fonts/focobold-webfont.svg#focobold-webfont') format('svg');
 font-weight: normal;
 font-style: normal;
}
*/

.foco {
  font-family: foco;
}

.foco_bold {
  font-family: focoBold;
}

  
/* Custom container */

/* Replaced with normal container and standard footer */
/*.container-narrow {
  margin: 0 auto;
  max-width: 700px; }

.container-narrow > hr {
  margin: 30px 0; }
*/

/* Replaced with standard BS3 Navbar */
/*.navbar .nav {
  float: right; }*/

/* =============================================================================
   Typography
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
  font-family: foco;
}

h1 {
  color: #34b233;
  font-size: 2.5em;
  line-height: 1em;
  margin-bottom: 25px;
}

h1 small, .h1 small, h1 .small, .h1 .small {
  font-family: foco;
  font-size: 50%;
}

h2 {
  color: #34b233;
  font-size: 1.9em;
  line-height: 1em;
  margin-bottom: 10px;
}

h3 {
  color: #34b233;
  font-size: 1.7em;
  margin-bottom: 8px;
  border-bottom: 1px solid #6c6c6c;
}

h4 {
  font-size: 1.5em;
  margin-bottom: 8px;
}

body {
  font-family: arial;
  font-size: 12px; /* Sophie */
  color: #fff;
  font-weight: normal;
  background: url("../../../../images/background_motif.png") repeat scroll 0 0 #e3e4e6; /* Sophie */
}

code, pre {
  background-color: #e7e7e7;
  color: #4d4f53;
}

code {
  border-radius: 1px;
  font-size: 90%;
  padding: 2px 4px;
  white-space: nowrap;
}

pre {
  border: 0px solid #ccc;
  border-radius: 1px;
}

a, a:hover, a:focus {
  color: #009fda; /* Sophie */
}

.product{
  overflow: auto;
  /*margin-top: 30px;*/
}

.container{
  background: none repeat scroll 0 0 #4d4f53;
  padding-left: 0; /* Sophie */
  padding-right: 0; /* Sophie */
/*
  width: 1000px;
  margin: 0 auto;
  position: relative;
  padding: 0px 20px;
*/
}

div .error {
 color: #34b233;
 background: none repeat scroll 0 0 #000;
}

.navbar-default {
    /*background-image: linear-gradient(to bottom, #fff 0px, #000000 100%);*/
    background-image: none;
    background-repeat: repeat-x;
    border-radius: 0px;
    /*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);*/
    box-shadow: none;
    background-color: transparent;
    /*background:rgba(0,0,0,0.5);*/

    border-color: #e7e7e7;
}

.navbar-default .navbar-nav > .active > a {
    /*background-image: linear-gradient(to bottom, #ebebeb 0px, #f3f3f3 100%);*/
    background-image: none;
    background-repeat: repeat-x;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.075) inset;
}

.navbar {
    border: 1px solid transparent;
    margin-bottom: 0px;
    min-height: 50px;
    /*position: relative;*/
    display: inline-block;
}

.navbar-default .navbar-brand {
    color: #fff;
    background:rgba(0,0,0,0.15);    
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
}

.navbar-brand, .navbar-nav > li > a {
  text-shadow: none; /* Sophie */
}

.navbar-nav > li > a {
  font-size: 14px; /* Sophie */
  /*background:rgba(0,0,0,0.4);*/
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #34b233;
    color: #000;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #34b233;
    color: #fff;
}

.navbar-collapse {
  padding-left: 30px; /* Sophie */
}

.nav > li {
  border-bottom: 1px solid #6c6c6c;
  border-left: 1px solid #6c6c6c;
}

.navbar-brand {
  font-size: 40px;
  padding: 20px 0 0 30px; /* Sophie */
}

/*a.navbar-brand {
    background:rgba(0,0,0,0.15);
}

#wrap > header {
  background-image: url("../../../../images/CARD_115.jpg");
  / lt ie8 /
  -ms-background-position-x: center;
  -ms-background-position-y: bottom;
  background-position: 50% 58%;

  background-size: cover;
  height: 180px;
}
*/
.page-header {
  background-image: url("../../../../images/CARD_115.jpg");

  /* lt ie8 */
  -ms-background-position-x: center;
  -ms-background-position-y: bottom;
  background-position: 50% 58%;

  background-size: cover;
  height: 120px;
  padding: 10px 0 0 30px;
  /*margin: 20px 0 10px;*/
  /*margin-left: -15px;*/
  width: 100%;
  /*border:1px solid #6c6c6c;*/
}

.page-header {
  border-bottom: none; /* Sophie */
  margin: 0 0 0 0; /* Sophie */
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 30px; /* Sophie */
  padding-right: 30px; /* Sophie */
}

#footer {
  font-family: arial;
  background-color: transparent;
  /*background: url("../../../../images/background_motif.png") repeat scroll 0 0 #e3e4e6;*/
  height: 30px;
}

#footer > .container {
    background-color: #000;
    color: #fff;
    padding-left: 30px;
}

#footer .bottom-left .social-icon {
  /*background: none repeat scroll 0 0 #9a9b9c;*/
  cursor: pointer;
  float: left;
  font-size: 16px;
  height: 24px;
  line-height: 16px;
  margin-right: 5px;
  margin-top: 2px;
  width: 24px;
}

#footer .col-sm-3, #footer .col-sm-2 {
  font-size: 13px;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  text-align: center;
}

#footer .col-sm-3 a, #footer .col-sm-2 a {
  color: #fff;
}

#footer .bottom-left i {
    color: #fff;
    margin: 0;
    padding: 4px;
}

#wrap {
  background: none repeat scroll 0 0 #4d4f53;
  box-shadow: 0 0 42px #000000;
  width: 1170px;
}

.row {
  background-color: #fff;
  color: #4d4f53;
  font-size: 120%;
  margin-left: 0;
  margin-right: 0;  
  margin-bottom: 15px;
}

/* posts index */
.post > h3.title {
  position: relative;
  padding-top: 10px; }

.post > h3.title span.date {
  position: absolute;
  right: 0;
  font-size: 0.9em; }

.post > .more {
  margin: 10px 0;
  text-align: left; }

/* post-full*/
.post-full .date {
  margin-bottom: 20px;
  font-weight: bold; }

/* tag_box */
.tag_box {
  list-style: none;
  margin: 0;
  overflow: hidden; }

.tag_box li {
  line-height: 28px; }

.tag_box li i {
  opacity: 0.9; }

.tag_box.inline li {
  float: left; }

.tag_box a {
  padding: 3px 6px;
  margin: 2px;
  background: #eee;
  color: #555;
  border-radius: 3px;
  text-decoration: none;
  border: 1px dashed #cccccc; }

.tag_box a span {
  vertical-align: super;
  font-size: 0.8em; }

.tag_box a:hover {
  background-color: #e5e5e5; }

.tag_box a.active {
  background: #57A957;
  border: 1px solid #4c964d;
  color: #FFF; }

.fa-wordpress:before {
  content: "";
}