/**
 * Header Stylesheet
 *
 */

 header[role="banner"] {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   padding: 1.438rem 1.250rem;
   /*background-color: rgba(255, 255, 255, 0.8);*/
   z-index: 9999;
   transition: background-color, padding 0.3s ease-out 0.1s;
   -webkit-transition: background-color, padding 0.3s ease-out 0.1s;
   -moz-transition: background-color, padding 0.3s ease-out 0.1s;
   -ms-transition: background-color, padding 0.3s ease-out 0.1s;
 }

 header.add-bg {
   background-color: rgba(255, 255, 255, 0.8);
 }


 /* nav */

 nav li {
   list-style: none;
 }


 /* Burger menu */

 .hamburger-menu {
   position: absolute;
   top: 0;
   left: -500%;
   height: 100vh;
   transition: all 0.5s linear;
   -webkit-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
 }

 .burger {
   float: left;
   width: 28px;
   height: 14px;
   margin-top: 0.750rem;
   margin-right: 4%;
   cursor: pointer;
 }

 .burger span {
   display: block;
   width: 27px;
   height: 3px;
   overflow: hidden;
   font-size: 0;
   background: #232f3b;
   transition: all .3s ease-in-out;
   margin-bottom: 5px;
 }


 /* Logo */

 .site-branding {
   float: left;
 }

.site-branding h1 {
  margin-bottom: 0;
  padding-left: 0;
  line-height: 0;
}

 /* Social menu + language menu */

 .social-menu,
 .language-menu {
   float: left;
 }


 /* language menu */

 #lang_sel {
   height: 29px;
 }

 .language-menu #lang_sel a {
   text-transform: uppercase;
   line-height: 29px;
 }

 .language-menu #lang_sel a,
 .language-menu #lang_sel a.lang_sel_sel,
 .language-menu #lang_sel a.lang_sel_sel:visited {
   background-color: transparent;
   border: 0;
   color: #fff !important;
 }

 #lang_sel a.lang_sel_sel:hover {
   background-color: transparent !important;
 }

 #lang_sel ul ul {
   width: 29px !important;
   border-top: 1px solid #fff !important;
 }

 #lang_sel li ul a,
 #lang_sel li ul a:link,
 #lang_sel li ul a:visited {
   background-color: transparent !important;
 }

 #lang_sel li ul a:hover {
   color: #fff !important;
 }

 #lang_sel a.lang_sel_sel {
   padding-left: 5px;
   background: url(../img/icons/select-lang-icon.png) #fff 90% center no-repeat;
 }

 #lang_sel ul ul a,
 #lang_sel ul ul a:visited {
   display: block;
   height: 29px;
   line-height: 1;
   padding: 2px 10px 10px 5px;
   box-sizing: border-box;
   border-width: 0;
 }

 #lang_sel li {
   width: 29px;
   height: 29px;
   background-color: #232f3b;
 }
 #lang_sel li li {
   border-bottom: 1px solid #fff;
 }
 #lang_sel li li:last-of-type {
   border-bottom: none;
 }
 #lang_sel li li:hover {
   background-color: #62c1c6;
 }

 .language-menu a img {
   display: none;
 }


 /* Social menu */

 .social-menu {
   margin-right: 0.938rem;
 }

 .social-navigation li {
   display: inline-block;
 }

 .social-navigation a {
   position: relative;
   display: block;
   text-indent: -9999px;
   padding-right: 2.063rem;
 }

 .social-navigation a:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   margin: auto;
   background-image: url('../img/sprite.png');
 }


 /* Facebook */

 .social-navigation li:nth-of-type(1) a:before {
   background-position: 0px -628px;
   width: 10px;
   height: 20px;
 }

 .social-navigation li:nth-of-type(1) a:hover:before {
   background-position: 0px -588px;
 }


 /* Twitter */

 .social-navigation li:nth-of-type(2) a:before {
   background-position: 0px -170px;
   width: 21px;
   height: 17px;
 }

 .social-navigation li:nth-of-type(2) a:hover:before {
   background-position: 0px -207px;
 }


 /* Google + */

 .social-navigation li:nth-of-type(3) a:before {
   background-position: 0px -281px;
   width: 21px;
   height: 18px;
 }

 .social-navigation li:nth-of-type(3) a:hover:before {
   background-position: 0px -395px;
 }


 /* Linkedin */

 .social-navigation li:nth-of-type(4) a:before {
   background-position: 0px -510px;
   width: 20px;
   height: 19px;
 }

 .social-navigation li:nth-of-type(4) a:hover:before {
   background-position: 0px -471px;
 }

 .social-navigation a span {
   display: inline-block;
   text-indent: -9999px;
 }



 /* reseau social article */
  /* Facebook */
 .main-post .share.social-navigation .fb::before{
	background-image: url("../img/sprite.png");

}
 .main-post .social-navigation li:nth-of-type(1) a:before {
   background-position: 0px -668px;
   width: 10px;
   height: 20px;
 }

 .main-post .social-navigation li:nth-of-type(1) a:hover:before {
   background-position: 0px -588px;
 }


 /* Twitter */

 .main-post .social-navigation li:nth-of-type(2) a:before {
 background-position: 0 -180px;
    height: 18px;
    width: 21px;
 }

 .main-post .social-navigation li:nth-of-type(2) a:hover:before {
   background-position: 0px -216px;
 }


 /* Google + */

 .main-post .social-navigation li:nth-of-type(3) a:before {
   background-position: 0px -289px;
   width: 21px;
   height: 17px;
 }

 .main-post .social-navigation li:nth-of-type(3) a:hover:before {
   background-position: 0px -391px;
 }


 /* Linkedin */
 .main-post .share.social-navigation .linkedin::before{
	background-image: url("../img/sprite.png");

}
 .main-post .social-navigation li:nth-of-type(4) a:before {
   background-position: 0px -549px;
   width: 20px;
   height: 19px;
 }

 .main-post .social-navigation li:nth-of-type(4) a:hover:before {
   background-position: 0px -471px;
 }

 .main-post .social-navigation a span {
   display: inline-block;
   text-indent: -9999px;
 }

/* Header modification for Tools Page */
/* Page Tools */
.page-tools header.with-banner {
  margin-bottom: 0;
}