/*-- corps --*/
body 
{
	background-color: white;
	color: black; 
  font-size: 11px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
}

td {
  color: black; 
  font-size: 11px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  text-align: justify;
}

p
{
  color: black; 
  font-size: 11px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  text-align: justify;
}

p.titre
{
  color: #0052a0; 
  font-size: 15px; 
  font-family: arial; 
  font-weight: bold; 
  margin: 0.67em 0;
}

p.petit
{
  font-size: 9px;
}

a 
{
  color: #002E5F;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
	color: #999999;
}

a:visited
{
	color: #0052A0;
}

b
{
  font-size: 13px;
}

/* Head */
div.top1 {
  width: 805px;
  height: 203px;
  margin-left: auto; 
  margin-right: auto;
}

img.hera_01
{
  width: 340px;
  height: 160px;
  margin: 0px;
  padding: 0px;
  border: 0;
}

img.hera_02
{
  width: 460px;
  height: 160px;
  margin-left: -3px;
  padding: 0px;
  border: 0;
}

img.hera_03
{
  width: 800px;
  height: 43px;
  margin-top: -3px;
  padding: 0px;
  border: 0;
}

div.menu {
  width: 805px;
  height: 26px;
  margin-left: auto; 
  margin-right: auto;
  margin-top: -3px;
}

img.bout_accueil
{
  width: 97px;
  height: 26px;
  padding: 0px;
  border: 0;
}

img.bout_serv
{
  width: 86px;
  height: 26px;
  margin-left: -3px;
  padding: 0px;
  border: 0;
}

img.bout_prod
{
  width: 89px;
  height: 26px;
  margin-left: -3px;
  padding: 0px;
  border: 0;
}

img.bout_logi
{
  width: 96px;
  height: 26px;
  margin-left: -3px;
  padding: 0px;
  border: 0;
}

img.bout_part
{
  width: 113px;
  height: 26px;
  margin-left: -3px;
  padding: 0px;
  border: 0;
}

img.bout_reali
{
  width: 115px;
  height: 26px;
  margin-left: -3px;
  padding: 0px;
  border: 0;
}

img.bout_carri
{
  width: 88px;
  height: 26px;
  margin-left: -3px;
  padding: 0px;
  border: 0;
}

img.bout_contact
{
  width: 116px;
  height: 26px;
  margin-left: -3px;
  padding: 0px;
  border: 0;
}

div.top2 
{
  width: 805px;
  margin-left: auto; 
  margin-right: auto;
  margin-top: -3px;
}

img.hera_04
{
  width: 220px;
  height: 27px;
  margin: 0px;
  padding: 0px;
  border: 0;
}

img.hera_05
{
  width: 580px;
  height: 27px;
  margin: 0px;
  padding: 0px;
  border: 0;
  margin-left: -3px;
}

img.hera_06
{
  width: 220px;
  height: 14px;
  margin: 0px;
  padding: 0px;
  border: 0;
  margin-top: -3px;
}

img.hera_07
{
  width: 267px;
  height: 14px;
  margin: 0px;
  padding: 0px;
  border: 0;
  margin-left: -3px;
  margin-top: -3px;
}
img.hera_08
{
  width: 85px;
  height: 14px;
  margin: 0px;
  padding: 0px;
  border: 0;
  margin-left: -3px;
  margin-top: -3px;
}

img.hera_09
{
  width: 76px;
  height: 14px;
  margin: 0px;
  padding: 0px;
  border: 0;
  margin-left: -3px;
  margin-top: -3px;
}

img.hera_10
{
  width: 84px;
  height: 14px;
  margin: 0px;
  padding: 0px;
  border: 0;
  margin-left: -3px;
  margin-top: -3px;
}

img.hera_11
{
  width: 16px;
  height: 14px;
  margin: 0px;
  padding: 0px;
  border: 0;
  margin-left: -3px;
  margin-top: -3px;
}

img.hera_bout_usager
{
  width: 52px;
  height: 14px;
  margin: 0px;
  padding: 0px;
  border: 0;
  margin-left: -3px;
  margin-top: -3px;
}

img.hera_13
{
  width: 220px;
  height: 15px;
  margin: 0px;
  padding: 0px;
  border: 0;
  margin-top: -3px;
}

