@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('/static/font/opensans.woff2') format('woff2');
  unicode-range: U + 0000 -00FF, U + 0131 , U + 0152 -0153, U + 02 C6, U + 02 DA, U + 02 DC, U + 2000 -206F, U + 2074 , U + 20 AC, U + 2212 , U + 2215;
}
.scpo-header {
  height: 33px;
  line-height: 33px;
  border-bottom: thin solid #eaeaea;
  font-size: 12px;
}
.scpo-nav-container {
  text-align: center;
}
.scpo-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  width: 100%;
}
.scpo-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.fleche-menu-deroulant {
  display: inline-block;
  height: 7px;
  width: 12px;
  background: url('/static/img/scpo_header/fleche-menu-deroulant-corp-black.png') no-repeat center;
  background-size: contain;
  margin-left: 3px;
}
.scpo-dropdown {
  text-align: left;
  float: left;
}
.scpo-dropdown:first-child {
  margin-left: -8px;
}
.scpo-dropdown a {
  height: 33px;
  display: block;
  padding: 0 8px 0 8px;
  color: gray;
  text-transform: uppercase;
}
.scpo-dropdown > a {
  display: inline-block;
}
.scpo-dropdown-menu {
  position: absolute;
  visibility: hidden;
  background-color: #eaeaea;
  z-index: 10;
}
.scpo-dropdown a:hover,
.scpo-dropdown a:focus {
  color: white;
  background-color: gray;
  text-decoration: none;
}
.scpo-dropdown a:hover .fleche-menu-deroulant,
.scpo-dropdown a:focus .fleche-menu-deroulant {
  background-image: url('/static/img/scpo_header/fleche-menu-deroulant-corp-white.png');
}
.scpo-dropdown:hover .scpo-dropdown-menu,
.scpo-dropdown:focus .scpo-dropdown-menu {
  visibility: visible;
}
.scpo-reseau {
  float: left;
}
.first_reseau {
  border-left: solid 1px #eaeaea;
  margin-left: auto;
}
.scpo-reseau > a > span {
  height: 33px;
  width: 33px;
  display: block;
}
.facebook {
  background-image: url('/static/img/scpo_header/facebook.png');
}
.scpo-reseau > a:hover .facebook,
.scpo-reseau > a:focus .facebook {
  background-image: url('/static/img/scpo_header/facebook_on.png');
}
.twitter {
  background-image: url('/static/img/scpo_header/twitter.png');
}
.scpo-reseau > a:hover .twitter,
.scpo-reseau > a:focus .twitter {
  background-image: url('/static/img/scpo_header/twitter_on.png');
}
.linkedin {
  background-image: url('/static/img/scpo_header/in.png');
}
.scpo-reseau > a:hover .linkedin,
.scpo-reseau > a:focus .linkedin {
  background-image: url('/static/img/scpo_header/in_on.png');
}
.youtube {
  background-image: url('/static/img/scpo_header/youtube.png');
}
.scpo-reseau > a:hover .youtube,
.scpo-reseau > a:focus .youtube {
  background-image: url('/static/img/scpo_header/youtube_on.png');
}
.instagram {
  background-image: url('/static/img/scpo_header/instagram.png');
}
.scpo-reseau > a:hover .instagram,
.scpo-reseau > a:focus .instagram {
  background-image: url('/static/img/scpo_header/instagram_on.png');
}
.rss {
  background-image: url('/static/img/scpo_header/rss.png');
}
.scpo-portal {
  background-image: url('/static/img/scpo_header/scpo-portal.png');
}
.scpo-reseau > a:hover .rss,
.scpo-reseau > a:focus .rss {
  background-image: url('/static/img/scpo_header/rss_on.png');
}
.scpo-reseau > a:hover .scpo-portal,
.scpo-reseau > a:focus .scpo-portal {
  background-image: url('/static/img/scpo_header/scpo-portal_on.png');
}
.newsletter {
  background-image: url('/static/img/scpo_header/newsletter.png');
}
.scpo-reseau > a:hover .newsletter,
.scpo-reseau > a:focus .newsletter {
  background-image: url('/static/img/scpo_header/newsletter_on.png');
}
.translate {
  margin-left: 3px;
  height: 33px;
}
.translate a {
  display: block;
  color: gray;
  background-color: #eaeaea;
  padding: 0 8px 0 8px;
  text-decoration: none;
  text-transform: uppercase;
}
.translate a:hover,
.translate a:focus {
  color: white;
  background-color: gray;
  text-decoration: none;
}