@import "build/navbar.css";
@import "build/navs.css";
@import "build/dropdowns.css";
@import "build/btn.css";
@import "build/fonts.css";
/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
  position: relative;
  color: black;
  
}

body:not(.Accueil){
padding-top: 80px;
padding-bottom: 70px;
}

.couleur-principale {
  color: #FF5F7F;
}


.couleur-principale-fond {
  background-color: #FF5F7F;
}

.couleur-principale-fill {
  fill: #FF5F7F;
}

.small {
  font-size: 12px;
}

p a {
  color: black;
  text-decoration: underline;
}

p a:hover, p a:focus {
 color: #FF5F7F;
/* color: #F1CB12; */
}

.lines-separator {
  margin-top:16px;
  margin-bottom:16px;
}

hr.both{
	border: none;
}

/*
.btn {
  font-weight: 500;
}
*/

.margin-tb-40{
	margin: 40px 0;
	clear: both;
}
.margin-tb-20{
	margin: 20px 0;
}

/* scroll top bar */
.topbar-background {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

#map-canvas {
  margin-bottom: 32px;
}

#espace-pro {
  text-decoration: none;
}

#ccm-account-menu {
  display: none;
}






.pagination-container {
  margin-top: 32px;
}


.info-droite p {
  margin-bottom: 0;
}

.logoFestival, .logoRencontres {
  padding: 20px 0;
}

.padding-lien {
  padding-left: 12px;
}




.top-container {
  min-height: 100px;
  margin-bottom: 32px;
}

.info-categorie {
/*   text-transform: uppercase; */
}

.info-categorie, .info-prod, .info-pays {
  display: inline-block;
  float: left;
  margin-right: 5px;
  margin-bottom: 0;
}


.info-auteur, .info-acteurs, .info-presse{
	font-family: 'nunki_v0.200regular';
}
.info-auteur, .info-acteurs{
	font-size: 25px;
}
.info-presse{
	font-size: 20px;
	margin: 40px 0;
}

.spectacle-credit-texte {
  font-size: 10px;
}

.ccm-toolbar-visible .navbar-fixed-top {
  top:49px;
  z-index: 10;
}



.plan-site a {
  color: black;
}

.plan-site a:hover, .plan-site a:focus {
  text-decoration: none;
  color: #FF5F7F;
  background-color: transparent !important;
}




#home{
	height: 100vh;
}

#home > div, #home > div > div.row {
  height: 100%;
}

#home-header {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  top: 32px;
}

#home-saintlouis {
  margin-left: auto;
  margin-right: auto;
}

#home-titre {
  color: white;
}


.home-lien {
  color: black;
}

.home-lien > img {
  margin: auto;
}

.home-lien:hover, .home-lien:focus {
  color: #000;
  text-decoration: none;
}

.home-col {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  /*padding-top: 280px;*/
  min-height: 380px;
}

@media all and (min-width: 768px) {
  .vertical-align {
    display: flex;
    flex-direction: row;
  }

  .vertical-align > [class^="col-"],
  .vertical-align > [class*=" col-"] {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .vertical-align > [class^="col-"] > div,
  .vertical-align > [class*=" col-"] > div {
    flex-grow: 1;
  }
}

.home-col img {

}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

@media all and (max-width: 767px) {
  .home-col {
    height: 50vh;
    padding: 15% 0 0 0;
  }

  #home-col-left {
    /*padding-top: 25%;*/
  }

  #home-header {
    position: relative;
    top: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #0076BB;
  }

  .home-col img {

  }

  .home-col h2 {
    font-size: 22px;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  #home-titre {
    font-size: 28px;
  }
}




.home-lien:hover.hvr-pulse-grow, .home-lien:focus.hvr-pulse-grow, .home-lien:active.hvr-pulse-grow {
  -webkit-animation-name: hvr-pulse-grow;
  animation-name: hvr-pulse-grow;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.home-col h2 {
  color: white;
}

#home-col-left {
  background: black;
  background-image: url('../img/fond-theatre.jpg')
}

#home-col-right {
  background: black;
  background-image: url('../img/fond-cinema.jpg')
}

