/* CSS Document */

/* Site gaycamer.fr // © 2008 GAYCAMER */

/* NORMALISATION
-------------------------------------------------------- */

/* Normalise les marges et le remplissage */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, label, input, p, blockquote, th, td, form {
	margin: 0;
	padding: 0;
}

/* Normalise les tailles de polices pour les en-têtes */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

/* Supprime list-style pour les listes */
ul, ol {
	list-style: none;
}

/* Normalise les styles et graisses de fontes : font-style et font-weight sont "normal" */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

/* Supprime les bordures dans les tableaux */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Supprime les bordures dans les éléments fieldset et img */
fieldset, img {
	border: 0;
}

/* Aligne le texte à gauche dans caption et th */
caption, th {
	text-align: left;
}

/* Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés */
label:hover {
	cursor: pointer;	
}

/* masque les pointillés disgracieux résultant des text-indent */
a, button {
	outline: none;
}

/* ---------------------------------------------------- */

/* PAGE
-------------------------------------------------------- */

html {
	background: #242424 url(/img/inside/background.jpg) repeat-x 0 0;
}

body {
	position: relative; /* important! */
	width: 100%;
	font: 1em "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #fff;
} 

/* ---------------------------------------------------- */

/* HEADER
-------------------------------------------------------- */

#header {
	position: relative; /* important! */
	margin: 0px auto;
	width: 760px;
	height: 140px;
}

#header h1, #header blockquote {
	position: absolute;
	text-indent: -9999px;
}

#header h1 {
	left: 0;
	top: 0;
	width: 405px;
	height: 100px;
	background: transparent url(/img/inside/logo.jpg) no-repeat 0 0;	
}

#header p#welcome {
	position: absolute;
	left: 0;
	top: 57px;
	width: 760px;
	text-align: right;
	font-size: 0.8em;
	z-index: 1;
}

/* ---------------------------------------------------- */

/* MENU
-------------------------------------------------------- */

#header ul {
	position: absolute;
	left: 0;
	top: 100px;
	width: 760px;
	height: 40px;
}

#header ul li a {
	text-indent: -9999px;
}

a#compte {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 93px;
	height: 40px;
	background: transparent url(/img/inside/menu/mon-compte.gif) no-repeat 0 0;	
}

a#profil {
	position: absolute;
	left: 113px;
	top: 0;
	display: block;
	width: 87px;
	height: 40px;
	background: transparent url(/img/inside/menu/mon-profil.gif) no-repeat 0 0;	
}

a#messages {
	position: absolute;
	left: 218px;
	top: 0;
	display: block;
	width: 102px;
	height: 40px;
	background: transparent url(/img/inside/menu/mes-messages.gif) no-repeat 0 0;	
}

a#membres {
	position: absolute;
	left: 340px;
	top: 0;
	display: block;
	width: 66px;
	height: 40px;
	background: transparent url(/img/inside/menu/membres.gif) no-repeat 0 0;	
}

a#recherche {
	position: absolute;
	left: 427px;
	top: 0;
	display: block;
	width: 83px;
	height: 40px;
	background: transparent url(/img/inside/menu/recherche.gif) no-repeat 0 0;	
}

a#top {
	position: absolute;
	left: 527px;
	top: 0;
	display: block;
	width: 35px;
	height: 40px;
	background: transparent url(/img/inside/menu/top.gif) no-repeat 0 0;	
}

a#webchat {
	position: absolute;
	left: 580px;
	top: 0;
	display: block;
	width: 70px;
	height: 40px;
	background: transparent url(/img/inside/menu/webchat.gif) no-repeat 0 0;	
}

a#abonnement {
	position: absolute;
	left: 668px;
	top: 0;
	display: block;
	width: 92px;
	height: 40px;
	background: transparent url(/img/inside/menu/abonnement.gif) no-repeat 0 0;	
}

#header ul li a:hover {
	background-position: 0 -40px;
	text-decoration: none;
}

/* ---------------------------------------------------- */

/* MEMBRES
-------------------------------------------------------- */

#content_members h2 {
	color: #c1d000;
	font-style: italic;
	font-size: 1.35em;
	width: 760px;
	height: 70px;
	line-height: 70px;
}

#content_members {
	position: relative;
	margin: 0 auto;
	width: 760px;
}

#content_members #left_column {
	position: relative;
	width: 570px;
	float: left;
	margin-bottom: 15px;
}

#content_members #right_column {
	position: relative;
	width: 190px;
	float: right;
}

#content_members #left_column p#resultat {
	font-size: 0.8em;
	padding-top: 10px;
}

#content_members div.membre {
	position: relative;
	width: 285px;
	height: 130px;
	margin: 0 0 20px 0;
	float: left;
	background: transparent url(/img/inside/background-member.png) no-repeat 0 25px;			
}

#content_members div.membre h3 {
	padding: 0 0 0 15px;
	height: 25px;
	line-height: 27px;
	font-size: 0.8em;
	font-weight: bold;
	background: transparent url(/img/inside/header-profil.png) no-repeat 0 0;		
}

#content_members div.membre h3 a:link, #content_members div.membre h3 a:visited, #content_members div.membre h3 a:hover, #content_members div.membre h3 a:active {
	margin: 0 10px 0 0;
	color: #fff;
	text-decoration: none;
}

#content_members div.membre span.nouveau {
	font-size: 0.9em;
	font-style: italic;
	color: #c1d000;
}

#content_members div.membre span.online {
	display: block;
	position: absolute;
	left: 246px;
	top: 0;
	width: 8px;
	height: 25px;
	background: transparent url(/img/ie/online.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#content_members div.membre span.offline {
	display: block;
	position: absolute;
	left: 246px;
	top: 0;
	width: 8px;
	height: 25px;
	background: transparent url(/img/ie/offline.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#content_members div.membre img.portrait {
	position: absolute;
	left: 9px;
	top: 34px;
	width: 80px;
	height: 80px;
	border: #2b2b2b 1px solid;
}

#content_members div.membre p {
	position: absolute;
	left: 105px;
	top: 33px;
	width: 150px;
	font-size: 0.8em;
	line-height: 1.35em;
}

#content_members div.membre span.ville {
	text-transform: uppercase;
	font-size: 0.95em;
}

#content_members div.membre li.coeur a {
	display: block;
	position: absolute;
	left: 105px;
	top: 110px;
	width: 31px;
	height: 20px;	
	line-height: 20px;
	background: transparent url(/img/inside/coeur.png) no-repeat 0 0;
	text-decoration: none;
	text-indent: -9999px;
}

#content_members div.membre li.contacts a {
	position: absolute;
	left: 139px;
	top: 110px;
	width: 31px;
	height: 20px;	
	line-height: 20px;
	background: transparent url(/img/inside/contacts.png) no-repeat 0 0;
	text-decoration: none;
	text-indent: -9999px;
}

#content_members div.membre li.vote a {
	position: absolute;
	left: 173px;
	top: 110px;
	width: 31px;
	height: 20px;	
	line-height: 20px;
	background: transparent url(/img/inside/vote.png) no-repeat 0 0;
	text-decoration: none;
	text-indent: -9999px;
}

#content_members div.membre li.message a {
	position: absolute;
	left: 207px;
	top: 110px;
	width: 31px;
	height: 20px;	
	line-height: 20px;
	background: transparent url(/img/inside/message.png) no-repeat 0 0;
	text-decoration: none;
	text-indent: -9999px;
}

#content_members div.membre li a:hover {
	background-position: 0 -20px;
	text-decoration: none;
}

#content_members div.membre a.lien_profil {
	padding-left: 17px;	
	background: transparent url(/img/ie/fleche.gif) no-repeat 0 0;
	color: #c1d000;
	text-decoration: none;
}

#content_members div.membre a.lien_profil:hover {
	color: #fff;
	text-decoration: none;
	background-position: 0 -14px;
}

#content_members div#nav {
	clear: left;
	display: block;
	width: 550px;
}

#content_members div#nav ul {
	position: relative;
	float: right;
}

#content_members div#nav li {
	display: inline;
	float: left;
}

#content_members div#nav li a {
	display: block;
	padding: 0 5px 0 5px;
	background-color: #585858;
	border: 1px solid #7e7e7e;
	text-align: center;
	line-height: 18px;
	color: #fff;
	font-size: 0.8em;
	margin: 0 0 25px 10px;
	text-decoration: none;
}

#content_members div#nav li a:hover, div#nav li a:active {
	background-color: #242424;
	text-decoration: none;
}

