html{
	background-color: white;
}

header{
	/*background-color:	lightgrey;*/
	background-color:	white;
	position: fixed;
    width: 99.5vw;
    z-index: 2;
    top: 0;
    height: 13.2vw;
    margin-left: 0.5vw;
}

body{
    font-family: Verdana, sans-serif;
    margin: auto;
    font-size: 1vw;
}

select {
	background: url(../img/fleche_bas.png) no-repeat right;
    background-size: 1vw;
    -webkit-appearance: none;    
}

button{
	border: none;
}

input, select, div{
	font-family: Verdana, sans-serif;	
}

input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#barreRecherche, #blocCommandesCalendrier{
	top: 13.2vw;
    position: fixed;
    background-color: white;
    z-index: 2;
}

#aucun{
	position: relative;
    top: 17.2vw;
}

.preAucun{
	padding-top: 13.5vw;
    margin-bottom: -15vw;
}


.aucunPcsmart{
	width:	70vw;
}

.logoJjcs {
    display: inline-block;
    cursor: pointer;
    height: 6vw;
}

.myPointer{
	cursor:	pointer;
}

.myPointer:hover{
	/*text-transform: underline;*/
}

.ligneSelectionnee:hover{
	background-color: #f3f2f2;
}

.blocTitreHeader {
    margin-left: 2vw;
    display: inline-block;
    vertical-align: top;
    width: max-content;
}

#mf_gestionTS:hover .menuNiv1MFVoir, .gestionTSChoisi .menuNiv1MFVoir{
	background-image: url(../img/flecheblanche_bas.png);
}

