/*
 * >>>>>>>>>> POUR CHAQUE MODIF, VERIFIER SOUS IE6, IE7 & FF ! <<<<<<<<<<<<
 */
 
/************************************************************************************
 * xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx *
 *																					*
 *								tt_news LATEST view									*
 *																					*
 * xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx *
 ************************************************************************************/

/*
<div id="col_...">
<div class="content">
<div class="news-latest-container">
	<div class="news-latest-item">
		<div class="image" />img
		<div class="detail">
			<h3>titre
			<p class="bodytext">infos
			<div class="news-latest-morelink">
	<div class="hr"> s�parateur inter-news
*/


/********************************************************************************************/
/*																							*/
/*										ELEMENTS COMMUNS									*/
/*																							*/
/********************************************************************************************/

/* NEWS */

	/* espacement en dessous boite  (!!! attention -> si margin-bottom: IE6 h�rite �a pour les boites du dessous !) */
	div.actu,
	div.doc,
	div.site,
	div.suivi
	{
		padding-bottom: 10px;
	}

	/* conteneur Global (bloc des news = liste des news) */
	div.news-latest-container 
	{
		/*background: yellow;*/
		float: left;
		margin-top: 5px;/* separation image titre & tt_news */
	}
	/* une news (bloc d'une news = image + detail) */
	div.news-latest-container div.news-latest-item
	{
		/*background: red;*/
		/*border: 1px solid red;*/
		float: left;
		clear: both;
	
	}
	/* une news -> image */
	div.news-latest-container div.news-latest-item div.image
	{
		/*background: #ffaaaa;*/
		float: left;
	}
	/*
	div.news-latest-container div.news-latest-item div.image img {
		display: none;
		width: 120px;
	}
	*/
	
	/* contour image */
	div.news-latest-container div.news-latest-item div.image img {
		border: 1px solid #ccc;
	}	
	/* une news -> infos (detailLast = dernier element) */
	div.news-latest-container div.news-latest-item div.detail,
	div.news-latest-container div.news-latest-item div.detailLast
	{
		/*background: green;*/
		float: right;
	}
	
/* SEPARATION INTER NEWS + POINTILLE */
	div.news-latest-container div.hr
	{
		clear: both;
		margin:10px 0;
		
		border-bottom: 1px dashed #ccc;
		/*background: red;*/
	}
		
	
/* TEXTES */
	/* general */
	div.news-latest-container div.news-latest-item,
	div.news-latest-container div.news-latest-item p.bodytext,
	div.news-latest-container div.news-latest-item div.news-latest-morelink
	{
		font-size: 11px;
	}

/* TITRES */
	/* textes */
	div.news-latest-container div.news-latest-item h3,
	div.news-latest-container div.news-latest-item h3 a {
		font-size: 11px;
		font-weight: bold;
	}
	div.news-latest-container div.news-latest-item h3 a:hover {
		text-decoration: none;
	}	
	/* titre actus */
	div.actu div.news-latest-container div.news-latest-item h3,
	div.actu div.news-latest-container div.news-latest-item h3 a
	{
		color: #814877;
	}
	/* titre documents */
	div.doc div.news-latest-container div.news-latest-item h3,
	div.doc div.news-latest-container div.news-latest-item h3 a	
	{
		color: #56697a;
	}		

