/*************************************/
/* GENERAL */
/*************************************/

* {
	margin:0px;
	padding:0px;
}

body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(chartes/fond.jpg) repeat-x 0px 0px #000;
}

#cont-body {
	text-align:center;
}

.spacer {
	clear:both;
}


a {
	color:#fd028f;	
}

a img {
	border:none;
}

img { -ms-interpolation-mode: bicubic; }

ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

/*************************************/
/* HEADER */
/*************************************/

#cont_header {
	background:url(chartes/fond_header.jpg) repeat-x;
	text-align:center;
}


#header {
	width:964px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#logo {
	display:block;
	width:305px;
	height:139px;
	background:url(chartes/logo.png) no-repeat;
	float:left;
	text-decoration:none;
}

.baise-line {
	color:#595959;
	font-size:12px;
	position:relative;
	top:92px;
	left:110px;
}

#box_login {
	width:430px;
	height:139px;
	background:url(chartes/box_login.png) no-repeat;
	float:right;
}

#menu_header {
	height:35px;
	width:964px;
	background:url(chartes/fond_menu.png) no-repeat;
	clear:both;
	padding-top:23px;
}

#menu_header ul {
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style:none;
}

#menu_header ul li {
	display:block;
	font-size:13px;
	color:#FFFFFF;
	padding:0px 15px 0px 15px;
	border-right:solid 1px #FFFFFF;
	text-align:center;
	float:left;
}

#menu_header ul li.fin {
	border-right:none;
}

#menu_header ul li a {
	color:#FFFFFF;
	text-decoration:none;
}

#menu_header ul li a:hover {
	color:#fd028f;
}

#fil_ariane {
	font-size:10px;
	color:#999;
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 0px;
	text-align:right;
}

#fil_ariane h1 {
	font-size:10px;
	font-weight:normal;
	display:inline;
}

#fil_ariane a{
	font-size:10px;
	color:#c6087d;
	text-decoration:none;
}

#fil_ariane a:hover{
	text-decoration:underline;
}
/*************************************/
/* CONTENEUR  */
/*************************************/

#conteneur {
	width:951px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background:#fff;
	padding:0px 8px 20px 5px;
}

#conteneur input, #conteneur select, #conteneur textarea {
	border:solid 1px #ccc;
	padding:2px;
	font-size:12px;
	color:#333333;
	font-weight:normal;
	background:#f1f1f1;
}

#conteneur td {
	color:#333333;
	font-size:12px;
	font-weight:strong;
}

#conteneur table {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

/*************************************/
/* GAUCHE  */
/*************************************/

#conteneur_gauche {
	width:635px;
	float:left;
}

#conteneur_gauche h2 {
	font-size:13px;
	color:#c6087d;
	margin-top:10px;
	margin-bottom:10px;
}

#encart {
	width:635px;
	clear:both;
	margin-bottom:18px;
	margin-top:0px;
}

#encart h2{
	font-size:16px;
	font-weight:bold;
	color:#fd028f;
	margin-bottom:10px;
	text-indent:5px;
	margin-top:0px;
}

#encart p{
	font-size:11px;
	color:#fff;
	text-align:left;
	padding:5px;
}

#encart td {
	color:#fff;
	padding-bottom:2px;
}

#haut_encart {
	height:12px;
	background:url(chartes/haut_encart_gauche.gif) no-repeat;
}

#fond_encart {
	background:url(chartes/fond_encart_gauche.gif) repeat-y;
}

#bas_encart {
	background:url(chartes/bas_encart_gauche.gif) no-repeat;
	height:15px;
}

#module {
	width:635px;
}
#conteneur_gauche .module_left h2, .module_right h2{
	font-size:13px;
	color:#c6087d;
	text-indent:25px;
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
}
.module_left, .module_right {
	float:left;
	width:314px;
	margin-bottom:8px;
}

.module_right {
	float:right;
}

.haut_module {
	height:11px;
	background:url(chartes/haut_module.gif) no-repeat;
}

.fond_module {
	background:url(chartes/fond_module.gif) repeat-y;
	text-align:center;
}

.bas_module {
	height:13px;
	background:url(chartes/bas_module.gif) no-repeat;
}

#intro {
	width:215px;
	float:right;
	margin-right:20px;
}

.bouton_intro {
	background:url(chartes/bouton_intro.jpg);
	display:block;
	height:24px;
	width:200px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	line-height:25px;
	margin-top:5px;
	margin-top:0px;
}

