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;
}