/******************************************
	PAGE : éléments d'habillage de la page
	et éléments communs sur toute la page
******************************************/
body , td , input , div{
	padding: 0px;
}

div , form{
        margin: 0px auto;
        padding: 0px;
}
body {
        margin: 0px auto;
	text-align: center;
	height:100%;
}
input {
	text-align: left;
}


.table{
        border-width:1px;
        border-style:solid;
        width:850px;
        margin-top:5px;
        margin-bottom:5px;
}

.boutonpdf , .boutonlink{
        cursor: pointer;
	text-align: center;
        padding-left:5px;
        padding-right:5px;
        font-weight:bold;
        height:18px;
        border-width:2px;
        border-style:outset;
        text-decoration:none;
        display:block;
        float:left;
}

.boutonpdf:hover , .boutonlink:hover , .boutonpdf:active , .boutonlink:active{
      border-style:inset;
}

.boutonpdf{
      background-image:url(/images/pictos/pdf.gif);
      background-repeat: no-repeat;
      background-position:214px 1px;
      width:220px;
}

.submit {
        cursor: pointer;
	text-align: center;
        padding-left:5px;
        padding-right:5px;
        font-weight:bold;
        height:20px;
        line-height:10px;
        border-width:2px;
        border-style:outset;
        text-decoration:none;
}


.submit:hover , .submit:active{
      border-style:inset;
}

.discounted{
    text-decoration: line-through ;
    color: #660000 ;
}
.imgleft{
float:left;
}

#librairie{
    margin-top:10px;
    white-space:nowrap;
}


#librairietexte{
        white-space:normal;
        display:block ;
        float:left;
        width:290px;
        padding-left:5px;
        padding-right:5px;
        text-align:justify;
        font-weight:bold;
}

#searchdiv{
    margin:0px auto;
    text-align:center;
}

.loupe{
        width:25px;
        height:25px;
        cursor: pointer;
        border: none;
        background-color:#FFFFFF;
        background-image:url(/images/pictos/loupe2.jpg);
        background-repeat: no-repeat;
        background-position:0px 0px;
}

.loupe:hover , .loupe:active{
        background-image:url(/images/pictos/loupe1.jpg);
}



#main {
        position: relative;
        top:0px;
	width: 870px;
        margin: 0 auto;
	padding: 0px;
	text-align: left;
	border-top:0px solid black;
	border-left:0px solid black;
	border-right:0px solid black;
	border-bottom:0px solid black;
	background-color:white;
        overflow:visible;
        dispaly:block;
}

#bottomdiv {
        position: absolute;
        left:110px;
        margin: 0 auto;
	width:650px;
        border-top-width: 5px;
        border-top-color: grey;
        border-top-style: ridge;
        height:35px;
        font-weight:bold;
        text-align:center;
        overflow:hidden;
}
#bottommenu{
        position: absolute;
        left:250px;
	width:400px;
        text-align:right;
        white-space:nowrap;
        display:block;
}
.bottomaddress{
        position: absolute;
        top:17px;
        left:0px;
        display: block;
        vertical-align:middle;
        text-align:center;
        width:650px;
        height:15px;
        line-height:15px;
}
.imgmail{
        position: relative;
        top:2px;
}
#contentdiv {
        position:absolute;
        top:100px;
	width:870px;
        overflow:visible;
}

img
{
        border-width:0px;
}

.portfolio
{
        width:360px;
        height:360px;
}


a:hover
{
	text-decoration:none;

}
a:active
{
	text-decoration:none;
}

.squareframe , .authframe
{
        border-width:3px;
        border-style:solid;
        padding:10px;
        margin-left:100px;
        margin-right:100px;
        display: block;
        border-width:3px;
        border-left-width:7px;
        border-bottom-width:30px;
}

.encadre
{
        text-align:left;
        display:block;
        padding-left:5px;
        padding-right:5px;
        font-weight:bold;
        padding-top:2px;
        height:20px;
        border-width:1px;
        border-style:solid;
        text-decoration:none;
        float:left;
}

/******************************************
	ENTETE
******************************************/

.topmenu
{
      position:absolute;
      top:50px;
      left:0px;
      width: 870px;
      height:42px;
      overflow:hidden;
      background-image:url(/images/lucie-logo.png);
      background-repeat: no-repeat;
}
.topmenulist
{
      height:42px;
      margin-left: 280px;
      margin-top: 5px;
}
.topmenuitem  , .topmenuitemselect
{
      display: inline;
      height:30px;
      line-height:30px;
}

#compteleft , #compteright , #compteaccueilright , #compteaccueilleft{
    position:absolute;
    height:25px;
    width:300px;
    font-weight:bold;
    font-style:italic;
    display: block;
}

#compteleft , #compteaccueilleft{
    left:10px;
    text-align:left;
}
#compteright , #compteaccueilright{
    left:540px;
    text-align:right;
}
#compteleft , #compteright {
    top:25px;
}
.compte_link{
    text-decoration:underline;
    font-weight:bold;
}


