/*
	#CC020C	ROUGE		
	#8C8C8C	GRIS FONCE
	#EEEEEE	GRIS
	#DCDCDC   GRIS CLAIR 		
	#FFB686     Orange clair
	#8181c2	BLEU CLAIR
	#EC8214     ORANGE GPI
*/

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}




.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

body {
	/*background:url(../images/background_fr.jpg) no-repeat;
	background-color : #f2f3f7;
	color : black;
	font-family : 'arial';
	border : 0;*/
	
	background:url(../images/background.jpg) repeat-x;
	background-color:#EEEFF2;
	background-repeat: repeat-x;
	min-width:1000px;
	/*font-family: arial, verdana, sans-serif;*/
}

h1, h2 , h3 {
	/*color : #3633CC;*/			 /* couleur titre */
	text-align : center;         /* Le titre doit étre centré ! */
}
h1 {
	font-size : 24px;
	font-family: "Trebuchet MS", sans-serif;
	color:#fdfdfd;	
}
h2 {
	font-size: 18px;
	font-family: "Trebuchet MS", sans-serif;
	color:#aaaaaa;	
}
h3 {
	font-size: 14px;
}
a {
	text-decoration: none;
	font-size: 10px;
	color: #14519c;
}
a:hover {
	text-decoration: none;
	font-size: 10px;
	font-style: normal;
	color: #1d4b85;			/* couleur lien  */
}
#marge{
	margin-top:3px;
}
#titre{
	width:100%;
	font-size:33px;
	/* margin-left:300px; */
	text-align:center;
	padding:0px;
	margin:-8px !important;	
	margin:-15px;
	font-family: Arial, sans-serif;
	color:#fdfdfd;
	
}
#titre1{
	height:8px;
	font-size:25px;
	font-family: Tahoma, "Trebuchet MS", sans-serif;
	color:#fdfdfd;
	
    padding-top: 27px;
    border-top-width: 10px;
    padding-left: 11px;
	padding-bottom:4px;

}

div.whois-connect{
	font-family: arial;
    font-size: 11px;
    margin: auto;
    text-align: right;
    width: 90%;
	font-style:italic;
	padding-top:5px;
	color:#AAAAAA;
}

/* PAGE CONNEXION */
div.div-connexion{
	width: 400px;
	height: 150px;
	margin: auto;
	border: 1px solid #0272ae;
	background: #fafbfd;
}

div.div-connexion h2{
	padding-bottom: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-top:2px;
}

div.titre-connexion{
	width:100%;
	font-family: Arial, sans-serif;
	color:#fdfdfd;
}

div.titre-connexion h1{
	font-weight:normal;
	text-align:left;
	margin:0;
	padding:0px;
	margin-top:30px;
	font-size:25px;
	padding-left:50px;
	font-family:Tahoma;
}

/* DASHBOARD */
table.dashboard{
	width:800px;
	margin:auto;
	text-align:center;
	padding-top:50px;
	padding-bottom:50px;
}

table.dashboard td{
	text-align:center;
}

table.dashboard a{
	display:block;
	width:200px;
	height:130px;
	background:none;
	border:2px solid #016dab;
	font-size:12px;
	margin:auto;
	padding-top:10px;
}

table.dashboard a img{
	border:0px;
	width:90px;
}

table.dashboard a:hover{
	background:#FFF;
	font-weight:bold;
}


.pied{
	background:url(../images/bot.jpg) no-repeat;
  background-repeat : repeat-x;
      height: 95px;

}