/* LIRE LA SUITE */
	div.news-latest-container div.news-latest-item div.detail div.news-latest-morelink,
	div.news-latest-container div.news-latest-item div.detailLast div.news-latest-morelink
	{
		/*margin-top: 10px;*/
	}	
	/* lien */
	div.news-latest-container div.news-latest-item div.detail div.news-latest-morelink,
	div.news-latest-container div.news-latest-item div.detail div.news-latest-morelink a,
	div.news-latest-container div.news-latest-item div.detail div.news-latest-morelink a:hover,
	div.news-latest-container div.news-latest-item div.detailLast div.news-latest-morelink,
	div.news-latest-container div.news-latest-item div.detailLast div.news-latest-morelink a,
	div.news-latest-container div.news-latest-item div.detailLast div.news-latest-morelink a:hover
	{
		font-size: 9px;
	}		
	div.news-latest-container div.news-latest-item div.detail div.news-latest-morelink a,
	div.news-latest-container div.news-latest-item div.detail div.news-latest-morelink a:hover,
	div.news-latest-container div.news-latest-item div.detailLast div.news-latest-morelink a,
	div.news-latest-container div.news-latest-item div.detailLast div.news-latest-morelink a:hover
	{
		text-decoration: none;	
		padding-left: 15px;
		background: url('../images/puce_lien.gif') no-repeat 0 2px;
	}
	div.news-latest-container div.news-latest-item div.detail div.news-latest-morelink a:hover,
	div.news-latest-container div.news-latest-item div.detailLast div.news-latest-morelink a:hover
	{
		text-decoration: underline;
	}


	/* actus */
	div.actu div.news-latest-container div.news-latest-item div.detail div.news-latest-morelink a,
	div.actu div.news-latest-container div.news-latest-item div.detail div.news-latest-morelink a:hover,	
	div.actu div.news-latest-container div.news-latest-item div.detailLast div.news-latest-morelink a,
	div.actu div.news-latest-container div.news-latest-item div.detailLast div.news-latest-morelink a:hover
	{
		color: #814877;
	}
	/* doc */
	div.doc div.news-latest-container div.news-latest-item div.detail div.news-latest-morelink a,
	div.doc div.news-latest-container div.news-latest-item div.detail div.news-latest-morelink a:hover,
	div.doc div.news-latest-container div.news-latest-item div.detailLast div.news-latest-morelink a,
	div.doc div.news-latest-container div.news-latest-item div.detailLast div.news-latest-morelink a:hover
	{
		color: #4E677B;
	}



/* TOUTES LES... */
	/* boite toutes les ... */
	div.tousles-actu,
	div.tousles-doc,
	div.tousles-site,
	div.tousles-suivi,
	div.tousles-nouveautes
	{
		clear: both;
		margin-top: 10px;
		border-top: 1px dotted #444;
		border-bottom: 1px dotted #444;
		/*background: yellow;*/
		/*border: 1px solid red;*/
	}
	div.tousles-doc a,
	div.tousles-doc a:hover,
	div.tousles-actu a,
	div.tousles-actu a:hover,
	div.tousles-site a,
	div.tousles-site a:hover,
	div.tousles-suivi a,
	div.tousles-suivi a:hover,
	div.tousles-nouveautes a,
	div.tousles-nouveautes a:hover
	{
		display: block;
		margin: 3px;	
		font-size: 11px;
		color: #333;
		text-decoration: none;
		padding-left: 15px;
	}
	div.tousles-doc a:hover,
	div.tousles-actu a:hover,
	div.tousles-site a:hover,
	div.tousles-suivi a:hover,
	div.tousles-nouveautes a:hover
	{
		text-decoration: underline;
	}
	/* actus */ 
	div.tousles-actu a,
	div.tousles-actu a:hover {
		background: url('../images/actualites_toutesles.jpg') no-repeat 0 3px;
	}
	/* docs */
	div.doc div.tousles-doc a,
	div.doc div.tousles-doc a:hover {
		background: url('../images/documents_toutesles.jpg') no-repeat 0 3px;
	}
	/* sites web */
	div.site div.tousles-site a,
	div.site div.tousles-site a:hover {
		background: url('../images/sitesweb_toutesles.jpg') no-repeat 0 3px;
	}	
	/* questions */
	/* cf irfaq */
	div.suivi div.tousles-suivi a,
	div.suivi div.tousles-suivi a:hover {
		background: url('../images/sitesweb_toutesles.jpg') no-repeat 0 3px;
	}	

	/* nouveautes */
	div.tousles-nouveautes a,
	div.tousles-nouveautes a:hover {
		background: url('../images/nouveautes_toutesles.jpg') no-repeat 0 3px;
	}		