.bouton_intro:hover {
	color:#ffbae1;
}

#intro h2{
	font-size:16px;
	font-weight:bold;
	color:#fd028f;
	margin-bottom:10px;
	margin-top:0px;
}

#intro p{
	font-size:11px;
	color:#fff;
	text-align:left;
}

#intro p strong{
	color:#fd028f;
}
/* list */

ul.list, ol.list {
	margin:0px;
	padding:5px;
	list-style:none;
	text-align:left;
	//padding-bottom:0px;
}

ul.list li, ol.list li {
	display:block;
	border-bottom:dotted #f1f1f1 1px;
	padding-bottom:2px;
	margin-bottom:2px;
	text-indent:15px;
	background:url(chartes/puce.gif) no-repeat 3px center;
}

ul.list li.type, ol.list li.type {
	text-indent:20px;
}


ul.list li a, ol.list li a {
	color:#333333;
	text-decoration:none;
	display:block;
}

ul.list li a:hover, ol.list li a:hover {
	color:#fff;
	background:url(chartes/puce.gif) #fd028f no-repeat 3px center;
}

ul.list li.type a:hover, ol.list li.type a:hover {
	color:#fd028f;
	background:none;
}

ul.list2 {
	margin:0px;
	padding:5px;
	list-style:none;
	text-align:left;
	//padding-bottom:0px;
}

ul.list2 li {
	display:block;
	padding-bottom:2px;
	margin-bottom:0px;
	text-indent:30px;
	padding:2px 0px 2px 0px;
	font-size:13px;
	width:49%;
	float:left;
	background:url(chartes/bouton_menu.gif) no-repeat;
	height:27px;
}

ul.list2 li a {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:2px 0px 2px 0px;
}

ul.list2 li a:hover {
	color:#fd028f;
}


/* thumb_membre*/
#thumb_membre {
	float:left;
	margin-left:13px;
}

ul.thumb {
	list-style: none;
	margin: 0; padding: 3px;
	width: 360px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;
	width: 80px;
	height: 80px;
}
ul.thumb li img {
	width: 75px; height: 75px;
	border: 1px solid #ddd;
	padding: 5px;
	background: #ccc;
	position: absolute;
	left: 0; top: 0;
	-ms-interpolation-mode: bicubic; 
}
ul.thumb li img.hover {
	padding: 5px;
	background: #ccc;
	border: 1px solid #ddd;
}

/*************************************/
/* DROITE  */
/*************************************/

#conteneur_droite {
	width:309px;
	float:right;
	margin-bottom:20px;
}

#haut_conteneur_droite {
	height:12px;
	background:url(chartes/haut_cont_droite.gif) no-repeat;
}

#fond_conteneur_droite {
	background:url(chartes/fond_cont_droite.gif) repeat-y;
	text-align:center;
}

#bas_conteneur_droite {
	height:10px;
	background:url(chartes/bas_cont_droite.gif) no-repeat;
}

.module_droite {
	width:297px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

.module_droite h3 {
	padding:10px 0px 10px 0px;
	font-size:16px;
	color:#FFFFFF;
	text-indent:25px;
}

.haut_module_droite {
	height:15px;
	background:url(chartes/haut_module_droite.gif) no-repeat;
}

.fond_module_droite {
	background:url(chartes/fond_module_droite.gif) repeat-y;
}

.bas_module_droite {
	height:13px;
	background:url(chartes/bas_module_droite.gif) no-repeat;
	padding-bottom:5px;
}

.haut_module_droite_bleu {
	height:41px;
	background:url(chartes/haut_bleu_droite.jpg) no-repeat;
}

.haut_module_droite_gris {
	height:41px;
	background:url(chartes/haut_gris_droite.jpg) no-repeat;
}

/* Pages Onglet */

.pages_onglet {
	width:635px;
	clear:both;
	margin-top:10px;
}

.pages_onglet ul {
	margin:0px;
	padding:0px;
	list-style:none;
	height:36px;
	border-bottom:solid 1px #c8c8c8;
}

.pages_onglet ul li{
	display:block;
	height:36px;
	width:177px;
	float:left;
	margin-right:5px;
	margin-top:2px;
}

.pages_onglet ul li a {
	display:block;
	color:#fd028f;
	text-align:center;
	line-height:250%;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

.pages_onglet ul li.onglet_on {
	background:url(chartes/onglet_on.gif) no-repeat;
	border-bottom:solid 1px #fff;
}

.pages_onglet ul li.onglet_on a {
	color:#fd028f;
}


.pages_onglet ul li.onglet_off {
	background:url(chartes/onglet_off.gif) no-repeat;
}

.pages_onglet ul li.onglet_off a {
	color:#333333;
}

.fond_pages {
	background:url(chartes/fond_pages.gif) repeat-y;
}

.fond_pages_onglet {
	background:url(chartes/fond_pages.gif) repeat-y;
}

.fond_pages_onglet {
	background:url(chartes/fond_pages.gif) repeat-y;
}


.bas_pages {
	height:12px;
	background:url(chartes/bas_pages.gif) no-repeat;
}
/*************************************/
/* FOOTER  */
/*************************************/

#cont_footer {
	border-top:#ccc solid 3px;
	background:#232323;
	color:#FFFFFF;
	text-align:center;
}

#footer {
	width:964px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	color:#f1f1f1;
	font-size:10px;
	padding:10px 0px 0px 0px;
}

