/*

Theme Name: Ecluse Prod

Template: twentyseventeen

Theme URI: 

Author: Mu Creation

Author URI: https://mu-creation.fr

Description: Thème de l'association L'Ecluse

Version: 1

*/





/*Editeur */

body.wp-admin .Cie-Info{

	border:1px solid red;

}

/***********/



.edit-link{

  position:absolute;

  left:0.5em;

  display:block;

  border:red;

  border-radius:5px;

  background:#fc0656;



  padding:0.1em 0.5em;

  z-index:10;

}



.edit-link a{

  color:#fff;

  -webkit-box-shadow: none;

	box-shadow: none;

}



.edit-link:hover{

  background:#333;

}

.edit-link a:hover{

    color:#fff !important;

}



body, button, input, select, textarea {

    color: #333;

    font-family: "Open Sans","Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;

    font-size: 15px;

    font-size: 14px;

    font-size: 0.9375rem;

    font-size: 0.9rem;

    font-weight: 400;

    line-height: 1.66;

}



b, strong {

    font-weight: 600;

}





/* LOGO */



.site-branding-text h1.site-title{



}





.site-branding-text h1.site-title ,

.site-branding-text p.site-title {

  max-width:300px;

  width:100%;

  



  box-sizing:border-box;

}



@media screen and (min-width: 30em) {

  .site-branding-text h1.site-title ,

  .site-branding-text p.site-title {



    margin-right:1em;





  }

}

.site-branding-text h1.site-title img ,

.site-branding-text p.site-title img {

  max-width:100%;

}



.site-branding-text p.site-description{

  max-width:280px;

}





body:not(.title-tagline-hidden) .site-branding-text {

    display: flex;

    justify-content:center;

    align-items:center;

    flex-wrap: wrap;

    display: webkit-flex;    

    -webkit-flex-wrap: wrap;

}



@media screen and (min-width: 48em) {

  .wrap {

      max-width: 1000px;

      padding-left: 0.5em;

      padding-right: 0.5em;

      padding-top: 0.5em;

      padding-bottom: 0.5em;

      

  }

}





/* ANIMATIOn */

@-webkit-keyframes bounceInUp {

  from,

  60%,

  75%,

  90%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }



  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 3000px, 0);

    transform: translate3d(0, 3000px, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0);

  }



  75% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0);

  }



  90% {

    -webkit-transform: translate3d(0, -5px, 0);

    transform: translate3d(0, -5px, 0);

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes bounceInUp {

  from,

  60%,

  75%,

  90%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }



  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 3000px, 0);

    transform: translate3d(0, 3000px, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0);

  }



  75% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0);

  }



  90% {

    -webkit-transform: translate3d(0, -5px, 0);

    transform: translate3d(0, -5px, 0);

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



/*************************************************************************** Hover effects */



.entry-content a,

.entry-summary a,

.widget a,

.site-footer .widget-area a,

.posts-navigation a,

.widget_authors a strong {

	-webkit-box-shadow: inset 0 -1px 0 rgba(252, 6, 86, 0.4);

	box-shadow: inset 0 -1px 0 rgba(252, 6, 86, 0.4);

	-webkit-transition: all 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;

	transition: all 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;

	transition: all 80ms ease-in, box-shadow 130ms ease-in-out;

	transition: all 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;

}



.entry-title a,

.entry-meta a,

.page-links a,

.page-links a .page-number,

.entry-footer a,

.entry-footer .cat-links a,

.entry-footer .tags-links a,

.edit-link a,

.post-navigation a,

.logged-in-as a,

.comment-navigation a,

.comment-metadata a,

.comment-metadata a.comment-edit-link,

.comment-reply-link,

a .nav-title,

.pagination a,

.comments-pagination a,

.site-info a,

.widget .widget-title a,

.widget ul li a,

.site-footer .widget-area ul li a,

.site-footer .widget-area ul li a {



	text-decoration: none;

	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;

	transition: all 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;

	transition: all 80ms ease-in, box-shadow 130ms ease-in-out;

	transition: all 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;

}



.entry-content a:focus,

.entry-content a:hover,

.entry-summary a:focus,

.entry-summary a:hover,

.widget a:focus,

.widget a:hover,

.site-footer .widget-area a:focus,

.site-footer .widget-area a:hover,

.posts-navigation a:focus,

.posts-navigation a:hover,

.comment-metadata a:focus,

.comment-metadata a:hover,

.comment-metadata a.comment-edit-link:focus,

.comment-metadata a.comment-edit-link:hover,

.comment-reply-link:focus,

.comment-reply-link:hover,

.widget_authors a:focus strong,

.widget_authors a:hover strong,

.entry-title a:focus,

.entry-title a:hover,

.entry-meta a:focus,

.entry-meta a:hover,

.page-links a:focus .page-number,

.page-links a:hover .page-number,

.entry-footer a:focus,

.entry-footer a:hover,

.entry-footer .cat-links a:focus,

.entry-footer .cat-links a:hover,

.entry-footer .tags-links a:focus,

.entry-footer .tags-links a:hover,

.post-navigation a:focus,

.post-navigation a:hover,

.pagination a:not(.prev):not(.next):focus,

.pagination a:not(.prev):not(.next):hover,

.comments-pagination a:not(.prev):not(.next):focus,

.comments-pagination a:not(.prev):not(.next):hover,

.logged-in-as a:focus,

.logged-in-as a:hover,

a:focus .nav-title,

a:hover .nav-title,

.edit-link a:focus,

.edit-link a:hover,

.site-info a:focus,

.site-info a:hover,

.widget .widget-title a:focus,

.widget .widget-title a:hover,

.widget ul li a:focus,

.widget ul li a:hover {

	color: rgba(252, 6, 86, 1);

	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);

	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);

  -webkit-box-shadow: none;

	box-shadow: none;

}





