/*   
Theme Name: MMDWC
Author: MATTIEU MOREAU DOMECQ WEB CONCEPTION
Author URI: http://www.mattieumoreaudomecq.com
*/

/* 
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}                 

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

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

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

/*-------------------------------------------------------------------------------*/

/* CSS
-------------------------------------------------------------------------------*/

html,body {
width:100%;
height:100%;
padding:0;
margin:0
}

body {
color: black;
font-family: 'Didot';
font-size: 18px;
line-height: 24px;
overflow-x: hidden;
}

body.loading {
opacity: 0;
}

*:focus {
outline: none!important;
box-shadow: none!important;
border-color: transparent;!important;
text-decoration: none!important;
}

* {
    -webkit-overflow-scrolling: touch;
}

header {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

strong {
font-weight: normal;
font-family: 'Didot-Bold';
}

.container {
padding-right: 45px;
padding-left: 45px;
margin-right: auto;
margin-left: auto;
}

#wrapper {
width:100%;
height:100%;
}

#qtranslate-chooser, .open_menu {
position: fixed;
font-family: arial;
text-transform: uppercase;
font-size: 15px;
border-bottom: 2px solid;
line-height: 20px;
font-weight: bold;
letter-spacing: 2px;
z-index: 103;
cursor: pointer;
}

.open_menu {
right: 15px;
top: 30px;
}

#qtranslate-chooser {
left: 15px;
bottom: 30px;
z-index: 201;
}

#qtranslate-chooser a,
#qtranslate-chooser a:active,
#qtranslate-chooser a:visited,
#qtranslate-chooser a:hover {
color: black;
text-decoration: none;
}

#qtranslate-chooser li {
list-style: none;
margin-bottom: 0px;
}

#qtranslate-chooser li.active {
	display: none;
}


body.menu_open {
overflow: hidden;
}

body.menu_open #menu_overlay {
right: 0px;
}

/* CIRCLE */

.circle {
position: fixed;
border-radius: 50%;
z-index: -1;
height: 75vh;
width: 75vh;
border-radius: 100%;
max-width: 400px;
max-height: 400px;
}

.circle_2 {
position: fixed;
z-index: -1;
border-radius: 50%;
background: ;
height: 25vh;
width: 25vh;
border-radius: 100%;
}

.circle_3 {
position: fixed;
z-index: -1;
border-radius: 50%;
background: ;
height: 15vh;
width: 15vh;
border-radius: 100%;
display: none;
}

.page-id-39 .circle {
top: 44vh!important;
right: 5vw!important;
}

.page-id-39 .circle_2 {
top: 20vh!important;
left: 3vw !important;
}

.page-id-41 .circle {
top: 10vh!important;
right: 10vw!important;
}

.page-id-41 .circle_2 {
top: 60vh!important;
left: 12vw!important;
}

.page-id-43 .circle {
top: 10vh!important;
right: 10vw!important;
}

.page-id-43 .circle_2 {
top: 60vh!important;
left: 12vw!important;
}

.page-id-45 .circle {
top: 19vh!important;
right: 5vw!important;
}

.page-id-45 .circle_2 {
top: 47vh!important;
left: 10vw!important;
}

.page-id-277 .circle {
top: 28vh!important;
right: 7vw!important;
}

.page-id-277 .circle_2 {
top: 23vh !important;
left: 5vw!important;
}

.page-id-277 .circle_3 {
top: 63vh!important;
left: 15vw !important;
display: block;
}

.page-id-60 .circle {
top: 26vh!important;
right: 5vw!important;
}

.page-id-60 .circle_2 {
top: 40vh!important;
left: 4vw!important;
}

.page-id-60 .circle_3 {
top: 70vh !important;
left: 54vw !important;
display: block;
}

.page-id-54 .circle_2 {
top: 33vh !important;
left: 3vw !important; 
}

.page-id-54 .circle_3 {
top: 70vh !important;
left: 36vw !important;
display: block;
}

.page-id-69 .circle,
.page-id-72 .circle {
top: 24vh!important;
right: 12vw!important;
}

.page-id-69 .circle_2,
.page-id-72 .circle_2 {
top: 47vh!important;
left: 20vw!important;
}

.page-id-77 .circle {
top: 15vh !important;
right: 6vw!important;
}

.page-id-77 .circle_2 {
top: 70vh !important;
left: 3vw !important;   
}

.page-id-77 .circle_3 {
top: 72vh !important;
right: 5vw !important;
display: block; 
}

.page-id-75 .circle {
top: 15vh !important;
right: 6vw!important;
display: none!important;
}

