/* ---- Variables ---- */
/* ---- Global display ---- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

a {
  text-decoration: none;
  color: #e05d6f; }

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

.clear {
  clear: both; }

.ui-tabs-hide {
  display: none; }

br.clear {
  margin: 0px;
  padding: 0px; }

h1, h2, h3, h4, h5, h6 {
  padding-bottom: 5px;
  color: #808080;
  letter-spacing: -1px;
  line-height: 1em;
  font-weight: lighter;
  font-family: "Federo", Arial, sans-serif;
  text-shadow: none; }

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

h1 {
  font-size: 30px; }

h2 {
  font-size: 24px; }

h3 {
  font-size: 22px; }

h4 {
  font-size: 18px; }

h5 {
  font-size: 16px; }

h6 {
  font-size: 14px; }

p {
  padding-bottom: 10px;
  line-height: 24px; }

input[type=text], input.text, input.title, textarea, select {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: 2px;
  color: #4e4e4e; }

input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
  border-color: #2D3940;
  color: #3e3e3e; }

input[type=text], input.text, input.title, textarea, select {
  margin: 0.5em 0; }

textarea {
  padding: 4px; }

img#about-image {
  float: left;
  margin: 3px 8px 8px 0px; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

* html .clearfix {
  zoom: 1; }

/* IE6 */
*:first-child + html .clearfix {
  zoom: 1; }

/* IE7 */
ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.625em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.625em;
  margin-right: 0.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.comment-form-author,
.comment-form-comment {
  text-align: left; }

.comment-form-comment textarea {
  margin: 0; }

