/** STRUCTURE DE LA PAGE */ 

    html { 
        line-height:1.2em; 
    }
    html, body {
        height: 100%;
    }
    html, body, ul, li, form, img, p, h1, h2, h3, cite, table, tr, td, cite, div,  menu, iframe { 
        margin:0;
        padding:0; 
        border:0; 
        font-style:normal; 
        font-weight:normal;
        position: relative;
        cursor: default;
    }
    body {
        text-align: center; /* pour corriger le bug de centrage IE */
        /* margin-left:12px; */
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;                                   
        background:#5D5D5D url(../../images/frontend/bg-body.gif) repeat-y center
          
    }
    #page{
        margin-left: auto;
        margin-right: auto;
        text-align: left; /* on rétablit l'alignement normal du texte */
        position: relative; /* on positionne le conteneur */
        width:996px;
        background-color: #ECF9FF; /* url(../../images/frontend/bg-page.gif) repeat-y top right;*/
        
        min-height: 100%;
        height: auto !important;
        height: 100%;
        margin: 0 auto -38px; /* taille du footer */   
    }
    menu { 
        list-style: none;
    }
    hr { 
        display:none; 
    }
    .spacer { 
        clear:both;
        > height:1px;
        display:block;  
    }
    *+.spacer {
       > height:5px;
    }
    .likeContent {
        background : #ECF9FF url(../../images/frontend/bd-compte-billetterie.gif) no-repeat top right ;
        margin-top: -3px;
    }
        
    
