/* Entete*/

#pub_articles_theme_728 {width:100%; text-align:center; margin-bottom:40px; padding-left:90px;}
#pub_mainaoe3_728 {float:right; margin-top:10px;}
#pub_mainaoe3_120 {float:left; margin-right: 10px; background-image:url('images/souspub_120-600_aoe3.jpg'); background-repeat:no-repeat; width:160px; height:600px;}

div#listFile {
	padding:0;
	margin: 0;
	margin-bottom: 15px;
	text-align: center;
	clear:both;
}
body {
	background: #2C4C5B;
	color: black;
	text-align: center; /* pour corriger le bug de centrage IE */
	background-image:url('images/aoe3-com-vertical.gif');
	background-repeat:no-repeat;
	background-position:5% 30px;
	font-family: verdana, arial, helvetica, sans-serif ;
	font-size: 12px;
	margin: 0 ; 
	padding: 0 ;
	min-width: 1000px;
	_width: expression(document.body.clientWidth < 1000? "1000px": "100%" );
}

.align-center {	text-align:center;	}
.align-left { text-align:left;	}
.align-right { text-align:right;	}
.align-justify { text-align:justify;	}

a {cursor: pointer;}
a:link { font-weight:none; color:#000000; text-decoration:none; }
a:visited { font-weight:none; color:#000000; text-decoration:none; }
a:hover { font-weight:none; color:#086aa8; text-decoration:underline; }
a:active { font-weight:none; color:#086aa8; text-decoration:underline; }
a:focus { font-weight:none; color:#086aa8; text-decoration:underline; }
a img {border:0 none #000000; }

div#panneau  {
	text-align: left; /* pour corriger le bug de centrage IE */
	background: #FFFFFF;
	background-image:url(barre_bleue.gif);
	background-position:11px 0;
	background-repeat:repeat-y;
	width:1003px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #000000;
}

div#panneau_news  {
	text-align: left; /* pour corriger le bug de centrage IE */
	background: #FFFFFF;
	background-image:url(barre_bleue2.gif);
	background-position:-52px 0;
	background-repeat:repeat-y;
	width:1003px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #000000;
}
   
/******************* Barre des sites **************************/
td#tdrsjs{
	width:168px;
}
/*
div#barre_sites {
	height: 15px;
	background-image:url('images/aoe3_barre_site_fond.gif');
	background-repeat:repeat-x;
	color: #000000 ;
	padding: 0px 10px 0px 0px ;
	font-size: 11px ;
	font-weight: bold ;
	text-align: right;
}
/**/

/*div#barre_sites a {
	color: #000000 ;
	text-decoration: none;
}*/

/******************* Banni�re **************************/
div#logo {
	background: url("images/aoe3_banniere.jpg") repeat ;
	height: 114px;
	width: 100%;
}

div#divtransclic {float:left; width:200px; /*492*/}
div#divtransclic #transclic {float:right; width:200px;/*492*/ height:100px; border:none;}
div#pub {
	float:right;
	margin-top:50px;
	margin-right: 15px;
}
   
/******************* Div contenant la page sous la banni�re **************************/
div#page, div#page_article, div#page_news {
	padding: 5px;
	width: auto;
	width: expression("100%");
	clear: both;
}

div#page {
	/*padding-left:130px;*/
}

div#page_news {
	background-image: url(barre_bleue2.gif);/*news_col_fond.gif*/
	background-repeat: repeat-y;
	background-position: -52px 0; /*-42px*/
}

div#page_article {
	padding: 0px;
	margin: 0 20px 20px 10px;/*20*/
	_margin:expression('0 10px 10px 5px');
	/*margin-left:180px;*/
	background: #FFFFFF url("images/fondarticle.jpg") 40px 40px no-repeat;
	border: 1px dotted #000000;
	min-height: 500px;
	_height: expression("500px");
	float:right; width: 800px;
	clear:none;
}

div#page_article a {cursor: crosshand;}
div#page_article a:link { font-weight:bold; color:#9d0a0a; text-decoration:none; }
div#page_article a:visited { font-weight:bold; color:#9d0a0a; text-decoration:none; }
div#page_article a:hover { font-weight:bold; color:#086aa8; text-decoration:underline; }
div#page_article a:active { font-weight:bold; color:#086aa8; text-decoration:underline; }
div#page_article a:focus { font-weight:bold; color:#086aa8; text-decoration:underline; }

