html {
	height: 100%;
	width: 100%;
}

::-webkit-scrollbar {
    width: 15px;
	background-color: #dfdfdf;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
	background-color: #F5F5F5;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
	background-color: #F5F5F5; 
}

.body_main {
	background: #DDDEDE;
	margin-top: -15;
	margin-left: 0;
	margin-right: 10;
	margin-bottom: 26;
	scrollbar-3dlight-color : #DDDEDE;
	scrollbar-arrow-color : #1183F5;
	scrollbar-base-color : #C9C9C9;
	scrollbar-darkshadow-color : #505050;
	scrollbar-highlight-color : #FFFFFF;
	scrollbar-shadow-color : #C9C9C9;
	scrollbar-track-color : #DDDEDE;
	overflow: -moz-scrollbars-vertical; 
	overflow-y: scroll;
}

#main {
	width:100%;
}

.body_menu {
	background-color: #dfdfdf;
	overflow: hidden;
}

.MenuOn {
	background-image: url(../img/fond_item_menu.gif);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	line-height: 140%;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

.MenuOff {
	border-top: 1px solid #999999;
	background: #F7F7F7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	line-height: 140%;
	color: #1183F5;
	text-decoration: none;
}

.MenuDisabled{
	border-top: 1px solid #999999;
	background: #F7F7F7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	line-height: 140%;
	color: #bbbbbb;
	text-decoration: none;
}

.MenuSelect {
	background-image: url(../img/fond_item_menu_select.gif);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	line-height: 140%;
	color: #ffffff;
	text-decoration: none;
}

.MenuPopUp {
	border-top: 1px solid #999999;
	background: #f7f6ec;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	line-height: 140%;
	color: #1183F5;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

.SousMenuOn {
	background-image: url(../img/fond_item_menu.gif);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	line-height: 140%;
	color: #ffffff;
	text-decoration: none;
	text-align: right;
	cursor: pointer;
	cursor: hand;
}

.SousMenuOff {
	background-color: #FFDDBB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	line-height: 140%;
	color: #664433;
	text-decoration: none;
	text-align: right;
}

.SousMenuSelect {
	background-image: url(../img/fond_item_menu_select.gif);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	line-height: 140%;
	color: #ffffff;
	text-decoration: none;
	text-align: right;
}

.choixprojet {
	background: #f7f6ec;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	line-height: 140%;
	color: #888888;
}

.choixfournisseur {
	background: #f7f6ec;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	line-height: 140%;
	color: #888888;
}

.choixcommande {
	background: #f7f6ec;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	line-height: 140%;
	color: #888888;
}

.rougegrasse {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #FE6B3A;
	text-decoration: none;
}

.contour {
	border: 1px solid #666666;
	border-color: #999999;
}

.fondparchemin {
	background-color: #EFEFEF;
}

.fondparchemin2 {
	background-color: #F4F4F4;
}

.fond_item_menu {
	background-image: url(../img/fond_item_menu.gif);
	background-repeat: repeat-x;
}

.collapse {
	display: none;
}

.expand {
	display: block;
}

.expandinline {
	display: inline;
}

.elmt_masque {
	visibility: hide;
	visibility: hidden;
}

.elm_visible {
	visibility: show;
	visibility: visible;
}

.minititres {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #663333;
}

.enonce {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #777;
}

.enoncedisabled {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #BBB;
}

.annonce {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #EC7600;
}

.principal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

.asterisque {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #FE6B3A;
	text-decoration: none;
}

.barre_separation {
	background-image: url(../img/trait-horiz.gif);
	background-repeat: repeat-x;
}

.entetetableau {
	background-color: #E9E9E9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #777;
	text-decoration: none;
}

.lignetableau {
	background-color: #F7F7F7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

TR.lignetableau:hover{
	background: #FFC57F;
	color: white;
	cursor: pointer;
	cursor: hand;
}

.lignetableauinactive {
	background-color: #F7F7F7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

TR.lignetableauinactive:hover{
	background: #BBB;
	color: #FFFFFF;
}

.lignetableauselect{
	background: #BBB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.lignetableauvisu {
	background-color: #F7F7F7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1183F5;
	text-decoration: none;
}

.souslignetableau {
	background-color: #F0F0F0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #777;
	text-decoration: none;
}

TR.souslignetableau:hover {
	background: #FFC57F;
	cursor: pointer;
	cursor: hand;
}

.souslignetableauvisu {
	background-color: #F0F0F0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #54a6f8;
	text-decoration: none;
}

.lignetableaudocument {
	background-color: #fdf0e8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #777;
	text-decoration: none;
}

.ligne_objet {
	background: #F7F7F7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
    color: rgb(93, 109, 126);
	text-decoration: none;
}

.ligne_objet_select {
	background: rgba(0, 197, 127, 0.5);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
    color: white;
	cursor: pointer;
	cursor: hand;
}

.ligne_objet_visu {
	background-color: #F7F7F7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1183F5;
	text-decoration: none;
}

TR.ligne_objet:hover{
	background: #FFC57F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
    color: white;
	cursor: pointer;
	cursor: hand;
}

.bleue {
	color: #1183F5;
}

.saisie {
	border: 1px solid #999;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #663333;
}

.saisie:hover {
	border: 1px solid #999;
	-moz-box-shadow: -2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	box-shadow: 2px 2px 2px #ccc;
}

.saisie:focus {
	outline: none;
	border: 1px solid #999;
	-moz-box-shadow: -2px 2px 2px rgb(243, 211, 180);
	-webkit-box-shadow: 2px 2px 2px rgb(243, 211, 180);
	box-shadow: 2px 2px 2px rgb(243, 211, 180);
	background-color: rgb(246,234,223);
}

.hideselect{
	width:20px;
	border: 0px;
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #663333;
	background-color:#F7F7F7;
}

.hideselect:focus {
	width:20px;
	outline: none;
	border: 0px;
	background-color: rgb(246,234,223);
}

.hideselect:disabled {
	 color: #CCC;
}

input[type="checkbox"]:hover {
	cursor: pointer;
	cursor: hand;
}

input[type="checkbox"]:focus {
	outline: none;
}

input[type="radio"]:hover {
	cursor: pointer;
	cursor: hand;
}

input[type="radio"]:focus {
	outline: none;
}

.carte_visite{
	padding: 5;
	width: 270;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

.nom_carte_visite{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

.detail_carte_visite{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #000;
}

.AnnuaireActif{
	background-color: #B9D8EA;
	border: 1px solid #666666;
	border-color: #999999;
}

.AnnuaireInactif{
	background-color: #F7F7F7;
	border: 1px solid #666666;
	border-color: #999999;
	cursor: pointer;
	cursor: hand;
}

.projet {
	outline: none;
	background-color: #EFEFEF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #663333;
	line-height : 1.1;
	cursor: pointer;
	cursor: hand;
	border: 1px solid #999;	
	padding: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	/*-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;*/
}

.projet:hover {
	border: 1px solid #999;
	-moz-box-shadow: -2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	box-shadow: 2px 2px 2px #ccc;
}

.projet:focus {
	outline:none;
	-moz-box-shadow: -2px 2px 2px rgba(236, 118, 0, 0.3);
	-webkit-box-shadow: 2px 2px 2px rgba(236, 118, 0, 0.3);
	box-shadow: 2px 2px 2px rgba(236, 118, 0, 0.3);
	background-color: rgba(236, 118, 0, 0.1);
}

.fournisseur {
	outline: none;
	background-color: #EFEFEF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #663333;
	line-height : 1.1;
	cursor: pointer;
	cursor: hand;
	border: 1px solid #999;	
	padding: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	/*-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;*/
}

.fournisseur:hover {
	border: 1px solid #999;
	-moz-box-shadow: -2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	box-shadow: 2px 2px 2px #ccc;
}

.fournisseur:focus {
	outline:none;
	-moz-box-shadow: -2px 2px 2px rgba(236, 118, 0, 0.3);
	-webkit-box-shadow: 2px 2px 2px rgba(236, 118, 0, 0.3);
	box-shadow: 2px 2px 2px rgba(236, 118, 0, 0.3);
	background-color: rgba(236, 118, 0, 0.1);
}

.fournisseurdisabled {
	outline: none;
	background-color: #EFEFEF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #bbbbbb;
	line-height : 1.1;
	border: 1px solid #999;	
	padding: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	/*-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;*/
}

.commande {
	outline: none;
	background-color: #EFEFEF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #663333;
	line-height : 1.1;
	cursor: pointer;
	cursor: hand;
	border: 1px solid #999;	
	padding: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	/*-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;*/
}

.commande:hover {
	border: 1px solid #999;
	-moz-box-shadow: -2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	box-shadow: 2px 2px 2px #ccc;
}

.commande:focus {
	outline:none;
	-moz-box-shadow: -2px 2px 2px rgba(236, 118, 0, 0.3);
	-webkit-box-shadow: 2px 2px 2px rgba(236, 118, 0, 0.3);
	box-shadow: 2px 2px 2px rgba(236, 118, 0, 0.3);
	background-color: rgba(236, 118, 0, 0.1);
}

.commandedisabled {
	outline: none;
	background-color: #EFEFEF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #bbbbbb;
	line-height : 1.1;
	border: 1px solid #999;	
	padding: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	/*-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;*/
}

.boutoninactif {
	background-color: #CFCFCF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	color: #888888;
	border: 1px solid #999;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin:0px 0px 4px 0px;
}

.boutoninactif:focus {
	outline: none;
}

.bouton {
	background-color: #EFEFEF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	color: #888888;
	cursor: pointer;
	cursor: hand;
}

.bouton:hover {
	background-color:#ecbb8b;
	color: #000;
}

.bouton:focus {
	background-color:#ecbb8b;
	color: #000;
	outline: none;
}

.ContractHandoverForm {
	width:200px;
	padding: 100px 10px 10px 10px;
	background: url('../img/ContractHandoverForm.png') no-repeat;
	background-size: 128px 80px;
    background-position: 35px 10px; 
	background-color: #F9F9F9;
}

.SurveillancePlan {
	width:200px;
	padding: 100px 10px 10px 10px;
	background: url('../img/ExpeditingSurveillancePlan.png') no-repeat;
	background-size: 128px 80px;
    background-position: 35px 10px; 
	background-color: #F9F9F9;
}

.ActionLog {
	width:200px;
	padding: 100px 10px 10px 10px;
	background: url('../img/ActionLog.png') no-repeat;
	background-size: 128px 80px;
    background-position: 35px 10px; 
	background-color: #F9F9F9;
}

.SAR1 {
	width:200px;
	padding: 100px 10px 10px 10px;
	background: url('../img/SAR.png') no-repeat;
	background-size: 128px 80px;
	background-position: 35px 10px;
	background-color: #F9F9F9;
}


.GED {
	width:200px;
	padding: 100px 10px 10px 10px;
	background: url('../img/GED.png') no-repeat;
	background-size: 128px 80px;
	background-position: 35px 10px;
	background-color: #F9F9F9;
}

.Modeling3D {
	width:200px;
	padding: 100px 10px 10px 10px;
	background: url('../img/Modeling3D.png') no-repeat;
	background-size: 128px 80px;
    background-position: 35px 10px; 
	background-color: #F9F9F9;
}

.arrondi {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.arrondigauche {
	-moz-border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.arrondidroite {
	-moz-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.bouton:active {
	outline: none;
	-webkit-transform: translate(1px, 1px);
	-moz-transform: translate(1px, 1px);
	transform: translate(1px, 1px);
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	-moz-box-shadow: -2px 2px 3px #999;
	-webkit-box-shadow: 2px 2px 3px #999;
	box-shadow: 2px 2px 3px #999;
}

.group, .bouton, .carte_visite {
	border: 1px solid #999;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: -3px 3px 5px #ccc;
	-webkit-box-shadow: 3px 3px 5px #ccc;
	box-shadow: 3px 3px 5px #ccc;
	margin:0px 0px 4px 0px;
}

.groupf {
	border: 1px solid #999;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: -3px 3px 5px #bbb;
	-webkit-box-shadow: 3px 3px 5px #bbb;
	box-shadow: 3px 3px 5px #bbb;
	margin:0px 0px 4px 0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

.titreprojet, .titrefournisseur, .titrecommande  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666;
}

.titrearchive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #666;
}

.designationprojet, .designationfournisseur, .designationcommande {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #EC7600;
}

.bordhaut {
	border-top: 1px solid #ccc;
}

.bordbas {
	border-bottom: 1px solid #ccc;
}

.borddroit {
	border-right: 1px solid #ccc;
}	

.bordhautlight {
	border-top: 1px solid #ddd;
}

.bordbaslight {
	border-bottom: 1px solid #ddd;
}

.borddroitlight {
	border-right: 1px solid #ddd;
}	

.bordgauchelight {
	border-left: 1px solid #ddd;
}	

.bpetqc {
	background-color: #66EE66;
}

.tooltip {
	text-decoration:none;
	position:relative;
}
 
.tooltip div {
	display:none;
	background-color: #EFEFEF;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity: 0.9;
}
 
.tooltip:hover div {
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	width:auto;
	margin-top:20px;
	margin-left:20px;
	overflow:hidden;
} 

.tabstrip{
	position:relative;
	top:5px;
	left:5px;
	z-index:0;
}

#tabs ul, #tabsProgress ul, #tabsObject ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	line-height: 140%;
	-list-style-type: none;
	border-bottom: 1px solid #808080;
	margin: 0;
	padding-left:0;
	padding-right:0;
	padding-bottom: 26px;
	width: 98%;
}

#tabs ul li, #tabsProgress ul li, #tabsObject ul li {
	display: inline;
	background-color:#EFEFEF;
	float: left;
	height: 24px;
	min-width:70px;
	text-align:left;
	padding:0;
	margin: 1px 5px 0px 0px;
	border: 1px solid #999;	
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-box-shadow: -3px 3px 5px #bbb;
	-webkit-box-shadow: 3px 3px 5px #bbb;
	box-shadow: 3px 3px 5px #bbb;
}

#tabs ul li.selected, #tabsProgress ul li.selected, #tabsObject ul li.selected {
	border: 1px solid #999;	
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-box-shadow: -3px 3px 5px rgb(243, 211, 180);
	-webkit-box-shadow: 3px 3px 5px rgb(243, 211, 180);
	box-shadow: 3px 3px 5px rgb(243, 211, 180);
	background-image: url(../img/fond_item_menu_select.gif);
	background-repeat: repeat-y;
}

#tabs ul li:not(.selected):hover, #tabsProgress ul li:not(.selected):hover, #tabsObject ul li:not(.selected):hover {
	border: 1px solid #999;	
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-box-shadow: -3px 3px 5px rgb(243, 211, 180);
	-webkit-box-shadow: 3px 3px 5px rgb(243, 211, 180);
	box-shadow: 3px 3px 5px rgb(243, 211, 180);
	background-image: url(../img/fond_item_menu.gif);
	background-repeat: repeat-y;
}

#tabs ul li a, #tabsProgress ul li a, #tabsObject ul li a {
	float: left;
	color: #666;
	text-decoration: none;
	padding: 4px;
	text-indent:16px;
	text-align:left;
	min-width:70px;
	outline:none;
	background-position: 4px 5px;
	background-image: url(../img/img_barre.gif);
	background-repeat: no-repeat;
}

#tabs ul li a.selected, #tabsProgress ul li a.selected, #tabsObject ul li a.selected {
	color: #FFF;
	cursor: default;
	background-position: 4px 5px;
	background-image: url(../img/img_barre_select.gif);
	background-repeat: no-repeat;
}

#tabs ul li a:not(.selected):hover, #tabsProgress ul li a:not(.selected):hover, #tabsObject ul li a:not(.selected):hover {
	color: #FFF;
	background-position: 4px 5px;
	background-image: url(../img/img_barre_highlight.gif);
	background-repeat: no-repeat;
}

.lien {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999;
	text-decoration:none;
}
	
.lien:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #EC7600;
	text-decoration:underline;
}

