@media screen and (min-width: 960px) {
	/*----------------------------------------------------------
	For: XI INGENIERIE
	Done by: Blue Ice Executive
	----------------------------------------------------------*/

	html, #body html {
		max-width: 100vw;
		height: 100%;
		font-family: Calibri;
		font-size: 9pt;
		color: black;
		margin: 0;
	}

	body {
		margin: 0;
	}
	/*for all browsers, including IE*/
	#aspnetForm #mainform {
		width: 100%;
		height: 100%;
		min-height: 100%;
		/*	background-color:#efefef; */
		margin-bottom: -5vh;
	}

	/*fixes error in non-IE agents*/
	html > #body #aspnetForm #mainform {
		height: auto;
		min-height: 100%;
	}

	html {
		/*background: #6D6F72; */ /*url('../Images/fond_page_degrade_metenergie.png') repeat-x fixed left bottom; /*background-color: #8894A0;*/
		/*background: url(../Images/fond_login_eiffage-small.jpg) no-repeat center center fixed;
		background-size:cover ; */
	}
	#fondIndex, #fondPageMaster {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	}

	#pozhPDF {
		width: inherit;
		height: auto;
	}

	#corpsPage {
		height: 100%;
		width: auto;
	}
	#IMG_LogoMX {
		float: left;
		margin-left: 5px;
		border: transparent;
		background: transparent;
		cursor: pointer;
		height:15px;
		color:white;
	}
		#IMG_LogoMX:hover {
			color:red;
		}
	#logoSoc {
		position: absolute;
		/*top: 73px;*/
		right: 0px;
		z-index: 15;
		display:none;
	}

	#logoSocPDF {
		position: absolute;
		top: 25px;
		right: 3px;
		height: 120px;
	}

	#logoMX {
		/*background: url(../Images/logo_met_sans_description_logogauche.png);*/
		background: url(../Images/LogoEiffage151-30-Transparent.png);
		background-color: white;
		background-repeat: no-repeat;
		background-position: center;
		background-position-y: center;
		height: 32px;
		width: 158px;
		padding: 10px;
		padding-top: 15px;
		float: left;
	}

	#fondTitre {
		background: url(../Images/logo_met_avec_description2022.PNG) no-repeat scroll left top;
		background-position: center top;
		background-repeat: no-repeat;
		background-attachment: scroll;
		width: 100%;
		margin-top: 70px;
		height: 200px;
		/* height : NE PAS METTRE 100% : Bugg dans IE => couvre l'ensemble de la page après quelques Submit */
		/*position: absolute;
		height: 155px;
		top: 4vh;
		left: 0px;*/
		/*z-index: 4;*/
	}

	#fondTitrePage {
/*		background-position: center top;
		background-image: url('../Images/h2_page.png');
		background-repeat: no-repeat;
		background-attachment: scroll;
		position: absolute;
		width: 100%;
*/		/* height : NE PAS METTRE 100% : Bugg dans IE => couvre l'ensemble de la page après quelques Submit */
/*		height: 80px;
		top: 0px;
		left: 0px;
*/	}

	iframe {
		display: none;
	}

	/**Header**/
	#header {
		/*height: 140px;
		padding-left: 178px;*/
		position: relative;
		z-index: 1;
	}

	#headerPage {
		/*		background-position: left center;
		position: relative;
		z-index: 1;
		background-color: black; TODO: eiffage custom
		height: 58px;
		*/
		border-bottom: solid 1px #cccccc;
		display: flow-root;
	}

	#headerPDF {
		background-position: left center;
		height: 20px;
		padding-left: 178px;
		position: relative;
		z-index: 1;
	}

	#header hr {
		display: none;
	}

	#header img {
		left: 100px;
		top: -100px;
	}

	/** Menu **/
	#menu {
		z-index: 5;
		width: 100%;
/*		margin-top: 200px;
		position: absolute;
		left: 5px;
*/
	}

	#menuPage, .MenuObj {
		background-color: white;
		float: right !important;
/*		background-color: black;
		z-index: 5;
		position: absolute;
		width: 100vw;
		left: 0px;
		bottom: 0;
	*/
	}
	#MenuSite a {
		text-decoration: none;
		white-space: nowrap;
		padding-right: 10px !important;
		padding-left: 10px !important;
		width: fit-content;
		width: -moz-fit-content;
		display: block;
		vertical-align: middle;
	}

	#MenuSite li {
		height: 42px;
		margin-top: 20px;
	}

		#MenuSite li :hover {
			/*background-color: rgba(51,51,51,0.9);*/
			color: red;
			border-bottom: 2px solid red !important;
		}

	#MenuSite a.static {
		/*width: 130px;
		margin-left: 3px;*/
		display: table-cell;
		vertical-align: middle;
	}

	#MenuSite a.level2 {
		/*margin-left: 3px;
		width: 130px;
		padding-left: 0px !important;*/
		display: table-cell;
		vertical-align: middle;
	}

	.menuClassGeneral {
		/*background-image: url('../Images/menuTous.png');*/
		font-size: small;
		vertical-align: middle;
		padding: 0px;
		text-transform: uppercase;
	}

	.menuClassCLI, .menuClassPAR {
		color: black;
		/*background-image: url('../Images/menuInactif.png');*/
		background-color: white;
		width: 130px;
		height: 40px;
		overflow: hidden;
		text-align: center;
	}

	.menuClassINT {
		color: black;
		/*background-image: url('../Images/menuInactifINT.png');*/
		background-color: white;
		width: 130px;
		height: 40px;
		overflow: hidden;
		text-align: center;
	}

	.menuClassHover {
		color: #FFFFFF;
	}

	.menuClassSelectCLI, .menuClassSelectPAR, .selected {
		color: black;
		/*background-image: url('../Images/menuActif.png');*/
		/*background-color: red;*/
		width: 130px;
		height: 40px;
		overflow: hidden;
		border-bottom: 2px solid red;
	}

	.menuClassSelectINT, .selected {
		color: #000;
		/*background-image: url('../Images/menuActifINT.png');*/
		/*background-color: red;*/
		width: 130px;
		height: 40px;
		overflow: hidden;
		border-bottom: 2px solid red !important;
	}

		.menuClassSelectINT a, .menuClassSelectCLI a, .menuClassSelectPAR a {
			background-image: none;
			margin-left: inherit;
		}

	/**TitreSite**/
	#titresite {
