body {
  font-family: Arial, Helvetica, sans-serif;
  color: #006633;
  margin:0px;
  font-size: 12px;
  background-color: #fffda4;
}

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

img{
  border:0px;
}

input.refresh {
background:#fff url(http://www.r7g.com/6413/m/btn/refresh.gif) no-repeat scroll center;
border:0px none;
cursor:pointer;
height:19px;
margin-left:4px;
padding:0px;
width:11px;
}

.hide{
  display:none;
}

input.field {
border:1px solid #fbe201;
font-family:'Trebuchet MS',Helvetica,sans-serif;
font-size:11px;
height:16px;
padding:0px 2px;
}

textarea {
  padding: 0px 2px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  border: 1px solid #fbe201;
}
input:focus.field, textarea:focus {
  border: 1px solid #007722;
  color: #007722;
}
select {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

#page{
  width:990px;
  margin:0px auto;
}
#bg{
  float: left;
  width:990px;
  background: url(http://www.r7g.com/6413/m/img/bg.jpg) repeat top left;
}

#round_top{
  width: 100%;
  height: 30px;
  background: url(http://www.r7g.com/6413/m/img/bg_top.png) no-repeat top left;
}
*html #round_top {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.r7g.com/6413/m/img/bg_top.png');
background-image: none;
}
#top_area{
  float: left;
  width: 930px;
  height: 120px;
  padding: 0px 30px;
  background: url(http://www.r7g.com/6413/m/img/bg_middle.gif) repeat top left;
  position: relative;
  
}

#categories {
  float: left;
  width: 970px;
  padding: 0px 10px;
  background: url(http://www.r7g.com/6413/m/img/bg_middle.gif) repeat-y top left;
}

#content{
  float: left;
  width: 970px;
  padding: 10px;
  background: url(http://www.r7g.com/6413/m/img/bg_middle.gif) repeat-y top left;
}

#left_side{
float:left;
width:167px;
padding: 0px 4px;
}

#main{
width:620px;
float:left;
overflow:hidden;
}

#right_side{
float:left;
width: 167px;
padding: 0px 4px;
}

#bottom_area{
  float: left;
  clear: both;
  width: 970px;
  height: 23px;
  text-align: center;
  line-height: 23px;
  padding: 9px 10px;
  background: url(http://www.r7g.com/6413/m/img/bg_middle.gif) repeat-y top left;
}
#footer{
  float: left;
  clear: both;
  width: 990px;
  height: 30px;
  text-align: center;
  color: #666;
  
  background: url(http://www.r7g.com/6413/m/img/bg_bottom.png) no-repeat bottom left;
}
*html #footer {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.r7g.com/6413/m/img/bg_bottom.png');
background-image: none;
}

#bottom_area a {
  color: #003300;
  text-decoration: none;
}
#bottom_area a:hover {
  color: #007722;
  text-decoration: underline;
}


/* ** MENU DEROULANT ** */
#navig {
  float: left;
  width: 100%;
  height: 19px;
  margin-top: 10px;
  background-color: #fff;
  border-top: 2px solid #007722;
  border-bottom: 2px solid #007722;
}
/* ** MENU HORIZONTAL ** */
/* ** MENU DEROULANT PARTIE CATALOGUE ** */
ul#menu li ul{
  display: none;
}

ul#menu li:hover>ul{
  display: block;
}

*html ul#menu iframe {
 position:absolute;
 display:none;
   z-index:1;
  width:143px;
filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
 }



ul#menu{
float: left;
width: 100%;
height: 19px;
list-style:none;
padding: 0px;
margin: 0px;

}


ul#menu li{
  float: left;
  display: block;
  padding: 0px;
}

ul#menu li a {
  display: block;
  padding: 0px 3px;
  text-decoration: none;
  

}

ul#menu li a.fam_mere {
  float: left;
  height: 17px;
  display: block;
  line-height: 17px;
  margin: 0px;
  padding: 0px 15px;
  background-color: #fff;
  border: 1px solid #fff;
  color: #007722;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}
ul#menu li a.fam_mere:hover {
  background-color: none;
}

