body {
  background: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  margin: 0px;
  padding: 0px;
  z-index: 0;
}

img{
border:0px;
}

h3{
  height: 23px;
  line-height:23px;
  vertical-align:middle;
  background: url(http://www.r7g.com/6518/m/images/titre_desc.gif) left top no-repeat;
  color:#ffffff;
  padding-left:8px;
}

#page {
  background-color: #FFFFFF;
  width: 800px;
  border-right: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  margin : 0px auto;
}

/** *************  Page d'accueil  ************* **/
#bandeau {
  float: left;
  width: 500px;
  height: 93px;
  background-color: #99FF00;
  background-image: url(http://www.r7g.com/6518/m/images/bandeau_accueil.gif);
  background-repeat: no-repeat;
  background-position: top left;
  margin-bottom: 4px;
}


#home img{
float:left;
width:246px;
height:239px;
}

#go_search{
width:246px;
height:239px;
position:absolute;
top:0px;
left:0px;
}

#home form,
#home div,
#home a{
float:left;
width:246px;
height:239px;
padding:0px 0px 7px 3px;
overflow:hidden;
position:relative;
}

/** *************  Zones principales  ************* **/
#hautdepage {
  position:relative;
  float: left;
  width: 800px;
  height: 177px;
  margin: 0px;
  padding: 0px;
  background-image: url(http://www.r7g.com/6518/m/images/bg_top.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}

#banniere{
position:absolute;
top:35px;
left:25px;
}

#panier{
position:absolute;
top:51px;
left:574px;
width:108px;
height:114px;
padding-top:75px;
padding-left:82px;
background-image: url(http://www.r7g.com/6518/m/images/panier.gif);
background-repeat: no-repeat;
}

#price{
padding:0px;
width:100px;
height:43px;
font-family:arial;
font-size:15px;
font-weight:regular;
line-height:21px;
}

#valider{
position:absolute;
top:128px;
left:10px;
z-index:5;
width: 180px;
text-align: center;
}

#valider a{
font-family:arial;
text-decoration:underline;
color:#000000;
font-weight:bold;
font-size:12px;
}

#valider a:hover{
text-decoration:none;
}


#left_side {
  float: left;
  width: 150px;
  margin: 0px;
  padding: 0px;
}
#right_side {
  float: right;
  width: 150px;
  margin: 0px;
  padding: 0px;
  background-image: url(http://www.r7g.com/6518/m/images/bg_right.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}
#content {
  float: left;
  width: 500px;
  margin: 0px;
  padding: 0px;
}
#basdepage {
  float: left;
  width: 800px;
  height: 80px;
  margin: 0px;
  padding: 0px;
  background-image: url(http://www.r7g.com/6518/m/images/bg_bottom.gif);
  background-repeat: no-repeat;
  background-position: top left;
}
/** *************  FIN  Zones principales  ************* **/


/** *************  Haut de page  ************* **/
#hautdepage a.logo {
  float: left;
  width: 570px;
  height: 126px;
}
#menu {
  float: left;
  width: 560px;
  height: 20px;
  margin: 0px;
  padding-left: 9px;
}
#menu a {
  float: left;
  height: 16px;
  padding: 4px 7px 0px 6px;
  font-size: 8pt;
  font-weight: bold;
  color: #333333;
  background-color: transparent;
  text-transform: uppercase;
  text-decoration: none;
}
#menu a:hover {
  float: left;
  height: 16px;
  padding: 4px 7px 0px 6px;
  font-size: 8pt;
  font-weight: bold;
  color: #333333;
  background-color: #ffcc33;
  text-transform: uppercase;
  text-decoration: none;
}
#menu a.yellow_active {
  background-color: #FFCC33;
}
#menu a.green:hover, #menu a.green_active:hover, #menu a.green_active {
  background-color: #99FF00;
}

#ssmenu {
  float: left;
  width: 700px;
  height: 19px;
  margin-top: 1px;
  padding-left: 10px;
}
#ssmenu span {
  float: left;
  padding: 2px 5px 0px 5px;
  font-size: 9pt;
  color: #FFFFFF;
  font-style: Italic;
}
#ssmenu a {
  float: left;
  
  height: 16px;
  padding: 4px 5px 0px 5px;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  text-transform: Uppercase;
  text-decoration: none;
}
#ssmenu a:hover {
  float: left;
  background-color: #33CC66;
  text-decoration: none;
}
#ssmenu a.green_active {
  background-color: #33CC66;
}
/** *************  FIN  Haut de page  ************* **/


