/** STRUCTURE *************************************/
body{
background:url(../art/bg_body.jpg) no-repeat top center #000000;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#979797;
}

#header{
width:920px;
margin:0 auto;
}

#content{
width:924px;
height:1170px;
margin:0 auto;
}
#content_inscription{
width:924px;
height:494px;
padding:20px 0 0 0;
margin:0 auto;
}

#content_login{
width:924px;
height:358px;
padding:20px 0 0 0;
margin:0 auto;
}

	#content_left{
	width:603px;
	!width:602px;
	float:left;
	display:inline;
	!padding:0 0 0 1px;
	}
	
	#content_right{
	float:right;
	display:inline;
	padding:0 4px 0 0;
	!padding:0 3px 0 0;
	}

#footer{
background:url(../art/bg_footer.jpg) no-repeat top center;
width:883px;
height:23px;
margin:0 auto 0 auto;
color:#8d8d8d;
padding:0 0 0 13px;
line-height:23px;
}
	#footer a{
	color:#8d8d8d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	}
	#footer a:hover{
	text-decoration:underline;
	}
	
#apropos{
padding:40px;
text-align:justify;
}	
/** HOME *********************************************/
#txt_intro{
padding:10px 12px 0 12px;
}

/** NEWS **********************************************/
#news_title{
background:url(../art/bg_news_title.jpg) no-repeat top center;
width:569px;
height:24px;
text-transform:uppercase;
padding:9px 23px 0 11px;
}
	#news_title h1{
	margin:0;
	padding:0;
	font-size:15px;
	color:#FFFFFF;
	float:left;
	}
	#news_title a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#d4091b;
	text-decoration:none;
	float:right;
	}
	#news_title a:hover{
	text-decoration:underline;
	}

#news_menu{
margin:20px 0 20px 0;
color:#d5d5d5;
border-bottom:1px solid #e5e5e5;
height:28px;
}
#news_menu ul{
margin:0;
padding:0;
}
#news_menu li{
margin:0;
padding:0;
float:left;
list-style:none;
height:28px;
}	
.news_menu{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#acacac;
padding:0 20px;
text-transform:uppercase;
text-decoration:none;
height:28px;
width:136px;
text-align:center;
display:block;
}
.news_menu:hover{
color:#d3091b;
background:url(../art/bg_news_menu.jpg) no-repeat top center;
}
.news_menu_on{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding:0 20px;
text-transform:uppercase;
text-decoration:none;
height:28px;
width:136px;
text-align:center;
display:block;
color:#d3091b;
background:url(../art/bg_news_menu.jpg) no-repeat top center;
}

.news{
margin:0 0 10px 0;
}
.news_content_white{
padding:14px;
margin:0 0 0 11px;
width:562px;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
border-top:1px solid #e5e5e5;
}

.news_content_grey{
padding:14px;
margin:0 0 0 11px;
background:#f1f1f1;
width:564px;
}

	.news_vote_white{
	width:63px;
	height:60px;
	float:left;
	display:inline;
	background:url(../art/bg_news_vote_white.jpg) no-repeat top center;
	text-align:center;
	padding:6px 0 0 0;
	}
	.news_vote_grey{
	width:63px;
	height:60px;
	float:left;
	display:inline;
	background:url(../art/bg_news_vote_grey.jpg) no-repeat top center;
	text-align:center;
	padding:6px 0 0 0;
	}
		.news_vote_nb{
		color:#d4091b;
		font-size:30px;
		padding:0 5px 5px 0;
		display:block;
		}
		.news_vote_grey a,.news_vote_white a{
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#797979;
		text-decoration:none;
		margin:0 2px 0 0;
		}
		.news_vote_grey a:hover,.news_vote_white a:hover{
		text-decoration:underline;
		}
	.news_text{
	float:right;
	width:483px;
	color:#5c5c5c;
	}
	
	.news_source{
	color:#979797;
	margin:5px 0 0 0;
	}
	.news_source a{
	color:#979797;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
.news_footer_grey{
background:url(../art/bg_news_footer_grey.jpg) no-repeat top center;
width:592px;
margin:0 0 0 11px;
color:#979797;
}
.news_footer_white{
background:url(../art/bg_news_footer_white.jpg) no-repeat top center;
width:590px;
margin:0 0 0 11px;
color:#979797;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
}
.news_footer_grey img,.news_footer_white img{
vertical-align:middle;
}
.news_footer_left{
float:left;
display:inline;
}

.news_footer_right{
float:right;
display:inline;
padding:5px 5px 0 0;
}

#proposer_news{
background:url(../art/bg_proposez_news.jpg) no-repeat top center;
width:602px;
height:31px;
margin:35px 0 0 0;
text-transform:uppercase;
line-height:31px;
}
	#proposer_news_left{
	float:left;
	padding:0 0 0 11px;
	}
		#proposer_news_left h1{
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		color:#FFFFFF;
		margin:0;
		padding:0;
		}
	#proposer_news_right{
	float:left;
	display:inline;
	margin:0 0 0 70px;
	}
		#proposer_news_right a{
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		text-decoration:none;
		}
		#proposer_news_right a:hover{
		text-decoration:underline;
		}