a.menu {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
a.menu:hover {
	text-decoration:none;
	font-size: 12px;
	font-weight: bold;
}
a.menuprinc {
	font-family: "arial";
	text-decoration: none;
	font-size: 13px;	
	text-align: center;
	color: #14519c;
	line-height:14px;
}
a.menuprinc:hover {
	font-family: "arial";
	text-decoration: none;
	font-size: 13px;	
	font-style: normal;
	color: #2b4a41;			/* couleur lien  */
}

table {	
	font-size: 12px;
	/* border: 1px solid gray; */
	border: 0px black solid; 
	margin-top : 0px;
	border-color : #14519c;
}
table.table_contour {
	border: 1px red solid;
	padding: 0px 0px 0px 0px;		
}
table.menuprinc {
	/*border: 1px #eeeade solid;	 couleur menu principal */
	padding: 1px 1px 0px 0px;	
	/*background-color: #eeeade;	 couleur menu principal */
	text-align: center;
	width: 90%;
}
table.trait_haut {
	border: 1px;
	border-right-style: none;
	border-top-style: solid;
	border-top-color: silver;
	border-bottom-style: none;	
	border-left-style: none;	
	padding: 0px 0px 0px 0px;		
}

table.tablegroove td{
border: 1px black solid;
padding: 5px;
}

table.tablegroove{
margin-left: 150px;
border: 1px black solid;
width: 70%;
border-collapse: collapse;
padding: 5px;
}

table.tabletransp{
border: 1px black solid;
width: 100%;
border-collapse: collapse;
padding: 5px;
}

table.tabletransp td{
border: 1px black solid;
padding: 5px;
}

table.tabletransp th {

border: 1px black solid;
padding: 5px;
background-color: #628db8;

}

form.importTransp{
	font-family: Arial;
	font-size:12px;
}

form.importTransp div.intro{
	margin-left:25px;
	padding-top:15px;
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
}

form.importTransp ul{
	list-style-type: square;
}

form.importTransp ul ul{
	list-style-type: none;
	padding-top: 2px;
}

form.importTransp ul li{
	padding-bottom:10px;
}

form.importTransp ul ul li{
	padding-bottom:2px;
}

.bouton_submit{
background:url(../images/addico.png) no-repeat;
border: 0px;
width:13%;
}
table.tablegroove th {

border: 1px black solid;
padding: 5px;
background-color: #628db8;

}

input, textarea, select {
	font-family: "arial";
	font-size: 12px;
	border:1px black solid;	
	/*background-color: #ffffff;*/
	color: Black;
}

/***
input:focus, textarea:focus, select:focus {   //ne marche que sur Mozilla 
	background-color:red;
	color:white;
}
**/
input {
	
}
input.check {
	border:0px hidden;
	background-color:transparent;
}
input1 {
	font-size: 18px;
	font-weight: bold;
	color: green;
}	
input2 {
	font-size: 18px;
	font-weight: bold;
	color: red;
}	
input.input_erreur {
	border: 1px red solid;
	font-weight: bold;
	color: Red;		
}
input.input_image {
	border: thin none;
	height: 20px;	
}
input.bouton {
	border : thin ridge Gray;
	font-size : 11px;
	font-weight : bold;
	color : black;
	background-color : #cfcfcf;	
	padding: 2px 2px 2px 2px;
	cursor: pointer;
}
/**
input.bouton:hover { 	// Ne marche qu'avec Mozilla 
	border:2px outset white;
	background-color:white;
	color:red;
}
input.bouton:active {	// Ne marche qu'avec Mozilla 
	border:2px inset red;
	background-color:red;
	color:white;
} 
*/
textarea {
	border:1px #000000 solid;
	color: Black;
}
textarea.saisie {
	width: 260px;
}
th {
	font-family: "arial";
	text-decoration: none;
	font-size: 12px;
	background-color:Silver;
	color:white;
}
td {
	font-family: "arial";
	text-decoration: none;
	font-size: 12px;
}
td.menuprinc {
	text-align: center;         /* Le titre doit étre centré ! */
}
td.menuprinc:hover {
	text-align: center;         /* Le titre doit étre centré ! */
	/*background-color:red;*/
}
td.td_titre {
	font-size: 14px;
	/*font-weight: bold;*/
	color: black;
	background: #e0e0e0;
	text-align: center;         /* Le titre doit étre centré ! */
}
td.td_bleu {
	font-size: 13px;	
	/*font-weight: bold;*/
	color: black;
	background: #c1bfb6;
	text-align: center;         /* Le titre doit étre centré ! */
}
td.td_blanc {
	font-size: 13px;	
	font-weight: normal;
	color: #ac4441;
	background: white;
	text-align: center;         /* Le titre doit étre centré ! */
}
td.td_blanc2{
	font-size: 13px;	
	font-weight: normal;
	color: #ac4441;
	background: #eeeeee;
	text-align: center;         /* Le titre doit étre centré ! */
}

.trait {
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: dashed;
	border-bottom-color: Black;
	border-left-style: none;
}

select {
	font-weight: Normal;
}
select.select_court {
	font-size: 10px; 
	/*font-weight: bold;*/
	width: 45px;
}
select.select_moyen {	
	/*font-weight: bold;*/
	width: 100px;
}
select.select_pal{	
	width: 120px;
}
select.select_ville {
	/*font-weight: bold;	*/
	width: 260px;
}

/* Interface CLIENTS */
h2.titre-client{
	font-size:13px;
	text-align:left;
	font-family:Arial;
	text-decoration:underline;
	color:#000;
	padding-bottom:0px;
	padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
}

table.footer-client{
	margin-top:20px;
}

div.button-gestion{
	position:absolute; 
	right:0px; 
	top:15px;
}

div.button-gestion a, a.button-classic{
	background:#628db8;
	color:#FFF;
	border:1px solid #CCC;
	font-size:12px;
	font-weight:bold;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	font-family:Arial;
}

div.button-gestion a:hover{
	border-color: #000;
}

div.content-client{
	width: 96%;
	margin: auto;
	position:relative;
}

/* compteurs */
div.error-message{
	font-size:12px;
	font-style:italic;
	color: #e22b2b;
	font-family: Arial;
	padding-top: 10px;
	background: url(../images/error.png) no-repeat left bottom;
	padding-left: 25px;
}

div.ok-message{
	font-size:12px;
	font-style:italic;
	color: #3bb044;
	font-family: Arial;
	padding-top: 10px;
	background: url(../images/valide.png) no-repeat left bottom;
	padding-left: 25px;
}

div#dialog-confirm { 
	font-size: 12px; 
}

