ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
	margin: 0; 
	padding: 0; 
}

a img,:link img,:visited img { border: none; }

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

a:hover {
	text-decoration: underline;
  	/*color: #fff;*/D
}

a:visited {
	text-decoration: none;
    /* color: #fff; */
}

body, td {
  margin: 0px;
  padding: 0px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
 /* background-color: blue;*/ /* 3AF */
  color: #fff;
}

/* --- behavior pour :hover :active et :focus pour ie6 --- */
body { -behavior:url("/css/csshover2.htc"); }

hr {
	border: 1px white solid;	
}

.block-frame {
    margin: 5px 0 0 5px;
    border: 1px solid silver;
    padding: 3px;
}


.more{
    float: right;
    width: 15px;
}

#containerNew {
    width: 980px;
}

#containerNoPub {
    width: 980px;
}

#containerMain {
    width: 1100px;
}

#containerAlt {
	width: 980px;
}

#containerNew, #containerNoPub, #containerMain, #containerAlt {
	margin: auto;
    /*height: 840px;*/
   /* border: 1px solid #D80; */
}

/* --- Header et composnat du header --- */
#header {
    width: 980px;
    height: 165px;
    background-repeat: no-repeat; /* le background-image est dans le composant header */
}

#headerPave {
	width: 980px;
    height: 275px;
    background-repeat: no-repeat; /* le background-image est dans le composant header */
    background-position: bottom;
}

#top_nav{
   	border: 1px solid;
    margin: 5px;
    height: 100px;
    text-align: center;
}

#culture_selector{
    float: right;
    margin-right: 2px;
    margin-top: 2px;
    margin-left: 920px;
}

#member {
	width: 480px;
	height: 70px;
	float: right;
	margin-right: 495px;
	margin-top: 70px;
	display: inline;
}

#memberPave {
	width: 480px;
	height: 70px;
	float: right;
	margin-right: 495px;
	margin-top: -80px;
	display: inline;
}

#memberLogin {
	width: 480px;
	height: 68px;
}

.becomeMember {
	float: left; 
	width: 100px; 
	margin-left: 145px;
	margin-top: 8px; 
	display: inline;	
}

.btnHeaderLogin {
	border: 1px #666 solid;
	height: 20px;
	background-color: #000;
	color: #FFF;
	float: left;
}

/*.fieldHeader {
	border: 1px black solid;
	float: left;
	width: 100px; 
	height: 18px;
	background-color: #000; 
	font-style: italic;
	color: #888;
	background-image:url(/images/theme/inputField100.png);
	background-repeat:no-repeat;
}

.fieldHeader:focus {
	color: #000;
	font-style: normal;
}*/

/* inputWrapper -> correction du bug ie qui décale l'image de fond sur les input de type text si le texte les trop long */
.inputWrapper {
	float: left;
	padding: 0px;
	margin-left: 2px;
	width: 100px;
	height: 20px;
	background: url("/images/theme/inputField100.png") left top no-repeat;
	text-align: center;
}

.inputWrapper:focus {
	background-position: -100px top;
}

.fieldHeader {
	float: left;
	border: none;
	height: 18px;
	width: 100px;
	background-color: transparent;
	font-style: italic;
	color: #888;
	padding: 0px;
	margin: 0px;
}

#memberSpace {
	width: 200px;
	height: 60px;
	margin-left: 145px; 
	text-align: left; 
}

#memberSpace p {
	margin-bottom: 2px;	
}

#recherche {
	float: left;
}

#menuBarCadre {
	height: 24px;
	width: 944px;
	position: absolute;
	top: 150px;
	left: auto;
	padding-left: 36px;
}

#menuBarCadrePave {
	height: 24px;
	width: 944px;
	position: absolute;
	top: 250px;
	left: auto;
	padding-left: 36px;
}

#menuBar {
	float: left;
	width: 898px;
	height: 24px;
	text-align: center;
}

#menuBarCadre, #menuBar, .menuBarList, .menuBarList span, .menuBarItemLinkTop, .menuBarItemLink {
	z-index: 10;
}

