codes CSS :)

/*
Rappel des couleurs :
vert foncé : E1F6C3
vert clair : EBFBD7
bleu foncé : 7CBBC7
orange     : EBB658

*/



/*################### PROPRIÉTÉS GÉNÉRALES ##################*/


* {
margin:0px;
padding:0px;
}

.invisibeul {
color:#EBFBD7;
}

body {
font-family:"Trebuchet MS";
font-size:12px;
background:url(http://testdemoi.bloxode.com/images/118614478960.gif);
margin-top:75px;
color:#7CBBC7;
}

a {
color:#7CBBC7;
text-decoration:none;
}

a:hover {
border-bottom:dotted 1px #7CBBC7;
}

#beyoung {
width:781px;
margin:auto !important;
margin-left:40px;
}

/*############################### BANNIÈRE ###############################*/

#top {
height:94px;
width:781px;
background:url(http://testdemoi.bloxode.com/images/118614474425.gif);
}

#logo, p.name {
display:none;
}

#pub {
position:relative;
top:-70px;
left:150px;
}

/*################## CONTENU : POSITIONNEMENT DES BLOCS ###################*/

#conteneur {
width:779px;
background:#E1F6C3;
border-left:1px solid #7CBBC7;
border-right:1px solid #7CBBC7;
}

#menu {
width:180px;
float:right;
margin: 15px 30px 30px 0px;
text-align:center;
}

#contenu {
width: 450px;
float:left;
margin-left:40px;
}

.cboth {
clear:both;
}

#vide1 {
width:100%;
height:133px;
background:url(http://testdemoi.bloxode.com/images/118614476735.gif);
}

#pieddepage {
color: #EBB658;
font-weight:bold;
text-align:center;
margin:5px 0px 10px 0px;
}

#pieddepage a {
color:#EBB658;
}

/*############################### MENU DE DROITE ##################*/

#menu ul {
list-style-type:none;
}

/* trucs à bordure en haut et sur les côtés */
#menu h3 {
width:170px;
border:1px solid #7CBBC7;
border-bottom:none;
margin-top:10px;
padding:5px;
}

/*trucs à bordure sur les côtés uniquement*/

#avatar {
width:100%;
background:#EBFBD7;
border-left:1px solid #7CBBC7;
border-right:1px solid #7CBBC7;
}

/*trucs à bordures en bas et sur les côtés*/

ul.aboutme, p.madescription, ul.rubliste, ul.taglist, ul.favliste, ul.cptliste, ul.publiste,ul.rsslist {
width:160px;
background:#EBFBD7;
border:1px solid #7CBBC7;
border-top:none;
margin-bottom:30px;
padding:5px 10px;
}

#foot a {
color:#EBB658;
font-weight:bold;
}

#foot a:hover {
border-color:#EBB658;
}


/*----------- Titres persos -----------*/

