body{
	font-family:arial;
	font-size: 12px;
}
body.home {
	background:#f5f5f5 url("img/bg-logo.png") no-repeat center 596px;
}

body.texte {
	background:#f5f5f5;
}

body.texte h2{
	margin-left: 0;
}

body.texte h3{
	font-weight:normal;
	color:#005DA8;
	font-size:16px;
}


a{
	cursor: pointer;
}

/*.body350_80
{
	width:350px;
	height:80px;
	overflow:hidden;
}*/

ul li {
	list-style-type: none;
}
ul {
	padding-left:0px;
}
.text.ui-autocomplete-input
{
	font-size:11px;
	color:#666666;
}

a
{
	text-decoration: none;
	color:#004e99;
}

.erreur
{
	color: #A30000;
}

.erreur2
{
	color: #A30000;
}
p.erreur
{
	padding: 3px 10px;
	background:#fdfdfd;
	border:1px solid #d2d2d2;
	/*width:863px;*/
}
.wrapper980 {
	width:980px;
	margin:auto;
	overflow:hidden;
	position:relative;
}
.wrapper1140 {
	width: 1140px;
	margin:auto;
	overflow: hidden;
	position:relative;
}
img.logo {
	margin-top: 18px;
}
a img {
	border:none;
}
.shadow {
	background:url("img/shadow.png") no-repeat left bottom;
}


