img.wp-smiley,
		img.emoji {
			display: inline !important;
			border: none !important;
			box-shadow: none !important;
			height: 1em !important;
			width: 1em !important;
			margin: 0 .07em !important;
			vertical-align: -0.1em !important;
			background: none !important;
			padding: 0 !important;
		}

        @media (min-width: 1200px) {
			.tg-container {
				max-width: 1170px;
			}
		}

		a:hover,
		a:focus,
		.tg-primary-menu>div ul li:hover>a,
		.tg-primary-menu>div ul li.current_page_item>a,
		.tg-primary-menu>div ul li.current-menu-item>a,
		.tg-mobile-navigation>div ul li.current_page_item>a,
		.tg-mobile-navigation>div ul li.current-menu-item>a,
		.entry-content a,
		.tg-meta-style-two .entry-meta span,
		.tg-meta-style-two .entry-meta a {
			color: #84be38;
		}

		.tg-primary-menu.tg-primary-menu--style-underline>div>ul>li.current_page_item>a::before,
		.tg-primary-menu.tg-primary-menu--style-underline>div>ul>li.current-menu-item>a::before,
		.tg-primary-menu.tg-primary-menu--style-left-border>div>ul>li.current_page_item>a::before,
		.tg-primary-menu.tg-primary-menu--style-left-border>div>ul>li.current-menu-item>a::before,
		.tg-primary-menu.tg-primary-menu--style-right-border>div>ul>li.current_page_item>a::before,
		.tg-primary-menu.tg-primary-menu--style-right-border>div>ul>li.current-menu-item>a::before,
		.tg-scroll-to-top:hover,
		button,
		input[type="button"],
		input[type="reset"],
		input[type="submit"],
		.tg-primary-menu>div ul li.tg-header-button-wrap a {
			background-color: #84be38;
		}

		.tg-numbered-pagination .nav-links a,
		.tg-numbered-pagination .nav-links span {
			color: #84be38;
		}

		.tg-numbered-pagination .nav-links span.current,
		.tg-numbered-pagination .nav-links a:hover,
		.tg-numbered-pagination .nav-links a:focus,
		.tg-read-more-wrapper.tg-read-more--button a,
		.tg-secondary-menu .tg-toggle {
			background-color: #84be38;
		}

		.tg-numbered-pagination .nav-links a,
		.tg-numbered-pagination .nav-links span {
			border-color: #84be38;
		}

		body {
			font-family: Source Sans Pro;
			font-size: 18px;
			line-height: 1.8;
			font-weight: 400;
			font-style: normal;
		}

		button:hover,
		input[type="button"]:hover,
		input[type="reset"]:hover,
		input[type="submit"]:hover {
			background-color: rgba(132, 190, 56, 0.78);
		}

		.tg-site-header .tg-site-header-top {
			color: #ffffff;
		}

		.tg-site-header .tg-site-header-top {
			background-color: #84be38;
			background-image: ;
			background-repeat: repeat;
			background-position: center center;
			background-size: contain;
			background-attachment: scroll;
		}

		.tg-site-header {
			border-bottom-width: 0px;
		}

		.tg-page-header .breadcrumb-trail ul li,
		.tg-page-header .yoast-breadcrumb-trail {
			font-size: 18px;
		}

		.tg-page-header {
			padding: 290px 0px 30px 15px;
		}

		.tg-page-header,
		.tg-container--separate .tg-page-header {
			background-color: #ffffff;
			background-image: url("wp-content/uploads/sites/32/2019/07/header-bg.jpg");
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			background-attachment: scroll;
		}

		.tg-page-header .breadcrumb-trail ul li,
		.tg-page-header .yoast-breadcrumb-trail .breadcrumb_last {
			color: #ffffff;
		}

		.tg-page-header .breadcrumb-trail ul li::after,
		.tg-page-header .yoast-breadcrumb-trail .sep {
			color: #ffffff;
		}

		.tg-page-header .breadcrumb-trail ul li a,
		.tg-page-header .yoast-breadcrumb-trail a {
			color: #ffffff;
		}

		.tg-page-header .breadcrumb-trail ul li a:hover,
		.tg-page-header .yoast-breadcrumb-trail a:hover {
			color: #84be38;
		}

		.tg-page-header .tg-page-header__title,
		.tg-page-content__title {
			font-family: -apple-system, blinkmacsystemfont, segoe ui, roboto, oxygen-sans, ubuntu, cantarell, helvetica neue, helvetica, arial, sans-serif;
			line-height: 1.3;
			color: #84be38;
			font-size: 35px;
		}

		.tg-site-footer .tg-site-footer-bar {
			background-color: #000000;
			background-image: ;
			background-repeat: repeat;
			background-position: center center;
			background-size: contain;
			background-attachment: scroll;
		}

		.tg-site-footer .tg-site-footer-bar {
			color: rgba(255, 255, 255, 0.5);
		}

		.tg-site-footer .tg-site-footer-bar a {
			color: rgba(255, 255, 255, 0.8);
		}

		.tg-site-footer .tg-site-footer-bar a:hover,
		.tg-site-footer .tg-site-footer-bar a:focus {
			color: #84be38;
		}

		.tg-site-footer-widgets {
			background-color: #ffffff;
			background-image: url("wp-content/uploads/sites/32/2019/08/footer-bg.jpg");
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			background-attachment: scroll;
		}

		.tg-site-footer .tg-site-footer-widgets .widget-title {
			color: #ffffff;
		}

		.tg-site-footer .tg-site-footer-widgets,
		.tg-site-footer .tg-site-footer-widgets p {
			color: #ffffff;
		}

		.tg-site-footer .tg-site-footer-widgets a {
			color: #ffffff;
		}

		.tg-site-footer .tg-site-footer-widgets a:hover,
		.tg-site-footer .tg-site-footer-widgets a:focus {
			color: #56ff23;
		}

		.tg-site-footer .tg-site-footer-widgets {
			border-top-width: 0px;
		}

		.tg-site-footer .tg-site-footer-widgets ul li {
			border-bottom-width: 0px;
		}

		.tg-site-header-top a {
			color: #ffffff;
		}

		.tg-site-header-top a:hover {
			color: #56ff23;
		}

		.tg-site-header .tg-site-header-bottom.sticky-header,
		.tg-container--separate .tg-site-header-bottom.sticky-header {
			background-color: #000000;
			background-image: ;
			background-repeat: repeat;
			background-position: center center;
			background-size: contain;
			background-attachment: scroll;
		}

		.tg-site-header--transparent .tg-primary-menu>div>ul>li:not(.tg-header-button-wrap)>a {
			color: #ffffff;
		}

		.tg-site-header--transparent .tg-primary-menu>div>ul>li:not(.tg-header-button-wrap):hover>a {
			color: #84be38;
		}

		.tg-site-header--transparent .tg-primary-menu>div>ul>li:active>a,
		.tg-site-header--transparent .tg-primary-menu>div>ul>li:not(.tg-header-button-wrap).current_page_item>a,
		.tg-site-header--transparent .tg-primary-menu>div>ul>li:not(.tg-header-button-wrap).current-menu-item>a {
			color: #84be38;
		}

		.tg-site-header--transparent .tg-primary-menu.tg-primary-menu--style-underline>div>ul>li:not(.tg-header-button-wrap).current_page_item>a::before,
		.tg-site-header--transparent .tg-primary-menu.tg-primary-menu--style-underline>div>ul>li:not(.tg-header-button-wrap).current-menu-item>a::before,
		.tg-site-header--transparent .tg-primary-menu.tg-primary-menu--style-left-border>div>ul>li:not(.tg-header-button-wrap).current_page_item>a::before,
		.tg-site-header--transparent .tg-primary-menu.tg-primary-menu--style-left-border>div>ul>li:not(.tg-header-button-wrap).current-menu-item>a::before,
		.tg-site-header--transparent .tg-primary-menu.tg-primary-menu--style-right-border>div>ul>li:not(.tg-header-button-wrap).current_page_item>a::before,
		.tg-site-header--transparent .tg-primary-menu.tg-primary-menu--style-right-border>div>ul>li:not(.tg-header-button-wrap).current-menu-item>a::before {
			background-color: #84be38;
		}

		.tg-primary-menu.tg-menu-item--button>div>ul>li:not(.tg-header-button-wrap)>a {
			background-color: #269bd1;
			background-image: ;
			background-repeat: ;
			background-position: ;
			background-size: ;
			background-attachment: ;
		}

		.tg-primary-menu.tg-menu-item--button>div>ul>li:not(.tg-header-button-wrap):hover>a {
			background-color: #1e7ba6;
			background-image: ;
			background-repeat: ;
			background-position: ;
			background-size: ;
			background-attachment: ;
		}

		.tg-primary-menu.tg-menu-item--button>div>ul>li:not(.tg-header-button-wrap).current_page_item>a,
		.tg-primary-menu.tg-menu-item--button>div>ul>li:not(.tg-header-button-wrap).current-menu-item>a,
		.tg-primary-menu.tg-menu-item--button>div>ul>li:not(.tg-header-button-wrap)>a.tg-current-menu-item {
			background-color: #1e7ba6;
			background-image: ;
			background-repeat: ;
			background-position: ;
			background-size: ;
			background-attachment: ;
		}

		.tg-mobile-toggle {
			color: #ffffff;
		}

		.tg-read-more-wrapper.tg-read-more--button a {
			background-color: #84be38;
			background-image: ;
			background-repeat: ;
			background-position: ;
			background-size: ;
			background-attachment: ;
		}

		.tg-read-more-wrapper.tg-read-more--button a:hover {
			background-color: rgba(132, 190, 56, 0.76);
			background-image: ;
			background-repeat: ;
			background-position: ;
			background-size: ;
			background-attachment: ;
		}

		.posts-navigation,
		.tg-numbered-pagination {
			background-color: ;
			background-image: ;
			background-repeat: ;
			background-position: ;
			background-size: ;
			background-attachment: ;
		}

		.tg-numbered-pagination .nav-links a:hover,
		.tg-numbered-pagination .nav-links a:focus,
		.tg-numbered-pagination .nav-links span.current {
			background-color: ;
			background-image: ;
			background-repeat: ;
			background-position: ;
			background-size: ;
			background-attachment: ;
		}

		body:not(.tg-blog-archive-style--grid):not(.tg-blog-archive-style--thumbnail) .zakra-article {
			background-color: ;
			background-image: ;
			background-repeat: ;
			background-position: ;
			background-size: ;
			background-attachment: ;
		}

		body:not(.single).tg-blog-archive-style--grid .zakra-article .tg-article-container {
			background-color: ;
			background-image: ;
			background-repeat: ;
			background-position: ;
			background-size: ;
			background-attachment: ;
		}

		body:not(.single).tg-blog-archive-style--thumbnail .zakra-article {
			background-color: ;
			background-image: ;
			background-repeat: ;
			background-position: ;
			background-size: ;
			background-attachment: ;
		}

		.tg-meta-style-two .entry-meta a:hover {
			color: rgba(129, 215, 66, 0.72);
		}

		.entry-meta>span a {
			font-family: Source Sans Pro;
			font-size: 1rem;
			line-height: 1;
			font-weight: 400;
			font-style: normal;
		}

		.entry-meta>span {
			font-family: Source Sans Pro;
			font-size: 1rem;
			line-height: 1.8;
			font-weight: 400;
			font-style: normal;
		}

		.tg-site-footer .tg-site-footer-widgets ul li a {
			background-color: ;
			background-image: ;
			background-repeat: ;
			background-position: ;
			background-size: ;
			background-attachment: ;
		}

		@media screen and (max-width: 768px) {
			.tg-header-action-list .tg-header-action__item.tg-mobile-toggle {
				display: flex;
			}

			.main-navigation {
				display: none;
			}

			.tg-mobile-navigation {
				display: block;
			}
		}

		@media screen and (min-width: 768px) {
			.tg-header-action-list .tg-header-action__item.tg-mobile-toggle {
				display: none;
			}

			.main-navigation {
				display: block;
			}
		}

		.tg-blog-archive-style--grid .zakra-article {
			margin-top: 1.5em;
			margin-bottom: 1.875em;
		}

		.tg-blog-archive-style--grid .zakra-article .tg-article-container {
			margin-right: 1em;
			margin-left: 1em;
		}

		.tg-page-header .yoast-breadcrumb-trail .sep,
		.tg-page-header .breadcrumb-trail ul li::after {
			color: #16181a;
		}

        .rll-youtube-player {
			position: relative;
			padding-bottom: 56.23%;
			height: 0;
			overflow: hidden;
			max-width: 100%;
		}

		.rll-youtube-player iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 100;
			background: 0 0
		}

		.rll-youtube-player img {
			bottom: 0;
			display: block;
			left: 0;
			margin: auto;
			max-width: 100%;
			width: 100%;
			position: absolute;
			right: 0;
			top: 0;
			border: none;
			height: auto;
			cursor: pointer;
			-webkit-transition: .4s all;
			-moz-transition: .4s all;
			transition: .4s all
		}

		.rll-youtube-player img:hover {
			-webkit-filter: brightness(75%)
		}

		.rll-youtube-player .play {
			height: 72px;
			width: 72px;
			left: 50%;
			top: 50%;
			margin-left: -36px;
			margin-top: -36px;
			position: absolute;
			background: url("wp-content/plugins/wp-rocket/assets/img/youtube.png") no-repeat;
			cursor: pointer
		}

        body.custom-background #page {
			background-color: #
		}

        .site-title,
		.site-description {
			position: absolute;
			clip: rect(1px, 1px, 1px, 1px);
		}

        .mc4wp-form input[type="email"] {
			padding: 14px;
			width: 70%;
		}

		.mc4wp-form input[type="submit"] {
			padding: 15px 0;
			width: 30%;
		}

		/* Style counter */
		@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow);