.lien:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999;
}

.hand {
	cursor: pointer;
	cursor: hand;
}

#suppression {
	visibility: hidden;
	position: fixed;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	text-align:center;
	z-index: 1001;
}

#suppression div {
	width:400px;
	margin: 15% auto;
	background-color: #EFEFEF;
	text-align:center;
	border: 1px solid #999;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: -3px 3px 5px #bbb;
	-webkit-box-shadow: 3px 3px 5px #bbb;
	box-shadow: 3px 3px 5px #bbb;
}

#suppression_doc_action {
	visibility: hidden;
	position: fixed;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	text-align:center;
	z-index: 1001;
}

#suppression_doc_action div {
	width:400px;
	margin: 15% auto;
	background-color: #EFEFEF;
	text-align:center;
	border: 1px solid #999;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: -3px 3px 5px #bbb;
	-webkit-box-shadow: 3px 3px 5px #bbb;
	box-shadow: 3px 3px 5px #bbb;
}

#suppression_obj{
	visibility: hidden;
	position: fixed;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	text-align:center;
	z-index: 1000;
}

#suppression_obj .divsupp {
	width:400px;
	margin: 15% auto;
	background-color: #EFEFEF;
	text-align:center;
	border: 1px solid #999;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: -3px 3px 5px #bbb;
	-webkit-box-shadow: 3px 3px 5px #bbb;
	box-shadow: 3px 3px 5px #bbb;
}