#content_members div#nav li span.page_number {
	display: block;
	padding: 0 5px 0 5px;
	background-color: #242424;
	border: 1px solid #7e7e7e;
	text-align: center;
	line-height: 18px;
	color: #fff;
	font-size: 0.8em;
	margin: 0 0 25px 10px;
}

#right_column div#quick_search {
	position: relative;
	height: 150px;
	margin-bottom: 20px;
	background: transparent url(/img/inside/background-quick-search.png) no-repeat 0 bottom;	
}

#content_members div#instant_search {
	width: 190px;
	height: 125px;
	margin-bottom: 20px;
	background: transparent url(/img/inside/background-instant-search.png) no-repeat 0 bottom;	
}

#content_members div#quick_search h3, div#instant_search h3 {
	font-size: 0.8em;
	font-weight: bold;
	height: 25px;
	line-height: 28px;
	padding-left: 15px;
}

#content_members div#quick_search form, div#instant_search form {
	font-size: 0.8em;
	padding: 5px 10px 10px 10px;	
}

#content_members div#fav_search, div#last_registered {
	width: 190px;
	margin-bottom: 20px;
}

#content_members div#fav_search ul, div#last_registered ul {
	font-size: 0.8em;
	padding: 5px 10px 10px 10px;
	background: transparent url(/img/inside/background-block.png) no-repeat 0 bottom;
}

#content_members div#fav_search ul a:link, div#fav_search ul a:visited {
	color: #fff;
	text-decoration: none;
}

#content_members div#fav_search ul a:hover, div#fav_search ul a:active {
	color: #fff;
	text-decoration: underline;
}

#content_members div#fav_search ul li.puce {
	padding-left: 15px;
	background: transparent url(/img/inside/puce-fav-search.png) no-repeat 0 center;		
}

#content_members div#fav_search h3, div#last_registered h3 {
	padding-top: 2px;
	font-size: 0.8em;
	font-weight: bold;
	height: 23px;
	line-height: 23px;
	padding-left: 15px;
	background: transparent url(/img/inside/top-block.png) no-repeat 0 0;
}

#content_members #right_column select {
	margin: 3px 0 3px 0;
}

#content_members #right_column div#instant_search select {
	margin-top: 6px;
}

#content_members #right_column select#country, #right_column select#role, #right_column select#option {
	width: 170px;
}

#content_members #right_column select#age_min {
	width: 90px;
	float: left;
}

#content_members #right_column select#age_max {
	width: 74px;
	float: right;
}

#content_members #quick_search button, #instant_search button {
	width: 45px;
	height: 27px;
	line-height: 38px;
	background: transparent url(/img/inside/bt-ok.png) no-repeat 0 0;	
	border: 0;
	color: #141414;
	font-size: 0px;
	vertical-align: middle;
	cursor: pointer;
	z-index: 100;
}

#content_members div#quick_search button:hover, div#instant_search button:hover {
	background-position: 0 -27px;
	color: #9ea725; 
}

#content_members #right_column p.checkbox {
	margin-top: 2px;
	width: 90px;
	height: 27px;
	float: left;
}

#content_members div#quick_search p.button, #content_members div#instant_search p.button {
	margin-top: 2px;
	width: 45px;
	height: 27px;
	float: right;
}

#content_members #right_column input#pseudo {
	margin: 3px 0 3px 0;
	width: 115px;
	float: left;	
}

#content_members #right_column button#ri_submit, #content_members #right_column button#rp_submit {
	float: right;
}

#content_members div#last_registered ul {
	height: 170px;
}

#content_members div#last_registered ul.liste {
	height: 680px;
}

#content_members div#last_registered li {
	width: 85px;
	height: 85px;
	text-align: center;
	float: left;
}

#content_members div#last_registered li img {
	width: 80px;
	height: 80px;
	border: #2b2b2b 1px solid;
}

#content_members #reglement_top {
	clear: both;
	margin-bottom: 20px;
	padding: 4px 10px 4px 10px;
	width: 530px;
	border-top: 1px solid #505050;	
	border-bottom: 1px solid #505050;
	font-size: 0.7em;
	color: #efefef;
	text-align: justify;
}

/* ---------------------------------------------------- */

/* PROFILS
-------------------------------------------------------- */

#content_profile {
	position: relative;
	margin: 0 auto;
	width: 760px;
}

#content_profile h2 {
	color: #c1d000;
	font-style: italic;
	font-size: 1.35em;
	height: 70px;
	line-height: 70px;
}

#content_profile #left_column, #content_votes #left_column {
	position: relative;
	width: 190px;
	margin-right: 20px;
	padding-top: 10px;
	float: left;
	font-size: 0.8em;
	background: transparent url(/img/inside/profils/top-mini-profil.png) no-repeat 0 0;	
}

#content_profile #right_column {
	position: relative;
	width: 550px;
	float: right;
	font-size: 0.8em;
}

#content_profile #right_column #maxlength {
	margin: 0;
	padding: 0 0 0 185px;
	width: 200px;
}

#mini_profil {
	width: 190px;
	background: transparent url(/img/inside/profils/bottom-mini-profil.png) no-repeat 0 bottom;
	margin-bottom: 20px;			
}

#mini_profil a, #mini_profil a:visited {
	color: #c1d000;
	text-decoration: none;
}

#mini_profil a:hover, #mini_profil a:active {
	color: #fff;
	text-decoration: underline;
}

img.photo_portrait {
	width: 80px;
	height: 80px;
	margin: 0 10px 10px 10px;
	border: #2b2b2b 1px solid;
	float: left;
}

img.photos_photo_portrait {
	position: relative;
	width: 80px;
	height: 80px;
	margin: 0 10px 30px 21px;
	border: #2b2b2b 1px solid;
}

#mini_profil ul#liste1 {
	padding-top: 2px;
	height: 90px;	 
}

span.online, span.offline {
	width: 8px;
	height: 8px;
	padding-left: 12px;
	font-weight: bold;
}

span.online {
	color: #c1d000;
	background: transparent url(/img/inside/online.png) no-repeat 0 center;	
}

span.offline {
	color: #5d5d5d;
	background: transparent url(/img/inside/offline-profil.png) no-repeat 0 center;	
}

span.premium {
	color: #c1d000;	
}

#mini_profil ul#liste2 {
	margin: 0 10px 0 10px;
	padding-bottom: 8px;
}

#mini_profil ul#liste2 li.infos_sup {
	font-size: 0.9em;
}

#mini_profil ul#liste2 li.ville {
	text-transform: uppercase;
}

#mini_profil ul#liste3 {
	position: relative;
	width: 133px;
	height: 20px;
	margin: 0 0 0 29px;
}

#content_profile ul#liste3 li {
	display: inline;
}

#content_profile li.coeur a {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 31px;
	background: transparent url(/img/inside/coeur.png) no-repeat 0 0;
	text-indent: -9999px;
}

#content_profile li.contacts a {
	position: absolute;
	display: block;
	left: 34px;
	top: 0;
	width: 31px;
	height: 20px;
	background: transparent url(/img/inside/contacts.png) no-repeat 0 0;
	text-indent: -9999px;
}

#content_profile li.vote a {
	position: absolute;
	display: block;
	left: 68px;
	top: 0;
	width: 31px;
	height: 20px;
	background: transparent url(/img/inside/vote.png) no-repeat 0 0;
	text-indent: -9999px;
}

#content_profile li.message a {
	position: absolute;
	display: block;
	left: 102px;
	top: 0;
	width: 31px;
	height: 20px;
	background: transparent url(/img/inside/message.png) no-repeat 0 0;
	text-indent: -9999px;
}

#content_profile li a:hover {
	background-position: 0 -20px;
	text-decoration: none;
}

#content_profile ul#onglets, #content_profile ul#onglets_profil {
	margin-bottom: 40px;
}

ul#onglets li, ul#onglets_profil li {
	width: 190px;
	height: 25px;
	margin-bottom: 5px;
}

ul#onglets li a, ul#onglets_profil li a {
	display: block;
	width: 190px;
	height: 25px;
	text-indent: -9999px;
	text-decoration: none;
}

#content_profile a#annonce {
	background: transparent url(/img/inside/profils/onglet-annonce.png) no-repeat 0 0;
}

#content_profile a#localisation {
	background: transparent url(/img/inside/profils/onglet-localisation.png) no-repeat 0 0;
}

#content_profile a#infos {
	background: transparent url(/img/inside/profils/onglet-infos.png) no-repeat 0 0;
}

#content_profile a#physique {
	background: transparent url(/img/inside/profils/onglet-physique.png) no-repeat 0 0;
}

#content_profile a#sexe {
	background: transparent url(/img/inside/profils/onglet-sexe.png) no-repeat 0 0;
}

