/* Site Name: Kat
   Author: Florian Fromager
      http://fromager-florian.fr/

   Stylesheet: Main Stylesheet

   Reset : http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)

   Icons : Font Awesome Free License
   Last updated on July 12, 2018
   License : CC BY 4.0 License
*/

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;
}
/* HTML5 display-role reset for older browsers */
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;
   margin: 0.8rem 0 0.8rem 0;
   padding-left: 0.8rem;
   text-align: right;
   font-style: italic;
}
blockquote p {
   font-size: 0.8rem;
   line-height: 1rem;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

img, #home-slider-controls {
   -webkit-tap-highlight-color: transparent;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

/* BASE */

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

.grid-c2 .lineleft,
.grid-c3 .lineleft{
  justify-content: center;
}
.author .lineleft{
  position:initial;
  height:auto;
}
.lineleft{
  border-bottom: 4px solid lightgrey;
  padding: -0.2rem 0;
  margin-bottom: 2rem;
  display: flex;
  align-items: flex-end;
}
/*body:not(.single):not(.search) .lineleft{
   min-height: 1rem;
}*/
.grid-c2 .lineleft h2:not(#surtitre):not(.inline-title),
.grid-c3 .lineleft h2:not(#surtitre):not(.inline-title){
   position: initial;
   bottom: auto;
}
.lineleft h5{
  width:100%;
  text-align:center;
}
.lineleft h2, .lineleft h5{
  align-self: flex-end;
}
.lineleft span{
   margin-bottom: 3px;
}
.l-blue{
   border-color:LightSteelBlue;
}
.l-yellow{
   border-color:Khaki;
}
.l-green{
   border-color:DarkSeaGreen;
}
::-moz-selection { background:LightSteelBlue; }
::selection { background:LightSteelBlue; }

.l-blue *::-moz-selection,
.l-blue + * *::-moz-selection {
   background:LightSteelBlue;
}
.l-blue *::selection,
.l-blue + * *::selection {
   background:LightSteelBlue;
}
.l-yellow *::-moz-selection,
.l-yellow + * *::-moz-selection {
   background:Khaki;
}
.l-yellow *::selection,
.l-yellow + * *::selection {
   background:Khaki;
}
.l-green *::-moz-selection,
.l-green + * *::-moz-selection {
   background:DarkSeaGreen;
}
.l-green *::selection,
.l-green + * *::selection {
   background:DarkSeaGreen;
}

img::-moz-selection {
  background:none;
}
img::selection {
  background:none;
}


/* REM DEFINITION */

  html{ font-size: 17px; }

@media (max-width: 900px) {
  html { font-size: 15px; }
}
@media (max-width: 400px) {
  html { font-size: 13px; }
}

/* LINKS */

*:focus {
    outline: none;
}

a {
   background: transparent; 
   text-decoration: none;
}

a, a:visited {
   color: steelblue;
}

a:hover,
a:focus,
a:visited:hover,
a:visited:focus,
a:link,
a:visited:link {
   color: steelblue;
}

a:focus {
   outline: thin dotted;
}

a:active,
a:hover {
   outline: 0;
}

h4 a, .lb{
   color:black !important;
}

/* FONT DEFINITIONS */

html, body, body *{ font-family: 'IBM Plex Sans', sans-serif; }

*{
   font-weight: 300;
}

abbr[title] {
   border-bottom: 1px dotted;
}

strong{
   text-transform: uppercase;
   font-weight: 300;
}

b, .labeur strong{
   font-weight: 500;
   text-transform: inherit;
}

dfn,
em,
.it {
   font-style: italic;
   text-transform: none;
   font-weight: 300;
}

hr { display: none; }

pre { margin: 0; }

code, kbd, pre, samp {
   font-family: monospace, serif;
   font-size: 1rem;
}

pre { white-space: pre-wrap; }

img { border: 0; }

/* GRID SYSTEM */

section:not(.no-j){
   margin-bottom:4rem !important;
}

.center{
   display: flex !important;
   justify-content: center;
   align-items: center;
   align-self: center;
   overflow: hidden;
}

.fit-screen{
  width:100vw;
  height:100vh;
}
.fit-percent{
  width:100%;
  height:100%;
}
.fit-w100{
  width: 100%;
  height: auto;
}
.fit-vh60{
  height:60vh;
  width:100%;
  object-fit: cover;
}
.fit-h80{
  height:80%;
  width:auto;
}
.fit-h100{
  height:100%;
  width:auto;
}
.fit-h110{
  height:110%;
  width:auto;
}

.box{
   overflow:hidden;
   overflow-y:scroll;
   max-height: 80vh;
   padding-right:0.6rem;
}
.separator-h, #home-slider-nav li:not(.tns-nav-active) h6.separator-h,
#home-slider-nav .tns-nav-active .separator-h{
   margin-bottom: 0.4rem;
   padding-bottom: 0.4rem;
   border-bottom: 1px solid rgba(0,0,0,1);
}
#home-slider-nav li:not(.tns-nav-active) .separator-h{
   border-bottom: 1px solid rgba(0,0,0,0);
   margin-bottom: 0;
   padding-bottom: 0;
}
#home-slider-nav .separator-h{
   margin-bottom: 0;
}
.separator-l{
   margin-left: 0.4rem;
   padding-left: 0.4rem;
   border-left: 1px solid black;
}
.jump-d{
   margin-bottom:1rem;
}
.jump-D{
   margin-bottom:2rem;
}
.excerpt{
  font-weight: 300;
  font-size: 0.8rem;
  line-height: 0.9rem;
  overflow:hidden;
}
#home-slider-nav .separator-h{
   -webkit-transition: all 0.2s; /* Safari */
   transition: all 0.2s;
}
section.section-home::before {
   content:"";
   width:100vw;
   background:white;
   position:absolute;
   top:0;
   left:0;
   margin:0;
   padding:0;
}


