body{
  margin: 0;
  padding: 0;
  font-family: Arial,Helvetica,Sans-Serif;
   /* Les tailles de polices sont en "em", voir  http://www.clagnut.com/blog/348/
  ou http://www.alistapart.com/articles/howtosizetextincss/  pour plus de détail*/
  font-size: 62.5%;
  background-color:#EEEBE9;
  color: #333;
}

/******************************************************
* BANNER
*******************************************************/
#banner{background:transparent url('/images/banner_gradient.png') 0px 33px repeat-x;}
#banner h2.logo{
  float:left;
  margin:11px 0 0 0;
  padding:0;
  background:transparent url('/images/banner_round.png') 227px 0px no-repeat;}
#banner h2.logo a{
  margin-top:22px;
  background:transparent url('/images/ocollecto.png') 32px 0px no-repeat;
  display:block;
  text-indent:-3000px;
  height:80px;
  width: 338px;}
.slogan{
  float:left;
  margin-top:48px;
  font-style:italic;
  font-size:1.4em;
  font-weight:bold;
  color:#B0D3D9;}
#section_choice{
  text-align:right;
  height:28px;
  font-size:1.33em;
  font-weight:bold;
  padding-top:5px;
  padding-right:10px;
  color:#4C4C4C;}
#top_right_menu{float:right;font-size:1.2em;line-height:1.4em;padding:10px 10px 0 0;}
#top_right_menu a, #top_right_menu span{color:#fff; text-decoration:none;}
#top_right_menu a:hover span{text-decoration:underline;}
#top_right_menu .connect{font-size:1.33em;font-weight:bold;}
#top_right_menu img{vertical-align:middle;}
#tab_menu{height:39px;margin:41px 0 0 0}
#tab_menu li{
  background:#E3DCCC url('/images/main_tab.png') 0 0 no-repeat;
  float:left;
  width:143px;
  list-style:none;
  margin:0 0 0 3px;
  line-height:35px;
  height:39px;
  font-size:1.6em;}
#tab_menu li a{color:#5C9CAC;display:block;text-align:center;}
#tab_menu li.selected{background:#C8C1B7 url('/images/main_tab_selected.png') 0 0 no-repeat;}
#tab_menu li.selected a{color:#000;}
#tab_sub_zone{clear:both;background-color:#C8C1B7;height:41px;line-height:39px;}
#tab_sub_zone .menu {color:#fff;font-size:1.4em;float:left;margin-left:35px;}
#tab_sub_zone .menu a {color:#fff;}
#tab_sub_zone .menu a.selected{color:#4C4C4C;font-weight:bold;}
#tab_sub_zone .text_search_box{text-align:right;padding-top:10px;}
.tab_sub_zone{
  position:absolute;
  margin-left:-15px;
  text-align:left;
  z-index:100;
  width:auto;
  top:113px;
  font-size:0.875em;
  color:#5C9CAC;
  background-color:#E3DCCC;
  height:41px;
  line-height:39px;
  padding:0px 15px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;}
#tab_menu li div.tab_sub_zone a{display:inline;}
/* END BANNER */


/************************************************************
*  PUB
***********************************************************/
#pub{
  /*float:right;
  display:inline; *//*for ie6 double margin bug*/
  /*width:160px;
  height:600px;
  margin:12px 8px 0 0;
  background:red url('/images/pub.png') 50% 50% no-repeat;*/}
/** END PUB */

/************************************************************
*  MAIN CONTENT
***********************************************************/
#page_body{min-width:100%;float:left;padding-bottom:130px;}
#content{
  font-size:1.1em; /*11px*/
  padding:12px 8px 0 8px;
  /******************** POUR LA PUB **********************/
  /*margin-right:176px;*/}
  /*******************************************************/
/** END MAIN CONTENT ***/

/************************************************************
*  FOOTER
***********************************************************/
/*NOTE: les 2 règles suivantes ne servent qu'à la bonne présentation
du footer, c'est pour ça qu'on les trouve ici*/
html,body{height:100%}
#body{position:relative;min-height:100%}
.footer-circle{
  height:50px;
  margin-right:176px;
  background:transparent url('/images/footer_round.png') 100% 100% no-repeat;}
.footer-content{
  padding:15px 15px 50px 15px;
  background-color:#C8C1B7;
  color:#4C4C4C;
  text-align:center;}
.footer-content span{margin: 0 30px 0 30px;font-size:1.1em;}
#footer{
  position:absolute;
  bottom:0;
  width:100%;}
#footer a{
  color:#4C4C4C;
  font-weight:bold;}
/** END FOOTER ***/


/*******************************************************
* BARRE QUI APPARAIT SUR LE COTÉ
* (par exemple pour montrer l'album temporaire)
*******************************************************/
#side-panel{
  font-size:1.1em; /*11px*/
  width: 280px;
  background-color: white;
  border: 1px solid black;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  overflow: auto;
}
/*\*/
body>#side-panel{
  position: fixed;
}
/* Exclude Mac IE5 from fixed - exclude for Opera 5 + 6 if needed */
/* ]]> */

#tmp-album{padding:5px 0 15px 0;}
#tmp-album div.footer{margin-top:10px;}
#tmp-album .footer, #tmp-album .text{padding:0 3px}

/*** END BARRE QUI APPARAIT SUR LE COTE ***/



/******************************************************
* SEARCHBOX
*******************************************************/
#text_search_box{
    float:right;
    padding:8px 8px 0 8px;
    line-height:normal;
}
#text_search_box input, #text_search_box select{vertical-align:middle;}
#text_search_box select{height:21px;padding-top:1px;font-size:1.2em;}
#text_search_field {
  border-style:none;
  height:21px;
  -moz-border-radius:3px;
  margin:0 5px;
  padding:0 5px;
  font-size: 1.5em;
  -webkit-border-radius:1px;
}

/* END SEARCHBOX */


/******************************************************
* HEADER DE LA RECHERCHE
*******************************************************/