.menuNiv1MFVoir{
	height: 1vw;
    background-color: transparent;
    background-image: url(../img/fleche_bas.png);
    background-repeat: no-repeat;
    background-size: 1vw;
    BACKGROUND-POSITION: top;
	margin-top: 0.5vw;
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.myFixed{
	position:	fixed;
}

.titreHeader {
    font-style: italic;
    font-weight: initial;
    font-size: 2vw;
    margin-top: 0.1vw;
    margin-bottom: 0.2vw;
}

.sousTitreHeader, .textTailleTextarea{
	font-size:	0.8vw;
}

.textBarre{
	text-decoration: line-through;
}

.textItalic{
	font-style:	italic;
}

.textgras{
	font-weight:	bold;
}

.textVertical{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
    writing-mode: vertical-rl;	
}

.arreter_inactif{
	background-image:	url(../img/arreter_inactif.png);	
}

.arreter{
	background-image:	url(../img/arreter.png);	
}

.majuscules{
	text-transform: uppercase;
}

.souligner{
	text-decoration:	underline;
}

.textTaillePetit{	
	font-size:	0.6vw;
}

.textTailleNormal{	
	font-size:	0.6vw;
}

.textTailleEntete{	
	font-size:	0.8vw;
}

.textTailleGrand{	
	font-size:	1vw;
}

.textTailleTitrePage{	
	font-size:	1.5vw;
}

.menuImg{
	display:none;
}

.menu{	        
    /*width: fit-content;*/
    height: 3.5vw;
    float: right;
    /*
	background-color: darkgray;
	*/
	display:	inline-block;
	visibility:	visible;
}

.textMenu{
	height: 1.6vw;
    vertical-align: top;    
    padding: 0.4vw 0vw 0vw 0vw;
}

.menuAdmin{
	background-color:	#e65050;
}

.menuComite{
	background-color:	#ff7e27;
}

.menuMoniteur{
	background-color:	#68b966;
}

.menuMembre{
	background-color:	#7fb5f5;
}

.menuUtilisateur{
	margin:	-3vw 0vw 0vw 0vw;
	visibility:	visible;
}

.menuBase{
	visibility: visible;	
}

.menuImgUsrConnecte{
	background-repeat:	no-repeat;
	background-size:	contain;
	background-position:	center;
    float: right;
	width: 2vw;
    height: 2vw;
    margin: -3.4vw 0vw 0vw 0vw;
    padding: 0vw 0vw 0.8vw 0vw !important;
	background-color: white;
}




.menuImgUsrAdmin{
	background-image:	url(../img/profil_administrateur.png);
}
.menuImgUsrAdminChoisi, .menuImgUsrComiteChoisi, .menuImgUsrMoniteurChoisi, .menuImgUsrMembreChoisi{
	background-image:	url(../img/profil_choisi.png);	
}

.menuImgUsrComite{
	background-image:	url(../img/profil_comite.png);
}

.menuImgUsrMoniteur{
	background-image:	url(../img/profil_moniteur.png);
}

.menuImgUsrMembre{
	background-image:	url(../img/profil_membre.png);
}

.menuNiv1User:hover .menuImgUsrAdmin, .menuNiv1User:hover .menuImgUsrComite, .menuNiv1User:hover .menuImgUsrMoniteur, .menuNiv1User:hover .menuImgUsrMembre, .menuNiv1User:hover .deconnexionBtn,
.menuNiv1:hover .clubBtn, .menuNiv1:hover .coursBtn, .menuNiv1:hover .documentBtn, .menuNiv1:hover .connexionBtn{	
	opacity:	0.3;
}

.menuNiv2Utilisateur{
	margin: 1.6vw 0vw 0vw 0vw !important;
}

.menuNiv1User{
	width: 7vw;    
	height: 0vw;
    display: block;
	visibility:	hidden;
    vertical-align: top;
    background-color: white;    
	padding: 0vw;
    text-indent: 0.4vw;
	-webkit-transition: height 0.5s;
	transition: height 0.5s;
}

.menuNiv1UsrVoir{
	display: inline-block;
    width: 1.5vw;
    height: 1.5vw;
	padding-top: 0.7vw;
    padding-bottom: 0.6vw;
    background-color: red;	    
    background-image: url(../img/fleche_bas.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
	float:	left;
}

.menuUtilisateurSCVoir{
	display:	inline-block;
	cursor:pointer;
}

.menuNiv1UsrVoir:hover + .menuUtilisateurSCVoir .menuNiv1User {
    /*background-color:green;*/
	height: 2vw;
    /*display: block;*/
	visibility:	visible;
	padding: 0.4vw 0.4vw 0.4vw 0.4vw;
	cursor:pointer;
}

.menuUtilisateurSCVoir:hover .menuNiv1User, .roleChoisi{
	height: 2vw;
	cursor:pointer;
    /*display: block;*/
	visibility:	visible;
	padding: 0.4vw 0.4vw 0.4vw 0.4vw;
}

.menuNiv1{   
	width: 7vw;    
	height: 2vw;
    display: inline-block;
    vertical-align: top;
    background-color: white;    
	padding: 0.4vw 0.4vw 0.4vw 0.4vw;
    text-indent: 0.4vw;
	-webkit-transition: webkit-box-shadow 0.2s;
	transition: box-shadow 0.2s;
	
}

.menuNiv1MF{   
	width: 7vw;
	height: 0vw;
    display: inline-block;
    vertical-align: top;
    background-color: white;    
	margin-top:	-0.05vw;
    /*text-indent: 0.4vw;*/
	-webkit-transition: height 0.2s;
	transition: height 0.2s;
}
/*
.menuNiv1MF.gestionMembresChoisi:hover, .menuNiv1MFChoisi.gestionMembresChoisi:hover,
.menuNiv1MF.gestionAMChoisi:hover, .menuNiv1MFChoisi.gestionAMChoisi:hover{   
	background-color: #fff4b050;
}

.menuNiv1MF.gestionFacturationChoisi:hover, .menuNiv1MFChoisi.gestionFacturationChoisi:hover,
.menuNiv1MF.gestionFCChoisi:hover, .menuNiv1MFChoisi.gestionFCChoisi:hover{   
	background-color: #ffc19150;
}

.menuNiv1MFChoisi.gestionCoursChoisi:hover, .menuNiv1MF.gestionCoursChoisi:hover, 
.menuNiv1MF.gestionVacChoisi:hover, .menuNiv1MFChoisi.gestionVacChoisi:hover{   
	background-color: #8ad67550;
}

.menuNiv1MF.gestionCotiChoisi:hover, .menuNiv1MFChoisi.gestionCotiChoisi:hover{   
	background-color: #8dd2ff50;
}

.menuNiv1MF.gestionLicChoisi:hover, .menuNiv1MFChoisi.gestionLicChoisi:hover{   
	background-color: #caa28f50;
}
*/
.menuNiv2{
	min-width: 12vw;
	width:	max-content;
    height: max-content;
	height:	2vw;
    display: block;
    text-indent: 1vw;
    margin: 0.3vw 0vw 0vw 0vw;
    visibility: hidden;	
	background-color:	white;
}

.menuNiv3{	
    /*margin: 0.2vw 0vw 0.2vw 0vw;*/
    padding: 0.5vw 0.5vw 0.5vw 0vw;
	position:	relative;
	/*opacity:	0.7;*/
	background-color:	#E0F2F7;
	white-space:	nowrap;
}
/*
.menuNiv1:hover,.menuNiv1:active{
	background-color: #CEECF5;
    opacity: 1;
}
*//*
.menuNiv1:hover .menuNiv2, .menuNiv1:active .menuNiv2{
	visibility:	visible;	
}*/
/*
.menuNiv3:hover,.menuNiv3:active{		
    background-color: #CEECF5;	
	font-weight:	bold;	
}

.menuNiv3:hover,.menuNiv3:active{		
    background-color: #CEECF5;	
	font-weight:	bold;	
}
*/

.highlight{
	background-color: yellow;
}

.myDisplayNone{
	display:	none;
}

.myVisible{
	visibility:	visible;
}

.myHidden{
	visibility:	hidden;
}

.myContenuCentre{
	text-align:	center;
}

.myContenuWebCentre{
    text-align: -webkit-center;
}
		
.myContenuGauche{
	text-align:	left;
}

.myContenuDroite{
	text-align:	right;
}


.myUpperCase{
	text-transform: uppercase;
}

.myAbsolute{
	position:	absolute;
}

.myLargeurAuto{
	width:	auto;
}

.overlay{
	background-color:	white;
	z-index:	9990;
	opacity:	0.7;
	width:	100vw;
	height:	100vh;	
	position:	fixed;
	top:	0;
	left:	0;		
}

.myCentreEcran{
	position: fixed;
    top: 50%;
    left: 50%;
    /*margin-top: -50px;*/
    /*margin-left: -50px;*/
    transform: translate(-50%, -50%);
}

.info{
	background-color:	white;
	width:	max-content;
	height:	max-content;
	max-width:	90vw;
	max-height:	70vh;
	border:	0.3vw solid gray;
	z-index:	9992;			
	overflow:	hidden;
    transition: background-color 0.25s;	
}

.modale{
	width:	max-content;
	height:	max-content;
	max-width:	90vw;
	max-height:	90vh;
	border:	0.3vw solid #3378b1;
	z-index:	9991;		
	overflow:	hidden;
	background-color:	white;
    transition: background-color 0.25s;
}

.loading{
    width: 20vw;
    height: 10vw;
    z-index: 9992;
    background: rgba( 255, 255, 255, .8 );
    background-image: url(../img/loading.gif);
    background-size: 6vw;
    background-repeat: no-repeat;
    background-position: center;
}

.etape{
	max-height: 
}

.aucunModale{
	overflow:	auto;
	width:	-webkit-fill-available;
	height:	max-content;
	max-width:	85vw;
	/*max-height:	90vh;*/
	 max-height:	calc(50vh - 1vw);  
}

.sousAucunModalePetit{
	overflow:	auto;
	max-height:	13vw;
}

.aucunModaleBcpObj{
	overflow:	auto;
	max-height:	calc(40vh - 1vw);
}

.corpsModale{
	max-height: 70vh;
    height: max-content;
}

.formulaire_sauver{
    display: block;
    /*border: 1px solid #add486 !important;*/
    background-color: #b7dbf9 !important;
}

.hauteurConteneurGrand{
	height:	30vw;
}

.overflowYHidden	{
	overflow:	hidden;
}

.overflowY{
	overflow-y:	scroll;
}

.overflowYAuto{
	overflow-y:	auto;
}

.myFlowRoot{
	display:	flow-root;
}

.myInlineBlock{
	display:	inline-block;
}

.myInlineFlex{
	display:	inline-flex;
}

.myWordBreak{
	word-break: break-word;
}

.myBlock{
	display:	block;
}

.myInline{
	display:	inline;
}

.hauteurLignePetit{
	line-height:	1.1vw;
}

.hauteurLigneMoyen{
	line-height:	1.8vw;
}

.hauteurLigneGrand{
	line-height:	2vw;
}

.myCheckLabel{
	padding: 0.2vw 0 0 0; 
	border-width: 0 0 0 0.3vw;
    line-height: 1vw;       
}

.myContainer{
	border-width: 0 0 0 0.3vw;
    line-height: 1vw;    
    border-color: #F2F3F4;
    border-style: solid;
	background-color: #F2F3F4;
	width:	max-content;
}

.vAlignT{
	vertical-align:	top;
}

.vAlignM{
	vertical-align:	middle;
}

.vAlignS{
	vertical-align:	super;
}

.vAlignTB{
	vertical-align:	text-bottom;
}

.vAlignInherit{
	vertical-align:	inherit;
}

.mySwitchOn{
	background-color: #3378b1;
    color: white;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;	
}

.mySwitchOff{
	background-color: #d4d4d4;
    color: gray;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;	
}

.myTextIndent{
	text-indent:	0.5vw;
}

.myInputObligatoireNok{
	border-left-width:	0.3vw !Important;
	border-left-color:	red !Important;	
}

.myInputObligatoireOk{
	border-left-width:	0.3vw !Important;
	border-left-color:	#4FC828 !Important;	
}

.myInputObligatoireAEnregistrer{
	border-left-width:	0.3vw !Important;
	border-left-color:	orange !Important;	
}

.myInputGroupeOk{
	border-left-width:	0.3vw !Important;
	border-left-color:	#85aaff !Important;	
}

.myCheck{
	width:	1vw;
	height: 1vw;
	float:	right;
	margin: 0.1vw 0 0 0;
}

.myCheckPetit{
	width:	0vw;
	height: 0vw;
	/*float:	right;
	margin: 0.1vw 0 0 0;*/
}

.myInput{
	border-width:	0 0 0 0.3vw;		
	line-height:	1vw;
	/*padding:	0.5vw 0vw 0vw 0vw;	*/
	padding:	0.2vw 0vw 0vw 0vw;	
	background-color:#F2F3F4;	
	border-color:	#F2F3F4;
	border-style:	solid;	
}

.myLabel{	
    color: #3378b1;
}

.tailleButtonInput{
	width:	10vw;
	height:	2vw;
}

.tailleObjNull{
	width:	0vw;
	/*height:	1.5vw*/
	height:	1vw;
}

.tailleObjMini{
	width:	3vw;
	/*height:	1.5vw*/
	height:	1vw;
}

.tailleObj5vw{
	width:	5vw;
	/*height:	1.5vw*/
	height:	1vw;
}

.tailleObjPetit{
	width:	6vw;
	/*height:	1.5vw*/
	height:	1vw;
}

.tailleObjStandard{
	width:	10vw;
	/*height:	1.5vw*/
	height:	1vw;
}

.tailleObjMoyen{
	width:	15vw;
	/*height:	1.5vw*/
	height:	1vw;
}

.tailleObjGrand{
	width:	20vw;
	/*height:	1.5vw*/
	height:	1vw;
}

.tailleObjTresGrand{
	width:	25vw;
	/*height:	1.5vw*/
	height:	1vw;
}
.tailleObjMax{
	width:	100%;
	/*height:	1.5vw*/
	height:	1vw;
}

.tailleTextareaStandard{
	width:	24.7vw;	
	height:	10vw;
	resize:	none;
}

.tailleTextareaGrand{
	width:	60vw;
	height:	25vw;
	resize:	none;
}

.tailleTextareaPetit{
	width:	19vw;	
	height:	4vw;
	resize:	none;
}

.tailleObjMax{
	width:	100%;	
	height:	1vw
}

.largeurCelluleJourCalMensuelPetit{
	width:	6vw;
}

.largeurCelluleMini{
	width:	3.3vw;
}

.largeurCelluleStandardCours{
	width:	9.8vw;
}

.largeurCelluleStandard{
	width:	10vw;
}

.largeurCelluleCalMensuelPetit{
	width:	8vw;
}

.hauteurCelluleMini{
	height:	1vw;
}

.hauteurCellulePetit{
	height:	1.5vw;
}

.hauteurCelluleStandard{
	height:	3vw;
}

.hauteurCelluleGrand{
	height:	4vw;
}

.hauteurCelluleTresGrand{
	height:	6vw;
}

.tailleLabelMini{
	width:	3.3vw;
}

.tailleLabelPetit{
	width:	6.3vw;
}

.tailleLabelSpec{
	width:	12.6vw;
}

.tailleLabelStandardCourt{
	width:	8vw;
}

.tailleLabelStandard{
	width:	10vw;	
}

.tailleLabelMoyen{
	width:	15vw;
}

.tailleLabelGrand{
	width:	20vw;	
}

.tailleLabelTresGrand{
	width:	25.3vw;
	/*height:	1.5vw*/
	height:	1vw
}
.tailleLabelEnorme{
	width:35vw;	
}
.tailleLabelMax{
	width:	100%;	
}

.tailleLabelSelStandard{
	width:	10.3vw;	
}

.tailleLabelSelMoyen{
	width:	15.3vw;
}

.tailleLabelSelGrand{
	width:	20.3vw;	
}

.tailleLabelSelTresGrand{
	width:	25.3vw;
	/*height:	1.5vw*/
	height:	1vw
}

.tailleCheckLabelGrand{
	width:	19vw;
	/*height:	1.5vw*/
	height:	1vw
}

.tailleCheckLabelMoyen{
	width:	12vw;
	/*height:	1.5vw*/
	height:	1vw
}

.tailleCheckLabelStandard{
	width:	8.8vw;
	/*height:	1.5vw*/
	height:	1vw
}

.tailleSelPetit{
	width:	6.3vw;
	/*height:	2vw*/
	height:	1.2vw;
}

.tailleSelStandard{
	width:	10.3vw;
	/*height:	2vw*/
	height:	1.2vw;
	
}

.tailleSelMoyen{
	width:	15vw;
	/*height:	2vw*/
	height:	1.2vw;
}

.tailleBtnMini{
	width:	0.9vw;
	height:	0.9vw
}

/*
.tailleBtnPetit{
	width:	1.1vw;
	height:	1.1vw
}
*/
.tailleBtnPetit{
	width:	1.3vw;
	height:	1.3vw
}

.tailleBtnStandard{
	/*width:	2.1vw;
	height:	2.1vw*/
	width:	1.5vw;
	height:	1.5vw
}

.tailleBtnEnorme{	
	width:	6vw;
	height:	6vw
}

.tailleBtnMenu{
	width:	2vw;
	height:	2vw
}

.tailleBtnOutilsPetit{
	/*width:	2.1vw;*/
	width:	1vw;
	height:	100%;
}

.tailleBtnOutils{
	/*width:	2.1vw;*/
	width:	1.6vw;
	height:	100%;
}
/* test*/
.tailleBtnOutilsBigFoot{
	/*width:	2.1vw;*/
	width:	1.6vw;
	height:	41%;
}

.normalLabelMF{
	/*width:	8.3vw;*/
	width:	8vw;
}

.moyenLabelMF{
	/*width:	8.3vw;*/
	width:	5.3vw;
}

.taillePartieDEnormeMF{
	width:	calc(100% - 7vw);
}

.petitLabelMF{
	width:	4.3vw;
}

.miniLabelMF{
	width:	3vw;
}

.calendrierMFStandard{
	width: 9.8vw;
	position:	relative;
    /*height: 10vw;	*/
	background-color: white;
	-webkit-transition: -webkit-box-shadow 0.2s, width 0.3s;
	transition: box-shadow 0.2s, width 0.3s;	
	/*padding: 1vw;*/
	/*vertical-align:	top;*/
}

.ligneMF{
	width: 11vw;
    height: 1vw;	
	background-color: white;
	-webkit-transition: -webkit-box-shadow 0.2s, width 0.3s;
	transition: box-shadow 0.2s, width 0.3s;	
	padding: 0.1vw;
	vertical-align:	top;
}

.microMF{
	width: 2.5vw;
    height: 2.5vw;	
	background-color: white;
	-webkit-transition: -webkit-box-shadow 0.2s, width 0.3s;
	transition: box-shadow 0.2s, width 0.3s;	
	padding: 1vw;
	vertical-align:	top;
}

.petitMF{	
	width: 8vw;
    height: 8vw;	
	background-color: white;
	-webkit-transition: -webkit-box-shadow 0.2s, width 0.3s;
	transition: box-shadow 0.2s, width 0.3s;	
	padding: 1vw;
	vertical-align:	top;
}
.docFichiersMF{
	width: 13vw;
    height: 4vw;	
	background-color: white;
	-webkit-transition: -webkit-box-shadow 0.2s, width 0.3s;
	transition: box-shadow 0.2s, width 0.3s;	
	padding: 1vw;
	vertical-align:	top;
}

.moyenCourtMF{	
	width: 13vw;
    height: 5vw;	
	background-color: white;
	-webkit-transition: -webkit-box-shadow 0.2s, width 0.3s;
	transition: box-shadow 0.2s, width 0.3s;	
	padding: 1vw;
	vertical-align:	top;
}

.moyenMF{	
	width: 13vw;
    height: 8vw;	
	background-color: white;
	-webkit-transition: -webkit-box-shadow 0.2s, width 0.3s;
	transition: box-shadow 0.2s, width 0.3s;	
	padding: 1vw;
	vertical-align:	top;
}

.grandMF{
	width: 16vw;
	height: 8vw;
	background-color: white;
	-webkit-transition: -webkit-box-shadow 0.2s, width 0.3s;
	transition: box-shadow 0.2s, width 0.3s;	
	padding: 1vw;
	vertical-align:	top;
}

.etiquetteMF{
	width: 16vw;
	height: 1vw;
	background-color: white;
	-webkit-transition: -webkit-box-shadow 0.2s, width 0.3s;
	transition: box-shadow 0.2s, width 0.3s;	
	padding: 1vw;
	vertical-align:	top;
}

.tresGrandMF{
	width: 16vw;
	height: 10vw;
	background-color: white;
	-webkit-transition: -webkit-box-shadow 0.2s, width 0.3s;
	transition: box-shadow 0.2s, width 0.3s;	
	padding: 1vw;
	vertical-align:	top;
}

.rechercheOk{
	background-color:	yellow;
}

.enormeMF{
	width: 16vw;
	height: 12vw;
	background-color: white;
	-webkit-transition: -webkit-box-shadow 0.2s, width 0.3s;
	transition: box-shadow 0.2s, width 0.3s;	
	padding-left: 1vw;
	padding-top: 1vw;
	padding-bottom: 1vw;
	padding-right: 1vw;
	vertical-align:	top;
}

.mfSelect{
	-webkit-box-shadow:  0 0 1vw 0.1vw #8dd2ff !important;
    box-shadow: 0 0 1vw 0.1vw #8dd2ff !important; 
}

.mfSelectRouge{
	-webkit-box-shadow:  0 0 1vw 0.1vw #eb0000 !important;
    box-shadow: 0 0 1vw 0.1vw #eb0000 !important; 
}

.mfSelectVert{
	-webkit-box-shadow:  0 0 1vw 0.1vw #75ed70 !important;
    box-shadow: 0 0 1vw 0.1vw #75ed70 !important; 
}

.mfSelectOrange{
	-webkit-box-shadow:  0 0 1vw 0.1vw #fd9116 !important;
    box-shadow: 0 0 1vw 0.1vw #fd9116 !important; 
}

.microMF:hover, .petitMF:hover, .moyenMF:hover, .moyenCourtMF:hover, .grandMF:hover, .enormeMF:hover, .tresGrandMF:hover,.etiquetteMF:hover,
.calendrierMFStandard:hover, .menuNiv1:hover,.menuNiv1User:hover, .menuMF:hover,
.mfCal:hover {	
    /*-webkit-box-shadow:  0 0 20px 2px #c1c1c1;
    box-shadow: 0 0 20px 2px #c1c1c1;*/
	-webkit-box-shadow:  0 0 1vw 0.1vw #c1c1c1;
    box-shadow: 0 0 1vw 0.1vw #c1c1c1;
}


.largeur20vw{
	width:	20vw;
}

.largeur60vw{
	max-width:	60vw;
}

.mfCal:hover .footMF, .petitMF:hover .footMF, .moyenMF:hover .footMF, .moyenCourtMF:hover .footMF, .docFichiersMF:hover .footMF, .grandMF:hover .footMF, .enormeMF:hover .footMF, .tresGrandMF:hover .footMF, .calendrierMFStandard:hover .footMF{
	height:	2.1vw;
	/*-webkit-box-shadow: 0 0 20px 2px #c1c1c1;
	box-shadow: 0 0 20px 2px #c1c1c1;*/
	-webkit-box-shadow: 0 0 1vw 0.1vw #c1c1c1;
	box-shadow: 0 0 1vw 0.1vw #c1c1c1;
}

.mfCal:hover .bigFootMF, .calendrierMFStandard:hover .bigFootMF{
	height:	4.1vw;
	/*-webkit-box-shadow: 0 0 20px 2px #c1c1c1;
	box-shadow: 0 0 20px 2px #c1c1c1;*/
	-webkit-box-shadow: 0 0 1vw 0.1vw #c1c1c1;
	box-shadow: 0 0 1vw 0.1vw #c1c1c1;
}

.menuNiv1MFVoir:hover .menuNiv1MF{
	height:	1.5vw;
	cursor: pointer;
}

.menuNiv1MFChoisi{
	height:	2.5vw;
	width: 7vw;
    display: inline-block;
    vertical-align: top;
    background-color: white;
	-webkit-transition: height 0.5s;
	transition: height 0.5s;
}

.grandContenantOutilsAdminMF{
	width: 17.5vw;
	height: 9.5vw;
	background-color: white;	
	padding: 0.25vw;
	vertical-align:	top;
}

.menuMF{	
	width: 4vw;    
	height: 3.5vw;	
	background-color: white;
	-webkit-transition: -webkit-box-shadow 0.2s, background-color 0.2s;
	transition: box-shadow 0.2s, background-color 0.2s;	
	padding: 0.3vw 0.3vw 0vw 0.3vw;
	vertical-align:	top;	
}

.outilsMenuMF{		
	height: 2.1vw;    
    margin-left: -0.5vw;
}

.petitMFPlus{
	width: 10vw;
    height: 10vw;
	padding: 1vw;	
}

.petitMFPlus:hover .ajouter, .grandMFPlus:hover .ajouter{
	background-image:	url(../img/ajouter_hover.png);
}

.decompte_inactif, .menuNiv1MF:hover .decompte, .menuNiv1MFChoisi:hover .decompte {
	background-image:	url(../img/decompte_moniteurs_hover.png);
}

.defraiements_inactif, .menuNiv1MF:hover .defraiements, .menuNiv1MFChoisi:hover .defraiements {
	background-image:	url(../img/defraiements_moniteurs_hover.png);
}

.grandMFPlus{
	width: 10vw;
    height: 10vw;
    padding: 2vw 1vw 1vw 1vw;
    padding-top: 2vw;	
}

.headMFVertical{
	height:	5vw;
}

.headMF{
	height:	2vw;
}


.headMenuMF{
	height:	1vw;
}

.docFichierBodyMF{
	height: 2vw;
}

.bodyCourtMF{
	height:3vw;
}


.bodyMF{
	height:6vw;
}

.etiquetteBodyMF{
	display:none;
}

.bodyTresGrandMF{
	height:8vw;
}

.bodyMFCal{
}

.bodyEnormeMF{
	height:10vw;
}

.bodyOAMF{
	height:	100%;
}

.bodyMFPlus, .margeHmoyenNeg{
	margin-top:	-1vw;
}

.bodyMenuMF{
	height:2vw;
}

.footMenuMF{	
	/*height:0vw;
	-webkit-transition: height 0.2s;
	transition:	height	0.2s;*/
	/*height: 0vw;*/
    /*-webkit-transition: height 0.2s;*/
    /*display: table;*/
    /*transition: height 0.2s;*/
	width: inherit;
    /*width: max-content;*/
    margin-left: -0.3vw;
    /*margin-top: 1vw;*/
	position:	absolute;
	/*background-color:	white;*/
}

.myDisplayTable{
	display:	table;
}

.myDisplayFlex{
	display:	flex;
}

.myFlex{
	flex:	1;
}

.etiquetteFootMF{
	display:none;
}

.footMF{	
	/*height:0vw;
	-webkit-transition: height 0.2s;
	transition:	height	0.2s;*/
	height: 0vw;
    -webkit-transition: height 0.2s;
    display: table;
    transition: height 0.2s;
    width: calc(100% + 2vw);
    margin-left: -1vw;
    margin-top: -1.1vw;
	position:	relative;
	background-color:	white;
}

.bigFootMF{
	height: 0vw;
    -webkit-transition: height 0.2s;
    display: table;
    transition: height 0.2s;
    width: calc(100% + 2vw);
    margin-left: -1vw;
    margin-top: -3.1vw;
	position:	relative;
	background-color:	white;
}

.barOutilsMF{	
	height:0vw;
	-webkit-transition: box-shadow 0.2s, height 0.2s;
	transition:	box-shadow 0.2s, height	0.2s;	   
	/*width:	12vw;*/
	/*width:	10vw;*/
}

.outilsMF{
	-webkit-transition: box-shadow 0.2s, height 0.2s;
	transition:	box-shadow 0.2s, height	0.2s;	   
}

.outilsMF:hover{
	/*-webkit-box-shadow: 0 0 20px 2px #c1c1c1;
	box-shadow: 0 0 20px 2px #c1c1c1;*/
	-webkit-box-shadow: 0 0 1vw 0.1vw #c1c1c1;
	box-shadow: 0 0 1vw 0.1vw #c1c1c1;
}


.rappel, .rappel_menu{
    background-image: url(../img/rappel.png);    
}

.tri{
    background-image: url(../img/sort.png);    
}

.avertir_inactif{
    background-image: url(../img/mail_inactif.png);    
}

.avertir:hover{
    background-image: url(../img/mail_hover.png);    
}

.avertir{
    background-image: url(../img/mail.png);    
}

.question_inactif{
    background-image: url(../img/question_inactif.png);    
}

.question:hover{
    background-image: url(../img/question_hover.png);    
}

.question{
    background-image: url(../img/question.png);    
}

.pasOublier_inactif{
    background-image: url(../img/pasoublier_inactif.png);    
}

.pasOublier:hover{
    background-image: url(../img/pasoublier_hover.png);    
}

.pasOublier{
    background-image: url(../img/pasoublier.png);    
}

.rappel:hover{
    background-image: url(../img/rappel_hover.png);    
}

.rappel1{
    background-image: url(../img/rappel1.png);    
}

.rappel1_inactif{
    background-image: url(../img/rappel1_inactif.png);    
}

.rappel1:hover, .rappel1_hover{
    background-image: url(../img/rappel1_hover.png);    
}

.rappel2{
    background-image: url(../img/rappel2.png);    
}

.rappel2_inactif{
    background-image: url(../img/rappel2_inactif.png);    
}

.rappel2:hover, .rappel2_hover{
    background-image: url(../img/rappel2_hover.png);    
}

.rappel3{
    background-image: url(../img/rappel3.png);    
}

.rappel3_inactif{
    background-image: url(../img/rappel3_inactif.png);    
}

.rappel3:hover, .rappel3_hover{
    background-image: url(../img/rappel3_hover.png);    
}


.cloturer{
    background-image: url(../img/cloturer.png);    
}

.cloturer:hover{
    background-image: url(../img/cloturer_hover.png);    
}

.supprimer{
    background-image: url(../img/supprimer.png);    
}

.postuler{
    background-image: url(../img/postuler.png);    
}

.annuler_postuler{
    background-image: url(../img/annuler_postuler.png);    
}

.annuler_postuler:hover{
    background-image: url(../img/annuler_postuler_hover.png);    
}

.postuler:hover{
    background-image: url(../img/postuler_hover.png);    
}

.supprimer_inactif{
    background-image: url(../img/supprimer_inactif.png);    
}

.afficherInfos:hover{
    background-image: url(../img/infos_hover.png);    
}

.afficherInfos_inactif{
    background-image: url(../img/infos_inactif.png);    
}

.afficherInfos{
    background-image: url(../img/infos.png);    
}

.supprimer:hover{
    background-image: url(../img/supprimer_hover.png);    
}

.presence:hover{
    background-image: url(../img/presence_hover.png);    
}

.presence{
    background-image: url(../img/presence.png);    
}

.attente:hover{
    background-image: url(../img/attente_hover.png);    
}

.attente{
    background-image: url(../img/attente.png);    
}

.importer_attente:hover{
    background-image: url(../img/importer_attente_hover.png);    
}

.importer_attente{
    background-image: url(../img/importer_attente.png);    
}

.modifier{
    background-image: url(../img/modifier.png);    
}

.modifier:hover{
    background-image: url(../img/modifier_hover.png);    
}

.modifier_inactif{
    background-image: url(../img/modifier_inactif.png);    
}

.image{
    background-image: url(../img/image.png);    
}

.excel{
    background-image: url(../img/excel.png);    
}

.word{
    background-image: url(../img/word.png);    
}

.pdf{
    background-image: url(../img/pdf.png);    
}

.fichierPdf{
    background-image: url(../img/fichierpdf.png);    
}

.fichierPdf:hover{
    background-image: url(../img/fichierpdf_hover.png);    
}

.grades{
    background-image: url(../img/grades.png);    
}

.grades:hover{
    background-image: url(../img/grades_hover.png);    
}

.conger{
    background-image: url(../img/conger.png);    
}

.imprimer:hover{
    background-image:	url(../img/imprimer_hover.png);
}

.imprimer{
    background-image:	url(../img/imprimer.png);
}

.imprimer_inactif{
    background-image:	url(../img/imprimer_inactif.png);
}

.facturer{
    background-image:	url(../img/factures.png);
}

/*.facturer:hover{
    background-image:	url(../img/factures_hover.png);
}

.conger:hover{
    background-image: url(../img/conger_hover.png);    
}
*/
.coursEleve, .coursBtn{
    background-image: url(../img/coursEleve.png);    
}

.coursEleve:hover{
    background-image: url(../img/coursEleve_hover.png);    
}

.changePassword{
	background-image: url(../img/clef.png);    
}
.changePassword:hover{
	background-image: url(../img/clef_hover.png);    
}

.coursMoniteur{
    background-image: url(../img/coursMoniteur.png);    
}

.coursMoniteur:hover{
    background-image: url(../img/coursMoniteur_hover.png);    
}

.ajoutCM{
    background-image: url(../img/ajoutCM.png);    
}

.ajoutCM:hover{
    background-image: url(../img/ajoutCM_hover.png);    
}

.ajoutEC{
    background-image: url(../img/ajoutEC.png);    
}

.ajoutEC:hover{
    background-image: url(../img/ajoutEC_hover.png);    
}

.factures{
    background-image: url(../img/factures.png);    
}

.factures:hover{
    background-image: url(../img/factures_hover.png);    
}

.connexionBtn{
	background-image: url(../img/login.png);    	
}

#connexion{
	cursor: pointer;
	z-index:9000;
}

.width25{
	width:	25vw;
}

.left75{
	left:	75vw;
}

.deconnexionBtn{
	background-image: url(../img/logout.png);    
}

.documentBtn, .document, .gestionDocuments, .moniteursDocuments{
	background-image: url(../img/document.png);    
}

.document:hover{
	background-image: url(../img/document_hover.png);    
}

.conger:hover{
	background-image: url(../img/conger_hover.png);    
}

.flechBas{
	background-image: url(../img/fleche_bas.png);    
}

.retour{
	background-image: url(../img/retour.png);    
}

.flechHaut{
	background-image: url(../img/fleche_haut.png);    
}

.clubBtn{
	background-image: url(../img/club.png);    
}

.comiteBtn{
	background-image: url(../img/comite.png);    
}

.comiteBtn:hover{
	background-image: url(../img/comite_hover.png);    
}

.labelMenu{
	position: absolute;
    top: 1.3vw;
    width: 7vw;
    display: none;
}

.labelMenuUsr{
    position: absolute;    
    width: 7vw;
    margin-top: -1.6vw;
	display:	none;
}

.labelMenuMF{
	position: relative;
    top: -1.3vw;
	display: none;
	font-size:	0.8vw;
}

.menuNiv1:hover .labelMenu, .menuNiv1User:hover .labelMenuUsr,.menuNiv1:hover .labelMenuMF{
	display:block;
}

.menuNiv1MF:hover .labelMenuMF,.menuNiv1MFChoisi:hover .labelMenuMF{
	display:block;
}

.MFBouton{
	width:	100%;
	height:	100%;
}

.overlayMF{
	
}

.photoPetitMF{
	background-size:	contain;
	background-repeat: no-repeat;
	/*max-height: 5vw;*/
    height: 1.5vw;
    width: 1.5vw;
}


.photoProfilMF{
	background-size:	contain;
	background-repeat: no-repeat;
	/*max-height: 5vw;*/
    height: 5vw;
    max-width: 6.5vw;
}

.photoProfilEnormeMF{
	background-size:	contain;
	background-repeat: no-repeat;
	/*max-height: 5vw;*/
    height: 8vw;
    max-width: 6.5vw; 
}

.photoProfilEnormeCarreeMF{
	background-size:	contain;
	background-repeat: no-repeat;
	/*max-height: 5vw;*/
    height: 7vw;
    width: 7vw; 
}

.photoProfilEnormePaysageMF{
	background-size:	contain;
	background-repeat: no-repeat;
	max-width: 10vw;
    /*height: 8vw;
    width: 10vw; */
}

.photoProfilEnormePortraitMF{
	background-size:	contain;
	background-repeat: no-repeat;
	max-height: 7vw;
    /*height: 7vw;
    width: 5vw; */
}

.tailleColtextVerticalCHK{
	width: 0.9vw;
}

.tailleColonnesPhotoMF{
	width:	7vw;
    position: relative;
	-webkit-transition: width 0.3s;
	transition: width 0.3s;
	
}
/*
.mfAvecImgProfil:hover .photoProfilEnormePortraitMF,
.mfAvecImgProfil:hover .photoProfilEnormeCarreeMF,
.mfAvecImgProfil:hover .photoProfilEnormePaysageMF{
	width:0vw;
	
}


.ColMFMasquee{
	width:0vw;
	overflow:auto;
	position:	relative;
	-webkit-transition: width 0.3s;
	transition: width 0.3s;
}

.mfAvecImgProfil:hover .ColMFMasquee{
	width:100%;
}
*/
.myImage{
	background-repeat:	no-repeat;
	background-size:	contain;
	background-position:	center;
	background-color: transparent;
	cursor:	pointer;
	/*-webkit-transition: background-image 0.3s;
	transition: background-image 0.3s;*/
}

.valider{
	background-image:	url(../img/valider.png);	
}

.champsInactif{
	color:	gray;
}

.sauver_inactif{
	background-image:	url(../img/sauver_inactif.png);	
}

.sauver{
	background-image:	url(../img/sauver.png);	
}

.sauver:hover{
	background-image:	url(../img/sauver_hover.png);	
}

.moins, .moinsMenu{
	background-image:	url(../img/moins.png);		
}

.moins:hover{
	background-image:	url(../img/moins_hover.png);		
}

.chgmtCours{
	background-image:	url(../img/chgmt_cours.png);		
}

.chgmtCours:hover{
	background-image:	url(../img/chgmt_cours_hover.png);		
}

.moinsMenu:hover{
	background-image:	url(../img/moins_inactif.png);		
}

.parcourir{
	background-image:	url(../img/parcourir.png);	
}

.flecheGauche{
	background-image:	url(../img/fleche_gauche.png);	
}

.flecheDroite{
	background-image:	url(../img/fleche_droite.png);	
}

.flecheGauche:hover{
	background-image:	url(../img/fleche_gauche_hover.png);	
}

.flecheDroite:hover{
	background-image:	url(../img/fleche_droite_hover.png);	
}

.afinir{
	background-image:	url(../img/afinir.png);		
}

.afinir:hover{
	background-image:	url(../img/afinir_hover.png);		
}

.decompte, .gestionPM{
	background-image:	url(../img/decompte_moniteurs.png);	
}

.defraiements, .gestionPM{
	background-image:	url(../img/defraiements_moniteurs.png);	
}

.facturesManuelles{
	background-image:	url(../img/factures_manuelles.png);	
	/*-webkit-transition: background-image 0.3s;
	transition: background-image 0.3s;*/
}

.ajouter{
	background-image:	url(../img/ajouter.png);	
	/*-webkit-transition: background-image 0.3s;
	transition: background-image 0.3s;*/
}
/*
.imprimer{
	background-image:	url(../img/imprimer.png);	
	-webkit-transition: background-image 0.3s;
	transition: background-image 0.3s;
}

.conger{
	background-image:	url(../img/conger.png);	
	-webkit-transition: background-image 0.3s;
	transition: background-image 0.3s;
}

.facturer{
	background-image:	url(../img/factures.png);	
	-webkit-transition: background-image 0.3s;
	transition: background-image 0.3s;
}
*/
.gestionAM{
	background-image:	url(../img/arts_martiaux.png);	
	-webkit-transition: background-image 0.3s;
	transition: background-image 0.3s;
}

.mesInfos{	
	-webkit-transition: background-image 0.3s;
	transition: background-image 0.3s;
}

.gestionDev{
	background-image:	url(../img/dev.png);	
	-webkit-transition: background-image 0.3s;
	transition: background-image 0.3s;
}

.gestionFC{
	background-image:	url(../img/comite.png);	
	-webkit-transition: background-image 0.3s;
	transition: background-image 0.3s;
}

.gestionMembres, .moniteursEleves{
	background-image:	url(../img/membres.png);	
	-webkit-transition: background-image 0.3s;
	transition: background-image 0.3s;
}

.gestionAfinirExiste{
	animation: fondAnimeAFinir 3s infinite;
}

@keyframes fondAnimeAFinir{
	0%{background-color:#ffffff;}
	50%{background-color:#ff0000ab;}
	100%{background-color:#ffffff;}
}

.gestionAbsencesExiste{
	animation: fondAnimeAbsences 3s infinite;
}

@keyframes fondAnimeAbsences{
	0%{background-color:#ffffff;}
	50%{background-color:#ffc191;}
	100%{background-color:#ffffff;}
}

.gestionAfinir{
	background-image: url(../img/attente.png);  	
	-webkit-transition: background-image 0.3s;
	transition: background-image 0.3s;
}

.membres{
	background-image:	url(../img/membres.png);	
}

.membres:hover{
	background-image:	url(../img/membres_hover.png);		
}

.gestionFacturation{
	background-image:	url(../img/coursEleve.png);	
	-webkit-transition: background-image 0.3s;
	transition: background-image 0.3s;
}

.gestionCours,.moniteursCours{
	background-image:	url(../img/coursEleve.png);	
	-webkit-transition: background-image 0.3s;
	transition: background-image 0.3s;
}

.presencesCoursMobile{
	background-image:	url(../img/presencemobile.png);	
	-webkit-transition: background-image 0.3s;
	transition: background-image 0.3s;
}

.gestionVac{
	background-image:	url(../img/vacances.png);	
	-webkit-transition: background-image 0.3s;
	transition: background-image 0.3s;
}

.gestionPlanningSC:hover .planning, .gestionPlanningChoisi .planning{
	background-image:	url(../img/planning_choisi.png);	
	-webkit-transition: background-image 0s;
	transition: background-image 0s;
}

.gestionTSSC:hover .gestionTS, .gestionTSChoisi .gestionTS{
	background-image:	url(../img/sponsors_choisi.png);	
	-webkit-transition: background-image 0s;
	transition: background-image 0s;
}
/*
.gestionafinirSC:hover .gestionAfinir, .gestionAfinirChoisi .gestionAfinir{
	background-image:	url(../img/attente_choisi.png)!important;	
	-webkit-transition: background-image 0s;
	transition: background-image 0s;
}
*/
#mf_gestionDocuments:hover .gestionDocuments,.gestionDocuments:hover .gestionDocuments, .gestionDocumentsChoisi .gestionDocuments{
	background-image:	url(../img/document_blanc.png)!important;	
	-webkit-transition: background-image 0s;
	transition: background-image 0s;
}
#mf_gestionDocuments:hover .menuNiv1MFVoir,.gestionDocumentsChoisi .menuNiv1MFVoir{
	background-image:	url(../img/fleche_bas_blanche.png)!important;	
	-webkit-transition: background-image 0s;
	transition: background-image 0s;
}


.gestionSponsors, .gestionTS{
	background-image:	url(../img/sponsors.png);	
	-webkit-transition: background-image 0.3s;
	transition: background-image 0.3s;
}

.gestionPlanning{
	background-image:	url(../img/planning.png);	
	-webkit-transition: background-image 0.3s;
	transition: background-image 0.3s;
}

.absencesMoniteurs{
	background-image:	url(../img/absences_moniteurs.png);	
	-webkit-transition: background-image 0.3s;
	transition: background-image 0.3s;
}

.gestionPM{
	/*background-image:	url(../img/cotisations.png);	*/
	-webkit-transition: background-image 0.3s;
	transition: background-image 0.3s;
}

.gestionCoti, .gestionFacturation, .cotisation, .moniteursDefraiement {
	background-image:	url(../img/cotisations.png);	
	-webkit-transition: background-image 0.3s;
	transition: background-image 0.3s;
}

.facture{
	background-image:	url(../img/cotisations.png);	
}

.cotisationBVR{
	background-image:	url(../img/cotisations_bvr.png);	
	-webkit-transition: background-image 0.3s;
	transition: background-image 0.3s;
}

.cotisationBVR:hover{
	background-image:	url(../img/cotisations_bvr_hover.png);	
}

.cotisation:hover{
	background-image:	url(../img/cotisations_hover.png);	
}

.monA:hover, .monA_actif, .monA_inactif:hover{
	background-image:	url(../img/monA_hover.png);	
}

.monA_inactif{
	background-image:	url(../img/monA_inactif.png);	
}

.monA{
	background-image:	url(../img/monA.png);	
}

.monB_inactif{
	background-image:	url(../img/monB_inactif.png);	
}

.monB{
	background-image:	url(../img/monB.png);	
}

.monB:hover, .monB_actif, .monB_inactif:hover{
	background-image:	url(../img/monB_hover.png);	
}

.gestionLic{
	background-image:	url(../img/licences.png);	
	-webkit-transition: background-image 0.3s;
	transition: background-image 0.3s;
}

.gestionDevChoisi, #mf_gestionDev:hover, #mf_gestionDev:hover .menuNiv1MFVoir,{	
	/* rouge */
	background-color:	red;	
 }

.gestionAMChoisi,.gestionMembresChoisi,.moniteursCoursChoisi,#mf_moniteursCours:hover, #mf_moniteursCours:hover .menuNiv1MFVoir,
 #mf_gestionMembres:hover, #mf_gestionMembres:hover .menuNiv1MFVoir,#mf_gestionAM:hover, #mf_gestionAM:hover .menuNiv1MFVoir,
 #mf_presencesCoursMobile:hover, #mf_presencesCoursMobile:hover .menuNiv1MFVoir,
 .mesInfosChoisi, #mf_mesInfos:hover, #mf_mesInfos:hover .menuNiv1MFVoir{	
	/* jaune */
	background-color:	#fff4b0;
}

.gestionFCChoisi, .gestionFacturationChoisi, #mf_gestionFacturation:hover, #mf_gestionFacturation:hover .menuNiv1MFVoir,
.absencesMoniteursChoisi, .moniteursElevesChoisi, #mf_moniteursEleves:hover, #mf_moniteursEleves:hover .menuNiv1MFVoir,
 #mf_gestionFC:hover,#mf_gestionFC:hover .menuNiv1MFVoir, .fondOrangeClair,
 #mf_absencesMoniteurs:hover, #mf_absencesMoniteurs:hover .menuNiv1MFVoir{	
	/* orange */
	background-color:	#ffc191;
}

.gestionPMChoisi, #mf_gestionPM:hover, #mf_gestionPM:hover .menuNiv1MFVoir,
.gestionCoursChoisi, #mf_gestionCours:hover, #mf_gestionCours:hover .menuNiv1MFVoir, 
.fondVertClair:hover, .fondVertClairChoisi,#mf_presencesCoursMobileFixe:hover, #mf_presencesCoursMobileFixe:hover .menuNiv1MFVoir,
.presencesCoursMobileFixeChoisi{		
	/* vert */
	background-color:	#8ad675;
}

.gestionCotiChoisi, #mf_gestionCoti:hover, #mf_gestionCoti:hover .menuNiv1MFVoir, 
#mf_gestionVac:hover, #mf_gestionVac:hover .menuNiv1MFVoir, .gestionVacChoisi,
.moniteursDefraiementChoisi, #mf_moniteursDefraiement:hover, #mf_moniteursDefraiement:hover .menuNiv1MFVoir,
.ligneSurbrillance:hover {	
	/* bleu */
	background-color:	#8dd2ff;
}

.gestionLicChoisi, #mf_gestionLic:hover, #mf_gestionLic:hover .menuNiv1MFVoir,#mf_gestionSponsors:hover, #mf_gestionSponsors:hover .menuNiv1MFVoir, .gestionSponsorsChoisi,
.moniteursDocumentsChoisi, #mf_moniteursDocuments:hover, #mf_moniteursDocuments:hover .menuNiv1MFVoir
{
	/* brun */
	background-color:	#caa28f;
}

#mf_gestionTS:hover, #mf_gestionTS:hover .menuNiv1MFVoir, .gestionTSChoisi,
.gestionDocumentsChoisi, #mf_gestionDocuments:hover, #mf_gestionDocuments:hover .menuNiv1MFVoir{
	/* noir */
	background-color: #686868;
	color:	white;
}
.gestionAfinirChoisi,#mf_gestionAfinir:hover, #mf_gestionAfinir:hover .menuNiv1MFVoir{
	/* rouge */
	background-color: #ff0000ab;
}

