body {
  font-family: Tahoma, Arial, Helvetica, sans serif;
  font-size: 11px;
  color: #000000;
  margin: 0px;
  padding: 0px;
  z-index: 0;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
}
#page {
  width: 963px;
  height: 100%;
  margin: 0px auto;
  position: relative;
}

img {
  border: 0px;
}
.hide {
  display: none;
}

/* ** BACK ** */
#cachemineur {
  margin: 0px auto;
  height: 100%;
  width: 100%;
  background-color: #ffffff;
  opacity: 0.8;
  filter: alpha(opacity=90);
  text-align: center;
  position : absolute;
  z-index:1;
}
#cachemineur p {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 200px;
  color: #000000;
  font-size: 4em;
}


/* ** HAUT DE PAGE ** */
#top {
  float: left;
  clear: both;
  width: 963px;
  height: 105px;
  margin-top: 15px;
  position: relative;
}
#top #logo {
  position: absolute;
  top: 0px;
  left: 0px;
}
#top #logo img {
  float: left;
}
#top #banniere {
  position: absolute;
  top: 0px;
  left: 197px;
  z-index: 1;
  width: 766px;
  height: 105px;
}
#top #banniere .contact {
  position: absolute;
  top: 0px;
  right: 10px;
  z-index: 2;
  width: 110px;
  height: 25px;
}
#top #banniere img {
  float: left;
}
#top #bande_menu {
  position: absolute;
  top: 75px;
  left: 197px;
  z-index: 2;
  width: 766px;
}


/* ** PARTIE PRINCIPALE ** */
#main {
  float: left;
  clear: both;
  width: 963px;
  padding-top: 12px;
  background: url(http://site.gulliver.com/b20080314b0/web/img/bg_shadow_top.gif) repeat-x #ffffff top left;
}
#main #left_side {
  float: left;
  width: 200px;
  padding-right: 8px;
}
#main #content {
  float: left;
  width: 578px;
}
#main #right_side {
  float: left;
  width: 165px;
  padding-left: 12px;
}

/* ** LIENS EN BAS DE PAGE ** */
#bdp {
  float: left;
  clear: both;
  width: 953px;
  height: 24px;
  margin-top: 20px;
  padding-right : 10px;
  background: url(http://site.gulliver.com/b20080314b0/web/img/bg_bottom.gif) repeat-x top left;
  font-size: 10px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
}
#bdp a {
  font-size: 10px;
  color: #ffffff;
  line-height: 20px;
  text-decoration: none;
}
#bdp a:hover {
  text-decoration: underline;
}

/* ** LIENS EN BAS DE PAGE #2 ** */
#bottom {
  float: left;
  clear: both;
  width: 963px;
  height: 24px;
  margin-bottom: 20px;
  font-size: 10px;
  text-align: center;
  color: #808080;
  line-height: 20px;
}
#bottom a {
  font-size: 10px;
  color: #808080;
  line-height: 20px;
  text-decoration: underline;
}
#bottom a:hover {
  text-decoration: underline;
}


/* ** PAGES WEB ** */
#webpage {
  float: left;
  clear: both;
  width: 578px;
}
#webpage h1 {
  float: left;
  clear: both;
  width: 560px;
  padding: 0px 9px;
  height: 23px;
  line-height: 22px;
  margin-top: 12px;
  border-top: 5px solid #caeb14;
  background-color: #808080;
  color: #ffffff;
  
  font-size: 1.2em;
  font-weight: bold;
}
#webpage h2 {
  float: left;
  clear: both;
  width: 560px;
  padding: 0px 9px;
  height: 20px;  
  line-height: 20px;
  
  border-bottom: 2px solid #caeb14;
  color: #6c6c6c;
  font-size: 1.2em;
  font-weight: bold;
}


/* ** PRODUCT LIST ** */

/* Position */
#content .position {
  float: left;
  clear: both;
  width: 560px;
  padding: 0px 9px;
  height: 23px;
  line-height: 22px;
  margin-top: 6px;
  color: #ffffff;
}
#content .position a {
  font-size: 11px;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}
