/*responsive typo*/
html {
	font-size: 100%;
}
@media (max-width: 640px) {
  body {
    font-size:1.2rem;
  }
}
@media (min-width: 640px) {
  body {
    font-size:1rem;
  }
}
@media (min-width:960px) {
  body {
    font-size:1.2rem;
  }
}
@media (min-width:1100px) {
  body {
    font-size:1.2rem;
  }
}
@media (min-width: 1140px) {
  .container {
    width:1140px;
  }
}
@media (max-width: 320px) {
  .container {
    width:320px;
  }
  .col-lg-12 {
	  
	  }
	  
	.no-js body .container .col-lg-12.text-center .dancer-title {
		font-size:3rem;
		line-height: normal;
		text-align: left;
}
.no-js body .container .col-lg-12.text-center .panel-group {
		
}  
.no-js body .container .col-lg-12.text-center .panel-body {
		line-height: normal;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
} 
}
/*responsive typo*/
/*BE A DANCER*/
@media (max-width: 640px) {
  .dancer-title {
    font-size:4.2rem;
  }
}
@media (min-width: 640px) {
  .dancer-title {
    font-size:5rem;
  }
  html, body{width: 100%;
	height: 100%;}
}
@media (min-width:960px) {
  .dancer-title {
    font-size:5.2rem;
  }
}
@media (min-width:1100px) {
  .dancer-title {
    font-size:5.5rem;
  }
}
.dancer-title {
	font-family: Arial, Helvetica, sans-serif;
	text-shadow:2px 2px 4px #000000;
	font-weight: 700;
	color: #FFF;
	
}
/*SMALL TABLETS*/
@media (min-width: 800px) {
  .dancer-title {
    font-size:5rem;
  }
  html, body{width: 100%;
	height: 100%;}
}
@media (min-width: 600px) {
  .dancer-title {
    font-size:5rem;
  }
  html, body{width: 100%;
	height: 100%;}
}
/*SMALL TABLETS*/

body {
/*background: url(images/bg-1.jpg);
background-size: cover;
background-repeat: no-repeat;*/
background-color: #000;
color: #000;
font-family: 'lektonbold', Arial, sans-serif;
}
header {
	margin-top: 200px;
	}
@media (max-width: 767px) {
	body {
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
	}
	#example {
	background-size: cover;
	}
	header {
	margin-top: 100px;
	}
}
.red {
	font-family: 'lektonbold', Arial, sans-serif;
	color: #000;
	font-style: normal;
}
a {
	color: #fff;
}
a:hover, a:focus {
	color: #C00;
}
.head-top {
/*background-color: rgba(0,0,0,0.4);*/
}
.head-top a {
  color: #FFF;
  text-decoration: none;
}
.head-top a:hover,
a:focus {
  color: #8c7c3d;
  text-decoration: none;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #FFF;
}
.container-fluid {
	background: url(../images/bg-2.jpg);
background-size: cover;
background-repeat: no-repeat;
-webkit-background-size: cover;

width: 100%;
	height: 100%;
}
@media (max-width: 767px) {
	.dancer-bg {
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
	}
}
footer{
	color: #FFF;
} 
/*ACORDION*/
.panel {
  margin-bottom: 20px;
  background-color: transparent;
  border: 1px solid transparent;
}
.panel-body {
	font-family: 'lektonbold', Arial, sans-serif;
	background-color: rgba(250, 250, 250, 0.6);
	-moz-box-shadow: 0 0 20px black;
	-webkit-box-shadow: 0 0 20px black;
	box-shadow: 0 0 20px black;
	padding-top: 30px;
}
.panel-title {
	color: #FFF;
	}
.panel-title a:hover, a:focus {
	color: #C00;
}
.white {
	color: #FFF;
	}