/* =GENERAL ---------------------*/

/* Remove padding and margin */

* {
margin: 0;
padding: 0;
}

/* Put it back on certain elements */

h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {

margin: .5em 0 1em;
}

blockquote {
margin-left: 2em;
}


/* =ELEMENTS ---------------------*/

body {
text-align: center;
color: #666;
font-family: tahoma,helvetica,sans-serif;
font-size: 76%;
line-height: 1.3;
background: #AB9F96;
}

body div, body table, body blockquote {
font-size: 100%;
}

sup, sub {
font-size: .75em !important;
line-height: 1;
}

img {
border: 0;
}


/* =Links */

a:link {
color: #20305A;
}	
a:visited {
color: #20305A;
}
a:hover {
color: #20305A;
background: #E2E2E0;
text-decoration: underline;
}
a:active {
color: #20305A;
}


/* =Headings */

h1 {
margin: 0 0 10px 0;
font-size: 155%;
font-weight: lighter;
color: #D59F0F;
}

h2 {
margin: 0.5em 0 0.5em;
padding: 1em 0 0;
font-size: 1.6em;
font-weight: lighter;
color: #D59F0F;
line-height: 0.8;
width: 100%;
overflow: hidden;
}

h2 a {
color: #D59F0F !important;
float: left;
text-decoration: none;
}

h2 a:hover, h2 a:active {
text-decoration: underline;
background: #FFF5CF;
}

h2 a.photo {
width: 51px;
margin: -.8em 10px 0 0;
}

a.photo img {
padding: 2px;
border: 1px solid #CCC;
background: #fff;
float: left;
}

a.photo:hover img {
border-color: #999;
}

h3 {
color: #D59F0F;
margin: 1em 0 .75em;
font-size: 1.6em;
line-height: 1;
}


/* =Lists */

ul {
padding: 0 0 0 1.4em;
}

ol {
padding: 0 0 0 2em;
}

li {
padding: 0 0 .2em;
}

/* =CLASSES ---------------------*/

.clear {
clear: both;
height: 0 !important;
line-height: 0 !important;
margin: 0 !important;
}

.nowrap {
white-space: nowrap;
}

.punchline {
margin: 80px 0px 0px 30px;
text-transform: uppercase;
font-size: 90%;
color: #7F7F7F;
}

.punchline2 {
margin: 0px 0px 0px 30px;
text-transform: uppercase;
font-size: 85%;
color: #C3B9B4;
}

.billet {
margin: 0px 0px 50px 10px;
}

.imgentry {
float: left;
border: 1px solid #CCC;
margin: 3px 5px 3px 0px;
}

.imgcvcv {
float: left;
text-align: center;
font-size: 90%;
width: 137px;
height: 235px;
margin: 3px 5px 3px 0px;
}

.footerbillet {
margin: 0 0 30px 0;
padding: 3px 0 0 0;
font-size: 90%;
color: #666;
border-top: 1px dashed #D59F0F;
}

.liencommentaire a {
color: #D59F0F !important;
}

.liencommentaire a:hover {
background: #FFF5CF;
text-decoration: underline;
}

.lienarchives {
font-size: 85%;
text-align: right;
}

.commentaire {
margin: 10px 0 10px 0;
padding: 5px 10px 5px 10px;
border: 1px dashed #CCC;
}

.comm-burp {
	background-color: #FFF5CF;
}

.comm-epicure {
	background-color: #FFF5CF;
}

.headcomm {
font-size: 92%;
}

.headcomm img.clown {
	vertical-align: middle;
	margin-right: 10px;
}

.imeem {
	float: right;
	margin-left: 5px;
        border: 1px solid #CCC;
}

/* =LAYOUT ---------------------*/

#page {
position: relative;
width: 960px;
margin: auto;
text-align: left;
}

#main {
background: #FFF url(http://www.burpblog.com/images/bground.gif) 0 0 repeat-y;
}

#content {
width: 700px;
float: left;
}

#contenu {
margin: 50px 20px 10px 20px;
}

#coldroite {
width: 260px;
float: right;
background: #20305A;
color: #DDD;
}

#colcentre {
width: 570px;
float: right;
background: #FFF url(/images/header.jpg) 0 0 no-repeat;
}

