body {
	font: normal 10pt Arial, sans-serif, Arial;
	background-color: #222;
	color: white ;
	background-image:url(../imports/fond_body.gif);
	text-align:center;
}

/* css du disclaimer*/
div#disclaimer{ text-align:left; }
div#disclaimer-fond{ position:absolute; z-index:1000; width:100%; height:2650px; background:white; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; text-align:center; line-height:normal; clear:both; }
div#disclaimer-conteneur{ position:absolute; z-index:1001; width:100%; text-align:center; clear:both; }
div#disclaimer-cadre{ width:550px; margin-left:auto; margin-right:auto; text-align:center; margin-top:200px; padding:15px; font-size:12px; border:#ddd 1px solid; background:#f5f5f5; color:#555; }
div#disclaimer-cadre b{ font-size:14px; color:black; }
div#disclaimer-cadre a{ text-decoration:none; font-size:22px; font-weight:bold; color:#666; }
div#disclaimer-cadre a:hover{ color:#C09; }
/* FIN css du disclaimer*/



.liveChat{
	margin-left:100px;
}




.div1{
	width:100px;
	margin-top:20px;
	border:#CCC 1px solid;
}


*{margin:0; padding:0;}

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

input{font-size:10px; font-weight:bold; color:#bb5e96}

#fondD {
	background-image:url(../imports/fond_body.gif);
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#fff;
	font-weight:bold;
	width:100%;
	height:2400px;
	display:block;
	position:absolute;
	left: 0px;
	top: 0px;
	z-index:100;
	text-align:center;
	
}

#totalD{
	background-color:#000;
	border:#333 1px solid;
	margin-left:auto;
	margin-right:auto;
	width:700px;
}

#enteteD{
	height:90px;
	background-image:url(../imports/logo.jpg);
	background-repeat:no-repeat
}

#baselineD{
	height:20px;
	border-top:#333 1px solid;
	border-bottom:#333 1px solid;
	background-color:#222;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

#contenuD{
	padding:40px;
	font-weight:normal;
}


#text_haut {
	margin-left: auto;
	margin-right: auto;
	width: 960px ;
	margin-top: 20px ;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#CCC;
	
}
#application {
	margin-left: auto;
	margin-right: auto;
	width: 962px ;
	background-color: #000;
	
}

#ban {
	width: 960px ;
	height: 100px ;
	border: 1px solid #333 ;
	background-image:url(../imports/logo.jpg);
	background-repeat:no-repeat;
}



#menu_haut {
	position: absolute ;
	margin-left: 630px ;
	margin-top: -1px ;
	width: 330px ;
}

.element_menu_haut {
		float: left;
		border: 1px solid #666 ;
		margin-left: 2px ;
		width: 100px ;
		text-align: center ;
		font-size: 10px ;
		cursor:pointer;
		color:#CCC;
	}

#text-ban {
	font-size: 12px ;
	width: 700px ;
	margin-left: 260px ;
	margin-top: 50px ;	
	color:#CCC;
	text-align:left;
	
}	

#menu {
	width: 960px ;
	height: 20px ;
	border-left: 1px solid #333 ;
	border-right: 1px solid #333 ;
	border-bottom: 1px solid #333 ;
}
	
#publongue {
	width: 960px;
	height:130px;
	border-left: 1px solid #333 ;
	border-right: 1px solid #333 ;
	border-bottom: 1px solid #333 ;
}

.element_menu {
		float: left;
		border-left: 1px solid #ccc ;
		border-right: 1px solid #ccc ;
		width: 105px ;
		height: 18px ;
		text-align: center ;
		cursor:pointer;
		background-image:url(../imports/degrad_rose.gif);
		margin-right:1px;
		padding-top:2px;
		
	}
	
	.element_menu_connexion {
		float: right;
		border-left: 1px solid #ccc ;
		border-right: 1px solid #ccc ;
		width: 110px ;
		height: 18px ;
		text-align: center ;
		cursor:pointer;
		padding-top:2px;
		font-weight:bold;
		background-color: #409eca ;
		background-image:url(../imports/degrad_bleu.gif);
		
	}

	#content {
		margin-left: auto;
		margin-right: auto;
		width: 960px ; 
		height: 1650px ;
		border-left: 1px solid #333 ;
		border-right: 1px solid #333 ;
	}

	#content_rub {
		margin-left: auto;
		margin-right: auto;
		width: 960px ; 
		height: 2200px ;
		border-left: 1px solid #333 ;
		border-right: 1px solid #333 ;
	}

	.rubrique {
		margin-bottom: 20px ;
	}

	.lib_rubrique{
		height:17px;
		width:160px;
		border-bottom:#009BD5 1px dotted;
		text-decoration:none;
		color:#CCC;
		text-align:left;
	}
	
	.titre_colonne {
		color: #bb5e96 ;
		text-align: left ;
		width: 160px ;
		font-weight:bold;
		height:25px;
		font-size:16px;
		margin-top:10px;
	}

