.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {
  background: #eb0045 !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
  color: #eb0045  !important;
}
#sp-footer {
	background-color: #eb0045 !important;
} 
#accueil_bootstrap .fa-gift{
	font-size: 6em;
}
#accueil_bootstrap .fa-users{
	font-size: 5em;
	margin-bottom: 14px;
}
#accueil_bootstrap .fa-check-square-o{
	font-size: 6em;
}
.page-header{
	display: none;
	}
.tab-pane {
  padding:30px;
}

.nav-tabs {
  border: 0;
}
.center-custom{
    margin:auto;
  	width:367px;
}
.editions {
	padding-bottom: 10px !important;
}
#sp-header{
	background-color: #eb0045 !important;
}
.sp-megamenu-parent >li.active>a{
	font-weight: 600;
	color: #FFFFFF;
}
.sp-megamenu-parent >li:hover>a{
	color: #000000;
}

.sp-megamenu-parent >li>a{
	color: #FFFFFF;
}

@media screen and (max-width: 767px) {
  .photos {
	padding-bottom:30px;
  }

}
@media screen and (max-width: 991px) {
  #sp-header{
	 height: 90px; 
	}
	#offcanvas-toggler >i{
		line-height: 90px;
		color: #eb0045;
	}
}

table.acymailing_form{
	margin: 0px !important;
}
#sp-slider{
	width:100% !important;
}

.newsletter{
	padding-left: 30px;
}
.bleu{
	background-color: #eb0045;
	color: #FFFFFF;
}
.gris{
	background-color: #878787;
	color: #FFFFFF;
    
}
.grisclair{
	background-color: #DCDCDC;
	color: dark;
    
}
.bleuborder{
	border-right: 1px solid black;
}
.separateur_tableau{ 
    border-bottom: 1px solid lightgrey;
    background-color:#EFEFEF;
}
.text-center{
	text-align:center;
}
.text-right{
	text-align:right;
}

 #logo_desktop{
	 display: block;
	}
 #logo_mobile{
	 display: none;
	}
#logo_triathlon
{
    position: absolute;
    left: 5px;
    top: 0px;
}	
@media screen and (max-width: 991px) {
 
 #logo_desktop{
	 display: none;
}
 #logo_mobile{
	 display: block;
	 width: 200px;
	 height: 59px;
}
	
	/* Formulaire de contact responsive */
 .form-horizontal .control-label {
	float: none;
	text-align: left;
}
 .form-horizontal .controls {
	margin-left: 0;
}

}
.btn-primary {
	background-color: #eb0045 !important;
	border-color: #eb0045 !important;
}
.btn-primary:hover {
	background-color: #eb0045 !important;
	border-color: #eb0045 !important;
}
.sponsors{
	padding-bottom: 30px !important;
	}
#sp-top-bar #chaussure2 {margin-top: 22px;float:right;display:inline-block;background-image: url("../../../images/icone_sport/chaussure_blanc.png");width:57px;height:27px;}
#sp-top-bar #chaussure2:hover {margin-top: 22px;float:right;display:inline-block;background-image : url("../../../images/icone_sport/chaussure_b.png");}
#sp-top-bar #walking {margin-top: 1px;float:right;display:inline-block;background-image: url("../../../images/icone_sport/walking_blanc.png");width:67px;height:49px;}
#sp-top-bar #walking:hover {margin-top: 1px;float:right;display:inline-block;background-image : url("../../../images/icone_sport/walking_b.png" );}
#sp-top-bar #chrono2 {margin-top: 13px;float:right;display:inline-block;background-image : url("../../../images/icone_sport/chrono_blanc.png");width:38px;height:38px;}
#sp-top-bar #chrono2:hover {margin-top: 13px;float:right;display:inline-block;background-image : url("../../../images/icone_sport/chrono_b.png");}
#sp-top-bar #cyclisme2 {margin-top: 11px;float:right;display:inline-block;background-image : url("../../../images/icone_sport/cyclisme_blanc.png");width:74px;height:41px;}
#sp-top-bar #cyclisme2:hover {margin-top: 11px;float:right;display:inline-block;background-image : url("../../../images/icone_sport/cyclisme_b.png");}
#sp-top-bar #maillot2 {float:right;display:inline-block;background-image : url("../../../images/icone_sport/maillot_blanc.png");width:37px;height:50px;}
#sp-top-bar #maillot2:hover {float:right;display:inline-block;background-image : url("../../../images/icone_sport/maillot_b");}
#sp-top-bar #masque2 {margin-top: 22px;float:right;display:inline-block;background-image : url("../../../images/icone_sport/masque_blanc.png");width:50px;height:27px;}
#sp-top-bar #masque2:hover {margin-top: 22px;float:right;display:inline-block;background-image : url("../../../images/icone_sport/masque_b.png");}
#sp-top-bar #natation2 {margin-top: 16px;float:right;display:inline-block;background-image : url("../../../images/icone_sport/natation_blanc.png");width:62px;height:34px;}
#sp-top-bar #natation2:hover {margin-top: 16px;float:right;display:inline-block;background-image : url("../../../images/icone_sport/natation_b.png");}

