body{
  background-image: url(http://www.r7g.com/1827/m/img/fond.gif);
  background-repeat: repeat;
  font-family: Arial, Helvetica, sans-serif;
  color:#ffffff;
  font-size:10pt;
   

}

img{
border:0px;
}


a {
	color: #FFFF00;
	text-decoration: underline;
}
a:hover {
	color: #99FF99;
	text-decoration: underline;
}


/*bloc principaux*/

#page{
width:980px;
background-color:#535353;
margin:auto;
}

#haut{
position:relative;
width:980px;
height:97px;
background-color:#535353;
border-bottom:solid 1px #f3f40e;
float:left;
}

#footer_bdc{
width:880px;
float:left;
border-top:solid 1px #f3f40e;
background-color:#535353;
padding: 10px 50px;
font-weight:bold;
font-size:9pt;
text-align: center;
}

#footer{
width:930px;
height:52px;
float:left;
border-top:solid 1px #f3f40e;
background-color:#535353;
padding-left:50px;
padding-top:10px;
font-weight:bold;
font-size:9pt;
}

#footer ul{
list-style:none;
padding:0px;
margin:0px;
float:left;
}

#footer li{
display:inline;
padding-right:19px;
}

#footer a{
color:#ffffff;
padding:8px;
font-size:9pt;
}

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

/* LISTE FAMILLES A GAUCHE */
h1.title_menu_list, h2.title_menu_list, h3.title_menu_list {
  padding:0px;
  margin:0px;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size:19px;
  color:#f3f40e;
}
#menu_liste {
  display: block;
  clear: both;
  width: 100%;
  padding-top: 10px;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: 16px;
}
#menu_liste h1, #menu_liste h2, #menu_liste h3 {
  display: block;
  clear: both;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #fff;
  background: url(http://www.r7g.com/1827/m/img/fleche.gif) transparent no-repeat center left;
  padding: 0px 0px 0px 30px;
  margin: 0px;
}
#menu_liste a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
#menu_liste a.encours{
  color: #f3f40e;
}
#menu_liste a:hover{
  color: #f3f40e;
  text-decoration: none;
}


#menu_bas{
margin-left:150px;
float:left;
}

.copyright{
color:#aaaaaa;
font-weight:normal;
margin-left:10px;
}

#contenu{
float:left;
width:980px;
background-color:#535353;
padding-bottom:25px;
padding-top:20px;
}

#bandeau_haut{
  float:left;
  padding-left:725px;
  padding-right:10px;
  width:245px;
  height:229px;
  background-repeat:no-repeat;
  background-position: top left;
  background-color:#535353;
  border-bottom:solid 1px #f3f40e;
}
#bandeau_haut div.links {
  float: left;
  clear: both;
  width: 200px;
  background: url(http://www.r7g.com/1827/m/img/fleche.gif) no-repeat center left;
  padding-left: 40px;
  line-height: 36px;
  font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
}
#bandeau_haut div.links_with_img {
  float: left;
  clear: both;
  width: 240px;
}
#bandeau_haut div.links_with_img img {
  float: left;
}
#bandeau_haut div.links a {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
#bandeau_haut div.links a:hover {
  text-decoration: none;
  color: #f3f40e;
}

#panier{
position:absolute;
top:0px;
right:5px;
width:227px;
height:45px;
line-height:37px;
vertical-align:middle;
font-family:arial;
font-size:10pt;
overflow:hidden;
}
#panier img{
border:0px;
float:left;
margin-top:5px;
}


#panier p{
margin:0px;
float:left;
padding-left:10px;
padding-top:7px;
width:128px;
line-height:18px;
color:#ffffff;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13pt;

}

#search{
position:absolute;
bottom:7px;
right:5px;
color:#f3f40e;
font-size:11pt;
font-family:impact;
height:37px;
width:227px;
line-height:37px;
vertical-align:middle;
border-top:solid 1px #aaaaaa;
margin:0px;
}

.input{
width:115px;
height:16px;
border:solid 1px #1c3c79;
vertical-align:middle;
}

.submit{
vertical-align:middle;

}

#menu{
position:absolute;
top:5px;
width:269px;
height:72px;
left:460px;
}

#menu img{
border:0px;

}
#menu a{
float:left;
margin:0px;
}