/** HEADER */

    #header {                
        font-size:12px;
        font-weight:bold;
        text-align:left;
        background:#2F2D2D url(../../images/frontend/bg-degrade-tetiere.gif) repeat-y center; 
        /*height: 208px; */
    }
    #header .tetiere {
        width:996px;
    }
    #header #tetiere_flash {
        width:996px;
        height:153px;
        background:#048DBD url(../../images/frontend/tetiere-noflash.png) no-repeat;
        display: block;    
    }
    #header #tetiere_flash_home {
        width:996px;
        height:413px;
        background:#EEFAFF url(../../images/frontend/tetiere-noflash.png) no-repeat;
        display: block;    
    }
    #header #tetiere_flash a {
        width:996px;
        height:153px;                                                 
        display: block;    
        cursor: pointer;        
    }
    #header #tetiere_flash a, #header #tetiere_flash h1 {      
        cursor: pointer;
        text-decoration: none;
        color:#FFF;
        font-size:20px;
    }
    #header #tetiere_flash h1 {
        padding-left:200px;
        padding-top:108px;
    }
    #header #navigation #activite, #header #navigation #billetterie {
        display: block;           
        float: left;
        margin: 0px 1px 0px 11px; 
        z-index:50;
    }                                  
    #header #navigation {   
        text-align: center;
    }
    #header #navigation h1 {
        font-size: 14px;
        font-weight:bold;
        text-align: center;    
        color:#FFF;
        text-transform: uppercase;
        margin:2px 0px 3px 0px;
    }
    #header #navigation ul  {  
        margin:0 auto 0 auto; 
        text-align:center;
        list-style:none ;     
    }                      
    #header #navigation ul li {
        float: left;
        padding-left:15px;       
        display:block;
        margin-right:3px;
    }

    #header #navigation a, #header #navigation ul li.disabled div {
        text-decoration: none;
        text-transform: uppercase;
        font-size:11px;
        font-weight: bold;                                                     
        padding-right:15px; 
        padding-top: 2px;  
        padding-bottom: 1px; 
        color:#FFF;               
        display:block; 
    }
    #header #navigation ul li.disabled div {      
        color:#888 !important;
    }
    
    #header #navigation #compte_billetterie {                            
        float:right; 
    }
    #header #navigation #compte_billetterie ul {                            
        list-style: none; 
    }
    #header #navigation #compte_billetterie ul li {                            
    
	}
    #header #navigation #compte_billetterie ul li a {  
        color:#89006A;
    }
    #header #navigation #activite ul li {  
        background:url("../../images/frontend/left-onglet-activite.png") no-repeat left top;        
        > background:url("../../images/frontend/left-onglet-activite.gif") no-repeat left top;        
    }
    #header #navigation #activite a {                                            
        background:url("../../images/frontend/right-onglet-activite.png") no-repeat right top; 
        > background:url("../../images/frontend/right-onglet-activite.gif") no-repeat right top; 
    }    #header #navigation #billetterie ul li {  
        background:url("../../images/frontend/left-onglet-billetterie.png") no-repeat left top;        
        > background:url("../../images/frontend/left-onglet-billetterie.gif") no-repeat left top;        
    }
    #header #navigation #billetterie a {                                            
        background:url("../../images/frontend/right-onglet-billetterie.png") no-repeat right top;  
        > background:url("../../images/frontend/right-onglet-billetterie.gif") no-repeat right top; 
    }

    #header #navigation #activite ul li.disabled div {                                            
        background:url("../../images/frontend/right-onglet-activite-disabled.png") no-repeat right top !important;    
        > background-image:url("../../images/frontend/right-onglet-activite-disabled.gif") !important; 
        > background-position: right 3px !important;
        > background-repeat: no-repeat !important;
        > margin-top:-3px !important;
        > padding-bottom:-1px !important;
        > padding-top:5px !important;
        color:#82533A !important;
        cursor:no-drop;
    }
    #header #navigation #activite ul li.disabled {  
        background:url("../../images/frontend/left-onglet-activite-disabled.png") no-repeat left top !important;                                               
        > background:url("../../images/frontend/left-onglet-activite-disabled.gif") no-repeat left top !important;                                               
    }
    #header #navigation #billetterie ul li.disabled div {                                            
        background:url("../../images/frontend/right-onglet-billetterie-disabled.png") no-repeat right top !important;   
        > background-image:url("../../images/frontend/right-onglet-billetterie-disabled.gif") !important; 
        > background-position: right 3px !important;
        > background-repeat: no-repeat !important;
        > margin-top:-3px !important;
        > padding-bottom:-1px !important;
        > padding-top:5px !important;
       cursor:no-drop; 
    }   
    #header #navigation #billetterie ul li.disabled {  
        background:url("../../images/frontend/left-onglet-billetterie-disabled.png") no-repeat left top !important;                                               
        > background:url("../../images/frontend/left-onglet-billetterie-disabled.gif") no-repeat left top !important;                                               
    }

    #header #navigation #compte_billetterie {
       background:url("../../images/frontend/bd-compte-billetterie.gif") no-repeat right top; 
       margin-left:0px;
       margin-top: 24px;
       width:255px;
       text-align: right; 
       z-index:100;               
    } 
    #header #navigation #compte_billetterie ul li {
       padding-left:10px; > padding-left:5px;   
    }
    #header #navigation #compte_billetterie ul li#moncompte {
       padding-left:20px; 
    }
    #header #navigation #compte_billetterie ul li a {
        display: block; 
       /* height:15px;*/
    }
    #header #navigation #compte_billetterie ul li#moncompte a,
    #header #navigation #compte_billetterie #moncompte .selected a {                   
        background-color:transparent !important;  
        background-image:url(../../images/frontend/icone-compte.gif) !important;  
        background-repeat: no-repeat !important;  
        background-position: 0px 2px !important;  
        margin-left:5px;
        padding-left:20px;
    }
    #header #navigation #compte_billetterie ul li#monpanier a,
    #header #navigation #compte_billetterie #monpanier .selected a { 
        background-color:transparent !important;  
        background-image:url(../../images/frontend/icone-panier.gif) !important;  
        background-repeat: no-repeat !important;  
        background-position: 0px 2px !important;  
        margin-left:0px;
        padding-left:23px;     
    }
    #header #navigation #compte_billetterie ul li a:hover, 
    #header #navigation #compte_billetterie ul li a:focus,  
    #header #navigation #compte_billetterie ul li a:active,
    #header #navigation #compte_billetterie ul li a.selected {
        background-color:transparent;     
    }  
    #header #navigation #activite .selected a {  
        color:#E53702;        
    }
    #header #navigation #billetterie .selected a {                                            
        color:#7F006A; 
    }
    #header #navigation .selected {  
        background:url("../../images/frontend/left-onglet-selected.png") no-repeat left top !important;        
        > background:url("../../images/frontend/left-onglet-selected.gif") no-repeat left top !important;        
    }
    #header #navigation .selected a {                                            
        background:url("../../images/frontend/right-onglet-selected.png") no-repeat right top !important;   
        > background:url("../../images/frontend/right-onglet-selected.gif") no-repeat right top !important; 
    }
    #header #navigation #compte_billetterie .selected {  
        background:none !important;
    }
    #header #navigation #compte_billetterie .selected a {                                            
        /*background:none !important;    */
        text-decoration:underline; 
    }

    #header #navigation a:hover, #header #navigation a:focus, #header #navigation a:active, #header #navigation a.selected {                                            
        /*color:#000; */
        text-decoration:underline;
    }

    #header #navigation #deco {
        display:none;
        padding-top:26px;
        text-align:right;
        font-size:10px;
        z-index: 10;
    }
    #header #navigation #deco a {
        display:inline; 
        text-transform: none;
        margin:0px;
        padding:0px;
        font-weight:normal;
    }
    
     #header div#operator
     {
     	width:auto;
     	position:absolute;
     	background-color:black;
     	z-index: 10;
     	text-align:right;
     	padding: 0 10px 0 10px;
     	right:0;
	 }
	 
	 #header div#operator a
     {
     	color:white;
     	text-decoration: none;
	 }

