/* vert foncé : BD1A8D */
/* vert clair : B27EA3 */

/* Rose vin #BD1A8D */
/* Rose light #B27EA3 */ 

/** FONTS **/
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto/roboto-v50-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto/roboto-v50-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-serif-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto/roboto-serif-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-serif-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto/roboto-serif-v17-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/************* Menu emporter **************/
.spacer {
	height: 1px;
	background-color: #dee2e6;
	width: 100%;
	margin: 15px 0;
}
#menu-emporter h2 span {
	text-transform: initial;
	font-weight: 400;
}
#suggestions h3 {
	font-size: 1.5em;
	color: #BD1A8D;
}
 #presentation {
	margin-bottom: 50px;
 }

#bonCadeau {
	margin-bottom: 100px !important;
 }




/********* GENERAL *********/

body {
    font-family: 'Roboto', sans-serif;
}
h1, h2, h3, li {
	font-family: 'Roboto Serif', sans-serif;
	color: #333333;
}
.navbar-dark .navbar-toggler-icon {
	background-image: url("../img/menu.svg");
}


/******* HEADER ********/
.topbar {
	height: 14px;
	background-color: #BD1A8D;
}
.header-banner {
    width: 100%;
    height: 40vh; /* tu ajustes la hauteur */
    background-image: url('/wp-content/themes/closerie/img/closerieRoses.jpg');
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
}
.img-fluid,
.woocommerce img, .woocommerce-page img{
	/*max-width: 85%;*/
}
.bg-primary {
	background-color: transparent!important;
}
/*
.navbar>.nav-principale, .navbar>.container-fluid {
	display: block;
	text-align: center;
}
*/
.ml-auto {
	margin: 0 auto !important;
}
.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link:focus {
	color: #333333;
	font-weight: 700;
	font-size: 0.938em;
	text-transform: uppercase;
}
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link:hover {
	color: #333333;
}
.custom-logo-link img { 
	max-width: 75%; 
	margin: 0 auto 10px;
}
/*ul#main-menu li.active,*/
ul#main-menu li:hover {
	border-bottom: 2px solid #BD1A8D;
	transition-duration: 0.5s;
}
ul#main-menu li {
	margin: 0 10px;
	border-bottom: 2px solid transparent;
}
a.wpmenucart-contents:hover {
	color: #BD1A8D;
}
li.wpmenucartli {
	padding-top: 8px;
}
li.wpmenucartli a {
	color: #BD1A8D;
}
li.wpmenucartli a:hover {
	color: #BD1A8D;
	text-decoration: none;
}
/******* HOME ********/
header.homepage {
	margin-bottom: 40px;
}
header.homepage .menu-image {
	height: 165px;
	margin: 0 15px;
	position: relative;
}
header.homepage .menu {
	background: url("../img/btnmenus.jpg") center center no-repeat;
}
header.homepage .livraison {
	background: url("../img/btnchezvous.jpg") center center no-repeat;
}
header.homepage .carte {
	background: url("../img/btncarte.jpg") center center no-repeat;
}
header.homepage .offrir {
	background: url("../img/btnoffrir.jpg") center center no-repeat;
}

.menu-image {
	display: inline-flex;
}
.menu-image a {
	font-size: 1.5em;
	font-weight: 700;
	color: #4b4b4d;
	text-transform: uppercase;
}
.menu-image a:hover {
	text-decoration: none;
	color: #BD1A8D;
}
.text-menuimage {
	width: 100%;
	padding: 24px 0;
	background-color: rgba(255,255,255,0.7);
	position: absolute;
	left: 0;
	right: 0;
	top: 25%;
}
.texte-presentation p,
.texte-presentation ul li {
	font-size: 0.938em;
	line-height: 1.7em;
}
.wrapper-home {
	padding-bottom: 0;
}
.texte-presentation h1 {
	font-weight: 700;
}
#presentation img {
	border-radius: 200px 50px 0 50px;
	margin: 10px 0;
}
.bloc-logos {
	position: relative;
	display: flex;
	align-items: center;
	margin: 20px auto; 
}
.bloc-logos img {
	max-width: 95px;
}
.logos-guides {
	margin: 60px auto; 
}
.logos-guides h3 {
	font-size: 1.4em;
	text-align: center;
	margin: 30px auto;
}

