

/*latest_small*/

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

/*
<div id="col_...">
<div class="content">
<div class="news-latest-small-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 !) */
	/* supprimé 23/10/2007
	div.actu,
	div.doc
	{
		padding-bottom: 20px;
	}
	*/
	
	/* conteneur Global (bloc des news = liste des news) */
	div.news-latest-small-container 
	{
		/*background: yellow;*/
		float: left;
		margin-top: 5px;/* separation image titre & tt_news */
	}
	/* une news (bloc d'une news = image + detail) */
	div.news-latest-small-container div.news-latest-item
	{
		/*background: red;*/
		/*border: 1px solid red;*/
		float: left;
		clear: both;
	
	}
	/* une news -> image */
	div.news-latest-small-container div.news-latest-item span.image
	{
		/*background: #ffaaaa;*/
		float: left;
	}
	/* contour autour image */
	div.news-latest-small-container div.news-latest-item a img {
		border: 1px solid #ccc;
	}
	/*
	div.news-latest-small-container div.news-latest-item span.image img {
		display: none;
		width: 120px;
	}
	*/
	/* une news -> infos (detailLast = dernier element) */
	div.news-latest-small-container div.news-latest-item,
	div.news-latest-small-container div.news-latest-item
	{
		/*background: green;*/
		float: left;
	}
	
/* SEPARATION INTER NEWS + POINTILLE */
	div.news-latest-small-container div.hr
	{
		clear: both;
		margin:10px 0;
		
		border-bottom: 1px dashed #ccc;
		/*background: red;*/
	}
		
	
/* TEXTES */
	/* general */
	div.news-latest-small-container div.news-latest-item,
	div.news-latest-small-container div.news-latest-item p.bodytext,
	div.news-latest-small-container div.news-latest-item div.news-latest-morelink
	{
		font-size: 11px;
	}

/* TITRES */
	/* textes */
	div.news-latest-small-container div.news-latest-item h3,
	div.news-latest-small-container div.news-latest-item h3 a {
		font-size: 11px;
		/*font-weight: bold;*/
	}
	div.news-latest-small-container div.news-latest-item h3 a:hover {
		text-decoration: none;
	}	
	/* titre actus */
	div.actu div.news-latest-small-container div.news-latest-item h3,
	div.actu div.news-latest-small-container div.news-latest-item h3 a
	{
		color: #814877;
	}
	/* titre documents */
	div.doc div.news-latest-small-container div.news-latest-item h3,
	div.doc div.news-latest-small-container div.news-latest-item h3 a	
	{
		color: #56697a;
	}		
	/* bord autour image */
	div.news-latest-small-container div.news-latest-item a img {
		/*border: 1px solid #ccc;*/
	}
/* LIRE LA SUITE */
	div.news-latest-small-container div.news-latest-item div.news-latest-morelink,
	div.news-latest-small-container div.news-latest-item div.news-latest-morelink
	{
		/*margin-top: 10px;*/
	}	
	/* lien */
	div.news-latest-small-container div.news-latest-item div.news-latest-morelink,
	div.news-latest-small-container div.news-latest-item div.news-latest-morelink a,
	div.news-latest-small-container div.news-latest-item div.news-latest-morelink a:hover,
	div.news-latest-small-container div.news-latest-item div.news-latest-morelink,
	div.news-latest-small-container div.news-latest-item div.news-latest-morelink a,
	div.news-latest-small-container div.news-latest-item div.news-latest-morelink a:hover
	{
		font-size: 9px;
	}		
	div.news-latest-small-container div.news-latest-item div.news-latest-morelink a,
	div.news-latest-small-container div.news-latest-item div.news-latest-morelink a:hover,
	div.news-latest-small-container div.news-latest-item div.news-latest-morelink a,
	div.news-latest-small-container div.news-latest-item 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-small-container div.news-latest-item div.news-latest-morelink a:hover,
	div.news-latest-small-container div.news-latest-item div.news-latest-morelink a:hover
	{
		text-decoration: underline;
	}


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


/* un item de news */
div.news-latest-small-container div.news-latest-item img
{
	float: left;
	margin-right: 5px;
}

div.news-latest-small-container div.news-latest-item h3
{
}
/* copyright */
div.news-latest-small-container div.news-latest-item h3 div.copyright {
	display: none;
}






/****************************************************************************************/
/*																						*/
/*				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-small-container,
	div#content_accueil div#col_2 div.content div.news-latest-small-container
	{
		width: 300px;
	}
	/* une news (bloc d'une news = image + detail) */
	div#content_accueil div#col_1 div.content div.news-latest-small-container div.news-latest-item,
	div#content_accueil div#col_2 div.content div.news-latest-small-container div.news-latest-item
	{
		width: 300px;
	}
	/* une news -> image */
	div#content_accueil div#col_1 div.content div.news-latest-small-container div.news-latest-item img,
	div#content_accueil div#col_2 div.content div.news-latest-small-container div.news-latest-item img
	{
		/*width: 120px;*/
	}
	
	div#content_accueil div#col_1 div.content div.news-latest-small-container div.news-latest-item h3,
	div#content_accueil div#col_1 div.content div.news-latest-small-container div.news-latest-item h3 a
	{
		/*width: 120px;*/
		/*float: left;*/
	}

