@import url(htmlarea.css);

body, td{
	margin: 0px;
	padding: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
body {
	color: #FED7BD;
	overflow-y: scroll;
	background: #FDCFA6;
}
/*******************************************************/
/****************   BLOC PRINCIPAUX    *****************/
/*******************************************************/
#tout,  #footer { width: 760px; }

#tout { margin: 0px auto; background-color: #993333 }

.centre { padding: 3px 4px 3px 4px; height: 300px;  } 
.centre a { color: orange}
.gauche {
	padding-bottom: 18px;
	width: 180px;
}

#footer {
	font-size: 10px;
	color: #FFFFFF
}

/*******************************************************************/
/******************    BALISES GENERALES     **********************/
/*******************************************************************/
p {
	margin: 0px 0px 10px 0px;
}
a {
	text-decoration:none;
	margin: 0px;
	padding: 0px;  color: orange
}
a:hover { text-decoration: underline;  }

h1,h2,h3,h4,h5,h6 {
	margin:0px;
	color: #FED7BD;
}
#header h1 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 1px;
	margin-left: 18px;
	margin-bottom: 4px;
}

h1 {
	font-size: 20px;
	margin-bottom: 16px;
}
h2 {
	font-size: 14px;
	margin-bottom: 10px;
}
h3 {
	font-size: 16px;
}
h4 {font-size: 12px;padding: 0 10 0 0; margin-bottom:3px;}
img { color: #000000}

/* lists */
ul {
	padding-top:0px;
	padding-bottom:4px;
	padding-left: 10px;
	margin: 4px 0px 4px 10px;
}
li { padding-bottom: 6px}
form { margin: 0px}
table table{ margin-bottom: 0px}
/* forms */
input,textarea,select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background: #FFFFFF;
	border: 1px solid #666666; padding-left: 2px
}
/*******************************************************************/
/******************        NAVIGATION         **********************/
/*******************************************************************/

