/* CSS Document */

body {
background: url(img/bgk_general.gif) left top repeat-x;
text-align: center; /*Pour IE*/
margin: 0px;
padding: 0px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
background-color: #D0CEC8;
}

#container {
position:relative;
background: url(img/bgk_ombre.png) left top repeat-y;
width: 908px;
margin: 0px auto 0px auto;
text-align: left;

}

#bk_conteneur {
background: url(img/filet_bk_col_gauche.gif) left top repeat-y;
display: inline-block; /* Corrige un bug de HasLayout dans IE6 */
}

#menu_gauche {
position:relative;
left: 4px; 
padding: 0px;
width: 180px;
min-height:720px;
float:left;
background:url(img/col_haut_menu.jpg) top left no-repeat;
height:720px;
display: inline-block; /* Corrige un bug de HasLayout dans IE6 */
}

#header {
position:relative;
left: 4px; 
margin: 0px;
padding: 0px;
width: 721px;
float:left;
height: 291px;
}

.bkAriane {
position:relative;
left: 4px; 
margin: 0px;
padding: 3px 0 0 0;
width: 720px;
float:left;
height: 20px;
font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#707985;
background: url(img/bordure_ariane.gif) left top repeat-y;
background-color: #EFEFF1;
}

#ariane {
margin: 0 0 0 18px;
padding:0;
}

#ariane a {color: #535F64; text-decoration:none;}
#ariane a:hover {color: #BD2775;}

#contenu{
position:relative;
margin: 20px 50px 0 50px;
padding: 0;
font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 19px;
}

#contenu a {color: #B82E8B; text-decoration:none;}
#contenu a:hover {color:#535F64;} /**/

.bkContenu {
position:relative;
/*left: 4px; */
margin: 0px 0px 0px 4px;
padding: 0;
width: 720px;
min-height:420px;
float:left;
background: url(img/deg_vert_col.jpg) left top no-repeat;
}

#footer {
background: url(img/footer_ths.png) left top no-repeat;
margin: 0px auto 0px auto;
width: 908px;
height: 64px;
text-align:left;

}

#credits {
margin-top:10px;
font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#535F64;
}

#credits  a {color: #535F64; text-decoration:none;}
#credits a:hover {color: #B82E8B;}

/**********************  
	MENU GAUCHE   
**********************/
/*	Navigation  */


#menu_gauche div.accueil{
position:absolute;
left: 0; /* 2px; */
top: 0 ; /*2px;*/
width:175px;
height:160px; 
padding: 0px;
}

#menu_gauche div.bouton{
position:absolute;
left: 4px;
top:180px;
width:173px;
height:101px; 
padding: 0px;
text-align:right;
}


#menu_gauche ul{
margin: 291px 0 0 0;
padding: 0px;
background: url(img/pointille_menu.gif) right bottom no-repeat;  /* Filet menu bas */
padding-bottom: 1px;  /* Filet menu bas */
text-align:right;
}

ul.menu{
list-style-type: none;
font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif ;
}

div#menu_gauche li a{
display:block;
text-decoration: none;
/*margin-right: 17px;*/
margin-left:17px;
}

div#menu_gauche li a:hover{
 /*background-color: #C7CACF; */
margin-left:17px;
}

/* Classe typo3  */

.menu1_level1_no a {
/*height: 12px;*/
text-indent:10px;

color:#202426;
padding-top: 10px;
padding-bottom: 14px;
padding-right:12px; 
background: url(img/pointille_menu.gif) right top no-repeat;
/*border-top: 1px dotted #CCCCCC;*/
}