#content .position a:hover {
  text-decoration: underline;
}

/* Bannière */
#content .banniere {
  float: left;
  clear: both;
  width: 578px;
  margin-top: 2px;
}

/* Sous familles */
#content .ss_cat {
  float: left;
  clear: both;
  width: 556px;
  border-width: 5px 0px;
  border-style: solid;
  padding: 1px 11px;
  text-align: center;
}
#content .ss_cat .line {
  float: left;
  clear: both;
  width: 556px;
}
#content .ss_cat .line .caps_ss_cat {
  float: left;
  width: 100px;
  height: 80px;
  padding: 0px 1px;
  margin: 1px;
  border: 3px solid #ffffff;
  background-repeat: no-repeat;
  background-position: center 1px;
}
#content .ss_cat .line a {
  float: left;
  width: 100px;
  height: 33px;
  padding-top: 47px;
  text-align: center;
  line-height: 11px; 
  font-weight: bold;
  text-decoration: none;
}


/* ** LEFT SIDE ** */

/* Caps */
#left_side .top {
  float: left;
  clear: both;
  width: 200px;
}
#left_side .top img {
  float: left;
}
#left_side .content {
  float: left;
  clear: both;
  width: 170px;
  color: #808080;
  padding: 4px 15px;
  background: url(http://site.gulliver.com/b20080314b0/web/img/bg_left_side_content.gif) repeat-y top left;
}
#left_side .bottom {
  float: left;
  clear: both;
  width: 200px;
  height: 17px;
  background: url(http://site.gulliver.com/b20080314b0/web/img/bg_left_side_bottom.gif) no-repeat top left;
  margin-bottom: 15px;
}

/* Dossiers */
#left_side .content .dossier_line {
  float: left;
  clear: both;
  width: 170px;
  margin-bottom: 5px;
}
#left_side .content .dossier_line a.dossier_img {
  float: left;
  width: 45px;
  height: 30px;
  background-position: top left;
  background-repeat: no-repeat;
}
#left_side .content .dossier_line .dossier_img img {
  float: left;
  width: 45px;
  height: 30px;
}
#left_side .content .dossier_line a.dossier_name {
  float: left;
  width: 115px;
  padding-left: 10px;
  color: #808080;
  text-decoration: none;
}
#left_side .content .dossier_line a:hover.dossier_name {
  text-decoration: underline;
}
#left_side .content a.voir_dossier {
  float: left;
  clear: both;
  width: 155px;
  margin-top: 5px;
  color: #808080;
  font-size: 10px;
  text-decoration: none;
  padding-left: 15px;
background: url(http://site.gulliver.com/b20080314b0/web/img/arrow_green.gif) no-repeat 0px 4px;
}
#left_side a:hover.voir_dossier {
  color: #6c6c6c;
  text-decoration: underline;
}

/* Dossiers 2 */
#menu_dossier_interne {
  float: right;
  clear: both;
  width: 200px;
}
#menu_dossier_interne .top {
  float: right;
  clear: both;
  width: 200px;
}
#menu_dossier_interne .top img {
  float: right;
}
#menu_dossier_interne .content {
  float: right;
  clear: both;
  width: 170px;
  color: #808080;
  padding: 4px 15px;
  background: url(http://site.gulliver.com/b20080314b0/web/img/bg_left_side_content.gif) repeat-y top left;
}
#menu_dossier_interne .bottom {
  float: right;
  clear: both;
  width: 200px;
  height: 17px;
  background: url(http://site.gulliver.com/b20080314b0/web/img/bg_left_side_bottom.gif) no-repeat top left;
  margin-bottom: 15px;
}
#menu_dossier_interne .content .dossier_line {
  float: left;
  clear: both;
  width: 170px;
  margin-bottom: 5px;
}
#menu_dossier_interne .content .dossier_line a.dossier_img {
  float: left;
  width: 45px;
  height: 30px;
  background-position: top left;
  background-repeat: no-repeat;
}
#menu_dossier_interne .content .dossier_line .dossier_img img {
  float: left;
  width: 45px;
  height: 30px;
}
#menu_dossier_interne .content .dossier_line a.dossier_name {
  float: left;
  width: 115px;
  padding-left: 10px;
  color: #808080;
  text-decoration: none;
}
#menu_dossier_interne .content .dossier_line a:hover.dossier_name {
  text-decoration: underline;
}
#menu_dossier_interne .content a.voir_dossier {
  float: left;
  clear: both;
  width: 155px;
  margin-top: 5px;
  color: #808080;
  font-size: 10px;
  text-decoration: none;
  padding-left: 15px;
