/*
Theme Name: Thiefaine
Theme URI: http://www.thiefaine.com
Author: Holy Soakers
Author URI: http://www.holysoakers.com
Version: 1.0
License: Copyright 2018 Holy Soakers
License URI: http://www.holysoakers.com
*/


/*-----------------------------------------------------
	1. Normalize 
-------------------------------------------------------*/

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,
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,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

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

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*-----------------------
	2. Accessibility
------------------------*/

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute!important;
    width: 1px;
    word-wrap: normal!important
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto!important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}


/*-----------------------
	3. Clearing
------------------------*/

.clear {
    clear: both;
}

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
    content: "";
    display: table;
    table-layout: fixed
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
    clear: both
}


/*-----------------------
	4. Text Zone
------------------------*/

.textZone p {
    margin-bottom: 1.5em;
    line-height: 1.5em;
}

.textZone b,
.textZone strong {
    font-weight: bold;
}

.textZone big {
    font-size: 125%
}

.textZone dfn,
.textZone cite,
.textZone em,
.textZone i {
    font-style: italic
}

.textZone a {
    color: #ffffff;
}

.textZone a:hover {
    color: #111;
}

.textZone ul {
    list-style: outside disc;
    margin: 1em 1em 1em 4em;
}

.textZone ol {
    list-style: outside decimal;
    margin: 1em 1em 1em 4em;
}

.textZone li {
    position: relative;
    left: 1em;
    padding-right: 1em;
    margin: 0 0 0.3em 0;
}

.textZone h1,
.textZone h2,
.textZone h3,
.textZone h4,
.textZone h5,
.textZone h6 {
    clear: both;
    line-height: 1.4;
    margin: 0 0 .75em;
    padding: 1.5em 0 0
}

.textZone h1 {
    font-size: 2em;
    font-weight: 300
}

.textZone h2 {
    font-size: 1.5em;
    font-weight: 300
}

.textZone h3 {
    font-size: 1.17em;
    font-weight: 300
}

.textZone h4 {
    font-size: 1.12em;
    font-weight: 800
}

.textZone h5 {
    font-size: .83em;
    font-weight: 800;
}

.textZone h6 {
    font-size: .75em;
    font-weight: 800
}

.textZone h1:first-child,
.textZone h2:first-child,
.textZone h3:first-child,
.textZone h4:first-child,
.textZone h5:first-child,
.textZone h6:first-child {
    padding-top: 0
}

.textZone address {
    margin: 0 0 1.5em
}

.textZone pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em
}

.textZone code,
.textZone kbd,
.textZone tt,
.textZone var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 16px;
    font-size: 1em
}

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

.textZone mark,
.textZone ins {
    background: #eee;
    text-decoration: none
}

.textZone blockquote {
    background: #f9f9f9;
    padding: 1em 1em 1em 3em;
    border-left: 10px solid #666;
    margin: 1.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}

.textZone blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

.textZone blockquote p {
    display: inline;
}

.textZone hr {
    border: none;
    border-bottom: 1px solid #ffffff;
}

.textZone q {
    quotes: "“" "”" "‘" "’"
}

.textZone .size-thumbnail {
    width: 33%;
    height: auto;
}

.textZone .size-medium {
    width: 50%;
    height: auto;
}

.textZone .size-large {
    width: 100%;
    height: auto;
}

.textZone .size-full {
    max-width: 100%;
    height: auto;
}

.textZone .alignleft {
    position: relative;
    display: block;
    float: left;
    margin: 0 1.5em 1.5em 0;
}

.textZone .alignright {
    position: relative;
    display: block;
    float: right;
    margin: 0 0 1.5em 1.5em;
}

.textZone .aligncenter {
    position: relative;
    display: block;
    clear: both;
    margin: 1.5em auto;
}

.textZone :focus {
    outline: none
}

.textZone iframe {
    width: 100%;
}


/*-----------------------
	5. My Style
------------------------*/

html,
body {
    background: #061726/*#eee*/
    ;
    font-family: "MinionPro", "Times New Roman", Times, serif;
    color: #ffffff;
    width: 100%;
    height: 100% !important;
    margin: 0 auto;
    font-size: 16px;
}

::selection {
    background: #ffffff;
    color: #fff;
    text-shadow: none;
}

