/* --- STYLES DE BASE --- */ 
 
/* Page */ 
html { 
  font-size: 100%;
} 
body { 
  margin: 0; 
  padding: 0em;
  font-family: Arial, Helvetica, FreeSans, sans-serif;
  font-size: .8em;
  line-height: 1.4;
  color: #535353; 
  background: url(img/background-L02.jpg);
  background-position : top center;
} 
 
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  font-style: normal; 
} 
h1 { 
  font-size: 1em; 
  display: inline;
  font-weight: normal;
} 
h2 { 
  font-size: 1em;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 10px
  display: inline;
  font-weight: bold;
} 
h3 { 
  font-size: 1.6em; 
  display: inline;
  font-weight: normal;
  color:#bd0014; 
}
h4 { 
  font-size: 1.2em; 
  display: inline;
  font-weight: normal;
  color: #535353;
}  

h5 { 
  font-size: 1em; 
  display: inline;
  font-weight: bold;
  color: #535353;
}
h6 { 
  font-size: 1.2em; 
  display: inline;
  font-weight: normal;
  color: #bd0014;
}    
 
/* Listes */ 
ul, ol { 
  margin: .75em 0 .75em 32px; 
  padding: 0; 
} 
 
/* Paragraphes */ 
p { 
  margin: .75em 0; 
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
} 

a:active { 
  outline: none; 
}
 
a img { 
  border: none; 
} 

em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
}






/* --- STYLES INDEX --- */ 

#logotype {
  margin: -90px 0 0 0;
  position: absolute;
}

#planisphere{
  height: 102px;
  width: 147px;
  margin: -102px 0 0 800px;
  position: absolute;
  background: url(img/planisphere.gif) no-repeat;
  z-index: 1;
}

#bande-blanche{
  width: 100%;
  height: 102px;
  background-color: white;
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: block;
  z-index: -100;
}

#container {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 943px;
  height: 100%;
  margin: auto;
}
 
/* --- Menu --- */ 
#menu {
  margin: -37px 0 0 140px;
  position: absolute;
}
ul#navlist {
  margin-left: 0;
  padding-left: 0;
  white-space: nowrap;
}
#navlist li {
  display: inline;
  list-style-type: none;
  padding-left: 25px;
}
#navlist a {
  color: #bd0014;
  text-decoration: none;
}
#navlist a:hover {
  color: #b2b2b2;
  text-decoration: none;
}
#navlist .encours a {
  color: #b2b2b2;
  text-decoration: none;
  cursor: default;
}

#menu-langues {
  margin: -30px 0 0 810px;
  position: absolute;
  font-size: 0.75em; 
  z-index: 5;
}
ul#navlist-langues {
  margin-left: 0;
  padding-left: 0;
  white-space: nowrap;
}
#navlist-langues li {
  display: inline;
  list-style-type: none;
  padding-left: 5px;
}
#navlist-langues a {
  color: #bd0014;
  text-decoration: none;
}
#navlist-langues a:hover {
  color: #b2b2b2;
  text-decoration: none;
}
#navlist-langues .encours a {
  color: #b2b2b2;
  text-decoration: none;
  cursor: default;
}
#copyright{
  color: #bd0014;
  font-size: .8em;
  width: 400px;
  height: 20px;
  margin: 453px 0 0 538px;
  position: absolute;
  z-index: 20px;
  text-align: right;
}


/* --- LISTES A PUCES --- */ 
ul#liste-industries-ip01 li, ul#liste-txt01 li, ul#liste-txt02 li, ul#liste-txt03 li, ul#liste-industries-og li, ul#liste-services-transaction li, ul#liste-industries-ip02 li, ul#liste-industries-ip03 li, ul#liste-services-corporate li {
  background-image: url(img/puce.gif); 
  background-repeat:no-repeat;
  background-position: 0 0.4em;
  list-style-type:none;
  padding-left: 11px;
  white-space: nowrap;
}

ul#liste-team li {
  background-image: url(img/puce.gif); 
  background-repeat:no-repeat;
  background-position: 0 0.8em;
  list-style-type:none;
  padding-left: 11px;
  white-space: nowrap;
}



/* --- FOND BLANC POUR MASQUER LE CHARGEMENT --- */ 
#fond-blanc {
  height: 442px;
  width: 943px;
  margin: 27px 0 0 1px;
  position: absolute;
  background-color: white;
  z-index: -10;
}