#home-col-left, #home-col-right {
  background-size: cover;
  background-position: bottom;
}

.image-lightbox-container i {
    position: absolute;
    top: 50%;
    left: 50%;
    color: black;
    margin-left: -16px;
}

#direction .input-group > input {
  border-radius: 0;
  height: 40px;
}

#direction .input-group > .input-group-btn > button {
  background-image: none;
  background-color: #FF5F7F;
  border-radius: 0;
  border-color: #FF5F7F;
  color: black;
  height: 40px;
  text-shadow: none;
  box-shadow: none;
}

@media all and (max-width: 767px) {
  .margin-bulb {
    margin-bottom: 32px;
  }

  #mode {
    margin-bottom: 16px;
  }
}

select#mode {
  height: 40px;
  border-radius: 0;
}

.page-template-full .table-responsive table.table, .page-template-full .table-responsive table.table th,
.page-template-full .table-responsive table.table tr, .page-template-full .table-responsive table.table td,
.page-template-full .table-responsive table.table1, .page-template-full .table-responsive table.table1 th,
.page-template-full .table-responsive table.table1 tr, .page-template-full .table-responsive table.table1 td
 {
  border: none !important;
  font-size: 12px;
}

th p, td p {
  margin-bottom: 0;
}

.table1>thead>tr>th, .table1>tbody>tr>th, .table1>tfoot>tr>th, .table1>thead>tr>td, .table1>tbody>tr>td, .table1>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.page-template-full .table-responsive table.table > tbody tr td:nth-child(2),
.page-template-full .table-responsive table.table > tbody tr td:nth-child(3),
.page-template-full .table-responsive table.table > tbody tr td:nth-child(4),
.page-template-full .table-responsive table.table > thead tr th:nth-child(2),
.page-template-full .table-responsive table.table > thead tr th:nth-child(3),
.page-template-full .table-responsive table.table > thead tr th:nth-child(4),
.page-template-full .table-responsive table.table1 > thead tr th:nth-child(2),
.page-template-full .table-responsive table.table1 > thead tr th:nth-child(3),
.page-template-full .table-responsive table.table1 > thead tr th:nth-child(4),
.page-template-full .table-responsive table.table1 > thead tr th:nth-child(5),
.page-template-full .table-responsive table.table1 > thead tr th:nth-child(6),
.page-template-full .table-responsive table.table1 > thead tr th:nth-child(7),
.page-template-full .table-responsive table.table1 > thead tr th:nth-child(6)

 {
  text-align: center;
}

.page-template-full .table-responsive table.table > tbody > tr:last-child > td:nth-child(1),
.page-template-full .table-responsive table.table1 > tbody > tr:last-child > td:nth-child(1),
.page-template-full .table-responsive table.table1 > tbody > tr:last-child > td:nth-child(2) {
  border-bottom: 4px solid #603D1D !important;
}

.page-template-full .table-responsive table.table > tbody > tr:last-child > td:nth-child(2),
.page-template-full .table-responsive table.table1 > tbody > tr:last-child > td:nth-child(3),
.page-template-full .table-responsive table.table1 > tbody > tr:last-child > td:nth-child(4) {
  border-bottom: 4px solid #D7AB14 !important;
}

.page-template-full .table-responsive table.table > tbody > tr:last-child > td:nth-child(3),
.page-template-full .table-responsive table.table1 > tbody > tr:last-child > td:nth-child(5),
.page-template-full .table-responsive table.table1 > tbody > tr:last-child > td:nth-child(6) {
  border-bottom: 4px solid #C3007A !important;
}

.page-template-full .table-responsive table.table > tbody > tr:last-child > td:nth-child(4),
.page-template-full .table-responsive table.table1 > tbody > tr:last-child > td:nth-child(7),
.page-template-full .table-responsive table.table1 > tbody > tr:last-child > td:nth-child(8) {
  border-bottom: 4px solid #0F67AE !important;
}

.page-template-full .table-responsive table.table > thead th,
.page-template-full .table-responsive table.table > thead td,
.page-template-full .table-responsive table.table1 > thead th,
.page-template-full .table-responsive table.table1 > thead td  {
  color: white;
}

