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

DIV.Dos_cat {width:380px;}

DIV.Dos_cat_titre {}
   DIV.Dos_cat_titre h2 {font-family:helvetica;
font-size:2em;
font-weight:normal;border-top:1px solid #333333;}
   DIV.Dos_cat_titre a {}
   DIV.Dos_cat_titre a:hover {}
   DIV.Dos_cat_titre span {display:none;}
   DIV.Dos_cat_titre img {float:left;margin-right:2em;}

DIV.Dos_cat_texte {padding-bottom:2em;color:#FEFF9F;}
DIV.Dos_cat_texte h3 {color:#669900;}
   DIV.Dos_cat_texte img {padding-right: 10px;}
   DIV.Dos_cat_texte ul {list-style-type:none;
margin:10px 0 0;
padding-left:0.5em;}
DIV.Dos_cat_texte li {
font-style:italic;
display:inline;
margin:0;
padding-left:0.5em;
padding-right:0.5em;}


DIV.Dos_sscat {}
DIV.Dos_sscat_titre {}
   DIV.Dos_sscat_titre h3 {font-family:helvetica;font-size:2em;border-top:1px solid #333333;}
   DIV.Dos_sscat_titre a {}
   DIV.Dos_sscat_titre a:hover {}
   DIV.Dos_sscat_titre span {color:black}
   DIV.Dos_sscat_titre img {float:left;margin-right:2em;}

DIV.Dos_sscat_texte {padding-bottom:3em;}
   DIV.Dos_sscat_texte img {padding-right:10px;}

/* affichage deux colonnes */
DIV.doscatcol1 {position:relative; float:left; width:48%; margin:5px;}
DIV.doscatcol2 {position:relative; float:right; width:48%; margin:5px;}


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

DIV.Dos_catphp {clear:both;height:100px;
margin-bottom:2em;width:380px}
DIV.Dos_catphp_titre {}
   DIV.Dos_catphp_titre img {float:left;margin:0 1em 1em 1em;}
   DIV.Dos_catphp_titre h2 {display: inline;}
   DIV.Dos_catphp_titre a {}
   DIV.Dos_catphp_titre a:hover {}
   DIV.Dos_catphp_titre span {color:#000000;}

DIV.Dos_catphp_texte {vertical-align:top;}
   DIV.Dos_catphp_texte img {float:left; padding-right:10px;}
DIV.Dos_catphp_texte h3 {color:#aaaaaa}

/* affichage des souscatégories */
DIV.Dos_catphp_sscat {}
   DIV.Dos_catphp_sscat ul {list-style-type:none;}
   DIV.Dos_catphp_sscat li {margin:1em;
padding:0;font-size:1.2em;}
   DIV.Dos_catphp_sscat a {font-size:2em;}
   DIV.Dos_catphp_sscat a:hover {}

/* class supplémentaire pour présentation deux colonnes */
DIV.doscol1 {position:relative; float: left; width: 48%; margin: 5px;}
DIV.doscol2 {position:relative; float: right; width: 48%; margin: 5px;}


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

DIV.dossier {}
DIV.titre {}
   DIV.titre h1 {padding-right:400px;color:#aaa;}
   DIV.titre span {color:black;}

DIV.chapo {padding-right:400px;color:#8cc63e;}
   DIV.chapo img {float:left;}
DIV.texte {padding-right:400px;}
DIV.texte img{position:absolute;top:0;right:0;}

DIV.suite {}
   DIV.suite a {}
   DIV.suite a:hover {}
   DIV.suite a:before {content:"\0020 \0020 \0020 \00BB \0020"; color:#FF6600;}

DIV.debut_suite {}
   DIV.debut_suite a {}
   DIV.debut_suite a:hover {}

DIV.auteur {}
   DIV.auteur img {}

DIV.commentaire {text-align:center; margin:1em;}
   DIV.commentaire a {}
   DIV.commentaire a:hover {}
   DIV.commentaire input {}

DIV.commentaire_login {}
   DIV.commentaire_login img {}
DIV.commentaire_texte {}
.droite {float:right;
position:absolute;
right:0;
top:0;}
.titre_droite {left:450px;padding-left:20px;
position:absolute;
top:0;}
.droite2{float:left;
}
.droite1 {float:right;
position:absolute;
right:0;
top:50px;
}
.droite11 {float:right;
position:absolute;
right:0;
top:400px;}
div.articles_en_relation {
background:transparent url(img/bg9.jpg) no-repeat scroll left top;
font-weight:bold;
height:70px;
margin-top:2em;
padding:0 20px 0.2em;
width:360px;
}
div.articles_en_relation ul {list-style:none;width:340px;
}
div.articles_en_relation li {display:inline;
font-size:0.9em;
font-style:italic;
font-weight:normal;
margin-right:1em;
}
div.articles_en_relation h2 {color:#bbb;
}