/* CSS Document */
html{
background:#EEE;
}
body{
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size: 10px;
background: #EEE;
padding: 0;
margin: 0;
}
#content{
padding: 10px;
font-size: 10px;

/*position:relative;*/
}

.bold{
	font-weight:bold;
}
.noWrap{ white-space:nowrap;}

h3{
color:#FF3333;
}
h3.nomOffre{
	color:#000;
	border-bottom: 2px solid #F33;
	font-size:20px;
	margin:0;
}

.left{
	text-align:left;
}

h4{
font-size:1.5em;
}

.erreur{
color:#FF0000;
font-style:italic;
}
.b{
font-weight:bold;
}
.center{
text-align: center;
}

.right{
text-align: right;
}

.left{
text-align: left;
}
.nowrap{
white-space:nowrap;
}
label{
font-weight: bold;
font-style:italic;
white-space:nowrap;
}
legend{
font-size:15px;
font-weight:bold;
border-radius: 5px;
background:#FFF;
}
optgroup{
	color:#999;
}
option{
	color:#000;
}
fieldset{
	background:#FFF;
	padding-top:10px;
	/*width : 100px;*/
	position:relative;
	/*width:50px;*/
	
}
.readonly{
	background:#FFEBB7;
	border: dashed thin #666;
	font-style:italic;
	padding:3px;
}

input.circuit, input.circuitNoSelect{
	background:none;
	border:none;
	padding:0;
	margin:0;
	text-align:right;
	cursor:pointer;
}
input.circuitNoSelect, td.circuitNoSelect{
	color:#999;
}
a img{
border: none;
}

.red{
	color:red;
}
.grey, .gris{
	color:#bbb;
}

.avertRed, .avertRouge{

font-weight:bolder;

color: #FF0000;

}

.avertGreen, .avertVerte{

font-weight:bolder;

color: #009933;

}
.petit{
font-weight:normal;
font-family:Arial;
font-size:0.8em;
}
.circInput{
	border:none;
	background:#CCC;
	text-align:right;
	padding:0;
}
/*****************************/
/****************************/

table{
border-collapse:collapse;
border: #CCCCCC 1px solid;
}

table tr{
background:#FFFFFF;
}
table td{
border:#CCCCCC 1px solid;
padding: 3px 10px;
}
table th{
border:#CCC 1px solid;
padding:3px 10px;
background:#03C;
color:#FFF;
font-weight:bold;
}

table.result td{
padding:1px 6px;
}
table.result{
border-bottom: #333333 solid 3px;
border-right: #333333 solid 3px;
} 

table.result tr{
background:#FFFFFF;
}

table.result tr.trAlt{
	background: #CFF;
}
table.result tr:hover{
	background:#0F0;
}

table.result th.separateur , table.result td.separateur
{
	background:#333;
	width:5px;
}
table.noBorder, table.noBorder td{
	border:none;
	background: none;
 padding:0;
 margin:0;
}
table.villesSel, table.villesSel td{
 padding:3px;
 vertical-align:top;
}
.noBorder, .noBorder td, table.noBorder tr{

border : none;
background: none;
 padding:0;
 margin:0;
 
}
td.titreDevis{
	font-weight:bold;
	font-size:12px;
	background:#444;
	color:#FFF;
	padding: 0 10px;	
}

td.stDevis{
	background: #999;
	color:#FFF;
	font-weight:bold;
	padding: 0 10px;
}
tr.totauxDevis{
	font-size:13px;
	font-weight:bold;
}

/*****************************/
/****************************/
#blaDiv{
position:absolute;
top:50%;
left:50%;
width:490px;
min-height: 190px;
padding: 0 5px 25px;
text-align:left;
border: #666666 solid 1px;
background:#FFFFFF;
margin-top : -100px;
margin-left : -250px;
display: none;
}
#coteEtoile1, #coteEtoile2, #coteEtoile3, #coteEtoile4, #coteEtoile5, #coteEtoile6, #coteEtoile7 {
display: inline-block;
width: 17px;
height: 20px;
background-repeat:no-repeat;
background-position:left;
}
#coteEtoile1:hover, #coteEtoile2:hover, #coteEtoile3:hover, #coteEtoile4:hover, #coteEtoile5:hover, #coteEtoile6:hover, #coteEtoile7:hover {
background-position:right;
}