/* section chezvous et bonCadeaux */
#chezVous,
#bonCadeau {
	margin: 65px 0;
	position: relative;
	clear: both;
	content: " ";
	height: 250px;
}
.zoneChezVous {
	position: relative;
	top: 60px;
	z-index: 1000;
}
.texteChezVous {
	position: absolute;
	background-color: #B27EA3;
	padding: 120px 50px 30px 50px;
	z-index: 0;
	left: 50%;
	transform: translate(-50%, 0);
	width: max-content;
	top: 0;
}
#bonCadeau #triangle-code,
#chezVous #triangle-code {
	position: absolute;
	top: 95px;
	z-index: 1000;
}
.texteChezVous p.proposition {
	font-weight: 700;
	font-size: 1.56em;
}
.texteChezVous p {
	font-size: 1.25em;
}
.texteChezVous p a:hover {
	color: #333333;
}
.btnCommande {
	width: max-content;
	padding: 20px 40px;
	background-color: #FFFFFF;
	margin-top: 35px;
	margin-left: auto;
	margin-right: auto;
}
.btnCommande a {
	color: #4b4b4d;
	text-transform: uppercase;
	font-size: 1.25em;
}
.btnCommande a:hover {
	color: #BD1A8D;
}

/* section Menus */
#triangle-code{
	display : inline-block;
	height : 0;
	width : 0;
	border-top : 25px solid #BD1A8D;
	border-right : 25px solid transparent;
	margin-bottom: 40px;
}
.cr-button {
	display: inline-block;
	width: 100%;
    text-align: center;
    color: #ffffff;
    border: 1px solid #BD1A8D;
    background-color: #BD1A8D;
    font-weight: 400;
	margin: 20px auto;
	padding: 10px;
	border-radius: 10px;
}
.cr-button:hover {
	opacity: 60%;
	color: #fff;
	text-decoration: none;
}

#menus {
	margin-bottom: 60px;
}
.MenuMeillerais, .MenuCloserie {
	margin: 40px auto;
}
.zoneImgMenu img {
	margin: 20px auto;
	border-radius: 200px 50px 0 50px;
}
.MenuMeillerais .col-md-6, .MenuCloserie .col-md-6 {
	padding: 0 50px;
}
.titre-zoneMenus h2 {
	margin: 20px 0 50px;
	text-transform: uppercase;
	font-weight: 700;
}
.titre-menu, .zoneCompoMenu {
	padding-left: 85px;
}

.titre-menu h3 {
	font-weight: 700;
	margin-bottom: 20px;
}
.compoMenu p,
p.compoPartieMenu {
	font-size: 0.9em;
	text-align: center;
}
p.compoPartieMenu strong {
	opacity: 40%;
}

p.prixMenu {
	font-size: 1.4em;
	font-weight: 700;
	color: #BD1A8D;
	margin-right: 10px;
}
p.partiesMenu {
	font-family: 'Roboto Serif', sans-serif;
	font-size: 1.23em;
	font-weight: 700;
}
p.compoPartieMenu {
	margin-bottom: 40px;
}
.separateur {
	height: 1px;
	background-color: #CEC6C6;
	width: 30%;
	margin: 20px auto;
}
.compoMenu p {
	color: #646567;
}

/* section  */
/* section Menu festif */
#menufestif {
	background-color: rgba(194,219,224,0.5);
	padding: 50px 0;
	/*margin-bottom: 40px;*/
}
#menufestif h2 {
	font-weight: 700;
}
#menufestif h2,
#menufestif p.prixMenu,
#menufestif p.partiesMenu {
	color: #bd9a64;
}
.titre-zoneMenuFestif h2 {
	margin-bottom: 50px;
}
#menufestif p {
	font-weight: 600;
}
#menufestif p.compoPartieMenu {
	text-align: center;
}
#menufestif p.compoPartieMenu:first-child {
	margin-top: 65px;
}
a svg:hover {
	fill: #888888;
}


