*{
  font-family: Arial, Helvetica;
}

/***********************debut des modif francois 23/04/2010**********************************/
/************************les changement que je vais operer dans le reste cette page et qui ne se trouve pas dans cette zone seront neanmoins indiques en commentaire. Ca fait beaucoup de commentaire mais ils seront finalement netoye une fois le travail termine***************************************/
/***********************debut des modif francois 23/04/2010**********************************/
/***********************debut des modif francois 23/04/2010**********************************/


div.conteneur_ensembledroite{
	/*contient tout le contenu sauf le header le menu et la colonne connecte.*/
	float:left;
	width:800px;	
	}


/***********************CSS HEADER**********************************/
div.headerparthaut {width: 1024px;height:130px;}

div.headerparthaut p{float:right;font-size: 19px;color:#494B40;margin: 15px 30px 0 0;}

div.headerparthaut span{color:#ffffff;}

a.logo{float:left;}


/***********************CSS COLONNE CONNECTE**********************************/


div.colonne_connectes{
	float:left;
	margin-left:5px;
	width:200px;
	}
	
div.colonne_connectes div.border_1_, div.border_1_photos_new, div.border_1_abonnement, div.border_1_fiche_modif, div.border_1_inbox, div.border_1_livredor, div.border_1_contacts, div.border_1_visites, div.border_1_agenda, div.border_1_recherche {
	border-left:solid 1px #b7b1b1;
	border-right:solid 1px #b7b1b1;
	padding-top:10px;
	}

div.colonne_connectes div.t4{
	padding-left:5px;
	padding-right:5px;}

div.arrondi_bas_colonneconnectes{
	width:200px;
	height:5px;
	background:url(../pics/tchatwebcam/fond_bas_colonne_connectes.gif) no-repeat;}
	
p.contacts_en_ligne{text-align:center; font-size:12px;}

div.pictos_colonne_connectes{float:left; padding: 0 7px 3px;}

div.barre_navigation_connectes{margin-top:5px; text-align:left;}

div.bt_tchatetwebcam{
	background:url(../pics/tchatwebcam/bt_tchatetwebcam.jpg) no-repeat;
	height:40px;
	width:200px;
	text-align:center;
	}
	
div.bt_tchatetwebcam a{
	display:block;
	font-size:13px;
	font-weight:bold;
	padding-top:10px;
	color:#fff;
	vertical-align:middle;
	}
	
	





/***********************CSS COLONNE DROITE (LIBERNAUTE DU JOUR)**********************************/


div#col-droite{float:right; width:220px;}

p.pseudo_libernautedujour{font-size:14px;color:#D30A2E;margin-top: 7px;}

p.pseudo_libernautedujour a {font-size:14px;color:#D30A2E;margin-top: 7px;text-decoration: none;}

p.criteresrecherche_libernautedujour{clear:both;color:#D30A2E;font-size: 12px;margin: 0;}


p.aussianniversaire{color:#D30A2E;font-weight:bold;margin: 0;font-size: 12px;}

img.photolibernautedujour{margin:auto;float:right;}

div.cadreaussileuranniversaire{clear:both; padding-top:5px; padding-left:5px;padding-right:5px;padding-bottom:5px;}

div#membre-anniv{
	float:left;
	width: 110px;
	font-size: 12px;
	padding-left:5px;
	padding-right:5px;
}

img.photolibernautedujour{
	width:90px;
	padding-top:5px;
	padding-right:5px;
	}

#membre-anniv img{
	float:left;
}


#accueil-video img{
	margin-top:10px;
	border: 2px solid #82807a;
	
	}


div#accueil-membres-anniv{
	width: 220px;
}

div.conteneur_interieur_cadrelibernautedujour{
	position:relative;
	border-left: 1px solid #b7b1b1;
	border-right: 1px solid #b7b1b1;}
	



div.arrondi_bascadrelibernautedujour{
	width:220px;
	height:5px;
	background: url(../pics/tymate/fond_bas_cadre_libernautedujour.gif) no-repeat ;}

div#accueil-membres-anniv h2{
	margin: 0;
	padding: 0;
	height: 23px;
	padding: 4px 0 0 6px;
	font-size:14px;
	background: url(../pics/tymate/fond_haut_cadre_libernautedujour.gif) no-repeat;
	color: #fff;
	background-color:#EA758A;
}





/***********************CSS COLONNE MILEU (div.accueil-membres-hasard)**********************************/


div#accueil-membre-top{border:solid 1px #F00;}




img.midalign{
	display:none;}
	

div#accueil-membres-hasard{
	float:left;
	width: 530px;
	margin-left: 15px;	
	background: url(../pics/tymate/fond_cadre_internautessurlevif.gif);
	
}

#accueil-membres-hasard p{
	font-size: 12px;
	margin: 0;
}

