body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, geneva, lucida, helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	background-image: url(/elements_santa/images/fond_site.gif);
	background-repeat: no-repeat;
	background-position: 99% -70px;
	background-color: #f5f5f5;
}

img { border: 0 none; }

a:link, a:visited { color: #000000; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; }




/* =================================================== */
/* ==================== LANGUES ==================== */
a.info{
	position:relative; 
	z-index:24; 
	background-color: transparent;
	border-bottom: 1px dotted #333333;
	color:#000000;
	text-decoration:none;
}

a.info:hover{
	z-index:25; 
	background-color:#AEDAD3;
}

a.info span{ 
	display: none; 
	text-decoration: none;
}

a.info:hover span { 
/*le contenu de la balise span ne sera visible que pour l etat a:hover */
	display:block; 
	position:absolute;
	top: 2em; 
	left: 0; 
	width: 200px;
	border: none;
	background-color:#AEDAD3; 
	color:#000000;
	text-align: left;
	font-weight: none;
	padding: 5px;
	text-decoration: none;
}







/* HOMEPAGE */
#homepage-barre_logo {
	position: relative;
	top: 250px;
	left: 0;
	margin: 0 auto 0 auto;
	text-align: left;
	display: block;
}
#homepage-la_page {
	position: relative;
	width: 760px;
	margin: 0 auto 0 auto;
	text-align: left;
	display: block;
}
#homepage-colonne_gauche_navigation {
	position: absolute;
	top: 270px;
	left: 2px;
	width: 180px;
}


#homepage-zone_de_contenu {
	position: absolute;
	top: 270px;
	left: 190px;
	width: 400px;
}
/* FIN HOMEPAGE */



#barre_logo {
	position: relative;
	top: 40px;
	left: 0;
	margin: 0 auto 0 auto;
	text-align: left;
	display: block;
}

#la_page {
	position: relative;
	width: 760px;
	margin: 0 auto 0 auto;
	text-align: left;
	display: block;
}

/*#contenu_page {
	position: relative;
	width: 760px;
	margin: 200px auto 0 auto;
	text-align: left;
	display: block;
}*/

#colonne_gauche_navigation {
	position: absolute;
	top: 90px;
	left: 0;
	width: 180px;
}

#zone_de_contenu {
	position: absolute;
	top: 90px;
	left: 190px;
	width: 600px;
}

.boite_image {
	float: left;
	padding: 0;
	width: 150px;
	height: 180px;
	text-align: center;
	margin-right: 10px;
}

.boite_image img {
	padding: 0;
	text-align: left;
	margin: 0;
	border: none;
}

