body {
margin: 0 0 15px 0;
padding: 0pt;
font-family: arial,sans-serif;
font-size: 75%;
color: rgb(51, 51, 51);
}
#pageParent {
width: 770px;
margin-top: 3px;
margin-right: auto;
margin-left: auto;
}
.break {
margin: 0pt;
padding: 0pt;
overflow: hidden;
clear: both;
height: 0px;
}
h1 {
color: rgb(90, 141, 0);
font-size: 1.5em;
margin-top: 0pt;
margin-bottom: 0.8em;
}
h6 {
margin: 0pt 0pt 5px;
font-size: 1em;
}
p {
margin: 0pt 0pt 20px;
}
ul {
margin-top: 0px;
margin-bottom: 25px;
}
a {
cursor: pointer;
text-decoration: none;
color: rgb(51, 51, 51);
}
a:hover {
text-decoration: underline;
}
img {
border: 0pt none ;
}
p.small {
font-size: 0.9em;
}
form {
margin: 0px;
}
input, select, textarea {
border: 1px solid rgb(153, 153, 153);
font-size: 1.1em;
}
#logo {
background: rgb(255, 255, 255) url('../elements/corner_logo_br.gif') no-repeat scroll right bottom;
width: 403px;
height: 60px;
z-index: 100;
position: relative;
}
#infoNavi {
margin: -60px 0pt 0pt auto;
padding: 11px 0pt 0pt;
height: 20px;
width: 535px;
text-align: right;
}
#infoNavi ul {
list-style-type: none;
margin-bottom: 0px;
padding-left: 0pt;
margin-left: 0pt;
}
#infoNavi li,
#subnaviButtons li,
#footer ul li {
display: inline;
}
#infoNavi a {
margin: 0pt 6px;
}
#infoNavi li {
border-right: 1px solid rgb(51, 51, 51);
}
#infoNavi li.last {
border-right: 0pt none;
}
#naviImage {
position: absolute;
z-index: 100;
bottom: 0;
margin-bottom: -1px;
_margin-bottom: -2px;
background: url('../elements/bg_home_welcome_top.png') no-repeat;
_background-image: url(no-image);
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='ie/elements/bg_home_welcome_top.png');
right:65px;
width: 80px;
height: 41px;
}
#naviParent {
border-bottom: 1px solid rgb(153, 153, 153);
margin-top: 6px;
background: rgb(153, 204, 51) url('../elements/corner_head_tr.gif') no-repeat scroll right top;
position: relative;
width: 770px;
height: 72px;
padding-top: 15px;
}
#naviParent a {
padding: 2px 0pt 4px 20px;
background: transparent url('../elements/bg_button_login_small.gif') no-repeat;
width: 80px;
color: rgb(255, 255, 255);
float: right;
font-family: verdana,arial,sans-serif;
font-weight: bold;
font-size: 1em;
display: block;
margin-right: 6px;
}
html > body #naviParent a {
margin-right: 12px;
}
#naviParent a.normalFont {
background: transparent url('../elements/bg_button_login_small.gif') no-repeat;
width: 80px;
}
#naviParent a.login {
position: absolute;
right: 0;
z-index: 101;
}
#naviButtons {
margin: 0pt;
padding: 0pt;
position: absolute;
bottom: -2px;
clear: right;
text-align: center;
list-style-type: none;
z-index: 100;
width: 100%;
background: transparent url('../elements/button_navi_bg.gif') repeat-x left bottom;
}
html > body #naviButtons {
bottom: -1px;
}
#naviButtons li {
display: inline;
}
#naviButtons li.first {
margin-left: 12px;
}
#naviButtons a {
margin: 0pt ! important;
padding: 25px 12px 12px 0pt;
_padding: 25px 12px 25px 0pt;
background: transparent url('../elements/button_navi_inactive.gif') no-repeat 0 12px;
clear: right;
white-space: nowrap;
width: 154px;
font-family: verdana,arial,sans-serif;
font-size: 1.2em;
font-weight: normal;
color: rgb(255, 255, 255);
float: left;
}
html > body #naviButtons a {
width: auto;
min-width: 154px;
height: auto;
min-height: 30px;
}
#menu {
width: 208px;
_width: 207px;
float: left;
position: relative;
}
#menu .navigationGoogle {
height: 130px;
margin: 0pt;
padding: 14px 0 0 15px;
}
#menu .menuGoogle {
margin: 0 0 10px 25px;
}
#menu .first {
height: 130px;
}
#menu .menuTeaser strong {
margin: 0pt 0pt 3px;
display: block;
}
#menu .menuTeaser a {
margin-left: 28px;
}
#menu .menuTeaser .small {
margin: 5px 0 5px 0;
padding: 0 0 0 10px;
width: 185px;
font-size: 11px;
display: block;
}
#menu .menuTeaser ul {
margin: 0pt;
padding: 14px 0pt 15px;
list-style-type: none ! important;
display: block;
}
#menu .menuTeaser li {
line-height: 1.6;
display: inline;
}
#menu .menuTeaser li a,
#menu .menuTeaser li.info {
margin: 0px;
background: transparent url('../elements/icon_togglelist.gif') no-repeat scroll 17px 0.55em;
padding-left: 27px;
font-weight: normal;
display: block;
position: relative;
}
#menu .menuTeaser li.info .more {
font-size: 10px;
padding-left: 5px;
}
#menu .menuTeaser li strong a,
#menu .menuTeaser li.back strong a{
background: transparent url('../elements/icon_togglelist_active.gif') no-repeat scroll 17px 0.55em;
font-weight: bold;
}
#menu .menuTeaser li.back strong a {
background: rgb(221, 236, 184) url('../elements/icon_togglelist_active.gif') no-repeat scroll 17px 0.55em;
border: 1px solid rgb(153, 204, 51);
}
#menu .menuTeaser #search {
padding: 8px 0pt 8px 28px;
height: 60px;
}
html > body #menu .menuTeaser #search {
height: auto ! important;
min-height: 60px;
}
#menu .menuTeaser label {
font-size: 1.05em;
font-weight: bold;
display: block;
width: 160px;
}
#menu .menuTeaser #search #searchInput {
margin: 3px 0pt;
width: 100px;
}
#menu .menuTeaser #search #caption {
font-size: 0.95em;
font-weight: normal;
}
#menu .menuTeaser #search #caption a {
margin: 0pt;
background: transparent url('../elements/arrow_link_b_r_bold.gif') no-repeat scroll left center;
font-weight: bold;
padding-left: 10px;
}
#menu .menuTeaser #search #searchSubmit {
border: 0pt none ;
margin-left: 5px;
margin-bottom: 2px;
}
html > body #menu .menuTeaser #search #searchSubmit {
margin-bottom: 0pt;
}
#contentParent {
border-left: 1px solid rgb(14, 47, 154);
border-right: 1px solid rgb(14, 47, 154);
border-bottom: 1px solid rgb(14, 47, 154);
background: rgb(255, 255, 255) url('../elements/bg_menu.gif') repeat-y;
}
.middleGreen {
background: rgb(214, 234, 170) none repeat;
}
.white {
background: rgb(255, 255, 255) none repeat;
_width: 208px;
}
#footer {
margin-top: 10px;
height: 57px;
position: relative;
background-color: rgb(153, 204, 51);
}
#footer #leftCorner,
#footer #rightCorner {
background: transparent url('../elements/corner_footer_bl.gif') no-repeat;
overflow: hidden;
position: absolute;
width: 14px;
height: 14px;
bottom: -1px;
left: 0pt;
}
html > body #footer #leftCorner,
html > body #footer #rightCorner {
bottom: 0px;
}
#footer #rightCorner {
background: transparent url('../elements/corner_footer_br.gif') no-repeat;
right: 0pt;
left: auto;
}
#infoFooter {
position: absolute;
left: auto;
top: 5px;
right: 7px;
width: 380px;
text-align: right;
}
#footer ul {
margin: 0pt;
padding: 0pt;
list-style-type: none;
}
#footer li {
border-right: 1px solid rgb(51, 51, 51);
}
#footer li.last {
border-right: 0pt none;
}
#footer ul a {
margin-right: 6px;
margin-left: 6px;
}
#legalInfo {
padding: 5px;
position: relative;
font-size: 0.95em;
text-align: center;
color: rgb(102, 102, 102);
height: 65px;
}
#legalInfo #copyright {
position: absolute;
top: 1.7em;
right: 10px;
}
#menu .menuTeaser #search {
background: rgb(214, 234, 170) url('../elements/searchcross.gif') no-repeat left top;
padding-top: 77px;
padding-left: 28px;
margin-bottom: 0pt;
height: 134px ! important;
min-height: 134px ! important;
}
#menu .menuTeaser #search #caption a.home {
margin: 0pt;
background: transparent none repeat;
display: none;
font-weight: normal;
padding-left: 3px;
}
#menu .menuTeaser label {
line-height: 1.3em;
}
#menu .menuTeaser #search #searchInput {
border: 1px solid rgb(153, 204, 51);
width: 125px;
float: left;
}
#menu .menuTeaser #search #searchSubmit {
padding-top: 3px;
float: left;
}
#menu .menuTeaser #search #caption {
font-size: 0.9em;
color: rgb(63,106,32);
line-height: 1.2em;
margin-left: -28px;
padding-left: 28px;
}
#contentParent {
background: transparent url('../elements/bg_home.gif') repeat;
position: static;
}
#homeContent {
width: 560px;
_width: 550px;
float: left;
}
#homeContent #topContent {
position: relative;
}
#homeContent #topContent h1 {
margin: 0pt -20px;
padding: 25px 0pt 10px;
color: rgb(0, 0, 0);
font-size: 22px;
}
#homeContent #topContent h2 {
margin: 10px 0pt 0pt ! important;
padding: 0pt ! important;
font-size: 19px;
}
#homeContent #topContent h2 a {
padding: 0pt 25px! important;
margin-top: 1px;
background: transparent url('../elements/arrow_g_r.gif') no-repeat scroll left center;
display: inline;
}
#homeContent .txtLeft h2 {
margin: 0pt -3px ! important;
color: rgb(0, 0, 0);
font-size: 19px;
}
#homeContent .txtLeft a {
padding: 9px 0pt 12px 33px;
background: transparent url('../elements/button_home.gif') no-repeat scroll left center;
}
#homeContent .txtLeft a.bigLink {
padding: 10px 0pt 0 33px;
background: transparent url('../elements/button_home_big_top.gif') no-repeat scroll left top;
}
#homeContent .txtLeft a.bigLink.red {
padding: 10px 0pt 0 33px ! important;
background: transparent url('../elements/button_home_big_top_red.gif') no-repeat scroll left top;
}
#homeContent .txtLeft a.bigLink span {
font-weight: normal;
}
#homeContent .txtLeft a.bigLink span.txt {
font-size: 12px;
display: block;
width: 210px;
}
#homeContent .txtLeft span.bottom {
padding: 0 0 16px 33px ! important;
_padding: 0;
width: 270px;
display: block;
background: transparent url('../elements/button_home_big_bottom.gif') no-repeat scroll left top;
}
#homeContent a:hover {
text-decoration: none;
}
#homeContent p a {
background: transparent url('../elements/icon_togglelist_active.gif') no-repeat scroll 1px 5px;
padding-left: 11px;
font-weight: bold;
}
#homeContent p a:hover {
text-decoration: underline;
}
#homeContent #topContent {
padding: 0pt 205px 0pt 20px;
background: rgb(255, 255, 255) url('../elements/bg_home_welcome_middle.png') no-repeat scroll 320px 0; 
width: 335px;
height: 241px;
}
#homeContent #subContent {
background: url('../elements/bg_home_welcome_bottom.png') no-repeat; 
_background-image: url(no-image);
min-height: 135px;
}
html > body #homeContent #topContent {
height: auto;
min-height: 241px;
}
#homeContent #topContent h2 {
margin-left: -25px;
padding-top: 30px;
}
#homeContent #topContent a {
padding: 2px 0pt 3px;
margin-top: 5px;
display: block;
}
#homeContent .txtLeft {
padding: 5px 0pt 0pt 15px;
width: 270px;
height: 181px;
float: left;
}
html > body #homeContent .txtLeft {
height: auto;
min-height: 181px;
}
#homeContent .txtTag {
padding: 0pt 15px 15px 12px;
width: 530px;
_width: 520px;
float: left;
}
#homeContent .txtTag .tagTop {
padding: 0pt 39px 0 34px; 
height: 40px;
width: 525px;
_width: 452px;
background: transparent url('../elements/tag_big_top.gif') no-repeat scroll left top;
}
#homeContent .txtTag .tagRepeat {
padding: 0 39px 0 34px; 
background: transparent url('../elements/tag_big_middle.gif') repeat-y left top;
width: 452px; /* Ne pas oublier de retirer de la largeur du bloc le padding indiqué plus haut */
}
#homeContent .txtTag .tagRepeat a:hover {
text-decoration: underline;
}
#homeContent .txtTag .tagBottom {
height: 32px;
width: 525px;
background: transparent url('../elements/tag_big_bottom.gif') no-repeat scroll left top;
}
#homeContent .txtTag .tagTop h2 {
padding: 10px 0 0 0; 
_margin:0;
font-size: 19px;
}
#homeContent .txtTag .tagTop .tagInfo {
font-size:11px;
font-weight: normal;
padding-left: 5px;
}
#homeContent .txtLeft a {
margin-top: 15px;
display: block;
}
#homeContent .txtRight {
margin: 40px 0pt 0pt 0pt;
_margin: 30px 0pt 0pt 0pt;
width: 275px;
_width: 265px;
float: left;
}
#homeContent .txtRight .link {
display:block;
margin-top: 5px;
}
#homeContent .txtRight img {
margin: -10px 0pt 5px 5px;
float: right;
}
#listingContent {
}
#listingContent #topListing {
padding: 20px;
}
#listingContent #topListing h1 {
color: rgb(153, 204, 51);
font-size:2.5em;
margin-bottom:5px;
}
#listingContent #topListing h2 {
font-size:11px;
margin-bottom:5px;
font-weight: normal;
}
#listingContent #topListing .txtProduct {
line-height: 20px;
background: rgb(168, 210, 66);
border: 1px solid rgb(255, 255, 255);
color: rgb(255, 255, 255);
padding-right: 5px;
font-size: 10px;
margin:0;
display: block;
text-align: right;
}
#listingContent #topListing a.link {
font-weight:bold;
line-height: 20px;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: rgb(255, 255, 255);
background: rgb(221, 236, 184) url(../elements/icon_togglelist.gif) no-repeat scroll 17px 6px;
text-align: left;
padding-left: 35px;
display: block;
color: rgb(51, 51, 51);
margin: 0 0 5px 0;
}
#listingContent #topListing a.link:visited {
background: rgb(176, 194, 234) url(../elements/icon_togglelist_hover.gif) no-repeat scroll 17px 6px;
color: rgb(255, 255, 255);
}
#listingContent #topListing a.link:hover {
background: rgb(110, 143, 220) url(../elements/icon_togglelist_hover.gif) no-repeat scroll 17px 6px;
color: rgb(255, 255, 255);
text-decoration:underline;
}
.text_in_sort_description {
display:block;
text-align:center;
margin: 10px 0 10px 0;
}
#pageselect {
display: block;
width: 100%;
padding-top: 15px;
}
a.page_previous,
a.page_next {
height: 30px;
font-weight:bold;
padding: 0 5px 0 5px;
line-height: 30px;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: rgb(255, 255, 255);
background: rgb(168, 210, 66);
float: left;
}
a.page_next {
float: right;
}
a.page_previous:hover,
a.page_next:hover {
background: rgb(110, 143, 220);
color: rgb(255, 255, 255);
}
.special {
position: absolute;
top: 95px;
left: 295px;
}
#productContent {
background: rgb(255, 255, 255);
}
#productContent #description {
padding: 20px;
}