#accueil-membres-hasard h2{
	width: 524px;
	margin: 0;
	padding: 0;
	height: 23px;
	padding: 4px 0 0 6px;
	font-size:14px;
	background: url(../pics/tymate/fond_haut_cadre_internautessurlevif) no-repeat top;
	color: #5e5e5e;
	background-color:#EA758A;
}

div.conteneur_interieur_cadreinternautessurlevif{
	width:530px;
	background-color:#006;
	background: url(../pics/tymate/fond_cadre_internautessurlevif.gif);}

div.conteneur_photointernautessurlevif{
	width:121px;}

div.arrondi_bascadreinternautesurlevif{
	clear:both;
	width:530px;
	height:5px;
	background: url(../pics/tymate/fond_bas_cadre_internautessurlevif.gif) no-repeat;
	}

div.conteneur_photointernautesurlevif_alignementgauche{
	width:120px;
	height:110px;
	border: 1px solid #b7b1b1;
	float:left;
	margin-right:5px;
	display:inline;}

div.conteneur_photointernautesurlevif_alignementgauche img{
	text-align:center;
	margin:0 auto;}

div.conteneur_photointernautesurlevif_alignementdroite{
	width:120px;
	height:110px;
	border: 1px solid #b7b1b1;
	float:right;}

div.conteneurdirectphotolibernautesurlevif{
	text-align:center;
	position:relative;
	overflow:hidden;}

div.conteneur_photointernautesurlevif_alignementdroite img	
	{}

div.infos_fiche_libernautesurlevif{
	width:400px;
	background-color:#0C0;}
	
#accueil-membres-hasard ul li{
	font-size: 12px;
	display: block;
	width: 95px;
	float:left;
	padding: 0;
	margin: 0;
}

div.accueil-membre-profil{
	float:left;
	width: 520px;
	padding-bottom: 10px;
	margin:0 auto;
	margin-top: 10px;
	margin-left:5px;
	border-bottom: 1px solid #D30A2E;
}

p.pseudoregion_libernautesurlevif{}

span.pseudo a{
	margin-top:-3px;
	font-size:14px;
	color:#cf092c;
	text-decoration:none;}
	
span.pseudo a:hover{
	margin-top:-3px;
	font-size:14px;
	color:#EA758A;
	text-decoration:underline;}

