Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/twentyvaps.com/wp-content/themes/idcomweb/less/lessc.inc.php on line 1433
Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/twentyvaps.com/wp-content/themes/idcomweb/less/lessc.inc.php on line 3535
Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/twentyvaps.com/wp-content/themes/idcomweb/less/lessc.inc.php on line 4847
Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/twentyvaps.com/wp-content/themes/idcomweb/less/lessc.inc.php on line 4955
Warning: is_file(): open_basedir restriction in effect. File(/https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap.less) is not within the allowed path(s): (/www/wwwroot/twentyvaps.com/:/tmp/) in /www/wwwroot/twentyvaps.com/wp-content/themes/idcomweb/less/lessc.inc.php on line 163
Warning: is_file(): open_basedir restriction in effect. File(/https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap) is not within the allowed path(s): (/www/wwwroot/twentyvaps.com/:/tmp/) in /www/wwwroot/twentyvaps.com/wp-content/themes/idcomweb/less/lessc.inc.php on line 163
Warning: is_file(): open_basedir restriction in effect. File(/https://fonts.googleapis.com/css?family=Courgette&display=swap.less) is not within the allowed path(s): (/www/wwwroot/twentyvaps.com/:/tmp/) in /www/wwwroot/twentyvaps.com/wp-content/themes/idcomweb/less/lessc.inc.php on line 163
Warning: is_file(): open_basedir restriction in effect. File(/https://fonts.googleapis.com/css?family=Courgette&display=swap) is not within the allowed path(s): (/www/wwwroot/twentyvaps.com/:/tmp/) in /www/wwwroot/twentyvaps.com/wp-content/themes/idcomweb/less/lessc.inc.php on line 163
Warning: is_file(): open_basedir restriction in effect. File(/utils.less) is not within the allowed path(s): (/www/wwwroot/twentyvaps.com/:/tmp/) in /www/wwwroot/twentyvaps.com/wp-content/themes/idcomweb/less/lessc.inc.php on line 163
Warning: is_file(): open_basedir restriction in effect. File(/utils) is not within the allowed path(s): (/www/wwwroot/twentyvaps.com/:/tmp/) in /www/wwwroot/twentyvaps.com/wp-content/themes/idcomweb/less/lessc.inc.php on line 163
Warning: is_file(): open_basedir restriction in effect. File(/desktop.less) is not within the allowed path(s): (/www/wwwroot/twentyvaps.com/:/tmp/) in /www/wwwroot/twentyvaps.com/wp-content/themes/idcomweb/less/lessc.inc.php on line 163
Warning: is_file(): open_basedir restriction in effect. File(/desktop) is not within the allowed path(s): (/www/wwwroot/twentyvaps.com/:/tmp/) in /www/wwwroot/twentyvaps.com/wp-content/themes/idcomweb/less/lessc.inc.php on line 163
Warning: Creating default object from empty value in /www/wwwroot/twentyvaps.com/wp-content/themes/idcomweb/less/lessc.inc.php on line 6981
Warning: Invalid argument supplied for foreach() in /www/wwwroot/twentyvaps.com/wp-content/themes/idcomweb/less/lessc.inc.php on line 265
Warning: is_file(): open_basedir restriction in effect. File(/mobile.less) is not within the allowed path(s): (/www/wwwroot/twentyvaps.com/:/tmp/) in /www/wwwroot/twentyvaps.com/wp-content/themes/idcomweb/less/lessc.inc.php on line 163
Warning: is_file(): open_basedir restriction in effect. File(/mobile) is not within the allowed path(s): (/www/wwwroot/twentyvaps.com/:/tmp/) in /www/wwwroot/twentyvaps.com/wp-content/themes/idcomweb/less/lessc.inc.php on line 163
Warning: is_file(): open_basedir restriction in effect. File(/tablet.less) is not within the allowed path(s): (/www/wwwroot/twentyvaps.com/:/tmp/) in /www/wwwroot/twentyvaps.com/wp-content/themes/idcomweb/less/lessc.inc.php on line 163
Warning: is_file(): open_basedir restriction in effect. File(/tablet) is not within the allowed path(s): (/www/wwwroot/twentyvaps.com/:/tmp/) in /www/wwwroot/twentyvaps.com/wp-content/themes/idcomweb/less/lessc.inc.php on line 163
body {
font-family: 'Poppins', sans-serif;
font-weight: 300;
}
body #cookie-law-info-again {
background-color: #333333 !important;
color: #fff !important;
}
body.page-template-page-simple .container {
padding-top: 50px;
padding-bottom: 50px;
}
body.page-template-page-simple .container h2 {
margin-top: 50px;
}
body.page-template-page-simple .container h3 {
margin-top: 30px;
}
body.page-template-page-simple .container a {
color: #c1ab9b;
transition: all .2s ease-in-out !important;
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important;
}
body.page-template-page-simple .container a:active,
body.page-template-page-simple .container a:hover,
body.page-template-page-simple .container a:focus {
color: #D9042C;
}
body .agy .box .box-right {
background-color: #fff;
}
body .agy .box .box-right img {
margin-bottom: 1rem;
}
body .agy .box .box-right h3 {
margin-bottom: 1rem;
}
body .agy .box .box-right p {
font-size: .9rem;
}
body ul.page-numbers {
margin-top: 3rem !important;
border: none !important;
}
body ul.page-numbers li {
margin-bottom: 0 !important;
padding: 0 !important;
}
body ul.page-numbers li span,
body ul.page-numbers li a {
padding: 1rem !important;
color: #0E0F19 !important;
}
body ul.page-numbers li a {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body ul.page-numbers li a:hover {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
color: #fff !important;
background: #0E0F19 !important;
}
body ul.page-numbers li span.current {
background: #D9042C !important;
color: #fff !important;
}
body .video-modal .modal-content {
width: auto;
height: auto;
background-color: #000;
border: none;
border-radius: 0;
}
body .video-modal .modal-content .modal-header {
border-bottom: solid 1px rgba(255,255,255,0.4);
}
body .video-modal .modal-content .modal-header h5 {
font-weight: 300;
color: #fff;
font-size: 1.2rem;
letter-spacing: 2px;
margin-bottom: 0;
}
body .video-modal .modal-content .modal-header h5 strong {
font-weight: 500;
}
body .video-modal .close {
font-size: 1.5rem;
font-weight: 300;
color: #fff;
text-shadow: none;
opacity: .8;
}
body a {
text-decoration: none;
}
body a:hover {
text-decoration: none;
}
body .fa-facebook-f:before {
content: "\f39e" !important;
}
body #slider-anchor {
position: absolute;
display: block;
width: 45px;
height: 45px;
border-radius: 50%;
border: solid 1px #fff;
bottom: 40px;
left: 49%;
z-index: 999;
transform: translateX(-50%);
webkit-animation: mover .9s infinite alternate ease-in-out;
-moz-animation: mover .9s infinite alternate ease-in-out;
-o-animation: mover .9s infinite alternate ease-in-out;
animation: mover .9s infinite alternate ease-in-out;
}
body #slider-anchor::before {
content: "";
background-image: url(../img/chevron.png);
width: 22px;
height: 11px;
left: 51.2%;
transform: translateX(-50%);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: absolute;
z-index: 999;
bottom: 15px;
}
body header .menu-mobile .menu-wrapper,
body header .menu-mobile .menu {
width: 100vw;
height: 100vh;
position: absolute;
background-color: #0E0F19;
top: 0;
left: -140%;
z-index: 200;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body header .menu-mobile .menu-wrapper .bt-close,
body header .menu-mobile .menu .bt-close {
position: absolute;
z-index: 999;
left: 50%;
transform: translateX(-50%);
margin-top: 3rem;
color: #fff;
}
body header .menu-mobile .menu-wrapper .bt-close i,
body header .menu-mobile .menu .bt-close i {
font-size: 1.5rem;
}
body header .menu-mobile .menu-wrapper.active,
body header .menu-mobile .menu.active {
left: -28px;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body header .menu-mobile .menu-wrapper ul,
body header .menu-mobile .menu ul {
margin-top: 25%;
}
body header .menu-mobile .menu-wrapper ul li,
body header .menu-mobile .menu ul li {
margin: 0;
display: block;
margin-bottom: 1rem;
}
body header .menu-mobile .menu-wrapper ul li:after,
body header .menu-mobile .menu ul li:after {
right: inherit;
top: inherit;
bottom: -12px;
left: 50%;
transform: translateX(-50%);
}
body header .menu-mobile .menu-wrapper ul li a,
body header .menu-mobile .menu ul li a {
font-size: 1.8rem;
text-decoration: none;
color: #fff;
text-align: center;
}
body header .menu-mobile .menu-wrapper ul li .sub-menu,
body header .menu-mobile .menu ul li .sub-menu {
padding: 1rem;
background-color: rgba(255,255,255,0.1);
}
body header .menu-mobile .reseau-tel {
position: absolute;
top: 40%;
z-index: 999;
left: 50%;
transform: translateX(-50%);
}
body header .menu-mobile .reseau-tel a {
color: #fff;
display: inline-block;
padding: .2rem;
border: solid 1px #fff;
border-radius: 50%;
height: 28px;
width: 28px;
text-align: center;
line-height: 1.25;
}
body header .menu-mobile .reseau-tel a i {
color: #fff;
font-size: .95rem;
}
body header .menu-mobile .reseau-tel a.instagram {
margin: 0 .8rem;
}
body header .menu-mobile .reseau-tel a.telephone i {
font-size: .8rem;
transform: scaleX(-1);
}
body header .menu-mobile .connexion-panier {
top: 4%;
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 999;
}
body header .menu-mobile .connexion-panier .connexion .titre,
body header .menu-mobile .connexion-panier .panier .titre {
display: block;
}
body header .menu-mobile .connexion-panier .connexion .titre .picto,
body header .menu-mobile .connexion-panier .panier .titre .picto {
height: 22px;
width: 22px;
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
body header .menu-mobile .connexion-panier .connexion {
margin-bottom: 0;
}
body header .menu-mobile .connexion-panier .connexion .titre .picto {
background-image: url('../img/picto-connexion.png');
width: 20px;
height: 20px;
}
body header .menu-mobile .connexion-panier .panier {
position: relative;
}
body header .menu-mobile .connexion-panier .panier .quantiter {
background-color: #D9042C;
position: absolute;
right: 40px;
top: -10px;
width: 16px;
color: #fff;
font-size: .8rem;
line-height: 1.4;
text-align: center;
height: 16px;
border-radius: 50%;
}
body header .menu-mobile .connexion-panier .panier .titre .picto {
background-image: url('../img/picto-panier.png');
}
body header.portail {
background-color: #0E0F19;
}
body header.portail .logo {
position: relative;
}
body header.portail .logo::before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -75px;
background-color: #0E0F19;
width: 450px;
height: 225px;
border-bottom-left-radius: 225px;
border-bottom-right-radius: 225px;
z-index: 1;
}
body header.portail .logo a {
position: relative;
z-index: 10;
}
body header.portail .logo a img {
transform: translateY(1.5rem);
max-width: 85%;
margin: 0 auto;
display: block;
}
body header.portail .telephone,
body header.portail .adresse {
color: #fff;
letter-spacing: 1px;
}
body header.portail .telephone i,
body header.portail .adresse i {
margin-right: .3rem;
}
body header.portail .telephone a,
body header.portail .adresse a {
color: #fff;
}
body header.portail .telephone i {
transform: scaleX(-1);
}
body header.coffee {
position: absolute;
width: 100%;
top: 0;
left: 0;
right: 0;
z-index: 9999;
}
body header.coffee .logo {
margin-top: 1rem;
}
body header.coffee .logo a img {
max-width: 60%;
display: block;
}
body header.coffee .header-left {
padding-right: 0;
display: flex !important;
position: relative;
}
body header.coffee .header-left .header-top {
margin-bottom: 1rem;
}
body header.coffee .header-left .header-top .aws-container ::placeholder {
color: #fff;
font-size: 10px;
}
body header.coffee .header-left .header-top .aws-container .aws-search-form {
border-bottom: solid 1px #fff;
}
body header.coffee .header-left .header-top .aws-container .aws-search-form .aws-wrapper {
background-color: transparent;
}
body header.coffee .header-left .header-top .aws-container .aws-search-form .aws-search-btn svg {
color: #fff;
}
body header.coffee .header-left .header-top .aws-container .aws-search-form .aws-form-btn {
border: none;
background-color: transparent;
}
body header.coffee .header-left .header-top .aws-container .aws-search-field {
padding-right: 0;
background-color: transparent;
border: none;
color: #fff;
}
body header.coffee .header-left .header-top .connexion-panier .connexion .picto,
body header.coffee .header-left .header-top .connexion-panier .panier .picto {
height: 22px;
width: 22px;
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin-right: .5rem;
}
body header.coffee .header-left .header-top .connexion-panier .connexion .titre,
body header.coffee .header-left .header-top .connexion-panier .panier .titre {
display: block;
color: #fff;
font-size: .85rem;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body header.coffee .header-left .header-top .connexion-panier .connexion .titre:hover,
body header.coffee .header-left .header-top .connexion-panier .panier .titre:hover {
color: #D9042C;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body header.coffee .header-left .header-top .connexion-panier .connexion .picto {
background-image: url('../img/picto-connexion.png');
width: 20px;
height: 20px;
}
body header.coffee .header-left .header-top .connexion-panier .panier {
position: relative;
}
body header.coffee .header-left .header-top .connexion-panier .panier .quantiter {
background-color: #D9042C;
position: absolute;
right: 0;
top: -10px;
width: 16px;
color: #fff;
font-size: .8rem;
line-height: 1.4;
text-align: center;
height: 16px;
border-radius: 50%;
}
body header.coffee .header-left .header-top .connexion-panier .panier .titre {
color: #fff;
font-size: .85rem;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body header.coffee .header-left .header-top .connexion-panier .panier .titre:hover {
color: #D9042C;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body header.coffee .header-left .header-top .connexion-panier .panier .picto {
background-image: url('../img/picto-panier.png');
}
body header.coffee .header-left .menu {
padding-right: 0;
position: initial;
padding-left: 5px;
}
body header.coffee .header-left .menu ul {
display: block;
margin-left: auto;
text-align: left;
padding-left: 0;
margin-bottom: 0;
}
body header.coffee .header-left .menu ul li {
display: inline-block;
list-style-type: none;
margin: 0 .6rem;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body header.coffee .header-left .menu ul li {
margin: 0 .4rem;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
body header.coffee .header-left .menu ul li {
margin: 0 .3rem;
}
}
body header.coffee .header-left .menu ul li a {
text-transform: uppercase;
color: #fff;
font-weight: 300;
font-size: .9rem;
letter-spacing: 2px;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body header.coffee .header-left .menu ul li a {
letter-spacing: 1px;
font-size: .85rem;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
body header.coffee .header-left .menu ul li a {
letter-spacing: 0;
font-size: .85rem;
}
}
body header.coffee .header-left .menu ul li a:hover {
color: #D9042C;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body header.coffee .header-left .menu ul li:last-child {
margin-right: 0;
}
body header.coffee .header-left .menu ul li.current-menu-item a {
color: #D9042C;
}
body header.coffee .header-left .menu ul li >ul.sub-menu {
display: flex;
opacity: 0;
position: absolute;
visibility: hidden;
top: 100%;
z-index: 999;
left: 0;
right: 0;
height: 190px;
transform: translateY(2rem);
width: 100%;
background-color: #fff;
text-align: center;
justify-content: center;
align-items: flex-end;
z-index: -1;
transition: all .2s ease-in-out !important;
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important;
padding: 1rem 0;
}
body header.coffee .header-left .menu ul li >ul.sub-menu.active {
opacity: 1;
z-index: 50;
transform: translateY(0);
visibility: visible;
transition: all .6s ease-in-out !important;
-webkit-transition: all .6s ease-in-out !important;
-moz-transition: all .6s ease-in-out !important;
-o-transition: all .6s ease-in-out !important;
}
body header.coffee .header-left .menu ul li >ul.sub-menu li {
display: inline-block;
width: 20%;
}
body header.coffee .header-left .menu ul li >ul.sub-menu li a {
color: #0E0F19;
text-transform: uppercase;
position: relative;
margin-bottom: 1.5rem;
letter-spacing: 0px;
font-size: .8rem;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body header.coffee .header-left .menu ul li >ul.sub-menu li a::before {
content: "";
position: absolute;
left: 50%;
top: -7rem;
transform: translateX(-50%);
width: 95px;
height: 95px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body header.coffee .header-left .menu ul li >ul.sub-menu li a:hover {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
margin-bottom: 2rem;
}
body header.coffee .header-left .menu ul li >ul.sub-menu li a:hover::before {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
top: -7.5rem;
}
body header.coffee .header-left .menu ul li >ul.sub-menu li:nth-child(1) a::before {
background-image: url('../img/food.png');
}
body header.coffee .header-left .menu ul li >ul.sub-menu li:nth-child(2) a::before {
background-image: url('../img/soda.png');
}
body header.coffee .header-left .menu ul li >ul.sub-menu li:nth-child(3) a::before {
background-image: url('../img/muffin.png');
}
body header.coffee .header-left .menu ul li >ul.sub-menu li:nth-child(4) a::before {
background-image: url('../img/fruit.png');
}
body header.coffee .header-left .reseau-tel {
padding-left: 0;
}
body header.coffee .header-left .reseau-tel a {
color: #fff;
display: inline-block;
padding: .2rem;
border: solid 1px #fff;
border-radius: 50%;
height: 28px;
width: 28px;
text-align: center;
line-height: 1.25;
background-color: transparent;
}
body header.coffee .header-left .reseau-tel a i {
color: #fff;
font-size: .95rem;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body header.coffee .header-left .reseau-tel a:hover {
background-color: #fff;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body header.coffee .header-left .reseau-tel a:hover i {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
color: #0E0F19;
}
body header.coffee .header-left .reseau-tel a.instagram {
margin: 0 .5rem;
}
body header.coffee .header-left .reseau-tel a.telephone i {
font-size: .8rem;
transform: scaleX(-1);
}
body header.vape {
background-color: #0E0F19;
padding: 1.5rem 0 0 0;
width: 100%;
z-index: 999;
}
body header.vape .container {
max-width: 1240px;
padding: 0;
}
@media (min-width: 1200px) and (max-width: 1299.98px) {
body header.vape .container {
max-width: 1190px;
}
}
@media (min-width: 1100px) and (max-width: 1199.98px) {
body header.vape .container {
max-width: 1140px;
}
}
@media (min-width: 992px) and (max-width: 1099.98px) {
body header.vape .container {
max-width: 995px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body header.vape {
padding: 1rem 0 0 0;
}
}
body header.vape .logo a {
display: inline-block;
}
body header.vape .logo a img {
max-height: 100px;
display: block;
}
@media (min-width: 992px) and (max-width: 1299.98px) {
body header.vape .logo a img {
max-width: 85%;
}
}
body header.vape .search-bar .aws-container:placeholder {
color: #fff;
font-size: 10px;
}
body header.vape .search-bar .aws-container .aws-search-form {
border-bottom: solid 1px #fff;
}
body header.vape .search-bar .aws-container .aws-search-form .aws-wrapper {
background-color: transparent;
}
body header.vape .search-bar .aws-container .aws-search-form .aws-search-btn svg {
color: #fff;
}
body header.vape .search-bar .aws-container .aws-search-form .aws-form-btn {
border: none;
background-color: transparent;
}
body header.vape .search-bar .aws-container .aws-search-field {
padding-right: 0;
background-color: transparent;
border: none;
color: #fff;
}
body header.vape .connexion-panier .connexion .titre,
body header.vape .connexion-panier .panier .titre {
color: #fff;
font-size: .75rem;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body header.vape .connexion-panier .connexion .titre:hover,
body header.vape .connexion-panier .panier .titre:hover {
opacity: .6;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body header.vape .connexion-panier .connexion .picto,
body header.vape .connexion-panier .panier .picto {
height: 30px;
width: 30px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin-right: .5rem;
}
body header.vape .connexion-panier .connexion .picto {
background-image: url('../img/picto-connexion.png');
width: 28px;
height: 28px;
}
body header.vape .connexion-panier .panier {
position: relative;
}
body header.vape .connexion-panier .panier .quantiter {
background-color: #D9042C;
position: absolute;
right: 0;
top: -10px;
width: 18px;
color: #fff;
font-size: .85rem;
line-height: 1.4;
text-align: center;
height: 18px;
border-radius: 50%;
}
body header.vape .connexion-panier .panier .picto {
background-image: url('../img/picto-panier.png');
}
body header.vape #menu {
position: relative;
padding-right: 0;
padding-left: 0;
}
body header.vape #menu ul {
display: block;
margin-left: auto;
text-align: right;
padding-left: 0;
margin-bottom: 0;
}
body header.vape #menu ul li {
display: inline-block;
list-style-type: none;
margin: 0 .5rem;
}
@media (min-width: 1200px) and (max-width: 1299.98px) {
body header.vape #menu ul li {
margin: 0 .4rem;
}
}
@media (min-width: 1100px) and (max-width: 1199.98px) {
body header.vape #menu ul li {
margin: 0 .6rem;
}
}
@media (min-width: 992px) and (max-width: 1099.98px) {
body header.vape #menu ul li {
margin: 0 .4rem;
}
}
body header.vape #menu ul li a {
text-transform: uppercase;
color: #fff;
font-weight: 400;
font-size: 1.2rem;
letter-spacing: 1px;
display: inline-block;
padding: 1rem 0;
font-family: 'Bebas Neue', cursive;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body header.vape #menu ul li a {
font-size: .8rem;
}
}
body header.vape #menu ul li a:hover {
color: #D9042C;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body header.vape #menu ul li:last-child {
margin-right: 0;
}
body header.vape #menu ul li.current-menu-item a {
color: #D9042C;
}
body header.vape #menu ul li >ul.sub-menu {
display: flex;
opacity: 0;
position: absolute;
visibility: hidden;
top: 100%;
z-index: 999;
left: 0;
right: 0;
height: 210px;
transform: translateY(2rem);
width: 100%;
background-color: #fff;
text-align: center;
justify-content: center;
align-items: flex-end;
z-index: -1;
transition: all .2s ease-in-out !important;
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important;
}
body header.vape #menu ul li >ul.sub-menu.active {
opacity: 1;
z-index: 50;
transform: translateY(0);
visibility: visible;
transition: all .6s ease-in-out !important;
-webkit-transition: all .6s ease-in-out !important;
-moz-transition: all .6s ease-in-out !important;
-o-transition: all .6s ease-in-out !important;
}
body header.vape #menu ul li >ul.sub-menu li {
display: inline-block;
width: 20%;
}
body header.vape #menu ul li >ul.sub-menu li a {
color: #0E0F19;
text-transform: uppercase;
position: relative;
margin-bottom: 1.5rem;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
font-size: 1.15rem;
letter-spacing: 0;
}
body header.vape #menu ul li >ul.sub-menu li a figure {
position: absolute;
left: 50%;
top: -6rem;
transform: translateX(-50%);
width: 95px;
height: 95px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body header.vape #menu ul li >ul.sub-menu li a:hover {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
margin-bottom: 2rem;
}
body header.vape #menu ul li >ul.sub-menu li a:hover::before {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
top: -6.5rem;
}
body header.vape .header-left {
padding-right: 0;
position: static;
width: 100%;
padding-left: 0;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
opacity: 1;
}
body header.sticky {
background-color: #0E0F19;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
max-height: 80px;
position: fixed;
top: 0;
left: 0;
}
body header.sticky #top-header {
display: none;
}
body header.sticky #menu {
margin-top: -35px;
}
body header.sticky .logo,
body header.sticky .connexion-panier,
body header.sticky .search-bar {
margin-top: -7rem;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body header.sticky .logo img,
body header.sticky .connexion-panier img,
body header.sticky .search-bar img {
margin: 0 auto;
display: block;
}
body #reassurance {
padding: 5rem 0;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 36%;
width: 100%;
position: relative;
}
body #reassurance::before {
content: "";
position: absolute;
display: block;
z-index: 0;
background-color: rgba(0,0,0,0.7);
width: 100%;
height: 100%;
top: 0;
left: 0;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body #reassurance .container {
padding: 0;
}
body #reassurance .container .item {
position: relative;
z-index: 10;
}
body #reassurance .container .item:last-of-type .pictogramme {
height: 60px;
width: 60px;
}
body #reassurance .container .item .pictogramme {
height: 65px;
width: 65px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
body #reassurance .container .item .titre {
font-weight: 400;
text-transform: uppercase;
font-size: 1rem;
color: #fff;
letter-spacing: 1px;
margin-top: .5rem;
}
body #reassurance .container .item .sous-titre {
font-size: .8rem;
text-align: center;
font-weight: 400;
color: #fff;
letter-spacing: 1px;
}
body .btn-coffee {
position: fixed;
bottom: 0;
right: 0;
z-index: 9999;
}
body .btn-coffee a {
padding: .3rem .5rem;
color: #fff;
background-color: #342c26;
font-size: 1rem;
font-weight: 500;
text-transform: uppercase;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body .btn-coffee a:hover {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
background-color: #D9042C;
}
body .btn-boutique {
position: fixed;
bottom: 0;
right: 0;
z-index: 9999;
}
body .btn-boutique a {
padding: .3rem .8rem;
color: #fff;
background-color: #D9042C;
font-size: 1rem;
font-weight: 500;
text-transform: uppercase;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body .btn-boutique a:hover {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
background-color: #342c26;
}
body footer {
padding: 1rem;
position: relative;
}
body footer.portail,
body footer.coffee {
background-color: #0E0F19;
color: #fff;
font-size: .8rem;
}
body footer.portail img,
body footer.coffee img {
margin-right: .5rem;
}
body footer.portail a,
body footer.coffee a {
color: #fff;
font-size: .8rem;
}
body footer.vape {
padding: 0;
}
body footer.vape .vape-footer-top {
padding: 2rem 0;
}
body footer.vape .vape-footer-top .coordonner .horaire i,
body footer.vape .vape-footer-top .coordonner .adresse i,
body footer.vape .vape-footer-top .coordonner .telephone i {
height: 24px;
width: 24px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin-right: .5rem;
}
body footer.vape .vape-footer-top .coordonner .horaire i {
background-image: url('../img/clock-picto.png');
}
body footer.vape .vape-footer-top .coordonner .horaire .inner .jours,
body footer.vape .vape-footer-top .coordonner .horaire .inner .heures {
color: #0E0F19;
font-weight: 400;
font-size: 1rem;
}
body footer.vape .vape-footer-top .coordonner .horaire .inner .jours {
margin-right: .2rem;
}
body footer.vape .vape-footer-top .coordonner .adresse i {
background-image: url('../img/marker-picto.png');
}
body footer.vape .vape-footer-top .coordonner .adresse span {
color: #0E0F19;
font-weight: 400;
font-size: 1rem;
}
body footer.vape .vape-footer-top .coordonner .telephone i {
background-image: url('../img/tel-picto.png');
}
body footer.vape .vape-footer-top .coordonner .telephone a {
color: #0E0F19;
font-weight: 600;
font-size: 1.1rem;
}
body footer.vape .vape-footer-bottom {
padding: 1rem;
background-color: #0E0F19;
color: #fff;
font-size: .8rem;
}
body footer.vape .vape-footer-bottom img {
margin-right: .5rem;
}
body footer.vape .vape-footer-bottom a {
color: #fff;
font-size: .8rem;
}
body.page-id-8 #wrapper-home {
overflow: hidden;
position: relative;
}
body.page-id-8 #wrapper-home #twenty-coffee,
body.page-id-8 #wrapper-home #twenty-vaps {
width: 100vw;
height: 100vh;
position: relative;
overflow: hidden;
}
@media (min-width: 1200px) and (max-width: 1599.98px) {
body.page-id-8 #wrapper-home #twenty-coffee,
body.page-id-8 #wrapper-home #twenty-vaps {
height: 80vh;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.page-id-8 #wrapper-home #twenty-coffee,
body.page-id-8 #wrapper-home #twenty-vaps {
height: 75vh;
}
}
body.page-id-8 #wrapper-home #twenty-coffee figure,
body.page-id-8 #wrapper-home #twenty-vaps figure {
-webkit-transition: opacity 1s, -webkit-transform 1s;
transition: opacity 1s, transform 1s;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
transition: all 1s ease-in-out !important;
-webkit-transition: all 1s ease-in-out !important;
-moz-transition: all 1s ease-in-out !important;
-o-transition: all 1s ease-in-out !important;
}
body.page-id-8 #wrapper-home #twenty-coffee figure::before,
body.page-id-8 #wrapper-home #twenty-vaps figure::before {
content: "";
position: absolute;
display: block;
z-index: 0;
background-color: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.page-id-8 #wrapper-home #twenty-coffee:hover figure,
body.page-id-8 #wrapper-home #twenty-vaps:hover figure {
opacity: 1;
-webkit-transform: scale3d(1.1,1.1,1);
transform: scale3d(1.1,1.1,1);
transition: all 2s ease-in-out !important;
-webkit-transition: all 2s ease-in-out !important;
-moz-transition: all 2s ease-in-out !important;
-o-transition: all 2s ease-in-out !important;
}
body.page-id-8 #wrapper-home #twenty-coffee:hover figure::before,
body.page-id-8 #wrapper-home #twenty-vaps:hover figure::before {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
opacity: .7;
}
body.page-id-8 #wrapper-home #twenty-coffee:hover .inner,
body.page-id-8 #wrapper-home #twenty-vaps:hover .inner {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.page-id-8 #wrapper-home #twenty-coffee:hover .inner .hexagon,
body.page-id-8 #wrapper-home #twenty-vaps:hover .inner .hexagon {
transition: all .6s ease-in-out !important;
-webkit-transition: all .6s ease-in-out !important;
-moz-transition: all .6s ease-in-out !important;
-o-transition: all .6s ease-in-out !important;
opacity: .7;
}
body.page-id-8 #wrapper-home #twenty-coffee .inner,
body.page-id-8 #wrapper-home #twenty-vaps .inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.page-id-8 #wrapper-home #twenty-coffee .inner .hexagon,
body.page-id-8 #wrapper-home #twenty-vaps .inner .hexagon {
position: absolute;
opacity: 0;
transition: all .6s ease-in-out !important;
-webkit-transition: all .6s ease-in-out !important;
-moz-transition: all .6s ease-in-out !important;
-o-transition: all .6s ease-in-out !important;
top: -6%;
left: 50%;
transform: translate(-50%,-50%);
width: 490px;
height: 282.90px;
background-color: #000000;
margin: 141.45px 0;
}
body.page-id-8 #wrapper-home #twenty-coffee .inner .hexagon::before,
body.page-id-8 #wrapper-home #twenty-coffee .inner .hexagon::after,
body.page-id-8 #wrapper-home #twenty-vaps .inner .hexagon::before,
body.page-id-8 #wrapper-home #twenty-vaps .inner .hexagon::after {
content: "";
position: absolute;
width: 0;
border-left: 245px solid transparent;
border-right: 245px solid transparent;
}
body.page-id-8 #wrapper-home #twenty-coffee .inner .hexagon::before,
body.page-id-8 #wrapper-home #twenty-vaps .inner .hexagon::before {
bottom: 100%;
border-bottom: 141.45px solid #000000;
}
body.page-id-8 #wrapper-home #twenty-coffee .inner .hexagon::after,
body.page-id-8 #wrapper-home #twenty-vaps .inner .hexagon::after {
top: 100%;
width: 0;
border-top: 141.45px solid #000000;
}
body.page-id-8 #wrapper-home #twenty-coffee .inner .btn-entrer,
body.page-id-8 #wrapper-home #twenty-vaps .inner .btn-entrer {
margin-top: 1rem;
position: relative;
color: #fff;
z-index: 10;
padding: .3rem 2.5rem;
border: solid 1px #fff;
width: auto;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.page-id-8 #wrapper-home #twenty-coffee .inner .btn-entrer p,
body.page-id-8 #wrapper-home #twenty-vaps .inner .btn-entrer p {
font-weight: 300;
font-size: 1.9rem;
letter-spacing: 2px;
margin-bottom: 0;
}
body.page-id-8 #wrapper-home #twenty-coffee .inner .btn-entrer:hover,
body.page-id-8 #wrapper-home #twenty-vaps .inner .btn-entrer:hover {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
background-color: #fff;
color: #0E0F19;
}
body.page-id-8 #wrapper-home #twenty-coffee .inner .deco-top,
body.page-id-8 #wrapper-home #twenty-coffee .inner .deco-bottom,
body.page-id-8 #wrapper-home #twenty-vaps .inner .deco-top,
body.page-id-8 #wrapper-home #twenty-vaps .inner .deco-bottom {
z-index: 10;
position: relative;
width: 100%;
}
body.page-id-8 #wrapper-home #twenty-coffee .inner .deco-top img,
body.page-id-8 #wrapper-home #twenty-coffee .inner .deco-bottom img,
body.page-id-8 #wrapper-home #twenty-vaps .inner .deco-top img,
body.page-id-8 #wrapper-home #twenty-vaps .inner .deco-bottom img {
display: block;
margin: 0 auto;
max-width: 100%;
}
body.page-id-8 #wrapper-home #twenty-coffee .inner .titre,
body.page-id-8 #wrapper-home #twenty-vaps .inner .titre {
z-index: 10;
position: relative;
}
body.page-id-8 #wrapper-home #twenty-coffee .inner .titre h1,
body.page-id-8 #wrapper-home #twenty-vaps .inner .titre h1 {
font-weight: 800;
color: #fff;
text-align: center;
text-transform: uppercase;
font-size: 5rem;
position: relative;
letter-spacing: 2px;
}
body.page-id-8 #wrapper-home #twenty-coffee .inner .titre h1::before,
body.page-id-8 #wrapper-home #twenty-coffee .inner .titre h1::after,
body.page-id-8 #wrapper-home #twenty-vaps .inner .titre h1::before,
body.page-id-8 #wrapper-home #twenty-vaps .inner .titre h1::after {
content: "";
position: absolute;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 25px;
height: 10px;
top: 50%;
transform: translateY(-50%);
}
body.page-id-8 #wrapper-home #twenty-coffee .inner .titre h1::before,
body.page-id-8 #wrapper-home #twenty-vaps .inner .titre h1::before {
background-image: url('../img/deco-left-titre-main-portail.png');
left: -40px;
}
body.page-id-8 #wrapper-home #twenty-coffee .inner .titre h1::after,
body.page-id-8 #wrapper-home #twenty-vaps .inner .titre h1::after {
background-image: url('../img/deco-right-titre-main-portail.png');
right: -40px;
}
body.page-id-8 #wrapper-home #twenty-coffee .inner .btn-entrer p,
body.page-id-8 #wrapper-home #twenty-vaps .inner .btn-entrer p {
text-transform: uppercase;
font-size: 24px;
}
body.page-id-8 #grdp_barre_mini {
display: none !important;
}
body.blog #bandeau-top {
margin: 2rem 0;
}
body.blog #bandeau-top .titre h1 {
font-family: 'Poppins', sans-serif;
font-size: 3.5rem;
text-align: center;
color: #af1b21;
position: relative;
display: inline-block;
margin-left: 50%;
transform: translateX(-50%);
}
body.blog #bandeau-top .titre h1::before,
body.blog #bandeau-top .titre h1::after {
content: "";
position: absolute;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 25px;
height: 10px;
top: 50%;
transform: translateY(-50%);
}
body.blog #bandeau-top .titre h1::before {
background-image: url('../img/deco-left-titre-main-portail.png');
left: -50px;
}
body.blog #bandeau-top .titre h1::after {
background-image: url('../img/deco-right-titre-main-portail.png');
right: -50px;
}
body.blog #main-actus .ctn-actus {
margin-bottom: 1rem;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.blog #main-actus .ctn-actus .photo-actus {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 310px;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
position: relative;
overflow: hidden;
}
body.blog #main-actus .ctn-actus .photo-actus .inner {
width: 100%;
height: 100%;
background-color: rgba(175,27,33,0.8);
position: absolute;
padding: 2rem;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
left: -100%;
opacity: 0;
}
body.blog #main-actus .ctn-actus .photo-actus .inner .texte {
font-size: .8rem;
font-weight: 300;
text-align: justify;
color: #fff;
}
body.blog #main-actus .ctn-actus .photo-actus .inner .btn-actus {
color: #fff;
text-transform: uppercase;
font-size: 1rem;
font-weight: 500;
letter-spacing: 1px;
position: relative;
display: block;
margin-top: 2rem;
padding-left: 1.5rem;
margin-left: -150%;
}
body.blog #main-actus .ctn-actus .photo-actus .inner .btn-actus::before {
content: "";
position: absolute;
left: 0;
bottom: 7px;
background-color: #fff;
width: 20px;
height: 3px;
}
body.blog #main-actus .ctn-actus .ctn-message {
padding: 1rem;
border: solid 1px #af1b21;
}
body.blog #main-actus .ctn-actus .ctn-message h2 {
font-size: .9rem;
font-weight: 400;
text-transform: uppercase;
color: #342c26;
text-align: center;
}
body.blog #main-actus .ctn-actus:hover {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.blog #main-actus .ctn-actus:hover .photo-actus {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.blog #main-actus .ctn-actus:hover .photo-actus .inner {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
left: 0;
opacity: 1;
}
body.blog #main-actus .ctn-actus:hover .photo-actus .inner .texte {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.blog #main-actus .ctn-actus:hover .photo-actus .inner .btn-actus {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
margin-left: 0;
}
body.single #image-entete {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 15rem;
padding: 2rem;
position: relative;
}
body.single #image-entete::before {
content: "";
position: absolute;
left: 0;
top: 0;
background-color: #0E0F19;
width: 100%;
height: 100%;
opacity: .7;
}
body.single #image-entete .inner {
position: relative;
z-index: 5;
}
body.single #image-entete .inner .titre h1 {
font-family: 'Bebas Neue', cursive;
font-size: 3.5rem;
color: #fff;
position: relative;
display: inline-block;
}
body.single #image-entete .inner .btn-retour {
color: #fff;
font-size: 1rem;
text-transform: uppercase;
position: relative;
padding-left: 2rem;
}
body.single #image-entete .inner .btn-retour::before {
content: "";
position: absolute;
left: 0;
bottom: 7px;
background-color: #fff;
width: 25px;
height: 2px;
}
body.single .actus {
margin-top: 2rem;
}
body.single .actus .bloc-actus .image-actus {
height: 25rem;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
body.single .actus .bloc-actus .infos-actus {
padding: 0;
margin-top: 1rem;
}
body.single .actus .bloc-actus .infos-actus .titre {
font-size: 1.2rem;
font-weight: 500;
text-transform: uppercase;
color: #af1b21;
margin-bottom: 1rem;
}
body.single .actus .bloc-actus .infos-actus .texte p {
text-align: justify;
font-size: .85rem;
font-weight: 400;
line-height: 1.8;
}
body.single .actus .btn-retour {
color: #af1b21;
font-size: 1rem;
text-transform: uppercase;
position: relative;
padding-left: 2rem;
margin-bottom: 3rem;
display: block;
}
body.single .actus .btn-retour::before {
content: "";
position: absolute;
left: 0;
bottom: 7px;
background-color: #af1b21;
width: 25px;
height: 2px;
}
body.page-id-315 #bandeau-top {
margin: 2rem 0;
}
body.page-id-315 #bandeau-top .titre h1 {
font-family: 'Poppins', sans-serif;
font-size: 3.5rem;
text-align: center;
color: #af1b21;
position: relative;
display: inline-block;
margin-left: 50%;
transform: translateX(-50%);
}
body.page-id-315 #bandeau-top .titre h1::before,
body.page-id-315 #bandeau-top .titre h1::after {
content: "";
position: absolute;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 25px;
height: 10px;
top: 50%;
transform: translateY(-50%);
}
body.page-id-315 #bandeau-top .titre h1::before {
background-image: url('../img/deco-left-titre-main-portail.png');
left: -50px;
}
body.page-id-315 #bandeau-top .titre h1::after {
background-image: url('../img/deco-right-titre-main-portail.png');
right: -50px;
}
body.page-id-315 .video {
margin-bottom: 3rem;
}
body.page-id-315 .video .inner {
position: relative;
display: inline-block;
width: 100%;
padding: 0;
height: 300px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
body.page-id-315 .video .inner:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
}
body.page-id-315 .video .inner i {
position: relative;
color: #fff;
font-size: 2rem;
transition: all .2s ease-in-out !important;
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important;
}
body.page-id-315 .video .inner p {
position: relative;
font-size: .8rem;
text-transform: uppercase;
color: #fff;
text-align: center;
margin-top: .5rem;
margin-bottom: 0;
transition: all .2s ease-in-out !important;
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important;
}
body.page-id-315 .video .inner .titre-video h3 {
color: #fff;
text-align: center;
font-size: 1rem;
margin-top: 1.5rem;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
position: relative;
z-index: 5;
}
body.page-id-315 .video:hover,
body.page-id-315 .video:focus {
cursor: pointer;
}
body.page-id-315 .video:hover .inner:before,
body.page-id-315 .video:focus .inner:before {
background-color: rgba(0,0,0,0.2);
transition: all .2s ease-in-out !important;
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important;
}
body.page-id-315 .video:hover .inner i,
body.page-id-315 .video:focus .inner i {
transform: translateY(1.8rem);
transition: all .2s ease-in-out !important;
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important;
}
body.page-id-315 .video:hover .inner p,
body.page-id-315 .video:focus .inner p {
opacity: 0;
transform: translateY(2rem);
transition: all .2s ease-in-out !important;
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important;
}
body.page-id-315 .video:hover .inner .titre-video,
body.page-id-315 .video:focus .inner .titre-video {
opacity: 0;
transform: translateY(2.5rem);
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.page-id-22 {
margin-top: 0 !important;
}
body.page-id-22 header.coffee #titre-main-coffee {
display: none;
}
body.page-id-22 #entete {
height: 770px;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: top;
position: relative;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.page-id-22 #entete {
height: 550px;
}
}
body.page-id-22 #entete::before {
content: "";
position: absolute;
background-color: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 0;
}
body.page-id-22 #entete::after {
content: "";
position: absolute;
background: -moz-linear-gradient(top,rgba(84,61,44,0) 0%,#3d3128 71%,#342c26 100%);
background: -webkit-linear-gradient(top,rgba(84,61,44,0) 0%,#3d3128 71%,#342c26 100%);
background: linear-gradient(to bottom,rgba(84,61,44,0) 0%,#3d3128 71%,#342c26 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00543d2c',endColorstr='#342c26',GradientType=0);
width: 100%;
height: 100px;
left: 0;
bottom: 0;
z-index: 0;
}
body.page-id-22 #entete .inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
z-index: 150;
}
body.page-id-22 #entete .inner .deco-top,
body.page-id-22 #entete .inner .deco-bottom {
z-index: 10;
position: relative;
width: 100%;
}
body.page-id-22 #entete .inner .deco-top img,
body.page-id-22 #entete .inner .deco-bottom img {
display: block;
margin: 0 auto;
max-width: 100%;
}
body.page-id-22 #entete .inner .deco-bottom {
margin-top: .5rem;
}
body.page-id-22 #entete .inner .deco-top {
margin-bottom: .5rem;
}
body.page-id-22 #entete .inner .titre {
z-index: 10;
position: relative;
}
body.page-id-22 #entete .inner .titre h1 {
font-weight: 800;
color: #fff;
text-align: center;
text-transform: uppercase;
font-size: 5rem;
position: relative;
letter-spacing: 2px;
}
body.page-id-22 #entete .inner .titre h1::before,
body.page-id-22 #entete .inner .titre h1::after {
content: "";
position: absolute;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 25px;
height: 10px;
top: 50%;
transform: translateY(-50%);
}
body.page-id-22 #entete .inner .titre h1::before {
background-image: url('../img/deco-left-titre-main-portail.png');
left: -40px;
}
body.page-id-22 #entete .inner .titre h1::after {
background-image: url('../img/deco-right-titre-main-portail.png');
right: -40px;
}
body.page-id-22 #entete .inner .sous-titre {
z-index: 10;
position: relative;
}
body.page-id-22 #entete .inner .sous-titre h2 {
font-weight: 300;
color: #fff;
text-align: center;
text-transform: uppercase;
font-size: 2rem;
position: relative;
letter-spacing: 2px;
}
body.page-id-22 #le-concept {
padding-top: 12rem;
position: relative;
margin-bottom: 14rem;
}
body.page-id-22 #le-concept::before {
content: "";
position: absolute;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 380px;
height: 350px;
top: 50%;
transform: translateY(-50%);
background-image: url('../img/grain-cafer.png');
right: 0;
z-index: -1;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.page-id-22 #le-concept::before {
width: 180px;
height: 240px;
top: 30%;
}
}
body.page-id-22 #le-concept::after {
content: "";
position: absolute;
background-size: contain;
background-position: left;
background-repeat: no-repeat;
width: 550px;
height: 380px;
top: 50%;
left: 0;
background-image: url('../img/image-concept.jpg');
right: 0;
z-index: -1;
}
body.page-id-22 #le-concept .wrapper-concept {
position: relative;
}
body.page-id-22 #le-concept .wrapper-concept::before {
content: "";
position: absolute;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 120px;
height: 81px;
left: 50%;
transform: translateX(-50%);
background-image: url('../img/goutte-coffee.png');
top: -12.1rem;
}
body.page-id-22 #le-concept .wrapper-concept::after {
content: "";
position: absolute;
background-size: contain;
background-position: left;
background-repeat: no-repeat;
width: 70px;
height: 50px;
top: -5.5rem;
left: 50%;
transform: translateX(-50%);
background-image: url('../img/cup-coffee.png');
}
body.page-id-22 #le-concept .wrapper-concept .infos-concept {
position: relative;
padding-left: 4rem;
}
body.page-id-22 #le-concept .wrapper-concept .infos-concept .titre-concept {
font-family: 'Poppins', sans-serif;
font-size: 3.5rem;
text-align: center;
color: #af1b21;
position: relative;
}
body.page-id-22 #le-concept .wrapper-concept .infos-concept .titre-concept::before,
body.page-id-22 #le-concept .wrapper-concept .infos-concept .titre-concept::after {
content: "";
position: absolute;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 25px;
height: 10px;
top: 50%;
transform: translateY(-50%);
}
body.page-id-22 #le-concept .wrapper-concept .infos-concept .titre-concept::before {
background-image: url('../img/deco-left-titre-main-portail.png');
left: -50px;
}
body.page-id-22 #le-concept .wrapper-concept .infos-concept .titre-concept::after {
background-image: url('../img/deco-right-titre-main-portail.png');
right: -50px;
}
body.page-id-22 #le-concept .wrapper-concept .infos-concept .sous-titre-concept {
font-size: 1.4rem;
text-align: center;
font-weight: 700;
text-transform: uppercase;
color: #342c26;
margin-bottom: 1.5rem;
}
body.page-id-22 #le-concept .wrapper-concept .infos-concept .texte-concept {
font-size: .9rem;
font-weight: 400;
color: #342c26;
line-height: 1.8;
text-align: justify;
}
body.page-id-22 #le-concept .wrapper-concept #slider-galerie {
position: relative;
border: solid 8px #fff;
}
body.page-id-22 #le-concept .wrapper-concept #slider-galerie::before {
position: absolute;
content: "";
background-color: #0E0F19;
opacity: .3;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
body.page-id-22 #le-concept .wrapper-concept #slider-galerie .owl-stage {
margin: 0 auto;
}
body.page-id-22 #le-concept .wrapper-concept #slider-galerie .owl-stage .owl-item {
height: 340px;
overflow: hidden;
align-items: center;
display: inline-flex;
}
body.page-id-22 #le-concept .wrapper-concept #slider-galerie .owl-stage .owl-item a {
display: block;
width: 100%;
height: 100%;
}
body.page-id-22 #le-concept .wrapper-concept #slider-galerie .owl-stage .owl-item a .item {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
body.page-id-22 #le-concept .wrapper-concept #slider-galerie .owl-nav {
position: absolute;
bottom: .5rem;
width: 100%;
z-index: 50;
}
body.page-id-22 #le-concept .wrapper-concept #slider-galerie .owl-nav .owl-prev,
body.page-id-22 #le-concept .wrapper-concept #slider-galerie .owl-nav .owl-next {
position: absolute;
bottom: 0;
outline: none;
border: none;
}
body.page-id-22 #le-concept .wrapper-concept #slider-galerie .owl-nav .owl-prev span,
body.page-id-22 #le-concept .wrapper-concept #slider-galerie .owl-nav .owl-next span {
color: #fff;
font-weight: 300;
font-size: 2.5rem;
}
body.page-id-22 #le-concept .wrapper-concept #slider-galerie .owl-nav .owl-prev {
left: 1rem;
}
body.page-id-22 #le-concept .wrapper-concept #slider-galerie .owl-nav .owl-next {
right: 1rem;
}
body.page-id-22 #reseaux {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
padding: 6rem 0;
position: relative;
}
body.page-id-22 #reseaux::before {
content: "";
position: absolute;
background-color: rgba(0,0,0,0.4);
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 0;
}
body.page-id-22 #reseaux .texte {
color: #fff;
font-weight: 300;
position: relative;
z-index: 10;
margin-bottom: 1rem;
font-size: 1.3rem;
letter-spacing: 1px;
}
body.page-id-22 #reseaux .reseaux-lien {
position: relative;
z-index: 10;
}
body.page-id-22 #reseaux .reseaux-lien a {
color: #fff;
display: inline-block;
padding: .2rem;
border: solid 1px #fff;
border-radius: 50%;
height: 40px;
width: 40px;
text-align: center;
line-height: 2.2;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
background-color: transparent;
}
body.page-id-22 #reseaux .reseaux-lien a i {
color: #fff;
font-size: 1.4rem;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.page-id-22 #reseaux .reseaux-lien a:hover {
background-color: #fff;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.page-id-22 #reseaux .reseaux-lien a:hover i {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
color: #0E0F19;
}
body.page-id-22 #reseaux .reseaux-lien a.instagram {
margin: 0 .5rem;
}
body.page-id-22 #la-carte {
margin-top: 3rem;
margin-bottom: 4rem;
}
body.page-id-22 #la-carte .titre-carte {
font-family: 'Bebas Neue', cursive;
font-size: 3.5rem;
text-align: center;
color: #af1b21;
position: relative;
display: inline-block;
margin-left: 50%;
transform: translateX(-50%);
}
body.page-id-22 #la-carte .titre-carte::before,
body.page-id-22 #la-carte .titre-carte::after {
content: "";
position: absolute;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 25px;
height: 10px;
top: 50%;
transform: translateY(-50%);
}
body.page-id-22 #la-carte .titre-carte::before {
background-image: url('../img/deco-left-titre-main-portail.png');
left: -50px;
}
body.page-id-22 #la-carte .titre-carte::after {
background-image: url('../img/deco-right-titre-main-portail.png');
right: -50px;
}
body.page-id-22 #la-carte .sous-titre-carte {
font-size: 1.4rem;
text-align: center;
font-weight: 700;
text-transform: uppercase;
color: #342c26;
margin-bottom: 1.5rem;
}
body.page-id-22 #la-carte .specialiter {
margin-top: 2.5rem;
}
body.page-id-22 #la-carte .specialiter .inner .photo {
width: 300px;
height: 300px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
border-radius: 50%;
margin: 0 auto;
display: block;
}
body.page-id-22 #la-carte .specialiter .inner .titre {
font-size: 1.2rem;
text-align: center;
font-weight: 700;
color: #c1ab9b;
margin-bottom: 1.5rem;
margin-top: 2rem;
}
body.page-id-22 #la-carte .specialiter .inner .produits {
min-height: 18rem;
}
body.page-id-22 #la-carte .specialiter .inner .produits .item-produit {
margin-bottom: 1rem;
}
body.page-id-22 #la-carte .specialiter .inner .produits .item-produit .nom-produit {
color: #0E0F19;
font-size: 1rem;
font-weight: 500;
}
body.page-id-22 #la-carte .specialiter .inner .produits .item-produit .description-produit {
color: #333333;
font-size: .85rem;
font-weight: 400;
}
body.page-id-22 #la-carte .specialiter .inner .btn-produit {
background-color: #af1b21;
color: #fff;
font-size: 1rem;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
width: 100%;
display: block;
margin-top: 2rem;
text-align: center;
padding: .5rem 1rem;
letter-spacing: 1px;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.page-id-22 #la-carte .specialiter .inner .btn-produit:hover {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
background-color: #c1ab9b;
}
body.page-id-22 #la-carte .specialiter:nth-child(1) .inner .photo {
background-position: right;
}
body.page-id-22 #actualites {
margin-top: 6rem;
margin-bottom: 5rem;
position: relative;
}
body.page-id-22 #actualites::before {
content: "";
position: absolute;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 350px;
height: 350px;
top: -2rem;
background-image: url('../img/grain-actus.png');
left: 2rem;
}
body.page-id-22 #actualites .titre-actus {
font-family: 'Bebas Neue', cursive;
font-size: 3.5rem;
text-align: center;
color: #af1b21;
position: relative;
display: inline-block;
margin-bottom: 2rem;
margin-left: 50%;
transform: translateX(-50%);
}
body.page-id-22 #actualites .titre-actus::before,
body.page-id-22 #actualites .titre-actus::after {
content: "";
position: absolute;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 25px;
height: 10px;
top: 50%;
transform: translateY(-50%);
}
body.page-id-22 #actualites .titre-actus::before {
background-image: url('../img/deco-left-titre-main-portail.png');
left: -50px;
}
body.page-id-22 #actualites .titre-actus::after {
background-image: url('../img/deco-right-titre-main-portail.png');
right: -50px;
}
body.page-id-22 #actualites #slider-actus .owl-stage {
margin: 0 auto;
}
body.page-id-22 #actualites #slider-actus .owl-stage .owl-item {
overflow: hidden;
align-items: center;
display: inline-flex;
}
body.page-id-22 #actualites #slider-actus .owl-stage .owl-item .ctn-actus {
margin-bottom: 1rem;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.page-id-22 #actualites #slider-actus .owl-stage .owl-item .ctn-actus .photo-actus {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 310px;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
position: relative;
overflow: hidden;
}
body.page-id-22 #actualites #slider-actus .owl-stage .owl-item .ctn-actus .photo-actus .inner {
width: 100%;
height: 100%;
background-color: rgba(175,27,33,0.8);
position: absolute;
padding: 2rem;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
left: -100%;
opacity: 0;
}
body.page-id-22 #actualites #slider-actus .owl-stage .owl-item .ctn-actus .photo-actus .inner .btn-actus {
color: #fff;
text-transform: uppercase;
font-size: 1rem;
font-weight: 500;
letter-spacing: 1px;
position: relative;
display: block;
margin-top: 2rem;
padding-left: 1.5rem;
margin-left: -150%;
}
body.page-id-22 #actualites #slider-actus .owl-stage .owl-item .ctn-actus .photo-actus .inner .btn-actus::before {
content: "";
position: absolute;
left: 0;
bottom: 7px;
background-color: #fff;
width: 20px;
height: 3px;
}
body.page-id-22 #actualites #slider-actus .owl-stage .owl-item .ctn-actus .ctn-message {
padding: 1rem;
border: solid 1px #af1b21;
}
body.page-id-22 #actualites #slider-actus .owl-stage .owl-item .ctn-actus .ctn-message h2 {
font-size: .9rem;
font-weight: 400;
text-transform: uppercase;
color: #342c26;
text-align: center;
}
body.page-id-22 #actualites #slider-actus .owl-stage .owl-item .ctn-actus:hover {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.page-id-22 #actualites #slider-actus .owl-stage .owl-item .ctn-actus:hover .photo-actus {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.page-id-22 #actualites #slider-actus .owl-stage .owl-item .ctn-actus:hover .photo-actus .inner {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
left: 0;
opacity: 1;
}
body.page-id-22 #actualites #slider-actus .owl-stage .owl-item .ctn-actus:hover .photo-actus .inner .texte {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.page-id-22 #actualites #slider-actus .owl-stage .owl-item .ctn-actus:hover .photo-actus .inner .btn-actus {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
margin-left: 0;
}
body.page-id-22 #actualites #slider-actus .owl-nav {
position: absolute;
top: 36%;
transform: translateY(-50%);
width: 100%;
z-index: 50;
}
body.page-id-22 #actualites #slider-actus .owl-nav .owl-prev,
body.page-id-22 #actualites #slider-actus .owl-nav .owl-next {
position: absolute;
outline: none;
border: none;
width: 50px;
height: 50px;
background-color: #fff;
border-radius: 50%;
}
body.page-id-22 #actualites #slider-actus .owl-nav .owl-prev::before,
body.page-id-22 #actualites #slider-actus .owl-nav .owl-next::before {
position: absolute;
content: "";
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 15px;
height: 20px;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
body.page-id-22 #actualites #slider-actus .owl-nav .owl-prev span,
body.page-id-22 #actualites #slider-actus .owl-nav .owl-next span {
display: none;
}
body.page-id-22 #actualites #slider-actus .owl-nav .owl-prev {
left: -1.8rem;
}
body.page-id-22 #actualites #slider-actus .owl-nav .owl-prev::before {
background-image: url('../img/prev-black.png');
}
body.page-id-22 #actualites #slider-actus .owl-nav .owl-next {
right: -1.8rem;
}
body.page-id-22 #actualites #slider-actus .owl-nav .owl-next::before {
background-image: url('../img/next-black.png');
}
body.page-id-22 #contact {
padding: 3rem;
position: relative;
}
body.page-id-22 #contact::before {
content: "";
position: absolute;
background-color: #342c26;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: .5;
mix-blend-mode: multiply;
}
body.page-id-22 #contact .infos-client {
position: relative;
z-index: 15;
}
body.page-id-22 #contact .infos-client .titre {
margin-bottom: 2rem;
}
body.page-id-22 #contact .infos-client .titre h2 {
color: #fff;
font-size: 2.5rem;
font-family: 'Poppins', sans-serif;
letter-spacing: 1px;
opacity: .8;
}
body.page-id-22 #contact .infos-client .adresse,
body.page-id-22 #contact .infos-client .telephone,
body.page-id-22 #contact .infos-client .horaire {
margin-bottom: 1.3rem;
}
body.page-id-22 #contact .infos-client .adresse i,
body.page-id-22 #contact .infos-client .telephone i,
body.page-id-22 #contact .infos-client .horaire i {
color: #fff;
font-size: 1.5rem;
margin-right: 1rem;
}
body.page-id-22 #contact .infos-client .adresse span,
body.page-id-22 #contact .infos-client .adresse a,
body.page-id-22 #contact .infos-client .adresse div,
body.page-id-22 #contact .infos-client .telephone span,
body.page-id-22 #contact .infos-client .telephone a,
body.page-id-22 #contact .infos-client .telephone div,
body.page-id-22 #contact .infos-client .horaire span,
body.page-id-22 #contact .infos-client .horaire a,
body.page-id-22 #contact .infos-client .horaire div {
color: #fff;
letter-spacing: 1px;
}
body.page-id-22 #contact .infos-client .telephone i {
font-size: 1.2rem;
transform: scaleX(-1);
}
body.page-id-22 #contact .infos-client .telephone a {
font-size: 1.5rem;
font-weight: 500;
}
body.page-id-22 #contact .infos-client .adresse i {
font-size: 1.7rem;
}
body.page-id-22 #contact .infos-client .horaire {
margin-bottom: 0;
}
body.page-id-22 #contact .formulaire {
position: relative;
z-index: 15;
}
body.page-id-22 #contact .formulaire .titre {
margin-bottom: 1.5rem;
}
body.page-id-22 #contact .formulaire .titre h2 {
text-transform: uppercase;
font-weight: 300;
color: #fff;
font-size: 2.5rem;
letter-spacing: 1px;
}
body.page-id-22 #contact .formulaire .form #nf-form-1-cont input,
body.page-id-22 #contact .formulaire .form #nf-form-1-cont textarea {
padding: 0 .5rem;
outline: none;
transition: all 0.3s ease-in-out !important;
-webkit-transition: all 0.3s ease-in-out !important;
-moz-transition: all 0.3s ease-in-out !important;
-o-transition: all 0.3s ease-in-out !important;
font-weight: 300;
color: #fff;
border: none;
font-size: 12px;
background-color: rgba(0,0,0,0.5);
}
body.page-id-22 #contact .formulaire .form #nf-form-1-cont ::placeholder {
color: #fff;
}
body.page-id-22 #contact .formulaire .form #nf-form-1-cont textarea {
height: 180px;
padding: .5rem;
}
body.page-id-22 #contact .formulaire .form #nf-form-1-cont label {
display: none;
}
body.page-id-22 #contact .formulaire .form #nf-form-1-cont .nf-field-container {
margin-bottom: 15px;
}
body.page-id-22 #contact .formulaire .form #nf-form-1-cont .submit-wrap {
text-align: left;
}
body.page-id-22 #contact .formulaire .form #nf-form-1-cont .submit-wrap input {
color: #0E0F19;
background-color: #fff;
border: none;
font-weight: 500;
text-transform: uppercase;
padding: 0.4rem 2rem;
cursor: pointer;
letter-spacing: 2px;
width: auto;
height: 35px !important;
float: right;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
@media screen and (max-width: 576px) {
body.page-id-22 #contact .formulaire .form #nf-form-1-cont .submit-wrap input {
width: 100%;
}
}
body.page-id-22 #contact .formulaire .form #nf-form-1-cont .submit-wrap input:hover {
background-color: #0E0F19;
color: #fff;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.page-id-22 #contact .formulaire .form #nf-form-1-cont .nf-form-fields-required {
display: none;
}
body.page-id-22 #contact .formulaire .form #nf-form-1-cont .nf-error-msg {
font-weight: 300;
font-size: 12px;
color: #D9042C;
}
body.page-id-76 #concept {
position: relative;
margin: 6rem 0 12rem 0;
}
body.page-id-76 #concept .fond-concept {
content: "";
position: absolute;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 645px;
height: 600px;
top: 50%;
transform: translateY(-50%);
right: 0;
z-index: -1;
}
@media (min-width: 1300px) and (max-width: 1439.98px) {
body.page-id-76 #concept .fond-concept {
width: 500px;
height: 580px;
}
}
@media (min-width: 1200px) and (max-width: 1299.98px) {
body.page-id-76 #concept .fond-concept {
width: 450px;
height: 580px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.page-id-76 #concept .fond-concept {
width: 400px;
height: 600px;
}
}
body.page-id-76 #concept .wrapper-concept {
position: relative;
}
body.page-id-76 #concept .wrapper-concept .infos-concept {
padding-right: 6rem;
padding-top: 2rem;
padding-bottom: 2rem;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.page-id-76 #concept .wrapper-concept .infos-concept {
padding-right: 3rem;
}
}
body.page-id-76 #concept .wrapper-concept .infos-concept .titre-concept {
font-size: 2rem;
color: #af1b21;
text-transform: uppercase;
margin-bottom: 1.5rem;
position: relative;
}
body.page-id-76 #concept .wrapper-concept .infos-concept .titre-concept::before {
content: "";
position: absolute;
background-color: #af1b21;
width: 60%;
height: 1px;
bottom: -0.5rem;
left: 0;
}
body.page-id-76 #concept .wrapper-concept .infos-concept .texte-concept {
font-size: .9rem;
font-weight: 400;
color: #0E0F19;
line-height: 2;
text-align: justify;
}
body.page-id-76 #concept .wrapper-concept .image-concept {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
border: solid 8px #fff;
}
body.page-id-76 #etapes .item-etape {
position: relative;
}
body.page-id-76 #etapes .item-etape:first-child::before {
content: "";
position: absolute;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-image: url('../img/tracer-1-concept.png');
width: 150px;
height: 35px;
top: -1rem;
right: -50px;
}
body.page-id-76 #etapes .item-etape:last-child::before {
content: "";
position: absolute;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-image: url('../img/tracer-2-concept.png');
width: 190px;
height: 50px;
bottom: -1rem;
left: -100px;
}
body.page-id-76 #etapes .item-etape .inner .chiffre {
color: #D9042C;
font-size: 9rem;
font-family: 'Bebas Neue', cursive;
margin-right: 1rem;
}
body.page-id-76 #etapes .item-etape .inner .description {
color: #0E0F19;
font-weight: 600;
font-size: 1.1rem;
text-align: center;
}
body.page-id-76 #service {
position: relative;
margin: 12rem 0 6rem 0;
}
body.page-id-76 #service .fond-service {
content: "";
position: absolute;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 645px;
height: 600px;
top: 52%;
transform: translateY(-50%);
left: 0;
z-index: -1;
}
@media (min-width: 1300px) and (max-width: 1439.98px) {
body.page-id-76 #service .fond-service {
width: 500px;
height: 580px;
}
}
@media (min-width: 1200px) and (max-width: 1299.98px) {
body.page-id-76 #service .fond-service {
width: 450px;
height: 580px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.page-id-76 #service .fond-service {
width: 400px;
height: 600px;
}
}
body.page-id-76 #service .wrapper-service {
position: relative;
}
body.page-id-76 #service .wrapper-service .infos-service {
padding-left: 6rem;
padding-top: 4rem;
padding-bottom: 4rem;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.page-id-76 #service .wrapper-service .infos-service {
padding-left: 3rem;
}
}
body.page-id-76 #service .wrapper-service .infos-service .titre-service {
font-size: 2rem;
color: #af1b21;
text-transform: uppercase;
margin-bottom: 1.5rem;
position: relative;
}
body.page-id-76 #service .wrapper-service .infos-service .titre-service::before {
content: "";
position: absolute;
background-color: #af1b21;
width: 60%;
height: 1px;
bottom: -0.5rem;
left: 0;
}
body.page-id-76 #service .wrapper-service .infos-service .texte-service {
font-size: .9rem;
font-weight: 400;
color: #0E0F19;
line-height: 2;
text-align: justify;
}
body.page-id-76 #service .wrapper-service .infos-service .list-service {
margin-top: 1rem;
}
body.page-id-76 #service .wrapper-service .infos-service .list-service ul {
padding-left: 1rem;
}
body.page-id-76 #service .wrapper-service .infos-service .list-service ul li {
margin-bottom: .5rem;
font-weight: 600;
font-size: .9rem;
list-style-type: none;
position: relative;
}
body.page-id-76 #service .wrapper-service .infos-service .list-service ul li::before {
content: "";
position: absolute;
width: 8px;
height: 8px;
top: 6px;
border: solid 1px #0E0F19;
border-radius: 50%;
left: -15px;
}
body.page-id-76 #service .wrapper-service .image-service {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
border: solid 8px #fff;
}
body.page-id-76 #team {
position: relative;
margin: 13rem 0 5rem 0;
}
body.page-id-76 #team .bg-team {
content: "";
position: absolute;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 250px;
top: -6rem;
left: 0;
z-index: -1;
display: none;
}
body.page-id-76 #team .wrapper-team {
position: relative;
}
body.page-id-76 #team .wrapper-team .item-team {
padding: 0 2rem;
}
body.page-id-76 #team .wrapper-team .item-team .inner .photo {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 260px;
height: 260px;
}
body.page-id-76 #team .wrapper-team .item-team .inner .nom-membre {
font-family: 'Fredericka the Great';
font-weight: normal;
font-style: normal;
font-size: 3rem;
}
body.page-id-76 #team .wrapper-team .item-team .inner .presentation {
text-align: center;
font-weight: 400;
font-size: .85rem;
}
body.page-id-76 #equipe-question {
position: relative;
margin: 6rem 0;
}
body.page-id-76 #equipe-question .infos-equipe .titre-equipe {
font-size: 2rem;
color: #D9042C;
text-transform: uppercase;
margin-bottom: 2rem;
position: relative;
font-weight: 600;
}
body.page-id-76 #equipe-question .infos-equipe .titre-equipe::before {
content: "";
position: absolute;
background-color: #D9042C;
width: 60%;
height: 1px;
bottom: -0.5rem;
left: 0;
}
body.page-id-76 #equipe-question .infos-equipe .texte-equipe {
color: #0E0F19;
font-weight: 400;
font-size: .85rem;
text-align: justify;
line-height: 2;
}
body.page-id-76 #equipe-question .infos-equipe .texte-equipe strong {
font-weight: 600;
}
body.page-id-76 #equipe-question .question .inner .titre-question {
font-size: 2rem;
color: #D9042C;
text-transform: uppercase;
margin-bottom: 2rem;
position: relative;
font-weight: 600;
}
body.page-id-76 #equipe-question .question .inner .titre-question::before {
content: "";
position: absolute;
background-color: #D9042C;
width: 80%;
height: 1px;
bottom: -0.5rem;
left: 0;
}
body.page-id-76 #equipe-question .question .inner .texte-question {
color: #0E0F19;
font-weight: 400;
font-size: .85rem;
text-align: justify;
line-height: 2;
}
body.page-id-76 #equipe-question .question .inner a {
font-weight: 700;
font-size: 1.4rem;
position: relative;
display: inline-block;
color: #0E0F19;
text-decoration: none;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.page-id-76 #equipe-question .question .inner a::before {
content: "";
position: absolute;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-image: url('../img/picto-question-equipe.png');
width: 40px;
height: 40px;
right: 6rem;
bottom: 0;
}
body.page-id-76 #equipe-question .question .inner a:hover {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
color: #D9042C;
}
body.page-id-74 #main-slider {
width: 100%;
}
body.page-id-74 #main-slider .owl-nav {
display: none;
}
body.page-id-74 #main-slider .owl-stage-outer {
height: 20rem;
}
body.page-id-74 #main-slider .owl-stage,
body.page-id-74 #main-slider .owl-item,
body.page-id-74 #main-slider .item {
height: 100%;
}
body.page-id-74 #main-slider .item {
position: relative;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
display: -moz-flex;
display: -webkit-flex;
align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
justify-content: center;
-moz-justify-content: center;
-webkit-justify-content: center;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
body.page-id-74 #main-slider .item:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
}
body.page-id-74 #main-slider .item .titre,
body.page-id-74 #main-slider .item .sous-titre,
body.page-id-74 #main-slider .item .cta {
display: block;
width: 100%;
z-index: 10;
color: #fff;
}
body.page-id-74 #main-slider .item .titre {
text-transform: uppercase;
font-weight: 700;
text-align: center;
letter-spacing: 2px;
font-size: 2rem;
}
body.page-id-74 #main-slider .item .sous-titre {
font-weight: 400;
text-align: center;
letter-spacing: 1px;
font-size: 1.5rem;
}
body.page-id-74 #main-slider .item .cta {
margin-top: 2rem;
}
body.page-id-74 #main-slider .item .cta a {
display: inline-block;
padding: .7rem 1.5rem;
color: #fff;
text-transform: uppercase;
font-size: .9rem;
letter-spacing: 1px;
border: 2px solid #fff;
transition: all .3s ease-in-out !important;
-webkit-transition: all .3s ease-in-out !important;
-moz-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;
}
body.page-id-74 #main-slider .item .cta a:hover,
body.page-id-74 #main-slider .item .cta a:focus {
color: #D9042C;
border: 2px solid #D9042C;
}
body.page-id-74 #entete {
position: relative;
}
body.page-id-74 #list-produit {
padding: 3rem 0;
background-color: #E8E9EB;
}
body.page-id-74 #list-produit #pills-tab {
margin-bottom: 2rem;
border-bottom: 1px solid #D9042C;
flex-wrap: nowrap;
text-align: center;
}
body.page-id-74 #list-produit #pills-tab li {
cursor: pointer;
display: flex;
align-items: flex-end;
}
body.page-id-74 #list-produit #pills-tab li:not(:first-child) {
margin-left: 0.5rem;
}
body.page-id-74 #list-produit #pills-tab li a {
color: #0E0F19;
border-top: 2px solid #cccccc;
border-left: 2px solid #cccccc;
border-right: 2px solid #cccccc;
font-weight: 700;
padding: 1rem 2rem;
border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-o-border-radius: 0 !important;
transition: all .3s ease-in-out !important;
-webkit-transition: all .3s ease-in-out !important;
-moz-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;
}
body.page-id-74 #list-produit #pills-tab li a:hover,
body.page-id-74 #list-produit #pills-tab li a:focus {
color: #D9042C;
border-color: #D9042C;
}
body.page-id-74 #list-produit #pills-tab li a.active {
color: #D9042C;
background-color: transparent;
border-color: #D9042C;
padding: 1.5rem 2rem;
}
body.page-id-74 #list-produit .products {
padding-left: 0;
width: 100%;
}
body.page-id-74 #list-produit .products li {
display: inline-block;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
padding: 0 1rem;
border-radius: 30px !important;
-webkit-border-radius: 30px !important;
-moz-border-radius: 30px !important;
-o-border-radius: 30px !important;
position: relative;
margin-bottom: 2rem;
}
@media (max-width: 1200px) {
body.page-id-74 #list-produit .products li {
padding: 0 .8rem;
}
}
@media (max-width: 992px) {
body.page-id-74 #list-produit .products li {
padding: 0 .65rem;
}
}
@media (max-width: 767px) {
body.page-id-74 #list-produit .products li {
padding: 0 .7rem;
}
}
@media (max-width: 500px) {
body.page-id-74 #list-produit .products li {
padding: 0 .6rem;
}
}
@media (max-width: 400px) {
body.page-id-74 #list-produit .products li {
padding: 0 8px;
}
}
body.page-id-74 #list-produit .products li::before {
pointer-events: none;
content: "";
position: absolute;
width: 88%;
height: 100%;
border: solid 2px #0E0F19;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 3;
border-radius: 30px !important;
}
body.page-id-74 #list-produit .products li * {
z-index: 3;
}
body.page-id-74 #list-produit .products li .onsale {
position: absolute;
top: 0;
right: 15px;
background-color: #D9042C;
color: #fff;
padding: .2rem .5rem;
text-transform: uppercase;
font-size: .8rem;
z-index: 4;
}
body.page-id-74 #list-produit .products li .single-product-left .single-product-slider {
height: 150px;
}
body.page-id-74 #list-produit .products li .single-product-left .single-product-slider .owl-stage-outer,
body.page-id-74 #list-produit .products li .single-product-left .single-product-slider .owl-stage,
body.page-id-74 #list-produit .products li .single-product-left .single-product-slider .owl-item,
body.page-id-74 #list-produit .products li .single-product-left .single-product-slider .item {
height: 100%;
border-radius: 30px 30px 0 0 !important;
-webkit-border-radius: 30px 30px 0 0 !important;
-moz-border-radius: 30px 30px 0 0 !important;
-o-border-radius: 30px 30px 0 0 !important;
}
body.page-id-74 #list-produit .products li .single-product-left .single-product-slider .owl-stage {
background-color: white;
}
body.page-id-74 #list-produit .products li .single-product-left .single-product-slider .item {
position: relative;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
body.page-id-74 #list-produit .products li .single-product-left .single-product-slider .item a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
body.page-id-74 #list-produit .products li .single-product-left .single-product-slider .owl-nav >.owl-prev,
body.page-id-74 #list-produit .products li .single-product-left .single-product-slider .owl-nav >.owl-next {
position: absolute;
top: 50%;
font-size: 2rem;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
opacity: 0;
transition: all .3s ease-in-out !important;
-webkit-transition: all .3s ease-in-out !important;
-moz-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;
z-index: 10;
}
body.page-id-74 #list-produit .products li .single-product-left .single-product-slider .owl-nav >.owl-prev {
left: .5rem;
}
body.page-id-74 #list-produit .products li .single-product-left .single-product-slider .owl-nav >.owl-next {
right: .5rem;
}
body.page-id-74 #list-produit .products li .single-product-left .single-product-slider:hover .owl-nav >.owl-prev,
body.page-id-74 #list-produit .products li .single-product-left .single-product-slider:hover .owl-nav >.owl-next,
body.page-id-74 #list-produit .products li .single-product-left .single-product-slider:focus .owl-nav >.owl-prev,
body.page-id-74 #list-produit .products li .single-product-left .single-product-slider:focus .owl-nav >.owl-next {
opacity: 1;
}
body.page-id-74 #list-produit .products li .img-produit {
height: 10rem;
width: 100%;
display: block;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin: 0 auto;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.page-id-74 #list-produit .products li .img-produit:hover {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
width: 50%;
}
body.page-id-74 #list-produit .products li #btn-group-produit {
text-align: center;
margin-bottom: .5rem;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.page-id-74 #list-produit .products li #btn-group-produit a {
color: #fff;
text-align: center;
text-transform: uppercase;
font-size: .8rem;
letter-spacing: 2px;
background-color: #0E0F19;
padding: .2rem .5rem;
width: 100%;
display: block;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.page-id-74 #list-produit .products li #btn-group-produit a:hover {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
background-color: #D9042C;
}
body.page-id-74 #list-produit .products li #infos-produit .nom {
width: 100%;
}
body.page-id-74 #list-produit .products li #infos-produit .nom h2 {
font-size: .9rem;
text-transform: uppercase;
font-weight: 500;
text-align: center;
letter-spacing: 1px;
margin-bottom: 0;
}
body.page-id-74 #list-produit .products li #infos-produit .marque-produit {
width: 100%;
text-align: center;
}
body.page-id-74 #list-produit .products li #infos-produit .marque-produit span {
font-size: .8rem;
text-transform: uppercase;
font-weight: 300;
text-align: center;
letter-spacing: 2px;
}
body.page-id-74 #list-produit .products li #infos-produit .prix-produit {
width: 100%;
text-align: center;
font-weight: 700;
}
body.page-id-74 #list-produit .products li #infos-produit .prix-produit span.prefixe {
font-size: .9rem;
text-transform: lowercase;
font-weight: 400;
}
body.page-id-74 #list-produit .products li #infos-produit .prix-produit span.prefixe span.amount {
font-size: 1.1rem;
text-transform: uppercase;
font-weight: 700;
}
body.page-id-74 #vape {
padding-top: 6rem;
position: relative;
margin-bottom: 5rem;
}
@media (min-width: 992px) and (max-width: 1099.98px) {
body.page-id-74 #vape {
padding-top: 1rem;
}
}
body.page-id-74 #vape #seconde-image {
position: absolute;
background-size: cover;
background-position: left;
background-repeat: no-repeat;
width: 550px;
height: 380px;
top: -2rem;
left: 0;
right: 0;
z-index: -1;
}
@media (min-width: 992px) and (max-width: 1099.98px) {
body.page-id-74 #vape #seconde-image {
width: 430px;
height: 300px;
top: -3rem;
}
}
body.page-id-74 #vape .wrapper-vape {
position: relative;
}
body.page-id-74 #vape .wrapper-vape .infos-vape {
position: relative;
padding-left: 4rem;
}
body.page-id-74 #vape .wrapper-vape .infos-vape .titre-vape {
font-family: 'Poppins', sans-serif;
font-size: 3rem;
color: #D9042C;
position: relative;
}
body.page-id-74 #vape .wrapper-vape .infos-vape .sous-titre-vape {
font-size: 1.4rem;
text-align: center;
font-weight: 700;
text-transform: uppercase;
color: #342c26;
margin-bottom: 1rem;
}
body.page-id-74 #vape .wrapper-vape .infos-vape .texte-vape {
font-size: .9rem;
font-weight: 400;
color: #342c26;
line-height: 1.8;
text-align: center;
}
body.page-id-74 #vape .wrapper-vape .infos-vape a {
font-family: 'Fredericka the Great';
font-weight: normal;
font-style: normal;
font-size: 1.5rem;
display: block;
color: #0E0F19;
padding: .2rem 1rem;
border: solid 1px #0E0F19;
margin-top: 1rem;
position: relative;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.page-id-74 #vape .wrapper-vape .infos-vape a::before {
content: "";
position: absolute;
background-color: #0E0F19;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
width: 100%;
height: 0;
top: 0;
left: 0;
z-index: -1;
}
body.page-id-74 #vape .wrapper-vape .infos-vape a:hover {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
color: #fff;
}
body.page-id-74 #vape .wrapper-vape .infos-vape a:hover::before {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
height: 100%;
}
body.page-id-74 #vape .wrapper-vape .image-wrapper {
position: relative;
width: 300px;
height: 300px;
}
body.page-id-74 #vape .wrapper-vape .image-wrapper #premiere-image {
border: solid 8px #fff;
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
body.tax-product_cat #bandeau-top {
display: none !important;
}
body.tax-product_cat #wrapper-list-produit {
margin-top: 0 !important;
}
body.tax-product_cat .wrapper-top-category-produit {
background-color: #D9042C;
padding: 1.5rem 0;
margin-bottom: 3rem;
display: block !important;
}
body.tax-product_cat .wrapper-top-category-produit .container {
position: relative;
}
body.tax-product_cat .wrapper-top-category-produit .container::before {
content: "";
position: absolute;
left: 1rem;
bottom: -50px;
width: 0;
height: 0;
border-style: solid;
border-width: 40px 50px 0 50px;
border-color: #D9042C transparent transparent transparent;
}
body.tax-product_cat .wrapper-top-category-produit .container .vee_category_title span {
color: #fff;
text-transform: uppercase;
font-size: 2rem;
letter-spacing: 1px;
font-weight: 700;
padding-left: 4rem;
position: relative;
}
body.tax-product_cat .wrapper-top-category-produit .container .vee_category_title span::before {
content: "";
position: absolute;
left: 0;
bottom: -10px;
width: 60px;
height: 70px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
body.tax-product_cat .wrapper-top-category-produit .container .vee_category_title span.vee_category_title_e-cigarettes::before {
background-image: url('../img/e-cigarette-sous-menu-white.png');
}
body.tax-product_cat .wrapper-top-category-produit .container .vee_category_title span.vee_category_title_e-liquides::before {
background-image: url('../img/e-liquide-sous-menu-white.png');
}
body.tax-product_cat .wrapper-top-category-produit .container .vee_category_title span.vee_category_title_accessoires::before {
background-image: url('../img/accessoire-sous-menu-white.png');
}
body.tax-product_cat .wrapper-top-category-produit .container .vee_category_title span.vee_category_title_diy::before {
background-image: url('../img/base-white.png');
}
body.tax-product_cat .wrapper-top-category-produit .container .vee_category_title span.vee_category_title_bon-plan::before {
background-image: url('../img/bon-plan-white.png');
}
body.archive header.coffee {
position: relative;
}
body.archive header.coffee::before {
content: "";
position: absolute;
left: 0;
top: 0;
background-image: url('../img/cafer-grain.jpg');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 100%;
width: 100%;
}
body.archive header.coffee::after {
content: "";
position: absolute;
background-color: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 0;
}
body.archive header.coffee .logo {
position: relative;
z-index: 5;
}
body.archive header.coffee .header-left {
position: relative;
z-index: 5;
}
body.archive header.coffee #titre-main-coffee {
position: relative;
z-index: 1;
padding: 2rem 0;
}
body.archive header.coffee #titre-main-coffee .inner .deco-top,
body.archive header.coffee #titre-main-coffee .inner .deco-bottom {
z-index: 10;
position: relative;
width: 100%;
}
body.archive header.coffee #titre-main-coffee .inner .deco-top img,
body.archive header.coffee #titre-main-coffee .inner .deco-bottom img {
display: block;
margin: 0 auto;
max-width: 100%;
}
body.archive header.coffee #titre-main-coffee .inner .deco-bottom {
margin-top: .5rem;
}
body.archive header.coffee #titre-main-coffee .inner .deco-top {
margin-bottom: .5rem;
}
body.archive header.coffee #titre-main-coffee .inner .titre {
z-index: 10;
position: relative;
}
body.archive header.coffee #titre-main-coffee .inner .titre h1 {
font-weight: 800;
color: #fff;
text-align: center;
text-transform: uppercase;
font-size: 5rem;
position: relative;
letter-spacing: 2px;
}
body.archive header.coffee #titre-main-coffee .inner .titre h1::before,
body.archive header.coffee #titre-main-coffee .inner .titre h1::after {
content: "";
position: absolute;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 25px;
height: 10px;
top: 50%;
transform: translateY(-50%);
}
body.archive header.coffee #titre-main-coffee .inner .titre h1::before {
background-image: url('../img/deco-left-titre-main-portail.png');
left: -40px;
}
body.archive header.coffee #titre-main-coffee .inner .titre h1::after {
background-image: url('../img/deco-right-titre-main-portail.png');
right: -40px;
}
body.archive header.coffee #titre-main-coffee .inner .sous-titre {
z-index: 10;
position: relative;
}
body.archive header.coffee #titre-main-coffee .inner .sous-titre h2 {
font-weight: 300;
color: #fff;
text-align: center;
text-transform: uppercase;
font-size: 2rem;
position: relative;
letter-spacing: 2px;
}
body.archive .wrapper-top-category-produit {
display: none;
}
body.archive #wrapper-list-produit {
margin-top: 0;
margin-bottom: 3rem;
}
body.archive #wrapper-list-produit ul {
margin-top: 5rem;
}
body.archive #wrapper-list-produit ul li {
border-radius: 30px;
display: inline-block;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
padding: 1rem 0;
position: relative;
border: solid 1px #e6e6e6e6;
margin-bottom: 2rem;
}
body.archive #wrapper-list-produit ul li .onsale {
position: absolute;
top: 5px;
right: 5px;
background-color: #D9042C;
color: #fff;
padding: .4rem .5rem;
text-transform: uppercase;
font-size: .8rem;
border-radius: 0;
font-weight: 400;
height: auto;
width: auto;
min-height: auto;
min-width: auto;
line-height: 1;
}
body.archive #wrapper-list-produit ul li .single-product-left .single-product-slider {
position: relative;
height: 150px;
}
body.archive #wrapper-list-produit ul li .single-product-left .single-product-slider .owl-stage-outer,
body.archive #wrapper-list-produit ul li .single-product-left .single-product-slider .owl-stage,
body.archive #wrapper-list-produit ul li .single-product-left .single-product-slider .owl-item,
body.archive #wrapper-list-produit ul li .single-product-left .single-product-slider .item {
height: 100%;
}
body.archive #wrapper-list-produit ul li .single-product-left .single-product-slider .item {
position: relative;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
body.archive #wrapper-list-produit ul li .single-product-left .single-product-slider .item a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
body.archive #wrapper-list-produit ul li .single-product-left .single-product-slider .owl-nav >.owl-prev,
body.archive #wrapper-list-produit ul li .single-product-left .single-product-slider .owl-nav >.owl-next {
position: absolute;
top: 50%;
font-size: 2rem;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
opacity: 0;
transition: all .3s ease-in-out !important;
-webkit-transition: all .3s ease-in-out !important;
-moz-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;
}
body.archive #wrapper-list-produit ul li .single-product-left .single-product-slider .owl-nav >.owl-prev {
left: .5rem;
}
body.archive #wrapper-list-produit ul li .single-product-left .single-product-slider .owl-nav >.owl-next {
right: .5rem;
}
body.archive #wrapper-list-produit ul li .single-product-left .single-product-slider:hover .owl-nav >.owl-prev,
body.archive #wrapper-list-produit ul li .single-product-left .single-product-slider:hover .owl-nav >.owl-next,
body.archive #wrapper-list-produit ul li .single-product-left .single-product-slider:focus .owl-nav >.owl-prev,
body.archive #wrapper-list-produit ul li .single-product-left .single-product-slider:focus .owl-nav >.owl-next {
opacity: 1;
}
body.archive #wrapper-list-produit ul li .img-produit {
height: 10rem;
width: 100%;
display: block;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin: 0 auto;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.archive #wrapper-list-produit ul li .img-produit:hover {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
width: 50%;
}
body.archive #wrapper-list-produit ul li #btn-group-produit {
text-align: center;
margin-bottom: .5rem;
}
body.archive #wrapper-list-produit ul li #btn-group-produit a {
color: #fff;
text-align: center;
text-transform: uppercase;
font-size: .8rem;
letter-spacing: 2px;
width: 100%;
display: block;
background-color: #0E0F19;
padding: .2rem .5rem;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.archive #wrapper-list-produit ul li #btn-group-produit a:hover {
background-color: #D9042C;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.archive #wrapper-list-produit ul li #infos-produit .nom {
width: 100%;
}
body.archive #wrapper-list-produit ul li #infos-produit .nom h2 {
font-size: .9rem;
text-transform: uppercase;
font-weight: 500;
text-align: center;
letter-spacing: 1px;
margin-bottom: 0;
}
body.archive #wrapper-list-produit ul li #infos-produit .marque-produit {
width: 100%;
text-align: center;
}
body.archive #wrapper-list-produit ul li #infos-produit .marque-produit span {
font-size: .8rem;
text-transform: uppercase;
font-weight: 300;
text-align: center;
letter-spacing: 2px;
}
body.archive #wrapper-list-produit ul li #infos-produit .prix-produit {
width: 100%;
font-size: 1.1rem;
text-transform: uppercase;
font-weight: 700;
text-align: center;
}
body.archive #wrapper-list-produit ul li #infos-produit .prix-produit span.prefixe {
font-size: .9rem;
text-transform: lowercase;
font-weight: 400;
}
body.archive #wrapper-list-produit ul li #infos-produit .prix-produit span.prefixe span.amount {
font-size: 1.1rem;
text-transform: uppercase;
font-weight: 700;
}
body #bandeau-top {
position: relative;
overflow: hidden;
display: block;
width: 100%;
margin-bottom: 2rem;
}
body #bandeau-top .ctn-bandeau {
background-size: cover;
background-repeat: no-repeat;
background-position: top;
width: 100%;
height: 350px;
position: relative;
padding-top: 8rem;
padding-bottom: 5rem;
}
body #bandeau-top .ctn-bandeau::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #0E0F19;
opacity: .4;
}
body #bandeau-top .ctn-bandeau .inner .titre-bandeau h1 {
color: #fff;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 1rem;
text-transform: uppercase;
text-align: center;
}
body #bandeau-top .ctn-bandeau .inner .sous-titre-bandeau h2 {
color: #fff;
font-size: 1rem;
font-weight: 400;
margin-bottom: 0;
text-align: center;
}
body.single-product header.coffee {
position: relative;
}
body.single-product header.coffee::before {
content: "";
position: absolute;
left: 0;
top: 0;
background-image: url('../img/cafer-grain.jpg');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 100%;
width: 100%;
}
body.single-product header.coffee::after {
content: "";
position: absolute;
background-color: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 0;
}
body.single-product header.coffee .logo {
position: relative;
z-index: 5;
}
body.single-product header.coffee .header-left {
position: relative;
z-index: 5;
}
body.single-product header.coffee #titre-main-coffee {
position: relative;
z-index: 1;
padding: 2rem 0;
}
body.single-product header.coffee #titre-main-coffee .inner .deco-top,
body.single-product header.coffee #titre-main-coffee .inner .deco-bottom {
z-index: 10;
position: relative;
width: 100%;
}
body.single-product header.coffee #titre-main-coffee .inner .deco-top img,
body.single-product header.coffee #titre-main-coffee .inner .deco-bottom img {
display: block;
margin: 0 auto;
max-width: 100%;
}
body.single-product header.coffee #titre-main-coffee .inner .deco-bottom {
margin-top: .5rem;
}
body.single-product header.coffee #titre-main-coffee .inner .deco-top {
margin-bottom: .5rem;
}
body.single-product header.coffee #titre-main-coffee .inner .titre {
z-index: 10;
position: relative;
}
body.single-product header.coffee #titre-main-coffee .inner .titre h1 {
font-weight: 800;
color: #fff;
text-align: center;
text-transform: uppercase;
font-size: 5rem;
position: relative;
letter-spacing: 2px;
}
body.single-product header.coffee #titre-main-coffee .inner .titre h1::before,
body.single-product header.coffee #titre-main-coffee .inner .titre h1::after {
content: "";
position: absolute;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 25px;
height: 10px;
top: 50%;
transform: translateY(-50%);
}
body.single-product header.coffee #titre-main-coffee .inner .titre h1::before {
background-image: url('../img/deco-left-titre-main-portail.png');
left: -40px;
}
body.single-product header.coffee #titre-main-coffee .inner .titre h1::after {
background-image: url('../img/deco-right-titre-main-portail.png');
right: -40px;
}
body.single-product header.coffee #titre-main-coffee .inner .sous-titre {
z-index: 10;
position: relative;
}
body.single-product header.coffee #titre-main-coffee .inner .sous-titre h2 {
font-weight: 300;
color: #fff;
text-align: center;
text-transform: uppercase;
font-size: 2rem;
position: relative;
letter-spacing: 2px;
}
body.single-product #bandeau-top {
display: none !important;
}
body.single-product .wrapper-top-category-produit {
display: none;
}
body.single-product .woocommerce-error,
body.single-product .woocommerce-info,
body.single-product .woocommerce-message {
padding: 1em 2em 2em 3.5em;
margin-top: 1.5rem;
margin: 0;
background-color: #E8E9EB;
}
body.single-product #wrapper-top-produit-wrapper {
padding: .5rem 0;
}
body.single-product #wrapper-top-produit-wrapper .container {
position: relative;
}
body.single-product #wrapper-top-produit-wrapper .container .wrapper-breadcrumb .woocommerce-breadcrumb {
color: ;
font-size: .8rem;
}
body.single-product #wrapper-top-produit-wrapper .container .wrapper-breadcrumb .woocommerce-breadcrumb a {
color: ;
font-size: .8rem;
}
body.single-product #wrapper-top-produit-wrapper .container .wrapper-breadcrumb .woocommerce-breadcrumb a:first-child {
margin-left: 0;
}
body.single-product #wrapper-top-produit-wrapper .container .main-title {
color: #0E0F19;
text-transform: uppercase;
font-size: 2rem;
letter-spacing: 1px;
font-weight: 700;
text-align: center;
overflow: hidden;
margin-top: 2rem;
}
body.single-product #wrapper-top-produit-wrapper .container .main-title h1 {
position: relative;
display: inline-block;
width: auto;
}
body.single-product #wrapper-top-produit-wrapper .container .main-title h1:before,
body.single-product #wrapper-top-produit-wrapper .container .main-title h1:after {
content: "";
position: absolute;
height: 1px;
width: 20rem;
top: 50%;
background-color: #0E0F19;
}
body.single-product #wrapper-top-produit-wrapper .container .main-title h1:before {
right: 110%;
}
body.single-product #wrapper-top-produit-wrapper .container .main-title h1:after {
left: 110%;
}
body.single-product .onsale {
position: absolute;
top: 0;
left: 0;
background-color: #D9042C;
color: #fff;
padding: .4rem .5rem;
text-transform: uppercase;
font-size: 1.2rem;
border-radius: 0;
font-weight: 300;
height: auto;
width: auto;
min-height: auto;
min-width: auto;
line-height: 1;
}
body.single-product .product {
margin-top: 2rem;
}
body.single-product .product >.svi-woocommerce-product-gallery,
body.single-product .product .whitespacesvi {
display: none;
}
body.single-product .product .svi-woocommerce-product-gallery {
width: 100% !important;
}
@media (min-width: 1240px) and (max-width: 1300px) {
body.single-product .product {
max-width: 1200px;
}
}
@media (min-width: 1200px) and (max-width: 1239.98px) {
body.single-product .product {
max-width: 1140px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.single-product .product {
width: 980px;
}
}
body.single-product input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
body.single-product input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
body.single-product input[type=number].qty {
-moz-appearance: textfield;
}
body.single-product .quantity {
border: 2px solid #eee !important;
display: inline-block;
}
body.single-product .quantity input.qty {
line-height: 16px;
height: 40px !important;
background-color: #fff !important;
color: inherit !important;
padding: 0 !important;
float: left;
border-radius: 0px !important;
border-left: 2px solid #eee !important;
border-right: 2px solid #eee !important;
width: 44px !important;
border: none;
}
body.single-product .quantity .minus {
line-height: 16px;
height: 40px !important;
background-color: #fff !important;
color: inherit !important;
padding: 0 !important;
float: left;
border-radius: 0px !important;
border: none !important;
cursor: pointer;
width: 30px !important;
}
body.single-product .quantity .minus:hover {
background-color: #eee !important;
}
body.single-product .quantity .plus {
line-height: 16px;
height: 40px !important;
background-color: #fff !important;
color: inherit !important;
padding: 0 !important;
float: left;
border-radius: 0px !important;
border: none !important;
cursor: pointer;
width: 30px !important;
}
body.single-product .quantity .plus:hover {
background-color: #eee !important;
}
body.single-product #primary #wrapper-list-produit {
padding: 0 !important;
}
body.single-product .product_title {
display: none;
}
body.single-product .reset_variations {
display: none;
}
body.single-product .wrapper-breadcrumb {
position: relative;
}
body.single-product .wrapper-breadcrumb::before {
content: "";
position: absolute;
bottom: -26px;
left: 0;
height: 18px;
width: 100%;
opacity: .3;
}
body.single-product .wrapper-breadcrumb .woocommerce-breadcrumb {
width: 1240px;
margin: 0 auto;
font-weight: 400;
padding-top: .5rem;
}
@media (min-width: 1200px) and (max-width: 1239.98px) {
body.single-product .wrapper-breadcrumb .woocommerce-breadcrumb {
width: 1140px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.single-product .wrapper-breadcrumb .woocommerce-breadcrumb {
width: 980px;
}
}
body.single-product .wrapper-breadcrumb .woocommerce-breadcrumb a {
margin: 0 .5rem;
font-size: .9rem;
font-weight: 400;
}
body.single-product .wrapper-btn-gallery a {
font-weight: 500;
display: inline-block;
color: #0E0F19;
text-decoration: none;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.single-product .wrapper-btn-gallery a:hover {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
color: #D9042C;
}
body.single-product .wrapper-btn-gallery a:hover i {
margin-right: .5rem;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.single-product .wrapper-btn-gallery a i {
color: #D9042C;
margin-right: .3rem;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.single-product .summary {
padding-left: 3rem;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.single-product .summary {
padding-left: 1rem;
}
}
body.single-product .variations {
width: auto !important;
}
body.single-product .variations tr {
display: flex;
display: -moz-flex;
display: -webkit-flex;
flex-wrap: wrap;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
body.single-product .variations tr:nth-child(2n+1) {
background: transparent;
}
body.single-product .variations tr td {
flex-basis: 100%;
width: 100%;
border: 1px solid #0E0F19 !important;
}
body.single-product .variations tr td.label label {
line-height: 1.2;
margin-bottom: .2rem;
}
body.single-product .variations .label,
body.single-product .variations .value {
background-color: #0E0F19;
}
body.single-product .variations .label label {
text-transform: uppercase;
font-size: .8rem;
letter-spacing: 2px;
color: #0E0F19;
font-weight: 400 !important;
}
body.single-product .variations select {
width: 100px;
height: 35px !important;
}
body.single-product .variations select option {
padding: 1rem !important;
height: 40px !important;
}
body.single-product .single_add_to_cart_button {
background-color: #D9042C !important;
padding: .6rem 1.5rem !important;
font-size: 1rem !important;
font-weight: 400 !important;
text-transform: uppercase !important;
position: relative !important;
margin-left: .5rem;
height: 44px !important;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.single-product .single_add_to_cart_button:hover {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
background-color: #0E0F19 !important;
}
body.single-product .single_add_to_cart_button::before {
display: none;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.single-product .single_add_to_cart_button {
font-size: .8rem !important;
}
}
body.single-product .woocommerce-variation .woocommerce-variation-price {
text-align: center;
float: none;
}
body.single-product .woocommerce-variation-add-to-cart {
display: flex;
display: -moz-flex;
display: -webkit-flex;
flex-wrap: wrap;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
body.single-product .reset_variations {
background-color: !important;
color: #fff !important;
text-transform: uppercase !important;
font-size: .8rem !important;
font-weight: 500 !important;
margin-top: 0 !important;
display: block !important;
width: 100% !important;
text-decoration: none !important;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.single-product .reset_variations:hover {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
background-color: #0E0F19 !important;
}
body.single-product #description .listing {
text-align: justify;
font-size: .9rem;
font-weight: 300;
color: #0E0F19;
line-height: 1.8;
}
body.single-product #description b,
body.single-product #description strong {
font-weight: 700;
}
body tr:nth-child(2n+1) {
background-color: #f6f6f6;
}
body tr td,
body tr th {
padding: .5rem 1rem;
}
@media (max-width: 440px) {
body {
font-size: .55rem;
}
body tr td,
body tr th {
padding: .3rem .5rem;
}
}
body #infos-product {
margin-bottom: 2rem;
}
body #infos-product .item {
padding: .5rem 0;
font-weight: 400;
border-bottom: solid 1px #e6e6e6;
}
body #infos-product .item span {
font-weight: 600;
}
body #infos-product .item:last-child {
border-bottom: none;
}
body #wrapper-top-produit .titre-ref .titre h1 {
font-size: 2rem;
color: #0E0F19;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px;
margin-bottom: 0;
}
body #wrapper-top-produit .titre-ref .ref {
font-size: 1.3rem;
color: #0E0F19;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 3px;
margin-bottom: 1rem;
}
body .related,
body .upsells {
margin-bottom: 1rem;
position: relative;
overflow: hidden;
padding: 0 5rem;
}
@media (min-width: 992px) and (max-width: 1439.98px) {
body .related,
body .upsells {
padding: 0 1rem;
}
}
body .related >h2,
body .upsells >h2 {
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 1rem;
margin-bottom: 3rem;
padding: 1rem 1.5rem;
text-align: center;
display: inline-block;
position: relative;
margin-left: 50%;
transform: translateX(-50%);
}
body .related >h2::before,
body .related >h2::after,
body .upsells >h2::before,
body .upsells >h2::after {
content: "";
position: absolute;
width: 90vw;
height: 1px;
background-color: #D9042C;
top: 50%;
transform: translateY(-50%);
}
body .related >h2::before,
body .upsells >h2::before {
left: -90vw;
}
body .related >h2::after,
body .upsells >h2::after {
right: -90vw;
}
body .related ul.products li.product,
body .upsells ul.products li.product {
margin-right: .5rem;
margin-left: .5rem;
margin-bottom: 1rem;
display: inline-block;
float: none;
border: solid 1px #e6e6e6;
position: relative;
}
body .related ul.products li.product .onsale,
body .upsells ul.products li.product .onsale {
position: absolute;
top: 5px;
right: 5px;
background-color: #D9042C;
color: #fff;
padding: .4rem .5rem;
text-transform: uppercase;
font-size: .8rem;
border-radius: 0;
font-weight: 400;
height: auto;
width: auto;
min-height: auto;
min-width: auto;
line-height: 1;
}
@media (min-width: 1580px) and (max-width: 1679.98px) {
body .related ul.products li.product,
body .upsells ul.products li.product {
width: 22.5%;
}
}
@media (min-width: 1440px) and (max-width: 1579.98px) {
body .related ul.products li.product,
body .upsells ul.products li.product {
width: 22%;
}
}
@media (min-width: 1260px) and (max-width: 1439.98px) {
body .related ul.products li.product,
body .upsells ul.products li.product {
width: 22%;
}
}
@media (min-width: 1200px) and (max-width: 1259.98px) {
body .related ul.products li.product,
body .upsells ul.products li.product {
width: 21.7%;
}
}
@media (min-width: 1123px) and (max-width: 1199.98px) {
body .related ul.products li.product,
body .upsells ul.products li.product {
width: 30%;
}
}
@media (min-width: 992px) and (max-width: 1122.98px) {
body .related ul.products li.product,
body .upsells ul.products li.product {
width: 29%;
}
}
body .related ul.products li.product .single-product-left .single-product-slider,
body .upsells ul.products li.product .single-product-left .single-product-slider {
height: 150px;
}
body .related ul.products li.product .single-product-left .single-product-slider .owl-stage-outer,
body .related ul.products li.product .single-product-left .single-product-slider .owl-stage,
body .related ul.products li.product .single-product-left .single-product-slider .owl-item,
body .related ul.products li.product .single-product-left .single-product-slider .item,
body .upsells ul.products li.product .single-product-left .single-product-slider .owl-stage-outer,
body .upsells ul.products li.product .single-product-left .single-product-slider .owl-stage,
body .upsells ul.products li.product .single-product-left .single-product-slider .owl-item,
body .upsells ul.products li.product .single-product-left .single-product-slider .item {
height: 100%;
}
body .related ul.products li.product .single-product-left .single-product-slider .owl-item,
body .upsells ul.products li.product .single-product-left .single-product-slider .owl-item {
border-radius: 30px 30px 0 0 !important;
-webkit-border-radius: 30px 30px 0 0 !important;
-moz-border-radius: 30px 30px 0 0 !important;
-o-border-radius: 30px 30px 0 0 !important;
}
body .related ul.products li.product .single-product-left .single-product-slider .item,
body .upsells ul.products li.product .single-product-left .single-product-slider .item {
position: relative;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
body .related ul.products li.product .single-product-left .single-product-slider .item a,
body .upsells ul.products li.product .single-product-left .single-product-slider .item a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
body .related ul.products li.product .single-product-left .single-product-slider .owl-nav >.owl-prev,
body .related ul.products li.product .single-product-left .single-product-slider .owl-nav >.owl-next,
body .upsells ul.products li.product .single-product-left .single-product-slider .owl-nav >.owl-prev,
body .upsells ul.products li.product .single-product-left .single-product-slider .owl-nav >.owl-next {
position: absolute;
top: 50%;
font-size: 2rem;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
opacity: 0;
transition: all .3s ease-in-out !important;
-webkit-transition: all .3s ease-in-out !important;
-moz-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;
}
body .related ul.products li.product .single-product-left .single-product-slider .owl-nav >.owl-prev,
body .upsells ul.products li.product .single-product-left .single-product-slider .owl-nav >.owl-prev {
left: .5rem;
}
body .related ul.products li.product .single-product-left .single-product-slider .owl-nav >.owl-next,
body .upsells ul.products li.product .single-product-left .single-product-slider .owl-nav >.owl-next {
right: .5rem;
}
body .related ul.products li.product .single-product-left .single-product-slider:hover .owl-nav >.owl-prev,
body .related ul.products li.product .single-product-left .single-product-slider:hover .owl-nav >.owl-next,
body .related ul.products li.product .single-product-left .single-product-slider:focus .owl-nav >.owl-prev,
body .related ul.products li.product .single-product-left .single-product-slider:focus .owl-nav >.owl-next,
body .upsells ul.products li.product .single-product-left .single-product-slider:hover .owl-nav >.owl-prev,
body .upsells ul.products li.product .single-product-left .single-product-slider:hover .owl-nav >.owl-next,
body .upsells ul.products li.product .single-product-left .single-product-slider:focus .owl-nav >.owl-prev,
body .upsells ul.products li.product .single-product-left .single-product-slider:focus .owl-nav >.owl-next {
opacity: 1;
}
body .related ul.products li.product #img-produit,
body .upsells ul.products li.product #img-produit {
display: block;
height: 12rem;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
margin: 0 auto;
width: 70%;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body .related ul.products li.product #img-produit:hover,
body .upsells ul.products li.product #img-produit:hover {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
width: 60%;
}
@media (min-width: 1680px) and (max-width: 1920.98px) {
body .related ul.products li.product #img-produit,
body .upsells ul.products li.product #img-produit {
height: 15rem;
}
}
body .related ul.products li.product #btn-group-produit .fiche-produit,
body .upsells ul.products li.product #btn-group-produit .fiche-produit {
color: #fff;
text-transform: uppercase;
text-align: center;
font-size: .8rem;
font-weight: 400;
letter-spacing: 2px;
padding: .4rem 0;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
position: relative;
z-index: 10;
background-color: #0E0F19;
width: 100%;
}
body .related ul.products li.product #btn-group-produit .fiche-produit::after,
body .upsells ul.products li.product #btn-group-produit .fiche-produit::after {
content: "";
position: absolute;
width: 0;
height: 100%;
top: 0;
left: 0;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
z-index: -1;
background-color: #D9042C;
}
body .related ul.products li.product #btn-group-produit .fiche-produit:hover,
body .upsells ul.products li.product #btn-group-produit .fiche-produit:hover {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body .related ul.products li.product #btn-group-produit .fiche-produit:hover::after,
body .upsells ul.products li.product #btn-group-produit .fiche-produit:hover::after {
width: 100%;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body .related ul.products li.product #infos-produit,
body .upsells ul.products li.product #infos-produit {
padding: 1rem;
border-bottom: solid 1px #0E0F19;
border-left: solid 1px #0E0F19;
border-right: solid 1px #0E0F19;
text-align: left;
border-radius: 0 0 30px 30px !important;
-webkit-border-radius: 0 0 30px 30px !important;
-moz-border-radius: 0 0 30px 30px !important;
-o-border-radius: 0 0 30px 30px !important;
}
body .related ul.products li.product #infos-produit .nom h2,
body .upsells ul.products li.product #infos-produit .nom h2 {
min-height: 38px;
font-size: 1rem;
font-weight: 700;
text-transform: capitalize;
}
@media (min-width: 1200px) {
body .related ul.products li.product #infos-produit .nom h2,
body .upsells ul.products li.product #infos-produit .nom h2 {
min-height: 57px;
}
}
body .related ul.products li.product #infos-produit #prix-produit span,
body .upsells ul.products li.product #infos-produit #prix-produit span {
font-size: 1rem;
font-style: italic;
font-weight: 300;
line-height: .8;
}
body #more-btn {
margin-top: 2rem;
margin-bottom: 2rem;
}
body #more-btn > a {
border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-o-border-radius: 0 !important;
background-color: #0E0F19;
color: #fff;
padding: .5rem 2rem;
font-weight: 400;
transition: all .3s ease-in-out !important;
-webkit-transition: all .3s ease-in-out !important;
-moz-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;
}
body #more-btn > a:hover,
body #more-btn > a:focus {
background-color: #D9042C;
}
body #more-infos {
overflow: hidden;
padding-bottom: 4rem;
}
body #more-infos h2 {
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 1rem;
margin-bottom: 3rem;
padding: 1rem 1.5rem;
text-align: center;
display: inline-block;
position: relative;
}
body #more-infos h2::before,
body #more-infos h2::after {
content: "";
position: absolute;
width: 90vw;
height: 1px;
background-color: #D9042C;
top: 50%;
transform: translateY(-50%);
}
body #more-infos h2::before {
left: -90vw;
}
body #more-infos h2::after {
right: -90vw;
}
body #more-infos .more-infos-carousel {
position: relative;
}
body #more-infos .more-infos-carousel .owl-nav >.owl-prev,
body #more-infos .more-infos-carousel .owl-nav >.owl-next {
position: absolute;
top: 50%;
font-size: 2rem;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
body #more-infos .more-infos-carousel .owl-nav >.owl-prev {
left: .5rem;
}
body #more-infos .more-infos-carousel .owl-nav >.owl-next {
right: .5rem;
}
body #more-infos .more-infos-carousel .owl-dots {
text-align: center;
padding-top: 15px;
}
body #more-infos .more-infos-carousel .owl-dots button.owl-dot {
width: 10px;
height: 10px;
border-radius: 50%;
display: inline-block;
background: #ccc;
margin: 0 3px;
}
body #more-infos .more-infos-carousel .owl-dots button.owl-dot.active {
background-color: #000;
}
body #more-infos .more-infos-carousel .owl-dots button.owl-dot:focus {
outline: none;
}
body #single-product-slider.owl-carousel {
max-width: 800px;
width: 100%;
height: 33rem;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body #single-product-slider.owl-carousel {
height: 25rem;
}
}
body #single-product-slider.owl-carousel .owl-stage-outer,
body #single-product-slider.owl-carousel .owl-stage,
body #single-product-slider.owl-carousel .owl-item,
body #single-product-slider.owl-carousel .item {
height: 100%;
}
body #single-product-slider.owl-carousel .item {
position: relative;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
body #single-product-slider.owl-carousel .item a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
body #single-product-slider.owl-carousel .owl-nav {
position: absolute;
top: 48%;
transform: translateY(-50%);
width: 100%;
z-index: 50;
}
body #single-product-slider.owl-carousel .owl-nav .owl-prev,
body #single-product-slider.owl-carousel .owl-nav .owl-next {
position: absolute;
outline: none;
border: none;
height: 25px;
width: 25px;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body #single-product-slider.owl-carousel .owl-nav .owl-prev::before,
body #single-product-slider.owl-carousel .owl-nav .owl-next::before {
position: absolute;
content: "";
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 15px;
height: 20px;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
opacity: 1;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body #single-product-slider.owl-carousel .owl-nav .owl-prev span,
body #single-product-slider.owl-carousel .owl-nav .owl-next span {
display: none;
}
body #single-product-slider.owl-carousel .owl-nav .owl-prev:hover,
body #single-product-slider.owl-carousel .owl-nav .owl-next:hover {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body #single-product-slider.owl-carousel .owl-nav .owl-prev:hover::before,
body #single-product-slider.owl-carousel .owl-nav .owl-next:hover::before {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
opacity: .5;
}
body #single-product-slider.owl-carousel .owl-nav .owl-prev {
left: 0;
}
body #single-product-slider.owl-carousel .owl-nav .owl-prev:hover {
left: -1rem;
}
body #single-product-slider.owl-carousel .owl-nav .owl-prev::before {
background-image: url('../img/prev-black.png');
}
body #single-product-slider.owl-carousel .owl-nav .owl-next {
right: 0;
}
body #single-product-slider.owl-carousel .owl-nav .owl-next:hover {
right: -1rem;
}
body #single-product-slider.owl-carousel .owl-nav .owl-next::before {
background-image: url('../img/next-black.png');
}
body span.price {
display: block;
background-color: #303030;
text-align: center;
padding: .3rem 1rem;
color: #fff !important;
font-weight: 600 !important;
text-decoration: none;
margin-bottom: 1rem;
}
body span.price .amount {
color: #fff;
font-size: 1.5rem;
font-weight: 700;
text-decoration: none;
border-bottom: none;
}
body span.price del span {
font-size: 1rem !important;
font-weight: 500 !important;
}
body span.price ins {
text-decoration: none;
}
body .product {
display: flex;
display: -moz-flex;
display: -webkit-flex;
flex-wrap: wrap;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
justify-content: space-between;
-moz-justify-content: space-between;
-webkit-justify-content: space-between;
}
body .product .gallery-svi {
max-width: 30%;
flex-basis: 30%;
-moz-flex-basis: 30%;
-webkit-flex-basis: 30%;
}
body .product .summary {
max-width: 68%;
flex-basis: 68%;
-moz-flex-basis: 68%;
-webkit-flex-basis: 68%;
}
body .product .summary .cart {
position: fixed;
right: 25px;
top: 450px;
transform: translateY(-50%) translateX(0);
transform: -moz-translateY(-50%) translateX(0);
transform: -webkit-translateY(-50%) translateX(0);
z-index: 50;
background-color: #0E0F19;
width: 230px;
padding: 1rem;
transition: all .3s ease-in-out !important;
-webkit-transition: all .3s ease-in-out !important;
-moz-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;
}
body .product .summary .cart #cart-container {
position: relative;
}
body .product .summary .cart #cart-container > #get-it-button {
display: block;
position: absolute;
width: 120px;
top: -56px;
left: -8.4rem;
transform: rotate(-90deg);
transform-origin: bottom right;
color: #fff;
background-color: #0E0F19;
padding: .5rem 1rem;
}
body .product .summary .cart #cart-container > #get-it-button:hover,
body .product .summary .cart #cart-container > #get-it-button:focus {
cursor: pointer;
}
body .product .summary .cart #cart-container:after {
content: "";
display: block;
clear: both;
}
body .product .summary .cart .quantity {
display: flex;
display: -moz-flex;
display: -webkit-flex;
}
body .product .summary .cart .quantity input.qty {
flex-grow: 1;
-moz-flex-grow: 1;
-webkit-flex-grow: 1;
}
body .product .summary .cart .label label {
color: #fff;
}
body .product .summary .cart button.single_add_to_cart_button {
width: 100%;
margin: 0;
margin-top: .5rem;
}
body .product #single-product-left #btn-personnalisation {
margin-top: 2rem;
}
body .product #single-product-left #btn-personnalisation a {
border: solid 1px #0E0F19;
text-transform: uppercase;
color: #0E0F19;
font-size: .9rem;
font-weight: 600;
padding: .5rem 1rem;
cursor: pointer;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body .product #single-product-left #btn-personnalisation a:hover {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
background-color: #0E0F19;
color: #fff;
}
body .product #single-product-left #btn-personnalisation a:hover i {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
background-image: url('../img/picto-form-white.png') !important;
}
body .product #single-product-left #btn-personnalisation a i {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
height: 24px;
width: 22px;
display: inline-block;
margin-left: 1rem;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body .quantity {
margin: 0 !important;
width: 100%;
}
body .quantity input {
height: 36px;
border: solid 1px ;
background-color: transparent;
}
body .single_add_to_cart_button {
background-color: ;
border-radius: 0;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
padding: .63rem 1rem;
}
body .single_add_to_cart_button:hover {
background-color: ;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body .related,
body .upsells {
margin-top: 2rem;
flex-basis: 100%;
-moz-flex-basis: 100%;
-webkit-flex-basis: 100%;
}
body #wrapper-top-produit-wrapper,
body .container-fluid.bg-blanc {
background-color: #E8E9EB;
}
body .svi-gallery-top img {
border-radius: 30px;
}
body .owl-item {
background-color: #fff;
}
.woocommerce-cart header .wrapper-header .logo {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.woocommerce-cart header .wrapper-header .logo a img {
margin: 0 auto;
display: block;
max-width: 20%;
}
.woocommerce-cart header .wrapper-header #logo-sticky {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
-webkit-transform: translateY(0) translateX(-50%);
left: 50%;
}
.woocommerce-cart header .wrapper-header #logo-sticky a img {
margin: 0 auto;
display: block;
max-width: 80%;
}
.woocommerce-cart header .wrapper-header .header-left,
.woocommerce-cart header .wrapper-header .header-left-sticky {
display: none;
}
.woocommerce-cart header.sticky {
max-height: 100px;
}
.woocommerce-cart header.sticky .wrapper-header #logo-sticky {
-webkit-transform: translateY(-5.5rem) translateX(-50%);
left: 50%;
}
.woocommerce-cart #btn-panier {
background-color: #D9042C;
padding: .5rem 1rem;
color: #fff;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
margin-bottom: 1rem;
display: inline-block;
}
.woocommerce-cart #btn-panier:hover {
background-color: #0E0F19;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
.woocommerce-cart input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
.woocommerce-cart input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
.woocommerce-cart input[type=number].qty {
-moz-appearance: textfield;
}
.woocommerce-cart .quantity {
border: 2px solid #eee !important;
display: inline-block;
}
.woocommerce-cart .quantity input.qty {
line-height: 16px;
height: 40px !important;
background-color: #fff !important;
color: inherit !important;
padding: 0 !important;
float: left;
border-radius: 0px !important;
border-left: 2px solid #eee !important;
border-right: 2px solid #eee !important;
width: 44px !important;
border: none;
}
.woocommerce-cart .quantity .minus {
line-height: 16px;
height: 40px !important;
background-color: #fff !important;
color: inherit !important;
padding: 0 !important;
float: left;
border-radius: 0px !important;
border: none !important;
cursor: pointer;
width: 40px !important;
}
.woocommerce-cart .quantity .minus:hover {
background-color: #eee !important;
}
.woocommerce-cart .quantity .plus {
line-height: 16px;
height: 40px !important;
background-color: #fff !important;
color: inherit !important;
padding: 0 !important;
float: left;
border-radius: 0px !important;
border: none !important;
cursor: pointer;
width: 40px !important;
}
.woocommerce-cart .quantity .plus:hover {
background-color: #eee !important;
}
.woocommerce-cart >main section.contenus-page {
padding-bottom: 50px;
}
.woocommerce-cart >main section.contenus-page .gros-titre {
position: relative;
font-size: 24px;
line-height: 28px;
color: #0E0F19;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
padding-bottom: 25px;
margin-bottom: 50px;
margin-top: 50px;
}
.woocommerce-cart >main section.contenus-page .gros-titre::before {
content: "";
position: absolute;
background-color: #D9042C;
height: 3px;
width: 80px;
left: 50%;
transform: translateX(-50%);
bottom: 1rem;
}
.woocommerce-cart >main section.contenus-page .button {
background-color: #D9042C;
color: #fff !important;
outline: none;
font-weight: 500;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
border-radius: 0;
}
.woocommerce-cart >main section.contenus-page .button:hover {
background-color: #0E0F19;
}
.woocommerce-cart >main section.contenus-page .checkout-button {
background-color: #D9042C !important;
}
.woocommerce-cart >main section.contenus-page .checkout-button:hover {
background-color: #0E0F19 !important;
}
.woocommerce-cart >main section.contenus-page table {
border-radius: 0;
background-color: #fff;
}
.woocommerce-cart >main section.contenus-page table thead {
background-color: #0E0F19;
color: #0E0F19;
}
.woocommerce-cart >main section.contenus-page table .product-name .variation dt {
font-size: .8rem !important;
font-weight: 500 !important;
}
.woocommerce-cart >main section.contenus-page table .product-name .variation dd {
font-size: .8rem !important;
font-weight: 300 !important;
}
.woocommerce-cart >main section.contenus-page table .product-subtotal {
font-weight: 700 !important;
}
.woocommerce-cart >main section.contenus-page .tc-epo-metadata {
font-size: 14px;
line-height: 18px;
}
.woocommerce-cart >main section.contenus-page .tc-epo-metadata .cpf-img-on-cart {
border: 0;
}
.woocommerce-cart >main section.contenus-page #coupon_code {
width: 120px;
}
.woocommerce-cart >main section.contenus-page .attachment-woocommerce_thumbnail {
width: 80px;
}
.woocommerce-cart >main section.contenus-page .cart_totals h2 {
font-size: 20px;
line-height: 24px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
}
.woocommerce-cart >main section.contenus-page .cart_totals table {
border: 2px solid #0E0F19;
}
.woocommerce-cart >main section.contenus-page .cart_totals table .order-total td strong {
font-weight: 700 !important;
}
.woocommerce-cart >main section.contenus-page .woocommerce-cart-form a {
color: #0E0F19;
font-weight: 600;
}
.woocommerce-cart >main section.contenus-page .woocommerce-cart-form a:hover {
color: #D9042C;
}
.woocommerce-cart >main section.contenus-page .woocommerce-cart-form a.tm-cart-edit-options {
font-weight: 500;
}
.woocommerce-cart >main section.contenus-page .woocommerce-message a {
color: #0E0F19;
}
.woocommerce-cart >main section.contenus-page .woocommerce-message a:hover {
color: #D9042C;
}
.woocommerce-cart >main section.contenus-page .woocommerce-shipping-destination {
display: none;
}
.woocommerce-checkout header .wrapper-header .logo {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.woocommerce-checkout header .wrapper-header .logo a img {
margin: 0 auto;
display: block;
max-width: 20%;
}
.woocommerce-checkout header .wrapper-header #logo-sticky {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
-webkit-transform: translateY(0) translateX(-50%);
left: 50%;
}
.woocommerce-checkout header .wrapper-header #logo-sticky a img {
margin: 0 auto;
display: block;
max-width: 80%;
}
.woocommerce-checkout header .wrapper-header .header-left,
.woocommerce-checkout header .wrapper-header .header-left-sticky {
display: none;
}
.woocommerce-checkout header.sticky {
max-height: 100px;
}
.woocommerce-checkout header.sticky .wrapper-header #logo-sticky {
-webkit-transform: translateY(-5.5rem) translateX(-50%);
left: 50%;
}
.woocommerce-checkout >main .woocommerce-info .showcoupon {
color: #D9042C !important;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
.woocommerce-checkout >main .woocommerce-info .showcoupon:hover {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
color: #0E0F19 !important;
}
.woocommerce-checkout >main .gros-titre {
position: relative;
font-size: 24px;
line-height: 28px;
color: #0E0F19;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
padding-bottom: 25px;
margin-bottom: 50px;
margin-top: 50px;
}
.woocommerce-checkout >main .gros-titre::before {
content: "";
position: absolute;
background-color: #D9042C;
height: 3px;
width: 80px;
left: 50%;
transform: translateX(-50%);
bottom: 1rem;
}
.woocommerce-checkout >main section.contenus-page {
padding-bottom: 50px;
}
.woocommerce-checkout >main section.contenus-page .col-1 {
max-width: none;
}
.woocommerce-checkout >main section.contenus-page .col-2 {
max-width: none;
}
.woocommerce-checkout >main section.contenus-page .input-text {
padding: 2.5px 5px;
resize: none;
font-size: .8rem;
}
.woocommerce-checkout >main section.contenus-page .woocommerce-info {
border-top: 3px solid #D9042C;
}
.woocommerce-checkout >main section.contenus-page .woocommerce-info:before {
color: #D9042C;
}
.woocommerce-checkout >main section.contenus-page .woocommerce a {
color: #0E0F19;
}
.woocommerce-checkout >main section.contenus-page .woocommerce a:hover {
color: #D9042C;
}
.woocommerce-checkout >main section.contenus-page #customer_details .form-row-first,
.woocommerce-checkout >main section.contenus-page #customer_details .form-row-last {
width: 100%;
}
.woocommerce-checkout >main section.contenus-page #customer_details label,
.woocommerce-checkout >main section.contenus-page #customer_details span {
width: 50%;
font-weight: 400;
font-size: .9rem;
}
.woocommerce-checkout >main section.contenus-page #customer_details label span,
.woocommerce-checkout >main section.contenus-page #customer_details span span {
width: 100%;
}
.woocommerce-checkout >main section.contenus-page #customer_details label span b,
.woocommerce-checkout >main section.contenus-page #customer_details span span b {
left: 95%;
}
.woocommerce-checkout >main section.contenus-page #customer_details textarea {
height: 150px;
}
.woocommerce-checkout >main section.contenus-page #customer_details h3 {
font-size: 20px;
line-height: 24px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
}
.woocommerce-checkout >main section.contenus-page #customer_details h3 label {
width: 100%;
}
.woocommerce-checkout >main section.contenus-page #customer_details input,
.woocommerce-checkout >main section.contenus-page #customer_details select {
outline: none;
font-size: .8rem;
}
.woocommerce-checkout >main section.contenus-page #customer_details #billing_address_2,
.woocommerce-checkout >main section.contenus-page #customer_details #shipping_address_2 {
margin-left: 100%;
}
.woocommerce-checkout >main section.contenus-page #order_review_heading {
font-size: 20px;
line-height: 24px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
}
.woocommerce-checkout >main section.contenus-page .woocommerce-checkout-review-order-table thead {
background-color: #0E0F19;
color: #0E0F19;
}
.woocommerce-checkout >main section.contenus-page .woocommerce-checkout-review-order-table .tc-epo-metadata {
font-size: 14px;
line-height: 18px;
}
.woocommerce-checkout >main section.contenus-page .woocommerce-checkout-review-order-table .tc-epo-metadata .cpf-img-on-cart {
border: 0;
}
.woocommerce-checkout >main section.contenus-page .woocommerce-checkout-review-order-table .product-quantity {
color: #D9042C;
font-weight: 500;
}
.woocommerce-checkout >main section.contenus-page .woocommerce-checkout-review-order-table .product-name {
font-size: 1rem;
font-weight: 600;
}
.woocommerce-checkout >main section.contenus-page .woocommerce-checkout-review-order-table .product-name .variation dt {
font-size: .8rem !important;
font-weight: 500 !important;
}
.woocommerce-checkout >main section.contenus-page .woocommerce-checkout-review-order-table .product-name .variation dd {
font-size: .8rem !important;
font-weight: 300 !important;
}
.woocommerce-checkout >main section.contenus-page #customer_details {
margin-bottom: 30px;
}
.woocommerce-checkout >main section.contenus-page #place_order {
background-color: #D9042C;
color: #fff;
outline: none;
font-weight: 500;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
.woocommerce-checkout >main section.contenus-page #place_order:hover {
background-color: #0E0F19;
}
.woocommerce-view-order >main .woocommerce-column--billing-address {
max-width: none;
}
.woocommerce-view-order >main .woocommerce-column--shipping-address {
max-width: none;
}
.woocommerce-account header .wrapper-header .logo {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.woocommerce-account header .wrapper-header .logo a img {
margin: 0 auto;
display: block;
max-width: 20%;
}
.woocommerce-account header .wrapper-header #logo-sticky {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
-webkit-transform: translateY(0) translateX(-50%);
left: 50%;
}
.woocommerce-account header .wrapper-header #logo-sticky a img {
margin: 0 auto;
display: block;
max-width: 80%;
}
.woocommerce-account header .wrapper-header .header-left,
.woocommerce-account header .wrapper-header .header-left-sticky {
display: none;
}
.woocommerce-account header.sticky {
max-height: 100px;
}
.woocommerce-account header.sticky .wrapper-header #logo-sticky {
-webkit-transform: translateY(-5.5rem) translateX(-50%);
left: 50%;
}
.woocommerce-account #customer_login .col-1,
.woocommerce-account #customer_login .col-2 {
max-width: none;
}
.woocommerce-account #customer_login .col-1 .woocommerce-LostPassword a,
.woocommerce-account #customer_login .col-2 .woocommerce-LostPassword a {
color: #D9042C;
}
.woocommerce-account .woocommerce-privacy-policy-text p {
font-size: .85rem;
}
.woocommerce-account .woocommerce-privacy-policy-text p a {
color: #D9042C;
}
.woocommerce-account .woocommerce-form-login .woocommerce-form-login__submit {
background-color: #af1b21;
color: #fff;
}
.woocommerce-account .woocommerce-form-register .woocommerce-form-register__submit {
background-color: #af1b21;
color: #fff;
}
.woocommerce-account >main .gros-titre {
position: relative;
font-size: 24px;
line-height: 28px;
color: #0E0F19;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
padding-bottom: 25px;
margin-bottom: 60px;
margin-top: 60px;
}
.woocommerce-account >main .gros-titre::before {
content: "";
position: absolute;
background-color: #D9042C;
height: 3px;
width: 80px;
left: 50%;
transform: translateX(-50%);
bottom: 1rem;
}
.woocommerce-account >main .woocommerce {
margin-bottom: 4rem;
}
.woocommerce-account >main .woocommerce .woocommerce-MyAccount-content {
padding-left: 3rem;
font-size: .9rem;
}
.woocommerce-account >main .woocommerce .woocommerce-MyAccount-content a {
color: #D9042C;
}
.woocommerce-account >main .woocommerce .woocommerce-MyAccount-navigation ul {
padding-left: 0;
}
.woocommerce-account >main .woocommerce .woocommerce-MyAccount-navigation ul li {
list-style-type: none;
margin-bottom: .3rem;
}
.woocommerce-account >main .woocommerce .woocommerce-MyAccount-navigation ul li a {
color: #fff;
font-weight: 400;
width: 100%;
display: block;
background-color: #0E0F19;
padding: .5rem 1rem;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
.woocommerce-account >main .woocommerce .woocommerce-MyAccount-navigation ul li a:hover {
background-color: #D9042C;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
@media screen and (min-width: 1300px) and (max-width: 1590px) {
body.single-product .summary #description {
padding-right: 10rem;
}
}
@media screen and (min-width: 1050px) and (max-width: 1300px) {
body.single-product .summary #description {
padding-right: 15rem;
}
}
@media screen and (min-width: 992px) and (max-width: 1050px) {
body.single-product .summary #description {
padding-right: 16rem;
}
}
@media screen and (min-width: 900px) and (max-width: 992px) {
body.single-product .summary #description {
padding-right: 7rem;
}
}
@media screen and (min-width: 768px) and (max-width: 900px) {
body.single-product .summary #description {
padding-right: 10rem;
}
}
@-webkit-keyframes mover {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-20px);
}
}
@-o-keyframes mover {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-20px);
}
}
@-moz-keyframes mover {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-20px);
}
}
@keyframes mover {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-20px);
}
}
@media (max-width: 767.98px) {
.woocommerce .woocommerce-ordering select {
font-size: .9rem;
}
body,
html {
overflow: auto;
overflow-x: hidden;
}
body #slider-anchor {
width: 35px;
height: 35px;
left: 44%;
}
body #slider-anchor::before {
width: 15px;
bottom: 11px;
}
body .btn-coffee,
body .btn-boutique {
width: 100%;
}
body .btn-coffee a,
body .btn-boutique a {
width: 100%;
display: block;
text-align: center;
}
body header .logo {
transform: translateY(0);
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body header .logo a img {
max-width: 50%;
}
body header #logo-sticky {
left: 0;
transform: translateY(5rem);
-moz-transform: translateY(5rem);
-webkit-transform: translateY(5rem);
}
body header .header-left,
body header .header-left-sticky {
display: none !important;
}
body header .menu-mobile {
padding-top: 1rem;
border-top: 1px solid rgba(255,255,255,0.2);
width: 100%;
text-align: center;
font-size: 1rem;
}
body header .menu-mobile .menu-wrapper {
padding-left: 1rem;
padding-right: 1rem;
text-align: center;
left: -135%;
}
body header .menu-mobile .menu-wrapper ul {
padding-left: 0;
left: 0;
}
body header .menu-mobile .menu-wrapper ul li a {
font-size: 1rem;
}
body header .menu-mobile .menu-wrapper ul li ul.sub-menu {
margin-top: 5%;
padding-left: 0rem;
}
body header .menu-mobile .menu-wrapper ul li ul.sub-menu li a {
font-size: .8rem;
}
body header .menu-mobile .menu-wrapper.active {
left: 0;
top: 0;
}
body header .menu-mobile .menu-toggler {
color: #fff;
}
body header .menu-mobile .menu-toggler i {
color: #fff;
}
body header.portail {
padding-top: .5rem;
}
body header.portail .logo {
position: relative;
z-index: 1;
transform: translateY(-0.8rem);
}
body header.portail .logo::before {
bottom: -45px;
width: 100%;
}
body header.portail .logo a img {
max-width: 50%;
}
body header.portail .telephone {
order: -1;
}
body header.portail .adresse {
padding-left: 0;
padding-right: 5px;
}
body header.portail .telephone,
body header.portail .adresse {
position: relative;
z-index: 15;
font-size: .7rem;
letter-spacing: 0;
}
body header.portail .telephone a,
body header.portail .adresse a {
font-size: .7rem;
}
body header.portail .telephone {
padding-left: 10px;
padding-right: 5px;
}
body header.coffee .logo {
margin-bottom: 1rem;
}
body header.coffee .logo a img {
max-width: 45%;
margin: 0 auto;
}
body header.coffee .menu-mobile .connexion-panier {
top: 5%;
}
body header.coffee .menu-mobile .connexion-panier .connexion .picto,
body header.coffee .menu-mobile .connexion-panier .panier .picto {
height: 22px;
width: 22px;
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin-right: .5rem;
}
body header.coffee .menu-mobile .connexion-panier .connexion .titre,
body header.coffee .menu-mobile .connexion-panier .panier .titre {
display: none;
}
body header.coffee .menu-mobile .connexion-panier .connexion .picto {
background-image: url('../img/picto-connexion.png');
}
body header.coffee .menu-mobile .connexion-panier .panier .picto {
background-image: url('../img/picto-panier.png');
}
body header.coffee .menu-mobile .connexion-panier .panier .quantiter {
right: 50px;
}
body header.coffee .menu-mobile .menu {
padding-left: 1rem;
padding-right: 1rem;
text-align: center;
}
body header.coffee .menu-mobile .menu ul {
margin-top: 35%;
}
body header.coffee .menu-mobile .menu ul li a {
font-size: 1rem;
}
body header.coffee .menu-mobile .menu ul li >ul {
margin-top: 0;
}
body header.coffee .menu-mobile .menu ul li >ul.sub-menu {
margin-top: .7rem;
}
body header.coffee .menu-mobile .menu ul li >ul.sub-menu li:last-child {
margin-bottom: 0;
}
body header.coffee .menu-mobile .menu ul li >ul.sub-menu li a {
font-size: .8rem;
}
body header.coffee .menu-mobile .menu .bt-close {
margin-top: 4rem;
}
body header.coffee .menu-mobile .menu.active {
left: 0;
padding: 0;
}
body header.coffee .menu-mobile .menu-toggler {
color: #fff;
border: solid 1px #fff;
padding: .2rem 1rem;
}
body header.coffee .menu-mobile .menu-toggler i {
color: #fff;
}
body header.coffee .menu-mobile .reseau-tel {
top: 83%;
}
body header.coffee .header-left {
display: none !important;
}
body header.coffee .header-left .menu ul {
text-align: center;
}
body header.vape {
padding: .8rem;
}
body header.vape .logo {
transform: translateY(0);
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body header.vape .logo a img {
max-width: 80% !important;
}
body header.vape .search-bar .aws-container {
margin-top: -15px;
}
body header.vape .search-bar .aws-container .aws-search-field {
font-size: 14px;
}
body header.vape #menu {
display: none;
}
body header.vape #logo-sticky {
left: 0;
transform: translateY(5rem);
-moz-transform: translateY(5rem);
-webkit-transform: translateY(5rem);
}
body header.vape .header-left,
body header.vape .header-left-sticky {
display: none !important;
}
body header.vape .menu-mobile .menu-wrapper {
padding-left: 1rem;
padding-right: 1rem;
text-align: center;
left: -135%;
}
body header.vape .menu-mobile .menu-wrapper ul {
padding-left: 0;
left: 0;
margin-top: 0;
padding-top: 6rem;
}
body header.vape .menu-mobile .menu-wrapper ul li a {
font-size: 1rem;
}
body header.vape .menu-mobile .menu-wrapper ul li ul.sub-menu {
margin-top: 0;
top: 0px;
padding-left: 1rem;
position: absolute;
left: -150%;
height: 100%;
z-index: 9999;
padding-top: 6rem;
width: 100%;
display: flex;
flex-direction: column;
background-color: #D9042C;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body header.vape .menu-mobile .menu-wrapper ul li ul.sub-menu.active {
opacity: 1;
left: 0;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body header.vape .menu-mobile .menu-wrapper ul li ul.sub-menu li a {
font-size: .8rem;
}
body header.vape .menu-mobile .menu-wrapper ul li ul.sub-menu li.go-back {
font-size: 1rem;
text-transform: uppercase;
color: #fff;
font-weight: 400;
padding: .3rem 1rem;
border: solid 1px #fff;
}
body header.vape .menu-mobile .menu-wrapper.active {
left: 0;
top: 0;
}
body header.vape .menu-mobile .menu-toggler {
text-transform: uppercase;
color: #fff;
}
body header.vape .menu-mobile .menu-toggler i {
color: #fff;
}
body header.sticky .logo {
transform: translateY(-10rem);
-moz-transform: translateY(-10rem);
-webkit-transform: translateY(-10rem);
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body header.sticky .logo a img {
max-width: 35%;
display: block;
margin: inherit;
}
body header.sticky #logo-sticky {
left: 0;
transform: translateY(-2rem);
-moz-transform: translateY(-2rem);
-webkit-transform: translateY(-2rem);
}
body header.sticky #logo-sticky img {
max-width: 35%;
display: block;
margin: inherit;
}
body footer {
padding-bottom: 2rem;
}
body footer.vape {
padding: 0;
padding-bottom: 2rem;
}
body footer.vape .vape-footer-top {
padding: 2rem 0;
}
body footer.vape .vape-footer-top .coordonner .horaire,
body footer.vape .vape-footer-top .coordonner .adresse,
body footer.vape .vape-footer-top .coordonner .telephone {
margin-bottom: 1rem;
}
body footer.vape .vape-footer-top .coordonner .adresse {
margin-bottom: 0;
}
body #reassurance {
padding: 4rem 0;
}
body #reassurance .container {
padding: 0;
}
body #reassurance .container .item {
margin-bottom: 1rem;
}
body.page-id-8 #wrapper-home #twenty-coffee,
body.page-id-8 #wrapper-home #twenty-vaps {
height: 50vh;
}
body.page-id-8 #wrapper-home #twenty-coffee .inner .btn-entrer,
body.page-id-8 #wrapper-home #twenty-vaps .inner .btn-entrer {
padding: .3rem 1rem;
}
body.page-id-8 #wrapper-home #twenty-coffee .inner .btn-entrer p,
body.page-id-8 #wrapper-home #twenty-vaps .inner .btn-entrer p {
font-size: 16px;
}
body.page-id-8 #wrapper-home #twenty-coffee .inner .titre h1,
body.page-id-8 #wrapper-home #twenty-vaps .inner .titre h1 {
font-size: 2rem;
}
body.page-id-22 #entete {
height: 450px;
}
body.page-id-22 #entete .inner .titre h1 {
font-size: 3.5rem;
}
body.page-id-22 #le-concept {
margin-bottom: 3rem;
padding-top: 9rem;
}
body.page-id-22 #le-concept::before {
width: 290px;
height: 380px;
top: 25%;
}
body.page-id-22 #le-concept::after {
display: none;
}
body.page-id-22 #le-concept .wrapper-concept::before {
width: 70px;
height: 49px;
top: -9.1rem;
}
body.page-id-22 #le-concept .wrapper-concept::after {
width: 50px;
height: 30px;
top: -4.5rem;
}
body.page-id-22 #le-concept .wrapper-concept .infos-concept {
position: relative;
padding-left: 1rem;
margin-top: 2rem;
}
body.page-id-22 #le-concept .wrapper-concept .infos-concept .titre-concept {
font-size: 2.5rem;
}
body.page-id-22 #le-concept .wrapper-concept .infos-concept .sous-titre-concept {
font-size: 1rem;
}
body.page-id-22 #le-concept .wrapper-concept .galerie {
padding: 0;
}
body.page-id-22 #le-concept .wrapper-concept #slider-galerie .owl-stage {
margin: 0 auto;
}
body.page-id-22 #le-concept .wrapper-concept #slider-galerie .owl-stage .owl-item {
height: 220px;
}
body.page-id-22 #reseaux {
padding: 3rem 0;
}
body.page-id-22 #reseaux .texte {
font-size: .9rem;
text-align: center;
}
body.page-id-22 #la-carte .titre-carte {
font-size: 2.5rem;
}
body.page-id-22 #la-carte .sous-titre-carte {
font-size: 1.2rem;
}
body.page-id-22 #la-carte .specialiter .inner .photo {
width: 200px;
height: 200px;
}
body.page-id-22 #la-carte .specialiter .inner .titre {
font-size: 1.3rem;
}
body.page-id-22 #la-carte .specialiter .inner .item-produit .nom-produit {
font-size: .9rem;
text-align: center;
}
body.page-id-22 #la-carte .specialiter .inner .item-produit .description-produit {
font-size: .8rem;
text-align: center;
}
body.page-id-22 #actualites {
margin-bottom: 2rem;
}
body.page-id-22 #actualites::before {
width: 250px;
height: 250px;
top: -5rem;
}
body.page-id-22 #actualites .titre-actus {
font-size: 2.5rem;
}
body.page-id-22 #actualites #slider-actus .owl-stage .owl-item .ctn-actus .photo-actus {
height: 210px;
}
body.page-id-22 #actualites #slider-actus .owl-stage .owl-item .ctn-actus .ctn-message {
margin-top: 1rem;
}
body.page-id-22 #actualites #slider-actus .owl-stage .owl-item .ctn-actus .ctn-message h2 {
font-size: .9rem;
text-align: center;
}
body.page-id-22 #contact {
padding: 1rem;
}
body.page-id-22 #contact .infos-client .titre {
margin-bottom: 1rem;
}
body.page-id-22 #contact .infos-client .titre h2 {
font-size: 1.5rem;
text-align: center;
}
body.page-id-22 #contact .infos-client .adresse,
body.page-id-22 #contact .infos-client .telephone,
body.page-id-22 #contact .infos-client .horaire {
-ms-flex-pack: center !important;
justify-content: center !important;
}
body.page-id-22 #contact .infos-client .adresse span,
body.page-id-22 #contact .infos-client .adresse a,
body.page-id-22 #contact .infos-client .adresse div,
body.page-id-22 #contact .infos-client .telephone span,
body.page-id-22 #contact .infos-client .telephone a,
body.page-id-22 #contact .infos-client .telephone div,
body.page-id-22 #contact .infos-client .horaire span,
body.page-id-22 #contact .infos-client .horaire a,
body.page-id-22 #contact .infos-client .horaire div {
font-size: .9rem;
}
body.page-id-22 #contact .formulaire {
padding-right: 0;
padding-left: 0;
}
body.page-id-22 #contact .formulaire .titre {
margin-bottom: 1rem;
margin-top: 1rem;
}
body.page-id-22 #contact .formulaire .titre h2 {
font-size: 2rem;
text-align: center;
}
body.page-id-22 #contact .formulaire .form #nf-form-1-cont .nf-field-container {
margin-bottom: 5px;
}
body.page-id-74 #main-slider {
background: #E8E9EB;
}
body.page-id-74 #main-slider .owl-nav {
display: flex !important;
position: absolute;
bottom: 15px;
height: 40px;
left: 0;
right: 0;
margin: auto;
width: 40px;
justify-content: space-between;
}
body.page-id-74 #main-slider .owl-nav button span {
color: #fff;
font-size: 60px;
line-height: .6;
}
body.page-id-74 #main-slider .owl-nav button:focus {
outline: none;
}
body.page-id-74 #main-slider .owl-item {
height: auto;
}
body.page-id-74 #main-slider .owl-stage-outer {
height: auto;
}
body.page-id-74 #main-slider .owl-stage-outer .slide {
padding: 40px 0 80px;
}
body.page-id-74 #main-slider .item:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 10;
height: 100%;
background-color: rgba(0,0,0,0.6);
}
body.page-id-74 #main-slider .item .titre {
font-size: 1.7rem;
line-height: 1.3;
margin-bottom: 15px;
}
body.page-id-74 #main-slider .item .sous-titre {
font-size: 1.1rem;
}
body.page-id-74 #main-slider .item .cta {
margin-top: 1.7rem;
}
body.page-id-74 #entete {
height: 12rem;
}
body.page-id-74 #entete .titre {
width: 100%;
}
body.page-id-74 #entete .titre h1 {
font-size: 1.5rem;
}
body.page-id-74 #list-produit {
padding: 3rem 0;
}
body.page-id-74 #list-produit #pills-tab {
display: block;
border-bottom: 0;
}
body.page-id-74 #list-produit #pills-tab li {
justify-content: center;
margin-bottom: 8px;
}
body.page-id-74 #list-produit #pills-tab li:not(:first-child) {
margin-left: 0;
}
body.page-id-74 #list-produit #pills-tab li a {
padding: 8px 12px !important;
font-size: .8rem !important;
border-bottom: 2px solid #cccccc;
}
body.page-id-74 #list-produit #pills-tab li a.active {
padding: 8px 12px;
font-size: .8rem;
}
body.page-id-74 #list-produit ul.products {
padding-left: 0;
}
body.page-id-74 #list-produit ul.products li {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
body.page-id-74 #list-produit ul.products li::before {
width: 95.6%;
}
body.page-id-74 #list-produit ul.products li:first-child .sous-cat a {
width: 100%;
}
body.page-id-74 #list-produit ul.products li #infos-produit .nom h2 {
font-size: .9rem;
}
body.page-id-74 #list-produit ul.products li #infos-produit .marque-produit span {
font-size: .9rem;
}
body.page-id-74 #list-produit ul.products li #infos-produit .prix-produit {
font-size: 1rem;
}
body.page-id-74 #list-produit ul.products li .single-product-left .single-product-slider {
height: 260px;
border-radius: 30px 30px 0 0 !important;
}
body.page-id-74 #vape {
margin-bottom: 3rem;
}
body.page-id-74 #vape #seconde-image {
top: -1rem;
height: 250px;
width: 100%;
}
body.page-id-74 #vape .wrapper-vape .infos-vape {
padding-left: 1rem;
margin-top: 2rem;
}
body.page-id-74 #vape .wrapper-vape .infos-vape .titre-vape {
font-size: 2.2rem;
text-align: center;
}
body.page-id-74 #vape .wrapper-vape .infos-vape .sous-titre-vape {
font-size: 1.2rem;
}
body.page-id-74 #vape .wrapper-vape .image-wrapper {
height: 300px;
}
body.page-id-76 #concept {
position: relative;
margin: 2rem 0 2rem 0;
}
body.page-id-76 #concept .fond-concept {
display: none;
}
body.page-id-76 #concept .wrapper-concept {
position: relative;
}
body.page-id-76 #concept .wrapper-concept .infos-concept {
padding-right: 1rem;
padding-top: 1rem;
}
body.page-id-76 #concept .wrapper-concept .infos-concept .titre-concept {
text-align: center;
width: 100%;
font-size: 1.5rem;
}
body.page-id-76 #concept .wrapper-concept .infos-concept .titre-concept::before {
left: 50%;
transform: translateX(-50%);
}
body.page-id-76 #concept .wrapper-concept .image-concept {
height: 15rem;
}
body.page-id-76 #etapes .container {
padding: 0;
}
body.page-id-76 #etapes .item-etape {
position: relative;
}
body.page-id-76 #etapes .item-etape:nth-child(2) {
padding: 0;
}
body.page-id-76 #etapes .item-etape:first-child::before {
height: 15px;
width: 80px;
right: inherit;
left: 60%;
transform: translateX(-50%) rotate(90deg);
top: inherit;
bottom: -1rem;
}
body.page-id-76 #etapes .item-etape:nth-child(2)::before {
content: "";
position: absolute;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-image: url(../img/tracer-2-concept.png);
height: 15px;
width: 80px;
right: inherit;
left: 55%;
transform: translateX(-50%) rotate(90deg);
top: inherit;
bottom: -1rem;
}
body.page-id-76 #etapes .item-etape:last-child::before {
display: none;
}
body.page-id-76 #etapes .item-etape .inner .chiffre {
font-size: 7rem;
margin-right: .8rem;
}
body.page-id-76 #etapes .item-etape .inner .description {
font-weight: 500;
font-size: .8rem;
}
body.page-id-76 #service {
margin: 2rem 0 3rem 0;
}
body.page-id-76 #service .fond-service {
display: none;
}
body.page-id-76 #service .wrapper-service .infos-service {
padding-left: 1em;
padding-bottom: 2rem;
}
body.page-id-76 #service .wrapper-service .infos-service .titre-service {
text-align: center;
width: 100%;
font-size: 1.5rem;
}
body.page-id-76 #service .wrapper-service .infos-service .titre-service::before {
left: 50%;
transform: translateX(-50%);
}
body.page-id-76 #service .wrapper-service .image-service {
height: 15rem;
}
body.page-id-77 #team {
margin: 3rem 0 2rem 0;
}
body.page-id-77 #team .wrapper-team .item-team {
padding: 0 1rem;
margin-bottom: 2rem;
}
body.page-id-77 #team .wrapper-team .item-team .inner .photo {
width: 200px;
height: 200px;
}
body.page-id-77 #team .wrapper-team .item-team .inner .nom-membre {
font-size: 2.5rem;
}
body.page-id-77 #team .wrapper-team .item-team .inner .presentation {
font-size: .8rem;
}
body.page-id-77 #equipe-question {
position: relative;
margin: 4rem 0 3rem 0;
}
body.page-id-77 #equipe-question .infos-equipe .titre-equipe {
text-align: center;
}
body.page-id-77 #equipe-question .infos-equipe .titre-equipe::before {
left: 50%;
transform: translateX(-50%);
}
body.page-id-77 #equipe-question .question .inner {
padding: 0;
}
body.page-id-77 #equipe-question .question .inner .titre-question {
text-align: center;
}
body.page-id-77 #equipe-question .question .inner .titre-question::before {
left: 50%;
transform: translateX(-50%);
}
body.page-id-77 #equipe-question .question .inner a::before {
right: 1rem;
}
body.archive #bandeau-top {
position: relative;
top: 0;
}
body.archive #bandeau-top .ctn-bandeau {
height: 190px;
padding-top: 3rem;
padding-bottom: 3rem;
}
body.archive #bandeau-top .ctn-bandeau .inner .titre-bandeau h1 {
font-size: 2rem;
}
body.archive #wrapper-list-produit {
margin-top: 0;
margin-bottom: 3rem;
}
body.archive #wrapper-list-produit .woocommerce-ordering {
float: none;
text-align: center;
margin-top: 1rem !important;
}
body.archive #wrapper-list-produit ul {
display: flex;
flex-wrap: wrap;
margin-top: 2rem;
}
body.archive #wrapper-list-produit ul li {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
body.archive #wrapper-list-produit ul li .onsale {
right: 25px;
}
body.archive #wrapper-list-produit ul li .single-product-left .single-product-slider {
height: 210px;
}
body.tax-product_cat .wrapper-top-category-produit {
text-align: center;
}
body.tax-product_cat .wrapper-top-category-produit .container:before {
left: 0;
right: 0;
margin: auto;
}
body.tax-product_cat .wrapper-top-category-produit .container .vee_category_title span {
font-size: 1.5rem;
padding-left: 0;
}
body.tax-product_cat .wrapper-top-category-produit .container .vee_category_title span::before {
width: 50px;
height: 60px;
}
body.single-product .woocommerce-breadcrumb {
width: 100% !important;
font-size: .65rem !important;
}
body.single-product .wrapper-btn-gallery {
width: 100%;
text-align: center;
}
body.single-product .wrapper-btn-gallery a {
font-size: .8rem;
}
body.single-product #description {
margin: 0 0 2rem;
text-align: center;
}
body.single-product #description p {
font-size: .8rem;
}
body.single-product #description .listing {
font-size: .8rem;
}
body.single-product .onsale {
left: 1rem;
top: -15px;
}
body.single-product .row {
flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
}
body.single-product .product {
display: block;
}
body.single-product .product .gallery-svi {
max-width: 100% !important;
}
body.single-product .product .sviproslider {
min-width: 0vw !important;
left: 0%;
width: 100% !important;
}
body.single-product .product .sviproslider .swiper {
width: 100% !important;
}
body.single-product .product .sviproslider .swiper img {
width: 100% !important;
}
body.single-product .product div.summary {
padding: 0;
}
body.single-product .product form.cart .variations select {
font-size: .7rem;
}
body.single-product .product #more-btn > a {
font-size: .9rem;
margin: auto;
display: table;
}
body.single-product .product .overflow {
overflow: scroll;
padding: 0 0 15px;
}
body.single-product .product #infos-table {
font-size: .9rem;
width: 530px;
}
body.single-product #wrapper-top-produit-wrapper .container .woocommerce-breadcrumb {
text-align: center;
}
body.single-product #wrapper-top-produit-wrapper .container .main-title h1 {
font-size: 1.6rem;
}
body.single-product #wrapper-top-produit-wrapper .container .main-title h1:before,
body.single-product #wrapper-top-produit-wrapper .container .main-title h1:after {
display: none;
}
body.single-product .variations tr {
display: flex;
flex-direction: column;
margin-bottom: 1rem;
}
body.single-product .variations tr .label {
text-align: center;
}
body.single-product .quantity {
width: 100% !important;
margin: 1rem 0 !important;
}
body.single-product .quantity .minus,
body.single-product .quantity .plus {
width: 30% !important;
}
body.single-product .quantity input.qty {
width: 40% !important;
}
body.single-product .woocommerce-variation-price {
float: none;
width: 100%;
text-align: center;
}
body.single-product .single_add_to_cart_button {
margin-left: 0;
width: 100%;
}
body.single-product .product {
max-width: 100%;
}
body.single-product .product #single-product-left,
body.single-product .product .summary {
max-width: 100%;
flex-basis: 100%;
-moz-flex-basis: 100%;
-webkit-flex-basis: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
body.single-product .product .summary {
padding-left: 1rem;
padding-right: 1rem;
margin-bottom: 0 !important;
}
body.single-product .related,
body.single-product .upsells {
padding: 0 1rem;
}
body.single-product .related >h2,
body.single-product .upsells >h2 {
width: 90%;
font-size: 1.1rem;
margin-bottom: 1rem;
}
body.single-product .related .products .product,
body.single-product .upsells .products .product {
width: 100% !important;
margin-right: 0rem !important;
margin-left: 0rem !important;
}
body.single-product .related ul.products li.product #infos-produit,
body.single-product .upsells ul.products li.product #infos-produit {
text-align: center;
}
body.single-product .related ul.products li.product #infos-produit .nom h2,
body.single-product .upsells ul.products li.product #infos-produit .nom h2 {
min-height: auto;
}
body.single-product .related ul.products li.product #infos-produit .marque-produit span,
body.single-product .upsells ul.products li.product #infos-produit .marque-produit span {
font-size: 1rem;
margin-bottom: 6px;
display: block;
}
body.single-product #more-infos {
padding: 30px 0 0;
}
body.single-product #more-infos h2 {
margin-bottom: 2rem;
}
body.single-product #more-infos h4 {
font-size: 1.3rem;
text-align: center;
}
body.single-product #more-infos p {
font-size: .9rem;
}
body.single-product #more-infos ul li {
font-size: .9rem;
}
body.single-product #single-product-slider.owl-carousel {
height: 20rem;
max-width: 100%;
}
body.single-product #single-product-slider.owl-carousel .item {
background-repeat: no-repeat;
background-size: contain;
}
body.single-product .wrapper-btn-gallery {
padding-left: 1rem;
}
body.single-product #reassurance .row {
flex-wrap: wrap;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
body.single-product footer .row {
flex-wrap: wrap;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
body.single-product footer .vape-footer-bottom {
font-size: .8rem;
}
body.woocommerce-cart header {
padding: 1rem .8rem;
}
body.woocommerce-cart header .wrapper-header .logo a img {
max-width: 40%;
}
body.woocommerce-cart header .wrapper-header #logo-sticky {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.woocommerce-cart header .wrapper-header #logo-sticky a img {
max-width: 40%;
}
body.woocommerce-cart header.sticky .wrapper-header #logo-sticky {
left: 0;
transform: translateY(-2.6rem) !important;
-moz-transform: translateY(-2.6rem);
-webkit-transform: translateY(-2.6rem);
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.woocommerce-cart header.sticky .wrapper-header #logo-sticky a img {
max-width: 40%;
}
body.woocommerce-cart >main .contenus-page .button {
width: 100%;
text-align: center;
}
body.woocommerce-checkout header {
padding: 1rem .8rem;
}
body.woocommerce-checkout header .wrapper-header .logo a img {
max-width: 40%;
}
body.woocommerce-checkout header .wrapper-header #logo-sticky {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.woocommerce-checkout header .wrapper-header #logo-sticky a img {
max-width: 40%;
}
body.woocommerce-checkout header.sticky .wrapper-header #logo-sticky {
left: 0;
transform: translateY(-2.6rem) !important;
-moz-transform: translateY(-2.6rem);
-webkit-transform: translateY(-2.6rem);
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.woocommerce-checkout header.sticky .wrapper-header #logo-sticky a img {
max-width: 40%;
}
body.woocommerce-checkout >main section.contenus-page .col-1 {
padding: 0;
}
body.woocommerce-checkout >main section.contenus-page #customer_details label,
body.woocommerce-checkout >main section.contenus-page #customer_details span {
width: 100%;
}
body.woocommerce-checkout >main section.contenus-page #customer_details textarea {
width: 100%;
}
body.woocommerce-checkout >main section.contenus-page #customer_details input,
body.woocommerce-checkout >main section.contenus-page #customer_details select {
width: 100%;
}
body.woocommerce-checkout >main section.contenus-page #customer_details #billing_address_2,
body.woocommerce-checkout >main section.contenus-page #customer_details #shipping_address_2 {
margin-left: 0;
}
body.woocommerce-account header {
padding: 1rem .8rem;
}
body.woocommerce-account header .wrapper-header .logo a img {
max-width: 40%;
}
body.woocommerce-account header .wrapper-header #logo-sticky {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.woocommerce-account header .wrapper-header #logo-sticky a img {
max-width: 40%;
}
body.woocommerce-account header.sticky .wrapper-header #logo-sticky {
left: 0;
transform: translateY(-2.6rem) !important;
-moz-transform: translateY(-2.6rem);
-webkit-transform: translateY(-2.6rem);
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body.woocommerce-account header.sticky .wrapper-header #logo-sticky a img {
max-width: 40%;
}
body.woocommerce-account >main section.contenus-page {
padding-bottom: 0px;
}
body.woocommerce-account >main section.contenus-page .col-1 {
max-width: none;
}
body.woocommerce-account >main section.contenus-page .col-1 h2 {
text-align: center;
font-size: 1.3rem;
}
body.woocommerce-account >main section.contenus-page .col-2 {
max-width: none;
}
body.woocommerce-account >main section.contenus-page .col-2 h2 {
text-align: center;
font-size: 1.3rem;
}
body.woocommerce-account >main .woocommerce .woocommerce-MyAccount-content {
padding-left: 0;
}
body.woocommerce-account >main .woocommerce .woocommerce-MyAccount-content p {
text-align: center;
font-size: .9rem;
}
#grdp_barre_maxi {
z-index: 9999 !important;
}
#grdp_barre_mini {
display: none !important;
}
.sviproslider {
min-width: 50vw !important;
position: relative;
left: 100%;
}
.svi-gallery-top {
width: 50vw !important;
max-width: 300px !important;
min-width: 300px !important;
min-height: 300px;
}
.svi-gallery-top .swiper-wrapper {
height: 200px !important;
min-width: 300px !important;
}
.svi-gallery-top .swiper-wrapper .svi-gallery-top {
min-width: 300px !important;
height: 100% !important;
}
}
@media (max-width: 767.98px) and (min-width: 375px) {
body header.sticky #logo-sticky {
transform: translateY(-2.4rem);
-moz-transform: translateY(-2.4rem);
-webkit-transform: translateY(-2.4rem);
}
}
@media (max-width: 767.98px) and (min-width: 414px) {
body header.sticky #logo-sticky {
transform: translateY(-2.8rem);
-moz-transform: translateY(-2.8rem);
-webkit-transform: translateY(-2.8rem);
}
}
@media (max-width: 767.98px) and (max-width: 500px) {
.swiper-container.svi-gallery-top.swiper-container-initialized.swiper-container-horizontal.swiper-container-autoheight.swiper-container-ios {
margin-left: -20%;
}
}
@media screen and (max-width: 767.98px) {
body.single-product .product .summary .cart {
display: block;
position: static;
transform: none;
width: 100%;
transition: all .3s ease-in-out !important;
-webkit-transition: all .3s ease-in-out !important;
-moz-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;
margin: 50px auto;
}
body.single-product .product .summary .cart .variations {
width: 100% !important;
text-align: center;
}
body.single-product .product .summary .cart .variations td.label {
padding-right: 0;
}
body.single-product .product .summary .cart .variations #contenance {
margin: 0 auto;
}
body.single-product .product .summary .cart #cart-container>#get-it-button {
display: none;
}
}
@media screen and (min-width: 575px) and (max-width: 767.98px) {
body header.vape .logo a img {
width: 100% !important;
max-width: 100% !important;
}
body header.vape .connexion-panier .connexion .picto,
body header.vape .connexion-panier .panier .picto {
width: 16px;
height: 18px;
}
body header.vape .connexion-panier .connexion {
margin-bottom: .5rem;
}
body header.vape .connexion-panier .panier .quantiter {
position: relative;
right: auto;
top: auto;
order: 3;
margin-left: 15px;
}
body.page-id-74 #list-produit #pills-tab li a {
padding: .7rem 1rem;
}
body.single-product .row {
flex-wrap: wrap;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
}
@media screen and (max-width: 575px) {
body header.vape #top-header {
position: relative;
}
body header.vape #top-header .logo {
order: 1;
}
body header.vape #top-header .logo a img {
max-width: 80%;
}
body header.vape #top-header .search-bar {
order: 2;
}
body header.vape #top-header .connexion-panier {
order: 3;
}
body header.vape #top-header .connexion-panier .connexion,
body header.vape #top-header .connexion-panier .panier {
position: absolute;
top: 100%;
transform: translateY(.5rem);
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: auto;
width: auto;
display: inline-block;
text-align: center;
}
body header.vape #top-header .connexion-panier .connexion .picto,
body header.vape #top-header .connexion-panier .panier .picto {
display: inline-block;
width: 20px;
height: 20px;
margin: 0;
}
body header.vape #top-header .connexion-panier .connexion .titre,
body header.vape #top-header .connexion-panier .panier .titre {
display: block;
}
body header.vape #top-header .connexion-panier .connexion {
left: 0;
}
body header.vape #top-header .connexion-panier .panier {
right: 0;
}
body.page-id-74 #list-produit #pills-tab li a {
padding: .7rem 1rem;
font-size: .8rem;
}
}
@media screen and (max-width: 400px) {
body header.vape #top-header .logo a img {
max-width: 100%;
}
body header.vape #top-header .connexion-panier {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
body #slider-anchor {
left: 47%;
}
body #reassurance {
padding: 4rem 0;
}
body #reassurance .container {
padding: 0;
}
body #reassurance .container .item {
margin-bottom: 1rem;
}
body header.portail .logo {
position: relative;
}
body header.portail .logo::before {
bottom: -55px;
width: 280px;
}
body header.portail .logo a img {
max-width: 70%;
}
body header.portail .adresse {
padding-right: 0;
}
body header.portail .telephone,
body header.portail .adresse {
font-size: .9rem;
letter-spacing: 0;
}
body header.portail .telephone a,
body header.portail .adresse a {
font-size: .9rem;
}
body header.coffee {
padding: 1rem 0;
}
body header.coffee .logo {
margin-bottom: 1rem;
margin-top: .5rem;
}
body header.coffee .logo a img {
max-width: 30%;
margin: 0 auto;
}
body header.coffee .header-left {
display: flex !important;
}
body header.coffee .header-left .menu ul {
text-align: left;
}
body header.vape .logo a img {
max-width: 70%;
margin: 0 auto;
}
body header.vape #logo-sticky {
left: 50%;
}
body header.vape .header-left .header-top .connexion-panier .panier .quantiter {
right: 28px;
}
body header.vape .header-left,
body header.vape .header-left-sticky {
padding-left: 0;
}
body header.vape .header-left .menu,
body header.vape .header-left-sticky .menu {
width: 100%;
}
body header.vape .header-left .menu .menu-menu-vape-container,
body header.vape .header-left-sticky .menu .menu-menu-vape-container {
width: 100%;
}
body header.vape .header-left .menu .menu-menu-vape-container ul,
body header.vape .header-left-sticky .menu .menu-menu-vape-container ul {
text-align: center;
width: 100%;
}
body header.vape .header-left .menu .menu-menu-vape-container ul li,
body header.vape .header-left-sticky .menu .menu-menu-vape-container ul li {
margin: 0 .5rem;
}
body header.vape .header-left .menu .menu-menu-vape-container ul li a,
body header.vape .header-left-sticky .menu .menu-menu-vape-container ul li a {
font-size: .75rem !important;
}
body header.sticky {
max-height: 100%;
height: auto;
padding-top: 0;
}
body header.sticky #logo-sticky {
left: 50%;
transform: translateY(-11rem) translateX(-50%);
-moz-transform: translateY(-11rem) translateX(-50%);
-webkit-transform: translateY(-11rem) translateX(-50%);
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
opacity: 1;
mediargin-bottom: 2rem;
}
body header.sticky #logo-sticky img {
max-width: 90%;
display: block;
margin: 0 auto;
}
body header.sticky .header-left-sticky {
left: 0;
transform: translateY(-7rem);
-moz-transform: translateY(-7rem);
-webkit-transform: translateY(-7rem);
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body header.sticky .header-left-sticky .connexion-panier {
position: absolute;
top: -3rem;
right: 0;
}
body header.sticky .header-left-sticky .menu {
padding-left: 0;
}
body header.sticky .header-left-sticky .menu ul li {
margin: 0 .6rem !important;
}
body header.sticky .header-left-sticky .menu ul li a {
font-size: .75rem;
}
body footer.vape {
padding: 0;
}
body footer.vape .vape-footer-top {
padding: 2rem 0;
}
body footer.vape .vape-footer-top .coordonner .horaire,
body footer.vape .vape-footer-top .coordonner .adresse,
body footer.vape .vape-footer-top .coordonner .telephone {
margin-bottom: 1rem;
}
body footer.vape .vape-footer-top .coordonner .adresse {
margin-bottom: 0;
}
body.page-id-8 #wrapper-home #twenty-coffee,
body.page-id-8 #wrapper-home #twenty-vaps {
height: 60vh;
}
body.page-id-8 #wrapper-home #twenty-coffee .inner .btn-entrer p,
body.page-id-8 #wrapper-home #twenty-vaps .inner .btn-entrer p {
font-size: 18px;
}
body.page-id-8 #wrapper-home #twenty-coffee .inner .titre h1,
body.page-id-8 #wrapper-home #twenty-vaps .inner .titre h1 {
font-size: 4.5rem;
}
body.page-id-22 #entete {
height: 500px;
}
body.page-id-22 #entete .inner {
top: 53%;
}
body.page-id-22 #entete .inner .titre h1 {
font-size: 4rem;
}
body.page-id-22 #le-concept {
margin-bottom: 6rem;
}
body.page-id-22 #le-concept::before {
width: 290px;
height: 380px;
top: 25%;
}
body.page-id-22 #le-concept::after {
display: none;
}
body.page-id-22 #le-concept .wrapper-concept .infos-concept {
position: relative;
padding-left: 1rem;
margin-top: 2rem;
}
body.page-id-22 #le-concept .wrapper-concept #slider-galerie {
position: relative;
border: solid 8px #fff;
}
body.page-id-22 #le-concept .wrapper-concept #slider-galerie::before {
position: absolute;
content: "";
background-color: #0E0F19;
opacity: .3;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
body.page-id-22 #le-concept .wrapper-concept #slider-galerie .owl-stage {
margin: 0 auto;
}
body.page-id-22 #le-concept .wrapper-concept #slider-galerie .owl-stage .owl-item {
height: 340px;
overflow: hidden;
align-items: center;
display: inline-flex;
}
body.page-id-22 #le-concept .wrapper-concept #slider-galerie .owl-stage .owl-item a {
display: block;
width: 100%;
height: 100%;
}
body.page-id-22 #le-concept .wrapper-concept #slider-galerie .owl-stage .owl-item a .item {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
body.page-id-22 #le-concept .wrapper-concept #slider-galerie .owl-nav {
position: absolute;
bottom: .5rem;
width: 100%;
z-index: 50;
}
body.page-id-22 #le-concept .wrapper-concept #slider-galerie .owl-nav .owl-prev,
body.page-id-22 #le-concept .wrapper-concept #slider-galerie .owl-nav .owl-next {
position: absolute;
bottom: 0;
outline: none;
border: none;
}
body.page-id-22 #le-concept .wrapper-concept #slider-galerie .owl-nav .owl-prev span,
body.page-id-22 #le-concept .wrapper-concept #slider-galerie .owl-nav .owl-next span {
color: #fff;
font-weight: 300;
font-size: 2.5rem;
}
body.page-id-22 #le-concept .wrapper-concept #slider-galerie .owl-nav .owl-prev {
left: 1rem;
}
body.page-id-22 #le-concept .wrapper-concept #slider-galerie .owl-nav .owl-next {
right: 1rem;
}
body.page-id-22 #la-carte .specialiter .inner .photo {
width: 200px;
height: 200px;
}
body.page-id-22 #la-carte .specialiter .inner .titre {
font-size: 1rem;
}
body.page-id-22 #la-carte .specialiter .inner .item-produit .nom-produit {
font-size: .9rem;
}
body.page-id-22 #la-carte .specialiter .inner .item-produit .description-produit {
font-size: .8rem;
}
body.page-id-22 #actualites::before {
width: 250px;
height: 250px;
}
body.page-id-22 #actualites #slider-actus .owl-stage .owl-item .ctn-actus .photo-actus {
height: 210px;
}
body.page-id-22 #actualites #slider-actus .owl-stage .owl-item .ctn-actus .ctn-message {
margin-top: 1rem;
}
body.page-id-22 #actualites #slider-actus .owl-stage .owl-item .ctn-actus .ctn-message h2 {
font-size: .8rem;
}
body.page-id-22 #contact {
padding: 2rem;
}
body.page-id-22 #contact .infos-client .titre h2 {
font-size: 1.5rem;
}
body.page-id-22 #contact .formulaire {
padding-right: 0;
padding-left: 0;
}
body.page-id-22 #contact .formulaire .titre {
margin-bottom: 1.5rem;
}
body.page-id-22 #contact .formulaire .titre h2 {
font-size: 2rem;
}
body.page-id-22 #contact .formulaire .form #nf-form-1-cont .nf-field-container {
margin-bottom: 5px;
}
body.page-id-74 #entete {
height: 15rem;
}
body.page-id-74 #entete .titre {
width: 100%;
}
body.page-id-74 #list-produit {
margin: 3rem 0;
}
body.page-id-74 #list-produit ul {
padding-left: 0;
}
body.page-id-74 #list-produit ul li {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: auto;
}
body.page-id-74 #list-produit ul li #infos-produit .nom h2 {
font-size: .8rem;
}
body.page-id-74 #vape #seconde-image {
top: -2rem;
}
body.page-id-74 #vape .wrapper-vape .infos-vape {
padding-left: 1rem;
margin-top: 2rem;
}
body.page-id-74 #vape .wrapper-vape .infos-vape .sous-titre-vape {
font-size: 1.2rem;
}
body.page-id-74 #vape .wrapper-vape .image-wrapper {
height: 350px;
}
body.page-id-76 #concept {
position: relative;
margin: 3rem 0 6rem 0;
}
body.page-id-76 #concept .fond-concept {
display: none;
}
body.page-id-76 #concept .wrapper-concept {
position: relative;
}
body.page-id-76 #concept .wrapper-concept .infos-concept {
padding-right: 1rem;
}
body.page-id-76 #concept .wrapper-concept .infos-concept .titre-concept {
text-align: center;
width: 100%;
}
body.page-id-76 #concept .wrapper-concept .infos-concept .titre-concept::before {
left: 50%;
transform: translateX(-50%);
}
body.page-id-76 #concept .wrapper-concept .image-concept {
height: 20rem;
}
body.page-id-76 #etapes .container {
padding: 0;
}
body.page-id-76 #etapes .item-etape {
position: relative;
}
body.page-id-76 #etapes .item-etape:nth-child(2) {
padding: 0;
}
body.page-id-76 #etapes .item-etape:first-child::before {
width: 130px;
height: 25px;
top: 0;
}
body.page-id-76 #etapes .item-etape:last-child::before {
width: 130px;
height: 35px;
bottom: 0;
}
body.page-id-76 #etapes .item-etape .inner .chiffre {
font-size: 8rem;
margin-right: .8rem;
}
body.page-id-76 #etapes .item-etape .inner .description {
font-weight: 500;
font-size: .85rem;
}
body.page-id-76 #service {
margin: 6rem 0 3rem 0;
}
body.page-id-76 #service .fond-service {
display: none;
}
body.page-id-76 #service .wrapper-service .infos-service {
padding-left: 1em;
}
body.page-id-76 #service .wrapper-service .infos-service .titre-service {
text-align: center;
width: 100%;
}
body.page-id-76 #service .wrapper-service .infos-service .titre-service::before {
left: 50%;
transform: translateX(-50%);
}
body.page-id-76 #service .wrapper-service .image-service {
height: 20rem;
}
body.page-id-77 #team .wrapper-team .item-team {
padding: 0 1rem;
}
body.page-id-77 #team .wrapper-team .item-team .inner .photo {
width: 200px;
height: 200px;
}
body.page-id-77 #team .wrapper-team .item-team .inner .nom-membre {
font-size: 2.5rem;
}
body.page-id-77 #team .wrapper-team .item-team .inner .presentation {
font-size: .8rem;
}
body.page-id-77 #equipe-question {
position: relative;
margin: 4rem 0 3rem 0;
}
body.page-id-77 #equipe-question .question .inner a::before {
right: 1rem;
}
body.archive #wrapper-list-produit {
margin-top: 0;
margin-bottom: 3rem;
}
body.archive #wrapper-list-produit ul {
display: flex;
flex-wrap: wrap;
}
body.archive #wrapper-list-produit ul li {
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%;
}
body.single-product .wrapper-btn-gallery {
width: 100%;
}
body.single-product .product {
width: 100%;
}
body.single-product .product #single-product-left,
body.single-product .product .summary {
max-width: 100%;
flex-basis: 100%;
-moz-flex-basis: 100%;
-webkit-flex-basis: 100%;
padding-left: 2rem;
padding-right: 2rem;
}
body.single-product .product .summary {
padding-left: 2rem;
padding-right: 2rem;
}
body.single-product .related,
body.single-product .upsells {
padding: 0 2rem;
}
body.single-product .related .products .product,
body.single-product .upsells .products .product {
width: 47% !important;
}
body.single-product #single-product-slider.owl-carousel {
height: 20rem;
max-width: 100%;
}
body.single-product #single-product-slider.owl-carousel .item {
background-repeat: no-repeat;
background-size: contain;
}
body.single-product .wrapper-btn-gallery {
padding-left: 2rem;
}
#grdp_barre_mini {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991.98px) and (min-width: 992px) and (max-width: 1199.98px) {
body header.sticky #logo-sticky {
transform: translateY(-11.4rem) translateX(-50%);
-moz-transform: translateY(-11.4rem) translateX(-50%);
-webkit-transform: translateY(-11.4rem) translateX(-50%);
}
}