/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
@font-face {
    font-family: TitilliumText22L-Light;
    src: url(TitilliumText22L-Light.otf);
}

<link rel="stylesheet" href="font-awesome-4.6/css/font-awesome.min.html">

/*Style texte body*/
body {
    color: #666666;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 22px;
}


.tm-footer p {
    color: white;
    font-size: 12px;
    line-height: 14px;
}

@media (max-width:1023px){
.tm-footer p {
    color: white;
    font-size: 10px;
    line-height: 11px;
}}


h1, h2, h3, h4, h5, h6 {
    color: #222222;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-weight: normal;
    text-transform: none;
}


/*titre pour carte*/

h4{
    color: #386d8c;
    font-family: "Merriweather",Times New Roman,serif;
    font-weight: 300;
    margin: 0 0 -9px;
    text-transform: none;
}

/*
.accueil-services{
    padding: 100px 0px;
}
*/

.tm-footer-fixed .tm-block-footer {
    bottom: 0;
    height: 450px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 0;
}

.tm-footer-centered {
    padding-bottom: 30px;
    padding-top: 25px;
}

/*
.tm-footer-centered {
    padding-bottom: 100px;
    padding-top: 115px;
}
*/

/*
@media (max-width:550px){
.logo-footer{
    display:none;
}}
*/




/*Accueil notre gamme zone images*/

/*style des titres*/
.uk-overlay-panel h1, .uk-overlay-panel h2, .uk-overlay-panel h3, .uk-overlay-panel h4, .uk-overlay-panel h5, .uk-overlay-panel h6 {
    color: #386d8d;
}

h4, .uk-h4 {
    font-size: 8px;
    line-height: 25px;
}


.defilement-entete{
     right: 0px;
    position: absolute;
    top: 0;
    width: 89%;
    z-index: 996;
}

.nom-entete {
    left: 24%;
    position: absolute;
    top: 183px;
    width: 70%;
    z-index: 1000;
}

.nom-entete h1 {
    color: white;
    font-family: TitilliumText22L-Light;
    font-size: 28px;
    margin-bottom: -34px;
    text-align: right;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
    text-transform: uppercase;
}
.nom-entete h1:hover {
    text-shadow: 1px 1px 4px rgba(56,109,140,1);
}

.nom-entete p {
    color: white;
    font-size: 15px;
    text-align: right;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
}

@media (max-width:959px){
    .nom-entete{
        display:none;
    }}




.uk-overlay-background {
    background-color: rgba(255, 255, 255, 0.9);
    border-top: 3px solid #386d8d;
    color: #222;
    padding: 15px 10px 2px;
}

.uk-overlay h3 {
    font-size: 20px;
    margin-bottom: 2px ! important;
    line-height: 21px;
}

.notre-gamme .uk-panel-title {
    background-color: #fff;
    color: #222222;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 28px;
    margin-bottom: 0px;
    margin-top: 0;
    padding: 3px 100px;
    text-transform: uppercase;
}

.notre-gamme-1 .uk-panel-title {
    color: #386d8c;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 0;
    margin-bottom: 17px;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
}

@media (min-width:904px) and (max-width:1219px){
    .notre-gamme-1 .uk-panel-title {
    font-size: 9px;
    font-weight: bold;
    padding:0px;
}}
@media (min-width:768px) and (max-width:903px){
    .notre-gamme-1 .uk-panel-title {
    font-size: 8px;
    font-weight: bold;
    padding:0px;
}}

@media (max-width:390px){
    .notre-gamme-1 .uk-panel-title {
    font-size: 10px;
  }}





/*Page famille*/

.uk-panel-hover {
    border: 0 solid #efefef;
    border-radius: 0;
    color: #666666;
    padding: 40px 0px;
    transition: all 0.12s ease-in-out 0s;
    height:210px;
}

.acces-familles .uk-panel-hover {
    border: 0 solid #efefef;
    border-radius: 0;
    color: #666666;
    padding: 40px 0px;
    transition: all 0.12s ease-in-out 0s;
    height:210px;
}


.uk-navbar {
    background: #386d8c linear-gradient(-25deg, #97cde8, #386d8c) repeat scroll 0 0;
    border-bottom: 3px solid;
    border-radius: 0;
    box-shadow: none;
    color: white;
    margin-top: 210px;
    padding: 0;
    height:60px;
}






