@charset "UTF-8";
/* Tooltip Pop-up */
/* Add this attribute to the element that needs a tooltip */
/* line 2, scss/_tooltip.scss */
[tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
/* line 9, scss/_tooltip.scss */
[tooltip]:before,
[tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
/* line 19, scss/_tooltip.scss */
[tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: rgba(51, 51, 51, 0.9);
  color: #fff;
  content: attr(tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
/* line 40, scss/_tooltip.scss */
[tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid rgba(51, 51, 51, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
/* line 56, scss/_tooltip.scss */
[tooltip]:hover:before,
[tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* End Tooltip */
/* line 1, scss/_helpers.scss */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
}
/* line 7, scss/_helpers.scss */
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/* line 15, scss/_helpers.scss */
.hiddenfocus,
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* line 26, scss/_helpers.scss */
.focusable.hiddenfocus:active,
.focusable.hiddenfocus:focus,
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* line 38, scss/_helpers.scss */
.invisible {
  visibility: hidden;
}

/* line 43, scss/_helpers.scss */
.hide {
  display: none;
}

@media (min-width: 59.6875em) {
  /* line 48, scss/_helpers.scss */
  .show--md {
    display: block;
  }

  /* line 51, scss/_helpers.scss */
  .hide--md {
    display: none;
  }
}
/* line 59, scss/_helpers.scss */
.hiddenfocus:active,
.hiddenfocus:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 Theme Name:   Twenty Fifteen Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       Mouna Hammami
 Author URI:   http://example.com
 Template:     twentyfifteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/
@font-face {
  font-family: 'awesome';
  src: url("font/awesome.eot?18648069");
  src: url("font/awesome.eot?18648069#iefix") format("embedded-opentype"), url("font/awesome.woff?18648069") format("woff"), url("font/awesome.ttf?18648069") format("truetype"), url("font/awesome.svg?18648069#awesome") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 29, scss/_styles.scss */
.fa:before {
  font-family: 'awesome';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
}

/* line 40, scss/_styles.scss */
.fa-chevron-right:before {
  content: '\e804';
}

/* line 44, scss/_styles.scss */
.ge-fa {
  font-family: "Genericons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
}

/* line 54, scss/_styles.scss */
.ge-fa-close:before {
  content: '\f405';
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'awesome';
    src: url('font/awesome.svg?18648069#awesome') format('svg');
  }
}
*/
@font-face {
  font-family: 'sfl-blog-icons';
  src: url("font/sfl-blog-icons.eot?71133168");
  src: url("font/sfl-blog-icons.eot?71133168#iefix") format("embedded-opentype"), url("font/sfl-blog-icons.woff?71133168") format("woff"), url("font/sfl-blog-icons.ttf?71133168") format("truetype"), url("font/sfl-blog-icons.svg?71133168#sfl-blog-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'sfl-blog-icons';
    src: url('../font/sfl-blog-icons.svg?71133168#sfl-blog-icons') format('svg');
  }
}
*/
/* line 89, scss/_styles.scss */
body, button, input, select, textarea, p, div, tr, td, table, article, aside, section, ul, ol, li {
  color: #212121;
  font-family: 'Ubuntu', sans-serif !important;
  font-weight: 400;
  font-size: medium;
  line-height: 2em;
}

/* line 97, scss/_styles.scss */
.pagination .nav-links, .pagination .next, .pagination .prev {
  height: 48px !important;
}

/* line 101, scss/_styles.scss */
.widget_categories li {
  border-top: 1px solid transparent;
}

/*Custom article title style*/
/* line 106, scss/_styles.scss */
h1, h2, h3, h4, h5, h6 {
  line-height: 2em;
  color: #56b0c9;
  margin-bottom: 1em;
}

/* line 107, scss/_styles.scss */
h2, h3, h4 {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
}

/* line 108, scss/_styles.scss */
h5, h6 {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 400;
}

/* line 109, scss/_styles.scss */
h1, h2.entry-title {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 300;
  font-size: 26px !important;
  margin-top: 20px;
}
@media screen and (min-width: 620px) {
  /* line 109, scss/_styles.scss */
  h1, h2.entry-title {
    margin-top: 0;
  }
}

/* line 119, scss/_styles.scss */
h2 {
  font-size: 32px;
}

/* line 120, scss/_styles.scss */
h3 {
  font-size: 24px;
}

/* line 121, scss/_styles.scss */
h4 {
  font-size: 20px;
}

/* line 122, scss/_styles.scss */
h5 {
  font-size: 18px;
}

/* line 123, scss/_styles.scss */
h6 {
  font-size: 16px;
}

/* line 124, scss/_styles.scss */
article h2, article h3, article h4, article h5, article h6, h3#reply-title {
  color: #2d2d2d;
  letter-spacing: 2px;
}

/* line 125, scss/_styles.scss */
article h2, article h3, article h4 {
  font-weight: 400;
}

/* line 126, scss/_styles.scss */
article h5, article h6 {
  font-weight: 300;
}

/* ul, ol, li{line-height: 2em; font-size: 16px;} */
/* line 129, scss/_styles.scss */
table th {
  background-color: #56b0c9;
  color: #FFF;
  border-color: #56b0c9;
  font-family: 'Ubuntu', sans-serif !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 36px !important;
}

/* line 140, scss/_styles.scss */
table th * {
  padding-left: 26px !important;
  padding-top: 26px !important;
}

/* line 141, scss/_styles.scss */
tr:nth-child(2n) {
  background-color: #eeeeee;
}

/*custom citation style*/
/* line 144, scss/_styles.scss */
blockquote {
  border-left: 6px solid #56b0c9 !important;
  padding-left: 37px !important;
}

/* line 149, scss/_styles.scss */
blockquote, blockquote p, blockquote * {
  font-family: 'Ubuntu', sans-serif !important;
  font-style: italic !important;
  font-weight: lighter;
  color: #56b0c9 !important;
  font-size: 20px;
  line-height: 32px;
  margin-left: auto !important;
  letter-spacing: 1px !important;
}

/* line 160, scss/_styles.scss */
blockquote.alignright {
  margin: 0.4211em 0 1.6842em 2.7em !important;
}

/* line 164, scss/_styles.scss */
.wp-caption.alignright, img.alignright {
  margin: 0.5em 0 0 0.5em !important;
}

/*CUSTOM sidebar  element*/
/* line 168, scss/_styles.scss */
.sidebar {
  background-color: #212121;
}

/* line 171, scss/_styles.scss */
#sidebar select {
  color: #bababa;
}

/* line 173, scss/_styles.scss */
#sidebar a {
  color: #e7e7e7;
  text-decoration: none;
}

/* line 175, scss/_styles.scss */
.site-branding #sfl-logo {
  padding-top: 5px;
  margin-bottom: 39px;
  height: 48px;
}

/* line 181, scss/_styles.scss */
.sfl-logo__link {
  display: inline-block;
}

/* line 185, scss/_styles.scss */
.sfl-logo__img {
  width: 150px;
}

/** Custom social links **/
/* line 190, scss/_styles.scss */
.social-navigation a {
  height: 1.7em;
  width: 1.7em;
  border-radius: 100%;
  text-align: center;
  display: inline-block;
  background-color: #56b0c9;
  position: relative;
  behavior: url(css/PIE.htc);
  /*for IE8*/
}

/* line 200, scss/_styles.scss */
.social-navigation a:before {
  font-family: "awesome";
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  position: absolute;
}

/** Get icons**/
/* line 216, scss/_styles.scss */
.social-navigation a[href*="feedburner.com"]:before {
  content: "\e805";
  top: 7px;
  left: 9px;
}

/* line 217, scss/_styles.scss */
.social-navigation a[href*="twitter.com"]:before {
  content: "\e806";
  top: 8px;
  left: 6px;
}

/* line 218, scss/_styles.scss */
.social-navigation a[href*="facebook.com"]:before {
  content: "\e809";
  top: 8px;
  left: 8px;
}

/* line 219, scss/_styles.scss */
.social-navigation a[href*="plus.google.com"]:before {
  content: "\e80e";
  top: 8px;
  left: 8px;
}

/* line 220, scss/_styles.scss */
.social-navigation a[href*="linkedin.com"]:before {
  content: "\e808";
  top: 8px;
  left: 7px;
}

/* line 221, scss/_styles.scss */
.social-navigation a[href*="youtube.com"]:before {
  content: "\e807";
  top: 8px;
  left: 7px;
}

/* line 222, scss/_styles.scss */
.social-navigation a[href*="flickr.com"]:before {
  content: "\e80b";
  top: 8px;
  left: 7px;
}

/** add hover effect**/
/* line 225, scss/_styles.scss */
.social-navigation a[href*="feedburner.com"]:hover, .social-navigation a[href*="feedburner.com"]:focus {
  background-color: #ff961b;
}

/* line 226, scss/_styles.scss */
.social-navigation a[href*="twitter.com"]:hover, .social-navigation a[href*="twitter.com"]:focus {
  background-color: #00aced;
}

/* line 227, scss/_styles.scss */
.social-navigation a[href*="facebook.com"]:hover, .social-navigation a[href*="facebook.com"]:focus {
  background-color: #3b5998;
}

/* line 228, scss/_styles.scss */
.social-navigation a[href*="plus.google.com"]:hover, .social-navigation a[href*="plus.google.com"]:focus {
  background-color: #dd4b39;
}

/* line 229, scss/_styles.scss */
.social-navigation a[href*="linkedin.com"]:hover, .social-navigation a[href*="linkedin.com"]:focus {
  background-color: #007bb6;
}

/* line 230, scss/_styles.scss */
.social-navigation a[href*="youtube.com"]:hover, .social-navigation a[href*="youtube.com"]:focus {
  background-color: #bb0000;
}

/* line 231, scss/_styles.scss */
.social-navigation a[href*="flickr.com"]:hover, .social-navigation a[href*="flickr.com"]:focus {
  background-color: #ff0084;
}

/* line 232, scss/_styles.scss */
.social-navigation li {
  width: 13%;
  padding-right: 31px;
}

/* line 233, scss/_styles.scss */
.social-navigation {
  margin: 0 11% 13% 19%;
}

/* line 234, scss/_styles.scss */
.menu-liens-de-reseaux-sociaux-container {
  margin-bottom: 43px;
}

/* line 236, scss/_styles.scss */
h1.site-title, .widget_nav_menu h2.widget-title, .site-branding .site-title a {
  font-family: 'Ubuntu' !important;
  font-weight: 400 !important;
  letter-spacing: 2px;
  font-size: 17.95px !important;
  color: #fefefe !important;
  text-transform: none !important;
  margin-bottom: 20px !important;
}

/* line 237, scss/_styles.scss */
.site-branding .site-title a {
  display: block;
}

/* line 238, scss/_styles.scss */
p.site-description {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #fefefe;
  letter-spacing: 0.5px;
}

@media (min-width: 59.6875em) {
  /* line 239, scss/_styles.scss */
  .site-header {
    margin-bottom: 20px;
  }
}

/** CUSTOM search form**/
/* line 246, scss/_styles.scss */
.search-field, #archives-2 select {
  background-color: #FFFFFF;
  margin-bottom: 0;
  height: 40px;
  display: block;
  padding-left: 15px;
  letter-spacing: 1px;
}

/* line 254, scss/_styles.scss */
.search-field {
  font-style: italic;
  font-size: 14px !important;
  text-align: left;
  padding-left: 41px !important;
}

/* line 261, scss/_styles.scss */
.searchform {
  position: relative;
}

/* line 262, scss/_styles.scss */
.searchform::after {
  font-family: "awesome";
  font-style: normal;
  font-weight: lighter;
  font-size: 18px;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  position: absolute;
  content: "\e80d";
  top: 8px;
  left: 14px;
  color: #56b0c9;
}

/* line 280, scss/_styles.scss */
#search-2 {
  margin-bottom: 58px;
}