.ajouter_inactif,.menuNiv1MF:hover .ajouter, .menuNiv1MFChoisi:hover .ajouter{
	background-image:	url(../img/ajouter_inactif.png);		
}

.facturesManuelles_inactif,.menuNiv1MF:hover .facturesManuelles, .menuNiv1MFChoisi:hover .facturesManuelles{
	background-image:	url(../img/factures_manuelles_inactif.png);		
}

.afinir_inactif,.menuNiv1MF:hover .afinir, .menuNiv1MFChoisi:hover .afinir{
	background-image:	url(../img/afinir_inactif.png);		
}

.document_inactif,.menuNiv1MF:hover .document, .menuNiv1MFChoisi:hover .document{
	background-image:	url(../img/document_inactif.png);		
}

.parcourir_inactif,.menuNiv1MF:hover .parcourir, .menuNiv1MFChoisi:hover .parcourir{
	background-image:	url(../img/parcourir_inactif.png);		
}

.rappel_inactif,.menuNiv1MF:hover .rappel, .menuNiv1MFChoisi:hover .rappel{
	background-image: url(../img/rappel_inactif.png);    		
}
/*
.menuNiv1MF:hover .imprimer,.menuNiv1MFChoisi:hover .imprimer{
	background-image:	url(../img/imprimer_hover.png);		
}
*/
.menuNiv1MF:hover .facturer, .menuNiv1MFChoisi:hover .facturer{
	background-image:	url(../img/factures_inactif.png);		
}