.menu1_level1_no a:hover { color: #BD2775;}

.menu1_level1_act a{

/*height: 12px;*/
text-indent:10px;
background-color: #CCF1F4;
color:#535F64;
font-weight:bold;
padding-top: 10px;
padding-bottom: 14px;
padding-right:12px; 
background: url(img/pointille_menu.gif) right top no-repeat;
/*border-top: 1px solid #CCCCCC;*/
}

.menu1_level1_act a:hover {font-weight:bold;}

.menu1_level2_no a {
/*height: 12px;*/
text-indent:0px;
/*font: 11px Georgia, "Times New Roman", Times, serif;*/
color: #202426;
border-top: 0px;
padding-right:12px; 
padding-top: -2px;
padding-bottom: 6px;
display: block;
}

.menu1_level2_no a:hover {color: #BD2775;}

.menu1_level2_act a{
/*height: 12px;*/
text-indent:0px;
/*font: 11px Georgia, "Times New Roman", Times, serif;*/
color: #BD2775;
border-top: 0px;
padding-right:12px; 
padding-top: -2px;
padding-bottom: 6px;
display: block;
}

/**********************  
	TEXTE
**********************/

h1 { /* titre page */
font-size: 21px;
}

h2 { /* titre spectacle */
font-size: 24px;
color:#B82E8B;
margin-top:7px;
margin-bottom:5px;
}

h4 { /* sous-titre gris */
font-size: 14px;
color:#666;
font-weight:bold;
margin:0;
padding:0;
}

h3 { /* sous-titre noir */
font-size: 15px;
color:#666;
font-weight:bold;
margin: 0 0 4px 0 ;
padding:0;
/*text-decoration: underline;*/
/*text-transform:uppercase;*/
}

h5 { /* titre actualité  */
font-size: 19px;
color:#B82E8B;
margin-top:0px;
margin-bottom:4px;
display:block;
}

h6 { /* texte petit */
font-size: 10px;
color:#000;
font-weight:normal;
line-height: 13px;
margin: 4px 0 4px 0 ;
padding:0;
}

.theme { /* date spectacle */
font-size: 12px;
color:#000;
font-weight:bold;
text-transform: uppercase;
margin:0;
padding:0;
}

.titreInter {
font-size: 21px;
color:#666;
font-weight:bold;
margin: 0 0 4px 0 ;
padding:0;
}

.panier {
position: absolute;
top:0;
background: url(img/bkPanier.gif) right top no-repeat;
width:170px;
height:73px;
font-size: 11px;
padding: 2px 0 0 0;
margin: 0  0 0 450px;
}

.infos_tarif {
position: absolute;
top:0;
background: url(img/bkPanier.gif) right bottom no-repeat;
width:170px;
height:51px;
font-size: 11px;
padding: 2px 0 0 0;
margin: 0  0 0 450px;
}

.legende_lieu {
position: absolute;
background: url(img/bkLegende.gif) right top no-repeat;
top:7px;
width:170px;
height:73px;
font-size: 11px;
padding: 2px 0 0 0;
margin: 0  0 0 450px;
}

.legende_ag_ths { color:#909090; font-size:11px; display:block; margin : 1px 0 4px 0; padding: 0 0 0 25px;  }
.legende_ag_pc {  color:#909090; font-size:11px; display:block; margin : 1px 0 5px 0; padding: 0 0 0 25px;  }
.legende_ag_ve { color:#909090; font-size:11px; display:block; margin : 1px 0 4px 0; padding: 0 0 0 25px;  }




.retour {
position: absolute;
top:0;
background: url(img/bkRetour.gif) right top no-repeat;
width:170px;
height:25px;
font-size: 11px;
padding: 2px 0 0 0;
margin: 0  0 0 450px;
}

.calendrierMois { color:#B7BCC2; text-transform: uppercase; font-size:17px; display:block; margin-bottom: 0px;}
.calendrierTheme {font-size: 12px; color:#000; font-weight:bold; text-transform: uppercase; display:block; margin-top: 10px; display:block; margin : 6px 0 -2px 0; padding:0;  }

.calendrierTheme {font-size: 11px; color:#000; font-weight:bold; text-transform: uppercase; display:block; margin-top: 10px; display:block; margin : 6px 0 -4px 0; padding: 0;  }

.calendrierSpectacle { color:#BD2673; font-size:15px; font-weight:bold;  }

.calendrierDate { color:#909090; font-size:11px; display:block; margin : -2px 0 0px 0; padding: 0px;  }


.calendrierDate_pc {background:url(img/pict_pc.gif) top left no-repeat;  color:#909090; font-size:11px; display:block; margin : 1px 0 10px 0; padding: 0 0 0 17px;  }

.calendrierDate_ve {background:url(img/pict_ve.gif) top left no-repeat; color:#909090; font-size:11px; display:block; margin : 1px 0 10px 0; padding: 0 0 0 17px;  }

.calendrierDate_ths {background:url(img/pict_ths.gif) top left no-repeat; color:#909090; font-size:11px; display:block; margin : 1px 0 10px 0; padding: 0 0 0 24px;  }


#contenu table.calendrier td {  border-left-color:#DDDFE1; border-left-width: 1px; border-left-style: solid; padding-left:10px; width:206px; vertical-align:top;  } 

.sepCalendrier {height:1px; margin :12px 0 12px  0; padding:0; font-size:1px; background-color:#DDDFE1; color:#DDDFE1; width:618px; border: none;  }

.treizepx {font-size: 13px;}
.onnzepx {font-size: 11px;}

.casting {font-size: 12px; line-height: 17px;}

.grey {color:#999;}
.lightGrey {color:#CCC;}
.darkGrey {color:#666;}
.red {color:#D70708;}

.hautTableau{ background-color:#B81319; text-align:center; color:#FFF; font-weight:bold; padding:2px 0; font-size: 13px;}
.basTableau{ background-color:#EFEFEF; text-align:center; color:#000;  padding: 2px 0; font-size: 13px;}

.panier a{color: #B82E8B; text-decoration:none;}
.panier a:hover{color:#535F64;}

#contenu a img{ border: 1px #FFF solid;}
#contenu a:hover img{ border: 1px #CCC solid;}

/**********************  
	DIVERS   
**********************/

#contenu ul{margin-top: 8px; list-style-type:square; }
#contenu ul li{margin-bottom: 5px ; }

.imgtextleft {
display:block;
float: left;
margin: 3px 8px 0px 0px;
/*border: 1px solid #C8CAD0;*/
}

.imgtextright {
display:block;
float: right;
margin: 3px 0 0 8px;
}

.fondDiagonal {background: url(img/bk_barre.jpg) top left repeat-y ; padding: 0 6px 0 6px;  }

.encadrement {
background-color:#EFEFEF; 
padding: 8px; 
margin: 0;
font-size:13px;
}

hr.clear{
clear:both;
visibility: hidden;
margin: 0;
}