/*CUSTOM menus*/
/* line 282, scss/_styles.scss */
.widget_nav_menu {
  margin-bottom: 60px;
}

/* line 284, scss/_styles.scss */
#menu-en-savoir-plus li a {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px;
  color: #e7e7e7;
  background-color: #56b0c9;
  padding: 14px 20px 14px 15px;
  text-transform: uppercase;
  display: block;
  position: relative;
  font-weight: 600 !important;
  letter-spacing: 2px;
  border: solid 1px #56b0c9 !important;
}

/* line 297, scss/_styles.scss */
#menu-en-savoir-plus li a:hover, .tw a.tw-tag:hover {
  border: solid 1px #e7e7e7 !important;
}

/* line 298, scss/_styles.scss */
#menu-en-savoir-plus li a:after, a.list-link:after {
  font-family: "awesome";
  font-style: normal;
  font-weight: 600;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: right;
  position: absolute;
  content: "\e800";
  top: 50%;
  margin-top: 0px;
  line-height: 1px;
  padding-left: 1em;
}

/* line 315, scss/_styles.scss */
#menu-en-savoir-plus li a:after {
  right: 20px;
  font-size: 19px;
  color: #e7e7e7;
}

/* line 320, scss/_styles.scss */
a.list-link:after {
  right: 0 !important;
  top: 9px;
  text-decoration: none !important;
}

