/*- ---- Annulation des Styles de bases-------*/
* {margin:0;padding:0}
body {
    padding:0px;
    text-align:center;
}
/*---------------------------------------------------------------
--------------------------- Mise en page des blocs -------------------------------------------
---------------------------------------------------------------------------------*/
#cadre{
    width:auto;
    position:relative;
    margin-right: 30px;
    margin-left: 30px;
}

/*----------------------- Menu du haut-------------------------*/
#accessible {
    width: 100%;
    position: absolute;
    right: 260px;
	height:17px; 
	margin-top:-27px;
	padding:5px 0px 5px 0px;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.65em;
}
/*--------------------------- Bloc Têtière -------------------------*/
#header{
    position:absolute;
    top:0;
    left:0;
    width:100%;
	-padding-right:30px;
    height:243px;
	/height:245px;
    overflow:hidden;
    background:url(adiam-images/accueil/fondhaut.jpg) no-repeat top;
    background-position: left;
	/margin-top:-2px;
}
#clearheader{height:245px;}/*nécessaire pour créer l'espace de l'image changenate au_dessus du contenu*/
/*----------------------- Centre ------------------------------*/
#wrapper{
    width:auto;
    min-width:710px;
    max-width:880px;
    background:#fff;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
	padding-right:20px;
	-padding-right:0px;
    position:relative;
}
#contenu {/*div qui contient les textes */
	width:100%;
	-width:100%;
	min-height:600px;
	-height:600px;
	padding-left:0px;
	position:relative;
	font-size:0.71em;
	max-width:685px;
	-width:expression(document.body.clientWidth > 915 ? "685px": "auto" );
}
* html #contenu{width:100%;}/* a verifier pour ie7!!!*/
#outer{
    margin-right:200px;
    color: #000000;
}
* html #outer{/* 3px jog*/
    margin-right:197px;
}
.outerwrap {
	float: left;
	width: 98%;
}
.clearer{
    height:1px;
    overflow:hidden;
    margin-top:-1px;
    clear:both;
}
/*---------------------------------Colonne de Droite -------------------------*/
#right {
    position:relative;/*ie en a besoin pour appliquer float */
    width:199px;
    float:right;
    margin-right:-198px;/*doit etre 1px inférieur à "width" ou la div ne poussera pas le pied de page */
	left:1px;
   	margin-top: -246px;
	/margin-top:-248px;
	line-height:normal;
}
* html #right {margin-right:-200px;margin-left:-3px}/* stop float drop in ie + 3px jog */
/*-------------------------------- Pied de page ------------------------------*/
#footer {
    width:100%;
    clear:both;
	padding-right:20px;
	-padding-right:30px;
    text-align:center;
    position:relative;
	background:#E8E8E8;
	border-top:4px solid #FF90D4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	vertical-align:top;
}
/*------------- Texte de l'image changenate -------------------------*/
#accroche {
	position:absolute;
	top:117px;
	left:50%;
	margin-left:-200px;
	z-index:1000;
}
/*---- Hack IE 7 pour émuler le min-width / max-width -------------------------------------------------------------------------*/
* html #cadre, * html #outer, * html #wrapper,* html #contenu {/height:1%}
/*---- Hack IE 6 pour émuler le min-width / max-width -------------------------------------------------------------------------*/
body {-width:expression( documentElement.clientWidth < 800 ? (documentElement.clientWidth == 0 ? (body.clientWidth < 800 ? "800" : "auto") : "800px") : "auto" );}
#wrapper {-width:expression( documentElement.clientWidth > 915 ? (documentElement.clientWidth == 0 ? (body.clientWidth >915 ? "870" : "auto") : "870px") : "auto" );}
* html #cadre, * html #outer, * html #wrapper,* html #contenu {-height:1%}


/* ----- Décoration -------------*/
#ariane{color:#FF33CC;margin:5px 0px 0px 10px;text-align:left;}
#ariane a {color:#999999;text-decoration:none;} 
#ariane a:hover {color:#FF33CC; text-decoration:underline;} 
#accessible  a{
	text-decoration:underline;
	color:#999999;
}
#accessible  a:hover{
	text-decoration:underline;
	color:#FF33CC;
}
/*------------------ Apparence menu de droite -------------------------*/
#menudroite {
	margin-top:-29px;
	-margin-top:0px;
	min-height:390px;
	_height:350px;/*modif 17/05/07 qui permet d'enlever les commentaires conditionnels pour ie6*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;	
	font-weight: bold;
	text-align: left;
	background-image:url(adiam-images/accueil/basmenudroite0.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#F153A7;
}
#menudroite ul {
	clear:both;
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;
	width:199px;
	list-style-type: none ;
}
#menudroite li {	
	border:1px solid #F153A7;
	clear:both;	height:auto;
	behavior:url('csshover2.htc'); /*base:behavior:url('csshover2.htc'); -> Validée */
	margin: 0px;
	padding:0px 0px 0px 30px;
	color:white; 
	font-weight:bold;
	background: url(adiam-images/accueil/menu-droite1.jpg) no-repeat;
	}