#coteEtoile1{
background:url(../img/cote_1.png);
}

#coteEtoile2{
background:url(../img/cote_2.png);
}

#coteEtoile3{
background:url(../img/cote_3.png);
}

#coteEtoile4{
background:url(../img/cote_4.png);
}

#coteEtoile5{
background:url(../img/cote_5.png);
}

#coteEtoile6{
background:url(../img/cote_6.png);
}

#coteEtoile7{
background:url(../img/cote_7.png);
}
#detailCote{
font-style:italic;
padding-left:5px;
position:relative;
top:-5px;
}
#cadreCote{
display:inline-block;
border:solid 1px  #000000;
background: #FFFFCC;
height:17px;
width:25px;
text-align:center;
font-weight:bold;
position:absolute;
bottom: 8px;
left: 5px;
padding-top:3px;
}



#dynamicContent{
position : fixed;
top : 20px;
right : 20px;
padding:15px;
}

#logo{
height: 125px;
width: 100%;
padding: 0;
margin: 0;
background: url(../img/topban.png) no-repeat top right;
}

#connectBlock{
position: absolute;
top: 20px;
left: 20px;
font-size: .9em;
}
#specialConnect,#moveOffre
{
display:block;
position: absolute;
top: 20px;
left: 250px;
font-size: .9em;
width: 150px;
text-align:center;
background:#FFCC33;
border:thin solid #666666;
padding:3px;
color:#000000;
z-index:1000;
}

#moveOffre{ top: 20px; left: 450px;}

#specialConnect:hover,#moveOffre:hover
{
background:#990000;
color:#FFFFFF;
text-decoration:none;
}
#listeCom{
display:none;
position: absolute;
top: 40px;
left: 250px;
font-size: .9em;
width: 150px;
text-align:center;
background:#FFF;
border:thin solid #666666;
padding:3px;
color:#000000;
z-index:100;
}
#listeCom a{
display:block;
color:#000000;
}
#menuAccueil{
list-style:none;
margin: 50px 100px;
font-size: 1.1em;
font-weight: bold;
position:relative;
}

#recapTab{
position : fixed;
bottom: 20px;
right: 20px;
background : #e6d3be;
padding: 5px;
border : 1px solid #333;
}


.textMenuAccueil{
position:relative;
top: -15px;
}

#menuGauche{
float:left;
list-style:none;
margin: 10px;
font-size: 1.1em;
font-weight: bold;
width: 150px; 
border-right:1px #FF3333 solid;
}

#menuTarif{
text-align: center;
margin:auto;
position:absolute;
top:70px;
padding:0;

}
#menuTarif li{
display: inline;
list-style:none;
}
#menuTarif li a{
background: #CCCCCC;
display: inline-block;
padding: 3px;
width: 100px;
color:#000000;
font-size:10px;
border: thin solid black;
}

#menuTarif li a:hover{
background:#666666;
color:#FFFFFF;
text-decoration:none;
}

a.linkBloc{
	text-align: center;
	background: #CCCCCC;
	background: #FF3333;
	display: inline-block;
	padding: 5px 10px;
	/*width: 100px;*/
	color:#FFF;
	font-size:10px;
	border: thin solid black;
}	
a.linkBloc:hover{
	
	background:#FF3333;
	color:#000;
	text-decoration:none;
}

.photoVehChoix{
	width:150px;
	padding:5px;
	margin:05px;
	border:thin solid #999;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
}
#totalJours, #totalEspace{
	position:absolute;
	top:50px;
	padding:5px;
	left:10px;
	width:250px;
	background:#ffd992;
	border-right:medium #666 solid;
	border-bottom:medium #666 solid;
}
#totalEspace h4{
font-size:12px;
	}
#totalEspace h4, #totalEspace h2, #totalEspace hr{
	margin:0;
}
#totalJours{
	left:275px;
	width:250px;
	background:#ffeaa3;
	color:#000;
}
#totalJours h3, #totalJours hr{
	margin:0;
	color:#000;
}

/*****************************/
/****************************/


.searchField{

border:solid #333333 thin;

}

.searchFieldBlank{

color:#CCCCCC;

font-style:italic;

border:solid #333333 thin; 

}

	

/*****************************/
/****************************/


