/* css srhw_tbord */

/* back-up Couleurs 
rgb(65,100,230)  : bleu Proges ou #4164e6 / #0b5ed7 / #0d6efd
rgb(41, 91, 125) : bleu foncé Proges ou rgb(44, 97, 134)
rgb (30,41,78) : bleu très foncé accueil #1e294e
rgb(242,100,48)  : orange ou #F26430
*/

/* Couleurs 
rgb(242,246,255) : gris clair / f2f6ff ou eaeff2 / rgb(224,229,233) / rgb(241,243,251)
rgb(24,143,143)  : bleu vert Texdécor ou #188F8F
rgb(0,0,0) : noir TexDécor ou rgb(0,0,0) #000000
rgb(135,100,184)  : violet TexDécor #8764B8 
rgb(255,255,255) : blanc 
*/

.bord::-webkit-scrollbar {
    width: 8px;
}

.bord::-webkit-scrollbar-thumb {
    background: rgb(65,100,230);
}

@media (max-width: 800px){
	
	.path-page{
		color: #8a8a8a;
		font-size: 10px;
		text-align: left;
		margin-bottom: 55px;
	}
}

@media (max-width: 991px) {

	.bord {
		position: fixed;
		height: 100%;
		overflow-y: auto;
		left: 0;
		right: 0;
		background: rgb(242,246,255);
		z-index:-1;
		scrollbar-color: rgb(65,100,230) transparent;
		scrollbar-width: thin;
	}

	.bloc-bord {
		background-color: white;	
		border-radius: 15px;
		margin: 25px;
		margin-top: 50px;
		margin-bottom: 0px;
		height: min-content;
		margin-left: 25px;
		margin-right: 36px;
	}
	
	#contenu-bord {
		margin-left:0px; 
		margin-bottom: 300px;
	}
	
	#bar-right-bord {
		display:none;
	}
	
	#top-contenu {
		text-align: center;
		margin-top: 100px;
	}
	
	.profil {
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0%);
		top: 130px;
		width: 180px;
		height: 180px;
		object-fit:cover;
		border: 10px solid white;
	}
	
	.prenom-index {
		color : rgb(65,100,230);
		padding-right : 20px;
	}
	
	.nom-index {
		color : rgb(65,100,230);
	}

#couverture {
	height: 220px;  
	width: 100%;
	object-fit: cover;
	object-position: 70% 45%;
}

}

@media (min-width: 992px) {

	.bord {
		position: fixed;
		height: 100%;
		overflow-y: auto;
		left: 0;
		right: 0;
		background: rgb(242,246,255);
		z-index:-1;
		scrollbar-color: rgb(65,100,230) transparent;
		scrollbar-width: thin;
		margin-left: 290px;
	}
	
	.bloc-bord {
		background-color: white;	
		border-radius: 15px;
		margin: 25px;
		margin-top: 50px;
		margin-bottom: 0px;
		height: min-content;
	}
	
	#contenu-bord {
		margin-left:0px; 
		margin-right:328px;
		margin-bottom: 300px;
	}
	
	#bar-right-bord {
		position: absolute;
		right: 0;
		width: 323px;
		margin-right:30px;
	}
	
	#top-contenu {
		display: none;
	}
	
	.profil {
		width: 230px;
		height: 230px;
		object-fit:cover;
		border: 10px solid white;
	}


	.prenom-index {
		color : white;
	}
	
	.nom-index {
		color : white;
	}
	
#couverture {
	height: 250px;  
	width: 100%;
	object-fit: cover;
	object-position: 70% 45%;
}

}

.titre-bloc-bord {
	border-bottom:1px solid #B3C7E3;
	color: rgb(30, 41, 78);
	font-size: 21px;
	font-weight:700;
	margin: 10px 0px 10px 0px;
	margin: auto;
	padding: 12px 0px;
}

.icon-bloc-bord{
	font-size:21px;
	color:rgb(242,100,48);
}

.last-bloc-bord {
	padding-top: 30px;
	padding-bottom: 30px;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}

.bloc-rh-bord {
	padding-top: 30px;
}

.notif-rh-new {
	background-color: rgb(242,100,48);
	vertical-align: middle;
	display: inline-block;
	padding: 9px;
}

.notif-rh-saw {
	background-color: white;
	vertical-align: middle;
	display: inline-block;
	border:2px solid rgb(242,100,48);
	padding: 7px;
}

.cdate-rh {
	display:block;
	font-size: 13px;
}

.msg-notif-nex-rh::before {
	content:"Nouveau !";
	font-size: 16px;
	margin-right: 15px;
	color:rgb(242,100,48);
}

.ctitre-rh {
	display:block;
	font-weight: bold;
	font-size: 16px;
	padding-top: 7px;
}

.cresum-rh {
	display:block;
	font-size: 14px;
	padding-top: 7px;
}

.clire-rh {
	cursor: pointer;
	display: block;
	text-decoration: underline;
	font-size: 12px;
	padding-top: 5px;
}

.last-user-saw {
	font-size:16px;
	margin:auto;
	margin-bottom:25px;
	margin-top:25px;
}