img.hera_13b
{
  width: 220px;
  height: 15px;
  margin: 0px;
  padding: 0px;
  border: 0;
  margin-top: -3px;
}

img.hera_14
{
  width: 580px;
  height: 15px;
  margin: 0px;
  padding: 0px;
  border: 0;
  margin-left: -3px;
  margin-top: -3px;
}

img.hera_15
{
  width: 67px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  border: 0;
  margin-top: -3px;
}

/* corp */

div.corp
{
  width: 805px;
  margin-left: auto; 
  margin-right: auto;
}

img.hera_accueil_logo
{
  width: 341px;
  height: 55px;
  margin: 0px;
  padding: 0px;
  border: 0;
}

img.hera_accueil_prod
{
  width: 800px;
  height: 100px;
  margin: 0px;
  padding: 0px;
  border: 0;
}

img.hera_ts_01
{
  width: 75px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  border: 0;
}

img.hera_ts_carri
{
  width: 505px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  border: 0;
  margin-left: -3px;
}

img.hera_ts_contact
{
  width: 505px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  border: 0;
  margin-left: -3px;
}

img.hera_ts_part
{
  width: 505px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  border: 0;
  margin-left: -3px;
}

img.hera_ts_prod
{
  width: 505px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  border: 0;
  margin-left: -3px;
}

p.partenaire
{
  margin-left : 200px;
}

img.partenaire
{
  margin-top: 20px;
}

img.partenaire2
{
  margin-top: 40px;
}

img.partenaire3
{
  margin-top: 50px;
}

/* Sous Menu*/

div.sousmenu
{
  position: relative;
  width: 200px;
  z-index:5;
}

p.sousmenu
{
  margin-left : 65px; 
  margin-top : -40px; 
}

p.sousmenu2
{
  font-size: 11px;
  color: #999; 
  line-height: 12px;
  margin-left : 35px; 
  margin-top : -40px; 
}

p.sousmenu3
{
  font-size: 11px;
  color: #999; 
  line-height: 12px;
  margin-left : 35px; 
  margin-top : -33px; 
  height: 20px; 
}


img.hera_15a
{
  width: 220px;
  height: 55px;
  margin: 0px;
  padding: 0px;
  border: 0;
  margin-top: -4px;
}

img.hera_15aa
{
  width: 220px;
  height: 55px;
  margin: 0px;
  padding: 0px;
  border: 0;
  margin-top: -10px;
}


img.hera_16
{
  width: 10px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  border: 0;
  margin-top: -43px;
  margin-left: 210px;
}

div.prodved
{
  position: relative;
  float: left;
  width: 220px;
  height: 250px;
  margin-left : 15px;
  margin-right : 15px;
  
}

p.prodvedtitre
{
  font-weight: bold;
  font-size: 14px; 
  font-family: Arial;
  color: #002E5F;
  margin-top: -37px;
  margin-left: 55px;
  margin-bottom : 20px;
}

p.prodvedmilieu
{
  position: relative;
  width: 218px;
  height: 102px;
  border-width: 1px;
	border-color: #CCCCCC;
	border-style: solid;
}

span.flechesved
{
  font-weight: bold;
  font-size: 18px; 
  font-family: Arial;
  color: #0052A0;
}

span.dollarsved
{
  font-weight: bold;
  font-size: 18px; 
  font-family: Arial;
  color: #CC0000;
}

p.prodvedbas
{
  position: relative;
  width: 209px;
  border-width: 1px;
	border-color: #CCCCCC;
	border-style: solid;
  margin-top : -15px;
  background-color : #002E5F;
  font-size: 11px; 
  font-family: Arial;
  color: #FFFFFF;
  padding-left : 5px;
  padding-right : 5px;
}

div.service
{
  position: relative;
  background-image: url("../images/hera_16.png");
  background-position: left bottom;
  background-repeat: repeat-y;
  width: 500px;
  height: 350px;
  margin-left: 210px;
  margin-top: -330px;
  padding-left: 20px;
  z-index:3;
}

div.service2
{
  position: relative;
  background-image: url("../images/hera_16.png");
  background-position: left bottom;
  background-repeat: repeat-y;
  width: 500px;
  height: 1150px;
  margin-left: 210px;
  margin-top: -330px;
  padding-left: 20px;
  z-index:3;
}

img.hera_ts_serv
{
  width: 160px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  border: 0;
  margin-left: -3px;
}