.page-template-full .table-responsive table.table > thead > tr > th:nth-child(1),
.page-template-full .table-responsive table.table1 > thead > tr > th:nth-child(1),
.page-template-full .table-responsive table.table1 > thead > tr > th:nth-child(2) {
  background-color: #603D1D;
}

.page-template-full .table-responsive table.table > thead > tr > th:nth-child(2),
.page-template-full .table-responsive table.table1 > thead tr th.jaune {
  background-color: #D7AB14;
}

.page-template-full .table-responsive table.table > thead > tr > th:nth-child(3),
.page-template-full .table-responsive table.table1 > thead tr th.rose {
  background-color: #C3007A;
}

.page-template-full .table-responsive table.table > thead > tr > th:nth-child(4),
.page-template-full .table-responsive table.table1 > thead tr th.bleue {
  background-color: #0F67AE;
}

.input-group > .input-group-btn > button:hover,
.input-group > .input-group-btn > button:focus {
  background-color: black;
  border-color: black;
  color: #FF5F7F;
}

.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}

.half-left{
	background: url('//placehold.it/800x600/c69/f9c/?text=Left%20Image');
}

.half-right{
	background: url('//placehold.it/800x600/69c/9cc/?text=Right%20Image');
}

.half-left,.half-right {
	background-size: cover;
	height: 50vh;
	background-repeat: no-repeat;
	background-position: center center;
}

.half-left a, .half-right a{
	display: block;
	text-align: center;
}

@media (min-width: 481px) {
  .half-left,
  .half-right {
	height: 100vh;
  }

}







.row.display-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.row.display-flex > [class*='col-'] {
  flex-grow: 1;
  
}

#trait-jaune{
	clear: both;
	border-top: 3px solid #FFD400;
	border-bottom: 3px solid #FFD400;
	text-align: center;
	text-transform: uppercase;
	color: #21409A;
	font-family: 'National Extra Bold';
	margin: 40px 0;
}

.bloc-infos-ligne, .bloc-infos-ligne-centre{
	padding: 7px 3px;
	height: 100%;
}
.traits-verticaux{
	border-right: 3px solid #FFD400;
	border-left: 3px solid #FFD400;

}

.bloc-infos-ligne small.public-display{
	margin: 0;
	padding: 0;
	display: block;
}


/* Accordeon*/
#accordion{
	margin: 40px 0;
}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid transparent;
}

.panel-heading {
    padding: 10px 0 10px 0px;
 }
 
 #headingOne a:not(.collapsed){
	 display: none;
 }
    
.panel-coupole .plus{
/* 	font-size: 25px; */
	color: #21409A;
	padding: 10px 15px;
	margin: 0;
	font-family: 'National Extra Bold';
	display: inline-block;
	position: relative;
	top:-10px;
	right: 0;
}

.panel-coupole .collapsed{
	text-decoration: none;
	color: #21409A;
}

.panel-coupole .plus:hover, .panel-coupole .plus:focus, .collapsed:hover, .collapsed:focus{
	color:#FFD400;
	text-decoration: none;
}

.panel-coupole #macaron-spectacle{
	margin: 10px 0 0 -20px;
}


/* Pagination */
#pagination{
border-top: 3px solid #FFD400;
border-bottom: 3px solid #FFD400;
margin-bottom: 60px;

}
#pagination a{
	text-transform: uppercase;
text-decoration: none;
color: #21409A;
}
#pagination a:hover, #pagination a:focus{
	color: #FFD400;
	text-decoration: none;
}


/* VOUS AIMEREZ AUSSI*/
.vignette-aime{
	position: relative;
	display: inline-block;
}
.descriptionEnLien{
	position: absolute;
	top:0;
	left: 0;
	 width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  padding: 20px;
}
.descriptionEnLien p{
	font-size: 14px;
}
h3.spectacle-title{
	font-family: 'tiffany_heavyregular';
	text-transform: uppercase;
}

.enLienDiv {
  width: 100%;
  height: 200px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.dateEnLien{
	background: #21409A;
	position: absolute;
	bottom: 20px;
	left: 20px;
	padding: 0 10px;
}