.secondRedBGClass {
	 background-color: #fd1f3e;
	}

.mainRedClass {
	color:#26a65b;
	}
	
.mainRedBGClass {
	background-color:#26a65b;
	color:#FFFFFF;
	}
	
.lightGreyBGClass {
	background-color:#ECF0F1;
	}
	
.darkGreyBGClass {
	background-color:#95a5a6;
	color:#FFFFFF;
	}

.darkGreyClass {
	color:#95a5a6;
	}

.blackBGClass {
	background-color:#000000;
	color:#FFFFFF;
	}

.greyBottomBorderClass {
	border-bottom:1px solid silver;
	}

.greyBorderClass {
	border:1px solid silver;
	}

.notValidatedClass {
	border:1px solid red;
	border-color:red!important;
	}
	
.cursorPointerClass {
	cursor:pointer;
	}

.underlineClass {
	text-decoration:underline;
	}

.boldClass {
	font-weight:bold;
	}
	
.hideClass {
	display:none;
	}

.showClass {
	display:inline-block;
	}

.floatLeftClass {
	float:left;
	}
	
.floatRightClass {
	float:right;
	}
	
.valignTopClass {
	vertical-align:top!important;
	}

.containerWithPaddingClass {
	padding-left:30px;
	padding-right:30px;
	}

.subTitle2Class {
	font-size:18px;
	}	

.subTitle3Class {
	font-size:16px;
	}	

.title2Class {
	font-size:22px;
	}	

/*************************************************** slider stuff *********************************************/
.mdjpSlider {
    -webkit-appearance: none;
    width: 100%;
    height: 10px!important;
    border-radius: 5px!important;
    background: red!important;
    outline: none!important;
    opacity: 0.7!important;
    -webkit-transition: .2s!important;
    transition: opacity .2s!important;
}

.mdjpSlider:hover {
    opacity: 1!important;
}

.mdjpSlider::-webkit-slider-thumb {
    -webkit-appearance: none!important;
    appearance: none!important;
	margin-top:-2px;
    width: 20px!important;
    height: 21px!important;
    border: 0!important;
    background: url('/assets/images/djplaymini.png')!important;
    cursor: pointer;
}

.mdjpSlider::-moz-range-thumb {
    width: 20px!important;
    height: 21px!important;
    border: 0!important;
    background: url('/assets/images/djplaymini.png')!important;
    cursor: pointer;
}


/*************************************************** header *********************************************/
.flagNotSelClass {
	cursor:pointer;
	padding-top:10px;
}

.connexionButtonClass {
	border-radius:12px;
	padding-left:16px;
	padding-top:6px;
	padding-right:16px;
	padding-bottom:6px;
	background-color:#26a65b;
	color:#FFFFFF;
	}
	
/*************************************************** scroll hamburger *********************************************

/* FORCER la suppression du scroll sur le hamburger *
.header .extra-nav,
.header .extra-nav ul,
.header .extra-nav li,
.header .nav-toggle,
.header .nav-toggle a {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
}

/* Supprimer les scrollbars webkit *
.extra-nav::-webkit-scrollbar,
.nav-toggle::-webkit-scrollbar,
.header .container-fluid::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* Conteneur du header *
.header .container-fluid {
    overflow: visible !important;
}

/* Positionnement du bouton hamburger *
.extra-nav {
    overflow: visible !important;
    position: relative;
    z-index: 1001;
}

.nav-toggle {
    overflow: visible !important;
    position: relative;
}

.nav-toggle a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    overflow: visible !important;
}

.nav-toggle .fa-bars {
    font-size: 24px;
}

/* Menu déroulant mobile *
.inner-navigation {
    z-index: 1000;
    overflow: visible !important;
}

/* Header avec bon z-index *
.header {
    position: relative;
    z-index: 999;
    overflow: visible !important;
}

/* Responsive mobile UNIQUEMENT *
@media (max-width: 991px) {
    /* Positionnement du menu en mobile *
    .inner-navigation {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        width: 100%;
        background: white;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    }
    .inner-navigation.collapse:not(.show) {
        display: none;
    }
    
    .inner-navigation.collapse.show {
        display: block;
    }
    
    /* Liste du menu *
    .inner-nav ul {
        list-style: none;
        margin: 0;
        padding: 10px 0;
    }
    
    .inner-nav li {
        border-bottom: 1px solid #eee;
    }
    
    .inner-nav a,
    .inner-nav a .menu-item-span {
        display: block;
        padding: 12px 20px;
        color: #333 !important;
        text-decoration: none;
    }
    
    .inner-nav a:hover,
    .inner-nav a:hover .menu-item-span {
        background: #f5f5f5;
        color: #333 !important;
    }
    
    /* FORCER overflow visible en mobile *
    .header,
    .header .container-fluid,
    .header .extra-nav,
    .header .nav-toggle {
        overflow: visible !important;
    }
}
*/
	
/*************************************************** other *********************************************/
.socNetIconClass {
	font-size:22px;
	margin-right:12px; 
	margin-top:5px;
	}