/*
Theme Name: Mandorine v.5.3 - 2019
Description: Thème du webzine Mandorine.fr.
Author: Mylène Boyrie
Author URI: http://www.myleneboyrie.fr
*/

/*****CSS RESET*******/

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
code,
em,
img,
small,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
ol,
ul,
li {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
    overflow-x: hidden;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/****STYLES GENERAUX********/

html {
    background: url(images/bg-texture.jpg) top center repeat;
    overflow-x: hidden;
    text-rendering: optimizeLegibility;
    font-size: 62.5%;
}

body {
    font-weight: normal;
    font-size: 1.6rem;
    font-family: 'Fira Sans', Arial, sans-serif;
    margin: 0 auto;
}

.container {
    margin: 0 auto;
    width: 1000px;
    height: auto;
    display: block;
}

pre {
    font-family: "Courier 10 Pitch", Courier, monospace;
}

code {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

blockquote {
    font-family: 'Georgia', "Times New Roman", Times, serif;
    font-size: 1.5625em;
    color: rgba(59, 59, 59, 0.9);
    line-height: 1.3;
    background: url(images/quote.svg) no-repeat top left;
    padding: 40px 40px 40px 70px;
    box-sizing: border-box;
    margin: 0 100px;
    min-height: 40px;
    text-align: left;
}

blockquote em {
    font-style: normal;
}

ol ol {
    margin: 0;
}

ol li {
    list-style: inside decimal;
}

ul ul {
    margin: 0;
}

ul li {}

dl {
    margin: 0;
    padding: 0;
}

dt {
    margin: 0 0 5px;
    padding: 0;
    font-weight: 700;
}

dd {
    margin: 0 0 1em 5px;
    padding: 0;
}

hr {
    border: 0 #ccc solid;
    border-top-width: 1px;
    clear: both;
    height: 0;
}

table {
    margin: 20px -1px 24px 0;
    text-align: left;
    width: 100%;
    text-align: center;
}

tr th,
thead th {
    background: #e7e7e7;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 18px;
    padding: 9px 24px;
}

tr td {
    border: 1px solid #e7e7e7;
    padding: 6px 10px;
}

tr.odd td {
    background: url("images/slide-bg.png") repeat scroll left top transparent;
    font-weight: bold;
}

td.vide {
    border-left: 0px !important;
    border-top: 0px;
    background: transparent !important;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

sup,
sub {
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

embed,
iframe,
object {
    max-width: 100%;
}

.fluid-width-video-wrapper {
    margin: 2em auto 2.5em auto;
    text-align: center;
}

.blue {
    color: #00B4CC;
}

@font-face {
    font-family: 'fira_sansbold';
    src: url('fonts/firasans-bold-webfont.woff2') format('woff2'),
         url('fonts/firasans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'fira_sansbold_italic';
    src: url('fonts/firasans-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/firasans-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/firasans-regular-webfont.woff2') format('woff2'),
         url('fonts/firasans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/firasans-italic-webfont.woff2') format('woff2'),
         url('fonts/firasans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/firasans-semibold-webfont.woff2') format('woff2'),
         url('fonts/firasans-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/firasans-semibolditalic-webfont.woff2') format('woff2'),
         url('fonts/firasans-semibolditalic-webfont.woff') format('woff');
    font-weight: 600;
    font-style: italic;

}

@font-face {
    font-family: 'Fira Sans Condensed';
    src: url('fonts/FiraSansCondensed-Medium-webfont.woff2') format('woff2'),
         url('fonts/FiraSansCondensed-Medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;

}

@font-face {
    font-family: 'Fira Sans Condensed';
    src: url('fonts/FiraSansCondensed-MediumItalic-webfont.woff2') format('woff2'),
         url('fonts/FiraSansCondensed-MediumItalic-webfont.woff') format('woff');
    font-weight: 500;
    font-style: italic;

}

@font-face {
    font-family: 'Fira Sans Condensed';
    src: url('fonts/FiraSansCondensed-Bold-webfont.woff2') format('woff2'),
         url('fonts/FiraSansCondensed-Bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans Condensed';
    src: url('fonts/FiraSansCondensed-BoldItalic-webfont.woff2') format('woff2'),
         url('fonts/FiraSansCondensed-BoldItalic-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans Compressed';
    src: url('fonts/FiraSansCompressed-SemiBold-webfont.woff2') format('woff2'),
         url('fonts/FiraSansCompressed-SemiBold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'Fira Sans Compressed';
    src: url('fonts/FiraSansCompressed-SemiBoldItalic-webfont.woff2') format('woff2'),
         url('fonts/FiraSansCompressed-SemiBoldItalic-webfont.woff') format('woff');
    font-weight: 600;
    font-style: italic;

}


h1 {
    font-family: "Fira Sans", Arial, sans-serif;
    font-weight: 700;
    color: #343838;
    padding: 2rem 0 0 5.7rem;
    margin: 0;
}

h2,
h2 a {
    font-family: 'Fira Sans Condensed', sans-serif;
    font-weight: 500;
    color: #00B4CC;
    padding: 3px 0;
}

a {
    text-decoration: none;
    color: #00B4CC;
}

a:hover {
    text-decoration: underline;
    color: #534832;
}

.clear {
    height: 30px;
    width: 707px;
    border-right: 1px solid #d3d3d3;
    margin: 0;
}

#content {
    background: #ffffff;
    width: 1000px;
    height: auto;
    padding-bottom: 0;
}

#content:after,
#third_nav:after {
    content: '';
    display: block;
    clear: both;
}

.alignleft,
.alignright,
.aligncenter {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

.meta-nav {
    padding: 0 0 0 3px;
}

.center {
    min-height: 200px;
    min-width: 610px;
    text-align: center;
    display: block;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/****EN TETE*******/

#header {
    margin: 2rem 0 0 0;
}

.skiplink {
    display: inline-block;
    background: #ffffff;
    padding: .5rem;
    position: absolute;
    left: -99999px;
    z-index: 100;
}


.skiplink:focus{
    left: 0;
}
#logo {
    margin: 2% auto 0 auto;
    text-align: center;
    padding: 0;
}

#logo a,
.page-template-landing #logo {
    display: block;
    height: 150px;
    width: auto;
}

#logo a img,
.page-template-landing #logo img {
    height: 150px;
    width: auto;
    margin: 0 auto;
}


/*****MENU*******/

#nav {
    height: 84px;
    background: transparent url(images/menu-bg.png) no-repeat;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 4rem;
    font-weight:500;
    text-align: center;
    margin-top: 15px;
    padding: 2.5% 0;
    box-sizing: border-box;
}

#nav ul {
    display: block;
    width: 965px;
    height: 58px;
    margin: 0 auto;
}

#nav li {
    list-style-type: none;
    display: inline;
    padding: 15px 20px 15px 0;
}

#nav li:last-of-type {
    padding: 15px 0;
}


/* TV */

#nav li a {
    color: #343838;
    text-decoration: none;
}