/*bord supérieur pour le menu sticky - scroll down > chercher la transparence*/
.uk-active .uk-navbar { 
    border-top: 40px solid;
    border-top-color: rgba(255,255,255,1);
margin-top:0px;
}

.uk-dropdown-navbar {
/*    background: rgba(80, 74, 75, 0.95) none repeat scroll 0 0;*/

    background: rgba(0, 0, 0, 0.95) none repeat scroll 0 0;
    border-bottom: 6px solid #386d8c;
/*    border-bottom: 8px solid #386d8c;*/
    box-shadow: none;
    color: #fff;
    left: 0 !important;
    margin-top: -16px;
    top: 76px !important;
/*    height: 60px;*/
}


.uk-navbar-nav > li > a {
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-family:TitilliumText22L-Light;
    font-size: 16px !important;
    font-weight: 300;
    height: 60px;
    letter-spacing: 2px;
    line-height: 60px;
    padding: 0 20px !important;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.12s ease-in-out 0s;
}

.uk-navbar-nav > li.uk-active > a {
    font-family:TitilliumText22L-Light;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid #386d8c;
    color: #386d8c;
    height: 70px;
    margin-top: -6px;
    padding-top: 5px;
}

/*
.uk-nav > li:active > a  {
    color: red;}
*/

.uk-navbar-nav > li:hover > a {
    background-color: rgba(255, 255, 255, 1);
/*    border-bottom: 2px solid #386d8c;*/
/*    border-top: 2px solid #386d8c;*/
    color: #386d8c;
/*    height: 70px;*/
/*    margin-top: -6px;*/
}

.top-menu {
    height: 25px;
    left: 50%;
    
    position: fixed;
    top: 5px;
    width: 900px;
    z-index: 999;
}
.top-menu a {
    color: #fff;
    font-size: 16px;
    background-color:#222222;
    padding: 3px 10px;
    text-decoration:none;
    border-radius:3px;
    box-shadow: 0px 0px 3px 3px rgba(255, 255, 255, 0.5);
    transition: all 0.12s ease-in-out;
}

.top-menu a:hover {
/*    color: #333;*/
    background-color:#386d8c;
    box-shadow: none;
    }

.fb{
    background:none !important;
    box-shadow:none !important;
}

.top-slogan {
    height: 25px;
    left: 50%;
    margin-left: 450px;
    position: fixed;
    top: 5px;
    width: 900px;
    z-index: 998;
}
    
/*    réduction hauteur*/
   .tm-navbar .tm-navbar-container {
    box-sizing: border-box;
    min-height: 60px;
    position: relative;
}
    
/*    etat normal*/
 .uk-navbar-nav > li > a {
  display: block;
  box-sizing: border-box;
  text-decoration: none;
  /* 1 */
  height: 60px;
  padding: 0 25px;
  line-height: 60px;
  /* 2 */
  color: #fff;
  font-size: 19px;
  font-family: TitilliumText22L-Light;
  font-weight: 300;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 2px;
  -webkit-transition: all 0.12s ease-in-out;
  transition: all 0.12s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
}




    
/*
.photo-entete {
    min-height: 450px;
}
*/

.plan{
 border-top: 2px solid #386d8c;
 border-bottom: 2px solid #386d8c;
}
    
/*sous-titre*/
    
    .uk-navbar-nav-subtitle > div {
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    margin-top: -38px;
        border-bottom: 1px solid #846b00;
}
    
/*Menu Gamme*/
.uk-panel-title {
    font-family:TitilliumText22L-Light;
    color: #386d8c;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-size: 28px;
    font-weight: normal;
    line-height: 28px;
    margin-bottom: 25px;
    margin-top: 0;
    text-transform: uppercase;
}




/*couleur et style pour les trois traits du menu toggle*/

.uk-navbar-toggle {
    color: #000;
    font-size: 24px;
    text-decoration: none;
}



/*
.occasions .uk-block-large {
    margin-top: 170px;
   }
*/


/*Titres pour page réalisations*/
.realisations .uk-panel-title {
    color: #386d8c;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-size: 28px;
    font-weight: normal;
    line-height: 28px;
    margin-bottom: 25px;
    margin-top: 0;
    text-transform: normal;
}

.realisations h3, .uk-h3 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom:-15px;
    margin-top:-7px;
}