.menuNiv1MF:hover .conger, .menuNiv1MFChoisi:hover .conger{
	background-image:	url(../img/conger_inactif.png);		
}

.menuNiv1MF:hover .moinsMenu, .moins_inactif, .menuNiv1MFChoisi:hover .moinsMenu{
	background-image:	url(../img/moins_inactif.png);		
}

.menuNiv1MF:hover .cotisationMenu, .menuNiv1MFChoisi:hover .cotisationMenu, .cotisation_inactif,
.menuNiv1MF:hover .facture, .menuNiv1MFChoisi:hover .facture{
	background-image:	url(../img/cotisations_inactif.png);		
}

.cotisationBVR_inactif{
	background-image:	url(../img/cotisations_bvr_inactif.png);		
}

.valider:hover, .valider_hover{
	background-image:	url(../img/valider_hover.png);	
}

.transfert{
	background-image:	url(../img/transfert.png);	
	-webkit-transition: background-image 0.3s;
	transition: background-image 0.3s;
}

.transfert:hover{
	background-image:	url(../img/transfert_hover.png);	
}

.transfert_inactif{
	background-image:	url(../img/transfert_inactif.png);		
}

.annuler{
	background-image:	url(../img/annuler.png);	
}

.annuler:hover{
	background-image:	url(../img/annuler_hover.png);	
}

