*{background:none;margin:0;padding:0;text-decoration:none;}
/* -------------------------------- Classes balises -------------------------------- */
body {width:100%;font-family:Arial, Helvetica, Trebuchet MS;font-size:10pt;background-color:#9C9C9C}
img, img a {border: 0;}
textarea {-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #C0C0C0;background-color:white;}
input {-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #C0C0C0;background-color:white;}
select {-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #C0C0C0;}
/* -------------------------------- Typography -------------------------------- */
h2{font-weight:bold;font-size:250%;}
h3{background:white;font-weight:bold;font-size:200%;}
h3 span{color:#666666;}
h4{font-size: 105%;}
.dropcap-blue:first-letter{text-transform:uppercase;font-weight:bold;font-size:150%;font-family:Georgia, Times New Roman;color:#0099FF;}
.dropcap-purple:first-letter{text-transform:uppercase;font-weight:bold;font-size:150%;font-family:Georgia, Times New Roman;color:#99039C;}
a, a:hover, a:active, a:visited {color:#99039C;cursor:pointer;}
#foot a{color: #0B6EA6; font-size: 1em; margin: 0 5px;}
.contentHeading{height:42px;padding-left:47px;line-height:42px;background:url(images/contentheading.png) no-repeat left center;font-size:200%;font-weight:bold;color:#333333;}
.contentHeading:first-letter{text-transform:uppercase;}
.link:hover{text-decoration:underline;}
#libelle span{
	clear:left;
	color:#666666;
	float:left;
	/*width:125px;*/
	width:80px;
	margin:3px 0;
	font-weight:bold;
}
#libelle .libelle_text{
	width:auto;
}
#libelle input,select{
	margin:3px 0;	
}
#libelle .text{
	float : none;
	color:black;
	font-weight:normal;
}
/* -------------------------------- Classes identifiés -------------------------------- */
#loader{
	position: fixed;
	top: 0;
	right: 2em;
	width: 100px;
	height: 200px;
	background: url("images/loader-back.png") no-repeat scroll 0 0 transparent;
	z-index: 99;
}
html>body #loader{
  position: fixed;
}
#loader p{
	font-size: 14px;
	margin-top: 45px;
	color: #ae1cd8;
	text-shadow: 0 0 5px white;
	text-align: center;
}
#contentBody{
	background-color: grey;
}
#loader div{
	height: 16px;
	width: 16px;
	margin: 50px 0 0 44px;
	background: url("images/loader.gif") no-repeat scroll 0 0 transparent;	
}
#barre{
	height:100px;
	width:200px;
	background: url(images/barre.png) center center no-repeat;
	float:right;}
#logo{
	float: left;
	width:306px;
	height:90px;
	background: url("images/logo.png") no-repeat scroll 0 0 transparent;
	margin: 15px 0 0 15px;
}
#logo p{
	color: white;
	font-weight: bold;
	margin-top: 60px;
	text-align: right; 
}
#contenu{
	
}
#contenu1{
	height:180px;padding-top:40px;
}
.arrow_back{
	height: 61px;
	width: 22px;
	cursor: pointer;
	background: url("images/controls.png") no-repeat scroll left bottom transparent;
}
.arrow_back:hover{
	background: url(images/controls.png) no-repeat top left;
}
.arrow_next{
	height: 61px;
	width: 22px;
	cursor: pointer;
	background: url("images/controls.png") no-repeat scroll right bottom transparent;
}
.arrow_next:hover{
	background: url(images/controls.png) no-repeat top right;
}
.line{
	background: url("images/line.png") repeat-x scroll 0 0 transparent;
	height: 2px;
	width: 100%;
}
#foot{
	width: 100%;
	min-width: 980px;
	background: none repeat scroll 0 0 #C0C0C0;
	text-align: center;
}
#foot .width{
	height: 2.2em;
	line-height: 2em;
}
#div_login{
	width: 460px;
	margin: auto;
	padding-top: 20px;
}
#div_SendPwd{
	width: 460px;
	margin: auto;
	padding-top: 20px;
}
#nav{
	width:300px;
	float:right;
}
#btn_locate{
	cursor: pointer;
	border: 1px solid #333;
	padding: 3px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#commentaires{
	width: 500px;
}
#bandeau_user{
	float: right;
	text-align: right;
	color: white;
	font-size: 200%;
	margin: 30px 20px 0 0;
	text-shadow: 0 0 5px white;
	font-weight: bold;
	text-transform: uppercase;
	width:600px;
	overflow:hidden;
}
#last_visitors{
	margin-left: 10px;
}
.margin5{
	margin-left: 5px;
}
#distance{
	font-weight: bold;
	color: #99039C;
}
#search_results{
	margin-top: 25px;
	display: none;
}
#before_foot{
	height: 30px;
	background-color: white;
}
#listeIM{
	background: url(images/background_grey.png) repeat scroll 0 0 #C0C0C0;
	position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    height: 100%;
    overflow: auto;
    width: 200px;
}
#rightIM{
	padding-left: 200px;
}
#messagesIM{
	background: url(images/module.png) repeat-x scroll center top white;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 130px;
	left: 200px;
}
#textIM{
	background: url(images/background_grey.png) repeat scroll 0 0 #C0C0C0;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	margin-left: 200px;
	height: 130px;
}

