@import url(https://fonts.googleapis.com/css?family=Fugaz+One);
@import url(https://fonts.googleapis.com/css?family=Poller+One);

.content-wrapper {background-image: url(../img/interieur/background.jpg);background-repeat: no-repeat;}


.content {background-repeat: no-repeat;float: left; min-height: 900px; padding-top: 40px;margin-bottom: 20px;}
.sidebar-first {width: 140px;}

.navbar-wrapper {height: 16px; background-color: #FFCC00;text-align: center;}
.navbar {display:inline-block;margin-left: 0;margin-right: 0; }
.navbar ul{}
.navbar ul li {display: block; float: left; width: 100px;}

.column1 {float:left;width: 640px;}
.content-wrapper .titre {-webkit-border-radius: 6px;background-color: #FCFCFC;border:1px solid #E0E0E0 ;border-radius: 6px; color: #000080; font-family: 'Fauna One', cursive;font-size: 24px; font-weight: bold; height:38px; line-height: 38px;margin: 40px 40px 0 80px;padding: 0 0 2px 15px;width: 235px;}
.column1 h3 {padding: 0 0 10px 0;}
.column1 .article-full .date {margin-bottom: 20px;}
.column1 .article-full .resume{margin-bottom: 20px;}
.column1 .article-full .resume p {font-weight: bold; margin-bottom: 10px;}
.column1 .article-full h3 {margin-bottom: 10px;}
.column1 .article-full p {margin: 0;padding: 0 0 12px 0;font-size: 14px;}
.column1 .article-liste {margin: 40px 0 0 0;}
.column1 .article-liste p {margin-bottom: 23px;}
.column1 .article-liste h3 {color: #FF0000;  padding: 17px 0 30px;}


.column2 {float:left; width: 200px;margin-left: 80px;}
.column2 h3 {color: #FF0000; padding: 17px 0 30px;}
.column2 h6 {font-size: 15px; text-transform: uppercase;margin-bottom: 4px;}
.column2 a {font-size: 12px;}

.column2 ul li {list-style-type: disc;margin-bottom: 6px;}
.column2  ul li:last-child {margin-bottom: 12px;}


.archive-articles {font-size: 18px;text-align: center;}
ul.archives-list {   margin-bottom: 20px;}

.lecture, .confessions {margin-top: 20px;}

.article-auteur .full h3 {padding-right: 120px;}
.article-auteur p { font-family: Georgia,Times,Times New Roman,serif;font-size: 14px; font-weight: 400; line-height: 24px;margin-bottom: 19px; }
.article-auteur .image {margin: 0 20px 20px 0;padding-top:30px;position: relative;}
.article-auteur .description {}
.article-auteur .image img {}
.article-auteur .contenu {
    -moz-columns: 3;
    -moz-column-gap: 40px; 
    -webkit-columns: 3;
    -webkit-column-gap: 40px;
    columns: 3;
    column-gap:40px;
    margin-bottom: 20px;
}
.page-ressources .content-wrapper {padding-top: 20px;}
.page-ressources .content-wrapper .ressources-titre {color: red; font-family: 'Poller One', cursive; font-style: italic; font-size: 32px; font-weight: bold; line-height: 32px;margin-bottom: 100px; text-transform: uppercase;text-align: center;width: 876px;}
.page-ressources .content > h3 {color: red; padding-bottom: 40px;text-transform: uppercase;}

.articles-archives {}
.articles-archives ul {padding: 0;}
.articles-archives ul li {display:block; float: left; list-style-type: none; min-height: 40px;width: 303px;}
.articles-archives ul li:not(:nth-child(3n)) {margin: 0 40px 10px 0;}
.articles-archives ul li:nth-child(3n) {margin: 0 0 10px 0;}
.articles-archives ul li .li-wrapper {position: relative;}
.articles-archives ul li .li-wrapper > .vignette {position: absolute;top:0; left:0}
.articles-archives ul li .li-wrapper > .vignette  img { height: 40px; width: 40px;}
.articles-archives ul li .li-wrapper > .teaser {height: 40px;position: absolute;top:0; left:45px; width: 225px;}
.articles-archives ul li .li-wrapper > .teaser a {font-family: "Helvetica Neue",​​Helvetica,​​Arial,​​sans-serif;font-size: 12px;line-height: 13px;margin-bottom: 2px;}
.articles-archives ul li .li-wrapper > .teaser p {font-family: "Helvetica Neue",​​Helvetica,​​Arial,​​sans-serif;font-size: 11px;line-height: 11px; margin-bottom: 5px; padding: 0;}
.articles-archives ul li .li-wrapper > .teaser p.auteur {font-family: "Helvetica Neue",​​Helvetica,​​Arial,​​sans-serif;font-size: 11px; margin-bottom: 2px; padding: 0;text-transform: uppercase;}
.articles-archives ul li .li-wrapper > .badge {background-color: #E0E0E0; border: 1px solid #A0A0A0; border-radius: 6px;display: block;float:right;font-weight: bold;height: 14px;line-height: 13px;padding: 2px 5px;text-align: center; right: -21px; top: 6px; min-width: 15px;position:absolute;}
.articles-archives ul li  .li-wrapper > .badge:after {clear: both;}

.page-vie-eternelle .article-full {position: relative;}
.article-full .date , .article-auteur > div.full {position: relative;}
.article-auteur  .badge  {
    background-color: #E0E0E0; 
    border: 1px solid #A0A0A0; 
    border-radius: 6px;
    display: block;
    font-weight: bold;
    height: 14px;
    line-height: 13px;
    padding: 2px 5px;
    position: absolute;
    text-align: center; 
    top: 6px;
    right: 16px;
    min-width: 15px;
}

.article-auteur .full .badge {
    background-color: #E0E0E0; 
    border: 1px solid #A0A0A0; 
    border-radius: 6px;
    display: block;
    font-weight: bold;
    height: 14px;
    left: 85px;
    line-height: 13px;
    left:84px;;
    right: inherit;
    min-width: 15px;
    padding: 2px 5px;
    position: absolute;
    text-align: center; 
    top: 6px;
}
.article-full .like-wrapper, 
.article-auteur  .like-wrapper {
    background-color: #E0E0E0; border: 1px solid #A0A0A0;border-radius: 6px;padding:2px 5px;position: absolute;top:6px; left: 28px;}
.article-full  span.like, .article-auteur  span.like {display: block; float: right; font-size: 11px; font-weight: bold;line-height: 13px;margin-right: 5px; text-align: center; }
.article-full  img.like, .article-auteur  img.like { 
    float: left; 
    height: 14px;  
    margin-right: 4px;
    text-align: center; 
}
 
.article-auteur .like-link {position: absolute;top:6px; right:75px;width: 35px;  }
.article-auteur .full .like-link {position: absolute;top:6px; left:0;width: 35px;  }

.article-full  .like-link img, .article-auteur  .like-link img {  height: 20px;}


.content .description {margin-bottom: 30px;padding-top: 30px;}
.content .description h3 {padding-right: 0;}
hr.cl2 {
    margin-bottom: 30px;
}