@charset "utf-8";
* {margin: 0px; padding: 0px; 
}

body {
	background:	url(/images/design/fond-ligne.png) left top;
	background-repeat: repeat-x;
	background-color: #d7eaee;
	/* font-family:	Verdana, Arial, Helvetica, sans-serif; */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	font-size: small;
	color: #336699;
	/*width:775px;*/
}

/***********/
/* HEADER  */
/***********/
/* 3 COLUMNS LAYOUT WITH QUIRKS FOR IE */
/** html .headerminwidth {border-left:802px solid #fff; position:relative; float:left; z-index:1;}
* html .headercontainer {margin-left:-802px; position:relative; float:left; z-index:2;}*/

#fleurs {
	background:	url(/images/design/fond_fleur.gif) repeat;
}

* html .headerright {
  /*height: 1%; /* triggers hasLayout */
  position: relative;
  left: -3px; /* move the element left to close the gap */
  margin-right: -3px; /* add a negative right margin to fill the 3 pixel space left by moving everything left */
}
.headerwidth {
	min-width: 803px; 
	width: 100%;
}
#headerlogo {
	float: left; 
	height: 119px; 
	width: 336px;
	background: url(/images/design/logo.gif) top left no-repeat;
}

#headerlogo a img {
	height: 119px; 
	width: 336px;
}

#headerbg {
	float: left; 
	/*padding-top: 30px;*/
	padding-left: 0px;
	height: 119px; 
	width: 464px; 
	background: url(/images/design/header_bg.gif) top left no-repeat;
}

#headerbg #topd_content {
	padding-top: 30px;
}

#headerbgrepeat {
	margin-left: 799px;
	margin-left: 125px;
	height: 119px; 
	background: url(/images/design/header_bg-repeat.gif) top left repeat-x;
}
/************/
/* FONT     */
/************/

.smaller {
	font-size: smaller;
}

.italic {
	font-style:italic;
}

.underline {
	text-decoration: underline;
}

.bold {
	font-weight: bold;
}

ul li {
 list-style-image : url(/images/design/puces.gif);
 list-style-position: outside;
} 


/************/
/* MAIN     */
/************/

#topd_content {
	position:relative; /*z-index:1;*/
	margin-left: 50px;
	/*position: absolute;
	margin-top: 30px;
	margin-left: 220px; */
}

#footer {
	/*position: relative;
	bottom: 0px;
	clear: left;
	/*padding: 2px;*/
position:relative;
/*width: 770px;*/
height:35px;
bottom: 0px;
clear:both;	
	background:	#f3f6f7;
	text-align: center;
}

a {
	color:	#008800;
	text-decoration: none;
	cursor:pointer;
}

a:hover{
	color:	#0099CC;                /* Lors du passage de la souris ou activation, */
	text-decoration: underline;		 
}


img {
  border: none;           /* Ne pas entourer les images, même s'ils contiennent des liens */
  vertical-align: middle; /* Dans le cas d'une icône suivie d'un texte, par exemple       */
}

.menu-gauche {
  /*position : absolute ; left: 5px ; */
  	float:left;
	clear: left;
	text-align:justify;
	padding: 0px 0px 5px 5px;
}

.menu-droite {
  /*position : absolute ; right: 5px ;*/
	float:right;
	width: 140px;
	text-align:justify;
	padding: 0px 5px 5px 0px;
}

.menu-form input, select, button {
	/* display: block; */
	font-size: 10px ;
}

textarea {
	font-size: 12px;
	width: 100%;
}

.fenetre-main {
  /*position: relative; /* au menu */
  /*top:10px;
  width: 460px;
  text-align: center;
  margin: 0px auto 45px auto;
  min-height: 700px;
  height:700px;
  height:auto !important;*/
  	/*position: relative;
	top: 0px;*/
	margin-left: 147px;
	margin-right: 145px;
/*width:485px;*/
}


.post-it {
	display: block;
	text-align: center;
	margin: 10px 0 5px 0;
	padding: 5px 5px 5px 5px;
	background: #FFFFCC;
	border: solid thin;
}

/* affichage profil */
.affichage_profil {
/*	margin-left: auto;
	margin-right: auto; */
	/* position: relative; */
	font-size: 10px;
	padding: 0px 5px 0px 5px;
	margin: 0px 5px 0px 5px;
	background: #cccccc url(/images/design/gradient-forms.gif) left bottom repeat-x;
}

.table100pct {
	width: 100%;
}

.ap_titre {
	font-size: larger;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}

