body
{
background:url(images/pattern.gif) repeat left top ;
margin : 0 ;
padding  : 0 ;
color : #8B4513 ;
font-family:"Times New Roman", Times, serif ;
font-size : 1em ;
}

a
{
color : #8B4513 ;
}

a:active, a:focus
{
outline : none ;
}

div#conteneur
{
margin : 0 ;
padding : 0 ;
width : 999px ;
}

div#header
{
background:url(images/bg_header_txt.gif) ;
height : 288px ;
width : 952px ;
margin : 0 ;
padding  : 0 ;
}

div#search_field
{
position : absolute ;
left : 765px ;
top : 0px ;
margin : 0 ;
padding : 0 ;
width : 217px ;
height : 87px ;
background:url(images/recherche.png) no-repeat left top ;
}

div#search_field form
{
padding : 42px 0px 0px 28px ;
margin : 0 ;
}

div#search_field input
{
padding : 2px ;
margin : 0 ;
color : #8B4513 ;
border : 1px solid #8B4513;
}

div#menu
{
margin : 0 ;
padding : 0 ;
position : absolute ;
left : 0px ;
top : 235px ;
}

div#menu ul
{
margin : 0 ;
padding : 0 ;
list-style-type : none ;
}

div#menu li
{
float : left ;
padding : 0 ;
}

div#menu li a
{
display : block ;
height : 99px ;
text-indent:-5000px ;
}

li#home
{
width : 233px ;
background:url(images/menu_home.gif) no-repeat left top ;
}

li#home a:hover
{
background:url(images/menu_home.gif) no-repeat left -99px ;
}

li#skateboard
{
width : 233px ;
background:url(images/menu_skateboard.gif) no-repeat left top ;
}

li#skateboard a:hover
{
background:url(images/menu_skateboard.gif) no-repeat left -99px ;
}


li#ambiance
{
width : 260px ;
background:url(images/menu_ambiance.gif) no-repeat left top ;
margin-left : 5px ;
}

li#ambiance a:hover
{
background:url(images/menu_ambiance.gif) no-repeat left -99px ;
}


li#autre
{
width : 245px ;
background:url(images/menu_autre.gif) no-repeat left top ;

}

li#autre a:hover
{
background:url(images/menu_autre.gif) no-repeat left -99px ;
}


div#content
{
margin : 0 ;
padding : 0 ;
position : absolute ;
left : 0px ;
top : 364px ;
width : 975px ;
}

div#left_content
{
float : left ;
width : 730px ;
margin : 0 ;
padding : 0; 
}

div.articles
{
float:left ;

margin : 0px ;
padding : 0px 0px 0px 15px ;
background:url(images/shadow_article.png) no-repeat -5px 11px ;
}

div.article_each
{
float:right;
width : 665px ;

background-color : #fff ;
margin : 0;
padding : 0 ;
}

div.date
{
width : 50px ;
height : 72px ;
float:left ;
background-color : #fff;
padding : 0 ;
margin : 35px 0px 0px 0px ;
text-align : center ;
}

div.article_each h1
{
text-transform:uppercase;
line-height : 39px ;
letter-spacing : 1px ;
font-weight : normal ;
font-size : 2.4em ;
border-bottom : 3px solid ;
margin : 0px 50px 0px 30px;
padding : 20px 0px 2px 0px ;
text-indent:25px;
background:url(images/puce_eclair.png) no-repeat left 21px ;

}

div.article_each h1 a
{
color : #8B4513 ;
text-decoration : none ;

}

div.article_each h1 a:hover
{
color : #fff ;
background-color : #8B4513 ;
}


div.article_each span
{
font-variant : small-caps ;
font-size : 0.8em ;
margin-left : 30px ;
pading-left: 30px ;
line-height:10px ;
display : block ;
}

div.article_each span a
{
color : #8B4513 ;
font-weight : bold ;
}

div.article_each img
{
border : none ;
text-decoration: none ;
}

div.article_each p a
{
font-weight : bold ;
text-decoration: underline ;
color :#8B4513 ;
}

div.article_each a:hover
{
color : #fff ;
background-color : #8B4513 ;
}


div.article_each span a:hover
{
background-color : #8B4513 ;
color : #fff ;
}

div.contenu_article
{
padding : 35px 25px 0px 30px ;
margin : 0px ;

}

div.date span
{
display : block ;


}

.year
{
line-height : 20px ;
font-weight : bold ;
}

.month
{
line-height : 20px ;
font-weight : bold ;
}

.day
{
line-height : 30px ;
font-size : 39px;
}

div.shadow_bottom
{
height : 15px ;
background:url(images/shadow_article_bottom.png) no-repeat left -3px;
clear : both ;
width : 644px ;
margin : 0px 0px 60px 50px ;
padding : 0px 20px 0px 0px ;
}

