/* CSS issu des tutoriels css.alsacreations.com */
/*pour le test*/
/*
table {border: 1px solid black}
td {border: 1px dotted gray}*/
/*div {border: 1px solid orange}*/
/*img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}
ul {border: 1px solid green}
li {border: 1px solid lightgreen}*/

/**/
/* parent de la page */
#conteneur {
	position: relative;
	width: 965px;
	/*margin: 0 auto; */
	padding: 5px;
	/*background-color:#FFFFCC*/
}
/* ================= styles pour tout le site ===================== */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 1.4em;
	font-weight:bold;
}

h3 {
	font-size:1.1em;
	font-weight:bold;
}
h5 {
	font-size:0.8em;
	margin-top: 5px;
}
h6 {
	display:block;
	font-size:0.8em;
	margin-right:0;	
}
a {text-decoration: none;
	color:black;
}
a img {
	border: none;
}
a title {
	color: #CC0000;
}
.cartouche {
	width: 100%;
	background-color: #ffffff;
	margin-bottom: 0.6em;
}
.spacer{
	clear:both;
}

/* ======= nav et recherche ======== */

a.yaller {
	font-size:0.8em;
	text-align:right;
	color:#CC0000;
}
.choix {
	text-align:center;
	color:#660033;
}

a.choix {
	font-weight:bold
	color: #660033;
}

a:hover.choix {
	background-color: #999999;
}
/*boite de recherche*/
#recherche {
	float:left;
	padding-left:5px;
	/*background-color:#CCCCCC;*/
	height: 45px;
	width:200px;
	font-size: 0.9em;
}
/*recherche dans l'agenda et les chroniques*/
.find {
	text-align: right;
	float: right;
	width: 450 px;
	padding: 5px;
	background-color: #f0efef;
	color: #660033;
	font-size: 0.8em;
}
.find input{
	
}
/* rech dans les spectacles aff*/
.table_rech {
	font-size: 0.8em;
	background-color: #f0efef;
}
/* =================== haut de la page avec logo, baniere, admin affiliés  =================== */
#baniere {
	height: 90px
	width: 955px;
	margin-left:185px;
	padding:0;
	text-align: left;	


}
#header {
	height: 220px;
	width: 955px;
	margin:0;
	padding:0;
	text-align: right;	
}
/* div du fil d'ariane */ 
#haut {
	float: left;
	width:740px;
/*	background-color:#CCCCFF;*/
	color:#660033;
	margin-bottom:20px;
}
#haut a {
		color: #660033;
}
.ariane {
	margin-top: 5px;
	/*width: 500px;*/
	font-weight:bold;
}
ariane a{
	color:#CC9999;
}
a:hover.ariane{
	background-color:#999999;
}
.admin {
	float: right;
	
}
a:hover.admin {
	background-color: #99CCCC;
}



/* ==================== menu gauche = toutes pages ======================== */
/*div parent du menu principal*/
#gauche {
	position: absolute;
	left:0px;
	width: 200px;
	top: 280px;
	float:left;
}
/* styles du menu gauche */
#menugauche {
	margin-left: 5px;
	padding:0;
}
/* pour les listes et sous-listes*/
#menugauche li {
	list-style-type: none;
	margin-top: 5px;
	line-height:1.2em;
}
#menugauche li li{
	text-decoration: none;
}
#menugauche a {
	display:block;
	text-decoration: none;
}
/*aspect des articles du menu*/

.menug_inv{
/*	margin: -5px 0px 15px;*/
	margin-top: 10px;
} 
a.menug_inv {
	color: #CC0000;
}
a:hover.menug_inv {
	background-color: #FF6633;
}
.menug_titre_aff {
	color:#CC0000;
	margin:0;
}
a.menug_titre_aff {
	color:#CC0000;
}
a:hover.menug_titre_aff {
	background-color: #ffcc99;
}
.menug_titre_fes {
	font-weight: bold;
	color:#339999;
}
a.menug_titre_fes{
	font-weight: normal;
	color:#339999;
}
a:hover.menug_titre_fes {
	background-color: #99cccc;
}
.menug_titre_lieu {
	color:#006699;
	font-weight: bold;
}
a.menug_titre_lieu {
	font-weight: normal;
	color:#006699;
}
a:hover.menug_titre_lieu {
	background-color: #669999;
}
.menug_titre_heb {
	color: #ff6600;
	font-weight: bold;
}
a.menug_titre_heb {
	font-weight: normal;
	color: #ff6600;
}
a:hover.menug_titre_heb {
	background-color: #CC9999;
}
.menug_titre_app {
	color:#ff0000;
	font-weight: bold;
}
a.menug_titre_app {
	font-weight: normal;
	color:#ff0000;
}
a:hover.menug_titre_app {
	background-color: #FFCC99;
}
.menug_titre_res {
	color:#0099cc;
	font-weight: bold;
}
a.menug_titre_res {
	font-weight: normal;
	color:#0099cc;
}
a:hover.menug_titre_res {
	background-color: #99CCCC;
}
.menug_titre_lien {
	color:#660033;
	font-weight: bold;
}
a.menug_titre_lien {
	font-weight: normal;
	color: #660033;
}
a:hover.menug_titre_lien {
	background-color: #999999;

}
#ruisseaux{
	position:relative;
	width:200px;
}
#ruisseaux a{
	display:block;
	margin:5px;
	text-decoration:none;
}

