2051 lines
34 KiB
CSS
Vendored
2051 lines
34 KiB
CSS
Vendored
blockquote, body, dd, dl, dt, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, html, iframe, legend, li, ol, p, pre, textarea, ul{
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6{
|
|
font-size:100%;
|
|
font-weight:normal;
|
|
}
|
|
|
|
ul{
|
|
list-style:none;
|
|
}
|
|
|
|
button, input, select, textarea{
|
|
margin:0;
|
|
}
|
|
|
|
html{
|
|
box-sizing:border-box;
|
|
font-family:sans-serif;
|
|
}
|
|
|
|
*, *::after, *::before{
|
|
box-sizing:inherit;
|
|
}
|
|
|
|
img, video{
|
|
height:auto;
|
|
max-width:100%;
|
|
}
|
|
|
|
iframe{
|
|
border:0;
|
|
}
|
|
|
|
table{
|
|
border-collapse:collapse;
|
|
border-spacing:0;
|
|
}
|
|
|
|
td, th{
|
|
padding:0;
|
|
text-align:left;
|
|
}
|
|
|
|
@font-face{
|
|
font-family:"barlow-regular";
|
|
font-weight:normal;
|
|
src:url(/assets/fonts/Barlow-Regular.woff2?18f2f5707779b4ab7d75be55f63b75e9) format("woff2"), url(/assets/fonts/Barlow-Regular.woff?b01be197bee9b9a37cae8069396bf69c) format("woff");
|
|
}
|
|
@font-face{
|
|
font-family:"barlow-bold";
|
|
font-weight:100;
|
|
src:url(/assets/fonts/Barlow-Bold.woff2?8bb7d2508e1369c8e08b3da2c21bf55f) format("woff2"), url(/assets/fonts/Barlow-Bold.woff?a8de7b19e6b093ca3c454afe8fcb2019) format("woff");
|
|
}
|
|
html{
|
|
font-size:100%;
|
|
}
|
|
|
|
body{
|
|
font-size:18px;
|
|
font-family:"barlow-regular", arial, sans-serif;
|
|
line-height:1.4;
|
|
}
|
|
|
|
button{
|
|
border:0 none;
|
|
background-color:transparent;
|
|
cursor:pointer;
|
|
}
|
|
|
|
img{
|
|
width:100%;
|
|
}
|
|
|
|
#backtotop{
|
|
display:none;
|
|
align-items:center;
|
|
justify-content:center;
|
|
position:fixed;
|
|
bottom:20px;
|
|
right:20px;
|
|
width:40px;
|
|
height:40px;
|
|
border-radius:40px;
|
|
background-color:#fccf1d;
|
|
z-index:99;
|
|
}
|
|
#backtotop .arrow{
|
|
border:solid #fff;
|
|
border-width:0 3px 3px 0;
|
|
display:inline-block;
|
|
padding:3px;
|
|
}
|
|
#backtotop .arrow.up{
|
|
transform:rotate(-135deg);
|
|
}
|
|
|
|
#search{
|
|
background-image:url(/assets/images/search.png?90bbe543d5d60da59e33cc8ad9986e8a);
|
|
background-size:contain;
|
|
background-repeat:no-repeat;
|
|
width:25px;
|
|
height:25px;
|
|
margin-left:25px;
|
|
}
|
|
|
|
ul.more{
|
|
margin-top:50px;
|
|
}
|
|
ul.more li{
|
|
align-items:center;
|
|
position:relative;
|
|
padding-left:25px;
|
|
margin-bottom:30px;
|
|
}
|
|
ul.more li:last-of-type{
|
|
margin-bottom:0;
|
|
}
|
|
ul.more li p:first-of-type{
|
|
position:relative;
|
|
}
|
|
ul.more li:before{
|
|
content:"";
|
|
position:absolute;
|
|
left:0;
|
|
top:15px;
|
|
width:13px;
|
|
height:13px;
|
|
background-color:#222f5c;
|
|
border-radius:50%;
|
|
}
|
|
ul.more li .label img{
|
|
width:100px;
|
|
}
|
|
|
|
ul.infos{
|
|
display:flex;
|
|
justify-content:center;
|
|
}
|
|
ul.infos li{
|
|
justify-content:center;
|
|
text-align:center;
|
|
color:#222f5c;
|
|
font-family:"barlow-bold", arial, sans-serif;
|
|
}
|
|
ul.infos span{
|
|
display:flex;
|
|
justify-content:center;
|
|
align-items:center;
|
|
width:85px;
|
|
height:85px;
|
|
padding:20px;
|
|
margin:20px auto;
|
|
background-color:#fccf1d;
|
|
border-radius:50%;
|
|
}
|
|
|
|
@media screen and (min-width: 800px){
|
|
main{
|
|
padding-top:100px;
|
|
}
|
|
|
|
ul.more li p:first-of-type{
|
|
font-size:30px;
|
|
}
|
|
|
|
ul.infos li{
|
|
flex-basis:20%;
|
|
}
|
|
}
|
|
@media screen and (max-width: 799px){
|
|
main{
|
|
padding-top:50px;
|
|
}
|
|
|
|
ul.more li p:first-of-type{
|
|
font-size:22px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 1200px){
|
|
.container{
|
|
padding-top:60px;
|
|
padding-bottom:60px;
|
|
}
|
|
|
|
.wrapper,
|
|
.wrapper-m{
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
}
|
|
|
|
.wrapper{
|
|
width:1170px;
|
|
max-width:1170px;
|
|
}
|
|
|
|
.wrapper-m{
|
|
width:900px;
|
|
max-width:900px;
|
|
}
|
|
}
|
|
@media (max-width: 1199px){
|
|
.wrapper,
|
|
.wrapper-m{
|
|
width:100%;
|
|
max-width:100%;
|
|
padding-left:25px;
|
|
padding-right:25px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 768px){
|
|
.container{
|
|
padding-top:60px;
|
|
padding-bottom:60px;
|
|
}
|
|
}
|
|
.align-center{
|
|
text-align:center;
|
|
}
|
|
|
|
.align-left{
|
|
text-align:left;
|
|
}
|
|
|
|
.bold{
|
|
font-weight:bold;
|
|
}
|
|
|
|
.ttu{
|
|
text-transform:uppercase;
|
|
}
|
|
|
|
.has-bckg--grey{
|
|
background-color:#f5f5f5;
|
|
}
|
|
|
|
.is-flex{
|
|
display:flex;
|
|
}
|
|
.is-flex.vertical-center{
|
|
align-items:center;
|
|
}
|
|
.is-flex.start{
|
|
align-items:flex-start;
|
|
}
|
|
.is-flex.wrap{
|
|
flex-wrap:wrap;
|
|
}
|
|
.is-flex.space-between{
|
|
justify-content:space-between;
|
|
}
|
|
|
|
.is-small{
|
|
margin-top:35px;
|
|
margin-bottom:35px;
|
|
font-size:12px;
|
|
}
|
|
|
|
.p-rel{
|
|
position:relative;
|
|
}
|
|
|
|
.p-abs{
|
|
position:absolute;
|
|
}
|
|
|
|
.color-red{
|
|
color:#ff0400;
|
|
}
|
|
|
|
.color-blue{
|
|
color:#222f5c;
|
|
}
|
|
|
|
.color-yellow{
|
|
color:#fccf1d;
|
|
}
|
|
|
|
.font-size-medium{
|
|
font-size:45px;
|
|
}
|
|
|
|
@media screen and (min-width: 800px){
|
|
.is-flex .w50{
|
|
flex-basis:50%;
|
|
}
|
|
.is-flex .w50:nth-child(2){
|
|
margin-left:35px;
|
|
}
|
|
|
|
.is-flex .w100{
|
|
flex-basis:100%;
|
|
}
|
|
.is-flex .w100:nth-child(1){
|
|
padding-right:185px;
|
|
}
|
|
.is-flex .w100:nth-child(2){
|
|
margin-left:35px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 799px){
|
|
.is-flex{
|
|
flex-direction:column;
|
|
}
|
|
|
|
.smrt-align-center{
|
|
text-align:center;
|
|
}
|
|
}
|
|
p{
|
|
margin-bottom:10px;
|
|
}
|
|
|
|
h1{
|
|
margin-bottom:25px;
|
|
}
|
|
|
|
h1,
|
|
.sectiontitle{
|
|
position:relative;
|
|
padding-bottom:20px;
|
|
}
|
|
|
|
.sectiontitle{
|
|
font-size:38px;
|
|
}
|
|
|
|
h1:not(.maintitle):after,
|
|
.sectiontitle:after{
|
|
content:"";
|
|
position:absolute;
|
|
bottom:0;
|
|
left:0;
|
|
right:0;
|
|
width:20px;
|
|
height:2px;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
background-color:#fccf1d;
|
|
}
|
|
|
|
h1:not(.maintitle){
|
|
display:inline-block;
|
|
position:relative;
|
|
}
|
|
|
|
.maintitle{
|
|
font-family:"barlow-bold", arial, sans-serif;
|
|
}
|
|
|
|
.mascotte:before{
|
|
content:url(/assets/images/coq.png?2c2ffbd44b298f35a5b6247e137d2593);
|
|
position:absolute;
|
|
left:-450px;
|
|
bottom:0;
|
|
}
|
|
|
|
.cuisto:before{
|
|
content:url(/assets/images/cuisto.jpg?4f579fbbef75bdf50eba45e8bdca1f38);
|
|
position:absolute;
|
|
left:-350px;
|
|
top:-50px;
|
|
}
|
|
|
|
.h2{
|
|
margin-bottom:0;
|
|
font-family:"barlow-regular", arial, sans-serif;
|
|
}
|
|
|
|
h2:not(.punchline-module__title),
|
|
h3:not(.product-card__title){
|
|
margin-bottom:25px;
|
|
}
|
|
|
|
h3:not(.product-card__title):not(:first-child){
|
|
margin-top:25px;
|
|
}
|
|
|
|
h3{
|
|
font-family:"barlow-bold", arial, sans-serif;
|
|
}
|
|
|
|
@media screen and (min-width: 800px){
|
|
h1,
|
|
h2{
|
|
font-size:48px;
|
|
}
|
|
|
|
h2,
|
|
.h2,
|
|
h3:not(.item__title, .product-card__title){
|
|
font-size:30px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 799px){
|
|
h1{
|
|
font-size:32px;
|
|
}
|
|
|
|
h2{
|
|
font-size:18px;
|
|
}
|
|
|
|
h2,
|
|
.h2,
|
|
h3:not(.item__title, .product-card__title){
|
|
font-size:24px;
|
|
}
|
|
}
|
|
.cta{
|
|
display:inline-block;
|
|
min-width:180px;
|
|
margin-top:25px;
|
|
padding:15px;
|
|
font-size:15px;
|
|
font-family:"barlow-bold", arial, sans-serif;
|
|
text-align:center;
|
|
text-transform:uppercase;
|
|
border:1px solid #fccf1d;
|
|
background-color:#fff;
|
|
border-radius:30px;
|
|
}
|
|
.cta:hover{
|
|
color:#fff;
|
|
background-color:#fccf1d;
|
|
}
|
|
|
|
.link,
|
|
.cta{
|
|
color:#fccf1d;
|
|
text-decoration:none;
|
|
}
|
|
|
|
.breadcrumb{
|
|
position:absolute;
|
|
top:20px;
|
|
align-items:center;
|
|
color:#8b4437;
|
|
font-size:calc(18px * 0.85);
|
|
z-index:2;
|
|
}
|
|
.breadcrumb a:first-of-type{
|
|
margin-right:5px;
|
|
}
|
|
.breadcrumb a:nth-of-type(2){
|
|
margin-right:5px;
|
|
margin-left:5px;
|
|
}
|
|
.breadcrumb:before{
|
|
content:url(/assets/images/arrow-back.jpg?b995a9d20eaaee831944babd9df5bbc4);
|
|
margin-right:25px;
|
|
}
|
|
|
|
@media screen and (max-width: 799px){
|
|
.product-template .breadcrumb{
|
|
display:none;
|
|
}
|
|
}
|
|
.site-header{
|
|
position:fixed;
|
|
left:0;
|
|
right:0;
|
|
font-family:"barlow-bold", arial, sans-serif;
|
|
background-color:#fccf1d;
|
|
box-shadow:0 2px 8px rgba(12, 20, 23, 0.15);
|
|
z-index:99;
|
|
}
|
|
.site-header .wrapper{
|
|
display:flex;
|
|
align-items:center;
|
|
}
|
|
.site-header .logotype{
|
|
top:0;
|
|
left:1em;
|
|
width:25%;
|
|
z-index:1;
|
|
}
|
|
.site-header .logotype img{
|
|
width:200px;
|
|
}
|
|
.site-header > span{
|
|
width:25%;
|
|
text-align:right;
|
|
}
|
|
.site-header nav li{
|
|
display:inline-block;
|
|
}
|
|
.site-header nav a{
|
|
color:#222f5c;
|
|
text-decoration:none;
|
|
}
|
|
.site-header nav a:hover{
|
|
color:#ff0400;
|
|
}
|
|
.site-header .traduction{
|
|
display:flex;
|
|
}
|
|
.site-header .traduction li{
|
|
margin-right:15px;
|
|
}
|
|
.site-header .traduction li a{
|
|
color:#222f5c;
|
|
text-transform:uppercase;
|
|
text-decoration:none;
|
|
}
|
|
.site-header .traduction li.current a{
|
|
color:#ff0400;
|
|
}
|
|
.site-header .traduction li:last-of-type{
|
|
margin-right:0;
|
|
}
|
|
|
|
@media screen and (min-width: 800px){
|
|
.site-header .wrapper{
|
|
justify-content:space-between;
|
|
height:100px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 799px){
|
|
.site-header .wrapper{
|
|
justify-content:flex-end;
|
|
height:50px;
|
|
}
|
|
}
|
|
.menu-overlay__checkbox{
|
|
display:none;
|
|
}
|
|
|
|
@media screen and (min-width: 800px){
|
|
.menu{
|
|
width:40%;
|
|
margin-left:300px;
|
|
text-transform:uppercase;
|
|
}
|
|
.menu-overlay__btn{
|
|
display:none;
|
|
}
|
|
.menu .menu__list{
|
|
display:flex;
|
|
justify-content:space-between;
|
|
}
|
|
.menu a{
|
|
display:inline-block;
|
|
color:#222f5c;
|
|
text-decoration:none;
|
|
}
|
|
.menu a:hover{
|
|
color:#ff0400;
|
|
}
|
|
.menu a.active{
|
|
position:relative;
|
|
color:#ff0400;
|
|
}
|
|
.menu a.active:before{
|
|
content:"";
|
|
position:absolute;
|
|
top:-60px;
|
|
left:0;
|
|
right:0;
|
|
width:75px;
|
|
height:4px;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
background-color:#fccf1d;
|
|
}
|
|
.menu .only-smrt{
|
|
display:none;
|
|
}
|
|
}
|
|
@media screen and (max-width: 799px){
|
|
.menu{
|
|
order:2;
|
|
}
|
|
.menu .only-smrt a{
|
|
color:#ff0400;
|
|
}
|
|
.menu label{
|
|
display:flex;
|
|
align-items:flex-start;
|
|
justify-content:center;
|
|
position:fixed;
|
|
width:2.8em;
|
|
height:2.8em;
|
|
z-index:9999;
|
|
}
|
|
.menu__list{
|
|
display:none;
|
|
}
|
|
.menu__item{
|
|
padding:1em;
|
|
border-bottom:solid 1px #0c1417;
|
|
}
|
|
.menu__item:last-child{
|
|
border-bottom-width:0;
|
|
}
|
|
.menu .menu-overlay{
|
|
position:fixed;
|
|
display:flex;
|
|
right:0;
|
|
z-index:100;
|
|
}
|
|
.menu .menu-overlay__icon{
|
|
display:block;
|
|
position:relative;
|
|
width:1.5em;
|
|
height:0.1em;
|
|
background:#fff;
|
|
transition:0.4s;
|
|
}
|
|
.menu .menu-overlay__icon:after, .menu .menu-overlay__icon:before{
|
|
content:"";
|
|
display:block;
|
|
position:absolute;
|
|
width:100%;
|
|
height:0.1em;
|
|
background:#fff;
|
|
border-radius:2em;
|
|
transition:0.4s;
|
|
}
|
|
.menu .menu-overlay__icon:before{
|
|
top:-10px;
|
|
}
|
|
.menu .menu-overlay__icon:after{
|
|
top:10px;
|
|
}
|
|
.menu .menu-overlay__btn{
|
|
display:flex;
|
|
justify-content:center;
|
|
align-items:center;
|
|
top:0;
|
|
right:20px;
|
|
justify-content:center;
|
|
cursor:pointer;
|
|
}
|
|
.menu .menu-overlay__checkbox:checked ~ .menu-overlay__btn .menu-overlay__icon{
|
|
background:0 0;
|
|
}
|
|
.menu .menu-overlay__checkbox:checked ~ .menu-overlay__btn .menu-overlay__icon::before{
|
|
transform:rotate(45deg);
|
|
}
|
|
.menu .menu-overlay__checkbox:checked ~ .menu-overlay__btn .menu-overlay__icon::after{
|
|
transform:rotate(-45deg);
|
|
}
|
|
.menu .menu-overlay__checkbox:checked ~ .menu-overlay__btn .menu-overlay__icon::after, .menu .menu-overlay__checkbox:checked ~ .menu-overlay__btn .menu-overlay__icon::before{
|
|
top:0;
|
|
}
|
|
.menu .menu-overlay__checkbox:checked ~ .menu__list{
|
|
display:flex;
|
|
flex-direction:column;
|
|
position:fixed;
|
|
top:50px;
|
|
left:0;
|
|
width:100%;
|
|
padding-top:1em;
|
|
padding-left:1em;
|
|
padding-right:1em;
|
|
text-transform:uppercase;
|
|
background-color:#fff;
|
|
transition-delay:0s;
|
|
box-shadow:0 2px 8px rgba(12, 20, 23, 0.2);
|
|
}
|
|
}
|
|
.secondmenu{
|
|
display:flex;
|
|
justify-content:flex-end;
|
|
}
|
|
|
|
@media screen and (max-width: 799px){
|
|
.secondmenu{
|
|
margin-right:3em;
|
|
}
|
|
}
|
|
.footer-widgets{
|
|
align-items:center;
|
|
}
|
|
.footer-widgets .footer-widgets__content{
|
|
left:0;
|
|
right:0;
|
|
}
|
|
.footer-widgets .footer-widgets__content:before{
|
|
content:url(/assets/images/picto-localisation.png?1ed74fd342d22cce12e6d3f1c232a901);
|
|
margin-right:10px;
|
|
}
|
|
|
|
.footer-content{
|
|
color:#fff;
|
|
font-size:15px;
|
|
background-color:#fccf1d;
|
|
}
|
|
.footer-content ul{
|
|
margin-bottom:25px;
|
|
}
|
|
.footer-content a{
|
|
color:#fff;
|
|
text-decoration:none;
|
|
}
|
|
|
|
@media screen and (min-width: 800px){
|
|
.footer-content ul li{
|
|
display:inline-block;
|
|
margin-left:10px;
|
|
margin-right:10px;
|
|
}
|
|
.footer-content ul li:first-child{
|
|
margin-left:0;
|
|
}
|
|
.footer-content ul li:last-child{
|
|
margin-right:0;
|
|
}
|
|
}
|
|
@media screen and (max-width: 799px){
|
|
.footer-widgets{
|
|
height:200px;
|
|
}
|
|
.footer-widgets img{
|
|
height:100%;
|
|
-o-object-fit:cover;
|
|
object-fit:cover;
|
|
opacity:0.2;
|
|
}
|
|
.footer-widgets .footer-widgets__content{
|
|
text-align:center;
|
|
margin-top:50px;
|
|
}
|
|
|
|
.footer-content ul li{
|
|
margin-bottom:10px;
|
|
}
|
|
}
|
|
form{
|
|
font-size:16px;
|
|
}
|
|
|
|
input[type=text]{
|
|
border:0 none;
|
|
}
|
|
|
|
input[type=submit]{
|
|
min-width:180px;
|
|
padding:15px;
|
|
color:#fccf1d;
|
|
background-color:transparent;
|
|
font-weight:bold;
|
|
text-align:center;
|
|
text-transform:uppercase;
|
|
border:1px solid #fccf1d;
|
|
}
|
|
|
|
.newsletter input[type=text],
|
|
input[type=submit]{
|
|
border-radius:30px;
|
|
}
|
|
|
|
input[type=submit]{
|
|
cursor:pointer;
|
|
}
|
|
input[type=submit]:hover{
|
|
color:#fff;
|
|
background-color:#fccf1d;
|
|
}
|
|
|
|
input[type=text],
|
|
input[type=number],
|
|
input[type=mail]{
|
|
padding:15px;
|
|
font-size:15px;
|
|
border:0 none;
|
|
outline-color:#efefef;
|
|
}
|
|
|
|
textarea{
|
|
width:100%;
|
|
max-width:100%;
|
|
margin-top:30px;
|
|
margin-bottom:30px;
|
|
}
|
|
|
|
.form-row{
|
|
display:flex;
|
|
padding-top:30px;
|
|
padding-bottom:30px;
|
|
}
|
|
|
|
.form-group{
|
|
display:flex;
|
|
padding-bottom:2px;
|
|
width:100%;
|
|
max-width:100%;
|
|
border-bottom:solid 1px #0c1417;
|
|
}
|
|
.form-group input[type=text],
|
|
.form-group input[type=number],
|
|
.form-group input[type=mail]{
|
|
flex-grow:2;
|
|
}
|
|
.form-group:first-of-type{
|
|
margin-left:0;
|
|
}
|
|
.form-group:last-of-type{
|
|
margin-right:0;
|
|
}
|
|
|
|
fieldset{
|
|
margin-top:45px;
|
|
border:0 none;
|
|
}
|
|
fieldset legend{
|
|
margin-bottom:30px;
|
|
font-weight:bold;
|
|
}
|
|
.radio-label{
|
|
position:relative;
|
|
padding-left:20px;
|
|
margin-right:25px;
|
|
color:#999999;
|
|
cursor:pointer;
|
|
}
|
|
.radio-label input{
|
|
-webkit-appearance:none;
|
|
-moz-appearance:none;
|
|
appearance:none;
|
|
}
|
|
.checkmark{
|
|
position:absolute;
|
|
top:3px;
|
|
left:0;
|
|
right:10px;
|
|
height:12px;
|
|
width:12px;
|
|
background-color:#fff;
|
|
border:solid 1px #fccf1d;
|
|
border-radius:50%;
|
|
}
|
|
.radio-label:hover input ~ .checkmark{
|
|
background-color:#fccf1d;
|
|
}
|
|
.radio-label input:checked ~ .checkmark{
|
|
background-color:#fff;
|
|
}
|
|
.checkmark:after{
|
|
content:"";
|
|
position:absolute;
|
|
display:none;
|
|
}
|
|
.radio-label input:checked ~ .checkmark:after{
|
|
display:block;
|
|
}
|
|
.radio-label .checkmark:after{
|
|
top:2px;
|
|
left:2px;
|
|
width:6px;
|
|
height:6px;
|
|
border-radius:50%;
|
|
background-color:#fccf1d;
|
|
}
|
|
.ck-button{
|
|
margin-bottom:45px;
|
|
}
|
|
|
|
.ck-button label{
|
|
margin-right:10px;
|
|
}
|
|
.ck-button label:last-child{
|
|
margin-right:0;
|
|
}
|
|
|
|
.ck-button label span{
|
|
padding:10px;
|
|
margin-right:10px;
|
|
border:1px solid #0c1417;
|
|
border-radius:40px;
|
|
cursor:pointer;
|
|
}
|
|
.ck-button label span:last-child{
|
|
margin-right:0;
|
|
}
|
|
.ck-button label span:hover{
|
|
color:#fff;
|
|
border-color:#fccf1d;
|
|
background-color:#fccf1d;
|
|
}
|
|
|
|
.ck-button label input{
|
|
position:absolute;
|
|
top:-20px;
|
|
}
|
|
|
|
.ck-button input:checked + span{
|
|
background-color:#fccf1d;
|
|
color:#fff;
|
|
border-color:#fff;
|
|
}
|
|
.swap{
|
|
visibility:hidden;
|
|
}
|
|
|
|
.swap:after{
|
|
cursor:pointer;
|
|
visibility:visible;
|
|
content:"";
|
|
font-size:calc(var(--swap-size) - 2.5rem);
|
|
display:inline-block;
|
|
width:var(--swap-size);
|
|
height:var(--swap-size);
|
|
padding:0.5rem;
|
|
border:1px solid #fccf1d;
|
|
border-radius:0.4em;
|
|
background-color:#fff;
|
|
display:flex;
|
|
justify-content:center;
|
|
align-items:center;
|
|
}
|
|
|
|
.swap:checked:after{
|
|
content:"";
|
|
background-color:#fccf1d;
|
|
}
|
|
|
|
@media screen and (min-width: 800px){
|
|
.newsletter input[type=text]{
|
|
width:430px;
|
|
}
|
|
|
|
.form-group{
|
|
align-items:center;
|
|
margin-left:15px;
|
|
margin-right:15px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 799px){
|
|
input[type=text],
|
|
input[type=submit]{
|
|
display:block;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
}
|
|
|
|
form,
|
|
input[type=text]{
|
|
width:100%;
|
|
max-width:100%;
|
|
}
|
|
|
|
input[type=submit]{
|
|
margin-top:25px;
|
|
}
|
|
|
|
.form-row,
|
|
.form-group{
|
|
flex-direction:column;
|
|
}
|
|
|
|
.form-group{
|
|
margin-bottom:25px;
|
|
}
|
|
.form-group:last-child{
|
|
margin-bottom:0;
|
|
}
|
|
|
|
.ck-button label span{
|
|
display:inline-block;
|
|
margin-bottom:5px;
|
|
}
|
|
}
|
|
.product-card,
|
|
.gamme-card{
|
|
display:flex;
|
|
position:relative;
|
|
height:375px;
|
|
margin-bottom:20px;
|
|
overflow:hidden;
|
|
}
|
|
.product-card > img,
|
|
.gamme-card > img{
|
|
display:block;
|
|
width:100%;
|
|
height:100%;
|
|
-o-object-fit:cover;
|
|
object-fit:cover;
|
|
}
|
|
.product-card a,
|
|
.gamme-card a{
|
|
top:0;
|
|
z-index:9;
|
|
}
|
|
.product-card .overlay,
|
|
.gamme-card .overlay{
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
position:absolute;
|
|
width:100%;
|
|
height:50%;
|
|
font-weight:bold;
|
|
transition:bottom 0.4s;
|
|
}
|
|
|
|
.product-card .product-card__title,
|
|
.product-card a{
|
|
position:absolute;
|
|
right:0;
|
|
bottom:0;
|
|
left:0;
|
|
}
|
|
.product-card .product-card__title{
|
|
padding:1em 0.2em;
|
|
background-color:rgba(255, 255, 255, 0.5);
|
|
}
|
|
.product-card .overlay{
|
|
bottom:-200px;
|
|
}
|
|
.product-card .overlay span{
|
|
width:50%;
|
|
padding-top:1em;
|
|
padding-bottom:1em;
|
|
background-color:#fff;
|
|
border-radius:2em;
|
|
}
|
|
.product-card:hover .overlay{
|
|
bottom:0;
|
|
}
|
|
|
|
.gamme-card .gamme-card__title,
|
|
.gamme-card a{
|
|
position:absolute;
|
|
right:0;
|
|
bottom:0;
|
|
left:0;
|
|
}
|
|
.gamme-card .gamme-card__title{
|
|
padding:1em 0.2em;
|
|
background-color:rgba(255, 255, 255, 0.5);
|
|
}
|
|
.gamme-card .overlay{
|
|
bottom:-50px;
|
|
}
|
|
.gamme-card .overlay span{
|
|
color:#fff;
|
|
font-size:30px;
|
|
font-family:"barlow-bold", arial, sans-serif;
|
|
}
|
|
.gamme-card:hover .overlay{
|
|
bottom:50px;
|
|
}
|
|
|
|
#list .title{
|
|
color:#fff;
|
|
font-size:calc(18px * 3.25);
|
|
}
|
|
#list .is-flex{
|
|
justify-content:space-between;
|
|
flex-wrap:wrap;
|
|
}
|
|
#list .section-header{
|
|
margin-bottom:50px;
|
|
color:#fff;
|
|
}
|
|
#list .section-header .title{
|
|
margin-bottom:5px;
|
|
}
|
|
#list .section-header .content{
|
|
top:30px;
|
|
padding-left:30px;
|
|
padding-right:30px;
|
|
}
|
|
|
|
.overlay{
|
|
background-color:rgba(139, 68, 55, 0.8);
|
|
}
|
|
.overlay span{
|
|
color:#8b4437;
|
|
}
|
|
|
|
.is-brown header .content{
|
|
background-color:rgba(139, 68, 55, 0.8);
|
|
}
|
|
.is-brown .overlay{
|
|
background-color:rgba(139, 68, 55, 0.8);
|
|
}
|
|
.is-brown .product-card .overlay span{
|
|
color:#8b4437;
|
|
}
|
|
|
|
.is-orange header .content{
|
|
background-color:rgba(211, 101, 0, 0.8);
|
|
}
|
|
.is-orange .overlay{
|
|
background-color:rgba(211, 101, 0, 0.8);
|
|
}
|
|
.is-orange .product-card .overlay span{
|
|
color:#d36500;
|
|
}
|
|
|
|
.is-grey header .content{
|
|
background-color:rgba(203, 165, 131, 0.8);
|
|
}
|
|
.is-grey .overlay{
|
|
background-color:rgba(203, 165, 131, 0.8);
|
|
}
|
|
.is-grey .product-card .overlay span{
|
|
color:#cba583;
|
|
}
|
|
|
|
.is-yellow header .content{
|
|
background-color:rgba(252, 207, 29, 0.8);
|
|
}
|
|
.is-yellow .overlay{
|
|
background-color:rgba(252, 207, 29, 0.8);
|
|
}
|
|
.is-yellow .product-card .overlay span{
|
|
color:#fccf1d;
|
|
}
|
|
.is-yellow .gamme-card .overlay span{
|
|
color:#fff;
|
|
}
|
|
|
|
.is-blue header .content{
|
|
background-color:rgba(152, 193, 232, 0.8);
|
|
}
|
|
.is-blue .overlay{
|
|
background-color:rgba(152, 193, 232, 0.8);
|
|
}
|
|
.is-blue .product-card .overlay span{
|
|
color:#98c1e8;
|
|
}
|
|
|
|
.is-green header .content{
|
|
background-color:rgba(133, 184, 63, 0.8);
|
|
}
|
|
.is-green .overlay{
|
|
background-color:rgba(133, 184, 63, 0.8);
|
|
}
|
|
.is-green .product-card .overlay span{
|
|
color:#85b83f;
|
|
}
|
|
|
|
.is-pink header .content{
|
|
background-color:rgba(190, 54, 108, 0.8);
|
|
}
|
|
.is-pink .overlay{
|
|
background-color:rgba(190, 54, 108, 0.8);
|
|
}
|
|
.is-pink .product-card .overlay span{
|
|
color:#be366c;
|
|
}
|
|
|
|
#posts{
|
|
position:relative;
|
|
}
|
|
#posts .sectiontitle:after{
|
|
content:"";
|
|
background-color:#0c1417;
|
|
}
|
|
|
|
@media (min-width: 769px){
|
|
.product-card{
|
|
width:32%;
|
|
max-width:32%;
|
|
}
|
|
|
|
.gamme-card{
|
|
width:32%;
|
|
max-width:32%;
|
|
}
|
|
.gamme-card:nth-child(4), .gamme-card:nth-child(5){
|
|
width:49%;
|
|
max-width:49%;
|
|
}
|
|
|
|
.post-card{
|
|
flex:1;
|
|
margin-right:30px;
|
|
}
|
|
.post-card:last-child{
|
|
margin-right:0;
|
|
}
|
|
|
|
#list .section-header .content{
|
|
position:absolute;
|
|
}
|
|
|
|
#posts > img{
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
height:50%;
|
|
z-index:-1;
|
|
-o-object-fit:cover;
|
|
object-fit:cover;
|
|
}
|
|
}
|
|
@media (max-width: 768px){
|
|
#list .section-header .content{
|
|
position:relative;
|
|
}
|
|
|
|
#posts > img{
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
height:14%;
|
|
z-index:-1;
|
|
-o-object-fit:cover;
|
|
object-fit:cover;
|
|
}
|
|
|
|
.posts-list .post-card{
|
|
margin-bottom:50px;
|
|
}
|
|
}
|
|
.punchline-module{
|
|
color:#fccf1d;
|
|
}
|
|
|
|
@media screen and (min-width: 800px){
|
|
.punchline-module h2{
|
|
font-size:42px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 799px){
|
|
.punchline-module h2{
|
|
font-size:24px;
|
|
}
|
|
}
|
|
.newsletter .wrapper{
|
|
justify-content:space-between;
|
|
align-items:center;
|
|
}
|
|
|
|
#carrousel1{
|
|
font-family:"barlow-bold", arial, sans-serif;
|
|
}
|
|
#carrousel1 .carrousel{
|
|
padding-bottom:1.5em;
|
|
overflow:hidden;
|
|
outline-color:transparent;
|
|
}
|
|
#carrousel1 .carrousel .carrousel__container{
|
|
transition:transform 0.3s;
|
|
transform:translateZ(0);
|
|
}
|
|
#carrousel1 .carrousel .carrousel__container:after{
|
|
content:"";
|
|
clear:both;
|
|
display:table;
|
|
}
|
|
#carrousel1 .carrousel .carrousel__item{
|
|
float:left;
|
|
}
|
|
#carrousel1 .carrousel .item{
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
position:relative;
|
|
}
|
|
#carrousel1 .carrousel .item img{
|
|
display:block;
|
|
width:100%;
|
|
height:auto;
|
|
}
|
|
#carrousel1 .carrousel .item > a{
|
|
position:absolute;
|
|
top:0;
|
|
right:0;
|
|
bottom:0;
|
|
left:0;
|
|
}
|
|
#carrousel1 .carrousel .item:hover .item__link{
|
|
background-color:#fccf1d;
|
|
}
|
|
#carrousel1 .carrousel .item__image{
|
|
width:100%;
|
|
}
|
|
#carrousel1 .carrousel .item__body{
|
|
position:absolute;
|
|
text-shadow:0 2px 8px rgba(12, 20, 23, 0.6);
|
|
}
|
|
#carrousel1 .carrousel .item__title{
|
|
position:relative;
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
color:#fff;
|
|
}
|
|
#carrousel1 .carrousel .item__title:before, #carrousel1 .carrousel .item__title:after{
|
|
content:"";
|
|
position:absolute;
|
|
height:60%;
|
|
background-color:#fff;
|
|
box-shadow:0 2px 8px rgba(12, 20, 23, 0.6);
|
|
}
|
|
#carrousel1 .carrousel .item__title:before{
|
|
left:0;
|
|
}
|
|
#carrousel1 .carrousel .item__title:after{
|
|
right:0;
|
|
}
|
|
#carrousel1 .carrousel .item__link{
|
|
display:inline-flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
position:absolute;
|
|
right:0;
|
|
top:0;
|
|
bottom:0;
|
|
padding:1em;
|
|
color:#fff;
|
|
background-color:#fccf1d;
|
|
font-size:calc(18px * 0.65);
|
|
font-weight:700;
|
|
text-transform:uppercase;
|
|
transition:background-color 0.3s;
|
|
}
|
|
#carrousel1 .carrousel .item__link p{
|
|
margin-bottom:0;
|
|
}
|
|
|
|
.carrousel,
|
|
.items{
|
|
position:relative;
|
|
}
|
|
|
|
.carrousel__next,
|
|
.carrousel__prev{
|
|
position:absolute;
|
|
width:2.3em;
|
|
height:2.3em;
|
|
background:url(/assets/images/caroussel_arrow-right.png?2cdf04a1096a17958e8415beae962d71) 50% no-repeat;
|
|
background-size:contain;
|
|
border-radius:50%;
|
|
top:50%;
|
|
margin-top:-1.2em;
|
|
right:1.2em;
|
|
cursor:pointer;
|
|
transition:transform 0.3s, opacity 0.3s;
|
|
}
|
|
|
|
.carrousel__prev{
|
|
background-image:url(/assets/images/caroussel_arrow-left.png?a70304ae9c1add15f69f786c16cf5c1c);
|
|
right:auto;
|
|
left:1.2em;
|
|
}
|
|
|
|
.carrousel__next--hidden,
|
|
.carrousel__prev--hidden{
|
|
opacity:0;
|
|
}
|
|
|
|
.carrousel__next:hover,
|
|
.carrousel__prev:hover{
|
|
transform:scale(1.2);
|
|
}
|
|
|
|
.carrousel__pagination{
|
|
display:block;
|
|
position:absolute;
|
|
bottom:100px;
|
|
left:0;
|
|
right:0;
|
|
text-align:center;
|
|
display:none;
|
|
}
|
|
|
|
.carrousel__pagination__button{
|
|
width:18px;
|
|
height:18px;
|
|
border-radius:50%;
|
|
display:inline-block;
|
|
margin:0 20px;
|
|
border:solid 2px #222f5c;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.carrousel__pagination__button--active,
|
|
.carrousel__pagination__button:hover{
|
|
background-color:#222f5c;
|
|
}
|
|
|
|
@media screen and (min-width: 800px){
|
|
#carrousel1 .carrousel .item__title{
|
|
width:770px;
|
|
font-size:60px;
|
|
}
|
|
#carrousel1 .carrousel .item__title:before, #carrousel1 .carrousel .item__title:after{
|
|
content:"";
|
|
width:7px;
|
|
}
|
|
#carrousel1 .carrousel__pagination{
|
|
display:block;
|
|
}
|
|
}
|
|
@media screen and (max-width: 799px){
|
|
#carrousel1 .carrousel .item__title{
|
|
padding-left:1em;
|
|
padding-right:1em;
|
|
font-size:26px;
|
|
}
|
|
#carrousel1 .carrousel .item__title:before, #carrousel1 .carrousel .item__title:after{
|
|
content:"";
|
|
width:4px;
|
|
}
|
|
}
|
|
#carrousel2 .carrousel{
|
|
padding-bottom:1.5em;
|
|
overflow:hidden;
|
|
outline-color:transparent;
|
|
}
|
|
#carrousel2 .carrousel .carrousel__container{
|
|
transition:transform 0.3s;
|
|
transform:translateZ(0);
|
|
}
|
|
#carrousel2 .carrousel .carrousel__container:after{
|
|
content:"";
|
|
clear:both;
|
|
display:table;
|
|
}
|
|
#carrousel2 .carrousel .carrousel__item{
|
|
float:left;
|
|
}
|
|
#carrousel2 .carrousel .item{
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
position:relative;
|
|
}
|
|
#carrousel2 .carrousel .item img{
|
|
display:block;
|
|
width:100%;
|
|
height:auto;
|
|
}
|
|
#carrousel2 .carrousel .item > a{
|
|
position:absolute;
|
|
top:0;
|
|
right:0;
|
|
bottom:0;
|
|
left:0;
|
|
}
|
|
#carrousel2 .carrousel .item:hover .item__link{
|
|
background-color:#fccf1d;
|
|
}
|
|
#carrousel2 .carrousel .item__body{
|
|
flex-basis:60%;
|
|
padding:90px;
|
|
color:#fff;
|
|
background-color:#0c1417;
|
|
}
|
|
#carrousel2 .carrousel .item__title{
|
|
position:relative;
|
|
padding-bottom:20px;
|
|
color:#fccf1d;
|
|
font-size:16px;
|
|
}
|
|
#carrousel2 .carrousel .item__title:after{
|
|
content:"";
|
|
position:absolute;
|
|
bottom:0;
|
|
left:0;
|
|
right:0;
|
|
width:20px;
|
|
height:2px;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
background-color:#fccf1d;
|
|
}
|
|
#carrousel2 .carrousel .item__link{
|
|
display:inline-flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
position:absolute;
|
|
right:0;
|
|
top:0;
|
|
bottom:0;
|
|
padding:1em;
|
|
color:#fff;
|
|
background-color:#fccf1d;
|
|
font-size:calc(18px * 0.65);
|
|
font-weight:700;
|
|
text-transform:uppercase;
|
|
transition:background-color 0.3s;
|
|
}
|
|
#carrousel2 .carrousel .item__link p{
|
|
margin-bottom:0;
|
|
}
|
|
|
|
.carrousel,
|
|
.items{
|
|
position:relative;
|
|
}
|
|
|
|
.carrousel__next,
|
|
.carrousel__prev{
|
|
position:absolute;
|
|
width:2.3em;
|
|
height:2.3em;
|
|
background:url(/assets/images/caroussel_arrow-right.png?2cdf04a1096a17958e8415beae962d71) 50% no-repeat;
|
|
background-size:contain;
|
|
border-radius:50%;
|
|
top:50%;
|
|
margin-top:-1.2em;
|
|
right:0;
|
|
cursor:pointer;
|
|
transition:transform 0.3s, opacity 0.3s;
|
|
}
|
|
|
|
.carrousel__prev{
|
|
background-image:url(/assets/images/caroussel_arrow-left.png?a70304ae9c1add15f69f786c16cf5c1c);
|
|
right:auto;
|
|
left:0;
|
|
}
|
|
|
|
.carrousel__next--hidden,
|
|
.carrousel__prev--hidden{
|
|
opacity:0;
|
|
}
|
|
|
|
.carrousel__next:hover,
|
|
.carrousel__prev:hover{
|
|
transform:scale(1.2);
|
|
}
|
|
|
|
#carrousel2 .carrousel__pagination{
|
|
position:absolute;
|
|
bottom:30px;
|
|
right:0;
|
|
text-align:center;
|
|
display:none;
|
|
}
|
|
|
|
#carrousel2 .carrousel__pagination__button{
|
|
background-color:rgba(252, 207, 29, 0.5);
|
|
width:14px;
|
|
height:14px;
|
|
border-radius:50%;
|
|
display:inline-block;
|
|
margin:0 3px;
|
|
cursor:pointer;
|
|
}
|
|
#carrousel2 .carrousel__pagination__button--active,
|
|
#carrousel2 .carrousel__pagination__button:hover{
|
|
background-color:#fccf1d;
|
|
}
|
|
|
|
@media screen and (min-width: 800px){
|
|
#carrousel2 .carrousel__pagination{
|
|
display:block;
|
|
}
|
|
}
|
|
@media screen and (max-width: 799px){
|
|
#carrousel2 .carrousel .item__body{
|
|
padding:2em;
|
|
text-align:center;
|
|
}
|
|
#carrousel2 .carrousel .item__title .secondtitle{
|
|
padding-right:5em;
|
|
font-size:calc(18px * 0.9);
|
|
}
|
|
#carrousel2 .carrousel .item img{
|
|
width:70%;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
}
|
|
}
|
|
.timeline{
|
|
position:relative;
|
|
max-width:1200px;
|
|
margin:0 auto;
|
|
}
|
|
.timeline .year{
|
|
display:inline-block;
|
|
padding:15px 30px;
|
|
margin-bottom:10px;
|
|
font-size:43px;
|
|
color:#fff;
|
|
border-radius:50px;
|
|
}
|
|
.timeline .step > img{
|
|
width:50%;
|
|
}
|
|
.timeline .step.is-flex{
|
|
width:520px;
|
|
}
|
|
.timeline .step.is-flex .year{
|
|
margin-right:20px;
|
|
}
|
|
.timeline .step:last-child{
|
|
padding-bottom:150px;
|
|
}
|
|
.timeline .step.special > img{
|
|
display:block;
|
|
width:60%;
|
|
margin-bottom:20px;
|
|
margin-left:30%;
|
|
}
|
|
.timeline .step .step_title{
|
|
margin-bottom:10px;
|
|
}
|
|
.timeline .step .step_title:nth-child(odd){
|
|
color:#ff0400;
|
|
}
|
|
.timeline .step .step_title:nth-child(even){
|
|
color:#222f5c;
|
|
}
|
|
.timeline .step:nth-child(odd) .step_title{
|
|
color:#ff0400;
|
|
}
|
|
.timeline .step:nth-child(even) .step_title{
|
|
color:#222f5c;
|
|
}
|
|
.timeline .step:nth-child(odd) .year{
|
|
background-color:#ff0400;
|
|
}
|
|
.timeline .step:nth-child(even) .year{
|
|
background-color:#222f5c;
|
|
}
|
|
|
|
@media screen and (min-width: 800px){
|
|
.timeline{
|
|
background-image:url(/assets/images/storyline.jpg?625eaf560e2bb3f4424e9b5e3b5b924b);
|
|
background-repeat:no-repeat;
|
|
background-position:top 50px center;
|
|
z-index:0;
|
|
}
|
|
.timeline .step{
|
|
width:400px;
|
|
}
|
|
.timeline .step.is-flex{
|
|
width:520px;
|
|
}
|
|
.timeline .left{
|
|
left:0;
|
|
}
|
|
.timeline .right{
|
|
left:50%;
|
|
}
|
|
}
|
|
@media screen and (max-width: 799px){
|
|
.timeline .step{
|
|
width:100%;
|
|
}
|
|
.timeline .step.is-flex{
|
|
width:100%;
|
|
}
|
|
}
|
|
.jumbotron{
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
}
|
|
.jumbotron .maintitle{
|
|
position:absolute;
|
|
color:#fff;
|
|
text-align:center;
|
|
text-shadow:0 2px 8px rgba(12, 20, 23, 0.6);
|
|
z-index:1;
|
|
}
|
|
.jumbotron .maintitle .title-icon{
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
background-color:#fccf1d;
|
|
width:120px;
|
|
height:120px;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
padding:20px;
|
|
border-radius:50%;
|
|
}
|
|
|
|
#products,
|
|
#values{
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
position:relative;
|
|
}
|
|
#products > img,
|
|
#values > img{
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
z-index:-1;
|
|
-o-object-fit:cover;
|
|
object-fit:cover;
|
|
}
|
|
|
|
#products .sectiontitle:after{
|
|
content:"";
|
|
background-color:#0c1417;
|
|
}
|
|
#products > img{
|
|
height:80%;
|
|
}
|
|
#products .product-item{
|
|
display:flex;
|
|
align-items:center;
|
|
flex:1;
|
|
margin-right:60px;
|
|
transition:transform 0.2s;
|
|
}
|
|
#products .product-item:last-child{
|
|
margin-right:0;
|
|
}
|
|
#products .product-item:hover{
|
|
transform:scale(1.1);
|
|
}
|
|
#products .products-list{
|
|
margin-top:20px;
|
|
}
|
|
|
|
#values .sectiontitle:after{
|
|
content:"";
|
|
background-color:#0c1417;
|
|
}
|
|
#values > img{
|
|
height:110%;
|
|
}
|
|
#values ul{
|
|
display:flex;
|
|
justify-content:space-between;
|
|
}
|
|
#values .values-content{
|
|
width:1000px;
|
|
margin-bottom:50px;
|
|
}
|
|
#values .values-list{
|
|
margin-top:100px;
|
|
}
|
|
#values .values-list .item{
|
|
display:inline-flex;
|
|
flex-direction:column;
|
|
justify-content:center;
|
|
align-items:center;
|
|
flex:1;
|
|
font-family:"barlow-bold", arial, sans-serif;
|
|
}
|
|
#values .values-list .item img{
|
|
width:70px;
|
|
height:70px;
|
|
margin-bottom:20px;
|
|
-o-object-fit:contain;
|
|
object-fit:contain;
|
|
}
|
|
|
|
#reassurances ul{
|
|
display:flex;
|
|
flex-wrap:wrap;
|
|
}
|
|
#reassurances ul li{
|
|
display:inline-flex;
|
|
flex-direction:column;
|
|
align-items:center;
|
|
color:#222f5c;
|
|
font-family:"barlow-bold", arial, sans-serif;
|
|
}
|
|
#reassurances img{
|
|
max-width:70px;
|
|
height:auto;
|
|
margin-right:10px;
|
|
}
|
|
#reassurances .number{
|
|
color:#ff0400;
|
|
font-size:calc(18px * 4);
|
|
}
|
|
#reassurances .reassurance-item{
|
|
margin-top:30px;
|
|
margin-bottom:30px;
|
|
}
|
|
|
|
.plan,
|
|
.phone{
|
|
padding-left:80px;
|
|
}
|
|
.plan p:first-of-type,
|
|
.phone p:first-of-type{
|
|
font-size:calc(18px * 1.1);
|
|
}
|
|
.plan p:nth-of-type(2),
|
|
.phone p:nth-of-type(2){
|
|
color:#999999;
|
|
font-size:calc(18px * 0.85);
|
|
line-height:1.5;
|
|
}
|
|
|
|
.blue header{
|
|
background-color:#222f5c;
|
|
}
|
|
.blue .cta,
|
|
.blue .link{
|
|
color:#222f5c;
|
|
}
|
|
.blue .cta{
|
|
border-color:#222f5c;
|
|
}
|
|
.blue .cta:hover{
|
|
color:#fff;
|
|
background-color:#222f5c;
|
|
}
|
|
.blue #values{
|
|
color:#fff;
|
|
}
|
|
.blue #values .item:nth-of-type(even){
|
|
color:#ff0400;
|
|
}
|
|
.blue .product-card .overlay{
|
|
background-color:rgba(34, 47, 92, 0.8);
|
|
}
|
|
.blue .product-card .overlay span{
|
|
color:#222f5c;
|
|
}
|
|
|
|
.blue .traduction li a{
|
|
color:#fff;
|
|
}
|
|
.blue .traduction li.current a{
|
|
color:#ff0400;
|
|
}
|
|
|
|
.blue .featured-link{
|
|
color:#ff0400;
|
|
}
|
|
|
|
.best{
|
|
display:flex;
|
|
align-items:center;
|
|
font-family:"barlow-bold", arial, sans-serif;
|
|
}
|
|
|
|
.mt50{
|
|
margin-top:50px;
|
|
}
|
|
|
|
.mb50{
|
|
margin-bottom:50px;
|
|
}
|
|
|
|
@media screen and (min-width: 800px){
|
|
.jumbotron .maintitle{
|
|
font-size:calc(18px * 3.25);
|
|
}
|
|
|
|
.blue .menu .menu__item a{
|
|
color:#fff;
|
|
}
|
|
|
|
.has-label{
|
|
position:relative;
|
|
}
|
|
.has-label:before{
|
|
content:url(/assets/images/Logo_MadeInFrance.jpg?caa24dd8d843129d80d8cdfc7ccfb1b6);
|
|
position:absolute;
|
|
right:-150px;
|
|
top:50px;
|
|
}
|
|
|
|
.has-label-bis{
|
|
position:relative;
|
|
}
|
|
.has-label-bis:before{
|
|
content:url(/assets/images/Logo_MadeInFrance.jpg?caa24dd8d843129d80d8cdfc7ccfb1b6);
|
|
position:absolute;
|
|
right:0px;
|
|
top:-50px;
|
|
}
|
|
|
|
.has-chicken-path{
|
|
position:relative;
|
|
}
|
|
.has-chicken-path:before{
|
|
content:url(/assets/images/empreintes.png?a2c7cc1a99b8e4e1302c7b327fdafed7);
|
|
position:absolute;
|
|
left:20px;
|
|
top:-20px;
|
|
}
|
|
|
|
.bckg-illustration:after{
|
|
content:url(/assets/images/cuisinier.jpg?baaefbda5b45a25efacd1962934e1ccd);
|
|
position:absolute;
|
|
top:-110px;
|
|
right:60px;
|
|
width:300px;
|
|
height:300px;
|
|
z-index:-1;
|
|
}
|
|
|
|
.featured-link{
|
|
bottom:-63px;
|
|
right:-190px;
|
|
width:145px;
|
|
padding-top:25px;
|
|
padding-bottom:35px;
|
|
line-height:1;
|
|
color:#222f5c;
|
|
background-image:url(/assets/images/food-service.png?0516f121d7754c28b2cb3055ce991861);
|
|
background-repeat:no-repeat;
|
|
}
|
|
|
|
.featured-link span{
|
|
display:block;
|
|
font-size:12px;
|
|
}
|
|
|
|
#reassurances ul{
|
|
justify-content:space-between;
|
|
}
|
|
#reassurances ul li{
|
|
width:30%;
|
|
}
|
|
|
|
#values .values-list{
|
|
margin-top:100px;
|
|
}
|
|
|
|
.desk-mt180{
|
|
margin-top:180px;
|
|
}
|
|
|
|
.desk-mr18{
|
|
margin-right:80px;
|
|
}
|
|
|
|
.desk-mt-n80{
|
|
margin-top:-80px;
|
|
}
|
|
|
|
.desk-ml-150{
|
|
margin-left:150px;
|
|
}
|
|
|
|
.desk-mt-120{
|
|
margin-top:120px;
|
|
}
|
|
|
|
.desk-mt50{
|
|
margin-top:50px;
|
|
}
|
|
|
|
.desk-mb-80{
|
|
margin-bottom:80px !important;
|
|
}
|
|
|
|
.best{
|
|
padding-top:100px;
|
|
padding-left:145px;
|
|
}
|
|
.best:before{
|
|
content:url(/assets/images/personnage.png?afab50b1fecf5fd0149a8216117dd5a8);
|
|
position:absolute;
|
|
left:0;
|
|
z-index:-1;
|
|
}
|
|
.best span:first-of-type{
|
|
margin-right:10px;
|
|
color:#ff0400;
|
|
font-size:90px;
|
|
}
|
|
.best span:nth-of-type(2){
|
|
color:#222f5c;
|
|
font-size:55px;
|
|
}
|
|
|
|
.reduice-img img{
|
|
width:65%;
|
|
max-width:65%;
|
|
margin-top:-100px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 799px){
|
|
.jumbotron .maintitle{
|
|
font-size:calc(18px * 1.8);
|
|
}
|
|
|
|
.blue > .menu .menu__item a{
|
|
color:#fff;
|
|
}
|
|
|
|
#values ul{
|
|
flex-direction:column;
|
|
align-items:center;
|
|
}
|
|
|
|
.has-label{
|
|
position:relative;
|
|
}
|
|
.has-label:before{
|
|
content:url(/assets/images/Logo_MadeInFrance_mobile.jpg?2ebc3dfbc3801da608a04a620f806f8e);
|
|
position:absolute;
|
|
right:0;
|
|
left:0;
|
|
top:300px;
|
|
}
|
|
|
|
.has-label-bis{
|
|
position:relative;
|
|
}
|
|
.has-label-bis:before{
|
|
content:url(/assets/images/Logo_MadeInFrance_mobile.jpg?2ebc3dfbc3801da608a04a620f806f8e);
|
|
position:absolute;
|
|
right:0;
|
|
left:0;
|
|
top:100px;
|
|
}
|
|
|
|
.featured-link{
|
|
display:none;
|
|
}
|
|
|
|
#reassurances ul{
|
|
flex-direction:column;
|
|
}
|
|
|
|
#values .values-list{
|
|
margin-top:50px;
|
|
flex-wrap:wrap;
|
|
}
|
|
#values .values-list .item{
|
|
width:50%;
|
|
margin-bottom:3em;
|
|
}
|
|
|
|
.best span:first-of-type{
|
|
margin-right:10px;
|
|
color:#ff0400;
|
|
font-size:45px;
|
|
}
|
|
.best span:nth-of-type(2){
|
|
color:#222f5c;
|
|
font-size:32px;
|
|
}
|
|
|
|
.smrt-mb-100{
|
|
margin-bottom:100px !important;
|
|
}
|
|
|
|
.smrt-mb-200{
|
|
margin-bottom:200px !important;
|
|
}
|
|
|
|
.smrt-order{
|
|
display:flex;
|
|
flex-direction:column;
|
|
align-items:flex-start;
|
|
}
|
|
.smrt-order img{
|
|
order:3;
|
|
}
|
|
.smrt-order span{
|
|
order:0;
|
|
}
|
|
}
|