/*Titre des pages*/
    .uk-article-title {
    font-size: 36px;
    color: #386d8c;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 44px;
    text-transform: none;
}

    .uk-nav-side > li > a {
    border-radius: 0;
   color: #fff;
        /*    color: #97cde8;*/
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: uppercase;
    transition: all 0.12s ease-in-out 0s;
}

@media (min-width:768px) and (max-width:962px){
    .uk-nav-side > li > a {
    font-size: 13px;
    letter-spacing: 0;
    margin-bottom: 6px;
 }}

@media (max-width:345px){
    .uk-nav-side > li > a {
    font-size: 12px;
    letter-spacing: 0;
    margin-bottom: 6px;
 }}


    
/*    recherche*/
/*
    .recherche{
        color: red;
    }
*/

/*bandeaux produits*/

.bandeau-infos-produits .uk-block-large {
    padding-bottom: 10px;
    padding-top: 20px;
}



.realisations .uk-block-large {
    padding-bottom: 50px;
    padding-top: 20px;
}

/*réduire padding pages */
/*
.uk-block-large {
    padding-bottom: 80px;
    padding-top: 120px;
}
*/

/*bouton formulaire contact*/

.btn-primary, .btn-info, .btn-inverse {
    background-color: #386d8c;
    color: #ffffff;
}

.btn-primary:hover, .btn-info:hover, .btn-inverse:hover {
    background-color: #222222;
    color: #ffffff;
    border-radius:3px;
}

/*bouton pour accéder aux familles*/
/*

.convoyeur .uk-button {
    background: #999 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    box-sizing: border-box;
    color: #ffffff;
    display: inline-block;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-feature-settings: inherit;
    font-kerning: inherit;
    font-language-override: inherit;
    font-size: 10px;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-synthesis: inherit;
    font-variant: inherit;
    font-weight: normal;
    left: 50%;
    margin-left:-65px;
    letter-spacing: 2px;
    line-height: 16px;
    top:230px;
    margin: 200px 0 0;
    min-height: 40px;
    overflow: hidden;
    padding: 6px 0px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.12s ease-in-out 0s;
    vertical-align: bottom;
    width: 130px;
    z-index: 1;
}
*/

.acces-familles .uk-button {
    background: #999 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    box-sizing: border-box;
    color: #ffffff;
    display: inline-block;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-feature-settings: inherit;
    font-kerning: inherit;
    font-language-override: inherit;
    font-size: 10px;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-synthesis: inherit;
    font-variant: inherit;
    font-weight: normal;
    left: 50%;
    margin-left:-90px;
    letter-spacing: 2px;
    line-height: 16px;
    top:262px;
/*    margin: 200px 0 0;*/
    min-height: 40px;
    overflow: hidden;
    padding: 6px 0px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.12s ease-in-out 0s;
    vertical-align: bottom;
    width: 180px;
    z-index: 1;
}



.acces-familles .uk-button:hover {
/*    background: #222222 none repeat scroll 0 0;*/
     background: rgba(56,109,140,0.8);
     border-radius: 10px;
    font-size: 12px;
     left: 50%;
    margin-left:-90px;
    letter-spacing: 2px;
    line-height: 16px;
    top:250px;
/*    margin: 200px 0 0;*/
    min-height: 40px;
    overflow: hidden;
    padding: 15px 10px;
   }

/*
.convoyeur .uk-button:hover {
     background: rgba(56,109,140,0.8);
     border-radius: 10px;
    font-size: 12px;
     left: 50%;
    margin-left:-65px;
    letter-spacing: 2px;
    line-height: 16px;
    top:225px;
    margin: 200px 0 0;
    min-height: 40px;
    overflow: hidden;
    padding: 15px 10px;
}
*/

.uk-panel-box {
    background: #222222 none repeat scroll 0 0;
    border-bottom: 8px solid #386d8c;
    border-radius: 10px;
    color: #fff;
    padding: 20px;
    position: relative;
    text-align: justify;
    transition: all 0.12s ease-in-out 0s;
}

/*éléménts de la sidebar sur pages produits*/
.zone-boutons-contact, .tube-levage-metiers, .photos-produits, .uk-panel.uk-panel-box.photos-gallerie, .specifications {
    background:white;
    border:0px;
    padding:0px;
}

.uk-panel.uk-panel-box.photos-gallerie:hover {
    border:none;
}

