/*------------------------------------------------------------------------------- *
 *                          declarations globales                                 *
 *------------------------------------------------------------------------------- */

#contenu h1			{
    text-align		: center ;
    margin			: 0px 5px;
    background		: #f1f1f1 ;

    border-top      : 1px solid #AAA ;
    border-bottom   : 1px solid #CCC ;
    padding			: 5px ;
}

#contenu h2			{
    text-align		: center ;
    border-bottom   : 1px solid #CCC ;
    padding			: 0px 0px 5px 0px;
}

#content_title h2			{
    color              : #231F20;
    margin          : 0px 0px 0px 0px;
}

/*------------------------------------------------------------------------------- *
 *                          zone latéral, navigation dans les categories          *
 *------------------------------------------------------------------------------- */
  #contenu #favourites_navigation .favorite_onglet{
     border           : 1px solid #231F20;
     width            : 101px;
     float            : left;
     text-align       : center;
     -moz-border-radius-topright : 7px;
     -moz-border-radius-topleft  : 6px;
     border-color     : #CCC;
     margin           : 5px 0px 0px 0px;
     cursor           : pointer;
 }
   #contenu #favourites_navigation .favorite_onglet:hover{
     background-color : #FFF;
 }
 #contenu #favourites_navigation .selected_onglet{
     background-color : #FFF;
     border-color     : #231F20;
     font-weight      : bold;
     border-bottom    : none;
     padding          : 0px 0px 1px 0px;
 }
 

#contenu #favourites_navigation {
    border-left : 0px solid #231F20;
}

#contenu #favourites_navigation .left_block{
    margin			    : 0px 7px 0px 7px;
    text-align		    : center ;
}

#contenu #favourites_navigation .block_border{
    border-color        : #ECE6CE;
}


#contenu #favourites_navigation .left_block .title{
    font-weight		    : bold ;
    font-size           : 110%;
    padding			    : 2px 0px 5px 0px;
    background	        : #F1ECDA url('/c/i/bg-box-header.png') repeat-x left top;
    border-width        : 2px;
    border-style        : solid;
    border-bottom       : 0px;
    cursor              : pointer;
}
#contenu #favourites_navigation .left_block .title:hover{
    color              : #CC3300;
}
#contenu #favourites_navigation .icon_triangle_right{
    position            : absolute;
    margin              : 0px 5px;
    width               : 11px;
    height              : 11px;
    background-image    : url(/i/icons/triangle_right.gif) ;
}
#contenu #favourites_navigation .icon_triangle_down{
    position            : absolute;
    margin              : 0px 6px;
    width               : 11px;
    height              : 11px;
    background-image    : url(/i/icons/triangle_down.gif) ;
}

#contenu #favourites_navigation .left_block .content{
    background		   : #FFF ;
    padding            : 5px 0px 0px 0px;
    border-width       : 2px;
    border-style       : solid;
    border-top         : 0px;
    border-bottom      : 0px;
    text-align         : left;
    list-style		   : none ;
    display            : none;
    font-size          : 110%;
}

#contenu #favourites_navigation .left_block .content li {
    padding            : 2px 10px 2px 30px;
    cursor             : pointer;
}
#contenu #favourites_navigation .left_block .content li:hover {
    color              : #CC3300;
}

#contenu #favourites_navigation .left_block .content .category_item {
    padding            : 0px 10px 2px 20px;
    margin             : 10px 0px 0px 0px;
    border-bottom      : 1px solid #999;
    font-weight		   : bold ;
    cursor             : pointer;
}

#contenu #favourites_navigation .left_block .content .category_item:hover {
   color               : #CC3300;
}

#contenu #favourites_navigation .left_block .footer {
    font-weight		   : bold ;
    padding			   : 20px 0px 8px 0px;
    background		   : #FFF ;
    border-width       : 2px;
    border-style       : solid;
    border-top         : 0px;
    -moz-border-radius : 0px 0px 10px 10px;
    display : none;
}

#contenu #favourites_navigation .addFolder {
    margin            : 0px 0px;
    padding           : 10px 0px;
    width             : 255px;
    display           : none;
    text-align        : right;
}

#contenu #favourites_navigation .button_addFolder {
    padding           : 2px 5px;
    margin            : 5px 5px;
    border            : 1px solid #FFdd99;
    cursor            : pointer;
    color             : black;
}

#contenu #favourites_navigation .button_addFolder:hover {
    border        : 1px solid #FF8888;
}

.selected_item {
    background-color       : #F9EFC9;
}
.unselected_selected_item {
    background-color        : #FFF;
}
 