#content_profile a#gouts {
	background: transparent url(/img/inside/profils/onglet-gouts.png) no-repeat 0 0;
}

#content_profile a#photos {
	background: transparent url(/img/inside/profils/onglet-photos.png) no-repeat 0 0;
}

#content_profile a#annonce:hover, #content_profile a#localisation:hover, #content_profile a#infos:hover, #content_profile a#physique:hover, #content_profile a#sexe:hover, #content_profile a#gouts:hover, #content_profile a#photos:hover {
	background-position: 0 -25px;
}

#content_profile a#annonce.selected, #content_profile a#localisation.selected, #content_profile a#infos.selected, #content_profile a#physique.selected, #content_profile a#sexe.selected, #content_profile a#gouts.selected, #content_profile a#photos.selected {
	background-position: 0 -25px;
	text-decoration: none;
}

#right_column #onglet_annonce, #right_column #onglet_localisation, #right_column #onglet_infos, #right_column #onglet_physique, #right_column #onglet_sexe, #right_column #onglet_gouts, #right_column #onglet_photos, #right_column #onglet_photo_portrait, #right_column #onglet_album_photos {
	margin-bottom: 30px;
}

#content_profile #onglet_annonce h3, #content_profile #onglet_localisation h3, #content_profile #onglet_infos h3, #content_profile #onglet_physique h3, #content_profile #onglet_sexe h3, #content_profile #onglet_gouts h3, #content_profile #onglet_photos h3, #content_profile #onglet_photo_portrait h3, #content_profile #onglet_album_photos h3 {
	width: 550px;
	height: 25px;
	margin-bottom: 20px;
	text-indent: -9999px;
}

#content_profile #onglet_annonce h3 {
	background: transparent url(/img/inside/profils/onglets.png) no-repeat 0 0;
}

#content_profile #onglet_localisation h3 {
	background: transparent url(/img/inside/profils/onglets.png) no-repeat 0 -200px;
}

#content_profile #onglet_infos h3 {
	background: transparent url(/img/inside/profils/onglets.png) no-repeat 0 -25px;
}

#content_profile #onglet_physique h3 {
	background: transparent url(/img/inside/profils/onglets.png) no-repeat 0 -50px;
}

#content_profile #onglet_sexe h3 {
	background: transparent url(/img/inside/profils/onglets.png) no-repeat 0 -75px;
}

#content_profile #onglet_gouts h3 {
	background: transparent url(/img/inside/profils/onglets.png) no-repeat 0 -100px;
}

#content_profile #onglet_photos h3 {
	background: transparent url(/img/inside/profils/onglets.png) no-repeat 0 -125px;
}

#content_profile #onglet_photo_portrait h3, #content_profile h3#portrait {
	background: transparent url(/img/inside/profils/onglets.png) no-repeat 0 -150px;
}

#content_profile #onglet_album_photos h3, #content_profile h3#album {
	background: transparent url(/img/inside/profils/onglets.png) no-repeat 0 -175px;
}

#content_profile #right_column p.p_annonce {
	margin: 0 auto;
	margin-top: 25px;
	padding: 0 10px 20px 10px;
	border-bottom: 1px solid #343434;
	text-align: justify;
	width: 508px;
}

#content_profile #right_column table.profile {
	width: 550px;
	border-collapse: separate;
	border-spacing: 10px 0; /* espacement des cellules : horizontal/vertical */
	empty-cells: show; /* affiche les cellules vides */
}

#content_profile #right_column table.profile th {
	padding: 4px 10px 4px 10px;
	width: 145px;
	font-weight: bold;
	border-bottom: 1px solid #343434;
	vertical-align: top;
}

#content_profile #right_column table.profile td {
	padding: 4px 10px 4px 10px;
	width: 335px;
	border-bottom: 1px solid #343434;
	vertical-align: top;
} 

#content_profile #right_column #album_photos {
	margin: 0 11px 0 11px;
}

#content_profile #right_column #album_photos img {
	margin: 10px;
	width: 80px;
	height: 80px;
	border: #2b2b2b 1px solid;
}

#content_profile #onglet_photos form p {
	margin: 0 10px 0 10px;
}

#content_profile #right_column button.ajouter { /* bouton "ajouter" */
	display: block;
	margin: 20px 20px 20px 420px;
	width: 108px;
	height: 62px;
	line-height: 65px;
	background: transparent url(/img/inside/bt-ajouter.png) no-repeat 0 0;
	border: 0;
	color: #141414;
	font-size: 0;
	vertical-align: middle;
	cursor: pointer;
} 

#content_profile #right_column button.ajouter_photos { /* bouton "ajouter" photos */
	position: absolute;
	top: 82px;
	left: 420px;
	display: block;
	margin: 0 0 20px 0;
	width: 108px;
	height: 62px;
	line-height: 65px;
	background: transparent url(/img/inside/bt-ajouter.png) no-repeat 0 0;	
	border: 0;
	color: #141414;
	font-size: 0;
	vertical-align: middle;
	cursor: pointer;
} 

#content_profile #right_column button.modifier { /* bouton "modifier" */
	display: block;
	margin: 20px 20px 20px 420px;
	width: 110px;
	height: 62px;
	line-height: 65px;
	background: transparent url(/img/inside/bt-modifier.png) no-repeat 0 0;
	border: 0;
	color: #141414;
	font-size: 0;
	vertical-align: middle;
	cursor: pointer;
} 

#content_profile #right_column button.modifier_photos { /* bouton "modifier" photos */
	position: absolute;
	top: 80px;
	left: 420px;
	display: block;
	margin: 0 0 20px 0;
	width: 110px;
	height: 62px;
	line-height: 65px;
	background: transparent url(/img/inside/bt-modifier.png) no-repeat 0 0;
	border: 0;
	color: #141414;
	font-size: 0;
	vertical-align: middle;
	cursor: pointer;
} 

#content_profile #right_column button.ajouter_modifier { /* bouton "ajouter/modifier" */
	display: block;
	margin: 20px 20px 20px 342px;
	width: 188px;
	height: 62px;
	line-height: 65px;
	background: transparent url(/img/inside/bt-ajouter-modifier.png) no-repeat 0 0;
	border: 0;
	color: #141414;
	font-size: 0;
	vertical-align: middle;
	cursor: pointer;
} 

#content_profile #right_column button.valider { /* bouton "je valide" */
	display: block;
	margin: 20px 20px 20px 185px;
	width: 112px;
	height: 62px;
	line-height: 65px;
	background: transparent url(/img/bt-je-valide.png) no-repeat 0 0;
	border: 0;
	color: #141414;
	font-size: 0;
	vertical-align: middle;
	cursor: pointer;
} 

#content_profile #right_column a.retour_profil { /* bouton "retour à mon profil" */
	text-indent: -9999px;
	float: left;
	display: block;
	margin: 20px 0 20px 20px;
	width: 198px;
	height: 62px;
	background: transparent url(/img/inside/bt-profile-return.png) no-repeat 0 0;
	border: 0;
} 

#content_profile #right_column button.ajouter:hover, #content_profile #right_column button.modifier:hover, #content_profile #right_column button.ajouter_modifier:hover, #content_profile #right_column button.valider:hover, #content_profile #right_column button.ajouter_photos:hover, #content_profile #right_column button.modifier_photos:hover, #content_profile #right_column a.retour_profil:hover {
	background-position: 0 -62px;
	color: #869000; 
}

#map { /* plan google map */
	margin: 0 auto;
	margin-top: 25px;
	width: 508px;
	height: 400px;
	color: #000;
}

/* ---------------------------------------------------- */

/* MON PROFIL - FORMULAIRES
-------------------------------------------------------- */

#content_profile #right_column form {
	width: 530px;
	padding: 0 10px 0 10px;
}

#content_profile #right_column #onglet_photos form {
	width: 550px;
	padding: 0;
}

#content_profile #right_column form p {
	padding: 4px 0 4px 0;
	float: left;
}

#content_profile #right_column label.label, #content_profile #right_column span.label {
	float: left;
	display: block;
	width: 175px;
	margin: 0 10px 2px 0;
}

#content_profile #right_column span.checkbox, #content_profile #right_column span.radio {
	float: left;
	display: block;
	width: 345px;
	padding-bottom: 10px;	
}

#content_profile #right_column span.checkbox_column {
	float: left;
	display: block;
	width: 155px;
	padding: 0 10px 10px 0;
}

#content_profile #right_column select.select {
	width: 250px;
}

#content_profile #right_column textarea {
	width: 300px;
	height: 200px;
}

#content_profile #right_column p.legende {
	margin-bottom: 20px;
}

