/* ** HAUT DE PAGE ** */
#top_area img, 
#top_area_partner img {
  display: block;
}

/* ** LOGO ** */
#top_area .logo, 
#top_area_partner .logo {
  position: absolute;
  top: 0px;
  left: 0px;
}
#top_area .logo a, #top_area .logo img, 
#top_area_partner .logo a, #top_area_partner .logo img {
  display: block;
}

/* ** BANDEAU RECHERCHE ** */
#top_area #search {
  position: absolute;
  top: 75px;
  left: 410px;
}
#top_area_partner #search {
  position: absolute;
  top: 75px;
  left: 589px;
}
#search form{
  width: 151px;
  height: 22px;
  position: relative;
}
#search .input_image{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 26px;
  height: 22px;
}
#search .input_text {
  position: absolute;
  top: 0px;
  left: 26px;
  width: 107px;
  height: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
  border: 1px solid #999;
  padding: 4px 8px 1px 8px;
  background: url(/gfm/10103/m/img/bg_input.gif) no-repeat #fff top left;
}


/* ** Bloc de connexion à l'espace pertenaires ** */
#top_area .access_connect_box {
  position: absolute;
  top: 14px;
  left: 787px;
  
  width: 188px;
  height: 90px;
}
#top_area .access_connect_box .title {
  display: block;
  height: 25px;
  text-transform: uppercase;
  color: #0062ac;
  font-weight: bold;
}
#top_area .access_connect_box .title a {
  color: #0062ac;
  text-decoration: none;
}
#top_area .access_connect_box form {
  clear: both;
  width: 188px;
  height: 41px;
  position: relative;
}
#top_area .access_connect_box form .login {
  position: absolute;
  top: 0px;
  left: 0px;
}
#top_area .access_connect_box form .password {
  position: absolute;
  top: 22px;
  left: 0px;
}
#top_area .access_connect_box form input.field {
  width: 117px;
  height: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000;
  border: 1px solid #999;
  padding: 2px 8px 1px 8px;
  background: url(/gfm/10103/m/img/bg_input.gif) no-repeat #fff top left;
}
#top_area .access_connect_box form .submit {
  position: absolute;
  top: 25px;
  left: 161px;
}
#top_area .access_connect_box .become_a_partner {
  display: block;
  padding-top: 5px;
}
#top_area .access_connect_box .become_a_partner a {
  font-size: 11px;
  color: #0062ac;
  text-decoration: none;
}
#top_area .access_connect_box .become_a_partner a:hover {
  text-decoration: underline;
}


/* ** 3 liens image ** */
/* picto Accueil */
#top_area .home_lnk {
  position: absolute;
  top: 60px;
  left: 580px;
}
#top_area_partner .home_lnk {
  position: absolute;
  top: 60px;
  left: 750px;
}

#top_area_partner .home_partner_lnk {
  position: absolute;
  top: 60px;
  left: 795px;
}

#top_area .recrutement_lnk {
  position: absolute;
  top: 60px;
  left: 632px;
}
#top_area_partner .recrutement_lnk {
  position: absolute;
  top: 60px;
  left: 873px;
}

#top_area .contact_lnk {
  position: absolute;
  top: 60px;
  left: 707px;
}
#top_area_partner .contact_lnk {
  position: absolute;
  top: 60px;
  left: 937px;
}


/* ** ZONE A GAUCHE ** */
#left_side_partner {
  display: block;
}
#left_side_partner .logout {
  display: block;
  padding-left: 9px;
  padding-bottom: 20px;
}
#left_side_partner .logout a {
  font-size: 10px;
  color: #000;
  text-decoration: underline;
}
#left_side_partner .logout a:hover {
  text-decoration: none;
}
#left_side_partner ul {
  padding: 0px 0px 15px 0px;
  margin: 0px;
}
#left_side_partner li {
  list-style: none;
  line-height: 17px;
  min-height: 18px;
  padding-left: 18px;
  padding-right: 9px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: url(/gfm/10103/m/img/bg_lnk_left_side_partner.gif) transparent no-repeat top left;
  margin-bottom: 1px;
}
#left_side_partner li a {
  font-size: 11px;
  color: #666;
  font-weight: bold;
  text-decoration: none;
}
#left_side_partner li a:hover {
  color: #000;
  text-decoration: none;
}
#left_side_partner li a.current {
  color: #000;
  text-decoration: none;
}

