/* definition de style global pour utiliser dans différent composant */

.txtchoixform {
	font-weight: normal;
}

.linkMore {
	display: block;
	clear: both;
	background:var(--bgColor-btn-secondaire);
	border-bottom: 1px solid var(--border-color-btn-secondaire);
	border-top: 1px solid var(--border-color-btn-secondaire);
	line-height: 30px;
	padding:0.5em 1em;
	margin: 1em 0;
	color:var(--color-text-btn-secondaire);
}

.linkMore::after{
	content: '';
	display:block;
	float:right;
	margin-right: 1em;
	width: 2em;
	height: 2em;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%234c4c4c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m7 10l5 5l5-5'/%3E%3C/svg%3E");
}

.linkMore:hover,
.linkMore:focus {
	background:var(--bgColor-btn-secondaire-hover);
}

.zoneNavAndSearch {
	background:var(--bg-zone-filtre) ;
	padding: 1em;
	border-radius: var(--radius-zone-filtre);
	margin: 1em;
	position:relative;
}
.zoneNavAndSearch:after {
	content: '';
	display: inline-block;
	height: 0;
	width: 0;
	border-top: 11px solid var(--bg-zone-filtre);
	border-right: 9px solid transparent;
	border-left: 6px solid transparent;
	position: absolute;
	bottom:-11px;
	left:2em;
  }

/* util pour listing fiche utilisateur, presentation like annuaire */

.listinUsers .message_list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.listinUsers .message_list li.intfdcolor {
	padding: 0px;
	margin:0 0.5em 0.5em 0;
	position: relative;
	flex-grow: 1;
	flex-basis:380px;
	border: 1px solid var(--border-color-card);
	background:var(--bgColor-card);
	border-radius: var(--radius-bloc);
}

.listinUsers .profilPhoto {
	float: left;
	margin: 1em;
	border: 0;
	overflow: initial;
}

.listinUsers .profilPhoto a {
	border: var(--shadow-border-card);
	width: 60px; 
	height:auto;
	overflow: hidden;
	border-radius:0;
	box-shadow: var(--shadow-avatar-card);
	display: block;
}

.listinUsers .profilPhoto img {
	height: auto;
	width: 60px;
}

.listinUsers .action {
	width: auto;
	height: auto;
	position: absolute;
	bottom: 0.5em;
	right: 0.5em;
	font-size: 0.95em;
}

.listinUsers #pagination {
	clear: both;
	text-align: center;
}

.listinUsers .info ul li.infoConnection img {
	position: absolute;
	width: 12px;
	height: auto;
	top: 1em;
	right: calc(14px + 1em);
}

.listinUsers .info ul li.infoVisibility img {
	position: absolute;
	top: 1em;
	right: calc(10px + 14px + 2em);
}

.listinUsers .info ul {
	margin: 0;
	padding: 0;
}

.listinUsers .info ul li {
	display: list-item;
	list-style-type: none;
	width: 100%;
}

.listinUsers .info ul {
	padding:1em 1em 1em 0;
	float: left;
	color: var(--color-text-second-niveau);
	width:calc( 100% - var(--width-avatar-card) - 3em );
}

.listinUsers .info ul a {
	color: var(--color-text-second-niveau);
}

.listinUsers .info ul a:hover {
	color: var(--color-lien-action)
}

.listinUsers .info ul li.userName a {
	color: var(--color-text);
	font-weight: 700;
	padding-right:calc( 15px + 12px + 2em ) ;
}

.listinUsers .info ul li.userName a:hover {
	color: var(--color-lien-action);
}


li.userType {
	font-weight: 700;
	padding-top: 1em;
}

.listinUsers .mail {
	text-decoration: underline;
	color: var(--color-lien-action);
}

.link {
	border-bottom: 1px solid var(--color-lien-action);
	color: var(--color-lien-action);
	display: block;
	padding: 0 0 0.15em;
	margin-bottom: 0.2em;
}

.listinUsers .link {
	display: block;
}

.link:hover,
.link:focus {
	color: var(--color-action);
	border-bottom: 1px solid var(--color-action);
}

.listinUsers .action .invitation {
	display: none;
}

.listinUsers .NameLink {
	color: var(--color-lien-action);
}


/* util pour les fiches utilisateur like annuaire */

.userProfil .info {
	padding: 8px;
	height: 100%;
	position:relative;
}

.userProfil .infoConnection img {
	position: absolute;
	top: 1em;
	right: 0.5em;
	width: 14px;
}

.userProfil .statut img {
	position: absolute;
	right:calc( 14px + 1em );
	top: 1em;
}

.userProfil .statut {
	font-style: italic;
	padding: 1em 0 0;
	margin: 0;
}

.userProfil .action .invitation {
	display: none;
}

.userProfil {
	padding:0.5em;
	position: relative;
	flex-basis: 200px;
	margin-right:1em;
}

.userProfil .userName {
	font-weight: 700;
	font-size:1.12em;
	margin: 0;
	padding: 0;
}