/******************* Menu **************************/

/*** Voir plus bas dans le fichier ***/

/******************* Rootline **************************/
div#rootline {
	border-bottom: 1px solid #000000;
	line-height: 20px;
	padding-left: 215px;
	padding-top: 8px;
}

div#rootline a, div#rootline a:hover {
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	font-size: 12px;
}

div#rootline a:hover {
	text-decoration: underline;
}

div#rootline h1 {
	margin: 0px;
	padding: 0px;
	display: inline;
}

div#rootline h1 a, div#rootline h1 a:hover {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	font-size: 14px;
}

/******************* Onglets **************************/

div#onglets {
	float:right;
	width: 192px;
	height: 800px;
	margin-bottom: 10px;
	background: url("images/aoe3_fond_onglets.gif") top left no-repeat;
}

div#men1,
div#men2,
div#men3 {
	margin: 10px 0px 0px 0px;
	padding:8px 0px 5px 0px;
	float:left;
	font-size:9px;
	font-weight: bold;
	width : 56px;
	height: 30px;
	text-align:center;
}

div#men1 {
	margin: 10px 0px 0px 9px;
	_margin: 10px 0px 0px 3px;
	padding:2px 0px 0px 0px;
}

.menusel {
	/*background: url("images/aoe3_fond_titre_onglet.gif") top left no-repeat;*/
	background:transparent;
	color: #000099;
	border: none;
}
.menudesel {
	/*background: url("images/aoe3_fond_titre_onglet_up.gif") top left no-repeat;*/
	background-color: #ad894d;
	color:#ffffff;
	border: 1px solid black;
}

div#panel2,
div#panel3,
div#panel1 {
	margin-top: 60px;
	margin-left: 2px;
	margin-right: 10px;
	border-top: 2px solid #333333;
	display: none;
}

/************** Image du jour **********/

div#panel1 ul {
	color: red;
        font-weight: bold;
        margin: 0px;
        margin-bottom:10px;
        margin-left:5px;
        padding: 0px;
        padding-left:5px;
}

div#panel1 li {
        list-style: none;
        margin-left: 0px;
        margin-bottom: 20px;
}


/************** En direct du forum **********/

div#forum {
	width: auto ;
	_width: expression("100%");
	margin-bottom: 10px ;
	padding: 5px;
}

div#forum ul {
	margin: 0px;
	margin-bottom:10px;
	margin-left:5px;
	padding: 0px;
	padding-left:5px;
}

div#forum li.direct_forum {
	list-style: square;
	margin-left:10px;
}

div#forum div#all_forums {
	width: 100%;
	padding:0px;
	margin: 0px;
	text-align: right;
	border-top : 2px solid black;
}

div#forum div#all_forums a, div#forum div#all_forums a:hover{
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	font-size: 9px;
}

div#forum div#all_forums a:hover{
	text-decoration: underline;
}
/************** Sondage**********/

div#sondage {
	width: 100% ;
	margin-bottom: 10px ;
	padding: 5px ;
}

div#sondage form {
	padding: 0px;
	margin:0px;
}

div#sondage p {
	text-align: center ;
	font-weight: bold ;
	margin:0px;
}

div#sondage ul {
	list-style: none ;
	text-align: left ;
	margin: 0px;
	margin-bottom:10px;
	padding: 0px;
}

div#sondage div#poll_answer {
	margin: 0px;
	padding-top: 10px;
	width: 100%;
}

div#sondage div#poll_answer img {
	margin-top: 10px;
}

div#sondage div#poll_answer p {
	margin: 0px;
	text-align: center;
	padding: 0px;
	width: 100%;
	font-weight:bold;
}


/******************* Partie gauche **************************/
div#corps {
	margin-right: 195px;/*245*/
	_margin-right:expression("190px");/*240*/
	width: auto;
	_width: expression("100%");
}

/******************* Barre de connexion **************************/
div#connexion {
	background: url("images/aoe3_fond_barre.jpg") center left no-repeat ;
	width: auto;
	_width: expression("100%");
	height: 40px;
	margin-top : 6px;
}

