#gabarit_mobile_contenuPage { padding:0; }

h1 { font-size:2rem; }

textarea:focus, 
textarea::focus, 
.custom-select:focus, 
.custom-select::focus { box-shadow:none !important; -webkit-box-shadow:none !important; }

#infoUserH {
	grid-template-columns: 94px auto;
	padding: 10px;
}

#infoUserH > div:last-child { grid-column: span 2; }

#infoUserH > div:last-child .uniquementUser { 
	text-align:center;
	margin:20px 0 10px;
}

#infoUserH .photo { align-self: start; }

#infoUserH h1 i span { font-size:0; height:0; width:0; opacity:0; }

#infoUserH div[role="editNamePanel"] { grid-auto-rows: minmax(40px, auto); }

#editInfosPanel { 
	display:block; 
	margin: 0 10px; 
}

#editInfosPanel > div { margin: 0 auto; width:max-content; }

#editInfosPanel .btn { padding: 4px 10px 5px; }

#dispoEtudes { display: block; }

#dispoEtudes > .etiquette {
	display: block;
	margin:1px 0px;
}

.profilBloc.m20 {
	display:block;
	margin: 20px 0;
}

.detailsProfilBloc {
	height: 100%;
	border: 1px solid #e2e2e2;
	background-color: #f0f0f0;
}

.detailsProfilBloc .informationsUserPro { 
	grid-template-columns: auto max-content; 
	margin:0 10px;
}

.editCvProfil { margin-top: 20px; border:0; }

.editCvProfil > p {
	background: #bdf79c;
	color: #3a3a3a;
	line-height: 16px;
	padding: 9px 10px 6px;
}

.editCvProfil .actionsCv { width: auto; }

.editCvProfil .actionsCv .cvDl { padding: 0; }

.editCvProfil #informationsCv {
	border-bottom: 1px solid #293a4e;
	-webkit-box-shadow: 0 1px 5px -2px #293a4e;
	box-shadow: 0 1px 5px -2px #293a4e;
}

.editCvProfil #informationsCv i { display:none; }

.cv_item {
	grid-gap: 0;
	grid-template-columns: auto;
	padding-top:0 !important;
}

.cv_item .periode { 
	padding: 0; 
	padding-top: 20px; 
	text-align:left; 
}

.cv_item .periode .fleche, 
.cv_item .periode .pointerFormation {
	border-width: 12px 9px 0 9px;
	top: 51px;
	left: 10px;
	z-index:1;
}

.cv_item .periode .fleche.positionnementDoubleLigne, 
.cv_item .periode .pointerFormation.positionnementDoubleLigne { top: 69px; }

.cv_item .periode .cadreActionFormation {
	position: absolute;
	top: 50%;
}

.cv_item .periode .spandate, 
.cv_item .periode .titreFormation {
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

.cv_item .details.mobile {
	border-left: 0;
	background-color: #eff3f7;
	border: 1px solid #d4dce4;
	padding: 20px 10px 10px;
}

.cv_item .details .diplome {
	top: 0;
	right: 10px;
	color: #1e5478;
	text-shadow: 1px 1px 2px #94b4c9;
	opacity: 0.2;
}

.cv_item .details.mobile .puce { display:none; }

.cv_item .details.mobile.dernier, 
.cv_item .details.mobile.dernier:hover {
	background: #f5ffec !important;
	border-left: 1px solid #bfdcbc !important;
	color: #1d521b !important;
}

#msgErreurProfil > div {
	width: 80%;
	padding:20px 10px;
}

#msgErreurProfil > div::before, #msgErreurProfil > div::before { margin:-20px -10px 20px; }

#badges { padding-bottom: 15px; }

.contenuPage section {
	padding: 20px 10px;
	margin-top: 1px;
	border-bottom:0;
}

.contenuPage nav .public {
	background: #dff3ff;
	height: 36px;
}

.contenuPage nav li.dropdown a.dropdown-item {
	line-height:25px;
}

section.tab > h3 {
	padding:0 0 15px !important;
	margin-bottom:20px !important;
	color:#7796b8;
	border-bottom:1px dotted #7796b8;
}

.skillBloc { margin-top: 10px !important; }

.contenuCompetences, .contenuLangues { padding: 0; }

