body {
	font-family:"Trebuchet MS", sans-serif;
	margin:0;
	color:#fff;
	background:#28272f;
	font-size:11px;

	/**********  ABDOU  ********/
	/*background:#28272f url('/images/bg_body.jpg');
	background-position: top center;
	background-attachment: fixed;*/
	/**********  ABDOU  ********/

	position:relative;
}

.hidden{
  display:none;
}

.interface #footer{
	width:960px;
	margin:0 auto;
}
/**container*****************************************************/
#container{
	width:960px;
	overflow:hidden;
	margin:0 auto;
}

/**********  ABDOU  ********/

.top-interface{
	height:50px;
}
.interface #container{
	width:1000px;
	padding-bottom: 15px;
	background:#000 url(/images/container-bg.gif) no-repeat;

	/**********  ABDOU  ********/
	margin:0 auto 0 auto;
	/**********  ABDOU  ********/
}
.interface #footer{
	width:1000px;
	margin:0 auto 0 auto;
}
/*logo****************************************************/
.logo{
	width:600px;
	overflow:hidden;
	float:left;
}
/*form-block***************************************************/
.form-block{
	margin:40px 0 0 0;
	width:375px;
	overflow:hidden;

	float:left;
}
.logo h1{
	background:url(/images/home-logo.gif) no-repeat;
	width:383px;
	height:326px;
	text-indent:-3000px;
	overflow:hidden;
	margin:136px 0 0 141px;
}
.logo h1 a{
	width:100%;
	overflow:hidden;
	height:100%;
	display:block;
}
.form-block h2{
	font-size:17px ;
	font-family:"Trebuchet MS", sans-serif;
	margin:0 0 10px 0;
	color:#e2d2ba;
	text-transform:uppercase;
}

.form-block h2 strong{
	color:#fff;
}
.form-block p{
	font:1.2em/1.2em "Trebuchet MS", sans-serif;
	margin:0;
}
.form-block p em{
	font-style:normal;
	text-transform:uppercase;
}
.form-block.part-1{
	padding:70px 0 0 0;
	width:320px;
}

.form-block.part-2{
	padding:10px 0 0 0;

}

* html .form-block.part-2{
	padding:20px 0 0 0;
}

.form-block h3{
	font:1.4em "Trebuchet MS", sans-serif;
	margin:22px 0 15px;
	color:#9c836d;
	text-transform:uppercase;
}

.form-block h3{
	font-size:12px;
	font-family:"Trebuchet MS", sans-serif;
	margin:22px 0 15px;
	color:#e2d2ba;
	font-weight:bold;
	text-transform:uppercase;
}

.form-block h3 a {
  font-size:9px ;
	font-family:"Trebuchet MS", sans-serif;
	margin:22px 0 15px;
	color:#e2d2ba;
	text-transform:uppercase;
}

*+html .form-block h3{
	margin:35px 0 15px;
}

.payment-form{
	width:100%;
	overflow:hidden;
}
.payment-form div{
	overflow:hidden;
	margin-bottom:10px;
	
}
* html .payment-form div{width:330px;}
.payment-form p{margin:0 0 20px 0;}
.payment-form a{color: #9c836d;}
.payment-form label{
	width:155px;
	float:left;
	line-height:21px;
	font-size:11px;font-family:"Trebuchet MS", sans-serif;
	color:#9c836d;
	text-align:left;
	padding:0 10px 0 0;
}
.payment-form select{
	float:right;
}
.payment-form input{
	float:right;
	line-height:21px;
	font-family: "Trebuchet MS", sans-serif;	
	font-size:11px;
	text-align:left;
}

.payment-form #cgu {
	width:100%;
	float:left;
	line-height:21px;
	font-size:11px;font-family:"Trebuchet MS", sans-serif;
	color:#9c836d;
	text-align:left;
	padding:0 10px 0 0;
}

.payment-form #cgu_check_box {
  border: 2px solid red;
  padding-top: 1em;
}



.payment-form textarea{

	width:190px;
	float:right;
	font-size:11px;font-family:"Trebuchet MS", sans-serif;
	background:#111113;
	border: solid #a89980;
	border-width:0 0 1px 0;
	height:70px;
	padding:5px;
	color:#e2d2ba;

}
.payment-form .radio{
	width:200px;
	overflow:hidden;
	float:left;
	margin-bottom:0;
	padding:3px 0 0;
}
.payment-form .radio input.radio{
	width:10px !important;
	float:left;
	line-height:10px;
	background:none;
	height:10px;
	padding:0;
}
.payment-form .radio label{
	width:37px;
	padding:0 0 0 10px;
	cursor:pointer;
	line-height:10px;
	text-align:left;
}
.payment-form .radio label.chosen {color:#9c836d;}

.payment-form table{
	width:100px;
	float:right;
}
















.join-form{
	width:100%;
	overflow:hidden;
}
.join-form div{
	overflow:hidden;
	margin-bottom:10px;
	
}
* html .join-form div{width:330px;}
.join-form p{margin:0 0 20px 0;}
.join-form label{
	width:155px;
	float:left;
	line-height:21px;
	font-size:11px;font-family:"Trebuchet MS", sans-serif;
	color:#9c836d;
	text-align:right;
	padding:0 10px 0 0;
}
.join-form select{
	float:right;
}
.join-form input{
	float:right;
	line-height:21px;
	font-family: "Trebuchet MS", sans-serif;	
	font-size:11px;
	text-align:left;
}


.join-form textarea{

	width:190px;
	float:right;
	font-size:11px;font-family:"Trebuchet MS", sans-serif;
	background:#111113;
	border: solid #a89980;
	border-width:0 0 1px 0;
	height:70px;
	padding:5px;
	color:#e2d2ba;

}
.join-form .radio{
	width:200px;
	overflow:hidden;
	float:left;
	margin-bottom:0;
	padding:3px 0 0;
}
.join-form .radio input.radio{
	width:10px !important;
	float:left;
	line-height:10px;
	background:none;
	height:10px;
	padding:0;
}
.join-form .radio label{
	width:37px;
	padding:0 0 0 10px;
	cursor:pointer;
	line-height:10px;
	text-align:left;
}
.join-form .radio label.chosen {color:#9c836d;}

.join-form table{
	width:100px;
	float:right;
}
.center {
	text-align: center;
}

/*** file join form ****/

.file{
	background:url(/images/browse-input-bg.gif) no-repeat;
	height:21px;
	width:150px !important;
	margin:0 0px 12px 0px;
	font:1.1em Arial, sans-serif;
	color:black;
	position:relative;
}
.file .file-input-area{
	position:absolute;
	top:0;
	left:0;
	color:black;
	float:left !important;
	height:21px !important;
	padding:0 !important;
	margin:0 !important;
	z-index:10;
}
.file .textinput {
	position:absolute !important;
	top:0;
	left:0;
	font-size:11px;font-family:"Trebuchet MS", sans-serif;
	color:black;
	background:none !important;
	border:none !important;
	padding:3px !important;
	width:75px !important;
	float:left !important;
}
.file .browse-button{
	float:right  !important;
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	overflow:hidden;
	background:url(/images/browse-bg.gif) no-repeat;
	width:69px !important;
	height:21px !important;
	padding:3px 0 0 0;
	text-align:center;
	color:#2c2c2a;
	margin-right:0px;
	cursor:hand;
	/* text-indent:-9999px;  */	
}
.file .browse-button a{
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	color:#2c2c2a;
	margin-right:0px;
	text-decoration:none;	
}
.file .browse-button a:hover{
	text-decoration:underline;	
}
.file a.browse-button{
	border:1px solid red;
}

.label_avatar{
	width:155px;
	
	line-height:21px;
	font-size:11px;font-family:"Trebuchet MS", sans-serif;
	color:#9c836d;
	text-align:right;
	padding:0 10px 0 0;
}
.picture_avatar{
	float:left;
	width: 100px;
	margin: 0 15px 0 65px;


}
.note_avatar{
	margin: 0 0 0 0px;


}
.note_avatar p{
	width: 200px;
	font-size: 10px;
	margin: 0;


}

.up_avatar{
	margin: 15px 0 0 0;
}

/********************/
.links-profil{
	margin:0;
	padding:0;
	list-style:none;
}
.links-profil li{
	float:left;
	padding:15px 0 0 0;
}

.links{
	margin:0;
	padding:25px 0 0;
	list-style:none;
	float:right;
}
.links li{
	float:left;
	margin-left:10px;
}
a.btn{
	float:left;
	background:url(/images/btn-bg.gif) repeat-x;
	color:#2c2c2a;
	text-decoration:none;
}
a.btn.dark{background:url(/images/btn-bg-2.gif) repeat-x;}
a.btn span{
	background:url(/images/btn-left.gif) no-repeat;
	float:left;
}
a.btn.dark span{background:url(/images/btn-left-2.gif) no-repeat;}
a.btn em{
	background:url(/images/btn-right.gif) no-repeat 100% 0;
	float:left;
	font-style:normal;
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	height:17px;
	line-height:17px;
	padding:0 10px;
	text-transform:uppercase;
	cursor:pointer;
}
a.btn.dark em{background:url(/images/btn-right-2.gif) no-repeat 100% 0;}
a.btn:hover, a.btn:hover em{text-decoration:underline;}

#btn_upload {
	border: 1px solid red;
	float: left;
	height: 17px;
	margin: 0 0 0 0;
}

/*welcome**********************************************************/

.welcome{
	width:100%;
	overflow:hidden;
/*	background:url(/images/welcome-line.gif) no-repeat; */
	padding:0;
	margin:0 0 0 0;
	position:relative;
	
}
.welcome form{
	margin:0 0 0 0;
	padding:0 0 0;
}


.welcome p{margin:8px 0 10px;}

.welcome h2{margin:0;}


.line-separator{
	margin:15px 0 0 25px;
}
a.close{
	margin:10px 0 0 0;
	padding:0 0 0 0;
	position:absolute;
	top:0;
	right:0;
	text-decoration:none;
	font-size:13px;
	font-family:"Trebuchet MS", sans-serif;
	color:#000000;
	font-weight: bold;
	line-height:25px;
	text-transform:uppercase;
	float:left;
	background:url(/images/btn-bg-join.gif) repeat-x;
}
a.close span{
	background:url(/images/btn-left-join.gif) no-repeat;
	float:left;
}
a.close em{
	background:url(/images/btn-right-join.gif) no-repeat 100% 0;
	float:left;
	font-style:normal;
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	height:5px;
	line-height:7px;
	padding:8px 10px;
	text-transform:uppercase;
	cursor:pointer;
}




.close:hover{text-decoration:underline;}


a.btn2{
	margin:10px 5px 0 0;
	float:right;
	background:url(/images/btn-bg.gif) repeat-x;
	color:#2c2c2a;
	text-decoration:none;
	text-align:center;
}
a.btn2.dark{background:url(/images/btn-bg-2.gif) repeat-x;}

a.btn2 span{
	background:url(/images/btn-left.gif) no-repeat;
	float:left;
}
a.btn2.dark span{background:url(/images/btn-left-2.gif) no-repeat;}
a.btn2 em{
	background:url(/images/btn-right.gif) no-repeat 100% 0;
	float:left;
	font-style:normal;
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	height:17px;
	line-height:17px;
	padding:0 10px;
	text-transform:uppercase;
	cursor:pointer;
}

.btn2:hover{text-decoration:underline;}

#join_the_network h2, #join_the_network_button h2{
	margin: 15px 0 0 0;
}

/************************* Stef ************************************/

.password {
	text-decoration:none;
	font-size:11px;font-family:"Trebuchet MS", sans-serif;
	color:#9c836d;
	float:right;
}

.password:hover{text-decoration:underline;}

/* ***************************** fin Stef *************/

.welcome div{
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
}
.welcome div p{
	font-size:12px;
	font-weight:bold;
	font-family:"Trebuchet MS", sans-serif;
	margin:0;
	color:#bea890;
}
.welcome div strong{color:#fff;}
.welcome input{
	width:188px;
	
	padding:3px 0 0 5px;
	height:16px;
	color:#fff;
	font-size:11px;
}
.welcome label{
	float:left;
	width:100px;
	font-size:11px;font-family:"Trebuchet MS", sans-serif;
	color:#fff;
	line-height:19px;
	padding:0 20px 0 0;
	text-align:right;
}

.remember{
	width:150px;

	text-align:right;
}
.remember input{
	clear:both;
}
.view{
	width:198px !important;
	overflow:hidden;
	border:1px solid #1d1d1c;
	float:right;
	padding:10px 0;
}
.view em{
	text-align:center;
	display:block;
}
.welcome .btn{
	float:right;
	margin:13px 0 0;
}

.accept input{
	margin:0 5px 0 0;
	width: 15px;
	clear:both;
	float:left;
}
.accept{
	color:white;
	margin:6px 0 0 120px;
	font-size:11px;

}

#geo_locator{
	width:210px;
}
#geo_locator label{
	margin:0 0 3px 0;
}
#geo_locator .btn{
	float:right;
}
/*header-holder******************************************************************/
#header-holder{
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
}
/*header***************************************************************/
.header{
	width:100%;
	margin-bottom:2px;
	position:relative;
	z-index:10;
}
 .header:after{
	content:".";
	display:block;
	width:100%;
	overflow:hidden;
	height:0;
	clear:both;
	text-indent:-3000px;
}
* html .header{height:1%;}

/*navigation******************************************************************/
#nav{
	margin:20px 0 0 0;
	padding:0 0 0 0;
	list-style:none;
	float:left;
}

#nav, #nav ul {
	list-style: none;
	line-height: 1;
	padding: 0;
	margin: 40px 0 0 0;
}