/******************* Une Flash **************************/
div#une {
	background: url("images/laUne.gif") top left no-repeat;
	width: auto;
	_width: expression("100%");
	margin-left : 5px;/*60*/
	margin-bottom: 10px;
	padding-left: 35px;
	height: 140px;
  	z-index: 0;
}

div#une[id] {
	float:left;
}

/******************* News **************************/
div#news {
	margin-left: 180px;
	margin-left: expression("0px");
	width: 620px; /*365*/
	height: 179px;
	margin-bottom: 5px;
	background: url("images/aoe3_fond_actualite.jpg") top left no-repeat;
}

div#news div#actug {
	width: 305px;
	_width: expression("307px");
	float: left;
	border-right: 2px solid black;
	margin: 32px 0 0 0;
}

div#news div#actud {
	width: 305px;
	float: left;
	margin: 32px 0 0 0;
}

div#news div#all_news {
	text-align: right;
	line-height: 16px;
	width: 608px; /*365*/
	width: expression("608px");
	margin-left:2px;
	padding-top: 150px;
	_padding-top: 0px;
}

div#news div#all_news div {
	border-top : 2px solid black;
	padding-right: 9px;
}

/******************* Liste des derniers articles **************************/
div#article {
	width: 308px; /*365*/
	float: left;
	height: 179px;
	margin-bottom: 5px;
	background: url("images/aoe3_fond_article.jpg") top left no-repeat;
}

div#news div ul,
div#article ul,
div#event ul,
div#download ul,
div#replay ul {
	margin: 33px 0 0 0;
	padding: 0 0 0 0;
	width:100%;
}

div#news div ul {
	margin: 2px 0 0 0;
}


div#article div#all_articles,
div#event div#all_events,
div#download div#all_downloads,
div#replay div#all_replays {
	text-align: right;
	border-top : 2px solid black;
	line-height: 16px;
	width: 288px;
	width: expression("296px");
	padding-right: 7px;
	margin-left:2px;
}

div#news div#all_news a, div#news div#all_news a:hover,
div#article div#all_articles a, div#article div#all_articles a:hover,
div#event div#all_events a, div#event div#all_events a:hover,
div#download div#all_downloads a, div#download div#all_downloads a:hover,
div#replay div#all_replays a, div#replay div#all_replays a:hover {
	font-weight: bold;
	color: #ffffff;
	font-size: 9px;
}

div#news div li,
div#article li,
div#event li,
div#download li,
div#replay li {
	color: #000000;
	list-style:none;
	width: auto;
	_width: expression("100%");
	padding-left: 5px;
	height:18px;
	font-size: 10px;
}

div#news a, div#news a:hover,
div#article a, div#article a:hover,
div#event a, div#event a:hover,
div#download a, div#download a:hover,
div#replay a, div#replay a:hover {
	color: #ffffff;
	text-decoration :none; 
	font-size: 10px;
}

div#news a:hover,
div#article a:hover,
div#event a:hover,
div#download a:hover,
div#replay a:hover {
	text-decoration: underline;
}

#label_commentaire {
	font-size: 12px;
}

/******************* Liste des replays **************************/
div#replay {
	width: 308px;/*365*/
	float: left;/*à passer right quand on enleve la pub 300*300*/
	height: 179px;
	margin-bottom: 5px;
	background: url("images/aoe3_fond_replay.jpg") top left no-repeat;
}

div#replay img {
	margin-top: 2px;
	margin-right: 2px;
	border: 0px;
}

/******************* Liste des �v�nements **************************/
div#event {
	width: 308px; /*365*/
	float: left;
	_clear:left;
	height: 179px;
	margin-bottom: 5px;
	margin-left:170px; /*à enlever quand on enleve la pub 300*300*/
	_margin-left:0px;
	background: url("images/aoe3_fond_events.jpg") top left no-repeat;
}

/******************* Liste des t�l�chargements **************************/
div#download {
	width: 308px;/*365*/
	float: right;
	height: 179px;
	margin-bottom: 5px;
	background: url("images/aoe3_fond_download.jpg") top left no-repeat;
}

