/* CSS Document */
/* module Grille Porfolio */
.dyngrid #mainContainer {
	margin:0 auto;
	width:520px;/*755px;*//*885px;*//*99%*/
	height:255px;/*auto;*/
	overflow:hidden;
	float:left;
	clear:both;
}
.dyngrid div#mainContainer .mainList {
	width:100%;/*920px;*/
	margin:0 auto;
	float:left;
}
.dyngrid div#infoContainer {
	width:250px;
	margin:5em 3em 0;
	padding-left:0.7em;
	overflow:auto;
	/*float:left;*/
	float:right;
	border-left:1px solid #666;
}
.dyngrid div#infoContainer h3 { 
	text-align:center;
	}
.dyngrid #infoContainer p { text-align:left; }
.dyngrid #infoContainer p::first-line { 
	font-weight:bold;
	color:#ccc; 
	text-decoration:underline;
}
/* Thumb View */
.dyngrid div#thumbContainer {
	width:520px;/*756px;*//*870px;*//*1000px;*//*9999px;*/
	height:445px;
	background: url(/img/charte/fonds/dyngridBgd.png) no-repeat -1px -1px;
}
.dyngrid div#thumbContainer ul {
	float:left;
	width:auto;
	margin:0;
	padding:0;
}
.dyngrid div#thumbContainer li.thumbItem {
	width:130px;
	height:110px;
	margin:0;
	padding:0;
	float:left;
	list-style:none;
}
.dyngrid div#thumbContainer li.thumbItem img {
	display:block;
	margin:10px auto 0;
}
.dyngrid div#thumbContainer li.thumbInActive { opacity:0.30; }
.dyngrid div#thumbContainer li.thumbInActive:hover { opacity:1.00; cursor:pointer; }
.dyngrid div#thumbContainer li.thumbInActive:hover img { cursor:pointer;}
.dyngrid div#thumbContainer li.thumbActive { opacity:0.80; }
.dyngrid img.arrowHelp {float:right; margin: 0.5em;}

.dyngrid div.edThumbsBtn {
	overflow:hidden;
	padding:0;
	width:520px;
	height:22px;
	float:left;
}
.dyngrid .btnLeft {background:#111111 url(/img/gui/arrows/white/top.png) center 2px no-repeat; opacity:0.20; margin-bottom:10px;}
.dyngrid .btnRight { background:#111111 url(/img/gui/arrows/white/bottom.png) center 4px no-repeat; opacity:0.20; margin-top:10px; clear:left; }
.dyngrid .btnLeft:hover { opacity:0.50; cursor:pointer; }
.dyngrid .btnRight:hover { opacity:0.50; cursor:pointer; }