@import url("reset.css");

/* ----------------------------- */
/*            Global             */
/* ----------------------------- */

body { padding:0; color: #737373; background: #ffffff url(images/bg_main.gif) repeat-x 0 -10px; font: normal 80% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; }
a img { border: 0; }
html, body, ol, ul, form, fieldset { margin: 0; padding: 0; }
fieldset { border: 0; }
textarea { font: inherit; }
.clear { clear: both; }
.bold { font-weight: bold; color: #1f93ca; text-decoration: underline; }

body, #header, #header-sep { text-align: center; }
p { text-align: justify; }
hr {
	height: 1px;
	margin: 0;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 0;
	color: #ffffff;
	background-color: #ffffff;
	border: 0;
}

ul.ul-decoration {
	padding: 5px;
	margin-left: 40px;
	margin-top: 15px;
	margin-bottom: 15px;
	list-style-position: outside;	
	list-style-type: square;
}

input.btn-validate { cursor: pointer; border: none; width: 105px; height: 28px; background: url(images/button_validate.gif) no-repeat; }

/* ----------------------------- */
/*    Typographie globale        */
/* ----------------------------- */

h2 { color: #1f93ca; margin: 10px 0 15px 0; padding: 0px 0 0 0; line-height: 1.2; font-size: 2em; letter-spacing:-1px; font-weight:bold; }
h3 { color : #666; font-size: 1.4em; font-weight: normal; margin: 10px 0 5px 0; padding: 10px 0 0 0; }
h4 { font-size: 1.2em; margin: 1.5em 0 0.8em 0; }
h5 { font-size: 1em; margin: 1.5em 0 1em 0; }

h2.global-error { color: #890000; }

/* Formulaire */
input.input-mini, textarea.input-mini {  width: 95px; border: 1px solid #cbcbcb; background: white; padding: 4px; color: #333; vertical-align:3px; }
input.input-medium, textarea.input-medium { width: 240px; border: 1px solid #cbcbcb; background: white; padding: 4px; color: #333; vertical-align:3px; }
input.input-maxi, textarea.input-maxi { width: 510px; border: 1px solid #cbcbcb; background: white; padding: 4px; color: #333; vertical-align:3px; }

/* ----------------------------- */
/*            Header             */
/* ----------------------------- */

.logo { width: 160px; height: 42px; background:url(images/logoHachette.jpg) no-repeat; margin-bottom: 15px; }
.logo-subtitle { color: #55add7; font-style: italic; font-weight: bold; }

/* header */
#header { width: 960px; margin: 0 auto; }
#header table { float: right; margin: 10px; width: 960px; }
#header table tr td { padding: 10px; }
#header table tr td.sep-tab { border-left: dotted 1px #e0e0e0; }
/* Menu principal */
 
/*ul#menu { width: 960px; position: absolute; top: 0; left: 0; list-style: none; padding: 0; margin: 0; }*/ 
/*ul#menu li { text-align: center; width: 115px; float: left; height: 115px; }*/
ul#menu li a, #mod_cart_content a { font-weight: bold; text-decoration: none; color: #1f93ca; } 
ul#menu li a:hover, #mod_cart_content a:hover { color: #d84c3c; }
/*ul#menu li a div { width: 102px; height: 111px; }*/
/*ul#menu li#menu-profil { float: right; }*/
ul#menu li.disabled { display: none; }

/* Sous-Menu principal */
#sous-menu { width: 960px; padding: 0; margin: 0 auto; } 
#sous-menu ul { padding: 8px; list-style: none; } 
#sous-menu ul li { display: inline; }
#sous-menu li a { text-decoration: none; color: #fff; font-size: 1.25em; font-weight: bold; font-variant: small-caps; line-height: 30px; }
#sous-menu li.homeitem { margin-right:5px; }
#sous-menu li.homeitem a { padding-left:5px; padding-right:5px; }

#mod_mainmenu { background: url(images/m_bg.gif) repeat-x; }
#mod_mainmenu div.left { float: left; background: url(images/m_left.gif) no-repeat; width: 10px ; height: 47px; }
#mod_mainmenu div.right { float: right; background: url(images/m_right.gif) no-repeat; width: 10px ; height: 47px; }
#mod_mainmenu ul#mn { padding-left: 40px; }
#mod_mainmenu ul#mn li { float: left; padding-right: 40px; } 
#mod_mainmenu ul#mn li.sep { background: url(images/m_sep.gif) no-repeat; width: 1px; height: 13px; margin-top: 8px; }

.ebooks-classes-slide ul li { display: inline; color: #1f93ca }
.ebooks-classes-slide ul li a { text-decoration: none; color: #a0a0a0; font-size: 11px; font-weight: bold; font-variant: small-caps; border-bottom: dotted 1px #a0a0a0; }
 
/* ----------------------------- */
/*            Bloc Page          */
/* ----------------------------- */

/* General */
#global { width: 960px; margin: 0 auto; padding:0; } 
#page { padding: 0; color: #444; background: #f6f8f5; margin:0; display: block; } 

/* Content */

#content { float: left; width: 580px; padding: 10px; } 

#content table tr td { background: #ffffff; margin: 0; padding: 0; }
#content table tr td#cont-tl { background: #ffffff url(images/cont_tl.gif) top left no-repeat; width: 19px; height: 19px; }
#content table tr td#cont-t { background: #ffffff url(images/cont_t.gif) repeat-x; width: 100%; height: 19px; }
#content table tr td#cont-tr { background: #ffffff url(images/cont_tr.gif) top left no-repeat; width: 19px; height: 19px; }
#content table tr td#cont-l { background: #ffffff url(images/cont_l.gif) repeat-y; width: 19px; }
#content table tr td#cont-m { padding: 0;  }
#content table tr td#cont-r { background: #ffffff url(images/cont_r.gif) top right repeat-y; width: 19px; }
#content table tr td#cont-bl { background: #ffffff url(images/cont_bl.gif) top left no-repeat; width: 19px; height: 19px; }
#content table tr td#cont-b { background: #ffffff url(images/cont_b.gif) repeat-x bottom left; width: 100%; height: 19px; } 
#content table tr td#cont-br { background: #ffffff url(images/cont_br.gif) top left no-repeat; width: 19px; height: 19px; }

#content label { display: inline-block; width: 260px; border-bottom: 1px dotted #C6C0AC; padding-bottom: 1px; vertical-align:3px; }
#content .newsblock { clear: both; line-height: 1.5; margin-bottom: 1.5em; }
h2 { 
	text-transform: uppercase; 
	font-size: 1.35em;
	padding:.4em 30px .4em 0;
	margin:0;
	color: #1f93ca;
}
div.h2-puce { float: left; width: 30px; height: 30px; background: url(images/cont_heading_mark.jpg) 0px 7px no-repeat; }
#content .illustration, .bloc .illustration { border: solid #011121 2px; float: left; margin: 6px 15px 5px 0; }

/* Sidebar */
#sidebar { float: right; width: 350px; padding-top: 10px; padding-right: 10px; }

td, div						{padding:0px; margin:0px; font-family:arial;}
td 							{vertical-align:top;}
table						{width:100%;}

.infoBoxHeading_table				{background:url(images/infoBoxHeading_t.gif) 0px 0px repeat-x #eeeeee;padding:0;margin:0;}
.infoBoxHeading_td					{background:url(images/infoBoxHeading_b.gif) 0px 100% repeat-x;padding:0;margin:0;}
.infoBoxHeading_td .table2			{background:url(images/infoBoxHeading_r.gif) 100% 0px repeat-y;padding:0;margin:0;}
.infoBoxHeading_td .td2				{background:url(images/infoBoxHeading_l.gif) 0px 0px repeat-y;padding:0;margin:0;}
.infoBoxHeading_td .table3			{background:url(images/infoBoxHeading_tl.gif) 0px 0px no-repeat;padding:0;margin:0;}
.infoBoxHeading_td .td3 			{background:url(images/infoBoxHeading_tr.gif) 100% 0px no-repeat;padding:0;margin:0;}
.infoBoxHeading_td .table4			{background:url(images/infoBoxHeading_bl.gif) 0px 100% no-repeat;padding:0;margin:0;}
.infoBoxHeading_td .td4 			{background:url(images/infoBoxHeading_br.gif) 100% 100% no-repeat;padding:0;margin:0;}
.infoBoxHeading_td .td4 div			{background:url(images/infoBoxHeading_mark.jpg) 26px 26px no-repeat;padding:29px 20px 22px 57px;}
.infoBoxHeading_td td				{color:#363b3c;font-size:11px;line-height:14px;font-weight:bold;font-family:arial; text-transform:uppercase;}
.infoBoxHeading_td a 				{color:#363b3c;font-size:11px;line-height:14px;font-weight:bold;font-family:arial;text-decoration:none}
.infoBoxHeading_td a:hover  		{color:#363b3c; text-decoration:underline;}
.infoBox_table						{background:#e8e8e8;margin:0px 0px 6px 0px;}
.infoBox_td 						{background:url(images/infobox_t.gif) 0px 100% repeat-x;padding:0;margin:0;}
.infoBoxContents_table				{background:url(images/infobox_l.gif) 0px 0px repeat-y;padding:0;margin:0;}
.infoBoxContents_table .boxText		{background:url(images/infobox_r.gif) 100% 0px repeat-y;padding:0;margin:0;}
.infoBoxContents_table .table2		{background:url(images/box_corn_bl.gif) 0px 100% no-repeat;padding:0;margin:0;}
.infoBoxContents_table .td2			{background:url(images/box_corn_br.gif) 100% 100% no-repeat;padding:5px 27px 17px 28px;}

.infoBoxHeading_table2				{background:#6bb7dc;margin:0;}
.infoBoxHeading_table2 .infoBoxHeading_td2_l		{background:url(images/box2_corn_tl.gif) 0px 0px no-repeat;padding:0;margin:0;width:17px;height:17px;}
.infoBoxHeading_table2 .infoBoxHeading_td2_t		{background:url(images/infobox2_t.gif) 0px 0px repeat-x;padding:0;margin:0;}
.infoBoxHeading_table2 .infoBoxHeading_td2_r		{background:url(images/box2_corn_tr.gif) 0px 0px no-repeat;padding:0;margin:0;width:17px;height:17px;}
.infoBox_table2						{background:#6bb7dc;margin:0;}
.infoBox_td2 						{background:url(images/infobox2_b.gif) 0px 100% repeat-x;padding:0;margin:0;}
.infoBox_td2 * {color:#ffffff; font-size: 12px;font-weight:bold;}
.infoBoxContents_table2				{background:url(images/infobox2_l.gif) 0px 0px repeat-y;padding:0;margin:0;}
.infoBoxContents_table2 .boxText	{background:url(images/infobox2_r.gif) 100% 0px repeat-y;padding:0;margin:0;}
.infoBoxContents_table2 .table2		{background:url(images/box2_corn_bl.gif) 0px 100% no-repeat;padding:0;margin:0;}
.infoBoxContents_table2 .td2		{background:url(images/box2_corn_br.gif) 100% 100% no-repeat;padding:5px 27px 17px 28px;}

#sidebar .bloc h2 { color: #2273bf; font-size: 1.4em; }

/* ----------------------------- */
/*            Footer             */
/* ----------------------------- */

#footer { background: #ffffff; width: 960px; height: 127px; font-size: 0.9em; padding-top: 25px; }
#debug { padding: 20px; float: right; display: none; }
.validators li a { color: #e0e0e0; text-decoration: none; }
.validators { background: #ffffff; padding: 20px; }
#copy { color: #eeeeee; background: #ffffff; padding: 20px; float: right; }
#botlinks { padding: 5px; padding-left: 20px; padding-bottom: 10px; }
#botlinks a { color: #1f93ca; font-weight: bold; text-decoration: none; }
#botlinks a:hover { color: #d54738; }

/* ----------------------------- */
/*            Login              */
/* ----------------------------- */

#a-edit-profil, #a-edit-profil-close { color: #1f93ca; font-weight: bold; text-decoration: none; }
#a-edit-profil:hover, #a-edit-profil-close:hover { color: #d54738; } 

#content #login-first, #content #register-first { float: left; width: 260px; }
#content #login-first { height: 150px; }
#content #login-second, #content #register-second { float: right; }

.login-first { float: left; width: 260px; }

#content #login-second input { margin-bottom: 8px; }
#content #login p, #sidebar #login li { width: 280px; padding: 0; margin: 0; color: #999; line-height: 1.5em; list-style-type:none; }
#content #login p strong { color: #666; display: block; }
#content #login p { margin-bottom: 0.5em; margin-top: 0.5em; }
#content #login a { text-decoration: none; color: #1f93ca; font-weight: bold; }
#content #login a:hover { color: #d84c3c; }
#content #login h2 span { color: #A0A0A0; font-size: 0.9em; text-transform: capitalize; }
#content label { border: none; display: block; margin: 0 0 4px 0; line-height: 1.5em;  }
#content label span { display: inline-block; width: 200px; font-size: 1em; }
#content #login-lost { margin: 0 0 4px 0; }
#content #login .submit { width: 85px; height: 20px; display:block; border: none; margin: 15px; margin-left: 0; color: white; font-size: 0.9em; font-weight: bold; padding-bottom: 3px; cursor: pointer; }
#content #login .slide { margin-bottom: 20px; clear: both;  } 

#mod_user_error_login, #mod_user_error_register { color: #d54738; clear:  both; }

/* ----------------------------- */
/*            Cart               */
/* ----------------------------- */

#mod_cart_content_error { position: absolute; width: 300px; margin-top: -60px; margin-left: -560px; color: #d54738; font-style: italic;  }

/* Menu hide & show */
ul#cart-top-menu {  }
ul#cart-top-menu li#cart-top-menu-on { float: left; }
ul#cart-top-menu li#cart-top-menu-off { float: right; } 

/* Wrapper & blocs */
#cart-wrapper { padding: 0; margin: 0; background: #f0f0f0; }
#cart-wrapper * { padding: 0; margin: 0; }
#cart { position: relative; background: #e0e0e0; } 
#cart-top { height: 50px; background: #ff8900; }
#cart-bottom { height: 25px; background: #ff8900; }
#cart-total { clear: both; position: relative; padding: 0; margin: 0; }
#cart-top h3, #cart-total p { padding: 0.5em; margin: 0; color: #a02513; text-transform: uppercase; font-weight: bold; font-size: 1.1em; }
#cart-total p { padding: 1em; text-align: center; }

/* Cart's items */
ul#cart-content li { clear: both; }
ul#cart-content li { margin: 0; padding: 10px; border: dotted #f5f5f5 1px; margin:5px; background: #fefefe; }
ul#cart-content li img.illustration { padding: 0; margin: 0; border: solid 3px #e0e0e0; }
ul#cart-content li div { padding: 0; margin: 0; padding-left: 60px;}
ul#cart-content li div a, #mod_cart_details a, .newsblock p a { color: #1f93ca; font-weight: bold; text-decoration: none; }
ul#cart-content li div a:hover, #mod_cart_details a:hover, .newsblock p a:hover { color: #d54738; } 
ul#cart-content li .cart-item-details { padding: 0; margin: 0; } 

.btn-paybox { cursor: pointer; border: none; width: 105px; height: 28px; background: url(images/button_paybox.gif) no-repeat; }

/* ----------------------------- */
/*       PayBox Listing          */
/* ----------------------------- */

#mod_paybox_content ul#pb-listing { }
#mod_paybox_content ul#pb-listing li { float: left; width: 500px; }

/* ----------------------------- */
/*      Carousel sidebar         */
/* ----------------------------- */

#sidebar-carousel-wrapper { width: 290px; overflow: hidden; margin:0;padding:0; }
#sidebar-carousel-content { width: 2500px; }
#sidebar-carousel-content .bloc { float: left; width: 290px; }
#sidebar-carousel-content .bloc h3 { }

.sidebar-menu { clear: both; height: 20px; }
ul#sidebar-carousel-menu li { float: left; margin: 0; margin-right: 0.3em; margin-left: 0.3em; }
ul#sidebar-carousel-menu li.sep { border-left: dotted #555555 1px; width: 1px; height: 13px; margin-top: 2px; }
ul#sidebar-carousel-menu li a { font-size: 1em; color: #888888; font-weight: bold;  text-decoration: none; }
ul#sidebar-carousel-menu li a.carousel-selected { color: #333333; }

/* ----------------------------- */
/*      Carousel menubar         */
/* ----------------------------- */

#menubar-carousel-menu { float: left; margin-top: -15px; margin-left: -15px; }
#menubar-carousel-menu li { padding-right: 40px; }
#menubar-carousel-menu li.sep { background: url(images/m_sep.gif) no-repeat; width: 1px; height: 13px; margin-top: 8px; }
#menubar-carousel-menu li a.carousel-selected { color: #e96a53; }
#menubar-slide-1 li { margin-left: 380px; }
#menubar-carousel-wrapper { width: 960px; overflow: hidden; background: #fefefe; } 
#menubar-carousel-content { width: 5000px; }
#menubar-carousel-content .slide { float: left; width: 960px; } 
#menubar-carousel-content .slide ul { float: right; }
#menubar-carousel-content .slide ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 0.95em; color: #1f93ca; padding-left: 10px; padding-right: 10px; }
#menubar-carousel-content .slide ul li.sep { color: #ffffff; background: url(images/m_sep.gif) 0px 5px no-repeat; width: 1px; height: 13px; margin-top: 8px; }
#menubar-carousel-content .slide ul li a:hover { border-bottom: dotted 2px #1f93ca; } 

/* ----------------------------- */
/*      Carousel books covers    */
/* ----------------------------- */

#mod_ebooks_classes { clear: both; padding-top: 40px; }
#ebooks-classes-carousel-wrapper { padding: 0; margin: 0; width: 542px; height: 250px; overflow: hidden; }
#ebooks-classes-carousel-content { width: 5000px }
#ebooks-classes-carousel-content .slide .item { float: left; width: 105px; margin: 0px; border: dotted 1px #ffffff; }
#ebooks-classes-carousel-content .slide .item:hover { border: dotted 1px #e0e0e0; background: #f0f0f0; }
#ebooks-classes-carousel-content img { border: solid 3px #e0e0e0; margin-left: 11px; }
#ebooks-classes-carousel-content .slide { float: left; width: 600px; height: 144px; }  
.btn-next, .btn-prev { width: 55px; height: 55px; border: none; cursor: pointer; }
.btn-next { float: right; background: url(images/next.gif) no-repeat; } 
.btn-prev { float: left; background: url(images/prev.gif) no-repeat; }


#mod_homepage { clear: both; }
.ebooks-classes-carousel-wrapper { padding: 0; margin: 0; width: 542px; overflow: hidden; }
.ebooks-classes-carousel-content { width: 5000px }
.ebooks-classes-carousel-content .slide .item { float: left; width: 85px; padding: 5px; margin: 5px; border: dotted 1px #e0e0e0; }
.ebooks-classes-carousel-content .slide .item:hover { border: dotted 1px #e0e0e0; background: #f0f0f0; }
.ebooks-classes-carousel-content img { border: solid 3px #e0e0e0; }
.ebooks-classes-carousel-content .slide { float: left; width: 600px; }

/* ----------------------------- */
/*      Covers                   */
/* ----------------------------- */

.big-cover { border: solid 6px #e0e0e0; float: left; margin: 0.5em; }
.small-cover { border: solid 3px #e0e0e0; float: left; margin: 0.5em; }

/* ----------------------------- */
/*            Ebooks Listing     */
/* ----------------------------- */
 
#mod_ebooks ul.items { display: block; clear: both; }
#mod_ebooks ul.items li { cursor: pointer; padding: 10px; margin: 4px; padding-top: 0; width: 150px; height: 280px; float: left; border: dotted 1px #e0e0e0; } 
#mod_ebooks ul.items li:hover { border: dotted 1px #e0e0e0; background: #f0f0f0; }
#mod_ebooks ul.items li img { display: block; border: solid 3px #e0e0e0; margin: 0.5em; margin-left: 30px; margin-top: 5px; }
#mod_ebooks ul.items li strong { color: #888888; font-weight: bold; text-align: left; display: block; font-size: 0.9em; margin-bottom: 15px; }  
#mod_ebooks ul.items li span { color: #101010; font-size: 12px; }
#mod_ebooks ul.items li a.add-cart-item {  }
input.btn-add-cart { float: left; cursor: pointer; border: none; width: 105px; height: 28px; background: url(images/button_add_to_cart1.gif) no-repeat; }
input.btn-add-cart-off { float: left; cursor: pointer; border: none; width: 105px; height: 28px; background: url(images/button_add_to_cart1_off.gif) no-repeat; }
a.btn-details { font-weight: bold; font-size: 0.9em; color: #1f93ca; text-decoration: underline; margin-top: 5px; float: right; } 

input.btn-downland-ebook { float: left; cursor: pointer; border: none; width: 105px; height: 28px; background: url(images/button_download_ebook.gif) no-repeat; }

#mod_my_ebooks ul.items { display: block; clear: both; }
#mod_my_ebooks ul.items li { background: #d9e6ed; cursor: pointer; padding: 4px; margin: 4px; padding-top: 0; width: 250px; height: 220px; float: left; border: dotted 1px #1f93ca; } 
#mod_my_ebooks ul.items li:hover { border: dotted 1px #e0e0e0; background: #f0f0f0; }
#mod_my_ebooks ul.items li img { float: left; display: block; border: solid 2px #0c6c9a; margin: 0.5em; margin-left: 5px; margin-top: 5px; }
#mod_my_ebooks ul.items li strong { color: #333333; font-weight: bold; text-align: left; display: inline; font-size: 0.9em; }  
#mod_my_ebooks ul.items li span { color: #101010; font-size: 0.9em; }
#mod_my_ebooks ul.items li div.details { padding-top: 10px; float: right; width: 140px; } 
#mod_my_ebooks ul.items li div.title { border-bottom: solid #1f93ca 2px; padding-top: 10px; height: 35px; width: 250px; color: #1f93ca; font-size: 1.2em; font-weight: bold; text-align: center;  }
 
/* ----------------------------- */
/*            Contacts           */
/* ----------------------------- */

#mod_contacts { padding:0; margin:0; }
#mod_contacts form { margin-top: -13px; }

/* ----------------------------- */
/*            Teasing            */
/* ----------------------------- */

#sidebar-carousel-wrapper ul li { }
#sidebar-slide-1 strong { color: #1f93ca; } 
 
.conn-help { clear: both; color: #d0d0d0; font-style: italic; } 

#menubar-carousel-wrapper { background: #fbfcfc; }

.color2 { color: #1f93ca; font-size: 18px; }

/* ----------------------------- */
/*            Debug              */
/* ----------------------------- */

#mod_debug { padding: 2em; margin-bottom: 1em; border-bottom: dotted 2px #1f93ca; }
#mod_debug a { color: #1f93ca; font-weight: bold; text-decoration: none; }
#mod_debug a:hover, .newsblock p a:hover { color: #d54738; }