/* ** PAGE D'ACCUEIL ** */
#home a {
  color: #0062ac;
}
#home .intro_swf {
  display: block;
  width: 817px;
  height: 154px;
}
#home .bloc {
  display: block;
  clear: both;
  width: 790px;
  padding: 0px 18px 0px 9px;
}
#home .bloc .left {
  float: left;
  width: 197px;
  margin-top: 16px;
  background: url(/gfm/10103/m/img/bg_home_left_caps.gif) transparent no-repeat top center;
}
#home .bloc .left .txt {
  display: block;
  padding: 12px 15px;
  text-align: justify;
  color: #666;
}
#home .bloc .left .txt a {
  text-decoration: none;
}
#home .bloc .left .txt a:hover {
  text-decoration: underline;
}

#home .bloc .center {
  float: left;
  width: 335px;
  padding: 0px 20px;
}
#home .bloc .right {
  float: left;
  width: 218px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  background: url(/gfm/10103/m/img/bg_home_right_caps.gif) transparent no-repeat top left;
}
#home .bloc .right .title img{
  display: block;
}
#home .bloc .right .nouveautes {
  float: left;
  width: 218px;
}
#home .bloc .right .nouveautes .title {
  display: block;
  padding-left: 25px;
}
#home .bloc .right .nouveautes .txt {
  display: block;
  padding-left: 14px;
  padding-top: 5px;
}
#home .bloc .right .actualites {
  float: left;
  clear: both;
  width: 215px;
  margin-top: 5px;
  padding-left: 3px;
  background: url(/gfm/10103/m/img/bg_home_right_caps_gray.gif) transparent repeat-y top right;
}
#home .bloc .right .actualites .txt {
  display: block;
  padding-left: 9px;
}
#home .bloc .right .actualites .txt a {
  float: left;
  clear: both;
  width: 190px;
  padding: 3px 0px 3px 16px;
  text-decoration: underline;
  background: url(/gfm/10103/m/img/note.gif) transparent no-repeat 0px 4px;
}
#home .bloc .right .evenements {
  float: left;
  clear: both;
  width: 215px;
  padding-left: 3px;
  padding-bottom: 5px;
  background: url(/gfm/10103/m/img/bg_home_right_caps_gray.gif) transparent repeat-y top right;
}
#home .bloc .right .evenements .txt {
  display: block;
  padding-top: 3px;
  padding-left: 9px;
}
#home .bloc .right .evenements .txt a {
  float: left;
  clear: both;
  width: 206px;
  padding: 3px 0px;
  text-decoration: underline;
}
#home .bloc .right .gamme {
  float: left;
  clear: both;
}
#home .bloc .right .gamme .title {
  display: block;
  padding-left: 3px;
}
#home .bloc .right .gamme .txt a {
  float: left;
  clear: both;
  width: 200px;
  padding-left: 18px;
  height: 16px;
  line-height: 14px;
  color: #000;
  text-decoration: none;
  overflow: hidden;
  background: url(/gfm/10103/m/img/bg_home_right_caps_lnk.gif) transparent no-repeat top left;
}
#home .bloc .right .gamme .txt a.last {
  background: url(/gfm/10103/m/img/bg_home_right_caps_lnk_last.gif) transparent no-repeat top left;
}
#home .bloc .right .gamme .txt a:hover {
  text-decoration: underline;
}


/* ** Chemin de fer ** */
#position {
  display: block;
  padding-left: 13px;
  line-height: 23px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #9b9c9e;
  font-size: 10px;
}
#position a.view {
  color: #9b9c9e;
  text-decoration: none;
}
#position span {
  color: #9b9c9e;
}
#position a.other{
  color: #9b9c9e;
  text-decoration: none;
}
#position a:hover {
  color: #9b9c9e;
  text-decoration: underline;
}

/* ** Titre rouge en haut de page ** */
#content h1.top, #content h2.top, #bdc h1.top {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 23px;
  padding: 0px 0px 0px 13px;
  margin: 0px;
  font-weight: normal;
}
#content h1.top a, #content h2.top a, #bdc h1.top a {
  color: #000;
  text-decoration: none;
}


/* ** PARTNER - ZONE PERMANENTE ** */
#content .zone_permanente {
  float: right;
  width: 255px;
  padding-left: 23px;
}