body {
  font-family: Open Sans, "Helvetica Neue", "Helvetica", Helvetica, Arial,   sans-serif;
  font-size: 13px;
  color: #666;
  position: relative;
  -webkit-font-smoothing: antialiased;
  margin: 0;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  font-size: 13px;
  direction: ltr;
}

.sectionClass {
  padding: 20px 0px 50px 0px;
  position: relative;
  display: block;
}

.fullWidth {
  width: 100% !important;
  display: table;
  float: none;
  padding: 0;
  min-height: 1px;
  height: 100%;
  position: relative;
}


.sectiontitle {
  background-position: center;
  margin: 30px 0 0px;
  text-align: center;
  min-height: 20px;
}

.sectiontitle h2 {
  font-size: 30px;
  color: #222;
  margin-bottom: 0px;
  padding-right: 10px;
  padding-left: 10px;
}


.headerLine {
  width: 160px;
  height: 2px;
  display: inline-block;
  background: #101F2E;
}


.projectFactsWrap{
    display: flex;
  margin-top: 30px;
  flex-direction: row;
  flex-wrap: wrap;
}


#projectFacts .fullWidth{
  padding: 0;
}

.projectFactsWrap .item{
  width: 25%;
  height: 100%;
  padding: 50px 0px;
  text-align: center;
}