/* ---- Structure ---- */
body {
  line-height: 20px;
  font-family: "Federo", Arial, sans-serif !important;
  font-size: 12px;
  color: #777777;
  background: #ecdee3 url("../images/Bg.png");
  padding-top: 48px;
  padding-bottom: 48px; }
  body #container {
    text-align: left;
    margin: 0 auto;
    width: 930px;
    position: relative;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: white url("../images/header-shadow.png") repeat-x top; }
    body #container #header {
      position: relative;
      padding: 30px 35px 0px;
      position: relative; }
      body #container #header #additional-info {
        position: absolute;
        top: 1px;
        right: 1px;
        *width: 300px; }
        body #container #header #additional-info #et-social-icons {
          float: left;
          padding-top: 3px;
          padding-right: 30px; }
          body #container #header #additional-info #et-social-icons .facebook {
            display: block;
            height: 22px;
            background: url("../images/icones.png") no-repeat 0 -25px;
            color: #BBBBBB;
            padding-left: 25px; }
          body #container #header #additional-info #et-social-icons .facebook:hover {
            background-position: 0 0;
            color: #3B5998;
            text-decoration: none; }
      body #container #header #search-form {
        float: right;
        background: url("../images/search-bg.png") no-repeat;
        width: 161px;
        height: 28px; }
        body #container #header #search-form #searchinput {
          background: none;
          border: none;
          float: left;
          margin: 5px 7px 0 5px;
          width: 114px;
          padding-left: 9px;
          font-size: 11px;
          font-family: Georgia, serif;
          color: #a3a3a3;
          text-shadow: 1px 1px 0px #ffffff;
          font-style: italic; }
        body #container #header #search-form #searchsubmit {
          margin-top: 7px;
          margin-right: 7px; }
      body #container #header ul#top-menu {
        float: right;
        padding-top: 40px;
        padding-bottom: 15px; }
        body #container #header ul#top-menu li {
          padding: 0px 9px; }
        body #container #header ul#top-menu a {
          font-size: 15px;
          font-family: "Federo", Arial, sans-serif;
          color: #555555;
          text-decoration: none;
          font-weight: lighter; }
        body #container #header ul#top-menu a:hover, body #container #header ul#top-menu li.sfHover > a {
          color: #e05d6f; }
        body #container #header ul#top-menu li.current_page_item > a, body #container #header ul#top-menu li.current-menu-item > a {
          color: #cc9999 !important;
          font-weight: normal; }
        body #container #header ul#top-menu li.current-cat > a {
          color: #cc9999 !important;
          font-weight: normal; }
        body #container #header ul#top-menu ul {
          width: 189px;
          background: #fff;
          border: 1px solid #efefef;
          top: 34px !important;
          padding: 10px 8px 10px 20px;
          z-index: 9999px;
          display: none;
          -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
          -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
          -webkit-border-radius: 7px;
          -moz-border-radius: 7px;
          border-radius: 7px; }
          body #container #header ul#top-menu ul li {
            padding: 8px 0; }
            body #container #header ul#top-menu ul li a {
              padding: 0px 0px 0px 12px;
              width: 160px; }
          body #container #header ul#top-menu ul li:hover ul ul,
          body #container #header ul#top-menu ul li.sfHover ul ul {
            top: -12px !important;
            left: 197px !important; }
      body #container #header .nav ul {
        position: absolute;
        top: -999em;
        background-position: bottom;
        background-repeat: no-repeat;
        z-index: 10; }
      body #container #header .nav li {
        float: left;
        position: relative; }
      body #container #header .nav a {
        display: block;
        float: left; }
      body #container #header .nav li:hover ul, body #container #header .nav li.sfHover ul {
        left: 0px;
        top: 50px; }
      body #container #header .nav li:hover li ul, body #container #header .nav li.sfHover li ul {
        top: -999em; }
      body #container #header .nav li li:hover ul, body #container #header .nav li li.sfHover ul {
        left: 192px;
        top: 0px; }
      body #container #header .nav li:hover ul, body #container #header .nav li li:hover ul {
        top: -999em; }
      body #container #header .nav li li {
        display: block;
        padding: 0px;
        float: left;
        height: auto !important; }
      body #container #header .nav li ul {
        width: 191px;
        z-index: 1000; }
      body #container #header .nav li li a:link, body #container #header .nav li li a:visited {
        display: block;
        height: auto;
        float: left; }
      body #container #header .nav li:hover {
        visibility: inherit; }
      body #container #header #logo {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 80%;
        *height: 188px; }
      body #container #header .full_logo {
        height: 100% !important;
        *height: 235px !important; }
    body #container .title-name {
      text-align: center;
      width: 100%;
      margin: 0 auto;
      padding-top: 38px;
      background: url(../images/top-category-bg.png) no-repeat;
      clear: both; }
      body #container .title-name .title-inner {
        background: url(../images/bottom-category-bg.png) no-repeat bottom left;
        padding-bottom: 28px; }
        body #container .title-name .title-inner h1 {
          color: #cc8ba2;
          font-size: 25px;
          font-family: "Federo", Arial, sans-serif;
          font-weight: lighter; }
        body #container .title-name .title-inner h2, body #container .title-name .title-inner h2 a {
          color: #555555;
          font-family: "Federo", Arial, sans-serif;
          font-weight: lighter;
          font-size: 25px; }
        body #container .title-name .title-inner p {
          color: #777777;
          font-family: "Federo", Arial, sans-serif;
          font-weight: lighter;
          font-size: 20px; }
    body #container #content-area {
      padding: 45px 48px 60px; }
    body #container #content {
      padding: 0px 48px 60px;
      background: url(../images/content-bg.png) repeat-y 633px 0px; }
      body #container #content #left-area {
        width: 586px;
        float: left; }
        body #container #content #left-area .title-name {
          margin-top: 30px;
          padding-top: 15px; }
          body #container #content #left-area .title-name .title-inner {
            padding-bottom: 10px; }
        body #container #content #left-area .marge-header {
          margin-bottom: 20px; }
        body #container #content #left-area .post {
          padding: 10px 35px 25px 0px; }
          body #container #content #left-area .post h2.title {
            font-size: 25px;
            font-family: "Federo", Arial, sans-serif;
            font-weight: lighter;
            padding-bottom: 10px; }
            body #container #content #left-area .post h2.title a {
              color: #555555;
              text-decoration: none; }
            body #container #content #left-area .post h2.title a:hover {
              color: #000; }
          body #container #content #left-area .post p.meta-info {
            padding-bottom: 3px;
            padding-top: 3px;
            font-family: "Federo", Arial, sans-serif;
            font-weight: lighter;
            font-size: 15px;
            color: #d0d0d0;
            border-top: 1px solid #f0f0f0;
            border-bottom: 1px solid #f0f0f0;
            margin-bottom: 5px; }
            body #container #content #left-area .post p.meta-info .partage {
              float: right; }
            body #container #content #left-area .post p.meta-info a {
              color: #cc9999; }
            body #container #content #left-area .post p.meta-info a:hover {
              color: #e05d6f; }
          body #container #content #left-area .post .post-thumbnail {
            display: block;
            float: left;
            position: relative;
            margin-right: 35px;
            margin-top: 6px;
            width: 190px; }
            body #container #content #left-area .post .post-thumbnail .post-thumb {
              margin-top: 7px;
              margin-left: 7px;
              width: 190px;
              height: 190px; }
            body #container #content #left-area .post .post-thumbnail span.post-overlay {
              background: url(../images/post-overlay.png) no-repeat;
              display: block;
              height: 200px;
              left: 0px;
              position: absolute;
              top: 0px;
              width: 200px; }
          body #container #content #left-area .post .read-more {
            float: right;
            border-top: 1px solid #f0f0f0;
            border-bottom: 1px solid #f0f0f0;
            padding: 1px 10px; }
          body #container #content #left-area .post .cover {
            float: left; }
          body #container #content #left-area .post .search_type {
            color: #CCCCCC; }
        body #container #content #left-area .ouvrage {
          min-height: 270px;
          padding: 10px 50px 25px 0px; }
          body #container #content #left-area .ouvrage img.cover {
            float: left; }
          body #container #content #left-area .ouvrage .presentation {
            margin: 10px 20px 0 10px;
            text-align: justify; }
        body #container #content #left-area .poche {
          text-align: center;
          padding: 20px 0; }
          body #container #content #left-area .poche h2 {
            padding: 10px 0; }
          body #container #content #left-area .poche ul li {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            vertical-align: top; }
        body #container #content #left-area #comment-wrap, body #container #content #left-area #share-wrap {
          border-right: 1px solid #F0F0F0;
          width: 100%;
          padding-top: 10px;
          text-align: center;
          margin: 0 auto;
          padding-top: 38px;
          background: url(../images/top-category-bg.png) no-repeat; }
          body #container #content #left-area #comment-wrap .commentlist, body #container #content #left-area #share-wrap .commentlist {
            padding: 0 10px; }
            body #container #content #left-area #comment-wrap .commentlist li .comment-body-outer, body #container #content #left-area #share-wrap .commentlist li .comment-body-outer {
              padding-bottom: 10px; }
              body #container #content #left-area #comment-wrap .commentlist li .comment-body-outer .comment-body, body #container #content #left-area #share-wrap .commentlist li .comment-body-outer .comment-body {
                border-top: 1px solid #CCCCCC;
                border-bottom: 1px solid #CCCCCC;
                position: relative; }
                body #container #content #left-area #comment-wrap .commentlist li .comment-body-outer .comment-body .comment-meta, body #container #content #left-area #share-wrap .commentlist li .comment-body-outer .comment-body .comment-meta {
                  float: left;
                  width: 130px;
                  border-right: 1px solid #CCCCCC;
                  padding-right: 10px; }
                  body #container #content #left-area #comment-wrap .commentlist li .comment-body-outer .comment-body .comment-meta .avatar, body #container #content #left-area #share-wrap .commentlist li .comment-body-outer .comment-body .comment-meta .avatar {
                    float: right; }
                  body #container #content #left-area #comment-wrap .commentlist li .comment-body-outer .comment-body .comment-meta .comment-author, body #container #content #left-area #share-wrap .commentlist li .comment-body-outer .comment-body .comment-meta .comment-author {
                    text-align: right; }
                  body #container #content #left-area #comment-wrap .commentlist li .comment-body-outer .comment-body .comment-meta .comment-date, body #container #content #left-area #share-wrap .commentlist li .comment-body-outer .comment-body .comment-meta .comment-date {
                    clear: both;
                    padding-top: 10px;
                    font-size: 11px;
                    text-align: right;
                    color: #CCCCCC; }
                body #container #content #left-area #comment-wrap .commentlist li .comment-body-outer .comment-body .comment-content, body #container #content #left-area #share-wrap .commentlist li .comment-body-outer .comment-body .comment-content {
                  margin-left: 140px; }
                  body #container #content #left-area #comment-wrap .commentlist li .comment-body-outer .comment-body .comment-content p, body #container #content #left-area #share-wrap .commentlist li .comment-body-outer .comment-body .comment-content p {
                    padding: 0 10px;
                    text-align: left;
                    line-height: 18px; }
          body #container #content #left-area #comment-wrap .yjl-pager, body #container #content #left-area #share-wrap .yjl-pager {
            margin: 10px 0; }
            body #container #content #left-area #comment-wrap .yjl-pager .currentPager, body #container #content #left-area #share-wrap .yjl-pager .currentPager {
              background: #cc9999; }
          body #container #content #left-area #comment-wrap div#respond, body #container #content #left-area #share-wrap div#respond {
            margin-top: 40px; }
            body #container #content #left-area #comment-wrap div#respond textarea, body #container #content #left-area #share-wrap div#respond textarea {
              width: 90%; }
            body #container #content #left-area #comment-wrap div#respond input#submit, body #container #content #left-area #share-wrap div#respond input#submit {
              background: none repeat scroll 0 0 #CC9999;
              border: 1px solid #DEDEDE;
              margin: 0 4px;
              padding: 3px 10px;
              color: #ffffff;
              font-size: 14px; }
              body #container #content #left-area #comment-wrap div#respond input#submit:hover, body #container #content #left-area #share-wrap div#respond input#submit:hover {
                border: 1px solid #666666;
                cursor: pointer; }
        body #container #content #left-area #share-wrap, body #container #content #left-area .partage {
          padding: 15px 0;
          font-family: "Federo", Arial, sans-serif;
          font-weight: lighter;
          font-size: 14px;
          vertical-align: middle; }
          body #container #content #left-area #share-wrap span, body #container #content #left-area .partage span {
            margin: 0 10px;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            vertical-align: middle;
            color: #e05d6f;
            cursor: pointer; }
            body #container #content #left-area #share-wrap span:hover, body #container #content #left-area .partage span:hover {
              color: #cc9999; }
            body #container #content #left-area #share-wrap span img, body #container #content #left-area .partage span img {
              margin-right: 5px; }
            body #container #content #left-area #share-wrap span.st_facebook_custom, body #container #content #left-area .partage span.st_facebook_custom {
              background: url("../images/icones.png") no-repeat 0 -50px;
              padding-left: 17px; }
              body #container #content #left-area #share-wrap span.st_facebook_custom:hover, body #container #content #left-area .partage span.st_facebook_custom:hover {
                background-position: 0 -75px; }
            body #container #content #left-area #share-wrap span.st_twitter_custom, body #container #content #left-area .partage span.st_twitter_custom {
              background: url("../images/icones.png") no-repeat 0 -100px;
              padding-left: 20px; }
              body #container #content #left-area #share-wrap span.st_twitter_custom:hover, body #container #content #left-area .partage span.st_twitter_custom:hover {
                background-position: 0 -125px; }
            body #container #content #left-area #share-wrap span.st_email_custom, body #container #content #left-area .partage span.st_email_custom {
              background: url("../images/icones.png") no-repeat 0 -150px;
              padding-left: 20px; }
              body #container #content #left-area #share-wrap span.st_email_custom:hover, body #container #content #left-area .partage span.st_email_custom:hover {
                background-position: 0 -175px; }
            body #container #content #left-area #share-wrap span.st_fblike, body #container #content #left-area .partage span.st_fblike {
              width: 62px;
              overflow: hidden; }
            body #container #content #left-area #share-wrap span.text, body #container #content #left-area .partage span.text {
              cursor: auto;
              color: #d0d0d0; }
        body #container #content #left-area .partage {
          padding: 0; }
          body #container #content #left-area .partage span {
            margin: 0;
            text-indent: -9999px; }
            body #container #content #left-area .partage span.st_facebook_custom {
              background-position: 0 -75px; }
              body #container #content #left-area .partage span.st_facebook_custom:hover {
                background-position: 0 -50px; }
            body #container #content #left-area .partage span.st_twitter_custom {
              background-position: 0 -125px; }
              body #container #content #left-area .partage span.st_twitter_custom:hover {
                background-position: 0 -100px; }
            body #container #content #left-area .partage span.st_email_custom {
              background-position: 0 -175px; }
              body #container #content #left-area .partage span.st_email_custom:hover {
                background-position: 0 -150px; }
            body #container #content #left-area .partage span.title {
              cursor: auto;
              color: #d0d0d0;
              text-indent: 0;
              vertical-align: top; }
      body #container #content #sidebar {
        width: 208px;
        float: left;
        padding-top: 35px;
        padding-left: 40px; }
        body #container #content #sidebar .widget {
          width: 100%;
          padding-bottom: 35px; }
          body #container #content #sidebar .widget h3.title {
            padding-bottom: 10px; }
          body #container #content #sidebar .widget #wp-calendar {
            width: 100%;
            text-align: center;
            position: relative; }
            body #container #content #sidebar .widget #wp-calendar a.prev, body #container #content #sidebar .widget #wp-calendar a.next {
              position: absolute;
              top: 0; }
            body #container #content #sidebar .widget #wp-calendar a.prev {
              left: 0; }
            body #container #content #sidebar .widget #wp-calendar a.next {
              right: 0; }
            body #container #content #sidebar .widget #wp-calendar tbody a {
              font-weight: bold; }
        body #container #content #sidebar .ouvrage-ref p {
          text-align: center;
          padding: 0; }
        body #container #content #sidebar.ouvrage-side .cover {
          padding-bottom: 50px; }
        body #container #content #sidebar.ouvrage-side .label {
          font-weight: bold; }
        body #container #content #sidebar.ouvrage-side h2 {
          padding: 20px 0 10px; }
      body #container #content.full {
        background: none; }
        body #container #content.full #left-area {
          width: 100%;
          text-align: center;
          position: relative; }
          body #container #content.full #left-area .filters {
            padding-top: 15px; }
            body #container #content.full #left-area .filters .filter {
              padding-bottom: 30px; }
          body #container #content.full #left-area.page {
            width: 80%;
            margin: 0 auto;
            text-align: justify;
            float: none; }
      body #container #content.e404 #left-area {
        padding: 50px 0;
        text-align: center; }
      body #container #content.e404 #sidebar a {
        display: block; }
    body #container #ouvrages-features {
      text-align: center; }
      body #container #ouvrages-features .ouvrage-miniature {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        margin-bottom: 2em;
        filter: alpha(opacity=85);
        opacity: 0.85;
        transition: opacity .35s ease-in-out;
        -moz-transition: opacity .35s ease-in-out;
        -webkit-transition: opacity .35s ease-in-out; }
        body #container #ouvrages-features .ouvrage-miniature img, body #container #ouvrages-features .ouvrage-miniature p {
          display: block; }
        body #container #ouvrages-features .ouvrage-miniature p.title {
          max-width: 200px;
          text-align: center;
          line-height: 16px;
          filter: alpha(opacity=30);
          opacity: 0.3;
          transition: opacity .5s ease-in-out;
          -moz-transition: opacity .5s ease-in-out;
          -webkit-transition: opacity .5s ease-in-out; }
        body #container #ouvrages-features .ouvrage-miniature:hover {
          filter: alpha(opacity=100);
          opacity: 1; }
          body #container #ouvrages-features .ouvrage-miniature:hover p.title {
            filter: alpha(opacity=100);
            opacity: 1; }
    body #container .conferences {
      text-align: center; }
      body #container .conferences ul {
        margin: 20px 0 40px 0; }
        body #container .conferences ul li {
          font-size: 13px;
          margin-bottom: 15px; }
          body #container .conferences ul li > span {
            padding: 5px 15px;
            background: #EEE;
            box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.1);
            border-left: 1px solid #CCC;
            border-right: 1px solid #CCC; }
            body #container .conferences ul li > span > span {
              border-right: 1px solid #ccc;
              padding-right: 10px;
              margin-right: 10px; }
              body #container .conferences ul li > span > span:last-child {
                margin: 0;
                padding: 0;
                border-right: 0; }
    body #container #footer {
      border-top: 1px solid #ececec;
      height: 150px; }
      body #container #footer #footer-content {
        width: 930px;
        height: 150px;
        margin-bottom: 1px;
        background: #f9f9f9 url(../images/Oeuf-footer-right.png) bottom right no-repeat;
        -webkit-border-radius: 0px 0px 7px 7px;
        -moz-border-radius: 0px 0px 7px 7px;
        border-radius: 0px 0px 7px 7px;
        position: relative; }
        body #container #footer #footer-content a {
          color: #BBBBBB;
          font-family: "Federo", Arial, sans-serif;
          font-size: 13px; }
          body #container #footer #footer-content a:hover {
            color: #cc9999; }
        body #container #footer #footer-content .links {
          padding-top: 40px;
          text-align: center; }
          body #container #footer #footer-content .links a {
            margin: 0 20px;
            line-height: 50px;
            white-space: nowrap; }
            body #container #footer #footer-content .links a.publications, body #container #footer #footer-content .links a.parcours {
              background: transparent url(../images/footer-sprite.png) center 0 no-repeat;
              padding-top: 30px; }
            body #container #footer #footer-content .links a.parcours {
              background-position: center -60px; }
        body #container #footer #footer-content .ml {
          position: absolute;
          left: 10px;
          bottom: 5px; }
          body #container #footer #footer-content .ml a {
            margin: 0 10px; }

