/*
Theme Name: Cahiers Antispecistes
Author: troOn
Author URI: http://www.troon.fr
Description: Thème créé pour les Cahiers Antispécistes
Text Domain: cahiers
*/


/********************************************************************************************************************/
/******************************************** HTML ******************************************************************/
/********************************************************************************************************************/



* {
    font-family:"Source Sans Pro","sans-serif";
}

body, html {
    padding:0;
    margin:0;
    position:relative;
    background-size:100% auto;
    background:#eeeeee;
    color:#111;
    font-size:14px;
}
img {
    max-width:100%;
    height:auto;
}
table img {
    display:block;
    margin:0 auto;
}
p
{
    padding:0 0 8px 0;
    margin:0;
}
strong {
    font-weight:600;
}
.alignleft {
    float:left;
    margin: 0 30px 30px 0;
}
.alignright {
    float:right;
    margin: 0 0 30px 30px;
}
.aligncenter {
    display:block;
    margin: 30px auto;
}
figure {
    color:#999;
    font-style:italic;
    text-align:center;
}
.wrap {
    display:flex;
}

input {
    font-size:1em;
}
input[type=text], input[type=search], input[type=number], input[type=email], textarea, select {
    background-color:#fff;
    border: 1px solid #333;
    display:block;
    width:100%;
    padding:5px 15px;
    box-sizing:border-box;
    height:30px;
    -webkit-appearance: textfield;
    border-radius:0 0 0;
}
option {
    padding:0 15px;
}
input[type=text]:focus, input[type=search]:focus, input[type=number]:focus, input[type=email]:focus, textarea:focus, select:focus {
    background: #E2E2E2;
}
#contenu input[type=text], #contenu input[type=search], #contenu input[type=number], #contenu input[type=email], #contenu textarea, #contenu select, #contenu option {
    background-color:#fff;
    font-size:16px;
    color:#666;
}
#contenu table input[type=text], #contenu table input[type=search], #contenu table input[type=number], #contenu table input[type=email], #contenu table textarea, #contenu table select, #contenu table option {
    background-color: #C7E5D8;
}

#contenu input[type=text]:focus, #contenu input[type=search]:focus, #contenu input[type=number]:focus, #contenu input[type=email]:focus, #contenu textarea:focus, #contenu select:focus {
    background:#E2E2E2;
}
#contenu table input[type=text]:focus, #contenu table input[type=search]:focus, #contenu table input[type=number]:focus, #contenu table input[type=email]:focus, #contenu table textarea:focus, #contenu table select:focus {
    background-color: #E2E2E2;
}

input[type=submit] {
    background-color:#333;
    color:#fff;
    border:0;
    padding: 5px 15px;
    margin:15px auto;
    display:block;
}
input[type=submit]:hover{
    background:#999;
}
.separ {
    clear:both;
}
pre.poesie {
    margin-left:45px;
}

/********************************************************************************************************************/
/******************************************** Structure *************************************************************/
/********************************************************************************************************************/

.reduit, #accueil .caption-wrap, #accueil .flex-direction-nav  {
    width:1100px;
    margin:0 auto;
    position:relative;
}
#principal_conteneur {
    position:relative;
}
#principal {
    overflow:hidden;
}
#conteneur_contenu {
    padding:30px;
    overflow:hidden;
    background-color:#fff;
}
/********************************************************************************************************************/
/******************************************** Accueil ************************************************************/
/********************************************************************************************************************/

#tete {
    position:relative;
    background:#fff;
}

#logo {
}
#logo a {
    width:362px;
    height:120px;
    background:url(images/cahiers_logo.png);
    display:block;
}
#haut_boutons {
    position:absolute;
    top:40px;
    right:0;
    z-index:1000;
}
#haut_boutons a {
    display:inline-block;
    margin-left:5px;
    font-size:40px;
    color:#7f7f7f;
}
#haut_boutons a:hover {
    color:#333;
}

/********************************************************************************************************************/
/******************************************** header ****************************************************************/
/********************************************************************************************************************/

header {
    background-size:100% auto;
    height:120px;
    position:relative;
    border-bottom:5px solid #0e5a8d;
}
#alerte {
    text-align:center;
    margin:15px auto 0;
}
#alerte a {
    color:#000;
    text-decoration: none;
}
#alerte a:hover {
    color:#fff;
}


/********************************************************************************************************************/
/******************************************** menu *****************************************************************/
/********************************************************************************************************************/