#nav a {
	display: block;
	color: #7C6240;
	text-decoration: none;
	padding: 0.25em 2em;
}


#nav a:hover {
	text-decoration: none;
}

#nav li {
	float: left;
	background:url(/images/separator.png) no-repeat;
	background-position:right;
	padding:0 -1px 0 0;
	margin: 0 0 0 0;
}

#nav li.rub1{
	width: 89px;
	height:28px;
	
}
#nav li.rub2{
	width: 125px;
	height:32px;
	padding: 0 0 0 10px;
}
#nav li.rub2 a#nav2, #nav li.rub3 a#nav3, #nav li.rub4 a#nav4 {
	padding:0 0 9px 0;
}


#nav li.rub3{
	width: 140px;
	height:32px;
	padding: 0 0 0 10px;
}
#nav li.rub4 {
	width: 135px;
	height:32px;
	padding: 0 0 0 10px;
}

/*************/
#nav li.nav.rub1 a{
	width: 89px;
	height:28px;
	padding:0 0 0 0;
	text-indent:-3000px;
	cursor:pointer;
	background: url(/images/nav-1.gif) no-repeat;
}

#nav li.navMouse.rub1 a:hover{
	width: 89px;
	height:28px;
	padding:0 0 0 0;
	text-indent:-3000px;
	cursor:pointer;
	background: url(/images/nav-1-over.gif) no-repeat;
}


/*********************/



#nav li.nav #nav2 {
	background: url(/images/nav-2.gif) no-repeat;
}

#nav li.navMouse #nav2 {
	background: url(/images/nav-2-over.gif) no-repeat;
}


#nav li.nav #nav3 {
	background: url(/images/nav-3.gif) no-repeat;
}

#nav li.navMouse #nav3 {
	background: url(/images/nav-3-over.gif) no-repeat;
}


#nav li.nav #nav4 {
	background: url(/images/nav-4.gif) no-repeat;
}

#nav li.navMouse #nav4 {
	background: url(/images/nav-4-over.gif) no-repeat;
}

*html #nav li.navMouse #nav4 {
	margin:-1px 0 0 0;
	background: url(/images/nav-4-over-ie.gif) no-repeat;
}


#nav li ul {
	position: absolute;
	margin: 10px 0 0 0;
	width:137px;
}

#nav li ul li{
	width:137px;
	padding:1px 0 1px 0;
	border-bottom:1px solid #000;
	background: url(/images/bg_li_menu.png) repeat-x;
}
#nav li ul li a{
	color:#010101;
	font-size:11px;font-family:"Trebuchet MS", sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
}

#nav li ul li a:hover{
	text-decoration: underline;
}
/*search*************************************************/
.search{
	float:right;
	padding:6px 0 0 0;
	overflow:hidden;
	width:360px;
		
}
.search ul{
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	overflow:hidden;
}
.search ul li{
	float:left;
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	color:#fff;
	border-right:1px solid #d3d3d5;
	padding:0 5px;
	margin:0 -1px 0 1px;
}
.search ul li a{
	color:#e2d2ba;
}
.search ul li a:hover{text-decoration:none;}
.search form{
	float:right;
	clear:right;
	width:240px;
	padding:5px 0 0;
}
.search form div{
	overflow:hidden;


}

.input-search-index{

}
.search form input{
	float:left;
	width:163px;
	height:17px;
	padding:0 0 0 10px;
	background:#fff;
	border:none;
}
.search label{
	font:bold 1.0em "Trebuchet MS", sans-serif;
	color:#e2d2ba;
	text-decoration:none;
	display:block;
	padding:2px 0 0 10px;
	text-transform:uppercase;
}

.looking-for{
	margin:8px 5px 5px 0;
	float:right;
	width::100%;
	text-align:right;
	
}

p.description-look{
	width:210px;
}



/*profile******************************************************/
.profile{
	width:920px;
	overflow:hidden;
	background:#000;
	padding:20px;
	position:relative;
	z-index:2;
}
/*my-profile**************************************************/
.my-profile{
	width:190px;
	overflow:hidden;
	float:left;
}
.friends-profile{
	width:730px;
	float:left;
	overflow:hidden;
}
.my-profile h1{
	background:url(/images/logo.gif) no-repeat;
	width:171px;
	height:169px;
	text-indent:-3000px;
	overflow:hidden;
	margin:0;
}
.my-profile h1 a{
	width:100%;
	overflow:hidden;
	height:100%;
	display:block;
}
.info{
	width:100%;
	overflow:hidden;
	padding:10px 0 0;
	font-size:10px;font-family:"Trebuchet MS", sans-serif;
}
.info .photo{
	width:100px;
	margin:0 7px 0 0;
	float:left;
}
.info .nom_prenom{
	width:80px;
	float:left;
}

#location a{
	color:#FFFFFF;
}
.info p{
	font-size:11px;font-family:"Trebuchet MS", sans-serif;
	color:#fff;
	margin:0;
	padding:45px 0 0;
	text-transform:uppercase;
}
.quote{
	width:171px;
	overflow:hidden;
	background:url(/images/quote-bg.gif) no-repeat;
	margin:10px 0 0;
}
.quote-top{
	width:171px;
	overflow:hidden;
	background:url(/images/quote-bg.gif) no-repeat 0 100%;
	padding:8px 0;
}
.quote p{
	font-size:11px;font-family:"Trebuchet MS", sans-serif;
	color:#e2d2ba;
	margin:0;
	text-transform:capitalize;
}
.mail{
	width:100%;
	overflow:hidden;
}
.mail .titre{
	font-size:12px;font-family:"Trebuchet MS", sans-serif;
	margin:2px 0 0;
	color:#e2d2ba;
	text-transform:uppercase;
}
.mail img{
	float:left;
	margin:0 30px 0 0;
}
.mail .nbre{
	font-size:11px;font-family:"Trebuchet MS", sans-serif;
	margin:0;
	text-transform:uppercase;
}

.mail a{
	color:#FFFFFF;
	text-decoration:none;
}

.mail:hover {
	text-decoration:underline;
}



#main-holder{
	width:920px;
	overflow:hidden;
	padding:0 20px 20px;
	background:#000;
}
/*main**********************************************************/
#main{
	width:920px;
	overflow:hidden;
	padding:0 20px 20px;
	background:#000;
}
/*holder*******************************************************/
.holder{
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.board #main .holder{background:url(/images/board-bg.gif) repeat-y;}
.eventlist #main .holder{background:url(/images/event-list-bg.gif) repeat-y;}


.friend-page #main .holder{background:url(/images/friends-main-bg.gif) repeat-y;}
/*column*******************************************************/
.column{
	width:450px;
	overflow:hidden;
	float:left;
}
.column.pad{padding-right:20px;}
/*box****************************************************/
.box{
	width:435px;
	overflow:hidden;
	padding: 10px;
	color:#000;
	border-top:20px solid #000;
}
.box h3{
	font-size:12px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	margin:0 0 15px;
	color:#2c2c2a;
	text-transform:uppercase;
}

.box h3.events{
	font-size:12px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	margin:0 0 15px;
	color:#FFFFFF;
	text-transform:uppercase;
}
.radio-btn{
	/*width:415px;*/
	margin:0 0 15px 0;
}
.radio-btn form{
	margin:0;
}
.radio-btn ul{
	margin:0;
	padding:0 0 0 10px;
	list-style:none;
	width:100%;
}
.radio-btn ul li input{
	margin: 4px 3px 0 0;
}
.radio-btn ul li{
	color:#000;
	font-size:11px;
	font-weight:bold;
	font-family:"Trebuchet MS",sans-serif;
	float:left;
	margin:0 20px 0 0;
	/* width:80px; */
}

/*message*******************************************************/
.message{
	width:100%;
	overflow:hidden;
	padding:0 ;
}
.message a{
	color: #000000;
	text-decoration:none;
}
.message a:hover{
	text-decoration:underline;
}
.message table{
	width:100%;
	overflow:hidden;
	border-collapse:collapse;
	font-size:11px;font-family:"Trebuchet MS", sans-serif;
}
.message h1{
	font-size:12px;
}
.message table tr{padding:0;}
.message table tr td{
	padding:0;
	height:24px;
	width:87px;
	line-height:16px;
}
.message table tr td.unread{
	width:30px;
	text-align:left;
	padding:0 0 0 5px;
}
.message table tr td.name{
	width:150px;
	font-weight:bold;
	text-align:left;
	padding:0 0 0 5px;
}
.message table tr td.name:hover{
	text-decoration:underline;
}
.message table tr td.list{width:250px;}
.message table tr td.list:hover{
	text-decoration:underline;
}


.message table tr.color{background:#ccbea8;}
.box .links{padding:15px 4px 0 0;}
.box .flash-holder{padding:0 0 0 5px;}
.box .flash-holder img{display:block;}



.text{
	width:200px;
	overflow:hidden;
	padding:0 0 0 20px;
	float:left;
}
.text h2{
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	color:#000;
	margin:0 0 11px;
	text-transform:uppercase;
}
.text h3{
	font:bold 1.2em/1.1em "Trebuchet MS", sans-serif;
	color:#000;
	margin:0 0 1px;
	text-transform:none;
}
.text p{
	font:1.2em/1.2em "Trebuchet MS", sans-serif;
	color:#000;
	margin:0 0 7px;
}
/*dark-box***************************************************/
.dark-box{
	width:450px;
	overflow:hidden;
	padding:0 0 10px;
}
#user-groups .dark-box ul.links {
  margin-top: 20px;
}
.dark-box.men{
	background:#2c2c2a url(/images/men.gif) no-repeat 100% 100%;
	padding:10px 0 15px 0;
}
.dark-box h3{
	font-size:12px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	margin:0 0 15px;
	color:#e2d2ba;
	text-transform:uppercase;
	padding:10px 0 0 8px;
}
.dark-box p{
	font-size:11px;font-family:"Trebuchet MS", sans-serif;
	margin:0 0 15px;
	color:#FFFFFF;
	padding:10px 0 0 8px;
}
.concierge{
	font:bold 1.3em/1.1em "Trebuchet MS", sans-serif;
	color:#2c2c2a;
	text-decoration:none;
	width:119px;
	height:32px;
	padding:4px 0 0 45px;
	background:url(/images/concierge-bg.gif) no-repeat;
	float:right;
	text-transform:uppercase;
	text-align:center;
	margin:-40px 0 0;
}
.concierge:hover{text-decoration:underline;}
/*line***********************************************/
.line{
	width:100%;
	overflow:hidden;
	background:url(/images/line-bg.gif) repeat-y;
}
.line-top{
	width:100%;
	overflow:hidden;
	background:url(/images/line-top.gif) no-repeat;
}
.line-bottom{
	width:100%;
	overflow:hidden;
	background:url(/images/line-bottom.gif) no-repeat 0 100%;
	padding:0;
}
.col{
	width:215px;
	float:left;
	overflow:hidden;
	padding:0 0 10px 5px;
}
.col.padd{padding-right:10px;}
.col h4{
	margin:15px 0 0;
	text-indent:-3000px;
	overflow:hidden;
	height:42px;
}
.col h4.gift{
	background:url(/images/gift-bg.gif) no-repeat;
	width:212px;
}
.col h4.gift:hover, .col h4.services:hover{
	cursor:pointer;
}
.col h4.services{
	background:url(/images/services.gif) no-repeat;
	width:202px;
}
.col img{
	display:block;
	margin:0 0 0 8px;
}
.col p{
	font:1.2em/1.2em "Trebuchet MS", sans-serif;
	color:#fff;
	margin:0;
}
.col p strong{
	display:block;
}
.col p .btn{
	float:right;
	margin:0 5px 0 0;
}

.col select{
	width:200px;
	border:1px solid red;
}
.col input{
	width:193px;
}
#city_search_ubik{
	margin:10px 0 0 10px;
	display:block;
	overflow:hidden;
	color:#2c2c2a;
}
#city_search_ubik ul{
	margin:10px 0 0 10px;
	padding: 0 0 0 5px;
	list-style:none;
}

#city_search_ubik ul li a{
	color: #e2d2ba;
	text-decoration:none;
}
#city_search_ubik ul li a:hover{
	text-decoration:underline;
}

/* add by Webpulser */
#city_search_ubik_wp #city_search_ubik ul li a{
	color: #370300;
}
/* add by Webpulser */


.dark-box .links{padding:0 10px 0 0;}
.col .join-form{padding:5px 0 0;}
.col .join-form div{margin-bottom:4px;}
.col h5{
	font:2.4em "Trebuchet MS", sans-serif;
	color:#fefefe;
	margin:0;
}
.col p.hoc{
	
	font-size:13px;font-family:"Trebuchet MS", sans-serif;
	font-weight:bold;
	color:#6b6b6a;
	margin:10px 0 10px 0;
	padding:0 0 0 15px;
}
.discover a{
	font-size:11px;font-family:"Trebuchet MS", sans-serif;
	color:#d69f1a;
	text-transform:uppercase;
	text-decoration:none;
	padding-left:10px;
}
.discover a:hover{text-decoration:underline;}