/* line 325, scss/_styles.scss */
.display-authors-widget h2, .widget_categories h2, .tw h2 {
  padding-right: 20px !important;
}

/** add  icons to widgets**/
/* line 328, scss/_styles.scss */
.widget_categories h2, .widget_tag_cloud h2, .widget_archive h2, .display-authors-widget h2, .tw h2 {
  font-family: 'Ubuntu', sans-serif !important;
  font-size: 18px;
  font-weight: 400 !important;
  letter-spacing: 2px;
  line-height: 30px;
  margin-bottom: 26px;
  padding-left: 49px;
  position: relative;
}

/* line 339, scss/_styles.scss */
.widget_tag_cloud h2, .tw h2 {
  padding-left: 39px;
}

/* line 340, scss/_styles.scss */
.widget_categories h2:before, .widget_tag_cloud h2:before, .display-authors-widget h2:before, .widget_archive h2:before, .tw h2:before {
  font-family: "sfl-blog-icons";
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  position: absolute;
  top: 0px;
  left: 0px;
  color: #FFFFFF;
}

/* line 355, scss/_styles.scss */
.tw h2:before, .widget_tag_cloud h2:before {
  font-size: 35px;
}

/* line 356, scss/_styles.scss */
.widget_archive h2:before {
  font-size: 30px;
}

/* line 358, scss/_styles.scss */
.widget_categories h2:before {
  content: "\e801";
}

/* line 359, scss/_styles.scss */
.widget_tag_cloud h2:before, .tw h2:before {
  content: "\e800";
}

/* line 360, scss/_styles.scss */
.display-authors-widget h2:before {
  content: "\e803";
}

/* line 361, scss/_styles.scss */
.widget_archive h2:before {
  content: "\e802";
}

/* line 364, scss/_styles.scss */
li.cat-item, li.cat-item a, .display-authors-widget a, .display-authors-widget .author-profile {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 300;
  font-size: 14px;
  color: #d0d0d0 !important;
  line-height: 30px;
  padding-top: 0px;
  padding-bottom: 0px;
  letter-spacing: 1px;
}

/* line 375, scss/_styles.scss */
li.cat-item a, .author-profile a {
  text-decoration: underline !important;
}

/* line 378, scss/_styles.scss */
li.cat-item a:hover, .author-profile a:hover {
  color: #4b9fb8 !important;
}

/* line 382, scss/_styles.scss */
.textwidget a {
  color: #e7e7e7 !important;
}

/* line 383, scss/_styles.scss */
.textwidget a.list-link {
  position: relative;
  padding-right: 10px;
  text-decoration: none !important;
  border-bottom: none !important;
  letter-spacing: 1px;
}

/* line 384, scss/_styles.scss */
li.cat-item {
  margin-bottom: 0;
}

/* line 386, scss/_styles.scss */
.display-authors-widget .author-profile {
  margin-bottom: 0px;
}

/* line 388, scss/_styles.scss */
#page, #main {
  background-color: #e7e7e7;
}

/* line 392, scss/_styles.scss */
.widget-title, .rsswidget {
  color: #4b9fb8;
}

/* line 395, scss/_styles.scss */
h2.widget-title, li.cat-item {
  white-space: nowrap;
}

/* line 399, scss/_styles.scss */
.social-navigation a:before {
  color: white;
}

/* line 403, scss/_styles.scss */
.post-meta {
  font-variant: small-caps;
  color: #bababa;
}

/* line 407, scss/_styles.scss */
.post-meta-key {
  color: #212121;
  font-weight: bold;
  font-size: 110%;
}

/* line 412, scss/_styles.scss */
.author-item {
  width: 100%;
  display: inline-block;
  margin-bottom: 3em;
  vertical-align: top;
}
@media screen and (min-width: 800px) {
  /* line 412, scss/_styles.scss */
  .author-item {
    width: 49%;
  }
}

/* line 422, scss/_styles.scss */
.authorAvatar {
  display: inline-block;
  margin-right: 1em;
}

/* line 426, scss/_styles.scss */
.authorInfo {
  display: inline-block;
  width: calc(97% - (90px + 1em));
  max-width: 75%;
  vertical-align: top;
}

/* line 432, scss/_styles.scss */
.authorName {
  color: #2d2d2d !important;
  font-family: 'Ubuntu', sans-serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 30px !important;
  letter-spacing: 1.5px;
  margin-bottom: 0px;
  margin-top: 0px;
}

/* line 442, scss/_styles.scss */
.ui-select select {
  max-width: 170% !important;
}

/* line 446, scss/_styles.scss */
.ui-select select {
  padding: 5px 0px 5px 5px;
  width: 100%;
  background: url(images/down.png) no-repeat right #FFFFFF !important;
  border: none;
  color: #212121 !important;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 300;
  font-size: 14px;
  line-height: 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  appearance: none;
  z-index: 1;
  text-overflow: '';
  border: 0 !important;
}

/* line 464, scss/_styles.scss */
.ui-select {
  width: 100%;
  position: relative;
  display: inline-block;
  z-index: 0;
}

/*.ui-select:before {
    display:block;
    position:absolute;
    content:'';
    right:0px;
    top:0px;
    height:1em;
    width:1em;
    margin:2px;
    background:red;
    z-index:5;
    font-family: "awesome";
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    //margin-right: .2em;
   // text-align: right;
    content: "\e801";
    color: #FFFFFF;
    background-color: #4b9fb8;
    padding: 8px 11px;
    margin-right: 16px;
    margin-bottom: 11px;
}*/
/* For Microsoft IE */
/* line 495, scss/_styles.scss */
.ui-select select::-ms-expand {
  display: none;
}