#action_log_div{
	visibility: hidden;
	position: fixed;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	text-align:center;
	z-index: 1000;
}

#action_log_div .divmain {
	width:800px;
	margin: 5% auto;
	background-color: #EFEFEF;
	text-align:center;
	border: 1px solid #999;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: -3px 3px 5px #bbb;
	-webkit-box-shadow: 3px 3px 5px #bbb;
	box-shadow: 3px 3px 5px #bbb;
}

#action_plan_div{
	visibility: hidden;
	position: fixed;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	text-align:center;
	z-index: 1000;
}

#action_plan_div .divmain {
	width:800px;
	margin: 10% auto;
	background-color: #EFEFEF;
	text-align:center;
	border: 1px solid #999;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: -3px 3px 5px #bbb;
	-webkit-box-shadow: 3px 3px 5px #bbb;
	box-shadow: 3px 3px 5px #bbb;
}

#evolution_score_div{
	visibility: hidden;
	position: fixed;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	text-align:center;
	z-index: 1000;
}

#evolution_score_div .divmain {
	width:800px;
	margin: 10% auto;
	background-color: #EFEFEF;
	text-align:left;
	border: 1px solid #999;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: -3px 3px 5px #bbb;
	-webkit-box-shadow: 3px 3px 5px #bbb;
	box-shadow: 3px 3px 5px #bbb;
}

#container_evol_content {
	overflow-x:scroll;
	width: 800px;
	white-space: nowrap;
}
	
#evol_content {
	margin:4px 4px 2px 4px;
	width: 10000px;
}

#object_div{
	visibility: hidden;
	position: fixed;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	text-align:center;
	z-index: 1000;
}

#object_div .divmain {
	width:800px;
	margin: 5% auto;
	background-color: #EFEFEF;
	text-align:center;
	border: 1px solid #999;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: -3px 3px 5px #bbb;
	-webkit-box-shadow: 3px 3px 5px #bbb;
	box-shadow: 3px 3px 5px #bbb;
}

.panel {
	border: 1px solid #999;	
    margin-top: 0px;
	margin-left: 0px;
	margin-right: 3px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: -3px 3px 5px #bbb;
	-webkit-box-shadow: 3px 3px 5px #bbb;
	box-shadow: 3px 3px 5px #bbb;
	padding:1px;
}
.panel-body {
	background: #eee;
}
.panel-padding-reduit{
	padding:2px 5px 2px 5px;
}
.panel-padding-null{
	padding:0px;
}
.description{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
}
.rBorderLeft{
	border-left: 1px solid #888;
	padding: 0px;
}
.rBorderTop{
	border-top: 1px solid #888;
	padding: 0px;
}
.rBorderBottom{
	border-bottom: 1px solid #888;
	padding: 0px;
}
.rBorderRight{
	border-right: 1px solid #888;
	padding: 0px;
}
.rentete{
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: black;
}
.rlabel{
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: black;
	line-height:17px;
}
.rTablePanel{
	color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
	padding: 5px;
	margin:0px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
	font-style:normal;
	font-weight: normal;
	-moz-border-radius: 4px 0px 0px 4px;
	-webkit-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
}
.saisie_expediting {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #663333;
	padding-top:0px;
	padding-right:5px;
	padding-bottom:0px;
	padding-left:5px;
	margin:0;
	border:0;
	width:100%;
	height:100%;
	line-height:100%;
	background: transparent;
}

.saisie_expediting:focus {
	outline: none;
	background-color: rgb(246,234,223);
}

.saisie_expediting_visu {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1183F5; /*#333366;*/
	padding-top:0px;
	padding-right:5px;
	padding-bottom:0px;
	padding-left:5px;
	margin:0;
	border:0;
	width:100%;
	height:100%;
	line-height:100%;
	background: transparent;
}

.select_expediting {
	background-color: transparent;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #663333;
	cursor: pointer;
	cursor: hand;
	padding-left:1px;
	margin:0;
	border:0;
	display: inline-block;
}

.select_expediting:focus {
	outline:none;
}

.select_expediting_visu {
	background-color: transparent;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1183F5; 
	padding-left:1px;
	margin:0;
	border:0;
	display: inline-block;
}

.select_expediting_disabled {
	background-color: transparent;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #bbbbbb;
	padding-left:1px;
	margin:0;
	border:0;
	display: inline-block;
}

.chk_expediting {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #663333;
	padding-top:0px;
	padding-right:5px;
	padding-bottom:0px;
	padding-left:5px;
	border:0;
	background: transparent;
}