.ap_row {
/*	margin: 0; 
	padding: 0; 
	border: 0;
	background-color: #000000; */
	/* width: 100%; */
}

.ap_contenant {
	background-color:	#f3f6f7;
	width: 15em;
	font-weight: bold;
}

.ap_contenu {
	background-color:	#dbe1f1;
	text-align: right;
	/*width: 29em;*/
	display: block;
	overflow: hidden;
}

/* gestion des photos en css */
#gestion_photos_main {
	overflow: hidden;
	margin: auto;
	width: 235px;
	/*height: 50px;*/
}

#gestion_photos_main iframe {
	border-width: 0px;
	width: 235px;
	height: 23px;
}
#gestion_photos_main iframe.hidden {
	visibility: hidden;
	width:0px;
	height:0px;
}

#gestion_photos_images_container {
	width: 16px;
	margin: 16px;
}

#gestion_photos_images_container div {
	margin: 0px;
	overflow: hidden;
}

/* news ticker */
#pscroller1{
width: 120px;
height: 35px;
/*border: 1px solid black; */
padding: 10px;
/*background-color: lightyellow;*/
}

#pscroller2{ /* for a second scroller */
}


.someclass{ /*class to apply to your scroller(s) if desired*/
}

/* email table */
.email_table {
	border-collapse:collapse;
	border-spacing: 0px 0px;
	/*float: left;*/
}

.email_table th {
	text-align: center;
	background: #738d94;
	color: #83e55d;
	font-size:	12px;
}

.email_table tr.nonlu {
	background:	#FFFFFF;
}

.email_table tr.lu{
	background:	#f3f6f7;
}

.email_table tr td {
	border-color: #CE0067;
	border: 1px solid #000;
}

.email_table tr td.date, .email_table tr th.date {
	/*width: 55px;*/
	text-align: center;
}

.email_table tr .pseudo {
	/*width: 50pt;*/
	text-align: center;
}

.email_table tr .sujet {
	/*width: 240pt;*/
	text-align: center;
}

.email_table tr .sujet div {
	overflow: hidden;
}

.email_table tr .actions {
	width: 17pt;
	text-align: center;
}

.email_table tr .message_contenants {
	/*width: 60pt;*/
	text-align: center;
	background:	#ffffff;
}

.email_table tr .message_contenus {
	/*width: 272pt;*/
	padding-left: 2px;
	text-align: left;
	background:	#ffffff;
}

.email_table tr .contenus div {
	overflow: hidden;
}

/* annonce table */
.annonce_table {
	border-collapse: collapse;
	border-spacing: 0px 0px;
	width: 100%;
}

.annonce_table th {
	text-align: center;
	background: #738d94;
	color: #ffffff;
	font-size:	10px;
}

.annonce_table tr td {
	border-color: #738d94;
	border: thin solid;
	overflow: hidden;
	text-align: center;
	padding: 0px 5px 0px 5px;
}

.annonce {
	display: inline; 
	float: left;
	width: 145px;
	height: 130px; 
	margin: 2px; 
	padding: 5px; 
	background: #b3e4c7; 
	border: 1px solid #217272;
}


/* Inline forms */
.inline-forms {
	margin-left: auto;
	margin-right: auto;
	/*width: 500px;*/
}


form.inlineforms input
{
	margin: 3px 0 3px 0;
	font-size:	10px;
}

form.inlineforms select
{
	margin: 3px 0 3px 0;
}

* select option
{
	padding-right: 5px;
}

form.inlineforms input.text {
	width: 25em;
}

form.inlineforms label
{
	text-align: left;
	margin-bottom: 1em;
	font-size:	smaller;
	font-weight: normal;
	margin: 3px 0 3px 0;
}

/* Cadres */
#faitesamis {
	margin-top: -11px; margin-left: 2px
}

div.cadre_menu_haut {
	width: 140px;
	padding-top: 25px;
	border-top: 1px solid #738d94;
	border-left: 1px solid #738d94;
	border-right: 1px solid #738d94;
}

div#cadre_menu_haut_aller_a {/* conteneur global et arrière-plan du titre du cadre */
	background: url(/images/design/aller_a.gif) top left no-repeat;
}

div#cadre_menu_haut_news {/* conteneur global et arrière-plan du titre du cadre */
	background: url(/images/design/last_news.gif) top left no-repeat;
}

div#cadre_menu_haut_menu {/* conteneur global et arrière-plan du titre du cadre */
/*	plus de menu gauche
	background: url(/images/design/menu.gif) top left no-repeat; */
}

