/* CSS Document */
	
	
#page{
	position: relative;
	margin: auto;
	width: 980px;
	
	background-color: #FFF;
	
		
}

/*----------------------

	Sections
	
----------------------*/
#entete {
	position: relative;
	height: 155px;
	width: 980px;
	

}

#entete img{
	border: 0;
	

}

#bas {
	position: relative;
	height: 30px;
	width: 980px;
	
}

#bas img{
	border: 0;
	

}

#logo {
	position: absolute;
	top: 100px;
	left: 40px;
	height: 51px;
	width: 246px;

}

#contenu {
	position: absolute;
	top: 50px;
	left: 400px;
	width: 520px;
	height: 300px;
	color: #fefeff;
	font-size: 15px;
	line-height: 1.5em;
	font-family: tahoma;
	
}

#contenu strong {
	color: #ffa900;
}

#contenu a{
	color: #fefeff;
	font-size: 15px;
	font-family: tahoma;
	text-decoration: none;
	
}

#contenu img {
	border: 0;
}

#contenu a:hover {
	text-decoration: underline;
	color: #ffa900;
	
}


#centre {
	position: relative;
	width: 980px;
	height: 363px;
	background-image: url("../images/centre.jpg");
	background-repeat : no-repeat;
	
	border-bottom: 6px solid #8a98a7;
}



/*--------------------------

	Page type texte

---------------------------*/
#photo_gauche {
	position: absolute;
	top: 65px;
	left: 63px;
	height: 290px;
	width: 235px;
	
}

#photo_gauche img {
	height: 117px;
	width: 93px;
	margin-bottom: 3px;
	
}


/*--------------------------

	Type de page nouveauté

---------------------------*/
#navigation_gauche {
	position: absolute;
	top: 173px;
	left: 43px;
	width: 235px;
	height: 21px;
	text-align: center;
	
	font-family: arial;
	font-size: 15px;
	color: #536d88;
	letter-spacing: 2px;
}

#navigation_gauche a {
	color: #536d88;
	letter-spacing: 2px;
	text-decoration: none;
	font-weight: bold;
}

#navigation_gauche a:hover {
	text-decoration: underline;
	
}

#navigation_gauche img {
	vertical-align: middle;
	border: 0;
}

#nouveaute_titre a {
	position: absolute;
	bottom: 0;
	left: 654px;
	width: 321px;
	height: 20px;
	background-color: #3e434e;
	color: #FFF;
	font-weight: bold;
	font-family: arial;
	font-size: 15px;
	padding-left: 5px;
	padding-top: 3px;
	text-decoration: none;
	
	
}


/*--------------------------

	type de page produit

---------------------------*/

#centreProduit {
	position: relative;
	width: 976px;
	height: 360px;
	
	background-image: url("../images/centre_produit.jpg");
	background-repeat : repeat-x;
	
	
}

#hautProduit {
	position: relative;
	width: 976px;
	height: 180px;
	
}

#basProduit {
	position: relative;
	width: 976px;
	height: 180px;
	
}

#entete #menu_categorie {
	position: absolute;
	left: 492px;
	top: 0;
	width: 160px;
	font-family: tahoma;
}
#entete #menu_categorie a {
	color: #536d88;
	height: 18px;
	width: 157px;
	display: block;
	padding-top: 2px;
	padding-left: 3px;
	text-decoration: none;
}

#entete #menu_categorie a:hover, #entete #menu_categorie #categorie_active {
	background-color: #e6eaef;
}

.unProduit {
	position: relative;
	float: left;
	height: 178px;
	width: 160px;
	background-color: #fff;
	
	
	
}

.aucunProduit {
	position: relative;
	float: left;
	height: 175px;
	width: 160px;
	background-color: #fff;
	
	
}


.margeDroite {
	margin-right: 3px;
}

.titreProduit {
	position: absolute;
	top: 150px;
	left: 0px;
	text-align: center;
	width: 150px;	
}

#centreProduit img {	
	border: 0;
	height: 128px;
	width: 120px;
	padding-left: 20px;
}

#centreProduit a {
	position: relative;
	float: left;
	height: 175px;
	width: 160px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #536d88;
	background-color: #fff;
	display: block;	
	
	
}


#centreProduit a:hover {
	
	border-bottom: 5px solid #ffa900;
	
}

#bas #navigationProduit {
	position: absolute;
	/*left: 630px;*/
	right: 0;
	height:17px;
	/*width:345px;*/
	background-color: #e6eaef;
	
	text-align: justify;

	font-family: tahoma;
	font-size: 12px;
	color: #677e96;
	padding-top: 1px;
	padding-left: 3px;
	padding-right: 3px;
	margin-top: 4px;
	margin-right: 3px;


}

#bas #navigationProduit a {
	color: #677e96;
	text-decoration: none;
	

}

#bas #navigationProduit a:hover {
	
	text-decoration: underline;
	

}


/*-----------------------

	Menu haut
	
-----------------------*/
#entete #nouveautes {
	position: absolute;
	left: 326px;
	top: 133px;
	width: 163px;
	height: 18px;
}

#entete #produits {
	position: absolute;
	left: 491px;
	top: 133px;
	width: 162px;
	height: 18px;
}

#entete #galerie {
	position: absolute;
	left: 655px;
	top: 133px;
	width: 163px;
	height: 18px;
}

#entete #profil {
	position: absolute;
	left: 819px;
	top: 133px;
	width: 161px;
	height: 18px;
}

/*--------------------

	Menu en bas
	
--------------------*/
#bas #planSite {
	position: absolute;
	left: 30px;
	height:18px;
	width:95px;
}

#bas #contact {
	position: absolute;
	left: 143px;
	height:19px;
	width:58px;
}

#bas #recherche {
	position: absolute;
	
	left: 230px;
	height:18px;
	width:73px;
	vertical-align: top;
	
}

#bas #boiteRecherche {
	position: absolute;
	
	left: 323px;
	height:18px;
	width:350px;
}

#bas #boiteRecherche #txtRecherche {
	font-family: tahoma;
	font-size: 9pt;
}

#bas #boiteRecherche input {
	vertical-align: middle;
}

#bas #langue {
	position: absolute;
	left: 525px;
	height:18px;
	width:95px;
}

#bas #catalogue {
	position: absolute;
	left: 775px;
	height:18px;
	width:95px;
}



/*-------------------------

	Plan du site 

--------------------------*/
#plan_du_site {
	line-height: 1.2em;
}

/*-------------------------

	INTRO

-------------------------*/
#intro {
	padding-top : 87px;

}

/*-------------------------

	Pied

--------------------------*/

#pied {

	position: relative;
	width: 976px;
	height: 20px;
	text-align: left;
	padding-top: 35px;
	font-size : 11px;
	font-family: tahoma;
	color: #c0c8d1;
}

#pied a {
	color: #c0c8d1;
	text-decoration: none;
	font-size : 11px;
	
}

#pied a:hover {
	text-decoration: underline;
	color : #536d88;

}

#pied #copyright  {
	float: left;
	
}

#pied #realisation {
	float: right;
	
}


#pied #langue {
	text-align: center;
}



