/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2016-08-12, 15:11:48
    Author     : Utilisateur
*/
html,body{overflow-x:hidden;}
a,html,body{color:#231F20;}
a:focus,a:active,
a:hover{cursor:pointer;color:#231F20;text-decoration:none;}
.container{max-width:1400px;width:auto;}/*max-width:133.5em;*/

/* font sabon */
.f_s_di{font-family:'SabonNextLT-DemiItalic';}
.f_s_d{font-family:'SabonNextLT-Demi';}
.f_s_b{font-family:'SabonNextLT-Bold';}
.f_s_bi{font-family:'SabonNextLT-BoldItalic';}
.f_s_r{font-family:'SabonNextLT-Regular';}
/* proxima */
.f_pn_b{font-family:'ProximaNova-Bold';}
.f_pn_r{font-family:'ProximaNova-Regular';}
.f_pn_ri{font-family:'ProximaNova-RegularIt';}
.f_pn_sb{font-family:'ProximaNova-Semibold';}
.f_pn_sbi{font-family:'ProximaNova-SemiboldIt';}

/* couleurs*/
.t_charcoal{color:#231F20;}
.bg_charcoal{background-color:#231F20;}
/* font gotham 
.f_g_m{font-family:'Gotham-Medium';}*/

/**
*
*   general
*
**/
h2{margin-bottom:0px;margin-top:45px;font-size:30px;line-height:20px;}
hr.epais{border-top-width:5px;border-top-color:#231F20;}
.col-no-decal > div,
.col6-decal > div:nth-child(6n+1),
.col6-decal > div:nth-child(6n+2),
.col6-decal > div:nth-child(6n+3),
.col4-decal > div:nth-child(4n+1),
.col4-decal > div:nth-child(4n+2),
.col3-decal > div:nth-child(3n+1),
.col3-decal > div:nth-child(3n+3),
.col2-decal > div:nth-child(2n+1){margin-top:2em;}
.col3-decal > div:nth-child(3n+2){margin-bottom:2em;}
.col2-decal > div:nth-child(2n+1),
.col3-decal > div:nth-child(3n+1),
.col4-decal > div:nth-child(4n+1),
.col6-decal > div:nth-child(6n+1){clear:both;}

@media (max-width: 768px){
    body div.col-no-decal > div,
    body div.col6-decal > div,
    body div.col4-decal > div,
    body div.col3-decal > div,
    body div.col2-decal > div{margin-top:1em !important;}          
    body div.col3-decal > div:nth-child(3n+2){margin-bottom:0em !important;}
}
/* Small devices (tablets, 768px and up) */
@media(min-width: 768px){
    
    .col-decal-sm-4 > div:nth-child(4n+1),
    .col-decal-sm-4 > div:nth-child(4n+2),    
    .col-decal-sm-3 > div:nth-child(3n+1),
    .col-decal-sm-3 > div:nth-child(3n+3){margin-top:2em;}
    .col-decal-sm-4 > div:nth-child(4n+1),
    .col-decal-sm-3 > div:nth-child(3n+1){clear:both;}    
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    
    .col-decal-sm-4 > div:nth-child(4n+1),
    .col-decal-sm-4 > div:nth-child(4n+2),    
    .col-decal-sm-3 > div:nth-child(3n+1),
    .col-decal-sm-3 > div:nth-child(3n+3){margin-top:auto;}    
    
    .col-decal-md-4 > div:nth-child(4n+1),
    .col-decal-md-4 > div:nth-child(4n+2),
    
    .col-decal-md-3 > div:nth-child(3n+1),
    .col-decal-md-3 > div:nth-child(3n+3){margin-top:2em;}
    .col-decal-md-4 > div:nth-child(4n+1),
    .col-decal-md-3 > div:nth-child(3n+1){clear:both;}    
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {

    .col-decal-sm-4 > div:nth-child(4n+1),
    .col-decal-sm-4 > div:nth-child(4n+2),    
    .col-decal-sm-3 > div:nth-child(3n+1),
    .col-decal-sm-3 > div:nth-child(3n+3),
    .col-decal-md-4 > div:nth-child(4n+1),
    .col-decal-md-4 > div:nth-child(4n+2),
    
    .col-decal-md-3 > div:nth-child(3n+1),
    .col-decal-md-3 > div:nth-child(3n+3){margin-top:auto;}
    
    
    .col-decal-lg-6 > div:nth-child(6n+1),
    .col-decal-lg-6 > div:nth-child(6n+2),
    .col-decal-lg-6 > div:nth-child(6n+3),

    .col-decal-lg-4 > div:nth-child(4n+1),
    .col-decal-lg-4 > div:nth-child(4n+2),
    
    .col-decal-lg-3 > div:nth-child(3n+1),
    .col-decal-lg-3 > div:nth-child(3n+3){margin-top:2em;}
    .col-decal-lg-4 > div:nth-child(4n+1),
    .col-decal-lg-3 > div:nth-child(3n+1),
    .col-decal-lg-6 > div:nth-child(6n+1){clear:both;}    
   
}

/**
*   NAV
**/
#header{height:12em;}
#header #s-logo{font-size:4.5em;}
#header > .container{padding-top:3em;}
#menu-principal li{display:inline-block;padding-left:5%;padding-right:5%;}
#menu-principal a{position: relative;}
#menu-principal a:before {
  content: "";
  position: absolute;
  width: 36px;
  height: 4px;
  bottom: -10px;
  left: 50%;
  margin-left:-16px;
  background-color: #231F20;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
#menu-principal li.current_page_parent a:before,
#menu-principal li.current-page-ancestor a:before,
#menu-principal li.current-menu-item a:before,
#menu-principal a:active:before,
#menu-principal a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


/** l'entete **/
@media (max-width: 1199px) {
    #header > .container{padding-top:1em;}
    #s-logo{display:block;text-align:center;}    
    /* menu */
    #nav-principal{padding:1em 0;margin-bottom:0em;background-color:#ffffff;z-index:9999;width:100%;}
    #nav-principal #menu-principal{padding-top:15px;}
    #nav-principal li{display:none;padding-left:0;padding-right:0;text-align:left;padding-top:.5em;padding-bottom:.5em;}       
    #nav-principal:target #menu-principal li,
    #nav-principal:target .icon-fermer,
    #nav-principal li.current_page_parent,
    #nav-principal li.current-page-ancestor,
    #nav-principal li.current-menu-item{display:block;}
    #nav-principal li a span:nth-child(1){display:inline;visibility:hidden;}
    #nav-principal li.current_page_parent a span:nth-child(1),
    #nav-principal li.current-page-ancestor a span:nth-child(1),
    #nav-principal li.current-menu-item a span:nth-child(1){visibility:visible;}
    #nav-principal li.current_page_parent a:before,
    #nav-principal li.current-page-ancestor a:before,
    #nav-principal li.current-menu-item a:before,
    #nav-principal a:active:before,
    #nav-principal a:hover:before{display:none;}
    #header .epais.hide{display:block;margin:0em;}
    /* headroom */
    #nav-principal.headroom {
        will-change: transform;
        transition: transform 200ms linear;
    }
    #nav-principal.headroom--top{}
    #nav-principal.headroom--unpinned{position:fixed;top:0px;left:0px;right:0px;padding:15px;}
    #nav-principal.headroom--unpinned #menu-principal{}
}
#filtre-h{display:none;}
/**
*
*   FOOTER
*
**/
#footer-contact .contact-h h3{margin-bottom: 0;}
#footer-contact .contact-h h4{margin-top:0px;}
@media (max-width: 768px) {
    
   footer p.inline{display:block;}
}


/**
*
*   PROFIL LISTE
*
**/
#artistes-liste .s-artiste{width:100%;min-width:203px;min-height:203px;}
#artistes-liste .s-artiste:hover .ov{display:block;}
#artistes-liste .s-artiste .ov{background-color:rgba(35,31,32,0.95);}
#artistes-liste .s-artiste .ov h4 span{display:block;visibility: hidden;clear:both;height:0;}
#artistes-liste .s-artiste .ov h4.talents-overload span{display:inline-block;visibility: visible;}
@media (max-width: 1024px) {
    #artistes-liste .s-artiste .ov{display:block;top:auto;height:auto;padding:1em;background-color:rgba(35,31,32,0.65);}
    #artistes-liste .s-artiste .ov h3,
    #artistes-liste .s-artiste .ov h4{margin-bottom:0em;margin-top:0em;font-size:1em;}
    #artistes-liste .s-artiste .ov h4 span{display:inline-block;visibility: visible;;}
    #artistes-liste .s-artiste .ov .abs,
    #artistes-liste .s-artiste .ov .icon-plus,
    #artistes-liste .s-artiste .ov p{display:none;}
}
@media (max-width:768px){
    #artistes-liste >div:nth-child(1){margin-top:1em;}
}



/**
*
*   POST DETAIL
*
**/
@media (max-width: 1200px){
    #post-details .pad_t_600_em{padding-top:0em;}    
    .other-post:last-child hr{display:none;}
}