/*
# 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 */
.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;
}

/* 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 */
.menu {
	margin-left:87px !important; /* Hack CSS : seulement pour Firefox */
	margin-left:89px !important!;
	margin-right:40px;
	width:717px;
	height:33px;
}



/* 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;
}

/* 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;
}