/* CSS Document */
.colcenter{padding-top:5px; }
.rouge, .red{ color:#FF0000;}
h1{ width:100%}
.colcenter > div{ margin:10px;height:300px;}
.link{ cursor:pointer; font-weight:bold;}
.smcolleft > div{border:1px solid #CCC; margin:10px 0px 10px 10px; padding:5px;}
.smcolleft > div > img{margin:auto;}
.smcolleft > div > ul{margin:0px 0px 0px 8px; padding:0px; list-style:none}
.smcolleft > div > div.ptitre{margin:-6px -6px 4px -6px; border-color:#CCC}
.smcolleft > div > ul > li > a{display:block; line-height:30px; font-weight:normal}
.smcolleft > div > ul > li > a > span{display:block; clear:left; height:4px;}
.smcolleft > div > ul#userlist > li > a > img{float:left; margin-right:6px; width:30px; height:30px; border:0px;}
ul#contactNav > li{ cursor:pointer;}
#multitab{margin:0px; padding:0px;}

/*--------------------------------------------------------------------*/
/* WALL */
.status-bloc {
	background:#DCDBDB  ;
	padding:10px 15px 10px 15px;
	text-align:center;
	border:1px solid #DCDBDB;
}

.status-bloc #status { width:96%; color:gray; overflow:hidden; }
.status-bloc #submit { cursor:pointer; background:url("/img/ui/ui-bg_highlight-soft_100_deedf7_1x100.png") repeat-x scroll 50% 50% #DEEDF7; padding:5px; border:1px solid #A5ACB2; margin-top:5px; margin-right:2px;}

.message_wall > table tr > td{ background:#FFF}
.message_wall table#post { margin:10px 0px 5px 0px; border:0px; }
.message_wall #separator, .message_wall #separator span{ font-size:9px;font-size:0.2em; height:1px; overflow:hidden}
.message_wall { margin-top:15px; color:black; }
.message_wall #wall_image  { width:70px; padding:0px; vertical-align:top; }
.message_wall #wall_image img { width:70px; padding:0; margin:0;}
.message_wall #wall_message { padding-left:8px;}
.message_wall #wall_message span{ font-weight:bold; }
.message_wall #wall_message span a{ text-decoration:none; }
.message_wall span { color:gray; }
.message_wall #wall_date {  padding-top:10px; padding-left:8px; font-size:10px; color:gray; vertical-align:bottom; }
.message_wall #wall_date span { font-weight:normal;}

.box-commentaire { margin-top:10px; background:#F7F7F7;border:1px solid #eee; padding:5px; } /*background:#FFF2F2;*/
.box-commentaire #separator_com { font-size:10px; }
.box-commentaire #input { text-align:right; }
.box-commentaire .comment { width:95% }
.box-commentaire .comment_image img { width:30px; padding:0; margin:0; padding-right:3px; padding-top:1px; }
.box-commentaire .comment_image  { width:30px; padding:0px;}
.box-commentaire #submit { cursor:pointer; background:url("/img/ui/ui-bg_highlight-soft_100_deedf7_1x100.png") repeat-x scroll 50% 50% #DEEDF7; height:23px; font-size:10px; padding:2px; border:1px solid #A5ACB2; margin-top:5px; margin-right:2px;}

.box-commentaire table#coms { margin-top:10px; border-bottom:1px solid #A5ACB2; }
.box-commentaire { color:black; }
.box-commentaire #wall_image_com  { width:30px; padding:0px; vertical-align:top; }
.box-commentaire #wall_image_com img { width:30px; padding:0; margin:0;}
.box-commentaire #wall_message_com { padding-left:8px; font-size:12px;}
.box-commentaire #wall_message_com span{ font-weight:bold; }
.box-commentaire #wall_message_com span a{ text-decoration:none; font-size:10px;}
.box-commentaire span { color:gray; }
.box-commentaire #wall_date_com {  padding-top:0px; padding-left:8px; font-size:9px; color:gray; vertical-align:bottom; }
.box-commentaire #wall_date_com span { font-weight:normal;}
/*---------------------------------------*/
#tabWall{display:block;}
#tabWMe,
#tabInfos,
#tabGrps,
#tabPhotos,
#tabVideos,
#tabMp3,
#searchProfilView,
#tabtemp{display:none;}
.btnselected{ font-weight:bold; color:#990000}
.smcolcenter button{ cursor:pointer}
.imgtoolwall{}
div#internalShare{display:block;border-top:1px solid #CCCCCC; margin-top:6px; padding-top:4px;}

#header {background: url('/tim/mini1063-210-/img/SITES/bghead25072.png?zc=1') no-repeat top center;}
.hlogo > a{display:inline-block;background: url('/tim/mini0-136-/img/SITES/2507.png?zc=1') no-repeat left center; width:200px; height:136px;}
.ThreeDee{
font-family: ABeeZee, Verdana, Geneva, sans-serif; /*ABeeZee ;*/
line-height: 1em;
color:#575757;
font-size: 28px;
text-shadow:0px 0px 0 rgb(17,17,17), 1px 1px 0 rgb(-53,-53,-53),2px 2px 1px rgba(0,0,0,0.4),2px 2px 1px rgba(0,0,0,0.5),0px 0px 1px rgba(0,0,0,.2);
/*padding-left:10px;*/
}

#profilmenu{width:208px; text-align:center; background:#EEEEEE;}
#profilmenu > ul{ margin:0px; padding:1px; list-style:none;  text-align:left;background:#DCDBDB/*#E8E8E8*/}
#profilmenu > ul > li{ cursor:pointer}
#profilmenu > ul > li.nolink{ cursor:default}
#profilmenu > ul > li a{font-weight:normal; color:#000 }
#profilmenu > ul > li > ul{ margin:0px; width:250px; padding:4px; list-style:none; position:absolute; top:0px; left:200px; background:#C5D9EB; z-index:9999; display:none; border:0px solid #CCC}
#profilmenu > ul > li > ul > li{line-height:30px; font-size:12px; font-weight:normal}
#profilmenu > ul > li > ul > li > a{display:table-cell; height:30px; vertical-align:central; font-size:12px; font-weight:normal; }
#profilmenu > ul > li > ul > li > a > img{float:left; margin-right:6px;}
#profilmenu > ul > li > ul > li > a > span{display:inline-block;float:left; line-height:30px;}
#profilmenu > ul > li:hover > ul{ display:block; }
#profilmenu > ul > li{ margin:0px; font-size:12px; color:#333 cursor:pointer; padding:5px 5px 5px 9px; position:relative}
#profilmenu ul > li:hover{ background:#CCC/*#C5D9EB*/}





#moivignette{ width:190px; margin:0px auto 0px auto;cursor:pointer;}
ul#lcts > li, ul#lcts > li > a{ white-space:nowrap; }

#newColD{position:fixed; width:208px; top:80px; right:calc((100% - 1063px) / 2);  height:auto;z-index:98; min-height:200px;}


	
section.sectWhite, form.sectWhite{ background:#FFFFFF}
section.sectWhite > hr, form.sectWhite > hr{ background:#FFFFFF;color:#FFFFFF; border:0px;}

#profilmenu > ul.contactsList {padding:2px}
#profilmenu > ul.contactsList > li {padding:0px}
#profilmenu > ul.contactsList > li > a{display:inline-block;margin:2px;width:96px; height:96px; position:relative; border:0px}
#profilmenu > ul.contactsList > li > a > img{margin:2px; padding:0px; border:0px; width:96px; height:96px; z-index:999}
#profilmenu > ul.contactsList > li > a:hover > img{margin:1px; border:1px solid #000}
#profilmenu > ul.contactsList > li > a > span{display:block; padding:3px; position:absolute; min-height:10px; width:90px; bottom:-2px; left:2px;z-index:9999;  color:#000; font-size:0.8em; font-weight:normal; overflow:hidden}
button.btpr{cursor:pointer}

section#siteBody{min-height:500px;}
div#partCenter{ width:calc(100% - 12px); padding:0px 6px 0px 6px; min-height:500px;}
div#menu_place{position:relative; width:208px; min-height:200px; float:left; display:none;}

span.menbut{position:absolute; right:-32px; top:0px; border:1px solid #BBBBBB; padding:0px 0px 2px 0px; height:40px; width:38px; font-size:18px; line-height:38px; font-weight:bold; display:table-cell; vertical-align:middle; cursor:pointer; display:none; text-align:center;  background: #e6e6e6;
  background-image: -webkit-linear-gradient(top, #e6e6e6, #bfbfbf);
  background-image: -moz-linear-gradient(top, #e6e6e6, #bfbfbf);
  background-image: -ms-linear-gradient(top, #e6e6e6, #bfbfbf);
  background-image: -o-linear-gradient(top, #e6e6e6, #bfbfbf);
  background-image: linear-gradient(to bottom, #e6e6e6, #bfbfbf);}

/*-MENU HAUT--------------------*/
.btnRG{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4f7199+0,f98b4a+51,fc772f+98,fcad88+100 */
background: #4f7199; /* Old browsers */
background: -moz-linear-gradient(top, #4f7199 0%, #f98b4a 51%, #fc772f 98%, #fcad88 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4f7199 0%,#f98b4a 51%,#fc772f 98%,#fcad88 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4f7199 0%,#f98b4a 51%,#fc772f 98%,#fcad88 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f7199', endColorstr='#fcad88',GradientType=0 ); /* IE6-9 */}

.abtn{display:inline-block; float:left; font-size:12px; line-height:20px;  padding:2px 20px 2px 20px; color:#000000; text-decoration:none; margin:12px 0px 10px 10px;}

#menuProf{clear:both; width:1063px; margin:0px auto 0px auto; text-align:left; position:relative;white-space:nowrap; }
#menuProf ul{margin:0px; padding:0px; list-style:none; clear:left; display:block}

#menuProf > ul > li{display:inline-block; float:left; margin:-2px 3px 0px 0px;  color:#FFF; font-weight:bold; position:relative; z-index:999999}
#menuProf > ul > li > span{display:block;border:1px solid #FFF;background:#FFF;color:#333;padding:0px 10px 0px 10px; margin-top:3px; border-bottom:0px;}
#menuProf > ul > li:hover > span{background:#D9D9D9; color:#000; border:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9;}

#menuProf > ul > li > span > a{color:#FFF;}
#menuProf > ul > li:hover > span > a{color:#1F5393;}

#menuProf > ul > li > ul, #menuProf > ul > li > div{ background:#9DC3E6; display:none; position:absolute; top:20px; left:0px; padding:1px; z-index:9999999}
#menuProf > ul > li > ul > li{ white-space:nowrap; padding:3px 8px 2px 5px;z-index:9999999}
#menuProf > ul > li:hover > ul, #menuProf > ul > li:hover > div{ background:#D9D9D9; display:block; border:1px solid #D9D9D9;/*1F5393;/*-moz-border-radius: 3px;border-radius: 3px;*/}
#menuProf > ul > li > ul > li:hover{ background:#C0CEDC}
#menuProf > ul > li > ul > li a, #menuProf > ul > li > ul > li.link{/*color:#1F5393;*/ color:#333333; cursor:pointer}
#menuProf > ul > li > ul > li a:hover, #menuProf > ul > li > ul > li.link:hover{/*color:#1F5393;*/ color:#000; }

div.inheader{min-width:800px;text-align:right; height:30px; position:relative;}
li.inrchh{float:right; position:relative; width:200px; margin-right:285px; text-align:right}


ul.showSmall{display:block;}
ul.hideSmall{display:none;}

li#alieux{}
li#alieux > div {display:none; line-height:normal}
li#alieux:hover > div {display:block; min-width:200px; min-height:200px;}


ul.tnl{width:100%; margin:0px; padding:0px; list-style:none; min-height:32px;}
ul.tnl > li{display:inline-block; position:relative}
ul.tnl > li.l{float:left;}
ul.tnl > li.l > a, ul.tnl > li.l > span{ color:#FFF; font-weight:bold;font-size:12px; line-height:12px;}
ul.tnl > li.l > a:hover{ background:#5286B5}
ul.tnl > li.r{float:right;}
#LImnlieus{font-size:12px; }

ul.tnl > li.c_ou{line-height:normal; font-size:20px; text-align:center; /*background:#A4D3FE;*/ color:#FFF; margin:2px 5px 0px 50px; padding:0px 15px 3px 15px; font-weight:bold}

div#ctnSPAN{position:absolute; top:-7px; right:0px;}
h1#nm_logo{margin:0px; padding:0px; font-size:12px; line-height:normal; font-weight:normal; 
float:none; position:absolute; top:0; left:0; text-indent: -9999px; cursor:pointer; }



#profilmenu.fon{left:0px;}
#profilmenu > ul > li.onoff_but{position:relative;z-index:999999; margin:0px; padding:0px; height:0px}

#menu{ background:#F9F9F9}
#menu > ul > li span i, span.menulink i{display:inline-block}
#menu a{ font-weight:normal;}
#menu > ul li:hover span, #menu a:hover{ background-color:#FFF}
#menu > ul > li span.lessSContent {background-color:#FFF}
header > div > div > a#btnMMenu{border-radius:unset}
header > div > div > div.rstitre{width:98%;}
header > div > div > div.rstitre > span{display:block;overflow:hidden; height:32px; max-height:32px;  line-height:32px; white-space:normal; font-size:1.4em; color:#FFF}
header > div > div > div.vt_searchHeader > div#usrlogin > a#connected_logo{ background-color:rgba(255,255,255,0.5)}
header > div > div > a#btnMMenu > span {display: inline-block;text-align:right;}
header > div > div > div.logoMedia{border-radius:unset;width:120px;}
header > div > div > div.logoMedia > a{ width:120px; background-color:#FFF; height:34px;border-radius:unset }
header.reduced > div > div > div.logoMedia > a {height:34px;}
header > div > div > a#btnMMenu{display:table-cell;}
header > div > div > div.vt_searchHeader { background-color:unset}
header.reduced > div > div > div.vt_searchHeader > div#usrlogin > a{height:22px}
header > div > div > div.vt_searchHeader > div#usrlogin:hover > span{top:25px; background:#EEE; padding:6px; border:1px solid #BBB; border-radius:3px; font-size:0.8em;}
header > div > div > a#btnMMenu:hover{ background-color:#DCDBDB;}
span#titrepg{background: unset; color:#FFF}


@media screen and (max-width : 1078px){
	div.inheader{min-width:930px;}
	
	#menuProf{ width:930px; margin-left:0px;}
	
	#menuProf > ul{ min-width:930px;}
	div.inrchh{width:150px; margin-right:180px;}
	form.form_searchHeader{width:300px;}
	.form_searchHeader .searchinput{width:260px;}
	ul.hideSmall{display:block;}
	form.form_searchHeader {width: 80%;}
	.form_searchHeader .searchinput {width: calc(100% - 40px);}
	}
	
@media screen and (max-width : 920px){
	#menuProf{position:relative;clear:left; float:left; }
	#menuProf > ul{position:absolute;top:20px;left:0px;display:none; }
	#menuProf > ul > li{display:block; clear:left; margin-top:-1px; width:110px;}
	#menuProf > ul > li > span{-moz-border-radius: 0px;border-radius: 0px; line-height:22px;}
	#menuProf > ul > li > ul, #menuProf > ul > li > div{top:0px; left:109px;-moz-border-radius: 0px;border-radius: 0px;}
	
	
	#menuProf > ul.showSmall{display:table-cell}
	#menuProf > ul.hideSmall{display:none;}
	}

	
@media screen and (max-width : 850px){
	div#partLRight {
    clear: none;
    float: left;
    width: 250px;
    text-align: center;
    margin: 0px auto;
}
	header > div > div > a#btnMMenu{display:table-cell;}
	header{border-bottom: unset;}
	header > div > div > div.logoMedia  > a{width: 120px;}
	header > div > div > div.logoMedia > a{height:50px; margin-bottom:18px;} 
	header > div > div > div.logoMedia > a > span{display:block;}
	}
	
div#newprof > div#form_partage {
    display: table;
    width: calc(100% - 1px);
    background: rgb(239, 239, 239) none repeat scroll 0% 0%;
    border-right: 1px solid rgb(204, 204, 204);
}
div.listAlbs{background:#FFF; border:1px solid #AAA; margin:0px 0px 10px 3px; padding:4px 0px 4px 0px;border-radius:3px}
@media screen and (max-width : 700px){
	#partLRight{display:none}
	div#partCenter{position:absolute; left:0px;}
	#profilmenu{left:-202px;z-index:9997}
	span.menbut{display:table-cell;}
	.status-bloc #status {width: calc(96% - 10px);margin: 0px 10px 0px 20px;}
	#srchAmi{margin-left:40px;}
	div#newprof > div#form_partage{padding-left:45px;width: calc(100% - 46px);}
	div.listAlbs{margin-left:45px;}
	}
@media screen and (max-width : 390px){header > div > div > div.rstitre > span {display: none;}}