.menuBarList {
	 width: 120px;
	 float: left;
}

.menuBarListHome{
	width:32px;
	float: left;
}

.menuBarList div {
	display: none;
}

.menuBarList:hover div {
	display: block;
	float: left;
	border-left: 1px #999 solid;
}

.menuBarItemLinkTop {
	float: left;
	width: 120px;
	height: 20px;
	padding-top: 4px;
	background: url("/images/theme/menuBar_fond.png") repeat-x;
}

.menuBarItemLinkTopHome {
	float: left;
	width: 32px;
	height: 20px;
	padding-top: 4px;
	background: url("/images/theme/menuBar_fond.png") repeat-x;
}

.menuBarItemLink {
	float: left;
	width: 105px;
	min-height: 20px;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 4px;
	background-color: #000;
	color: #8CF;
	text-align: left;
}

/* --- div main et div left, center et right qui composent le main --- */
#main {
	display: inline; /* fix le bug de double marge sous ie6 */
    width: 905px;
    float: left;
    margin-top: 5px;
    margin-left: 38px;
    /*border-bottom: 1px aqua solid;*/ 
}

#left, #center, #right {
    float: left;
    /*border-bottom: 1px yellow dashed;*/ 
}

#left {
    width: 155px;
    text-align: left;
    margin-right: 2px;
}

#center {
	width: 745px;
	margin-left: 1px;
	margin-right: 1px;
	overflow: auto;
	position: relative; /* fixe le bug ie d'overflow quand les div contenu dans #center sont en position:relative */
}

#view {
    width: 738px;
    float: left;
}

#articles {
    width: 100%;
    float: left;
}

#right {
	width: 140px;
}

#forum {
	float: left; 
	width: 740px; 
	overflow: auto;
	margin-left: 2px;
	position : relative;
}

#forumView {
	float: left; 
	width: 710px;	
}

#forumNav {
	float: left; 
	width: 95%;
}


/* --- menu de navigation de gauche --- */
#menuLeft {
	/*background: url("/images/theme/block_boutique_trans2.png") repeat-y;*/
	margin-bottom: 2px;
}

#menuLeft, #menuLeftTop, #menuLeftCenter, #menuLeftBottom {
	width: 100%;
	float: left;
}

#menuLeftTop {
	/*background: url("/images/theme/block_menu_haut.png") no-repeat;*/
	height: 4px;
}

#menuLeftCenter {
	/*background: url("/images/theme/block_menu_fond.png") repeat-y;*/
}

#menuLeftBottom {
	/*background: url("/images/theme/block_menu_bas.png") no-repeat;*/
	height: 4px;
}

#classement, #classementTop, #classementCenter, #classementBottom {
	width: 100%;
	float: left;	
}

#classementTop {
	background: url("/images/theme/block_classement_top.png") no-repeat;
	height: 35px;
}

#classementCenter {
	/*background: url("/images/theme/block_classement_bg.png") repeat-y;*/
}

#classementBottom {
	/*background: url("/images/theme/block_classement_bottom.png") no-repeat;*/
	height: 5px;
	margin-bottom: 2px;
}

.classementTopTitle {
	/*font-weight: bold;*/
	color: #0099FF;
	width: 100%;
	float: left;
	padding-left: 5px;
}

.classementTopJournee {
	color: #0099FF;
	width: 100%;
	float: left;
	padding-left: 5px;
}

.classementEquipe {
	width: 85%;
	float: left;
	text-indent: 4px;
}

.classementEquipePoints {
	width: 15%;
	float: left;
	text-align: center;
}

/* --- sytle des elements afficher dans la div center --- */
.blockContent {
	float: left;
	width: 100%;
	margin-bottom: 1em;
	/*background: url("/images/theme/article.png") no-repeat;*/
	position:relative;
}

.blockContentTitle {
	float: left;
	color: #0099FF;
	font-weight: bold;
	padding-top: 2px;
	padding-left: 2px;	
}

