/* -----------------------------------------------------------------------------------
//
//	ImagesCurtainEffect v0.6
//	by fonto - http://www.fonto.ch
//	Last Modification: 2011.06.04
//
//	For more information, visit:
//	http://www.fonto.ch/projects/imagesCurtainEffect/
//
//	Licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0) License - http://creativecommons.org/licenses/by-sa/3.0/
//	You are free:
//		- To Share: to copy, distribute and transmit the work
//		- To Remix: to adapt the work
//	Under the following conditions:
//		- Attribution: You must attribute the work in the manner specified by the author or licensor (but not in any way that suggests that they endorse you or your use of the work).
//		- Share Alike: If you alter, transform, or build upon this work, you may distribute the resulting work only under the same or similar license to this one. 
//	
// ----------------------------------------------------------------------------------- */

/* Put the width of the images here */
#iCe_wrapper, #iCe_wrapper #iCe_header {
	width: 900px;
}

/* Put the height of the images here */
#iCe_wrapper {
	height: 600px;
}

/* Put the width of one item here */
#iCe_wrapper ul li, #iCe_wrapper ul li .notOver {
	width: 75px;
}

/* height value = (list height) - 4px */
/* width value = (item width) - 4px */
#iCe_wrapper ul li .over {
	height: 596px;
	width: 71px;
}

/* width value = (image width) / 2 */
#iCe_wrapper #iCe_footer dl {
	width: 450px;
}

/* For each item:
		- background-image = path to the image
		- background-position (x) = (item width) * ((items number) - (item position)) [first item position = 0]
		- background-position (y) = 0
*/
/* Album 350jours */
#iCe_wrapper #_350jours #item0 .item {
	background: url(../img/350j_coree.jpg) 900px 0;
}
#iCe_wrapper #_350jours #item1 .item {
	background: url(../img/350j_tibet.jpg) 825px 0;
}
#iCe_wrapper #_350jours #item2 .item {
	background: url(../img/350j_chine.jpg) 750px 0;
}
#iCe_wrapper #_350jours #item3 .item {
	background: url(../img/350j_laos.jpg) 675px 0;
}
#iCe_wrapper #_350jours #item4 .item {
	background: url(../img/350j_cambodge.jpg) 600px 0;
}
#iCe_wrapper #_350jours #item5 .item {
	background: url(../img/350j_vietnam.jpg) 525px 0;
}
#iCe_wrapper #_350jours #item6 .item {
	background: url(../img/350j_myanmar.jpg) 450px 0;
}
#iCe_wrapper #_350jours #item7 .item {
	background: url(../img/350j_nepal.jpg) 375px 0;
}
#iCe_wrapper #_350jours #item8 .item {
	background: url(../img/350j_inde.jpg) 300px 0;
}
#iCe_wrapper #_350jours #item9 .item {
	background: url(../img/350j_pakistan.jpg) 225px 0;
}
#iCe_wrapper #_350jours #item10 .item {
	background: url(../img/350j_iran.jpg) 150px 0;
}
#iCe_wrapper #_350jours #item11 .item {
	background: url(../img/350j_turquie.jpg) 75px 0;
}

/* Album avelo */
#iCe_wrapper #avelo #item0 .item {
	background: url(../img/avelo_suisse-autriche-tchequie.jpg) 900px 0;
}
#iCe_wrapper #avelo #item1 .item {
	background: url(../img/avelo_hongrie-roumanie.jpg) 825px 0;
}
#iCe_wrapper #avelo #item2 .item {
	background: url(../img/avelo_bulgarie-macedoine-albanie.jpg) 750px 0;
}
#iCe_wrapper #avelo #item3 .item {
	background: url(../img/avelo_grece.jpg) 675px 0;
}
#iCe_wrapper #avelo #item4 .item {
	background: url(../img/avelo_turquie.jpg) 600px 0;
}
#iCe_wrapper #avelo #item5 .item {
	background: url(../img/avelo_georgie-armenie.jpg) 525px 0;
}
#iCe_wrapper #avelo #item6 .item {
	background: url(../img/avelo_iran.jpg) 450px 0;
}
#iCe_wrapper #avelo #item7 .item {
	background: url(../img/avelo_turkmenistan-ouzbekistan-tadjikistan-kirghizstan.jpg) 375px 0;
}
#iCe_wrapper #avelo #item8 .item {
	background: url(../img/avelo_inde-nepal.jpg) 300px 0;
}
#iCe_wrapper #avelo #item9 .item {
	background: url(../img/avelo_canada-usa.jpg) 225px 0;
}
#iCe_wrapper #avelo #item10 .item {
	background: url(../img/avelo_portugal-espagne-gibraltar.jpg) 150px 0;
}
#iCe_wrapper #avelo #item11 .item {
	background: url(../img/avelo_bkg.jpg) 75px 0;
}