/* ** AUTRES SOUS-FAMILLES DE ACTUALITE ** */
#content .right_slot {
  float: right;
  width: 200px;
  padding-left: 20px;
}
#content .right_slot .title {
  display: block;
  height: 35px;
  padding: 0px 15px 0px 5px;
  background: url(/gfm/10103/m/img/other_cat_bg_title.gif) no-repeat transparent top left;
  text-align: center;
  color: #666;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
}
#content .right_slot .SAUVEGARDE .title {
  display: block;
  height: 50px;
  padding: 0px 15px 0px 5px;
  background: url(/gfm/10103/m/img/other_cat_bg_title.gif) no-repeat transparent bottom left;
  text-align: center;
  color: #666;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
}
#content .right_slot .title h2 {
  padding: 0px;
  margin: 0px;
}
#content .right_slot .title a {
  display: block;
  color: #666;
  text-decoration: none;
}
#content .right_slot .title span {
  display: block;
  font-size: 12px;
}
#content .right_slot .content {
  display: block;
  padding: 0px 10px 30px 10px;
  background: url(/gfm/10103/m/img/other_cat_bg_content.gif) no-repeat transparent bottom left;
}
#content .right_slot .content ul {
  padding: 0px;
  margin: 0px;
}
#content .right_slot .content li {
  list-style: none;
  padding: 6px 0px;
}
#content .right_slot .content li a {
  color: #0062ac;
  text-decoration: underline;
}
#content .right_slot .content li a:hover {
  text-decoration: none;
}
#content .right_slot .content li a.current {
  font-weight: bold;
  text-decoration: none;
}
#content .right_slot .content .line {
  display: block;
  padding: 7px 0px 8px 0px;
  text-align: center;
}


/* ** PAGE SOMMAIRE -- SOUS-FAMILLE immédiate de SCANNERS ** */
#product_list .thumbnail_navig {
  display: block;
  width: 545px;
}
#product_list .thumbnail_navig .caps_line {
  display: block;
  width: 545px;
}
#product_list .thumbnail_navig .caps {
  float: right;
  padding: 5px;
  width: 250px;
}
#product_list .thumbnail_navig .caps img, #product_list .thumbnail_navig .caps a {
  display: block;
}
#product_list .thumbnail_navig .caps span {
  display: block;
  font-weight: bold;
  color: #0062ac;
  font-size: 13px;
  padding: 15px 0px;
}

#product_list .text {
  display: block;
  clear: both;
  padding-top: 25px;
  color: #666;
  text-align: center;
}

ul#ul_links li ul{
  display: none;
}
ul#ul_links li:hover>ul{
  display: block;
}
ul#ul_links{
  list-style:none;
  float: left;
  padding: 0px;
  margin: 0px;
}
ul#ul_links li{
  float: left;
  display: block;
  padding: 0px 10px;
}
ul#ul_links li a{
  display: block;
  padding: 0px;
  font-size: 10px;
  color: #666;
  text-decoration: none;
}
ul#ul_links li a:hover {
  text-decoration: underline;
}
ul#ul_links h2 {
  margin: 0px;
  padding: 0px;
  text-align: center;
}



/* ** PRODUCT_LIST : Tableau Comparatif ** */
/** ********** TABLEAU COMPARATIF ********** **/
.tableau .legende {
  float: right;
  height: 30px;
  line-height: 15px;
  padding-top: 5px;
}
.tableau .legende .line {
  float: right;
}
.tableau .legende .line img {
  float: left;
  width: 50px;
}
.tableau .legende .line label {
  float: left;
  font-family: Tahoma;
  font-size: 9px;
  color: #0062ac;
}

.tableau h2 {
  font-size: 12px;
  line-height: 35px;
  font-size: 12px;
  padding-left: 18px;
  background: url(/gfm/10103/m/picto/arrow-blue-solid.png) no-repeat transparent center left;
}
.tableau h2 a {
  color: #0062ac;
  text-decoration: none;
}
.tableau h2 a:hover {
  text-decoration: underline;
}
.tableau table {
  display: block;
  clear: both;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 15px;
}
.tableau img {
  border: 0px;
}
.tableau th {
  font-family: Tahoma;
  font-size: 9px;
  font-weight: normal;
  color: #0062ac;
  text-align: center;
  vertical-align: top;
  padding: 5px 2px;
  background-color: #fff;
}
.tableau th.name {
  text-align: left;
  font-weight: bold;
  background-color: #fff;
  padding: 5px 0px;
}
.tableau th.name a {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 13px;
  font-weight: normal;
  color: #0062ac;
  font-size: 14px;
  text-decoration: none;
}
.tableau th.price_th a {
  color: #0062ac;
  text-decoration: none;
}
.tableau th.price_th a:hover {
  text-decoration: underline;
}
.tableau td {
  font-family: Tahoma;
  font-size: 11px;
  text-align: center;
  vertical-align: middle;
  padding: 0px 3px;
  border-bottom: 1px solid #69A2DC; /* border-top: 1px solid #69A2DC; */
  background-color: #f4f4f4;
  border-left: 2px solid #fff;
  /*cursor: crosshair;*/
}