a {
    color: #CCDDE0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

@font-face {
    font-family: 'MinionPro';
    src: url('fonts/MinionPro-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/MinionPro-Regular.otf') format('opentype'), url('fonts/MinionPro-Regular.woff') format('woff'), url('fonts/MinionPro-Regular.ttf') format('truetype'), url('fonts/MinionPro-Regular.svg#MinionPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MinionPro';
    src: url('fonts/MinionPro-It.eot?#iefix') format('embedded-opentype'), url('fonts/MinionPro-It.otf') format('opentype'), url('fonts/MinionPro-It.woff') format('woff'), url('fonts/MinionPro-It.ttf') format('truetype'), url('fonts/MinionPro-It.svg#MinionPro-It') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'MinionPro';
    src: url('fonts/MinionPro-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/MinionPro-Bold.otf') format('opentype'), url('fonts/MinionPro-Bold.woff') format('woff'), url('fonts/MinionPro-Bold.ttf') format('truetype'), url('fonts/MinionPro-Bold.svg#MinionPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'MinionPro';
    src: url('fonts/MinionPro-BoldIt.eot?#iefix') format('embedded-opentype'), url('fonts/MinionPro-BoldIt.otf') format('opentype'), url('fonts/MinionPro-BoldIt.woff') format('woff'), url('fonts/MinionPro-BoldIt.ttf') format('truetype'), url('fonts/MinionPro-BoldIt.svg#MinionPro-BoldIt') format('svg');
    font-weight: bold;
    font-style: italic;
}

header {
    position: relative;
    width: 100%;
    background: url(img/Corbeau.png) -30px 106% no-repeat;
    background-size: auto 75%;
}

header #logo {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block;
    width: 60%;
    max-width: 480px;
    padding: 2em 0;
}

header #logo img {
    display: block;
    width: 100%;
    height: auto;
}

header .menu {
    padding: 0 10% 2em 10%;
    width: 100%;
    text-align: center;
}

header .menu li {
    position: relative;
    display: inline-block;
    margin: 0 .5em
}

header .menu li::after {
    content: "";
    position: absolute;
    top: 0;
    right: -.65em;
    width: 1px;
    height: 80%;
    background: #b2b2b2
}

header .menu li:last-child::after {
    display: none;
}

header .menu li a {
    position: relative;
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    font-size: 1.125em;
}

header .menu li a::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0%;
    height: 2px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

header .menu li a:hover::after,
.current-menu-item a::after,
.current_page_item a::after,
.post-type-archive-discographie #menu-item-3976 a::after,
.single-concerts #menu-item-3975 a::after,
.post-type-archive-galeries #menu-item-4074 a::after,
.single-galeries #menu-item-4074 a::after,
.single-videos #menu-item-4074 a::after,
.page-id-4113 #menu-item-3976 a::after {
    width: 100% !important;
}

header .Social {
    position: absolute;
    bottom: 2em;
    right: 1em;
    text-align: right;
}

header .Social li {
    position: relative;
    display: inline-block;
    margin-left: .5em;
}

header .Social li a {
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
    background: url(img/Social2.png) no-repeat;
    background-size: auto 16px;
    text-indent: -9999px;
    font-size: 0;
    padding: .25em;
    margin: .15em;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

header .Social li a {
    opacity: .4;
}

header .Social li a:hover {
    opacity: 1;
}

header .Social li a.Facebook {
    background-position: 6px center;
}

header .Social li a.Twitter {
    background-position: -24px center;
}

header .Social li a.Instagram {
    background-position: -51px center;
}

header .Social li a.Newsletter {
    background-position: -80px center;
}

#welcome {
    position: relative;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    height: 100%;
    text-align: center;
    overflow: hidden;
}

#welcome img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block;
    width: auto;
    height: 100%;
}

#welcome #links {
    position: absolute;
    bottom: 2.5em;
    right: 5%;
    text-align: center;
}

#welcome #links li {
    position: relative;
    display: inline-block;
    padding: 1.5em 1em;
}

#welcome #links li a {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-family: arial;
    padding: .7em 1.2em;
    font-size: .9em;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

#welcome .Social {
    position: absolute;
    bottom: 4.5em;
    left: 5%;
    text-align: center;
}

#welcome .Social li {
    position: relative;
    display: inline-block;
    margin-left: .5em;
}

#welcome .Social li a {
    position: relative;
    display: block;
    width: 22px;
    height: 22px;
    background: url(img/Social2.png) no-repeat;
    background-size: auto 20px;
    text-indent: -9999px;
    font-size: 0;
    padding: .25em;
    margin: .15em;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

#welcome .Social li a {
    opacity: .4;
}

#welcome .Social li a:hover {
    opacity: 1;
}

#welcome .Social li a.Facebook {
    background-position: 6px center;
}

#welcome .Social li a.Twitter {
    background-position: -29px center;
}

#welcome .Social li a.Instagram {
    background-position: -64px center;
}

#welcome .Social li a.Newsletter {
    background-position: -99px center;
}


/*
#slider{position:relative; width:100%; overflow:hidden}
.flex-container a:hover,.flex-slider a:hover {outline: none;}
.slides,.slides > li,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flex-pauseplay span {text-transform: capitalize;}
.flexslider {position:relative; margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%; height:auto; display: block;}
.flexslider .slides:after {content: "\0020";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .flexslider .slides {display: block;}
* html .flexslider .slides {height: 1%;}
.no-js .flexslider .slides > li:first-child {display: block;}
.flex-nav-prev, .flex-nav-next{position:absolute; top:0; width:5em; height:100%;  z-index:9;}
.flex-nav-prev{left:0;}
.flex-nav-next{right:0;}
.flex-nav-prev a, .flex-nav-next a{position:absolute; top:50%;  width:7em; height:7em;  border-radius:5em; text-indent:-9999px; -webkit-transition: all .2s linear; transition: all .2s linear;}
	.flex-nav-prev a:hover, .flex-nav-next a:hover{opacity:.7;}
	.flex-nav-prev a{-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image:url(img/Previous.png); background-repeat:no-repeat; background-position:75% center; background-size:auto 40%;}
	.flex-nav-next a{left:1.5em; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image:url(img/Next.png); background-repeat:no-repeat; background-position:25% center; background-size:auto 40%;}
*/


