/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2
*/

/*-Califil-*/

/*-CSS-d2b-*/
.d2b {
    font-weight: inherit !important;
    color: inherit;
    font-family: inherit;
}

.txt-fort {
    font-size: x-large;
}

.fort,
.fort * {
    font-weight: 700 !important;
}

.tres-fort,
.tres-fort * {
    font-weight: 800 !important;
}

.tres-tres-fort,
.tres-tres-fort * {
    font-weight: 900 !important;
}

/*
li {
    list-style: none;
}
*/

a:hover {
    text-decoration: none;
}

/*-couleur-txt-titre-*/

.txt-blanc,
.txt-blanc * {
    color: white !important;
}

.txt-bleu,
.txt-bleu * {
    color: #314861 !important;
}

.txt-vert,
.txt-vert * {
    color: green !important;
}

.txt-rouge,
.txt-rouge * {
    color: red !important;
}

.txt-orange,
.txt-orange * {
    color: #f07f23 !important;
}

.txt-noir,
.txt-noir * {
    color: black !important;
}

.txt-violet,
.txt-violet * {
    color: violet !important;
}

.txt-marron,
.txt-marron * {
    color: saddlebrown !important;
}

.txt-turquoise,
.txt-turquoise * {
    color: darkcyan;
}

.txt-jaune,
.txt-jaune * {
    color: #fdb927;
}

.txt-gris,
.txt-gris * {
    color: grey !important;
}

/*-couleur-txt-titre-*/

/* bandeau cookie*/
#tarteaucitronRoot .tarteaucitronDeny, #tarteaucitronRoot .tarteaucitronAllow {
	background: #3b3f4a !important;
}
body #tarteaucitronRoot div#tarteaucitronAlertBig {
  bottom: 0;
  top: auto !important;
  left: 8px !important;
  right: auto !important;
  transform: initial !important;
  border-radius: 5px 5px 0 0 !important;
  max-width: 250px !important;
  width: Calc(100% - 16px) !important;
  min-width: 0 !important;
  padding: 25px 20px 0px 20px !important;
}
div#tarteaucitronAlertBig li {
    color: #ffffff;
    list-style: disc;
}
#tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
    margin: 10px 0 20px !important;
    font-size: 15px !important;
}
span#tarteaucitronDisclaimerAlert {
    padding: 0 10px !important;
}
#tarteaucitronDisclaimerAlert ul {
    margin-top: 15px !important;
}
#tarteaucitronAlertBig button {
  width: 80% !important;
}
/*-----*/

/*-weight-txt-titre-*/
.tres-fin,
.tres-fin * {
    font-weight: 100 !important;
}

.fin,
.fin * {
    font-weight: 200 !important;
}

/*-weight-txt-titre-*/
/*-code-pour-animation-*/

@-webkit-keyframes anime-btn-core-web-vital {
    from {
        transform: scale(1) translate(0, -50%);
    }

    to {
        transform: scale(1.1) translate(2px, -50%);
    }
}

@keyframes anime-btn-core-web-vital {
    from {
        transform: scale(1) translate(0, -50%);
    }

    to {
        transform: scale(1.1) translate(2px, -50%);
    }
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0) translate(0px, -50%);
    }

    20% {
        opacity: 0;
        transform: scale(0) translate(0px, -50%);
    }

    30% {
        opacity: 1;
        transform: scale(2) translate(0px, -50%);
    }

    40% {
        opacity: 1;
        transform: scale(0.5) translate(0px, -50%);
    }

    60% {
        opacity: 1;
        transform: scale(1.2) translate(0px, -50%);
    }

    80% {
        opacity: 1;
        transform: scale(0.89) translate(0px, -50%);
    }

    100% {
        opacity: 1;
        transform: scale(1) translate(0px, -50%);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0) translate(0px, -50%);
    }

    20% {
        opacity: 0;
        transform: scale(0) translate(0px, -50%);
    }

    30% {
        opacity: 1;
        transform: scale(2) translate(0px, -50%);
    }

    40% {
        opacity: 1;
        transform: scale(0.5) translate(0px, -50%);
    }

    60% {
        opacity: 1;
        transform: scale(1.2) translate(0px, -50%);
    }

    80% {
        opacity: 1;
        transform: scale(0.89) translate(0px, -50%);
    }

    100% {
        opacity: 1;
        transform: scale(1) translate(0px, -50%);
    }
}