/** *************  Menu gauche  ************* **/
#left_side_categories {
  text-align: left;
  padding-left:10px;
  color: #333333;
  margin-top: 2px;
  background: url(http://www.r7g.com/6518/m/images/fond_left.jpg) no-repeat left top #ffffff;
}

#left_side_categories a{
text-decoration:none;
display:block;
color:#333333;
}

#left_side_categories a:hover{
color:#ff6600;

}

#left_side_categories a.title {
  font-weight: bold; 
  text-transform: uppercase;
  padding-top:10px;
}

#left_side_categories a.sstitle1 {
   color:#666699;
   font-weight:bold;
}

#left_side_categories a.sstitle2 {
   color:#333333;
   font-weight:normal;
}

#left_side_categories a.sstitle3 {
   color:#333333;
   font-weight:normal;
}

#left_side_categories a.sstitle2_encours,
#left_side_categories a.sstitle3_encours,
#left_side_categories a.sstitle2:hover,
#left_side_categories a.sstitle3:hover,
#left_side_categories a.sstitle1:hover {
 color:#ff6600;
}

#left_side_categories a.sstitle1_encours{
 color:#ff6600;
 font-weight:bold;
}


#left_side_categories .separ {
  height: 10px;
  line-height:10px;
  vertical-align:middle;
}

#left_side_categories .separ_empty {
  height: 5px;
  font-size: 5px;
  background-color: #FFFFFF;
}
/** *************  FIN  Menu gauche  ************* **/  





/** *************  Product list  ************* **/
h1 {
  float: left;
  width: 460px;
  height: 24px;
  margin-top: 3px;
  margin-bottom: 10px;
  background-image: url(http://www.r7g.com/6518/m/images/bg_h1.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 2px 20px;
  color: #FFFFFF;
  font-size: 10pt;
  font-weight: normal;
}

h2 {
  color: #33CC66;
  font-weight: bold;
  font-size: 11pt;
}

#webpage_text p div {
  float: left;
  width: 449px;
  color: #339933;
  padding-left: 6px;
  padding-right: 45px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0px;
  font-size: 10pt;
  border-bottom: 1px solid #33CC66;
  background-color: #F0F0F0;
}

#pos a {
  color: #FFFFFF;
  font-size: 10pt;
  font-weight: normal;
  text-decoration: none;
}
#pos a:hover {
  text-decoration: underline;
}

#category_description {
  float: left;
  width: 449px;
  color: #339933;
  padding-left: 6px;
  padding-right: 45px;
  padding-bottom: 10px;
  font-size: 10pt;
  line-height: 14pt;
  border-bottom: 1px solid #33CC66;
}
#category_description a {
  color: #339933;
  text-decoration: underline;
}
.product_list_line {
  float: left;
  width: 500px;
  height: 150px;
  margin-top: 13px;
}
.product_list_line .product_thumbnail {
  float: left;
  width: 148px;
  height: 148px;
  margin-right: 7px;
  border: 1px solid #33CC66;
  background-repeat: no-repeat;
  background-position: center center;
}
.product_list_line .price_title {
  float: left;
  width: 343px;
  height: 18px;
  color: #33CC66;
  font-weight: bold;
  font-size: 11pt;
}
.product_list_line .product_price {
  float: left;
  width: 343px;
  height: 35px;
  color: #FF6600;
  font-weight: bold;
  font-size: 18pt;
  line-height: 26pt;
}
.product_list_line .product_name {
  float: left;
  width: 343px;
  height: 18px;
  color: #666666;
  font-weight: bold;
  font-size: 11pt;
}
.product_list_line .product_description {
  float: left;
  width: 335px;
  height: 62px;
  color: #666666;
  font-size: 8pt;
  padding-right: 8px;
}
.product_list_line a {
  color: #339933;
  font-size: 8pt;
  text-decoration: none;
}
.product_list_line a:hover {
  text-decoration: underline;
}
.product_list_line a.details {
  float: left;
  width: 91px;
  height: 17px;
  background-image: url(http://www.r7g.com/6518/m/btn/details.gif);
  background-repeat: no-repeat;
  background-position: top left;
}
.product_list_line a.je_commande {
  float: right;
  width: 124px;
  height: 17px;
  background-image: url(http://www.r7g.com/6518/m/btn/je_commande_orange.gif);
  background-repeat: no-repeat;
  background-position: top left;
}




.product_list_line_light {
  float: left;
  width: 500px;
  margin-top: 11px;
}
.product_list_line_light .product_picto_light {
  float: left;
  width: 40px;
  height: 17px;

  background-image: url(http://www.r7g.com/6518/m/images/carre_vert.gif);
  background-repeat: no-repeat;
  background-position: center left;
}
.product_list_line_light .product_picto_light img {
  float: left;
  width: 17px;
  height: 17px;
}
.product_list_line_light .product_price_light {
  float: left;
  width: 117px;
  height: 17px;
  color: #FF6600;
  font-weight: bold;
  font-size: 14px;
}
.product_list_line_light .product_name_light {
  float: left;
  width: 215px;
  padding-right: 4px;
  color: #666666;
  font-size: 11px;
}
.product_list_line_light a.je_commande_light {
  float: left;
  width: 124px;
  height: 17px;
  background-image: url(http://www.r7g.com/6518/m/btn/je_commande_orange.gif);
  background-repeat: no-repeat;
  background-position: top left;
}
/** *************  FIN  Product list  ************* **/



/** ************** PAGE PRODUIT *************** **/

#add_to_cart{
position:absolute;
top:100px;
left:100px;
background-color:#dde3ea;
height:50px;
padding:10px;
color:#000000;
border:1px solid #33cc66;
text-align:center;
}

#add_to_cart a{
font-weight:bold;
color:#000000;
margin:10px 5px;
}

#add_to_cart a:hover{
text-decoration:none;
}

#product_page{
overflow:hidden;
width:500px;
float:left;
position:relative;
}