#menu {
    margin-bottom:30px;
}
#menu ul {
    margin:0;
    padding:0;
}

#menu li {
    display:block;
    margin:0;
    padding:0;
    position:relative;
}
#menu li a {
    background-color:#7f7f7f;
    padding:5px 15px;
    font-size:16px;
    color:#fff;
    display:block;
    text-decoration:none;
    margin-bottom:5px;
}
#menu li a:hover {
    background-color:#333;
}

/********************************************************************************************************************/
/******************************************** recherche *************************************************************/
/********************************************************************************************************************/

#recherche {
    background:#7f7f7f;
    padding:15px 0;
    overflow:hidden;
}
#recherche .reduit {
    text-align:center;
}
#recherche section {
    display:inline-block;
    vertical-align:top;
    margin:0 15px;
    width:200px;
}
section#section_rech {
    width:240px;
}
#recherche form {
    position:relative;
}
#recherche form, #recherche input[type=search], #recherche input[type=submit] {
    margin:0;
}
#recherche input[type=search] {
    padding:5px 81px 5px 15px;
    -webkit-appearance: none;
    border-radius: 0;
}
#recherche input[type=submit] {
    padding:5px 10px;
    position:absolute;
    right:1px;
    top:1px;
    -webkit-appearance: none;
    border-radius: 0;
    cursor:pointer;
}
/********************************************************************************************************************/
/******************************************** contenu ***************************************************************/
/********************************************************************************************************************/

#fond_titre {
    background-size:100% auto;
    background-position:center center;
    height:600px;
    position:absolute;
    width:100%;
}
#fond_titre::before {
    background: black none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    margin: 0;
    opacity: 0.4;
    width: 100%;
    z-index: 3;
}
#fond_titre_contenu {
    height:500px;
    position:relative;
    color:#fff;
    display: table-cell; /* comportement visuel de cellule */
    vertical-align: middle;

}
#fond_titre_contenu #post-title {
    width: 100%;
}
.single-evenement #fond_titre_contenu #post-title {
    bottom:140px;
}
#fond_titre_contenu h1 {
    font-size:50px;
    font-weight:bold;
    text-align:center;
    text-shadow:0 1px 2px rgba(0, 0, 0, 0.26);
    margin:0;
}
#fond_titre_contenu #soustitre {
    font-size:40px;
    text-align:center;
    text-shadow:0 1px 2px rgba(0, 0, 0, 0.26);
    margin:0;
}

#fond_titre_contenu #evt_infos {
    font-size: 24px;
    margin: 0 auto;
    text-align: center;
}
#fond_titre_contenu #evt_infos hr {
    border:0;
    border-top: 1px solid #7f7f7f;
    margin: 15px auto 0;
    width: 600px;
    padding-top:15px;
    height:0;
}

#fond_titre_contenu a {
    text-decoration:none;
    color:#fff;
}
#fond_titre_contenu a:hover {
    background:rgba(0,0,0,0.4);
}
.noimage #fond_titre {
    display:none;
}
.noimage #fond_titre_contenu {
    position:relative;
    height:auto;
    padding-top:50px;
    padding-bottom:50px;
    color:#333;
}
.noimage #fond_titre_contenu #post-title {
    position:relative;
    width: 100%;
    bottom:auto;
}
.noimage #fond_titre_contenu h1 {
    font-size:50px;
    font-weight:bold;
    text-align:center;
    text-shadow:0 1px 2px rgba(0, 0, 0, 0.26);
    margin:0;
}

.noimage #soustitre {
    font-size:40px;
    text-align:center;
    text-shadow:0 1px 2px rgba(0, 0, 0, 0.26);
    margin:0;
}
.noimage #fond_titre_contenu a {
    text-decoration:none;
    color:#7f7f7f
}
.noimage #fond_titre_contenu a:hover {
    color:#333;
    background:transparent;
}
.breadcrumbs {
    position:absolute;
    bottom:0;
    right:0;
    color:#fff;
    font-size:16px;
    padding:5px;
    background-color:rgba(0,0,0,0.4)
}
.breadcrumbs a {
    color:#fff;
    text-decoration:none;
}
.breadcrumbs a:hover {
    text-decoration:underline;
}

.noimage .breadcrumbs {
    color:#666;
    background:transparent;
}
.noimage .breadcrumbs a {
    color:#666;
}

