body {
background: white url('../images/menu/fond-0.gif') repeat-y;
margin-top : 0; 
margin-left : 0; 
font-family : Arial, Helvetica, sans-serif; 
color : #783c38; 
} 
p {
font-family : Arial, Helvetica, sans-serif; 
color : #783c38; 
margin-top : 0; 
margin-bottom : 0; 
} 
a:link {
color : #ff6600; 
text-decoration : none; 
} 
a:visited {
color : #ff9900; 
text-decoration : none; 
} 
a:hover {
color : #783c38; 
background-color : #ff9900; 
text-decoration : none; 
} 
a:active {
color : #783c38; 
background-color : #ff9900; 
text-decoration : none; 
font-weight : bold; 
} 
li {
color : #783c38; 
list-style-image : url('../images/menu/pucechoc.gif'); 
text-indent : 2px; 
line-height : 100%; 
text-align : left; 
margin-left : 0; 
margin-right : 0; 
margin-top : 0; 
margin-bottom : 0; 
} 
h1 {
text-align : center; 
font-weight : bold; 
} 
h2 {
color : #ff9900; 
} 
h2 , h3 , h4 , h6 {
font-weight : bold; 
} 
h5 {
font-weight : normal; 
} 

h2 , h3 {
margin-top : 10px; 
margin-bottom : 5px; 
} 
h4 , h5 , h6 {
margin-top : 5px; 
margin-bottom : 0; 
} 
a img {
border-width : 0; 
} 
abbr , acronym, .help {
border-bottom : 1px dotted #000; 
cursor : help; 
} 
DIV {
text-align : left; 
border-style : none; 
} 
#entetepage {
overflow: hidden; 
background-image : url("../images/menu/haut.jpg"); 
background-repeat : no-repeat; 
background-position : 0% 50%; 
width : 100%; 
height : 170px; 
} 
#logo {
position : absolute; 
top : 0; 
left : 0; 
width : 450px; 
height : 100px; 
} 
#menuhaut {
position : absolute; 
top : 0; 
left : 245px; 
width : 555px; 
height : 60px; 
padding-top : 5px; 
} 
#date {
position : absolute; 
top : 110px; 
left : 4px; 
width : 79px; 
height : auto; 
} 
#date p {
font-size : 70%; 
color : #ff9900; 
} 
#intro {
position : absolute; 
top : 90px; 
left : 200px; 
width : 100%-200px; 
height : auto; 
margin-bottom : 0; 
margin-top : 0; 
} 
#intro p {
font-size : 70%; 
} 
#intro b {
font-size : 130%; 
font-weight : bold; 
} 
#intro h3 {
margin-bottom : 0; 
margin-top : 0; 
} 
#corpspage {
width : 100%-50px; 
height : auto; 
} 
#menugauche {
position : absolute; 
top : 180px; 
height : auto; 
width : 150px; 
padding-left : 0; 
padding-right : 10px; 
color : #ffffff; 
font-size : 80%; 
} 
#central {
margin-left : 180px; 
margin-top : 30px; 
height : auto; 
width : auto; 
padding-left : 5px; 
text-align : justify; 
} 
#encadre {
border : 1px dashed #ff6600; 
padding : 5px; 
text-align : center; 
margin-left : 10px; 
width : 180px; 
font-size : 80%;
float: right; 
} 
#pied {
width : 100%; 
padding-top : 50px; 
color : #783c38; 
text-align : center; 
font-size : 80%;
clear: both; 
} 
#piedgauche {
float : left; 
top : 0; 
height : auto; 
width : 150px; 
padding-left : 5px; 
padding-right : 10px; 
color : #ffffff; 
} 
#piedgauche a:link {
color : #ffffff; 
text-decoration : none; 
} 
#piedcentre {
top : 0; 
height : auto; 
width : auto; 
text-align : center; 
padding-left : 180px; 
} 
#xiti {
top : 700; 
height : auto; 
width : auto; 
text-align : center; 
}

.norm
 {
  font-size: 100%;
  font-weight: normal;
  text-decoration: none;
}
#dot0        { height: 17px; left: 0px; position: absolute; top: 0px; visibility: hidden; 
               width: 17px }
#dot1        { height: 17px; left: 0px; position: absolute; top: 0px; visibility: visible; 
               width: 17px }
#dot2        { height: 17px; left: 0px; position: absolute; top: 0px; visibility: visible; 
               width: 17px }
#dot3        { height: 17px; left: 0px; position: absolute; top: 0px; visibility: visible; 
               width: 17px }
#dot4        { height: 17px; left: 0px; position: absolute; top: 0px; visibility: visible; 
               width: 17px }
#dot5        { height: 17px; left: 0px; position: absolute; top: 0px; visibility: visible; 
               width: 17px }
#dot6        { height: 17px; left: 0px; position: absolute; top: 0px; visibility: hidden; 
               width: 17px }
.maxi
 {
  font-size: 130%;
  font-weight: bold;
  text-decoration: none;
}
#techno {	font-size: 6px}