*{margin: 0;padding: 0;}

body {
background: #000;

}

.intro {text-decoration: none;
font-family :"Trebuchet MS", Verdana, Arial, Helvetica, Courier, sans-serif;
font-size: 90%;
margin-bottom:0.2em;
color: #fff;
text-align: center;
}
.intro2 {text-decoration: none;
font-family :"Trebuchet MS", Verdana, Arial, Helvetica, Courier, sans-serif;
padding-top: 1em;
padding-bottom:1em;
color: #ff8c00;
text-align: justify;
}
.intro3 {text-decoration: none;
font-family :"Trebuchet MS", Verdana, Arial, Helvetica, Courier, sans-serif;
font-size: 90%;
font-style: italic;
color: #daa520;
text-align: justify;
}

#grosconteneur {width: 75%;
margin: auto;
}
#conteneur, #pied{width: 600px;
margin: auto;
}
#conteneur {height: 30em;
}
#conteneur ul{margin-top: 1em;
}
#grosconteneur h1{
font-size: 120%; 
font-family :"Trebuchet MS", Verdana, Arial, Helvetica, Courier, sans-serif;
color: #fff;
text-align:center;
padding-bottom: 1.5em;
padding-top: 1.5em;
}
#conteneur h2{
font-size: 100%; 
font-family :"Trebuchet MS", Verdana, Arial, Helvetica, Courier, sans-serif;
color: #fff;
text-align:left;
padding-bottom: 1.5em;
padding-top: 1.5em;

}
#pied {
font-size: 80%; 
text-align: center;
padding-top: 0.5em;
padding-bottom: 0.5em;

font-family :"Trebuchet MS", Verdana, Arial, Helvetica, Courier, sans-serif;
color: #ff8c00;
height:2em;
clear: both;
}
ul, li {	
list-style-type: none;
}
ul {
position: absolute;	
text-align: center;
background: transparent url(images/fondcam.jpg) top left no-repeat;
width: 600px;
}
li {float: left;
display: inline;
}

li a{	
display: block;
height: 426px;
width: 100px;
color: #fff;
font-size: 100%;
font-weight: bold;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Courier, sans-serif;
text-decoration: none;

}
li a:hover {
background: transparent url(images/fondcam.jpg) top left no-repeat;

}
a#menu1:hover, a#menu2:hover, a#menu3:hover, a#menu4:hover, a#menu5:hover, a#menu6:hover {
color: #ff8c00;
letter-spacing: 0.1em;

}

a#menu1:hover {
background-position: -600px 0%;

}
a#menu2:hover {
background-position: -700px 0%;

}
a#menu3:hover {
background-position: -800px 0%;

}
a#menu4:hover {
background-position: -900px 0%;

}
a#menu5:hover {
background-position: -1000px 0%;

}
a#menu6:hover {
background-position: -1100px 0%;

}
a.lien1:link {

font-weight: bold;
color: #fff;
text-decoration: none;
padding-left:1em;
padding-right:1em;
}

a.lien1:visited {

font-weight: bold;
color: #999;
text-decoration: none;
padding-left:1em;
padding-right:1em;
}

a.lien1:hover {
font-weight: bold;
letter-spacing: 0.05em;
color: #ff8c00;
text-decoration: none;
padding-left:1em;
padding-right:1em;
}

a.lien1:active {
color: #ff8c00;
text-decoration: none;
font-weight: bold;
}