/* --- SIGNATURES --- */ 
#signature-about-us, #signature-overview, #signature-services, #signature-industries, #signature-experts, #signature-publications, #signature-contact, #signature-a-propos, #signature-presentation, #signature-a-proposito, #signature-presentacion, #signature-contacto, #signature-expertos, #signature-servicios, #signature-industrias, #signature-publicaciones {
  height: 84px;
  width: 448px;
  margin: 357px 0 0 2px;
  position: absolute;
  z-index: 0;
}

#signature-about-us {background: url(img/about-us.gif) no-repeat;}
#signature-overview {background: url(img/overview.gif) no-repeat;}
#signature-services {background: url(img/services.gif) no-repeat;}
#signature-industries {background: url(img/industries.gif) no-repeat;}
#signature-experts {background: url(img/experts.gif) no-repeat;}
#signature-publications {background: url(img/publications.gif) no-repeat;}
#signature-contact {background: url(img/contact.gif) no-repeat;}
#signature-a-propos {background: url(img/a-propos.gif) no-repeat;}
#signature-presentation {background: url(img/presentation.gif) no-repeat;}
#signature-a-proposito {background: url(img/a-proposito.gif) no-repeat;}
#signature-presentacion {background: url(img/presentacion.gif) no-repeat;}
#signature-contacto {background: url(img/contacto.gif) no-repeat;}
#signature-servicios {background: url(img/servicios.gif) no-repeat;}
#signature-industrias {background: url(img/industrias.gif) no-repeat;}
#signature-expertos {background: url(img/expertos.gif) no-repeat;}
#signature-publicaciones {background: url(img/publicaciones.gif) no-repeat;}


/* --- BLOC HOME (ABOUT) --- */ 
#bloc-about {
  height: 442px;
  width: 943px;
  margin: 27px 0 0 1px;
  position: absolute;
  background: url(img/bloc-about.jpg) no-repeat;
  z-index: -5;
}

#text-about01 {
  height: 300px;
  width: 465px;
  margin: 38px 0 0 80px;
  position: absolute;
  font-size: 1.3em;
  line-height: 1.5em;
  text-align: justify;
}

#text-about02 {
  height: 300px;
  width: 465px;
  margin: 178px 0 0 80px;
  position: absolute;
  font-size: 1.3em;
  line-height: 1.5em;
  text-align: justify;
}

#loadarea{
  height: 260px;
  width: 357px;
  margin: 29px 0 0 584px;
  position: absolute;
  background: url(galerie/galerie-big-01.jpg) no-repeat;  
  z-index: 15; 
}

#thumb{
  height: 150px;
  width: 370px;
  margin: 294px 0 0 585px;
  position: absolute;
  z-index: 15; 
}

.thumb{
  margin-left: -1px;
  margin-top: -2px;
}


/* --- BLOC OVERVIEW --- */ 
#bloc-overview {
  height: 442px;
  width: 943px;
  margin: 27px 0 0 1px;
  position: absolute;
  background: url(img/bloc-overview.jpg) no-repeat;
  z-index: -5;
}
#text-overview {
  height: 300px;
  width: 495px;
  margin: 61px 0 0 400px;
  position: absolute;
  font-size: 1em;
  line-height: 1.4;
  text-align: justify;
}

.note {
  font-size: 0.8em;
}

#text-overview .note {
  height: 30px;
  width: 485px;
  margin: 82px 0 0 0px;
  position: absolute;
  font-size: 0.8em;
}

ul#liste-txt01 {
  margin: -6px 0 0 0px;
  white-space: nowrap;
  position: absolute;
}
ul#liste-txt02 {
  margin: -6px 0 0 205px;
  white-space: nowrap;
  position: absolute;
}
ul#liste-txt03 {
  margin: -6px 0 0 345px;
  white-space: nowrap;
  position: absolute;
}
ul#liste-overview01 {
  margin: -10px 0 0 115px;
  padding-left: 0;
  white-space: nowrap;
  font-weight: normal;
  line-height: 1.4em;
  font-size: 0.9em;
  color: #535353;
}

ul#liste-overview01-fr {
  margin: -15px 0 0 115px;
  padding-left: 0;
  white-space: nowrap;
  font-weight: normal;
  line-height: 1.4em;
  font-size: 0.9em;
  color: #535353;
}