.boutons-contact {
    background: #386d8c none repeat scroll 0 0 !important;
    border: medium none;
    border-radius: 10px;
    box-sizing: border-box;
    color: #ffffff;
    display: inline-block;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-feature-settings: inherit;
    font-kerning: inherit;
    font-language-override: inherit;
    font-size: 11px;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-synthesis: inherit;
    font-variant: inherit;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 30px;
    margin: 0;
    margin-bottom:10px;
    min-height: 30px;
    overflow: hidden;
    padding: 0 5px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.12s ease-in-out 0s;
    vertical-align: middle;
    z-index: 1;
}

.boutons-contact:hover {
    background: #222 none repeat scroll 0 0 !important;
/*    border-bottom: 5px #386d8c solid !important;*/
}

@media (max-width:1220px){
    .boutons-contact {
    background: #386d8c none repeat scroll 0 0 !important;
    border: medium none;
    border-radius: 10px;
    box-sizing: border-box;
    color: #ffffff;
    display: inline-block;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-feature-settings: inherit;
    font-kerning: inherit;
    font-language-override: inherit;
    font-size: 10px;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-synthesis: inherit;
    font-variant: inherit;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 30px;
    margin: 0;
    min-height: 30px;
    overflow: hidden;
    padding: 0 5px;
    margin-bottom:3px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.12s ease-in-out 0s;
    vertical-align: middle;
    z-index: 1;
}
}




.uk-panel-box p{
    color:#fff;
    margin-bottom:5px !important;
}

.uk-panel-box h3{
    color: #fff;
}

.produits .uk-panel-title {
    color: #fff;
    font-family: TitilliumText22L-Light;
    font-size: 22px;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 18px;
    margin-left: 80px;
    margin-top: 0;
    text-align: left;
    text-align: left;
    text-transform: uppercase;
}

.marquage-etiquetage .uk-panel-title {
    font-family: TitilliumText22L-Light;
    font-size: 23px;
    font-weight: normal;
    line-height: 26px;
    margin-bottom: 18px;
    margin-left: 0px !important;
    margin-top: 0;
    text-align: left;
    text-transform: uppercase;
}

.marquage-etiquetage .gauche .uk-panel-title {
    color: #fff;
   }

.uk-panel p {
    color:white;
    }

.uk-width-1-1 > .uk-panel > p > img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -28px;
    margin-bottom: -140px; 
}

.formeuse .produits, .colle-hot-melt, .adhesif, .semi-auto {
    background-image: url("../../../../../images/pictos-famille/picto-formeuse.png");
    background-repeat: no-repeat;
    background-size: 50px 50px;
    background-position: 33px 10px;
    
/*    background-image:url(../../../../../images/logo/logofooter-fb-solutions-conditionner-convoyer-encaisser-depiler-banderoller-palettiser-rhone-alpes.png) no-repeat 50% 50%;*/
}

.fermeuse .produits, .picto-fermeuse {
    background-image: url("../../../../../images/pictos-famille/picto-fermeuse.png");
    background-repeat: no-repeat;
    background-size: 50px 50px;
    background-position: 33px 10px;
}

/*.formeuse .produits, .fermeuse .produits, .filmeuse .produits, */

.filmeuse .produits, .picto-filmeuse, .mise-sous-film, .picto-mise-sous-film {
    background-image: url("../../../../../images/pictos-famille/picto-filmeuse.png");
    background-repeat: no-repeat;
    background-size: 50px 50px;
    background-position: 33px 10px;
}

.cercleuse .produits, .picto-cercleuse {
    background-image: url("../../../../../images/pictos-famille/picto-cercleuse.png");
    background-repeat: no-repeat;
    background-size: 50px 50px;
    background-position: 33px 8px;
}

.convoyeur .produits, .picto-convoyeur {
    background-image: url("../../../../../images/pictos-famille/picto-convoyeur.png");
    background-repeat: no-repeat;
    background-size: 50px 50px;
    background-position: 33px 8px;
}

.destockeur .produits{
    background-image: url("../../../../../images/pictos-famille/picto-destockeur.png");
    background-repeat: no-repeat;
    background-size: 50px 50px;
    background-position: 33px 8px;
}

.tubelevage .produits {
    background-image: url("../../../../../images/pictos-famille/picto-tubelevage.png");
    background-repeat: no-repeat;
    background-size: 50px 50px;
    background-position: 33px 8px;
}