div.articles p
{
padding : 30px ;
}

div#nav_right
{
float : right ;
background:url(images/bg_menu_right.png) no-repeat left top ;
width : 204px ;
height : 595px ;
margin : 0;
padding : 0px 5px 20px 13px ;
}

div#nav_right h1
{
margin : 20px 0px 16px 0px ;
padding : 0 ;
line-height : 29px ;
text-indent : -5000px !important;
text-indent :none ;
}

div#nav_right h1 a
{
text-decoration : none !important;
text-decoration:underline;
display : block ;
width : 150px ;
height : 29px ;
}

div#nav_right img
{
border : none ;
}

#rss
{
background:url(images/rss_icon.png) no-repeat left top !important;
background-image:none ;
}

#liens
{
background:url(images/liens_icon.png) no-repeat left top !important;
background:none ;
}

#contact
{
background:url(images/contact_icon.png) no-repeat left top !important;
background:none ;
}

#admin
{
background:url(images/admin_icon.png) no-repeat left top !important;
background:none ;
}

div#nav_right ul
{
list-style-type : none ;
margin : 0 ;
padding : 0px 0px 0px 50px ;
}

div#nav_right li a
{
font-weight : bold ;
color : #fff ;
text-decoration : none ;
font-variant : small-caps ;
}

div#nav_right li a:hover
{

text-decoration : underline ;

}

div#nav_right form
{
margin : 0 ;
padding-left : 50px ;
text-align : left ;
color : #fff;

}

div#nav_right form span
{
font-variant : small-caps ;
font-weight : bold ;
}

input, textarea
{
color : #8B4513;
font-size:12px ;
font-family:Arial, Helvetica, sans-serif;
border : 1px solid #8B4513;
padding : 1px ;
}

input:focus, textarea:focus
{
background-color : #D2B48C ;
}

.envoi
{
cursor : pointer ;
}

div#result
{
margin : 0 ;
padding : 0 ;
display : inline ;
}

.echec
{
background:url(images/halt.png) no-repeat  3px 50%;
padding : 3px 0px 3px 25px;
font-weight:bold;
}

.reussi
{
background:url(images/check.png) no-repeat  10px 50%;
padding : 3px 15px 3px 31px;
font-weight:bold;
}

.results
{
color : #fff ;
padding : 30px 60px 60px 130px ;
font-variant : small-caps ;
}

div#precedent_suivant
{
clear : both ;
padding-left : 70px ;
margin : 0px 0px 20px 0px ;
font-variant : small-caps ;
font-weight : bold ;
}

div#precedent_suivant a
{
color : #fff ;
text-decoration : none ;
}

div#precedent_suivant a:hover
{
text-decoration : underline ;
}

div#sommaire
{
background-color: #fff ;
-moz-border-radius : 20px ;
margin : 3px 0px 0px 20px ;
padding : 15px ;
}

div#sommaire h1
{
text-transform:uppercase;
line-height : 39px ;
letter-spacing : 1px ;
font-weight : normal ;
font-size : 2.4em ;
border-bottom : 3px solid ;
margin : 0px 50px 0px 0px;
padding : 20px 0px 2px 25px ;
background:url(images/puce_eclair.png) no-repeat left 21px ;
}

div#sommaire h2
{
font-variant:small-caps ;
font-weight : bold ;
font-size : 1em ;
}


div.article_each h2
{
font-variant:small-caps ;
font-size : 13px ;
}

table
{
width : 100%;
border : none ;
}

td
{
width : 50% ;
}

div#sommaire ul
{
margin : 0px 0px 0px 15px ;
padding: 0 ;
list-style-type : square ;
}

div#sommaire ul li a
{
margin : 0 ;
color : #8B4513 ;
font-variant:small-caps ; 
font-weight : bold ;
}

div#sommaire ul li a:hover
{
text-decoration : none ;
}

.date
{
font-size : 0.8em ;
vertical-align : 10% ;
}

div#results_count
{
z-index:1000 ;
position : absolute ;
top : -20px ;
left : 65px ;
margin : 0 ;
padding : 0 ;
}

div#results_count span
{
color : #fff ;
font-variant:small-caps ; 
font-weight : bold ;
}

.comments
{
padding : 10px 0 0 0 ;
border-top : 1px dotted ;
width : 600px ;
margin : 20px 0 30px 30px ;
}

.comment_each
{
padding : 10px ;
margin : 10px 0 ;
background-color : whitesmoke ;
-moz-border-radius : 8px ;
-webkit-border-radius : 8px ;
border-radius : 8px ;
font-size : 0.9em ;
font-style : italic ;
}