#footer p {
	clear:both;
	text-align:center;
	padding:0px 0px 5px 0px;
}


#footer h4 {
	font-size:10px;
	font-weight:bold;
	color:#fd028f;
	margin-bottom:20px;
}

#footer a{
	color:#f1f1f1;
	text-decoration:none;
}

#footer a:hover{
	color:#fd028f;
	text-decoration:none;
}

.footer_nav {
	width:280px;
	border-right:dotted #f1f1f1 1px;
	float:left;
	padding-right:20px;
	margin-right:20px;
}

.footer_nav ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

.footer_nav ul li{
	display:block;
	border-bottom:dotted #f1f1f1 1px;
	padding-bottom:2px;
	margin-bottom:2px;
}

.footer_nav ul li a{
	color:#f1f1f1;
	text-decoration:none;
}

.footer_nav ul li a:hover {
	color:#fd028f;
}

/*icone */

.icone_recherche {
	background:url(chartes/icone/magnifier.png) no-repeat 5px center;
}

.icone_forum {
	background:url(chartes/icone/user_comment.png) no-repeat 5px center;
}

.icone_membre_add {
	background:url(chartes/icone/user_add.png) no-repeat 5px center;
}

.icone_membre {
	background:url(chartes/icone/user.png) no-repeat 5px center;
}

.icone_message {
	background:url(chartes/icone/email_open_image.png) no-repeat 5px center;
}
.icone_visite {
	background:url(chartes/icone/chart_bar.png) no-repeat 5px center;
}
.icone_flash {
	background:url(chartes/icone/heart.png) no-repeat 5px center;
}
.icone_amis {
	background:url(chartes/icone/group.png) no-repeat 5px center;
}
.icone_edit_membre {
	background:url(chartes/icone/user_edit.png) no-repeat 5px center;
}
.icone_compte {
	background:url(chartes/icone/wrench_orange.png) no-repeat 5px center;
}
.icone_photo {
	background:url(chartes/icone/picture_add.png) no-repeat 5px center;
}
.icone_blog {
	background:url(chartes/icone/report.png) no-repeat 5px center;
}
.icone_deco {
	background:url(chartes/icone/stop.png) no-repeat 5px center;
}

.icone_chat {
	background:url(chartes/icone/comments.png) no-repeat 5px center;
}

.icone_video {
background:url(chartes/icone/film.png) no-repeat 5px center;
}

.icone_femme {
background:url(chartes/icone/female.png) no-repeat 5px center;
}


.icone_homme {
background:url(chartes/icone/male.png) no-repeat 5px center;
}

.icone_rainbow {
background:url(chartes/icone/rainbow.png) no-repeat 5px center;
}

.icone_block {
background:url(chartes/icone/cross.png) no-repeat 5px center;
}

.icone_help {
background:url(chartes/icone/help.png) no-repeat 5px center;
}

.icone_ville {
background:url(chartes/icone/building.png) no-repeat 5px center;
}

.icone_cat {
background:url(chartes/icone/tag_blue.png) no-repeat 5px center;
}

.icone_lieu {
background:url(chartes/icone/flag_blue.png) no-repeat 5px center;
}


.icone_add_sortie {
background:url(chartes/icone/vcard_add.png) no-repeat 5px center;
}

.icone_gestion_sortie {
background:url(chartes/icone/vcard_edit.png) no-repeat 5px center;
}

.icone_inscription_sortie {
background:url(chartes/icone/vcard.png) no-repeat 5px center;
}

