html, body {
text-align: center;
}

body {
background: #000 url(../media/fond.gif) repeat-x top left;
}


*{
  padding:0;
  margin:0;
}

body * {
font-family: arial, helvetica, sans-serif;  /* input, select etc... */
}

a:link, a:visited {
  color:#EE00C8;
  text-decoration: none;}

#pagewidth {
position: relative;
width: 774px;
min-width: 500px;
margin: 0px auto;
text-align: left;
font-size:8pt;
}

#header a:link, #header a:visited {
text-decoration: none;
}

/* entete */
#header {
width: 774px;
}
.content{
  width:774px;
  height: 240px;
    background: transparent url(../media/fond2.gif) no-repeat top left;
}



.mir {
 position: absolute;
 top: 40px;
 left: 10px;
width:749px;
height:175px;
}


h1 {
 position: absolute;
 top: 40px;
 left: 17px;
}


.mir2 { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .mir2 { letter-spacing : normal; text-indent : -999em;
overflow : hidden;}
/* End of hack */

h1.mir2 {
top: 240px;
left: 14px;
width:749px;
height:248px;

}


#corps{
width: 774px ;
}

.partiehaut{
height:248px;
background: transparent url(../media/fond32.gif) no-repeat top left;
}

.partiecentre{
background: transparent url(../media/fond0.gif) repeat-y top left;
}


.gauche {
margin-left:30px;
margin-right:30px;
width: 300px;
float: left;
}

.gauche ul{
  margin-left:30px;
}

.droite {
margin-left:30px;
margin-right:30px;
width: 300px;
float: right;
}

.droite ul{
  margin-left:10px;
}

.titregaucheprincipale{
  font-size:11pt;
  font-weight:bold;
  color:#EE00C8;
}

.titregauche{
  font-size:9pt;
  font-weight:bold;
  color:#EE00C8;
}

.titredroite{
  font-size:9pt;
  font-weight:bold;
  color:#EE00C8;
}

.titredroite{
  font-size:9pt;
  font-weight:bold;
  color:#EE00C8;
}


.purple{

color:#EE00C8;
font-style:normal;

}



#pied{
position: relative;
width: 774px;
min-width: 500px;
text-align: right;
font-size:8pt;
height:29px;
background: transparent url(../media/fond4.gif) no-repeat top left;
}

#pied a:link, #pied a:visited {text-decoration: none;
color:#EE00C8;}

.mention{
  text-align:right;
  color:#999999;
  margin-right:10px;
}

.mention a:link, .mention a:visited {text-decoration: none;
color:#999999;}

.mention img{
float:left;
  margin-left:10px;
}


img{
  border:0px;
}

.conteneur{
  color:#000000;
}

.image {
float: right;
margin-right:75px;
}



.ref{
color:#999999;
text-align:center;
font-size:7pt;
}




.clear {clear: both;}