/* ACTU LIST */

#actusList {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 800px;
    padding: 3em 0;
}

#actusList article {
    position: relative;
    margin-bottom: 5em;
}

#actusList article .postImg {
    position: relative;
    width: 100%;
    width: 38%;
    float: left;
}

#actusList article .postImg img {
    width: 100%;
    height: auto;
}

#actusList .postRight {
    position: relative;
    float: left;
    width: 58%;
    margin-left: 4%;
    margin-top: 1.5em;
}

#actusList .postRight .postTop {
    min-height: 284px;
}

.actus .postTitle {
    color: #ffffff;
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: bold;
}

.actus .postTitle a {
    color: #ffffff;
    text-decoration: none;
}

.actus .postDate {
    font-family: arial;
    display: inline-block;
    text-transform: uppercase;
    margin: .75em 0 2em 0;
    color: #fff;
    font-size: .65em;
    padding: .35em .35em .25em .35em;
}

.actus .postReadMore {
    position: relative;
    text-align: right;
}

.actus .postReadMore a {
    position: relative;
    font-family: arial;
    display: inline-block;
    text-transform: uppercase;
    margin: .75em 0 2em 0;
    color: #fff;
    font-size: .65em;
    padding: .35em .35em .25em .35em;
    line-height: 1em;
    text-decoration: none;
}

.actus .postFooter {
    position: relative;
}

.actus .postFooter hr {
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
    opacity: .3;
    position: relative;
    margin-bottom: 1.5em;
}

.actus .postFooter .postShare {
    position: relative;
    width: 60%;
    float: left;
}

.actus .postShare li {
    display: inline-block;
    margin-right: .5em;
}

.actus .postShare li a {
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
    background: url(img/Social2.png) no-repeat;
    background-size: auto 16px;
    text-indent: -9999px;
    font-size: 0;
    padding: .25em;
    margin: .15em;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.actus .postShare li a {
    opacity: .4;
}

.actus .postShare li a:hover {
    opacity: 1;
}

.actus .postShare li a.postShareFacebook {
    background-position: 6px center;
}

.actus .postShare li a.postShareTwitter {
    background-position: -24px center;
}

.actus .postRight .postFooter .postComments {
    position: relative;
    width: 40%;
    float: left;
    text-align: right;
}

.actus .postComments a {
    display: inline-block;
    margin-top: .1em;
    padding: 0 0 .3em 2em;
    color: #CCDDE0;
    text-decoration: none;
    font-family: arial;
    text-transform: uppercase;
    font-size: .65em;
    background: url(img/Comments_Grey.png) top left no-repeat;
    background-size: auto 100%;
}

.wp-pagenavi {
    text-align: center;
}

.wp-pagenavi span,
.wp-pagenavi a {
    background-color: #ffffff;
    color: #061726;
    letter-spacing: 1px;
    text-decoration: none;
    font-family: arial;
    text-transform: uppercase;
    font-size: .9em;
    padding: .5em !important;
    border: 0 !important;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}


/* ACTU SINGLE */

#singlePost .singleTop {
    position: relative;
    background: #061726;
    padding: 3em;
}

#singlePost .singleTopCtt {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 800px;
}

#singlePost .commentZone {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 800px;
    padding: 3em 0;
}

#singlePost .commentForm h3 {
    display: inline-block;
    margin-top: .1em;
    padding: 0 0 .3em 2em;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    font-family: arial;
    text-transform: uppercase;
    font-size: .8em;
    background: url(img/Comments.png) top left no-repeat;
    background-size: auto 100%;
}

#singlePost .commentForm form {
    margin: 1em 0;
}

#singlePost .commentForm form input {
    position: relative;
    font-family: "MinionPro", "Times New Roman", Times, serif;
    border: 0;
    font-size: .95em;
    background: #fff;
    outline: none;
    -webkit-appearance: none;
    padding: 1em;
    width: 48%;
    margin-bottom: 1em;
    margin-right: 3.5%;
}

#singlePost .commentForm form input:nth-child(2) {
    margin-right: 0;
}

#singlePost .commentForm form textarea {
    position: relative;
    font-family: "MinionPro", "Times New Roman", Times, serif;
    border: 0;
    font-size: .95em;
    background: #fff;
    outline: none;
    -webkit-appearance: none;
    padding: 1em;
    width: 100%;
    margin-bottom: 1em;
}

#singlePost .commentForm form #submit {
    position: relative;
    float: right;
    color: #fff;
    letter-spacing: 1px;
    -webkit-appearance: none;
    font-family: arial;
    text-transform: uppercase;
    font-size: .7em;
    background: inherit;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    max-width: 240px;
    cursor: pointer;
}

#singlePost .commentForm hr {
    margin: 2em 0;
    opacity: .3;
}

.comment-notes,
#singlePost .commentForm .comment-form-attachment {
    display: none !important;
}

#unrollComments {
    display: block;
    padding: 1em 0 1.3em 2em;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    font-family: arial;
    text-transform: uppercase;
    font-size: .8em;
    background: url(img/Comments.png) center left no-repeat;
    background-size: auto 18px;
    cursor: pointer;
}

#singlePost .commentlist {
    display: none;
}