.news{
	width:395px;
	overflow:hidden;
	margin:0;
	padding:0 0 0 18px;
	list-style:none;
}
.dark-box .news{color:#fff;}
.news li{
	width:376px;
	overflow:hidden;
	float:left;
	font:12px;
	font-family:"Trebuchet MS", sans-serif;
	border-bottom:1px dashed #716a60;
	padding:5px 0 5px 30px;
	margin:1px 0 -1px 0;
}
.news li.link-1{background:url(/images/dark-link-1.gif) no-repeat 0 5px;}
.news li.link-2{background:url(/images/dark-link-2.gif) no-repeat 0 5px;}
.news li.link-3{background:url(/images/dark-link-3.gif) no-repeat 0 5px;}
.news li.link-4{background:url(/images/dark-link-4.gif) no-repeat 0 5px;}
.news li.link-5{background:url(/images/dark-link-5.gif) no-repeat 0 5px;}
.news li.link-6{background:url(/images/link-6.gif) no-repeat 0 5px;}
.news li.link-7{background:url(/images/link-7.gif) no-repeat 0 5px;}
.news li.link-8{background:url(/images/link-8.gif) no-repeat 0 5px;}
.news li.link-9{background:url(/images/link-9.gif) no-repeat 0 5px;}
.news li.link-10{background:url(/images/link-event.gif) no-repeat 0 5px;}

.news li.link-admin{background:url(/images/link-admin.gif) no-repeat 0 5px;}
.news li img{
	float:left;
	margin-right:10px;
}
.dark-box.scroll h3{margin:0;}

.dark-box.scroll{
	position:relative;
	/*height:300px;*/
}
.dark-box .scroll-holder {
	position:absolute;
	right:4px;
	top:30px;
}
.dark-box .scroll-holder .inner {
	background:url(/images/scroll-bg.gif) repeat-y 100% 0;
	width:450px;
	height:300px;
	overflow:hidden;
}
.dark-box .scrollable{
	width:100%;
	overflow:hidden;
}
.dark-box .scroll-castom {
	width:420px;
	z-index:8000;
	margin-top:0px;
	height:300px;
	overflow:hidden;
}
.dark-box.overviews {
  position: relative;
  font-size:11px;font-family:"Trebuchet MS", sans-serif;
}
/*friends*******************************************************/
.friends{
	width:694px;
	overflow:hidden;
	background:url(/images/friends-bg.gif) repeat-x;
	padding:25px 20px 0 16px;
}

.friends-name{
	float:left;
	width:307px;
	overflow:hidden;
	margin-right:20px;
	padding:10px 0 0 10px;
}
.friend-prof{
	float:left;
	width:347px;
	overflow:hidden;
	padding:10px 0 0 10px;
	position:relative;
	height:203px;
}
.friends .holder{background:url(/images/friends-profile.gif) repeat-y;}


.friend-foto{
	width:130px;
	float:left;
	overflow:hidden;
}
.friend-foto img{
	display:block;
	margin-bottom:10px;
}
.friend-info{
	width:177px;
	float:left;
	overflow:hidden;
}
.friends-name p{
	font-size:11px;font-family:"Trebuchet MS", sans-serif;
	text-transform:uppercase;
	margin:0;
}
.friends h3{
	font:1.4em "Trebuchet MS", sans-serif;
	margin:0 0 15px;
	text-transform:uppercase;
}
.friend-info p{
	line-height:1.3em;
	margin-bottom:12px;
}
.friend-info p a{
	color:#e2d2ba;
}
.friend-info p a:hover{text-decoration:none;}
.friend-info strong{
	font:1.0em/0.9em "Trebuchet MS", sans-serif;
	color:#e2d2ba;
	text-transform:uppercase;
}
.card{
	width:163px;
	overflow:hidden;
	background:#534c40;
	margin:7px 0 5px;
	padding:7px 0 7px 10px;
}
.card h4{
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	color:#000;
	margin:0;
	text-transform:uppercase;
}
.card p{margin:0;}
.friend-prof p{
	font:1.1em/1.2em "Trebuchet MS", sans-serif;
	margin:0 0 15px;
}
.friend-prof p strong{
	display:block;
	text-transform:uppercase;
}
.tabs, .tabs{
	width:100%;
	overflow:hidden;
	padding:20px 0 0;
}
.tabs{position:relative;}
.tabs h2, .tabs h2{
	font:1.4em "Trebuchet MS", sans-serif;
	margin:0 0 19px;
	text-transform:uppercase;
}
.tabset{
	width:100%;
	overflow:hidden;
}
.tabset.big{padding:18px 0 0;}
.tabset ul{
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
.tabset li{
  float:left;  
  border-bottom:1px solid black;
  margin-right:2px;
  background:#534c40;
}

.tabset li.active{
  background:#e2d2ba;
}
.tabset a{  
	height:18px !important;
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	line-height:18px;
	text-align:center;
	background:#534c40;
	padding:0px 7px 0px 7px;
}
.tabset a.active{
	background:#e2d2ba;
	color:#000;
}
.tab{
	width:900px;
	overflow:hidden;
	background:#e2d2ba;
	padding:20px 10px 18px;
	color:#000;
}
.my-friends .tab{height:172px;}


.my-albums .tab{
	/*height:400px; */
	padding:20px 20px 0;
	width:880px;
}
.my-find{
	width:100%;
	overflow:hidden;
}
.my-inbox .tab{
	padding:6px 20px 10px 20px;
	width:880px;
}
.tabs .tab h3{
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	color:#000;
	margin:0;
	text-transform:uppercase;
}
.photo{
	width:284px;
	float:left;
	overflow:hidden;
}
.gallery{
	width:564px;
	float:left;
	overflow:hidden;
	padding:0 0 0 32px;
}

.search_gallery{
	width:206px;
	float:right;
}

.photo p{
	font:1.2em/1.0 "Trebuchet MS", sans-serif;
	color:#000;
	margin:0 0 10px;
}
.photo img{
	display:block;
	margin-bottom:5px;
	border:none;
}
.photos{
	width:564px;
	overflow:hidden;
	margin:0;
	padding:10px 0 0;
	list-style:none;
}
.photos li{
	float:left;
	margin:0 0 9px 5px;
}
.photos li img{
	width:120px;
	border:none;
}
.separator-big{
	background:url(/images/big-separator.gif) no-repeat;
	width:557px;
	height:1px;
	display:block;
	text-indent:-30000px;
	overflow:hidden;
	margin:12px 0 0 8px;
}
.comment{
	width:100%;
	overflow:hidden;
	margin:0 0 15px 0;
	padding:0;
	list-style:none;
}
.comment li{
	float:left;
	border-left:1px solid #370300;
	padding:0 5px;
	margin:0 1px 0 -1px;
}
.comment li a{
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	color:#370300;
}
.comment li a:hover{text-decoration:none;}

/*separator****************************************************************/
.separator{
	background:url(/images/separator-line.gif) no-repeat;
	width:4126px;
	height:1px;
	text-indent:-3000px;
	overflow:hidden;
	display:block;
	margin:10px 0 0 5px;
}

.group{
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0 0 0 15px;
	list-style:none;
	min-height: 95px;
}
.group li{
	float:left;
	width:210px;
	overflow:hidden;
	margin:0 0 10px 5px;
}
.group li a{
	color:#e2d2ba;
	text-decoration:none;
}
.group li a:hover{
	text-decoration:underline;
}
.group li img{
	float:left;
	margin:0 10px 0 0;
}
.group li p{
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	margin:0;
	color:#000;
}
/*pages*****************************************************/
ul.pages{
	width:auto;
	overflow:hidden;
	margin:0 15px 0 0;
	padding:9px 0 0;
	float:right;
	list-style:none;
}
.pages li.btn{
	float:right;
	margin-right:0;
}
.pages li{
	float:left;
  	font-size:11px;font-family:"Trebuchet MS", sans-serif;
  	margin-left:4px;
}
.pages li a{
	color:#2c2c2a;
	text-decoration:none;
	border:1px solid #2d2d2b;
	float:left;
	padding:0 6px;
	font-weight:bold;
}
.pages li a:hover{text-decoration:underline;}
.pages li a.active{
	background:#2d2d2b;
	color:#e2d2ba;
}
.pages li a.active:hover{text-decoration:none;}
.pages li a.btn{
	border:none;
	padding:0;
}
.pages li a.btn em{
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
}
.pages li span{
  background:#2d2d2b;
  text-decoration:none;
  border:1px solid #2d2d2b;
  float:left;
  padding:0 6px;
  font-weight:bold;
  color:#e2d2ba;
}
.button{
	position:absolute;
	top:20px;
	right:0;
	display:block;
	font-size: 11px;
	font-weight: bold;
	font-family: "Trebuchet MS", sans-serif;
	color:#2c2c2a;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	padding:3px 0 0 0;
	width:164px;
	height:33px;
}
.button2{
	top:20px;
	right:0;
	display:block;
	font-size: 11px;
	font-weight: bold;
	font-family: "Trebuchet MS", sans-serif;
	color:#2c2c2a;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	padding:3px 0 0 0;
	width:164px;
	height:33px;
}
.button.album-btn{
	background:url(/images/album-bg.gif) no-repeat;
	line-height:16px;
}
.button.address-btn{
	background:url(/images/address-btn.gif) no-repeat;
	height:37px !important;
}
.address-holder{
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
	z-index:9;
}
.button.compose{
	background:url(/images/compose.gif) no-repeat;
	line-height:14px;
}

.button.looking{
	background:url(/images/btn-looking.gif) no-repeat;
	line-height:14px;
        font-weight: bold;
}

.button2.compose{
	background:url(/images/invite-friend.gif) no-repeat;
	line-height:14px;
}

.button:hover{text-decoration:underline;}
.mark{
	width:100%;
	overflow:hidden;
}
.mark ul{
	float:right;
	margin:0;
	padding:0 0 10px;
	list-style:none;
}
.mark ul li{
	float:left;
	background:url(/images/mark-arrow.gif) no-repeat 0 4px;
	padding:0 0 0 13px;
	margin-left:24px;
}
.mark ul li a{
	font-size:11px;font-family:"Trebuchet MS", sans-serif;
	color:#2d2d2b;
	text-transform:uppercase;
	text-decoration:none;
}
.mark ul li a:hover{text-decoration:underline;}

.friend-prof .scroll-holder {
	position:absolute;
	right:0px;
	top:35px;
}
.friend-prof .scroll-holder .inner {
	background:url(/images/scroll-bg.gif) repeat-y 100% 0;
	width:347px;
	height:165px;
	overflow:hidden;
}
.friend-prof .scrollable{
	width:100%;
	overflow:hidden;
}
.friend-prof .scroll-castom {
	width:317px;
	z-index:8000;
	margin-top:0px;
	height:165px;
	overflow:hidden;
}
.ltl-scroll{
	width:317px;
	overflow:hidden;
	padding:0;
}
.friend-prof .vscroll-bar { height:165px !important;}



/***************************************  abdou  scroll   pages ***************************************/


/******************generique  *************************************************************************/
.scroll-holder {
	position:absolute;
	right:10px;
	top:30px;
}
.scroll-holder .inner {
	background:url(/images/scroll-2-bg.gif) repeat-y 100% 0;
	overflow:hidden;
}
.scrollable2{
	width:100%;
	overflow:hidden;
}
.scroll-castom{
	z-index:8000;
	margin-top:0;
	overflow:hidden;
}
#scrollslider1 { background:#2f2b22 !important;}

/****************** fin generique  ********************************************************************/
.another{
	position:relative;
	height:300px;
	
}
.another .scroll-holder .inner {
	width:430px;
	height:280px;
}

.another .scroll-castom {
	width:400px;
	height:270px;
}

.another .vscroll-bar { 
	height:270px;
}

/**********************************/
.another2{
	position:relative;
	height:200px;
}

.another2 .scroll-holder .inner {
	width:430px;
	height:160px;
}

.another2 .scroll-castom {
	width:400px;
	height:160px;
}

.another2 .vscroll-bar { 
	height:160px;}

/**************/

.another3{
	position:relative;
	height:220px;
	
}
.another3 .scroll-holder .inner {
	width:430px;
	height:190px;
}

.another3 .scroll-castom {
	width:400px;
	height:195px;
}

.another3 .vscroll-bar { 
	height:190px
}




/*****  abdou  et olivier ***/

.my-find .another .scroll-holder {top:10px;}
.my-find .another .scroll-holder .inner {height:280px;}
.my-find .my-find .another .scroll-castom {height:280px;}
.another .vscroll-bar { height:280px !important;}
.my-find .another #scrollslider0 { background:#2f2b22  !important;}
.inbox table{
	width:100%;
	overflow:hidden;
	border-collapse:collapse;
	color:#000;
}
/* ************************************** Modifs Stef *********************************************** */

.inbox, .inbox-friendsrequests table tr{padding:0;}
.inbox table tr td{
	height:66px;
	padding:10px 20px 5px 1px;
	border-top:1px solid #b5a792;
	vertical-align:top;
	width:577px;
}
.inbox table tr td.check{
	width:30px;
	padding-right:0;
}
.inbox table tr td.mail-R-E{
	width:35px;
	padding-right:0;
}
.inbox table tr td.human{
	width:100px;
	padding-right:0;
}
.inbox table tr td.date{
	width:140px;
	padding-left:23px;
	padding-right:0;
	font-weight:normal;
}
.inbox table tr td.date.imag{background:url(/images/link-9.gif) no-repeat 0 12px;}
.inbox table tr td h4{
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	margin:0;
}
.inbox table tr td p{
	font-size:11px;font-family:"Trebuchet MS", sans-serif;
	margin:0;
	font-weight:normal;
}
.inbox table tr td div.description{
	font-size:12px;font-weight:normal;font-family:"Trebuchet MS", sans-serif;
	margin:0;
	font-weight:normal;
}

.inbox table tr td div.description a{
	font-size:12px;
}

.inbox table tr td div.description p{
	font-size:12px;
}

.inbox table tr td div.description{
	font-size:13px;font-weight:normal;font-family:"Trebuchet MS", sans-serif;
  margin:0;
  font-weight:normal;
}
.inbox table tr td.human div{
	width:100%;
	overflow:hidden;
}
.inbox table tr td.human div input{float:left;}
.inbox table tr td.human div label{float:left;}
.inbox table tr td.human div img{
	float:left;
	margin-left:5px;
}
.inbox table tr td.human ul{
	width:86px;
	overflow:hidden;
	margin:0;
	padding:8px 34px 0 30px;
	list-style:none;
}
.inbox table tr td.human ul li{
	float:left;
}
.inbox table tr td.human ul li.plus{float:right;}
.inbox table tr td.human ul li img{
	border:none;
}

.inbox table tr.active{background:#ccbea8;}
.inbox table tr a.more{
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	color:#5f352d;
	text-decoration:none;
	float:right;
}
.inbox table tr a:hover.more{
	text-decoration:underline;
}
.inbox, .inbox-friendsrequests table tr a.more:hover{text-decoration:none;}

.inbox, .inbox-friendsrequests table tr a.more1{
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	color:#5f352d;
}
.inbox-friendsrequests table tr h2{
	font-size:12px;
	font-weight:bold;
}
.accept a, .inner-comments a{
	font: 1.0em "Trebuchet MS", sans-serif;
	color:#9c836d;
}
.accept a:hover, .inner-comments a:hover{text-decoration:none;}

.inbox, .inbox-friendsrequests table tr p.more1{
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	color:#5f352d;
	margin: 5px 0 0 0;
}


.inbox, .inbox-friendsrequests table tr a.more1:hover{text-decoration:none;}
.inbox, .inbox-friendsrequests{
	width:auto;
}


.inbox table tr td.order_concierge p.juridique{
	width:600px;
	padding-right:0;
	font-size:10px;
}


/* ************************************** Fin Modifs Stef *********************************************** */

/* ************************************** Ajout Stef *********************************************** */ 

.inbox-friendsrequests table tr td{
	height:66px;
	padding:10px 20px 8px 0px;
	border-bottom:1px solid #b5a792;
	vertical-align:top;
}

.links-inboxfriendsrequests{
	margin:0;
	padding:10px 0 0;
	list-style:none;
}
.links-inboxfriendsrequests li{
	float:left;
	margin-right: 4px;
}

/* ************************************** Fin Ajout Stef *********************************************** */ 

#footer{
	width:950px;
	padding:0 0 0 10px;
	overflow:hidden;
}
#footer ul{
	width:100%;
	overflow:hidden;
	margin:0;
	padding:10px 0;
	list-style:none;
}
#footer ul li{
	float:left;
	margin:0 1px 0 -1px;
	font:bold "Trebuchet MS", sans-serif;
	font-size:11px;
	color:#fff;
	border-left:1px solid #e2d2ba;
	padding:0 5px;
}
#footer ul li.without{border:none;}

