/**
 * 
 * Tous droits reserves - Copyright 2010-2011 AXIMUM PE - France
 *
 * @brief        Cascading Style Sheet for Symart
 * @author       AUSY(hdl)
 * 
 */

/* CSS Document */
body, html { 
    height:100%; 
    width:100%;
    margin:0 auto; 
}

/*
* custom styles
*/
html {
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
} /* corrige un bug IE qui ne gère pas les tailles relatives si pas précédée d'une taille en % */

body {
    font-size: 0.8em; 
    background-color: #FFF;
} /* la taille du texte par défaut est trop élevée */

a {
    text-decoration: none;
}
.not-displayed {
    display:none;
}
.displayed {
    display:block; 
}

/* widget-specific classes begin with fg */
.fg-buttonLink {
    padding: .4em 1em .4em 20px;
    text-decoration: none;
    position: relative;
}

.fg-buttonLink span.ui-icon {
    margin: 0 5px 0 0;
    position: absolute;
    left: .2em;
    top: 50%;
    margin-top: -8px;
}

/* style des icones de menu contextuel dans le treeview */
.treeview .fg-buttonLink {
    padding: 0 8px 0 12px;
}

/* ne pas ajouter de bordure au survol car cela peut provoquer un retour à la ligne => l'icone peut ne plus être accessible */
.treeview .ui-state-hover, .treeview .ui-state-hover .ui-icon {
	border:0 !important;
}

.layoutPopup {
	z-index: 1004 !important;
}

.buttonOperateur,.buttonVariable {
    padding: .4em 1em .4em 20px;
    text-decoration: none;
    position: relative;
    height:20%; 
    width:12%;
}
.buttonVariable {
    padding: .4em 1em .4em 20px;
    text-decoration: none;
    position: relative;
    height:20%; 
    width:75%;
    margin-top: 5px;
}



.fg-button { 
    outline: 0; 
    text-decoration:none !important; 
    cursor:pointer; 
    position: relative; 
    text-align: center;
    /*padding: .2em;*/
    padding: 0 !important; 
    /*zoom: 1; */
}
   
.fg-icon-lang { 
    background-position: 0 0; 
}

/* icon in custom mapfile TODO hdl */
.fg-button-mapfile {
    margin:0 4px 0 0; 
    padding: .4em 1em; 
    text-decoration:none !important; 
    cursor:pointer; 
    position: relative; 
    text-align: center; zoom: 1; 
}

.fg-button-mapfile .ui-icon {
    position: absolute; 
    top: 50%; 
    margin-top: -8px; 
    left: 50%; 
    margin-left: -8px; 
}
	
a.fg-button { 
    float:left; 
}
	
/* remove extra button width in IE */
button.fg-button {
    width:auto; 
    overflow:visible;
}

.fg-button-icon-left { 
    padding-left: 2.1em; 
}
.fg-button-icon-right { 
    padding-right: 2.1em; 
}
.fg-button-icon-left .ui-icon { 
    right: auto; 
    left: .2em; 
    margin-left: 0; 
}
.fg-button-icon-right .ui-icon { 
    left: auto; 
    right: .2em; 
    margin-left: 0; 
}

.fg-button-icon-solo { 
    display:block; 
    width:8px; 
    text-indent: -9999px; 
}	 /* solo icon buttons must have block properties for the text-indent to work */	
	
.fg-buttonset { 
    float:left; 
}
.fg-buttonset .fg-button {
    float: left; 
}
.fg-buttonset-single .fg-button, 
.fg-buttonset-multi .fg-button {
    margin-right: -1px;
}
	
.fg-toolbar { 
    padding: .5em; 
    margin: 0;  
}
.fg-toolbar .fg-buttonset { 
    margin-right:1.5em; 
    padding-left: 1px; 
}
.fg-toolbar .fg-button { 
    font-size: 1em;  
}

#CTGDMA ul span, #CTGPMA ul span{
	display: inline-block;
}

#CTGDMA ul span.truncatedIfTooLong, #CTGPMA ul span.truncatedIfTooLong{
	overflow-x: hidden;
	text-overflow: ellipsis;
	max-width: 90%;
	vertical-align: bottom;
}

#CTGDMA ul span.fg-buttonLink, #CTGPMA ul span.fg-buttonLink{
	vertical-align: super;
}

/* polices à chasse fixe
* font-family: Courier, "Courier New", FreeMono, "Liberation Mono", monospace;
*/

div#screen{
    height:883px;  /* 1080px - 208px */ /* selon FF avec 16/9 à résolution 1920 * 1080 */
    width:1574px; /* 1600px; - 14px */ /* selon IE 6 avec 4/3 à résolution 1600*1200 */ 
    top:0px;
    position: relative;
    margin:0 auto;
    border: solid gray /*6688aa*/ 1px; 
    background-color:#FFF;
}