/** CONTENT COMMUN */    

    #content{              
        line-height:1.2em; 
        width:996px; 
        font-size:11px;
        color:#000;
        background: url(../../images/frontend/bg-content.gif) repeat-y top left;    
        margin-bottom: 40px;
        margin-top: 17px; > margin-top: 5px;
    }
    *+#content {
        > margin-top: 17px;
    }
    #content ul {
        list-style: square;
        margin-left: 25px;
    }
    #content h2 {
        font-size: 24px;
        font-weight: normal;
        background-color:#ECF9FF;    
        padding-bottom:10px;
        padding-right:10px;
        margin-right: 685px;
        margin-left:26px;    
    }

   #content h2.hometitle{
		margin-right: 510px;
		font-size: 20px;
   }
   #content #colonne1, #colonne2, #colonne3 {   
        float: left;
        margin-top:-23px;    
    }
    #content #colonne1 {
        width: 110px;
        margin-left:27px; > margin-left:13px;  
        margin-top:-10px; > margin-top:-23px; 

    }
    *+#content #colonne1 {
        > margin-left:27px;   
        > margin-top:-10px; 
    }
    #content #colonne1 ul {
        margin:0px 0px 0px 18px;
    }
    #content #colonne1 ul li {                                             
        margin-top:17px;  
    }
    #content #colonne1 a { 
        font-weight: bold;  
        font-size:11px;
        color:#000;
        text-decoration: none;
    }
    #content #colonne2 {
        width: 175px;
        margin-left:5px;                             
    }
    #content #colonne2 ul {             
        margin:32px 0px 0px 27px;
    }
    #content #colonne2 ul li { 
         margin-top:3px;
         font-weight: normal; 
    }
    #content #colonne2 a { 
        font-weight: normal;  
        font-size:11px;
        color:#000;
        text-decoration: none;
    }
    #content #colonne3.home {
        width: 635px;
        margin-left:348px; > margin-left:0px;
        position: absolute;
        margin-top:-50px;
        z-index: 500;
    }
    #content #colonne3 {
        width: 635px;  
        margin-left:18px;                                                             
    }
    #content #colonne3 ul { 
        margin:8px 0px 0px 275px;
    }
    #content #colonne3 ul li { 
         margin-top:3px; 
         font-weight: normal;                                            
    }
    #content #colonne3 a { 
        font-weight: normal;  
        font-size:10px;
        color:#000;
        text-decoration: none;
    }
    #content #colonne3 img {        
        float: left;
        margin-right:20px;
        margin-bottom:20px;
    }
    #content #colonne3 h3 {  
        font-size: 13px;
        font-weight:bold;
        margin-top:30px;  
        margin-bottom:5px;
        /*text-transform: uppercase;*/  
    }   
    #content #colonne3 #bloc_reservation, #content #colonne3 #bloc_avantages  {  
        clear:both;
        width:641px;   
        margin-top:20px; > margin-top:0px;      
        margin-bottom:0px;   
        padding-bottom:10px; > padding-bottom:0px;                                              
    }
    *+#content #colonne3 #bloc_reservation, *+#content #colonne3 #bloc_avantages {
       > margin-top:0px;
       > padding-bottom:0px; 
    }
    #content #colonne3 #bloc_avantages  {  
        clear:both;
        width:641px;   
        margin-top:20px; > margin-top:0px;      
        margin-bottom:0px;   
        padding-bottom:0px;
    }
    *+#content #colonne3 #bloc_avantages  { 
         > margin-top:20px; 
    }
    #content #colonne3 #bloc_reservation h4, #content #colonne3 #bloc_avantages h4 {                                               
        font-size: 12px;    
        font-weight: bold;          
        text-transform: uppercase;
        margin-top:5px;
        margin-left:15px;
    }
    #content #colonne3 #bloc_reservation ul, #content #colonne3 #bloc_avantages ul {
        list-style: none;  
        margin-left:0px;
        padding-left:10px;
        > margin-top:15px;         
    }  
    #content #colonne3 #bloc_reservation ul li, #content #colonne3 #bloc_avantages ul li {         
        list-style: none; 
        list-style-image: none;                              
    }  
    #content #colonne3 #bloc_reservation .infos, #content #colonne3 .infos_nat {
        float:left;
        width:400px;        
    }
    #content #colonne3 .infos_nat {
   		margin-left:1px;
	}
    #content #colonne3 #bloc_reservation .infos ul, #content #colonne3 #bloc_avantages .infos ul {
        margin:0;
        padding:0;       
    } 
    #content #colonne3 #bloc_reservation .infos .programme, #content #colonne3 #bloc_avantages .infos .programme { 
        margin:15px;
    }   
    #content #colonne3 #bloc_reservation .infos .programme h4, #content #colonne3 #bloc_avantages .infos .programme h4 {
        margin-left:-14px; 
        margin-right:-16px;
        padding-left:14px;
        padding-top:5px;    
        height:17px;
    }
    #content #colonne3 #bloc_reservation .infos ul, #content #colonne3 #bloc_avantages .infos ul { 
        padding: 0px 15px 8px 15px ;
    }
    #content #colonne3 #bloc_reservation .infos p, #content #colonne3 #bloc_avantages .infos p { 
        text-align: justify;
        margin-bottom:10px;
    }
    #content #colonne3 #bloc_reservation .liens, #content #colonne3 #bloc_reservation .liens_nat {                                                             
        width:240px;
        float:right;                                   
    }
    #content #colonne3 #bloc_reservation .liens_nat {
    	border-top: 1px solid #11718F;
    	border-right: 1px solid #11718F; 
        width:239px;    
	}
    #content #colonne3 #bloc_avantages .liens {                                                             
        width:239px;
        float:right;
        margin-right:1px; 
        > margin-left:1px;
        > margin-top:1px; 
        > height:20px;
    }
    *+#content #colonne3 #bloc_avantages .liens {                                                             
        > margin-left:0px;
        > margin-top:0px; 
        > height:50px;;
    }     
    #content #colonne3 #bloc_reservation .liens img, #content #colonne3 #bloc_avantages .liens img {                                                             
        border:none;                                  
    }
    #content #colonne3 #bloc_reservation .bloc1 { 
        margin-right:1px;
        margin-left:0px;
        margin-top: -11px; > margin-top: -14px; 
    }
    *+#content #colonne3 #bloc_reservation .bloc1 {
        > margin-top: -14px;
    }
    #content #colonne3 #bloc_avantages .bloc1 {     
        margin-top: -10px; > margin-top: -14px; 
    }
    #content #colonne3 #bloc_reservation .titre, #content #colonne3 #bloc_avantages .titre {
        color:#000;
        font-size:11px !important;   
        font-weight: bold !important;
        display: block;                                                       
        padding-left: 13px;
    }
    #content #colonne3 #bloc_reservation .titre a, #content #colonne3 #bloc_avantages .titre a  {
        color:#000;
        font-size:11px !important;   
        font-weight: bold !important;
        display: block;                                                       
        padding-left: 50px;        
    } 
    #content #colonne3 #bloc_reservation .titre a, #content #colonne3 #bloc_avantages .titre a {         
        color:#000 !important;                       
    }     
    #content #colonne3 #bloc_reservation .bloc1 a, #content #colonne3 #bloc_avantages .bloc1 a, 
    #content #colonne3 #bloc_reservation .bloc2 a, #content #colonne3 #bloc_avantages .bloc2 a {   
        color:#0B3156;
        font-size:10px;             
        font-weight: bold;
        display: block;
        padding-left: 15px;
        margin-left:-15px;
        background: url(../../images/frontend/icone-pdf.gif) no-repeat 0px 1px;                                                      
    }
    #content #colonne3 #bloc_reservation .bloc1 ul li, #content #colonne3 #bloc_avantages .bloc1 ul li, 
    #content #colonne3 #bloc_reservation .bloc2 ul li, #content #colonne3 #bloc_avantages .bloc2 ul li {  
        color:#000;
        font-size:10px;             
        font-weight: normal;   
        padding-left: 15px;
        margin-left:-10px;
        margin-top:0px; > margin-top:-5px;
        > margin-bottom:-13px;   
    }
    *+#content #colonne3 #bloc_reservation .bloc1 ul li, *+#content #colonne3 #bloc_avantages .bloc1 ul li, 
    *+#content #colonne3 #bloc_reservation .bloc2 ul li, *+#content #colonne3 #bloc_avantages .bloc2 ul li {  
        > margin-top:0px;
        > margin-bottom:0px; 
    }
    #content #colonne3 #bloc_reservation .bloc2, #content #colonne3 #bloc_avantages .bloc2 {   
        margin-right:1px;
        margin-left:-10px;                      
        padding-bottom:25px;                      
        background-color:transparent;
    }
    #content #colonne3 #bloc_reservation .bloc3, #content #colonne3 #bloc_avantages .bloc3 {  
        position: absolute;
        left:401px;
        width:224px; > width:239px;
        height: 19px; > height: 23px;   
        margin-top:-13px; > margin-top:-23px;           
    }
    #content #colonne3 #bloc_reservation .bloc3 a, #content #colonne3 #bloc_avantages .bloc3 a { 
        display: block;
        width:inherit;
        height: inherit;
        padding:4px 0px 0px 15px;     
        font-weight: bold;
    }
    #content .numero_indigo {
        color:#3B2689;
        font-size:12px;
        font-weight:bold;
        padding-top:2px;  
    }
    #content .numero_indigo img {
        margin-right:5px !important;
        margin-top:-2px !important;
    }
    #content .numero_indigo span { 
        font-size:9px;
        font-weight: normal;
    }
    #googleMap {
        position: absolute;
        z-index: 100;
        > margin-left: -260px;
    }
    #googleMap #fermer {
        position: absolute;
        z-index: 101;     
        width:641px;     
        text-align: right;   
        margin-top:2px;
        /*background:transparent url(../../images/frontend/chargement.gif) no-repeat scroll 588px -1px;  */
    }
    #googleMap #fermer a {
        padding: 2px;
        background-color: #9FE8FF;
        /* background: #9FE8FF url(../../images/frontend/chargement.gif) no-repeat 2px 1px; */
        /* padding-left: 20px; */
        color:#08426A;
    }
    #googleMap #fermer a:hover {    
        background: #9FE8FF;      
    }

    
