@font-face {
font-family: 'Montserrat2';
src: url('/gfm/530110/m/img/Montserrat-Regular.otf') format('truetype');
font-weight: normal;
font-style: normal;
}	
body {
  margin: 0px;
  padding: 0px;
  /*background: url(/gfm/530110/m/img/background.jpg) no-repeat transparent top center;*/
  background-color: #F9F9F9;
  font-family: Montserrat2, Montserrat, Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 11px;
}
img{
  border: 0px;
}
form{
  margin:0px;
}
a:hover{
  text-decoration:underline;
}
.hide {
  display: none;
}

.centre {
  width: 654px; /* 694 */
  height: 332px;
  overflow: auto;
  margin: 20px;
  color: #666;
  padding: 10px 0;
  
  /*background: url(/gfm/530110/m/img/bg_webpages_gray.png) no-repeat #fff bottom right;*/
}


h1,h2,h3,h4,h5,.alternate_h1_title {
  font-family: Montserrat2, Montserrat, Arial, Helvetica, sans-serif;
}


#page{
  margin: 0px auto;
  /*width: 970px;*/
  width: 940px;
}

/* ** HAUT DE PAGE ** */
#top_area {
  float: left;
  /*width: 970px;*/
  width: 940px;
  height: 125px;
  position: relative;
}
#top_area .logo {
  position: absolute;
  /*top: 0px;*/
  top: 60px;
  left: 0px;
}
#top_area .logo a, #top_area .logo img {
  display: block;
}

/* ** MENU DEROULANT ** */
#top_area .menu_area {
  position: absolute;
  top: 90px;
  /*left: 317px;*/
  right: 0px;
  /*line-height: 17px;*/
  /*width: 653px;*/
  /*height: 17px;*/
  
  z-index: 10;
}

/* ** CHEMIN DE FER ** */
#page .position {
  /*position: absolute;
  top: 90px;
  left: 325px;*/
  color: #000000;
  padding-bottom:10px;
}
#page .position a.view {
  color: #000000;
  text-decoration: underline;
}
#page .position span {
  color: #000000;
}
#page .position span.underline {
  text-decoration: underline;
}
#page .position a.other{
  color: #000000;
  text-decoration: underline;
}
#page .position a:hover {
  text-decoration: underline;
}

/* ** PANIER ** */
#top_area .cart_area {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 88px;
  height: 37px;
  overflow: hidden;
  /*background: url(/gfm/530110/m/img/bg_cart_area.gif) no-repeat transparent top left;*/
}
#top_area .cart_area .title {
  position: absolute;
  top: 0px;
  right: 1px;
}
#top_area .cart_area .title a, #top_area .cart_area .title img {
  display: block;
}
#top_area .cart_area .content {
  position: absolute;
  top: 17px;
  left: 25px;
  line-height: 24px;
  font-size: 10px;
  color: #000;
}

#top_area .cart_area .content a {
  color: #000;
  text-decoration: none;
}
#top_area .cart_area .content a:hover {
  text-decoration: underline;
}

/* ** CONNEXION ** */
#top_area .account_box {
  position: absolute;
  top: 8px;
  /*left: 400px;*/
  right: 260px;
  width: 207px;
  height: 35px;
  /* overflow: hidden; */
  color: #000000;
  font-size: 9px;
  line-height: 17px;
}
#top_area .account_box td {
  vertical-align: top;
}
#top_area .account_box input.field {
  width: 80px;
  height: 13px;
  font-family: Montserrat2, Montserrat, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  /*background-color: #4A4A4A;*/
  /*padding: 1px 4px;*/
  padding-left: 5px;
  border: 1px solid black;
}
#top_area .account_box a {
  color: #000000;
  text-decoration: none;
}
#top_area .account_box a:hover {
  text-decoration: underline;
}

/* ** RECHERCHE ** */
#top_area .search_form {
  position: absolute;
  top: 7px;
  /*left: 613px;*/
  right: 100px;
  width: 153px;
  height: 19px;
  overflow: hidden;
}
#top_area .search_form input.field {
  width: 117px;
  height: 13px;
  font-family: Montserrat2, Montserrat, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  /*padding: 1px 4px;*/
  padding-left: 5px;
  border: 1px solid #000000;
  /*background-color: #4A4A4A;*/
}

