/* feuille de style du site SNAPcgt.free.fr - Clm */

  .menu_haut { 
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    color: rgb(30, 30, 30);
    font-size: 11px;
    z-index: 100;
    }
a.menu_haut { 
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: rgb(30, 30, 30);
    text-decoration: none;
    }
a:hover.menu_haut { 
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    color: rgb(204, 0, 0);
    }
div.menu_haut {
    background-color: rgb(255, 255, 255);
    position: absolute; 
    top: 84px; 
    width: 74px; 
    height: 15px; 
    text-align: center;
    }

  .breve_titre { 
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: rgb(204, 0, 0);
    }
a.breve_titre { 
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: rgb(204, 0, 0);
	text-decoration: none;
    }
a:hover.breve_titre { 
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: rgb(153, 153, 153);
	text-decoration: none;
    }

  .breves_texte { 
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    }

  .breves_lien { 
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: rgb(204, 0, 0);
    }
a.breves_lien { 
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: rgb(204, 0, 0);
	text-decoration: none;
    }
a:hover.breves_lien { 
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: rgb(153, 153, 153);
	text-decoration: none;
    }

  .article_titre { 
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: rgb(204, 0, 0);
    }
a.article_titre { 
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: rgb(204, 0, 0);
	text-decoration: none;
    }
a:hover.article_titre { 
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: rgb(153, 153, 153);
	text-decoration: none;
    }

  .article_auteur { 
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: rgb(153, 153, 153);
    }
a.article_auteur { 
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: rgb(153, 153, 153);
	text-decoration: none;
    }
a:hover.article_auteur { 
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: rgb(204, 0, 0);
	text-decoration: none;
    }

  .article_texte { 
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    }

  .promo_titre { 
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 40px;
    color: rgb(245, 245, 245);
}

/* sous-menus ================================================TEMP================================*/

a.info {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: rgb(30, 30, 30);
    text-decoration: none;
}

a:hover.info {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    color: rgb(204, 0, 0);
}

a.info span {
  display: none;
}

a:hover.info span {
  font-size: 11px; 
  font-family: Arial, Helvetica, sans-serif; 
  color: #FFF;
  display: inline;
  position: absolute; 
  top:15px;
  left:0px;
  z-index: 20;
  background: rgb(204, 0, 0);
  text-align:left;
  font-weight:normal;
  padding: 5px;
}

/* sous-menus II ================================================TEMP================================*/

body {behavior: url(csshover.htc);}
div#m_menu {}

/* fond blanc pour le menu */ 
div#m_menu a {color:#000;}
div#m_menu ul {padding: 0; margin:0px;}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#m_menu li:hover {background: #C00;}
div#m_menu li.m_sousmenu {height:15px;}
div#m_menu li.m_sousmenu:hover {background: #CCC;}


div#m_menu ul li {position:relative; list-style: none;}
div#m_menu ul ul {position: absolute; top: 15px; left: 0px; display:none;}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#m_menu li a {text-decoration: none; display:block;}
div#m_menu ul.m_niveau1 li.m_sousmenu:hover ul.m_niveau2, 
div#m_menu ul.m_niveau2 li.m_sousmenu:hover ul.m_niveau3 { line-height:20px; display:block; width:255px; text-align: left; background-image: url('IMG/trans50.png'); background-repeat: repeat;}