/****************************************************************/
/* DEFAULT TAG */
	body{
		background:#8BA1B9 url(images/bg_body.jpg) repeat-x; margin:0;
		font:11px Arial, Helvetica, sans-serif;
		color:#414141;
	}
	form{margin:0;}
	a img{border:none;}
	select, input, textarea{
		font:11px Arial, Helvetica, sans-serif;
		color:#414141;	
	}
	abbr{border:none;}
	a{
		color:#557EAB;
		text-decoration:none;
	}
	a:hover{text-decoration:underline;}
	fieldset{border:0; margin:0; padding:0;}
	h3{
		margin:0;
		font:bold 18px Arial;
		color:#404C80;
	}
	h4{
		font:bold 12px Arial;		
	}
	address{font-style:normal;}
/****************************************************************/
/* COMMON CLASS */
	.hide{
		position:absolute;
		left:0px; top:0px;
		width:0px; height:0px;
		visibility:hidden;
	}
	p.first, ul.first, ol.first, h3.first, h4.first, h5.first{margin-top:0px;}
	p.last, ul.last, ol.last, h3.last, h4.last, h5.last{margin-bottom:0px;}
	h4.title{
		font:bold 12px Verdana, Arial, Helvetica, sans-serif;
		color:#595959;
	}
	ul.nolist, ol.nolist{list-style:none; padding:0; margin:0;}

	/* Liens nouvelle complète ****************/
	.link_news{
		background:url(images/bg_link_news.gif) no-repeat left center;
		padding:1px 0 1px 32px;
		font:bold 11px Arial;
		color:#557EAB;
	}

	/* Liens multimedia dans les news ****************/
	.link_multimedia li{
		background:url(images/bg_spacer_news.gif) no-repeat;
		float:left;
		padding:0 7px 0 8px;
		width:20px;
	}
	.link_multimedia li.first{background:none; width:17px; padding-left:0;}
	.link_multimedia a,
	.link_multimedia span.btn{
		position:relative;
		display:block;
		height:18px;
	}
	/* Active */
	a.btn_photo{background:url(images/btn_photo.gif) no-repeat; width:17px;}
	a.btn_video{background:url(images/btn_video.gif) no-repeat; width:20px;}
	a.btn_audio{background:url(images/btn_audio.gif) no-repeat; width:20px;}

	/* Inactive */
	span.btn_photo{background:url(images/btn_photo_off.gif) no-repeat; width:17px;}
	span.btn_video{background:url(images/btn_video_off.gif) no-repeat; width:20px;}
	span.btn_audio{background:url(images/btn_audio_off.gif) no-repeat; width:20px;}

	/* Liens section manchettes populaires ****************/
	a.link_manchettes_section{
		background:url(images/bg_manchettes_section_link.gif) no-repeat right 3px;
		padding:0 7px 0 0;
		margin:0 4px 0 0;
		text-decoration:underline;
		text-transform:uppercase;
	}
/****************************************************************/
/* FRAME */
	#frame{
		background:#fff;
		position:relative;
		z-index:1;
		width:995px;
		padding:272px 0 0 0;
		margin:auto;
	}
/****************************************************************/
/* CONTENU */
	#c{
		width:995px;
		overflow:hidden;
		padding:0 0 9px 0;
	}
/****************************************************************/
/* LOGO */
	#logo{
		position:absolute;
		top:21px;
		left:10px;
		z-index:2;
	}
	#logo img{vertical-align:bottom;}

/****************************************************************/
/* DATE HEADER */
	#date_edition{
		position:absolute;
		top:138px;
		left:3px;
		z-index:2;
		display:block;
		width:246px;
		margin:0;
		font:bold 12px Arial;
		text-align:right;
		color:#484848;
	}

/****************************************************************/
/* HEADER */
	#h{
		background:#fff;
		position:absolute;
		top:0px;
		left:0px;
		z-index:1;
		width:995px;
		height:272px;
	}

	/* ROW 1 ****************/
	#h .row1{
		background:#fff;
		width:995px;
		overflow:hidden;
	}
	
	#reseaux {
		position: absolute;
		bottom: 39px;
		left: 17px;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#reseaux li {
		float: left;
		margin-left: 4px;
	}
	
	.btn-widget,
	.btn-facebook,
	.btn-twitter,
	.btn-linkedin,
	.btn-wiki {
		display: block;
		text-indent: -9999px;
		height: 24px; 
	}
	
	.btn-widget:hover {
		background-position: bottom;	
	}
	
	.btn-widget { background: url(images/btn-widget.gif) 0 0 no-repeat; width: 210px; }
	.btn-facebook { background: url(images/btn-facebook.gif) 0 0 no-repeat; width: 24px; }
	.btn-twitter { background: url(images/btn-twitter.gif) 0 0 no-repeat; width: 24px; }
	.btn-linkedin { background: url(images/btn-linkedin.gif) 0 0 no-repeat; width: 24px; }
	.btn-wiki { background: url(images/btn-wiki.gif) 0 0 no-repeat; width: 84px; }
	

	/* MEMBRES ****************/
	#member{
		background:#384D65;
		float:right;
		width:210px;
		height:50px;
		padding:27px 29px 0 0;
		text-align:right;
	}
	#member h3{
		margin:0;
		font:bold 11px Arial;
		color:#EDECEC;
	}
	#member ul{margin:2px 0 0 0;}
	#member li{
		display:inline;
		font-weight:bold;
		color:#EDECEC;
	}
	#member a{
		font:bold 11px Arial;
		color:#EDECEC;
		text-decoration:underline;
	}
	#member a:hover{text-decoration:none;}
	#member p{
		margin:2px 0 0 0;
		color:#9DC2DC;
		font-weight:bold;
	}

	/* RECHERCHE ****************/
	#searchHolder{
		background:url(images/bg_search.jpg) repeat-y;
		float:right;
		width:492px;
		height:77px;
	}
	#searchHolder form {display:block; width:245px; float:left; position:relative;}
	#searchHolder #form_search h3,
	#searchHolder #form_searchGuide h3{
		width:169px;
		height:36px;
		margin:8px 0 0 30px;
	}
	#searchHolder #form_search h3 			{ background:url(images/titre_recherche_revue.gif) 0 0 no-repeat;}
	#searchHolder #form_searchGuide h3 	{ background:url(images/titre_recherche_guiderouge.gif) 0 0 no-repeat;}
	
	#searchHolder fieldset{
		display:block;
		padding:6px 0 0 30px;
	}
	.search_box{
		float:left;
		width:190px;
		border:1px solid #6B6B6B;
		font-size:12px;
		color:#000;
	}
	.cmdSubmit{
		position:absolute; left:224px; top:50px;
		margin:1px 0 0 6px;
	}

	/* ROW 2 ****************/
	#h .row2{
		background:#fff url(images/bg_header_row2.jpg) no-repeat left bottom;
		width:989px;
		height:91px;
		padding:3px;
	}
