/*
 * Globals
 */
html,
body {
  height: 100%;
  background-color: #333;
  color: #fff;
  /*text-align: center;*/
  font-family:Calibri,Arial, Helvetica, sans-serif;
}
a {
  color: #fff;
}
a:focus,
a:hover{
  color: #f5d787;
}

.container-fluid{
	padding-left: 0px;
    padding-right: 0px; 
}
.row {
    margin-left: 0px;
    margin-right: 0px;
}
H1 { 
  font-family:OratorStd,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 28px;
  padding-top:50px;
  text-align:center;
  text-shadow: 0 1px 3px rgba(0,0,0,.5);
}
H2 { 
  font-family:OratorStd,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 22px;	
  padding-top:20px;
  text-align:center;
}

.section {
    padding: 0px 0 0px;
	min-height: 100%;
}
/* police */
@font-face{
     font-family: "OratorStd";
     src: url("/include/font/orator/OratorStd.eot?"), /* pour IE */
            url("/include/font/orator/OratorStd.woff"), /* pour Firefox, Chrome*/
            url("/include/font/orator/OratorStd.ttf"), /* pour Safari et Opéra*/
            url("/include/font/orator/OratorStd.svg"); /* pour iPhone, iPad */
     font-weight: normal;
}

.grecaptcha-badge { 
    bottom: 150px !important;
    position: relative;
    right: auto;
    margin: auto;
}


/* col meme hauteur */
@media (min-width: 768px) { 
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
}


.bgimg-accueil ,#pied_de_page, #contact  {
  position: relative;
 /* opacity: 0.65;*/
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;

}
.bgimg-accueil {
  background-image: url("/include/img/decor/fond_site_accueil.jpg");
  min-height: 100%;
}

.bleu_fonce{ color:#003b4e;}

/* BOUTON */
.btn-default,
.btn-default:hover,
.btn-default:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: 1px solid #fff;
}
.btn-default {
	color:#FFF;
    background-color: transparent;
    border-radius: 2px;
	padding: 16px 32px;
	font-family:OratorStd,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 16px;

}

/* Menu */
.navbar { }
.navbar .navbar-nav { 
  display: inline-block;
  float: none;
  vertical-align: top;
}
.navbar .navbar-collapse {
  text-align: center;
}
@media (max-width: 768px) {
.navbar .navbar-collapse {
  background: #013c4e; 
}
}
.navbar .navbar-toggle .icon-bar {
    background-color: #FFF;
}
.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: #003b4e;
}
.affix-top{	background-color:transparent;}
.affix{ background-color: #003b4e;}

/* Anim Poisson */
.zone_anime_poisson{
	margin-top:10px;
	width:100%; 
	position:relative; 
	overflow: hidden;	
}
.boite_poisson {
	position: relative;
  	bottom:0px;
	width: 255px;
	height: 125px;
	-webkit-animation: redBox 45s infinite;
	-moz-animation: redBox 45s infinite;
	animation: redBox 45s infinite;
}
.poisson {
  animation: walk-cycle 1s steps(3) infinite;
  background: url(/include/img/decor/animal_poisson.png) 0 0 no-repeat; 
  height: 125px;
  width: 250px;
  margin: 0px auto 0;
}
@keyframes walk-cycle {
	0% {background-position: 0 0; }
	100% {background-position: 0 -375px;}
}

@-webkit-keyframes redBox {
  0% {
    left: -100px;transform:scaleX(-1);
  }
  50% {
    transform:scaleX(-1);
  }
  51% {
    left: 115%;transform:scaleX(1);
  }
  100% {
    left: -250px;
  }
}
@-moz-keyframes redBox {
  0% {
    left: -100px;transform:scaleX(-1);
  }
  50% {
    transform:scaleX(-1);
  }
  51% {
    left: 115%;transform:scaleX(1);
  }
  100% {
    left: -250px;
  }
}
@keyframes 'redBox' {
  0% {
    left: -100px;transform:scaleX(-1);
  }
  50% {
    transform:scaleX(-1);
  }
  51% {
    left: 115%;transform:scaleX(1);
  }
  100% {
    left: -250px;
  }
}

#carousel2 .item{
	text-align: center
				-webkit-center;
	 }