/* ---- Sliders ---- */
#featured {
  position: relative;
  background: url(../images/cubes.png) repeat top center;
  margin-top: 12px;
  margin-bottom: 12px; }
  #featured .slides li.slide {
    height: 332px; }
    #featured .slides li.slide img {
      height: 332px;
      width: 56%; }
    #featured .slides li.slide .featured-description {
      position: absolute;
      width: 36%;
      height: 270px;
      top: 0;
      right: 0;
      background: #555555;
      background: rgba(0, 0, 0, 0.85);
      padding: 30px 6% 30px 2%; }
      #featured .slides li.slide .featured-description h2.featured-title {
        font-family: "Federo", Arial, sans-serif;
        font-weight: lighter;
        font-size: 28px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }
        #featured .slides li.slide .featured-description h2.featured-title a {
          text-decoration: none;
          color: #ffffff; }
          #featured .slides li.slide .featured-description h2.featured-title a:hover {
            color: #cc9999; }
      #featured .slides li.slide .featured-description p {
        color: #bebdbd;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
        line-height: 19px; }
      #featured .slides li.slide .featured-description a.readmore {
        display: block;
        background: #444444;
        height: 27px;
        padding: 0 40px;
        color: #FFFFFF;
        font-size: 13px;
        font-family: "Federo", Arial, sans-serif;
        line-height: 27px;
        position: absolute;
        bottom: 0px;
        right: 0px;
        -webkit-border-radius: 7px 0 0 0;
        -moz-border-radius: 7px 0 0 0;
        border-radius: 7px 0 0 0; }
        #featured .slides li.slide .featured-description a.readmore:hover {
          color: #cc9999; }
    #featured .slides li.slide .no-img {
      height: 100%;
      width: auto; }
    #featured .slides li.slide .featured-top-shadow {
      background: url(../images/featured-top-shadow.png) repeat-x;
      position: absolute;
      top: 0;
      left: 0px;
      width: 100%;
      height: 4px; }
    #featured .slides li.slide .featured-bottom-shadow {
      background: url(../images/featured-bottom-shadow.png) repeat-x;
      position: absolute;
      bottom: 0;
      left: 0px;
      width: 100%;
      height: 4px; }
  #featured a#left-arrow, #featured a#right-arrow {
    position: absolute;
    top: 143px;
    width: 40px;
    height: 44px;
    text-indent: -9999px;
    z-index: 40; }
  #featured a#left-arrow {
    background: url(../images/left-arrow.png) no-repeat;
    left: -7px; }
  #featured a#right-arrow {
    background: url(../images/right-arrow.png) no-repeat;
    right: -7px; }

