/* CSS Document */
body {
	margin: auto;
	background-color: #000000;
	font-family: "Trebuchet MS"; 
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
	color: #000000;
	text-decoration: none;
	list-style: none;
}

img.absmiddle {
border:0px;
vertical-align:middle;
} 

/*Syle des liens*/
a:link {text-decoration: underline; color: #000000} /* lien non-visité*/
a:visited {text-decoration: underline; color: #000000} /*  lien visité */
a:hover {text-decoration: none; color: #000000} /* lien survolé */
a:active {text-decoration: underline; color: #000000} /* lien activé */ 

/*Suppression du cadre du logo-lien vers accueil*/
.nocadre{border:none;}  

/*Retrait premiere ligne paragraphe*/
.retrait{text-indent:25px;}
 

.contact{font-size:2em; letter-spacing:4px; text-align:center;}

/*Boite contenant l'ensemble - page fond mauve*/
#boiteglobale {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 1000px;
	-height: 1000px;
	padding: 0;
	bottom: 0;
}

/*Boite contenant l'entete de la page*/

#entete {	
	width: 980px;
	overflow: hidden;
	margin: auto;
	padding-top: 156px;
	padding-bottom: 0px;
}

/*************************************/
/***MENU PRINCIPAL DEROULANT COMMUN***/
/*************************************/

/*Taille de la case thematiques menu deroulant*/



/*Boite contenant le menu principal*/
#boitemenu {
	width: 802px;
	margin-left: auto;
	margin-right: auto;
	/*padding-left: 1px;*/
	padding-bottom: 34px;
 
}

/*Style des composants du menu principal*/
#menu {height: 18px;}
#menu ul { list-style-type:none; text-align:center; }
#menu li {float:left; margin:auto; padding:0; background-color: #27012D; }
#menu li a {display:block; width:99px; text-decoration:none;}

#menu li a:hover {color:#27012D; background-color: #FFF;}
#menu ul li ul {display:none;}
#menu ul li:hover ul {display:block;}
#menu li:hover ul li {float:none;}
#menu li ul {position:absolute;}



/************************************/
/****FIN MENU PRINCIPAL DEROULANT****/
/************************************/


/***************************/
/****MOTEUR DE RECHERCHE****/
/***************************/
/*Boite contenant le label "recherche"*/
.labelrecherche {float:right; text-align: center; width:62px; margin-top: 7px; margin-right: 0px; background:#27012D; color:#FFFFFF; height: 17px; padding-bottom:1px;}

/*Style du input text recherche*/
/*input {float:right; color: #27012D;	width: 90px; font-size: 1em; margin-top: 7px; margin-right: 5px; padding-left: 4px; text-decoration: none; font-style: Italic;	border: 1px solid #27012D; height: 15px;
	letter-spacing: 1px;
	}
à refaire pour boite de recherche avec un ID, car pour l'instant cela pose problème avec le formulaire devis
*/

	
/*fond pseudo-transparent mauve*/	
.bgnhalpha{background-color: #e1d9f1;}
	
input:hover{ } 

/************************************/
/******FIN MOTEUR DE RECHERCHE*******/
/************************************/




/***************************/
/******FORM DE DEVIS********/
/***************************/

label { 
width: 200px;
float:left;
text-align: right;
}

input {
width : 400px;
}

textarea {
width : 400px;
}

ul.errorlist {
color: red;
}

form ul + p > label + input,textarea { border : 1px solid red;}

/************************************/
/**********FIN FORM DE DEVIS*********/
/************************************/






/****************************************/
/******CONSTRUCTION FICHE CENTRALE*******/
/****************************************/

/*Boite contenant la globalité de la fiche*/
#fiche {margin-top:25px; margin:auto; width: 799px;}


/*Boites contenant les composantes de la fiche transparente*/
#fichetop {
	background-image:url(fichetop.png); 
	background-repeat:no-repeat; 
	height:23px; 
	padding-top:58px;
	width: 799px;
}

#fichecenter {
	background-image:url(bande-px-alpha.png); 
	background-repeat:repeat; 
	height: auto;
	min-height: 495px;
	_height: 495px;
	width: 799px;
}


#fichebottom {
	background-image: url(fichebottom.png); 
 	background-repeat: no-repeat; 
	height: 24px; 
	padding: 0px;
	margin: auto;
	width: 799px;
}