#layoutDateDispo {
    left:6px; 
    width:1080px;
}

#header {
    border:0;
    height:50px;
    margin:0;
    padding:0;
    width:100%;
    /*overflow:hidden;*/
}

/* logo à gauche*/
#banLogo img {
	position:absolute;
	height: 50px;
	top:0;
}

#logo1 {
    z-index: 1;
	left:0px;
}

#productName {
    position:absolute; 
    text-align: center;
    width:100%;
    font-family:"Times New Roman", Times, serif;
    font-weight: bold;
    font-style:italic;
    font-size:2em;
    line-height:1.8em;
}

#footer {
    border:0;
    height:16px;
    background: #FFF url(./../IMAGES/footerfont.png) 50% 50% repeat-x;
    /*line-height:1.8em;*/
    text-align:center;
}


#navigation {
    /*border:0;*/
    /*width:100% !important;*/
    /*border-top:1px solid rgb(204, 204, 204);
    border-bottom:1px solid rgb(204, 204, 204);
    font-size:0.9em;
    font-style: italic;
    padding-top:4px;*/
}

#navigation.default {
    background-color:#F1F1EF;
    /*color:black;*/
}

/* override of breadCrumb class */
.breadCrumb {
    width: 100% !important;
    padding: 0 !important;
}

#headerNorth {
    overflow: hidden;
}

#mainscreen {
    border:0px;
    width:100%;
    background-color: #FFF;
    position:static;
    height:788px; /* 888 - 50 - 25 */
    /*text-align:center;*/
}

.btnCmdSynop {
    width:130px;
    text-align:center;
    margin-top:6px;
}

#tableSynop {
    width:100%;
    height:100%;
    overflow:hidden;
    border: 1px solid grey;
    margin:0;
    padding:0;
}

#tableSynop tr{
    margin:0;
    padding:0;
    border:0;
}

#tableSynop td{
    width:100%;
    margin:0;
    padding:0;
    border:0;
    background-color:#fafafa;
}

#tableSynop object{
    width:100%;
    height:100%;
    border:0;
}

#rightmenu {
    margin:0;
    float:left;
}
	
#menubar {
    margin:0;
    float:right;
    padding-top:10px;
    padding-right:110px;
}

#infobar {
    margin-top:12px;
    font-weight:normal;
    font-style:italic;
    text-align:right;
}

#infobar span {
    font-weight:bold;
}

.login {
    border: 1px solid #99bbe8;
    width: 400px;
    height:300px;
    background-color:#dfe8f6;
    /*background: #bfd4f0 url(./../IMAGES/ui-bg_highlight-hard_70_000000_1x100.png) repeat-x fixed top left;*/
    position: absolute; 
    top: 33%;
    left: 50%;
    margin-top:0;
    margin-left: -200px;
}

/*fieldset {
    color:#15428b;
    float: left;
    padding: 0;
}*/


/* form screen */


label {
    width: 300px;
    display: inline-block;
    padding: 0;
    margin:0;
    margin-right:2px;
    text-align: right;
}

.typeEvtCheckBox label {
    text-align: left;
    width: 90% !important;
}

.peripheriqueCheckBox label {
    text-align: left;
}
.typeEvtCheckBox span {
    font-weight: bold;
}
.typeEvtCheckBox {
    min-width: 300px;
    padding-bottom: 5px;
}

.court {
    width:130px;
}

.select96 {
    width:96%;
}

.court100{
    width:100px !important;
}

.court120{
    width:120px !important;
}

.court135 {
    width:135px !important;
}

.longLabel {
    width: 400px !important;
}

.label250 {
    width: 250px !important;
}

.label200 {
    width: 200px !important;
}

.middleLabel {
    width:150px !important;
}

.middleLabel180 {
    width:180px !important;
}

.shortLabel {
    width:35px;
}

.shortLabel65 {
    width:65px !important;
}

.ui-layout-west label {
    width: 65px;
}

form .titre {
    background-color:#bfd4f0;
    border-bottom:1px solid #99bbe8;
    /*background: #bfd4f0 url(./../IMAGES/ui-bg_highlight-hard_70_000000_1x100.png) repeat-x fixed top left;*/
    color:#15428b;
    width:100%;
    height:1.5em;
    /*line-height:2em;*/
    text-align:left;
    font-weight: bold;
    /*padding:6px;*/
}

legend { 
    padding: 0.5em; 
}

fieldset label { 
    display: inline-block;
    width: 145px; 
}

label.error { 
    width: 360px; 
    margin-left: 103px; 
    color: red; 
    font-style: italic 
}

div.error { 
    color: red; 
    font-style: italic;
    padding: 5px;
}

/* etats terrain affichés en rouge */
.etatTerrain {
	color: red;
}