#nav li a:hover {
    color: #00B4CC;
}


/*****NETWORK*******/

#menu-network {
    display: block;
    width: 28%;
    height: auto;
    margin: 0 auto;
    text-align: center;
}

#menu-network li {
    list-type: none;
    display: inline-block;
    width: 14%;
    height: auto;
    padding: 15px 0 0;
}

#menu-network li img {
    width: 100%;
    height: auto;
}

#menu-network li:hover {}

#menu-item-8977 {
    margin: 0 3px 5px 0;
}


/* RSS */

#menu-item-8978 {
    margin: 0 3px 5px 0;
}


/* Twitter */

#menu-item-8979 {
    margin: 0 3px 5px 0;
}


/* Facebook */

#menu-item-8980 {
    margin: 0 3px 5px 0;
}


/*****CONTENU DE LA PAGE D'ACCUEIL*******/

/*A LA UNE*/

#sticky-posts {
    width: 1000px;
    height: 720px;
    background-color: rgba(241, 238, 234, 0.9);
    border-top: 1px dotted #d3d3d3;
    border-bottom: 1px dotted #d3d3d3;
    padding: 0;
    margin: 0 0 50px 0;
    overflow: hidden;
}

#sticky-posts h2,
.fl-heading-text {
    background-color: rgba(254, 254, 254, 0.70);
    font-weight: normal;
    display: inline-block;
    max-width: 80%;
    padding: 0.5rem 1rem 0;
}

#sticky-posts h2 a,
h1.fl-heading a,
.fl-heading-text {
    color: #343838;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 0;
}

#infobis {
    display: inline-block;
    background-color: rgba(254, 254, 254, 0.70);
    font-family: 'Fira Sans Condensed', sans-serif;
    color: #343838;
    margin: 13px 0 0 0;
    font-weight: normal;
    padding: 0 15px;
}

#sticky-posts a:hover,
#infobis a:hover,
h1.fl-heading a:hover {
    text-decoration: underline;
}

.sticky_1 {
    width: 1000px;
    height: 400px;
    position: relative;
    margin: 0 0 24px 0;
    padding: 0;
    overflow: hidden;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}

.sticky_1 img {
    width: 1000px;
    height: 400px;
    margin: 0 auto;
    padding: 0;
}

.sticky_1 span {
    position: absolute;
    bottom: 70px;
    left: 50px;
    z-index: 10;
}

.sticky_1 h2 a {
    font-size: 4.6rem;
}

.sticky_1 #infobis {
    font-size: 2em;
    display: block;
}

.sticky_2 {
    margin: 0 1.2rem 0 2.4rem;
}

.sticky_3 {
    margin: 0 0 0 1.2rem;
}

.sticky_2,
.sticky_3 {
    position: relative;
    width: 460px;
    height: 259px;
    display: inline-block;
    padding: 0;
    border: 1px solid #d3d3d3;
    vertical-align: top;
    overflow: hidden;
}

.sticky_2 span,
.sticky_3 span {
    position: absolute;
    bottom: 20px;
    left: 15px;
    z-index: 10;
}

.sticky_2 img,
.sticky_3 img {
    width: auto;
    height: 261px;
    margin: 0 auto;
    padding: 0;
}

.sticky_2 h2 a,
.sticky_3 h2 a {
    font-size: 3rem;
}

.sticky_2 #infobis,
.sticky_3 #infobis {
    display: block;
    font-size: 1.375em;
    max-width: 85%;
}

#sticky-posts .clear {
    display: block;
    height: 2px;
    width: auto;
}


/* EN BREF */

.breves .attachment-large {
    max-width: 350px;
    height: auto;
    margin: 0 auto 20px auto;
}

.read-more-bref {
    padding-left: 20%;
    font-weight: bold;
    color: #343838;
}

.augoulag {
    margin-top: 8px !important;
}

.augoulag img {
    margin-bottom: 8px !important;
}

.page-template-archive-bref-php .more {
    padding: 5px 0 0 75px !important;
}

#top-50,
#selection,
#livres,
#musique,
#cinema,
#jv {
    margin: 5% 0;
}


#sticky-posts h3,
.en-bref h3,
#reportage-video h3,
#side-series h3,
#random-facts h3,
#top-50 h3,
#selection h3,
#livres h3,
#musique h3,
#cinema h3,
#jv h3 {
    font-family: 'Fira Sans Compressed', sans-serif;
    text-transform: uppercase;
    font-size: 2.8rem;
    color: #343838;
    text-align: left;
    padding: 0;
    margin: 15px 0 15px 30px;
    font-weight: bold;
}

#sticky-posts h3 em,
.en-bref h3 em,
#reportage-video h3 em,
#side-series h3 em,
#random-facts h3 em,
#top-50 h3 em,
#selection h3 em,
#livres h3 em,
#musique h3 em,
#cinema h3 em,
#jv h3 em {
    font-family: 'FSCB_it', sans-serif;
}

.en-bref h3 a,
#side-series h3 a,
#random-facts h3 a,
#top-50 h3 a,
#selection h3 a,
#livres h3 a,
#musique h3 a,
#cinema h3 a,
#jv h3 a {
    color: #343838;
}

.en-bref ul,
#random-facts ul,
#top-50 ul,
#selection ul,
#livres ul,
#cinema ul,
#musique ul,
#jv ul {
    margin: 10px auto;
    background-color: rgba(241, 238, 234, 0.9);
    border-top: 1px dotted #d3d3d3;
    border-bottom: 1px dotted #d3d3d3;
    padding: 50px 0 60px 0;
    box-sizing: border-box;
    height: 315px;
    overflow: hidden;
}

.en-bref ul li:first-of-type,
#random-facts ul li:first-of-type,
#top-50 ul li:first-of-type,
#selection li:first-of-type,
#livres li:first-of-type,
#musique li:first-of-type,
#cinema li:first-of-type,
#jv li:first-of-type {
    margin-left: 40px;
}

.en-bref ul li:last-of-type,
#random-facts ul li:last-of-type,
#top-50 ul li:last-of-type,
#selection li:last-of-type,
#livres li:last-of-type,
#musique li:last-of-type,
#cinema li:last-of-type,
#jv li:last-of-type {
    margin-right: 0;
}

.en-bref ul li,
#random-facts ul li,
#top-50 ul li,
#selection ul li,
#livres ul li,
#musique ul li,
#cinema ul li,
#jv ul li {
    display: inline-block;
    background-color: #fff;
    width: 200px;
    height: 200px;
    max-height: 200px;
    overflow: hidden;
    margin-right: 30px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.en-bref ul li img,
#top-50 ul li img,
#selection ul li img,
#livres ul li img,
#musique ul li img,
#cinema ul li img,
#jv ul li img {
    width: 200px;
    height: auto;
}