.icone_recherche_sortie {
background:url(chartes/icone/zoom.png) no-repeat 5px center;
}

.icone_annuler {
background:url(chartes/icone/delete.png) no-repeat 5px center;
}

.icone_inscription {
background:url(chartes/icone/weather_sun.png) no-repeat 5px center;
}
/*********************/
/* Classe membre */

a.chat_femme,  h3.chat_femme {
font-size:13px;
color:#fb87e7;
font-weight:bold;
text-decoration:none;
}

a.chat_homme, h3.chat_homme {
font-size:13px;
color:#41a0dc;
font-weight:bold;
text-decoration:none;
}

.list_membre2 {
width:307px;
height:95px;
background:url(chartes/fond_listing.gif) no-repeat;
padding:5px;
float:left;
margin: 0px 0px 2px 0px;
}

.list_membre2 img{
float:left;
width:70px;
height:70px;
margin-right:10px;
margin-top:10px;
}

.photo_listing {
border:solid 1px #666;
}

.membre_list_info {
width:215px;
float:left;
}

.list_membre2 .membre_list_info img{
float:none;
width:auto;
height:auto;
margin-right:0px;
margin-top:0px;
float:left;
}

.list_membre2 .membre_list_info img.statut{
margin-right:2px;
margin-top:10px;
}

.vip {
color:#f90000;
font-weight:bold;
}

.enligne {
color:#6ccd04;
font-weight:bold;
display:block;
margin-top:10px;
width:100px;
float:left;
}

.offline {
color:#CC0000;
font-weight:bold;
display:block;
margin-top:10px;
width:100px;
float:left;
}

.vert_enligne, .green {
color:#6ccd04;
}

.rouge_offline, .red {
color:#CC0000;
}

.list_membre2 h3{
font-size:13px;
font-weight:bold;
display:inline;
}

.membre_list_parti {
float:left;
width:90px;
margin-top:3px;
font-size:10px;
}

.membre_list_parti p {
font-size:8px;
}


ul.listing_membre {
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:left;
	//padding-bottom:0px;
	clear:both;
}

ul.listing_membre li {
	display:block;
	padding-bottom:0px;
	margin-left:2px;
	padding:0px 0px 0px 0px;
	width:27px;
	float:left;
	height:27px;
}

ul li.on {
	background:url(chartes/bouton_listing_on.gif) no-repeat;
}

ul li.off {
	background:url(chartes/bouton_listing_off.gif) no-repeat;
}
 
ul.listing_membre li a {
	color:#fff;
	text-decoration:none;
	display:block;
	height:27px;
	background-position:center;
}

.bouton_rose, #conteneur .bouton_rose {
	background:url(chartes/bouton_rose.gif) no-repeat;
	width:138px;
	height:28px;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	line-height:12px;
	border:none;
	font-weight:bold;
	cursor:pointer;
}

#box_login input.login {
border:#333333 solid 1px;
color:#777777;
font-size:11px;
padding:2px;
}

#box_login a {
color:#777;
text-decoration:none;
font-size:11px;
}

#box_login {
color:#777;
}

/*******************************/
/***** Fiche membre **********/
/*******************************/


/* Droite */
#gauche_membre {
width:175px;
float:left;
}

#haut_gauche_membre {
background:url(chartes/haut_photo_membre.gif) no-repeat;
height:12px;
}

#fond_gauche_membre {
background:url(chartes/fond_photo_membre.gif) repeat-y;
padding:5px;
}

#bas_gauche_membre {
background:url(chartes/bas_photo_membre.gif) no-repeat;
height:11px;
}


/* gauche */
#droite_membre {
float:right;
width:451px;
}

#haut_droite_membre {
background:url(chartes/haut_droite_membre.gif) no-repeat;
height:12px;
}

#fond_droite_membre {
background:url(chartes/fond_droite_membre.gif) repeat-y;
padding:5px;
}

#bas_droite_membre {
background:url(chartes/bas_droite_membre.gif) no-repeat;
height:12px;
}

/* Pagination  */
#navigation {
clear:both;
}

div.pagination {
    font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 3px;
    margin: 3px
}
div.pagination a {
    background-color: #fff;
    border: 1px solid #000;
    color: #fd028f;
    margin: 1px;
    padding: 2px 5px;
    text-decoration: none
}
div.pagination a:hover,active {
    background-color: #ccc;
    border: 1px solid #ccc;
    color: #805264;
    margin: 1px;
    padding: 2px 5px
}
div.pagination span.courante {
    background-color: #fd028f;
    border: 1px solid #fd028f;
    color: #fff;
    font-weight: bold;
    margin: 1px;
    padding: 2px 5px
}
div.pagination span.desactive {
    background-color: #fff;
    border: 1px solid #eee;
    color: #ddd;
    margin: 1px;
    padding: 2px 5px;
}