#zone_ctr {
	float: left ;
	width: 510px ;
	margin-left: 3px ;
	margin-top: 10px ;
	/*border: 1px solid red ;*/
}
	.titre_colonne_centre {
		color: #009BD5 ;
		text-align: left ;
		width: 500px ;
		font-weight:bold;
		height:25px;
		font-size:16px;
		float:left;
		margin-top:10px;
	}
	.zone_trie{
		color: #bb5e96 ;
		text-align: left ;
		margin-bottom:10px;
	}
	
	.titre_colonne_video {
		color: #009BD5 ;
		text-align: left ;
		width: 600px ;
		font-weight:bold;
		height:25px;
		font-size:16px;
		float:left;
		margin-top:10px;
	}
	
#zone_dr {
	float: left ;
	width: 155px ;
	margin-left: 2px ;
	margin-top: 10px ;
	text-align:left;
	/*border: 1px solid red ;*/
	
}
	#zone_video {
		float: left ;
		width: 680px ;
		margin-left: 8px ;
		margin-top: 10px ;
		text-align:left;
	}
	
	.zone_video_details {
		float: left ;
		width: 140px ;
		padding:4px;
		/*height:20px;*/
		margin-top: 10px ;
		margin-right: 10px ;
		border:#bb5e96 1px solid;
	}

	.zone_video_gros_boutons {
		font-size:10px;
		float: left;
		width: 502px ;
		margin-top: 10px;
		text-align:left;
	}

	#form_option_video{
		width: 500px ;
		border: 1px dotted #009BD5 ;
		float: left;
		display:none;
		padding:10px;
		margin-top:2px;
		margin-left:150px;
	}
	
	.zone_video_mots_cle {
		float: left ;
		width: 490px ;
		padding:4px;
		margin-top: 10px ;
		border:#bb5e96 1px solid;
	}

	.etoiles{
		width:15px;
		height:15px;
		float:left;
	}
	
	.etoiles10px{
		width:10px;
		height:10px;
		float:left;
	}	

	
#zone_gd {
	float: right ;
	width: 250px ;
	margin-left: 10px ;
	/*margin-top: -20px ;*/
	text-align:left;
	/*border:red 1px solid;*/
}
	
	.pub_250_250{
		float: left ;
		height:250px ;
		width: 250px ;
		margin-bottom: 8px ;
		border: 1px solid #333 ;
		padding:1px;
		text-align:center;
	}

	.recherche_250_40{
		float: left ;
		width: 230px;
		margin-bottom: 8px ;
		border: 1px dotted #009BD5 ;
		padding:1px;
		text-align:center;
		padding:10px;
		background-color:#222;
	}
	
.info_250_250{
		float: left ;
		width: 240px;
		margin-bottom: 8px ;
		border: 1px dotted #bb5e96 ;
		padding:5px;
		text-align:left;
		background-color:#222;
		font-size:10px;
		color:#CCC;
		
	}

.info_250_250_ss_bord{
		float: left ;
		width: 240px;
		margin-bottom: 8px ;
		padding:5px;
		text-align:left;
		font-size:10px;
		color:#CCC;
		}

.pub_footer {
	float: left ;
	/*border: 1px solid #ccc ;*/
	width: 490px ;
	margin: 4px ;
}

#footer {
	margin-left: auto;
	margin-right: auto;
	width: 960px ;
	border: 1px solid #333 ;
	text-align: center ;
	margin-bottom: 10px ;
}




