@font-face {
	font-family: "Cerebri-Sans-Regular";
    font-style: normal;
    font-weight: normal;
	src: url('/defused/Cerebri-Sans-Regular.ttf');
}

.Cerebri {
    font-family: 'Cerebri-Sans-Regular'; 
}

@font-face {
	font-family: "FontsFree-Net-Rustic-Printed-Stamp";
    font-style: normal;
    font-weight: normal;
	src: url('/defused/FontsFree-Net-Rustic-Printed-Stamp.ttf');
}

.Rustic {
    font-family: 'FontsFree-Net-Rustic-Printed-Stamp'; 
}

html, body {
    height: 100%;
    margin: 0; padding: 0;
	font-family: 'Cerebri-Sans-Regular'; 
	
}
body {
    display : table;
    width: 100%;
}
footer {
    display : table-row;
    height: 100px;
}

.epreuve{
    list-style:none;

}
.epreuve li {

    
	border: 1px dotted black;
	width: 100px;
	height: 100px;
	background-color: #f5f9fa;
    border-radius: 10px;
    
    margin: 12px;
    
}


.epreuve li .titre{
    position:relative;
    
    bottom:-2.4em;
    
    float:right;
    text-align: center;
    width: 100px;
    display: inline-block;

    left: 1em;
}

.epreuve li:before{

    position:relative;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    
    width: 100px;
    margin-top: -1em;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;

    
    text-align:center;
    
}

.running:before{
    content: "\f70c";
    top: 0.8em;
    font-size: 3em;
    left:-0.3em;
}

.bikenrun:before{
    content: "\f206/\f70c";
    top: 0.8em;
    font-size: 1.8em;
    left:-0.5em;
}

.bicycle:before{
    font-family: 'Font Awesome 5 Free';
    content: "\f206";
    top: 0.8em;
    font-size: 3em;
    left:-0.3em;
}
.swimmer:before{
    content: "\f5c4";
    top: 0.8em;
    font-size: 3em;
    left:-0.3em;
}

.hiking:before{
    content: "\f6ec";
    top: 0.8em;
    font-size: 3em;
    left:-0.3em;
}

.triathlon:before{
    content: "\f5c4/\f206/\f70c";
    left:-0.6em;
    top: 1.1em;
    font-size: 1.5em;
}
.raidnature:before{
    top: 0.8em;
    content: "\f6fc";
    font-size: 3em;
    left:-0.3em;
}

.prix{
    color:#F16923;
    font-weight:bold;
}
.prix:after{
    content:"€";
    color:#F16923;
    font-weight:bold;
}

.menuIntitule{
	color: #F16923;
	font-size:1.3em;
	text-decoration: none;
}
.menuIntitule:hover{
	text-decoration: none;
	color: #f57a28;
}

.menuBarre:hover{
	color: #f57a28;
	background-color: #dbd6d4;
}
.arrow-right {
	width: 0; 
	height: 0; 
	border-bottom: 60px solid transparent;
	border-left: 60px solid  #F16923;
}
#slider-range .ui-slider-range { background: #F16923; }
#slider-range .ui-slider-handle { border-color: #F16923; }

.error-template {padding: 40px 15px;text-align: center;}
.error-actions {margin-top:15px;margin-bottom:15px;}
.error-actions .btn { margin-right:10px; }