.page-id-75 .circle_2 {
top: 12vh !important;
left: 3vw !important;   
}

.page-id-75 .circle_3 {
top: 72vh !important;
right: 5vw !important;
display: block; 
}

.page-id-62 .circle,
.page-id-62 .circle_2 {
display: none;
}

.page-id-79 .circle {
top: 35vh !important;
left: 5vw !important;
}

.page-id-79 .circle_2 {
top: 25vh !important;
left: 35vw !important;   
}

.page-id-79 .circle_3 {
top: 52vh !important;
right: 18vw !important;
display: block; 
}

.page-id-47 .circle {
top: 15vh !important;
right: 6vw!important;
}

.page-id-47 .circle_2 {
top: 70vh !important;
left: 3vw !important;   
}

.parent-pageid-6 #menu_overlay,
.parent-pageid-6 .circle, 
.parent-pageid-6 .circle_2,
.parent-pageid-6 .circle_3{
background-color: rgb(255, 255, 149);
}

.parent-pageid-12 #menu_overlay,
.parent-pageid-12 .circle, 
.parent-pageid-12 .circle_2,
.parent-pageid-12 .circle_3 {
background-color: rgb(255, 223, 0);

}

.parent-pageid-8 .circle, 
.parent-pageid-8 .circle_2,
.parent-pageid-8 .circle_3{
    display: none;
}

.parent-pageid-8 #menu_overlay {
    background-color: rgb(249, 249, 105);
}

.parent-pageid-10 #menu_overlay,
.parent-pageid-10 .circle, 
.parent-pageid-10 .circle_2,
.parent-pageid-10 .circle_3 {
background-color: rgb(204, 153, 0);
}

.parent-pageid-14 #menu_overlay,
.parent-pageid-14 .circle, 
.parent-pageid-14 .circle_2,
.parent-pageid-14 .circle_3{
background-color: #dad948;
}

.page-id-85 #menu_overlay,
.page-id-85 .circle, 
.page-id-85 .circle_2,
.page-id-85 .circle_3{
background-color: rgb(222, 209, 200);
}

.letter, #menu_overlay {
-webkit-transition: right .3s ease-in-out;
-moz-transition: right .3s ease-in-out;
-o-transition: right .3s ease-in-out;
transition: right .3s ease-in-out;
}

.letter a,
.letter a:active,
.letter a:visited,
.letter a:hover {
color: black;
text-decoration-line: none;
}

.letter .break {
margin-right: -2px;
margin-left: 0px;
display: inline-block;
font-weight: bold;
position: relative;
top: 5px;
}

#menu_overlay {
position: fixed;
height: 100vh;
width: 100vw;
top: 0px;
right: -100vw;
background-color: white;
z-index: 200;
font-size: 45px;
line-height: 55px;
text-align: left;
font-family: 'Didot-Bold';
padding-top: 150px;
}

.menu li {
list-style: none;
cursor: pointer;
position: relative;
pointer-events: none;
}

.menu li a {
position: relative;
}

.menu li a:hover {
border-bottom: 2px solid;
text-decoration: none;
}

.menu li a::before {
list-style: none;
content: "\2022";
margin-right: 10px;
font-size: 60px;
position: absolute;
top: 5px;
left: -40px;
}

.menu li a,
.menu li a:visited,
.menu li a:active,
.menu li a:hover {
color: black;
}

.menu-item-has-children a {
pointer-events: none;
}

.menu-item-has-children .sub-menu a {
pointer-events: initial!important;
}

.sub-menu {
font-size: 20px;
line-height: 28px;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 30px;
padding-right: 25%;
}

.menu .sub-menu li {
margin-bottom: 5px;
}

.sub-menu li a::before {
font-size: 20px !important;
margin-right: 5px !important;
top: 5px !important;
left: -15px !important;
line-height: 20px;
}

h2 {
font-size: 35px;
line-height: 45px;
font-family: 'Didot-Bold';
text-indent: 0px;
max-width: none;
text-align: left;
margin-bottom: 45px;
}

/* HOME */

.couverture_container {
height: 100vh;
background-color: white;
}

.couverture_container_inside {
height: calc(100% - 140px);
overflow: hidden;
position: relative;
top: 70px;
left: 70px;
width: calc(100% - 140px);
}

#couverture {
width: 100%;
height: 200%;
position: relative;
bottom: 80%;
left: 0px;
}

.title {
color: white;
font-size: 70px;
line-height: 70px;
top: 160px;
position: fixed;
left: 80px;
}

#content {
padding: 0px;
}