#comments{
height:630px;
overflow:auto;
}

.news_comment{
margin:0 22px 10px 22px;
padding:5px;
border-top:1px solid #CCCCCC;
}
	.news_comment_header{
	text-align:right;
	}
	
/** NEWS_ECRITURE ******************************************/
#news_ecriture{
width:600px;
background:#e9e9e9;
padding:19px 0 12px 0;
margin:50px auto 0 auto;
}

	#news_ecriture_footer{
	background:url(../art/bg_login_footer.jpg) no-repeat top right #a6a6a6;
	display:block;
	height:26px;
	margin:18px 0 0 0;
	padding:5px 0 0 338px;
	}	
/** INSCRIPTION ***************************************/
#inscription_title{
background:url(../art/bg_title_red_full.jpg) no-repeat top left;
height:25px;
text-transform:uppercase;
padding:8px 23px 0 11px;
margin:0 0 0 1px;
!margin:0 0 0 2px;
}
	#inscription_title h1{
	margin:0;
	padding:0;
	font-size:15px;
	color:#FFFFFF;
	float:left;
	}

#identifiants{
float:left;
display:inline;
width:438px;
background:#e9e9e9;
padding:19px 0 12px 0;
margin:0 0 0 13px;
}
	#identifiants_footer{
	background:url(../art/bg_identifiant.jpg) no-repeat top left;
	display:block;
	height:31px;
	margin:84px 0 0 0;
	}
	
#compte{
float:right;
display:inline;
width:438px;
background:#e9e9e9;
padding:19px 0 12px 0;
margin:0 13px 0 0;
}	
	#compte_footer{
	background:url(../art/bg_compte.jpg) no-repeat top left;
	display:block;
	height:26px;
	padding:5px 0 0 176px;
	/*margin:10px 0 0 0;*/
	margin:121px 0 0 0;
	}
	
/** LOGIN ********************************************************/
#login_title{
background:url(../art/bg_title_red_full.jpg) no-repeat top left;
height:25px;
text-transform:uppercase;
padding:8px 23px 0 11px;
margin:0 0 0 2px;
}
	#login_title h1{
	margin:0;
	padding:0;
	font-size:15px;
	color:#FFFFFF;
	float:left;
	}

#login{
width:438px;
background:#e9e9e9;
padding:19px 0 12px 0;
margin:0 auto 0 auto;
}
	#login_footer{
	background:url(../art/bg_login_footer.jpg) no-repeat top left;
	display:block;
	height:26px;
	margin:18px 0 0 0;
	padding:5px 0 0 176px;
	}	

#link_lost_password{
text-align:right;
margin:10px 0 0 0;
padding:0 36px 0 0;
}
	#link_lost_password a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#d4091b;
	}
/** MENU *******************************************/
#menu{
width:900px;
margin:30px auto 0 auto;
padding:0 12px;
}
	#menu ul{
	margin:0;
	padding:0;
	}
	#menu li{
	margin:0;
	padding:0;
	float:left;
	list-style:none;
	}
	.slash{
	margin:0 16px;
	}
	
	#btn_accueil{
	background:url(../art/btn_accueil.jpg) no-repeat top center;
	width:87px;
	height:22px;
	display:block;
	}
	#btn_accueil:hover{
	background-position:bottom center;
	}
	#btn_accueil_on{
	background:url(../art/btn_accueil.jpg) no-repeat bottom center;
	width:87px;
	height:22px;
	display:block;
	}
	
	#btn_people{
	background:url(../art/btn_people.jpg) no-repeat top center;
	width:69px;
	height:22px;
	display:block;
	}
	#btn_people:hover{
	background-position:bottom center;
	}
	#btn_people_on{
	background:url(../art/btn_people.jpg) no-repeat bottom center;
	width:69px;
	height:22px;
	display:block;
	}
	
	#btn_planet{
	background:url(../art/btn_planet.jpg) no-repeat top center;
	width:72px;
	height:22px;
	display:block;
	}
	#btn_planet:hover{
	background-position:bottom center;
	}
	#btn_planet_on{
	background:url(../art/btn_planet.jpg) no-repeat bottom center;
	width:72px;
	height:22px;
	display:block;
	}
	
	#btn_profit{
	background:url(../art/btn_profit.jpg) no-repeat top center;
	width:66px;
	height:22px;
	display:block;
	}
	#btn_profit:hover{
	background-position:bottom center;
	}
	#btn_profit_on{
	background:url(../art/btn_profit.jpg) no-repeat bottom center;
	width:66px;
	height:22px;
	display:block;
	}
	
	#btn_apropos{
	background:url(../art/btn_apropos.jpg) no-repeat top center;
	width:105px;
	height:22px;
	display:block;
	}
	#btn_apropos:hover{
	background-position:bottom center;
	}
	#btn_apropos_on{
	background:url(../art/btn_apropos.jpg) no-repeat bottom center;
	width:105px;
	height:22px;
	display:block;
	}
	
/** COLONNE DE DROITE ***********************************/

