/*css pour les scroller de la page tous les clubs*/
	
/*le positionnement pour centrer le block des clubs*/
#block-tous-les-clubs {
width:640px;
height: auto;
margin-left: auto;
margin-right: auto;
}
.jcarousel-skin-tango .jcarousel-container {
    background: #ffffff;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 454px;
    padding: 0px 15px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  455px;
}

/* la taille du texte des clubs, le nom, le nom du membre, rejoindre*/
.jcarousel-skin-tango .jcarousel-item {
    width: 149px;
	font-size: 9px;
	line-height: 14px;
	min-height: 59px;
	padding: 0px 0px 0px 2px;
	border-right: 1px solid #a7a7a7;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
    /*margin-right: 10px;*/
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: -1px;
    right: 0px;
    width: 14px;
    height: 62px;
    cursor: pointer;
    background: #9bb7cd url(../images/next-horizontal.jpg) no-repeat center center;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {  
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 14px;
    height: 60px;
    cursor: pointer;
    background: #9bb7cd url(../images/prev-horizontal.jpg) no-repeat center center;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {    
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { 
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;   
}
/* c'est le nom des clubs */
div#wrap  { border: 1px solid #a7a7a7; width: 638px; } /* l'ensemble de la grille */
div#wrap .icon { float: left; width: 150px; min-height: 50px; padding: 0px 0px 0px 5px;}
div#wrap .list { float: left; width: 168px; }
div.clear-both { clear: both; line-height: 1px; height: 1px; font-size: 1px;}
div#wrap .icon  ul { width: 198px; list-style-type: none; margin: 0px; padding: 10px 0px 0px; }
div#wrap .icon  ul li { float: left; width: auto; font-size: 11px; text-transform: capitalize; }
div#wrap .icon  ul li.icon-img { max-width:40px; height:40px; min-width: 100%; float:left;}
div#wrap .icon  ul li.icon-desc { width: 106px; color: #354367; font-weight: bold; margin-left: 42px; margin-top: -40px;}

div#wrap .list ul li span { display: inline-block; }

div#wrap .list ul li span.dec1 { color: #989495; width: 145px; font-size: 10px; font-weight: bold; }
div#wrap .list ul li span.dec2 { color: #582604; font-style: italic; font-weight: bold; }/* width: 400px; */ /* c'est le nom de l'administrateur du club */ 
div#wrap .list ul li span.dec3 { color: #116c41; font-size: 0.850rem; font-size: 8.5px; font-weight: bold;}
div#wrap .list ul li span.dec4 { color: #f6181f;font-style: italic; font-weight: bold;}


@media screen and (max-width: 680px) {
#block-tous-les-clubs {
width:485px;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
width: 300px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
width:  300px;
}
div#wrap  { 
width: 485px; 
}
}

@media screen and (max-width: 530px) {
#block-tous-les-clubs {
width:306px;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
width: 150px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
width:  160px;
}
div#wrap  { 
width: 295px; 
} 
div#wrap .icon { width: 120px;}
div#wrap .icon  ul li.icon-desc { width: 75px;}
div#wrap .icon  ul li { font-size: 9px;}
div#wrap .list ul li span.dec1 { font-size: 9px;}
}