/** CONTENT ACTIVITE */

    .activites #content h2 {
        color: #E14610;    
    }
    .activites #content #colonne3 {  
        background:transparent url(../../images/frontend/bg-colonne3-activites-regio.gif) repeat-x;  
    }
    .activites #content #colonne3 ul li {                                    
         list-style-image: url(../../images/frontend/puce-activites-regionales-c.gif); 
    }
    .activites #content #colonne3 img {   
        border:1px solid #FFC67F;     
    } 
    .activites #content #colonne3 h3 {
        color:#E24F36;              
    }
    .activites #content #colonne3 #bloc_reservation {  
        background: transparent url(../../images/frontend/bloc-reservation-activites.gif) no-repeat top left;    
        border-bottom:1px solid #FF8E00;   
    }
    .activites #content #colonne3 #bloc_reservation .titre a {   
        background: url(../../images/frontend/fleche-droite-activite.gif) no-repeat 2px 2px !important;
    }                                                                          
    .activites #content #colonne3 #bloc_reservation .titre a.selected {   
        background: url(../../images/frontend/fleche-bas-activite.gif) no-repeat 2px 4px !important;
    }
    .activites #content #colonne3 #bloc_reservation h4 {     
        color:#E12E02;                 
    }
    .activites #content #colonne3 #bloc_reservation .bloc1 {   
        background-color: #FEDCB1;    
    }        
    .activites #content #colonne3 #bloc_reservation .bloc3 {   
        background-color: #FEDCB1;                    
    }
    .activites #content #colonne3 #bloc_reservation .bloc3 a {    
        border-top: 2px solid #FFB23C;
    }  
    .activites #content ul li { 
        list-style-image: url(../../images/frontend/puce-activites-regionales.gif);  
    }
    .activites #content #colonne1 a:hover, .activites #content #colonne1 a:focus, .activites #content #colonne1 a:active, .activites #content #colonne1 a.selected,
    .activites #content #colonne2 a:hover, .activites #content #colonne2 a:focus, .activites #content #colonne2 a:active, .activites #content #colonne2 a.selected, 
    .activites #content #colonne3 a:hover, .activites #content #colonne3 a:focus, .activites #content #colonne3 a:active, .activites #content #colonne3 a.selected {   
        color:#E24F36 !important;        
    }
    .activites #content #colonne3 #bloc_reservation .infos .programme h4 {
        background: #FFD091;        
    }
    .activites #content #colonne3 #bloc_reservation .titre a:hover {
        color:#E94500 !important;
    }
    .activites #content #colonne3 #bloc_reservation .bloc1 { 
        padding:10px 15px 25px 15px;
    }    
    
    