/* erreurs affichées dans un champ éditable de datatable */
.editable label.error {
    display: block;
    padding: 0;
    margin:0;
    text-align: left;
}

input.error, textarea.error { 
    border: 1px dotted red; 
}

.obligatoire {
    color: red;
}

.entry {
    padding-top:0.8em;
}

#result .error {
    color: red; 
}
#resultDialog .error {
    color: red; 
}
#resultAffect .error {
    color: red; 
}
#resultDialogModem .error {
    color: red; 
}

.legende {
    font-size: 0.8em;
    position: absolute; 
    text-align:left;
    padding-top:2px;
    /*padding-bottom:2px;*/
}

p.centre {
    text-align: center;
    width:100%;
    margin:0;
    padding:0;
	
}

p span.gauche {
    float: left;
    margin:0;
    padding:0;
}

p span.droite {
    float: right;
    margin:0;
    padding:0;
}

#result, #resultDialog{
    font-style:italic;
    overflow:auto;
    min-height:0px; 
    max-height: 50px;
    /*font-weight:bold;	*/
}



.column {
    margin:4px;
    padding:4px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}

.widget ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:4px;
}
    
.widget li {
    margin:0;
    margin-top:6px;
    margin-bottom:6px;
    padding:4px;
}
    
.widget .ui-widget-content {
    font-weight:bold;
}

.maxWidth {
    width:99% !important;
}

/* Pour considérer la hauteur réelle des vues : se fixe par rapport à la hauteur de fenêtre sinon */
/*.ui-tabs {
    height: 99%;
}*/

.ui-tabs .ui-tabs-nav {
    padding-left: 10px !important;
}

.ui-button-text-only .ui-button-text {
    padding: 0 0 !important;
}

.ui-button .ui-button-text {
    line-height: 1.2 !important;
}

/* surcharge classe jquery.treeview.css */
.sidetree,.sidetreeCAF {
    /*width: 273px;*/
    max-width: 273px;
    padding: 1em !important;
	font-size:1em; 
	font-weight:bold;
	max-height: 400px;
}

.sidetree{
    height: 100% !important;
}

.sidetreeCAF{
    overflow: auto;
    max-width: 100%;
}

.popUpSidetree,.fonctionSidetree{
    height: 100% !important;
    padding: 1em !important;
	font-size:1em; 
	font-weight:bold;
	max-height: 400px;
}
.fonctionTreeview{
	max-height: 50px;
}
.accordeon{
    height: 100% !important;
    overflow:hidden !important;
}

/* surcharge classe ui-dialog-content pour les formulaires de la partie Ouest */
.ui-layout-west .ui-dialog-content {
    width: auto; 
    overflow: hidden !important;
}

/* Compatibilité base résolution */
/* Incompatible IE8- */
@media screen and (max-width:1280px) {
	label {
		width: 150px;
	}

	#dialogSession label {
		width:250px;
	}
}
/* toolbar datatables */
.fg-toolbar label {
	width: 250px;
}
/* toolbar datatables  tableau récapitulatif*/
#specifiqueReseauProtocole .fg-toolbar label {
	width: 525px;
}
.ui-layout-center .ui-dialog {
    position: static !important;
    width:auto;
}

#filtreOuest {
	width:300px !important;
	z-index: 3 !important;	
}

#filtreOuest.ui-dialog {
	overflow-y: auto;
	padding:0;
	margin:0;
}
#mainForm {
	min-width:1080px;
}

#mainForm.largeForm {
	min-width:1300px;	
}

/* ndd bug 4030 : chevauchement des plages horaires */
#mainFormSem .customFormLayout60 {
	min-width:900px;
}

#mainForm .customDisabled{
	background-image: none;
	border: none;
}

.ui-tabs {
	min-width:1130px;	
}


button.boutonRenseigner {
    cursor: pointer;
    float: right;
    margin-top:2px;
    overflow: visible;
}

button.boutonToRight {
    cursor: pointer;
    float: right;
    margin-top:2px;
    overflow: visible;
}

/* logo à gauche*/ 
.ui-layout-north .header img {
    margin:0; 
    position:absolute; 
    height:50px;
}

/* deuxième logo collé à droite du premier */ 
#logo2 {
    left:200px;
}

/* troisième logo à droite */ 
#logo3 {
    z-index: 1;
	position:absolute;
    top:0;
    right:0;
}

/* product name */
.ui-layout-north .header #productName span {
    text-align: left; 
}

/* dialogSession in login page */
#dialogSession {
    position: absolute !important;
    width: 600px;
}

#dialogSession .ui-dialog-content {
    height: auto; 
    min-height: 120px; 
    width: auto;
}

/*@override */
.contextMenu {
	width: auto !important;
	white-space: nowrap;
}