/* social-links-menu */



.social-links-menu  a:focus,

.social-links-menu  a:hover,

.social-links-menu  a:focus,

.social-links-menu  a:hover{

  box-shadow:none !important;

  color: #fff !important;

}



.social-navigation a {

    background-color: #fc0656;

}





p.info_dev{

  position:absolute;

  right:0;

  background:#000;

  color:red;

  font-weight:bold;

}



.site-header {

    background-color: #fff;

    

}

.custom-logo-link {

  width:100%;

  padding:0;

    

}

.site-branding {

  padding:1.5em 0 ;

  text-align:center;



}

.site-branding .wrap{

    width:100%;

}



.site-branding-text{



}



/*

.site-description{font-style:italic;font-weight:600;color:#3d798a;color:#fc0656;font-size:1.2em;font-family:"Open Sans";transform: rotate(-0.5deg);}*/



.main-navigation > div > ul {

    text-align:center;

}

.single-featured-image-header{display:none;position:fixed;z-index:-1;width:100%;top:0;}



.site-content-contain {

    background-color: #fff;

    position: relative;

    margin-top: 0em;

}



.page-title{

text-align:center;

}



/* LISTE ALL */



ul {

    list-style: disc;

}



ul, ol {

    margin: 0 0 1.5em;

    padding: 0 1.5em 0;

}



#main li{

  margin: 0 0 1.5em;

}





.left{}



.right{}



/*************************************************************************** NAVIGATION */

.navigation-top {

    border-bottom: 1px solid #eee;

    border-top: 0px solid #eee;



}



/*************************************************************************** OVERIDE MENU-TOP */

@media screen and (min-width: 48em) {

  ul#top-menu li{



  }



  ul#top-menu li:after{

    content:"/";

  }

  

  ul#top-menu li:last-child:after{

    content:"";

  }

  

  .social-navigation {

    width: 100%;

  }

}

  .main-navigation a {

      text-transform:uppercase;

       display: inline-block;



  }



@media screen and (min-width: 30em) {

  .page-one-column .panel-content .wrap {

      max-width: 1000px;

  }

  .panel-content .wrap {

      padding-top: 1em;

  }



}



@media screen and (min-width: 48em) {

  .panel-content .wrap {

      padding-top: 1.5em;

  }



  .wrap {

    max-width: 1000px;

    padding-left: 0.5em;

    padding-right: 0.5em;

  }

  

  #panel1 .panel-content .wrap {

    padding-bottom: 1em;

}

  .site-content {

    padding: 3em 0 0;

  }

}



@media screen and (min-width: 67em) {

  .navigation-top .wrap {

      padding: 0.1em 2em;

  }

}





.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {

    margin-bottom: 1em;

}



