body {
         font-family: "hardcover-vf", sans-serif;
		font-variation-settings: "wght" 300;
			background-color: #600d0d;
	 letter-spacing: 0.5px;
        }

h1, h1.text-body-emphasis, .bg-body-tertiary h1 {           
    font-variation-settings: "wght" 600;
    font-style: normal;
    color: #a56615;   
    text-align: center;
}

.titre-centre {
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: auto;
    transform: translate(-50%, -50%);
    width: 90%;
    padding: 0;
    text-align: center;
}

.titre-centre h1 {
    font-variation-settings: "wght" 600;
	color:#fff;
   font-size:65px;
	 text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
h3{
  font-weight: 400; 
    color:#862826;
	 font-variation-settings: "wght" 600;
     text-align: center;
}
p, ul li{
    font-variation-settings: "wght" 400;
    font-style: normal; 
    color:#333;
    text-align: center;
	font-size:16px;
}

strong{
    font-variation-settings: "wght" 800;
}


#header{
    background-color:#490c04; 
    padding-bottom:0px;
    margin-bottom:0px;
	border-bottom: 2px solid #a56615; 
}

#header img.logo{
    float: left;
    margin-right:20px;
    margin-top:10px;
   margin-bottom:-10px;
    width:180px;
}
#header h2{
    padding-top:30px;
	 margin-bottom:-10px;
    font-size:20px;
    font-weight:800; 
    line-height: 25px;
    color:#f9f1e8;
}
#header h2 span{
   font-variation-settings: 'wght' 600;
    color: #a56615;  
    font-size:18px;
	text-transform: uppercase;
}


a.nav-link {

  font-variation-settings: 'wght' 400;
letter-spacing: 1px;
    font-size:18px;
    margin-left:10px;
	color:#f9f1e8;
}

#header .btn-primary{
    background-color:#a56615;  
    border-color: #a56615; 
    padding-bottom:0px;
    margin-right:20px;
}
#header .btn-primary .badge { color: #a56615; }
#header .navbar-toggler {
    border-color: #a56615;  
}
#pt{
    display:none;
    visibility: hidden;
}
@media (max-width: 1280px) { 
	 #header .container-fluid{
        width:1500px;
    }
	#header h2{ display:none; visibility: hidden; }
	#header img.logo{ padding-bottom:20px; }
}

@media (max-width: 990px){
	#pt{
        display:block;
        visibility:visible;
    }
    #pt img.logo{ width:100px; margin-right:10px; margin-top:2px; }

    #gd{
        display:none;
        visibility: hidden;
    }
    #pt form {
        margin-left:80px;
    }
     #pt .navbar-toggler {
        margin:0px;
    }
}
@media (max-width: 389px) { 
    #pt form {
        margin-left:60px;
    }
}

#menu_gd {
    margin:0px auto;  
}
#menu_gd ul{
    text-align: right;
    margin:0px auto;
}
@media (max-width: 1112) { 
    #menu_gd ul{
        width:70%;
        
    }
}

#menu_gd form#panier_gd{   
    display:inline-block;
}
nav a.nav-link{
    padding:4px 0px 4px 0px;
    border-radius:4px;
	
}
nav a.nav-link:hover{
    background-color:#862826;  
}
nav a.active{
    border-bottom:2px solid #a56615;
	 font-variation-settings: 'wght' 800;
}
nav .dropdown-menu{
   background-color:#862826; 
    padding-top:0px;
    padding-bottom:0px;
}
nav .dropdown-menu li {
    text-align: left; 
}
nav .dropdown-menu li a {
    color:#f9f1e8;
      font-variation-settings: 'wght' 600;
     border-radius:4px;
	font-size:16px;
	 padding:8px 5px 8px 15px;
}
nav .dropdown-menu li a.active {
	background-color:#a56615;
}
@media (max-width: 991.98px) {
    nav li.nav-item a{
        padding-left:10px;
    }
    nav .dropdown-menu{
      margin-left:20px; 
    }
}
.fil {
    margin-top:25px;
    margin-bottom: 30px;
  color:#f9f1e8;
    border-radius:8px; 
    padding-bottom: 0px;
    text-align:right;
}
.fil ol.breadcrumb{
    padding:5px 10px 3px 10px;
    margin-right:0px;
    margin-bottom: 0px;
    display:inline-block;
}
.fil ol.breadcrumb li{
    color: #f9f1e8;  
	 font-variation-settings: 'wght' 800;
    display:inline-block;
}
.fil ol.breadcrumb li a{
   font-variation-settings: 'wght' 400;
    text-decoration: none;
    color: #f9f1e8;
}
.fil ol.breadcrumb li a:hover{
  
    color: #ffc3ce;
}
.interieur h1{
    text-align:left;
    font-size:26px;
	 margin-bottom:20px;
}
.interieur h2{
    font-size:20px;
    font-weight: 400;
    color: #862826;
     margin-bottom:15px;
}
h5.tit{
    display:block;
    margin-top:-80px;
    text-align: center;
}
h5.tit a {
    font-size:40px;
     color:#f9f1e8;
      font-variation-settings: 'wght' 600;
    text-decoration: none;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    
}
.trait p, .trait ul li{
	text-align:left;
}
.trait ul {
	margin-top:-15px;
}
.trait li ul {
	margin-top:0px;
}
.trait h2{
	    font-variation-settings: 'wght' 600;
    font-style: normal;
    color: #a56615;   
    text-align: left;
}
.trait h3{
	     font-variation-settings: 'wght' 600;
    font-style: normal;
    color: #862826;   
    text-align: left;
	font-size:16px;
}
.img-thumbnail{
    margin-bottom:10px;
}

