/* CSS Document */
body{padding:0px; margin:0px;  color:#f3f3f3; font:13px/18px Arial, Helvetica, sans-serif;background: url('../images/fond-gold.jpg') no-repeat center center fixed !important;-webkit-background-size: cover !important;-moz-background-size: cover !important;-o-background-size: cover !important;background-size: cover !important;color: white;}
div, p, ul, h2, h3, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
	a{color: gold;}
table{border: 1px solid; border-color: gold;}
table th{background:#33CCFF}
table th,table td{border: 1px solid; border-color: gold; padding: 5px;background:#33CCFF;}
/*----TOP PANEL----*/
#topPan{width:100%; height:158px; position:relative; margin:0 auto;background: #33CCFF; color:gold; padding:0px;border-radius: 10px;}
#topPan img.logo{width:245px; height:37px; position:absolute; top:33px; left:43px;}
#topPan img.book{width:158px; height:99px; position:absolute; top:20px; right:46px;}

#topPan p{font-size:16px; padding:70px 0 0 43px;}
#topPan a.titre {
 font-size:36px;
 position:absolute;
 top:33px;
 left:43px;
 color: gold;
 text-decoration: none;
 font-weight: bold;
}

.center{display:block;text-align:center}
table,textarea{width:100%}
input[type=text],input[type=password],input[type=submit] {
 border: 1px solid #aaa;
 border-radius: 5px;
 background-color: #fff;
 text-transform: uppercase;
 font-size: 10px;
 height: 24px;
 padding:5px 15px
}
input[type=text],input[type=password]{
 padding:1px 10px;
 text-transform: unset;
}

#topContactPan{ position:absolute; top:29px; right:100px;}
#topContactPan p.callus{background:#00111a; color:#fff; width:64px; height:14px; line-height:14px; font-size:14px; font-weight:bold; text-transform:uppercase; padding:0px;}
#topContactPan p.no{font-size:26px; padding:4px 0 0;}

#topMenuPan{width:983px; height:16px; position:absolute; bottom:9px; left:48px;}
#topMenuLeftPan{width:69px; height:16px; float:left;background: #2f2c2c;}
#topMenuMiddlePan{width:744px; height:16px; float:left;background:#fff}

#topMenuMiddlePan ul{width:744px; height:16px;background: #2f2c2c;}
#topMenuMiddlePan ul li{width:100px; height:16px; border-right:1px solid #E5E5E5; float:left;}
#topMenuMiddlePan ul li a{ height:16px; display:block;background: #2f2c2c;color: gold; font:10px/16px"Trebuchet MS",Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center; text-transform:uppercase;}
#topMenuMiddlePan ul li a:hover{background:gold; color:#0574AF; text-decoration:none;}
#topMenuMiddlePan ul li.home{color:#0574AF}


#topMenuRightPan{width:70px; height:16px; float:left;background: #2f2c2c;}
/*----/TOP PANEL----*/
/*----BODY PANEL----*/
#bodyPan{width:90%; position:relative; margin:0 auto; padding:25px 0 0;}
/*----BODY LEFT PANEL----*/
#bodyLeftPan,#bodyRightPan{margin-bottom:50px}
#bodyLeftPan{width:900px; float:left; padding:12px 36px 0 0;}
#bodyLeftPan h1{width:790px; height:30px; background: #2f2c2c; color:gold; font:28px/28px Georgia, "Times New Roman", Times, serif;}
#bodyLeftPan h1 span{ color:#046598;}

#bodyLeftPan h2{width:690px; height:30px; background: #2f2c2c; color:gold; font:28px/28px Georgia, "Times New Roman", Times, serif;}
#bodyLeftPan h2 span{background:#fff; color:#046598;}

#bodyLeftPan p{padding:7px 0 0;}
#bodyLeftPan p span{background:#fff; color:#046598; font-weight:bold;}

#bodyLeftPan ul{width:690px; margin:10px 0 0;}
#bodyLeftPan ul li{width:690px; height:20px;}
#bodyLeftPan ul li a{width:390px; height:20px; background:url(../images/button.gif) 0 6px no-repeat #fff; color:#1A1A1A; text-decoration:underline; padding:0 0 0 20px;}
#bodyLeftPan ul li a:hover{width:390px; height:20px; background:url(../images/button-hover.gif) 0 6px no-repeat #fff; color:#676363; text-decoration:underline;}

#bodyLeftPan p.more{background:#F3F3F3; color:#003D5C; width:490px; height:11px; margin:25px 0; padding:0px; line-height:11px; font-size:11px; }
#bodyLeftPan p.more a{display:block;width: auto; height:11px;background: #2f2c2c;color: gold; text-decoration:none;margin: auto; line-height:11px; text-align:center; padding:0px; text-transform:uppercase;}
#bodyLeftPan p.more a:hover{display:block; width:auto; height:11px; background:gold; color:#003D5C; text-decoration:none;}

#bodyLeftNextPan{width:490px; clear:both; padding:10px 0 0;}
#bodyLeftPan p.next{background:#F3F3F3; color:#003D5C; width:490px; height:11px; padding:0px; line-height:11px; font-size:11px; clear:both; }
#bodyLeftPan p.next a{display:block; width:44px; height:11px; background:#fff; color:#003D5C; text-decoration:none; margin:0 0 0 246px; line-height:11px; text-align:center; padding:0px; text-transform:uppercase;}
#bodyLeftPan p.next a:hover{display:block; width:44px; height:11px; background:#E0DEDE; color:#003D5C; text-decoration:none;}

#bookcatagories{width:490px; margin:10px auto 100px; padding:5px 0 0;}
#namePan{width:156px; float:left; background:url(../images/name-dot.gif) 100% 85% no-repeat #fff; color:#4F4F4F; font-size:14px; text-transform:uppercase;}
#nameonePan{width:156px; float:left;}
#nameonePan ul{width:156px;}
#nameonePan ul li{width:140px; height:20px; background:url(../images/arrow.gif) 0 6px no-repeat #fff; color:#03537D; padding:0 0 0 10px;}

#pricePan{width:106px; float:left; background:url(../images/price-dot.gif) 100% 85% no-repeat #fff; color:#4F4F4F; font-size:14px; text-transform:uppercase;}
#priceonePan{width:143px; float:left;}
#priceonePan ul{width:143px;}
#priceonePan ul li{width:133px; height:20px; background:url(../images/price-border.gif) 100% 50% no-repeat #fff; color:#00111A; line-height:20px; font-size:12px; font-weight:bold; padding:0 0 0 10px;}

#discountPan{width:126px; float:left; background:url(../images/discount-dot.gif) 100% 85% no-repeat #fff; color:#4F4F4F; font-size:14px; text-transform:uppercase; padding:0 0 0 12px;}
#discountonePan{width:110px; float:left;}
#discountonePan ul{width:110px;}
#discountonePan ul li{width:100px; height:20px; background:url(../images/dicount-border.gif) 100% 50% no-repeat #fff; color:#00111A; font-size:12px; font-weight:bold; padding:0 0 0 10px;}

/*----/BODY LEFT PANEL----*/
/*----BODY RIGHT PANEL----*/
#bodyRightPan{width:235px; float:right; border:1px solid gold;background: #33CCFF; color:#fff; padding:0 0 28px;border-radius:10px;}

#bodyRightPan h1{width:195px; height:35px; display:block; border:1px solid gold; background:#33CCFF; color:gold; font:24px/34px Georgia, "Times New Roman", Times, serif; margin:6px 8px 16px; padding:0 0 0 20px;}

#bodyRightPan h2{width:195px; height:35px; display:block; border:1px solid gold; background:#33CCFF; color:gold; font:24px/34px Georgia, "Times New Roman", Times, serif; margin:6px 8px 0; padding:0 0 0 20px;}
#bodyRightPan h2 span{background:#33CCFF; color:gold;}

#bodyRightPan ul{width:180px; margin:0 0 17px 29px;}
#bodyRightPan ul li{width:180px; height:18px;}
#bodyRightPan ul li a{width:160px; height:18px; display:block; background:url(../images/button.gif) 0 6px no-repeat #33CCFF; color:#fff; text-decoration:none; padding:0 0 0 20px;}
#bodyRightPan ul li a:hover{background:url(../images/button-hover.gif) 0 6px no-repeat #33CCFF; color:gold; text-decoration:none;}

#bodyRightPan p{padding:0px 29px 0px 29px;}
#bodyRightPan p.boldtext{padding:10px 29px 0px; font-size:14px; background:#33CCFF; color:gold; font-weight:bold;}

#bodyRightPan p.more{background:#33CCFF; color:gold; width:175px; height:11px; margin:10px 29px 10px; padding:0px; line-height:11px; }
#bodyRightPan p.more a{display:block; width:44px; height:11px; background:#33CCFF; color:gold; text-decoration:none; margin:0 0 0 97px; font-size:11px; line-height:11px; text-align:center; text-transform:uppercase;}
#bodyRightPan p.more a:hover{display:block; width:44px; height:11px; background:#33CCFF; color:gold; text-decoration:none;}
/*----/BODY RIGHT PANEL----*/
/*----/BODY PANEL----*/
/*----FOOTER PANEL----*/
#footermainPan{height:65px;background: #33CCFF;color:gold;clear:both;padding:10px 0 0;}

#footerPan{width:683px; position:relative; margin:0 auto; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif}

#footerPan ul{width:624px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:gold; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:204px; color:gold; position:absolute; top:23px; left:40px; font-size:12px;}

#footerPan ul.templateworld{width:250px; color:gold; display:block; position:absolute; top:40px; left:40px; font-size:10px;}
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{ display:block; color:gold; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPanhtml{width:60px; height:13px; display:block; position:absolute; top:26px; left:260px;}
#footerPanhtml a{width:48px; height:11px; display:block; background:url(../images/blue-arrow.gif) 85% 60% no-repeat #fff; color:#4F4F4F; border:1px solid #DEDEDE; line-height:11px; font-size:11px; font-weight:bold; text-decoration:none; padding:1px 0 0 10px;}
#footerPanhtml a:hover{background:url(../images/gray-arrow.gif) 85% 60% no-repeat #fff; color:#4F4F4F;}

#footerPancss{width:50px; height:13px; display:block; position:absolute; top:26px; left:320px;}
#footerPancss a{width:40px; height:11px; display:block; background:url(../images/blue-arrow.gif) 35px 3px no-repeat #fff; color:#4F4F4F; border:1px solid #DEDEDE; line-height:11px; font-size:11px; font-weight:bold; text-decoration:none; padding:1px 0 0 10px; text-transform:uppercase;}
#footerPancss a:hover{background:url(../images/gray-arrow.gif) 35px 3px no-repeat #fff; color:#4F4F4F;}