#singlePost .comment {
    position: relative;
    margin-bottom: 1em;
}

#singlePost .comment .gravatar {
    position: relative;
    float: left;
}

#singlePost .comment .right {
    position: relative;
    float: left;
    width: calc(100% - 80px);
    padding-left: 20px;
}

#singlePost .comment .commentAuthor {
    font-weight: bold;
}

#singlePost .comment .commentDate {
    color: #CCDDE0;
    font-size: .8em;
    position: relative;
    margin: .5em 0;
}


/* DISCOGRAPHIE */

#discoAnchor {
    position: relative;
    width: 100%;
    padding: .5em 1em .4em 1em;
    text-align: center;
    margin-bottom: 1em;
}

#discoAnchor li {
    position: relative;
    margin: 0 .7em;
    display: inline-block;
    text-transform: uppercase;
    font-family: arial;
    font-size: .8em;
    letter-spacing: 1px;
}

#discoAnchor li::after {
    content: "";
    position: absolute;
    top: .05em;
    right: -.8em;
    width: 1px;
    height: 80%;
}

#discoAnchor li:last-child::after {
    display: none;
}

#discoAnchor li a {
    color: #ffffff;
    text-decoration: none;
}

#discoFeatured {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1300px;
    padding: 2em 1.25em;
}

#discoFeatured .left {
    position: relative;
    width: 40%;
    float: left;
}

#discoFeatured .left img {
    display: block;
    width: 100%;
    height: auto;
}

#discoFeatured .right {
    position: absolute;
    left: 40%;
    width: 60%;
    height: 84%;
    padding: 0 6.5% 2% 6.5%;
    overflow-y: scroll;
}

.single-discographie #discoFeatured .right {
    padding: 0 6.5% 4% 6.5%;
}

#discoFeatured .right h2 {
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.5;
}

#discoFeatured .right h3 {
    text-transform: uppercase;
    color: #CCDDE0;
    margin: .5em 0;
}

#discoFeatured .right .tracklist {
    margin: 1em 0 2em 0;
}

#discoFeatured .right .tracklist .track {
    position: relative;
    width: 100%;
    padding: .3em 0;
}

#discoFeatured .right .tracklist .track .number {
    position: absolute;
    top: .3em;
    width: 25px;
    display: inline-block;
    color: #ffffff;
}

#discoFeatured .right .tracklist .track h4 {
    display: inline-block;
    width: calc(100% - 100px);
    padding-left: 25px;
}

#discoFeatured .right .tracklist .track .openParole {
    float: right;
    font-family: arial;
    text-transform: uppercase;
    text-decoration: none;
    font-size: .75em;
}

.buy {
    text-decoration: none;
    text-transform: uppercase;
    font-family: arial;
    padding: .7em 1.2em;
    font-size: .9em;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.discoCategory {
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 1.5em 1.5em 1.5em 1.5em;
    max-width: 1500px;
}

#albumsStudio {
    padding-top: 2em;
}

.discoCategory .discoCatTitle {
    position: relative;
    font-size: 1.875em;
    text-transform: uppercase;
    background: #061726;
    margin-bottom: 1.75em;
    margin-left: 2%;
    display: inline-block;
    clear: both;
}

.discoCategory .discoCatTitle::after {
    content: "";
    position: absolute;
    bottom: -.2em;
    left: 0;
    width: 100%;
    height: 2px;
}

.discoList article {
    width: 24.5%;
    padding: 0 2%;
    display: inline-block;
    -webkit-transition: all 0.65s cubic-bezier(0.7, 0.3, 0, 1);
    transition: all 0.65s cubic-bezier(0.7, 0.3, 0, 1);
    margin-bottom: 4%;
    vertical-align: top;
}

.discoList .albumOpen {
    padding-bottom: 622px;
}

.discoList article .thumb {
    position: relative;
    padding-bottom: 1em;
    cursor: pointer;
}

.discoList article .thumb::before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #061726;
    top: 96%;
    z-index: 100;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    opacity: 0;
}

.discoList .albumOpen .thumb::before {
    opacity: 1;
}

.discoList article .thumb img {
    width: 100%;
    height: auto;
}

.discoList article .thumb h2 {
    position: relative;
    margin: .6em 0 .3em 0;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.4em;
}

.discoList article .thumb h3 {
    color: #CCDDE0;
}

.discoList .unroll {
    position: absolute;
    left: 0;
    width: 100%;
    background: #061726;
    z-index: 200;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.65s cubic-bezier(0.7, 0.3, 0, 1);
    transition: all 0.65s cubic-bezier(0.7, 0.3, 0, 1);
}

.discoList .albumOpen .unroll {
    height: 622px;
}

.discoList .unrollCtt {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1300px;
    padding: 4em 2em;
}

.discoList .unroll .left {
    position: relative;
    width: 40%;
    float: left;
}

.discoList .unroll .left img {
    display: block;
    width: 100%;
    height: auto;
}

.discoList .unroll .right {
    position: relative;
    width: 60%;
    height: 560px;
    height: calc(620px - 8em);
    float: right;
}

.discoList .unroll .right>div {
    padding: 0 7.5%;
}

.discoList .unroll .albumClose {
    font-size: 2em;
    position: absolute;
    top: .7em;
    right: .7em;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    cursor: pointer;
}