.interieur p{
   font-size:14px;
    text-align: left;
}
a{
	color:#862826;
	    font-variation-settings: 'wght' 600;
}
.menu-image .image-bandeau {
    width: 100%;
    height: auto;
	border:1px solid #fff;
	border-radius: 5px;
}


.menu-image .titre-centre {
    position: relative;
    top: -29%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    text-align: center;
}
.menu-image .titre-centre h1 { text-align: center; }
.menu-image .titre-centre h1 a{
    color: white;
    font-size: 3rem;
    font-weight: bold;
    text-shadow: 2px 2px 5px #000;
    margin: 0;
	text-decoration: none;
}

.album{

	color:#fff;
}
 .acc{
	
  	border:1px solid #a56615;
	padding:20px;
	padding-bottom:0px;
	background-color: #fff;
}

.acc .btn-primary .fa-solid{
	padding-top:7px;
	padding-left:10px;
}
.commande h2, .traiteur h2, .acc h2{
    font-size:40px;
	line-height: 40px;
	 font-variation-settings: 'wght' 600;
	 text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	color:#fff;
	text-align: center;
	padding:130px 0px 30px 0px; 
}


.commande{
	background-image: url("../../images/ph-commande.jpg");
	background-position: center;
	height:400px;
}
.traiteur{
	background-image: url("../../images/cadre-traiteur.jpg");
	background-position: center;
	height:400px;
}
.elevage{
	background-image: url("../../images/elevage1.jpg");
	background-position: center;
	height:400px;
}
.distri{
	background-image: url("../../images/distri-vise.jpg");
	background-position: center;
	background-size: auto 100%;
	height:400px;
}
strong{
	 font-variation-settings: 'wght' 600;
}
.album p{
    text-align:left;
  font-size:18px;  
}
.btn-primary {
    background-color: #862826; 
    border-color:#862826;
	font-size:22px;
	letter-spacing: 0.5px
}

.btn-primary:hover {
     background-color: #a56615; 
    border-color:#a56615;
}
.btn-primary:hover a, .btn-primary:hover a:hover, .btn-primary:hover fa{
    color: #a56615; 
}
.btn-outline-secondary{
	border-color: #a56615;

}
.btn-outline-secondary:hover{
 background-color: #862826; 
	border-color: #862826;
}
.bg-body-tertiary{
    margin-top:-47px;
}
.bg-body-tertiary .fa-solid{
    margin-left:10px;
}
.bg-body-tertiary p {
	font-size:18px;

}
.card {
    margin-bottom:20px;
}
.card .card-header{
    background-color:#862826;
    color:#fff;
    font-weight:800;
}
.card-body h2, h2{
    font-size:18px;
	 font-variation-settings: 'wght' 600;
    line-height: 15px;
    color:#ad2942;
}
.acc .card h3{
	 font-size:18px;
	 font-variation-settings: 'wght' 600;
    line-height: 15px;
    color:#ad2942;
}
.card-body p{
    font-size:14px;
    line-height: 14px;
    text-align: left;
}
.card-body .badge{
    margin-top:0px;
    margin-bottom:0px;
}
.btn-rose {
    background-color: #a56615;    
}
.bg-coeur{
     border:1px solid #a56615;
     border-radius:15px;
    padding:10px 15px;
     background-color: #ad2942; 
    margin-bottom:20px;
}
.bg-coeur h1{
    color:#fff;
    padding:10px;
}