.en-bref ul li a,
#random-facts ul li a,
#top-50 ul li a,
#selection ul li a,
#livres ul li a,
#cinema ul li a,
#musique ul li a,
#jv ul li a {
    display: block;
    color: #343838;
    padding: 20px 10px 0 10px;
    box-sizing: border-box;
    text-align: center;
    font-weight: 600;
}


/* RECHERCHE & NEWSLETTER */

.newsearch {
    display: block;
    width: 1001px;
    height: 330px;
    padding: 50px 0;
    box-sizing: border-box;
}

#newsletter,
#search-3 {
    margin: 0 20px;
}

.newsletter {
    float: left;
    width: 458px;
    height: 230px;
    max-height: 230px;
    padding: 30px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: rgba(243, 240, 236, 0.5);
}

.newsletter h3 {
    font-family: 'Fira Sans Condensed', Arial, sans-serif;
    font-size: 2.2rem;
    font-weight: 600;
    color: #333;
}

#search-3 {
    margin-bottom: 11%;
}

.newsletter p {
    padding-top: 8px;
}

.mc-field-group label,
.newsletter p {
    display: block;
    margin-bottom: 1.5rem;
    line-height: 1.3;
}

.mc-field-group label:after {
    display: block;
    content: '';
    clear: both;
}

.mc-field-group p{
    margin-bottom: 0;
}
.mc-field-group label{
    font-weight: 700;
}

input,
textarea,
#mce-EMAIL {
    display: inline-block;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #E8E8E8;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: none;
    padding: 10px 15px;
    width: 70%;
    color: #797676;
    font-size: 1.4rem;
}

.submit,
#mc-embedded-subscribe,
#search-button{
    display: inline-block;
    max-width: 5rem;
    color: #fff;
    border: none;
    font-size: 1.8rem;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: none;
    padding: 0.7rem 0;
    vertical-align: bottom;
    background-color: #797676;
}
#mce-responses {
    width: 90%x;
    border: none;
}

/* REPORTAGES VIDEO */

#reportage-video,
#side-series,
#random-facts {
    margin-bottom: 50px;
}

#reportage-video article {
    background-color: rgba(241, 238, 234, 0.9);
    border-top: 1px dotted #d3d3d3;
    border-bottom: 1px dotted #d3d3d3;
    padding: 50px 0 60px 0;
    box-sizing: border-box;
}

#reportage-video h4 {
    font-family: 'Georgia', Times, serif;
    font-size: 1.875rem;
    font-weight: normal;
    padding: 0;
    margin: 0 0 15px 0;
    text-align: center;
}

#reportage-video h4 a {
    color: rgba(52, 56, 56, 0.9);
}

#reportage-video h4 a:hover {
    text-decoration: underline;
}

#reportage-video p {
    width: 70%;
    margin: 0 auto 10px auto;
    color: rgba(52, 56, 56, 0.9);
    text-align: center;
    font-family: 'Georgia', Times, serif;
    font-style: italic;
    font-size: 1.8rem;
    padding: 10px;
    box-sizing: border-box;
}

#reportage-video iframe {
    margin: 0 0 1em 0;
}


/* SERIES */

#side-series article {
    display: block;
    height: 530px;
    background-color: rgba(241, 238, 234, 0.9);
    border-top: 1px dotted #d3d3d3;
    border-bottom: 1px dotted #d3d3d3;
    padding: 50px 1px 60px 1px;
    box-sizing: border-box;
}

#side-series .list-series a {
    display: inline-block;
    width: 304px;
    height: 197px;
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.serie_1 {
    margin: 0 20px 20px 20px;
}

.serie_2 {
    margin: 0 0 20px -0.25em;
}

.serie_3 {
    margin: 0 -0.25em 20px 20px;
}

.serie_4 {
    margin: 0 20px;
}

.serie_5 {
    margin: 0 0 0 -0.25em;
}

.serie_6 {
    margin: 0 -0.25em 0 20px;
}


/* RANDOM FACTS */

#random-facts a span,
#archive-ppgc .details span {
    display: block;
    margin: 0 0 10px 0;
    font-family: "Georgia", Times, serif;
    font-size: 1.875rem;
    font-weight: bold;
    padding: 30px 30px 0 30px;
    box-sizing: border-box;
}


/* BONZOMMES */

.bonzommes {
    margin: 5% 0 0 0;
    padding: 0;
    max-width: 107%;
    width: 107%;
    height: 81px;
    overflow: hidden;
}

.bonzommes .left,
.bonzommes .right {
    display: inline-block;
    max-width: 50%;
    width: 50%;
    height: auto;
    min-height: 81px;
    margin: 0 0 0 -0.25em;
    padding: 0;
}

.bonzommes .left {
    background: transparent url(images/etagere.svg) bottom left no-repeat;
}

.bonzommes .right {
    background: transparent url(images/pacman.svg) bottom right no-repeat;
    background-size: 40%;
}


/* ARTICLES SEUL */

/* header article */

.single-content header {
    margin: 0 0 3% 0;
}

.single-content header,
.single-content .details p,
.single-content .details ul,
.single-content .details ol,
#similar,
.page-content h3,
.single-content h3,
.plan-du-site h3,
.single-content .details h2,
.single-content .details h4,
.single-content .details h5,
.single-content .details h6,
.comments {
    padding: 0 17%;
}

.single-content h1,
.page-content h1,
.equipe-content h1 {
    font-family: 'Georgia', Times, serif;
    font-size: 4.6rem;
    font-weight: normal;
    color: #3B3B3B;
    text-align: center;
    padding: 0 6rem;
    box-sizing: border-box;
    margin: 2rem 0 0 0;
    line-height: 1;
}

.single-content hr,
.page-content hr,
.equipe-content hr {
    width: 100px;
    color: rgba(85, 85, 85, 0.4);
    margin: 20px auto;
}

.single-content header aside,
.page-content header aside,
.equipe-content aside {
    font-family: 'Georgia', Liberation, Times, serif;
    font-style: italic;
    font-size: 2.4rem;
    font-weight: normal;
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box;
    margin: 0 0 20px 0;
    line-height: 1.4;
    color: #797676;
}

.single-petit_pas_grandchose h1,
.single-en_bref h1 {
    margin-bottom: 50px;
}

.postauthors,
#seriesmeta {
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Fira Sans', Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #3B3B3B;
}

.postauthors {
    background-color: rgba(85, 85, 85, 0.1);
    height: 30px;
    padding: 3px 5px 5px 5px;
    text-align: center;
    box-sizing: border-box;
    margin: 0 0 20px 0;
}

.postauthors {
    background-color: rgba(85, 85, 85, 0.1);
    height: 30px;
    padding: 3px 5px 5px 5px;
    text-align: center;
    box-sizing: border-box;
    margin: 0;
}

.postauthors li {
    display: inline-block;
    font-size: 1.6rem;
}

.postauthors li.texte::after,
.postauthors li.video::after,
.postauthors li.time::after {
    content: ' – ';
}

.postauthors a {
    color: #3B3B3B;
    text-decoration: underline;
}