.tableau .thumbnail {
  position: relative;
}
.tableau .floating {
  position: absolute;
  top: -50px;
  left: 100px;
  
  background-color: #fff;
  padding: 5px;
  border: 1px solid #0062ac;
  
  display: none;
}

.tableau td.name {
  text-align: left;
  background-color: #fff;
  padding: 5px 0px;
  width: 100px;
}
.tableau td.name a.product_name {
  float: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #0062ac;
  font-weight: bold;
  text-decoration: underline;
  padding-bottom: 2px;
}
.tableau td.name .brand {
  display: block;
  clear: both;
  text-align: center;
  padding: 2px 0px;
}
.tableau td.name .thumbnail {
  display: block;
  clear: both;
  text-align: center;
  padding: 2px 0px;
}
.tableau td.name .new {
  display: block;
  clear: both;
  text-align: center;
  padding: 2px 0px;
}

.tableau td .price_area {
  font-weight:bold;
  line-height: 16px;
}
.tableau td .price_area img {
  padding-bottom: 8px;
}
.tableau td .price_area .colored {
  display: block;
  clear: both;
  color: #dd0000;
}
.tableau td .price_area del {
  display: block;
  clear: both;
}

/** ********** Fin - TABLEAU COMPARATIF ********** **/

/* ** PRODUCT_LIST : Logiciels ** */
#product_list .logiciels_navig {
  display: block;
  width: 545px;
}
#product_list .logiciels_navig .caps_line {
  display: block;
  width: 545px;
}
#product_list .logiciels_navig .caps {
  float: left;
  width: 255px;
  height: 175px;
  padding-left: 5px;
  padding-right: 2px;
  border: 5px solid #fff;
  background-color: #f4f4f4;
}
#product_list .logiciels_navig .caps .title {
  font-weight: bold;
  color: #0062ac;
  height: 25px;
  line-height: 18px;
}
#product_list .logiciels_navig .caps .title a {
  color: #0062ac;
  text-decoration: none;
}
#product_list .logiciels_navig .caps .left {
  float: left;
  width: 120px;
  height: 150px;
}
#product_list .logiciels_navig .caps .left a, #product_list .logiciels_navig .caps .left img {
  display: block;
}
#product_list .logiciels_navig .caps .right {
  float: left;
  width: 130px;
  height: 150px;
  padding-left: 5px;
  position: relative;
}
#product_list .logiciels_navig .caps .right .txt_area {
  display: block;
  font-size: 11px;
  padding-top: 5px;
}
#product_list .logiciels_navig .caps .right .price_area {
  position: absolute;
  bottom: 50px;
  left: 5px;
  display: block;
  width: 125px;
  padding-top: 12px;
  font-weight: bold;
  color: #0062ac;
}
#product_list .logiciels_navig .caps .right .price_area .price {
  display: block;
  text-align: right;
}
#product_list .logiciels_navig .caps .right .more {
  position: absolute;
  bottom: 15px;
  left: 5px;
  display: block;
  padding-top: 12px;
}
#product_list .logiciels_navig .caps .right .more a {
  font-size: 11px;
  color: #0062ac;
}

/* ** PAGE DES EMAILINGS ** */
#emailings_list {
  display: block;
  padding-left: 13px;
  margin-top: 15px;
}
#emailings_list .line {
  display: block;
  clear: left;
  padding: 10px 0px;
}
#emailings_list .line img {
  display: block;
  border: 1px solid #ccc;
}

/** ** PAGE DES MARQUES ** */
#brand_list {
  float: left;
  width: 770px;
  margin-top: 15px;
}
#brand_list .caps {
  float: left;
  clear: both;
  width: 755px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border: 1px solid #c6c7c8;
}
#brand_list .caps#current {
  border: 1px solid #fff;
}
#brand_list .caps h2 {
  float: left;
  clear: both;
  width: 100%;
  letter-spacing: 5px;
  line-height: 1.5em;
  text-align: center;
  /*background-color: #c6c7c8;*/
  background-color: #0062ac;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: 13px;
  color: #fff;
  margin: 0px 0px 15px 0px;
  padding: 0px;
}
#brand_list .caps h2 a {
  color: #fff;
  text-decoration: none;
}
#brand_list .caps .left {
  float: left;
  width: 170px;
  padding: 0px 5px;
  background-color: #fff;
  text-align: center;
}
#brand_list .caps .right {
  float: left;
  width: 555px;
  padding-right: 20px;
}
#brand_list .caps .right .lnk {
  float: left;
  clear: both;
  width: 100%;
  padding: 5px 0px;
}
#brand_list .caps .right .lnk a {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 35px;
  font-size: 12px;
  color: #0062ac;
  text-decoration: none;
  padding-left: 18px;
  background: url(/gfm/10103/m/picto/arrow-blue-solid.png) no-repeat transparent center left;
}
#brand_list .caps .right .lnk a:hover {
  text-decoration: underline;
}
#brand_list .caps .right .lnk a strong {
  font-weight: normal;
}
#brand_list a.view_all {
  float: left;
  clear: both;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 35px;
  font-size: 12px;
  color: #0062ac;
  text-decoration: none;
  padding-left: 18px;
  background: url(/gfm/10103/m/picto/arrow-blue-solid.png) no-repeat transparent center left;
}
#brand_list a:hover.view_all {
  color: #0062ac;
  text-decoration: underline;
}


