/* */
/* $Id: tunecityv2.css,v 4.0 2004/06/25 13:59:26 tunecity Exp $ */
/* */

body{
margin:1.5em 1%;
padding:0;
background-color:#AA99C7;
border:0;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: small;
}

img {border: none;}
a { text-decoration:none; }

h1, h2, h3, h4, h5 { font-weight: normal; }

h1 {color: #446; }
h2 {font-size: 1.2em;}
h3 {font-weight: bold; color: #666; }
h4 {font-size: 0.7em; color: #113; }
iframe { overflow:hidden;}

p { text-align: justify; }

form {margin:0; padding:0; border:0;}



/* ==================== */
/* fond-clair : #f2f2ff */
/* bleu : #369          */
/* ==================== */

#page{
background-color:#f2f2ff;
margin:0;
padding:0;
border:2px solid #000000;
}

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

#accessible{
left:0;
position:absolute;
top:0;
margin:0;
padding:0;
font-size:90%;
}

#accessible ul{
margin:0 0 0 2em;
padding:0;
float:left;
}

#accessible li{
background-color:transparent;
color:#e6e6ff;
display:inline;
margin:0 1em 0 0;
}

#accessible li.dernier {
margin-right:3em;
}

#accessible a {
background-color:transparent;
color:#e6e6ff;
text-decoration: underline;
}

#accessible a:hover {
text-decoration:none;
}

/* --------------- */
#switcher{
margin:0;
padding:0;
}

#habillage label{
vertical-align:top;
margin-left:0.5em;
color:#e6e6ff;
background-color:transparent;
}

#habillage select{
background-color: #7D599F;
color:#e6e6ff;
font-size: 90%;
}

#habillage input {
border:1px solid #e6e6ff;
color:#e6e6ff;
background-color:#f90;
font-weight:700;
font-size: 80%;
}

#habillage input:hover {
color:#036;
background-color:#d6e1ec;
cursor:pointer;
}

/*
 ======================================================================
       Haut de page : ligne décoration
 ======================================================================
*/

#haut{
margin:0;
padding:0;
border:0;
background-color:transparent;
background-image:url("topfond.png");
background-position:top right;
background-repeat:no-repeat;
text-align:left;
height:26px;
width:100%;
}


/*
 ======================================================================
       Barre logo + pub
 ======================================================================
*/

#logo { margin:0; border:0; height:60px; background-repeat:no-repeat; background-image:url("/images/tunecity_220_60.jpg"); background-position:top left;}
#logo h1 {margin:0;padding:0;border:0;}
#logo h1 a{ display:block; height:60px; width:19%; float:left;}
#logo h1 a span { display:none; }

#logo iframe{
margin:0;
padding:0;
border:0;
float:right;
background-color:transparent;
overflow:hidden;
height:60px;
}


/*
 ======================================================================

  Barre du haut

  Onglet avec chapitres
 ======================================================================
*/

div#top{
clear:both;
background-color:#f2f2ff;
margin:0;
padding:0;
font-size:10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

div#top img {
vertical-align:middle;
}

div.tabs{
background-color:transparent;
border-collapse:collapse; 
border-bottom-color:#8CACBB;
border-bottom-style:solid;
border-bottom-width:1px;
padding:0.5em 0em 0em 1.5em;
white-space: nowrap;
}

div.tabs a, div.tabs .recherche {
/* The normal, unselected tabs. They are all links */
background-color:transparent;
color:#436976;
height:1.2em;
margin-right:0.5em;
padding:0em 1.5em;
text-transform:lowercase;
border-color:#8CACBB;
border-width:1px; 
border-style:solid solid none solid;
text-decoration:none;
}

div.tabs a.selected{
/* The selected tab. There's only one of this */
background:#e6e6ff;
border-top:1px solid #8CACBB;
border-bottom:#e6e6ff 1px solid;
color:#436976;
}

div.tabs a:hover {
background:#e6e6ff;
border-color:#8CACBB;
border-bottom-color:#e6e6ff;
color:#436976;
text-decoration:underline;
}