#menudroite a{
	clear:both;
	color:white;
	display:block;
	margin: 0px;
	padding:6px 10px;
	text-decoration: none;
	line-height: 0.9em;
}
#menudroite li:hover { 
	background:url(adiam-images/fondsousmenu.jpg) repeat-y; 
	height:auto; 
}
#menudroite li ul{	
	display:none;
	clear:both;
	padding:12px 0px 20px 0px;
	margin:0px 0px 0px -30px;
	font-weight:normal;
	width:198px;
	-width:197px;
	list-style-type: none;
	background:transparent url(adiam-images/footersousmenu.jpg) no-repeat bottom;
}
#menudroite li:hover ul{display:block;clear:both;}
#menudroite li ul li{ 
	padding:0px;
	margin:0px;
	/margin:-4px 0px -4px -1px;
	border:0px;
	font-weight:normal;
	height:50px;
	width:185px;
	behavior:url('csshover2.htc'); /*base:	behavior:url('_html_skeletes/csshover2.htc');*/
	background: white url(adiam-images/fondsousmenu-li.jpg)  no-repeat;
}
#menudroite li ul a{	
	clear:both;margin:0px;
	padding:4px  0px 4px 30px;
	background: url(adiam-images/fondsousmenu-li.jpg) no-repeat;
}
#menudroite li ul, #menudroite li ul li, #menudroite li ul a, #menudroite li ul a:hover, #menudroite li ul li:hover{clear:both;color:#FF33CC;height:auto;}
#menudroite li ul li:hover, #menudroite li ul a:hover {background:url(adiam-images/fondsousmenu-li.jpg) white no-repeat;color:#00AFEB;}
/*----------------------------------- Image  Changeante--------------------------------------------*/
#header img {margin-top:29px;} 
/*------------------------------ Ombrages ------------------------------*/
#ombregauche {-display:none;width:40px;height:30px;margin-left:-40px;background:#ccc url(adiam-images/accueil/ombregauche.jpg);}
#ombredroite {-display:none;width:20px;height:30px;-height:0px;margin-left:199px;margin-top:-30px;/margin-top:-27px;background-image:url(adiam-images/accueil/ombredroite.jpg);}
/*-------------------------Habillage contenu central -----------------*/
p {
    margin-bottom:1em;
    padding-right: 5px;
    padding-left: 5px;
}
/* ----------------- titre de la rubrique dans accroche s---------------*/
#accroche h1, #rubrique h1 {display:none;}
/* Les Styles pour la rubrique --------------------------------------------------------------------------------*/
#centrerubrique {
	width:100%;
	margin:0 auto;
	padding-right:0px;
	padding-top:15px;
	/padding-top:5px;
	display:block;
	}
#rubrique { 
	clear:both;
	position:relative;
	/height:1%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding:0px;
	margin:0px;
	background:#fff;
}
#TB-window p {/float:none;/height:1%;/position:relative;}
div .titrerubrique{position:relative;/height:1%;overflow:auto;/overflow:visible;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;	
	text-align:right;
	width:100%;
	margin-left:5px;
}
#rubrique ul{
	margin:3px 0px 8px 0px; 
	padding:0px;
	list-style-type:none;
}
#rubrique li{ /* width:33%; a voir avec la gestion en 3 colonnes de spip */
	overflow:auto;
	height:100%;
	/height:1%;
	/overflow:visible;
	margin:0px;
	padding:0px 0px 0px 10px; 
}
#rubrique p{
position:relative;
font-size:0.9em;
font-weight:normal;
text-align:left;
margin:0px 5px 10px 5px;
padding:0px;
color:#999;
}
#rubrique h5{
position:relative;font-size:0.65em;text-align:right; margin:0px;padding:0px;} /*base:3px 110px 0px 0px*/
#rubrique a{text-decoration:underline;padding-left:10px;}
/*---------------Habillage AGENDA------------*/
/*---------les rubriques----------*/
#festivals {color:#3F3E4E;}
#festivals .event{color:#3F3E4E;}
#festivals a.plus {color:#3F3E4E;background:url(adiam-images/rubrique/pictosm.jpg) left no-repeat;}
#festivals .titrerubrique{background:url(adiam-images/agenda/rubriques/festivals.jpg) no-repeat;}
#festivals .titrerubrique a.print {text-decoration:none !important;padding-top:5px;color:#3F3E4E;font-size:0.9em;}
#festivals a {color:#3F3E4E !important;}