/*		z-index: 6;
		position: absolute;
		top: 10px;
		visibility: hidden;
*/	
		display: none;
	}

		#titresite p {
			font-size: 16pt;
			font-weight: bolder;
			color: #FFF;
			font-family: Calibri;
			margin-top: 0;
		}

	.renvoipwd {
		font-size: 8px;
		color: black;
	}
	/** Login User div tag**/
	#loginuser {
		color: white; /*TODO: eiffage custom*/
		font-size: 9pt;
		font-weight: normal;
		width: 100%;
		text-align: right;
		background-color: black;
	}
		/**Reduce size of deconnexion word**/
		#loginuser a {
			font-size: 8pt;
			font-weight: normal;
			color: white;
		}

			#loginuser a:link {
				color: white;
			}

			#loginuser a:visited {
				color: white;
			}

			#loginuser a:hover {
				color: grey;
			}

			#loginuser a:active {
				color: white;
			}


		/**Name of login user**/
		#loginuser b {
			font-size: 11pt;
			font-weight: normal;
		}
	#DateHeure {
		display: none;
	}
	.NomTiers {
		position: relative;
		top: 25px;
		font-size: large;
		font-weight: bolder;
		font-family: Calibri;
		width: fit-content;
		width: -moz-fit-content;
		float: left;
		color: black;
		font-family: Arial;
	}
	#spWelcome {
		font-weight: bold;
		font-size: 16px;
	}
	.divAjFavoris {
		width: auto !important;
		display: inline-block;
		float: none;
		cursor: pointer;
		text-decoration: underline;
	}
	/**Planning as title**/
	h1 {
		position: relative;
		top: 0px;
		font-size: 16pt;
		font-weight: bolder;
		color: black;
		font-family: Calibri;
		display: none;
	}

	h2 {
		position: relative;
		top: 0px;
		font-size: 16pt;
		font-weight: bolder;
		color: black;
		font-family: Calibri;
	}

	#content {
		padding: 5px;
		position: relative;
		top: 2px;
	}
	.contentMaster {
		padding-left: 227px !important;
		padding-right: 227px !important;
	}
	/*****************************************************************/
	/** 22/10/2010 : Nouveaux styles pour les critères de recherche **/
	#zone_recherche {
	}

	#zone_critere {
		border: 1px solid white;
		border-radius: 4px;
		background-color: white;
		color: black;
		margin: 10px 5px 5px 5px;
	}
	/*#zone_critere input
	{
		width:130px;
	}*/
	.ligne {
		width: 100%;
		float: none;
		overflow: hidden;
		height: fit-content;
		padding-bottom: 10px;
	}

	.label-critere {
		display: none;
		padding: 0px 10px 0px 10px;
		font-weight: bolder;
		position: absolute;
		/*background-color: #FCFCFC;*/
		top: 5px;
		left: 30px;
	}

	.un-critere {
		margin-top: 10px;
		padding-left: 10px;
		float: left;
		width: 30%;
		/*height: 22px;*/
	}

	.divRadioAlign {
		width: fit-content;
	}

	#divTroisJours {
		height: 30px;
		width: 585px;
		text-align: right;
	}
	.premier-critere {
		margin-top: 10px;
		padding-left: 10px;
		float: none;
		width: 300px;
	}

	.libelle-critere {
		width: 120px;
		float: left;
		margin-top: 5px;
	}

	.libelle-critere-tech {
		width: 160px;
		float: left;
		height: 25px;
		vertical-align: bottom;
	}
	/** page demand collaborateur **/
	.collaborateur-demande {
	}
	.collaborateur-demande-legende-titre {
		margin-top: 10px;
		text-align: left;
		display: block;
		font-size: 9pt;
	}
	.collaborateur-demande-legende {
		width: 50%;
		margin-bottom: 30px;
		float:left;
	}

		.collaborateur-demande-legende td {
			text-align:center
		}

	.liste-type-demande .liste_header, .liste-societe .liste_header, .liste-affectation .liste_header {
		border: 1px solid #666666;
		white-space: normal;
		font-family: Calibri;
		overflow: auto;
		width: 159px;
		background-image: url(../Images/btn_flechebas.png);
		background-position: right;
		background-repeat: no-repeat;
		z-index: 3;
		height: 16px;
		padding-top: 3px;
		padding-left: 5px;
		overflow: hidden;
	}

		.liste-type-demande .liste_header span, .liste-societe .liste_header span, .liste-affectation .liste_header span {
			width: 100%;
			/*font-size: 11px;*/
			font-family: Calibri;
			min-height: 17px;
		}

	#ctl00_MainContent_labTypeDem, #ctl00_MainContent_labSocMET, #ctl00_MainContent_labAgence, #ctl00_MainContent_labCollab {
		background-image: url('../Images/btn_flechebas.png');
		background-position: right center;
		background-repeat: no-repeat;
		background-color: #FFF;
		font-weight: normal;
		overflow: auto;
		position: relative;
		white-space: normal;
		width: 150px;
		display: block;
	}

	.extender ul {
		list-style-type: none;
		margin: 0px;
		padding: 0;
	}

	.extender li {
		margin: 0px;
		padding: 0;
		width: 200px;
		height: 25px;
	}

	.mission-refusee, .a-reaffecter, .mission-envoyee, .mission-cloturee, .mission-acceptee, .mission-commencee, .mission-diffusee {
		height: 1px;
	}

	#S_DemVue #S_DemEnCours {
		width: 20px;
	}
	/*****************************************************************/

	/**Search div tag**/
	#search {
		background-color: Transparent;
		width: 100%;
		position: relative;
		top: 10px;
	}

		#search span {
			float: left;
			clear: both;
			font-weight: bolder;
			font-size: 11pt;
		}

	.spanNormal {
		font-weight: normal;
		font-size: 10px;
		float: none;
		clear: none;
	}

	#search {
		width: 100%;
	}

	#criteria {
		width: 100%;
	}

	.labDateRDV {
		clear: both;
		float: left;
		width: 572px;
		font-size: 12px;
		font-weight: bolder;
	}

	#search #criteria label {
		clear: both;
		float: left;
		width: 160px;
		font-weight: bold;
	}

	.btnTri {
		border-width: 0px;
		cursor: pointer;
		/*cursor:pointer;*/
	}

	.btnFiltre {
		border-width: 0px;
		cursor: pointer;
		/*cursor:pointer;*/
		background-color: #FF0000;
	}

	.btnChercher {
		border: 1px solid white;
		font-family: Calibri;
		height: 30px;
		color: white;
		background-color: black;
		font-size: 12px;
		width: 150px;
		cursor: pointer;
	}

		.btnChercher:hover {
			border: 1px solid #FFF;
			background-color: rgba(255,0,0,0.9);
			color: white;
		}

	#search #criteria #search-button {
		bottom: 75px;
		float: left;
		position: relative;
	}

	#IBT_PwdInfo {
		display: none;
	}

	#search #criteria #LoginExtranet_UserName {
		left: 48px;
		position: relative;
		width: 205px;
	}

	#LoginExtranet #LoginExtranet_UserName, #LoginExtranet #LoginExtranet_Password {
		height: 2.5vh;
		/*/border-radius: 4px;*/
		border: 1px solid #black;
		color: black;
		background-color: #F0F0F0 !important;
	}

	#LoginExtranet table td label {
		text-align: right;
		margin-right: 1vw;
	}

	#search #criteria #LoginExtranet_Password {
		left: 48px;
		position: relative;
		width: 205px;
	}

	#search #criteria input {
		float: left;
	}

	#search #criteria select {
		float: left;
		width: 186px;
	}


	#search #criteria div label {
		/*font-weight:bold;*/
		clear: both;
		float: left;
		width: 160px;
	}

	#search #criteria div input {
		float: left;
		left: 0;
		position: relative;
		width: 183px;
	}

	#search #criteria div #S_PlaSocMET {
		left: 102px;
		position: relative;
	}

	#search #criteria div #S_PlaAgence {
		left: 102px;
		position: relative;
	}

	#search #criteria div select {
		float: left;
		width: 186px;
	}

	#search #criteria textarea {
		float: left;
		height: 150px;
		width: 400px;
	}

	#S_Remarque {
		float: left;
		height: 100px;
		width: 575px;
	}

	#S_Courriel {
	}

	.FicPersRubrique {
		margin-bottom: 20px;
	}

		.FicPersRubrique input {
			width: 50vw;
		}

	.FicPersDivRub {
		margin-bottom: 20px;
		display: inline-flex;
	}

	.FicPersIdentite {
		display: flow-root;
		margin-bottom: 20px;
		width: 80vw;
	}

	#search #criteria #recover-password-label label {
		width: 100%;
	}

	#search #criteria #contact {
		bottom: 42px;
		left: 400px;
		position: relative;
	}

	#search #criteria #type-demande {
		position: relative;
		bottom: 42px;
		left: 400px;
	}

	/**Positioning button rechercher**/
	search #criteria #S_TypeDem {
		float: left;
		position: relative;
		width: 13px;
	}

	#search #criteria #LoginExtranet_LoginButton {
		left: 135px;
		position: relative;
	}

	#search #criteria #LoginExtranet_PasswordRecoveryLink {
		position: relative;
		left: 23%;
		font-weight: normal;
	}

	/**Login form**/
	#search #criteria table table {
		clear: both;
		display: block;
		margin: 0 auto;
		width: 400px;
		border-width: medium;
		border-color: #7095CD;
	}

	#login_texte {
		font-size: 12pt;
		font-weight: bold;
		color: black;
	}

	.titre_page {
		font-size: 12pt;
		font-weight: bold;
		color: black;
	}

	#search #criteria table table #LoginExtranet_RememberMe {
		bottom: 10px;
		left: 33px;
		position: relative;
		width: 11px;
	}

	#search #criteria #login-intro label {
		white-space: nowrap;
	}


	#search #criteria table table label {
		bottom: 10px;
		float: none;
		left: 34px;
		position: relative;
		width: 168px;
	}
	
	#validation {
		margin-top: 50px;
		clear: both;
	}

	/**Resultats**/
	#resultatPDF {
		position: relative;
		margin-top: 40px;
		/*width:100%;*/
	}

	.field-validation-error {
		margin: 10px;
	}

	#resultat span {
		margin: 10px;
	}
	#resultat label {
		/*padding-left: 5px;*/
	}

	#resultat {
		border-radius: 4px;
		background-color: white;
		color: black;
		margin: 10px 5px 20px 5px;
		position: relative;
		padding-left: 5px;
		padding-right: 5px;
	}

		#resultat span label {
			font-weight: bolder;
			/*margin: 10px;*/
			font-size: 9pt;
		}

		#resultat th {
			font-size: 9pt;
			font-weight: normal;
		}

		#resultat td {
			font-size: 9pt;
		}

		#resultat a:link {
			font-size: 9pt;
			color: #0000f0;
		}

		#resultat a:visited {
			color: #c8050f;
		}

		#resultat a:hover {
			color: #b0b0ff;
		}

		#resultat a:active {
			color: #ee7373;
		}




		/**Annuaire Global**/
		#resultat .one-result .raison-sociale label {
			font-weight: normal;
			font-size: 10pt;
			padding: 2px 5px 2px 5px;
		}

		#resultat .one-result label {
			font-weight: bold;
			font-size: 10pt;
			padding: 2px 5px 2px 5px;
		}

		#resultat .one-result table table tr td div label {
			font-weight: normal;
			font-size: 10pt;
			padding: 2px 5px 2px 5px;
		}

		#resultat .one-result {
			background-position: left top;
			border: 0px solid #808080;
			margin: 3px;
			padding: 2px 5px 2px 5px;
			background-color: #FFFFFF;
		}

			#resultat .one-result table table tr {
				display: inline-block;
				border: medium none #7095CD;
				width: 100%;
				float: left;
				border-right-width: 1px;
				border-bottom-width: 1px;
				border-top-width: 1px;
				border-left-width: 1px;
				margin: 3px;
			}

	.ajax__dropdown_arrow_image {
		background-color: transparent !important;
	}


	.coordonnees {
		border-style: solid none solid none;
		border-width: 1px;
		border-color: #808080;
		padding: 2px 5px 2px 5px;
		font-family: Calibri;
		font-size: 10px;
		color: black;
	}
	.TiersListSite {
		width: 100%;
	}
	.lib-tiers {
		width: 90%;
		color: #FFFFFF;
		font-weight: bolder;
		font-family: Calibri;
		padding-bottom: 2px;
		font-size: 12pt;
		display: inline-block;
		background-color: black;
	}

		.lib-tiers img {
			vertical-align: middle;
		}

		.lib-tiers input {
			vertical-align: middle;
		}

	.SiteUCListe {
		width: 90%;
	}
	.note_tiers {
		background-color: #FF0000;
		color: #FFFFFF;
		font-weight: bold;
	}

	#resultat .one-result .coordonnees label {
		font-weight: normal;
		font-size: 10pt;
		padding: 2px 5px 2px 5px;
	}

	#stZREM {
		float: right;
		width: 25%;
		background-color: Gray;
		color: White;
	}

	#stAdresse {
		float: left;
		width: 75%;
	}

	#AdresseStyle {
		border-style: solid none solid none;
		border-width: 1px;
		border-color: #808080;
		padding: 2px 5px 2px 5px;
		font-family: Calibri;
		font-size: 8px;
		color: black;
	}

	#resultat .one-result .AdresseStyle p label {
		font-weight: normal;
		font-size: 10pt;
		padding: 2px 5px 2px 5px;
	}

	.AdresseStyle p {
		display: table-row-group;
	}

	#resultat .one-result .resultat-localite label {
		font-weight: normal;
		font-size: 10pt;
		padding: 2px 5px 2px 5px;
	}

	#LoginExtranet {
		margin: 0 auto;
		clear: both;
		border-top: none 0px !important;
		border-left: none;
		width: 80vw;
		height: 30vh;
	}

	/**Gestion des Tables dans AppelTele.htm**/
	#resultat .event-result tbody table {
		display: block;
		/*height:250px;*/
		width: 100%;
		/*overflow-y:scroll;
		overflow-x:hidden;*/
	}

	#R_Message {
		width: 50vw;
		height: 210px;
	}

	#resultat .event-result tbody tr {
		display: inline-block;
		border: medium solid #808080;
		width: 100%;
		float: left;
		border-right-width: thin;
		border-bottom-width: thin;
		border-top-width: thin;
		border-left-width: thin;
		margin: 3px;
		max-height: 325px;
	}

	/** Coloriage des entetes des blocs - Tiers - Site - Automate **/
	#resultat .event-result .tiers {
		font-size: 10pt;
		padding: 2px 5px 2px 5px;
		background-color: #4874BD;
		color: #FFFFFF;
		font-weight: bold;
		background-image: url('../Images/fond_ligne_entete.png');
	}

	#resultat .event-result .site {
		font-weight: bold;
		font-size: 10pt;
		padding: 2px 5px 2px 5px;
		background-image: url('../Images/fond_ligne_gris.png');
		color: black;
	}

	#resultat .event-result .automate {
		font-weight: bold;
		font-size: 10pt;
		padding: 2px 5px 2px 5px;
		color: black;
		background-color: #FFFFFF;
	}

	#resultat tbody .table-title {
		background: #cccccc url('../Images/fond_ligne_entete.png') repeat-x left top;
		color: #ffffff;
	}

	#resultat tbody .table-title-PAR {
		color: black;
		background-repeat: repeat-x;
		background-attachment: scroll;
	}

	#resultat tbody .table-title input {
		background: url('../Images/sortarrow.png') no-repeat center;
		width: 20px;
	}

	#resultat tbody .impair {
		background: #FFFFFF url('../Images/fond_ligne_bleu.png') repeat-x left top;
	}

	#resultat tbody .impair-PAR {
		background-color: #FFFFFF;
	}

	#resultat tbody .pair {
		background: #FFFFFF url('../Images/fond_ligne_gris.png') repeat-x left top;
	}

	#resultat tbody .pair-PAR {
		background: #FFFFFF url('../Images/fond_ligne_gris.png') repeat-x left top;
	}

		#resultat tbody .pair-PAR td, .pair-PAR tr, .impair-PAR td, .impair-PAR tr, .table-title-PAR th {
			border-bottom-width: 1px;
			border-bottom-color: #808080;
			border-bottom-style: solid;
			border-top-style: solid;
			border-top-width: 1px;
			border-top-color: #808080;
		}
	/* style des cellules des tableaux de graphique particulier */
	#resultat tbody .Entete-PAR {
		font-family: Calibri;
		/*font-size: 11px;*/
	}

	#resultat tbody .Ligne-PAR {
		font-family: Calibri;
		/*font-size: 11px;*/
		padding-right: 40px;
	}
	/* Style pour l'appel automate **/
	#resultat tbody .table-title-Automate {
		background: #A76D00 url('../Images/fond_ligne_entete_appelautomate.png') repeat-x left top;
		color: #ffffff;
	}

	#resultat tbody .impairdefaut {
		background: #FFFFFF url('../Images/fond_ligne_rose.png') repeat-x left top;
	}

	#resultat tbody .pairdefaut {
		background: #FFFFFF url('../Images/fond_ligne_rouge.png') repeat-x left top;
	}

	#resultat tbody .impairAutom {
		background: #FFFFFF url('../Images/fond_ligne_bleu.png') repeat-x left top;
	}

	#resultat tbody .pairAutom {
		background: #FFFFFF url('../Images/fond_ligne_gris.png') repeat-x left top;
	}

	#resultat tbody .impairAutomDefaut {
		background: #FFFFFF url('../Images/fond_ligne_rose.png') repeat-x left top;
	}

	#resultat tbody .pairAutomDefaut {
		background: #FFFFFF url('../Images/fond_ligne_rouge.png') repeat-x left top;
	}

	.btn_accesGTB {
		background-image: url('../Images/acces_gtc.png');
	}

	/**surcharge**/
	#resultat .event-result tbody tr tbody {
		border: hidden;
	}

		#resultat .event-result tbody tr tbody tr {
			display: block;
			border: none;
		}

			#resultat .event-result tbody tr tbody tr th {
				font-weight: normal;
				font-size: 10pt;
			}

	/**footer signature**/
	#footer #signature {
		border-top: thin none #808080;
		background-position: left top;
		font-weight: bold;
		position: fixed;
		bottom: 0;
		padding-left: 2vw;
		width: 99.4849vw;
		line-height: 20px;
		height: auto;
		background-image: url('../Images/fond_pied_page.png');
		background-repeat: repeat-x;
		background-attachment: scroll;
		vertical-align: bottom;
		color: black;
	}


	/** Style de l'extender (liste de type demande, société, ...) **/
	.extender {
		border: 1px solid #666666;
		background-color: #FFFFFF;
		height: 190px;
		left: 860px; /* overflow-y:scroll; */
		position: absolute;
		top: 280px;
		overflow-y: auto;
		overflow-x: hidden;
		visibility: visible;
		white-space: nowrap;
		width: auto;
		z-index: 2;
	}

	#dropdownlign {
		cursor: default;
		display: block;
		height: auto;
		/* overflow-y:scroll; */
		width: 500px;
	}

	#search #criteria .submit-button-planning-precedent {
		clear: both;
	}

	#search #criteria .submit-button-planning {
		width: 150px;
		border: 1px solid #ABADB3;
		left: 0px;
		position: relative;
		float: left;
		width: 130px;
		display: inline;
		font-family: Calibri;
		font-size: 10px;
	}

		#search #criteria .submit-button-planning:hover {
			border: 1px solid #FFFFFF;
			background-color: rgba(51,51,51,0.9);
			color: white;
		}

	#search #criteria .dynamic-checkboxes {
		bottom: 42px;
		position: relative;
	}

	#search #criteria #dynamic-checkboxes-planning {
		float: left;
	}

	.resultat-demande-collaborateur {
		font-size: 12px;
	}

	.resultat-site {
		border-style: solid;
		border-color: inherit;
		border-width: 0px;
		/*background: #FFFFFF url('../Images/fond_ligne_gris.png') repeat-x left top;*/
		padding: 5px;
		width: 80%;
	}

	.resultat-localite {
		background-position: left top;
		color: white;
		font-weight: bolder;
		font-family: Calibri;
		font-size: 12pt;
		background-color: #7F7F7F;
	}

	.panCoord {
		background-position: left top;
		color: black;
		font-weight: bolder;
		font-family: Calibri;
		font-size: 10pt;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #808080;
	}

	.correspondant {
		border-bottom: 1px solid #808080;
		/*background: #FFFFFF url('../Images/fond_ligne_bleu.png') repeat-x left top;*/
		width:78.3%;
		padding: 0px;
		margin-left: 40px;
		margin-top: 20px;
		border-left-style: none;
		border-left-width: 1px;
		border-right-style: none;
		border-right-width: 1px;
		border-top-style: none;
		border-top-width: 1px;
		background-color: silver;
	}

	.dynamic-checkboxes-planning .extender {
		WIDTH: 350px
	}

	#search #criteria .dynamic-checkboxes-planning #ctl00_MainContent_labTypeDem {
		/*	background-image:url(../Content/Images/downarrow.png);
		background-position:right center;
		background-repeat:no-repeat;
		bottom:20px;
		background-color:#FFFFFF; 
		font-size:10pt;
		font-weight:bolder;
		left:160px;
		overflow:auto;
		position:relative;
		white-space:normal;
		width:345px;
		border-style:inset;*/
	}

	#search #criteria .dynamic-checkboxes-planning #ctl00_MainContent_labTech {
		/*	border: 1px solid #ABADB3;
		background-image: url(../Content/Images/btn_down.png);
		background-position: right center;
		background-repeat: no-repeat;
		bottom: 20px;
		background-color: #FFFFFF;
		font-size: 10pt;
		font-weight: normal;
		left: 160px;
		overflow: auto;
		position: relative;
		white-space: normal;
		width: 345px;*/
	}



	#search #criteria .dynamic-checkboxes span span span {
		/*	white-space: normal;
		font-size:10pt;
		font-weight:bolder;
		overflow:auto;
		width:350px;
		background-image: url(../Content/Images/downarrow.png);
		background-position: right;	
		background-repeat:no-repeat;*/
	}


	/**Planning legend color**/
	.RTT {
		background-color: Blue;
		width: 100%;
		height: 100%;
		color: #FFFFFF;
		text-align: center;
	}

	.FORMATION {
		background-color: #7BFD7E;
		width: 100%;
		height: 100%;
		color: #000000;
		text-align: center;
	}

	.ABSENCE {
		background-color: #FF8080;
		width: 100%;
		height: 100%;
		color: #000000;
		text-align: center;
	}

	.DIMJF {
		background-color: #999999;
		width: 100%;
		height: 100%;
		color: #FFFFFF;
		text-align: center;
	}

	.AUJOURDHUI {
		background-color: #FFFFCC;
		width: 100%;
		height: 100%;
		color: #000000;
		text-align: center;
	}

	/**icon**/
	.mission-refusee {
		background: url('../Images/missionrefusee.png') no-repeat center;
		padding: 6px;
		width: 24px;
		height: 24px;
		cursor: default;
	}

	.mission-diffusee {
		background: url('../Images/vuclient.png') no-repeat center;
		padding: 6px;
		width: 24px;
		height: 24px;
		cursor: default;
	}
	.mission-photos {
		background: url('../Images/missionphotos.png') no-repeat center;
		padding: 6px;
		width: 24px;
		height: 24px;
		cursor: default;
	}

	.a-reaffecter {
		background: url('../Images/reaffecter.png') no-repeat center;
		padding: 6px;
		width: 24px;
		height: 24px;
		cursor: default;
	}

	.mission-envoyee {
		background: url('../Images/missionenvoyee.png') no-repeat center;
		padding: 6px;
		width: 24px;
		height: 24px;
		cursor: default;
	}

	.mission-cloturee {
		background: url('../Images/missioncloturee.png') no-repeat center;
		padding: 6px;
		width: 24px;
		height: 24px;
		cursor: default;
	}

	.mission-acceptee {
		background: url('../Images/missionacceptee.png') no-repeat center;
		padding: 6px;
		width: 24px;
		height: 24px;
		cursor: default;
	}

	.mission-commencee {
		background: url('../Images/missioncommencee.png') no-repeat center;
		padding: 6px;
		width: 24px;
		height: 24px;
		cursor: default;
	}

	.mission-panne {
		background: url('../Images/Panne.png') no-repeat center;
		padding: 6px;
		width: 24px;
		height: 24px;
		cursor: default;
	}

	.mission-renseignement {
		background: url('../Images/Renseignement.png') no-repeat center;
		padding: 6px;
		width: 24px;
		height: 24px;
		cursor: default;
	}

	.mission-preventif {
		background: url('../Images/heure.png') no-repeat center;
		padding: 6px;
		width: 24px;
		height: 24px;
		cursor: default;
	}
	.mission-document {
		background: url('../Images/Document.png') no-repeat center;
		padding: 6px;
		width: 24px;
		height: 24px;
		cursor: default;
	}
	/* intervention : légende type mission : C : Contrat ; I : Interventions ; D : Travaux devis */
	.type_mission_I {
		background: url('../Images/IntVoiture.png') no-repeat center;
		background-size: 24px;
		padding-left: 16px;
		width: 24px;
		height: 24px;
		cursor: default;
	}

	.type_mission_C {
		background: url('../Images/IntMaintenance.png') no-repeat center;
		background-size: 24px;
		padding-left: 16px;
		width: 24px;
		height: 24px;
		cursor: default;
	}

	.type_mission_D {
		background: url('../Images/IntTravaux.png') no-repeat center;
		background-size: 24px;
		padding-left: 16px;
		width: 24px;
		height: 24px;
		cursor: default;
	}

	.DemandeInfoBulle {
		width: 200px;
		height: 20px;
		visibility: hidden;
		position: absolute;
		z-index: 20;
		text-align: center;
		color: White;
		font-family: Calibri;
		background-color: Silver;
	}

	#resultat .document a {
		background-repeat: no-repeat;
		background-position: left;
		margin-left: 0px;
		padding-left: 0px;
	}

	#search #criteria #checkbox-status #S_DemEnCours {
		width: auto;
		overflow: auto;
	}

	#search #criteria #checkbox-vue #S_DemVue {
		width: auto;
		overflow: auto;
	}

	#search #criteria .extender input {
		width: auto;
	}

	#search #criteria .dynamic-checkboxes-type-demande {
		float: left;
	}

	#search #criteria .dynamic-checkboxes-societe {
		float: left;
	}

	#search #criteria .dynamic-checkboxes-affectation {
		float: left;
		clear: left;
	}

	/** page demand collaborateur **/

	.demande-collaborateur #search #criteria #textbox {
		/*	clear:both; 
		position:relative;
		left: 100px;
		height:30px;
		z-index:1;*/
	}

	.demande-collaborateur #btnvalid {
		/*	clear:both; 
		position:relative;
		left: 0px;
		vertical-align:bottom;
		height:0px;
		z-index:1;*/
	}

	#search #criteria #textbox label {
		/*	font-weight:bold;
		width:auto ;
		clear:none ; float:left ;
		display:inline ;
		margin-right : 4px;*/
	}

	#search #criteria #textbox input {
		/*	margin-right : 10px;
		position:static ;*/
	}

	.demande-collaborateur #search #criteria {
		/*width:100%;*/
		/*z-index:5;*/
	}

		.demande-collaborateur #search #criteria #contact {
			/*float:left;*/
		}

		.demande-collaborateur #search #criteria #checkbox-vue {
			/*float:left;
		clear:left ;
		width:375px;*/
		}

			.demande-collaborateur #search #criteria #checkbox-vue br {
				/*    display:none; */
			}

			.demande-collaborateur #search #criteria #checkbox-status input,
			.demande-collaborateur #search #criteria #checkbox-vue input {
				/*width:150px !important;*/
			}

		.demande-collaborateur #search #criteria #checkbox-status {
			/*width:375px;
		float:left;*/
		}

		.demande-collaborateur #search #criteria #search-button {
			/*	float:left;
		position:static;
		width:150px !important;
		z-index:2;
		bottom:auto ;*/
		}


		.demande-collaborateur #search #criteria .dynamic-checkboxes-type-demande {
			/*    z-index: 3;
		width: 365px;*/
		}

		.demande-collaborateur #search #criteria .dynamic-checkboxes-societe {
			/*    z-index:3;
		width:365px;*/
		}

		.demande-collaborateur #search #criteria .dynamic-checkboxes-affectation {
			/*    z-index:3;
		width:365px;*/
		}


	.demande-collaborateur .extender {
		/*	background-color:#cbddf6;
		height: 190px;
		/* overflow-y:scroll; */
		/*	position:absolute;
		top:0px;
		visibility:visible;
		white-space:nowrap;
		width:210px;
		padding:10px;
		z-index:2;*/
	}

	.demande-collaborateur-grille {
		font-size: 8pt;
	}


	#LoginExtranet Table {
		min-height: 150px;
		margin: auto;
		font-weight: normal;
	}

	#LoginExtranet Table td {
		text-align: center;
	}

	#LoginExtranet Table a#LoginExtranet_PasswordRecoveryLink {
		color: black;
		font-size: 16px;
		font-weight: normal;
	}

	.ajax__calendar .ajax__calendar_container {
		font-weight: normal;
		z-index: 99;
	}

	#ctl00_MainContent_CalendarExtenderDeb {
		z-index: 99;
	}

	#ctl00_MainContent_CalendarExtenderFin {
		z-index: 99;
	}
	/*** Planning ****/

	.ScheduleSociete {
		font-weight: bolder;
		float: none;
		width: 100%;
		text-align: left;
		font-weight: bold;
		border-bottom-style: solid;
		border-bottom-width: 1px;
	}

	.ScheduleSecteur {
		font-weight: bolder;
		float: none;
		width: 100%;
		text-align: left;
		font-weight: bolder;
		padding-left: 20px;
	}

	#ctl00_MainContent_ScheduleCalendar1 table {
		border-collapse: collapse;
		border: 1px solid #FFFFFF;
	}

	#ctl00_MainContent_ScheduleCalendar1 .ScheduleNormal div {
		text-align: center;
	}

	/*#ctl00_MainContent_ScheduleCalendar0 th, #ctl00_MainContent_ScheduleCalendar1 th, #ctl00_MainContent_ScheduleCalendar2 th */
	.ScheduleCalendrier {
		display:block;
		overflow-x: scroll;
	}
	.ScheduleCalendrier th {
		BACKGROUND-COLOR: #FFF;
		color: black;
		font-weight: bold;
		border: 1px solid #ABADB3;
		/*border-bottom:1px solid #7FCCFF;
		border-right:1px solid #7FCCFF;
		border-top:1px solid #7FCCFF;
		border-left:1px solid #7FCCFF;*/
	}

	.ScheduleHormal {
		text-align: center;
		background-color: #aaccee;
	}

	.ScheduleHormal2 {
		text-align: center;
		background-color: #ddeeff;
	}

	.ScheduleEmpty {
		background-color: #E3E6E8;
	}

	.ScheduleNormal {
		background-color: #E3E6E8;
	}

	.ScheduleHeading {
		text-align: left;
	}

	.collapsePanel {
		font-size: medium;
		color: #000099;
		font-weight: bold;
	}

	.collapseTargetPanel {
		background-color: Transparent;
		padding-left: 7px;
		font-size: 0.8em;
	}

	Input {
		font-family: Calibri;
		color: black;
		border-color: rgb(118, 118, 118), rgb(133, 133, 133);
		/*font-size: 11px;*/
	}
		input[type="text"], textarea {
			/*background-color: #efefef;*/
			border: #666 1px solid;
			/*border-radius: 4px;*/
		}
	Select {
		font-family: Calibri;
		color: black;
		/*font-size: 11px;*/
	}
	/* Bouton de pagination des listes */
	.btn_prem {
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: center center;
		background-image: url('../Images/btn_prem_pt_noir.png');
		background-color: transparent;
		border: none;
		width: 15px;
		height: 15px;
		color: #F0F0F0;
		font-size: 0px;
		cursor: pointer;
	}

		.btn_prem:hover {
			background-color: transparent;
			background-image: url('../Images/btn_prem_pt.png');
			color: black;
		}

		.btn_prem:active {
			color: #737270;
		}

	.btn_prec {
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: center center;
		background-image: url('../Images/btn_prec_pt_noir.png');
		background-color: transparent;
		border: none;
		width: 15px;
		height: 15px;
		color: #F0F0F0;
		font-size: 0px;
		cursor: pointer;
	}

		.btn_prec:hover {
			background-color: transparent;
			background-image: url('../Images/btn_prec_pt.png');
			color: black;
		}

		.btn_prec:active {
			color: #737270;
		}

	.btn_suiv {
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: center center;
		background-image: url('../Images/btn_suiv_pt_noir.png');
		background-color: transparent;
		border: none;
		width: 15px;
		height: 15px;
		color: #F0F0F0;
		font-size: 0px;
		cursor: pointer;
	}

		.btn_suiv:hover {
			background-color: transparent;
			background-image: url('../Images/btn_suiv_pt.png');
			color: black;
		}

		.btn_suiv:active {
			color: #737270;
		}

	.btn_dern {
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: center center;
		background-image: url('../Images/btn_dern_pt_noir.png');
		background-color: transparent;
		border: none;
		width: 15px;
		height: 15px;
		color: #F0F0F0;
		font-size: 0px;
		cursor: pointer;
	}

		.btn_dern:hover {
			background-color: transparent;
			background-image: url('../Images/btn_dern_pt.png');
			color: black;
		}

		.btn_dern:active {
			color: #737270;
		}

	.panBTNAutomate {
		padding-top: 5px;
		width: 100%;
		text-align: center;
		height: 25px;
	}

	.txtPagination {
		text-align: center;
		border-style: none;
		background-color: Transparent;
		color: black;
		vertical-align: top;
		font-size: 14px;
		font-family: Calibri;
		width: 60px;
	}

	.txtEtoile {
		font-family: Calibri;
		font-size: small;
		color: #FF0000;
		width: 10px;
	}

	/* Boutons de choix de société */
	.Btn_ME {
		border-style: none;
		background-position: center center;
		font-family: Arial;
		/*background-image: url('../Images/btnME.gif');*/
		font-size: 40px;
		font-weight:bold;
		/*width: 140px;*/
		/*height: 70px;*/
		background-color: #FCFCFC;
		background-repeat: no-repeat;
		/*color: transparent;*/
	}

		.Btn_ME:hover {
			cursor: pointer;
		}

	.Btn_CM {
		border-style: none;
		background-position: center center;
		font-family: Arial;
		/*background-image: url('../Images/btnCM.gif');*/
		font-size: 40px;
		font-weight: bold;
		/*dth: 140px;*/
		/*height: 70px;*/
		background-color: #FCFCFC;
		background-repeat: no-repeat;
		/*color: transparent;*/
	}

		.Btn_CM:hover {
			cursor: pointer;
		}

	.Btn_SE {
		border-style: none;
		background-position: center center;
		font-family: Arial;
		/*background-image: url('../Images/btnSE.gif');*/
		font-size: 40px;
		font-weight: bold;
		/*width: 140px;*/
		/*height: 120px;*/
		background-color: #FCFCFC;
		background-repeat: no-repeat;
		/*color: transparent*/
	}

		.Btn_SE:hover {
			cursor: pointer;
		}

	.Btn_DE {
		border-style: none;
		background-position: center center;
		font-family: Arial;
		/*background-image: url('../Images/btnDE.gif');*/
		font-size: 40px;
		font-weight: bold;
		/*width: 140px;
		height: 120px;*/
		background-color: #FCFCFC;
		background-repeat: no-repeat;
		/*color: transparent;*/
	}

		.Btn_DE:hover {
			cursor: pointer;
		}

	.Btn_MX {
		border-style: none;
		background-position: center center;
		font-family: Arial;
		/*background-image: url('../Images/btnMX.gif');*/
		font-size: 40px;
		font-weight: bold;
		/*width: 140px;
		height: 120px;*/
		background-color: #FCFCFC;
		background-repeat: no-repeat;
		/*color: transparent;*/
	}

		.Btn_MX:hover {
			cursor: pointer;
		}
	.clsBusinessUnit {
		font-size: 20px;
	}
	.divComptesAssocies {
		text-align: center;
	}

	.Btn_CompteAssocie {
		border: 1px solid #666666;
		background-color: white;
		color: black;
		width: 50%;
		height: 40px;
		/*border-radius: 4px;*/
		margin: 10px;
		cursor: pointer;
	}

		.Btn_CompteAssocie:hover {
			background-color: rgba(204,204,204,0.9);
			color: black;
		}

	#txtRDVClient {
		margin-top: 40px;
		margin-left: 300px;
	}
	/* Style de la boite tri/filtre */
	.docLibelle {
		float: none;
		text-align: center;
		height: 35px;
		/*font-size: 11px;*/
	}

	.docColumnContract {
		min-width: 180px;
	}

	.docLibellePAR {
		float: left;
		height: 10px;
		/*font-size: 11px;*/
		font-weight: lighter;
		vertical-align: top;
	}

	.docLibelleFlt {
		float: none;
		text-align: center;
		height: 35px;
		font-weight: bold;
		color: #CF043F;
		/*font-size: 11px;*/
	}

	.docLibelleFltPAR {
		float: left;
		height: 10px;
		font-weight: bold;
		color: #CF043F;
		/*font-size: 11px;*/
		vertical-align: top;
	}
	/* *** Style permettant d'afficher un scrolling horizontal avec la plupart des navigateurs
		Testé avec : Opera, Firefox, Safari, Chrome, Internet Explorer  */
	#panGrdView {
		display: block;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
		overflow-x: auto;
		overflow-y: hidden;
		overflow: -moz-scrollbars-horizontal;
	}

	#btnMasqCol {
		background-image: url(/Content/Images/hexpand.jpg);
		background-repeat: no-repeat;
		cursor: pointer;
		float: right;
		border: transparent;
		width: 15px;
	}
	.panAutomate {
		overflow-y: scroll;
	}
	.docBouton {
		background-position: right center;
		background-image: url('../Images/btn_filtreup.png');
		float: right;
		background-repeat: no-repeat;
		width: 100%;
		height: 15px;
		cursor: pointer;
	}

	.docBoutonFlt {
		background-position: right center;
		background-image: url('../Images/btn_filtredn.png');
		float: right;
		background-repeat: no-repeat;
		width: 100%;
		height: 15px;
		cursor: pointer;
	}

	.docBouton:hover {
		background-image: url('../Images/btn_filtreover.png');
	}

	.docBouton-PAR {
		background-position: right center;
		background-image: url('../Images/btn_filtreup.png');
		float: left;
		background-repeat: no-repeat;
		width: 17px;
		height: 17px;
		cursor: pointer;
	}

	.docBoutonFlt-PAR {
		background-position: right center;
		background-image: url('../Images/btn_filtredn.png');
		float: left;
		background-repeat: no-repeat;
		width: 17px;
		height: 17px;
		cursor: pointer;
	}

	.docBoutonVide {
		background-position: right center;
		background-image: url(../Content/Images/btn_downvide.png);
		background-image: none;
		float: right;
		background-repeat: no-repeat;
		width: 100%;
		height: 15px;
		cursor: pointer;
	}

	.docTriFiltre {
		padding: 3px;
		border: 1px solid #808080;
		position: absolute;
		top: 25px;
		background-color: White;
		width: 120px;
		height: 140px;
		text-align: left;
		z-index: 99;
	}

	.docTriC {
		border-style: none;
		background-image: url('../Images/TriC.png');
		background-repeat: no-repeat;
		background-position: left center;
		width: 95%;
		background-color: #FFFFFF;
		text-align: left;
	}

		.docTriC:Hover {
			background-color: #CCCCCC;
			cursor: pointer;
		}

	.docTriD {
		border-style: none;
		background-image: url('../Images/TriD.png');
		background-repeat: no-repeat;
		background-position: left center;
		width: 95%;
		background-color: #FFFFFF;
		text-align: left;
	}

		.docTriD:Hover {
			background-color: #CCCCCC;
			cursor: pointer;
		}

	.docAnnule {
		border-style: none;
		background-image: url('../Images/AnnuleTF.png');
		background-repeat: no-repeat;
		background-position: left center;
		width: 95%;
		background-color: #FFFFFF;
		text-align: left;
	}

		.docAnnule:Hover {
			background-color: #CCCCCC;
			cursor: pointer;
		}

	.docBtnFiltre {
		border: 1px solid #808080;
		font-family: Calibri;
		font-size: 12px;
		width: 110px;
	}

		.docBtnFiltre:Hover {
			background-color: #CCCCCC;
			cursor: pointer;
		}
	/* Page Demande - bouton Vu */
	.btnAppelVu {
		background: url('../Images/BTN_Accept.png') no-repeat center;
		border: 1px none #808080;
		width: 30px;
		cursor: pointer;
	}

		.btnAppelVu:hover {
			background-image: url('../Images/BTN_AcceptHover.png');
		}
	/* Page Demande - bouton Clôture */
	.btnAppelClo {
		background: url('../Images/BTN_Cloture.png') no-repeat center;
		border: 1px none #808080;
		width: 30px;
		cursor: pointer;
	}

	.btnAppelCache {
		visibility: hidden;
		display: none;
	}

	.btnAppelClo:hover {
		background-image: url('../Images/BTN_ClotureHover.png');
	}
	/* Page Appel automate - bouton acquit OM/APPEL et ligne d'alarme */
	.btnAcquitteOM {
		background: url('../Images/BTN_Rge.png') no-repeat center;
		border: 1px none #808080;
		width: 20px;
	}

		.btnAcquitteOM:hover {
			background-image: url('../Images/BTN_RgeHover.png');
		}

	.ligneAppelAutomate1 {
		font-size: 9pt;
	}

	.ligneAppelAutomate0 {
		color: Red;
		font-size: 9pt;
	}
	/* Page Accueil particulier => style choix type de pièce */
	.par_lienOption {
		font-size: 12px;
		text-decoration: none;
		font-family: verdana;
		color: black;
		width: 80px;
		height: 96px;
		margin-right: 60px;
		margin-top: 15px;
		margin-bottom: 30px;
		background-repeat: no-repeat;
		background-position: center;
		text-align: center;
		cursor: pointer;
	}

		.par_lienOption:hover {
			color: #FFFFFF;
			background-color: #808080;
		}
	/* Page Accueil particulier => style sélection logement */
	.par_selLogement {
		background-position: left top;
		border: 1px solid #666666;
		margin: 15px 5px 5px 5px;
		padding: 10px 10px 10px 35px;
		font-size: 12px;
		text-decoration: none;
		font-family: Calibri;
		color: black;
		width: 240px;
		height: 55px;
		text-align: left;
		cursor: pointer;
		overflow: hidden;
		float: left;
		background-image: url('../Images/extPartSelLogOn.png');
		background-repeat: no-repeat;
	}

		.par_selLogement:hover {
			background-image: url('../Images/extPartSelLogOff.png');
			color: #FFFFFF;
			background-color: #808080;
		}
	/* Page Espace Paticulier ==> couleur des sous menu */
	.Espace_lienPAR_CHAUFF {
		font-size: 12px;
		text-decoration: none;
		font-family: verdana;
		color: #FF7723;
		font-weight: bold;
	}

	.Espace_lienPAR_SYNTHE {
		font-size: 12px;
		text-decoration: none;
		font-family: verdana;
		color: #91D04C;
		font-weight: bold;
	}

	.Espace_lienPAR_EAU {
		font-size: 12px;
		text-decoration: none;
		font-family: verdana;
		color: #526DB0;
		font-weight: bold;
	}

	.Espace_lienPAR_ELECTR {
		font-size: 12px;
		text-decoration: none;
		font-family: verdana;
		color: #6DD9FF;
		font-weight: bold;
	}

	.Espace_lienPAR_FACT {
		font-size: 12px;
		text-decoration: none;
		font-family: verdana;
		color: #C0C0C0;
		font-weight: bold;
	}

	.Espace_lienPAR_ENVIRO {
		font-size: 12px;
		text-decoration: none;
		font-family: verdana;
		color: #80FF00;
		font-weight: bold;
	}
	/* Page AccesDocument => style choix type de pièce */
	.AD_lienMenuPiece {
		font-size: 12px;
		text-decoration: none;
		font-family: verdana;
		color: black;
	}

		.AD_lienMenuPiece:hover {
			color: #FFFFFF;
		}

	.AD_MenuPiece {
		text-align: center;
		margin-right: 5px;
		margin-left: 5px;
		padding-right: 5px;
		padding-left: 5px;
		height: 22px;
		display: inline-block;
	}

		.AD_MenuPiece:hover {
			border-color: #FFFFFF;
			background-color: #808080;
			color: #FFFFFF;
			height: 16px;
			margin-bottom: 6px;
		}

	.AD_MenuPieceSelect {
		color: black;
		border: 1px solid #808080;
		background-color: #F0F0F0;
		text-align: center;
		margin-right: 5px;
		margin-left: 5px;
		padding-right: 5px;
		padding-left: 5px;
		height: 16px;
		margin-bottom: 4px;
		display: inline-block;
	}

		.AD_MenuPieceSelect:hover {
			color: #FFFFFF;
			background-color: #808080;
		}

	.AD_ModalPopupBG {
		background-color: #666699;
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
		-ms-opacity: 0.7;
		-o-opacity: 0.7;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter: alpha(opacity=70);
		opacity: 0.7;
		position: fixed;
		top: 0px;
		bottom: 0px;
		right: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 10;
	}

	.AD_BackgroundTreeview {
		border-left: 1px solid #C0C0C0;
		border-right: 1px solid #808080;
		border-top: 1px solid #C0C0C0;
		border-bottom: 1px solid #808080;
		padding: 1px;
		background-color: #F0F0F0;
		background-image: url('../Images/fond_ligne_entete.png');
		background-repeat: repeat-x;
		background-attachment: scroll;
		width: 600px;
		margin-left: -300px;
		position: fixed;
		top: 25%;
		left: 50%;
		z-index: 11;
		margin-right: auto;
		margin-top: 0;
		margin-bottom: 0;
	}

	.AD_BackgroundInfoPwd {
		border-left: 1px solid #C0C0C0;
		border-right: 1px solid #808080;
		border-top: 1px solid #C0C0C0;
		border-bottom: 1px solid #808080;
		padding: 1px;
		background-color: #F0F0F0;
		background-image: url('../Images/fond_ligne_entete.png');
		background-repeat: repeat-x;
		background-attachment: scroll;
		width: 640px;
		margin-left: -320px;
		position: fixed;
		top: 2%;
		left: 50%;
		z-index: 1;
		margin-right: auto;
		margin-top: 0;
		margin-bottom: 0;
	}

	.AD_TitreTreeview {
		padding: 1px;
		color: #ffffff;
		vertical-align: middle;
		height: 30px;
	}

	.AD_btnFermerTreeview {
		border-style: solid;
		border-width: 0px;
		background-image: url('../../../Images/fermer.gif');
	}

	.AD_lnkDetailDevis {
		border-style: solid;
		border-width: 0px;
		background-color: Transparent;
		background-image: url('../Images/btn_detail.png');
		width: 30px;
		height: 30px;
		cursor: pointer;
	}

	.Dem_MasqueCritere {
		background-color: #666699;
		filter: alpha(opacity=50);
		opacity: 0.7;
		position: absolute;
		top: 20px;
		bottom: 0px;
		right: 0px;
		left: 10px;
		width: 938px;
		height: 133px;
		z-index: 0;
	}

	#resultat tbody .AD_lnkPiece:link {
		color: #2200C1;
	}

	#resultat tbody .AD_lnkPiece:visited {
		color: #551A8B;
	}

	#resultat tbody .AD_lnkPiece:hover {
		color: #336699;
	}
	table .FactureMontant {
		text-align: right;
	}
	/* *** Style Recouvrement Mot de passe *** */
	#weak, #medium {
		border-right: solid 1px #DEDEDE;
	}

	#sm {
		margin: 0px;
		padding: 0px;
		height: 14px;
		font-family: Tahoma, Arial, sans-serif;
		font-size: 9px;
	}

		#sm ul {
			border: 0px;
			margin: 0px;
			padding: 0px;
			list-style-type: none;
			text-align: center;
		}

			#sm ul li {
				display: block;
				float: left;
				text-align: center;
				padding: 0px 0px 0px 0px;
				margin: 0px;
				height: 14px;
			}

	.nrm {
		width: 84px;
		color: #adadad;
		text-align: center;
		padding: 2px;
		background-color: #F1F1F1;
		display: block;
		vertical-align: middle;
	}

	.red {
		width: 84px;
		color: #FFFFFF;
		text-align: center;
		padding: 2px;
		background-color: #FF6F6F;
		display: block;
		vertical-align: middle;
	}

	.yellow {
		width: 84px;
		color: #FFFFFF;
		text-align: center;
		padding: 2px;
		background-color: #FDB14D;
		display: block;
		vertical-align: middle;
	}

	.green {
		width: 84px;
		color: #FFFFFF;
		text-align: center;
		padding: 2px;
		background-color: #A0DA54;
		display: block;
		vertical-align: middle;
	}

	.ClavierVirtuelBouton {
		font-size: x-large;
		font-weight: bold;
		color: #333333;
		text-decoration: none;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
	}

	.ACC_FactNum {
		border-style: none;
		background-image: url('../Images/btn_factnum.png');
		width: 266px;
		height: 67px;
		display: block;
		cursor: pointer;
		color: black;
		background-color: #FFFFFF;
		margin-left: 166px;
	}

		.ACC_FactNum:hover {
			background-image: url('../Images/btn_factnum_h.png');
			color: #A8A8A8;
		}

		.ACC_FactNum:active {
			background-image: url('../Images/btn_factnum_c.png');
		}

	.ACC_FactNumQuestion {
		font-weight: bolder;
		text-decoration: underline;
	}

	.InterventionsColonne {
		display: none;
	}

	.docDossFich ul.Root, .RootNom ul {
		list-style-type: none;
	}

	.RootNom {
		margin-left: -20px;
		margin-bottom: -9px;
	}

	.DossFich li span.FolderUp {
		background-image: url('../Images/parent.png');
		background-repeat: no-repeat;
		padding: 0px 0px 0px 20px;
		font-style: italic;
		cursor: pointer;
	}
	.DossFich span.Folder {
		background-image: url('../Images/dossier.png');
		background-repeat: no-repeat;
		padding: 0px 0px 0px 20px;
		cursor: pointer;
		display: block;
		margin: 3px 0px 3px 15px;
	}

	.DossFich li.Puce:before {
		/*content: "\002B";*/
		content: url('../Images/plus.png');
		color: Silver;
		display: inline-block;
		margin-right: 2px;
		cursor: pointer;
		float:left;
	}
	.DossFich li.PuceUp:before {
		/*content: "\002B";*/
		content: url('../Images/moins.png');
		color: Silver;
		display: inline-block;
		margin-right: 2px;
		cursor: pointer;
		float: left;
	}

	.DossFich li.Puce, .DossFich li.PuceUp {
		margin-left: -15px;
	}
	li.Racine:before {
		/*content: "\002B";*/
		content: url('../Images/moins.png');
		color: Silver;
		display: inline-block;
		margin-right: 2px;
		cursor: pointer;
	}

	.DossFich span.FilePDF {
		background-image: url('../Images/pdf.png');
		background-repeat: no-repeat;
		padding: 0px 0px 0px 20px;
		cursor: pointer;
	}

	.DossFich span.FileXLS {
		background-image: url('../Images/Excel2007.png');
		background-repeat: no-repeat;
		padding: 0px 0px 0px 20px;
		cursor: pointer;
	}

	.DossFich span.FileTXT {
		background-image: url('../Images/texte.png');
		background-repeat: no-repeat;
		padding: 0px 0px 0px 20px;
		cursor: pointer;
	}

	#DossCourant {
		margin-left: 50px;
	}

	.DossFich span.FileDOC {
		background-image: url('../Images/Word2007.png');
		background-repeat: no-repeat;
		padding: 0px 0px 0px 20px;
		cursor: pointer;
	}

	.DossFich span.FileOTH {
		background-image: url('../Images/docAutre.png');
		background-repeat: no-repeat;
		padding: 0px 0px 0px 20px;
		cursor: pointer;
	}

	a.OpenFolderRoot, .RootNom li span.FolderUp {
		background-image: url('../Images/acces_gtc.png');
		background-repeat: no-repeat;
		background-size: 16px 16px;
		padding: 0px 0px 0px 20px;
		cursor: pointer;
	}

	a.OpenFolder,
	a.ADLienFichier {
		text-decoration: none;
		color: black;
	}

		a.OpenFolder:hover,
		a.ADLienFichier:hover {
			background-color: Silver;
			color: White;
		}

		a.OpenFolder:link,
		a.OpenFolder:visited,
		a.ADLienFichier:link,
		a.ADLienFichier:visited {
			color: black;
		}
	/* Style et mise en forme de gestion de la RGPD */
	.rgpd {
		display: block;
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 32px;
		/* z-index: 999;*/
		padding-top: 10px; /*décalage du texte vers le bas*/
		text-align: center;
		text-indent: 0px; /*décalage du texte vers la droite*/
		font-size: 18px;
		color: #FFFFFF;
		background-color: #111111;
	}

		.rgpd a {
			text-decoration: none;
			color: #FFFFFF;
		}

	.RgpdFirst {
		width: inherit;
		display: contents;
	}

	.RgpdSecond {
		float: right;
	}

		.RgpdSecond img {
			cursor: pointer;
			padding-right: 5px;
			margin-top: -3px;
		}

	.CharteRGPD {
		display: block;
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
		background-color: #C0C0C0;
		height: 100%;
		border-width: 1px;
		filter: alpha(opacity=70);
		opacity: 0.7;
		z-index: 1;
	}

	.CharteRGPDTexte {
		display: none;
		position: absolute;
		left: 0px;
		z-index: 102;
		top: 0px;
		margin: 0px auto;
		padding-top: 80px;
		width: 100%;
		height: 80%;
	}

	.RGPDCenter {
		display: block;
		width: 80%;
		height: 80%;
		margin-left: auto;
		margin-right: auto;
		background-color: #FFFFFF;
		color: #000000;
		padding: 35px 35px 35px 35px;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.RGPDClose {
		float: left;
		position: relative;
		text-align: right;
		width: 100%;
	}

		.RGPDClose img {
			cursor: pointer;
		}

	#RGPDOpen {
		cursor: pointer;
	}
}