div.ui-widget { 
	font-size:12px;
}

img.delete-cpt{
	cursor:pointer;
}

table.table-compteurs{
	border: 1px black solid;
	width: 100%;
	border-collapse: collapse;
	padding: 5px;
	margin-top: 10px;
}

table.table-compteurs td{
	border: 1px black solid;
	padding: 5px;
}

table.table-compteurs th {
	border: 1px black solid;
	padding: 5px;
	background-color: #628db8;
}

table.table-compteurs a{
	font-size:12px;
}

div.create-compteur-content{
	border: 1px black solid;
	background: #FFF;
	width: 100%;
	margin-top: 10px;
}

table.table-create-compteur{
	padding: 5px;
}

table.table-create-compteur td{
	width: 270px;
}

table.table-create-compteur td.label{
	padding:5px;
	padding-left:10px;
	width:160px;
}

table.table-create-compteur td.help{
	width: auto;
	font-size:12px;
	font-style:italic;
	background: url(../images/help.png) no-repeat left center;
	padding-left:20px;
}

table.table-create-compteur td input[type=text]{
	width:250px;
	padding-left:5px;
	padding-right:5px;
}

table.table-create-compteur td input.date{
	width:100px;
	padding-left:5px;
	padding-right:5px;
}

table.table-create-compteur td input#prefixe_perso, table.table-create-compteur td input#suffixe_perso{
		width:150px;
}

.ui-datepicker {
    font-size: 10px !important;
}

textarea {
	resize: none;
}