.h3_news {
font-size:12px;
font-weight:bold;
color:#fd028f;
text-indent:10px;
padding-top:3px;
}

.p_news {
padding:10px;
	border-bottom:dashed 1px #CCCCCC;
}

.lire_suite {
	display:block;
	text-align:right;
}

.femme {
width:45%;
float:left;
margin:0px;
padding:0px;
list-style:none;
}

.homme {
width:45%;
float:left;
margin:0px;
padding:0px;
list-style:none;
}		
								
.inscrit_homme {
padding-left:22px;
background:url(chartes/petite_icone_homme.gif) no-repeat;
color:#41a0dc;
}

.inscrit_femme {
padding-left:22px;
background:url(chartes/petite_icone_femme.gif) no-repeat;
color:#fb87e7;
}

li.gris_clair, li.gris {
	height:auto;
	line-height:25px;
	display:block;
}

.gris {
	background:#f3f3f3;
}

.gris_clair {
	background:#fafafa;
}


/* Gestion des photos */
.conteneur_content {
	padding:5px;
	background:#fff;
	border:solid 1px #805264;
	font-size:10px;
	margin:0px 0px 5px 5px;
	float:left;
	width:45%;
}

.conteneur_content img{
	border:solid 1px #999999;
}

#membre_photo .seconde_photo img{
	width:75px;
	height:75px;
	margin-bottom:1px;
	margin-right:1px;
	margin-left:1px;
	border:solid 1px #ccc;
	float:left;
}

#avertissement_div {
position:absolute;
right:10px;
bottom:0px;
width:207px;
height:150px;
z-index:11;
background:#990000;
}

#avertissement_div #text_avertissement {
text-align:center;
width:120px;
margin-left:70px;
margin-top:50px;
}

.new_nav {
	position:relative;
	z-index:15;
	background:#fd028f;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	top:15px;
	left:100px;
	//left:50px;
	padding:5px;
}

.listing_sortie h3{
color:#FFFFFF;
text-indent:10px;
height:20px;
background:#666;
line-height:20px;
}

.listing_sortie h4{
color:#333;
text-indent:80px;
height:20px;
background:#e1f6ff;
line-height:20px;
}

#conteneur .listing_sortie table{
width:100%;
}

.listing_sortie table td{
text-align:center;
height:25px;
}

.listing_sortie table td a{
text-align:center;
text-decoration:none;
font-weight:bold;
}


/**********************/
/* Nouveau formulaire */

.monForm
{
	width: 90%;
	padding:10px;
}

.monForm p
{
	margin: 2px 0;
}

/* fieldset , legend */
.monForm fieldset
{
	margin-bottom: 10px;
	border: #fd028f 1px solid;
}



.monForm fieldset legend
{
	padding: 0 10px;
	border-left: #fd028f 1px solid;
	border-right: #fd028f 1px solid;
	font-size: 1.2em;
	color: #fd028f;
}

/* Label */
.monForm label
{
	background-color:#ccc;
	display: block;
	width: 39%;
	float: left;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 1px;
	height:20px;
	color:#333333;
	line-height:20px;
}

.monForm label:hover
{
	font-weight: bold;
}

.monForm .form_label_nostyle
{
	background: none;
}

/* Input */
.monForm input, .monForm select
{
	margin-left: 1%;
	width: 58%;
	border: #CCC 1px solid;
}

.monForm input:hover, .monForm select:hover, .monForm input:focus, .monForm select:focus
{
	border: #999 1px solid;
	background-color: #DDEEFF;
}

.monForm .form_input_day_month
{
	width: 3%;
}

.monForm .form_input_year
{
	width: 6%;
}

/* button submit */
.monForm input[type="submit"]
{
	border: #DDEEFF 1px solid;
	width: 27%;
}

.monForm input[type="submit"]:hover
{
	background-color: #66CC33;
	cursor: pointer;
}

.monForm input[type="reset"]
{
	border: #DDEEFF 1px solid;
	width: 27%;
}

.monForm input[type="reset"]:hover
{
	background-color: #E6484D;
	cursor: pointer;
}