div.tabs .recherche  {
background-color:transparent;
height:1.2em;
margin:0;
margin-right:0.5em;
padding:0;
border-style:dotted dotted none dotted;
text-decoration:none;
vertical-align:top;
}
.recherche input {
vertical-align:top;
font-size:0.9em;
height:1.2em;
border:0;
margin: 0 1em 0 1em;
padding: 0;
color: #000;
background-color: #fff;
text-decoration:none;
}

div.personalBar {
background:#e6e6ff;
border-bottom-color:#8CACBB;
border-bottom-style:solid;
border-bottom-width:1px;
color:Black;
padding-right:3em;
height:1.4em;
}

div.personalBar a{
text-decoration:none;
background-color:transparent;
color:#436976;
margin-left:1em;
}

div.personalBar a:hover {
/* */
text-decoration:underline;
color:#436976;
}

div.personalBar img{
vertical-align:top;
}

.personalBar .gauche {
margin-left:0.2em;
text-align:left;
float:left;
}
.personalBar .gauche a{
margin-left:0.2em;
}
.personalBar .droite {
text-align:right;
float: right;
}


/*======================================================================
           Le bloc central de texte
  ======================================================================*/

div#texte{clear:both; background-color: #fff; width:100%; border:0;}

/*----------------------------------------------------------------------
         #menugauche : menu de gauche (ex #menus et #sectionmenus)
  ----------------------------------------------------------------------*/

div#menugauche { clear:left; float:left; width:16%; padding:0; margin: 1% 0 1% 0.5%; border: 0; overflow:hidden; }


/*----------------------------------------------------------------------
      #menudroite (ex #intro) Bloc conteneur de la colonne de droite
  ----------------------------------------------------------------------*/

div#menudroite {
float:right;
width:15%;
margin:1% 0.5% 1% 0%;
}

.blocmenu{
margin:0 0 1em 0;
padding:0;
}

.blocmenu .onglet {
border-width:1px 1px 0px 1px;
border-style:solid solid none solid;
border-color:black;
color:#e6e6ff;
padding:0 1em 0 1em;
display:inline;
font-size:90%;
background-color:#7D599F;
margin:0 0 0 0.2em;
overflow:hidden;
}

.blocmenu ul,.blocmenu p, .menupub iframe {
text-align:left;
font-size:90%;
font-weight:700;
margin:0;
padding:0;
background-color:#AA99C7;
border:1px solid black;
}

.menupub iframe {
text-align:left;
font-size:10px;
font-weight:500;
margin:0;
padding:0;
background-color:#AA99C7;
border:1px solid black;
width:100%;
}

/* recherche */
.blocmenu form {
text-align:left;
font-size:90%;
font-weight:700;
margin:0;
padding:0;
background-color:#AA99C7;
border:1px solid black;
}

.blocmenu ul ul{
margin:0;
padding:0;
margin-left:1.1em;
border:0;
}

.blocmenu li{
list-style: none;
margin:0;
padding:0;
border:0;
display:inline;
}

.blocmenu li A{
color:#e4dce9;
display:block;
font-weight:600;
margin-left:0;
padding-left:0;
text-decoration:none;
}

.blocmenu ul ul A {
color:#78727c;
}

.blocmenu ul ul ul A {
color:#5c595f;
}

.blocmenu A:hover {
background-color: #41026A;
color: white;
text-decoration: none;
}

.blocmenu form {
padding: 4px 0 4px 4px;
margin:0;
}
.blocmenu INPUT,.blocmenu .traduction SELECT {
font-size: x-small;
padding: 0;
margin:0;
}

.blocmenu .info p{
font-weight:600;
color:black;
font-size:10px;
text-align: center;
}


/*----------------------------------------------------------------------
         Propriétés spécifiques de certains blocs
  ----------------------------------------------------------------------*/

		/* Colonne de gauche */


		/* Colonne de droite */
div#menudroite div.traduction SELECT {
	background-color: #7D599F; color:#e6e6ff; text-align:left; width: 96%; padding: 0; margin:0.1em;}


div.forums ul, div.news ul { margin:0; padding:0.5em; }

