/*-----------------------------------------------------------------------------
  [CSS - ezgroup.css]

  Feuille de style des groupes
  
  1. Générique
  2. Page des groupes
  3. Page d'un groupe
    3.1 Membres
    3.2 Albums
  4. Sidebar
  5. Proposition de groupe
    5.1 Lien
    5.2 Popin
  6. Groupes locaux

-----------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------
  [1. Générique]
*/

.group-item {
	margin: 15px 0;
}

#embed-groups {
    clear:both;
    float:left;
    margin:0 0 25px;
}

#group-albums, #group-news, #embed-wall {
    clear: both;
	margin: 10px 0;
}

    #group-info img {
        display:block;
    }
    
    #group-info .content {
		float:left;
		margin-left:15px;
		width:400px;
    }

    #group-info .arrow:hover {
        background-color:transparent;
    }
    
    .nb_users {
    	display:block;
    	position: relative;
    	top: -15px;
        font-family:Arial;
        font-size:13px;
    	font-style:italic;
    	font-weight:bold;
    	float:right;
    	line-height:20px;
    	padding:0 7px 0 7px;
    }

/*---------------------------------------------------------------------------
  [2. Page des groupes]
*/

.groups-content {
	margin-left: 10px;
}

    .groups-content p {
        font-size: 13px;
    }

    .groups-content .description p {
        margin-bottom: 20px;
    }

    .groups-content h2 {
        margin-bottom: 10px;
    }

    .groups-content h2.underline {
    	padding:0 0 5px;
    	text-decoration: none;
    }
    
#groups_focus {
	clear:both;
	display:block;
	float:left;
	height:100%;
	margin: 0 0 20px 0;
	width:100%;
}

    #groups_focus a {
        padding:0;
    }
    
    #groups_focus img {
        display:block;
    }
    
    #groups_focus li.group-focus {
    	display:block;
    	float:left;
    	padding:30px 15px 20px 30px;
    	width:588px;
    }

        #groups_focus .group-focus h2 a {
            font-family: Arial;
        	font-size: 16px;
        	font-weight: bold;
        }
        
        #groups_focus .group-focus h2 a:hover {
        	text-decoration: underline;
        }
        
        #groups_focus a.discover {
        	text-decoration: underline;
        }
        
        #groups_focus h3 {
        	margin:0 0 10px 0;
            font-weight: bold;
        	display:block;
        }
        
        #groups_focus .content {
        	float:right;
        	width:420px;
        }
        
        #groups_focus .arrow:hover {
            background-color:transparent;
        }
        
        #groups_focus .arrow {
            float:right;
            padding-right:16px;
        }

.groups, .groups li {
	float:left;
	width:100%;
}

.groups {
	clear:both;
	display:block;
	margin: 10px 0 30px 30px;
}

.groups li {
	width:33.3%;
	height: 20px;
}

/*---------------------------------------------------------------------------
  [3. Page d'un groupe]
*/

.link-all, .link-all:hover {
	font-size: 11px;
}

   /*---------------------------------------------------------------------------
      [3.1 Membres]
        */
  
    #group-members {
    	margin-left:35px;
		margin-top: -71px;
    	position: relative;
    }
    
        #group-members .link-all {
        	margin-left: 10px;
        }

        #group-members h2 {
            margin:3px 0;
        }

        #group-members-bg {
            margin-left:5px;
            padding:0 15px;
            position:relative;
            width:658px;
        }

            #members-carousel {
                height: 89px; /* important */
                margin:0 65px;
                position: relative; /* important */
                overflow: hidden; /* important */
                width: 528px; /* important */
            }

                #members-content {
                    display:block;
                    height:62px;
                    padding-top:13px;
                    position: absolute;
                    top: 0;
                    width: 100000px;
                }

                    #members-carousel ul li {
                        float: left;
                        margin-right: 9px;
                        width: 44px;
                    }

                    #members-carousel ul li a {
                        display: block;
                        height:62px;
                        overflow:hidden;
                    }
                    #members-carousel ul li img,
                    #members-carousel ul li span {
                        border: none;
                        display: block;
                        height:62px;
                        overflow:hidden;
                        
                    }
                    #members-carousel ul li span {
                        width: 44px;
                    }

                #members-previous, #members-next {
                    display:block;
                    height:28px;
                    position:absolute;
                    overflow:visible;
                    width:28px;
                    border:1px solid #914A72;
                }

                #members-previous {
                    left:10px;
                    top:32px;
                }

                #members-next {
                    right:10px;
                    top:32px;
                }

  /*---------------------------------------------------------------------------
      [3.2 Albums]
     */

    #group-albums h1 {
        margin: 0;
        border: 0;
    }

    #group-albums ul {
        height: 124px;
    }
    
        #group-albums ul li{
            float: left;
            margin: 10px 0 10px 40px;
        }

        #group-albums ul li.no-album {
            font-size: 13px;
        }

            #group-albums h3 {
                margin:3px 0;
            }

/*---------------------------------------------------------------------------
  [4. Sidebar]
*/

#sidebar-groups_activity li, #sidebar-last_events li, #sidebar-last_forum li, #sidebar-other_groups li {
    margin: 8px 0;
}

/* group_admin */
#group-admins ul li {
	clear: both;
	height:22px;
}

#group-admins ul li .name {
	position:relative;
	top:2px;
}

#group-admins ul li .anonymous_image, #group-admins ul li img {
	float: left;
	margin:0 5px 0 0;
}

/* last_events */
#sidebar-last_events span.date-events, #sidebar-last_events span.date-events {
    font-weight: bold;
    display: block;
}

/* last_albums */
#sidebar-groups-albums div#sidebar-album-embed {
    padding: 20px;
    width: 120px;
}

    #sidebar-groups-albums div#sidebar-album-embed a.filter, #sidebar-groups-albums div#sidebar-album-embed a.filter img {
        display: inline;
        float: none;
    }

/* groups */
#sidebar ul#list_group {
    padding:0;
}

/*---------------------------------------------------------------------------
  [5. Proposition de groupe]
*/

  /*---------------------------------------------------------------------------
      [5.1 Lien]
     */


div.enable_proposition {
    clear: both;
    font-size: 12px;
    height: 46px;
}

    div.enable_proposition a {
        display:block;
        padding:7px;
        position:relative;
        text-indent:46px;
        top:10px;
    }
    
        div.enable_proposition a span.bg {
            display:inline;
            height:46px;
            left:-8px;
            overflow:hidden;
            position:absolute;
            top:-8px;
            width:46px;
        }
        
        div.enable_proposition a span.link{
            font-weight: bold;
        }

  /*---------------------------------------------------------------------------
      [5.2 Popin]
     */

#form-group-proposition {
	height:195px;
	margin:0 20px;
	padding:20px;
	width:455px;
}

    #form-group-proposition textarea {
    	height:125px;
    	width:445px;
    }

    #form-group-proposition button {
    	margin-top: 20px;
    }

/*---------------------------------------------------------------------------
  [6. Groupes locaux]
*/

#full-local_groups .list_groups {
	height: 600px;
    list-style:disc outside none;
    overflow-y: scroll;
    padding-left:20px;
}

    #full-local_groups .list_groups h3 {
        margin-bottom:0;
    }



#full-group_view #group_description {
    width: 374px;
margin-left: 5px;
}