/* ** RESULTATS DE LA RECHERCHE - FAMILLES ** */
#search_result_cat {
  display: block;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#search_result_cat .line {
  display: block;
  padding: 2px 50px;
}
#webpage .line {
  display: block;
  padding: 2px 0px;
}
#webpage .line .name,
#search_result_cat .line .name {
  padding-left: 18px;
  background: url(/gfm/10103/m/picto/arrow-blue-solid.png) no-repeat transparent 0px 3px;
}
#webpage .line .name a,
#search_result_cat .line .name a {
  color: #000;
  text-decoration: none;
}
#webpage .line .name a:hover,
#search_result_cat .line .name a:hover {
  color: #0062ac;
}
#webpage .line .txt,
#search_result_cat .line .txt {
  color: #666;
  font-size: 11px;
  padding-left: 30px;
  padding-bottom: 5px;
  text-align: justify;
}
#webpage  .more,
#search_result_cat  .more {
  display: block;
  text-align: right;
}
#webpage  .more a,
#search_result_cat  .more a {
  color: #666;
  font-size: 11px;
  text-decoration: none;
}
#webpage  .more a,
#search_result_cat  .more a {
  text-decoration: underline;
}



/* ** PAGE PRODUIT ** */
#product .top_area {
  display: block;
  padding-left: 1px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#product .top_area td.left img {
  display: block;
}
#product .top_area td.middle {
  padding: 0px 5px;
}
#product .top_area td.middle .brand {
  display: block;
  padding-top: 20px;
}
#product .top_area td.middle .name {
  display: block;
  padding-top: 15px;
  
  font-size: 14px;
  font-weight: bold;
}

/* ** LIENS en haut à droite (télécharger doc, encoyer à un ami, imprimer, etc...) ** */
#product .top_area .right .links_area {
  display: block;
  background-color: #f4f4f4;
  border: 1px solid #999;
  padding: 4px;
}
#product .top_area .right .links_area a {
  display: block;
  clear: both;
  padding-left: 25px;
  line-height: 25px;
  font-size: 10px;
  color: #000;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: center left;
}
#product .top_area .right .links_area a:hover {
  text-decoration: underline;
}
#product .top_area .right .links_area a.pdf {
  background-image: url(/gfm/10103/m/picto/pdf_off.gif);
}
#product .top_area .right .links_area a.pdf_on {
  background-image: url(/gfm/10103/m/picto/pdf_on.gif);
}
#product .top_area .right .links_area a.print {
  background-image: url(/gfm/10103/m/picto/print_off.gif);
}
#product .top_area .right .links_area a.print_on {
  background-image: url(/gfm/10103/m/picto/print_on.gif);
}
#product .top_area .right .links_area a.send {
  background-image: url(/gfm/10103/m/picto/send_off.gif);
}
#product .top_area .right .links_area a.send_on {
  background-image: url(/gfm/10103/m/picto/send_on.gif);
}
#product .top_area .right .links_area a.contact {
  background-image: url(/gfm/10103/m/picto/contact_off.gif);
}
#product .top_area .right .links_area a.contact_on {
  background-image: url(/gfm/10103/m/picto/contact_on.gif);
}
#product .top_area .right .links_area a.exemples {
  background-image: url(/gfm/10103/m/picto/exemples_off.gif);
}
#product .top_area .right .links_area a.exemples_on {
  background-image: url(/gfm/10103/m/picto/exemples_on.gif);
}
#send_friend_form {
  float: left;
  width: 245px;

  position: relative;
  font-size: 10px;
  color: #000;
}
#send_friend_form a {
  position: absolute;
  top: 0px;
  right: 0px;
  
  float: none;
  width: 60px;
  height: 16px;
  padding: 0px;
  line-height: 12px;
  font-size: 10px;
  color: #000;
  text-align: right;
  text-decoration: underline;
}
#send_friend_form form {
  float: left;
  width: 180px;
}
#send_friend_form label {
  float: left;
  width: 100%;
  font-size: 10px;
}
#send_friend_form input.field {
  float: left;
  width: 124px;
  height: 14px;
  padding: 0px 3px;
  border: 1px solid #0062ac;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #0062ac;
}
#send_friend_form input.submit {
  position: absolute;
  bottom: 0px;
  right: 0px;
  
  width: 60px;
  height: 16px;
  padding: 0px;
  background-color: #f4f4f4;
  border: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #0062ac;
  text-align: right;
  cursor: pointer;
}

