.pageAPropos .formulaire .ligne .contenuAPropos{
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	flex: 1;
}

.pageAPropos .formulaire .ligne .contenuImage{
	max-width: 96px;
}

.pageAPropos .formulaire .ligne .contenuAPropos .informationAMS{
	margin-top: 0;
}

.pageAPropos .formulaire .copyright{
	font-size: 12px;
	margin-top: 10px;
	justify-content: center;
}
.pageAccueil .entete .secondaire{
	flex-wrap: wrap;
}

.pageAccueil .entete .secondaire label{
	display: inline-block;
	width: 55px;
	margin-right: 0px;
}

.pageAccueil .entete .secondaire div{
	margin-right: 5px;
}

.pageAccueil .entete .secondaire select{
	margin-right: 5px;
	width: 110px;
}

.pageAccueil .entete .secondaire .libelleUtilsateur{ 
	flex: 1;
	text-align: right;
	font-weight: bold;
	vertical-align: baseline;
}

.pageAccueil .entete .secondaire .libelleUtilsateur .infoUtilisateur{
	font-weight: normal;
	font-size: 14px;
} 

@media screen and (max-width: 1023px) {
	.pageAccueil .entete .secondaire div{
		margin-top: 5px;
	}
	
	.pageAccueil .entete .secondaire .libelleUtilsateur{
		display: none;
	}
}

.pageAccueil .mosaiqueStructures h2{
	margin: 10px 0px 0px 0px;
	text-align: center;
	font-size: 16px;
}

.pageAccueil .mosaique .element button{
	width: 100%;
	margin-top: 5px;
}

.pageAccueil .mosaique .element > div:first-child{
	display: flex;
}

.pageAccueil .mosaique .element .conteneurImage{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100px;
	height: 100px;
	flex-direction: column;
}

.pageAccueil .mosaique .element .conteneurImage img{
	max-width: 100px;
	max-height: 100px;
	margin-bottom: 5px;
    margin-top: 5px;
}

.pageAccueil .mosaique .element .conteneurDescription{
	flex: 1;
}

.pageAccueil .mosaique .element .conteneurDescription h4{
	width: 175px;
	margin: 5px 0px 5px 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	font-size: 12px;
}

.pageAccueil .mosaique .element .conteneurDescription .statut{
	width: 175px;
	margin: 20px 0px 5px 5px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 20px;
	height: 40px;
	color: white;
	font-size: 14px;
}	
.pageAccueil .mosaiqueStructures{
	width: 100%;
	height: 100%;
}

.pageAccueil .mosaique .element .conteneurImage .progressionSuivi{
	height: 6px;
	width: 80%;	
}

.pageAccueil .mosaique .element .conteneurImage .suiviStructure{
	/*height: 20px;*/
    width: 100%;
    display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin-bottom: 2px;
}

.pageAccueil .mosaique .element .conteneurImage .imgAttentionSuivi{
	width: 20%;
    margin-right: 5px;
}

.pageAccueil .mosaique .element .conteneurImage .infoSuivi{
	display: flex;
    align-items: center;
    margin-top: 2px;
	font-size: 12px;
	text-align: center;
}

.map{
	height: calc(80% - 5px);
	width: calc(80% - 5px);
}
.pageFicheDemande .contenu .sousEntete .enteteStructure{
	min-width: 300px;
}

@media screen and (min-width: 1024px) {
	.pageFicheDemande .contenu .sousEntete .enteteStructure{
		width: auto;
	}
	
	.pageFicheDemande .contenu .sousEntete .ligne{
		display: flex;
	}

	.pageFicheDemande .contenu .sousEntete .infoDemande{
		flex: 1;
		margin-left: 5px;
		padding-left: 10px; 
		border-left: solid 1px #e4e4e4;
	}
}

@media screen and (max-width: 1023px) {
	.pageFicheDemande .contenu .sousEntete .infoDemande{
		padding-top: 5px;
		border-top: solid 1px #e4e4e4;
	}
}

.pageFicheDemande .contenu .sousEntete h4{
	margin-top: 5px;
}

.pageFicheDemande .contenu .sousEntete .actions{
	margin-top: 10px;
}

.pageFicheDemande .contenu .sousEntete .infoDemande .reponseValidationUtilisateur{
	margin-bottom: 10px;
}

.pageFicheDemande .contenu .sousEntete .infoDemande .demande .description .details{
	margin-top: 5px;
}

.pageFicheDemande .liste .element:hover{	/* pas clicable donc modifie le hover */
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	cursor: default;
}

/* le reste est identique à celui de ficheStructure, juste le nom des classes qui changent */