background: url(http://site.gulliver.com/b20080314b0/web/img/arrow_green.gif) no-repeat 0px 4px;
}
#menu_dossier_interne a:hover.voir_dossier {
  color: #6c6c6c;
  text-decoration: underline;
}

/* ** RIGHT SIDE ** */
#right_side .misc {
  float: left;
  clear: both;
  width: 165px;
  margin-bottom: 15px;
}
#right_side .misc img, #right_side .misc img {
  float: left;
}

#right_side .title {
  float: left;
  clear: both;
  width: 165px;
}
#right_side .title img {
  float: left;
}
#right_side .subtitle {
  float: left;
  clear: both;
  width: 155px;
  padding: 6px 8px 6px 2px;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  background: url(http://site.gulliver.com/b20080314b0/web/img/bg_right_side_subtitle.gif) repeat-y top left;
}
#right_side .subtitle a {
  float: left;
  width: 100%;
  color: #ffffff;
  text-decoration: none;
}
#right_side .subtitle a:hover {
  color: #caeb14;
}
#right_side .content {
  float: left;
  clear: both;
  width: 155px;
  padding: 4px 6px 4px 4px;
  background: url(http://site.gulliver.com/b20080314b0/web/img/bg_right_side_content.gif) repeat-y top left;
}
#right_side .content .order_help_txt {
  float: left;
  clear: both;
  width: 147px;
  padding: 0px 4px;
  text-align: justify;
}
#right_side .bottom {
  float: left;
  clear: both;
  width: 165px;
  height: 15px;
  background: url(http://site.gulliver.com/b20080314b0/web/img/bg_right_side_bottom.gif) no-repeat top left;
  margin-bottom: 15px;
}


/* ** PAGINATION : NB PAR PAGE + AFFICHAGE DES PAGES ** */
.pagination {
  float: left;
  clear: both;
  width: 564px;
  padding: 0px 10px 0px 4px;
  color: #808080;
}
.pagination h1 {
  float: left;
  clear: both;
  width: 400px;
  color: #808080;
  font-size: 1.5em;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
} 
.pagination .nb_products {
  float: left;
  width: 163px;
  color: #808080;

  font-weight: bold;
  text-align: right;
  line-height: 22px;
}

.pagination .sort {
  float: left;
  width: 413px;
  height: 20px;
  line-height: 16px;
  padding: 6px 0px;
}
.pagination .nb_page {
  float: left;
  width: 413px;
  height: 16px;
  line-height: 16px;
  padding: 6px 0px;
}
.pagination .select {
  float: left;
  width: 150px;
  text-align: right;
  font-weight: bold;
  padding: 6px 0px;
}
.pagination .top {
  float: left;
  width: 150px;
  text-align: right;
  padding: 6px 0px;
}
.pagination .top a {
  color: #808080;
  text-decoration: none;
}
.pagination .top a:hover {
  text-decoration: underline;
}
.pagination select {
  font-family: Tahoma,Arial,Helvetica,sans-serif;
  font-size: 11px;
  color: #808080;
  font-weight: normal;
  border: 0px;
}
.pagination a.previous {
  float: left;
  width: 21px;
  height: 16px;
}
.pagination a.next {
  float: left;
  width: 21px;
  height: 16px;
}
.pagination a.previous img, .pagination a.next img{
  width: 21px;
  height: 16px;
}
.pagination a.link_sort {
  font-size: 11px;
  color: #808080;
  font-weight: bold;
  padding: 0px 3px;
  text-decoration: underline;
}
.pagination a.page {
  float: left;
  font-size: 11px;
  color: #808080;
  font-weight: bold;
  padding: 0px 3px;
  text-decoration: underline;
}
.pagination a.page:hover {
  color: #ffffff;
}
.pagination a.current, .pagination a:hover.current {
  float: left;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  padding: 0px 6px;
  text-decoration: none;
}