div.logiciels
{
  position: relative;
  background-image: url("../images/hera_16.png");
  background-position: left bottom;
  background-repeat: repeat-y;
  width: 500px;
  height: 350px;
  margin-left: 210px;
  margin-top: -80px;
  padding-left: 20px;
  z-index:3;
}

div.logiciels2
{
  position: relative;
  background-image: url("../images/hera_16.png");
  background-position: left bottom;
  background-repeat: repeat-y;
  width: 500px;
  height: 420px;
  margin-left: 210px;
  margin-top: -80px;
  padding-left: 20px;
  z-index:3;
}

div.logiciels3
{
  position: relative;
  background-image: url("../images/hera_16.png");
  background-position: left bottom;
  background-repeat: repeat-y;
  width: 500px;
  height: 755px;
  margin-left: 210px;
  margin-top: -80px;
  padding-left: 20px;
  z-index:3;
}

img.hera_ts_logi
{
  width: 160px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  border: 0;
  margin-left: -3px;
}

div.realisations
{
  position: relative;
  background-image: url("../images/hera_16.png");
  background-position: left bottom;
  background-repeat: repeat-y;
  width: 500px;
  height: 350px;
  margin-left: 210px;
  margin-top: -120px;
  padding-left: 20px;
  z-index:3;
}

div.realisations2
{
  position: relative;
  background-image: url("../images/hera_16.png");
  background-position: left bottom;
  background-repeat: repeat-y;
  width: 500px;
  height: 600px;
  margin-left: 210px;
  margin-top: -120px;
  padding-left: 20px;
  z-index:3;
}

div.realisations3
{
  position: relative;
  background-image: url("../images/hera_16.png");
  background-position: left bottom;
  background-repeat: repeat-y;
  width: 500px;
  height: 1250px;
  margin-left: 210px;
  margin-top: -120px;
  padding-left: 20px;
  z-index:3;
}

div.realisations4
{
  position: relative;
  background-image: url("../images/hera_16.png");
  background-position: left bottom;
  background-repeat: repeat-y;
  width: 500px;
  height: 5600px;
  margin-left: 210px;
  margin-top: -120px;
  padding-left: 20px;
  z-index:3;
}

img.hera_ts_reali
{
  width: 243px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  border: 0;
  margin-left: -3px;
}

img.partenaire
{
  margin-top: 0px;
}
img.WFJ
{
  width: 400px;
  margin-left: 15px;
}

img.WJAB
{
  width: 400px;
  margin-left: 15px;
}

img.WHTC
{
  width: 400px;
  margin-left: 15px;
}

img.WAQAIRS
{
  width: 400px;
  margin-left: 15px;
}

img.WGPF
{
  width: 400px;
  margin-left: 15px;
}

img.BIC
{
  width: 400px;
  margin-left: 15px;
}

img.EMT
{
  width: 400px;
  margin-left: 15px;
}

img.RSPB
{
  width: 400px;
  margin-left: 15px;
}

img.Fest
{
  width: 400px;
  margin-left: 15px;
}

img.CASA
{
  width: 400px;
  margin-left: 15px;
}

/* Footer*/

div.footer {
  width: 805px;
  height: 116px;
  margin-left: auto; 
  margin-right: auto;
  
}

img.hera_18
{
  width: 210px;
  height: 116px;
  margin: 0px;
  padding: 0px;
  border: 0;
  margin-top: -3px;
}

img.hera_18b
{
  width: 210px;
  height: 116px;
  margin: 0px;
  padding: 0px;
  border: 0;
  margin-top: -3px;
}

img.hera_19
{
  width: 10px;
  height: 116px;
  margin: 0px;
  padding: 0px;
  border: 0;
  margin-left: -3px;
  margin-top: -3px;
}

img.hera_19b
{
  width: 10px;
  height: 116px;
  margin: 0px;
  padding: 0px;
  border: 0;
  margin-left: -3px;
  margin-top: -3px;
}

img.hera_20
{
  width: 580px;
  height: 116px;
  margin: 0px;
  padding: 0px;
  border: 0;
  margin-left: -3px;
  margin-top: -3px;
}

p.footer
{
  text-align: center;
  color : #333333;
  font-size: 9px;
  position: relative;
  margin-left : 140px;
  margin-top: -50px;
}