html, body{
margin: 0;
padding: 0;
}
html {
/*background: transparent url(img/texture_fond.jpg) top left repeat;*/
background: transparent url(images/fond-coquin.jpg) top left repeat fixed;
}
body{
text-align: center;
/*background : transparent url(img/texture_fond_degrade.jpg) repeat-x;*/
}
#page{
text-align: left;
margin : 0 auto;
width : 886px;
padding : 0;
position: relative;
min-height: 100%;
background : transparent url(img/bg.png) 0 0 repeat-y;
border-top: 0px solid #871B1B;
}
div#top {
height: 5px;
background: #871B1B;
display: none;
}
div#main {
display: inline; /* bug double marges d'IE */
float: left;
width: 425px;
background: #fff;
margin-left: 8px;
padding-bottom: 20px;
}
div#sidebar2 {
float: right;
width: 182px;
_width: 186px;
padding-left: 10px;
_padding-left: 0;
margin-right: 9px;
_margin-right: 5px;
font-family: "Arial";
font-size: 0.9em;
background: transparent url(img/feed.jpg) right top no-repeat;
z-index: 100;
overflow: hidden;
}
div#sidebar {
padding: 0 0 0 30px;
width: 240px;
margin: 0 190px 0 425px;
_margin: 0 190px 0 422px;
background: transparent url(img/fond_milieu.jpg) right top no-repeat;
font-family: "Arial";
font-size: 0.9em;
z-index: 50;
border: 1px solid transparent;
}
div#navigationGen {
background: transparent url(img/navigation.jpg) 0 0 no-repeat;
width: 60px;
height: 64px;
position: absolute;
left: 360px;
top: 0;
}
div#navigationGen a{
display: block;
width: 20px;
min-width: 20px;
height: 64px;
min-height: 64px;
float: left;
background: none;
}
div#navigationGen a:hover {
/*background: transparent url(img/navigation.jpg) 0 0 no-repeat;*/
}
div#navigationGen a span{
visibility: hidden;
}
#footer {
clear: both;
color: #fff;
padding: 10px 8px 0 8px;
}
div#foot {
height: 190px;
background: #434343;
padding: 10px;
}
#foot2 {
background: #333;
padding: 10px;
color: #aaa;
}
.pagenav {
clear: both;
font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
margin: 0;
margin-left: 0px;
padding: 4px 10px;
text-align: right;
width: 400px;
}
.pagenav a {
border: 1px solid #999;
text-decoration : none;
padding: 0 2px !important;
color: #999 !important;
}
.pagenav a:hover {
border: 1px solid #000 !important;
color: #999 !important;
text-decoration : none;
}
.pagenav strong {
border: 1px solid #000;
padding: 0 2px !important;
}
/* */
html {
font-size : 11px;
}
body {
font-family : "Trebuchet MS", Tahoma,Arial,Helvetica,sans-serif;
font-size : 1.1em;
text-align: center;
}
A {
text-decoration: none;
}
/*Formulaires*/
input, textarea{
border: 1px solid #DDD;
background: #fff url(img/inputbg.gif) repeat-x top left;
/*background: #F2F2F2;*/
color: #333;
padding-left: 1px;
}
textarea{width: 100%;}
input:focus, textarea:focus{border: 1px solid #999;}
fieldset{border: none;}
img{
border: 0;
}
code, pre{font-family: "Courier New", monospace; font-size : 1em;}
/* Merci Kozlika :) */
pre {
background: #EEE;
color: #000;
border: 1px solid #DDD;
margin : 0 auto;
margin-bottom : 1em;
padding : 0.5em;
text-align:left;
white-space:normal;
/* caché pour IE 5 Mac qui sait pas faire - Ne pas supprimer cette ligne \*/
white-space:pre;
width: 95%;
overflow : auto;
}
/* Fin hack Ne pas supprimer cette ligne */
acronym, abbr{border-bottom: 1px dotted;cursor : help;}
q{font-style : italic;}
a{color : #B33031;}
a:visited{color: #B33031;}
a:hover, a:focus, a:active{color: #111;}
a[hreflang]:after {content: "\0000a0[" attr(hreflang) "]";color : #666;background : transparent;}
h2, h3 {
font-family : "Trebuchet MS",Arial,Helvetica,sans-serif;
}
h2{font-size: 1.4em;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1.0em;}
.left{
float: left;
margin-right: 1em;
}
.right{
float: right;
margin-left: 1em;
}
/* Page
****************************************************************/
/* Top
****************************************************************/
#top h1{
font-family: "Trebuchet MS", "Times New Roman", serif;
font-size: 1em;
/*background : transparent url(images/logo.jpg) no-repeat;*/
width:780px;
height:100px;
padding: 72px 0 0 6px;
display: none;
}
#top h1 a{
color: #cdcdcd;
text-decoration: none;
}
#prelude{
text-align: center;
display: none;
color: #444;
}
#prelude a{
color: #444;
background: transparent;
}
#prelude a:hover{
color: #999;
}
/* Main
****************************************************************/
#main {
background: #FFF;
color: inherit;
overflow: hidden; /* Cache ce qui déborder (images par ex.) pour ne pas casser la mise en page */
}
/* Contenu
****************************************************************/
#content {
margin: 0 10px;
padding-bottom:0em;
padding-left: 0px;
}
.day-date{
display: none;
}
.les-tags {
padding-top: 10px;
}
.les-tags a {
background: #999;
color: #fff;
padding: 0 4px;
margin-left: 1px;
}
/* post-title */
.post {
clear: both;
background : transparent url(img/deco_titre_billet.jpg) no-repeat 0 4px;
margin: 0 0 45px -10px;
padding-left: 10px;
position: relative;
}
.post-title {
padding: 8px 4px 0px 6px;
margin: 0;
margin-top: 4px;
}
.lepost-content {
display: block;
width: 408px;
overflow: hidden;
}
.post-title a {
color : #666;
text-decoration : none;
font-weight: normal;
font-family: "Trebuchet MS";
letter-spacing: 0px;
display: block;
width: 340px;
}
.post-title a span {
color: #d33c3c;
font-size: 1em;
}
.avatar {
position: absolute;
right: 0;
top: 0;
}
/* post-info */
.post-info{
font-size: 0.9em;
margin-top: 0 !important;
margin-bottom: 10px;
background: transparent;
padding: 0 8px 10px 8px;
color: #999;
}
.post-content, .post-chapo{
line-height: 1.5em;
text-align: justify;
color: #434343;
background: transparent;
position: relative;
font-family: "Arial";
font-size: 11px;
}
.post-content A, .post-chapo A{
text-decoration: underline;
}
/*.post-content A:hover, .post-chapo A:hover{
background: transparent url("images/soulignement.gif") bottom center repeat-x !important;
color: #B33031;
}*/
.post-content IMG.droite, .post-chapo IMG.droite{
max-width: 260px;
float: right;
margin: 2px 0 2px 10px;
}
.post-content IMG.gauche, .post-chapo IMG.gauche{
width: 260px;
float: left;
margin:2px 10px 2px 0;
}
.post-content IMG, .post-chapo IMG {
border: 1px solid #ccc !important;
padding: 3px;
display: block;
}
p.center {
text-align: center !important;
}
.post-content ul{
list-style-image: url(images/puce.png);
}
.image
{
/*border: 4px solid #eee;*/
}
/* Pour limiter la taille des images trop grandes
* ajoutez un slash derrière l'étoile -> */
.post-content img{
max-width: 100%;
}
/**/
/* Tags cloud
------------------------------------------ */
#tagcloud ul {
margin:0;
padding:0 1em;
display:block;
}
#tagcloud li {
display:inline;
margin: 0 .1em;
padding: 0;
background-image: none;
}
#tagcloud li.level-1 { font-size: 0.9em; display: none}
#tagcloud li.level-2 { font-size: 1.2em;}
#tagcloud li.level-3 { font-size: 1.5em;}
#tagcloud li.level-4 { font-size: 1.9em;}
#tagcloud li.level-5 { font-size: 2.2em;}
#tagcloud li.level-1 A { color: #e6e6e6 !important; }
#tagcloud li.level-2 A { color: #bcbcbc !important; }
#tagcloud li.level-3 A { color: #36393D !important; }
#tagcloud li.level-4 A { color: #b33031 !important; }
#tagcloud li.level-5 A { color: #b33031 !important; }
#tags {
text-align: right;
}
.post-tags {
font-size: 0.9em;
}
.post-tags {
text-decoration: none !important;
}
/* post-info-co */
.post-info-co {
clear: both;
font-size: 0.9em;
text-align: right;
border-top: 1px solid #434343;
padding: 2px 8px;
margin: 10px 0 0 -10px !important;
}
.post-info-co span{
display: none;
}
.post-info-co a{
padding-left: 12px;
text-decoration: none;
color: #434343;
}
.post-info-co a.ico-co {
background: transparent url(icones/comment.gif) no-repeat left;
}
/* comments */
#comments {
border-top: 1px solid #ddd;
}
#comments h3, #connexe h3 {
/*background: transparent url(images/h2side.png);*/
color: #918783;
text-transform: uppercase;
font-family: "Century Gothic";
font-weight: normal;
padding: 5px 0;
font-size: 1.2em;
}
#comments h3:before, #connexe h3:before {
content: "\\\\ "
}
#comments span{
/*display: none;*/
}
.comment-info {
color: #666;
margin: 10px 0 !important;
padding: 0;
border-left: 2px solid #ddd;
font-size: 1em;
line-height: 1.2em;
}
.comment-info p {
background: #f8f8f8;
}
.comment-info IMG{
height: 1em;
}
.comment-infos {
border-bottom: 1px dotted #ddd;
color: #999;
padding: 2px 4px !important;
}
.comment-info p{
padding: 8px;
margin: 0 1px;
border-left: 1px solid #ddd;
}
.comment-bis {
background: #f3f3f3;
}
.comment-admin {
border-left: 2px solid #bd4040;
}
.comment-admin p{
background: #fdd7d7 !important;
color: #bd4040 !important;
border-left: 1px solid #bd4040;
}
.comment-admin .comment-infos {
border-bottom: 1px dotted #bd4040 !important;
}
#comments blockquote{
text-align: justify;
border: 1px solid #dedede;
/*background-color: #eee;*/
padding: 0 10px;
width: 380px;
margin-left: 4px;
font-size: 1em;
line-height: 1.1em;
}
.commentid{
border-right: 1px solid #DDD;
text-decoration: none;
color: #999;
background: transparent;
padding: 3px 6px;
}
.field label{
display: block;
cursor: pointer;
cursor: hand;
}
#connexe {
color: #fff;
}
#connexe a{
color: #fff !important;
background: #666;
display: block;
padding-left: 10px;
}
/* Sidebar
****************************************************************/
#sidebar {
color: inherit;
line-height: 1.4em; /* peek-a-boo bug d'IE */
}
#sidebar div{
/*margin-left: 10px;
margin-right: 10px;*/
}
#sidebar h2, #sidebar2 h2, #foot h2 {
/*background: transparent url(images/h2side.png);*/
color: #918783;
text-transform: uppercase;
font-family: "Century Gothic";
font-weight: normal;
padding: 5px 0;
font-size: 1.2em;
}
#sidebar h2:before, #sidebar2 h2:before, #foot h2:before {
content: "\\\\ "
}
#sidebar ul, #sidebar2 ul{
list-style: none;
margin: 0;
padding: 0;
}
#categories ul {
list-style-image: url(img/puce_li.jpg) !important;
list-style-type: square;
margin-left: 25px;
padding-left: 0;
}
#sidebar a{
text-decoration: none;
}
#selection h2{
color: #000;
}
#page #sidebar div#coupCoeur {
margin: 0;
}
#coupCoeur {
width: 220px;
height: 350px;
margin: -1px 0 0 -10px !important;
padding: 0;
overflow: hidden;
position: relative;
}
/* Bloc de recherche */
#ecran{
position: absolute;
margin-right: 0;
width: 240px;
overflow: hidden;
}
#search{
}
#search h2{
display: none;
}
#search p{
margin: 0;
}
#search #q{
background: #fff url(images/search.png) no-repeat 3px center; /*404040*/
color: #404040; /*eee;*/
border: 1px solid #999;
padding-left: 0px;
width: 160px;
text-indent: 16px;
margin-left: 10px;
}
/* */
/* block de commentaires */
#lastcomments ul {
margin-left: 2px;
}
#lastcomments li{
border-bottom: 1px solid #ddd;
padding: 4px 2px;
width: 200px;
overflow: hidden;
}
#archives p {
padding-left: 8px;
}
/* Calendrier */
#calendar {
display: none;
}
#calendar h2 {}
#calendar table{
width: 220px;
margin: 0 auto;
font-size: 0.8em;
}
#calendar caption{
margin: 0 auto;
background: #EEE;
padding: 0.5em 0;
color: #666;
}
#calendar abbr{
border: none;
}
#calendar td{
background: #F5F5F5;
text-align: center;
}
#calendar td a{
display: block;
font-weight: bold;
background: #E0E0E0 url(images/today.png) no-repeat right top;
color: #933;
}
#categories, #links{
margin-top: 3em;
}
/* Liens */
#links h3{
color: #999;
background: transparent;
margin-bottom: 0.5ex;
font-size: 1em;
}
#links A{
color: #222 !important;
}
/*
#links a{
padding-left: 20px;
background: transparent url(images/chkd.png) no-repeat left center;
}
#links a:visited{
padding-left: 20px;
background: transparent url(images/chkh.png) no-repeat left center;
}
*/
#categories a {
text-transform: uppercase;
margin-left: 0;
}
#categories li {
text-transform: uppercase;
padding-left: 5px;
border-bottom: 1px solid #bbb;
text-indent: 0;
list-style: none;
}
#categories ul {
margin-left: 0;
width: 190px;
}
#links IMG {
float: left;
border: 2px solid #ddd;
margin: 2px 3px 2px 0;
clear: both;
}
#links li {
clear: both;
color: #999;
}
#trackbacks {
display: none;
}
#links h3 {
color: #434343;
}
/* TAble des matieres
****************************************************************/
#sitemap h3 {
display: block;
clear: both;
width: auto;
float: none;
}
/* Footer
****************************************************************/
#footer a{
color: #AAA;
background: transparent;
font-weight: bold;
text-decoration: none;
}
#footer a:hover{
color: #eee;
}
p {
margin: 10px 0;
}