.discoList .unroll .albumClose:hover {
    transform: scale(1.2);
}

.discoList .unroll .right h2 {
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: bold;
    width: 100%;
    padding-right: 30px;
}

.discoList .unroll .right h4 {
    display: inline-block;
    width: calc(100% - 100px);
    padding-left: 25px;
}

.discoList .unroll .right .tracklist {
    margin: 1em 0 2em 0;
}

.discoList .unroll .right .tracklist .track {
    position: relative;
    width: 100%;
    padding: .3em 0;
}

.discoList .unroll .right .tracklist .track .number {
    position: absolute;
    top: .3em;
    width: 25px;
    display: inline-block;
    color: #ffffff;
}

.discoList .unroll .right .tracklist .track h3 {
    display: inline-block;
    width: calc(100% - 100px);
    padding-left: 25px;
}

.discoList .unroll .right .tracklist .track .openParole {
    float: right;
    font-family: arial;
    text-transform: uppercase;
    text-decoration: none;
    font-size: .75em;
}

.post-type-archive-discographie .parolesOverlay,
.single-discographie .parolesOverlay {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    z-index: 999;
    /*background:rgba(238, 238, 238, 0.98);*/
    background: #061726;
}

.post-type-archive-discographie .parolesOverlayCtt,
.single-discographie .parolesOverlayCtt {
    position: relative;
    margin: 0 auto;
    padding: 4em;
    max-width: 700px;
    overflow: scroll;
    color: #ffffff;
}

.post-type-archive-discographie .parolesOverlayCtt h3,
.single-discographie .parolesOverlayCtt h3 {
    text-transform: uppercase;
    font-size: 1.5em;
    margin-bottom: 2em;
    text-align: center;
    font-weight: bold;
}

.post-type-archive-discographie .closeCross,
.single-discographie .closeCross {
    position: fixed;
    top: 2em;
    right: 2em;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    z-index: 999;
    color: #ffffff;
    text-decoration: none;
    font-size: 2em;
}

.post-type-archive-discographie .closeCross:hover,
.single-discographie .closeCross:hover {
    transform: scale(1.2);
}


/* CONCERTS */

#concertsAnchor {
    position: relative;
    width: 100%;
    padding: .5em 1em .4em 1em;
    text-align: center;
    margin-bottom: 1em;
}

#concertsAnchor li {
    position: relative;
    margin: 0 .7em;
    display: inline-block;
    text-transform: uppercase;
    font-family: arial;
    font-size: .8em;
    letter-spacing: 1px;
}

#concertsAnchor li::after {
    content: "";
    position: absolute;
    top: .05em;
    right: -.8em;
    width: 1px;
    height: 80%;
}

#concertsAnchor li:last-child::after {
    display: none;
}

#concertsAnchor li a {
    color: #ffffff;
    text-decoration: none;
}

.currentTour {
    position: relative;
    max-width: 1000px;
    height: 100%;
    background: #061726;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    left: 50% !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.currentTour iframe {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.concertCategory {
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 1.5em 1.5em 1.5em 1.5em;
    max-width: 1500px;
}

#albumsStudio {
    padding-top: 2em;
}

.concertCategory .concertCatTitle {
    position: relative;
    font-size: 1.875em;
    text-transform: uppercase;
    background: #061726;
    margin-bottom: 1.75em;
    margin-left: 2%;
    display: inline-block;
    clear: both;
}

.concertCategory .concertCatTitle::after {
    content: "";
    position: absolute;
    bottom: -.2em;
    left: 0;
    width: 100%;
    height: 2px;
}

.concertList article {
    width: 24.5%;
    padding: 0 2%;
    display: inline-block;
    -webkit-transition: all 0.65s cubic-bezier(0.7, 0.3, 0, 1);
    transition: all 0.65s cubic-bezier(0.7, 0.3, 0, 1);
    margin-bottom: 4%;
    vertical-align: top;
}

.concertList .albumOpen {
    padding-bottom: 684px;
}

.concertList article .thumb {
    position: relative;
    padding-bottom: 1em;
    cursor: pointer;
}

.concertList article .thumb::before {
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #061726;
    top: 96%;
    z-index: 100;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    opacity: 0;
}

.concertList .albumOpen .thumb::before {
    opacity: 1;
}

.concertList article .thumb img {
    width: 100%;
    height: auto;
}

.concertList article .thumb h2 {
    position: relative;
    margin: .6em 0 .3em 0;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.4em;
}

.concertList article .thumb h3 {
    color: #CCDDE0;
}

.concertList .unroll {
    position: absolute;
    left: 0;
    width: 100%;
    background: #061726;
    z-index: 200;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.65s cubic-bezier(0.7, 0.3, 0, 1);
    transition: all 0.65s cubic-bezier(0.7, 0.3, 0, 1);
}

.concertList .albumOpen .unroll {
    height: 684px;
}

.concertList .unrollCtt {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1300px;
    padding: 4em 2em;
}

.concertList .unroll .left {
    position: relative;
    width: 40%;
    float: left;
    text-align: center;
}

.concertList .unroll .left img {
    width: auto;
    height: 100%;
}

.concertList .unroll .right {
    position: relative;
    width: 60%;
    height: 560px;
    height: calc(620px - 4em);
    float: right;
}