#content_profile #right_column table.photos {
	margin-bottom: 10px;
}

#content_profile #right_column table.photos th {
	width: 140px;
	height: 20px;
	font-weight: bold;
}

#content_profile #onglet_photo_portrait img, #content_profile #onglet_album_photos img {
	margin-right: 10px;
	width: 80px;
	height: 80px;
	border: #2b2b2b 1px solid;
}

#content_profile #right_column p#selection {
	width: 100%;
	margin-top: 10px;
}

#content_profile #onglet_album_photos ol {
	clear: left;
	list-style: decimal-leading-zero inside; 
	width: 525px;
}

#content_profile #onglet_album_photos ol.iframe {
	display: block;
	width: 525px;
	height: 305px;
	overflow: auto;
	border: 0;
}

#content_profile #onglet_album_photos p.photo, 
#content_profile #onglet_album_photos li.photo {
	position: relative;
	margin: 0;
	padding: 10px;
	width: 475px;
	height: 80px;
	border-bottom: #2b2b2b 1px solid;
}

input.update {
	width: 23px;
	height: 22px;
	border: 0;
	text-indent: -9999px;
	cursor: pointer;
	background: transparent url(/img/update.gif) no-repeat 0 0;	
}

#content_profile #onglet_album_photos p.photo img, 
#content_profile #onglet_album_photos li.photo img {
	margin: 0;
	padding: 0;
}

#content_profile #onglet_album_photos input.photo_privee, 
#content_profile #onglet_album_photos input.supprimer {
	margin-left: 20px;
}

#content_profile #onglet_album_photos label.photo_privee, 
#content_profile #onglet_album_photos label.supprimer {
	margin-left: 10px;
}

#content_profile #onglet_photo_portrait p#erreur, 
#content_profile #onglet_album_photos p#erreur {
	margin: 0 0 20px 0;
	padding: 5px 8px 5px 8px;
	width: 510px;
	color: #000;
	background-color: #c1d000;	
}

#content_profile #right_column input#submit {
	float: left;
	margin: 10px 0 20px 0;
	width: 150px;
	height: 62px;
	padding-bottom: 18px;
	background: transparent url(/img/bg-button-150.png) no-repeat 0 0;
	border: 0;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	text-transform: uppercase;
}

#content_profile #right_column input#submit:hover {
	background-position: 0 -62px; 
}

#content_profile #right_column button#valide { /* bouton "je valide" */
	float: left;
	margin: 20px 0 20px 0;
	width: 112px;
	height: 62px;
	line-height: 65px;
	background: transparent url(/img/bt-je-valide.png) no-repeat 0 0;
	border: 0;
	color: #141414;
	font-size: 0;
	vertical-align: middle;
	cursor: pointer;
}

#content_profile #right_column button#valide:hover {
	background-position: 0 -62px;
	color: #869000; 
}

/* ---------------------------------------------------- */

/* MES MESSAGES
-------------------------------------------------------- */

#content_messages {
	position: relative;
	margin: 0 auto;
	margin-bottom: 20px;
	width: 760px;
	min-height: 300px;
}

#content_messages table, #content_messages p, #content_messages ul {
	font-size: 0.8em;
}

#content_messages h2 {
	color: #c1d000;
	font-style: italic;
	font-size: 1.35em;
	height: 70px;
	line-height: 70px;
}

#content_messages ul#menu_box {
	position: relative;
	width: 760px;
	height: 45px;
}

#content_messages ul#menu_box li#inbox { /* Boîte de réception */
	position: absolute;
	left: 0;
	top: 0;
	width: 255px;
	height: 45px;
	background: transparent url(/img/inside/messages/bg-inbox.png) no-repeat 0 0;
}

#content_messages ul#menu_box li#sent { /* Messages envoyés */
	position: absolute;
	left: 255px;
	top: 0;
	width: 250px;
	height: 45px;
	background: transparent url(/img/inside/messages/bg-sent.png) no-repeat 0 0;	
}

#content_messages ul#menu_box li#trash { /* Corbeille */
	position: absolute;
	left: 505px;
	top: 0;
	width: 255px;
	height: 45px;
}

#content_messages ul#menu_box li.full { /* Corbeille pleine */
	background: transparent url(/img/inside/messages/bg-trash.png) no-repeat 0 0;	
}

#content_messages ul#menu_box li.empty { /* Corbeille vide */
	background: transparent url(/img/inside/messages/bg-empty-trash.png) no-repeat 0 0;
}

#content_messages ul#menu_box li#inbox a, #content_messages ul#menu_box li#trash a {
	display: block;
	width: 180px;
	height: 45px;
}

#content_messages ul#menu_box li#sent a {
	display: block;
	width: 175px;
	height: 45px;
}

#content_messages ul#menu_box li a {
	color: #fff;	
	font-weight: bold;
	padding-left: 75px;
	line-height: 45px;
	text-decoration: none;
}

#content_messages ul#menu_box li a.on, #content_messages ul#menu_box li a:hover {
	color: #c1d000;
	text-decoration: none;
	font-weight: bold;
}

#content_messages p.nb_mess {
	width: 760px;
	height: 45px;
	line-height: 40px;
}

#content_messages table {
	width: 760px;
	background: transparent url(/img/inside/messages/bg-table-top.png) no-repeat 0 0;
}

#content_messages th {
	height: 28px;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #141414;
}

#content_messages th.mailbox_suppr {
	width: 37px;
}

#content_messages th.mailbox_enveloppe {
	width: 37px;
}

#content_messages th.mailbox_exp {
	width: 180px;
}

#content_messages th.mailbox_sujet {
	width: 250px;
}

#content_messages th.mailbox_date {
	width: 256px;	
}

#content_messages th.mailbox_date_lu {
	width: 128px;
}

#content_messages td {
	height: 26px;
	border-bottom: 1px solid #141414;
}

#content_messages td.input {
	text-align: center;
	background-color: #505050;
}

#content_messages td.img {
	padding-left: 6px;
	background-color: #505050;
}

#content_messages td.non_lu {
	font-weight: bold;
	background-color: #505050;
}


#content_messages td.lu {
	font-weight: normal;
	background-color: #505050;
	color: #CCCCCC;
} 

#content_messages td.lu a {
color: #CCCCCC;
text-decoration: none;
}

#content_messages td.lu a:hover {
color: #CCCCCC;
text-decoration: underline;
}

#content_messages td.sc {
	color: #c1d000;
}

#content_messages td a {
	color: #fff;
	text-decoration: none;
}

#content_messages td a:hover {
	color: #c1d000;
	text-decoration: underline;
}

#content_messages td.sc a {
	color: #c1d000;	
}

#content_messages td.date {
	font-size: 0.9em;
}

#content_messages td.cocher {
	height: 38px;
	line-height: 38px;
	padding-left: 12px;
	background: transparent url(/img/inside/messages/bg-table-bottom-left.png) no-repeat 0 bottom;
}

#content_messages td.supprimer {
	height: 38px;
	line-height: 38px;
	background: transparent url(/img/inside/messages/bg-table-bottom-right.png) no-repeat right bottom;
}

#content_messages button#ok {
	width: 45px;
	height: 27px;
	line-height: 40px;
	background: transparent url(/img/inside/bt-ok.png) no-repeat 0 0;	
	border: 0;
	color: #1d1d1d;
	font-size: 0px;
	vertical-align: middle;
	cursor: pointer;
	z-index: 100;
}

#content_messages button#ok:hover {
	background-position: 0 -27px;
	color: #9ba329; 
}

#content_messages p.vide {
	padding: 80px 0 40px 0;
	text-align: center;
}

#content_messages h3 {
	margin-left: 15px;
	width: 745px;
	height: 55px;
	line-height: 55px;
	font-size: 1.15em;
	color: #c1d000;
}

#content_messages #message {
	margin-bottom: 20px;
	width: 730px;
	padding: 15px;
	border-top: 1px dashed #424242;	
	border-bottom: 1px dashed #424242;
	overflow: auto;
}

#content_messages #expediteur {
	width: 200px;
	float: left;
}

#content_messages img.photo_portrait {
	width: 80px;
	height: 80px;
	border: #2b2b2b 1px solid;
	margin: 10px 10px 10px 0;
	float: left;
}

#content_messages ul#infos {
	position: relative;
	height: 80px;
	margin: 15px 0 11px 90px;
	font-size: 0.8em;
}

#content_messages span.online, #content_messages span.offline {
	width: 8px;
	height: 8px;
	padding-left: 12px;
	font-weight: bold;
}

#content_messages span.online {
	color: #c1d000;
	background: transparent url(/img/inside/online.png) no-repeat 0 center;	
}

