@charset "utf-8";
/* CSS Document */

* {
margin: 0;
padding: 0;
}

img { 
border: 0;
}

/*balises-----------------------------------------*/
body {
background: #000;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFF;
padding-top: 10px;
}

h1, h2, h3 {
color:#C60;
text-align: left;
padding: 5px 0 0 0;
}

h4, h5, h6 {
color: #FC6;
text-align: left;
}

p {
text-align: left;
margin-bottom: 5px;
}

ul, ol {
list-style-position: inside;
list-style: none;
}

/*Liens-------------------------------------------*/
a:link {
color: #900;
}

a:visited {
color: #900;
}

a:hover {
color: #FFF;
}

a:active{
color: #FFF;
}

/*mise en page-------------------------------------*/
#global {
width: 940px;
margin: 0 auto;
background: #000;
}

/*entete-------------------------------------------*/
#entete {
float: left;
width: 100%;
height: 114px;
background: url(img/bandeau.jpg) no-repeat top left;
}

#entete h1, #entete h2 {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
}


/*menu-------------------------------------------*/

#menu {
clear: both;
position: relative;
top: 0px;
left: 0px;
}

#menu ul {
list-style-type: none;
}

#menu ul a {
text-decoration: none;
display: block;
width: 360px;
text-indent: -5000px;
}

a#menu1{
height: 22px;
background-image: url(img/btn_accueil.jpg); 
}
a#menu1:hover{
background-image: url(img/btn_accueil2.jpg); 
}

a#menu2{
height: 22px;
background-image: url(img/btn_lylo.jpg);
}
a#menu2:hover{
background-image: url(img/btn_lylo2.jpg);
}
a#menu3{
height: 22px;
background-image: url(img/btn_amis.jpg);
}
a#menu3:hover{
background-image: url(img/btn_amis2.jpg);
}
a#menu4{
height: 22px;
background-image: url(img/btn_contact.jpg);
}
a#menu4:hover{
background-image: url(img/btn_contact2.jpg);
}
a#menu5{
height: 22px;
background-image: url(img/btn_pro.jpg);
}
a#menu5:hover{
background-image: url(img/btn_pro2.jpg);
}


#colonne1 {
clear: both;
float: left;
width: 220px;
height: 420px;
overflow: auto;
margin: 0 5px;
}

#colonne1 li {
text-align: left;
display: inline;
}

#colonne2 {
float: right;
width: 220px;
height: 420px;
overflow: auto;
margin-left: 5px;
}

#colonne2 li{
text-align: left;
}

#colonne2 p {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
}

#colonne3 {
float: left;
width: 480px;
height: 420px;
overflow: auto
}

#colonne3 li {
text-align: left;
}

#colonne3 li img {
margin: 5px;
}


/* liste lylo ------------------------------------- */

.multimedia {
list-style:none;
float: left;
}

.multimedia li {
padding: 10px 0;
width: 220px;
float: left;
}

.multimedia li img {
float: right;
border: #666 solid 1px;
border-spacing: 5px;
}

.multimedia li img:hover {
border: #900 solid 1px;
}

.multimedia li h4 {
text-align: left;
}

.multimedia li p {
text-align: left;
}

/*   
.multimedia li p span.date {
color: #FC6;
}
*/

/*pied de page---------------------------------------*/
#pied_de_page {
clear: both;
float: left;
width: 940px;
height: 90px;
text-align: center;
background: #000 url(img/pied.jpg) no-repeat bottom center;
}

#pied_de_page p {
float: right;
padding: 40px 20px 0 0;
}

#pied_de_page ul{
margin-top: 70px;
font-size: 10px;
background-color: rgba(0, 0, 0, 0.7);
}

#pied_de_page ul li {
display: inline;
color:#FC6;
}

#pied_de_page ul li a {
color: #FC6;
}

#pied_de_page ul li a:hover{
color: #FFF;
}

#pied_de_page ul li a:active{
color: #C60;
}


/*fin pied de page*/

/* classes */

.net {
clear: both;
height: 1px;
line-height: 1px;
}

.date {
color: #FC6;
}

.puce {
list-style-position: inside;
list-style-image: url(img/puce.png);
}

.droite {
float: left;
}