/* Définition Zone de la Page */
html, body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
} /*On fix la taille de l'�cran au minimum � 100%*/
#hideArea {
	display: none;
}
	/* Zone ou on cache les différents éléments utilisable dans le site */
#siteHeader, #siteArea, #siteFooter {
	float: left;
	width: 100%;
	*width: 99.94680851063829%;
}

#siteHeader {
	position: absolute;
	top: 0;
	left: 0;
	height: 61px;
}

#siteArea {
	min-height: 100%;
}

#siteContent {
	margin-top: 61px;
	margin-bottom: 40px;
}

#siteFooter {
	margin-top: -40px;
	height: 40px;
}

@media ( max-width : 623px) {
	#siteHeader {
		height: 101px;
	}
	#siteContent {
		margin-top: 101px;
	}
}

/* Header */
#siteHeader div.navbar {
	background-color: #FFD500;
	padding-top: 10px;
}

#siteHeader div.navbar .container-fluid div.pull-right span {
	display: inline-block;
	line-height: 20px;
	color: #FFFFFF;
	padding: 10px 0 10px 15px;
}

#siteHeader div.navbar .container-fluid div.pull-right .logo {
	margin: 5px 0;
	padding: 0 0 0 15px;
	display: inline-block;
}

#siteHeader div.navbar .container-fluid div.pull-right .logo img {
	height: 30px;
}

#siteHeader .navbar-fixed-top .navbar-inner, #siteHeader .navbar-fixed-bottom .navbar-inner
	{
	padding: 0px;
}

.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
	margin-left: 0px;
	margin-right: 0px;
}

/* Footer */
#siteFooter div.container-fluid div.container-fluid {
	border-top: 1px solid #E3E3E3;
	font-size: 12px;
	color: #434343;
}

#siteFooter div.container-fluid div.pull-right {
	margin-top: 10px;
}

/* Content */
/* Dégradé de gris background */
#siteArea {
	background:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjZmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, rgba(245, 246, 247, 1) 0%,
		rgba(255, 255, 255, 0) 70%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(245,
		246, 247, 1)), color-stop(70%, rgba(255, 255, 255, 0)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(245, 246, 247, 1) 0%,
		rgba(255, 255, 255, 0) 70%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(245, 246, 247, 1) 0%,
		rgba(255, 255, 255, 0) 70%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(245, 246, 247, 1) 0%,
		rgba(255, 255, 255, 0) 70%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(245, 246, 247, 1) 0%,
		rgba(255, 255, 255, 0) 70%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f7',
		endColorstr='#00ffffff', GradientType=0); /* IE6-8 */
}

<!--
[if gte IE 9]>#siteArea {
	filter: none;
}

<!
[endif]--> /* Debug interpretation if */ #siteArea {
	
}

/* General */
body, label, input, button, select, textarea {
	font-size: 12px;
}

select option[disabled] {
	color: #cccccc;
}

#totEtat.optionred {
	color: #FE4200;
	font-weight: bold;
}

#totEtat.optionorange {
	color: #FFAD21;
	font-weight: bold;
}

#totEtat.optiongreen {
	color: #75C738;
	font-weight: bold;
}

#totEtat {
	color: #2C2728;
	font-weight: bold;
}

select option {
	background: none;
}

table {
	background-color: #FFFFFF;
}
	/* On force les tableaux à avoir un fond blanc pour voir la transparence du dégradé du body */
a.titleLink {
	text-decoration: none;
}

a.titleLink span {
	margin-bottom: -4px;
}

.thumbnail>label {
	min-height: 40px;
}

/* Page préférences */
textarea#textareaAdress {
	height: 70px;
	resize: none;
}

textarea#textareaEnteteMessage {
	height: 70px;
	resize: none;
}

textarea#inputColumn1Value {
	height: 70px;
	resize: none;
}

textarea#inputColumn2Value {
	height: 70px;
	resize: none;
}

@media ( max-width : 1199px) {
	form#formPreferences.form-horizontal .control-label {
		float: inherit;
		padding-top: inherit;
		text-align: inherit;
	}
	form#formPreferences.form-horizontal .controls {
		margin-left: inherit;
	}
	form#formPreferences.form-horizontal input, form#formPreferences.form-horizontal select
		{
		display: inherit;
	}
}

.bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th
	{
	vertical-align: middle !important;
}

#tabTimer table td {
	vertical-align: middle;
}

