/* CSS Document */

/* Formatage general des pages */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color:#FFFFFF;
margin: 0;
padding: 0;
background-color: #4980B8;
}

p, ul, li {
margin:0px;
}

ul.menu {
padding-top: 110px;
padding-left: 80px;
}

li.menu {
list-style-type: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: bold;
}

li.contact {
margin-top:10px;
list-style-type: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: bold;
}

img.affiche {
border: solid 1px #FFFFFF;
}

img.vignettes {
width:70px;
height:70px;
border: solid 1px #FF9900;
} 

/* Definition des liens */
a {
color: #FF9900;
text-decoration: none;
}

a:hover {
color: #FFFFFF;
text-decoration:none;
}


/* Formatage de la page d'accueil */
#cadre {
position: absolute;
width: 473px;
left: 50%;
margin-left: -236px;
}

#entete {
height: 180px;
background-image:  url(./images/entete.jpg);
background-repeat: no-repeat;
}

#script {
height: 75px;
}

#voir {
height: 270px;
background-image:  url(./images/voir.jpg);
background-repeat: no-repeat;
}


/* Formatage de la page */
#conteneur {
position: absolute;
width:960px;
background-image:  url(./images/conteneur.jpg);
background-repeat: no-repeat;
}

#centre {
margin-left: 480px;
height: 600px;
background-image:  url(./images/centre.jpg);
background-repeat: no-repeat;
text-align: center;
}

#gauche {
position: absolute;
left:0;
width: 480px;
}

/* Formatage de la page de contact */
#conteneurc {
position: absolute;
width:960px;
background-image:  url(./images/conteneurc.jpg);
background-repeat: no-repeat;
}

#contact{
margin-left: 480px;
height: 600px;
background-image:  url(./images/contact.jpg);
background-repeat: no-repeat;
}