/* Personnalisation des styles par BLSOL inc. */
/* http://www.blsol.com */
/* Couleurs du site Web */

/* Rouge Beige blanc noir */
/* Teak (Beige) : #B79B6A */
/* Sangria (Rouge) : #BAB9B5 */
/* White (Blanc) : #FFFFFF */
/* Black (Noir) : #000000 */


/* -------------------------------------------------------------
    Background & bordures
------------------------------------------------------------- */
body {
/*background: url("/templates/yoo_lava/images/background/terracotta/gradient.svg") no-repeat fixed 50% 0 / 100% 140%, linear-gradient(to bottom, rgba(115, 80, 80, 0) 40%, #72504f) repeat fixed 0 0 / 100% 100%, linear-gradient(to right, #68aeb6 5%, #b4cca8 30%, #ede1a2 50%, #ede1a2 80%, #d0be92 100%) repeat fixed 0 0 / 100% 100% rgba(0, 0, 0, 0);*/
background: url("https://www.broderiecloutier.com/templates/yoo_lava/images/background/terracotta/gradient.svg") no-repeat fixed 50% 0 / 100% 140%, linear-gradient(to bottom, rgba(115, 80, 80, 0) 40%, #9A0000) repeat fixed 0 0 / 100% 100%, linear-gradient(to right, #B79B6A 5%, #B79B6A 30%, #9A0000 50%, #B79B6A 80%, #B79B6A 100%) repeat fixed 0 0 / 100% 100% rgba(0, 0, 0, 0);
}

/* -------------------------------------------------------------
    Header
------------------------------------------------------------- */
/* Logo */
/*.uk-navbar-content:before, .uk-navbar-brand:before, .uk-navbar-toggle:before {
    height: 0%;
}*/

/* -------------------------------------------------------------
    Menu
------------------------------------------------------------- */
/* Liens du menu */
.uk-navbar-nav > li > a {
  color: #000000;
}
/* Background des sous-menus */
.uk-dropdown-navbar {
  /*background: none repeat scroll 0 0 #393c40;*/
  background: none repeat scroll 0 0 #B79B6A;
}
/* Liens des sous-menu */
.uk-nav-dropdown > li > a {
    color: #fff;
}
/* Menu services */
.wk-accordion-default .toggler {
    /*background: linear-gradient(to bottom, #fafafa 0%, #b79b6a 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    background: #b79b6a;
    color: #fff;
}
div.uk-panel.services div.wk-accordion {
    background-color: #e8e8e4;
}

/* -------------------------------------------------------------
    Slider
------------------------------------------------------------- */
.wk-slideshow-lava .nav li {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
}
h1.tm-text-black {
    font-size: 48px;
    font-weight: bold;
    line-height: 60px;
    font-family: Impact, Charcoal, sans-serif;
    color: #fff;
    padding: 5px 15px;
    background-color: rgba(183, 155, 106, 0.9);
    box-shadow: 8px 8px 5px #1a1a1a;
}
p.tm-text-black {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    color: #fff !important;
    padding: 5px 15px;
    background-color: rgba(183, 155, 106, 0.9);
    box-shadow: 8px 8px 5px #1a1a1a;
}
div.tm-page div.tm-block.tm-block-dark.tm-block-full {
    padding-bottom: 0;
}
.tm-block-padding + .tm-block {
    padding-top: 30px;
}
.tm-block-full, .tm-block-full-padding, .tm-bottom {
    padding-bottom: 30px;
}
.tm-block-padding {
    padding-top: 30px;
    padding-bottom: 30px;
}
/* Bannière dans les autres sections */
div.tm-page div.tm-block.tm-block-light.tm-block-padding {
    background: url("../../../images/yootheme/img_banniere.jpg") !important;
}

/* -------------------------------------------------------------
    Boutons
------------------------------------------------------------- */
.uk-button:hover, .uk-button:focus {
    background-color: #B79B6A;
}
/* Bouton de langue */
div.mod-languages ul.lang-inline li a {
    background-color: #fff;
    float: right;
    padding: 5px 8px;
}
div.mod-languages ul.lang-inline li a:hover {
    background-color: #000;
    color: #9A0000;
}

/* -------------------------------------------------------------
    Titres
------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    color: #9A0000;
}

/* -------------------------------------------------------------
    Contenu
------------------------------------------------------------- */
/* Texte footer */
div.tm-page div.tm-bottom section.tm-bottom-b div.uk-panel div.uk-text-center p.uk-article-lead.uk-text-center {
  color: #ffffff;
}
/* Réalisation */
/*.uk-width-medium-1-3, .uk-width-medium-2-6 {
  width: 24%;
}*/
.uk-overlay {
    max-width: inherit;
    background: none repeat scroll 0 0 #f8fbfc;
    border: 15px solid rgba(95, 120, 130, 0.04);
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    padding: 0;
}
.uk-overlay-area {
    left: inherit;
}
div.tm-bottom.tm-block.tm-block-black section.tm-bottom-c.uk-grid div.uk-width-1-1.uk-width-medium-1-4 div.uk-panel div ul {
    list-style: none;
    padding-left: 0px;
}
/*img {
    height: inherit !important;
}*/
.img_styles {
     background-color: #ffffff;
     padding: 10px;
     margin-bottom: 20px;
     margin-right: 20px;
     border: 1px solid #B79B6A;
     float: left;
}
.img_realisations {
     background-color: #ffffff;
     padding: 10px;
     margin-bottom: 20px;
     margin-right: 20px;
     border: 1px solid #9A0000;
}
p.uk-article-lead {
    color: #b79b6a;
    margin-bottom: 20px;
    margin-top: 20px;
}
.services h3 {
  font-size: 18px;
}
div.uk-panel.services h3.uk-panel-title {
    color: #9A0000;
    font-size: 30px;
    padding-bottom: 15px;
    font-weight: bold;
}
/* Background de la zone de contenu */
body#accueil.tm-sidebar-a-right.tm-sidebars-1.tm-isblog div.tm-page div.tm-block.tm-block-dark.tm-block-padding {
background: #b79b6a; /* Old browsers */
background: -moz-linear-gradient(top,  #b79b6a 0%, #ffffff 11%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b79b6a), color-stop(11%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b79b6a 0%,#ffffff 11%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b79b6a 0%,#ffffff 11%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b79b6a 0%,#ffffff 11%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b79b6a 0%,#ffffff 11%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b79b6a', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/* -------------------------------------------------------------
    Liens
------------------------------------------------------------- */

a:hover {
    color: #B79B6A;
}