/****************************************************************************************/
/*																						*/
/*				TAILLES SPECIFIQUES SELON TEMPLATES & COLONNES							*/
/*																						*/
/****************************************************************************************/

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*				GRANDES IMAGES															*/
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* ACCUEIL
___________________________________________________________________________________________*/
/* ACCUEIL COL 1 & COL 2				  												  */
/*****************************************************************************************/ 
/*	content_accueil colonne col_1 & col_2 de 335px										*/
/***************************************************************************************/

	/* conteneur Global (bloc des news = liste des news) */
	div#content_accueil div#col_1 div.content div.news-latest-container,
	div#content_accueil div#col_2 div.content div.news-latest-container
	{
		width: 300px;
	}
	/* une news (bloc d'une news = image + detail) */
	div#content_accueil div#col_1 div.content div.news-latest-container div.news-latest-item,
	div#content_accueil div#col_2 div.content div.news-latest-container div.news-latest-item
	{
		width: 300px;
	}
	/* une news -> image */
	div#content_accueil div#col_1 div.content div.news-latest-container div.news-latest-item div.image,
	div#content_accueil div#col_2 div.content div.news-latest-container div.news-latest-item div.image
	{
		/*width: 120px;*/
		width:0px;
	}
	/* une news -> infos (detailLast = dernier element) */
	div#content_accueil div#col_1 div.content div.news-latest-container div.news-latest-item div.detail,
	div#content_accueil div#col_1 div.content div.news-latest-container div.news-latest-item div.detailLast,
	div#content_accueil div#col_2 div.content div.news-latest-container div.news-latest-item div.detail,
	div#content_accueil div#col_2 div.content div.news-latest-container div.news-latest-item div.detailLast
	{
		width: 173px;
		padding-left: 5px;
	}


/* ACCUEIL COL 3						  												  */
/*****************************************************************************************/ 
/*	content_accueil colonne col_3 de 170px												*/
/***************************************************************************************/

	/* conteneur Global (bloc des news = liste des news) */
	div#content_accueil div#col_3 div.content div.news-latest-container
	{
		width: 150px;
	}
	/* une news (bloc d'une news = image + detail) */
	div#content_accueil div#col_3 div.content div.news-latest-container div.news-latest-item
	{
		width: 150px;
	}
	/* une news -> image */
	div#content_accueil div#col_3 div.content div.news-latest-container div.news-latest-item div.image
	{
		clear: both;
	}
	/* une news -> infos (detailLast = dernier element) */
	div#content_accueil div#col_3 div.content div.news-latest-container div.news-latest-item div.detail,
	div#content_accueil div#col_3 div.content div.news-latest-container div.news-latest-item div.detailLast
	{
		width: 150px;
	}




/* SOUSPAGE3COLS
___________________________________________________________________________________________*/
/* SOUSPAGE3COLS COL 1					  												  */
/*****************************************************************************************/ 
/*	content_souspage3col colonne col_1 de 475px											*/
/***************************************************************************************/

	/* conteneur Global (bloc des news = liste des news) */
	div#content_souspage3col div#col_1 div.content div.news-latest-container
	{
		width: 450px;
	}
	/* une news (bloc d'une news = image + detail) */
	div#content_souspage3col div#col_1 div.content div.news-latest-container div.news-latest-item
	{
		width: 450px;
	}
	/* une news -> image */
	div#content_souspage3col div#col_1 div.content div.news-latest-container div.news-latest-item div.image
	{
		width: 120px;
	}
	/* une news -> infos (detailLast = dernier element) */
	div#content_souspage3col div#col_1 div.content div.news-latest-container div.news-latest-item div.detail,
	div#content_souspage3col div#col_1 div.content div.news-latest-container div.news-latest-item div.detailLast
	{
		width: 300px;
		padding-left: 5px;
	}