.fondGris{
	background-color:	#efefef;
}

.couleurFondBlanc{
	background-color:	white;
}

.bordsNoir{
	border-color:	black;
}

.bordsGris{
	border-color:	#c1c1c1;
}

.bordBGris{
	border-bottom-color:	#c1c1c1;
}

.bordGGris{
	border-left-color:	#c1c1c1;
}

.bordHGris{
	border-top-color:	#c1c1c1;
}

.bordDGris{
	border-right-color:	#c1c1c1;
}

.bordsBleus{
	border-color:	#3378b1;
}

.bordsRouge{
	border-color:	red;
}

.bordsTransparent{
	border-color:	transparent;
}

.bordBTransparent{
	border-bottom-color:	transparent;
}

.bordGTransparent{
	border-left-color:	transparent;
}

.bordHTransparent{
	border-top-color:	transparent;
}

.bordDTransparent{
	border-right-color:	transparent;
}

.bordsSolides{
	border-style:	solid;
}
.bordHSolides{
	border-top-style:	solid;
}
.bordDSolides{
	border-right-style:	solid;
}
.bordBSolides{
	border-bottom-style:	solid;
}
.bordGSolides{
	border-left-style:	solid;
}

.bordsMini{
	border-width:	0.1vw;
}

.bordHmini{
	border-top-width:	0.1vw;
}