#container,
.grid-f160, .grid-f220, .grid-f300,
.grid-c2, .grid-c3, .grid-c4,
.grid-c5, .grid-c6, .grid-c7,
.grid-c8, .grid-c10, .grid-r2 {
   display: grid;
   grid-gap: 1vh 1vw;
}
article.grid-c5{
   grid-row-gap: 3vh;
}

#container {
   grid-template-columns: 5.5vw 5.5vw 13.6vw 13.6vw 13.6vw 13.6vw 13.6vw 5.5vw 5.5vw; /* Specific grid for container */
   -ms-grid-columns: 5.5vw 5.5vw 13.6vw 13.6vw 13.6vw 13.6vw 13.6vw 5.5vw 5.5vw; /* Specific grid for container */
}

#prime-section{
   background: white;
   margin-top: 12vh;
   margin-bottom: 3vh;
   outline: 1vw white solid;
}

#container {
   margin: 0 1vw;
}


#content {
  padding-top: 1rem;
  padding-bottom: 2vh;
  background: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 0 10px 0 rgba(0, 0, 0, 0.19);
}

#main {
   grid-gap: 1vw;
   grid-column: 1 / 6;
   padding: 0 1vw;
}

@media (orientation: landscape) {

   #custom-banner {
   
      margin-top: 10vh;
   
   }
   
   #custom-banner + #prime-section, #custom-banner + #content {
      
      margin-top: 2vh;
      
   }
}

#custom-banner img {
   
   width: 100%;
   height: auto;
   
}

#custom-banner-text {
   
   text-align: center;
   width: 90%;
   margin: 1rem 5%;
   line-height: 1.25rem;
   
}

#custom-banner-text b, #custom-banner-text b em {
   
   font-weight: 500;
   
}

/*.grid-f160 {  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
               -ms-grid-columns:1fr 1fr; }

.grid-f220 { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
               -ms-grid-columns:1fr 1fr; }

.grid-f300 { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
               -ms-grid-columns:1fr 1fr; }*/

.grid-c2 { grid-template-columns: 1fr 1fr;
               -ms-grid-columns: 1fr 1fr; }

.grid-c3 { grid-template-columns: 1fr 1fr 1fr;
               -ms-grid-columns: 1fr 1fr 1fr; }

.grid-c4 { grid-template-columns: 1fr 1fr 1fr 1fr;
               -ms-grid-columns: 1fr 1fr 1fr 1fr; }

.grid-c5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
               -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; }

.grid-c6 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
               -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }

.grid-c7 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
               -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }

.grid-c8 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
               -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }

.grid-c10 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
               -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }

.grid-r2 { grid-template-rows: 1fr 1fr;
            -ms-grid-rows: 1fr 1fr; }

.g-center {
   justify-self: center;
}

.c1{ grid-column: span 1; -ms-grid-column: span 1; }
.c2{ grid-column: span 2; -ms-grid-column: span 2; }
.c3{ grid-column: span 3; -ms-grid-column: span 3; }
.c4{ grid-column: span 4; -ms-grid-column: span 4; }
.c5{ grid-column: span 5; -ms-grid-column: span 5; }
.c6{ grid-column: span 6; -ms-grid-column: span 6; }
.c7{ grid-column: span 7; -ms-grid-column: span 7; }

.c1-p0 { grid-column: 1 / 2; -ms-grid-column: 1 / 2; }
.c1-p1 { grid-column: 2 / 3; -ms-grid-column: 2 / 3; }
.c1-p2 { grid-column: 3 / 4; -ms-grid-column: 3 / 4; }
.c1-p3 { grid-column: 4 / 5; -ms-grid-column: 4 / 5; }
.c1-p4 { grid-column: 5 / 6; -ms-grid-column: 5 / 6; }
.c1-p5 { grid-column: 6 / 7; -ms-grid-column: 6 / 7; }
.c1-p6 { grid-column: 7 / 8; -ms-grid-column: 7 / 8; }
.c1-p7 { grid-column: 8 / 9; -ms-grid-column: 8 / 9; }

.c2-p0 { grid-column: 1 / 3; -ms-grid-column: 1 / 3; }
.c2-p1 { grid-column: 2 / 4; -ms-grid-column: 2 / 4; }
.c2-p2 { grid-column: 3 / 5; -ms-grid-column: 3 / 5; }
.c2-p3 { grid-column: 4 / 6; -ms-grid-column: 4 / 6; }
.c2-p4 { grid-column: 5 / 7; -ms-grid-column: 5 / 7; }
.c2-p5 { grid-column: 6 / 8; -ms-grid-column: 6 / 8; }
.c2-p6 { grid-column: 7 / 9; -ms-grid-column: 7 / 9; }

.c3-p0 { grid-column: 1 / 4; -ms-grid-column: 1 / 4; }
.c3-p1 { grid-column: 2 / 5; -ms-grid-column: 2 / 5; }
.c3-p2 { grid-column: 3 / 6; -ms-grid-column: 3 / 6; }
.c3-p3 { grid-column: 4 / 7; -ms-grid-column: 4 / 7; }
.c3-p4 { grid-column: 5 / 8; -ms-grid-column: 5 / 8; }
.c3-p5 { grid-column: 6 / 9; -ms-grid-column: 6 / 9; }