.projectFactsWrap .item:nth-child(1){
  background: rgb(16, 31, 46);
}

.projectFactsWrap .item:nth-child(2){
  background: rgb(18, 34, 51);
}

.projectFactsWrap .item:nth-child(3){
  background: rgb(21, 38, 56);
}

.projectFactsWrap .item:nth-child(4){
  background: rgb(23, 44, 66);
}

.projectFactsWrap .item p.number{
  font-size: 40px;
  padding: 0;
  font-weight: bold;
}

.projectFactsWrap .item p{
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
  margin: 0;
  padding: 10px;
  font-family: 'Open Sans';
}


.projectFactsWrap .item span{
  width: 60px;
  background: rgba(255, 255, 255, 0.8);
  height: 2px;
  display: block;
  margin: 0 auto;
}


.projectFactsWrap .item i{
  vertical-align: middle;
  font-size: 50px;
  color: rgba(255, 255, 255, 0.8);
}


.projectFactsWrap .item:hover i, .projectFactsWrap .item:hover p{
  color: white;
}

.projectFactsWrap .item:hover span{
  background: white;
}

@media (max-width: 786px){
  .projectFactsWrap .item {
     flex: 0 0 50%;
  }
}

/* AUTHOR LINK */


footer{
  z-index: 100;
  padding-top: 50px;
  padding-bottom: 50px;
  width: 100%;
  bottom: 0;
  left: 0;
}