/******************* pub 300*300 **************************/
div#pub300 {
	width: 308px;
	float: right;
	height: 300px;
	margin-bottom: 5px;
	_width: 300px;
}

/*********************** Menu dynamique ***************/

#mainMenu1 {
	width:100%;
	background-image:url('images/aoe3_menu_fond.gif');
	background-repeat:repeat-x;
	color: #000000;
	margin-bottom:10px;
	padding: 0;
	/* if the menu is horizontal and has a 'static' position:
	* do not set a non-zero margin-top, if the BODY element has a zero
	* padding-top and this menu is its first 'static' child
	* this is due to an Opera 7 bug :-(
	*/
	z-index: 1;
	position: static;
	/* if the menu is horizontal: use a 'static' position
	* if the menu is vertical: use an 'absolute' or 'fixed' position
	*/
	border:none;
	font: 85% verdana,helvetica,arial,sans-serif;
	float:left;
	height: 30px;
	_height: expression('0px');
}

#menuList1 {
  border: none;
  margin: 0;
  padding: 0 6px;
  /* do not use a position other than 'static' here */
}

#menuList1 li {
  /* do not change these rules */
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
  /* do not change these rules */
}

#menuList1 li a {
  background-color: transparent;
  color: #000000;
  font-weight: bold;
  display: inline;
  line-height: 1.8em;
  border: none;
  margin: 0;
  padding: 2px 10px;
  /* always set margin to '0' */
  /* Win/IE5.0 will ignore border and padding if display is 'inline' */
  text-decoration: none;
}

#menuList1 li a:hover, #menuList1 li a:focus {
  text-decoration: none;
  color: #000;
  border-color: #CCCCCC;
  background-color: #C3C3C3;
}

/* As Win/IE5.0 doesn't apply padding on inline elements, background images
 * must be hidden from it, otherwise they will be displayed behind text
 */
#menuList1 li a.actuator {
  width/* */: auto; /* hides the following rule from Win/IE5.0 */
  background: url("images/fleche_bas.gif") no-repeat 100% 50%;
  color: #000000;
  font-weight: bold;
  padding-right: 12px;
}

#menuList1 li a.actuator:hover, #menuList1 li a.actuator:focus {
  width/* */: auto; /* hides the following rule from Win/IE5.0 */
  background: url("images/fleche_bas.gif") no-repeat 100% 50%;
  color: #000000;
  text-decoration: none;
}

#menuList1 .menu {
  background-color: #F0F0F0;
  color: #000000;
  border: 1px solid #ABABAB;
  border-top: 1px solid #F0F0F0;
  margin: 0;
  padding: 2px;
  /* only set '0' or negative margin */
  /* border  width must be the same on the four sides (in 'px' units) */
  /* padding width must be the same on the four sides (in 'px' units) */
  z-index: 1;
  position: absolute;
  visibility: hidden;
  /* always set position to 'absolute' and visibility to 'hidden' */
}

#menuList1 .menu .menu {
  margin-left: 2px;
  /* if a non-zero padding is set on .menu, set margin-left to margin-left + padding */
}

#menuList1 .menu li a {
  display: block;
  line-height: normal;
}

#menuList1 .menu li a.actuator {
  background: url("images/fleche_droite.gif") no-repeat 100% 50%;
}

#menuList1 .menu li a.actuator:hover, #menuList1 .menu li a.actuator:focus {
  background: url("images/fleche_droite.gif") no-repeat 100% 50% #C3C3C3;
}

/******************* Bas de page *************************/

div#copyright {
	margin-top : 10px;
	min-width: 1000px;
	width: auto;
	_width: expression(document.body.clientWidth < 1000? "1000px": "100%" );
	background: #000000;
	height: 29px;
	clear: both;
}

div#copyright div.xiti{
	float: left;
	width: 50px;
	text-align: left;
	margin-top: 3px;
}

div#copyright div.copyAF {
	margin-top: 3px;
	margin-right: 10px;
	font-size: 10px;
	color: #FFFFFF;
	text-align: right;
}

div#copyright div.copyAF a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

div#copyright div.copyAF a:hover {
	text-decoration: underline;
}

