/**********************************************/
/* Reusable class                             */
/**********************************************/
.validate { 
	display:none; 
}
.overflow-hidden {
	overflow:hidden;	
}
.clear:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clear{
	display: inline-table;
}
.clear{
	height:0;
	clear: both;
	display:block
}
.inline{
    display:inline-block !important;
}

.floatright {
    float:right;
}
.floatleft {
    float:left;
}
.hidden, hr {
    display:none;
}
.indent{
    text-indent:-9999px;
    line-height:0;
}
.indent img{
    display:block;
}
.indent span{
    position:absolute;
    left:-9999px;
} 
.no-margin{
    margin:0 !important;
}
address{
    font-style:normal;
    line-height:16px;
    white-space:nowrap;
}
.block{
    display:block;
}
.txtbox{
    border-top:none;
    border-left:1px solid #c5c5c5;
    border-bottom:1px solid #c5c5c5;
    border-right:1px solid #c5c5c5;
    width:245px;
    background:#fff url('/images/txtbox-bg.gif') repeat-x top left;
    line-height:19px;
    height:19px
}
.txtbox, select{
    color:#666;
    font-family:Arial;
    padding:1px;
}
div.hr{
    border-top:6px solid #8d8d8d;
    margin-bottom:8px;
    clear:both;
}
.spacer{
    height:20px;
}
a.arrow{
    background:url('/images/sprite-arrow.png') no-repeat top right ;
    padding-right:20px;
    background-position:100% -20%;
    float:right;
    margin-right:10px;
}
a.arrow:hover{
    background-position:100% 115%;
    color:#3399ff;
}
.show{
    display:block !important;
}



html, body{
    height:100%;
}
body{
    background:#fff url('/images/wrapper-bg.jpg') repeat-y top center;
}
#shadow-wrapper{
    background:url('/images/content-bg.jpg') no-repeat bottom left;
    width:995px;
    margin:0 auto;
    height:100%;
    /*min-height:100%;*/
    height: auto !important;
}
#wrapper{
    
}
#header{
    height:295px;
    background:url('/images/header-bg.jpg') no-repeat top left;
    position:relative;
}
#header h1 img{
    position:absolute;
    top:52px;
    left:46px;
}
#header #lnk-facebook{
    position:absolute;
    top:30px;
    left:601px;
}
#header #top-nav{
    position:absolute;
    top:59px;
    right:5px;
}
#header #nav{
    position:absolute;
    top:204px;
    left:33px;
}
#header #nav li{
    float:left;
    margin-right:24px;
}
#header #nav li.last{
    margin-right:0;
}

/* SEARCH BOX */
#header #search{
    background:url('/images/search-bg.gif') repeat-x;
    height:21px;
    padding:9px 10px 10px 15px;
    position:absolute;
    bottom:11px;
    left:33px;
    width:905px;
}
#search #lbl-rechercher{
    margin-right:12px;
}
#search .txtbox{
    margin-right:30px;
}
#search #sl-categories{
    margin-right:23px;
    width:198px;
}
#search #btn-ok{
    margin-right:115px;
    background:none;
    border:none;
    padding:0;
    cursor:pointer;
}
#search #btn-ok img{
    margin-top:4px;
}
#search #lnk-avancee{
    display:inline-block;
}
#search #lnk-avancee img, #search #btn-ok img{
    vertical-align:top;
}
#advanced-search{
    background:#f8f8f8 url('/images/advance-search-bg.gif') repeat-x top left;
    border-bottom:1px solid #f3f3f1;
    height:253px;
    width:915px;
    position:absolute;
    left:33px;
    top:284px;
    padding:22px 0 0 15px;
    display:none;
    z-index:5000;
}
#advanced-search div{
    float:left;
}
#advanced-search div img{
    margin-bottom:26px;
}
#advanced-search #col1{
    width:290px;
}
#advanced-search #col1 select{
    width:198px;
}
#advanced-search #col2{
    width:456px;
}
#advanced-search #col2 dt, #advanced-search #col2 dd{
    float:left;
    margin-bottom:10px;
}
#advanced-search #col2 dt{
    width:170px;
    line-height:20px;
}
#advanced-search #col3{
    padding-top:40px;
}
#content{
    width:927px;
    margin:0 auto;
    padding:0 34px 20px 34px;
   
}

