/*################################    STYLE PAGES MEMBRES    ######################################*/





/* ############################# Base ############################# */

body { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0px; margin:0px; }
a, a:hover, a:visited { color:#bc9b04; text-decoration:none; font-weight:bold; }
a:hover { text-decoration:underline; }
form, textarea, img, select, h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px; border:0px; }
input, select, option { font-size:12px; }
.cleaner { clear:both; }
#cleaner { clear:both; }





/* ############################# Content ############################# */


.tab {border-bottom:0px !important;}

#content { width:990px; margin:auto; }

#menu { float:left; width:215px; }

/* DESACTIVE #page { float:left; width:741px; padding:0px 17px; background:url(http://design.kilart.com/img/contentpagesprofil.png); margin-top:6px; } */

#page { float:left; width:741px; padding:12px 13px; margin-left:6px; background:#fff; border:1px solid #ccc; border-radius:4px; -webkit-border-radius:4px; -opera-border-radius:4px; -moz-border-radius:4px; }

/* DESACTIVE #pagetop { margin:-12px -18px 6px -16px; background:url(http://design.kilart.com/img/toppagesprofil.png) no-repeat; height:12px; } */

/* DESACTIVE #pagebottom { margin:6px -17px -12px -17px; background:url(http://design.kilart.com/img/bottompagesprofil.png) no-repeat; height:12px; } */

#titlepages { font-size:21px; font-family:Arial; font-weight:normal; margin-bottom:13px; margin-top:0px; margin-left:3px; }
#titlepages span { float:right; font-size:16px; margin-top:4px; margin-right:3px; color:#777; }

#categories_membres { margin:0px -12px 20px -12px; padding-left:7px; background:#c6c6c6; border-bottom:1px solid #bbb; border-top:1px solid #bbb; }
#categories_membres a { float:left; padding:3px 11px 3px 28px; margin-right:3px; color:#333; font-weight:normal; font-size:11px; text-decoration:none; border-right:1px solid #bbb; border-left:1px solid #bbb; }
#categories_membres a.debutcateg { margin-left:3px; }
#categories_membres a.fincateg { margin-right:0px; }
#categories_membres a.profilmembre { background:url(http://design.kilart.com/img/famfamfam/user_suit.png) 7px 2px no-repeat #ddd;}
#categories_membres a.photos { background:url(http://design.kilart.com/img/famfamfam/images.png) 7px 2px no-repeat #ddd;}
#categories_membres a.videos { background:url(http://design.kilart.com/img/famfamfam/film.png) 7px 2px no-repeat #ddd;}
#categories_membres a.musique { background:url(http://design.kilart.com/img/famfamfam/music.png) 7px 2px no-repeat #ddd;}
#categories_membres a.castings { background:url(http://design.kilart.com/img/famfamfam/note.png) 7px 2px no-repeat #ddd;}
#categories_membres a.emplois { background:url(http://design.kilart.com/img/famfamfam/page_white_text.png) 7px 2px no-repeat #ddd;}
#categories_membres a.evenements { background:url(http://www.newdealcasting.com/v4/icones/date.gif) 7px 2px no-repeat #ddd;}
#categories_membres a.cv { background:url(http://www.newdealcasting.com/v4/icones/page.gif) 7px 2px no-repeat #ddd;}
#categories_membres a.blog { background:url(http://www.newdealcasting.com/v4/icones/overlays.gif) 7px 2px no-repeat #ddd;}
#categories_membres a.amis { background:url(http://www.newdealcasting.com/v4/icones/group.gif) 7px 2px no-repeat #ddd;}
#categories_membres a.comment { background:url(http://www.newdealcasting.com/v4/icones/comments.gif) 7px 2px no-repeat #ddd;}
#categories_membres a.outils { background:url(http://www.newdealcasting.com/v4/icones/wrench.gif) 7px 2px no-repeat #ddd;}
#categories_membres a:hover { background-color:#eee;  color:#111; }
#categories_membres a.categselect { background-position:9px 4px; background-color:#ffe44c; margin-top:-3px; margin-bottom:-3px; padding:5px 12px 5px 30px; border:1px solid #aaa; }



/* ############################# Footer ############################# */

#copyfoot { clear:both; color:#666; font-size:11px; text-align:center; background:#050505; padding:6px 0px; }
#copyfoot a { color:#888; }



/* ############################# Commentaires ############################# */