#controllers {
  text-align: center;
  padding-top: 12px;
  padding-bottom: 14px; }

/* ---- Media Queries ---- */
@media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
  body #featured .slides li.slide {
    height: 300px; }
    body #featured .slides li.slide img {
      height: 300px; }
    body #featured .slides li.slide .featured-top-shadow, body #featured .slides li.slide .featured-bottom-shadow {
      width: 100%; }
    body #featured .slides li.slide .featured-description {
      height: 260px;
      width: 280px;
      top: 0;
      padding: 20px 6% 20px 2%; }
    body #featured .slides li.slide img {
      height: 100%; }
  body #container {
    width: 730px; }
    body #container #header .title-name {
      width: 100%; }
      body #container #header .title-name .title-inner {
        padding-left: 30px;
        padding-right: 30px; }
    body #container #content {
      padding: 0px 36px 60px 31px;
      background-position: 518px 0px; }
      body #container #content #left-area {
        width: 487px; }
        body #container #content #left-area .post {
          padding: 10px 0 25px 0; }
          body #container #content #left-area .post p.meta-info {
            font-size: 14px; }
            body #container #content #left-area .post p.meta-info .partage span.title {
              display: none; }
      body #container #content #sidebar {
        width: 155px;
        padding-left: 15px; }
    body #container #footer #footer-content {
      width: 730px; } }