.puce1 {
	background-image: url(http://www.r7g.com/1827/m/img/fleche.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 40px;
	font-size:17px;
	font-weight:bold;
	text-decoration:none;
	color:#ffffff;
}
.puce1:hover{
text-decoration:none;
	color:#f3f40e;
}

.puce2{
	padding-left: 40px;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	color:#f3f40e;
}

.puce2:hover{
text-decoration:underline;
}

.puce3{
	padding-left: 40px;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#f72e62;
}

.puce3:hover{
text-decoration:underline;
}


#liste_famille{
float:left;
padding-left:30px;
width:263px;
}

#accueil_famille{
	width:650px;
	float:left;
}

#accueil_famille .caps2{
	width:200px;
	float:left;
	margin-top: 10px;
	padding-left: 5px;
	padding-right: 5px; 
}
#accueil_famille .caps2 img {
	float: left;
	border: 0px;
}

.separ{
	width: 650px;
	float: left;
	border-top:solid 1px #aaaaaa;
	margin-top: 10px;
}


#accueil_famille .caps2 .category_name{
	float: left;
	width: 170px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-image: url(http://www.r7g.com/1827/m/img/fleche.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 20px;
	font-weight:bold;
	text-decoration:none;
	color:#f3f40e;
}

#accueil_famille .caps2 a:hover{
text-decoration:underline;
}

#accueil_famille  .liste_sous_fam{
	float: left;
	width: 170px;
	text-decoration: none;
	font-size: 10pt;
	color: #ffffff;
	font-weight: bold;
	padding-left: 20px;
}

#accueil_famille  .liste_sous_fam:hover{
text-decoration:underline;
}


h1{
padding:0px;
margin:0px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:15pt;
color:#f3f40e;
}

h2{
padding:0px;
margin-top: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
color:#f3f40e;
}


#real_content1{
width:687px;
float:left;
}

.webpage{
float:left;
width:687px;
padding-bottom:20px;
}



#real_content2{
width:667px;
float:left;
padding-left:20px;
}



#nouv{
width:437px;
float:left;
}


#nouv .caps{
width:205px;
height:190px;
margin-bottom:15px;
}

#nouv .link_h1{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:15pt;
color:#f3f40e;
text-decoration:none;
font-weight:bold;
float:left;
width:437px;
padding-bottom:2px;
}

.bas_selection{
	background-color: #535353;
	float: left;
	height: 65px;
	border: 1px solid #aaaaaa;
}

.bas_selection .etat_product{
padding-top:5px;
float:right;
}


.bas_selection img{
border:0px;
}


.bas_selection p{
margin:0px;
float:left;
font-size:14pt;
color:#ffffff;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
width:96px;
height:39px;
text-align:center;
line-height:39px;
vertical-align: middle;
}

.bas_selection form{
margin:0px;
padding-top:5px;
float:right;

}

.prix{
color:#ffffff;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14pt;
}

.product_name{
text-align:center;
color:#f3f40e;
font-family: Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight:bold;

}


.bas_selection .name_product{
float:left;
width:100%;
text-align:center;
color:#f3f40e;
font-family: Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight:bold;
text-decoration:none;
}

.bas_selection a :hover{
color:#ffffff;
}




.vig{
width:205px;
height:124px;
float:left;
text-align:center;

}


#promo{
float:left;
width:205px;

background-image: url(http://www.r7g.com/1827/m/img/fond_promo.gif);
background-repeat:no-repeat;
background-position: top center;
}

.promo_titre{
width:195px;

padding-top:13px;
padding-bottom:23px;
padding-left:10px;
text-align:left;
margin:0px;
color:#000000;
font-family:impact;
font-size:16pt;
line-height:15px;
float:left;
}
.promo_titre a{
margin:0px;
color:#000000;
font-family:impact;
font-size:16pt;
text-decoration:none;
}


.nouv_titre{
width:195px;
background-image: url(http://www.r7g.com/1827/m/img/fond_promo.gif);
background-repeat:no-repeat;
background-position: top center;
padding-top:13px;
padding-bottom:23px;
padding-left:10px;
text-align:left;
margin:0px;
color:#000000;
font-family:impact;
font-size:16pt;
line-height:15px;
float:left;
}










.titre1{
	font-size: 13pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #000000;
	margin-top: 5px;
}
.vig_promo{
	float: left;
	width: 224px;
	padding: 15px 0px;
	text-align: center;
	background-color: #ffffff;
}


a.link_tag_bas{
font-family: Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none;
font-size:11pt;
font-weight:bold;
}

a.link_tag_bas:hover{
color:#f3f40e;
}


.position{
float:left;
padding-bottom:10px;
width:667px;
}


.position a{
font-family: Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none;
font-size:11pt;
font-weight:bold;
}

.position a:hover{
color:#f3f40e;
}

.product_link{
font-family: Arial, Helvetica, sans-serif;
color:#f3f40e;
text-decoration:none;
font-size:11pt;
font-weight:bold;
}

.product_link:hover{
color:#ffffff;
}

.link_img{
padding-right:20px;
}

#titre_famille{
width:647px;
float:left;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #aaaaaa;
}



