@import url("reset.css");
/*@import url("typo.css");*/

body {
	margin: 0px auto;
	width: 1000px;
	background: #EEE;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
}
p {
	margin: 2px 0px;
}

a:link {
	text-decoration: none;
	color: #000;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #C00;
}
h1 {
	font: bold 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #C00;
	padding-left: 50px;
	border-bottom: 1px solid #909;
	padding-top: 30px;
	width: 948px;
	margin:0px;
}
h2 {
	font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	background: #C9C;
	width: 948px;
	padding-left: 50px;
	padding-bottom: 20px;
	margin:0px;
}
h3 {
	font-size:12px;
	color:#FFF;
	line-height: 16px;
	font-weight: bold;
	background: #C00;
	padding: 2px 5px 2px 96px;
	height: 12px;
	float: left;
	margin:0px;
}
h3 a:link{
	color:#FFFFFF;
}
h3 a:visited{
	color:#FFFFFF;
}
h3 a:hover{
	color: #FFFFFF;
}
h4 {
	font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #66cccc;
	margin:0px;
	text-align:center;
	margin-bottom:5px;
}
h5 {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #66cccc;
	margin:0px;
}
h5 a:link{
	color:#000000;
	line-height:20px;
}
h5 a:visited{
	color:#000000;
}
h5 a:hover{
	color: #000000;
}
.txtCentre {text-align:center;}
/* Pour la page d'accueil */



.visuelSaison
{
	background-color:#FFF;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	text-align:center;
	z-index:100;
	display:none;
}



.contenuacc {
	background: url(../imgsite/fd-turquoise.png) repeat;
}
.sscontenuacc {
	float: left;
	width: 998px;
	padding-top: 2px;
}
.spectacle {
	width: 897px;
	border-top: 1px solid #099;
	border-bottom: 1px solid #099;
	height: 100px;
	margin-bottom: 15px;
}
.datespectacle {
	line-height: 13px;
	padding-left: 15px;
}
.txtspectacle {
	background: #CFF;
	float: left;
	height: 100px;
	width: 318px;
	border-right: 1px solid #FFF;
}
.menu {
	height: 24px;
	padding-left: 15px;
}
.menu div {
	float: left;
	height: 24px;
	font-family:'Francois One', sans-serif;
	font-size:15px;
	letter-spacing:1px;
	line-height:22px;
}
.menu div a.bleu {
		color:#099;
}
.menu div a.violet {
		color:#939;
}
.menu div a.marine {
		color:#039;
}
.menu div a.or {
		color:#FC0;
}
.menu div a.brun {
		color:#8d817b;
}
.menu div a.orange {
		color:#F63;
}
.menu div a:hover {
		border-bottom:solid 1px black;
}
.menu div a.on {
		border-bottom:solid 1px black;
}

.adresse {
	font: bold 11px/13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: url(../imgsite/fd-adresse.png) no-repeat;
	height: 118px;
	width: 282px;
	padding-left: 10px;
}
.refAccueil {
	background: #CFF;
	margin-left:0px;
	padding: 0px 0px 0px 12px;
	float: left;
	width: 883px;
	border-bottom: 1px solid #009999;
	border-top: 1px solid #009999;
	margin-bottom: 20px;
	line-height: 14px;
	margin-top: 25px;
}
.refAccueil #txtref {
	color: #FFF;
	background: #009999;
	text-align: justify;
	padding: 7px;
	float: left;
	width: 559px;
}
/* Pour les pages de contenu */
.contenuprogr {
	background: #FFF;
}
.sscontenuprogr {
	float: left;
	width: 998px;
	padding-top: 5px;
	background: #FFF url(../imgsite/fd-violet-blanc.png) repeat-x top;
}
.contenujaune {
	background: #FF6;
}
.sscontenujaune {
	float: left;
	width: 998px;
	padding-top: 5px;
	background: #FFF url(../imgsite/fd-jaune-blanc.png) repeat-x top;
}
.contenuorange {
	background: #FFF;
}
.sscontenuorange {
	float: left;
	width: 998px;
	padding-top: 5px;
	background: #FFF url(../imgsite/fd-orange-blanc.png) repeat-x top;
}
.contenubleu {
	background: #69C;
}
.sscontenubleu {
	float: left;
	width: 998px;
	padding-top: 5px;
	background: #FFF url(../imgsite/fd-bleu-blanc.png) repeat-x top;
}
.contenujauneblanc {
	background: #FFF url(../imgsite/fd-jauneblanc.png) repeat-x top;

}