#tabTimer .inputDateTimePicker.input-append {
	margin-bottom: 0 !important;
}

#tabTimer .inputDateTimePicker input {
	text-align: center;
}

input.emailAddOn {
	width: 179px;
}

table.table {
	max-width: 100% !important;
	margin-bottom: 20px !important;
}

div.dataTables_wrapper, div.dataTables_wrapper div.row-fluid:first-child
	{
	margin-bottom: 20px;
}

div.dataTables_length label, div.dataTables_filter label {
	margin-bottom: 0px;
}

div.dataTables_wrapper .table th, .table td {
	padding: 4px 8px;
	vertical-align: middle;
}

/* Hover dans dataTables */
div.dataTables_wrapper tbody tr:hover>* {
	background-color: #e2eff8 !important;
}
/* 		div.dataTables_wrapper tbody tr.even:hover, */
/* 		div.dataTables_wrapper tbody tr.even:hover > *, */
/* 		div.dataTables_wrapper tbody tr.even > *.highlighted { background-color: #e2eff8!important; } */
/* 		div.dataTables_wrapper tbody tr.odd:hover, */
/* 		div.dataTables_wrapper tbody tr.odd:hover > *, */
/* 		div.dataTables_wrapper tbody tr.odd > *.highlighted { background-color: #e2eff8!important; } */
/* 		div.dataTables_wrapper tbody tr.even:hover td.sorting_1 {} */
/* 		div.dataTables_wrapper tbody tr.even:hover td.sorting_2 {} */
/* 		div.dataTables_wrapper tbody tr.even:hover td.sorting_3 {} */
/* 		div.dataTables_wrapper tbody tr.odd:hover td.sorting_1 {} */
/* 		div.dataTables_wrapper tbody tr.odd:hover td.sorting_2 {} */
/* 		div.dataTables_wrapper tbody tr.odd:hover td.sorting_3 {} */

/* Supprime les pointillés autour d'une zone cliquable */
a, a:hover, a:focus, select, input {
	outline: none !important;
	-moz-outline-style: none !important;
}

/* Ecran gris transparent*/
#loading .overlay {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: fixed;
	z-index: 1040;
	opacity: 0;
	cursor: wait;
}

#loading .picto {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -35px 0 0 -35px;
	z-index: 1041;
}

#loading .message {
	display: none;
	z-index: 1042;
}

#loading.masked .overlay {
	opacity: 0.8;
	background-color: #000000;
}

#loading.masked .picto, #loading.masked .message {
	display: block;
}

/* Overlay pour les chargements des tableaux */
#areaInformAlertOverlay.overlay {
	width: 100%;
	position: fixed;
	z-index: 1040;
	opacity: 0.95;
}

/* Statuts des taximètres */
[class*="circle"] {
	width: 26px;
	height: 26px;
	border-radius: 13px;
	font-size: 20px;
	text-align: center;
	margin: 3px;
}

.red_circle {
	background: red;
}

.green_circle {
	background: green;
}

.blue_circle {
	background: blue;
}

.orange_circle {
	background: orange;
}

.purple_circle {
	background: purple;
}

.black_circle {
	background: black;
}

.yellow_circle {
	background: #FFF500;
}

.yellow_stripped_circle {
	background: #FFF500;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(0, 0, 0, .2)),
		color-stop(.5, transparent), to(transparent));
	background-image: -moz-linear-gradient(rgba(0, 0, 0, .2) 50%,
		transparent 50%, transparent);
	background-image: -o-linear-gradient(rgba(0, 0, 0, .2) 50%, transparent
		50%, transparent);
	background-image: linear-gradient(rgba(0, 0, 0, .2) 50%, transparent 50%,
		transparent);
	-webkit-background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	background-size: 10px 10px;
}

.gray_circle {
	background-color: gray;
}

.gray_stripped_circle {
	background-color: gray;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255,
		.4)), color-stop(.5, transparent), to(transparent));
	background-image: -moz-linear-gradient(rgba(255, 255, 255, .4) 50%,
		transparent 50%, transparent);
	background-image: -o-linear-gradient(rgba(255, 255, 255, .4) 50%,
		transparent 50%, transparent);
	background-image: linear-gradient(rgba(255, 255, 255, .4) 50%,
		transparent 50%, transparent);
	-webkit-background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	background-size: 10px 10px;
}

.yellow_square_full {
	width: 28px;
	height: 28px;
	font-size: 20px;
	text-align: center;
	background: #FFF500;
	margin: 2px;
	display: inline-table;
}

