Status: 200 OK
Content-type: text/css 


	
.container-title {
	background-color: #FFFFFF;
	position: sticky;
	top: 0;
	z-index: 4;
	border-radius: .25rem;
	box-shadow: 0px 1px 2px -1px #EDA85E;
	margin-top: .25rem;
	margin-bottom: 1rem;
}
.container-list {
	--nbLigne: 3;
	max-height: calc( var(--nbLigne) * 3rem + 3.5rem );
	overflow: auto;
}



/*button>img {
	width: 1.5rem;
	height: 1.5rem;
}
button>span {
	vertical-align: bottom;
}*/

/* Classes background Barthélémy */
.bg-dark-barth {
	background-color: #000000;
}
.bg-grey-barth {
	background-color: #eee6da;
}
.bg-barth {
	background-color: #EDA85E;
	color: #000000;
}


.text-barth {
	color: #EDA85E;
}
.text-barth a:hover,
a.text-barth:hover {
	color: #D09351;
}
.text-white-barth {
	color: #FFFFFF;
}
.text-white-barth a:hover,
a.text-white-barth:hover {
	color: #EDA85E;
}
.text-barth-light {
	color: #E1B88D;
}
.text-barth-dark {
	color: #D09351;
}
.text-barth-dark a:hover,
a.text-barth-dark {
	background-color: #D09351;
	color: #FFFFFF;
}

.btn-important {
	background-color: #EDA85E;
}

.btn-barth-main,
.btn-barth {
	border-width: 2px solid #FFFFFF;
	border-radius: .25rem;
	box-shadow: 0px 0px 3px #E1B88D;
}
.btn-barth-main:not(.disabled), 
.btn-barth:not(.disabled) {
	border-color: #FFFFFF;
}
.btn-barth-main.active,
.btn-barth.active {
	border-color: #EDA85E;
	box-shadow: 0px 0px 3px #EDA85E;
}
.btn-barth-main:not(.disabled):hover,
.btn-barth:not(.disabled):hover {
	cursor: pointer;
	box-shadow: 0px 0px 6px #D09351;
	border-color: #FFFFFF;
	text-decoration: none;
}
.btn:focus {
	border-color: #EDA85E;
	box-shadow: 0px 0px 3px #D09351;
}
.btn-barth-main {
	background-color: #EDA85E;
}

.feedback.valid-feedback,
.feedback.invalid-feedback {
	font-size: 1rem;
	padding: .375rem .75rem;
}
.feedback.valid-feedback {
	background-color: #D4EDDA;
	color: black;
}
.feedback.invalid-feedback {
	background-color: #F8D7DA;
	color: black;
}

label{
	font-size:14px;
	padding-left:3px;
}
label.checkbox {
	cursor: pointer;
}

/* Inputs et Selects */
input, select {
	margin-bottom:10px;
}

input.password+span {
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 1.5em;
	font-size: 1.5em;
}

/* input[type=number] Suppression Arrows/Spinners */ 
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
::-moz-focusring {
	text-decoration: none;
	box-shadow: 0px 0px 3px #D09351;
	outline: none;
	border-bottom: 1px solid #EDA85E;
}
::-moz-selection {
	background-color: #EDA85E;
	color: #FFFFFF;
}
::selection {
  background-color: #EDA85E;
}

.creationAction {
	padding: 0 0.50rem 0.50rem;
}
.creationAction button.form-control {
	font-size: 1.3rem;
	white-space: nowrap;
}
button.form-control.btnIco {
	max-width: 50px;
	background-color: #FFFFFF;
	position: relative;
	padding-top: 0px;
}
.creationAction.right {
	float: right;
}
.left {
	float: left;
}
.creationEntete {
	font-size: 1.3rem;
	padding: 0.50rem;

}
.creationEntete .dateCrea {
	font-size: .8rem;
	margin-top: 0.5rem;
}

.input-group-text {
	background-color: transparent;
	color: black;
	border-radius: .25rem .25rem 0 0;
	border: 1px solid transparent;
	text-align: inherit;
	white-space: normal;
}
.input-group-text.btn-barth {
	border-radius: .25rem;
	display: inline;
}
.input-group-text:hover {
	border-color: #EDA85E;
	box-shadow: 0px 0px 3px #D09351;
	cursor: pointer;
}
.form-control { 
	border-radius: .25rem .25rem 0 0;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	border-bottom-color: #EDA85E;
}
.form-control.no-underline {
	border-radius: .25rem;
	border-bottom-color: transparent;
}
.form-control[readonly],
.form-control.readonly {
	background-color: transparent;
}
.form-control:hover,
.form-control:focus {
	border-color: #EDA85E;
	text-decoration: none;
	box-shadow: 0px 0px 3px #D09351
}
.form-control[readonly]:hover,
.form-control.readonly, 
.form-control[readonly]:focus,
.form-control.readonly {
	border-color: transparent transparent #EDA85E;
	box-shadow: 0px 0px 3px transparent;
}