#musique {color:#A4D021;}
#musique .event{color:#A4D021;}
#musique a.plus {color:#A4D021;background:url(adiam-images/rubrique/pictosm.jpg) left no-repeat;}
#musique .titrerubrique{background:url(adiam-images/agenda/rubriques/musique.jpg) no-repeat;}
#musique .titrerubrique a.print {text-decoration:none !important;padding-top:5px;color:#A4D021;font-size:0.9em;}
#musique a {color:#A4D021 !important;;}

#theatre {color:red;}
#theatre .event{color:red;}
#theatre a.plus {color:red;background:url(adiam-images/rubrique/pictosm.jpg) left no-repeat;}
#theatre .titrerubrique{background:url(adiam-images/agenda/rubriques/theatre.jpg) no-repeat;}
#theatre .titrerubrique a.print {text-decoration:none !important;padding-top:5px;color:red;font-size:0.9em;}
#theatre a {color:red !important;}

#danse {color:#F383BB;}
#danse .event{color:#F383BB;}
#danse a.plus {background:url(adiam-images/rubrique/pictosm.jpg) left no-repeat;}
#danse .titrerubrique{background:url(adiam-images/agenda/rubriques/danse.jpg) no-repeat;}
#danse .titrerubrique a.print {text-decoration:none !important;padding-top:5px;color:#F383BB;font-size:0.9em;}
#danse a {color:#F383BB !important;}

#stages {color:#8158BE;}
#stages .event{color:#8158BE;}
#stages a.plus {color:#8158BE;background:url(adiam-images/rubrique/pictosm.jpg) left no-repeat;}
#stages .titrerubrique{background:url(adiam-images/agenda/rubriques/stages.jpg) no-repeat;}
#stages .titrerubrique a.print {text-decoration:none !important;padding-top:5px;color:#8158BE;font-size:0.9em;}
#stages a {color:#8158BE !important;}

#marionnettes {color:#2B9026;}
#marionnettes .event{color:#2B9026;}
#marionnettes a.plus {color:#2B9026;background:url(adiam-images/rubrique/pictosm.jpg) left no-repeat;}
#marionnettes .titrerubrique{background:url(adiam-images/agenda/rubriques/marionnettes.jpg) no-repeat;}
#marionnettes .titrerubrique a.print {text-decoration:none !important;padding-top:5px;color:#A4D021;font-size:0.9em;}
#marionnettes a {color:#2B9026 !important;}

#rue {color:#666;}
#rue .event{color:#666;}
#rue a.plus {color:#666;background:url(adiam-images/rubrique/pictosm.jpg) left no-repeat;}
#rue .titrerubrique{background:url(adiam-images/agenda/rubriques/rue.jpg) no-repeat;}
#rue .titrerubrique a.print {text-decoration:none !important;padding-top:5px;color:#666;font-size:0.9em;}

#bals {color:#2C62BC;}
#bals .event{color:#2C62BC;}
#bals a.plus {color:#2C62BC;background:url(adiam-images/rubrique/pictosm.jpg) left no-repeat;}
#bals .titrerubrique{background:url(adiam-images/agenda/rubriques/bals.jpg) no-repeat;}
#bals .titrerubrique a.print {text-decoration:none !important;padding-top:5px;color:#2C62BC;font-size:0.9em;}
#bals a {color:#2C62BC !important;}

#contes {color:#FFA42D;}
#contes .event{color:#FFA42D;}
#contes a.plus {color:#FFA42D;background:url(adiam-images/rubrique/pictosm.jpg) left no-repeat;}
#contes .titrerubrique{background:url(adiam-images/agenda/rubriques/contes.jpg) no-repeat;}
#contes .titrerubrique a.print {text-decoration:none !important;padding-top:5px;color:#FFA42D;font-size:0.9em;}
#contes a {color:#FFA42D !important;}

a.print {background:url(adiam-images/agenda/imprimante.gif) right no-repeat;}
a.print:hover {background:url(adiam-images/agenda/imprimante-anime.gif) right no-repeat;}
#festivals .titrerubrique a.print:hover, #musique .titrerubrique a.print:hover, 
#theatre .titrerubrique a.print:hover, #danse .titrerubrique a.print:hover, 
#stages .titrerubrique a.print:hover, #marionnettes .titrerubrique a.print:hover,
#rue .titrerubrique a.print:hover, #bals .titrerubrique a.print:hover,
#contes .titrerubrique a.print:hover {color:#666;}

