.grp-title
{
	border-bottom:1px solid #0062a9; 
	color:#0062a9;
	height:20px;
}

.grp-title a
{
	color:#0062a9;
}
    div.scrollable_big {
        /* required settings */
        position:relative;
        overflow:hidden;
        width: 80px;
        height:100px;
        text-align:center;
    }

    div.scrollable_big div.items {
        /* this cannot be too large */
        width:20000em;
        position:absolute;
    }

    div.scrollable_big div.items div {
        float:right;
    }

    .groupe_sidebar {
    	width: 294px;
    	float: left;
    }

    .gr_sidewidget {margin-bottom: 15px; background-color: #CFCFCF; border-radius: 8px}
    .gr_sidewidget_hed  { background-color: #6D6875; color: #fff; text-align: center; border-radius: 8px 8px 0 0}
    .gr_sidewidget_hed h2 { font-size: 14px; padding: 10px;  }
	.gr_sidewidget_body	{overflow: hidden; padding: 10px 10px 10px 0; border-radius: 0 0 8px 8px}

	.gr_sidewidget_body a , 
	.gr_sidewidget_body p  { font-size: 10px; color: #333;}
	.gr_sidewidget_body p img { width:25px ; float: left ;margin-right: 5px;}

	.gr_sidewidget_body p  {width: 44%; float: left; margin-left:15px;}

.groupesOnglets.onglets {
    background: #C4C4C4;
    height: 32px;
    line-height: 32px;
    margin: 0 46px 0 0;
    position: relative;
}
.groupesOnglets.onglets li {

    height: 32px;
    line-height: 32px;
    display: inline-block; float: none; margin: 0;
}

.groupesOnglets.onglets li:first-child a ,
.groupesOnglets.onglets li:first-child,
.groupesOnglets.onglets
{
    border-radius: 4px 0 0 4px ;
}

.groupesOnglets.onglets li.last{

   border-bottom: 32px solid rgba(255, 255, 255, 0);
    border-left: 28px solid #C4C4C4;
    border-radius: 0 24px 0 0;
    border-top: 0 none;
    float: right;
    height: 0;
    right: -38px;
    min-width: 10px;
    width: 10px;
    overflow: hidden;
    border-radius: 0 8px 8px 0;
    position: absolute;
}

.groupesOnglets.onglets li.onglet_on{}
.groupesOnglets.onglets li a {
    padding: 0 12px ;
    background: #C4C4C4;
     color: #fff; 
    height: 32px; line-height: 32px; 
    text-transform: uppercase;
}

.groupesOnglets.onglets li a:hover {
    background: #156ACF; 
    text-decoration: none;
}

.groupesOnglets.onglets li.onglet_on a {background: #156ACF; color :#fff;}
.logo-groupe { border-radius: 8px; overflow: hidden; background-color: #DDD; width: 294px ; height:185px;}


.gr_sideActions {
    background:  url(/global/module/groupe/ressources/css/images/actions.png);
    width: 294px; height: 17px;
    float: left;
}

.gr-btn {float: left; margin: 0 35px; }
.gr-btn a  {
    color: #fff;    
    font-size: 11px;
    line-height: 18px;}
.gr-btn.inscription { }
.gr-content {float: left; max-width: 660px; margin-left: 20px }
.gr-content .ui-widget-content{border: 0 none; background: transparent;}
.gr-content.smaller {max-width: 315px; }

.search-membre-group
{
	width: 120px;
	font-size: 14px;
	vertical-align: middle;
    float:right;
	/*margin-top: -20px;*/
}

.pagination input {
    height: 24px !important;
}

.pagination a {
    height: 24px !important;
}

.groupe-event.date-view {
	float: left;
	clear: both;
}

.groupe-event.date-view .item {
	clear: both;
	float: left;
}

.groupe-event.date-view .item .date {
	position: relative;
	overflow: hidden;
	background-color: #d3d3d3;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
	border-radius: 4px;
}

.gr-date {padding: 3px; width: 120px; }
.gr-date .day ,.gr-date .month ,.gr-date .year {display: block; font-size: 13px; line-height: 16px}
.gr-date .month {margin-top: 0}
.gr-date-left ,
.gr-date-right {float: left;}
.gr-date-right {margin-left:12px;}
.gr-date .day {font-size: 33px; line-height: 33px}

.groupe-event.date-view .item .heading_date {
	margin-left: 10px;
	margin-top: 2px;
	font-size: 14px;
}

.groupe-event.date-view .item table td
{
	vertical-align: top;
}

.news-group .small_link a {
    font-weight: bold;
}

.news-group .small_link .short-url {
    float: left;
    font-weight: normal;
}

.news-group img {
    max-width: 100%
}


@media (max-width:1024px) {
    .resultListGroup .groupe {width: 25% !important; margin-right: 0; height: auto;}
    .resultListGroup .groupe .groupea {height: auto; }
}
@media (max-width:768px) {.resultListGroup .groupe {width: 33% !important;}}
@media (max-width:420px) {.resultListGroup .groupe {width: 50% !important;}}