@font-face { 
font-family: 'SinaloaICG';
src: url('../fonts/SinaloaICG/SinaloaICG.eot?') format('eot'),
 url('../fonts/SinaloaICG/SinaloaICG.woff') format('woff'), 
 url('../fonts/SinaloaICG/SinaloaICG.ttf') format('truetype'), 
 url('../fonts/SinaloaICG/SinaloaICG.svg#Sinaloa') format('svg'); 
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 200;
  color:#fff;
}
h3 {
	margin-top : 5px;
}
p, div {
  font-family: 'Titillium Web', sans-serif;
  text-align: justify;
  font-weight: 300;
  font-size:14px;
}
a {
  color:#FFE46B;
}
a:hover {
  color:#fff;
  text-decoration:none;
}
b {
  color:#d5d5d5;
}
body {
  padding-top: 0px;  
  background: #2F3238; 
  color: #bababa;
  font-family: 'Titillium Web', sans-serif;
  background-image: url('/_include/img/Max-habillage-typo.png');
background-attachment: fixed;
background-position: 100% 100%;
background-repeat: no-repeat;
line-height: 18px;
}
section {
  margin: 0px 0px;
}
[class*="col-"]  {
 /* border: 2px solid white; */
  border-radius: 6px;
}

.navbar-brand {
  font-family: 'SinaloaICG', sans-serif;
  font-size:24px;
  color:#FFE46B;
  
}
@media screen and (max-width: 992px) {
  .navbar-brand {
  font-size:16px;
  }
}
@media screen and (min-width: 1200px) {
  .navbar-brand {
  font-size:30px;
  }
}
@media screen and (max-width: 992px) {
  .nav > li > a {
  font-size:12px;
  }
}
.stretch {
  width:100%;
}
.navbar-inverse {
  background: rgba(0,0,0,0.7);	
}
.mini_fiche_film {
  padding: 40px;
}
.mini_fiche_eve {
  padding: 40px;
}
.mini_fiche_eve2 {
  padding: 20px;
  background: #444;
  border-radius: 12px;  
}
@media screen and (min-width: 1200px) {
  .mini_fiche_eve2 {
    height:305px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
  .mini_fiche_eve2 {
    height:500px;
  }
}
@media screen and (min-width: 1200px) {
  .affiche_mini {
    height:200px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
  .affiche_mini {
    height:550px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
  .texte_mini {
    height:100px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
  .titre_mini {
    height:70px;
	margin-top:10px;
  }
}
@media screen and (max-width: 992px) {
  .titre_mini {
    height:60px;
	margin-top:10px;
  }
}
.jour_horaire li{
  font-size: 13px;
}
.jour_horaire a:hover{
  color: #000;
}
.pad_horaire{
  margin-top:20px;
}
.txt_jaune{
  color: #FFE46B;
}
.btn_place {  
  margin:10px 0px;
  line-height:30px
}
.btn_place a {  
  color: #fff;
  font-size: 1em;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
color: #fff;
background-color: #444;
border-radius: 0px;
}
.nav > li > a {
position: relative;
display: block;
padding: 16px 5px;
text-transform: uppercase;
}
.heure_seance {
  background-color: #444;
  border-radius: 0px;
  height:50px;
  padding:10px 20px 5px 20px;
  border-radius: 0px 0px 6px 6px;
}
.jour_seance {
  background: #55606a;
  line-height:20px;
  border-radius: 6px 6px 0px 0px;
}
.titre_section {
  text-align:center;
  margin-top: 40px;
  margin-bottom: 20px;
  color:#FFF;
}
.img_overlay {
  position:relative;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #FFE46B;
	padding-top:10%;
}
.icon_overlay {
  color:#FFE46B;
  font-size:26px;
  margin-left:20px;
}
.icon_overlay_slide {
  color:#EA504E;
  font-size:32px;
  margin-left:20px;
}
.heure {
  color:#fff;
}
.heure:hover {
  color:#FFE46B;
  text-decoration:none;
}
.img_article {
	height:230px;
	overflow:hidden;
}
.img_blog {
	height:150px;
	overflow:hidden;
}
.entree_form {
  width:100%; 
  background: #26292E; 
  box-shadow: none;
  height: auto; 
  padding: 15px;
  border: none;
  margin-bottom: 3px;
}
footer {
  bottom: 0;
  width: 100%;
  height: 50px;
  line-height:50px;
  text-align:center;	
}
.fond_sombre {
  background-color:  rgba(34, 34, 34, 0.5);
  padding-bottom: 70px;
}
.fond {
  padding-bottom: 70px;
}
.caroussel_titre {
  background: rgba(255,228,107, 0.8);
  color: black;
  padding: 10px 10px;
}
.caroussel_texte {
  background: rgba(0,0,0,0.7);
  color: #FFE46B;
  padding: 20px 20px 70px 20px;
  text-align:left;
  font-size:20px;
  font-style: italic;
}
.caroussel_texte a {
  margin-top:20px;
  font-size: 16px;
}
@media screen and (min-width: 1200px) {
  .carousel-caption {
    top:40%;
	width: 600px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
  .carousel-caption {
    top:40%;
	width: 400px;
  }
}
@media screen and (max-width: 992px) {
  .carousel-caption {
    top:10%;
	width: 230px;
  }
}
@media screen and (max-width: 992px) {
  .caroussel_titre {
	font-size: 14px;
  }
}
@media screen and (max-width: 992px) {
  .caroussel_texte {
	font-size: 14px;
	padding: 5px 5px 5px 5px;
  }
}
.popover{
  background-color:#000;
  font-size:18px;
  color:#FFE46B;
  width:800px;
}
.modal-content {
  background-color: #222;
}
.orange {
  color:#FFA500
  ;
}
.suite {
  opacity: 0.3;
filter: alpha(opacity=30);
-webkit-transition: opacity 0.1s linear 0s;
-moz-transition: opacity 0.1s linear 0s;
-o-transition: opacity 0.1s linear 0s;
transition: opacity 0.1s linear 0s;
}
.suite:hover {
  opacity: 1;
  color:#FFE46B;
}
blockquote {
padding: 15px 20px;
border-left: 25px solid #EA504E;
background-repeat: no-repeat;
min-height: 30px;
margin-left:-30px;
}