@charset "iso-8859-1";

@import url(/core/site/styles/main.css);

#content.connect {padding:0 0 1px 0;background:url(/core/site/images/reseau-pro/box/highlight.png) repeat-x left bottom}

.box-viadeo-apec {margin:15px;border:1px solid #c3c3c3}
.box-viadeo-apec .ui-tabs .ui-tabs-hide {display:none}

.box-viadeo-apec .tabs {height:445px;overflow:hidden;background:white}
.box-viadeo-apec .tabs ul.titles {height:27px;border-bottom:1px solid #c3c3c3;background:url(/core/site/images/reseau-pro/box/tab.png) repeat-x}
.box-viadeo-apec .tabs ul.titles li {float:left;height:27px;line-height:27px;border-right:1px solid #c3c3c3}
.box-viadeo-apec .tabs ul.titles li.last {border-right:0}
.box-viadeo-apec .tabs ul.titles li a {display:block;height:27px;color:#b0b0b0;font-weight:bold;font-size:12px;text-decoration:none;text-align:center;outline:0}
.box-viadeo-apec .tabs ul.titles li a:hover {color:#ef741d}
.box-viadeo-apec .tabs ul.titles li.ui-tabs-selected a {color:#ef741d;cursor:default}

.box-viadeo-apec #reseau-pro {position:relative;height:417px;padding:0 0 0 365px;background:url(/core/site/images/reseau-pro/box/flower.png) no-repeat 60px 100%}
.box-viadeo-apec #reseau-pro h2 {padding:55px 0 25px 0}
.box-viadeo-apec #reseau-pro ul li {padding:10px 0 10px 30px;background:url(/core/site/images/reseau-pro/list/check.png) no-repeat 3px 12px;color:#333333;font-size:18px}

.box-viadeo-apec #viadeo-apec-fr {position:relative;height:417px}
.box-viadeo-apec #viadeo-apec-fr ul {float:left;width:190px;height:275px;margin:0 25px 0 15px;padding:25px 0 0 0;background:url(/core/site/images/reseau-pro/box/menu.png) no-repeat 10px 0;~padding-top:40px}
.box-viadeo-apec #viadeo-apec-fr ul li a {display:block;height:35px;line-height:30px;margin:15px 0;padding:0 0 0 25px;font-size:12px;color:#5b5b5b;text-decoration:none}
.box-viadeo-apec #viadeo-apec-fr ul li a:hover {color:#ef741d}
.box-viadeo-apec #viadeo-apec-fr ul li.ui-tabs-selected a {background:url(/core/site/images/reseau-pro/box/menu-selected.png) no-repeat;color:white;font-weight:bold;cursor:default}
.box-viadeo-apec #viadeo-apec-fr div {float:left;width:490px;padding:30px 0 0 0}
.box-viadeo-apec #viadeo-apec-fr div.button {float:none;width:auto;padding:0}
.box-viadeo-apec #viadeo-apec-fr h3 {padding:0 70px 10px 5px;color:#333333;font-size:18px;font-weight:normal}

.box-viadeo-apec #mode-emploi {position:relative;height:417px}
.box-viadeo-apec #mode-emploi {padding:8px 10px 0 40px}
.box-viadeo-apec #mode-emploi h3 {margin:10px 10px 20px 0;color:#333333;font-size:18px;font-weight:normal}
.box-viadeo-apec #mode-emploi .video {float:left;margin:0 25px 0 0}
.box-viadeo-apec #mode-emploi dl {float:left;width:350px;margin:10px 0 0 0}
.box-viadeo-apec #mode-emploi dl dt {float:left;width:23px;height:23px;line-height:23px;background:url(/core/site/images/reseau-pro/list/step.png) no-repeat;text-align:center;font-size:14px;font-weight:bold;color:white}
.box-viadeo-apec #mode-emploi dl dd {padding:0 0 10px 35px;color:#333333}
.box-viadeo-apec #mode-emploi dl dd h4 {padding:4px 0 5px 0;font-size:14px;font-weight:bold;color:#ef741d}

.box-viadeo-apec .button {position:absolute;left:410px;top:315px}
.box-viadeo-apec .button a {display:inline-block;height:40px;line-height:40px;margin:25px 0 0 0;background:url(/core/site/images/reseau-pro/button/button-viadeo-apec.png) no-repeat left top;color:white;font-weight:bold;text-decoration:none;font-size:12px}
.box-viadeo-apec .button a span {display:inline-block;height:40px;margin:0 0 0 30px;padding:0 30px 0 0;background:url(/core/site/images/reseau-pro/button/button-viadeo-apec.png) no-repeat right top}

.box-viadeo-apec-connected {position:relative;width:780px;height:480px;background:url(/core/site/images/reseau-pro/box/apec-viadeo-connected.jpg) no-repeat}
.box-viadeo-apec-connected h2 {padding:15px 15px 20px 15px;color:#333333;font-size:14px;font-weight:bold}
.box-viadeo-apec-connected p {padding:0 15px;color:#333333}
.box-viadeo-apec-connected a.apec {position:absolute;left:97px;top:92px;display:block;width:227px;text-align:center;text-decoration:none}
.box-viadeo-apec-connected a.apec .button {display:inline-block;height:40px;line-height:40px;margin:295px 0 0 0;background:url(/core/site/images/reseau-pro/button/button-go-apec.png) no-repeat left top;color:white;font-weight:bold;text-decoration:none;font-size:12px}
.box-viadeo-apec-connected a.apec .button span {display:inline-block;height:40px;margin:0 0 0 25px;padding:0 25px 0 0;background:url(/core/site/images/reseau-pro/button/button-go-apec.png) no-repeat right top}
.box-viadeo-apec-connected .viadeo {position:absolute;left:425px;top:92px;display:block;width:237px;text-align:center;text-decoration:none}
.box-viadeo-apec-connected a.viadeo .button {display:inline-block;height:40px;line-height:40px;margin:295px 0 0 0;background:url(/core/site/images/reseau-pro/button/button-go-viadeo.png) no-repeat left top;color:white;font-weight:bold;text-decoration:none;font-size:12px}
.box-viadeo-apec-connected a.viadeo .button span {display:inline-block;height:40px;margin:0 0 0 25px;padding:0 25px 0 0;background:url(/core/site/images/reseau-pro/button/button-go-viadeo.png) no-repeat right top}

.box-main {background:url(/core/site/images/reseau-pro/box/box-main.png) no-repeat left top}
.box-main .header {margin:0 0 0 10px;padding:6px 10px 0 0;background:url(/core/site/images/reseau-pro/box/box-main.png) no-repeat right top;~zoom:1}
.box-main .header h2 {padding:5px 0 3px 0;min-height:18px;color:white;font-size:14px;font-weight:bold}
.box-main .content {background:url(/core/site/images/reseau-pro/box/box-main.png) no-repeat left bottom}
.box-main .content .inside {margin:0 0 0 10px;padding:0 0 10px 0;background:url(/core/site/images/reseau-pro/box/box-main.png) no-repeat right bottom}
.box-main .content .inside .section {position:relative;left:-5px;margin:0 1px;padding:5px 10px}

.box-main #section-flash {position:relative;left:-5px;margin:0 1px;width:383px;height:120px}
.box-main #section-flash object {outline:0}
.box-main #section-flash p {padding:5px 10px}
.box-main #section-flash p a {display:block;margin:20px 0 0 0;text-align:center}

.box-main .content .inside .tabs {position:relative;left:-5px;margin:0 1px;padding:0 5px 5px 0}
.box-main .ui-tabs .ui-tabs-hide {display:none}

.box-main ul.articles {position:absolute;left:0;top:0;width:70px;padding:30px 0 0 0}
.box-main ul.articles li {margin:5px 0;padding:2px 0 2px 2px;color:#ef741d;font-size:12px}
.box-main ul.articles li a {color:black;text-decoration:none;outline:0}
.box-main ul.articles li a:hover {text-decoration:underline !important}
.box-main ul.articles li.ui-tabs-selected a {color:#ef741d;text-decoration:none !important;cursor:default}

.box-main .article {margin:0 0 0 75px}
.box-main .article h3 {padding:5px 0 10px 0;font-size:14px;color:#ef741d;font-weight:bold}
.box-main .article p.intro {margin:0 0 10px 0;font-weight:bold}
.box-main .article p.intro img {float:left;margin:3px 10px 3px 0}
.box-main .article .body {position:relative;height:330px;overflow:hidden;margin:0 0 10px 0;text-align: left}
.box-main .article .body .hide-more {position:absolute;left:0;bottom:0;width:100%;height:23px;background:url(/core/site/images/reseau-pro/box/more.png) repeat-x}
.box-main .article .body img {width:auto !important;max-width:300px !important;height:auto !important}
.box-main .article .next {margin:0 0 10px 0;text-align:right}
.box-main .article .next a {margin:0 10px 0 0;padding:0 0 0 10px;background:url(/core/site/images/reseau-pro/button/arrow.png) no-repeat left center;font-weight:bold}
.box-main .article .launch {clear:both;padding:5px 0 15px 0;text-align:center}
.box-main .article .more {padding:10px 0 0 0;background:url(/core/site/images/reseau-pro/box/box-main-spacer.png) repeat-x}
.box-main .article .more h3 {margin:0;color:black;font-size:12px;font-weight:normal}
.box-main .article .more h4 {margin:5px 0;text-align:center;color:#ef741d;font-size:18px;font-weight:bold}
.box-main .article .more h5 {margin:0;text-align:right;color:black;font-size:14px;font-weight:normal}

.box-main .article ul.slider {float:left;width:263px;overflow:hidden;white-space:nowrap}
.box-main .article ul.slider li {display:inline;~zoom:1;~margin-right:3px}
.box-main .article ul.slider li a {text-decoration:none}
.box-main .article ul.slider li a span {display:inline-block;width:67px;height:67px;padding:10px 7px 0 7px;border:1px solid #5e9eb7;white-space:normal;text-align:center;vertical-align:top;color:#5e9eb7;background:url(/core/site/images/reseau-pro/button/article.png) repeat-x left bottom}
.box-main .article ul.slider li a:hover span {border:1px solid #ef741d;color:#ef741d}
.box-main .article ul.slider li.ui-tabs-selected a {cursor:default}
.box-main .article ul.slider li.ui-tabs-selected a span {border:1px solid #ef741d;color:#ef741d}
.box-main .article .slider-left {float:left;width:20px;height:77px;background:white url(/core/site/images/reseau-pro/button/slider-left.png) no-repeat left center;cursor:pointer}
.box-main .article .slider-right {float:left;width:20px;height:77px;background:white url(/core/site/images/reseau-pro/button/slider-right.png) no-repeat right center;cursor:pointer}
.box-main .article .clear {~overflow:hidden}

.action-bar {padding:5px}
.action-bar a.back {padding:0 0 0 17px;background:url(/core/site/images/reseau-pro/button/back.png) no-repeat left center}

a.button {display:inline-block;height:20px;background:url(/core/site/images/reseau-pro/button/button.png) no-repeat left top;color:white;font-weight:bold;text-decoration:none}
a.button span {display:inline-block;margin:0 0 0 25px;padding:0 10px 0 0;line-height:20px;white-space:nowrap;background:url(/core/site/images/reseau-pro/button/button.png) no-repeat right top}

a.widget-viadeo {float:right;position:relative;margin-top:-3px;display:block;width:60px;height:24px;background:url(/core/site/images/reseau-pro/button/widget-viadeo.png) no-repeat center center}
#widget-viadeo {position:absolute;width:322px;height:131px;margin:19px 0 0 -82px;background:url(/core/site/images/reseau-pro/box/widget-viadeo.png) no-repeat}
#widget-viadeo a.close {position:absolute;right:5px;top:6px;width:19px;height:21px;background:url(/core/site/images/reseau-pro/button/widget-viadeo-close.png) no-repeat left bottom}
#widget-viadeo iframe {width:295px;height:105px;margin:15px 0 0 13px}

.box-viadeo-network {position:relative;width:303px;height:123px;background:#fce7d6 url(/core/site/images/reseau-pro/box/box-viadeo-network.png) no-repeat}
.box-viadeo-network h3 {position:absolute;left:18px;top:5px;border-bottom:1px solid #ededed;padding:10px 140px 5px 47px;background:url(/core/site/images/reseau-pro/box/box-viadeo-network-header.png) no-repeat 100% 5px;color:#333333;font-size:14px;font-weight:bold}
.box-viadeo-network dl.promo {position:absolute;left:20px;top:50px;padding:0 15px 0 5px}
.box-viadeo-network dl.promo dd {padding:10px 0 0 0;text-align:center}

.box-viadeo-counter {width:156px;background:url(/core/site/images/reseau-pro/box/box-viadeo-counter.png) no-repeat left top}
.box-viadeo-counter .header {margin:0 0 0 10px;padding:6px 10px 0 0;background:url(/core/site/images/reseau-pro/box/box-viadeo-counter.png) no-repeat right top}
.box-viadeo-counter .header h2 {margin:0;padding:4px 0 3px 17px;border-bottom:1px solid #ededed;background:url(/core/site/images/reseau-pro/box/box-viadeo-counter-header.png) no-repeat 100% 3px;color:#333333;font-size:11px;font-weight:bold;word-spacing:-1px}
.box-viadeo-counter .content {background:url(/core/site/images/reseau-pro/box/box-viadeo-counter.png) no-repeat left bottom}
.box-viadeo-counter .content .inside {margin:0 0 0 10px;padding:0 0 10px 0;background:url(/core/site/images/reseau-pro/box/box-viadeo-counter.png) no-repeat right bottom}
.box-viadeo-counter dl.promo {margin:0 10px 0 0}
.box-viadeo-counter dl.promo dt {padding:10px 0 5px 0;font-size:12px;color:#333333;text-align:center}
.box-viadeo-counter dl.promo dd {padding:5px 0;text-align:center}

.widget-viadeo-network {position:relative;width:303px;height:123px;background:url(/core/site/images/reseau-pro/box/widget-viadeo-network.png) no-repeat 0 2px}
.widget-viadeo-network h3 {position:absolute;left:0px;top:0px;border-bottom:1px solid #ededed;padding:5px 180px 5px 30px;background:url(/core/site/images/reseau-pro/box/box-viadeo-network-header.png) no-repeat 90% 0;color:#333333;font-size:14px;font-weight:bold}
.widget-viadeo-network dl.promo {position:absolute;left:0;top:40px;padding:0 10px 0 0}
.widget-viadeo-network dl.promo dd {padding:10px 0 0 0;text-align:center}