/*********************** GENERAL ***********************/
* {font-family: "Open Sans"; transition: all 0.5s;}
@media (min-width: 1200px) {.container { max-width: 1300px;}}
h1 {background:#98B13D; padding:8px; color:#fff; font-size: 18px; text-transform: uppercase;font-weight: 800;    margin: 0;}
h2 {font-family: "Open Sans Condensed"; font-weight:700; text-transform: uppercase; color:#5b5c43; border-bottom: 1px solid; padding-bottom:5px}
h2 .nb-produits{font-size: 20px}
h2.simple {border-bottom: none}
h3 {font-family: "Open Sans Condensed"; text-transform: uppercase;font-size: 25px;}
h4 {font-size:20px; font-weight: 700;text-transform: uppercase;color:#333}
.bg-vert {background:#98B13D; color:#fff}

.btn:focus {box-shadow: none!important}
button:focus {outline: 0 !important;}
.btn.btn-send {border-radius: 0; background:#063C1C; color:#fff; padding:8px 20px; margin-top:20px; border:none}
.row.center {align-items: center;}
.col-center {display: flex; align-items: center;justify-content: flex-end;}
/*********************** HEADER ***********************/
.topnav {background:rgba(0,0,0,0.5); position:absolute; top:0; z-index:1000; width:100%; padding:10px; color:#fff}
.topnav .content {justify-content: space-between; align-items: center;}
.topnav .content span {font-size: 13px}

.header {background:url('../img/background.jpg'); display: flex; justify-content: center;align-items: center; position:relative; z-index:100;padding: 60px 60px 40px 60px;}
.header img {margin: 0 auto; display: flex;position:relative; z-index:500;}
.header .overlay {background:#98B13D; position: absolute;z-index:100;width:100%; height:100%; top:0; left:0; opacity:0.2}

/*********************** HOMEPAGE ***********************/
.breadcrumb{background-color:#98B13D; border-radius: 0}
.breadcrumb a{color:#fff; font-family: "Open Sans"; font-size: 15px; text-transform: uppercase}
.breadcrumb a:hover {text-decoration: none}
.breadcrumb a:not(:last-child):after {content:"|"; padding:0 10px}
.breadcrumb a:last-child {font-weight: 600}

.modal.plans span.titre {text-transform: uppercase; background:#98B13D; padding:10px 20px; font-weight: 700; color:#fff}
.modal.plans .modal-dialog {min-width:900px}
.modal.plans .modal-body {max-height: 500px;overflow: auto;}
.modal.plans .modal-body img {margin: 0 auto;display: block;}

#categories {background:#2C533A; padding:30px}
#categories .bloc {    border: 1px solid #fff;position:relative;background: #8B9443;height:100px; width:100%; margin: 10px 0; display:flex; justify-content: center; flex-direction: column; align-items: center;
-webkit-box-shadow: 7px 9px 10px -9px rgba(0,0,0,0.25);-moz-box-shadow: 7px 9px 10px -9px rgba(0,0,0,0.25);box-shadow: 7px 9px 10px -9px rgba(0,0,0,0.25);}
#categories .bloc:hover {text-decoration: none;-webkit-box-shadow: 7px 9px 10px -9px rgba(0,0,0,0.45);-moz-box-shadow: 7px 9px 10px -9px rgba(0,0,0,0.45);box-shadow: 7px 9px 10px -9px rgba(0,0,0,0.45);background-size: contain}
#categories .bloc span {color:#f4f4f4; font-weight: 700; text-transform: uppercase;font-family: "Open Sans Condensed"; font-size: 18px; position:absolute; bottom: 15px;     line-height: 1.2;text-align: center;}
#categories .bloc.sanglier {background:url('../img/sanglier-button.jpg') center no-repeat; background-size: cover;} 
#categories .bloc.cheval {background:url('../img/cheval-button.jpg') center no-repeat; background-size: cover;} 
#categories .bloc.chasse {background:url('../img/gibier-button.jpg') center no-repeat; background-size: cover;} 
#categories .bloc.produits {background:url('../img/produits-button.jpg') center no-repeat; background-size: cover;} 
#categories .bloc.accessoires {background:url('../img/accessoires-button.jpg') center no-repeat; background-size: cover;} 
#categories .bloc.cloture {background:url('../img/cloture-button.jpg') center no-repeat; background-size: cover;} 
#categories .bloc.succursale {background:url('../img/succursale-button.jpg') center no-repeat; background-size: cover;} 
#categories .bloc.batterie {background:url('../img/batterie-button.jpg') center no-repeat; background-size: cover;;} 
/*#categories .bloc .overlay {background: rgba(0,0,0,0.2);position: absolute;width: 100%;height: 100px;}*/

#produits {padding: 30px;}
.colonne-infos .bloc-info ul.liste  {list-style: none; margin:0; padding:0; border: 1px solid #b4af9d; padding:15px; background:#fff}
.colonne-infos .bloc-info ul.liste #plans-montage,
.colonne-infos .bloc-info ul.liste #attestations{cursor: pointer; font-weight:700}
.colonne-infos .bloc-info ul.liste #plans-montage:after,
.colonne-infos .bloc-info ul.liste #attestations:after {content:"\e901"; font-family: "Icomoon"; margin-left:10px; font-size: 12px;}
.colonne-infos .bloc-info ul.liste .plans-montage,
.colonne-infos .bloc-info ul.liste .attestations {visibility: visible;opacity: 1;height:auto; display:block;list-style: none;}
.colonne-infos .bloc-info ul.liste .plans-montage.invisible,
.colonne-infos .bloc-info ul.liste .attestations.invisible {visibility: hidden;opacity: 0;height:0px}
.colonne-infos .bloc-info ul.liste li, #produits .colonne-infos .bloc-info ul.liste li a  {color:#2C533A; text-transform: uppercase; font-size:14px;line-height: 1.7}
.colonne-infos .bloc-info ul.liste>ul>li a {text-transform: initial !important;font-size:13px !important}
.colonne-infos .bloc-info ul.liste .plans-montage,
.colonne-infos .bloc-info ul.liste .attestations li a {font-size: 12px}
.colonne-infos .bloc-info.texte {background:#063C1C; padding:20px; margin-bottom:20px; color:#fff}
.certification {width:100%; margin-top:20px;margin-bottom: 20px}
.colonne-infos .bloc-info .img-info {width:70%; margin-top:10px;}

/*** Sélection produits ***/
#produits .produit {display: flex; flex-direction: column; border: 1px solid #c3c3c3; color:#333; margin: 10px 0}
#produits .produit img {object-fit: contain; height:230px;width: 95%;
    margin: 0 auto;}
#produits .produit:hover {text-decoration: none; box-shadow: 7px 9px 10px -9px rgba(0,0,0,0.3);}
#produits .produit .img-produit {object-fit: contain;width: 100%; height: 200px;padding: 20px;}
#produits .produit .infos-produit {display: flex; flex-direction: column;background:#f1f1f1; padding:20px;min-height: 170px; margin: 01px;}
#produits .produit .infos-produit .titre {font-family:"Open Sans Condensed";font-weight: 700; text-transform: uppercase; font-size: 19px; color: #5b5c43;line-height: 1.2}
#produits .produit .infos-produit .ref {font-style: italic; }
#produits .produit .infos-produit .prix-promo {display:flex; align-self: flex-end; font-weight: 400; font-size: 15px;text-decoration: line-through}
#produits .produit .infos-produit .prix {display:flex; align-self: flex-end; font-weight: 600; font-size: 18px;}
#produits .produit .infos-produit .prix.highlight {color:#CC0404}
#produits .produit .more {color:#fff; display:flex; justify-content: center; background: #2C533A; padding:10px; text-transform: uppercase; font-size: 14px; font-weight: 300}
#produits .produit .more::before {content:"\e902"; font-family: "Icomoon"; font-weight: 400; margin-right:8px}
#produits .catalogue-pagination {float:right; margin-top:20px;}
#produits .catalogue-pagination .page-link {background: #063C1C;color: #fff;border: none;border-radius: 0;display: flex;justify-content: center;align-items: center;height: 30px;width: 30px;}
#produits .catalogue-pagination .page-item.active .page-link, #produits .catalogue-pagination .page-item.active .page-link:hover {background:#2C533A}
#produits .catalogue-pagination .page-link.control {background: #fff;color: #333; margin: 0 5px;}
.page-link:focus {box-shadow: none; outline:0}

/*********************** PAGES STATIQUES ***********************/
.page-int {padding: 30px;}
.page-int .bloc-texte, .page-int .bloc-img {margin-top:20px}
.page-int .bloc-texte span.sous-titre {font-weight: 900;font-size: 22px; margin-bottom: 10px; display: inline-block }
.page-int .bloc-texte.conditions span.sous-titre { margin-bottom: 20px; margin-top: 20px  }
.page-int .bloc-texte .highlight {color:#98B13D;font-weight: 700}
.page-int .bloc-texte a {color:#98B13D; font-weight: 700}
.page-int .liste {list-style: none}
.page-int .liste li::before {content:"\e907"; font-family: "Icomoon"; font-weight: 700; font-size: 10px; margin-right:12px; color:#98B13D}

.page-int.succursale {padding: 30px 0px}
.page-int.succursale .bloc {display: flex; align-items:center;flex-direction: column;justify-content:center; min-height: 160px;}
.page-int.succursale .bloc p {margin-bottom: 0;text-align: center;}
.page-int.succursale .bloc .titre {font-weight: 700; text-transform: uppercase;display:block; margin-bottom: 10px;}

.page-int.contact .contact-infos {display: flex; flex-direction: column; margin-bottom: 30px}
.page-int.contact .contact-infos .titre {font-weight: 700; color:#98B13D; font-size:20px}
.page-int.contact form {margin-top:30px}
.page-int.contact .form-control {border-radius: 0}
.page-int.contact form .btn {background:#666; color:#fff; padding:15px 20px; border-radius:0; text-transform: uppercase; font-size: 14px; font-weight: 800}
.page-int.contact form .btn:hover {background:#555; }

/*********************** FOOTER ***********************/
footer {background:#2C533A; display: flex; justify-content: center;align-items: center; padding: 80px; position:relative; z-index:100}
footer p, footer span {color:#fff}
footer .footer-navigation {display: flex; flex-direction: column;}
footer .footer-navigation a {color:#fff;margin:5px 0}
footer .footer-navigation a:hover {text-decoration: none}
footer .footer-navigation a:before {content:"\e907"; font-family: "Icomoon"; font-weight: 400; font-size: 10px; margin-right:12px}
.foot-infos {background:#333; padding:20px; color:#fff}
.foot-infos p {font-size: 14px; margin:0; text-align: center}
.foot-infos p.copy {margin-top:20px;text-align: center}
.foot-infos a  {color:#f1f1f1; text-decoration: underline}

/*** FORMULAIREW ***/
form input {border-radius: 0 !important}
form input::placeholder {font-size:15px !important}
form input:focus {border: 1px solid #ced4da!important;box-shadow: none;}
.form-group.inline {display: flex; flex-direction: row}