/*---------------------------------------------------------------------------------------------------------------------
|*
|*	LIENS
|*
---------------------------------------------------------------------------------------------------------------------*/

.commonLink,  .commonLink:visited, .commonLink:link{
	font-family:Verdana, Arial;
	color:#FFFFFF;
	font-weight:bold;
	font-size: 13px;
	font-weight:normal;
	text-decoration:none;
}
.commonLink:hover{
	font-family:Verdana, Arial;
	color:#000000;
	font-weight:bold;
	font-size: 13px;
	font-weight:normal;
	text-decoration:none;
}
.b_link,  .b_link:visited, .b_link{
	font-family:Verdana, Arial;
	color:#232323;
	font-style:normal;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
}

.b_link:hover{
	font-family:Verdana, Arial;
	color:#232323;
	font-style:normal;
	font-size: 11px;
	font-weight:bold;
	text-decoration:underline;
}

.facture,  .facture:visited, .facture:link{
	font-family:Verdana, Arial;
	color:#FFFFFF;
	font-style:normal;
	font-size: 11px;
	font-weight:bold;
	text-decoration:underline;
}

.facture:hover{
	font-family:Verdana, Arial;
	color:#F4F4F4;
	font-style:normal;
	font-size: 11px;
	font-weight:bold;
	text-decoration:underline;
}

A.editer, A.editer:link, A.editer:visited{
	color:#0000FF;
	font-family:Verdana, Arial;
	font-style:normal;
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
}

A.supprimer, A.supprimer:link, A.supprimer:visited{
	color:#FF0000;
	font-family:Verdana, Arial;
	font-style:normal;
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
}

A.editer:hover, A.supprimer:hover{
	text-decoration:none;
}

A.tool, A.tool:link, A.tool:visited{
	color:#712E13;
	font-family:Verdana, Arial;
	font-style:normal;
	font-size:10px;
	font-weight:normal;
	text-decoration:underline;
}

A.tool:hover{
	text-decoration:none;
}
/*---------------------------------------------------------------------------------------------------------------------
|*
|*	ERREURS
|*
---------------------------------------------------------------------------------------------------------------------*/

#erreurPane{
	position:relative;
	width:350px;
	border:dotted 2px #792232;
	margin-left:auto;
	margin-right:auto;
	padding:8px;
	font-family:Verdana, Arial;
	font-size:12px;
	color:#8B1930;
}

#errorMsg{
	position:absolute;
	width:70px;
	border:solid 2px #FF0000;
	margin:20px auto 10px 310px;
	padding:8px;
	font-family:Verdana, Arial;
	font-size:12px;
	color:#232323;
	background-color:#F4F4F4;
	-moz-border-radius: 5px;
}
/*---------------------------------------------------------------------------------------------------------------------
|*
|*	LES TABLEAUX
|*
---------------------------------------------------------------------------------------------------------------------*/

#listing{
	width:100%;
	top:15px;
	border-spacing:10px;
	border:dotted 2px #FFFFFF;
}

#listing A{
	font-family:Verdana, Arial;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:underline;
}

#listing A:hover{
	text-decoration:none;
}

#listing TD.tablehead{
	font-size:12px;
	font-weight:bold;
	border-bottom:solid 1px #FFFFFF;
	color:#FFFFFF;
	font-family:Verdana, Arial;
	font-style:italic;
}

#listing TD.lib{
	width:80%;
	text-align:left;
}
#listing TD.prix, #listing TD.stock{
	width:10%;
	text-align:right;
	font-family:Verdana, Arial;
	color:#FFFFFF;
	font-style:italic;
	font-size: 11px;
}

#listing TD.lib, #listing TD.prix, #listing TD.stock{
	font-size:10px;
}

#confirmation, #commande{
	width:90%;
	margin-top:25px;
	border-collapse: collapse;
	color:#FFFFFF;
	font-family:Verdana, Arial;
	font-style:normal;
	font-size:11px;
}

#confirmation TH, #commande TH{
	border-bottom:solid 1px #708d21;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

#confirmation TD, #commande TD{
	padding:5px;
}

