/* CSS Document */
body {position: relative; width: 980px; margin: 0 auto;background: url(../images/decor/bg.gif);
font: normal 80% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;}

form {font-size:xx-small;margin:0;padding:0;}
form fieldset {border:0;margin:0;padding:0;}
a, a:visited, a:link {cursor:pointer;text-decoration:none;font-family:arial, verdana;color:#413F3B;}
img {border:0;}
ul {margin:0;padding:0;list-style:none;}

h1 {padding:0;margin:0;font-family:verdana,arial;font-size: 14px;font-weight:bold;}
h2 {font-family:verdana,arial;font-size: 14px;font-weight:bold;color:#525252;}
h3 {margin:0;padding:0;color:#4088b8;font-size:22px;background: url(../images/decor/hdeg2.png) repeat-x;margin-top:12px;}
h4 {color:#003300;font-size:16px;background: url(../images/decor/hdeg2.png) repeat-x;margin:0;padding:0;height:30px;text-align:center;border: #999999 1px solid;}

.filtre {margin:0;padding:0;font-size:14px;background:#cccccc;margin-bottom:10px;border-bottom: #999999 1px solid;}

/* panier & feuille de validation commande */
.box {margin:25px;padding:0;list-style:none;font-size:20px;}
.box li {text-align:center;float:left;display:inline;width:200px;}
.box li:hover{background:#F2F2F2;}
.panier {margin:12px;font-size:18px;border-top: #999999 2px solid;border-bottom: #999999 2px solid;width: auto;}
.panier th {border-bottom: #999999 2px solid;width: 500px;background: #F2F2F2;}
.panier tr:hover {background: #F2F2F2;}
.panier td {border-bottom: #8E8E8E 1px dotted;}

/* boites editeurs */
.bed div {background: #F2D562; border: #8E8E8E 1px solid;;float: left;margin:10px;padding:5px;width:210px;height:70px;}

/* boites de titre */
.title {text-align:center;}
.title div {float:left;width:350px;height:180px;margin:5px;text-align:center;}


/* formulaire de recherches */
#barresearch {text-align:left;float:right;width:460px;height:100px;}

/* liens */
a:link.mr, a:hover.mr, a:visited.mr {font-size:20px;font-family:arial,verdana;text-decoration:none;color: #333333;}
a:hover.mr {color:red;}
a:link.mr2, a:hover.mr2, a:visited.mr2 {font-size:10px;font-family:arial,verdana;text-decoration:none;color: #9E9E9E;}
a:hover.mr2 {color:red;}
a:link.mr3, a:hover.mr3, a:visited.mr3 {font-size:12px;font-family:arial,verdana;text-decoration:none;color: #666666;}
a:hover.mr3 {color:red;}
a:link.editeur, a:hover.editeur, a:visited.editeur {font-size:12px;font-weight:bold;font-family:arial,verdana;text-decoration:none;color: blue;}
a:hover.editeur {color: red;}
a:link.designation, a:hover.designation, a:visited.designation {font-size:12px;font-weight:bold;font-family:arial,verdana;text-decoration:none;color: #333333;}
a:hover.designation {color: red;}
a:link.apercu, a:hover.apercu, a:visited.apercu {font-size:10px;font-weight:normal;font-family:arial,verdana;text-decoration:none;color: black;}
a:hover.apercu {color:red;}

/* menu haut */
#mainmenu {background: url(../images/decor/hdeg.png) repeat-x;margin:0;padding:0;height: auto;}
#mainmenu div {float: left;padding:5px;padding-top:0;font-family: tahoma,verdana; font-size: 18px;font-weight:bold;}
#mainmenu div a:hover {color: red;text-decoration:underline;}

/* bandeau bas */
.bottom {background: url(../images/decor/hdeg.png) repeat-x;margin:0;padding:0;height: auto;}
.bottom div {color:#666666;float: left;padding:5px;padding-top:0;font-family: tahoma,verdana; font-size: 18px;font-weight:bold;}

/* boite liste articles */
.pom {height:auto;}
.pom div {float: left; width:237px;margin:2px;height:118px;margin-top:20px;}
.pom img {float: left;margin:3px;padding:0;}
.pom div div {float: right; width:130px;height:auto;margin-top:0;text-align:left;padding:2px;}
.pom div div span {font-family:verdana,arial;font-size: 20px;font-weight:bold;color:#E61C08;}

/* ossature secondaire */
#pok1 { float: left; margin: 0;padding:2px;width: 976px;background:white;}
#pok1a { float: left; margin: 0;padding:2px;padding-top:16px;padding-left:8px;width: 198px;} /*border-right:#C1C1C1 1px dotted;}*/
#pok1b { float: right;margin:0;padding:2px;padding-top:0px;width: 740px;}

/* bannière haute */
.toplogo {background : url(../images/decor/logo.png) no-repeat;  padding: 0;font-family: arial,tahoma; font-size:18px; color: black; height:120px;text-align:right;}
.toplogo form {padding:2px;}

/* listing de rayon */
#listing {margin-top: 20px;}
a:link.rayon, a:hover.rayon, a:visited.rayon {font-size:14px;font-weight:bold;font-family:arial,verdana;text-decoration:none;color: black;} /*#525252;}*/
a:hover.rayon {color:red;}
.rayon div {float: left; width:360px;height:175px;border-bottom: #D5D5D5 1px dashed;}
.rayon img {float: left;padding:3px;}
.rayon div div {float: right; width:230px;border:0;margin-bottom:2px;}
.rayon div div div {height:40px;}
.rayon div div span {font-family:verdana,arial;font-size: 14px;font-weight:bolder;color:#E61C08;}

/* pagination */
.lipa {background: url(../images/decor/ybr.gif) no-repeat;}
.lipa:hover {color:white;background: url(../images/decor/ybr2.gif) no-repeat;}
.lipb:hover {text-decoration:underline;color:red;}