.estimated-time::before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 17px;
    background-image: url('images/clock.svg');
    background-size: 22px 17px;
    background-repeat: no-repeat;
    vertical-align: text-bottom;
}

.estimated-time {
    font-style: italic;
}


/* article */
.single-content,
.page-content,
.plan-du-site,
.equipe-content {
    display: block;
    margin: 2.3rem 0 0;
    font-family: 'Fira Sans', Arial, sans-serif;
    font-size: 1.4rem;
    line-height:1.2;
    color: #555;
    text-align: left;
    padding: 5rem 0 0 0;
}

.page-content video {
    max-width: 100%;
}

.chapeau,
.chapeau ol,
.chapeau li,
.chapeau ul {
    color: #3B3B3B;
    font-size: 1.25em;
    font-weight: 400;
    font-style: italic;
    font-family: "Georgia", Times, Liberation Serif, FreeSerif, serif;
    line-height: 1.5;
    margin: 0 0 20px;
}

.chapeau em,
.wp-caption-text em {
    font-style: normal;
}

.notes {
    font-size: 1.2rem;
}

#content .wp-caption-text {
    font-size: 1em;
    font-family: "Georgia", Times, Liberation Serif, FreeSerif, serif;
    text-align: center;
    line-height: 1.5;
    color: #797676;
    padding: 1% 0;
}


.synopsis {
    padding: 40px;
    box-sizing: border-box;
    background-color: rgba(161, 161, 161, 0.1);
    border: 1px solid #d3d3d3;
}

.single-content .details {
    display: block;
    padding: 0;
    margin: 1.5rem 0 0 0;
    font-family: 'Fira Sans', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 1.45;
    color: #3B3B3B;
}

.single-content .details p {
    margin-bottom: 1.5rem;
}

.single-content .details h2 {
    font-family: 'Georgia', Times, serif;
    margin: 1.5625em 0 0.625em 0;
    color: rgba(0, 180, 204, 0.9);
    font-size: 2.1875em;
    text-align: left;
    line-height: 1.15;
}

.single-content .details h2 a {
    background-position: 0 1.0625em;
    background-size: 0.125em 0.125em;
}

.single-content .details ul li {
    padding: 0;
    list-style-type: disc;
}

.single-content .details a,
.error404 .page-content ul li a {
    color: #3B3B3B;
    text-decoration: underline;
}

.legendevideo {
    margin-top: -30px;
    font-style: italic;
}

.single-content iframe {
    display: block;
    text-align: center;
    width: 100%;
}

.single-content .twitter-tweet {
    margin: 0 auto;
}


/* footer : métadonnées de l'article */
.single-content footer section {
    display: block;
    margin: 2rem auto;
    padding: 4rem;
    box-sizing: border-box;
    background-color: rgba(161, 161, 161, 0.1);
    border: 1px solid #d3d3d3;
}

.single-content .image {
    width: 80%;
}

.single-content .noimage {
    width: 60%;
}

.single-content footer section img {
    display: inline-block;
    max-width: 205px;
    width: 205px;
    height: auto;
    margin: 0 10px 0 0;
    padding: 0;
    vertical-align: bottom;
}

.single-content footer section div {
    display: inline-block;
    width: auto;
    text-align: left;
    margin: 0;
    padding: 0;
}

.single-content footer .image p {
    max-width: 224px;
}

.single-content footer .noimage p {
    max-width: 100%;
}

.single-content footer section p {
    font-size:1.6rem;
    margin: 0;
}

.single-content footer section .titre,
.single-content footer section .artiste {
    font-size: 1.375em;
    font-weight: bold;
    color: #3B3B3B;
    margin: 0 0 5px 0;
}

.single-content footer section a {
    color: #555;
    text-decoration: underline;
}

.single-content footer section a:hover {
    color: #00B4CC;
}

.single-content footer section .infos {
    margin-top: 1rem;
    font-style: italic;
}

.single-content footer section .infos em {
    font-style: normal;
}

.single-content footer section .cta {
    display: inline-block;
    background-color: rgba(0, 180, 204, 1);
    text-decoration: none;
    color: #fefefe;
    padding: 3% 5%;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 1.5em;
    margin: 5% 0 0 0;
}

.single-content footer section .cta:hover {
    background-color: rgba(0, 180, 204, 0.8);
    color: #fefefe;
    text-decoration: none;
    transition: all 0.5s ease;
}

.single-content footer section .cta:after {
    background: none;
    margin: 5% 0 0 0;
    width: 0px;
}


/* footer article - newsletter */

#content .et_bloom_form_text h3,
#content .DELI-Content h3 {
    font-size: 2.8125em !important;
    font-family: 'Fira Sans Condensed', sans-serif!important;
    color: rgba(59, 59, 59, 0.75) !important;
}

#content .et_bloom_form_text p {
    font-size: 1.125em !important;
    font-family: 'Fira Sans', sans-serif !important;
    color: rgba(59, 59, 59, 0.75) !important;
    line-height: 1.3;
    padding-top: 2%;
}


/* aside : vous aimerez aussi */

#similar {
    display: block;
    height: 300px;
    margin: 0 0 10% 0;
}

.similar-thumb {
    float: left;
    width: 21.2rem;
    height: 201px;
    margin: 0 8px 0 0;
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.similara {
    display: block;
}

.similar-thumb:last-of-type {
    margin-right: 0;
}

#similar img {
    width: 100%;
    height: 121px;
    margin: 0;
    padding: 0;
    border: none;
}

.similar-thumb .title {
    width: 21.2rem;
    height: 8rem;
    font-size: 1.8rem;
    text-align: center;
    font-family: 'Fira Sans', sans-serif;
    background-color: rgba(199, 199, 199, 0.1);
    padding: 1.3rem 2rem;
    box-sizing: border-box;
    overflow: hidden;
}

.similar-thumb .title a {
    vertical-align: sub;
    color: #343838;
    vertical-align: sub;
    margin: 0 auto;
}

.similar-thumb .title a:hover {
    text-decoration: underline;
}


/*Partager cet article*/

.share {
    display: block;
    width: 100%;
    height: 200px;
    margin: 50px auto;
    text-align: center;
}

div.sharedaddy h3.sd-title {
    font-family: 'Georgia', Times, Liberation, serif;
    font-size: 1.7777em;
}

#similar h4,
#comments h4,
#comments h3 {
    color: #343838;
    font-size: 2.4rem;
    font-weight: 500;
    font-family: "Fira Sans Condensed", Arial, sans-serif;
    line-height: 1.2;
    margin: 0 0 1em;
    padding-left: 0;
    text-indent: 0;
}


/*Commentaires*/

#similar:after,
.comments:before {
    display: block;
    content: '';
    clear: both;
}

.comments {
    display: block;
    margin: 20px 0;
}

#comments,
#reply-title {
    display: block;
    font-family: "Georgia", Times, serif;
    font-weight: normal;
    color: rgba(59, 59, 59, 0.8);
    margin: 40px 0 20px 0
}

