* {margin: 0; padding: 0;}
body{ 
	position:relative; 
	margin-left: auto; margin-right: auto;

	width:800px; 
	font-family: Arial, Helvetica, sans-serif;
    background: rgb(49, 41, 115) url(storefonds.gif) repeat fixed 50%;
    font-size: 11px;
	color:navy ;
	}
td,th{
	font-size:9pt;
}
#masqueGeneral{
	display:none;
}
#banniere {
	display:block ;
	width:800px;
	background: #CCCCCC url(images/centralog-tr_boutique.jpg)  no-repeat;
	height: 100px;
	color:white;
	margin-bottom: 1px;
	cursor:pointer;
}

#banniereImpr{
	display:none ;
}
img {
	border:0 ;
}
#banniere .publicite{
	position: absolute;
	width:468px;
	height:60px;
	margin:0px;
	top:15px;
	left:311px;
}
#banniere .login{

	position: absolute;
	width:130px;
	color:navy;
	top:80px;
	left:311px;
	color:navy;
	background:transparent;
	font-style:italic;
	font-size:110%;
}
#banniere .login a{
	color:navy;
}
#banniere .titre{
	position: absolute;
	font-size:110%;
	top:80px;
	right:15px;
	font-weight:bold;
	color:navy;
	text-align:right ;
	font-style:italic;
	width:250px;
}
#loginExplication,#loginAction{
	margin-top:10px;
	margin-left:10%;
	width: 80%;
	border-style: solid;
    border-color: #8B0000;
    border-width: 1px 1px 1px 1px;
	padding:5px;
	background: #DDDDDD;
}

#loginAction h3{
	margin-bottom:20px;
}
#loginExplication H3,#loginAction H3{
	text-align:center ;
	text-decoration:underline;
}
#corps{
	width:800px;
	background-color: #EAECEC;
}
#contenu,#accueil,  #erreur{
	width:780px;
	clear:both;
	text-align:left;
	padding:10px;

}
#contenu,#erreur{
	height:760px;
	overflow:auto;
}
.liste{
	clear:both;
	height:700px;
	}
#accueil{
	height:750px;
	text-align:justify;
	font-size:130%;
}
#accueil h1{
 text-align:center;
 margin-bottom:8px;
 font-style:italic;
 margin-top:20px;

 color:blue;
	font-size:140%;
 background:#FFF;
 width:90%;
    filter:alpha(opacity=70);
   -moz-opacity:0.7;
   opacity: 0.7;
   	border-style: solid;
    border-color: #8B0000;
    border-width: 1px 0px 1px 0px;
}
#accueil li{
	margin-left:10px;
	padding-left:10px;
	padding-top:5px;
}
#accueil ul{
	padding:10px;
}
#accueil .item a{
	float:right;
	font-style:italic;
	font-weight:bold;
	padding-top:5px;
}
#accueil .item a:visited{
    color:navy;
    
}
#alerte {
	margin-left:10%;
	width: 80%;
	border-style: solid;
    border-color: red;
    border-width: 1px 1px 1px 1px;
	color:red;
	background-color: yellow;
	padding:15px;
}

#alerteOk {
	margin-left:10%;
	width: 80%;
	border-style: solid;
    border-color: #39C;
    border-width: 1px 1px 1px 1px;
	color:#FFF;
	background-color: #AAF;
	padding:15px;
	margin-top:10px;
}


#basdepage{
	clear:both;	
	width:800px;
	text-align:center;
	background-color: #EAECEC;
	margin-top: 2px;
	padding: 10px 0px ;
}
.listeTechnique{
	clear:both;
	text-align:center;
	padding:0px;
	height:500px;
	overflow:auto;
	width:600px;
	margin-left:30px;
}
#techniqueTitre, #techniqueTitreCentre {	
	background-color: #AAAAEE;
	text-align:right;
	color:white;
	padding:8px 0px;
	width:550px;
 }
#techniqueTitreCentre {
	width:100%;
 }