/* For Webkit based browsers Firefox version 29 and less, Google Chrome, Apple Safari */
/* line 498, scss/_styles.scss */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* For Firefox version 30 and above */
@-moz-document url-prefix() {
  /* line 506, scss/_styles.scss */
  .ui-select {
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
  }

  /* line 511, scss/_styles.scss */
  .ui-select select {
    width: 110%;
    background: url(images/down.png) no-repeat 90% #FFFFFF !important;
    background-position: right 30px center;
    border: none;
  }
}
/* line 519, scss/_styles.scss */
.tw a.tw-tag {
  font-family: 'Open Sans', sans-serif !important;
  display: inline-block;
  font-weight: 300 !important;
  font-size: 14px !important;
  line-height: 30px !important;
  text-decoration: none !important;
  background-color: #4b9fb8;
  padding: 3px 6px;
  margin-right: 4px;
  margin-bottom: 11px;
  color: #e7e7e7 !important;
  letter-spacing: 1px;
  border: solid 1px #56b0c9 !important;
}

/* line 535, scss/_styles.scss */
#tw-3, #tw-2, #display-authors-widget-2 {
  margin-bottom: 15px;
}

/***content**/
/**author name in posts content**/
/** CUSTOM header content **/
/* line 540, scss/_styles.scss */
.written-by {
  font-style: italic;
  color: #b0b0b0;
  margin-bottom: 24px;
}

/** change color title entry **/
/* line 547, scss/_styles.scss */
h1.entry-title,
.search h1.page-title,
h2.entry-title a {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 1.6em;
  color: #54afca;
  margin-bottom: 20px;
  font-weight: 600;
  /*    letter-spacing: 2px; */
  line-height: 1.3em;
}

/* line 559, scss/_styles.scss */
h2.entry-title a:hover {
  color: #4b9fb8 !important;
}

/* line 563, scss/_styles.scss */
h2.entry-title a:hover, h2.entry-title a:focus {
  color: #54afca;
}

/** CUSTOM organization of elements of  entry-header in archives page: author, tag, category**/
/*header tag*/
/* line 570, scss/_styles.scss */
.archive .page-header, .search .page-header {
  padding: 0px;
  border: none;
  background-color: #e7e7e7;
  box-shadow: none;
  margin-bottom: 60px;
}

/* line 579, scss/_styles.scss */
.archive h1.page-title {
  font-family: 'Ubuntu', sans-serif !important;
  font-weight: 700 !important;
  font-size: 35px !important;
  line-height: 56px !important;
  color: #2d2d2d !important;
  display: inline !important;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* line 590, scss/_styles.scss */
.archive .taxonomy-description, .archive .taxonomy-description p {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 100 !important;
  font-size: 16px;
  font-style: italic;
  line-height: 24px;
  color: #2d2d2d !important;
  letter-spacing: 1px;
  margin-top: 17px;
}

/*grid system */
/* line 605, scss/_styles.scss */
.col-1 {
  width: 100%;
}

/* line 606, scss/_styles.scss */
.col-2 {
  width: 50%;
}

/* line 607, scss/_styles.scss */
.col-1-4 {
  width: 25%;
}

/* line 608, scss/_styles.scss */
.col-3-4 {
  width: 75%;
}

/* line 609, scss/_styles.scss */
.col-1-3 {
  width: 32.2%;
}

/* line 610, scss/_styles.scss */
.col-2-3 {
  width: 67.8%;
}

/* line 611, scss/_styles.scss */
.col-1, .col-3-4, .col-1-4, .col-1-3, .col-2, .col-2-3 {
  display: block;
  float: left;
}

/*  GROUPING  */
/* line 617, scss/_styles.scss */
.group:before,
.group:after {
  content: "";
  display: table;
}

/* line 622, scss/_styles.scss */
.group:after {
  clear: both;
}

/* line 623, scss/_styles.scss */
.group {
  zoom: 1;
  /* For IE 6/7 */
}

/* line 626, scss/_styles.scss */
a.archive-rss:hover, a.archive-rss:focus {
  color: #FFF;
  background-color: #56b0c9;
}

/* line 630, scss/_styles.scss */
a.archive-rss {
  position: relative;
  color: #56b0c9;
  border: 2px solid;
  border-color: #56b0c9;
  border-radius: 100%;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-left: 11px;
  behavior: url(css/PIE.htc);
  /*for IE8*/
}

/* line 642, scss/_styles.scss */
.archive-rss:before {
  font-family: "Awesome";
  content: "\e805";
  position: absolute;
  font-size: 9px;
  left: 6px;
  top: -5px;
  font-weight: lighter;
}

/* CUSTOM content **/
/** CUSTOM links in content article  **/
/* line 656, scss/_styles.scss */
article .written-by a, article .written-by {
  font-family: "Open sans" !important;
  font-size: 18px !important;
  font-weight: 100 !important;
}

/* line 661, scss/_styles.scss */
article .entry-content a, article .written-by a, .taxonomy-description a {
  border-bottom: 0;
  color: #56b0c9;
  text-decoration: underline;
  letter-spacing: 1px;
}

/* line 662, scss/_styles.scss */
article .entry-content a:hover, article .written-by a:hover, .taxonomy-description a:hover {
  text-decoration: none !important;
}

/**CUSTON list li **/
/* line 664, scss/_styles.scss */
.entry-content > ul li {
  position: relative;
  list-style: none;
  padding-left: 20px;
}

/* line 670, scss/_styles.scss */
.entry-content > ul li:before {
  display: block;
  position: absolute;
  left: 0px;
  top: 21px;
  content: " ";
  margin: -4px 0 0 0;
  width: 6px;
  height: 6px;
  background: #52b0cb;
  border-radius: 100%;
  behavior: url(css/PIE.htc);
  /*for IE8*/
}

/* TEST SANS CUTOMIZATION POUR LES NOTES */
/* line 686, scss/_styles.scss */
.entry-content > ol {
  counter-reset: li;
  /* Initiate a counter */
  margin-left: 0;
  /* Remove the default left margin */
  padding-left: 0;
  /* Remove the default left padding */
}

/* line 691, scss/_styles.scss */
.entry-content ol > li {
  position: relative;
  list-style: roman;
  margin-left: 15px;
}

/* line 697, scss/_styles.scss */
entry-content, .entry-content p, .entry-content * {
  font-family: "Open sans" !important;
  letter-spacing: 1px;
}

/**CUSTOM footer content **/
/* line 701, scss/_styles.scss */
.entry-footer {
  background-color: #56b0c9;
}

/* line 702, scss/_styles.scss */
.entry-footer *, .entry-footer a, .entry-footer a:hover, .entry-footer a:focus {
  font-family: 'Ubuntu', sans-serif !important;
  letter-spacing: 2px;
  font-weight: 300 !important;
  font-size: 12px !important;
  line-height: 30px !important;
  color: #f7f7f7 !important;
}

/* line 703, scss/_styles.scss */
.entry-footer .posted-on a:hover, .entry-footer .cat-links a:hover, .entry-footer .comments-link a:hover,
.entry-footer .byline a:hover {
  border-bottom: 1px solid #f7f7f7;
}

/* line 705, scss/_styles.scss */
.entry-footer .tags-links a {
  font-style: italic;
  text-decoration: underline;
  border-bottom: none;
}

/* line 706, scss/_styles.scss */
.entry-footer .tags-links a:hover {
  text-decoration: none !important;
}

/* line 707, scss/_styles.scss */
.entry-footer .posted-on a, .entry-footer .cat-links a {
  line-height: 30px;
}

/*insert icons in entry footer*/
/* line 709, scss/_styles.scss */
.entry-footer .byline, .entry-footer .posted-on, .entry-footer .tags-links, .entry-footer .cat-links {
  padding-left: 30px;
}

/* line 711, scss/_styles.scss */
.entry-footer .byline, .entry-footer .tags-links, .entry-footer .cat-links, .entry-footer .posted-on {
  position: relative;
}

/* line 712, scss/_styles.scss */
.entry-footer .cat-links, .entry-footer .edit-link, .entry-footer .posted-on, .entry-footer .comments-link {
  display: block;
}

/* line 713, scss/_styles.scss */
.entry-footer .byline:before, .entry-footer .tags-links:before, .entry-footer .cat-links:before, .entry-footer .posted-on:before {
  font-family: "sfl-blog-icons";
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  margin-right: 5px !important;
  position: absolute;
  top: 0px;
  left: 0px;
  color: #e7e7e7;
}

/* line 727, scss/_styles.scss */
.entry-footer .byline:before {
  content: "\e803";
}

/* line 728, scss/_styles.scss */
.entry-footer .tags-links:before {
  content: "\e800";
  font-size: 30px !important;
  top: 20%;
}

/* line 729, scss/_styles.scss */
.entry-footer .posted-on:before {
  content: "\e804";
  font-size: 22px !important;
  top: 2px;
}

/* line 730, scss/_styles.scss */
.entry-footer .cat-links:before {
  content: "\e801";
  top: 5px;
  left: 2px;
}

/* line 731, scss/_styles.scss */
.entry-footer .edit-link:before {
  top: 3px;
  font-size: 20px;
}

/* line 732, scss/_styles.scss */
.entry-footer .edit-link:before, .entry-footer .comments-link:before {
  margin-right: 10px;
}

/* line 733, scss/_styles.scss */
.entry-footer .tags-links {
  display: block;
  margin-bottom: 4px;
}

/* line 734, scss/_styles.scss */
.entry-footer .tag-list-link {
  display: inline;
}

/**reorder link footer position*/
/* line 736, scss/_styles.scss */
.entry-footer .byline {
  display: none !important;
}

/* line 738, scss/_styles.scss */
.footer-desc-2 > a:nth-child(1):hover, .footer-desc-2 > a:nth-child(1):focus {
  border-bottom: 1px solid #333 !important;
  color: inherit;
  outline: 0 none !important;
}

/* content: Button read more, register, etc.*/
/* line 745, scss/_styles.scss */
a.bluebutton, a.bluebutton:hover, a.bluebutton:focus, input#submit, input#submit:hover {
  text-transform: uppercase;
  text-decoration: none !important;
  color: #9ecfdf;
  border: 2px solid !important;
  border-color: #56b0c9;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 30px !important;
  margin-bottom: 30px !important;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 16px;
  font-weight: 500 !important;
  line-height: 30px;
  letter-spacing: 2px !important;
  font-family: "Open sans" !important;
  background-color: transparent;
}