#content_messages span.offline {
	color: #5d5d5d;
	background: transparent url(/img/inside/offline-profil.png) no-repeat 0 center;	
}

#content_messages li.ville {
	text-transform: uppercase;
}

#content_messages #texte {
	margin-left: 220px;
	text-align: justify;
}

#content_messages #form_message {
	margin-left: 220px;	
}

#content_messages #form_message p {
	margin: 0 0 10px 0;
}

#content_messages #form_message label.label {
	float: left;
	display: block;
	width: 170px;
}

#content_messages #form_message input.input, #content_messages #form_message textarea {
	width: 280px;
}

#content_messages #maxlength {
	padding-left: 170px;
}

#content_messages blockquote.message {
	margin: 30px 0 10px 0;
	padding: 8px 8px 8px 12px;
	border-left: 2px solid #fff;
	text-align: justify;
}

#content_messages div.nav {
	width: 760px;
}

#content_messages div.nav ul {
	margin: 20px 0 20px 0;
	position: relative;
	float: right;
	font-size: 1em;
}

#content_messages div.nav li {
	display: inline;
	float: left;
}

#content_messages div.nav li a {
	display: block;
	width: 18px;
	height: 18px;
	background-color: #585858;
	border: 1px solid #7e7e7e;
	text-align: center;
	line-height: 18px;
	color: #fff;
	font-size: 0.8em;
	margin: 0 0 0 10px;
	padding: 0;
}

#content_messages div.nav li a:hover, #content_messages div.nav li a:active {
	background-color: #242424;
	text-decoration: none;
}

#content_messages div.nav li span.page_number {
	display: block;
	width: 18px;
	height: 18px;
	background-color: #242424;
	border: 1px solid #7e7e7e;
	text-align: center;
	line-height: 18px;
	color: #fff;
	font-size: 0.8em;
	margin: 0 0 0 10px;
}

#content_messages p#button {
	text-align: right;
	margin-right: 15px;
}

#content_messages button#retour {
	margin: 20px 0 0 0;
	width: 91px;
	height: 62px;
	line-height: 65px;
	background: transparent url(/img/bt-retour.png) no-repeat 0 0;	
	border: 0;
	color: #141414;
	font-size: 0px;
	vertical-align: middle;
	cursor: pointer;
	z-index: 100;
}

#content_messages button#repondre {
	margin: 20px 0 0 0;
	width: 113px;
	height: 62px;
	line-height: 65px;
	background: transparent url(/img/inside/messages/bt-repondre.png) no-repeat 0 0;		
	border: 0;
	color: #141414;
	font-size: 0px;
	vertical-align: middle;
	cursor: pointer;
	z-index: 100;
}

#content_messages button#envoyer {
	margin-left: 405px;
	width: 110px;
	height: 62px;
	line-height: 65px;
	background: transparent url(/img/inside/messages/bt-envoyer.png) no-repeat 0 0;		
	border: 0;
	color: #141414;
	font-size: 0px;
	vertical-align: middle;
	cursor: pointer;
	z-index: 100;
}

#content_messages button#repondre:hover, #content_messages button#retour:hover, #content_messages button#envoyer:hover {
	background-position: 0 -62px;
	color: #869000;
}

#content_messages #nb {
	clear: both;
	width: 100%;
	padding-top: 10px;
	font-size: 0.7em;
	color: #efefef;
	text-align: center;	
}

/* ---------------------------------------------------- */

/* ALERTE BOX
-------------------------------------------------------- */

#dropin a {
	color: #c1d000;
	text-decoration: underline;	
}

#dropin a:hover {
	color: #fff;
	text-decoration: none;	
}

/* ---------------------------------------------------- */

/* JE M'ABONNE
-------------------------------------------------------- */

#content_subscription {
	position: relative; /* important ! */
	margin: 0 auto;
	margin-bottom: 30px;
	width: 760px;
}

#content_subscription h2 {
	color: #c1d000;
	font-style: italic;
	font-size: 1.35em;
	height: 70px;
	line-height: 70px;
}

#content_subscription ul#onglets_abt {
	position: relative;
	margin-bottom: 10px;
	width: 760px;
	height: 25px;
}

#content_subscription ul#onglets_abt a {
	text-indent: -9999px;
}

#content_subscription ul#onglets_abt a#cb {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 250px;
	height: 25px;
	background: transparent url(/img/inside/subscription/onglets-abonnement.png) no-repeat 0 0;	
}

#content_subscription ul#onglets_abt a#cb.selected, #content_subscription ul#onglets_abt a#cb:hover {
	background: transparent url(/img/inside/subscription/onglets-abonnement.png) no-repeat 0 -25px;		
}

#content_subscription ul#onglets_abt a#chq {
	position: absolute;
       left: 510px;
    top: 0;
	display: block;
	width: 250px;
	height: 25px;
	background: transparent url(/img/inside/subscription/onglets-abonnement.png) no-repeat 0 -50px;	
}

#content_subscription ul#onglets_abt a#chq.selected, #content_subscription ul#onglets_abt a#chq:hover {
	background: transparent url(/img/inside/subscription/onglets-abonnement.png) no-repeat 0 -75px;		
}

#content_subscription ul#onglets_abt a#vir {
	position: absolute;
    left: 255px;
    top: 0;

	display: block;
	width: 250px;
	height: 25px;
	background: transparent url(/img/inside/subscription/onglets-abonnement.png) no-repeat 0 -100px;	
}

#content_subscription ul#onglets_abt a#vir.selected, #content_subscription ul#onglets_abt a#vir:hover {
	background: transparent url(/img/inside/subscription/onglets-abonnement.png) no-repeat 0 -125px;
}

#content_subscription h3 {
	margin-bottom: 10px;
	color: #c1d000;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.1em;
	height: 50px;
	line-height: 50px;
}

#content_subscription table#avantages {
	margin: 0 0 10px 0;
	border-spacing: 0 0; /* espacement des cellules : horizontal/vertical */
	empty-cells: show; /* affiche les cellules vides */
	width: 760px;
	height: 256px;
	font-size: 0.8em;
	background: transparent url(/img/inside/subscription/table-avantages.png) no-repeat 0 0;
}

#content_subscription table#allopass {
    margin: 0 0 0 0;
    border-spacing: 0 0; /* espacement des cellules : horizontal/vertical */
    empty-cells: show; /* affiche les cellules vides */
    width: 760px;
    height: 310px;
    font-size: 0.8em;
    background: transparent url(/img/inside/subscription/table-allopass.png) no-repeat 0 0;
}

#content_subscription table#allopass h2 {
    color: #c1d000;
    font-style: italic;
    font-size: 1.35em;
    height: 30px; 
    line-height: 30px;

}


#content_subscription table#avantages th, #content_subscription table#avantages td {
	vertical-align: top;
}

#content_subscription table#avantages th#fonctionnalites {
	padding-right: 30px;
	width: 190px;
}

#content_subscription table#avantages th#avec {
	padding-left: 30px;
	width: 140px;
	color: #c1d000;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	text-decoration: underline;
	vertical-align: middle;
}

#content_subscription table#avantages th#sans {
	width: 211px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	text-decoration: underline;
	vertical-align: middle;
}

#content_subscription table#avantages tr.tr40 {
	padding-right: 25px;
	height: 40px;
	line-height: 40px;
}

#content_subscription table#avantages tr.tr22 {
	padding-right: 30px;
	height: 22px;
}

#content_subscription table#avantages tr.tr51 {
	padding-right: 30px;
	height: 51px;
}

#content_subscription table#avantages th.fonctionnalites {
	padding-right: 20px;
	font-weight: bold;
	text-align: right;
}

#content_subscription table#avantages td.avec {
	padding-left: 20px;
	color: #c1d000;
}

#content_subscription img#badge_abonnement {
	position: absolute;
	left: 35px;
	top: 160px;
}

#content_subscription .formules {
	position: relative; /* important ! */
	/*margin: 10px 40px 20px 40px; */
}

#content_subscription .lifetime {
	position: relative;
	left: -20px;
	width: 386px;
	height: 125px;
	margin-bottom: 10px;
	/*text-indent: -9999px;	
	background: transparent url(/img/inside/subscription/lifetime-subscription.png) no-repeat 0 0;	*/
}

#content_subscription .month1 {
	position: relative;
	width: 341px;
	height: 125px;
	margin-bottom: 10px;
	/*text-indent: -9999px;
	background: transparent url(/img/inside/subscription/month1.png) no-repeat 0 0;	*/
}

