@font-face {
    font-family: 'hand_of_sean';
    src: url('../fonts/handsean/handsean-webfont.eot');
    src: url('../fonts/handsean/handsean-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/handsean/handsean-webfont.woff2') format('woff2'),
         url('../fonts/handsean/handsean-webfont.woff') format('woff'),
         url('../fonts/handsean/handsean-webfont.svg#hand_of_seanregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {background:url(../images/design/bg.jpg) repeat top center;}

a {color:#c0212d}
a:hover {color:#333;}
p {margin:0}
[contenteditable="true"] {min-height:30px;}
.red {color:#c0212d}
.cliquable {cursor:pointer;}
.cliquable:hover {box-shadow: 0px 0px 5px #000;}
.loading {display: none;}
.g-recaptcha >div {display:inline-block}

/* Perso Bootsrap */
.text-underline {border-bottom:1px solid #333; margin-bottom:1rem; padding-bottom:.5rem;}

.bg-perso-1  {background-color:#c0212d;}
.btn-perso-1 {background-color:#c0212d; color:#fff;}

.card-title {margin-bottom:.75rem; padding-bottom:.5rem; color:#c0212d;}
.card-title.text-underline {border-bottom:2px solid #c0212d;}
.card-title a:hover {color:inherit; text-decoration:none}

.card-footer.text-muted {font-size:80%}

.text-white .card-title,
.text-white .card-footer {color:#fff !important;}
.text-white .text-underline {border-color:#fff;}

.breadcrumb {background: none; border-bottom:1px solid #ccc;}

@media (max-width: 767px){
	.d-flex .card {width:100%}
}
@media (min-width: 768px) and (max-width: 1199px){
	.d-flex .card {width:48%; margin:1%}
}
@media (min-width: 1200px){
	.d-flex .card {width:31%; margin:1%}
}

/* Perso Jquery UI */
.ui-widget {z-index: 10000;}

/* header */
header p {margin:0 15px 15px;}

/* Menu */
.navbar{margin:0; padding:0; border-radius:0; border:none; font-family:'Peignot-Demi', sans-serif; font-size:18px; background:#c0212d;}
.navbar-dark .navbar-nav .nav-link {color:#fff; padding:1rem; text-align:center;}
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link {background:#90090f; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); border:none}

.nav-light {padding:.5rem 0;}
.nav-light .nav-link {border-left:1px solid #c0212d;}
.nav-light li:first-child .nav-link {border:none}

#mainMenu ul li:last-child {display:none}
#menuEcommerce ul li {background:#90090f; border:2px solid #fff; box-shadow:0 0 3px #000;}


/*Zone de texte */
.zoneTexte >div{background-color:#fff; background-clip:border-box; border:1px solid rgba(0,0,0,.125); border-radius: .25rem;}
.zoneTexte >div ul {margin-top:10px; margin-bottom:10px;}
.zoneTexte >div ul li {margin-bottom:5px;}
.zoneTexte >div ul li ul {margin-top:0; margin-bottom:10px;}

/* Blog */
.blog .carousel-item img {border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem;}
@media (max-width: 767px){
	.blog .card-columns {-webkit-column-count:1; column-count:1}
}
@media (min-width: 768px) and (max-width: 991px){
	.blog .card-columns {-webkit-column-count:2; column-count:2}
}

/* Diaporama photos */
.slider_photos .zoom {font-size:30px; color:rgba(255,255,255,.7); position:absolute; top:10px; left:10px;}
.slider_photos .carousel-thumbs {margin:10px 0;}
.slider_photos .carousel-thumbs [class*="col-"]{margin:0; padding:0}
.slider_photos .carousel-thumbs img{margin-bottom:0.5rem; padding:0.15rem;}
.slider_photos .carousel-thumbs .active img{border:0.15rem solid #c0212d;}

.carousel-fade .carousel-inner {background:#fff}
.carousel-fade .carousel-inner .carousel-item {opacity:0; transition:opacity 3s;}
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item-next,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {transform:none; opacity:0;}
.carousel-fade .carousel-inner .carousel-item.active {opacity:1;}

/* Carousel Photos */
.carousel_photos .carousel .wrapper p a {color:#333; font-style:italic}
.carousel_photos .carousel .wrapper p a:hover {color:#333; font-style:normal; text-decoration:none}

/* Titre stripped */
.title-strip {position:relative; text-align:center;}
.title-strip::before {content:""; z-index:-1; position:absolute; left:0; right:0; height:10px; margin-top:1rem; background-color:#c0212d;}
.title-strip h1 {background:url(../images/design/bg.jpg) repeat top center; display:inline-block; padding:0 16px; color:#c0212d; font-family:'Maven Pro', sans-serif; font-size:1.8rem; max-width:60%; text-align:center;}
@media(max-width: 576px) {
	.title-strip h2 {font-size:1.4rem;}
}

/* Arborescence ré-ordonnable */
.sortable-tree {list-style: none; padding-left: 0;}
.sortable-tree ul {margin-left: 15px;  padding: 5px 0;}
.sortable-tree .block {border: 1px solid #f1e8e2; background: #fff; font-size: 80%; font-family:Arial, Helvetica, sans-serif; color: #4c4743;}
.sortable-tree .sortable-placeholder {height: 35px; background: #e3dcd7; margin-bottom: 5px; margin-top: 5px;}

/* e-commerce */
.btn.cart strong {color:#000}

.categoriesProduits .card {position:relative}
@media(min-width: 992px) {
	.categoriesProduits {-webkit-column-count:5; column-count:5; column-gap:1rem}
}

.ficheProduit {background-color:#fff; background-clip:border-box; border:1px solid rgba(0,0,0,.125); border-radius: .25rem; padding: 1.25rem;}
.ficheProduit h1 {background-color:#c0212d; color:#fff; font-family:'Maven Pro', sans-serif; font-size:18px; text-transform:uppercase; padding:1rem;}
	
.prix {font-weight:bold; color:#c0212d; font-size:120%; margin-bottom:5px;}
.prix .suffixe {font-size:70%}
.prix-barre {color:#333; font-style:italic;  font-weight:normal; font-size:80%;}
.prix-barre span {text-decoration:line-through;}

.flag {z-index:100; width:125px; height:125px; margin:0; padding:0; position:absolute; top:0; left:0; background:url(../images/design/bandeau_produit.png) no-repeat 0 0;}
.flag.nouveau {background-position:-125px 0;}
.flag.promo {background-position:-250px 0px;}

a.vignette {color:inherit;}
a.vignette:hover {text-decoration:none; box-shadow:0px 0px 3px #333;}

.commande .recapProduits .row {border-top:1px solid #ddd; padding-top:1rem; margin-top:1rem;}
.commande .total .row{font-weight:bold; text-align:right; padding-top:.5rem; margin-top:.5rem;}

[class*="etatCommande"] {padding: 10px; color:#fff}
.etatCommande-1, .etatCommande-2 {background-color: #D9534F}
.etatCommande-3 {background-color: #F90}
.etatCommande-4 {background-color: #5CB85C}
.etatCommande-5 {background-color: #5BC0DE}
.etatCommande-6,
.etatCommande-7 {background-color: #CCC}

/* Etapes */
.etapes {margin: 10px auto; list-style:none; padding:0; width:100%;}
.etapes li {float:left; width:50%; height:60px; background:url(../images/design/step_standard.gif) no-repeat center bottom; text-align:center}
.etapes li.current {background-image:url(../images/design/step_current.gif)}
.etapes li.done {background-image:url(../images/design/step_done.gif)}
.etapes li a, .etapes li span {padding: 5px 10px 15px; background:url(../images/design/step_standard_label.gif) no-repeat center center; color: #FFF}
.etapes li.current span {background-image:url(../images/design/step_current_label.gif)}
.etapes li.done a {background-image:url(../images/design/step_done_label.gif)}	
@media(max-width: 768px) {
	.etapes li {width:100%; padding: 0 15px;}
}

/* Footer */
footer {background-color:#c0212d; color:#fff; padding:10px 0; margin:0; margin-top:5px; border-radius:0; }
footer hr {margin:10px 0}
footer h2 {font-family: 'Catamaran', sans-serif; font-size:20px; font-variant: small-caps; margin:10px 0}
footer .social a {margin: 5px;}
footer a {color:#fff; margin:10px 0}
footer a:hover {color:#333; text-decoration:none; font-style:italic}
footer p {margin-bottom:5px;}

/* Divers */
.btn-upload input[name=userfile] {visibility:hidden}

/* Page d'accueil */
.accueil .slider_photos {bottom:0px}
.accueil .slider_photos .carousel-caption {width:50%; left:50%; top:auto; bottom:15%; padding:10px; background-color:#fff; color:#333; font-weight:bold}

.ardoise {background:url(../images/design/ardoise.png) no-repeat top center; background-size: cover; color:#fff; text-align:center; -ms-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); transform: rotate(-3deg); padding:0; font-family:"hand_of_sean", cursive;}
.ardoise .zoneTexte {background:none}
.ardoise .zoneTexte h2 {font-family:"Arial Black", Gadget, sans-serif; font-weight:bold; font-size:28px; border-bottom:3px solid #fff; margin:2rem}