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

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */


/**.cols-3 .sprocket-strips-c-block {
    width: 32.333%;
}
.cols-2 .sprocket-strips-c-block {
    width: 49%;
}

.sprocket-strips-c-block {
    margin: 0 4px;
}**/

h1.maisonblanche, h3.maisonblanche{color: #AA102A!important;}
h1.osecret, h3.osecret{color:#EDA30B;}
h1.closthermes, h3.closthermes{color:#BC106B;}


.uk-navbar-nav > li.uk-active > a {
  background-color:#E78A0F;
  color: #FFF;
  /**border-radius: 3px;**/
  box-sizing: border-box;
}

.txt-orange{color:#EDA30B;}


/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -40px;
  padding: 5px;
  width: 85px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 12px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

div.maisonblanche {
  background: rgba(66, 0, 32, 0.8);
  color: #FFFFFF;
  padding: 30px;
  border: 0px;
  /**border: 15px solid #420020;**/
  box-shadow:none;
  /**box-shadow: inset 0 0 0 4px #AA102A;**/
}


.tm-bottom-a div:nth-child(2n+2){margin-top:0px!important; }
.tm-bottom-a div.maisonblanche:nth-child(1){border-top: 10px solid #AA102A!important; }
.tm-bottom-a div.osecret:nth-child(3){border-top: 10px solid #eda30b!important; }
.tm-bottom-a div.closthermes:nth-child(5){border-top: 10px solid #bc106b!important; }

div.closthermes{
  background: rgba(66, 0, 32, 0.8);
  color: #FFFFFF;
  padding: 30px;
  /**border: 15px solid #420020;**/
  box-shadow:none;
  border:none;
  /**box-shadow: inset 0 0 0 4px #bc106b;**/
}

div.osecret {
  background: rgba(66, 0, 32, 0.8);
  /**border: 15px solid #420020;**/
  border: 0px;
  box-shadow:none;
  /**box-shadow: inset 0 0 0 4px #eda30b!important;**/
  color: #ffffff;
  padding: 30px;
}

.news {
    border: 3px solid #E78A0F!important;
}

div.colonnes3{
	display:block;
	float:left;
	width:33%;
	vertical-align:middle;
	text-align: center;
	}
div.colonnes3 p{
	margin-top:85px;
	}
div.colonnes3 img{
	margin:0 auto;
	}
@media (max-width: 767px) {
	div.colonnes3{
	display:block;
	float:none;
	width:100%;
	text-align: center;
	}
div.colonnes3 p{
	margin-top:0px;
	}
div.colonnes3 img{
	margin:0 auto;
	}
	
span.sprocket-strips-c-text{
	display:none;}
}
@media (max-width: 640px) {
	h1, .uk-h1 {
    font-size: 17px;
    line-height: 24px;
    padding-bottom: 20px;
}

.uk-nav-offcanvas img {
    max-width: 30%;
}

dd{display:block; width:100%!important; float:left;}
.txt-contact{margin-left: 0px!important;}
}
dd{display:block; width:20%; float:left;}
.txt-contact{margin-left: 180px;}
.contact-miscinfo dd{width:100%!important;}

.uk-panel-box {
  background: rgba(66, 0, 32, 0.8) none repeat scroll 0 0;
  color: #FFFFFF;
  padding: 30px;
  border: none;
  box-shadow: none;
}

.tm-nav-wrapper ul.uk-navbar-nav:nth-child(2){
	background-color:#E78A0F;
	float:right;
	}

.uk-offcanvas-bar  ul.uk-nav-offcanvas:nth-child(2){
	background-color:#E78A0F;
	}
	
.tm-noblog .tm-content {
    background: rgba(66, 0, 32, 0.8);
}
.jicons-icons{
	display:none;}
	
.sprocket-strips-c-item {
    padding: 0 5px;
}

.txtaccueil{margin: -10px 0 -15px 0!important;}

[data-tooltip] img{width:45px; height:auto;}

.page-header {
    border-bottom: 1px solid #e78a0f;
}
legend {
    border-color: -moz-use-text-color -moz-use-text-color #e78a0f;
	font-size:16px;
}

.uk-navbar-nav {
    padding: 0 0;
}

.uk-navbar-nav > li > a {
    height: 60px;
    line-height: 60px;
}

.uk-navbar-nav + .uk-navbar-nav, .uk-navbar-nav > li:nth-child(n+2) {
    margin-left: 0px;
}

.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
	border-radius: 0px;
}

.contact h3:nth-child(1),
.contact-address{
	display:none;
}
.tm-main > *:nth-child(n+2) {
    margin-top: 0;
}
.tm-main-top h3:nth-child(1),
.tm-main-top .contact-address{
	display:block;
}

.contact-telephone,
.contact-mobile,
.streetAddress,
.contact-street{
	font-size:17px;
	line-height:21px;
	}

.contact-telephone,
.contact-mobile{	
	color:#eda30b;
}

.tm-isblog .uk-article {
    margin-bottom: 20px !important;
}
.sprocket-strips-c-extended-info p a{color:#FFF!important;}
.sprocket-strips-c-extended-info p a:hover{text-decoration:none!important;}

.tm-footer a{color:#450023!important}

.well {
    background:none;
	}
a[href*="bygiro"] {
    display: none !important;
}
.jpanelContent div + p:last-child{ display:none; }
.jpanelContent div p{ color:#000; }
.jpanelContent div {padding:10px; }
.jpanelContent {width: 250px;}