#rech-collab-bord {
	padding: 5px 38px 5px 13px;
	width: -moz-available;
	width: -webkit-fill-available;
	margin-top: 25px;
	border: 1px solid transparent;
	background-color: #f2f6ff;
	border-radius: 15px;
	font-size: 16px;
	outline:0;
}

#rech-collab-bord:focus {
	border: 1px solid #B3C7E3;
}

#loupe-rech-collab-bord {
	position:relative;
}

#loupe-rech-collab-bord::after {
	position:absolute;
	right: 5px;
	top: 0px;
	background-image: url(../images/Loupe_petite.svg);
	background-size: 27px;
	display: inline-block;
	width: 27px;
	height: 27px;
	content: "";
}

#scroll-collab-bord {
	max-height:233px;
	overflow-y: scroll;
	overflow-x: hidden;
	scrollbar-color: rgb(179, 199, 227) transparent;
	scrollbar-width: thin;
	padding-top: 10px;
}

.bloc-search-collab {
	margin-top: 10px;
	margin-bottom: 10px;
}

.profil-colab {
	width: 63px;
	height: 63px;
	object-fit:cover;
}

.circle-orange{
	position: relative;
}

.circle-orange::after {
	position: absolute;
	background-color: rgb(242,100,48);
	border-radius: 25px;
	width: 18px;
	height: 18px;
	content: "";
	top: -19px;
	left: 46px;
}

.link-crec-colab {
	display:block;
}

.clink-colab {
	cursor: pointer;
	text-decoration: underline;
	font-size: 15px;
	color: black;	
}

.cname-colab {
	color: rgb(65,100,230);
	display:block;
}

#bloc-profil-header {
	position: absolute;
	top: -175px;
	margin-left:25px;
	margin-right:25px;
}

#profile-header-container {
	position:relative;
}

/* #profile-header-img::after { */
	/* display: inline-block; */
	/* position: absolute; */
	/* top: 15px; */
	/* left: 202px; */
	/* text-rendering: auto; */
	/* content: ""; */
	/* background-color: rgb(242,100,48); */
	/* padding: 24px; */
	/* border-radius: 100%; */
/* } */

#info {
	background-color: rgb(65,100,230);
	text-align: center;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	padding-top:70px;
	padding-bottom: 13px;
	margin-left:13px;
	margin-right:13px;
}

.champ-info {
	margin-left: auto;
	margin-right: auto;
}

.infosup {
	/* background-color: rgb(65,100,230); */
	color: white;
	width: 201px;
	/* margin-top:8px;
	margin-bottom:8px;
	padding-left:15px;
	border-radius:15px; */
	font-size: 19px;
	font-weight: 700;
	padding: 5px 0px 5px 0px;
}

.infomodif {
	background-color: rgb(65,100,230);
    text-decoration: underline;
	color: white;
	padding-left:15px;
	width: 201px;
	margin-top:8px;
	margin-bottom:8px;
	border-radius:15px;
	padding-bottom: 3px;
	padding-top: 3px;
	font-size:0.9rem;
}

.infomodif :hover, .infomodif :visited, .infomodif :link, .infomodif :active {
	color: white;
    text-decoration: none;
}

.modif-data-index {
	font-size: 13px;
}

#BlocRight {
	margin-bottom:100px;
}

.bloc-loca {
	margin:auto;
	margin-top:25px;
	margin-bottom:15px;
}

#teletra, #sitetra, #deplacement {
	cursor: pointer;
}

.icon-loca{
	padding: 9px;
	color: white;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	margin-bottom: 5px;
	background-color: rgb(242,100,48);
	font-size: 25px;
}

.icon-house-off{
	background-color:rgb(242,100,48);
	font-size: 25px;
}

.icon-house{
	background-color:rgb(242,100,48);
	font-size: 25px;
}

.icon-depla{
	background-color: rgb(242,100,48);
	font-size: 25px;
}

.icon-site{
	height: 41px;
	width: 43px;
}

.icon-not-site{
	background-color: rgb(183, 176, 176);
	font-size: 25px;
	height: 41px;
	width: 43px;
}

.icon-not-house{
	background-color: rgb(183, 176, 176);
	font-size: 25px;
}

.icon-not-house-off{
	background-color: rgb(183, 176, 176);
	font-size: 25px;
}

.icon-not-depla{
	background-color: rgb(183, 176, 176);
	font-size: 25px;
}

.icon-text-color{
	color: rgb(242,100,48);
}

.icon-text-not{
	color: rgb(183, 176, 176);
}

.bloc-humeur {
	margin:auto;
	margin-top:25px;
	margin-bottom:25px;
}

.emoji {
	width: 27px;
	height: 27px;
	border-radius: 23px;
}

.emoji:hover {
	box-shadow: 0px 0px 8px 2px rgb(65,100,230);
}

.shadow-emoji {
	box-shadow: 0px 0px 8px 2px rgb(65,100,230);
}

.bloc-sold {
	margin:auto;
	margin-top:25px;
}

.cresum-sold {
	color:rgb(242,100,48);
	font-size: 27px;
	display: block;
	margin-bottom: 7px;
	font-weight: 700;
}

.cper-rh {
	font-size: 14px;
	display: block;
}