.c4-p0 { grid-column: 1 / 5; -ms-grid-column: 1 / 5; }
.c4-p1 { grid-column: 2 / 6; -ms-grid-column: 2 / 6; }
.c4-p2 { grid-column: 3 / 7; -ms-grid-column: 3 / 7; }
.c4-p3 { grid-column: 4 / 8; -ms-grid-column: 4 / 8; }
.c4-p4 { grid-column: 5 / 9; -ms-grid-column: 5 / 9; }

.c5-p0 { grid-column: 1 / 6; -ms-grid-column: 1 / 6; }
.c5-p1 { grid-column: 2 / 7; -ms-grid-column: 2 / 7; }
.c5-p2 { grid-column: 3 / 8; -ms-grid-column: 3 / 8; }
.c5-p3 { grid-column: 4 / 9; -ms-grid-column: 4 / 9; }

.c6-p0 { grid-column: 1 / 7; -ms-grid-column: 1 / 7; }
.c6-p1 { grid-column: 2 / 8; -ms-grid-column: 2 / 8; }
.c6-p2 { grid-column: 3 / 9; -ms-grid-column: 3 / 9; }

.c7-p0 { grid-column: 1 / 8; -ms-grid-column: 1 / 8; }
.c7-p1 { grid-column: 2 / 9; -ms-grid-column: 2 / 9; }

.c9-p0 { grid-column: 1 / 10; -ms-grid-column: 1 / 10; }


.box-excerpt#push-excerpt{
   width: 70%;
   margin-left: calc(30% - 30px);
   display: inline-block;
   background: white;
   padding: 10px;
   padding-bottom:0;
}
.row{
   margin-top:10px;
}

/* TITLE STYLES */

h1, h2, h3, h4, h5, h6 {
   color: black !important;
}

h1, h2, h3, h4, h5 {
   text-rendering: optimizelegibility;
   text-transform: uppercase;
   font-weight: 400;
}
h1 {
   font-size: 2.4rem;
   font-weight: 500;
}

h2 {
  font-size: 2.4rem;
  font-weight: 500;
  border-bottom: 4px solid black;
  display: inline-block;
  padding-bottom: 3px;
  margin-bottom: -4px;
}
h2.t-lit{
  font-size: 1.6rem;
}
h2.t-med{
  font-size: 1.4rem;
}
h2.t-wide{
  font-size: 1.2rem;
}
h2.t-xwide{
  font-size: 0.9rem;
  padding-bottom: 0.3rem;
}
.page-id-276146 .section-inline h2 {
    font-size: 1.2rem;
}

h3{
   font-size: 1.8rem;
}

h4 {
   font-weight:500;
   font-size:1.2rem;
   line-height: 1.2;
}

h5, h6{
   font-size:0.8rem;
   line-height: 1.2;
}
h5{
   font-weight:500;
}
h6{
   font-weight:400;
}
.no-c{
  text-transform: none;
}
.no-j{
  margin-bottom: 0;
}

/* HEADER STYLES */

* li{
   list-style-type: none;
}



#header {
   position:fixed;
   width:97vw;
   margin-top: 0;
   z-index: 99999;
}

.page-numbers li {
    display: inline;
}

/* FOOTER STYLES */

#footer {
  text-align: center;
  background-color: black;
}

#menu-footer{
   display: inline-block;
   padding: 1rem;
}

.footer .copyright{
  margin: 0 2rem;
}

.footer .copyright img{
  height: 75px;
  margin: 1em 0;
}


.footer  ul#menu-menu-bottom {
    display: inline-block;
    margin-left: -166px;
}

.footer  ul#menu-menu-bottom li{
  line-height: 115px;
  font-size: 1.3em;
  color: #fff;
}

/* POSTS & CONTENT STYLES */

.entry-content{
  padding-top: 1.4rem;
  margin-top: 1rem;
}

/* SLIDERS */
/* TINY SLIDER */

/*#actu-slider {
  margin: 2rem 4rem;
}*/

#actu-slider .tns-outer{
  margin-top: 0;
  width: 100%;
}
.last .tns-ovh {
  height: auto;
}

#actu-slider #tns1-ow{
   grid-column: 1 / 4;
}
#actu-slider .tns-item,
.home-slider .tns-item{
   position:relative;
}

   #home-slider-controls{
      margin: 0;
      border-bottom:1px solid black;
   }
  #home-slider-controls ul li:last-child{
    border:none;
  }

#home-slider-controls h3{
  padding-bottom: 0.6rem;
  font-weight: 700;
  font-size: 1.4rem;
  position: sticky;
  top: 0;
  background: white;
  border-bottom: 1px solid black;
}