.right_widget{
margin:0 0 18px 0;
}
.right_widget_header{
background:url(../art/bg_right_widget_header.jpg) no-repeat top center;
width:259px;
height:25px;
padding:7px 0 0 21px;
}
	.right_widget_header h1{
	margin:0;
	padding:0;
	font-size:15px;
	color:#FFFFFF;
	text-transform:uppercase;
	}
.right_widget_content{
width:259px;
padding:14px 0 18px 21px;
background:#e9e9e9;
}
	.join_us{
	font-size:21px;
	}
	
	.txt_widget{
	margin:0;
	padding:0 20px 0 0;
	}
	
	#img_widget{
	width:170px;
	margin:17px auto 0 auto;
	}
	
#textarea_widget{
display:none;
}
/** GENERAL ***************************************/
img{
border:none;
}
/** ADMIN ****************************************/
.news_admin{
border:2px dashed #FF0000;
padding:5px;
}
#content_admin{
width:864px;
height:1100px;
margin:0 auto;
padding:0 20px;
overflow:scroll;
}
	
/** MESSAGE DE RETOUR *************************************/
#div_message{
position:absolute;
top:50%;
left:50%;
width:300px;
height:150px;
margin-left:-150px;
margin-top :-100px;
background-color:#FFFFFF;
border:1px solid #e4221a;
z-index:1000;
padding:0;
display:none;
font-family:Arial, Helvetica, sans-serif;
}

.div_message_btn{
text-align:right;
margin:0px;
padding:0 5px 0 0;
background-color:#e4221a;
}
	.div_message_btn a{
	cursor:pointer;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
.div_message_p{
text-align:center;
margin:40px 0 0 0;
}
		
/** IMAGES *****************************************/
img{
border:none;
}
.png_ie6{
behavior: url("/tbwa/iepngfix_v2/iepngfix.htc");
}
.avatar{
border:1px solid #cccccc;
margin:0 7px 0 0;
}

/** LIENS ******************************************/
.lien_news_header{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
}
.lien_news_footer{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
}
.link_close_comments{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000066;
}
.lien_rouge{
color:#d4091b;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
.lien_rouge:hover{
text-decoration:underline;
}
.lien_grey{
color:#979797;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
.lien_grey:hover{
text-decoration:underline;
}
/** BOUTONS ******************************************/
.onglet_category{
background:#990000;
padding:2px 10px;
margin:0 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}
.onglet_category:hover{
background:#FF0000;
}
.onglet_category_selected{
background:#FF0000;
padding:2px 10px;
margin:0 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}
	
	
.btn_admin{
background:#990033;
padding:2px 5px;
color:#FFFFFF;
}
.btn_admin:hover{
background:#FF0000;
padding:2px 5px;
color:#FFFFFF;
}

.btn_red_long{
background:url(../art/btn_red_long.png) no-repeat top left;
behavior: url("/tbwa/iepngfix_v2/iepngfix.htc");
height:18px;
padding:3px 0 0 25px;
margin:21px 0 4px 0;
display:block;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
}
.btn_red_long:hover{
text-decoration:underline;
}

.btn_identification{
background:url(../art/btn_identification.jpg) no-repeat top left;
height:18px;
padding:3px 0 0 25px;
display:block;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
}
.btn_identification:hover{
text-decoration:underline;
}

/** TITRES *************************************************************/
.title_fieldset{
margin:0;
padding:0;
text-align:center;
}


/** FORMULAIRES ********************************************************/	
.form_txt{
float:left;
display:inline;
margin:15px 20px 0 0;
text-align:right;
width:185px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
}

.form_input{
float:left;
display:inline;
margin:15px 0 0 0;
padding:0;
}

.form_submit{
margin: 0 0 0 205px;
}

.form_sep{
clear:both;
}

.my_inputs{
border:1px solid #b9b9b9;
width:195px;
height:18px;
!height:16px;
}
.my_inputs_date{
border:1px solid #b9b9b9;
width:37px;
height:18px;
!height:16px;
}
.my_inputs_year{
border:1px solid #b9b9b9;
width:75px;
height:18px;
!height:16px;
}

.my_textarea{
border:1px solid #b9b9b9;
}
/** DIVERS ******************************************/
.my_clear{
clear:both;
padding:0;
margin:0;
line-height:0px;
font-size:0px;
height:0px;
}


/* PAGINATION ******************************************************/
.navigation_pagination{
clear:left;
margin:10px auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:5px 0 5px 11px;
color:#000000;
text-align:center;
}
.current_page{
color:#FFFFFF;
text-align:center;
text-decoration:none;
border:solid 1px #d4091b;
padding-left:9px;
padding-right:8px;
width:16px;
margin:0 3px 0 0;
display:inline;
background-color:#d4091b;
}
	
.other_page{
color:#d4091b;
text-align:center;
text-decoration:none;
border:solid 1px #d4091b;
padding-left:9px;
padding-right:8px;
width:22px;
margin:0 3px 0 0;
display:inline;
}

.navigation{
color:#d4091b;
text-align:center;
text-decoration:none;
border:solid 1px #d4091b;
padding-left:9px;
padding-right:8px;
width:16px;
margin:0 3px 0 0;
display:inline;
}