.bordDmini{
	border-right-width:	0.1vw;
}

.bordBmini{
	border-bottom-width:	0.1vw;
}

.bordGmini{
	border-left-width:	0.1vw;
}

.bordsPetit{
	border-width: 0.3vw;
}

.bordHpetit{
	border-top-width:	0.3vw;
}

.bordDpetit{
	border-right-width:	0.3vw;
}

.bordBpetit{
	border-bottom-width:	0.3vw;
}

.bordGpetit{
	border-left-width:	0.3vw;
}

.bordsGrand{
	border-width: 1vw;
}

.pcCell, .falsePcCell{
	height:2.5vh;
	padding-top:	1vh;
}

.bordHGrand{
	border-top-width:	1vw;
}

.bordDGrand{
	border-right-width:	1vw;
}

.bordBGrand{
	border-bottom-width:	1vw;
}

.bordGGrand{
	border-left-width:	1vw;
}

.margeHCheckbox{
	margin-top:0.7vw;
}

.margesMicroNeg{
	margin:-0.1vw;
}

.margeHmini{
	margin-top:	0.3vw;
}
.margeDmini{
	margin-right:	0.3vw;
}
.margeBmini{
	margin-bottom:	0.3vw;
}
.margeGmini{
	margin-left:	0.3vw;
}