/* ======================== coeur de la page ===================================== */


/* ==============  rubriques de une (= une/fichier.php) ================ */
							/* parent des 3 rub de une */
#centre {
	height: auto;
	margin-left: 200px;
	margin-right: 132px;
	padding:5px;
}
#centre_ht_fixe {
/*pour les rub - hautes que le menu (:-( remontée du footer)*/
	height: 1400px;
	padding:20px 0px 20px 15px;
}
/* ----------------- div des breves ------------------*/
#breves{
	width:613px;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	height: auto;
	padding:0;
	list-style:none;
}
#breves li{
	display: inline;
	background: url("interface_images/pois35_aff.png");	
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 35px;
/*	font-size:1.2em;*/
	margin-right:0.8em;	
}
#breves a{
	color: #660033;
}
#breves a:hover{
	background-color: 99CCCC;
}

/* -----------------div critiques---------------------- */
#crit_une{
	width:613px;
	margin-bottom: 5px;	
}
.vign_crit{/*background-color:#33CCFF;*/
	margin: 3px;
	float: left;
	width: 295px;
	height: 125px;
}
.photo_crit{
	width:75px;
	height:auto;
	float:left;
	margin:3px;
}
/* stlyes de texte dans les vignettes*/
.titre_vign_cri{
	color: #CC0000;
}
.stitre_vign_cri{
	font-size:0.8em;
	color:#CC0000;
}
.age_vign_cri{
	font-size:0.8em;
}
.texte_vign{
	font-size:0.9em;
	text-align:justify;
}
a.vign_cri{
	color:#CC0000;
}
a.photo_crit{
	width: 100px;
  height: 100px;
  background-color: yellow;
}


/* ----------------mise en page de la partie magazine--------------- */
#mag_une{
	width:613px;
	margin-bottom:5px;	
	background-color:#e6e5e5;
}
#sujet {
	float: left;
	width: 300px;
/*	height:350px;*/
	padding-top:0;
	padding-left: 5px;
	padding-right: 5px;
	background-color=#ffffff;
}
#video {
/*	width: 300px;*/
	padding: 5px;
}
#video p{
	margin:0;
}
.chapo_mag{
	font-size:0.8em;
	font-weight:bold;
	text-align:justify;
	padding: 5px;
	}
.texte_mag{
	/*background-color:#FFFFFF;*/
	padding:4px;
}
.video img{
	width:285px;
}
.vignette_mag{
	float: left;
	padding-left: 10px;
	padding-right: 10px;	
}
.vignette_droite{
	float: right;
	padding-left: 10px;
	padding-right: 10px;	

}
.before{
	float: right;
	background-color: #e6e5e5;
	width: 200px;
}

.before li {
	list-style: none;
	}
/* -----------------skyscrpr----------------- */
#sky {
	position: absolute;
	top:350px;
	right:0;
	width: 132px;
	height: 600px;
	/*overflow: hidden;*/
}

/* =============== centre de la page pour rubriques _full (= pages_full/fichier.php) ============= */
							/* (parent des rub sans skyscrapper) */
#centre_full {
	width: 765px;
	height: auto;
	margin-left: 200px;
	padding:5px;
}

/* -----------------agenda_full---------------- */
.agenda_full ul {
}
.agenda_full li {
	list-style: none;
}
.agenda_full a {
	text-align: right;
	color: #CC0000;
}
.agenda_full a:hover {
	background-color: #ffcc99;
}	
.agenda_lieu {
	color: #006699;
	font-size: 0.9em;
	word-spacing: 0em;
}
.agenda_nav {
	display: block;
	margin-top: 2em;
	text-align: center;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

/* -----------------fiche_spec---------------- */

#presentation {
	/*background-color: #ffcc00;*/
	padding:5px;
	width:550px;
	float:left;
} 
#haut_pres{
	margin:0;
	padding:0;
}
.photo_fiche {
	width:245px;
	float:left;
	padding-top:5%;
	padding-left: 10px;
	padding-right: 10px;

	/*padding: 5% 9px 9px;*/
}
#infos_pres {
/*	float:right;*/
}
.texte_pres {
	padding:5px
}
#colonne {
	margin-top:75px;
	margin-left:561px;

}
#compagnie {
	margin-bottom:60px
}
#ou_voir {
	background-color: #ffcc99;
	padding:5px
}
.video_agenda {
	margin-top: 10 px;
	text-indent:5px;
}
a:hover.video_agenda {
	background-color: #CCCCCC;

}
/* ---------------crit_full------------------------ */
.vign_crit_full{/*background-color:#33CCFF;*/
	margin: 5px;
	float: left;
	width: 350px;
	height: 125px;
}
.photo_crit{
	text-align:center;
	width:100px;
	height:auto;
	float:left;
	margin:3px;
}