.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {

    margin-left: auto;

    margin-right: auto;

    max-width: 1000px;

}





/*************************************************************************** FRONT PAGE */



/**.twentyseventeen-front-page .entry-content{

  display:flex;

  flex-wrap: wrap;

  justify-content: center;

  -webkit-flex-direction: column-reverse;

  display: flex;

  flex-direction: column-reverse; 

  text-align:center;

  align-items: center;

}

*/

.wppsac-post-slider .slick-slide img, .flexslider .slides img   {
  /*border-radius: 20px;*/
}
.flexslider .slides .caption-wrap, .wppsac-post-slider h2.wppsac-post-title {
  /*border-radius: 0 0 20px 20px;*/
}

  .twentyseventeen-front-page .entry-content{

    display:flex;

    display:-webkit-flex;

    -webkit-flex-direction: column-reverse;

    flex-direction: column-reverse; 

    }

    

article#post-7 .entry-title{display:none}

article#post-7 strong{}



.twentyseventeen-front-page .entry-content .left{

  width:100%;

  max-width:600px;

  text-align:center;

  margin-left:auto;

  margin-right:auto;

  

}



@media screen and (min-width: 67em) {



  .twentyseventeen-front-page .entry-content{    

    /*display: -webkit-box;*/

    display: -webkit-flex;

    display:flex;

    

    -webkit-box-wrap: wrap;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  

    -webkit-flex-direction: row;

    flex-direction: row;  

    

    -webkit-box-align: center;

    -webkit-flex-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;    

    

    -webkit-box-justify-content: space-between; 

    -webkit-justify-content: space-between; 

    justify-content: space-between;

    

    text-align:center;

    align-items: top;

    

    width:100%;

    

  }



  .twentyseventeen-front-page .entry-content .left{

    /*max-width:300px;*/
    max-width:400px;
    text-align: justify;

    width:100%;

    -webkit-flex:1;

    -webkit-box-flex:1;

    -moz-flex:1;

    -moz-box-flex:1;

    -ms-flex:1;

    flex:1;

  }

  

  

}





.twentyseventeen-front-page .entry-content .left a{



}



.twentyseventeen-front-page .entry-content .left a:hover{



}

.twentyseventeen-front-page .entry-content .right{

  /*max-width:600px;*/
  max-width:500px;

  width:100%;

  margin-left:auto;

  margin-right:auto;



}

.twentyseventeen-front-page .entry-content .bottom{

  width:100%;

  text-align:center;

}



.slogan{

  text-align:center;

  color:#3d798a;

  font-size:1.5em;

  font-weight:700;

  text-transform; uppercase;

  font-family:script;

  font-style:italic;

}









/************************************************************************** ARCHIVE COMPAGNIE */

#compagnies-associees,

.archive.category-compagnie #main{

  /*display: -webkit-box;*/

  display: -webkit-flex;

  display:flex;

  

  -webkit-box-wrap: wrap;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  

  -webkit-justify-content: space-evenly; 

  justify-content: space-evenly;

  

  

  

   -webkit-box-direction: col;

   -webkit-flex-direction: col;

   flex-direction: col;  

  

  width:100%;

  



  

}


#compagnies-associees ,
.archive.category-compagnie #main{
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 colonnes */
  gap: 20px;
}

#compagnies-associees .vignette img , .archive.category-compagnie #main .vignette img {
  width: 100%;     /* occupe toute la largeur */
  height: auto;    /* conserve les proportions */
  display: block;  /* évite les petits espaces indésirables */
  object-fit: cover; /* recadrage si nécessaire */
  /*border-radius: 4px;*/ /* optionnel : coins arrondis */
}

/* Responsive : 1 colonne sur mobile */
@media (max-width: 768px) {
  #compagnies-associees,.archive.category-compagnie #main {
    grid-template-columns: 1fr;
  }
}





/*.archive.category-compagnie #main .vignette{

  max-width:290px;

  position:relative;

  box-sizing:border-box;

}*/

.archive.category-compagnie #main > article{

    padding-bottom: 0;
    /*

    margin-left:0.5em;

    margin-right:0.5em;*/

}



.vignette{


/*
  max-width:290px;

  position:relative;

  box-sizing:border-box;

 */



}



.vignette .post-thumbnail{

 /* height:190px;

  height:auto;

  max-height:190px;

  overflow:hidden;*/

  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.16);

  margin-bottom: 0.5em;

}