.chk_expediting_visu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1183F5; 
	padding-top:0px;
	padding-right:5px;
	padding-bottom:0px;
	padding-left:5px;
	border:0;
	background: transparent;
}

.chk_expediting:focus {
	outline: none;
	background-color: rgb(246,234,223);
}

.table {
    display: table;
    width: 500px;
}
.tr { 
    display: table-row; 
}
.td { 
    display: table-cell;
}

#renderCanvas {
	height:100%;
	width:100%;
	overflow: hidden;
	touch-action: none;
	outline: none;
}

#div_color_picker {
    position: absolute;
    top: 40%;
    left: 45%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
    color: white;
    padding: 4px;
	border: 1px solid #999;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	width:auto;
	height:auto;
	display:none;
	z-index: 2000;
}

#div_color_picker label:hover {
	cursor: pointer;
	cursor: hand;
}

#progressbaraction, #progressbarpubref, #progressbartravaux, #progressbarcontrole {
	margin: 3px;
	background-color: #dfdfdf;
	height: 17px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
	background-color: #F5F5F5;
}

#progressaction, #progresspubref, #progresstravaux, #progresscontrole, #progressobj {
	float:left;
	background-color: orange;
	width: 0px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	height: 17px;
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
	box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}

#div_suppression_fichier_travaux, #div_suppression_fichier_controle {
	visibility: hidden;
	position: fixed;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	text-align:center;
	z-index: 1001;
}

#div_suppression_fichier_travaux div, #div_suppression_fichier_controle div {
	width:400px;
	margin: 15% auto;
	background-color: #EFEFEF;
	text-align:center;
	border: 1px solid #999;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: -3px 3px 5px #bbb;
	-webkit-box-shadow: 3px 3px 5px #bbb;
	box-shadow: 3px 3px 5px #bbb;
}

#UpFileTravaux, #UpFileControle, #UpFileOBJ {
	visibility: hidden;
	position: fixed;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	text-align:center;
	z-index: 1001;
}

#UpFileTravaux .divmain, #UpFileControle .divmain, #UpFileOBJ .divmain {
	width:600px;
	margin: 15% auto;
	background-color: #EFEFEF;
	text-align:center;
	border: 1px solid #999;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: -3px 3px 5px #bbb;
	-webkit-box-shadow: 3px 3px 5px #bbb;
	box-shadow: 3px 3px 5px #bbb;
}

.loader {
	display:block;
	position:absolute;
	z-index:9999;
	background:url('../img/loader.gif') 50% 50% no-repeat;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	cursor:wait;
}

#menucontextuel{
	position:absolute;    
	width:auto;
	height:auto;
	background-color: rgba(130, 130, 130, 1);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: white;
	padding: 4px;
	border: 1px solid #999;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	width:auto;
	height:auto;
	display:none;
}

/* =====================================================================
   EXPEDITING — DESIGN V2 (LGM-inspired)
   Injected at end of styles.css to skin the whole app (frames + tables).
   Palette: deep navy / black, white, LGM red accent (slash motif).
   ===================================================================== */

:root{
  --v2-bg:#0b0f1a;
  --v2-bg2:#070a12;
  --v2-surface: rgba(17,24,39,.86);
  --v2-surface2: rgba(15,23,42,.78);
  --v2-text:#f8fafc;
  --v2-text2:#cbd5e1;
  --v2-muted:#94a3b8;
  --v2-border: rgba(255,255,255,.12);
  --v2-border2: rgba(255,255,255,.18);
  --v2-accent:#fc2b03;
  --v2-shadow: 0 14px 46px rgba(0,0,0,.45);
  --v2-radius: 0px; /* LGM: square */
  --v2-font: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

html, body{ height:100%; }
body{
  font-family: var(--v2-font) !important;
  color: var(--v2-text) !important;
  background: var(--v2-bg) !important;
}

/* Scrollbar */
::-webkit-scrollbar { width: 12px !important; background: var(--v2-bg2) !important; }
::-webkit-scrollbar-track { background: var(--v2-bg2) !important; box-shadow: none !important; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,.14) !important; border-radius: 999px !important; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.22) !important; }

/* Links */
a{ color: var(--v2-text) !important; text-decoration:none !important; }
a:hover{ color: var(--v2-accent) !important; text-decoration:none !important; }
a:active{ color: var(--v2-text) !important; }

/* Frame bodies */
.body_main{
  background:
    radial-gradient(circle at 12% 0%, rgba(252,43,3,.10), transparent 45%),
    radial-gradient(circle at 85% 10%, rgba(17,131,245,.10), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)),
    var(--v2-bg) !important;
  margin: 0 !important;
}
.body_menu, .body_top{
  background:
    radial-gradient(circle at 20% 20%, rgba(252,43,3,.10), transparent 40%),
    radial-gradient(circle at 70% 10%, rgba(17,131,245,.10), transparent 35%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)),
    var(--v2-bg) !important;
}

/* “Hero login” mode */
body.login{
  background:
    linear-gradient(90deg, rgba(5,6,10,.92) 0%, rgba(5,6,10,.70) 45%, rgba(5,6,10,.38) 100%),
    url("../img/hero-expediting.png") center / cover no-repeat fixed !important;
}

/* Table panels */
.group, .groupf, .carte_visite, .groupdroit, .groupevolution, .groupevolution2, .group_titre{
  border: 1px solid var(--v2-border) !important;
  border-radius: var(--v2-radius) !important;
  background: var(--v2-surface) !important;
  box-shadow: none !important;
}
.groupf{ background: var(--v2-surface2) !important; }

/* Kill legacy parchment backgrounds */
.fondparchemin, .fondparchemin2{ background: transparent !important; }
.bordbas, .bordhaut, .borddroit,
.bordbaslight, .bordhautlight, .borddroitlight, .bordgauchelight{
  border-color: var(--v2-border) !important;
}

/* Titles */
.titre, .titreprojet, .titrefournisseur, .titrecommande, .titrearchive{
  color: var(--v2-text) !important;
  letter-spacing: .2px !important;
}
.soustitre{ color: var(--v2-muted) !important; }
.designationprojet, .designationfournisseur, .designationcommande{ color: var(--v2-accent) !important; }

/* Menu items (override even if inline CSS exists) */
.MenuOff, .MenuOn, .MenuSelect, .MenuDisabled, .MenuPopUp{
  background-image: none !important;
  background: rgba(255,255,255,.02) !important;
  color: var(--v2-text2) !important;
  border-top: 1px solid var(--v2-border) !important;
}
.MenuOn{
  background: rgba(255,255,255,.06) !important;
  color: var(--v2-text) !important;
  position: relative !important;
}
.MenuSelect{
  background: rgba(252,43,3,.12) !important;
  color: var(--v2-text) !important;
  position: relative !important;
}
.MenuSelect td{ position:relative !important; }
.MenuSelect td:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important; top:6px !important; bottom:6px !important;
  width: 4px !important;
  background: var(--v2-accent) !important;
}
.MenuDisabled{ opacity:.45 !important; color: var(--v2-muted) !important; }

/* Slash accent on hover/active */
.MenuOn td, .MenuSelect td{ position:relative !important; }
.MenuOn td:after, .MenuSelect td:after{
  content:"" !important;
  position:absolute !important;
  right:10px !important; top:50% !important;
  width: 46px !important; height: 10px !important;
  transform: translateY(-50%) skewX(-18deg) !important;
  background: rgba(252,43,3,.65) !important;
  opacity: .20 !important;
}