#actu-slider-controls h3 {
  margin-top: 0;
}
#home-slider-nav ol li{
   padding: 0 0 10px 0 !important;
}
#home-slider-nav ol li:last-child{
   margin-bottom:0.2rem !important;
   padding:0 !important;
}
#home-slider-controls ul li{
  padding: 0.6rem 0.4rem 0.4rem 0.4rem;
}
#actu-slider-nav li:first-child{
  padding-top: 0;
}
#home-slider-nav li:hover,
#actu-slider-nav li:hover,
.tns-nav-active{
  background: rgba(235,235,235,0.9);
}
#home-slider-nav ol,
#home-slider-nav div{
   max-height:0px;
   overflow: hidden;
}
#home-slider-nav .tns-nav-active ol,
#home-slider-nav .tns-nav-active div{
  max-height:100vh;
}
#home-slider-nav .tns-nav-active ol,
#home-slider-nav .tns-nav-active div{
  -webkit-transition: max-height 1s; /* Safari */
  transition: max-height 1s;
}
#home-slider-nav ol,
.excerpt{
  -webkit-transition: max-height 0.2s; /* Safari */
  transition: max-height 0.2s;
}
.tns-item .center div{
   overflow: hidden;
}
/*.tns-item .center div img{
   position: relative;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
}*/
.tns-item .center div img{
   position: relative;
   left: 50%;
   top: 50%;
   transform: translate(-50%, 0%);
}

#home-slider-nav li:hover,
#actu-slider-nav li:hover{
  cursor: pointer;
}
.playbutton-wrapper{display: none !important;}

/* Conseils */

.conseils-slider .tns-item div{
   display: grid;
   grid-template-columns: 1fr 1fr;
   padding-right: 1rem;
   grid-gap: 1rem;
}

#slider-customize-controls li,
#conseils-customize-controls li{
   z-index: 1;
   display: flex;
   align-items: center;
   justify-content: center;
}
#slider-customize-controls {
   height: 20vh;
}
#slider-customize-controls li{
    display: flex;
   text-align: right;
   justify-content: center;
   align-items:center;
}
#slider-customize-controls li img:hover{
    cursor:pointer;
}
#slider-customize-controls li img,
#conseils-customize-controls li img {
   height: 6vh;
}
#slider-customize-nav,
#conseils-customize-nav{
   height: 4rem;
}

#slider-customize-nav,
#conseils-customize-nav{
   overflow: hidden;
   text-align: center;
}
#slider-customize-nav img,
#conseils-customize-nav img{
   opacity: 0.5;
   display: inline !important;
   margin-right: 0.4rem;
}
#slider-customize-nav img.tns-nav-active,
#slider-customize-nav img.tns-nav-active + img,
#conseils-customize-nav img.tns-nav-active,
#conseils-customize-nav img.tns-nav-active + img{
   opacity: 1;
}

/* Style */

#news .list-element{
   display:flex;
}
.sticker-box{
   position: relative;
}
.sticker-box #sticker{
   position: absolute;
   top: 0;
   background: rgba(255,255,255,0.8);
   padding: 0.4rem;
   width: calc(100% - 0.8rem);
}
.sticker-box .excerpt-sticker{
   position: absolute;
   bottom: 0;
   padding: 0.4rem 0.6rem 0 0.6rem;
   background: white;
   width:auto;
   min-width: 25%;
   max-width: 50%;
   right: 1vw;
}
#breadcrumbs {
  text-transform: uppercase;
  font-size: 0.8rem;
}
.cat, .CAT{
   font-weight: 300;
}
.cat, #breadcrumbs{
   font-size: 0.6rem;
   line-height: 1rem;
}
.CAT{
   font-size: 0.8rem;
   line-height: 1rem;
}
.date:first-letter, .f-c:first-letter{
   text-transform: capitalize;
}
.date{
   text-align: center;
}

#news .wp-post-image{
   float:left;
   margin-right: 0.2rem;
}

/* TV */

.imglogotv{
   display:inline-block;
}

.logotv{
   height: 0.8rem;
   margin-bottom: -0.1rem;
}

#agenda li{
  margin-bottom: 1rem;
}

.agenda-date{
   margin-top: 0.1rem;
   padding-top: 0.1rem;
   border-top: 1px solid black;
   font-size: 0.8rem;
}

.infos_tv{
   display: inline-block;
   font-size: 0.8rem;
}

/* SINGLE */

.fa-envelope:before {
    font-size: 0.8rem;
    margin-right: 0.2rem;
}

.critikat-recommande {
    display: block;
    background: url(../images/recommandation.png) center;
    width: 28px;
    height: 38px;
    position: absolute;
    margin: -4px 0 0 10px;
    z-index: 2;
}


.labeur p:not(:last-child){
   margin: 0 0 1.5rem;
}

.labeur p{
   line-height: 1.25rem;
}

#footnote .footnote-reference-container,
#footnote tr{
   line-height: 1rem;
}
table.footnote-reference-container {
    line-height: 1rem;
}

.labeur em{
   font-weight: inherit;
}
.labeur h2 {
   font-size: 1.2rem;
   border-bottom: none !important;
   text-transform: initial;
   margin-bottom: 1rem;
}
.labeur img {
    width: 100%;
    height: auto;
   margin-bottom: 1rem;
}

.labeur img.petite,
.labeur img.moyenne {
   height: auto;
   width: 70%;
   margin-left:15%;
}
.labeur sup{
   vertical-align: super !important;
   font-size:0.6rem;
   line-height: normal;
}

#film_infos ul li span{
   font-weight: 400;
}