/* ACCUEIL */

/* SUGGESTIONS LIBRAIRES */
.home #content
{
    padding-bottom:8px;
}
.home #suggestions-libraires{
    padding:20px 10px 15px 20px;
    margin-bottom:9px;
}
#suggestions-libraires h2{
    margin-bottom:22px;
}
#suggestions-libraires #btn-prev{
    margin-right:9px;
}
#suggestions-libraires #btn-prev, #suggestions-libraires #btn-next{
    float:left;
    margin-top:80px;
}
#suggestions-libraires #suggestions-items ul li.suglink {
	height:235px;
}
#suggestions-items{
    width:831px;
    float:left;
    margin-bottom:20px;
}
#content #suggestions-items ul{
    margin-left:0;
}
#content #suggestions-items ul li{
    float:left;
    margin-right:26px;
    margin-left: 26px;
    overflow:visible !important; 
    position:relative;
    background:none;
    padding-left:0;
}
.bubble{
    position:absolute;
    width:205px;
    left:-30px;
    top:20px;
    z-index:4999;
    display:none;
}
.bubble-top{
    background:url('/images/bubble-top.png') no-repeat;
    height:25px;
}
.bubble-content{
    background:url('/images/bubble-content.png') repeat-y;
    clear:both;
    padding:0 20px;
}
.bubble-content h3{
    font-size:16px;
    font-weight:bold;
    margin-bottom:10px;
}
.bubble-content strong{
    color:#3399ff;
    font-weight:normal;
    font-size:14px;
    font-family:Georgia;
}
.bubble-content .price{
    color:#3399ff;
    font-weight:bold;
    font-size:21px;
    font-family:Georgia;
}
.bubble-bottom{
    background:url('/images/bubble-bottom.png') no-repeat;
    height:18px;
}
#suggestions-items ul li.last{
    margin-right:23px;
}
.home .col1{
   /* background:url('/images/palmares-bg.jpg') no-repeat;*/
    width:274px;
    margin-right:8px;
    float:left;
}


/* NOTRE PALMARES */
#palmares-wrapper{
    background:url('/images/pal-content.jpg') repeat-y ;
    
}
#palmares{
    background:url('/images/pal-bottom.jpg') no-repeat bottom left;
    height:577px;
}
#palmares-bottom{
    height:184px;
    position:relative;
}
#content #palmares ul{
    margin-left:0;
    margin-bottom:0;
}
#content #palmares ul li{
    background:url('/images/pal-sep.png') no-repeat bottom left;
    padding-bottom:5px;
    clear:both;
    overflow:hidden;
    padding-left:0;
    margin-bottom:0;
}
#palmares ul li span{
    width:32px;
    height:50px;
    display:block;
    float:left;
    margin-right:5px;
}
#palmares ul li div{
    float:left;
    padding-top:10px;
    width:231px;
}
#palmares ul li div h3{
    font-size:14px;
    font-weight:bold;
    margin-bottom:0;
}
#palmares ul li div h3 a{
    color:#333;

}

#palmares ul li div h4{
    text-transform:uppercase;
    color:#333;
    margin-bottom:0;
}
#palmares #top1 span{
    background:url('/images/top1.png');
}
#palmares #top2 span{
    background:url('/images/top2.png');
}
#palmares #top3 span{
    background:url('/images/top3.png');
}
#palmares #top4 span{
    background:url('/images/top4.png');
}
#palmares #top5 span{
    background:url('/images/top5.png');
}

#palmares-bottom a{
    color:#fff;
    position:absolute;
    left:20px;
    bottom:0px;
}


