
@font-face {
  font-family: "BritoTri";
  src: url("/images/specific/ultramarin/BritoTri-Regular.woff2") format('woff2');
}

@font-face {
  font-family: "KoHo";
  src: url("/images/specific/ultramarin/KoHo-Light.woff2") format('woff2');
}

@font-face {
  font-family: "Akrobat";
  ssssrc: url("/images/specific/breizhchrono/akrobat-black.woff2") format('woff2');
  src: url("/images/specific/breizhchrono/akrobat-light.woff2") format('woff2');
  ssssrc: url("/images/specific/breizhchrono/akrobat-regular.woff2") format('woff2');
}

html {
	height: 100%;
}

body {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.h7, h7 {
    font-size: 0.9rem;
}

.h8, h8 {
    font-size: 0.8rem;
}

.border-red
{
	border-bottom : 2px solid #BC0021;
}

.container {
	background-color: white;
}

.bodyClass
{
	font-size:0.8rem;
}

.bodyClass09
{
	font-size:0.9rem;
}

.container-fluidd {
	background-color: white;
}

.card-img-left {
  border-bottom-left-radius: calc(.25rem - 1px);
  border-top-left-radius: calc(.25rem - 1px);
  float: left;
  padding-right: 1em;
  margin-bottom: -1.25em;
}

.pagination {
    display: flex;
    padding-left: 0px;
    list-style: none;
    border-radius: 0.25rem;
    justify-content: center;
}

    .just {
      display: flex;
      flex-flow: row nowrap;
    }
    
    .just > li {
      flex: 1 auto;
      text-align: center;
      white-space: nowrap;
    }
    
    
.title-carre
{
	background-color:#0d47a1;
	padding : 12px;
	color:white;
	font-weight:bold;
}

.feminin {
	color: #c71585;
}

.mixte {
	color: #62AB36;
}



.tdresults
{
	font-size: .8rem;
}


.ui-slider-pips .ui-slider-pip-selected-2 {
    color: #CC0000;
}
.ui-slider-pips [class*="ui-slider-pip-selected"] {
    font-weight: bold;
    color: #CC0000;
}

.ui-widget-header {

    border: 1px solid #dddddd;
    background: #cc0000;
        background-position-x: 0%;
        background-position-y: 0%;
    color: #444444;
    font-weight: bold;

}

.summary-orange
{
	color:orange;
}

.evidence
{
	background-color: #D6D8D9;
	margin : 8px;
	padding-left:8px;
	padding-right:8px;
	border : 1px solid #888888;
}

/*Ancien mdb */
.stylish-color {
    background-color: #4B515D !important;
}
.white-text {
    color: #FFF !important;
}

.jumbotron {
    text-align: center;
}
.jumbotron {
    background-color: #fff;
    padding: 2rem;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}

.danger-color-dark {
    background-color: #C00 !important;
    color:white;
}

.danger-color-dark a:hover {
    background-color: #C00 !important;
    color:white;
}


.primary-color-dark {

	background-color :#3E4A1C;
	border-color :#3E4A1C;
	color:white;	
}

.bg-secondary {
    background-color: #697179 !important;
}

.bg-kk-panel {
    bbbackground-color: #BC0021 !important;
    bbbbackground-color: #BDCC00 !important;
    background-color: #343a40 !important;
    bbbackground-color: #707579 !important
}


.btn-light-green {
    background-color: #8bc34a;
    color:white;
}

.invisible-anglais
{
	display:none;
}

.invisible-benevole
{
	display:none;
}

.titre-evenement
{
	color : #BC0021;
	margin-bottom: .5rem;
	font-family: inherit;
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 1.1;
	background-color:#EEEEEE;
	border:1px solid lightgrey;	
}

.badge-tarif
{
	padding : 8px;
	margin : 0px;
	font-weight:normal;
	font-size:100%;	
	border-radius:0;
	background-color:#343a40;
}

.bg-bc
{
	background-color: #F49800 !important;
}

.color-bc {
	color: #F49800;
}

.bg-grey
{
	background-color: #F6F6F6 !important;
	border:1px solid #CCC;
	color:black;
}

.tag-warning
{
	background-color: orange;
}

.tag-on
{
	background-color: #318031;
}

.tag-off
{
	background-color: #DD1958;
	opacity: 0.21;
	filter: alpha(opacity = 21);
}

	.kk-dark-bg-card
	{
		background-color : #343A40;
		color:white;
	}

.affiche {
	float: left;
	height: 150px;
	width: 105px;
}

.affiche-vide {
	float: left;
	height: 154px;
	width: 105px;
}

.licence-ffa-ok {
	color: green;
	white-space : nowrap;
}

.licence-ffa-ko {
	color: red;
}


.licence-ffa-loisir {
	color: orange;
}

.cts-invisible
{
	display:none;
}

.text-black
{
	color:black;
}

.font-striked
{
text-decoration: line-through;
}

.pub-bandeau
{
	width:728px;
	height:90px;
	border:1px solid lightgrey;
	background : url("/images/fondbandeau.png") repeat center fixed;
	cursor : pointer;
}

.pub-bandeau-nom
{
	text-align:center;
	font-size:30px;
}
	
.pub-bandeau-date
{
	text-align:center;
	font-size:30px;
}

.pub-bandeau-commentaire
{
	text-align:center;
}

.mw50
{
	max-width:50px;
}

.mw100
{
	max-width:100px;
}

.mw200
{
	max-width:200px;
}

.mw250
{
	max-width:250px;
}

.mw300
{
	max-width:300px;
}

.mw400
{
	max-width:400px;
}


.minw100
{
	min-width:100px;
}

.minw200
{
	min-width:200px;
}

.minw250
{
	min-width:250px;
}

.minw300
{
	min-width:300px;
}

.btn-vert-fonce
{
	background-color :#3E4A1C;
	border-color :#3E4A1C;
	color:white;
}

.btn-vert-fonce:hover
{
	background-color :#3E4A1C;
	border-color :#3E4A1C;
	color:white;
}


.btn-vert-clair
{
	background-color :#B7CE5A;
	border-color :#B7CE5A;
	color:white;
}


.texte-vert-fonce
{
	color :#3E4A1C;
}

.card-header-vert-clair
{
	background-color :#B7CE5A;
	letter-spacing: 2.5px;
	font-weight:bold;
	color:#000;
	text-align:center;
	text-transform:uppercase;
}

.licence-ok-edit
{
	background-color:#28A745;
	color:white;
}

.licence-ko-edit
{
	background-color:#BC0021;
	color:white;
}

.licence-warning-edit
{
	background-color:orange;
	color:white;
}

.licence-dotted
{
	text-decoration : underline dotted;
}

.badge-no-bold
{
	font-weight:normal;
}

.bc-outline {
	border-color:#FF9C2A !important;
	color:#FF9C2A !important;
	background-color: unset;
}

.sortable-placeholder {
	background-color: #f0f0f0;
	border: 2px dashed #ccc;
}

.sortable-placeholder-80 {
	height: 80px;
}

.sortable-placeholder-100 {
	height: 100px;
}

.sortable-placeholder-160 {
	height: 160px;
}


.sticky-header thead th {
	position: sticky;
	top: 0;
	background: white; /* ou autre couleur selon ton design */
	z-index: 2;
}