#content_subscription .month1_renewal {
	position: relative;
	width: 341px;
	height: 125px;
	margin-bottom: 10px;
	/*text-indent: -9999px;
	background: transparent url(/img/inside/subscription/month1-renewal.png) no-repeat 0 0;*/	
}

#content_subscription .month3 {
	position: relative;
	width: 341px;
	height: 125px;
	margin-bottom: 10px;
	/*text-indent: -9999px;
	background: transparent url(/img/inside/subscription/month3.png) no-repeat 0 0;*/
}

#content_subscription .month3_renewal {
	position: relative;
	width: 341px;
	height: 125px;
	margin-bottom: 10px;
	/*text-indent: -9999px;
	background: transparent url(/img/inside/subscription/month3-renewal.png) no-repeat 0 0;	*/
}

#content_subscription .month6 {
	position: relative;
	width: 345px;
	height: 125px;
	margin-bottom: 10px;
	/*text-indent: -9999px;
	background: transparent url(/img/inside/subscription/month6.png) no-repeat 0 0;*/
}

#content_subscription .month6_renewal {
	position: relative;
	width: 345px;
	height: 125px;
	margin-bottom: 10px;
	/*text-indent: -9999px;
	background: transparent url(/img/inside/subscription/month6-renewal.png) no-repeat 0 0;*/
}

#content_subscription .month9 {
	position: relative;
	width: 345px;
	height: 125px;
	margin-bottom: 10px;
	/*text-indent: -9999px;
	background: transparent url(/img/inside/subscription/month9.png) no-repeat 0 0;	*/
}

#content_subscription .month9_renewal {
	position: relative;
	width: 345px;
	height: 125px;
	margin-bottom: 10px;
	/*text-indent: -9999px;
	background: transparent url(/img/inside/subscription/month9-renewal.png) no-repeat 0 0;	*/
}

#content_subscription .month12 {
	position: relative;
	width: 345px;
	height: 125px;
	margin-bottom: 10px;
	/*text-indent: -9999px;
	background: transparent url(/img/inside/subscription/month9.png) no-repeat 0 0;	*/
}

#content_subscription .month12_renewal {
	position: relative;
	width: 345px;
	height: 125px;
	margin-bottom: 10px;
	/*text-indent: -9999px;
	background: transparent url(/img/inside/subscription/month9-renewal.png) no-repeat 0 0;	*/
}

#content_subscription p {
	margin: 5px 0 5px 0;
	font-size: 0.8em;
	text-align: center;
}

#content_subscription p.abonnement {
	font-size: 1em;
	text-align: left; 
}

#content_subscription p.pref {
	margin: 0px 100px 25px 100px;
	width: 560px;
	font-size: 0.8em;
	text-align: center;
}

#content_subscription img#allopass {
	margin-top: 10px;
}

#content_subscription button#formule {
	margin: 15px 0 5px 0;
	width: 329px;
	height: 62px;
	line-height: 65px;
	background: transparent url(/img/inside/bt-abonnement.png) no-repeat 0 0;		
	border: 0;
	color: #141414;
	font-size: 0px;
	vertical-align: middle;
	cursor: pointer;
	z-index: 100;
}

#content_subscription button#formule:hover {
	background-position: 0 -62px;
	color: #869000;
}

#content_subscription table.compte {
	margin: 10px 0 10px 205px;
	width: 350px;
	font-size: 0.8em;
}

#content_subscription table.compte th {
	padding: 2px 0 2px 0;
	font-weight: bold;
}

#content_subscription p.abt_message {
	margin: 0 0 25px 0;
	padding: 5px 10px 5px 10px;
	width: 740px;
	color: #fff;
	font-size: 1em;
	border-top: 1px solid #343434;	
	border-bottom: 1px solid #343434;
}

/* ---------------------------------------------------- */

/* VOTES
-------------------------------------------------------- */

#content_votes {
	position: relative; /* important ! */
	margin: 0 auto;
	margin-bottom: 30px;
	width: 760px;
	min-height: 300px;
}

#content_votes h2 {
	color: #c1d000;
	font-style: italic;
	font-size: 1.35em;
	height: 70px;
	line-height: 70px;
}

#content_votes #right_column {
	position: relative;
	margin-left: 210px;
	padding-top: 70px;
	width: 550px;
	font-size: 0.8em;
}

#content_votes p {
	text-align: center;
}

#content_votes button#retour {
	margin: 20px 0 0 0;
	width: 91px;
	height: 62px;
	line-height: 65px;
	background: transparent url(/img/bt-retour.png) no-repeat 0 0;	
	border: 0;
	color: #141414;
	font-size: 0px;
	vertical-align: middle;
	cursor: pointer;
	z-index: 100;
}

#content_votes button#valider {
	margin: 25px 0 0 0;
	width: 112px;
	height: 62px;
	line-height: 65px;
	background: transparent url(/img/bt-je-valide.png) no-repeat 0 0;		
	border: 0;
	color: #141414;
	font-size: 0px;
	vertical-align: middle;
	cursor: pointer;
	z-index: 100;
}

#content_votes button#valider:hover, #content_votes button#retour:hover {
	background-position: 0 -62px;
	color: #869000;
}

/* ---------------------------------------------------- */

/* MON COMPTE
-------------------------------------------------------- */

#content_members div.fav_search {
	position: relative;
	width: 285px;
	height: 130px;
	margin: 0 0 20px 0; /* ajout IE */
	float: left;
	background: transparent url(/img/inside/background-account-fav-search.png) no-repeat 0 25px;
}

#content_members div.fav_search h3 {
	padding: 0 0 0 15px;
	height: 25px;
	line-height: 27px;
	font-size: 0.8em;
	font-weight: bold;
	background: transparent url(/img/inside/header-profil.png) no-repeat 0 0;		
}

#content_members div.fav_search ul {
	position: absolute;
	left: 15px;
	top: 33px;
	font-size: 0.8em;
	line-height: 1.35em;
}

#content_members div.fav_search ul li.puce, div.autres_fonctions ul li.puce {
	padding-left: 15px;
	background: transparent url(/img/inside/puce-account-fav-search.png) no-repeat 0 center;
}

#content_members div.fav_search p {
	margin-top: 35px;
	padding-right: 20px; /* ajout IE */
	font-size: 0.8em;
	text-align: center;
}

#content_members table.popularite {
	margin: 8px 0 0 15px;
	width: 235px;
	font-size: 0.8em;
}

#content_members table.popularite th {
	width: 170px;
}

#content_members table.popularite td {
	width: 65px;
	font-weight: bold;
}

#content_members div.autres_fonctions {
	position: relative;
	width: 570px;
	height: 130px;
	margin: 0 0 20px 0;
	float: left;
	background: transparent url(/img/inside/background-autres-fonctions.png) no-repeat 0 25px;
}

#content_members div.autres_fonctions h3 {
	padding: 0 0 0 15px;
	height: 25px;
	line-height: 27px;
	font-size: 0.8em;
	font-weight: bold;
	background: transparent url(/img/inside/header-profil-autres-fonctions.png) no-repeat 0 0;		
}

#content_members div.autres_fonctions ul#liste1 {
	position: absolute;
	left: 15px;
	top: 33px;
	font-size: 0.8em;
	line-height: 1.35em;
}

#content_members div.autres_fonctions ul#liste2 {
	position: absolute;
	left: 300px;
	top: 33px;
	font-size: 0.8em;
	line-height: 1.35em;
}

#content_members div.contact {
	padding: 5px 0 0 0;    
	font-size: 0.8em;
	color: #fff;
}

#content_members div.contact #important {
	font-size: 2em;
	color: #c1d000;
	font-weight: bold;
}

#content_members a.lien_compte:link, #content_members a.lien_compte:visited {
	color: #fff;
	text-decoration: none;
}

#content_members a.lien_compte:hover, #content_members a.lien_compte:active {
	color: #c1d000;
	text-decoration: none;
}

#content_account {
	position: relative; /* important ! */
	margin: 0 auto;
	margin-bottom: 30px;
	width: 760px;
	min-height: 300px;
}

#content_account h2 {
	color: #c1d000;
	font-style: italic;
	font-size: 1.35em;
	height: 70px;
	line-height: 70px;
}

#content_account form {
	margin-left: 120px;
	width: 520px;
}

#content_account p {
	padding: 5px 0 5px 0;
	font-size: 0.8em;
}

#content_account button.valider { /* bouton "je valide" */
	margin: 20px 0 20px 110px;
	width: 112px;
	height: 62px;
	line-height: 65px;
	background: transparent url(/img/bt-je-valide.png) no-repeat 0 0;
	border: 0;
	color: #141414;
	font-size: 0;
	vertical-align: middle;
	cursor: pointer;
} 