/* Chemin suivi,  décompte des résultats et abonements*/
  #results_header{
    margin:0 0 12px 0;
    background:#fff url('/images/results_header_bl.png') 0% 100% no-repeat;
    font-size:1.09em;/*12px*/}
  #results_header .style{
    background:transparent url('/images/results_header_tr.png') 100% 0% no-repeat;}
  #results_header .bottom{
    clear:left;
    height:6px;
    background:transparent url('/images/results_header_br.png') 100% 100% no-repeat;}
  #crumb_zone{
    float:left;
    padding:15px 23px 12px 23px;
    background:transparent url('/images/results_header_tl.png') 0px 0px no-repeat;}
  #crumb_zone h1{margin:0;padding:0;font-size:1.8383em/*22px*/;font-weight:normal}
  #results_counts{float:right;margin:15px 0 0 0; padding:0 23px;border-left:2px #665D63 dotted;}
  #results_counts .total{font-size:1.4545em;font-weight:bold;color:#538395;}
  #results_counts img{vertical-align:top;}
  #results_counts a{color:#000;font-weight:bold;}
  #results_counts  .mail_subscription{float:right;margin:-5px 0 0 8px;}
  .crumb_element{float:left;}
  .crumb_element .crumb_link{white-space:nowrap;line-height:14px;}
  .crumb_element .crumb_menu{
    text-align:right;
    font-size:0.714em;/*10px*/
    line-height:11px;
    visibility:hidden;}
  .crumb_element:hover .crumb_menu, .crumb_element.sfhover .crumb_menu{visibility:visible}

/* END HEADER DE LA RECHERCHE*/


/******************************************************
* AFFINAGE DE LA RECHERCHE
*******************************************************/
  #search_box{
    float:left;
    width: 215px;
    background:white;
    display:inline;
    margin-left:-8px;
  }
  #search_box .button_bar{margin-right:15px;}
  /*Header et footer des suggestions*/
  #search_box h3{
    margin:0;
    font-size:1em;
    cursor:hand;
    cursor:pointer;
    background: #919191 url('/images/expand.png') 100% 50% no-repeat;
    color: #fff;
    border: 1px solid #bbb;
    line-height:31px;
    height:31px;
    padding:0 15px;
    text-transform: uppercase;}
  #search_box h3:hover{background-color:#696969;}
  #search_box h3 a{color:#fff; text-decoration:none;}
  #search_box h3:hover a{color:#fff;}
  #search_box h3.expanded{background-image:url('/images/contract.png');}
  #search_box .attrib-suggestions{padding-bottom:7px;}
  #search_box .big_spinner_container{margin-top:0;border-style:none;}

  /* tableau qui présente les suggestions et leurs décomte */
    .attrib-suggestions input{vertical-align:middle;}
    .attrib-suggestions table{margin:0;border-spacing:0;border-top-style:none;}
    .attrib-suggestions table tbody{border-style:none;}
    .attrib-suggestions table tr th{
      border:1px solid #bbb;
      border-top-style:none;
      color: #000;
      font-weight: bold;
      cursor: default;
      padding: 0;
      line-height:7px;
      white-space:nowrap;}
    .attrib-suggestions table.sortable tr th:hover{background-color:#ddd;}
    .attrib-suggestions table tr th, .attrib-suggestions table tr th.no_sort:hover{background-color: #fff}
    .attrib-suggestions th.counts div{padding: 0px 4px}
    .attrib-suggestions table tr td{padding:2px 0 ; border:none;}
    .attrib-suggestions table tr td input{vertical-align:middle;}
    .attrib-suggestions table tr td a, .attrib-suggestions #tree a{color:#444;}
    .attrib-suggestions table tr td a:hover, .attrib-suggestions #tree a:hover{color:#000;}
    .attrib-suggestions table tr td.centered{padding-right:3px}
    .attrib-suggestions .table_total{padding:2px 2px 2px 21px;}
    .attrib-suggestions .table_total a{text-decoration:none;}
    .attrib-suggestions .table_total .warning{font-style:italic;}
  /***/

  /* Arbre qui présente les suggestions */
   .attrib-suggestions #tree {font-size:1em;}
   .attrib-suggestions #tree li img{vertical-align:bottom;}
   .attrib-suggestions #tree li:hover>div>a.h-mn{visibility:visible;}
  /***/


  /*Pour la modif d'un critère depuis le chemin*/
    #crumb_zone .attrib-form-container{font-size:0.785em;/*11px*/z-index:100;border:2px solid #919191;}
    #crumb_zone .attrib-suggestions h3{
      margin:0;
      background:#919191 url('/images/white_cross.png') 100% 50% no-repeat;
      padding:2px 7px;
      font-size:1em;}
    #crumb_zone .attrib-form-container h3.expanded{border-style:none;}
    #crumb_zone .attrib-suggestions table.sortable tr th:hover{background-color:#ddd}
    #crumb_zone .attrib-suggestions table.sortable tr th,#crumb_zone table.sortable tr th.no_sort:hover{background-color:#fff}
    #crumb_zone .attrib-form-container .button_bar{
      padding:3px 6px 6px 3px;}
    #crumb_zone .attrib-form-container .big_spinner_container{margin:0;border-style:none;}
  /***/
/******/

/* END AFFINAGE DE LA RECHERCHE */



/******************************************************
* RESULTS
*******************************************************/
#results{margin-left:240px;}

/***** Les choix sélectionnés (liste/mosaique, croissant/décroissant) */
#results .display_choices{
    background-color:#C8C1B7;
    height:31px;
    line-height:29px;
    padding: 0 15px;
    font-size:1.18181em; /*13px*/
}
#results .display_choices img{vertical-align:middle;}
#results .sort_options{height:31px;float:left;}

/******/


#text_search_box #rapid_results {margin-top:4px;}
#text_search_box #rapid_results .style{font-size:1em;}
/* END RESULTS */


/******************************************************
* HOME PAGE
*******************************************************/
#home_page{font-size:1.2em; /*12px*/}
#main_possibilities{text-align:center;}

#main_possibilities h2{
  margin:0 0 5px 0;
  padding:0 0 5px 5px;
  font-size:1.75em/*21px*/;
}

#main_possibilities ul{margin:0;padding:0;}
#main_possibilities ul li{list-style:none; margin:10px 0 0 0; padding:0}

#main_search_zone{
  background: #E5E0DC url('/images/home_search_zone_left.png') 0 0 no-repeat;
  height:140px;
  width:50%;
  text-align:left;
  background-color:;
  margin:60px auto;
  padding-left:3px;}
#main_search_zone div.style{
  background: #E5E0DC url('/images/home_search_zone_right.png') 100% 0% no-repeat;
  padding:30px 11%;
  height:80px}
#main_search_zone input.txt{
  width:85%;
  border-style:none;
  -moz-border-radius:3px;
  font-size:15px;
  padding:4px 6px;}
#main_search_zone input{vertical-align:middle}

.expose_menu a, .search_results a{
  text-decoration:none;
}
js_action{
  color:#6CAAD3;
  text-decoration:none;
  font-weight:bold;
  cursor: pointer;cursor: hand;
}
.expose_menu li, .search_results li{font-size:1.33em;font-weight:bold;}