.bg-promo{
     padding:10px 15px;
}
.badge-prix, .badge-cate, .card-body span.badge-cate{
    font-size:14px;
    font-style:italic;
     background-color: #a56615; 
    border-color:#a56615;
    padding:5px 7px 3px 7px;
    color:#fff;
    border-radius:5px;
}
.badge-cate, .card-body span.badge-cate{
    display: inline-block;
    font-style:normal;
    background-color: #862826; 
    border-color:#862826;
    font-weight: 800;
	 padding:9px 7px 6px 8px;
	margin-right:5px;
}
.badge-cate a, .badge-prix  a{
    color:#fff;
    font-weight: 800;
    text-decoration: none;
}
a.icon{
    color:#a56615;
    margin:10px;
}
.panier{
    padding:30px;
	background-color: #fff;
	margin-bottom:20px;
}
.panier h1{
    margin-top: 10px;
    margin-bottom: 40px;
	color: #611c17; 
}
.panier p{
    font-size:16px;
}
.info-pers{
    background-color: #f8f9fa;
    padding:20px;
    border-radius: 15px;
	margin-bottom:20px;
}
.info-pers h2{
     margin-top:15px;
}
.info-pers p{
    text-align: left;
    font-size:16px;
}
.info-pers form{
    margin:10px;
}
.info-pers input {
    margin-bottom:10px;
}
.info-pers label{
	color:#862826;
}
.panier-recap{
	color: #862826;
	padding-bottom:10px;
	border-bottom: 1px solid #862826;
}
.menu-panier ul.pagination li.page-item a{
	color:#862826;
	border-color:#862826;
	padding-bottom: 4px;
	font-size:20px;
	 font-variation-settings: 'wght' 600;
	
}
.menu-panier ul.pagination li.page-item a.active{
	background-color:#862826;
	color:#fff;
	border-color:#862826;
	 font-variation-settings: 'wght' 600;
}
.menu-panier ul.pagination li.page-item a.ss{
	background-color:#a56615;
	color:#fff;
	border-color:#600d0d;
	 font-variation-settings: 'wght' 600;
}
p.mess{
	color:#fff;
text-align: center;
}
#footer .footer-content{
    background-color: #490c04; 
    color:#f9f1e8;
    padding:20px;
    margin-top:30px;
    border-top:3px solid #a56615;
}
#footer img.logo{
    width:80%; 
    margin-right:20px;
    margin-bottom:10px;
    margin-top:-20px;
}
#footer h1{
    color:#f9f1e8;
    text-align: center;
    font-size:24px;
    line-height: 26px;
    letter-spacing: 1px;
}
#footer h2{
	 font-variation-settings: 'wght' 600;
    color: #a56615;  
	text-transform: uppercase;
	 font-size:18px;
    line-height: 20px;
	 text-align: center;
	margin-bottom: 20px;
}
#footer h1 span{
    color:#a56615;
    font-size:20px;
}
#footer p{
    clear: both;
    color:#f9f1e8;
    font-size:16px;
    text-align:left;
}
 p span.block-fa {
	display:inline-block;

}

 i.fa{
	padding-top:2px;
    margin-right:15px;
	display:inline-block;
	float: left;
	
}
#footer .btn-primary{
    margin-bottom:10px;
}
#footer h4{
    padding:10px;
    margin:5px 20px 0px 20px;
     font-size:16px;
     letter-spacing: 1px;
    text-align: center;
    border-bottom :1px solid #a56615;
}
#footer h4 a{
    color:#f9f1e8;
    text-decoration: none;
} 
#footer h4.ss{
     border-bottom :none;
}
#footer h4 a:hover{
    font-weight: 800;
}
#footer .footer-legal{
    background-color:#600d0d; 
 color:#f9f1e8;
    padding:20px;  
}
#footer .social-links a{
    display: inline-block;
    color:#f9f1e8;
    margin-right:15px;
    padding:10px;
    text-align: center;
}

#footer .bi{
	fill:#f9f1e8;
	margin-top:-30px;
}
#footer .bi:hover{
	 background-color: transparent;
	color:hotpink;
	fill:#a56615;
}

@media (max-width: 389px) { 
   #footer p, #footer h1{
       text-align:center;
    } 
    #footer img.logo{
        margin-top:-20px;
        padding-left:50px;
    }   
}