/*-code-pour-animation-*/
/*-scroll-smooth-pour-liens-ancre-*/

html {
    scroll-behavior: smooth;
}

/*-scroll-smooth-pour-liens-ancre-*/
/*-z-index-*/
.z-index-0 {
    z-index: 0 !important;
}

.z-index-5 {
    z-index: 5 !important;
}

.z-index-10 {
    z-index: 10 !important;
}

.z-index-15 {
    z-index: 15 !important;
}

.z-index-100 {
    z-index: 100 !important;
}

.z-index-150 {
    z-index: 150 !important;
}

.z-index-1000 {
    z-index: 1000 !important;
}

/*-z-index-*/

.overflow-visible {
    overflow: visible !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.uppercase {
    text-transform: uppercase;
}

.lorem,
.lorem *,
.txt-blanc.lorem,
.txt-blanc.lorem *,
.txt-blanc .lorem,
.txt-blanc .lorem * {
    color: fuchsia !important;
    font-size: 20px;
    display: flex;
    justify-content: space-around;
}

@media only screen and (min-width: 0px) {
		
/*----------------btn-flottant---------------------*/
    #btn-fixed {
        position: fixed;
        top: 70%;
        right: 0;
        width: 50px;
        transform: translate(0, -50%);
        display: flex !important;
        z-index: 10000;
        flex-direction: column;
        align-items: end;
    }

    .btn-fixed-tel,
    .btn-fixed-mail,
    .btn-fixed-link {
        height: 50px;
        width: 50px;
        display: flex;
        margin: 0;
        opacity: 1;
        transition: 0.5s;
        right: 0;
        position: relative;
        border-radius: 15px 0 0 15px;
        margin-bottom: 5px;
    }

    .btn-fixed-tel,
    .btn-fixed-mail {
        background-color: #314861;
    }

    .btn-fixed-link {
        background-color: #0060a9;
    }

    .btn-fixed-mail:hover,
    .btn-fixed-link:hover {
        transform: scale(1.1);
        transition: 0.5s;
    }

    /*-mettre la couleur voulu au background-color-*/
    .btn-fixed-tel {
        background-image: url(/wp-content/uploads/2026/07/tel-blanc.png) !important;
    }

    .btn-fixed-mail {
        background-image: url(/wp-content/uploads/2026/07/mail-blanc.png) !important;
    }

    .btn-fixed-link {
        background-image: url(/wp-content/uploads/2026/07/linkedin.png) !important;
    }

    .btn-fixed-tel {
        background-position: 50% 25%;
        background-repeat: no-repeat;
        background-size: 60%;
    }

    .btn-fixed-mail {
        background-position: 50% 33%;
        background-repeat: no-repeat;
        background-size: 65%;
    }

    .btn-fixed-link {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 60%;
    }

    /*-FIN-mettre la couleur voulu au background-color-*/

    /*-mettre l'url de l'image voulu au background-image-*/

    /*-FIN-mettre l'url de l'image voulu au background-image-*/
    .btn-fixed-tel *,
    .btn-fixed-mail *,
    .btn-fixed-link * {
        width: 100%;
        height: 100%;
        display: flex;
    }

    .btn-fixed-tel a,
    .btn-fixed-mail a,
    .btn-fixed-link a {
        display: flex;
        align-items: end;
        justify-content: center;
    }

    .btn-fixed-tel *,
    .btn-fixed-mail *,
    .btn-fixed-link * {
        color: white !important;
        text-align: center;
        font-size: 8px !important;
        line-height: 0 !important;
    }

    /*----------------btn-flottant---------------------*/
		
		
		.btn-langue > a > span {
    position: relative;
}


    .btn-langue > a > span:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 35px;
        transform: translate(0, -50%);
        width: 24px;
        height: 20px;
        background: white;
    }
		
		.btn-langue-uk > a > span:after {
    background: url(https://www.califil.fr/wp-content/uploads/2026/06/drapeau-uk.png);
    }
		
		.btn-langue-fr > a > span:after {
    background: url(https://www.califil.fr/wp-content/uploads/2026/06/drapeau-fr.png);
    }
		
		.btn-langue-de > a > span:after {
    background: url(https://www.califil.fr/wp-content/uploads/2026/06/drapeau-de.png);
    }
		
	
	body:not(.template-slider) #Header_wrapper {
    background-repeat: no-repeat;
    background-position: center !important;
}
	
	figcaption.vc_figure-caption {
    color: #333;
    font-size: 14px !important;
    line-height: 21px;
    letter-spacing: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: none;
    text-align: center;
}
		
	.h5, .h5 * {
    font-size: 18px;
    font-weight: 500;
}
	H3, h3 * {
    FONT-SIZE: 20px;
    font-weight: 500;
}
	
    .carousel-actus .vc_pagination li.vc_pagination-item > a {
        background: #5b5b5b;
    }

    .carousel-actus .vc_pagination li.vc_pagination-item.vc_active > a {
        background: #1a2939;
    }

    .txt-btn-produits * {
        font-size: 17px !important;
        line-height: 25px;
    }

    .habillage-titre-trait-jaune h1,
    .habillage-titre-trait-jaune h2,
    .habillage-titre-trait-jaune h3,
    .habillage-titre-trait-jaune h4,
    .habillage-titre-trait-jaune h5,
    .habillage-titre-trait-jaune h6 {
        position: relative;
    }

    .habillage-titre-trait-jaune h1:after,
    .habillage-titre-trait-jaune h2:after,
    .habillage-titre-trait-jaune h3:after,
    .habillage-titre-trait-jaune h4:after,
    .habillage-titre-trait-jaune h5:after,
    .habillage-titre-trait-jaune h6:after {
        content: "";
        position: absolute;
        left: 0px;
        bottom: -15px;
        width: 30px;
        height: 3px;
        background: #fdb927;
    }

    .bloc-accueil:first-child > div {
        position: relative !important;
    }

    .bloc-accueil:first-child > div:before {
        position: absolute;
        height: 50%;
        width: 1px;
        background: #e9e8e8;
        right: 0;
        top: 50%;
        transform: translate(0, -50%) !important;
    }

    .bloc-accueil .wpb_single_image {
        margin-bottom: 0;
    }

    .btn-contactez-nous > a {
        background-color: #314861 !important;
        background-image: none !important;
        color: white !important;
        font-size: 18px !important;
        font-weight: 900;
        padding-left: 30px !important;
        padding-right: 30px !important;
        transition: 0.5s !important;
    }

    .btn-contactez-nous > a:hover {
        background-color: #0060a9 !important;
        transition: 0.5s !important;
    }

    .h3,
    .h3 * {
        font-size: 20px;
        line-height: 25px;
        font-weight: 300;
    }

    .h2 strong,
    .h3 strong {
        font-weight: 900;
    }

    .h2,
    .h2 * {
        font-size: 24px;
        line-height: 56px;
        font-weight: 550;
		line-height: normal;
    }

    #Action_bar .contact_details .btn-mail-adress {
        position: relative;
        padding: 0 15px 0 40px !important;
        border-left: 1px solid #e9e8e8;
    }

    .btn-mail-adress:before {
        content: "";
        position: absolute;
        left: 15px;
        top: 0;
        background-image: url(/wp-content/uploads/2026/01/pin.png);
        background-repeat: no-repeat !important;
        background-position: 50%;
        background-size: contain;
        width: 20px;
        height: 20px;
    }

    li.btn-tel-include {
        border-right: 1px solid #e9e8e8;
        padding-right: 20px !important;
    }

    /*-page-d-accueil-*/

    .txt-bloc-accueil .wpb_wrapper {
        min-height: 125px;
    }

    .btn-savoir-plus p {
        cursor: pointer;
    }

    .btn-produits .wpb_wrapper {
        background-color: white;
        cursor: pointer;
        max-height: 306px;
    }

    .txt-btn-produits .wpb_wrapper {
        color: #192939;
        font-weight: 700;
    }

    .wpb_text_column.wpb_content_element.txt-btn-produits {
        position: relative;
        top: -60px;
    }

    .titre-article {
        font-weight: bold;
    }

    .icone-footer {
        width: 15px;
    }

    .btn-tel-include,
    .btn-mail-include,
    .btn-mail-adress {
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }

    .btn-mail-adress:before {
        display: none;
    }


    .icone-secteur > .wpb_wrapper.vc_figure {
        width: 98px;
        position: relative;
        top: -27px;
    }

    .chiffre-secteur {
        font-size: 30px;
        font-weight: 700;
    }

    .txt-secteur {
        font-size: 19px;
        font-weight: 700;
        position: relative;
        top: -87px;
    }


    .txt-automobile {
        color: #00519f;
    }



    .txt-agro {
        color: #C55A11;
    }



    .txt-divers {
        color: #F8C02B;
    }



    .txt-bat {
        color: #00B0F0;
    }



    .txt-med {
        color: #A5A5A5;
    }

    .bloc-matiere {
        width: 205px;
        margin: 20px;
    }

    .bloc-matiere:hover {
        transform: translateY(-10px);
        transition: all 0.6s ease;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    }

    .txt-export {
        font-size: 20px;
        margin-top: 13px;
        color: #314861;
    }

    .menu-footer a {
        background: none !important;
    }



}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .btn-contactez-nous {
        width: 100%;
        display: flex !important;
        justify-content: center;
    }

    .txt-bloc-accueil .wpb_wrapper {
        min-height: auto !important;
    }

    video {
        width: 100%;
        height: auto;
        margin-top: 20px;
    }

    .bloc-matiere {
        width: 362px;
        margin: 13px;
    }

    .logo-califil {
        width: 110px;
    }

	.invert-block {
        display: flex !important;
        flex-direction: column-reverse !important;
    }

}

