/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily by Yann
 ========================================================================== */

.yann_contact select:focus, textarea:focus, .yann_contact input[type="text"]:focus, .yann_contact input[type="password"]:focus, .yann_contact input[type="datetime"]:focus, .yann_contact input[type="datetime-local"]:focus, .yann_contact input[type="date"]:focus, .yann_contact input[type="month"]:focus, .yann_contact input[type="time"]:focus, .yann_contact input[type="week"]:focus, .yann_contact input[type="number"]:focus, .yann_contact input[type="email"]:focus, .yann_contact input[type="url"]:focus, .yann_contact input[type="search"]:focus, .yann_contact input[type="tel"]:focus, .yann_contact input[type="color"]:focus, .uneditable-input:focus {
  background: #3d3c3c;
}

img.matterport {border: 2px solid #82A914;}

.greenblock  { background: #82A914; color:#fff; padding: 5px}
.greenblock  a { color:#fff;}

.uk-panel-box-secondary .uk-text-muted, .uk-panel-box-secondary .tm-panel-subtitle {
  color: #aaa;
}

.uk-dropdown {
  border: 2px solid #82A914;
}

.tm-panel-subtitle { color: #82A914;}

iframe {max-width:100%}

.iframe-egp {min-height:100px;max-width: 590px;margin: 0 auto;float:right;margin-top:25px;}
.video-frame-egp {float:left;max-width:400px;margin-top:25px;margin-right:10px;}


h2, h3, h4, h5, h6 {text-transform: none;}

.color{color:#82A914}

.bg-color {background: #82a914 none repeat scroll 0 0; display: inline-block; padding: 8px 14px;}

.center{align:center;}

#client {margin-right: 10px;}

.fb_img img { float: left; margin: 8px; border: solid #fff 2px; padding: 2px;}

.superscript {position: relative; top: -0.5em; font-size: 80%;}

li, dt, dd {line-height: 28px;}

.video-row { display: block;}
.video-left { float: left;  width: 520px;}
.video-left h4, .video-box h4 { text-align:center;}

.wk-slideshow-list .slides > li > article {
  padding: 0;
}

/*.tm-overlay h1, .tm-overlay h2, .tm-overlay h3, .tm-overlay h4 {color: #2C2B2B !important;}*/

/* Fb and Twitter icons
 ========================================================================== */
.uk-icon-facebook, .uk-icon-twitter {color: #157BAE!important;}

.uk-icon-button.uk-icon-facebook:hover, .uk-icon-button.uk-icon-twitter:hover {color: #ffffff !important;}

.uk-panel-box > .uk-icon-desktop, .uk-panel-box > .uk-icon-camera, .uk-panel-box > .uk-icon-film {color: #82a914 !important;}

/* Menu responsive
 ========================================================================== */
.uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle {
  box-sizing: border-box;
  display: block;
  float: left;
  height: 40px;
  padding: 0 10px;
  top: -55px;
  position: relative;
  left: 100px;
}

/* iPad hack
 ========================================================================== */
@media (max-width: 1024px) {
  .ipad-hidden {
    display: none !important;
  }
}

/* ToTop
 ========================================================================== */
#toTop {
  background: none repeat scroll 0 0 #82A914;
  border-radius: 1px;
  bottom: 7px;
  cursor: pointer;
  display: block;
  height: 32px;
  padding: 8px 4px 2px 4px;
  position: fixed;
  right: 32px;
  transition: all 0.4s ease 0s;
  width: 32px;
  z-index: 1000;
}

#toTop a.tm-totop-scroller {
  color: #363535 !important;
  font-size: 18px;
}

#toTop a.tm-totop-scroller:hover, #toTop a.tm-totop-scroller:focus {
    color: #DAE5B9 !important;
    font-size: 20px;
}

/* Background
 ========================================================================== */
.tm-wrapper {
  /*background-image: url("../../../images/masterBackgroundMaison.jpg");*/
  /*background-image: url("../../../images/masterBackground.jpg");*/
  background-image: url("../../../images/silver_glitter.jpg");
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}
/*.tm-background {
  opacity:0.9;
  filter: alpha(opacity=90);
}
.tm-wrapper {
  background-image: url("../../../images/masterBackground.png");
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}
.tm-background:after {
  content: '''';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-linear-gradient(to bottom, rgba(45, 45, 45, 0.20) 93%, #6a6a6a 100%);
  background-image: linear-gradient(to bottom, rgba(45, 45, 45, 0.20) 93%, #6a6a6a 100%);
}*/

ul#client li {
  font-weight: 500;
  margin-top: 5px;
  text-transform: uppercase;
  font-family: Roboto Condensed;
}

ul#client li a:hover {color:#2A83A8;text-decoration:none;}

h1 {
  color: #82a914;
  font-size: 34px;
}

h2 {
  color: #c6c6c6;
  font-size: 24px;
}

.tm-inner-footer > h5,
.tm-inner-footer .uk-h5 {
  margin-top:0;
}

/*.uk-article-title {
  background: #82a914;
  display: inline-block;
  padding: 8px;
  color: #000;
}*/
.uk-article-title {
  color: #fff;
  display: inline-block;
  padding: 8px;
  border-left: 20px solid #82a914;
  padding-left: 16px;
}

.uk-icon-button-footer {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-radius: 0;
  box-sizing: border-box;
  color: #e2e2e2;
  display: inline-block;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  width: 40px;
}

.uk-icon-button-footer:hover, .uk-icon-button-footer:focus {
  background: none repeat scroll 0 0 rgba(21, 123, 174, 1);
  color: #ffffff;
  outline: medium none;
  text-decoration: none;
}

/* Theme pages des sites
 ========================================================================== */

#theme-container:before, #theme-container:after {
    content: "";
    display: table;
}
#theme-container:after {
    clear: both;
}
#theme-container {
    margin: auto;
    position: relative;
    width: 1060px;
}
a img {
    border: 0 none;
    display: block;
}
a.theme {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.7);
    display: block;
    float: left;
    margin: 10px;
    padding: 10px;
    position: relative;
    text-decoration: none;
    width: 200px;
}
a.theme:hover {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.7);
}
a.theme:hover:after {
    background: url("../../../images/link-icon.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0.6);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}
a.theme p {
    background-color: #82A914;
    color: #fff;
    font-size: 14px;
    margin: 0 0 10px;
    padding: 8px;
    text-align: center;
}

/* Logo responsive
 ========================================================================== */

@media (max-width: 767px) {
  body:not(.tm-navbar-space) .tm-logo {
  top: 90%;
}
}

/* iFrame responsive
 ========================================================================== */
@media (max-width: 1024px) {
.iframe-egp {min-height:100px;max-width: 590px;margin: 0 auto;float:none;margin-top:25px;}
  .video-frame-egp {float:left;max-width:400px;margin-top:25px;margin-right:10px;}

}
}
@media (max-width: 400px) {
.iframe-egp {min-height:100px;max-width: 590px;margin: 0 auto;float:none;margin-top:25px;}
  .video-frame-egp {float:left;max-width:330px;margin-top:25px;margin-right:10px;}

}
}
