/* CSS Document */


@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

h3{
}


.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;
}


a.offer-title-link{
	color: black;
}

.readonly{
	background:#FFEBB7;
	border: dashed thin #666;
	font-style:italic;
	padding:3px;
}

a img{border: none;}
.red{ color:red;}
.grey, .gris{ color:#bbb;}
.avertRed, .avertRouge{font-weight:bolder; color: #FF0000;}
.avertGreen, .avertVert{ font-weight:bolder; color: #009933;}
.petit{ font-weight:normal; font-family:Arial; font-size:0.8em; }

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





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


#connectBlock{
position: absolute;
top: 60px;
right: 20px;
text-align:right;
color:#CCC;
font-size:8px;
}
#specialConnect
{
display:block;
padding: 5px;
padding-right:0;
color:#CCC;
height:20px;
width:100px;
}


#specialConnect:hover,#moveOffre:hover
{
background:#990000;
color:#FFFFFF;
text-decoration:none;
}
#listeCom{
display:none;
position: absolute;
top: 20px;
right: 0px;
text-align:center;
background:#FFF;
border:thin solid #666666;
color:#000000;
z-index:100;
width:100%;
}
#listeCom a{
display:block;
color:#000000;
padding:1px 20px;
}
#listeCom a:hover{
background:#990000;
color:#FFFFFF;
}




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


.searchField{

border:solid #333333 thin;

}

.searchFieldBlank{

color:#CCCCCC;

font-style:italic;

border:solid #333333 thin; 

}

	

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



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

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;
}

/*********************************************
	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:#FFFFFF;
	background:#FF0033;
}

.factTdEf{
	text-align:center;
	font-weight: bold;
	color:#FFFFFF;
	background:#FF6600;
}
.factTdDo{
	text-align:center;
	font-weight: bold;
	color:#FFFFFF;
	background:#0000CC;
}
.factTdGd{
	text-align:center;
	font-weight: bold;
	color:#FFFFFF;
	background:#009933;
}
.factTdBus{
	text-align:center;
	font-weight: bold;
	color:#FFFFFF;
	background:#990000;
	
}

/* 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 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:relative; width:134px; margin:auto; }
#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
}



/*******************************************************
/*******************************************************
/*******************************************************
/*******************************************************
/*******************************************************
/*******************************************************
/*******************************************************/
/* V3 eurofleex */

html{
	color: #555555;
	margin:0;
	padding:0;
}
body{
font-family: Verdana,Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
background: url("../img/bg-body.gif") repeat-y scroll left top #F0F0F0;
    
}
#content{
padding: 10px 10px 10px 240px;
min-height:620px;
position:relative;
background:url(../img/content-radial-gradient.gif) no-repeat 230px top;
margin:0;
}
#content.expand{padding-left: 20px; background-position: 10px top;}