#techniqueTitreCentre{
	font-size:13px;
	text-align:center;
	margin-bottom:15px;
}
#operateurListe {	
	background-color: #DDDDDD;
	color:navy;
	width:500px;
 }
#operateurListe td, #operateurListe th{
	font-size:9pt;
	text-align:left;
	}
#operateurListe th{
	font-weight:bold;
	}
#operateurListe td{
	font-style:italic;
	}

#enteteCommande{
	float:right;
	width:315px;
	background: #CCCCCC ;
	border-style: solid;
    border-color: navy;
    border-width: 1px 1px 1px 1px;
	margin-bottom:5px;
	margin-right:2px;
	margin-top:5px;
}

#enteteCommande th{
	background-color: 
}
#accordCommande,.publiciteCommande{
    float:right;
	margin-right:5px;
	margin-top:5px;
	background: #CCCCCC ;
	}
.publiciteCommande{
	height:60px;
	width:468px;
}
#accordCommande{
	position:relative;
	border-style: solid;
    border-color: navy;
    border-width: 1px 1px 1px 1px;
	height:50px;
	width:468px;
}
#commande{
	float:right;
	margin-top:5px;
	margin-right:5px;
	width:468px;
	border-style: solid;
    border-color: navy;
    border-width: 1px 1px 1px 1px;
}
#commande .ligne0{
	/* background:; */
}
#commande .ligne1{
	background:#CCCCCC;
	font-style:italic;
}
#commande td, #commande th{
	text-align:left;
	}
#commande .prix{
	font-weight:bold;
	text-align:right;
}

#catalogue, #panier{
	width:100%;	
	background-color: #EEEEEE;
	color:navy;
 }
#panier{
 	width:553px;

 }
#panier td, #panier th{
	font-size:9pt;
	text-align:left;
	}
#panier .prix {
	font-size:11pt;
	text-align:right;
	}
#panier .prixunitaire {
	text-align:right;
	font-size:9pt;
	}
#panier .quantite {
	text-align:center;
	font-size:9pt;
	}
#panier .action {
	padding-left: 10px ;
	}
#operateur, #famille{
	width:470px;
	height:250px;	
	background-color: #EEEEEE;
	color:navy;
	border-style: solid;
    border-color:  #FF8C00 ;
    border-width: 1px 1px 1px 1px;
	margin-top:3px;
	margin-bottom:3px;
 }	
#operateur img,#famille img{
	margin:15px;
	margin-right:50px;
	text-align:center;
}
#operateur input,#famille input{
	color:navy;
	font-size:9pt;
}
#operateur .fondsbouton,#famille .fondsbouton{
	float:right;
	background:   #E9E9E9;
	width:160px;
	border-style: solid;
    border-color:  #F0F0F0 #E0E0E0 #E0E0E0 #F0F0F0 ;
    border-width: 3px;
}

#operateur .bouton,#operateur .bouton_ote,#operateur .bouton_down,
#famille .bouton,#famille .bouton_ote,#famille .bouton_down{
	margin:10px;
	text-align:center;
	float:right;
	color:navy;
	cursor:pointer;
	background:   url(images/bouton_vert.gif)  no-repeat 12px 0px;
	width:50px;
	padding-top:30px;
}

#operateur .bouton_ote,#famille .bouton_ote{
	background:   url(images/bouton_rouge.gif)  no-repeat 5px 0px;
}
#operateur .bouton_down,#famille .bouton_down{
	background:   url(images/bouton_vertD.gif)  no-repeat 12px 0px;
	color:blue;
}
#operateur .modif{
	font-style:italic;
}
.catalogueSelection{
	float:right;
	padding-top: 25px;
	padding-bottom: 5px;
    border-color: #FF8C00;
    margin-right:5px;
	color:#FF8C00;
	font-style:italic;	
}
.catalogueOption{
    border-color: #FF8C00;
    background-color: #DDDDFF ;
	font-style:italic;
	width:290px;
	color:red;
	font-weight:bold;
	font-size:120%;
}
.catalogueOption SELECT {
	 width:290px;
	}