/* line 765, scss/_styles.scss */
a.bluebutton:hover, a.bluebutton:focus, input#submit:hover {
  background-color: #56b0c9;
  color: #e7e7e7;
}

/* line 770, scss/_styles.scss */
p.action-call {
  text-align: center;
  margin: 50px 0;
}

/* line 775, scss/_styles.scss */
.page-links a {
  text-decoration: none !important;
  color: #e7e7e7 !important;
}

/* line 776, scss/_styles.scss */
.authorAvatar img {
  border-radius: 100%;
  height: 90px;
  width: 90px;
  behavior: url(css/PIE.htc);
  /*for IE8*/
}

/* line 777, scss/_styles.scss */
.archive-picture img {
  border-radius: 100%;
  height: 120px;
  width: 120px;
  behavior: url(css/PIE.htc);
  margin-top: 27px;
}

/* line 784, scss/_styles.scss */
.mlp_language_box ul {
  list-style: none;
}

/*Custom language switcher widget*/
/* line 786, scss/_styles.scss */
.mlp_language_box.mlp_language_box ul li {
  position: absolute;
  top: 19%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 60px;
}
@media (min-width: 46.25em) {
  /* line 786, scss/_styles.scss */
  .mlp_language_box.mlp_language_box ul li {
    right: 80px;
  }
}
@media (min-width: 59.6875em) {
  /* line 786, scss/_styles.scss */
  .mlp_language_box.mlp_language_box ul li {
    top: 50%;
    right: 8%;
    transform: initial;
  }
}

@media (min-width: 59.6875em) {
  /* line 803, scss/_styles.scss */
  .header-lang-switcher {
    position: relative;
  }
}

/* line 811, scss/_styles.scss */
.header-lang-switcher a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  line-height: 35.25px;
  border: 2px solid;
  border-color: #56b0c9;
  display: block;
  letter-spacing: 0.05em;
  border-radius: 50%;
  text-align: center;
  behavior: url(css/PIE.htc);
  /*for IE8*/
  font-size: 14px;
  width: 42px;
  height: 42px;
  padding: 3%;
}
@media (min-width: 59.6875em) {
  /* line 811, scss/_styles.scss */
  .header-lang-switcher a {
    font-size: 20px;
    width: 54px;
    height: 54px;
    padding: 13%;
  }
}

/* line 837, scss/_styles.scss */
.header-lang-switcher a {
  color: #56b0c9;
}

/* line 838, scss/_styles.scss */
.header-lang-switcher a:focus, .header-lang-switcher a:hover {
  color: #e7e7e7;
  background-color: #56b0c9;
}

/* line 842, scss/_styles.scss */
.mlp_language_box ul {
  margin-bottom: 0;
}

/* line 846, scss/_styles.scss */
li a.current-language-item {
  display: none !important;
}

/* line 847, scss/_styles.scss */
.footer-desc-1 {
  color: #FFF;
  font-weight: lighter;
  font-size: 10px;
  line-height: 2em;
  text-align: center;
  margin-bottom: 36px;
}

