body{
    font-size: 3vw;
}

#aucun{
	top:	20vh;
}

header{
	height:	20vh;
}

#modale{
	padding:2vw;
	height: 60vh;
    overflow-y: auto;
    margin-top: 10vh;
}

#blocCommandesCalendrier {
	/*top: 35vw !important;*/
	top: auto !important;
}

select {
    background-size: 4vw; 
}

.enormeMF{
	width:	80vw !important;
	height:	68vw !important;
}

.headMF{
	height:	10vw !important;
}

.bodyEnormeMF{
	height:	50vw!important;
}

.enormeMF .footMF{
	height: 10vw!important;
}

.sousTitreHeader{
	font-size:4vw;
}

.textTaillePetit{
	font-size:	2.5vw!important;
}

.tailleLabelMini{
	width:10vw;
}

.tailleLabelPetit{
	width:20vw;
}

.aucunPcsmart{
	width:100vw;
}

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

.switch {
    position: relative;
	display: inline-block;
    width: 10vw;
    height: 5vw;
    vertical-align: bottom;
}

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

.tailleLabelMoyen{
	width:30vw;
}

.tailleLabelNormal{
	width:40vw;
}

.myFooter{
	height: 7vh;
    background-color: white;
    width: 100vw;
    position: fixed;
    bottom: 0vh;
}

.tailleSelStandard{
	width: 47vw;    
    height: 7vw;
	vertical-align:	top;
}

.tailleLabelSelStandard {
    width: 47vw;
}

.myInput {    
    line-height: 3vw;
}

.tailleLabelSelPetit{
	width:	25vw;
}

.logoJjcs {
    height: 17vw;
}

.titreHeader {
    font-size: 5vw;
}

.textTailleNormal{
	font-size:	3vw;
}

.textTailleTitrePage {
    font-size: 3.5vw;
}

.paddingHGrandMobile{
	padding-top:6vw;
}

.menuNiv1{
    height: 5.5vw;
	width:	100vw;
	padding: 1.5vw 0vw 0vw 0vw;	
	display:	inline;
	margin-right: 2vw;
    margin-left: 2vw;
}

.blocTitreHeader{
	display:	none;
}

.menuNiv2{	
    width:	auto;
	margin: 1.6vw 0vw 0vw 0vw;
	display:	none;
	visibility:	visible;
}

.menuUtilisateurSCVoir{
	display: block;
    margin-top: -1vw;
}

.menuNiv3{	
    padding: 1vw 2vw 1vw 0vw;
}

.menuImgUsrConnecte{
	float: unset;
	width: 7vw;
	height:	7vw;
}

.menuBase{
	/*visibility:	hidden;	
	display:	none;*/
}

.menuUtilisateur{
	visibility:	hidden;
}

.menu{	    
	height: 10vw;
    float: right;
    width: 56vw;
	vertical-align:	top;
	margin-right : 0vw !important;
	vertical-align:	top;
	top:	0vw;
}

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


.menuNiv1User: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;
}

.menuNiv1User:hover{
	display:block;
}

.menuNiv1User:hover .menuImgUsrAdmin, .menuNiv1User:hover .menuImgUsrComite, .menuNiv1User:hover .menuImgUsrMoniteur, .menuNiv1User:hover .menuImgUsrMembre, .menuNiv1User:hover .deconnexionBtn{	
	opacity:	0.3;
}

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

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

.menuUtilisateurSCVoir:disabled .menuNiv1User, .roleChoisi{
	height: 0vw;
	cursor:pointer;
    /*display: block;*/
	visibility:	hidden;
	/*padding: 0.4vw 0.4vw 0.4vw 0.4vw;*/
}

