@import url(menu.css);

body
{
	margin: 0px;
	padding: 0px;
	background-color: #441605;
	background-image: url(images/bg.jpg);
	font: small Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	color: #FFF;
	background-position: 50% 0;
}

a { color: #E57200; }
h1 { font: 1.5em Georgia, "Times New Roman", serif; }
h2 { font: 1.3em Georgia, "Times New Roman", serif; }
h3 { font: bold 1.2em Arial, Helvetica, sans-serif; }
h4 { font: bold 1em Georgia, "Times New Roman", serif; }

ul, ol
{
	list-style: circle;
	margin: 0;
}

.surtitre
{
	font-size: 1.1em;
	font-weight: bold;
	margin: 10px 0 2px 0;
}

.titre_article { margin: 0px 0 2px 0; }
.soustitre { margin: 0px 0 2px 0; }

.date_article
{
	font-size: 1.1em;
	font-weight: bold;
	margin: 6px 0 6px 0;
	padding: 0 0 3px 0;
	border-bottom: solid 1px #DA7E29;
}

p.spip, .texte
{
	line-height: 1.5em;
	color: #FFF;
	font-size: 1em;
	margin: 0;
}

caption
{
	padding: 0.75em;
	font: 1.5em Georgia, Times, serif;
	border: 1px solid #B2B2B2;
	border-width: 1px 0 2px;
	background: #EEE;
}

th, td
{
	padding: 0.5em 1em;
	border: 1px solid #CCC;
	border-width: 0 0 1px 1px;
}

hr
{
	color: #DA7E29;
	background-color: #DA7E29;
	height: 1px;
	border: 0;
	margin: 6px 0 6px 0;
}

#ornement_gauche
{
	width: 820px;
	margin: 0px auto;
	background-image: url(images/bg_lateral_gauche.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-left: solid 2px #DA7E29;
	background-color: #441605;
}

#ornement_droite
{
	width: 820px;
	margin: 0px auto;
	background-image: url(images/bg_lateral_droite.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	border-right: solid 2px #DA7E29;
}

#prepage
{
	width: 740px;
	margin: 0px auto;
	background-color: #9B280F;
	border-left: 1px solid #AD3A1B;
	border-right: 1px solid #AD3A1B;
	border-bottom: 1px solid #AD3A1B;
}

#page
{
	width: 740px;
	margin: 0px auto;
}

#entete
{
	height: 100px;
	background-image: url(images/logo_granada.gif);
	background-repeat: no-repeat;
	background-position: 50% 0;
	margin: 0px;
}

#entete h1, #entete h3
{
	margin: 0;
	padding: 0;
}

#entete h1 a
{
	display: block;
	width: 720px;
	height: 100px;
}

#entete span { display: none; }

#navigation_cadre
{
	border: 2px solid #7F0000;
	background-color: #DA7E29;
	padding: 5px;
	margin: 0;
}

#menutop
{
	position: relative;
	margin: 0 0 0 0;
	clear: both;
	border: 2px solid #7F0000;
	background-color: #000000;
	height: 30px;
}

#contenu_cadre
{
	border: 2px solid #7F0000;
	background-color: #DA7E29;
	padding: 5px;
	margin-top: 5px;
	height: auto;
}

#contenu
{
	background-color: #730D01;
	border: 1px solid #7F0000;
	padding: 5px;
	height: auto;
}

#breve
{
	padding-left: 0;
	margin-left: 0;
}

#breve li
{
	list-style: none;
	margin: 0;
}

.breve_date {
margin : 0 0 0.3em 0;
}

.breve_titre {
font: bold 1.1em Arial, Helvetica, sans-serif;
margin: 0 0 0.5em;}


.breve_item {
		min-height: 100px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #DA7E29;
	padding: 0.8em 0 1em 0;
	}
	
	
#flash
{
	background-color: #000000;
	border: 1px solid #5E0000;
	height: 300px;
	width: 200px;
}

#contenu_gauche
{
	background-color: #480001;
	border: 1px solid #5E0000;
	color: #DA7E29;
	float: left;
	height: auto;
	width: 200px;
}

#contenu_droite
{
	background-color: #480001;
	margin-left: 210px;
	border: 1px solid #5E0000;
	color: #DA7E29;
	min-height: 500px;
	padding: 10px;
}

#contenu_gauche h3 { text-align: center;}
#contenu_droite h3 { font: bold 1em Georgia, "Times New Roman", Times, serif; }


#contenu_droite img
{
	background-color: #DA7E29;
	border: 3px solid #DA7E29;
}

#contenu_gauche img
{
	background-color: #DA7E29;
	border: 3px solid #DA7E29;
}

#accueil_breve {
		min-height: 100px;
}


.hyperlien {
	margin: 10px 0 5px 0;
}


.bg_h3_01
{
	background-image: url(images/bg_h3_01.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color: #FFFFFF;
	padding: 5px 0 0 5px;
}

.item_spectacle
{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DA7E29;
	padding: 0 5px 15px 5px;
	margin: 0 0 5px 0;
	height: 100px;
}

.item_cineclub
{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DA7E29;
	padding: 0 5px 5px 5px;
	margin: 0 0 5px 0;
	height: 110px;
}

.image_spectacle
{
	float: left;
	width: 100px;
	height: 100%;
	margin: 0 10px 0 0;
	padding: 0;
	text-align: center;
	border: none;
}

.item_partenaire
{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DA7E29;
	padding: 0 5px 15px 5px;
	margin: 0 0 5px 0;
	height: 100px;
	clear: both;
}

.image_partenaire
{
	float: left;
	width: 100px;
	margin: 0 10px 10px 0;
	padding: 10px 5px 10px 5px;
	text-align: center;
	background: #FFFFFF;
	vertical-align: center;
}

.image
{
	margin: 0 0 2em 0;
	padding: 0;
}

.nom_artiste
{
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 5px 0;
}

#documents_portfolio
{
	background-color: #FFFFFF;
	margin: 0 0 10px 0;
}

#documents_joints
{
	background-color: #FFFFFF;
	margin: 10px 0 10px 0;
}

.item_gauche
{
	margin: 10px 10px 0 0;
	float: left;
	background-color: #FFFFFF;
	font: 0.85em Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 1.4em;
	border: 3px #FFFFFF solid;
}

.document_gauche
{
	margin: 10px 10px 0 0;
	float: left;
	font: 0.85em Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}

.forml { width: 100%; }

.spip_encadrer
{
	font-family: helvetica, arial, sans-serif;
	color: #000000;
	width: 95%;
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px #666666 solid;
}

.max100
{
	max-width: 100px;
}
.spip_documents_left
{
	margin: 0 10px 5px 0;
	background: ;
}

.contact_item
{ 	padding: 5px 0 5px 0;
	margin: 0 0 5px 0; }

.contact_nom
{ font: bold 1em Georgia, "Times New Roman", serif; }

/* Pied de page */
#pied
{
	background-color: #9B280F;
	text-align: center;
	vertical-align: bottom;
	font-size: 0.75em;
	color: #DA7E29;
	padding: 15px 0 10px 0;
	clear: both;
}

#pied p { margin: 0; }



#adresse {
font: bold 1.1em Arial, Helvetica, sans-serif;
padding: 10px;
}



/*---- Achat en ligne ----*/
#bouton_ovation { margin: 10px 0 10px 0; }

#bouton_ovation a
{
	display: block;
	width: 200px;
	height: 40px;
	background: url(images/ovation_achat_fr_200x40.gif);
}

#bouton_ovation span { display: none; }

/*---- Lien vers site Web Ville de Sherbrooke ----*/
#bouton_sherbrooke { margin: 10px 0 10px 0; }

#bouton_sherbrooke a
{
	display: block;
	width: 200px;
	height: 60px;
	background: url(images/ville_sherbrooke_200x60.gif);
}

#bouton_sherbrooke span { display: none; }

/*---- Lien vers site Web Ville de Sherbrooke ----*/
#bouton_sherbrooke { margin: 10px 0 10px 0; }

#bouton_sherbrooke a
{
	display: block;
	width: 200px;
	height: 60px;
	background: url(images/ville_sherbrooke_200x60.gif);
}

#bouton_sherbrooke span { display: none; }

/*---- Lien vers site Web Belle Gueule ----*/
#bouton_belle_gueule { margin: 10px 0 10px 0; }

#bouton_belle_gueule a
{
	display: block;
	width: 90px;
	height: 90px;
	background: url(images/belle_gueule.gif);
	float: left;
	margin-bottom:10px;
}

#bouton_belle_gueule span { display: none; }

/*---- Lien vers site Web Ryhtme FM ----*/
#bouton_rythme_fm { margin: 10px 0 10px 0; }

#bouton_rythme_fm a
{
	display: block;
	width: 200px;
	height: 60px;
	background: #fff url(images/rythme_fm_estrie.gif) no-repeat center;
	float: right;
	margin-bottom:10px;
}

#bouton_rythme_fm span { display: none; }

/*---- Lien vers site Web SODEC ----*/
#bouton_sodec { margin: 10px 0 10px 0; }

#bouton_sodec a
{
	display: block;
	width: 200px;
	height: 60px;
	background: url(images/sodec.gif);
	clear: both;
}

#bouton_sodec span { display: none; }

/*---- Lien vers MySpace ----*/
#bouton_myspace { margin: 10px 0 10px 0; }

#bouton_myspace a
{
	display: block;
	width: 200px;
	height: 60px;
	background: url(images/myspace_granada.gif);
}

#bouton_myspace span { display: none; }

/*---- Lien vers FaceBook ----*/
#bouton_facebook { margin: 10px 0 10px 0; }

#bouton_facebook a
{
	display: block;
	width: 200px;
	height: 60px;
	background: url(images/facebook.gif);
}

#bouton_facebook span { display: none; }

/*---- Lien vers Plogg ----*/
#bouton_plogg { margin: 10px 0 10px 0; }

#bouton_plogg a
{
	display: block;
	width: 200px;
	height: 60px;
	background: url(images/plogg.gif);
}

#bouton_plogg span { display: none; }

/*---- Lien vers EstriePlus ----*/
#bouton_estrieplus { margin: 10px 0 10px 0; }

#bouton_estrieplus a
{
	display: block;
	width: 200px;
	height: 80px;
	background: url(images/estrieplus.gif);
}

#bouton_estrieplus span { display: none; }

/*---- Formulaire Devenir membre ----*/

fieldset {
border-color: #DA7E29;
text-align: center;
}

#formulaire_infolettre h3 {
margin: 0 0 0.5em 0;
}

fieldset label {
font-weight: bold;
margin: 0 0 0.5em 0;

}

legend {
font-weight: bold}
 
fieldset ul
{
	margin-left: -24px;
	//margin-left: 0px; /* uniquement pour ie */

}


/*---- Lien vers site Web partenaires ----*/
#accueil_partenaires
{
	margin: 10px 0 10px 0;
	text-align: center;
	background-color: #FFF;
}

#accueil_partenaires h3
{
	margin: 10px 0 10px 0;
	text-align: left;
	font: bold 1em Georgia, "Times New Roman", Times, serif;
}

#spip-listes {
border-color: #DA7E29;

}

.center { text-align: center;}