body{
	background-color:#f4f2f3;
	background-image:url("../images/background.jpg");
	background-repeat:repeat-x;
	color:#393939;
	font-size:11px;
	margin:0;
	font-family:verdana;
}

h1{font-size:22px;color:#d4d2d2;font-size:12px;}

h2{
	font-size:8px;
	color:#3e3e3d;
}

h3{
	font-size:14px;
	font-style:italic;
}

p{font-size:13px;}

img{	border:0px;}

.imgArt{
	width:97px;
	height:135px;
}

/*-------------------------------------------------------------
	LIEN
-------------------------------------------------------------*/

a:link {text-decoration:none;color:#393939;outline-color:invert;outline-style:none;outline-width:0;}
a:visited {text-decoration:none;color:#393939;outline-color:invert;outline-style:none;outline-width:0;}
a:hover {text-decoration:none;color:#ff8000;outline-color:invert;outline-style:none;outline-width:0;}

#global{
	position:relative;
	width:990px;
	margin:auto;
}

/*-------------------------------------------------------------
	LA FEUILLE
-------------------------------------------------------------*/

#bando{
	position:relative;
	background-image:url("../images/bando.jpg");
	background-repeat:no-repeat;
	width:890px;
	height:196px;
}

#logo{
	position:relative;
	background-image:url("../images/logo.png");
	width:370px;
	height:130px;
	float:left;
}
/*-----------------------------------------------------
	CONNEXION
------------------------------------------------------*/	
#connexion{
	position:relative;
	width:400px;
	height:40px;
	left:280px;
	float:left;
	top:10px;
	color:#cbcbcb;
	font-size:10px;	
}


#connexion .ok{
	border:1px solid #cbcbcb;
	width:32px;
	vertical-align:middle;
	opacity:0.4;
}

#connexion input{
	border:1px solid #cbcbcb;
	width:120px;
	vertical-align:middle;
	opacity:0.3;
}


#connexion a:link {text-decoration:none;color:#cbcbcb;outline-color:invert;outline-style:none;outline-width:0;}
#connexion a:visited {text-decoration:none;color:#cbcbcb;outline-color:invert;outline-style:none;outline-width:0;}
#connexion a:hover {text-decoration:none;color:#ff8000;outline-color:invert;outline-style:none;outline-width:0;}

/*-----------------------------------------------------
	NAVIGATION
------------------------------------------------------*/	
#navigation{
	position:relative;
	width:990px;
	top:24px;
	clear:both;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
}

#navigation li{
	list-style-type: none;
	float:left;
	padding:10px;
}

#navigation a:link {text-decoration:none;color:#ffffff;outline-color:invert;outline-style:none;outline-width:0;}
#navigation a:visited {text-decoration:none;color:#ffffff;outline-color:invert;outline-style:none;outline-width:0;}
#navigation a:hover {text-decoration:none;color:#ff8000;outline-color:invert;outline-style:none;outline-width:0;}

/*-----------------------------------------------------
	SOUSBANDO
------------------------------------------------------*/	
#sousbando{
	position:relative;
	width:990px;	
	height:50px;
	font-weight:bold;	
}

#chemin{
	position:relative;
	width:650px;
	left:50px;
	top:25px;
	float:left;
}

#panier{
	position:relative;
	width:280px;
	left:70px;
	top:25px;
	float:left;
}

/*-----------------------------------------------------
	CONTENT
------------------------------------------------------*/	

#content{
	position:relative;
	background-color:#FFFFFF;
	width:890px;
	/*float:left;*/
	top:10px;
	margin:auto;
}

/*-------------------------------------------------------------
	FOOTER
-------------------------------------------------------------*/

#footer{
	position:relative;
	background-image:url("../images/footer.png");
	background-repeat:no-repeat repeat-x;
	margin:0;
	top:40px;
	height:90px;
	clear:both;
}

#copyright{
	position:relative;
	font-size:10px;
	width:450px;
	color:#ffffff;
	top:40px;
	margin:auto;
	text-align:center;
}

#copyright li{
	list-style-type: none;
	float:left;
	padding:5px;
	font-weight:bold;
}

#copyright a:link {text-decoration:none;color:#ffffff;outline-color:invert;outline-style:none;outline-width:0;}
#copyright a:visited {text-decoration:none;color:#ffffff;outline-color:invert;outline-style:none;outline-width:0;}
#copyright a:hover {text-decoration:none;color:#ff8000;outline-color:invert;outline-style:none;outline-width:0;}