h3.aboutme {
height:48px;
background:url(http://img172.imageshack.us/img172/8290/moiwe4.gif) center no-repeat #EBFBD7 !important;
font-size:1px !important;
color:transparent !important;
color:#EBFBD7;
}

h3.madescription {
height:42px;
background:url(http://img237.imageshack.us/img237/6728/descriptioncl5.gif) center no-repeat #EBFBD7 !important;
font-size:1px !important;
color:transparent !important;
color:#EBFBD7;
}

h3.rubriqueh3 {
height:43px;
background:url(http://img104.imageshack.us/img104/7621/categorieshf9.gif) center no-repeat #EBFBD7 !important;
font-size:1px !important;
color:transparent !important;
color:#EBFBD7;
}

h3.tagsh3 {
height:44px;
background:url(http://img172.imageshack.us/img172/9662/tagskt2.gif) center no-repeat #EBFBD7 !important;
font-size:1px !important;
color:transparent !important;
color:#EBFBD7;
}

h3.favorish3 {
height:38px;
background:url(http://img172.imageshack.us/img172/4530/liensbb8.gif) center no-repeat #EBFBD7 !important;
font-size:1px !important;
color:transparent !important;
color:#EBFBD7;
}

h3.cpth3 {
height:42px;
background:url(http://img530.imageshack.us/img530/569/compteursrf2.gif) center no-repeat #EBFBD7 !important;
font-size:1px !important;
color:transparent !important;
color:#EBFBD7;
}

h3.pubh3 {
height:40px;
background:url(pub.gif) center no-repeat #EBFBD7 !important;
font-size:1px !important;
color:transparent !important;
display:none;
color:#EBFBD7;
}

h3.rssh3 {
height:41px;
background:url(http://img172.imageshack.us/img172/9622/rssww9.gif) center no-repeat #EBFBD7 !important;
font-size:1px !important;
color:transparent !important;
color:#EBFBD7;
}

/*-------------- Tags ----------------*/

ul.taglist {
text-align:justify;
font-size:12px !important;
}

ul.taglist li {
display:inline;
}

ul.taglist a {
font-weight:normal;
}

ul.taglist li.level-1 a {
    font-size:90%;
    color:#CFEFA0 !important;
}
ul.taglist li.level-2 a {
    font-size:95%;
    color:#AAD8B1 !important;
}
ul.taglist li.level-3 a {
    font-size:103%;
    color:#7CBBC7 !important;
}
ul.taglist li.level-4 a {
    font-size:112%;
    color:#D4B670 !important;
}
ul.taglist li.level-5 a {
    font-size:130%;
    color:#EBB658 !important;
}

/* ------- ATTRIBUTION MINIATURE RADIO -------- */

/* radio classique */

li.fav32924 a {
display:block;
height:114px;
width:150px;
background:url(http://www.lexode.com/blog/membres/s/i/sikwette/images/11619006509.jpg) no-repeat;
margin:auto;
margin-top:10px;
}

li.fav32924 span {
display:none;
}

/* radio ratée */

li.fav33493 a {
display:block;
height:114px;
width:150px;
background:url(http://www.lexode.com/blog/membres/s/i/sikwette/images/116248376261.jpg) no-repeat;
margin:auto;
margin-top:10px;
}

li.fav33493 span {
display:none;
}

li.fav33493, li.fav32924 {
clear:both
}




/*############################## CONTENEUR DES ARTICLES #################*/


#conteneurarticle

.menupage {
text-align:center;
font-size:10px;
margin-bottom:15px;
}

.menupage select {
display:none;
}

.menupage strong {
font-size:200%;
font-weight:normal;
}


.title {
margin-bottom:5px;
}

.title h2 {
font-size:16px;
display:inline;
font-weight:bold;
}

.title .date {
font-size:11px;
font-style:italic;
}

.title h2 a:hover, .footer a:hover {
border:none;
color: #EBB658;
}

.footer {
text-align:right;
font-size:16px;
font-weight:bold;
}

/*----------------- BLOC ARTICLE ----------------*/


.content {
background: #EBFBD7;
border:1px solid #7CBBC7;
padding:10px;
}

.content .spacer {
clear:both;
}

.content a {
color:#EBB658;
font-weight:bold;
}

.content a img {
border:none;
}

p.taglisthoriz {
display:none;
}

/* Image alignée à gauche */
.imgleft img {
float:left;
clear:both;
margin-right:7px;
margin-left:1px;
}

/* Image alignée à droite */
.imgright img {
float:right;
clear:both;
margin-left:7px;
margin-right:1px;
}

/* Image alignée au milieu */
div.imgcenter {
text-align:center;
}

.article ul {
margin:10px 10px 10px 25px;
list-style-type:square;
}

.article ol {
margin:10px 10px 10px 25px;
}

.article ul li {
margin-bottom:8px;
}

.article p {
margin:10px 0px;
text-indent:30px;
}

.article blockquote {
margin:10px 0px 10px 70px;
}

.article blockquote p {
text-indent:0px;
}

.article h3, .article h2 {
text-align:center;
}

.spacer {
clear:both;
}




/*---------------- SÉPARATEUR ---------------------*/

.inter {
height:100px;
width:100%;
background:url(http://testdemoi.bloxode.com/images/11861448934.gif) center no-repeat;
}


/*############################# COMMENTAIRES #############################*/


#divcomments * {
text-indent:0px;
}

#divcomments .title p {
font-size:14px;
font-weight:bold;
}

table.tablocomments td {
border:#EBFBD7 solid 15px;
}

.comtitle {
margin-bottom:7px;
}

.comtitle b, .comtitle b a {
color:#EBB658;
}

.comtitle b a:hover {
border-color:#EBB658
}

.comtitle .date {
font-size:10px;
font-style:italic;
}

.commentaire {
margin-bottom:30px;


/**/

*{margin:0;
padding:0;
}

body {
background:url(http://local.wasp.uwa.edu.au/~pbourke/texture_colour/cloth/denim02.gif) #606060 center repeat;
font-family:Verdana;
font-size:12px;
color:#000;
}

a {
text-decoration:none;
}

a:hover {
color:#5FAFEB;
}

.content img { border:none }

.invisibeul { color:#FFF; }

#beyoung {
width:780px;
position:relative;
margin:auto;
}



/*################### BANNIERE ######################### */

#top {
background:url(http://img338.imageshack.us/img338/1078/bannirecrayonsxk4.jpg) ;
width:780px;
margin-top:5px;
height:211px;
border-top:1px solid black;
border-left:1px solid black;
border-right:1px solid black;
}

#logo, p.name {display:none;}

#pub {
margin-left:125px;
position:absolute;
top:3px;
}

/* ####################### CONTENEUR DU BLOG ###################### */


#conteneur {
width:780px;
background-color:#FFFFFF;
border-left:1px solid black;
border-right:1px solid black;
}


/* *************************************MENU********************************** */


#menu {
width:170px;
margin:50px 20px 0px 0px;
float:right;
text-align:center;
color:#868686;
}

#menu p {
margin:0px 7px;
}

#menu a {
color:#868686;
}

#menu a:hover {
color:#5FAFEB;
}

#menu h3 {
text-align:left;
font-size:16px;
width:100%;
color:#5FAFEB;
margin:20px 0px 7px 0px;
padding-left:20px;
background:url(http://cssdemoi.bloxode.com/images/117473723275.jpeg) no-repeat left;
}


#menu ul {
list-style-type:none;
margin: 0px 7px;
}


#menu ul.rubliste li {
}

/* -------------------- TAGCLOUD ---------------------- */

ul.taglist {
margin:0px 7px;
text-align:justify;
font-size:12px !important;
}
ul.taglist li {
display:inline;
}
ul.taglist a {
font-weight:normal;
}

ul.taglist a:hover {
text-decoration:underline;
}

p.taglisthoriz {
display:none;
}

ul.taglist li.level-1 a {
    font-size:90%;
    color:#888888 !important;
}
ul.taglist li.level-2 a {
    font-size:95%;
    font-weight:bold;
    color:#3399FF !important;
}
ul.taglist li.level-3 a {
    font-size:100%;
    color:#339999 !important;
}
ul.taglist li.level-4 a {
    font-size:105%;
    color:#339933 !important;
}
ul.taglist li.level-5 a {
    font-size:115%;
    color:#4FC236 !important;
    font-weight:bold;
}


/* ------- ATTRIBUTION MINIATURE RADIO -------- */

/* radio classique */

li.fav32924 a {
display:block;
height:114px;
width:150px;
background:url(http://www.lexode.com/blog/membres/s/i/sikwette/images/11619006509.jpg) no-repeat;
margin:auto;
margin-top:10px;
}

li.fav32924 span {
display:none;
}

/* radio ratée */

li.fav33493 a {
display:block;
height:114px;
width:150px;
background:url(http://www.lexode.com/blog/membres/s/i/sikwette/images/116248376261.jpg) no-repeat;
margin:auto;
margin-top:10px;
}

li.fav33493 span {
display:none;
}

li.fav33493, li.fav32924 {
clear:both
}


/* ############### CONTENEUR DES ARTICLES ################### */


#conteneur h1.titrerub , h1.titrealb {
color:#5FAFEB;
font-size:18px;
text-align:center;
}

#conteneur p.description {
color:#868686;
font-size:12px;
text-align:center;
font-style:italic;
margin:2px;
}


#contenu {
width:500px;
margin-top:30px;
color:#000;
float:left;
}

.menupage {
color:#868686;
font-size:11px;
margin-bottom:10px;
text-align:center;
}

.menupage a {
color:#868686;
}

.menupage strong {
font-size:140%;
font-weight:bold;
color:#5FAFEB;
}

.menupage select {
display:none;
}

.menupage a:hover {
color:#5FAFEB;
}


/* ---------------BLOC D'ARTICLE --------------- */

.article {
margin: 0px 25px;
width:470px;
color:#000;
font:12px "verdana", serif;
background:white;
}



/* TITRE D'ARTICLE */

.article .title {
text-align:left;
height:35px;
background:url(http://cssdemoi.bloxode.com/images/11747356036.jpeg) no-repeat left;
}

.title h2, .title h1 {
display:inline;
margin:10px 0px 0px 37px;
font-size:14px;
position:relative;
top:10px;
color:#5FAFEB;
}

.title span.date {
font-size:10px;
font-style:italic;
margin-left:9px;
position:relative;
top:10px;
}

.title h2 a, .title h1 a {
text-decoration:none;
font-size:14px;
color:#5FAFEB;
}

.title p {
margin-top:7px;
margin-left:7px;
font:16px "Verdana";
font-weight:bold;
color:#5FAFEB;
position:relative;
top:10px;
}


/* CONTENU DE L'ARTICLE */

.content {
width:470px;
margin: 0px 10px;
color:#03323F;
font-size:12px;
}
.article a {
color:#4FC236;
font-weight:bold;
}

.article a:hover {
color:#5FAFEB;
}

/* Image alignée à gauche */
.imgleft img {
float:left;
clear:both;
margin-right:7px;
margin-left:1px;
}

/* Image alignée à droite */
.imgright img {
float:right;
clear:both;
margin-left:7px;
margin-right:1px;
}

/* Image alignée au milieu */
div.imgcenter {
text-align:center;
}

.article ul {
margin:10px;
list-style-type:square;
}

.article ul li {
margin-bottom:8px;
}

.article p {
margin:10px 0px;
text-indent:30px;
}

.article blockquote {
margin:10px 0px 10px 70px;
}

.article blockquote p {
text-indent:0px;
}

.article h3, .article h2 {
text-align:center;
}

.spacer {
clear:both;
}




/* -----------PIED D'ARTICLE--------------------- */

.cboth {
clear:both;
}

.footer {
text-align:right;
color:#4FC236;
height:20px;
}

.footer a {
text-decoration:none;
font-weight:bold;
color:#4FC236;
font-size:14px;
}

.footer a:hover{
color:#5FAFEB;
font-weight:bold;
}

.footer p {
margin-right:15px;
text-align:right;
}



/* SEPARATEUR */

.inter {
background:url(http://cssdemoi.bloxode.com/images/117473798562.jpeg) no-repeat center;
height:100px;
width:100%;
margin:20px;
}


/* ############## PIED DE PAGE ################# */

.cboth {
clear:both !important;
}

#pieddepage {
width:780px;
height:58px;
background:url(http://cssdemoi.bloxode.com/images/117473608282.jpeg) left;
color:#FFF;
font-size:13px;
margin:auto;
text-align:center;
border-bottom:1px solid black;
border-left:1px solid black;
border-right:1px solid black;
}

#pieddepage p {
position:relative;
top:40px;}

#pieddepage a {
color:#FFF;
text-decoration:none;
}

#vide3 {
height:5px;
}



