/******************************************
	PAGE : éléments d'habillage de la page
	et éléments communs sur toute la page
******************************************/
body , td , input , div{
	padding: 0px;
	font-family: arial,verdana,sans-serif;
	font-size:12px;
	color:black;
}

div {
        margin: 0px auto;
	text-align: center;
}
body {
        margin: 0px auto;
	text-align: center;
	height:100%;
}
input {
	text-align: left;
}
.submit{
        cursor: pointer;
	text-align: center;
        padding-left:5px;
        padding-right:5px;
        font-weight:bold;
        padding-top:0px;
}

.submit:hover {
      border-style:inset;
      margin-top:2px;
      margin-bottom:-2px;
      margin-left:2px;
      margin-right:-2px;
}



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

#main {
        position: relative;
	width: 810px;
        margin: 0 auto;
	padding: 0px;
	text-align: left;
	border-top:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	background-color:white;
}

#leftbottomdiv , #centerbottomdiv  , #rightbottomdiv{
        position:absolute;
	height:36px;
	_height:40px;
        border-width: 3px;
        border-color: grey;
        border-style:ridge;
        overflow:hidden;
}
#leftbottomdiv {
        left:-3px;
        _left:-2px;
	width:200px;
        font-weight:bold;
        line-height:34px;
}
#centerbottomdiv {
        left:203px;
	width:405px;
        border-left-width: 0px;
        border-right-width: 0px;
        line-height:16px;
}

#rightbottomdiv {
        left:606px;
	width:200px;
        font-weight:bold;
        line-height:34px;
}

#leftdiv , #centerdiv , #rightdiv , #leftcenterrightdiv , #centerrightdiv {
        position:absolute;
        top:130px;
        overflow:hidden;
}

#leftdiv {
        left:0px;
	width:200px;
}

#centerdiv {
        left:220px;
	width:410px;
}
#rightdiv {
        left:630px;
	width:200px;
}

#leftcenterrightdiv {
        left:0px;
	width:810px;
        margin: 0 auto;
	padding: 0px;
}
#centerrightdiv {
        left:200px;
	width:610px;
        margin: 0 auto;
	padding: 0px;
}

#innercenterright{
  display:block;
  width:610px;
  overflow:auto;
}
#topinnercenterright{
  display:block;
  height:60px;
  line-height:40px;
  overflow:hidden;
}
img
{
        border-width:0px;
}

.portfolio
{
        width:100px;
        height:150px;
}

a
{
	text-decoration:none;
}

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;
}

.titre , .soustitre
{
	color:black;
        text-align:left;
        margin-bottom:8px;
        display:block;
}
.titre , .soustitre
{
        font-weight:bold;
}
.soustitre
{
        font-style:italic;
}


.alignleft{
        text-align:left;
}

.underline{
        text-decoration:underline;
}


.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);
}

#searchdiv{
      line-height:5px;
}


/******************************************
	ENTETE
******************************************/
#EntetePage
{
        position:absolute;
        top:0px;
        left:0px;
	height:100px;
	width:810px;
	background:url('/images/logo.jpg');
        background-repeat:no-repeat;
}
.topmenu
{
      position:absolute;
      top:100px;
      left:0px;
      width: 810px;
      height:30px;
      background:url('/images/barre1.jpg');
      background-repeat:no-repeat;
      overflow:hidden;
}
.topmenulist
{
      margin-left: 30px;
}
.topmenuitem  , .topmenuitemselect
{
      margin-left:15px;
      margin-right:15px;
      display: inline;
      height:30px;
      line-height:30px;
}

#compte{
    position:absolute;
    top:0px;
    left:0px;
    height:70px;
    width:810px;
    text-align:right;
    color:white;
    font-weight:bold;
}


#abonnement{
    position:absolute;
    top:70px;
    left:0px;
    height:15px;
    width:810px;
    text-align:right;
    color:white;
    font-weight:bold;
}
.compte_link{
    color:white;
    text-decoration:underline;
    font-weight:bold;
}




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

.pave {
  width:370px;
  border-width:1px;
  border-style:solid;
  margin-top:0px;
  padding:0px;
  padding-left:5px;
  padding-right:5px;
  text-align:justify;
  -moz-border-radius:10px;
}
.suite{
	margin-top:5px;
  text-align:left;
}
.edito {
  display:block;
  width:500px;
  margin:0px auto;
  text-align:justify;
  line-height:16px;
}

#depeche {
        cursor:pointer;
}
#depechetexte {
        display:block;
        height: 50px;
        text-align:left;
}

.onlycover{
        display:inline;
        margin-left:15px;
        margin-right:15px;
}

