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

.enteteFiche{
	width:auto;
	height:auto;
	display: block;
	position:relative;
	margin-left:25px;
	text-align:left;
}
.btNavigation{
	width:65px;
	height:140px;
	display: inline-block;
	position:relative;
	vertical-align:top;
}
.btListe,.btFlecheG,.btFlecheD{
	filter : alpha(opacity=50); opacity : 0.5;
}
.btListe:hover,.btFlecheG:hover,.btFlecheD:hover{
	filter : alpha(opacity=100); opacity : 1;
}
.btListe{
	width:40px;
	height:40px;
	display: block;
	position:relative;
	z-index:5;
	background:transparent url('/media/img/picto_liste.png') left top no-repeat; background-size: 100%;
}
.btFlecheG{
	width:40px;
	height:40px;
	display: block;
	position:relative;
	z-index:5;
	background:transparent url('/media/img/picto_flecheG.png') left top no-repeat; background-size: 100%;
	
}
.btFlecheD{
	width:40px;
	height:40px;
	display: block;
	position:relative;
	z-index:5;
	background:transparent url('/media/img/picto_flecheD.png') left top no-repeat; background-size: 100%;
	
}
.btFlecheG,.btFlecheD{ margin-top:5px;}
.infosEntete{
	width:80%;
	height:auto;
	display: inline-block;
	position:relative;
	z-index:10;
	vertical-align:top;
	font-family: "tablet-gothic-compressed",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size:20px;
	line-height:20px;
}
.infosEntete2{
	width:100%;
	height:auto;
	display: inline-block;
	position:relative;
	z-index:10;
	vertical-align:top;
	font-family: "tablet-gothic-compressed",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size:20px;
	line-height:20px;
}
.blocSousTitre{
	width:auto;
	height:auto;
	display: block;
	position:relative;
	vertical-align:top;
	font-family: "tablet-gothic-compressed",sans-serif;
	font-style: normal;
	font-weight: 200;
	font-size:40px;
	line-height:40px;
}
.infosEntete h1{
	line-height:70px;
	margin: 0;
	padding: 0;
}
.blocMcGeneric{
	width:100%;
	height:auto;
	display: inline-block;
	position:relative;
	vertical-align:top;
	margin:20px 0 0 10px;
}
.blocMcGeneric .motscleSlide{
	width:auto;
}
.blocMotscle .bgMotscle{color:#ffffff !important;}
.blocGeneric{
	width:auto;
	height:auto;
	display: block;
	position:relative;
	font-family: "tablet-gothic-compressed",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size:20px;
	margin-top:10px;
}
.blocPhotoDate{
	width:960px;
	height:auto;
	display: inline-block;
	position:relative;
	text-align:left;
}
.blocMediasG{
	width:675px;
	height:auto;
	display: inline-block;
	position:relative;
	text-align:left;
}
.blocPhoto{
	width:675px;
	height: auto;
	display: inline-block;
	position:relative;
	vertical-align:top;	
}
.blocDateLieuTarif,.blocSalle,.blocTarifsAlerte{
	width:265px;
	height:auto;
	display: inline-block;
	position:relative;	
	vertical-align:top;	
}
.datesLieuMoisSlide {
    width: 265px !important;
}
.blocDateLieuTarif{
	margin-left:10px;
}
.blocTarifsAlerte{
	font-family: "tablet-gothic-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size:16px;
	line-height:16px;
	margin-top:5px;
}
.blocSalle{
	font-family: "tablet-gothic-compressed",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size:20px;
	text-transform:uppercase;
	text-align:left;
}
.blocDatesSlide .dates{
	background-color: rgba(102,102,102,.1) !important;	
}
.blocMois{
	border-right:none !important;
}
.blocHoraire{
	width:auto;
	float:right;
	font-family: "tablet-gothic-compressed",sans-serif;
	font-style: normal;
	font-weight: 200;
	text-transform:uppercase;
	font-size:20px;
}
.blocReservation {
	float:right;
	width: 36px;
	height:31px;
	margin-left:5px;
}
.noReservation {
	float:right;
	width: 36px;
	height:31px;
	margin-left:5px;
}
.traitGris{
	width:100%;
	height:1px;
	line-height:1px;
	background-color:rgba(102,102,102,.1);
	margin:5px 0px 5px 0px;
	display: block;
	position:relative;	
}

.blocTarifs{
	width:120px;
	height:auto;
	display: inline-block;
	position:relative;	
	vertical-align:top;	
}
.blocTarifs p{
	margin: 0;
}
.blocAlerte{
	width:144px;
	height:auto;
	float:right;
}
.pictoAlerte{
	width:20px;
	height:20px;
	position:absolute;
	z-index:5;
	background:transparent url('/media/img/picto_alerte.png') left top no-repeat; background-size: 100%;	
}
.couleurFond{
	width:20px;
	height:20px;
	display: inline-block;
	position:relative;
	z-index:1;	
}
.txtAlerte{
	width:115px;
	height:auto;
	display: inline-block;
	position:relative;	
	vertical-align:top;
	margin-left:5px;
}
.blocReserver{
	width:115px;
	height:40px;
	display: inline-block;
	position:relative;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-radius: 5px 5px 5px 5px;
	margin-top:20px;
}
.blocReserver:hover{
	background-color:#000000;
}
.pictoReserver{
	width:32px;
	height:32px;
	display: inline-block;
	position:relative;
	background:transparent url('/media/img/pt_picto_billetterie.png') left top no-repeat; background-size: 100%;
	vertical-align:top;
	margin:5px 0 0 5px;
}
.txtReserver{
	width:auto;
	height:40px;
	line-height:38px;
	display: inline-block;
	position:relative;	
	margin-left:5px;
	vertical-align:middle;
	font-family: "tablet-gothic-compressed",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size:20px;
	color:#ffffff;
	text-transform:uppercase;
}
.blocMediasDivers{
	width:675px;
	height:auto;
	display: inline-block;
	position:relative;
	margin-top:10px;
}
.blocMedias{
	width:auto;
	height:30px;
	line-height:30px;
	display: inline-block;
	position:relative;
	filter : alpha(opacity=50); opacity : 0.5;
	padding-right:10px;
}
.blocMedias:hover{
	filter : alpha(opacity=100); opacity : 1;
}
.pictoDiapo{
	width:30px;
	height:30px;
	display: inline-block;
	position:relative;
	background:transparent url('/media/img/bt_plusGris.png') left top no-repeat; background-size: 100%;
	vertical-align:middle;
}
.pictoVideo{
	width:30px;
	height:30px;
	display: inline-block;
	position:relative;
	background:transparent url('/media/img/bt_playGris.png') left top no-repeat; background-size: 100%;
	vertical-align:middle;
}
.pictoAudio{
	width:30px;
	height:30px;
	display: inline-block;
	position:relative;
	background:transparent url('/media/img/picto_audio.png') left top no-repeat; background-size: 100%;
	vertical-align:middle;
}
.pictoDoc{
	width:30px;
	height:30px;
	line-height:30px;
	display: inline-block;
	position:relative;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	border-radius: 15px 15px 15px 15px;
	background-color:#e30613;
	color:#ffffff;
	font-family: "tablet-gothic-compressed",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size:16px;
	text-align:center;
	text-transform:uppercase;
	vertical-align:middle;
}
.txtMedias,.txtDoc{
	width:auto;
	height:auto;
	display: inline-block;
	position:relative;
	color:#000000;
	font-family: "tablet-gothic-compressed",sans-serif;
	font-style: normal;
	font-weight: 200;
	font-size:16px;
	line-height:16px;
	text-transform:uppercase;
	vertical-align:middle;
	margin-left:5px;
}
.txtDoc{
	color:#e30613 !important;
}	
.blocAccroche{
	width:100%;
	height:auto;
	display: inline-block;
	position:relative;
	margin-top:20px;
	font-size:40px;
	line-height:40px;
	font-weight:lighter;
	font-family: "tablet-gothic-compressed",sans-serif;
	font-style: normal;
	font-weight: 200;
}

.contenuFiche{
	width:100%;
	height:auto;
	display: inline-block;
	position:relative;
	margin-top:20px;
}
/*** onglets ***/
ul#onglets {
	list-style:none;
	float:left;
	width: 100%;
	height:auto;
	text-transform:uppercase;
	font-size:20px !important;
	color: rgba(0,0,0,.5);
	margin:0;
	padding:0;
}
ul#onglets li {
	float:left;
	height: 40px;
    line-height: 40px;
	cursor:pointer;
	padding:0 10px;
	text-align:center;
	font-family: "tablet-gothic-compressed",sans-serif;
	font-style: normal;
	font-weight: 200;	
}
ul#onglets li:not(:last-child){border-right:solid 1px #efefef;}
li.sel {
	background-color:#efefef;
	color: rgba(0,0,0,1);
}
div#listContent > div {
	display: none;
}
div#listContent {
	background-color:#efefef;
	float:left;
	width:100%;
	padding:40px;
}
.contenuOnglet{
	width:100%;
	height:auto;
	display: inline-block;
	position:relative;
	font-family: "tablet-gothic-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size:16px;
	line-height:18px;
}
.txtPresentationG{
	width:440px;
	height:auto;
	display: inline-block;
	position:relative;
}
.txtPresentationD{
	width:400px;
	height:auto;
	float:right;
}
.txtPresentationD i{
	font-size:14px;
	line-height:14px;
	color:#666666;
}
.logos{
	width:auto;
	display: inline-block;
	position:relative;
	margin-right:10px;
}
.txtPresentationD strong,.blocRdv strong{
	font-family: "tablet-gothic-condensed",sans-serif;
	font-style: normal;
	font-weight: 700;
}
.txtAutour,.blocRdv,.contenuResto,.blocPresse,.blocMediasPresse,.blocTelechargement,.txtTelechargement,.blocRepresentation,.blocDecouvrir,.txtDecouvrir{
	width:100%;
	height:auto;
	display: inline-block;
	position:relative;
	
}
.blocRdv{
	line-height:24px;
}
.blocPresse,.blocPresse h4{
	margin-bottom:4px;
	font-family: "tablet-gothic-condensed",sans-serif !important;
	font-weight: 300 !important;
}