.yellow_square_empty {
	width: 20px;
	height: 20px;
	font-size: 20px;
	text-align: center;
	border: 4px solid #FFF500;
	margin: 2px;
	background: none;
	display: inline-table;
}

[class*="triangle"] {
	width: 1px;
	height: 1px;
	border: 1px solid purple;
	border-width: 14px;
}

.purple_triangle_up {
	border-color: transparent transparent purple transparent;
}

.purple_triangle_down {
	border-color: purple transparent transparent transparent;
}

.purple_square_full {
	width: 28px;
	height: 28px;
	font-size: 20px;
	text-align: center;
	background: purple;
	margin: 2px;
}

.purple_square_empty {
	width: 20px;
	height: 20px;
	font-size: 20px;
	text-align: center;
	border: 4px solid purple;
	margin: 2px;
	background: none;
}

[class*="circle"], [class*="triangle"], .purple_square_full,
	.purple_square_empty, .opa-icon-exclamation {
	display: inline-table;
	vertical-align: middle;
}

[class*="ui-icon-triangle"] {
	width: 16px;
	height: 16px;
	border: 0px solid purple;
	border-width: 0px;
}

@-moz-keyframes blink { 
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
} /* Firefox */

@-webkit-keyframes blink { 
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1;}
} /* Webkit */

@-ms-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
} /* IE */

@keyframes blink { 
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
} /* Opera and prob css3 final iteration */
.blink {
	-moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	/* order: name, direction, duration, iteration-count, timing-function */
	-moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
	-webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
	-ms-animation: blink normal 2s infinite ease-in-out; /* IE */
	animation: blink normal 2s infinite ease-in-out;
	/* Opera and prob css3 final iteration */
}

#refreshArea {
	display: inline-block;
	float: right;
}

#refreshArea span {
	display: inline-block;
	padding-top: 6px;
	line-height: 20px;
}

#refreshArea a {
	display: inline-block;
	margin-left: 5px;
}

/* Plugin Selection */
.selection {
	cursor: pointer;
}

.selection .selection-first, .selection .selection-first>*, .selection .selection-first:hover,
	.selection .selection-first:hover>* {
	background-color: #FFCD70 !important;
}

.selection .selection-expand, .selection .selection-expand>*, .selection .selection-expand:hover,
	.selection .selection-expand:hover>* {
	background-color: #FFDB8E !important;
}

.selection .selection-last, .selection .selection-last>*, .selection .selection-last:hover,
	.selection .selection-last:hover>* {
	background-color: #FFCD70 !important;;
}

/* Ecran taxiList */
.etatTax {
	display: inline-block;
	margin-top: 6px;
	vertical-align: top;
}

a#btnLocalize {
	margin-bottom: -4px;
}

/* Layer */
.modal form {
	margin-bottom: 0px;
	width: 100%;
	position: absolute
}

.modal form textarea {
	resize: vertical;
}

.modal .row-fluid p.text-error {
	margin-top: 10px;
}

/* Layer gMap */
#map img {
	max-width: none;
}

/*	.modal.localization #mapArea { width:100%; }*/
.modal.localization #mapArea {
	height: 100%;
	max-height: 100%;
	width: 100%;
}

.modal.localization #toolsArea {
	width: 20%;
}

.modal.localization .modal-body { /*max-height:700px;*/
	height: 87%;
	max-height: 87%;
}

.modal.localization #mapArea {
	
}

/*@media (max-width:1023px) {
		.modal.localization .modal-body { max-height:437px; }
		.modal.localization #mapArea { height:437px;  }
	}*/
.modal-ButtonBar {
	margin-top: 15px;
	text-align: center;
	vertical-align: top;
	margin-top: -30px
}

.modal-ButtonBar button {
	width: 10%;
	margin: auto;
	display: inline-block;
	overflow: hidden;
	height: 30px
}