#commentaire { background:#fff; margin-bottom:24px; }
#commentimg { float:left; width:58px; }
#commentimg img { width:50px; height:50px; border:1px solid #bbb; padding:1px; background:#fff; }
#commentimg img:hover { border:1px solid #555; }
#commenttitre { float:left; width:628px; }
#commenttitre1 { margin-left:19px; color:#555; font-size:11px; margin-top:2px; margin-bottom:2px; }
#commenttitre1 a { color:#333; }
#commenttitre2 { background:url(http://design.kilart.com/img/commentaires-content-big.jpg) top left repeat-y; }
#commenttitre3 { background:url(http://design.kilart.com/img/commentaires-top-big.jpg) top left no-repeat; padding:7px 9px 0px 24px; font-size:12px; color:#333; }
#commenttitre4 { background:url(http://design.kilart.com/img/commentaires-bottom-big.jpg) bottom left no-repeat; height:8px; }
#commenttitre5 { float:left; width:18px; margin-top:8px; }

textarea#styled { width:570px; height:82px; border:1px solid #aaa; padding:5px 8px; font-family: Tahoma, sans-serif; background-position:bottom right; background-repeat:no-repeat; font-size:11px; }
.valid { background:#FFE8EF; border:1px solid #E82639; padding:10px; margin-bottom:20px; color:#E82639; text-align:center; }

.submitbutton input { background:#ffe44c; padding:2px 22px; border:1px solid #b4b4b4; color:#444; width:auto; font-size:11px; margin-top:3px; }
.submitbutton input:hover { background:#ecd036; color:#222; border:1px solid #aaa; cursor:pointer; }



/* ############################# Photos ############################# */

.miniAlbum { float:left; width:70px; height:70px; padding-left:0px; margin:4px; font-size:11px; }
.miniAlbum .photo-fan img { width:60px; height:60px; padding:1px; margin-top:5px; border:1px solid #999; background:#fff; }
.miniAlbum .photo-fan:hover img { border:1px solid #666; }

#pictureHeader { width:700px; margin:auto; padding-bottom:0px; margin-top:25px; }
#pictureHeader .pictureTitle { width:620px; padding:0px; margin:0px auto; text-align:center; font-weight:normal; font-size:21px; }
#pictureHeader .lastPicture, #pictureHeader .nextPicture { display:block; width:110px; color:#222; font-weight:normal; margin-top:5px; font-size:11px; }
#pictureHeader .lastPicture { float:left; text-align:left; background:url(http://design.kilart.com/img/woofunction/arrow_left_16.png) no-repeat left center; padding-left:25px; }
#pictureHeader .nextPicture { float:right; text-align:right; background:url(http://design.kilart.com/img/woofunction/arrow_right_16.png) no-repeat right center; padding-right:25px; }


.TitleVideo { text-align:center; font-weight:normal; font-size:21px; margin-bottom:20px; }


#menuDeroulant
{
	width: 91px;
	list-style-type: none;
	margin: 0; 
	padding: 0;
	border: 0;
	position: absolute;
	top: 0;
	align:center;
        font-size:11px; z-index:5000;
}
#menuDeroulant li
{
	margin: 0; 
	padding: 0;
	border: 0;

}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	margin:0px;
	padding:3px 8px;
	text-decoration:none; color:#bbb;
}
#menuDeroulant li a:hover { background-color: #ffdd21; color:#111; }
#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0px; margin-left:2px;
	padding: 0px;
	border: 0px;
	width: 180px; //height:17px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #FFF;
	margin: 0; margin-top:2px; margin-bottom:-2px; padding:4px 8px;
	border: 0;
	text-decoration: none; font-weight:normal;
	background: transparent url("http://design.kilart.com/img/bggreyopacity70.png") repeat;
}
#menuDeroulant .sousMenu li a:hover { background-image:none; background-color: #ffdd21; color:#111; }
#menuDeroulant li:hover > .sousMenu { display: block; }

#menuDeroulant .sousMenu li.colorwww a:hover { background:#ffdd21; }
#menuDeroulant .sousMenu li.colortel a:hover { background:#5287ff; }
#menuDeroulant .sousMenu li.colormus a:hover { background:#ff4949; }
#menuDeroulant .sousMenu li.colorpho a:hover { background:#52e51f; }
#menuDeroulant .sousMenu li.colorart a:hover { background:#b61ef5; }
#menuDeroulant .sousMenu li.colorcom a:hover { background:#ffdd21; }





#menuDeroulant2
{
	width: 88px; background:url(http://design.kilart.com/v3/img/note-admin-profil2.png) 19px -16px no-repeat;
	list-style-type: none;
	margin: 0;
	padding: 0; padding-top:0px; padding-bottom:20px;
	border: 0;
	position: absolute;
	top: 0;
	text-align:center;
        font-size:11px; z-index:5000;
}
#menuDeroulant2 li
{
	margin: 0; 
	padding: 0;
	border: 0;

}
#menuDeroulant2 li a:link, #menuDeroulant2 li a:visited
{
	display: block;
	margin:0px;
	padding:3px 8px;
	text-decoration:none; color:#333;
}
#menuDeroulant2 li a:hover { color:#111; }
#menuDeroulant2 li a:active {  }

#menuDeroulant2 .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant2 .sousMenu li
{
	float: none;
	margin: 0px; margin-left:15px;
	padding: 0px;
	border: 0px;
	width: 220px; //height:17px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
#menuDeroulant2 .sousMenu li a:link, #menuDeroulant2 .sousMenu li a:visited
{
	display: block;
	color: #FFF;
	margin: 0; margin-top:2px; margin-bottom:-2px; padding:4px 8px;
	border: 0;
	text-decoration: none; font-weight:normal;
	background: transparent url("http://design.kilart.com/img/bggreyopacity70.png") repeat;
}
#menuDeroulant2 .sousMenu li a:hover { background-image:none; background-color: #ffdd21; color:#111; }
#menuDeroulant2 li:hover > .sousMenu { display: block; }





#h1 { font-size:22px; font-family:Arial; font-weight:normal; margin-bottom:7px; }

#liensprofil { font-size:11px; margin:0px 0px 35px 3px; padding-bottom:5px; font-size:11px; color:#999; border-bottom:1px solid #ddd; }
#liensprofil a { color:#555; font-weight:normal; margin-left:2px; margin-right:12px; }

#jobs { float:right; margin-top:7px; color:#777; font-size:11px; }
#jobs a { color:#7697e2; font-weight:normal; margin-left:2px; margin-right:12px; }
#jobs a:hover { color:#091caa; text-decoration:none; }

#catepgmemb { float:left; width:806px; color:#aaa; font-size:12px; font-variant:small-caps; }
#catepgmemb a { color:#fff; margin:0px 4px; }

#categs_membres { margin-top:10px; }
#categs_membres a { color:#000; font-weight:normal; font-size:11px; padding-left:4px; }
#categs_membres ul { list-style-type:none; margin:0px; padding:0px; }
#categs_membres li { margin:0px -9px 0px -9px; padding:6px 12px; background:url(http://design.kilart.com/img/bg_li_categ_mb.jpg) no-repeat; }
#categs_membres ul .select, #categs_membres li:hover { margin:0px -25px 0px -9px; background:url(http://design.kilart.com/img/bg_li_categ_mb.jpg) no-repeat; }







#liensprofilmenu { margin:4px 0px 10px 0px; font-size:11px; }
#liensprofilmenu a { color:#555; font-weight:normal; margin-left:2px; }



#jobsmembres { color:#666; font-size:11px; margin-left:1px; }
#jobsmembres div { margin-bottom:3px; }
#jobsmembres a { background:url(http://design.kilart.com/img/famfamfam/tag_red.png) no-repeat; color:#c30000; padding-left:20px; padding-right:3px; }
#jobsmembres a:hover { color:#091caa; text-decoration:none; }

       



.dhtmlgoodies_question{
	overflow:hidden;
	cursor:pointer; color:#777; height:12px;
}
.dhtmlgoodies_question:hover {
	font-weight:bold;
}
.dhtmlgoodies_answer{
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
}
.dhtmlgoodies_answer_content{
	padding:1px;	
	position:relative;
}


#indexh1 { padding:0px 40px; }
#indexlefth1 { float:left; width:60px; background:url(http://www.newdealcasting.com/img/bg-photo/bg-photo60.gif) top no-repeat; }
#indexlefth1 img { border:none; padding:5px; height:50px; width:50px; }
#indexrighth1 { float:left; width:820px; margin-left:10px; padding-top:3px; }
#indexrighth1 h1 { display:inline; font-size:21px; font-weight:normal; color:#1b1b1b; font-family:Arial, Helvetica, sans-serif; border:none; }
#indexrighth1 hr { border:0px; height:1px; color:#ddd; background-color:#ddd; margin:0px; padding:0px; margin-top:2px; }
#indexrightlinks { font-size:11px; color:#999; text-decoration:none; font-weight:normal; margin-top:6px; }
#indexrightlinks a { color:#333; font-weight:normal; }


.membredefault { width:80px; height:80px; border:1px solid #ccc; padding:3px; background:#fff; }
.membredefault:hover { border:1px solid #555; }

.photodefault { width:100px; height:100px; border:1px solid #ccc; padding:3px; background:#fff; }
.photodefault:hover { border:1px solid #555; }

.videodefault { width:125px; height:100px; border:1px solid #ccc; padding:3px; background:#fff; }
.videodefault:hover { border:1px solid #555; }



#entour-gris {
    border:1px dotted #ccc;
    text-align:center;
    background-color: #f6f6f6;
    padding:6px 6px 3px 6px;
}





/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:15px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}