/*
# Feuille CSS "style1.css" du site internet 
# LES RENCONTRES ARTISTIQUES DE BEL AIR
# Création : Agence AMSé - Serecom 2008
# IUT de Chambéry
*/

/* -------------- CSS DE POSITIONNEMENT DES IMAGES DE FOND ------------ */
/* Div globale */
h1 {
	font-size:14px;
}
body {
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
}

.globale {
	margin-top:-20px;
	margin-left:auto;
	margin-right:auto;
	width:830px;
}

/* Fond de la div globale */
.globalefond {
	background-image:url(../images/architecture/fond.jpg);
	background-repeat:repeat-y;
}

/* Zone de texte principale */
.texteprincipal {
	margin-left:100px;
	margin-right:40px;
}

/* Positionnement du Bandeau */
.bandeau {
	margin-left:88px;
	margin-right:40px;
	margin-bottom:1px;
	width:718px;
	height:167px;
}

/* Style des dates de la partie News > Accueil */
.events {
	color:#666666;
	font-size:0.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
}
.events ul {
	list-style:url(../images/arrow.png);
}


.events li {
	margin-bottom:15px;
}

/* Style des liens de la partie News */
.events a {
	color:#666666;
	text-decoration:none;
}

/* Style des liens hover de la partie News */
.events a:hover {
	color:#999999;
}



/* Zone Thickbox de description de chaque concert */
.description_concert {
    background-image:url(../images/architecture/fond_concert2.jpg);
	margin-top:0px;
	left:-100px;
	background-repeat:no-repeat;
	}	

/* Positionnement du menu */
.menudiv {
	margin-left:87px;
	margin-top:-12px;
	width:716px;
	background:url(../images/menu/normal.png) repeat-x;
	height:33px;
	text-align:center;
}

.menu li { 
display : inline;
padding-right:40px;
font-size:12px;
font-weight:bold;
line-height:33px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}

#current a {
	color:#000000;
}
.menu a {
	text-decoration:none;
	color:#FFFFFF;
}
.menu a:hover {
	color:#CCCCCC;
}

ul.menu {
list-style-type : none;
}


/* Style des dates de la partie News > Accueil */
.dateNews {
	color:#666666;
	font-size:0.9em;
	padding-left: 25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

/* Style des liens de la partie News */
.dateNews a {
	color:#666666;
	text-decoration:none;
}

/* Style des liens hover de la partie News */
.dateNews a:hover {
	color:#999999;
}


/* Style des TEXTES */
.textes {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-align:justify;
	color:#000000;
}

/* Style des textes de la page Contact */
.textes_contact {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-align:left;
	color:#000000;
}


/* style de la classe News */
.news {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-align:center;
}

/* Style du fond du bandeau page Lieux */
.bandeau_lieux {
	background-color:#EBEBEB;
}

.bandeau_lieux a {
	color:#333;
}


/* Style de la page Lieux */
.lieux {
	vertical-align:middle;
	text-align:center;
	padding-right:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* Style des liens de la page Lieux */
.lieux a {
	font-size:1em;
	color:#999999;
	text-decoration:none;
}



/* Style des liens hover de la page Lieux */
.lieux a:hover {
color:#333333;
}

/* Style des titres de la page Lieux */
.titre_lieu {
	font-size:1.2em;
}



/* Style de la classe Festival */
.festivals {
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* Style des dates de festival  */
.dates_fest {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}



/* Style des liens dates_fest */
.dates_fest a {
	text-decoration:none;
	color:#666666;
	font-size:2.5em;
	text-align:center;
}

/* Style des liens hover dates_fest */
.dates_fest a:hover {
	text-decoration:none;
	color:#333333;
	text-align:center;
}

/* Style des textes de la page Festival */
.texte_fest {
	text-align:left;
	color:#333333;
	font-size:0.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


/* Style des images */
img {
	border:0px;
}


/* Style du pied de page */
.piedpage {
	width:830px;
	height:60px;
	margin-left:auto;
	margin-right:auto;
    background-image:url(../images/architecture/piedpage.jpg); 
}

/* Style des liens du pied de page */
.piedpage a {
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	text-align:center;
}

/* Style des liens hover du pied de page */
.piedpage a:hover {
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
	text-align:center;
}

/* Style des textes du pied de page */
.textepiedpage {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:12px;
	top:10px;
	text-align:center;
	color:#999999;
}

/* Style du fond de la séparation du tableau */
.separationtableau {
	background-image:url(../images/architecture/traitsepa.jpg);
	width:9px;
	background-repeat:repeat-y;
	}
		
/* Style de la classe centre */
.centre {
	text-align:center;
}

/* Style du tableau photos */
.tab_photos {
	margin-left:8%;
}

/* Style du menu Media */
#menuMedia {
	position:absolute;
    background-image:url(../images/architecture/fond_media.jpg);
	width:114px;
	height:45px;
	z-index:1;
	margin-top:-6px !important; /* Hack CSS : seulement pour Firefox */
	margin-top:32px !important!;
	margin-left:488px !important;	/* Hack CSS : seulement pour Firefox */
	margin-left:-114px !important!;
	visibility:hidden;
	text-align:center;
}

/* Style des liens du menu Media */
#menuMedia a {
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:15px;
}

/* Style des liens photos */
.lienphotos {
	text-align:center;
}

/* Style des liens photos */
.lienphotos a {
	text-decoration:none;
	color:#666666;
	text-align:center;
}

/* Style des liens hover photos */
.lienphotos a:hover {
	text-decoration:none;
	color:#333333;
	text-align:center;
}

/* Formulaire de contact */
#contact label {
	display: block;
	width: 18%;
	float: left;
	padding-right: 2%;
	text-align: left;
	letter-spacing: 1px;
}

#contact fieldset {
	border: #CCC 1px solid;
}