/* ** NEW PRICE AREA PRODUCT ** */
#product .top_area .right .price_area_new {
  display: block;
  clear: both;
  margin-top: 10px;
  width: 235px;
  height: 40px;
  padding: 0px 10px;
  line-height: 19px;
  text-align: right;
  background: url(/gfm/10103/m/img/bg_price_area.gif) no-repeat transparent top left;
  position: relative;
}
#product .top_area .right .price_area_new .picto {
  position: absolute;
  top: 0px;
  left: 8px;
}
#product .top_area .right .price_area_new .picto img {
  display: block;
}
#product .top_area .right .price_area_new .price2 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  color: #dd0000;
  font-size: 14px;
  font-weight: bold;
}
#product .top_area .right .price_area_new .price {
  position: absolute;
  top: 0px;
  right: 10px;
  width: 100%;
  text-align: right;
  color: #0062ac;
  font-size: 14px;
  font-weight: bold;
}
#product .top_area .right .price_area_new .txt {
  position: absolute;
  bottom: 2px;
  right: 10px;
  text-align: right;
  color: #999;
  font-size: 10px;
  font-style: italic;
}
#product .top_area .right .price_area_new .stock_area {
  position: absolute;
  bottom: 1px;
  left: 8px;
  font-size: 11px;
}
#product .top_area .right .price_area_new .stock_area .available {
  color: #00ba1a;
  padding-left: 18px;
  background: url(/gfm/10103/m/picto/stock_yes.png) transparent no-repeat 0px 1px;
}
#product .top_area .right .price_area_new .stock_area .unavailable {
  color: #ff0000;
  padding-left: 18px;
  background: url(/gfm/10103/m/picto/stock_no.png) transparent no-repeat 0px 1px;
}
/* ** NEW PRICE AREA PRODUCT ** */

/* ** OLD PRICE AREA PRODUCT ** */
#product .top_area .right .price_area {
  display: block;
  clear: both;
  margin-top: 10px;
  width: 235px;
  height: 40px;
  padding: 0px 10px;
  line-height: 19px;
  text-align: right;
  background: url(/gfm/10103/m/img/bg_price_area.gif) no-repeat transparent top left;
  position: relative;
}
#product .top_area .right .price_area .price {
  color: #0062ac;
  font-size: 14px;
  font-weight: bold;
}
#product .top_area .right .price_area .txt {
  color: #999;
  font-size: 10px;
  font-style: italic;
}
#product .top_area .right .price_area .stock_area {
  position: absolute;
  bottom: 1px;
  left: 8px;
  font-size: 11px;
}
#product .top_area .right .price_area .stock_area .available {
  color: #00ba1a;
  padding-left: 18px;
  background: url(/gfm/10103/m/picto/stock_yes.png) transparent no-repeat 0px 1px;
}
#product .top_area .right .price_area .stock_area .unavailable {
  color: #ff0000;
  padding-left: 18px;
  background: url(/gfm/10103/m/picto/stock_no.png) transparent no-repeat 0px 1px;
}
/* ** OLD PRICE AREA PRODUCT ** */

#product .top_area .right .brand_view {
  display: block;
  font-size: 10px;
  padding: 3px;
}
#product .top_area .right .brand_view a {
  color: #0062ac;
  text-decoration: none;
}
#product .top_area .right .brand_view a:hover {
  text-decoration: underline;
}


#product .other_products {
  float: left;
  clear: both;
  width: 753px;
  background-color: #f4f4f4;
  font-size: 10px;
  color: #000;
  padding: 5px 15px;
  margin-top: 15px;
}
#product .other_products a.title {
  font-size: 11px;
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
#product .other_products a:hover.title {
  text-decoration: underline;
}
#product .other_products .lnk {
  float: left;
  width: 250px;
  padding: 3px 0px;
}
#product .other_products .lnk a {
  color: #000;
  text-decoration: none;
}
#product .other_products .lnk a:hover {
  text-decoration: underline;
}