.margeHminiNeg{
	margin-top:	-0.3vw;
}
.margeDminiNeg{
	margin-right:	-0.3vw;
}
.margeBminiNeg{
	margin-bottom:	-0.3vw;
}
.margeGminiNeg{
	margin-left:	-0.3vw;
}



.margeHpetit{
	margin-top:	0.5vw;
}
.margeDpetit{
	margin-right:	0.5vw;
}
.margeBpetit{
	margin-bottom:	0.5vw;
}
.margeGpetit{
	margin-left:	0.5vw;
}

.margeHpetitNeg{
	margin-top:		-0.5vw;
}
.margeDpetitNeg{
	margin-right:	-0.5vw;
}
.margeBpetitNeg{
	margin-bottom:	-0.5vw;
}
.margeGpetitNeg{
	margin-left:	-0.5vw;
}

.margeHmoyen{
	margin-top:	1vw;
}
.margeDmoyen{
	margin-right:	1vw;
}
.margeBmoyen{
	margin-bottom:	1vw;
}
.margeGmoyen{
	margin-left:	1vw;
}

.margeHmoyenNeg{
	margin-top:	-1vw;
}
.margeDmoyenNeg{
	margin-right:	-1vw;
}
.margeBmoyenNeg{
	margin-bottom:	-1vw;
}
.margeGmoyenNeg{
	margin-left:	-1vw;
}