#contact fieldset:hover
{
	background-color: #FFF;
}

#contact fieldset legend
{
	padding: 0 10px;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	font-size: 1.2em;
	color: #999;
}


/* Style pour les mentions legales  */
h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	color:#999999;
	text-align:left;
}

h4{
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
}

#mentions {
	font-size: 12px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	text-align:left;
}



/* Style pour le Calendrier */	

.titreCalendar a {
	padding-left:5px;
	color:#000000;
	font-size: 0.8em;
	text-decoration:none;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.titreCalendar a:hover {
	color:#666666;	
}

/* ---------------- STYLE DU TABLEAU CALENDAR ----------- */



table.calendar tr.even {
	background: #EEEEEE;
}

table.calendar tr.odd {
	background:#E6E6E6;
} 

table.calendar tr th
{
	padding: 5px 3px;
	background:#759800;
	color:#fff;
}



table.calendar td {
  padding-top:10px;
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom: 1px solid #CCCCCC;
}




/* ----------------------- MENU HORIZONTAL ------------------- */ 

/* horizontal pill menu */
table.pill {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

td.pill_l {
  background: url(../images/mw_menu_cap_l.png) no-repeat;
  width:  20px;
  height: 32px;

}

td.pill_m {
  background: url(../images/mw_menu_normal_bg.png) repeat-x;
  padding: 0;
  margin: 0;
  width: auto;
}

td.pill_r {
  background: url(../images/mw_menu_cap_r.png) no-repeat;
  width:  19px;
  height: 32px;
}

#pillmenu {
  white-space: nowrap;
  height: 32px;
  float: left;
}

#pillmenu ul {
  margin: 0;
  padding: 0;
  list-style:none;
}

#pillmenu li {
	float: left;
	background: url(../images/mw_menu_separator.png) top right no-repeat;
	margin: 0;
	padding: 0;
}

#pillmenu a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
	float:left;
  display:block;
  height: 24px;
  line-height: 24px;
  padding: 0 20px;
  color: #000;
  text-decoration: none;
}

#pillmenu a#active_menu-nav {
	margin-top:2px;
	height: 21px;
	line-height: 21px;
	background-position: 0 0;
}

#pillmenu a:hover {
  color: #135cae;
}

#pillmenu a#active_menu-nav {
  background: url(../images/blue/mw_menu_active_bg.png) repeat-x;
  color: #fff;
}

#pillmenu a#active_menu-nav:hover {
  color: #fff;
}



div#tabarea {
	margin-left:87px;
	width:716px;
}

div#tabarea_l {
	padding-left: 32px;
}

div#tabarea_r {
	height: 42px;
padding-right: 1px;
}