.occasions .produits {
    background-image: url("../../../../../images/pictos-famille/picto-occasions.png");
    background-repeat: no-repeat;
    background-size: 50px 50px;
    background-position: 33px 8px;
}

.produits-descriptif {
    color: #fff;
    font-size: 15px !important;
    line-height:16px !important;
}
.produits-telechargement-pdf{
    text-align:center;
    margin-top: 30px;
}

/*bandeau descriptif produits*/
.produits-descriptif-bis{
    color:#fff;
    font-size: 16px;
    line-height:16px;
}

/*moins d'espace entre paragpraphes*/

/* .produits-descriptif-bis p{
    margin-top:-10px;
} */



.produits-descriptif-bis p{
    margin-top:0px;
}


.bandeau-infos-produits {
    padding-bottom: 20px;
    padding-top: 20px;
}

/* .bandeau-infos-produits .uk-panel-title {
    background-image: url("../../../../../images/divers-illustrations/logo-puce-fb-solutions-produits.png");
    background-position: 11px 0;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    color: #222 !important;
    font-family: TitilliumText22L-Light;
    font-size: 25px;
    font-weight: normal;
    height: 30px;
    line-height: 25px;
    margin-bottom: 25px;
    margin-top: -75px;
    padding-left: 45px;
    text-transform: uppercase;
} */

.bandeau-infos-produits .uk-panel-title {
	background-image: url("../../../../../images/divers-illustrations/logo-puce-fb-solutions-produits.png");
	background-position: 11px 0;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	color: #222 !important;
	font-family: TitilliumText22L-Light;
	font-size: 20px;
	font-weight: normal;
	height: 30px;
	line-height: 33px;
	margin-bottom: 28px;
	margin-top: -75px;
	padding-left: 57px;
	text-transform: uppercase;
}

.nos-solutions .uk-article {
    margin-left:-290px;
}


/*style legende photo en lightbox*/
.uk-modal-caption {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border-bottom: 3px solid #386d8c;
    bottom: -30px;
    color: #ffffff;
    height: 45px;
    line-height: 16px;
    margin-bottom: -28px;
    padding: 10px 0 0;
    position: absolute;
    right: 0;
    text-align: center;
    white-space: normal;
    width: 100%;
}


    
    
.pictos-machine{
    background:none;
    border:none;
}

.uk-nav-side > li > a, .uk-nav-navbar > li > a {
    font-family:TitilliumText22L-Light;
}

.uk-nav-navbar > li > a {
    color: white;
    padding-top: 3px;
    padding-bottom: 3px;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-transform: translate3d(0, 0, 0);
}

.uk-overlay-panel > :last-child, .uk-overlay-panel.uk-flex > * > :last-child{
    margin-bottom: 4px;
    line-height: 20px;
}

#vina-tags-popular-canvas355 {
    margin-bottom: -40px;
    margin-left: 150px;
    margin-top: 240px;
}

.bandeau-infos-produits-long .uk-panel-title {
    background-image: url("../../../../../images/divers-illustrations/logo-puce-fb-solutions-produits.png");
    background-position: 11px 0;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    color: #386d8c !important;
    font-family: TitilliumText22L-Light;
    font-size: 21px;
    font-weight: normal;
    height: 30px;
    line-height: 25px;
    margin-bottom: 25px;
    margin-top: -41px;
    padding-left: 45px;
    text-transform: uppercase;
}



/*
.nuage {
    background-color: aqua;
}
*/

.uk-h4{
    letter-spacing: 2px;
}


* + .uk-margin {
    line-height: 17px;
    margin-top: 25px;
    width: 80%;
    margin-left: 10%;
}

.slide-realisations .uk-overlay-scale {
    -webkit-transform: scale(1);
    transform: scale(1);
    border-bottom: 5px solid #006d8e;
}