div.forums ul { background-color:#ffecce; border-color: #666; }
div.news ul { border-color: #6699cc; background-color: transparent;}

div.news div.onglet, div.forums div.onglet {
border-style:solid solid none solid;
border-width:1px 1px 0px 1px;
margin:3em 0 0 0.3em;
padding:0.2em 0.8em 0em 0.8em;
text-align:center;
display:inline;
}

div.forums div.onglet{
background-color:#ffe8a3;
border-color:#666;
border-bottom: 1px solid #ffecce;
color:#c60;
}

div.news div.onglet {
background-color:#e6e6ff;
border-color:#69c;
border-bottom: 1px solid #69c;
color:#369;
}

div.forums ul li, div.forums ul li a {margin:0; color:#c60; background-color:transparent; text-transform:lowercase; font-weight:bold; margin-bottom:0.2em;}

div.news ul li, div.news ul li a {margin:0; color:#69c; background-color:transparent; font-weight:bold; margin-bottom:0.2em;}

div.forums h4, div.news h4 {display:none; visibility:hidden;}

div.forums ul li a:hover {background-color:#ffce82;}
div.news ul li a:hover {color:black; background-color:#cfc8ff;}

div.blocmenu div.forums ul li a {background-image: url("/images/som_forums.gif"); background-repeat:no-repeat; background-position:left center; padding-left:30px;}

div.blocmenu div.news ul li a {background-image: url("/images/som_downloads.gif"); background-repeat:no-repeat; background-position:left center; padding-left:30px;}

div.blocmenu div.menurubrique ul, div.blocmenu div.menuauteurs ul, div.blocmenu div.menumotscles ul, div.blocmenu div.listesites ul {
border:0;
padding:0;
margin:0 0 1em 0;
text-align:left;
border-width:1px;
border-style:solid;
border-color: #000000;
background-color:#ffffff;
list-style:none;
}
div.blocmenu div.menurubrique ul li,div.blocmenu div.menuauteurs ul li ,div.blocmenu div.menumotscles ul li, div.blocmenu div.listesites ul li {
background-color: transparent;
padding:0.5em;
}

div.blocmenu div.menurubrique ul li a,div.blocmenu div.menuauteurs ul li a,div.blocmenu div.menumotscles ul li a, div.blocmenu div.listesites ul li a {
color: #000;
background-color: transparent;
background-image: url("/images/icon_item.gif");
background-repeat: no-repeat;
background-position: 0% 50%;
padding-left:22px; /* pour s'ecarter de l'image */
display:block;
}

.listesites ul li a {
background-color: transparent;
background-image: url("/images/som_downloads.gif");
padding-left:26px;
}


div.blocmenu div.menurubrique h4,div.blocmenu div.menuauteurs h4,div.blocmenu div.menumotscles h4, div.blocmenu div.listesites h4 {
margin:0;
padding:0;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:100%;
font-weight:500;
text-align:center;
border-bottom:1px dashed #d0d0d0;
}


div.blocmenu div.menurubrique ul li.odd,div.blocmenu div.menuauteurs ul li.odd ,div.blocmenu div.menumotscles ul li.odd , div.blocmenu div.listesites ul li.odd
			{ background-color: #fff; }
div.blocmenu div.menurubrique ul li.odd a:hover , div.blocmenu div.menuauteurs ul li.odd a:hover , div.blocmenu div.menumotscles ul li.odd a:hover, div.blocmenu div.listesites ul li.odd a:hover
			{ background-color: #e6e6ff; text-decoration: underline; }
div.blocmenu div.menurubrique ul li.even,div.blocmenu div.menuauteurs ul li.even ,div.blocmenu div.menumotscles ul li.even, div.blocmenu div.listesites ul li.even
			{ background-color: #e6e6ff; }
div.blocmenu div.menurubrique ul li.even a:hover , div.blocmenu div.menuauteurs ul li.even a:hover , div.blocmenu div.menumotscles ul li.even a:hover , div.blocmenu div.listesites ul li.even a:hover
			{ background-color: #fff; text-decoration: underline;}

div.blocmenu div.menurubrique div.onglet, div.blocmenu div.menuauteurs div.onglet, div.blocmenu div.menumotscles div.onglet, div.blocmenu div.listesites div.onglet { border-style:solid solid none solid; border-width:1px 1px 0px 1px; margin:0 0 0 0.1em; padding:0.2em 0.4em 0em 0.4em; text-align:center; }

div.blocmenu div.menurubrique div.onglet,div.blocmenu div.menuauteurs div.onglet,div.blocmenu div.menumotscles div.onglet, div.blocmenu div.listesites div.onglet
			{ background-color:#e6e6ff; border-color:#69c; border-bottom: 1px solid #69c; color:#369; }

div.blocmenu div.menurubrique h4 	{ color:#525252; background-color: #fff2f2; }

div.blocmenu div.menuauteurs h4, div.blocmenu div.menumotscles h4, div.blocmenu div.listesites h4
			{ color:#525252; background-color: #e9dcff; }


/*
 ----------------------------------------------------------------------
        actualite   articles
    Blocs conteneurs des éléments du TEXTE
 ----------------------------------------------------------------------
*/

#articles{
float:left;
width:62%;
margin: 1% 0 1% 1%;
}


div.touslesarticles{
padding:0 2em;
font-family:Georgia,"Times New Roman",Times,serif;
text-align:justify;
color:#000;
background-color:#e6e6ff;
border:1px solid #9cb4ce;
margin-bottom:3em;
}


div.actualite {
padding: 0 2em;
margin-bottom:1em;
}

#articles img {
margin-right:0.5em;
}

#articles h3,#articles h3 a {
margin:0;
color:#69c;
background-color:transparent;
}

#articles h4 {
font-family:Arial,Helvetica,sans-serif;
color:#525252;
margin:0.2em 0 1em 0;
}

#articles h4{
font-size:85%;
}

#articles .bouton {
clear:both;
text-align:right;
font-size:small;
font-size: 0.7em;
margin:0.7em 0.1em 1em 0;
}

#articles div.bouton a, #articles div.bouton a:hover {
border:1px solid #c60;
font-weight:500;
padding:0.2em;
text-decoration:none;
background-color:#ffecce;
color:#000;
}

#articles div.bouton a:hover {
background-color:#ffce82;
color:#c60;
}

#articles a,#articles a:hover {
background-color:transparent;
text-decoration:none;
}

#articles h2{
font-size:140%;
}

#articles h3{
font-size:110%;
}

#articles h2{
border-bottom:2px solid #369;
background-color:transparent;
padding:0.4em 0 0.2em 0;
margin-top: 0;
}

#articles h2 a, #articles h2{
color:#369;
}