#liste-overview01 li, #liste-overview01-fr li  {
  list-style-type: none;
  padding-left: 25px;
}
#titre-liste01{
  margin: -10px 0 0 40px;
  padding-left: 0px;
  white-space: nowrap;
  line-height: 1.5em;
  font-weight: normal;
  font-size: 1.7em;
  color: #bd0014;
  text-decoration: none;
}
#titre-liste01 a{
  color: #bd0014;
  text-decoration: none;
}

#titre-liste01 a:hover{
  color: #535353;
  text-decoration: underline;
}
ul#liste-overview02 {
  margin: -12px 0 0 -18px;
  width: 155px; 
  white-space: nowrap;
  font-weight: normal;
  line-height: 1.5em;
  font-size: 0.9em;
  text-align: right;
  color: #535353;
}
#liste-overview02 li {
  list-style-type: none;
  padding-left: 25px;
}
#titre-liste02, #titre-liste02-fr{
  margin: -8px 0 0 140px;
  padding-left: 0px;
  white-space: nowrap;
  line-height: 1.5em;
  font-weight: normal;
  font-size: 1.7em;
  color: #bd0014;
  text-decoration: none;
}

#titre-liste02-fr{
  margin: -18px 0 0 140px;
}

#titre-liste02 a, #titre-liste02-fr a{
  color: #bd0014;
  text-decoration: none;
}

#titre-liste02 a:hover, #titre-liste02-fr a:hover{
  color: #535353;
  text-decoration: underline;
}



/* --- BLOC INDUSTRIES EN GENERAL--- */ 
#text-industries-italic{
  height: 100px;
  width: 265px;
  margin: 50px 0 0 47px;
  font-size: 0.9em;
  line-height: 1.2em;
  color: #2c2c2c;
  font-style: italic;
  font-weight: bold;
  position: absolute;
}
#liste-services li, #liste-industries li{
  margin: 0 0 2px 3px;
}
.titre-rouge{
  margin: 5px 0 2px 40px;
  font-weight: normal;
  font-size: 1.8em;
  color: #bd0014;
  text-decoration: none;
}
.industrie01 {
  background: url(img/industrie01.jpg) no-repeat;
  color: #535353;
}
.industrie01 a:hover, .industrie01 a.selected {
  background: url(img/industrie01-over.jpg) no-repeat;
  color: #ffffff;
}
.industrie02 {
  background: url(img/industrie02.jpg) no-repeat;
  color: #535353;
}
.industrie02 a:hover, .industrie02 a.selected {
  background: url(img/industrie02-over.jpg) no-repeat;
  color: #ffffff;
}
.industrie03 {
  background: url(img/industrie03.jpg) no-repeat;
  color: #535353;
}
.industrie03 a:hover, .industrie03 a.selected {
  background: url(img/industrie03-over.jpg) no-repeat;
  color: #ffffff;
}
.industrie04 {
  background: url(img/industrie04.jpg) no-repeat;
  color: #535353;
}
.industrie04 a:hover, .industrie04 a.selected {
  background: url(img/industrie04-over.jpg) no-repeat;
  color: #ffffff;
}
#bloc-industries {
  height: 442px;
  width: 943px;
  margin: 27px 0 0 1px;
  position: absolute;
  background: url(img/bloc-industries.jpg) no-repeat;
  z-index: -5;
}
#liste-industries-og {
  margin: 6px 0 0 0;
  white-space: nowrap;
  position: absolute;
}
#mysubmenuarea-indus {
  height: 300px;
  width: 485px;
  margin: -120px 0 0 400px;
  position: absolute;
  font-size: 1em;
  line-height: 1.4;
}
#liste-industries-ip02{
  width: 180px;
  height: 110px;
  position: absolute;
  margin: 6px 0 0 90px;
}
#liste-industries-ip03{
  width: 180px;
  height: 110px;
  position: absolute;  
  margin: 6px 0 0 175px;
}

#industries-photo01, #industries-photo02, #industries-photo03, #industries-photo04{
  height: 141px;
  width: 598px;
  position: absolute;
  margin: 135px 0 0 -58px;
}
#industries-photo01{background: url(img/industries-photo01.jpg) no-repeat;}
#industries-photo02{background: url(img/industries-photo02.jpg) no-repeat;}
#industries-photo03{background: url(img/industries-photo03.jpg) no-repeat;}
#industries-photo04{background: url(img/industries-photo04.jpg) no-repeat;}



