body {
border : 2px solid #fed685;
margin : 1%;
padding : 10px;
background-color : #cd6b39;
background-repeat : no-repeat;
text-align : center;
vertical-align : middle;
color : #fed685;
font-family : verdana;
background-position : center top;
margin-left: auto;
  margin-right: auto;
  max-width: 960px;
min-height : 640px;
position : relative;
}

.rouge
{
text-align: center;  
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none; 
color: red;
 background-color: #000000;
}
.vert
{
text-align: center;  
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none; 
color: #ba030a;
}
.jaune
{
text-align: center;  
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none; 
color: yellow;
 background-color: #000000;
}
.orange
{
text-align: center;  
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none; 
color: orange;
 background-color: #000000;
}
.blanc
{
text-align: center;  
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none; 
color: #ba030a;
 background-color: #000000;
}


a:active /* Quand le visiteur clique sur le lien */
{
   background-color: #ba030a;
}
a:focus /* Quand le visiteur sélectionne le lien */
{
   background-color: #ba030a;}


a:hover {
text-decoration : none;
font-family : Comic Sans MS;
color : #ba030a;
font-size : 10px;
}
a:visited {
font-size : 10px;
color : #ba030a;
}
object {
width : 800px;
height : 800px;
}
.zoom1 p {
text-align : center;
margin-left : auto;
margin-right : auto;
}
.zoom1 img {
width : 95%;
margin-left : auto;
margin-right : auto;
}
.zoom1 img:hover {
width : 95%;
margin-left : auto;
margin-right : auto;
}
div#container {
margin : auto;
display : block;
position : relative;
margin-left: auto;
  margin-right: auto;
  max-width: 960px;
min-height : 640px;
}
div#header {
border : 2px solid #fed685;
padding : 1px;
clear : both;
height : 12%;
font-style : normal;
text-align : center;
font-family : comic sans ms;
line-height : 25px;
font-size : 14px;
position : relative;
background-color : #fed685;
color : #ba030a;
visibility : visible;
z-index : 120;
font-weight : normal;
text-transform : uppercase;
}
div#left {
border : 2px solid #fed685;
float : left;
background-color : #cd6b3a;
visibility : visible;
margin-top : 0.3%;
margin-right : 0.3%;
clear : none;
width : 20%;
color : #ba030a;
min-height : 2500px;
margin-bottom : 0.3%;
position : relative;
}
div#right {
border : 2px solid #fed685;
float : right;
background-color : #cd6b3a;
visibility : visible;
clear : none;
width : 13%;
color : #ba030a;
min-height : 2500px;
margin-bottom : 0.3%;
margin-top : 0.3%;
margin-left : 0.3%;
position : relative;
}
div#middle {
border : 2px solid #ba030a;
padding-top : 0;
background-color : #fed685;
margin-top : 0.3%;
padding-right : 1em;
padding-left : 1em;
text-align : center;
font-family : verdana;
font-size : 12px;
line-height : 15px;
font-weight : bold;
overflow : auto;
position : relative;
margin-bottom : 0.3%;
min-height : 2500px;
color : #ba030a;
}
div#footer {
border : 2px solid #fed685;
background-color : #cd6b3a;
height : 4%;
clear : both;
color : #ba030a;
position : relative;
}
table {
  border-collapse: collapse;
  font-family:verdana, Times, serif;   
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #3c160b;
  text-align: center;
  background-color: #ffebc0;  
  color: #ba030a;
  width:95%;
  height:95%;
}


td, th {
  background-color: #ffebc0;
  border: 1px solid #3c160b;
  margin: 5px;
  text-align: center;
  vertical-align: middle;
  color: #ba030a;
  margin-left: auto;
 margin-right: auto;
 
}
.zoom3 p {
text-align:center;
border: 0px;
}

.zoom3 img {
width:95%;
max-height: 800px;
border: 0px;
}

.zoom3 img:hover {
 width:95%;
 max-height: 1500px;
 border: 0px;
}
.object3 {
    width:95%;
    height:900px;
	margin-left: auto;
    margin-right: auto;
    display: inline;
	
}
.station
{
 border-collapse: collapse;
 border: 0;
 margin-left: auto;
 margin-right: auto;
 background-color: #cd6b3a;
 
}
h1 {
font-size : 20px;
line-height : 20px;
}
p {
margin-left : auto;
margin-right : auto;
text-align : center;
font-weight : bold;
}
.rumegies {
font-size : 10px;
color : #ba030a;
margin-left : auto;
margin-right : auto;
}
.imageblock {
display : block;
}
.imageline {
display : inline;
}

.object { 
	width:640px;
    height:480px;
	margin-left: auto;
    margin-right: auto;
    display: inline;
}


.object21 { 
	width:95%;
    height:300px;
	margin-left: auto;
    margin-right: auto;
    display: inline;
}
img {
border : none;
}

.menu {
font-family : arial, sans-serif;
font-size : 11px;
z-index : 100;
height : 30px;
position : relative;
width : 540px;
margin-right : auto;
margin-left : auto;
display : block;
font-style : normal;
text-transform : capitalize;
text-align : center;
font-weight : normal;
}
.menu ul li a, .menu ul li a:visited {
border : 1px solid #ba030a;
background : #fed685 none repeat scroll 0% 50%;
display : block;
text-decoration : none;
width : 104px;
height : 20px;
text-align : center;
line-height : 20px;
font-size : 11px;
overflow : hidden;
color : #ba030a;
font-weight : normal;
text-transform : capitalize;
}
.menu ul {
margin : 0;
padding : 0;
list-style-type : none;
list-style-image : none;
list-style-position : outside;
font-weight : normal;
text-transform : capitalize;
text-align : center;
}
.menu ul li {
float : left;
position : relative;
font-style : normal;
text-transform : capitalize;
text-align : center;
}
.menu ul li ul {
display : none;
font-weight : normal;
text-transform : capitalize;
text-align : center;
}
.menu ul li:hover a {
background : #c1d2ee none repeat scroll 0% 50%;
font-style : normal;
text-transform : capitalize;
text-align : center;
color : #0000ff;
}
.menu ul li:hover ul {
display : block;
position : absolute;
top : 21px;
left : 0;
width : 105px;
font-style : normal;
text-transform : capitalize;
text-align : center;
font-weight : normal;
}
.menu ul li:hover ul li a.hide {
background : #66aa33 none repeat scroll 0% 50%;
color : #fed685;
}
.menu ul li:hover ul li:hover a.hide {
background : #400040 none repeat scroll 0% 50%;
color : #fed685;
}
.menu ul li:hover ul li ul {
display : none;
}
.menu ul li:hover ul li a {
background : #cd6b3a none repeat scroll 0% 50%;
display : block;
color : #fed685;
}
.menu ul li:hover ul li a:hover {
border-style : solid;
border-width : 1px;
background : #ba030a none repeat scroll 0% 50%;
color : white;
}
.menu ul li:hover ul li:hover ul {
display : block;
position : absolute;
left : 105px;
top : 0;
}
.menu ul li:hover ul li:hover ul.left {
left : -105px;
}
.zoom31 p {
text-align:center;
}

.zoom31 img {
width:280px;
}

.zoom31 img:hover {
 width:290px;
}