/* CSS Document */
#total {
display:block;
margin-left:265px;
}
div.tableau * , div.tableau2 *{
margin:0;
padding:0;
}

div.tableau {
border:1px solid #CCCCCC;
background-color:#EEEEEE;
position:relative;
left:0px;
width:520px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
}
/* saut de lignes */
#lignesmorceaux p {
clear:both;
}


/* sous IE l'utilisation de hr laissait un espace disgracieux entre la derni?e cellule et le bord de .tableau */
.clear {
display:block;
visibility:hidden;
clear:both;
}

/* marges, padding, et epaisseur de la bordure qui doivent ?re identiques pour conserver l'alignement */
div.entete, div.corpstb {
margin:1px;
}

/* padding, marges et epaisseur de la bordure qui doivent ?re identiques pour conserver l'alignement */
span.longueur, span.typetrous {
display:block;
float:left;
overflow:auto;
width:100px;
margin:1px;
}

span.profondeur,span.quantite {
display:block;
float:left;
overflow:auto;
width:100px;
margin:1px;
}

span.surface, span.prixunitaire {
display:block;
float:left;
overflow:auto;
width:100px;
margin:1px;
}

span.tarif, span.prixtotal {
display:block;
float:left;
overflow:auto;
width:120px;
margin:1px;
}

span.action {
display:block;
float:left;
overflow:auto;
width:80px;
margin:1px;
}

/* hauteur et style du texte des cellules d'entete */
div.entetetb span.longueur, div.entetetb span.profondeur, div.entetetb span.surface, div.entetetb span.tarif, div.entetetb span.action
, div.entetetb span.typetrous, div.entetetb span.quantite, div.entetetb span.prixunitaire, div.entetetb span.prixtotal {
height:2.5em;
font-weight:bold;
font-size:small;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* couleurs de fond et bordure */
div.entetetb span.longueur, div.entetetb span.typetrous {
background-color:#FFCCCC;
border:1px solid #FF9999;
color:#FF0000;
}

div.entetetb span.profondeur, div.entetetb span.quantite {
background-color:#CCFFCC;
border:1px solid #99FF99;
color:#FF0000;
}

div.entetetb span.surface, div.entetetb span.prixunitaire {
background-color:#CCCCFF;
border:1px solid #9999FF;
color:#FF0000;
}

div.entetetb span.tarif, div.entetetb span.prixtotal {
background-color:#FFCCFF;
border:1px solid #FF66FF;
color:#FF0000;
}

div.entetetb span.action {
background-color:#FFFFCC;
border:1px solid #FFFF66;
color:#FF0000;
}

/* hauteur des cellules du corps */
div.corpstb span.longueur, div.corpstb span.profondeur, div.corpstb span.surface, div.corpstb span.tarif, div.corpstb span.action,
div.corpstb span.quantite, div.corpstb span.prixunitaire, div.corpstb span.prixtotal {
height:30px;
text-align:center;
}
div.corpstb span.typetrous{
height:30px;
}
/* petite marge au dessus et en dessous des ??ents de formulaires */
div.corpstb span.longueur input, div.corpstb span.profondeur input, div.corpstb span.surface input, div.corpstb span.tarif input,
div.corpstb span.action input,div.corpstb span.typetrous,div.corpstb span.quantite,div.corpstb span.prixunitaire,div.corpstb span.prixtotal{
margin-top:2px;
margin-bottom:2px;
}

/* hauteur, couleurs de fond et bordure */
div.corpstb span.longueur,div.corpstb span.typetrous {
background-color:#FFEEEE;
border:1px solid #FFBBBB;
}

div.corpstb span.profondeur,div.corpstb span.quantite {
background-color:#EEFFEE;
border:1px solid #BBFFBB;
}

div.corpstb span.surface,div.corpstb span.prixunitaire {
background-color:#EEEEFF;
border:1px solid #BBBBFF;
}

div.corpstb span.tarif,div.corpstb span.prixtotal {
background-color:#FFEEFF;
border:1px solid #FF88FF;
}

div.corpstb span.action {
background-color:#EEFFFF;
border:1px solid #88FFFF;
}

/* tailles des éléments du formulaire */
div.corpstb span.longueur input,div.corpstb span.typetrous input {
margin-left:2px;
margin-right:5px;
}

div.corpstb span.profondeur input,div.corpstb span.quantite input {
margin-left:2px;
margin-right:5px;
}

div.corpstb span.surface input,div.corpstb span.prixunitaire input {
margin-left:2px;
margin-right:5px;
}
div.corpstb span.tarif input,div.corpstb span.prixtotal input {
margin-left:2px;
margin-right:5px;
}

div.corps span.action input {
margin-left:2px;
margin-right:5px;
}
.TitreDevis {
position:relative;
left:0px;
width:450px;
font-family:"Times New Roman",Times,serif;
font-size:larger;
font-weight:bolder;
text-align:center;
background-color:transparent;

color:#666666;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:5px;
}

a.info{
    position:absolute; 
    z-index:0; 
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
    top:2em; left:1em; width:15em;
    border:1px solid #6699cc;
    background-color:#fff; color:#6699cc;
    text-align: justify;
    font-weight:normal;
    padding:5px;
}        
#AgrPhoto{
border: 3px double #C3DCFF;
border-radius:15px;
-moz-border-radius:15px;
position:fixed;
background-repeat:no-repeat;
background-position:center;
display:none;
height:375px;
width:565px;
left:50px;
top:200px;

_position: absolute;
top: expression(documentElement.scrollTop+body.scrollTop + 200 + "px");
}