#footer ul li a{
	font-size:11px;
	color:#e2d2ba;
	float:left;
}
#footer ul li a:hover{text-decoration:none;}
#footer ul.right{
	float:right;
	width:auto;
	margin:-35px 0 0;
}

.scroll-content { width:420px !important;}
.vscroll-up,
.vscroll-down  {display:none !important;}
.vscroll-bar {height:282px;}


*>#popup-shadow {
	position: absolute;
	z-index: 100;
	left: 0;
	top: 0; 
	width: 100%; 
	height: 1px;
	display:none;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
	background-color:black;
}
*>#popup{
/*  position:absolute;
  top:0;
  left:-99999px;
  display:block;
  overflow:hidden;
  z-index:100;
  color:#2c2c2a;
*/}

#popup .close-block{
	font:bold 1.0em "Trebuchet MS", sans-serif;
	color:#e2d2ba;
	float:right;
	background:#2c2c2a;
	text-decoration:none;
	line-height:11px;
	padding:5px;
	margin:-25px 0 0;
}
#popup .separ{
	background:url(/images/popup-separator.gif) no-repeat;
	width:336px;
	height:1px;
	text-indent:-3000px;
	overflow:hidden;
	display:block;
}
#popup .separ-2{
	background:url(/images/popup-separator2.gif) no-repeat;
	width:598px;
	height:1px;
	text-indent:-3000px;
	overflow:hidden;
	display:block;
}
#popup .separ-3{
	background:url(/images/popup-separator3.gif) no-repeat;
	width:551px;
	height:1px;
	text-indent:-3000px;
	overflow:hidden;
	display:block;
}
#popup .separ-4{
	background:url(/images/popup-separator4.gif) no-repeat;
	width:650px;
	height:1px;
	text-indent:-3000px;
	overflow:hidden;
	display:block;
}


.find{
	width:328px;
	padding:10px 0 0 0;
	overflow:hidden;
}
.find div{
	width:100%;
	overflow:hidden;
	margin-bottom:3px;
}
.find label{
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	display:block;
}
/* commented by Webpulser - used for ?
.find a{
	margin:15px 0 0 134px;
}
*/
.big-box{
	width:600px;
	overflow:hidden;
	background:#ccbea8;
	padding:15px 10px 10px;
	margin-bottom:10px;
}
.media{
  height:820px;
}
.big-box .top{
	width:552px;
	overflow:hidden;
	padding:10px 24px 0;
}
.big-box .top h4{
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	margin:0;
	text-transform:uppercase;
	height: 14px;
}
.big-box .top p{
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	margin:-20px 0 0;
	text-transform:uppercase;
	float:right;
}
.big-box .main{
	width:552px;
	overflow:hidden;
	padding:0 24px 0;
}
.big-box .image-holder{
	width:552px;
	overflow:hidden;
	padding:20px 24px  8px;
	position:relative;
}
.big-box .image-holder .images{
	width:552px;
	height:366px;
	position:relative;
}
.big-box .image-holder .images img{
	/*position:center;*/
	top:0;
	left:0;
	z-index:0;
}
.big-box .image-holder .images img.active {z-index:1;}
.big-box .arrow-left, .big-box .arrow-right{
	width:14px;
	height:43px;
	text-indent:-3000px;
	overflow:hidden;
	display:block;
	position:absolute;
	top:162px;
}
.big-box .arrow-left{
	left:0;
	background:url(/images/arrow-left2.gif) no-repeat;
}
.big-box .arrow-right{
	right:0;
	background:url(/images/arrow-right2.gif) no-repeat;
}
.big-box .main p{
	font:1.2em/1.0em "Trebuchet MS", sans-serif;
	color:#000;
	margin:0 0 10px;
}
.popup-scroll{
	width:550px;
	overflow:hidden;
	position:relative;
	height:175px;
}
.popup-scroll .scroll-holder {
	position:absolute;
	left:3px;
	top:10px;
}
.popup-scroll .scroll-holder .inner {
	background:url(/images/scroll-2-bg.gif) repeat-y 100% 0;
	width:547px;
	height:100px;
	overflow:hidden;
}
.popup-scroll .scrollable2{
	width:100%;
	overflow:hidden;
}
.popup-scroll .scroll-castom {
	width:527px;
	z-index:8000;
	margin-top:0px;
	height:100px;
	overflow:hidden;
}

.popup-scroll .vscroll-bar { height:100px !important;}

.popup-scroll #scrollslider0 { background:#2f2b22  !important;}
.comment-block{
	width:520px;
	overflow:hidden;
	padding:5px 0 5px 0;
	border-bottom:1px dashed #000000;
}

.L-comments{
	margin:0 0 15px 0;
	border:1px solid #2c2c2a;
	background:#e2d2ba;
	padding:3px 0 3px 0;
}
.comment-block-2{
	width:390px;
	overflow:hidden;
	padding:5px 0 5px 0;


}


.popup-scroll .scroll-content { width:550px !important;}
.top-comments{
	width:100%;
	overflow:hidden;
}
.inner-comments{
	width:515px;
	overflow:hidden;
}
.top-comments img{
	float:left;
	margin:0 10px 0 0;
}
#comments_date{
	font-size:10px;
	font-family:"Trebuchet MS", sans-serif;
}
.top-comments h4, .top-comments p{
	margin:0;
	text-transform:uppercase;
	color:#000;
}
.top-comments h4{font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;}
.top-comments p{font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;}
.inner-comments p{
	margin:5px 0 0 0;
}
* html .big-box .vscroll-bar {right:-1px !important;}
.big-box .vscroll-bar {right:0px !important;}

.popup-column{
	width:150px;
	float:left;
	overflow:hidden;
	padding:20px 0 0;
}
.popup-content{
	width:400px;
	float:left;
	overflow:hidden;
	padding:20px 0 0;
}
.inner-scroll{
	width:398px;
	overflow:hidden;
	position:relative;
	height:178px;
	border:1px solid #2c2c2a;
	background:#e2d2ba;
}
.inner-scroll .scroll-holder {
	position:absolute;
	left:5px;
	top:10px;
}
.inner-scroll .scroll-holder .inner {
	background:url(/images/scroll-2-bg.gif) repeat-y 100% 0;
	width:387px;
	height:158px;
	overflow:hidden;
}
.inner-scroll .scrollable2{
	width:100%;
	overflow:hidden;
}
.inner-scroll .scroll-castom {
	width:370px;
	z-index:8000;
	margin-top:0px;
	height:158px;
	overflow:hidden;
}
.inner-scroll .scroll-content { width:370px !important;}
.inner-scroll .vscroll-bar { height:158px !important;}

.inner-scroll #scrollslider0 { background:#2f2b22  !important;}

.author{
	width:100%;
	overflow:hidden;
}
.author h4{
	
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	color:#000;
	margin:0 !important;
	text-transform:uppercase;
	float:left;
}
.author h5{
	font-size:11px;
	font-family:"Trebuchet MS", sans-serif;
	color:#000;
	margin:0 ;
	text-transform:uppercase;
		padding:5px;
		background:#e2d2ba;
	float:right;
}

.author .name{
	font-weight:bold;
	width:135px;
	font-size:11px;
	font-family:"Trebuchet MS", sans-serif;
	color:#000;
	margin:0 0 5px 0;
	text-transform:uppercase;
	float:left;
}
.author .date{
	width:135px;
	font-size:11px;
	font-family:"Trebuchet MS", sans-serif;
	color:#000;
	margin:0 0 5px 0;
	text-transform:uppercase;
	float:right;
}


.author p{
	font-size:10px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	color:#000;
	margin:0;
	text-transform:uppercase;
	float:right;
}

.mess{
	width:375px;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
}
.mess li{
	width:100%;
	overflow:hidden;
	border-top:1px dashed #3f3d39;
	padding:10px 0;
	margin:-1px 0 1px 0;
}
.mess li p{
	font-size:10px;font-family:"Trebuchet MS", sans-serif;
	color:red;
	margin:0;
}
 form .popup-content label{
	display:block;
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	color:#000;
}
 form .popup-content textarea{
	display:block;
	width:398px;
	height:138px;
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	color:#000;
	border:1px solid #2c2c2a;
	background:#e2d2ba;
	margin-bottom:20px;
}
.main form{
	width:100%;
	overflow:hidden;
}
.big-box form .btn{
	float:right;
	margin:10px 0 0;
}

.find{
	width:328px;
	padding:10px 0 0 113px;
	overflow:hidden;
}
.find div{
	width:100%;
	overflow:hidden;
	margin-bottom:3px;
}
.find label{
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	display:block;
}