/* ####################### COMMENTAIRES ############################ */

#divcomments * {
text-indent:0px;
}

#divcomments .title p {
text-indent:30px;
}

#divcomments trcom {
padding-top:20px;
padding-bottom:10px;
}

#divcomments td {
padding:10px;
}

#divcomments form{
margin-bottom:80px;
}

td.firstd {
background:url(http://img504.imageshack.us/img504/5606/avadiscozd1.gif) no-repeat left #FFF;
width:80px;
padding-left:0px !important;
}

.commentaire {
min-height:68px;
}

tr.itsamember td.firstd {
background:#FFF !important;
background-position:center;
}

table.tablocomments {
border-collapse:collapse
}

table.tablocomments tr.impair {
background:#DEF9C0;
}

table.tablocomments tr.pair {
background:#D9EEF6;
}

.comtitle .date {
font-size:10px;
font-style:italic;
}

#divcomments p.menupage a {
color:#868686;
font-weight:normal;
}

#divcomments p.menupage a:hover {
color:#5FAFEB;
}

/* ################ Propriétés générales ################### */

* {
margin:0px;
padding:0px;
}

body {
background:#000;
font-family:Verdana "trebuchet MS";
font-size:12px;
color:#392A0C;
}

a {
color:#392A0C;
text-decoration:none;
}


