* {
	margin: 0;
	padding: 0
}
img { border: none }
ul li { list-style-position: inside }
body.gsec_1 ul li { list-style-image: url(../img/interface/bf2-li1.gif) }
body.gsec_2 ul li { list-style-image: url(../img/interface/bf2-li2.gif) }
body.gsec_3 ul li { list-style-image: url(../img/interface/bf2-li3.gif) }
body.gsec_4 ul li { list-style-image: url(../img/interface/bf2-li4.gif) }

/* Useful */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
.clearfix { display: inline-block }
html[xmlns] .clearfix { display: block }
* html .clearfix { height: 1% }


body {
	background: repeat 0 0; 
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	font-size: 8pt; 
	text-align: center; 
}
body.gsec_1 { background-image: url(../img/interface/bf2-bg1.gif) }
body.gsec_2 { background-image: url(../img/interface/bf2-bg2.gif) }
body.gsec_3 { background-image: url(../img/interface/bf2-bg3.gif) }
body.gsec_4 { background-image: url(../img/interface/bf2-bg4.gif) }

#page { 
	background: repeat-y -6px 0; 
	margin: 0 auto; 
	width: 754px; 
	text-align: left; 
	overflow: hidden; 
	border-left: solid 6px 
}
body.gsec_1 #page { 
	background-image: url(../img/interface/bf2-main1.gif); 
	border-color: #7E8AA8
}
body.gsec_2 #page { 
	background-image: url(../img/interface/bf2-main2.gif); 
	border-color: #A35036
}
body.gsec_3 #page { 
	background-image: url(../img/interface/bf2-main3.gif); 
	border-color: #A8968B
}
body.gsec_4 #page { 
	background-image: url(../img/interface/bf2-main4.gif); 
	border-color: #D9A146
}

#page #header {
	background: url(../img/interface/bf2-headerh.jpg) no-repeat 0 0; 
	padding-top: 158px; 
}
#page #header h1 {
	background: transparent no-repeat 0 0; 
	height: 68px; 
	text-indent: -9999px 
}
body.gsec_1 #page #header h1 { background-image: url(../img/interface/bf2-headerb1.jpg) }
body.gsec_2 #page #header h1 { background-image: url(../img/interface/bf2-headerb2.jpg) }
body.gsec_3 #page #header h1 { background-image: url(../img/interface/bf2-headerb3.jpg) }
body.gsec_4 #page #header h1 { background-image: url(../img/interface/bf2-headerb4.jpg) }
#page #header h1 a {
	display: block;
	width: 365px;
	height: 100%
}

#page #menu_top { background: url(../img/interface/bf2-mngch.gif) no-repeat 0 0; }
#page #menu_top h2 { display: none }
#page #menu_top .menu_top_right {
	background: url(../img/interface/bf2-mndrt.gif) no-repeat right 0; 
	padding: 0 33px 0 36px; 
	height: 42px 
}
#page #left_column { 
	float: left; 
	background: url(../img/interface/bf-menu-ombre.gif) repeat-y right 0; 
	width: 180px 
}
#page #left_column #menu_left {
	background: #fff; 
	margin-right: 16px;
	padding: 18px 0
}
#page #left_column #menu_left h3 { 
	background: no-repeat center 0;
	height: 17px 
}
#page #left_column #menu_left h3 a { 
	margin: 3px 0; 
	text-align: left; 
	text-indent: -9999px 
}
#page #left_column #menu_left a { 
	display: block; 
	padding: 1px 6px 1px 0; 
	color: #000000; 
	text-align:right; 
	text-decoration: none;
}
#page #center_column { 
	float: left;
	padding:14px 20px 10px 10px;
	width: 544px 
}
#page #center_column a { text-decoration: none }
#page #center_column a:hover { text-decoration: underline }
body.gsec_1 #page #center_column a { color: #7E8AA8 }
body.gsec_2 #page #center_column a { color: #A35036 }
body.gsec_3 #page #center_column a { color: #A8968B }
body.gsec_4 #page #center_column a { color: #D9A146 }

#page #center_column p.breadcrumb { margin: 8px 0 11px }
#page #center_column .bandeau { 
	margin: 3px 0 5px;
	color: #fff 
}
body.gsec_1 #page #center_column .bandeau { background-color: #7E8AA8 }
body.gsec_2 #page #center_column .bandeau { background-color: #A35036 }
body.gsec_3 #page #center_column .bandeau { background-color: #A8968B }
body.gsec_4 #page #center_column .bandeau { background-color: #D9A146 }


.titresurligne {
	border-bottom : 2px solid;
	margin-bottom : 3px;
	padding-bottom : 1px;
	font-weight : bold;
	font-size : 13px;
}
body.gsec_1 #page #center_column .titresurligne { border-bottom-color: #7E8AA8 }
body.gsec_2 #page #center_column .titresurligne { border-bottom-color: #A35036 }
body.gsec_3 #page #center_column .titresurligne { border-bottom-color: #A8968B }
body.gsec_4 #page #center_column .titresurligne { border-bottom-color: #D9A146 }