/* ** BLOC DE CONNEXION ** */
#account_area {
  float: left;
  clear: both;
  width: 170px;
}
#account_area form {
  float: left;
  clear: both;
  width: 170px;
  margin-bottom: 10px;
  position: relative;
}
#account_area label {
  float: left;
  clear: both;
  width: 160px;
  color: #808080;
  font-size: 10px;
  padding: 1px 0px;
}
#account_area input.field {
  float: left;
  clear: both;
  width: 138px;
  height: 14px;
  font-size: 11px;
  padding-left: 3px;
  padding-right: 3px;
  color: #808080;
  border: 1px solid #808080;
}
#account_area input.pwd {
  float: left;
  clear: both;
  width: 92px;
  height: 14px;
  font-size: 11px;
  padding-left: 3px;
  padding-right: 3px;
  color: #808080;
  border: 1px solid #808080;
}
#account_area input.submit {
  padding: 0px;
  margin: 0px;
  width: 23px;
  height: 15px;

  position: absolute;
  left: 112px;
  bottom: 1px;
}
#account_area a {
  float: left;
  clear: both;
  width: 155px;
  color: #808080;
  font-size: 10px;
  text-decoration: none;
  padding-left: 15px;
  padding-bottom: 4px;
  background: url(http://site.gulliver.com/b20080314b0/web/img/arrow_green.gif) no-repeat 0px 4px;
}
#account_area a:hover {
  color: #6c6c6c;
  text-decoration: underline;
}
#account_area a.current {
  font-weight: bold;
}

/* ** Moteur de recherche interne ** */
#search_form {
  float: left;
  clear: both;
  width: 170px;
}
#search_form form {
  float: left;
  clear: both;
  width: 170px;
  padding: 4px 0px;
}
#search_form .input_search {
  float: left;
  clear: both;
  width: 120px;
  height: 14px;
  font-size: 11px;
  padding-left: 3px;
  padding-right: 3px;
  color: #808080;
  border: 1px solid #808080;
}
#search_form select {
  float: left;
  clear: both;
  width: 128px;
  font-size: 11px;
  color: #808080;
  border: 1px solid #808080;
}
#search_form .input_image {
  float: left;
  padding: 0px;
  width: 23px;
  height: 15px;
  margin-top: 2px;
  margin-left: 12px;
}
#search_form  #by_keyword .input_search {
  width: 155px;
  margin-bottom: 4px;
}
#search_form #by_keyword select {

}
#search_form #by_keyword .input_image {

}


/* ** Inscription à la newsletter ** */
#newsletter_area {
  float: left;
  clear: both;
  width: 170px;
}
#newsletter_area form {
  float: left;
  clear: both;
  width: 170px;
  padding: 4px 0px;
}
#newsletter_area .input_newsletter {
  float: left;
  clear: both;
  width: 120px;
  height: 14px;
  font-size: 11px;
  padding-left: 3px;
  padding-right: 3px;
  color: #808080;
  border: 1px solid #808080;
}
#newsletter_area .input_image{
  float: left;
  padding: 0px;
  width: 23px;
  height: 15px;
  margin-top: 2px;
  margin-left: 12px;
}
#newsletter_area  label {
  float: left;
  clear: both;
  width: 160px;
  color: #808080;
  font-size: 10px;
  padding: 1px 0px;
}
#newsletter_area  label.hide_facultative_fields {
  padding: 8px 0px 4px 0px;
}
#newsletter_area  label.hide_facultative_fields a {
  float: left;
  clear: both;
  width: 150px;
  color: #808080;
  font-size: 10px;
  text-decoration: none;
  padding-left: 15px;
  padding-bottom: 4px;
  background: url(http://site.gulliver.com/b20080314b0/web/img/arrow_green.gif) no-repeat 0px 4px;
}
#newsletter_area  label.hide_facultative_fields a:hover {
  color: #6c6c6c;
  text-decoration: underline;
}
#newsletter_area  label span {
  font-size: 9px;
}
#newsletter_area a {
  float: left;
  clear: both;
  width: 155px;
  color: #808080;
  font-size: 10px;
  text-decoration: none;
  padding-left: 15px;
  padding-bottom: 4px;
  background: url(http://site.gulliver.com/b20080314b0/web/img/arrow_green.gif) no-repeat 0px 4px;
}
#newsletter_area a:hover {
  color: #6c6c6c;
  text-decoration: underline;
}