.blocResto{
	width:100%;
	height:38px;
	line-height:38px;
	display: inline-block;
	position:relative;
}
.pictoResto{
	width:23px;
	height:38px;
	float:left;
	background:transparent url('/media/img/picto_resto.png') left top no-repeat; background-size: 100%;
}
.txtResto{
	width:auto;
	height:auto;
	display: inline-block;
	position:relative;
	vertical-align:middle;
	margin-left:5px;
}
.contenuOnglet .blocMedias,.txtTelechargement,.blocRepresentation{
	margin-bottom:10px;
}
.contenuResto,.blocMediasPresse{
	margin-top:10px;
}
.blocTelechargement,.txtEnseignants,.txtDecouvrir{
	margin-top:20px;
}
.blocMediasPresse .pictoDoc,.blocMediasPresse .pictoVideo,.blocMediasPresse .pictoAudio{
	filter : alpha(opacity=50); opacity : 0.5;
	margin-right:5px;
}
.blocMediasPresse .pictoDoc:hover,.blocMediasPresse .pictoVideo:hover,.blocMediasPresse .pictoAudio:hover{
	filter : alpha(opacity=100); opacity : 1;
}
.blocEnseignantG{
	width:635px;
	height:auto;
	display: inline-block;
	position:relative;
	border-right:solid 1px rgba(0,0,0,.1);
}
.blocEnseignantD{
	width:230px;
	height:auto;
	float:right;
}
.blocClassesEnseignants{
	width:260px;
	height:auto;
	display: inline-block;
	position:relative;
}
.blocTarifsEnseignants{
	width:280px;
	height:auto;
	display: inline-block;
	position:relative;
	margin-left:36px;
}
.blocClassesEnseignants h4, .blocTarifsEnseignants h4, .blocRepresentation h4{
	font-family: "tablet-gothic-condensed",sans-serif !important;
	font-weight: 300 !important;
}
.txtEnseignants{
	width:610px;
	height:auto;
	display: inline-block;
	position:relative;
}

