/* ---------------------------------------------------------------- */
/* PORTFOLIO ----------------------------------------------- */

/* affichage de l'icone ds header */
#header_right #icone_section{
	background:url(image/header_ico-portfolio.png) right bottom no-repeat !important;
	background:url(image/img_ie/ie_header_ico-portfolio.gif) right bottom no-repeat;
	height:100%;
	width: 90px;
	float:right;
	}
/* ------------------------------ */


/* BLOC PROJET ------- bloc principal->fond noir+BGimg ----------------------- */
div.blocProjet{
	background:#000 url(image/bloc_top.png) 0 0 repeat-x;
	margin:35px 0 30px 0;
	padding:0 0 25px 0;
	/*border-bottom:1px solid #323232;*/
	}
	/* BLOC TEXTES ---- titre/tags/texte -------------------------------------- */
	div.infos{
		width:563px;
		margin:0 auto;
		padding:0;
		}
		div.infos h2{
			margin:0;
			padding: 15px 0 10px 0;	
			font-family:Georgia, Arial, sans-serif;
			font-size:30px;
			font-weight:normal;
			color:#fcfcfc;	
			background: url(image/filet.gif) right bottom no-repeat;
			}
			div.infos h2 a{
				background: url(image/puce_fcfcfc.gif) right 21px no-repeat;
				padding:0 15px 0 0;
				color:#fcfcfc;
				text-decoration:none;
				}
				div.infos h2 a:hover{
				text-decoration:underline;
				}
		div.infos p.tags{	
			margin:0;
			padding: 8px 0 8px 0;
			font-family:tahoma, Arial, sans-serif;
			font-size:11px;
			font-weight:normal;	
			line-height: 1.4em;
			border-bottom:1px dashed #2f2f2f;
			}
			div.infos p.tags a{
				color:#cccc00;/*cc0033*/
				text-decoration:none;
				}
				div.infos p.tags a:hover{
					text-decoration:underline;
					}
		div.infos p.txt{
			margin:0;
			padding:6px 0 8px 0;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:1.8em;	
			text-align:justify;
			color:#aaa;
			border-bottom:1px dashed #2f2f2f;	
			}
			
	/* BLOC IMAGES ---- pour portfolio ---------------------------------- */
	div.blocProjet div.img_thumb{
		margin:25px auto 0 auto;
		padding: 20px 20px 18px 20px;
		width:520px;
		background-color:#191919;
		}		
		div.img_thumb a{
			margin:0; padding:0;
		}
		div.img_thumb img{
			border:1px solid #aaa;
			margin:0; padding:0;
		}
		div.img_thumb img:hover{
			border:1px solid #fff;
			margin:0; padding:0;
		}		
		
		
	/* BLOC IMAGES ---- pour projet et detail ----------------------------------- */	
	/* --- bloc global --- */	
	div#works{	/*overflow: auto;*/
		margin:25px auto 0;
		padding: 20px 0 0 0;
		width:560px;
		background-color:#191919;
		text-align:center;
		}

		/* --- bloc titre + description d'image --- */	
		div#works div.img_description{ 		
			text-align: left;
			padding: 0 10px;
			margin: 0 0 15px 0;
		
			}
			div.img_description h3{	
			background: url(image/ico_toggle.png) right center no-repeat;
				margin: 0;	
				padding: 0 0 5px 0;
				font-family: georgia, times, serif;
				font-weight: normal;
				letter-spacing: 0.1px;
				color: #cccc00;
				cursor: pointer;
				}			
			div.img_description p{	
				margin: 0;	
				padding: 0;
				font-family: arial, helvetica, sans-serif;
				font-size: 12px;
				line-height: 1.5em;
				text-align: left;
				color: #999;
				}		
				
		/* --- image --- */	
		div#works img{			
			border:1px solid #000;
			margin: 0 0 50px 0;
			padding: 0;
			}	
			
		/* --- séparateur --- */
		div#works hr{ margin:0;	padding:0; visibility:hidden; }		
			
			
/* classes globales */			
.curseur{
	cursor:pointer;
	}