body {



    background:url("http://www.lasourisquiraconte.com/espaces/images/espaces_bg.gif") repeat;



    text-align:left;



    color:#666;



    /*width:700px;*/

    margin: 0;

    font-size:14px;



    font-family:georgia, 'time new romans', serif;





    padding:0;



}

.clear{

    clear: both;

    height: 0;

}

#conteneur{

    width:788px;

    margin:0 auto;

}

#conteneur_large{

    width:1024px;

    margin:0 auto;

}

a:focus {



    outline: none;



}







h1 {



    font-size: 34px;



    font-family: verdana, helvetica, arial, sans-serif;



    letter-spacing:-2px;



    color:#9FC54E;



    font-weight:700;



    padding:20px 0 0;



}







h2 {



    font-size: 24px;



    font-family: verdana, helvetica, arial, sans-serif;



    color:#444444;



    font-weight: 400;



    padding: 0 0 10px;



}







h3 {



    font-size:14px;



    font-family:verdana, helvetica, arial, sans-serif;



    letter-spacing:-1px;



    color:#fff;



    font-weight: 700;



    text-transform:uppercase;



    margin:0;



    padding:8px 0 8px 0;



}






/*
img{



float: right;



margin: 3px 3px 6px 8px;



padding: 5px;



/*background: #222222;



border: 1px solid #333333;



}
*/






p {



    color:#cccccc;



  



}







img {



    border:none;



}







#container {



    clear: both;

    width: 784px;

    margin:0 0;

    position: relative;

    padding: 0;



}







#container a{



    /*float: right;
    
    
    
    background: #9FC54E;
    
    
    
    border: 1px solid #9FC54E;
    
    
    
    -moz-border-radius-topright: 20px;
    
    
    
    -webkit-border-top-right-radius: 20px;
    
    
    
    -moz-border-radius-bottomleft: 20px;
    
    
    
    -webkit-border-bottom-left-radius: 20px;
    
    
    
    text-decoration: none;
    
    
    
    font-size: 16px;
    
    
    
    letter-spacing:-1px;
    
    
    
    font-family: verdana, helvetica, arial, sans-serif;
    
    
    
    color:#fff;
    
    
    
    padding: 20px;
    
    
    
    font-weight: 700;*/



}







#container a:hover{



    /*float: right;
    
    
    
    background: #a0a0a0;
    
    
    
    border: 1px solid #cccccc;
    
    
    
    -moz-border-radius-topright: 20px;
    
    
    
    -webkit-border-top-right-radius: 20px;
    
    
    
    -moz-border-radius-bottomleft: 20px;
    
    
    
    -webkit-border-bottom-left-radius: 20px;
    
    
    
    text-decoration: none;
    
    
    
    font-size: 16px;
    
    
    
    letter-spacing:-1px;
    
    
    
    font-family: verdana, helvetica, arial, sans-serif;
    
    
    
    color:#fff;
    
    
    
    padding: 20px;
    
    
    
    font-weight: 700;*/



}











.content {



    font-style:normal;



    font-family:helvetica, arial, verdana, sans-serif;



    color:#ffffff;



    background:#333333;



    border:1px solid #444444;



    -moz-border-radius-topright: 20px;



    -webkit-border-top-right-radius: 20px;



    -moz-border-radius-bottomleft: 20px;



    -webkit-border-bottom-left-radius: 20px;



    margin: 30px 0 50px;



    padding: 15px 0;



}







.content p {



    margin: 10px 0;



    padding: 15px 20px;



}







.panel {



    position: absolute;



    top: 120px;



    left: 0;



    display: none;



    background: #000000;



    border:1px solid #111111;



    -moz-border-radius-topright: 20px;



    -webkit-border-top-right-radius: 20px;



    -moz-border-radius-bottomright: 20px;



    -webkit-border-bottom-right-radius: 20px;



    width: 220px;



    height: auto;



    padding: 30px 30px 30px 130px;



    filter: alpha(opacity=85);



    opacity: .85;



}







.panel p{



    margin: 0 0 15px 0;



    padding: 0;



    color: #cccccc;



}







.panel a, .panel a:visited{



    margin: 0;



    padding: 0;



    color: #9FC54E;



    text-decoration: none;



    border-bottom: 1px solid #9FC54E;



}







.panel a:hover, .panel a:visited:hover{



    margin: 0;



    padding: 0;



    color: #ffffff;



    text-decoration: none;



    border-bottom: 1px solid #ffffff;



}







a.trigger{



    /*position: absolute;
    
    
    
    top: 80px; left: 0;*/



    text-decoration: none;



    background:#5e80a6;



    font-size: 16px;



    letter-spacing:-1px;



    font-family: verdana, helvetica, arial, sans-serif;



    color:#fff;



    padding: 20px 40px 20px 15px;



    font-weight: 700;



    margin-left: 307px;



    border:1px solid #444444;



    width:96px;



    display: block;



}