.navigation {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height: 32px;
	vertical-align:middle;
	text-decoration:none;
	cursor:pointer;
	color:#666666;

	}
.navigation img {
	border:none;
}

/*.keyText{
		position:absolute;
		left:270px;
		top:900px;
		border:none;
		background-color:transparent;

		padding:2px;
		}
		*/
.rendu{
		position:absolute;
		border:1px solid #000;
		background-color:#F2F1DE;
		padding:2px;
 		
	}
#nav_tarif{
		position:absolute;
		border:0;
		padding:2px;
		left:700px;
		top:885px;
 		
	}
#obj_suivant{
		position:absolute;
		border:1px solid #000;
		padding:2px;
		left:662px;
		top:840px;
		z-index:600;
		width:587px;
		height:30px;
		padding: 2px;
	}
.nav_select{
	background-image: url(bouttons/suivant2.gif);
	background-position: left center;
	background-repeat: no-repeat;
	}
.nav_rotation_p{
	background-image: url(bouttons/rotationp.gif);
	background-position: left center;
	background-repeat: no-repeat;
	}
.nav_rotation_m{
	background-image: url(bouttons/rotationm.gif);
	background-position: left center;
	background-repeat: no-repeat;
	}
	
.nav_supprime{
	background-image: url(bouttons/supprimen.gif);
	background-position: left center;
	background-repeat: no-repeat;
	}
.nav_btn{
	padding-left:18px;
	border-right:2px solid #fff;	
	float:left;
	margin-left:2px;
	margin-right:4px;
}
.nav_aide{
		position:absolute;
		border:0;
		left:700px;
		top:340px;
		background:url("bouttons/aide.gif") no-repeat left top;
		height:32px;
		line-height:20px;
		padding-left:33px;
 		cursor: pointer;
                width:130px;
	}
#Plaque, #Support,#Vis {
		position:absolute;
		border:none;
		background-color:transparent;
		padding:2px;
 		
	}
 
#Tarif,CommandesDevis {
		position:absolute;
		top:200px;
		left:250px;;
		background-color:#F2F1DE;
		border: 2px solid #ffffff;
		margin-left:2px;
		padding:2px;
		width:198px;
 		z-index: 49000;
	}		
#Tarif_Catalogue {
		position:absolute;
		top:200px;
		left:450px;;
		background-color:#F2F1DE;
		border: 2px solid #ffffff;
		margin-left:2px;
		padding:2px;
		width:300px;
 		z-index: 300;
	}
#DetailTarif{
	display:none;
	z-index:49000; 
	}
#interieurpageDevis{
    width:620px;
	position:relative;
	border-right: 3px double #AE8964; /*#C3DCFF;*/
	top:0px;
    left:0px;
    color:black;
    font-family:verdana;
	background-color: transparent;
	font-size:1em;
   

  }