.vignette .post-thumbnail a{

  display:block;

  height:100%;

  margin:0;

  padding:0;

  line-height:0;

  position:relative;

  letter-spacing: 0.14em;

}



#compagnies-associees .vignette h3,

.vignette h2 {padding-left:5px;font-size:1em;text-transform:uppercase;font-weight: 300;text-align:left;}

#compagnies-associees .vignette h3:before{display:none;}

#compagnies-associees  .vignette h3  span,

.vignette h2  span{color:#fc0656;}



#compagnies-associees .vignette h3 a:hover,

.vignette h2 a:hover{text-decoration:none;}



#compagnies-associees .vignette h3 a,

.vignette h2 a{letter-spacing: 0.1em;}



.navigation-top .current-menu-item > a:hover, .navigation-top .current_page_item > a:hover,

.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {

    color: rgba(61,121,138,1);

    color:#fc0656;

}



  #compagnies-associees .vignette{

    padding-bottom: 2em;

    margin-left:0.5em;

    margin-right:0.5em;

  }



@media screen and (min-width: 48em) {

  #compagnies-associees .vignette{

    padding-bottom: 0;

  }

}



#compagnies-associees a{

  -webkit-box-shadow: none;

	box-shadow: none;

}



/* Tous les articles */





.rotate{

  transform: rotate(-0.9deg);

}



/* AJOUTER # */



#panel1 h2,

article h1.entry-title{

  font-size: 1rem !important;

  color: #222;

  font-weight: 800;

  letter-spacing: 0.14em;

  text-transform: uppercase;

  text-align:center;

  margin-bottom: 1em;

  padding-bottom: 2em;

}



article h1.entry-title{

  color: #fc0656;

}



#panel1 h2:before,

article h1.entry-title:before{

  content:"# ";

  display:inline;

}



#panel1 h2:before{

  /*color:#fc0656;*/

}



.page-id-8 h1.entry-title{



}



/*************************************************************************** COMPAGNIE */



.single-featured-image-header{

  max-height:10em;



}



.entry-content-compagnie{

  display:flex;

  display:-webkit-flex;

  flex-wrap: wrap;

  justify-content: space-between;

}



.Cie-Info p{

  font-weight: 400;

  text-align:justify;

}

.Cie-Slider{

   width:100%;

}

.metaslider {

    margin-left:auto;

    margin-right:auto;

}



  .Cie-Info{

    max-width:700px;

    margin-left:auto;

    margin-right:auto;

  }

  

@media screen and (min-width: 67em) {

  .Cie-Info{

    max-width:350px;

    margin-left:0;

    margin-right:0;

  }

  .Cie-Slider{

   max-width:600px;

  }

  .Cie-Info p{

    text-indent:2.5em;

  }

}















.Cie-Contact{

  padding-top:0em;

  width:100%;

  text-align:center;

}



.Cie-Contact h2{

  display:inline;

  font-weight:bold;

  color:#222;

  font-size:0.9em;

  text-transform:uppercase;

  text-align:left;

}



.Cie-Contact a:hover{

  color:#fc0656;



}



.color-theme{

  color:#fc0656

}





/* CREATIONS */



div.Cie-Creation{

  width:100%;

  border-top: 1px solid #eee;

  padding-top:2.5em;

}



.Cie-Creation h2{

  

  font-size: 1rem !important;

  color: #222;

  color: #fc0656;

  font-weight: 800;

  letter-spacing: 0.14em;

  text-transform: uppercase;

  margin-bottom: 1em;

  padding-bottom: 2em;

  text-align:center;

}



/*.Cie-Creation h2:before{

  content:"// ";

  display:inline;

  color:#fc0656;

}*/





.Cie-Creation ul{

  display:flex;

  display:-webkit-flex;

  flex-wrap: wrap;

  justify-content: space-evenly;

}



.Cie-Creation li{

  box-sizing:border-box;

  list-style:none;



  width:150px;

  margin:0em 1em 3em 1em !important;

  



}



.Cie-Creation li  .affiche {

  max-width:150px;

  margin-left:auto;

  margin-right:auto;

  height:225px;

  /*height:auto;*/

  position:relative;

}



.Cie-Creation li  .affiche img{

  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.16);

  

}