#confirmation INPUT, #commande INPUT{
	text-align:right;
	border:solid 1px #6C6C6C;
	color:#FF0000;
	font-family:Verdana, Arial;
	font-style:normal;
	font-size:12px;
}

#confirmation TH.thA, #confirmation TD.tdA, #commande TH.thA, #commande TD.tdA{
	width:20%;
	text-align:left;
}

#confirmation TH.thB, #confirmation TD.tdB, #commande TH.thB, #commande TD.tdB{
	width:50%;
	text-align:left;
}

#confirmation TH.thC, #confirmation TH.thD, #confirmation TD.tdC, #confirmation TD.tdD{
	width:15%;
	text-align:center;
}

#commande TH.thC, #commande TH.thD, #commande TD.tdC, #commande TD.tdD, #commande TD.tdE, #commande TD.tdE{
	width:10%;
	text-align:center;
}

#confirmation TD.tdTotaux, #commande TD.tdTotaux{
	text-align:right;
	color:#FF0000;
}

#confirmation TD.tdTotal, #commande TD.tdTotal{
	text-align:center;
	color:#FF0000;
	font-size:14px;
}


#confirmation A{
	color:#FF0000;
	font-family:Verdana, Arial;
	font-style:normal;
	font-size:10px;
	font-weight:normal;
	text-decoration:underline;
}

#showCommande{
	width:90%;
	border-collapse: collapse ;
	color:#232323;
	font-family:Verdana, Arial;
	font-style:normal;
	font-size:12px;
	font-weight:normal;
}

#showCommande TD{
	padding:5px;
}

#showCommande TH{
	border-bottom:solid 1px #708d21;
	color:#232323;
	font-family:Verdana, Arial;
	font-style:normal;
	font-size:12px;
	font-weight:bold;
}
#showCommande TH.thA, #showCommande TD.tdA{
	width:30%;
	text-align:left;
}
#showCommande TH.thB, #showCommande TD.tdB{
	width:20%;
	text-align:left;
}

#showCommande TH.thC, #showCommande TD.tdC{
	width:15%;
	text-align:center;
}

#showCommande TH.thD, #showCommande TD.tdD{
	width:20%;
	text-align:center;
}

#showCommande TH.thE, #showCommande TD.tdE{
	width:15%;
	text-align:center;
}

#booklet{
	width:60%;
	margin:25px 100px;
	border-collapse: collapse ; 

}
#booklet TH{
	border-bottom:solid 1px #708d21;
	color:#232323;
	font-family:Verdana, Arial;
	font-style:normal;
	font-size:12px;
	font-weight:bold;
}

#booklet TD{
	color:#232323;
	font-family:Verdana, Arial;
	font-style:normal;
	font-size:12px;
	font-weight:normal;
	padding:5px;
}

#booklet TH.thA, #booklet TD.tdA{
	width:35%;
	text-align:left;
}
#booklet TH.thB, #booklet TD.tdB{
	width:25%;
	text-align:left;
}
#booklet TH.thC, #booklet TH.thD, #booklet TD.tdC,  #booklet TD.tdD{
	width:20%;
	text-align:center;
}

#booklet TR.ligneA{
	background-color:#EAECDF;
	border-bottom:solid 1px #000000;
}

#booklet TR.ligneB{
	background-color:#BEC5A0;
	border-bottom:solid 1px #000000;
}
/*---------------------------------------------------------------------------------------------------------------------
|*
|*	LES CONTAINEURS
|*
---------------------------------------------------------------------------------------------------------------------*/

#leftPane{
	padding:0px;
	width:59%;
	float:left;
}

#rightPane{
	padding:2px;
	width:40%;
	float:right;
	background-image:url(../jpg/fondProduct.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

#ficheFooter{
	position:relative;
	top:5px;
}

#avertissementPane{

	width:948px;
	height:355px;
	margin-left:00px;
	margin-top:10px;
	border:dotted 1px #61637C;
	padding:0px;
	-moz-border-radius: 5px; 
	background-color:#E2E3D1;
	color:#FFFFFF;
	font-family:Verdana, Arial;
	background-image:url(../jpg/f-pcard.jpg);
	font-style:normal;
	font-size: 11px;
	font-weight:bold;
}