footer p {
color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  opacity: 0;
  font-family: 'Open Sans';
  width: 100%;
    word-wrap: break-word;
  line-height: 25px;
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
  margin: 0;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  transition: all 250ms ease;
}

footer .authorWindow a{
  color: white;
  text-decoration: none;
}

footer p strong {
    color: rgba(255, 255, 255, 0.9);
}

.about-me-img {
  width: 120px;
  height: 120px;
  left: 10px;
  /* bottom: 30px; */
  position: relative;
  border-radius: 100px;
}


.about-me-img img {
}


.authorWindow{
  width: 600px;
  background: #75439a;
  padding: 22px 20px 22px 20px;
  border-radius: 5px;
  overflow: hidden;
}

.authorWindowWrapper{
  display: none;
  left: 110px;
  top: 0;
  padding-left: 25px;
  position: absolute;
}





.trans{
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

@media screen and (max-width: 768px) {
    .authorWindow{
         width: 210px;
    }

    .authorWindowWrapper{
             bottom: -170px;
  margin-bottom: 20px;
    }

    footer p{
          font-size: 14px;
    }
}


/* Css partenaire logo */
body {
    background: #eee
}

.brands {
    width: 100%;
    padding-top: 90px;
    padding-bottom: 90px
}

.brands_slider_container {
    height: 130px;
    border: solid 1px #e8e8e8;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    padding-left: 97px;
    padding-right: 97px;
    background: #fff
}

.brands_slider {
    height: 100%;
    margin-top: 50px
}

.brands_item {
    height: 100%
}

.brands_item img {
    max-width: 100%
}

.brands_nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 5px;
    cursor: pointer
}