#messagesIM .blockComRight
{
	float : right;
	width : 60%;
	clear : both;
	position : relative;
}
#messagesIM .blockComLeft
{
	float : left;
	width : 60%;
	clear : both;
	position : relative;
}

#messagesIM .comBubble 
{
	background: url(images/bubbleBackRight.png) repeat-x #e8e8e8;
	border : 1px solid #a2a5ac;
	border-radius: 10px 10px;
	padding : 7px;
	margin : 5px;
	margin-bottom: 0px;
	color : #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#messagesIM .blockComRight .comBubble 
{
	background: url(images/bubbleBackRight.png) repeat-x #e8e8e8;
}

#messagesIM cite 
{
	margin: 0px;
	padding-top: 7px;
	background: transparent url(images/bubble-corner.png) no-repeat 10% 0;
	text-align : left;
	display : block;
	padding-left : 5%;
}

#messagesIM .blockComRight cite
{
	background: transparent url(images/bubble-corner.png) no-repeat 90% 0;
	text-align : right;
	padding-right : 10%;
}

/* -------------------------------- Autres Classes -------------------------------- */
.black{
	color: black;
}
.red{
	color: red;
}
.headerbar1{
	height:50px;
}
.transparent{
	filter : alpha(opacity=70);
    -moz-opacity : 0.7;
    opacity : 0.7; 
}
.width{
	width:980px;
	margin:0 auto;
	background-color: white;
}
.search_left{
	width:360px;
	margin : 5px;
}
.search_right{
	width:600px;
	margin : 5px;
}
.marginAuto{
	margin: auto!important;
}
.marginTop10{
	margin : 10px 0 0 0;
}
.width460{
	width:460px;
	margin:0 auto;
	background-color: white;
}
.separator{
	clear: both;
	height: 20px;
	background: url(images/main.png) 0 -360px repeat-x;
}
.padding{
	padding:5px;
}
.colonneGauche{
	float: left;
	width: 430px;
}
.colonneDroite{
	float: right;
	width: 450px;
}
.center{
	text-align: center;
}
.hide{
	overflow: hidden;
}
.noDisplay{
	display: none;
}

.imgError,.imgInfo{
	width: 32px;
	height: 32px;
	padding-bottom : 10px;
}

.imgError{
	background: transparent url('images/warning.png') no-repeat;
}
.imgInfo{
	background: transparent url('images/info.png') no-repeat;
}
.fLeft{
	float: left;
}
.fRight{
	float: right;
}
.calendar-icon{
	width: 12px;
	height: 13px;
	background: transparent url('images/calendar.gif') no-repeat;
	margin: 7px 0 0 3px;
	cursor: pointer;
}
.cent{
	height: 100%;
	width: 100%;
}
.clearBoth{
	clear: both;
}
.avatar{
	margin:15px;
}
.navIcon{
	height:100px;
	width:100px;
	float:left;
	cursor:pointer;
}
.navIcon:hover{
	opacity:0.7;
}
.mail{
	background: url(images/mail.png);
}
.date{
	background: url(images/date.png);
}
.kiss{
	background: url(images/kiss.png);
}
.notif{
	height:20px;
	background: url(images/notif.png) repeat-x;
	float:left;
	color:white;
	font-weight:bold;
	font-size:12pt;
	padding:0 7px;
	margin:70px 0 0 70px;
}
.remarque{
	color: grey;
	font-size: 10pt;
}
.ligneVisite{
	margin-top: 30px;
}
.textLeft{
	text-align: left;
}
.padtop10{
	padding-top: 10px;
}
.fontRed{
	color: red;
}
.apercu_photo{
	float: left;
	width: 90px;
	height: 90px;
	padding: 5px;
	border: 1px solid grey;
	margin: 3px;
	cursor: pointer;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.apercu_photo:HOVER{
	background-color: grey;
}
.vignette_isProfil{
	position: absolute;
	width: 30px;
	height: 30px;
	background: url(/design/images/defaultAvatar_30.png);
}
.vignette_nbComments{
	position: absolute;
	width: 20px;
	margin-left: 70px;
	background: #801D78;
	color: white;
	font-weight: bold;
}
.cursor{
	cursor: pointer;
}
.bold{
	font-weight:bold;
}
.w95{
	width: 95%;
}
.bgcolor-f{
	background-color:#efbaff;border-bottom:1px solid;
}
.bgcolor-m{
	background-color:#bae9ff;border-bottom:1px solid;
}
.bgcolor-x{
	background-color: #dddddd;
}
.color-f{
	color:#efbaff;
}
.color-m{
	color:#bae9ff;
}
.color-x{
	color: #dddddd;
}
.alignR{
	text-align: right;
}
.view-right-infos{
	float:right;
	width: 150px;
	margin: 15px;
}
.notif_em{
	border-bottom: 1px solid #AAAAAA;
	display: block;
	color: #333!important;
	margin: 1em 0;
	text-decoration: none;
}
.notif_em p{
	color: #6F128A;
	display:inline;
	font-size:1.1em;	
}
.colorM{
	color: #8CC2FF;
}
.colorF{
	color: #E3D0E9;
}
.userList{
	height: 25px;
	border: 1px solid grey;
	height: 32px;
    font-size: 1.1em;
    font-weight: bold;
    background-color: grey;
    cursor: pointer;
}
.userList:hover{
	background-color: #771394;
}
.userListImg{
	float: right;
	padding: 1px 1px 0 0;
}
.userListPseudo{
	padding-top: 6px;
}
.selectedUser{
	background-color: #771394;
}
.messages{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
}
.newMessage{
	background: url(images/message.png) 0px 0px no-repeat;
}
/* -------------------------------- Classes par thèmes -------------------------------- */
/*Header*/
#headerbar{height:50px;width:100%;min-width:980px;background-color: #771394;}
#header {height:110px;width:100%;background:none repeat scroll 0 0 #771394;min-width: 980px;}
.showcase1{height:230px;padding-top:15px;clear:both;}
#top1{height:110px;background: url("images/header.png") repeat-x scroll center bottom transparent}
#featured{background:url("images/background_grey.png") repeat scroll 0 0 #C0C0C0;height:160px;min-width: 980px;}

/*Header identité*/
#identity{width:650px;float:left;}
h2.pseudo span{color:#666666;}

/*Slider*/
#containerPhotos{height:95px;width:100%;overflow:hidden;padding-top:10px;}
#bg_slider{height:110px;background:url("images/featured.png") repeat-x scroll center bottom transparent;overflow:hidden;}
#barre_slider{position: absolute;height: 50px;top: 265px;width: 980px;background: url("images/barre_slider.png") repeat-x scroll center bottom transparent;}
#content_infos{width:100%;height:100%;overflow:hidden}
#slider_back{position:absolute;left: -22px;margin-top: -11px;}
#slider_next{position:absolute;right: -22px;margin-top: -11px;}
.slider_photo{float:left;width:90px;height:95px;margin-left:17px;cursor:pointer;background: url("images/defaultAvatar_90.png") no-repeat;}
.slider_photo:hover{background-position:0 5px;}
.slider_name_conteneur{float:left;width:90px;height:100%;margin:5px 0 0 17px;font-weight:bold;font-size:1.1em;cursor:pointer;}
.slider_name{width:100%;height:18px;margin-top:5px;overflow:hidden;}
.slider_age{width:100%;height:18px;}

/* ToolTips */
.tooltips {background-color:#0CF;padding:3px;}
.tip-title {font-size:1.1em;}
.photo_profile{margin: 0px 10px 10px 6px;width:90px;}
.edit_photo_profile{cursor: pointer;}
.edit_photo_profile span{background:none repeat scroll 0 0 black;color:#FFFFFF;font-weight:bold;padding:2px 0;position:absolute;text-align:center;text-decoration:none;visibility:hidden;width:90px;}
.edit_photo_profile:hover span{visibility:visible;}

/* Arrondis */
.round{-moz-border-radius:5px;-webkit-border-radius:5px;}

/* Menu */
.mainmenu{display:none;margin:0;padding:0;list-style:none;height:30px;font-size:110%;}
.mainmenu ul{margin:0;padding:0;border-top:1px solid #444;list-style:none;height:30px;}
.mainmenu a{text-decoration:none;color:#333333;width:100%;text-transform:uppercase;font-weight:bold;text-shadow:-1px -1px white;}
.mainmenu li:hover a, .mainmenu li:hover span{text-decoration:none;color:#CC00CC;}
#menu {position:relative;height:30px;padding:15px 9px 6px;margin:0;overflow:hidden;background-color:#771394;}
#menu ul{padding: 0;margin: 0;}
#menu ul li{float: left;list-style: none;padding:0;}
#menu ul li a {z-index: 10;display: block;float: left;height: 30px;position: relative;overflow: hidden;background-position:center center;background-repeat:no-repeat;padding:0 20px;text-decoration:none;text-transform:uppercase;color:white;font-weight:bold;font-size:120%;}
#menu ul li a:hover, #menu ul li.current a:hover {color:#fff;	}
#menu ul:hover li.current a{color:white;}
#menu ul li.current:hover a{color:#fff;}
#menu ul li.current a{color:#fff;}
#menu li.background {background: url(images/background.png) right top no-repeat;z-index: 8;position: absolute;visibility: hidden;top:0;	}
#menu .background .left {background: url(images/background-left.png) left top no-repeat;height: 80px;	margin-right: 12px; }

/* Formulaire de Connexion */
.in_connect{height:25px;color:#666;font-size:90%;}
.connect{float:right;height:80px;width:400px;margin-top:20px;}
.connect .top{height:10px;width:380px;margin:0 auto;background:url(images/showcase.png);position:relative;}
.connect .top .left{height:10px;width:10px;position:absolute;left:-10px;background:url(images/showcase-corners.png) top left no-repeat;}
.connect .top .right{height:10px;width:10px;position:absolute;right:-10px;background:url(images/showcase-corners.png) top right no-repeat;}
.connect .content{background:url(images/showcase.png);width:390px;padding:5px;clear:both;height: 40px;}
.connect .bottom {height:10px;width:380px;margin:0 auto;background:url(images/showcase.png);position:relative;}
.connect .bottom .left{height:10px;width:10px;position:absolute;left:-10px;background:url(images/showcase-corners.png) bottom left no-repeat;}
.connect .bottom .right{height:10px;width:10px;position:absolute;right:-10px;background:url(images/showcase-corners.png) bottom right no-repeat;}

/* Boutons */
.button{-moz-border-radius:5px;-webkit-border-radius:5px;max-width:200px;height:30px;cursor:pointer;background: url(images/button.png) 0 -60px repeat-x !important;padding:5px 10px;text-align:center;color:#fff!important;font-weight:bold;border:1px solid #333;}
a.button{padding:6px 20px;}
.button:hover{background:url(images/button.png) 0 0 repeat-x !important;color:#fff;}
.button:active{background:#333;color:#fff;}
.button_valider{width:200px!important;}
a.button_valider{padding:10px 75px;}
.button200{width:200px!important;}
.button_selected{background:url(images/button.png) 0 0 repeat-x !important;}
.button_page{width:20px!important;margin:2px!important;display:inline!important;padding:5px 10px!important;}
.button_page_selected{font-size:1.5em;background:url(images/button.png) 0 0 repeat-x !important;}
.press_button_l{-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;display:inline;margin-right:-5px;padding:7px;}
.press_button_c{-moz-border-radius:0;-webkit-border-radius:0;display:inline;padding:7px;}
.press_button_r{-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0;display:inline;margin-left:-5px;padding:7px;}
.btn_mi{margin:10px 0 0 18px;cursor:pointer;}

/*Colonnes*/
.m-r #maincol{width:699px;float:left;}
.m-r #rightcol{width:280px;float:right;}
.m-m #maincol{width:485px;float:left;padding-right:5px;}
.m-m #rightcol{width:485px;float:right;padding-left:5px;}
.view-left{width:600px;float:left;padding-right:5px;}
.view-right{width:350px;float:right;text-align:right;}

.componentheading{text-transform:uppercase;font-size:250%;font-weight:bold;color:#99039C;border-bottom:1px solid #996699;text-shadow: 0 0 5px #996699;overflow:hidden;}
.componentheading span {color:#99039C;border-top:1px solid #99039C;}
.outter{background: url(images/module.png) top center repeat-x;padding:10px;}

/*Onglets*/
.onglets{width: 100%;height: 30px;}
.onglet{float: left;height: 24px;margin-right: 10px;padding: 0 10px;padding-top: 5px;border: 1px solid black;border-bottom: 0px;background-color: #fafafa;-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;color: black !important;text-decoration: none !important;font-weight: bold;}
.onglet_actif{height: 25px;background-color: #eeeeee;border-bottom: 0px;}
.content_onglets{background-color: #eeeeee;border: 1px solid black;-moz-border-radius: 0 5px 5px 5px;-webkit-border-radius: 0 5px 5px 5px;}

/*Pagination*/
#pagination{margin-top:15px;}

/*Affichage des userCards*/
.userCard{width:120px;height:200px;margin:5px 10px;background-image:url(images/result.png);-moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;overflow-x:hidden;overflow-y:auto;}
.userCard:hover{border-bottom:5px solid;margin:1px 10px 5px;}
.userCard_avatar{margin: 10px 15px 0 15px;}
.userCard .pseudo{font-size: 1.2em;display:block;margin-bottom: 5px;}
.userCard .presence{font-size: 1.1em;display:block;margin-bottom: 5px;}
.card_age{position: absolute; margin: 5px 0 0 85px;font-weight: bold;}
/*Hack safari + chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {.card_age{margin: 5px 0 0 100px;}}
.new{position:absolute;margin-top:5px}

/*Petites images*/
.si{padding-left:25px;background:url("images/titres.png") no-repeat transparent;}
.si_map{background-position:0 5px;}
.si_profil{background-position:0 -115px;}
.si_libre{background-position:0 -155px;}
.si_search{background-position:0 -195px;}
.si_visibility{background-position:0 -235px;}

/*Drapeaux*/
.langage{height:1em;width:16px;background: url("images/langage.png") no-repeat transparent;}
#foot .fr{background-position: 0 0px;}
#foot .en{background-position: 0 -20px;}
#foot .langage span {visibility:hidden;}

/*Map*/
.mapBase{width: 440px;height: 440px;margin-left: 10px;overflow: hidden;}
.mapBig{width: 650px;height: 650px;margin-left: 10px;overflow: hidden;}
.map430{margin-left: 0px;overflow: hidden;}
.map_pseudo{color:black!important;font-weight:bold;}

/*Icones 16px*/
.icone_message{background:url(images/mini-icones.png) 0 2px no-repeat;height:16px;width:16px;}
.icone_kiss{background:url(images/mini-icones.png) 0 -22px no-repeat;height:16px;width:16px;}
.icone_favoris{background:url(images/mini-icones.png) 0 -70px no-repeat;height:16px;width:16px;}
.icone_photo{background:url(images/mini-icones.png) 0 -96px no-repeat;height:16px;width:16px;}
.icone_delete{background:url(images/mini-icones.png) 0 -123px no-repeat;height:16px;width:16px;}

.footerText{color: #CCCCCC;
    font-size: 1em;
    padding-top: 0;
    text-align: center;}