#content_account button.valider_center { /* bouton "je valide" */
	margin: 20px 0 20px 0;
	width: 112px;
	height: 62px;
	line-height: 65px;
	background: transparent url(/img/bt-je-valide.png) no-repeat 0 0;
	border: 0;
	color: #141414;
	font-size: 0;
	vertical-align: middle;
	cursor: pointer;
} 

#content_account button.account_return { /* bouton "retour à mon compte" */
	margin: 0;
	width: 209px;
	height: 62px;
	line-height: 65px;
	background: transparent url(/img/inside/bt-account-return.png) no-repeat 0 0;
	border: 0;
	color: #141414;
	font-size: 0;
	vertical-align: middle;
	cursor: pointer;
} 

#content_account button#retour {
	margin: 20px 0 0 0;
	width: 91px;
	height: 62px;
	line-height: 65px;
	background: transparent url(/img/bt-retour.png) no-repeat 0 0;		
	border: 0;
	color: #141414;
	font-size: 0px;
	vertical-align: middle;
	cursor: pointer;
	z-index: 100;
}

#content_account button.valider:hover, #content_account button.account_return:hover, #content_account button#retour:hover {
	background-position: 0 -62px;
	color: #869000;
}

#content_account label.label {
	float: left;
	display: block;
	width: 250px;
	margin: 0 10px 2px 0;
}

#content_account span.label {
	float: left;
	display: block;
	width: 250px;
	margin: 0 10px 2px 0;
}

#content_account p.valider { 
	margin: 20px 120px 40px 0;
	width: 520px;
	text-align: center;	
}

#content_account p.button { /* pour le bouton "je valide" aligné sous les input */
	margin: 0 120px 0 0;
	width: 520px;
	text-align: center;	
}

table.abonnement {
	padding: 3px;
	width: 760px;
	border: 1px solid #505050;
	font-size: 0.8em;
}

table.abonnement caption {
	margin: 20px 0 5px 0;
	padding: 5px;
	background-color: #505050;
	text-align: center;
	font-weight: bold;
}

table.abonnement th, table.abonnement td {
	padding: 4px 7px 4px 7px;
	border: 1px solid #505050;
}

table.abonnement th {
	font-weight: bold;
}

#content_account p.abonnement {
	font-size: 1em;
}


#content_account p.note {
	margin: 0 0 25px 0;
	padding: 5px 10px 5px 10px;
	font-size: 0.8em;
	width: 500px;
	color: #fff;
	border-top: 1px solid #343434;	
	border-bottom: 1px solid #343434;	
	text-align: center;
}

#content_account p.center {
	text-align: center;
	width: 520px;
}

#content_account p.confirm {
	margin: 20px 120px 40px 120px;
	width: 520px;
	text-align: center;
}

#content_alerts {
	position: relative; /* important ! */
	margin: 0 auto;
	margin-bottom: 30px;
	width: 760px;
	/*min-height: 300px;*/
}

#content_alerts h2 {
	color: #c1d000;
	font-style: italic;
	font-size: 1.35em;
	height: 70px;
	line-height: 70px;
}

#content_alerts form {
	margin: 0 20px 0 20px;
}

#content_alerts p, #content_alerts th, #content_alerts td {
	padding: 5px 0 5px 0;
	font-size: 0.8em;
}

#content_alerts table {
	border-collapse: separate;
	border-spacing: 40px 0; /* espacement des cellules : horizontal/vertical */
	empty-cells: show; /* affiche les cellules vides */
}

#content_alerts th {
	width: 400px;
}

#content_alerts p.confirm {
	margin: 20px 120px 40px 120px;
	width: 520px;
	text-align: center;
}

#content_alerts button.valider { /* bouton "je valide" */
	margin: 20px 0 20px 480px;
	width: 112px;
	height: 62px;
	line-height: 65px;
	background: transparent url(/img/bt-je-valide.png) no-repeat 0 0;
	border: 0;
	color: #141414;
	font-size: 0;
	vertical-align: middle;
	cursor: pointer;
} 

/* ---------------------------------------------------- */

/* JAVASCRIPT
-------------------------------------------------------- */

#content_javascript {
	position: relative; /* important ! */
	margin: 0 auto;
	margin-bottom: 50px;
	width: 760px;
}

#content_javascript h2 {
	color: #c1d000;
	font-style: italic;
	font-size: 1.35em;
	height: 70px;
	line-height: 70px;
}

#content_javascript h3 {
	display: inline;
	font-weight: bold;
	font-size: 1em;
	color: #c1d000;
}

#content_javascript h4 {
	display: inline;
	font-weight: bold;
	font-size: 0.9em;
	color: #c1d000;
}
	
#content_javascript h3, #content_javascript h4 {	
	display: block;
	margin: 25px 100px 25px 100px;
}

#content_javascript p, #content_javascript ul {	
	margin: 5px 100px 5px 100px;
}

#content_javascript p, #content_javascript ul {
	font-size: 0.8em;
}

/* ---------------------------------------------------- */

/* CORPORATE
-------------------------------------------------------- */

#content_corporate {
	position: relative; /* important ! */
	margin: 0 auto;
	margin-bottom: 50px;
	width: 760px;
}

#content_corporate h2 {
	color: #c1d000;
	font-style: italic;
	font-size: 1.35em;
	height: 70px;
	line-height: 70px;
}

#content_corporate p {
	margin: 0 100px 25px 100px;
	font-size: 0.8em;
}

#content_corporate ol, #content_corporate ul {
	padding: 0 100px 0 100px;
}

#content_corporate ol {
	list-style: decimal inside;
}

#content_corporate li {
	margin: 0 0 25px 0;
}

#content_corporate h3 {
	display: inline;
	font-weight: bold;
	font-size: 1em;
	color: #c1d000;
}	

#content_corporate li p {
	margin: 10px 0 0 0;
	font-size: 0.8em;
	text-align: justify;
}

#content_corporate li p.hdp {
	margin: 10px 0 0 0;
	font-size: 0.8em;
	text-align: right;
}

/* ---------------------------------------------------- */

/* RECHERCHE AVANCEE
-------------------------------------------------------- */

#content_search {
	position: relative;
	margin: 0 auto;
	margin-bottom: 30px;
	width: 760px;
}

#content_search p {
	font-size: 0.8em;
}

#content_search h2 {
	color: #c1d000;
	font-style: italic;
	font-size: 1.35em;
	height: 70px;
	line-height: 70px;
}

#content_search h3 {
	margin: 0 0 7px 0;
}

#content_search #onglet_infos {
	display: block;
	width: 760px;
	height: 25px;
	text-indent: -9999px;	
	background: transparent url(/img/inside/search/onglet-advanced-search.png) no-repeat 0 0;	
}

#content_search #onglet_infos:hover {
	background-position: 0 -25px;
	text-decoration: none;
}

#content_search #onglet_physique {
	display: block;
	width: 760px;
	height: 25px;
	text-indent: -9999px;	
	background: transparent url(/img/inside/search/onglet-advanced-search.png) no-repeat 0 -50px;
}

#content_search #onglet_physique:hover {
	background-position: 0 -75px;
	text-decoration: none;
}

#content_search #onglet_sexe {
	display: block;
	width: 760px;
	height: 25px;
	text-indent: -9999px;	
	background: transparent url(/img/inside/search/onglet-advanced-search.png) no-repeat 0 -100px;
}

#content_search #onglet_sexe:hover {
	background-position: 0 -125px;
	text-decoration: none;
}

#content_search #onglet_gouts {
	display: block;
	width: 760px;
	height: 25px;
	text-indent: -9999px;	
	background: transparent url(/img/inside/search/onglet-advanced-search.png) no-repeat 0 -150px;
}

#content_search #onglet_gouts:hover {
	background-position: 0 -175px;
	text-decoration: none;
}

#content_search #onglet_activites {
	display: block;
	width: 760px;
	height: 25px;
	text-indent: -9999px;	
	background: transparent url(/img/inside/search/onglet-advanced-search.png) no-repeat 0 -200px;
}

#content_search #onglet_activites:hover {
	background-position: 0 -225px;
	text-decoration: none;
}

#content_search #onglet_tri {
	width: 760px;
	height: 25px;
	text-indent: -9999px;	
	background: transparent url(/img/inside/search/onglet-advanced-search.png) no-repeat 0 -250px;
}

#content_search #tri p {
	margin: 15px 130px 15px 130px;
}

#content_search #infos, #content_search #physique, #content_search #sexe, #content_search #gouts, #content_search #activites {
	margin: 0 0 7px 0;
}