/* SOUSPAGE3COLS COL 2					  												  */
/*****************************************************************************************/ 
/*	content_souspage3col colonne col_2 de 195px											*/
/***************************************************************************************/

	/* conteneur Global (bloc des news = liste des news) */
	div#content_souspage3col div#col_2 div.content div.news-latest-container
	{
		width: 175px;
	}
	/* une news (bloc d'une news = image + detail) */
	div#content_souspage3col div#col_2 div.content div.news-latest-container div.news-latest-item
	{
		width: 175px;
	}
	/* une news -> image */
	div#content_souspage3col div#col_2 div.content div.news-latest-container div.news-latest-item div.image
	{
		/*width: 120px;*/
		clear: both;
	}
	/* une news -> infos (detailLast = dernier element) */
	div#content_souspage3col div#col_2 div.content div.news-latest-container div.news-latest-item div.detail,
	div#content_souspage3col div#col_2 div.content div.news-latest-container div.news-latest-item div.detailLast
	{
		width: 160px;
		padding-left: 5px;
	}

/* SOUSPAGE3COLS COL 3					  												  */
/*****************************************************************************************/ 
/*	content_souspage3col colonne col_3 de 170px											*/
/***************************************************************************************/

	/* conteneur Global (bloc des news = liste des news) */
	div#content_souspage3col div#col_3 div.content div.news-latest-container
	{
		width: 150px;
		/*border: 1px solid red;*/
	}
	/* une news (bloc d'une news = image + detail) */
	div#content_souspage3col div#col_3 div.content div.news-latest-container div.news-latest-item
	{
		width: 150px;
	}
	/* une news -> image */
	div#content_souspage3col div#col_3 div.content div.news-latest-container div.news-latest-item div.image
	{
		clear: both;
	}
	/* une news -> infos (detailLast = dernier element) */
	div#content_souspage3col div#col_3 div.content div.news-latest-container div.news-latest-item div.detail,
	div#content_souspage3col div#col_3 div.content div.news-latest-container div.news-latest-item div.detailLast
	{
		width: 150px;
	}
	





/* SOUSPAGE2COLS
___________________________________________________________________________________________*/
/* SOUSPAGE2COLS COL 1					  												  */
/*****************************************************************************************/ 
/*	content_souspage2col colonne col_1 de 670px											*/
/***************************************************************************************/

	/* conteneur Global (bloc des news = liste des news) */
	div#content_souspage2col div#col_1 div.content div.news-latest-container
	{
		width: 645px;
	}
	/* une news (bloc d'une news = image + detail) */
	div#content_souspage2col div#col_1 div.content div.news-latest-container div.news-latest-item
	{
		width: 645px;
	}
	/* une news -> image */
	div#content_souspage2col div#col_1 div.content div.news-latest-container div.news-latest-item div.image
	{
		width: 120px;
	}
	/* une news -> infos (detailLast = dernier element) */
	div#content_souspage2col div#col_1 div.content div.news-latest-container div.news-latest-item div.detail,
	div#content_souspage2col div#col_1 div.content div.news-latest-container div.news-latest-item div.detailLast
	{
		width: 490px;
		padding-left: 5px;
	}


/* SOUSPAGE2COLS COL 3					  												  */
/*****************************************************************************************/ 
/*	content_souspage2col colonne col_3 de 170px											*/
/***************************************************************************************/

	/* conteneur Global (bloc des news = liste des news) */
	div#content_souspage2col div#col_3 div.content div.news-latest-container
	{
		width: 150px;
		/*border: 1px solid red;*/
	}
	/* une news (bloc d'une news = image + detail) */
	div#content_souspage2col div#col_3 div.content div.news-latest-container div.news-latest-item
	{
		width: 150px;
	}
	/* une news -> image */
	div#content_souspage2col div#col_3 div.content div.news-latest-container div.news-latest-item div.image
	{
		clear: both;
	}
	/* une news -> infos (detailLast = dernier element) */
	div#content_souspage2col div#col_3 div.content div.news-latest-container div.news-latest-item div.detail,
	div#content_souspage2col div#col_3 div.content div.news-latest-container div.news-latest-item div.detailLast
	{
		width: 150px;
	}