/* style vdd */

/****************************/
/****** Redefinition *******/

body{
	BACKGROUND-COLOR: #AE775A;
	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
	COLOR: #FFFFFF; FONT-SIZE: 11px;
}

img{
	border: 0;
}

/*************************/

/*************************************/
/*** style utilisé dans index.php ***/

/* div pour le flash en haut a gauche */
.cadreflash {
	width: 192px;
	height: 192px;
	float: left;
	margin-right: 20px;
}

/* div pour le menu en haut a droite du flash */
.cadremenu {
	width: 550px;
	height: 192px;
	padding-left: 20px;
	padding-top: 48px;
}

.spanmenuhaut {
	FONT-SIZE: 16px;
	line-height: 24px;
}



.textecourant {
	FONT-SIZE: 11px;
	
}


/*******************************/

/**********************/
/***** Catalogue *****/

/* div qui contient la liste des familles */
.cat {	
	width: 192px;
	height: 330px;
	float: left;
	margin-right: 20px;
	margin-top: 33px;
}

/* div qui contient la description de l'item en cours */
.desc {
	width: 370px;
	height: 330px;
	float: left;
	margin-left: 20px;
}

.descinbox{
	background-color: #A76E52;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 360px;
}

.recapcaddy {
  position: absolute;
	left: 620px;
	height: 300px;
	width: 200px;
}

.recapinbox{
	background-color: #A76E52;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 300px;
  FONT-SIZE: 10px;
}

.gencaddy {
  position: absolute;
	left: 212px;
	width: 700px;
}

/*******mini caddy*****/
.tabminicaddy{
  FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
  COLOR: #FFFFFF;
  FONT-SIZE: 9px;
}

.titrepanier {
	FONT-SIZE: 16px;
}	

/***********************/

/****************************/
/**** Zone pré paiement ****/

.cadrecaddy{
	top: 210px;
	left: 250px;
	POSITION: absolute;
	width: 241px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #AE775A;
}

.flashcaddy {
	left: 0px;
	width: 240px;
	margin-right: 20px;
	position: absolute;
}

.tabcaddy{
	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
	COLOR: #FFFFFF;
	FONT-SIZE: 11px;
}

.cadreticket{
	top: 20px;
	left: 250px;
	width: 241px; POSITION: absolute;
	BACKGROUND-COLOR: #FFFFFF;
}

.cadreform{
	COLOR: #AE775A;
	top: 223px;
	left: 520px;
	width: 300px; POSITION: absolute;
	BACKGROUND-COLOR: #FFFFFF;
	padding-left: 10px;
	padding-top: 10px;
	margin-top: -10px;
}

.cadreret{
	top: 110px;
	left: 520px;
	width: 170px; POSITION: absolute;
}

.titrepanierfinal{
	FONT-SIZE: 20px;
	
}
/******************************/
/******************************/

/**********************************/
/***** Zone recap/paiement *******/
.titrerecap{
	FONT-SIZE: 25px;
	color: #FFFFFF;
}
.sstitrerecap{
	FONT-SIZE: 20px;
}
.cadrerecap{
	width: 400px;
	text-decoration:none; 
	color: #AE775A;
	FONT-SIZE: 14px;
	BACKGROUND-COLOR: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/****************************/

/************************/
/******** Lien *********/

/** general **/
a:link{
	text-decoration:none; 
	color:white;
}
a:visited{
	text-decoration:none; 
	color:white;
}

/** liste **/
a.liste:active{
	text-decoration:none; 
	color:white;
}

/** over **/
a.overcosmo:hover{
	text-decoration:none; 
	color: #000000;
}
a.overrose:hover{
	text-decoration:none; 
	color: #C6006F;
}
a.overbleu:hover{
	text-decoration:none; 
	color: #00AEF9;
}
a.overjaune:hover{
	text-decoration:none; 
	color: #F7C407;
}
a.oververt:hover{
	text-decoration:none; 
	color: #54B948;
}

/** lien panier **/
a.panier:link{
	text-decoration:none; 
	color: #C6006F;
	font-weight:bold;
	FONT-SIZE: 14px;
}

a.panier:visited{
	text-decoration:none; 
	color: #C6006F;
	font-weight:bold;
	FONT-SIZE: 14px;
}

a.panier:hover{
	text-decoration:none; 
	color: white;
	font-weight:bold;
	FONT-SIZE: 14px;
}

/**********************/

/*********************/
/****** Divers ******/

/*pour centrer le site */
/* pas forcement utile -> a verifier */
.global{
	LEFT: 50%; POSITION: relative; MARGIN-LEFT: -395px;
}


.cadrelivre {
	top: 60px;
	left: 250px;
	width: 550px;
	padding-left: 20px;
	padding-top: 48px;
	POSITION: absolute;
}

.cadrehtml {
	padding-left: 260px;
	width: 530px;
}
.cadrepanier{
	margin-left: 280px;
}

.nomchoco{
	FONT-SIZE: 14px;
	COLOR: #F7C407;
	font-weight:bold;
}

.titrelivre{
	FONT-SIZE: 20px;
	COLOR: #00AEF9;
}

.nomchoco2{
	FONT-SIZE: 14px;
}

.pad_actu{
	padding-left: 20px;
}
/**************************/