/* #################### STRUCTURE GENERALE ##################*/

#beyoung {
width:800px;
margin:auto;
}

#top {
height:561px;
background:url(http://testdemoi.bloxode.com/images/117053712496.jpeg);
}

#conteneur {
width:800px;
background:url(http://testdemoi.bloxode.com/images/117057229180.jpeg);
}

#menu {
width:200px;
float:right;
text-align:center;
padding-right:5px;
margin-bottom:180px;
}

#contenu {
width:500px;
float:left;
margin-left:15px;
margin-bottom:50px;
position:relative;
top:-50px;
}

.cboth {
clear:both;
}

/*###################### BANNIERE ######################*/

#top #logo {
display:none;
}

#top p.name {
display:none;
}

#top #pub {
position:relative;
top:440px;
left:330px;
}

/*##################### MENU ######################*/
/*---------PROPRIETES GLOBALES -------*/

#menu ul {
list-style-type:none;
}


/* ---------------- TITRES PERSOS ---------------- */

#menu h3 {
height:38px;
width:195px;
font-size:0px !important;
color:transparent !important;
background-repeat:no-repeat;
background-position:center;
margin-top:18px;
}

h3.aboutme {
background:url(http://xawaou.free.fr/bazar/titreskulka/moi.gif);
}

h3.madescription {
background:url(http://xawaou.free.fr/bazar/titreskulka/description.gif);
}

h3.rubriqueh3 {
background:url(http://xawaou.free.fr/bazar/titreskulka/categories.gif);
}

h3.tagsh3 {
background:url(http://xawaou.free.fr/bazar/titreskulka/tags.gif);
}

h3.favorish3 {
background:url(http://xawaou.free.fr/bazar/titreskulka/liens.gif);
}

h3.cpth3 {
background:url(http://xawaou.free.fr/bazar/titreskulka/compteurs.gif);
}

h3.pubh3 {
background:url(http://xawaou.free.fr/bazar/titreskulka/pubs.gif);
}

h3.rssh3 {
background:url(http://xawaou.free.fr/bazar/titreskulka/rss.gif);
}

/*--------------- TAGS ---------------*/

ul.taglist {
text-align:center;
font-size:10px !important;
}

ul.taglist li {
display:inline;
}

ul.taglist li a {
margin:3px;
}

ul.taglist li.level-1 a {
font-size:100% !important;
color:#F60C10 !important;
}

ul.taglist li.level-2 a {
font-size:110% !important;
color:#E4100E !important;
}

ul.taglist li.level-3 a {
font-size:130% !important;
color:#D1110F !important;
}

ul.taglist li.level-4 a {
font-size:155% !important;
color:#CB0F10 !important;
font-weight:bold;
}

ul.taglist li.level-5 a {
font-size:170% !important;
color:#940E10 !important;
font-weight:bold;
}

/* ------- ATTRIBUTION MINIATURE RADIO -------- */

/*radio classique*/

li.fav32924 a {
display:block;
height:114px;
width:150px;
background:url(http://www.lexode.com/blog/membres/s/i/sikwette/images/11619006509.jpg) no-repeat;
margin:auto;
margin-top:10px;
}

li.fav32924 span {
display:none;
}

/* radio ratée */

li.fav33493 a {
display:block;
height:114px;
width:150px;
background:url(http://www.lexode.com/blog/membres/s/i/sikwette/images/116248376261.jpg) no-repeat;
margin:auto;
margin-top:10px;
}

li.fav33493 span {
display:none;
}

li.fav33493, li.fav32924 {
clear:both
}

/*####################### CONTENU ##########################*/

/*--------------- MENUPAGE ---------------*/

#contenu .menupage {
margin-bottom:50px;
}

.menupage strong {
font-size:140%;
font-weight:bold
}

.menupage select {
display:none;
}

/*---------------- BLOC ARTICLE -----------------*/

.article {
margin-top:35px;
}

/*  TITRE  */
.article .title {
color:#741824;
margin-bottom:20px;
}

.title h2 {
display:inline;
font-size:15px;
font-weight:bold;
}

.title h2 a {
color:#741824;
border-bottom:none;
}

.title h2 a:hover {
border-bottom:none !important;
}

.title .date {
font-style:italic;
font-size:11px;
}

/* ARTICLE */

.article a {
color:#741824;
border-bottom:#741824 dotted 1px;
font-weight:bold;
}

.article a:hover {
border-bottom-style:solid;
}

/* Image alignée à gauche */
.imgleft img {
float:left;
clear:both;
margin-right:7px;
margin-left:1px;
}

/* Image alignée à droite */
.imgright img {
float:right;
clear:both;
margin-left:7px;
margin-right:1px;
}

/* Image alignée au milieu */
div.imgcenter {
text-align:center;
}

.article ul {
margin:10px;
list-style-type:square;
}

.article ul li {
margin-bottom:8px;
}

.article p {
margin:10px 0;
text-indent:30px;
}

.article blockquote {
margin:10px 0px 10px 70px;
}

.article blockquote p {
text-indent:0px;
}

.article h3, .article h2 {
text-align:center;
}

.spacer {
clear:both;
}

p.taglisthoriz {
display:none;
}


/* PIED D'ARTICLE */

.footer {
text-align:right;
font-size:14px;
font-weight:bold;
margin-right:15px;
margin-top: 20px
}

.footer a {
color:#741824;
}

/* SEPARATEUR */

.inter {
height:21px;
width:100%;
margin:30px 0px;
background:url(http://testdemoi.bloxode.com/images/117057232348.gif) no-repeat center;
}

/*#################### COMMENTAIRES ###########################*/

#divcomments * {
text-indent:0px;
}

#divcomments trcom {
padding-bottom:30px;
background:url(sepcom1) no-repeat bottom;
}

#divcomments form{
margin-bottom:80px;
}

/*#################### PIED DE PAGE ########################*/

#vide1 {
height:198px;
background:url(http://testdemoi.bloxode.com/images/117057230921.gif);
position:relative;
top:-180px;
}

#pieddepage {
color:#CAFBF8;
text-align:center;
position:relative;
top:-100px;}

#pieddepage a {
color:#CAFBF8;
border-bottom:#CAFBF8 dotted 1px;
}

/*#################GENERAL ##############*/

* {
margin:0px;
padding:0px;
}

body {
background:url(http://testdemoi.bloxode.com/images/116905006528.gif) fixed;
color:#9CD460;
font-family:"Trebuchet MS";
font-size:13px;
}

a {
color:#9CD460;
text-decoration:none;
}

ul, ol {
list-style-type:none;
}

.invisibeul {
color:#FFF;
}

/*#############################*/

#beyoung {
width:799px;
margin:auto;
margin-top:55px;
}

/*#########BANNIERE######*/

#top {
height:85px;
background:url(http://www.lexode.com/blog/membres/t/e/testdemoi/images/116193636486.png);
}

#logo {
display:none;
}

p.name {
display:none;
}

#pub {
text-align:right;
position:relative;
top:-55px;
}

/*########DEBUT BLOG#####*/

#conteneur {
background:white;
border:4px #9CD460 solid;
border-top:none;
padding-bottom:10px;
}

/*############ MENU DE DROITE #########*/

#menu {
width:230px;
float:right;
font-size:13px;
text-align:center;
}

#menu p, #menu ul {
margin: 20px 10px;
}
/*------------ATTRIBUTION TITRES PERSOS------*/

