*{margin: 0;padding: 0;}

body {
background: #000;
}

#conteneur, #pied, #centre ,#titre{
margin-left: auto;
margin-right:auto;
}
#conteneur {height: 700px;
width: 750px;
margin-top: 50px;
height:100%;
}
#conteneur 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;
text-decoration: none;
}

#pied {
width: 750px;
font-size: 80%;
text-align: center;
margin: 0.5em auto;
padding: 0.5em 0;
font-family :"Trebuchet MS", Verdana, Arial, Helvetica, Courier, sans-serif;
color: #ff8c00;
}

#titre {width: 696px;
background-image: url(images/fond2.jpg);
background-repeat: no-repeat;
background-position:50% 50%;
font-size: 100%;
text-align: center;
padding-top: 1.5em;
padding-bottom: 1.5em;
font-family :"Trebuchet MS", Verdana, Arial, Helvetica, Courier, sans-serif;
}

.texte1 ,.texte2{font-family :"Trebuchet MS", Verdana, Arial, Helvetica, Courier, sans-serif;
font-size: 100%;
color: #fff;
text-align: justify;
}
.texte2 {text-decoration: underline;
margin-top:0.25em;
margin-bottom:0.25em;
color: #fff;
text-align: justify;
}
h1, h2 {font-family :"Trebuchet MS", Verdana, Arial, Helvetica, Courier, sans-serif;
margin-top:0.5em;
margin-bottom:0.5em;
color: #fff;

}
h1{font-size:110%;
text-decoration: underline;
}

h2 {
font-size: 100%;
text-indent:1.5em;
}

ul {font-family :"Trebuchet MS", Verdana, Arial, Helvetica, Courier, sans-serif;
font-size: 100%;
color: #fff;
list-style-type: none;
}

li {font-family :"Trebuchet MS", Verdana, Arial, Helvetica, Courier, sans-serif;
font-size: 100%;
color: #fff;
text-decoration: none;
text-indent:2em;
}


#centre{
width: 600px;
text-align: center;
padding-top: 25px;
display: block;
padding-bottom: 25px;
}
#centre2 {
width: 750px;
font-family :"Trebuchet MS", Verdana, Arial, Helvetica, Courier, sans-serif;
font-size: 100%;
color: #fff;
padding-top: 1.5em;

padding-bottom: 1.5em;
}
#centre2 li {margin-top:2em;
margin-bottom:1em;
text-align: justify;
font-family :"Trebuchet MS", Verdana, Arial, Helvetica, Courier, sans-serif;
font-size: 100%;
color: ##ff8c00;

}
#centre3 {
width:600px;
font-family :"Trebuchet MS", Verdana, Arial, Helvetica, Courier, sans-serif;
font-size: 100%;
color: #fff;
text-align: center;
padding-top: 25px;
padding-bottom: 25px;
margin: auto;
}
#centre3 li {margin-top:2em;
margin-bottom:2em;
text-align: justify;

}
#centre4 {
width:600px;
font-family :"Trebuchet MS", Verdana, Arial, Helvetica, Courier, sans-serif;
font-size: 100%;
color: #ff8c00;

margin: auto;
}
#centre4 li {margin-top:2em;
margin-bottom:2em;
text-align: justify;
color: #ff8c00;
}
a.change {color: white;
}

a.change img {
border: 1px solid black;
}

a.change:hover {
border-color: #444 #aaa #aaa #444;
}

a.change:hover img {
border: 1px solid ;
border-color: #444 #aaa #aaa #444;
}

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.1em;
color: #ff8c00;
text-decoration: none;
padding-left:1em;
padding-right:1em;
}

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

#image {    
width : 740px;
height: 400px;
background: url(images/ensemble.jpg) top left no-repeat;
margin: auto;

}