.contenuLigStage
{
	font-size:14px;
}

.titspectacle {
	font: 21px Arial, Helvetica, sans-serif;
	color: #000;
	padding-left: 15px;
}
.titspectacle a:link,a:visited,a:hover{
	color: #000;
}

.autspectacle {
	font: 17px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left: 15px;
	padding-bottom:5px;
	padding-top:4px;
}

.visuelspectacle {
	background: #C9C;
	margin: auto;
	width: 900px;
	padding-bottom: 20px;
	padding-right: 49px;
	padding-left: 49px;
}
.ongletsfiche {
	background: #C9C;
	border-bottom: 1px solid #909;
}

.bouton {
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #909;
	background: #C9C;
	padding: 2px 3px;
}

.apDiv1 {
	position:absolute;
	width:577px;
	height:32px;
	z-index:10;
}

.apDiv2 {
	position:absolute;
	width:577px;
	height:120px;
	z-index:5;
}

.apDivBDS {
	position:absolute;
	width:100px;
	height:32px;
	z-index:10;
	border:solid 1px;
}


.mois {
	font-size: 15px;
	font-weight: bold;
	color: #C00;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #C00;
	padding-left: 10px;
	padding-top: 5px;
	clear: both;
}
.jours  {
	border-bottom: 1px dotted #999;
	width: 450px;
	line-height: 18px;
}

.jourtxt {
	width: 25px;
	float: left;
}

.journum {
	width: 30px;
	float: left;	

}
.jourspect
{
	width: 395px;
	float: right;
}

.listeprogr {
	font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	background: #FFF;
	float: left;
	width: 648px;
	margin-top: 15px;

}

.menuprogr {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	color: #939;
	background: #FFF;
	float: left;
	width: 319px;
	min-height:450px;
	text-align: right;
	line-height:30px;
}

.menuprogr p {
	margin:0px;
	padding:0px;
}

.menuprogr a {
	color: #939;
	text-decoration: none;
	
}

.menuprogr a:hover {
	color: #000;
}

.menuprogr .active {
	color: #000;
}

.listeprogr a {
	color: #000;
	text-decoration: none;
}

.listeprogr a:link {
	color: #666;
	text-decoration: none;
}
.listeprogr a:visited {
	color: #999;
	text-decoration: none;
}
.listeprogr a:hover {
	color: #939;
	text-decoration: none;
}
.datessaison {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	height: 37px;
	padding-top: 62px;
	font-weight: bold;
	float: left;
}

#infoSup p
{
	padding:0px;
	margin:0px;
}

.titfdrouge {
	line-height: 20px;
	font-weight: bold;
	color: #FFF;
	background: #C00;
	padding: 2px 5px 2px 96px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	height: 20px;
	float: left;
	margin-top: 74px;
}
.dossier a {
	color: #939;
	text-decoration: none;
}
.dossier a:hover {
	color: #000;
}


#apDiv1 {
	position:absolute;
	width:909px;
	z-index:100;
}

.divTempsfort
{
	float:right;
	padding-left:2px;
	padding-right:2px;
	height: 18px;
}

.divCinema a
{
	color:#FF0000;
	float:right;
	padding-left:2px;
	padding-right:2px;
	height: 18px;
	text-decoration:none
}



.boutonForm
{
	background-color:#CC99CC;
	color:#990099;
	font-weight:bold;
	border:none;
	cursor:pointer;
}

.SPMMH
{
	display:none;
}

.ongletsinfos {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	background: #FF6633;
	text-align: center;
	float: left;
	height: 19px;
	margin-right: 2px;
	padding-top: 6px;
	text-decoration: none;
	font-weight: bold;
}

.ongletsinfos:hover {
	background: #FF9966;

}