span.etape_grisee {
	padding:5px 20px 5px 20px;
	background-color: #a2a2a2;
 	background-image: -webkit-gradient(linear, left top, left bottom, from(#a2a2a2), to(#979797)); /* Saf4+, Chrome */
  	background-image: -webkit-linear-gradient(top, #a2a2a2, #979797); /* Chrome 10+, Saf5.1+, iOS 5+ */
  	background-image:    -moz-linear-gradient(top, #a2a2a2, #979797); /* FF3.6 */
  	background-image:     -ms-linear-gradient(top, #a2a2a2, #979797); /* IE10 */
  	background-image:      -o-linear-gradient(top, #a2a2a2, #979797); /* Opera 11.10+ */
  	background-image:         linear-gradient(to bottom, #a2a2a2, #979797);
  	-webkit-border-radius: 12px; 
    -moz-border-radius: 12px; 
    border-radius: 12px;
    color:#fff;
    text-decoration:none;
    border: none;
}

.fleft {
	float: left;
}
.fright {
	float: right;
}
.clearer {
	clear:both;
}
div.clearer {
	height:0px;
}
h1 {
	margin-bottom:10px;
}


h2 {
	color: #005da8;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: normal;
	margin-left: 15px;
	margin-top: 0px;
}
p {
	margin:10px 0px;
}
hr {
	border: 1px dotted #9d978f;
	width: 271px;
	position:relative;
	left:-11px;
	clear: both;
}
label,
span.label
{
	width:180px;
	display: block;
	overflow: hidden;
	height: 16px;
}
label img,
span.label img
{
	vertical-align: bottom;
	position: relative;
	float: left;
	margin-right: 4px;
	top:0px;
}
label.horloge {
	background: url(img/horloge.png) no-repeat;
	padding-left: 20px;
}
div.etape_grisee label.horloge{
	background-position: 0px -16px;
}
#feuille_saisie label,
#feuille_saisie span.label
{
	width:auto;
	display: inline;
}

label.radio {
	width: auto;
	display: inline;
}
input.radio {
	float:left;
	margin-top: 0px;
}
textarea {
	border:1px solid #cdcdcd;
    background: #eeeeee;
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
    border-radius: 2px;
	padding: 6px 8px;
	padding-left:10px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	width: 180px;
}
h2 span.orange {
	text-transform: none;
	font-size:18px;
	color:#c37b30;
}
/* TABLE */

table{
	border-collapse:collapse;
}

td{
	padding:10px;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}


table#feuille_saisie,
div.resultats table
{
	border-collapse:collapse;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}


#feuille_saisie th,
div.resultats table th
{

	background:#ccc;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	height:25px;
}
#feuille_saisie td div, #feuille_saisie th div{
	min-height: 24px;
}


#feuille_saisie td div, #feuille_saisie th div {
position:relative;
z-index:200;
top:0;
left:0;
width:63px;
	height:25px;
	text-align:center;
	line-height:25px;

}

#feuille_saisie td{
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	width:65px;
	height:27px;
	text-align:center;
	padding:0px;
}

/* FORM */
.form273, div.container-table-850 {
	border: 1px solid #d2d2d2;
	background:#f9f9f9 url("img/bg-form.png") repeat-x bottom;
	float:left;
	margin-right: 30px;
	padding:0px 11px 40px;
	width:251px;
}

.simulation_etape_2 div.container-table-850 , .traitement_etape_2 div.container-table-850 
{
	min-height: 0;
}

div.bg-container-table-850 {
	padding-bottom:15px;
	background:url("img/shadow2.png") no-repeat center bottom;
	float: left;
}
.traitement_etape_2 div.bg-container-table-850, .simulation_etape_2 div.bg-container-table-850  {
	margin-top:6px;

}
div.container-table-850 {
	padding:10px;
	width: 1118px;
}
div.table-850 {
	width:900px;
	height: 481px;
	overflow: scroll;
	padding: 0px;
	background: #fff;
}
form {
	float: left;
	padding-bottom: 40px;
}
form input.submit {
	border: none;
	margin-top:10px;
	cursor: pointer;
	font-size:12px;
}

#feuille_saisie .text, .dataTables_scrollHeadInner .text{
	border:none;
    background: none;
    padding:0 0 0 0;
    margin-top:0px;
	-webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    border-radius: 0;
    text-align: center;
    height:23px;
    width:50px;
}

#feuille_saisie th,
div.resultats table th,.dataTables_scrollHeadInner, .DTFC_Cloned th
{
	color:#fff;
	
  background-color: #0065b0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0065b0), to(#004892));
  background-image: -webkit-linear-gradient(top, #0065b0, #004892);
  background-image:    -moz-linear-gradient(top, #0065b0, #004892);
  background-image:     -ms-linear-gradient(top, #0065b0, #004892);
  background-image:      -o-linear-gradient(top, #0065b0, #004892);
  background-image:         linear-gradient(to bottom, #0065b0, #004892);

}

.dataTables_scrollHeadInner th{
	border-right:1px solid #eee;
}

div.resultats table
{
	margin-bottom: 10px;
}

div.resultats table th
{
	padding: 0 5px;
}

#aide_saisie
{
	position:absolute;
	right:278px;
	top:0px;
}

input.text,
input.text2,
span.text,
span#libelle_feuille_saisie
{
	width:180px;
    border:1px solid #cdcdcd;
    background: #eeeeee;
    text-align:left;
    padding:6px 8px;
    margin-top:2px;
	-webkit-border-radius: 12px; 
    -moz-border-radius: 12px; 
    border-radius: 12px;
}
span#champ_feuille_saisie {
	width:180px;
	border:none;
    background: none;
}
span#libelle_feuille_saisie {
	display: block;
}
input.text2 {
	width:60px;
}
input.poids.text2 {
	width:22px;
}
fieldset {
	border:none;
	margin:0px;
	padding:0px;
}
legend {
	color:#005da8;
	font-size:24px;
	font-family: arial;
	padding: 0px 0px 20px 0px;
	text-transform:uppercase;
}
p.data {
	width:105px;
}
p.data input,
p.data3 input
{
	width:79px;
	height: 26px;
	padding:0px 3px 0px 5px;
}
p.data input.text {
	padding:6px 8px;
	height:16px;
}
p.data3 input {
	font-size:11px;
	text-align: left;
}
p.data2 {
	width:80px;
	text-align:center;
}
p.data2 input
{
	width:60px;
	height: 26px;
	padding:0px 0px 0px 10px;
}
p.data2 label {
	width:60px;
}
p.data3 {
	margin-top:6px;
}
p.data4 {
	margin-right:120px;
}

div.login {
	margin-top: 100px;
	overflow:hidden;
}

div.login form{
margin-left:350px;
}

div.login .erreur{
margin-left:350px;
width:253px;
}

/* Page d'accueil */
div.accueil {
	margin-top: 130px;
	overflow:hidden;
}
div.accueil input.text {
	width:128px;
    border:1px solid #cdcdcd;
    background: #eeeeee;
    text-align:left;
    padding-left:10px;
}

p.bloc-clair {
	background:#fdfdfd;
	border:1px solid #d2d2d2;
	padding:10px;
	overflow: hidden;
}
p.bloc-clair span {
	line-height: 26px;
}

.bleu {
	color:#005da8;
	font-size:13px;
}
div.wrapper1140 div.form-bas,
div.wrapper980 div.form-bas
{
	clear:both;
	background:#eeeeee;
	-webkit-border-radius: 16px; 
    -moz-border-radius: 16px; 
    border-radius: 16px;
	text-align:right;
	padding:0px 3px;
	border: 1px solid #c9c9c9;
	overflow:hidden;
}
span.reglementation_parking,
span.reglementation_resident
{
	padding-left: 39px;
	height: 47px;
	background:url("img/liste.png") no-repeat;
	margin-left:8px;
	display:block;
}
span.reglementation_parking label,
span.reglementation_resident label
{
	padding: 2px 0px 2px 0px;
}
div.reglementation_parking p.inline label,
div.reglementation_parking p.inline select
{
	display:inline;
}
select.select {
	width:150px;
}
/* Formulaire de saisie */

.etape
{
float:left;
padding-bottom:25px;
}
.etape > .form273 {
	margin-right: 8px;
	min-height: 486px;
}
.etape > h3 {
	width:253px;
	background-color: #f6f6f6;
  	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#dcdcdc)); /* Saf4+, Chrome */
  	background-image: -webkit-linear-gradient(top, #f6f6f6, #dcdcdc); /* Chrome 10+, Saf5.1+, iOS 5+ */
  	background-image:    -moz-linear-gradient(top, #f6f6f6, #dcdcdc); /* FF3.6 */
  	background-image:     -ms-linear-gradient(top, #f6f6f6, #dcdcdc); /* IE10 */
  	background-image:      -o-linear-gradient(top, #f6f6f6, #dcdcdc); /* Opera 11.10+ */
  	background-image:         linear-gradient(to bottom, #f6f6f6, #dcdcdc);
  	border:1px solid #cacaca;
  	-webkit-box-shadow: 0px 2px 3px #dadada; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0px 2px 3px #dadada; /* FF3.5 - 3.6 */
  	box-shadow: 0px 2px 3px #dadada; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
  	padding:10px;
  	text-align:center;
  	color: #005da8;
  	text-transform: uppercase;
}
.etape.active > h3 {
	width:253px;
	background-color: #0066b2;
  	background-image: -webkit-gradient(linear, left top, left bottom, from(#0066b2), to(#00448e)); /* Saf4+, Chrome */
  	background-image: -webkit-linear-gradient(top, #0066b2, #00448e); /* Chrome 10+, Saf5.1+, iOS 5+ */
  	background-image:    -moz-linear-gradient(top, #0066b2, #00448e); /* FF3.6 */
  	background-image:     -ms-linear-gradient(top, #0066b2, #00448e); /* IE10 */
  	background-image:      -o-linear-gradient(top, #0066b2, #00448e); /* Opera 11.10+ */
  	background-image:         linear-gradient(to bottom, #0066b2, #00448e);
  	border:1px solid #ffffff;
  	-webkit-box-shadow: 0px 2px 3px #dadada; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0px 2px 3px #dadada; /* FF3.5 - 3.6 */
  	box-shadow: 0px 2px 3px #dadada; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
  	padding:10px;
  	text-align:center;
  	color: #ffffff;
  	text-transform: uppercase;
}
.etape_grisee .form273
{
	border: 1px solid #DFDFDF;
	color: #949494;
	background:#f7f7f7 url("img/bg-form2.png") repeat-x bottom;
}

/* Feuille de saisie */

div.bulle {
	float:right;
	padding: 2px 8px 19px 10px;
	background: url("img/bg-container.png") no-repeat center bottom;
	border-left: 1px dotted #9d978f;
}
div.bulle ul.export {
	overflow:hidden;
}
div.bulle ul.export li {
	float:left;
	width: 50px;
	height: 20px;
}
div.bulle ul.export li label {
	width:auto;
}
div.bulle ul.export li input.radio {
	float:left;
}
div.bulle ul.export li a.btn {
	background: #0065B2 url("img/bg-btn6.png") no-repeat 8px center;
	padding: 5px 10px 5px 30px;
	margin-left: 15px;
}
div.bulle2 {
	padding-bottom: 19px;
	background: url("img/bg-container2.png") no-repeat center bottom;
	margin-right: 20px;
	margin-bottom: 20px;
}
div.bulle2 ul{
	padding-left: 5px;
}
div.bulle2 ul li {
	line-height:16px;
}
div.bulle2 ul li a{
	text-decoration:none;
	color:#666666;
}
div.bulle2 ul li a:hover{
	text-decoration:underline;
}

#container,
.container
{
	background:#eeeeee;
	border:1px solid #c9c9c9;
	padding:15px 10px;
	border-bottom: 0px;
	width: 230px;
}
.container {
	width: 165px;
	padding: 10px 5px;
}
#container h4,
.container h4
{
	font-size:13px;
	color:#333333;
	text-transform: uppercase;
	margin: 0px;
	margin-bottom:8px;
}
.container h4 {
	font-size:12px;
}
span.text {
	padding:3px 3px 3px 5px
}
#feuille_saisie .text
{
	border:none;
	width:58px;
	height:23px;
	line-height:23px;
	font-size:12px;
}
img.ui-datepicker-trigger {
	float:right;
}
#feuille_saisie div.hc,#feuille_saisie  div.hc .text{
	color:#f00;
}
div.resident,#feuille_saisie  div.resident .text{
	color:#13B6CC;
}
#feuille_saisie div.autre, div.autre .text{
	color:#743A04;
}

/* Boutons */

.btn {
	padding:5px 20px 5px 20px;
	background-color: #0065b2;
 	background-image: -webkit-gradient(linear, left top, left bottom, from(#0065b2), to(#00468f)); /* Saf4+, Chrome */
  	background-image: -webkit-linear-gradient(top, #0065b2, #00468f); /* Chrome 10+, Saf5.1+, iOS 5+ */
  	background-image:    -moz-linear-gradient(top, #0065b2, #00468f); /* FF3.6 */
  	background-image:     -ms-linear-gradient(top, #0065b2, #00468f); /* IE10 */
  	background-image:      -o-linear-gradient(top, #0065b2, #00468f); /* Opera 11.10+ */
  	background-image:         linear-gradient(to bottom, #0065b2, #00468f);
  	-webkit-border-radius: 12px; 
    -moz-border-radius: 12px; 
    border-radius: 12px;
    color:#fff;
    text-decoration:none;
    border: none;
}

.btn.selected {
	
	background-color: #00468f;
 	background-image: -webkit-gradient(linear, left top, left bottom, from(#00468f), to(#0065b2)); /* Saf4+, Chrome */
  	background-image: -webkit-linear-gradient(top, #00468f, #0065b2); /* Chrome 10+, Saf5.1+, iOS 5+ */
  	background-image:    -moz-linear-gradient(top, #00468f, #0065b2); /* FF3.6 */
  	background-image:     -ms-linear-gradient(top, #00468f, #0065b2); /* IE10 */
  	background-image:      -o-linear-gradient(top, #00468f, #0065b2); /* Opera 11.10+ */
  	background-image:         linear-gradient(to bottom, #00468f, #0065b2);
}
p.field-plus{
	float:left;
	margin: 0px 5px 0px 0px;
	line-height:26px;
}
p.field-plus2{
	float: left;
	margin: 0px 5px 0px -1px;
	line-height: 25px;
	width: 150px;
	background: #EEE;
	border: 1px solid #CBCBCB;
	text-align: center;
}
a.btn-plus,
a.btn-plus36x36,
a.btn-suppr
{
	display:block;
	width:26px;
	height:26px;
	text-indent:-100px;
	overflow: hidden;
	background:url(img/btn-plus.png) no-repeat;
	float: left;
}
div.etape_grisee a.btn-plus{
	background-position:0 -26px;
}
div.etape_grisee a.btn-plus36x36{
	background-position:0 -36px;
}
a.btn-plus36x36{
	width:36px;
	height:36px;
	background:url(img/btn-plus36x36.png) no-repeat;
	margin-top: 24px;
}
#liste_enquetes a.btn-plus36x36 {
	margin-top: 0px;
	float:right;
}

#liste_enquetes label[for="enquete"]
{
    height: 22px;
}

#liste_enquetes #parcourir
{
    padding-left: 5px;
}

a.btn-suppr {
	background:url(img/btn-suppr26x26.png) no-repeat;
}
.type-usage {
	background:url(img/bg-orange.png) repeat-x;
	min-width:22px;
	padding:0px 4px;
	height:29px;
	float:left;
	clear:left;
	color:#ffffff;
	text-transform: uppercase;
	line-height:29px;
	text-align:center;
	margin:0px;
}
div.etape_grisee .type-usage {
	background-position: 0 -29px;
}
div.form-bas a.btn {
	margin:3px 10px 3px 0px;
	padding: 5px 10px;
}
div.form-bas a.btn.last-child {
	margin-right:0px;
}
div.form-bas p{
	margin:7px 0px;
}
div.reglementation_prix a.btn,
div.reglementation_prix_resident a.btn
{
	display:block;
	padding:0px 0px 0px 5px;
	margin-top: 3px;
}
div.reglementation_prix span.new-grille {
	display:block;
	padding:5px 20px 5px 20px;
	background:url("img/bg-btn1.png") no-repeat 4px center;
}
div.reglementation_prix_resident span.new-grille {
	display:block;
	padding:5px 20px 5px 20px;
	background:url("img/bg-btn1.png") no-repeat 4px center;
}
.btn-ajout {
	background-color: #cc9143;
 	background-image: -webkit-gradient(linear, left top, left bottom, from(#cc9143), to(#b6632e)); /* Saf4+, Chrome */
  	background-image: -webkit-linear-gradient(top, #cc9143, #b6632e); /* Chrome 10+, Saf5.1+, iOS 5+ */
  	background-image:    -moz-linear-gradient(top, #cc9143, #b6632e); /* FF3.6 */
  	background-image:     -ms-linear-gradient(top, #cc9143, #b6632e); /* IE10 */
  	background-image:      -o-linear-gradient(top, #cc9143, #b6632e); /* Opera 11.10+ */
  	background-image:         linear-gradient(to bottom, #cc9143, #b6632e);
  	-webkit-border-radius: 12px; 
    -moz-border-radius: 12px; 
    border-radius: 12px;
  	-webkit-box-shadow: 0px 2px 3px #dadada; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0px 2px 3px #dadada; /* FF3.5 - 3.6 */
  	box-shadow: 0px 2px 3px #dadada; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
    padding:5px 5px 5px 20px;
    color:#fff;
    text-decoration:none;
    border: none;
}
span.ajout {
	background:url("img/bg-btn2.png") no-repeat right center;
	padding: 2px 25px 2px 0px;
	line-height:19px;
}
span.supprime {
	background:url("img/bg-btn7.png") no-repeat right center;
	padding: 2px 25px 2px 0px;
	line-height:19px;
}

span.retour, span.new-saisie, span.save, span.next, span.export, span.export-raccourcie, span.relance, span.new-grille, span.view {
	padding:5px 20px 5px 25px;
}
span.retour{
	background:url("img/bg-btn3.png") no-repeat 4px center;
}
span.new-saisie {
	background:url("img/bg-btn4.png") no-repeat 4px center;
}
span.save {
	background:url("img/bg-btn5.png") no-repeat 4px center;
}
span.next {
	background:url("img/bg-btn6.png") no-repeat 4px center;
}
span.export {
	background:url("img/bg-btn9.png") no-repeat 4px center;
}
span.export-raccourcie {
	background:url("img/bg-btn10.png") no-repeat 4px center;
}
span.relance {
	background:url("img/bg-btn11.png") no-repeat 4px center;
}
span.new-grille {
	background:url("img/bg-btn1.png") no-repeat 4px center;
}
span.view {
	background:url("img/bg-btn8.png") no-repeat 4px center;
}
input.next {
	border: none;
	padding: 5px 20px 5px 30px;
	color: white;
	background:#0065b2;
	background-image: url("img/bg-btn6.png");
	background-image: url("img/bg-btn6.png"), -webkit-gradient(linear, left top, left bottom, from(#0065b2), to(#00468f)); /* Saf4+, Chrome */
	background-image: url("img/bg-btn6.png"), -webkit-linear-gradient(top, #0065b2, #00468f); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: url("img/bg-btn6.png"), -moz-linear-gradient(top, #0065b2, #00468f); /* FF3.6 */
	background-image: url("img/bg-btn6.png"), -ms-linear-gradient(top, #0065b2, #00468f); /* IE10 */
	background-image: url("img/bg-btn6.png"), -o-linear-gradient(top, #0065b2, #00468f); /* Opera 11.10+ */
	background-image: url("img/bg-btn6.png"), linear-gradient(to bottom, #0065b2, #00468f);
	background-repeat: no-repeat;
	background-position: 4px center;
	cursor: pointer;       
}
input.etape_grisee, .btn.etape_grisee {
	border: none;
	padding: 5px 20px 5px 30px;
	color: white;
	background:#a2a2a2;
	background-image: url("img/bg-btn6.png");
	background-image: url("img/bg-btn6.png"), -webkit-gradient(linear, left top, left bottom, from(#a2a2a2), to(#979797)); /* Saf4+, Chrome */
	background-image: url("img/bg-btn6.png"), -webkit-linear-gradient(top, #a2a2a2, #979797); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: url("img/bg-btn6.png"), -moz-linear-gradient(top, #a2a2a2, #979797); /* FF3.6 */
	background-image: url("img/bg-btn6.png"), -ms-linear-gradient(top, #a2a2a2, #979797); /* IE10 */
	background-image: url("img/bg-btn6.png"), -o-linear-gradient(top, #a2a2a2, #979797); /* Opera 11.10+ */
	background-image: url("img/bg-btn6.png"), linear-gradient(to bottom, #a2a2a2, #979797);
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 4px center;    
}
a.btn.etape_grisee {
	background-image: none;
}

.edition {
	border:1px dotted #ccc;
	width:60px;
}
.erreurSaisie
{
	background:#FFFF00;
}

#selectable .ui-selecting { 
  background-color: #E9F7F7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E9F7F7), to(#D0EEEE));
  background-image: -webkit-linear-gradient(top, #E9F7F7, #D0EEEE);
  background-image:    -moz-linear-gradient(top, #E9F7F7, #D0EEEE);
  background-image:     -ms-linear-gradient(top, #E9F7F7, #D0EEEE);
  background-image:      -o-linear-gradient(top, #E9F7F7, #D0EEEE);
  background-image:         linear-gradient(to bottom, #E9F7F7, #D0EEEE);
 color:#000;}
#selectable .ui-selected { 
  background-color: #E9F7F7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E9F7F7), to(#D0EEEE));
  background-image: -webkit-linear-gradient(top, #E9F7F7, #D0EEEE);
  background-image:    -moz-linear-gradient(top, #E9F7F7, #D0EEEE);
  background-image:     -ms-linear-gradient(top, #E9F7F7, #D0EEEE);
  background-image:      -o-linear-gradient(top, #E9F7F7, #D0EEEE);
  background-image:         linear-gradient(to bottom, #E9F7F7, #D0EEEE);
 color:#000; }

#selectable .ui-selecting .text{ background: #E9F7F7; }
#selectable .ui-selected .text { background: #E9F7F7;  }


#selectable2 .ui-selecting { 
  background-color: #E9F7F7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E9F7F7), to(#D0EEEE));
  background-image: -webkit-linear-gradient(top, #E9F7F7, #D0EEEE);
  background-image:    -moz-linear-gradient(top, #E9F7F7, #D0EEEE);
  background-image:     -ms-linear-gradient(top, #E9F7F7, #D0EEEE);
  background-image:      -o-linear-gradient(top, #E9F7F7, #D0EEEE);
  background-image:         linear-gradient(to bottom, #E9F7F7, #D0EEEE);
 }
#selectable2 .ui-selected {
  background-color: #E9F7F7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E9F7F7), to(#D0EEEE));
  background-image: -webkit-linear-gradient(top, #E9F7F7, #D0EEEE);
  background-image:    -moz-linear-gradient(top, #E9F7F7, #D0EEEE);
  background-image:     -ms-linear-gradient(top, #E9F7F7, #D0EEEE);
  background-image:      -o-linear-gradient(top, #E9F7F7, #D0EEEE);
  background-image:         linear-gradient(to bottom, #E9F7F7, #D0EEEE);
  }


#selectable2 .ui-selecting .text{ 
  
  background-color: #FFE2C7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFE2C7), to(#F1C091));
  background-image: -webkit-linear-gradient(top, #FFE2C7, #F1C091);
  background-image:    -moz-linear-gradient(top, #FFE2C7, #F1C091);
  background-image:     -ms-linear-gradient(top, #FFE2C7, #F1C091);
  background-image:      -o-linear-gradient(top, #FFE2C7, #F1C091);
  background-image:         linear-gradient(to bottom, #FFE2C7, #F1C091);
 }
#selectable2 .ui-selected .text { 
  
  background-color: #FFE2C7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFE2C7), to(#F1C091));
  background-image: -webkit-linear-gradient(top, #FFE2C7, #F1C091);
  background-image:    -moz-linear-gradient(top, #FFE2C7, #F1C091);
  background-image:     -ms-linear-gradient(top, #FFE2C7, #F1C091);
  background-image:      -o-linear-gradient(top, #FFE2C7, #F1C091);
  background-image:         linear-gradient(to bottom, #FFE2C7, #F1C091);

  }

.graphe, .resultats
{
	display:none;
	clear:both;
}

.graphe
{
	min-height: 400px;
}


#graphe1
{
	display: block;
}

.graphe
{
	min-height:400px;
	background: url(img/ajax-loader2.gif) center 150px no-repeat;
}

.graphe13 textarea {
	width: 50%;
	margin-bottom:10px;
}


.respect{
	display:block;
	height:5px;
	width:45px;
	position: relative;
	z-index: 200;
	text-align: right;
	margin-left:10px;
	top:-5px;
}

.respect_0
{
	border-top: 3px solid #FF9900;
	color:#FF9900;
}

.respect_1
{
	border-top: 3px solid #a4cf63;
	color:#a4cf63;
}
#label_V
{
	color:#a4cf63;
	font-weight:bold;
}

.respect_2
{
	border-top:3px solid #c57983;
	color:#c57983;
}
#label_NV
{
	color:#c57983;
	font-weight:bold;
}

.respect_3
{
	border-top: 3px solid #a276c3;
	color:#a276c3;
}
#label_PT
{
	color:#a276c3;
	font-weight:bold;
}


.graphe_small
{
	/*display: none;*/
}

#hidden_graphes
{
	display:none;
}
#hidden_graphes div{
	width:3000px;
	height:1200px;
}

#graphe2_editable{
	width:3000px;
	height:1200px;
	zoom:33.33333333333%;

}
canvas{
	ms-interpolation-mode: bicubic;
	image-rendering: -moz-crisp-edges;
}


@-moz-document url-prefix() {
   #graphe2_editable{
	-moz-transform :scale(0.333333);
	margin-left:-1000px;
	margin-top:-400px;
	}

}

/*#graphe2_editable canvas{
	width:1000px;
	height:400px;
}*/

#graphe2_wrapper
{
	width:1000px;
	height:500px;
	overflow: hidden;
	display:none;
}


#menu_graphes {
	overflow:hidden;
}
#menu_graphes div {
	background:url(img/bg-container3.png) no-repeat 0px 45px;
	padding-top:15px;
	float:left;
	margin-right: 4px;
}
#menu_graphes div p{
	margin: 15px 10px;
}
#menu_graphes ul {
	background: #EEE;
	overflow: hidden;
	margin: 0;
	padding: 4px 0px;
	border: 2px solid #ACACAC;
	border-top: none;
}
#menu_graphes ul li {
	float: left;
	margin-right: 3px;
	text-align: center;
	margin-left: 3px;
	font-size: 11px;
}
#menu_graphes ul li a {
	display:block;
	width:76px;
	height:16px;
	padding-top:55px;
	background:url(img/graph-sprite.png) no-repeat;
}
#menu_graphes ul li a#show_graphe1 {
	background-position:0px 0px;
}
#menu_graphes ul li a#show_graphe1:hover, #menu_graphes ul li a#show_graphe1.active {
	background-position:0px -71px;
	color:#ffffff;
}
#menu_graphes ul li a#show_graphe2 {
	background-position:-79px 0px;
}
#menu_graphes ul li a#show_graphe2:hover, #menu_graphes ul li a#show_graphe2.active  {
	background-position:-79px -71px;
	color:#ffffff;
}
#menu_graphes ul li a#show_graphe3 {
	background-position:-159px 0px;
}
#menu_graphes ul li a#show_graphe3:hover, #menu_graphes ul li a#show_graphe3.active  {
	background-position:-159px -71px;
	color:#ffffff;
}
#menu_graphes ul li a#show_graphe4 {
	background-position:-238px 0px;
}
#menu_graphes ul li a#show_graphe4:hover, #menu_graphes ul li a#show_graphe4.active  {
	background-position:-238px -71px;
	color:#ffffff;
}
#menu_graphes ul li a#show_graphe5 {
	background-position:-317px 0px;
}
#menu_graphes ul li a#show_graphe5:hover, #menu_graphes ul li a#show_graphe5.active  {
	background-position:-317px -71px;
	color:#ffffff;
}
#menu_graphes ul li a#show_graphe6 {
	background-position:-396px 0px;
}
#menu_graphes ul li a#show_graphe6:hover, #menu_graphes ul li a#show_graphe6.active  {
	background-position:-396px -71px;
	color:#ffffff;
}
#menu_graphes ul li a#show_graphe7 {
	background-position:-477px 0px;
}
#menu_graphes ul li a#show_graphe7:hover, #menu_graphes ul li a#show_graphe7.active  {
	background-position:-477px -71px;
	color:#ffffff;
}
#menu_graphes ul li a#show_graphe8 {
	background-position:-554px 0px;
}
#menu_graphes ul li a#show_graphe8:hover, #menu_graphes ul li a#show_graphe8.active  {
	background-position:-554px -71px;
	color:#ffffff;
}
#menu_graphes ul li a#show_graphe9 {
	background-position:-635px 0px;
}
#menu_graphes ul li a#show_graphe9:hover, #menu_graphes ul li a#show_graphe9.active  {
	background-position:-635px -71px;
	color:#ffffff;
}
#menu_graphes ul li a#show_graphe10 {
	background-position:-714px 0px;
}
#menu_graphes ul li a#show_graphe10:hover, #menu_graphes ul li a#show_graphe10.active  {
	background-position:-714px -71px;
	color:#ffffff;
}
#menu_graphes ul li a#show_graphe11 {
	background-position:-792px 0px;
}
#menu_graphes ul li a#show_graphe11:hover, #menu_graphes ul li a#show_graphe11.active  {
	background-position:-792px -71px;
	color:#ffffff;
}
#menu_graphes ul li a#show_graphe12 {
	background-position:-873px 0px;
}
#menu_graphes ul li a#show_graphe12:hover, #menu_graphes ul li a#show_graphe12.active  {
	background-position:-873px -71px;
	color:#ffffff;
}
#menu_graphes ul li a#show_graphe13 {
	background-position:-954px 0px;
}
#menu_graphes ul li a#show_graphe13:hover, #menu_graphes ul li a#show_graphe13.active  {
	background-position:-954px -71px;
	color:#ffffff;
}

div.graph_foot1,
div.graph_foot2
{
	background:#eeeeee;
	border:1px solid #cacaca;
}
div.graph_foot1 ul li,
div.graph_foot2 ul li,
div.graph_foot2 h4
{
	float:left;
}
div.graph_foot1 {
	width: 321px;
	margin-right:10px;
	padding: 15px;
	height: 14px;
}
div.graph_foot2 {
	width: 686px;
	height:43px;
	padding-left: 7px;
}
div.graph_foot2 h4{
	margin-right:23px;
	text-transform: uppercase;
}
div.graph_foot2 ul li{
	margin-right:5px;
}
div.graph_foot2 ul li input{
	vertical-align:middle;
	height:12px;
}
div.graph_foot2 a.btn,
div.graph_foot1 a.btn
{
	margin-top: 9px;
	margin-left: 9px;
	padding: 5px 5px 5px 5px;
}
.graphe_small img{width:1000px;height:400px;}

.hidden{
	display:none;
}

#overlay{
	background: ;
	opacity: 0.7;
	position: fixed;
	width:100%;
	top:0;
	left:0;
	z-index:300;
	height:100%;
	background:url(img/loading.gif) no-repeat center center #777;
}

#loader{
	position: fixed;
}
select#grille_tarifaire {
	width: 120px;
}
#grille_tarifaire {
	padding-bottom:0;
}

#grille_tarifaire table{
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	background:#fff;
	float:left;
}
#grille_tarifaire th{
	color:#fff;
	background-color: #0065b0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0065b0), to(#004892));
  background-image: -webkit-linear-gradient(top, #0065b0, #004892);
  background-image:    -moz-linear-gradient(top, #0065b0, #004892);
  background-image:     -ms-linear-gradient(top, #0065b0, #004892);
  background-image:      -o-linear-gradient(top, #0065b0, #004892);
  background-image:         linear-gradient(to bottom, #0065b0, #004892);
  padding:10px;
  border-right:1px solid #ddd;
 }
 
 .margin_15
 {margin-top:15px;
 margin-bottom:15px;}
 
  .margin_30
 {margin-top:30px;
 margin-bottom:30px;}
 
   .padding_20
 {padding-top:20px;
 padding-bottom:20px;}
 
  .marginl_30
 {margin-left:30px;
}

.clear
{
	clear:both;
}

#user
{
	position:absolute;
	top:20px;
	right:10px;
}

.home #user
{
	position:absolute;
	top:20px;
	right:100px;
}

#user .btn
{
	margin-left:10px;
}

#gestion_base
{
	position:absolute;
	top:60px;
	right:100px;
}

#gestion_base table
{
	word-wrap:break-word;
	
}

#gestion_parametres
{
	position:absolute;
	top:95px;
	right:100px;
}

.saisie_etape_2 #user,
.traitement_etape_2 #user,
.simulation_etape_2 #user
{
	right:320px;
	top:-3px;
}
div.enquete_simulation, div.enquete_politique {
	overflow: hidden;
	background:#fafafa;
	border: 1px solid #cacaca;
	margin: 6px 0px;
	width: 250px;
}
div.enquete_simulation p {
	padding-left:7px;
}
div.enquete_simulation h3, 
div.enquete_politique h3
{
	background:url("img/bg-orange.png") repeat-x;
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
	position: relative;
	height: 22px;
	line-height: 22px;
	padding-left:5px;
	margin-top:0px;
}

.etape_grisee div.enquete_simulation h3, 
.etape_grisee div.enquete_politique h3
{
	background-position: 0 -29px;
}

div.enquete_simulation a.btn-fermer{
	background:url("img/btn-fermer.png") no-repeat;
	width: 20px;
	height:22px;
	display: block;
	overflow:hidden;
	text-indent:-200px;
	position: absolute;
	top: 0;
	right: 0;
}

.etape_grisee div.enquete_simulation a.btn-fermer{
	background-position: 0 -29px;
}

div.enquete_politique div.type_poids {
	clear: both;
	float: right;
}
div.enquete_politique div.type_usager {
	margin-left: 8px;
}
#liste_politiques {
	padding-top:13px;
}
#liste_politiques .slider-range-min{
	margin-bottom:5px;
}
#liste_politiques div.enquete_politique{
	clear:both;
}
#liste_politiques div.enquete_politique p{
	float: left;
	width: 60px;
	margin:0px 0px 5px 0px;
}


.graphe13{
	position: relative;
	overflow:hidden;
	min-height:630px;
	background:#fff;
}

.graphe13 img, .graphe13 textarea
{
	position: absolute;
}
#graphe13-2
{
	width:640px;
	top:50px;
	left:20px;
}
#graphe13-6
{
	width:640px;
	top:350px;
	left:20px;
}
#graphe13-9
{
	width:400px;
	top:50px;
	right:20px;
}

.graphe13 textarea
{
	float:right;
	height:225px;
	width:400px;
	top:350px;
	right:20px;
}
#max_chars{
	position:absolute;
	bottom:16px;
	left:678px;
}
#enregistrer_texte
{
    position:absolute;
    bottom: 45px;
    right: 26px;
}


#graphe13_resultats
{
	margin-top:630px;
}

select.erreur{
	border:1px solid #999;
}

#grille_tarifaire input.erreur, #nom_version.erreur,#nom_version2.erreur, #nom_sous_zone.erreur{
	border:1px solid #a50000;
}

#autre_type
{
width:200px;
}


.resultats{
	overflow: auto;
}

.graph_foot2 label,.dataTables_wrapper label
{
	display: inline;
}


.slider
{
	font-size:11px;	
	padding-bottom:8px;
	overflow: hidden;
}

.slider span
{
	float:left;
	display:block;
	margin: 0 8px;
}


.enquete_politique .slider-range-min,	#graphe2_wrapper .slider-range-min
{
	float:left;
	width:170px;
	height: 3px;
	margin-top:4px;
	
}

.enquete_politique .ui-widget-header,#graphe2_wrapper .ui-widget-header
{
	background:#0056a3;
}

.enquete_politique .ui-widget-content,#graphe2_wrapper .ui-widget-content
{
	border:1px solid #0056a3;
}

.etape_grisee .enquete_politique .ui-widget-header
{
	background:#eee;
}

.etape_grisee .enquete_politique .ui-widget-content
{
	border:1px solid #ddd;
}

.enquete_politique .ui-widget-content a, #graphe2_wrapper .ui-widget-content a
{
	background:url(img/slider.png) no-repeat;
	border:none;
	width:16px;
	height:16px;
	top: -5px;
	margin-left: -8px;
	outline:none;
}

.slider_ventouses {
	width:340px;
	background: #eeeeee;
	border:1px solid #d3d3d3;
	font-size: 12px;
	padding-bottom:5px;
	position:absolute;
	left:30px;
	bottom:110px;
}

#indicateur_ventouses
{
	padding-left:184px;
	font-size:10px;
}


.slider_es {
	width:360px;
	background: #eeeeee;
	border:1px solid #d3d3d3;
	font-size: 12px;
	padding-bottom:5px;
	position:absolute;
	left:380px;
	bottom:110px;
}

#indicateur_es
{
	padding-left:215px;
	font-size:10px;
}


.slider_es_checkboxes {
	width:360px;
	background: #eeeeee;
	border:1px solid #d3d3d3;
	font-size: 12px;
	padding-bottom:5px;
	position:absolute;
	left:380px;
	bottom:64px;
}

#indicateur_es_checkboxes
{
	padding-left:215px;
	font-size:10px;
}



.slider_capacite {
	width:322px;
	background: #eeeeee;
	border:1px solid #d3d3d3;
	font-size: 12px;
	padding-bottom:5px;
	position:absolute;
	left:810px;
	bottom:210px;
}
.slider_capacite em{
	font-style:normal;
}

#indicateur_capacite
{
	padding-left:176px;
	font-size:10px;
}


.slider_cd {
	width:322px;
	background: #eeeeee;
	border:1px solid #d3d3d3;
	font-size: 12px;
	padding-bottom:5px;
	position:absolute;
	left:810px;
	bottom:110px;
}
.slider_cd em{
	font-style:normal;
}

#indicateur_cd
{
	padding-left:21px;
	font-size:10px;
}

.gris, .gris
{
	color:#aaa;
}

#fancybox-content
{
background:url(img/ajax-loader.gif) no-repeat center center;
}

body.blanc, body.blanc #fancybox-content{
	background: #fff;
}

.dependances
{
	background: #fff;
	margin-bottom: 15px;
}

.dependances ul ul{
	margin-left:15px;
	padding-left:15px;
}
.dependances ul ul li{
	list-style-type: disc;
}

.download h2{
	margin-left:0;
	margin-top:25px;
}

.wait
{
	width:200px;
	height: 150px;
	background:url(img/ajax-loader.gif) no-repeat center center;
	margin:0 auto;
}

#langue
{
	position: absolute;
	width:180px;
	top:39px;
	left:639px;
	text-align:right;
}

#form_gestion_parametres .text{
	width:600px;
}

#form_gestion_parametres textarea{
	width:600px;
	height:100px;
}

#form_gestion_parametres table{
	width:980px;
	margin-top:30px;
	margin-bottom:30px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

#form_gestion_parametres th{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:5px;
	color:#fff;
	
	background-color: #0065b0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0065b0), to(#004892));
  background-image: -webkit-linear-gradient(top, #0065b0, #004892);
  background-image:    -moz-linear-gradient(top, #0065b0, #004892);
  background-image:     -ms-linear-gradient(top, #0065b0, #004892);
  background-image:      -o-linear-gradient(top, #0065b0, #004892);
  background-image:         linear-gradient(to bottom, #0065b0, #004892);

}

#form_gestion_parametres td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

#form_gestion_parametres .btn{
	float:right;
	margin-right:50px;
}

.simulation_etape_2 h3,.traitement_etape_2 h3{
	font-weight: normal;
	text-transform: uppercase;
	color:#004E99;
	font-size:16px;
	text-align: center;
}

#passer_autre
{
	color:#743A04;
}
#passer_resident
{
	color:#13B6CC;
}
#passer_hc
{
	color:red;
}
#passer_ticket_valide
{
	color:#A4CF63;
}
#passer_ticket_non_valide
{
	color:#C57983;
}
#passer_pas_de_ticket
{
	color:#A276C3;
}
#passer_non_renseigne
{
	color:#F90;
}

.aide_saisie ul{
	margin-left:30px;
}
.aide_saisie ul ul{
	margin-left:30px;
}
.aide_saisie li{
	list-style-type: disc;
}


#modifier_graphique
{
	position:absolute;
	right:20px;
	top:337px;
}

#retour_graphique
{
	position:absolute;
	right:120px;
	top:337px;
	display:none;
}

#annuler_graphique
{
	position:absolute;
	right:20px;
	top:337px;
	display:none;
}

#voir_grille_tarifaire, #voir_grille_tarifaire2, .voir_grille_tarifaire
{
font-size:11px;
padding-left:8px;
}

#fixed-saisie
{
width:100%;
position: fixed;
height:22px;
background: #eee;
border-bottom:1px solid #ccc;
z-index:100;
display:none;
top:0;left:0;
padding-top:8px;
z-index:1000;
}
#quitter_plein_ecran
{
	padding-left:8px;
}
.raccourcis-plein-ecran
{
	padding-left:50px;
}

.raccourcis-plein-ecran .gris
{
	color:#333;
}
.raccourcis-plein-ecran .rouge
{
	color:red;
}
.raccourcis-plein-ecran .turquoise
{
	color:#13B6CC;
}
.raccourcis-plein-ecran .marron
{
	color:#743A04;
}
.raccourcis-plein-ecran .violet
{
	color:#A276C3;
}
.raccourcis-plein-ecran .bordeau
{
	color:#C57983;
}
.raccourcis-plein-ecran .vert
{
	color:#A4CF63;
}
.raccourcis-plein-ecran .orange
{
	color:#F90;
}


.info_gros
{
	font-size:14px;
	color:#005DA8;
}

.recharger_graphe
{
	position: absolute;
	top:10px;
	left:10px;
}

td .tooltip
{
}

.tooltip{
   position: absolute!important;
   padding: 10px 13px;
   z-index: 2000!important;
  
   color: #303030;
   background-color: #EEF7FF;
   border: 1px solid #005DA8;
   
   font-family: sans-serif;
   font-size: 12px;
   line-height: 18px;
   text-align: center;
}


#phrase_overlay
{
	color: #fff;
	font-size:14px;
	width:400px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	text-align: center;
}

#checkboxes
{
    position: absolute;
    bottom: 165px;
    left: 60px; 
}

#checkboxes_span
{
    position: absolute;
    bottom: 151px;
    left: 60px; 
    color: #666;
    font-size: 10px;
    width:700px;

}

#checkboxes_span span
{
    display: inline-block;
    text-align: center;
}

#checkboxes_span span em
{
    font-style: normal;
}

.saisie_retour_a_etape1 p
{
    margin-bottom: 20px;
}

#modifier_autre img
{
    vertical-align: middle;
}