.Cie-Creation li  .affiche a{

  opacity:1;

  -webkit-backface-visibility: hidden;

  -webkit-transition: opacity 0.2s;

  transition: opacity 0.2s;

}

.Cie-Creation li  .affiche a:hover{

  opacity:0.5;

  -webkit-backface-visibility: hidden;

  -webkit-transition: opacity 0.2s;

  transition: opacity 0.2s;

}



.Cie-Creation li  .affiche > p{

  margin: 0;

  padding: 0;

}



.Cie-Creation li  .affiche .infos-survol{

  position:absolute;

  top:0;

  display:inline-block;

  bottom:0px;

  left:0;

  width:100%;

  height:100%;

  text-align:center;

  color:rgba(255,255,255,1);

  background:rgba(0,0,0,1);

  padding:0 0.5em;

  padding-top:0.8em;

  font-size:0.8em;

  line-height:1.3em;

  font-weight:600;

  opacity:0;

  box-sizing:border-box;

}

.Cie-Creation li  .affiche .infos-survol p{

  margin: 0;

}

.Cie-Creation li  .affiche .infos-survol h4{

  color:rgba(255,255,255,1);

  font-size:1em;

  font-weight:600;

  position:relative;

  display:block;

  padding:0;

  margin: 0.5em 0 0.05em 0;

}



.Cie-Creation li  .affiche .infos-survol h4:before{

  content:"//";

  color:#e6335b;

  display:inline-block;

  margin-right:0.5em;

}



.Cie-Creation li  .affiche .infos-survol a{



  border:1px solid #fc0656;

  transition: all 0.18s;

  line-height:2em;

  position:absolute;

  bottom:8px;

  left:5%;

  width:90%;

  color:#fff;

  background:#fc0656;

}

  .Cie-Creation li  .affiche .infos-survol a:hover{

    color:#fff;

    background:#fc0656;

    transition: all 0.18s;

    opacity:1;

  }



.Cie-Creation li  .affiche:hover .infos-survol{



  opacity:1;

  transition: all 0.18s;

  

}



.Cie-Creation li h3{

  font-size:1em;

  font-weight:600;

  padding-top:1em;

  /*min-height:3.5em;*/

  text-align:

}



  .Cie-Creation li h3:before{

    content:"// ";

    display:inline;

    color:#fc0656;



  }

.Cie-Creation li .desc{

  font-style:italic;

  font-weight:100;

  

}

.Cie-Creation li .annee{

}



.Cie-Creation li  .video,

.Cie-Creation li  .dossier-dif{

  margin-bottom:0.5em;

}



.Cie-Creation li  .video a,