.entete {
    background-image: url("../../../../../images/entete/entete-qui-sommes-nous-fb-solutions-1980.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 265px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
}

/*positionner le logo par dessus l'entête*/
.logo-fb {
    left: 4%;
    position: absolute;
    top: 20px;
    width: 550px;
    z-index: 998;
}

.baseline {
	color: #222222;
	font-family: TitilliumText22L-Light;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	margin-top: -10px;
	text-align: justify;
	width: 700px;
}

.logo-fond{
   background: rgba(0, 0, 0, 0) linear-gradient(to left, rgba(255, 255, 255, 0), white 43%, rgba(255, 255, 255, 1)) repeat scroll 0 0;
    height: 250px;
    left: 0;
    position: absolute;
    top: 0;
    width: 89%;
    z-index: 997;
}

@media (min-width:1280px) and (max-width:1499px){
    .logo-fb {
    left: 4%;
    position: absolute;
    top: 20px;
    width: 500px;
    z-index: 999;
}
.baseline {
    font-size: 14px;
    font-weight: bold;
    width: 700px;
}
    .nom-entete h1 {
    color: white;
    font-family: TitilliumText22L-Light;
    font-size: 26px;
    margin-bottom: -34px;
    text-align: right;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
    text-transform: uppercase;
}
   .chariots   .nom-entete h1 {
    color: white;
    font-family: TitilliumText22L-Light;
    font-size: 23px;
    margin-bottom: -34px;
    text-align: right;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
    text-transform: uppercase;
}  
    
}

@media (min-width:1024px) and (max-width:1279px){
    .logo-fb {
    left: 4%;
    position: absolute;
    top: 35px;
    width: 400px;
    z-index: 999;
}
.baseline {
    font-size: 13px;
    font-weight: bold;
    width: 650px;
}
            .nom-entete h1 {
    color: white;
    font-family: TitilliumText22L-Light;
    font-size: 25px;
    margin-bottom: -34px;
    text-align: right;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
    text-transform: uppercase;
}
     .chariots   .nom-entete h1 {
    color: white;
    font-family: TitilliumText22L-Light;
    font-size: 19px;
    margin-bottom: -34px;
    text-align: right;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
    text-transform: uppercase;
}
    
}

@media (min-width:960px) and (max-width:1023px){
    .logo-fb {
    left: 4%;
    position: absolute;
    top: 60px;
    width: 350px;
    z-index: 999;
}
 }

@media (min-width:768px) and (max-width:1099px){
 .baseline {
    font-size: 10px;
    font-weight: bold;
    line-height: 16px;
    margin-top: -5px;
    text-align: left;
    width: 530px;
}
     .nom-entete h1 {
    color: white;
    font-family: TitilliumText22L-Light;
    font-size: 23px;
    margin-bottom: -34px;
    text-align: right;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
    text-transform: uppercase;
}    
 .chariots   .nom-entete h1 {
    color: white;
    font-family: TitilliumText22L-Light;
    font-size: 19px;
    margin-bottom: -34px;
    text-align: right;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
    text-transform: uppercase;
}
 }

@media (min-width:768px) and (max-width:959px){
    .logo-fb {
    position: absolute;
    width: 300px;
    z-index: 999;
    top: 23px;
    left: 50%;
    margin-left: -115px;
}
     .baseline {
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    margin-left: -140px;
    margin-top: -5px;
    text-align: center;
    width: 550px;
}
    
  }

@media (max-width:767px){
    .logo-fb {
    left: 4%;
    position: absolute;
    top: 35px;
    width: 250px;
    z-index: 999;
}
 .baseline {
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    margin-left: -140px;
    margin-top: -5px;
    text-align: center;
    width: 550px;
}
  .uk-navbar {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 150px !important;
}
    
    .uk-container {
     padding: 25px 25px;
}
    
    
.uk-navbar-toggle {
    margin-top: -3px;
}
}

@media (max-width:600px){
     .baseline {
    font-size: 9px;
    line-height: 12px;
    margin-left: -140px;
    margin-top: -5px;
    text-align: center;
    width: 506px;
}}

@media (max-width:449px){
      .baseline {
    font-size: 7px;
    line-height: 9px;
    margin-left: -77px;
    margin-top: -5px;
    text-align: center;
    width: 370px;
}
    
  .logo-fb {
    left: 4%;
    position: absolute;
    top: 40px !important;
    width: 250px;
    z-index: 999;
}
}

@media (max-width:390px){
      .baseline {
    font-size: 6px;
    line-height: 9px;
    margin-left: -77px;
    margin-top: -5px;
    text-align: center;
    width: 370px;
}
    }



@media (min-width:1700px){
    .top-menu {margin-left: -100px;}
    #tm-main{
        padding-top:365px;
    }
}
  
@media (min-width:1280px) and (max-width:1699px){
    .top-menu {margin-left: -300px;}
    #tm-main{
        padding-top:365px;
    }
}
    
    @media (min-width:1025px) and (max-width:1279px){
    .top-menu {margin-left: -450px;}}

