body { 
padding-top:44px;  /* anciennement 44px */
}

.navbar {
min-height: 46px;
font-size:120%;
font-weight:bold;
text-shadow:none;
}

.navbar-inverse {
  background-color: #0099CC;
  border-color: #0099CC;
}  

.navbar-inverse .navbar-collapse{
	border:none;
}

.navbar-inverse .navbar-text {
  color: #FFF;
}
.navbar-inverse .navbar-nav > li > a {
  color: #FFF;
}

.navbar-inverse .navbar-nav > li > a{
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}

.tags{
	margin-bottom:1em;
}

/*
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
 border-bottom: 4px solid #FFF;
}
*/

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
 border-bottom: 4px solid #FFF;
}

.navbar-inverse .navbar-toggle {
  border-color: #006699;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #006699;
}

.navbar-inverse .navbar-brand {
  color: #FFF;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #FFF;
  background-color: transparent;
}

.navbar-brand {
font-size:28px;
}

.nav .nav {
padding-left:15px;
}

.nopadding {
padding: 0 !important;
margin: 0 !important;
}

.sommaire_zone {
padding:20px 30px;
}

.content_zone {
padding:0 40px;
font-size:130%;
}

.content_zone h1{
font-size:300%;
}

.content_zone div{

}

.prochainement{
	padding:0 40px;
}

.prochainement h3{
text-align:center;
border-bottom:1px dashed #CCC;
margin-bottom:20px;
}

ul.breadcrumb li{
background-color: rgba(255,255,255,0.6);
}

.film{
margin-bottom:20px;
}

.yellow{
	background-color:yellow;
	padding:5px;
}

.surtitre{
text-align:right;	
}

.texte_resume{
}

.item_image{
width:100%;
}

.img-center {margin:0 auto;}

iframe{
padding-top:1em;	
}

.label a{
color:#FFF;
text-decoration:none;
}

.evt{
margin-top:20px;
}

.calendrier {
padding:0 15px;
background-color:#EEE;
}

.list-group {
text-align:center;
padding:0 4px;
}

.list-group-item{
border-left:none;
border-right:none;
text-align:left;
}

.badge{
z-index:1001;
}

footer{
padding:10px;
}

.red{color:red;}

.art_et_essai{
background-image:url(./images/ruban_art_et_essai.png);
background-repeat:no-repeat;
background-position:right top;
background-size:60px;
}

.cine_court{
background-image:url(./images/ruban_cine_court.png);
background-repeat:no-repeat;
background-position:right top;
background-size:60px;
}

.cine_culte{
background-image:url(./images/ruban_cine_culte.png);
background-repeat:no-repeat;
background-position:right top;
background-size:60px;
}

.augenblick{
background-image:url(./images/ruban_augenblick.png);
background-repeat:no-repeat;
background-position:right top;
background-size:60px;
}

.cine_court{
background-image:url(./images/ruban_cine_court.png);
background-repeat:no-repeat;
background-position:right top;
background-size:60px;
}

.abo_resa .btn, p .btn{
margin-top:5px;	
}

.item_masonry{
border-left:1px solid #CCC;
padding-top:10px;
}


/* Social Icons */

.social-icons{
width:220px;
margin:auto;
margin-top:15px;
}

.social-icons a {
display:inline-block;
width:50px;
height:40px;
}

.social-icons a.facebook-icon {
background-image:url(social_icons_castine.png);
background-repeat:no-repeat;
}

.social-icons a.facebook-icon:hover{
background-position:0 -40px;
}

.social-icons a.instagram-icon {
background-image:url(social_icons_castine.png);
background-repeat:no-repeat;
background-position:-50px 0;
}

.social-icons a.instagram-icon:hover{
background-position:-50px -40px;
}

.social-icons a.rss-icon {
background-image:url(social_icons_castine.png);
background-repeat:no-repeat;
background-position:-100px 0;
}

.social-icons a.rss-icon:hover{
background-position:-100px -40px;
}

.social-icons a.mail-icon {
background-image:url(social_icons_castine.png);
background-repeat:no-repeat;
background-position:-150px 0;
}

.social-icons a.mail-icon:hover{
background-position:-150px -40px;
}

/* Formulaires, Récupération du CSS des formulaires de contact SPIP à utiliser avec Spip Form Contacts avancés */
.formulaire_spip {}
.formulaire_spip li { clear: both; margin-bottom: 0.75em; }
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
.formulaire_spip .boutons input,
.formulaire_spip .boutons button {}
@media print {
	.formulaire_spip { display: none; }
}

/* Barre typo */
.markItUp .markItUpHeader ul .markItUpSeparator { display: none; }

/* Previsu */
.previsu { margin-bottom: 1.5em; padding: 0.75em; border: 2px dashed #F57900; }
fieldset.previsu legend { color: #F57900; }

/* Reponses */
.reponse_formulaire { margin-bottom: 1.5em; padding: 0.75em; border: 2px solid #ddd; }
.reponse_formulaire_ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
.reponse_formulaire_erreur { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.reponse_formulaire_ok a { color: #264409; }
.reponse_formulaire_erreur a { color: #8a1f11; }

.erreur_message { color: red; }

li.erreur input[type="text"], li.erreur input.text,
li.erreur input[type="password"], li.erreur input.password,
li.erreur textarea { background-color: #fbe3e4; border-color: #fbc2c4; }



/* Media Queries */

@media (min-width: 768px){
.content_zone {
padding:0 40px;
font-size:130%;
background-image:url(bg_content_zone.png);
background-repeat:no-repeat;
background-position:top right;
}

}

@media (min-width: 768px) and (max-width: 1100px) {
.content_zone { 
padding-top:80px;
}
.calendrier {
padding-top:80px;
}
}

@media (min-width: 1100px) and (max-width: 1440px) {
.content_zone { 
padding-top:40px;
}
.calendrier {
padding-top:40px;
}
}