/* effet_cercle */
figure {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}

.effet_cercle figure {
	position: relative;
}
.effet_cercle figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.effet_cercle figure:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}




/* accueil_mobile */
#accueil3 {
	visibility: visible; 
	animation-name: fadeInUp;
  min-height: 100% ;  
  min-height: 100vh ; 
	}
#accueil3 .containerh {
	position:relative;
  min-height: 100% ;  
  min-height: 100vh ;  
}
#accueil3 .titre3 {
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:10;
}
#accueil3 .poulet{
	margin-left: -15px;
    position: absolute;
    bottom: 0;
	}
#accueil3 .poulet img {width:40%; z-index:8;}

/* accueil */
#accueil .row{margin-right: 0px; }
#accueil .titre {
  min-height: 100% ;  
  min-height: 100vh ; 

  display: flex;
  align-items: center;
  width: 100%;
  text-align:center;
}
#accueil .bord_100 {
  min-height: 100%;  
  min-height: 100vh; 

  display: flex;
  align-items: flex-end;
  width: 100%;
  text-align:center;
}
#accueil .poulet{margin-left: -15px;}
#accueil img.bord{
   position: absolute;
   bottom: 0;
   right: 0;
   left: 0;
   margin-right: auto;
   magin-left:auto;
}



/* ACTUALITE */ 
#actualite {
  background-image: url("/include/img/decor/fond_bois_bleu.jpg");;
  padding: 40px 0 40px;
  min-height: 100px; 
}
#actualite H1{padding-top: 0px; }
#actualite .row { 
	/*margin: 40px 0 40px 0;*/
	background:#137ea0;
	/*padding-bottom:15px;*/
}
#actualite .row>div{padding-right: 0px;}
#actualite .actu_img{ 
	padding-right:0px;
	padding-bottom:0px;
}
#actualite img{
	margin: 0 auto;
}
#actualite h2 { text-align:left; padding-bottom:20px; font-size:14px; }
#actualite .div_bt_actu{ margin-top:25px; }

#actualite .carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
#actualite .carousel-fade .carousel-inner .item,
#actualite .carousel-fade .carousel-inner .active.left,
#actualite .carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
#actualite .carousel-fade .carousel-inner .active,
#actualite .carousel-fade .carousel-inner .next.left,
#actualite .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
#actualite .carousel-fade .carousel-inner .next,
#actualite .carousel-fade .carousel-inner .prev,
#actualite .carousel-fade .carousel-inner .active.left,
#actualite .carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
#actualite .carousel-fade .carousel-control {
  z-index: 2;
}
#actualite .carousel,
#actualite .carousel-inner,
#actualite .carousel-inner .item {
  height: 100%;
}





/* SPECTACLE */
#spectacle{  
	/*color:#003b4e;*/	
	background:#137ea0;
	padding-bottom:15px;
}
#spectacle h1 {
  margin-top:0;
  padding-bottom:50px;
  text-shadow: 0 1px 3px rgba(255,255,255,.5);
}
#spectacle .txt_presentation_spectacle{ text-align:justify; }
#spectacle .div_bt_spectacle{ 
	margin-top:25px;
	margin-bottom:15px;
	/*padding-top:55px;*/
}
#spectacle hr{
	margin-right:20%;
	margin-left:20%;
}
#spectacle button{
	position: absolute;
    margin: 0 -50px;
    bottom: 0px;
	}