input.login{
background:#CCCCCC;
border: 1px solid #666666;
font-size : 9px;
margin: 5px;
}

/*****************************/
/****************************/

.qProd,.jcVilles{
text-align : center;
}

.prixProd{
text-align : right;
}
.nomVille{
	background:#333;
	color:#FFF;
	margin-top:10px;
	margin-bottom:0;
}

.bckGray{
	background:#FFC;
}

/*****************************/
/****************************/
.petitPlus{
vertical-align:top; 
position:relative; 
left:2px
}
.petitMoins{
	vertical-align:bottom; 
	position:relative; 
	left:-4px;
}
/*****************************/
/****************************/

a{
color:#FF3333;
text-decoration:none;
}
a:hover{
color:#09F;
}

a.villeSelect{
color:green;
font-weight:bold;
}
a.villeSelect2{
color:#0b58bd;
font-weight:bold;
}

th a {
color:#FFFFFF;
}

a.linkModif, a.linkModifSmall{
	display:block;
	width:150px;
	padding:5px;
	margin:05px;
	background:#ccc;
	background: #FF8514;
	border:thin solid black;
	color:#000;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
}
A.menuDooh{
	background:#000;
	color:#FFF;
	border-color:#09F;
}
a.linkFact{
	display:inline-block;
	width:110px;
	height: 25px;
	padding:0 5px;
	margin:05px;
	background:#ccc;
	border:thin solid black;
	color:#000;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	line-height: 12px;

}
a.linkModifSmall{
width: 60px;
}
a.linkModif:hover, a.linkModifSmall:hover, a.linkFact:hover{
	background:#666;
	color:#FFF;
}


a.circuitName{
	text-decoration:none;
	color:#000;
}
td.circuitNoSelect a.circuitName{
	color:#999;
}
a.circuitName:hover{
	text-decoration:underline;
}

.nomVille a{
	font-size:10px;
	font-weight:normal;
}

/* Liens des chiffres pour la pression circuit*/
a.circuit, a.circuitNoSelect{
	display:block;
	height:100%;
	width:100%;
	color:#000;
	text-decoration:none;
	text-align:right
}
a.circuitNoSelect{
	color:#999;
}


/*********************************************
	Formulaires pour les postes du devis
	
*********************************************/
#divPostes ul {
list-style:none;
padding:0;
margin:0;
}
#divPostes select{
width: 100px;
}
#divPostes input, #divPostes select{
	border:thin solid #333333;
	}
#divPostes .delete{
background:#FFFFFF;
color:#FF0000;
font-weight:bold;
font-size:11px;
padding: 0 2px 0;
cursor:pointer;
}
#divPostes .bakBlue input, #divPostes .bakBlue select{
background:#0033CC;
color:#FFFFFF;
text-align:center;
}

/*********************************************
	FACTURATION 
	
*********************************************/

table.facture{
	background:#FFF;
	padding: 1px 2px;
	margin:2px 0;
}

table.facture th.separateur , table.facture td.separateur{
	background:#333;
	width:5px;
}
.facture select, .facture input, .facture textarea{
	border: none;
	border-bottom: thin solid #FFF;
	background:#eee;
}
.facture input.inputTotal{
	background:#FFF;
	text-align:right;
}

/* style pour les cellules d'entete de facture ( E, F, S, G, B)*/

.factTdEm{
	text-align:center;
	font-weight: bold;
	color:#000;
	background:#CCC;
}
.factTdut{
	text-align:center;
	font-weight: bold;
	color:#000;
	background:#CCC;
}

.factTdbu{
	text-align:center;
	font-weight: bold;
	color:#000;
	background:#CCC;
}

.factTdEf{
	text-align:center;
	font-weight: bold;
	color:#000;
	background:#CCC;
}
.factTdDo{
	text-align:center;
	font-weight: bold;
	color:#000;
	background:#CCC;
}
.factTdv1m{
	text-align:center;
	font-weight: bold;
	color:#000;
	background:#CCC;
}
.factTdGd{
	text-align:center;
	font-weight: bold;
	color:#000;
	background:#CCC;
}
.factTdBus{
	text-align:center;
	font-weight: bold;
	color:#000;
	background:#CCC;
	
}

.factTdMega{
	text-align:center;
	font-weight: bold;
	color:#FFF;
	background:#F00;
	
}
.factTdLed2v{
	text-align:center;
	font-weight: bold;
	color:#000;
	background:#5297f5;
	
}

