body  {
	font-family: Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	width: 100%;
	height:100%;
}

 

#global.fondprogramme { 
	background-image:url('/mediacs/styles/geode/fonds-programme.jpg');
	background-repeat: no-repeat;
	background-color:#4359d3;
}

#global.fondactu { 
	background-image:url('/mediacs/styles/geode/fonds-actu.jpg');
	background-repeat: no-repeat;
	background-color:#d35b43;
}

#global.fondinfospra { 
	background-image:url('/mediacs/styles/geode/fonds-info-pratique.jpg');
	background-repeat: no-repeat;
	background-color:#bce472;
}

#global.fonddecouvrir { 
	background-image:url('/mediacs/styles/geode/fonds-decouvrir-geode.jpg');
	background-repeat: no-repeat;
	background-color:#42bad3;
}

#global.fondespacepro { 
	background-image:url('/mediacs/styles/geode/fonds-page-pro.jpg');
	background-repeat: no-repeat;
	background-color:#d251d0;
}

#global.fondbilletterie { 
	background-image:url('/mediacs/styles/geode/fonds-billetterie.jpg');
	background-repeat: no-repeat;
	background-color:#4359d3;
}

#global.fondcorporate { 
	background-image:url('/mediacs/styles/geode/fonds-corporate.jpg');
	background-repeat: no-repeat;
	background-color:#d7d7d7;
}

#hp_1 iframe {
	width: 100%;
	height: 1500px;
}

#global { 
	width: 970px;
	margin: 0 auto;
	text-align: left;
}

#main {
	position : relative;
	margin-left: auto;
	margin-right: auto;
	width : 100%; height: 100%;
	top :0px;
	padding : 0px;
	text-align : left;
}

#banner {
	position : relative;
	top : 0px;
	left : 0px;
	margin : 0px 0px 15px 0px;
	padding : 0px;
	width : 815px;
	height : 130px;
} 

#dynamic-banner {
	padding-left:214px;	padding-bottom: 3px;
}




#sidebar {
	float:left; margin-left:8px;
	width: 190px;
}

#sidebar .list ul {
	list-style:none;
	margin: 0px;
	padding: 0px;
}

#sidebar .list ul li {
	text-align:right;
}

div#easyaccess { display: none; }
#breadcrumb { display: none; }
h1, h2, h3, h4, h5, h6, p { margin: 0px; padding: 0px; font-weight:normal; }

#footer {
	clear: both;
	display:block;
	height:28px;
	background-image:url(/mediacs/styles/geode/background_footer.jpg);
}

#footer ul {
	list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px;
}

#footer ul li {
	display: inline; line-height: 29px;
}

#footer ul li a {
	color: #004655; font-size: 10px;
	text-decoration:none; margin: 0px 5px 0px 5px;
}

/* ********************************************************************************************** */

#hp_header {
	display: none;
}

#footer.hp_footer {
	display: none;
}

/* ********************************************************************************************** */

/* STYLE LEFT MENU */

#siteplan {
	float:left;
	width: 183px; height: 300px;
	background-image: url('/mediacs/styles/geode/fond_menu.png');
	background-repeat:no-repeat;
	display:block;
}

#siteplan>ul:first-child { list-style: none; margin: 20px 0px 0px 0px; padding: 0px 0px 20px 10px;
background-image: url('/mediacs/styles/geode/fond_menu.png');
background-repeat:no-repeat; background-position:bottom;
}

#siteplan ul {
	list-style: none; margin: 20px 0px 0px 0px; padding: 0px;
}

#siteplan ul li { display: inline; list-style: none; margin: 0px 0px 0px 0px; padding: 0px; }
#siteplan ul li ul { list-style: none; margin: 0px 0px 0px 0px; padding: 0px; }

#siteplan ul li a {
	display:block; width: 180px;
    color: #2d2d2d; font-size: 12px;
	text-decoration:none; margin-top: 15px; font-weight:bold;
}

#siteplan li.inactive a {
	display:block; width: 180px;
	color: #000; font-size: 12px;
	
}

#siteplan li.active a {
	display:block; width: 180px;
	color: #49768d; font-size: 12px;
	margin-top: 15px; font-weight:bold;
}

#siteplan li.active ul {
	margin-top: 0px;
	margin-bottom: 15px;
}

#siteplan li.active ul li a {
	color: #8c8984; margin-bottom: 0px; margin-top: 5px;
}

#siteplan li.inactive ul {
	display: none;
}

#siteplan li.inactive li {
	display: none;
}

/* FIN STYLE LEFT MENU */

/* ********************************************************************************************** */

/* STYLE MAIN CONTENT */