/******************* news toutes **************************/
div.news_entete p {
    font-weight: bold;
	font-size: 12px;
}

div.news_entete p.titre {
	height: 25px;
	background: url("images/sous-news.gif") bottom left no-repeat;
}

div.news_entete p.date {
	font-size: 10px;
	text-align: right;
}

div.topic_content {
	border-bottom: 1px solid black;
}

/******************* news unitaires **************************/
div#newsunitaire {
	margin-left: 268px; /*250*/
	margin-right: 250px;
	text-align: justify;
}

div.news_titre {
	font-size: 16px;
	padding-bottom: 5px;
	border-bottom: 1px solid black;
}

div.news_date {
	text-align: right;
	padding-top: 5px;
}

div.news_date a {
	color: #9d0a0a;
	font-weight: bold;
}

div.news_date a:hover {
	color: #086aa8;
}

div#newsunitaire a {
	color: #9d0a0a;
}

div#newsunitaire a:hover {
	color: #086aa8;
}

div#news_end {
	text-align: right;
	border-bottom: 1px solid black;
	padding-bottom: 5px;
}

div#news_end a {
	font-weight: bold;
}

div#news_end a:hover {
	color: #086aa8;
}

.comment_all {
	border: 1px dashed black;
	background: #F5F5F5;
	padding: 10px;
}

.comment_auteur {
	padding-bottom: 10px;
	font-weight: bold;
	text-align: right;
}

.comment_all table {
	text-align: left;
	width: 450px;
	font-weight: normal;
	font-size: 11px;
}

#QUOTE {
	background: #d7dbe9;
}

/******************* Colonne-news **************************/

div#colonnenews {
	clear: left;
	float: left;
	width: 253px; /*232*/
	border: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 0px;
	padding-bottom: 10px;
}

.news_date {
	font-weight: bold;
}

.news_dujour {
	color: #9d0a0a;
}

div#colonnenews h1 {
	width: 250px;/*232*/
	background: url("images/dernieresnews.gif") bottom left no-repeat;
	height: 20px;
	line-height: 20px;
	margin: 0px;
	padding-bottom: 20px;
	_padding-bottom: expression("0px")
}

div#colonnenews ul {
	margin: 0px;
	margin-left: 10px;
	padding: 0px;
	padding-left: 5px;
	padding-bottom: 20px;
	font-size: 11px;
}

div#colonnenews li {
	list-style: square;
	margin-left:5px;
	margin-bottom: 7px;
}

div#colonnenews li a{
	color : #000000;
	text-decoration: none;
}

div#colonnenews li a:hover{
	color : #086aa8;
	text-decoration: underline;
}

div#colonnenews div#all_colonnenews {
	width: 100%;
	padding: 0px;
	margin: 0px;
	text-align: right;
	border-top : 2px solid black;
}

div#colonnenews div#all_colonnenews a, div#colonnenews div#all_colonnenews a:hover{
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	font-size: 9px;
}

.all_colonnenews {
	text-align: right;
	padding-right: 15px;
	line-height: 20px;
}

.all_colonnenews a {
	font-weight: bold;
	color: #9d0a0a;
}

.all_colonnenews a:hover {
	color: #086aa8;
}

/******************* Contenu d'un article **************************/
div#contenu {
	padding: 5px;
}

div#contenu h1 {
	font-size: 14px;
	margin: 0 0 0 0;
}

div#contenu h2 {
	font-size: 11px;
	text-align: right;
	margin: 0 0 0 0;
	font-weight:normal;
}

div#contenu a{
	font-weight: bold;
	color:#666666;
	text-decoration :none; 
}

div#contenu a:hover{
	text-decoration: underline;
}

div#contenu h2 a{
	color:#FF0033;
	text-decoration :none; 
}

div#contenu td, div#contenu th {
	font-size: 12px ;
	padding: 2px ;
}

div#contenu table {
	border-collapse: collapse ;
}

div#article h2 a:hover{
	color:#FF0033;
}

/******************* Contenu d'un article **************************/
.tx-afipbform-pi1-form-header {
	font-size: 12px ;
}

span.tx_afmasterdetail_pi5-form-label {
	vertical-align: top;
	width: 150px;
}