/* CSS Document */
body{padding:0px; margin:0px; background:url(images/mainbg.gif) 0 0 repeat-x #fff; color:#666; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
div, p, ul, h2, img{
	padding:0px;
	margin:0px;
}
ul{list-style-type:none;}
a{
	background:#fff;
	color:#666666;
	text-decoration:none;
}
a:hover{
	background:#fff;
	color:#000033;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
} 
#commande {
	background-image: url(images/fond_rayures2.jpg);
	height: 680px;
	width: 920px;
	background-repeat: no-repeat;
	position: relative;
	margin-left: auto;
	margin-top: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-bottom: 15px;
}

/*----TOP PANEL----*/
#topPan{
	width:778px;
	height:150px;
	position:relative;
	margin:0 auto;
}
#topPan #ImgPan{
	width:168px;
	height:111px;
	background:#fff;
	color:#666;
	position:absolute;
	top:35px;
	left:0px;
	padding:0 0 0 35px;
	background-image: url(images/JOSSE-LOGO.gif);
}
#topPan #ImgPan img{width:201px; height:52px;}


#topPan ul{
	width:469px;
	height:32px;
	position:absolute;
	top:43px;
	right:24px;
}
#topPan ul li{width:78px; height:32px; float:left;}
#topPan ul li a{
	width:76px;
	height:32px;
	display:block;
	background:url(images/topmenu-normal.jpg) 0 0 no-repeat #F5F4F4;
	color:#666;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:32px;
	margin:0 2px 0 0;
}
#topPan ul li a:hover{background:url(images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4; color:#fff; text-decoration:none;}

#topPan ul li.home{background:url(images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:32px;}
/*----/TOP PANEL----*/
/*----Main PANEL----*/
#MainPan{
	width:920px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	height: 680px;
}
#MainPan p.toptextpadding{padding:25px 0 0;}
#MainPan p span{background:#fff; color:#D20039;}
#MainPan p.more{width:81px; height:22px; display:block; margin:0 0 0 606px; background:url(images/more-bg.gif) 0 0 no-repeat;}
#MainPan p.more a{width:70px; height:22px; display:block; background:url(images/arrow1.gif) 1% 60% no-repeat; line-height:22px; text-decoration:none; padding:0 0 0 11px;}
#MainPan p.more a:hover{background:url(images/arrow2.gif) 1% 60% no-repeat; text-decoration:none;}

#MapPan{
	width:500px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 300px;
	background-image: url(images/plan.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#MapPan p.toptextpadding{padding:25px 0 0;}
#MapPan p span{background:#fff; color:#D20039;}
#MapPan p.more{width:81px; height:22px; display:block; margin:0 0 0 606px; background:url(images/more-bg.gif) 0 0 no-repeat;}
#MapPan p.more a{width:70px; height:22px; display:block; background:url(images/arrow1.gif) 1% 60% no-repeat; line-height:22px; text-decoration:none; padding:0 0 0 11px;}
#MapPan p.more a:hover{background:url(images/arrow2.gif) 1% 60% no-repeat; text-decoration:none;}
/*----BODY PANEL----*/
#bodyPan{
	width:729px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#bodyPan p.toptextpadding{padding:25px 0 0;}
#bodyPan p span{background:#fff; color:#D20039;}
#bodyPan p.more{width:81px; height:22px; display:block; margin:0 0 0 606px; background:url(images/more-bg.gif) 0 0 no-repeat;}
#bodyPan p.more a{width:70px; height:22px; display:block; background:url(images/arrow1.gif) 1% 60% no-repeat; line-height:22px; text-decoration:none; padding:0 0 0 11px;}
#bodyPan p.more a:hover{background:url(images/arrow2.gif) 1% 60% no-repeat; text-decoration:none;}
/*----Body Middle Panel----*/
#bodyMiddlePan{
	width:729px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/*----Middle Left Panel----*/
#MiddleLeftPan{
	width:270px;
	float:left;
}
#MiddleLeftPan p{padding:14px 0 0; line-height:18px;}

#MiddleLeftPan p.largegraytext{font-size:18px;}

#MiddleLeftPan p.more{width:81px; height:22px; display:block; margin:15px 0 0 145px; background:url(images/more-bg.gif) 0 0 no-repeat; padding:0px;}
#MiddleLeftPan p.more a{width:70px; height:22px; display:block; background:url(images/arrow1.gif) 1% 60% no-repeat; line-height:22px; text-decoration:none; padding:0 0 0 11px;}
#MiddleLeftPan p.more a:hover{background:url(images/arrow2.gif) 1% 60% no-repeat; text-decoration:none;}

#MiddleLeftPan p.chat{width:232px; height:70px; padding:14px 0 36px;}
#MiddleLeftPan p.chat a{width:232px; height:70px; display:block; background:url(images/24hours.gif) 0 0 no-repeat; text-indent:-20000px;}
#MiddleLeftPan p.chat a:hover{background:url(images/24hours.gif) 0 0 no-repeat; text-indent:-20000px;}