.pageFicheDemande .contenu .sousEntete .infoDemande .demande, .pageFicheDemande .contenu .sousEntete .infoDemande .reponseValidationTechnicien, .pageFicheDemande .contenu .sousEntete .infoDemande .reponseValidationUtilisateur, .pageFicheDemande .contenu .liste .element .reponse{
	display: flex;
	align-items: center;
}

.pageFicheDemande .contenu .sousEntete .infoDemande .demande img, .pageFicheDemande .contenu .sousEntete .infoDemande .reponseValidationTechnicien img, .pageFicheDemande .contenu .sousEntete .infoDemande .reponseValidationUtilisateur img, .pageFicheDemande .contenu .liste .element .reponse img{
	width: 32px;
	height: 32px;
	margin-right: 10px;
}

.pageFicheDemande .contenu .sousEntete .infoDemande .demande .titre, .pageFicheDemande .contenu .sousEntete .infoDemande .reponseValidationTechnicien .titre, .pageFicheDemande .contenu .sousEntete .infoDemande .reponseValidationUtilisateur .titre {
	margin-bottom: 5px;
}

.pageFicheDemande .contenu .sousEntete .infoDemande .demande .titre span, .pageFicheDemande .contenu .sousEntete .infoDemande .reponseValidationTechnicien .titre span, .pageFicheDemande .contenu .sousEntete .infoDemande .reponseValidationUtilisateur .titre span {
	font-size: 16px;
	font-weight: bold;
}

.pageFicheDemande .contenu .sousEntete .infoDemande .demande .titre span.bloquant{
	color: red;
	font-weight: normal;
}

.pageFicheDemande .contenu .sousEntete .infoDemande .demande .transfertGRM{
	font-size: 14px;
	font-weight: normal;
	margin-top: 5px;
	color: #595959;
}

.pageFicheDemande .contenu .sousEntete .infoDemande .demande .utilisateur, .pageFicheDemande .contenu .sousEntete .infoDemande .reponseValidationTechnicien .utilisateur, .pageFicheDemande .contenu .sousEntete .infoDemande .reponseValidationUtilisateur .utilisateur, .pageFicheDemande .contenu .liste .element .reponse .utilisateur {
	font-size: 15px;
	font-weight: bold;
}

.pageFicheDemande .contenu .sousEntete .infoDemande .demande .date, .pageFicheDemande .contenu .sousEntete .infoDemande .reponseValidationTechnicien .date, .pageFicheDemande .contenu .sousEntete .infoDemande .reponseValidationUtilisateur .date, .pageFicheDemande .contenu .liste .element .reponse .date {
	font-size: 14px;
	color: #595959;
}

.pageFicheDemande .contenu .sousEntete .infoDemande .demande .description, .pageFicheDemande .contenu .sousEntete .infoDemande .reponseValidationTechnicien .description, .pageFicheDemande .contenu .sousEntete .infoDemande .reponseValidationUtilisateur .description, .pageFicheDemande .contenu .liste .element .reponse .description {
	font-size: 15px;
}

.pageFicheDemande .contenu .sousEntete .infoDemande .demande .actions button{
	width: 200px;
}

.pageFicheDemande .contenu .sousEntete .infoDemande .reponseValidationTechnicien , .pageFicheDemande .contenu .sousEntete .infoDemande .reponseValidationUtilisateur{
	margin-top: 10px;
	border-top: solid 1px #e4e4e4;
	padding-top: 5px;
}

.pageFicheDemande .contenu .sousEntete .infoDemande .reponseValidationTechnicien .statut, .pageFicheDemande .contenu .sousEntete .infoDemande .reponseValidationUtilisateur .statut, .pageFicheDemande .contenu .liste .element .reponse .statut {
	font-size: 14px;
}

.pageFicheDemande .contenu .liste .element .statut {
	font-weight: bold;
}

.pageFicheDemande .contenu .sousEntete .actions .refuser{
	background-color: red;
}

.pageFicheDemande .contenu .sousEntete .actions .refuser:hover{
	background-color: darkred;
}

.pageFicheDemande .contenu .sousEntete .actions .valider{
	background-color: green;
}

.pageFicheDemande .contenu .sousEntete .actions .valider:hover{
	background-color: darkgreen;
}


.pageFicheDemande .enteteStructure .conteneurImage .suiviStructure .progressionSuivi{
	height: 6px;
	width: 80%;
}

.pageFicheDemande .enteteStructure .conteneurImage .suiviStructure{
    width: 100%;
    display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin-bottom: 5px;
}

