@import url("reset.css");

/* ---------- Body Globals -----------*/

html {font-size: 0.8125em; -webkit-text-size-adjust: 0.8125em; -ms-text-size-adjust: 0.8125em;}
body { font-family:'Noto Sans',Helvetica, Arial, sans-serif; line-height:1.5em; color: #5d5d5d; background: #f6f6f6;}


/* ---------- Text -----------*/

input, select, textarea, button {font-family:'Noto Sans',Helvetica, Arial, sans-serif; overflow: auto; width: auto; padding:0 1.538em;}
input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="number"] {height: 2.6em; } 

input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="number"],
select,
textarea {border: 1px solid #cfcfcf; background: #fff; border-radius: 4px; outline: none}

small {font-size:0.846em;}

h1,
h2,
h3,
h4,
h5,
h6 {color: #262729}

a {color:#c00;}
  a:hover {text-decoration:none;}

strong {font-weight: bold;}
img {max-width: 100%; height:auto;}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {color:inherit;}

h1 a,
h2 a,
h3 a {text-decoration: none;}

p,
ul,
ol,
table {margin: 1.33em 0}

h1 {font-size: 2.3em; margin: 1.2em 0; line-height: 1.2em;}
h2 {font-size: 1.5em; margin: 0.83em 0; line-height: 1.4em}
h3 {font-size: 1em; margin: 1.1em 0; line-height: 1.3em}
h4 {font-size: 1em; margin: 1.33em 0;}
h5 {font-size: 1em; margin: 1.67em 0;}
h6 {font-size: 1em; margin: 2.33em 0;}
iframe {max-width: 100%;}

.text h1 {font-size: 2.6em; line-height: 1.2em; color: #262729}
.text p {text-align: justify;}
.text ol {list-style-type: decimal;}
.text ul li:before {content: "\00B7"; color: #b4b4b4; margin-left:-16px; display: block; font-size: 2em; position: absolute;}
.text ol,
.text ul {margin-left: 40px;}

.button, .form-submit input {display: inline-block; border: 0; line-height: 2.6em; padding: 0 1.6em; color: #fff; border-radius: 4px; font-weight: bold; text-transform: uppercase; text-decoration: none; font-size: 0.846em;}
  .button-red, .form-submit input {background: #c00;}
    .button-red:hover, .form-submit input:hover {background: #e30000;}
  .button-black {background: #282b2e;}
    .button-black:hover {background: #3f4246;}


ul.wiki-arrow-list {margin:1em 0}
ul.wiki-arrow-list li:before {content: ""; background: url(../images/arrow-red.png) no-repeat; width: 6px; height: 9px; margin-top: 6px; margin-left: 0; left: 0; position: absolute;}
ul.wiki-arrow-list li {padding-left: 16px; position: relative;}
ul.wiki-arrow-list li a {color: #262729; text-decoration: none;}
ul.wiki-arrow-list li a:hover {color: #c00;}



.text ul.arrow-list {margin-top: 0; margin-left: 0;}
.text ul.arrow-list li:before {content: ""; background: url(../images/arrow-red.png) no-repeat; width: 6px; height: 9px; margin-top: 6px; margin-left: 0; left: 0; position: absolute;}
.text ul.arrow-list li {margin-bottom: .5em; padding-bottom: .5em; border-bottom: 1px solid #f3f3f3; padding-left: 16px; position: relative;}
.text ul.arrow-list li a {color: #262729; text-decoration: none;}
.text ul.arrow-list li a:hover {color: #c00;}
.article-list .text ul.arrow-list {margin: 0 4em; font-weight: bold;}



/* ---------- Grid -----------*/

.wrapper {width: 1000px; margin: 0 auto;}
  


.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }  
.row { zoom: 1;}

.col {display: block; float: left; margin: 0 0 0 1.6%;}
.col:first-child {margin-left: 0;}

.col-12 {width: 100%;}
.col-11 {width: 91.53%;}
.col-10 {width: 83.06%;}
.col-09 {width: 74.6%;}
.col-08 {width: 66.13%;}
.col-07 {width: 57.66%;}
.col-06 {width: 49.2%;}
.col-05 {width: 40.73%;}
.col-04 {width: 32.26%;}
.col-03 {width: 23.8%;}
.col-02 {width: 15.33%;}
.col-01 {width: 6.866%;}

.offset-one-column {margin: 3em 8em;}


.multiple-list .col {margin-left: 0; margin-right: 1.6%; float: none; display: inline-block; vertical-align: top}
.multiple-list .col:first-child {margin-left: 0;}
.multiple-list .col-06 {width: 48%}


/*@media only screen and (max-width: 480px) {
.col {margin: 1% 0 1% 0%;}
.col-11,
.col-10,
.col-09,
.col-08,
.col-07,
.col-06,
.col-05,
.col-04,
.col-03,
.col-02,
.col-01 {width:100%;}
}*/


/* ---------- Block main styles -----------*/
  
  #content section {margin-bottom: 1.33em}

  .padd {padding: 1.538em}
  .bordered {border: 1px solid #cfcfcf}
    .wrapper.bordered {border-top: 0; border-bottom: 0;}
  .grey-bg {background: #f4f4f4;}
  
  .black-bg {background:#282b2e; color: #bfbfbf;}
    .black-bg h2,
    .black-bg h3,
    .black-bg h4 {color: #fff;}
    .black-bg a:hover {color: #fff;}
  
  .red-bg {background: #c00; color: #fff;}

  .with-shadow {box-shadow: 0 2px 3px rgba(0,0,0,.2)}
  
  .block-red-title h2,
  .block-black-title h2 { font-size: 0.923em; text-transform: uppercase; letter-spacing: 1px;  background:#282b2e; color: #fff; position: relative; line-height: 2.6em; height: 2.6em; display: block; margin: 0;}
  .block-red-title h2 {background:#c00;}
    .block-red-title h2 a,
    .block-black-title h2 a {text-decoration: none; display: block; width: 100%; position: relative;padding:0 1.538em;}

    .block-red-title h2 a:before {content: ""; display:block; background:#282b2e url(../images/arrow-white.png) no-repeat center center; height: 2.6em; width: 2.6em; right: 0; top: 0; position: absolute;}
    .block-black-title h2 a:before {content: ""; display:block; background:#c00 url(../images/arrow-white.png) no-repeat center center; height: 2.6em; width: 2.6em; right: 0; top: 0; position: absolute;}

  .block-red-title > .bordered {border-top: 0;}


/* ---------- Sprites -----------*/

.sprite { background: url('../images/sprite.png') no-repeat top left; display: inline-block; vertical-align: middle}
.sprite.lang-en { background-position: 0px 0px; width: 16px; height: 11px;}
.sprite.lang-fr { background-position: 0px -21px; width: 16px; height: 11px;}
.sprite.icon-search { background-position: 0px -42px; width: 16px; height: 16px;}
.sprite.icon-search-hover,
.header-top-search:hover .sprite.icon-search  { background-position: 0px -68px; width: 16px; height: 16px;}
.sprite.icon-facebook { background-position: 0px -94px; width: 10px; height: 18px;}
.sprite.icon-facebook-white { background-position: 0px -122px; width: 10px; height: 18px;}
.sprite.icon-facebook-hover,
a:hover .sprite.icon-facebook { background-position: 0px -150px; width: 10px; height: 18px;}
.sprite.icon-twitter { background-position: 0px -178px; width: 23px; height: 18px;}
.sprite.icon-twitter-hover,
a:hover .sprite.icon-twitter { background-position: 0px -206px; width: 23px; height: 18px;}
.sprite.icon-twitter-sidebar { background-position: 0px -234px; width: 15px; height: 12px;}
.sprite.icon-twitter-white { background-position: 0px -256px; width: 23px; height: 18px;}
.sprite.icon-rss { background-position: 0px -284px; width: 19px; height: 18px;}
.sprite.icon-rss-hover,
a:hover .sprite.icon-rss { background-position: 0px -312px; width: 19px; height: 18px;}
.sprite.icon-rss-white { background-position: 0px -340px; width: 19px; height: 18px;}
.sprite.icon-facebook-big { background-position: 0px -368px; width: 42px; height: 42px;}
.sprite.icon-rss-big { background-position: 0px -420px; width: 42px; height: 42px;}
.sprite.icon-twitter-big { background-position: 0px -472px; width: 42px; height: 42px;}
.sprite.icon-buy { background-position: 0px -524px; width: 12px; height: 12px; margin-top: -2px; margin-right: .5em}
.sprite.icon-video { background-position: 0px -546px; width: 44px; height: 44px;}
.sprite.logo-footer { background-position: 0px -600px; width: 84px; height: 33px;}



/* ---------- Header -----------*/

#header {background: #fff;}

  /*header top*/
  .header-top {background:#f4f4f4; border-bottom: 1px solid #cfcfcf; line-height: 2.6em; padding: .5em 0}
    .header-top ul {margin: 0; padding: 0;}
    
    /*Langs*/
    .lang-swither {font-size: 0; text-align: right}
    .lang-swither li {display: inline-block; margin-right: 5px; line-height: normal }
   

    .lang-item-fr a {background: url('../images/sprite.png') no-repeat top left; display: inline-block; vertical-align: middle; background-position: 0px -21px; width: 16px; height: 11px;}
    .lang-item-en a {background: url('../images/sprite.png') no-repeat top left; display: inline-block; vertical-align: middle; background-position: 0px 0px; width: 16px; height: 11px;}
    .lang-item a {opacity: .6}
    .lang-item a:hover,
    .current-lang a {opacity: 1}

    /*site tile on top*/
    .header-top-home-link h1 {text-transform: uppercase; letter-spacing: 1px; font-size: 1em; margin: 0}
    .header-top-home-link a {text-decoration: none; color: #42464a}
    .header-top-home-link a:hover {color:#5d5d5d;}

    

    .new-header-logo a { background: url(../images/logo-header.png) no-repeat left center; line-height: 29px; padding-left: 90px; display: inline-block;}
    .new-header-logo img {display: none;}

    /*header-top-search*/
    .header-top-search {position: relative;}
      .header-top-search input[type=text] {width: 100%; border-radius: 50px; }
      .header-top-search button {background: transparent; border: 0; padding:0; position: absolute; top: .45em; right: 1em}

    /*header-top-social*/
    .header-top-social {font-size: 0; text-align: right;}
    .header-top-social li {display: inline-block; margin-left: 15px; line-height: normal}
    .header-top-social li:first-child {margin: 0;}

    /*logo area */
    .logo-area {padding: 2em 0; }
    .header-slogan {margin: 1.2em 0; border-left: 1px solid #cfcfcf; padding-left: 1.6em;}
    .header-slogan h2 {margin-top: 0; margin-bottom: .2em; font-size: 1.3em;}
    .header-slogan p {margin: 0}

    .header-slogan-left {
      margin: 1.2em 0;
     
    }

    .header-slogan-left h2 {
      margin-top: 0;
      margin-bottom: .2em;
    }

    .header-slogan-left p {
      margin: 0;
      font-size: 16px;
    }
 
    .logo {position: relative;}
    .logo a {position: absolute; width:100%; height: 100%; text-indent: -999em; overflow: hidden}
    
    /*article header*/
    .article-header {margin: 1.2em 1.2em 1.2em 0; border-right: 1px solid #cfcfcf; padding: 0 2em 0 32px; position: relative;}
    .article-header img {max-width: 124px; max-height: 80px}
    .article-header article {margin-bottom: 0;}
    .article-header .article-text h2 {padding-top: .1em}
    .article-header .article-image figcaption a {font-size: 0.846em}
    .article-header:before {content: attr(data-title);
    display: block;
    font-size: 1em;
    left: -30px;
    letter-spacing: 2px;
    opacity: 0.6;
    position: absolute;
    text-transform: uppercase;
    top: 28px;
    transform: rotate(-90deg);
  }

/* ---------- Menu -----------*/
  
  #nav {background:#282b2e url(../images/texture.jpg) repeat; }
    #nav .wrapper {position: relative; z-index: 1000;}
    #nav #main-menu {margin: 0 1px; color: #bfbfbf;}
    
    #nav #main-menu li {float: left; position: relative;}
      #nav #main-menu > li > a {color: #fff; text-transform: uppercase; font-weight: bold; font-size: 1em; display: block; line-height: 3.250em; text-decoration: none; padding:0 1.2em}
      #nav #main-menu > li > a:hover { background: rgba(0,0,0,.5)}
      #nav #main-menu > li.current-cat > a,
      #nav #main-menu > li.current-cat-parent > a {background: #fff; border-top: 4px solid #c00; margin-top: -4px; color: #282b2e; opacity: 1}
   
      
       #nav #submenu-loader {display: none; background: #ffffff;
              background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 100%); /* FF3.6+ */
              background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
              background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
              background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%); /* Opera 11.10+ */
              background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%); /* IE10+ */
              background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 100%);
              border-bottom: 1px solid #cfcfcf; margin: 0  1px; font-size: 1em; width: 99.8%;}
        
        #nav #main-menu ul.children {display: none;}
        #nav ul.children {margin: 0; white-space: nowrap}
        #nav ul.children li {margin: 0; display: inline-block;}
        #nav ul.children li a:before {content: "\00B7"; color: #b4b4b4; margin-left:-1.1em; display: block; font-size: 2em; position: absolute;}
        #nav ul.children li:first-child a:before {content: none;}
        #nav ul.children a {color: #5d5d5d; font-weight: bold; text-transform: uppercase; text-decoration: none; line-height: 3.4em; display: inline-block; padding: 0 2em; position: relative;}
        #nav ul.children a:hover {color:#262729;}


        #nav ul.children li.current-cat a {color: #c00}
        
        #nav #main-menu ul.sub-hover {-webkit-animation-duration: 0.2s; 
            animation-duration: 0.2s; 
            -webkit-animation-fill-mode: both; 
            animation-fill-mode: both; 
            -webkit-animation-name: fadeInDown; 
            animation-name: fadeInDown; 
            z-index: 100000;
            position: absolute;border-bottom: 4px solid #c00; min-width: 100%; background: #fff; padding: .6em 0; display: block; margin: 0; z-index: 30; margin: 0; box-shadow: 0 2px 4px rgba(0,0,0,.3)}
       
       


        #nav #main-menu ul.sub-hover li {float: none; display: block;}
        #nav #main-menu ul.sub-hover li a {line-height: 2.4em}
        #nav #main-menu ul.sub-hover li a:before {content: none;}
        
        #nav #main-menu li.current-cat > ul.sub-hover,
        #nav #main-menu li.current-cat-parent > ul.sub-hover {display: none;}

/* ---------- Content -----------*/

#content .wrapper {background: #fff;}


  /*article blocks common styles*/



  
  .article-image {position: relative;}
    .article-image img {display: block;}
    .article-image-fix img {max-width: 192px;}
  .article-image figcaption {position: absolute; bottom: 0; left: 0;}
  .article-image figcaption a { background: rgba(204,0,0,.8);color: #fff; text-transform: uppercase; font-weight: bold; text-decoration: none;padding: 0 1em; display: inline-block;  max-width: 190px; overflow: hidden;  line-height: 2.2em;
    white-space: nowrap; text-overflow: ellipsis; float: left; margin-right: 1px;}
    .article-image figcaption a:hover {background: #c00;}

  .article-video .article-image > a:before {transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; content: ""; display: block; background:url(../images/sprite.png) no-repeat 0px -546px; width: 44px; height: 44px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px;} 
  .article-video .article-image > a:hover:before { opacity: .7}

  .article-meta-inline {font-size: .846em; text-transform: uppercase;}
  .article-meta-author {font-size: .846em; font-weight: bold; text-transform: uppercase; color: #262729}

  .article-meta {background: url(../images/texture-lines.png); line-height: 2.2em; font-size: 0.846em; text-transform: uppercase; font-weight: bold; position: relative; margin-bottom: 1.538em}
    .article-meta-categories {float: left; background: #c00; color: #fff; padding: 0 1em; margin-right: 1em}
    .article-meta-categories a {color: #fff; text-decoration: none;}
      .article-meta-categories a:hover {opacity: .8}
    .article-meta-date {float: left;}
    .article-meta-comments {float: right; }
      .article-meta-comments a {color: inherit; text-decoration: none;background:#282b2e; color: #fff; padding: 0 1em; position: relative; display: inline-block;}
        .article-meta-comments small {color: #bfbfbf; font-size: 1em}
        .article-meta-comments a:after { left: 80%; top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;  border-left-color: #282b2e; border-width: 7px; margin-top: -7px; }
          .article-meta-comments a:hover {background: #c00}
          .article-meta-comments a:hover:after {border-left-color: #c00}
          .article-meta-comments a:hover small {color: #fff;}
    

    .article-list article {margin-bottom: 2.308em}
      .article-list article:last-child {margin-bottom: 0}
    .article-list .article-image {float: left; margin-right: 1.538em}
    .article-text {overflow: hidden}
    .article-list .article-text h3,
    .article-list .article-text h2 {margin-top: 0; margin-bottom: .5em; font-size: 1.231em; line-height: 1.2em}
    .article-list .article-text p {margin-bottom: 0; margin-top: 0}
    
    .article-list-vertical article {margin-bottom: 1.538em}
      .article-list-vertical article:last-child {margin-bottom: 0}
    .article-list-vertical h2,
    .article-list-vertical h3  {margin:.5em 0 0 0}
    .article-list-vertical p {margin: 0}
   
    
    .article-list-books .article-image {float: left; margin-right: 1.538em}
    .article-list-books-sidebar .button { display: block; text-align: center; margin-top: .5em}
    .article-list-books-sidebar .button:first-child {margin-top: 1em}


    .twitter-share-button {margin-bottom: .3em;}
    
    .article-social li {display: inline-block; margin-right: .5em; margin-bottom: 0}
    .article-social li:first-child {margin-top: -19px; position: relative; vertical-align: middle !important;}
    .article-social li:last-child {margin-top: -12px !important; position: relative; vertical-align: middle !important;}

    .post-edit-link {position: fixed; top: 49%; right: 0; background: #c00; color: #fff; padding: .4em 1em; font-weight: bold; text-decoration: none;}

    .article-down-nav .col { margin-bottom: 1.538em;}
    

    .single-related h2 {color: #c00}
    .single-related h3 {margin-top: 0.5em;}

    .category-description {padding: 0 4em 2em 4em; font-style: italic; position:relative;}
    .category-description:before {content: open-quote; position:absolute; left:0; top:0; font-size:5em; color:#ccc; display:block;}


    .article-list-vertical--withline article {
      border-bottom: 1px solid #d8d8d8;
      margin: 0 0 1em 0;
      padding: 0 0 1em 0;
    }

    .article-list-vertical--withline article:last-child {
      padding-bottom: 0;
      margin-bottom: 0;
      border:0;
    }

    .article-list-vertical--withline article h3 {
      margin: 0;
    }


  /*breadcrumbs*/
  .breadcrumbs p {margin-top: 0} 
    .breadcrumbs i {padding: 0 .2em; opacity: .5; font-style: normal}

  /*homepage hero*/
  .hero-homepage img {border: 1px solid #fff;}
    .hero-homepage .article-image figcaption {bottom: 1px; left: 1px}

    .hero-homepage-article-big h2 {text-decoration: none; margin-bottom: 0}
    .hero-homepage-article-big p {margin-top: .5em; margin-bottom: 0}

    .hero-homepage-article-small h2 {font-size: 1em; color: #bfbfbf; margin: .5em 0 1.33em 0; font-weight: normal}
    .hero-homepage-article-small:last-child h2 {margin-bottom: 0}
    .hero-homepage-article-small figcaption {font-size: 0.846em;}
  
  
  /*sidebar*/
  .sidebar-social-link {text-align: center;}
    .sidebar-social-link ul {margin: 0}
    .sidebar-social-link li {display: inline-block; margin: 0 .5em}

  .block-philosophie .padd { background: url(../images/philosophie.jpg) no-repeat -40px bottom; min-height: 180px}
    .block-philosophie .padd ul {font-size: 1.846em; font-style: italic; margin-left: 100px}
    .block-philosophie .padd li {background: url(../images/arrow-red.png) no-repeat left .3em; padding-left: 18px; margin-bottom: .5em}
    .block-philosophie .padd a {color: #262729; text-decoration: none;}
    .block-philosophie .padd a:hover {color: #c00;}

  
  /*Slider article styles and gallery carousel*/
  .slider-single article {margin: 0;}
  .slider-single .article-meta {margin-bottom: 0}
  .slider-single h2 {margin-bottom: .1em}
  .slider-single p {margin:0}



  /*slider slick*/
  
  .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; -webkit-tap-highlight-color: transparent; overflow: hidden }

  .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
  .slick-list:focus { outline: none; }
  .slick-loading .slick-list { background: white url("../images/ajax-loader.gif") center center no-repeat; }
  .slick-list.dragging { cursor: pointer; cursor: hand; }

  

  .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
  .slick-track:before, .slick-track:after { content: ""; display: table; }
  .slick-track:after { clear: both; }
  .slick-loading .slick-track { visibility: hidden; }

  .slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
  .slick-slide img { display: block; }
  .slick-slide.slick-loading img { display: none; }
  .slick-slide.dragging img { pointer-events: none; }
  .slick-initialized .slick-slide { display: block; }
  .slick-loading .slick-slide { visibility: hidden; }
  .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

  /* Arrows */
  .slick-prev, .slick-next {position: absolute; display: block; height: 42px; width: 42px; background: #282b2e; background: rgba(0,0,0,.5); line-height: 0; font-size: 0; cursor: pointer; color: transparent; top: 90px; padding: 0; border: none; outline: none; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; }
  .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; color: transparent; }
  .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
  .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

  .slick-prev:before, .slick-next:before {width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right:8px solid #fff;  display: block; content: ""; margin-left: 16px;}
  .slick-next:before {border-right:none; border-left:8px solid #fff; margin-left: 18px}
  
  .slick-prev { left: 0; -webkit-transform: translate3d(-105%, 0, 0); -moz-transform: translate3d(-105%, 0, 0); -ms-transform: translate3d(-105%, 0, 0); -o-transform: translate3d(-105%, 0, 0); transform: translate3d(-105%, 0, 0); }
  .slick-next { right: 0; -webkit-transform: translate3d(105%, 0, 0); -moz-transform: translate3d(105%, 0, 0); -ms-transform: translate3d(105%, 0, 0); -o-transform: translate3d(105%, 0, 0); transform: translate3d(105%, 0, 0); }

  .slick-slider:hover .slick-prev,
  .slick-slider:hover .slick-next  { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

  /* Dots */
  .slick-slider { padding-bottom: 1.6em; }
  .slider-single-fade { padding-bottom: 0 !important; margin-bottom: 0 !important; }

  .slick-dots { position: absolute; bottom: 0; list-style: none; display: block; text-align: center; padding: 0; width: 100%; margin: 0}
  .slick-dots li {position: relative; display: inline-block; height: 8px; width: 8px; margin: 0 5px; padding: 0; cursor: pointer; }
  .slick-dots li button { border: 0; background: transparent; display: block; height: 8px; width: 8px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
  .slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
  .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
  .slick-dots li button:before { position: absolute; top: 0; left: 0; content: ""; width: 8px; height: 8px; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius: 50px; background: #c00; }
  .slick-dots li.slick-active button:before {opacity: 1; }

  

  /*biographie */

  .bio-nav {background: url(../images/texture-lines.png); margin-bottom: 3em}
  .bio-nav ul |{margin-top: 0;}
    .bio-nav li {float: left; font-weight: bold;}
    .bio-nav li a {display: block; float: left; color: #5d5d5d; text-decoration: none; padding: 1em 1.2em;}
    .bio-nav li a:hover,
    .bio-nav li a:focus,
    .bio-nav li a:active {background: #c00; color: #fff;}



  .biographie-tree h2 { max-width: 130px; position: absolute; margin-top: -8px}
  .biographie-tree .article-text {margin-left: 150px; padding-left: 30px; background: url(../images/1px.png) repeat-y 0px 0; position: relative; overflow: visible; padding-bottom: 2em}
  .biographie-tree .article-text:before {content: ""; position: absolute; width: 14px; height: 14px; background: #fff; border: 2px solid #d9d9d9; border-radius: 50px; display: block; left: -7px; top: 0}
  
  .biographie-tree .article-text > *:last-child {margin-bottom: 0}
  .biographie-tree .article-text > *:first-child {margin-top: 0}


  /*livres*/
  .featured-block {margin-bottom: 1.538em;}
  
  .livres-category-list .article-text p.article-meta-author {margin-bottom: 1em;}
  
  .article-list .article-text p.livres-connected {margin-top: 1em; font-size: 1em; font-style: italic;}
  .article-list .article-text p.livres-connected a {color: #5d5d5d; text-decoration: none;}
  .article-list .article-text p.livres-connected a:hover {text-decoration: underline;}


/*pages*/

.pagination {text-align: center; margin: 1em 0 0 0;}

.pagination a, .pagination span {padding: .5em 1em; display: inline-block; text-decoration: none;}
.pagination a {color: #262729}
.pagination span.current {background: #c00; border-radius: 4px; color: #fff;}


.book-single .article-image {float: left;margin-right: 1.538em}
.book-single h1 {font-size: 2.5em; margin: 0.83em 0; line-height: 1.4em; margin-top: 0; margin-bottom:0;}
.book-single .article-meta-inline {font-size:1em; margin-top:.4em; margin-bottom:.4em}
.book-single .article-meta-author {font-size:1.231em;}
.book-single .button {font-size:1.1em;}

.author-single > .article-text > div > *:first-child {margin-top: 0;}

/* ---------- Comments -----------*/


.comment-reply-title, .comments h2 {font-size: 1.5em; margin: 0.83em 0; line-height: 1.4em; margin-top: 0;}

.comment-form label {display: inline-block; width: 120px;}
.comment-form .comment-form-comment label {display: block; width: auto; font-weight: bold; margin-bottom: .4em;}
.comment-form .comment-form-comment textarea {padding:1.538em; width: 100%}

.comment { position: relative; padding-left: 80px;}
.comment:before, .comment:after { content: ""; display: table; }
.comment:after { clear: both; }  
.comment { zoom: 1;}
.comment p {margin-top: .5em;}

.avatar {max-width: 60px; position: absolute; left: 0; top: 0;}

.reply { position: absolute; top: 0; right: 0;}
  .reply .comment-reply-link {font-size:0.846em;}


#cancel-comment-reply-link {font-size: 11px;font-weight: normal; float: right;}

.fn {font-style: normal; font-weight: bold; color: #262729; text-transform: capitalize;}
.form-allowed-tags {display: none;}
.comment-meta {text-transform: capitalize;}
  .comment-meta a {color:#5d5d5d; text-decoration:none; margin-right.5em; font-size:.846em;}


/*films*/
.films-category-list article {margin-bottom: 1.538em;}
.films-category-list dl {margin-bottom: 0; font-size: .846em; }
.films-category-list dl:last-of-type {margin-bottom: 1em;}
.films-category-list dt {opacity: .7; width: 100px; margin-right: 20px; display: inline-block;vertical-align: top}
.films-category-list dd {width: 40%; display: inline-block;vertical-align: top}



.films-category-list .article-text p {margin-top: 1em;}

.film-single h1 {margin-bottom:.4em}
.film-single dl {margin-bottom: .2em}
.film-single dl:last-of-type {margin-bottom: 1em;}
.film-single dt {opacity: .7; width: 160px; margin-right: 20px; display: inline-block;vertical-align: top}
.film-single dd {width: 40%; display: inline-block;vertical-align: top}
.film-single hr {margin: 30px 0 10px 0;}

.rating, .rating span {display: inline-block; background:url(../images/rating.png) repeat-x left bottom; height: 16px; width:85px}
  .rating span {background: #fff url(../images/rating.png) repeat-x left top;}
  .rating-0 span {display: none;}
  .rating-1 span {width: 17px;}
  .rating-2 span {width: 34px;}
  .rating-3 span {width: 51px;}
  .rating-4 span {width: 68px;}
  .rating-5 span {width: 85px;}

  .multiple-list article:last-child {margin-bottom: 1.538em;}
  .multiple-list article {padding:1.538em; border:1px solid #cfcfcf; box-shadow: 0 2px 3px rgba(0,0,0,.2)}

/* ---------- Footer -----------*/

#footer h2 {color: #fff; margin: -33px 0 0 0; position: relative; text-transform: uppercase; font-size: 1.182em; letter-spacing: 1px; line-height: 33px; }
#footer a {color: #bebfbf; text-decoration: none;}
  #footer a:hover {color: #fff;}
  .footer-dark {}
  .footer-top {background: #c00; color: #fff; padding: 0 1.538em; height: 33px; overflow: hidden}
    .top-link {background: #a60a0b url(../images/arrow-up.png) no-repeat center center; width: 33px; height: 33px; background-color: rgba(0,0,0,.3); display: inline-block; position: relative;
    z-index: 10; }
      .top-link span {display: none;}

  .footer-main {background:#282b2e url(../images/texture.jpg) repeat; color: #bebfbf; font-size:0.846em }
    .footer-links li a {padding-left: 1em; position: relative;}
    .footer-links li a:before {content: "\00B7"; color: #b4b4b4; display: block; font-size: 2em; position: absolute; top: 0; margin-top: -4px;}
  
  .footer-social {margin-top: 0}
  .footer-social li {display: inline-block; margin-right: 1em;}
    .footer-social li a {padding: 0}
    .footer-social li a:before {content: none}
  
  .footer-partners {background: #fff url(../images/texture-lines.png);}
  .footer-partners .padd {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .footer-partners h2 {text-align: center;}
    .footer-partners ul {margin: 0}
    .footer-partners li {display: inline-block; margin: 0 .5em 1em 0}
  
  .footer-end {font-size:0.846em ; color: #8c8c8c; margin-bottom: 1em }    
  #footer .footer-end  a {color: #8c8c8c; text-decoration: underline; }    
  #footer .footer-end  a:hover {text-decoration: none}

  .footer-end-links {text-align: right}
  .footer-end-links li {display: inline-block; margin-left: 1em}

/* ---------- Wordpress core -----------*/

.alignnone { margin: 1.6em 0; }
.aligncenter, div.aligncenter { display: block; margin: 2em auto; }
.alignright { float: right; margin: .2em 0 1.6em 1.6em; }
.alignleft { float: left; margin: .2em 1.6em 1.6em 0; }
a img.alignright { float: right; margin: .2em 0 1.6em 1.6em; }
a img.alignnone { margin: .2em 1.6em 1.6em 0; }
a img.alignleft { float: left; margin: .2em 1.6em 1.6em 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #FFF; border: 1px solid #F0F0F0; max-width: 96%; padding: .2em 3px 1em; text-align: center; }
.wp-caption.alignnone { margin: .2em 1.6em 1.6em 0; }
.wp-caption.alignleft { margin: .2em 1.6em 1.6em 0; }
.wp-caption.alignright { margin: .2em 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption .wp-caption-text, .gallery-caption { font-size: 12px; line-height: 16px; margin: 0; padding: 0 4px 5px; }
.sticky { }
.bypostauthor { }

/*Contact form*/
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="password"],
.wpcf7-form select, 
.wpcf7-form textarea {width: 100%; margin-top: .5em; padding: 0 .5em}
.wpcf7-form input.wpcf7-submit {border: 0; background: #c00; color: #fff; font-weight: bold; padding: .5em 2em; border-radius: 4px;}



/* galleries */
.ngg-gallery-thumbnail img {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  width: auto;
  height: auto;
  min-width: 100%;

}

.ngg-gallery-thumbnail {
  overflow: hidden;
  width: 182px;
  height:  160px;
  margin-bottom: 5px;
}

.screen-reader-text {
  display: none;
}

#TB_window img#TB_Image {
  border: 0 !important;
}

.tb-close-icon {
  background-color: #fff;
}

/* ---------- Helpers -----------*/

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }  
.clearfix { zoom: 1;}


.left {float: left;}
.right {float: right;}


img.left {margin:0 20px 20px 0;}
img.right {margin:0 0 20px 20px;}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
  .text-center img {margin: 0 auto;}

.reset-top-margin {margin-top: 0 !important}
.reset-left-margin {margin-top: 0 !important}
.reset-right-margin {margin-right: 0 !important}
.reset-bottom-margin {margin-bottom: 0 !important}


/* ---------- Animations -----------*/
@-webkit-keyframes fadeInDown { 
            0% {opacity: 0; -webkit-transform: translateY(-20px);} 
            100% {opacity: 1; -webkit-transform: translateY(0);} 
        } 

@keyframes fadeInDown { 
            0% {opacity: 0; transform: translateY(-20px);} 
            100% {opacity: 1; transform: translateY(0);} 
        }