/* AUTOUR SPECTACLE */
#autour-des-spectacles{
	background:#09C;
	background-image:radial-gradient(#105b6e, #003b4e);
	min-height: 200px;
}
#autour-des-spectacles h1 { 
  padding-bottom:50px;
  text-shadow: 0 1px 3px rgba(255,255,255,.5);
}
#autour-des-spectacles h2 { 
	text-align:left; 
	padding-bottom:20px; 
}
#autour-des-spectacles .txt_presentation_spectacle{ text-align:justify; }
#autour-des-spectacles .div_bt_spectacle{ margin-top:25px;}
#autour-des-spectacles .col_border{ 
	margin-right:0px;
	border-right: 1px solid #FFF;
}
@media (min-width: 992px) { 
#autour-des-spectacles .col_border{
	margin-right:15px; 
}
}

/* PRESSE */
#presse {		
	background:#013e51;
	background-image:radial-gradient(#137ea0, #013e51);
	min-height: 100%; 
	min-height: 100vh ;
}

#presse IMG{
	margin:auto;
}
#presse h1{
	padding-bottom:55px;
} 
#presse .citation {
	font-size:18px;
	padding:15px;
}
#presse .citation small {
	color:#CCC;
	font-family:Calibri,Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
}
#presse .cit1 {
	color:#bf9e43;
	font-family:"Courier New", Courier, monospace;	
}
#presse .cit2 {
	color:#f5d787;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#presse .cit3 {
	color:#c29e3d;
	font-family:Verdana, Geneva, sans-serif;
}
#presse .cit4 {
	color:#d0b260;
	font-family:"MS Serif", "New York", serif;
}
#presse .cit5 {
	color:#eed285;
	font-family:Tahoma, Geneva, sans-serif;
}
#presse .rotateg:hover
{
	-webkit-transform: rotateZ(-3deg);
	-ms-transform: rotateZ(-3deg);
	transform: rotateZ(-3deg);
}
#presse .rotated:hover
{
	-webkit-transform: rotateZ(3deg);
	-ms-transform: rotateZ(3deg);
	transform: rotateZ(3deg);
}


/* CONTACT */
#contact{
	background:#137ea0;
	background-image:radial-gradient(#137ea0, #285665);
	min-height: 100%; 
    min-height: 100vh ;
}
/* pied de page */
#pied_de_page .fond_pied{
	position:absolute;
}
#pied_de_page .texte_pied{
    padding-top: 10px;
    position: inherit;
	text-align:center;
}
#pied_de_page {
  background-image: url("/include/img/decor/bande_autour_du_spectacle.jpg");
  min-height: 20px;
}

.intro-spectacle {
	margin-bottom:40px;
	text-align:justify;
    font-weight: normal;
}

/* Maitre nageur */
#maitrenageur {
  background:#137d9f;
  /*min-height: 200px;*/
}
#maitrenageur img {
  margin:auto;
}

/* compagnie */ 
#compagnie {
	min-height: 100%;
	min-height: 100vh;
	background:#09C;
	background-image:radial-gradient(#105b6e, #003b4e);
}

/* TOURNEE */
#tournee {
	background:#09C;
	background-image:radial-gradient(#105b6e, #003b4e);
}
#tournee .texte_tournee{
  padding-left:60px;
  text-align:justify;
  letter-spacing:2px;
  line-height:30px;
}
#tournee h2 { color:#147ea1; }
#tournee img{
	position: absolute;
    margin: 0 15px;
    bottom: 0px;
}
#tournee .list-group,
#tournee .list-group-item { 
	background-color:transparent; 
	border:0px solid #ddd;
	padding-top: 0px;
    padding-bottom: 0px; 
}
#tournee .ligne_tournees{
	padding-left:60px;  
	text-align:justify;
  	letter-spacing:2px;
  	line-height:30px;
}
@media (max-width: 700px) { 
#tournee .ligne_tournees{
	padding-left:1px; 
}
}
#tournee .spect {
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing: 0.2em;
}
#tournee .lieu {
	font-size:10px;
	font-style:italic;
	padding-left:6px;
}
#tournee .ville {
	font-size:12px;
	text-decoration:underline;
	padding-left:10px;
}
#tournee .jour {
	font-size:14px;
	text-transform:capitalize;
}
#tournee .heure {
	font-size:10px;
	font-style:italic;
	font-weight:normal;
	margin-top: 8px;
}
#tournee .griser .jour { text-decoration:line-through;}
#tournee .img {
	width:200px;
}

