body {
 margin: 0px;
 padding: 0px;
 font-family: arial, helvetica, verdana, sans-serif;
 font-size: 14px;
}

p {
 line-height: 22px;
}


#zoomback {
 background-color: black;
 position: absolute;
 display: none;
 width: 620px;
 height: 465px;
 z-index: 110;
}

#zoomfront {
 position: absolute;
 display: none;
 width: 639px;
 height: 526px;
 z-index: 120;
}

#zoomback_fla {
 background-color: black;
 position: absolute;
 display: none;
 width: 480px;
 height: 270px;
 z-index: 130;
}

#zoomfront_fla {
 position: absolute;
 display: none;
 width: 499px;
 height: 331px;
 z-index: 120;
}

#zoomback {
 background-color: black;
 position: absolute;
 display: none;
 width: 620px;
 height: 465px;
 z-index: 110;
}

#zoomfront {
 position: absolute;
 display: none;
 width: 639px;
 height: 526px;
 z-index: 120;
}


#boutonprev {
 position: absolute;
 display: none;
 width: 69px;
 height: 41px;
 z-index: 130;
}
#boutonnext {
 position: absolute;
 display: none;
 width: 69px;
 height: 41px;
 z-index: 130;
}

#masque {
 position: absolute;
 z-index: 100;
 display: none;
 background: black;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 opacity: 0.7;
 filter: alpha(opacity=70);
 -khtml-opacity: 0.7;
 -moz-opacity: 0.7;
}

#page {
 margin: 0px;
 padding: 0px;
 width: 850px;
 height: 100%;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
} 

#contener {
 margin: 0px;
 padding: 0px;
 position: absolute;
 width: 100%;
 height: 100%;
 z-index: 20;
 text-align: center;
}

#entete {
 height:20px;
 width: 850px;
 font-size: 10px;
 text-align:right;
}

#logo {
 margin: 0px;
 padding: 0px;
 margin-top: 54px;
 margin-bottom: 10px;
 width: 310px;
 height: 66px;
 float: left;
 cursor:pointer;cursor:hand;
}


#navigation {
 margin: 0px;
 padding: 0px;
 width: 540px;
 height: 130px;
 text-align:right;
 float: left;
 clear: right;
} 

#navigation ul {
 margin: 0px;
 padding: 0px;
 padding-top: 100px;
} 

#navigation ul li {
 display: inline; 
 margin-left: 25px;
 margin-bottom: 0px;
 padding: 0px;
}

#navigation ul li a {
 text-decoration: none;
 font-size: 16px; 
 font-weight: bold;
}


#sousnavigation {
 margin: 0px;
 padding: 0px;
 margin-top: 20px;
 margin-bottom: 20px;
 text-align:center;
} 

#sousnavigation ul {
 margin: 0px;
 padding: 0px;
} 

#sousnavigation ul li {
 display: inline; 
 margin-bottom: 0px;
 padding: 30px;
}

#sousnavigation ul li.premier {
 padding-left: 0px;
}

#sousnavigation ul li a {
 text-decoration: none;
 font-size: 14px; 
 font-weight: bold;
}

#sousnavigation ul li a:hover {
 text-decoration: underline;
} 

#navigationcolonne {
 margin:0px;
 padding:0px;
 list-style: none;
}
#navigationcolonne li {
 padding-bottom: 20px;
} 

#navigationcolonne li a {
 text-decoration: none;
 font-size: 18px; 
 font-weight: bold;
}

#navigationcolonne li a:hover {
 text-decoration: underline;
} 



#slogan {
 margin: 0px;
 padding: 0px;
 width: 243px;
 height: 170px;
 float: left;
}

#visuel {
 margin: 0px;
 padding: 0px;
 width: 575px;
 height: 275px;
 float: left;
 clear: right;
}


#bandegauche {
 background-color: #ffffff;
 opacity: 0.1;
 -khtml-opacity: 0.1;
 -moz-opacity: 0.1;
 filter: alpha(opacity=10);
 position: absolute;
 top: 150px;
 left: 0px;
 height: 170px;
 width: 50%;
 z-index: 10;
}

#bandeinterne {
 margin: 0px;
 padding: 0px;
 width: 32px;
 height: 170px;
 clear: left;
 float: left;
}

#panel {
 position: relative;
 width: 850px;
 clear: both;
}

#backpanel {
 position: absolute;
 background-color: #ffffff;
 opacity: 0.1;
 -moz-opacity: 0.1;
 -khtml-opacity: 0.1;
 filter: alpha(opacity=10);
 padding: 0px;
 margin: 0px;
 top: 5px;
 left: 275px;
 width: 575px;
 height: 300px;
}

#frontpanel {
 margin: 0px;
 padding: 0px;
 position: absolute;
 top: 0px;
 left: 100px;
 width: 750px;
} 


#contenu {
 padding-top: 10px;
}

#contenu h1 {
 font-size:15px;
 font-weight: bold;
}

#colonne {
 margin-right: 10px;
 width: 165px;
 float: left;
}

#central {
 width: 575px;
 float: left;
}

.references {
  width: 575;
  margin: 0px;
  padding: 0px;
} 

.references td {
  height: 100;
  text-align:center;
}

.galerie, .galerieanim {
  width: 575;
  margin: 0px;
  padding: 0px;
}

.galerie td {
  text-align: center;
  height: 130px;
 }

.galerieanim td {
  text-align: center;
  height: 101px;
 }

#techniquepanel {
 width: 360px;
 margin-right: 20px;
 margin-bottom: 10px;
 float:left;
}

#techniquevignettes {
 margin: 0px;
 padding: 0px;
 float: left;
 width: 80px;
 cursor:pointer;cursor:hand;
}
#techniquevignettes img {
 padding: 2px; 
 margin: 0px;
 width: 50px; 
 height: 38px;
}
 
#techniquezoom {
 width: 280px;
 height: 210px;
 float: left;
}

#zoom2,#zoom3,#zoom4,#zoom5 {
 display: none;
} 


#piedpage {
 margin-top: 30px;
 border-top: dashed 1px #ffffff;
 clear: both;
 text-align:justify;
 margin-bottom: 30px;
}

#copyright {
 margin: 0px;
 padding: 0px;
 margin-top: 5px;
 width:175px;
 font-size: 13px; 
 float:left;
}


#navigationpiedpage {
 margin: 0px;
 padding: 0px;
 margin-top: 5px;
 width: 575px;
 text-align:right;
 float: left;
} 

#navigationpiedpage ul {
 margin: 0px;
 padding: 0px;
} 

#navigationpiedpage ul li {
 display: inline; 
 margin-left: 15px;
 margin-bottom: 0px;
 padding: 0px;
}

#navigationpiedpage ul li a {
 text-decoration: none;
 font-size: 13px; 
}

#navigationpiedpage ul li a:hover {
 text-decoration: underline;
}