.star-quote{
	width:410px;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
	background:url(/images/quote-separator.gif) repeat-x;
}
.star-quote li{
	overflow:hidden;
	padding:10px 0;
	background:url(/images/quote-separator.gif) repeat-x 0 100%;
}
.star-quote li .quote-image{
	float:left;
	overflow:hidden;
	width:65px;
	margin:0 10px 0 0;
}
.star-quote li .quote-image img{
	width:65px;
}
.star-quote li .quote-text{
	float:left;
	overflow:hidden;
	width:330px;
}
.quote-text-top{
	width:210px;
	overflow:hidden;
	float:left;
}
.quote-text-top h3{
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
  color:#370300;
	margin:0 0 5px;
	
}
.quote-text-top h4{
	font-size:11px;font-weight:normal;font-family:"Trebuchet MS", sans-serif;
	color:#170704;
	margin:0 0 5px;
	float:right;
}
.stars{
	float:right;
	overflow:hidden;
	margin:-12px 0 0;
	padding:0;
	list-style:none;
}
.stars li{
	float:right;
	height:16px;
	width:15px;
	margin-left:1px;
	background:none;
}
.quote-text p{
	font-size:11px;font-family:"Trebuchet MS", sans-serif;
	margin:0;
}
.quote-text p span{text-transform:uppercase;}
.quote-text a{
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	color:#370300;
	float:right;
	margin:0 0 0;
}
.quote-text a:hover{text-decoration:none;}
.my-find .holder{background:none !important;}
.my-find .box{background:#e2d2ba;}

.blocRate{

    float:right;
  
}
.blocRate h4{
  font-size:11px;font-weight:normal;font-family:"Trebuchet MS", sans-serif;
	color:#170704;
	margin:0 0 5px;
  
}

 /************************************************************************/

 


/************************ add contact **********************************************/

.add-contact{
	width:3px;
	overflow:hidden;
	padding:0 0 0 10px;
}
.add-contact-column{
	width:363px !important;
	float:left;
	overflow:hidden;
}
.add-contact-content{
	width:165px !important;
	float:left;
	overflow:hidden;
	padding:100px 0 0 35px;
}
.add-contact-column div{
	width:100%;
	overflow:hidden;
}
.add-contact div label{
	width:83px !important;
	float:left;
	overflow:hidden;
	text-align:right;
}
.add-contact div input{width:200px !important;}
.add-contact div.one-line span.input_ind input{
	width:60px !important;
}
.add-contact div.one-line span.input_num input{
	width:130px !important;
	margin:0 0 0 10px;
}
.add-contact textarea{
	height:50px;
}
.add-contact textarea.biggest{
	height:140px;
	width:400px;
}
.add-contact div.little{margin-bottom:-10px;}
.add-contact div.little input{
	width:125px !important;
	float:right !important;
	margin:-31px 6px 0 0 !important;
}
.add-contact div select{float:left !important;}

.picture-holder{
	width:138px !important;
	height:79px;
	background:#dbd1c2;
	border:1px solid #9c9282;
}

.add-contact-content label{
	float:none !important;
	display:block !important;
	text-align:left  !important;
}

/************************fin  add contact **********************************************/

/************************* contact concierge *******************************************/

.contact-conc{
	width:3px;
	overflow:hidden;
	padding:0 0 0 10px;
}
.contact-conc-column{
	width:363px !important;
	float:left;
	overflow:hidden;
}
.contact-conc-content{
	width:165px !important;
	float:left;
	overflow:hidden;
	padding:100px 0 0 35px;
}
.contact-conc-column div{
	width:100%;
	overflow:hidden;
}
.contact-conc div label{
	width:83px !important;
	float:left;
	overflow:hidden;
	text-align:right;
}
.contact-conc div input{width:200px !important;}
.contact-conc div.one-line span.input_ind input{
	width:60px !important;
}
.contact-conc div.one-line span.input_num input{
	width:130px !important;
	margin:0 0 0 10px;
}
.contact-conc textarea{
	height:50px;
}
.contact-conc textarea.biggest{
	height:140px;
	width:400px;
}
.contact-conc div.little{margin-bottom:-10px;}
.contact-conc div.little input{
	width:125px !important;
	float:right !important;
	margin:-31px 6px 0 0 !important;
}
.contact-conc div select{float:left !important;}

.picture-holder{
	width:138px !important;
	height:79px;
	background:#dbd1c2;
	border:1px solid #9c9282;
}

.contact-conc-content label{
	float:none !important;
	display:block !important;
	text-align:left  !important;
}

/******************************************* fin contact concierge *************************************************/

/*********************************************************************************************************************************************/
/****************************************************   CSS   NAJIB ***************************************************************************/
/**********************************************************************************************************************************************/

.liens{
	color:#370300;
	font-size: 11px;
	font-weight: bold;
	/* padding: 0 5px 0 5px; j'ai ajouté cette ligne **/
}

.separator-865px{
	background:url(/images/separator-865px.gif) no-repeat;
	width:865px;
	height:1px;
	display:block;
	text-indent:-30000px;
	overflow:hidden;
	margin:0px 0 0 8px;
}

.gallery-865px{
	width:865px;
	float:left;
	overflow:hidden;
	padding:0 0 0 32px;
}



.button.looking-btn{background:url(/images/looking-bg.gif) no-repeat;}

.event-over .scroll-holder {
	position:absolute;
	right:0px;
	top:0;
}
.event-over .scroll-holder .inner {
	background:url(/images/scroll-bg.gif) repeat-y 100% 0;
	width:430px;
	height:110px;
	overflow:hidden;
	position:absolute;
}
.event-over .scrollable{
	width:100%;
	overflow:hidden;

}
.event-over .scroll-castom {
	width:400px;
	z-index:8000;
	margin-top:0px;
	height:100px;
	overflow:hidden;
}
.event-over .ltl-scroll{
	width:400px;
	overflow:hidden;
	padding:0;
}

.event-over .vscroll-bar { height:110px !important;}


/*********************************************************************************************************************************************/
/*****************************************************  CSS  ABDOU   **************************************************************************/
/**********************************************************************************************************************************************/


/******  page my group  ***/

.my_groups label{
	font-size: 11px;
	font-weight: bold;
}
.my_groups .btn{
	font-size: 11px;
	font-weight: bold;
	float:right;
	margin: 15px 0 0 0;
}

.bg_picture{
	width: 120px;
	height:80px;
	background:#e0dcdc;
	margin: 0 0 8px 0;
	border:1px solid #a19e9e;

}
/***************************************  page add friend  ***************************************************/
.addfriends{
	width:694px;
	overflow:hidden;
	background:url(/images/friends-bg.gif) repeat-x;
	padding:25px 20px 0 16px;
}

.addfriends .holder{background:url(/images/add-friends-profile.gif) repeat-y;}
.phone{
	margin:0 25px 0 0;
}
.phone p{
	color:#575757;
	font-size: 14px;
	margin:0;
}

/**********************************************************   page groupes details   **************************/


.info_D{
	width:694px;
	background:url('/images/friends-bg.gif') repeat-x;
	padding:25px 20px 0 16px;
}
.bg_info_D{
	width: 430px;
	background: #2f2b22;
	padding:10px 10px 10px 10px;
	float:left;
}

.info_D_photo{
	margin: 0 10px 0 0;
	float: left;
}
.bg_info_D .info_intitule{
	width: 220px;
	float: left;
}
.bg_info_D .info_intitule h3{
	margin:0;
}

.invite_friends{
	width: 164px;
	float: right;
}

.invite_friends ul{
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
	list-style-image: url(/images/fleche_friend.gif);
}

.invite_friends li{
	margin: 0 0 5px 0;
	padding: 0;
}
.invite_friends li a{
	color: #e2d2ba;
	font-size: 11px;
	text-decoration: none;
	margin: 0 0 5px 0;
	padding: 0;
}
.invite_friends li a:hover{
	text-decoration: underline;
}

a.button2{
	text-decoration:none;
}
a:hover.button2{
	text-decoration:underline;
}




/**********************  Group event *********/
.group-event-item{
	margin: 0 0 8px 0;
}

.group-event-item .vignette{
	margin: 0 10px 0 5px;
	float:left;
}
.group-event-item .intitule{
	width: 390px;
	font-size:12px;
	line-height:15px;
	float:left;
}
.group-event-item .intitule h1,.group-event-item .intitule p{
	margin: 0;
}


/**********************  Group wall *********/

.bloc-group-wall{
	padding: 0 0 15px 0;
	min-height: 274px;
}

.bloc-group-wall .links{
	margin: 0 10px 0 0;
	padding:0;
}


.group-wall-item{
	width: 395px;
	margin: 0 0 8px 0;
	border-bottom:1px dashed #FFFFFF;
}

.group-wall-item .vignette_send{
	width:40px;
	margin: 0 5px 0 5px;
	float:left;
}
.group-wall-item .vignette_send a{
	color:#e2d2ba;
	font-size: 9px;
	font-weight: bold;
}

.group-wall-item .intitule{
	width: 320px;
	font-size:12px;
	line-height:15px;
	float:right;
}
.group-wall-item .intitule h1{
	margin: 0;
	float:left;
	font-size:11px;
}
.group-wall-item .intitule h2{
	margin: 0;
	float:right;
	font-size:11px;
}
.group-wall-item .intitule p{
	margin: 0;
	font-size:11px;
}

.liens{
	color:#370300;
	font-size: 11px;
	font-weight: bold;
}
.dark-box a.liens{
	color:#e2d2ba;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}
.dark-box a.liens:hover{
	text-decoration:underline;
}
/****************************************************************  page my concierge  ********************************/


/****  need any assistance *************/

.need_assistance{
	padding: 10px;
	background: #2c2c2a;
	margin: 0 0 20px 0;
}

.need_assistance p{
	position:relative;

}

.need_assistance img{
	margin: 0 0 20px 0;
}

.photo-product img{
	width:200px;
}
/******************  all my request   **************************/

.all_my_request{
	padding: 10px;
	background: #2c2c2a;
	margin: 0 0 20px 0
}
.my_request_intro{
	margin: 0 0 10px 0;

}
.my_request_intro p{
	margin: 10px 0 0 0;
	font-size: 12px;
}

.my_request_intro h3{
	margin: 0;
	font-size: 14px;
	color: #e2d2ba;
}
.all_my_request_item{
	width: 410px;
	margin: 0 0 0 5px;
	padding: 0 0 10px 0;

}

.all_my_request_vignette{
	margin: 0 5px 0 0;
	float: left;
        min-width: 60px;
        min-height: 40px;
}



.all_my_request_intitule{
	width: 345px;
	float:left;
}
.all_my_request_item h1{
	margin: 0;
	font-size: 12px;
}
.all_my_request_item p{
	margin: 0;
	font-size: 12px;
}

.all_my_request_item a{
	margin: 0;
	font-size: 12px;
	color: #e2d2ba;
	font-weight: bold;
}
.all_my_request_intitule h4{
	margin: 0;
	font-size: 12px;
}
.all_my_request_intitule p{
	margin: 2px 0 0 0;
	font-size: 12px;

}

.service_vignette{
	margin: 0 10px 0 0;
	float: left;
	width: 65px;
}
.intitule-service{
	width: 330px;
	float:left;
}

.liens_view{
	color:#e2d2ba;
	font-size: 11px;
	font-weight: bold;
	float:right;
}

.button_concierge{
	background:url(/images/button_concierge.gif) no-repeat;
	line-height:31px;
}

.choice_service{
	width: 290px;
	margin: 15px 0 0 110px;
}
.choice_service h1{
	color:#e2d2ba;
	font-size: 14px;
}
.choice_service label{
	width: 84px;
	font:size: 12px;
	padding: 2px;
	color: #9c836d;
	float:left;
}

.submit{
	margin: 15px 0 0 0;
}
.choice_service p{
	font:size: 12px;
	text-align:center;
	color: #e2d2ba;
}


.choice_service2{
	width: 485px;
	height: 220px;
	margin: 15px 0 0 25px;
	background: #8b8a85;
}

/************************************************************** page my concierge 2  *************************************************/

.concierge2{
	font-family:"Trebuchet MS", sans-serif;
	color:#2c2c2a;
	text-decoration:none;
	width:121px;
	height:32px;
	padding:4px 0 0 43px;
	background:url(/images/concierge-bg.gif) no-repeat;
	float:right;
	text-transform:uppercase;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	margin:0 0 0 0;
	display:block;
}
.concierge2:hover{text-decoration:underline;}
.new_Gift{
	padding: 10px;
	background: #2c2c2a;
	margin: 0 0 20px 0
}
.flash_newgift{
	margin: 20px 0 0 0;
}

.new_service{
	padding: 10px;
	width: 420px;
	background: #2c2c2a;
	margin: 0 0 0 0;

}
.new_service_item{
	margin: 0 0 10px 0;
	width: 410px;
	padding: 0 0 5px 0;
}
.new_service_item .all_my_request_vignette{
	width:100px;
}
.new_service_item h3{
	font-size:11px;
	margin: 0;
}
.new_service_item p{
	margin: 0 0 5px 0;
	font-size:11px;
}
.new_service_item a{
	color:#e2d2ba;
	font-size:11px;
	font-weight:bold;
}
.new_service-box{
	width:420px;
	margin: 20px 0 0 0;
	overflow:hidden;
	padding:0;
}
.new_service-box ul.pages li a{
	color:#e2d2ba;
	font-size:11px;
	font-weight:bold;
}

/********************************  page event list  ***************************************/

.eventlist h3{
	margin: 20px 0 0 0;
	text-transform: uppercase;
	font-size: 12px;
}
.box-event-list{
	width:441px;
	overflow:hidden;
	padding:5px 5px 10px;
	color:#000;
}
.text-lien{
	width:180px;
	margin:15px 0 0 35px;
	float:left;
}
.text-lien p{
	width:220px;
	margin: 0 0 10px 0;
}
.text-lien a{
	margin: 0 0 10px 0;
}

a.btn-event-list{	
	float:left;
	background:url(/images/btn-bg.gif) repeat-x;
	color:#2c2c2a;
	text-decoration:none;
}
a.btn-event-list.dark{background:url(/images/btn-bg-2.gif) repeat-x;}
a.btn-event-list span{
	background:url(/images/btn-left.gif) no-repeat;
	float:left;
}
a.btn-event-list.dark span{background:url(/images/btn-left-2.gif) no-repeat;}
a.btn-event-list em{
	width: 150px;
	background:url(/images/btn-right.gif) no-repeat 100% 0;
	float:left;
	text-align: center;
	font-style:normal;
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	height:17px;
	line-height:17px;
	padding:0px 10px;
	text-transform:uppercase;
	cursor:pointer;
}
a.btn-event-list.dark em{background:url(/images/btn-right-2.gif) no-repeat 100% 0;}
a.btn-event-list:hover, a.btn:hover em{text-decoration:underline;}


.my_event-list{
	width:430px;
	margin: 10px 0 0 0;
	padding:0;

}
.my_event-list_item{
	width: 400px;
	margin: 0 0 0 5px;
	padding: 0 0 10px 0;
}

.my_event-list_vignette{
	margin: 0 5px 0 0;
	float: left;
}
.my_event-list_intitule{
	width: 345px;
	float:left;
}
.my_event-list_item h1{
	margin: 0;
	font-size: 12px;
}
.my_event-list_item h2{
	margin: 0;
	font-size: 14px;
}
.my_event-list_item p{
	margin: 0;
	font-size: 12px;
}

.my_event-list_item a{
	margin: 0;
	font-size: 12px;
	color: #e2d2ba;
	font-weight: bold;
}
.my_event-list_intitule h4{
	margin: 0;
	font-size: 12px;
}
.my_event-list_intitule p{
	margin: 2px 0 0 0;
	font-size: 12px;
}


.diary-event-list-item{
	padding-bottom: 3px;
	border-bottom:1px dashed #000000;
	
}
.diary-event-list-item p{
	font-size:11px;
}
.diary-event-list-item .titre{
	float:left;
	width:90px;
}
.diary-event-list-item .titre a{
	font-weight:bold;
	font-size:12px;
	color: #2c2c2a;
	text-decoration:none;
}
.diary-event-list-item .titre a:hover{
	text-decoration:underline;
}
.diary-event-list-item .date{
	float:right;
	width:50px;
	text-align:right;
	
}

/********************************************** page city guide  ***********************************/

.city-guide-page h3{
	margin: 20px 0 0 0;
}
.formulaire-city-guide{
	margin: 0 0 0 125px;
}

.city_list_item{
	width: 440px;
	margin: 0 0 15px 5px;

}

.city_list_vignette{
	margin: 0 5px 0 0;
	float: left;
}

.city_list_item h1{
	margin: 0;
	font-size: 12px;
}
.city_list_item p{
	margin: 0;
	font-size: 12px;
}

.city_list_item a{
	margin: 0;
	font-size: 12px;
	color: #e2d2ba;
	font-weight: bold;
}


.city_list_intitule{
	width: 345px;
	margin: 0 0 0 10px;
	float:left;
}
.city_list_intitule h4{
	margin: 0;
	font-size: 12px;
	color:#170704;
}
.city_list_intitule h5{
	margin: 0;
	font-size: 12px;
	color:#170704;
	font-weight: normal;
}
.city_list_intitule p{
	margin: 0 0 0 0;
	font-size: 12px;

}
.city_list_intitule a{
	color: #370300;
	font-size: 11px;
	font-weight: bold;
	float:right;
}
.my_city_list{
	width:435px;
	overflow:hidden;
	padding:0;
	margin: 15px 0 0 0;
}

/*************************************  page my ubik  ********************************************/

.btn_calandar{
	margin: 0 0 0 10px;
}
.my_ubik_list{
	width:435px;
	padding:0;
	margin: 15px 0 0 0;

}
.ubik_list_item{
	width: 430px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

.ubik_list_item h3{
	margin: 0;
	font-size: 12px;
	color: #170704;
}
.ubik_list_item ul{
	margin: 8px 0 8px 0;
	padding: 0 0 0 15px;
	list-style: none;
}

.ubik_list_item li{
	list-style-image: url('/images/fleche_friend.gif');
}
.ubik_list_item li a{
	color:#2c2c2a;
	font-size: 11px;
}
.ubik_list_item a.delete {
	color:#370300;
	font-size: 11px;
	font-weight: bold;
	float:right;
}

.item_ubik{
	margin:15px 5px 0 25px;
}

.item_ubik img{
	margin:0 5px 0 0;
	width: 35px;
}


a.lien-city-guide{

	width: 332px;
	background: url(/images/fleche_accordion_ferme.gif) no-repeat top left ;
	outline: none;
	font-size:11px;
	color: #2c2c2a;
	font-weight: normal;
	padding:0 0 0 15px;
	margin:10px 0 0 0;
}

.phone-book h3{
	width: 200px;
	margin:0 0 15px 0;
	text-transform:uppercase;
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	float:left;
}

/***************************************  page add friend  ************************/

.social-relation{
	width:355px;
	margin: 15px 0 0 0;
	float:right;
	background: url('/images/bg_path_relation.png');
}
.social-relation h3{
	width:355px;
	text-align:center;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
}

.item-path{
	width:97px;
	float:left;
	margin:8px;
}

.item-path p{
	margin:0;
	text-align:center;
}
/***************************************  page add circle  ************************/
.addcircle{
	width:900px;
	float:left;
	overflow:hidden;
}
.my-circle{
	width:704px;
	margin:0;
	float:left;
}
.you-have-circle{
	width:190px;
	float:right;
}


.item-circle{
	width:190px;
	margin:15px 0 15px 0;
	font-size:12px;
}
.item-circle h3 a{
	font-size:12px;
	color:#2c2c2a;
	text-decoration:none;
}

.item-circle .edit-sup{
}

.item-circle .edit-sup a{
	color:#370300;
}
.you-have-circle table{margin:15px 0 15px 0;}
.you-have-circle td{font-size:12px;color:#2c2c2a;}
.you-have-circle a{color:#370300;}

/************************************ page all-search  *************************************/

h2.search-titre{
	font-size:14px;
	font-weight: normal;
}
.search-g{
	width: 673px;
	padding: 0 0 0 0;
	float: left;
	
}
.search-g h2{
	color: #2c2c2a;
	font-size:13px;
	font-weight: bold;
}
.search-D{
	width: 205px;
	float: right;
}

.search-D p{
	margin: 3px 0 0 0;
	font-size: 11px;
}
.search-D h4{
	margin: 3px 0 0 0;
	font-size: 11px;
}
.search-D a{
	color: #2c2c2a;
	font-size: 11px;
	font-weight: bold;
	padding:0 0 0 10px;
	text-decoration:underline;
}
.search-D a:hover{
	text-decoration:none;
}
.search-vignette{
	width:100px;
	float: left;
	margin: 0 10px 0 0;
}
.search_item{
	width: 326px;
	margin: 0 0 0 0;
	padding: 5px;
	float:left;
}
.search_item a{
	text-decoration:none;
}
.search_item a:hover{
	text-decoration:underline;
}
.search_item_double{
	width: 672px;
	margin: 0;
	border-left: 1px solid #b5a792;
	border-right: 1px solid #b5a792;
	background: url('/images/bg-search-item.gif');
	background-position: bottom;
}
.search_intitule{
	width:211px;
	margin: 0 0 0 0;
	float:left;
}
.search_intitule h4{
	margin: 0 0 0 0;
	font-size: 11px;
}
.search_intitule p{
	width:211px;
	margin: 0 0 0 0;
}
.search_intitule a{
	padding: 0 10px 0 0;
	font-weight: bold;
	color:#370300;
}
.goups_item_double{
	width: 674px;
	margin: 0;
}
.border-T-search{border-top: 1px solid #b5a792;}
.border-B-search{border-bottom: 1px solid #b5a792;}
.border-L-search{border-left: 1px solid #b5a792;}

.my-search{
	width: 170px;
	height: 13px;
	margin: 0 0 10px 0;
	border: 0;
}
.searchInput{
	height: 10px;
}

.nbre-result{
	margin: 3px 0 0 0;
	font-size: 11px;
	text-align: right;
}

.separator-search{
	background:url(/images/separator-search.gif) no-repeat;
	width:4126px;
	height:1px;
	text-indent:-3000px;
	overflow:hidden;
	display:block;
	margin:10px 0 0 5px;
}
.buttonsearch{
	display:block;
	font:bold 1.2em/1.1em "Trebuchet MS", sans-serif;
	color:#2c2c2a;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	padding:5px 10px 0 2px;
	width:174px;
	height:31px;
}
.button .looking{
	background:url(/images/address-btn.gif) no-repeat;
	line-height:14px;
}

/**************************  page phone book   *******************/

.my-phone-book h3{
	width: 200px;
	margin:0 0 15px 0;
	text-transform:uppercase;
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	float:left;
}

.my-phone-book .search{
	width: 215px;
	float:right;
}
.my-phone-book .separ-3{
	background:url(/images/separator-editG.gif) no-repeat;
	width:708px;
	height:1px;
	text-indent:-3000px;
	overflow:hidden;
	display:block;
}

.phone-navigation{
	margin: 15px 0 0 0;
}
.phone-navigation ul{
	list-style: none;
	margin: 0;
	padding: 0;	
}
.phone-navigation li{
	float:left;
	font-size: 13px;
	font-weight: bold;
	border-top:1px solid #c9b9a1;
	border-left:1px solid #c9b9a1;
	padding:4px 0 3px 1px;
	color:#534c40;
	background: white;	
}

.phone-navigation li a{
	font-size: 13px;
	font-weight: bold;
	padding: 3px 8px 3px 8px;
	color:#534c40;
	background: #e2d2ba;
	text-decoration: none;	
}
.phone-navigation .last{
	border-right :1px solid #c9b9a1;
}
.phone-navigation .active{
	color:white;
	background: url('/images/bg_li_phone.gif');
	background-position:top;
	background-repeat:repeat-x;
	border-top:1px solid #7b6b53;
	border-left:1px solid #7b6b53;
}
.result-phone-book{
	width: 871px;
	border-top:1px solid #c9b9a1;
}

.result-phone-book .item_double{
	width: 872px;
	margin: 0;
	border-left: 1px solid #b5a792;

	border-bottom: 1px solid #b5a792;
	background-position: bottom;
}

.result-phone-book .item{
	width: 425px;
	margin: 0 0 0 0;
	padding: 5px;
	float:left;
	font-size: 12px;
	border-right: 1px solid #b5a792;
}
.result-phone-book .bg_item{
	background: #ccbea8;
}
.item-nbre{

	width: 175px;
	float: left;
}
.item-adress{
	
	border-left: 1px solid #b5a792;
	width: 155px;
	padding: 0 0 0 12px;
	float: left;
}

.result-phone-book .intitule{
	margin: 0 0 0 0;
}
.result-phone-book .intitule h4{
	margin: 0 0 0 0;
	font-size: 11px;
}
.result-phone-book .intitule p{
	margin: 0 0 0 0;
}
.result-phone-book .intitule a{
	padding: 0 10px 0 0;
	font-weight: bold;
	color:#370300;
}

/********** page my-edit ****************/

.my-edit-list{
	width:670px;
	float: left;

}

.my-edit-list-link{
	background:#e2d2ba;

}
.my-edit-list-link .separ-2{
	margin:0;

}


.privacy-setting{
	margin: 77px 0 0 0;
	width:210px;
	padding: 10px;
	background:#e2d2ba;
	float: right;
}

.privacy-setting h2{
	font-size: 13px;
	color: #000000;
	margin: 0;
	text-transform: uppercase;
}

.privacy-setting p{
	margin: 5px 0 8px 0;

}
.privacy-setting label{
	color: #000000;
	font-size: 11px;
}
.privacy-setting select{
	width:205px;
	height: 20px;
	border: 1px solid #a89980;
	background: #000000;
	color: #e2d2ba;
	font-size:11px;
}

.my-edit-list .tabset{
	width:670px;	
}

.my-profil-list .tabset ul{
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
}
.my-edit-list .tabset li{
	float:left;
}
.my-edit-list .tabset li a{

	height:18px !important;
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	line-height:18px;
	text-align:center;
	background:#534c40;
	padding:0 10px 0 10px;
}
.my-edit-list .tabset li a.active{
	background:#e2d2ba;
	color:#000;
}
.my-edit-list .links{
	float: left;
	margin: 0 0 0 10px;
}
.my-edit-list  ul.links{
	padding: 0;
	margin: 15px 0 0 450px;
}
*html .my-edit-list  ul.links{
	padding: 0;
	margin: 5px 0 0 230px;
}

.my-edit{
	margin: 15px 0 0 0;
}

.my-edit-list .separ-2{
	background:url(/images/popup-separator2.gif) no-repeat;
	width:598px;
	height:1px;
	margin: 25px 0 0 20px;
}
.my-edit p{
	margin: 0 0 15px 0;
}

.my-edit label{
	width:140px;
	float:left;
	line-height:21px;
	font-size:11px;font-family:"Trebuchet MS", sans-serif;
	color:#000000;
	text-align:right;
	margin: 0 5px 0 0;
}
input{
	font-size:11px;
}
select{
	font-size:11px;
}
.my-edit textarea{
	width:190px;
	font-size:11px;font-family:"Trebuchet MS", sans-serif;
	background:#111113;
	border:1px solid #8b8a85;
	height:70px;
	padding:5px;
	color:#e2d2ba;
}

.subscription{
	width: 330px;
	float: left;

}
.subscription h2, .my-invoices h2{
	font-size: 12px;
	font-weight: bold;
	color: #2c2c2a;
	margin: 0;
	text-transform: uppercase;
}
.my-invoices{
	width: 265px;
	margin: 0 0 0 25px;
	float: left;
}

.my-invoices .liens{
	margin: 10px 0 10px 0;
}
.my-invoices .liens a{
	padding: 0 15px 0 0;
	color:#370300;
	font-size: 11px;
}
.my-invoices-checkbox{
	width: 265px;
	/**color: #e2d2ba;
	background:#111113;**/
	padding: 10px;
}


.hobbies-G{
	width: 355px;
	float: left;
}

.hobby-droite{
	width: 260px;
	float: left;
	margin:0 0 0 10px;

}
.hobby-list{
	width: 260px;
	padding: 10px;
	background:#111113;
	color: #e2d2ba;

}

.hobby-autre{
	margin:15px 0 0 0;
}

.hobby-autre label{	
	text-align:left;
}

.hobby-autre textarea{	
	width:270px;
}


.hobby-list-col{
	width: 120px;
	font-size:11px;
	float:left;
}

.hobby-other-interest{
	width: 275px;
	margin: 0 0 0 25px;
	float: left;
}
.hobby-other-interest p{
	margin: 0;
}
.hobby-other-interest textarea{
	width: 250px;
	height: 95px;
	margin: 0 0 20px 0;
	font-size:11px;font-family:"Trebuchet MS", sans-serif;
	color:#e2d2ba;
	padding: 5px;
	background:#111113;
	border:solid #8b8a85;
	border-width:0 0 1px;
}

/****** fin page my-edit ******************/

/*********** page myprofile ************/

.my-profile-list{
	width:686px;
}

.my-profile-list.tabset{
	width:100%;
	overflow:hidden;
}
.my-profile-list.tabset.big{padding:18px 0 0;}
.my-profile-list.tabset ul{
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
}
.my-profile-list.tabset li{
	float:left;
}
/* .my-profile-list.tabset li a{
	display:block;
	height:18px !important;
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	line-height:18px;
	text-align:center;
	background:#534c40;
	border:solid #000;
	border-width:0 1px 1px 0;
	padding:0 !important;
} */
.my-profile-list.tabset li a.active{
	background:#e2d2ba;
	color:#000;
}

ul.list-profil-user{
	list-style:none;

}

/********fin page myprofiel  ***************/

/***********************************   popup  Abdou  ********************************/

.PPS{
/*  overflow:hidden;
  background:#ccbea8;
  padding:15px 13px 10px;
  margin-bottom:10px;
  color:#2c2c2a;
  margin-left:auto;
  margin-right:auto;
*/}
.PPS .btn{
	float:right;
}
.PPS .separ{margin:0px 0 10px 0;}
.PPS .separ-2{margin:20px 0 10px 0;}
.PPS .separ-3{margin:20px 0 10px 0;}
.PPS .separ-4{margin:20px 0 5px 0;}

.PPS h3{
	font-size:12px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	margin:0 0 10px;
	text-transform:uppercase;
}
.chekbox{
	width:175px;
	border:1px solid #2c2c2a;
	background:#e2d2ba;
	padding: 10px;
	float: left;
}

.invite-friend a{
	color: #370300;
	font-size: 11px;
	text-align:right;
	font-weight: bold;
}
.invite-friend label{
	width: 120px;
	float:left;
}
.chekbox input{
	width:15px;
	margin: 0 0 0 0;
}

.chekbox h4{
	margin:0;
	font-size:11px;
}

.chekbox p{
	margin: 0 0 5px 0;
	font-size: 11px;
}
.chekbox .friend-circle p{
	margin:0 0 5px 20px;
	font-weight: normal;
}
.chekbox p.ring-friendss{
	font-weight: bold;
} 
.chekbox table{
	margin: 0 0 8px 0;
}
.upfile{
	margin: 0 0 0 112px;
}


#popup .titre{
	margin: 0 0 5px 0;
	text-transform: uppercase; 
	font-size:12px; 
	color: #2c2c2a;
}

/********  popup create album ***************/

/************/

/*** KAMEL ****/
#pandaloader #upload file{
	margin:0 0 0 110px;
	z-index:6;
}
/*************/
.create{
	width:340px;
}

.add{
	width:340px;
}


.up_file .file{
	margin:0 0 0 110px;
	z-index:6;
}

.browse_pict{
	margin:0 0 0 112px;
	width:185px;

}
.browse_pict img{
	width:120px;
	margin:0 0 10px 0;

}


.browse_pict_group label#group_picture{
	width:100px;
	float:left;
	margin:0 10px 0 0;
	text-align: right;
}
.browse_pict_group .file{
	float:left;
}

.browse_pict_group img{
	width:100px;
	

}



/*
.add .file{
	background:url(/images/browse-input-bg.gif) no-repeat;
	height:21px;
	width:50px;
	margin:0;
	font:1.1em Arial, sans-serif;
	color:black;

}
.add .up_file{
	margin: 0 0 0 112px;

}

.add .file .file-input-area{
	top:0;
	left:0;
	color:black;
	float:left !important;
	height:21px !important;
	padding:0 !important;
	margin:0 0 0 -75px !important;
	width:50px !important;
	z-index:6;
	border:0;
	background: transparent;


}

.add .file input{
	font:1.1em Arial, sans-serif;
	width:50px;
	color:black;
	border: 1px solid red;
}
.add .file .browse-button{
	float:right  !important;
	overflow:hidden;
	background:url(/images/browse-bg.gif) no-repeat;
	width:69px !important;
	height:21px !important;
	text-indent:-9999px;
	margin-right:0px;
}

*/

/************  edit group **********/

.edit-group{
	width:660px;

}

.edit-group .picture{
	width: 143px;
	height:80px;
	background: #dbd1c2;
	border:1px solid #2c2c2a;
	margin: 0 0 0 111px;
}

.popup-EGroup-G{
	width: 330px;
	float:left;

}

.popup-EGroup-D{
	width: 330px;
	float:right;


}

.popup-EGroup-G h2, .popup-EGroup-D h2{text-transform: uppercase; font-size:12px; color: #2c2c2a; margin:5px 0 0 0;}

.popup-EGroup-D .invite-friend{
	margin: 35px 0 0 0;
}

/***************************************  popup my concierge  *******************/

#popup .contact-my-concierge p, #popup .contact-my-concierge2 p{
	margin: 5px 0 0 35px;
	font-size:11px;
}

/********  popup 1 ******************/
.contact-my-concierge{
	width:350px;
}

/********  popup 2 ******************/
.contact-my-concierge2{
	width:350px;
}

.contact-my-concierge2 select{
	width: 271px;
}
.check-my-concierge input{
	width:20px;
	margin: 8px 5px 0 0;

}
.check-my-concierge p{
	font-size: 12px;
	margin: 0 0 0 0;
	text-align: left;
}

/********************** popup product  **********************/

.pp-products{
	width:350px;
}
.pp-products ul.list-button{
	list-style:none;

}
.pp-products .btn{
	margin:0 5px 0 5px;
}
.pp-products li.list-button {
	margin:0 5px 0 5px;
	float:left;

}

/********************** popup services  **********************/

.pp-services{
	width:350px;
}
.pp-services ul.list-button{
	list-style:none;

}
.pp-services .btn{
	margin:0 5px 0 5px;
}
.pp-services li.list-button {
	margin:0 5px 0 5px;
	float:left;

}
.pp-services p.subject{
	margin: 0 0 8px 5px;
	text-transform:uppercase;
	font-weight:bold;
}
.pp-services p.description-services{
	margin: 0 0 0 5px;
}
.pp-services p.juridique{
	margin: 20px 0 0 0;
	font-size:9px;
}
/*********************************** popup add adress  *********************/

.add-adress{
	width:590px;
}

.picture-holder{
	width:138px;
	height:79px;
	background:#dbd1c2;
	border:1px solid #9c9282;
}

.add-adress-G{
	width: 350px;
	float: left;
}
.add-adress-D{
	width: 220px;
	float: right;
}
.add-adress-D .file{
	margin:0 0 10px 0;
}

/******************** popup add event  *************/

.add-event{
	width:335px;
}

#popup .add-event .location textarea{
	height:45px;
}

/*******  popup manage member  *********/

.manage-member{
	width: 335px;
}
#popup .manage-member .liens{
	font-size: 12px;
	color: #370300;
	font-weight: bold;
}

/*************** popup invit friend  ***************/

.pp-invit-friend{
	width: 337px;
}

/*******  popup press  ****************************/

.pp-press{
	width: 680px;
}

.pp-press a {
  font-weight: bold;
}

.pp-press .btn{
	float: right;
}
.pp-press .separ-3{
	margin: 0 0 10px 0;
	text-transform: uppercase; 
	font-size:13px;
}

.press-g{
	width: 330px;
	float:left;
	padding:0 5px 0 0;
	margin:0 0 8px 0;
	border-right :1px solid #b5a792;
}

.press-d{
	width: 330px;
	float:left;
	margin: 0 0 0 10px;
}

.press-item{
	width: 300px;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
}
.press-g .press-item img, .press-d .press-item img{
	width: 100px;
	margin: 0 10px 0 0;
	float:left;
}
.press-vignette{
  width:100px;
}
.press-item .press-list-intitule{
	width: 180px;
	margin: 0;
	float:left;
}
.press-item .press-intitule{
  width: 180px;
	margin: 0;
	float:left;
}

/**********  press list  *********/
.press-item .press-list-intitule h3{
	text-transform: uppercase;
	margin: 0;
}
.press-list-intitule p{
	font-size: 12px;
	line-height: 14px;
	margin: 8px auto 8px auto;
	text-align:justify;
}

.press-item .press-intitule h3{
	text-transform: uppercase;
	margin: 0;
}
#popup .press-d h3{
  text-transform: uppercase;
}
.press-intitule p, press-d p{
	font-size: 12px;
	line-height: 14px;
	margin: 8px auto 8px auto;
	text-align:justify;
	
}

.press-item .press-intitule .liens, .press-item .press-list-intitule .liens, #popup .press-d .liens{
	font-size: 12px;
	color: #370300;
	font-weight: bold;
}

.press-list-kit{
	margin: 0 10px 0 0;	
}
p.m-juridique{
	font-size:10px;
}
/***********  popup contact  ******/

.pp-contact{
	width: 355px;
}
#popup .pp-contact .description textarea,
#feedback .pp-contact .description textarea
{
	width: 300px;
	height: 250px;
	margin: 0 0 0 24px;
	font-size:11px;font-family:"Trebuchet MS", sans-serif;
	color:#000;
	padding:0;
	background:#e2d2ba;
	border:1px solid #2c2c2a;
}

/*****************   popup payment ***************/

.pp-payment{
	width: 390px;
}


/***********  popup compose message  ******/

.pp-compose-message{
	width: 600px;
}

#popup .pp-compose-message label{
	float: left;
	width: 165px;
}
#popup .pp-compose-message input{
	width: 400px;
	padding: 0 0 0 5px;
}
#popup .pp-compose-message textarea{
		width: 400px;
		height: 250px;
		padding: 0 0 0 5px;
}