/* dataTables  */
/*@override */
.dataTables_filter {
	padding-right: 10px;
	padding-top: 5px;
    width: auto !important;
}

/*@override */
.dataTables_length {
    margin-top: 5px;
	padding-top: 5px;
	padding-left: 5px;
    font-size: 1em !important;
    font-weight: bold;
    width: auto !important;
}

/*@override */
.dataTables_scrollHeadInner {
	width: 100%;
}

/*@override */
.dataTables.display {
    width: 100% !important;
}

.ui-dialog > .dataTables_wrapper { 
	overflow-x: auto ; 
	overflow-y: hidden; 
}

/* Dépassement de largeur possible */
.dataTables_scroll {
    overflow: auto !important;
}
div.dataTables_scroll {
	clear: both;
}
.dataTables_scrollBody {
	overflow: visible !important;
}
/*@override */
.TableTools {
	padding: 0 !important;
	margin-bottom: 0 !important;
}

/*
.floatDatatable .dataTables_wrapper {
    clear: none !important;
}*/
.ui-widget-overlay {
    z-index: 501;
}

/*@override datepicker en avant plan pour les fenêtres popup*/
#ui-datepicker-div {
    z-index: 9000 !important;
}
.ui-datepicker {
    z-index: 9000;
}

.customInvisibleLayout {
    width: 0%;
    display: none;
    float: left;
    padding-bottom: 10px;
}

.customFormLayout10 {
    width: 10% !important;
    float: left;
    padding-bottom: 10px;
}

.customFormLayout15 {
    width: 15% !important;
    float: left;
    padding-bottom: 10px;
}

.customFormLayoutButton {
	float: right;
    width: 16% !important;
    padding-bottom: 10px;
}

.customFormLayout20 {
    width: 20% !important;
    float: left;
    padding-bottom: 10px;
}

.customFormLayout30 {
    width: 30% !important;
    float: left;
    padding-bottom: 10px;
}

.customFormLayout25 {
    width: 24% !important;
    float: left;
    padding-bottom: 10px;
}

.customFormLayout24 {
    width: 24% !important;
    float: left;
}

.customFormLayout18 {
    width: 18% !important;
    float: left;
    padding-bottom: 10px;
}

.customFormLayout6 {
    width: 6% !important;
    float: left;
    padding-bottom: 10px;
    padding-left: 1em !important;
}

.customFormLayoutSpe {
    width: 25% !important;
    float: left;
    padding-bottom: 5px;
}

.customFormLayout75 {
    width: 75% !important;
    float: left;
    margin-left: 5px;
    padding-bottom: 10px;
}

.customFormLayout75Spe {
    width: 75% !important;
    float: left;
}

.customFormLayout35 {
    width: 35% !important;
    float: left;
    padding-bottom: 10px;
}

.customFormLayout33 {
    width: 33% !important;
    float: left;
    padding-bottom: 10px;
}

.customFormLayout33noPd {
    width: 33% !important;
    float: left;
}

.customFormLayout67 {
    width: 67% !important;
    float: left;
    padding-bottom: 10px;
}

.customFormLayout40 {
    width: 40% !important;
    float: left;
    padding-bottom: 10px;
    margin-left: 10px;
}

.customFormLayout45 {
    width: 45% !important;
    float: left;
    padding-bottom: 10px;
    margin-left: 10px;
}

.customFormLayout40px {
    width: 602px !important;
    overflow-x: auto;
    overflow-y:hidden; 
}

.customFormLayout40Plus {
	width: 40% !important;
    float: left;
    padding-bottom: 10px;
    margin-left: 0px !important;
}

.customFormLayout60 {
    width: 60% !important;
    float: left;
    padding-bottom: 10px;
}

.customFormLayout50 {
    width: 50% !important;
    float: left;
    padding-bottom: 10px;
}

.customFormLayout50m10 {
    width: 50% !important;
    float: left;
    padding-bottom: 10px;
    margin-left: 10px;
}

.customFormLayoutAll {
    width: 100% !important;
    float: left;
}

.customFormLayout99 {
    width: 99% !important;
    float: left;
}

.noBottomPadding {
	padding-bottom: 0;
}

/*mdt : j'aime pas mais je ne vois pas comment faire autrement*/
.tableAffectationCAF {
    min-width: 500px;
}

.formFieldsetAll {
    padding-bottom: 10px;
    margin-right: 10px;
    width: 100%;
}

.formFieldsetLeft {
    float: left;
    padding-bottom: 10px;
    margin-right: 10px;
    width: 99%;
}

.formFieldsetCenter {
    float: left;
    padding-bottom: 10px;
    margin-left: 10px;
    width: 25%;
}

.formFieldsetRight {
    float: left;
    padding-bottom: 10px;
    margin-left: 10px;
    width: 25%;
}