.home .col2{
    width:382px;
    margin-right:8px;
    float:left;
}
.col2 #welcome-box{
    background:url('/images/welcome-bg.png');
    height:233px;
    margin-bottom:8px;
    padding:23px;
    color:#fff;
}
#welcome-box h3{
    font-size:18px;
    font-weight:bold;
    margin-bottom:15px;
}
#welcome-box p{
    font-size:13px;
}
#welcome-box p strong{
    text-transform:uppercase;
}
.home .col3{
    float:left;
}
.home .col3 a{
    display:block;
    margin-bottom:9px;
}


/* LIBRAIRIE */

.librairie #content{
    padding-top:15px;
}
#sidebar{
    float:left;
    margin-right:19px;
}
#main-content{
    float:left;
    padding-top:21px;
    width:635px;
}



/* SUGGESTIONS */
#tabs-suggestions{
    overflow:hidden;
    float:left;
}
#tabs-suggestions li{
    float:left;
    margin:0 10px 10px 0 !important;
    background:none !important;
    padding:0 !important;
}
#tabs-suggestions li.newline{
    clear:both;
}
#tabs-suggestions li a{
	display:block;
	width:216px; height:35px; background:url(../images/choix-libraire-bt.png) no-repeat top left;
	line-height:34px;
	text-align:center;
	font-size:15px; text-transform:uppercase; color:#fff;
	font-weight:bold;
	overflow:hidden;
}
#tabs-suggestions li a:hover, #tabs-suggestions li a.active{
	background:url(../images/choix-libraire-bt.png) no-repeat bottom left;
	color:#fff;
	text-decoration:none;
}
#filtre-suggestions{
    float:left;
    padding-top:10px;
    width:270px;
}
#filtre-suggestions select{
    margin:0 12px;
}
div#suggestions-list{
    clear:both;
    padding-top:20px;
}
#suggestions-list h2{
    float:left;
    margin-left:14px;
     
}
.pagination-suggestions{
    float:right;
}
.pagination-suggestions li{
    float:left;
    margin-right:5px;
    background:none !important;
    padding:0 !important;
}
.pagination-suggestions li a{
    display:block;
    line-height:28px;
    width:28px;
    text-align:center;
}
.pagination-suggestions li a:hover{
    color:#3399ff;
}
.pagination-suggestions li.active a{
    color:#fff;
    background:#3399ff;
}
#lst-suggestions{
    margin-bottom:20px;
    clear:both;
    padding-top:5px;
    margin-left:0 !important;
}
#lst-suggestions li{
    background:url('/images/dotted-sep.gif') repeat-x bottom left !important;
    overflow:hidden;
    margin-top:20px;
    padding:0 0 20px 0 !important;
    
}
#lst-suggestions li .sug-img{
    float:left;
    width:216px;
    text-align:center;
    margin-right:25px;
}
#lst-suggestions li .sug-description{
    float:left;
	width:100%; /* 20/04/2011 */
}

#lst-suggestions li h3{
    letter-spacing:-0.4px;
}
#lst-suggestions li span.author{
    font-size:14px;
    font-family:Georgia;
    margin-bottom:15px;
    color:#3399ff;
    display:block;
}
#lst-suggestions li span.price{
    font-size:18px;
    font-family:Georgia;
    font-weight:bold;
    margin-bottom:15px;
    color:#3399ff;
    display:block;
}
#lst-suggestions li span.isbn{
    margin-bottom:15px;
    display:block;
}
#lst-suggestions li p{
    font-size:12px;
    color:#333;
    line-height:normal;
    margin-bottom:10px;
}
#lst-suggestions li a{
    color:#3399ff;
    margin-top:10px;
    display:inline-block;
}
#lst-suggestions li span.editor{
    width:49%;
    display:inline-block;
}
#lst-suggestions li span.from{
    width:49%;
    display:inline-block;
    text-align:right;
}


/* FICHE DU PRODUIT */