#commande{
width:647px;
float:left;
padding-right:20px;
padding-bottom:20px;
font-weight:bold;
}
#commande p{
float:left;
margin:0px;
line-height:14px;
}
#commande a{
float:right;
}


#product_form{
width:667px;
float:left;
text-align:center;
}

#product_form form{
margin:0px;
padding:0px;
}


#prod_sup{
float:left;
text-align:left;
}

#prod_sup a{
font-family: Arial, Helvetica, sans-serif;
color:#f3f40e;
text-decoration:none;
font-size:10pt;
font-weight:bold;
}

#prod_sup a:hover{
color:#ffffff;
}


/****  Contact ***/
#contact_form {
   width: 300px;

}

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

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

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

#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: #000000;
  padding: 4px 8px;
  background-image: url(http://www.r7g.com/1827/m/img/bg_textarea.gif);
  border: 0px;
}

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

#contact_form input.submit {
  margin-top:15px;
  padding:0px;
  height:20px;
  background-image: none;
  border: 1px solid #f3f40e;
  color:#f3f40e;
  font-weight:bold;
  background-color:#535353;
  font-size:10pt;
  font-family:arial,trebuchet,sans serif;
 
}
/** ********** Fin - PAGE CONTACTS ********** **/


.caps_line {
	float: left;
	width: 430px;
}
.caps_line .product_caps{
	float: left;
	width: 205px;
	padding: 0px 5px;
	margin-bottom: 20px;	
}

.product_caps .product_thumbnail{
	float: left;
	width: 205px;
	height: 110px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center center;
}
.product_caps .product_thumbnail a {
	float: left;
	width: 205px;
	height: 110px;
}
.product_caps .product_thumbnail img{
	float: left;
	border: 0px;
}

.product_caps .product_data {
	float: left;
	width: 203px;
	padding-top: 5px;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
}

.product_caps .product_data .product_price{
	float: left;
	width: 103px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #ffffff;
	font-weight: bold;
}
.product_caps .product_data .product_ref{
	float: left;
	width: 95px;
	padding-right: 5px;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
}

.product_caps .product_data .product_name{
	float: left;
	width: 203px;
	padding: 5px 0px 10px 0px;
}
.product_caps .product_data .product_name a {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #f3f40e;
}


#product_sheet {
	float: left;
	width: 302px;
	font-family: Arial, Helvetica, sans-serif;
}
#product_sheet form {
	float: left;
	clear: both;
	width: 300px;
	padding: 10px;
	border: 1px solid #aaaaaa;
}

#product_sheet .product_price {
	float: left;
	width: 110px;
	text-align: left;
}
#product_sheet .product_price .price {
	color: #ffffff;
	font-weight: bold;
	font-size: 14pt;
}
#product_sheet .choice_list {
	float: left;
	width: 180px;
	padding-left: 110px;
}
#product_sheet .choice_list label {
	float: left;
	font-size: 10px;
}
#product_sheet .choice_list select {
	float: left;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#product_sheet .product_qty {
	float: left;
	width: 60px;
}
#product_sheet .product_qty label {
	float: left;
	font-size: 10px;
}
#product_sheet .product_qty select {
	float: left;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#product_sheet .product_qty input {
	float: left;
	clear: both;
	width: 24px;
	border: 1px solid #aaaaaa;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#product_sheet .add_to_cart {
	float: left;
	width: 110px;
}
#product_sheet .add_to_cart input {
	float: right;
	width: 93px;
	height: 29px;
}
#product_sheet .nopanier {
	float: left;
	width: 110px;
}
#product_sheet .nopanier img {
	float: right;
}
#product_sheet .p_name {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	color: #f3f40e;
	font-size: 12pt;
	font-weight: bold;
}
#product_sheet .p_ref {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
}

#previous_next {
	float: right;
	width: 170px;
}
#previous_next a, #previous_next img {
	float: left;
}