#product_page .product_name {
  float: left;
  width: 500px;
  color: #33cc66;
  font-weight: bold;
  font-size: 18pt;
  padding-bottom: 6px;
}
#product_page .caps_product {
  float: left;
  width: 498px;
  min-height: 373px;
  border: 1px solid #33cc66;
 
}

*html #product_page .caps_product {
height: 373px;
}


#product_page .product_image_0 {
  float: left;
  width: 369px;
  height: 373px;
  border-right: 1px solid #33cc66;
  background-repeat: no-repeat;
  background-position: center left;
}
#product_page .price_title {
  float: left;
  width: 114px;
  padding: 7px;
  color: #33CC66;
  font-weight: bold;
  font-size: 11pt;
}
#product_page .product_price {
  float: left;
  width: 114px;
  padding: 0px 7px;
  color: #FF6600;
  font-weight: bold;
  font-size: 10pt;
  border-bottom: 1px solid #33cc66;
}
#product_page .price {
  color: #FF6600;
  font-weight: bold;
  font-size: 20pt;
}

#product_page .title{
color:#ff6600;
font-weight:bold;
height:25px;
line-height:25px;
vertical-align:middle;
float:left;
width: 128px;
text-align:center;
border-bottom: 1px solid #33cc66;
}

#product_page .zone_ass{
float: left;
width: 128px;
text-align:center;
overflow:hidden;
padding-bottom:10px;
}

#product_page .zone_ass img{
max-width:124px;
margin:0px auto;
display:block;
}

#product_page .zone_ass .ass_link{
color:#33cc66;
font-weight:bold;
}
 
#product_page .zone_ass .ass_link:hover{
text-decoration:none;
}

#product_page .zone_info {
float: left;
width: 498px;
border-left: 1px solid #33cc66;
border-right: 1px solid #33cc66;
border-bottom: 1px solid #33cc66;
height:25px;
line-height:25px;
vertical-align:middle;
color:#ff6600;
}

#product_page .zone_info .price{
font-size:14px;
margin-left:5px;
}

#product_page .zone_info .pname{
color:#666666;
font-size:11px;
margin-left:10px;
font-weight:bold;
}

#product_page .zone_ass_2{
float:left;
width:510px;
}


#product_page  .titre{
float:left;
width:500px;
height:19px;
background: url(http://www.r7g.com/6518/m/images/fond_title.gif) no-repeat left top;
color:#ffffff;
font-size:14px;
font-weight:bold;
padding-top:4px;
margin-top:10px;
}

#contact_devis  .content_devis .titre{
float:left;
width:494px;
height:23px;
background: url(http://www.r7g.com/6518/m/images/fond_title.gif) no-repeat left top;
color:#ffffff;
font-size:14px;
font-weight:bold;
margin:0px;
padding-right:6px;
padding-top:0px;
position:relative;

}

#contact_devis  .titre{
background: url(http://www.r7g.com/6518/m/images/fond_devis.gif) no-repeat left top;
}

