@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap');

/* header */
.mynav {
	background-color: white;
	margin-bottom: 0px !important
}

nav#menu {
    margin: auto;
}

.btn-outline-dark {
	border-color : #E22F32;
}

ul.menu-section {
    padding: 0.75rem;
    padding-left: 13rem;
}

.mynav i {
    color: #222;
}

.mynav i:hover {
    color: #E22F32;
}

.close-nav {
    background-color: rgb(0, 0, 0); 
    color: white; 
    text-align: center;
    font-size: 1.4em;
    border-top: solid white;
    border-bottom: solid white;
}

.menu-item a, .menu-item-has-children > a {
    font-weight: 800 !important;
    font-size: 1.4rem !important;
}

.nbr-item-badge {
    color:#fff ;
    background:#222;
}

.bg-menue {
	background-color: #E22F32;
}

.form_search {
    width: 60%;
    border: solid 0.4px;
    border-radius: 5px;
    margin-top: -98px;
    border-color: #222;
    background-color: white;
    padding: 5px;
}

.logo img {
	margin-top: 70px;
	position: inherit;
	filter: invert(0.30);
/*    margin-bottom: -45px;
    max-width: 200px;
    box-shadow: 0 0 10px rgba(0,0,0,0.6);*/
}

.header .menu-mobile-toggle span {
	background-color:#222;
}


.select_search {
    /* border: none !important; */
    /* border-right: 1px solid black; */
    display: inline-block;
    width: 20%;
    background-color: #e9e9eb;
}

.cgv-text u {
	text-decoration: underline;
}
.rgpd-text u {
	text-decoration: underline;
}

/* Fin header */


/*.col.mb-5.n-article {
    width: 25%;
}*/

.btn-outline-dark {
    border-color: #E22F32;
    color:#E22F32;
    border-radius: 5px;
    font-weight: 600;
}

.btn-outline-dark:hover {
    border-color: #fff;
    color:#fff;
    background-color: #E22F32;
    border-radius: 5px;
    font-weight: 600;
    
}

/*Home */
.welcome{
	padding-top: 1rem;
	
}


b.bg-pagination{
background-color: #E22F32;
color: #FFF;
padding: 0.1rem 0.5rem;
margin-left: 0.2rem;
}


.btn-add {
    padding: 10px 7px;
    font-size: 0.80rem;
    width: 100%;
}

.nbr-item-badge {
    color: #fff;
    background: #E22F32;
}
/* ABOUT HOME */
.intro {
    border: 2px solid #d30f05;
}

/*page produit */
.add-cart-price {
	border: solid;
	color:  #E22F32;
}

h1.titre-produit {
    font-weight: 700;
    font-size: 2.2rem;
    padding: 0px;
    margin-bottom: 0px;
    color: #E22F32;
}

.btn-outline-dark:hover{
	border-radius: 0px;
}


.header-item-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
   
}

.row-text-produit{
	display: flex;
	width: 100%;
}

.text-left-produit{
	width: 50%;
	float: left;
	direction: rtl;
    padding-right: 1rem;
}

.text-right-produit {
    /*margin-left: 2rem;*/
    width: 40%;
    float: right;
    font-weight: 600;
}

.carousel-inner img {
    min-height: 500px;
}


/*Footer */
i.bi.bi-arrow-up-circle:hover{
    font-size: 2rem;
    color: #E22F32;
}

i.bi.bi-arrow-up:hover  {
    font-size: 2rem;
    color: #E22F32;
}

i.bi.bi-arrow-up-circle-fill:hover{
    font-size: 2rem;
    color: #E22F32;
}


.footer-col.footer-right.footer-right-m.flex {
    display: contents;
}

p.float-left.up-arrowmt {
    direction: rtl;
}

.footer-left {
    border-right: none;
}

.footer-col-m.footer-col.news {
    padding-left: 5rem;
}

.bg-img-article {
	border: 1px solid #222;
	padding:10px;
	min-height: 410px;
	border-radius: 5px;
}

/* CONNEXION / INSCRIPTION */
#connexion-template1 {
    background-image: none;
    background-color: #FFF;
}
#connexion-template1 .card .card-body input:focus {
    border-color: #E22F32 !important;
}
#connexion-template1 .card .card-body button:hover {
    background-color: #E22F32;
}
#connexion-template1 .card .card-body button:hover {
    background-color: #FFF;
    border-color: #E22F32;
}
#connexion-template1 .card .card-body .password-content .password-icon:hover {
    color: #E22F32;
}

/* Admin */
.center {
    display: flex;
    justify-content: center;
}

#btn_submit{
	background-color:#E22F32;
    width: 300px;
}

.section-admin h1 {
	font-weight: 600;
	text-align: center;
}

.section-admin input.form-control {
	background-color: white !important
}

.grid-wrapper {
	--auto-grid-min-size: 16rem;
	display: grid;
	grid-gap: 2rem;
	grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Montserrat', sans-serif;
}
		
.grid-wrapper li {
    border: 2px solid;
    border-radius: 0;
    background-color: #FFFFFF;
    color: #E22F32;
    font-size: 20px;
    list-style-type: none;
    padding: 5rem 1rem;
    text-align: center;
    text-transform: capitalize;
    font-weight: 600;
    height: 200px;
}

.grid-wrapper li:hover {
	background-color: #E22F32;
	color: #FFFFFF;
	transition: all 0.2s;
}
		
.admin-menu {
	margin: 0 auto;
	max-width: 1170px;
	padding:2rem 1rem;
	margin-top: 70px;
	margin-bottom: 70px;
}

/* #menu_item .nav-link {
    font-weight: 500;
    color: var(--bs-dark);
}

#menu_item .nav-link:hover {
    background: var(--bs-light);
    color: #E22F32;
}

#menu_item.active {
    margin-left: -250px;
} */

img#img_item {
    max-width: 100px;
}

#orders {
	margin-top: 2rem;
}

span.obligatoire {
    color: red;
}

img#img_order {
    max-width: 120px;
}

/* tablette et mobile */
@media screen and (min-width: 300px) and (max-width: 767px) {
.form_search {
    width: 100%;
    margin-top: 10px;
}
.logo img {
    margin-top: -5px;
}

ul.menu-section {
    padding: 0.5rem; 
    padding-left: 2rem;
}

.menu-item a, .menu-item-has-children > a {
    font-weight: 700 !important;
    font-size: 1.2rem !important;
    padding: 0 2rem 0 0rem !important;
}

.col.mb-5.n-article {
    width: 100%;
}

.footer-col.footer-col-m.service {
    padding-left: 5rem;
}

} /*end media - tablette et mobile */



/* tablette */
/*@media screen and (max-width: 992px) {
.menu-item a, .menu-item-has-children > a {
color: #514f4f !important;
}


}/* end media*/



/* tablette*/
@media screen and (min-width: 768px) and (max-width: 992px) {
.col.mb-5.n-article {
    width: 50%;
}

.menu-item a, .menu-item-has-children > a {
color: #514f4f !important;
}

.g-lg-5, .gx-lg-5 {
    --bs-gutter-x: 1rem !important;
}


.logo img {max-width: 245px;margin-top: 30px;}

.form_search {margin-top: -60px;}

}


/* tablette*/
@media screen and (min-width: 900px) and (max-width: 1400px) {
.btn-add {
    font-size: 0.71rem;
}

}

@media (min-width: 992px) {
	.g-lg-5, .gx-lg-5 {
    --bs-gutter-x: 1rem !important;
}

}