BODY {
	font-family : Trebuchet MS, Bitstream Vera Sans, Verdana, Arial, Sans serif;
	font-size : 13px;
	color : #000;
	background-color : #01002A;
}


/* centrage */

#global {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 1010px;
     height: 580px;
     margin-top: -290px; /* moitié de la hauteur */
     margin-left: -505px; /* moitié de la largeur */
		 /*border : 1px solid #FFF;*/
}


/* Layout */
#bandeauhaut, #flash {
	position : absolute;
	top : 0px;
	left : 0px;
	z-index : 2;
}
#fond {
	position : absolute;
	top : 73px;
	left : 0px;
	z-index : 0;
}
	
#accroche {
	position : absolute;
	top : 105px;
	left : 35px;
	color : #FFF;
	font-size : 14px;
	font-weight : bold;
	z-index : 2;
}
#ariane {
	position : absolute;
	top : 150px;
	left : 300px;
	font-size : 20px;
	/*font-weight : bold;*/
	color : #000;
	z-index : 2;
}
#arianePage {
	position : absolute;
	top : 162px;
	left : 115px;
	font-size : 20px;
	/*font-weight : bold;*/
	color : #000;
	z-index : 2;
}
#ariane, #arianePage A {
	color : #000;
	text-transform : uppercase;
	 z-index : 2;
}
#rubriques {
	position : absolute;
	top : 150px;
	left : 10px;
	z-index : 2;
}
#rubriques A {
	color : #000;
	font-size : 16px;
}
#sousRubriques {
	position : absolute;
	top : 200px;
	left : 260px;
	z-index : 2;
}
#sousRubriques img {
	display : block;
	width : 160px;
	height : 160px;
}
#sousRubriques td {
	padding-right : 10px;
}
#libSousRub {
	width : 170px;
	height : 63px;
	color : #000;
	font-size : 16px;
  text-align : center;
  background-image : url(../../public/img_fond/fond-libSousRub.jpg);
  background-repeat : no-repeat;
  margin-top : 2px;
  padding-top : 5px;
}
	
#fondDetail {
	position : absolute;
	top : 194px;
	left : 575px;
	z-index : 1;
}
#carousseldiv {
	position : absolute;
	top : 400px;
	left : 560px;
	z-index : 3;
}
#caroussel img {
	border : 1px solid #999;
}

#imageDetail {
	position : absolute;
	top : 195px;
	left : 240px;
	z-index : 3;
}
#imageDetail IMG {
	width : 300px;
	height : 300px;
	border : 1px solid #333;
}
#nomArticle {
	position : absolute;
	top : 222px;
	left : 602px;
	color : #FFF;
	z-index : 3;
	font-weight : bold;
}
#description {
	position : absolute;
	top : 250px;
	left : 602px;
	width : 350px;
	z-index : 3;
}
#prix {
	position	: absolute;
	top			: 375px;
	left		: 860px;
	z-index		: 3;
	font-weight	: bold;
}
#ajout, #imgajout {
	position : absolute;
	top : 510px;
	left : 300px;
	z-index : 3;
}
#ajout {
	position : absolute;
	top : 513px;
	left : 322px;
	z-index : 3;
}
#message {
	position : absolute;
	top : 540px;
	left : 320px;
	z-index : 3;
}

#contenuWrapper {
	position : absolute;
	top : 200px;
	left : 250px;
	z-index : 2;
}
#contenuWrapperPage {
	position : absolute;
	top : 200px;
	left : 60px;
	z-index : 2;
}
#contenu { 
	width : 680px;
	height : 370px;
	padding-right : 6px;
	overflow : auto;
	font-size : 11px;	
	z-index : 2;
}
#contenuPage { 
	width : 800px;
	height : 370px;
	padding-right : 6px;
	overflow : auto;	
	z-index : 2;
}
#contenuPage td {
  padding-top : 10px;
	padding-right : 20px;
	vertical-align : bottom;
	border-bottom : 1px solid #999;
}
#accesPanier {
	position : absolute;
	top : 104px;
	left : 790px;
	width : 205px;
	text-align : right;
	z-index : 3;
}
#panier TD {
	padding-right : 20px;
}
#panier TH {
	text-align : left;
	padding-bottom : 10px;
}
	

A img {
	border : 1px solid #666666;
}	

#menu {
  position : absolute;
  top : 80px;
  left : 20px;
  width : 980px;
  z-index : 2;
  text-align : right;
}

/* typographie */
A {
  text-decoration : none;
  color : #582F64;
  color : #000;
}

#menu A {
	font-size : 14px;
	font-weight : bold;
	padding-left : 10px;
	padding-right : 10px;
  color : #FFF;
}
#menu A:hover {
  color : #999;
}

H1 { /* fil d'ariane */
  color : #000000;
  font-size : 14px;
  font-style : italic;
  font-weight : bold;
  padding : 0;
  margin : 0;
  padding-bottom : 7px;
}


/* formulaires */
INPUT, SELECT, TEXTAREA {
	border : 1px solid #999999;
	background-color : #FFF;
	margin-left : 20px;
	margin-bottom : 4px;
}
DT {
	display : block;
	float : left;
	width : 20%;
	text-align : right;
}
#formContact TD {
	vertical-align : top;
}
.errors {
	color : red;
	font-size : 10px;
}

LI {
  padding-bottom : 20px;
  list-style-type : none;
  text-transform : uppercase;
}