div#cadre_menu_haut_espace_membre {/* conteneur global et arrière-plan du titre du cadre */
	background: url(/images/design/espace_membre.gif) top left no-repeat;
}

div#cadre_menu_haut_statistiques {/* conteneur global et arrière-plan du titre du cadre */
	background: url(/images/design/statistiques.gif) top left no-repeat;
}

div#cadre_menu_haut_vedettes {/* conteneur global et arrière-plan du titre du cadre */
	background: url(/images/design/vedettes.gif) top left no-repeat;
}

div#cadre_menu_haut_google_gadget {/* conteneur global et arrière-plan du titre du cadre */
	background: url(/images/design/google_gadget.gif) top left no-repeat;
}

div#cadre_menu_haut_google_pub {/* conteneur global et arrière-plan du titre du cadre */
	background: url(/images/design/google_pub.gif) top left no-repeat;
}

div#cadre_menu_haut_sitelife {/* conteneur global et arrière-plan du titre du cadre */
	background: url(/images/design/site_life.gif) top left no-repeat;
}

.cadre_main_haut_align_right {
	padding-right: 20px;
	text-align: right;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	height: 21px;
}

.cadre_main_haut_align_right a {
	color: #DDDDDD;
}

.cadre_menu_bas {/* arrière-plan bas et sur l'ensemble du cadre */
	/*background: #f3f6f7 bottom left no-repeat;*/
	background:	url(/images/design/fond-cadre_main_bas.png) left top;
	background-repeat: repeat-x;
	background-color: #b8ccd2;
	padding-bottom: 15px;
	border-bottom: 1px solid #738d94;
}
div.cadre_menu_bas p {
	margin: 0 10px 0 10px;
}

/* SEULS CADRES MAIN HAUT */

.cadre_main_haut_menu_big {/* conteneur global et arrière-plan du titre du cadre */
	float: left;
	/*width: 460px;*/
	padding-top: 4px;
	background: url(/images/design/menu_blank.gif) top left no-repeat;
	background-color: #738d94;
	/*min-width: 460px;*/
	/*margin-left: auto;
	margin-right: auto;*/
	width: 100%;
}

.cadre_main_haut_home_big {/* conteneur global et arrière-plan du titre du cadre */
	float: left;
	/*width: 460px;*/
	padding-top: 4px;
	background: url(/images/design/home_blank.gif) top left no-repeat;
	background-color: #738d94;
	/*min-width: 460px;*/
	/*margin-left: auto;
	margin-right: auto;*/
	width: 100%;
}


.cadre_main_haut_menu_big h1, .cadre_main_haut_home_big h1 {
	font-size: 13px;
	color: #FFFFFF;
	margin-left: 50px;
	padding-bottom: 5px;
}

/* SEULS CADRES MAIN HAUT */

.cadre_main_bas_big {/* arrière-plan bas et sur l'ensemble du cadre */
	background:	url(/images/design/fond-cadre_main_bas.png) left top;
	background-repeat: repeat-x;
	background-color: #b8ccd2;
	/*width: 450px;*/
	padding: 0 5px 5px 5px;
}

.cadre_main_bas_big hr {display: block; clear: left; margin: 0 0;
  visibility: hidden;}

.cadre_small_profil {/* conteneur global et arrière-plan du titre du cadre */
	width: 145px;
	height: 62px;
	padding: 2px 2px 2px 2px;
	/*border-style: solid;
	border-width: 1px;
	border-color:#000000;*/
	background: url(/images/design/fond_complet_small_profil.gif) top left no-repeat;
}

/*.cadre_small_profil_bas {
	background: url(/images/fonds/fond_small_profil_bas.gif) bottom left no-repeat;
	padding: 0 3px 3px 3px;
}*/

.cadre_small_profil_bas hr {display: block; clear: left; margin: -0.66em 0;
  visibility: hidden;}

.zonetext {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  /*padding: 1px 1px 1px 1px; */
  /* border: 2px solid #000033; */
}

.zonetext-small {
  width: 143px;
  background:	#CCCCCC;

}

.zonetext-medium {
	width: 295px;
  /* background:	#D7EBFF; */

}

.zonetext-big {
	/*width: 460px;*/
}

/* Boutons */
.custombutton {
	border: 0;
	background: none;
}

input.button_1, input.buttonDis_1, a.button_1, a.buttonDis_1 {
	display: block;
	background-color: transparent;
	background-image: url(/images/buttonBackground_1.gif);
	background-repeat: no-repeat;
	width: 60px;
	height: 28px;
	margin: auto;
	/* padding: auto; */
	text-align: center;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 11px;
	text-decoration: none;
	border: 0 none;
	color: #336699;
}

