/* ========================================================================== */
/* 00. splash page                                                            */
/* ========================================================================== */

.splash {background:#ffffff url("img/splash-bg.gif") left 21em repeat-x; font-size:100%;}
.splash #allContainer {font-size:100%; position:relative; height:21em; width:35em; margin:0em auto 0em auto;}
.splash #content {background:#fff; border:1px solid #ccc; height:11.6em; position:absolute; bottom:-40px;}
.splash #content .wrap1 {height:100%; margin-right:-17px;}
.splash #content .wrap2 {height:100%; padding-right:90px; background:url("img/splash-tree.gif") right bottom no-repeat;}

.splash #content h1 {height:100%; text-align:center; position:absolute; left:0; top:0;}

.splash #content .langnav {margin-left:11.6em; height:100%;}
.splash #content .langnav ul {height:100%;}
.splash #content .langnav ul li {height:33%; font-size:85%;}
.splash #content .langnav ul li div {padding:0.75em; padding-left:1.5em; padding-bottom:0;}
.splash #content .langnav ul li div a {font-size:140%; color:#88b03c; font-weight:700; text-decoration:none;}
.splash #content .langnav ul li p {padding:0em 1em; margin:0; padding-left:1.5em; padding-bottom:0; color:#666666;}

.splash #footer {position:absolute; bottom:-10em; width:100%; background:none;}

/* ========================================================================== */
/* 01. page main structure                                                    */
/* ========================================================================== */

/*#cf-main #header {position:relative;}*/
#cf-main #footer {background:#F4F3F1; border-top:1px solid #ccc;}

/* ========================================================================== */
/* 02. grids                                                                  */
/* ========================================================================== */

/* grid two right ----------------------------------------------------------- */
#content .gridTwoRight {padding-right:22em; padding-bottom:1em;}
#content .gridTwoRight .col-1 {float:right; width:22em; margin-right:-22em;}
#content .gridTwoRight .col-2 {float:left; width:100%;}
/* first grid two right on homepage */
#content .gridTwoRight.reasons {background:#dce7c6; padding-bottom:0em; margin-bottom:1em; padding-top:1px;}
#content .gridTwoRight.reasons .wrapper {margin-top:1em; background:#83ad3c;}

/* grid two left ------------------------------------------------------------ */
#content .gridTwoLeft {padding-left:21em; margin-top:1em;}
#content .gridTwoLeft .wrapper {background:url("img/content-menu-border.gif") left top repeat-y; padding-bottom:1em;}
#content .gridTwoLeft .col-1 {float:left; width:21em; margin-left:-21em;}
#content .gridTwoLeft .col-1 .gridOne {margin-right:-1px;}
#content .gridTwoLeft .col-2 {float:right; width:100%;}

/* grid three --------------------------------------------------------------- */
#content .gridThree {margin-top:1em;}
#content .gridThree .wrapper2 {padding-right:22em;  padding-bottom:1em;}
#content .gridThree .wrapperIn {float:right; width:100%;}
#content .gridThree .col-1 {float:left; width:100%;}
#content .gridThree .col-2 {float:right; width:22em; margin-right:-22em;}
#content .gridThree .col-3 {float:left; width:21em; margin-left:-21em;}
#content .gridThree .col-3 .gridOne {margin-right:-1px;}
/* contact */
.contact #content .gridThree .wrapper2 {background:none;}
.contact #content .gridThree .col-3 .gridOne {margin-top:5.2em;}
#content .gridThree .col-3 .image {margin:0;}

/* ========================================================================== */
/* 03. titles                                                                 */
/* ========================================================================== */

/* content titles ----------------------------------------------------------- */
h1.title {margin:1em; margin-right:0em; color:#17557A;}
h2.title {color:#005636;}
h2.title span {font-size:100%; font-weight:700;}
h3.title {color:#333;}
h3.title span {font-size:100%; font-weight:700;}

/* tips page header --------------------------------------------------------- */
.tipdetail .block.text h2.title {background:#165679; padding:0.5em 1em;}
.tipdetail .block.text h2.title span {font-size:110%; color:#fff;}
.tipdetail .block.text h3.title {color:#165679;}

/* ========================================================================== */
/* 04. links and buttons                                                      */
/* ========================================================================== */

/* generic link declaration ------------------------------------------------- */
a {color:#0083a9;}
a:hover {color:#000;}

/* logon link ----------------------------------------------------------------*/
.logon {background:#fff; width:21em; padding-left:1em; position:absolute; bottom:0em; right:20px; display:none /*A RETIRER SI LOGIN*/}
.logon .subscribe {display:block; font-weight:700; color:#fff; text-align:right; padding:0.5em 1.5em; background:#165679; height:1.2em; text-decoration:none;}
.logon a.subscribe:hover {color:#fff;}

/* download link ------------------------------------------------------------ */
a.download.pdf {background:url("img/pdf.gif") left 0.1em no-repeat; padding-left:16px;}
a.download .info {font-size:93%; color:#666;}

/* add link ----------------------------------------------------------------- */
a.add {padding-left:35px; background:url("img/row_add_after.gif") left center no-repeat;}

/* expand collapse link ----------------------------------------------------- */
a.expand {padding-left:14px; background:url("img/expand.gif") left center no-repeat;}
a.collapse {padding-left:14px; background:url("img/collapse.gif") left center no-repeat;}

/* call-to-action link ------------------------------------------------------ */
a.call {float:left; color:#fff; font-weight:700; padding:0.5em 0.5em; padding-right:14px; background:#0083a9 url("img/button-arrow.gif") right 0.75em no-repeat; text-decoration:none;}
a.call:hover {color:#fff;}
/* calc wizard */
.wizard a.call {margin:0em 1em 1em 0em; float:right;}

/* submit buttons ----------------------------------------------------------- */
input.submit {border:none; padding:0em 0.25em; background:#8EAABF; padding-bottom:3px; height:1.75em; font-size:100%; color:#fff; margin-left:0.5em;}
/* in wizard */
.wizard input.submit {padding-right:14px; padding-left:0.5em; background:#0083a9 url("img/button-arrow.gif") right 0.6em no-repeat;}

.prev {background:url("img/prev.gif") left center no-repeat; padding-left:8px;}
.prev:hover {background:url("img/prev-hover.gif") left center no-repeat; padding-left:8px;}

/* ========================================================================== */
/* 05. navigation                                                             */
/* ========================================================================== */


/**/
#header h1 span,#header h2 span  { display:none;}

#header h1 a { display:block; background: url(../images/site/logo-cfeu-jobs.gif) no-repeat;width:296px; height:33px;}
#header h1 {  padding:30px 0 31px 30px; float:left}
.loginbtn { text-decoration:none; float:right; display:block;background:url("img/btn_compte_left.jpg") no-repeat left; padding:0 0 0 8px; height:29px; position:absolute;right:160px; top:30px}
.loginbtn .right {background:url("img/btn_compte_right.jpg") no-repeat right;height:29px;display:block; padding:0 8px 0 0;}
.loginbtn .backbtn{background:url("img/btn_compte_inside.jpg") repeat-x; height:22px;display:block; padding:7px 0 0 0}
/*#header h2 { float:right; background:url(img/back_logo_jobs.gif) no-repeat; width:84px; height:40px; margin:30px 152px 25px 0;}*/

/* horizontal menu ---------------------------------------------------------- */
#header .horizontalNav {background:url("img/back_menu.gif") no-repeat; height:41px;/*height:61px; si LOGIN*/ padding:0 15px; position:relative; z-index:250}
#header .horizontalNav li {float:left; font-weight:700;}
#header .horizontalNav li .page {display:block; text-decoration:none; padding:0.5em 1em; color:#fff;}
#header .horizontalNav li a.page:hover,#header .horizontalNav li:hover {background-color:#8FAABF;}
#header .horizontalNav li.first {border-left:none;}
#header .horizontalNav li.active {background:#8FAABF;}
#header .horizontalNav li a,#header .horizontalNav li span{font-size:120%;}

/* tree --------------------------------------------------------------------- */
.tree {border:1px solid #e7e7e7;}
.tree .title {padding:0.5em 0.75em; background:#eee url("img/tree-bg.gif") left bottom repeat-x; color:#666;}
.tree .title span {font-size:108%;}
.tree ul {margin:0.75em;}
.tree ul li.open>.page {font-weight:700; color:#666;}
.tree ul li .page {padding-left:8px; display:block; text-decoration:none; background:url("img/bullet-blue.gif") left 6px no-repeat; color:#839EB3; margin-bottom:0.5em;}
.tree ul li a.page:hover {color:#000; background-image:url("img/tree-active.gif");}
.tree ul li.active .page {color:#000; background-image:url("img/tree-active.gif");}
.tree ul ul {margin:0; margin-left:1em;}

/* breadcrumb --------------------------------------------------------------- */
.breadcrumb {margin:1em; margin-top:0; margin-right:0;}
.breadcrumb li {float:left; padding-left:6px; color:#656565; background:url("img/breadcrumb-sep.gif") left center no-repeat; white-space:nowrap;}
.breadcrumb li .page {margin-left:0.25em; margin-right:0.5em;}
.breadcrumb li.first {background:none; padding-left:0;}
.breadcrumb li.first .page {margin-left:0;}
.breadcrumb li.last .page {margin-right:0; color:#656565;}

/* footer secondary navigation ---------------------------------------------- */
#footer {background:#f3f3f3;}
#footer .secondNav {padding:0.75em 0em; text-align:center;}
#footer .secondNav ul {display:inline;}
#footer .secondNav ul li {display:inline; padding-left:1px; color:#666; background:url("img/footernav-sep.gif") left center no-repeat;}
#footer .secondNav ul li .page {margin:0em 0.75em; text-decoration:none;}
#footer .secondNav ul li.first {background:url("img/footernav-logo.gif") left 0.1em no-repeat; padding-left:22px;}
#footer .secondNav ul li.first .page {margin-left:0;}

/* accordeon ---------------------------------------------------------------- */
.accordeon {min-height:185px; position:relative;}
.accordeon .title {background:#165679; border-bottom:1px solid #005636; padding:0.35em 0.75em; margin-left:240px;}
.accordeon .title span.main {color:#fff; font-size:120%; line-height:1em;}
/* 5 reasons list */
.accordeon .list .wrap1 {min-height:137px; padding-bottom:2em; margin-left:240px; background:#83ad3c} /* height set in ie6.css */
.accordeon .list .wrap1 ul {overflow:hidden; padding-right:50px; margin-left:1.5em; margin-right:0.75em; min-height:125px; background:url("img/eco-planet.gif") right bottom no-repeat;} /* height set in ie6.css */
.accordeon .list .wrap1 ul li {margin:0.75em 0em; padding-left:12px; background:url("img/accordeon-bullet.gif") left 0.35em no-repeat;}
.accordeon .list .wrap1 ul li .handle {color:#fff; text-decoration:none; font-size:108%; xdisplay:block;}
.accordeon .list .wrap1 ul li a.handle:hover {color:#000;}
/* call to action navigation */
.accordeon .list .wrap1 .nav {position:absolute; bottom:0em; right:0em; z-index:10;}
.accordeon .list .wrap1 .nav a {float:right; color:#0083a9; padding:0.5em 1em; padding-right:15px; margin-left:0.75em; background:#fff url("img/accordeon-arrow.gif") right center no-repeat; border:1px solid #f1f1f1;}
.accordeon .list .wrap1 .nav a:hover {color:#000; background-image:url("img/accordeon-arrow-hover.gif");}
.accordeon .box {position:absolute; top:0; left:0; width:240px; overflow:hidden;}


/* ========================================================================== */
/* 06. basic content                                                          */
/* ========================================================================== */

/* generic content declarations --------------------------------------------- */
p {line-height:1.35em; color:#666; margin:0.5em 0em;}

/* generic block declarations ----------------------------------------------- */
.block ul li, .block ol li {line-height:1.5em;}

/* text block --------------------------------------------------------------- */
.block.text {margin:1em; margin-right:0;}
.block.text .block.text {margin-left:0em;}
.block.text .title {margin:0.75em 0em; margin-bottom:0.5em;}
.block.text h2.title span {font-size:115%; color:#90ACC1;}
.block.text h3.title span {font-size:105%;}
.block.text p {margin:0.5em 0em;}
.block.text ul, .block.text ol {margin:0.75em 0.5em; margin-right:0em;}
.block.text ul li, .block.text ol li {padding-left:9px; background:url("img/bullet-green.gif") left 0.75em no-repeat; color:#666;}
.block.text ul ul {margin:0.5em 0em;}
/* image left floated */
.block.text.leftImg .image {float:left; margin:0.25em 1em 0em 0em;}
/* image left fixed */
.block.text.leftImgFixed .image {float:left; margin:0.25em 1em 0em 0em;}
.block.text.leftImgFixed p, .block.text.leftImgFixed ul, .block.text.leftImgFixed .title, .block.text.leftImgFixed blockquote {margin-left:110px;}
/* title cleared */
.block.text.clearTitle .title {margin-left:0; margin-right:0;}
/* image right floated */
.block.text.rightImg .image {float:right; margin:0.25em 0em 0em 1em;}
/* image right fixed */
.block.text.rightImgFixed .image {float:right; margin:0.25em 0em 0em 1em;}
.block.text.rightImgFixed p, .block.text.rightImgFixed ul, .block.text.rightImgFixed .title, .block.text.rightImgFixed blockquote {margin-right:110px;}
/* calculator page */
.calc .text.block {margin-right:22em;}

/* download list ------------------------------------------------------------ */
.block.text ul.download {margin:0;}
.block.text ul.download li {padding-left:0; background:none; }
.block.text ul.download li a {line-height:1.5em;}

/* image -------------------------------------------------------------------- */
.image {margin:1em; margin-right:0; overflow:hidden;}
.image .graphic {text-align:center;}
.image.left {float:left; margin:1em; margin-left:0;}
.image.right {float:right; margin:1em; margin-right:0;}
/* in calculator wizard */
.calc .wizard .image .graphic {text-align:left;}

/* iframe ------------------------------------------------------------------- */
iframe {margin:1em; margin-right:0; border:none; height:50em; /*width:42em; iframe too small*/width:705px;  padding:0;}


/* ========================================================================== */
/* 07. content components                                                     */
/* ========================================================================== */

/* energy site banner ------------------------------------------------------- */
.banner_fr { /*background:url("img/logo-slogan-FR.gif") right bottom no-repeat;*/ padding-top:1em; height:74px;}
.banner_fr .logo {background:url("img/logo-blocks.gif") 67px top no-repeat;}

.banner_nl {/*background:url("img/logo-slogan-NL.gif") right bottom no-repeat;*/ padding-top:1em; height:74px;}
.banner_nl .logo {background:url("img/logo-blocks.gif") 67px top no-repeat;}

/* search pane -------------------------------------------------------------- */
.search {background:#ffffff url("img/tab-left.gif") left bottom repeat-y; position:absolute; top:-3.5em; right:-4px; display:none} /* width set in ie6.css */
.search .wrap1 {background:url("img/tab-right.gif") right bottom repeat-y;}
.search .wrap2 {background:url("img/tab-top.gif") left top repeat-x;}
.search .wrap3 {background:url("img/tab-top-left.gif") left top no-repeat; height:2.5em;}
.search .wrap4 {background:url("img/tab-top-right.gif") right top no-repeat; padding:3px 4px 0px 3px;}
.search .formbox {margin:0; padding:0.5em; padding-bottom:0.25em; background:none; border:none;}
.search .formbox input {float:left;}

/* questions ---------------------------------------------------------------- */
.questions {margin-bottom:1em;} /* messed up padding/margin implementation to fix border in leftcol */
.questions .title {background:#fff; padding-top:1em;}
.questions .title span {padding:0.5em 0.75em; background:#f5f5f5 url("img/tree-bg.gif") left top repeat-x; color:#666; display:block;}
.questions ul {border:1px solid #e7e7e7;}
.questions ul li {border-bottom:1px solid #e7e7e7; background-repeat:no-repeat; padding:1.45em 0.5em; padding-left:50px;}
.questions ul li.qFaq {background-image:url("img/qFaq.gif"); background-position:15px center;}
.questions ul li.qPhone {background-image:url("img/qPhone.gif"); background-position:15px center;}
.questions ul li.qMail {border-bottom:none; background-image:url("img/qMail.gif"); background-position:15px center;}
/* questions home */
.home .questions {width:21em; float:right; margin-bottom:0;}
.home .questions .title {padding-top:0em;}
.home .questions .title span {font-size:108%;}
/* first element in left column */
.contact .questions .title {padding-top:0em;}
.friendpage .gridTwoLeft .questions .title {padding-top:0em;}

/* faq ---------------------------------------------------------------------- */
.faq {margin:1em; margin-right:0em;}
/* question list */
.faq .questions {margin-bottom:1em;}
.faq .questions li {padding:0.25em 0em;}
.faq .questions li a {line-height:1.25em; display:block; margin-left:1.45em;}
.faq .questions li a:visited {color:#005636;}
.faq .questions li .nr {color:#88b03c; float:left; width:1.45em; line-height:1.25em;}
/* answers list */
.faq .answers li {padding-top:0.5em; border-top: 1px solid #ccc;}
.faq .answers li .block {position:relative; margin:0;}
.faq .answers li .block .title, .faqpage .block.text h2.title {color:#333; margin:0.5em 0em;}
.faq .answers li .block .title span, .faqpage .block.text h2.title span {font-size:120%;}
.faq .answers li .block p {color:#666; margin:0.75em 0em 1em 0em;}
.faq .answers li .block .nav {position:absolute; right:0; bottom:-1.5em; background:#fff; padding-left:1em;} /* bottom redefined in ie.css & ie6.css */

/* address box -------------------------------------------------------------- */
.addressBox {background:#165679; height:136px; margin:1em; margin-right:0; color:#fff; overflow:hidden;}
.addressBox .caption {font-weight:700; width:11em; text-align:right; float:left; font-size:108%; line-height:1.65em; margin:1em;}
.addressBox .detail {margin:1em; margin-left:13em; font-size:108%;}
.addressBox .detail address {font-style:normal;}
.addressBox .detail address span {display:block; line-height:1.75em;}
.addressBox .detail .specs .spec {line-height:1.75em;}
.addressBox .detail .specs .spec a {color:#fff;}

/* choices ------------------------------------------------------------------ */
.choices {margin:1em; margin-right:0; overflow:hidden;}
.choices .block.choice {float:left; width:20.5em; margin-left:0.75em;}
.choices .block.choice .title { background:#165679; font-size:108%;}
.choices .block.choice .title a {color:#fff; text-decoration:none; padding:0.5em 1em; display:block;}
.choices .block.choice .content {background:#fff url('img/choices-bg-repeat.gif') left bottom repeat-x; overflow:hidden; padding:0em 1em; border:1px solid #e8e8e8; border-top:none;}
.choices .block.choice .content p {color:#0F5976; margin:1em 0em; height:3em;}/*height for alig content and link - 15oct*/
.choices .block.choice .content p a {color:#246FB2; font-weight:700;}
.choices .block.choice .content p a:hover {color:#000;}
.choices .block.choice.first {margin-left:0;}
.choices .block.choice .content ol, .choices .block.choice .content ul {margin:1em 0em;}
.choices .block.choice .content li {padding-left:9px; background:url("img/bullet-blue.gif") left 0.75em no-repeat; color:#666;}
.choices .block.choice .content li a {font-weight:700;}
/* home */
.home .choices {margin-left:0;}
.home .choices .block.choice {width:20.95em;}
.gridThree .choices .block.choice {width:20.75em;}

/* choices ------------------------------------------------------------------ */
.pushBlock {margin:1em; margin-right:0; overflow:hidden; margin-left:0;}
.pushBlock .block.push {float:left; width:31.15em; margin-left:1em;}
.pushBlock .block.push .title { background:#165679; font-size:108%;}
.pushBlock .block.push .title a {color:#fff; text-decoration:none; padding:0.5em 1em; display:block;}
.pushBlock .block.push .content {height:10em; background:#fff url('img/choices-bg-repeat.gif') left bottom repeat-x; overflow:hidden; padding:0em 1em; border:1px solid #e8e8e8; border-top:none;}
.pushBlock .block.push .content p {color:#0F5976; margin:1em 0em;}
.pushBlock .block.push .content p a {color:#246FB2; font-weight:700;}
.pushBlock .block.push .content ol, .pushBlock .block.push .content ul {margin:1em 0em;}
.pushBlock .block.push .content li {padding-left:9px; background:url("img/bullet-blue.gif") left 0.75em no-repeat; color:#666;}
.pushBlock .block.push .content li a {font-weight:700;}

.joboffers .pushBlock .block.push .content {height:11em;}

/* search push -------------------------------------------------------------- */
.jobSearchPush {margin:1em; margin-right:0; overflow:hidden;}
.jobSearchPush .title { background:#165679; font-size:108%;}
.jobSearchPush .title span {color:#fff; text-decoration:none; padding:0.5em 1em; display:block;}
.jobSearchPush a {height:168px; background:url("img/jobSearchPush.jpg") center top no-repeat; display:block; text-decoration:none;}
.jobSearchPush a .pushLink {line-height:168px; display:block; width:24em; margin:0 auto; text-align:center;}
.jobSearchPush a .pushLink span {background:#fff; padding:0.5em 1em; font-size:108%; font-weight:700;}
.jobSearchPush a .pushLink .start { color:#EE1715; text-decoration:underline; padding-right:0.25em;}
.jobSearchPush a .pushLink .startCF {color:#175378; padding-left:0; padding-right:40px; background:#fff url("img/cf-logo-small.gif") right center no-repeat;}
.jobSearchPush a:hover .pushLink .start {color:#000;}

.back {margin:1em;}

/* focus block -------------------------------------------------------------- */
.block.focus {margin:1em; margin-right:0em; margin-top:0;}
.block.focus .title {background:#eee url("img/focus-bg-repeat.gif") left bottom repeat-x; padding:0.5em 1em;}
.block.focus .title span {font-size:108%; color:#666;}
.block.focus .content {background:#fff; margin:0em; border:1px solid #ececec; border-top:none; border-bottom:none; overflow:hidden;}
.block.focus .nav {text-align:right; border:1px solid #f5f5f5; background:#fff url("img/focus-nav.gif") left bottom repeat-x; padding:0.5em;}
.block.focus .nav a {background:url(img/blue-arrow.gif) right center no-repeat; padding-right:10px; text-decoration:none;}
.block.focus .nav a:hover {background-image:url("img/blue-arrow-hover.gif");}
.block.focus .content p {margin:1em; color:#666;}
.block.focus .content ol {margin:1em; color:#0F5976;}
.block.focus .content p.intro {font-weight:700;}
.block.focus .content .image {margin:0;}
.block.focus .content ul, .block.focus .content ol {margin:1em;}
.block.focus .content li {padding-left:9px; background:url("img/bullet-blue.gif") left 0.75em no-repeat; color:#666;}
.block.focus .content li a {font-weight:700;}
.block.focus .content img {margin:1em 0.75em;}
.block.focus .content img.left {float:left;}
.block.focus .content img.right {float:right;}
.block.focus .content .eventSliderImage img {margin:0;}
/* focusblock home */
.home .block.focus {margin-top:1em;}
.home .block.focus .title {background:#8FAABF;}
.home .block.focus .title span {color:#fff;}
.home .block.focus .content p {color:#0F5976;}
/* focusblock in left column */
.gridThree .col-3 .block.focus, .gridTwoRight .col-2 .block.focus {margin:0; padding-top:1em; background:#fff;}


/* eventlist ---------------------------------------------------------------- */
.eventList .event {margin:2em 1em; margin-right:0;}
.eventList .event .title {background:#8FAABF;}
.eventList .event .title a {padding:0.5em 1em; color:#fff; display:block;}
.eventList .event .title a:hover {color:#000;}
.eventList .event .content {border:1px solid #D8E6F1; border-top:none; background:#F1F5F8; overflow:hidden; position:relative;}
.eventList .event .content p {margin:1em; color:#1A5277;}
.eventList .event .content .date {margin:1em; margin-top:2em; padding-right:4em;}
.eventList .event .content .date .caption {font-weight:700;}
.eventList .event .content .more {position:absolute; right:1em; bottom:1em;}
.eventList .event .content .more a {background:url(img/blue-arrow.gif) right center no-repeat; padding-right:8px;}
.eventList .event .content .more a:hover {background-image:url("img/blue-arrow-hover.gif");}

/* helpblock ---------------------------------------------------------------- */
.block.help {margin-left:0em; width:20em; background:#FFFFFF;}
.block.help .title {background:#88b03c; padding:0.5em 15px 0.5em 0.5em; color:#fff; font-weight:700; text-align:left; position:relative;}
.block.help .title .close {position:absolute; right:0.5em; top:0.5em; cursor:pointer;}
.block.help .content {border:1px solid #e7e7e7; border-top:none; overflow:hidden; text-align:left;}
.block.help .content p {margin:0.5em;}

/* imageblock ---------------------------------------------------------------- */
.block.imageBlock {margin-left:0em; width:725px; background:#FFFFFF; border:2px solid #88b03c;}
.block.imageBlock .title {background:#88b03c; padding:0.5em 15px 0.5em 0.5em; height:1em; width:auto; color:#fff; font-weight:700; text-align:left; position:relative;}
.block.imageBlock .title .close {position:absolute; right:0.5em; top:0.5em; cursor:pointer;}
.block.imageBlock .content {border:1px solid #e7e7e7; border-top:none; overflow:hidden; text-align:center; padding:0.5em;}
.block.imageBlock .content p {margin:0.5em;}
.block.imageBlock .content img {margin:0 auto 0 auto; border:1px solid #88b03c;}

.close {background:transparent url("img/icon_close.gif") 0 0 no-repeat; width:10px; overflow:hidden;}
.close span {visibility:hidden;letter-spacing:-1em;}

/* promo -------------------------------------------------------------------- */
.promo {border:1px solid #ccc; background:#fff url("img/promo-bg-repeat.gif") left bottom repeat-x; position:relative;}
.promo .wrap1 {background:url("img/promo-bg-left.jpg") left bottom no-repeat; padding-left:240px; min-height:184px; overflow:hidden;} /* height set in ie6.css */
.promo .title {color:#005636; margin:2em 0em; margin-bottom:1.5em;}
.promo .title span {font-size:140%; font-weight:700;}
.promo ol {margin:0em 1.25em;}
.promo ol li {margin:1em 0em; padding-left:2.5em; line-height:2em; font-size:108%; font-weight:700; position:relative; color:#666666;}
.promo ol li span {padding:0.25em 0.75em; background:#88b03c; color:#fff; position:absolute; left:0; top:0.25em;}
.promo ol li p {margin:0em 0.75em; display:inline;}
.promo .nav {position:absolute; bottom:0em; right:0em;}
.promo .nav a {float:right; color:#0083a9; padding:0.5em 2em; padding-right:15px; background:#fff url("img/accordeon-arrow.gif") right center no-repeat; border:1px solid #e7e7e7; border-bottom:none; border-right:none;}
.promo .nav a:hover {color:#000; background-image:url("img/accordeon-arrow-hover.gif");}

/* tips list ---------------------------------------------------------------- */
.tipList ul li {margin:0em 0em 1em 1em; float:left; background:none; padding:0; width:13.45em;}
.tipList ul li a {display:block; text-decoration:none;}
.tipList ul li a span.title {color:#fff; display:block; background:#88b03c; padding:0.5em; border-bottom:1px solid #fff; font-weight:700;}
.tipList ul li a span.image {margin:0;}
.tipList ul li a:hover span.title {background:#165679;}

/* object ------------------------------------------------------------------- */
.home .object {background:#83ad3c; min-height:186px; margin-right:22em;} /* height set in ie6.css */

/* sitemap ------------------------------------------------------------------ */
.sitemap .sitemapList {margin:0.5em 2em; margin-bottom:2em;}
.sitemap .sitemapList li {margin-left:1em; line-height:1.5em;}

/* confirmation (notification) ---------------------------------------------- */
.notify.confirm .message, .notify.confirm .foot {margin:1em; margin-right:0;}
.signup .notify.confirm .message, .signup .notify.confirm .foot {margin-left:0;}

/* overview page  ----------------------------------------------------------- */
.overview .formcontent {background:#fff; margin:0em 1em 1em 2.5em; overflow:hidden;}
.overview .formcontent .block.text {margin:1em;}
/* warning */
.notify.warning {border:1px solid #88b03c; padding-left:24px; background:url("img/warning.gif") 8px 0.5em no-repeat;}
.notify.warning .title {margin:0.5em; color:#005636; font-weight:700;}
.notify.warning .message {margin:0.5em; line-height:1.5em;}
/* calc wizard */
.wizard .notify.warning {margin:0em 1em 0em 2.5em; background-color:#fff;}
.overview .wizard .notify.warning {margin:0;}
.wizard .notify.warning .value {color:#d00;}

/* calendar ----------------------------------------------------------------- */
.cf_cal {width:15em;}
.cf_cal .cal_nav {padding:0.5em; border-bottom:1px solid #e7e7e7;}
.cf_cal .cal_title {background:#88b03c; color:#fff; font-weight:700; padding:0.25em 0.5em;}
.cf_cal .cal_prev {float:left; padding-left:9px; background:url("img/calc_prev.gif") left 0.4em no-repeat;}
.cf_cal .cal_next {float:right; padding-right:9px; background:url("img/calc_next.gif") right 0.4em no-repeat;}
.cf_cal table {width:100%;}
.cf_cal table th {font-weight:700; color:#666; text-align:center; padding:0.25em;}
.cf_cal table td {text-align:center;  padding:0.25em;}
.cf_cal table td.cal_current {background:#88b03c; color:#fff;}
.cf_cal table td.cal_active {font-weight:700; background:#EFFCFF; color:#000;}

/* definition list ---------------------------------------------------------- */
.defList {margin:1em; margin-right:0; border-bottom:1px solid #88b03c; position:absolute; left:-9999em; top:-9999em;}
.defList.popHelp .title {background:#88b03c; color:#fff; padding:0.5em;}
.defList dl {margin:0.5em; margin-right:0em; line-height:1.22em;}
.defList dt {font-weight:700; color:#4c4c4c; margin-top:1em; border-bottom:1px solid #e7e7e7;}
.defList dd {margin:0.25em 0em; position:relative;}
.defList dd a.anchor {position:absolute; top:-1.75em; right:0;}
/* calculator wizard */
.calc .defList {margin-right:22em;}

/* products wrapper --------------------------------------------------------- */
.products .title {margin-left:1em; font-size:120%; margin-bottom:0.5em;}
.product {border:1px solid #ccc; margin:1em; margin-right:0; margin-top:0; position:relative; height:10.5em;}
.product .title {margin:0.75em; margin-bottom:0em; margin-right:105px; font-size:100%;}
.product .title span {font-size:108%; display:block;}
.product .title span.brand {color:#666;}
.product .title span.type {color:#88b03c; font-weight:700;}
.product p {margin:0.75em; margin-top:0em; margin-right:105px; color:#666;}
.product .more {margin:0.75em; margin-right:105px; color:#005636; font-weight:700;}
.product .more span {font-size:150%;}
.product .more span.recupel {font-size:100%; color:#666; display:block; font-weight:300;}
.product .image {position:absolute; top:0.75em; right:0.75em;}

/* expand and collapse ------------------------------------------------------ */
.expandCollapse {margin:0.5em; }
.expandCollapse .title {margin:0.1em 0em; margin-left:0.5em; font-weight:700; color:#2483b3;}
.expandCollapse .title span {background-repeat:no-repeat; background-position:left 0.2em;}
.expandCollapse .box {border:1px solid #e7e7e7; background:#fff; color:#2483b3; overflow:hidden; }
/* classes for javascript */
.expandCollapse .open .head .title span {padding-left:15px; background-image:url("img/collapse.gif"); cursor:pointer;}
.expandCollapse .open .box {display:block;}
.expandCollapse .closed .head .title span {padding-left:15px; background-image:url("img/expand.gif"); cursor:pointer;}
.expandCollapse .closed .box {display:none;}
/* special form box */
.signup .expandCollapse .head {margin:0.5em 0em;}
.signup .expandCollapse .title input {margin-left:2em;}
.signup .expandCollapse .title label {margin-left:0.5em; color:#0083a9; font-weight:700;}
.signup .expandCollapse .box {border:none;}


/* fake fieldset ------------------------------------------------------------ */
div.level1 {margin:1em 1em 1.5em 2.5em; background:#fff; overflow:hidden;}
div.level1 .title {padding:0.5em 1em; font-weight:700; color:#fff; background:#88b03c;}
div.level1 .title span {font-size:100%;}
div.level1 p {margin:0.75em 1em;}
div.level1 .expandCollapse {margin:0.75em 1em;}
div.level1 .expandCollapse .title {background:none; color:#0083a9; text-decoration:underline; padding:0; margin:0;}
div.level1 .expandCollapse .box .block.text {margin:1em;}
div.level1 .expandCollapse .box .block.text .title {text-decoration:none; color:#666; padding-left:9px; background:url("img/bullet-green.gif") left 0.5em no-repeat;}
div.level1 .expandCollapse .box .block.text p {margin-left:9px;}

/* caption detail in result calculator -------------------------------------- */
.calc .caption {float:left; width:20em;}
.calc .detail {margin-left:20em; text-align:right; display:block;}
.calc p.total {margin-top:0.5em; padding-top:0.5em; border-top:1px solid #e7e7e7; font-weight:700; color:#0083a9;}

/* ========================================================================== */
/* 08. form layout                                                            */
/* ========================================================================== */

/* formbox ------------------------------------------------------------------ */
.formbox {margin:1em; margin-right:0em; background:#F1F5F8; border:1px solid #DCEAF5;}
.formbox .formfooter {border-top:1px solid #e7e7e7; background:#fff; padding:0.25em;}
.formbox .formheader {padding:0em 0.75em;}

/* formbox (inline) --------------------------------------------------------- */
.formbox.inline .formcontent {display:inline;}
.formbox.inline .formcontent form {display:inline;}
.formbox.inline .formcontent .controls {display:inline; margin:0;}
.formbox.inline .formfooter {display:inline;}

/* required legend ---------------------------------------------------------- */
.formheader .requiredLegend {text-align:right;}

/* fieldset ----------------------------------------------------------------- */
fieldset .fields {padding:0.5em 0em;}
fieldset .info {margin:0em 1em;}
fieldset.level1 {padding-left:0.01em; margin:1em 1em 1.5em 2.5em; background:#fff; position:relative; padding-top:2.25em;}
fieldset.level1 legend.level1 .legend {display:block; position:absolute; left:0; width:100%; padding:0.5em 0em; font-weight:700; color:#fff; background:#88b03c;}
fieldset.level1 legend.level1 .legend .pad {padding:0em 1em;}
fieldset.level1 .foot {margin:1em; margin-left:2em; }
fieldset.level2 {padding-left:0.01em; margin:0em 1em 2em 2em; background:#fff; border:1px solid #e7e7e7; position:relative; padding-top:2.25em;}
fieldset.level2 legend.level2 .legend {display:block; position:absolute; left:0; width:100%; padding:0.5em 0em; font-weight:700; color:#000; background:#e7e7e7;}
fieldset.level2 legend.level2 .legend .pad {padding:0em 1em;}
fieldset.level2 .foot {text-align:right; margin-top:-1em;}
/* level 2 disabled */
fieldset.level2.disabled {background:#fbfbfb; position:relative; margin:1em; margin-left:0em;}
fieldset.level2.disabled legend.level2 .legend {color:#fff; background:#b7b7b7;}
fieldset.level2.disabled .inputCaption .label {color:#b7b7b7;}

/* formrow ------------------------------------------------------------------ */
.formrow {margin:0.75em 2.5em; margin-right:1em;}
.formrow:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.formrow {display:inline-block;}
/* Hides from IE-mac \*/
* html .formrow {height:1%;}
.formrow {display:block;}
/* End hide from IE-mac */
/* formrow info */
.formrow p.info {margin:0; margin-bottom:1em;}
/* formrow imaged */
.formrow.imaged {position:relative;}
.formrow.imaged .image {position:absolute; right:0; top:0; margin:0;}
.formrow.imaged .image img {border:1px solid #e7e7e7;}
/* separate from others */
.formrow.separated {border-top:1px solid #e7e7e7; margin-top:1.25em; padding-top:1em;}
.formrow.separated.imaged .image {top:1em;}
/* stick to formrow above */
.formrow.above {margin-top:-0.75em;}

/* formrow feedback --------------------------------------------------------- */
.formrow .rowFeedback {clear:both; margin-left:9.5em; line-height:1.22em; display:none;}
.formrow .rowFeedback .error {color:#f36161;}

/* input element ------------------------------------------------------------ */
.formrow .inputElement {float:left; position:relative; margin:0;}
.formrow .inputElement .inputCaption {float:left; text-align:right; line-height:1.75em;}
.formrow .inputElement .inputCaption .label {width:12.5em; display:block; margin-right:1em; position:relative; color:#155578; font-weight:700; line-height:1.5em;}
.formrow .inputElement .inputCaption .label .required {position:absolute; right:-0.75em; top:0.1em; color:#0082AB; font-size:108%;}
.formrow .inputElement .inputControl .label .required {color:#88b03c;}
.formrow .inputElement .inputControl {margin-left:14em;}
.formrow .inputElement .inputControl img {vertical-align:bottom;}
.formrow .inputElement .inputControl .controls .control {display:inline;}
.formrow .inputElement .inputControl .controls label {color:#000;}
.formrow .inputElement .inputControl .controls label.disabled {color:#666;}
.formrow .inputElement .inputControl .controls input.disabled {background:#ddd;}
.formrow .inputElement .inputControl .controls .controlHint {display:inline; color:#999; margin:0em 0.25em;}
.formrow .inputElement .inputControl .controls .sub {margin-left:0.25em; }
.formrow .inputElement .inputControl .controls .sub.numeric {margin-left:0.25em; display:block; margin-bottom:0.25em;}
.formrow .inputElement .inputControl .controls .fieldHelp {display:inline;}
.formrow .inputElement .inputControl .inputFeedback {clear:both; display:none;}
.formrow .inputElement .inputControl .inputFeedback div {margin:0.25em 0em; display:block;}
.formrow .inputElement .inputControl .inputFeedback .error {color:#f36161; padding-left:13px; background:url("img/fielderror.gif") left 0.2em no-repeat;}
.formrow .inputElement .inputControl .inputFeedback .confirmation {color:#959595;}
.formrow .inputElement .inputControl .inputFeedback .confirmation .error {padding-left:0;}
/* fieldset */
.formrow fieldset.inputElement .inputCaption .label {position:absolute; left:0; top:0;}
/* signin formrow */
.signup .formrow .inputElement.radiolist.small {margin:0;}
/* imaged formrow */
.formrow.imaged {min-height:76px;}
.formrow.imaged .inputElement, .formrow.imaged .info {float:none; margin-right:200px !important;}
/* formrow in fieldset */
fieldset .formrow {margin-left:1em;}
fieldset .formrow .inputElement.extra .inputCaption .label {width:auto;}

/* input element (extra) ---------------------------------------------------- */
.formrow .inputElement.extra {margin-left:1em; width:auto;}
.formrow .inputElement.extra .inputCaption .label {width:auto; margin-right:0.5em; position:static; display:inline;}
.formrow .inputElement.extra .inputCaption .label .required {position:static;}
.formrow .inputElement.extra .inputControl {margin-left:0; float:left; }
.formrow .inputElement.extra .inputControl .controls .control input {position:static; width:auto;}
.formrow .inputElement.extra .inputControl .controls .textfield {width:auto;}

/* input caption hint ------------------------------------------------------- */
.formrow .inputElement .inputCaption .label .captionHint {font-weight:300; color:#999; display:block; text-align:left;}

/* button group ------------------------------------------------------------- */
.buttongroup {background:#fff; padding:0.25em;}
.buttongroup .abort {float:left;}
.buttongroup .abort a {padding-left:8px; background:url("img/button-group-back.gif") left center no-repeat; margin:0em 1em; line-height:1.5em; font-weight:700;}
.buttongroup .advance {float:right; margin-left:1em;}

/* form error --------------------------------------------------------------- */
.formError {margin:1em; margin-right:0em; border-bottom:1px solid #ff4200;}
.formError .head {border-color:#f36161;}
.formError .head .title {padding:0.5em 1em; background:#ff4200;}
.formError .head .title span {color:#fff; font-weight:700; font-size:115%;}
.formError .box p {color:#666; margin:0.5em; margin-left:1em;}
.formError .box ul {margin:0.5em; margin-left:1em;}
.formError .box ul li {padding-left:12px; color:#ff4200; background:url("img/error-list.gif") 3px 0.5em no-repeat; line-height:1.25em;}
/* form error in wizard */
.wizard .formError {margin-left:2.5em; margin-right:1em;}

/* contact form styling ------------------------------------------------------*/
.contact .formbox {margin-top:2em;}
.contact .formbox .formfooter { text-align: right; }
.contact .formbox .textfield, .formbox.contactForm select {width:17.5em;}
.contact .formbox textarea {width:17.5em;} /* width redefined in ie.css & ie6.css */

/* friends form ------------------------------------------------------------- */
.friendpage .formrow .inputElement.line .inputControl .controls {display:inline; margin-right:2em;}
.friendpage fieldset.level1 .fields {margin:0em;}
.friendpage .formbox .formheader h2.title {background:#005636; padding:0.5em 1em; color:#fff;}
.friendpage .formbox .formheader {padding:0em;}
.friendpage .formbox .formheader p {margin:0.5em 1.5em; margin-left:2.5em;}
.friendpage .formbox .formheader h2.title span {font-size:108%;}
.friendpage .formbox .inputElement.line .inputControl label {color:#005636; font-weight:700; line-height:1.5em; margin-right:1em; position:relative; width:12em;}
.friendpage .table table thead th .required {color:#88b03c;}
.friendpage .table table tfoot tr td {border-bottom:none;}
.friendpage .table table thead tr th {text-align:left;}
.friendpage .table table .textfield {width:11em;}
/* friends form */
.signup .formbox, .signup .block.text, .signup .breadcrumb, .signup .defList {margin-left:0;}
.signup .gridThree .formbox, .signup .gridThree .block.text, .signup .gridThree .breadcrumb {margin-left:1em;}
.signup #content h1.title, .signup #content .wizard {margin-left:0;}
.signup #content .gridThree h1.title {margin-left:1em;}
.signup .gridTwoRight .questions {margin-left:1em;}

/* ========================================================================== */
/* 09. specific input elements                                                */
/* ========================================================================== */

/* generic input elements --------------------------------------------------- */
.textfield {border:1px solid #cecece; border-bottom-color:#dfdfdf; border-right-color:#dfdfdf; font-size:120%; height:1.25em; color:#005636; padding:0em 0.1em;}
.textfield.postcode {width:4em;}
textarea {border:1px solid #cecece; border-bottom-color:#dfdfdf; border-right-color:#dfdfdf; color:#666; font-size:119%;}
select {border:1px solid #cecece; border-bottom-color:#dfdfdf; border-right-color:#dfdfdf; color:#666;}
/**/
.formrow .inputElement.radiolist .inputControl .controls .sub .textfield {width:8em;}
/* postal code -------------------------------------------------------------- */
.formrow .inputElement.city .inputFeedback {display:block; clear:none; padding:0.25em 0em;}

/* radiobutton list --------------------------------------------------------- */
.formrow .inputElement.radiolist {float:none;}
.formrow .inputElement.radiolist .inputControl .controls {line-height:1.75em; position:relative; padding-left:20px; display:block;}
.formrow .inputElement.radiolist .inputControl .controls input {position:absolute; left:0; top:0.2em; width:15px; height:15px; vertical-align:middle;}
.formrow .inputElement.radiolist .inputControl .controls .sub input {position:static; width:auto; height:auto;}
.formrow .inputElement.radiolist .inputControl .controls .fieldHelp {margin-left:0.5em;}
/* small version */
.formrow .inputElement.radiolist.small {margin:0em 1em;}
.formrow .inputElement.radiolist.small .inputCaption {float:none; text-align:left;}
.formrow .inputElement.radiolist.small .inputCaption .label {width:auto; position:static; padding-bottom:1em;}
.formrow .inputElement.radiolist.small .inputCaption .label .required {position:static;}
.formrow .inputElement.radiolist.small .inputControl {margin:0;}

/* checkbox single ------------------------------------------------------------ */
.formrow .inputElement.singleCheck {float:none;}
.formrow .inputElement.singleCheck .inputControl .controls {line-height:1.75em; position:relative; padding-left:20px; float:left; clear:left;}
.formrow .inputElement.singleCheck .inputControl .controls input {position:absolute; left:0; top:0.2em; width:15px; height:15px; vertical-align:middle;}
.formrow .inputElement.singleCheck .inputControl .controls .fieldHelp {margin-left:0.5em;}
/* subscribe wizard */
.signup .formrow .inputElement.singleCheck .inputControl {margin-left:0;}
.signup .formrow .inputElement.singleCheck .inputControl label {font-size:108%; color:#0083A9;}
.signup .level1 .formrow .inputElement.singleCheck .inputControl {margin-left:14em;}
.signup .level1 .formrow .inputElement.singleCheck .inputControl label {font-size:100%;}

/* checkbox list ------------------------------------------------------------ */
.formrow .inputElement.checklist {float:none;}
.formrow .inputElement.checklist .inputControl .controls {line-height:1.75em; position:relative; padding-left:20px; float:left; clear:left;}
.formrow .inputElement.checklist .inputControl .controls input {position:absolute; left:0; top:0.2em; width:15px; height:15px; vertical-align:middle;}

/* date --------------------------------------------------------------------- */
.formrow .inputElement.date .inputControl .controls .datepickerIcon img {vertical-align:-20%; display:inline;}

/* ========================================================================== */
/* 10. tables                                                                 */
/* ========================================================================== */

/* tables ------------------------------------------------------------------- */
.table {margin:1em;}
.table table {border:none; width:100%;}
.table table tr td {border-bottom:1px solid #e0e0e0; padding:0.5em 0em;}
.table table caption {text-align:left; font-size:115%; font-weight:700; margin-bottom:0.5em;}

/* ========================================================================== */
/* 11. wizard                                                                 */
/* ========================================================================== */

/* basic wizard ------------------------------------------------------------- */
.wizard {margin:1em 0em; padding-right:22em; position:relative;}
.wizard h2.title {background:#005636; padding:0.5em 1em; color:#fff;}
.wizard h2.title span {font-size:108%;}
/* steps */
.wizard .step span.nr {float:left; height:1.85em; width:1.85em; background:#005636; color:#88b03c; text-align:center; line-height:1.85em; font-size:125%;}
.wizard .step span.text {float:left; color:#005636; font-size:108%; margin:0.45em 0.5em; font-weight:700;}
.wizard .step span.pag {float:left; color:#666; font-weight:300; font-size:100%; margin:0.5em 0em;}
/* steplist */
.wizard .context {position:absolute; right:0em; width:21em; top:0;}
.wizard .context .questions .title span {font-size:100%;}
.wizard .stepList li .page {display:block; text-decoration:none; margin:1em 0em; background:#fdfdfd url("img/wizard-step-bg.gif") bottom left repeat-x;}
.wizard .stepList li .page span.nr {background:#88b03c; color:#fff;}
.wizard .stepList li .page span.text {color:#666;}
.wizard .stepList li.active .page span.nr {background:#005636; color:#88b03c;}
.wizard .stepList li.active .page span.text {color:#005636;}
.wizard .stepList li.first .page {margin-top:0;}
.wizard .stepList li.overview .page span.nr {background:#00718f;}
.wizard .stepList li.overview .page span.nr img {padding-top:0.45em;}
.wizard .stepList li.overview .page span.text {color:#00718f;}
/* wizard content */
.wizard .stepContent {border:none;}
.wizard .stepContent .formbox {margin:0; background:#f3f3f3; overflow:hidden; border-top:none;}
.wizard .stepContent .formbox .formheader .requiredLegend {margin:0; position:absolute; right:0.5em; top:0.25em;}
.wizard .stepContent .formbox .formheader {position:relative; padding:0;}
.wizard .stepContent .formbox .formheader .title {background:#fff; margin:1em 0em; vertical-align:middle;}
/* overview title */
.overview .wizard .step span.nr {background:#00718f;}
.overview .wizard .step span.nr img {padding-top:0.45em;}
.overview .wizard .step span.text {color:#00718f;}

/* calculator wizard -------------------------------------------------------- */
.calc .wizard {margin:1em; margin-right:0em; padding-right:22em;}

/* signup wizard ------------------------------------------------------------ */
.signup .wizard {margin:1em; margin-right:0em; padding-right:22em; position:relative; min-height:30.5em;}


/*ShopSearch*/

/*Pour que le contenu de l'iframe prenne 100% de la page sans la colonne de droite*/
.shopsearch #content .gridThree .wrapper2{padding-right:0;} 
.shopsearch iframe {width:685px;}

/*MENU TOP border left*/
.siteNav ul ul li.mobile, .siteNav ul ul li.energy, .siteNav ul ul li.products {
background:transparent url(img/mainnav-sep.gif) no-repeat scroll right top;
padding-right:8px;
}


/* search push 2 -------------------------------------------------------------- */
.jobSearchPush2 {margin:1em; margin-right:0; overflow:hidden;}
.jobSearchPush2 .title { background:#165679; font-size:108%;}
.jobSearchPush2 .title span {color:#fff; text-decoration:none; padding:0.5em 1em ; display:block;}
.jobSearchPush2 .content { border:1px solid #E8E8E8;height:147px;padding:0 0 0 1em;background:#FFFFFF url(img/choices-bg-repeat.gif) repeat-x scroll left bottom;}
.jobSearchPush2 .content .image.right { margin-bottom:0.2em;}

/* TESTIMONIAUX ------------------------------------------------------------------ same height for each block - 15 oct*/

.carriere.testimoniaux .pushBlock .block.push .title,.joboffers.home .pushBlock .block.push .title { height:42px;}

/*BLOC TOPSJOBS ------------------------------------------------------------------  transforme the bloc's bottom to a simple line - 15oct*/

.block.focus .nav2 {background:none;
border-top:1px solid #F5F5F5;
padding:0;
text-align:right;}

/*H2 EVENT ---------------------------------------------------------------------- style the h2*/
/*
.events h2.title span {
color:#90ACC1;
font-size:115%;
margin:0.75em 0 0.5em 1em;
}*/
/* ========================================================================== */
/* 12. sIFR                                                                   */
/* ========================================================================== */

/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility:visible !important; margin:0;}
.sIFR-replaced {visibility:visible !important;}
span.sIFR-alternate {position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display:none !important;}

/* These "decoy" styles ----------------------------------------------------- */
.sIFR-hasFlash h1.title span {visibility:hidden; letter-spacing:-9px; font-size:18px;}
.sIFR-hasFlash .promo h2.title span {visibility:hidden; letter-spacing:-9px; font-size:18px;}
.sIFR-hasFlash .accordeon h2.title span {visibility:hidden; letter-spacing:-9px; font-size:18px; display:block;}

/* ========================================================================== */
/* 12. event slider                                                           */
/* ========================================================================== */


/*.eventSlider .eventSliderBox {width:200em; position:relative; left:0;}*/
.eventSlider .eventSliderImage{ width:20.8em;}
.eventSlider .eventSliderText {float:left; width:20.8em; display:none}
.eventSlider .eventSliderImage {text-align:center;width:20.9em;}
.block .content .eventSlider .eventSliderText p {margin:1em;}


/* ========================================================================== */
/* 13. cf container                                                           */
/* ========================================================================== */
.cf_container {position:absolute;left:-999;top:-999;z-index:1000;}

/*FLASH testimoniaux ----------------------------------------------------------- 20-10-08*/
.flash_right {margin:0 0 1em 1em;}


/* ========================================================================== */
/* 14. cf submenu                                                */
/* ========================================================================== */
#submenu { position:absolute; background-color:#06F; top:0; left:0;}

/* ========================================================================== */
/* Carrefour General Header                                                   */

#jobs #cf-main #footer {font-family:Arial; font-size:13px; background:none; border:none; margin-top:16px;}

/* ========================================================================== */
/* 13. New content page                                               */
/* ========================================================================== */

.partnership { margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #d8d6d6; width:700px;}
.partnership.last { margin:0; padding:0; border:none;}
.partnership .img_partner,.partnership .txt_partner{ float:left;}
.partnership .img_partner { margin:0 10px 0 0; width:200px;}
.partnership .txt_partner { width:490px;}
.partnership .txt_partner h2.title,.partnership .txt_partner p { margin:0 0 15px 0;}
.partnership .txt_partner p.signing { font-weight:bold; color:#90ACC1; margin:0}

#testi_student {background:#165679 url(../images/students/back_testi_fondu.gif) repeat-x bottom; width:230px; border:1px solid #e8e8e8; min-height:422px;}
#testi_student h1 { font-size:12px; color:#FFF; background:#8faabf; padding:10px 0 10px 10px; width:220px;}
#testi_student h3 {font-size:12px; color:#FFF; background:#165679; padding:6px 5px 6px 0; width:225px; font-style:italic; margin:0; text-align:right;}
#testi_student h2 { color:#8faabf; margin:0 0 5px 0;}
#testi_student .content_testi{ padding:7px; background:#ffffff url(../images/students/back_testi.gif) no-repeat bottom; height:92px; position:relative;}
#testi_student p { color:#0f5976; font-size:12px;}
#testi_student .content_testi .link { position:absolute; bottom:3px; right:7px;}
#testi_student .content_testi .link a{background:url("img/blue-arrow.gif") no-repeat right center;padding-right:10px;text-decoration:none;}
#testi_student .content_testi .link a:hover {background:url("img/blue-arrow-hover.gif") no-repeat right center;}
#testi_student .preview { display:none; }

.detail_testi {margin:1em 0 2em 1em;position:relative;}

.detail_testi .col_right { font-size:12px; height:151px; padding:110px 74px 0 74px; width:274px;background:url(../images/students/back_testi_detail.jpg) no-repeat top; margin:0 0 0 273px;}
.detail_testi .col_right p { color:#0f5976;}
.detail_testi .txt_detail_testi { position:absolute; bottom:10px; left:0; width:243px;}
.detail_testi .txt_detail_testi h1{ color:#1a5577; font-size:13px; margin:0 0 15px 0; line-height:16px;}
.detail_testi .txt_detail_testi .ref_testi p{ color:#FFF; margin:0;}
.detail_testi .txt_detail_testi .ref_testi { padding:5px; background:#1a5577;}

#cf-header-common .navSites .navExtra li.last.lastActive ul { z-index:2000;}
#header { z-index:1; position:relative}