.comments li {
    list-style-type: none;
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
}

#ok {
    margin: 5px 5px 0 5px;
    display: block;
}

.single-clear {
    height: 10px;
    background: #fff;
    width: 625px;
    padding: 0 50px 0 0;
}

#comments .photo,
.comment-author img {
    display: inline-block;
    margin: 0 5% 0 0;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    margin: 0 0 15px 0;
}

.reply {
    display: block;
    text-align: right;
    height: auto;
    padding: 0;
}

.reply a,
#respond #submit {
    display: inline-block;
    background-color: rgba(0, 180, 204, 0.8);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.25em;
    padding: 10px;
    box-sizing: border-box;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.reply a:hover,
#respond #submit:hover {
    background-color: rgba(59, 59, 59, 0.8);
    text-decoration: none;
    transition: all 0.5s ease;
}

.comment {
    margin: 0 0 30px;
}

#alt-login-methods {
    float: right;
    width: 48%;
    margin: 5px 30px 0 0;
}

.comment-author {
    font-size: 1.5em;
    font-weight: bold;
}

.comment-author cite {
    font-style: normal;
}

.comment-meta {
    font-family: "Georgia", Times, serif;
    text-align: left;
    font-size: 1.125em;
}

.comment-author a,
.comment-meta a {
    color: rgba(59, 59, 59, 0.8);
    margin: 0 0 10px 0;
}

.comment-body,
.comment-form {
    display: block;
    margin: 40px auto;
    padding: 40px;
    box-sizing: border-box;
    background-color: rgba(161, 161, 161, 0.1);
    border: 1px solid #d3d3d3;
}

.comment-body p {
    margin: 0 0 20px;
    padding: 0;
    font-family: 'Fira Sans', Arial, sans-serif;
    font-size: 1.25em;
    line-height: 1.4;
    color: #3B3B3B;
    text-align: left;
}

.comments hr {
    margin: 60px auto;
}

.comment-form textarea {
    display: block;
    background: #fefefe;
    max-width: 578px;
    width: 100%;
    padding: 0;
    font-size: 1em;
}

.comment-form input {
    background: #fefefe;
    width: 85%;
    margin-left: 0;
}

#respond form {
    font-size: 1.2rem;
}

.form-submit {
    text-align: right;
}

#respond #submit {
    float: none;
    display: block;
    position: inherit;
    max-width: 100%;
    width: auto;
    height: auto;
    background-image: none;
    margin: 0;
    font-style: normal;
}

#respond .comment-subscription-form {
    font-size: 1em;
    font-style: italic;
    margin: 0;
}

#respond .comment-subscription-form input,
.comment-subscription-form label {
    display: inline-block
}


/***** CONTENU DES AUTRES PAGES *******/

.plan-du-site a {
    color: #444;
}


/* FIL D'ARIANE */

.breadcrumb {
    width: 100rem;
    background: url(images/slide-bg.png) repeat;
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    margin: 0;
    padding: 1rem 0 1rem 2rem;
    box-sizing: border-box;
    color: #666;
    ;
}

.breadcrumb a {
    color: #666;
    padding: 0 5px 0 0;
    text-decoration: underline;
}

.breadcrumb a:hover {
    color: #444;
}

.breadcrumb span.breadarrow {
    font-size: 20px;
    color: #00B4CC;
    vertical-align: sub;
}


/* L'équipe */

.equipe-content header {
    margin: 0 0 50px 0;
}

.equipe-content section {
    width: 45%;
    height: 520px;
    max-height: 520px;
    display: inline-block;
    margin: 0 5% 10% 0;
    vertical-align: text-top;
    padding: 5%;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.2);
    text-align: center;
    overflow: hidden;
}

.equipe-content section:nth-of-type(2n + 2) {
    margin-right: 0;
}

.equipe-content section img {
    -webkit-clip-path: circle(50% at 50% 50%);
    clip-path: circle(50% at 50% 50%);
    margin-bottom: 30px;
}

.equipe-content section h2 {
    margin: 0;
    padding: 0;
    text-align: center;
    color: #333;
    font-size: 1.75em;
}

.equipe-content section h3,
.equipe-content section p {
    text-align: center;
}

.equipe-content section h3 {
    font-weight: normal;
}

.equipe-content section h3 span {
    display: block;
    font-family: "Georgia", Times, serif;
    color: #797676;
    margin-bottom: 10px;
}

.equipe-content section p a,
.equipe-content section h3 a {
    color: rgba(85, 85, 85, 1);
    text-decoration: none;
    background-image: linear-gradient(to right, rgba(0, 180, 204, 0.7) 75%, rgba(0, 180, 204, 0.7) 75%);
    background-position: 0 1.03em;
    background-repeat: repeat-x;
    background-size: 1em 1em;
    transition: all 0.5s ease;
}

.equipe-content section p a:hover,
.equipe-content section h3 a:hover {
    color: rgba(85, 85, 85, 1);
    text-decoration: none;
    background-image: linear-gradient(to right, rgba(59, 59, 59, 0.7) 75%, rgba(59, 59, 59, 0.7) 75%);
    background-position: 0 1.03em;
    background-repeat: repeat-x;
    background-size: 1em 1em;
}


/* Mandorine recrute */

.mandorineneedsyou {
    width: 250px;
    height: 215px;
    float: left;
    margin: 30px 0 0 5px;
    padding: 10px;
    background: #FAFAFA;
    border: 2px solid #8A9393;
    border-radius: 5px 5px 5px 5px;
    color: #424242;
}

.recrute {
    display: block;
    margin: 0 auto;
    width: 136px;
    height: 31px;
    margin: 5px auto;
    opacity: 0.8;
}

.recrute img {
    width: 136px;
    height: 31px;
}

.recrute:hover {
    opacity: 1;
}


/***** PAGE AUTEUR *******/

.author header {
    text-align: center;
}

.author header img {
    -webkit-clip-path: circle(50% at 50% 50%);
    clip-path: circle(50% at 50% 50%);
    margin: 0 auto;
    border: none;
}

.twitter,
.linkedin {
    display: inline-block;
    width: 14%;
    height: auto;
}

.author .page-content article {
    padding: 5%;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.2);
    display: block;
    margin: 0 0 10% 0;
}

.author .page-content .wp-post-image {
    display: inline-block;
    margin: 0 2% 0 0;
    vertical-align: text-bottom;
    max-width: 110px;
    height: auto;
}

.author .page-content article header {
    display: inline-block;
    text-align: left;
    max-width: 79%;
}

.author .page-content h2 a {
    font-size: 1.25em;
    text-decoration: underline;
    color: #3B3B3B;
}

.author .page-content .st {
    padding: 0;
    text-align: left;
}

.author .page-content li {
    list-style-type: none;
    display: inline-block;
    font-size: 1em;
    text-indent: 0;
}

.author .page-content li .date {
    font-style: italic;
}

.author .page-content .date::after {
    content: ' • ';
    vertical-align: middle;
}