/* line 856, scss/_styles.scss */
.footer-desc-2 {
  color: #FFF;
  font-weight: lighter;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 47px;
}

/* line 866, scss/_styles.scss */
footer#colophon {
  padding-bottom: 26px !important;
}

/* line 869, scss/_styles.scss */
.footer-copyright {
  color: #FFF;
  font-weight: 600;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
}

/* line 876, scss/_styles.scss */
.footer-copyright, footer-desc-1, .footer-desc-2 {
  font-family: 'Open Sans', sans-serif !important;
  letter-spacing: 1px !important;
}

/* line 877, scss/_styles.scss */
.footer-copyright span {
  color: #56b0c9;
}

/* line 878, scss/_styles.scss */
.circle-blue {
  border: 2px solid #56b0c9;
  border-radius: 100%;
  background-color: #56b0c9;
  height: 120px;
  width: 120px;
  text-align: center;
  margin-top: 31px;
  behavior: url(css/PIE.htc);
  /*for IE8*/
  position: relative;
}

/* line 890, scss/_styles.scss */
.circle-blue img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 897, scss/_styles.scss */
.authorLinks a {
  color: #56b0c9 !important;
  font-family: 'Ubuntu', sans-serif !important;
  font-weight: lighter !important;
  font-size: 14px !important;
  font-style: italic !important;
  line-height: 30px !important;
  text-decoration: underline !important;
}

/* line 907, scss/_styles.scss */
.page-header1 {
  padding: 0 8% !important;
}

/* line 908, scss/_styles.scss */
.page-header1 h1 {
  color: #2d2d2d !important;
  font-family: 'Ubuntu', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* line 916, scss/_styles.scss */
.clear-space {
  display: inline-block;
  width: 20%;
}

/**changer la couleur du sidebar en mode mobile*/
/* line 921, scss/_styles.scss */
.secondary {
  background-color: #212121 !important;
}

/* line 924, scss/_styles.scss */
.site-header {
  background-color: #212121 !important;
}

/* line 927, scss/_styles.scss */
.secondary-toggle {
  top: 19% !important;
}

/* line 928, scss/_styles.scss */
.secondary-toggle, .secondary-toggle:hover, .secondary-toggle:focus {
  border-color: #56b0c9;
}

/* line 932, scss/_styles.scss */
.secondary-toggle:before {
  color: #9ecfdf !important;
}

/* line 935, scss/_styles.scss */
.secondary-toggle:hover {
  background-color: #56b0c9;
  color: #FFF !important;
}

/* line 940, scss/_styles.scss */
.widget_nav_menu li {
  border-top: none !important;
}

/*Effet fade hover*/
/* line 945, scss/_styles.scss */
a, button, input#submit {
  transition-property: color, background-color;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
}

/* line 954, scss/_styles.scss */
.entry-footer a.post-edit-link:hover {
  border-bottom: 1px solid #FFF !important;
}

/* line 957, scss/_styles.scss */
article {
  margin-bottom: 34px;
}

@media screen and (min-width: 1110px) {
  /* line 960, scss/_styles.scss */
  .mlp_language_box ul li {
    margin: 1% 5px 0 1% !important;
  }

  /* line 961, scss/_styles.scss */
  .pagination .prev:before, .pagination .next:before {
    line-height: 48px;
  }

  /* line 964, scss/_styles.scss */
  .pagination .prev, .pagination .next {
    height: 47px;
  }
}
@media screen and (max-width: 1109px) and (min-width: 955px) {
  /* line 971, scss/_styles.scss */
  .pagination .prev:before, .pagination .next:before {
    line-height: 46px;
  }

  /* line 974, scss/_styles.scss */
  .pagination .prev, .pagination .next {
    height: 46px;
  }
}
@media screen and (max-width: 954px) {
  /* line 980, scss/_styles.scss */
  .mlp_language_box ul li {
    position: absolute;
    top: -110px;
  }

  /* line 984, scss/_styles.scss */
  .secondary {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 55px !important;
  }

  /* line 989, scss/_styles.scss */
  .pagination .prev:before, .pagination .next:before {
    line-height: 48px;
  }

  /* line 992, scss/_styles.scss */
  .pagination .prev, .pagination .next {
    height: 47px;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 955px) {
  /* line 998, scss/_styles.scss */
  .searchform:after {
    font-size: 1.15em;
    top: 20%;
    left: 6%;
  }

  /* line 1003, scss/_styles.scss */
  .search-field {
    font-size: 0.92em !important;
    padding-left: 17% !important;
  }
}
@media only screen and (max-width: 1199px) {
  /* line 1009, scss/_styles.scss */
  .searchform:after {
    top: 27% !important;
  }
}
@media only screen and (max-width: 540px) {
  /* line 1016, scss/_styles.scss */
  .col-1-sm {
    width: 100% !important;
  }

  /* line 1017, scss/_styles.scss */
  .entry-footer .tags-links:before {
    top: 1%;
  }
}
/*Resolve problem social buttons dispalyed on two line*/
@media only screen and (max-width: 1068px) and (min-width: 955px) {
  /* line 1022, scss/_styles.scss */
  .social-navigation li {
    padding-right: 27.5px !important;
  }

  /* line 1023, scss/_styles.scss */
  .social-navigation a {
    height: 1.5em;
    width: 1.5em !important;
  }

  /* line 1024, scss/_styles.scss */
  .social-navigation a[href*="feedburner.com"]:before {
    top: 5px !important;
    left: 8px !important;
  }

  /* line 1025, scss/_styles.scss */
  .social-navigation a[href*="twitter.com"]:before {
    top: 7px !important;
  }

  /* line 1026, scss/_styles.scss */
  .social-navigation a[href*="facebook.com"]:before, .social-navigation a[href*="plus.google.com"]:before {
    top: 7px !important;
    left: 7px !important;
  }

  /* line 1027, scss/_styles.scss */
  .social-navigation a[href*="linkedin.com"]:before {
    top: 6px !important;
    left: 6px !important;
  }

  /* line 1028, scss/_styles.scss */
  .social-navigation a[href*="youtube.com"]:before {
    top: 6px !important;
    left: 7px !important;
  }

  /* line 1029, scss/_styles.scss */
  .social-navigation a[href*="flickr.com"]:before {
    top: 7px !important;
    left: 6px !important;
  }
}
/* line 1033, scss/_styles.scss */
.youtube-player {
  width: 660px !important;
  height: 402px !important;
}

/* XXXXXXXXXXXXX EDITORIAL WEBMASTER ADDITION BY @amicalmant XXXXXXXXXXXXX */
/* line 1040, scss/_styles.scss */
ul, ol, li {
  line-height: 1.8em;
  font-size: inherit;
}

/* line 1044, scss/_styles.scss */
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.page-content h4,
.page-content h5,
.page-content h6,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
  margin-top: 2.5em;
  margin-bottom: 1.5em;
}