#rapid_results {margin-top:10px;}
#rapid_results .style{
  font-size:0.9em;
  padding:4px;
  border:1px solid #ccc;
  background:#fff;
}
#rapid_results .style img{vertical-align:middle;}

#main_links{width:45%;margin:0 auto;}
#main_links ul{margin:0;width:49%;padding:0;}
#main_links ul li{height:2.5em;}

/*** Les recherches du mois ***/
.big_rounded_box{
  width:20em;
  max-width:440px;
  text-align:center;
  margin-left:67%;
}
.big_rounded_box .rcorner-top{
  background:url('/images/rcorner.gif') 0px 0px;
  height:13px;
}
.big_rounded_box .rcorner-top div{
  float:right;
  background:url('/images/rcorner.gif') -422px 0px;
  width:15px;
  height:13px;
  margin:0;
  padding:0;
}
.big_rounded_box .rcorner-content{
  background:url('/images/rcorner.gif') repeat-y 100% 0%;
}
.big_rounded_box .rcorner-content .rcorner-content{
  /*float:left;*/
  background:url('/images/rcorner.gif') repeat-y -447px 0px;
  padding:0 0 15px 15px;
  margin-right:15px;
}
.big_rounded_box .rcorner-bottom{
  /*clear:left;*/
  height:13px;
  background:url('/images/rcorner.gif') repeat-y 0px -17px;
}
.big_rounded_box .rcorner-bottom div{
  float:right;
  background:url('/images/rcorner.gif') -422px -17px;
  width:15px;
  height:13px;
  margin:0;
  padding:0;
}
.big_rounded_box h2{
  margin:0;
  padding:5px 0;
  font-size:1.36em/*15px*/
}
#current_collections.big_rounded_box a{
  color:#333;
  text-decoration:none;
}
.big_rounded_box a.img{
  display:block;
  text-align:center;
  margin: 25px 0 5px 0;
}
/******/

#last_objects{margin-top:60px;}
#last_objects a img{vertical-align:middle;border: 1px solid #645E5E; padding:5px;}

/* END HOME PAGE*/


/*******************************************************
* PAGE DE RESULTATS DE LA RECHERCHE
*******************************************************/
.search_results ul{
  padding:0;
  margin: 0 0 0 15px;
}
.search_results li ul li{
  font-size: 0.9em;
  margin-top:3px;
  font-weight:normal;
}
.search_results li ul li ul li{
  margin:0;
}
.search_results li{
  margin-top:12px;
}





/************************************************************
* LES OBJETS RETOURNÉS PAR UNE RECHERCHE
************************************************************/