.author .page-content .categories {
    text-transform: uppercase;
}

.author .page-content .categories a {
    color: #797676;
    text-decoration: underline;
}


/***** LANDING PAGES *******/

.page-template-landing .page-content {
    padding: 0;
    background: transparent url(images/menu-bg.png) no-repeat;
}

.page-template-landing .page-content h1 {
    margin-top: 0;
}

.page-template-landing h3 {
    color: #3B3B3B;
}

.page-template-landing .aside {
    font-family: 'Georgia', Liberation, Times, serif;
    font-size: 1.75em;
    font-weight: normal;
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box;
    margin: 0 0 20px 0;
    line-height: 1.4;
    color: #797676;
}

.fl-heading-text {
    padding: 0 2%;
}

.fl-row-content-wrap .sticky {
    position: relative;
    overflow: hidden;
}

.fl-row-content-wrap .sticky .fl-node-content {
    position: absolute;
    bottom: 20px;
    left: 15px;
    z-index: 10;
}

.fl-rich-text aside {
    display: inline-block;
    background-color: rgba(254, 254, 254, 0.70);
    font-family: 'Fira Sans Condensed', sans-serif;
    color: #343838;
    margin: 0;
    font-weight: normal;
    padding: 2%;
}

.bonus .fl-module-content {
    display: block;
    margin: 0;
}

.bonus .fl-heading-text {
    max-width: 100%;
    background: none;
    padding: 0;
    color: #555;
}

#bonus img {
    border: none;
    max-width: 500px;
    margin: 0 auto;
}

#video {
    margin-top: 5%;
}


/***** ARCHIVES *******/

/* Archives Categories */

.category .wp-post-image {
    display: block;
    max-width: 1000px;
    width: 100%;
    height: auto;
    border: none;
}

.category .details {
    display: block;
    height: auto;
    margin: 3% 0;
}

.category .details h2 {
    margin: 0;
    text-align: left;
    padding: 20px 25px 5px 25px;
}

.category .details h2 a,
.page-content h2 {
    font-size: 1.3em;
    line-height: 1.3em;
    color: #3B3B3B;
    text-decoration: underline;
}

.category .details .st {
    display: block;
    font-family: 'Georgia', Times, serif;
    font-size: 1.5675em;
    color: rgba(84, 84, 84, 0.80);
    padding: 0 25px 5% 25px;
    line-height: 1.4;
}


/* Archives En Bref & Petits Pas Grand Chose Pour Briller En Société */

.post-type-archive .page-content {
    text-align: left;
}

#archive-bref .page-content aside,
#archive-ppgc .page-content aside {
    margin: 0 0 100px 0;
}

#archive-bref .wp-post-image {
    display: block;
    width: 100%;
    height: auto;
    max-height: 173px;
    margin: 0 auto;
}

#archive-bref .details:nth-child(2n + 2),
#archive-ppgc .details:nth-child(2n + 2) {
    margin-right: 8.8%;
}

#archive-bref .details {
    display: inline-block;
    ;
    width: 45%;
    height: 280px;
    background-color: rgba(199, 199, 199, 0.1);
    margin: 0 0 60px 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    vertical-align: top;
    overflow: hidden;
}

#archive-bref .details h2 {
    margin: 0;
    text-align: center;
    height: 105px;
    min-height: 105px;
    max-height: 105px;
    padding: 20px 20px 5px 20px;
    box-sizing: border-box;
    font-size: 1.5675em;
}

#archive-bref .details h2 a {
    font-size: 1.125em;
    line-height: 1.4em;
    color: #3B3B3B;
    margin: 0;
    text-align: left;
    height: auro;
    padding: 5% 5% 1% 5%;
    box-sizing: border-box;
}

#archive-bref .details h2 a {
    font-size: 1.125em;
    line-height: 1.4em;
    color: #3B3B3B;
}

#archive-ppgc .details,
#archive-ppgc .details h2 {
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
}

#archive-ppgc .details h2 {
    margin-top: 0;
    font-size: 1.25em;
    text-decoration: none;
}

#archive-ppgc .details {
    display: inline-block;
    width: 45%;
    max-height: 300px;
    height: auto;
    background-color: rgba(199, 199, 199, 0.1);
    margin: 0 0 60px 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    vertical-align: top;
}

#archive-ppgc .details h2 a {
    font-family: 'Fira Sans', Arial, sans-serif;
    line-height: 1.3em;
    color: #555;
    text-decoration: none;
}


/* Archives Series */

.tax-series .details {
    display: block;
    width: 660px;
    height: 264px;
    background-color: rgba(199, 199, 199, 0.1);
    margin: 0 0 40px 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 10%;
    box-sizing: border-box;
}

.tax-series .details h2 {
    margin: 0;
    text-align: left;
    padding: 0;
}

.tax-series .details h2 a {
    font-size: 1.3em;
    line-height: 1.56em;
    color: #3B3B3B;
    padding: 0;
    text-decoration: underline;
}

.tax-series .details .st {
    display: block;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 1.5625em;
    color: rgba(84, 84, 84, 0.65);
    padding: 0;
    line-height: 1.4;
    text-align: left;
}

.tax-series .details p {
    font-family: "Georgia", Times, serif;
    font-size: 1.125em;
    color: rgba(84, 84, 84, 0.9);
    margin: 5% 0 0 0;
    line-height: 1.4;
}


/* Articles seuls - Series */

.serieslist-box {
    display: block;
    width: 660px;
    height: 344px;
    background-color: rgba(199, 199, 199, 0.1);
    margin: 0 0 40px 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 65px;
    box-sizing: border-box;
}

.serieslist-content {
    font-size: 1em;
    text-align: center;
    margin: 0 auto;
}

#seriestoc .serieslist-content h2 {
    margin-bottom: 2%;
    margin-top: 0;
    line-height: 1.3;
    box-sizing: border-box;
}

.serieslist-content h2 a {
    font-size: 1.25em;
    color: rgba(59, 59, 59, 0.95);
    text-decoration: underline;
}

.tax-series .page-content .series-header aside::after,
.serieslist-content h2 a::before {
    content: '';
    display: block;
    width: 520px;
    height: 320px;
    margin: 0 auto 10% auto;
}


/* Fighter Never Let Me Go */

.term-combattant-ne-me-laisse-jamais-partir .page-content header aside::after,
.series-3799::before {
    background-image: url('images/banner_fighter.jpg');
}


/* Musica Pop */

.term-musique-pop-espagnole .page-content header aside::after,
.series-3894::before {
    background-image: url('images/banner_musica_pop.jpg');
}


/* Guerre d'Espagne & Pop Culture */

.term-guerre-despagne-pop-culture .page-content header aside::after,
.series-5972::before {
    background-image: url('images/banner_guerre_d_espagne.jpg');
}


/* Litté US */

.term-litterature-us .page-content header aside::after,
.series-5973::before {
    background-image: url('images/banner_litterature-americaine.jpg');
}


/* 5 ans Mandorine */