#contenu {
    float:right;
    width:729px;
    font-size:16px;
    line-height:1.4em;
}
#contenu h2 {
    color: #111;
    font-size: 20px;
    font-weight: 600;
    margin: 30px 0 10px -15px;
    border-bottom:1px solid #7f7f7f;
}
#contenu h2.lien {
    border:0;
}
#contenu a {
    color:#333;
    text-decoration:none;
    font-weight: bold;
}
#contenu a img {
    padding:5px;
}
#contenu a:not(.image):hover {
    border-bottom:1px solid #7f7f7f;
}
#contenu a:hover  img {
    background:#dedede;
    border-radius:5px;
    border:0;
}


#contenu blockquote {
    margin:15px auto;
    padding:0;
    width:80%;
    font-size:14px;
}
#contenu .wp-caption {

}
#contenu .wp-caption-text {
    font-size:14px;
    text-align:center;
    color:#999;
    margin:0;
}
#contenu .intro {
    background:#efefef;
    padding:15px;
    font-size:18px;
    margin-bottom:15px;
}
#contenu .resume {
    border-left:5px solid #dedede;
    margin:30px 0;
    padding-left:30px;
}
#contenu table
{
    margin:20px auto;
    width:100%;
    table-layout: fixed;
    border:1px solid #999;
}
#contenu td
{
    border-collapse: collapse;
    padding:15px;
    border:1px solid #fff;
    vertical-align: top;
}

#contenu tr:nth-child(odd)
{
    background-color:#eaf5fd;
}
#contenu thead tr
{
    background-color:#FC9B2B!important;
}
#contenu thead tr th
{
    text-align:center;
    color:#fff;
    padding:2px 5px;
    border-collapse: collapse;
    vertical-align:middle;
    border:1px solid #fff;
}
#contenu tfoot tr
{
    background-color:#fff!important;
}
#contenu tfoot td
{
    background-color:#fff!important;
    text-align:center;
    color:#333;
    border:0!important;
    font-weight:normal;
    font-size:12px;
    margin:0 0 20px;
}
#contenu table h1 {

}
#contenu table h2 {

}

#contenu table.nostyle {
    border:0;
}
#contenu table.nostyle tr {
    background:transparent;

}
#contenu table.nostyle td {
    padding: 30px;
    text-align:left;
    vertical-align:top;
}
#contenu input[type="text"], #contenu input[type="search"], #contenu input[type="number"], #contenu input[type="email"], #contenu select {
    display:inline-block;
    margin-bottom:10px;
}
#contenu textarea {
    height:100px;
}
#contenu ul {
    margin:15px;
    padding:0;
}
#contenu ul li {
    margin-bottom:5px;
    list-style:square;
}
.acf-map {
    width:100%;
    height:400px;
}
#contenu iframe {
    width:100%;
    max-width:100%;
}
#contenu .encadre {
    background-color: #eee;
    border: 2px solid #e0e0e0;
    padding: 0 10px;
}
#contenu p {
    text-align: justify;
    text-indent: 20px;
}
#contenu p[align=right]{
    text-align: right;
}
#contenu .epigraphe {
    text-align: right;
    margin:60px 0 30px 120px;
}
#contenu .epigraphe p{
    text-align: right;
}
#contenu .epigraphe.justify, #contenu .epigraphe.justify p {
    text-align: justify;
}
#contenu .easy-footnotes-wrapper p {
    text-indent:0;
}
.easy-footnote-single {
    margin-bottom:10px;
}
#contenu .traducteur {
    margin-bottom:15px;
    font-style:italic;
}
/********************************************************************************************************************/
/******************************************** numeros ***************************************************************/
/********************************************************************************************************************/
.numeros {
    margin:0;
}
.numeros li {
    /*list-style-type: decimal !important;*/
}

.numeros a {
    color:#fff;
}
#contenu .couverture {
    margin: 0 15px 15px 0;
    width:300px;
}
#contenu .couverture img {
    display:block;
    width:200px;
}
#contenu .auteur {
    font-weight:normal;
}
#contenu .auteur:hover {
    background:#dedede;
    border:0;
}
.achat_num {
    border-top:1px solid #dedede;
    padding-top:15px;
    margin:30px auto 0 auto;
    text-align:center;
}
.bouton {
    text-align: center;
}
#contenu .bouton a {
    background:#7f7f7f;
    color:#fff;
    font-size:24px;
    display:inline-block;
    padding:5px 15px;
    border-radius: 5px;
}
#contenu .bouton a:hover {
    background:#000;
    display:inline-block;
    padding:5px 15px;
}
/********************************************************************************************************************/
/******************************************** social ****************************************************************/
/********************************************************************************************************************/