.modal-MapMenuButtonCol {
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.modal-MapMenuButtonOpen {
	vertical-align: middle;
	display: inline-block;
}

.modal-MapMenuButtonDummy {
	border-left: 1px solid lightgray;
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}

.modal-MapMenu {
	transition: width 1s;
	-moz-transition: width 1s; /* Firefox 4 */
	-webkit-transition: width 1s; /* Safari and Chrome */
	-o-transition: width 1s; /* Opera */
	height: 100%;
	border: 1px solid lightgray;
	border-left: 0px;
	overflow-x: hidden;
	width: 0px;
	background-color: white;
	display: inline-block;
	vertical-align: middle;
}

.modal-MapMenuGlobal {
	position: absolute;
	right: 15px;
	top: 15px;
}

.modal-MapMenuButton {
	margin: 1px;
	width: 176px;
	Height: 50px;
	*color: #000000;
	color: #ffffff;
	font-size: 12px;
	line-height: 14px;
	margin: 2px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	*background-color: #f89406;
	background-image: -moz-linear-gradient(top, #fbb450, #f89406);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450),
		to(#f89406));
	background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
	background-image: -o-linear-gradient(top, #fbb450, #f89406);
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',
		endColorstr='#fff89406', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.modal-MapMenuButton:focus {
	color: #ffffff;
	outline: none;
	background-position: 0px;
}

.modal-MapMenuButton:hover, .modal-MapMenuButton:active,
	.modal-MapMenuButton.active, .modal-MapMenuButton.disabled,
	.modal-MapMenuButton[disabled] {
	*color: #ffffff;
	color: #000000;
	background-color: #f89406;
	*background-color: #df8505;
	outline: none;
}

.modal-MapMenuButton:active, .modal-MapMenuButton.active {
	color: #000000;
	*background-color: #c67605;
	background-color: #df8505;
}

.modal-MapMenuButton.dropdown-toggle {
	background-color: #f89406;
}

.track3 {
	width: 10px;
	background: rgba(0, 0, 0, 0);
	margin-right: 2px;
	border-radius: 10px;
	-webkit-transition: background 250ms linear;
	transition: background 250ms linear;
}

.track3:hover, .track3.dragging {
	background: #d9d9d9;
	background: rgba(0, 0, 0, 0.15);
}

/* Fix gMap */
.modal.localization #mapArea img {
	max-width: inherit;
}

/* Layer DriverSheet */
.modal.driverSheet .titleForPrint {
	visibility: hidden;
	display: none;
}

.modal.driverSheet #summary .span6 label {
	
}

.modal.driverSheet #summary .span6 .controls {
	margin-left: 130px;
}

.modal.driverSheet {
	overflow: auto;
}

.icone-reset {
	position: absolute;
	margin: -10px 0 0 30px;
}

.subTitle {
	font-size: 10px;
	position: absolute;
	margin-left: -145px;
	margin-top: 20px;
}

/* layer Alarm */
.modal.alarmes {
	max-width: 600px;
	width: 600px;
	margin: 0 auto;
	background-color: red;
	position: relative;
	top: auto;
	left: auto;
}

.modal.alarmes h4>span {
	vertical-align: middle;
}

.modal.alarmes h4>div {
	margin-bottom: -4px;
}

.modal.alarmes .modal-body a.btn {
	margin-bottom: 10px;
}

.modal.alarmes .page-header {
	margin: 0 0 10px 0;
	padding: 0;
}

.modal.alarmes .page-header h4 {
	margin-top: 0;
}

.modal.alarmes .tab-pane.active .row-fluid label, .modal.alarmes .tab-pane.active .row-fluid input,
	.modal.alarmes .tab-pane.active .row-fluid select {
	margin-bottom: 5px;
}

.modal.alarmes .tab-pane.active .row-fluid a.btn {
	margin-top: 3px;
	margin-bottom: 0px;
}

.modal.alarmes .tab-pane.active .activation input[type="checkbox"] {
	margin: 0 5px 3px 0;
}

.modal.alarmes .tab-pane.active .activation label {
	
}

.modal.alarmes .tab-pane.active label {
	display: inline-block;
}

/* layer stateLegend */
.modal .stateLegend .legend {
	display: inline-block;
	margin-top: 6px;
	vertical-align: top;
}

.modal .stateLegend .span6 .row-fluid {
	height: 35px;
}

.modal .stateLegend {
	width: 1200px;
}

/* layer print, add et edit message*/
.modal#printMessage {
	width: 600px;
	margin: 0 auto;
	background-color: red;
	position: relative;
	top: auto;
	left: auto;
	top: 15%
}

.modal#printMessage .labelOverview, .modal .addMessage .labelOverview,
	.modal .editMessage .labelOverview, .modal #meterArea {
	display: inline-block;
}

.modal #meterArea {
	margin-left: 15px;
	display: none;
}

.modal #messageArea {
	margin-top: 10px;
}