ul#menu li a.special {
  float: left;
  height: 17px;
  display: block;
  line-height: 17px;
  margin: 0px;
  padding: 0px 15px;
  background-color: #ff3300;
  color: #fff;
  border: 1px solid #fff;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}
ul#menu li a.special:hover {
  background-color: none;
  background-color: #007722;
  color: #fff;
}

ul#menu li.level1{
  position: relative;
  float: left;
  height: 19px;
  z-index: 3;
  list-style: none;
  border-left: 1px solid #007722;
  border-right: 1px solid #007722;
}
ul#menu>li.level1:hover{
}


ul#menu li:hover{

}
*html ul#menu a.fam_mere:hover{

}
*html ul#menu a.special:hover{

}


ul#menu ul{
  position:absolute;
  top:19px;
  left:0px;
  z-index:3;

  list-style:none;
  margin:0px;
  padding: 0px;
  width:225px;
}

ul#menu ul ul{
  top:0px;
  left:225px;
}

ul#menu ul li{
  position:relative;
  z-index:3;
  display: block;
  float: left;
  width: 225px;

  margin:0px;
  padding:0px;
}


ul#menu ul li a{
  display:block;
  width: 203px;
  
  border: 1px solid #fff;
  
  padding: 5px 10px;

  text-align: left;

  font-size: 11px;
  font-weight: bold;
  text-decoration:none;
  
  color: #fff;
  background-color: #007722;
}
ul#menu ul li a:hover{
  color: #369275;
  background-color: #fff;
  border-color: #ccc;
}


ul#menu ul li.last{
  border-bottom: 1px solid #fff;
}
ul#menu ul li.last a{
}
ul#menu ul li.last a:hover{

}

ul#menu ul li a.next {
  background-image: url(http://ftp.festiveo.com/img/arrow_menu_white.gif);
  background-repeat: no-repeat;
  background-position: center right;
}
ul#menu ul li a:hover.next {
  background-image: url(http://ftp.festiveo.com/img/arrow_menu_black.gif);
  background-repeat: no-repeat;
  background-position: center right;
}

/* ** GENERAL ** */
#cat_desc {
  float: left;
  clear: both;
  width: 600px;
  padding: 10px;
  padding-top: 0px;
}

#position {
  text-align: right;
  font-size: 10px;
  text-transform: uppercase;
  color: #333;
  text-decoration: none;
}
#position a {
  font-size: 10px;
  text-transform: uppercase;
  color: #333;
  text-decoration: none;
}
#position a:hover {
  color: #007722;
  text-decoration: underline;
}

.webpage a {
  color: #006633;
}


h1.first_title, h2.first_title {
  font-size: 16pt;
  margin: 5px 0px 10px 0px;
  padding: 2px 5px;
  border: 3px solid #fed709;
  color: #007722;
  background-color: #fff;
}
h1.first_title a, h2.first_title a {
  color: #007722;
  text-decoration: none;
}


/* ** SOUS FAMILLES A GAUCHE ** */
#left_categories .content a {
  display: block;
}

#left_categories .content a.l1 {
  padding: 4px 0px 4px 9px;
  color: #003300;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: none;
  background: url(http://www.r7g.com/6413/m/img/arrow.gif) no-repeat 0px 8px;
}
#left_categories .content a.l1:hover {
  color: #006633;
  text-decoration: underline;
}
#left_categories .content a.l1_current {
  padding: 4px 0px 4px 9px;
  color: #ff3300;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: none;
  background: url(http://www.r7g.com/6413/m/img/arrow-on.gif) no-repeat 0px 8px;
}
#left_categories .content a:hover.l1_current {
  text-decoration: underline;
}

#left_categories .content a.l2 {
  padding: 2px 0px 2px 20px;
  color: #003300;
  font-size: 0.9em;
  font-weight: normal;
  text-decoration: none;
  background: url(http://www.r7g.com/6413/m/img/round.png) no-repeat 8px 6px;
}
#left_categories .content a:hover.l2 {
  text-decoration: underline;
}
#left_categories .content a.l2_current {
  padding: 2px 0px 2px 20px;
  color: #cc0000;
  font-size: 0.9em;
  font-weight: normal;
  text-decoration: underline;
  background: url(http://www.r7g.com/6413/m/img/round-on.png) no-repeat 8px 6px;
}
#left_categories .content a:hover.l2_current {
  text-decoration: underline;
}


