html{margin:0px; padding:0px; height: 100%;}
body{margin:0px; padding:0px; scrollbar-face-color:#ED363D; background-color:white;height: 100%;}
img{margin:0px; padding:0px; border:0px;}
a{margin:0px; padding:0px; border:0px; color:#000000}
table{margin:0px; padding:0px; height: auto;}
td{margin:0px; padding:0px; border:0px}

.logo {float: left; vertical-align:middle; height: 112px;}

#bandeau{font: bold italic 17px verdana; color: #E8353C; text-align:center;}

#accueil{float: left;background:url('../img/accueil_fond.jpg'); background-repeat:no-repeat; margin:0; padding:0; /*height:485px;*/ width:560px; position: relative; display: block; z-index:1}
#accueil a{text-decoration:none;font:bold 17px arial;color:#8F959B; position:relative; z-index:2}

#titre{text-align:center}

.recherche { font-size:10px; font-family:Tahoma;color:white; text-align: right;width: 163px; margin:10px 0 0 0; }
.recherche #rech { font-size: 9pt; width: 130px }
.recherche #btn {font-size: 9pt; font-weight: bold; background:red; color: white; width: 20px; height: 20px}

#contenu{border:solid 0px red;height:100%;width:810px; margin:0; padding:0; text-align: left;position: relative; z-index:0;}

#contact {font:bold 12px arial;margin-left:50px}
#contact td{font:bold 12px arial;}
#contact input{border:solid 1px #E92426}
#contact textarea{border:solid 1px #E92426}
#contact div{padding-top:5px}
#contact button{color:green}

.pagination{font-weight: bold; font-size: 13px; font-family: arial;color:#E92426;text-decoration:none;}
.pagination_on{font-weight: bold; font-size: 13px; font-family: arial;color:#FFDE00;text-decoration:none;}
a.pagination:hover{font-weight: bold; font-size: 13px; font-family: arial;background:#FFDE00;text-decoration:none;}

.panier { position: absolute; margin-left:710px; /*right: 10px;*/ top: 210px; }

.fond_menu_haut {background:url('../img/fond_menu_haut.gif'); height: 112px; background-repeat:repeat-x; background-position: -14px 0;}

#menu_haut {height:112px; }
#menu_gauche { vertical-align:top; background:url('../img/mg_fond.jpg') repeat-y 0% 0%; width: 172px; height:100% }

ul.menu_haut {position: relative; top: 10px; list-style: none; display: inline; font-family: Arial Narrow, sans serif; font-size: 120%; font-weight: bold; text-align: center; margin: 0; padding:0; width: 100%}
ul.menu_haut li { display: inline; margin: 8px 0 0 0; padding: 0 1%; float:left;text-align: center;}
ul.menu_haut li a {color: white; text-decoration : none; }
ul.menu_haut li a:hover {color: yellow; text-decoration : none; }
ul.menu_haut li a.on {color: yellow; text-decoration : none; }


ul.menu_gauche {list-style: none; font-family: Arial Narrow, sans serif; font-size: 120%; font-weight: bold; text-align: right; width: 172px; margin:0; padding:0;}
ul.menu_gauche a { color: white; text-decoration : none; width: 165px; height: 50px; }
ul.menu_gauche a:hover { color: yellow; text-decoration: none; width: 165px; height; 50px;}
ul.menu_gauche a.on { color: yellow; text-decoration : none; width: 165px; height: 50px;}
ul.menu_gauche li {margin: 10px 10px 10px 0px; height: 50px; }
ul.menu_gauche li.mg1 {background: url('../img/mg_1.gif') no-repeat 50% 0%;}
ul.menu_gauche li.mg1:hover {background: url('../img/mg_1_on.gif') no-repeat 50% 0%; }
ul.menu_gauche li.mg2 {background: url('../img/mg_2.gif') no-repeat 20% 0%; }
ul.menu_gauche li.mg2:hover {background: url('../img/mg_2_on.gif') no-repeat 20% 0%;}
ul.menu_gauche li.mg3 {background: url('../img/mg_3.gif') no-repeat 20% 0%; }
ul.menu_gauche li.mg3:hover {background: url('../img/mg_3_on.gif') no-repeat 20% 0%;}
ul.menu_gauche li.mg4 {background: url('../img/mg_4.gif') no-repeat 40% 0%;}
ul.menu_gauche li.mg4:hover {background: url('../img/mg_4_on.gif') no-repeat 40% 0%; }
ul.menu_gauche li.mg5 {background: url('../img/mg_5.gif') no-repeat 20% 0%;}
ul.menu_gauche li.mg5:hover {background: url('../img/mg_5_on.gif') no-repeat 20% 0%;}
ul.menu_gauche li.mg6 {background: url('../img/mg_6.gif') no-repeat 0% 0%;}
ul.menu_gauche li.mg6:hover {background: url('../img/mg_6_on.gif') no-repeat 0% 0%; }

ul.liste       {padding:1em; margin:0 0 15px 0; float: left; display: inline; list-style: none; width: 45%; }
ul.liste img.livre    { float: left; padding:2px; margin: 0 5px 0 0; border: solid 1px black; 
						max-width: 110px; width:expression(document.body.clientWidth > 110 ? "110px": "auto" ); 
						max-height: 120px;}
ul.liste li	      { text-align: left; font:12px Arial; padding:0; margin:0; height: 128px;}