/* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */

.post {
	margin-bottom: 10px;
	background: #cccccc url(images/img09.gif) repeat-y right top;
}

.title {
	margin: 0;
	padding: 0 20px;
	
}

.byline {
	margin: 0 20px;
	border-top: 2px solid #C2C9B6;
}

.entry {
	padding: 5px 15px 0 15px;
}

.meta {
	margin: 0;
	padding: 0 20px;
}

/* Rounded Corners */

.ct {
}

.ct .l {
	background: url(images/img10.gif) no-repeat;
}

.ct .r {
	height: 15px;
	background: url(images/img11.gif) no-repeat right top;
}

.cb {
	background: url(images/img12.gif) repeat-x left bottom;
}

.cb .l {
	background: url(images/img13.gif) no-repeat left bottom;
}

.cb .r {
	height: 15px;
	background: url(images/img14.gif) no-repeat right bottom;
}



/* Logo */

#logo {
	margin-bottom: 10px;
	background: #0060AA url(images/img02.gif) repeat-y;
}

#logo h1, #logo p {
	margin: 0;
	padding:10px 0 10px 0;
	text-transform: lowercase;
	text-align: center;
	font-weight: normal;
	color: #FFFFFF;
}

#logo h1 {
	padding-top: 20px;
	background: url(images/img01.gif) no-repeat;
}

#logo p {
	padding-bottom: 20px;
	background: url(images/img03.gif) no-repeat left bottom;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 1.5;
}







/**************** Body and tag styles ****************/

*{margin:0; padding:0;}

body{
font:76% Arial,sans-serif;
line-height:1.4em;
text-align:center;
color:#303030;
/*background:url("img/fond_bleu.gif");*/
background-color: #0060AA;
}

hr{top-margin: 0px;}
a{
color:#467aa7;
font-weight:bold;
text-decoration:none;
background-color:inherit;
}

td{
font:86% Verdana,Tahoma,Arial,sans-serif;
line-height: 1.5em;
text-align:left;
color:#303030;
}

.right{
font:86% Verdana,Tahoma,Arial,sans-serif;
line-height: 1.5em;
text-align:right;
color:#303030;
}

th{
font:100% Verdana,Tahoma,Arial,sans-serif;
line-height: 1.9em;
text-align:center;
color:#303030;
}







a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
a img{border:none;}

.centre{text-align: center;}


p{
padding:0 0 10px 0;
text-align: justify;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.3;
}

.center{padding: 0px; text-align: center;}
.left{padding: 0px; text-align: left;}

.justif{
font-family: monospace;
background-color: #c7e5ff;
/*text-align: justify;
font-style: italic;*/
font-size:10px;
color: blue;}

.lettrine
{
float:left; margin:4px 1px 0px 0;
}
p form{margin-top:0; margin-bottom:20px;text-align: center;}
p.center{padding: 0px; text-align: center;}
p.left{padding: 0px; text-align: left;}

img.left,img.center,img.right{padding:4px; border:0px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.left1{float:left; margin:0 5px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}
.big {font-size: 16px; font-family: verdana, arial; font-weight: normal;}


/* Toptab menu */

#toptabs {
margin:10px auto -32px auto;
font-size:0.8em;
width:760px;
}

#toptabs p {
text-align:right;
color:#808080;
}

.toptab {
padding:4px 5px 3px 5px;
margin:0 0 0 4px;
text-decoration:none;
background:#80b0da url(img0910/corner.gif) top right no-repeat;
color:#505050;
border-bottom:1px solid #e0e0e0;
}

.toptab:hover {
background:#edffd1 url(img0910/corner.gif) top right no-repeat;
border-bottom:1px solid #eaeaea;
color:#505050;
text-decoration:none;
}

.activetoptab {
padding:4px 5px 3px 5px;
margin:0 0 0 4px;
color:#505050;
text-decoration:none;
background:#edffd1 url(img0910/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
}

.activetoptab:hover {
text-decoration:none;
background:#edffd1 url(img0910/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
}



/**************** Header and navigation styles ****************/

#container{
width:758px;
margin:20px auto;
padding:0px 0;
text-align:left;
background:#6496fa;
color:#303030;
/*border:2px solid #a0a0a0;*/
}

.club{
width:400px;
margin-left:10px;
font-size:12 px;
text-align: center;
font-style: italic;
padding: 10px 0 0 0;
font:Verdana,Tahoma,Arial,sans-serif;
border:1px solid #c0c0c0;
background-color: #99ccff;
color:#505050;
line-height:1.5em;

}

.td libel{
	font-size: 13 px;
	font : verdana, arial, sans-serif;
	font-weight: bold;
}

#header{
height:100px;
width:758px;
/*margin:0 1px 1px 1px;
background:inherit;*/
color:#ffffff;
}

#header h1{
padding:35px 0 0 20px;
font-size:2.4em;
background-color:inherit;
color:#ffffff;
letter-spacing:-2px;
font-weight:normal;
}