.panorama .grid-c3 .ctk-list{
   margin: 1rem 0;
    padding-top: 1rem;
    border-top: 1px solid black;
}
.panorama .grid-c3 .row .ctk-list-item:not(:last-child){
   margin-bottom: 0.4rem;
   padding-bottom: 0.4rem;
   border-bottom: 1px solid black;
}
.al-r{
   text-align: right;
}
.al-v{
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.al-c{
   text-align: center;
}
.page-numbers li:not(:last-child) {
    margin-right: 0.8vw;
}

#autre-content h2 {
   font-size: 1.4rem;
   margin: 2rem 0 0 2rem;
}
#autre-content h5 {
   margin-bottom: 0.2rem;
}
#autre-content hr {
   display: block;
   margin: -0.25rem;
   height: 0.25rem;
   margin-bottom:1rem;
   background: lightsteelblue;
   border: none;
}
#autre-content p {
   margin-bottom: 1rem;
}
#autre-content .tnp p {
   margin-bottom: 0 !important;
}
#autre-content .tnp-subscription input[type=text],
#autre-content .tnp-subscription input[type=email],
#autre-content .tnp-subscription input[type=submit],
#autre-content .tnp-subscription select {
   height: auto;
}

#custom-thumbnails {
   width: calc(100% - 29vw);
   position: absolute;
   z-index: 9999;
   margin-top: 1rem;
   text-align: center;
}
#custom-thumbnails button{
   background: lightgrey;
   height: 0.6rem;
   width: 0.6rem;
   line-height: 0.8rem;
   margin:0 0.6rem;
   padding: 0;
   border: 1px solid white;
   border-radius: 50%;
   display: inline-block;
}
#custom-thumbnails button.tns-nav-active{
   background: SteelBlue;
}

@media only screen and (max-width: 599px) {
   html{
      overflow-x: hidden;
      font-size: 14px;
   }

  ::-webkit-scrollbar {
     width:0;
  }
  #container,
   .grid-f160, .grid-f220, .grid-f300,
   .grid-c2, .grid-c3, .grid-c4,
   .grid-c5, .grid-c6, .grid-c7,
   .grid-c8, .grid-c10, .grid-r2 {
      grid-gap: 1vh 3vw;
   }
  h2{
   font-size:1rem;
  }
  h3 {
    font-size:1.5rem;
   }
  #banner, #container, #footer {
    margin-left: 0;
    margin-right: 0;
  }
   #logo img{
      height: 6vh;
      padding: 2vh 5vw;
   }
   #logo h1{
      width: 100vw;
   }
   #inner-header {
      left: 0;
      top: 10vh;
      width:100vw;
      height: 0vh;
      overflow: hidden;
   }
   #header{
    grid-column: 1 / 4;
    position: sticky;
    top: 0;
   }
   body:not(.single) .lineleft{
      justify-content: center;
   }
  #container{
    grid-template-columns: 1fr 1fr 1fr;
    margin: 0;
  }
  .breadcrumbs{
   display:none;
  }
  .content{
    padding-top: 11vh;
  }
   #prime-section {
      margin-top: 0;
   }
   .m-no{
      display:none;
   }
  .m-r1p0c1p0{
    grid-row-start: 1;
    grid-column-start: 1;
  }
  .m-r1p0c3p0{
    grid-row-start: 1;
    grid-column: span 3;
  }
  .m-r2-c1{
    grid-row-start: 2;
    grid-column-start: 1;
  }
  .m-r2p0c3p0{
    grid-row-start: 2;
    grid-column: span 3;
  }
  .m-fit-w100{
    width:100%;
    height:auto;
  }
  .m-fit-vh40{
    height:40vh;
    width:auto;
  }
  .m-fit-vh50{
    height:50vh;
    width:auto;
  }
  .m-c3-r0{
    grid-column: 1 / 4;
    grid-row-start: 1;
  }
  .m-c1{
      grid-column: span 1;
  }
  .m-c1-r1{
    grid-column: 1 / 2;
    grid-row-start: 2;
  }
  .m-c3{
    grid-column: span 3;
  }
  .m-c3-p0{
    grid-column: 1 / 4;
  }
  .m-c1-p0{
    grid-column: 1 / 2;
  }
  .m-c1-p1{
    grid-column: 2 / 3;
  }
  .m-c1-p2{
    grid-column: 3 / 4;
  }
  .m-c2-p0{
    grid-column: 1 / 3;
  }
  .m-c2-p1{
    grid-column: 2 / 4;
  }
  .m-center{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .m-al-r{
    text-align:right;   
   }
  /*.m-no-grid{
    display: initial;
  }*/
  .m-grid-c2{
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .m-grid-c3{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .sticker-box .excerpt-sticker {
    max-width: 75%;
 }
   #surtitre.tab{
      margin-left:1rem;
   }

   h2#surtitre{
   font-size:1.8rem;
   }
   h2#surtitre.t-lit{
     font-size: 1.4rem;
   }
   h2#surtitre.t-med{
     font-size: 1.2rem;
   }
   h2#surtitre.t-wide{
     font-size: 0.8rem;
   }
   h2#surtitre.t-xwide{
     font-size: 0.6rem;
   }

    #subtitle{
      text-align:right;
      margin-bottom:1rem;
    }

   .slider-info{
      width: 75vw;
      margin-left: 2vw;
      padding: 2vw;
   }
   .home-slider, .home-slider li,
   .home-slider li a, .actu-slider,
   .actu-slider li {
      max-height: 35vh;
   }
   .home-slider-controls{
      max-height: 50vh;
   }
   #custom-thumbnails {
      width: 100%;
   }
   ul#menu-menu-top {
      display: inline-block;;
   }
   .nav li, #searchform {
      display: block;
   }
   #searchform{
      margin:0;
   }
   /*#sociallinks{
      position: absolute;
      bottom: 6vh;
   }*/
   .nav li a {
      color: white;
      font-size: 1.2rem;
   }
   .fa-twitter:before, .fa-rss:before,
   .fa-facebook-f:before, .fa-facebook:before {
      color: white;
      font-size: 2rem;
      margin: 0 2vw;
   }
   #searchform input[type=search]{
      width: 2rem;
      padding-left: 0.4rem;
      padding-bottom: 5px;
      background-size: 2rem;
      padding: 0.6rem 0;
      text-align: center;
   }
   #menu-menu-top, #searchform, #sociallinks{
    margin-top: 5vh;
   }
   .nav li a {
      padding: 5px 0;
  }
   #menu-footer {
    text-align: center;
  }
  #inner-header {
    height: auto;
  }
  #inner-header nav{
    padding-bottom: 5vh;
  }
   #slider-customize-nav,
   #conseils-customize-nav{
      height: 2rem;
   }
   #slider-customize-controls li img, #conseils-customize-controls li img {
      height: 3vh;
   }
   #fiche-technique{
    flex-direction: column;
    align-items: center;
      margin-bottom: 0.4rem;
      padding-bottom: 0.4rem;
      border-bottom: 1px solid rgba(0,0,0,1);
   }
   #encart-affiche {
      position: relative;
   }
   .critikat-recommande {
      background-size: 20px;
      width: 20px;
      height: 26px;
      margin: -2px 0 0 4px;
   }
   #single-partage{
      bottom:0;
   }

   #f-us{
      flex-direction: row;
      align-items: baseline;
      justify-content: center;
   }
   #f-us img{
      width: 1.2rem;
   }
    #dossiers-push-div{
      margin-bottom:1rem;
    }
}
/*Fin de la version téléphone*/


