@import url("/css/tunecity.css") ;

body {
background-color : #41026A; 		/* mauve foncé du fond extérieur */
}

div#menugauche div.onglet, div.personalBar, .blocmenu ul ul, #articles div.bouton, .recherche  {
display:none;
visibility:hidden;
}

/*======================================================================
                         PAGE (bloc intérieur à Body)
  ======================================================================*/

div#page {background-color:#D7DBEF;}

/*======================================================================
  Barre du haut : Onglet avec chapitres
  ======================================================================*/

div#top {
background-color:#D7DBEF;
float:right;
margin: 2px 0;
border:0;
width:auto;
}

div.tabs {
padding: 0 0 0 0.1em;
border:0;
}

div.tabs a, div.tabs a.selected {
font-size: 10px;
font-weight: 700;
background-color: #7D599F;		/* mauve titre et menus */
padding:0 0.1em;
border:1px solid #7D599F;
color: #D7DBEF;				/* bleu-gris du bord et des liens */
text-transform:none;
}

div.tabs a.selected {
border:1px solid white;
}

div.tabs a:hover {
text-decoration: none;
background-color: #41026A;
color: white;
border: 1px dotted #FFFFFF;
}

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

div#texte {background-color:#AA99C7;}

/*======================================================================
           Les menus
  ======================================================================*/

/*----------------------------------------------------------------------
         blocmenu et onglet : propriétés communes
  ----------------------------------------------------------------------*/

div.blocmenu {border:0;}
div.blocmenu ul {}
div.blocmenu ul li {text-transform:none;}
div.blocmenu ul li a {color:#fff; background-image:none; padding-left:0;border:0;}
div.blocmenu ul li.odd a {background-color:transparent;}


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

div#menugauche ul {padding-left:2em;}
div#menugauche ul li {display:list-item;list-style:disc;}
div#menugauche ul li a {text-align: left;}

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


div#menudroite {
width:18%;
background-color:#AA99C7;
border-left: 1px dotted #CCC;
padding:0.5em;
margin-left:0;
float:left;
}

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

		/* Colonne de gauche */
div#menugauche div.blocmenu {background-color: #7D599F; border:1px solid #000;}
div#menugauche div.contrib img {float:left; clear:left;}
div#menugauche div.contrib ul {padding-left:0;}
div#menugauche div.contrib ul li {clear:left;list-style:none;}
div#menugauche div.contrib ul li a {/*padding-bottom:0.6em;*/}
div#menugauche div.contrib ul li a:hover {background-color:#e6e6ff;}

		/* Colonne de droite */
div#menudroite li a:hover {color:#fff;background-color: #7D599F;}
div#menudroite ul {margin-top:1em;margin-bottom:2em;}
div#menudroite div.blocmenu div.forums ul li a {list-style:none; background-image:url("/images/som_forums.gif"); padding-left:22px;}
div#menudroite div.blocmenu div.news ul li a {list-style:none; background-image:url("/images/som_downloads.gif"); padding-left:22px;}

div.forums h3, div.forums h3 a, div.news h3, div.news h3 a  { color: white; }
div.forums h4, div.news h4 { display:block; visibility:visible; }

div#menudroite div.onglet {
padding-left: 20px;
background-image: url("/images/puce.gif");
background-repeat: no-repeat;
background-position: 0% 0%;
}


/*======================================================================
    #articles : Bloc conteneur de la colonne centrale
  ======================================================================*/


div#articles,div.touslesarticles, div.actualite {
border:0;
background-color:#AA99C7;
}

div#articles {margin-right:0;width:61%;}

#articles h2, div.onglet, div.onglet, div.onglet {
font-size:1.2em;
color: #990000;				/* marron-rouge */
background-color:#AA99C7;
font-family: Verdana, Arial, Helvetica ;
font-weight: bold ;
border: 0;
padding: 0;
margin: 0 0 1em 0;
}


#articles h2 a, div.onglet a, div.onglet a, div.onglet a {
color: #990000;				/* marron-rouge */
}

#articles .plan-secteur h2 a {
background-image: none;
padding-left:0;
}


#articles h2 a:hover, div.onglet a:hover {color: #990000;background-color:#e6e6ff; }

#articles h3, #articles h3 a {
color: white;
}

#articles div.fondsombre {
background-color: #7D599F;		/* mauve titre et menus */
}

#articles div.fondsombre h4, #news div.fondsombre h4,#forums div.fondsombre h4{
color:black;
}