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

sup {
  font-size: 7pt;
}

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

.content_carrieres {
  width : 620px;
  padding: 41px 0px 0px 40px;
}

.content_carrieres_external {
  width : 660px;
  padding: 20px 0px 0px 10px;
}

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

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

p.notes {
  font-size: 10px;
  font-style: italic;  
}

/* #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;
}

.libellesvilles {
  padding: 3px 0px 5px 0px;
}

.libellesvilles a {
  margin: 0 2px 0 2px;
}

.ville {
  font-weight: normal;
  font-size: 10px;
  text-decoration: none;
}

.ville:hover {
  font-weight: normal;
  text-decoration: underline;
}
.sepville {
  margin: 0;
  padding: 0;  
}

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: 420px;
  height: 125px;
  background-color: #12686A;
  position: absolute;
  top: 20px;
  cursor: pointer;
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity = 80);
}

.divMenuTexte {
  position: absolute;
  top: 20px;
  cursor: pointer;
  background-color: rgb(18, 104, 106);
  background-color: rgba(18, 104, 106,0.8);
}

.divMenuTexte ul {
  display: inline-block;
  width: 210px;
  margin: 0;
  padding:0;
  list-style: none;
}

.divMenuTexte li {
  padding:0 0 0 20px;
  margin: 0;
  height:20px;
  line-height:20px;
  color:#ffffff;
}
.divMenuTexte li:hover {
  color: #12686A;
  background-color: white;
}

.tableMenu {
  width: 420px;
}

.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;
}
.exane-move {
  position: absolute;
  top: 245px;"
}

/********* gestion cookies *******/
#disclaimer-cookie {
  position: fixed;
  bottom: 0;
  padding: 1em;
  color: white;
  z-index: 1000;
  width: 100%;
  text-align: center;
  min-height: 80px;
  box-sizing: border-box;
}

#disclaimer-cookie:after {
  width: 100%;
  background: #5a9495;
  opacity: .85;
  height: 150px;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}

#disclaimer-cookie p {
  z-index: 101;
  position: relative;
  max-width: 1090px;
  width: 100%;
  text-align: left;
  font-weight: normal;
  display: inline-block;
}

#disclaimer-cookie em {
  font-style: normal;
  font-weight: bold;
  z-index: 5;
  color: white;
}

#disclaimer-cookie a {
  color: #ffffff;
  text-decoration: underline;
}

#disclaimer-cookie .close {
  position: absolute;
  right: 10px;
  top: 5px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  z-index: 5;
  color: white;
  font-weight: bold;
}

.cookies h1 {
  margin: 10px 0 30px 0;
  font-size: 14pt;
  color: #126a6c;
  font-weight: 400;
  text-transform: uppercase;
}

.cookies h2 {
  margin: 20px 0 10px 0;
  color: #12686a;
  font-size: 12pt;
}

.cookies ul {
  padding-left: 15px;
}

.cookies a {
  color: #2767ad;
  font-weight: bold;
}

.cookies a:hover {
  color: #f2951c;
}

.classement {
  border: 1px solid #bcbcbc;
  background-color: #f8f8f8;
  margin: 0;
  padding: 15px;
  margin-bottom: 10px;
  font-size: 10px;
  width: 315px;
  margin-left: 10px;
  float: right;
}

.classement p {
  margin: 0;
  padding: 0;	
}

.classement ul {
  margin: 0;
  padding-left: 20px;
}
.classement p, .classement ul li, .classement sup {
  color: #12686a;
}

.classement .title, .classement .subtitle {
  font-weight: bold;
}

.classement .title {
  font-size: 15px;
}

.classement .resume {
  margin-top: 15px;
}

.classement .fleche {
  background-image: url("../images/visuels/fleche_rouge.gif");
  background-position: 0 3px;
  background-repeat: no-repeat;
  margin-top: 10px;
  padding-left: 12px;
}

.classement .fleche-middle {
  background-image: url("../images/visuels/fleche_rouge.gif");
  background-position: 0 5px;
  background-repeat: no-repeat;
  margin-top: 10px;
  padding-left: 12px;
}

.classement .disclaimer {
  margin-top: 10px;
  font-size: 9px;
  color: #c2c2c2;
}