#banner, #footer{
  align-items:center;
}

#banner{
  justify-content:flex-end;
}
#inner-header{
   position: absolute;
   transition: all 1s;
   -webkit-transition: all 1s;
   background: black;
}

.slider-info{
   position: absolute;
   background: white;
   bottom: 0;
   padding: 1vw;
   padding-bottom: 0;
}



/* NAVIGATION STYLES */

.nav {
   border-bottom: 0;
   margin: 0;
}

nav{
   text-align: center;

}

.header .nav li a:after {
   display: inline-block;
   border-right: 0.1rem solid white;
   color: white;
   text-decoration: none;
   padding: 0 1rem;
   line-height: 10px;
   text-transform: uppercase;
   font-size: 0.9rem;
  }

.nav li a {
   display: inline-block;
   color: white;
   text-decoration: none;
   text-transform: uppercase;
   padding-bottom: 5px;
   width: auto;
}
.nav li.current_page_item a {
   border-bottom: 0.1rem solid white;
}
.nav li a:hover,
.nav li a:focus{
   color:white;
}

ul#menu-menu-top {
   display: inline-block;
   padding: 1rem 0;
}

.menu-menu-social-container{
   text-align: center;
}
.menu-menu-social-container ul{
   display: inline-grid;
   grid-template-rows: 1fr 1fr 1fr 1fr;
}
.menu-menu-social-container li:not(:last-child){
   margin-bottom: 0.6rem;
   border-bottom: 1px solid rgba(0,0,0,1);
}
.menu-menu-social-container li:before {
   display: block;
}
.menu-menu-social-container li a{
   line-height: 1.6rem;
   font-weight: 400;
   font-style: italic;
}

/* SEARCHFORM */

#searchform input {
   outline: none;
}
#searchform input::-webkit-search-decoration,
#searchform input::-webkit-search-cancel-button {
   display: none; 
}


#searchform input[type=search] {
 -webkit-appearance: textfield;
 -webkit-box-sizing: content-box;
 box-sizing: content-box;
 font-size: 100%;
 margin-right: -5px;
 background: black url(../images/search-w.svg) no-repeat left;

 border: none;

 -webkit-transition: all .5s;
 -moz-transition: all .5s;
 transition: all .5s;
 color: transparent;
 cursor: pointer;
}
#searchform input[type=search]:focus {
   width: 150px;
   padding-left: 1.2rem;
   color: lightgrey;
   cursor: auto;
   border-bottom: 1px solid white;
}
#searchform input:-moz-placeholder {
   color: transparent;
}
#searchform input::-webkit-input-placeholder {
   color: transparent;
}
#searchform button{
   text-transform: uppercase;
   padding-bottom: 5px;
   border-radius: 0;
   background: black;
   color: white;
   border: none;
   opacity:0;
   width:0;
}
#searchform input[type=search]:focus + button {
   opacity:1;
   width:auto;
}
#toggle-menu {
   position: absolute;
   right: 0;
   top: 0;
   margin: 0;
   padding: 0;
   height: 10vh;
   width: 10vh;
   background: black;
   border: none;
}
#toggle-menu img{
   position: absolute;
   height: 6vh;
   display: block;
   top: 2vh;
   left: 2vh;
}

   #logo h1{
     background:black;
     color:white;
     overflow:hidden;
     transition: height 1s;
     -webkit-transition: height 1s;
     transition-delay: 0.2s;
   }