/* Inputs */
select, input[type="text"], input[type="password"], input[type="email"], textarea{
  background: rgba(255,255,255,.04) !important;
  border: 1px solid var(--v2-border2) !important;
  color: var(--v2-text) !important;
  border-radius: var(--v2-radius) !important;
  padding: 8px 10px !important;
  outline: none !important;
}
select:focus, input:focus, textarea:focus{
  border-color: rgba(252,43,3,.65) !important;
  box-shadow: 0 0 0 3px rgba(252,43,3,.15) !important;
}

/* ----------------------------------------------------------
   CRITICAL FIX — native dropdown lists (Windows/Edge/Chrome)
   Symptom: <select> list appears white with white text.
   Fix: hint dark UI for native controls + style option/optgroup.
   ---------------------------------------------------------- */
:root{ color-scheme: dark; }
select{
  color-scheme: dark;
  background-color: rgba(15,23,42,.86) !important;
}
select option, select optgroup{
  background-color: #0b0f1a !important;
  color: #f8fafc !important;
}
select:disabled{
  opacity: .60 !important;
  background-color: rgba(255,255,255,.03) !important;
}

/* Buttons (legacy .bouton and native button) */
.bouton, button, input[type="submit"], input[type="button"]{
  background: rgba(255,255,255,.05) !important;
  border: 1px solid var(--v2-border2) !important;
  color: var(--v2-text) !important;
  border-radius: var(--v2-radius) !important;
  padding: 8px 12px !important;
  cursor:pointer !important;
}
.bouton:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover{
  border-color: rgba(252,43,3,.60) !important;
  background: rgba(252,43,3,.10) !important;
}

/* Legacy highlight colors used by JS focus handlers */
.saisie_expediting:focus, .select_expediting:focus{
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(252,43,3,.15) !important;
}

/* ===== Modern “V2” components (used by new SAR / GED pages) ===== */
.v2 .wrap{ max-width: 1280px !important; margin: 22px auto !important; padding: 0 14px !important; }
.v2 .title{
  border: 1px solid var(--v2-border) !important;
  background: rgba(10,12,18,.74) !important;
  box-shadow: var(--v2-shadow) !important;
  padding: 14px 16px !important;
  margin-bottom: 14px !important;
}
.v2 .title h1{ margin:0 !important; font-size: 18px !important; letter-spacing:.2px !important; }
.v2 .meta{ margin-top: 8px !important; font-size: 13px !important; color: var(--v2-muted) !important; display:flex !important; gap:10px !important; flex-wrap:wrap !important; }

.v2 .tabs{ display:flex !important; gap:8px !important; margin-top:12px !important; flex-wrap:wrap !important; }
.v2 .tab{
  padding: 8px 10px !important;
  border: 1px solid var(--v2-border) !important;
  background: rgba(255,255,255,.03) !important;
  color: var(--v2-text2) !important;
  font-weight: 750 !important;
  font-size: 13px !important;
  cursor:pointer !important;
}
.v2 .tab.on{ background: rgba(252,43,3,.10) !important; color: var(--v2-text) !important; }

.v2 .section{
  border: 1px solid var(--v2-border) !important;
  background: rgba(10,12,18,.72) !important;
  box-shadow: var(--v2-shadow) !important;
  margin-bottom: 14px !important;
  overflow:hidden !important;
}
.v2 .section .hd{
  background: rgba(255,255,255,.03) !important;
  border-bottom: 1px solid var(--v2-border) !important;
  padding: 10px 12px !important;
  font-weight: 800 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
}
.v2 .section .bd{ padding: 12px !important; }

.v2 .grid2{ display:grid !important; grid-template-columns: 1fr 1fr !important; gap:14px !important; }
@media (max-width: 980px){ .v2 .grid2{ grid-template-columns: 1fr !important; } }

.v2 .fields{ display:grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap:12px !important; }
@media (max-width: 980px){ .v2 .fields{ grid-template-columns: 1fr !important; } }
.v2 .field{ display:flex !important; flex-direction:column !important; gap:6px !important; }
.v2 .field-full{ grid-column:1 / -1 !important; }
.v2 label{ font-size: 13px !important; font-weight: 700 !important; color: var(--v2-text2) !important; }

.v2 .btnbar{ display:flex !important; gap:10px !important; justify-content:flex-end !important; flex-wrap:wrap !important; }
.v2 .ghost{ background: rgba(255,255,255,.06) !important; color: var(--v2-text2) !important; }

.v2 .kpis{ display:grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap:10px !important; }
@media (max-width: 1100px){ .v2 .kpis{ grid-template-columns: repeat(2,minmax(0,1fr)) !important; } }
@media (max-width: 640px){ .v2 .kpis{ grid-template-columns: 1fr !important; } }
.v2 .kpi{
  border: 1px solid var(--v2-border) !important;
  background: rgba(255,255,255,.03) !important;
  padding: 10px 12px !important;
}
.v2 .kpi .k{ font-size: 11px !important; letter-spacing: .18em !important; color: var(--v2-muted) !important; text-transform: uppercase !important; }
.v2 .kpi .v{ font-size: 22px !important; font-weight: 900 !important; color: var(--v2-text) !important; margin-top: 6px !important; }
.v2 .kpi .s{ font-size: 12px !important; color: var(--v2-text2) !important; margin-top: 4px !important; }

/* Minor: make legacy “paper” cells readable */
td{ color: inherit; }



/* ==========================================================
   EXPEDITING — SHELL V2 (Menu + Top + Main)
   - Harmonisation champs/listes (dark)
   - Fond hero sur main (et top)
   ========================================================== */

/* Ensure native controls render in dark mode where supported */
:root{ color-scheme: dark; }

/* Global dark controls for the V2 skin */
.v2 input.saisie,
.v2 input[type="text"],
.v2 input[type="password"],
.v2 input[type="email"],
.v2 textarea,
.v2 select{
  background: rgba(11,15,26,.92) !important; /* near black */
  border: 1px solid rgba(255,255,255,.18) !important;
  color: #f8fafc !important;
  padding: 8px 10px !important;
  border-radius: 0 !important;
  outline: none;
}

.v2 input.saisie::placeholder,
.v2 input[type="text"]::placeholder,
.v2 textarea::placeholder{
  color: rgba(248,250,252,.50) !important;
}

.v2 select{ color-scheme: dark; }
.v2 select option,
.v2 select optgroup{
  background-color: #0b0f1a !important;
  color: #f8fafc !important;
}

/* Focus */
.v2 input:focus, .v2 select:focus, .v2 textarea:focus{
  border-color: rgba(252,43,3,.70) !important;
  box-shadow: 0 0 0 3px rgba(252,43,3,.18) !important;
}

/* Buttons (legacy .bouton) */
.v2 .bouton{
  appearance:none; -webkit-appearance:none;
  background: #fc2b03 !important;
  color:#ffffff !important;
  border: 1px solid rgba(252,43,3,.98) !important;
  font-weight: 850 !important;
  letter-spacing: .2px;
  padding: 10px 14px !important;
  border-radius: 0 !important;
  cursor:pointer;
}
.v2 .bouton:hover{ background: rgba(252,43,3,.92) !important; }