/* ** MENU HORIZONTAL ** */
ul#menu li ul{
  display: none;
}
ul#menu li:hover>ul{
  display: block;
}
ul#menu{
float: left;
width: 766px;
height: 30px;
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 img {
  float: left;
  width: 10px;
  height: 30px;
}
ul#menu li a.fam_mere {
  float: left;
  height: 30px;
  display: block;
  margin: 0px;
  line-height: 29px;
  padding: 0px;
  background: url(http://site.gulliver.com/b20080314b0/web/menu/bg.gif) repeat-x top left;
  color: #000000;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
}
ul#menu li a.special {
  float: left;
  height: 27px;
  display: block;
  margin: 0px;
  line-height: 12px;
  padding: 3px 0px 0px 0px;
  background: url(http://site.gulliver.com/b20080314b0/web/img/bg_fam_mere.gif) repeat-x top left;
  color: #000000;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
}
ul#menu li a.fam_mere:hover, ul#menu li a.special:hover {
  color: #808080;
}
ul#menu li.level1{
  position: relative;
  float: left;
  height: 29px;
  z-index: 3;
  list-style: none;
}
ul#menu>li.level1:hover{
}
ul#menu li:hover{
}
ul#menu ul{
  position:absolute;
  top:29px;
  left:0px;
  z-index:3;
  list-style:none;
  margin:0px;
  padding: 0px;
  width:210px;
}
ul#menu ul ul{
  top:0px;
  left:212px;
}
ul#menu ul li{
  position:relative;
  z-index:3;
  display: block;
  float: left;
  width: 210px;
  margin:0px;
  padding:0px;
}
ul#menu ul li a{
  display:block;
  width: 180px;
  border-left: 1px solid #cecece;
  border-right: 1px solid #cecece;
  padding: 4px 4px 2px 24px;
  background: url(http://site.gulliver.com/b20080314b0/web/img/arrow_green.gif) #ffffff no-repeat 10px 8px;
  text-align: left;
  font-size: 10px;
  font-weight: bold;
  color: #808080;
  text-decoration:none;
}
ul#menu ul li a:hover{
  color: #808080;
  background-color: #b8d48b;
}
ul#menu ul li.last{
  width: 210px;
  height: 15px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background: url(http://site.gulliver.com/b20080314b0/web/img/menu_last.gif) no-repeat top left;
  z-index: 3;
}
ul#menu ul li.last a{
}
ul#menu ul li.last a:hover{
}

/* ** RESULTATS DE LA RECHERCHE ** */
#search_result h1 {
  float: left;
  clear: both;
  width: 560px;
  padding: 0px 9px;
  height: 23px;
  line-height: 22px;
  margin-top: 6px;
  margin-bottom: 0px;
  border-top: 5px solid #caeb14;
  background-color: #808080;
  color: #ffffff;
  
  font-size: 1.2em;
  font-weight: bold;
}
#search_result h2 {
  float: left;
  clear: both;
  width: 560px;
  padding: 0px 9px;
  height: 20px;  
  line-height: 20px;
  margin: 12px 0px;
  border-bottom: 2px solid #caeb14;
  color: #6c6c6c;
  font-size: 1.2em;
  font-weight: bold;
}