h3.menutitre {
height:23px;
width:211px;
font-size:0px !important;
color:transparent!important;
}

h3.aboutme {
background:url(http://www.lexode.com/blog/membres/t/e/testdemoi/images/116193644359.gif);
}

h3.madescription {
background:url(http://www.lexode.com/blog/membres/t/e/testdemoi/images/116193645595.gif);
}

h3.rubriqueh3 {
background:url(http://testdemoi.bloxode.com/images/116828171327.gif);
}

h3.favorish3 {
background:url(http://www.lexode.com/blog/membres/t/e/testdemoi/images/116193641939.gif);
}

h3.cpth3 {
background:url(http://www.lexode.com/blog/membres/t/e/testdemoi/images/116193638462.gif);
}

h3.pubh3 {
background:url(http://www.lexode.com/blog/membres/t/e/testdemoi/images/116193647941.gif);
}

h3.rssh3 {
background:url(http://www.lexode.com/blog/membres/t/e/testdemoi/images/116193649425.gif);
}

h3.tagsh3 {
background:url(http://www.lexode.com/blog/membres/t/e/testdemoi/images/11619365050.gif);
}


/* ------- ATTRIBUTION MINIATURE RADIO -------- */

/*radio classique*/

li.fav32924 a {
display:block;
height:114px;
width:150px;
background:url(http://www.lexode.com/blog/membres/s/i/sikwette/images/11619006509.jpg) no-repeat;
margin:auto;
margin-top:10px;
}

li.fav32924 span {
display:none;
}

/* radio ratée */

li.fav33493 a {
display:block;
height:114px;
width:150px;
background:url(http://www.lexode.com/blog/membres/s/i/sikwette/images/116248376261.jpg) no-repeat;
margin:auto;
margin-top:10px;
}

li.fav33493 span {
display:none;
}

li.fav33493, li.fav32924 {
clear:both
}



/*############### CONTENEUR DES ARTICLES ############*/

#contenu {
width:530px;
float:left;
margin-left:10px;
}

/* ###########MENUPAGE######### */

.menupage {
font-size:12px;
text-align:center;
}

.menupage strong {
font-size:180%;
}

.menupage select {
display:none;
}

/*############## DESCRIPTION DES RUBRIQUES ###############*/

p.descrrub {
text-align:center;
margin:auto;
width:70%;
}

/*  ############ ARTICLES ############# */

/* BLOC TITRE*/
.title {
margin-top:20px;
margin-bottom:15px;
margin-left:30px;
}

.title h2 {
display:inline;
font-size:18px;
font-weight:normal;
}

.title h2 a {
color:#86C658;
}

.title .date {
font-size:12px;
font-style:italic;
}

/* ------ CONTENU DE L'ARTICLE ----- */

.article a {
color:#86C658;
font-weight:bold;
}

/* Image alignée à gauche */
.imgleft img {
float:left;
clear:both;
margin-right:7px;
margin-left:1px;
}

/* Image alignée à droite */
.imgright img {
float:right;
clear:both;
margin-left:7px;
margin-right:1px;
}

/* Image alignée au milieu */
div.imgcenter {
text-align:center;
}

.article ul {
margin:10px;
list-style-type:square;
}

.article ul li {
margin-bottom:8px;
}

.article p {
margin:10px 0;
text-indent:30px;
}

.article blockquote {
margin:10px 0px 10px 70px;
}

.article blockquote p {
text-indent:0px;
}

.article h3, .article h2 {
text-align:center;
}

.spacer {
clear:both;
}

/* --- FOOTER --------- */

.footer {
text-align:right;
}

.footer a {
font-size:16px;
color:#86C658;
}

.cboth {
clear:both;
}

/* ---SEPARATEUR ---*/

.inter {
height:80px;
}

/*####### PIED DE PAGE #####*/

#pieddepage {
text-align:center;
color:white;
margin:5px;
}

#pieddepage a {
color:white;
font-weight:bold;
}

/*##############COMMENTAIRES##########*/

#divcomments * {
text-indent:0px;
}

#divcomments .title {
text-align:center;
color:#86C658;
font-size: 16px;
font-weight:bold;
}

table.tablocomments {
border-collapse:collapse;
}

table.tablocomments tr {
border-bottom:#FFF solid 15px;
}

table.tablocomments td {
padding:3px 10px 10px 3px;
}

tr.pair {
background:#C6F1A9;
color:white;
}

.comtitle {
margin-bottom:7px;
}

tr.pair .comtitle .date {
color:white;
font-style:italic;
}

tr.impair .comtitle .date {
color:#90D55F;
font-style:italic;
}

tr.impair .comtitle b {
color:#90D55F;
font-size:14px;
font-weight:bold;
}

tr.pair .comtitle b {
color:white;
font-size:14px;
font-weight:bold;
}

################# TESTATAG ############
ul.taglist {
text-align:justify;
font-size:10px !important;
}

ul.taglist li {
display:inline;
}

ul.taglist li a {
margin:3px;
font-size:24px !important;
}

ul.taglist li.level-1 a {
font-size:100% !important;
color:#D1EDB5 !important;
}

ul.taglist li.level-2 a {
font-size:110% !important;
color:#C3E8A5 !important;
}

ul.taglist li.level-3 a {
font-size:110% !important;
color:#B1E284 !important;
}

ul.taglist li.level-4 a {
font-size:120% !important;
color:#90D55F !important;
}

ul.taglist li.level-5 a {
font-size:130% !important;
color:#68C337 !important;
}

p.taglisthoriz {
display:none;
}

* {
margin:0px;
padding:0px;
}

body {
margin:10px 0px 0px 0px;
font-size:12px;
font-family:"Trebuchet MS", Arial;
color:#FFF;
background:url(http://testdemoi.bloxode.com/images/116586518110.gif) fixed #000C19;
}

a {
color:#FFF;
font-weight:bold;
text-decoration:none;
}

a img {
border:none !important;
}

.invisibeul {
color:#AB1612;
}
/*####################### DISPOSITION GENERALE ###################*/

#beyoung {
width:835px;
margin:auto;
position:relative;
}


p.name, #logo {
display:none;
}

#top {
width:837px;
height:385px;
background:url(http://testdemoi.bloxode.com/images/116586817075.gif) no-repeat;
}

#conteneur {
width:780px;
background:#810400;
margin-left:11px;
}


#contenu {
width:462px;
float:left;
margin-left:40px;
position:relative;
top:-220px;
}

#menu {
width:198px;
float:right;
text-align:center;
margin-right:40px;
background:#AB1612;
border-left:1px solid white;
border-right:1px solid white;
position:relative;
top:-215px;

}



.cboth {
clear:both;
}

/* ################# MENU ############### */

#raccord {
height:90px;
width:225px;
background:url(http://testdemoi.bloxode.com/images/116593936919.gif) no-repeat;
position:relative;
left:-11px;
}

#menu h3 {
text-align:center;
width:198px;
font-size:18px;
border-top:dashed 1px #FFF;
border-bottom:dashed 1px #FFF;
margin:30px 0px 10px 0px;
font-family:"Courier new";
}

