/*Sélection d'images*/
img {border: none;}

ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 360px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;
	width: 110px;
	height: 110px;
}
ul.thumb li img {
	width: 100px; height: 100px;
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
	-ms-interpolation-mode: bicubic; 
}
ul.thumb li img.hover {
	/*background:url(../Images/thumb_bg.png) no-repeat center center;*/
	border: 1px solid #ddd;
}
.main_view {
	float: left;
	padding: 9px 0;
	margin-left: -10px;
}

.selectedImage {
	padding: 5px;
	width: 100px; height: 100px;
	border: 1px solid #ddd;	
}


#thumbs {position:relative; list-style:none; margin-left:5px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}

.main .cadre_top {
	background:url(../../../Design/images/mainframe/user-main-cadre-top.png) no-repeat;
	height:16px;
	font-size:1px; /* hack ie6 */
}
.main .cadre_mid {
	background:url(../../../Design/images/mainframe/user-main-cadre-mid.png) repeat-y;
	padding:0 14px 0 14px;
}
.cadre_btm {
	background:url(../../../Design/images/mainframe/user-main-cadre-btm.png) no-repeat;
	height:21px;
}

/*Partie droite*/
.userdesc.myCommunity {
	background:url(../../../Design/images//services/coConception-back.png) 99% 5px no-repeat;
}
.userdesc .myCommunity {
	width:757px;
	margin:10px auto 0 auto;
	background:#ebeced;
	margin-bottom:15px;
	padding:6px
}

/*******************************/
/* MY MANY                     */
/*******************************/
.userdesc.mymany {
	background:url(../../../Design/images/mainframe/user-desc-bk.png) right top no-repeat;
}
.userdesc .mymany {
	width:767px;
	text-align:center;
	margin:10px 10px 0 10px;
	padding-right:5px;
	background:url(../../../Design/images/mainframe/mymany-bk.png) no-repeat;
	height:514px;
	margin-bottom:15px;
	background-color:#000;
}
/* menu crea*/
.userdesc .mymany .menu_creation {
	width:167px;
	background:url(../../../Design/images/mainframe/mymany-menucrea-bk.png) right repeat-y;
	background:url(../../../Design/images/mainframe/mymany-menucrea-bk.png) left repeat-y !important!; /*HackIE6 & IE7*/	
	color:#fff;
	float:left;
	height:514px;
}
.userdesc .mymany .menu_creation .titre {
	font-size:16px;
	padding:0 8px 0 17px;
	text-align:center;
	color:#87d300;
	margin:15px 0 15px 0;
}
.userdesc .mymany .menu_creation .steplist {
	text-align:left;
    padding-left:2px !important!; /*HackIE6 & IE7*/	
}
.userdesc .mymany .menu_creation .steplist ul {
	list-style:none;
}
.userdesc .mymany .menu_creation .steplist ul li {
	padding-left:18px;
	padding-top:4px;
	font-size:12px;
	background:url(../../../Design/images/mainframe/mymany-menucrea-list-off.png) left top no-repeat;
	/*height : 75px */ 
	padding-bottom:4px;
	width:180px;
}
.userdesc .mymany .menu_creation .steplist ul li.active {
	background:url(../../../Design/images/mainframe/mymany-menucrea-list-on.png) left top no-repeat;
}
.userdesc .mymany .menu_creation .steplist ul li a {
	color:#fff;
	text-decoration:none;
}
.userdesc .mymany .menu_creation .steplist ul li a:hover {
	text-decoration:underline;
}
.userdesc .mymany .menu_creation .confirm {
	padding:20px 6px 3px 20px;
	font-size:9px;
	text-align:center;
	position:relative;
}
.userdesc .mymany .menu_creation .confirm a {
    text-align:justify;
	text-decoration:none;
	font-size:11px;
	color:White;
}
.userdesc .mymany .menu_creation .confirm a:hover {
    text-decoration:underline;
}

 .btnSave {
	border:0;
	background:url(../../../Design/images/mainframe/mymany-menucrea-btn-enreg.png) no-repeat left;
	width:117px;
	height:23px;
	font-weight:bold;
	padding:6px 20px 6px 25px;
	text-align:center;
}
/*palette couleurs*/
.userdesc .mymany .menu_creation .colors {
	height:60px;
	background:#000000;
	margin-top:8px;
	display:none;
	width:160px;
}
.userdesc .mymany .menu_creation .colors table {
	border:solid 1px #000;
	border-collapse:collapse;
}
.userdesc .mymany .menu_creation .colors td {
	border:dotted 1px #868788;
}
.userdesc .mymany .menu_creation .colors img {
	margin:2px;
}
/* fenetre etape*/
.userdesc .mymany .etape_active {
	width:576px;
	color:#fff;
	float:left;
	height:500px;
	font-size:15px;
	padding:7px;
}
.userdesc .mymany .etape_active h2 {
	font-size:18px;
}
.userdesc .mymany .etape_active a {
	font-size:12px;
	color:#fff;
}
.userdesc .mymany .etape_active .chaussure {
	text-align:center;
}
.userdesc .mymany .etape_active .lien {
	padding-left:95px;
	/padding-left:100px;
	padding-top: 20px;
	
}
.userdesc .mymany .etape_active .lien a {
	display:block;
	background:url(../../../Design/images/mainframe/mymany-etape-btn-voirgallerie.png) no-repeat;
	width:171px;
	height:33px;
	font-size:16px;
	text-decoration:none;
	padding-top:8px;
	padding-left:20px;
	font-weight:bold;
	float:left;
	margin-right:20px;
}

.userdesc .mymany .etape_active .lien a.lnkOneMany {
	display:block;
	background:url(../../../Design/images/mainframe/mymany-onemany.png) no-repeat;
	width:171px;
	height:33px;
	font-size:16px;
	text-decoration:none;
	padding-top:8px;
	padding-left:0px;
	font-weight:bold;
	float:left;
	margin-right:20px;
}

.userdesc .mymany .etape_active .lien a:hover {
	text-decoration:underline;
}

/************************************/
/* MY MANY GALLERIE                 */
/************************************/
.mymgallerie {
	width:767px;
	margin:10px auto 0 auto;
	background:url(../../../Design/images/mainframe/mymgal-bk-bitume.jpg) #4e4e50 bottom repeat-x;
	margin-bottom:15px;
	padding:5px;
}
.mymgallerie table {
	border:solid 1px Transparent;
	border-collapse:collapse;
	margin-bottom:10px;
}
.mymgallerie td {
	border:dashed 1px #c5c6c7;
	height:136px;
    padding:10px;
}

td.noTd
{
padding:0px;
}

.mymgallerie .thumb {
	background:url(../../../Design/images/mainframe/mymgal-thumb-vide.png) no-repeat;
	width:167px;
	height:167px;
	font-size:1px;
}
.mymgallerie .thumb .fans {
	font-size:11px;
	color:#fff;
	float:right;
	margin-right:15px;
	font-weight:bold;
}
.mymgallerie .voter {
	background:url(../../../Design/images/mainframe/mymgal-thumb-btn-voter.png) no-repeat;
	width:66px;
	height:16px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:12px;
	margin:0px auto 5 auto;
	text-align:center;
}
.mymgallerie .voter a {
	color:#FFFFFF;
	text-decoration:none;
}
.mymgallerie .voter a:hover {
	text-decoration:underline;
}
.mymgallerie .menu {
	margin:10px 0 15px 0;
}
.mymgallerie .menu ul {
	list-style:none;
}
.mymgallerie .menu ul li {
	float:left;
	margin-right:20px;
	background:url(../../../Design/images/mainframe/mymgal-menu-bk.png) no-repeat;
	height:30px;
	padding-top:6px;
	padding-bottom:6px;
	font-size:12px;
	font-weight:bold;
	padding-left:28px;
	width:140px;
	text-align:left;
}

.mymgallerie .menu ul li a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	
}
.mymgallerie .menu ul li a:hover {
	text-decoration:underline;
}
.mymgallerie .menu ul li.active {
 
	background:url(../../../Design/images/mainframe/mymgal-menu-bk-activ.png) no-repeat;
	color:#87d300;
	height:30px;
	padding-top:6px;
	padding-bottom:6px;
	font-size:12px;
	font-weight:bold;
	padding-left:28px;
	width:140px;
	text-align:left;	
}
.mymgallerie .menu ul li.active a {
  
	color:#87d300
 
}
.mymgallerie a.creer {
  
	display:block;
	background:url(../../../Design/images/mainframe/mymgal-btn-creer-many.png) no-repeat;
	width:159px;
	height:31px;
	padding-top:8px;
	text-align:center;
	margin:0 auto 0 auto;
	color:#000;
	font-size:15px; 
	text-decoration:none;
	font-weight:bold;
}
.mymgallerie a.creer:hover {
  
 
	text-decoration:underline;
 
}

/*palette couleurs*/
.mymgallerie .colors { 
	background:#404042;
	margin-top:8px;
	display:block; 
	position:absolute;
	width:125px;
	border:solid 1px #fff;
	border-top:none;
	padding:0 2px 0 2px;
	margin-left:-22px;
	display:none;
}
.mymgallerie .colors table {
	border:solid 1px #000;
	border-collapse:collapse;
}
.mymgallerie .colors td {
	border:dotted 1px #868788;
	height:17px;
}
.mymgallerie .colors img {
	margin:2px;
}


.mymgallerie .pagination {
	float:right;
}
.mymgallerie .pagination ul {
	list-style:none;
}
.mymgallerie .pagination ul li {
	float:left;
	width:15px;
	text-align:center;
	line-height:12px;
}
.mymgallerie .pagination ul li.active {
	color:#87d300;
	font-size:18px;
	font-weight:bold;
}
.mymgallerie .pagination a {
	color:#FFFFFF;
	text-decoration:none;
}

.photoEmail
{
	float:left;
	border:solid 1px #fff;
	margin:15px;
}