/* ** drapeaux ** */
#top_area #lang_area {
  position: absolute;
  top: 6px;
  /*left: 320px;*/ /* 450 - bord droit */
  /*left: 354px;*/
  right: 475px;
  /*width: 140px;*/
}
#top_area #lang_area .current_lang {
  float: right;
  width: 45px;
  text-align: right;
  /*padding-right: 20px;*/
}
#top_area #lang_area .current_lang a
{
  display: block;
  text-decoration: none;
  color: #000000;
  text-align: center;
}
/*#top_area #lang_area .current_lang img {
  display: block;
}*/
#top_area #lang_area .other_lang {
  display: none;
  clear: both;
  z-index: 20;
  text-align: right;
}
#top_area #lang_area .other_lang .line {
  /*float: left;*/
  width: 70px;
  height: 15px;
}
#top_area #lang_area .other_lang .line a.img {
  float:right;
  height:7px;
  width:7px;
}
#top_area #lang_area .other_lang .line a.img img {
  display: block;
}
#top_area #lang_area .other_lang .line a.text {
  font-size: 10px;
  line-height: 15px;
  color: #000000;
  text-decoration: none;
}
#top_area #lang_area .other_lang .line a.text:hover {
  text-decoration: underline;
}
/* Facebook Header */
#top_area #header-fb {
  color: #000000;
  display: block;
  font-size: 9px;
  line-height: 12px;
  overflow: hidden;
  position: absolute;
  right: 525px;
  text-decoration: none;
  top: 6px;
  width: 100px;
}
#top_area #header-fb:hover {text-decoration:underline;}
#top_area #header-fb span {
  background: url("/gfm/530110/m/img/header_fb.gif") no-repeat scroll 0 0 transparent;
  display: block;
  float: left;
  height: 20px;
  margin-right: 4px;
  margin-top: 2px;
  width: 20px;
}






/* ** ZONE CENTRALE ** */
#main {
  float: left;
  clear: both;
  /*width: 970px;*/
  width: 940px;
}

/* ** ZONE (PRINCIPALE) ** */
#content {
  float: left;
  /*width: 760px;*/
  width: 940px;
  /*padding: 0px 40px;*/
  overflow: hidden;
  /*padding-top:20px;*/
}

/* ** ZONE A DROITE ** */
#right_side {
  float: left;
  width: 176px;
  padding-top: 30px;
  padding-left: 30px;
  overflow: hidden;
}

/* ** BAS DE PAGE ** */
#bottom_line {
  float: left;
  clear: both;
  /*width: 785px;*/
  width: 940px;
  padding: 5px 0px 15px 0px;
  margin-top: 25px;
  /*margin-left: 92px;*/
  /*border-top: 1px solid #e5e5e5;*/
  font-size: 10px;
  color: #000000;
  text-align: center;
}
#bottom_line  a {
  color: #000000;
  text-decoration: none;
}
#bottom_line  a:hover {
  text-decoration: underline;
}
#bottom_line #footer-fb {color:#000000;}
#bottom_line #footer-fb span {
  display:inline-block;
  width:7px;
  height:11px;
  background: url("/gfm/530110/m/img/footer_fb.gif") no-repeat 0 0;
  margin-right:4px;
  margin-left:3px;
}


#triman_area {
display: block;
text-align: right; 
clear: both;
padding-top : 10px;
padding-bottom: 5px;
}
#triman_area .text {
color: #FFFFFF;
font-size: 11px;
display: inline-block;
vertical-align: middle;
padding-left: 5px;
}
#triman_area .logo {
display: inline-block;
vertical-align: middle;
}



/* ** --------------------------------------------------------- ** */
/* ** DEBUT DES ZONES PRINCIPALES (MAIN) ** */

/* ** HOME PAGE ** */
#first_home {
  float: left;
  width: 940px;
  padding: 0;
  overflow: hidden;
}

#first_home p {
	text-align: center;
	font-size: 0.9em;
}

#first_home p a {
	color: #DDD;
}

#first_home .logo {
  display: block;
  clear: both;
  padding: 60px 0 20px 0;
  text-align: center;
}
#first_home .swf {
  display: block;
  clear: both;
  width: 940px;
  height: 440px;
  overflow: hidden;
}