.pageFicheDemande .enteteStructure .conteneurImage .suiviStructure .infoSuivi img{
	width: 25px;
    margin-right: 5px;
	margin-left: 5px;
}

.pageFicheDemande .enteteStructure .conteneurImage .suiviStructure .infoSuivi{
	display: flex;
    align-items: center;
    margin-top: 2px;
	font-size: 15px;
}




.pageFicheGroupePositionGps .entete .secondaire{
	justify-content: flex-start !important;
}

.pageFicheGroupePositionGps .entete .secondaire label{
	display: inline-block;
	width: 55px;
	margin-right: 0px;
}

.pageFicheGroupePositionGps .entete .secondaire div{
	margin-right: 5px;
}

.pageFicheGroupePositionGps .entete .secondaire select{
	margin-right: 5px;
	width: 110px;
}

@media screen and (max-width: 1023px) {
	.pageFicheGroupePositionGps .entete .secondaire div{
		margin-top: 5px;
	}
}

.pageFicheGroupePositionGps .map{
	height: calc(100% - 5px);
	width: calc(100% - 5px);
}

.pageFicheLocalisationProbleme .contenu .formulaire .pointageImage{
	margin: 5px auto;
}

.pageFicheLocalisationProbleme .contenu .formulaire .conteneurPointage{
	    display: flex;
		flex-wrap: wrap;
	}


@media screen and (min-width: 1024px) {
	.pageFicheLocalisationProbleme .contenu .formulaire .pointageImage{
		width: 250px;
	}
	.pageFicheLocalisationProbleme .contenu .formulaire{
		width: 540px;
	}
	
}

@media screen and (max-width: 1023px) {
	.pageFicheLocalisationProbleme .contenu .formulaire .pointageImage{
		width: calc(100% - 30px);
		max-width: 250px;
	}
}


.pageFichePhotoAnnexe .contenu .formulaire img{
	margin: 5px auto;
}
.pageFichePhotoAnnexe .contenu .formulaire .conteneurImage{
    text-align: center;
}

.pageFichePhotoAnnexe .contenu .formulaire .conteneurImage img{
	width: 90%;
}


@media screen and (min-width: 1024px) {
	.pageFichePhotoAnnexe .contenu .formulaire img{
		width: 250px;
	}
	.pageFichePhotoAnnexe .contenu .formulaire{
		width: 540px;
	}
	
}

@media screen and (max-width: 1023px) {
	.pageFichePhotoAnnexe .contenu .formulaire img{
		width: calc(100% - 30px);
		max-width: 250px;
	}
}

.map{
	height: calc(100% - 5px);
	width: calc(100% - 5px);
}
/* En mode smartphone */
@media only screen and (max-width:1023px) {	
	.pageFicheStructure .sousEntete .ligne.actions{
		text-align: center;
	}
}
.pageFicheStructure .contenu h4{
	font-size: 16px;
	text-align: center;
}

.pageFicheStructure .contenu .listeDemande .demande, .pageFicheStructure .contenu .listeDemande .derniereReponseAvantValidationUtilisateur, .pageFicheStructure .contenu .listeDemande .reponseValidationUtilisateur{
	display: flex;
	align-items: center;
}

.pageFicheStructure .contenu .listeDemande .demande img, .pageFicheStructure .contenu .listeDemande .derniereReponseAvantValidationUtilisateur img, .pageFicheStructure .contenu .listeDemande .reponseValidationUtilisateur img{
	width: 32px;
	height: 32px;
	margin-right: 10px;
}

.pageFicheStructure .contenu .listeDemande .demande .titre, .pageFicheStructure .contenu .listeDemande .derniereReponseAvantValidationUtilisateur .titre, .pageFicheStructure .contenu .listeDemande .reponseValidationUtilisateur .titre {
	margin-bottom: 5px;
}

.pageFicheStructure .contenu .listeDemande .demande .titre span, .pageFicheStructure .contenu .listeDemande .derniereReponseAvantValidationUtilisateur .titre span, .pageFicheStructure .contenu .listeDemande .reponseValidationUtilisateur .titre span {
	font-size: 16px;
	font-weight: bold;
}

.pageFicheStructure .contenu .listeDemande .demande .titre span.bloquant{
	color: red;
	font-weight: normal;
}

.pageFicheStructure .contenu .listeDemande .demande .transfertGRM{
	font-size: 14px;
	font-weight: normal;
	margin-top: 5px;
	color: #595959;
}

.pageFicheStructure .contenu .listeDemande .demande .utilisateur, .pageFicheStructure .contenu .listeDemande .derniereReponseAvantValidationUtilisateur .utilisateur, .pageFicheStructure .contenu .listeDemande .reponseValidationUtilisateur .utilisateur {
	font-size: 15px;
	font-weight: bold;
}