/* MAIN HERO background */
.body_main.v2.main-hero{
  background:
    linear-gradient(90deg, rgba(5,6,10,.92) 0%, rgba(5,6,10,.70) 48%, rgba(5,6,10,.40) 100%),
    url("../img/hero-expediting.png") center / cover no-repeat fixed !important;
}

/* TOP minimal strip */
.body_top.v2.top-min{
  margin:0 !important;
  background:
    linear-gradient(90deg, rgba(5,6,10,.92) 0%, rgba(5,6,10,.70) 48%, rgba(5,6,10,.40) 100%),
    url("../img/hero-expediting.png") center / cover no-repeat fixed !important;
}
.body_top.v2.top-min .top-left{
  position: absolute;
  left: 12px;
  top: 8px;
}
.body_top.v2.top-min .session-line{
  font-family: var(--v2-font) !important;
  font-size: 12px;
  color: rgba(248,250,252,.84);
  font-weight: 750;
  text-shadow: 0 1px 10px rgba(0,0,0,.55);
}
.body_top.v2.top-min a{
  color: rgba(248,250,252,.90);
  text-decoration: none;
}
.body_top.v2.top-min a:hover{ color: #fc2b03; }

/* MENU: remove any legacy light backgrounds */
.body_menu.v2{
  background: var(--v2-bg) !important;
}



/* ==========================================================
   V2 MENU — headers/panels harmonisation
   Fix: sections Paramétrage / Administration / Expediting were light (legacy .entetetableau)
   ========================================================== */
.v2 .entetetableau{
  background: rgba(15,23,42,.62) !important;
  color: rgba(248,250,252,.86) !important;
  border-color: rgba(255,255,255,.12) !important;
}
.v2 .lignetableau{
  background: rgba(255,255,255,.03) !important;
  color: rgba(248,250,252,.86) !important;
}
.v2 .annonce{ color: rgba(248,250,252,.88) !important; }
.v2 .titreparchemin{ background: rgba(255,255,255,.02) !important; }

.body_menu.v2 table.groupf{
  background: transparent !important;
  border: none !important;
}
.body_menu.v2 table.group{
  background: rgba(10,12,18,.58) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}
.body_menu.v2 .bordbas,
.body_menu.v2 .bordhaut,
.body_menu.v2 .borddroit,
.body_menu.v2 .bordgauchelight,
.body_menu.v2 .bordbaslight,
.body_menu.v2 .bordhautlight,
.body_menu.v2 .borddroitlight{
  border-color: rgba(255,255,255,.12) !important;
}

/* Section header accent bar (subtle LGM) */
.body_menu.v2 .entetetableau.bordbas{
  position: relative;
}
.body_menu.v2 .entetetableau.bordbas:before{
  content:"";
  position:absolute;
  left:0; top:5px; bottom:5px;
  width: 4px;
  background: var(--v2-accent);
}



/* ==========================================================
   V2 — Tabs (Commande) : dark background + readable labels
   Fix: tab labels were white on white/light.
   ========================================================== */
.v2 #tabs ul, .v2 #tabsProgress ul, .v2 #tabsObject ul{
  border-bottom: 1px solid rgba(255,255,255,.18) !important;
}

.v2 #tabs ul li, .v2 #tabsProgress ul li, .v2 #tabsObject ul li{
  background: rgba(255,255,255,.02) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.v2 #tabs ul li.selected, .v2 #tabsProgress ul li.selected, .v2 #tabsObject ul li.selected{
  background: rgba(252,43,3,.10) !important;
  border-color: rgba(252,43,3,.55) !important;
}

.v2 #tabs ul li a, .v2 #tabsProgress ul li a, .v2 #tabsObject ul li a{
  color: rgba(248,250,252,.80) !important;
  background-image: none !important; /* remove old barre gif */
  text-indent: 0 !important;
  padding: 5px 10px !important;
}

.v2 #tabs ul li a.selected, .v2 #tabsProgress ul li a.selected, .v2 #tabsObject ul li a.selected{
  color: #ffffff !important;
  position: relative;
}

.v2 #tabs ul li a.selected:after,
.v2 #tabsProgress ul li a.selected:after,
.v2 #tabsObject ul li a.selected:after{
  content:"";
  position:absolute;
  left:10px; right:10px; bottom:-7px;
  height: 2px;
  background: #fc2b03;
}
.v2 #tabs ul li a:hover, .v2 #tabsProgress ul li a:hover, .v2 #tabsObject ul li a:hover{
  color: #ffffff !important;
  background: rgba(255,255,255,.04) !important;
}



/* V2 — Charts (Chart.js canvas) transparent */
.v2 canvas{
  background: transparent !important;
}



/* ==========================================================
   V2 — Commande : Radar + OWS + Date de visite (dark)
   ========================================================== */
.v2 .v2-ows, .v2 #ows{ color:#fff !important; }
.v2 .v2-ows{ background: rgba(11,15,26,.92) !important; border:1px solid rgba(255,255,255,.12) !important; }
.v2 .v2-visitdate td{ background: rgba(11,15,26,.92) !important; }
.v2 .v2-visitdate .principal{ color:#ffffff !important; }

/* ==========================================================
   V2 — Correctifs robustes (Commande)
   - Dates de visite: même rendu sombre avec/sans droit GED, avec/sans date
   - Select niveau (#level): texte visible (incluant certains rendus option -> valeur)
   ========================================================== */

/* Scope ONLY the "Dates de visite" table */
.v2 table.v2-visit-table{
  background: transparent !important;
}
.v2 table.v2-visit-table tr.v2-visitrow td,
.v2 table.v2-visit-table tr.lignetableauvisu td,
.v2 table.v2-visit-table tr.lignetableau td{
  background: rgba(11,15,26,.92) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.12) !important;
}

/* Level select: double-target (with and without .v2) */
select#level,
.v2 select#level{
  background: rgba(11,15,26,.92) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color-scheme: dark;
}
select#level option,
select#level optgroup,
.v2 select#level option,
.v2 select#level optgroup{
  background: #0b0f1a !important;
  color: #ffffff !important;
}

/* ==========================================================
   V2 — Select #level visibility (clean fix)
   Force displayed value + dropdown options to stay readable.
   ========================================================== */
select#level,
select#level.projet,
.v2 select#level,
.v2 select#level.projet{
  background: rgba(11,15,26,.92) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color-scheme: dark;
}
select#level option,
select#level optgroup,
.v2 select#level option,
.v2 select#level optgroup{
  background: #0b0f1a !important;
  color: #ffffff !important;
}

/* ==========================================================
   V2 — FINAL GLOBAL HARMONISATION PASS
   - unify shell spacing / page width / buttons / tables
   - keep legacy structure, modernize rendering consistently
   ========================================================== */

body.body_main.v2,
body.body_menu.v2,
body.body_top.v2{
  font-family: var(--v2-font) !important;
  color: var(--v2-text) !important;
}

body.body_main.v2{
  box-sizing: border-box !important;
  padding: 10px 12px 18px 12px !important;
}

body.body_main.v2 > table.groupf,
body.body_main.v2 > table.group,
body.body_main.v2 > form > table.groupf,
body.body_main.v2 > form > table.group{
  width: calc(100% - 8px) !important;
  max-width: 1560px !important;
  margin: 0 auto 14px auto !important;
}

body.body_main.v2 > table.groupf,
body.body_main.v2 > form > table.groupf{
  box-shadow: var(--v2-shadow) !important;
}

