* {
  font-family: verdana;
  font-size: 11px;
  color:#555555;
}

sup {
 font-size: 7pt;
}
#content {
  padding: 41px 0px 0px 40px;
}

#content_carrieres {
  padding: 41px 0px 0px 40px;
}

#mentions {
  font-size: 9px;
  color:#89b2b4;
}

p {
  color:#555555;
  padding-right: 40px;
  text-align:left;
  line-height: 16px;
  margin: 10px 0px 0px 0px;
}
#content_carrieres p {
  color:#555555;
  padding-right: 30px;
  text-align:left;
  line-height: 16px;
}

a {
  color:#12686A;
  font-weight:bold;
  text-decoration: none;
}

a:hover {
  color:#F5384A;
  font-weight:bold;
  text-decoration: underline;
}

#mentions a {
  font-size: 9px;
  font-weight:normal;
  color:#89b2b4;
}

a.flecheRouge {
  float: left;
  text-transform: uppercase;
  padding-left: 12px; margin-right: 10px;
  background-image: url(../images/visuels/fleche_rouge.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;  
}

span.flecheRouge2, a.flecheRouge2 {
  padding-left: 14px; margin-right: 10px;
  background-image: url(../images/visuels/fleche_rouge.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;  
  text-align: left;
}

.flecheRouge2Actif {
  padding-left: 14px; margin-right: 10px;
  background-image: url(../images/visuels/fleche_rouge.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;  
  color:#F5384A;
  font-weight:bold;
  text-decoration: none;
  text-align: left;
}

.flecheRouge2Actif a, .flecheRouge2Actif a:link, .flecheRouge2Actif a:active,.flecheRouge2Actif a:hover {
  color:#F5384A;
  font-weight:bold;
  text-decoration: underline;
}

a.flecheGrise {
  float: left;
  padding-left: 12px; margin-right: 10px;
  background-image: url(../images/visuels/fleche_grise.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;  
}
a.flecheGrise:hover {
  background-image: url(../images/visuels/fleche_rouge.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px; 
}
.ville {
  color: #F5384A;
  font-weight: normal;
  text-decoration: none;
}

.ville:hover {
  font-weight: normal;
  text-decoration: underline;
}
a.puce {
  color:#12686A;
  font-weight:normal;
  padding-left: 9px;
  text-decoration: none;
  background-image: url(../images/visuels/puce.gif);
  background-repeat: no-repeat;
  background-position: 0px 5px;
}

h6 {
  color:#F5384A;
  margin: 0px 0px 3px 0px; padding:0px;
  font-size: 12px; text-transform:uppercase;
  font-weight:normal;
}

h5 {
  color:#F5384A;
  margin: 0px 0px 3px 0px; padding:0px;
  font-size: 11px; text-transform:uppercase;
  font-weight:normal;
}

h4 {
  color:white;
  margin: 2px 0px 3px 0px; padding: 0px 0px 0px 15px;
  font-size: 11px; text-transform:uppercase;
  font-weight:bold;
  background-image: url(../images/visuels/fleche_blanche.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;
}

h3 {
  color:#f43a48;
  font-weight:normal; margin: 8px 0px 3px 0px;
  text-transform:uppercase;
}

font {
  color:#f5384a;
}

.bgLogin {
  background-image: url(../images/corporate/home_photo.jpg);
  background-repeat: no-repeat;
  background-position: left;
  text-align: right;
  padding-right: 20px;
  width: 800px;
  height: 150px;
}

#directClientAccess {
  padding: 5px 5px 5px 5px;
  background-color:#FFFFFF;
  -moz-opacity:0.8;
  opacity: 0.8;
  filter:alpha(opacity=80);
}

.divMenu {
  width:210px;
  height:225px;
  background-color:#12686A;
  position:absolute;
  top:20px;
  cursor:pointer;
  -moz-opacity:0.8;
  opacity: 0.8;
  filter:alpha(opacity=80);
}

.divMenuTexte {
  width:210px;
  height:225px;
  position:absolute;
  top:20px;
  cursor:pointer;
}

.tableMenu {
  width:210px;
}

.tableMenu td,.tableMenu td a,.tableMenu td a:link,.tableMenu td a:active,.tableMenu td a:visited,.tableMenu td a:hover {
  font-size: 8pt;  
  cursor:pointer;
  font-weight:normal;
  padding-left:20px;
}

.tdMenuOn {
  font-size: 8pt;
  color:#12686A;
  background-color: white;
  padding-left:20px;
}

.tdMenuOff {
  font-size: 8pt;
  color:white;
  padding-left:20px;
}

.tdMultiMenuOn {
  font-size: 8pt;
  color:#12686A;
  background: white url(../images/corporate/flechCorp.gif) no-repeat right;
  padding-left:20px;
}

.tdMultiMenuOff {
  font-size: 8pt;
  color:white;
  padding-left:20px;
  background: url(../images/corporate/flechCorp.gif) no-repeat right;
}

.textUser,a.textUser,a.textUser:link,a.textUser:active,a.textUser:visited {
  font-weight: normal;
  color:#12686A;
  font-size: 8pt;
  text-decoration: none;
}

a.textUser:hover {
  font-weight: normal;
  color:#12686A;
  font-size: 8pt;
  text-decoration: underline;
}

.inpuLogin {
  border: 1px solid white;
  width: 100px;
}
.erreurlogin{font-size: 11pt;color:#e00000;text-align:right;font-weight:bold;}

.menumetier {
  position:relative;
  top:-41px;
  left:100px;
  background-color:#599596;
  width: 380px;
}
.tdon{
  color: #ffffff;
  font-weight: normal;
  font-size: 8pt;
  text-align: center;
  background-color:#12686a;
  padding: 3px;
  white-space: nowrap;
}
.tdoff{
  color: #ffffff;
  font-weight: normal;
  font-size: 8pt;
  text-align: center;
  background-color:#5a9495;
  padding: 3px;
  white-space: nowrap;
}
.menumetier td a, .menumetier td a:link,.menumetier td a:active,.menumetier td a:visited {
  color: #ffffff;
  font-weight: normal;
  font-size: 8pt;
  text-decoration: none;
}
.menumetier td a:hover {
  font-weight: normal;
  font-size: 8pt;
  text-decoration: none;
}

.tablecontact td{
  color:#12686A;
}

.bgmenugauche {
  background-color: #5b9798;  
}

.bgmenugauche ul {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 150px;
}

.titre {
  list-style:none;
  padding: 0px 0px 0px 5px;
  margin: 0px 0px 5px 0px;
  width: 145px;
}

.soustitre {
  list-style:none;
  padding: 0px 0px 0px 10px;
  margin: 0px 0px 3px 0px;
  width: 140px;
}

.menugaucheon, .menugaucheon a, .menugaucheon a:hover {
  background-color: #e5e7e8; 
  cursor: pointer;
}
.menugaucheoff, .menugaucheoff a, .menugaucheoff a:hover{
  background-color: #5b9798;
  cursor: pointer;
 }

.menuvide {
  list-style:none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 145px;
  background-color: #5b9798;
}

.textetitreoff, .textetitreoff a, .textetitreoff a:hover {
  font-weight: bold;
  text-decoration: none;
  font-size:11px;
  color: #e5e7e8;
}
.textesoustitreoff, .textesoustitreoff a, .textesoustitreoff a:hover {
  font-weight: bold;
  text-decoration: none;
  font-size:10px;
  color: #e5e7e8;
}

.textetitreon, .textetitreon a, .textetitreon a:hover {
  font-weight: bold;
  text-decoration: none;
  font-size:11px;
  color: #5b9798;
}
.textesoustitreon, .textesoustitreon a, .textesoustitreon a:hover {
  font-weight: bold;
  text-decoration: none;
  font-size:10px;
  color: #5b9798;
}

.mailto, a.mailto {
  color:#555555;
  font-weight: normal;
  text-align:left;
  text-decoration: none;
}

a.mailto:hover {
  color:#555555;
  font-weight: normal;
  text-align:left;
  text-decoration: underline;
}

.titreMiddle {
  font-size: 18pt;
  color: #12686A;
  text-transform: uppercase;
  font-family: Arial Narrow, Arial, sans-serif;
  font-weight: Bold;
}