@media only screen and ( max-width: 767px ) {
  body #featured .slides li.slide {
    height: 300px; }
    body #featured .slides li.slide img {
      height: 300px;
      margin: 0 auto;
      width: auto; }
    body #featured .slides li.slide .featured-top-shadow, body #featured .slides li.slide .featured-bottom-shadow {
      width: 100%; }
    body #featured .slides li.slide .featured-description {
      height: auto;
      top: auto;
      width: 100%;
      bottom: 0;
      padding: 20px 0;
      display: block;
      background: rgba(0, 0, 0, 0.8); }
      body #featured .slides li.slide .featured-description h2, body #featured .slides li.slide .featured-description p {
        padding: 0 40px; }
      body #featured .slides li.slide .featured-description p {
        font-size: 12px;
        line-height: 14px; }
      body #featured .slides li.slide .featured-description h2.featured-title {
        font-size: 24px;
        padding: 5px 0;
        text-align: center; }
    body #featured .slides li.slide img {
      height: 100%; }
  body #container {
    width: 450px; }
    body #container #header #logo {
      height: 80% !important; }
    body #container #content {
      padding: 0px 28px 60px; }
      body #container #content #left-area {
        width: 404px;
        float: none; }
        body #container #content #left-area .post p.meta-info .partage {
          float: none;
          display: block; }
      body #container #content #sidebar {
        display: block;
        float: none;
        margin: 0 auto;
        padding: 50px 0 0;
        text-align: center; }
    body #container #content.full #left-area.page {
      width: 100%; }
    body #container #footer #footer-content {
      width: 450px; } }