.acysubbuttons {
text-align: left !important;
padding-top: 10px;
}
@media (max-width: 991px){
  #sp-header{
	 height: 90px;
	 background-color: #404040 !important; 
	}
	#offcanvas-toggler{
		line-height: 90px;
	}
}
.EnteteTableau{
    display: flex;
    justify-content: space-between;
    background-color: lightgrey;
    flex-wrap: wrap;
}
#pdfmanif{
	height: 20px;
	line-height:20px;
}
@media (min-width: 991px){
  
}
/****
*	Chaussure
**/
a {
	color: #eb0045;
}
a.anchor {
    display: block;
    position: relative;
    top: -132px;
    visibility: hidden;
}
/****
*	Chrono
**/
a.anchor2 {
    display: block;
    position: relative;
    top: 1030px;
    visibility: hidden;
}
/****
*	Velo
**/
a.anchor3 {
    display: block;
    position: relative;
    top: 200px;
    visibility: hidden;
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
.sp-megamenu-parent {display:none;}
.visible-xs {
display: inline-block !important;
}
#offcanvas-toggler {
float: right;
position: relative;
left:84px;
}
}
.img{
	display:inline-block;
}
.logo{
    display:inline-block;
    max-height: 60px;
    max-width: 80px;
}
#sp-main-body {
    margin-top: 20px;
}
/* Formulaire de contact responsive */

@media screen and (max-width: 991px) {
    
    .form-horizontal .control-label {
        float: none;
        text-align: left;
    }
    
    .form-horizontal .controls {
        margin-left: 0;
    }
}

.jicons-icons {
    display: none;
}

#contact-form legend {
    display: none;
}

.contact textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 60%;
    height: 230px;
}

.contact input[type="text"],
.contact input[type="email"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 35%;
}

@media only screen and (max-width: 768px) {
    .contact textarea {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 230px;
    }
    .contact input[type="text"],
    .contact input[type="email"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }
}

/* VIGNETTE D'ARTICLES */

.intro-image {
    position: relative;
     /* permet d'éviter que l'animation d'agrandissement ne déborde */
    overflow:hidden;
}        
.intro-image img {
    width: 100%;
    /* animation */
    -webkit-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}

.intro-image img:hover {
/* animation d'agrandissement */
-webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
        transform: scale(1.15);
}
.intro-image p {
    /* alignment */
    position: absolute;
    bottom: 0%;
    left: 0;
    width: 100%;
    height: 60px;

    
    /* Typographie */
    color: white;
    font-weight: bold;
    font-size: 2.5rem;
    text-shadow: 0 px 6px black;


    /* Lorsque l'élément est en inlin-block et uniquement 
    dans ce cas-là, on peut l'aligner verticalement en ajoutant ceci */
    vertical-align: middle;
    display: inline-block;

    /* espacement */
    padding-top: 18px;
    padding-left: 26px;
    margin: 0;
    background:#ccc8c8; /* Si la propriété linear-gradient n'est pas supportée */
    background: linear-gradient(to right, rgba(235, 0, 69,1), rgba(235, 0, 69,0.75), rgba(235, 0, 69,0));
 }


#reseaux{
	padding-right:20px;
}

.txt_date {
	font-size:2em;
}
/*TEST HTML POUR NEWS DROULANTES*/
/* Popup box BEGIN */
.hover_bkgr_fricc{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:10000;
}
.hover_bkgr_fricc .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.hover_bkgr_fricc > div {
    background-color: #d5d5d5;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    max-width: 551px;
    min-height: 100px;
    vertical-align: middle;
    width: 60%;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
}
.popupCloseButton {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 25px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.popupCloseButton:hover {
    background-color: #ccc;
}
.trigger_popup_fricc {
    cursor: pointer;
    font-size: 20px;
    margin: 20px;
    display: inline-block;
    font-weight: bold;
}
/* Popup box BEGIN */

	/* Tableaux */
	.responsive-table-line thead th {  
    background-color: #eb0045;
    color: #ffffff;
    font-weight: normal;
    }
    .responsive-table-line tr:nth-child(odd) {
    background-color: #eee;
	} 
    @media (max-width: 720px) {
	
	.responsive-table-line td:before {content: attr(data-title);
    font-size: 10px;    
        }
	
	.responsive-table-line table, 
	.responsive-table-line thead, 
	.responsive-table-line tbody, 
	.responsive-table-line th, 
	.responsive-table-line td, 
	.responsive-table-line tr { 
    display: block; 
	}

	.responsive-table-line thead tr { 
	display:none;
	}
	
	.responsive-table-line td { 
	position: relative;
	padding-left: 50% !important; 
	white-space: normal;
	text-align:right; 

	}
    .responsive-table-line tr:nth-child(odd) {
    background-color: #eee;
	}
    .responsive-table-line tr {
    margin-bottom: 5px;
    }
	.responsive-table-line td:before { 
	position: absolute;
	top: 0px;
	left: 0px;
	width: 40%;                 /* taille de la colone de gauche sur les petit format*/
	padding-right: 15px;
	height:100%;
	white-space: wrap;
	text-overflow: ellipsis !important;
	overflow:hidden !important;
	text-align:left;
    font-weight: bold;
    background-color: #eb0045;
    color: #ffffff;
	padding:2px;
	}

}
	.alerte
		{
			width:100%;
			background-color:#B40003;
			color:#ffffff;
			font-size:16pt;
			margin:auto;
			padding:50px;
		}
	/* Fin Tableau catégorie et prix*/