.TarifTotal {
	background-color: #ffffff;font-weight: bold;color: #666666;

}
#Connecte{
	position:relative;
	float:right;
	display:block;
}
.petit{
	line-height: 18px;
	font-size: 12px;
	font-weight:bolder;
	
}
.tarif_ligne1{
	background-color:#ffffff;
}
.tarif_ligne2{
	background-color:#F2F1DE;
}
.bouton_imprimer{
	background:url("bouttons/imprimante.gif") no-repeat left top;
	height:50px;
	line-height:50px;
	padding-top:18px;
	padding-left:50px;
	padding-bottom:18px;
	
}
#interieurpageMagasin{
    width:1004px;
	position:relative;
	border: 0; /*#C3DCFF;*/
	padding-left:15px;
	padding-right:15px;
	top:0px;
    left:0px;
    color:black;
    font-family:verdana;
	background-color: transparent;
	font-size:1em;
    min-height:550px;
}
.bouton_vis{
	background-color:#F2F1DE;
	background-image:url(bouttons/visseulpetit.gif);
	background-repeat:no-repeat;
	background-position:left center;
	border-bottom: 1px solid;
	line-height:16px;
	cursor:pointer;
	font-family: verdana,helvetica,arial,sans-serif;
  font-size: 100%;
  font-weight: bold;
	text-align: left;
	color: #666666;/*#660099;#AE8964;*/
  text-decoration: none;
	padding-left: 16px;
	margin-bottom: 6px;
}
.bouton_vis:hover {
	background-color: #EFECCA;
	color:#002F2F;
}
#photo_porcelaine{
	position:absolute;
	width:500px;
	height:361px;
	border:1px #000000 solid;
	display:none;
}
#ph_a1,#ph_a2,#ph_a3,#ph_a4{
	position:absolute;
	visibility: hidden;
	height:10px;
	width:10px;
	background-color: #aaaaaa;
	
}
#ph_a1{cursor:nw-resize;z-index: 8000;}
#ph_a2{cursor:ne-resize;z-index: 8001;}
#ph_a3{cursor:se-resize;z-index: 8002;}
#ph_a4{cursor:sw-resize;z-index: 8003;}

div.fieldset {
	border:  1px solid #B3C5E1;
	margin: 0px 0;
	padding: 0px 1px;
	height:48px;
}
div.fieldset span.legend {
	position: relative;
	background-color: #FFF;
	padding: 3px;
	top: -30px;
	font: 700 14px Arial, Helvetica, sans-serif;
	color: #73b304;
}

.cabochon {
		position:absolute;
		border:none;
		background-color:transparent;
		padding:0px;
 		
	}
div.flash {
	width: 375px;
	margin: 0px 2px;
	border-color: #B3C5E1;

	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
    -moz-border-radius-topright : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius : 5px;

}

#btnSubmit { margin: 0 0 0 155px ; }

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	/* background-image: url(../images/cancelbutton.gif);*/
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}


#MenuDevisOnglets {
    background: none repeat scroll 0 0 ;
    padding: 0;
    color: #000000;
    height: 50px;
    margin: 0 ;
    width: 595px;
}
.MenuDevisOnglets {
    float: left;
    height: 45px;
    text-align: center;
    width: 85px;
}
.MenuDevisOnglets a {
    display: block;
    height: 30px;
    padding-top: 15px;
}
.MenuDevisOnglets a:link, .MenuDevisOnglets a:visited {
    background: url("bouttons/fondMenu.jpg") repeat scroll 0 -45px #AABBCC;
    color: #000000;
    font-family: verdana,sans-serif;
    font-size: 12px;
    text-decoration: none;
}
.activ a:link, #activ.MenuDevisOnglets a:visited {
    background: url("bouttons/fondMenu.jpg") repeat scroll 0 0 #AABBCC;
    color: #000000;
}
.MenuDevisOnglets a:hover, .MenuDevisOnglets a:active, .MenuDevisOnglets a:focus {
    background: url("bouttons/fondMenu.jpg") repeat scroll 0 -90px #AABBCC;
    color: #339933;
}
.activ a:hover, .MenuDevisOnglets #activ a:active, #activ.MenuDevisOnglets a:focus {
    background: url("bouttons/fondMenu.jpg") repeat scroll 0 0 #AABBCC;
    color: #339933;
}