.suggestionList a{
	text-decoration:none;
}
.suggestionList a:hover{
	text-decoration:underline;
}

/***********  popup compose message   ******/

.pp-compose-wall-message{
	width: 600px;
}

#popup .pp-compose-wall-message label{
	float: left;
	width: 165px;
	text-align:right;
}
#popup .pp-compose-wall-message input{
	width: 400px;
	padding: 0 0 0 5px;
}
#popup .pp-compose-wall-message textarea{
		width: 400px;
		height: 150px;
		padding: 0 0 0 5px;
		border:1px solid #2c2c2a;
		  font-family:"Trebuchet MS",sans-serif;
	background: #e2d2ba;
	color:#2c2c2a;
	font-size:11px;
}
#popup .pp-compose-wall-message .converse-wall{
		width: 400px;
		height:250px;
		background:#e2d2ba;
		border: 1px solid #2c2c2a;
		padding: 5px 0 0 5px;
		margin: 0 0 0 175px;
}
#popup .pp-compose-wall-message .wall-item{
		width: 360px;
		margin: 15px 0 0 0;
		padding-bottom: 15px;
}
#popup .pp-compose-wall-message .wall-item h3{
	margin: 0 0 5px 0;
	font-size: 12px;
	text-transform: uppercase;
}
#popup .pp-compose-wall-message .wall-item p{
	margin: 0;
	font-size: 12px;
	line-height: 14px;
}
#popup .wallborder{
	border-bottom: 1px dashed #2c2c2a;
}

