* { 
margin : 0; 
padding : 0; 
} 
body { 
background : #ffffff url(images/img01.jpg) repeat-x; 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size : 13px; 
color : #7f7772; 
} 
.image { float: left; border: 1px solid #0aaafd; padding: 2px; margin: 0 15px 0 0; }
h1, h2, h3 { 
margin-bottom : 15px; 
font-family : Georgia, "Times New Roman", Times, serif; 
font-weight : normal; 
color : #333333; 
} 
h1 { 
font-size : 197%; 
} 
h2 { 
font-size : 150%; 
} 
h3 { 
font-size : 100%; 
font-weight : bold; 
} 
h4 { 
font-size : 1%; 
} 
h5 { 
font-size : 100%; 
font-weight : bold; 
padding-top : 10px;
text-align : center; 
} 
h6 { 
font-size : 120%; 
font-weight : bold; 
color : #FDA132;
padding-top : 10px;
text-align : justify; 
} 
p, ul, ol { 
margin-bottom : 15px; 
line-height : 1.6em; 
} 
ul, ol { 
margin-left : 2em; 
} 
blockquote { 
margin-left : 1em; 
padding-left : 1em; 
background : url(images/img09.gif) repeat-y; 
font-style : italic; 
} 
a:link { 
color : #0aaafd; 
text-decoration : none; 
} 
a:visited { 
color : #0aaafd; 
text-decoration : none; 
} 
a:hover { 
color : #ff6700; 
} 
img { 
border : none; 
} 
img.left { 
float : left; 
margin : 0 20px 0 0; 
} 
img.right { 
float : right; 
margin : 0 0 0 20px; 
} 
#menu { 
width : 800px; 
height : 105px; 
margin : 0 auto; 
} 
#menu ul { 
margin : 0; 
padding : 0; 
list-style : none; 
} 
#menu li { 
display : block; 
float : left; 
width : 122px; 
height : 65px; 
padding : 40px 0 0 0; 
} 
#menu a { 
display : block; 
width : 122px; 
height : 32px; 
padding : 13px 0 0 0; 
background : url(images/img02.jpg) no-repeat; 
text-align : center; 
text-transform : uppercase; 
text-decoration : none; 
font-weight : bold; 
color : #ffffff; 
} 
#menu a:hover { 
background-image : url(images/img03.jpg); 
text-decoration : none; 
} 
#menu .active { 
padding-top : 35px; 
} 
#menu .active a { 
height : 37px; 
padding-top : 16px; 
background-image : url(images/img04.jpg); 
color : #327ebe; 
text-decoration : none; 
} 
#menu .active a:hover { 
background-image : url(images/img04.jpg); 
text-decoration : none; 
} 
#header { 
width : 770px; 
height : 275px; 
margin : 0 auto; 
} 
#logo { 
float : left; 
width : 250px; 
height : 275px; 
background : url(images/img5.jpg) no-repeat; 
} 
#logo h4 { 
text-align : center; 
} 
#logo h4 { 
padding-top : 290px; 
background : url(images/logoclub.jpg) no-repeat center center; 
font-size : 1%; 
} 
#logo a { 
text-transform : uppercase; 
text-decoration : none; 
color : #ffffff; 
} 
#logo2 { 
float : left; 
width : 245px; 
height : 275px; 

} 
#logo2 h4 { 
text-align : left; 
} 
#logo2 h4 { 
padding-top : 290px; 
background : url(images/pub.gif) no-repeat center center; 
font-size : 1%; 
} 
#banner { 
float : right; 
font-size : 20px;
color : #026BFB; 
font-weight : bold;
text-align : center;
width : 520px; 
height : 280px; 
background : url(images/head0.jpg) no-repeat; 
} 
#bando { 
float : right; 
width : 470px; 
height : 130px; 
background : url(images/bando.jpg) no-repeat; 
} 
#banner a { 
padding : 120px 20px 0 0; 
text-decoration : none; 
text-align : center; 
font-size : 100%; 
font-style : italic; 
color : #ffffff; 
} 
#clignote { 
text-shadow:1px 2px 12px #ff6700; font-size:13pt; color: #ffffff; 
text-align : center;
font-weight : bold;
text-decoration : blink;
}