#fiche-technique{
   display:flex;
   justify-content:space-between;
}
#fiche-technique #article-img img{
   outline: white 0.4rem solid;
}
#tv-logo{
  height: 18px;
  margin-left: 2px;
  margin-bottom: -8px;
  width: auto;
}
#single-partage{
   text-align:center;
}
.single-slider .tns-item{
   position: relative;
}
.single-slider .tns-item #sticker{
   position: absolute;
   top: 0;
   background: rgba(255,255,255,0.8);
   padding: 0.4rem;
   width: calc(100% - 0.8rem);
}
.single-slider.grid-c2 img,
.single-slider.c3 img {
   height: 15vh;
   object-fit: cover;
}
#article-img{
   position: relative;
}

.wp-caption,
.wp-caption img{
   width:100% !important;
}
.wp-caption{
   position: relative;
   margin-bottom: 1.4rem;
   padding-bottom: 0.4rem;
   border-bottom: 1px solid rgba(0,0,0,1);
}
.wp-caption img{
   margin: 0 !important;
}
.labeur p.wp-caption-text{
   position: absolute;
   bottom:0;
   right:1vw;
   background: rgba(255,255,255,1);
   margin-bottom: 0.4rem;
   padding: 0.4rem;
   font-size: 0.6rem;
}

li:not(.tns-nav-active) h5 a{
   pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}

.a2a_kit.a2a_kit_size_32.addtoany_list{
  text-indent:0 !important;
}

#minisite-header{
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  z-index: -1;
}
#minisite-header img{
  height: 100%;
  width:100%;
  object-fit: cover;
}
#f-us{
   text-align: -moz-center;
   text-align: center;
   display: flex;
   flex-direction: column;
   width: auto;
   align-content: center;
   align-items: center;
}

/* #form{
   text-align: center;
}
#form *:not(input):not(textarea){
   text-transform: uppercase;
   font-size: 0.8rem;
}
#form div:not(.wpcf7-response-output),
.tnp-subscription form{
   width: auto;
   min-width: 50%;
   border: 5px solid gainsboro;
   display: inline-block;
   padding: 1rem;
   border-radius: 1rem;
   color: black;
   text-align: left;
}
#form form input:not(.wpcf7-submit),
#form form textarea,
.tnp-field input:not(.tnp-submit){
   width: -webkit-fill-available;
   width: calc(100% - 0.8rem);
}
#form form input,
#form form textarea,
.tnp-field input{
   margin-top: 1vh;
   padding: 0.4rem;
   margin-bottom: 2vh;
   background: whitesmoke !important;
   border: none;
   color: black !important;
   border-radius: 0.4rem;
}
#form form textarea{
   max-height: 14vh;
}
#form input[type="submit"][disabled],
#form input[type="submit"][disabled]:hover,
#form input[type="submit"][disabled]:focus {
   background: white;
   color:gainsboro;
} */

.festival-infos .c1-p5 img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.festival-infos-left h5 span{
  font-weight:300;
}

/* New Gform */

#gform_wrapper_1 {

   text-align: center;

}

#gform_1 {

   width: auto;
   min-width: 50%;
   border: 5px solid gainsboro;
   display: inline-block;
   padding: 1rem;
   border-radius: 1rem;
   color: black;
   text-align: left;

}

#gform_1 :not(input):not(textarea) {

   text-transform: uppercase;
   font-size: 0.8rem;

}

.gfield textarea, .gfield input {
   margin-top: 1vh;
   padding: 0.4rem;
   margin-bottom: 2vh;
   background: whitesmoke !important;
   border: none;
   color: black !important;
   border-radius: 0.4rem;
}

.gfield textarea, .gfield input:not( .gform_button ) {
   width: -webkit-fill-available;
   width: calc(100% - 0.8rem);
}


@media only screen and (min-width: 600px) {
   ::-webkit-scrollbar {
      width: 1vw;
   }
   .box::-webkit-scrollbar {
      width: 0.4vw;
   }
   ::-webkit-scrollbar-thumb {
      background-color: black;
   }
   ::-webkit-scrollbar:hover {
     background: white;
   }

   body:not(.home) #content{
      margin-top: 9vh;
   }

   .slider-info {
      width: 50vw;
      margin-left: 2vw;
   }

   #sociallinks{
      position: absolute;
      left: 72vw;
      top: 0;
      width: 15vw;
      padding: 0 10px;
      display: flex;
      align-items: center;
   }

   .socialnav{
      margin: 0 5px;
      vertical-align: middle;
      color: black !important;
   }
   #sociallinks.gradient{
      background:linear-gradient(rgba(255,255,255,255),rgba(255,255,255,255),rgba(255,255,255,255), rgba(255,255,255,0));
   }

   #banner, #container {
     margin-left: 1vw;
     margin-right: 1vw;
   }
   #inner-header{
      left: 13vw;
      width: 72vw;
      padding-top: 0;
   }
   header{
      margin-bottom: 1rem;
   }
   #menu-menu-top li {
      padding: 0 1rem;
      display: inline-block;
      border-right: 0.1rem solid white;
   }
   #menu-footer li {
      padding: 0 1rem;
      display: inline-block;
   }
   #menu-footer li:not(:last-child) {
      border-right: 0.1rem solid white;
   }
   #prime-section{
      max-height: 65vh;
      display: grid;
   }

   .home-slider, .home-slider li, .home-slider li a {
     max-height: 75vh;
   }

   #searchform input[type=search] {
      width: 1rem;
      padding-left: 0.4rem;
      padding-bottom: 5px;
      background-size: 0.9rem;
      padding: 0.25rem 0;
   }

   #searchform{
      display: inline-block;
      margin-left: 1rem;
   }
   #logo h1, #logo p, #logo img{
      font-weight: 500;
      width: 12vw;
      display: flex;
      justify-content: center;
      font-size: 2.4rem;
      line-height: 3.4rem;
      margin:0;
   }
   #logo h1{
     position:absolute;
   }
   #logo p{
     color:black;
   }

  #banner, #footer{
    display:flex;
    align-items:center;
    height:10vh;
  }
  .single .tns-ovh {
    max-height: 20vh;
  }
  .tab{
     margin-left: 2rem;
  }
  #f-us div{
   margin: 0.4rem;
  }
  #f-us img{
   width: 1.4rem;
  }
   #fiche-technique{
      margin-left:1.2rem;
      flex-direction:column;
   }

   .g-min{
      grid-gap: 1rem;
   }

   #home-slider-img{
      height:65vh !important;
      overflow-y: hidden !important;
   }
   #home-slider-img .tns-outer,
   #home-slider-img .tns-outer .tns-ovh,
   #home-slider-img .tns-outer .tns-ovh .tns-inner,
   #home-slider-img .tns-outer .tns-ovh .tns-inner ul,
   #home-slider-img .tns-outer .tns-ovh .tns-inner ul li,
   #home-slider-img .tns-outer .tns-ovh .tns-inner ul li div:not(.slider-info),
   #home-slider-img .tns-outer .tns-ovh .tns-inner ul li div:not(.slider-info) img{
      height:100%;
   }
   #home-slider-img .tns-outer .tns-ovh .tns-inner ul li div img{
      width:100%;
      object-fit: cover;
      -o-object-fit: cover;
   }
   #home-slider-controls{
      max-height:65vh !important;
   }
    #dossiers-push-ol, #dossiers-push-div{
      height:60vh;
    }
}