#product_page  .titre .left{
float:left;
padding-left:6px;
}

#product_page .titre .right{
float:right;
margin:0px;
padding-right:6px;
}

#product_page .zone_ass_2 .titre .right span{
color:#999999;
margin:0px 5px;
font-size:9px;
}

#contact_devis .titre .right{
float:right;
margin:0px;
padding-right:6px;
color:#33cc66;
}

#contact_devis .titre .right span{
font-size:8px;
}

#product_page .zone_ass_2 .caps_ass{
width:115px;
float:left;
margin-right:11px;
margin-top:8px;
}

#product_page .zone_ass_2 .caps_ass .image_ass{
border: 1px solid #33cc66;
background:no-repeat center center;
display:block;
}

#product_page .zone_ass_2 .caps_ass .pname_ass{
color:#666666;
text-decoration:none;
font-weight:bold;
display:block;
padding:10px 2px;
text-align:center;
height:32px;
overflow:hidden;
}

#product_page .zone_ass_2 .caps_ass .pname_ass:hover{
text-decoration:underline;
}

.TTC{
font-size:11px;
font-weight:bold;
color:#ff6600;
}

#product_page .zone_ass_2 .caps_ass .zone_price{
padding-bottom:5px;
}

#product_page .zone_ass_2 .caps_ass .zone_price .price{
font-size:14px;
}

#product_page .zone_ass_2 .caps_ass .zone_price .info{
font-size:11px;
font-weight:bold;
color:#999999;
}

#product_page .garantie {
  float: left;
  width: 128px;
  height: 120px;
  padding: 0px;
  border-bottom: 1px solid #33cc66;

}

#product_page .zone_je_commande {
float: left;
width: 498px;
border-left: 1px solid #33cc66;
border-right: 1px solid #33cc66;
border-bottom: 1px solid #33cc66;


}

#product_page .zone_je_commande a.je_commande {
width: 94px;
}

#product_page .zone_ass_2 a.je_commande {
width: 85px;
}

#product_page a.je_commande {
  float: right;
  height: 24px;
  background: url(http://www.r7g.com/6518/m/images/euro.gif) no-repeat 4px 4px #99ff00;
  line-height:24px;
  vertical-align:middle;
  border-left: 1px solid #33cc66;
  padding-left:30px;
  font-weight:bold;
  color:#000000;
}

#product_page a.je_commande:hover{
text-decoration:none;
}
/** ************** FIN --- PAGE PRODUIT *************** **/





/** *************  Menu droite  ************* **/
#right_side_search {
  float: right;
  text-align: right;
  padding-top: 20px;
  width: 131px;
}

#espace_client{
position:relative;
z-index:3;
padding-top:30px;
padding-left:10px;
}

#espace_client .titre{
background: url(http://www.r7g.com/6518/m/images/espace_client.png) no-repeat left top;
width:138px;
height:60px;
}

*html #espace_client .titre{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.r7g.com/6518/m/images/espace_client.png');
background-image: none;
}

#espace_client .menu_right_top{
padding:5px 0px;
}

#espace_client .menu_right_top a{
text-decoration:none;
color:#ffffff;
display:block;
padding-left:5px;
font-weight:bold;
}

#espace_client .menu_right_top a:hover{
text-decoration:underline;
}

#zone_contact{
padding-top:15px;
padding-left:10px;
}

#zone_contact img{
border:0px;
}

#zone_contact a{
display:block;
margin-bottom:5px;
font-weight:bold;
color:#000000;
text-decoration:none;
}

#zone_contact .phone{
padding-left:25px;
height:22px;
line-height:22px;
vertical-align:middle;
font-weight:bold;
background: url(http://www.r7g.com/6518/m/images/phone.png) no-repeat left top;
font-size:14px;
margin-bottom:5px;
}

*html #zone_contact .phone{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.r7g.com/6518/m/images/phone.png');
background-image: none;
}

