* {font-family:Oswald;}
html {background: #16120e;font-family:Oswald;font-size:1em;font-weight:300; height:100%; min-height:100%;}
body {padding-top: 160px;background:transparent;height:100%;min-height:100%;}
h1{font-size:1em;color:#fff;}
h2{font-family:Oswald;font-size:1em;margin:20px;color:#fff;text-align:center;text-transform:none;letter-spacing:2px;}
h3{font-family:Oswald;font-size:1.3em;margin:4px 0px;color:#fff;text-align:center;text-transform:none;letter-spacing:1px;}
h3 span{letter-spacing:2.4px;}
h4{font-size:1.2em;font-family:Oswald;text-transform:uppercase;font-weight:bold;text-align:left;margin:12px 0 20px 0;}
h5{font-size:1.4em;font-family:Oswald;text-transform:uppercase;font-weight:bold;text-align:left;margin:12px 0 8px 0;}

.h3decotop {background: url('images/h3-deco-top.png') no-repeat top center;width:100%;height:12px;display:block;}
.h3decobottom {background: url('images/h3-deco-bottom.png') no-repeat bottom center;width:100%;height:12px;display:block;}

#brand {position:fixed;top:10px;left:20px;z-index:10;}
#brand2 {position:fixed;top:-120px;left:20px;z-index:10;width:187px;height:100px;display:block;}
#ombreheader {position:fixed;top:56px;left:0px;z-index:8;width:100%;display:block;}
#ombreheader img{width:100%;}

.carousel-inner.bis > .item {
  position: relative;
  display: none;
  -webkit-transition: .3s ease-in-out left;
       -o-transition: .3s ease-in-out left;
          transition: .3s ease-in-out left;
}

.grotitre {border:3px solid #000;font-weight:bold;color:#000;padding:6px 12px;font-size:1.1em;letter-spacing:1px;}

p.justify{text-align:justify;}
p strong{font-size:2em;}

.quepetit{display:none;}

#totop{position:fixed;bottom:20px;right:20px;width:68px;height:68px;z-index:15;cursor:pointer;}

#header {position:fixed;top:0;left:0;display:table;height:166px;width:100%;padding:0 20px 0 300px;z-index:9;}
#header div{display:table-cell;text-align:center;vertical-align:middle;padding:0 20px;margin:0;}
#header div a{color:#ddd;text-decoration:none;letter-spacing:2px;font-size:1em;}
#header div a:hover{text-decoration:underline;}

.principal {  padding: 20px 15px;  text-align: center;}

.navbar-header a.navbar-brand {color:#fff;}

#navbar .nav.navbar-nav li a {color:#000;}
.fobouton{cursor:pointer;}
.modal-body{color:#333;}
.modal-body h2{color:#333;font-size:20px;}
.modal-body h3{color:#333;font-size:15px;margin-bottom:0;}
.modal-body p{text-align:center;text-transform:none;font-size:12px;color:#555;}
.modal-body p a{color:#333;}
.modal-body p a:hover{color:#111;}

/*full width container*/
@media (max-width: 767px) {
    .block {
        margin-left: -20px;
        margin-right: -20px;
    }
}

.thumbnail {float:left;margin-right:4px;cursor:pointer;}

.clear {clear:both;}

.thumbnail {
  display: block;
  padding: 1px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}

.fenetre {width:100%;overflow:hidden;}

.container.etroit{width:1050px;padding:0;z-index:4;position:relative;}
.container.etroit h2{color:#d5b77e;text-align:center;line-height:110%;margin:0;padding:0;font-size:1em;}
.container.etroit h3{color:#000000;text-align:center;line-height:110%;margin:6px 0;padding:0;font-size:1em;font-weight:normal;}
.container.etroit p{color:#534f4e;text-align:justify;line-height:120%;margin:0 4%;padding:0;font-size:1em;}
.fenetre .container.etroit{width:700px;background:transparent;min-height:758px;padding:0px 112px;}
.fenetre.papier .container.etroit{background:url(images/cadre-complet.png) no-repeat top center;min-height:758px;padding:112px;}

.col50 {position:relative;float:left;width:42%;margin:4%;}
.col50 p{margin:0;}

.vitrinecadre{width:100%;height:100%;margin:20px 0;position:relative;overflow:hidden;}
.vitrinecadre img{width:100%;margin:0;transition: all 2s;-moz-transition: all 2s;-webkit-transition: all 2s;-o-transition: all 2s;}
.vitrinecadre .cadredessus{position:absolute;display:block;top:2%;left:3%;width:94%;height:96%;border:1px solid #fff;}

.vitrinecadre img {transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1);}
.vitrinecadre:hover img {transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-moz-transform: scale(1);}


.bigimage {width: 350px;height: 350px;overflow: hidden;padding: 0px;}
.bigimage > img {width: 350px;height: 350px;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.tableau .case:hover > .bigimage > img {transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);-moz-transform: scale(1.05);}

.fenetre {position:relative;width:100%;padding:70px 0 110px 0;z-index:2;text-align:center;}
.fenetre p{text-align:inherit;}
.fenetre h2{text-align:center;}

.fenetre.papier{background:url(images/fond-papier.jpg) no-repeat center  #fff;color:#fff; 
-webkit-background-size: cover;background-size: cover;}

.fenetre.bambou{background:url(images/fond-banboo.jpg) no-repeat center  #fff;color:#fff; 
-webkit-background-size: cover;background-size: cover;}

.fenetre.cave{background:url(images/fond-cave.jpg) no-repeat center  #fff;color:#fff; 
-webkit-background-size: cover;background-size: cover;}

.fenetre.notes{background:url(images/fond-notes.jpg) no-repeat center  #fff;color:#fff; 
-webkit-background-size: cover;background-size: cover;}

.fenetre.baroque{background:url(images/fond-baroque.jpg) no-repeat center  #fff;color:#fff; 
-webkit-background-size: cover;background-size: cover;}

.fenetre.contact{background:url(images/fond-contact.jpg) no-repeat center  #fff;color:#fff; 
-webkit-background-size: cover;background-size: cover;}

.fenetre.noire{background:#17191d;color:#fff;}
.fenetre.noire p{color:#fff;}
.fenetre.noire .case {background:#41424b ;color:#fff;}
.fenetre.noire .tableau.titre .case{background:url(images/bg-titres.png) repeat-x ;width:auto;height:auto;background-position:0 12px;}
.fenetre.noire .tableau.titre .case.letitre{color:#fff;background:transparent;width:10px;padding:0 30px;}

.fenetre.grise{background:transparent;}
.fenetre.grise h2 {color:#000;}
.fenetre.grise .case {background:#41424b ;color:#fff;}
.fenetre.grise .tableau.titre .case{background:url(images/bg-titres-noir.png) repeat-x ;width:auto;height:auto;background-position:0 12px;}
.fenetre.grise .tableau.titre .case.letitre{color:#000;background:transparent;width:10px;padding:0 30px;}

.fenetre.blanche{background:#fff;}
.fenetre.blanche h2 {color:#000;}
.fenetre.blanche .case {background:#d4dbea ;color:#000;}
.fenetre.blanche .tableau.titre .case{background:url(images/bg-titres-noir.png) repeat-x ;width:auto;height:auto;background-position:0 12px;}
.fenetre.blanche .tableau.titre .case.letitre{color:#000;background:transparent;width:10px;padding:0 30px;}


.fenetre.homepage{width:100%;height:100%;display:table;padding:0;}
.fenetre.homepage .logoetireur{display:table-cell;width:4px;height:100%;}
.fenetre.homepage .logo{display:table-cell;vertical-align:middle;text-align:center;}

.bloc {position:relative;z-index:9;}
.bloc.blanc{background:#fff;padding:30px 35px 82px 35px;}
.bloc.blanc.vide{background:transparent;}
.bloc.gris{background:#41424b;padding:30px 35px 82px 35px;}
.bloc.gris p,.bloc.gris h4{color:#fff;}
.bloc.ombre{background:url(images/ombre.png) top center no-repeat;background-size:100% auto;padding:0;width:100%;height:48px;border:0;}

.vignetteflottante {position:absolute;top:100px;left:-250px;z-index:8;}
.vignetteflottante.gauche {left:-250px;}
.vignetteflottante.droite {left:240px;}
.vignetteflottante.droite.harpe {top:68px;left:240px;}
.vignetteflottante.droite.vase {top:70px;left:260px;}
.vignetteflottante.droite.cognac {top:66px;}
.vignetteflottante.droite.napoleon {top:125px;}
.vignetteflottante.gauche.violons {left:-210px;}
.vignetteflottante.gauche.vins {left:-210px;}
.vignetteflottante.gauche.soldat {left:-180px;}

.liencontact {cursor:pointer;}
.liencontact.bis {position:fixed;z-index:9;left:50px;top:130px;}
.liencontact.bis h3{color:#666;}

footer {width:100%;padding:130px 0;background:#000;color:#fff;text-transform:uppercase;text-align:center;}
footer a{color:#fff;}
footer a:hover{color:#fff;}

.form-control {text-align:center;padding:12px 0;border:2px solid #ddd;border-radius:0px;height:46px;}

.form-control:focus {
  border-color: #d8b57b;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(216, 181, 123, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(216, 181, 123, .6);
}


.btn a{color:#ccc;}
.btn a:hover{color:#666;}
.btn.btn-primary {text-align:center;padding:12px 0;border:2px solid #ddd;border-radius:0px;height:46px;width:100%;text-align:center;display:block;margin:0;background:transparent;color:#999;}
.btn.btn-primary:hover{border:2px solid #888;background:transparent;color:#555;}




.js .input-file-container {  position: relative; }
.js .input-file-trigger {  display: block;  padding: 12px 0px;  background: #fff;  color: #666; border:2px solid #ddd; font-size: 1em;  transition: all .4s;  cursor: pointer;font-weight:300;}
.js .input-file {  position: absolute;  top: 0; left: 0;  width: 225px;  padding: 14px 0;  opacity: 0;  cursor: pointer;}
 
.js .input-file:hover + .input-file-trigger,
.js .input-file:focus + .input-file-trigger,
.js .input-file-trigger:hover,
.js .input-file-trigger:focus {  background: #ddd;  color: #000;}
 
.file-return {  margin: 0;}
.file-return:not(:empty) {  display:block;margin: 4px 0 12px 0;}
.js .file-return {  font-style: italic;  font-size: .8em;  font-weight: 300;color:#666;}
.js .file-return:not(:empty):before {  content: "> ";  }


.arabesque {position:fixed;z-index:3;}
.arabesque.gauche {left:10px;bottom:10px;}
.arabesque.droite {right:10px;bottom:10px;}


@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: auto;
  }
}
@media (max-width: 768px) {

body {padding: 0px;background:transparent;background:#111;}
.facultatif{display:none;}
.quepetit{display:inline;}

#brand {position:relative;width:100%;text-align:center;padding:0px;margin:0px;left:0;}
#brand a img{width:70%;height:auto;position:inline;}
#brand2, #header, #ombreheader, .liencontact.bis {display:none;}
.logo img {width:70%;height:auto;}
.fenetre.homepage {background:#111;height:auto;}
.fenetre.homepage .logoetireur{display:none;width:4px;height:0px;}
.fenetre.homepage .logo{display:table-cell;vertical-align:middle;text-align:center;}

.container.etroit{width:100%;padding:0;z-index:4;position:relative;}
.fenetre {padding:60px 0 60px 0;z-index:2;text-align:center;}
.fenetre .container.etroit{width:100%;background:transparent;min-height:auto;padding:0px 12px;}
.fenetre.papier .container.etroit{background:transparent;min-height:auto;padding:0px 12px;}
}

footer .container.etroit p.toutpetit{text-align:center;font-size:12px;padding-bottom:6px;}