.userProfil address {
	font-style: normal;
}

.userProfil .action {
	margin-top: 5px;
}

.userProfil .action .link {
	margin-bottom: 0.75em;
	float: right;
	clear: right;
	font-size: 0.9em;
}

.hautFrame:has(.sheet) {
	display: flex;
	flex-wrap: wrap;
}
.hautFrame:has(.sheet) > center{
	flex-basis: 100%;
}

.sheet {
	flex-grow: 1;
}

.sheet .divSee {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.sheet address {
	font-style: normal;
}

/*- [ whitePages BEGIN ] --------------------------- */

/*- Zone de recherche --------- */
#whitePages #search ul,
#whitePages #search li,
#whitePages #search p,
#whitePages #search fieldset,
#whitePagesSheet .sheet ul,
#whitePagesSheet .sheet li,
#whitePagesSheet .sheet p,
#whitePagesSheet .sheet fieldset {
	padding: 0;
	margin: 0;
}

#whitePages #search .txtexform {
	display: inline-block;
	line-height:var(--height-input);
	margin: 0 0 0 1em;
	padding: 0;
	font-style: italic;
	font-size: 0.9em;
	color:var(--color-text-second-niveau);
}

#whitePages #search .txtexform span {
	font-style: italic;
}

#whitePages #search div.arbre {
	clear: both;
}

#whitePages #search label {
	clear: left;
	display: block;
	float: left;
	width:10em;
	padding:0.25em 1em 0.25em 0.25em;
	line-height: 20px;
}
#used_pdc .field {
	padding-left:18px;
}
#whitePages #search #used_pdc label {
	width: calc( 10em - 18px );
}

#whitePages #search label.labelRadio,
#whitePages #search label.labelCheckbox {
	display: inline;
	float: none;
	width: auto;
	padding-right: 20px;
	height: 10px;
}

#whitePages #search input,
#whitePages #search select {
	width:20em;
}



#whitePages #search input.checkbox,
#whitePages #search input.radio,
.sheet input.checkbox,
.sheet input.radio {
	background-color: transparent;
	border: 0;
	width: 14px;
	float: none;
	display: inline;
	height: 14px;
	vertical-align: middle;
}

#whitePages #search input.dateToPick {
	width: 50px;
}

#whitePages #search fieldset {
	clear: both;
	border: 0;
	padding: 8px 0 10px 225px;
}

#whitePages #search .arbre fieldset legend {
	margin: 10px 0 0 -216px;
	background: transparent url(../icons/minusTreeT.gif) -8px 0 no-repeat;
	padding-left: 12px;
	position: absolute;
}

#whitePages #search ul li,
#whitePagesSheet .sheet ul li {
	list-style-type: none;
	clear: left;
}

#whitePages #search .arbre {
	background: transparent url(../icons/minusTreeI.gif) 8px 0px repeat-y;
	margin-bottom: 5px;
}

#whitePages #search .arbre label {
	padding-left: 0.75em;
	margin-left:8px;
	width:calc( 10.25em - 0.75em - 8px );
	background: transparent url(../icons/minusTreeT.gif) -8px 0.5em no-repeat;
	display: inline;
}

#whitePages #search .arbre fieldset label {
	padding: 0;
	margin: 0;
	background-image: none;
}

#whitePages #search .sp_buttonPane {
	text-align: left;
}

#whitePages #search #secondaryAxe,
#whitePages #search #additionalElements {
	display: none;
}

#whitePages #search #btnValidSearch {
	padding-left:180px;
	clear: left;
}

#whitePages #search #btnValidSearch table {
	float: left;
}

#whitePages .abcdAndNavCategory {
	padding-top: 8px;
}

/*- Listing expert --------- */
#whitePages form {
	padding: 0;
	margin: 0;
}

#whitePages .listinUsers input.check {
	position: absolute;
	top: 0.5em;
	left: 0.5em;
}


#whitePagesSheet .profilPhoto {
	height: auto;
	margin: 7px 6px;
	width: 108px;
}

#whitePagesSheet .profilPhoto img {
	width: 108px;
}

.pdcPosition h3 {
	color: #26334A;
}

.pdcPosition ul {
	background-color: #E9E9E9;
	font-weight: bold;
	color: #4D4D4D;
	list-style-type: none;
	padding: 8px;
	line-height: 140%;
	margin: 0 0 5px 0;
}

.pdcPosition ul li {
	padding: 0;
	margin: 0;
}

.pdcPosition ul ul {
	font-weight: normal;
	padding: 0 8px;
	list-style-image: url(../icons/list-puce-green.gif);
}

.pdcPosition ul ul li {
	margin-left: 10px;
}

#theSheets .sousNavBulle img {
	vertical-align: middle;
	margin: 0 5px;
}

.sheet table.oneSheet {
	margin-bottom: 10px;
}

.sheet table.oneSheet td {
	border-bottom: 1px solid #E5E5E5;
	padding-right: 60px;
}

#expert-classification {
	width: 98%;
}

/*- [ whitePages END ] --------------------------- */