.catalogueCart{
	width:470px;
	height:55px;
	float:left;
	margin:10px;
	padding: 0px;
	border-style: solid;
    border-color: #8B0000;
    border-width: 1px;
	}
.catalogueCartContenu{
	margin:0px;
	height:55px;
	width:390px;
	background: #EEE8AA url(cart.gif)  no-repeat 1% 50%;
	padding-left: 80px;
}
.yourCartNavigation{
	float:right;
	background: #DDDDFF;
	padding-left: 0px;
	border-style: solid;
    border-color: #FF8C00;
    border-width: 1px 1px 1px 1px;
	width:200px;
	height:450px;
	}
.yourCartExplication{
	float:right;
	padding:5px;
	font-size:7pt;
}
.yourCartExplication H1{		
	font-size:9pt;
}

.yourCartExplication ul{		
	margin-left:15px;
}
.yourCartListe{
	float:right;
	margin-right:5px;
	background: #DDDDFF;	
	border-style: solid;
    border-color: #FF8C00;
    border-width: 1px 1px 1px 1px;
	overflow:auto;
}

.yourCartPublicite{
	margin-top:15px;
	margin-left:55px;
	width:468px;
	height:60px;	
}	
#lienPanier,#lienPanierGauche,#lienPanierCentre{
	background: #D9D9F0 ;
	cursor:pointer;
	float:right;
	width:60px;
	height:45px;
	font-size:7pt;
	text-align:center;
	margin:2px;
	border-style: solid;
    border-color: #EEE #888 #666 #EEE ;
    border-width: 1px 1px 1px 1px;
}	
#lienPanierGauche{
	float:left;
}
#lienPanierCentre{
	float:left;
	margin:5px;
}
#lienPanierCentre input{
	font-size:7pt;
}
#lienPanierCentre form{
	margin:0;
}

#catalogue{
	padding:5px;
	width:752px;
}
.description2 {display:none;}
#catalogueD{

	width:740px;
	height:110px;
	overflow:hidden;
	background: #ECECEC;
	border-style: solid;
    border-color: #191970;
    border-width: 1px 1px 1px 1px;
	margin:3px;
	text-align:left;
}
.catalogueDsautLigne{
	clear:both;
}

#catalogueD1{
	float:left;
	width:350px;
	height:110px;
	overflow:hidden;
	background: #ECECEC;
	border-style: solid;
    border-color: #FF8C00;
    border-width: 1px 1px 1px 1px;
	margin:3px;
	text-align:left;
}
#catalogueD1 .libelle {
	float:left;
	width:250px;
	font-weight:bold;
	color:#191970;
	text-decoration:underline;
	padding:5px;
	}
#catalogueD1 .logo,
#catalogueD1 .reference 
 {
	display:none;
	}
#catalogueD1 .prix {
	text-align:center;
	font-size:12pt;
	width:90px;
	margin-top:5px;
	float:right;
	}
#catalogueD1 .ensavoirplus{
	margin-top:5px;}
#catalogueD1 .ensavoirplus,#catalogueD1 .submitTexte  {
	clear:right;
	float:right;
	}
#catalogueD1 .description {
	float:left;
	clear:both;
	font-size:8pt;
	padding:5px;
	font-style:italic;
	text-align:left;
	margin-top:5px
	}
#catalogueD1 .promotion {
	clear:left;
	float:left;
	color: #B22222;
	/* width:250px;	min-width : 250px;	 */

}	
#catalogueD .libelle {
	font-weight:bold;
	width:100%;
	background:#191970;
	color:white;
	padding:3px;
	}
#catalogueD .logo {
	float:left;
	width:100px;
	height:130px; 
	margin-top:8px;		}
#catalogueD .logoImage {
	width:100px;
	height:75px; 
		}

#catalogueD .reference {
	display:none;
	}
	