#header h2{
margin:10px 0 0 40px;
font-size:1.4em;
background-color:inherit;
color:#f0f2f4;
letter-spacing:-1px;
font-weight:normal;
}

#navigation{
height:2.2em;
line-height:2.2em;
width:758px;
margin:5px 0px;
background:inherit;
color:#ffffff;
}

#navigation li{
float:left;
list-style-type:none;
/*border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff;
border-top:2px ridge #CCC;*/
white-space:nowrap;
}

#navigation li a{
display:block;
padding:0 7px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #333;
}

#navigation p{
display:block;
padding:7px;
font-size:0.7em;
font-weight:normal;
text-align: right;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
/*border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff;
border-top:2px ridge #CCC;*/
white-space:nowrap;
color: #333;
}


* html #navigation a {width:1%;}

#navigation .selected{
background:#ffffff;
color:#333;
font-weight:bold;
text-decoration:none;
}

#navigation a:hover{
background:#80b0da;
color:#ffffff;
text-decoration:none;
}


/**************** Content styles ****************/

#content{
float:left;
width:530px;
font-size:0.9em;
padding:0px 20px 0 10px;

background:inherit; 


}

#content h2{
display:block;
margin:0 0 16px 0;
font-size:1.3em;
font-weight:normal;

color:#505050;
background-color:inherit;
}


#content h2 a{font-weight:normal;}
#content h3{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#content a:hover,#subcontent a:hover{text-decoration:underline;}
#content ul,#content ol{margin:0 5px 16px 35px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}

/**************** Sidebar styles ****************/

#subcontent{
float:right;
width:170px;
padding:0px 20px 10px 0;
line-height:1.4em;

}

#subcontent h2{
display:block;
margin:0 0 15px 0;
font-size:1.6em;
font-weight:normal;
text-align:left;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

#subcontent p{margin:0 0 16px 0; font-size:0.9em;}

/**************** Menublock styles ****************/

.menublock{margin:0 0 20px 8px; font-size:0.9em;}
.menublock li{list-style:none; display:block; padding:2px; margin-bottom:2px;}
.menublock li a{font-weight:bold; text-decoration:none;}
.menublock li a:hover{text-decoration:none;}
.menublock li ul{margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
.menublock li ul li{margin-bottom:0;}
.menublock li ul a{font-weight:normal;}

/**************** Searchbar styles ****************/

#searchbar{margin:0 0 20px 0;}
#searchbar form fieldset{margin-left:10px; border:0 solid;}

#searchbar #s{
height:1.2em;
width:110px;
margin:0 5px 0 0;
border:1px solid #a0a0a0;
}

#searchbar #searchbutton{
width:auto;
padding:0 1px;
border:1px solid #808080;
font-size:0.9em;
text-align:center;
}

/**************** Footer styles ****************/

#footer{
clear:both;
width:758px;
padding:5px 0;
margin:0 1px;
font-size:0.9em;
color:#f0f0f0;
background:#467aa7;
}

#footer p{padding:0; margin:0; text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}

/**************** Misc classes and styles ****************/

.splitcontentleft
{
float:left;
width:49%;
font:Arial,sans-serif;
font-size:10px;
font-weight:normal;
text-align:justify;
}
.splitcontentright
{
float:right; 
width:49%;
font:Arial,sans-serif;
font-size:10px;
font-weight:normal;
text-align:justify;
}
.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.textjust{text-align:justify;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}

.photo {background-color:#f0f0f0; float: center; border:2px ridge #d8d8d8; margin:0 5px 15px; padding:1px;}
.photoleft {background-color:#f0f0f0; float: left; border:2px ridge #d8d8d8; margin:0 5px 15px; padding:1px;}
.photo1 {float: center; border:0px ridge #d8d8d8; margin:0 0 15px; padding:1px;}


.box{
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
/*background-color:#fafbfc;
color:#505050;*/
line-height:normal;
}



.defil{
margin-right: 20px;
margin-left: 20px;
margin-top: -7px;
padding: 5px;
font-size: 12 px;
font-style: italic;
font-weight: bold;
font:Verdana,Tahoma,Arial,sans-serif;
text-align: left;
border:0px solid #c0c0c0;
background-color: inherit;
color:#000000;
}

a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0; 
    position: relative; 
    z-index: 500; 
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal; 
    display: block; 
    position: absolute; 
    top: 20px; 
    left: +30px; 
    padding: 5px; 
    color: #000; 
    border: 1px solid #bbb; 
    background: #ffc; 
    width:200px;
    font: arial, sans-serif;
    text-align:left;
    font-size: 9px;
    font-style: italic;
    text-transform:lowercase;
text-decoration:none;
line-height:10px;
}
a.tooltip:hover em span {
    position: absolute; 
    top: -7px; 
    left: 15px;
    height: 7px; 
    width: 11px; 
    background: transparent url(infobulle.gif); 
    margin:0; 
    padding: 0; 
    border: 0;
}