.datesRepresentation {
    width: 230px !important;
}
.datesRepresentation .blocDatesSlide {
    display: inline-block;
    position: relative;
    width: 35px;
}

/*** decouvrir aussi ***/
.txtDecouvrir{
	font-family: "tablet-gothic-compressed",sans-serif;
	font-style: normal;
	font-weight: 200;
	font-size:40px;
	line-height:40px;
}
.blocSpectacles{
	width:460px;
	height:100px;
	display: inline-block;
	position:relative;
	margin-top:20px;
}
.blocSpectacles2{
	width:460px;
	height:100px;
	float:right;
	margin-top:20px;
}
.blocContenant .motscleSlide{
	width:auto;
	height:auto;
	display: block;
	position:relative;
	margin-top:10px;
}
.blocDecouvrir .blocPhoto{
	width:225px;
	height:100px;
	display: inline-block;
	position:relative;	
}
.blocContenant{
	width:245px;
	height:100px;
	position:absolute;
	z-index:10;	
	margin-left:215px;
	text-align:left;
	color:#000000;
}
.masquePhoto{
	width:10px;
	height:100px;
	display: inline-block;
	position:relative;
	z-index:5;
	background:transparent url('/media/img/pt_masque_photo.png') left top no-repeat; background-size: 100%;
	vertical-align:top;
}
.blocContenant .traitGris{
	width:235px;
	height:1px;
	line-height:1px;
	position:absolute;
	z-index:10;
	background-color: rgba(102,102,102,.1);
	margin:99px 0 0 10px;
}
.contenu{
	width:230px;
	height:100px;
	display: inline-block;
	position:relative;
	z-index:5;
	background-color:#ffffff;
	vertical-align:top;
	text-align:left;
	margin-left:-2px;
}
.txtContenu{
	width:100%;
	height:auto;
	display: block;
	position:relative;
	font-family: "tablet-gothic-compressed",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size:16px;
}
.txtContenu h3{ line-height:30px;}