#contents { 
	float:left; margin-left:9px;
	width: 580px; height:100%; padding-bottom:60px;
	background-image:url('/mediacs/styles/geode/background_content.png'); background-position:top; background-repeat:no-repeat;
	padding-bottom: 20px;  margin-bottom: 0px;
} 

#page-content { 
	margin-top: 20px;
	background-color:#FFF; float:left; width: 580px;
} 

#contents h1.title {
	display: none;
	text-transform: uppercase;
}


.clearfix {
	background-color:#FFF;
	clear:both;
}


.contents_actualites, .contents_programme, .contents_decouvrir, .contents_billeterie, .contents_corporate, .contents_espacepro, .contents_infospratiques, .contents_pagetype  {
	background-image:url('/mediacs/styles/geode/background_content.png'); background-position:bottom; background-repeat:no-repeat;
	padding-bottom: 60px; float:left; margin-bottom: 100px;
}

img {
	border: none;	
}

/* *************************** */

.mediaplayer {
	text-align:center;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.mediaplaylist {
	text-align:center; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}


/* STYLE ONE_ONE ********************************************************************************/


.one_one .content .floatleft {
	float:left; 
	margin-right: 10px; margin-left: 0px;
}

.one_one .floatright {
 display:block;
 height:129px;
 background-image:url(/mediacs/styles/geode/background_cellonecol.jpg); 
background-position:326px 0px; background-repeat:no-repeat;
}

.one_one .content .floatright {
 display:block;
 height:129px;
 background-image:url(/mediacs/styles/geode/background_cellonecol.jpg); 
background-position:326px 0px; background-repeat:no-repeat;
}

.one_one .content  {
	display:block; height:auto;
}

.one_one .summary  {
	display:block; padding-left:20px;
}

.one_one .summary .title h1 {
	text-transform:uppercase; font-size: 13px; font-weight:bold; padding-bottom:2px; padding-top:20px; text-transform: uppercase;
}

.one_one .summary .content .links a {
	margin: 0px 0px 0px 0px;
	text-decoration: none; font-size: 12px; font-weight: normal; color:#000;
	text-transform:capitalize;
}

.one_one .summary .content .links a:hover {
	text-decoration: underline;
}

.one_one .one_one img {
	padding-top: 15px;
}

.one_one .one_one img .content {
	display:block; height:129px;
	}


#contents .one_one {
	text-align:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear:both;
}

/*#contents .one_one .paragraphe .floatleft {
	padding:0px;
	display:block; height:129px;
}*/

#contents .one_one .paragraphe .content img {
	padding-left:25px;
}


.clearfix .one_half .style-colonne-1 .paragraphe .content .intro .image img {
	clear:both;
	display:block;
		
}

#contents .one_one .mediaplayer {
	text-align:left;
	padding-left:25px;
	margin-bootom:10px;
}

#contents .one_one .mediaplaylist {
	text-align:right;
}

#contents .one_one .one_one_img .paragraphe p {
	padding-top:0px; padding-right:25px; padding-left:0px; text-align:justify;
}

#contents .one_one .one_one_img .paragraphe .content a {
	padding-top:0px; padding-right:0px; padding-left:25px; text-align:justify;
}

#contents .one_one .paragraphe .content .intro {
	padding-top: 15px;
	padding-bottom:20px;
}

#contents .one_one .paragraphe p {
	padding-top:0px; padding-right:25px; padding-left:25px; text-align:justify;
}

#contents .one_one .paragraphe .title {
	margin-top: 10px;
	
}

#contents .one_one .paragraphe .title h1 {
	font-size: 21px;
	margin-bottom: 10px; padding-left:25px;
	text-transform: uppercase;
}


#contents .one_one .paragraphe h2 {
	font-size: 13px; font-weight:bold;
	text-transform: uppercase;
	margin-bottom: 0px; padding-left:25px;
	padding-bottom:0px;padding-right:20px;
	padding-top:10px;
	color:#5460D3;
}

#contents .one_one .paragraphe .content {
	color: #6f6b65;
	font-size: 11px;
}

.one_one .paragraphe .content .floatleft img {
	border:none; padding-bottom: 0px;
}

/* STYLE ONE_HALF ********************************************************************************/
.one_half:first-child {
	margin-right:10px;
}

.one_half {
	display: block; float:left;
	width: 285px;
}

.one_half .paragraphe .title {
	display: block; height: 25px;
}

.one_half .paragraphe .title h1 {
	font-size: 13px;
	padding-left: 25px;
	padding-bottom: 5px;
	font-weight:bold;
	text-transform: uppercase;
}