.concertList .unroll .right>div {
    padding: 0 7.5%;
}

.concertList .unroll .albumClose {
    font-size: 2em;
    position: absolute;
    top: .7em;
    right: .7em;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    cursor: pointer;
}

.concertList .unroll .albumClose:hover {
    transform: scale(1.2);
}

.concertList .unroll .right h2 {
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: bold;
}

.concertList .unroll .right h3 {
    text-transform: uppercase;
    color: #CCDDE0;
    margin: 1em 0;
}

.concertList .unroll .right .tracklist {
    margin: 1em 0 2em 0;
}


/*
	
	

.singleConcert{position:relative; background:#061726; padding:3em;}
.singleConcert .singleConcertCtt{position:relative; margin:0 auto; width:100%; max-width:800px;}
.singleConcert .concertTitle{color:#ffffff; font-size:1.5em; text-transform:uppercase; font-weight:bold;}
.singleConcert .concertDate{position:relative; margin:.5em 0;}
*/


/* GALERIES */

#galeriesAnchor {
    position: relative;
    width: 100%;
    padding: .5em 1em .4em 1em;
    text-align: center;
    margin-bottom: 1em;
}

#galeriesAnchor li {
    position: relative;
    margin: 0 .7em;
    display: inline-block;
    text-transform: uppercase;
    font-family: arial;
    font-size: .8em;
    letter-spacing: 1px;
}

#galeriesAnchor li::after {
    content: "";
    position: absolute;
    top: .05em;
    right: -.8em;
    width: 1px;
    height: 80%;
}

#galeriesAnchor li:last-child::after {
    display: none;
}

#galeriesAnchor li a {
    color: #ffffff;
    text-decoration: none;
}

.galeries {
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 1.5em;
    max-width: 1500px;
}

.galeries .galeriesTitle {
    position: relative;
    font-size: 1.875em;
    text-transform: uppercase;
    background: #061726;
    margin-bottom: 1em;
    margin-left: 2%;
    clear: both;
    display: inline-block;
}

.galeries .galeriesTitle::after {
    content: "";
    position: absolute;
    bottom: -.2em;
    left: 0%;
    width: 100%;
    height: 2px;
}

.galeries article {
    position: relative;
    width: 25%;
    padding: 0 2%;
    float: left;
    margin-bottom: 4%;
}

.galeries article:nth-child(4n+1) {
    clear: left;
}

.galeries article a {
    display: block;
    color: #ffffff;
    text-decoration: none
}

.galeries article a .img {
    position: relative;
    display: block;
}

.galeries article a .img img {
    display: block;
    width: 100%;
    height: auto;
}

.galeries article a .img .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    text-align: center;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    opacity: 0;
}

.galeries article a .img .overlay div {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.galeries article a:hover .img .overlay {
    opacity: 1;
}

.galeries article a h2 {
    font-weight: bold;
    font-size: 1.25em;
    margin: .7em 0 .5em 0;
    text-align: center;
}

.galeries article a h3,
.galeries article a h4 {
    text-align: center;
    margin-bottom: .25em;
}

.singleGaleries {
    position: relative;
    background: #061726;
    padding: 3em;
}

.singleGaleries .singleGaleriesCtt {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 800px;
}

.singleGaleries .singleGaleriesTitle {
    color: #ffffff;
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 1em;
}

.singleGaleries .singleGaleriesAnnee {
    margin-top: .5em;
}

.singleGaleries .album {
    background: #061726;
    padding: 1em;
    margin: 2em auto;
}

.gallery-item a {
    display: block;
    padding: 0 .4em;
}

.gallery-item a img {
    width: 100%!important;
    height: auto !important;
    border: 0 !important;
}

.tos-caption>div {
    padding: .75em 0;
    font-family: helvetica, arial, sans-serif;
    font-size: .8em;
}

.singleGaleries .gallery-caption {
    display: none;
}

.textZone .wp-video,
.textZone .wp-video video {
    width: 100% !important;
    height: auto !important;
}

.tabContainer {
    position: relative;
    width: 100%;
    display: block;
}

.tabContainer>.tab-links {
    padding: 0 2%
}

.tabContainer>.tab-links:after {
    display: block;
    clear: both;
    content: '';
}

.tabContainer>.tab-links li {
    display: inline-block;
    margin: 1em 1em 1em 0;
    float: left;
    list-style: none;
}

.tabContainer>.tab-links a {
    position: relative;
    font-size: 1.275em;
    text-transform: uppercase;
    background: #061726;
    width: 100%;
    margin-right: 2%;
    clear: both;
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
}

.tabContainer .tab-content {
    padding: 1em 0;
}

.tabContainer .tab {
    display: none;
}

.tabContainer .tab.active {
    display: block;
}


/*
.tabContainer .tab-content .tab-links li{position:relative; display:block; float:left; width:33.3333%; margin-bottom:1em;}
.tabContainer .tab-content .tab-links li a{text-decoration:none; color:#253450;}
.tabContainer .tab-content .tab-links li a .img{position:relative; }
.tabContainer .tab-content .tab-links li a:hover .img::before, .tabContainer .tab-content .tab-links li.active a .img::before{position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ""; border-style: solid; border-width: 15px 0 15px 26.0px; border-color: transparent transparent transparent #fff; -webkit-transition: all .2s linear; transition: all .2s linear;}
.tabContainer .tab-content .tab-links li img{display:block; width:100%; height:auto; margin-bottom:.7em;}
	.tabContainer .tab-content .tab-links li:nth-child(3n+1){padding-right:1em;}
	.tabContainer .tab-content .tab-links li:nth-child(3n+2){padding:0 .5em; }
	.tabContainer .tab-content .tab-links li:nth-child(3n+3){padding-left:1em;}
	*/


/* LIVRE D'OR */

#livreDorComment {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 800px;
    padding: 1em 0;
}