#product-info{
    clear:both;
    padding-top:20px;
}
#back-to-suggestions{
    float:right;
    padding-top:10px;
}
#product-specs{
    float:left;
    width:668px;
    position:relative;
}
#product-specs h3, #product-specs span, #product-specs h2{
    margin-left:10px;
}
#product-specs span{
    display:inline-block;
    margin-bottom:30px; 
}
#product-specs span em{
    font-family:Georgia;
    font-size:14px;
    font-style:normal;
    color:#3399ff;
}
#product-specs dl{
    width:440px;
}
#product-specs dl dt, #product-specs dl dd{
    background:url('/images/dotted-sep.gif') repeat-x bottom left;
    display:block;
    float:left;
    padding:7px 0;
}
#product-specs dl dt{
    width:110px;
    clear:left;
    padding-left:10px;
}
#product-specs dl dd{
    width:320px;
}
#product-image{
    float:left;
    width:253px;
    text-align:center;
}
#product-resume{
    clear:both;
    padding-left:10px;
}
#product-resume p{
    color:#333;
}
#lst-product-options{
   float:right;
}
#lst-product-options li{
    float:left;
    background:none !important;
    padding-left:0 !important;
}
#lst-product-options li a{
    font-style:italic;
}
#product-comment{
    clear:both;
    padding:30px 0 0 10px;
}
#box-comment #top{
    background:url('/images/box-comment-top.png') no-repeat;
    height:19px;
}
#box-comment #middle{
    background:url('/images/box-comment-middle.png') repeat-y;
    padding:0 8px;
}
#box-comment #middle p{
    margin:0;
    color:#333;
}
#box-comment #bottom{
    background:url('/images/box-comment-bottom.png') no-repeat;
    height:18px;
}




/* CALENDRIER */
#calendrier{
    margin:0 auto;
    padding:0 34px;
    width:927px;
    background:url('/images/calendar-bg.jpg') no-repeat top left;
    padding-top:15px;
}
#calendrier #nos-activites{
    float:left;
    width:665px;
}
#calendrier #nos-activites h2{
    margin-left:15px;
    margin-bottom:9px;
}
#calendar-container{
    background:url('/images/calendar-bg.png');
    float:left;
    height:204px;
    width:259px;
    padding:18px 11px 0 13px;
}
#calendar-container #month-selector{
    text-align:center;
    padding-bottom:5px;
}
#month-selector span{
    text-transform:uppercase;
    margin:0 10px;
}
#month-selector a {
    display:inline-block;
}
#month-selector a img{
    vertical-align:top;
}
#calendar-container table{
    width:100%;
}
#calendar-container table tr td, #calendar-container table tr th{
    vertical-align:middle;
    text-align:center;
}
#calendar-container table tr th{
    padding-right:8px;
}
#calendar-container table tr td span{
    display:block;
    border:1px solid #676767;
    margin:0 8px 2px 0;
    width:28px;
    line-height:28px;
}
#calendar-container table.morerows tr td span{
	line-height:23px;
}

#calendar-container table tr td span a{
    display:block;
    color:#000;
    background:#ccc;
}
#calendar-container table tr td span a:hover,#calendar-container table tr td span a.current{
    color:#fff;
    background:#3399ff;
}
#calendar-container table tr td.inactive span{
    background:url('/images/td-inactive.gif');
}
#calendar-infos{
    background:url('/images/calendar-infos-bg.png');
    float:left;
    height:164px;
    width:338px;
    padding:29px 22px;
    color:#fff;
}
#calendar-infos h3{
    font-size:18px;
    font-weight:bold;
    margin-bottom:10px;
}
#calendar-infos a.arrow{
    color:#fff;
    background:url('/images/white-arrow.gif') no-repeat right center;
    padding-right:15px;
}
#calendrier #ne-pas-manquer{
    float:left;
}
#calendrier #ne-pas-manquer h2{
    margin-left:25px;
    margin-bottom:5px;
}
#dont-miss-content{
    background:url('/images/dont-miss-bg.jpg');
    width:232px;
    height:166px;
    padding:28px 5px 28px 25px;
    color:#333;
}
#dont-miss-content h3{
    font-size:16px;
    font-weight:bold;
    margin-bottom:10px;
}
#recherches-populaires{
    margin:0 auto;
    padding:0 50px;
    width:895px;
    background:url('/images/popular-search-bg.jpg') no-repeat top left;
    padding-top:20px;
    height:319px;
}
#recherches-populaires h2{
    margin-bottom:10px;
}
#recherches-populaires p{
    width:506px;
}