input.button_1:link, input.button_1:visited, a.button_1:link, a.button_1:visited {
	color: #336699;
}
input.button_1:hover, input.button_1:active, a.button_1:hover, a.button_1:active {
	background-position: 0 -36px;
	color: #2e814d;
}

input.buttonDis_1:link, input.buttonDis_1:visited, input.buttonDis_1:hover, input.buttonDis_1:active, a.buttonDis_1:link, a.buttonDis_1:visited, a.buttonDis_1:hover, a.buttonDis_1:active {
	background-position: 0 -72px;
	color: #5F5F5F;
	cursor: default;
}


a.bouton_profil {
 display: block;
 border:0;
 height: 40px; width: 60px;
 vertical-align: middle;
}
a:hover.bouton_profil {
 background-position: 0 -40px
}

.button_message {
 background: url(/images/boutons/profil/message.gif) 0 0 no-repeat
}
.button_chat {
 background: url(/images/boutons/profil/chat.gif) 0 0 no-repeat
}
.button_centrer {
 background: url(/images/boutons/profil/centrer.gif) 0 0 no-repeat
}
.button_amis {
 background: url(/images/boutons/profil/amis.gif) 0 0 no-repeat
}
.button_flash {
 background: url(/images/boutons/profil/flash.gif) 0 0 no-repeat
}
.button_annonces {
 background: url(/images/boutons/profil/annonces.gif) 0 0 no-repeat
}
.button_contenu {
 background: url(/images/boutons/profil/contenu.gif) 0 0 no-repeat
}

/*******************
* INSCRIPTION FORM
*******************/
.inscription-forms {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	/*width: 250px;*/
}

form.inscription1Form {
	width: 100%;
}

form.inscription1Form fieldset
{
	/* display: block; */
	padding: 10px 10px 10px 10px;
	background: #cccccc;
	font-size: small;
	border: none;
	/* font-weight: bolder; */
}

form.inscription1Form fieldset #cadre_inscription_titre {
	font-weight:bold;
}

form.inscription1Form input
{
	display: block;
	margin: 10px 0 5px 0;
	/*font-size:	smaller;*/
}

form.inscription1Form input.checkbox
{
	display: inline;
}

form.inscription1Form input.text {
	width: 15em;
}

form.inscription1Form input.button {
	margin: 10px 10px 10px 10px;
}

form.inscription1Form label
{
	text-align: left;
	display: block;
	margin-bottom: 1em;
	/*font-size:	smaller;*/
	font-weight: normal;
	margin: 10px 0 5px 0;
}

/*form.inscription1Form select
{
	display: block;
} */

form.inscription1Form .post-it
{
	font-size: smaller ;
}

/*****************
* Rounded corners
*****************/

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

/******************************/
/* MENU DEROULANT */
/******************************/

#menu {
clear: both;
min-width: 1000px;
font-family:Tahoma, Helvetica, sans-serif;
letter-spacing: 0.12em;
display:block;
margin:0 0 0px 0;
padding:7px 0 0 30px;
height:37px;
font-size:1.1em;
background-image:url(/images/menu/bg-menu.gif);
background-repeat:repeat-x;
z-index: 999999999;
}

#map {
	z-index: 0;
}

#menu div {
float:left;
padding:0 0 0 25px;
z-index: 999999999;
}

#menu div a {
color: #006600;
font-weight:bold;
text-decoration: none;
z-index: 999999999;
}

#menu div  a:hover {
color: #006666 ;
z-index: 999999999;
}

#menu div ul {
position: absolute;
margin: 12px 0 0 0;
*margin:27px 0 0 -75px;
background-color:#cfdbdf;
background-image:url(/images/menu/fond-menu2.gif);
background-position:bottom; background-repeat:repeat-x;
line-height:30px;
border-left:2px solid #002b4c;
border-right:2px solid #002b4c;
border-bottom:2px solid #002b4c;
*white-space: nowrap;
z-index: 999999999;
/**width:100%;*/
}

#menu ul, #menu li {
margin: 0;
padding: 0;
list-style-type: none;
list-style-position:outside;
list-style-image: none;
z-index: 999999999;
}

#menu ul li {
padding:0 5px;
font-size:0.8em;
z-index: 999999999;
}

#menu ul li a {
color: #006600;
text-decoration: none;
z-index: 999999999;
}

#menu ul li a:hover {
color: #006666 ;
z-index: 999999999;
}