/** CONTENT BILLETTERIE */

    .billetterie #content h2 {
        color: #7F0067;
    }
    .billetterie #content #colonne3 {  
        background:transparent url(../../images/frontend/bg-colonne3-bill-regio.gif) repeat-x;  
    }
    .billetterie #content #colonne3 ul li {                                    
         list-style-image: url(../../images/frontend/puce-billetterie-regionales-c.gif); 
    }
    .billetterie #content #colonne3 img {   
        border:1px solid #FC71B3;     
    }  
    .billetterie #content #colonne3 h3 {
        color:#7F006A;              
    } 
    .billetterie #content #colonne3 #bloc_reservation  {  
        background: transparent url(../../images/frontend/bloc-reservation-bill.gif) no-repeat top left;    
        border-bottom:1px solid #F90478;   
    }
    .billetterie #content #colonne3 #bloc_avantages  {
        > margin-top:20px;  
        background: transparent url(../../images/frontend/bloc-reservation-ava.gif) no-repeat top left;    
        border-bottom:1px solid #0691C5;   
    }
    .billetterie #content #colonne3 #bloc_reservation h4 {     
        color:#FFF;                 
    }
    .billetterie #content #colonne3 #bloc_avantages h4 {     
        color:#204365;                 
    }
    .billetterie #content #colonne3 #bloc_reservation .bloc1 {   
        background-color: #FFE1EE;    
    }                                                                               
    .billetterie #content #colonne3 #bloc_avantages .bloc1 {   
        background-color: transparent; /* #B2EAFC; #97E3FC; #A8DAED; */
    }                                                                               
    .billetterie #content #colonne3 #bloc_reservation .titre a, .billetterie #content #colonne3 #bloc_avantages .titre a {   
        background: url(../../images/frontend/fleche-droite-billetterie.gif) no-repeat 2px 2px !important;
    }                                                                          
    .billetterie #content #colonne3 #bloc_reservation .titre a.selected, .billetterie #content #colonne3 #bloc_avantages .titre a.selected {   
        background: url(../../images/frontend/fleche-bas-billetterie.gif) no-repeat 2px 4px !important;
    }
    .billetterie #content #colonne3 #bloc_reservation .bloc3, .billetterie #content #colonne3 #bloc_avantages .bloc3 {   
        background-color: #FFE1EE;                    
    }
    .billetterie #content #colonne3 #bloc_reservation .bloc3 a, .billetterie #content #colonne3 #bloc_avantages .bloc3 a {    
        border-top: none;
        background-color: #FFE1EE;
    }  
    .billetterie #content ul li { 
        list-style-image: url(../../images/frontend/puce-billetterie-regionales.gif);  
    }
    .billetterie #content #colonne1 a:hover, .billetterie #content #colonne1 a:focus, .billetterie #content #colonne1 a:active, .billetterie #content #colonne1 a.selected,
    .billetterie #content #colonne2 a:hover, .billetterie #content #colonne2 a:focus, .billetterie #content #colonne2 a:active, .billetterie #content #colonne2 a.selected, 
    .billetterie #content #colonne3 a:hover, .billetterie #content #colonne3 a:focus, .billetterie #content #colonne3 a:active, .billetterie #content #colonne3 a.selected {   
        color:#830066 !important;        
    }
    .billetterie #content #colonne3 #bloc_reservation .infos .programme h4 {
        background: #F694C5;        
    }
    .billetterie #content #colonne3 #bloc_avantages .infos .programme h4 {
        background: #76C4E1;        
    }
    .billetterie #content #colonne3 #bloc_avantages a:hover {
        color: #0C9ACC !important;
    }
    .billetterie #content #colonne3 #bloc_reservation .bloc1 a {
        background:url(../../images/frontend/icone-panier2.gif) no-repeat 0px 0px;   
        padding-left: 20px;
        padding-top: 1px;
        margin-left:-5px;
        color:#9E0E72;
    }             
    .billetterie #content #colonne3 #bloc_avantages .bloc1 a {
        background:url(../../images/frontend/puce-avantages.gif) no-repeat 0px 0px;   
        padding-left: 20px;
        padding-top: 1px;
        margin-left:-5px;
        color:#0691C5;
    }             
   .billetterie #content #colonne3 #bloc_reservation .bloc2, .billetterie #content #colonne3 #bloc_avantages .bloc2 {   
        margin-right:1px;
        margin-top:10px;                      
        margin-left:10px;                      
        background-color:transparent;
    }
   .billetterie #content #colonne3 #bloc_reservation .bloc2 .titre, .billetterie #content #colonne3 #bloc_avantages .bloc2 .titre {       
        margin-top:0px;               
    }
    .billetterie #content #colonne3 #bloc_reservation .bloc2 ul, .billetterie #content #colonne3 #bloc_avantages .bloc2 ul {       
        margin-bottom:10px; > margin-bottom:30px;               
    }
    *+.billetterie #content #colonne3 #bloc_reservation .bloc2 ul, *+.billetterie #content #colonne3 #bloc_avantages .bloc2 ul {       
        > margin-bottom:10px;               
    }
    .billetterie #content #colonne3 #bloc_reservation .titre a:hover, .billetterie #content #colonne3 #bloc_avantages .titre a:hover{
        color:#830066 !important;
    }
    .billetterie #content #colonne3 #bloc_reservation .bloc1, .billetterie #content #colonne3 #bloc_avantages .bloc1 { 
        padding:10px 15px 10px 15px;
    }    