.zone_video {
	width: 510px ;
	height: 650px ;
	/*border:#F00 1px solid;*/
}



/***** Vignette *******/
	.dia_total_page_video{
		width:150px;
		height:200px;
		border:#333 1px solid;
		font-family:Verdana, Geneva, sans-serif;
		font-size:10px;
		text-align:left;
		padding:3px;
		background-color:#111;
		float:left;
		margin-right:9px;
		margin-bottom:9px;
	}

	.dia_total{
		width:150px;
		height:200px;
		border:#333 1px solid;
		font-family:Verdana, Geneva, sans-serif;
		font-size:10px;
		text-align:left;
		padding:4px;
		background-color:#111;
		float:left;
		margin-right:10px;
		margin-bottom:10px;
		/*border: 1px solid red ;*/
	}

	.dia_total_rub{
		width:150px;
		height:170px;
		border:#333 1px solid;
		font-family:Verdana, Geneva, sans-serif;
		font-size:10px;
		text-align:left;
		padding:4px;
		background-color:#111;
		float:left;
		margin-right:10px;
		margin-bottom:10px;
		/*border: 1px solid red ;*/
	}
	
	.dia_titre{
		color: #ccc;
		margin-top:5px;
		margin-bottom:5px;
		padding-top:3px;
		padding-bottom:3px;
		border-bottom:#333 1px solid;
		border-top:#333 1px solid;
		width:150px;
		height:30;
	}

	.dia_nb_vu{
		width:93px;
		color:#bb5e96;
		text-align:left;
		float:left;
	}
	.dia_note{
		width:55px;
		float:left;
	}
	
	.dia_img{
		width:150px;
	}
	
	#bulle {
		position:absolute;
		left:50px;
		top:50px;
		width:150px;
		height:112px;
		z-index:6;	
		text-align:left;
		visibility:hidden;
		border:#FFF 1px solid;
	}
	
a.infoB{
    position:relative; 
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.infoB:hover{z-index:25; background-color:#ff0}

a.infoB div{display: none}

a.infoB:hover div{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
	position:absolute;
	padding-left:12px;
	padding-top:12px;
    top:10px;
	left:20px;
	width:162px;
	height:124px;
    text-align: center;
    font-weight:none;
	background-image:url(../imports/fond_dia.png)	
    }	
/************** player ********/
#content_player {
	height: 880px ;
	width: 960px ;
	border-left: 1px solid #333 ;
	border-right: 1px solid #333 ;
	border-top: 1px solid #333 ;
	margin-top: 19px ;
}

#player {
	/*border:#ccc 1px solid;
	margin-left: 150px ;
	width: 660px ;*/
	
}
#player object {
/*margin-top: 20px ;*/
}
	

/*------------pagination-------------------*/
.div_page{
	diplay: block ;
	margin-left: 33%;
	text-align: center ;
	/*border: 1px solid ;*/
	width: 290px ;
	
}

.txt_std{
	font:Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

a{	text-decoration:none; }

.page_css {
	color: #000;
	float:left;
	width:20px;
	background-color:#000;
	border:#333 solid 1px;
	text-align:center;
	margin:2px;
	
}
.page_css_point {
	color: #000;
	float:left;
	width:20px;
	background-color:#000;
	color: white ;
	/*border:#FFF solid 1px;*/
	text-align:center;
	margin:2px;
}
.page_css_actif {
	color: #ccc;
	float:left;
	width:20px;
	background-color:#999;
	border:#ddd solid 1px;
	text-align:center;
	margin:2px;
}

/*-------------------------------------------------------*/
#annuaires {
	margin-left: auto;
	margin-right: auto;
	width: 960px ;
	/*border: 1px solid #333 ;*/
	text-align: center ;
	height:130px;
	text-align:center;
}


.ban_annu{
	margin:10px;
	float:left;
	height:50px;
}

.nuage{
	text-decoration:none;
	font-family:verdana,arial;
	color:#bb5e96;
}
/****************** formulaire inscription *********/
#form_inscription {
	display: none ;
	border: 1px solid ;
	position: absolute ;
	background-color: black ;
	margin-left:auto;
	margin-right:auto;
	text-align: center ;
	color: #bb5e96 ;
	width: 450px ;
	margin-left: 300px ;
	margin-top: 200px ;
	z-index: 100 ;
}
	.bouton_pointer {
		cursor: pointer ;	
	}

