/*
Theme Name: Stereoptik Theme
Description: Thème enfant pour Twenty Twelve
Author: Emilie Giraudet modifié par Fabrice Chapot
Template: twentytwelve
*/
@import url("../twentytwelve/style.css");

/***===COMMUN===***/
.cb{clear: both;}

/***---Body---***/

body, body.custom-background{background-color:#FFF;/* background-image:url('images/handmadepaper2.jpg')!important;*/font-family:arial, "sans-serif";}

body .site{background:#FFF!important;box-shadow:none!important;margin-top:0px!important;margin-bottom:0px!important;padding:0!important; overflow: visible;}

.site{width:960px;}

.site-content{margin-top:0;}

.site-content article{margin-bottom:0;padding-bottom:0;}

.site-header{
    padding: 0.5em 0 0.5em!important;
    border-bottom: 1px solid #b0afaf;
    margin-bottom: 10px;
}

/* h1{display:none;} */

@media screen and (max-width: 960px){
.site{width: 100%;}
}

/***---Navigation---***/
.main-navigation li ul li a:hover,
.main-navigation li ul li a:focus {
    font-weight: bold;
    background: #FFF;
    color: #444;
}
.en-pdf, .fr-pdf{
  margin-left: 20px;
  padding-bottom: 100px;
}


/*------------------------------------*\
    Liste des proprietes des menus
\*------------------------------------*/
/*
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    display: inline-block !important;
    text-align: left;
    width: 100%;
}
.main-navigation ul {
    margin: 0;
    text-indent: 0;
}
.main-navigation li a,
.main-navigation li {
    display: inline-block;
    text-decoration: none;
}
.main-navigation li a {
    border-bottom: 0;
    color: #6a6a6a;
    line-height: 3.692307692;
    text-transform: uppercase;
    white-space: nowrap;
}
.main-navigation li a:hover,
.main-navigation li a:focus {
    color: #000;
}
.main-navigation li {
    margin: 0 40px 0 0;
    margin: 0 2.857142857rem 0 0;
    position: relative;
}
.main-navigation li ul {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    z-index: 1;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation li ul ul {
    top: 0;
    left: 100%;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li:focus > ul,
.main-navigation .focus > ul {
    border-left: 0;
    clip: inherit;
    overflow: inherit;
    height: inherit;
    width: inherit;
}
.main-navigation li ul li a {
    background: #efefef;
    border-bottom: 1px solid #ededed;
    display: block;
    font-size: 11px;
    font-size: 0.785714286rem;
    line-height: 2.181818182;
    padding: 8px 10px;
    padding: 0.571428571rem 0.714285714rem;
    width: 180px;
    width: 12.85714286rem;
    white-space: normal;
}
.main-navigation li ul li a:hover,
.main-navigation li ul li a:focus {
    background: #e3e3e3;
    color: #444;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
    color: #636363;
    font-weight: bold;
}
.menu-toggle {
    display: none;
}
*/



/***---Accueil---***/


/***---Choix de la langue---***/

.chooseLanguage{float:right;margin-top:-50px;visibility:hidden;}

.chooseLanguage a{color:#666!important;font-weight:bold;margin:0 5px;padding:5px 2px;text-decoration:none;}

.chooseLanguage .current_language, .chooseLanguage a:hover{background:#F1F1F1; border-bottom:2px solid #666;}

/***---Images---***/

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image{border-radius:0;box-shadow:none!important;}

/***---Footer---***/
footer[role="contentinfo"] {
    border-top: none;
}

.site-info{font-size:10px;text-align:center;}

#menu-footer-menu{display:inline-block;}

#menu-footer-menu li{display:inline;}

/***===PAGE D'ACCUEIL===***/

.affiche{float:left; margin:10px 10px;padding:10px; text-align:center;width:200px;}

.affiche:hover{background:#DDD;}

.affiche a {color: #4B4B4B;text-decoration: none;text-transform: uppercase;}

.affiche a span{display: block; line-height:24px;}

@media screen and (max-width: 960px) and (min-width: 810px){
.affiche{margin:1% 2%;padding:1%;width: 19% ;}
}

@media screen and (max-width:810px) and (min-width: 440px){
.affiche{margin:1% 2%;padding:1%;width: 44%}
}

@media screen and (max-width:440px){
.affiche {display: block; float: none; width: auto;}
}

/***===PAGES SPECTACLES===***/
.spectacle-titre h1{
    display: block;
}

@media screen and (max-width:600px){
.spectacle-main {
    padding: 0 10px;
    text-align: justify;
 }
}


/***---Partie gauche de la page---***/

.spectacleG{float:left;width:240px;}

.spectacleG > img, .spectacleG > div{padding:5px;}

.spectacleG > img{display:block; margin:auto;padding:117px 0 95px;width:200px;}

/***---Partie droite de la page---***/

.spectacleD{float:right;margin-left:10px;width:700px;}

/***Slider***/

.ls_def_ibanner{height:465px!important;padding:0px!important; width:700px!important;}

.ls_def_ibanner .abs{display:none;}

.creditsPhoto{font-size:10px;float:right;}

/***Onglets***/

.domtabs{display:inline-block;margin:40px 0 20px;}

.domtabs li{display:inline; margin: 0 25px 0 0;padding:4px;}

.domtabs li.active, .domtabs li:hover{background:#DDD;}

.domtabs li a{color:#333;text-decoration:none;text-transform:uppercase;}

.domtab > div > a{display:none;}

/*Onglet des dates*/


.datesTab ul li h3 {display: none;}


.datesTab .event-date a {color: #4B4B4B;font-size: 16px;font-weight: bold;text-decoration: none;}


.datesTab .event-content {margin: 5px 0 20px;}

/*Responsive*/

@media screen and (max-width: 960px){
body{padding: 20px;}
.spectacleG,.spectacleD{float: none;margin-left:0;text-align: center;width: 100%;}
.spectacleG > img{padding:5px;}
.spectacleG > div{text-align: center;}
#menuonglet {padding: 5px;text-align: left;}
.domtabs li {display: inline-block;margin: 0 25px 10px 0;}
.spectacle-slider {margin: auto; max-width: 99%;}
}

@media screen and (min-width: 450px) and (max-width: 960px){
.spectacleG > img, .spectacleG > div {display: inline-block; max-width: 50%;vertical-align: middle;}
}

@media screen and (max-width: 450px){
    body{padding: 10px;}
    }

/***===PAGE COMPAGNIE===***/
.texte1{
    border-bottom: 1px solid #b0afaf;
    text-align: justify;
    padding: 0;
}
.texte2{
    padding-top: 30px;
    border-top: 1px solid #b0afaf;
    text-align: justify;
}
.bioJB, .bioR{text-align: justify;}
.compagnie-left, .compagnie-right{
    margin-top: 20px;
}
.compagnie-right{
    float:right;
    width: 42%;
}
.compagnie-left{
    float:left;
    width: 42%;
}

/*Responsive*/
@media screen and (max-width: 960px){
.post-35 .entry-content{padding:15px;}
}

@media screen and (max-width: 960px) and (min-width: 440px){
.compagnie-right{
   float:none;
   width: 100%;}

   .compagnie-left{
       float:none;
       width: 100%;
   }

}

@media screen and (max-width: 440px) {
.compagnie-right{
   float:none;
   width: 100%;}

.compagnie-left{
    float:none;
    width: 100%;
}


.bioJB, .bioR, .imgBio {display: block;float: none;width: 100%;}
.imgBio{clear: both;}
.imgBio > img {display: block;float: none;margin: auto;}
}


/***===PAGE CALENDRIER===***/
.calendrier-title{
    text-transform: uppercase;
    border-bottom: 1px solid #b0afaf;
    font-size: 24px;
    font-weight: normal;
    margin-top: -6px;
    line-height: 44px;
    display: block;
}
.calendarStk{
    float:left;
    margin-top: 8px;
}
.event-day{
    margin-top: 2px;
    font-weight: bold;
}
.calendarStk h3{
    margin-bottom: 6px;
    margin-top: 20px;
}

.calendarStk a {color: #29759a;font-size: 16px;font-weight: bold;line-height:22px; text-decoration: none;}

.calendarStk .event-content {
    line-height: 18px;
    margin: 5px 0 8px;
}

.tribe-events-events .tribe-events-event-list-meta{display:none;}

.events-archive .tribe-events-event-entry{width:98%;}

h2.tribe-events-cal-title{display:none;}

.events-archive .event-day, .single-tribe_venue .event-day, .venue-events .event-day, .single-tribe_venue .upcoming .entry-title, .events-archive .upcoming .entry-title{font-size:16px; }

.lienDates{background-image:url(images/calendar.png);background-position:top center; background-repeat:no-repeat;float:right;padding-top:64px;}

/*** calendrier modifs fab***/

.calendrier-menu{
    text-align: right;
    line-height: 28px;
    margin-top: 27px;
    padding-right: 50px;
    display: block;
    width: 160px;
    float: left;
}
.calendrier-menu li a{
    color: #444;
    text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}
li.on a{
    color: #29759a;
}
.titre{
    color: #444;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: lighter;
}
.calendarStk{
    display: block;
    width: 600px;
    float: left;
}
.entry-title.summary span{
    font-size: 10px;
}

@media screen and (max-width: 960px){
.calendarStk{margin-left: 5px;}
}

@media screen and (max-width: 720px){
.lienDates{clear:both;display: block;float: none;text-align:center;}
}

/***===PAGE CONTACTS===***/

.bloc2contacts{margin:auto;/*width:700px;*/}

.blocContact{/*float:left;margin-bottom:50px; */text-align:center;/*width:350px;*/}

.spectacle-logos img{
  margin: 0 20px 0 0;}

  .spectacle-logos p{
   width: 370px;
   font-size: 10px;
   margin-top: 5px;
}

/***===MODIFS FABRICE===***/

/*** commun ***/
.logo{
    float: left;
}
.wrapper{
    margin-top: 10px;
    width: 100%;
}
.main-navigation li {
    margin: 0 0 0 10px;
    margin: 0 0 0 1.4rem;
    position: relative;
}


/*** navigation ***/
.main-navigation{
    float: right;
}
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    border: 0 none;
}
.menu-menu-container{
    margin-top: 40px;
    margin-left: 20px;
}
.main-navigation li ul{
    margin-top: -12px;
    z-index: 110;
    margin-left: -28px;
}
.main-navigation li ul li a {
    background-color: #fff;
    border-bottom: 0px solid #ededed;
    display: block;
    font-size: 0.785714rem;
    line-height: 1.2em;
    padding: 0.571429rem 0.714286rem;
    white-space: normal;
    width: 12.8571rem;
}
.main-navigation li a{
    font-size: 14px;
}
.sub-menu {
    box-shadow: 7px 7px 7px rgb(0 0 0 / 20%);
}

/*Pas d'affichage responsive du menu*/
/*.menu-menu-container {display: inline-block!important;}
.main-navigation ul.nav-menu {display: inline-block!important;}*/

@media screen and (max-width: 600px){
    .logo {
        float: none;
    }
    .main-navigation{
        float: none!important; text-align: center!important;
    }
    .main-navigation ul.nav-menu.toggled-on, .menu-toggle{
        width: 80%;
        margin: 0 auto;
    }
    .main-navigation > div > ul > li {
        display: block!important;
    }
    .main-navigation > div > ul > li,
    .main-navigation > div > ul > li > ul > li,
    .main-navigation li:last-of-type {
        text-align: left;
        line-height: 20px;
        padding-bottom: 0px;
    }
    .main-navigation li a{
        margin-top: 10px;
        margin-bottom: 10px;
        display: block;
    }
    .site-header > a > img {
        display: block; margin: auto;
    }
    .main-navigation li ul li a {
        background-color: transparent!important;
        margin: 0;
        display: block;
        font-size: 0.785714rem;
        line-height: 0.6em;
        padding: 0.571429rem 0.714286rem;
        padding-left: 20px;
        width: 60%;
    }
    .menu-menu-container{
        margin-top: 10px;
        margin-left: 0;
    }
}
/*** accueil ***/

.preview img{
    width: 100%;
    margin: 0 auto;
}
.bandeau {
    font-size: 1.22em;
    text-align: center;
    line-height: 25px;
    color: #6A6A6A;
    border-top: 1px solid #b0afaf;
    border-bottom: 1px solid #b0afaf;
    margin-top: 10px;
    padding: 10px 0 10px 0;
    width: 100%;
}
.bandeau-titre{
    font-weight: bold;
}
.bandeau-titre a{
     color: #6A6A6A;
     text-decoration: none;
}
.bandeau-titre a:hover{
     color: #999;
}


/*** spectacle ***/
.spectacle-titre{
    text-transform: uppercase;
    border-bottom: 1px solid #b0afaf;
    font-size: 24px;
    font-weight: normal;
    margin-top: -6px;
    line-height: 44px;
    display: block;
}
.spectacle-slider-wrapper{
    width: 100%;
    background-color: #000;
}
.spectacle-slider{
    width: 700px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom:20px;
}
.copyright{
    margin-top:5px;
    text-align: right;
    font-size: 9px;
    color: #999;
}
.spectacle-presentation, .spectacle-infos, .spectacle-copro{
    margin-top: 15px;
    line-height: 22px;
    border-bottom: 1px solid #b0afaf;
}
.spectacle-presentation p{
    margin-bottom: 12px;
}
.spectacle-presentation-signature{
    margin-top: 15px;
    display: block;
    text-align: right;
}
.spectacle-infos-left{
    float: left;
    margin-bottom: 10px;
}
.spectacle-main h3{
  text-transform: uppercase;
}
.spectacle-infos-right{
    text-align: right;
    float: right;
}
.spectacle-infos-right span{
    padding-bottom: 10px;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
}
.spectacle-infos-right a{
    color: #444444;
    font-weight: bold;
    text-decoration: none;
}
.spectacle-infos-right a:hover{
    color: #29759a;
}
 .spectacle-infos-right .en-pdf a{
    color: #0000aa;
 }
 .spectacle-infos-right .en-pdf a:hover{
    color: #29759a;
 }
.spectacle-calendrier{
    margin-bottom: 10px;
}
.spectacle-calendrier li{
    color: #29759a;
    list-style-type: none;
    margin-top: 3px;
}
.spectacle-copro {
    border-bottom: 0px solid #b0afaf;
}
.spectacle-copro p{
    border-bottom: 0px solid #b0afaf;
    margin-bottom: 10px;
}
.spectacle-video{
    margin-top: 30px;
}
/*** téléchargements ***/
.center-blocks{
margin: 0 auto;
    width: 380px;
}
.dl-main {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 15px;
}
.dl-cadre {
    margin-top: 18px;
    padding-bottom: 6px;
    width: 226px;
    border: 1px solid #b0afaf;
    text-align: center;
}

.dl-cadre h4{
    padding: 30px 5px;
    line-height: 20px;
    text-transform: uppercase;
    font-size: 20px;
}

.dl-cadre-ctg img{
    margin-top: -7px;
}

.dl-cadre img{
    margin-bottom: 15px;
    width: 160px;
    height: 226px;
}

.dl-cadre img.picto{
    margin-bottom: -8px;
    width: 25px;
    height: 25px;
}

.dl-cadre li{ 
    font-size: 15px;
    color:#999;
    margin-bottom: 8px;
    text-decoration: none;
    text-transform: capitalize;
    width: 100%;
    display: inline-block;
}
.dl-cadre li a{
    text-decoration: none;
}
.dl-cadre li a.show, .dl-cadre li.show, .dl-cadre li.show a{
    color:#757575;
}
.dl-cadre ul li.hide{
    color:#cacaca;
}
.dl-cadre li span{
    font-weight: normal;
    color:#444;
    font-size: 10px;
    margin-bottom: 8px;
    text-transform: lowercase;
    width: 100%;
    display: inline-block;
}
.dl-cadre a:hover{
    /* color: #6a1218; */
    text-decoration: none;
}
.warning{
    font-size: 13px;
    line-height: 20px;
    display: flex;
    color: #999;
    border: 1px solid #B0AFAF;
    width: 100%;
    height: 50px;
}
.warning p{
    margin: auto;
}
.warning p a{
    color: #444;
}

/*** contact ***/
.contact-main{
    margin-top: 50px;
}

.blocContact{
    text-align: left;
    margin-bottom: 50px;
}
.contacts h5{
    line-height: 20px;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 5px;
}
.contacts h5:first-child{
    margin-top: 0px;
}
.contacts p{
    margin-bottom: 6px;
}
.contacts img{
    margin-top: 10px;
}
.contact-content{
    line-height: 20px;
    float: left;
}
.contact-visuel{
    float: right;
}