#MiddleLeftPan h2{
	width:290px;
	height:auto;
	display:block;
	color:#D20039;
	font-size:18px;
	line-height:normal;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 100% 0;
	border-bottom-style: none;
	border-bottom-color: #BDB9B9;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-top-color: #BDB9B9;
	border-right-color: #BDB9B9;
	border-left-color: #BDB9B9;
}
#MiddleLeftPan h2 span{background:#fff; color:#545454; font-weight:bold; font-size:14px; text-transform:uppercase;}

/*----/Middle Left Panel----*/

#MiddleRightMapPan{
	width:460px;
	height:276px;
	background-image: url(images/plan.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	margin: 0;
}

#MiddleRightMapPan p.fresh{width:108px; height:24px; display:block; margin:0 0 0 208px; font-size:20px; text-transform:uppercase;}
#MiddleRightMapPan p.business{
	width:170px;
	height:22px;
	display:block;
	color:#6BB600;
	font-size:27px;
	text-transform:uppercase;
	text-align:right;
	background-color: #fff;
	background-repeat: repeat-x;
	background-position: 0 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 210px;
}
#MiddleRightMap{
	width:314px;
	float:left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
/*----Middle Right Panel----*/
#MiddleRightPan{
	width:314px;
	float:left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 60px;
}
#MiddleRightTopPan{
	width:384px;
	height:360px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#MiddleRightTopPan p.fresh{
	width:auto;
	height:auto;
	display:block;
	font-size:20px;
	text-transform:uppercase;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	text-decoration: blink;
}
#MiddleRightTopPan p.business{
	width:170px;
	height:22px;
	display:block;
	color:#6BB600;
	font-size:24px;
	text-transform:uppercase;
	text-align:right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: blink;
	font-style: italic;
	font-weight: normal;
	position: relative;
}

#MiddleRightPan h2{
	width:380px;
	height:20px;
	color:#6BB600;
	font-size:24px;
	background-color: #fff;
	background-repeat: repeat-x;
	background-position: 0 100%;
}
#MiddleRightPan p{padding:8px 0 0;}

#RightListfastPan{
	width:370px;
	float:left;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#RightListfastPan ul{width:200px;}
#RightListfastPan ul li{
	width:370px;
	height:20px;
	float:left;
}
#RightListfastPan ul li a{width:190px; line-height:20px; background:url(images/bullet.gif) 0 6px no-repeat #fff; color:#666; text-decoration:underline; padding:0 0 0 18px;}
#RightListfastPan ul li a:hover{background:url(images/bullet-hover.gif) 0 6px no-repeat #fff; color:#000; text-decoration:underline;}

#RightListnextPan{width:180px; float:left; padding:10px 0 0;}
#RightListnextPan ul{width:180px;}
#RightListnextPan ul li{width:180px; height:20px; float:left;}
#RightListnextPan ul li a{width:160px; line-height:20px; background:url(images/bullet.gif) 0 6px no-repeat #fff; color:#666; text-decoration:underline; padding:0 0 0 18px;}
#RightListnextPan ul li a:hover{background:url(images/bullet-hover.gif) 0 6px no-repeat #fff; color:#000; text-decoration:underline;}

/*----/Middle Right Panel----*/

/*----Footer Panel----*/
#footermainPan{background:url(images/footerbg.gif) 0 0 repeat-x #F4F4F4; color:#212121; position:relative; margin:0 auto; height:133px; clear:both;}
#footerPan{width:689px; position:relative; margin:0 auto; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; padding:15px 0 0;}

#footerPan ul{
	width:490px;
	height:20px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#212121; background:#F4F4F4; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.templateworld{
	width:350px;
	background:#F4F4F4;
	color:#212121;
	display:block;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{
	background:#F4F4F4;
	display:block;
	color:#212121;
	text-decoration:none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPan p.copyright{
	width:430px;
	background:#F4F4F4;
	color:#212121;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#footerPanhtml{width:64px; height:19px; display:block; position:absolute; top:73px; left:270px;}
#footerPanhtml a{width:59px; height:18px; background:#fff; color:#6A6A6A; border:1px solid #B6B6B6; display:block; position:absolute; top:0px; left:0px; line-height:19px; text-align:center; font-weight:bold; text-transform:uppercase; text-decoration:none;}
#footerPanhtml a:hover{background:#D2D0D0; color:#353427; text-decoration:none;}

#footerPancss{width:64px; height:19px; display:block; position:absolute; top:73px; left:336px;}
#footerPancss a{width:49px; height:18px; background:#fff; border:1px solid #B6B6B6; color:#6A6A6A; display:block; position:absolute; top:0px; left:0px;line-height:19px; text-transform:uppercase; font-weight:bold; text-align:center; text-decoration:none;}
#footerPancss a:hover{background:#D2D0D0; color:#353427; text-decoration:none;}
.Style2 {
	color: #003366;
	font-weight: bold;
}
.Style1 {
	color: #D20039;
	font-weight: bold;
}