/* :::::::::::::::::::::::::::::::::::::::::: */
/*                                            */
/* ::::: CITTOLIN POLLI - CSS PRINCIPAL ::::: */
/*                                            */
/* :::::::::::::::::::::::::::::::::::::::::: */



/* ::: NUANCIER :::

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




/* ::: PRINCIPAL ::: */

html, body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, verdana, sans-serif;
	font-size:11px;
	color:#858486;
	}
	
div, img, a img, p, ul, span, table{
	margin:0;
	padding:0;
	border:0;
	}
	
#principal{
	padding:0px;
	width:880px;
	height:600px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-440px;
	margin-top:-305px;
/*	background-color:#FFFF66;*/
	}
	
#container{
	position:absolute;
	bottom:0;
	right:0;
	width:710px;
	height:460px;
	z-index:10;
/*	background-color:#FFCCFF;*/
	}
	
img#logocp{
	position:absolute;
	left:52px;
	top:302px;
	z-index:2;
	}
	
	
	
	
/* ::: FOOT ::: */
	
#foot{
	position:absolute;
	bottom:0;
	right:10px;
	background-color:#FFFFFF;
	z-index:15;
	}
	
#foot table, #foot td{
	border-collapse:collapse;
	vertical-align:top;
	}
	
#foot td.txtfoot{/* aligne le texte par rapport au logo */
	padding:5px 5px 8px 5px;
	}
			
#foot img{
	float:right;
	margin-left:10px;
	}



/* ::: MENU ::: */

#blocmenu{
	font-size:9px;
	font-weight:bold;
	line-height:11px;
	letter-spacing:0.02em;
	height:238px;
/*	background-color:#FF9999; */
	}
	
#menuhaut, #menubas{
	list-style-type:none;
	text-transform:uppercase;
	text-align:right;
	width:140px;
	z-index:5;	
	}
	#menuhaut{
		position:absolute;
		top:0;
		}
	#menubas{
		position:absolute;
		top:129px;
		}

#informations{
	position:absolute;
	left:159px;
	bottom:490px;
	text-transform:uppercase;
	text-align:left;
	}
	
#informations .ref{
	color:#e5180e;
	}	

img#cross{
	position:absolute;
	top:0;
	left:30px;
	z-index:0;
	}
	
#blocmenu a.menuactif, #blocmenu .slash{
	color:#e5180e;
	}




/* ::: BLOC PHOTO ::: */

#blocphoto{
	height:460px;
	overflow:hidden;
	}
	



/* ::: ZONE TEXTE ::: */

#zonetexte{
	position:absolute;
	top:-16px;
	left:0;
	width:200px;
	height:460px;
	overflow:hidden;
	z-index:2;
	}
	
#btntexte{
	position:absolute;
	top:-0;
	width:200px;
	height:16px;
	text-align:center;
	font-weight:bold;
/*	background-image:url(../interface/principal/transparent.png);*/
	}
	
#btntexte .blocinvisible{
	display:block;
	}

p#text{
	width:194px;/* -6px de padding */
	height:auto;
	padding:3px 3px 5px 3px;
	text-align:left;
	font-weight:normal;
	background-color:#FFFFFF;
/*	background-image:url(../interface/principal/transparent.png);*/
	}
	
#scrolltxt{
	position:absolute;
	top:-14px;
	left:205px;
	width:20px;
	}



/* ::: MINIATURES ::: */

#blocthumb{
	width:auto;
	height:auto;
	margin-top:2px;
	overflow:hidden;
	z-index:2;
	}
	
#blocthumb a.thumb{
	vertical-align:top;
	display:inline-block;
	margin:0 5px 5px 0;
	width:12px;
	height:12px;
	cursor:pointer;
	background-color:#e5180e;
	}
#blocthumb a.thumbhover, #blocthumb a.thumb:hover{
	vertical-align:top;
	display:inline-block;
	margin:0px 3px 5px -2px;
	width:16px;
	height:16px;
	cursor:pointer;
	background-color:#e5180e;
	}




/* ::: MOSAIQUE - projets_liste.php ::: */

.mini{
	display:inline-block;
	width:50px;
	height:50px;
	margin:0 4px 4px 0;
	background-color:#e8e8e9;
	vertical-align:top;
	}
	
.mini a, .mini 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;
	}

.minivide{
	display:inline-block;
	width:48px;
	height:48px;
	border:1px solid #e8e8e9;
	margin:0 4px 4px 0;
	vertical-align:top;
	}

.minichronologie{
	display:inline-block;
	width:48px;
	height:48px;
	border:1px solid #e8e8e9;
	margin:0 4px 4px 0;
	vertical-align:top;
	font-weight:bold;
	}
	
.minichronologie a{
	display:block;
	width:48px;
	height:48px;
	}




/* ::: TEAM ::: */

#team{
	height:460px;
	overflow:auto;
	}
	
#team p{
	margin:3px 0 7px 0;
	border-bottom:dashed 1px;
	}

#team .nom, #team .prenom{
	line-height:1.1em;
	font-weight:bold;
	color:#e5180e;
/*	border-top:dashed 1px #858486;*/
	}
	#team .nom{
		text-transform:uppercase;
		}
	
#team td{
	vertical-align:top;
	padding:0 5px 0 5px;
	}
#team table{
	width:100%;
	}
	



/* ::: LIENS ::: */

a, a:hover{
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
	text-decoration:none;
	color:inherit;
	}
	
a:hover{
	color:#e5180e;
	}




/* ::: INFOS-BULLES ::: */

a span.infobulle{
	display:none;
	}
	
a:hover span.infobulle{
 	display:block; 
 	position:absolute;
	top:-4; 
	left:16px; 
	width:auto;
	max-width:150px;
	height:auto;
	padding:2px 3px 2px 5px;
	margin:0;
	color:#e5180e;
	background-color:#FFFFFF;
	border:1px solid #858486;
	z-index:50;
	}