/*ENSEMBLE*/

body {margin-top : 0px;font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000; behavior: url(csshover.htc);}



/*IMAGES*/
/*image 371x159 deco de chaque rubrique - sauf pour gabarit 2 (voir colonne-principale.css)*/
.image{margin:10px 7px 10px 7px;}
#image-cache{ position:absolute; margin:94px 0 0 305px; background-image:url(../images/structure/cache.gif);}
#image-0910{margin-top: 35px; margin-left: -7px;}
.image-colonne-jaune{margin-top: 35px; margin-left: 0;}
.image-colonne-jaune-avec{margin-top: 29px; margin-left: -7px;}

.google-map{margin:10px 7px 10px 7px;}

/* LIENS */
/* pour les logos */
a{text-decoration:none; font-size:12px; font-weight:bold;}
a:hover{color:#000000;font-weight:bold;}
a:focus{outline:none;}
.lien-image {padding:0 0 0 0; text-decoration:none;}
.lien-image a:hover {color:#000;}
/* liens non-gras */
.liens2 {padding:0px;}
.liens2 a{text-decoration:none; font-size:9px; margin-bottom:10px; }
.liens2 a:hover{color:#000; }


/* TITRES */
/*voir comportement particulier des h2, h5 et h6 dans colonne-principale.css*/
h1{font-weight:bold; font-size:22px; margin:-7px 185px 18px 5px; text-align:left; /*display:inline;*/ }
h2{font-size:14px; font-weight:bold; text-align:left; margin:9px 0 10px 7px;}
h5{font-size:12px; font-weight:bold; margin:9px 0 0 7px; text-align:left;}
h6{font-size:12px; font-weight:bold; margin:0 10px 0 7px; text-align:left;}
.sous-t-s {font-size : 12px; font-weight:bold; margin-left:5px;}

/* PARAGRAPHES - pour gabarits 3, 4 et 5 (voir colonne-principale.css pour les autres) */
p{margin: 0 10px 10px 7px;}


/*LISTES*/
/* liste avec tirets */
.liste-texte li{ margin:0 10px 0 11px; list-style-image:url(../images/structure/tiret.gif);}
.liste-texte-none li{list-style:none; margin: 30px 7px 10px -33px;}
/* liste generale - pour gabarits 3, 4 et 5 (voir colonne-principale.css pour les autres) */
ul{list-style:none; margin: 0 7px 10px -33px;}
#gabarit-gen { margin:0 10px 0 7px;}
#gabarit-gen li{ margin:0 10px 0 7px; list-style-image:url(../images/structure/tiret.gif);}
#gabarit-gen-nouveau { margin:0 10px 0 0;}
#gabarit-gen-nouveau li{ margin:0 10px 0 0; list-style-image:url(../images/structure/tiret.gif);}
.ressources li{ margin:0 10px 0 7px; list-style-image:url(../images/structure/tiret.gif);}
.ressources { margin:0 10px 0 7px;}

/*CLASSES ORDINAIRES*/
.petit-texte{font-size:11px;}
.gros-bleu{font-size:14px; font-weight:bold;}
.petit-bleu{font-size:11px; font-weight:bold;}
.normal{font-size:12px; font-weight: 100; color:black;}
.noir-gras {font-weight: bold; color:black;}
.rouge{font-size:12px; font-weight:bold;}
.gros-rouge{font-weight:bold;}
/*pour le calendirer*/
.gros-petit-rouge{font-weight:bold; font-size:11px; margin-left:5px;}
.tab{margin-right:50px;}
.tab-g{margin-left:20px;}

/*image bordee de texte*/
.image-entouree {float: left; margin: 10px 10px 3px 7px; width:150px;}
.image-non-entouree { margin: 20px 10px 0 7px; width:150px;}
.image-entouree-accueil {float: left; margin: 0 10px 3px 0; width:265px;}
.sous-t-a {float: left; margin: -10px 0 0 7px; font-weight:bold;}

/*CLASSES PARTICULIERES*/
/* uniquement pour les pages de chaque spectacle */
.citation{padding-bottom:14px;}
.sous-titre{font-size:14px; font-weight:bold; padding-bottom:14px; margin:-16px 10px 0 7px; }

.logo-centre{text-align:center; padding:10px 0 0 30px;}

/* uniquement pour les revues electroniques */
.revue{margin-top:10px; height:120px; }

/* uniquement pour les abcdaires : ecouter-auteurs */
.abc{margin-top:10px; margin-bottom:50px;}
.abc li {text-align: justify; display:block; list-style-type:none; float:left; font-size:16px; margin-right:5px; font-weight:bold;}
.abc a{font-size:16px;}

/* uniquement pour ecouter */
.abcd{margin-top:0;}
.abcd li {text-align: justify; display:block; list-style-type:none; float:left; margin-right:7px; font-weight:bold;}
.mp3{margin-top:0;}
.mp3_lecteur{margin-top:-3px; margin-left:-7px;}

/* uniquement pour archives saisons */	
.abc-annees{margin-top:10px; margin-bottom:50px;}
.abc-annees li {text-align: justify; display:block; list-style-type:none; float:left; font-size:12px; margin-right:14px; font-weight:bold;}
.abc-annees a{font-size:12px;}

.petit-archives{margin: 0 10px 0 7px; font-size:11px;}
	

/* HIGHSLIDE :attention-concerne le highslide*/
#my-target{display: inline;}
.pictos{list-style:none; margin: 10px 0 10px 0;}
#pictos2{list-style:none; margin: 10px 7px 10px 7px;}

.video {text-align:center; margin: 30px 0 0 0;}
#questionnaire{margin:0 0 30px 0;}
#questionnaire h2{ margin:0 0 30px 7px;}
.question {text-align:center; margin:20px 0 20px 0;}
.reponse { text-align:center; margin:20px 0 20px 0;}



/*TABLEAUX*/
/*tarifs-page spectacles*/
table#tarifs{text-align: right; margin:0 7px 0 0px; border-collapse: collapse; }
thead{font-weight:bold;}
caption{color:#FFFFFF;}
table#tarifs th{height:30px; padding-left:7px;  margin:0;}
tfoot {font-size:11px; text-align: left; }
table#tarifs td{width:100px;}
.col-g{font-weight:100; text-align: left; width:170px; color:#000000; font-size:12px;}
.col-tarifs{text-align:right; padding-right:5px;}
.col-g2{font-weight:100; text-align: left; width:385px; color:#000000; font-size:12px;}
.col-g3{font-weight:100; text-align: left; width:385px; color:#000000; font-size:11px;}
/*calendrier*/
table#calendrier{ 	border-collapse: collapse;	width:567px;}
th {padding: 3px 0 4px 6px; }
td {padding: 3px 0 4px 7px; vertical-align:top; }
.sp1{float:left; width:240px; }
.sp2{float:left; width:240px;}
.sp3{float:left; width:240px; /*padding-left:40px;*/}

/*colonne des dates uniquement*/
tbody th {vertical-align:top; width:40px; font-size:11px; font-weight:bold;	padding: 5px 4px 4px 7px;
	/*background-color:#3366CC;*/ text-align:left;	}	
	
/*horaires uniquement*/
.horaire{float:left; /*width:40px;*/ font-weight:bold;font-size:11px; padding: 2px 0 4px 0; }

/*conternu des cellules hors horaires*/
.contenu-tableau{float:right;/*font-weight:bold;*/ width : 195px; padding: 1px 0 4px 0;  }

/*un div par evenement*/
.evenement-calendrier{float:left; width:240px; }

/*hors les murs, evenements etc.*/
.hors{ background-color: #FFFFBF; }
.horaire-hors{float:left; /*width:40px;*/ font-weight:bold;font-size:11px; padding: 2px 7px 4px 7px; }
.contenu-hors{float:right;/*font-weight:bold;*/ padding: 1px 4px 4px 7px;  width:400px;  }
.contenu-hors-petit-bleu{float:right;/*font-weight:bold;*/ padding: 1px 4px 0 7px;  width:400px; font-size:11px; font-weight:bold;}

.titre-hors{font-size:14px; font-weight:bold; margin-bottom:7px; margin-left:-1px; padding-left:0px;  }
.sous-titre-hors{font-size:11px; font-weight:bold; margin-bottom:10px;  margin-top:-7px; padding-top:0; padding-left:0px;  }
.evenement-hors{float:left; width:457px; }
.legende {/*background-color: #ffff33;*/ padding:10px 7px 10px 7px; background-color: #Fff; font-size:11px;}
.large{width:250px;}

.vide{ background-color: /*#CCCCCC*/#F8F8F8;}
thead.calendrier th {background-color: #fff; font-size:14px;	text-align:left; padding-top:0px;}

.al-drte{ float:right;}
.al-gche{ float:left;}	
	
tbody a {padding: 0; font-weight:100; text-decoration: none;}tbody a:visited
tbody a:active,tbody a:hover,tbody a:focus {color: #000; font-weight:100;}

tbody tr:hover a {}
tbody td+td+td+td a {border-bottom: 0}





