@import "/fr/reset.css";

/*-----------------GENERAL STYLES-----------------*/ 
body { background: #0f0f0f url(/fr/images/background.jpg) no-repeat center top; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:justify; color:#3c3c3c; line-height:normal;  }
html { margin-bottom: 1px; }
#global { width: 984px; margin: 0 auto; }

/*---------------------HEADER---------------------*/ 
#header { height: 101px; width:984px; float:left; }
#header h1 { float: left; background: url(/fr/images/logo.png)  no-repeat; width: 257px; height: 51px; text-indent: -9999px; margin: 23px 0 0  33px; }
#header #nav { float: right; margin: 47px 5px 0 0;}
#header #nav li { float: left; }
#header #nav a { color: #eee9e9; text-decoration: none; padding: 0px 0px 8px 0px; text-shadow:#191919 2px 2px;}
#header #nav a:hover { color: #fff; text-decoration:none; background: url(/en/images/nav.png) bottom no-repeat; padding: 0px 0px 8px 0px; text-shadow:#191919 2px 2px;}
#header #nav .nav-divider { color: #eee9e9; padding: 0 10px; }

/*----------------------TOP----------------------*/ 
#top { width:984px; float:left; background-color:#fafafa; text-align:center; padding: 10px 0 10px 0; color:#c80000; font-size:25px; text-decoration:none; display:none; }
/*#top { height: 0px; width:984px; float:left; }*/
#top a:link { color:#c80000; font-size:25px; text-decoration:none; }
#top a:visited { color:#c80000; font-size:25px; text-decoration:none; }
#top a:hover { color:#c80000; font-size:25px; text-decoration:underline; }
#top a:active { color:#c80000; font-size:25px; text-decoration:none; }

/*---------------------WRAP---------------------*/ 
#wrap { width:984px; float:left; background: url(/fr/images/wrap_reverse.jpg); padding-bottom:30px; }  /*à modifier pour inverser colonnes wrap_reverse.jpg*/
#wrap_search { width:954px; float:left; background-color:#ffffff; padding: 13px 15px 0 15px; }
#wrap_search h2 { font-size: 20px; font-weight:bold; color:#3c3c3c; margin-bottom:20px; }
#clear { clear:both; }

/*--------------------CONTEXT--------------------*/ 
#context { width: 320px; background-color:#fafafa; float: right; }  /*à modifier pour inverser colonnes*/
#context #context_title { height: 27px; background: url(/fr/images/title_context.gif) top left repeat-x; padding: 3px 10px 0 10px; }
#context #context_title h2 { color:#3c3c3c; font-size:16px; text-decoration:none; }
#context #context_title a h2 { color:#3c3c3c; font-size:16px; text-decoration:none; }
#context #context_title a:hover h2 { color:#3c3c3c; font-size:16px; text-decoration:none; }
#context #context_content { padding: 15px 15px 15px 10px;  }
#context #context_facebook { padding: 20px 15px 15px 10px;  }
#context #context_shop_content { padding: 5px 15px 0px 10px; /*background: url(/fr/images/amazon.jpg) bottom right no-repeat;*/ }
#context #context_shop_content img { border: 0px #3c3c3c solid; }
#context #context_shop_content a img { border: 0px #3c3c3c solid; }
#context #context_shop_content a:hover img { border: 0px #c80000 solid; }
#context hr { color:#CCC; display:block; width:300px; size:1px; margin: 15px 0 15px 0; }

/*---------------------MAIN---------------------*/ 
#main { width: 634px; float:left; position:relative; background-color:#fff; /*background: url(/fr/images/title_main_2.gif) top right no-repeat #fff;*/ padding: 13px 15px 0 15px; }  /*à modifier pour inverser colonnes*/
#main h1 { font-size: 20px; font-weight:bold; color:#3c3c3c; margin-bottom:20px; }
#main a h2 { margin:20px 0 15px 0; color:#3c3c3c; font-size:15px; text-decoration:none; }
#main a:hover h2 { margin:20px 0 15px 0; color:#3c3c3c; font-size:15px; text-decoration:none; }
#main h2 { margin:20px 0 15px 0; color:#3c3c3c; font-size:15px; }
#main p { margin-top:20px; }
#main a { color: #c80000; text-decoration:none; }
#main a:hover { color: #c80000; text-decoration:underline; }
#main img { border: 1px #3c3c3c solid; }
#main a img { border: 1px #3c3c3c solid; }
#main a:hover img { border: 1px #c80000 solid; }
#main .books { margin: 0 15px 15px 0; }
#main .books_off { margin: 0 15px 15px 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity:0.4;}
#main .btn_nav { border:0px; }
#main a .btn_nav { border:0px; }
#main a:hover .btn_nav { border:0px; }
#main .number { margin:10px 0 20px 0; color:#3c3c3c; font-size:18px; vertical-align:top; }
#main #shop img { border: 0px; }
#main #shop a img { border: 0px; }
#main #shop a:hover img { border: 0px; }

/*--------------------FOOTER--------------------*/ 
#footer { width: 984px; float:left; height: 40px; margin: 20px 0 0 0; background: url(/en/images/footer.jpg) repeat-x top; }
#footer .horizontal-line { width: 634px;  }
#footer p { font-size:12px; margin: 10px 0 0 0 ; color: #eee9e9; text-align:center;  }
#footer a { color: #eee9e9; text-decoration:none; }
#footer a:hover { color: #eee9e9; text-decoration:underline; }

/*------------------SCRIPT_PUB------------------*/ 
.pubTop{ position:relative; top:10px; } 
.pub_fTop{ width:320px; top:430px; position:fixed; }

/*-------------------SHARE-------------------*/ 
#main .share { background-color:#fff; border-top:10px solid #171717; left:-77px; top:68px; padding : 15px 5px 15px 8px; position:absolute; text-align:center; width:64px; }