/*  ---------  CSS for Bootstrap 4 generated for skin_transparence141  ----------- */

/***********
* Onglets */
.tab-content div.container {
    padding-top: 0px;
    max-width: 100%;
    text-align: left;
    border: 1px solid #000000;
    border-radius: 0px 0px 6px 6px;
    background-color: rgb(255, 255, 255, 0.6);
}
ul.nav-tabs {
    padding-bottom: 0px;
    width: 100%;
    border-bottom: 0;
}
.nav-tabs .nav-link.active {
    background-color: rgb(164, 101, 70, 0.7);
    font-weight: bold;
    color: #FFFFFF;
    border: 1px solid #000000;    
    border-bottom-width: 0;
    border-radius: 6px 6px 0px 0px;
}
.nav-tabs .nav-link:hover {
    background-color: rgb(237, 148, 146, 0.7) !important;
    color: #000000 !important;
    border: 1px solid #000000;
    border-bottom-width: 0;
    border-radius: 6px 6px 0px 0px;
}
.nav-tabs .nav-link {
    font: 14px "Comic sans MS", Arial, sans-serif;
    margin-bottom: 1px;
    background-color: rgb(0, 0, 0, 0.4)
    color: #000000 !important;
	 border-radius: 6px 6px 0px 0px;
	 border: 1px solid #000000;
}
/**********************
* Accordéon vertical */
.card .card-header.collapsed.card-link {
    color: #000000 !important;
    background-color: transparent;
    border: 1px solid #000000;
    border-radius: 6px;
}
.card .card-header.card-link {
    color: #FFFFFF;
    font-weight: bold;
    background-color: #A46546;
    border: 1px solid #000000;
    border-radius: 6px;
}
.card .collapse.show {
    background-color: #FFFFFF;
    color: inherit;
    border: 1px solid #000000;
    border-radius: 6px;
}
.card .card-body {
    font-size: 13px;
}
/****************
 * Fenêtre modale */
.modal-content {
    background-color: #FFFFFF;
    color: 0.5;
    border: 3px solid #A46546;
    border-radius: 8px;
}
/**************
* Info bulle */
.popover {
    color: #000000;
    background-color: #FFFFFF;
    border-radius: 6px;
}
.popover-header {
    color: #762B0E;
    background-color: #FFFFFF;
    font: normal 12px "Comic sans MS", Arial, sans-serif;
}
.popover-body {
    color: #000000;
    background-color: #FFFFFF;
    font: normal 12px "Comic sans MS", Arial, sans-serif;
    border-radius: 0 0 6px 6px;
}
/***********
* Boutons */
.btn-lg, .btn-md {
    font-size: 1.5rem;
    border-radius: 4px;
}
.btn-info {
	color: #000000;
	background-color: rgb(255, 235, 205, 0.5);
	/*border-color: rgb(255, 194, 102);*/
    border: 1px solid rgb(255, 194, 102);;
}
.btn-info:hover {
    color: #000000;
    background-color: rgb(255, 194, 102, 0.5);
	/*border-color: rgb(255, 194, 102); */
    border: 1px solid rgb(255, 194, 102);
}
.btn.btn-outline-secondary {
    background-color: #FFFFFF;
}
/***************
* Formulaires */
.form-control, .form-control-lg {
    font-size: inherit;
}
.input-group-prepend .input-group-text {
	border-radius: 8px;
}
.input-group-append .input-group-text {
	border-radius: 8px;
}
span.input-group-text {
    border: 1px solid #C0C0C0;
}