#content #inside {
margin: 0 auto;
padding: 35px 20px 0px 20px;
max-width: 1140px;
}

#content_photo_montage h1 {
font-family: 'Didot-Bold';
text-align: center;
z-index: 5;
width: 100%;
text-align: center;
font-size: 45px;
line-height: 25px;
position: fixed;
width: 100%;
top: 35px;
}

#content h1 {
font-family: 'Didot-Bold';
text-align: center;
z-index: 5;
width: 100%;
text-align: center;
padding-bottom: 45px;
max-width: 800px;
margin: 0 auto;
font-size: 45px;
line-height: 45px;
}

#content .arrow_down {
width: 35px;
height: 35px;
-webkit-transform: rotate(45deg);
border-left: none;
border-top: none;
border-right: 1px rgb(0, 0, 0) solid;
border-bottom: 1px rgb(0, 0, 0) solid;
margin: 0 auto;
margin-top: -48px;
margin-bottom: 40px;
display: none;
}

.page-template-page_Home .letter {
display: none;
}

.page-template-page_Home .letter.home {
display: block;
}

.letter {
font-size: 65px;
line-height: 80px;
font-family: 'Didot-Bold';
position: fixed;
z-index: 100000
}

.letter.home {
display: none;
}

#p.home {
bottom: 10px;
right: 20px;
}

#b.home {
left: 25px;
}

#p {
bottom: 0px;
right: 20px;
}

#b {
top: 0px;
left: 20px;
}

#close_cross {
width: 50px;
height: 50px;
position: absolute;
cursor: pointer !important;
right: 15px;
top: 22px;
z-index: 10000;
}

#close_cross span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: black;
border-radius: 0px;
opacity: 1;
left: 0;
}

#close_cross span:nth-child(1) {
top: 15px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}

#close_cross span:nth-child(2) {
top: 15px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

#close_cross:hover span:nth-child(1) {
top: 15px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

#close_cross:hover span:nth-child(2) {
top: 15px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

/* PLAYER */

.menu_open .audio-player {
	bottom: -63px!important;
}

.audio-player {
position: fixed;
width: 100%;
height: 60px;
bottom: -63px;
left: 0px;
background-color: rgb(204, 153, 0);
z-index: 1000;
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}

.audio-player.open {
bottom: 0px;
}

#playlist {
margin-bottom: 70px;
}

#playlist li {
font-weight: normal;
font-family: "Didot-Bold";
font-size: 18px;
line-height: 24px;
margin-bottom: 5px;
}

#playlist li a,
#playlist li a:active,
#playlist li a:visited {
color: black;
border-bottom: none;
}

#playlist li a:hover,
#playlist li.active a {
text-decoration: none;
border-bottom: 2px solid;
}

#playlist span {
font-family: 'Didot';
margin-left: 5px;
}

.player-controls {
text-align: center;
height: 80px;
}

.player-controls p {
position: relative;
width: 65%;
display: none;
font-size: 18px;
line-height: 24px;
margin: 0 auto;
top: -3px;
font-size: 35px;
line-height: 65px;
font-family: 'Didot-Bold';
}

#seek-obj-container {
position: absolute;
top: -18px;
width: 100%;
text-align: center;
left: 0px;
}

progress {
width: 100%;
}

progress[value] {
-webkit-appearance: none;
-moz-appearance:    none;
appearance:         none;
background-color: black;
height: 3px;
box-shadow: none;
border-radius: 0px;
padding: 0px;
border: 0 none;
margin: 0px;
cursor: pointer;
}

progress[value]::-webkit-progress-bar {
background-color: black;
border-radius: 0px;
}

progress::-moz-progress-bar {
background-color: rgb(255, 140, 4);
color: rgb(255, 140, 4)
}

progress::-webkit-progress-value {
background-color: rgb(255, 140, 4);
color: rgb(255, 140, 4)
}

#start-time {
position: absolute;
left: 110px;
font-size: 20px;
font-family: 'Didot-Bold';
line-height: 65px;
top: -3px;
}

#end-time {
position: absolute;
top: -3px;
right: 60px;
font-size: 20px;
line-height: 65px;
font-family: 'Didot-Bold';
}

#play-btn {
display: inline-block;
vertical-align: middle;
padding: 0px 5px;
width: 40px;
text-align: center;
}

.fa-step-backward,
.fa-step-forward {
font-size: 22px !important;
vertical-align: middle;
}

#controls_fa {
top: 12px;
position: absolute;
font-size: 35px;
left: 15px;
}

#controls_fa .fa {
cursor: pointer;
}

#play-btn .fa-pause {
display: none;
}