/* ** LES ONGLETS ** */
#tabs {
  clear: both;
  padding: 0;
  background: transparent;
  voice-family: "\"}\"";
  voice-family: inherit;
  margin-top: 10px;
}
#tabs ul {
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
  list-style:none;
}
#tabs li{
  display:inline;
  margin:0 2px 0 0;
  padding:0;
}
    #tabs a{
        float:left;
        margin:0 3px 0 0;
        padding:0px;
        text-decoration:none;
    }
    #tabs a span{
        float:left;
        display:block;
        background: url(/templates/yoo_flux/images/bg_onglet_off.gif) transparent no-repeat left top;
        width: 145px;
        height: 30px;
        color: #666;
        line-height: 30px;
        text-align: center;
    }
    #tabs a span{float:none;}
/* background: url(/gfm/10103/m/img/bg_onglet_on.gif) transparent no-repeat left top; */
#tabs a span{float:none;}
#tabs a:hover{color: white;}
#tabs a:hover span{color: #0062ac;cursor:pointer;}
#tabHeaderActive span, #tabHeaderActive a {
  background: url(/templates/yoo_flux/images/bg_onglet_on.gif) transparent no-repeat left top;
  color:#fff;
}
#tabHeaderActive a span {
  background: url(/templates/yoo_flux/images/bg_onglet_on.gif) transparent no-repeat left top;
  color:#0062ac;
}

.tabContent {
  float: left;
  clear:both;
  width: 740px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding-bottom: 25px;
  border-bottom: 1px solid #c6c6c6;
}
.tabContent h4 {
  display: block;
  margin: 0px;
  padding: 10px 0px 3px 18px;
  color: #0062ac;
  font-size: 11px;
  font-weight: bold;
  background: url(/gfm/10103/m/picto/arrow-blue.png) no-repeat transparent 4px 13px;
}
.tabContent .public_price_title {
  display: block;
  color: #0062ac;
  font-weight: bold;
  text-align: right;
  padding-left: 15px;
}
.tabContent .line {
  display: block;
  padding: 2px 0px 2px 75px;
}
.tabContent .line .price {
  float: right;
  color: #0062ac;
  font-weight: bold;
  text-align: right;
  padding-left: 15px;
}
.tabContent .line .name {
  padding-left: 18px;
  background: url(/gfm/10103/m/picto/arrow-blue-solid.png) no-repeat transparent 0px 3px;
}
.tabContent .line .name a {
  color: #666;
  text-decoration: underline;
}
.tabContent .line .txt {
  color: #666;
  font-size: 11px;
  padding-left: 30px;
  padding-bottom: 5px;
}
.tabContent .line .txt a {
  color: #666;
  text-decoration: none;
}
.tabContent .line .txt a:hover {
  text-decoration: underline;
}

.tabContent .download_drivers {
  float: right;
  padding-right: 50px;
}
.tabContent .download_drivers img {
  display: block;
}
.tabContent .line_logiciels {
  display: block;
  clear: both;
  width: 740px;
}
.tabContent .line_logiciels .left {
  float: left;
  width: 120px;
}
.tabContent .line_logiciels .left  a, .tabContent .line_logiciels .left  img {
  display: block;
}
.tabContent .line_logiciels .right {
  float: left;
  width: 610px;
  padding-left: 10px;
}
.tabContent .line_logiciels .right .price {
  float: right;
  color: #0062ac;
  font-weight: bold;
  text-align: right;
  padding-left: 15px;
}
.tabContent .line_logiciels .right .name {
  color: #0062ac;
  font-weight: bold;
}
.tabContent .line_logiciels .right .name a {
  color: #0062ac;
  text-decoration: none;
}
.tabContent .line_logiciels .right .txt {
  padding: 5px 0px;
}
.tabContent .line_logiciels .right .more {
  display: block;
  text-align: right;
}
.tabContent .line_logiciels .right .more a {
  color: #666;
  font-size: 11px;
  text-decoration: none;
}
.tabContent .line_logiciels .right .more a {
  text-decoration: underline;
}




/* ** FORMULAIRES DE CONTACT ** */
#contact #left_contact {
  float: left;
  width: 280px;
  padding-right: 20px;
  padding-top: 5px;
}
#contact #right_contact {
  float: left;
  width: 440px;
  padding-left: 20px;
  padding-top: 5px;
  background: url(/gfm/10103/m/img/bg_pointil.gif) repeat-y top left transparent;
}