#menu ul {
list-style-type:none;
}

#menu a {
font-weight:normal;
}

#foot {
width:250px;
height:56px;
background:url(http://testdemoi.bloxode.com/images/116593935965.gif) no-repeat;
position:relative;
left:-29px;
}


/* ********** ATTRIBUTION MINIATURE RADIO ********** */

/*radio classique*/

li.fav32924 a {
display:block;
height:114px;
width:150px;
background:url(Voir le lien. lexode.com/blog/membres/s/ i/sikwette/images/11619006 509.jpg) no-repeat;
margin:auto;
margin-top:10px;
}

li.fav32924 span {
display:none;
}

/* radio ratée */

li.fav33493 a {
display:block;
height:114px;
width:150px;
background:url(Voir le lien. lexode.com/blog/membres/s/ i/sikwette/images/11624837 6261.jpg) no-repeat;
margin:auto;
margin-top:10px;
}

li.fav33493 span {
display:none;
}

li.fav33493, li.fav32924 {
clear:both
}





/* ################# CONTENEUR DES ARTICLES ####################### */



/* ************** MENUPAGE ************* */

.menupage {
font-size:12px;
text-align:center;
}

.menupage strong {
font-size:180%;
}

.menupage select {
display:none;
}

/* **************ARTICLE***** ***********/