/* ** FAMILLES MERES - Affichage des Sous-Familles ** */
div.sscat_title {
  float: left;
  clear: both;
  width: 590px;
  margin: 5px 0px 10px 0px;
  padding: 2px 13px;
  border: 2px solid #fbe201;
  background-color: #fefeef; 
}
div.sscat_title a.view_other {
  float: right;
  text-decoration: underline;
  line-height: 20px;
  font-size: 0.8em;
  color: #007722;
}
div.sscat_title h2 {
  float: left;
  line-height: 23px;
  padding: 0px;
  margin: 0px;
}
div.sscat_title h2 a {
  color: #007722;
  font-size: 12pt;
  text-transform: uppercase;
  text-decoration: none;
}
div.sscat_title h2 a:hover, div.sscat_title a:hover.view_other {
  text-decoration: underline;
}
div.sscat_info {
  float: left;
  clear: both;
  width: 605px;
  text-align: right;
  padding-bottom: 40px;
  padding-right: 15px;
}
div.sscat_info a {
  color: #007722;
}
div.sscat_info a:hover {
  color: #ff3300;
}

/* ** HAUT DE PAGE ** */
#top_area .logo {
  position: absolute;
  top:0px;
  left:20px;
}
#top_area .banniere {
  position: absolute;
  top:0px;
  left:295px;
}
#top_area .cart {
  position: absolute;
  bottom:0px;
  right:48px;
}
#cart_area {
  float: left;
  width: 154px;
  height: 88px;
  margin-top: 10px;
  background: url(http://www.r7g.com/6413/m/img/bg_cart_area.gif) no-repeat top left;
  position: relative;
}
#cart_area .nb_items {
  position: absolute;
  top:12px;
  left:22px;
  width: 118px;
  text-align: center;
  color: #cc0000;
  font-size: 0.9em;
  font-weight: bold;
}
#cart_area .amount {
  position: absolute;
  top:25px;
  left:22px;
  width: 118px;
  text-align: center;
  color: #007722;
  font-size: 2em;
  font-weight: bold;
}
#cart_area .view_cart {
  position: absolute;
  bottom:0px;
  left:0px;
}
#cart_area .view_cart a, #cart_area .view_cart img{
  border: 0px;
  float: left;
}

#search {
  float: left;
  width: 147px;
  padding: 0px 5px;
}
#newsletter_area form {
  float: left;
  width: 147px;
  padding: 0px 5px;
}
#newsletter_area  label {
  float: left;
  clear: both;
  width: 147px;
  font-size: 11px;
  padding: 1px 0px;
}
#newsletter_area  label.hide_facultative_fields {
  padding: 8px 0px 4px 0px;
}
#newsletter_area  label.hide_facultative_fields a {
  display: block;
  color: #007722;
  padding-left: 6px;
  padding-bottom: 4px;
  text-decoration: underline;
  background: url(http://www.r7g.com/6413/m/img/arrow.gif) no-repeat 0px 5px;
}
#newsletter_area  label.hide_facultative_fields a:hover {
  text-decoration: none;
  color: #003300;
}
#newsletter_area  label span {
  font-size: 9px;
}





#contact{
clear:both;
}
#contact form {
}
#contact .line {
  float: left;
  clear: both;
  width: 99%;
  padding: 3px 0px;
}
#contact label {
  float: left;
  width: 180px;
}
#contact select {
  float: left;
}
#contact textarea {
  float: left;
}
#contact input.field {
  float: left;
}
#contact .line .submit {
  float: left;
  margin-left: 200px;
}
#contact .input_submit{
display:block;
margin:0px auto;
}
#contact .cnil{
font-size:11px;
color:#666666;
text-align:justify;
}
#contact .cnil a{
color:#666666;
}