/* ------------------------- */
/* les breves dans index.php */
/* ------------------------- */

 DIV.catphp {float:left; width:98%; margin-top:2em}
	DIV.catphp_titre img {float:left;margin-right:1em}
	DIV.catphp_titre h2 {font-size:1.5em;display:inline}
	DIV.catphp_titre span {padding-left:2em;color:#666;font-size:0.8em}

 DIV.catphp_texte{border-top:1px dotted #999;padding:1em;padding-top:0}


 /* affichage des souscatégories */
 DIV.catphp_sscat {width:98%; margin-top:2em;padding:0.4em 0 0.4em 0;margin-left:1em}
	DIV.catphp_sscat span {font-size:1.5em;font-weight:bold;float:left;width:95%;background:#900;color:#fff;padding:2px}
	DIV.catphp_sscat div {float:left;width:45%;border-bottom:1px solid #999;padding:5px;margin-bottom:1em}
	DIV.catphp_sscat img {float:left;margin-right:5px;height:40px}
	DIV.catphp_sscat A {font-weight:bold;color:#c00;font-size:1.2em}

 /* class supplémentaire pour présentation deux colonnes */
 DIV.col1 {float :left; width:45%; padding:6px; margin-left:1em}
 DIV.col2 {width:45%; float:left; padding:6px; margin-left:1.2em}


.liencat {font-weight:bold;background:#eee;display:block;text-align:right;padding:1px}

/*notation*/
.catphp p.static {float:right;width:45%}
.catphp div.ratingblock ul {float:left;width:45%}
.catphp div.ratingblock {width:95%;border-top:1px solid #900;padding-top:0.4em}

/* -------------------------------------------------- */
/* Breve specifique (breve.php) */
/* -------------------------------------------------- */

 DIV.dossier {width:98%}
	DIV.titre SPAN {display:block;text-align:right;margin-right:10px;font-size:0.8em}

  DIV.chapo {margin-top:1em;font-style:italic;font-size:1.1em;padding:1em;border:1px solid #900;background:#eee;height:4em}
	DIV.chapo img {float:left;padding-right:1em}

  DIV.texte {margin:1em 0 1em 0; text-align: justify;}

  DIV.suite {border-top:1px solid #900;font-weight:bold;font-size:1.5em;padding-top:0.5em}
	DIV.suite A {padding-left:2em;font-weight:normal;font-size:0.7em;}
	DIV.suite A:before {content:"\0020 \0020 \0020 \00BB \0020"; color:#900;}

  DIV.debut_suite {text-align:center;border-top:1px solid #900;font-weight:bold;padding-top:0.5em}

  DIV.auteur {margin-top:3em;text-align:right;font-weight:bold;border-top:1px solid #c00;border-bottom:1px solid #c00;padding:0.4em 0 0.4em 0}

  DIV.commentaire {margin-top:10px; padding:0 0 0.2em 0; font-weight:bold}
	.commentaire h2 {color:#287195;font-size:2em;border-bottom:1px #808080 solid;margin:1em 0 0 0;padding:0; font-weight: normal;}
        #comlien {margin-bottom:2em;background:#eee;padding:0.3em;font-weight:bold; text-align:center;}

  DIV.commentaire_login { background: url("img/comment-titre.jpg") no-repeat scroll 0 0 transparent;
    color: #555555;
    font-weight: bold;
    height: 30px;
    margin-left: 45px;
    overflow: hidden;
    padding: 1em 0.4em 0 1.5em;
    width: 561px;
    font-size:1em;}

  DIV.commentaire_texte {text-align:left;padding: 12px 11px 12px 20px;width: 550px;margin-left: 45px;background:#eee;}
  
  .comm-anonyme {height:40px;width:40px;position:absolute;margin: -2.4em 0 0 -5.3em;line-height: 75px;}
  .comm-membre {height:40px;width:40px;position:absolute;margin: -2.5em 0 0 -5.3em;}
  .comm-membre-bis {height:38px;width:101px;position:absolute;margin: -2.5em 0 0 42em;}

.tags {height:27px;padding: 3px 0 0 0;}

.tags-mots {  background: #F5F5F5;
    border: 1px dotted #999999;
    float: left;
    height: 1.8em;
  margin: -1px 3px 5px 0;
    padding: 4px 3px 0;
    font-size: 0.9em;}
.tags-mots:hover {  background: #EEEEEE;}

.tags img {float:left;margin-right:0.5em}

.suiv_preced {margin:20px 0 20px 0; padding:0px; color:#666; font-size:0.85em;}
.suiv_preced span {background: none repeat scroll 0 0 #F5F5F5;
    display: block;
    border: 1px dotted #CCCCCC;
    font-weight: bold;
    margin: -3px 0 0;
    padding: 6px 10px;
    min-height: 45px;}
    
    .suiv_preced:hover span {background: none repeat scroll 0 0 #F0F0F0;}
    
.first_news_img {width: 80px; max-height: 80px}