/****************************************************************/
/* Flipper Flash */
	#revue-virtuel object {width: 177px}

/****************************************************************/
/* MENU */
	/* 
	JV : ya trente-douze menu mais ca c'est le main!
	SG : en raison d'une modification du menu pas tres standard, un nouveau 
	     wrapper a été ajouté pour permettre l'ajout de nouveaux éléments PAS dynamiques...
	 */
	.menu_wrapper{
		background:url(images/bg_menu.gif) repeat-x;
		position:absolute;
		top:237px;
		left:0px;
		width:995px;
		height:34px;
		border-top:1px solid #3B5777;
	}
	#menu li{
		background:url(images/bg_spacer_menu.gif) no-repeat left center;
		float:left;
		padding:0 11px 0 13px;
	}
	#menu li.first{background:none;}
	#menu a{
		font:bold 12px/34px Arial;
		color:#fff;
	}
	/* SG: et voici l'élément pas dynamique en question */
	.menu_wrapper a.kiosque	{
		float:right;
		background:url(images/btn-kiosque.gif);
		display:block; width:188px; height:34px;
	}
	.menu_wrapper a.kiosque span 	{display:none;}
	.menu_wrapper a.kiosque:hover {background-position:bottom left;}

	/* MENU 2 ****************/
	#menu_2{
		background:url(images/bg_menu_2.gif) repeat-x;
		position:absolute;
		top:203px;
		left:0px;
		width:995px;
		line-height:33px;
		border-top:1px solid #EFF0EF;
	}
	#menu_2 li{
		background:url(images/bg_spacer_menu_2.gif) no-repeat left center;
		float:right;
		padding:0 11px 0 13px;
	}
	#menu_2 li.first{background:none;}
	#menu_2 a{
		font:bold 12px/25px Arial;
		color:#3F3F3F;
	}
	/* MENU UTILE ****************/
	#menu_util{
		background:#A2A2A3;
		float:right;
		width:731px;
		height:30px;
	}
	#menu_util li{
		background:url(images/bg_spacer_menu_util.gif) no-repeat left center;
		float:left;
		padding:0 11px 0 13px;
	}
	#menu_util li.first{background:none;}
	#menu_util a{
		font-weight:bold;
		line-height:30px;
		color:#FFFFFF;
	}
	/* MENU UTILE 2 ?? ****************/
	#menu_util_2{
		width:246px;
		padding:68px 0 0 0;
		text-align:right;
	}
	#menu_util_2 li{
		display:inline;
		margin:0 0 0 8px;
	}
	#menu_util_2 a{
		background:url(images/bg_link_arrow.gif) no-repeat left center;
		padding:0 0 0 12px;
		font-weight:bold;
		color:#384D65;
		text-decoration:underline;
		font-size:11px;
	}
	#menu_util_2 a:hover{text-decoration:none;}

/****************************************************************/
/* PUB LEADERBOARD */
	#pub_leaderboard{
		position:absolute;
		top:110px;
		left:264px;
		width:728px;
		height:90px;
		z-index:2;
	}
	#pub_leaderboard img{vertical-align:bottom;}

/****************************************************************/
/* FOOTER */
	#f{
		background:#fff url(images/bg_footer.jpg) no-repeat right top;
		width:995px;
		/*height:83px;*/
		padding:16px 0 10px 0;
		margin:0 0 0 0;
		border-top:1px solid #8BA1B9;
		text-align:center;
		font:12px Arial;
		color:#878787;
		/*overflow:hidden;*/
	}
	#f li{
		background:url(images/bg_spacer_menu_footer.gif) no-repeat left center;
		display:inline;
		padding:0 9px 0 13px;
	}
	#f li.first{background:none; padding-left:0;}
	#f li.last{padding-right:0;}
	#f a{
		font:12px/20px Arial;
		color:#878787;
		text-decoration:underline;
	}
	#f a:hover{text-decoration:none;}
	#copyright,
	#copyright a{
		margin:10px 0 0 0;
		font:bold 11px Arial;
	}
	
/*********************************************************************/

	#meteo {margin: 0 0 10px 0;}