/* -----------------pages festivals----------------  */

.fest ul{
}
.fest li {
	margin-left:20px;
	list-style-type: none;
}
.fest li li{
	/*text-decoration: none;*/
}
.fest a {
	text-align: right;
	color: #CC0000;
}
.fest a:hover {
	background-color: #ffcc99;
}
.vign_festival{background-color:#33CCFF;
	margin: 5px;
	width: 100%;
}
.visuel_fest{
	margin-top:20px;
	text-align:center;
	width:130px;
	height:130px;
	float:left;
}
.infos_fest {
	Position: relative;
 }
.logo_part {
	Position: absolute;
	right: 0;
	bottom:0px;
}
.texte_fest {
	text-size: 0.8em;
	padding-left:10px
	/*text-align: justify;*/
}

/* ------------------- pages compagnies hébergées---------- */
 
#liste_comp ul {
	text-align: justify;
}
#liste_comp li {
	display: inline;
	background: url("interface_images/poisson25_liens.png");	
	background-repeat: no-repeat;
	background-position: 0px 1px;
	font-size:0.9em;
	padding-left: 30px;
	padding-right: 5px;
}
#liste_comp a:hover{
	background-color: #669999;
}
.visuel_comp {
	float:left;
	margin: 0px 5px 5px 5px;
}
.conteneur_comp {
	padding-left: 30px;
}
.vign_comp{
	padding: 3px;
	margin: 5px;
	float: left;
	width: 295px;
	height: 150px;
}
#cont_fiche_spect{
	width: 955px;
	padding: 5px;
}
.logo_fiche {
	text-align: center;
	width:150px;
	height:150px;
	float:left;
	padding-top:5%;
	padding-left: 5px;
	padding-right: 5px;

}
.calendrier {
	margin-top:10px;
	padding:0 5px ;
	border: 3px;
	border-style: dashed;
	border-color: #339999;
}

.cart_calendrier {
	float: left;
	width: 33%;
	margin: 5px 0;
}
.calend_fiche_spect{
	float: right;
	width: 160px;
	margin-top:10px;
	padding: 0 5px;
	border: 3px;
	border-style: dashed;
	border-color: #339999;

}
.photo_fiche_spect {
	text-align: center;
	width:250px;
	height:250px;
	float:left;
	padding-top:5%;
	padding-left: 5px;
	padding-right: 5px;
}
.photo_fiche_spect2 {
	text-align: center;
	width:150px;
	height:150px;
	margin: 0 5px 5px 0;
}
.texte_fiche {
	float: left;
	width: 715px;
}
/* ----------------------------- liens ---------------------------------------------*/
#liste_liens ul {
	text-align: justify;
}
#liste_liens li {
	display: inline;
	background: url("interface_images/poisson25_ress.png");	
	background-repeat: no-repeat;
	background-position: 0px 1px;
	font-size:0.9em;
	padding-left: 30px;
	padding-right: 5px;
}
#liste_liens a:hover{
	background-color: #999999;
}

/* -----------------------------cours et stages -----------------------------------*/
.cours ul {
}
.cours li {
	/*margin-left:20px;*/
	list-style-type: none;
}
.infos_cours {
	Position: relative;
	background-color: #FFCC99;

 }
.texte_cours {
	text-size: 0.8em;
	margin-left:20px
	text-align: justify;
	margin-bottom: 1em;
}
.texte_cours a:hover{
	background-color: #FFCC99;
}
.payant {
	border: 3px;
	border-style: dashed;
	border-color: #ff0000;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 5px;
}
.infos_pratiques{
	padding:5px;
	background-color: #EBEBEB;
	margin-bottom: 1em;
	margin-left:20px;
	margin-right:20px;

}
/* -----------------------------pop ups----------------------------------------------*/
/*pop up breves*/
#lect_breves{
	padding:10px;
}
/* --------------------------------plan de site------------------------------------*/
.plan {
		list-style-type: none;
	margin-top: 5px;
	line-height:1.2em;

}
/* ------------------------------- pied de page ---------------------------------- */
#footer {
	height: 30px;
	width:955px;
/*	margin: 0 auto;*/
	text-align:center;
}
#footer ul{
}
#footer li{
	display: inline;
	list-style-type: none;
	padding-left: 2.5em;
}
#footer a{
		color:#CC9999;
}