* {margin:0; padding:0;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#ccc;
}

/*///////////////////*/
/* Conteneur global */
/*/////////////////*/

#global{
	position:relative;
	background-image:url(graf/bg.jpg);
	left: 50%; 
    margin-left: -450px; /* moitié de la largeur */
	width:900px;
	height:1394px;	
}

#header {
	position:absolute;
	background:url(graf/head_bg.gif) no-repeat;
	left:34px;
	top:20px;
	height:205px;
	width:831px;
}

.header {
	margin-left:6px;
	margin-top:9px;
}

#main {
	position:absolute;
	margin-top:205px;
}

#caddie {
	position:absolute;
	text-align:center;
	margin-left:34px;
	margin-top:33px;
	height:20px;
	width:211px;
}

#search_div {
	position:absolute;
	background:url(graf/search_bg.jpg) no-repeat;
	margin-left:34px;
	margin-top:53px;
	height:80px;
	width:211px;
}

#nav {
	position:absolute;
	background:url(graf/nav_bg.jpg) no-repeat;
	margin-left:261px;
	margin-top:33px;
	height:36px;
	width:604px;
}

#nb_produits {
	position:absolute;
	margin-top:8px;
	margin-left:15px;	
}

#pagination {
	position:absolute;
	margin-top:8px;
	margin-left:250px;
}


#colonne {
	position:absolute;
	background:url(graf/menu_bg.jpg) no-repeat;
	margin-left:34px;
	margin-top:142px;
	height:976px;
	width:217px;
}

#colonne li {
	list-style-type:none;
	margin-top:5px;
	font-size:10px;
}

#colonne a {
	list-style-type:none;
	margin-top:5px;
	font-size:10px;
}

#marge_10 {
	margin:10px;	
}


#center {
	position:absolute;
	margin-left:261px;
	margin-top:79px;
	width:604px;
}

#produit {
	position:relative;
	background:url(graf/produit_bg.png);
	margin-top:6px;
	height:202px;
	width:609px;
}

#image {
	position:absolute;
	text-align:center;
	margin:25px 0px 0px 10px;
	width:150px;
	height:150px;
}

#titre {
	position:absolute;
	margin:10px 0px 0px 180px;
	width:400px;
	height:20px;
}

#texte {
	position:absolute;
	margin:40px 0px 0px 180px;
	width:400px;
	height:115px;
	overflow:auto;
}

#prix {
	position:absolute;
	margin:165px 0px 0px 180px;
	width:190px;
	height:20px;
}

#img_panier {
	position:absolute;
	margin:160px 0px 0px 360px;
	width:190px;
}

#ajout_panier {
	position:absolute;
	margin:169px 0px 0px 390px;
	width:190px;
}

#double {
	position:relative;
	background:url(graf/double_bg.png);
	margin-top:6px;
	height:410px;
	width:609px;
}

#contact {
	position:absolute;
	background:url(graf/double_bg.png) no-repeat;
	margin-left:261px;
	margin-top:33px;
	height:410px;
	width:609px;
}

#formulaire {
	position:absolute;
	margin-left:15px;
	margin-top:15px;
	
}

#coordonnees {
	position:absolute;
	margin-left:350px;
	margin-top:15px;
}

/*/////////////////////*/
/*** PAGE D'ACCUEIL ***/
/*///////////////////*/

#double {
	position:absolute;
	background:url(graf/double_bg.png) no-repeat;
	margin-left:261px;
	margin-top:87px;
	height:340px;
	width:609px;
}

#double_2 {
	position:absolute;
	background:url(graf/double_bg.png) no-repeat;
	margin-left:261px;
	margin-top:432px;
	height:340px;
	width:609px;
}

#double_3 {
	position:absolute;
	background:url(graf/double_bg.png) no-repeat;
	margin-left:261px;
	margin-top:779px;
	height:340px;
	width:609px;
}


#produit_1 {
	position:absolute;
	margin:45px 0px 0px 10px;
	text-align:center;
	width:178px;
}

#produit_2 {
	position:absolute;
	margin:45px 0px 0px 215px;
	text-align:center;
	width:178px;
}

#produit_3 {
	position:absolute;
	margin:45px 0px 0px 420px;
	text-align:center;
	width:178px;
}




/*///////////////////*/
/*** PAGE PRODUIT ***/
/*/////////////////*/

#center_pp {
	position:absolute;
	margin-left:261px;
	margin-top:33px;
	width:604px;
}

#produit_pp {
	position:relative;
	background:url(graf/produit_bg.png);
	height:202px;
	width:609px;
}

#meme_rub {
	position:relative;
	text-align:center;
	background:url(graf/meme_rub.png) no-repeat;
	margin-top:16px;
	height:36px;
	width:609px;
}

/*////////////////////*/
/*** ZONE ETIRABLE ***/
/*//////////////////*/

	div#top_zone {/* conteneur global et arrière-plan du titre du cadre */
	width: 609px;
	padding-top: 20px;
	background: url(graf/top_zone.png) top left no-repeat;
	}
	div#bottom_zone {/* arrière-plan bas et sur l'ensemble du cadre */
	background: url(graf/bottom_zone.png) bottom left no-repeat;
	padding-bottom: 20px;
	}


/*//////////////////*/
/*** BAS DE PAGE ***/
/*////////////////*/

#footer {
	position:absolute;
	text-align:center;
	width:900px;
	height:40px;
	bottom:0px;
}

#footer li {
	display:inline;
	list-style-type:none;
	margin-left:30px;
}

#footer a {
	color:white;
	font-size:10px;
	font-weight:bold;
}


/*/////////////////////////*/
/* Mise en forme du texte */
/*///////////////////////*/

/*//////////////////*/
/*/// LES LIENS ///*/
/*////////////////*/


A:link {color:black;text-decoration: none;font-size:10px;}
A:visited {color:black;text-decoration: none;font-size:10px;}
A:hover {color:black;text-decoration: underline;font-size:10px;}

A.white:link {color:white;text-decoration: none;font-size:11px; font-weight:bold;}
A.white:visited {color:white;text-decoration: none;font-size:11px; font-weight:bold;}
A.white:hover {color:white;text-decoration: underline;font-size:11px; font-weight:bold;}


/*////////////////*/
/*/// LE TEXTE///*/
/*//////////////*/

p {
	font-size:10px;	
}

h1 {
	font-size:24px;
	font-weight:bold;
	letter-spacing:5px;
}

h3 {
	font-size:14px;
	font-weight:bold;
	color:#ab3e01;
}

h4 {
	font-size:11px;
	color:white;
}

h5 {
	font-size:12px;	
}

h6 {
	font-size:10px;
	font-weight:bold;
}

.h3{
	font-size:14px;
	font-weight:bold;
	color:#ab3e01;
}

.h6{
	font-size:10px;
	font-weight:bold;
	color:#ab3e01;
}