/* SFL Box */
/* line 1061, scss/_styles.scss */
.sflbox {
  width: 100%;
  background-color: #F0F5F7;
  border: 2px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  text-align: center;
  margin-bottom: 15px;
  color: #666;
}

/* line 1068, scss/_styles.scss */
.sflbox-inner {
  padding: 15px;
}

/* line 1071, scss/_styles.scss */
.sflboxbtn {
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
  padding: 9px 18px;
  border-radius: 3px;
  border: medium none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  text-decoration: none;
  margin-right: 0;
  display: inline-block;
  position: relative;
  color: #f47e2a;
}

/* line 1084, scss/_styles.scss */
.smart.sflboxbtn {
  color: #fff;
  background-color: #f47e2a;
  border-color: #d00700;
  background-image: -moz-linear-gradient(top, #87e0fd 0, #53cbf1 40%, #05abe0 100%);
  margin-top: 1em;
}

/* Link Box (articles) */
/* line 1094, scss/_styles.scss */
.linkbox {
  font-size: 90%;
  background-color: #f2f2f2;
  line-height: 2em;
  padding: 10px;
}

/* line 1101, scss/_styles.scss */
.linkbox ul {
  margin: -15px 20px 0;
}

/* line 1105, scss/_styles.scss */
.linkbox ul li {
  font-size: 90%;
  line-height: 2em;
  color: #212121;
}

/* line 1111, scss/_styles.scss */
.linkbox ul li:before {
  background: #52B0CB none repeat scroll 0% 0%;
}

/* line 1116, scss/_styles.scss */
.linkbox.big, .linkbox.big ul li {
  font-size: 100%;
}

/* line 1120, scss/_styles.scss */
.linkbox .action-call {
  margin-bottom: 30px;
}

/* line 1124, scss/_styles.scss */
.linkbox.big {
  margin-bottom: 20px;
}

/* Tutorial Page Sub-Titles */
/* line 1130, scss/_styles.scss */
.subtitle {
  border-bottom-style: dashed;
  border-bottom-width: 1px;
  border-bottom-color: #E6E6E6;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

/* Youtube Video Subtitles */
/* line 1140, scss/_styles.scss */
.subtitles {
  width: 100%;
  text-align: center;
  margin: -15px 0 15px;
}

/* Breadcrumb Add-on Styles */
/* line 1148, scss/_styles.scss */
.breadcrumb-container {
  margin-bottom: 35px;
  border-bottom: thin solid #56B0C9;
  clear: both;
}

/* line 1154, scss/_styles.scss */
.breadcrumb-container ul li span {
  color: #56B0C9;
}

/* line 1158, scss/_styles.scss */
.breadcrumb-container ul li span.separator {
  color: #bbb;
}

/* line 1162, scss/_styles.scss */
.breadcrumb-container ul li a {
  font-size: 80%;
  color: #bbb;
}

/* line 1167, scss/_styles.scss */
.breadcrumb-container ul li a:hover {
  font-size: 80%;
  color: #56B0C9;
}

/* line 1171, scss/_styles.scss */
.breadcrumb-container.theme1 a {
  background: rgba(221, 221, 221, 0) none repeat scroll 0px 0px;
  display: inline-block;
  margin: 0;
  padding: 0 10px;
}

/* code tag */
/* line 1180, scss/_styles.scss */
code {
  font-size: 90%;
  background: #EEE none repeat scroll 0% 0%;
  white-space: nowrap;
  padding: 2px 4px;
}

/* code tag exception for comment forms */
/* line 1188, scss/_styles.scss */
#form-allowed-tags code {
  white-space: normal;
}

/* Bullet position adjustment */
/* line 1194, scss/_styles.scss */
.entry-content > ul li {
  padding: 5px 0 0 15px;
}

/* line 1198, scss/_styles.scss */
.wp-caption-text {
  font-size: 0.8em;
}

/* line 3, scss/_banniere.scss */
.banCarriere-sfl, .banCarriere-titre {
  opacity: 0;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 6, scss/_banniere.scss */
.transition2 .banCarriere-sfl, .transition2 .banCarriere-titre {
  opacity: 1;
}

/* line 11, scss/_banniere.scss */
.banCarriere-boutons, .banCarriere-btn {
  opacity: 0;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 14, scss/_banniere.scss */
.transition3 .banCarriere-boutons, .transition3 .banCarriere-btn {
  opacity: 1;
}

/* line 20, scss/_banniere.scss */
.banCarriere-body {
  margin: 0px;
}

/* line 31, scss/_banniere.scss */
.banCarriere {
  width: 100%;
  font-family: 'Ubuntu';
  background-color: #303336;
  overflow: hidden;
  max-height: 0px;
  height: 130px;
  display: none;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
  -moz-transition-property: max-height;
  -o-transition-property: max-height;
  -webkit-transition-property: max-height;
  transition-property: max-height;
}
/* line 40, scss/_banniere.scss */
.banCarriere.banCarriere--display {
  display: block;
}
/* line 46, scss/_banniere.scss */
.banCarriere.transition {
  max-height: 130px;
}

/* line 51, scss/_banniere.scss */
.banCarriere-conteneur {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  top: -130px;
  overflow: hidden;
  background-image: url("images/banniere_fond.jpg");
  background-position: center;
  background-size: cover;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
/* line 62, scss/_banniere.scss */
.transition .banCarriere-conteneur {
  top: 0px;
  height: 130px;
}

/* line 75, scss/_banniere.scss */
.banCarriere-sfl {
  color: #56b0c9;
  font-size: 13px;
  position: absolute;
  top: 12px;
  left: 25px;
}
@media (min-width: 400px) {
  /* line 75, scss/_banniere.scss */
  .banCarriere-sfl {
    top: 20px;
    font-size: 14px;
    left: 45px;
  }
}
@media (min-width: 59.6875em) {
  /* line 75, scss/_banniere.scss */
  .banCarriere-sfl {
    top: 30px;
    font-size: 16px;
  }
}
@media (min-width: 1180px) {
  /* line 75, scss/_banniere.scss */
  .banCarriere-sfl {
    font-size: 18px;
    left: 75px;
    top: 26px;
  }
}

/* line 106, scss/_banniere.scss */
.banCarriere-titre {
  color: white;
  top: 33px;
  position: absolute;
  width: 80%;
  line-height: 1.2;
  font-size: 16px;
  left: 25px;
}
@media (min-width: 400px) {
  /* line 106, scss/_banniere.scss */
  .banCarriere-titre {
    top: 44px;
    left: 45px;
    font-size: 18px;
  }
}
@media (min-width: 59.6875em) {
  /* line 106, scss/_banniere.scss */
  .banCarriere-titre {
    top: 58px;
    font-size: 24px;
  }
}
@media (min-width: 1180px) {
  /* line 106, scss/_banniere.scss */
  .banCarriere-titre {
    left: 75px;
    font-size: 28px;
  }
}

/* line 138, scss/_banniere.scss */
.banCarriere-btn {
  background-color: #56b0c9;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: white;
  display: inline-block;
  font-size: 13px;
  left: 25px;
  text-decoration: none;
  top: 72px;
  padding: 7px 14px;
  position: absolute;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
/* line 154, scss/_banniere.scss */
.banCarriere-btn:hover {
  background-color: #1d799e;
  color: white;
}
/* line 159, scss/_banniere.scss */
.banCarriere-btn .fa {
  margin-left: 0.5em;
}
@media (min-width: 400px) {
  /* line 138, scss/_banniere.scss */
  .banCarriere-btn {
    font-size: 14px;
    left: 45px;
  }
}
@media (min-width: 59.6875em) {
  /* line 138, scss/_banniere.scss */
  .banCarriere-btn {
    right: 36px;
    left: auto;
    top: 38px;
  }
}
@media (min-width: 1180px) {
  /* line 138, scss/_banniere.scss */
  .banCarriere-btn {
    font-size: 16px;
    padding: 17px 19px;
    top: 50%;
    margin-top: -33px;
  }
}

/* line 186, scss/_banniere.scss */
.banCarriere-close {
  color: white;
  background-color: transparent;
  cursor: pointer;
  font-size: 1.5em;
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 0;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
/* line 197, scss/_banniere.scss */
.banCarriere-close:hover {
  color: #1d799e;
  background-color: transparent;
}

/* line 9, scss/widgets/_sharer.scss */
h3.sharer__title {
  font-size: 13px;
  opacity: .7;
  text-transform: uppercase;
  line-height: 1;
  margin: 0 0 1em 0;
  display: inline-block;
}
/* line 17, scss/widgets/_sharer.scss */
h3.sharer__title::before {
  content: "";
  display: block;
  width: 100%;
  min-width: 30px;
  border-top: 1px solid #ddd;
  margin-bottom: 1em;
}

/* line 28, scss/widgets/_sharer.scss */
.sharer__items {
  box-sizing: border-box;
  list-style: none;
}
@media screen and (min-width: 1100px) {
  /* line 31, scss/widgets/_sharer.scss */
  .sharer__item--more .sharer__items {
    position: absolute;
    top: 30px;
    left: 0;
    width: 300px;
    padding: 10px 5px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
    transform: translateY(-20px);
    opacity: 0;
    transition: opacity 250ms ease-in, transform 250ms ease-in;
    text-align: center;
  }
  /* line 46, scss/widgets/_sharer.scss */
  .sharer__item--more .sharer__items::before, .sharer__item--more .sharer__items::after {
    position: absolute;
    top: -8px;
    left: 20px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: block;
  }
  /* line 59, scss/widgets/_sharer.scss */
  .sharer__item--more .sharer__items::before {
    border-bottom: 8px solid #ccc;
  }
  /* line 62, scss/widgets/_sharer.scss */
  .sharer__item--more .sharer__items::after {
    top: -7px;
    border-bottom: 8px solid #fff;
  }
}

/* line 70, scss/widgets/_sharer.scss */
.sharer__items,
.sharer__item {
  margin: 0;
  padding: 0;
}

/* line 76, scss/widgets/_sharer.scss */
.sharer__item {
  display: inline-block;
  margin: 0 5px 5px 0;
}
/* line 80, scss/widgets/_sharer.scss */
.sharer__item:last-child {
  margin-right: 0;
}

/* line 85, scss/widgets/_sharer.scss */
.sharer__item--more {
  position: relative;
}
/* line 89, scss/widgets/_sharer.scss */
.sharer__item--more:hover .sharer__items {
  opacity: 1;
  transform: translateY(0);
}
/* line 95, scss/widgets/_sharer.scss */
.sharer__item--more > .sharer__button {
  display: none;
}
@media screen and (min-width: 1100px) {
  /* line 95, scss/widgets/_sharer.scss */
  .sharer__item--more > .sharer__button {
    display: inline-block;
  }
}

/* line 107, scss/widgets/_sharer.scss */
.entry-content .sharer a {
  color: #777;
  text-decoration: none;
  border: 1px solid #ccc;
}
/* line 111, scss/widgets/_sharer.scss */
.entry-content .sharer a:hover {
  border-color: #999;
}

/* line 116, scss/widgets/_sharer.scss */
.sharer__button {
  display: block;
  font-size: 12px;
  border-radius: 3px;
  background: #f8f8f8;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  line-height: 23px;
  padding: 1px 8px 0 5px;
  text-decoration: none;
}
/* line 126, scss/widgets/_sharer.scss */
.sharer__button::before {
  margin: 0 4px 0 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-family: 'Genericons', sans-serif;
}

/* line 153, scss/widgets/_sharer.scss */
.sharer__item--facebook .sharer__button::before {
  content: "";
}

/* line 153, scss/widgets/_sharer.scss */
.sharer__item--twitter .sharer__button::before {
  content: "";
}

/* line 153, scss/widgets/_sharer.scss */
.sharer__item--linkedin .sharer__button::before {
  content: "";
}

/* line 153, scss/widgets/_sharer.scss */
.sharer__item--google .sharer__button::before {
  content: "";
}

/* line 153, scss/widgets/_sharer.scss */
.sharer__item--more .sharer__button::before {
  content: "";
}

/* line 153, scss/widgets/_sharer.scss */
.sharer__item--pocket .sharer__button::before {
  content: "";
}

/* line 153, scss/widgets/_sharer.scss */
.sharer__item--print .sharer__button::before {
  content: "";
}

/* line 153, scss/widgets/_sharer.scss */
.sharer__item--email .sharer__button::before {
  content: "";
}