/* Categories (index.php) */
/* ---------------------- */

DIV.Dos_cat {width:98%}
  DIV.Dos_cat_titre {
	margin-top:3em; 
	border-bottom:#cc9900 1px dotted; 
	padding:0.4em
  }
	DIV.Dos_cat_titre img {float:left; margin:-15px 1em 0 0; border:#cc9900 1px solid}
	DIV.Dos_cat_titre h2 {display:inline;font-size:1.5em}
	DIV.Dos_cat_titre span {font-size:1em;color:#cc9900;}	

  DIV.Dos_cat_texte {background:#fffeba;margin-bottom:5px; padding:0.5em}

  DIV.Dos_sscat {margin-top:1em}
  DIV.Dos_sscat_titre {margin-left:6em; padding:0.3em; border-bottom:#cc9900 1px dotted}
	DIV.Dos_sscat_titre img {float:left;margin-right:1em}
  	DIV.Dos_sscat_titre h3 {display:inline;font-size:1.4em}
  	DIV.Dos_sscat_titre span {color:#cc9900;}

  DIV.Dos_sscat_texte {margin-left:6em; margin-bottom:2em; padding:0.2em}


 /* affichage deux colonnes */
 DIV.doscatcol1 {position:relative; float:left; width:47%; padding:6}
 DIV.doscatcol2 {position:relative; width:47%; float:right; padding:6}


/* ----------------------------------- */
/* les dossiers dans une cat (cat.php) */
/* ----------------------------------- */

 DIV.Dos_catphp {width:98%; margin-top:2em}
	DIV.Dos_catphp_titre img {float:left;margin-right:1em}
	DIV.Dos_catphp_titre h2 {font-size:1.5em;display:inline}
	DIV.Dos_catphp_titre SPAN {padding-left:0.5em;color:#cc9900;font-size:1em}

 DIV.Dos_catphp_texte{margin-top:0.2em;padding:1em}

 DIV.Dos_catphp_titre {margin:3em 0;}

 /* affichage des souscatégories */
 DIV.Dos_catphp_sscat {background:#eee;width:98%; margin-top:2em;border-top:1px solid #cc9900;border-bottom:1px solid #cc9900;padding:0.4em 0 0.4em 0}
	DIV.Dos_catphp_sscat span {font-size:1.5em;font-weight:bold;padding-left:1em}
	DIV.Dos_catphp_sscat ul {list-style-type:none; margin:1em 0 1em 0; padding:0 0 0 2.5em}
	DIV.Dos_catphp_sscat li {margin:0.5em;background:url(xxl/dossier.gif) no-repeat;padding-left:2em}
	DIV.Dos_catphp_sscat A {font-weight:bold;color:#cc9900;font-size:1.2em}

 /* class supplémentaire pour présentation deux colonnes */
 DIV.doscol1 {position:relative; float :left; width:47%; padding:6}
 DIV.doscol2 {position:relative; width:47%; float:right; padding:6}


/* -------------------------------------------------- */
/* Dossier specifique (dossiers.php, commentaire.php) */
/* -------------------------------------------------- */

 DIV.dossier {width:98%}
	DIV.titre SPAN {display:block;text-align:right;}

  DIV.chapo {margin-top:0;font-style:italic;font-size:1.1em;padding-bottom:1em;padding-top:0.5em;background:#fffeba;border-top:1px dotted #cc9900;border-bottom:1px dotted #cc9900;}
	DIV.chapo img {float:left;padding-right:2em;margin-top:-0.5em;}
  DIV.texte {clear:left;margin:1em 0 1em 0;padding-top:1em;}

  DIV.suite {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:#FF6600;}

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

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

  DIV.commentaire {margin-top:1em;text-align:center; padding:0.5em 0 0.2em 0; font-weight:bold;clear:left;border:1px solid #cc9900;}
	DIV.commentaire A {color:#cc9900}
  DIV.commentaire_login {text-align:left;font-weight:bold;border:1px solid #cc9900;color:#cc9900;background:#fffeba;margin:0 1em;}

  DIV.commentaire_texte {text-align:left;padding:1em;margin-bottom:2em;background:#fffeba;border:1px solid #cc9900;margin:0.5em 1em;}