#articles h2 a{
display:block;
padding-left: 20px;
background-image: url("/images/puce.gif");
background-repeat: no-repeat;
background-position: 0% 50%;
}

#articles h2 a:hover {
background-color:#cfc8ff;
}

#articles div.fondsombre {
background-color:#cfc8ff;
margin:0 -1em 0 -1em;
padding:0 1em 0 1em;
cursor:pointer;
}

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

          Elements intérieurs du texte

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

.auteur, .auteur a {
margin:0.4em 0 0.4em 0;
padding:0;
font-weight:bold;
color:black;
text-align:right;
}


#abstract,.commentaires{
background-color:#fff;
background-image:none;
border:1px dotted #69c;
color:#333;
margin:0;
padding:0 1em ;
display:block;
}

.commentaires {
margin-top: 3em;
clear:both;
}

#abstract hr{
display:block;
clear:both;
visibility:hidden;
}

#abstract .auteur{
margin:1em 0 0 0;
float:right;
display:block;
}

#abstract .auteur ul{
color:#000;
background-color:transparent;
margin:0 0 0 0.5em;
padding:0 1em;
border-left:1px solid #69c;
}

#abstract .auteur li{
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:80%;
border-bottom:1px dotted #69c;
list-style:none;
color:#369;
background-color:transparent;
text-align:left;
}

#abstract .auteur li.dernier{
border-bottom:0;
}

#abstract .auteur strong{
background-color:transparent;
color:#7D599F;
}


.sousarticles ul {
padding:0;
margin:0;
list-style:none;
}
.sousarticles li {
margin-bottom:2em;
}

