/* pages news.php et commentaire.php */
/* --------------------------------- */

/* element d'une breve */
DIV.news {margin-bottom:2em; border-bottom: #333333  1px solid;padding-bottom:3em;}
DIV.last1 {margin-bottom:2em; width:740px;height:350px;}
DIV.last1 h1{margin-bottom:1em;background:#333333;padding-left:1em;}
DIV.news_titre {}
DIV.news_titre h1 {color:#BBBBBB;
font-size:1.8em;
font-style:normal;}
DIV.news_titre h1 a:hover {color:#BBBBBB;
background-color:#000}
DIV.news_titre h2 {color:#8CC63E;
font-style:normal;}
DIV.news_titre h2 a{color:#ccc;
}
DIV.news_titre span {color:#333333;}
DIV.news_texte {color:#FFF;line-height:1.4em;}
DIV.news_lien {}
DIV.news_lien A {color:#89C63B;text-decoration:underline;}
DIV.news_lien A:hover {}

DIV.news p img {
margin-left:370px;
position:absolute;padding-left:10px;}
DIV.news p {
width:370px;}
DIV.news h2 {
width:370px;}
DIV.news h3 {
width:370px;}
DIV.news ul {
color:#CCFFEC;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 10px;
padding:0;
text-align:left;width:370px;}
DIV.news li {
background:transparent url(img/bullet.gif) no-repeat scroll 0 7px;
border-bottom:1px dotted #3F3F3F;
padding:2px 0 2px 20px;}


/* lien vers toutes les breves */
DIV.tout_news {margin-bottom:1em;}
DIV.tout_news A {}
DIV.tout_news A:hover {}


/* commentaire */
DIV.commentaire {
margin: 1em;
text-align: center;
border: #000000 1px solid;
}
DIV.commentaire h2 {}
DIV.commentaire A {}
DIV.commentaire A:hover {}



/* class supplémentaire pour présentation deux colonnes */

DIV.newscol1 {float: left; width: 48%; margin: 5px;}
DIV.newscol2 {float: right; width: 48%; margin: 5px;}



/* page commentaire.php */
/* -------------------- */

DIV.commentaire_login {}
DIV.commentaire_login img {}
DIV.commentaire_texte {}

/* commentaire formulaire */
DIV.commentaire INPUT {}
DIV.commentaire textarea {}

}
#effet ul {
        list-style-type: none;
        width: 370px;
} 

#effet li {
min-height:120px;
        margin: 5px 0;
}

#effet li a { 
        color: #89C63B;
        display: block;
        font: bold 110%  Helvetica, sans-serif;
        padding: 5px;
        text-decoration: none;
}

 * html #effets li a {  /* make hover effect work in IE */
	width: 95%;
}

#effet li a:hover {
        background: #333;
}

#effet a em { 
        color: #fff;
        display: block;
        font: normal 85% Verdana, Helvetica, sans-serif;
        line-height: 125%; 
}

#effet a span {
        color: #125F15;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
}