.formFieldset50 {
    float: left;
    padding-bottom: 10px;
    margin-right: 10px;
    margin-left: 10px;
    width: 50%;
}

.formFieldset {
    padding: 5px;
    padding-bottom: 10px;
}

.formFieldsetA {
    padding: 5px;
}

/*.notDatatable td.ui-state-default {
	background: none !important; 
	font-weight: normal !important; 
} 

table.notDatatable thead th {
    cursor: auto !important;
}*/

.customFloatLeft {
    float: left;
}

.customFloatRightSmall {
    float: right;
    margin-left: 10px;
}

.customFloatRightSpe {
    float: right;
    margin-right: 22px;
    margin-bottom: 0px;
}

.customFloatLeftSmall {
    float: left;
    margin-left: 10px;
}


.customFloatLeftSmallSpecial {
    float: left;
    margin-left: 0px;
}

.customFloatLeftLarge {
    float: left;
    margin-left: 15% !important;
}

.customFloatLeft25 {
    float: left;
    margin-left: 25% !important;
}

.customFloatLeft10 {
    float: left;
    margin-left: 10% !important;
}

/*@override ui-menu from ui css*/
.ui-menu {
   	float: none !important;
}

.ui-dialog .ui-dialog-buttonpane {
    margin: 1em 0 0 !important;
}

.ui-dialog .ui-dialog-buttonpane button { 
    float: right;
    padding: .2em .6em .3em .6em;
}

/*.ui-dialog .ui-dialog-content { 
   position: inherit !important;
}*/

/* pour les dialog de messages d'erreur et de confirmation */
.smallDialog p .ui-icon {
    float:left; 
    margin:0 7px 50px 0;
}

/* pour la gestion du rendu du tableau alarme*/
.noPaddingTD {
    padding: 0 !important;
}

.alarmColumn {
    padding: 3px 2px 3px 8px;
}

/* style pour les frames contenant des résultats issus de la GED */
.frameGed {
    width:100%;
    height:600px; 
    overflow:auto;
}

/* style pour les listes select dans les popup */
.italic { 
	font-style:italic;
}

.gras { 
	font-weight:700;
}

.barre { 
	text-decoration:line-through;
}

/* style pour les slider */
.sliderStyle {
	width:67%;
	float: right;
	margin:10px;
	display:block;
}

/* style pour le diagramme dans structure*/
.structureTableSpacer {
    width: 100%;
    float: left;
}
.structureTableContainer {
    position: absolute;
    top: 100px;
    left: 34px;
}
.structureTableError {
    color: red; 
    font-style: italic; 
    position: absolute;
    top: 80px;
    left: 74px;
}
.commandeTd {
    padding: 3px !important;
    max-width: 100px;
}
.LC {
    /* background-color: #EEEEEE; */
    width: 20px;
    cursor:e-resize;
}

.diagrammeTd {
    width: 495px;
}
.topDiagrammeTd {
    height: 20px;
}
.structureTd {
    padding: 0 !important;
    vertical-align: middle;
    height: 20px;
}
.ligneNameTd {
    padding: 0 !important;
    vertical-align: middle;
    height: 20px;
}

.structureBGLinePF {
	background-image: url("./../images/graduation.png");
	background-repeat:repeat-x;
	background-repeat:no-repeat-y;
   	height: 4px;
}
.structureBGLine {
	background-color: #FF0000;
    height: 1px;
}
.structureTimeLine {
    background: url(images/structure_timeLine.png);
    height: 20px;
}
.structureContentTimeLine {
    max-width: 901px;
    overflow-x: auto;
    position: absolute;
}
.structureTip {
    display: none;
    position: absolute;
    padding: 3px;
    z-index: 10;
}

.contentPlage {
    position: absolute;
    background-color: #0000BB;
    opacity: 0.15;
    cursor: move;
    z-index: 2;
}
.borderPlage {
    position: absolute;
    background-color: #0000BB;
    opacity: 0.5;
    cursor: e-resize;
    z-index: 2;
    width: 2px;
}
.contentVert {
    position: absolute;
    background-color: #005200;
    cursor: move;
    z-index: 3;
    height: 4px;
}
.selectedContentVert {
    background-color: #00ff00;
}
.contentVertIntense {
    position: absolute;
    background-color: #00DD00;
    cursor: move;
    z-index: 3;
    height: 4px;
}

.contentRougeIntense {
    position: absolute;
    background-color: #FF0000;
    cursor: move;
    z-index: 4;
    height: 4px;
}

.borderVert {
    position: absolute;
    background-color: #008800;
    cursor: e-resize;
    z-index: 3;
    height: 12px;
    width: 2px;
}

.borderRouge {
    position: absolute;
    background-color: #FF0000;
    cursor: e-resize;
    z-index: 3;
    height: 12px;
    width: 2px;
}