.sousarticles li h3 a {
background-image: url("/images/puce.gif");
background-repeat: no-repeat;
background-position: 0% 0%;
padding-left:20px; /* pour s'ecarter de l'image */
}

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

    Le pied de page

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


#ours {
clear:both;
color:#036;
background-color:transparent;
margin:0 3% 0 3%;
padding:0 0 1em 0;
text-align:center;
}

#ours ul{
margin-left:0;
padding-left:0;
}

#ours li{
border-right:1px solid #036;
display:inline;
margin:0 0.5em 0 0;
padding:0 0.5em 0 0;
}

#ours li.dernier{
border:0;
}

#ours a {
background-color:transparent;
color:#f60;
}

#ours a:hover {
background-color:#eff4fa;
color:#369;
text-decoration:none;
}




/*
 ======================================================================

   Elements divers

 ======================================================================

*/

/* special admin spip bouton */

div.spip-admin input.spip_bouton {
border:1px solid #e6e6ff;
color:#e6e6ff;
background-color:#f90;
font-weight:700;
font-size: 0.6em;
width:99%;
}

div.spip-admin input.spip_bouton:hover {
color:#036;
background-color:#d6e1ec;
cursor:pointer;
}

textarea.spip_cadre {
margin: 1em 0 0.5em 0;
width:100%;
background:white;
padding:5px;
}

li.spip {
margin-bottom: 1em;
}

h3.spip {
margin:1em 0 1em 0;
}

.notes {
margin: 1em 0 1em 0;
}

.encart {
	float: right;
	/*width: 14em;*/
	width: 25%;
	margin-left: 1%;
	/*margin-left: 2em;*/
	margin-top: 1em;
	margin-bottom: 0.5em;
	margin-right: 5px;
}

.menus2 {
	border: 1px solid #000000;
	border-top: 0px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 16px;
}
.menus2 ul {
	display: block;
	margin: 0px;
	padding: 0px;
	padding-bottom: 4px;
	list-style: none;
}
.menus2-titre {
	border-top: 1px solid #a0a0a0;
	border-bottom: 1px dashed #d0d0d0;
	margin: 0px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 3px;
	padding-bottom: 1px;
	font-size: 11px;
}
.menus2-item {
	margin: 0px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 10px;
}


ul.forum-total {
	display: block;
	padding: 0px;
	margin: 1px;
	list-style: none;
}
.forum-fil {
	margin-top: 1em;
}
.forum-fil ul {
	display: block;
	margin: 0px;
	margin-left: 1.5em;
	padding: 0px;
	list-style: none;
}
.forum-titre {
	font-weight: bold;
	font-size: 12px;
}
.forum-titre a {
	color : blue; 		/* mauve foncé du fond extérieur */
}

.forum-item {
	margin: 0px;
	padding: 1em;
	padding-top: 0.5em;
	padding-bottom: 0em;
	text-align: justify;
	color: #303030;
	font-size: 10px;
}
.forum-repondre-message {
	text-align: right;
}

/* Boite d'un forum : eclaircissement progressif des bords */

ul .forum {
	border: 1px solid #909090;
	padding: 0px;
	margin: 0px;
	margin-bottom: 1em;
}
ul ul .forum {
	border: 1px solid #a4a4a4;
}
ul ul ul .forum {
	border: 1px solid #b8b8b8;
}
ul ul ul ul .forum {
	border: 1px solid #cccccc;
}
ul ul ul ul ul .forum {
	border: 1px solid #e0e0e0;
}
ul ul ul ul ul ul .forum {
	border: 1px dashed #e0e0e0;
}

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */

ul .forum-chapo {
	border: 0px;
	border-bottom: 1px dashed #b8b8b8;
	margin: 0px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 90%;
	background: #c4e0e0;
}
ul ul .forum-chapo {
	background: #d4e8e8;
}
ul ul ul .forum-chapo {
	background: #e4f0f0;
}
ul ul ul ul .forum-chapo {
	background: #f4f8f8;
}
ul ul ul ul ul .forum-chapo {
	background: #ffffff;
}