/*---------TITRE-------*/

.article .title {
height:85px;
width:462px;
background:url(http://testdemoi.bloxode.com/images/116586498242.gif) no-repeat;
}

.article .title h2 {
display:inline;
}

.title h2 a {
color:#810400;
font-size:15px;
font-weight:normal;
border:none;
position:relative;
top:8px;
left:15px;
}

.title .date {
font-size:11px;
color:#A62A26;
font-style:italic;
position:relative;
top:8px;
left:20px;
}


/* ------------CONTENU DE L'ARTICLE ----------- */

#conteneurarticle .content {
margin-left:14px;
margin-right:9px;
border-left:1px solid white;
border-right:1px solid white;
background:#AB1612;
padding:0px 10px 10px 10px;;
}

.article a {
border-bottom:dashed 1px white;
}

/* Image alignée à gauche */
.imgleft img {
float:left;
clear:both;
margin-right:7px;
margin-left:1px;
}

/* Image alignée à droite */
.imgright img {
float:right;
clear:both;
margin-left:7px;
margin-right:1px;
}

/* Image alignée au milieu */
div.imgcenter {
text-align:center;
}

p.taglisthoriz {
display:none;
}

.article ul {
margin:10px;
list-style-type:square;
}

.article p {
margin: 0px 0px 10px 0px;
text-indent:30px;
}

