@font-face {
font-family: 'Apple Chancery';
font-style: normal;
font-weight: normal;
src: local('Apple Chancery'), url(//www.fichet-distribution.fr/wp-content/themes/fichet/font/apple_chancery.woff) format('woff');
}
@import url("https://fonts.googleapis.com/css?family=Raleway:400,700&display=swap");
html {
scroll-behavior: smooth;
}
body{
font-size: 1rem;
font-family: 'Raleway', sans-serif;
color: #555555;
}
a{
color: #3b90ad;
text-decoration: none;
}
a:hover{
color: #3b90ad;
text-decoration: underline;
}
header{
position: relative;
z-index: 110;
}
header .menu-header-container{
float: right;
}
header #primary-menu{
position: relative;
list-style: none;
width: 100%;
padding: 0;
margin: 0;
float: right;   
}
header ul#primary-menu li{
display: inline-block;
float: left;
text-align: right;
padding-left: 15px;
}
header ul#primary-menu li a{
color: #555;
text-decoration: none;
padding: 10px 0;
text-transform: uppercase;
border-bottom: 2px solid transparent;
}
header ul#primary-menu li a:hover, header ul#primary-menu li.current-menu-item a{
border-bottom: 2px solid #3b90ad;
}
header ul#primary-menu li.menu-item-type-custom a.headersocial{
position: relative;
}
body.home header{
position: absolute;
width: 100%;
background-image: url(//www.fichet-distribution.fr/wp-content/themes/fichet/img/bg-head.png);
z-index: 10;
}
.container-fluid{
overflow: hidden;
}
.footer-head{
background-color: #f2f2f2;
}
footer .menu-header-container{
float: right;
}
.footer-head #primary-menu ul{
list-style: none;
width: 100%;
padding: 0;
margin: 0;
}
.footer-head #menu ul li{
display: inline-block;
float: left;
text-align: right;
padding-left: 30px;
}
.footer-head #menu ul li a{
color: #555;
text-decoration: none;
text-transform: uppercase;
border-bottom: 2px solid transparent;
padding: 10px 0;
}
.footer-foot .tel{
color: #3b90ad;
font-size: 1.2rem;
}
.footer-copyright{
font-size: 0.9rem;
}
.footer-copyright a{
color: #555555;
}
.footer-copyright a:hover{
color: #0076a8;
}
.img-banner {
height: 50vh;
width: 100%;
object-fit: cover;
}
h1{
color: #3b90ad;
text-transform: uppercase;
font-size: 4rem;
}
.font-second{
font-family: 'Apple Chancery';
}
.soustitre{
max-width: 440px;
margin: 0px auto;
font-size: 1.2rem;
font-family: 'Apple Chancery';
}
.marginbloc-50{
margin-top: 50px;
margin-bottom: 50px;
}
.vignette{
position: relative;
}
.vignette-img{
position: relative;
display: block;
width: 100%;
height: auto;
}
.vignette-titre{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background: url(//www.fichet-distribution.fr/wp-content/themes/fichet/img/bg-blue75.png) repeat;
}
.vignette:hover .vignette-titre{
opacity: 1;
}
.vignette-titre h5 {
color: white;
font-size: 1.5rem;
position: absolute;
top: 50%;
left: 50%;
text-transform: uppercase;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.decale{
background: linear-gradient(90deg, #f2f2f2 50%, #fff 50%);
}
.decale .container{
background: linear-gradient(90deg, #f2f2f2 25%, #fff 25%);
}
.avantages{
background: #f2f2f2;
height: 100%;
min-height: 300px;
padding: 40px 15px;
text-align: justify;
}
.avantages h5{
color: #3b90ad;
font-size: 1.2rem;
text-transform: uppercase;
}
.avantages:hover{
transition: .5s ease;
background: #3b90ad;
color: #fff;
}
.avantages:hover h5{
transition: .5s ease;
color: #fff;
}
.gammes{
padding: 40px 15px;
text-align: justify;
background: #3b90ad;
color: #fff;
}
.gammes h5{
color: #fff;
font-size: 1.2rem;
text-transform: uppercase;
}
.gammes a{
color: #fff;
}
.multipleimage>.col-6:nth-child(4n+1){
padding-bottom: 30px;
}
.zones h2, .footer-actu h2{
font-size: 1.6rem;
margin-top: 10px;
text-transform: uppercase;
}
.zones img.icon-zone{
max-height: 100px;
}
.zones h4{
font-family: 'Apple Chancery';
font-size: 1.2rem;
font-weight: normal;
margin-top: 20px;
margin-bottom: 20px;
}
.zones .home-paragraphe{
margin-bottom: 25px;
}
.zones .link-home a{
color: #3b90ad;
}
.zones .link-home:hover a{
text-decoration: underline;
}
.blue{
color: #3b90ad;
}
.carousel-caption, .filter-blue{
background: url(//www.fichet-distribution.fr/wp-content/themes/fichet/img/bg-blue75.png) repeat;
}
.filter-blue2{
background: url(//www.fichet-distribution.fr/wp-content/themes/fichet/img/bg2-blue75.png) repeat;
}
.filter-blueimg,   .filter-blue2img{
-webkit-filter: grayscale(100%); filter: grayscale(100%);
}
.carousel-caption, .filter-blue, .filter-blue2 {
position: absolute;
right: 0%;
top: 0;
left: 0%;
z-index: 10;
padding-top: 0px;
padding-bottom: 0px;
text-align: center;
height: 100%
}
.carousel-caption-content {
position: absolute;
right: 15%;
top: 0;
left: 15%;
z-index: 10;
text-align: left;
height: 100%;
padding-top: 6%;
}
.carousel-control-prev, .carousel-control-next{
z-index: 11;
}
.carousel-caption-content-titre{
font-size: 1.6rem;
line-height: 1.9rem;
font-weight: bold;
}
.carousel-caption-content-paragraphe_sous_titre{
font-size: 1.3rem;
font-weight: bold;
}
.carousel-caption-content a{
color: #FFF;
font-size: 0.7rem;
}
.slider-link span{
display: block;
}
.decale h2{
color:#3b90ad;
text-transform: uppercase;
font-size: 3rem;
}
.avantagetitre h2{
color:#3b90ad;
text-transform: uppercase;
font-size: 4rem;
}
.bg-grey{
background: #f2f2f2;
}
.page-template-page-contact h1{
font-size: 2.3rem;
}
.page-template-page-contact h3{
font-size: 1.6rem;
text-transform: uppercase;
}
.page-template-page-contact .address{
color:#7a7a7a;
}
.page-template-page-contact .tel{
color:#3b90ad;
font-size: 1.4rem;
font-weight: bold;
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea{
margin-bottom: 10px;
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.formborder{
border-left: 1px solid #555;
}
div.wpcf7 .ajax-loader{
float: left;
}
.wpcf7-form-control.wpcf7-submit{
background: #3b90ad;
color: #FFF;
text-transform: uppercase;
border: 0;
padding: 5px 10px;
}
.wpcf7-form-control.wpcf7-submit:hover{
transition:0.5s;
background: #4aa9cb;
}
#home-hover-1{
position: absolute;
z-index: 10;
width: 25px;
height: 25px;
top: 73%;
left: 69%;
background: red;
}
#home-hover-2{
position: absolute;
z-index: 10;
width: 25px;
height: 25px;
top: 52%;
left: 74%;
background: red;
}
#home-hover-3{
position: absolute;
z-index: 10;
width: 25px;
height: 25px;
top: 60%;
left: 88%;
background: red;
}
.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before{
border-left-color: #0076a8;
}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before{
border-top-color: #0076a8;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
border-bottom-color: #0076a8;
}
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
border-right-color: #0076a8;
}
.tooltip-inner{
background:#0076a8;
border-radius: .25rem;
}
.bg-white{
background: #fff;
}
.parlez-nous{
font-size: 2rem;
color: #3b90ad;
}
.home-footer-titre{
font-size: 1.3rem;
}
.hero .hero-content .hero-subtitle {
font-family: "Georgia", "Lato", sans-serif;
font-size: 2rem;
font-weight: 500; }
.hero.hero--basic {
padding: 5rem 0 1rem; }
.hero.hero--basic .hero-content .hero-title {
font-size: 3.5rem;
font-weight: 600;
letter-spacing: 0.2rem;
text-transform: uppercase; }
.hero.hero--accommodation {
padding: 2.5rem 0;
position: relative; }
.hero.hero--accommodation .hero-content .title-action {
background-color: #292929;
border-radius: 5%;
color: #ffffff;
display: inline-block;
font-size: 2.5rem;
height: 5rem;
left: 0;
line-height: 5rem;
position: absolute;
top: 0.5rem;
text-align: center;
transition: 350ms ease;
vertical-align: middle;
width: 5rem;
z-index: 25; }
.hero.hero--accommodation .hero-content .title-action:hover {
background-color: rgba(41, 41, 41, 0.8); }
.hero.hero--accommodation .hero-content .hero-title {
display: inline-block;
font-size: 2.8rem;
letter-spacing: 0;
line-height: 2;
margin-bottom: 0;
text-transform: none;
vertical-align: middle; }
.hero.hero--accommodation .hero-content .hero-info {
color: #b4002f;
font-size: 3.5rem;
display: inline-block; }
.hero.hero--accommodation .hero-content .hero-action {
display: inline-block;
float: right;
font-size: 2.2rem;
line-height: 2.5; }
.hero.hero--accommodation .hero-content .hero-action a {
color: #bababa;
transition: 350ms ease;
vertical-align: middle; }
.hero.hero--accommodation .hero-content .hero-action a:last-child {
margin-left: 1rem; }
.hero.hero--accommodation .hero-content .hero-action a:hover {
color: #b4002f; }
.hero.hero--accommodation .hero-content .hero-text {
color: #b6b6b6;
font-size: 1.2rem; }
.hero.hero--image {
height: 50rem;
margin-bottom: 5rem;
padding: 0;
position: relative;
width: 100%; }
.hero.hero--image .hero-content {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
bottom: 0;
left: 0;
padding: 3rem 3.5rem;
position: absolute;
width: 100%; }
.hero.hero--image .hero-content .hero-title {
color: #ffffff; }
.hero.hero--image .hero-content .hero-title div {
margin-bottom: 0.5rem; }
.hero.hero--image .hero-content .hero-title div:last-child {
margin-bottom: 0; }
.hero.hero--image .hero-content .hero-subtitle {
color: #ffffff;
font-size: 3.5rem;
font-weight: 500; }
.hero.hero--fh {
padding: 0; }
.hero.hero--fh .hero-content {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
height: 20rem; }
.hero.hero--fh .hero-content .hero-title {
font-size: 3rem; }
.hero.hero--fh .hero-content .hero-subtitle {
color: #8b8b8b;
padding-top: 1rem; }
.hero.hero--teaser {
max-height: calc(100vh + 1rem);
padding: 0; 
overflow: hidden;
}
.hero.hero--teaser .hero-mobile {
height: 100%;
position: relative; }
.hero.hero--teaser .hero-mobile::after {
content: '';
background-color: rgba(41, 41, 41, 0.3);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0; }
.hero.hero--teaser .hero-mobile .hero-action {
bottom: 10rem;
left: 0;
position: absolute;
text-align: center;
width: 100%;
z-index: 5; }
.hero.hero--teaser .hero-mobile .hero-action .btn, .hero.hero--teaser .hero-mobile .hero-action .slick-prev, .hero.hero--teaser .hero-mobile .hero-action .slick-next {
padding: 2rem;
width: 12rem; }
.hero.hero--teaser .hero-mobile .hero-action .btn:last-child, .hero.hero--teaser .hero-mobile .hero-action .slick-prev:last-child, .hero.hero--teaser .hero-mobile .hero-action .slick-next:last-child {
margin-left: 0.5rem; }
.hero.hero--teaser .home-slider .slick-dots {
right: 1.5rem;
top: calc(100vh - 70px); }
.hero.hero--teaser .home-slider img {
transform: scale(1, 1);
transition: transform 7000ms linear; }
.hero.hero--teaser .slide-init img {
transform: scale(1.05, 1.05); }
svg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 11;
}
#line{
stroke-width:2px;
stroke:rgb(0,118,168);
}
.point{
position: absolute;
z-index: 10;  
}
.titremachine{
top: 5%;
position: absolute;
text-align: center;
width: 33%;
color: #3b90ad;
font-weight: bold;
font-size: 1.3rem;
line-height: 1.5rem;
z-index: 101;
text-transform: uppercase;
}
.titremachine a{
color:#fff;
background: #0076a8;
padding: 2px 5px;
text-align: center;
margin-top: 15px;
font-size: 0.8rem;
border: 2px solid #0076a8;
display: inline-block;
}
.titremachine a:hover{
text-decoration: none;
transition: 0.5s;
background: #4aa9cb;
border: 2px solid #4aa9cb;
}
.pointencart{
width: 15px;
height: 15px;
width: 38%;
height: auto;
background: url(//www.fichet-distribution.fr/wp-content/themes/fichet/img/bg-blue75.png) repeat;
color: #fff;
display: none;
padding: 10px 40px;
left: 25px;
text-align: center;
font-size: 0.9rem;
z-index: 101;
}
#one-encart{
top: 63%;
}
#one-point{
top: 64%;
left: 47%;
width: 27px;
height: 27px;
background-image: url(//www.fichet-distribution.fr/wp-content/themes/fichet/img/iconehover.png);
}
#two-encart{
top: 24%;
}
#two-point{
top: 25%;
left: 65%;
width: 27px;
height: 27px;
background-image: url(//www.fichet-distribution.fr/wp-content/themes/fichet/img/iconehover.png);
}
#three-encart{
top: 34%;
}
#three-point{
top: 35%;
left: 93%;
width: 27px;
height: 27px;
background-image: url(//www.fichet-distribution.fr/wp-content/themes/fichet/img/iconehover.png);
}
.pointpoint{
z-index: 100;
cursor: pointer;
}
h2.entry-title{
text-transform: uppercase;
}
#coordonnee{
float: right;
}
#coordonnee h3{
text-transform: uppercase;
color: #0076a8;
font-size: 1.3rem;
}
#coordonnee table td:first-child{
border-right: 1px solid #8b8b8b;
}
.icone-home-tel{
max-width: 200px;
}
#backtotop{
position: fixed;
bottom: 20px;
right: 20px;
display: none;
z-index: 1000;
}
.post-template-default.single.single-post h1{
font-size: 2.4rem;
}
#homefooter{
background-repeat: no-repeat;
}
@media screen and (min-width: 1920px){
#homefooter{
background-size: 100% auto;
background-position: center center;
}	
}
@media screen and (max-width: 1200px){
.carousel-caption-content{
padding-top: 3%;
}
.carousel-caption-content-titre{
font-size: 1.3rem;
line-height: 1.5rem;
font-weight: bold;
}
.carousel-caption-content-paragraphe_sous_titre{
font-size: 1.1rem;
font-weight: bold;
}
.carousel-caption-content a{
color: #FFF;
font-size: 0.7rem;
}
.footer-head #menu ul li{
padding-left: 20px;
}
header ul#primary-menu li {
padding-left: 	7px;
font-size: 0.9rem;
}
}
@media screen and (max-width: 991px) {
body.page-template-page-noscireuses .vignette-titre{
opacity: 1;
}
h1{
font-size: 2.3rem;
}
h2, .avantagetitre h2{
font-size: 1.7rem;
}
#coordonnee{
float: none;
}
#coordonnee table{
width: 100%;
}
header .menu-header-container{
float: none;
margin-top: 20px;
text-align: center;
}
header #primary-menu{
float: none;
}
header ul#primary-menu li {
display: inline-block;
float: left;
text-align: center;
padding-left: 3px;
padding-right: 3px;
float: none;
text-align: center;
font-size: 1rem;
}
.zones img.icon-zone{
max-height: 50px;
}
.zones .home-paragraphe{
font-size: 0.8rem;
margin-bottom: 10px;
}
.zones h2, .footer-actu h2{
font-size: 1.3rem;
}
.zones h4{
font-size: 1rem;
margin-top: 10px;
margin-bottom: 10px;
}
.hero.hero--teaser.parallax-slider-wrapper{
position: relative;
height: auto;
}
body.home header{
position: relative;
}
.titremachine{
position: relative;
width: 100%;
}
#two-encart{
top:15%;
}
#one-encart{
top: 30%;
}
#three-encart{
top:30%;
}
.gammes{
padding: 40px 15px;
text-align: left;
background: #f2f2f2;
color: #3b90ad;
}
.gammes h5{
color: #fff;
font-size: 1.2rem;
text-transform: uppercase;
}
.gammes a{
color: #3b90ad;
}
}
@media screen and (max-width: 768px) {
header .menu-header-container{
float: none;
margin-top: 20px;
text-align: center;
}
header #primary-menu{
float: none;
}
header #primary-menu{
float: none;
margin-top: 15px;
}
header #primary-menu:not(.showMenu){
display: none; 
}
header ul#primary-menu li {
display: block;
float: none;
text-align: center;
padding-left: 8px;
padding-right: 8px;
}
header ul#primary-menu li a {
display: block;
float: none;
text-align: center;
padding-left: 8px;
padding-right: 8px;
padding: 0;
margin-bottom: 10px;
border-bottom: 0;
}
header ul#primary-menu li a:hover, header ul#primary-menu li.current-menu-item a{
border-bottom: 0;
color: #0076a8;
}
#responsive-menu{
padding: 15px 0 0;
cursor: pointer;
}
#responsive-menu:hover{
color:#0076a8;
}
header .menu-header-container{
margin-top: 0;
}
.zones img.icon-zone{
max-height: 50px;
}
.zones .home-paragraphe{
font-size: 1rem;
margin-bottom: 10px;
}
.zones h2, .footer-actu h2{
font-size: 1.5rem;
}
.zones h4{
font-size: 1.2rem;
margin-top: 15px;
margin-bottom: 15px;
}
.logofooter{
text-align: center;
}
.footer-head #menu ul{
display: block;
float: none;
margin-top: 20px;
padding: 0;
}
.footer-head #menu ul li{
display: block;
float: none;
text-align: center;
padding: 0;
}
footer .menu-header-container{
float: none;
}
#one-encart, #three-encart{
top: 5%;
}
#three-encart{
top:30%;
}
.avantages{
min-height: auto;
}
.icone-home-tel{
max-width: 100px;
}
}
#rgpd{
position: fixed;
bottom: 0;
background: #0076a8;
color: #fff;
padding: 15px;
width: 100%;
text-align: center;
font-size: 0.8rem;
z-index: 10001;
}
#rgpd a{
color: #fff;
text-decoration: underline;
}
#rgpd a:hover{
text-decoration: none;
}
#ancrevideo{
position:absolute;width:100%;bottom: 20px;color:#0076a8;text-align:center;
}
#ancrevideo a:hover{
color: #F2F2F2;
}