#mainaccueildiv {
        margin-top:0px;
        display:block;
        position:absolute;
        top:150px;
}
#leftaccueildiv , #centeraccueildiv , #rightaccueildiv{
        display:block;
	height:330px;
        float:left;
        overflow:hidden;
}
 #centeraccueildiv {
        overflow:visible;
}
#leftaccueildiv {
	width:190px;
        text-align:left;
        padding-left:10px;
}

#centeraccueildiv {
	width:410px;
        float:left;

}
#rightaccueildiv {
	width:200px;
        overflow:hidden;
}

#bottomaccueildiv {
        clear:left;
        height:190px;
	width:810px;
        display:block;
}

#spaceraccueildiv {
        clear:left;
        display:block;
}


#collections{
  position: absolute;
  top:130px;
  left:255px;
  width:195px;
  overflow:hidden;
  padding-left:5px;
  margin:0px;
  display:none;
  background-color:white;
  z-index:10;
}

#actualites{
  position: absolute;
  top:130px;
  left:160px;
  width:110px;
  overflow:hidden;
  margin:0px;
  padding-left:5px;
  display:none;
  background-color:white;
  z-index:10;
}
#accueilreseau{
  display:none;
  padding-left:0px;
  margin-left:0px;
  margin-top:5px;
  text-align:left;
  line-height:20px;
}

/*************************
Ouvrage
****************************/
.pave_ouvrage {
  width:810px;
  margin-top:20px;
  margin-bottom:10px;
}

.presentation_ouvrage {
        width:730px;
        padding:10px;
        margin:0px auto;
        display:block;
        text-align:left;
        border-width:3px;
        border-style:solid;
        border-left-width:7px;
        border-bottom-width:30px;
        height:150px;
        overflow:hidden;
}

.image_ouvrage{
  width:160px;
  float:left;
  height:180px;
  cursor:pointer;
}
.info_ouvrage{
  height:150px;
}
.innerinfo_ouvrages{
  position:absolute;
  width:580px;
  left:200px;
  top:30px;
  text-align:left;
  height:150px;
}

#commanderouvrage , #pdfsample , #commanderpdf{
  position:absolute;
  left:645px;
  top:170px;
}
#commanderpdf
{
  left:505px;
}
#pdfsample{
  left:365px;
}


#ouvrage_documents{
  position:absolute;
  left:30px;
  top:198px;
}
#ouvrage_conseil{
  position:absolute;
  left:500px;
  top:198px;
  width:280px;
  text-align:right;
}

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

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



.texte_ouvrage {
  width:490px;
  padding:0px 5px 0px 10px;
  margin:10px 0px 10px 0px;
  text-align:justify;
}
.chapo_ouvrage {
  width:470px;
  padding:0px 5px 0px 30px;
  margin:10px 0px 10px 0px;
  text-align:justify;
}
.titrecolgauche
{
  margin:0 0 0 0;
  padding:0px 5px 0px 5px;
  width: 200px;
  height:18px;
  line-height:18px;
}

#listeouvrage{
  width:250px;
  display:block;
  overflow: auto;
  float:left;
  margin:0px 20px 0px 5px;
}

#textes_ouvrage{
  width:535px;
  display:block;
  overflow: auto;
  margin:0px 0px 0px 20px;
}

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

.listcollections{
  display:block;
  float:left;
  width:60%;
}

#cataloguetitre , #collectiontitre , #collectionstitre{
margin:0px auto;
display:block;
width:750px;
height:80px;
text-align:left;
}

#collectiontitre{
height:96px;
}

#collectionstitre{
height:40px;
}


#catalogue , #basket , #collectionsbody  , #collectionbody , #actusbody{
clear:left;
display:block;
width:790px;
margin:0px auto;
margin-left:20px;
overflow:auto;
}

#basket{
position:relative;
top:160px;
}

.miniimage{
float:left;
}


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

#cataloguebiblio{
display: block;
position:absolute;
margin-left:0px;
text-align:left;
left:650px;
width:200px;
}

#titrepage{
position:absolute;
display: block;
text-align:center;
margin:0px auto;
width:750px;
left:30px;
top:0px;
margin-top:10px;
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;
}

#ouvrage_bigimage{
      position:absolute;
      left:198px;
      top:50px;
      cursor:pointer;
      width:384px;
      height:551px;
      opacity:0;
      filter:alpha(opacity=0);
      display:none;
      border-width: 3px;
      border-style: solid;
}
#ouvrage_bigimg{
      position:absolute;
      top:25px;
      left:25px;
}

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

.basket_{
  margin-left:45px;
}
.columnbasket{
  display:block;
  margin:3px;
  float:left;
}
.lignebasket{
  display:block;
  height:19px;
}