.ongletsbscene {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	background: #003399;
	text-align: center;
	float: left;
	height: 19px;
	margin-right: 4px;
	padding-top: 6px;
	text-decoration: none;
	font-weight: bold;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 1px;
}
.ongletsbscene:hover {
	background: #4c6fb7;

}
.ongletstage, .ongletstaged {
	background: #EEE;
	padding: 5px 10px;
	margin-bottom: 5px;
	border-top: 1px dotted #69C;
	border-bottom: 1px dotted #69C;
}
.ongletstage:hover {
	background: #6699CC;
}

.titreLigStage
{
	color:#00349A;
	font-size:18px;
	margin-bottom:15px;
}


.soustitreLigStage
{
	color:#00349A;
	font-size:16px;
}

.titredbordscene {
	font: bold small-caps 28px Verdana, Geneva, sans-serif;
	color: #C00;
	margin-bottom: 10px;
	border-bottom: 1px solid #C00;
}


.titretournee {
	font: bold small-caps 14px Verdana, Geneva, sans-serif;
	color:#3366CC;
}

.soustitretournee {
	font-weight:bold;
}


#cadrpg { width:600px; margin:0 auto; border:0; overflow:hidden; }
#newshr { position:relative; height:25px; overflow:hidden; 
          color:inherit; background:#CCFFFF; }
		  
#defile { white-space:nowrap;  position:relative; margin-top:1px; top:3px; background-color:transparent; height:25px; font-size:16px; overflow:hidden; }
.datetempsfort
{
	width:80px;
	padding:10px;
	background-color:#009999;
	text-align:center;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
}
.tdtempsfort
{
	border-bottom:solid 1px #009999;
}


.liensth2
{
	width: 150px;
	float: left;
}