.brands_nav i {
    color: #e5e5e5;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.brands_nav:hover i {
    color: #676767
}

.brands_prev {
    left: 40px
}

.brands_next {
    right: 40px
}

/* CSS apropos */

nav > .nav.nav-tabs{

	border: none;
	  color:#fff;
	  background:#f8c86f;
	  border-radius:0;
  
  }
  nav > div a.nav-item.nav-link,
  nav > div a.nav-item.nav-link.active
  {
	border: none;
	  padding: 18px 25px;
	  color:#fff;
	  background: #f8c86f;
	  border-radius:0;
  }
  
  nav > div a.nav-item.nav-link.active:after
   {
	content: "";
	position: relative;
	bottom: -60px;
	left: -10%;
	border: 15px solid transparent;
	border-top-color: #67f381 ;
  }
  .tab-content{
	background: #fdfdfd;
	  line-height: 25px;
	  border: 1px solid #ddd;
	  border-top:5px solid #67f381;
	  border-bottom:5px solid #67f381;
	  padding:30px 25px;
  }
  
  nav > div a.nav-item.nav-link:hover,
  nav > div a.nav-item.nav-link:focus
  {
	border: none;
	  background: #67f381;
	  color:#fff;
	  border-radius:0;
	  transition:background 0.20s linear;
  }

  /*
*
* ==========================================
* Css produit tabs
* ==========================================
*/
.nav-pills-custom .nav-link {
    color: #fff;
    background: #fff;
    position: relative;
}

.nav-pills-custom .nav-link.active {
    color: #45b649;
    background: #fff;
}


/* Add indicator arrow for the active tab */
@media (min-width: 992px) {
    .nav-pills-custom .nav-link::before {
        content: '';
        display: block;
        border-top: 8px solid transparent;
        border-left: 10px solid #fff;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 50%;
        right: -10px;
        transform: translateY(-50%);
        opacity: 0;
    }
}

.nav-pills-custom .nav-link.active::before {
    opacity: 1;
}