/* Improve density/readability inside legacy tables */
.v2 .entetetableau,
.v2 .lignetableau,
.v2 .lignetableauinactive,
.v2 .lignetableauvisu,
.v2 .souslignetableau,
.v2 .souslignetableauvisu,
.v2 .lignetableaudocument,
.v2 .ligne_objet,
.v2 .ligne_objet_visu,
.v2 .ligne_objet_select,
.v2 .lignetableauselect{
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.v2 .entetetableau{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)) !important;
  color: #f8fafc !important;
  font-weight: 800 !important;
  letter-spacing: .15px !important;
}

.v2 .lignetableau,
.v2 .lignetableauinactive,
.v2 .lignetableauvisu,
.v2 .ligne_objet,
.v2 .ligne_objet_visu{
  background: rgba(255,255,255,.03) !important;
  color: rgba(248,250,252,.90) !important;
}

.v2 .souslignetableau,
.v2 .souslignetableauvisu,
.v2 .lignetableaudocument{
  background: rgba(255,255,255,.045) !important;
  color: rgba(226,232,240,.88) !important;
}

.v2 tr.lignetableau:hover,
.v2 tr.souslignetableau:hover,
.v2 tr.ligne_objet:hover,
.v2 tr.lignetableauinactive:hover{
  background: rgba(252,43,3,.12) !important;
  color: #ffffff !important;
}

.v2 .lignetableauselect,
.v2 .ligne_objet_select{
  background: rgba(252,43,3,.16) !important;
  color: #ffffff !important;
}

.v2 .entetetableau td,
.v2 .lignetableau td,
.v2 .lignetableauinactive td,
.v2 .lignetableauvisu td,
.v2 .souslignetableau td,
.v2 .souslignetableauvisu td,
.v2 .lignetableaudocument td,
.v2 .ligne_objet td,
.v2 .ligne_objet_visu td,
.v2 .ligne_objet_select td,
.v2 .lignetableauselect td{
  padding: 7px 10px !important;
  vertical-align: middle !important;
}

.v2 td.borddroit,
.v2 td.borddroitlight,
.v2 td.bordgauchelight,
.v2 td.bordhaut,
.v2 td.bordhautlight,
.v2 td.bordbas,
.v2 td.bordbaslight{
  padding-left: 12px !important;
  padding-right: 10px !important;
}

/* Form fields */
.v2 .saisie,
.v2 .saisie_expediting,
.v2 .saisie_expediting_visu,
.v2 .select_expediting,
.v2 .projet,
.v2 .fournisseur,
.v2 .commande,
.v2 .hideselect,
.v2 textarea,
.v2 select,
.v2 input[type="text"],
.v2 input[type="password"],
.v2 input[type="email"]{
  min-height: 36px !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}

.v2 .saisie_expediting_visu{
  color: rgba(248,250,252,.86) !important;
}

.v2 select,
.v2 .select_expediting,
.v2 .projet,
.v2 .fournisseur,
.v2 .commande{
  padding-right: 28px !important;
}

/* Buttons */
.v2 .bouton,
.v2 button,
.v2 input[type="submit"],
.v2 input[type="button"],
.v2 input[type="reset"]{
  min-height: 38px !important;
  padding: 9px 14px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  box-shadow: none !important;
  transition: background-color .16s ease, border-color .16s ease, transform .05s ease !important;
}

.v2 .bouton:hover,
.v2 button:hover,
.v2 input[type="submit"]:hover,
.v2 input[type="button"]:hover,
.v2 input[type="reset"]:hover{
  background: rgba(252,43,3,.92) !important;
  border-color: rgba(252,43,3,1) !important;
}

.v2 .bouton:active,
.v2 button:active,
.v2 input[type="submit"]:active,
.v2 input[type="button"]:active,
.v2 input[type="reset"]:active{
  transform: translateY(1px) !important;
}

.v2 .boutoninactif,
.v2 .bouton[disabled],
.v2 button[disabled],
.v2 input[disabled].bouton,
.v2 input[type="submit"][disabled],
.v2 input[type="button"][disabled],
.v2 input[type="reset"][disabled]{
  background: rgba(148,163,184,.18) !important;
  border: 1px solid rgba(148,163,184,.28) !important;
  color: rgba(203,213,225,.60) !important;
  cursor: not-allowed !important;
}

/* Home/application tiles keep their iconography but adopt the common dark card system */
.v2 .ContractHandoverForm,
.v2 .SurveillancePlan,
.v2 .ActionLog,
.v2 .SAR1,
.v2 .GED,
.v2 .Modeling3D{
  background-color: rgba(15,23,42,.82) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: #f8fafc !important;
  box-shadow: none !important;
  background-position: center 18px !important;
  background-size: 118px 74px !important;
  text-align: center !important;
}

.v2 .ContractHandoverForm:hover,
.v2 .SurveillancePlan:hover,
.v2 .ActionLog:hover,
.v2 .SAR1:hover,
.v2 .GED:hover,
.v2 .Modeling3D:hover{
  background-color: rgba(252,43,3,.12) !important;
}

