html, body {
margin : 0;
padding : 0;
background : transparent url('images/fond4.jpg');
background-attachment : fixed;
background-position : top;
background-repeat : no-repeat;
font-family : Comic sans MS;
font-size : 14px;
}

a {
color : #182460;
font-weight : 900;
text-decoration : none;
}

a img {
color : transparent;
}

a:hover {
color : #ffffff;
text-decoration : underline;
}

#wrapper {
width : 984px;
margin : 0 auto;
padding : 0;
}

#header {
height : 240px;
background : url('images/grenouille.png') no-repeat top center;
position : relative;
}

#header p {
font-weight : 900;
position : absolute;
bottom : 0;
left : 15px;
z-index : 700;
margin : 0;
padding : 0;
}

.scrollposts {
height : 450px;
font-size : 14px;
background-color : transparent;
overflow : hidden;
float : left;
}

.scrollposts .toggle {
background : url('images/base.gif');
font-weight : bold;
text-align : center;
cursor : default;
height : 100%;
float : left;
width : 56px;
cursor : pointer;
color: transparent;
}

.scrollposts .toggle:hover {
background-color : #ccc;
color : #182460;
}

.scrollposts .toggle.active span.num, .scrollposts .toggle.active:hover span.num {
color: white;
}

.scrollposts .toggle.active {
background-repeat : no-repeat;
}

.scrollposts .toggled {
float : left;
width : 100px;
height : 100%;
overflow : hidden;
background-color : transparent;
}

.scrollposts .toggle span.num {
display: block;
font-size: 24px;
color: #ccc;
margin-bottom: 20px;
}


.scrollposts .toggle span.month{
display: block;
font-size: 11px;
text-transform: uppercase;
margin-top: 20px;
padding: 0px;
}

.scrollposts .toggle span.day{
display: block;
font-size: 18px;
margin: 0px;
padding: 0px;
}

.scrollposts .toggle span.year{
display: block;
margin: 0px;
padding: 0px;
}

#trade {
float : left;
width : 160px;
height: 600px;
margin-left : 64px;
text-align: center
}

#secours {
float : left;
width : 760px;
}

#trade2 {
float : none;
clear : both;
width : auto;
text-align : center;
padding : 15px 14px;
}

#single {
position : relative;
}

.single {
padding : 10px;
padding-left : 65px;
color : #182460;
position : relative;
min-height : 450px;
height : auto;
}

* html .single {
height : 450px;
}

.content {
color : #182460;
overflow : auto;
height : 400px;
}

.postcontent {
padding : 10px;
}

#commentlist {
list-style-type : none;
padding : 0;
margin : 0;
}

div.bubble {
width : auto;
margin : 12px 0 24px 0;
}

div.bubble blockquote {
margin : 0;
padding : 0;
border : 1px solid #c9c2c1;
background-color : #fff;
}

div.bubble blockquote p {
margin : 10px;
padding : 0;
}

div.bubble cite {
position : relative;
margin : 0;
padding : 1px 0 0 38px;
top : 0;
background : transparent url('images/tip.gif') no-repeat 15px 0;
font-style : normal;
}

div.bubble cite strong {
color : #ccc;
}

.singleposttitle {
position : absolute;
left : 0px;
top : 0px;
height : 450px;
width : 56px;
margin : 0px;
padding : 0px;
}

.postmeta h2 {
font-size : 22px;
color : #182460;
margin : 0;
padding : 0;
}

.postmeta h2 a {
text-decoration : none;
}

.postmeta {
border-bottom : 1px solid #182460;
padding : 5px;
clear : both;
}

.postmeta ul {
margin : 0;
padding : 0;
list-style-type : none;
}

.postmeta ul li {
display : block;
width : 48%;
float : left;
list-style-type : none;
color : #182460;
}

.postcontent h1,.postcontent h2,.postcontent h3, .postcontent h4 {
color : #ccc;
border-bottom : 1px dotted #ccc;
margin : 2px 0;
padding : 2px 0;
}
.postcontent blockquote {
border-left: 4px solid #4e8e00;
padding: 0 10px;
}

/*---------------------------------------->>>>Links Page<<<<-----------------------------------------*/
.links ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

.links ul li li {
padding-left: 5px;
}

.postmetadata {
border-top : 1px solid #1e1e1e;
text-align : center;
}

input {
background:transparent url(images/sbtitle.gif) no-repeat scroll center top;
border:0 none;
color:#FFFFFF;
font-family:comic Sans MS;
font-weight:bold;
margin:2px;
padding:3px;
}

input#author, input#email, input#url, textarea#comment {
border:1px solid #182460;
color:#182460;
font-family:comic Sans MS;
font-weight:bold;
padding:3px;
}

textarea#comment {
width : 99%;
}

#commentform label {
font-size : 13px;
font-weight : 900;
color : #182460;
}

.navigation {
width : 100%;
background : url('images/sep.gif');
clear : both;
font-size : 14px;
font-weight : 900;
color : #182460;
line-height : 21px;
height : 25px;
}

.navigation {
width: 100%;
clear: both;
font-size:12px;
font-weight: 900;
color: #646464;
line-height: 21px;
height: 25px;
}
.navigation a {
text-decoration : none;
font-weight : 900;
color : #182460;
}

.navigation a:hover {
text-decoration : none;
font-weight : 900;
color : #ffffff;
}

.alignleft {
float : left;
text-align : right;
margin : 2px 10px;
}

.alignright {
float : right;
margin : 2px 10px;
}

#sidebar {
background : transparent;
clear : both;
font-size : 12px;
width : 984px;
}

#sidebar a:hover {
color : white;
}

#sidebar .section {
width : 328px;
margin : 10px 0;
float : left;
background : transparent;
}

#sidebar .section h2 {
color : #fff;
border-bottom : none;
font-size : 14px;
margin : 0;
padding : 5px 0;
text-align : center;
background : url('images/sbtitle.gif') no-repeat top;
}

#sidebar .section ul {
width : 220px;
margin : 0 auto;
list-style-type : none;
color : #182460;
text-align : center;
-moz-padding-start: 0px;
}

#sidebar .section ul ul {
width : 100%;
margin : 0;
padding : 0;
list-style-type : none;
background : transparent;
margin-bottom : 15px;
text-align : center;
}

#sidebar .section ul li {
margin-bottom : 15px;
text-align : center;
}

#sidebar .section ul ul li {
margin-bottom : 0;
border-top : 1px solid #294c00;
padding : 5px;
background : transparent;
}

#sidebar img {
border : none;
}

#compteurs {
width : 984px;
height : 70px;
border : none;
text-align : center;
border : none;
vertical-align : middle;
margin: 0px 0px 30px 0px;
}

#wau {
width : auto;
height : auto;
border : none;
text-align : center;
padding: 10px 0px;
}

#feed {
width : auto;
height : auto;
border : none;
padding: 10px 0px;
}

#tlmeb {
width : auto;
height : auto;
border : none;
padding: 10px 0px;
float: left;
}

#footertxt {
width : 984px;
height : auto;
text-align : center;
color : #182460;
margin-bottom : 10px;
}

#footertxt a {
color : #182460;
font-weight : 900;
text-decoration : none;
}

#footertxt a:hover {
color : #ffffff;
}