#home_swf {
  float: left;
  width: 940px;
  height: 365px;
}
#home_swf img {
display: block;
}
#home {
  float: left;
  width: 940px; /* 970 */
  margin-top: 25px;
  /*padding: 0px 90px;*/
  overflow: hidden;
}
#titles_home_caps
{
    font-weight: bold;
    font-size: 11px;
    color: #000;
    padding-bottom: 10px;
    text-transform: uppercase;
}
#titles_home_caps td
{
padding-left: 0px;
margin-left: 0px;
width:246px;
}
#titles_cart_caps
{
    font-weight: bold;
    font-size: 11px;
    color: #000;
    padding-bottom: 10px;
    text-transform: uppercase;
}
#titles_cart_caps td
{
padding-left: 0px;
margin-left: 0px;
width:266px;
}
/* ** PAGE WEB ** */
#webpage {
  float: left;
  width: 734px;
  /*min-height: 474px;*/
  font-size: 12px;
  /*background: url(/gfm/530110/m/img/bg_webpage.gif) no-repeat #fff top left;*/
  /*margin-top: 10px;*/
  color: #000000;
  /*background: url("/gfm/530110/m/img/bg_webpages.png") no-repeat scroll right bottom #191919;*/
  background-color: #FFFFFF;
}
#new_parrainage {
  float: left;
  width: 700px;
  padding: 10px 17px;
  font-size: 12px;
  color: #000000;
  /*background: url("/gfm/530110/m/img/bg_webpages.png") no-repeat scroll right bottom #191919;*/
  background-color: #FFFFFF;
}

/* ** PAGE DE TYPE SOMMAIRE ** */
#product_list {
  float: left;
  width: 734px;
  overflow: hidden;
}

/* ** FICHE PRODUIT ** */
#product {
  float: left;
  width: 940px;
  overflow: hidden;
}

/* ** PAGE CONTACT ** */
#contact {
  display: block;
  width: 450px;
  padding: 0px 21px 0px 25px;
  overflow: hidden;
  background-color: #FFFFFF;
}



/* ** MON COMPTE ** */
#right_account_area {
  display: block;
  clear: both;
  margin-bottom: 20px;
  /*background: url(/gfm/530110/m/img/bg_right_account_area.png) no-repeat transparent bottom center;*/
  background-color: #FFF;
}
#right_account_area .title {
  display: block;
}
#right_account_area .title img {
  display: block;
}
#right_account_area .links {
  display: block;
  clear: both;
  font-size: 12px;
  padding: 13px 0;
  /*background-color: #191919;*/
  background-color: #FFF;
}
#right_account_area .links .line {
  display: block;
  clear: both;
  padding: 1px 23px;
  /*background: url(/gfm/530110/m/img/account-right-arrow.gif) no-repeat transparent center left;*/
  background-color: #FFF;
}
#right_account_area .links .line a {
  color: #000;
  text-decoration: none;
}
#right_account_area .links .line a.current {
  color: #b5a376;
  text-decoration: none;
}
#right_account_area .links .line a:hover {
  color: #b5a376;
  text-decoration: underline;
}



/* ** PAGE WEB ** */
#content h1.webpage {
  display: block;
  color: #000000;
  font-size: 20px;
  font-weight: normal;
  padding: 0px 0px 15px 0px;
  margin: 0px;
  text-align: right;
}
#content h1.webpage a {
  color:#000;
  font-size:14px;
  text-decoration:none;
}

/* ** PRODUCT_LIST ** */
#content h1.product_list, 
#content h2.product_list,
#content h1.bdc_main_title
{
  display: block;
  clear: both;
  color: #000000;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  padding: 0 0 10px 0;
  margin: 0;
  text-align: right;
  text-transform: uppercase;
}
#content h1.product_list a, #content h2.product_list a {
  color: #000;
  text-decoration: none;
}
#content h1.bdc_main_title
{
padding: 10px 0 0 0;
}


#content .backto {
  float: right;
  clear: both;
  width: 160px;
  margin-bottom: 10px;
  text-align: right;
}
#content .backto img {
  float: right;
}

/* ** PARRAINAGE ** */
#content.parrainer_filleul
{
background: url("/gfm/530110/m/img/bg_page_avantages.png") no-repeat scroll right bottom #1C1C1C;
padding: 20px 0 0 20px;
width: 714px;
color: #000;
}

#content.parrainer_filleul .line
{
color: #C7AF6B;
width: 550px;
}

#content.parrainer_filleul .line.mandatory_line
{
color: #000;
    left: 580px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: -460px;
    width: 130px;
}
#content.parrainer_filleul .line.cnil_line
{
color: #8E8E8E;
    overflow: hidden;
}
#content.parrainer_filleul .line.submit_line
{
 overflow: hidden;
    padding-left: 200px;
    width: 300px;
}


/* ** PRODUCT ** */
#content h1.product, #content .alternate_h1_title {
  display: block;
  color: #000000;
  font-size: 20px;
  font-weight: normal;
  padding: 0px 0px 15px 0px;
  margin: 0px;
  text-align: right;
}
#content h1.product a, #content .alternate_h1_title a {
  color: #000000;
  text-decoration: none;
}