#navigationPane{

	width:700px;
	margin-left:50px;
	margin-top:20px;
	padding:5px;

	font-family:Verdana, Arial;
	color:#232323;
	font-style:normal;
	font-size: 11px;
	font-weight:bold;
}

#commandePane{
	font-family:Verdana, Arial;
	color:#FFFFFF;
	font-style:normal;
	font-size: 10px;
	font-weight:bold;
}

#toolPane{
	position:relative;
	margin-left:650px;
	margin-top:55px;
	padding:3px;
	width:250px;
	-moz-border-radius: 5px;
}
#spacer{
	clear:both;
	height:0px;
}

#ongletPane{
	position:relative;
	width:90%;
	border-top:solid 1px #708D21;
	margin: 0px 25px 10px;
}

P{
	font-family:Verdana, Arial;
	color:#232323;
	font-style:normal;
	font-size: 11px;
	font-weight:normal;
	text-indent:20px;
}

#monComptePane{
	position:relative;
	margin: 60px 50px;
}

#floatingPane{
	position:absolute;
	width:530px;
	height:450px;
	top:50px;
	left:420px;
	background-image:url(../jpg/fondbottle.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:left;
	font-family:Verdana, Arial;
	color:#FFFFFF;
	font-style:normal;
	font-size: 12px;
	font-weight:bold;
}

#addToCartPane{
	position:relative;
	margin: 15px auto auto;
	width:50%;
}
/*---------------------------------------------------------------------------------------------------------------------
|*
|*	LES TITRES ET SOUS TITRES
|*
---------------------------------------------------------------------------------------------------------------------*/

H1{
	font-family:Verdana, Arial;
	color:#712E13;
	font-style:normal;
	font-size: 15px;
	font-weight:bold;
	text-align:center;
}

H1.onglet ,H1.ongletLarge{
	position:relative;
	margin: 15px 25px 0px;
	width:180px;
	font-family:Verdana, Arial;
	color:#485357;
	font-style:normal;
	font-size: 12px;
	font-weight:bold;
	text-align:left;
	padding:2px;
	border-top: solid 1px #708D21;
	border-left: solid 1px #708D21;
	border-right: solid 1px #708D21;
	background-color:#F4F4F4;
}

H1.ongletLarge{
	width:300px;
}

H2{
	display:inline;
	font-family:Verdana, Arial;
	color:#FFFFFF;
	font-style:normal;
	font-size: 14px;
	font-weight:bold;
	text-decoration:underline;
	vertical-align:18px;
}

H2.black{
	position:relative;
	margin:0px 60px;
	font-family:Verdana, Arial;
	color:#FFFFFF;
	font-style:normal;
	font-size: 14px;
	font-weight:bold;
	text-decoration:underline;
	vertical-align:18px;
}

.soustitre{
	position:relative;
	left:5px;
	font-family:Verdana, Arial;
	color:#232323;
	font-style:bold;
	font-size: 11px;
	font-weight:normal;
	text-decoration:underline;
}
.titre{
	position:relative;
	left:5px;
	font-family:Verdana, Arial;
	color:#232323;
	font-style:normal;
	font-size: 13px;
	font-weight:bold;
}

/*---------------------------------------------------------------------------------------------------------------------
|*
|*	LES IMAGES
|*
---------------------------------------------------------------------------------------------------------------------*/

.lcorner{
	position:absolute;
	margin-top:0px;
	margin-left:0px;
}

.rcorner{
	position:absolute;
	margin-left:346px;
}


#imagePane{
	width:150px;
	height:150px;
	overflow:hidden;
	margin:30px auto auto;
}

IMG.etape{
	position:relative;
	margin: 10px 10px;
}

IMG.plan{
	position:relative;
	margin:20px 150px;
	border:solid 1px #000000;
}

/*---------------------------------------------------------------------------------------------------------------------
|*
|*	LES BLOCS DE TEXTE
|*
---------------------------------------------------------------------------------------------------------------------*/

#rightPane P{
	position:relative;
	left:5px;
	text-indent:5px;
	font-family:Verdana, Arial;
	color:#434343;
	font-style:normal;
	font-size: 10px;
	font-weight:bold;
}