@media (min-width:959px) and (max-width:1024px){
    .top-menu {margin-left: -600px;}}


/*menu portable offcanvas*/

.uk-nav-offcanvas ul a {
    color: rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid grey;
}



@media (max-width:1279px){
    .bandeau-infos-produits .uk-panel-title {
    font-size: 18px;
   }
    .entete {
    background-image: url("../../../../../images/entete/entete-qui-sommes-nous-fb-solutions-1280.jpg");
}
    .uk-navbar-nav > li > a {
         font-size:16px;
         padding: 0 16px;
}
    #tm-main{
        padding-top:365px;
    }
}

/*Bloc agent exclusif*/

.agent-exclusif{
    background-color:white !important;
    border-left:1px solid #222222;
    border-right:1px solid #222222;
    border-top:1px solid #222222;
}

.notre-gamme {
    margin-top: 70px;
    margin-left: 25px;
}

@media (max-width:959px){
  
.notre-gamme{
        margin-top:0px;
    }}



/*
@media (max-width:1023px){

}
*/

@media (max-width:959px){
    .top-menu {display:none;}
    .uk-active .uk-navbar {
    border-top:0;
    margin-top:0px;
    }
    .uk-navbar {
        margin-top:160px;
        margin-left:-25px;
        margin-right:-25px;
    }
    .defilement-entete{
        display:none;
    }
    .acces-familles{
        margin-top:35px;
    }
    #tm-main{
        padding-top:275px;
    }
    .logo-fond{
        display:none;
    }
}

 

@media (max-width:800px){
    .bandeau-infos-produits .uk-panel-title {
    font-size: 15px;
   }
}

@media (max-width:767px){
/*
    .uk-navbar {
        margin-top:120px;
        margin-left:-15px;
        margin-right:-15px;
    }
*/
    .notre-gamme{
        margin-top:80px;
    }
    .acces-famille{
        margin-top:40px;
    }
    .bandeau-infos-produits {
    padding-bottom: 20px;
    padding-top: 8px;
}
    .logo-fb{
    top: 23px;
    left: 50%;
    margin-left: -115px;
    }
     #tm-main{
        padding-top:140px;
    }
    #contact-form{
        margin-top:15px;
    }
    
  
    .photos-gallerie{
    margin-left: 91px;
    margin-right: 87px;
    margin-top: 10px;
    }
    .nos-solutions .uk-article{
        margin-left:0px;
    }
    #vina-tags-popular-canvas355{
    margin-left:0px;
    width:500px;
}
    .nos-solutions .tm-main{
        -webkit-order: -1;
    }
      .tm-sidebar-b, .tm-sidebar-a {
        -webkit-order: -2; 
        order: -2; 
        margin-top:90px;
    }
/*    tag cloud page nos solutions*/
    .nos-solutions .tm-sidebar-a{
        margin-top:-180px;
    }
    
    .slide-realisations{
        margin-top:60px;
    }  
    
}



@media (max-width:668px){
    .bandeau-infos-produits {
    font-size: 25px;
    padding-top: 8px;
   }
    .uk-panel-title{
    line-height:15px;
     margin-top: -68px;
    padding-bottom: 19px;
    }}

@media (max-width:650px){
    #vina-tags-popular-canvas355{
    margin-left:0px;
    width:500px;
}}

@media (max-width:500px){
    #vina-tags-popular-canvas355{
    margin-left:-25px;
    width:400px;
}}

    
.uk-dropdown-navbar .uk-nav-navbar > li.uk-active > a {
    background: rgba(0, 0, 0, 0);
    color: #ffffff;
    font-weight:bold;
}

::selection{
    background: #69B1C7;
    color: #ffffff;
    text-shadow: none;
}

/*dégradé logo
.logo-fb{
    background:linear-gradient(to left, rgba(255,255,255,0), white 8%, rgba(255,255,255,1))
    padding: 72px 70px 0px 50px;
    top: 0;
    left: 0;
}
*/

/*fil d'ariane*/
.uk-breadcrumb {
	padding: 0;
	list-style: none;
	font-size: 0.001px;
	font-family: 'Montserrat',Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	letter-spacing: 0px;
	text-align: center;
}

.uk-breadcrumb > li:nth-child(n+2)::before {
    content: ">";
    display: inline-block;
    margin: 0 10px;
    color: rgba(170,170,170,0.8);
}

