.social {
 font-size:1px;
 text-align: center;
}
/*.social .Facebook{vertical-align:0px;margin-right:20px}.social span{display:inline-block;width:110px}.social .google{width:75px}*/.codrops-btn {
 border:none;
 font-family:inherit;
 font-size:inherit;
 color:inherit;
 background:none;
 cursor:pointer;
 width:200px;
 height:50px;
 display:inline-block;
 margin:15px 30px;
 text-transform:uppercase;
 letter-spacing:1px;
 font-weight:500;
 outline:none;
 position:relative;
 text-align:center;
 -webkit-transition:all 0.3s;
 -moz-transition:all 0.3s;
 transition:all 0.3s
}
.codrops-btn:after {
 content:'';
 position:absolute;
 z-index:-1;
 -webkit-transition:all 0.3s;
 -moz-transition:all 0.3s;
 transition:all 0.3s
}
.codrops-btn:before,.icon-heart:after,.icon-star:after,.icon-plus:after,.icon-file:before {
 font-family:'icomoon';
 speak:none;
 font-style:normal;
 font-weight:normal;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 position:relative;
 -webkit-font-smoothing:antialiased
}
.icon-envelope:before {
 content:"\e000"
}
.icon-cart:before {
 content:"\e007"
}
.icon-cart-2:before {
 content:"\e008"
}
.icon-heart:before {
 content:"\e009"
}
.icon-heart:after,.icon-heart-2:before {
 content:"\e00a"
}
.icon-star:before {
 content:"\e00b"
}
.icon-star:after,.icon-star-2:before {
 content:"\e00c"
}
.icon-arrow-right:before {
 content:"\e00d"
}
.icon-arrow-left:before {
 content:"\e003"
}
.icon-truck:before {
 content:"\e00e"
}
.icon-remove:before {
 content:"\e00f"
}
.icon-cog:before {
 content:"\e010"
}
.icon-plus:before,.icon-plus:after {
 content:"\e011"
}
.icon-minus:before {
 content:"\e012"
}
.bh-icon-smiley:before {
 content:"\e001"
}
.bh-icon-sad:before {
 content:"\e002"
}
.icon-file:before {
 content:"\e004"
}
.icon-remove-2:before {
 content:"\e005"
}
/* Button 1 */.btn-1 {
 border: 3px solid #408028;
 background: #408028;
 color: #fff;
}
/* Button 1a */.btn-1a:hover,.btn-1a:active {
 color: #408028;
 background: transparent;
}
.btn-2 {
 background:#cb4e4e;
 color:#fff;
 box-shadow:0 6px #ab3c3c;
 -webkit-transition:none;
 -moz-transition:none;
 transition:none
}
.btn-2a {
 border-radius: 0 0 5px 5px;
}
.btn-2a:hover {
 box-shadow: 0 4px #ab3c3c;
 top: 2px;
}
.btn-2a:active {
 box-shadow: 0 0 #ab3c3c;
 top: 6px;
}
.btn-2g {
 border-radius:40px;
 width:200px
}
.btn-2g:hover {
 box-shadow:0 4px #ab3c3c;
 top:2px
}
.btn-2g:active {
 box-shadow:0 0 #ab3c3c;
 top:6px
}
.btn-6 {
 color:#fff;
 background:#226fbe;
 -webkit-transition:none;
 -moz-transition:none;
 transition:none
}
.btn-6:active {
 top:2px
}
.btn-6c {
 border:4px solid #226fbe;
 border-radius:60px;
 width:200px
}
.btn-6c:hover {
 background:transparent;
 color:#226fbe
}
@font-face {
 font-family:MuseoSlab;
 src:url('../fonts/museo_slab/museo_slab_900-webfont.woff');
}
html,body {
 height:100%
}
body {
 color:#fff
}
h1 {
 font-size:4em;
 font-family:MuseoSlab, helvetica;
 text-shadow:3px 3px #d25a00;
 padding-bottom:0.4em
}
a,a:focus,a:hover {
 color:#fff
}
audio {
 display:none
}
.btn-default,.btn-default:hover,.btn-default:focus {
 color:#333;
 background-color:#fff;
 border:1px solid #fff
}
.header-cover-container {
 width:100%;
 height:33%;
 min-height:25%;
 background:center center;
 background-size:cover;
 background-color:rgba(0,0,0,0.5);
 -webkit-box-shadow:inset 0 0 100px rgba(0,0,0,0.5);
 box-shadow:inset 0 0 100px rgba(0,0,0,0.5);
 border-bottom: thick solid #cb4e4e;
}
.header-cover-container img {
 height:80%;
 display: block;
 margin-left: auto;
 margin-right: auto;
}
.header-cover-box {
 display:table-cell;
 vertical-align:middle
}
.header-cover-inner {
 text-align:center;
 margin:auto;
 max-width:700px;
 width:92%;
 padding:30px 0 30px
}
.header-cover-inner p {
 font-size:1.4em
}
.header-cover-inner .btn {
 margin:3em 20px;
 font-weight:bold
}
#button-swag-on {
 text-transform:uppercase
}
#leswag {
 padding-top:40px;
 padding-bottom:40px;
 text-align:center;
 background: url("../images/bg.png") repeat
}
#journaux {
 padding-top:40px;
 padding-bottom:50px;
 color:#000;
 text-align:center
}
#journaux h2 {
 font-family:MuseoSlab, helvetica;
 margin-bottom:35px
}
#journaux img {
 margin-top:30px
}
#journaux .row div {
 min-height:100px
}
footer {
 padding:2em 0 2em;
 background-color:rgba(0,0,0,0.8);
 color:#e9e9e9
}
footer hr {
 margin:15px 0 15px 0;
 height:1px;
 width:35px;
 color:white
}
footer p {
 margin-bottom:0px
}
.footer-title {
 margin-top:0.5em;
 font-size:1.4em
}
.twitter-buttons-container {
 padding:5px 0 10px 0
}
.footer-button-gotop {
 padding-top:20px;
 text-align:center
}