.term-annif-5-ans .page-content header aside::after,
.series-5022::before {
    background-image: url('images/banner_mandorine-fete-ses-5-ans.jpg');
}


/* Olympiades britanniques en séries */

.term-olympiades-series-2012 .page-content header aside::after,
.series-3852::before {
    background-image: url('images/banner_series_tv_british.jpg');
}


/* Petite histoire du jeu vidéo */

.term-petite-histoire-du-jeu-video .page-content header aside::after,
.series-6032::before {
    background-image: url('images/banner_histoire-jeu-video.jpg');
}


/* Polars été 2012 */

.term-les-polars-de-lete-2012 .page-content header aside::after,
.series-3853::before {
    background-image: url('images/banner_polars-2012.jpg');
}


/* Porno&co */

.term-porno-cine .page-content header aside::after,
.series-3798::before {
    background-image: url('images/banner_porno.jpg');
}


/* Navigation Archives*/

.navigation ul {
    display: block;
    height: 40px;
    padding: 10px 0;
    box-sizing: border-box;
}

.navigation li {
    display: inline-block;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    text-decoration: none;
}

.navigation li {
    display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: rgba(0, 180, 204, 0.7);
    border-radius: 5px;
    cursor: pointer;
    padding: 5px;
}

.navigation li a:hover,
.navigation li.active a {
    color: #00B4CC;
}


/* Article seul -  Series */

html > body .serieslist-box {
    height: auto;
    /*min-height: 100px;*/
}

h2.series-title {
    font-size: 1.2em;
    color: #1E3A96;
    text-align: center;
}

#serieslist-ul {
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: space-between;
}

#serieslist-ul p {
    margin: 5% 0;
    padding: 4%;
    box-sizing: border-box;
    line-height: 1.2;
    width: 48%;
    height: auto;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 1.75em;
    color: #3B3B3B;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: rgba(254, 254, 254, 0.8);
}

.seriesbox {
    display: inline;
    float: right;
    background: #F8F8F8;
    color: #777;
    text-align: left;
    font: .8em Arial, Tahoma, Verdana, Sans-Serif;
    margin: 0 10px 0px 10px;
    padding: 6px 6px 1.2rem 6px;
    border: 1px dotted #1E3A96;
    border-bottom: 2px solid #1E3A96;
    min-width: 125px;
}

.seriesbox img {
    margin: 0px 12.5px 0 12.5px;
}

h3.series-title-post-page {
    font-size: 1.1em;
    color: #1E3A96;
    text-align: center;
}

p.series-description {
    font-style: italic;
}

#seriesmeta {
    display: block;
    background: url(images/slide-bg.png) repeat;
    margin: 20px 0;
    padding: 40px;
    border: 1px solid #D3D3D3;
    text-align: center;
}

hr.series {
    display: block;
    margin: 100px auto 50px auto;
}

.series-prev-next {
    display: block;
    margin: 100px 0;
    padding: 5px 10px;
    background-color: rgba(85, 85, 85, 0.08);
}

.series-nav-left a,
.series-nav-right a {
    display: inline-block;
    font-family: 'Georgia', Times, serif;
    font-size: 0.9em;
    background-position: 0 1.25em;
    background-size: 0.2em 0.2em;
}

.series-nav-left a:hover,
.series-nav-right a:hover {
    background-position: 0 1.25em;
    background-size: 0.2em 0.2em;
}

.series-nav-right {
    float: right;
}

.single span.breadarrow {
    font-size: 1.875em;
    color: #00B4CC;
    vertical-align: sub;
}

.series-precedemment-sur {
    display: block;
    margin: 5em 0;
    padding: 40px;
    border: 1px solid #D3D3D3;
    background-color: rgba(199, 199, 199, 0.2);
}

.series-precedemment-sur .center {
    min-height: 100px;
    height: auto;
}

.single-content .series-precedemment-sur h3 {
    text-align: center;
    font-family: 'Georgia', Times, serif;
    font-weight: normal;
    color: #3B3B3B;
}

.series-precedemment-sur h3 span {
    display: block;
    font-style: italic;
}

.stocpagination {
    clear: both;
    padding: 20px 0;
    position: relative;
    left: 465px;
    font-size: 1.2rem;
    line-height: 13px;
    color: #fff;
}

.stocpagination a {
    display: block;
    text-decoration: none;
    color: #717171;
    font: bold 11px Arial, sans-serif;
    text-shadow: 0px 1px white;
    padding: 5px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    background: #f9f9f9;
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
    background: -moz-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
    background: linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e8e8e8', GradientType=0);
}

.stocpagination a:visited {
    color: #5F7BB3;
    background-color: #F1F6F5;
    text-decoration: none;
}

.page-numbers {
    background-color: transparent;
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    padding: 6px 9px 5px 9px;
    text-decoration: none;
    width: auto;
    color: #fff;
    background: #555;
    border-color: #c8d6d6 #9EADAD #9EADAD #c8d6d6;
}

.stocpagination a:hover {
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55);
    background: #fff;
    background: -webkit-linear-gradient(top, #fff 0%, #e8e8e8 100%);
    background: -moz-linear-gradient(top, #fff 0%, #e8e8e8 100%);
    background: -o-linear-gradient(top, #fff 0%, #e8e8e8 100%);
    background: -ms-linear-gradient(top, #fff 0%, #e8e8e8 100%);
    background: linear-gradient(top, #fff 0%, #e8e8e8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e8e8e8', GradientType=0);
}

.stocpagination a:active,
.page-numbers.current:active {
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5), 0px 1px 1px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5), 0px 1px 1px 0px rgba(255, 255, 255, 1);
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5), 0px 1px 1px 0px rgba(255, 255, 255, 1);
}

.page-numbers.current:hover {
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.9);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.9);
    background: #99cefc;
    background: -webkit-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
    background: -moz-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
    background: -o-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
    background: -ms-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
    background: linear-gradient(top, #99cefc 0%, #57a1d8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#99cefc', endColorstr='#57a1d8', GradientType=0);
}

.page-numbers.current {
    color: white;
    text-shadow: 0px 1px #3f789f;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
    background: #7cb9e5;
    background: -webkit-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
    background: -moz-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
    background: -o-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
    background: -ms-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
    background: linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7cb9e5', endColorstr='#57a1d8', GradientType=0);
}


/***** PAGE RECHERCHE *******/

.search h1 {
    margin-bottom: 10%;
}

.search .single-content .attachment-tabbed-thumbnail {
    display: inline-block;
    width: 8%;
    height: auto;
    margin: 0 0.5em 2.5em 0;
    padding: 0;
}

.search .single-content h3 {
    width: 80%;
    display: inline-block;
    margin: 0.39em 0;
    vertical-align: top;
}

.search .single-content h3 a {
    font-size: 1.125em;
}

.search .single-content p {
    margin: 10px 0;
}


/***** MODELE PAGE *******/