/* Bouton pour afficher les lignes de facturation partielles*/
.partielButFact{
display: inline-block;

width: 12px;
height: 12px;
background:#333333 url(../img/fleche_bas_fact.png) no-repeat;
border:solid 1px #000000;
}
.partielButFact:hover{
background:#00CCCC url(../img/fleche_bas_fact.png) no-repeat;
}




/*********************************************
	STYLE POUR LE CALENDRIER EN JAVSCRIPT
	
*********************************************/

#ds_calclass{
	padding:2px;
	margin:1px;
}

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
	margin:0;
	padding:0;
}

.ds_tbl {
	background-color: #FFF;
	padding:0;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
	padding:2px;
	margin:1px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 8px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 15px;
	padding:2px;
	margin:1px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 1px;
	cursor: pointer;
	padding:0;
	
}

.ds_cell:hover {
	background-color: #F3F3F3;
}




/****************************************
AUTOCOMPLETION
****************************************/
div.autocomplete {
  position:absolute;
  width:500px;
  background-color:white;
  border:1px solid #888;
  border-bottom:none;
  margin:0;
  padding:0;
  z-index: 100;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { 
background: #F93 url(../img/select_ville.png) right bottom no-repeat;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
  border-bottom:thin black solid;
  overflow:hidden;
 }
div.autocomplete span.id{
	display:none;
}
div.autocomplete span.ville{
	white-space:nowrap;
	font-weight:bold;
}

div.autoRJ ul li.selected { 
background-color: #0C6;}

/*********************************************
	STYLE class Form
	
*********************************************/
.formForm table{
	background:#FFF;
	border:thin #666 solid;
}
.formTr{
	background:#EEE;
}

/*********************************************
	STYLE Ajax loading
	
*********************************************/

#ajax_loader{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../img/semi_trans_motif.png) repeat;
	display: none;
	z-index: 300;
}
#ajax_loader_anim{
	height:20px;
	width:150px;
	border-radius: 5px;
	background: #FFF url(../img/ajax-loader.gif) center center no-repeat;
	text-align:center;
	padding-top: 70px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top : -45px;
	margin-left : -75px;

}

#linkRJ{ position:absolute; top: 50px; left: 10px;}
#tabeRJ th{ background:#CCC;; text-align:left; color:#000;}

/*********************************************
	STYLE Ajax loading
	
*********************************************/
table .produitClient td{ border-collapse:collapse; border:1px solid #666; padding:1px 5px; vertical-align:top; background:#eee;}

.produitClient .produit{ font-weight:bold; font-size:1.3em; padding-bottom:8px; border-radius:4px; border:1px solid black; background-color:#FFFFFF; padding: 3px;}

.produitClient .type{ font-style:italic; font-size:0.9em; color:#999; text-align:right;}

.produitClient .client{ font-weight:bold; font-size:0.8em;}

.produitClient .account{ font-weight:bold}

.produitClient .produit .editDel{ font-weight:normal; font-size:9px;}

.produitClient .commentInfos{ background:#F5F5F5; font-style:italic; font-size:0.9em;}

.produitClient .comment{ background:#F5F5F5;}

.produitClient .separator{ background:#222; height:3px;}


/* POUR LES POPINS */


#popupSemiTrans{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: url(../img/semi_trans_motif.png) repeat fixed;
	z-index: 100;
	display:none;
	
}
#popupRappel{ width: 420px; height:400px; padding: 10px; background:#CCCCCC; border:2px solid #333; position:absolute;
	top:50%;
	left:50%;
	margin-top:-200px;
	margin-left:-210px;
	z-index: 10001;
	overflow:auto;
	display:none;
}


#cause_1_pourcent{
	border:double 3px #333;
	background:#FFF;
	padding:20px;
	width:300px;
	margin-left:-150px;
	position:fixed;
	top: 50%;
	left:50%;
	margin-top:-200px;
	display:none;
	z-index:1005
}

.importance_contact{ background:#000; color:#FFF; text-align:center; width:30px; margin:1px 3px; padding:1px; border-radius:3px; }

#note_rappel{ background:#FFF; position:absolute; width:400px; padding: 10px 10px 0; diplay: none; border:#666 1px solid;}