@charset "utf-8";
/* CSS Document */

body { 
	margin: 0 auto;
	padding: 0 0 15px 0;

	background-color: #fff;
	background-position:top;
  background-repeat: repeat-x;
  
 	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;	
	color: #000;
}

h1 {
  color:#000;
  font-size:18px;
  font-weight:bold;
  text-transform: uppercase;
  margin:0px 0px 5px 0px;
}
h2 {
  color:#444444;
  font-size:16px;
  font-weight:bold;
  text-transform: none;
  margin:0px 0px 5px 0px;
}
h3 {
  color:#000;
  font-size:12px;
  font-weight:bold;
  margin:0px 0px 10px 0px;
}
h4 {
  color:#000;
  font-size:11px;
  font-weight:normal;
  margin:0px 0px 10px 0px;
}

em { color: #666; }

cite { color: #ff4100; }

a:link	{ color:#000; text-decoration:underline;}
a:visited { color:#000;  text-decoration:underline;}
a:hover {  color:#000; text-decoration:none;}
a:active { color:#000; text-decoration:underline; }

img { border: 0; padding:0; margin:0; }

p {margin:3px; padding:0;}

td {vertical-align:top;}

.site {}

.head {
 
  z-index:20;
  /*width: 1920px;*/
  height: 200px;
}

.trame {
  position: absolute;
  width:990px;
  height:104px;
  top:96px;
  z-index:100;
  margin: 0;
}

.head_shadow {
  display:block;
  position:relative;
  overflow:hidden;
  z-index:100;
  width: 100%;
  height: 9px;

  background-image: url('../images/banner_shadow.png');
  _background-image:none;
}
.logo_pole_jeune_public {
  position: absolute;
  display:block;
  z-index:600;
  margin: -113px 0px 0px -9px;
  width:94px;
  height:173px;
}
.main {
  display: block;
  z-index:10;
  width: 990px;
  margin: 4px auto 0 auto;
  padding: 0px 9px 0px 4px;
  background-image: url('../images/bg_main.jpg');
  background-repeat: repeat-y;
}

.main_bottom {
  position:relative;
  display: table;
  z-index:30;
  width: 1003px;
  height: 12px;
  margin: 0px auto;
  background-image: url('../images/bg_main_bottom.jpg');
}

.col_left {
  display:block;
  float:left;
  width:161px;
  background-image: url('../images/trame_large.gif');
  margin: 19px 0 0 0;  
} 

.page {
  display:block;
  width:679px;
  _overflow:hidden;
  padding:20px 50px 25px 100px;
  background-image: url('../images/trame_large.gif');
  background-repeat: no-repeat;
  background-position: top center;
  float:left;
  margin: 19px 0 0 0;
} 
.page_head {
  display:block;
  width:700px;
  height:77px;
  overflow:hidden;
}

.page_content {
  display:block;
  width:650px;

}

.page h1 {
  color:#000;
  font-size:18px;
  font-weight:bold;
  text-transform: uppercase;
  margin:0px 0px 5px 0px;
}
.page h2 {
  color:#444444;
  font-size:16px;
  font-weight:bold;
  text-transform: none;
  margin:0px 0px 5px 0px;
}
.page h3, .page h3 input {
  color:#000;
  font-size:12px;
  font-weight:bold;
  margin:0px 0px 10px 0px;
}
.page h4 {
  color:#000;
  font-size:11px;
  font-weight:normal;
  margin:0px 0px 10px 0px;
}


.livredor {
  color:#000;
  font-size:11px;
}

.livredor h2 {
  color:#ff9900;
  font-size:14px;
  font-weight:bold;
  text-transform:uppercase;
  background-image:url('../images/filet_underscore.gif');
  background-repeat:no-repeat;
  background-position:80px bottom;
}
.livredor h3 {
  color:#606060;
  font-size:12px;
  font-weight:bold;
  font-style:italic;
  margin:0;
}
.livredor h4 {
  color:#ff9900;
  font-size:10px;
  font-weight:normal;
  border-bottom:1px solid #ccc;
  margin:0px 0px 10px 0px;
}
.livredor input.submit {
  color:#ff9900;
  font-size:11px;
  font-weight:normal;
  border:1px solid #ff9900;
  background-color:#fff;
  margin:10px;
}





.page_head h1{
  display: block;
  float: left;
  color:#000;
  font-size:18px;
  font-weight:bold;
  text-transform: uppercase;
  color: #000;
  margin:0;
  padding:0;
}
.page_head h2{
  display: block;
  float: left;
  width: auto;
  height:15px;
  font-size:14px;
  font-weight:bold;
  text-align:center;
  background-color:#ff9900;
  color: #fff;
  margin:2px 0px 0px 0px;
  padding:3px 15px 3px 15px;
}    

.page_head h3{
  display: block;
  float: left;
  height:20px;
  width:auto;
  font-size:18px;
  font-weight:bold;
  color: #ff9900;
  margin:0px 10px 0px 10px;
  padding:0;
}
.img_top_container_spectacle {
    display: block;
    position:absolute;
    overflow:hidden;
    background-color: #000;
    width: 989px;
    height: 225px;    
    z-index:10; 
    margin:-225px 0px 0px 0px;  
    *margin:-225px 0px 0px -989px;
    _margin:-225px 0px 0px -161px;  
}

.page_select_img_01 {
  position:absolute;
  z-index:1000;
  margin:-42px 0px 0px -259px;
  *margin:-42px 0px 0px -258px; 
  _margin:-60px 0px 0px 0px; 
}
.page_select_img_02 {
  position:absolute;
  z-index:1000;
  margin:-42px 0px 0px 293px;
  *margin:-42px 0px 0px 295px;
  _margin:-60px 0px 0px -160px ;
}
.page_select_img_03 {
  position:absolute;
  z-index:1000;
  margin:-42px 0px 0px 514px; 
  *margin:-42px 0px 0px 515px; 
  _margin:-60px 0px 0px 60px;  
}

.spectacle_select_img_01 {
  position:absolute;
  z-index:1000;
  margin:-42px 0px 0px -259px;
  *margin:-42px 0px 0px -880px; 
  _margin:-60px 0px 0px 0px; 
}
.spectacle_select_img_02 {
  position:absolute;
  z-index:1000;
  margin:-42px 0px 0px 293px;
  *margin:-42px 0px 0px -330px;
  _margin:-60px 0px 0px -160px ;
}
.spectacle_select_img_03 {
  position:absolute;
  z-index:1000;
  margin:-42px 0px 0px 514px; 
  *margin:-42px 0px 0px -110px; 
  _margin:-60px 0px 0px 60px;  
}

.img_top_container {
    display: block;
    position:relative;
    background-color: #000;
    width: 989px;
    height: 225px;
    overflow:hidden;
    z-index:500;
    margin-top:-13px;

    
}
.img_top_popup_big {
    display: block;
    visibility:hidden;
    position:absolute;
    z-index:50;
    background-image: url('../images/bg_img_top_popup_big.png');
    _background-image: url('../images/bg_img_top_popup_big.gif');
    margin:2px 0px 0px 315px;
    padding:0px;
    width: 197px;
    height: 202px;
    overflow: hidden;
}
.img_top_popup_big h3 {
  display:block;
  color:#000;
  font-size:9px;
  font-weight:bold;
  width:152px;
  height:95px;
  margin:10px 0px 0px 20px;
  overflow: hidden;
}
.img_top_popup_big h2 {
  display:block;
  height:20px;
  overflow:hidden;
  color:#000;
  font-size:11px;
  letter-spacing: -1px;
  font-weight:bold;

  margin:5px 10px 0px 12px;

}
.img_top_popup_big h4 {
  float:left;
  display:block;
  width: 67px;
  height: 28px;
  margin:8px 0px 0px 8px;
  padding:3px 0px 0px 16px;
  color:#000;
  font-size:12px;
  font-weight:bold;
  background-image: url('../images/bg_top_popup_big_reserver.gif');
}

.img_top_popup_big h5 {

  color:#000;
  font-size:11px;
  font-weight:bold;
  margin:12px 0px 0px 110px;
}
.img_top_popup_big h2 a,.img_top_popup_big h4 a, .img_top_popup_big h5 a{
  text-decoration:none;
}
.img_top_popup_big h2 a:hover,.img_top_popup_big h4 a:hover, .img_top_popup_big h5 a:hover{
  text-decoration:underline;
}
.img_top_popup_bt_close {
    display: block;
    z-index:500;
    width:13px;
    height: 13px;
    margin:6px 0px 0px 172px;
    background-image: url('../images/img_top_bt_close.gif');
    background-color:transparent;  
}
.img_top_popup_bt_close:hover {
  background-image: url('../images/img_top_bt_close.gif');
  background-color:#ffcc00;
}

.img_top_popup {
    z-index:10;
    background-image: url('../images/bg_img_top_popup.png');
    margin:0px 0px 0px 0px;
    padding:8px 8px 0px 0px;
    overflow: hidden;
}
table.img_top_popup {
  position:absolute;
  z-index: 50;
  width:500px;
  overflow:hidden;
  background-image:none;
  padding:0;
  margin:0;
}
table.img_top_popup td {
padding:0;
margin:0;
background-image:none;
vertical-align:bottom;
height:223px;
}


.img_top_popup h1 {
  float:left;
  color:#fff;
  font-size:15px;
  font-weight:bold;
  text-transform: uppercase;
  margin:0px 5px 5px 8px;
}
.img_top_popup h2 {
  float:left;
  color:#ffcc00;
  font-size:12px;
  font-weight:bold;
  margin:0px 5px 0px 5px;
}
.img_top_popup h3 {
  float:left;
  color:#ffcc00;
  font-size:13px;
  font-weight:normal;
  margin:0;
}
.img_top_popup_bt_voir {
    display: block;
    position: absolute;
    z-index:60;
    margin: 204px 0px 0px 490px;
    width:13px;
    height: 13px;
    background-image: url('../images/img_top_bt_voir.gif');
    background-color:transparent;  
}
.img_top_popup_bt_voir:hover {
  background-image: url('../images/img_top_bt_voir.gif');
  background-color:#000;
}
.img_top_left{
  display:block;
  float:left;
  width:547px;
  height:223px;
  border-top:1px dashed #fff;
  border-bottom:1px dashed #fff;
  overflow:hidden;
}
.img_top_middle{
  display:block;
  float:left;
  width:220px;
  height:223px;
  border-top:1px dashed #fff;
  border-bottom:1px dashed #fff;
  border-left:1px dashed #fff;
  border-right:1px dashed #fff;
  overflow:hidden;
}
.img_top_right {
  display:block;
  float:left;
  width:220px;
  height:223px;
  border-top:1px dashed #fff;
  border-bottom:1px dashed #fff;
  overflow:hidden;
}


.age_barre {
  position:absolute;
  top:421px;
  display: table;
  width:989px;
  *width:991px;
  height: 19px;
  color:#595959;
  background-color: #000;
  margin: 4px 0 0 0;
  *margin: 4px 0 0 -989px;
  *z-index:2000;  
}
.age_barre table {
  background-color:#000;
}



.recherche {
  display:block;
  float:left;
  width:142px;
  height:143px;
  padding:10px;
  background-color:#ffcc00;
  margin: 0 0 0 0;
}
.recherche img{ padding:1px; _padding:0px 0px 2px 0px; *padding:0px 0px 2px 0px; }
.recherche_bloc { margin-top:-5px; }
.recherche form {
  margin:0;
  padding:0;
}
.bg_input_recherche{
  background-image: url('../images/bg_input_search.png');
  _background-image: none;
  background-repeat:no-repeat;
  width: 121px;
  height: 15px;
  padding: 3px 7px 13px 12px;
}
.bg_input_recherche input, .bg_input_recherche select, 
  width: 115px;
  height: 15px;
  font-size: 9px;
  border:1px solid #888;
  margin:0;
  padding:0;

}
.bg_input_recherche option {  margin:0px 0px 0px 6px;}

.recherche input.submit {
  float:right;
  width: 20px;
  height: 16px;
  font-size: 9px;
  font-weight: normal;
  border:1px solid #888;
  margin:0;
  padding:0;
  background-color:#fff;
  display:table-cell;
  vertical-align:middle;
}
.recherche input.submit:hover {
  color:#ffcc00;
  background-color:#000;
  cursor: pointer;
}
.bottom { 
  display:block;
  float:left;
  width:667px;
  height:163px;
}
.a_la_une {
  display:block;
  float:left;
  padding:10px 10px 0px 10px;
  width:645px;
  height:143px;
  overflow:hidden;
  margin: 19px 0 0 0;
}

.bt_recevoir_programme {
  float:left;
  width:149px;
  height:67px;
  padding: 42px 0px 0px 30px;
  margin:-15px 0px 0px 15px;

  font-size: 12px;
  font-weight: bold;
  background-image: url('../images/bt_recevoir_programme.gif');
}

.newsletter {
  display:block;  
  overflow:hidden;
  float:left;
  width:142px;
  height:143px;
  background-color:#000;
  font-size:9px;
  color:#7d7d7d;
  font-weight: bold;
  padding:10px;
  margin: 0 0 0 0;
}

.newsletter a{color:#7d7d7d;}


.newsletter img{ padding:5px; _padding:0px; *padding:0px; }
.newsletter form {
  margin:10px 0 10px 0;
  padding:0;
}
.bg_input_newsletter{
  background-image: url('../images/bg_input_newsletter.gif');
  background-repeat: no-repeat;
  width: 121px;
  height: 15px;
  padding: 5px 7px 13px 12px;
}

.bg_input_newsletter input {
float:left;
  width: 95px;
  height: 13px;
  font-size: 10px;
  border:1px solid #888;
  margin:0;
  padding:0;
}
.bg_input_newsletter input.submit {
  float:left;
  width: 20px;
  height: 17px;
  font-size: 9px;
  font-weight: bold;
  border:1px solid #959595;
  margin:0px 0px 0px 2px;
  padding:0;
  color:#000;
  background-color:#959595;
}
.bg_input_newsletter input.submit:hover {
  background-color:#fff;
  cursor: pointer;
}


a:link.newsletter_clic, a:active.newsletter_clic, a:visited.newsletter_clic {
  color:#fff;
  font-size:11px;
  margin-left:5px;
  text-decoration:underline;
}
a:hover.newsletter_clic {
  text-decoration:none;
  cursor:pointer;
}

table.spectacle_head {
  display: table;
  width: 622px;
  color:#000;
}
table.spectacle_head td {
  display: table-cell;
  vertical-align:middle;
  text-align: center;
  background-color:#fff;
  padding:3px;
}

table.spectacle_head td.border-top {
  border-top:1px solid #ff9900;
}
table.spectacle_head td.border-right {
  border-right:1px solid #ff9900;
}
table.spectacle_head td.border-bottom {
  border-bottom:1px solid #ff9900;
}
table.spectacle_head td.border-left {
  border-left:1px solid #ff9900;
}

table.spectacle_head td.spectacle_compagnie {
  font-size: 12px;
  color: #000;
  text-transform: uppercase;
}
table.spectacle_head td.spectacle_compagnie_url a:link {
  font-size: 12px;
  color: #959595;
  text_decoration: none;
}
table.spectacle_head td.spectacle_type {
  font-size: 12px;
  font-weight: bold;
  color: #ff9900;
  text-transform: uppercase;
}
table.spectacle_head td.spectacle_duree {
  font-size: 12px;
  font-weight: bold;
  color: #000;
  text-align:center;
}
table.spectacle_head td.donnez_votre_avis a:link {
  font-size: 12px;
  color: #ff9900;
  text-decoration: none;
  text-align:center;
}
a:link.reserver, a:active.reserver, a:visited.reserver {
  display: block;
  text-align:left;
  background-image: url('../images/bg_reserver.gif');
  background-repeat: no-repeat;
  width: 103px;
  height: 32px;
  color: #fff;
  font-weight: bold;
  font-size:13px;
  padding: 4px 0px 0px 25px;
  text-decoration: none;
}
 table.spectacle_head td.titre_date {
  font-size: 11px;
  font-weight: bold;
  color:#fff;
  background-color: #ff9900;

} 
 
table.spectacle_descriptif {
  display: table;
  width: 622px;
  margin-top:20px;
}
table.spectacle_descriptif td.spectacle_public {
  font-size: 12px;
  font-weight: bold;
  color: #ff9900;

} 
 
a:hover.reserver {
  text-decoration: underline;
  }

a:link.recevoir_programme_spectacle, a:visited.recevoir_programme_spectacle, a:active.recevoir_programme_spectacle  {
  display:block;
  float:left;
  font-size:11px;
  font-weight:bold;
  color:#000;
  margin:7px 0px 0px 0px;
  padding:7px 0px 0px 22px;
  width:142px;
  height:51px;
  background-image:url(../images/bt_recevoir_programme_spectacle.gif);
  background-repeat:no-repeat;
  text-decoration: none;
}
a:hover.recevoir_programme_spectacle  {
  text-decoration: underline;
}





.forum {}
.forum h2 {
  font-size:22px;
  font-weight:bold;
  color:#606060;
  margin:15px 0px 15px 0px;
}
.forum h3 {
  font-size:12px;
  font-weight:bold;
  font-style:italic;
  color:#606060;
  margin:0px 0px 5px 0px;
}
.forum h4 {
  font-size:10px;
  color:#1ac3cc;
  margin:0px 0px 15px 0px;

}
.forum h5, .forum h5 input  {
  font-size:13px;
  color:#000;
  margin:0;
  padding:0;
}
.forum h6 {
  font-size:11px;
  color:#1ac3cc;
  font-weight:normal;
  margin:0;padding:0;
}
.forum input.submit, .forum a:link, .forum a:active, .forum a:visited {
  color:#4de6ee;
  font-size:11px;
  font-weight:normal;
  border:1px solid #1ac3cc;
  background-color:#fff;
  margin:10px;
}

.forum a:link, .forum a:active, .forum a:visited {
  display:block;
  text-align:center;
  float:right;
  color:#4de6ee;
  font-size:12px;
  font-weight:bold;
  width:auto;
  height:auto;
  font-weight:normal;
  border:1px solid #1ac3cc;
  background-color:#fff;
  margin:10px;
  padding:5px;
  text-decoration:none;
}
.forum a:hover {
  color:#000;
  border:1px solid #1ac3cc;
  background-color:#1ac3cc;
 
}


.forum table {
  width:100%;

}
.forum table td {
  border-bottom:1px solid #1ac3cc;
  padding:10px 3px 10px 3px;
  vertical-align:bottom;

}







.footer {
  display:table;
  padding:5px 10px 0px 10px;
  width:969px;
  height:36px;
  color:#919494;
  background-repeat:repeat-x;
  background-position:left top;
}
.footer table {  width:100%; }
.footer td{  text-align:center; vertical-align:middle;}
.footer a:active, .footer a:visited, .footer a:link { 
  color:#aeb0b0;
  text-decoration:underline;
}
.footer a:hover { 
  color:#aeb0b0;
  text-decoration:none;
}

.calendrier_mois {
  display:block;
  width:100%;
  color:#b5b5b5;
  font-size:20px;
  font-weight:normal;
  text-transform:capitalize;
  background-image:url('../images/filet_underscore.gif');
  background-repeat:no-repeat;
  background-position:80px bottom;
  margin:5px 0px 10px 0px;
}

.calendrier_mois_precedents {
    display:block;
    width:718px;
    background-image: url('../images/trame_theme_orange_spectacle.gif');
    background-repeat: repeat-y;
    background-position: 200px 0;
    margin:20px 0px 0px -261px;
    padding:10px 10px 10px 261px;
}
table.calendrier {
  margin:0px 0px 15px 0px;
}
table.calendrier td {
  vertical-align:middle;
}
a:link.calendrier_titre, a:visited.calendrier_titre, a:active.calendrier_titre {
  font-size:15px;
  font-weight:bold;
  text-transform:uppercase;
  color:#ff7800;
  text-decoration:none;
}
a:hover.calendrier_titre {
  text-decoration:underline;
  color:#000;
}
td.calendrier_type, .calendrier_type {
  text-align:left;
  font-size:13px;
  font-weight:bold;
  color:#898989;
}
td.calendrier_type {
  text-align:left;
  font-size:13px;
  font-weight:bold;
  color:#898989;
}
td.calendrier_public_ref {
  text-align:left;
  font-size:11px;
  color:#000;
}
td.calendrier_date {
  text-align:left;
  font-size:11px;
  color:#000;
}

.calendrier_barre {
  color:#ff7800;
  font-weight:bold;
  padding: 0px 10px 0px 10px;
}

a:link.calendrier_link, a:visited.calendrier_link, a:active.calendrier_link {
  font-size:11px;
  color:#ff7800;
  text-decoration:none;
}
a:hover.calendrier_link {
  text-decoration:underline;
}
td.calendrier_resume {
  text-align:left;
  font-size:11px;
  color:#000;
}


table.form  {
  width:70%;
  font-size:11px;
  color:#444;

}

.media_type {
  border:1px solid #fff;
}
.media_type:hover {
  border:1px solid #ff9900;
  cursor:pointer;
}