/*************************
Accueil
****************************/

.edito {
  display:block;
  width:330px;
  margin:0px auto;
  text-align:justify;
  line-height:16px;
  height:235px;
  overflow:auto;
  padding-right:3px;
  padding-left:3px;
}

#mainaccueildiv {
        margin-top:0px;
        display:block;
        position:absolute;
        top:0px;
}
#topleftaccueildiv , #topcenteraccueildiv , #toprightaccueildiv, #bottomleftaccueildiv , #bottomcenteraccueildiv , #bottomrightaccueildiv{
        display:block;
        float:left;
        overflow:hidden;
        text-align:left;
        margin:0px auto;
}
#topleftaccueildiv , #topcenteraccueildiv , #toprightaccueildiv{
	height:360px;
}
#bottomleftaccueildiv , #bottomcenteraccueildiv , #bottomrightaccueildiv{
	height:260px;
}
#topleftaccueildiv , #bottomleftaccueildiv{
	width:240px;
}

#topcenteraccueildiv , #bottomcenteraccueildiv {
	width:390px;
        text-align:center;

}

#toprightaccueildiv , #bottomrightaccueildiv{
	width:240px;
}

#topleftaccueildiv{
	background-image:url(/images/accueil/gauche-accueil.png);
	background-repeat: no-repeat;
}

#topleftaccueilspacerdiv{
	display:block;
        height:75px;
}

.spaceraccueildiv , .spacertopaccueildiv {
        clear:left;
        display:block;
}

#bottomleftaccueildiv{
	text-align:center;
        font-weight:bold;
}
#bottomrightaccueildiv{
	text-align:center;
        margin: 0px auto;
        display:block;
}

.collectiontitre , .collectionelement
{
        float:left;
	color:black;
        text-align:left;
        display:block;
        clear:left;
        white-space:nowrap;

}

.collectiontitre
{
        margin-left:10px;
        line-height:25px;
}

.collectionelement
{
        margin-left:20px;
        line-height:26px;
}

.collectionelement
{
        margin-left:20px;
}

.rightmenuitemlink
{
        text-align:left;
        text-decoration:none;
}
.rightmenuitem
{
        border-width:2px;
        border-style:outset;
        display: block;
        vertical-align: middle;
        width:240px;
        height:56px;
        line-height:56px;
        padding-left:20px;
}



/*************************
Collections
****************************/
.imagecollections{
        display:block;
        float:left;
        width:90px;
        height:90px;
        border-width:1px;
        border-style:solid;
        border-color:black;
        padding:5px;
        margin-right:20px;
}
.textecollections{
        width:700px;
        margin:0px;
        margin-bottom:20px;
        overflow:hidden;
        text-align:justify;
        padding:0px;
}
.itemcollections{
        display:block;
        width:850px;
        height:130px;
        margin-left:0px;
        text-align:left;
}


/*************************
Ouvrage
****************************/

.presentation_ouvrage {
    margin-top:10px;
    margin-bottom:10px;
    width:860px;
    display:block;
    text-align:left;
    border-width:3px;
    border-style:solid;
    border-left-width:7px;
    border-bottom-width:30px;
    height:70px;
    overflow:hidden;
}

#image_ouvrage{
  border-width:1px;
  border-style:solid;
  padding:5px;
  margin-right:3px;
  display:block;
  float:left;
}

#textes_ouvrage
{
  height:302px;
  width:535px;
  display:block;
  float:left;
  overflow:auto;
}

.texte_ouvrage {
  width:500px;
  text-align:justify;
}

.info_ouvrages{
  width:600px;
  text-align:left;
  height:50px;
  float:left;
  display:block;
}


.colheader  , .colelement {
  display:block;
  float:left;
  margin-right:10px;
  width:250px;
  text-align:left;
}
.colheader {
  height:30px;
}
.colelement {
  margin-top:5px;
}
.smallcol {
  display:block;
  float:left;
  width:275px;
}
.largecol {
  display:block;
  float:left;
  width:550px;
}
.allcol {
  display:block;
  float:left;
  width:830px;
}
.nocol {
  display:block;
  float:left;
  width:0px;
}
.colheader {
  height:30px;
}


.liencolgauche
{
  line-height:12px;
}

.titrecolonne
{
  margin-left:0px;
  padding-left:3px;
  display:block;
  border-width:1px;
  border-style:solid;
  border-color:grey;
  font-weight:bold;
  width:200px;
  height:20px;
  line-height:20px;
}


#commanderouvrage{
  position:absolute;
  left:745px;
  top:87px;
  width:110px;
}

#lucielogo{
  position:absolute;
  left:7px;
  top:89px;
}



#ouvrage_documents{
  position:absolute;
  left:177px;
  top:198px;
}

.ouvrage_editeur{
  text-align:right;
  margin-right:5px;
}

.toogle_livredumois{
  position:absolute;
  width:200px;
  left:580px;
  top:198px;
  text-align:right;
}

