* {background-repeat:repeat; border-color:#333;}


/* style des liens */ 

a, a:visited, a:link {text-decoration: none; color:#000;}
a:hover, a:active {text-decoration: underline; color:#000000;}
span a, span a:hover, span a:active {background-color:#fff; text-decoration: none; color:#000;}
span.titre a, span a.titre:hover, span a.titre:active {background-color:transparent;}
#bloc-nom-site a {text-decoration: none; color:#000;}
#bloc-boutons span a {background-color: transparent; padding-right:0;}
a.spip_out {padding-right: 11px; background: url(images/spip-out.png) no-repeat right; }
#bloc-corps a {border-bottom: 1px dotted #333; text-decoration: none;}
#bloc-corps a:hover, #bloc-corps a:active {border-bottom: 1px solid #333;}
.onglet a {color:#333 !important;}
.lesparents a, .unedate a {}
/* */ 

table {border-collapse:separate;}

/* separateur */
hr.spip {margin:1.6em 4em; border-style:dotted;  }
hr.separateur {margin:0.55em 0; visibility:hidden;  }
.bloc-separateur {float:left; height:2em; width:70%; margin:0.8em 0; padding:0 15%;}
.carre-separateur {float:left; height:2em; width:2em; margin: 0 1em;}

/*                     */
.chapo {font-weight:bolder;  font-size:1em;}
.chapo, .ps {color:#333; line-height:1.6em; margin-top:0.7em; padding:0.3em 0; margin-bottom:1.5em; border-bottom: 1px dotted #333; border-top: 1px dotted #333;}
.ps {margin-bottom:0.5em; font-size:0.9em; margin-top:1.5em;}

.fonction, .actif{font-weight:bolder;}

.notes {float:right; line-height:1.4em; font-size:0.9em; margin:1.5em 0 1em 2em; width:65%;  border-top: 1px dotted #333; padding-top:0.3em;}
.ps+.notes{border-top:none; margin-top: 0.1em; padding-top:0.1em;} 


/* style des paragraphes */ 
p {padding:0.2em;}
.texte p , .chapo p{margin-bottom: 0.4em; margin-top: 0.4em;}
.texte p+p{text-indent:4em;}
.chapo p {}
.ps p, .notes p { margin-top:0; margin-bottom: 0.3em;}
.sommaire-evenement p {margin-top:0;}

/* style des citations */
blockquote.spip {background-color:#000; color:#FFF; border: 0.5em solid; margin: 1em 0em 1em 2em; padding-left:1em ; padding-right:1.2em;  text-align:right;}
blockquote.spip p {padding:0;}
blockquote.spip+blockquote.spip {margin-left:10px; padding-left:13px ; color:#333; border:0; padding-right:0.7em;}
blockquote.spip_poesie {border-left:none; font-size:1.35em; paddinf-left:1.3em; letter-spacing:0.1em; line-height:1.75em; margin-left:0.7em; margin:1em 0;}

/* style des listes */

ul{list-style-type: none; margin :0em; padding :0em;}
ol { margin :0em; padding :0em;}
li {padding: 0.3em 0em;}
#navigation ul {text-align:right;}
#navigation li {display:inline; line-height:1.5em; font-size:1.05em; }

#navigation li.titre {font-size:1em; font-weight: bolder; letter-spacing:0.1em;word-spacing:0.2em; line-height:1.75em;}
#navigation li a {padding:4px 11px 4px 0;}	
#navigation li.titre a {padding:4px 15px 4px 0;}
#navigation .agenda li {display : list-item; 	text-align:center;}
#bloc-corps ul.spip  {list-style-type: circle ; list-style-position: inside;}
#bloc-corps ol.spip {list-style-position: inside;}
#bloc-corps ul.spip li, #bloc-corps ol.spip li {text-indent:3em; padding: 0.2em 0;}
.distib-complete ul {}
.distib-complete ul li {padding: 0.25em 0;}

li.rubrique {text-transform:uppercase ;}
/* style des cadres et des codes    */ 
div.spip_code { padding-left:1em;}

/*    */ 

body, h1, h2, h3, h4, h5, h6 {font-family: "Luxi sans","Lucida Grande",Lucida,"Lucida Sans Unicode",Arial,Helvetica,sans-serif; color:#000; }

#navigation h3, #hierarchie h3 {  font-size:0.95em; font-weight: bolder; letter-spacing:0.1em; padding:0 0 3px 4px; text-transform:uppercase ;}
#hierarchie h3, .hierarchie h3 {font-size:1.1em; padding-bottom: 2px;}
#bloc-corps h3 {margin-top:1em; margin-bottom: 0.6em; text-align:left; font-size:1.1em; padding-left:1.5em;}
#bloc-corps .sommaire-article h3 {margin:0; padding:0; font-size:1.1em;}
#bloc-corps h3.spip {color:#333; text-transform:uppercase ; margin-top:0.5em; padding-left:0;}
#bloc-corps p+h3.spip, #bloc-corps ul+h3.spip, #bloc-corps ol+h3.spip {margin-top:1em ; padding-left:1.5em;}


#page {position: absolute; top:0px; left:15px; width: 950px; margin: 0 ; font-size:0.95em; background-color:transparent; border:none;}

#bandeau {position: absolute; top:0px; left:0; width: 100%; margin: 0; padding-right: 0; height:110px;}


#principale {width: 100%; float: left; font-size:0.95em;}    


#entete { float: right; width: 873px; margin-right : 75px; padding-top:0; background-position: right bottom; border-style: solid; border-width:1px; border-bottom:none; border-color:#333 !important; border-left:none; font-size:0.95em; }

#bloc-nom-site {float: right; text-align:right; font-size:2em; word-spacing:0.2em; letter-spacing:0.2em; height:28px; margin-top:22px; border-bottom: 3px solid #333; width: 100%;}
		
#bloc-boutons {float: right; font-size:1.05em; text-align:right; padding: 6px 0 5px 17px; line-height:1.85em; word-spacing:0.2em; letter-spacing:0.2em; font-weight: 400; background-position: left bottom; }
		#bloc-boutons span {padding-left: 15px; padding-right: 5px;}
		#bloc-boutons span.compagnie, #bloc-boutons span.atelier, #bloc-boutons span.spectacles {text-transform:uppercase; padding-left: 10px; padding-right: 5px;}

#racc {position: absolute; top:0px; left:905px; margin-left: 0; text-align:left; line-height:1.85em; padding: 6px 17px 5px 0px; margin-top:76px; font-size:0.8em;}
		
#identification {}
#nom_session {}
	
.racc-bloc {}	
		
#parent-nav {float: left; width: 270px;}        

#navigation {float: left; width: 250px; margin-right:10px; margin-top:85px; padding-top:10px; }

#raccourcis {float:left; width: 224px; color:#000; margin: 100px 0 80px 0; padding:10px; border : 3px solid #FFF; text-align:center;}
#raccourcis img {padding-right:5px;}


#navigation .navigation-secondaire {float:right; width: 225px; margin:5px 10px 5px 0; padding: 10px 0px; text-align:left; text-indent: -10px; padding-left: 10px;}
#hierarchie, #navigation .hierarchie {float: right; width: 235px; color:#000; padding:5px 0 3px 5px; border-bottom: 1px dashed #000; margin: 0 5px 4px 0; }
#navigation .hierarchie {margin-top: 10px; margin-bottom:2px;}
/* #navigation .hierarchie+.navigation-secondaire {margin-top:0;} */
#navigation .agenda {text-align:center;}

#hierarchie-new {float:right; width:95%;  margin-bottom: 10px; border-bottom:1px dashed #333 ;padding-left:10px; font-size:0.95em; padding-bottom: 0.1em;}

#contenu-page {float: right; width: 550px; margin: 60px 85px 30px 10px; line-height:1.2em; font-size:1.1em; background-color:#DDD; padding:10px 0;}
#contenu-page.sommaire {position: absolute; top:170px; left:0; width:960px; height: 400px; margin: 0; padding:0;  text-align:left; font-size:0.9em; background-color:transparent;}
#contenu-page.sommaire .verticale {float:left; width: 160px; height: 400px; -moz-opacity:0.5; opacity: 0.5; filter:alpha(opacity=50);}	

.carre {position: absolute; top:15px; left:55px; width:120px; height: 120px; margin: 0; padding:0;  border: 5px solid;}
.carre-deux {position: absolute; top:15px; left:270px;  border: 5px solid;}
.carre-trois {position: absolute; top:15px; left:485px;  border: 5px solid;}
.carre-quatre {position: absolute; top:15px; left:710px;  border: 5px solid;}

		
	.logo_page {float: left; margin:15px 5px 5px 25px ;}
	.distib-complete {float:left; width : 365px; margin-left:5px; margin-top:12px; font-size:0.85em; padding-left: 5px; padding-right: 15px;}
	.distrib-large {width : 475px; margin-left:25px;}
	#bloc-titre {font-size:0.9em; float: left; margin:10px 30px 0px 10px ; line-height:1.15em; padding:8px 13px; padding-right:25px;}
	#bloc-titre.espace {line-height:1.35em;}
	.spectacle {font-style: italic;}
	#bloc-titre h1.titre {font-size:2.1em; font-weight: bold; letter-spacing:0.1em; line-height:1.2em;}
	
	#bloc-titre h2.soustitre {font-size:0.95em; color:#666; }
	
	
	.bloc-distrib {float: left; margin:5px 20px 0 10px; padding: 5px 25px 5px 13px; line-height:1.35em; font-size:0.9em;}
	.onglet {float:left; margin :7px 0 4px 15px; width: 520px; font-size:0.95em; padding:1px 0; border-top: 3px solid #333; line-height:1.6em;}
	.onglet span {padding-left: 2px; padding-right: 2px; margin-right:5px; margin-top:10px;}
	.onglet span:hover {border-bottom: 2px solid #000;  }
	/* .onglet span.actif {border-bottom: 1px solid #000;  } */
	.onglet span.actif a {font-weight: bolder;}
	#bloc-corps .onglet {float:right ; margin :5px 0 5px 25px;}
	#telechergement{float: left; width: 470px ; margin:0 5px 15px 10px; padding-left: 13px; padding-right:37px; padding-bottom:3px; text-align:left; font-size:0.85em; line-height:1.05em;}
	
	#bloc-corps {float: left; width: 475px ; margin:5px 5px 5px 10px; padding:10px 37px 20px 13px; text-align:left; font-size:0.95em;}
	#bloc-corps.bloc-corps-agenda {margin-top:15px;}
.pagination {float:left;}

/* sommaire article evenement ...*/
.sommaire-article {float:left ; margin: 8px 0; width : 450px;}				 

.sommaire-article .bloc-titre {float:left; line-height:1.3em; margin:0.2em 0;}
.sommaire-article .titre {float:left; font-size: 1.45em; margin-bottom:5px; padding-right:0.5em;}	
.sommaire-article .lieu {padding-left:0; margin-top:0; font-size:1.1em; font-weight: bolder; }

.sommaire-article .soustitre {float:left; font-size: 0.95em; margin-top:0.2em; margin-bottom:5px;}	
.sommaire-article .titre+.soustitre {}
.sommaire-article .specification {float:left; font-size: 0.9em; font-weight: bold;}

.sommaire-article .chapo {margin:0; padding:0; font-weight: bolder; font-size:1em; border:none; margin-top:0.7em;}
.sommaire-article .texte {margin:0.1em 0;}
.sommaire-article .chapo+.texte {margin-top:1em;}
.entete-spectacle {float:left; height:49px; margin:0.6em 0;}
.entete-spectacle-div {float:left; height:47px; width:47px; margin-right:3em; border: 1px solid #333; line-height:1.2em;} 
.entete-spectacle-div-der {float:left; height:47px; width:47px; border: 1px solid #333;} 	
.lesparents, lesenfants {float:left; width:450px; margin-top:0.2em; margin-bottom:0.35em; font-size:0.9em;}
.corps-sommaire {float:left; margin:0.3em 0 ;}
.entete-spectacle+.corps-sommaire{margin-top:0.2em;}


.unedate {float:right; width:450px; font-size:0.9em; margin-top:0.5em; margin-bottom:0.2em; text-align:right;}

.unedate .soustitre-date {color:#000; text-transform:uppercase ;}
.credit {float:left; width:450px; margin-bottom:0.2em; font-size:0.8em; color:#000; font-style: italic;}

.signature {float:left; margin-top: 0.4em; font-weight: bold;}
.url_site_presse {float:left; margin-top:0.4em; padding-left:0.5em}

.sommaire-evenement {margin: 8px 0;}
.sommaire-evenement .corps-sommaire {margin-top:0;}
.inclusion {float: left; min-width:150px; margin-top: 0.5em; margin-right:0.8em;}

/* pied */

#pied {clear:both; width: 780px; margin: 20px 75px 10px 85px; border-top: 2px solid #333;} 
#pied.sommaire {position: absolute; top:580px; left:0px;}
.div-pied {margin:2px 0; background-color:#DDD; padding: 3px 0; font-size:0.80em;}	
.pied-adresse {font-size:1em;}
/* formulaire de recherche */	
/* Formulaires de recherche (site / petitions) */
/* Labels */
.formulaire_spip label {text-align: right; color: #000; font-weight: bold; }

#formulaire-recherche {margin:0; line-height:0.8em;}
.formulaire_recherche { margin: 0; padding: 0; background: none; letter-spacing:0.1em; }
.formulaire_recherche * { display: inline; vertical-align: middle; }
.formulaire_recherche label {}
.formulaire_recherche input.text {  width:7em; padding-left: 5px; background-image:none; }
.formulaire_recherche input.submit {}	
	
/* zone mire */

#zonne_photo {position:absolute; top:75px; left :45px; width : 195px; height: 130px;-moz-opacity:0; opacity: 0; filter:alpha(opacity=0); background-color:#f0f; }

#coin-titre {position:absolute; top:0; left :245px; width : 640px; height: 81px;-moz-opacity:0.5; opacity: 0.5; filter:alpha(opacity=50); z-index: -1;}	

#zonne_titre {position:absolute; top:0; left :285px; width : 600px; height: 81px;-moz-opacity:0.4; opacity: 0.4; filter:alpha(opacity=40); z-index: -2;}
.cellule-titre {float:left; width : 100px; height: 81px;}

#cote-titre {position:absolute; top:400px; left :807px; width : 170px; height: 153px; background-color:#FFF;-moz-opacity:0.5; opacity: 0.5; filter:alpha(opacity=50); z-index: -1;}
#haut-navig	 {position:absolute; top:0px; left :0x; width : 300px; height:200px; -moz-opacity:0.9; opacity: 0.9; filter:alpha(opacity=90); z-index: -1;}	
#coin-extern {position:absolute; top:160px; left :0px; width : 100px; height:90px; -moz-opacity:0.8; opacity: 0.8; filter:alpha(opacity=80); z-index: -1;}

#premiere {position:absolute; top:425px; left :870px; width : 125px; height:105px; border: 4px solid;}
#deuxieme {position:absolute; top:280px; left :870px; width : 125px; height:105px; border: 4px solid;}
#troisieme {position:absolute; top:570px; left :870px; width : 125px; height:105px; border: 4px solid;}