.onglet  a{
    color: #FFFFFF;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 10px;
    font-weight: bold;
    height: 12px;
    line-height: 16px;
    margin-right: 3px;
    padding: 2px 7px;
    text-decoration: none
	
}
.onglet a:link, .onglet a:visited{
	background: #a875a8;
}
.onglet a:hover {
	background: #8d628d;
}
.onglet a:active {
	background: #939;
}
/**********************************
*********** CALENDRIER *************
***********************************/
.fdCalend {
	background:url(../imgsite/titcalendrier.png) no-repeat bottom; 
	height:100px; 
	padding:0 25px 0 278px;
}
.slash {color:#FFF; padding:0px 4px;}

.ongletC {
	float:left;  
	margin-top:73px; 
	margin-left:130px; 
	text-transform:uppercase; 
	width:330px;
}
.ongletC  a{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	margin-right: 5px;
	height: 12px;
	line-height:16px;
	padding: 2px 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	
}
.ongletC a:link, .ongletC a:visited{
	background: #a875a8;
}
.ongletC a:hover {
	background: #8d628d;
}
.ongletC a:active {
	background: #939;
}

.legendeCal {
	text-align:center; width:90%; margin:15px auto; 
}
.legendeCalTxt {float:left; margin-right:15px;}
.legendeCalPicto { height:15px; width:20px; float:left; margin-right:3px; }
.logo {float:right;}
.logo2 {float:right; margin:5px 25px 0 0;}

.fdProgramme {
	background:url(../imgsite/titprogramme.png) no-repeat bottom; 
	height:100px; 
	padding:0 25px 0 310px;
}
	
.fdBordScene {
	background:url(../imgsite/titbordsdescene.png) no-repeat bottom; 
	height:100px; 
	padding:0 25px 0 370px;
}
.fdPratique {
	background:url(../imgsite/titinfospratiques.png) no-repeat bottom; 
	height:100px; 
	padding:0 25px 0 370px;
}
.fdVisite {
	background:url(../imgsite/titespaces.png) no-repeat bottom; 
	height:100px; 
	padding:0 25px 0 305px;	
	
}
.titPro {
	color:#C00; 
	text-transform:uppercase; 
	font-weight:bolder; 
	float:left; 
	margin-top:78px;
}
/***************************/
/******** Calendrier *******/
/***************************/

#calendrier { background:url(../imgsite/fdCalendrier.png) no-repeat top white; min-height:800px; height:100% /*IE*/; overflow:hidden; }
.logoCal {margin:5px 25px 0 0; float:right;}
.datessaisonCal {
	margin-left:290px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 30px;
    font-weight: bold;
    height: 37px;
    padding-top: 62px;
	}
.CalOnglets { margin:25px 18px 0; }
.CalOnglets div {float:left; background:url(../imgsite/CalendOngletOff.png) no-repeat; width:92px; height:35px; text-align:center;}
.CalOnglets div.on {background:url(../imgsite/CalendOngletOn.png) no-repeat; width:134px;}
.CalOnglets div a {color:#989898; text-transform:uppercase; line-height:50px; }
.CalOnglets div.on a {color:#831983; font-size:20px; line-height:35px;}
.colCal {float:left; width:480px; padding:10px;}
.jourCal { padding:5px; border-bottom:dotted 1px #CCCCCC; position:relative; height:100%/*IE*/; overflow:hidden; min-height:22px; height:auto !important;}
.day {position:absolute; top:4px; left:5px; width:50px; color:#999999}
.spectacleCal {margin-left:50px; clear:both; width:396px;}
.imgCal {float:right; margin:2px;}
.pictoCal {float:right;}
.cine {position:absolute; top:0; right:0;}


/***************************/
/******** Production *******/
/***************************/

#production { background: url(../imgsite/fdProduction.png) no-repeat top white; min-height:800px; height:100% /*IE*/; overflow:hidden; }
.ficheProd { background:url(../imgsite/fdSpectProd.png) no-repeat; height:220px; width:220px; float:left; margin:20px 0 20px 23px;}
.ficheProd h2 {background: none; font-size:12px;  margin: 0;  padding-bottom:0; padding-left:0; width:auto; text-align:center; line-height:20px; padding-top:10px;}
.ficheProd p {margin:0 10px; line-height:1.2em; text-align:center}
.ficheProd p.nomProd {margin:0 15px; line-height:1.2em; text-align:center}
.ficheProd p.photoProd {height:158px;}

.prodVideo {float:right; margin:56px 20px 20px;}
.ficheProdDetail { background:url(../imgsite/fdFicheProdDetail.png) no-repeat top; margin-top:20px;}
.ficheProdDetail h1 { border-bottom: none; color:#999; font-weight:normal; padding-left:0; padding-right:400px; width:auto; text-align:center;}
.ficheProdDetail .colDistrib {float:left; width:270px; text-align:right;margin-top:50px; padding-left:10px;}
.ficheProdDetail .colDistrib em {color:#666; font-style:italic}
.ficheProdDetail .colDecrip {margin:50px 40px 0 310px; color: #555; line-height:1.2em;}
.ficheProdDetail .colDecrip p {margin:4px 0 0; text-align:justify;}
.ficheProdDetail .colDecrip .docPdf {background:#EEE; padding:5px; margin-top:20px;}
.colDecrip .docPdf img {vertical-align:middle; margin-left:10px;}
.retrait {margin:10px 0 0 60px;}
.retrait2 {margin:10px 0 0 100px;}


/***************************************/
/******** Ressources pédagogique *******/
/***************************************/
#production .datessaisonCal {padding-top:68px;}
#ressources { background: url(../imgsite/fdRessources.png) no-repeat top white; min-height:800px; height:100% /*IE*/; overflow:hidden; }
#ressources .datessaisonCal {margin-left:554px;padding-top:68px;}
#ressources .col1sur3 {float:left; width:260px; margin:36px;}
#ressources h2 {
    background:#FFFF66 url(../imgsite/fdTitRessources.png) no-repeat left top;
    margin:0;
    padding-bottom:0;
    padding-left:0;
	padding-right:30px;
	text-align:right;
    width:auto;
	line-height:30px;
	margin-bottom:30px;
}
#ressources .col1sur3 p {margin:2px 0 25px 0;}
#ressources h2.plus {background:#FFFF66 url(../imgsite/fdTitRessources+.png) no-repeat left top; color:white;}



/***************************************/
/******** Espaces *******/
/***************************************/

.titEspace, .titEspace a
{
	font-size:26px;
	color:#C00;
	text-transform:uppercase;
	font-weight:bold;
}

.sstitEspace, .sstitEspace a
{
	font-size:18px;
	color:#C00;
	font-weight:bold;
}
.sstitEspace2, .sstitEspace2 a
{
	font-size:18px;
	color:#999;
	line-height:1.5em;
	border-bottom:dotted 1px #DDD;
	margin-bottom:1em;
	margin-top:1.5em;

}