.blockContent:hover .sortableBlockMove {
	display: inline;
	height: 20px;
	width: 100px;
	position:absolute;
	top: 0px;
	right: 0px;
	z-index: 5;
}
/*
.blockContent:hover .icone_move {
	display: block;
	z-index: 10;
}*/
/*
.icone_move{
	
	height: 1px;	
	width: 1px;
	display:inline;
}
.icone_color{
	display:none;
	position:absolute;
	top:0px;
	right:36px;
}*/
.sortableBlockMove {
	display: none;
	height: 20px;
	width: 100px;
	position:absolute;
	top: 00px;
	right: 0px;

	z-index:4;
	
}

.sortableBlockMove a, .sortableBlockMove img {
	float: right;
	margin-left: 2px;
}

.blockCentreTop, .blockCentreMid, .blockCentreBot {
	width: 738px;
	float: left;
}

.blockCentreTop {
	background: url("/images/theme/block_centre_top_long.png") no-repeat;
	height: 16px;
}

.blockCentreMid {
	/*background: url("/images/theme/block_centre_bg.png") repeat-y;*/
	
	/*padding-top: 13px;*/
}

.blockCentreBot {
	/*background: url("/images/theme/block_centre_bottom.png") no-repeat;*/
	height: 4px;
}

.test_transpa {
	background: url("/images/theme/block_boutique_trans3.png") repeat-y;
}

.blockFlashLeft, .blockFlashCenter, .blockFlashRight {
	float: left;	
}

.blockFlashLeft {
	background: url("/images/theme/block_flash_left.png") left no-repeat;
	width: 7px;
	height: 26px;
}

.blockFlashCenter {
	background: url("/images/theme/block_flash_center.png") repeat-x;
	width: 549px;
	height: 21px;
	padding-top: 5px
}

.blockFlashRight {
	background: url("/images/theme/block_flash_right.png") left no-repeat;
	width: 24px;
	height: 26px;
}

#searchResult {
	float: left;
}

.searchResult {
	float: left;
	width: 90%;
	margin-left: 25px;
	margin-top: 4px;
	padding-bottom:  4px;
	border-bottom: 1px #0099FF dashed;
}

/* --- style pour afficher les articles --- */
.article_complet, .article_complet_top, .article_complet_mid, .article_complet_bot {
	width: 738px;
	float: left;
}

.article_complet_top {
	/*background: url("/images/theme/block_blanc_top.png") no-repeat;*/
	background: url("/images/theme/block_gris_top_long.png") top no-repeat;
	height: 8px;
	/*background-color: #FFF;*/
}

.article_complet_mid {
	background-color: #DDD;
	/*background: url("/images/theme/article.png") no-repeat;*/
}

.article_complet_bot {
	/*background: url("/images/theme/block_blanc_bottom.png") no-repeat;*/
	background: url("/images/theme/block_gris_bottom_long.png") no-repeat;
	height: 8px;
}

.article_complet_print_top, .article_complet_print_mid, .article_complet_print_bot {
	background-color: #FFF;
	float: left;
	width: 740px;
}

.article_title, .article_accroche, .article_print_title, .article_print_accroche, .article_date_parution {
	width: 96%;
	float: left;
	text-align: justify;
	padding-left:10px;
}

.article_title {
	color: #0099FF;
	font-size: 1.2em;
	font-weight: bold;
}

.article_date_parution{
	color: #777;
	font-size: 10px;
	font-style: italic;
}
.article_print_date_parution{
	font-size: 10px;
	font-style: italic;
}
	
.article_accroche {
	color: #0099FF;
}

.article_print_title, .article_print_accroche {
	color: #000;
}

.article_accroche, .article_print_accroche {
	margin-top: 5px;
}

.article_paragraphe, .article_print_paragraphe {
	/* width: 94%; */
	display: inline; /* fix le bug ie de la marge */
	margin-left: 15px;
	margin-right: 5px;
	margin-top: 1em;
	text-align: justify;
	float: left;
}