@media only screen and (min-width: 900px) {
   .slider-info {
      width: 25vw;
      right: 1vw;
   }
   .sticker-box{
      min-height: 20vh;
   }
}
@media only screen and (min-width: 1200px) {
}
@media only screen and (min-width: 1800px) {
   html{ font-size: 18px; }

   h2 { padding-bottom: 0; }

   #container {
      grid-template-columns: 7.5vw 7.5vw 12vw 12vw 12vw 12vw 12vw 7.5vw 7.5vw;
      -ms-grid-columns: 7.5vw 7.5vw 12vw 12vw 12vw 12vw 12vw 7.5vw 7.5vw;
   }

   #inner-header {
      left: 17vw;
      width: 64vw;
   }
   #sociallinks {
      left: 65vw;
   }

   .w-c4-p1 { grid-column: 2 / 6; -ms-grid-column: 2 / 6; }
   
   .w-c5-p2 { grid-column: 3 / 8; -ms-grid-column: 3 / 8; }

   .w-grid-c3 {
      display: grid;
      grid-gap: 1vh 1vw;
      grid-template-columns: 1fr 1fr 1fr;
      -ms-grid-columns: 1fr 1fr 1fr;
   }

   .w-grid-c5 {
      display: grid;
      grid-gap: 1vh 1vw;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
      -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
   }

   #slider-customize-controls li img,
   #conseils-customize-controls li img {
       height: 5vh;
   }
   .conseils-slider .tns-item div{
      grid-template-columns: 1fr 1fr 1fr;
   }
   .conseils-slider .conseils-infos{
      grid-column: 2 / 4; -ms-grid-column: 2 / 4;
   }
   #slider-customize-nav img.tns-nav-active + img + img,
   #conseils-customize-nav img.tns-nav-active + img + img {
      opacity: 1;
   }

   .labeur img.petite {
       width: 50%;
       margin-left:25%;
   }
   .labeur img.moyenne {
       width: 70%;
       margin-left:15%;
   }
  .sticker-box{
     min-height: 15vh;
  }
   /*.critikat-recommande {
      background-size: 60px;
      width: 60px;
      height: 81px;
      margin: -7px 0 0 10px;
   }*/
   #custom-thumbnails {
      width: calc(100% - 38vw);
   }
}

/* Google GPT ads rules */

#div-gpt-ad-1562674920134-0 {
   width: 100vw !important;
   overflow: hidden;
}
#div-gpt-ad-1562674920134-0 iframe {
   height:auto;
   width:-moz-available;
   width:inherit;
   width:100vw;
}

@media only screen and (max-width: 598px) {
   #div-gpt-ad-1562674920134-0 {
      height:calc(100vw*3/16) !important;
      grid-column: 1/4;
   }
   #content{
      margin-top:0 !important;
   }
}

@media only screen and (min-width: 739px) {
   #div-gpt-ad-1562674920134-0 {
      width:97vw !important;
   }
}

@media only screen and (max-width: 739px) {
   #div-gpt-ad-1562674920134-0,#div-gpt-ad-1562674920134-0 + #prime-section {
      margin-top: 0 !important;
   }
}

body:not(.home) #div-gpt-ad-1562677111058-0{
   margin-top:1vw;
}

@media only screen and (max-width: 599px){
   body:not(.home) #div-gpt-ad-1562677111058-0 {
      display:inline-block;
      margin:1rem 0;
      width:calc(100% - 1rem) !important;
      text-align:center;
   }
   .home #div-gpt-ad-1562677111058-0 + #f-us{
      width: 100%;
      display: flex;
      flex-direction: row;
      align-items: end;
      justify-content: space-evenly;
   }
}

#div-gpt-ad-1562677111058-0{
   margin-bottom:1vw;
}