.margeHgrand{
	margin-top:	2vw;
}
.margeDgrand{
	margin-right:	2vw;
}
.margeBgrand{
	margin-bottom:	2vw;
}
.margeGgrand{
	margin-left:	2vw;
}

.margeHgrandNeg{
	margin-top:	-2vw;
}
.margeDgrandNeg{
	margin-right:	-2vw;
}
.margeBgrandNeg{
	margin-bottom:	-2vw;
}
.margeGgrandNeg{
	margin-left:	-2vw;
}

.margeHTresGrand{
	margin-top:	4vw;
}
.margeDTresGrand{
	margin-right:	4vw;
}
.margeBTresGrand{
	margin-bottom:	4vw;
}
.margeGTresGrand{
	margin-left:	4vw;
}

.margeHTresGrandNeg{
	margin-top:	-4vw;
}
.margeDTresGrandNeg{
	margin-right:	-4vw;
}
.margeBTresGrandNeg{
	margin-bottom:	-4vw;
}
.margeGTresGrandNeg{
	margin-left:	-4vw;
}

.margeHGrandNegVh{
	margin-top:	-2vh;
}
.margeDGrandNegVh{
	margin-right:	-2vh;
}
.margeBGrandNegVh{
	margin-bottom:	-2vh;
}
.margeGGrandNegVh{
	margin-left:	-2vh;
}

.margeBeforeBlocDifferent{
	margin-bottom:	3vw;
}

.paddingHmini{
	padding-top:	0.3vw;
}
.paddingDmini{
	padding-right:	0.3vw;
}
.paddingBmini{
	padding-bottom:	0.3vw;
}
.paddingGmini{
	padding-left:	0.3vw;
}

.paddingHpetit{
	padding-top:	0.5vw;
}
.paddingDpetit{
	padding-right:	0.5vw;
}
.paddingBpetit{
	padding-bottom:	0.5vw;
}
.paddingGpetit{
	padding-left:	0.5vw;
}

.paddingHmoyen{
	padding-top:	1vw;
}
.paddingDmoyen{
	padding-right:	1vw;
}
.paddingBmoyen{
	padding-bottom:	1vw;
}
.paddingGmoyen{
	padding-left:	1vw;
}

.paddingHgrand{
	padding-top:	2vw;
}
.paddingDgrand{
	padding-right:	2vw;
}
.paddingBgrand{
	padding-bottom:	2vw;
}
.paddingGgrand{
	padding-left:	2vw;
}

.tailleLigneSpec{
	width:	37vw;
}

.tailleAvatarPetit{
	width: 4vw;
	height:	4vw;
}

.tailleAvatarMoyen{	
	height:	7vw;
}

.tailleAvatarGrand{
	height: 10vw;
}
.hauteurAvatarMoyen{
	height:	13vw;
}

.tailleSignauxMoyens{
	width: 4vw;
	height:	4vw;
}

.avatarInconnu, .mesInfos{
	background-image:	url(../img/profil.png);
}

.myAlignCenter{
	align-items:	center;
}

.myFloatRight{
	float:	right;
}

.attention1Img{
	background-image:	url(../img/warningVert.png);
}

.attention2Img{
	background-image:	url(../img/warningOrange.png);
}

.attention3Img{
	background-image:	url(../img/warningRouge.png);
}

.exportAttente{
	background-image: url(../img/export_attente.png);    
}

.exportAttente:hover{
	background-image: url(../img/export_attente_inactif.png);    
}

.exportAttente_inactif,.menuNiv1MF:hover .exportAttente, .menuNiv1MFChoisi:hover .exportAttente{
	background-image:	url(../img/export_attente_inactif.png);		
}

.attention1{
	border-color: green;
}

.attention2{
	border-color:	orange;
}

.attention3{
	border-color:	red;
}

.rolePasChoisi{
	/*width: 0vw;
    margin: 0;
    padding: 0vw;
	display:	none;	
	*/
}

.roleMembreChoisi:hover{
	background-color:	#7fb5f54f
}

.roleMoniteurChoisi:hover{
	background-color:	#68b9664f;	
}

.roleComiteChoisi:hover{
	background-color:	#ff7e274f;
}

.roleAdminChoisi:hover{
	background-color:	#e650504f;
}

.roleMembre:hover, .roleMembreChoisi{
	background-color:	#7fb5f5;	
}

.colOver, .ligneOver{
	background-color: #cde4ff;
}

.roleMoniteur:hover, .roleMoniteurChoisi{
	background-color:	#68b966;	
}

.roleComite:hover, .roleComiteChoisi{
	background-color:	#ff7e27;
}

.roleAdmin:hover, .roleAdminChoisi, .fondRougeClair:hover, .fondRougeClairChoisi{
	background-color:	#e65050;
}

.fondRougeClair{
	background-color:	#e650504d;
}

.fondVertClair{
	background-color:	#8ad67561;
}

.fondOrangeClair:hover, .fondOrangeChoisi{
	background-color:	#f58f40;
}


.texteBleuClair{
	color:	#7fb5f5;
}

.texteVertClair{
	color:	#68b966;
}

.texteRougeClair{
	color:	red;
}

.texteOrange{
	color:	#ff7e27;
}

.texteGris{
	color:	#a9a9a9;
}

/** test slider */
.switch {
  position: relative;
  display: inline-block;
  width: 2vw;
  height: 1.2vw;
}

.switchPetit {
  position: relative;
  display: inline-block;
  width: 1.2vw;
  height: 0.8vw;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider, .sliderPetit {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 0.8vw;
	width: 0.8vw;
	left: 0.1vw;
	bottom: 0.2vw;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.sliderPetit:before {
	position: absolute;
	content: "";
	height: 0.5vw;
	width: 0.5vw;
	left: 0.1vw;
	bottom: 0.15vw;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.marginT20{
	margin-top:	20vw;
}

.tatami{
	width : 3vw;
	height : 3vw;	
	border: 0.1vw solid black;
	box-sizing: border-box;
	margin-top:	-1vw;
	padding-top: 1vw;
}

.tatamiVertClair{
	background-color:#5fc55f85 !important
}

.tatamiVert{
	background-color:#009a00 !important
}

.tatamiRougeClair{
	background-color:#ff1e1e54!important
}

.tatamiRouge{
	background-color:#ff1e1e!important
}

.tatamiSel{
	background-color:#a1a1d6!important	
}

.tatami:hover, .tatamiPaysage:hover, .tatamiPprtrait:hover {
	background-color:#dbd33b!important;
}

.tatamiPaysage{
	width:	6vw !important;	
}
.tatamiPortrait{	
	height:	6vw !important;
}

.ligneTatami{
	height:	3vw;
}

.margeTatamiGl{
	margin-left:3vw;
}
.margeTatamiGL{
	margin-left:6vw;
}
.margeTatamiDl{
	margin-right: 3vw;
}
.margeTatamiDL{
	margin-right:	6vw;
}

input:checked + .slider, input:checked + .sliderPetit {
  background-color: #2196F3;
}

input:focus + .slider, input:focus + .sliderPetit {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before{
	-webkit-transform: translateX(0.9vw);
	-ms-transform: translateX(0.9vw);
	transform: translateX(0.9vw);
}

input:checked + .sliderPetit:before {
  -webkit-transform: translateX(0.5vw);
  -ms-transform: translateX(0.5vw);
  transform: translateX(0.5vw);
}