/******************** NAV1 *************************/
.nav{
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 2px;
	text-transform: uppercase;
	border-collapse: collapse;
	height: 21px;
	width: 100%;
}
.nav a {
	font-weight: bold;
	color: #990000;
}
.nav a:hover{color: #FFFFFF}
.nav p{
	margin: 0px;
	font-size: 11px
}
.nav td.on{ background: #FDCFA6}

.nav td {
	border-right: 1px solid #FF9966;
	border-left: 1px solid #FF9966;
	padding-right: 6px;
	padding-left: 6px;
	text-align: center;
}
/*********************** NAV2 ******************************/
.nav2{
	width: 170px;
	margin-bottom: 4px;
}
.nav2 td{
	padding: 0px;
}
.nav2 p{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 1px 0px;
}
.nav2 a{
	color: #000000;
	display: block;
	padding:2px 0px 2px 10px
}
.nav2 a:hover{
	color: #000000;
	background: #FF9966;
}
td.ssnav2 {
	padding-left: 18px;
	padding-top: 8px;
	padding-bottom: 8px;
}
p.ssnav1a_on, p.ssnav1a_off { border-left-color: #AAAAAA;}
p.ssnav1a_on { background-color: #FDCFA6} /**/
p.ssnav1a_off {	background-color: #F5F5F5;  }
p.ssnav1a_off a{ color:#000000 }

p.ssnav2a_on { margin-left: 20px; border-left: none; }
p.ssnav2a_off {	margin-left: 20px; border-left: none; padding-bottom: 2px; background: #F9F9F9; }

p.ssnav3a_on { margin-left: 24px; border-left: none; }
p.ssnav3a_off {margin-left: 24px; border-left: none; background-color: #F5F5F5; }
p.ssnav3a_on, p.ssnav3a_off { } 

/******************** SS_NAV2 *************************/
table.nav2 .ssnav2{ background-color: white; width: 100%; }
table.ssnav2 a{
	color: #CD5A00;
	padding-left: 4px;
	width: 100%;
}

/***************		NAVUSER		*********************/
.navUser {
	margin: 0px 3px 0px 0px;
	padding: 0px;
}
.navUser p{
	padding: 0px 0px 0px 16px;
	margin: 1px 0px;
	background: url(images/puceNavuser.gif) no-repeat 2px center;
}
.navUser a{
	font-weight: bold;
	color: #FFFFFF;
	padding: 1px 1px 1px 1px;
	font-size: 9px;
	/*height: 20px;*/
}
.navUser a:hover{ }

/*************	Nav tools	*********************/
.navTools {
	margin: 0px 0px 4px;
	padding: 0px;
}

.navTools li {
	list-style-type: none;
	padding: 0px 0px 0px 20px;
	float: right;
	margin-right: 4px;
	height: 20px;
}
.addFav{
	background: url(images/favorits_add.gif) no-repeat;
	}
.print{
	background: url(images/printer.gif) no-repeat;
	}
/**********************		Nav Footer	*************************************/
.navFooter { margin: 10px 0px 10px 0px; }
.navFooter td{ padding: 2px 8px; text-align: center }
.navFooter a { color: #FFFFFF; height: 14px; }
.navFooter p { padding-left: 14px}


/***************************************************************/
/**************       CLASSES DIVERSES         *****************/
/***************************************************************/
/*******	Classes dans le Header**********	***/
.drapeaux {
	text-align: center;
	width: 184px;
}
.fotoHome { }
.fotoHome img{
	border: 5px solid #CC3333;
}
.redLight {
	background: #DA6A6A;
	border-top: 4px solid #CC3333;
}
.redLight2 { background-color: #B86D66; border-top: 4px solid #993333}
#formLogin {
	padding: 4px;
	font: 10px Arial;
	margin: 6px 0px 0px 0px !important;
	margin: 6px 0px 8px 0px;
	border-top: 1px solid #FF9966;
	border-bottom: 1px solid #FF9966;
	border-left: 1px solid #FF9966;
	width: 350px;
}
#formLogin label{
	margin: 0;
	padding: 0;
}
#formLogin span {
	color: #FFFFFF;
	text-align: right;
	padding-right: 3px;
	width: 100px;
	display: block;
	float: left;
}
#formLogin td {font-size: 10px}

#formLogin input {
	padding: 0;
}
#formLogin p {
	font-size: 11px;
}
.userName {
	padding: 2px;
	border-bottom: 2px solid #DA6A6A;
	margin-bottom: 2px;
}
.slogan {
	color: #FFFFFF;
	padding-left: 8px;
	text-align: center;
	margin-bottom: 2px;
}

.headerTop { }
.headerBot { border-bottom: 4px solid #CC3333; }
.search { margin: 0px 0px 4px 4px}
.search label { float:left; margin-right: 2px}
/**  PAVE CENTRE   ************************************************/
.noline { border: none}
.submit {
	font-weight: bold;
	border: 1px solid #6CA336;
	background-color: #D5EDB3;
	color: #5C743D;
	height: 16px;
	width: 26px;
}
.submit2 {
	font-weight: bold;
	color: #000000;
	margin-bottom: 2px;
	background-color: #FDCFA6;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid #702525;
}
.submit3 {
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	margin: 2px 0px 10px;
	text-align: center;
	border: 1px solid #999999;
	background: #FFFFFF url(images/arrow.gif) no-repeat 4px center;
	padding: 1px 10px 1px 15px;
}
.submit3 a,.submit3 a:hover{
	color: #000000;
}
.addToCaddie {
	background: #FFE493;
	border: 1px solid #999999;
}
.payOnline {
	border: 1px solid #6CA336;
	background: url(images/cb_images.jpeg) no-repeat center top;
	height: 16px;
	width: 74px;
}
.imgrite {
	margin-left:5px;
	margin-bottom:5px;
}
.imgleft {
	margin-right:5px;
	margin-bottom:5px;
}
.gras {
	font-weight: bold;
}
.grasBleu {
	color: #2C84EF;
	font-weight: bold;
	background: #FFFFFF;
	font-size: 10px;
	padding: 1px 2px;
}
.italique {
	font-style: italic;
	color: #CD5A00;
}
.toClick {
	/*width:400px;*/
	color: #2C84EF;
	padding: 3px;
	background: #FEE7D5;
	border-top: 4px solid #FF9966;
	font-weight: bold;
}

/*************  contact  ******************************/ 
.formtable{
	margin-top: 10px;
	background-color: #FFFFFF;
}
.formtable td{ color: #000000}

.formtable .asterisk {
	color:#CC0000;
	font-size: 10px;
	text-align: center;
}

/************  FOOTER   ********************************************************************************/
td.up {
	;
	background-color: #E2E5EF;
	padding: 0px;
}

td.neteor {
	font-size: 10px;
	color: #000000;
	background: #FF9966;
	padding: 3px;
}
.neteor a { color: #993333}
/****************	LISTING		********************/
.listingHome {
	margin-bottom: 12px;
}
.listingHome td{
}

.listingHome h2 {
	padding-top: 4px;
	padding-bottom: 2px;
	margin-bottom: 0px;
	letter-spacing: 0px
}
.listingHome li {
	background: url(images/puceCarre.gif) no-repeat 0px 5px;
	padding-left: 8px;
	padding-bottom: 2px;
	margin-bottom: 2px;
}
.listingHome .infos{
	margin-bottom: 6px;
	border-collapse: collapse
}

.listingHome .infos td{
	border-top: 1px solid #CCCCCC;
	padding: 1px;
}
.listingHome .tit{
	font-size: 11px;
	font-weight: bold;
	background: url(images/puceTit2.gif) no-repeat 2px 6px;
	padding: 2px 4px 4px 14px;
	border-top: 1px solid #DCDCBA
}

.listingHome .tit a{
	color: #990000;
}
.mini {
	background-color: #FFFFFF;
	margin: 0;
	text-align: center;
	height: 135px;
	width: 135px;
}
td.button { padding: 4px 0px 4px 0px}
.preview { margin-bottom: 10px; }
.price {
	padding: 3px 0px;
	font-size: 10px;
}

/****************		DETAIL D'UN PRODUIT		****************/
.detail { }
.detail b { color: #FED7BD}
.detail td { padding: 4px; }
.detail .infos { padding:0px 0px 0px 10px; vertical-align: top; line-height: 16px}

/************** AJOUT AU CADDIE EN PAGE D'ACCUEIl	*******************/
table.button2 {
	border-top: 1px dashed #CCCCCC;
}
table.button2 td{ padding: 3px}

table.button2 p{  padding-top: 0px; margin-bottom: 0px;}
.btn {
	margin-top: 14px; 
}
/**/
td.imgtoright {
	padding-top: 3px;
	padding-bottom: 4px;
	padding-right: 2px;
}
.imgtoright img{ float: right; margin-left: 4px; margin-bottom: 4px}
.short_desc {
	margin-bottom: 20px;
	vertical-align: middle;
	margin-top: 4px;
}
.short_desc td{
	vertical-align: middle;
	padding-left: 4px;
}
.short_desc img{ float: right}

/****************    CADDIE    ****************/
.caddie {
	margin-bottom: 14px;
	border-collapse: collapse;
	
}
.titcaddie {
	font-size:16px;
	padding-bottom: 6px;
	text-align: center;
}
.caddie .tit{
	font-size: 11px;
	font-weight: bold;
	background: #DA6A6A;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 4px;
}

.caddie td {
	padding: 4px;
	background: #FFFFFF;
	border: 1px solid #CC3333;
	color: #000000;
}
.caddie a { color: #3366FF}
.caddie .gras_rouge{
	font-weight: bold;
	color:#993300;
	font-size: 12px;
}
.message {
	color: #FF0000;
	width: 400px;
	padding: 2px;
	border: 1px dotted #B3B366;
}
.message td {
	font-size: 12px;
	padding: 12px;
}
/********************************************************************/
/*****   Page Commande de Produit ( processus de commande)     ******/
/********************************************************************/
.navPay {
	margin-bottom: 20px;
	width: 100%;
	margin-top: 10px;
	height: 24px;
}
.navPay p {
	padding: 6px 0px;
	margin: 0px;
	text-align: center;
}
.navPay td {
	padding: 0px 0px;
	vertical-align: middle;
	font-size: 12px;
}
.navPay_off, .navPay_on { }
.navPay_off p{
	color: #DA6A6A;
	border: 1px solid #FEE7D5;
	padding: 2px 3px;
	font-size: 10px;
}
.navPay_on p{
	color: #742F22;
	background: #FEE7D5;
	border-top: 2px solid #CC9900;
	border-right: 1px solid #CC9900;
	border-bottom: 2px solid #CC9900;
	border-left: 1px solid #CC9900;
}
.navPay_on a{
	color: #742F22;
}
.step1, .step2, .step3{ width: 12px; }
.step1 { background: url(images/arrow.gif) no-repeat -1px center; }
.step2 { background: url(images/arrow2.gif) no-repeat -1px center; }
.step3 { background: url(images/trait.gif) repeat-x -1px center; }

.loginForgot {
	line-height: 16px;
	margin-top: 18px;
	padding: 0px;
}
.linkToTheright {
	text-align: right;
}

.linkBack {
	padding-left: 12px;
	background: url(images/puceBack.gif) no-repeat 0px 4px;
}
.linkBack a{ color: #FFFFFF}
.drapeaux img {
	margin-right: 4px;
	margin-left: 4px;
}
.slogan2 {
	font-size: 14px;
	color: #FED7BD;
}
.slogan2 h2 {
	font-weight: bold;
	font-size: 18px;
}
.slogan2 a {
	background: url(images/puceNavuser2.gif) no-repeat 0px 6px;
	padding-left: 12px;
	font-size: 13px;
}

/****************		PAGINATION		****************/
.pagination { text-align: center}
.pagination a {
	color: #FFFFFF;
	font-size: 13px;
}
.pagination .on {
	font-weight: bold;
	font-size: 13px;
	background: #FFFFFF;
	color: #993333;
	padding: 0px 2px;
}

/*******************	HTMLAREA	*******************/
p.titre_bleu_18pt { color: #196bdb; font-size: 18px; margin-bottom: 4px}
p.titre_orange_18pt { color: #FF9900; font-size: 18px; margin-bottom: 4px}
p.titre_vert_18pt { color: #36AC54; font-size: 18px; margin-bottom: 4px}

p.titre_bleu_14pt { color: #196bdb; font-size: 14px; margin-bottom: 4px}
p.titre_orange_14pt { color: #FF9900; font-size: 14px; margin-bottom: 4px}
p.titre_vert_14pt { color: #36AC54; font-size: 14px; margin-bottom: 4px}

.texte_violet { color: #B6104B}
.texte_bleu { color: #196bdb}
.texte_vert { color: #36AC54}
.texte_orange { color: #FF9900}