#contenu { padding-top: 1px; }
.ok_msg, .erreur_msg { margin: 20px 0 0 0; }

/******************* HEADER *********************/

#main { margin: 30px 19px 20px 2px; float: left; width: 607px; }
#main h1 { margin: 0; }
#main .utitle { margin-bottom: 0; }
#main .utitle .dropdown { float: left; position: relative; margin: 15px 15px 0 0; }
#main .utitle .dropdown strong.str { font-weight: bold; }
#main .utitle .no_results_found { margin: 30px 0 0 0; }
#main .hleaderboard { width: 600px; margin: 0; padding: 30px 0 30px 0; border-bottom: 1px solid #ddd; }

#main .nav { height: 1%; padding-top: 35px; }
#main .nav .pagination { height: 1%; margin-right: 0; }
#main .nav .pagination .last { margin-right: 0px; }

#main #membres .birthday { width: 602px; margin: 15px 0 10px 0; }
#main #membres .birthday  p { padding: 7px 0 9px 0; }
#main #membres .birthday .bl { padding: 4px 0 0px 6px; height: 1%; border-top: 1px solid #A1C5D5; border-bottom: 1px solid #A1C5D5; background: #C6DDE7; }
#main #membres .birthday .ml{ float:left; margin: 0 5px 5px 0; padding: 4px 0 0 0; width: 80px; height: 85px; background: #E5EEF2; text-align: center; }
#main #membres .birthday a { display: block; color:#424242; text-decoration:none; }
#main #membres .birthday a.ps { width: 80px; overflow: hidden; white-space: nowrap; }
#main #membres .birthday a:hover { color:#424242; text-decoration:underline; }
#main #membres .birthday img { border:1px solid #C6DAE4; padding: 5px; margin: 2px 0 2px 0; width: 50px; height: 50px; background: #fff; }

#main #membres .top { height: 1%; padding: 20px 0 30px 0; margin: 0 0 10px 0; border-bottom: 1px solid #d0d0d0; width: 604px; }
#main #membres .top h2 { padding: 0 0 4px 0; width: 602px; font-size: 1.2em; font-weight: bold; }
#main #membres .top .item { width: 203px; height: 1%; float: left; margin: 0 1px 0 0; position: relative; }
#main #membres .top .first { margin-left: -10px; }
#main #membres .top .last { margin-right: 0; }
#main #membres .top .item .bg { width: 204px; height: 133px; background: url(/i/in/main-sprite.png) no-repeat 0 -209px; }
#main #membres .top .item .bg .num { float: left; display: block; padding: 9px 0 0 17px; color: #fff; font-size: 2em; font-style: normal; }
#main #membres .top .item .bg .avatar { float: left; width: 100px; height: 100px; margin: 16px 0 0 24px; }
#main #membres .top .item .pseudo { display: block; text-align: center; }

#main #membres .liste { list-style-type: none; padding: 0 0 25px 0; margin: 15px 0 0 0; border-top: 1px solid #ddd; width: 602px; }
#main #membres .nores { padding: 24px 0 25px 0; }
#main #membres .liste .nor { padding: 20px 0 40px 0; font-style: italic; }
#main #membres .liste .no { padding: 0 0 20px 0; }
#main #membres .liste .li { display: block; float: left; padding: 20px 15px 0 0; margin: 0; width: 285px; height: 119px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; background: #fff url(/i/in/membrelibg2.jpg) repeat-x left bottom; background-image:-moz-linear-gradient(#fff, #f4f4f4); background-image:-webkit-linear-gradient(#fff, #f4f4f4); background-image:-o-linear-gradient(#fff, #f4f4f4); background-image:linear-gradient(#fff, #f4f4f4); }
#main #membres .liste .li.c { padding-left: 15px; padding-right:0; border-right: 0; }
#main #membres .liste .li.last { border-bottom: 0; background: none; }
#main #membres .liste .li.bgc {  }
#main #membres .liste .li img.avatar { float: left; width: 90px; height: 90px; margin: 0 10px 0 0; padding: 4px; border: 1px solid #d5d5d5; background: #fff; }
#main #membres .liste .li p { float: left; width: 173px; height: 114px; padding: 5px 0 0 0; overflow: hidden; }
#main #membres .liste .li p strong { display: block; font-size: 1.1em; font-weight: 600; margin: 2px 0 6px 0; }
#main #membres .liste .li p em { font-style: normal; color: #888; }
#main #membres .liste .li p .man { display: block; height: 16px; background: url(/i/in/ico_s_m.png) no-repeat 0 0; margin: 5px 0 0 0; padding: 0 0 0 21px; }
#main #membres .liste .li p .wom { display: block; height: 16px; background: url(/i/in/ico_s_w.png) no-repeat 0 0; margin: 5px 0 0 0; padding: 0 0 0 21px; }
#main #membres .more { display: block; height: 20px; margin: 15px 5px 25px 0; padding: 2px 27px 0 0; background: url(/i/in/more_1.png) no-repeat right top; text-decoration: underline; font-weight: bold; float: right; }
#main #membres span.more { cursor: pointer;  }
#main #membres span.more:hover { color:#dd2c1a; }

/******************* RELATED *********************/

#related .mpu_2 { margin-bottom: 25px; }


/******************* Mobile *********************/

@media screen and (max-width: 665px)
{
	#main { width: 100%; margin: 8px 0 20px 0; }
	#main #membres {  }
	#main #membres .birthday { width: 100%; }
	#main #membres .top { width: 100%; }
	#main #membres .utitle { padding-top: 10px; }
	#main #membres .utitle h1 { display: none; }
	#main #membres .utitle p { display: none; }
	#main #membres .utitle .dropdown { margin: 0 15px 0 0; padding-right: 0; }
	#main #membres .utitle .lastm { margin-right: 0; }
	#main #membres .utitle .dropover { z-index: 10; }
	#main #membres .utitle .dropage { display: none; }
	#main #membres .liste { width: 100%; margin-top: 0; border: 0; }
	#main #membres .liste .li { width: 100%; height: auto; padding: 15px 0 15px 0; border-right: 0; background-image: none; background: #fff; }
	#main #membres .liste .li.c { padding-left: 0; background: #fff; }
	#main #membres .liste .li img.avatar { width: 30%; max-width: 90px; height: auto; }
	#main #membres .liste .li p { width: 60%; height: auto; line-height: 19px; }
	#main #membres .liste .li p strong { margin-bottom: 7px; }
}