span.region{float:right;color:#444444;padding-right:5px;}

span.age{float:right;margin-right: 250px;}

p.genreage_libernautesurlevif{color:#444444;}

p.recherche_libernautesurlevif{color:#D30A2E;font-weight: bold;}


div.description_libernautesurlevif{
	width:380px;float:left;font-style:italic;}
	
div.accueil-membre-profil a.lirelasuite{float:right;color:#D30A2E;font-style:italic;font-size: 12px;padding-right:5px;}
	
	

	

















/***********************Fin des modif francois 23/04/2010**********************************/
/***********************Fin des modif francois 23/04/2010**********************************/
/***********************Fin des modif francois 23/04/2010**********************************/
/***********************Fin des modif francois 23/04/2010**********************************/
#container{
  width: 1024px;
  margin: auto;
}


span.displaynone{
  display: none;
}

#block_inscription{
  position: absolute;
  left: 40%;
  background: url('../pics/tymate/accueil-identifiants.jpg');
  width: 325px;
  height: 199px;
  top: -200px;
  z-index: 999;
}

#block_inscription a.cross span{
  display: block;
  width: 11px;
  height: 12px;
  background: url('../pics/tymate/accueil-cross.jpg');
  margin-left: 310px;
  margin-top: 5px;
}

#block_inscription input.txt{
  font-size: 14px;
  border: 0;
  width: 288px;
  height: 25px;
  margin-top: 44px;
  margin-left: 5px;
  color: #616359;
  padding-left: 12px;
  font-weight: 800; 
}

#block_inscription input.submit{
  border: 0;
  background: url('../pics/tymate/accueil-envoyer.jpg');
  width: 159px;
  height: 35px;
  margin-left: 147px;
  margin-top: 11px;
}

#block_inscription p{
  font-size: 12px;
  color: #fff;
  padding: 15px 7px 0 7px;
  font-style: italic;
}

#block_inscription p span{
  text-decoration: underline;
}

#accueil-top{
  width: 1024px;
  height: 401px;
  padding-top: 14px;
  background: url('../pics/tymate/accueil-bg.jpg');
}

#accueil-txt{
  width: 1024px;
  padding: 15px 0 0 5px;
  float:left;
  font-size: 12px;
  color: #616359;
}

#accueil-profils{
  width: 1024px;
  padding-top: 15px;  
  float:left;
  padding: 15px 30px 0 65px;
}

#accueil-profils h2{
  font-size: 22px;
  font-weight: lighter;
  color: #616359;
}

#accueil-profils .accueil-profil{
  float:left;
  padding: 0 23px 30px 0;
}

#accueil-top a.identifiantperdu{
  font-size: 12px;
  color: #616359;
  font-weight: 800;
}

#accueil-top h1{
  width: 470px;
  height: 148px;
  background: url('../pics/tymate/accueil-h1.jpg');
  float:right;
  margin: 1px 14px 0 0;
}

#accueil-top a.inscription{
  float: right;
  display: block;
  position: relative;
  right: 0;
  top: 270px;
  left: 453px;
  width: 453px;
  height: 52px;
  background: url('../pics/tymate/accueil-inscription.jpg');
}

#accueil-top form{
  width: 310px;
  float:left;
  color: #616359;
}

#accueil-top form input.text{
  width: 170px;
  padding: 0 9px 0 9px;
  margin: 5px 0 0 12px;
  font-size: 12px;
  border: 0;
}



#inscription-top{
  width: 1024px;
  height: 199px;
  background: url('../pics/tymate/inscription-bg.jpg');
}

/* ACCUEIL MEMBRE */
#accueil-membre-top{
  width: 1024px;
  height: 275px;
  background: url('../pics/tymate/accueil-membre-bandeau.jpg') no-repeat top left #494b40;
  position:relative;
}

#accueil-membre-top p{

}

#accueil-membre-top a.logo{
  display: block;
  width: 442px;
  height: 121px;
  padding: 2px 0 0 6px;
  background: url('../pics/tymate/accueil-membre-logo.jpg') bottom left no-repeat;
}

#accueil-membre-top ul{
  list-style-type: none;
  width: 160px;
  float:left;
  margin-left: 120px;  
}

#accueil-membre-top ul li a{
  color: #FFF;
  text-decoration: none;
  font-size: 16px;
}

#accueil-membre-top ul li.marged-top{
  margin-top: 15px;
}

#accueil-membre-top ul li.deconnect-link{
  margin-top: 15px; 
}

#accueil-membre-top ul li.deconnect-link a{
  color: #f68ea0;
}

