/* CSS Document */

body {
	background-color: #017a9d;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#site { /* contient tout le site */
	width: 960px;
	height: 100%;
	background-color:#0185ab;
}

#entete { /* contient tout le site */
	width: 960px;
	height: 100%;
	background-color:#0185ab;
}
#diapo { /* contient le diaporama Flash XML */
	width: 558px;
	height: 200px;
}

#diapo img{ /* contient le diaporama Flash XML */
border:0;
}
#colonne-gauche { /* menu vertical colonne de gauche */
	width: 150px;
	float: left;
	background: url(../gfx/menu-corps.jpg) repeat-y;
}

#contenu { /* partie centrale */
	width: 558px;
	float: left;
	margin-left: 33px;
}

#colonne-droite { /* colonne droite : Nouveautes et Promos */
	width: 165px;
	float: left;
	margin-left: 33px;
}

/* ----- Contenu colonne de gauche ----- 
MENU 										*/
#colonne-gauche .menu-tete { /* titre de l encart */
	width: 150px;
	height: 100px;
	background: url(../gfx/menu-tete-v.jpg) no-repeat;
}

#colonne-gauche .menu-corps { /* corps de l encart */
	width: 150px;
	background: url(../gfx/menu-corps.jpg) repeat-y;
	font-size: 12px;
	font-weight: bold;
}

#colonne-gauche .menu-corps ul { /* style de la liste menu */
	padding: 0;
	margin: 0;
	list-style: none;
}

#colonne-gauche .menu-corps li { /*style de chaque item */
	padding: 0;
	margin: 0;
	height:20px;
	list-style: none;
	text-align: left;
}

#colonne-gauche .menu-corps li:hover{ /* survol de l item */
	background: url(../gfx/menu-select.jpg) no-repeat;
}

#colonne-gauche a { /* style du lien off */
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 12px;
}

#colonne-gauche a:hover { /* style du lien on (survole) */
	color: #FFFFFF;
	text-decoration: none;
}
#colonne-gauche .menu-pied { /* pied de l encart */
	width: 150px;
	height: 25px;
	background: url(../gfx/menu-pied-v.jpg) no-repeat;
}


/* Outils de pose */
#colonne-gauche .outils-tete { /* titre de l encart */
	width: 150px;
	height: 100px;
	background: url(../gfx/outils-tete-v.jpg) no-repeat;
}

#colonne-gauche .outils-corps { /* corps de l encart */
	width: 150px;
	background: url(../gfx/outils-corps.jpg) repeat-y;
	font-size: 12px;
	font-weight: bold;
}

#colonne-gauche .outils-corps ul { /* style de la liste menu */
	padding: 0;
	margin: 0;
	list-style: none;
}

#colonne-gauche .outils-corps li { /*style de chaque item */
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left;
}

#colonne-gauche .outils-corps li:hover{ /* survol de l item */
	background: url(../gfx/outils-select.jpg) no-repeat;
}

#colonne-gauche .outils-pied { /* pied de l encart */
	width: 150px;
	height: 25px;
	background: url(../gfx/outils-pied-v.jpg) no-repeat;
}
/* ----- Contenu colonne centrale ----- */
.pub {
	width: 558px;
	height: 100px;
	border: 1px solid #3dc8ff;
}

#listing {

}

#listing .produit {
	width: 168px;
	height: 205px;
	font-size: 12px;
	font-weight: bold;
	padding-left: 9px;
	padding-right: 9px;
	padding-top:35px;
	margin-top: 10px;
	float: left;
	cursor:pointer;
	background-image:url(../gfx/produit-off-v.jpg);
	background-repeat:no-repeat;
	background-position:center;
}


#listing .produit .divimage {

	width:150px;
	height:150px;
	background-color:#FFFFFF;
	cursor:pointer;	

}

#listing .produit .divimage img{
margin-bottom:auto;
margin-top:auto;
display:block;
}

#listing .produit a {
	color: #FFFFFF;
	text-decoration: none;
}



#listing .produit img {
	border: 0;
	padding-bottom:8px;
}

/* ----- Contenu colonne de droite ----- */
#nouveautes {
	width: 145px;
	height: 332px;
}

#nouveautes .nouveautes-tete {
	width: 145px;
	height: 100px;
	background: url(../gfx/nouveautes-tete.jpg) no-repeat;
}

#nouveautes .nouveautes-corps {
	width: 126px;
	height: 191px;
	background: url(../gfx/nouveautes-corps.jpg) repeat-y;
	text-align: left;
	font-size: 12px;
	color: #000000;
	padding-left: 6px;
	padding-right: 13px;
}

#nouveautes .nouveautes-pied {
	width: 145px;
	height: 41px;
	background: url(../gfx/nouveautes-pied.jpg) no-repeat;
	padding-top: 3px;
}

#nouveautes .nouveautes-pied a {
	font-size: 12px;
	font-weight: bold;
	color: #00ade2;
	text-decoration: none;
}

#promos {
	margin-top: 21px;
	width: 145px;
	height: 334px;
}

#promos .promos-tete {
	width: 145px;
	height: 100px;
	background: url(../gfx/promos-tete.jpg) no-repeat;
}

#promos .promos-corps {
	width: 126px;
	height: 191px;
	background: url(../gfx/promos-corps.jpg) repeat-y;
	text-align: left;
	font-size: 12px;
	color: #000000;
	padding-left: 6px;
	padding-right: 13px;
}

#promos .promos-pied {
	width: 145px;
	height: 41px;
	background: url(../gfx/promos-pied.jpg) no-repeat;
	padding-top: 3px;
}

#promos .promos-pied a {
	font-size: 12px;
	font-weight: bold;
	color: #9b322b;
	text-decoration: none;
}