/* DEBUG MODE */
/* div{border:1px solid blue;}
[class*="col-"]{border:1px solid red;}
.row{border:3px solid green;} */

/* BODY */
body{
margin-top:50px; /* compensation du navbar fixed*/
background-size:cover;
font-family: 'Open Sans', sans-serif;
}

/* NAVBAR */
.navbar{
font-family: 'Bangers', cursive;
font-size:20px;
}

.navbar-brand{
padding:0;
}

.navbar-brand img{
max-height:50px;
max-width:200px;
}

/* CAROUSEL */
#myCarousel{
box-shadow:0 0 15px black;
margin-bottom:15px;
}

/* TITRES */
h1, h2, h3, h4{
font-family: 'Bangers', cursive;
}

/* BOUTONS INPUT */
input[type="submit"] {
font-family: FontAwesome;
color:#337AB7;
}

/* COLONNES */
[class*="col-"] {
padding:10px;
}

/* FOOTER */
footer{
color:white;
background-color:#222;
width:100%;
}

footer a{
color:#9D9D9D;
}

footer a:hover, footer a:focus{
text-decoration:none;
color:white;
}

/* STICKY FOOTER */
html,
body {
margin:0;
padding:0;
height:100%;
}
#wrapper {
min-height:100%;
position:relative;
}
#content {
padding-top:50px;
padding-bottom:100px; /* >=  footer height */
}
footer {
position:absolute;
bottom:0;
}

/* NEWS */
#NewsCarousel{
height:150px;
}

#NewsCarousel .carousel-indicators li{
display:none;
}

.news{
border:1px solid #DDD;
border-radius:4px;
margin-bottom:20px;
}

.news img{
margin:auto;
}

/* INVITES */
.invite{
position:relative;
transition: all 0.3s ease-in-out;
}

.invite-txt{
color:#eee;
text-shadow: -2px -2px black;
position: absolute;
z-index: 1;
bottom:0;
left:0px;
padding-left:5px;
width:100%;
}

/* INTERVENANTS */
.intervenant{
position:relative;
transition: all 0.3s ease-in-out;
}

.intervenant img{
margin:auto;
}

.intervenant-txt{
color:black;
text-shadow: -1px -1px #eee;
position: absolute;
z-index: 1;
bottom:0;
left:0px;
width:100%;
}

/* ANIMATIONS */
.panel-heading{
transition: all 0.3s ease-in-out;
}

.panel-heading:hover{
transform: scale(1.03);
}

.animation{
position:relative;
transition: all 0.3s ease-in-out;
}

.animation-txt{
color:black;
text-shadow: -2px -2px #eee;
position: absolute;
z-index: 1;
bottom:0;
left:0px;
width:100%;
}

/* EXPOSANTS */
.exposant{
position:relative;
transition: all 0.3s ease-in-out;
}

.exposant img{
margin:auto;
}

/* ASSO */
.asso-img {
margin:auto;
}

/* PARTENAIRES */
.partenaire{
border:1px solid #DDD;
border-radius:4px;
padding:10px;
margin:auto;
}

.partenaire img{
margin:auto;
transition: all 0.3s ease-in-out;
}

/* ARCHIVES */
.archive img{
margin:auto;
transition: all 0.3s ease-in-out;
}

/* FB */
.fb-like{margin-bottom:30px;}

/* FILTRES CSS HOVER COMMUNS */
.invite:hover, .intervenant:hover, .animation:hover, .exposant:hover, .partenaire img:hover, .archive img:hover{
transform: scale(1.1);
/*filter: drop-shadow(0 0 5px black);*/
}

/* RESPONSIVE COMMUNS */
@media (min-width:1200px) /* 1col = 100 */
{
.invite{height:384px;}
.intervenant {height:180px;}
.animation-img{height:141px;}
.animation img{max-height:141px;}
.exposant {height:180px;}
.exposant img{max-height:160px;}
.partenaire{height:133px;} /* = ()2/3 * nombre de colonnes * largeur) - 2 x padding */
.partenaire img{max-height:113px;} /* = height - 2 x padding */
}

@media (min-width:992px) and (max-width:1199px) /* 1col = 82 */
{
.invite{height:314px;}
.intervenant {height:144px;}
.animation-img{height:155px;}
.animation img{max-height:155px;}
.exposant {height:144px;}
.exposant img{max-height:124px;}
.partenaire{height:89px;}
.partenaire img{max-height:69px;}
}

@media (min-width:768px) and (max-width:991px) /* 1col = 64 */
{
.invite{height:236px;}
.intervenant {height:108px;}
.animation-img{height:176px;}
.animation img{max-height:176px;}
.exposant {height:172px;}
.exposant img{max-height:152px;}
.partenaire{height:108px;}
.partenaire img{max-height:88px;}
}

@media (max-width:767px)
{
.invite{margin-left:25%;margin-right:25%;}
.intervenant {max-height:108px;}
.intervenant img{max-height:88px;}
.animation{min-height:0;}
.exposant {height:172px;}
.exposant img{max-height:152px;}
.partenaire{height:108px;}
.partenaire img{max-height:88px;}
}

/* Fonts Awesome */
.fa-chevron-left, .fa-chevron-right{color:#000;}
.fa-info-circle{color:RoyalBlue;}
.fa-map-marker{color:Crimson;}


/* Extrait de Bootstrap Social */
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}
.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social-icon>:first-child{border:none;text-align:center;width:100% !important}
.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-google{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google:hover,.btn-google:focus,.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
.btn-twitter{color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)}.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}