body.gsec_1 #page #center_column .rubrique { background-image : url(../img/interface/bf2-pixel1.gif) }
body.gsec_2 #page #center_column .rubrique { background-image : url(../img/interface/bf2-pixel2.gif) }
body.gsec_3 #page #center_column .rubrique { background-image : url(../img/interface/bf2-pixel3.gif) }
body.gsec_4 #page #center_column .rubrique { background-image : url(../img/interface/bf2-pixel4.gif) }

body.gsec_1 #page #center_column .resume { background-image:url(../img/interface/bf2-4pixel1.gif) }
body.gsec_2 #page #center_column .resume { background-image:url(../img/interface/bf2-4pixel2.gif) }
body.gsec_3 #page #center_column .resume { background-image:url(../img/interface/bf2-4pixel3.gif) }
body.gsec_4 #page #center_column .resume { background-image:url(../img/interface/bf2-4pixel4.gif) }

body.gsec_1 #page #center_column .resumehex { background-image:url(../img/interface/bf2-hex1.gif) }
body.gsec_2 #page #center_column .resumehex { background-image:url(../img/interface/bf2-hex2.gif) }
body.gsec_3 #page #center_column .resumehex { background-image:url(../img/interface/bf2-hex3.gif) }
body.gsec_4 #page #center_column .resumehex { background-image:url(../img/interface/bf2-hex4.gif) }

#footer { 
	clear: both; 
	padding-left: 180px;
}
#footer p.navigate {
	padding-top: 9px;
	text-align: center
}
#footer p.navigate a {
	color: #000;
	text-decoration: none
}
#footer .copyrights {
	margin: 9px 9px 9px 0;
	text-align: right
}

#spoilers {
	display : none;
}
.auteur {
	vertical-align : 40%;
}
.news .imgnews {
	clear: both;
	float: left;
	margin-top: 15px;
	border : thin solid #e5e5e5;
	width : 160px;
	height : 90px;
}
.news img.first { margin-top: 5px }
.news .txtnews {
	float: left;
	margin-top: 11px;
	padding-left : 10px;
	width : 372px;
}
.news div.first { margin-top: 0 }
.news .txtnews img {
	position:relative;
	top:5px;
}
.news .txtnews .alinea { margin-top: 2px }
.restenews {
	clear: both;
	padding-top : 15px;
}
.restenews p.entete {
	margin : 0;
	padding : 9px 0 6px 18px;
}
.restenews p.entete span {
	cursor : pointer;
	padding : 0 8px;
}
.restenews p.entete span.selected {
	font-weight : bold;
}
.restenews .listes .past_year { display: none }
.restenews .listes p { padding: 2px 0 2px 50px }
.bottom_description { padding-top: 45px } 
/* Article seul */
h2.page_title {
	margin-top:18px;
	font-family:Verdana;
	font-size:11pt;
	font-weight:bold;
	text-align:center
}

.alinea {
	text-indent : 0.5cm;
	text-align : justify;
	padding-bottom : 8px;
}
.soustitre {
	margin-top : 12pt;
	margin-bottom : 3pt;
	font-weight : bold;
}
.persos {
	clear : both;
	text-align : justify;
}
.persobloctexte {
	text-align : justify;
	margin-bottom : 15px;
}
.persoimggauche {
	margin-left : 10px;
	margin-right : 10px;
	float : left;
	margin-bottom : 15px;
}
.persoimgdroite {
	margin-left : 10px;
	margin-right : 10px;
	float : right;
	margin-bottom : 15px;
}
.border {
	border : 1px solid #000000;
}
.gauche {
	text-align : left;
}
.droite {
	text-align : right;
}
.rubrique {
	width : 60%;
	background: repeat-x 0 6px;
	padding-left : 0.5cm;
	padding-bottom : 5px;
	margin-right : 220px;
	margin-top : 10px;
	overflow : auto;
}
.rubriquetitre {
	font-weight : bold;
	float : left;
	background-color : #ffffff;
	padding-left : 6px;
	padding-right : 6px;
	font-style : italic;
}
.resume {
	width:100%;
	background:repeat-x 0px 12px;
	margin-top:10px;
	margin-bottom:2px;
	float:left;
	overflow:auto;
}
.resumehex {
	float:left;
	height: 22px; 
	width: 30px;
	margin-left:10px;
	padding-top:6px;
	font-weight:bold;
	font-size: 13px;
	text-align:center;
}
.resumetitre {
	float:left;
	background-color:#FFFFFF;
	margin-left:60px;
	padding-top:6px;
	padding-left:2px;
	padding-right:2px;
	font-weight:bold;
	font-size: 13px;
}

.moitiegauche {
	width : 277px;
	float : left;
}
.moitiedroite {
	width : 277px;
	float : right;
}
.sign {
	font-style : italic;
	padding-top : 8px;
}
.lexique {
	width : 108px;
	text-align : right;
	padding-right : 5px;
	vertical-align: top
} 

/*	Timeline */
div.c1 {
	font-size: 18px;
	font-weight: bold; 
	text-align: center
}
div.c2 { text-align: justify }
div.c3 {
	font-weight: bold; 
	text-align: right
}