.social
{
    text-align:right;
    margin:15px 0;
    overflow:hidden;
}
.social ul
{
    float:right;
    overflow:hidden;
}
.social li
{
    display:inline-block;
    margin-right:12px!important;
    float:left;
}
.social li:nth-child(4)
{
    margin-right:0;
}
.social a
{
    opacity:0.8;
}
.social a:hover
{
    opacity:1;
}


/********************************************************************************************************************/
/******************************************** liste *****************************************************************/
/********************************************************************************************************************/

.liste {
    margin: 0;
    padding: 0;
}
.liste li {
    margin:0 0 30px;
    padding:0;
    display:block;
    list-style:none;
    overflow:hidden;
    height:250px;
    position:relative;
}
#contenu .liste h2 {
    margin:0;
    border:0;
    padding:0;
}
.liste .date {
    font-size:14px;
    color:#333;
}
#contenu .liste a {
    text-decoration:none;
    color:#333;
}
.liste .cadre_texte {
    width:100%;
    background-position:center center;
    position:relative;
    font-weight:normal;
}
.liste .image .cadre_texte {
    height:250px;
    background-size:100% auto;
    background-repeat: no-repeat;
}
.liste .noimage .texte {
    padding:15px 0 45px;
}
.liste .image .texte {
    padding:15px;
    height:220px;
}
.liste .image .texte {
    margin-left:250px;
    background:rgba(255,255,255,0.8);
    transition:all 0.2s;
}
.liste .suite {
    opacity:0;
    position:absolute;
    bottom:15px;
    right:15px;
    background:#7f7f7f;
    padding:5px 10px;
    transition:all 0.2s;
    color:#fff;
}
.liste li:hover .suite {
    opacity:1;
}
.liste li.image:hover .texte {
    opacity:0;
}





ul.numeros {
    list-style:square;
}
.numeros li {
}
.numeros li ul {
}
.numeros li li {
}

/********************************************************************************************************************/
/******************************************** spoilers **************************************************************/
/********************************************************************************************************************/
div.spoiler-wrap {
    width:100%;
    border:0;
}
div.spoiler-head.collapsed {
    background-position:left 12px;
}
div.spoiler-head {
    font-weight:normal;
    margin-left: 15px;
    padding: 5px 6px 5px 25px;
}
div.spoiler-body {
    padding:15px;
}

/********************************************************************************************************************/
/******************************************** pagination ************************************************************/
/********************************************************************************************************************/

.wp-pagenavi {
    text-align:center;
    margin:15px 0;
}
.wp-pagenavi .pages
{
    display:block;
}
.wp-pagenavi a, .wp-pagenavi span {
    border:0;
    padding:5px;
}

/********************************************************************************************************************/
/******************************************** livre *****************************************************************/
/********************************************************************************************************************/
#livre_titre {
    text-align: center;
    font-size: 24px;
}

#livrenav.navigation {
    display:flex;
    flex-wrap: wrap;
}
#livrenav .prev, #livrenav .next {
    margin:30px 0;
    display:inline-block;
    width:45%;
    vertical-align: top;
}
#livrenav .prev a, #livrenav .next a {
    border:1px solid #dedede;
    padding:5px;
    box-sizing: border-box;
    display: block;
}
#livrenav .prev a:hover, #livrenav .next a:hover {
    background:#dedede;
    text-decoration: none;
}
#livrenav .prev {
    margin-right:10%;
}
#livrenav .prev a::before{
    content: "« ";
}
#livrenav .next {
    text-align: right;
}
#livrenav .next a::after{
    content: " »";
}

#livrenav .sommaire {
    margin:30px 0;
    text-align: center;
    width:100%;
}

.accordeon .titre {
    margin: 15px 0;
    font-weight:bold;
    cursor:pointer;
}
.accordeon .titre::after {
    content:"\f105";
    font-family: "FontAwesome",sans-serif;
    margin-left:10px;
    font-weight:300;
}
.accordeon .deplie {
    margin-left:45px;
}
#contenu .accordeon p {
    text-indent: 0;
}