.Cie-Creation li  .dossier-dif a{

      position:relative;

      font-size:0.9em;

      padding-left:0px;

       transition: color .1s ease-in 0;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.Cie-Creation li  .video a:hover,

.Cie-Creation li  .dossier-dif a:hover{

      color:#fc0656;

       transition: color .1s ease-in 0;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.Cie-Creation li  .video:hover,

.Cie-Creation li  .dossier-dif:hover{

        color:#fc0656;

       transition: color .1s ease-in 0;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.Cie-Creation li  svg{

  min-width:1em;

  text-align:center;

  margin-right:5px;

}

/*

.Cie-Creation li  .video a:before ,

.Cie-Creation li  .dossier-dif a:before {

  position:absolute;



  display: inline-block;

  width: 20px;

  height: 20px;

  font-size:20px;

  line-height: 1;

  font-family: dashicons;

  text-decoration: inherit;

  font-weight: 100;

  font-style: normal;

  vertical-align: top;

  text-align: center;

  transition: color .1s ease-in 0;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  opacity:0.8;

}



.Cie-Creation li  .video a:before {

    content: "\f522";

      left:-12px;

}

.Cie-Creation li  .dossier-dif a:before {

    content: "\f491";

      left:-10px;

}

*/



/*************************************************************************** SLIDER PAGE D'ACCUEIL */



.wppsac-post-slider{position:relative;}

.wppsac-post-slider h2.wppsac-post-title {

  position: absolute;

  bottom: 0;

  left: 0;

  width:100%;

  background: black;

  color: white;

  opacity: 0.7;

  margin: 0;

  display: block;

  width: 100%;

  line-height: 1.4em;

  height:1.4em;

  padding: 0px;

  z-index:1;

  margin:0 !important;

}



.wppsac-post-slider h2.wppsac-post-title a {

    /*display:block;*/

    display:inline-block;

	position:relative;

	top:-0.2em;

    color:#fff;

    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;

    font-size: 1rem;

    line-height: 1.4em;



    padding: 5px 10px;

    word-wrap: break-word;

    -webkit-box-shadow: none;

    box-shadow: none;

	



}

.wppsac-post-slider .wppsac-post-categories,

.wppsac-post-slider .wppsac-post-date,

.wppsac-post-slider .wppsac-post-content{display:none;}



.wppsac-post-slider.design-3 .wppsac-post-short-content {

    height: auto !important;

    clear: both;

    background: transparent !important;

    bottom: 0;

    color: #fff;

    left: 0;

    padding: 0px !important;

    opacity:0;



}



.wppsac-post-slider.design-3:hover .wppsac-post-short-content {

    opacity:1;

    -webkit-transition: all 0.2s;

    transition: all 0.2s;

}



.wppsac-post-slider .slick-dots {

    padding: 0 !important;

    margin: 0 !important;

    position:relative;

    text-align: center;

    margin-top:20px !important;

}

.wppsac-post-slider .slick-dots li {

    margin: 0 6px !important;



}



.wppsac-post-slider .slick-dots li button {

    margin: 0px !important;

    padding: 0px !important;

    border: none;

    border-radius: 50% !important;

    width: 11px !important;

    height: 11px !important;

    border-radius: 20px;

    background: #666;

    background: rgba(0, 0, 0, 0.5) !important;

}

.wppsac-post-slider .slick-dots li button:hover{

background: rgba(0, 0, 0, 0.7) !important;

}

4c4c4c

.wppsac-post-slider .slick-dots li.slick-active button {



    background: rgba(0, 0, 0, 0.9)!important;

}



.wppsac-post-slider button.slick-arrow {

    background-color: transparent !important;

    cursor: pointer;

    width: 45px;

    height: 45px;

    

    position: absolute;

    z-index: 9;

    border: 0px !important;

    padding: 0 !important;

    margin: 0px !important;

    border-radius: 0px !important;

}



.wppsac-post-slider.design-3 .slick-next {

    right: 5px !important;



}



.wppsac-post-slider.design-3 .slick-arrow {

    bottom: auto !important;

    top: 40% !important;

    border-radius:45px !important;

    height:45px;

    width:45px;

}



.wppsac-post-slider.design-3 .slick-prev {

   

    left: auto !important;

    left: 5px !important;

}

.page.page-one-column .entry-header, .vignette header {
  display: none !important;
}



/*************************************************************************** footer-widget-1 */

#custom_html-2 ,

#custom_html-4 {

  text-align:center;

}

#custom_html-4 {

  padding-bottom: 0em;

  }

#custom_html-2 p{

  margin-bottom:0.3em;

}

#custom_html-2 h2{

  color: #222;

  font-size: 1rem;

  font-weight: 800;

  letter-spacing: 0.14em;

  text-transform: uppercase;
  text-align: center;

}





/*************************************************************************** A PROPOS DE NOUS */

.page-id-8 .entry-content{





}



.page-id-8 .metaslider .flexslider{

  margin: 0 0 0em 0;



}



.page-id-8 .left{



}



.page-id-8 .right{





}

.flex-apropos {
  /*display: flex;*/
}



.box-deco{

  margin:1em;

  padding:2em;



  background:#fff;

  border:1px solid #eee;

  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.06);

}

@media screen and (min-width: 48em) {

.flex-apropos {
  display: flex !important;
}


  .box-deco{

  max-width:400px;

  /*float:right;*/

  /*margin:1em 0em 1em 5em;*/



  }
.flex-apropos .box-deco:first-child {
  margin-left:0;
  }
.flex-apropos .box-deco:last-child {
  margin-right:0;
  }


}

.box-deco h2 {

    display: inline-block;

    font-weight: bold;

    color: #000;

    font-size: 0.9em;

    text-transform: uppercase;

    text-align: left;

    

}













/**************************************************************************** CONTACT */



#post-9 .entry-content{

  display:flex;

  display:-webkit-flex;

  flex-wrap: wrap;

  justify-content:center;

}