@media only screen and (min-width: 0px) and (max-width: 1022px) {
	
	.invert-block-tab {
        display: flex !important;
        flex-direction: column-reverse !important;
    }		  
}

@media only screen and (min-width: 0px) and (max-width: 1239px) {
		
				/*----------------btn-flottant---------------------*/
    .btn-fixed-tel {
        position: relative;
    }

    .btn-fixed-tel:hover {
        transform: scale(1.1);
        transition: 0.5s;
    }

    span.text-pc {
        display: none;
    }

    span.text-mobile {
        display: block;
        position: absolute !important;
        bottom: 5px;
        left: 50%;
        width: initial !important;
        height: initial !important;
        transform: translate(-50%, 0);
    }

    /*----------------btn-flottant---------------------*/		
		
		
}

@media only screen and (min-width: 768px) {
		
			    p.\35 0-100 {
        width: 49%;
    }

    p.\31 00-100 {
        width: 100%;
    }
	
	.formulaire-page-contact {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
	
	
	.bloc-accueil > div > .wpb_wrapper {
    height: 450px;
    display: flex;
    flex-direction: column;
   }
	
	.bloc-accueil > div > .wpb_wrapper > .btn-savoir-plus {
    margin-bottom: 0 !important;
    margin-top: auto;
   }
}

@media only screen and (min-width: 767px) and (max-width: 1022px) {}

@media only screen and (min-width: 767px) and (max-width: 1239px) {
		



    .bloc-matiere {
        width: 215px;
        margin: 11px;
    }


    .logo-califil {
        width: 50px;
    }

    .txt-export {
        margin-left: 24px;
        margin-top: 9px;
    }

    .txt-implantation-mobile {
        width: 135px;
        margin-left: 21px;
        margin-top: -17px;
    }
}

@media only screen and (min-width: 1023px) {
	
	.bloc-accueil > div > .wpb_wrapper {
    height: 400px;
   }
}

@media only screen and (min-width: 1023px) and (max-width: 1239px) {}

@media only screen and (min-width: 1240px) {
		
		
		/*----------------btn-flottant---------------------*/
		 
		
    .btn-fixed-tel {
        width: 200px;
        transform: translate(150px, 0);
        background-position: 6% 40% !important;
        background-repeat: no-repeat;
        background-size: auto 50%;
        transition: 0.5s;
    }

    .btn-fixed-mail {
        width: 200px;
        transform: translate(150px, 0);
        background-position: 7% 40% !important;
        background-repeat: no-repeat;
        background-size: auto 50%;
        transition: 0.5s;
    }

    .btn-fixed-link {
        width: 200px;
        transform: translate(150px, 0);
        background-position: 6% 50% !important;
        background-repeat: no-repeat;
        background-size: auto 50%;
        transition: 0.5s;
    }

    .btn-fixed-tel:hover {
        transform: translate(0, 0);
        transition: 0.5s;
        /*background-position: 5% 50% !important;
        background-repeat: no-repeat !important;*/
    }

    .btn-fixed-mail:hover {
        transform: translate(0, 0);
        transition: 0.5s;
        /*background-position: 5% 40% !important;
        background-repeat: no-repeat !important;*/
    }

    .btn-fixed-link:hover {
        transform: translate(150px, 0);
        transition: 0.5s;
        /*background-position: 5% 50% !important;
        background-repeat: no-repeat !important;*/
    }

    span.text-mobile {
        position: absolute;
        bottom: 0 !important;
        height: initial !important;
        left: 13px;
        transition: 0.5s;
        color: transparent !important;
    }

    .btn-fixed-tel:hover span.text-mobile,
    .btn-fixed-mail:hover span.text-mobile,
    .btn-fixed-link:hover span.text-mobile {
        opacity: 0;
        transition: 0.5s;
    }

    span.text-pc {
        position: absolute;
        width: initial !important;
        height: initial !important;
        top: 50%;
        right: 13px;
        transform: translate(0, -50%);
        font-size: 14px !important;
        font-weight: 700;
        color: transparent !important;
        transition: 0.5s;
    }

    .btn-fixed-link a span.text-pc {
        right: inherit;
        left: 50px;
    }

    .btn-fixed-tel:hover span.text-pc,
    .btn-fixed-mail:hover span.text-pc,
    .btn-fixed-link:hover span.text-pc {
        transition: 0.5s;
        color: white !important;
    }

    /*----------------btn-flottant---------------------*/

		
#Action_bar .contact_details {
    float: right !important;
}		
		
.btn-langue > ul > li {
    width: 100px !important;
}
	
  .bloc-accueil > div > .wpb_wrapper {
    height: 380px;
   }

    div#Action_bar > .container,
    div#Top_bar > .container {
        max-width: inherit;
        padding: 0 10px 0 20px;
    }

    .header-classic #Header .top_bar_left {
        display: flex;
        justify-content: space-between;
    }

    #Top_bar .logo {
        margin: 0 !important;
    }

    #Top_bar .menu_wrapper > nav#menu > ul#menu-menu {
        display: flex;
    }

    #Top_bar .menu > li > a span:not(.description) {
        padding: 0 10px;
        font-size: 15px !important;
    }
}

@media only screen and (min-width: 1366px) {}

@media only screen and (min-width: 1440px) {}

@media only screen and (min-width: 1500px) {
    #Top_bar .menu > li > a span:not(.description) {
        font-size: 15px !important;
    }
}

@media only screen and (min-width: 1800px) {
    #Top_bar .menu > li > a span:not(.description) {
        font-size: 17px !important;
    }

    div#Action_bar > .container,
    div#Top_bar > .container {
        max-width: 1800px;
    }
}

@media only screen and (min-width: 1920px) {}

/*-Califil-*/