/* --- BLOC SERVICES --- */
#bloc-services {
  height: 442px;
  width: 943px;
  margin: 27px 0 0 1px;
  position: absolute;
  background: url(img/bloc-services01.jpg) no-repeat;
  z-index: -5;
}
#mysubmenuarea {
  height: 300px;
  width: 485px;
  margin: -167px 0 0 400px;
  position: absolute;
  font-size: 1em;
  line-height: 1.4;
}
#mysubmenuarea a {
  font-style: normal;
  color: #bd0014;
  text-decoration: underline;
}
#mysubmenuarea a:hover {
  font-style: normal;
  color: #535353;
  text-decoration: underline;
}


#text-services .note {
  height: 30px;
  width: 485px;
  margin: 212px 0 0 0;
  position: absolute;
  font-size: 0.8em;
}
#text-services-italic{
  font-style: italic;
  font-weight: bold;
  height: 100px;
  width: 245px;
  margin: 20px 0 0 47px;
  font-size: 0.9em;
  line-height: 1.2em;
  color: #2c2c2c;
  position: absolute;
}
#mytabsmenu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#mytabsmenu a {
  display: block;
  width: 317px;
  height: 25px;
  padding: 0 0;
  white-space: nowrap;
  font-weight: bold;
  line-height: 1.70em;
  font-size: 1.2em;
  padding-left: 40px;
}

.service01 {
  background: url(img/service01.jpg) no-repeat;
  margin: 0 0 2px 3px;
  color: #535353;
}
.service01 a:hover, .service01 a.selected {
  background: url(img/service01-over.jpg) no-repeat;
  color: #ffffff;
}
.service02 {
  background: url(img/service02.jpg) no-repeat;
  margin: 0 0 2px 3px;
  color: #535353;
}
.service02 a:hover, .service02 a.selected {
  background: url(img/service02-over.jpg) no-repeat;  
  color: #ffffff;
}
.service03 {
  background: url(img/service03.jpg) no-repeat;
  margin: 0 0 2px 3px;
  color: #535353;
}
.service03 a:hover, .service03 a.selected {
  background: url(img/service03-over.jpg) no-repeat;
  color: #ffffff;
}
.service04 {
  background: url(img/service04.jpg) no-repeat;
  margin: 0 0 2px 3px;
  color: #535353;
}
.service04 a:hover, .service04 a.selected {
  background: url(img/service04-over.jpg) no-repeat;  
  color: #ffffff;
}
.service05 {
  background: url(img/service05.jpg) no-repeat;
  margin: 0 0 2px 3px;
  color: #535353;
}
.service05 a:hover, .service05 a.selected {
  background: url(img/service05-over.jpg) no-repeat;
  color: #ffffff;
}
.service06 {
  background: url(img/service06.jpg) no-repeat;
  margin: 0 0 2px 3px;
  color: #535353;
}
.service06 a:hover, .service06 a.selected {
  background: url(img/service06-over.jpg) no-repeat;
  color: #ffffff;
}
ul#liste-services-transaction {
  margin: 10px 0 0 0px;
  white-space: nowrap;
}



/* --- BLOC TEAM INTRO--- */ 
#bloc-team {
  height: 442px;
  width: 943px;
  margin: 27px 0 0 1px;
  position: absolute;
  background: url(img/bloc-team.jpg) no-repeat;
  z-index: -5;
}
#text-team-intro {
  height: 300px;
  width: 225px;
  margin: 43px 0 0 80px;
  position: absolute;
  font-size: 1em;
  line-height: 1.4;
}  
#liste-team {
  height: 300px;
  width: 445px;
  margin: 20px 0 0 0px;
  font-size: 1.2em;
  line-height: 2em;
}
#liste-team a {
  color: #535353;
  text-decoration: none;
}
#liste-team a:hover {
  color: #bd0014;
  text-decoration: underline;
}


/* --- BLOC TEAM 01--- */ 
#bloc-team01 {
  height: 442px;
  width: 943px;
  margin: 27px 0 0 1px;
  position: absolute;
  background: url(img/bloc-team01.jpg) no-repeat;
  z-index: -5;
}