/* 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-small-container
	{
		width: 140px;
	}
	/* une news (bloc d'une news = image + detail) */
	div#content_accueil div#col_3 div.content div.news-latest-small-container div.news-latest-item
	{
		width: 140px;
	}
	/* une news -> image */
	div#content_accueil div#col_3 div.content div.news-latest-small-container div.news-latest-item img
	{
		/*width: 120px;*/
		float: left;
	}
	
	div#content_accueil div#col_3 div.content div.news-latest-small-container div.news-latest-item h3,
	div#content_accueil div#col_3 div.content div.news-latest-small-container div.news-latest-item h3 a
	{
		/*width: 120px;*/
		/*float: left;*/
	}














/* 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-small-container
	{
		width: 400px;
	}
	/* une news (bloc d'une news = image + detail) */
	div#content_souspage3col div#col_1 div.content div.news-latest-small-container div.news-latest-item
	{
		width: 400px;
	}
	/* une news -> image */
	div#content_souspage3col div#col_1 div.content div.news-latest-small-container div.news-latest-item img
	{
		/*width: 120px;*/
	}
	
	div#content_souspage3col div#col_1 div.content div.news-latest-small-container div.news-latest-item h3,
	div#content_souspage3col div#col_1 div.content div.news-latest-small-container div.news-latest-item h3 a
	{
		/*width: 120px;*/
		/*float: left;*/
	}
	
	
	


/* 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-small-container
	{
		width: 170px;
	}
	/* une news (bloc d'une news = image + detail) */
	div#content_souspage3col div#col_2 div.content div.news-latest-small-container div.news-latest-item
	{
		width: 170px;
	}
	/* une news -> image */
	div#content_souspage3col div#col_2 div.content div.news-latest-small-container div.news-latest-item img
	{
		/*width: 120px;*/
	}
	
	div#content_souspage3col div#col_2 div.content div.news-latest-small-container div.news-latest-item h3,
	div#content_souspage3col div#col_2 div.content div.news-latest-small-container div.news-latest-item h3 a
	{
		/*width: 120px;*/
		/*float: left;*/
	}

/* 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-small-container
	{
		width: 140px;
	}
	/* une news (bloc d'une news = image + detail) */
	div#content_souspage3col div#col_3 div.content div.news-latest-small-container div.news-latest-item
	{
		width: 140px;
	}
	/* une news -> image */
	div#content_souspage3col div#col_3 div.content div.news-latest-small-container div.news-latest-item img
	{
		/*width: 120px;*/
	}
	
	div#content_souspage3col div#col_3 div.content div.news-latest-small-container div.news-latest-item h3,
	div#content_souspage3col div#col_3 div.content div.news-latest-small-container div.news-latest-item h3 a
	{
		/*width: 120px;*/
		/*float: left;*/
	}
















/* 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-small-container
	{
		width: 600px;
	}
	/* une news (bloc d'une news = image + detail) */
	div#content_souspage2col div#col_1 div.content div.news-latest-small-container div.news-latest-item
	{
		width: 600px;
	}
	/* une news -> image */
	div#content_souspage2col div#col_1 div.content div.news-latest-small-container div.news-latest-item img
	{
		/*width: 120px;*/
	}
	
	div#content_souspage2col div#col_1 div.content div.news-latest-small-container div.news-latest-item h3,
	div#content_souspage2col div#col_1 div.content div.news-latest-small-container div.news-latest-item h3 a
	{
		/*width: 120px;*/
		/*float: left;*/
	}


/* 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-small-container
	{
		width: 140px;
	}
	/* une news (bloc d'une news = image + detail) */
	div#content_souspage2col div#col_3 div.content div.news-latest-small-container div.news-latest-item
	{
		width: 140px;
	}
	/* une news -> image */
	div#content_souspage2col div#col_3 div.content div.news-latest-small-container div.news-latest-item img
	{
		/*width: 120px;*/
	}
	
	div#content_souspage2col div#col_3 div.content div.news-latest-small-container div.news-latest-item h3,
	div#content_souspage2col div#col_3 div.content div.news-latest-small-container div.news-latest-item h3 a
	{
		/*width: 120px;*/
		/*float: left;*/
	}


	div.news-latest-small-container div.news-latest-item h3, div.news-latest small-container div.news-latest-item h3 a {
      font-size:11.5167px;
      font-weight:normal;
		text-align:left;
		
}

