body {
	font-size:12px;
	font-family:Arial;			
	padding:0;
	margin:0;
}

h2{
	color:#B6CB24;
	font-size:18px;
	font-weight:bold;
	margin-top:0px;				
	padding-top:5px;
	padding-bottom: 0px;
}

h3, legend{
	color:#B6CB24;
	font-size:14px;
	font-weight:bold;
	margin-top:5px;		
	margin-bottom:5px;
}


p{
	padding:5px;
	padding-bottom: 0px;
}

fieldset {
	border: 0;
	margin-top: 20px;
}

input, textarea
{
	border: solid 1px;
	margin-top: 1px;
	background-color: white;
}

ul
{
	list-style-type: none;
}
			
.center{
	text-align:center;
}

.inscription_accueil{
	background:url(../images/inscription_box.png) no-repeat;
	width:740px;
	height:88px;
	padding-top:60px;
	color:#FFFFFF;
}

.inscription_accueil h2{
	display:none;
}

.canvas{			
	/*width:600px;*/
	width:750px;
	margin:0 auto;							
	min-height:600px;
	position: relative;
				
}

.canvas_mini{			
	width:600px;				
	margin:0 auto;							
	min-height:600px;
				
}

.round_canvas{
	-moz-border-radius: 10px;			
	/*background:url(../images/couleur_fond/FFFFFF.png) no-repeat;			*/
	background:#FFFFFF;
	padding:20px;
	margin-top:30px;
	color:black;
}

.round_canvas a{
	color:#37CDE8;
}

.document-gauche{
	float:left;
	width:580px;
	min-height:600px;
	padding:10px;				
	margin-bottom:150px;	
}

.document-droite{
	float:right;
	width:150px;
	color: black;
	padding-top:11px;
}	

.boite_reseau_public			
{
	-moz-border-radius: 10px;
}

.login_signin{
	/*padding-top:5px;*/
	text-align:center;
}

.login_signin p{
	padding:2px;
}

.menu_perso li{
	border-bottom:1px dotted #CCCCCC;	
	padding:5px;
	text-transform:capitalize;
}

.spacer{
	clear:both;
}

a img{
	border:0;	
}

.copyright{
	padding-top:0px;
	/*padding-left:5px;*/
	text-align:center;
	/*border-bottom:1px dotted #CCCCCC;*/
	font-size:10px;
	margin-bottom:5px;
	
}

.logotxt a{
	font-size:65px;
	/*color:#DFDFDF;*/
	letter-spacing:-8px;
	text-decoration:none;
	border-bottom:2px dotted #AECF26;
}

.firstStepForm 
{
	text-align:center;
	margin:10px 0 10px 0;
}
.firstStepForm label{
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1px;
	/*vertical-align:middle;*/
}

.firstStepForm .titre_sujet{
	font-size:16px;
	/*height:30px;*/
	height:20px;
	width:300px;
	padding:12px;
	vertical-align:middle;
}

.firstStepForm .valider_sujet{
	font-size:18px;
	height:48px;
	width:100px;
/*				
	background-color:#D5EF95;				
	border:0px dotted #0FC0FF;	*/
	vertical-align:middle;			
}			

.colLeft{
	/*float:left;*/
	/*width:580px;			*/
	/*margin:0 auto;*/
}

.colRight{
	float:right;
	width:200px;
	padding-top:0px;
}

.message_ok{
	padding:50px;
	color:green;
	border-top:4px solid green;
	border-bottom:4px solid green;
}

.long_input{
	width:250px;
	font-size:10px;
	padding:5px;
}

.search_input {
	background: url(../images/loupe.png) top right no-repeat;
}

.area_input{
	width:200px;
	height:100px;
	font-size:10px;
	padding:5px;
	font-family:arial;
}

.small_input{
	width:150px;
	font-size:10px;
	padding:5px;
}

