/* andreas09 v1.0 (Dec 10th 2005) - An open source template by Andreas Viklund - http://andreasviklund.com. Free to use for any purpose as long as the proper credits are given to the original author. */

body {
width:100%;
background:#8b8b8b;
color:#303030;
font:76% Verdana,Tahoma,Arial,sans-serif;
margin:auto;
padding:0;
text-align:center;
}

a {
color:#505050;
font-weight:bold;
text-decoration:none;
}

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

p {
line-height:1.5em;
margin:0 0 2%;
}



/*** Main container ***/

#container {
background:#f0f0f0 url(img/bodybg.jpg) repeat-x;
color:#303030;
margin:0;
min-width:98.7%;
padding:0;
text-align:left;
width:100%;
}



/*** Header section ***/

#sitename {
	color:#ffffff;
	height:90px;
	margin:0 40px 10px;
	text-align:left;
}

#sitename h1,#sitename h2 {
font-weight:400;
letter-spacing:-2px;
margin:0;
padding:0;
}

#sitename h1 {
font-size:2.4em;
padding-top:20px;
}

#sitename h2 {
font-size:1.6em;
text-decoration:blink;
}




/*** Content wrap ***/


#wrap {
	clear:both;
	font-size:0.9em;
	padding:0;
	position:relative;
}


/*** Sidebars ***/

#leftside{
float:left;
margin:0;
margin-top:0.2%;
margin-right:2.5%;
padding:5px 1.28% 1.28%;
width:14%;
}

#leftside h1 {
color:#505050;
font-size:1.6em;
font-weight:bold;
letter-spacing:-0.2%;
margin:0 0 3%;
}


#leftside p   {
font-size:0.87em;
line-height:200%;
margin:7% 0 2% 1.3%;
padding:1%;
padding-top:2%;
}

#leftside .vignette {
background:#fafbfc;
border:1px solid #b0b0b0;
margin:1% 0 3% 2.1%;
padding:2.1%;
width:87%;
height:1%;
}

/*** Sidebar menu ***/

.lien,.lien_actif,.lien_news  {
background:#e8e9ea;
font-size:98%;
border:1px solid #b0b0b0;
color:#606060;
display:block;
margin-top:3.5%;
padding:1% 0 1% 4%;
position:relative;
text-transform:uppercase;
width:90%;
}

.lien:hover,.lien_actif,.lien_actif:hover {
background:#f8f9fa;
border:1px solid #909090;
color:#303030;
text-decoration:none;
}

.lien:active, .lien_actif:active {
background:#bbbbbb;
}

.lien_news {
background:#efa71a;
color:#b316b6;
}
.lien_news:hover {
background:#66cc33;
color:#ff00ff;
}

.lien_news:active {
background:#db00ff;
}


/*** Content ***/ 

#content, #accueil{
position: absolute;
}


#content {
top:6em;
margin-right:1em;
margin-left:16%;
background-color:#fafcff;
border:1px solid #909090;
color:#2a2a2a;
padding:1.4% 1.9% 2% 2%;
max-height:460px;
overflow:auto;
}

#accueil {
width:58%;
height:25%;
margin-top: 10%;
margin-left: 28%;
}
#accueil img {
border:1px solid #b0b0b0;
}

/*** Footer ***/

#footer {
background:#8b8b8b url(img/footerbg.jpg) top left repeat-x;
clear:both;
color:#d0d0d0;
font-size:0.9em;
font-weight:bold;
margin:0;
padding:2.56% 0;
text-align:center;
width:100%;
}

#footer a {
color:#a316b6;
font-weight:bold;
}

/*** Various classes ***/


.clearingdiv {
clear:both;
height:3.85%;
width:1px;
}


/*** Text format ***/
p.copain {
clear:left;
}

p.copain img { 
float:left;
}

.copain {
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:-1px;
	margin: 0 0 1.9%;
}

.fanfare{
margin-top: 3.85%;
}


.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}

/*** End of file ***/