/* Portfolio Filter Stylesheet */

/*****Reset*****/

****Basic Definitions*****/

ul, ol, dd { 
margin-left: 36px; 
}
p.folio {
	padding:0 5px;
	color:#999999;
	font-weight:normal;
}

/*****Custom Classes*****/
.clearing { clear: both; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }

/*****Basic Layout***}**/

div#main { margin: 20px auto 0; overflow: hidden;}
div#sousmenu {
	background: none;
	display: inline;
}	
ul#filter { 
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:10px 0px 50px 18px;
	padding:0; 
	}
ul#filter li { 
	background: #FD98A6 none repeat scroll 0 0;
	cursor:pointer;
	float:left;
	line-height: 9px;
	margin: 0 4px 0 0;
	padding: 0px;
	text-align:center;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #2b2222; text-decoration: none; display: block;
	float: left;
	display: block;
	float: left;
	margin:0;
	padding:8px 19px;
	}
ul#filter li.current a, ul#filter a:hover {
	 color: #fff;
	text-decoration: none;
	background: #C70C52 url("../images/portfolio/picto.gif") center bottom no-repeat;
	display: block;
	float: left;
	margin:0;
	padding:8px 19px;
	}
ul#filter li.current a { 
	color: #fff; 
	font-weight: bold;
	display: block;
	float: left;
	margin:0;
	padding:8px 19px;
}

ul#filter li.toutall { 
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
 	background:none;
	cursor:pointer;
	float:left;
	line-height:10px;
	/*margin: 0 420px 0 0;*/
	margin: 5px 480px 5px 0px;
	padding: 0px;
	text-align:center;
}
ul#filter li.tout:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter li a.toutall { 
color: #FD98A6; 
background:url("../images/portfolio/picto-tout-on.gif") left center no-repeat;
text-decoration: none; 
display: block;
	float: left;
	display: block;
	float: left;
	margin:0;
	padding:8px 10px;
	}
ul#filter li.toutall a:hover {
	color: #788F1E;
	text-decoration:none;
	background:url("../images/portfolio/picto-tout-over.gif") left center no-repeat;
	display: block;
	float: left;
	margin:0;
	padding:8px 10px;
	}
ul#filter li.current.toutall a { 
	color: #C70C52; 
	background:url("../images/portfolio/picto-tout-off.gif") left center no-repeat;
	font-weight: bold;
	display: block;
	float: left;
	margin:0;
	padding:8px 10px;
}

ul#portfolio { float: left; list-style: none; margin-left: 15px; width: 655px; }
ul#portfolio li { 
	/*border: 1px solid #dedede; */
	float: left; 
	margin: 0 8px 10px 0; 
	padding: 0px 0px 5px;
	width: 200px;
	height:230px;
	background:url(../images/portfolio/thumbbg2.gif) no-repeat 0 0;
	position:relative;
	padding-bottom: 5px;
}
ul#portfolio li.first { 
	background:url(../images/portfolio/thumbbg_first2.gif) no-repeat 0 0;
	height:215px;
	padding-bottom: 0px;
}

ul#portfolio a { 
	display: block;
	margin:0 0 5px -5px;
	width:110%;
}
ul#portfolio a:hover { text-decoration: none;}
/*ul#portfolio img { border: 1px solid #dedede; display: block; padding-bottom: 5px; }
ul#portfolio li p {padding-left:270px; ici modifie l'emplacement du text}
ul#portfolio li p {padding-top:5px;white-space:nowrap; }*/

ul#portfolio li span.date {color:#454a4d;}
ul#portfolio li span.support {color:#FD98A6; font-weight:normal;}
ul#portfolio li span.descriptif {color:#ddd; font-weight:normal;}
ul#portfolio li a.titrefichefolio {color:#C70C52; font-weight:normal; margin:1px 0 5px -3px;}
ul#portfolio li a.titrefichefolio:hover {color:#788f1e; background:none;}


a.p00 {
	/*display:block;
	float:left;*/
	width:195px; /*ici la largeur d'une thumb portfolio*/
	height:100px; /*ici la hauteur d'une thumb portfolio*/
	left:10px;
	top:0px;
	/*position:absolute;*/
	padding:0;
}
li.first a.p00 {top:0;}
ul#portfolio li a.p99, a.p99:hover {background:url(../images/portfolio/experiments/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p01, a.p01:hover {background:url(../images/portfolio/soblog/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p02, a.p02:hover {background:url(../images/portfolio/rondedesecoles/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p03, a.p03:hover {background:url(../images/portfolio/ecovap/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p04, a.p04:hover {background:url(../images/portfolio/eurasset/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p05, a.p05:hover {background:url(../images/portfolio/autopromo/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p06, a.p06:hover {background:url(../images/portfolio/caplaisance/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p07, a.p07:hover {background:url(../images/portfolio/compaq/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p08, a.p08:hover {background:url(../images/portfolio/noos/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p09, a.p09:hover {background:url(../images/portfolio/keycards/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p10, a.p10:hover {background:url(../images/portfolio/rachimodo/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p11, a.p11:hover {background:url(../images/portfolio/parkinson/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p12, a.p12:hover {background:url(../images/portfolio/frprod/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p13, a.p13:hover {background:url(../images/portfolio/mlimousin/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p14, a.p14:hover {background:url(../images/portfolio/jintime/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p15, a.p15:hover {background:url(../images/portfolio//thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p16, a.p16:hover {background:url(../images/portfolio/parkinson/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p17, a.p17:hover {background:url(../images/portfolio/callendret/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p18, a.p18:hover {background:url(../images/portfolio/etk/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p19, a.p19:hover {background:url(../images/portfolio/mlimousin/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p20, a.p20:hover {background:url(../images/portfolio/pinup/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p21, a.p21:hover {background:url(../images/portfolio/ciprp/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p22, a.p22:hover {background:url(../images/portfolio/libelune/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p23, a.p23:hover {background:url(../images/portfolio/arep/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p24, a.p24:hover {background:url(../images/portfolio/ccsti_com/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p25, a.p25:hover {background:url(../images/portfolio/ccsti_stand/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p26, a.p26:hover {background:url(../images/portfolio/sequenceb/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p27, a.p27:hover {background:url(../images/portfolio/balado/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p28, a.p28:hover {background:url(../images/portfolio/sequencemariage/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p29, a.p29:hover {background:url(../images/portfolio/ciprp-02/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p30, a.p30:hover {background:url(../images/portfolio/ccsti_gouts/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p31, a.p31:hover {background:url(../images/portfolio/cabarey-gene/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p32, a.p32:hover {background:url(../images/portfolio/cabarey-neg/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p33, a.p33:hover {background:url(../images/portfolio/dakini/thumb2.jpg) no-repeat 0 0;}
ul#portfolio li a.p34, a.p34:hover {background:url(../images/portfolio/cash-game/thumb2.jpg) no-repeat 0 0;}


ul#portfolio li a.p00:hover, a.hover {background-position:0 50% !important;}
ul#portfolio li.over:hover {
	font-weight:normal;
	background:#fff url(../images/portfolio/over.png) right bottom no-repeat;
}