/*************   popup  edit my circle *********/

.edit-circle{
	width: 332px;
}


/*******  popup jobs  *********/
.pp-jobs{
	width: 335px;
}

#popup .jobs-intro{
	margin:20px 0 25px 0;
}

#popup .jobs-intro p{
	margin:0;
	font-size: 12px;
	line-height:14px;
}
#popup .jobs-intro p.description{
	margin:0;
	font-size: 12px;
	line-height:14px;
	text-align:left;
}
#popup .jobs-profil-titre{
	margin:0 0 5px 0;
	text-transform: uppercase;
	font-size: 12px;
}
#popup .jobs-profil{
	border:1px solid #2c2c2a;
	background: #e2d2ba;
	padding: 10px ;
	margin: 0 0 0 0;
}

#popup .jobs-border{
	border-bottom:1px solid #b5a792;
	padding: 0 0 10px;

}
#popup .jobs-item{
	width: 285px;
	margin:10px 0 0 0;
}
#popup .jobs-vignette{
	margin: 0 10px 0 0;
	width: 50px;
	float:left;
}
#popup .jobs-item h3{
	margin:0;
}
#popup .jobs-item h4{
	margin:0;
}
#popup.jobs-intitule{
	width: 220px;
	float:left;
}
#popup .jobs-intitule h4{
	margin:0;
	text-transform: uppercase;
	font-weight: normal;
	font-size:12px;
	line-height: 13px;
}
#popup .jobs-intitule h5{
	margin:0;
	font-size:12px;
	line-height: 13px;
}
#popup .jobs-item p{
	width: 275px;
	margin:8px 0 0 0;
	font-size:12px;
	line-height: 14px;
}



/***********  popup job 2  ******/

.pp-jobs-2{
	width: 335px;
}
#popup .jobs-intro .link-job-2{
	float: right;
}

/***************   popup forgotten password  *************/

.pp-password{
	width: 335px;
}
.pp-password p{
	margin: 0 0 15px 0;
}
.pp-password label{
	width: 100px;

}
.pp-password input{
	padding:0 0 0 3px;

}

.pp-password_ok{
	width: 335px;
	overflow:hidden;
	background:#ccbea8;
	padding:15px 13px 10px;
	margin-bottom:10px;
}
.pp-password_ok p{
	width: 335px;
	text-align: center;
}

/***************  popup confirm ****************/


.pp-confirm{
	width: 335px;
}
.pp-confirm p{
	width: 335px;
	text-align: center;
}

/***************  popup  add friend ****************/


.add-friend{
	width: 335px;
}

/***************  popup pp-confirm-edit-profil****************/
.pp-confirm-edit-profil{
	width: 335px;
}

.pp-confirm-edit-profil p{
	width: 335px;
	text-align: center;
}
/***************    popup term of use  ********************/

.cleara{
	float:left;
}

.term-Use{
	width: 600px;
}
.term-Use p{
	width:560px;
	text-align:justify;
}
.langues {
	margin: 0;
}
.langues a{
	color: #370300;
	font-weight: bold;
	background-color:#ccbea8;
}

.about-us p {
  margin-bottom: 1em;
}