/* ** FORMULAIRES DE CONTACT ** */
#left_contact label{
  display: -moz-inline-box;
  display: inline-block;
  width: 100px;
}
#left_contact .line {
  display: block;
  clear: both;
  padding-bottom: 5px;
}
#left_contact .line a {
  color: #0062ac;
  text-decoration: underline;
}
#left_contact .line a:hover {
  color: #0062ac;
  text-decoration: none;
}
#left_contact .radio {
  display: block;
  clear: both;
  padding-bottom: 5px;
}
#left_contact .radio span {
  float: left;
  width: 100px;
}
#left_contact .radio label {
  width: 20px;
}
#left_contact .input_text {
  width: 152px;
  height: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
  border: 1px solid #999;
  padding: 4px 8px 1px 8px;
  background: url(/gfm/10103/m/img/bg_input.gif) no-repeat #fff top left;
}
#left_contact textarea {
  float: left;
  width: 256px;
  height: 80px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
  border: 1px solid #999;
  padding: 4px 8px 1px 8px;
  background: url(/gfm/10103/m/img/bg_input.gif) no-repeat #fff top left;
}
#contact select {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
  border: 1px solid #999;
}
#contact .cnil {
  display: block;
  clear: both;
  color: #333;
  font-size: 11px;
  line-height: 13px;
  padding-bottom: 10px;
  text-align: justify;
}
#contact .submit_line {
  clear: both;
  text-align: center;
  width: 100%;
  padding: 10px 0px;
}
#contact .champs_oblig {
  display: block;
  padding-bottom: 5px;
}

/* ** CONTACT - LES QUESTION EN PLUS A DROITE ** */
#right_contact .titre {
  display: block;
  color: #0062ac;
  font-weight: normal;
  padding: 5px 0px;
}
#right_contact .ss_titre {
  display: block;
  padding: 10px 0px 5px 0px;
  color: #000;
  font-weight: bold;
}
#right_contact div.question {
  display: block;
  clear: both;
  padding: 5px 0px;
  color: #0062ac;
  font-weight: bold;
  font-size: 11px;
}
#right_contact div.reponse {
  float: left;
  width: 430px;
  padding-left: 10px;
  padding-bottom: 5px;
  font-size: 10px;
}
#right_contact  input.field {
  float: left;
  width: 172px;
  height: 14px;
  padding: 0px 3px;
  border: 1px solid #9B9C9E;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #0062ac;
}
#right_contact  input:focus.field {
  border: 1px solid #0062ac;
}


#form_p {
  display: block;
  width: 166px;
  padding-bottom: 50px;
}
#form_p .title {
  color: #666;
  font-size: 11px;
  background: url(/gfm/10103/m/img/gray_arrow.gif) no-repeat transparent 2px 3px;
  padding-left: 15px;
}
#form_p #loading_form {
  text-align: center;
  padding: 5px 0px;
  font-size: 10px;
  font-weight: bold;
}
#form_p #loading_form img {
  padding-bottom: 5px;
}
#form_p form {
  display: block;
  padding-top: 8px;
  padding-left: 6px;
  padding-right: 7px;
}
#form_p label {
  display: block;
  font-size: 11px;
}
#form_p select {
  display: block;
  width: 100%;
  font-size: 11px;
  margin-bottom: 4px;
}
#form_p .submit_line {
  display: block;
}
#form_p .submit_line inphut{
  float: right;
  width: 18px;
  height: 17px;
  border: 1px solid #999;
  color: #666;
  padding: 0px;
  margin: 0px;
  font-size: 11px;
  text-align: center;
  background-color: #fff;
}
#form_p .submit_line input{
  float: right;
  font-size: 11px;
}

/* ** PLAN DU SITE ** */
#mapsite h2 {
  float: left;
  clear: both;
  margin: 0px;
  font-size: 12px;
  line-height: 35px;
  padding-left: 18px;
  background: url(/gfm/10103/m/picto/arrow-blue-solid.png) no-repeat transparent center left;
}
#mapsite h2 a {
  color: #0062ac;
  text-decoration: none;
}

#mapsite ul {
  display: block;
  clear: both;
}
#mapsite h3 {
  display: block;
  font-size: 12px;
  margin: 10px 0px 0px 0px;
  padding: 0px;
}
#mapsite h3 a {
  color: #666;
  text-decoration: none;
}
#mapsite a {
  color: #999;
  text-decoration: none;
}
#mapsite a:hover {
  text-decoration: underline;
}

.bottom_pagination {
  display: block;
  clear: both;
  width: 495px;
  font-size: 12px;
  color: #666;
  min-height: 20px;
}
.bottom_pagination .list {
  display: block;
  line-height: 20px;
  text-align: center;
}
.bottom_pagination .list a {
  color: #666;
  text-decoration: none;
}
.bottom_pagination .list  span{
  margin: 0px;
  color: #666;
}
.bottom_pagination .list  a.current{
  color: #006cb7;
  font-weight: bold;
  text-decoration: underline;
}
.bottom_pagination .list  a:hover{
  color: #006cb7;
}