ul.nav{
  width: 1024px;
  margin: 0;
  padding: 0;
  height: 32px;
  padding-bottom: 14px;
}

ul.nav li{
  width: 146px;
  height: 32px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display:block;
  float:left;
}

ul.nav li.hard{
  width: 148px;
}

ul.nav li a{
  display:block;
  width: 146px;
  height: 25px;
  padding-top: 7px;
  background: url('../pics/tymate/accueil-membre-menurose.jpg');
  text-align: center;
  font-size: 14px;
  color: #FFF;
  text-decoration: none;
}

ul.nav li.hard a.nav-grey{
  color: #fcd21c;
  background: url('../pics/tymate/accueil-membre-menugris.jpg');
  width: 148px;
}

#inscription-top form{
	width: 330px;
	float:left;
	font-size: 14px;
	color: #fff;
	margin-top: 110px;
	margin-left: 18px;
}

#inscription-top p{
	margin: 0;
	text-decoration: underline;
}

#inscription-top a{
	color: #fff;
	font-size: 12px;
}

#inscription-top form input{
	border: 0;
	color: #494b40;
}

#inscription-top h1{
	float:right;
	width: 470px;
	height: 148px;
	background: url('../pics/tymate/accueil-h1.jpg');
	margin: 15px 12px 0 0;
	padding: 0;
}



#fiche-nav{
	width: 550px;
	list-style-type: none;
	float:left;
	margin: 0;
	padding: 0;
}

#fiche-nav li{
	display: block;
	width: 110px;
	height: 28 px;
	float:left;
}

#fiche-nav li a{
	display: block;
	height: 28px;
	width: 110px;
}

#fiche-nav li a span{
	display: none;
}

#fiche-nav li a.soirees-privees{
	background: url('../pics/tymate/agenda-privees-gris.jpg');
}

#fiche-nav li a.soirees-privees-on{
	background: url('../pics/tymate/agenda-privees-on.jpg');
}

#fiche-nav li a.soirees-club{
	background: url('../pics/tymate/agenda-clubs-gris.jpg');
}

#fiche-nav li a.soirees-club-on{
	background: url('../pics/tymate/agenda-clubs-on.jpg');
}

#fiche-nav li a.mescontacts{
	background: url('../pics/tymate/mes-contacts-gris.jpg');
}

#fiche-nav li a.mescontacts-on{
	background: url('../pics/tymate/mes-contacts-on.jpg');
}

#fiche-nav li a.mesvisites{
	background: url('../pics/tymate/mes-visites-gris.jpg');
}

#fiche-nav li a.mesvisites-on{
	background: url('../pics/tymate/mes-visites-on.jpg');
}

#fiche-nav li a.mesflash{
	background: url('../pics/tymate/mes-flashes-gris.jpg');
}

#fiche-nav li a.mesflash-on{
	background: url('../pics/tymate/mes-flashes-on.jpg');
}

#fiche-nav li a.mesfiltres{
	background: url('../pics/tymate/mes-filtres-gris.jpg');
}

#fiche-nav li a.mesfiltres-on{
	background: url('../pics/tymate/mes-filtres-on.jpg');
}

#fiche-nav li a.mesignores{
	background: url('../pics/tymate/profils-ignores-gris.jpg');
}

#fiche-nav li a.mesignores-on{
	background: url('../pics/tymate/profils-ignores-on.jpg');
}

#fiche-nav li a.mafiche{
	background: url('../pics/tymate/ma-fiche-gris.jpg');
}

#fiche-nav li a.mesphotos{
	background: url('../pics/tymate/mes-photos-gris.jpg');
}

#fiche-nav li a.mesalbums{
	background: url('../pics/tymate/mes-albums-gris.jpg');
}

#fiche-nav li a.mesalbums_p{
	background: url('../pics/tymate/mes-albums_p-gris.jpg');
}