/*** en commun à list et vignette et mosaic ***/

  /*gestion du survol*/
  .h-mn{z-index:1;}

  /* les voyants */
  .oo_leds form, .oo_leds a{margin:2px 0;}
  .oo_leds form button, .oo_leds a{border-style:none;width:18px;height:18px;}
  .oo_leds form button::-moz-focus-inner{border-style:none;}
  .oo_leds a{display:block;}
  .led_collection button, a.led_collection{background:transparent url('/images/led_collection.png') 0 0 no-repeat}
  .led_offer button, a.led_offer{background:transparent url('/images/led_offer.png') 0 0 no-repeat}
  .led_demand button, a.led_demand{background:transparent url('/images/led_demand.png') 0 0 no-repeat}
  .oo_leds button.off, .oo_leds a{background-position:0px -18px;visibility:hidden;}
  .oo:hover .oo_leds button.off, .hov .oo_leds button.off,
  .oo:hover .oo_leds a, .hov .oo_leds a{visibility:visible;}
  .oo_leds a.visible{visibility:visible;}

  /*Les infos cachées à la fin de la recherche*/
  #selection-h-mn, #hidden_search_params{display:none;}

  /*proposition de suppression*/
  .deleted div, .deleted td{text-decoration:line-through;}

  /*proposition de changement*/
  .oo .txt .proposal{font-style:italic;}

  /*edit in place en général*/
  .oo .form-container form, .spacer .form-container form{
    background-color:#fff;
    border:1px solid #ccc;
    color:#333;
    position:absolute;
    text-align:left;
    white-space:normal;
    z-index:100;}
  div.oo .form-container{text-align:left;}
  .oo .form-container form .warning{margin:3px 0 0 0;}
  div.oo .warning{display:block;}
  .oo .form-container form input{font-size:0.9em;}
  .oo .form-container form input[type='text']{width:145px;}
  .oo .form-container form select{width:140px;}
  .comment{font-style:italic;color:#666;}
  .oo .notice{
    line-height:normal;
    font-size:1em;
    position:absolute;
    width:220px;
    padding:5px;
    white-space:normal;
    z-index:3;}
  .oo .notice p{margin:0 0 5px 0;}
  /***/

  /* édit in place des attributs texte */
  #results div.oo .txt{
    /*Note : si on met le "overflow: hidden" ici, l'edit in place
    ne marche plus avec firefox 2. Ceci empêche cependant de profiter
    des propriétés "text-overflow:ellipsis;" de IE et
    "-o-text-overflow:ellipsis;" de Opéra, pour afficher "..." là où
    les mots sont coupé */
    /*white-space:nowrap;
    width:225px;
    padding:0 7px;
    height:1.2em;*/ }
  .oo .t .txt {background-color:#fff;}/*pour pas que le "onmouseleave" bug sous IE, il faut une backgroundcolor*/
  .oo .r .txt {background-color:#FEF0D5;}/*pour pas que le "onmouseleave" bug sous IE, il faut une backgroundcolor*/
  .oo .txt .form-container{text-indent:0;margin-left:-55px;}
  .oo .txt .sfhover{
    background:url('/images/pencil_revert.png') transparent no-repeat  100% 50%;
    text-decoration:underline;
    cursor:hand;
    cursor:pointer;
    padding-right:15px;}
  .oo .txt form{padding:3px 5px; width:233px;}
  /***/

  /* Les images (si elles ne sont pas présente,
  ça ne doit pas casser la mise en page)*/
  .pic{overflow:hidden;}

  /** edit in place des images **/
    .oo .pic .form-container form {margin: -50px 0 0 -105px;}
    .oo .pic .form-container form {width:220px}

    /* Le petit bouton qui apparait pour éditer une image, ou un texte dans la vue liste*/
    .pic .ec, table.oos td .ec{
      visibility:hidden;
      position:absolute;
      width:20px;
      height:20px;
      background:url('/images/pencil.png') #ff9 3px 3px no-repeat;
      border:1px solid #ccc;
      text-decoration:none;
      cursor:default;}
    table.oos td.txt .ec{margin-top:-5px;}
    table.oos td.pic .ec{margin-left:-22px;}
    .pic.sfhover .ec, table.oos td.sfhover .ec{visibility:visible;}
    /* Le formulaire */
    .pic form{overflow:hidden;padding: 0px 3px;}
  /*****/

  /* formulaire de question lors de la suppression*/
  .oo .form-container form.destroy-question{padding:3px 10px;}
  .oo .form-container form.destroy-question .button_bar{padding:7px 0px;}
  .oo .form-container form.destroy-question{
    width:150px;
    background-color:#ffb;
    border-color:#ed8;
    margin-left:-150px;
    margin-top:-30px;}
  .oo .actions .form-container{text-align:right;}

  /* Selection */
  tr.selected td{
    background-color:#333;
    color:#fff}
  .mosaic-view div.selected, .vignette-view div.selected{ background-color:#333;}

  /* Les liens et boutons d'actions*/
  .deleted div.actions{text-decoration:none;}
  .actions form, .actions form div{display:inline;}
  .actions form div.warning{display:block;}
  .actions a, .actions span{vertical-align:middle}
  .actions form.button input, .actions form.button button{
    background-color: transparent;
    padding:0;
    margin:0;
    border:0 none;
    font-size:1em;
    font-family:Arial,Helvetica,Sans-Serif;
    text-align:left;
    vertical-align:middle;
    overflow:visible;/*This is for IE to respect padding, see
                      http://www.mrkirkland.com/internet-explorer-submit-button-horizontal-padding/ */}
  button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner{padding:0;}
  .actions a,.actions form.button input, .actions form.button button{
/*     color:#666; */
    color:#538395;
    cursor:hand;
    cursor:pointer;
    padding:0;}
  .actions form.button input:hover, .actions form.button button:hover span{text-decoration:underline;}

  /* Les liens pour ajouter des objets, à la fin des résultats*/
  .add-links a{background:transparent url('/images/plus.png') no-repeat 0 0}
  .mosaic-view .add-links, .vignette-view .add-links{float:left;padding:35px 0 0 20px;}
  .mosaic-view .add-links a, .vignette-view .add-links a{display:block; padding: 10px 0 10px 20px; background-position: 0 7px;}
  .list-view .add-links a{padding: 2px 5px 5px 20px; line-height:20px;}

  /* La couleur des attributs de type R */
  .r, table.oos tr.selected td.r{background-color:#FEF0D5;}
  .t, table.oos tr.selected td.t{background-color: #fff;}


/*******/


/***  vue liste ***/

  .list-view{margin-top:10px;}
  button.checkbox{
    height:15px;
    width:15px;
    background:transparent url('/images/checkbox_all.gif') 0 0 no-repeat;
    border:none;
    vertical-align:middle;}
  button.checkbox::-moz-focus-inner{border-style:none;}
  /* Les images */
  table.oos td.pic{background-color:#E7E3E2;white-space:nowrap;}
  table.oos td.pic a img{vertical-align:middle;}
  /* Les titres de colonne*/
  table.oos th{
    border:none;
    border-bottom: 3px solid #EEEBE9;
    text-align:left;
    padding: 3px 7px;}
  /* Les cellules */
  table.oos td{
    padding: 5px 7px;
    border-style:none none solid none;
    border-width:0 0 1px 0;
    border-color:#EFEBEA;}
  table.oos td.oo_leds{background-color:#F8F8F8;padding:1px 5px;white-space:nowrap;}
  tr.oo td.oo_leds .actions{visibility:hidden;font-size:0.8em;margin-top:7px;text-align:right}
  td.oo_leds form{display:inline;}
  tr.oo:hover td.oo_leds .actions, tr.no-hide-hover td.oo_leds .actions{visibility:visible;}
  /*les lignes sélectionné (il ne faut pas que le texte devienne blanc)*/
  table.oos tr.selected td{color:inherit;}/*Sinon le texte des lignes sélectionnées apparait en blanc*/
  /*la coloration au survol*/
  table.oos tr:hover td a,  table.oos tr.no-hide-hover td a{color:#fff;}
  table.oos tr:hover td.t, table.oos tr.no-hide-hover td.t{background-color:#9CBCCB}
  table.oos tr:hover td.r, table.oos tr.no-hide-hover td.r{background-color:#B9C6B5}
  table.oos tr:hover td.oo_leds, table.oos tr.no-hide-hover td.oo_leds{background-color:#B4CDD4}
  table.oos tr:hover td.pic, table.oos tr.no-hide-hover td.pic{background-color:#A8BBC1}

/*******/


/*** vue mosaique et vignette ***/

  /*La vignette en général*/
  div.oo {
    text-align:center;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    float:left;
    /*overflow:hidden;*//*Nécéssaire pour que les vignettes aient la même largeur sous ie6*/}
  .mosaic-view div.oo{
    margin: 10px 7px 0 0;
    width:161px;/*NOTE:width 155px=max pour 4 obj/ligne avec safari et 19em de marge à gauche*/}
  .vignette-view div.oo{
    margin: 10px 10px 0 0;
    width:198px;
    border:1px solid #665D61;
    background-color:#fff;}

   /*gestion du survol pour la partie haute de la vignette(pour le mode mosaique)*/
  .mosaic-view div.oo:hover, .mosaic-view div.oo.hov, .mosaic-view div.oo.no-hide-hover{
    border:1px solid #665D61;
    border-bottom-style:none;
    height:143px;
    width:159px;
    background-color:#fff;
    /*pour ie6 seulement, ne pas mettre pour ff*//*overflow:hidden;*/}
  .mosaic-view div.selected:hover, .mosaic-view div.selected, .mosaic-view div.selected.no-hide-hover{
    border-style:none;height:144px;width:161px; background-color:#333;}

  /* Le contenant "image + voyants"*/
  div.oo .pic_leds_wrapper{margin:0 auto; display:table;height:144px;
    /*pout ie*//* display:inline;zoom:1;*/}

  /* L'image */
  div.oo .pic{display:table-cell;vertical-align:middle;
    /*pour ie*//*float:left;font-size:120px;*/}
  .mosaic-view div.oo .pic a img{border:1px solid #665D61; padding:5px;/*pour ie*//*vertical-align:middle;*/}
  .mosaic-view div.oo:hover .pic a img, .mosaic-view div.oo.hov .pic a img, .mosaic-view div.oo.no-hide-hover a img{border:none;}

  /* Les voyants*/
  div.oo .oo_leds{display:table-cell;vertical-align:middle;
    /*pour ie*/ /*margin-top:45px;*/}

  /* La partie basse de la vignette (là ou se trouvent les attributs et les boutons d'action*/
  .mosaic-view div.oo .h-mn {
    display:none;
    background-color:transparent;
    position:relative;
    top:-45px;
    left: -1px;
    width:159px;
    border:1px solid #665D61;
    border-top-style:none;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;}
  .mosaic-view div.selected .h-mn{left:0}

   /*Gestion du survol pour la partie basse de la vignette*/
  .mosaic-view div.oo:hover .h-mn, .mosaic-view div.oo.no-hide-hover .h-mn{
    display:block;}

  /* Le bouton "sélectionner" en dessous de l'image*/
  div.oo .select-menu form.button input{
    color:#333;
    background:transparent url('/images/white_transparent.png') repeat 0 0;
    display:block;
    margin:0;
    border-style:none;
    text-align:center;
    font-weight:bold;}
  .mosaic-view div.oo .select-menu form.button input{width:159px;}
  .vignette-view div.oo .select-menu form.button input{width:198px; visibility:hidden;}
  .vignette-view div.oo:hover .select-menu form.button input,
  .vignette-view div.hov .select-menu form.button input{visibility:visible}
  div.oo .select-menu:hover{text-decoration:underline}

  /* Les attributs*/
  div.oo .h-mn .r, div.oo .h-mn .t{text-align:left;padding:0 5px;}
  .vignette-view div.oo .t, .vignette-view div.oo .r{white-space:nowrap;overflow:hidden;}
  .vignette-view div.oo .t{height:6em;}
  .vignette-view div.oo .r{height:2.3em;}
  div.oo span.an, div.oo span.ec{color:#999;}
  div.oo span.av, div.oo span.ie{font-weight:bold;}

  /* La zone qui contient les boutons d'actions*/
  div.oo .h-mn .actions{
    padding:5px;
    text-align:right;
    font-size:0.8em;
    background-color:#fff;}
  div.oo .h-mn .actions form.destroy-question, tr.oo .actions form.destroy-question{font-size:1.25em;}
  .mosaic-view div.oo .actions{
    -moz-border-radius:3px;
    -webkit-border-radius:3px;}
  .vignette-view div.oo .actions{
    padding-top:10px;
    -moz-border-radius-bottomleft:1px;
    -moz-border-radius-bottomright:1px;}

  /* NOTE:inusité,
    the image to tell the user the picture is from the catalog
    it must ovrewrite .h-mn */
  div.oo .catalog-picture{
    color: #ccc;
    border-width:1px;
    border-style: solid;
    border-color: #ccc;}

/*********/

/*** END LES OBJETS RETOURNÉS PAR UNE RECHERCHE ***/







/************************************************************
* GESTION DES TYPES D'OBJET
************************************************************/
div.legended-box{text-align:right}
div.existing-attrib{display:inline;}
div.legended-box div{text-align:left;}
div.new-attrib p{margin: 0 0 3px 0; padding: 0;}

#tree, #tree ul {
  padding: 0 0 0 12px;
  margin:0;
  list-style-type: none;
/*   cursor: move; */
}
#tree li{
  margin:0;padding:0;
}
#tree {
  padding:0;
  margin:0;
/*   width: 200px; */
}
#tree li.selected{background-color:#333; color:#fff}
#tree li.selected ul{background-color:#fcfcfc; color:#333}
#tree{font-size:1.1em}
#tree li div.node{padding: 2px 0 0 12px; margin:0}
#tree li div.node.parent{padding-left:0}
/*#tree li div.node.parent span.toggle{
  cursor:pointer;
  padding-left:12px;
  background: url('/images/folder_open.png') no-repeat 0px 3px;
}
#tree li.closed div.node.parent span.toggle{
  background: url('/images/folder_closed.png') no-repeat 0px 3px;
}*/
#tree li .handle {
  display:block;
  float:left;
  margin-top:5px;
  width: 12px;
  height: 12px;
}
#tree li .handle {background: url('/images/folder_open.png') no-repeat 0px 3px;}
#tree li.closed .handle {background: url('/images/folder_closed.png') no-repeat 0px 3px;}
#tree .h-mn{float:none;background-color:transparent;padding:0;}
#tree div.node a.h-mn, #tree div.node form{visibility:hidden;}
#tree div.node:hover a.h-mn, #tree div.node:hover form{visibility:visible;}
#tree li.closed li {display: none;}
#tree .drop_hover {background: url('/images/drag.png') no-repeat bottom left;}
#tree .drop_top {background-position: 12px top;}
#tree .drop_bottom {background-position: 12px bottom;}
#tree .drop_insert {background-position: 32px 100%;}

#t_attribs table.attribs tr td{background-color:#eef4ff}
#t_attribs table.attribs tr.selected td,
#r_attribs table.attribs tr.selected td{background-color:#999}
#r_attribs table.attribs tr td{background-color:#FFF6D3}
#object_type_edit h2{border-bottom:1px solid #333;padding:3px;margin-top:3px;}
#object_type_edit h3{background-color:transparent;color:#333;border-bottom-style:none;margin:0 0 3px 0;padding:0;}
#object_type_edit div.attribs{padding:0 15px;}

/*** END GESTION DES TYPES D'OBJET ***/


/************************************************************
* ALBUM TEMPORAIRE
************************************************************/
#side-panel .picture_container{
  float:left;
  width: 120px;
  height: 160px;
  overflow: hidden;
  text-align:center;
  border: 1px solid #AAA;
  margin:3px;
}
#side-panel .medium{
  width: 130px;
  height: 125px;
  line-height:125px;
  background-color: #fff;
  border:1px solid #ccc;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  text-align:center;
  margin:0px 0px;
}

#side-panel .medium img{
  border:1px solid #ccc;
}

#side-panel form.picture{
  line-height:120px;
  margin-bottom:5px;
}
#side-panel .picture input{
  vertical-align:middle
}
#side-panel div.pagination{
  font-size:x-small;
}
#side-panel-footer{
  text-align:right;
}
/** END ALBUM TEMPORAIRE ***/


/************************************************************
* FORMULAIRE DE BULK CHANGE
************************************************************/
select.multivalued option{
  font-style:normal;
  color:#333;
}
.multivalued, select option.multivalued{
  font-style:italic;
  color:#666;
}
#bulk_left_column{
  float:left;
}
#bulk_right_column{
  margin-left:38em;
}
#bulk_left_column .info{
  padding:5px 5px 5px 25px;
  margin-bottom:15px;
  font-size:1.1em;
  width:370px;
}
#bulk_left_column #errorExplanation{
  width:350px;
}

/*Boite de légende (inusité à présent)*/
/*.legend-box {border:1px solid; padding:5px; width: 28em; margin: 10px;}
.legend-box .title {font-weight:bold; font-size:1.18em;/*13px*//*margin-bottom:5px;}
.legend-box dfn {font-size:1.1em}*/



/************************************************************
* IMPORT DE FICHIER
************************************************************/
.catalogue_choice{background-color:#eef4ff;}
.exemplaires_choice{background-color:#fff6d3;}
.catalogue_choice, .exemplaires_choice{padding:4px; border:1px solid #dbdbdb}
li.exemplaires_choice{margin-top:5px;}
ul.choice_explain{text-align:left;}
.import .add-box .legended-box{margin-top:0 !important;}

/************************************************************
* SELECTION BAR
************************************************************/
.selection_bar{
  bottom:0;
  right:0;
  -moz-border-radius-topleft:3px;
  position:fixed;
  z-index:100;
  width:auto;
  background:#eee;
  padding: 1px 2px;
  border-width: 1px 0 0 1px;
  border-color: #999;
  border-style: solid;
  font-size:1.1em;
}

.selection_bar img{vertical-align:middle}

#selection-menu{display:inline;padding:0 0 0 3px;}
#selection-menu.big{font-size:2em;}
#selection-menu input{vertical-align:middle}


/************************************************************
* PAGINATION
************************************************************/
/*cas spécial pour le visionneur. Nécéssaire car un clear:both
place la pagination en bas des suggestion, ce qui peut être
beaucoup plus bas que la fin des résultats*/
div.pagination-container{
  float:left;
  width:95%;/*pour que ie6 conserve sa scrollbar lors dans le visionneur*/
  white-space:nowrap;
}
div.pagination {
	padding: 50px 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #ADACA8;
  background-color:#949494;
	text-decoration: none; /* no underline */
	color: #E6E2D6;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #333;
	color: #333;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #E6E2D6;
	font-weight: bold;
	background-color: #E6E2D6;
	color: #919191;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #ccc;
	color: #bbb;
}
/*** END PAGINATION ***/


/************************************************************
* PROFIL
************************************************************/

div.collection_picture{
    float:left;
    margin:10px;}
div.add_collection_picture{ clear:left }

/* div.users_index{margin:0 50px;} */
table.users tr td img{vertical-align:middle;}
.user-profile h2{margin-bottom:0}
div.civility{font-size:0.85em;margin-top:15px;width:20em;}
div.civility p {margin:10px 0;}
div.civility .action_links a{
  display:block;
  width:135px;
  margin:20px 0 8px 8px;
  text-align:center;
  background-repeat:no-repeat;
  text-decoration:none;}
div.civility .action_links a.message{
    background-image:url('/images/angry.png');
    background-position:58px 0px;
    padding-top: 28px;}
div.civility .action_links a.find_swaps{
    background-image:url('/images/find_swaps.png');
    background-position:53px 0px;
    padding-top: 45px;}
div.civility .action_links a.find_all_swaps{
    background-image:url('/images/find_all_swaps.png');
    background-position:45px 0px;
    padding-top: 45px;}
div.with-help a.help{margin:0;padding:2px;visibility:hidden;vertical-align:middle;}
div.with-help:hover a.help{visibility:visible;}
.user-profile {font-size:1.2em;margin: 50px 130px;}
.user-profile table tr td{border:none;vertical-align:top;}
.user-profile table.roles tr td{padding:2px;}
.user-profile .oo, #last_objects .oo{float:left;margin:3px;width:70px;height:7.7em;text-align:center;}
.user-profile .oo .picture, #last_objects .oo .picture{line-height:64px;height:64px;border:1px solid #ccc;background-color:#fff}
.user-profile .oo .picture img, #last_objects .oo .picture img{vertical-align:middle;}
.user-profile .oo .description, #last_objects .oo .description{text-align:center;padding:2px;font-size:0.83em/*10px*/}
.user-profile h4{margin: 10px 0 5px}
.user-profile .more {float:left;line-height:60px;padding:0 20px;margin:3px;font-size:2em;}
#upload-content{background-color:#ff9; padding:5px; border:1px solid #b0b000; width:400px;}
form.user fieldset{margin:20px 30px; padding:0 15px 15px 15px; width:350px; float:left; background-color:#fff}
/* form.user fieldset.public{color:MintCream} */
form.user fieldset.private{color:#999}
form.user fieldset legend{font-size:1.18em;/*13px*/ font-weight:bold;}
form.user p.clearer{margin-left:30px;}
#user_picture_zone{margin-top:15px;}
#picture_edit_zone{padding:0 10px;}

/*** END PROFIL ***/



/************************************************************
* RECHERCHE D'ÉCHANGES
************************************************************/
#trade_mode .hover_help{visibility:hidden;vertical-align:middle;}
#trade_mode:hover .hover_help, #trade_mode.sfhover .hover_help{visibility:visible;}
table.users tr th{padding:3px;vertical-align:top;}
table.users tr th a{display:block;width:100%;padding-bottom:9px;color:#fff;}
table.users tr td.score{padding:0;}
table.users .score{text-align:center;font-size:1.1em;line-height:2.5em;}
table.users .score a{display:block;width:100%;text-decoration:none;}
table.users .score a:hover{font-weight:bold;font-size:2em;}

/*** END RECHERCHE D'ÉCHANGES ***/



/************************************************************
/* LE DETAIL D'UN OBJET
************************************************************/
#oo_detail{color:#4C4C4C;}
#oo_detail #results_header{margin:0 0 12px 0}
#oo_detail .nav{
  background-color:#F5F3F1;
  text-align:center;
  line-height:41px;
  height:41px;
  margin-bottom:12px;
  padding-right:250px;}
#oo_detail .nav form.selection{float:left;margin-left:19px;display:inline;/*this is for ie6 double margin bug*/}
#oo_detail .nav form.selection button{
  height:41px;
  border-style:none;
  background:transparent url('/images/plus_minus.png') 3px 0px no-repeat;
  padding:0 0 0 23px;
  cursor:hand;
  cursor:pointer;
  text-align:left;
  }
#oo_detail form.selection button::-moz-focus-inner{border-style:none;}
#oo_detail .nav form.selection button.remove{background-position:3px -41px;}
#oo_detail .nav form.selection button:hover span{text-decoration:underline;}
#oo_detail .nav img{vertical-align:middle;}
#oo_detail .nav .nav_link{padding:0 15px;}
#oo_detail img#selected_state{position:absolute;z-index:1000;margin-top:-8px;}
#oo_detail .offer_state{float:right;}
#oo_detail .offer_state img{position:absolute;margin-left:-21px;margin-top:-70px;}
#oo_detail div.oo{text-align:left;float:none;margin-right:178px;margin-bottom:8px;}
#oo_detail .oo .txt{width:auto;}
#oo_detail .oo .txt form{font-size:0.8571em/*12px*/;width:320px;line-height:normal;}
#oo_detail .oo .txt h1, #oo_detail .oo .txt h2, #oo_detail .oo .txt h3{font-size:1em;display:inline}
#description{margin-left:210px;}
#oo_detail .pictures{width:195px;padding:15px;vertical-align:top;}
#oo_detail td.text{vertical-align:top;}
#oo_detail .pictures img{padding:5px;}
#oo_detail .text-attribs, #oo_detail .oo .ref, #oo_detail .oo .actions{margin-left:20px;}
#oo_detail .text-attribs img.user_action{ width:18px;}

/* les voyants */
#oo_detail .leds{margin-right:30px; margin-top:30px; width:32px}
#oo_detail .leds a{display:block;}
#oo_detail .leds form button, #oo_detail .leds a{border-style:none;width:32px;height:32px;margin-bottom:15px;}
#oo_detail .leds form button::-moz-focus-inner{border-style:none;}
#oo_detail .leds .led_collection button, #oo_detail a.led_collection{
  background:transparent url('/images/led_collection_big.png') 0 0 no-repeat}
#oo_detail .leds .led_offer button, #oo_detail a.led_offer{
  background:transparent url('/images/led_offer_big.png') 0 0 no-repeat}
#oo_detail .leds .led_demand button, #oo_detail a.led_demand{
  background:transparent url('/images/led_demand_big.png') 0 0 no-repeat}
#oo_detail .leds button.off, #oo_detail .leds a{background-position:0px -32px;}

#oo_detail .text-attribs{font-size:1.2727em/*14px*/;line-height:1.7em;}
#oo_detail .ref, #oo_detail .actions{text-align:right;}
#oo_detail .ref{font-size:1.27em/*14px*/;padding:15px 30px 0 30px;}
#oo_detail .oo .actions{padding:0 30px;}
#oo_detail .text-attribs{padding:5px 15px 15px 0;}
#oo_detail table{width:99%;}
#oo_detail table, #oo_detail table tr, #oo_detail table th, #oo_detail table td { border: none; }
#oo_detail h1{margin:0;padding:0;line-height:normal;}
#oo_detail #related_links{float:right;width:178px;}
#oo_detail #related_links a{
  display:block;
  width:135px;
  height:60px;
  margin:0 0 8px 8px;
  text-align:center;
  background-color:#F5F3F1;
  background-repeat:no-repeat;
  border:2px solid #fff;
  -moz-border-radius:4px;
  padding:70px 15px 15px 15px;
  color:#000;
  text-decoration:none;
  font-size:1.09em;/*12px*/}
#oo_detail #related_links a span.count{font-size:2em/*24px*/;font-weight:bold;color:#588190;}
#oo_detail #related_links a.offers{background-image:url('/images/offers.png');background-position:30px -5px;}
#oo_detail #related_links a.copies{background-image:url('/images/copies.png');background-position:35px 7px;}
#oo_detail #related_links a.demanders{background-image:url('/images/demanders.png');background-position:60px 20px;}
#oo_detail h3{
  margin:0;
  color:#4C4C4C;
  border-bottom-style:none;
  background-color:transparent;
  font-size:1.36em;
  padding:5px 0;}
#oo_detail .comments{background-color:#E6E3E1;padding:10px 23px}
#oo_detail table.posts{border-style:none;}
#oo_detail .post .author{
  padding-left:0;
  border-top-style:none;
  background:transparent url('/images/comment_arrow.png') no-repeat 100% 10%}
#oo_detail .post .date{font-size:1em;padding-top:5px;}
#oo_detail .post .date a:hover{text-decoration:none;color:#369;}
#oo_detail .posts .post .body{border-top-style:none;}
#oo_detail tr.spacer td{padding:0px 7px 7px 7px;}
#oo_detail .spacer .actions{
  float:right;
  padding:2px 30px;
  background-color:#538395;
  color:#fff;
  -moz-border-radius-bottomright:3px;
  -moz-border-radius-bottomleft:3px;}
#oo_detail .spacer a,  #oo_detail .spacer span.toggle,  #oo_detail .spacer span.cancel,  #oo_detail .spacer button{color:#fff;}
#oo_detail .spacer span.inactive{color:#ddd;text-decoration:none;}
#oo_detail .spacer .no-hide-hover{visibility:visible;}
#oo_detail td.entry-content{background:#fff;-moz-border-radius:3px}
#oo_detail .post td.editing{background:#333;}
#oo_detail #add-comment-link{
  background-color:#538395;
  border:1px solid #8DA9B3;
  -moz-border-radius:3px;
  color:#fff;
  font-weight:bold;
  font-size:1.182em;
  padding:5px 10px;}
#oo_detail #add-comment-link.inactive{background-color:#ddd;color:#999;border-color:#ccc;}
#oo_detail .editbox{background-color:transparent;color:#999;}
#oo_detail .editbox a, #oo_detail div.editbox .cancel{color:#538395;}
#oo_detail .relateds{background-color:#F6F4F3;padding:10px 23px}
#oo_detail .relateds .links{margin-right:250px; padding:10px 0}
#oo_detail .relateds .links a{margin-right:110px}


.MagicZoomHeader {
font: 10px Tahoma, Verdana, Arial, sans-serif;
color: #fff;
background: #ccc;
text-align: center;
}


.proposals{padding: 10px 23px;}

.proposals h4{
  font-size:1.2em;
  margin: 5px 0;
  color: #8C6406;
 }

 .crossed-out-big{
   position:absolute;
   z-index:2;
}


/*** END DETAIL D'UN OBJET ***/


/************************************************************
/* LE FORMULAIRE DE MODIFICATION D'UN OBJET
************************************************************/
form.oo div.attrib-f{margin-top:7px;}
form.oo #pictures-container div.attrib-f{margin-bottom:15px;}
form.oo {padding:0 0 15px 0;}
form.oo fieldset{margin:10px 0; padding:0px 15px 15px 15px; width:350px}
form.oo fieldset legend{font-size:1.18em;/*13px*/ font-weight:bold;}
form.oo fieldset .warning{font-size:1.1em; margin-top:5px;}
form.oo h2{display:inline}
form.oo #oo_object_type_name_h{font-size:1.5em}
form.oo #oo_type{font-size:1.5em; width:250px;}
form.oo #oo_type_message{width:385px;}
form.oo #oo_type_message .warning{
  background-color:#ffc;
  border:1px solid #d6ab00;
}
form.oo #oo_type_message .greencheck{
  background-color:#F0FFF0;
  border: 1px solid #0a0;
}
form.oo #oo_type_message .error{
  background-color:#fff0f0;
  border:1px solid #c40000;
  color:#c40000;
  font-weight:bold;
}
#oo_type_message .warning, #oo_type_message .greencheck, #oo_type_message .error{
  padding:5px 5px 5px 25px;
  margin-top:5px
}
form.oo #pictures-container{width:230px; float:left;}
form.oo #description, form.oo .main-col{margin-left:250px;}
form.oo #pictures-container fieldset{width:auto;padding:7px;}
fieldset.catalogue{background-color:#fff;}
fieldset.exemplaires{background-color:#FEF0D5;}

/*** END FORMULAIRE DE MODIFICATION D'UN OBJET ***/


/*** The login page ***/
#login-box{
    float:left;
    margin-left: 50px;
    border:1px solid #ccc;
    padding:20px;
    width:24em;/*pour ie6*/
}
#create-account{
    float:right;
    border:1px solid #ccc;
    padding:20px;
}
/******/