#imprimertout { font-size:0.7em; text-align:right;color:#999;font-weight:bold;margin-top:20px;}
/*-------------les colonnes-----------------*/
.col1,.col2 {position:relative;width:33%;float:left; margin-top:27px;}
.col3 {position:relative;width:33%;float:left; margin-top:7px;}
/*----------menupicto-----------*/
#menupicto {margin:3px 0 0 0;padding:0px;}
#menupicto a, #menupicto img, #menupicto a img {padding:0;margin:0;width:62px;height:61px;}
/*------------les dates-----------*/
#rubrique p.date, .date {color:#000; font-size:1.2em;font-weight:bold;margin:5px 5px 3px 5px;padding:0px;}
.event {font-size:1.2em;font-weight:bold;}
/*---------zone remerciements-------*/
.credits { margin:5px 0 0 0;color:#999}
#credits { margin-top:50px;}
.black {color:#333333;}
.hidden {display:none;height:auto;overflow:hidden;}
#credits p.spip {font-size:0.7em;text-align:right;}
#credits h3 {text-align:right;}
/*---------------------- Zone telecharger ----------------------------------------------*/
#telecharger .tel{font-family: Times, serif;padding:8px 0px 10px 10px;margin:0px;font-weight:bold;float:none;height:20px;font-size:16px;}

#telecharger {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	background-image:url(adiam-images/article/telecharger-top.jpg);
	background-repeat:no-repeat;
	width:201px;
	-width:150px;
}
#telecharger ul{
list-style-type:none; 
margin:0px 0px 0px -15px;
padding:0px 0px 15px 0px;
background:url(adiam-images/article/telecharger-pied.jpg) no-repeat bottom;
width:201px;
}
#telecharger li{
width:186px;
height:50px;
padding:5px 0px 10px 15px;
margin:0px;
?margin:-4px 0px;
/*_padding:5px 0px 0px 15px;*/
background-image:url(adiam-images/article/telecharger-li.jpg);
background-repeat:repeat-y;
}
#telecharger li a {color:#666666; text-decoration:none;}
#telecharger li a:hover{text-decoration:underline;}
#telecharger img {
vertical-align:top;
margin:0px;
padding:0px;
width:34px;
}
#imgtelecharger {float:left; margin-right:10px;}
#ptel{width:130px;height:42px;font-size:11px;margin:0px;padding:0px;float:left;}
#ptel a{font-size:13x;font-weight:bold;color:#333333;text-decoration:underline;margin:0px;padding:0px;}
/*------------------annoncer un spectacle---------------*/
#annoncer {position:relative;background:url(adiam-images/agenda/fond-bleu.jpg) no-repeat;margin:0px;}
#annoncer p{width:180px;color:#FFFFFF;font-size:0.65em;padding:15px 0px 0px 20px; }
#annoncer a{color:#FF33CC;}
#annoncer h3 {padding:10px 0px 0px 25px;color:#FFFFFF;font-size:0.7em;}
#piedbleu {background:url(adiam-images/agenda/pied-bleu.jpg) bottom no-repeat;height:14px;margin:-12px 0px 4px 2px;/margin:-12px 0px 4px 4px;padding:0px;-margin:-20px 0 4px 4px;}
/*------------------mois suivant---------------*/
#moissuivant {position:relative;background:url(adiam-images/agenda/fond-rose.jpg) no-repeat;margin:40px 0 0 0;}
#moissuivant p{width:180px;color:#FFFFFF;font-size:0.65em;padding:15px 0px 0px 0px; }

#moissuivant a{color:#FFFFFF;}
#moissuivant h3 {width:200px;padding:13px 0px 0px 0px;color:#FFFFFF;font-size:0.7em;text-align:center;}
#piedmoissuivant {background:url(adiam-images/agenda/pied-fond-rose.jpg) bottom no-repeat;height:14px;margin:0px 0px 2px 2px;padding:0px;/margin:0px 0px 0px 3px;-margin:-7px 0 2px 4px;}
/*------------------imprimer---------------*/
#imprimer {position:relative;background:url(adiam-images/agenda/fond-gris.jpg) no-repeat;margin:0 0 0 0;}
#imprimer p{width:180px;color:#FFFFFF;font-size:0.65em;padding:15px 0px 0px 0px; }

#imprimer a{color:#FFFFFF;}
#imprimer h3 {width:200px;padding:12px 0px 0px 0px;color:#FFFFFF;font-size:0.7em;text-align:center;}
#piedimprimer {background:url(adiam-images/agenda/pied-gris.jpg) bottom no-repeat;height:14px;margin:0px 0px 0px 2px;/margin:0px 0px 0px 3px;padding:0px;-margin:-7px 0 2px 4px;}