#catalogueD .conditionnement{
	clear:left;
	float:left;
	margin-right:60px;
	background:#FFF;
	color:#191970;
	width:150px;	
	height:16px;
	text-align:center;
	display:none;
	}

#catalogueD .prix {
	float:right;
	margin-right:60px;

	font-size:12pt;

	margin-top:5px;
	font-style:italic;
	text-align:center;
	width:150px;	
	}

#catalogueD .montant {
	font-weight:bold;
	}
#catalogueD .promotion{
	float:right;
	margin-right:10px;
	width:220px; 
	text-align:center;
	font-size:80%;
	color: #B22222;
	}

#catalogueD .ensavoirplusTd ,#catalogueD .commander{


	float:right;
	width:100px;		
	height:20px;	
	cursor:pointer;
	font-size:8pt;
	font-style:italic;
	text-decoration:underline;
	color: Blue;
	margin-top:-2px;



		}

#catalogueD .quantite {
	float:right;
	width:100px;	
	text-align:center;
	font-size:8pt;
	font-style:italic;
	margin-left:10px;
	margin-top:1px;
	}
#catalogueD .ensavoirplus {
  


	}


#catalogueD .unite {
	font-size:8pt;
	}

#catalogueD .description {display:none;}

#catalogueD .description2 {	
	display:block;
	float:right;
 	text-align:justify;
 	margin-right:5px;
 	margin-top:5px;
 	width:400px;
	font-size:8pt;
	font-style:italic;
	height:100px;
	overflow: hidden;	}

#catalogueD .submitBouton,#catalogueD1 .submitBouton {
	font-size:8pt;
	display:none;
}
.catalogueCartTexte{	
	padding-left: 80px;
}
#catalogue td{
	font-size:9pt;
	}
#catalogue th {
	font-size:11pt;
	}
#catalogue .libelle {
	text-align:left;
	}
#catalogue .conditionnement {
	font-style:italic;
	}
	
#catalogue .prix {
	text-align:center;
	font-size:12pt;
	/* width:90px; */
	}

#catalogue .montant {
	font-weight:bold;
	}
#catalogue .unite {
	font-size:8pt;
	}
#catalogue .logo {
	width:100px;
	height:75px;
	}
#catalogue .description {
	font-size:8pt;
	padding-left:5px;
	}
#catalogue .quantite {
	text-align:center;
	font-size:8pt;
	padding-left:5px;
	font-style:italic;
	}
#catalogue .ensavoirplusTd {
	cursor:pointer;
	}
#catalogue .ensavoirplus {
	font-size:8pt;
	font-style:italic;
	text-decoration:underline;
	text-align:left ;
	color: Blue;
	}
#catalogue .submit {
	font-size:8pt;
}


#catalogue .promotion, #panier .promotion , #commande .promotion{
	font-size:8pt;
	color: #B22222;
	}
#commande .promotion{
	font-style:italic;
	font-size:7pt;
 }
#commande .conditionnement{
	font-size:8pt;
}
#commandeTotal{
	font-size:11pt;
	border-style: solid;
    border-color: navy;
    border-width: 1px 0px 0px 0px;
	background:#CCCCCC;

}
#pourCommander{
	padding:0px;
	width:780px;
	height:650px;
	overflow:auto;
	padding-right:0px;
	
}

#onglets{
	height:22px;
	padding:2px;	
	padding-bottom:0px ;
	background:#DADCDC;
}
.onglet, .ongletSelecte, .ongletImpossible{
	float:left;
	width: 96px;
	height:12px;
	padding:5px;
	text-align:center;
	cursor: pointer;
	background:  url(images/onglet.jpg)  no-repeat 0px 3px;
}
.onglet:hover{
	background:  url(images/ongletSurvol.jpg)  no-repeat 0px 3px;	
	color:#191970;
}
.onglet{
	color:#D3D3D3;
}
.ongletSelecte{
	background:  url(images/ongletSelecte.jpg)  no-repeat 0px 3px;
}
.ongletImpossible{		
	cursor:default ;
}

