html, body {
height: 100%;
}
body{
overflow-x: hidden;
}
a{
color:#e8e5dc;
outline:none;
}
a:hover{
text-decoration:none;
color:#b11f26;
}
.navbar-inverse {
background-color: #000;
border-color: #080808;
color:#bb9146;
font-family: 'hagin_caps_mediumregular';
font-size:1.55rem;
letter-spacing: 0rem;
padding-top:20px;
top:-70px;
border:none;
}
video {
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index:-1;
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
background: url('img/bg-splash.jpg') no-repeat;
background-size: cover;
transition: 1s opacity;
}
@media screen and (max-device-width: 800px) {
html { }
#bgvid { display: none; }
}
.navbar{
border:none;
}
.navbar-toggle {
position: relative;
//float: none;
margin-right: 0px;
margin-bottom:20px;
margin-right:20px;
}
.logo-toggle{
float:left;
font-size:1.8rem;
margin-top:10px;
margin-left:20px;
}
.logo-header{
margin-top:15px ;
margin-bottom:10px ;
}
.nav>li>a{
padding: 0px 0px;
padding-bottom: 40px;
line-height: 0px;
letter-spacing:0rem;
}
.nav>li>a:after{
content:'・';
font-size:1.4rem;
margin-left:7px;
margin-right:7px;
}
.nav>li:last-child>a:after{
content:'';
font-size:0rem;
margin:0px;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
color:#fff;
background-color: none;
}
.navbar-inverse .navbar-nav>li>a {
color:#fff;
}
.navbar-inverse{
background:rgba(0,0,0,0);
transition:all 0.3s;
-webkit-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
position:fixed;
z-index:999;
border:none;
}
.navbar-collapse{
border:none;
}
.bgblack{
background:rgba(0,0,0,1);
transition:all 0.3s;
-webkit-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
}
.navbar-nav>li{
float:none;
display:inline-block;
}
.navbar-init{
opacity: 0;
position:relative;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
display:block;
}
.navbar-small{
transition:all 0.4s;
-webkit-transition:all 0.4s;
-ms-transition:all 0.4s;
-o-transition:all 0.4s;
opacity: 0;
position:relative;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
display:block;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>a{
background:none;
}
.navbar-smalltop{
transition:all 0.4s;
-webkit-transition:all 0.4s;
-ms-transition:all 0.4s;
-o-transition:all 0.4s;
top:-70px;
background:rgba(0,0,0,0);
}
.navbar-big-top{
top:0;
}
.navbar-big{
transition:all 0.4s;
-webkit-transition:all 0.4s;
-ms-transition:all 0.4s;
-o-transition:all 0.4s;
opacity: 1;
position:relative;
transform:translateY(0%);
-webkit-transform:translateY(0%);
-moz-transform:translateY(0%);
-ms-transform:translateY(0%);
-o-transform:translateY(0%);
display:block;
}
@media screen and (max-width: 760px){
.nav>li>a:after{
content:'';
font-size:0rem;
margin:0px;
}
.nav>li:last-child>a:after{
content:'';
font-size:0rem;
margin:0px;
position:relative;
}
.navbar-nav>li{
float:none;
display:block;
}
}
.navbar-nav{
float:none;
}
#navbar{
overflow:hidden;
}
#navbar ul li a:hover{
color:#b11f26;
-webkit-transition: all 0.3s ;
-moz-transition: all 0.3s ;
-ms-transition: all 0.3s ;
-o-transition: all 0.3s ;
transition: all 0.3s ;
}
.footer-nav ul li a:hover{
background:none;
-webkit-transition: all 0.3s ;
-moz-transition: all 0.3s ;
-ms-transition: all 0.3s ;
-o-transition: all 0.3s ;
transition: all 0.3s ;
}
.footer-nav {
font-family: 'hagin_caps_mediumregular';
margin-bottom:0px;
margin-top:10px;
font-size:1.55rem;
border-top:1px solid grey;
padding-top:15px;
}
.lang-bt{
padding-left:0px;
}
.lang-nav{
margin-top:10px;
}
margin-bottom:25px;
}
.lang-nav ul{
padding-left:0;
margin-bottom:0px;
margin-top: -15px;
}
.lang-nav ul li {
display: inline-block;
background: #e8e5dc;
width: 42px;
height: 42px;
border-radius: 45px;
color: black;
padding-top: 14px;
margin-right: 8px;
}
.lang-nav ul li a{
color:black;
}
.fill {
min-height: 100%;
height: 100%;
}
body {
color:#e8e5dc;
background:#000;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-family: 'Old Standard TT', serif;
}
.body-pad{
margin-top:130px;
}
img{
max-width:100%;
}
h2{
color:#e8e5dc;
font-family: 'hagin_caps_mediumregular';
letter-spacing:0px;
}
.container-fluid{
padding:0;
}
.starter-template {
padding: 40px 15px;
text-align: center;
}
.white{
color:#e8e5dc;
}
.black{
color:#000;
}
.fullBlack{
height:150px;
}
.flexit{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
display:-webkit-box;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
-webkit-box-align-items:center
justify-content: center;
align-items: center;
-webkit-justify-content: center;
-webkit-box-pack: center;
}
.fullBlack h2{
color:#e8e5dc;
font-family: 'hagin_caps_mediumregular';
font-size:5.5rem;
letter-spacing:0px;
margin-bottom:1px;
}
.full{
width:100%;
}
.splashvidoverlay{
position:absolute; display:block;width:100%; height:100%;background-color: rgba(0, 0, 0, 0.1);z-index: 3;
}
#intro{
margin-top:-70px;
//background: url('./img/bg-splash.jpg');
background-size:cover;
background-position:50% 0%;
background-repeat: no-repeat;
}
.tatoueurs{
background:#000;
background: url('./img/bg-section-tatoueur.jpg');
background-size:cover;
background-position:0% 50%;
background-repeat: repeat-y;
margin-left:auto;
margin-right:auto;
padding-bottom:150px;
padding-top:130px;
}
.tatoueurs h3{
font-family: 'Old Standard TT';
text-transform:uppercase;
margin-top:3px;
font-size: 1.17rem;
color: #e8e5dc;
background:none;
}
.tatoueurscontent{
font-size:1.5rem;
padding-top:30px;
padding-bottom:30px;
width: 100%;
margin-left:auto;
margin-right:auto;
color:#e8e5dc;
}
.tatoueurscontent h3{
font-family: 'hagin_caps_mediumregular';
text-transform:uppercase;
font-size: 2.5rem;
margin-top:40px;
color:#e8e5dc;
}
.tatoueurscontent li{
min-height: 370px;
list-style-type: none;
background:url(./img/bg-thb-tatoueur.png);
background-position:50% 0%;
background-repeat:no-repeat;
background-size:auto;
margin:0;
}
.tatoueurscontent ul{
margin-left: -40px;
}
.tatoueurscontent a, .tatoueurscontent a:hover{
color:#e8e5dc;
text-decoration:none;
}
.tatoueur-hover{
position:absolute;
left: 50%;
transform: translate(-50%, 0);
-webkit-transform:translate(-50%, 0);
-moz-transform:translate(-50%, 0);
-ms-transform:translate(-50%, 0);
-o-transform:translate(-50%, 0);
//left:45px;
top:30px;
display: block;
background:rgba(180,30,37,0.8);
opacity:0;
width: 204px;
height: 204px;
border-radius:100px;
transition:all 0.3s;
-webkit-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
}
.tatoueur-hover:hover{
opacity:0.3;
}
.domaines{
text-transform:uppercase;
width: 200px;
margin-left: auto;
margin-right: auto;
font-size:1.2rem;
}
.tatoueurscontent img{
max-width:100%;
border-radius:107px;
overflow:hidden;
-webkit-border-radius:107px;
-moz-border-radius:107px;
border-radius:107px;
width:203px;
height:203px;
margin-top:31px;
margin-left:1px;
}
#news{
position:relative;
z-index:1;
}
.header-news img{
max-width:100%;
margin-bottom:40px;
}
.newscontent{
background:url("./img/separateur-v-news.png"),url("./img/bg-news.jpg");
background-size:auto,cover;
background-position:50% 50%,50% bottom;
background-repeat: no-repeat;
min-height:750px;
}
.titre-news{
color:#1d1710;
font-weight:700;
font-size:2rem;
margin-top:5px;
margin-bottom:0px;
text-transform:uppercase;
}
.myarticle{
min-height: 210px;
max-height: 210px;
overflow: hidden;
margin-bottom: 15px;
}
.myarticle a{
color: #b11f26
}
.myarticle a:hover{
color: black;
}
.newsleft{
color:#1d1710;
min-height:330px;
margin-bottom:0px;
}
.newsright{
min-height:330px;
color:#1d1710;
margin-bottom:0px;
}
.newsleft p, .newsright p{
margin-top:20px;
margin-bottom:20px;
}
.newsdate{
margin-bottom:2px!important;
font-size:2rem;
margin-bottom:0px!important;
border-bottom: 1px solid black;
display: inline-block;
padding-bottom: 0;
line-height: 14px;
font-style: italic;
}
.sepanews{
max-width:100%;
}
.plusdenews{
display:block;
height:80px;
background:url('./img/btVoirplusnews.jpg');
background-repeat:no-repeat;
background-position:50% 50%;
margin-left:auto;
margin-right:auto;
cursor:pointer;
max-width:315px;
height:93px;
margin-top: 20px;
}
.black-bt-link {
background:transparent;
}
.black-bt-link:hover {
background:#000;
}
.black-bt-link:hover a{
color:#fff;
}
.black-bt-link a{
color:#000
}
.plusdenews a{
height:93px;
display:block;
font-family: 'hagin_caps_mediumregular';
font-size:2.9rem;
padding-top:27px;
color:#1d1710;
transition:all 0.3s;
-webkit-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
text-decoration:none;
}
.plusdenews a:hover{
color:#71604c;
}
.guests{
padding-bottom:100px;
background:#000;
}
.guests h3{
margin-bottom:0px;
letter-spacing: 3px;
text-transform:uppercase;
}
.guests h2{
margin-top:1px;
}
.btplus-guests{
/*padding:5px 15px; background:url('./img/bg-bt-en-savoir-plus.png'); border:0 none;
background-repeat:no-repeat;height:100px;background-position:50%;
width:280px;margin-left:auto;margin-right:auto;
cursor:pointer;
font-size:1.9rem; */
}
.mybtlink{
padding: 19px 5px;
background: url('./img/bg-bt-en-savoir-plus.png');
border: 0 none;
background-repeat: no-repeat;
height: 60px;
background-position: 50% 0%;
width: 320px;
margin-left: auto;
margin-right: auto;
cursor: pointer;
font-size: 17px;
display: block;
transition:all 0.3s;
-webkit-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
}
.btplus-guests a{
color:#e8e5dc;
/*height:90px;*/
/*padding-top:37px;*/
}
.mybtlink:hover{
color:#b11f26;
text-decoration:none;
}
.visioimg{
position:relative;
margin-top:7.5%!important;
margin-left:3.5%;
}
img.visioimg {
width: 97%;
}
.visiocadre{
max-width:100%;
z-index:2;
position:absolute;
margin-left:auto;
margin-right:auto;
pointer-events: none;
}
.visio-guests{
position:relative;
margin-left:auto;
margin-right:auto;
}
.visio-container{
position:relative;
margin-left:auto;
margin-right:auto;
}
.visiocontainer img{
max-width:100%;
}
.blocreseau{
background:#fff;
}
.encart-shop-container{
background:url("./img/bg-encart-shop.jpg");
background-position:50% 0%!;
background-repeat:no-repeat;
background-size:cover;
min-height:436px;
}
.encart-shop-container h2{
font-family: 'hagin_caps_mediumregular';
font-size:5.5rem;
margin-bottom:1px;
margin-top:0;
}
.encart-shop-container h3{
font-family: 'Old Standard TT';
text-transform:uppercase;
font-size:1.17rem;
margin-top:3px;
margin-bottom:13px;
}
.encart-shop-container p{
font-size:1.5rem;
}
.bt-shop-info{
margin-bottom:20px;
padding:5px 15px; background:url('./img/bg-bt-plus-info.png'); border:0 none;
background-repeat:no-repeat;height:47px;background-position:50%;
width:212px;margin-left:auto;margin-right:auto;
cursor:pointer;
}
.bt-shop-info a{
color:#e8e5dc;
height:47px;
display:block;
padding-top:9px;
transition:all 0.3s;
-webkit-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
font-size:15px;
}
.bt-shop-info a:hover{
color:#999;
text-decoration:none;
}
.bt-join-gang{
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
margin-top:20px;
}
.blocinfoadresse{
margin-top:70px;
}
.contactimg{
margin-top: 20px;
padding-left:0px;
padding-right:20px;
}
.plan{
margin-top: 160px;
}
.fb-gen{
margin-top:50px;
margin-bottom:10px;
}
textarea{
background:url("./img/bg-form.png");
outline:none;
width:90%;
height:100px;
border:2px solid black;
}
input{
width:90%;
outline:none;
height:35px;
background-size:cover;
background:url("./img/bg-form.png");
background-repeat:repeat-x;
border:2px solid black;
margin-bottom: 7px;
padding:6px;
padding-top:9px;
}
input[type=submit] {padding:5px 15px; background:url('./img/bg-bt-send.png'); border:0 none;
background-repeat:no-repeat;height:90px;background-position:50%;
width:200px;margin-left:auto;margin-right:auto;padding-top: 7px;margin-right:10%;margin-left:20px;
cursor:pointer;
font-family: 'hagin_caps_mediumregular';
text-transform:uppercase;
font-size: 2rem;
margin-bottom: 50px;;
}
input[type=submit]:hover{
color:#b11f26;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.control-group p{
margin:0px;
}
.styled-select{
width:90%;
outline:none;
height:35px;
background-size:cover;
background:url("./img/bg-form.png");
background-repeat:repeat-x;
border:2px solid black;
margin-bottom: 7px;
padding:6px;
padding-top:9px
font-family: 'hagin_caps_mediumregular';
}
label{
text-transform: uppercase;
font-family: 'Old Standard TT', serif;
font-size:1.2rem;
}
#recapchadiv{
margin-left: auto;
margin-right: auto;
width: 354px;
}
.contact{
background:url("./img/bg-contact.jpg");
background-position:50% 0%;
background-repeat:no-repeat;
background-size:cover;
min-height: 1300px;
padding-top: 60px;
}
.contact h2{
outline:none;
font-family: 'hagin_caps_mediumregular';
font-size:5.5rem;
margin-bottom:1px;
}
.contact h3{
font-family: 'Old Standard TT';
text-transform:uppercase;
font-size:1.17rem;
margin-top:3px;
}
.contact p{
font-size:1.7rem;
text-transform:uppercase;
}
.formcontact{
padding-left: 50px;
margin-top: 50px;
}
.wpcf7-response-output, .wpcf7-display-none, .wpcf7-validation-errors{
border:none!important;
outline:none;
text-align:center;
width:90%;
color:#b11f26;
}
.adresse{
margin-top:30px;
}
.tel{
margin-top:20px;
}
.text-warn{
margin-top:7px;
font-size:1.3rem!important;
margin-bottom:4px;
width: 200px;
margin-left: auto;
margin-right: auto;
}
.text-info-form{
margin-top:7px;
font-size:1rem!important;
}
.blocfooter{
color:#fff;
background:url("./img/bg-footer.jpg");
background-repeat:no-repeat;
background-position:50% 0%;
padding-top:200px;
font-size:1.2rem;
}
footer{
background:#000;
}
.second-nav{
padding-top:15px;
width:100%;
}
.btn{
color:#000;
background:rgba(255,255,255,0);
border:1px solid #000;
transition:all 0.3s;
-webkit-transition:all 0.3s;
-ms-transition:all 0.3s;
-moz-transition:all 0.3s;
border-radius:0;
line-height: 20px;
padding-top: 10px;
}
.btn:hover{
color:#fff;
background:rgba(0,0,0,1);
}
.lead{
font-family: 'open_sansregular';
font-size:1.5rem;
padding-left:50px;
padding-right:50px;
}
.btn-circle {
width: 70px;
height: 70px;
margin-top: 15px;
padding: 7px 16px;
border: 2px solid #fff;
border-radius: 100%!important;
font-size: 40px;
color:#fff;
background: 0 0;
-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
}
.btn-circle:hover,
.btn-circle:focus {
outline: 0;
color: #fff;
background: rgba(255,255,255,.3);
}
.btn-circle i.animated {
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 1s;
-moz-transition-property: -moz-transform;
-moz-transition-duration: 1s;
}
.btn-circle:hover i.animated {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-webkit-animation-duration: 1.5s;
-moz-animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
}
/*marchandise*/
.merch{
margin-bottom:80px;
}
.merchpage{
border-bottom:1px solid grey;
}
.nom-merch{
width:263px;
margin-top:40px;
font-family: 'Old Standard TT', serif!important;
text-transform:uppercase;
font-weight:bold;
font-size:1.7rem;
margin-bottom:0px;
padding-bottom:0px;
}
.prix-merch{
font-family: 'hagin_caps_mediumregular';
color:#b11f26;
font-size:3.5rem;
margin-top:-10px;
padding-top:0px;
margin-bottom: -10px;
}
.version-merch{
font-family: 'Old Standard TT', serif!important;
font-style:italic;
font-weight:light;
text-transform:none;
}
.bt-pay input{
background:none;
width:76px;
height:76px;
padding:0px!important;
margin-top: 10px;
}
/*gang*/
.clearfix{
clear: both;
}
.equal{
min-height:700px;
}
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (min-width: 992px) {
.equal, .equal > div[class*='col-'] {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex:1 0 auto;
}
}
@media screen and (max-width: 991px) {
.picbio{
min-height:723px;
}
}
.introgang{
background:url('./img/bg-suspects.jpg');
background-size:cover;
background-position:center;
margin-top: 0px;
}
.txt-liste{
font-family: 'Old Standard TT', serif!important;
font-size:1.3rem;
line-height:0px;
}
.txt-suspects{
font-size: 4.2rem;
color:#b11f26;
font-family: 'hagin_caps_mediumregular'!important;
line-height:12px;
}
.introgang h1{
margin:0;
padding-top: 65px;
padding-bottom:85px;
}
.bio{
background:white;color:black;margin:0; padding-top:24px;
}
.bio h2{
color:black;
text-shadow: 2.5px 2.5px 0px rgba(155, 130, 134, .7);
font-size:4.5rem;
}
.bio h3{
font-size:1.5rem;
font-weight:700;
text-transform:uppercase;
}
.picside{
padding:0;margin:0
}
.picbio{
position:relative;z-index:0;background-size:cover; background-position:center top;padding:0;margin:0
}
.moto{
position:absolute; z-index:2;background:white;color:#b11f26;text-transform:uppercase;top:150px;width:250px; min-height: 180px;
padding: 35px;padding-left:35px;
}
.moto-alt{
position:absolute; z-index:2;background:white;color:#b11f26;text-transform:uppercase;top:150px;width:250px;right:0; min-height: 180px;
padding: 35px;
}
.sharebio{
position:absolute;z-index:3;bottom:0;width:100%;bottom: -10px; margin-left:auto;margin-right:auto ;padding-bottom:0;margin-bottom:0;
}
.sharebio-content{
padding:0;padding-top:100px;margin-bottom:0;width:100%;
}
.sharebio-bg{
background:url('./img/bg-share.png');background-position:50% 100%;min-height:122px;width:244px;margin-left:auto;margin-right:auto;
margin-bottom: 10px;
background-repeat: no-repeat;
}
.sharebio-bg .partager{
padding-top: 95px;
margin-bottom: 0;
}
.rsi{
margin-bottom:10px;
}
.rsi-twitter{
margin-bottom:10px;
margin-left:10px;
margin-right: 10px;;
}
.text-bio{
margin: 50px;
margin-bottom: 150px;
}
.contrats-tatoueur{
margin-bottom:20px;
}
.consulter{
font-size:3rem;
font-weight:700;
margin-bottom:0;
padding-top:60px;;
line-height:0;
}
.acheves{
color: #b11f26;;
font-size: 7rem;
font-weight: 700;
margin-top: 5px;
padding-top: 30px;
/* margin-bottom: 0; */
border-bottom: 5px solid #b11f26;;
line-height: 50px;
display:inline-block;
margin-left: auto;
margin-right: auto;
margin-bottom:30px;
padding-bottom:3px;
}
.acheveseng{
color: #b11f26;;
font-size: 5.5rem;
font-weight: 700;
margin-top: 5px;
padding-top: 30px;
/* margin-bottom: 0; */
border-bottom: 5px solid #b11f26;;
line-height: 50px;
display:inline-block;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
padding-bottom: 3px;
}
.underlined{
border-bottom: solid 4px #b11f26;;
display: inline;
padding-bottom: 3px;
}
/*fin gang*/
/* portfolio */
.rowgap {
-moz-column-width: 18em;
-webkit-column-width: 25em;
-moz-column-gap: 0.5em;
-webkit-column-gap:0.5em;
}
.item {
display: inline-block;
padding: .25rem;
width: 100%;
color:white
}
.wellh {
position:relative;
display: block;
border:1px solid white;
}
*, *:before, *:after {box-sizing: border-box !important;}
.box {
/* if not using border-box
width: 218px;
*/
width: 262px;
background: #000;
border: 1px solid #525252;
padding: 1px;
margin: 10px;
float: left;
}
.flexit2{
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
display:-webkit-box;
-ms-flex-align:center;
-webkit-align-items:center;
-webkit-box-align:center;
align-items: center;
justify-content: center;
}
.mask{
transition:all 0.3s;
display:block;
background:rgba(180,30,37,0.8);
margin:0%;
height:100%;
width:100%;
position:absolute;
top:0;
opacity:0;
}
.mask:hover{
transition:all 0.3s;
display:block;
background:rgba(180,30,37,0.8);
margin:0%;
height:100%;
width:100%;
position:absolute;
top:0;
opacity:1;
}
.mask h2{
margin:0;
}
.mask img{
transition:all 0.3s;
position: absolute;
top: 30%;
transform:translateY(0%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
left:80px;
opacity:1;
}
.mask:hover img{
position: absolute;
top: 50%;
transform:translateY(0%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
left:80px;
opacity:1;
}
.box1{
border:none;
}
#imagelightbox
{
position: fixed;
z-index: 9999;
-ms-touch-action: none;
touch-action: none;
}
/* IMAGE LIGHTBOX SELECTOR */
#imagelightbox
{
cursor: pointer;
position: fixed;
z-index: 10000;
-ms-touch-action: none;
touch-action: none;
-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
}
/* ACTIVITY INDICATION */
#imagelightbox-loading,
#imagelightbox-loading div
{
border-radius: 50%;
}
#imagelightbox-loading
{
width: 2.5em; /* 40 */
height: 2.5em; /* 40 */
background-color: #444;
background-color: rgba( 0, 0, 0, .5 );
position: fixed;
z-index: 10003;
top: 50%;
left: 50%;
padding: 0.625em; /* 10 */
margin: -1.25em 0 0 -1.25em; /* 20 */
-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
}
#imagelightbox-loading div
{
width: 1.25em; /* 20 */
height: 1.25em; /* 20 */
background-color: #fff;
-webkit-animation: imagelightbox-loading .5s ease infinite;
animation: imagelightbox-loading .5s ease infinite;
}
@-webkit-keyframes imagelightbox-loading
{
from { opacity: .5; -webkit-transform: scale( .75 ); }
50% { opacity: 1; -webkit-transform: scale( 1 ); }
to { opacity: .5; -webkit-transform: scale( .75 ); }
}
@keyframes imagelightbox-loading
{
from { opacity: .5; transform: scale( .75 ); }
50% { opacity: 1; transform: scale( 1 ); }
to { opacity: .5; transform: scale( .75 ); }
}
/* OVERLAY */
#imagelightbox-overlay
{
background-color: #020202;
background-color: rgba( 0, 0, 0, .9 );
position: fixed;
z-index: 9998;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
/* "CLOSE" BUTTON */
#imagelightbox-close
{
width: 2.5em; /* 40 */
height: 2.5em; /* 40 */
text-align: left;
background-color: #fff;
border-radius: 50%;
position: fixed;
z-index: 10002;
top: 2.5em; /* 40 */
right: 2.5em; /* 40 */
-webkit-transition: color .3s ease;
transition: color .3s ease;
}
#imagelightbox-close:hover,
#imagelightbox-close:focus
{
background-color: #111;
}
#imagelightbox-close:before,
#imagelightbox-close:after
{
width: 2px;
background-color: red;
content: '';
position: absolute;
top: 20%;
bottom: 20%;
left: 50%;
margin-left: -1px;
}
#imagelightbox-close:before
{
-webkit-transform: rotate( 45deg );
-ms-transform: rotate( 45deg );
transform: rotate( 45deg );
}
#imagelightbox-close:after
{
-webkit-transform: rotate( -45deg );
-ms-transform: rotate( -45deg );
transform: rotate( -45deg );
}
/* CAPTION */
#imagelightbox-caption
{
text-align: center;
color: #fff;
background-color: #666;
position: fixed;
z-index: 10001;
left: 0;
right: 0;
bottom: 0;
padding: 0.625em; /* 10 */
}
/* NAVIGATION */
#imagelightbox-nav
{
background-color: #444;
background-color: rgba( 0, 0, 0, .5 );
border-radius: 20px;
position: fixed;
z-index: 10001;
left: 50%;
bottom: 3.75em; /* 60 */
padding: 0.313em; /* 5 */
-webkit-transform: translateX( -50% );
-ms-transform: translateX( -50% );
transform: translateX( -50% );
}
#imagelightbox-nav button
{
width: 1em; /* 20 */
height: 1em; /* 20 */
background-color: transparent;
border: 1px solid #fff;
border-radius: 50%;
display: inline-block;
margin: 0 0.313em; /* 5 */
}
#imagelightbox-nav button.active
{
background-color: #fff;
}
/* ARROWS */
.imagelightbox-arrow
{
width: 3.75em; /* 60 */
height: 7.5em; /* 120 */
background-color: #444;
background-color: rgba( 0, 0, 0, 0 );
vertical-align: middle;
display: none;
position: fixed;
z-index: 10001;
top: 50%;
margin-top: -3.75em; /* 60 */
border:none;
}
.imagelightbox-arrow:hover,
.imagelightbox-arrow:focus
{
background-color: #666;
background-color: rgba( 0, 0, 0, .75 );
}
.imagelightbox-arrow:active
{
background-color: #111;
}
.imagelightbox-arrow-left
{
left: 2.5em; /* 40 */
}
.imagelightbox-arrow-right
{
right: 2.5em; /* 40 */
}
.imagelightbox-arrow:before
{
width: 0;
height: 0;
border: 1em solid transparent;
content: '';
display: inline-block;
margin-bottom: -0.125em; /* 2 */
}
.imagelightbox-arrow-left:before
{
border-left: none;
border-right-color: #fff;
margin-left: -0.313em; /* 5 */
}
.imagelightbox-arrow-right:before
{
border-right: none;
border-left-color: #fff;
margin-right: -0.313em; /* 5 */
}
#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow
{
-webkit-animation: fade-in .25s linear;
animation: fade-in .25s linear;
}
@-webkit-keyframes fade-in
{
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fade-in
{
from { opacity: 0; }
to { opacity: 1; }
}
@media only screen and (max-width: 41.250em) /* 660 */
{
#container
{
width: 100%;
}
#imagelightbox-close
{
top: 1.25em; /* 20 */
right: 1.25em; /* 20 */
}
#imagelightbox-nav
{
bottom: 1.25em; /* 20 */
}
.imagelightbox-arrow
{
width: 2.5em; /* 40 */
height: 3.75em; /* 60 */
margin-top: -2.75em; /* 30 */
}
.imagelightbox-arrow-left
{
left: 1.25em; /* 20 */
}
.imagelightbox-arrow-right
{
right: 1.25em; /* 20 */
}
}
@media only screen and (max-width: 20em) /* 320 */
{
.imagelightbox-arrow-left
{
left: 0;
}
.imagelightbox-arrow-right
{
right: 0;
}
}
#main {
margin-top: 10px;
}
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope,
.isotope .isotope-item {
/* change duration value to whatever you like */
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
}
.retour-list{
background:url("./img/bg-bt-list-back.png");
background-position:50% 50%;
background-repeat:no-repeat;
width:284px;
height:60px;
font-family: 'hagin_caps_mediumregular';
font-size:2.5rem;
margin-top:50px;
margin-bottom:100px;
}
.retour-list a{
transition:all 0.4s;
color:#e8e5dc;
text-decoration:none;
}
.retour-list a:hover{
color:#b11f26;
text-decoration:none;
}
/*news detail */
.artribune-content{
background-image: url(./img/drawings-news.jpg),url(./img/bg-artribune.jpg);
background-position:50% 270px,50% 0%;
background-repeat:no-repeat;
background-attachment:fixed;
background-blend-mode:multiply,multiply;
background-size:auto,cover;
-webkit-background-size:auto,cover;
display:block;
min-height:100%;
}
.bg-news-2{
}
.firstnews:target{
padding-top:130px;
}
.artribune-header{
position:fixed;z-index:3;overflow:hidden;left:50%;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);;
-o-transform:translateX(-50%);
width:100%;
top: 130px;
}
.artribune-news-content{
margin-top:175px;
}
.artribune-news-content img{
margin-bottom:25px;
}
.sepa-article{
margin-top:20px;
margin-bottom:40px;
}
.news-detail-text{
margin-top:10px;
}
.titre-news-detail{
font-weight:700;
font-size:2rem;
margin-bottom:2px;
padding-bottom:2px;
line-height: 2.5rem;
text-transform:uppercase;
}
.newsdate-detail{
margin-bottom:15px;
font-size:1.8rem;
border-bottom:1px solid black;
display: inline-block;
padding-bottom:0;
line-height: 14px;
font-style: italic;
}
/*guests*/
.detail-guests{
background:#e8e5dc;
color:#1d1710;
}
.detail-guests h3{
color:#1d1710;
margin-bottom: 0px;
letter-spacing: 3px;
text-transform: uppercase;
font-size:2.4rem;
padding-top:40px;
line-height:25px;
}
.detail-guests h2{
color:#1d1710;
margin-top: 3px;
letter-spacing: 3px;
text-transform: uppercase;
font-size:5.5rem;
}
.top-guest {
margin:0;
padding-left:15px;
padding-right:15px;
background:#e8e5dc;
}
.top-guest::before{
background:url(./img/border-top-guest.jpg);
background-repeat:repeat-x;
width:100%;
height:13px;
content: " ";
color: #b11f26;;
font-weight: bold;
display:block;
margin-top:30px;
}
.top-guest::after{
background:url(./img/border-bottom-guest.jpg);
background-repeat:repeat-x;
width:100%;
height:13px;
content: " ";
color: #b11f26;;
font-weight: bold;
display:block;
margin-top:0px;
}
.topo-guest{
background:url(./img/bg-topo-guest.jpg);
}
.topo-guest h3{
margin-top:0;
padding-top:80px;
color:#1d1710;
}
.topo-guest p{
color:#1d1710;
font-size:2.5rem;
padding:50px;
}
.topo-guest h3{
content: ' ';
border-bottom:dotted black 3px; /* using border rather than underline; it's easier that way */
padding-bottom:10px;
width:auto; /*however long you want the underline */
display:inline-block; /* this is required for the width parameter to work */
}
.encart-guest{
min-height:400px;
margin-top:80px;
padding-bottom: 80px;
}
.encart-guest h2{
background:url('./img/cadre-title-preuve.png');
background-repeat:no-repeat;
background-position:center;
font-size:4rem;
height:118px;
padding-top:34px;
margin-bottom:80px;
min-width:250px;
}
.frame-preuve{
display:block;width:263px;height:200px; background:url('./img/cadre-preuve.png');position:absolute;top:0;opacity:1
}
.preuves ul{
padding-left:0;
margin-left: 0px;
}
.preuves li{
list-style-type:none;
margin-top:20px;
margin-bottom:30px;
}
.preuves-picture{
margin:15px
}
.guest-pick-date{
background:url('./img/bg-bt-en-savoir-plus.png');
background-repeat:no-repeat;
background-position:center;
font-size:1.8rem;
height:110px;
width:320px;
padding-top:44px;
margin-bottom:0px;
margin-top:50px;
display:inline-block;
letter-spacing:0.4rem;
color:#e8e5dc;
transition:all 0.3s;
-webkit-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
}
.guest-pick-date:hover{
color:#b11f26;
text-decoration:none;
cursor:pointer;
}
#imagelightbox-sharing{
color:#b11f26;
margin-top:50px;
position: absolute;
top: 0%;
z-index: 9999;
display: block;
height: 200px;
}
.fb_iframe_widget{
}
iframe{
z-index:9997;
}
.pluginShareButtonLink{
}
/* SHOP */
.encart-shop-code,.encart-shop-conseil,.encart-shop-hygiene,.encart-shop-intro{
background-position:50% 0%;
background-repeat:no-repeat;
background-size:cover;
min-height:436px;
padding-bottom:80px;
}
.encart-shop-intro{
min-height:350px!important;
}
.encart-shop-intro h2{
padding-bottom:5px!important;
margin-bottom:0px;
line-height:3.9rem;
}
.encart-shop-intro h3{
margin-bottom:50px;
}
.encart-shop-code h2,.encart-shop-conseil h2,.encart-shop-hygiene h2{
font-family: 'Old Standard TT', serif!important;
text-transform: uppercase;
}
.shopstyles h2{
font-family: 'hagin_caps_mediumregular';
font-size:5.0rem;
padding-bottom:20px;
padding-top: 30px;
}
.shopstyles h3{
font-family: 'Old Standard TT';
text-transform:uppercase;
margin-top: 3px;
font-size: 1.17rem;
color: #e8e5dc;
}
.encart-shop-code p,.encart-shop-conseil p,.encart-shop-hygiene p, .encart-shop-intro p{
text-transform:uppercase;
font-size:1.4rem;
font-family: 'Old Standard TT', serif!important;
}
.encart-shop-hygiene{
content:'';
border-top:solid 5px #3a3937;
border-bottom:solid 5px #3a3937;
}
.encart-shop-intro p{
font-family: 'Old Standard TT', serif!important;
font-style:italic;
text-transform:uppercase;
font-size:1.5rem;
}
.big-text{
font-size:1.8rem;
font-weight:700;
}
.big-fat-text{
font-size:2.2rem;
font-weight:700;
line-height:1.95rem;
}
.join{
margin-top:40px;padding-bottom:40px;
border-bottom:1px solid grey;
}
footer{
min-height:160px;
}
.logo-footer{
margin-top:10px;
}
.adresse-footer{
margin-top:15px;
margin-left: auto;
margin-right: auto;
text-align: center;
padding-right: 25px;
font-size:1.4rem;
text-transform: uppercase;
margin-bottom:0px;
padding-bottom:0;
}
.adresse-footer p{
margin-bottom:5px;
line-height:10px;
}
.sepa-adresse-footer{
margin-left:auto;
margin-right: auto;
width:139px;
}
.sepaadrfooter{
text-align:left;
}
.tel-footer{
text-align:center;
padding-right: 25px;
font-size:1.4rem;
text-transform: uppercase;
}
.sepaadrfooter{
text-align:left;
}
.warn-footer,.warn-footer2{
margin-top:15px;
font-size:1.4rem;
text-transform: uppercase;
margin-bottom:0px;
padding-bottom:0;
}
.warn-footer2{
margin-top:0px;
font-size:1.2rem;
}
.reseau-footer{
margin-top:35px;
padding-top: 0px;
padding-right: 60px;
}
.reseau-footer img{
margin-top: -28px;
padding-right: 6px;
}
.info-reseaux{
margin-top:10px;
font-size:1.4rem;
text-transform: uppercase;
}
.fc1{
margin-top:15px;
border-right:1px solid grey;
min-height:128px;
}
.fc2{
margin-top:15px;
min-height:128px;
border-right:1px solid grey;
margin-left:25px;
}
.fc3{
margin-top:15px;
min-height:128px;
}
.fc4{
margin-top:22px;
min-height:128px;
margin-left: -25px;
}
/*renforts */
.renfortspage{
margin-top:50px;
}
.section-renforts{
background:#e8e5dc;
min-height:700px;
}
.renforts-title {
}
.renforts-content a{
color:#b11f26;
font-size:3rem;
font-family: 'Old Standard TT', serif;
font-weight:bold;
letter-spacing:4px;
}
.renforts-content a:hover{
color:black;
}
.renforts-content a:after{
content: url('img/ornament-renfort-lien.png');
display:block;
}
.renfort-title-cont{
background:#e8e5dc;
}
.renfort-title-cont h2{
margin-top:55px;
color:black!important;
text-shadow: 2.5px 2.5px 0px rgba(199, 161, 150, .7);
}
.renfort-title-cont h2:after{
display:block;
content: url('img/ornament-renfort.png');
}
footer{
background:#000;
position:relative;
z-index:0;
}
/*media queries*/
@media screen and (min-width: 768px){
.logo-toggle{
display:none;}
}
@media screen and (max-width: 768px){
#intro{
background: url('./img/bg-splash.jpg');
background-size:cover;
background-position:center;
}
.preuves li{
margin-bottom:30px;
}
.brand{
display:none;
}
.body-pad {
margin-top: 75px;
}
.artribune-header{
top:81px;}
.artribune-news-content {
margin-top: 121px;
}
.footer-nav{
padding-top: 40px;
}
.formcontact{
padding-left:70px;
}
}
@media screen and (min-width: 420px){
img.visioimg {
width: 96%;
}
.visioimg{
position: relative;
margin-top: 7%!important;
margin-left: 2.5%;
}
}
@media screen and (max-width: 450px){
.lang-bt{
padding-top:20px;
}
.newsright,.newsleft{
margin-bottom:30px;
}
.artribune-news-content {
margin-top: 90px;
}
input[type=submit]{
margin-left:14px;
}
}
@media screen and (max-width: 520px){
.formcontact{
padding-left:45px;
}
.consulter{
line-height:2.5rem;
font-size:2rem;
padding-top: 30px;
}
.acheves{
padding-top:5px;
font-size:6rem;
}
.acheveseng{
padding-top:0px;
}
}
@media screen and (min-width: 728px){
img.visioimg {
width: 94%;
}
.visioimg{
position: relative;
margin-top: 6%!important;
margin-left: 2%;
}
}
@media screen and (max-width: 992px){
.moto,.moto-alt{
padding-left:47px;
margin-top:180px;
}
.newscontent{
background:url("./img/bg-news.jpg");
background-size:cover;
background-position:50% 50%;
background-repeat: no-repeat;
min-height: 1100px;
}
}
@media screen and (min-width: 992px){
img.visioimg {
width: 94%;
}
.visioimg{
position:relative;
margin-top:6%!important;
margin-left:2%;
}
}
@media screen and (min-width:768px) and (max-width: 991px){
.preuves li{
margin-bottom:110px;
}
}
@media screen and (min-width:992px) and (max-width: 1198px){
.preuves li{
margin-bottom:65px;
}
}
@media screen and (min-width: 1199px){
.preuves li{
margin-bottom:30px;
}
#myfooter{
width:1170px!important;
background:#000;
}
.reseau-footer img{
margin-top: 0px;
padding-right: 6px;
}
.lang-nav{
margin-left:113px;
}
.fb-footer{
margin-left:108px;
}
.insta-footer{
margin-left:-2px;
}
img.visioimg {
width: 90%;
}
.visioimg{
position: relative;
margin-top: 6.5%!important;
margin-left: 1%;
}
}
@media screen and (max-width:1199px){
.reseau-footer{
margin-top:-10px;
text-align:center;
}
.fb-footer{
margin-left:7px;
margin-bottom:55px;
}
.insta-footer{
margin-left:-2px;
margin-bottom:55px;
}
.lang-nav ul li {
margin-left: 0px;
margin-right: 5px;
}
.lang-bt{
padding-left:20px;
margin-bottom:35px;
}
.fc4{
margin-left: 30px;
min-height: 0px;
}
.fc1,.fc2,.fc3{
border:none;
}
.fc2{
margin-left:0;
}
.footer-nav{
width:100%;
margin-left: auto;
margin-right: auto;
}
.reseau-footer{
margin-bottom:0px;
}
.reseau-footer img{
padding-right: 3px;
padding-left: 3px;
padding-bottom:0px;
}
.sepaadrfooter{
text-align:center;
}
.adresse-footer{
padding-right:0px;
}
.tel-footer{
padding-right: 0px;
}
.reseau-footer img{
padding-right:0px;
}
};
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-moz-keyframes pulse {
0% {
-moz-transform: scale(1);
transform: scale(1);
}
50% {
-moz-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-moz-transform: scale(1);
transform: scale(1);
}
}