/* ORANGE D8822B */
/* VERT BFD14B */
/* GRIS F 212529 */


/* HTML */
@font-face {
 font-family: "Avenir Next";
 src: url("../fonts/AvenirNextLTPro-Regular.otf") format("opentype");
}


html, body {padding: 0; margin: 0;}

.container {max-width: 1250px;}

body {font-family: "Avenir Next", Helvetica, Arial, 'sans-serif'; font-weight: normal; font-size: 1rem; background-color: #EFEFEF;}
.noPadding {padding: 0;}
.noMargin {margin: 0;}

.bggreen {background-color: #BFD14B;}
.bg2 {background-color: #E2E583;}
.bg4 {background-color: #ffffff;}

a, button, p.link {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
    transition: all 0.2s;
	transition-timing-function: ease-in;
	cursor: pointer;
	outline: none;
}

header .bggreen {padding: 5px 0;}
a:link, a:visited {color: #212529; text-decoration: none;}
a:hover, a:active {color: #D8822B;}

button:focus {outline: none;}
p {line-height: 20px; color: #000000;}
b, strong {
    font-weight: 600;
}

h1 {color: #D8822B; font-size: 1.5rem; font-family: "Avenir Next", sans-serif; font-weight: 400;}
h2 {color: #212529; font-size: 1.25rem; font-weight: 500;}
h3 {color: #D8822B; font-size: 1.15rem; font-weight: 600; border-bottom: 1px solid #8c8f90;}
.produit h2 {padding: 15px 0; border-top: 1px solid #212529;}
.produit h3 {margin-top: 50px;}
.BAS ul {margin-top: -15px;}
.produitInfos {margin: 100px auto;}
.produitInfos2 {margin: 100px auto 25px;}

.cV {color: #BFD14B; font-size: 2rem;}
.drapeauFR {width: 150px; height: 5px; text-align: center; display: inline-block;}
.drapeauFR .c1, .drapeauFR .c2, .drapeauFR .c3 {width: 33%; display: inline-block; height: 100%;}
.drapeauFR .c1 {background-color: #313989;}
.drapeauFR .c2 {background-color: #FFFFFF;}
.drapeauFR .c3 {background-color: #bb2f3c;}


#section1, #section2, #section3, #section4, #section5, #section6 {padding-top: 125px; padding-bottom: 125px;}
#section6 {padding-bottom: 25px;}
#section1 h1, #section2 h1, #section3 h1, #section4 h1, #section5 h1, #section6 h1 {margin-top: 25px;}
#section1 h2, #section2 h2, #section3 h2, #section4 h2, #section5 h2, #section6 h2 {margin-top: 50px;}

ul#breadcrumb {list-style: none; margin-bottom: 0;}
ul#breadcrumb li {display: inline; font-size: 10px; margin-left: 5px;}
ul#breadcrumb li::after {content: "/"; margin-left: 5px;}
ul#breadcrumb li:last-child::after {content: "";}

.MT25 {margin-top: 25px;}
.MTB50 {margin-top: 50px; margin-bottom: 50px;}
.MTB100 {margin-top: 100px; margin-bottom: 100px;}
.MT100 {margin-top: 100px;}
.PTB75 {padding-top: 75px; padding-bottom: 75px;}

.MT50 {margin-top: 50px;}
.MT50TEXT {margin-top: 50px;}
.MBI0 {margin-bottom: 0!important;}
.listHome h3 {margin-top: 50px;}

.MW70 {max-width: 70px;}
.MW115 {max-width: 115px;}

.produit .textProd {margin-top: 75px;}
.listHome h3 {border-bottom: none;}

.mmGamme, .mmGamme2 {background-color: #EFEFEF; padding-top: 50px; padding-bottom: 50px;}
.mmGamme2 {margin-top: 0px;}
.mmGamme h1, .mmGamme2 h1 {color: #BFD14B; margin-bottom: 0; font-size: 1.75rem;}
.mmGamme p.like, .mmGamme2 p.like {margin-bottom:50px;}

.autresProduits img.img-fluid.mx-auto.d-block {text-align: center; max-width: 225px!important;}
.autresProduits h5 {font-size: 1.15rem; padding-top: 15px; padding-bottom: 5px;}
.autresProduits h5, .autresProduits h6, .autresProduits p {text-align: center; margin: 0;}
.autresProduits h6 {font-weight: normal;}
.autresProduits p {line-height: 20px;}
.autresProduits p.link {padding-top: 15px;}
.autresProduits a:hover p.link {color: #D8822B;}



#carouselHome {margin-bottom: 100px;}
#carouselHome h1 {text-shadow: 1px 1px 2px #212529; font-size: 1.75rem;}
#carouselHome h2 {text-shadow: 0px 0px 1px #212529; font-size: 1.4rem;}
#carouselHome h1 {color: #FFFFFF;}

#carouselHome .carousel-indicators li {width: 70px; height: 4px;}

#carouselHome .carousel-indicators {bottom: 3px;}


.contactBotVierge {padding: 100px; margin-bottom: 100px; border-bottom: 5px solid #BFD14B;}
.contactBot.contactBot0, .contactBotVierge.contactBotVierge0 {
	background-image: url('../../../medias/bg/contactBot0.jpg');
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.contactBot.contactBot0, .contactBotVierge.contactBotVierge0 {
	background-image: url('../../../medias/bg/contactBot0.jpg');
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.contactBot.contactBot1, .contactBotVierge.contactBotVierge1 {
	background-image: url('../../../medias/bg/contactBot1.jpg');
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.contactBot.contactBot2, .contactBotVierge.contactBotVierge2 {
	background-image: url('../../../medias/bg/contactBot2.jpg');
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.contactBot.contactBot3, .contactBotVierge.contactBotVierge3 {
	padding: 85px;
	background-image: url('../../../medias/bg/contactBot3.jpg');
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.contactBot.contactBot4, .contactBotVierge.contactBotVierge4 {
	padding: 120px;
	background-image: url('../../../medias/bg/contactBot4.jpg');
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-bottom: none;
}
.contactBot.contactBot5, .contactBotVierge.contactBotVierge5 {
	padding: 120px;
	background-image: url('../../../medias/bg/contactBot5.jpg');
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-bottom: none;
}
.contactBot .contactBotText {background-color: rgba(255, 255, 255, .5); padding: 50px; display: inline-block; margin: 50px auto;}

.contactBot .contactBotText a:link, .contactBot .contactBotText a:visited {margin-top: 25px; border: 1px solid #D8822B; background-color: transparent; padding: 7px 10px; display: inline-block;}
.contactBot .contactBotText a:hover, .contactBot .contactBotText a:focus {border: 1px solid #212529; background-color: #212529;}

.introCat, .introSupCat {margin-bottom: 50px;}
.introCat h1, .introSupCat h1 {font-size: 1.75rem;}
.introSupCat h1 {color: #BFD14B;}

.listProdBrut, .listProdHV {padding-top: 45px; padding-bottom: 45px;}
.listProdHV2, .profilsSpec2, .gochan {padding-bottom: 25px;}
/*.listProdHV2 p, .profilsSpec2 p {line-height: px;}*/

.listeHVProd, .profilsSpec {background-color: #EFEFEF;; padding-top: 25px;}

.profilsSpec p {text-align: center;}

.listProdBrut a:link,.listProdBrut a:visited, .listProdHV a:link,.listProdHV a:visited {text-align: right; color: #BFD14B; text-decoration: none; display: block; margin-top: 50px;}
.listProdHV a:link,.listProdHV a:visited {text-align: right; margin-top: 15px;}
.listProdBrut a:hover,.listProdBrut a:focus,.listProdHV a:hover,.listProdHV a:focus {color: #212529;}

.listProdSsCat h2 {font-size: 1.25rem; font-family: AvantGarde-demi;}
.listProdSsCat .listProdHV h2 {margin-top: 15px;}
.listProdSsCat h3 {color: #BFD14B; font-weight: 450; border-bottom: none; font-style: italic; line-height: 1.6;}

.listProdSsCat .listProdHV h3 {color: #BFD14B; font-weight: 400; border-bottom: none; font-style: italic; line-height: 1.4;}

.article.autresProduits {padding-top: 50px; padding-bottom: 50px;}

a.prodPlusInfos:link {color: #D8822B; text-decoration: none; margin-top: 25px; font-weight: 500;}
a.prodPlusInfos:hover, a.prodPlusInfos:focus {color: #212529;}

footer {font-size: 0.95rem; background-color: #212529;}
footer .drapeau div {height: 10px;}
footer .drapeau .bleu {background-color: #313989;}
footer .drapeau .blanc {background-color: #FFFFFF;}
footer .drapeau .rouge {background-color: #bb2f3c;}
footer .container {padding-top: 35px;}


footer h3 {font-size: 1.2rem; color: #BFD14B; border: none; margin-bottom: 50px;}
footer h5 {color: #D8822B; margin-bottom: 0; font-size: 1.10rem}

footer ul {padding: 0; margin-bottom: 0;}
footer li {list-style: none; color: #FFFFFF;}
footer p, footer a, footer a:link, footer a:visited, footer button {color: #ffffff; line-height: 20px;}
footer p span, .contactContact p span {color: #D8822B; font-size: 1.10rem;}
footer a:hover, footer button:hover {color: #D8822B; text-decoration: none;}
footer .society {text-align: right;}
footer .society p {margin-top: 15px;}
footer .society img {max-width: 270px;}

footer ul ul li {margin-left: 20px;}

footer .copyright {font-size: 12px; color: #EFEFEF; margin-top: 35px; margin-bottom: 15px;}


header .nav-link, footer .nav-link {padding: .4rem 0rem;}


.certification img {margin: 15px;}
.vertiBot {vertical-align: bottom;}

.contactForm {padding-bottom: 50px;}
.contactContact a:hover {color: #D8822B; text-decoration: none;}

.carousel-indicators {bottom: -40px;}
.carousel-indicators li {
    background-color: #BFD14B;
    border: 1px solid #BFD14B;
    border-radius: 0;
    width: 60px;
    height: 60px;
}

form#contact input, form#contact textarea {width: 100%; margin-bottom: 10px; border-radius: 0; outline: none; border: 1px solid #212529; color: #212529; padding: 10px; background-color: transparent;}

form#contact input:focus, form#contact textarea:focus {border: 1px solid #D8822B;}


form#contact input::placeholder, form#contact textarea::placeholder {color: #212529;}
form#contact button.g-recaptcha {
    background-color: #BFD14B;
    padding: 10px 24px;
    border: 0px solid #212529;
    font-size: 14px;
	color: #212529;
	transition: all 0.25s ease-in;
}
form#contact button.g-recaptcha:hover, form#contact button.g-recaptcha:focus {
    background-color: #D8822B;
	color: #ffffff;
}







/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}	
/* ============ desktop view .end// ============ */





.navbar .dropdown-menu, .navbar.bggreen .dropdown-menu {
	font-size: 14px;
border-radius: 0;
border: none;
background-color: #EFEFEF;
}

.bgblack {background-color: #212529;}

#main_nav ul.navbar-nav {margin-left: auto;}

.navbar-dark .navbar-nav a.nav-link:link, .navbar-nav a.nav-link:link {
    color: #FFFFFF!important;
	font-size: 0.90rem;
}
.navbar-dark .navbar-nav a.nav-link:hover, .navbar-dark .navbar-nav a.nav-link:focus, .navbar-nav a.nav-link:hover, .navbar-nav a.nav-link:focus {
    color: #D8822B!important;
}
.navbar.bggreen a {
	font-size: 14px;
}


@media only screen and (max-width:768px) {
.contactBot.contactBot3, .contactBotVierge.contactBotVierge3 {
	padding: 0px;
	background-image: url('../../../medias/bg/contactBot3.jpg');
	background-position: right center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#carouselHome {
    margin-bottom: 25px;
}
	.MTB100 {
    margin-top: 15px;
    margin-bottom: 55px;
}
	.PTB75 {
    padding-top: 45px;
    padding-bottom: 45px;
}
}