.uk-breadcrumb > li {
    font-size: 8px;
    vertical-align: top;
text-align:center;
}

.fil-ariane {
    padding: 2px;
    border: 1px solid #69B1C7;
    border-radius: 13px;
    background:#fff;
}

.encres-zenjet .uk-accordion-title {
    margin-top: 0;
    margin-bottom: 12px;
    padding: 6px 12px;
        padding-left: 12px;
    background: #8cc63e !important;
    font-size: 11px;
    line-height: 24px;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    padding-left: 32px;
    border: 0 solid rgba(0, 0, 0, 0);
        border-top-color: rgba(0, 0, 0, 0);
        border-right-color: rgba(0, 0, 0, 0);
        border-bottom-color: rgba(0, 0, 0, 0);
        border-left-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    color: #fff;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-transition: all 0.12s ease-in-out;
    transition: all 0.12s ease-in-out;
}

.etiqueteuse-pose .uk-panel-box {
    background: none !important;
    border-bottom: none !important;
    border-radius: 10px;
    color: #222 !important;
    padding: 20px;
    position: relative;
    text-align: justify;
    transition: all 0.12s ease-in-out 0s;
}
.etiqueteuse-pose  .uk-panel-title {
    color: #386d8c !important;
    font-family: TitilliumText22L-Light;
    /*font-size: !important;*/
    font-weight: normal;
    line-height: 26px;
    margin-bottom: 18px;
    margin-left: 0px !important;
    margin-top: 0;
    text-align: left;
    text-transform: uppercase;
}

.etiqueteuse-pose .uk-panel-box-secondary:hover {
    border-top: none !important;
   /* border-radius: !important;*/
}
.location p, .location strong, .occasions p, .occasions strong{
    color: #666;
}

/*pavé VOEUX vidéo*/
/*.accueil #tm-main {
	padding-top: 10px !important;
}*/

/*Correction titre menu sidebar accueil*/
.notre-gamme-1 .uk-panel-title {
    font-size: 11px !important;
}

/*pavé ils nous font confiance*/
.confiance .uk-panel-title {
background: #386d8c linear-gradient(-25deg, #97cde8, #386d8c) repeat scroll 0 0;	
color: #fff;
	font-family: "Montserrat",Helvetica,Arial,sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 28px;
	margin-bottom: 0px;
	margin-top: 0;
	text-transform: uppercase;
	margin-left: 0px;
	padding-left: 25px;
}
.robopac h2{
background: #386d8c linear-gradient(-25deg, #97cde8, #386d8c) repeat scroll 0 0;	
color: #fff;
}

/*sous menu*/
ul.uk-nav-sub {
    color:white;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-transform: none;
	letter-spacing: 0px;
	font-weight: lighter !important;
	line-height: 0px !important;
}

.uk-nav-navbar ul a {
	color: white;
   font-weight: 600;
	line-height: 13px;
}

/*barre bleue du bas*/

.uk-block-primary {
	background: #386D8D;
    border-bottom: 1px solid white;
}

/*pavé produits complémentaires*/
.produits-complementaires .uk-h3{
font-size:20px;
}

.produits-complementaires .uk-h4{
    font-size:12px;
    font-weight: bolder;
    }

.produits-complementaires{
	background: #386D8D none repeat scroll 0 0;
	border-bottom: none !important;
	border-radius: 0px !important;
	color: #fff;
	padding: 20px;
	position: relative;
	text-align: justify;
	transition: all 0.12s ease-in-out 0s;
}

.produits-complementaires .uk-border-rounded .uk-overlay-scale{
    background-color: #fff;
}

.produits-complementaires .uk-panel-teaser{
    margin-bottom:5px;
    margin-top:15px;
}


/*
.produits-complementaires .uk-border-circle{
    width:180px;
    height: 180px;
    background-color: #fff;
    background-size: cover;
}
*/

/*zone défilement des partenaires*/
.defileur-nos-partenaires .uk-panel{
	display: block;
	position: relative;
	border: 1px solid #333;
	border-radius: 5px;
}

/*défilement partenaires en haut*/
.defilement-partenaires-haut {
  
        left: 80%;
        position: absolute;
        top: 60px;
        width: 250px;
        z-index: 1000;
    }

    .defilement-partenaires-haut p{
        color:white;
        margin: 0px !important;
    }

@media (max-width: 959px){
    .defilement-partenaires-haut{
display:none;
}}