body{
	text-align:center;
	padding:0px;
	margin:0px;
	background-color:#FFFFFF;
	font-family:verdana, sans-serif;

}

#container{
	width:1050px;
	height:100%;
	margin:auto;
}

#content{
	width:940px;
	margin:auto;
	height:100%;
	
}
#content_left{
	float:left;
	margin-top:15px;
	padding-left:5px;
}

.agenda{
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	width:320px;
	height:60px;
	margin-top:3px;
}


#content_right{
	padding-left:305px;
	position:absolute;
	
}


#slideshow{
	width:960px;
	padding-top:300px;
  	margin-left:auto;
  	margin-right:auto;

}


.liste{
	font-size : 12px;
	color:#1d1d1d;
	text-align:left;
	
}
.liste a{
	font-size : 12px;
	color:#1d1d1d;
	text-decoration:none;
	margin-top:15px;
	margin-bottom:15px;
}
.liste a:hover{
	color:#5d5d5d;
	text-decoration:none;
}

.liste_center{
	font-size : 12px;
	color:#1d1d1d;
	text-align:left;
	position:absolute;margin-left:380px;padding-top:40px;padding-bottom:20px;width:210px
	
}
.liste_center a{
	font-size : 12px;
	color:#1d1d1d;
	text-decoration:none;
	margin-top:15px;
	margin-bottom:15px;
}
.liste_center a:hover{

	color:#5d5d5d;
	text-decoration:none;

}

.liste_right{
	font-size : 12px;
	color:#1d1d1d;
	text-align:left;
	float:right;
	padding-top:40px;
	padding-bottom:20px;
	width:199px; 
	padding-left:70px;
	top:240px;
	position:absolute:
	
}
.liste_right a{
	font-size : 12px;
	color:#1d1d1d;
	text-decoration:none;
	margin-top:15px;
	margin-bottom:15px;
}
.liste_right a:hover{

	color:#5d5d5d;
	text-decoration:none;

}


#footer{
	width:960px;
	margin:auto;
	
}


.main_nav a{
	font-family:verdana,sans-serif;
	font-size:14px;
	color:#6e6e6e;
	padding-left:25px;
	text-decoration:none;
}
.main_nav a:hover{
	color:#585858;
}

.main_nav a:visited{
	color:#a5a5a5;
}

.main_nav a:active{
	color:#6f6f6f;
}

.sub_nav{
	font-family:verdana,sans-serif;
	font-size:14px;
	padding-left:15px;
	padding-top:2px;
	padding-bottom:2px;
	text-decoration:none;
	color:#c1c1c1;
	
}

.sub_nav a{
	text-decoration:none;
	
}


.cinema_details{
	
	float:right;padding-left:20px
}


.pharma_details{
	
	float:right;padding-left:20px
}

#croix{float:left;position:absolute;padding-top:90px}

/*///slider */


	p { text-align: left; margin: 15px 0; }
	
	p, ul { font-size: 13px; line-height: 1.4em } 
	
	p a, li a { color: #39c; text-decoration: none }
	
	p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }
	
	p#cross-links { text-align: center }
	
	p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
	
	noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
	noscript a { color: #a00; text-decoration: underline }
	noscript ol { margin-left: 25px; }
	
	a:focus { outline:none }
	
	img { border: 0 }
	
	h3 { border-bottom: 1px solid silver; margin-bottom: 5px; padding-bottom: 3px; text-align: left }
	
	
	.stripViewer .panelContainer .panel ul {
		text-align: left;
		margin: 0 15px 0 30px;
		
	}


	/* These 2 lines specify style applied while slider is loading */
	.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
	.csw .loading {margin: 200px 0 300px 0; text-align: center}

	.stripViewer { /* This is the viewing window */
		position: absolute;
		overflow: hidden; 
		border: 1px solid #dfdfdf; /* this is the border. should have the same value for the links */
		margin: auto;
		width: 320px; /* Also specified in  .stripViewer .panelContainer .panel  below */
		height:295px;
		clear: both;
		background: #fff;
		margin-left:300px;
		margin-top:13px;
	}
	
	.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
		position: relative;
		left: 0; top: 0;
		width: 100%;
		list-style-type: none;
		-moz-user-select: none; /* // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
	}
	
	.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
		float:left;
		height: 100%;
		position: relative;
		width: 320px; /* Also specified in  .stripViewer  above */
	}
	
	.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
		
	}
	
	.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
		margin: auto;
		float: left;
		position:absolute;
		
	}
	
	.stripNav ul { /* The auto-generated set of links */
		list-style: none;
		
	}
	
	.stripNav ul li {
		float: left;
		
	/*margin-right: 2px;  If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
	}
	
	.stripNav a { /* The nav links */
		font-size: 10px;
		text-align: center;
		background: #ededed;
		color: #fff;
		text-decoration: none;
		display: block;
		height:99px ;
		width:300px;
		margin-right:20px;
		cursor:pointer;
	}
	
	
	.stripNav li.tab1 a { background-image: url(../images/slide_unactive_1.jpg);}
	.stripNav li.tab2 a { background-image: url(../images/slide_unactive_2.jpg);}
	.stripNav li.tab3 a { background-image: url(../images/slide_unactive_3.jpg);}

	.stripNav li.tab1 a:hover {	background-image: url(../images/slide_hover_1.jpg);}
	.stripNav li.tab2 a:hover { background-image: url(../images/slide_hover_2.jpg);}
	.stripNav li.tab3 a:hover { background-image: url(../images/slide_hover_3.jpg);}
	
	/*.stripNav.tab1 li a:active { background-image: url(../images/slide_current_1.jpg);}
	.stripNav.tab2 li a:active { background-image: url(../images/slide_current_2.jpg);}
	.stripNav.tab3 li a:active { background-image: url(../images/slide_current_3.jpg);}*/




/*jcarousel*/

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


/**
 promos
 */

#pub_mb{
	position:absolute;float:left;top:270px;
}