#activites-content{
    padding-top:21px;
    padding-left: 15px;
}

/* PAPETERIE */
.papeterie #content, .jeux #content{
    padding-top:20px;
}
.papeterie #content h2, .jeux #content h2{
    margin:0 0 20px 15px;
}
#lst-logos{
    overflow:hidden;
    margin-left:0 !important;
}
#lst-logos li{
    float:left;
    width:20%;
    line-height:175px;
    vertical-align:middle;
    text-align:center;
    background:none !important;
    padding-left:0 !important;
}

/* JEUX */


/*404*/
.err404 #contentbox
{
    background:url('/images/err-404-bg.jpg') no-repeat center top;
    height:520px;
}


#footer-wrapper{
    background:url('/images/footer-bg.jpg') no-repeat bottom center;
}
#footer{
    width:918px;
    height:179px;
    margin:0 auto;
    position:relative;
    padding:15px 15px 0 15px;
}
#footer #fauteuil {
    position:absolute;
    top:-325px;
    right:-25px;
    z-index:55;
}
#footer .address-block{
    color:#fff;
    float:left;
    margin-right:100px;
}
#footer .address-block strong{
    text-transform:uppercase;
    display:block;
}
#footer a{
    color:#fff;
}
#footer p{
    margin-bottom:10px;
}
#footer ul li{
    background:url('/images/footer-sep.gif') no-repeat center right;
    float:left;
    padding-right:14px;
    margin-right:14px
}
#footer ul li.last{
    background:none;
}
#footer ul li a{
    font-size:11px;
    color:#ccc;
}
#footer #morgane{
    position:absolute;
    bottom:5px;
    right:0;
    z-index:5000;
}

/* Contact */

.contact #tr-content, .contact #shawi-content{
    float:left;
    padding-left:15px;
}
.contact #tr-content{
    margin-right:40px
}
.contact #content h2{
    margin: 10px 0 40px 15px;
}
.contact #content h3{
    font-family:Arial;
    font-size:12px;
    color:#333;
    text-transform:uppercase;
    font-weight:bold;
}
.contact #content img{
    margin-bottom:20px;
}
#newsletter{
    background:url('/images/newsletter-bg.jpg') no-repeat;
    height:135px;
    padding:53px 0 0 15px;
}
#newsletter .txtbox{
    width:230px;
    display:block;
}
#newsletter label{
    display:inline-block;
    margin-bottom:5px;
}
#newsletter #btn-validate{
    float:right;
    margin:5px 5px 0 0 ;
}

#video-box {
	width:382px;
	height:290px;
}


/* admin */
.flexigrid{
    width:100% !important;
}
.admin-link{
    padding:10px 20px 10px 20px;
    text-align:center;
    border:1px dotted #009aff;
}
.admin-link a{
    margin-right:10px;
}



.col{
    width:300px;
    float:left;
}
.col h3{
    margin-bottom:5px;
}
#domenico{
    margin:5px 0 0 100px;
    display:inline-block;
}
#content ul{
    margin:0 0 15px 10px;
}
#content ul li{
    background:url('/images/puce.gif') no-repeat 0 3px;
    padding-left:10px;
    margin-bottom:3px;
}
#sidebar ul{
    margin:0;
}
#sidebar ul li, #lst-logos li{
    background:none !important;
    padding:0 !important;
    margin:0 !important;
}
#content h3, #content h4{
    margin-bottom:5px;
}
#contentbox5 { margin: 0 15px;}


.validator {
	display:none;
	color: red;
}
#acolyte { position:absolute; bottom:15px; right:80px;}
/*.sug-description*/