a.trigger:hover{



    /*position: absolute;
    
    
    
    top: 80px; left: 0;*/



    text-decoration: none;







    font-size: 16px;



    letter-spacing:-1px;



    font-family: verdana, helvetica, arial, sans-serif;



    color:#fff;



    padding: 20px 40px 20px 20px;



    font-weight: 700;



    background:#6c93be url(http://www.lasourisquiraconte.com/espaces/images/plus.png) 85% 55% no-repeat;



    border:1px solid #444444;







    display: block;



}







a.active.trigger {



    background:#5e80a6 url(http://www.lasourisquiraconte.com/espaces/images/minus.png) 85% 55% no-repeat;



}







.columns{



    clear: both;



    width: 330px;



    padding: 0 0 20px 0;



    line-height: 22px;



}







.colleft{



    float: left;



    width: 130px;



    line-height: 22px;



}







.colright{



    float: right;



    width: 130px;



    line-height: 22px;



}







ul{



    padding: 0;



    margin: 0;



    list-style-type: none;



}







ul li{



    padding: 0;



    margin: 0;



    list-style-type: none;



}







hr{



    background-color: #333333;



    height: 1px;



}







#monSlider{



    width: 700px;



    height: 200px;



}



#monSlider li{



    width: 208px;



    cursor: pointer;







}



#panel{



    margin-left: 50px;



    /*display: none;*/



}



#message_attente{



    margin:13px 0 10px 155px;



}



#flashcontent{



    /*   width:777px;
   
   
   
       height: 435px;*/



}
#header #espace_biblio{
      margin: 0 auto;
      width: 633px;
}
#header #logo{

    background:url("images/logo-lsqr.png") no-repeat;

    width: 348px;

    height: 171px;
margin: 0 auto;
  

}
#header #logo2{

    background:url("images/logo-lsqr.png") no-repeat;

    width: 348px;

    height: 171px;
float: left;
   

}
#header #logobib{

     background: url("images/bg_logo_biblio.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 95px;
    padding-left: 57px;
    padding-right: 14px;
    padding-top: 11px;
    text-align: center;
    width: 207px;
       margin-top: 31px;
}

#header #bienvenue{

    background: url("images/bienvenue_espace_biblio.png") no-repeat scroll 0 0 transparent;

    height: 39px;

    margin: 10px auto 0;

    width: 424px;

}

#iview{



}

#bg_viewer_gauche{

    background: url("http://www.lasourisquiraconte.com/espaces/images/bg_viewer_gauche.png") no-repeat scroll 0 0 transparent;

    height: 252px;

    left: -111px;

    position: absolute;

    top: 100px;

    width: 111px;



}

#bg_viewer_droite{

    background: url("http://www.lasourisquiraconte.com/espaces/images/bg_viewer_droite.png") no-repeat scroll 0 0 transparent;

    height: 439px;

    position: absolute;

    left: 777px;

    top: 22px;

    width: 131px;

}
#conteneur_large #bg_viewer_droite{

    background: url("http://www.lasourisquiraconte.com/espaces/images/bg_viewer_droite.png") no-repeat scroll 0 0 transparent;

    height: 439px;

    position: absolute;

    left: 1021px;

    top: 22px;

    width: 131px;

}

#details {

    margin-top: 20px;

}

#details #col_g{

    float: left;

    width: 100px;

}

#details #col_d{

    float: left;

    width: 560px;

    margin-left: 10px;

}

#details #retour a,#retour a{

    color: #6f94bb;

    font-size: 18px;

    background: url("images/fleche_retour.png") no-repeat left bottom;

    display: block;

    padding-left: 18px;

}

#details .titre{

    color: #6f94bb;

    font-size: 24px;

    margin-bottom: 10px;



}

#details #description {

    margin-bottom: 20px;





}

#details #caracteristiques {

    color:#545454;

    font-family: Arial;

    font-size: 13px;

    font-weight: bold;



    margin-bottom: 10px;

}

#details #description p{

    color: #545454;

    font-size: 13px;





}

#details #description a{

    color: #545454;





}

#footer{

    background: url("http://www.lasourisquiraconte.com/espaces/images/bg_footer.png")repeat-x;

    height: 275px;

    width: 100%;

    margin-top: 60px;

}

#footer #content_footer{

    padding-top: 40px;

    width: 654px;

    margin:0 auto;

}

#footer #content_footer #collections{

    font-size: 15px;

    color: #4f4f4f;

    text-align: right;

    width: 130px;

    float: left;

}

#footer #content_footer #logos{

    margin-left: 30px;

    width:477px;

    float: left;

}

#footer #content_footer #toutesleshistoires{

    color: #6f98c1;

    font-size: 17px;

}

#footer #content_footer #toutesleshistoires a{

    color: #dd9b00;

    text-decoration: none;

}

#panel .bx-prev {

    background: url("http://www.lasourisquiraconte.com/espaces/images/prev.png") no-repeat;
left: -35px;
}

#panel .bx-next {
    right: -61px;
    background: url("http://www.lasourisquiraconte.com/espaces/images/next.png") no-repeat;



}

#panel img{

  /*  border:solid 4px #000;*/

    padding: 0;



}

#panel li{

    background: #000;
    padding: 4px;

}
#loading{
      color: #545454;
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 9px;
    padding-bottom: 0;
}