/*** Les titres ***/
  h3
  {
    padding:2px 10px 3px;
    background:#333;
    color:white;
    border-bottom:1px solid #999;
    font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
  }
/*********/


/* Les boutons */
form.button{display:inline}
/***/


/*mention spéciale pour ie6*/
fieldset{display:block;}

/* Les listes déroulantes */
select {
  font-family: Arial,Helvetica,Sans-Serif;
  font-size:1em;
  vertical-align:center;
}

/* L'alternance de couleur dans les tableaux*/
tr.odd { background-color: #EEE; }
tr.even { background-color: #FFFFFF; }

/* Les lignes sélectionné dans un tableau*/
tr.selected td{background-color:#333; color:#fff;}



.greyed-out{background-color:#AAA;}


/*Les liens*/
a{color:#538395;text-decoration:none;}
a:hover{text-decoration:underline;}

/* Les images dans des liens ne doivent pas être entourées dans firefox*/
a img{
  border: none;
}

/* Les éléments qui doivent se trouver sur une même ligne*/
div.unwrapable{display:inline;white-space:nowrap;}


/* Message de warning */
div.warning{
  background:url('/images/error.png') transparent 0% 50% no-repeat;
  padding-left:25px;
}
div.bullet_warning{
  background:url('/images/bullet_error.png') transparent 0% 50% no-repeat;
  padding-left:18px;
}
div.error{
  background:url('/images/cancel.png') transparent 0% 50% no-repeat;
  padding-left:25px;
}

/* Message d'info */
div.info{
  background:url('/images/information.png') transparent 0% 50% no-repeat;
  padding-left: 25px;
  background-color:#E7EFFF;
  border:1px solid #A8D4FF;
}
div.head_info{
  padding:5px 5px 5px 25px;
  font-size:1.2em;
}

/* Message de confirmation (check vert)*/
div.greencheck{
  background:url('/images/tick.png') transparent 0% 50% no-repeat;
  padding-left:25px;
}


/*Big Spinner*/
.big_spinner_container{
  border:1px solid #ccc;
  margin: 7px 0;
  padding:15px;
  text-align:center;
}

/*Progress bar*/
div.progress-title{text-align:center;margin:50px 0 20px;}
table.progress-display{margin:0 auto;}
table.progress-display tr td{border:none;}
div.progress-bar{border:1px solid #ccc; width:300px;}
div#progress{background:url('/images/progressbar.gif') repeat-x;}




/*Généralement les boutons sont alignés à droite*/
.button_bar{
  text-align:right;
}

/* Les lien javascript*/
.add-box .legend, span.cancel, span.toggle{
  cursor:hand;
  cursor:pointer;
  color:#538395;
}
.add-box .legend:hover, span.cancel:hover, span.toggle:hover{text-decoration:underline;}

/*Les élements inactifs*/
span.inactive{color:#999;}
.disabled{color:#bbb;}
/***/

/* Utilitaire pour virer les float*/
.clearer{clear:both}


/* Utilitaire pour centrer le texte */
.centered{text-align:center}

/*** Les liens qui se déploient pour ajouter un objet en bas de liste ***/
  .add-box{
    margin-top:15px;
    float:left;
    overflow:visible;
  }
  .add-box .legend{
    /*Le hack css pour afficher une zone de manière fixe sous ie6 ne
    permet pas le positionnement "relative"*/
    position: relative !important;
    position:static;
    top:-18px;
  }
  .add-box .legend span{background:#f9f9f9;}
   /*La marge négative est lié au positionnement "relative", donc n'a
   pas lieu d'être sous ie6*/
  .add-box .legended-box{margin-top:-18px !important; margin-top:0;}
  .add-box {border:none; padding:5px;}
  .expanded {border:1px solid #ccc;}
  .expanded .legend{cursor:auto;color:#333;}

/******/

/*** the warning message on the home page *****/
div.big-beta-warning{
    background:url('/images/medium-warning.png') #ff9 -45px 5px no-repeat;
    text-align:left;
    padding:10px;
    padding-left: 60px;
    padding-top:0px;
    padding-bottom:0px;
    font-size:1.1em;
    white-space:normal;
    border:1px solid red;
    width:90%
}
div.small-beta-warning{
    background:url('/images/small-warning.png') #ff9 -25px 0px no-repeat;
    text-align:left;
    padding-left: 30px;
    font-size:1.3em;
    white-space:normal;
    border-bottom:1px solid red;
    margin: 4px;
}
div.small-beta-warning p{
    margin: 4px;
}
/**** Documentation ***********/
.help, .faq{
  font-size:1.2em;
  margin: 5%;
}

#create_or_know_more {
}

div.faq .question{
  font-size:1.3em;
  font-weight:bold;
  color: #68A4CC;
  margin-top:10px;
}

div.faq .answer{
  margin: 10px;
  margin-bottom: 40px;
}

ol.lower-alpha {list-style-type:lower-alpha}

.help .collection{
    float:left;
    text-align:center;
    margin:10px;
}