.cadrefr1 { border: 1px solid #2e1414;}
.cadrefr2 { border: 1px solid #2e1414; background-color:#61191a;}
.cadrefr3 { border: 1px solid #FFFFFF; background-color:#61191a;}
.cadrefr4 { border: 1px solid #2e1414; background-color:#FFCCCC;}
.cadrefr9 { border: 1px solid #2e1414; background-color:#FFFFFF;}
.cadrefr5 { border: 1px solid #FFCCCC; }
.cadrefr6 { border: 1px outset #2e1414; background-color:#ae2926;}
.cadrefr8 { border: 1px solid #ae2926; }

.formulaire { margin: 0px; font-size: 10px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; }
.formulaireCO { margin: 0px; font-size: 10px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; }

.tableau {border-style:solid;border-color: #000000;border-collapse:collapse;}
.tableau1 {border-style:solid;border-color: #000000; color: black; font-size: 11px; font-family: arial, verdana, helvetica; font-weight: normal; background-color: #888888; }

.rolltableauoff { background-color: transparent; border-style:solid;border-color: #000000;}

/******* Menu Texte *******/
.menuTitre,a.menuTitre:link,a.menuTitre:visited,a.menuTitre:active {
 font-size: 10px;
 letter-spacing: 1px;
 color: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
 padding-left:9px;
 padding-right:13px;
 border-right: 1px solid #FFFFFF; 
}

.menuTitre:hover,a.menuTitre:link:hover,a.menuTitre:visited:hover,a.menuTitre:active:hover {
 font-size: 10px;
 letter-spacing: 1px;
 color: #FFCCCC;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
 padding-left:9px;
 padding-right:13px;
 border-right: 1px solid #FFFFCC; 
}

/******* Module Actu *******/
#newsCadre { position: relative; width:220px; height:220px;}
#newsMasque { position: relative; left:10px; top:10px; width:210px; height:210px; overflow:hidden; }
#newsDeroulante1 { position: absolute; width:210px; height:210px; }
#newsDeroulante2 { position: absolute; width:210px; height:210px; }
.newsInfo { display: none;}

.titreNews { margin: 0px; font-size: 22px; font-weight: bold; color: #FFFFFF; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; display: block; }
.accrocheNews { margin: 0px; font-size: 12px; font-weight: bold; color: #FFCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; display: block;padding-top:10px;  }
.texteNews { margin: 0px; font-size: 11px; font-style: normal; color: #FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif; display: block; padding-top:5px; }

#bottom a:active, #bottom a:link, #bottom a:hover, #bottom:visited { color: #810046; }

/******* Champs de saisie *******/
input { 
	background-color: #60191a;
	margin: 0px; 
	border: 1px solid #000000;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
select {
	background-color: #60191a;
	margin: 0px; 
	border: 1px solid #000000;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
textarea { 
	background-color: #60191a; 
	margin: 0px; 
	border: 1px solid #000000;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/******* les listes dans le site *******/
ul {
	margin-left: 0;
	padding-left: 38px;
	margin-top: 0;
	color: #FFCCCC;
	list-style-type: square;
}

/******* divers *******/
.gras {
	font-weight: bold;
}
.centre {
	text-align: center;
}
.gauche{
	text-align: left;
}
.cache {
	display: none;
}
.erreur {
	color: #FFAAAA;
	text-align: center;
}
hr {
	margin: 0;
	height: 1px;
	border-bottom: 1px dotted #ffffff;
}

/*****************************************************************************************************/
/***************************************** APERCU PANIER *********************************************/
#apercuPanier {
	margin: 0px;
	padding: 0 0 0 9px;
	font-size: 10px;
	color: #FFAAAA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: inline;
}

#apercuPanier a:link, #apercuPanier a:active, #apercuPanier a:hover, #apercuPanier a:visited {
	font-size: 10px;
	color: #FFAAAA;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: inline;
}

/*****************************************************************************************************/
/*************************************** LISTE DES PRODUITS ******************************************/
h1#titreListeProduits {
	margin-top: 14px;
	text-align: left;
}

/*****************************************************************************************************/
/******************************************** BOUTIQUE ***********************************************/

/******* la liste specifique des composants *******/
.listeComposants {
	margin: 20px 0px 20px 0px;
	padding-left: 34px;
	padding-right: 20px;
	color: #FFCCCC;
	list-style-type: square;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/******* chaque ligne de la liste specifique des composants *******/
.listeComposants li {
	padding-bottom: 9px;
}

/******* div de 20px de marges, sauf right pour scroll description *******/
div.rectTxt {
	margin: 20px 14px 20px 20px;
}
/******* div de 20px de marges *******/
div.carreTxt {
	margin: 20px;
}

/******* les textes et titres *******/
h1.boutique {
        margin-top: 14px;
        font-size: 13px;
        color: #FFFFFF;
        font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
        font-weight: bold;
        text-align: center;
}

h2.boutique {
        font-size: 10px;
        color: #FFCCCC;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-style: italic;
}
.txt {
	color: #FFFFFF;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.txtRose {
	color: #FFCCCC;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p.pAccueil {
	margin: 20px;
	font-size: 10px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
}

p.descProduit {
	height: 117px;
	overflow: auto;
	padding-right: 6px;
	font-size: 10px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
}

p.prixFr {
	margin-right: 6px;
	font-size: 10px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
}

.prixEu {
	color: #FFAAAA;
	font-weight: normal;
}
#finaliserCommande {
	margin: 0;
	padding: 0;
	width: 237px;
	height: 20px;
	background: #660000;
	text-align: center;
}

/*****************************************************************************************************/
/***************************************** PANIER - CLIENT *******************************************/
#panier, #client {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
* html #panier, * html #client {
	width: 97%;
}
#panier h1, #client h1 {
	margin-top: 0;
}
#panier p, #client p {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

/*****************************************************************************************************/
/********************************************* PANIER ************************************************/
#panier input#validerPanier {
	text-align: center;
	background-color: #e9e0db;
	color: #60191a;
	width: 240px;
	height: 20px;
	border: 1px solid #60191a;
}

/******* le panier proprement dit (tableau) *******/
#tablePanier {
	margin: 0;
	border-collapse: collapse;
	width: 100%;
}
#tablePanier tr {
	height: 20px;
}
#tablePanier tr#entetePanier {
	background-color: #3a1a1a;
}
#tablePanier tr#bottomTable {
	background-color: #3f1717;
	height: 40px;
}
/*** colonnes du tableau tablePanier ***/
#tablePanier td.ColPanierNonExpediable {
	width: 18px;
}
#tablePanier td.ColPanierNomArticle {
	text-align: left;
}
#tablePanier td.ColPanierQuantite {
	width: 34px;
	text-align: center;
}
#tablePanier td.ColPanierPrixUnitaire {
	width: 64px;
	text-align: right;
}
#tablePanier td.ColPanierPrixAjustement {
	width: 64px;
	text-align: right;
	color: #FFCCCC;
}
#tablePanier td.ColPanierSupprimer {
	width: 34px;
	text-align: center;
}
#tablePanier td.ColPanierCoffret {
	width: 20px;
}