/* page plan du site*/
#pages-plandusite {	
  position: relative;
  min-height: 100vh;
  background:#137ea0;
  margin-top: 50px;
}
/* PAGE SPECTACLE */
#pages-spectacle {	
  position: relative;
  min-height: 100vh;
  background:#137ea0;
  margin: 0;
  padding: 0;
}
#pages-spectacle .texte {
	text-align:justify;
	padding-bottom:20px;
	font-style:italic;
	color:#d3f1fb;
}
#pages-spectacle .img_bandeau{ padding:35px; }
#pages-spectacle .marge{ padding:8px 15px; }
#pages-spectacle .img_affiche{ padding:0 15px 15px 15px; }
#pages-spectacle .col-img{ padding: 0 5px; }
#pages-spectacle .image{
    position:relative;
    overflow:hidden;
    padding-bottom:100%;
}
#pages-spectacle .image img{
    position:absolute;
	max-width: 133%;
}
#pages-spectacle .div-video{
	padding: 50px 61px ;
}
#pages-spectacle ul {list-style:none;}
#pages-spectacle .pagination>li>a, .pagination>li>span {

    color: #fff;
    background-color: transparent; 
    border: none;

}
#pages-spectacle .pagination>li.active>a, 
#pages-spectacle .pagination>li.active>span { 
	font-weight:bold;
	color: rgba(255, 255, 255, 0.38);
}

/* CAROUSEL */
#pages-spectacle .carousel-inner {
  margin: auto;
  width: 90%;
}

#pages-spectacle .carousel-control {
  width: 4%;
}

#pages-spectacle .carousel-control.left,
#pages-spectacle .carousel-control.right {
  background-image: none;
}

#pages-spectacle .carousel-control .glyphicon {
  margin-top: -10px;
  margin-left: -10px;
  color: #FFF;    
  font-size: 110px;
  line-height: 1px;
}

#pages-spectacle .carousel-inner a {
  display: table-cell;
  height: 180px;
  width: 200px;
  vertical-align: middle;
}
#pages-spectacle .carousel-inner img {
  max-height: 180px;
  margin: auto auto;
  max-width: 100%;
}

@media (max-width: 767px) {
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  #pages-spectacle .active > div { display:none; }
  #pages-spectacle .active > div:first-child { display:block; }
  #pages-spectacle .carousel-inner a {
	  width: 100%;
  	  display: block;
  }
  #pages-spectacle .image img {left: 20%;}
}
@media (min-width: 767px) and (max-width: 992px) {
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }

  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}
@media (min-width: 992px) {
   .carousel-inner > .item.next,
   .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(25%, 0, 0); /*pour 6 = -16.7% */
    transform: translate3d(25%, 0, 0);
  }

  .carousel-inner > .item.prev,
 .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
  }
}

/*  FIN Carousel */

@media ( max-width : 768px ) {
  #pages-spectacle .btn-lg-text {
    font-size: 12px;
	padding: 8px 16px;
  }
}
@media ( min-width : 768px ) {
  #pages-spectacle .btn-lg-text {
    font-size: 12px;
	padding: 8px 3px;
  }
}

@media ( min-width : 992px ) {
  #pages-spectacle .btn-lg-text {
    font-size: 14px;
	padding: 12px 24px;
  }
}

@media ( min-width : 1200px ) {
  #pages-spectacle .btn-lg-text {
    font-size: 16px;
	padding: 16px 32px;
  }
}











.carousel-fade2 .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade2 .carousel-inner .item,
.carousel-fade2 .carousel-inner .active.left,
.carousel-fade2 .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade2 .carousel-inner .active,
.carousel-fade2 .carousel-inner .next.left,
.carousel-fade2 .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade2 .carousel-inner .next,
.carousel-fade2 .carousel-inner .prev,
.carousel-fade2 .carousel-inner .active.left,
.carousel-fade2 .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}