.one_half .paragraphe p {
	color: #6f6b65; padding-top:5px; text-align:justify;
	font-size: 11px; padding-left: 25px; padding-right: 25px;
}

.one_half .paragraphe a {
	color: #6f6b65;
	font-size: 11px; padding-left: 0px;
}

.one_half .paragraphe {
	margin-bottom: 25px;
}
.clearfix .one_half .paragraphe .content .floatleft a {
	text-align: left; color: #6f6b65; font-size: 11px;
	padding: 0px; border:none;
}

.clearfix .one_half .paragraphe .content .floatleft img {
	text-align: left; color: #6f6b65; font-size: 11px;
	padding: 0px; border:none;
}


.clearfix .one_half .style-colonne-1 .paragraphe .content .intro {
	background-image:url(/mediacs/styles/geode/one_half_background_left.jpg);
	background-repeat:no-repeat;
	display:block;
	width: 284px;
	background-position: bottom;
	position:relative;
	height: auto;
}

.clearfix .one_half .style-colonne-1 .paragraphe .content .intro img{
	position:absolute;
	bottom:5px;
}

.clearfix .one_half .style-colonne-2 .paragraphe .content .intro {
	background-image:url(/mediacs/styles/geode/one_half_background_right.jpg);
	background-repeat:no-repeat;
	display:block; width: 284px;
	background-position: bottom;
	position:relative;
	height: auto;
}

.clearfix .one_half .style-colonne-2 .paragraphe .content .intro img{
	position:absolute;
	bottom:5px;
}

/* STYLE ONE_THIRD ********************************************************************************/
.one_third:first-child {
	display: block;
	width: 188px;
	float:left; margin-left:0px;
	text-align:left;
}

.one_third {
	display: block;
	width: 188px; margin-bottom: 20px;
	float:left; margin-left:8px;
	text-align:right;
}

.one_third .one_third_fiche {
	float: left; width: 194px;
}

.one_third .one_third_fiche .content {
	border-bottom:1px dashed #95928e;
}

.one_third img {
	border: none;
	margin-top:0px;
}

.one_third .image {
	clear:both;
}

.one_third .paragraphe .title {
	display: block; height: 5px; float: left;
}

.one_third .one_third_imgless .paragraphe .title {
	display: block; height: auto; float: left;
}

.clearfix .one_third .paragraphe .content {
	clear:both;
	display:block;
	float: left;
	margin-bottom:10px;
	color: #6F6B65;
}

.clearfix .one_third .paragraphe .content .floatleft a {
	padding: 0px;
}

.clearfix .one_third .paragraphe .title h1 {
	text-align: left; font-size: 13px;
	padding: 3px 15px 3px 15px; font-weight:bold;
	text-transform: uppercase;
}

.clearfix .one_third h2 {
	text-align: left; font-size: 13px;
	padding: 3px 15px 3px 15px; font-weight:bold;
}

.clearfix .one_third .paragraphe .content p {
	width: 158px;
	/*color: #6F6B65;*/
	font-size: 11px;
	padding: 5px 15px;
	text-align: left;
}

.clearfix .one_third .paragraphe .content .floatleft img {
	padding: 0px; border:none;
}
.clearfix .one_third .style-colonne-1 .paragraphe .content .intro {
	background-image:url(/mediacs/styles/geode/one_half_back_leftsmall.jpg);
	background-repeat:no-repeat;
	display:block;
	width: 188px;
	background-position: bottom;
	position:relative;
	height:auto;
}
.clearfix .one_third .style-colonne-1 .paragraphe .content .intro p{
	color:#6F6B65;
	font-size: 11px;
	border:0px;
	padding: 3px 15px 3px 15px;
}

.clearfix .one_third .style-colonne-1 .paragraphe .content .intro img{
	position:absolute;
	left:15px;
	bottom:5px;
}

.clearfix .one_third .style-colonne-2 .paragraphe .content .intro {
	background-image:url(/mediacs/styles/geode/one_half_background_center.jpg);
	background-repeat:no-repeat;
	display:block;
	width: 188px;
	background-position: bottom;
	position:relative;
	height:auto;
}

.clearfix .one_third .style-colonne-2 .paragraphe .content .intro p{
	color:#6F6B65;
	font-size: 11px;
	border:0px;
	padding: 3px 15px 3px 15px;
}

.clearfix .one_third .style-colonne-2 .paragraphe .content .intro img{
	position:absolute;
	bottom:5px;
	left:15px;
}

.clearfix .one_third .style-colonne-3 .paragraphe .content .intro {
	background-image:url(/mediacs/styles/geode/one_half_back_rightsmall.jpg);
	background-repeat:no-repeat;
	display:block;
	width: 188px;
	background-position: bottom;
	position:relative;
	height:auto;
}