/* ** PAGE CONTACT ** */
#content h1.contact, #bdc h1.contact {
  display: block;
  clear: both;
  color: #000000;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  padding: 0 0 10px 0;
  margin: 0;
  text-align: right;
  /*background: #191919;*/
}
#content h1.contact.upper_white a
{
text-transform: uppercase;
color: #000000;
}
#content h1.contact a, #bdc h1.contact a {
  color: #000000;
  text-decoration: none;
}
#content .contact_desc {
  display: block;
  clear: both;
  padding: 7px 54px 7px 53px;
}


/* ** POP UP ** */
#popup .header_popup {
  display: block;
  width: 100%;
  height: 40px;
  padding: 5px 0%;
  background-color: #635849;
}
#popup .header_popup .close {
  float: right;
  padding: 5px;
}
#popup .header_popup .close img {
  display: block;
}
#popup .header_popup .logo {
  float: left;
}
#popup h1.webpage {
  display: block;
  color: #54422a;
  font-size: 20px;
  padding: 0px 22px;
  margin: 0px;
  background: url(/gfm/10113/m/img/star.gif) no-repeat #fff center left;
}
#popup h1.webpage a {
  color: #54422a;
  text-decoration: none;
}
#popup #webpage {
  display: block;
  width: 96%;
  padding: 2%;
  background-color: #fff;
}
#popup .footer_popup {
  float: left;
  width: 100%;
  height: 35px;
  line-height: 35px;
  background-color: #645a51;
  color: #f9dfbc;
  font-size: 10px;
  text-align: center;
  position: relative;
}
#popup .footer_popup a {
  color: #f9dfbc;
  text-decoration: none;
}
#popup .footer_popup a:hover {
  text-decoration: underline;
}
#popup .footer_popup span {
  position: absolute;
  top: 0px;
  right: 10px;
}


/* ** POP UP ** */
#popup {
  background-color: #fff;
}
#popup .top img {
  float: left;
}
#popup .top a.close {
  float: right;
}
#popup .content {
  clear: both;
  padding: 10px 15px;
}
#popup .bottom {
  clear: both;
  line-height: 30px;
  background-color: #beb394;
}


/* ** MENU HORIZONTAL ** */
/* ** MENU DEROULANT PARTIE CATALOGUE ** */
ul#menu li ul{
  display: none;
}
ul#menu li:hover>ul{
  display: block;
}
ul#menu{
  list-style:none;
  float: left;
  /*width: 653px;*/
  /*height: 17px;*/
  padding: 0px;
  margin: 0px;
}
ul#menu li{
  float: left;
  display: block;
  padding: 0px;
}
ul#menu li a{
  /*display: block;*/
  text-decoration: none;

  font-size: 12px;
  height: 19px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 6px;
  padding-bottom: 6px;
  text-transform: uppercase;
  color: #000000;
}


ul#menu h3 {
  margin: 0px;
  padding: 0px;
  text-align: center;
}
ul#menu li.level1 {
  position: relative;
  float: left;
  /*height: 17px;*/
  z-index: 3;
  margin: 0px;
  list-style: none;

  margin-left: 20px;
}
ul#menu li.level1 a.fam_mere {
  display: block;
  margin: 0px;
  height: 17px;
}
ul#menu li.level1 a:hover.fam_mere {
  
}
ul#menu li.level1 a.fam_mere_current {
  display: block;
  margin: 0px;
  height: 17px;
}
ul#menu ul{
  position: absolute;
  top: 17px;
  /*left: -20px;*/
  z-index: 3;
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 120px;
  background: #CCCCCC;
}
ul#menu ul ul{
  top: 0px;
  left: 120px;
}
ul#menu ul li {
  position: relative;
  z-index: 3;
  float: none;
  margin: 0px;
  padding: 0px;
  display: block;
  float: left;
  width: 120px;
  margin-bottom: 1px;

  /*margin-left: 20px;*/
}
ul#menu ul li ul {
  position: absolute;
  top: 0px;
  left: 119px; /* 139 */
}
ul#menu ul li a {
  display: block;
  width: 104px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: bold;
  /*color: #fff;*/
  line-height: 18px;
  text-decoration: none;
  /*background: url(/gfm/530110/m/img/bg_sub_menu.gif) repeat-x #75c9c7 bottom left;*/

  text-transform: none;
  color: #000000;
}
ul#menu ul li.first a {
}

ul#menu ul li a:hover{
  background-color: #ffffff;
}

#catalog_home_page .ss_menu_gen {
  margin-top:10px;
}