#page { 
width : 770px; 
margin : 0 auto; 
padding : 20px 0 0 0; 
} 



#content { 
float : right; 
width : 520px; 
} 

.titre { 
clear : both; 
padding : 5px; 
border-top : 1px solid #0aaafd; 
border-bottom : 1px solid #ff8d17; 
text-align : center; 
} 
.post .title { 
padding : 0 20px; 
} 
.post .story { 
padding : 0 20px; 
} 
.post .meta { 
padding : 5px 20px; 
background : url(images/img09.gif) repeat-x; 
} 
.post .meta p { 
margin : 0; 
font-size : 77%; 
} 
.boxed .title { 
height : 32px; 
margin : 0; 
padding : 8px 0 0 20px; 
background : url(images/img08.jpg) no-repeat; 
letter-spacing : -1px; 
color : #ff3300; 
} 
.boxed .story { 
padding : 20px; 
border : 1px solid #ff8d17; 
height : 100%; 
} 
.boxed .meta { 
padding : 5px 10px; 
background : #ff8d17; 
color : #ffffff; 
} 
.boxed .meta a { 
color : #ffffff; 
text-decoration : none; 
} 
#sidebar { 
float : left; 
width : 240px; 
} 
#sidebar ul { 
margin : 0; 
padding : 0; 
list-style : none; 
} 
#sidebar li { 
margin-bottom : 15px; 
} 
#sidebar li ul { 
padding : 10px; 
border : 1px solid #0aaafd; 
border-top : none; 
} 
#sidebar li li { 
margin : 0; 
padding : 3px 0; 
background : url(images/img09.gif) repeat-x; 
} 
#sidebar li li.first { 
background : none; 
} 
#sidebar li h2 { 
height : 30px; 
margin : 0; 
padding : 10px 0 0 15px; 
background : url(images/img10.jpg) no-repeat; 
letter-spacing : -1px; 
color : #327ebe; 
} 
#sidebar a:link { 
text-decoration : none; 
} 
#sidebar a:hover { 
text-decoration : none; 
} 
#sidebar li a { 
padding-left : 10px; 
background : url(images/img11.gif) no-repeat left center; 
} 
.post .story2 { 
padding : 0 20px; 


} 
.boxed .story2 { 
padding : 20px;

border : 1px solid #ff8d17; 
} 
.boxed .story3 { 
padding : 20px;
background : url(images/label3etoiles.gif) no-repeat bottom; 
border : 1px solid #ff8d17; 
} 

.annonceur { 
padding : 2px;
background : url(images/carte.jpg) no-repeat center; 
width : 450px; 
height : 215px; 
border : 1px solid #0aaafd; 
} 
.annonceur0 { 
background : url(images/stjo.jpg) no-repeat center; 
width : 450px; 
height : 326px; 
border : 1px solid #0aaafd; 
} 

.leftcol { 
float : left; 
padding : 1px 1px 0 5px; 
width : 230px; 
text-align : left; 
margin : 0 0 50px 0; 
} 

.underline { 
color : red; 
text-decoration : underline; 

} 

.rightcol { 
float : right; 
padding : 1px 0; 
width : 230px; 
text-align : left; 
margin : 0 0 5px 0; 
} 
.bascol { 
clear : both; 
padding : 1px 1px; 
width : 475px; 
text-align : left; 
margin : 0 0 10px 0; 
border : 1px solid #0aaafd; 
} 
#footer { 
clear : both; 
height : 50px; 
padding : 15px 0; 
background : #d1d1d1; 
border-top : 5px solid #999999; 
text-align : center; 
} 
#footer p { 
margin : 0; 
color : #999999; 
}