.topInput {
    position: absolute;
    z-index: 2;
    height: 16px;
    width: 26px;
}

.LCInput {
    position: absolute;
    z-index: 2;
    height: 16px;
    width: 26px;
    top: -14px;
    left: 28px;
}
.echelleImg {
    height: 20px;
}

/* style pour le diagramme dans répartition de vert*/
.lignesTd {
    padding: 3px !important;
    max-width: 150px;
    width: 150px;
    vertical-align: middle;
}
.totalTd {
    width: 30px;
}
.repartitionHeader {
    text-align: right;
    padding: 2px 0 !important;
}
.repartitionTr .notCorrectValue {
    color: #FF6600 !important;
}
.repartitionTr td.buttonPlace {
    padding: 0 !important;
}
.repartitionTr td{
    background: none !important;
    background-color: #D6D7F3 !important;
    color: #333333 !important;
    vertical-align: middle;
    text-align: center;
    padding: 2px 0 !important;
}
.repartitionTr td.editable,td.totalTd,td.buttonPlace{
    background: none !important;
}
.repartitionTr.notModifiable td.buttonPlace{
    background: none !important;
}
.repartitionTr.row_selected td {
    background-color: #ffef8f !important;
}
.repartitionTr.deleted td {
    background-color: #dddddd !important;
}
.repartitionTr.notModifiable td {
  	background-color: #e6e6e6 !important;
  	opacity: 0.5;
}
.repartitionTr.notModifiable td.selectRepTd {
    background: none !important;
    background-color: #D6D7F3 !important;
  	opacity: 1;
}
.repartitionTr.row_selected .buttonPlace {
    background: none !important;
}

.retourVertEtat td.dureeTotalVert {
	text-align: right;
}

.classeTdWhite {
    background-color: #FFFFFF !important;
}
.buttonTd {
    width: 30px;
}
.selectRepTd {
    width: 30px;
}
.smallTd {
    padding: 3px !important;
    text-align: center;
    vertical-align: middle;
    width: 30px;
}
.largeTd {
    padding: 3px !important;
    text-align: center;
    vertical-align: middle;
    width: 60px;
}

.firstTd {
    width: 100px;
}
.schemaTd {
    padding: 3px 0 !important;
    vertical-align: middle;
}

.contentPhase {
    position: absolute;
    background-color: #0000BB;
    opacity: 0.15;
    z-index: 2000;
}
.borderPhase {
    position: absolute;
    background-color: #0000BB;
    opacity: 0.5;
    z-index: 2000;
    width: 1px;
}
.contentVertRV {
    position: absolute;
    background-color: #00DD00;
    z-index: 3000;
    height: 4px;
}
.borderVertRV {
    position: absolute;
    background-color: #008800;
    z-index: 3000;
    height: 12px;
    width: 1px;
}

/* Partie PMV */
.pmvErrorDisplay {
	display: block !important;
}
.pmvLibelle {
	font-family: Courier New, Courier, monospace  !important;
	z-index: 3;
	font-size: 14px  !important;
}

textarea.pmvLibelle {
	resize: none; 
	overflow-y:scroll;
	overflow-x:hidden;
}

.pmvMessage {
	width: 70% !important;
}
.pmvLigne {
	width: 10% !important;
}
.pmvCaractere {
	width: 10% !important;
}
.pmvMax {
	width: 1px;
    float: left;
    border-right: 1px solid #000000;
    z-index: 2;
    position: absolute;
    top: 0px !important;
}

.pmvMaxText {
	padding: 0 0 0 0;
    margin: 0 0 0 0;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: xx-small;
}

.justifyLeft {
	text-align:left;
	padding:0;
    margin:0;
}

.justifyCenter {
    text-align:center;	
	padding:0;
    margin:0;
}

.justifyRight {
    text-align:right;	
	padding:0;
    margin:0;
}


/* style pour le tableau dialogue intercontroleur*/
table.customDisplay {
    clear: both;
    border-collapse: collapse;
}

table.customDisplay th.coinCell {
    padding: 0px 0px 5px 0px;
    width: 280px;
    min-width: 280px;
    font-weight: bold;
}

table.customDisplay thead td {
    width: 80px;
    min-width: 80px;
    text-align: center;
    padding: 5px 0px;
}

table.customDisplay tbody td.pilote {
    padding: 5px 0px;
    font-weight: normal;
}

table.customDisplay tbody td {
    text-align: center;
    width: 80px;
    min-width: 80px;
}

.textCenter {
    text-align: center;
}
.buttonBloc {
    width: 33%;
    float: left;
    text-align: center;
    vertical-align: middle;
    height: 100%
}

/* Observatoire des déplacements */
.noPadding{

    padding: 0em !important;
	
}