@media only screen and ( max-width: 479px ) {
  body #featured {
    display: block; }
    body #featured .slides li.slide {
      height: 350px;
      position: relative; }
      body #featured .slides li.slide img {
        height: 350px; }
      body #featured .slides li.slide .featured-description {
        height: 100%;
        top: 0;
        left: 0;
        width: 100%;
        padding: 0;
        display: block;
        background: rgba(0, 0, 0, 0.8); }
        body #featured .slides li.slide .featured-description h2, body #featured .slides li.slide .featured-description p {
          padding: 0 35px; }
        body #featured .slides li.slide .featured-description p {
          font-size: 11px;
          line-height: 16px; }
        body #featured .slides li.slide .featured-description h2.featured-title {
          font-size: 20px;
          padding: 10px 0;
          text-align: center; }
      body #featured .slides li.slide img {
        display: none; }
  body #container {
    width: 300px; }
    body #container #header {
      text-align: center; }
      body #container #header #logo {
        height: 40% !important;
        top: 90px; }
    body #container #content #left-area {
      width: 244px; }
      body #container #content #left-area #comment-wrap .commentlist li .comment-body-outer .comment-body .comment-meta {
        width: 90px; }
      body #container #content #left-area #comment-wrap .commentlist li .comment-body-outer .comment-body .comment-content {
        margin-left: 100px; }
    body #container #footer #footer-content {
      width: 301px; } }
/* Only for print */
@media only print {
  body {
    background: none; }
    body #container {
      background: none;
      box-shadow: none; }
      body #container #header img#logo, body #container #header div#additional-info, body #container #header ul#top-menu {
        display: none; }
      body #container #content {
        background: none; }
        body #container #content #left-area {
          background: none;
          width: 100%; }
          body #container #content #left-area .post img, body #container #content #left-area .post .post-overlay {
            display: block; }
          body #container #content #left-area .post .partage {
            display: none; }
          body #container #content #left-area .post div.post-thumbnail {
            display: block; }
            body #container #content #left-area .post div.post-thumbnail a {
              display: block; }
        body #container #content #share-wrap, body #container #content #sidebar, body #container #content #comment-wrap #respond {
          display: none; }
      body #container #footer {
        display: none; } }