/* :::::::::::::::::::::::::::::::::::::: */
/*                                        */
/* ::::: CITTOLIN POLLI - CSS INDEX ::::: */
/*                                        */
/* :::::::::::::::::::::::::::::::::::::: */



/* ::: NUANCIER :::

   GRIS 1 : #858486 (FONCE, texte)
   GRIS 2 : #e8e8e9 (CLAIR, thumb)
   ROUGE  : #e5180e
   
*/




/* ::: INDEX ::: */

html, body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, verdana, sans-serif;
	font-size:11px;
	color:#858486;
	overflow:hidden;
	}
	
#index{
	width:110%;
	margin:4px 1px 0px 4px;
	padding:0;
	font-family:Arial, Helvetica, verdana, sans-serif;
	font-size:11px;
	color:#858486;
	overflow:hidden;
	}
	
#logo_index{
	position:absolute;
	top:58px;
	left:58px;
	}
	
.mini_index{
	display:inline-block;
	width:48px;
	height:48px;
	border:1px solid #e8e8e9;
	margin:0 4px 4px 0;
/*	background-color:#e8e8e9; */
	vertical-align:top;
	}
	
.mini_index a, .mini_index a:hover{
	display:block; /* le lien agit sur tout le bloc */
	width:50px;
	height:50px;
	text-transform:uppercase;
	color:#e5180e;
	font-size:9px;
	font-weight:bold;
	}