/*************************/
/* G�n�ral               */
/* Structure             */
/* Formulaires             */
/*************************/

/*************************/
/* G�n�ral               */
/*************************/
html, body {
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	height: 95%;
}

.lienMenuHautDeco:link, .lienMenuHautDeco:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#C8EFFB;
	text-decoration:none;
}
.lienMenuHautDeco:hover, .lienMenuHautDeco:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#C8EFFB;
	text-decoration:underline;
}

.lien:link, .lien:visited{
	font-size:12px;
	font-weight:bold;
	color:#03B5EE;
	text-decoration:none;
}
.lien:hover, .lien:active{
	font-size:12px;
	font-weight:bold;
	color:#03B5EE;
	text-decoration:underline;
}

.annuler{
	left:850px;
	position:relative;
}

.fermer{
	left:150px;
	position:relative;
}

/*************************/
/* Structure             */
/*************************/
div#divConteneurPGI{
	width:100%;
	height:98%;
}
table#tableConteneurPGI{
	width:100%;
	height:98%;
}
table#tablePGI{
	width:970px;
	height:98%;
}
td#colSiteGauche{
	background:url(../images/background/back-site-gauche.gif) repeat-x top right;
}
td#colSiteMilieu{
	width:970px;
	height:98%;
}
td#colSiteDroite{
	background:url(../images/background/back-site-droite.gif) repeat-x top left;
}
td#colSiteDroiteAccueil{
	background:url(../images/background/back-site-gauche.gif) repeat-x top left;
}
td#tdCellMenuHaut{
	height:23px;
	background-color:#737373;
}
td#tdCellTrait1, td#tdCellTrait2{
	height:1px;
}
td#tdCellTrait1{
	background-color:#9d9d9c;
}
td#tdCellTrait2{
	background-color:#909090;
}
td#tdCellBandeau{
	height:48px;
	background:url(../images/background/back-site-bandeau.jpg) no-repeat 0 0;
}
td#tdCellBandeau h1{
	padding:0;
	margin:0;
	font-size:20px;
	color:#ffffff;
	font-weight:normal;
}
td.tdCellContenu{
	border-left:1px solid #b8b8b8;
	border-right:1px solid #b8b8b8;
	height:100%;
}
td.tdCellContenu.valignTop{
	vertical-align:top;
}

td#tdCellCopyright{
	background-color:#959595;
	border-top:1px solid #fff;
	border-right:1px solid #b8b8b8;
	border-bottom:1px solid #b8b8b8;
	border-left:1px solid #b8b8b8;
	font-size:9px;
	height:15px;
	color:#FFFFFF;
	text-align:center;
}


/*************************/
/* Formulaires           */
/*************************/
form{
	padding:0px;
	margin:0px;
}

input[type="text"],input[type="password"], input.text, select, textarea{
	border:1px solid #3872b2;
	font-size:12px;
	color:#5F5F5F;
}

.text{
	width:70px;
}
.textAccueil{
	width:198px;
}
.textGrand, .select{
	width:275px;
}
.textPetit{
	width:60px;
}
.textPetit.readonly, .textGrand.readonly{
	background-color:#EFEFEF;
}

.textPetit.alignRight{
	text-align:right;
}

.textTotaux{
	width:70px;
	text-align:right;
	background-color:#EFEFEF;
	font-weight:bold;
}
.submitCache{
	display:none;
}
/*************************/
/* Accueil 				 */	
/*************************/
#tabConnexionIndex{
	background-image:url(../images/background/back-connexion-index.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
h1.h1index{
	font-size:18px;
	font-weight:bold;
	color:#03b5ee;
	text-transform:uppercase;
}
span.spanStyleAccueil{
	font-size:12px;
	color:#888888;
	font-weight:bold;
}

.bouton{
	width:200px;
}
.boutonCommande{
	width:160px;
}
.bouton, .boutonCommande{
	border:1px solid #3872B2;
	font-size:11px;
	font-weight:bold;
	color:#3872B2;
}

span.spanErreurLogin{
	color:#B70909;
	font-size:11px;
	font-weight:bold;
}

/*************************/
/* Commande 			 */	
/*************************/
.tableCommande{
	width:100%;
	font-size:12px;
	margin:10px;
}

.tdIntitule{
	font-weight:bold;
	color:#17647F;
	text-align:left;
	width:130px;
}

table.LigneCommande{
	width:965px;
	font-size:11px;
	margin-top:5px;
}

table.TotauxCommande{
	width:100%;
}
table.LigneCommande td{
	text-align:center;
}

td#tdTotauxCommande{
	border-left:1px solid #b8b8b8;
	border-right:1px solid #b8b8b8;
}

/* confirmation*/
.ok{
	width:35px;
}
.confirmation{
	font-size:13px;
	color:#3872B2;
}
/***************/

/*************************/
/* Choix produit 			 */	
/*************************/
div.divSelectFamille{
	width:100%;
	text-align:center;
	padding-bottom:20px;
}

div.photo{
	position:absolute;
	display:none;
	top:80px;
	left:60px;
	width:800px;
	text-align:center;
}

table.EnteteChoixProduit{
	width:900px;
	font-size:11px;
}

div.ListingProduit{
	width:897px;
	overflow:auto;
	overflow-y:scroll;
	height:440px;
	border:1px solid #B5B1B1;
}

table.ListeChoixProduit{
	width:100%;
	color:#737373;
	font-size:11px;
}

table.ListeChoixProduit td{border-right:1px dashed #B5B1B1;}
table.ListeChoixProduit tr.ligne2{background-color:#ECF9FF;}
table.ListeChoixProduit tr.ligne1:hover, table.ListeChoixProduit tr.ligne2:hover{cursor:pointer; background-color:#737373; color:#fff;}


/*th des tableaux */
table.LigneCommande th,table.TotauxCommande th, table.EnteteChoixProduit th{
	background-color:#03B5EE;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	border-right:1px solid #FFF;
	height:20px;
}

table.TotauxCommande th{
	padding:3px;
	border:0px;
	height:30px;
}

/*alerte heure de commande*/
div.AlerteHoraire{
    margin-top:200px;
    width:100%;
    text-align:center;
}