.bigsubmit{
	font-size:18px;
	height:50px;
	width:200px;
	background-color:#D5EF95;
	margin-top:10px;				
	background:transparent url(../images/btn_large_green.png) no-repeat;
	border: 0px;
	color:#FFFFFF;
	cursor:pointer;
	width:287px;
	height:68px;					
}

.midsubmit{
	font-size:16px;
	height:50px;
	width:200px;
	background-color:#D5EF95;
	margin-top:10px;				
	background:transparent url(../images/btn_mid_green.png) no-repeat;
	border: 0px;
	color:#FFFFFF;
	cursor:pointer;
	width:174px;
	height:42px;					
}

.middlesubmit{
	font-size:14px;
	height:30px;
	width:100px;
	background-color:#D5EF95;				
}

.FlashRecorderContainer{
	width:400px;
	height:200px;				
}

.msg_list_el{
	/*margin-top:40px;	*/
	/*background-color:#FFF;*/
	padding:10px;		
	border-bottom:1px dotted #7F7F7F;
}

.msg_list_el h2 {
	font-size:18px;
	font-weight:bold;
	margin-top:0px;
	margin:0;
	/*color:#0FC0FF;*/
	text-decoration:none;
}


.msg_list_el h2 a{
	font-size:18px;
	font-weight:bold;
	margin-top:0px;
	margin:0;
	/*color:#0FC0FF;*/
	text-decoration:none;
}

.msg_list_el h2 a:hover{
	/*color:#96CF0C;*/
}			


.firstel{
	background-color:#EDFFCF !important;			
	font-size:11px;
}

.firstel h2{
	/*color:#1A5B8F !important;	*/
	font-size:20px;				
}			

.auteur{
	font-size:9px;
	text-transform:italic;
	margin:0 !important;
	padding-top: 0px;
}

.auteur strong{
	text-decoration:underline;
	/*font-weight:bold !important;
	color:#2F2F2F;*/
}


.descriptif{
	margin-top:0 !important;
	font-size: 12px;
	/*color:#3F3F3F;*/
}

.date{
	font-size:9px;
	text-transform:italic;
}

.bgblue{
	/*background-color:#DFFDFF;				*/
}

.bgwhite{
	/*background-color:#FFF;				*/
}	


.barre_haut h1{
	color:#FFF;
	background:url(../images/bg_titre.gif);
	padding:5px;
	letter-spacing:-1px;
}	

.message_ok{
	padding:50px;
	color:green;
	border-top:4px solid green;
	border-bottom:4px solid green;
}

.long_input{
	width:250px;
	font-size:10px;
	padding:5px;
}

.postDetails{
	padding-top:5px;
}


.area_input{
	width:250px;
	width:250px;
	height:100px;
	font-size:10px;
	padding:5px;
	font-family:arial;
}


.FlashRecorderContainer{
	width:400px;
	height:200px;				
}

#form_derniereEtape{
	display:none;
}



.aRight{
	text-align:right;
	width:600px;
}

.nbdereponses_small{
	font-size:10px;			
}

.nbdereponses_medium{
	font-size:12px;			
}

.nbdereponses_big{
	font-size:14px;			
}

/*--------------- pagination------------------------*/

.pagination{					
	height:25px;
	clear:both;
	list-style-type:none;	
	padding:0;				
}	

.pagination li{					
	float:left;			
	padding:0;
	margin:2px;				
}		

.pagination li a,
.pagination  li a:visited{					
	text-decoration:none;				
	width:26px;
	height:22px;
	display:block;
	padding-top:4px;
	font-size:14px;				
}	
/*
.pagination  .active a,
.pagination .active a:visited{					
	
	border:1px solid #dcdcdc;
}*/

/*------------page de configuration ---------------------*/
.formulaire_config{
	padding-right:400px;		
}

	
/*-------liste inscrits	-------------------*/
/*
.autres_vidhellos
{
	padding:10px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	/*margin-top:30px;*/
}*/

.autres_vidhellos H2
{
	margin-bottom:5px;
}

/*--------- css generiques --------------*/