/*
*
* ==========================================
* FOR DEMO PURPOSE
* ==========================================
*/
body {
    min-height: 100vh;
    background: linear-gradient(to left, #dce35b, #45b649);
}


/******************  News Slider Demo-11 *******************/
.hovereffect {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
  }
  
  .hovereffect .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
  }
  
  .hovereffect img {
	display: block;
	position: relative;
	-webkit-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
  }
  
  .hovereffect:hover img {
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
	filter: grayscale(1) blur(3px);
	-webkit-filter: grayscale(1) blur(3px);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
  }
  
  .hovereffect h2 {
	text-transform: uppercase;
	text-align: center;
	position: relative;
	font-size: 17px;
	padding: 10px;
	background: rgba(0, 0, 0, 0.6);
  }
  
  .hovereffect a.info {
	display: inline-block;
	text-decoration: none;
	padding: 7px 14px;
	border: 1px solid #fff;
	margin: 50px 0 0 0;
	background-color: transparent;
  }
  
  .hovereffect a.info:hover {
	box-shadow: 0 0 5px #fff;
  }
  
  .hovereffect a.info, .hovereffect h2 {
	-webkit-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	-webkit-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
	opacity: 0;
	filter: alpha(opacity=0);
	color: #fff;
	text-transform: uppercase;
  }
  
  .hovereffect:hover a.info, .hovereffect:hover h2 {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
  }

  /* Css actualites */
  h3.h3{text-align:center;margin:1em;text-transform:capitalize;font-size:2.5em;}
  
  /********************* Shopping Demo-5 **********************/
  .product-image5 .pic-1,.product-image5 .pic-2{backface-visibility:hidden;transition:all .5s ease 0s}
  .product-grid5{font-family:Poppins,sans-serif;position:relative}
  .product-grid5 .product-image5{overflow:hidden;position:relative}
  .product-grid5 .product-image5 a{display:block}
  .product-grid5 .product-image5 img{width:100%;height:auto}
  .product-image5 .pic-1{opacity:1}
  .product-grid5:hover .product-image5 .pic-1{opacity:0}
  .product-image5 .pic-2{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0}
  .product-grid5:hover .product-image5 .pic-2{opacity:1}
  .product-grid5 .social{padding:0;margin:0;position:absolute;top:10px;right:10px}
  .product-grid5 .social li{display:block;margin:0 0 10px;transition:all .5s}
  .product-grid5 .social li:nth-child(2){opacity:0;transform:translateY(-50px)}
  .product-grid5:hover .social li:nth-child(2){opacity:1;transform:translateY(0)}
  .product-grid5 .social li:nth-child(3){opacity:0;transform:translateY(-50px)}
  .product-grid5:hover .social li:nth-child(3){opacity:1;transform:translateY(0);transition-delay:.2s}
  .product-grid5 .social li a{color:#888;background:#fff;font-size:14px;text-align:center;line-height:40px;height:40px;width:40px;border-radius:50%;display:block;transition:.5s ease 0s}
  .product-grid5 .social li a:hover{color:#fff;background:#f8c86f}
  .product-grid5 .select-options{color:#777;background-color:#fff;font-size:13px;font-weight:400;text-align:center;text-transform:uppercase;padding:15px 5px;margin:0 auto;opacity:0;display:block;position:absolute;width:92%;left:0;bottom:-100px;right:0;transition:.5s ease 0s}
  .product-grid5 .select-options:hover{color:#fff;background-color:#f8c86f;text-decoration:none}
  .product-grid5:hover .select-options{opacity:1;bottom:10px}
  .product-grid5 .product-content{padding:20px 10px}
  .product-grid5 .title{font-size:15px;font-weight:600;text-transform:capitalize;margin:0 0 10px;transition:all .3s ease 0s}
  .product-grid5 .title a{color:#222}
  .product-grid5 .title a:hover{color:#f8c86f}
  .product-grid5 .price{color:#222;font-size:13px;font-weight:500;letter-spacing:1px}
  @media only screen and (max-width:990px){.product-grid5{margin-bottom:30px}
  }

  /* Css detail produit */
  
.breadcrumb-list > li {
	font-size: 14px;
	list-style: none;
	display: inline;
  }
  .breadcrumb-list > li a:after {
	content: "/";
	vertical-align: middle;
	margin: 0 5px;
	color: #7a7a7a;
  }
  .action-wishlist:hover,
  .action-wishlist:focus{
	color:#fff;
  }
  .add-to-cart.action-wishlist {
	width: 50px;
	text-align: center;
	padding: 0;
  }
  .add-to-cart.action-wishlist i {
	margin-right: 0px;
  }
  .product-add-to-cart .cart-title,
  .product-add-to-cart .cart-title:hover,
  .product-list-action .cart-title,
  .product-list-action .cart-title:hover {
	background-color: transparent;
	border-bottom: none;
	color: inherit;
  }
  .product-add-to-cart .pro-add-btn i,
  .product-list-action .pro-add-btn i {
	margin-right: 10px;
	font-size: 18px;
  }
  .add-to-cart {
	display: inline-block;
  }
  .action-wishlist:hover,
  .action-wishlist:focus{
	color:#fff;
  }
  .add-to-cart.action-wishlist i {
	margin-right: 0px;
  }
  .product-add-to-cart {
	float: none;
  }
  .single-product-wishlist{
	display: inline-block;
	position: relative;
	margin-left: 20px;
  }
  .product-thumbnail .owl-nav  {display: none;}
  .breadcrumb-area {
	  padding: 30px 0;
	  background-color: #f3f3f3;
  }
  .breadmome-name {
	  color: #ff6a00;
	  font-size: 24px;
	  font-weight: 500;
	  text-transform: capitalize;
	  margin: 0 0 18px;
  }
  .breadcrumb-content > ul > li {
	  display: inline-block;
	  list-style: none;
	  position: relative;
	  font-size: 14px;
	  color: #333;
  }
  .breadcrumb-content > ul > li.active{
	  color: #ff6a00;
  }
  .breadcrumb-content > ul > li:after {
	  content: "/";
	  vertical-align: middle;
	  margin: 0 5px;
	  color: #7a7a7a;
  }
  .breadcrumb-content > ul > li:last-child:after{
	  display: none;
  }
  .mt-80 { margin-top: 80px }.mb-80 { margin-bottom: 80px }
  .single-product-name {
	  font-size: 22px;
	  text-transform: capitalize;
	  font-weight: 900;
	  color: #444;
	  line-height: 24px;
	  margin-bottom: 15px;
  }
  .single-product-reviews {
	  margin-bottom: 10px;
  }
  .single-product-price {
	  margin-top: 25px;
  }
  .single-product-action {
	  margin-top: 30px;
	  padding-bottom: 30px;
	  border-top: 1px solid #ebebeb;
	  border-bottom: 1px solid #ebebeb;
	  float: left;
	  width: 100%;
  }
  .product-discount {
	  display: inline-block;
	  margin-bottom: 20px;
  }
  .product-discount span.price {
	  font-size: 28px;
	  font-weight: 900;
	  line-height: 30px;
	  display: inline-block;
	  color: #008bff;
  }
  .product-info {
	  color: #333;
	  font-size: 14px;
	  font-weight: 400;
  }
  .product-info p {
	  line-height: 30px;
	  font-size: 14px;
	  color: #333;
	  margin-top: 30px;
  }
  .product-add-to-cart span.control-label {
	  display: block;
	  margin-bottom: 10px;
	  text-transform: capitalize;
	  color: #232323;
	  font-size: 14px;
  }
  .product-add-to-cart {
	  overflow: hidden;
	  margin: 20px 0px;
	  float: left;
	  width: 100%;
  }
  .cart-plus-minus-box {
	  border: 1px solid #e1e1e1;
	  border-radius: 0;
	  color: #3c3c3c;
	  height: 49px;
	  text-align: center;
	  width: 50px;
	  padding: 5px 10px;
  }
  .product-add-to-cart .cart-plus-minus {
	  margin-right: 25px;
  }
  .cart-plus-minus {
	  position: relative;
	  width: 75px;
	  float: left;
	  padding-right: 25px;
  }
  .add-to-cart {
	  background: #008bff;
	  border: 0;
	  border-bottom: 3px solid #0680e5;
	  color: #fff;
	  box-shadow: none;
	  padding: 0 30px;
	  border-radius: 3px;
	  font-weight: 400;
	  cursor: pointer;
	  font-size: 14px;
	  text-transform: capitalize;
	  height: 50px;
	  line-height: 50px;
  }
  .add-to-cart:hover {
	  background: #ff6a00;
	  border-color: #e96405;
  }


  /* Reseau sociaux */
  #myBtn {
	display: none;
	position: fixed;
	bottom: 200px;
	right: 3px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: #f8c86f;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
	border-radius: 30px 0px 0px 30px;
	}

	#myBtn:hover {
		background-color: #fff;
	}