.modal .step1 .radio input[type="radio"] {
	margin-left: 0px;
}

.modal .step1 textarea[name="textareaMessage"], .modal .addMessage textarea,
	.modal .editMessage textarea {
	font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

.modal .step1 select[name="selectMessage"] {
	max-width: 80%;
	width: 100%;
}

.modal .step1 .selectMessage, .modal .step1 textarea[name="textareaMessage"]
	{
	display: inline-block;
	width: 100%;
	max-width: 90%;
	margin: 0;
	padding: 0;
}

.modalAddDriver {
	width: 600px;
	margin: 0 auto;
	opacity: 1;
	position: relative;
	top: auto;
	left: auto;
}

.modalUpdateDriver {
	width: 600px;
	margin: 0 auto;
	opacity: 1;
	position: relative;
	top: auto;
	left: auto;
}

.modal .step1 textarea[name="textareaMessage"] {
	margin: 10px auto 0;
	padding: 6px!important;	
}

.modalMessage {
	position: relative;
	left:0;
	margin: auto;
	width: 500px;	
}

.modal .addMessage input[type="text"], .modal .editMessage input[type="text"] {
	width: 215px;
	margin: 5px auto 10px;	
	display: block;
	padding: 6px!important;
}

.modal .editMessage textarea, .modal .addMessage textarea {
	width: 227px;
	margin: 5px auto 10px;
	display: block;
}


.modal .step1 pre#printMessage, .modal .step2 pre#messageArea, .modal .addMessage pre#showMessage,
	.modal .editMessage pre#showMessage {
	width: 215px;
	margin: 5px auto 10px;
	height: 9em;
	overflow: auto;
	padding: 6px!important;
}

/* layer code location */
.modal#actionLocationCode {
	max-width: 600px;
}

.modal .step1 select[name="jourCode"] {
	width: 60px;
}

.modal .step1 select[name="nbPeriodeCode"] {
	width: 60px;
}

.modal .step1 select[name="moisCode"] {
	width: 60px;
}

.modal .step1 select[name="anneeCode"] {
	width: 90px;
}

.modal .code {
	font-size: 25px;
	font-weight: bold;
}

.modal #detailCodeLocation {
	padding-left: 30px;
}
/*.modal .step1 .selectCodeJour { width: 20px;  margin: 0; padding: 0; }*/

/* 	.modal pre#printMessage { min-width: 211px; } */
/* 	<!--[if gte IE ]> .modal pre#printMessage { min-width: 215px; } <![endif]-->	 */
/* 	Debug interpretation if */
/*  .modal pre#printMessage {} */
#modalConfirm_12 {
	top: 35%;
	margin-left: -300px;
}
/* impression */
@media print {
	.toPrint #selectDates {
		visibility: hidden !important;
		display: none;
	}
	.toPrint input[type="text"] {
		height: 29px;
	}
	.toPrint .titleForPrint {
		visibility: visible;
		display: block;
	}
	.toPrint a.btn-primary.submit {
		display: hidden;
	}
	html, body {
		height: inherit;
		width: inherit;
	}
}

/* Spécificité écran du plus petit au plus grand */
/* WIDTH */
@media ( max-width : 480px) {
}

@media ( max-width : 767px) {
}

@media ( min-width : 768px) {
	.modal.large, .modal.x-large {
		width: 750px;
		margin-left: -350px;
	}
}

@media ( min-width : 768px) and (max-width: 979px) {
}

@media ( max-width : 979px) {
}

@media ( min-width : 980px) {
	.modal.large, .modal.x-large {
		width: 900px;
		margin-left: -125px;
	}
}

@media ( min-width : 980px) and (max-width: 1199px) {
}

@media ( max-width : 1199px) {
}

@media ( min-width : 1200px) {
}

.modal.large, .modal.x-large {
	width: 80%;
	left: 10%;
	height: 90%;
	margin-left: 0px;
}

/* HEIGHT */
@media ( max-height :590px) {
	.modal .modal-body, /*.modal #mapArea{ max-height:270px; }*/ .modal #mapArea
		{
		max-height: 470px;
	}
}

@media ( min-height :590px ) {
	.modal .modal-body, .modal #mapArea {
		max-height: 550px;
	}
}

@media ( min-height :700px ) {
	.modal .modal-body, .modal #mapArea {
		max-height: 80%;
	}
}

#tableauAffectation_wrapper [class*="span"]:first-child {
	margin-left: 0;
}