h1:first-of-type{font-family: 'Montserrat', sans-serif; font-size:1.8em; margin:5px 0; border-bottom:#666 1px solid;}



h3.nomOffre{font-family: 'Montserrat', sans-serif; font-size:1.4em; margin:5px 0;}
h3.nomOffre span{ border-bottom: #F33 1px solid;}

.padding10{ padding: 10px;}
.radius5{ border-radius: 5px;}
.mb10{margin-bottom: 10px;}


/* couleurs */

.blue{color: #0099ff;}

/* curseurs */

.pointer {cursor: default;}

.xsmall{font-size:65%}

.invisible {visibility: hidden;}

.jqhidden{ display: none;}

#logoLeft{ position:absolute; background:url(../img/admin_logo_200.png?t=2) no-repeat; width:200px; height:37px; top: 11px; left:19px; }

p{margin:0; padding:0;}

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

.clear{ clear:both;}



#expand-left-band{ position:fixed; top:0; left:0; width:10px; height:100%; background:url(../img/collapse_left_bar.png) center center no-repeat, 
url(../img/bg-body.gif) repeat-y left top; cursor:pointer; z-index:11; }




/*******************************
*******************************
//  Multi page
******************************/

#multiPage a {text-decoration:none; display: inline-block; margin:2px;}
#multiPage a:hover{text-shadow:#09F 0 0 5px;}
#multiPage .current{ font-weight:bold; inline-block; margin:2px;}
/**************/

/*******************************
*******************************
//  tableau affichage resultat
******************************/

/*#over-table .search , #over-table .multi-links{text-align:right};*/

.search-petit{ width:250px; margin:3px 3px 0; display:inline-block;}
#multiPage{text-align:right;}

a.actions:hover{text-decoration: none;}

/*******************************
*******************************
//  Menu (gauche
******************************/
#leftBand{ position:fixed; top:1px; left:1px; width:229px; padding-top:110px; padding-left:20px; z-index:10;}

ul#menu, ul#menu li ul{ list-style:none; padding:0; margin:0; margin-bottom:15px;}
ul#menu li{ text-align:right; color:#FFF;  margin-top:5px; }

ul#menu li a { display:block; background: url(../img/menu-item-green.gif) no-repeat top right; height:33px; color:#FFF; font-size:13px; padding-right:10px; padding-top:8px; }


ul#menu li ul li a { padding-right:10px; color:#AAA; display: inline; background:none; font-size:11px; display:block; height:auto; }
ul#menu li ul li a.current{ color:#FFF; background:url(../img/menu-current-arrow.gif) right 12px no-repeat;}
ul#menu li ul li a:hover { padding-right:10px; color:#FFF; }


ul#menu li a.current { background-image: url(../img/menu-item-current.gif); color:#111; font-weight:bold;font-size:12px; }


ul#menu li a:hover{ text-decoration:none;}


ul#menu hr{ margin: 5px 0;}

thead th{ background: #2B2B2B url(../img/bg-th.png); color: #DDD;}

/* images des produits */

#products-pictures .picture{border: 2px solid #ccc; display: inline-block; margin: 5px; border-radius: 5px; height: 200px; width: 200px; overflow: hidden; text-align: center; position: relative;}

#products-pictures .picture div{ width: 600px; text-align: center; position: relative; left: -200px ;}

#products-pictures .picture img{ height: 200px;}
#products-pictures .picture .ui-spinner{ position: absolute; bottom: 5px; right: 5px;}	
#products-pictures .picture a.delete{position: absolute; top:3px; right: 3px; display: block; padding: 3px ; background: #CCC; border-radius: 3px;}	

/* prix des produits */

#price-form-contener { background: #FFF; border :1px solid #ccc; border-radius: 5px; padding: 10px; margin: 10px 0; display: none;}

#price-form-title { font-style: italic; font-weight: bold; font-size: 1.3em; margin-bottom: 10px;}


/* devis */
tr.subtotal td{background: #708090; color: #FFF;}

/* Quote categorie */

.quote-categorie, .quote-produit, .quote-related{
	border-radius: 5px;
	background: #eee;
	border: 1px solid #666;
	padding: 10px 5px;
	cursor: pointer;
	margin: 5px;
	position: relative;
	
}


.quote-categorie{
	
}
.quote-categorie span{ position: absolute; top:35%; right: 10px;}
.quote-categorie-produits, .quote-produit-relateds{
	display: none;
}
.quote-produit{
	background: #DDD;
	padding: 8px 5px;
	margin-left: 30px;
	}
.quote-q-wrapper{ position: absolute; right: 15px; bottom:3px;}
.quote-tarif-wrapper{ position: absolute; right: 100px; bottom:3px;}
.quote-produit.selected, .quote-related.selected, .quote-categorie.selected{ background: #17ed89;}

.quote-related{
	background: #ccc;
	padding: 8px 5px;
	margin-left: 45px;
	
}



#quote-total{
	position: absolute; 
	top:58px;
	right: 20px;
	font-weight: bold;
	font-size: 2.1em;
}