#fiche-nav li a.mesvideos{
	background: url('../pics/tymate/mes-videos-gris.jpg');
}

#fiche-nav li a.monabonnement{
	background: url('../pics/tymate/mon-abonnement-gris.jpg');
}

#fiche-nav li a.mafiche-on{
	background: url('../pics/tymate/ma-fiche-on.jpg');
}

#fiche-nav li a.mesphotos-on{
	background: url('../pics/tymate/mes-photos-on.jpg');
}

#fiche-nav li a.mesalbums-on{
	background: url('../pics/tymate/mes-albums-on.jpg');
}

#fiche-nav li a.mesalbums_p-on{
	background: url('../pics/tymate/mes-albums_p-on.jpg');
}

#fiche-nav li a.mesvideos-on{
	background: url('../pics/tymate/mes-videos-on.jpg');
}

#fiche-nav li a.monabonnement-on{
	background: url('../pics/tymate/mon-abonnement-on.jpg');
}

#fiche-nav li a.msgrecus-on{
	background: url('../pics/tymate/msg-recus-on.jpg');
}

#fiche-nav li a.msgrecus{
	background: url('../pics/tymate/msg-recus-gris.jpg');
}

#fiche-nav li a.msgenvoyes-on{
	background: url('../pics/tymate/msg-envoyes-on.jpg');
}

#fiche-nav li a.msgenvoyes{
	background: url('../pics/tymate/msg-envoyes-gris.jpg');
}

#fiche-nav li a.livredor-on{
	background: url('../pics/tymate/livre-dor-on.jpg');
}

#fiche-nav li a.livredor{
	background: url('../pics/tymate/livre-dor-gris.jpg');
}

#fiche-nav li a.options-on{
	background: url('../pics/tymate/options-on.jpg');
}

#fiche-nav li a.options{
	background: url('../pics/tymate/options-gris.jpg');
}



#fiche-content{
	width: 550px;
	margin-left: 15px;
}

.album-mini, .album-photo-pic, .photo-new-thumb{
	float:left;
	text-align: center;
	margin: 5px;
	vertical-align: bottom;
	min-height: 175px;
	padding: 2px;
}

.photo-new-thumb{
	float:left;
	text-align: center;
	margin: 5px;
	vertical-align: bottom;
	min-height: 155px;
	min-width: 128px;
	padding: 2px;
	background: url('bgphoto.png') no-repeat;
}

.sortie{
  background: #fccfe6;
  border: 1px black dotted;
}

.sortie-top{
 font-size: larger;
 font-weight: bold;
 color: white;
 border: 1px black solid;
 background: #f68ea0;
}

#fiche{
	float:left;
	border-bottom: 1px solid #EAF4FF;	
	border-left: 1px solid #EAF4FF;	
	border-right: 1px solid #EAF4FF;	
	background-color: #fff;
	width:390px;
}

#fiche-membre{
	width: 550px;
	font-size: 12px;
	margin: auto;
}

#fiche-membre-haut img{
	float:left;
	margin-top: -5px;
}

#fiche-membre-haut p span{
	float:right;
}

#fiche-membre-haut p{
	margin-top: 15px;
	font-size: 12px;
}

#fiche-membre-photos{
	float:right;
}

#fiche-membre-actions{
	float:left;
	width: 550px;
}

#fiche-membre-actions-link{
	float:left;
}

#fiche-membre-list{

}

#fiche-membre-list ul{
	list-style-type: none;
	font-size: 12px;
	margin-left: 0px;
}

#fiche-membre-list ul li span{
	float:right;
	margin-right: 200px;
}

#fiche-membre-doublecolonnes{
	clear: right;
}

#fiche-membre-doublecolonnes ul{
	width: 220px;
	float:left;
	margin-left: 0px;
	list-style-type: none;
	font-size: 12px;
}

#fiche-membre-list{
	float:left;
	width: 550px;
	font-size: 12px;
}