/*  ---------  CSS for Bootstrap 4 generated for skin6-papinou-15  ----------- */

/***********
* Onglets */
.tab-content div.container {
    padding-top: 0px;
    max-width: 100%;
    text-align: left;
    border: 1px solid #808080;
    border-radius: 0px;
    background-color: #FFFFFF;
}
ul.nav-tabs {
    padding-bottom: 0px;
    width: 100%;
    border-bottom: 0;
}
.nav-tabs .nav-link.active {
    background-color: #fc8800;
    font-weight: bold;
    color: #FFFFFF;
    border: 1px solid #808080;    
    border-bottom-width: 0;
    border-radius: 0px;
}
.nav-tabs .nav-link:hover {
    background-color: transparent important;
    color: inherit !important;
    border: 1px solid #808080;
    border-bottom-width: 0;
    border-radius: 0px;
}
.nav-tabs .nav-link {
    font: 15px "Comic sans MS", Arial, sans-serif;
    margin-bottom: 1px;
    background-color: transparent;
    color: #404040 !important;
}
/**********************
* Accordéon vertical */
.card .card-header.collapsed.card-link {
    color: #FFFFFF !important;
    background-color: #808080;
    border: 1px solid #FFFFFF;
    border-radius: 0px;
}
.card .card-header.card-link {
    color: #FFFFFF;
    font-weight: bold;
    background-color: #fc8800;
    border: 1px solid #FFFFFF;
    border-radius: 0px;
}
.card .collapse.show {
    background-color: #FFFFFF;
    color: inherit;
    border: 1px solid #FFFFFF;
    border-radius: 0px 0px 0px 0px;
}
.card .card-body {
    font-size: 13px;
}
/*******************
 * Fenêtre modale  *
 *******************/
.close {
	  float: right !important;
	  font-size: 4rem !important;
	  line-height: 1 !important;
	  color: #404040 !important;
	  text-shadow: 0 1px 0 #fff !important;
	  opacity: .5 !important;
}
.modal-content {
    background-color: #FFFFFF !important;
    color: #000000 !important;
	border: 1px #808080 !important;
    border-radius: 10px !important;
}
.modal-header {
    background-color: transparent !important;
    color: inherit !important;
}
.modal-body {
    background-color: transparent !important;
    color: inherit !important;
}
.modal-footer {
    background-color: inherit !important;
    color: inherit !important;
}
/**************
* Info bulle */
.popover {
    color: #404040;
    background-color: #F3F3F3;
    border-radius: 6px;
}
.popover-header {
    color: #FFFFFF;
    background-color: #fc8800;
    font: normal 15px "Comic sans MS", Arial, sans-serif;
}
.popover-body {
    color: #404040;
    background-color: #F3F3F3;
    font: normal 15px "Comic sans MS", Arial, sans-serif;
    border-radius: 0 0 6px 6px;
}
/***********
* Boutons */
.btn-lg, .btn-md {
    font-size: 1.5rem;
    border-radius: 6px;
}
.btn-info {
	color: #404040;
	background-color: #FBD312;
	border-color: #FBD312;
    border-style: solid;
}
.btn-info:hover {
    color: #404040;
    background-color: #00FEF2;
	border-color: #00FEF2;
    border-style: solid;
}
.btn.btn-outline-secondary {
    background-color: #FFFFFF;
}
/***************
* Formulaires */
.form-control, .form-control-lg {
    font-size: inherit;
}
.input-group-prepend .input-group-text {
	border-radius: 6px;
}
.input-group-append .input-group-text {
	border-radius: 6px;
}
span.input-group-text {
    border: 1px solid #C0C0C0;
}