/******* CARTE ********/
.carte h1 { 
	text-align: center;
}
.serviceCompris {
	font-size: 0.75em;
}
.table tr {
	/*line-height: 0.5em;*/
}
.table th {
	color: #BD1A8D;
	text-align: right;
}
.table td {
	/*padding: 0 !important;*/
}
.table td, .table th {
	border-bottom: 1px solid #dee2e6;
	border-top: none;
}
.content-carte table {
	margin-bottom: 30px;
}
.menu-enfant {
	border: #BD1A8D 2px solid;
	border-radius: 4px;
	padding: 25px 50px 15px 50px;
	width: max-content;
	margin: 40px auto 0 auto;
}
.menu-enfant p {
	font-size: 1.43em;
	color: #BD1A8D;
	font-weight: 700;
}
.table td.poissons,
.table th.poissons {
	border-bottom: none;
}
.tablepoissons {
	border: 2px solid #BD1A8D;
	border-radius: 4px;
	padding-top: 20px;
}
.tablepoissons h2 {
	font-size: 1em;
	font-weight: 700;
}
td.textpoisson {
	width: 100%;
}
table.poissonsauvage {
	margin-bottom: 0;
}

/* SECTION BON CADEAU ---------------------------- */
.gift-banner {
    width: 100%;
    padding: 60px 0;
    background-image: url('/wp-content/themes/closerie/img/bon-kdo.jpg'); 
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
	margin: 20px auto;
}


/* Contenu centré */
.gift-banner__content {
    max-width: 700px;
}

/* Titre */
.gift-banner__title {
    color: #fff;
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 15px;
}

/* Sous-titre */
.gift-banner__subtitle {
    color: #fff;
    font-size: 1.2rem;
    margin-bottom: 30px;
}

/* Bouton */
.gift-banner__button {
    display: inline-block;
    background: #fff;
    color: #a3006c; /* violet texte */
    padding: 12px 30px;
    font-weight: 700;
    border-radius: 10px;
    text-decoration: none;
    font-size: 1rem;
    transition: all 0.2s ease;
}

.gift-banner__button:hover {
    background: #a3006c;
	color: #fff;
	text-decoration: none;
}

.platstogo {
	margin: 60px auto; 
	text-align: center;
}

.double-photo {
    width: 100%;
    margin: 0;
    padding: 0;
}

.double-photo__inner {
    display: flex;
    width: 100%;
}

.double-photo__img {
    width: 50%;
    height: auto;
    display: block;
    object-fit: cover;
}
.double-photo p {
	text-align: center;
	max-width: 60%;
	margin: 10px auto 80px;
}

/******* CONTACT ********/
.page-template-contact .titre-zoneMenus h1 {
	color: #FFFFFF;
	font-weight: 700;
	font-size: 1.87em;
	text-transform: uppercase;
	margin-bottom: 0;
}
.page-template-contact .titre-zoneMenus {

}
.page-template-contact .titre-zoneMenus h1 a {
	font-size: 1em;
	color: #FFFFFF !important;
}
.adresse p {
	font-size: 1.063em;
}
#coordonnees .accueil {
	border: #BD1A8D 2px solid;
	border-radius: 4px;
	padding: 25px 25px 15px 25px;
	width: max-content;
	margin: 40px auto 0 auto;
}
#coordonnees img {
	margin-bottom: 25px;
}
.accueil p,
.accueil p span.textBleu {
	font-size: 1em;
}
span.textBold {
	font-weight: 700;
}
span.textBleu,
span.textBleu a,
span.textBleu a:hover {
	color: #BD1A8D;
}
.adresse a:hover {
	color: #333333;
}
.zonePlan iframe {
	max-width: 100%;
}

.depuis {
	padding: 0 40px;
}
.gps p {
	margin-bottom: 30px;
}
.depuis h2,
.gps p {
	font-size: 1.063em;
	color: #BD1A8D;
	font-weight: 700;
	text-transform: uppercase;
}
.depuis p {
	font-weight: 700;
	font-size: 0.93em;
}
.page-template-contact .titre-zoneMenus {
	margin-top: 100px;
}

#mwb_gw_to_email, #mwb_gw_to_ship, #mwb_gw_to_download, #mwb_gw_message, #mwb_gw_to_name_optional, .mwb_gw_added_wrapper .mwb_gw_from_name, .mwb_gw_send_date {
	border: 1px solid #BD1A8D !important;
	cursor:pointer;
}