.page-content img,
.single-content img {
    display: block;
    max-width: 950px;
    height: auto;
    margin: 0 auto 2.5% auto;
}

.page-content .fullwidth,
.single-content .fullwidth {
    border: none;
    display: block;
    max-width: 100%;
    height: auto;
}

.page-content .two,
.single-content .two {
    border: none;
    display: inline-block;
    max-width: 46%;
    height: auto;
}

.page-content .two img,
.single-content .two img,
.page-content .three img,
.single-content .three img {
    width: 100%;
    height: auto;
}

.page-content .three,
.single-content .three {
    display: inline-block;
    max-width: 30.55%;
    height: auto;
}

.page-content .imgleft,
.single-content .imgleft {
    margin-left: 2.5%;
    margin-right: 1.25%;
}

.page-content .imgright,
.single-content .imgright {
    margin-right: 0;
    margin-left: 1.25%;
}

.page-content p,
.single-content p,
.equipe-content p {
    margin: 20px 0;
}

.page-content h2 {
    font-size: 1.875em;
    margin-top: 50px;
}

.page-content h3,
.single-content h3,
.plan-du-site h3 {
    color: rgba(59, 59, 59, 0.95);
    font-size: 1.5625em;
    margin: 20px 0 5px 0;
    text-align: left;
}

.page .date,
.single-content .date {
    font-family: 'Fira Sans', Arial, sans-serif;
    font-style: italic;
    font-size: 11px;
    color: #999;
    padding: 0;
    text-indent: 15px;
}

.page .image {
    padding: 0 8px 0 15px;
    margin: 5px 0 0;
    float: left;
    vertical-align: middle;
}

.details {
    padding: 0;
    margin: 0;
    font-size: 1.4rem;
    color: #555;
    line-height: 19px;
    text-align: left;
}

.details p {
    padding: 0;
    margin: 0;
}

.page .more,
.single-content .more {
    font-size: 11px;
    padding: 5px 0 0;
}


/***** PAGE 404 *******/

.error404 #content {}

.error404 h1 {
    font-size: 1.5em;
    text-align: center;
    text-indent: 0;
    padding: 0;
    margin: 15px 0;
    color: #343838;
    font-weight: normal;
    font-style: italic;
}

.error404 video {
    margin: 0 auto 2% auto;
}

.error404 section {
    margin: 50px auto;
    font-size: 1em;
    padding: 40px;
    box-sizing: border-box;
    background-color: rgba(161, 161, 161, 0.1);
    border: 1px solid #d3d3d3;
}


}

.error404 input {
    margin: 15px auto;
}

.error404 section ul {
    margin: 15px 0;
    padding: 0;
    box-sizing: border-box;
}

.error404 section ul li {
    margin: 15px 50px;
    font-style: italic;
}

/***** FORMULAIRES *******/

.wpcf7-form {
    max-width: 660px;
    margin: 20px 0 0;
}

.wpcf7-form input,
.wpcf7-form textarea {
    margin-left: 0;
}

ul.forms {
    float: left;
    list-style: none;
    margin: 0 0 0 20px;
    width: 100%;
}

ul.forms li {
    clear: both;
    float: left;
    margin-bottom: 18px;
    position: relative;
    width: 100%;
    list-style: none;
    padding: 0;
}

ul.forms label {
    font-family: 'Fira Sans', Arial, sans-serif;
    font-size: 1.2rem;
    color: #555;
    text-align: left;
    cursor: pointer;
    display: block;
    float: left;
    padding-left: 20px;
    width: 150px;
    margin: 0 10px 0 0;
}

ul.forms input,
ul.forms textarea {
    border-radius: 3px;
    font: inherit;
    -moz-border-radius: 3px;
    padding: 2px;
    -webkit-border-radius: 3px;
    width: 21.4rem;
    margin: 0;
}

ul.forms textarea {
    height: 300px;
    width: 334px;
}

ul.forms input:focus,
ul.forms textarea:focus {
    background-color: #fefefe;
    border-color: #C03;
}

.wpcf7-validation-errors,
.error p {
    color: red;
    margin: 0 0 0 10px;
    font-family: 'Fira Sans', Arial, sans-serif;
    font-size: 13px;
    padding: 2px 0 20px;
}

ul.forms li .error {
    font-size: 1.2rem;
    margin-left: 20px;
}

ul.forms li.textarea .error {
    display: block;
    float: left;
    width: 200px;
}

ul.forms li.screenReader {
    margin-bottom: 0;
}

.wpcf7-submit {
    cursor: pointer;
    overflow: hidden;
    padding: 6px 3px;
    max-width: 100px;
    color: #555;
}

ul.forms li.buttons button:hover {
    color: #343838;
}

ul.forms li.buttons button:active {
    left: -1px;
    position: relative;
    top: -1px;
}

ul.forms li.buttons,
ul.forms li.inline {
    float: left;
    width: 460px;
    margin: 10px 0 10px 20px;
}

ul.forms li.inline input {
    width: auto;
}

ul.forms li.inline label {
    display: inline;
    float: none;
    width: auto;
}

.wpcf7-captcha-captcha-973 {
    float: left;
    margin: 0 10px 0 0;
}

select {
    float: left;
    margin: 0 0 10px;
    font-family: 'Fira Sans', Arial, sans-serif;
    background: url(images/search_inset.gif) repeat-x top #fff;
    border: 1px solid #e0e0e0;
    padding: 5px;
    font-size: 1.2rem;
    color: #555;
    line-height: 25px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#checkbox {
    float: left;
    text-align: left;
    margin: 0 0 0 -100px;
    padding: 0;
}

.wpcf7-mail-sent-ok,
.wpcf7-response-output {
    padding: 20px;
    border: none;
}

#checkbox {
    float: left;
    text-align: left;
    margin: 0 0 0 -100px;
    padding: 0;
}

.wpcf7-mail-sent-ok,
.wpcf7-response-output {
    padding: 20px;
    border: none;
}

/***** FOOTER *******/

.twitter-avatar img {
    background: #fefefe;
    padding: 5px;
    margin: 30px 10px 6px 0;
    border: 1px solid #858585;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    float: left;
}

#copyright {
    width: 100%;
    height: 5rem;
    padding: 0.5rem;
    color: #FFFFFF;
    font-size: 1.4rem;
    text-align: center;
    margin: 2rem 0 0;
    line-height: 1.8rem;
}

#copyright p {
    padding: 0;
    margin: 0;
}

#copyright a {
    color: #ffffff;
    text-decoration: underline;
}

#copyright a:hover {
    color: #fefefe;
}

#third_nav {
    margin: -10px 0 0;
    height: 41px;
    color: #999;
    font-size: 1.4rem;
}

#third_nav ul {
    padding: 20px 0 0 0;
}

#third_nav a {
    color: #00B4CC;
    padding: 0 0 0 5px;
}

#third_nav li {
    display: inline;
    list-style-type: none;
    width: auto;
    padding-right: 0;
}

#third_nav a:hover {
    color: #fefefe;
}