.validation_paragraph{	
	font-weight:bold;
	color:#67DF0D;
}

/*-----------infobulle------------*/

#info_bulle
{
	z-index: 10;
	
	position: absolute;
	width: 300px;
	left:50%;
	margin:0;
	margin-left:-150px;	
	border: 1px solid black;
	top: 200px;	
	display: none;
	padding: 10px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	background-color: white;
	color: black;
}

/*------ boites modulaires --------------------*/
.boite_vidhello H2
{
	color:#C3D54E;
}

.boite_vidhello H3
{
	font-size: 13px;
	margin-bottom: 0px;
}

.boite_vidhello P
{
	padding-top: 0px;
}

.boite_vidhello a
{
	font-size:11px;
	font-weight:bold;
	color:#0EB4EF;
}

.boite_vidhello a:hover
{
	font-size:11px;
	font-weight:bold;
	color:#C3D54E;
}


.inputsmalltext{
	border:0;
	font-size:0.9em;
	padding:4px;	
	background:#E0EF77;
}

/*------------------------------*/

.boite_vidhello
{
	/*opacity: 0.8;*/
	
	-moz-border-radius: 10px;	
	-webkit-border-radius: 10px;
	
	/*
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 0;
	
	*/

	padding:10px;
	margin:0 0 5px 5px;	
	background:#FFF;

}	

.document-gauche{
	/*min-height:500px;*/
	margin-top: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	/*opacity: 0.9;*/
}

.entete{
	margin-bottom:10px;
	/*min-height:170px;*/
	/*height: 250px;*/
	/*border:0px solid red;*/
}

.mini_fiche_publique{
	position:absolute;
	top: 200px;
	/*text-align:right;*/
	/*background-color: black;*/
	background: url('../images/fond_mini_fiche.png');
	color:#FFF;
	height:50px;
	width:560px;
	padding:10px;
}

.boite_amis{
	background:#000;
	-moz-border-radius: 0 0 7px 7px;
	border:10px;
	min-height:100px;
	color:#FFF;
	padding:10px;
}

.boite_amis H2{
	color:#FFFFFF;
}

/*login flottant*/
.modal_form{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:url(../images/black_opa50.png);
}

.modal_form_content{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-50px;
	margin-left:-100px;	
	height:100px;
	width:200px;
	padding:20px;	
	background:#FFF;
}

.modal_form_content H3{
	margin:0;
}
			
/*--- langues ---*/
.menu_langues {
width:125px;
padding:0 3px 0 3px;
margin:0 auto;
border:0px solid red;
background:#FFFFFF;
-moz-border-radius: 0 0 7px 7px;
}

.menu_langues li{
	display:inline;
}

.inscription
{
	float: left;
	width: 130px;
	padding-top: 5px;
	font-size: 14px;
	/*padding:5px;*/
}

.erreur
{
	color: red;
	font-weight: bold;
}


.config_content_colLeft{
	float:left;
	width:200px;
	border-right:1px dotted #CCC;
}

.config_content_colRight{
	padding-left:20px;
	float:left;
}

#message_box {
display: none;
position: absolute;
top: 0; left: 0;
z-index: 10;
background:#ffc;
padding:5px;
border:1px solid #CCCCCC;
text-align:center;
font-weight:bold;
width:99%;
}

#message_box_contenu
{
	font-weight: bold;
}

.link {
	cursor: pointer;
}

.charsMax {
	display: none;
}

/* 2 cols */
.content-2cols:after {
	display: block;
	clear: both;
	content: ".";
	height: 0;
	visibility: hidden;
}
.content-left {
	float: left;
	width: 49%;
}
.content-right {
	float: right;
	width: 49%;
}
*:first-child+html .content-2cols  { display: inline-block; } /* IE 7 */

.liste_categories {
	padding: 5px;
	background-color: #F0F0F0;
	border: 1px solid black;
}

#bio_encart {
	float: left; 
	width: 410px; 
	margin: 0 10px
}

.bio_contrast {
	background-color: gray;
}