/* ** PAGES CONTACTS ** */
#form_contact h1 {
  float: left;
  clear: both;
  width: 560px;
  padding: 0px 9px;
  height: 23px;
  line-height: 22px;
  margin-top: 6px;
  border-top: 5px solid #caeb14;
  background-color: #808080;
  color: #ffffff;
  font-size: 1.2em;
  font-weight: bold;
}
#form_contact h2 {
  float: left;
  clear: both;
  width: 560px;
  padding: 0px 9px;
  height: 20px;  
  line-height: 20px;
  margin: 12px 0px;
  border-bottom: 2px solid #caeb14;
  color: #6c6c6c;
  font-size: 1.2em;
  font-weight: bold;
}
#form_contact div.save_contact_text {
  float: left;
  width: 520px;
  padding: 10px 29px;
  text-align: center;
  font-weight: bold;
  font-size: 1.3em;
  color: #808080;
}
#form_contact div.contact_form_text {
  float: left;
  width: 520px;
  padding: 10px 29px;
}
#form_contact form {
  float: left;
  width: 578px;
}
#form_contact form#FORM_COORD {
  float: left;
  width: 578px;
}
#form_contact .black_rounded {
  margin-top: 10px;
  margin-bottom: 10px;
}
#form_contact div.line {
  float: left;
  width: 520px;
  padding: 4px 0px 4px 29px;
}
#form_contact div.line label{
  float: left;
  width: 220px;
}
#form_contact div.line input{
  float: left;
  height: 14px;
  font-size: 11px;
  padding-left: 3px;
  padding-right: 3px;
  color: #808080;
  border: 1px solid #808080;
}
#form_contact div.line textarea {
  float: left;
  font-size: 11px;
  margin-top: 2px;
  padding: 1px 3px;
  color: #808080;
  border: 1px solid #808080;
}
#form_contact select {
  float: left;
  font-size: 11px;
  color: #808080;
  border: 1px solid #808080;
}
#form_contact div.checkbox {
  float: left;
  width: 520px;
  padding: 4px 0px 4px 29px;
}
#form_contact div.checkbox input{
  float: left;
}
#form_contact div.checkbox span{
  float: left;
  padding-left: 15px;
  line-height: 18px;
}
#form_contact div.submit_line {
  float: left;
  clear: both;
  width: 578px;
  margin-top: 15px;
  text-align: center;
}
#form_contact .submit_line input {
  width: 190px;
  height: 15px;
  text-decoration: none;
  color: #ffffff;
  text-align: center;
  background: url(http://site.gulliver.com/b20080314b0/web/img/btn_190_green.gif) no-repeat top left;
  margin: 0px;
  padding: 0px;
  border: 0px;  
  cursor: pointer;
  line-height: 1em;
  font-size: 1em;
  font-weight: bold;
  font-family: Tahoma, Verdana, Helvetica, sans-serif;
}
#form_contact a.password_forgotten {
  color: #808080;
  font-size: 10px;
  text-decoration: none;
  padding-left: 15px;
  padding-bottom: 4px;
  background: url(http://site.gulliver.com/b20080314b0/web/img/arrow_green.gif) no-repeat 0px 4px;
}
#form_contact a:hover.password_forgotten {
  color: #6c6c6c;
  text-decoration: underline;
}
#form_contact div.cnil {
  float: left;
  clear: both;
  width: 520px;
  padding: 4px 29px;
  margin-top: 12px;
}
#form_contact #FORM_COORD div.cnil {
  width: 520px;
  padding: 4px 0px 4px 29px;
}
.cnil a{
  text-decoration:underline;
}



/* ** AFFICHAGE SPECIFIQUE DE CERTAINES PAGES ** */