.pageFicheStructure .contenu .listeDemande .demande .date, .pageFicheStructure .contenu .listeDemande .derniereReponseAvantValidationUtilisateur .date, .pageFicheStructure .contenu .listeDemande .reponseValidationUtilisateur .date {
	font-size: 14px;
	color: #595959;
}

.pageFicheStructure .contenu .listeDemande .demande .description, .pageFicheStructure .contenu .listeDemande .derniereReponseAvantValidationUtilisateur .description, .pageFicheStructure .contenu .listeDemande .reponseValidationUtilisateur .description {
	font-size: 15px;
}

.pageFicheStructure .contenu .listeDemande .derniereReponseAvantValidationUtilisateur , .pageFicheStructure .contenu .listeDemande .reponseValidationUtilisateur{
	margin-top: 10px;
	border-top: solid 1px #e4e4e4;
	padding-top: 5px;
}

.pageFicheStructure .contenu .listeDemande .derniereReponseAvantValidationUtilisateur .statut, .pageFicheStructure .contenu .listeDemande .reponseValidationUtilisateur .statut {
	font-size: 14px;
	font-weight: bold;
}

.pageFicheStructure .contenu .listeDemande .actions .refuser{
	background-color: red;
}

.pageFicheStructure .contenu .listeDemande .actions .refuser:hover{
	background-color: darkred;
}

.pageFicheStructure .contenu .listeDemande .actions .valider{
	background-color: green;
}

.pageFicheStructure .contenu .listeDemande .actions .valider:hover{
	background-color: darkgreen;
}

.pageFicheStructure .contenu .listeDemande .boutonChargerDemande{
	margin-left: 10px;
	margin-bottom: 10px;
}

.pageFicheStructure .contenu .libelleAucuneDemande{
	margin-left: 10px;
	font-size: 15px;
	font-family: "Roboto", sans-serif;
    color: #212121;
}


.pageFicheStructure .enteteStructure .conteneurImage .suiviStructure .progressionSuivi{
	height: 6px;
	width: 80%;
}

.pageFicheStructure .enteteStructure .conteneurImage .suiviStructure{
    width: 100%;
    display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin-bottom: 5px;
}

.pageFicheStructure .enteteStructure .conteneurImage .suiviStructure .infoSuivi img{
	width: 25px;
    margin-right: 5px;
	margin-left: 5px;
}

.pageFicheStructure .enteteStructure .conteneurImage .suiviStructure .infoSuivi{
	display: flex;
    align-items: center;
    margin-top: 2px;
	font-size: 15px;
}



@media screen and (min-width: 1024px) {
	.pageIdentification .formulaire .ligne label{
		min-width: 120px;
	}
}

@media screen and (max-width: 1023px) {
	.pageIdentification .formulaire .ligne label{
		min-width: 100px;
	}
}

.pageIdentification .contenu .identification{
	padding: 0px;
	padding-bottom: 10px;
}

.pageIdentification .contenu .identification img{
	width: 100%;
}

.pageIdentification .contenu .identification .ligne{
	width: calc(100% - 20px);
	margin-left: 10px;
	margin-right: 10px;
}

.pageIdentification .contenu .identification .pied button{
	margin-right: 10px;
}

.pageIdentification .contenu .juridique{
	font-size: 11px;
	margin: 5px;
	text-align: center;
}

.pageIdentification .contenu .copyright{
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 0px;
	text-align: center;
}

.imageEntete {
    position:relative;
}

@media screen and (min-width: 1024px) {	
	.titreImageEntete {
		font-size: 12px;
	}
}

@media screen and (max-width: 1023px) {
	.titreImageEntete {
		font-size: 11px;
	}
}
     
.titreImageEntete {
    position:absolute;
    color:#FFFFFF;
	left: 15px;
	bottom: 0;
}
.pageParametres .mosaique .element{
	width: 200px;
	text-align: center;
	display: flex;
}

.pageParametres .mosaique .element .conteneurImage{
	display: flex;
	justify-content: center;
	align-items: center;
}

.pageParametres .mosaique .element .conteneurImage img{
	width: 48px;
}