/******* BOUTIQUE - Page PRODUIT ********/
.woocommerce-result-count,
.woocommerce-breadcrumb,
.woocommerce-ordering,
section.related.products,
.woocommerce-Tabs-panel h2,
.product_meta{
	display: none;
}
.woocommerce-products-header {
	margin-bottom: 35px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	font-weight: 700;
	font-size: 1.5em;
	color: #BD1A8D;
	/*text-align: right;*/
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::before{
	border-bottom: 1px solid #BD1A8D !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border: 1px solid #BD1A8D;
}
.btn-outline-primary {
	color: #ffffff;
	border-color: #BD1A8D;
	background-color: #BD1A8D;
}

.woocommerce a.button {
	width: 100%;
	text-align: center;
	color: #ffffff;
	border: 1px solid #BD1A8D;
	background-color: #BD1A8D ;
	font-weight: 400;
}
.woocommerce a.button:hover {
	border: 1px solid #BD1A8D;
	color: #BD1A8D;
	background-color: #ffffff;
}
.woocommerce ul.products li.product a img {
	margin-bottom: 0;
}


.wpcf7 input[type=submit] {
	color: #BD1A8D;
	border-color: #BD1A8D;
}
h2.woocommerce-loop-product__title {
	font-weight: 700;
	font-size: 1.25em;
}
.woocommerce ul.products li.product {
	position: relative;
}
.woocommerce ul.products li.product h2 {
	text-align: center;
	position: absolute;
	bottom: 54px;
	padding: 25px 15px 60px 15px !important;
	background-color: rgba(255,255,255,0.75);
	left: auto;
	right: auto;
	width: 100%;
	font-size: 1.12em !important;
	text-transform: uppercase;
	display: block;
	color: #BD1A8D;
}
.woocommerce ul.products li.product span.price {
	position: absolute;
	bottom: 65px;
	width: 100%;
	left: auto;
	right: auto;
	text-align: center;
	font-weight: 700;
	color: #333333;
}
.woocommerce ul.products li.product a img {
	-webkit-box-shadow: 0 0 5px 3px #cccccc;
	-moz-box-shadow: 0 0 5px 3px #cccccc;
	filter:progid:DXImageTransform.Microsoft.Glow(Color=#cccccc,Strength=8);
	zoom:1;
	box-shadow: 0 0 5px 3px #cccccc;
}
/* pour IE9 et + ce hack ci-dessous peut être fait avec les commentaires conditionnels d'IE :
[if gte IE 9]*/
@media only screen{#selecteur{filter: none;}} /*Ie9+*/





/******* PANIER ********/
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	color: #FFFFFF;
	border: 1px solid #BD1A8D;
}
.woocommerce a.button.alt {
	background-color: #BD1A8D;
	border: 1px solid #BD1A8D;
}
.woocommerce a.button.alt:hover {
	color: #BD1A8D;
	background-color: transparent;
	border: 1px solid #BD1A8D;
}
.btn-outline-primary:hover,
.wpcf7 input:hover[type=submit],
.btn-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle,
.wpcf7 .show>input.dropdown-toggle[type=submit],
.wpcf7 input:not(:disabled):not(.disabled).active[type=submit],
.wpcf7 input:not(:disabled):not(.disabled):active[type=submit],
.btn-primary, .btn-primary:hover {
	color: #fff;
	background-color: #BD1A8D;
	border-color: #BD1A8D;
}
.btn-outline-primary.focus,
.btn-outline-primary:focus,
.wpcf7 input.focus[type=submit],
.wpcf7 input:focus[type=submit],
.btn-primary:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(142,188,198,.5);
	box-shadow: 0 0 0 0.2rem rgba(142,188,198,.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled,
.wpcf7 input.disabled[type=submit],
.wpcf7 input:disabled[type=submit] {
	color: #BD1A8D;
	background-color: transparent;
}
.form-control:focus,
.wpcf7 .wpcf7-validation-errors:focus,
.wpcf7 input:focus[type=color],
.wpcf7 input:focus[type=date],
.wpcf7 input:focus[type=datetime-local],
.wpcf7 input:focus[type=datetime],
.wpcf7 input:focus[type=email],
.wpcf7 input:focus[type=file],
.wpcf7 input:focus[type=month],
.wpcf7 input:focus[type=number],
.wpcf7 input:focus[type=range],
.wpcf7 input:focus[type=search],
.wpcf7 input:focus[type=submit],
.wpcf7 input:focus[type=tel],
.wpcf7 input:focus[type=text],
.wpcf7 input:focus[type=time],
.wpcf7 input:focus[type=url],
.wpcf7 input:focus[type=week],
.wpcf7 select:focus,
.wpcf7 textarea:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(142,188,198,.25);
	box-shadow: 0 0 0 0.2rem rgba(142,188,198,.25);
}
a.added_to_cart:hover {
	color: #BD1A8D;
}

.custom-select:focus {
	border-color: #BD1A8D;
	-webkit-box-shadow: 0 0 0 0.2rem rgba(142,188,198, .25);
	box-shadow: 0 0 0 0.2rem rgba(142,188,198, .25);
}

/*** VALIDATION DE COMMANDE **/
.col-1, .col-2 {
	-webkit-box-flex: 0;
	 -webkit-flex: 0 0 100%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
#order_review_heading {
	margin-top: 30px;
}
h3#order_review_heading {
	color: #BD1A8D;
	font-weight: 500;
}

body.page-template-default.woocommerce-cart .sliderHome .n2-section-smartslider {
	display: none !important;
}
body.page-template-default.woocommerce-cart .sliderHome {
	height: 5px !important;
	background-color: #BD1A8D;
}




/******* FOOTER ********/
#wrapper-footer-full {
	text-align: center;
	background-color: #BD1A8D;
}
.footer-nav ul li {
	list-style-type: none;
	margin: 0 40px;
}
.footer-nav ul {
	display: inline-flex;
}
.footer-nav ul li a {
	font-weight: 400;
	text-transform: uppercase;
	font-size: 0.938em;
	color: #FFFFFF;
	text-decoration: none;
}
.footer-nav ul li a:hover {
	text-decoration: underline;
}
.logo-footer {
	margin: 0 auto;
}
.logo-footer p,
.logo-footer a {
	font-size: 1.068em;
	font-weight: 500;
	color: #fff;
}
.logo-footer p {
	margin: 40px 0;
}
.nav-spec {
	font-size: 0.75em;
}
.conception small {
	color: #fff;
}
.conception a {
	font-size: 0.625em;
	text-transform: uppercase;
	color: #fff;
}
.conception a:hover {
	color: #ededed;
}