#play-btn.pause .fa-pause {
display: block;
}

#play-btn.pause .fa-play {
display: none;
}

#close_player_cross {
width: 38px;
height: 38px;
position: absolute;
cursor: pointer !important;
right: 15px;
top: 12px;
z-index: 10000;
}

#close_player_cross span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: black;
border-radius: 0px;
opacity: 1;
left: 0;
}

#close_player_cross span:nth-child(1) {
top: 15px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}

#close_player_cross span:nth-child(2) {
top: 15px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

#close_player_cross:hover span:nth-child(1) {
top: 15px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

#close_player_cross:hover span:nth-child(2) {
top: 15px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.extraits_img {
position: fixed;
bottom: 20px;
right: 100px;
height: 85vh;
width: auto!important;
}

/* DISCOGRAPHIE */

.page-discographie li {
   margin-bottom: 10px;
}

.page-discographie #content img {
    width: 100%;
    display: block;
    margin-bottom: 31px !important;
    position: relative;
    padding-bottom: 0px;
}

.page-discographie ._date {
	margin-bottom: 30px !important;
}

/* PHOTOS MONTAGE */

.slide {
height: 100vh !important;
padding-top: 95px;
padding-bottom: 75px;
background-color: transparent;
padding-right: 24.5px;
padding-left: 24.5px;
position: relative;
width: 100%;
text-align: center;
}

.slide img {
max-height: 100%;
max-width: 100%;
display: block;
height: auto;
width: auto;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.overlay_texte {
background-color: white;
width: 50%;
padding: 22px 22px 0px 22px;
border: 2px solid black;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 101;
text-align: center;
}

.overlay_texte p {
margin-bottom: 22px;
}

.launch_slideshow {
font-family: 'Didot-Bold';
cursor: pointer;
}

#close_cross.close_overlay {
width: 30px;
height: 30px;
position: absolute;
cursor: pointer !important;
right: 16px;
top: 15px;
z-index: 10000;
}

.controls {
display: none;
}

.slide .legende_photo {
position: absolute;
width: 100%;
bottom: 30px;
font-family: 'Didot-Bold';
font-weight: normal;
}

.slide iframe {
max-height: 100%;
max-width: 100%;
display: block;
cursor: zoom-in;
transition: all 1s;
height: 100%;
width: 100%;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.controls {
font-size: 40px;
line-height: 40px;
border: 3px solid #000000;
border-left: transparent;
border-bottom: transparent;
width: 40px;
height: 40px;
position: fixed;
top: calc(50% - 40px);
cursor: pointer;
z-index: 101;
}

#arrow_left {
margin-left: 0.5em;
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-o-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
left: 10px;
}

#arrow_right {
margin-right: 0.5em;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
right: 10px;
}

#custom-caption {
right: 20px;
bottom: 20px;
position: fixed;
font-family: arial;
text-transform: uppercase;
font-size: 15px;
border-bottom: 2px solid;
line-height: 20px;
font-weight: bold;
letter-spacing: 2px;
z-index: 103;
}

/* GALERIE */

.grid {
column-count: 3;
column-gap: 30px;
font-size: 0px;
}

.grid-sizer, .grid-item {
display: inline-block;
margin: 0;
width: 100%;
margin-bottom: 30px;
}

.grid-item img {
width: 100%;
display: block;
margin-bottom: 6px; 
}

.grid .legende_photo {
font-size: 14px;
padding-right: 20px;
line-height: 20px;
}

/* LAYGRIDDER */

.page-template-page_GRIDDER #content #inside {
margin: 0 auto;
padding: 35px 20px 0px 20px;
max-width: 1140px;
}

.lg-grid {
padding-top: 0px!important;
}

.lg-row {
margin-bottom: 0px!important;
}

.lg-contains-img {
    margin-top: 25px;
    margin-bottom: 75px !important;
}

.lg-contains-text {
    margin-bottom: 0px!important;
}

.page-actualites #content h1._Inter {
    padding-bottom: 0px;
}

.lg-row img {
margin-bottom: 25px;
}

.lg-contains-img {
    margin-bottom: 25px!important;
}

.lg-grid li {
margin-bottom: 22px;
}

#content p._Legende {
font-size: 13px;
line-height: 17px;
text-indent: 0px;
display: block;
position: relative;
}

#content p.legende {
font-size: 13px;
line-height: 17px;
text-indent: 0px;
font-style: italic;
padding-bottom: 15px;
display: block;
}

#content p {
font-family: 'Didot';
font-size: 18px;
line-height: 24px;
margin-bottom: 25px;
letter-spacing: 0px;
}