#impressionTicket{
	float:left;
	width:430px;
	padding:10px;
	display:none;
}
#impressionTicketGuide{
	float:right;
	margin-right:300px;
	margin-top:10px;
	width:230px;
	padding:10px;
	border-style: solid;
    border-color: #FF8C00;
    border-width: 1px 1px 1px 1px;
	background: #F5F5DC ;
}
#impressionTicketGuide img{
	float:right;
}
#cadre,#cadreCommande,#confirmationCommande{
	background: #DDDDFF ;
	border-style: solid;
    border-color: #FF8C00;
    border-width: 1px 1px 1px 1px;
	margin:5px;
	padding:10px;
	text-align:left;
}

#cadreCommande{
	height:100px;
}
#confirmationCommande #cartesAcceptées{
	width:165px;
	height:31px;
	background:  url("cartes.gif");
}
#commandesListe {
	width:90%;
}
#commandesListe td, #commandesListe th{
	text-align:left;
		}
#commandesListe img{
	cursor:pointer;
}
#commandesListe .heure{
	text-align:left;
	font-size:8pt;
	}
#commandesListe .montant{
	text-align:right;
	font-size:12pt;
	font-weight:bold;
	}
#livraison,#facturation,#entete,#facturationAdresse{
	float:left;
	background: #DDDDFF ;
	border-style: solid;
    border-color: navy;
    border-width: 1px 1px 1px 1px;
	margin:2px;
	width:200px;
	height:110px;	
	}

#facturationCartouche table{
	cell-padding:15px;
}
#panneauDetailCommande{
	float:left;
	margin:5px;
	margin-top:0px;	
	}
#panneauPiloteCommande{
	width:75px;
	height:90%;	
	background: #DDDDFF ;
	border-style: solid;
    border-color: navy;
    border-width: 1px 1px 1px 1px;
	margin:0px;
	margin-top:2px;
	float:left;	
	padding-left:0px;
	}
#panneauPiloteCommande .titre{
	text-align:center;
	background:navy;
	color:white;
	width:76px;
}
#entete{
	width:250px;
}
#livraison .titre,#facturation .titre,#entete .titre{
	background:navy;
	color:white;
	text-align:center;
	font-weight:bold;
	margin-bottom:5px;
	}
#livraison .normal,#facturation .normal,#entete .normal{
	padding-left:5px;
}
#entete .normal .label{
	clear:left;
	float:left;
	width:100px;
	}
#entete .normal .valeur,#entete .normal .vert,#entete .normal .rouge{
	width:100px;
	text-align:right;
}
#entete .normal .vert{
	color: green;
}
#entete .normal .rouge{
	color: red;
}
#recapCommande{
	clear:both;
	width:658px;
	margin-top:5px;
	margin-left:4px;
	margin-right:0px;	
	border-style: solid;
    border-color: navy;
    border-width: 1px 1px 1px 1px ;
    margin-bottom:10px;
}
#recapCommande .normal0{
	background-color:#DDDDDD;
}
#recapCommande .normal1{
	background-color: #EFEFEF;
}
#recapCommande .normal1 .libelle,#recapCommande .normal0 .libelle{
	font-weight:bold;
}
#recapCommande .technique{
	background-color: #DDDDFF ;
	font-style:italic;
}
#recapCommande .technique .remarque{
	color: #8B0000;
	padding-left:5px;
}
#recapCommande .technique td{
	font-size:10px;
}
#recapCommande .normal0 .montant,#recapCommande .normal1 .montant,#recapCommande .technique .montant{
	
	text-align:right;
}
#boutonsCommander{
	width:138px;
	float:right;
	background: #DDDDFF ;
	border-style: solid;
    border-color: navy;
    border-width: 0px 0px 0px 1px ;
	text-align:right;
	padding-right:5px;
}
#listeProduitsImpression{
	width:100%;
}
#listeProduitsImpression #catalogue{
	width:100%;
}