/* ** PAGE DES MARQUES ** */
#content #list_of_brand {
  float: left;
  clear: both;
  width: 578px;
}
#content #list_of_brand h1 {
  float: left;
  clear: both;
  width: 560px;
  padding: 0px 9px;
  height: 23px;
  line-height: 22px;
  margin-top: 6px;
  margin-bottom: 0px;
  border-top: 5px solid #caeb14;
  background-color: #808080;
  color: #ffffff;
  
  font-size: 1.2em;
  font-weight: bold;
}
#content #list_of_brand h2 {
  float: left;
  clear: both;
  width: 560px;
  padding: 0px 9px;
  height: 20px;  
  line-height: 20px;
  margin: 12px 0px;
  border-bottom: 2px solid #caeb14;
  color: #6c6c6c;
  font-size: 1.2em;
  font-weight: bold;
}
#content #list_of_brand .line {
  float: left;
  clear: both;
  width: 578px;
}
#content #list_of_brand .line .caps_brand {
  float: left;
  width: 140px;
  padding: 2px;
}
#content #list_of_brand .line .caps_brand a, #content #list_of_brand .line .caps_brand img {
  float: left;
}
#content #list_of_brand  a.name {
  color: #808080;
  text-decoration: none;
  padding-right: 15px;
  line-height: 17px;
}
#content #list_of_brand  a:hover.name {
  text-decoration: underline;
}
#brand_images {
  float: left;
  width: 140px;
  padding-left: 10px;
  height: 48px;
  overflow: hidden;
  margin-bottom: 15px;
}
#brand_images img {
  padding: 2px 0px;
}
#scrollingContainer {
  float: left;
  width: 140px;
  padding-left: 10px;
  height: 88px;
  overflow: hidden;
  margin-bottom: 15px;
}
#scrollingContainer img {
  padding: 2px 0px;
}


/* ** PLAN DU SITE ** */
#map_site {
  float: left;
  clear: both;
  width: 578px;
}
#map_site h1 {
  float: left;
  clear: both;
  width: 560px;
  padding: 0px 9px;
  height: 23px;
  line-height: 22px;
  margin-top: 12px;
  border-top: 5px solid #caeb14;
  background-color: #808080;
  color: #ffffff;
  
  font-size: 1.2em;
  font-weight: bold;
}
#map_site h2 {
  float: left;
  clear: both;
  width: 560px;
  padding: 0px 9px;
  height: 20px;  
  line-height: 20px;
  border-bottom: 2px solid #caeb14;
  color: #6c6c6c;
  font-size: 1.2em;
  font-weight: bold;
}
#map_site ul {
clear: both;
list-style-type: none;
}
#map_site ul a {
font-size: 1.2em;
line-height: 1.5em;
color: #ff0000;
font-weight: bold;
text-decoration: none;
}
#map_site ul a:hover {
color: #ff0140;
text-decoration: underline;
}

#map_site li ul {
clear: both;
list-style-type: disc;
}
#map_site li ul a {
font-size: 1em;
line-height: 1.4em;
color: #808080;
font-weight: normal;
}
#map_site li ul a:hover {
color: #6c6c6c;
}


/* ** LA POP UP DU ZOOM ** */
#product_zoom {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 953px;
  padding: 5px;
  text-align: center;
  cursor: not-allowed;
  z-index: 10;
}
#product_zoom .image img {
  border: 5px solid #808080;
  cursor: pointer;
}

/* ** LA POP UP DU ADD TO CART ** */
#add_to_cart {
  position: absolute;
  top: 250px;
  left: 390px;
  width: 165px;
  z-index: 10;
}
#add_to_cart .title {
  float: left;
  clear: both;
  width: 165px;
}
#add_to_cart .title img {
  float: left;
}
#add_to_cart .subtitle {
  float: left;
  clear: both;
  width: 155px;
  padding: 6px 8px 6px 2px;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.2em;
  background: url(http://site.gulliver.com/b20080314b0/web/img/bg_right_side_subtitle.png) repeat-y top left;
}
#add_to_cart .content {
  float: left;
  clear: both;
  width: 155px;
  padding: 4px 6px 4px 4px;
  background: url(http://site.gulliver.com/b20080314b0/web/img/bg_right_side_content.png) repeat-y top left;
}
#add_to_cart .content a {
  float: left;
  clear: both;
  width: 140px;
  margin-top: 5px;
  
  color: #808080;
  font-size: 10px;
  text-decoration: none;
  padding-left: 15px;