/*------------------------------------------------------------------------------- *
 *                    zone centrale, contenu des categories/dossiers              *
 *------------------------------------------------------------------------------- */
 #contenu #favourites {
    #border             : 1px solid #CCC;
    -moz-border-radius : 10px;
    margin             : 0px 0px 0px 10px;
    width              : 656px;
 }

 #contenu #favourites #favoris_content {
    align              : center;
    text-align         : center;
 }
 
  #contenu #favourites #favoris_content h3 {
    text-align         : left;
    color              : #444;
    border-bottom      : 1px solid #FFdd77;
    padding            : 0px 0px 0px 10px;
 }
 
 /*--------- Bloc edition d'un dossier -------------*/
 
 #contenu #favourites #favoris_content .edit_folder_unvisible{
     height             : 250px;
     width              : 562px;
     border-left        : 2px solid #BBB;
     margin             : 10px 0px 30px 0px;
     font-weight        : bold;
     display            : none;
 }
 #contenu #favourites #favoris_content #edit_folder #title{
     text-align         : left;
     padding            : 10px 25px;
     font-size          : 110%;
 }
 #contenu #favourites #favoris_content #edit_folder #text_area{
    text-align         : left;
    padding            : 0px 25px 10px 25px;
 }
 #contenu #favourites #favoris_content #edit_folder #text_area textarea{
    width              : 526px;
 }
 #contenu #favourites #favoris_content #edit_folder #bottom_button{
    width         : 80px;
    border        : 1px solid #FFdd99;
    padding       : 2px 5px ;
    cursor        : pointer;
    margin        : 0px 10px 15px 0px;
    color         : #231F20;
 }
 #contenu #favourites #favoris_content #edit_folder #bottom_button:hover{
    border        : 1px solid #FF8888;
 }

  #contenu #favourites .PostScriptum{
    width              : 500px;
    font-style         : italic;
    font-weight        : normal;
    text-align         : left;
    padding            : 10px 20px;
 }

 #contenu #favourites .description{
    padding            : 10px 0px 10px 0px;
    width              : 600px;
    min-height         : 15px;
    border-top         : 1px solid #FFdd99;
    border-bottom      : 1px solid #FFdd99;
    font-style         : italic;
    font-size          : 110%;
 }

 #contenu #favourites #favoris_content #content_footer{
    text-align         : left;
    color              : #555;
    margin             : 10px 0 0 0;
    padding            : 10px;
    border             : 0px;
    border-top         : 1px solid #999;
    border-bottom      : 0px solid #999;
 }

  #contenu #favourites #favoris_content  .btn_delete{
    color              : #231F20;
    margin             : 10px;
    padding            : 2px 10px 2px 0px;
    border             : 1px solid #FFDD77;
    font-weight        : normal;
 }
  #contenu #favourites #favoris_content .btn_delete:hover{
    border-color       : #FF8888;
    cursor             : pointer;
 }
   #contenu #favourites #favoris_content .btn_delete img{
    vertical-align	   : middle ;
    height             : 13px;
    padding            : 0px 5px;
 }

  #contenu #favourites #favoris_content #folderTools {
    width              : 640px;
    text-align         : right;
    padding            : 0px 0px 3px 0px;
 }

 /* ---- Style de listing utilisé pour les topics ------ */

 #contenu #favourites #favoris_content .list_topics_context{
     padding          : 0px 0px 2px 42px;
     text-align       : left;
     font-size        : 95%;
     #text-decoration  : underline ;
     color            : #231F20;
 }

 #contenu #favourites #favoris_content #list_topics{
    text-align       : left;
    font-size        : 108%;
    padding          : 5px 10px 0px 10px;
    margin           : 0px 0px 10px 0px;

 }

 #contenu #favourites #favoris_content #list_topics:hover{
     background-color : #F4F4F4;
 }

  #contenu #favourites #favoris_content .info_topic_bottom{
     font-style       : italic;
     color            : #777;
     text-align       : right;
     font-size        : 90%;
     padding          : 5px 0px 5px 0px;
 }

 /* ---- Style de listing utilisŽ pour les articles ------ */

 #contenu #favourites #favoris_content #list_articles{
     text-align       : left;
     font-size        : 100%;
     padding          : 0px 7px;
     margin           : 5px;
     float            : left;
     height           : 100px;
 }

 #contenu #favourites #favoris_content #list_articles:hover{
     background-color  : #F5F5F5;
 }

 #contenu #favourites #favoris_content #list_articles h3{
     text-align          : center;
     color               : #231F20;
     border-bottom-color : #999;
     padding             : 5px 0px;
     margin              : 0px 0px 7px 0px;
 }

 #contenu #favourites #favoris_content #list_articles .icon{
     padding            : 0px 0px 0px 30px;
 }

 #contenu #favourites #favoris_content #list_articles .infoline{
     color            : #666;
     text-align       : right;
     padding          : 10px 0px 0px 0px;
 }

 /* ---------------- Style utilisé pour le listing matos ---------- */
 
  #contenu #favourites #favoris_content #list_matos{
     text-align         : left;
     font-weight        : bold;
     font-size          : 110%;
     padding            : 10px 10px 10px 5px;
     margin             : 5px;
     height             : 40px;
     vertical-align     : middle;

 }

 #contenu #favourites #favoris_content #list_matos:hover{
     border             : 1px solid #CCC;
 }

  #contenu #favourites #favoris_content .list_matos_unselected{
     border             : 1px solid #EEE;
 }
  #contenu #favourites #favoris_content .list_matos_selected{
     border             : 1px solid #BBB;
 }


 /* ------------ Par plusieurs modules ---------------------------*/
 
  #contenu #favourites #favoris_content .list_object_unselected{
     background-color : #FFFFFF;
     border           : 1px solid #DDD;
 }

 #contenu #favourites #favoris_content .list_object_selected{
     background-color : #FFFFE0;
     border           : 1px solid #AAA;
 }