#tableauDriver_wrapper [class*="span"]:first-child {
	margin-left: 0;
}

#tableauSentMessage_wrapper [class*="span"]:first-child {
	margin-left: 0;
}

#grilleTrip {
	margin-left: 0px;
}

.labels {
	color: black;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	/*width: 40px;*/
	border: 0px solid black;
	white-space: nowrap;
	z-index: 99;
	margin-top: -28px !important;
}

.labelsHighlighted {
	color: black;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	/*width: 80px;*/
	border: 0px solid black;
	white-space: nowrap;
	z-index: 99;
	margin-top: -57px !important;
}

#legende {
	width: 220px;
	overflow-x: hidden;
}

.marginLeftZero {
	margin-left: 0px !important;
}

#selectDates {
	padding-bottom: 0px;
}

.heightAuto {
	height: auto !important;
}

.rightLine {
	border-right: 1px solid #e5e5e5;
}

.bottomLine {
	margin-top: 20px;
	border-bottom: 1px solid #e5e5e5;
	width: 220px;
}

.marginZero {
	margin: 0px !important;
}

.selected {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px
		#b7dbff;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #b7dbff;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #b7dbff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.selected>input, .selected>span {
	border-color: #62b0ff !important;
	background-color: #e6f2ff !important;
}

.totalvaluelabel {
	text-align: left !important;
	margin-left: 30px !important;
}

.totalvalue {
	
}

.subvalue1 {
	/*margin-left:20px;*/
	width: 75px;
	/*font-style: italic;*/
}

.subvaluelabel1 {
	text-align: left !important;
	margin-left: 50px !important;
	width: 155px !important;
	/*font-style: italic;*/
}

.subvalue2 {
	/*margin-left:20px;*/
	width: 60px;
	/*font-style: italic;*/
}

.subvaluelabel2 {
	text-align: left !important;
	margin-left: 70px !important;
	width: 150px !important;
	/*font-style: italic;*/
}

.subvalue3 {
	/*margin-left:20px;*/
	width: 50px;
	/*font-style: italic;*/
}

.subvaluelabel3 {
	text-align: left !important;
	margin-left: 90px !important;
	width: 140px !important;
	/*font-style: italic;*/
}

.fs0 {
	font-size: 16px;
	margin-left: 4px;
	margin-right: 4px;
	text-decoration: none !important;
}

.fs1 {
	font-size: 24px;
	margin-left: 3px;
	margin-right: 3px;
	text-decoration: none !important;
}

.fs2 {
	font-size: 32px;
	margin-left: 3px;
	margin-right: 3px;
	text-decoration: none !important;
}

.fs3 {
	font-size: 32px;
	margin-left: 3px;
	margin-right: 3px;
	text-decoration: none !important;
	display: inline-table;
	vertical-align: middle;
}

.fs4 {
	font-size: 36px;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 15px;
	display: inline-table;
}

.cg_green {
	color: #16AD80;
	font-color: #16AD80;
}

.cg_light_red {
	color: #E92A4D;
	font-color: #E92A4D;
}

.cg_red {
	color: #E72324;
	font-color: #E72324;
}

.cg_orange {
	color: #F7A228;
	font-color: #F7A228;
}

.cg_yellow {
	color: #fff200;
	font-color: #fff200;
}

.cg_purple {
	color: #800080;
	font-color: #800080;
}

.cg_gray {
	color: #BAB9B9;
	font-color: #BAB9B9;
}

.cg_dark_blue {
	color: #34495E;
	font-color: #34495E;
}

.callbackUrl {
	width:802px;
}

/* table divs */
.rTable {   	display: table;   	width: 100%; margin-right: 50px; } 
.rTableRow {   	display: table-row; } 
.rTableHeading {   	display: table-header-group;   	background-color: #ddd; } 
.rTableCell, .rTableHead {   	display: table-cell;   	padding: 3px 10px;   	border: 0px solid #999999; } 
.rTableHeading {   	display: table-header-group;   	background-color: #ddd;   	font-weight: bold; } 
.rTableFoot {   	display: table-footer-group;   	font-weight: bold;   	background-color: #ddd; } 
.rTableBody {   	display: table-row-group; }


.pull-center {
	text-align: center;
	
}

.help_title {
	text-decoration: underline;
	font-weight: bold;
	
}

.help_body {
	
}

span.middle {
	vertical-align: middle;
}