/** CONTENT HOME */

    #page.home #content{              
        line-height:1.2em; 
        width:996px; 
        font-size:11px;
        color:#000;
        background: url(../../images/frontend/bg-home.gif) 213px 91px no-repeat;    
        margin-bottom: 40px;
        margin-top: 17px; > margin-top: 5px;
    }
    #page.home #content h2 {             
        color:#1EAEE0; 
        font-style: italic;
        margin-top: 40px;   
    }
    #page.home #content p {             
        color:#2D2B2B;     
        font-size:12px;
        margin-top:15px;  
    }
    #page.home #content #colonne1 {
        width: 310px;  
    }    
    #page.home #content #colonne1 ul {
        margin-left: 0px;   
    }    
    #page.home #content #colonne1 ul li {
        list-style: none;   
    }    
    #page.home #content #colonne1 h3 {
        background: url(../../images/frontend/bg-soustitre-home.gif) top right no-repeat;   
        height:18px;
        text-transform: uppercase;
        padding-top:2px;
        margin-left:-27px; > margin-left:-26px;
        padding-left: 27px;
        font-size:12px;
        color:#9D0069;
        font-weight: bold;
        width:170px;
    }    
    #page.home #content #colonne1 h3.billetterie {
        color:#9D0069;
    }    
    #page.home #content #colonne1 h3.activite {
        color:#E33302;
        padding-top:3px;
    }    
    #page.home #content #colonne1 h4 {
        margin:10px 0px 0px 0px;
        font-size:11px;
    }        
    #page.home #content #colonne1 ul p {
        margin:0px 0px 0px 0px;
    }    
    #page.home #content #colonne1 .libreLoisir {
        border-top:1px dashed #1CBBE6;
        /*background-color: #FFF;*/
        margin-top:20px;
        margin-left:-27px;
        width:380px;
        
        padding-left:27px;
        /*
        padding-right:27px;
        */
        padding-bottom:15px;
    }

    #page.home #content #colonne2 { 
        margin-top:5px;
        width: 513px;  
        background: url(../../images/frontend/bg-encart-home.gif) no-repeat;
        padding-bottom:10px;
        > padding-bottom:20px;
        float:right;
        margin-right:50px;
        > margin-right:30px;
    }  
    *+#content #colonne2.home {
        > margin-right:50px;
        > padding-left:10px !important;  
    }  
    #page.home #content #colonne2 div.titre {                            
        color:#1EAEE0;
        margin-top:-25px;
        font-size:18px;
        font-style: normal;
        padding-left:65px;
    }                            
    #page.home #content #colonne2 img {
        width: 200px;
        height:129px;
        border:1px solid #919191;  
        cursor: pointer;                                     
    }  
    #page.home #content #colonne2 div.activite, #page.home #content #colonne2 div.billetterie  {
        margin-top:20px;
        > margin-top:30px;
        z-index: 400;
        display:block;
        width:215px;
		height:210px;
        padding-left:12px;  
        padding-top:10px;
        float:left;
        margin-left:20px;   
        > margin-left:10px;   
        > margin-right:10px;   
        margin-bottom:0px;     
        background: url(../../images/frontend/bg-encarts-home.png) no-repeat top left;
        > background: url(../../images/frontend/bg-encarts-home.gif) no-repeat top left;
    }            
    *+#content #colonne2.home div.activite, *+#content #colonne2.home div.billetterie {
        > background: url(../../images/frontend/bg-encarts-home.png) no-repeat top left; 
    }                                               
    #page.home #content #colonne2 div div.theme {
        color:#0C0B08;
        font-size:11px;
        padding-left:10px;     
    }
    #page.home #content #colonne2 div div.evenement {
        font-size:13px;     
        font-weight: bold;
        padding-bottom:5px;
        padding-left:10px;
    }
    #page.home #content #colonne2 div.activite div.evenement {
        color:#E14610;
    }
    #page.home #content #colonne2 div.billetterie div.evenement {
        color:#9D0069;
    }
    #page.home #content #colonne2 div div.lien {
        color:#0C0B08; 
        padding-top:4px;
        padding-bottom:4px; 
        text-align: center;    
    }
    #page.home #content #colonne2 div div.lien a {
        color:#0C0B08;      
        padding-left:13px;
    }
    #page.home #content #colonne2 div.activite div.lien a {
        background: url(../../images/frontend/puce-activites-regionales-c.gif) no-repeat 0px 3px;  
    }
    #page.home #content #colonne2 div.activite div.lien a:hover {
        color:#E14610;                                          
    }
    #page.home #content #colonne2 div.billetterie div.lien a {
        background: url(../../images/frontend/puce-billetterie-regionales-c.gif) no-repeat 0px 3px;  
    }
    #page.home #content #colonne2 div.billetterie .lien a:hover {
        color:#9D0069;                                          
    }
    
    