#colgauche {
width: 130px;
float: left;
text-align: center;
background: #87746A;
}

#colgauche a:hover {
text-decoration: none;
background: none;
}

#footer {
background: #AB9F96;
clear: both;
}

#coldroite a {
color: #FFF;
}

#coldroite h3 {
font-size: 95%;
font-weight: bold;
color: #FFF;
line-height: 20px;
padding: 15px 0 0 10px;
vertical-align: top;
margin: 0 0 10px 0;
}

#feq {
margin: 20px 10px 25px 10px;
background: #CCC;
border: 1px solid #000;
color: #000;
}

#feq .titrefeq {
background: #000;
color: #FFF;
font-weight: bold;
text-align: center;
font-variant: small-caps;
}

.grostitre {
font-size: x-large;
}

#contfeq {
margin: 0 10px 0 10px;
}

#contfeq a {
color: #1A3E94 !important;
text-decoration: none;
}

#contfeq a:hover {
color: #1A3E94;
text-decoration: underline;
background: none;
}

#search {
margin: 20px 0 25px 10px;
}

#search h3 {
background: #BD297F;
}

#search form {
margin: 0 10px 0 10px;
}

#champ {
width: 175px;
border: 1px solid #BD297F;
background: #FFF;
margin: 0 0 0 10px;
}

#gobutton {
color: #FFF;
border: 0px;
background: #BD297F;
}

#tags {
margin: 18px 0 25px 10px;
}

#tags h3 {
background-color: #0072C3;
}
#tags .module-content {
text-align: left;
margin: 0 10px 0 -5px;
}

#tags a {
text-decoration: none;
color: #0072C3;
}

#tags a:hover {
text-decoration: underline;
background: none;
}

#tags .module-content .module-list {
text-decoration: none;
}
#tags .module-content .module-list .module-list-item {
display: inline;
}
#tags .module-content .module-list li.taglevel1 {
font-size: 19px;
}
#tags .module-content .module-list li.taglevel1 a {
color: #0072C3;
}
#tags .module-content .module-list li.taglevel2 {
font-size: 17px;
}
#tags .module-content .module-list li.taglevel3 {
font-size: 15px;
}
#tags .module-content .module-list li.taglevel4 {
font-size: 13px;
}
#tags .module-content .module-list li.taglevel5 {
font-size: 11px;
}
#tags .module-content .module-list li.taglevel6 {
font-size: 9px; 
}

#commentaires {
margin: 5px 0 10px 10px;
}

#commentaires h3 {
background-color: #D69F0F;
}

#commentaires ul {
list-style: none;
margin: 0px 10px 0px -5px;
font-size: 92%;
}

#commentaires ul a {
color: #D69F0F !important;
text-decoration: none;
}

#commentaires ul a:hover {
text-decoration: underline;
background: none;
}

#decouvrir {
margin: 5px 0 25px 10px;
color: #95CC4D;
}

#decouvrir h3 {
background-color: #95CC4D;
}

#decouvrir table {
margin: 0 0 0 10px;
}

#playlist {
margin: 5px 0 15px 10px;
color: #AFAFAF;
}

#playlist h3 {
background-color: #AFAFAF;
}

#signets {
margin: 15px 0 10px 10px;
}

#signets h3 {
background-color: #FFA03A;
line-height: 20px;
padding: 15px 0 0 10px;
vertical-align: top;
}

#signets ul {
list-style: none;
margin: 0 10px 0 -5px;
font-size: 92%;
}

#signets ul a {
color: #FFA03A !important;
text-decoration: none;
}

#signets ul a:hover {
color: #FFA03A;
text-decoration: underline;
background: none;
}

#abonnement {
margin: 5px 0 10px 10px;
}

#abonnement h3 {
background-color: #756158;
line-height: 20px;
padding: 15px 0 0 10px;
vertical-align: top;
}

#abonnement a {
text-decoration: none;
}

#abonnement a:hover {
text-decoration: underline;
background: none;
}

#abonnement p {
margin: 0 0 0 10px;
}

#footer p {
text-align: center;
color: #46352D;
}

#footer a {
text-decoration: none;
color: #D5D8D1;
}

#footer a:hover {
background: none;
text-decoration: underline;
}