body
{
margin-left: auto; 
margin-right: auto;
width: 900px; /* largeur obligatoire pour être centré */ 
background: #000000;
font-family: arial;
font-size: 0.9em;
}

a:link {text-decoration: none;color:#000000;} 
a:visited {text-decoration: none;color:#000000} 
a:hover {text-decoration: none;color: #FF3600;}
a:active {text-decoration: none;color:#000000;}

p {padding-right: 10%; padding-left: 10%; padding-top : 0%; padding-bottom : 0% } 

ul {padding-right: 15%; padding-left: 15%; list-style-type:none;} 

.carre
{
   list-style-type: square;
}

h2 
{color: #585858; 
padding-right: 10%; padding-left: 10%; padding-top : 0%; padding-bottom : 0%; 
font-family: arial-narrow;} 

h3
{color: #D90306;  
padding-right: 10%; padding-left: 10%; 
font-family: arial-narrow; 
} 

#header
{
background: url('img/header.jpg') no-repeat;
height: 457px;
width: 780px;
}


#menu
{
background:url('img/menu.jpg') no-repeat;
height: 68px;
width: 780px;
}

#liens_sponsorises
{
background:url('img/liens_sponsorises.jpg') no-repeat;
position: absolute; z-index: 1;
height: 665px;
width: 207px;
margin-left : 733px;
margin-top : -15px;
padding-top: 35px; 
padding-left: 17px; 
}

#prochaines_diffusions
{
background:url('img/diffusion.jpg') no-repeat;
position: absolute;
color: #cccccc;
height: 50px;
width: 160px;
margin-left : 760px;
margin-top : -83px;
padding-top: 35px; 
padding-left: 17px; 
}

/* ---------------------------- Menu de navigation -------------------------- */

#acc 
{
background: url(img/acc.jpg);
background-repeat:no-repeat;
height: 36px;
width: 55px;
position: absolute; 
margin-top : -62px;
margin-left : 39px; 
}
#acc:hover {background: url(img/acc_rool.jpg);}


#pre
{
background: url(img/pre.jpg);
background-repeat:no-repeat;
height: 26px;
width: 97px;
position: absolute;
margin-top : -57px;
margin-left : 100px;
}
#pre:hover {background: url(img/pre_rool.jpg);}

#per
{
background: url(img/perso.jpg);
background-repeat:no-repeat;
height: 42px;
width: 103px;
position: absolute;
margin-top : -66px;
margin-left : 200px;
}
#per:hover {background: url(img/perso_rool.jpg);}

#sais
{
background: url(img/sais.jpg);
background-repeat:no-repeat;
height: 28px;
width: 64px;
position: absolute;
margin-top : -57px;
margin-left : 310px;
}
#sais:hover {background: url(img/sais_rool.jpg);}

#art
{
background: url(img/art.jpg);
background-repeat:no-repeat;
height: 25px;
width: 63px;
position: absolute;
margin-top : -57px;
margin-left : 380px;
}
#art:hover {background: url(img/art_rool.jpg);}

#vid
{
background: url(img/vid.jpg);
background-repeat:no-repeat;
height: 26px;
width: 59px;
position: absolute;
margin-top : -57px;
margin-left : 448px;
}
#vid:hover {background: url(img/vid_rool.jpg);}

#gal
{
background: url(img/gal.jpg);
background-repeat:no-repeat;
height: 24px;
width: 71px;
position: absolute;
margin-top : -56px;
margin-left : 515px;
}
#gal:hover {background: url(img/gal_rool.jpg);}

#contact
{
background: url(img/contact.jpg);
background-repeat:no-repeat;
height: 27px;
width: 71px;
position: absolute;
margin-top : -56px;
margin-left : 590px;
}
#contact:hover {background: url(img/contact_rool.jpg);}

#forum
{
background: url(img/forum.jpg);
background-repeat:no-repeat;
height: 24px;
width: 47px;
position: absolute;
margin-top : -56px;
margin-left : 675px;
}
#forum:hover {background: url(img/forum_rool.jpg);}

/* ---------------------------- Fin Menu de navigation -------------------------- */

#content
{
position : absolute; 
background: url('img/body.jpg') repeat-y;
width: 780px;
}

.image {float: left; margin: 0 6px 6px 0;}

.image_titre
{
position : absolute;
margin-top : -25px;
margin-left : 515px;
}


.titre
{width:500px;
float:left;
position : absolute;
margin-left : 65px;
line-height: 3em;}


.video {margin-top : 40px; margin-left: 140px;}




/* ------------------------------- Footer -----------------------------------------*/

#footer
{
background: url('img/footer.jpg') no-repeat;
width: 780px;
height : 396px;
}

#rss {
background: url(img/rss.jpg);
background-repeat:no-repeat;
height: 50px;
width: 42px;
position: absolute;
margin-top : -7px;
margin-left : 270px;
}
#rss:hover {background: url(img/rss_rool.jpg);}

.footer {
position : absolute;
font-family: Arial;
font-size: small;
color:#cccccc;
width: 600px;
margin-top : 240px;
margin-left : 18px;
}

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

#footer a 
{
color:#cccccc;
text-decoration: none;
}
 
.footer img 
{
position : absolute;
margin-top : -7px;
margin-left : 273px;
}

#validate
{
position : absolute;
margin-top : -188px;
margin-left : -217px;
}

#validate_css
{
position : absolute;
margin-top : -188px;
margin-left : -120px;
}

/* ---------------------------------- Kwick -----------------------------------*/

  
#kwick
{
width: 780px;
height : 320px;
padding-left: 5%; 
}

#kwicks {
height: 200px;
padding-left: 5%;
}
 
.kwick {

list-style-type:none;

	float: left;
	width: 90px;
}
 
/* ---------------------------------------------------------------------------------- */
 
.dateblock {
padding-left: 70px;
text-align: center;
width: 40px;
font-family: verdana;
}
.day {
color: #D90306;
font-size: 27px;
position: relative;

}
.month {
font-size: 12px;
position: relative;
top: -7px;
}
.year {
color : #DCDCDC;
font-size: 12px;
position: relative;
margin-left : 600px;
top: 0px;
}