.article_paragraphe {
	color: #777;
}

.article_paragraphe i  {
	color: #0099FF;
	font-size: 1.1em;	
}

.article_print_paragraphe {
	color: black;
}

.paragraphe_media {
	margin-right: 1em;
	margin-bottom: 0.6em;
	/* border: 1px #DDD solid; */ 
	float: left;
}

.paragraphe_media:hover .paragraphe_media_zoom {
	position: absolute;
	top: auto;
	left: auto;
	display: block;
	/*border: 1px #CCC solid;*/
}

.paragraphe_media_zoom {
	display: none;
	width: 22px;
	height: 22px;
	/*background-color: #FFF;*/
}

.paragraphe_texte table {
	border-collapse: collapse;
}

.paragraphe_texte table td {
	background-color: #DDD;
	border: 1px #777 solid;
	color: #777;
	padding-left: 2px;
	padding-right: 2px;
}

.paragraphe_print_texte table {
	border-collapse: collapse;
}


.paragraphe_print_texte table td {
	background-color: white;
	border: 1px black solid;
	color: black;
	padding-left: 2px;
	padding-right: 2px;
}

.paragraphe_texte a, .paragraphe_print_texte a {
	color: #0099FF;
}
.paragraphe_lien_vote {
	margin-left: auto;
	margin-right:auto;
	float: left;
	clear: both;
}
.paragraphe_lien_vote a {
	color: #0099FF;
	
}

/*
.article_send-print_bg {
	background-image: url("/images/theme/article_send-print_bg.png");
	width: 140px;
	height: 24px;
	margin-top: 20px;
	margin-left: 70%;
	float: left;
	display: inline; /* fix le bug de double marge sous ie6 /
}
*/

.article_send_btn, .article_print_btn {
	width: 24px;
	height: 24px;
	float: right;
	margin-right: 15px;
}

.article_print_page {
	float: left;
	width: 100px;
	height: 24px;
	margin-top: 20px;
	margin-left: 230px;
	text-align: center;
}

.article_classement {
	float: left; 
	width: 94%; 
	margin-left: 2%;
	margin-bottom: 10px;
	margin-top: 10px;
}

.article_classement_header, .article_classement_print_header {
	float: left;
	width: 100%;
	font-weight: bold;
	padding-bottom: 2px;
}

.article_classement_header {
	border-bottom: 1px #0099FF solid;
	color: #0099FF;
}

.article_classement_print_header {
	border-bottom: 1px black solid;
	color: black;
}

.article_classement_row {
	float: left;
	width: 100%;
	border-bottom: 1px #777 solid; 
	color: #777;
	padding-top: 2px;
	padding-bottom: 2px;	
}

.article_classement_header span, .article_classement_print_header span, .article_classement_row span { 
	float: left; 
	text-align: center;
}

.article_classement_colId {	width: 4%; }

.article_classement_colBonus { width: 12%; }

.article_classement_colEquipe {	width: 38%; }

.article_classement_col { width: 9%; }

.article_classement_journee, .article_classement_print_journee {
	float: left;
	width: 100%;
	margin-top: 10px; 
	text-indent: 15px;
}

.article_classement_journee { color: #777; }

.article_classement_print_journee { color: black; }

.filInfoContentLeft {
	float: left;
}

.filInfoContent {
	color: #999;
	float: left;
	text-indent: 1em;	
	height: 16px;
}

.article_btn_plus {
	float: right;
	margin-right: 4px;
}


/* --- element de la div right --- */
#partenaires {
	/* font-weight: bold; */
	width: 140px; 
	float: left;
	margin-bottom: 6px;
	margin-top: 2px;	
}

#nextMatch {
	width: 140px; 
	float: left;
	margin-bottom: 2px;
	margin-top: 4px;
}

#boutique, #billetterie, #calendrier {
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 2px;
	/*background: url("/images/theme/block_boutique_trans.png") no-repeat;*/
}