@media screen and (min-width: 48em) {

  #post-9 .entry-content{



    justify-content:space-evenly;

  }

}



#post-9 h2{

  font-style: italic;

  font-weight: 600;

  color: #fc0656;

  font-size: 1.3rem;

  text-align:center;

  margin:0.75em 0em;
  padding: 0;

}



@media screen and (min-width: 48em) {

  #post-9 h2{

    text-align:left;

  }

}



#post-9 h3{

  display: inline;

  font-weight: bold;

  color: #222;

  font-size: 0.9em;

  text-transform: uppercase;

  text-align: left;

}



#post-9 h3:before{

  display: inline;

  content:"// ";

  color: #fc0656;

}





/**************************************************************************** AGENDA */



 .category-saisons-passees .site-content-contain h1:not(.page-title) {color:#fc0656;}



 #main .category-saisons-passees  h2,

#main .category-agenda h2{

  font-weight:700;

  color: rgb(34, 34, 34);

  font-size: 1em;

  text-transform: uppercase;

  text-align: left;

  margin-top:1.5em;

  margin-bottom:1.5em;

}



 .category-saisons-passees .site-content-contain h2 strong,

 .category-agenda .site-content-contain h2 strong{

  font-weight:700;}



  #main .category-saisons-passees h2:before,

  #main .category-agenda h2:before{

  display: inline;

  content:"// ";

  color: #fc0656;

  margin-right:0.3em;

  font-weight:bold;

}

  #main .category-saisons-passees h1:before,

  #main .category-agenda h1:before{

    display: none;

  }

  #main .category-saisons-passees h1,

  #main .category-agenda h1{
    font-size: 1.675rem;
    color:#222;
  }




  #main .category-saisons-passees ul,

  #main .category-agenda ul{

  padding:0;

}



 #main .category-saisons-passees  li,

 #main .category-agenda  li{

  list-style:none;

  font-size:0.9em;

  margin: 0 0 0.5em 0 !important;

}



 .category-saisons-passees .site-content-contain em,

 .category-agenda .site-content-contain em{

    color: #fc0656;

}



/* MENU */



#menu-agenda{

  margin:0;

  padding:0;

  list-style:none;

  width:100%;

  text-align:center;

}





@media screen and (min-width: 30em) {

  #menu-agenda li{

    display:inline-block;

  }

  #menu-agenda li:after{

    display:inline-block;

    content: "/";

  }



  #menu-agenda li:last-child:after{

    display:none;

  }

}



#menu-agenda li a{

  color: #222;

  font-weight: 600;

  -webkit-transition: color 0.2s;

  transition: color 0.2s;

  padding:0 1em;
  font-size: 18px;

}



#menu-agenda li a.active{

  color: #fc0656;

}



#menu-agenda li a:hover{

  color: #999999;

  -webkit-transition: color 0.2s;

  transition: color 0.2s;

}







/**************************************************************************** ACTUALITE */





.category-actualitee .post-thumbnail{

  float:none;

  max-width:100%;

  margin:0 0 2em 0;

}



@media screen and (min-width: 38em) {

  .category-actualitee .post-thumbnail{

    float:left;

    max-width:300px;

    margin:0 2em 2em 0;

  }

}

.category-actualitee .post-thumbnail img{

  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.16);

}





.page:not(.home) #content {

    padding-bottom: 1.5em;

}



/* FOOTER */

@media screen and (min-width: 48em) {

  .site-footer {

      margin-top: 0em;

  }

  }

  

.site-footer .wrap {

    padding-bottom: 1.5em;

    padding-top: 0.5em;

}

/**************************************************************************** WIDGET FOOTER */





.widget ul li, .widget ol li {

    border-bottom: 0px solid #ddd;

    border-top: 0px solid #ddd;

    padding: 0.5em 0;

}

#menu-menu-footer a{

  text-transform:uppercase;

}



#menu-menu-footer a:before{

  content:"// ";

  display:inline;

  color:#fc0656;

}

@media screen and (min-width: 48em) {

footer .widget-area {

  display:flex;

  display:-webkit-flex;

  align-items:flex-end;

  justify-content:space-evenly;

}







  .site-footer .widget-column.footer-widget-1 {



      width: 58%;



  }



  .site-footer .widget-column.footer-widget-2 {



      width: 36%;

  }



}