#nota {
	font-family:Verdana, Arial;
	color:#FFFFFF;
	font-style:normal;
	font-size: 12px;
	font-weight:bold;
	text-align:left;
	border:solid 1px #000000;
}

/*---------------------------------------------------------------------------------------------------------------------
|*
|*	LISTES
|*
---------------------------------------------------------------------------------------------------------------------*/
UL.avertissment{
	list-style: square; 
	list-style-position:1px;
	color:#FFFFFF;
	
}

UL.listeNavigation{
    list-style-type: circle;
    padding-bottom: 24px;
}

UL.listeNavigation li{
	float: left;
    margin: 2px 20px 0 40px;
}

UL.tool{
	list-style: none; 
	font-family:Verdana, Arial;
	color:#F4F4F4;
	font-style:normal;
	font-size: 10px;
	font-weight:bold;
}

UL.tool LI{
	margin: 6px 0px 0 2px;
}

UL.rouge{
	list-style: none; 
	list-style-position:1px;
	font-family:Verdana, Arial;
	color:#FFFFFF;
	font-style:normal;
	font-size: 12px;
	font-weight:bold;
}


.tool_new{
	list-style: none; 
	font-family:Verdana, Arial;
	color:#712E13;
	font-style:normal;
	font-size: 14px;
	font-weight:bold;
	background-color:#C5A586;
	
}

.tool_cart{
	list-style: none; 
	font-family:Verdana, Arial;
	color:#712E13;
	font-style:normal;
	font-size: 14px;
	font-weight:bold;
	background-color:#C5A586;
	
}

/*---------------------------------------------------------------------------------------------------------------------
|*
|*	FORMULAIRES
|*
---------------------------------------------------------------------------------------------------------------------*/

FORM{
	font-family:Verdana, Arial;
	color:#78222F;
	font-style:normal;
	font-size: 16px;
	font-weight:bold;
	padding:2px;
}

FORM.frmLivraison{
	position:relative;
	margin:-310px 50px;
	color:#FFFFFF;
}

FORM.commandePane{
	position:relative;
	margin:10px 50px;
	width:100%;
}

FORM.frmLogin{
	position:relative;
	margin:-215px 50px;
	
}

 FORM.frmLogin .bouton{
	position:relative;
	margin:0px 90px;
}

FORM.frmAdresse{
	position:relative;
	margin:15px 50px;
}

#frmCreateAccount label{
	float:left;
	color:#FF0000;
	display: inline;
	width: 190px;
	text-align:right;
	margin-top:5px;
} 

#frmCreateAccount INPUT,SELECT,TEXTAREA{
	display: inline;
	margin-left:10px;
	margin-top:5px;
 } 

FORM.frmLogin label{
	float:left;
	color:#FFFFFF;
	display: inline;
	width: 100px;
	text-align:right;
	margin-top:5px;
} 

FORM.frmLogin INPUT.box,SELECT,TEXTAREA{
	display: inline;
	margin:5px 5px;
	border:solid 1px #6C6C6C;
	font-family:Verdana, Arial;
	color:#232323;
	font-style:normal;
	font-size: 11px;
 } 

FORM.frmMajAccount{
}

FORM.frmMajAccount label{
	float:left;
	color:#FFFFFF;
	display: inline;
	width: 150px;
	text-align:right;
	margin-top:5px;
} 

FORM.frmMajAccount INPUT.box,SELECT,TEXTAREA{
	display: inline;
	margin:5px 10px;
	border:solid 1px #6C6C6C;
	font-family:Verdana, Arial;
	color:#232323;
	font-style:normal;
	font-size: 11px;
	font-weight:normal;
 } 

FORM.frmMajAccount .bouton{
	position:relative;
	margin:15px 170px;
}

FORM.frmAdresse label{
	float:left;
	color:#FFFFFF;
	display: inline;
	width: 150px;
	text-align:right;
	margin-top:5px;
} 

FORM.frmAdresse INPUT.box,SELECT,TEXTAREA{
	display: inline;
	margin:5px 10px;
	border:solid 1px #6C6C6C;
	font-family:Verdana, Arial;
	color:#232323;
	font-style:normal;
	font-size: 11px;
 } 

 FORM.frmAdresse .bouton{
	position:relative;
	margin:15px 200px;
}