body {
margin: 0;
padding: 0;
background-color: white;
}
body, table {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: black;
text-decoration: none;
}
br {
font-size: 7px;
}

/* ** Champs de formulaires ** */
input.field {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #0e339a;
border: 1px solid #9c2018;
padding: 1px 4px;
border-radius: 5px 5px 5px 5px;
}
input.field:focus {
color: #9c2018;
background-color: #f0dedd;
}

input.field.contact {
width: 150px;
}
input.field.newsletter {
width: 100px;
}

input.qty {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #0e339a;
border: 1px solid #9c2018;
padding: 2px 4px;
font-weight: bold;
}
input.qty:focus {
color: #9c2018;
background-color: #f0dedd;
}

input.qty.product {
width: 35px;
text-align: center;
}

textarea.field {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #0e339a;
border: 1px solid #9c2018;
padding: 1px 4px;
border-radius: 5px 5px 5px 5px;
}
textarea.field:focus {
color: #9c2018;
background-color: #f0dedd;
}
textarea.field.contact {
width: 250px;
}

select {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0e339a;
border: 1px solid #9c2018;
}
select:focus {
color: #9c2018;
background-color: #f0dedd;
}


/* ** haut de page ** */
#new_top_area
{
float: left;
clear: both;
width: 100%;
height: 64px;
overflow: hidden;
background: url(http://www.r7g.com/6287/m/images/bg-top-area-repeat.gif) transparent repeat-x top left;

position: relative;
}

#new_top_area .cart_area
{
position: absolute;
top: 2px;
right: 8px;

width: 278px;
height: 28px;
overflow: hidden;
background: url(http://www.r7g.com/6287/m/images/bg-cart-area.png) transparent no-repeat top left;

color: white;
font-weight: bold;
font-size: 11px;
}
#new_top_area .cart_area .content
{
float: left;
clear: both;
width: 278px;
height: 20px;
margin-top: 1px;
}
#new_top_area .cart_area .content .icon
{
float: left;
width: 40px;
height: 20px;
overflow: hidden;
}
#new_top_area .cart_area .content .icon img
{
display: block;
}
#new_top_area .cart_area .content .text
{
float: left;
width: 129px;
text-align: left;
white-space: nowrap;
line-height: 20px;
overflow: hidden;
}
#new_top_area .cart_area .content .view_cart
{
float: left;
width: 100px;
height: 20px;
overflow: hidden;
}
#new_top_area .cart_area .content .view_cart img
{
display: block;
}




#new_top_area .left
{
float: left;
width: 200px;
height: 64px;
overflow: hidden;
background: url(http://www.r7g.com/6287/m/images/bg-top-area-left.gif) transparent no-repeat top left;

text-align: left;
}
#new_top_area .center
{
float: left;
width: 370px;
height: 64px;
overflow: hidden;
background: url(http://www.r7g.com/6287/m/images/bg-top-area-center.gif) transparent no-repeat top left;

text-align: left;
}

#new_top_area .center .search_area
{
float: left;
clear: both;
}
#new_top_area .center .search_area form
{
float: left;
}
#new_top_area .center .search_area .search_input
{
float: left;
width: 120px;
height: 15px;
text-align: center;
border: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #0E339A;
text-decoration: none;
font-weight: bold;
background-color: white;
border-radius: 5px 5px 5px 5px;
}
#new_top_area .center .search_area .search_input_submit
{
float: left;
width: 30px;
height: 17px;
border: 0;
background-color: #D8E1F1;
color: #0E339A;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;

margin-left: 5px;
border-radius: 5px 5px 5px 5px;
}


#new_top_area .right
{
float: right;
width: 135px;
height: 64px;

overflow: hidden;
background: url(http://www.r7g.com/6287/m/images/bg-top-area-right.gif) transparent no-repeat top right;
}
#new_top_area .right img
{
display: block;
}
#new_top_area .right a
{
float: right;
height: 35px;
overflow: hidden;
}


/* ** menu horizontal ** */
#new_top_menu
{
float: left;
clear: both;
width: 100%;
height: 24px;
overflow: hidden;
background-color: #0e339a;
text-align: center;
position: relative;
}
#new_top_menu .left
{
position: absolute;
top: 0;
left: 0;
width: 190px;
height: 24px;
overflow: hidden;
background: url(http://www.r7g.com/6287/m/images/bg-top-menu-bullet.gif) transparent no-repeat center center;
}
#new_top_menu .right
{
position: absolute;
top: 0;
right: 0;
width: 190px;
height: 24px;
overflow: hidden;
background: url(http://www.r7g.com/6287/m/images/bg-top-menu-bullet.gif) transparent no-repeat center center;
}
#new_top_menu .center
{
color: white;
height: 24px;
overflow: hidden;
}











/* ** Navigation gauche ** */
.no-repaet-x {
background-repeat: repeat-x;
}
/*
td.main_cat a:hover,
td.main_cat.current0 a
{
background-color: #5e77bc;
border-color: white;
}
td.main_cat.current0 a
{
border-color: #fededd;
}
*/
#menu_top_image,
#menu_bottom_image
{
float: left;
clear: both;
width: 145px; /* 155 */
margin: 0 5px;
}

#menu
{
float: left;
clear: both;
width: 143px; /* 155 */
margin: 0 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
border-width: 0 1px;
border-style: solid;
border-color: #9c2018;
background-color: white;
}
#menu .menu_header
{
display: block;
clear: both;
height: 85px;
}
#menu .menu_header img
{
display: block;
width: 143px;
height: 85px;
}

#menu .main_cat
{
display: block;
clear: both;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 2px;
line-height: 1.1em;
padding: 2px 0;
text-align: center;
background-color: #0e339a;
margin: 5px 0 2px 0;
}
#menu .main_cat a
{
display: block;
color: white;
text-decoration: none;
border-width: 1px 0;
border-style: solid;
border-color: transparent;
padding: 2px;
}
#menu .main_cat.current0 a, 
#menu .main_cat a:hover
{
background-color: #5e77bc;
border-color: white;
}
#menu .main_cat.current0
{
}
#menu .main_cat.current0 a
{
border-color: #fededd;
}

#menu .sous-menus
{
display: block;
clear: both;
font-size: 10px;
font-weight: bold;
text-align: left;
padding: 0 5px;
}
#menu .sous-menus a
{
color: #9c2018;
text-decoration: none;
}
#menu .sous-menus a:hover
{
text-decoration: underline;
}
#menu .sous-menus.current1
{
background-color: #5e77bc;

padding-top: 3px;
padding-bottom: 3px;
padding-right: 12px;

border-top: 1px solid white;
border-bottom: 1px solid white;

background: url(http://www.r7g.com/6287/m/images/menu-arrow-right.gif) #5e77bc no-repeat center right;
}
#menu .sous-menus.current1 a
{
color: white;
}


#menu .sous-sous-menus {
display: block;
clear: both;
font-size: 9px;
font-weight: normal;
color: #0e339a;
text-decoration: none;
padding: 0 5px 0 10px;
}
#menu .sous-sous-menus a {
color: #0e339a;
text-decoration: none;
}
#menu .sous-sous-menus a:hover
{
text-decoration: underline;
}
#menu .sous-sous-menus.current2 a {
font-weight: bold;
}

#menu .sous-sous-sous-menus {
display: block;
clear: both;
font-size: 9px;
font-weight: normal;
color: #0000DD;
text-decoration: none;
padding: 0 5px 0 15px;
}
#menu .sous-sous-sous-menus a {
color: #0000DD;
text-decoration: none;
}
#menu .sous-sous-sous-menus a:hover
{
text-decoration: underline;
}
#menu .sous-sous-sous-menus.current3 a {
text-decoration: underline;
}



h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #0e339a;
text-decoration: none;
letter-spacing: 2px;
margin-top: 2px;
margin-bottom: 5px;
}
.rubrique-red {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #9c2018;
text-decoration: none;
text-align: center;
}
.rubrique-blue {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #0e339a;
text-decoration: none;
letter-spacing: 2px;
}
a:hover.rubrique-blue
{
color: #5E77BC;
}
.link2product {

font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #0e339a;
text-decoration: none;
letter-spacing: 2px;
}
a:hover.link2product
{
color: #5E77BC;
}
.texte {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: black;
text-decoration: none;
}
.texte-petit {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: black;
text-decoration: none;
}
.image-promo1 {
background-color: white;
background-image: url(http://www.r7g.com/6287/m/images/image-promo1.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.image-promo2 {
background-color: white;
background-image: url(http://www.r7g.com/6287/m/images/image-promo2.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.image-promo3 {
background-color: white;
background-image: url(http://www.r7g.com/6287/m/images/image-promo3.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.image-promo4 {
background-color: white;
background-image: url(http://www.r7g.com/6287/m/images/image-promo4.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.rubrique-promo {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #9c2018;
text-decoration: none;
letter-spacing: 1px;
}
.recherche {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: white;
text-decoration: none;
}
a.pos {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: black;
text-decoration: underline;
}
a.pos:hover {
color: #9c2018;
text-decoration: underline;
}


.choix {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #0e339a;
}


/* ** CAPS ** */
.caps_line {
float: left;
clear: both;
width: 611px;
padding: 5px 0;
}
.caps_line .caps {
float: left;
width: 130px;
/*padding: 2px;*/
padding: 2px 11px;
}
.caps_line .caps .content {
float: left;
width: 128px;
position: relative;
}
.caps_line .caps .content .top_caps {
position: absolute;
top: 0;
left: 0;
}
.caps_line .caps .content .thumbnail {
display: block;
text-align: center;
border-left: 1px solid #9c2018;
border-right: 1px solid #9c2018;
}
.caps_line .caps .content .name {
display: block;
clear: both;
padding: 5px 4px 0 3px;
border-left: 1px solid #9c2018;
border-right: 1px solid #9c2018;
}
.caps_line .caps .content .name a {
color: #0e339a;
font-size: 11px;
line-height: 11px;
font-weight: bold;
text-decoration: none;
}
.caps_line .caps .content .name a:hover {
color: #5e77bc;
text-decoration: none;
}
.caps_line .caps .content .desc {
display: block;
clear: both;
padding: 5px 2px 0 2px;
border-left: 1px solid #9c2018;
border-right: 1px solid #9c2018;
font-size: 10px;
line-height: 11px;
}
.caps_line .caps .content .bottom {
display: block;
clear: both;
height: 20px;
padding: 5px;
background: url(http://www.r7g.com/6287/m/images/caps_bg_bottom.gif) transparent no-repeat bottom left;
}
.caps_line .caps .content .bottom .price {
float: right;
text-align: right;
color: #0e339a;
font-size: 14px;
line-height: 20px;
font-weight: bold;
}
.caps_line .caps .content .bottom .view {
float: left;
}
.caps_line .caps .content .bottom .view a, .caps_line .caps .content .bottom .view img {
display: block;
}
.caps_line .caps .content .bottom_height {
display: block;
clear: both;
height: 40px;
padding: 5px;
background: url(http://www.r7g.com/6287/m/images/caps_bg_bottom.gif) transparent no-repeat bottom left;
}
.caps_line .caps .content .bottom_height .price {
display: block;
text-align: right;
color: #0e339a;
font-size: 14px;
line-height: 20px;
font-weight: bold;
}
.caps_line .caps .content .bottom_height .view {
display: block;
clear: both;
text-align: right;
}

.social_area
{
float: left;
clear: both;
width: 100%;
margin-top: 10px;
}
.social_area .twitter, 
.social_area .google_plus
{
float: left;
margin-left: 10px;
}
.social_area .fb-like
{
float: left;
}
.social_area a
{
color: black;
}