.pageParametres .mosaique .element .conteneurDescription{
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pageParametresGroupes .liste{
	width: 100%;
}

.pageParametresGroupes .liste .element{
	width: calc(100% - 40px);
	height: 30px;
	display: flex;
}

.pageParametresGroupes .liste .element .conteneurImage{
	width: 40px;
	display: flex;
}

.pageParametresGroupes .liste .element .conteneurImage img{
	width: 25px;
	margin: 5px;
}

.pageParametresGroupes .liste .element .conteneurDescription{
	flex: 1;
	display: flex;
	align-items: center; 
}

.pageParametresGroupes .liste .element .conteneurAction{
	width: 40px;
}

.pageParametresGroupes .liste .element .conteneurAction img{
	width: 25px;
	margin: 5px;
}

.pageParametresGroupes .liste .element .conteneurDescription .inactifGroupe{
	margin-left: 5px;
	font-size: 14px;
}

/*.pageParametresGroupes .entete .secondaire .ligne{
	align-items: center;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 24px;
  margin-left: 5px;
}

.switch input {
	display:none;
}

.selecteurRond {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
   border-radius: 34px;
}

.selecteurRond:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

input:checked + .selecteurRond {
  background-color: #2196F3;
}

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

input:checked + .selecteurRond:before {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}*/

.pageParametresStations .liste{
	width: 100%;
}

.pageParametresStations .liste .element{
	width: calc(100% - 40px);
	height: 30px;
	display: flex;
}

.pageParametresStations .liste .element .conteneurImage{
	width: 40px;
	display: flex;
}

.pageParametresStations .liste .element .conteneurImage img{
	width: 25px;
	margin: 5px;
}

.pageParametresStations .liste .element .conteneurDescription{
	flex: 1;
	display: flex;
	align-items: center; 
}

.pageParametresStations .liste .element .conteneurAction{
	width: 40px;
}

.pageParametresStations .liste .element .conteneurAction img{
	width: 25px;
	margin: 5px;
}
.pageParametresStatutDemandes .liste{
	width: 100%;
}

.pageParametresStatutDemandes .liste .element{
	width: calc(100% - 40px);
	height: 30px;
	display: flex;
}

.pageParametresStatutDemandes .liste .element .conteneurImage{
	width: 40px;
	display: flex;
}

.pageParametresStatutDemandes .liste .element .conteneurImage img{
	width: 25px;
	margin: 5px;
}

.pageParametresStatutDemandes .liste .element .conteneurDescription{
	flex: 1;
	display: flex;
	align-items: center; 
}

.pageParametresStatutDemandes .liste .element .conteneurAction{
	width: 40px;
}

.pageParametresStatutDemandes .liste .element .conteneurAction img{
	width: 25px;
	margin: 5px;
}

.pageParametresStatutDemandes .liste .element .infoStatut{
	font-size: 14px;
	margin-left: 5px;
}
.pageParametresStructures .liste{
	width: 100%;
}

.pageParametresStructures .liste h2, .pageParametresStructures .liste h3{
	margin-left: 5px;
}


.pageParametresStructures .liste .element{
	width: calc(100% - 40px);
	height: 30px;
	display: flex;
}

.pageParametresStructures .liste .element .conteneurImage{
	width: 40px;
	display: flex;
}

.pageParametresStructures .liste .element .conteneurImage img{
	width: 25px;
	margin: 5px;
}

.pageParametresStructures .liste .element .conteneurDescription{
	flex: 1;
	display: flex;
	align-items: center; 
}

.pageParametresStructures .liste .element .conteneurAction{
	width: 40px;
}

.pageParametresStructures .liste .element .conteneurAction img{
	width: 25px;
	margin: 5px;
}

.pageParametresStructures .entete .secondaire .ligne div label{
	display: inline-block;
	width: 55px;
	margin-right: 0px;
}

.pageParametresStructures .entete .secondaire .ligne div .interrupteur label{
	width: auto;
}

.pageParametresStructures .entete .secondaire .ligne div select{
	margin-right: 5px;
	width: 130px;
}

@media screen and (max-width: 1023px) {
	.pageParametresStructures .entete .secondaire .ligne div{
		margin-top: 5px;
	}
}

.pageParametresStructures .liste .element .conteneurDescription .inactifStructure{
	margin-left: 5px;
	font-size: 14px;
}

.pageParametresStructures .liste .inactifGroupe{
	margin-left: 5px;
	font-size: 16px;
	font-weight: normal;
}
.pageParametresTypeDemandes .liste{
	width: 100%;
}

.pageParametresTypeDemandes .liste .element{
	width: calc(100% - 40px);
	height: 30px;
	display: flex;
}

.pageParametresTypeDemandes .liste .element .conteneurImage{
	width: 40px;
	display: flex;
}

.pageParametresTypeDemandes .liste .element .conteneurImage img{
	width: 25px;
	margin: 5px;
}

.pageParametresTypeDemandes .liste .element .conteneurDescription{
	flex: 1;
	display: flex;
	align-items: center; 
}

.pageParametresTypeDemandes .liste .element .conteneurAction{
	width: 40px;
}

.pageParametresTypeDemandes .liste .element .conteneurAction img{
	width: 25px;
	margin: 5px;
}

.pageParametresTypeDemandes .liste .element .conteneurDescription .inactifTypeDemande{
	margin-left: 5px;
	font-size: 14px;
}
.pageParametresTypeUtilisateurs .liste{
	width: 100%;
}

.pageParametresTypeUtilisateurs .liste .element{
	width: calc(100% - 40px);
	height: 30px;
	display: flex;
}

.pageParametresTypeUtilisateurs .liste .element .conteneurImage{
	width: 40px;
	display: flex;
}

.pageParametresTypeUtilisateurs .liste .element .conteneurImage img{
	width: 25px;
	margin: 5px;
}

.pageParametresTypeUtilisateurs .liste .element .conteneurDescription{
	flex: 1;
	display: flex;
	align-items: center; 
}

.pageParametresTypeUtilisateurs .liste .element .conteneurAction{
	width: 40px;
}

.pageParametresTypeUtilisateurs .liste .element .conteneurAction img{
	width: 25px;
	margin: 5px;
}

.pageParametresUtilisateurs .liste{
	width: 100%;
}

.pageParametresUtilisateurs .liste .element{
	width: calc(100% - 40px);
	/*height: 30px;*/
	display: flex;
}

.pageParametresUtilisateurs .liste .element .conteneurTextes{
	flex: 1;
	/*display: flex;
	align-items: center; */
}

.pageParametresUtilisateurs .liste .element .conteneurAction{
	width: 40px;
}

.pageParametresUtilisateurs .liste .element .conteneurAction img{
	width: 25px;
	margin: 5px;
}

.pageParametresUtilisateurs .liste .element .conteneurTextes .inactifUtilisateur{
	margin-left: 5px;
	font-size: 14px;
}
.pagePlanningCovoiturage .entete .secondaire{
	flex-direction: column;
}

.pagePlanningCovoiturage .entete .secondaire > div:not(:first-child){
	margin-top: 5px;
}

.pagePlanningCovoiturage .entete .secondaire .interrupteurBascule{
	width: 305px;
	margin-left: 5px;
	margin-right: 5px;
	color: #555555;
	font-size: 14px;
}

.pagePlanningCovoiturage .totaux{
	font-size: 14px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.pagePlanningCovoiturage .totaux label{
	font-weight: bold;
	margin: 5px;
}

.pagePlanningCovoiturage .totaux > div{
	margin: 0px;
	min-width: 180px;
	text-align: center;
}

.pagePlanningCovoiturage .listePlanningCovoiturageStructures .conteneurDescription span:first-child, .pagePlanningCovoiturage .listePlanningCovoiturageUtilisateurs .conteneurDescription span:first-child{
	font-size: 15px;
	font-weight: bold;
}

.pagePlanningCovoiturage .listePlanningCovoiturageStructures .conteneurDescription span:not(:first-child), .pagePlanningCovoiturage .listePlanningCovoiturageUtilisateurs .conteneurDescription span:not(:first-child){
	font-size: 15px;
	color: #595959;
}

.pagePlanningCovoiturage .listePlanningCovoiturageStructures .conteneurDescription label{
	margin: 0px;
}

@media only screen and (max-width:1023px) {	
	.pagePlanningCovoiturage .listePlanningCovoiturageStructures .conteneurDescription label{
		display: none;
	}
}

.pagePlanningCovoiturage .listePlanningCovoiturageStructures .conteneurDescription span.incomplet{
	color : red;
}

.pagePlanningCovoiturage .listePlanningCovoiturageStructures .conteneurDescription span.complet{
	color : green;
}


.pagePlanningCovoiturage .listePlanningCovoiturageStructures .conteneurDesserte{
	display: flex;
}

.pagePlanningCovoiturage .listePlanningCovoiturageStructures .conteneurDesserte .gauche{
	width: 110px;
	margin-right: 5px;
	font-size: 14px;
	display: flex;
	justify-content: right;
}

.pagePlanningCovoiturage .listePlanningCovoiturageStructures .conteneurDesserte .gauche div:not(:first-child){
	margin-left: 5px;
	background-image: url(./image/ligne.png);
	background-position: center;
	background-repeat: repeat-y;
}

.pagePlanningCovoiturage .listePlanningCovoiturageStructures .conteneurDesserte .gauche svg{
	width: 20px;
	height: 20px;
	background-color: #ffffff;
}

.pagePlanningCovoiturage .listePlanningCovoiturageStructures .conteneurDesserte .droite{
	font-size: 14px;
	padding-bottom: 10px;
}

.pagePlanningCovoiturage .listePlanningCovoiturageStructures .conteneurDesserte .droite .conducteur{
	font-weight: bold;
}

.pagePlanningCovoiturage .listePlanningCovoiturageStructures .conteneurDesserte .droite .absent{
	color: orange;
}

.pagePlanningCovoiturage .dialogueSaisieDateDuplication .conteneur input{
	width: auto;
}

.pagePlanningCovoiturage .dialogueSaisieDateDuplication .conteneur .ligne{
	display: flex;
	align-items: center;
	margin-top: 5px;
}

.pagePlanningCovoiturage .dialogueSaisieDateDuplication .conteneur .ligne > div:first-of-type {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.pagePlanningCovoiturage .dialogueSaisieDateDuplication .conteneur label{
	width: 100px;
}

.pagePlanningCovoiturage .dialogueSelectionStructureUtilisateur .listePlanningCovoiturageStructures .element{
	margin: 10px 0px 10px 0px;
}

.pagePlanningCovoiturage .dialogue .conteneur{
	max-width: unset;
}
.pageSaisieDemande .contenu .formulaire .ligne label{
	max-width: 100px;
}
.pageSaisieDemande .contenu .formulaire .pointageImage{
	margin: 5px auto;
}

.pageSaisieDemande .contenu .formulaire .conteneurPointage, .pageSaisieDemande .contenu .formulaire .conteneurImageComplementaire{
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}

/*.pageSaisieDemande .contenu .formulaire .libellePointageImage, .pageSaisieDemande .contenu .formulaire .libelleImageComplementaire{
	margin-top: 20px;
	text-align: center;
	font-weight: bold;
}*/

.pageSaisieDemande .contenu .formulaire .conteneurImageComplementaire label{
	width: 100%;
	text-align: center;
}

.pageSaisieDemande .contenu .formulaire .champUpload{
	margin-top: 10px;
	margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
	.pageSaisieDemande .contenu .formulaire .pointageImage{
		width: 250px;
	}
	.pageSaisieDemande .contenu .formulaire{
		width: 540px;
	}
	
}

@media screen and (max-width: 1023px) {
	.pageSaisieDemande .contenu .formulaire .pointageImage{
		width: calc(100% - 30px);
		max-width: 250px;
	}
}


.pageSaisieGRMBT .contenu .formulaire .imageTransfertGRM{
	text-align: center;
    margin-bottom: 10px;
}
.pageSaisieGroupe .contenu .apercu {
	margin-top: 5px;
	text-align: center;
}

.pageSaisieGroupe .contenu .apercu img{
	width: 130px;
}

.pageSaisieGroupe .contenu .champUpload{
	text-align: center;
}

.pageSaisieGroupe .contenu .formulaire .ligne label{
	width: 100px;
}

.pageSaisieGroupe .contenu .formulaire .ligne .libelleChampUpload{
	text-align: center;
	font-weight: bold;
}

.pageSaisieItineraire .liste{
	overflow-y: auto;
}

@media screen and (min-width: 1024px) {
	.pageSaisieItineraire .liste{
		max-height: 300px;
	}
}

@media screen and (max-width: 1023px) {
	.pageSaisieItineraire .liste{
		max-height: 255px;	/* pour ne pas provoquer d'ascenseur sur 320*480 */
	}
}

.pageSaisieItineraire .liste .element{
	margin: 10px 5px 10px 5px;
	overflow: hidden;
	display: flex;
}


.pageSaisieItineraire .liste .element .titre{
	flex: 1;
	margin: 0px 5px 0px 5px;
}

.pageSaisieItineraire .liste .element .titre.absent{
	color: orange;
}

.pageSaisieLieu .liste{
	overflow-y: auto;
}

@media screen and (min-width: 1024px) {
	.pageSaisieLieu .liste{
		max-height: 300px;
	}
}

@media screen and (max-width: 1023px) {
	.pageSaisieLieu .liste{
		max-height: 255px;	/* pour ne pas provoquer d'ascenseur sur 320*480 */
	}
}

.pageSaisieLieu .liste .element{
	margin: 10px 5px 10px 5px;
	overflow: hidden;
	display: flex;
}


.pageSaisieLieu .liste .element .titre{
	flex: 1;
	margin: 0px 5px 0px 5px;
}
@media screen and (min-width: 1024px) {
	.pageSaisieNouveauMotDePasse .formulaire .ligne label {
		width: 170px;
	}
}

@media screen and (max-width: 1023px) {
	.pageSaisieNouveauMotDePasse .formulaire .ligne label {
		width: 120px;
	}
}
.pageSaisieParametresGeneraux .formulaire .ligne label{
	width: 130px;
}

.pageSaisieParametresGeneraux .formulaire .separateurStation{
	margin-top: 15px;
    font-weight: bold;
}
.pageSaisieStation .formulaire .ligne label{
	min-width: 60px;
}

.pageSaisieStatutDemande .formulaire .ligne label{
	min-width: 60px;
}

.pageSaisieStructure .contenu .apercu {
	margin-top: 5px;
	text-align: center;
}

.pageSaisieStructure .contenu .apercu img{
	width: 130px;
}

.pageSaisieStructure .contenu .champUpload{
	text-align: center;
}

.pageSaisieStructure .contenu .formulaire .ligne label{
	min-width: 150px;
	max-width: 150px;
}

.pageSaisieStructure .formulaire .separateurSuivi{
	margin-top: 5px;
    font-weight: bold;
}

.pageSaisieStructure .contenu .formulaire .ligne .infoChampSaisi{
	display: flex;
}

.pageSaisieStructure .contenu .formulaire .ligne .infoChampSaisi input{
	width: 130px;
	padding: 2px;
}

.pageSaisieStructure .contenu .formulaire .ligne .infoChampSaisi .suiviAutoTaille{
	flex: 1;
	margin-left: 5px;
}

.pageSaisieStructure .contenu .formulaire .ligne .boutonInitialiserSuivi{
	width: 138px;
	padding: 4px;
	margin-bottom: 10px;
}
.pageSaisieTypeDemande .formulaire .ligne label{
	min-width: 60px;
}

.pageSaisieTypeUtilisateur .formulaire .ligne label{
	min-width: 60px;
}


.pageSaisieTypeUtilisateur .formulaire .conteneurInterrupteurDroit span{
	font-size: 15px;
}
.pageSaisieUtilisateur .contenu .formulaire .ligne .conteneurInterrupteurGroupe{
	margin-left: 15px;
}


.pageSaisieUtilisateur .dialogueSaisieAbsence .conteneur input{
	width: auto;
}


.pageSaisieUtilisateur .dialogueSaisieAbsence .conteneur select{
	flex: 1;
}

.pageSaisieUtilisateur .dialogueSaisieAbsence .conteneur .ligne{
	display: flex;
	align-items: center;
	margin-top: 5px;
}

.pageSaisieUtilisateur .dialogueSaisieAbsence .conteneur .ligne > div:first-of-type {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.pageSaisieUtilisateur .dialogueSaisieAbsence .conteneur label{
	width: 50px;
}


.pageSelectionLieu .formulaire .separateur{
	margin-top: 0px;
}

.pageSelectionLieu .listeLieux{
	overflow-y: auto;
}

@media screen and (min-width: 1024px) {
	.pageSelectionLieu .listeLieux{
		height: 300px;
	}
}

@media screen and (max-width: 1023px) {
	.pageSelectionLieu .listeLieux{
		height: 255px;	/* pour ne pas provoquer d'ascenseur sur 320*480 */
	}
}

.pageSelectionLieu .listeLieux .indication{
	margin-top: 5px;
	text-align: center;
}

.pageSelectionLieu .listeLieux .element{
	margin: 10px 5px 10px 5px;
	overflow: hidden;
}



.pageSelectionUtilisateur .entete .secondaire{
	justify-content: center;
}

.pageSelectionUtilisateur .mosaique .element{
	width: 100px;
	height: 100px;
	text-align: center;
	display: flex;
}

.pageSelectionUtilisateur .mosaique .element .conteneurDescription{
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pageSelectionUtilisateurPassager .formulaire .separateur{
	margin-top: 0px;
}

.pageSelectionUtilisateurPassager .listeSelectionUtilisateurPassager{
	overflow-y: auto;
}

@media screen and (min-width: 1024px) {
	.pageSelectionUtilisateurPassager .listeSelectionUtilisateurPassager{
		height: 300px;
	}
}

@media screen and (max-width: 1023px) {
	.pageSelectionUtilisateurPassager .listeSelectionUtilisateurPassager{
		height: 255px;	/* pour ne pas provoquer d'ascenseur sur 320*480 */
	}
}

.pageSelectionUtilisateurPassager .listeSelectionUtilisateurPassager .indication{
	margin-top: 5px;
	text-align: center;
}

.pageSelectionUtilisateurPassager .listeSelectionUtilisateurPassager .element{
	margin: 10px 5px 10px 5px;
	overflow: hidden;
}