.clearfix .one_third .style-colonne-3 .paragraphe .content .intro p{
	color:#6F6B65;
	font-size: 11px;
	border:0px;
	padding: 3px 15px 3px 15px;
}

.clearfix .one_third .style-colonne-3 .paragraphe .content .intro img{
	position:absolute;
	bottom:5px;
	left:15px;
}


/* **************************************************************/
#contents .two_third {
	float:left; width: 378px;
}

#contents .two_third .paragraphe .content {
	color: #6f6b65;
	font-size: 13px;
}

.two_third .paragraphe p {
	color: #6f6b65; padding-top:5px;
	font-size: 11px; padding-left: 25px;
	padding-right:25px;
}

.clearfix .one_third .style-colonne-2 .paragraphe .content .intro p {
	display:block;
	width: auto;
	height:auto;
	/*background-color: #FFFFFF; a supprimer si on ajoute la classe par_droite*/
}

.two_third .paragraphe a {
	color: #6f6b65; padding-top:5px;
	font-size: 11px; padding-left: 25px;
}

.bloc_style .paragraphe .content. p {
	color: #5460d3;
	background-color:#5460d3
}



.contents_programme .one_one	 .paragraphe .title h1 { color: #5460d3; text-transform: uppercase;}
.contents_programme .one_half	 .paragraphe .title h1 { color: #5460d3; text-transform: uppercase;}
.contents_programme .one_third	 .paragraphe .title h1 { color: #5460d3; text-transform: uppercase;}

.contents_actualites .one_one	 .paragraphe .title h1 { color: #df513f; text-transform: uppercase;}
.contents_actualites .one_half	 .paragraphe .title h1 { color: #df513f; text-transform: uppercase;}
.contents_actualites .one_third	 .paragraphe .title h1 { color: #df513f; text-transform: uppercase;}

.contents_decouvrir .one_one	 .paragraphe .title h1 { color: #42bad3; text-transform: uppercase;}
.contents_decouvrir .one_half	 .paragraphe .title h1 { color: #42bad3; text-transform: uppercase;}
.contents_decouvrir .one_third	 .paragraphe .title h1 { color: #42bad3; text-transform: uppercase;}

.contents_infospratiques .one_one	 .paragraphe .title h1 { color: #65b76e; text-transform: uppercase;}
.contents_infospratiques .one_half	 .paragraphe .title h1 { color: #65b76e; text-transform: uppercase;}
.contents_infospratiques .one_third	 .paragraphe .title h1 { color: #65b76e; text-transform: uppercase;}

.contents_espacepro .one_one	 .paragraphe .title h1 { color: #d4065b; text-transform: uppercase;}
.contents_espacepro .one_half	 .paragraphe .title h1 { color: #d4065b; text-transform: uppercase;}
.contents_espacepro .one_third	 .paragraphe .title h1 { color: #d4065b; text-transform: uppercase;}

.contents_billeterie .one_one	 .paragraphe .title h1 { color: #c30800; text-transform: uppercase;}
.contents_billeterie .one_half	 .paragraphe .title h1 { color: #c30800; text-transform: uppercase;}
.contents_billeterie .one_third	 .paragraphe .title h1 { color: #c30800; text-transform: uppercase;}

/* FIN STYLE MAIN CONTENT */

/* ********************************************************************************************** */

/* STYLE RIGHTMENU */

#sidebar .paragraphe {
	font-size: 10px; color: #004c64; text-transform:uppercase;
	background-image:url('/mediacs/styles/geode/background_txtcontent_rightcol.png'); background-repeat:no-repeat; background-position:bottom;
	text-align:right; padding-right: 7px; padding-top: 0px;
}

#sidebar .paragraphe p {
	padding-right: 3px; padding-top: 3px; padding-bottom: 5px;
}

/* FIN STYLE RIGHTMENU */


/* classe suppl?mentaire pour les paragraphes de droites avec pointill?s */
.clearfix .one_third .par_droite .paragraphe .content .intro {
	display:block;
	width: auto;
	height:auto;
	background-color: #FFFFFF; 
}
.clearfix .one_third .par_droite .paragraphe .content .intro p{
	width: 162px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #5460D3;
	color: #5460D3;
}

.contents_billeterie #page-content .clearfix .one_third .style-colonne-1 .paragraphe .content .intro {
	display:block;
	width: 188px;
	position:relative;
	background-color: #FFFFFF;
	background-image: none;
}

.contents_billeterie #page-content .clearfix .one_third .style-colonne-2 .paragraphe .content .intro {
	display:block;
	width: 188px;
	position:relative;
	background-color: #FFFFFF;
	background-image: none;
}

.contents_billeterie #page-content .clearfix .one_third .style-colonne-3 .paragraphe .content .intro {
	display:block;
	width: 188px;
	position:relative;
	background-color: #FFFFFF;
	background-image: none;
}


/* classe des liens en savoir plus et reserver */

.clearfix .one_half .style-colonne-1 .paragraphe .content .intro ul.liens {
	text-transform: uppercase;
	list-style: none;
	padding-left:25px;
	position: absolute;
	bottom: 0;
}

.clearfix .one_half .style-colonne-1 .paragraphe .content .intro li.lienplus {
 	display: inline;
	padding-left:0px;
 	padding-right: 80px;
}

.clearfix .one_half .style-colonne-1 .paragraphe .content .intro li.lienplus a {
	text-transform: uppercase;
	text-transform: uppercase;
	text-decoration: none;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5460D3;
}

.clearfix .one_half .style-colonne-1 .paragraphe .content .intro li.lienresa {
	display: inline;
 	padding-left: 3px;
 	padding-right: 3px;
 	border-right: 0px;	
}

.clearfix .one_half .style-colonne-1 .paragraphe .content .intro li.lienresa a {
	text-transform: uppercase;
	text-transform: uppercase;
	text-decoration: none;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF3399;
}

.clearfix .one_half .style-colonne-2 .paragraphe .content .intro ul.liens {
	text-transform: uppercase;
	list-style: none;
	padding-left:25px;
	position: absolute;
	bottom: 0;
}

.clearfix .one_half .style-colonne-2 .paragraphe .content .intro li.lienplus {
 	display: inline;
	padding-left:0px;
 	padding-right: 80px;
}

.clearfix .one_half .style-colonne-2 .paragraphe .content .intro li.lienplus a {
	text-transform: uppercase;
	text-transform: uppercase;
	text-decoration: none;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5460D3;
}

.clearfix .one_half .style-colonne-2 .paragraphe .content .intro li.lienresa {
	display: inline;
 	padding-left: 3px;
 	padding-right: 3px;
 	border-right: 0px;	
}

.clearfix .one_half .style-colonne-2 .paragraphe .content .intro li.lienresa a {
	text-transform: uppercase;
	text-decoration: none;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF3399;
}

/* test de style a pour les liens en savoir plus et reserver - ne fonctionne que pour un seul lien */

/*.clearfix .one_third .paragraphe .content a {
	text-align: left;
	color: #FF00FF;
	font-size: 9px;
	border: none;
	width: 155px;
	text-transform: uppercase;
	font-weight: bold;
	display:inline;
	position :absolute;
	bottom:10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-decoration: none;
}*/

/* Ajout d'une div en contrib sinon pour mise en page 3 colonnes  */

#liens3 {
	text-align: left;
	color: #FF00FF;
	font-size: 9px;
	border: none;
	width: 180px;
	text-transform: uppercase;
	font-weight: bold;
	position :relative;
	bottom:0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 3px;
	text-decoration: none;		
}

#liens3 a{
	color: #FF00FF;
	text-decoration: none;
	font-size:9px;
	padding-right: 10px;
	padding-left: 10px;
}
#liens3 a:hover{
	color: #FF00FF;
	text-decoration: underline;
}

/*  pour mise en page 2 colonnes  */

#liens2 {
	text-align: left;
	color: #FF00FF;
	font-size: 9px;
	border: none;
	width: 90%;
	text-transform: uppercase;
	font-weight: bold;
	position :relative;
	bottom:0;
	right:12px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
	text-decoration: none;		
}

#liens2 a{
	color: #FF00FF;
	text-decoration: none;
	padding-right:24px;
	padding-left:24px;
}
#liens2 a:hover{
	color: #FF00FF;
	text-decoration: underline;
}

/*  pour mise en page 1 colonne  */

#liens1 {
	text-align: right;
	color: #FF00FF;
	font-size: 9px;
	border: none;
	width: 280px;
	text-transform: uppercase;
	font-weight: bold;
	position :relative;
	bottom:25px;
	right:10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-decoration: none;
	float: right;	
}

#liens1 a{
	color: #FF00FF;
	text-decoration: none;
	padding-right:25px;
	padding-left:25px;
}
#liens1 a:hover{
	color: #FF00FF;
	text-decoration: underline;
}


/*Style additionnel encart de droite couleur bleue pour textes et tirets dessous sur page type film*/

.bleu {
	width: 194px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #5460D3;
	color: #5460D3;
	font-size: 11px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	background-color:#FFFFFF;
}