/* Début */
@font-face{
    font-family: MarkPro;
    src: url(../fonts/MarkPro.ttf) format("ttf"),
         url(../fonts/MarkPro.otf) format("otf"),
         url(../fonts/MarkPro.eot) format("eot"),
         url(../fonts/MarkPro.woff) format("woff"),
         url(../fonts/MarkPro.woff2) format("woff2");
}
@font-face{
    font-family: MarkPro_Book;
    src: url(../fonts/MarkPro-Book.otf) format("otf");
}
@font-face{
    font-family: MarkPro_BookItalic;
    src: url(../fonts/MarkPro-BookItalic.otf) format("otf");
}
@font-face{
    font-family: MarkPro_Bold;
    src: url(../fonts/MarkPro-Bold.ttf) format("ttf"),
         url(../fonts/MarkPro-Bold.otf) format("otf"),
         url(../fonts/MarkPro-Bold.eot) format("eot"),
         url(../fonts/MarkPro-Bold.woff) format("woof"),
         url(../fonts/MarkPro-Bold.woff2) format("woff2");
}
@font-face{
    font-family: MarkPro_BoldItalic;
    src: url(../fonts/MarkPro-BoldItalic.otf) format("otf");
}
@font-face {
font-family: MarkPro_Medium;
src: url(../fonts/MarkPro-Medium.ttf) format("ttf"),
     url(../fonts/MarkPro-Medium.woff) format("woff"),
     url(../fonts/MarkPro-Medium.woff2) format("woff2"),
     url(../fonts/MarkPro-Medium.otf) format("otf"),
     url(../fonts/MarkPro-Medium.eot) format("eot");
}
@font-face {
font-family: MarkPro_Black;
src: url(../fonts/MarkPro-Black.ttf) format("ttf"),
     url(../fonts/MarkPro-Black.woff) format("woff"),
     url(../fonts/MarkPro-Black.woff2) format("woff2"),
     url(../fonts/MarkPro-Black.otf) format("otf"),
     url(../fonts/MarkPro-Black.eot) format("eot");
}
@font-face{
    font-family: MarkPro_BlackItalic;
    src:url(../fonts/MarkPro-BlackItalic.otf) format("otf");
}
@font-face{
    font-family: MarkPro_MediumItalic;
    src: url(../fonts/MarkPro-MediumItalic.otf) format("otf");
}
@font-face{
    font-family: MarkPro_Light;
    src:url(../fonts/MarkPro-Light.otf) format("otf");
}
@font-face{
    font-family: MarkPro_LightItalic;
    src:url(../fonts/MarkPro-LightItalic.otf) format("otf");
}
@font-face{
    font-family: MarkPro_Italic;
    src:url(../fonts/MarkPro-Italic.otf) format("otf");
}
@font-face {
  font-family: 'csoec';
  src:  url('../fonts/csoec.eot?60uqm1');
  src:  url('../fonts/csoec.eot?60uqm1#iefix') format('embedded-opentype'),
  url('../fonts/csoec.ttf?60uqm1') format('truetype'),
  url('../fonts/csoec.woff?60uqm1') format('woff'),
  url('../fonts/csoec.svg?60uqm1#csoec') format('svg');
  font-weight: normal;
  font-style: normal;
}

.csoec-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'csoec' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.csoec-icon-arrow:before {
  content: "\e900";
}
.csoec-icon-burger:before {
  content: "\e901";
}
.csoec-icon-close:before {
  content: "\e902";
}
.csoec-icon-desktop:before {
  content: "\e903";
}
.csoec-icon-document:before {
  content: "\e904";
}
.csoec-icon-download:before {
  content: "\e905";
}
.csoec-icon-facebook:before {
  content: "\e906";
}
.csoec-icon-google-plus:before {
  content: "\e907";
}
.csoec-icon-light:before {
  content: "\e908";
}
.csoec-icon-linkedin:before {
  content: "\e909";
}
.csoec-icon-media:before {
  content: "\e90a";
}
.csoec-icon-people:before {
  content: "\e90b";
}
.csoec-icon-play:before {
  content: "\e90c";
}
.csoec-icon-print:before {
  content: "\e90d";
}
.csoec-icon-question-mark:before {
  content: "\e90e";
}
.csoec-icon-rss:before {
  content: "\e90f";
}
.csoec-icon-search:before {
  content: "\e910";
}
.csoec-icon-twitter:before {
  content: "\e911";
}
.csoec-icon-quote:before {
  content: "\e912";
}
.csoec-icon-connection:before {
  content: "\e91b";
}

/* Fin */