background: url(http://site.gulliver.com/b20080314b0/web/img/arrow_green.gif) no-repeat 0px 4px;
}
#add_to_cart .content a:hover {
  color: #6c6c6c;
  text-decoration: underline;
}
#add_to_cart .bottom {
  float: left;
  clear: both;
  width: 165px;
  height: 18px;
  background: url(http://site.gulliver.com/b20080314b0/web/img/bg_right_side_bottom.png) no-repeat top left;
  margin-bottom: 15px;
}


/* ** ENVOYER A UN AMI -- AJOUTER AUX FAVORIS ** */
#misc_functions {
  float: left;
  clear: both;
  width: 963px;
  margin-top: 20px;
  color: #808080;
}

#ajouter_favoris {
  float: left;
  width: 160px;
  color: #808080;
  padding-top: 10px;
}
#ajouter_favoris a.lnk {
  float: left;
  width: 142px;
  padding-left: 12px;
  color: #ff0140;
  text-decoration: none;
  background: url(http://site.gulliver.com/b20080314b0/web/img/picto_open.gif) no-repeat 0px 4px;
}

#envoyer_ami {
  float: left;
  width: 182px;
  color: #808080;
}
#envoyer_ami_off {
  float: left;
  width: 170px;
  padding-top: 10px;
  padding-left: 12px;
  color: #ff0140;
  text-decoration: none;
  background: url(http://site.gulliver.com/b20080314b0/web/img/picto_open.gif) no-repeat 0px 14px;
}
#envoyer_ami_on {
  float: left;
  clear: both;
  width: 170px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 12px;
  color: #ff0140;
  text-decoration: none;
  background: url(http://site.gulliver.com/b20080314b0/web/img/picto_close.gif) no-repeat 0px 14px;
}
#envoyer_ami_content {
  float: left;
  clear: both;
  width: 170px;
}
#envoyer_ami_content form {
  float: left;
  clear: both;
  width: 170px;
}
#envoyer_ami_content .field {
  float: left;
  clear: both;
  width: 120px;
  height: 14px;
  font-size: 11px;
  padding-left: 3px;
  padding-right: 3px;
  color: #808080;
  border: 1px solid #808080;
}
#envoyer_ami_content .submit{
  float: left;
  padding: 0px;
  width: 23px;
  height: 15px;
  margin-top: 2px;
  margin-left: 12px;
}
#envoyer_ami_content  label {
  float: left;
  clear: both;
  width: 160px;
  color: #808080;
  font-size: 10px;
  padding: 1px 0px;
}


/* ** LES STEPS DU BON DE COMMANDE ** */
#head_bdc {
  float: left;
  width: 578px;
  margin-top: 6px;
}
#head_bdc ul {
  width: 556px;
  margin: 0px;
  padding: 0px 11px;
}
#head_bdc li {
  float: left;
  display: block;
  width: 92px;
  height: 30px;
  padding: 3px 8px;
  margin: 1px;
  text-align: center;
  border-top: 3px solid #caeb14;
}

#head_bdc .li_focus {
  background-color : #caeb14;
  color: #000000;
}
#head_bdc .li_unfocus {
  background-color : #808080;
  color: #ffffff;
}


#pg6 {
  font-size:10px;
  color:#808080;
  font-size: 10px;
  font-family:Arial, Helvetica, sans-serif;
  visibility:hidden;
  width:150px;
  height:150px;
  position: absolute;
  bottom:2em;
  background-color: #FFFFFF;
  padding:10px;
  border: 2px solid #CCCCCC;
  overflow-y:scroll;
}

#pg6 a {
  text-decoration:none;
  color:#808080;
  font-size: 10px;
  font-family:Arial, Helvetica, sans-serif;
}

#pg6 a:hover {
  text-decoration:underline;
}

.pg6 {
  z-index:100;
  font-size:12px;
}