/******* Pages CGV - Mentions légales ************/
.page-template-default h1 {
	margin-bottom: 35px;
}
.page-template-default h3 {
	margin-top: 35px;
}

/*********** RESPONSIVE ***************/

/*// Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) {
	#presentation img {
		display: none;
	}

	#menufestif {
		margin-top: 50px;
	}
	.texteChezVous p.proposition {
		font-size: 1.15em;
	}
	.texteChezVous {
		padding-left: 20px;
		padding-right: 20px;
	}
	#triangle-code {
		margin-bottom: 0;
	}
	#chezVous, #bonCadeau {
		margin-top: 30px;
	}
	.tablepoissons h2 {
		font-size: 0.75em;
	}
	.depuis p, .depuis h2, .gps p {
		font-size: 0.75em;
	}

}

/*// Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {

	.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link:focus {
		font-size: 0.75em;
	}
	.menu-image a {
		font-size: 1.15em;
	}
	p.prixMenu {
		font-size: 1.5em
	}
	.titre-zoneMenus h2, .titre-menu h3 {
		font-size: 1.5em;
	}
	.zoneChezVous {
		top: 39px;
	}
	.texteChezVous {
		width: fit-content;
	}
	#chezVous {
		height: 300px;
	}
	.titre-menu, .zoneCompoMenu {
		padding-left: 0;
	}
	.page-template-contact .titre-zoneMenus h1 {
		font-size: 1em;
		padding: 10px;
	}
	.page-template-contact .titre-zoneMenus {
		margin-top: 0;
	}
	.separateur {
		margin: 30px auto;
	}
	.footer-nav ul {
		display: block;
		padding-left: 0;
	}
	.zonePlan {
		margin-top: 30px;
	}
	.MenuMeillerais .col-xs-12 + .col-xs-12, .MenuCloserie .col-xs-12 + .col-xs-12 {
		margin-top: 40px;
	}

}


@media (max-width: 575px) {
	header.homepage .menu-image {
		margin-bottom: 15px;
	}
}



/*// Large devices (desktops, 992px and up)*/
@media (max-width: 992px) {
	#coordonnees .accueil, .menu-enfant {
		width: initial;
	}
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}