/*Boites contenant les composantes de la fiche noire*/
#fichetopbk {
	background-image:url(fichetopbk.png); 
	background-repeat:no-repeat; 
	height:33px; 
	padding-top:48px;
	width: 799px;
}

#fichecenterbk {
	background-image:url(bande-px-bk.png); 
	background-repeat:repeat; 
	height: auto;
	/*min-height:495px;*/
	/*_height: 495px;*/
	width: 799px;
}

#fichebottombk {
	background-image: url(fichebottombk.png); 
	background-repeat: no-repeat; 
	height: 24px; 
	padding:0px;
	width: 799px;
}

/*********************************************/
/*******FIN CONSTRUCTION FICHE CENTRALE*******/
/*********************************************/

/***********************************************************/
/****BOITES DES CONTENUS DE LA FICHE thematique / ARTISTES**/
/***********************************************************/

/*Boite contenant le texte des fiches thematique*/ 
div#textefiche{
width: 520px; 
padding-top: 15px;
padding-bottom: auto;
padding-right: 30px;
padding-left: 30px;
overflow: hidden;
text-align: left;
line-height:16px;
}


/*Boite colonne listes a à z thematique et artistes*/
.colonneaz {
	display: in-line;
	width: 200px;
	float: left;
	padding-left:48px;
	line-height:16px;
}

/*Hauteur de ligne paragraphes*/
/*p {line-height: 16pt}*/

/*Texte white on black*/
p.wob { color: #FFFFFF;}

/***********************************************************/
/*FIN BOITES DES CONTENUS DE LA FICHE thematique / ARTISTES*/
/***********************************************************/


/*************/
/***FOOTER****/
/*************/

/*Boite contenant le footer*/
#footer {
	width: 980px;
	margin: auto;
	color: #606060;
	padding-bottom: 20px;
	padding-top: 50px;
	text-align: center;
	line-height:15px;
	font-size: 11px;
}

#footercontact {
	width: 980px;
	margin: auto;
	color: #606060;
	padding-bottom: 20px;
	padding-top: 100px;
	text-align: center;
	line-height:15px;
	font-size: 11px;
}
 
/*****************/
/***FIN FOOTER****/
/*****************/



/****************************************/
/******MENU THEMATIQUES HORIZONTAL*******/
/****************************************/

/***#menuthema {padding-top:60px;}***/

#boitebarremenuthematiquefestivals {padding-top:12px;}

ul {list-style-type: none; margin: auto; padding: 0px;}

#menuthema li {float: left;}

#menuthema a {
	float:left;
	font-size:12px;
	height:18px;
	text-align:center;
	text-decoration:none;
}

#menuthema  a:hover {
	background:none repeat scroll 0 0 #FFFFFF;
	color:#27012D;
	margin:0;
	padding:0;
	text-decoration:none;
}

/*largeur des cases du menu thematique*/
.menuthemacaseadn {
width:120px;
}
.menuthemacasefestivals {
width:90px;
}
.menuthemacasemarches {
width:135px;
}
.menuthemacaseanimations {
width:145px;
}
.menuthemacasesoirees {
width:70px;
}
.menuthemacaseseniors {
width:239px;
}
/*Fin largeur des cases du menu thematique*/

/****************************************/
/*****FIN MENU THEMATIQUES HORIZONTAL****/
/****************************************/



/******************************
***ACCCUEIL SPECIFICITES*******
******************************/



/*Boite contenant le logo nh avec lien vers l'accueil*/
div#boitelogoaccueil {
	width: 250px;
	margin:auto;
	background-image: url(logo.png);
	background-repeat: no-repeat;
}
/*Fin de la boite contenant le logo nh avec lien vers l'accueil*/


/*Style h2, etc.*/
.h2 {
	line-height:2em;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

.h1 {
	font-size: 16px;
	text-indent: 35pt;
	color: #000000;
	text-decoration: none;
 
}