.menuNiv1User{
    width: 10vw;
    /*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;
}

.menuImgUsrAdminChoisi {
	margin-left:	-0.4vw;
}

.labelMenuUsr{
	visibility:	hidden;
}

.labelMenu{
	visibility:	hidden;
}

.menuUtilisateurSCVoir:hover .menuNiv1User, .roleChoisi {    
    padding: 0vw;
}

.microMF:hover, .petitMF:hover, .moyenMF:hover, .moyenCourtMF:hover, .grandMF:hover, .enormeMF:hover, .tresGrandMF:hover, .calendrierMFStandard:hover, .menuNiv1:hover, .menuNiv1User:hover, .menuMF:hover, .mfCal:hover{
    -webkit-box-shadow: none;
    box-shadow: none;
}

.menuNiv1MF {
	width:	10.5vw;
}

.menuNiv1MFVoir{
	background-size:	3vw;
	height:	3vw;
}

.footMenuMF < .margeGminiNeg {
	margin-top:3.5vw;
}

.margeHmoyenCorMobile{
	margin-top:2.5vw;
}

.labelMenuMF{	    
    top: -3.3vw;    
    font-size: 1.8vw;
}

.menuNiv1MFVoir:hover .menuNiv1MF{
	height:	3vw;
	margin-top: -0.5vw;
	
}

.bodyMenuMF{
	height:	10vw;
}

.menuMF{
	width: 10vw;
    height: 12.5vw;
}

.headMenuMF{
	height: 3.5vw;
	display:none;
}

.roleChoisi{
	height: 10vw;
    cursor: pointer;    
    visibility: visible;
	padding:	0vw;
}

.menuImg{
	background-image: url(../img/menu.png);
    background-repeat: no-repeat;    
	background-position: left;    
	background-size: contain;
	background-color:	white;	        
    padding: 0px 0 0 12vw;		
	visibility:	visible;
	height:	7vw;
	display:	block;
}

.tailleAvatarMobile{
	width:	30vw !important;
	height:	30vw !important;
}

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

.tailleObjStandard {
    width: 45vw;
    height: 5.5vw;
}

.loading{
	width: 60vw;
    height: 20vw;    
    background-size: 20vw;    
}

.tailleObjDateStandard {
    width: 31vw;    
    height: 5.5vw;
    padding-top: 1.5vw;
}

.pcCell{
	height: 5vh !important;
    padding-top: 3vh !important;    
}
/*
.rougePale{
	background-color: #ff00003b;
}
*/
.preAucun{
	top: 20vh;
	height:10vh;
    position: relative ;
	padding-top: 0vw !important;
    margin-bottom: 0vw !important;
}

.bordsMini{
	border-width: 0.5vw !important;
}

.bordsGrandMobile{
	border-width: 1vw;
}

.hauteurCelluleGrand{
	height:	10vh !important;
}

.margeHGrandNegVhMobile{
	margin-top:-2vh;
}

.largeurCelluleCalMensuelPetit{
	width:	90vw !important;
}

.mobileMFMini{
	width: 70vw;
    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;
    margin-bottom: 5vw;
}
/*
.petitMF{
	width: 70vw;
    height: 30vw;    
    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;
    margin-bottom: 5vw;
}
*/
.headMF {
    height: 5vw;
}

.hauteurLigneGrand{
	line-height:	10vw !important;
}

.hauteurMax55{
	max-height:	55vw;
}

.bodyMF {
    height: 15vw;
}

.tailleBtnOutils {
    width: 10vw; 
}

.petitMF:hover .footMF {
    height: 10vw;
}

.modale{
	background-color:	white;
}

.tailleBtnStandard {
    width: 10vw !important;
    height: 10vw !important;
}

.tailleBtnMoyen {
    width: 5vw !important;
    height: 5vw !important;
}


.margeHgrand {
    margin-top: 10vw;
}

.margeDgrand {
    margin-right: 10vw;
}

.margeBgrand {
    margin-bottom: 10vw;
}

.margeGgrand {
    margin-left: 10vw;
}

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

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

.margeBeforeBlocDifferent {
    margin-bottom: 10vw;
}

.myCentreEcran {    
    margin-top: 0px; 
    margin-left: 0px; 
}	

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

.myInput {    
    margin-bottom: 4vw !important;    
}

.myInputObligatoire {
    border-left-width: 1vw !Important;
}