.competenceButton {
	padding: 4px 10px;
	margin: 0 5px 8px 0;
	display:block;
	position:relative;
	font-family:inherit;
}

.competenceButton .delete {
	position:absolute;
	top:4px;
	right:0;
}

#skillForm, 
#languesPanel {
	display: grid;
	grid-gap: 10px 5px;
	grid-template-columns: auto;
	grid-auto-rows: minmax(0, auto);
	align-items: center;
	padding:10px 0;
	margin:0;
}

#competencesSearch { width: 100%; }

#skillForm a[role="missingSkill"] {
	margin-left: 0;
	margin-top:10px !important;
	display: block;
}

#skillForm input.button, 
#languesPanel input.button, 
div[role="missingSkillPanel"] input.button, 
div[role="missingEcolePanel"] input.button { margin: 0; }

div[role="missingSkillPanel"] { margin: 10px 0; }
div[role="missingSkillPanel"] > div:first-child input { margin-left:10px !important; }
div[role="missingSkillPanel"] input.button { height:24px; line-height:22px; padding:0 20px; }
div[role="missingSkillPanel"] > div:last-child { margin-top: 10px; }

#formAddParcours > div.date > div:last-child, 
#formAddFormations > div.date > div:last-child, 
#formAddFormations input[name="intituleFormation"] { margin-top: 10px; }

#formAddFormations { padding:20px 10px 0; } 
#formAddFormations .custom-select { 
	width:100% !important; 
	display:block; 
	margin-bottom:12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
} 
#formAddFormations .custom-select[name="libAjoutEcole"] { width:68%; } 
#formAddFormations [role="requestEcole"] { height:26px; } 
#formAddFormations:before, 
#formAddFormations::before { margin: -21px -11px 20px; }

#formAddFormations input[name="intituleFormation"] { width:100% !important; }

#formAddFormations.checkBlok .checkbox label { margin-left: 0; }

#formAddFormations > input {
	width: calc(100% + 22px);
	margin: 20px 0 0 -11px;
}

#certificationsTab .lienCertif { width: calc(100% - 15px); }

#mapTab #map-canvas { width:inherit !important; height:1fr !important; }

#activiteTabStats { display:none; }

.uniquementUser { margin-bottom:24px; }

.rhDossier { padding: 0; }

.rh_item {
	position:relative;
	grid-template-columns: auto;
	margin-bottom: 10px;
	margin-right: 5px;
	padding: 10px;
}

.rh_poster { width: 100%; padding:0; }

.rh_content { padding: 10px 0; }

.rh_action { padding: 0; height:auto !important; position:absolute; top:10px; right:10px; }

.editeur {
	overflow: hidden;
	margin-right: 5px;
}

.editeurAto > .boutons, 
.editPanel .editeurAto > .boutons {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding-top: 0;
}

.rh_item > div.editPanel:not(.dn) { grid-column: span 1; overflow: hidden; }

.rh_item > div.editPanel:not(.dn) [data-type="editeur"] {
	position:relative;
	left:-10px;
}

#dispoEtudes > .etiquette, 
.detailsProfilBloc, 
.editCvProfil, 
.contenuPage section {
	border-left:0;
	border-right:0;
}

@media screen and (max-width: 360px) {
	#infoUserH h1 i {
		display:block;
		margin:10px 0 15px;
		padding:0 10px;
		top: 0;
		font-size:16px;
		height:32px;
		line-height:30px;
		background:#d6d6d6;
		border:1px solid #c4c4c4;
		color:#7b7b7b;
		text-shadow:1px 1px 1px #eaeaea;
	}
	#infoUserH h1 i span {
		opacity:1;
		font-size:14px; 
		width:auto;
		height:auto;
		font-style:normal; 
		letter-spacing:1px; 
		margin-left:1px;
	}
	
	#infoUserH div[role="editNamePanel"] {
		grid-template-columns: auto;
		grid-auto-rows: minmax(0, auto);
		padding: 0 0 10px;
	}

	#infoUserH div[role="editNamePanel"] > .input-group { padding: 0 0 10px; }
	
	.editCvProfil #informationsCv .input-group .custom-file-label:after, 
	.editCvProfil #informationsCv .input-group .custom-file-label::after {
		content: "...";
	}
}