/*

 Copyright 2006-2017 Kiubi SAS.

 Composants specifiques au theme Kiubi pour Bootstrap v3.3.7 (http://getbootstrap.com)

 Theme sous licence Beerware (https://fr.wikipedia.org/wiki/Beerware)

 ----------------------------------------------------------------------------
 "THE BEER-WARE LICENSE" (Revision 42):
 <contact@kiubi.com> wrote this file. As long as you retain this notice you
 can do whatever you want with this stuff. If we meet some day, and you think
 this stuff is worth it, you can buy us a beer in return. Kiubi
 ----------------------------------------------------------------------------

*/

.wrapper {
	/*max-width: 1170px;*/
}

.post, .section, .widget {
	margin-bottom: 50px;
}

.img-responsive {
	width: 100%;
}

.nav-tabs {
	margin-bottom: 15px;
}

*:first-of-type h1,
*:first-of-type h2,
*:first-of-type h3,
*:first-of-type h4,
*:first-of-type h5,
*:first-of-type h6 {
	margin-top: 0;
}

.post-footer {
	clear: both;
}

.media + .media {
	margin-top: 25px;
}

figcaption {
	margin-top: 20px;
}

.post-content img,
.post-chapo img,
.post-product img,
.product-desc img {
	max-width: 100%;
}

.post-content ul,
.post-chapo ul,
.post-product ul,
.product-desc ul,
.post-content ol,
.post-chapo ol,
.post-product ol,
.product-desc ol {
	margin-top: 10px;
}


@media (max-width:767px) {
	.main .btn {
		width: 100%;
	}

	.main .btn-group .btn {
		width: auto;
	}
}

/* header */

.header .navbar {
	margin-bottom: 0;
}

.header-top {
	padding: 10px 0;
	border-left: none;
	border-top: none;
	border-right: none;
	border-radius: 0;
}

.header-top .list-inline {
	margin-bottom: 0;
}

.header-content {
	position: relative;
	min-height: 120px;
	padding-top: 20px;
	padding-bottom: 30px;
}

.header .header-content .search {
	position: absolute;
	right: 15px;
	bottom: 30px;
	width: 300px;
}

.logo-site img {
	max-width: 340px;
	height: 70px;
}

/* banner */

#banner {
	margin-bottom: 30px;
}

.banner {
	margin-bottom: 50px;
	padding: 0;
}

.banner .post,
.banner .section,
.banner .widget {
	margin-bottom: 0;
}

/* main */

.main {
	min-height: 500px;
}

/* footer */

.footer {
	padding: 50px 0 20px 0;
	margin: 0;
	border-radius: 0;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
}

/* Fil d'arianne */

.cms-accueil .breadcrumb-main {
	display: none;
}

.breadcrumb-main > li:nth-child(2)::before {
	color: #333;
	content: ": ";
}

.breadcrumb-main {
	margin-bottom: 50px;
}

.breadcrumb-order {
	margin-top: -30px;
	border: none;
	background: none;
}

/* Barre de naviation principale */

.navbar-toggle.pull-left {
	margin-right: 0;
	margin-left: 15px;
}

/* Menu vertical */

.site-web-menu-v .nav-stacked .nav-stacked {
	margin: 5px 0 5px 20px; /* gestion des sous-niveaux */
}

.menu-liste-piedepage .list-unstyled > li {
	padding-top: 5px;
	padding-bottom: 5px;
}

.menu-liste-piedepage .list-unstyled > li:first-child {
	padding-top: 0;
}

.menu-liste-piedepage .list-unstyled > li:last-child {
	padding-bottom: 0;
}

/* Menu deroulant - comportement */

.menu-deroulant .dropdown {
	display: none;
	position: relative;
	height: 10px; /* Determine la marge entre le menu et la barre de navigation */
	margin-bottom: -10px; /* Doit avoir la meme valeur (negative) que height */
}

.menu-deroulant .dropdown-menu {
	margin: 0;
	padding: 0;
	border-radius: 0;
}

.menu-deroulant a:hover + .dropdown,
.menu-deroulant a:hover + .dropdown .dropdown-menu,
.menu-deroulant .dropdown:hover,
.menu-deroulant .dropdown:hover .dropdown-menu {
	display: block;
}

.menu-deroulant .dropdown .dropdown {
	top: -40px; /* Positionne les menus de niveau 3 et 4 sur l'axe Y */
	left: 150px;  /* Positionne les menus de niveau 3 et 4 en l'axe X */
}

@media (max-width:767px) {
	.menu-deroulant .dropdown,
	.menu-deroulant .dropdown-menu {
		display: none !important;
	}
}

/* Menu deroulant - apparence */