.boite_titre {
	font-family: verdana, arial, geneva, lucida, helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	width: 150px;
	color: #5BBBD8;
	text-align: left;
}
.boite_titre a { color: #5BBBD8; text-decoration: none;}
.boite_titre a:link { color: #5BBBD8; text-decoration: none;}
.boite_titre a:hover { color: #CCCCCC; text-decoration: none;}


.boiteSurtitre {
	font-family: verdana, arial, geneva, lucida, helvetica, sans-serif;
	font-size: 9px;
	line-height: 11px;
	font-weight: normal;
	color: #666666;
	text-align: left;
}
.boiteSurtitre a { color: #666666; text-decoration: none;}
.boiteSurtitre a:link { color: #666666; text-decoration: none;}
.boiteSurtitre a:hover { color: #000000; text-decoration: none;}

.boiteSoustitre {
	font-family: verdana, arial, geneva, lucida, helvetica, sans-serif;
	font-size: 9px;
	line-height: 10px;
	font-weight: normal;
	color: #666666;
	text-align: left;
}
.boiteSoustitre a { color: #666666; text-decoration: none;}
.boiteSoustitre a:link { color: #666666; text-decoration: none;}
.boiteSoustitre a:hover { color: #000000; text-decoration: none;}

/* =============================*/
/* PAGE RUBRIQUE MIX DEMO */


.boite_mixDemo {
	float: left;
	width: 600px; 
	margin-bottom: 20px; 
	border-top: 1px solid #CCCCCC;
	padding: 10px 0 0 0;
}


.ContenantBoiteTitre {
	width: 150px; 
	padding: 0;
	margin: 0;
}

.ContenantBoiteMix {
	position: relative;
	top: -10px;
	left: 150px;
	width: 450px; 
	padding: 0;
	margin: 0;
	text-align: left;
}

.ContenantBoiteMix .boiteTitre_mix {
	float: left;
	width: 330px; 
	padding: 0;
	margin: 0;
	text-align: left;
}
.ContenantBoiteMix .boiteDownload {
	float: left; 
	width: 120px; 
	padding: 0;
	margin: 0;
}


.titre_rubrique {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: normal;
	color: #5BBBD8;
	text-align: left;
}
.titre_mix {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1em;
	font-weight: bold;
	color: #000000;
	text-align: left;
}
.texteDownload {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	font-weight: normal;
	text-align: right;
	color: #666666;
}

.texteDownload a {
	color: #666666;
	border-bottom: 1px dotted #5BBBD8;
}

.texteDownload a:link {
	color: #666666;
	border-bottom: 1px dotted #5BBBD8;
}

.texteDownload a:hover {
	color: #5BBBD8;
	border-bottom: none;
}








.pochette_image {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
}

.tracklisting {
	position: absolute;
	top: 0;
	left: 0;
	left: 310px;
	width: 280px;
	height: 300px;
	overflow: auto;
	/*background-color: #FFFFFF;*/
	/*border: 1px solid #666666; */
}


.text_ecoute_morceaux {
	position: relative;
	color: #000000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.2em;
	margin: 0 0 2px 0;
	text-align: left;
	display: block;
	clear: both;
}

.text_tracklisting {
	position: relative;
	color: #666666;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 0.95em;
	line-height: 1.2em;
	margin: 0;
	text-align: left;
}

/* ======================= */
/* LISTE DES TRACKLISTING */
ul { padding-left: 0; margin-left: 0; width: 270px;}
ol { padding-left: 1em; margin-left: 1em; width: 270px;}

li { 
	font-size: 9px;
	font-family: verdana, sans-serif;
	color: #999999;
	line-height: 16px;
	padding-left: 0;
	margin-left: 0;
	width: 270px;
}

#zone_de_texte {
	position: absolute;
	top: 320px;
	left: 0;
	width: 600px;
}

#zone_references_chapo {
	position: relative;
	top: 0;
	left: 0;
	width: 600px;
	margin-bottom: 40px;
}

#zone_references_texte {
	position: relative;
	top: 0;
	left: 155px;
	width: 395px;
}

.portfolio {
	position: relative;
	top: 0;
	left: 0;
	width: 600px;
	margin-top: 50px;
}


.portfolio_liste {
	float: left;
	width: 180px;
	/*margin-right: 20px;*/
	padding: 0;
}

.image_grande {
	float: right;
	width: 400px;
	margin: 0;
	padding: 0;
}

.portfolio_legendes {
	float: left;
	width: 400px;
	margin: 0;
	padding: 0;
}



/*==========================================*/
/* ============== rubriquage ============= */

/* ========== NAVIGATION GENERALE ========= */
a.menuRubrique:link, a.menuRubrique:visited {
	font-family: verdana, arial, geneva, lucida, helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.7em;
	text-align: left;
	color: #000000;
	text-decoration: none;
}
a.menuRubrique:hover {
	color: #5BBBD8;
	border-bottom: 1px dotted #5BBBD8;
}



/*==========================================*/
/* ============== TYPOGRAPHIES ============= */

a.choix_lang:link, a.choix_lang:visited { /*choix francais anglais*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
	text-align: right;
	color: #FFFFFF;
	text-decoration: none;
}
a.choix_lang:hover { /*choix francais anglais*/
	color: #333333;
	text-decoration: none;
	border-bottom: 1px dotted #FFFFFF;
}


.titre_rubrique { /*titre des rubriques dans page rubrique*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: normal;
	color: #5BBBD8;
	text-align: left;
	margin: 1px 0;
}

.titre_ds_rubrique { /*titre des article dans page rubrique*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: normal;
	color: #5BBBD8;
	text-align: left;
	margin: 1px 0;
	text-decoration: none;
}
.titre_ds_rubrique a {
	color: #5BBBD8;
	text-decoration: none;
}

.titre_ds_rubrique a:hover, a:focus {
	color: #666666;
	text-decoration: none;
	border-bottom: 1px dotted #5BBBD8;
}

.soustitre_ds_rubrique { /*soustitre des article dans page rubrique*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	line-height: 1em;
	font-weight: normal;
	text-transform: uppercase;
	color: #000000;
	text-align: left;
	margin: 0;
	text-decoration: none;
}
.soustitre_ds_rubrique a {
	color: #000000;
	text-decoration: none;
}

.soustitre_ds_rubrique a:hover, a:focus {
	color: #666666;
	text-decoration: none;
	border-bottom: 1px dotted #5BBBD8;
}

.texte_ds_rubrique { /*texte des article dans page rubrique*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	text-align: left;
	display: block;
	color: #000000;
	text-decoration: none;
}

.texte_ds_rubrique a {
	color: #000000;
	text-decoration: none;
}

.texte_ds_rubrique a:hover, a:focus {
	color: #666666;
	text-decoration: none;
	border-bottom: 1px dotted #5BBBD8;
}
.surtitre { /*surtitre*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.1em;
	font-weight: normal;
	text-transform: uppercase;
	color: #000000;
	text-align: left;
	margin: 0;
}

h1 { /*titre*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	line-height: 1.2em;
	font-weight: normal;
	color: #5BBBD8;
	text-align: left;
	margin: 1px 0;
}
h2 { /*soustitre*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	font-weight: normal;
	text-transform: uppercase;
	color: #000000;
	text-align: left;
	margin: 0 0 10px 0;
}

.chapo {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	font-weight: bold;
	color: #5BBBD8;
	text-align: left;
}
.homepage-chapo {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1em;
	line-height: 1.7em;
	font-weight: bold;
	color: #666666;
	text-align: left;
}
h3.spip { /*intertitre*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	line-height: 1.2em;
	font-weight: normal;
	color: #5BBBD8;
	text-align: left;
	margin-bottom : -10px;
}

.texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	text-align: left;
	display: block;
	/*padding-bottom: 50px;*/
	color: #000000;
}

.texte a {
	color: #666666;
	text-decoration: none;
	border-bottom: 1px dotted #5BBBD8;
}

.texte a:hover, a:focus {
	color: #5BBBD8;
	border-bottom: none;
}

hr.spip { 
    color: #5BBBD8;
    background-color: #5BBBD8;
    height: 1px;
    border: 0; 
}

.legende {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	color: #999999;
}

.legende a {
	color: #666666;
	text-decoration: none;
	border-bottom: 1px dotted #5BBBD8;
}

.legende a:hover, a:focus {
	color: #5BBBD8;
	border-bottom: none;
}


/*  Habillage des formulaires  */
/*  ------------------------------------------ */

/* Correction des styles HTML par defaut */
.formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option { margin: 0; padding: 0; border: none; background: none; }

/* Styles des formulaires de Spip */
.formulaire_spip {
	text-align: left;
	font-size: 0.77em;
}

.formulaire_spip p {
	margin: 0.5em 0;
	padding: 0; 
	font-family: verdana, arial, geneva, lucida, helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

.formulaire_spip fieldset {
    display: block;
	margin: 0.77em 0;
	padding: 0.77em;
	font-family: verdana, arial, geneva, lucida, helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}
	
.formulaire_spip legend { 
	font-family: verdana, arial, geneva, lucida, helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
	color: #5BBBD8;
	text-align: left;
	display: block;
	padding: 1px;
	background: #FFF; /* Sinon, superposition dans MSIE */
	width: 99%;
}

.formulaire_spip label {}
.formulaire_spip .forml {
	width: 99%;
	padding: 1px;
	border: 1px inset;
	font-family: verdana, arial, geneva, lucida, helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

.spip_bouton { text-align: right; }
.spip_bouton input {
	margin: 3px 0;
	padding: 1px 2px;
	border: 2px outset;
	font-weight: bold;
	float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #B3013C; }
fieldset.reponse_formulaire { border: 1px dotted; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu {
	padding: 1em;
	border: 1px dotted #5BBBD8;
	color: #5BBBD8; 
}

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
.choix_mots { width: 47%; float: left; } 
.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { text-align: left; width: 12em; }
.formulaire_recherche label { display: none; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { 
	text-align: left; 
	display: block;
	margin-left: -2.5px;
	width: 250px;
}

.spip_documents_center { 
	clear: both; 
	width: 250px; 
	margin: 0 0 0 -2.5px; 
	text-align: left;
}
span.spip_documents_center { 
	display: block; 
	/*margin-top:1em; */
	margin-left: -2.5px;
}
/*.spip_doc_titre { 
	width: 250px;
	font-family: verdana, arial, geneva, lucida, helvetica, sans-serif;	
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	margin-left: 40px;
	padding: 5px 0 0 10px;
	text-align: left;
	color: #403D28; 
	border-left: 1px dotted #333333;
}*/
.spip_doc_descriptif { 
	width: 250px;
	margin: 0;
	padding: 1px 0 0 0;
	text-align: left;
}