* { font-family: Verdana, sans-serif; }
html, body { margin: 0; padding: 0; text-align: left; }
body { background: #262a30; overflow: hidden; }
#wrap { position: absolute; top: 50%; height: 544px ; margin: -277px 0 0 0; background: url(/_itn/img/fd.gif); width: 100%; text-align: center; }
img { border: 0px; }
#videoConteneur { width: auto; margin: 0 auto; text-align: center; }
/* DATA */
#cadre { height: 544px; width: 996px; text-align: left; margin: 0 auto; }
#base { color: #d5cec4; height: 15px; font: 10px Verdana, sans-serif; }
#top { height: 92px; background: url(/_itn/img/topfd.gif); }
#topleft { float: left; width: 766px; }
#topright { float: right; width: 230px; }
#datahome { /*background: url(/_itn/img/home.jpg);*/ height: 516px; width: 996px; float: left; }
#data { background: #191b20; color: #fff; height: 384px; margin: 0; font: 10px Verdana, sans-serif; padding: 0 30px 0 30px; overflow-y: auto; overflow-x: hidden; }
* html #data { scrollbar-face-color: #695b4b; scrollbar-shadow-color: #695b4b; scrollbar-highlight-color: #695b4b; scrollbar-3dlight-color: #3a3d3f; scrollbar-darkshadow-color: #3a3d3f; scrollbar-track-color: #3a3d3f; scrollbar-arrow-color: #191b20; }
#datamarge { padding: 6px 0 0 0; }
.clear { clear: both; }
/* Mise En Forme */
#data-txt-left { float: left; width: 310px; font: bold 10px Verdana, sans-serif; color: #e3eaf0; }
#data-txt-left a { color: #8e764e; }
#data-img-right { float: right; width: 590px; }
#img-2x-cadre { padding: 40px 0 0 60px; }
.img-2x { float: left; text-align: center; margin: 0 37px 0 37px; width: 335px; }
.img-2x a { font: 11px Verdana, sans-serif; color: #fff; text-decoration: none; }
.img-2x a:hover { color: #8e764e; }
#img-3x-cadre { padding: 40px 0 0 40px; }
.img-3x { float: left; text-align: center; margin: 0 37px 0 37px; }
.img-3x a { font: 11px Verdana, sans-serif; color: #fff; text-decoration: none; }
.img-3x a:hover { color: #8e764e; }
#img-6x-cadre { padding: 0 0 0 40px; }
.txt10 { font: 10px Verdana !important; }
.txt10w { font: 10px Verdana, sans-serif; color: #fff; }
a.txt10 { font: 10px Verdana, sans-serif; color: #fff !important; text-decoration: none; }
a.txt10:hover { color: #8e764e !important; }
a.txt11 { font: 10px Verdana, sans-serif; color: #fff; text-decoration: none; }
a.txt11:hover { color: #8e764e; }
.txt12 { font: 12px Verdana, sans-serif; color: #fff; }
/* TEXTE ET TEXTE */
#txt-txt { margin: 0 0 0 68px; width: 740px; }
#txt-txt-left { float: left; width: 300px; text-align: right; }
.txt-txt-titre { border-bottom: #8e764e 1px solid; padding: 0 0 6px 0; font: bold 12px Verdana, sans-serif; }
.txtleft { border-bottom: #d5cec4 1px solid; padding: 6px 50px 6px 0; }
.txtleft, .txtleft a { font: italic bold 12px Verdana, sans-serif; color: #d5cec4; text-decoration: none; }
.txtleft a:hover { color: #8e764e; }
#txt-txt-right { float: right; width: 370px; text-align: right; }
.ref-date { font: italic bold 12px Verdana, sans-serif; color: #d5cec4; padding: 6px 0 6px 0; }
.ref-txt10 { font: 10px Verdana, sans-serif; color: #d5cec4; padding: 6px 0 6px 10px; }
.ref-txtright { font: italic bold 11px/18px Verdana, sans-serif; color: #d5cec4; text-align: right; padding: 3px 0 3px 0; margin: 0; }
.ref-txtright span { display: block; padding: 0 1em 0 1em; }
.ref-txtright a { font: italic bold 12px Verdana, sans-serif; color: #d5cec4; text-align: right; text-decoration: none; padding: 6px 0 6px 0; }
.ref-txtright a: hover { color: #8e764e; }
.reflg { border-bottom: #d5cec4 1px solid; height: 1px; }
/* AGENDA */
#agendatemoin { width: 100%; float: left; clear: left; }
#agendatemoin span, #agendatemoin img
{ float: left; display: block; width: auto; }
.agendaon { padding: 0 4px 4px 4px ; border-top: #8e764e 1px solid; border-bottom: #8e764e 1px solid; font: italic 11px Verdana, sans-serif; color: #8e764e; background: #191b20; width: 130px; text-align: center; }
.agenda-lg { border-bottom: #8e764e 1px solid; margin: 0; padding: 0; }
#agenda { margin: 0 0 0 30px; width: 810px; }
#agenda-left { float: left; width: 360px; }
.agenda-titre { font: bold 10px Verdana, sans-serif; color: #8e764e; padding: 4px 0 0 0; }
.agenda-sep { border-bottom: #d5cec4 1px solid; clear: both; padding: 4px 0 4px 0; }
.agenda-left-img { float: left; width: 80px; padding: 6px 0 0 0; }
.agenda-right-txt { float: right; width: 280px; }
#agenda-right { float: right; width: 360px; }
/* PRESSE */
#presse { margin: 0 0 0 30px; width: 650px; }
#pressetemoin { display: block; float: left; width: 100%; }
.partenaireson { display: block; float: left; padding: 0 4px 4px 4px ; border-top: #8e764e 1px solid; border-bottom: #8e764e 1px solid; font: italic 11px/13px Verdana, sans-serif; color: #8e764e; background: #191b20; text-align: center; }
#pressetemoin a, #pressetemoin img
{ float: left; display: block; width: auto; }
.presse-lg { border-bottom: #8e764e 1px solid; margin: 0; padding: 0; }
.presse-titre { font: bold 10px Verdana, sans-serif; color: #8e764e; padding: 4px 0 0 0; }
.presse-left { float: left; width: 244px; }
.presse-left-img { float: left; width: 80px; padding: 6px 0 0 0; }
.presse-left-txt { float: left;/*right*/; width: 160px; }
.presse-right { float: right; width: 360px; text-align: right; }
.presse-right-txt { padding: 6px 0 0 0; }
.presse-right-txt a { display: block; float: left; width: 91%; }
.presse-right-txt img { display: block; float: left; padding: 0 0 0 10px; }
.presse-sep { border-bottom: #d5cec4 1px solid; clear: both; padding: 4px 0 4px 0; }
/* PARTENAIRES */
.partenairestemoin { float: left; clear: left; width: 100%; }
.partenairestemoin a, .partenairestemoin img
{ display: block; float: left; }
.partenaireson { display: block; float: left; padding: 0 4px 4px 4px ; border-top: #8e764e 1px solid; border-bottom: #8e764e 1px solid; font: italic 11px/13px Verdana, sans-serif; color: #8e764e; background: #191b20; text-align: center; }
.partenaires-lg { border-bottom: #8e764e 1px solid; margin: 0 0 6px 0 ; padding: 0; }
#partenaires { margin: 0 0 0 30px; width: 810px; }
#partenaires-left { float: left; width: 360px; }
.partenaires-titre { font: bold 10px Verdana, sans-serif; color: #8e764e; padding: 4px 0 0 0; }
.partenaires-sep { border-bottom: #d5cec4 1px solid; clear: both; padding: 4px 0 4px 0; }
.partenaires-left-img { float: left; width: 80px; padding: 6px 0 0 0; }
.partenaires-right-txt { float: right; width: 280px; }
#partenaires-right { float: right; width: 360px; }
/* Metier */
.metier-centre { text-align: center; }
.metier-top { margin: 0 0 0 180px; }
.metier-milieu { margin: 0 0 0 90px; }
.metier { margin: 0; padding: 0; }
.metier-left { float: left; width: 520px; }
.metier-right { float: right; padding: 20px 0 0 0; }
.metier-img { float: left; padding: 0 13px 0 0; text-align: center; width: 174px; }
.metier-3 { float: left; padding: 0 13px 0 0; text-align: center; width: 546px; }
* html .metier-3 { width: 559px; }
.metier-des { padding: 20px 0 0 13px; }
.metier-video { float: right; }
.metier-video-cadre { border: #8e764e 1px solid; padding: 10px; }
/* REFERENCE */
.reference-left { float: left;}
/* MENU */
.menu { color: #d5cec4;float: left; clear: right; }
#menuon, .menu a,.menu a:hover
{ border-top: #8e764e 1px solid; border-bottom: #858689 1px solid; font: italic 11px/13px Verdana, sans-serif; text-decoration: none; background: #191b20; }
#menuon { color: #8e764e; }
.menu a:hover { color: #8e764e; }
.menu a { color: #d5cec4; }
.menu a { display: block; float: left; margin: 0; padding: 2px 0 2px 0; }
.menu img { display: block; float: left; margin: 0; padding: 0; }
/* NAV */
.nav { float: left; clear: left; width: auto; }
#navon, .nav a, .nav a:hover
{ border-top: #8e764e 1px solid; border-bottom: #8e764e 1px solid; font: italic 11px/13px Verdana, sans-serif; text-decoration: none; background: #191b20; }
#navon { color: #8e764e; }
.nav a:hover { color: #8e764e; }
.nav a { color: #d5cec4; }
.nav a { display: block; float: left; margin: 0; padding: 2px 0 2px 0; }
.nav img { display: block; float: left; margin: 0; padding: 0; }
/* NAV NIVEAU 3*/
.nav3 { float: left; clear: left; width: 100%; margin: 0 0 1em 0; }
#nav3on, .nav3 a,.nav3 a:hover
{ border-top: #8e764e 1px solid; border-bottom: #8e764e 1px solid; font: italic 11px/13px Verdana, sans-serif; text-decoration: none; background: #191b20; text-align: center; }
#nav3on { color: #8e764e !important}
.nav3 a:hover { color: #8e764e !important; }
.nav3 a { color: #d5cec4 !important; }
.nav3 a { display: block; float: left; margin: 0; padding: 2px 0 2px 0; }
.nav3 img { display: block; float: left; margin: 0; padding: 0; }
#navsociete { margin: 0 0 0 40px; }
#navsocieteEN { margin: 0 0 0 30px; }
#navreference { margin: 0 0 0 340px; }
#navreferenceEN { margin: 0 0 0 380px; }
#navprojet { margin: 0 0 0 390px; }
#navprojetEN { margin: 0 0 0 420px; }
.pucetop { padding: 10px 0 0 0; }
.pucetop a { border-top: #8e764e 1px solid; font: 11px Verdana, sans-serif; color: #d5cec4; text-decoration: none; padding: 3px 0 0 0; }
.pucetop a:hover { color: #8e764e; }
/* FOOTER */
#footer { color: #fff; height: 50px; background: url(/_itn/img/footerfd.gif); }
#contact { font: 10px Verdana, sans-serif; text-align: right; color: #d5cec4; padding: 4px 100px 0 0; }
#contact a { color: #d5cec4; text-decoration: none; margin: 0 6px 0 6px; }
#contact a:hover, #contact a.on
{ color: #8e764e; }
#bot { padding: 20px 0 0 0; }
#adressefloat { float: left; }
#adresse, #adresse a { font: 9px Verdana, sans-serif; color: #d5cec4; text-decoration: none; }
#adresse a:hover { text-decoration: underline; }
#infos { float: right; font: 9px Verdana, sans-serif; }
#infos a { font: 9px Verdana, sans-serif; color: #8e764e; text-decoration: none; }
#infos a:hover { color: #d5cec4; }
/* Home */
.chantier { font: 10px Verdana, sans-serif; color: #d5cec4; margin: 90px 0 0 41px; }
.custom { font: 10px Verdana, sans-serif; color: #8e764e; margin: 10px 0 0 41px; }
.francais, .anglais, .contact
{ float: left; font: 10px Verdana, sans-serif; color: #8e764e; }
.francais { margin: 320px 0 0 54px; }
.anglais { margin: 320px 0 0 146px; }
.contact { margin: 320px 0 0 200px; }
.lien a { display: block; font: 10px Verdana, sans-serif; color: #8e764e; text-decoration: none; margin: 0 6px 0 6px; border-top: #8e764e 1px solid; width: 160px; text-align: center; padding: 4px 0 0 0; }
.lien a:hover { font: 10px Verdana, sans-serif; color: #d5cec4; text-decoration: none; margin: 0 6px 0 6px; border-top: #d5cec4 1px solid; }
.contact a { display: block; font: 10px Verdana, sans-serif; color: #d5cec4; text-decoration: none; margin: 0 6px 0 6px; border-bottom: #8e764e 1px solid; width: 160px; text-align: center; padding: 0 0 4px 0; }
.contact a:hover { font: 10px Verdana, sans-serif; color: #8e764e; text-decoration: none; margin: 0 6px 0 6px; border-bottom: #d5cec4 1px solid; }
.temoinBlanc { color: #ffffff !important; }
/* Nouveaux styles 'References' */
.ligneRefFull { float: left; clear: both; border-bottom: solid 1px #fff; padding: 3px 0 3px 0; width: 100%; }
.ligneRefFull span { display: block; float: left; font: bold 11px/24px Verdana, sans-serif; font-style: italic; color: #d5cec4; text-align: right; padding: 0; margin: 0; }
.ligneRefFull .annee { width: 15%; }
.ligneRefFull .label { width: 70%; }
.ligneRefFull .flecheClic
{ display: block; float: left; width: 10%; }
.ligneRefFull .flecheClic a
{ display: block; float: left; margin: 0 0 0 1em; }
/* Nouveaux styles tableau dans 'Contacts' */
.distancesContacts { float: left; clear: left; width: 100%; border-bottom: solid 1px #fff; }
.distancesContacts .ville, .distancesContacts .distance, .distancesContacts .m
{ display: block; float: left; }
.distancesContacts .ville, .distancesContacts .distance
{ width: 33%; text-align: right; }
.distancesContacts .distance
{ color: #8e764e; }
.distancesContacts .m { padding: 0 0 0 0.5em; }
/* Nouveaux styles pour les pages 'Films' */
.bordureSup { border-top: solid 1px #8e764e; clear: left; }
.ligneFilms { float: left; clear: left; border-bottom: solid 1px #fff; width: 100%; padding: 4px 0 4px 0; }
.ligneFilms a { display: block; width: 100%; text-decoration: none; height: 60px; cursor: pointer; }
.ligneFilms .capture { float: left; border: none; }
.ligneFilms .details { float: left; width: 230px; }
.ligneFilms .detailsFleche
{ display: block; float: left; width: 100%; color: #8e764e; padding: 0 0 10px 0; margin: 2px 0 0 /*1em*/0; }
.ligneFilms .detailsDetails
{ display: block; float: left; clear: left; width: 100%; color: #fff; }
.ligneFilms a:hover, .ligneFilms a:hover *, .ligneFilms a.on, .ligneFilms a.on *
{ background: #262A30; }
.ligneFilms a:hover .detailsFleche span, .ligneFilms a.on .detailsFleche span
{ background: #262A30 url(/_itn/img/puce-bottom.gif) no-repeat 4px 0; }
.ligneFilms a.on { cursor: default; }
.detailsFleche span { disaply: block; padding: 0 0 4px 24px; background: url(/_itn/img/puce-top.gif) no-repeat 4px 0; }
.detailsDetails span { display: block; margin: 0 0 0 1em; }
/* Nouveaux styles pour les lignes type 'Projets' (2 items par ligne) */
.ligneProjets { padding: 0 0 20px 0; float: left; clear: left; width: 94%; }
.ligneProjets .img-2x { margin: 0 !important; width: 50% !important; }
.relief { color: #8e764e; }
.specTable { width: 100%; }
.specLi { padding: 0 1em 0 0; white-space: nowrap; }
.specVal { text-align: right; }