.ilFlotte { float: left ; }

#entete_form { height: 30px ; }
	
	.titre_inscription { float: left;}
	
	
	.fermer_inscription { float: right ; cursor: pointer ; }

	.element_form{
		text-align:left ;
		margin: 10px ;
		height: 30px ;
		/*border: 1px solid red ;*/
	}
	
		.tt_element {
			float: left;
			width: 185px ;
			text-align: right ;
			/*border: 1px solid red ;*/
		}
		
		.tt_input {
			float: left;
			/*border: 1px solid red ;*/
		}
		.tt_input input { width: 200px ;}
	
	.element_valider {
		margin: 10px ;
		margin-top: 30px ;
		padding-bottom: 30px ;
		/*border: 1px solid red ;*/
		padding-left: 160px ;
	}
/************** fiche **********************/
#fiche {
	text-align: left ;
}
	
	.champs {
		height: 20px ;
		/*border: 1px solid red ;*/
		margin: 5px ;
	}
		
	.champs4 {
		height: 35px ;
		/*border: 1px solid red ;*/
		margin: 5px ;
	}	
		
	.champs2 {
		height: 50px ;
		/*border: 1px solid red ;*/
		margin: 5px ;
	}
	
	.champs3 {
		height: 100px ;
		/*border: 1px solid red ;*/
		margin: 5px ;
	}
				.intitule { 
					float: left ; 
					/*border: 1px solid green ; */
					height: 20px ;
					width: 200px; 
					text-align: right ;
				}
				
				.input_champs { 
					height: 20px ;
					float: left ;
					/*border: 1px solid yellow ;*/
					width: 200px ;
				} 
				
				
				
					.libelle_radiO{
						float: left ;	
					}
				
					.input_champs input { 
						height: 20px ;
						/*float: left ;*/
						/*border: 1px solid yellow ;*/
						width: 300px ;
					} 
					
/******************** zone membre ****************/
#div_connexion {
	position: absolute ;
	border: 1px solid #ccc ;
	margin-top: 122px ;
	width: 200px ;
	margin-left: 749px ;
	background-color: black ;
	display: none ;
}

#div_zone_membre {
	position: absolute ;
	border: 1px solid #bb5e96 ;
	width: 800px ;
	margin-left: 80px ;
	background-color:black ;
	display: none ;
	color: #C3C ;
	z-index: 10 ;
	/*height: 250px ;*/
	margin-top: 100px ;
	padding-bottom: 20px ;
	
	
}

.titre_zone { margin-top: 20px ; color: #66B3DF ; cursor: pointer ; text-align:left; margin-left:10px;  }
	.titre_zone a {  color: #66B3DF ;  }

#fiche_membre2 {
	color: #bb5e96 ;
	border: 1px solid #bb5e96 ;
	background-color:black ;
	margin-bottom: 20px ;
	margin-left: 20px ;
	margin-right: 20px ;	
}

.ajout_element_membre {
	color: #bb5e96 ;
	border: 1px solid #bb5e96 ;
	background-color:black ;
	margin-bottom: 20px ;
	margin-left: 20px ;
	margin-right: 20px ;
}

	.more_radio {
		/*border: 1px solid ;*/
		margin: 10px ;
		margin-left: 250px ;
		height: 30px ;
	}
	
	.more_radio2 {
		/*border: 1px solid ;*/
		margin: 10px ;
		margin-left: 180px ;
		height: 30px ;
	}
	
	.position_radio {
		float: left ;
		/*border: 1px solid ;*/
		margin: 5px ;
	}


	#div_profil {
		color: #bb5e96 ;
		background-color:black ;
		margin: 10px ;
	}
	
	
	#profil {
			background-color:black ;
			color: #bb5e96 ;
		}
		
		.titre_ss_zone {
			color: #66B3DF ;	
			cursor: pointer ;
			text-align: left ;
			margin-left: 155px ;
		}

		.taille_membre_select {
			width: 300px ;
		}

.message_palette { margin: 40px ; }
.message_valid { color: #0F0 ; margin-top: 10px ; }