/* --------------------------------------------------------- */

/* Feuille de style des squelettes par defaut pour SPIP 2.0  */

/* --------------------------------------------------------- */





/* ------------------------------------------

/* Typographie generale (style transversaux)

/* ------------------------------------------ */

html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */

body { font:11px Verdana, Geneva, sans-serif; color: #CCCCCC; background:#000000; margin:0;}



#pageSommaire{

	width:990px; margin:0 auto; height:780px; overflow:hidden; background:url(../vsl/fond_accueil.jpg) no-repeat right top;

	position:relative;

}

#pageSommaire .date{

	position:absolute; left:0; top:18px;

}

#pageSommaire .entree{

	position:absolute; left:300px; top:430px;

}

#pageSommaire .guerandeestivale{

	position:absolute; right:60px; top:40px;width:150px;

}

#pageSommaire .artistes{

	position:absolute; right:60px; top:220px;left:50px;width:250px;

}

#pageSommaire .artistesdim{

	position:absolute; right:60px; top:220px;left:280px;width:250px;

}

#pageSommaire .filinfos{

	position:absolute; right:60px; top:220px; left:560px; width:250px;

}

#pageSommaire .sociaux{

	position:absolute; right:60px; top:650px; left:20px; width:250px;

}

#pageSommaire .virgin{

	position:absolute; right:40px; bottom:20px;

}



body.rubrique{background:#000000 url(../vsl/fond_etoile.gif) no-repeat center top;}



#page{

	width:990px; margin:0 auto; min-height:700px; overflow:hidden; background:url(../vsl/bas_page.jpg) no-repeat right bottom;

	position:relative; padding-bottom:200px;

}

#page .head{

	height:240px; position:relative;

}

#page .head .virgin{

	position:absolute; top:10px; left:0;

}

#page .head .logo{

	position:absolute; top:10px; left:75px;

}

#page .head .menuHaut{

	width:660px; height:30px; background-color:#E2001A; position:absolute; top:0; right:0; z-index:20;

}

#page .head .menuHaut a{

	color:#FFFFFF;

}

#page .head .menuHaut a:hover{

	color:#FF9900;

}

#page .head .menuHaut ul{

	margin:8px 0 0 0; padding:0;

}

#page .head .menuHaut li{

	float:left; border-right:1px solid #FFFFFF; list-style:none; margin:0; padding:5px 8px 3px 8px;

	text-transform:uppercase;

}

#page .logoartiste{

	width:120px;height:100px;

}

#page .textearticle{

	position:relative;

	vertical-align:top;

	padding:0px 10px 0 0;

	width:480px;

	color:#ffffff;

}

#page .textefestival{

	position:relative;

	vertical-align:top;

	padding:0px 0px 0 0;

	width:300px;

	color:#ffffff;

}



#page .texteartiste{

	position:relative;

	vertical-align:top;

	padding:4px;

	width:420px;

	color:#ffffff;

}

#page .artiste_td_droite{

	background:#930011;

	width:116px;

	height:105px;

}

#page #menugauche ul{

	margin:0px;padding:0px;

}

#page #menugauche li{

	margin-bottom:5px; padding:0px 0 0px 20px; list-style:none; background:url(../vsl/pictomenu.png) no-repeat left center;

}

#page #menugauche a{

	color:#ffffff;

}

#page #menugauche a:hover{

	text-decoration:none;

}

#page #menugauche .fontlien{

	width:150px;

	cursor:pointer;

	padding-left:5px;

}

#page .note{

	position:absolute;

	top:0px;

	right:0px;

}



#slideshow{

	width:660px; height:230px; background-color:#000000; position:absolute; top:80; right:0; overflow:hidden;

}

#conteneur{

	/*position:relative;*/

}

#conteneur .hierarchy{

	padding:8px 0 8px 250px;

}

#conteneur .hierarchy a{

	color:#FFFFFF;

}

#conteneur table{

	border-collapse:collapse;

}

#conteneur td.menuGauche{

	width:250px; vertical-align:top;padding-bottom:80px;

}

#conteneur td.contenu{

	width:740px; vertical-align:top; border-top:1px solid #999999; border-left:1px solid #999999; padding:10px 0;

}

#conteneur td.contenuProg{

	width:740px; vertical-align:top; border-top:1px solid #999999; border-left:1px solid #999999;

	padding:10px 0;

}

#conteneur td.contenuProg .pad{

	padding:0 0 0 70px;

}

#page #autresarticles{

	text-align:left;padding-top:15px;padding-left:20px;border-top:1px solid #999999;margin-top:20px;

}

#page #autresarticles .titre{

	color:#ffffff;font-size:15px;text-transform:uppercase;font-weight:bold;padding-bottom:10px;

}

#page #autresarticles .lien{

	width:145px;

	cursor:pointer;

	padding:3px;

	height:14px;

	background:#930011;

}

#page #autresarticles ul{

	margin:0px;padding:0px;

}

#page #autresarticles li{

	width:167px;margin-bottom:5px; padding:0px 0 0px 0px; height:20px;list-style:none; background:url(../vsl/page_autreartiste.png) no-repeat right center;

}

#reservez{

	text-align:center;padding:15px;border-top:1px solid #999999;border-bottom:1px solid #999999;margin-top:30px;

}

#reservez a{

	font-size:14px;

}

#actualites{

	text-align:left;padding-left:15px;margin-top:15px;

}

#actualites .toutesactus{

	background:#e2001a;padding:2px;margin-top:5px;

}





#conteneur .anneefestival{position:absolute;padding-left:10px;}

#conteneur .affichefestival{float:right;}

#conteneur .datepassageartiste{

	vertical-align:middle;

	position:absolute;

	height:46px;

	right:20px;

	top:0px;

	padding:0 0 0 70px;

	font-weight:bold;

	background:url(../vsl/datemusique.png) no-repeat right top;

}







/* Couleurs des liens

---------------------------------------------- */

a {color:#e2001a; text-decoration: none; }

a:focus,a:hover,a:active { color: #ffffff; text-decoration: underline; outline:none;}





/* Couleurs des liens de SPIP */

a.spip_note {} /* liens vers notes de bas de page */

a.spip_ancre {} /* liens internes a la page */

a.spip_in {} /* liens internes */

a.spip_mail { color: #e2001a; }

a.spip_mail:before { content: "\002709"; } /* liens vers un email */

a.spip_out { color: #e2001a; } /* liens sortants */

a.spip_url { color: #e2001a; } /* liens url sortants */

a.spip_glossaire { color: #e2001a; } /* liens vers encyclopedie */

a.spip_glossaire:hover { text-decoration: underline overline; }

.on { font-weight: bold; } /* liens exposes */



.formulaire_recherche { padding-left:16px;padding-bottom:8px;padding-top:6px;border-bottom:1px solid #ffffff;color:#ffffff;} /*Cf.: spip_formulaires.css*/

.formulaire_recherche input.text { border:0px; width: 10em; text-align: left; } /*Cf.: spip_formulaires.css*/

.formulaire_recherche input.submit { border:0px;  text-align: left; } /*Cf.: spip_formulaires.css*/











#pied{position:relative;width:990px; margin:5px auto 0 auto; text-align:center; font-size:9px; color:#999999;}

.basdepagedroite{

	position:absolute;right:50px;bottom:150px;text-align:right;

}

#pied a{color:#ffffff;}

#pied a:hover{color:#ffffff;}