/** CONTENT HOME */
    #page.home_noregion #content {              
        background: none;
    }
    #page.home_noregion h2 {
        color:#1D82A8;
        font-weight:bold;
        font-size:14px;   
        margin-top:-17px;
        margin-left:35px;
        margin-bottom:5px;
        width:305px;
    }
    #page.home_noregion #colonne1 {
        width:305px;
        margin-left:35px;
    }
    #page.home_noregion #colonne1 ul {  
        margin-top:10px;
    }
    #page.home_noregion #colonne1 ul li {  
        margin:0px;
    }
    #page.home_noregion #colonne2 {
        
    }
    #page.home_noregion #colonne2 img {
        margin-left:57px;
        margin-top:-75px;  
    }

      
/** FOOTER */
 
    #footer, .push {
        width:996px;
        color:#90E2FF ;

        padding-top: 0px;
        margin-left: auto;
        margin-right: auto;
        text-align: left; /* on rétablit l'alignement normal du texte */
        position: relative; /* on positionne le conteneur */
        height: 38px; /* .push must be the same height as .footer */
    }
    .push {
        background-color: #ECF9FF;
        width:950px;
        margin-top: 10px;
    }
    #footer {
        background-color: #0B3156;    
        text-align: center;
        /*margin-top:-10px;*/
        }
    #footer a {
        color:#90E2FF ;
        font-size: 11px;
        text-decoration: none;
    }
    #footer a:hover, #footer a:focus, #footer a:active, #footer a.selected {
        text-decoration: underline;
    }
    #footer ul {
        list-style: none; 
        padding-top:8px;
    }
    #footer ul li {
        display: inline;
        padding: 0px 20px 0px 20px;
        border-left: 1px solid #90E2FF;
        margin-top: 10px;
    }
    #footer ul li.first {
        border-left: none;
        padding-left: 0px;
    }
  
  
  
  
    
    #autre {
        background-color: #ECF9FF;
        padding-left:30px;
        padding-right:30px;
        margin-bottom:-10px;
    }
    #autre h1 {
        color:#09456E;              
        font-size:16px;
        font-weight:bold;
        margin-top:0px;
        text-transform: uppercase;
    }
    #autre.activite h1 {
        color:#E14610 !important;             
    }
    #autre.billetterie h1 {
        color:#7F006A !important;             
    }               
    #autre .conditions {
        background-color: #ECF9FF;
        > padding-left:50px;
        > padding-right:30px;
    }
    #autre .disclaimer {     
        color:#0C9CD0;
        font-size:11px;
        margin-top:15px;
        margin-bottom:15px;
    }
    
    #autre .returncontact {
    	color:red;	
	  }
    
    #autre .conditions ol li,
    #autre .conditions ol li h2 {
        color:#0C9CD0;
        font-size:11px;
        font-weight:bold;            
    }                                   
    #autre .conditions ol li h2 {   
        margin-top:20px;               
        text-transform: uppercase;
        margin-right:0px !important;
        margin-left:0px !important;
    }
    #autre .conditions ol li p {
        color:#000;
        font-size:11px;
        font-weight:normal;
        margin-top:5px;
        margin-bottom:5px;
    }
    #autre .conditions h3 { 
        font-size:11px;
        font-weight:bold; 
        text-transform: uppercase;
    }
    #autre .conditions ol {  
        list-style:decimal;
        margin-left:-10px;
    }

    #autre .conditions ul {
        margin-left:15px;
        margin-top:5px;
        margin-bottom:5px;
    	list-style-type: disc;
        color: #000;
    }
    
	#autre .conditions #contact_form ul{
    	list-style: none;
	}
    	
    #autre .conditions li {    
        color: #000 !important;
    }
    #autre .conditions ol ol {  
        list-style:lower-alpha;
        padding-left:35px;
        
    }
    #autre label {
        margin-top:30px;
        color:#80016A;
        font-weight:bold;
        font-size:14px;
        cursor:pointer;
    }
    #autre input, #autre textarea {
        margin-top:0px;
        margin-left:0px;         
        margin-bottom:5px;   
        color:#000;
       /* border:1px solid #0C9CD0; */
       font-family: Arial;
       font-size:12px;       
    }
    #autre input {          
        width:310px;    
    }
    #autre textarea {          
        width:880px;    
    }

    #autre #colonne3 {
        margin-left:329px !important;
        margin-top:-57px !important;       
    }    
    #autre #colonne3 iframe {          
        border-left:2px solid #89006A;
        border-bottom:2px solid #89006A;
        background-color: #F0D5E6;
    }
    
    #autre #formulaire {
        margin:0px 0px 0px 10px;
        >position:absolute;
        z-index: auto;
    }
    #autre #resultats {
        width:500px; 
    }
    #autre #colonneGauche {
        >margin-top:400px;  
        float:left;             
    }
    #autre #colonneDroite {
        float:left;         
        margin-left:50px;
        padding-left:30px;
        border-left:1px solid #0C9CD0;   
    }
    #autre .inputError {
        border:1px solid #FEA700;
        background:#FDE6BB;
    }
    #autre a {
        text-decoration: none;
        color:#0C9CD0;
    }
    #autre a:hover {
        text-decoration: underline;       
    }
    #autre #colonneGauche ul li, #autre #colonneDroite ul li, #colonneCentre ul li {
        list-style: none;  
    }
    
    #autre #formulaire #colonne3, #autre #formulaire #colonneGauche, #autre #formulaire  #colonneDroite {   
        >position:absolute !important;
        
    }
    #autre #formulaire #colonne3 {
    }
    #autre #formulaire #colonneGauche {   
        >margin-bottom:100px;
        >background-color:#ECF9FF;    
    }
    #autre #formulaire #colonneDroite {   
        >margin-bottom:100px;
    }


    #btn_suite, #btn_cancel, .mybutton{                               
        background-repeat:no-repeat;
        background-position:top left;
        height:20px;
        display:block;
        padding:0px 0px 0px 20px;
        margin-top:0px;
        width:auto; > width:10px;      
    }   
    #btn_suite a, #btn_cancel a, .mybutton a{
        background-repeat:no-repeat;
        background-position:top right;
        height:20px;
        display:block;
        padding:4px 20px 0px 0px;
        font-weight: bold;
        font-size:11px;
        color:#FFF;
        text-decoration: none;
    } 
    .mybutton a
    {
    	padding:0px 20px 0px 0px;  
	}
    #btn_suite a:hover, #btn_cancel a:hover, .mybutton a:hover
    #btn_suite a:focus, #btn_cancel a:focus, .mybutton a:focus
    #btn_suite a:active, #btn_cancel a:active, .mybutton a:active {                                            
        text-decoration:underline;
    }   
                               
    #btn_suite{ background-image:url(../../images/frontend/btn_g.gif) !important; background-color: #073C63; float:right; }  
	.mybutton { background-image:url(../../images/frontend/btn_g.gif) !important; background-color: #073C63; float:left; margin-left:10px; }                         
    #btn_suite a, .mybutton a { background-image:url(../../images/frontend/btn_d.gif) !important; }                           
    #btn_suite.puce, .mybutton{ background-image:url(../../images/frontend/btn_g_wh_puce.gif) !important; padding-left:30px !important; }   
   
    #btn_cancel { background-image:url(../../images/frontend/btn2_g.gif) !important; background-color: #0086A7; float:left; }                           
    #btn_cancel a { background-image:url(../../images/frontend/btn2_d.gif) !important; }                           
    #btn_cancel.puce { background-image:url(../../images/frontend/btn2_g_wh_puce.gif) !important; padding-left:30px !important; }                      

    .bloc_btn {
        background-color:#ECF9FF; 
        height:30px;
        padding-bottom: 10px;
        padding-left:30px;
    }