/* Liste table */
.table .thead-dark th {
	background-color: #000000;
	color: #FFFFFF;
}

.table-hover tbody tr:hover {
	cursor: pointer;
	background-color: #EDA85E;
	color: #FFFFFF;
}

.table-hover tbody tr.active {
	background-color: #EDA85E;
}

/* Nav-tabs */
.nav-tabs {
	border-bottom: 1px solid #EDA85E;
}
.nav-tabs .nav-link:focus, 
.nav-tabs .nav-link:hover {
	border-color: #EDA85E #EDA85E #FFFFFF;
	box-shadow: 0px -1px 2px #D09351;
}
.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active {
	border-color: #EDA85E #EDA85E #FFFFFF;
}



.bg-barth-dark {
	background-color: #000000;
}

a{
	text-decoration:none;
}

.title {
	line-height: 1.2;
	font-size: 1.75rem;
	padding-top: 10px;
	padding-bottom: 10px;
}

.title span:not(.title-brand) {
	font-size: 1rem;
}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #000000;
  background-color: #eee6da;

}

/* iconListe */
.iconListe{
	height: 200px;
	margin:8px 4px;
	padding-top:5px;
	border: 2px solid transparent;
	text-align: center;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.iconListe.new{
	width:200px;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: normal;
}
.iconListe.new img{
	width: auto;
	height: 100%;
	object-fit: cover;
	vertical-align: bottom;
}
.iconListe .btn-barth{
	position: absolute;
	top: 5px;
	right: 5px;
	background-color: #FFFFFF;
	z-index: 1;
}
.iconListe.new .btn-barth{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #FFFFFF;
	width: 100%;
	border-radius: unset !important;
}



.container form .form-row {
	padding-right: 15px;
	padding-left: 15px;
}

.frm-barth {
	border: 1px solid #EDA85E;
	border-radius: 0;
	padding: 2px;
}


/* Pagination BS4 */
.page-link:hover {
	color: #EDA85E;
}
.page-link:hover:disabled {
	color: grey;
	background-color: inherit;
}
.page-link:disabled {
	color: grey;
}
.page-item.active .page-link {
	color: black;
	background-color: #EDA85E;
	border-color: #EDA85E;
}
.page-item.active .page-link:hover,
.page-link {
	color: black;
}




.panierAction {
	background-color: #EDA85E;
}

/* Catalogue */
.zoneElement {
	min-height: 200px;
	/*border: 1px solid #E1B88D;*/
	box-shadow: 0px 0px 3px #FFFFFF;
}
.zoneHover {
	box-shadow: 0px 0px 3px #EDA85E;
}
.symbole {
	position: absolute; 
	bottom: 0; 
	left: 0;
	padding-top: 5px; 
	padding-bottom: 5px;
	/*background-color: #EDA85E;*/
}



/* vvv   input[type=radio]   vvv */
			input[type="radio"] {
				-webkit-appearance: none;
				appearance: none;
				/* For iOS < 15 to remove gradient background */
				background-color: COLOR_WHITE;
				margin: 0;
			}
			label.active>img {
				background-color: #EDA85E;
			}
			label.active>input[type=radio]:disabled+img {
				background-color: #eee6da;
			}
		/* ^^^ ^^^ */

/* catalogue */
	#msgInfo{display:none;}
	#DivContenu{min-height: 900px;}
	#workSpaceOrnementRetouche canvas{
		background-repeat: no-repeat;
		background-size: cover;
		cursor: none;
		left: 0;
		position: absolute;
		top: 0;
	}
	
	.enteteForm label{
		border-bottom: 1px solid #000;
		display: block;
		padding: 5px;
		cursor: pointer;
		text-align: center;
	}
	.enteteForm input[type="radio"]:not(:checked)+label:hover{
		background-color: #E6E6E6;
	}
	.enteteForm input[type="radio"]:checked+label{
		background-color: 
		color: #FFF;
	}
	
	.iconListe {
		background-color: white;
	}
	.titreCde th.inputDel{
		text-align: right;
		padding: 6px 5px 0 0;
	}
	.titreCde .btn.btn-configurateur {
		background-color: white;
		color: black;
		height: 35px;
		margin: 5px;
	}

form {
	position: relative;
}

.mask
{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: transparent;
	z-index: 3;
	cursor: wait;
}

.iconArticle .prix{
	color: grey;
	font-size: 12px;
}