#livreDorComment h3 {
    display: none;
}

#livreDorComment form {
    margin: 1em 0;
}

#livreDorComment input {
    position: relative;
    font-family: "MinionPro", "Times New Roman", Times, serif;
    border: 0;
    font-size: .95em;
    background: #fff;
    outline: none;
    -webkit-appearance: none;
    padding: 1em !important;
    width: 48%;
    max-width: 350px;
    margin-bottom: 1em;
    float: left;
    margin-right: 2%;
}

#livreDorComment textarea {
    position: relative;
    font-family: "MinionPro", "Times New Roman", Times, serif;
    border: 0;
    font-size: .95em;
    background: #fff;
    outline: none;
    -webkit-appearance: none;
    padding: 1em 1em .75em 1em;
    width: 100%;
    margin-bottom: 1em;
}

.comment-form-attachment {
    margin-bottom: .75em !important;
}

#livreDorComment #attachment {
    background: #fff;
    padding: 0;
}

#livreDorComment .attachmentRules {
    display: block;
    color: #CCDDE0;
    font-size: .8em;
}

#livreDorComment #submit {
    position: relative;
    color: #CCDDE0;
    border: 2px solid #CCDDE0;
    letter-spacing: 1px;
    -webkit-appearance: none;
    font-family: arial;
    text-transform: uppercase;
    font-size: .7em;
    background: transparent;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    max-width: 240px;
    cursor: pointer;
}

#livreDorComment #submit:hover {
    color: #fff;
    background: #CCDDE0;
}

#livreDorList li {
    position: relative;
    padding-bottom: 3em;
    border-bottom: 1px solid #ccc;
    margin-bottom: 3em;
}

#livreDorList li .image {
    position: relative;
    float: left;
    display: block;
    padding: 0 1em .7em 0;
}

#livreDorList li .image img {
    max-width: 140px;
    height: auto;
}

#livreDorList li .commentAuthor {
    font-weight: bold;
}

#livreDorList li .commentDate {
    color: #CCDDE0;
    font-size: .8em;
    position: relative;
    margin: .5em 0;
}

.page-template-livredor .commentForm,
.page-template-livredor #unrollComments {
    display: none;
}

.page-template-livredor .commentlist {
    display: block !important
}


/* PAGES */

.pageTitle {
    position: relative;
    font-size: 1.875em;
    text-transform: uppercase;
    background: #061726;
    margin-bottom: 1.75em;
    display: inline-block;
    clear: both;
}

.pageTitle::after {
    content: "";
    position: absolute;
    bottom: -.2em;
    left: 0;
    width: 100%;
    height: 2px;
}


/* FOOTER */

footer {
    background: #061726;
    padding: 3em;
}

footer h1 {
    position: relative;
    margin-bottom: .5em;
    text-transform: uppercase;
    font-size: 1.5em;
}

footer .left {
    position: relative;
    float: left;
    width: 50%;
    background: url(img/CorbeauFooter.png) left center no-repeat;
    background-size: auto 100%;
    padding-left: 8em;
    padding-top: 1em;
    padding-bottom: .675em;
}

footer .left p {
    line-height: 1.5em;
    width: 90%;
    max-width: 400px;
    margin-bottom: 1.5em;
}

footer .left .nlSubscribe {
    position: relative;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-family: arial;
    padding: .6em 1.2em;
    font-size: .9em;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    border: 2px solid;
}

footer .right {
    position: relative;
    float: right;
    width: 50%;
    text-align: right;
}

footer .Social {
    position: relative;
    padding-bottom: 2em;
}

footer .Social li {
    position: relative;
    display: inline-block;
    margin-left: .5em;
}