.blockLeftTop, .blockLeftBg, .blockLeftBot {
	width: 100%;
	float: left;
}

.blockLeftTop {
	height: 10px;
	background: url("/images/theme/block_left_top.png") no-repeat;
}
/*
.blockLeftBg {
	background: url("/images/theme/block_left_bg.png") repeat-y;
}
*/

.blockLeftBot {
	height: 4px;
	/*background: url("/images/theme/block_left_bottom.png") no-repeat;*/
}

#rightPubTop, #rightPubMid, #rightPubBot {
	width: 100%;
	float: left;
}

#rightPubTop {
	font-weight: bold;
	color: #0099FF;
	height: 20px;
	background-image: url("/images/theme/block_nextMatch_top.png");
}

#rightPubMid {
	background: url("/images/theme/block_nextMatch_bg.png") repeat-y;
	text-align: center;
}

#rightPubBot {
	height: 4px;
	background-image: url("/images/theme/block_nextMatch_bottom.png");
}

/* --- footer --- */
#footer {
    height: 24px;
    width: 898px;
    text-align: center;
    margin-top: 5px;
    margin:auto;
}

#footer_center {
	width: 885px;
	height: 20px;
	padding-top: 4px;
	background-image: url("/images/theme/footer_center2.png");
	background-repeat: repeat-x;
	float: left;
}

.footer_left, .footer_right {
	width: 5px;
	height: 24px;
	float: left;	
}

/* --- espaces de pub --- */
#pub_mega {
	float: left;
	margin-bottom: 2px;
}

#pub_sky {
	float: left;
	margin-top: 100px;
}

#pub_ban {
	float: left;
	width: 738px;
	margin-bottom: 2px;
	text-align: center;
	cursor: pointer;
}

#pub_pave {
	float: left;
	border: 1px #0099FF solid;
}

#containerForThePave {
	float: left;
	width: 300px;
	position: absolute;
	top: 22%;
	left: 35%; 
	z-index: 20;
}

.closePave {
	float: left;
	margin-left: 255px; 
	background-color: black;
	padding: 2px; 
	border-top: 1px #0099FF solid;
	border-right: 1px #0099FF solid;
	border-left: 1px #0099FF solid;
	font-weight: bold;
	color: #0099FF;
}

/* ---  --- */
#memberSignUpBlock{
	padding-top:20px;
}

#memberSignUp {
	margin-left: 50px;
	float: left;
}

#memberSignUp input[type=submit] {
	background-color: black;
	border: 1px white solid;
	color: white;	
}

#memberSignUp h4 {
	text-indent: 2em;
}

/* inputWrapperSignUp -> correction du bug ie qui décale l'image de fond sur les input de type text si le texte les trop long */
.inputWrapperSignUp {
	float: left;
	padding: 0px;
	margin-left: 2px;
	width: 115px;
	height: 20px;
	background: url("/images/theme/inputField.png") left top no-repeat;
	text-align: center;
}

.inputWrapperSignUp:focus {
	background-position: -115px top;
}

.fieldSignUp {
	float: left;
	border: none;
	height: 18px;
	width: 114px;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
}

/*#memberSignUp input[type=text], #memberSignUp input[type=password] {
	border: 1px #000 solid;
	width: 114px;
	height: 18px;
	background-color: #000;
	background-image:url("/images/theme/inputField.png");
	background-repeat:no-repeat;
}*/


#memberSignUp #trigger_date_naissance {
	border: 1px #000 solid; 
}

#sendAFriend {
	float: left;
}

#sendAFriend input[type=text], #sendAFriend textarea {
	border: 1px #FFF solid;
}

#sendAFriend p {
	text-indent: 10px;
}

.requiredMessages {
	float: left; 
	width: 100%; 
}