.col2 {
    display:flex;
}
.col2 .som_contenu {
    margin-left:30px;
    width:620px;
}

/********************************************************************************************************************/
/******************************************** FRACTIONS *************************************************************/
/********************************************************************************************************************/

.fraction {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.2em 0.4ex;
    text-align: center;
}
.fraction > span {
    display:block;
    padding-top: 0.15em;
}
.fraction span.fdn {border-top: thin solid black;}
.fraction span.bar {display: none;}

/********************************************************************************************************************/
/******************************************** sidebar ****************************************************************/
/********************************************************************************************************************/

#sidebar {
    width:250px;
    float:left;
    font-size:14px;
    border-right:1px solid #e2e2e2;
    padding-right:30px;
    margin-right:30px;
}
#sidebar .logo img {
    border-radius:15px;
}
#sidebar .logo {
    font-size:14px;
    text-align:center;
    color:#999;
}
#sidebar section {
    margin-bottom:15px;
}
#sidebar .side_contenu {
    padding:10px;
    background-color:#e2e2e2;
    border:1px solid #999;
}
#sidebar h3 {
    margin:0 0 2px 0;
    padding:5px 15px;
    color:#fff;
    background-color:#7f7f7f;
    font-weight:normal;
}
#sidebar .side_contenu a {
    color:#0e5a8d;
    text-decoration:none;
}
#sidebar .side_contenu a:hover {
    color:#999;
}

.mc-field-group, #sidebar input {
    margin-bottom:5px;
}

#sidebar .blogotheque {
}
#sidebar .blogotheque a {
    margin:15px 0 0 0;
    background:#dedede;
    padding:5px;
    text-align: center;
    color:#333;
    font-size:14px;
    text-decoration: none;
    display: block;
}
#sidebar .blogotheque a:hover {
    background:#cecece;
}

/********************************************************************************************************************/
/******************************************** éditer ****************************************************************/
/********************************************************************************************************************/

.edit-link {
    display:block;
    border-top:1px solid #FFA100;
    text-align:right;
}
#contenu .edit-link a {
    display:inline-block;
    background-color:#FFA100;
    padding:5px 15px;
    color:#fff;
}
.edit-link:hover {
    border-top:1px solid #666;
}
#contenu .edit-link:hover a {
    background-color:#666;
    text-decoration:none;
}
/********************************************************************************************************************/
/******************************************** footer ****************************************************************/
/********************************************************************************************************************/

footer {
    background-color:#7f7f7f;
    font-size:18px;
    text-align:center;
}
.menu-menu-bas-container {
    display: inline-block;
}
footer ul {
    margin:0;
    padding:0;
    display:inline-block;
}
footer li {
    display:inline-block;
    color:#fff;
}
footer li a {
    color:#fff;
    text-decoration:none;
    display:block;
    padding:15px;
}
footer li a:hover {
    background-color:#fff;
    color:#333;
}
#rss {
    display:inline-block;
    vertical-align: text-top;
}
#rss a:hover {
    opacity:0.8;
}
/********************************************************************************************************************/
/******************************************** langues ***************************************************************/
/********************************************************************************************************************/


#lang_sel_list {
    display: inline-block;
    right: 0;
    position: absolute;
    bottom: 5px;
    z-index: 100;
    height:auto;
    border:0;
}
#lang_sel_list.lang_sel_list_vertical {
    width:auto;
    margin-left:10px;
}
#lang_sel_list.lang_sel_list_vertical ul a{
    padding:0;
}
#lang_sel_list.lang_sel_list_vertical ul {
    border:0;
}
#lang_sel_list.lang_sel_list_vertical li {
    width:auto;
    display:block;
    float:none;
    margin-bottom:5px!important;
}
#lang_sel_list.lang_sel_list_vertical a {
    border:0;
    background:transparent;
    padding:0;
}
#lang_sel_list .lang_sel_sel {
    opacity:1;
}
#lang_sel_list .lang_sel_other {
    opacity:0.6;
}
#lang_sel_list a:hover {
    opacity:1;
}

/********************************************************************************************************************/
/******************************************** PDF/epub **************************************************************/
/********************************************************************************************************************/

.pdf {
    text-align:right;
    margin:0 0 30px 30px;
}
.pdf a {
    display:inline-block;
    margin:0 5px;
}
#contenu .pdf a:hover {
    opacity:0.8;
}
.pdf a img {
    display:block;
}