/* Put the URL of the background-image of the list here */
/* Album 350jours */
#iCe_wrapper #_350jours {
	background: url(../img/350j_bkg.png) 160px 225px no-repeat;
}
/* Album avelo */
#iCe_wrapper #avelo {
	background: url(../img/avelo_bkg.jpg);
}

/* Put the height of the header here */
#iCe_wrapper #iCe_header {
	height: 40px;
}

/* Put the header title properties here */
#iCe_wrapper #iCe_header h3 {
	font-size: 16px;
	line-height: 22px;
	margin-top: 10px;
	text-transform: uppercase;
}

/* Put the header title strong properties here */
#iCe_wrapper #iCe_header h3 strong {
	color: #F8B613;
	font-size: 20px;
	font-variant: small-caps;
	text-transform: capitalize;
}

#iCe_wrapper #iCe_header h3 strong a {
	color: inherit;
}

/* Put the height of the footer here */
#iCe_wrapper #iCe_footer {
	height: 50px;
}

/* Put the footer definition term properties here */
#iCe_wrapper #iCe_footer dt {
	color: #F8B613;
	font-size: 16px;
	font-weight: bold;
	line-height: 14px;
	margin: 8px 20px 4px 20px;
	text-transform: uppercase;
}

/* Put the footer definition description properties here */
#iCe_wrapper #iCe_footer dd {
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	margin: 0 20px 0 30px;
}

/*  ------------------------------------------------------------  */
/*  Do NOT change anything under this line */
/*  ------------------------------------------------------------  */
#iCe_wrapper, #iCe_wrapper * {
	margin: 0;
	padding: 0;
}

#iCe_wrapper {
	color: white;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	position: relative;
	text-transform: none;
}

#iCe_wrapper #iCe_header {
	background-color: black;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 100;
}

#iCe_wrapper #iCe_header h3 {
	cursor: default;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 200;
}

#iCe_wrapper #iCe_header .background {
	background-color: black;
	display: block;
	height: 100%;
	left: 0;
	opacity: 0.7; filter: alpha(opacity=70);
	position: absolute;
	top: 0;
	width: 100%;
}

#iCe_wrapper #iCe_curtain {
	height: 100%;
}

#iCe_wrapper ul {
	background-repeat: no-repeat;
	clear: both;
	height: 100%;
	overflow: hidden;
}

#iCe_wrapper ul li {
	display: block;
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
}

#iCe_wrapper ul li a {
	display: block;
	height: 100%;
	overflow: hidden;
	text-indent: -9999px;
	width: 100%;
}

#iCe_wrapper ul li span {
	display: block;
	float: left;
	height: 100%;
	width: 100%;
}

#iCe_wrapper ul li .item {
	cursor: pointer;
}

#iCe_wrapper ul li .border {
	background-color: black;
	left: 0;
	opacity: 0.1; filter: alpha(opacity=10);
	position: absolute;
	top: 0;
	width: 1px;
}

#iCe_wrapper ul li:first-child .border {
	background-color: transparent;
}

#iCe_wrapper ul li .over {
	border: 2px solid white;
	left: 0;
	opacity: 0.3; filter: alpha(opacity=30);
	position: absolute;
	top: 0;
}

#iCe_wrapper ul li.disable .over {
	background-color: black;
	border: 2px solid transparent;
	opacity: 0.15; filter: alpha(opacity=15);
}

#iCe_wrapper ul li .notOver {
	background-color: black;
	left: 0;
	opacity: 0.15; filter: alpha(opacity=15);
	position: absolute;
	top: 0;
}

#iCe_wrapper dl {
	left: -9999px;
	position: absolute;
	top: -9999px;
}

#iCe_wrapper #iCe_footer {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	width: 100%;
	z-index: 100;
}

#iCe_wrapper #iCe_footer dl {
	cursor: default;
	float: left;
	height: 100%;
	left: 0;
	position: relative;
	top: 0;
	z-index: 200;
}

#iCe_wrapper #iCe_footer .background {
	background-color: black;
	bottom: 0;
	display: block;
	height: 100%;
	left: 0;
	opacity: 0.6; filter: alpha(opacity=60);
	position: absolute;
	width: 100%;
}