/* Enter Your Custom CSS Here */


/* HOME */
.bandeau {background-color: #baccd4;}
.products h3{ color: #b20000; }
.post-521 hr{ border-color: #b20000; }

/*.bijouplus,
.term-univers-homme .bijouplus,
.term-univers-femme .bijouplus,
.term-nos-montres .bijouplus,
.term-nos-marques .bijouplus,
.term-univers-mariage .bijouplus,*/
.push:nth-child(2),
.post-11 h3,
.post-11 .entry-content > ul + p,
.site-main input[type="submit"],
.archive-title,
.footer-prems,
.page-id-9 .page-title{
  background-color: #e66065;
}

.sub-menu > .menu-item, .push, .univers,
.current-menu-ancestor, .current-menu-item{ background-color: #fbd9de; }

.sub-menu > .menu-item:hover{ background-color: #f5b4b9; }

.sub-menu > .menu-item a,
.copy span{ color: #e66065; }


.menu-item:before,
.engagements p,
.histoire p,
.news-title,
.news a p,
td strong span a,
td span a,
.post-11 .univers h3,
.aside-title,
.form-title,
form p,
.aside li strong,
.search article h3,
.search article h3 a,
.category-12 .entry-title a,
.category-12 .entry-title:before,
.aside-title .svg-img:after,
.form-title .svg-img:after,
strong .svg-tel:after,
.entry-content blockquote p,
.page-id-521 .tel:before,
.univers-title:before,
.engagements-title:before,
.histoire p:before, .histoire p:after{
  color: #e66065;
}

.post-11 .entry-content > ul > li > ul{
  border-color: #e66065;
}

.woocommerce ul.products li.product strong,
body, a, .news-header h2, 
.copy, .copy a, .post-11 .entry-content > ul > li > ul > li,
.page-id-521 h3, .post-521 td, .aside li p,
.woocommerce-pagination a, .acat,
.search article.post-521 p a.more-link,
.category-12 .entry-content a, .products h3 + p,
.site-main input, .site-main textarea, .site-main select,
.footer-prems h2:before,
.univers-title,
.engagements-title a,
.page-id-9 .entry-content h3,
.histoire-header h2,
.histoire-header,
.page-id-521 .univers-title,
.histoire-header:after{ color: #000; }


.pushs a, .histoire a, .aside a, .social a, .sml_submitbtn,
.catalogues a span, .histoire a, .post-11 .entry-content > ul + p a,
/*.bijouplus a,*/ .acat:after,
.category-12 .entry-content a:after{ background-color: #000; }


.aside, .site-main form, .menu-item a,
.histoire-header h2:before, .histoire-header h2:after{ border-color: #000; }


.footer-prems h2, .post-11 h3,
.post-11 .entry-content > ul + p,
.post-11 .entry-content > ul + p a,
article.post-521 p a,
.histoire a:after,
.sml_submit:after,
.catalogues a:after,
.univers-title:after,
.search-form:after,
.engagements > a.decouvrir:after,
.products #push_produit h3 + p,
.term-univers-homme .products #push_produit h3 + p{ color: #fff; }

.social a, .sml_submitbtn,
.catalogues a span, .push:nth-child(2) a{ box-shadow: 0.3em 0.3em 0.1em #880002; }

.news{ background-color: #f4f4e8; }

td hr{ border-color: #DB8788; }

.aside li:after{ color: #e8b2b3; }

.news-header h2:before{ color: #F2E617; }

.univers-title{ background-image: url(wp-content/themes/joailliers/images/miche2/univers.png); }
.histoire-title{ background-image: url(wp-content/themes/joailliers/images/miche/bijoutiers.png); }

.engagements li{ background-image: url(wp-content/themes/joailliers/images/miche/services1.png); }
.engagements li:nth-child(2){ background-image: url(wp-content/themes/joailliers/images/miche/services2.png) }
.engagements li:nth-child(3){ background-image: url(wp-content/themes/joailliers/images/miche/services3.png) }
.engagements li:nth-child(4){ background-image: url(wp-content/themes/joailliers/images/miche/services4.png) }
.engagements li:nth-child(5){ background-image: url(wp-content/themes/joailliers/images/miche/services5.png) }

.sml_emailinput{ background-color: #ce5b58; }

.sml_emailinput::-webkit-input-placeholder { color: #FFF !important; }
.sml_emailinput:-moz-placeholder { color: #FFF !important; }
.sml_emailinput::-moz-placeholder { color: #FFF !important; }
.sml_emailinput:-ms-input-placeholder { color: #FFF !important; }



/* NOTRE HISTOIRE */
/*
.entry-content blockquote p:before{ content: url(wp-content/themes/joailliers/images/miche/open_quote.png); }
.entry-content blockquote p:after {  content: url(wp-content/themes/joailliers/images/miche/close_quote.png); }*/

.entry-content blockquote p:before,
.entry-content blockquote p:after{ content: none; }


td{ color: #292929; }


/* NOS SERVICES */

.post-11 .page-title{ background-image: url(wp-content/themes/joailliers/images/miche/nos_services.jpg); }

.post-11 .entry-content > ul > li:before{ background-image: url(wp-content/themes/joailliers/images/miche2/services_4.png); }
.post-11 .entry-content > ul > li:nth-child(1):before{ background-image: url(wp-content/themes/joailliers/images/miche2/services_2.png); margin-top: -1px; }
.post-11 .entry-content > ul > li:nth-child(2):before{ background-image: url(wp-content/themes/joailliers/images/miche2/services_3.png); margin-top: 1px; }
.post-11 .entry-content > ul > li:nth-child(3):before{ background-image: url(wp-content/themes/joailliers/images/miche2/services_4.png); }
.post-11 .entry-content > ul > li:nth-child(4):before{ background-image: url(wp-content/themes/joailliers/images/miche2/services_5.png); }
.post-11 .entry-content > ul > li:nth-child(9):before{ margin-top: 1px; }

.post-11 .entry-content > ul > li:nth-child(1) h3,
.post-11 .entry-content > ul > li:nth-child(2) h3,
.post-11 .entry-content > ul > li:nth-child(3) h3,
.post-11 .entry-content > ul > li:nth-child(4) h3,
.post-11 .entry-content > ul > li:nth-child(5) h3,
.post-11 .entry-content > ul > li:nth-child(6) h3,
.post-11 .entry-content > ul > li:nth-child(7) h3,
.post-11 .entry-content > ul > li:nth-child(8) h3{ margin-top: -1px; }


.post-11 .entry-content > ul > li:nth-child(5) h3,
.post-11 .entry-content > ul > li:nth-child(6) h3{ margin-bottom: 2em; }


/*.post-11 .entry-content > ul > li:nth-child(6) h3{ padding: 0.2em 0.515em 0 0.5em; }
.post-11 .entry-content > ul{ width: 59em; }*/

.post-11 .entry-content > ul > li:nth-child(6) > ul{ top: -4.7em; padding-top: 2em; }



/* BIJOUX / FEMME */

.term-univers-femme .products #push_produit h3 + p{ color: #aa9879; }
.term-univers-femme .products #push_produit .img_push_mobile{ background-color: #edd0c2; }


/* BIJOUX / HOMME */

.term-univers-homme .products #push_produit .img_push_mobile{ background-color: #cdcbcc; }


/* BIJOUX / MARIAGE */

.term-univers-mariage .products #push_produit .img_push_mobile{ background-color: #8c93a3; }


/* BIJOUX / MONTRES */

.products > li,
.products > li:nth-child(1),
.products > li:nth-child(2),
.products > li:nth-child(3),
.products > li:nth-child(4),
.products > li:nth-child(4n+1),
.category-12 .article{ border-color: #4e0303; }


/* NOS BIJOUTERIES */

.page-id-521 .entry-content > h3 + p a:after{ content: url(wp-content/themes/joailliers/images/miche/msg.png); }
.post-521 .tel strong{ background-color: #f7e5e5; }
.page-id-521 .entry-content > ul{ text-align: left; }

/* PAGE CONTACT */

.aside-title:after, .form-title:after,
.post-521 table + hr{ border-color: #e8b2b2; }

.site-main input, .site-main textarea, .site-main select{ border-color: #b2b2b2; }

input::-webkit-input-placeholder{ color: #b2b2b2 !important; }
input:-moz-placeholder{ color: #b2b2b2 !important; }
input::-moz-placeholder{ color: #b2b2b2 !important; }
input:-ms-input-placeholder{ color: #b2b2b2 !important; }

textarea::-webkit-input-placeholder{ color: #b2b2b2 !important; }
textarea:-moz-placeholder{ color: #b2b2b2 !important; }
textarea::-moz-placeholder{ color: #b2b2b2 !important; }
textarea:-ms-input-placeholder{ color: #b2b2b2 !important; }


.select-civ{ background-image: url(wp-content/themes/joailliers/images/miche2/form-civ.jpg); }




/*
*
* RESPONSIVE
*
*/


/*@media screen and (max-width: 895px){
  .post-11 .entry-content > ul > li:nth-child(6) h3{ width: 16em; }
  .post-11 .entry-content > ul{ width: 39em; }
}*/

@media screen and (max-width: 650px){
  .current-menu-ancestor, .current-menu-item,
  .sub-menu > .menu-item, .sub-menu > .menu-item:hover{ background-color: inherit; }
  
  .sub-menu > .menu-item a, .sub-menu > .menu-item:hover a{ color: #949494; }
  
  /*.post-11 .entry-content > ul{ width: 25em; }*/

}


@media screen and (max-width: 465px){
  .univers-title{ background-image: url(wp-content/themes/joailliers/images/miche2/Mobile/univers.png); }
  
  .news li{ background-size: 100% auto !important; }
  
  /*.post-11 .entry-content > ul{ width: 100%; }*/
  
}