/******************* ARTICLE NORMAL */



body:not(.home .category-saisons-passees) article:not(#post-9) .entry-content h1:before,

body:not(.home .category-saisons-passees) article:not(#post-9) .entry-content h2:before,

body:not(.home .category-saisons-passees) article:not(#post-9) .entry-content h3:before{

  content:"// ";

  color:#fc0656;

}



.entry-content pre {

    background: #fc0656;

    font-family: inherit;

    font-weight:600;

    color:#fff;

    



}





/*************************************************************************** N IMPORTE QUOI */

.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {

 

    font-size: 1rem;



}





/* OVER Meta Slider */

.metaslider .flexslider .flex-direction-nav li:first-child  a{

  background-image: url('./img/bg_direction_nav_left.png') !important;

  background-position: 0% 40% !important;
    background-repeat: no-repeat !important;
  height: 90% !important;

}


/*

.metaslider-flex.ms-theme-default .flex-next:focus


*/


.metaslider .flexslider .flex-direction-nav li:last-child  a , .metaslider-flex.ms-theme-default .flex-next:focus{

  background-image: url('./img/bg_direction_nav_right.png') !important;

  background-position: 100% 40% !important;
  background-repeat: no-repeat !important;
  height: 90% !important;

}

.metaslider .flexslider .flex-direction-nav li a {

    width: 40% !important;

    height: 90% !important;

    margin: 0px !important;

    box-shadow: none !important;

    display: block !important;

    top: 10% !important;



}



.metaslider .flexslider .caption-wrap{opacity:0;}

.metaslider .flexslider:hover .caption-wrap{opacity:1;  transition: all 0.18s;}





article#post-8 .entry-content > p{

  margin:0;

}



article#post-8 .entry-header {

  padding:0;

}





/* AVIGNON 2019 */



#objectifs,

#financement,

#les-spectacles,

#don{

  box-sizing:border-box;

  padding:1.5em;

  margin-top:1.5em;

  margin-bottom:1em;

  border:1px solid #868686;

}



.left{

  text-align:center;

}



#objectifs{

  clear:both;

}







#financement,

#les-spectacles{

  border:1px solid #fc0656;

}



#don{

  border:1px solid transparent;

}



#objectifs h2,

#financement h2,

#les-spectacles h2{

  color: #222;

  font-size:18px;

  font-size:1,125rem;



  font-weight: 800;

  letter-spacing: 0.14em;

  text-transform: uppercase;

  font-variant:small-caps;

  margin-bottom:1em;

}



#objectifs h2{

  color: #fc0656;

}



#financement h2:before,

#les-spectacles h2:before{

  content: "# ";

  display: inline;

  color:#fc0656;

}



@media screen and (min-width: 37em) {

  .left{

    float:left;

    margin-right:1em;

    margin-bottom:0.8em;

  }

  

  

  #objectifs,

  #financement,

  #les-spectacles,

  #don{

    width:47%;

  }

  

  #financement{

    margin-top:4em;

  }

  

  #objectifs,

  #les-spectacles{float:left;clear:left;}

  #financement,

  #don{float:right;clear:right;}

  

}



#objectifs ul,

#financement ul,

#les-spectacles ul,

#don ul{

  list-style:none;

  padding-left:0;

}



#objectifs li,

#financement li,

#les-spectacles li,

#don li{

  position:relative;

  padding-left:1em;

  font-variant:small-caps;

}



#objectifs li:before,

#financement li:before,

#les-spectacles li:before,

#don li:before{

  content:">";

  position:absolute;

  left:0;

  font-weight:800;

}



/* AVIGNON 2019 - Fabrique Toulousaine */

.postid-1431 article h1.entry-title {

    color: #fc0656;

    color: #000;

}

.postid-1431 p {

    text-align:justify;

}

.postid-1431 h2{color:#000;font-size:1.2em;text-transform:uppercase;}

.postid-1431 .post-thumbnail{display:none;}

.postid-1431 .box-deco h2{font-size:1.2em;display:block;}







/* Modification 2020 */



.alignnormal{

	float:right;

	width:100%;

	background:#000;

}

/* Modification 2021 */



article .entry-content-compagnie > p:nth-child(1),

article .entry-content-compagnie > p:nth-child(2){

	display:none;

}