#content_search p {
	margin: 0 130px 0 130px;
	padding: 3px 0 3px 0;
	width: 500px;
}

#content_search p.criteres {
	margin: 0;
	padding: 0;
	width: 760px;
	text-align: center;
}

#content_search label.label {
	float: left;
	display: block;
	width: 240px;
}

#content_search span.label {
	float: left;
	display: block;
	width: 240px;
	margin: 0 0 2px 0;
}

#content_search span.checkbox, #content_search span.radio {
	float: left;
	display: block;
	width: 260px;
	padding-bottom: 10px;	
}

#content_search span.checkbox_column {
	float: left;
	display: block;
	width: 130px;
	padding: 0 0 10px 0;
}

#content_search select {
	width: 255px;
}

#content_search select#taille_min, #content_search select#taille_max, #content_search select#poids_min, #content_search select#poids_max, #content_search select#age_min, #content_search select#age_max {
	width: 60px;
}

#content_search select#longueur_sexe_min, #content_search select#longueur_sexe_max {
	width: 100px;
}

#content_search button.valider { /* bouton "je valide" */
	margin: 10px 0 20px 0;
	width: 112px;
	height: 62px;
	line-height: 65px;
	background: transparent url(/img/bt-je-valide.png) no-repeat 0 0;
	border: 0;
	color: #141414;
	font-size: 0;
	vertical-align: middle;
	cursor: pointer;
}

#content_search button.account_return { /* bouton "retour à mon compte" */
	margin: 10px 0 20px 0;
	width: 209px;
	height: 62px;
	line-height: 65px;
	background: transparent url(/img/inside/bt-account-return.png) no-repeat 0 0;
	border: 0;
	color: #141414;
	font-size: 0;
	vertical-align: middle;
	cursor: pointer;
} 

#content_search button.valider:hover, #content_search button.account_return:hover {
	background-position: 0 -62px;
	color: #869000;
} 
			
/* ---------------------------------------------------- */

/* FOOTER
-------------------------------------------------------- */

#footer, #footer_ext {
	clear: both; /* pour que le footer passe dans le flux */
	position: relative;
	margin: 0 auto;
	width: 760px;
	height: 170px;
	text-align: center;
	background: transparent url(/img/background-footer-ext.png) no-repeat center 26px;	
}

ul#menu, ul#menu_ext {
	height: 26px;
	line-height: 25px;
	background-color: #1c1c1b;
	border-top: 1px solid #505050;	
	border-bottom: 1px solid #505050;
}

ul#menu li, ul#menu_ext li {
	display: inline;
	font-size: 0.75em;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
}

#footer a:link, #footer a:visited, #footer_ext a:link, #footer_ext a:visited {
	color: #fff;
	text-decoration: none;
}

#footer a:hover, #footer a:active, #footer_ext a:hover, #footer_ext a:active {
	color: #c1d000;
	text-decoration: none;
}

#footer h3, #footer_ext h3 {
	position: absolute;
	left: 0;
	top: 96px;
	width: 760px;
	color: #c1d000;
	font-size: 0.75em;
}

ul#reseau_gaycamer {
	position: absolute;
	left: 0;
	top: 108px;
	width: 760px;
}

ul#reseau_gaycamer li {
	display: inline;
	font-size: 0.75em;
	padding-left: 5px;
	padding-right: 5px;
}

#footer p, #footer_ext p {
	position: absolute;
	left: 0;
	top: 36px;
	width: 760px;
	font-size: 0.7em;
	color: #505050;
	text-align: right;	
}

/* ---------------------------------------------------- */

/* CLASSES COMMUNES
-------------------------------------------------------- */

strong {
	font-weight: bold;
}

.requis { /* info champs obligatoires */
	width: 100%;
	font-style: italic;
	margin-bottom: 10px;
}

.asterisque {
	color: #c1d000;
}

a:link, a:visited {
	color: #c1d000;
	text-decoration: none;
}

a:hover, a:active {
	color: #ffffff;
	text-decoration: underline;
}

.important {
	color: #c1d000;
}

.valid { /* éléments validés */
	margin: 5px 20px 5px 20px;
	padding: 5px 8px 5px 8px;
	color: #000;
	background-color: #c1d000;
}

.validation { /* éléments en cours de validation */
	margin: 5px 20px 5px 20px;
	padding: 5px 8px 5px 8px;
	background-color: #ac0000;
	color: #fff;
}

.clear {
	clear: left;
}

.cent {
	width: 100%;
}

.center {
	text-align: center;
}

/* ---------------------------------------------------- */

/* VERIFICATION DES FORMULAIRES
-------------------------------------------------------- */

.LV_valid {
	 display: none;
}
	
.LV_invalid {
	/*width: 510px;*/
	margin: 8px 0 0 0;
	padding: 5px 8px 5px 8px;
	color: #000;
	background-color: #c1d000;
	display: block;
}

#content_profile #right_column p.erreur {
	margin: 2px 0 2px 0;
	padding: 5px 8px 5px 8px;
	width: 510px;
	color: #000;
	background-color: #c1d000;
}

#content_messages p.erreur {
	margin: 2px 0 2px 0;
	padding: 5px 8px 5px 8px;
	color: #000;
	background-color: #c1d000;
}

#content_account p.erreur {
	margin: 2px 0 2px 0;
	padding: 5px 8px 5px 8px;
	color: #000;
	background-color: #c1d000;
}

#content_search p.erreur {
	margin: 0 0 15px 0;
	padding: 5px 8px 5px 8px;
	color: #000;
	background-color: #c1d000;
}

/* ---------------------------------------------------- */

/* BUTTONS
-------------------------------------------------------- */

button.b100, button.b150, button.b200, button.b250, button.b300, button.b350 {
	margin: 10px 0 20px 0;
	height: 62px;
	padding-bottom: 18px;
	border: 0;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

button.b100 {
	width: 100px;
	background: transparent url(/img/bg-button-100.png) no-repeat 0 0;
}

button.b150 {
	width: 150px;
	background: transparent url(/img/bg-button-150.png) no-repeat 0 0;
}

button.b200 {
	width: 200px;
	background: transparent url(/img/bg-button-200.png) no-repeat 0 0;
}

button.b250 {
	width: 250px;
	background: transparent url(/img/bg-button-250.png) no-repeat 0 0;
}

button.b300 {
	width: 300px;
	background: transparent url(/img/bg-button-300.png) no-repeat 0 0;
}

button.b350 {
	width: 350px;
	background: transparent url(/img/bg-button-350.png) no-repeat 0 0;
}

button.b100:hover, button.b150:hover, button.b200:hover, button.b250:hover, button.b300:hover, button.b350:hover {
	background-position: 0 -62px;
	color: #161616;  
}

button.margin1 {
	margin: 20px 20px 20px 430px;
}

button.margin2 {
	margin: 20px 20px 20px 165px;
}

button.margin3 {
	margin: 20px 20px 20px 405px;
}

button.margin4 {
	margin: 20px 20px 20px 185px;
}

button.margin5 {
	margin: 20px 20px 20px 475px;
}

input.b150 {
	margin: 10px 0 20px 0;
	width: 150px;
	height: 62px;
	padding-bottom: 18px;
	border: 0;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	text-transform: uppercase;
	background: transparent url(/img/bg-button-150.png) no-repeat 0 0;
}

input.b200 {
	margin: 10px 0 20px 0;
	width: 200px;
	height: 62px;
	padding-bottom: 18px;
	border: 0;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	text-transform: uppercase;
	background: transparent url(/img/bg-button-200.png) no-repeat 0 0;
}

input.b200:hover {
	background-position: 0 -62px; 
}

/* ---------------------------------------------------- */

/* INFO ICON
-------------------------------------------------------- */
a.info_icon {
	position: relative;
	z-index: 998;
	width: 280px;
	color: #000;
	text-decoration: none;
}

a.info_icon:hover {
	z-index: 999;
}

a.info_icon span {
	display: none;
}

a.info_icon:hover span {
	display: block;
	position: absolute;
	width: 280px;
	top: 0; 
	left: 0; 
	font-size: 0.9em;
	border: 1px solid #424242;	
	background-color: #fff;
	color: #2b2b2b;
	margin: 0;
	padding: 5px;
	text-align: left;
}

#notif {
	position: relative; /* important! */
	margin: 10px auto;
	width: 760px;
	border: 1px solid #fff;
	color: #fff;
	background-color: #505050;
	padding: 10px;
	font-size: 0.8em;
	font-weight: normal;
	font-family: Trebuchet MS, Tahoma, Verdana;

}

/* ---------------------------------------------------- */