.requiredMessages a { color: #0099FF; }

.tabDiv400 {
	display: inline; /* fix le bug de la marge sous ie6 */
	width: 400px;
	border-bottom: 1px white solid;
	float: left;
	margin-bottom: 20px;
}

.tabDiv300 {
	display: inline; /* fix le bug de la marge sous ie6 */
	width: 300px;
	float: left;
	margin-bottom: 15px;
	margin-left: 100px;
}

.tabDiv400Cell1, .tabDiv300Cell1, .tabDiv300Cell3 {
	text-align: right;
}

.tabDiv400Cell1, .tabDiv400Cell2, .tabDiv300Cell2 {
	float: left;
	width: 200px;
	height: 35px;
}

.tabDiv300Cell1 {
	float: left;
	width: 100px;
	height: 35px;
}

.tabDiv300Cell3 {
	float: left;
	width: 100px;
	height: 55px;
}

.tabDiv300Cell4 {
	float: left;
	width: 200px;
	height: 55px;
}

.listeAffiliation {
	float: left;
	width: 370px;
	margin-left: 30px;
	margin-bottom: 20px;
}

.listeAffiliation ul {
	list-style-type: none;
}

.listeAffiliation li {
	margin-top: 1px;
}

.listeAffiliationLabel {
	margin-left: 5px;	
}

.btnFormSignUp {
	border: 1px #000 solid;
	float: left;
	width: 60px;
	margin-left: 170px;
}

.btnFormSendFriend {
	border: 1px #000 solid;
	float: left;
	width: 60px;
	margin-left: 220px;
}

.formError {
	color: #E70;
}

#popup_content {
	margin: auto;
	width: 560px;
}

#splashScreen {
	margin: auto;
	width: 1024px;
	height: 770px;
	text-align: center;
}

#splashScreen a {
	font-size: 1.5em;
}

.entete_mhrc {
	float: left;
	width: 90%;
	margin-left: 20px;
	margin-bottom: 15px;
	border-bottom: 1px black solid;
	color: black;
	text-indent: 1.2em;
	font-size: 1.2em;
	font-weight: bold;
}

/* --- Behavior ie6 png fix, style du main.css et du forum_mhrc.css --- */
.menuBarItemLinkTop, #menuLeftTop, #menuLeftBottom, #classementTop, #classementBottom, .blockCentreTop, .blockCentreBot,
.article_complet_top, .article_complet_bot, .article_print_btn, .article_send_btn, .blockLeftTop, .blockLeftBot, 
#footer_center, .footer_left, .footer_right, .filInfoContentLeft, .blockFlashLeft, .blockFlashRight, .forBehavior, 
.sfSimpleForumTitlePageTop, #forumStatsTop, .sfSimpleForumTitlePageBottom, #forumStatsBottom, .newTopic , .btnBleu, .blueButton, .test_transpa,
 #header, .forum_name_noir, .forum_threads_noir, .forum_posts_noir, .forum_recent_noir, .forum_threads_bleu, 
.forum_posts_bleu, .forum_recent_bleu, .forum_threads_noir, .forum_threads_bleu, .thread_name_noir, .thread_name_bleu,  .thread_replies_bleu, .thread_views_bleu, .thread_recent_bleu,
.thread_replies_noir, .thread_views_noir, .thread_recent_noir, .post_author_avatar, .post_author_infos, .forum_name_bleu,
.hideAndShow, .reduce, .grow{
	 -behavior: url("/css/iepngfix.htc");
}

.forBehavior {
	/* cette class ne definit pas de style elle juste utilisé avec le behavior iepngfix pour indiquer qu'il y a du png */
}

.reduce{
	background-image:url("/images/grow.png");
	background-repeat:no-repeat;
	width: 16px;
	height:16px;
	float: right;
}

.reduce:hover{
	cursor:hand;
	}
	
.grow{
	background-image:url("/images/reduce.png");
	background-repeat:no-repeat;
	width: 16px;
	height:16px;
	float: right;
}

.grow:hover{
	cursor:hand;
	}

	.prototype_window{
	margin-top:30px;
	color:black;
	text-align: center;
	}
	
	.prototype_window a{
	color:blue;
	}
	
	#barclays{
	cursor:pointer;
	}