.titrecolgauche
{
  margin:0 0 0 0;
  padding:0px 5px 0px 5px;
  width: 200px;
  height:18px;
  line-height:18px;
  display:block;
  float:left;
}



#listeouvrage{
  width:870px;
  margin-top:10px;
  display:block;
  overflow: auto;
  float:left;
}



#livredumois{
  width:80px;
  display:block;
  overflow: auto;
  margin:0px 0px 0px 0px;
}

.right850{
position:absolute;
top:0px;
left:570px;
display:block;
width:300px;
text-align:right;
line-height:30px;
}

#titrepage80 , #titrepage200 , #titrepage50 , #titrepage30 {
margin:0px auto;
display:block;
width:870px;
height:80px;
text-align:left;
}

#titrepage200{
height:200px;
}
#titrepage50{
height:50px;
}

#titrepage30{
height:30px;
}


#page80 , #page200  , #page50  , #page0  , #page30{
display:block;
width:870px;
overflow:auto;
}

#innerpage {
display:block;
margin:0px;
text-align:center;
overflow:visible;
}


#page0{
margin-top:5px;
}

#basket{
position:relative;
top:160px;
margin:0px auto;
text-align:center;
}

.miniimage{
float:left;
}


#cataloguemini{
display: block;
margin-left:0px;
text-align:left;
float:left;
width:200px;
}

#titrepage{
display: block;
text-align:center;
margin:0px auto;
width:750px;
left:30px;
top:0px;
line-height:50px;
overflow:hidden;
}

#commentpage{
position:absolute;
display: block;
text-align:justify;
margin:0px auto;
width:790px;
left:0px;
top:32px;
height:61px;
font-style:italic;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}
.listheader
{
 width:850px;
 height:25px;
 display:block;
 left:0px;
 text-align:left;
}

.ouvrage_listheader
{
 font-weight:bold;
 line-height:25px;
 width:425px;
 height:25px;
 display:block;
}

/*********************************************
Basket
*******************************************/

.basket_{
  margin-left:45px;
}
.columnbasket{
  display:block;
  margin:3px;
  float:left;
  height:30px;
  overflow:hidden;
}
#lignebasket{
}
#row_icon , #footer_poids, #footer_totaltexte{
  clear:left;
}
#header_icon , #row_icon{
width:27px;
}
#header_ref , #row_reference{
width:120px;
}
#header_libelle , #row_libelle{
width:280px;
}
 #row_reference , #row_libelle{
text-align:left;
}
#header_pu , #row_pu{
width:50px;
}
#header_qte , #row_qte{
width:60px;
}
#header_total , #row_total{
width:50px;
}
#row_total{
text-align:right;
}
#header_delete , #row_delete{
width:90px;
}
#header_icon , #header_ref , #header_libelle , #header_pu , #header_qte  , #header_total , #header_delete {
font-weight:bold;
margin-bottom:10px;
}
#row_icon , #row_reference , #row_libelle , #row_pu , #row_qte , #row_total , #row_delete{
}
#footer_poids , #footer_porttexte , #footer_portprix , #footer_totaltexte , #footer_totalprix{
font-weight:bold;
}
#footer_poids{
width:415px;
padding-left:25px;
text-align:right;
}
#footer_porttexte{
width:110px;
text-align:right;
}
#footer_portprix ,#footer_totalprix{
width:50px;
text-align:right;
}
#footer_totaltexte{
width:555px;
text-align:right;
}

#actionbasket{
  clear:left;
  display:block;
  position:relative;
  top:30px;
  font-weight:bold;
  width:720px;
}


#actionbasketleft{
  text-align:left;
  display:block;
  float:left;
}
#actionbasketright{
  text-align:right;
}


/*************************
Agenda
****************************/
.list_head , .list_col{
  display:block;
  border-bottom-width:1px;
  border-bottom-style:solid;
  width:850px;
}
.list_head{
  height:30px;
}

.list_details{
  clear:left;
  text-align:center;
}
.list_head1 , .list_head2 , .list_head3 , .list_head4{
  display:block;
  width:150px;
  height:20px;
  float:left;
  overflow:hidden;
  text-align:center;
  font-weight:bold;
}

.list_col1 , .list_col2 , .list_col3 , .list_col4{
  margin-top:5px;
  display:block;
  width:150px;
  float:left;
  text-align:left;
  overflow:hidden;
}

.list_text{
  overflow:auto;
}

.list_head1 , .list_col1
{
  clear:left;
}
.list_head2 , .list_col2
{
  width:150px;
  margin-left:5px;
}
.list_head3 , .list_col3
{
  width:385px;
  margin-left:5px;
  margin-top:2px;
}
.list_head4 , .list_col4
{
  width:150px;
  margin-left:5px;
  white-space:nowrap;
}

.list_col4
{
  margin-top:0px;
}



/*************************
Auteurs
****************************/
#auteurslettres{
  position:absolute;
  top:360px;
  left:280px;
}
#auteurcontact{
  position: absolute;
  top:0px;
  left:5px;
  text-align:right;
  width:800px;
}