body{

	background-color:#F6F1EB;

}

#home{

	background-color:white;

	background-size:contain;

	background-repeat: no-repeat;

	text-align:center;

	/*height:70px;*/

	border:none!important;

	padding-bottom:10px;

}

.btn-custom, li{

	border-radius:0!important;

}

.txt-camel{

	color : #BC955F;

}

input.form-control.ville{

	background-color:transparent !important;

	border:none;

}

.badge-camel,.btn-camel{

	background-color:#BC955F;

	border-color:#BC955F;

	color:white!important;

}

.btn-camel:hover{

	background-color:#8E7149;

	border-color:#8E7149;

	color:white;

}

#popup{

	z-index:9;

}

li.list-group-item.active{

	border-radius:0;

	border:none;

}

img{

	background-color:white;
}

nav{

	margin-bottom:5px;

}

.bg-cream{

	background-color:#FCF8F5;

}

.div-white{

	background-color:white;

}

.list-group-item{

	border:none;

}

.list-group ul:first-child{

	border-top:0;

}

.list-group ul:last-child{

	border-bottom:0;

}

.list-group-item:not(.active){

	font-size:0.9em;

}

.list-group ul{

	padding:0;

	border-top:1px solid lightgrey;

	border-bottom:1px solid lightgrey;

}

li.disabled{

	color:#BC955F!important;

}

.list-group li.active,ul.pagination li.active{

	background-color:#BC955F !important;

}

.row{

	margin-bottom:15px;

}

button{

	outline:0!important;

}

.container{

	margin-bottom:40px;

}

span.price{

	color:black;

	padding:0!important;

}

span.price .blue{

	color:#007BFF;

}

div.article{

	display:inherit!important;

	margin-bottom:30px!important;

}

article h5.article-title{

	height:2.5em;

	color:black;

	padding-top: 5px;

}

article[new]{

	border: 4px solid #BC955F;

}

article[new]::before{

	content: 'NEW';

    position: absolute;

    margin-top: -12px;

    margin-left: -36px;

    color: white;

    background-color: #BC955F;

    padding: 4px;

    transform: rotate(-14deg);

}

dfn h5,dfn h6, dfn h4, dfn h3,dfn h2,dfn h1{

	text-decoration: underline;

}

footer{

	text-align:center;

	background-color: black;

    color: white;

    font-weight: bold;

    margin-bottom: 0;

    width: 100%;

    padding: 5px;

    font-size: 1.3em;

    position: fixed;

    bottom: 0;

    z-index:99;

}

 a,a:hover{

 	color:#BC955F!important;

	text-decoration: none;

}

.connexion-center{

    background-color: white;

}

.input-group-text{

	color: white!important;

	border-radius: 0!important;

    border: 1px solid #BC955F!important;

    background-color: #BC955F!important;

}

input.form-control,select.custom-select{

	border: 1px solid #EFEAE2;

    border-radius: 0;

    background-color: #EFEAE2;

	padding: 0rem!important;

}

*.elt-float{

	box-shadow: 0 1px 0px rgba(0,0,0,.1);

	background-color:#F6F1EB;

}

table{

	background-color:white;

	text-align: center;

}

table tr.item td:not(.title),table tr th{

	vertical-align: middle!important;

	text-align: center;

}

ul.pagination li{

	width:100%;

	margin:2px;

    color:#007bff;

	background-color:white;

	box-shadow: 0 2px 4px lightgrey;

	text-align: center;

}

ul.pagination li.active{

	background-color:#007BFF;

	color:white;

}

table th {

	background-color:#EEE9E3!important;

	color:black;

	border:0;

}

table tr:nth-of-type(odd){

	background-color:#F6F1EB!important;

}

#total-cart th{

	background-color:white!important;

}

.cursor-pointer {
    cursor: pointer;
}

.cursor-default {
    cursor: default;
}

.cursor-wait {
    cursor: wait;
}


tr.tr-custom {
    line-height: 1;
}

.tr-blue {
    background-color:#007bff;
    color:white;
}

.page-item.active > .page-link {
    background-color: #BC955F;
    border-color: #BC955F;
}

.fixed-left {
    position:fixed;
    left: 2vw;
    bottom: 10vh;
    z-index: 1030;
}

table tr[statut='0'], table tr[statut='2'] {
    background-color:lightgrey!important;
    opacity:0.7;
}

table tr[statut='2'] td {
    text-decoration: line-through;
}

.image-container {
    height: 200px; /* Adjust the height as needed */
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-container img {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
}

.ribbon-1 {
    position: fixed;
    background: rgb(155,0,0);
    box-shadow: 0 0 0 999px rgb(155,0,0);
    clip-path: inset(0 -100%);
    z-index: 1;
    color: white;
}
.left {
    inset: 0 auto auto 0;
    transform-origin: 100% 0;
    transform: translate(-29.3%) rotate(-45deg);
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .w-sm-25 {
        width: 25% !important;
    }
    .w-sm-50 {
        width: 50% !important;
    }
    .w-sm-75 {
        width: 75% !important;
    }
    .w-sm-100 {
        width: 100% !important;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .w-md-25 {
        width: 25% !important;
    }
    .w-md-50 {
        width: 50% !important;
    }
    .w-md-75 {
        width: 75% !important;
    }
    .w-md-100 {
        width: 100% !important;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .w-lg-25 {
        width: 25% !important;
    }
    .w-lg-50 {
        width: 50% !important;
    }
    .w-lg-75 {
        width: 75% !important;
    }
    .w-lg-100 {
        width: 100% !important;
    }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .w-xl-25 {
        width: 25% !important;
    }
    .w-xl-50 {
        width: 50% !important;
    }
    .w-xl-75 {
        width: 75% !important;
    }
    .w-xl-100 {
        width: 100% !important;
    }
}