#recherche_txt {
  float: left;
  color: #333366;
  font-weight: bold;
  padding-left: 8px;
  padding-bottom: 5px;
}
#recherche {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight:normal;
  color: #333366;
  border: 1px solid #336699;
  background-color: #b2bfce;
  overflow: hidden;
  width: 84px;
  height: 17px;
  vertical-align:middle;
  padding: 0px 5px;
}
#bouton_ok {
  float: right;
  vertical-align: middle;
  text-align: center;
  width: 20px;
  height: 19px;
  margin-right: 12px;
  padding: 0px;
  font-size: 9px;
  color: #FFFFFF;
  border: 1px solid #336699;
  background-color: #336699;
}
#right_side_categories {
  float: right;
  padding-top: 8px;
  width: 123px;
}
#right_side_categories a:link, #right_side_categories a:visited {
  float: left;
  width: 120px;
  padding: 1px 0px;
  color: #333366;
  text-decoration: none;
}
#right_side_categories a:hover, #right_side_categories a:active {
  color: #333366;
  text-decoration: underline;
}
#right_side_images {
  float: right;
  padding-top: 15px;
  width: 123px;
  text-align: left;
}
#right_side_images img {
  padding-top: 5px;
}
/** *************  FIN  Menu droite  ************* **/  


/** *************  Bas de page  ************* **/
#slogan_bdp {
  float: left;
  width: 760px;
  height: 26px;
  padding-top: 32px;
  padding-left: 8px;
  color: #FFFFCC;
  font-style: oblique;
  font-weight: bold;
  letter-spacing: 0.08em;
  font-size: 9pt;
}
#liens_bdp {
  float: left;
  width: 760px;
  margin: 0px;
  padding-top: 3px;
  padding-left: 5px;
}
#liens_bdp a:link, #liens_bdp a:visited {
  font-family: Helvetica;
  color: #333366;
  font-weight: normal;
  font-size: 9pt;
  padding: 0px 3px;
  text-decoration: none;
}
#liens_bdp a:hover, #liens_bdp a:active {
  color: #FFFFFF;
}
#liens_bdp a.last:link, #liens_bdp a.last:visited, #liens_bdp a.last:hover, #liens_bdp a.last:active {
  float: right;
  color: #000066;
}
/** *************  FIN  Bas de page  ************* **/

#contact_form {
  width: 500px;
}

#contact_form td {
  vertical-align: middle;
  padding: 2px 0px;
  color: #006633;
}

#contact_form .star{
  color: #667f9e;
}
#contact_form td.oblig {
  font-size: 10px;
}
#contact_form td.small {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align: Justify;
  color: #667f9e;
}

#contact_form input {
  font-family: Helvetica, Verdana;
  color: #919292;
  font-size: 12px;
  width: 184px;
  height: 15px;
  padding: 4px 8px 0px 8px;
  background-image: url(http://www.r7g.com/6518/m/images/bg_input.gif);
  border: 0px;
}
#contact_form input:focus, #contact_form textarea:focus {
  color: #444894;
}

#contact_form select {
  font-family: Helvetica, Verdana;
  color: #919292;
  font-size: 12px;
  width: 186px;
}

#contact_form textarea {
  width: 284px;
  height: 80px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #919292;
  padding: 4px 8px;
  background-image: url(http://www.r7g.com/6518/m/images/bg_textarea.gif);
  border: 0px;
}

#contact_form input.checkbox {
  vertical-align: middle;
  width: 19px;
  margin: 0px;
  padding: 0px;
  border: 0px:
}

#contact_form input.submit {
  width: 100px;
  height: 19px;
  margin: 0px;
  padding: 0px;
  border: 0px:
}
/** ********** Fin - PAGE CONTACTS ********** **/

#contact_devis{
float:left;
width:500px;
overflow:hidden;
}

#contact_devis select{
color:#666699;
font-size:11px;
height:18px;
}

#contact_devis .content_devis {
float:left;
width:500px;

}

#contact_devis input.input_text_long,
#contact_devis input.input_text{
border:1px solid #666699;
height:14px;
padding:1px 0px 1px 2px;
margin:0px;
font-size:11px;
}

#contact_devis input.input_text{
width:128px;
float:left;
}

#contact_devis input.input_text_long{
width:346px;
float:left;
}

#contact_devis .content_devis p{
margin:0px;
padding:3px 0px 0px 0px;
clear:both;
font-size:12px;

}

#contact_devis .content_devis .info{
padding:10px 0px;
}

#contact_devis .content_devis p.other{
padding:8px 0px;
}

#contact_devis .content_devis label{
float:left;
width:80px;
padding-right:6px;
overflow:hidden;
}


#contact_devis .content_devis label.type2{
text-align:right;
}

#contact_devis .content_devis textarea{
width:490px;
height:118px;
border:1px solid #666699;
margin-top:10px;
}

#contact_devis .content_devis .input_submit{
position:absolute;
top:0px;
right:6px;
}