fieldset.customFieldSetBilan{
	
	margin-top:45px !important;
}

table.customTableBilan td{
    
    border:0px !important;
}

/* style pour les popups dans une nouvelle fenetre de navigateur : fenetre d'info dynamique */
.popupAll {
    width:99.4% !important;
    overflow-y: auto !important;
    padding:0 !important;
}

/*.popupAll .ui-dialog-content {
	overflow: auto !important;
}*/

.popupFixedHeight {
	overflow: hidden !important;
    height:99%;
}


/* les titres de datatables sont alignés à gauche */
.dataTables_length label {
    text-align: left;
}

.listeVide {
	color: red;
	font-style: italic;
}

.noWrapClass {
	white-space: nowrap;
}

.wrapClass {
	white-space: normal !important;
}

.maxWidthSelect {
    width: 240px;
    max-width: 240px;
}

/* Journal de bord */
.customHeight460Jdb {
	
	height: 460px;
	
}

.customDivOverflowJdb {
    
    height: 270px; 
    max-width:320px;
    overflow: auto !important;
    
}

.customDivOverflow85Jdb {
    
    margin-top:10px;
    height: 350px; 
    overflow: auto !important;
    
}

.customMarginTop100Jdb {
	
	margin-top: 100% !important;
}

.customMarginLeft150pxJdb {
    
    margin-left: 150px !important;
}

.customMarginLeft10pxJdb {
    
    margin-left: 10px !important;
}

.customMarginTop25pxJdb {
    
    margin-top: 25px !important;
}

.sidetreeJdb {
    
    max-width:270px;
    padding: 1em !important;
    font-size:1em; 
    font-weight:bold;
	
}

.customDivOverflow290Jdb {
    height: 211px; 
    overflow: auto !important;
}

.customDivOverflow220Jdb {
    height: 185px; 
    overflow: auto !important;
}

.alter-pdf{
  position: relative;
  width: 79%;
  margin: 1% 10% 1% 10%;
  padding:1.5%;
  text-align: center;
  color: blue;
  line-height: normal;
}

.alter-pdf .ui-dialog-buttonpane {
  position : relative;
  margin : 1em;
  float: right;
}

.alter-pdf .ui-dialog-buttonpane button {
  padding: 0.2em 0.6em 0.3em;
  margin-top: -0.2em;
}

.aconf-periode {
  clear: both;
  float: right;
  font-size: 0.9em;
  margin-top: 0.4%;
  text-align: left;
}

.aconf-button {
  background: url("../images/xls.png") no-repeat scroll center center transparent;
  border: 0 none;
  cursor: pointer;
  float: right;
  margin-top: -5px;
  padding: 10px 2px 0 30px;
  position: relative;
}

.aconf-button:hover{
	background:url(../images/xls_hover.png) no-repeat scroll center center transparent;
}

/* gestions des versions bdt*/
.bddItem {
    padding: 0.4em 1em !important;
    width: 20px !important;
    height: 30px;
    text-align: center;
}
.sideTreeBdd {
    padding: 1em !important;
	font-size:1em; 
	font-weight:bold;
	position: relative;
	float: left;
}
.legendBdd {
    padding: 1em !important;
    width: 300px;
	position: relative;
	float: left;
}
.selectLabel {
    width: auto !important;
    max-width: 1000px !important;
    min-width: 180px !important;
}
.selectWidth {
    min-width: 180px !important;
}
/* style pour le popup visualisation video*/
.bordureExterieur {
    border-color: transparent !important; 
    margin:auto;
    position: relative;
}
.bordureInterieur {
    position: absolute;
    margin: -1px;
}
.tailleBouton {
    height: 15px;
}
#filtreOuest .ui-dialog {
    overflow: none !important;
}

#appVersion {
	margin: 25px 0 0 10px;
}

/* gestion des options utilisateurs */
#formOptions {
	width: 500px;
	float: left;
}
#formOptions label {
	width: 300px;
}
#formMDP {
	width:470px;
	float: left;
	margin-left: 25px;
}
#formMDP label {
	width: 150px;
}
#passwordFieldErrorMessage label.error, #passwordConfirmFieldErrorMessage label.error {
	width: 400px;
    text-align: left;
}