.article blockquote {
margin:10px 0px 10px 70px;
}

.article blockquote p {
text-indent:0px;
}

.article h3, .article h2 {
text-align:center;
}

.spacer {
clear:both;
}

/*------------PIED D'ARTICLE------------*/


.footer {
height : 133px;
width:460px;
background:url(http://testdemoi.bloxode.com/images/116586497260.gif);
margin-left:3px;
text-align:right;
position:relative;
top:-10px;
}

.footer a {
color:#810400;
font-size:15px;
font-weight:normal;
position:relative;
top:32px;
left:-8px;
}

/* ################ COMMENTAIRES ####################*/
#divcomments {
background:#810400; /*efface la couleur de fond des articles*/
color:#FFF;
}

#divcomments .content, #divcomments a {
border:none;
background:none !important;
}

#divcomments .title, #divcomments .footer {
background:#810400 !important; /* efface les en-têtes et pieds d'articles. Ne pas oublier le !important */
color:#FFF;
text-align:center;
height:30px;
}

/* ---------- MENUPAGE --------- */

#divcomments p.menupage a {
color:#FFF;
font-size:11px;
}


/* ++++++++++++++++++++ TABLEAU DES COMMENTAIRES - PROPRIETES GENERALES +++++++++++++++++ */

table.tablocomments {
background-color:#810400;
color:#FFF;
width:100%;
}

table.tablocomments td {
padding:3px;
}

table.tablocomments tr {
border:1px solid white;
}

table.tablocomments {
text-indent:0px;
}



table.tablocomments {
border-collapse: collapse;}


/* ------------------- MISE EN FORME D'UN COMMENTAIRE -------------------------- --- */



table.tablocomments .comtitle {
font-size:11px;
font-style:italic;
margin:5px;
}

table.tablocomments .comtitle a, table.tablocomments .comtitle b {
font-style:normal;
font-size: 14px;
font-weight: bold;
color:#FFF !important;
background:none !important;
border-bottom:1px dashed white;
}

table.tablocomments .commentaire {
font-size:12px;
padding:0px !important;
}

table.tablocomments .title, table.tablocomments .date {
position:relative;
top:0px;
left:0px;
}

/* ............... DISTINCTION DES COMMENTAIRES PAIRS ET IMPAIRS .................... */

table.tablocomments tr.impair, table.tablocomments tr.impair .comtitle a, table.tablocomments tr.pair .comtitle b {
background: #AB1612;
}

################# TESTATAG ############
ul.taglist {
text-align:justify;
font-size:10px !important;
}

ul.taglist li {
display:inline;
}

ul.taglist li a {
margin:3px;
}

ul.taglist li.level-1 a {
font-size:11px;
color:#810400;
}

ul.taglist li.level-2 a {
font-size:13px;
color:#C06865;
}

ul.taglist li.level-3 a {
font-size:16px;
color:#C06865;
}

ul.taglist li.level-4 a {
font-size:19px;
color:#DF9D9B;
}

ul.taglist li.level-5 a {
font-size:21px;
color:#FFF;
}

/* ########## PIED DE PAGE ####### */

#vide1 {
height:250px;
width:879px;
float:left;
position:relative;
left:-30px;
top:-175px;
background:url(http://testdemoi.bloxode.com/images/116592807355.gif) no-repeat;
}

#pieddepage {
text-align:center;
position:relative;
top:-223px;
color:#820400;
}

#pieddepage a {
color:#820400;
border-bottom:dashed 1px #820400;
}