#content img {
width: 100%;
display: block;
}

#content h1._Inter {
font-size: 35px;
line-height: 45px;
font-family: 'Didot-Bold';
text-indent: 0px;
max-width: none;
text-align: left;
padding-bottom: 30px;
}

#content h1._date {
font-size: 25px;
line-height: 30px;
font-family: 'Didot-Bold';
text-indent: 0px;
max-width: none;
text-align: left;
padding-bottom: 15px;
}

#content p strong {
font-family: 'Didot-Bold';
font-weight: normal;
}

#content p em strong {
font-family: 'Didot-Bold';
font-style: italic; 
}

#content p em {
/*! font-family: 'Didot-Italic'; */
/*! font-weight: normal; */  
font-style: italic;
}

#content a,
#content a:active,
#content a:visited,
#content a:hover {
color: black;
text-decoration-line: none;
border-bottom: 1px solid;
}

.page-template-page_GRIDDER #content #inside ul {
font-family: 'Didot';
font-size: 18px;
line-height: 24px;
margin-bottom: 30px;
letter-spacing: 0px;
margin-left: 30px;
}

.back_to_top {
position: fixed;
bottom: 30px;
right: 15px;
font-family: arial;
text-transform: uppercase;
font-size: 15px;
border-bottom: 2px solid;
line-height: 20px;
font-weight: bold;
letter-spacing: 2px;
z-index: 103;
cursor: pointer;
display: none;
}

.page-contacts-credits .lg-grid li {
margin-bottom: 5px;
}

.page-biographie .lg-grid li {
font-family: "Didot-Bold";
margin-bottom: 5px;
}

.page-les-ecrits-du-compositeur .lg-grid li {
margin-bottom: 5px;
}

.mobile {
	display: none;
}

@media(max-width:991px){


.couverture_container_inside {

    height: 100vh;
    overflow: hidden;
    position: relative;
    top: 0px;
    left: 0px;
    width: 100vw;

}

#couverture {

    width: 100%;
    height: 100%;
    position: relative;
    bottom: 0;
    left: 0px;

}

.page-template-page_Home .letter {

    display: block;

}

.page-template-page_Home .letter.home {

    display: none;

}

.lg-contains-img {
    margin-top: 25px;
    margin-bottom: 15px !important;
}

.desktop {
	display: none;
}

.mobile {
	display: block;
}

#b {
    top: 0px;
    left: 15px;
}

#close_cross {
	right: 10px;
}

#menu_overlay {
	padding-top: 120px;
	overflow: scroll;
	z-index: 202;
}

#menu_overlay .container-fluid .col-md-9 {
    margin-bottom: 200px !important;
}

.menu {
	padding-left: 40px;
}

.sub-menu {
	padding-right: 0PX;
}

.page-template-page_GRIDDER #content #inside {
	padding: 135px 0px 50px 0px;
}

#content #inside {
    padding: 135px 0px 50px 0px;
}

.page-template-page_Discographie #content #inside .col-sm-6 {
    margin-bottom: 30px;
}

.page-discographie #content img {
    margin-bottom: 10px !important;
}

.page-discographie li {
    list-style: none;
    margin-bottom: 60Px;
}

#content_photo_montage {
    padding: 135px 15px 50px 15px;
}

#content h1, 
#content_photo_montage h1 {
    font-size: 45px;
    line-height: 45px;
    padding-bottom: 25px;
    text-align: left;
    position: relative;
    top: auto;
}

.slide {
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: transparent;
    padding-right: 0px;
    padding-left: 0px;
    position: relative;
    width: 100%;
    text-align: center;
    display: block;
}


.slide iframe {
    max-height: auto;
    max-width: 100%;
    display: block;
    cursor: zoom-in;
    transition: all 1s;
    height: auto;
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    margin-bottom: 25px;
}

.overlay_texte {
	display: none!important;
}

.slide .legende_photo {
    position: relative;
    width: 100%;
    bottom: auto;
    font-family: 'Didot-Bold';
    font-weight: normal;
}

.slide img {
    max-height: 100%;
    max-width: 100%;
    display: block;
    height: auto;
    width: auto;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    margin-bottom: 20px;
}

#menu-item-185,
#menu-item-192 {
	display: none;
}

.circle,
.circle_2,
.circle_3 {
	opacity: 0.5!important;
}

.mobile #qtranslate-chooser {
	position: absolute;
	left: 15px;
	bottom: -60px;
}

.mobile #qtranslate-chooser li:first-child::after {
    content: "-";
}


}