/* CSS Document */
html, body { color:#333333;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10pt;
}

img, div, a, input {
	behavior: url(iepngfix.htc);
	text-align:justify;
	/*
	margin:0;
	padding:0;
	border:0;
	*/
}

.top_menu{ font-size:10px;; color:#E2017B;}
.titre{
	color:#E2017B;
	font-weight: bold;
}

li{
	color:#E2017B;
	font-weight: bold;
	line-height:15px;
	margin-bottom:15px;
}


.slider1{
	width: 5px;
	height: 300px;
	background-color: #999999;
	position: absolute;
}
.indicator{
	width: 5px;
	height: 6px;
	background-color:#E2017B;
	border: 0px solid #000000;
	position: absolute;
	font-size: 1px;
	overflow: hidden;
}
.container{
	width: 530px;
	height: 500px;
	text-align:justify;
	/*padding: 10px;*/
	/*border: 1px solid #900;*/
	overflow: hidden;
	position: relative;
	/*background-color: #fff;*/
}

		.container_gala2010{
			width: 530px;
			height: 320px;
			text-align:justify;
			overflow: hidden;
			position: relative;
		}

.content{
	position: absolute;
	padding-right:15px;
	text-align:justify;
}


.content_gala2010{
	width: 510px;
	position: absolute;
	padding-right:15px;
	text-align:justify;
}

a.titre{ text-decoration:none;}
a.titre:hover{ text-decoration:none; color:#6A3087;}


.facebook_btn{
	margin-top:45px; 
	margin-right:35px; 
	cursor:pointer;
}


/***********************/
/* Flexscroll
/***********************/


	#mycustomscroll {
		font-size:10pt;
		width: 520px;
		height: 270px;
		overflow: auto;
		/* IE overflow fix, position must be relative or absolute*/
		position: relative;
		margin: 0.3em auto;
		padding-right:20px;
		text-align:justify;
	}


	#mycustomscroll_2 {
		width: 520px;
		height: 270px;
		overflow: auto;
		/* IE overflow fix, position must be relative or absolute*/
		position: relative;
		margin: 0.3em auto;
		padding-right:20px;
		text-align:justify;
	}
	
	#mycustomscroll_home {
		width: 518px;
		height: 510px;
		overflow: auto;
		/* IE overflow fix, position must be relative or absolute*/
		position: relative;
		margin: 0.3em auto;
		padding-right:20px;
		text-align:justify;
		font-size:12px;
	}
	
	#customscroll_ProjetDetails {
		font-size:10pt;
		width: 520px;
		height: 490px;
		overflow: auto;
		/* IE overflow fix, position must be relative or absolute*/
		position: relative;
		margin: 0.3em auto;
		padding-right:20px;
		text-align:justify;
	}

	.fixedwidth {
		/*a wide div is used for creating horizontal scrollbars
		for demonstration purposes*/
		width: 250px;
		height: auto;
		position: relative;
		color: black;
		padding: 1px;
	}



	#customscroll_BoutiqueHuile{
		font-size:10pt;
		width: 325px;
		height: 510px;
		overflow: auto;
		/* IE overflow fix, position must be relative or absolute*/
		position: relative;
		margin: 0.3em auto;
		padding-right:20px;
		text-align:justify;
		/*background-color:#CCC;*/
	}



#overlay {
	position : fixed;
	_position : absolute;
	left : 0px;
	top : 0px;
	width : 100%;
	_width : 3000px;
	height : 100%;
	_height : 3000px;
	text-align : center;
	
	/* --> bug avec lightbox*/
	/*z-index : 1000;*/
	/**/
	
	/*
	Je suis obliger de remplacer ceci par une image car aucune version d'internet explorer ne l'interprete correctement

	background-color : #000;
	opacity:0.8;
	*/
	background-image:url(images/bkg_overlay.png);
}

#overlayContent,
#overlayContent {
	position : absolute;
	z-index : 1001;
	top : 50%;
	left : 50%;
	margin-top : -116px;
	margin-left : -225px;
	padding : 0;
	color : #464646;
	text-align : center;
}

.closeOverlay {
	z-index : 1002;
	position : absolute;
	margin-top : -22px;
	margin-left : 418px;
	cursor : pointer;
}