.menu-deroulant .dropdown-menu {
	padding: 0;
	border-radius: 0;
}

.menu-deroulant .dropdown-menu a {
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Billets du site web */

.jumbotron {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.jumbotron[style*="background-image"] p,
.jumbotron[style*="background-image"] h1,
.jumbotron[style*="background-image"] h1 a,
.jumbotron[style*="background-image"] h2,
.jumbotron[style*="background-image"] h3,
.post-jumbotron-video p,
.post-jumbotron-video h1,
.post-jumbotron-video h1 a,
.post-jumbotron-video h2,
.post-jumbotron-video h3 {
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	text-decoration: none;
}

.post-jumbotron,
.post-jumbotron-video {
	position: relative;
	overflow: hidden;
}

.post-jumbotron-video video {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
}

@media (min-width:767px) {
	.post-jumbotron-video {
		background: none !important;
		min-height: 400px;
	}

	.container-fluid .post-jumbotron-video {
		min-height: 500px;
	}

	.container-fluid .post-jumbotron[style*="height"] .container,
	.container-fluid .post-jumbotron-video .container {
		position: absolute;
		bottom: 50%;
		left: 50%;
		transform: translate3d(-50%, 50%, 0px);
	}
}

@media (max-width:767px) {
	.post-jumbotron,
	.post-jumbotron-video {
		height: auto !important;
		min-height: auto !important;
	}
}

.post-jumbotron-photo .media-left,
.post-jumbotron-photo .media-right {
	width: 50%;
	padding: 0;
}

.post-jumbotron-photo + .post-jumbotron-photo {
	margin-top: -50px;
}

@media (min-width:991px) {
	.post-jumbotron-photo .media-body {
		padding-top: 0;
		padding-bottom: 0;
	}
}

@media (max-width:991px) {
	.post-jumbotron-photo .media-left,
	.post-jumbotron-photo .media-right {
		display: block;
		width: 100%;
	}
}

.post-galerie .row > div {
	margin-bottom: 30px;
	overflow: hidden;
}

.post-galerie a {
	display: block;
	width: 100%;
	height: 240px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.post-galerie a:hover {
	cursor: zoom-in;
}

/* Blocs d'extrait du site web */

.site-web-bloc-extrait.resume .post {
	margin-bottom: 20px;
}

.site-web-bloc-extrait.icones .media-left .fa {
	padding-left: 2px;
	padding-right: 2px;
	font-size: 3em;
}

/* Billet du blog */

.post-blog .post-content {
	margin: 25px 0;
}

.post-blog .post-infos {
	margin: 20px 0;
}

.post-infos li {
	display: inline-block;
}

.post-infos li + li::before {
	content: ",";
	margin-right: 5px;
	margin-left: -0.2em;
}

/* Produit */

.product .tags a + a {
	margin-left: 10px;
}

.product .tags a:before {
	padding-right: 5px;
	display: inline-block;
	font: normal 14px/1em "FontAwesome";
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f02b";
}

.price {
	font-size: 1.2em;
}

.price del {
	font-size: 0.8em;
}

/* Liste des produits */

.catalogue-liste-produits .post-header {
	margin-bottom: 50px;
}

.product-listing {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #ddd;
}

.product-listing .media-body {
	padding-left: 20px;
}

.product-listing .media img {
	width: 120px;
}

/* Detail d'un produit */

.product-detail {
	margin-bottom: 50px;
}

.product-detail .product-infos {
	margin-top: 25px;
}

.product-detail .product-infos .accroche {
	margin-bottom: 35px;
}

.product-detail .social-btn {
	margin-top: 100px;
}

.product-detail .product-images {
	margin-bottom: 25px;
}

.product-detail .listing-images {
	margin-top: 25px;
}

.product-detail .listing-images a:only-child {
	display: none;
}

.product-detail .listing-images a + a {
	margin-left: 25px;
}

.product-detail .product-desc {
	margin-top: 25px;
}

.product-detail .price {
	font-size: 1.5em;
}

/* Widget produit  */

.widget .produit img {
	width: 80px;
}

/* Commentaires (blog et produits) */

.post-comment .post-header {
	margin-bottom: 20px;
}

.post-comment .avatar {
	width: 40px;
	height: 40px;
}

/* Vignettes (blog, produits, etc.) */

.thumbnail h3, .thumbnail h4 {
	height: 2.3em;
	text-overflow: ellipsis;
	overflow: hidden;
}

.thumbnail .desc {
	height: 4.2em;
	overflow: hidden;
}

.grille .row {
	display: flex;
	flex-wrap: wrap;
	align-items: top;
}

.grille .row:before {
  content: none;
}

.grille .row:after {
  content: '';
}

.grille .row .thumbnail {
	height: calc(100% - 20px);
}

@media (max-width: 767px) {
	.grille .row div[class*="col-"] {
		width: 100%;
	}
}

/* Detail du panier d'achat et recaptilatif de la commande */

.table-order img {
	width: 100px;
}

.table-order .hors-port {
	font-weight: bold;
}

.table-order .ttc {
	font-size: 1.2em;
	font-weight: bold;
}

.table-order {
	text-align: right;
}

.table-order td:first-child {
	text-align: left;
}

.table-order .table-spacer {
	width: 100px;
}

/* Panier d'achat et identification rapide */

.identification-rapide-entete,
.panier-entete {
	display: inline;
}

/* Detail du panier d'achat */

.option-order .checkbox {
	margin-top: 0;
}

.option-order p:last-child,
.option-order .checkbox:last-child {
	margin-bottom: 0;
}

/* Recaptilatif de la commande */

.shipping-adress .btn-group {
	margin-top: -10px;
}

/* Recherche */

.recherche-simple .section-header .btn {
	width: auto;
}

/* Bouton de retour en top */

.btn-returntop {
	display: none;
	position: fixed;
	right: 20px;
	bottom: 20px;
}

.btn-returntop .fa {
	margin-bottom: 5px;
}

/* carousel */

.owl-prev {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 5%;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
	opacity: 0.5;
}

.owl-next {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 5%;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
	opacity: 0.5;
}

.owl-prev:hover,
.owl-next:hover {
	opacity: 1;
}

.owl-prev span,
.owl-next span {
	position: absolute;
	top: 50%;
	margin-top: -30px;
	height: 25px;
	width: 25px;
	font-size: 25px;
	display: inline-block;
	z-index: 5;
}

.owl-prev span {
	left: 50%;
	margin-right: -10px;
}

.owl-next span {
	right: 50%;
	margin-right: -10px;
}

.carousel-content {
	background-size: cover;
	background-position: center center;
}

.carousel-content.jumbotron {
	margin-bottom: 0;
}

@media (min-width:767px) {
	.carousel-content.jumbotron {
		min-height: 400px;
	}

	.container-fluid .carousel-content.jumbotron {
		min-height: 500px;
	}

	.container-fluid .carousel-content.jumbotron .container {
		position: absolute;
		bottom: 50%;
		left: 50%;
		transform: translate3d(-50%, 50%, 0px);
	}
}

@media (max-width:767px) {
	.carousel-content.jumbotron {
		height: auto !important;
		min-height: auto !important;
	}
}

.carousel .carousel-content {
	padding-top: 62%;
}

.carousel-content[style*="background-image"],
.carousel-content[style*="background-image"] h1,
.carousel-content[style*="background-image"] h2,
.carousel-content[style*="background-image"] h3 {
	color: #fff;
}

/* EasyZoom */

.easyzoom {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.easyzoom img {
	vertical-align: bottom;
}

.easyzoom.is-ready img {
	cursor: crosshair;
}

.easyzoom.is-error img {
	cursor: not-allowed;
}

.easyzoom-notice {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 150;
	width: 10em;
	margin: -1em 0 0 -5em;
	text-align: center;
}

.easyzoom-flyout {
	position: absolute;
	z-index: 100;
	overflow: hidden;
	background: #FFF;
}

.easyzoom-overlay .easyzoom-flyout {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Cookie Alert */

#cookie_alert {
	position: fixed;
	left: 0;
	bottom: 0;
	margin: 15px;
	width: calc(100% - 30px);
	max-width: 360px;
	z-index: 1000000;
}

/* Icones */

.fa-note-1:before {
	content: "\f005 \f006 \f006 \f006 \f006";
}

.fa-note-2:before {
	content: "\f005 \f005 \f006 \f006 \f006";
}

.fa-note-3:before {
	content: "\f005 \f005 \f005 \f006 \f006";
}

.fa-note-4:before {
	content: "\f005 \f005 \f005 \f005 \f006";
}

.fa-note-5:before {
	content: "\f005 \f005 \f005 \f005 \f005";
}

.fa-paiement:before {
	content: "\f09d"; /* icone paiement par cb */
}

.fa-paiement1:before {
	content: "\f0d6"; /* icone paiement par cheque */
}

.fa-paiement2:before {
	content: "\f19c"; /* icone paiement par virement */
}

.fa-paiement3:before {
	content: "\f1f4"; /* icone paiement par PayPal */
}

/* Templates principaux /theme/fr/templates/ */

.container-fluid.no-margin {
	padding-right: 0;
	padding-left: 0;
}