.optionLangageFlag {
	 padding: 2px 0 2px 25px;
	 background-repeat: no-repeat;
	 background-position: 2px 4px;
	 vertical-align: middle;
}
#optionAlarmColor table tr td {
	vertical-align: middle;
}
#optionSourceConstante table tr td {
	vertical-align: middle;
}
#optionSynPositioningModel {
	margin:15px 0 0 200px;
	width:270px;
	height:165px;
	border: 3px solid;
}
#optionSynPositioningModel .ui-state-highlight {
	height: 15px;
	line-height: 15px;
	margin:0;
	padding:0;
}
#optionSynPositioningModel tr td {
	height: 45px;
	width: 50px;
}
#optionSynPositioningModel ul {
	list-style-type: none;
	min-height:12px;
	min-width:70px;
}
#optionSynPositioningModel div {
	text-align: center;
	vertical-align: middle;
	border:1px solid #000;
}
#synPosItemL {
	background-image:url(/web/images/logo.png);
	background-size:30px 14px;
	width: 30px;
	line-height:14px;
	height: 14px;
}
#synPosItemA {
	background:white url(/web/images/optSynAlarm.jpg) no-repeat;
	width: 85px;
	line-height:14px;
	height: 14px;
}
#synPosItemN {
	background:white url(/web/images/optSynNav.jpg) no-repeat;
	width: 20px;
	line-height:12px;
	height: 12px;
}
#synPosItemE {
	background:white url(/web/images/optSynEchelle.jpg) no-repeat;
	width: 30px;
	line-height:9px;
	height: 9px;
}
#synPosItemS {
	background:white url(/web/images/optSynCurseur.png) no-repeat;
	width: 16px;
	line-height:16px;
	height: 16px;
}
#synPosItemReplay {
	background:white url(/web/images/optSynReplayBar.png) no-repeat;
	width: 16px;
	line-height:16px;
	height: 16px;
}

.synPosItemTop {
	vertical-align: top;
	height: 18px !important;
}


.synPosItemTopLeft {
	vertical-align: top;
	height: 18px !important;
	width: 142px !important;
}

.synPosItemTopRight {
	vertical-align: top;
	height: 18px !important;
	width: 142px !important;
}

.synPosItemMiddle {
	vertical-align: middle;
}
.synPosItemBottom {
	vertical-align: bottom;
}
.synPosItemCenter div {
	margin-left: auto;
	margin-right: auto;
}
.synPosItemRight div {
	margin-left: auto;
	margin-right: 0;
}
.synPosItem {
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity: 0.85;
}

.synPosItemTopLeft li {
	float: left;
}

.synPosItemTopRight li {
	float: right;
}

.divSearch {
    width:300px !important; 
    height:350px !important;
}
.divSearchSpe {
    width:300px !important; 
    height:200px !important;
}
.divSearchLarge {
    width:375px !important; 
    height:250px !important;
}
.divSearchShort {
    width:310px !important; 
    height:100px !important;
}
.divSearchResult {
    height:150px !important; 
    overflow:auto !important;
}
.divButtonSearch {
    height:300px !important;
}
.buttonAddSearch {
    margin-top:100% !important;
}
.divSelectedElement {
    height: 5% !important;
}
.divSelectedElementShort {
    height: 15% !important;
}
.SelectedElement {
    height: 85% !important; 
    overflow:auto !important; 
    margin-top:10px !important;
}
/*Journal de bord*/
.infoJdb {
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}
.jdbSelButton {
    padding-bottom: 0px !important;
    min-width: 90px;
    float: right;
}

.jdbSelect { 
    width: 13px;
    height: 13px;
    background-image: url(/web/images/jdbSelect.png);
}

.jdbUnselect { 
    width: 13px;
    height: 13px;
    background-image: url(/web/images/jdbUnselect.png);
}

/*Regulation axe onde verte*/
.vitesseNonSignificative{
	background-color:#848484;
}

/* history css flex*/

#ie_historyFrame { width: 0px; height: 0px; display:none }
#firefox_anchorDiv { width: 0px; height: 0px; display:none }
#safari_formDiv { width: 0px; height: 0px; display:none }
#safari_rememberDiv { width: 0px; height: 0px; display:none }

div.tablesField, div.champsFieldContainer {
	padding: 5px 5px;
}

.tablesFieldOption,.champFieldOption {
	cursor:pointer;
	line-height: 20px;
	height: 20px;
	vertical-align: middle;
	border:1px;
}

div.tablesField .ui-state-highlight,div.champsField .ui-state-highlight {
	border: none;
}

.champsField .placeHolder {
	line-height: 20px;
	height: 20px;
}
td.tempsParcoursItineraireErrone{
    background-color: #ff0000 !important;
    color: #ffffff !important;
}
td.tempsParcoursItineraireTimeOut{
    background-color: #0000ff !important;
	color: #ffffff !important;
}
td.planFeuDistMin{
    background-color: #00ff00 !important;
}

table.display td input.statistiquesCheckBox {
	margin:0 !important;
	padding:0 !important;
}

#tableDebitTaux2 td {
	vertical-align:middle !important;
}

table.displayWithCheckbox td {
	padding: 1px 10px !important;
}

.forcePointer {
    cursor:pointer !important;
}

#licenceExpired {
    margin-top: 10%;
    width:50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 20px 20px;
}