.term-Use .tabset ul, .conditions .tabset ul, .privacy-policy .tabset ul , .about-us .tabset ul{
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
}
.term-Use .tabset li, .conditions .tabset li, .privacy-policy .tabset li, .about-us .tabset li{
	float:left;
}
.term-Use .tabset li a , .conditions .tabset li a, .privacy-policy .tabset li a, .about-us .tabset li a{	
	font-size:11px;font-weight:bold;font-family:"Trebuchet MS", sans-serif;
	color: #370300;
	text-decoration:none;
	text-transform:uppercase;
	line-height:12px;
	text-align:center;
	border-width:0 1px 1px 0;
	padding:0 10px 0 10px;
}
.term-Use .tabset li a.active, .conditions .tabset li a.active, .privacy-policy .tabset li a.active, .about-us .tabset li a.active{
	color: #370300;
	background:#e2d2ba;
}
.term-Use .tabs, .conditions .tabs, .privacy-policy .tabs, .about-us .tabs{
	margin: 0;
}
.term-Use .tab, .conditions .tab, .privacy-policy .tab, .about-us .tab{
	margin: 0;
	width:580px;
	overflow:hidden;
	padding:10px;
	color:#000;
}
.pp-condition-btn a{
	font-size: 11px;
	color: #370300;
	font-weight: bold;
}


/***************    popup conditions  ********************/

.conditions{
	width: 600px;
}

/***************    popup privacy policy  ********************/

.privacy-policy{
	width: 600px;
}
/***************    popup about us  ********************/

.about-us{
	width: 600px;
}

.about-us img{
	margin:3px 5px 0 0;
}
img.logo_aboutUs{
	width:100px;
}

/***************    popup finance  ********************/

.financial-terms{
	width: 600px;
}


/***************    popup questionnaire  ********************/

.questionnaire{
	width: 600px;
}
.questionnaire .intro{
	width: 580px;
	font-weight:bold;
}
.questionnaire .question{
	width: 570px;
}
.questionnaire .question h4{
	margin:3px 0 3px 0;
	font-size:11px;
}

.questionnaire .question table{
	margin:5px 0 0 15px;
}
.question textarea{
	width:300px;
	height: 45px;
	margin:5px 0 0 15px;
	font:11px, "Trebuchet MS", sans-serif;
	color: #2c2c2a;
	padding:0;
	background:#e2d2ba;
	height:85px;
	padding:2px;
	border:1px solid #2c2c2a;
}
.question input{
	background:#e2d2ba;
	border:1px solid #2c2c2a;
}
.questionnaire ul.list-button{
	list-style:none;

}
.questionnaire .btn{
	margin:0 5px 0 5px;
}
.questionnaire li.list-button {
	margin:0 5px 0 5px;
	float:left;

}


/***     popup commande  ***************/

.pp-commande{
	width: 337px;
}
#popup .pp-commande .description textarea{
	width: 284px;
	height: 250px;
	margin: 0 0 0 24px;
	font-size:11px;font-family:"Trebuchet MS", sans-serif;
	color:#000;
	padding:0;
	background:#e2d2ba;
	border:1px solid #2c2c2a;
}

.pp-commande ul.list-button{
	list-style:none;

}
.pp-commande .btn{
	margin:0 5px 0 5px;
}
.pp-commande li.list-button {
	margin:0 5px 0 5px;
	float:left;

}


/*******   popup geo locator  ****/


.geo-locator{
	width:335px;
}
/*******   popup add an address  ****/

.address{
	width: 337px;
}
.group-photo-adress .file{
	margin-left:110px;
}

.photo-add-adress{
	width: 100px;
	float:left;
	text-align:right;
}

/******************************************************   STYLE    *********************************/

.gras{
	font-weight: bold;
}
.size12{
	font-size:18px;
}
.alignR{
	text-align: right;
}
.norm{
	font-weight: normal;
}
.italic{
	font-weight: italic;
}
.floatL{
	float:left;
}
.floatR{
	float:right;
}
.clear{
	clear: both;
}
.dashed_B{
	border-bottom: 1px dashed #e2d2ba;
}
.border_dashed{
	padding: 5px 0 5px 0;
	border-top: 1px dashed #FFFFFF;
	border-bottom: 1px dashed #FFFFFF;
}
.border_dashed_black{
	padding: 5px 0 5px 0;
	border-top: 1px dashed #000000;
	border-bottom: 1px dashed #000000;
}

.white{
	color:#FFFFFF;
}

.trait{
	border-bottom: 1px solid #b5a792;
}
.border_black{
	padding: 5px 0 5px 0;
	border-top: 1px dashed #000000;
	border-bottom: 1px dashed #000000;
}
.dashed_black_b{
	padding: 5px 0 5px 0;
	border-bottom: 1px dashed #000000;
}
.width500{
	width: 500px;
}
.bg_marron{
	background: #e2d2ba;
	padding:5px 0 10px 10px;
}
.bg_gris{
	background: #2c2c2a;
	padding:5px 0 10px 10px;
}
.width_30{
	width:30px;
}
.size9{
	font-size:9px;
}
.fleft {
float:left;
}

.spacer {
	clear:both;
}
.paddinL{padding-left:10px}

.couleur_alpha{
	background-color:#e2d2ba;
	/*#807058*/
}
img{
	border:0;
}
.capitalize{
	text-transform: capitalize;
}
/***********************************************   FORMULAIRE  *******************************************/


form{
	padding:0;
	margin:0;
}
.form_group{
	margin: 10px 0 10px 0;
}

.gallery .form_group{
	margin: 10px 0 10px 0;
}


.form_group img{
	border:0;
	margin:0 0 0 5px;
} 

.form_group p{
	margin: 10px 0 10px 0;
}
.form_group label{
	float: left;
	width: 100px;
	text-align:right;
	margin: 0 10px 0 0;
}
.form_group input{
	font-size:11px;font-family:"Trebuchet MS", sans-serif;
	height: 15px;

}

.form_group textarea{
	width:190px;
	font:11px, "Trebuchet MS", sans-serif;
	color: #2c2c2a;
	padding:0;
	background:#e2d2ba;
	height:85px;
	padding:2px;
	border:1px solid #2c2c2a;
}

input.my_select_black{
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #a89980;
	background: #111113;
	color: #e2d2ba;
		padding:3px 3px 3px 4px;
}
select.my_select_black{
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #a89980;
	background: #111113;
	color: #e2d2ba;
	padding:3px 3px 3px 0;
}
.my_select_brown{
	border: 1px solid #2c2c2a;
	background:#e2d2ba;
	color: #2c2c2a;
}
.my_select_black2 select{
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #a89980;
	background: #111113;
	color: #e2d2ba;
	width: 200px;
}
.my_select_brown2 select{
	border: 1px solid #2c2c2a;
	background:#e2d2ba;
	color: #2c2c2a;
	width: 200px;
}

/*******/
.my_select_black_birth select{
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #a89980;
	background: #111113;
	color: #e2d2ba;
	margin: 0 0 0 2px;
}	

.my_select_black_birth select#user_birthday_3i{
	width: 48px;
}	
.my_select_black_birth select#user_birthday_2i{
	width: 84px;
}
.my_select_black_birth select#user_birthday_1i{
	width: 59px;
}


/****  pour le since dans my profil  *****/

.my_select_black_birth select#user_title_date_3i{
	width: 48px;
}
.my_select_black_birth select#user_title_date_2i{
	width: 84px;
}

.my_select_black_birth select#user_title_date_1i{
	width: 59px;
}



/*********/
.my_select_brown_birth select{
	border: 1px solid #2c2c2a;
	background:#e2d2ba;
	color: #2c2c2a;
	margin: 0 0 0 2px;
}	

.my_select_brown_birth select #user_birthday_3i{
	width: 60px;
}	
.my_select_brown_birth select #user_birthday_2i{
	width: 90px;
}
.my_select_brown_birth select #user_birthday_1i{
	width: 55px;
}


.my_select_brown_birth #birthday_birthday_3i{
	width: 43px;
}	
.my_select_brown_birth  #birthday_birthday_2i{
	width: 90px;
}
.my_select_brown_birth  #birthday_birthday_1i{
	width: 55px;
}






/********/
.my_select_black_phone input{
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #a89980;
	background: #111113;
	color: #e2d2ba;
	margin: 0 3px 0 0;
}
.my_select_black_phone input#user_cellular_phone{
	width: 145px;
}	
.my_select_black_phone input#user_phone_country_code{
	width: 50px;
}

select{
	padding: 2px 2px 2px 0;
	
}

.f_64{
	width: 64px;
}
.f_95{
	width: 95px;
}
.f_200{
	width: 195px;
}
.f_189{
	width: 189px;
}
.f_202{
	width: 202px;
}
.f_400{
	width: 398px;
}

.mandatory{
	margin:0 0 0 15px;

}

.linka ul{
	list-style:none;
}
.linka li{
	margin:0 5px 0 0;
}
/*******************************************  fin formulaire   *********************************************/
.buttonsearch{
	display:block;
	font:bold 12px "Trebuchet MS", sans-serif;
	color:#2c2c2a;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	padding:5px 10px 0 2px;
	width:164px;
	height:31px;
}
.buttonsearch.looking{
	background:url(/images/btn-looking.gif) no-repeat;
	line-height:14px;

}
.search_item{
	width: 326px;
	margin: 0 0 0 0;
	padding: 5px;
	float:left;
}

.my-search2{
	width: 205px;
	
}
.paddT12{
	padding-top:12px;
}

.vignette-group img{
  width: 118px;
  
}
.not-encoded{
  padding: 30px 0 0 0;
  width: 132px;
  height: 88px;   
  background: url(/images/bg_vignette_encoded.gif) no-repeat;
}
.not-encoded-edit{
  padding: 30px 0 0 0;
  width: 125px; 
  height: 58px;   
  margin:0 0 0 110px;
  background: #FFFFFF url(/images/bg_vignette_encoded.gif) no-repeat;
}
.not-encoded a{
  color: black;
  padding: 0 0 0 0;
}
.not-encoded-big{
  padding: 20px 0 0 0;
  width: 400px; 
  height: 309px; 
  margin:0 auto 0 auto;
  
  background: #FFFFFF url(/images/bg_vignette_encoded_big.gif) no-repeat;
}
.not-encoded-big a{
  color: black;
  padding: 0 0 0 0;
}

#payment_expiry_date_2i{
	background:none repeat scroll 0 0 #E2D2BA;
	border:1px solid #2C2C2A;
	color:#2C2C2A;
}

#payment_expiry_date_1i{
	background:none repeat scroll 0 0 #E2D2BA;
	border:1px solid #2C2C2A;
	color:#2C2C2A;
}


/******************** POPUP PAIEMENT *********************/

.form_group2{
	margin: 10px 0 10px 0;
}

.form_group2 p{
	margin: 10px 0 10px 0;
}
.form_group2 label{
	float: left;
	width: 128px;
	text-align:right;
	margin: 0 10px 0 0;
}
.form_group2 input{
	font-size:11px;font-family:"Trebuchet MS", sans-serif;
	height: 15px;

}

.form_group2 textarea{
	width:190px;
	font:11px, "Trebuchet MS", sans-serif;
	color: #2c2c2a;
	padding:0;
	background:#e2d2ba;
	height:85px;
	padding:2px;
	border:1px solid #2c2c2a;
}


#annual{
	text-transform: none;
	
}

.back_to{
	margin-top:10px;
	float:right;
}

.n_a_s {
  position: absolute; left: -2000px;
}

label .beige {
  color:#e2d2ba;
  font-weight: bold;
}

#popup_why ul {
  list-style-type: none;
  padding: 0px;
  margin: 1.5em;
}

#popup_why p {
  margin-bottom: 1em;
}

#popup_why li {
  margin-bottom: 0.5em;
  background-image: url(/images/bullet_check.png);
  background-repeat: no-repeat;
  background-position: 0px 5px;
  padding-left: 30px;
}

.term-Use a {
  font-weight: bold;
}

.financial-terms a {
  font-weight: bold;
}

.comment-form textarea {
  font-size:11px;
  font-family:"Trebuchet MS", sans-serif;
  background:#111113;
  border: solid #a89980;
  border-width:0 0 1px 0;
  color:#e2d2ba;
}


.hide {
  display: none !important;
}

.sillamContent, .carandacheContent {
  display: block;
  position:relative;
  margin: auto;
  width: 540px;
}

.carandacheContent {
  padding-bottom: 10px;
}

.sillamContent {
  background-image: url(/images/PopupEventSillamBg.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.sillamContent.cannesContent {
  background-image: url(/images/PopupEventCannesBg.png);
  padding-top: 50px;
}

.sillamContent p, .carandacheContent p {
  text-align: center;
}

.sillamContent span.title, .carandacheContent span.title {
  font-size: 14px;
  display: block;
  position:relative;
  text-align: center;
  font-weight: bolder;
  padding-bottom: 10px;
  padding-top: 10px;
}

.carandacheContent span.title {
  font-size: 12px;
  padding-top: 10px;
  padding-bottom: 0px;
}

.sillamContent span.bigtitle, .carandacheContent span.bigtitle {
  font-size: 18px;
  display: block;
  text-align: center;
  position:relative;
  font-weight: bolder;
  padding-bottom: 10px;
  padding-top: 10px;
}

.sillamContent span.small, .carandacheContent span.small {
  font-size: 11px;
  display: block;
  text-align: center;
  position:relative;
  padding-bottom: 10px;
  padding-top: 10px;
}

.carandacheContent span.small {
  line-height: 13px;
}

.sillamContent span.picto, .carandacheContent span.picto {
  height: 20px;
  display: block;
  position: relative;
  text-align: center;
  padding-bottom: 2px;
  padding-top: 2px;
  background-image: url(/images/bg_seprarator_popup.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.carandacheContent span.picto {
  padding-bottom: 20px;
  padding-top: 0px;
  height: 8px;
}