footer .Social li a {
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
    background: url(img/Social2.png) no-repeat;
    background-size: auto 16px;
    text-indent: -9999px;
    font-size: 0;
    padding: .25em;
    margin: .15em;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

footer .Social li a {
    opacity: .4;
}

footer .Social li a:hover {
    opacity: 1;
}

footer .Social li a.Facebook {
    background-position: 6px center;
}

footer .Social li a.Twitter {
    background-position: -24px center;
}

footer .Social li a.Instagram {
    background-position: -51px center;
}

footer .Social li a.Newsletter {
    background-position: -80px center;
}

footer .credits {
    position: relative;
    font-size: .7em;
    margin: 3em 0;
}

footer .credits a {
    color: #ffffff;
}

@media only screen and (max-width: 860px) {
    #welcome img {
        height: 85%;
    }
    #welcome #links {
        bottom: 2em;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 80%;
    }
    #welcome .Social {
        bottom: 1em;
        width: 90%;
    }
    header {
        background: #061726;
    }
    header nav {
        position: fixed;
        display: none;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #061726 url(img/Corbeau.png) -30px bottom no-repeat;
        background-size: 30% auto;
        text-align: center;
        z-index: 998;
    }
    header .menu {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    header .menu li {
        position: relative;
        display: block;
        font-size: 1.75em;
        margin-bottom: .75em;
    }
    header .menu li::after {
        display: none;
    }
    header .Social {
        display: none;
    }
    .navClose {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 1em;
        height: 22px;
        width: 30px;
        z-index: 999;
        cursor: pointer;
    }
    .navClose .burgerTop,
    .navClose .burgerMiddle,
    .navClose .burgerBottom {
        background-color: #ffffff;
        display: block;
        height: 4px;
        width: 100%;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }
    .navClose .burgerMiddle {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .navClose .burgerBottom {
        position: absolute;
        bottom: 0;
    }
    .navOpen .burgerMiddle {
        width: 0%;
        opacity: 0;
        background-color: #ffffff;
    }
    /*.navClose:hover .burgerTop, .navClose:hover .burgerMiddle, .navClose:hover .burgerBottom{background-color:#004f6e;}*/
    .navOpen .burgerTop,
    .navOpen .burgerBottom {
        position: absolute;
        margin: 0 auto;
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        background-color: #ffffff;
    }
    .navOpen .burgerTop {
        left: 4px;
        top: -2px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .navOpen .burgerBottom {
        left: 4px;
        bottom: -2px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    /* ACTU LIST */
    #actusList article .postImg {
        width: 100%;
        float: inherit;
    }
    #actusList .postRight {
        float: inherit;
        width: 100%;
        margin-left: inherit;
        margin-top: 5%;
    }
    #actusList .postRight .postTop {
        min-height: inherit;
    }
    #singlePost .singleTop {
        padding: 3em 1em;
    }
    #singlePost .commentZone {
        padding: 3em 1em;
    }
    /* DISCOGRAPHIE */
    .discoList article {
        width: 32.8%;
    }
    .discoList .unroll .left {
        display: none;
    }
    .discoList .unroll .right {
        width: 100%;
        float: inherit;
        padding: 2% 7.5%;
    }
    #discoFeatured {
        padding: 0;
    }
    #discoFeatured .left {
        width: 100%;
        float: inherit;
        padding: 5%;
    }
    #discoFeatured .right {
        position: relative;
        left: inherit;
        top: inherit;
        height: auto;
        width: 100%;
    }
    /* CONCERTS */
    .concerts article {
        width: 33.333%;
    }
    .concerts article:nth-child(4n+1) {
        clear: inherit;
    }
    .concerts article:nth-child(3n+1) {
        clear: left;
    }
    .concertList .unroll .left {
        display: none;
    }
    .concertList .unroll .right {
        width: 100%;
        float: inherit;
        padding: 2% 7.5%;
    }
    /* GALERIES */
    .galeries article {
        width: 50%;
    }
    .galeries article:nth-child(4n+1) {
        clear: inherit;
    }
    .galeries article:nth-child(2n+1) {
        clear: left;
    }
    /* FOOTER */
    footer {
        padding: 2em 1em 0 1em;
    }
    footer .left {
        position: relative;
        text-align: center;
        float: inherit;
        width: 100%;
        background: inherit;
        padding-left: 0;
    }
    footer .left p {
        width: 100%;
        max-width: inherit;
    }
    footer .right {
        margin-top: 3em;
        float: inherit;
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width: 600px) {
    .flex-nav-prev,
    .flex-nav-next {
        width: 3.5em;
    }
    .flex-nav-prev a,
    .flex-nav-next a {
        width: 4em;
        height: 4em;
    }
    #actusList {
        padding: 1em 1em 3em 1em;
    }
    .actus .postTitle {
        font-size: 1.2em;
    }
    .actus .postShare {
        display: none;
    }
    .actus .postRight .postFooter .postComments {
        width: 100%;
    }
    .discoCategory {
        padding: .75em;
    }
    .discoList article {
        width: 49%;
    }
    .discoList .unrollCtt {
        padding: 2em 1em;
    }
    .discoList .unroll .right,
    .discoList .unroll .right>div {
        padding: 0;
    }
    .discoList .unroll .albumClose {
        top: 0;
        right: 0;
        font-size: 1.5em;
    }
    .concertList .unroll .right>div {
        padding: 0 3.5%;
    }
    /* CONCERTS */
    .concerts {
        padding: 1.5em 1em;
    }
    .concertList article {
        width: 49.2%;
    }
    .concertList .unrollCtt {
        padding: 2em 1em;
    }
    .concertList .unroll .right,
    .discoList .unroll .right>div {
        padding: 0;
    }
    .concertList .unroll .albumClose {
        top: 0;
        right: 0;
        font-size: 1.5em;
    }
    /* GALERIES */
    .galeries {
        padding: 1.5em 1em;
    }
    .galeries article {
        width: 100%;
        margin-bottom: 2em;
    }
    .tabContainer>.tab-links li {
        margin: .5em 1em .5em 0;
    }
    .tabContainer>.tab-links li.tiret {
        display: none;
    }
    .singleGaleries {
        padding: 1.5em 1em;
    }
}

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

.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}