.lignebasketcomment{
  display:block;
 text-align:left;
 font-weight:bold;
 clear:left;
 margin-bottom:10px;
}
.lignebasketcomment a{
 text-decoration:underline;
}
#row_icon , #footer_poids, #footer_totaltexte{
  clear:left;
}
#header_icon , #row_icon{
width:25px;
}
#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:20px;
  #top:30px;
  font-weight:bold;
  width:720px;
}


#actionbasketleft , #actionbasketright , #actionbasketcenter {
  text-align:left;
  display:block;
  float:left;
  width:240px;
}
#actionbasketright{
  text-align:right;
}
#actionbasketcenter{
  text-align:center;
}

/*********************************************
Collections
*******************************************/
.collections_1 , .menutop_1{
display:block;
font-size:16px;
text-align:left;
padding-left: 0px;
line-height: 25px;
}
.collections_2 , .menutop_2{
display:block;
font-size:14px;
text-align:left;
padding-left: 30px;
line-height: 20px;
}
.collections_3 , .menutop_3{
display:block;
font-size:12px;
text-align:left;
padding-left: 60px;
line-height: 16px;
}
.collections_4 , .menutop_4{
display:block;
font-size:11px;
text-align:left;
padding-left: 80px;
line-height: 16px;
}
.collections_5 , .menutop_5{
display:block;
font-size:11px;
text-align:left;
width:300px;
padding-left: 100px;
line-height: 16px;
}
.collections_6 , .menutop_6{
display:block;
font-size:11px;
text-align:left;
padding-left: 260px;
line-height: 16px;
}

.collections_head{
font-size:12px;
text-align:left;
line-height: 18px;
}

.menutop_1{
font-size:12px;
line-height: 16px;
width:184px;
overflow:hidden;
}
.menutop_2{
display:none;
font-size:11px;
padding-left: 8px;
line-height: 13px;
width:176px;
overflow:hidden;
}
.menutop_3{
display:none;
font-size:10px;
padding-left: 16px;
line-height: 12px;
width:168px;
overflow:hidden;
}

/*************************
Actus
****************************/
#menuactus{
display:block;
width:780px;
padding:0px;
height:90px;
overflow:hidden;
}

#leftmenuactus{
display:block;
float:left;
width:200px;
height:90px;
margin:0px auto;
margin-left:10px;
margin-top:10px;
text-align:left;
overflow:hidden;
z-index:10;
}

#rightmenuactus{
position:absolute;
display:block;
left:160px;
top:0px;
width:500px;
margin:0px auto;
margin-left:10px;
margin-top:10px;
height:90px;
overflow:hidden;
text-align:center;
z-index:1;
}
/*************************
bouton
****************************/

.bouton , .boutonselect , .listboutoncommander{
  display:block;
  float:left;
  cursor: pointer;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  white-space:nowrap;
  margin:0px;
  padding-left:15px;
  padding-right:15px;
  border-width:2px;
}
.listboutoncommander{
  float:right;
  width:100px;
}
.bouton , .listboutoncommander{
  height: 16px;
  line-height: 16px;
}

.bouton , .listboutoncommander{
  border-style:outset;
}


/*************************
Agenda
****************************/

.list_head1 {
  clear:left;
  width:270px;
  height:20px;
  border-width:1px;
  border-style:solid;
  border-color:grey;
  padding:5px;
  float:left;
  overflow:hidden;
  text-align:center;
}
.list_head2 {
  display:block;
  width:270px;
  height:20px;
  border-width:1px;
  border-style:solid;
  border-color:grey;
  border-left-width:0px;
  border-right-width:0px;
  padding:5px;
  float:left;
  overflow:hidden;
  text-align:center;
}
.list_head3 {
  display:block;
  width:180px;
  height:20px;
  border-width:1px;
  border-style:solid;
  border-color:grey;
  padding:5px;
  float:left;
  overflow:hidden;
  text-align:center;
}

.list_col1 {
  clear:left;
  display:block;
  width:270px;
  height:60px;
  border-width:1px;
  border-style:solid;
  border-color:grey;
  border-top-width:0px;
  padding:5px;
  float:left;
  overflow:hidden;
}
.list_col2 {
  display:block;
  width:270px;
  height:60px;
  border-width:1px;
  border-style:solid;
  border-color:grey;
  border-top-width:0px;
  border-left-width:0px;
  border-right-width:0px;
  padding:5px;
  float:left;
  overflow:hidden;
}
.list_col3 {
  display:block;
  width:180px;
  height:60px;
  border-width:1px;
  border-style:solid;
  border-color:grey;
  border-top-width:0px;
  padding:5px;
  float:left;
  overflow:hidden;
}

.list_separator {
  display:block;
  width:742px;
  height:20px;
  padding:5px;
  border-width:0px;
  float:left;
  border-left-width:1px;
  border-right-width:1px;
  border-style:solid;
  border-color:grey;
}


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

#static_document{
  position:relative;
  left:-230px;
  top:-45px;
}