/* CSS Document */
html {
position: relative;
min-height: 100%;
}

body {
    padding-top: 30px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */  
    margin-bottom: 175px;
    background-image: url(../img/body.png);
    background-repeat: repeat;
    background-attachment: fixed;
}
@font-face {
font-family: BetterHeather;
src: url(../fonts/BetterHeather.ttf);
}
@font-face {
font-family: "EVER AFTER";
src: url(../fonts/EVERAFTE.TTF);
}

p, p.propos {
text-align: justify;
color: #000;
}
p.foot, p.text-muted, p.adresse {
text-align:center;
}
/* Header */
.navbar-inverse {
    background-color: #282727;
    border-color: #575757;
}
.navbar-inverse .navbar-nav>li>a {

    color: #63bbd5;
      -moz-transition-duration: 2s;
 -o-transition-duration: 2s;
 -ms-transition-duration: 2s;
 -webkit-transition-duration: 2s;
 transition-duration: 2s;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #c9ddf2;
    background-color: transparent;
}
.dropdown-menu {
background-color: #282727; 
}
.dropdown-menu li a{
color: #63bbd5;
 -moz-transition-duration: 2s;
 -o-transition-duration: 2s;
 -ms-transition-duration: 2s;
 -webkit-transition-duration: 2s;
 transition-duration: 2s;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #c9ddf2; 
    text-decoration: none;
    background-color: transparent;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #c9ddf2;
    background-color: transparent;
}
.navbar-header img {
height: 50px;
}
#logo {
display: block;
margin-top:50px;
}
#logo img {
max-width: 100%;
width: auto;
height: auto; 
}
img.flag {
 opacity: 0.7;
}
/* Fin du header */
/* Footer */
footer {
position: absolute;
bottom: 0;
height: 175px;
width: 100%;
background-color: #282727;
} 
footer p {
color: #c1bfbf;
}
footer p.adresse{
 font-size: 11px;
text-transform: uppercase; 
}
footer p.tva {
font-size: 10px;
text-transform: uppercase;
text-align:center;
}
footer p.coord {
font-size: 11px;
text-align:center;
}
footer p.text-muted {
margin-top: 20px;
font-size: 8px;
color: #969595;
text-transform: uppercase;
}
img.logofooter {
margin-bottom: 5px;
}
a.lienfoot {
color: #c1bfbf;
text-decoration: none;
}
a-lienfoot:hover {
color: #63bbd5;
text-decoration: none;
}
/* Fin du footer */ 
/*Accueil */
.latin p, blockquote small {
font-family: Helvetica;
font-size: 14px;

}
blockquote {
margin-top: 20px;
background-color: rgba(22,61,81,0.1);
border-left: 10px solid #163d56;
background-image: url(../img/quote.png);
background-position: 2% 2%;
background-repeat: no-repeat;
background-size: 25px;
padding-left: 10px;
}
.ind {
text-indent: 40px;
}
blockquote p {
color: #000;
}
blockquote small {
color: inherit;
color: #000;
float: right;
font-size: inherit;
font-size: 11px;
}
#owl-demo .item{
margin: 1px;

}
#owl-demo .item img{
display: block;
margin: 0 auto;
width: 100%;
height: auto;   
}
img.img-hover {

}
section {
background-color: rgba(40,39,39,0.3);
}
#pictura {
display: block;
margin-top: 20px;
width: 100%;
height: auto;
background-image: url(../img/to_pictura.png);
background-position:  top left;
background-size: cover;

}
img.pictura {
padding-top: 20px;
}
h4.alta {
margin-top: 20px;
text-align: center;
text-transform: uppercase;
color: #646464;
}
 @media(max-width:768px) {
 h4.alta {
 margin-top: 20px;
text-align: center;
text-transform: uppercase;
color: #fff;   
    }
}    
p.altap {
color: #fff;
text-align:center;
}
p.travaux {
margin-bottom: 20px;
}
.btn-primary, .btn-primary:hover {
background-color: #40b5ff;
border-color: #40b5ff;

margin: 10px 0 20px 0;
}
/* Page musiciens */
.musiciens {
padding-top: 5px;
}
.fa-ul liste {
margin-top: inherit;
}
.nav-tabs>li {
background-color: #ddd;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover  {
background-color: inherit;
background-color: #eeeeee;
}
/* class globales */
a.liens {
color: #63bbd5;
text-decoration: none;
}
a.liens:hover {
text-decoration: none;
}
a.lienglobal {
color: #195769;
text-decoration: none;
font-weight: bold;
}
a.lienglobal:hover {
color: #195769;
text-decoration: none;
font-weight: bold;
}
h1.page-header, h1.page-header-2 {
margin-top: 40px;
font-family: "Open Sans";
text-transform: uppercase;
font-size: 30px;
color: #163d56;
}
h1.first:first-letter {
 font-family: BetterHeather;
font-size: 40px;
color: #163d56;
}
.page-header {
border-bottom: inherit;
margin-bottom: inherit;
} 
.page-header-2 {
border-bottom: 1px solid #163d56;
margin: 10px 0 30px 0;

}
a.titre, a.titre:hover {
color: #163d56;
text-decoration: none;
}
h3 {
text-transform: uppercase;
color: #096d92;
}
.awesome {
color: #096d92;
}
/* Contact */
.controls input, .controls textarea, button, input{
background-color: #282727;
color: #fff;
border: #989898;
opacity: 0.6;
}
button.butum {
margin-bottom: 20px;

}
.controls label, label {
text-transform: uppercase;
}
p.form {
margin-top: 20px;
text-align: justify;
}
a.liencontact, a.liencontact:hover {
 text-decoration: none;
 color: #000;
}
ul.contact li {
padding-bottom: 10px;
color: #000;
}

#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    
    z-index:1032;
}

.img-hover:hover {
    opacity: 0.8;
}
         
.prod {
margin-top: 20px;
}
.ref {
max-height: 100%;
width: auto;
margin-bottom: 20px;
}
button.btn:hover, input.btn:hover{
color: #fff;
}
a.retour {
float: right;
}
.table-bordered>thead>tr>td {
 background-color: #aaabaf;
 text-align:center;
 font-weight: bold;
} 
td.des {
text-align: justify;
}
a.thumbnail {
background-color: transparent;
border: inherit;
}
a.thumbnail:hover, a.lienmusic {
text-decoration: none;
}
.connexion {
border: #fff;
}