/*****************************************************************************************************/
/*************************************** VALIDATION COMMANDE *****************************************/
#adrFactVal {
	width: 245px;
	float: left;
	text-align: left;
	border: 1px dotted #3c1c1c;
}
#adrLivrVal {
	width: 245px;
	float: right;
	text-align: left;
	border: 1px dotted #3c1c1c;
}
#adrFactVal p, #adrLivrVal p {
	margin-left: 10px;
}

#tablePanier td.ColPanierComNonExpediable {
	width: 18px;
}
#tablePanier td.ColPanierComNomArticle {
	text-align: left;
}
#tablePanier td.ColPanierComQuantite {
	width: 54px;
	text-align: center;
}
#tablePanier td.ColPanierComPrixUnitaire {
	width: 74px;
	text-align: right;
}
#tablePanier td.ColPanierComCoffret {
	width: 30px;
	text-align: right;
}
#tablePanier tr#bottomTableCom {
	background-color: #3f1717;
	height: 30px;
}

#formCGV {
	text-align: left;
	margin-left: 30px;
	margin-right: 30px;
}
#formCGV input {
	margin-top: 3px;
}
/*****************************************************************************************************/
/********************************************* CLIENT ************************************************/

/******* formulaire de log et d'inscription *******/
.formClient {
	margin: 0;
	width: 340px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}
.formClient input.inputClient, .formClient select.inputClient, #formEmail input.inputClient, #formParrainage input.inputClient {
	width: 160px;
}

/*** formulaire de MaJ e-mail ***/
#formEmail {
	margin: 0;
	text-align: left;
}

/*** formulaire de parrainage ***/
#formParrainage {
	margin: 0;
	text-align: center;
}

/*** adresses ***/
#formAdresses {
	margin: 0;
	padding: 0;
}
#adresses {
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
}
#adrFact {
	margin: 0;
	padding: 0;
	width: 245px;
	float: left;
	text-align: right;
}
#adrLivr {
	margin: 0;
	padding: 0;
	width: 245px;
	float: right;
	text-align: right;
}
#adrFact input, #adrLivr input {
	margin: 0;
	padding: 0;
	width: 150px;
}
#adrFact select, #adrLivr select {
	width: 152px;
}

#validAdr {
	margin: 0;
	padding: 0;
	text-align: center;
}
#validAdr input#validAd {
	text-align: center;
	background-color: #e9e0db;
	color: #60191a;
	width: 240px;
	height: 20px;
	border: 1px solid #60191a;
}

/*****************************************************************************************************/
/********************************************* COFFRET ***********************************************/
#coffret {
	margin: 0px;
	width: 100%;
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

#coffret th {
	margin: 0;
	line-height: 24px;
	background-color: #660000;
	border-top: 1px solid #2e1413;
	border-bottom: 1px solid #2e1413;
	font-weight: normal;
}
.coffretColonneNom {
	padding-left: 7px;
	line-height: 20px;
}
.coffretColonneQuantite {
	text-align: center;
}
#annulerCoffret td {
	background: #a55351;
	border: 1px solid #2e1413;
	line-height: 18px;
}
#verifierCoffret td, #validerCoffret td {
	background: #660000;
	border: 1px solid #2e1413;
	line-height: 18px;
}
