/* CSS Document */
body { margin: 0px; padding:10px 0px 0px 0px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; color:#82A8DE; font-size:11px;}
div {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px}
form {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px}
select { font-size: 10px}
input { font-size: 10px}
img { border:0px }
#global {width:965px; margin:0 auto; padding:0px 0px 0px 0px; text-align:left; background-image: url(../images/border/back.gif);}
.global-top {width:965px; height:13px; padding:0px 0px 0px 0px; text-align:left; background-image: url(../images/border/borderTop.gif);}
.global-bot {width:965px; height:19px; padding:0px 0px 0px 0px; text-align:left; background-image: url(../images/border/borderBot.gif);}
.global-content {width:931px; margin:0 auto; padding:0px 0px 7px 0px; text-align:left}
.breaker {clear:both; overflow:hidden; height:0px;}
#flash-content {margin:0 auto ; padding:0px;}
/* Sondage */
#pollBox {margin:10px 0 0 0px; width:187px; /*margin:20px 0 0 16px;*/}
#pollBox .pds-box {}

#innovatPoll {margin:10px 0 0 0px; border:1px solid #82A8DE; width:185px;}
#innovatPoll h3 {font-size:11px; font-weight:normal; text-align:center; color:#FFF; background:#82A8DE; /*padding:3px 5px 5px 5px;*/ padding:3px 0; width:181px; margin:2px auto 2px auto;}
#innovatPoll .pollContent {margin:5px 0 0 8px;}
#innovatPoll .pollLine {margin:4px 0 0 0; /*background:lime;*/}
#innovatPoll .pollLine input {display:block; float:left; width:12px; height:12px; padding:0px; margin:2px 0 0 0;}
#innovatPoll .pollLine label {display:block; float:left; cursor:pointer; font-size:11px; /*line-height:12px;*/  padding:0 0 0 5px; margin:0px}
#innovatPoll input.submitBtn {display:block; border:1px solid #82A8DE; text-align:center; padding:0px 0px 0px 0px; width:181px; margin:7px auto 2px auto; background:#82A8DE; color:#FFF; text-transform:uppercase; font-size:10px; cursor:pointer; font-weight:bold; line-height:11px; font-family:Arial, "Trebuchet MS"; padding:0px;}
#innovatPoll input:hover.submitBtn {border:1px solid #82A8DE; background:#FFF; color:#82A8DE; }
#innovatPoll a.submitBtn {display:block; border:1px solid #82A8DE; text-align:center; padding:0px 0px 0px 0px; width:181px; margin:7px auto 2px auto; background:#82A8DE; color:#FFF; text-transform:uppercase; font-size:11px; cursor:pointer;}
#innovatPoll a:hover.submitBtn {border:1px solid #82A8DE; background:#FFF; color:#82A8DE; }

.ajaxLoading {background:url(../images/ajaxLoader.gif) no-repeat center center; height:100%; width:100%}
#feedback {}
#feedback .resultVotes {padding:2px 5px 7px 5px;}
#feedback .resultVotes p.pollAnswer {margin:0; padding:10px 0 0 0;}
#feedback .resultVotes .pollProgressBar {background:#FFF; height:10px; margin:0px 0 0 0; float:left; width:130px}
#feedback .resultVotes .pollProgressBar img {background:url(../images/pollBar.gif) repeat-x; height:6px; margin:4px 0px 2px 2px; }
#feedback .resultVotes span {color:#000; font-size:10px; display:block; float:left; padding:0 0 0 7px}

/* Header */
#Bot {visibility:hidden}
.header {width:935px; overflow:hidden}
.header .logo {width:192px; height:88px; float:left}
.header .menu {width:739px; float:left}
.header .menu .top {width:739px; height:20px; padding-top:6px; }
.header .menu .top .collaborateur {width:114px; height:21px; float:right; padding:0 10px 0 10px; /*padding-left:540px*/}
.header .menu .top .langue {width:150px;  float:right; margin:0px 0 0 0px;}
.header .menu .top .langue a {}
.header .menu .top .langue a img {border:none; height:16px;}

.header .menu .top .langue a.langTab {display:block; float:left; margin-right:4px; text-align:center; text-decoration:none; background:url('../images/header/onglet_bg_small.jpg') no-repeat 0% 50%; width:70px; line-height:20px; color:#B5B5B5; font-size:11px;}
.header .menu .top .langue a.active {font-weight:bold;}

.header .menu .bot {width:739px; height:67px;}
.header .menu .bot .topNav {width:80px; height:32px; float:left;}
.header .menu .bot .nav {width:648px; float:left;}
.header .menu .bot .nav .navTop {width:648px;}
.header .menu .bot .nav .navTop table {width:648px; height:16px; text-align:center}
.header .menu .bot .nav .navTop td.active {background-color:#0067b1;}
.header .menu .bot .nav .navTop td.active a {font-weight:bold; text-decoration:none; font-size:11px; color:#FFFFFF;}
.header .menu .bot .nav .navTop td.rubrique {background-color:#FFFFFF; border-left-width:2px; border-left-color:#0067b1; border-left-style:solid;}
.header .menu .bot .nav .navTop td.none {background-color:#FFFFFF; border:none; display:none;}
.header .menu .bot .nav .navTop td.rubrique a {font-weight:bold; text-decoration:none; font-size:11px; color:#0067b1;}
.header .menu .bot .nav .navTop td.rubriqueAccueil {background-color:#FFFFFF;}
.header .menu .bot .nav .navTop td.rubriqueAccueil a {font-weight:bold; text-decoration:none; font-size:11px; color:#0067b1;}

.header .menu .bot .nav .navBot {width:648px;}
.header .menu .bot .nav .navBot table {width:648px; height:16px; text-align:center}
.header .menu .bot .nav .navBot td.sous-active {background-color:#0067b1; border-width:1px; border-color:#0067b1; border-style:solid;}
.header .menu .bot .nav .navBot td.sous-active a {font-weight:bold; text-decoration:none; font-size:11px; color:#FFFFFF;}
.header .menu .bot .nav .navBot td.sous-rubrique {background-color:#FFFFFF; border-width:1px; border-color:#0067b1; border-style:solid;}
.header .menu .bot .nav .navBot td.sous-rubrique a {font-weight:bold; text-decoration:none; font-size:11px; color:#0067b1;}

/* left-content */
.left-content {width:185px; margin:0 0 0 10px; float:left}
.left-content a {text-align:left; margin-left:3px; font-size:11px; font-weight:bold; color:#788AA4; text-decoration:none;}
.left-content #myGallery a {text-align:left; margin-left:0px; font-size:10px; font-weight:normal; color:#FFF; text-decoration:none; text-transform:uppercase;}
.left-content img {/*width:185px; height:23px;*/}
.left-content .liens {width:185px; padding:0 0 5px 0; vertical-align:top; border-width:1px; border-color:#82A8DE; border-style:solid;}
.left-content .liens .title {text-align:left; margin-left:3px; font-size:11px; font-weight:bold; color:#788AA4;}
.left-content .communique {width:185px; margin-top:10px; vertical-align:top; border-width:1px; border-color:#82A8DE; border-style:solid; background-color:#F7F7F7;}
.left-content .communique .title {text-align:left; margin-left:3px; font-size:11px; font-weight:bold; color:#788AA4; background-color:#F7F7F7;}
.left-content .communique .savoir {text-align:left; margin:0 5px 5px 3px;}
.left-content .communique .savoir a {margin:0 5px 5px 3px; font-weight:normal; font-style:italic; font-size:11px; color:#788AA4; background-color:#F7F7F7;}
.left-content .communique .text {text-align:left; padding:0 5px 3px 3px; font-size:11px; color:#788AA4; background-color:#F7F7F7;}
.left-content .documents {width:185px; margin-top:10px; vertical-align:top; border-width:1px; border-color:#82A8DE; border-style:solid;}
.left-content .documents .title {text-align:left; margin:0 5px 5px 5px; font-size:11px; font-weight:bold; color:#788AA4;}
.left-content .contact {width:185px; margin-top:10px; vertical-align:top; border-width:1px; border-color:#82A8DE; border-style:solid;}
.left-content .contact .title {text-align:left; margin:0 5px 5px 5px; font-size:11px; font-weight:bold; color:#788AA4;}
.left-content .contactClient {width:185px; margin-top:10px; vertical-align:top; border-width:1px; border-color:#82A8DE; border-style:solid;}
.left-content .contactClient .title {text-align:left; margin:0 5px 5px 0; font-size:11px; font-weight:bold; color:#788AA4;}
.left-content .contactColla {width:185px; vertical-align:top; border-width:1px; border-color:#82A8DE; border-style:solid;}
.left-content .contactColla .title {text-align:left; margin:0 5px 5px 5px; font-size:11px; font-weight:bold; color:#788AA4;}

/* Footer */
.footer {clear:both; width:916px; margin:0px 0 0 5px; background:url(../images/footer/bgFooter.gif) no-repeat; background-position:0px 12px; padding-top:10px;}
* html .footer {height:13px; overflow:hidden;}	/* IE6*/
.footer img {height:11px; float:left;}
.footer ul {margin:0 0 0 600px; overflow:hidden;}
.footer ul li {list-style:none; float:right; padding:0 10px 0 0px; }
.footer ul li a {color:#FFF; font-size:10px; text-transform:uppercase; text-decoration:none; font-weight:bold; font-family:Verdana, sans-serif;}
.footer ul li a:hover {text-decoration:none; color:#82a8de;}

/* Bandeau */
.bandeau {width:931px; overflow:hidden}
.bdColla {width:916px; margin-left:4px; border-width:1px; border-color:#82A8DE; border-style:solid; overflow:hidden}
.bdInno {width:916px; margin-left:4px; border-width:1px; border-color:#82A8DE; border-style:solid; overflow:hidden}
.bdSavoir {width:916px; margin-left:4px; border-width:1px; border-color:#82A8DE; border-style:solid; overflow:hidden}
.bdCandidat {width:916px; margin-left:4px; border-width:1px; border-color:#82A8DE; border-style:solid; overflow:hidden}
.bdClient {width:916px; margin-left:4px; border-width:1px; border-color:#82A8DE; border-style:solid; overflow:hidden}
.bdActu {width:916px; margin-left:4px; border-width:1px; border-color:#82A8DE; border-style:solid; overflow:hidden}
.bdContact {width:916px; margin-left:4px; border-width:1px; border-color:#82A8DE; border-style:solid; overflow:hidden}

/* Acceuil Content */
.content {width:922px; margin:9px 0 0 12px;}
.content .intro {width:175px; vertical-align:top; background-color:#82A8DE; float:left; height:225px; overflow:hidden;} /* Hauteur fixe ! */
.content .intro img {width:175px; clear:both}
.content .intro .introPara {width:175px; clear:both; background-color:#82A8DE; color:#FFFFFF;}
.content .intro .introPara p {width:165px; margin:0 0 0 7px;}
.content .intro .introPara .text {width:165px; clear:both; margin:0 0 0 7px; color:#FFFFFF;}
.content .intro_en {width:354px; vertical-align:top; background-color:#82A8DE; float:left; height:225px; overflow:hidden;} /* Hauteur fixe ! */
.content .intro_en img {/*width:354px;*/ clear:both}
.content .intro_en .introPara {width:354px; clear:both; background-color:#82A8DE; color:#FFFFFF;}
.content .intro_en .introPara p {width:344px; margin:0 0 0 7px;}
.content .intro_en .introPara .text {width:165px; clear:both; margin:0 0 0 7px; color:#FFFFFF;}

.content .actu {width:174px; vertical-align:top; margin-left:5px; background-color:#73CAD2; float:left; height:225px; overflow:hidden;} /* Hauteur fixe ! */
.content .actu img {width:174px; /*clear:both*/}
.content .actu .actuPara {width:174px; /*clear:both;*/ background-color:#73CAD2;}
.content .actu .actuPara .titre1 {width:165px; /*clear:both;*/ padding:0 0 0 7px; color:#FFFFFF; font-size:11px; font-weight:bold;}
.content .actu .actuPara .titre2 {width:165px; /*clear:both;*/ padding:4px 0 0 7px; color:#FFFFFF; font-size:11px; font-weight:bold;}
.content .actu .actuPara a {color:#FFF; text-decoration:none;}
.content .actu .actuPara a:hover {text-decoration:underline;}
.content .actu .actuPara .text {width:165px; /*clear:both;*/ padding:1px 0 7px 7px; color:#FFFFFF;}
.content .pole {width:184px; vertical-align:top; margin-left:5px; float:left;  height:225px; overflow:hidden;} /* Hauteur fixe ! */
.content .pole .poleTop { clear:both; height:46px; overflow:hidden;}
.content .pole .poleMid { padding-top:10px; clear:both; height:46px; overflow:hidden;}
.content .pole .poleBot { padding-top:10px; clear:both; height:60px; overflow:hidden;}
.content .pole .poleBot2 { padding-top:10px; clear:both; height:46px; overflow:hidden;}

.content .candidat {width:358px; vertical-align:top; margin-left:5px; background-color:#FFA800; float:left; height:225px; overflow:hidden;} /* Hauteur fixe ! */
.content .candidat .candiTitle {width:358px; color:#FFFFFF; padding:9px 0 9px 0;}
.content .candidat .candiBloc {margin:5px 0 0px 0; width:358px; color:#FFFFFF; }
.content .candidat .candiBloc p {margin:0px 0 0px 10px;}
.content .candidat .candiBloc img {margin:5px 0 0 0; width:358px; height:112px;}
.content .candidat .candiContent {width:348px; /*line-height:16px;*/ padding:7px 0 0px 10px; background-color:#FFA800;}
.content .candidat .candiContent a {font-style:italic; font-weight:bold; color:#FFFFFF; text-decoration:none; font-size:11px;}
.content .candidat .candiContent a:hover {text-decoration:underline;}


/* CollaborateursContent */
.collaContent {width:920px; margin:9px 0 0 4px;}
.collaContent .collaCenter {width:719px; vertical-align:top; border-width:1px; border-color:#82A8DE; border-style:solid; float:left}
.collaContent .collaCenter img {/*width:719px; height:42px;*/}
.collaContent .collaCenter .collaText {width:700px; margin:5px 0 10px 10px;}
.collaContent .collaCenter .collaText img {margin:10px 10px 5px 0;}
.collaContent .collaCenter .collaText h1 {text-align:left; margin:5px 0 0 0; font-size:12px; font-weight:bold; color:#965C68;}
.collaContent .collaCenter .collaText h1 a {text-align:left; margin:5px 0 0 0; font-size:12px; font-weight:bold; color:#965C68; text-decoration:none;}
.collaContent .collaCenter .collaText h2 {text-align:left; margin:5px 0 0 0; font-size:12px; font-weight:bold; color:#965C68;}
.collaContent .collaCenter .collaText p {text-align:left; margin:15px 0 0 0; color:#4F5673;}
.collaContent .collaCenter .collaText a {font-weight:normal; font-size:11px; color:#4F5673; text-decoration:underline;}
.collaContent .collaCenter .collaText a:hover {text-decoration:none;}
.collaContent .collaCenter .collaPhoto {margin:5px 0 0 10px;}
.collaContent .collaCenter .collaPhoto a {text-decoration:none;}
.collaContent .collaCenter .collaPhoto img {/*width:172px;*/ height:129px;}
.collaContent .collaCenter .collaLink {clear:both; width:719px; height:30px; padding:30px 0 5px 1px;}
.collaContent .collaCenter .collaLink .link1 {float:left; padding:0 1px 0 0;}
.collaContent .collaCenter .collaLink .link1 img {width:178px; height:30px;}
.collaContent .collaCenter .collaLink .link2 {float:left; padding:0 1px 0 0;}
.collaContent .collaCenter .collaLink .link2 img {width:177px; height:30px;}
.collaContent .collaCenter .collaLink .link3 {float:left; padding:0 1px 0 0;}
.collaContent .collaCenter .collaLink .link3 img {width:178px; height:30px;}
.collaContent .collaCenter .collaLink .link4 {float:left; padding:0 1px 0 0;}
.collaContent .collaCenter .collaLink .link4 img {width:178px; height:30px;}
.collaContent .collaCenter .collaText ul.eventsList {}
.collaContent .collaCenter .collaText ul.eventsList li {list-style:none; color:#4f5673;}
.collaContent .collaCenter .collaText ul.eventsList li span.date {font-style:italic; padding:0 0 0 10px; font-size:10px}
.collaContent .collaCenter .collaText ul.eventsList li a {}
.collaContent .collaCenter .collaText ul.eventsList li a:hover {}
.collaContent .collaCenter .collaBackLink {width:719px; text-align:right; color:#965C68; }
.collaContent .collaCenter .collaBackLink a {padding:0 10px 0 0; font-weight:bold; font-size:12px; color:#965C68; text-decoration:none;}
.collaContent .collaCenter .collaBackLink a:hover {text-decoration:underline;} 
.collaContent .collaCenter .collaVideoLink {color:#4F5673; margin:5px 0 10px 10px;}
.collaContent .collaCenter .collaVideoLink a.videoLink {font-weight:normal; font-size:11px; font-weight:bold; color:#4F5673; text-decoration:none;}
.collaContent .collaCenter .collaVideoLink a.videoLink:hover {text-decoration:underline;}
.collaContent .collaCenter #videoPlayer {margin:0 0 0 10px; color:#000}
.collaContent .collaCenter #videoPlayer a {color:#000}
.collaContent .collaCenter #videoPlayer a:hover {text-decoration:none;}

/* InnoContent */
.innoContent {width:920px; margin:9px 0 0 4px;}
.innoContent .innoCenter {width:719px; vertical-align:top; border-width:1px; border-color:#82A8DE; border-style:solid; float:left}
.innoContent .innoCenter img {/*width:719px;*/}
.innoContent .innoCenter .innoText {width:700px; margin:5px 0 0px 10px; padding:0 0 10px 0;}
.innoContent .innoCenter .innoText h1 {text-align:left; margin:5px 0 0 0; font-size:12px; font-weight:bold; color:#82A8DE;}
.innoContent .innoCenter .innoText h2 {text-align:left; margin:5px 0 0 0; font-size:12px; font-weight:bold; color:#82A8DE;}
.innoContent .innoCenter .innoText p {text-align:left; margin:5px 0 0 0; color:#4F5673;}
.innoContent .innoCenter .innoText a {font-weight:normal; font-style:italic; font-size:11px; color:#4F5673; text-decoration:underline;}
.innoContent .innoCenter .innoText a:hover {text-decoration:none;}
.innoContent .innoCenter .innoText .innoEquipe {margin:10px 10px 5px 0; float:left}
.innoContent .innoCenter .innoText img {/*width:110px;*/ margin:5px 10px 5px 0 }
.innoContent .innoCenter .innoChiffres {margin:5px 0 9px 0px}
.innoContent .innoCenter .innoChiffres .innoChiffres1 {/*margin:0 9px 0 0;*/ float:left}
.innoContent .innoCenter .innoChiffres .innoChiffres1 img {/*width:337px; height:163px;*/ margin:0px 5px 5px 0; padding:4px; border-width:1px; border-color:#82A8DE; border-style:solid;}
.innoContent .innoCenter .innoChiffres .innoChiffres2  {margin:0 0px 0 0; float:left}
.innoContent .innoCenter .innoChiffres .innoChiffres2 img {/*width:338px; height:163px;*/ margin:0px 0px 5px 0; padding:4px; border-width:1px; border-color:#82A8DE; border-style:solid;}
.innoContent .innoCenter .innoRepartition {margin:35px 0 0 0}
.innoContent .innoCenter .innoText .innoCir {margin:5px 10px 5px 0; float:left}
.innoContent .innoCenter .innoText .innoCir img {/*width:153px; height:85px;*/}
.innoContent .innoCenter .innoText .innoISO {margin:5px 10px 5px 0; float:left}
.innoContent .innoCenter .innoText .innoISO img {/*width:85px; height:102px;*/}

/* SavoirContent */
.savoirContent {width:935px; margin:9px 0 0 4px;}
.savoirContent .savoirCenter {width:719px; vertical-align:top; border-width:1px; border-color:#82A8DE; border-style:solid; float:left}
.savoirContent .savoirCenter .savoirText img {/*width:719px; height:42px;*/margin:5px 10px 5px 0 }
.savoirContent .savoirCenter .savoirText {width:700px; margin:5px 0 10px 10px;}
.savoirContent .savoirCenter .savoirText h1 {text-align:left; margin:5px 0 0 0; font-size:12px; font-weight:bold; color:#7EB6D2;}
.savoirContent .savoirCenter .savoirText h2 {text-align:left; margin:5px 0 0 0; font-size:12px; font-weight:bold; color:#7EB6D2;}
.savoirContent .savoirCenter .savoirText p {text-align:left; margin:5px 0 0 0; color:#4F5673;}
.savoirContent .savoirCenter .savoirText .savoirEnergie {height:300px; margin:0 10px 5px 0; float:left}
.savoirContent .savoirCenter .savoirText .savoirEnergie img {/*width:215px; height:142px;*/}
.savoirContent .savoirCenter .savoirText .savoirTelecom {margin:0 10px 5px 0; float:left}
.savoirContent .savoirCenter .savoirText .savoirTelecom img {/*width:215px; height:142px;*/}
.savoirContent .savoirCenter .savoirText .savoirAuto {height:170px; margin:0 10px 5px 0; float:left}
.savoirContent .savoirCenter .savoirText .savoirAuto img {/*width:215px; height:142px;*/}
.savoirContent .savoirCenter .savoirText .savoirDefense {margin:0 10px 5px 0; float:left}
.savoirContent .savoirCenter .savoirText .savoirDefense img {/*width:215px; height:142px;*/}
.savoirContent .savoirCenter .savoirText .savoirMedical {margin:0 10px 5px 0; float:left}
.savoirContent .savoirCenter .savoirText .savoirMedical img {/*width:215px; height:142px;*/}
.savoirContent .savoirCenter .savoirText .savoirFerroviaire {margin:0 10px 5px 0; float:left}
.savoirContent .savoirCenter .savoirText .savoirFerroviaire img {/*width:215px; height:142px;*/}
.savoirContent .savoirCenter .savoirText .savoirNiveaux {height:280px; margin:0 5px 10px 0; float:left}
.savoirContent .savoirCenter .savoirText .savoirNiveaux .img1Content img {/*width:188px; height:44px;*/ padding:73px 0 0 0;}
.savoirContent .savoirCenter .savoirText .savoirNiveaux .img2Content img {/*width:188px; height:44px;*/ padding:30px 0 0 0;}
.savoirContent .savoirCenter .savoirText .savoirNiveaux .img3Content img {/*width:188px; height:44px*/ padding:35px 0 0 0;}
.savoirContent .projet {float:left;}
.savoirContent .projet .savoirCenter {width:719px; margin:0 0 5px 0; vertical-align:top; border-width:1px; border-color:#82A8DE; border-style:solid; float:none;}
.savoirContent .projet .savoirCenter h3 {background:url(../images/savoir-faire/savoir-faire-projets/puceProject.gif) no-repeat; background-position:0px 50%; padding:0 0 0px 34px; /*text-transform:uppercase;*/ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#7eb6d2; line-height:24px; margin:10px 0 0px 10px;}
.savoirContent .projet .savoirCenter h3 b {font-size:15px;}
.savoirContent .projet .savoirCenter img {/*width:719px; height:42px;*/}
.savoirContent .projet .savoirCenter .savoirText {width:700px; margin:10px 0 10px 10px;}
.savoirContent .projet .savoirCenter .savoirText h1 {text-align:left; margin:5px 0 0 0; font-size:12px; font-weight:bold; color:#7EB6D2;}
.savoirContent .projet .savoirCenter .savoirText h2 {text-align:left; margin:5px 0 0 0; font-size:12px; font-weight:bold; color:#7EB6D2;}
.savoirContent .projet .savoirCenter .savoirText p {text-align:left; margin:5px 0 0 0; color:#4F5673;}
.savoirContent .projet .savoirCenter .savoirText a {color:#4F5673; text-decoration:none;}
.savoirContent .projet .savoirCenter .savoirText .savoirImgSecteur {margin:0 10px 5px 0; float:left}
.savoirContent .projet .savoirCenter .savoirText .savoirImgSecteur img {width:47px; height:48px;}
.savoirContent .projet .savoirCenter .savoirText .savoirPhoto1 {margin:10px 0 5px 5px; float:left}
.savoirContent .projet .savoirCenter .savoirText .savoirPhoto1 img {width:180px; height:119px;}
.savoirContent .projet .savoirCenter .savoirText .savoirPhoto2 {margin:10px 0 5px 85px; float:left}
.savoirContent .projet .savoirCenter .savoirText .savoirPhoto2 img {width:180px; height:119px;}
.savoirContent .projet .savoirCenter .savoirText .savoirPhoto3 {margin:10px 0 5px 85px; float:left}
.savoirContent .projet .savoirCenter .savoirText .savoirPhoto3 img {width:133px; height:200px;}
.savoirContent .projet .savoirCenter .savoirText .savoirPhoto4 {margin:10px 0 5px 270px; float:left}
.savoirContent .projet .savoirCenter .savoirText .savoirPhoto4 img {width:180px; height:119px;}
.savoirContent .projet .savoirCenter .savoirProjet {width:700px; margin:0 0 10px 10px; font-size:12px; }
.savoirContent .projet .savoirCenter .savoirProjet a {text-align:left; font-weight:bold; color:#7EB6D2; text-decoration:none;}
.savoirContent .projet .savoirCenter .savoirProjet a:hover {text-decoration:underline;}
.savoirContent .savoirCenter .savoirLink {width:719px; height:30px; padding:30px 0 5px 3px; clear:both;}
.savoirContent .savoirCenter .savoirLink .link1 {float:left; padding:0 1px 0 0;}
.savoirContent .savoirCenter .savoirLink .link1 img {width:94px; height:30px;}
.savoirContent .savoirCenter .savoirLink .link2 {float:left; padding:0 1px 0 0;}
.savoirContent .savoirCenter .savoirLink .link2 img {width:153px; height:30px;}
.savoirContent .savoirCenter .savoirLink .link3 {float:left; padding:0 1px 0 0;}
.savoirContent .savoirCenter .savoirLink .link3 img {width:130px; height:30px;}
.savoirContent .savoirCenter .savoirLink .link4 {float:left; padding:0 1px 0 0;}
.savoirContent .savoirCenter .savoirLink .link4 img {width:118px; height:30px;}
.savoirContent .savoirCenter .savoirLink .link5 {float:left; padding:0 1px 0 0;}
.savoirContent .savoirCenter .savoirLink .link5 img {width:109px; height:30px;}
.savoirContent .savoirCenter .savoirLink .link6 {float:left;}
.savoirContent .savoirCenter .savoirLink .link6 img {width:104px; height:30px;}

.savoirContent .savoirCenter .competenceLink {width:719px; height:45px; padding:15px 0 5px 1px; clear:both;}
/*
.savoirContent .savoirCenter .competenceLink .link1 {padding:0 1px 0 0;}
.savoirContent .savoirCenter .competenceLink .link1 img {width:204px; height:45px;}
.savoirContent .savoirCenter .competenceLink .link2 {padding:0 1px 0 0;}
.savoirContent .savoirCenter .competenceLink .link2 img {width:204px; height:45px;}
.savoirContent .savoirCenter .competenceLink .link3 {padding:0 1px 0 0;}
.savoirContent .savoirCenter .competenceLink .link3 img {width:307px; height:45px;}
*/
.savoirContent .savoirCenter .competenceLink .link {float:left; margin:0 1px 0 0; height:37px; padding:6px 10px 2px 10px; background: url('/CS/images/competenceLink_bg.gif') repeat-x;}
.savoirContent .savoirCenter .competenceLink .link:hover, .savoirContent .savoirCenter .competenceLink .on {background: #82a8de; }
.savoirContent .savoirCenter .competenceLink .link a {display:block; background: url('/CS/images/competenceLinkArrow.gif') no-repeat 0px 3px; padding-left:16px; font-size:13px; color:#FFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
.savoirContent .savoirCenter .competenceLink .on a { background: url('/CS/images/competenceLinkArrow_on.gif') no-repeat 0px 3px;}

.savoirContent .savoirCenter .competenceLink .link1 {width:146px;}
.savoirContent .savoirCenter .competenceLink .link2 {width:150px;}
.savoirContent .savoirCenter .competenceLink .link3 {width:238px;}
.savoirContent .savoirCenter .competenceLink .link4 {width:100px;}

.savoirContent .savoirCenter .projetLink {width:719px; height:30px; padding:15px 0 5px 2px;}
.savoirContent .savoirCenter .projetLink .link1 {float:left; padding:0 1px 0 0;}
.savoirContent .savoirCenter .projetLink .link1 img {width:238px; height:30px;}
.savoirContent .savoirCenter .projetLink .link2 {float:left; padding:0 1px 0 0;}
.savoirContent .savoirCenter .projetLink .link2 img {width:237px; height:30px;}
.savoirContent .savoirCenter .projetLink .link3 {float:left; padding:0 1px 0 0;}
.savoirContent .savoirCenter .projetLink .link3 img {width:237px; height:30px;}

/* CandidatContent */
.candidatContent {width:920px; margin:9px 0 0 4px;}
.candidatContent .candidatCenter {width:719px; vertical-align:top; border-width:1px; border-color:#82A8DE; border-style:solid; float:left}
.candidatContent .candidatCenter img {width:719px; height:42px;}
.candidatContent .candidatCenter .candidatText {width:700px; margin:5px 0 10px 10px;}
.candidatContent .candidatCenter .candidatText h1 {text-align:left; margin:5px 0 5px 0; font-size:12px; font-weight:bold; color:#FFA800;}
.candidatContent .candidatCenter .candidatText h2 {text-align:left; margin:5px 0 3px 0; font-size:12px; font-weight:bold; color:#FFA800;}
.candidatContent .candidatCenter .candidatText p {text-align:left; margin:5px 0 0 0; color:#4F5673;}
.candidatContent .candidatCenter .candidatText a {text-align:left; font-weight:normal; font-size:11px; color:#4F5673; text-decoration:none;}
.candidatContent .candidatCenter .candidatText a:hover {text-decoration:underline;} 
.candidatContent .candidatCenter .candidatText th.candidatTableTitreC1 {text-align:left; vertical-align:middle; font-size:12px; font-weight:bold; color:#FFA800;}
.candidatContent .candidatCenter .candidatText th.candidatTableTitreC2 {text-align:left; padding:0 0 0 15px; vertical-align:middle; font-size:12px; font-weight:bold; color:#FFA800;}
.candidatContent .candidatCenter .candidatText th.candidatTableTitreC3 {text-align:left; padding:0 0 0 10px; vertical-align:middle; font-size:12px; font-weight:bold; color:#FFA800;}
.candidatContent .candidatCenter .candidatText td.candidatTableTextC1 {text-align:left; padding:10px 0 0 0; vertical-align:middle; color:#4F5673;}
.candidatContent .candidatCenter .candidatText td.candidatTableTextC2 {text-align:left; padding:10px 0 0 15px; vertical-align:middle; color:#4F5673;}
.candidatContent .candidatCenter .candidatText td.candidatTableTextC3 {text-align:left; padding:10px 0 0 10px; vertical-align:middle; color:#4F5673;}
.candidatContent .candidatCenter .candidatLink {width:719px; text-align:right;}
.candidatContent .candidatCenter .candidatLink a {padding:0 10px 0 0; font-weight:bold; font-size:12px; color:#4781CF; text-decoration:none;}
.candidatContent .candidatCenter .candidatLink a:hover {text-decoration:underline;} 

/* ClientContent */
.clientContent {width:920px; margin:9px 0 0 4px;}
.clientContent .clientCenter {width:719px; vertical-align:top; border-width:1px; border-color:#82A8DE; border-style:solid; float:left}
.clientContent .clientCenter img {width:719px; height:42px;}
.clientContent .clientCenter .clientText {width:700px; margin:5px 0 10px 10px;}
.clientContent .clientCenter .clientText h1 {text-align:left; margin:5px 0 0 0; font-size:12px; font-weight:bold; color:#6E6092;}
.clientContent .clientCenter .clientText h2 {text-align:left; margin:5px 0 0 0; font-size:12px; font-weight:bold; color:#6E6092;}
.clientContent .clientCenter .clientText p {text-align:left; margin:5px 0 0 0; color:#4F5673;}
.clientContent .clientCenter .clientText a {font-weight:normal; font-size:11px; color:#4F5673; text-decoration:none;}
.clientContent .clientCenter .clientText .logo {float:left; margin:2px 2px 0 0;}
.clientContent .clientCenter .clientText .logo img {width:135px; height:74px; border:1px solid #C2C2C2;}
.clientContent .clientCenter .clientText td.clientTableImg {font-size:12px; font-weight:bold; color:#6E6092; text-align:center; vertical-align:middle; border-width:1px; border-color:#C2C2C2; border-style:solid;}
.clientContent .clientCenter .clientText td.clientTableImg img {width:135px; height:74px;}

/* ActuContent */
.actuContent {width:920px; margin:9px 0 0 4px;}
.actuContent .actuCenter {width:719px; vertical-align:top; border-width:1px; border-color:#82A8DE; border-style:solid; float:left}
.actuContent .actuCenter img {/*width:719px; height:42px;*/}
.actuContent .actuCenter .actuText {width:700px; margin:5px 0 10px 10px;}
.actuContent .actuCenter .actuText h1 {text-align:left; margin:5px 0 0 0; font-size:12px; font-weight:bold; color:#14A6D2;}
.actuContent .actuCenter .actuText h2 {text-align:left; margin:5px 0 0 0; font-size:12px; font-weight:bold; color:#14A6D2;}
.actuContent .actuCenter .actuText p {text-align:left; margin:5px 0 0 0; color:#4F5673;}

/* ContactContent */
.contactContent {width:920px; margin:9px 0 0 4px;}
.contactContent .contactCenter {width:719px; vertical-align:top; border-width:1px; border-color:#82A8DE; border-style:solid; float:left}
.contactContent .contactCenter img {/*width:719px; height:42px;*/}
.contactContent .contactCenter .contactText {width:700px; margin:5px 0 10px 10px;}
.contactContent .contactCenter .contactText h1 {text-align:left; margin:5px 0 0 0; font-size:12px; font-weight:bold; color:#8FA68E;}
.contactContent .contactCenter .contactText h2 {text-align:left; margin:5px 0 0 0; font-size:12px; font-weight:bold; color:#8FA68E;}
.contactContent .contactCenter .contactText p {text-align:left; margin:5px 0 0 0; color:#4F5673;}
.contactContent .contactCenter .contactText a {font-weight:normal; font-size:11px; color:#4F5673; text-decoration:none;}
.contactContent .contactCenter .contactText .contactAcces {margin:0 10px 5px 0; float:left}
.contactContent .contactCenter .contactText .contactAcces img {/*width:531px; height:477px;*/}
.contactContent h2.contact {text-align:left; margin:9px 0 0 8px; font-size:15px; font-weight:bold; color:#8FA68E; background:url(../images/contact/contactIcon.gif) no-repeat; background-position:0% 50%; line-height:23px; padding:0 0 0 34px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.contactContent .contactCenter .contactText ul#sitemap {padding:0px 0 6px 33px; margin:0px}
.contactContent .contactCenter .contactText ul#sitemap li a { font-size:11px; font-weight:bold; }
.contactContent .contactCenter .contactText ul#sitemap li a:hover {text-decoration:underline;}
.contactContent .contactCenter .contactText ul#sitemap li li a { font-size:11px; font-weight:normal; }
.contactContent .contactCenter .contactText ul#sitemap li {margin:2px 0;  list-style:none; background:url(../images/arrow.gif) no-repeat; line-height:12px; background-position:0px 3px; padding:0 0 0 13px;}
.contactContent .contactCenter .contactText ul#sitemap li li { }
.contactContent .contactCenter .contactText ul#sitemap ul.sousNav {padding:0px 0 0 20px; margin:5px 0 5px 0px;}
.contactContent .contactCenter .contactText ul#sitemap ul.ssousNav {padding:0px 0 0 20px; margin:5px 0 5px 0px;}

/* Div flottante overlay, pour l'affichage des photos */
.calque{
  opacity:.80;
  color: #FFFFFF;
  position: absolute;
  visibility : hidden;
  padding: 0px;
  font-family: Courrier;
  align: center;
  font-size: 8pt;
  background-color: #000000;
  opacity : .75;
  filter : alpha(opacity=75);
  width: 100%;
  height : 100%;
  top : 0;
  left : 0;
}

.image_calque{
	height: 100%;
}

.window{
  color: #FFFFFF;
  position: absolute;
  visibility : hidden;
  padding: 10px 10px 10px 10px;
  font-family: Courrier;
  align: center;
  font-size: 8pt;
  background-color: #FFFFFF;
  width: 500px;
  height : 500px;
  top : 15%;
  left : 20%;
  border-width: 1px;
  border-color: #82A8DE;
  border-style: solid;
}
.window .overPicture {
  padding: 10px 10px 10px 10px;
  text-align: center;
  border-width: 1px;
  border-color: #82A8DE;
  border-style: solid;
}
.window .overLink {height: 15px; padding: 10px 10px 10px 10px; text-align: center;}
.window .overLink a {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#4F5673;}


.contemp_window{
  width: 100%;
  height : 100%;
  border : 0;
}