/* Common headings / labels */
.v2 .minititres{
  color: #f8fafc !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

.v2 .enonce,
.v2 .principal,
.v2 .annonce,
.v2 .rougegrasse,
.v2 .detail_carte_visite,
.v2 .nom_carte_visite{
  color: rgba(248,250,252,.88) !important;
}

.v2 .asterisque,
.v2 .designationprojet,
.v2 .designationfournisseur,
.v2 .designationcommande{
  color: var(--v2-accent) !important;
}

/* Prevent legacy white tables from breaking the dark UI */
.v2 table[bgcolor="#FFFFFF"],
.v2 table[bgcolor="\#FFFFFF"],
.v2 td[bgcolor="#FFFFFF"],
.v2 td[bgcolor="\#FFFFFF"],
.v2 tr[bgcolor="#FFFFFF"],
.v2 tr[bgcolor="\#FFFFFF"]{
  background: transparent !important;
}

/* Small popups/forms: keep width fluid and centered */
.v2 .group,
.v2 .groupf{
  overflow: hidden !important;
}

/* Tables used as page headers often gain breathing room */
.v2 .groupf > tbody > tr > td.fondparchemin,
.v2 .group > tbody > tr > td.fondparchemin{
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* ==========================================================
   V2 — EXHAUSTIVE APP-PAGE NORMALISATION PASS
   Goal: align all functional screens on the same LGM dark shell
   without changing legacy business logic.
   ========================================================== */

body.body_main.v2[class*="page-"],
body.body_menu.v2[class*="page-"],
body.body_top.v2[class*="page-"]{
  box-sizing: border-box !important;
}

body.body_main.v2[class*="page-"]{
  padding: 12px 14px 20px 14px !important;
}

/* Center and normalize main wrappers across legacy pages */
body.body_main.v2[class*="page-"] > table,
body.body_main.v2[class*="page-"] > form,
body.body_main.v2[class*="page-"] > div,
body.body_main.v2[class*="page-"] > section{
  margin-left: auto !important;
  margin-right: auto !important;
}

body.body_main.v2[class*="page-"] > table.groupf,
body.body_main.v2[class*="page-"] > table.group,
body.body_main.v2[class*="page-"] > form > table.groupf,
body.body_main.v2[class*="page-"] > form > table.group,
body.body_main.v2[class*="page-"] > div > table.groupf:first-child,
body.body_main.v2[class*="page-"] > div > table.group:first-child{
  width: calc(100% - 10px) !important;
  max-width: 1460px !important;
  margin: 0 auto 14px auto !important;
}

/* Common widths repeatedly hardcoded in legacy screens */
body.body_main.v2[class*="page-"] table[width="400"],
body.body_main.v2[class*="page-"] table[width="500"],
body.body_main.v2[class*="page-"] table[width="600"],
body.body_main.v2[class*="page-"] table[width="600px"],
body.body_main.v2[class*="page-"] table[width="730"],
body.body_main.v2[class*="page-"] table[width="760"],
body.body_main.v2[class*="page-"] table[width="780"],
body.body_main.v2[class*="page-"] table[width="800"],
body.body_main.v2[class*="page-"] table[width="900"],
body.body_main.v2[class*="page-"] table[width="1000"],
body.body_main.v2[class*="page-"] table[width="1120"],
body.body_main.v2[class*="page-"] table[width="1180"],
body.body_main.v2[class*="page-"] table[width="1200"],
body.body_main.v2[class*="page-"] table[width="1320"],
body.body_main.v2[class*="page-"] table[width="1500"],
body.body_main.v2[class*="page-"] table[width="1800"]{
  width: 100% !important;
  max-width: 1460px !important;
}

/* More room for data-heavy screens */
body.body_main.v2.page-commande-action-log table[width="1800"],
body.body_main.v2.page-commande-gestion-documentaire table[width="1800"],
body.body_main.v2.page-commande-surveillance-plan table[width="1800"],
body.body_main.v2.page-commande-kpi-suivi-technique table[width="1500"]{
  max-width: 1720px !important;
}

body.body_main.v2[class*="page-"] table[align="center"],
body.body_main.v2[class*="page-"] div[align="center"] > table,
body.body_main.v2[class*="page-"] form[align="center"] > table{
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Page headers / title strips */
body.body_main.v2[class*="page-"] .groupf > tbody > tr:first-child > td,
body.body_main.v2[class*="page-"] .group > tbody > tr:first-child > td{
  letter-spacing: .15px !important;
}

/* Align legacy label columns and avoid truncation */
body.body_main.v2[class*="page-"] td.entetetableau,
body.body_main.v2[class*="page-"] td.enonce,
body.body_main.v2[class*="page-"] td.borddroitlight,
body.body_main.v2[class*="page-"] td.borddroit,
body.body_main.v2[class*="page-"] td.bordgauchelight,
body.body_main.v2[class*="page-"] td.bordgauche{
  white-space: normal !important;
}

body.body_main.v2[class*="page-"] td.entetetableau,
body.body_main.v2[class*="page-"] td.borddroitlight,
body.body_main.v2[class*="page-"] td.borddroit{
  padding-left: 12px !important;
}

/* Keep action zones consistent on edit/list screens */
body.body_main.v2.page-utilisateur-utilisateur .liste_panel,
body.body_main.v2.page-utilisateur-liste-utilisateurs .liste_panel,
body.body_main.v2.page-utilisateur-utilisateur .liste_inner,
body.body_main.v2.page-utilisateur-liste-utilisateurs .liste_inner,
body.body_main.v2.page-projet-gestion-utilisateurs-projet .liste_panel,
body.body_main.v2.page-projet-gestion-utilisateurs-fournisseur .liste_panel,
body.body_main.v2.page-projet-gestion-utilisateurs-commande .liste_panel{
  width: 100% !important;
  max-width: 1280px !important;
}

/* Unified bottom/top button rows */
body.body_main.v2[class*="page-"] table[style*="margin-top:10px"],
body.body_main.v2[class*="page-"] table[style*="margin-top: 10px"],
body.body_main.v2[class*="page-"] .v2-actions,
body.body_main.v2[class*="page-"] .page-actions{
  margin-top: 12px !important;
}

body.body_main.v2[class*="page-"] input[type="submit"],
body.body_main.v2[class*="page-"] input[type="button"],
body.body_main.v2[class*="page-"] .bouton,
body.body_main.v2[class*="page-"] button{
  min-width: 122px !important;
}

/* Lists / management pages should feel consistent with utilisateur.php */
body.body_main.v2.page-utilisateur-liste-utilisateurs,
body.body_main.v2.page-utilisateur-utilisateur,
body.body_main.v2.page-utilisateur-annuaire,
body.body_main.v2.page-projet-liste-projets,
body.body_main.v2.page-projet-liste-clients,
body.body_main.v2.page-projet-gestion-utilisateurs-projet,
body.body_main.v2.page-projet-gestion-utilisateurs-fournisseur,
body.body_main.v2.page-projet-gestion-utilisateurs-commande,
body.body_main.v2.page-projet-projet,
body.body_main.v2.page-projet-client,
body.body_main.v2.page-projet-fournisseur,
body.body_main.v2.page-projet-contact,
body.body_main.v2.page-projet-commande{
  background:
    radial-gradient(circle at 12% 0%, rgba(252,43,3,.09), transparent 42%),
    radial-gradient(circle at 85% 10%, rgba(17,131,245,.08), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)),
    var(--v2-bg) !important;
}

/* Data-dense command pages */
body.body_main.v2.page-commande-action-log,
body.body_main.v2.page-commande-gestion-documentaire,
body.body_main.v2.page-commande-surveillance-plan,
body.body_main.v2.page-commande-sar,
body.body_main.v2.page-commande-kpi-suivi-technique,
body.body_main.v2.page-commande-contract-handover,
body.body_main.v2.page-commande-fnc-form,
body.body_main.v2.page-commande-fnc-list,
body.body_main.v2.page-commande-publication-ref,
body.body_main.v2.page-commande-modeling3d,
body.body_main.v2.page-commande-commande{
  padding-left: 12px !important;
  padding-right: 12px !important;
}

/* Slightly denser shell for command pages without changing their inner tools */
body.body_main.v2.page-commande-action-log > table.groupf,
body.body_main.v2.page-commande-gestion-documentaire > table.groupf,
body.body_main.v2.page-commande-surveillance-plan > table.groupf,
body.body_main.v2.page-commande-kpi-suivi-technique > table.groupf,
body.body_main.v2.page-commande-contract-handover > table.groupf,
body.body_main.v2.page-commande-sar > table.groupf{
  max-width: 1720px !important;
}

/* Action log must occupy the full visible width, unlike other command pages */
body.body_main.v2.page-commande-action-log > table.groupf{
  width: calc(100% - 8px) !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Home / login / menu consistency */
body.body_main.v2.page-index.login > table,
body.body_main.v2.page-main > table{
  margin-left: auto !important;
  margin-right: auto !important;
}

body.body_menu.v2.page-menu table,
body.body_top.v2.page-top table{
  color: var(--v2-text) !important;
}


/* Phase 2 i18n: keep legacy LTR layout for Arabic and Hebrew */
html[lang="ar"], html[lang="he"],
html[lang="ar"] body, html[lang="he"] body,
html[lang="ar"] table, html[lang="he"] table,
html[lang="ar"] input, html[lang="he"] input,
html[lang="ar"] select, html[lang="he"] select,
html[lang="ar"] textarea, html[lang="he"] textarea,
html[lang="ar"] .groupf, html[lang="he"] .groupf,
html[lang="ar"] .group, html[lang="he"] .group {
  direction: ltr !important;
  unicode-bidi: normal !important;
  text-align: inherit;
}