#titre-team {
  height: 300px;
  width: 445px;
  margin: 25px 0 0 80px;
  position: absolute;
  font-size: 1.7em;
  line-height: 1.8;
}

#titre-team .team-nom {
  margin: 22px 0 0 0;
  position: absolute;
  font-size: 1em;
  color: #bd0014;
}

#titre-team .team-texte {
  font-style: normal;
  width: 570px;
  text-align: justify;
  margin: -5px 0 0 0;
  position: absolute;
  font-size: 0.6em;
  line-height: 1.3em;  
}
#titre-team .team-texte a{
  font-style: normal;
  color: #535353;
  text-decoration: underline;
}
#titre-team .team-texte a:hover{
  color: #bd0014;
}
#team-contact {
  margin: 315px 0 0 717px;
  position: absolute;
  font-size: 1em;
  color: #bd0014;
}
#team-contact a {
  font-style: normal;
  color: #bd0014;
  text-decoration: underline;
}
#team-contact a:hover {
  font-style: normal;
  color: #535353;
  text-decoration: underline;
}



/* --- PHOTOS EXPERTS --- */ 
#photo-anton, #photo-bruno, #photo-robert, #photo-jeanpierre, #photo-denis {
  height: 304px;
  width: 222px;
  margin: 3px 0 0 717px;
  position: absolute;
  z-index: 10;
}



/* --- BLOC PUBLICATIONS --- */ 
#bloc-publications {
  height: 442px;
  width: 943px;
  margin: 27px 0 0 1px;
  position: absolute;
  background: url(img/bloc-publications.jpg) no-repeat;
  z-index: -5;
}
#titre-books {
  height: 300px;
  width: 445px;
  margin: -10px 0 0 40px;
  position: absolute;
  font-weight: normal;
  font-size: 1.7em;
  color: #bd0014;
  text-decoration: none;
}

#book1, #book2, #book3, #book4, #book5, #book6, #book7, #book8{
  height: 96px;
  width: 270px;
  position: absolute;
}
#book1{margin: 45px 0 0 40px;}
#book2{margin: 145px 0 0 40px;}
#book3{margin: 245px 0 0 40px;}
#book4{margin: 45px 0 0 420px;}
#book5{margin: 145px 0 0 420px;}
#book6{margin: 245px 0 0 420px;}
#book7{margin: 45px 0 0 680px;}
#book8{margin: 145px 0 0 680px;}

.img-books {
  height: 90px;
  width: 64px;
  margin: 0 0 0 0;
  position: absolute;
  float: left
}
.text-books {
  font-size: 0.9em;
  line-height: 1.3;
  float: right;
  position: absolute;
  margin: -10px 0 0 76px;
}
.text-books a {
  color: #535353;
  text-decoration: none;
}
.text-books a:hover {
  color: #535353;
  text-decoration: underline;
}

#titre-research {
  height: 40px;
  width: 445px;
  margin: -10px 0 0 420px;
  position: absolute;
  font-weight: normal;
  font-size: 1.7em;
  color: #bd0014;
  text-decoration: none;
}



/* --- BLOC CONTACT --- */ 
#bloc-contact {
  height: 442px;
  width: 943px;
  margin: 27px 0 0 1px;
  position: absolute;
  background: url(img/bloc-contact.jpg) no-repeat;
  z-index: -5;
}
#text-contact {
  height: 300px;
  width: 300px;
  margin: 38px 0 0 160px;
  position: absolute;
  font-size: 1em;
  line-height: 0.7;
}

#text-contact-mail {
  height: 50px;
  width: 300px;
  margin: 290px 0 0 160px;
  position: absolute;
  font-size: 1.2em;
}
#text-contact-mail a {
  color: #bd0014;
  text-decoration: underline;
}
#text-contact-mail a:hover {
  color: #535353;
  text-decoration: underline;
}



/* --- CREDITS --- */ 
#mariebocquet {
  height: 20px;
  width: 320px;
  text-align: right; 
  color: #999999;
  font-size: .8em;
  margin: 440px 0 0 615px;
  position: absolute;
  z-index: 20px;
}  
#mariebocquet a {
  color: #999999;
  text-decoration: none;
}
#mariebocquet a:hover {
  color: #535353;
  text-decoration: none;
}