/*@import url("header_page.css");
@import url("content_home.css");
@import url("footer_page.css");*/

/*
**  @author : LCL.COM (univers default: #FF0000)
* A. Librairies (CSS reset...)
* B. Styles generaux (declarations defaut des Hx, strong)
* C. Styles helpers (margins, paddings, txtX)
* D. Structure principal (#page,	 #main, #menu, #nav...)
* E. Contenus (listes ul.listPuce,  .mea, dataArray...)
* F. Blocs conteneurs + structure contenu (line, unit, .block, .blockSicontentmple....)
* G. Custom (blocks sp?cifiques, contenus vraiment sp?cifiques ? une page, non reutilisable ailleurs)
* H. Fixs class for navigators (corners)
* I. Classes sp?cifiques (lecteurs d'?cran, javascript...)
* J. D?clinaison univ (univ infos)
*/

/****
* A. Librairies (CSS reset...)
****/
html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    line-height: 1.3em;
    font-family: inherit;
    text-align: inherit;
    vertical-align: baseline;
}

a img, :link img, :visited img {
    border: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ul {
    list-style: none;
}

ol {
    list-style: decimal inside;
}

q:before, q:after, blockquote:before, blockquote:after {
    content: "";
}

strong, h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

em {
    font-style: italic;
}

input, textarea, select {
    font-size: 99%;
    font-family: Arial, Helvetica, sans-serif;
}

* {
    outline: none;
    _word-wrap: break-word;
}

/****
* B. Styles generaux (declarations defaut des Hx, strong, a (liens) )
****/
body {
    font-size: 11px;
    *font-size: 69.18%;
    font-family: Arial, Helvetica, sans-serif;
    background: #13349D;
}

/* par defaut la hauteur du font-size est de 16px sur IE et FF, pour avoir un font-size relatif, il suffit de faire une division et indiquer le pourcentage correspondant */
a {
    color: #04BBEF;
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
}

a.external {
    color: #1D3888 !important;
    background: transparent url(skin/arrow-list-blue.png) no-repeat left 3px !important;
}

h1 {
    font-size: 2.8em;
    font-weight: normal;
    color: #07A7E0;
}

.normal h1 {
    font-size: 3.0em;
}

.big h1 {
    font-size: 3.5em;
}

h1 span {
    font-size: 26px;
    display: block;
}

.normal h1 span {
    font-size: 30px;
}

.big h1 span {
    font-size: 35px;
}

h1.default {
    font-size: 32px;
    color: #0D2982;
}

.normal h1.default {
    font-size: 35px;
}

.big h1.default {
    font-size: 39px;
}

h2 {
    font-size: 2em;
    color: #07A7E0;
    font-weight: normal;
    margin-top: 10px;
}

.bfc h2 {
    font-size: 2em;
    color: #99042f;
    font-weight: normal;
    margin-top: 10px;
}

.bfc p {
    font-size: 1.1em;
    color: #7d6b69;
}

.normal h2 {
    font-size: 2.2em;
}

.big h2 {
    font-size: 2.5em;
}

h2.head {
    font-size: 15px;
    line-height: 16px;
}

.normal h2.head {
    font-size: 17px;
    line-height: 18px;
}

.big h2.head {
    font-size: 19px;
    line-height: 21px;
}

h3 {
    color: #1D3888;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

.normal h3 {
    font-size: 16px;
}

.big h3 {
    font-size: 19px;
}

h3.titleBigger {
    color: #4C4C4C;
    font-size: 200%;
}

.normal h3.titleBigger {
    font-size: 220%;
}

.big h3.titleBigger {
    font-size: 250%;
}

h3.titleLower {
    color: #E75353;
    font-size: 110%;
}

.normal h3.titleLower {
    font-size: 130%;
}

.big h3.titleLower {
    font-size: 160%;
}

h4 {
    font-size: 14px;
    color: #1D3888;
    text-transform: uppercase;
    font-weight: normal;
}

.normal h4 {
    font-size: 16px;
}

.big h4 {
    font-size: 19px;
}

h4.titleBigger {
    color: #4C4C4C;
    font-size: 160%;
}

.normal h4.titleBigger {
    font-size: 200%;
}

.big h4.titleBigger {
    font-size: 220%;
}

h5 {
    font-size: 13px;
    text-transform: uppercase;
    color: #0D2982;
}

h3, h4, h5 {
    margin-top: 5px;
}

.normal h5 {
    font-size: 14px;
}

.big h5 {
    font-size: 15px;
}

iframe {
    _overflow: visible;
    zoom: 1;
    width: 100%;
    overflow: visible;
}

.title strong {
    font-weight: 100;
    color: #DC0707;
}

.highLight {
    color: #A45255;
}

.bold {
    font-weight: bold;
}

.floatN {
    float: none !important;
}

.italic {
    font-style: italic;
}

.Nbold {
    font-weight: normal !important;
}

.mentionsLegales {
    font-style: italic;
}

.mentionsLegales .mentionsContent {
    overflow: hidden;
    width: 100%
}

.noBrd {
    border: 0 !important
}

.dottedBorder {
    border-left: 1px dotted black;
    margin-left: 10px;
}

.noBG {
    background: none !important;
}

.nuageMots {
    line-height: 1.4em
}

.overflowVisible {
    overflow: visible !important;
}

.small {
    font-size: 11px !important;
}

.normal {
    font-size: 14px !important;
}

.big {
    font-size: 16px !important;
}

.Dnone {
    display: none !important;
}

/****
* C. Styles helpers (margins, paddings, txtX)
****/
/* alignement (vertical-align, text-align */
.txtL {
    text-align: left !important;
}

.txtC {
    text-align: center !important;
}

.txtR {
    text-align: right !important;
}

.txtT {
    vertical-align: top !important;
}

.txtM {
    vertical-align: middle !important;
}

.txtB {
    vertical-align: bottom !important;
}

/* positionnement flottant */
.floatL, .float_l {
    float: left;
}

.floatR, .float_r {
    float: right;
}

.clearB {
    clear: both;
}

.context {
    overflow: hidden;
    _overflow: visible;
    zoom: 1
}

/* fullWidth (force une image ou un flash ? prendre toute la largeur de son conteneur, cela evite de devoir calculer au pixel pr?s la largeur d'une image. Utilisation : <div class="fullImg"><img src="image.gif" /></div>) */
.fullImg img {
    width: 100%;
    display: block;
}

.mediaSplit img, .mediaSplit object, .mediaSplit embed {
    width: 100%;
    display: block;
    vertical-align: top;
}

/* marges des blocs */
.Vspace, .Tspace {
    margin-top: 12px !important
}

.Vspace, .Bspace {
    margin-bottom: 20px !important
}

.BspaceMinusTen {
    margin-bottom: -10px !important;
}

.home .block .Vspace, .home .block .Tspace {
    margin-top: 6px !important
}

.home .block .Vspace, .home .block .Bspace {
    margin-bottom: 6px !important
}

/* margins pour les contenus */
.Nomargin {
    margin: 0 !important;
}

.marginSm {
    margin: 5px !important
}

.margin {
    margin: 10px !important
}

.marginLg {
    margin: 20px !important
}

.VmarginSm, .TmarginSm {
    margin-top: 3px !important
}

.VmarginSm, .BmarginSm {
    margin-bottom: 5px !important
}

.HmarginSm, .LmarginSm {
    margin-left: 5px !important
}

.HmarginSm, .RmarginSm {
    margin-right: 5px !important
}

.Vmargin, .Tmargin {
    margin-top: 10px !important
}

.Vmargin, .Bmargin {
    margin-bottom: 10px !important
}

.Hmargin, .Lmargin {
    margin-left: 10px !important
}

.Hmargin, .Rmargin {
    margin-right: 10px !important
}

.VmarginLg, .TmarginLg {
    margin-top: 20px !important
}

.VmarginLg, .BmarginLg {
    margin-bottom: 20px !important
}

.HmarginLg, .LmarginLg {
    margin-left: 20px !important
}

.HmarginLg, .RmarginLg {
    margin-right: 20px !important
}

.BmarginXLg {
    margin-bottom: 30px !important
}

.TmarginNegLg {
    margin-top: -10px !important;
}

/* paddings pour les contenus */
.Nopadding {
    padding: 0 !important;
}

.paddingSm {
    padding: 5px !important
}

.padding {
    padding: 10px !important
}

.paddingLg {
    padding: 20px !important
}

.VpaddingXsm, .TpaddingXsm {
    padding-top: 2px !important
}

.VpaddingXsm, .BpaddingXsm {
    padding-bottom: 2px !important
}

.HpaddingXsm, .LpaddingXsm {
    padding-left: 2px !important
}

.HpaddingXsm, .RpaddingXsm {
    padding-right: 2px !important
}

.VpaddingSm, .TpaddingSm {
    padding-top: 5px !important
}

.VpaddingSm, .BpaddingSm {
    padding-bottom: 5px !important
}

.HpaddingSm, .LpaddingSm {
    padding-left: 5px !important
}

.HpaddingSm, .RpaddingSm {
    padding-right: 5px !important
}

.Vpadding, .Tpadding {
    padding-top: 10px !important
}

.Vpadding, .Bpadding {
    padding-bottom: 10px !important
}

.Hpadding, .Lpadding {
    padding-left: 10px !important
}

.Hpadding, .Rpadding {
    padding-right: 10px !important
}

.VpaddingLg, .TpaddingLg {
    padding-top: 20px !important
}

.VpaddingLg, .BpaddingLg {
    padding-bottom: 20px !important
}

.HpaddingLg, .LpaddingLg {
    padding-left: 20px !important
}

.HpaddingLg, .RpaddingLg {
    padding-right: 20px !important
}

.VpaddingXlg, .TpaddingXlg {
    padding-top: 30px !important
}

.VpaddingXlg, .BpaddingXlg {
    padding-bottom: 30px !important
}

.HpaddingXlg, .LpaddingXlg {
    padding-left: 30px !important
}

.HpaddingXlg, .RpaddingXlg {
    padding-right: 30px !important
}

/*font-size*/
.px13 {
    font-size: 13px;
}

/*****
D. Structure principal (#page, #main, #menu, #nav...)
****/
body {
    background: white url(skin/bkg-body.png) repeat-x center top;
}

body.print {
    background: none !important;
}

body  #popUp {
    text-align: left !important;
    background: none;
}

#popUp  #main {
    min-height: 275px;
}

#popUp .header {
    background: url(skin/popUp/img-header.png) no-repeat left top;
    height: 82px;
    width: 100%;
}

#popUp .header a.lclLogPop {
    position: relative;
    float: left;
    width: 120px;
    height: 80px;
    margin-left: 10px;
    background-color: transparent;
    text-indent: -9999px;
}

#page {
    width: 940px;
    _width: 940px;
    margin: 0 auto;
    text-align: left;
    padding-right: 9px;
    _padding-right: 5px;
    background: url(skin/bkg-page-shdw.png) repeat-y right top;
    zoom: 1;
    filter: expression(pngFix(this));
}

#page.noBackground {
    background: none;
}

#body {
    position: relative;
    z-index: 1;
    overflow: hidden;
    _zoom: 1;
}

#header {
    width: 100%;
    position: relative;
    z-index: 100;
}

#main, #toolsBox {
    background: white;
}

#main {
    padding: 0 14px 20px 14px;
    background: #fff;
    overflow: hidden;
    _overflow: visible;
    _zoom: 1;
}

#main.rightColPresent #mainInside {
    _width: 490px;
}

#main.noPadding {
    padding: 0;
}

#toolsBox {
    overflow: hidden;
    zoom: 1;
    padding: 10px 10px 15px 15px;
    _position: relative;
    _z-index: 0;
}

#rightCol {
    background: url(skin/bkg-sep-navR.png) no-repeat left top;
    padding-left: 8px;
    float: right;
    width: 220px;
    zoom: 1;
    _overflow: visible;
    margin: 0 0 -20px 12px;
    _margin-left: 2px;
}

#leftCol {
    width: 175px;
    margin: 0 -10px 0 0px;
    _margin: 0 -3px 0 0px;
    position: relative;
    border-right: 1px solid white;
    overflow: hidden;
    float: left;
}

#footer {
    height: 2.72em;
    background-color: #192A6F;
    margin: 0 auto;
    clear: both;
}

#footer form {
    padding: 0;
    margin: 0;
    display: inline;
}

#footer ul {
    text-align: center;
    padding-top: 4px;
}

#footer li {
    padding-right: 16px;
    margin-right: 7px;
    padding-left: 7px;
    *padding-left: 8px;
    border-right: 1px dashed #5187B7;
    top: 6px;
    display: inline;
}

#footer li.noBorder {
    border-right: none;
}

#footer li.last {
    border: 0;
}

#footer li a, #footer li label {
    color: white;
    text-decoration: underline;
}

#annuaire {
    width: 153px;
    margin-left: 10px;
}

#footer label {
    margin-left: 10px;
}

#footer li input.ok {
    background: url(skin/btn-ok.png) no-repeat left top;
    width: 17px;
    height: 17px;
    border: 0;
    cursor: pointer;
    text-indent: -5000px;
}

#footer li .rss {
    background: url(skin/picto/picto-rss.png) no-repeat left -2px;
    width: 22px;
    height: 18px;
    padding-left: 22px;
}

#popUp  .btnClosePop {
    background: url(skin/popUp/puce-close.png) no-repeat left 4px;
    padding-left: 10px;
    margin-top: 10px;
    cursor: pointer;
    color: #FFF;
    text-transform: uppercase;
    display: block;
    position: absolute;
    text-decoration: none;
    right: 0;
    top: 0;
    width: 70px;
    height: 20px;
}

/* PopPrint  */

body.printPop {
    background-image: none;
}

.printPop #head {
    width: 100%;
    display: table;
}

.printPop  #content {
    background-color: #FFF;
    background-image: none;
}

.print  #content {
    background-color: #FFF;
    background-image: none;
    width: 528px;
}

.printPop  #page {
    background: none;;
    width: auto;
}

.printPop  #header {
    margin-bottom: 10px;
}

.printPop #header .btnClosePop {
    background: url(skin/popUp/puce-close.png) no-repeat left 4px;
    padding-left: 10px;
    margin-top: 10px;
    cursor: pointer;
    color: #FFF;
    text-transform: uppercase;
    display: block;
    position: absolute;
    text-decoration: none;
    right: 0;
    top: 0;
    width: 70px;
    height: 20px;
}

/* #footer */
#footer .footerPop li {
    float: left;
    padding-left: 5px;
    padding-top: 2px;
    color: #FFF;
}

#footer .footerPop li a {
    color: #FFF;
    display: block;
    text-decoration: none !important;
}

/* #header */
#head {
    background: url(skin/bkg-fondheader.png) repeat-y left top;
    width: 100%;
    display: table;
}

#head .baseline {
    display: block;
    margin-left: 28px;
    margin-top: 62px;
    float: left;
    _margin-right: 38px;
}

/* #head h1 a.logoLcl{background:url(skin/logo-lcl.png) no-repeat 10px 11px; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/skin/logo-lcl.png'); text-indent:-5000px; _height:101px; min-height:121px; width:161px;  _width:161px; display:block; overflow:hidden; _overflow:visible; z-index:2;  cursor:pointer; float:left; zoom:1;} */
#head div.logoLcl {
    position: relative;
    z-index: 10;
    float: left;
    width: 152px;
    margin-top: 18px;
    margin-left: 10px;
    *display: inline;
    background: url(skin/logo-lcl3.png) no-repeat 0 0;
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/css/skin/logo-lcl3.png', sizingMethod = "crop");
}

.home #head div.logoLcl {
    position: relative;
    z-index: 10;
    float: left;
    width: 152px;
    margin: 18px 0 -12px 10px;
    *display: inline;
    background: url(skin/logo-lcl3.png) no-repeat 0 0;
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/css/skin/logo-lcl3.png', sizingMethod = "crop");
}

#head div a {
    text-indent: -9999px;
    height: 94px;
    display: block;
    cursor: pointer;
    overflow: hidden;
    zoom: 1;
}

#head .formheader {
    width: 371px;
    height: 64px;
    overflow: hidden;
}

#head .formheader .form {
    margin-left: 20px;
    text-align: right;
    margin-right: 15px;
    margin-top: 10px;
}

#head .formheader  p {
    padding-bottom: 0px
}

#head .formheader .form  label {
    color: #FFF;
    font-weight: normal;
    margin-right: 5px;
}

#head .formheader .form  select {
    width: 185px;
    border: 1px solid #8C99A9;
}

#head .formheader .form  input {
    width: 123px;
    _width: 121px;
    border: 1px solid #8C99A9;
}

#head .formheader .form .submit {
    width: 57px;
    height: 16px;
    border: 0;
    cursor: pointer;
    background: url(skin/btn-submit.png) no-repeat left top;
    text-indent: -5000px;
}

#head .rightHead {
    float: right;
}

#head .rightHead .navHeader {
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 50px;
    _margin-left: 40px;
}

#head .rightHead .navHeader li {
    display: block;
    float: left;
}

#head .rightHead .navHeader li a {
    display: block;
    float: left;
    text-indent: -5000px;
    width: 1px;
    height: 17px;
    border-right: 1px dashed #336498;
    margin-left: 10px;
    _margin-left: 7px;
    padding-left: 5px;
    padding-right: 5px;
    zoom: 1;
    *margin-top: 3px;
}

#head .rightHead .navHeader li.last a {
    border: 0;
}

#head .rightHead .navHeader li a.linknavhone {
    background: url(skin/link-navh-1.png) no-repeat left top;
    width: 108px;
    height: 17px;
}

#head .rightHead .navHeader li a.linknavhtwo {
    background: url(skin/link-navh-2.png) no-repeat left top;
    width: 91px;
    height: 17px;
}

#head .rightHead .navHeader li a.linknavhthree {
    background: url(skin/link-navh-3.png) no-repeat left top;
    width: 50px;
    height: 17px;
}

/* #navh */
#navh {
    background: url(skin/bkg-nav.png) repeat-x left top;
    margin-top: -10px;
    padding-left: 152px;
    zoom: 1;
    border-bottom: 0;
}

#navh:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

#navh li ul {
    left: 0;
    top: 0;
}

#navh .navh li {
    float: left;
    height: 38px;
    position: relative;
    z-index: 1000;
}

#navh .navh li li {
    z-index: 1000;
}

#navh .navh li a {
    display: block;
    text-indent: -5000px;
    height: 38px;
    background: url(skin/nav-h.png) no-repeat left top;
    overflow: hidden;
    zoom: 1;
}

#navh .navh li a.home {
    background: url(skin/picto/picto-home.png) no-repeat left top;
    width: 22px;
    overflow: hidden;
}

#navh .navh #decouvrir a {
    background-position: 0 0;
    width: 127px;
}

#navh .navh #plusdinfo a {
    background-position: -127px 0;
    width: 226px;
}

#navh .navh #dialoguez a {
    background-position: -353px 0;
    width: 153px;
}

#navh .navh #recrute a {
    background-position: -506px 0;
    width: 106px;
}

#navh .navh #engage a {
    background-position: -612px 0;
    width: 154px;
}

/* SUb Menu rollover */
#navh #decouvrir:hover a, #navh #decouvrir.hover a {
    background-position: 0 -38px;
}

#navh #plusdinfo:hover a, #navh #plusdinfo.hover a {
    background-position: -127px -38px;
}

#navh #dialoguez:hover a, #navh #dialoguez.hover a {
    background-position: -353px -38px;
}

#navh #recrute:hover a, #navh #recrute.hover a {
    background-position: -506px -38px;
}

#navh #engage:hover a, #navh #engage.hover a {
    background-position: -612px -38px;
}

.IS_IE  #navh .navh li {
    behavior: expression(navAddHover(this));
}

.IS_IE  #navh .navh li li {
    behavior: expression(addHover(this));
}

/* #navh  #plusdinfo */
#navh .navh #plusdinfo ul {
    border-top-color: #E82483;
    border-right-color: #E82483;
}

#navh .navh #plusdinfo li {
    border-left-color: #E82483;
}

#navh .navh #plusdinfo li.bottom {
    background: url(skin/univInfo/bottom-layer-menu.png) no-repeat left bottom !important;
    border-right-color: #E82483;
}

#navh .navh #plusdinfo li:hover, #navh .navh #plusdinfo li.hover {
    background-image: url(skin/univInfo/bkg-SubMenu.png);
    background-color: #E82483;
    color: #E82483;
}

#navh .navh #plusdinfo li a {
    background: url(skin/univInfo/puceSubMenu.png) no-repeat 12px 12px;
    padding-left: 24px;
    padding-top: 8px;
    color: #E82483;
}

#navh .navh #plusdinfo li:hover a, #navh .navh #plusdinfo li.hover a {
    background: url(skin/univInfo/puce-SubMenu2.png) no-repeat 12px 12px;
    color: #FFF !important;
}

/* #navh  #dialoguez */
#navh .navh #dialoguez ul {
    border-top-color: #FC5B09;
    border-right-color: #FC5B09;
}

#navh .navh #dialoguez li {
    border-left-color: #FC5B09;
}

#navh .navh #dialoguez li.bottom {
    background: url(skin/univDialoguez/bottom-layer-menu.png) no-repeat left bottom !important;
    border-right-color: #FC5B09;
}

#navh .navh #dialoguez li:hover, #navh .navh #dialoguez li.hover {
    background-image: url(skin/univDialoguez/bkg-SubMenu.png);
    background-color: #FC5B09;
    color: #FC5B09;
}

#navh .navh #dialoguez li a {
    background: url(skin/univDialoguez/puceSubMenu.png) no-repeat 12px 12px;
    padding-left: 24px;
    padding-top: 8px;
    color: #FC5B09;
}

#navh .navh #dialoguez li:hover a, #navh .navh #dialoguez li.hover a {
    background: url(skin/univDialoguez/puce-SubMenu2.png) no-repeat 12px 12px;
    color: #FFF !important;
}

/* #navh  #recrute */
#navh .navh #recrute ul {
    border-top-color: #99C405;
    border-right-color: #99C405;
}

#navh .navh #recrute li {
    border-left-color: #99C405;
}

#navh .navh #recrute li.bottom {
    background: url(skin/univRecrute/bottom-layer-menu.png) no-repeat left bottom !important;
    border-right-color: #99C405;
}

#navh .navh #recrute li:hover, #navh .navh #recrute li.hover {
    background-image: url(skin/univRecrute/bkg-SubMenu.png);
    background-color: #99C405;
    color: #99C405;
}

#navh .navh #recrute li a {
    background: url(skin/univRecrute/puceSubMenu.png) no-repeat 12px 12px;
    padding-left: 24px;
    padding-top: 8px;
    color: #99C405;
}

#navh .navh #recrute li:hover a, #navh .navh #recrute li.hover a {
    background: url(skin/univRecrute/puce-SubMenu2.png) no-repeat 12px 12px;
    color: #FFF !important;
}

/* #navh  #engage */
#navh .navh #engage ul {
    border-top-color: #FFBB00;
    border-right-color: #FFBB00;
}

#navh .navh #engage li {
    border-left-color: #FFBB00;
}

#navh .navh #engage li.bottom {
    background: url(skin/univEngage/bottom-layer-menu.png) no-repeat left bottom !important;
    border-right-color: #FFBB00;
}

#navh .navh #engage li:hover, #navh .navh #engage li.hover {
    background-image: url(skin/univEngage/bkg-SubMenu.png);
    background-color: #FFBB00;
    color: #FFBB00;
}

#navh .navh #engage li a {
    background: url(skin/univEngage/puceSubMenu.png) no-repeat 12px 12px;
    padding-left: 24px;
    padding-top: 8px;
    color: #FFBB00;
}

#navh .navh #engage li:hover a, #navh .navh #engage li.hover a {
    background: url(skin/univEngage/puce-SubMenu2.png) no-repeat 12px 12px;
    color: #FFF !important;
}

#navh .navh li:hover ul, #navh .navh li.hover ul {
    display: block;
}

#navh .navh li ul {
    display: none;
    z-index: 3;
    background: #f2f2f2 url(skin/bkg-layer-menu.png) repeat-x left bottom;
    position: absolute;
    top: 100%;
    width: 226px;
    border-top: 1px solid #17C1F0;
    border-right: 1px solid #17C1F0;
    left: 0;
}

#navh .navh li .lastUnitTopMenu {
    display: none;
    z-index: 3;
    background: #f2f2f2 url(skin/bkg-layer-menu.png) repeat-x left bottom;
    position: absolute;
    top: 100%;
    left: -73px;
    border-top: 1px solid #17C1F0;
    border-right: 1px solid #17C1F0;
}

#navh .navh li li {
    float: none;
    position: static;
    border-left: 1px solid #00BBEF;
    height: auto;
}

#navh .navh li li a {
    text-indent: 0px;
    color: #000;
    background: none;
    text-decoration: none !important;
    font-weight: bold;
    height: 28px;
    _height: 28px;
}

#navh .navh li li.bottom {
    text-indent: -2000px;
    overflow: hidden;
    height: 18px;
    position: absolute;
    top: 100%;
    width: 100%;
    background: url(skin/bottom-layer-menu.png) no-repeat left bottom !important;
    border-right: 1px solid #17C1F0;
    border-left: 0;
}

#navh .navh li li:hover, #navh .navh li li.hover {
    background: #00BBEF url(skin/bkg-SubMenu.png) repeat-x left top;
    color: #17C1F0;
}

#navh .navh #decouvrir li a {
    background: url(skin/puces/puceSubMenu.png) no-repeat 12px 12px;
    padding-left: 24px;
    padding-top: 8px;
    color: #17C1F0;
}

#navh .navh #decouvrir li:hover a, #navh .navh #decouvrir li.hover a {
    background: url(skin/puces/puce-SubMenu2.png) no-repeat 12px 12px;
    color: #FFF !important;
}

#navh li li a {
    width: auto !important;
}

/* HightLight Univers Nav Haute */
.univInfo #navh #plusdinfo a {
    background-position: -127px -38px;
}

.univDialoguez #navh #dialoguez a {
    background-position: -353px -38px;
}

.univRecrute  #navh #recrute a {
    background-position: -506px -38px;
}

.univEngage  #navh #engage a {
    background-position: -612px -38px;
}

.univDecouvrir #navh #decouvrir a {
    background-position: 0 -38px;
}

/* A /  A+  Mail print RSS*/
#tools {
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
    float: right;
    margin-right: 5px;
}

#tools li {
    display: block;
    float: left;
}

#tools li a.last {
    border-left: 0;
}

#tools li a {
    display: block;
    text-indent: -9999px;
    width: 17px;
    height: 18px;
}

#tools li a.asmall {
    background: url(skin/picto/picto-aminus.gif) no-repeat left top;
}

#tools li a.abig {
    background: url(skin/picto/picto-abig.gif) no-repeat left top;
}

#tools li a.anormal {
    background: url(skin/picto/picto-anormal.gif) no-repeat left top;
}

#tools li a.aprint {
    background: url(skin/picto/picto-imprimer.gif) no-repeat 5px top;
    border-left: 1px dashed #959697;
    padding-right: 5px;
}

#tools li a.amail {
    background: url(skin/picto/picto-mail.gif) no-repeat 5px top;
    border-left: 1px dashed #959697;
    margin-left: 5px;
    padding-right: 5px;
}

#tools li a.arss {
    background: url(skin/picto/picto-rss.gif) no-repeat 5px top;
    border-left: 1px dashed #959697;
    margin-left: 5px;
    padding-right: 5px;
}

#tools * {
    display: inline;
}

#content {
    overflow: hidden;
    float: right;
    width: 765px;
    padding-left: 9px;
    margin-left: -10px;
    _padding-left: 0px;
    min-height: 465px;
    _overflow: visible;
    zoom: 1;
    background: url(skin/bkg-main.png) repeat-y left top;
    _background-color: white;
    filter: expression(pngFix(this));
}

.bfc #content {
    overflow: hidden;
    float: right;
    width: 100%;
    padding-left: 9px;
    margin-left: -10px;
    _padding-left: 0px;
    min-height: 465px;
    _overflow: visible;
    zoom: 1;
    background: url(skin/bkg-main.png) repeat-y left top;
    _background-color: white;
    filter: expression(pngFix(this));
}

#content.contentSansOmbre {
    background: none !important;
    width: 940px;
    padding: 0;
    filter: none;
}

#mainInside {
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
    margin-bottom: -20px;
}

#mainInside iframe {
    _position: relative;
}

.err404 .sep {
    background: white;
    border-top: 1px solid #ebebeb;
    padding-bottom: 15px;
}

.sep, .sepcolor {
    background-color: #EBEBEB;
    height: 1px;
    font-size: 1%;
    overflow: hidden;
}

.sepDefault {
    background-color: #EBEBEB;
    height: 1px;
    font-size: 1%;
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
    color: red;
}

.sepcolor {
    background-color: #04BBEF;
}

.blockInside .body .sep, .blockInside .body .sepcolor {
    margin-bottom: 10px;
    margin-top: 10px;
}

/* ==== #chemin de fer ==== */
#chemindefer, #breadCrumb {
    color: #223291;
}

#chemindefer li, #breadCrumb li {
    display: inline;
}

#chemindefer li.title, #breadCrumb li.title {
    color: #223291;
    font-weight: bold;
    background-image: none;
    padding-left: 0;
}

.bfc #chemindefer li.title, #breadCrumb li.title {
    color: #99042f;
    font-weight: bold;
    background-image: none;
    padding-left: 0;
}

#chemindefer li a, #breadCrumb li a {
    color: #00BBEE;
    line-height: 16px;
    text-decoration: underline;
    background: url(skin/bkg-breadcrumb.png) no-repeat right center;
    padding-right: 15px;
    margin-left: 5px;
}

.bfc #chemindefer li a, .bfc #breadCrumb li a {
    color: #7d6b69;
    line-height: 16px;
    text-decoration: underline;
    background: url(skin/picto/bredcrumbBFC.png) no-repeat right center;
    padding-right: 15px;
    margin-left: 5px;
}

#chemindefer li.current a, #breadCrumb li.current a {
    color: #00BBEE;
    text-decoration: none;
    font-weight: bold;
    background: none;
}

.bfc #chemindefer li.current a, .bfc #breadCrumb li.current a {
    color: #7d6b69;
    text-decoration: none;
    font-weight: bold;
    background: none;
}

/** NAV G ***/
.hasJS #leftCol {
}

#leftCol ul {
    background-color: #00BBEF;
    font-size: 100%;
    zoom: 1;
    position: relative;
    overflow: hidden;
}

#leftCol .open {
    background: #0599CD url(skin/bkg-navl-li-select-hover.png) repeat-x left top;
}

#leftCol li ul, #leftCol li li ul, #leftCol li li li ul, #leftCol li li li li ul {
    padding: 0 !important;
}

#leftCol li {
    position: relative;
    overflow: hidden;
    zoom: 1;
}

#leftCol li.open span.level1, #leftCol li li.open span.level2, #leftCol li li li.open span.level3, #leftCol li li li li.open span.level4 {
    background-position: 80% bottom;
}

#leftCol a {
    vertical-align: top;
}

#leftCol li a {
    font-weight: bold;
    color: white;
    padding: 10px 0 10px 20px;
    text-decoration: none;
    display: block;
    zoom: 1;
}

#leftCol li li a, #leftCol li.current li a {
    color: #FFF;
    background-image: none;
    padding: 5px 10px 5px 30px;
}

#leftCol a.current {
    background-color: #FFFFFF !important;
    color: #000 !important;
}

#leftCol li li li a, #leftCol li.current li li a, #leftCol li li.current li a {
    background-color: transparent;
    font-weight: normal;
    color: #FFF;
    padding: 5px 10px 5px 40px;
}

#leftCol li li li li a, #leftCol li.current li li li a, #leftCol li li.current li li a, #leftCol li li li.current li a, #leftCol li li li.current li a {
    padding-left: 50px;
    color: #fff;
}

#leftCol li span {
    width: 20px;
    height: 12px;
    float: left;
    background-position: 80% top;
    text-indent: -5000px;
    background-repeat: no-repeat;
    position: absolute;
    font-size: 100%;
    _font-size: 1%;
    zoom: 1; /*border:1px solid red;background-color:black;*/
}

#leftCol li span {
    cursor: pointer;
}

#leftCol li span.blackArrow {
    background-image: url(skin/nav/bkg_n_black.png) !important;
}

#leftCol li span.blackArrowOpen {
    background-image: url(skin/nav/bkg_n_black.png) !important;
    background-position: 80% top !important;
}

#leftCol li span.level1 {
    top: 11px;
    left: -3px;
    background-image: url(skin/nav/bkg_n_bleu.png);
}

#leftCol li span.level2 {
    top: 6px;
    left: -3px;
    background-image: url(skin/nav/bkg_n_bleu.png);
    width: 30px;
}

#leftCol li span.level3 {
    top: 6px;
    left: 0px;
    background-image: url(skin/nav/bkg_n_bleu.png);
    width: 36px;
}

#leftCol li span.level4 {
    top: 5px;
    left: -3px;
}

/* Bleu : base #00BBEF - second#4DD0F4 - #71D9F6 */
.univDecouvrir #leftCol ul {
    background-color: #00BBEF;
}

.univDecouvrir #leftCol .open {
    background-color: #00BBEF;
    background-image: url(skin/univDecouvrir/bkg-navl-li-select-hover.png);
}

.univDecouvrir #leftCol li li a {
    background-color: #4DD0F4;
}

.univDecouvrir #leftCol li li li a {
    background-color: #71D9F6;
}

/* Orange : base #FC5B09 - second#FD8D53 - #FDA475 */
.univDialoguez #leftCol ul {
    background-color: #FC5B09;
}

.univDialoguez #leftCol .open {
    background-color: #fc5b09;
    background-image: url(skin/univDialoguez/bkg-navl-li-select-hover.png);
}

.univDialoguez #leftCol li li a {
    background-color: #FD8D53;
}

.univDialoguez #leftCol li li li a {
    background-color: #FDA475;
}

/* Rose : base #E82483 - second#EF66A8 - #F285B9 */
.univInfo #leftCol ul {
    background-color: #E82483;
}

.univInfo #leftCol .open {
    background-color: #E62081;
    background-image: url(skin/univInfo/bkg-navl-li-select-hover.png);
}

.univInfo #leftCol li li a {
    background-color: #EF66A8;
}

.univInfo #leftCol li li li a {
    background-color: #F285B9;
}

.univInfo #leftCol li li li li a {
    background-color: #ffaed5;
}

/* Vert : - base #a5d10c - second#c0df55 - #cde577 */
.univRecrute #leftCol ul {
    background-color: #a5d10c;
}

.univRecrute #leftCol .open {
    background-color: #a5d10c;
    background-image: url(skin/univRecrute/bkg-navl-li-select-hover.png);
}

.univRecrute #leftCol li li a {
    background-color: #c0df55;
}

.univRecrute #leftCol li li li a {
    background-color: #cde577;
}

/* .univRecrute h3, .univRecrute h4, .univRecrute h5 {color:#a5d10c;} */
/* Jaune : - base #FFBB00 - second#ffe050 - #ffe982 */
.univEngage #leftCol ul {
    background-color: #FFBB00;
}

.univEngage #leftCol .open {
    background-color: #FFBB00;
    background-image: url(skin/univEngage/bkg-navl-li-select-hover.png);
}

.univEngage #leftCol li li a {
    background-color: #ffe050;
}

.univEngage #leftCol li li li a {
    background-color: #ffe982;
}

.univEngage h3, .univEngage h4, .univEngage h5 {
    color: #FFBB00;
}

.univEngage #leftCol .footer {
    background: url(skin/univEngage/bkg-navl-engage.png) no-repeat left top;
    height: 40px;
    filter: expression(pngFix(this));
}

/*  #leftCol footer */
#leftCol .footer {
    background: url(skin/bkg-navl.png) no-repeat left top;
    height: 40px;
    filter: expression(pngFix(this));
}

.univInfo #leftCol .footer {
    background-image: url(skin/univInfo/bkg-navl-info.png);
    height: 42px;
    filter: expression(pngFix(this));
}

.univDialoguez #leftCol .footer {
    background-image: url(skin/univDialoguez/bkg-navl-dialoguez.png);
    height: 39px;
    filter: expression(pngFix(this));
}

.univRecrute #leftCol .footer {
    background-image: url(skin/univRecrute/bkg-navl-recrute.png);
    height: 37px;
    filter: expression(pngFix(this));
}

/** #tooltip  **/
span.tips {
    border-bottom: 3px double #8593BF;
    cursor: help;
}

#tooltip {
    position: absolute;
    z-index: 1000;
    top: 0;
    display: none;
    text-align: left;
}

#tooltip div {
    background: white url(skin/bkg-tooltip.png) no-repeat left top;
    border-width: 1px;
    border-style: solid;
    border-color: #CDD3E5 #D6E1EE;
    width: 264px;
    color: #1D3888;
    font-size: 1em;
    min-height: 50px;
    _height: 50px;
    text-align: left;
}

#tooltipInner p {
    padding: 2px 10px 2px 50px;
}

#tooltip-fleche {
    display: block;
    width: 12px;
    height: 8px;
    background: white url(skin/bkg-tooltip-fleche.png) no-repeat left top;
    position: relative;
    margin: -1px 0 0 63px;
}

span.tooltipHide {
    display: none;
}

/****
* E. Contenus (listes ul.listPuce,  .mea, dataArray...)
****/
/* mea */
.mea, .mea .text, .meaRight, .meaRight .text, .meaWrap {
    overflow: hidden;
    _overflow: visible;
    _zoom: 1;
}

.mea .media {
    float: left;
    margin-right: 10px;
    _margin-right: 7px;
}

.meaRight .media {
    float: right;
    margin-left: 10px;
    _margin-left: 7px;
}

.meaRight .media2 {
    float: right;
}

.meaWrap .text {
    zoom: 0 !important;
    overflow: visible
}

.invisible .media {
    margin-top: -17px !important;
    visibility: hidden;
}

/* custom header Banque privee */
.banquepriveeTitle {
    background: url(skin/title-edito.png) no-repeat left top;
    margin-bottom: 10px;
    text-indent: -6000px;
}

/* class intro */
.intro {
    font-size: 1.3em;
    color: #002C75;
    font-weight: bold;
    padding-top: 12px;
    padding-bottom: 18px;
}

/* class date */
.text span strong.date {
    color: #04BBEF;
}

/* rollsubTitle */
a.rollsubTitle:hover {
    background: url(skin/bkg-aHover-Dline.png) repeat-x center bottom;
    text-decoration: none;
    padding-bottom: 2px;
    color: #1D3888 !important;
}

a.rollsubTitle {
    color: #1D3888 !important;
    text-decoration: none;
}

a.chevron {
    background: url(skin/puces/bkg-liens.png) no-repeat 5px 4px;
    padding-left: 13px;
}

a.liensfonce {
    color: #00295D;
    text-decoration: underline;
    font-weight: bold;
    background: url(skin/puces/bkg-liens.png) no-repeat 0px 4px;
    padding-left: 10px;
    white-space: normal;
    zoom: 1;
    display: block;
}

/* listes - liens */
.liens {
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
}

.liens li {
    padding-bottom: 5px;
    display: block;
    background: url(skin/puces/bkg-liens.png) no-repeat 5px 4px;
    padding-left: 15px;
}

.liens li a {
    color: #00295D;
    text-decoration: underline;
    font-weight: bold;
}

a.liens {
    background: url(skin/arrow-decouvrir.png) no-repeat left 4px;
    padding-left: 10px;
    padding-bottom: 4px;
    margin-top: 10px;
}

/* liens  Custom RSS PDF etc...*/
.univDialoguez .linkUp {
    background: url(skin/arrowUp-dialoguez.png) no-repeat left center;
    padding-left: 12px;
    margin-right: 10px;
    margin-bottom: 20px;
}

.univRecrute .linkUp {
    background: url(skin/arrowUp-recrute.png) no-repeat left center;
    padding-left: 12px;
    margin-right: 10px;
    margin-bottom: 20px;
}

.univEngage .linkUp {
    background: url(skin/arrowUp-engage.png) no-repeat left center;
    padding-left: 12px;
    margin-right: 10px;
    margin-bottom: 20px;
}

.univInfo .linkUp {
    background: url(skin/arrowUp-info.png) no-repeat left center;
    padding-left: 12px;
    margin-right: 10px;
    margin-bottom: 20px;
}

.univDecouvrir .linkUp {
    background: url(skin/arrowUp-decouvrir.png) no-repeat left center;
    padding-left: 12px;
    margin-right: 10px;
    margin-bottom: 20px;
}

.linkPDF, .linkTXT, .linkFLA, .linkRSS, .linkPREC, .linkSUIV, .linkSWF {
    margin-right: 10px;
    float: left;
    padding-left: 20px;
    height: 19px;
    display: block;
    background-repeat: no-repeat;
    background-position: left top;
}

.linkPDF {
    background-image: url(skin/picto/picto-pdf.png);
}

.linkTXT {
    background-image: url(skin/picto/picto-txt.png);
}

.linkSWF {
    background-image: url(skin/picto/icon_flash.png);
}

.linkRSS {
    background-image: url(skin/picto-rss3.png);
}

.linkPREC {
    background-image: url(skin/arrow-decouvrir-left.png);
    background-position: left 4px;
    padding-left: 9px;
}

.linkSUIV {
    background-image: url(skin/arrow-decouvrir.png);
    background-position: right 4px;
    padding-right: 9px;
}

/* Divers */
.bkgMentions {
    background: url(skin/bkg-mentions.png) no-repeat left top;
    padding-top: 20px;
    padding-left: 20px;
}

.bkgMentions p {
    color: #494642;
    font-size: 11px;
    margin-left: 10px;
    margin-top: 10px;
}

.PaginationBlock h4 {
    text-transform: uppercase !important;
    text-decoration: none !important;
}

/* page precente actu precedente ect */
.paginationTab {
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
}

.paginationTab .first {
    margin-bottom: 5px;
}

.paginationTab .actuSuivante, .paginationTab  .actuPrec {
    color: #00BAEF;
    text-decoration: underline;
    padding-left: 2px;
    font-weight: normal;
    padding-right: 10px;
}

.paginationTab .actuSuivante {
    background: url(skin/arrow-decouvrir.png) no-repeat right center;
    float: right;
}

.paginationTab .actuPrec {
    background: url(skin/arrow-decouvrir-left.png) no-repeat left center;
    float: left;
}

/* pagination */
.pagination li {
    display: inline;
    padding-left: 4px;
}

.pagination li.first {
    padding-left: 8px;
    background: url(skin/arrow-decouvrir-left.png) no-repeat scroll left 4px;
}

.pagination li.last {
    padding-right: 8px;
    background: url(skin/arrow-decouvrir.png) no-repeat scroll right 4px;
}

.pagination li a.visited {
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

/*list a puce type square */
.square li {
    background: url(skin/puces/square.png) no-repeat 0 6px;
    padding-left: 10px;
    padding-bottom: 4px;
}

.square li a {
    display: block;
}

/*list a puce type arrow */
.arrow li {
    padding-top: 4px;
    background: none !important;
    zoom: 1;
}

.arrow li.link_list {
    padding-top: 1px !important;
}

.arrow li a {
    background: transparent url(skin/arrow-decouvrir.png) no-repeat 4px 3px;
    padding-bottom: 2px;
    padding-left: 12px;
    text-decoration: underline;
    display: block;
}

.arrow li a.document {
    text-decoration: none !important;
}

.arrow li a.external {
    background: transparent url(skin/arrow-list-blue.png) no-repeat 4px 3px !important;
}

.arrow li a span {
    text-decoration: underline;
}

.arrow li a span .ico {
    text-decoration: underline;
}

.arrow li li {
    padding-bottom: 2px !important;
    padding-left: 30px;
    padding-top: 2px;
    zoom: 1;
}

.blockTransverse .blockInside .arrow li a {
    background-color: transparent;
}

/* suppression du background-color sur le A quand on est dans un blockTransverse */
/* listparagraphe */
.listparagraphe li, .listparagraphe li a {
    color: #00295D;
    text-decoration: none;
    font-weight: normal;
    background: url(skin/puces/square.png) no-repeat 5px 4px;
    padding-left: 15px;
    display: block;
}

.listparagraphe li a {
    background-image: url(skin/puces/bkg-liens.png);
}

/* list a puce  content actualite */
.actus .pictoTitle {
    height: auto;
}

.actucol h6 {
    color: #002C75;
    font-weight: normal;
}

.actus .dashed {
    background: none;
    border-right: 2px solid #F6F6F6;
}

.actu {
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
    position: relative;
}

.actu li {
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 15px;
    padding-top: 15px;
}

.actucol li {
    padding-bottom: 5px;
    padding-top: 5px;
}

.actucol li p {
    display: none;
}

#rightCol .actucol li p {
    display: block;
    padding: 6px 0;
}

.actu li a {
    text-decoration: none;
    display: inline;
}

#mainInside .actucol li a {
    text-decoration: none;
    display: block;
    padding-left: 15px;
}

#rightCol .actucol li a {
    text-decoration: none;
    display: block;
}

.actu li a:hover, .actucol li a:hover {
    text-decoration: underline !important;
}

.actu li a.liens {
    margin-top: 0px !important;
}

.actu li span.date {
    color: #47CDF3;
    text-transform: uppercase;
    font-size: 11px;
    display: block;
    padding-bottom: 4px;
    padding-top: 6px;
}

.actu li p {
    padding-bottom: 7px;
    padding-top: 4px;
}

.actu li.last {
    border: 0 !important;
}
.actu li h3 a, .actucol li h3 a {
    color: #002C75;
    font-weight: bold;
}

.actucol li h3 {
    font-size: 12px;
    text-transform: none !important;
}

.actucol a.liens {
    display: block;
    background: url("skin/arrow-decouvrir.png") no-repeat scroll 4px 3px transparent;
    padding-left: 15px;
}

#rightCol .actucol h3 {
    font-weight: bold;
    font-size: 14px;
    margin: 0;
    text-transform: uppercase !important;
}

#rightCol .PaginationBlock a.liens {
    display: block;
    margin: 0;
}

/* list a puces plan du site  */
.planSite li li a, .planSite li a {
    background: url(skin/arrow-decouvrir.png) no-repeat left 4px;
    padding-left: 10px;
    color: #353535;
    text-decoration: none;
    display: block;
}

.planSite li a {
    display: block;
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 3px;
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
    text-decoration: underline;
}

.planSite li li a {
    padding-left: 20px;
    font-weight: normal;
    margin-left: 25px;
    padding-left: 10px;
    padding-bottom: 0;
    text-decoration: underline;
}

/* content diaporama judo */
.diaporamaItem {
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
}

.diaporamaItem li {
    float: left;
    padding-left: 7px;
    padding-top: 12px;
}

.diaporamaItem li a img {
    border: 0 !important;
    background: none;
    display: block;
}

.diaporamaItem li  img {
    border: 1px solid #EEE;
    display: block;
    margin-bottom: 6px;
}

.diaporamaItem li a.liensPlus {
    color: #15C0F0;
    background: url(skin/picto/picto-plus.png) no-repeat left 2px;
    width: 9px;
    height: 11px;
    padding-left: 15px;
    padding-bottom: 3px;
    text-decoration: none !important;
}

a.liensPlus {
    display: inline;
    color: #15C0F0;
    background: url(skin/picto/picto-plus.png) no-repeat left 2px;
    padding-left: 15px;
    padding-bottom: 3px;
    text-decoration: none !important;
    zoom: 1;
}

.diaporamaItem li span, .diaporamaItem li p {
    color: #002C75;
}

/* content hide/show */
.contentHide .show {
    display: none;
}

/* on met la classe show, pour cacher les ?l?ments quand le block est en mode "hide" */
.contentShow .hide {
    display: none;
}

/* on met la classe hide, pour cacher les ?l?ments qui doivent l'etre quand le block est en mode "show" */
/*content  itemVideo + links */
.itemVideoliens {
    padding-left: 5px;
    _padding-left: 0px;
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
}

.itemVideoliens li {
    float: left;
    margin-right: 12px;
    _margin-right: 5px;
}

.itemVideoliens a {
    display: block;
    margin-top: 5px;
}

/* picto tile page actu */
.pictoTitle {
    vertical-align: middle;
    margin: 0 10px;
    height: 12px;
}

/* nuage de tag */
.cloudTag {
    padding: 8px 5px 5px 0;
}

.cloudTag a {
    color: #00295D;
    text-decoration: none !important;
    padding-left: 2px;
    padding-bottom: 3px;
}

.cloudTag a:hover {
    text-decoration: underline !important;
}

.tiny {
    font-size: 100%;
}

.medium {
    font-size: 123%;
    font-weight: bold;
}

.bigg {
    font-size: 138.4%;
}

.biggB {
    font-size: 138.4%;
    font-weight: bold;
}

.xbigB {
    font-size: 144.8%;
    font-weight: bold;
}

/* infobulle */
.infobulle {
    position: relative;
    background: #DEF9FF url(skin/bkg-blockInfo.png) repeat-x left top;
    border: 1px solid #CCD2E4;
    margin-bottom: 20px;
    width: 280px;
}

.infobulle .mea img {
    border-right: 2px solid #CCE4E9;
    background: #A3EEFF url(skin/bkg-blockInfo-interogation.png) repeat-x left top;
    display: block;
    padding: 8px;
}

.infobulle .text {
    color: #1D3888;
    font-size: 10px;
    padding: 3px;
}

.infobulle .flecheBas {
    background: transparent url(skin/arrow-blockinfo.png) no-repeat scroll center bottom;
    width: 12px;
    height: 9px;
    display: block;
    position: absolute;
    right: 75%;
    bottom: -9px;
    z-index: 2;
}

/* == tableaux (dataArray) == */
/* dataArray */
/* **************** Table ***************** */
.dataArray {
    position: relative;
    zoom: 1;
}

.dataArray table {
    width: 100%
}

.dataArray thead.hd, .dataArray  tr.even th.hd, .dataArray tr.odd th.hd {
    background-color: #CCC5C5;
    border-width: 1pt;
    color: white;
    font-weight: bold;
    padding: 5px;
}

.dataArray thead.hd tr th.empty {
    border: none;
    background-color: #fff;
}

.dataArray th, .dataArray td {
    border: 1px solid #fff
}

.dataArray thead tr.odd, .dataArray thead tr .odd {
    background-color: #EDEDED
}

.dataArray tbody tr.even, .dataArray tbody tr .even {
    background-color: #DDDDDD
}

.dataArray tbody tr.odd {
    background-color: #EDEDED
}

.dataArray .bSep td, .dataArray .bSep th {
    border-bottom: 1px solid #ddd
}

.dataArray td, .dataArray th {
    padding: 5px;
    padding-left: 20px;
}

.dataArraySondage {
    position: relative;
    zoom: 1;
}

.dataArraySondage table {
    width: 100%;
}

.dataArraySondage td {
    background-color: #FFF;
    color: #0B45A9;
    line-height: 13px;
    padding-left: 10px;
    border-bottom: 1px solid #AED7F0;
    padding-top: 4px;
}

.dataArraySondage td p {
    float: left;
    margin-right: 10px;
    padding-top: 3px;
}

.dataArraySondage td.blue {
    background-color: #CAF0FC;
    padding-top: 13px;
    padding-left: 10px;
    border-bottom: 1px solid #AED7F0;
/ / padding-top : 7 px;
    _padding-top: 6px;
}

/* **************** Table  Custom***************** */
/* dataArrayColors */
.dataArrayColors table {
    width: 100%;
    *border-bottom: 1px solid #DADBDB;
}

.dataArrayColors thead td {
    font-size: 12px;
    text-align: center;
    height: 29px;
/ / height : 24 px;
}

.dataArrayColors thead td.first, .dataArrayColors thead td.middle, .dataArrayColors thead td.last {
    background: #dadbdb url(skin/bkg-thead-data.png) no-repeat left top;
    border-left: 1px solid #DADBDB;
}

.dataArrayColors thead td.first {
    padding-bottom: 5px;
    border-left: none;
}

.dataArrayColors thead td.middle {
    background-position: center top;
}

.dataArrayColors thead td.last {
    background-position: right top;
}

.dataArrayColors tbody {
    border: 1px solid #DADBDB !important;
    color: #1D3888;
    font-size: 14px;
}

.dataArrayColors tbody tr {
    height: 42px;
    border-right: 1px solid #DADBDB !important;
}

.dataArrayColors tbody tr.odd td, .dataArrayColors tbody tr.even td {
    border-left: 1px solid #DADBDB;
}

.dataArrayColors tbody tr.odd {
    background-color: #FFF;
}

.dataArrayColors tbody tr.even {
    background-color: #F6F9F9;
}

.dataArrayColors tbody tr.even td {
    background-color: #eeeeee;
}

.dataArrayColors tbody td {
    line-height: 18px;
    vertical-align: middle;
/ / height : 35 px;
    border-right: 1px solid #DADBDB;
}

.dataArrayColors tbody td, .dataArrayColors thead td {
    padding: 5px 10px 0px !important;
}

.dataArrayColors tbody td.recrute span, .dataArrayColors tbody td.info span, .dataArrayColors tbody td.dialoguez span {
    display: block;
    color: #FFF;
    font-weight: bold;
}

.dataArrayColors tbody td.recrute, .dataArrayColors tbody td.info, .dataArrayColors tbody td.dialoguez {
    background-repeat: repeat-x;
    background-position: left top;
    border-bottom: 1px solid #FFF;
    text-align: center;
    color: #FFF;
}

.dataArrayColors tbody td.recrute {
    background-image: url(skin/univRecrute/bkg-dataArray.png);
    background-color: #a8d411;
}

.dataArrayColors tbody td.info {
    background-image: url(skin/univInfo/bkg-dataArray.png);
    background-color: #d71b8c;
}

.dataArrayColors tbody td.dialoguez {
    background-image: url(skin/univDialoguez/bkg-dataArray.png);
    background-color: #fc5a0a;
}

.dataArrayColors tbody td.last {
    border: none;
}

/* blockrte */
.blockrte h2 {
    font-size: 24px;
    font-weight: normal;
    color: #07A7E0;
}

.blockrte h2 span {
    font-size: 24px;
    display: block;
}

.blockrte h2.default {
    font-size: 24px;
    color: #0D2982;
    font-weight: normal;
}

.blockrte h3 {
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: normal;
}

.blockrte h4 {
    color: #0B4EB2;
    font-size: 14px;
}

.blockrte h5 {
    font-size: 14px;
    color: #0B4EB2;
    text-transform: uppercase;
    font-weight: normal;
}

.blockrte h6 {
    font-size: 13px;
    text-transform: none;
    color: #0D2982;
}

.blockrte ol li {
    color: #000;
    list-style-type: decimal;
}

.blockrte li ol {
    padding-top: 4px !important;
}

.blockrte li li {
    padding-left: 20px !important;
}

.blockrte sup {
    font-size: 10px;
    vertical-align: 50%;
}

.blockrte em, .blockrte i {
    font-style: italic;
}

.blockrte .sep {
    margin-top: 10px;
    margin-bottom: 10px;
}

.blockrte .univBanqueprivee .head {
    background-color: #AFB5B7;
    text-transform: uppercase;
    color: #FFF;
    font-size: 10px;
    padding-left: 5px;
    height: 22px;
    margin-bottom: 10px;
}

.blockrte .univBanqueprivee a {
    background: url(skin/arrow-banque-prive.png) no-repeat left 3px;
    padding-left: 10px;
    color: #BF9439;
    text-decoration: underline;
}

.blockrte strong {
    font-weight: bold;
}

.blockrte p {
    color: #000;
    margin: 5px 0 0 0
}

.blockrte table {
    font-size: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.blockrte .arrow li a {
    display: block;
    padding-bottom: 2px;
    padding-left: 12px;
}

.blockrte ul li {
    background: url(skin/puces/square.png) no-repeat 0 6px;
    padding-left: 12px;
}

.blockrte a.liens {
    background: url(skin/arrow-decouvrir.png) no-repeat left 4px;
    padding-left: 10px;
    padding-bottom: 4px;
    margin-top: 10px;
}

.blockrte a {
    margin-top: 0px;
    text-decoration: underline;
}

.blockrte a img, .blockrte:link img, .blockrte:visited img {
    border: 0;
    outline: none;
}

.blockrte .btn {
    text-align: left;
    overflow: hidden;
    _overflow: visible;
    font-size: 100%;
    text-decoration: none !important;
}

.blockrte .btn, .blockrte .btn strong, .blockrte button.btn span {
    background-image: url(skin/btn-decouvrir.png) !important;
    background-position: left top;
    background-repeat: no-repeat;
    vertical-align: middle;
    _overflow: visible;
}

.blockrte .btn, .blockrte button.btn span {
    display: -moz-inline-box;
    display: inline-block;
    padding-left: 7px;
}

.blockrte .btn strong {
    display: block;
    height: 16px;
    color: #FFF;
    background-position: right top;
    line-height: 16px;
    _width: 1%;
    white-space: nowrap;
    padding-right: 5px;
    cursor: pointer;
    font-weight: normal;
}

.blockrte .btn span {
    vertical-align: middle;
}

.blockrte .univBanqueprivee {
    color: #AFB5B7 !important;
}

.blockrte .univDecouvrir {
    color: #00BBEF !important;
}

.blockrte .univInfo {
    color: #E92986 !important;
}

.blockrte .univRecrute {
    color: #A5D10C !important;
}

.blockrte .univDialoguez {
    color: #FC5B09 !important;
}

.blockrte .univEngagement {
    color: #FFBB00 !important;
}

/* **************** form elements ***************** */
input.text, select, textarea, span.text {
    border: 1px solid #ccc
}

.fline .inlineFields select {
/ / font-size : 95.59 %;
}

span.text input.text, span.text input, span.text textarea {
    margin: 0;
    padding: 0;
    border: 0;
}

.fline, .flineL {
    display: table;
    width: 100%;
    _width: auto;
    _overflow: visible;
    zoom: 1;
    margin-bottom: 5px;
}

.fline label {
    float: left;
    font-weight: bold;
    margin-top: 2px;
    margin-right: 3px;
    _margin-right: 0
}

.flineL label {
/ / float : left;
    margin-top: 2px;
    margin-right: 3px;
    _margin-right: 0;
/ / margin-top : 5 px;
}

.flineL input {
    float: left;
    font-weight: normal;
    margin-top: 2px;
    margin-right: 3px;
    _margin-right: 0;
}

.fline span, .fline .group {
    display: block;
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
}

.fline span.text input, .fline span.text input.text, .fline span.text textarea, .fline .group span.text input, .fline .group select, .fline .group textarea, .fline span select, .fline span input.file {
    width: 100%;
}

.multifields label {
    width: auto !important
}

.selecForma {
    width: 149px;
    display: inline;
    vertical-align: middle;
    margin-left: 3px;
}

.multilines label {
    float: none !important;
    display: block;
    width: auto !important
}

.groupCheckLeft .check {
    float: left;
    margin-top: 2px;
/ / margin-top : - 3 px;
    margin-right: 3px;
    _margin-right: 0;
}

.groupCheckLeft label {
    float: none;
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
    display: block;
    width: auto !important;
    margin-right: 0 !important
}

.inlineFields label, .inlineFields input, .inlineFields select, .inlineFields textarea {
    float: none;
    width: auto !important;
    display: inline;
    vertical-align: middle
}

.inlineFields label {
    margin-right: 5px;
    margin-left: 3px;
}

.label10 label {
    width: 10%
}

.label20 label {
    width: 20%
}

.label30 label {
    width: 30%
}

.label33 label {
    width: 33%
}

.label37 label {
    width: 37%
}

.label40 label {
    width: 40%
}

.label50 label {
    width: 50%
}

.label60 label {
    width: 60%
}

.label70 label {
    width: 70%
}

.label80 label {
    width: 80%
}

.label90 label {
    width: 90%
}

.input10 {
    width: 10% !important
}

.input20 {
    width: 20% !important
}

.input30 {
    width: 30% !important
}

.input40 {
    width: 40% !important
}

.input50 {
    width: 50% !important
}

.input60 {
    width: 60% !important
}

.input70 {
    width: 70% !important
}

.input80 {
    width: 80% !important
}

.input90 {
    width: 90% !important
}

.input10, .input20, .input30, .input40, .input50, .input60, .input70, .input80, .input90 {
    float: none !important;
}

.errormsg {
    color: #DA0000;
    display: block;
    margin-top: -5px;
    margin-bottom: 5px;
}

.formTipLine span {
    float: left !important;
}

.formTip {
    float: left;
    margin-top: 2px;
    margin-left: 3px
}

.formTip20 {
    width: 29% !important
}

.formTip30 {
    width: 28% !important
}

textarea.noScroll {
    overflow: hidden;
}

/* **************** boutons ***************** */
.btn {
    text-align: left;
    overflow: hidden;
    _overflow: visible;
    font-size: 100%;
    text-decoration: none !important;
}

.btn, .btn strong, button.btn span {
    background-image: url(skin/btn-decouvrir.png) !important;
    background-position: left top !important;
    background-position: no-repeat !important;
    vertical-align: middle;
    _overflow: visible;
    font-weight: normal;
    color: #fff;
}

.btn, button.btn span {
    display: -moz-inline-box;
    display: inline-block;
    padding-left: 7px;
}

.btn strong {
    display: block;
    height: 16px;
    color: #FFF;
    background-position: right top !important;
    line-height: 16px;
    _width: 1%;
    white-space: nowrap;
    padding-right: 5px;
    cursor: pointer;
    font-weight: normal;
}

.btn span {
    vertical-align: middle;
}

button.btn {
    border: 0;
    margin: 0;
    padding: 0;
    padding-right: 1px;
    display: inline;
    overflow: hidden;
/ / overflow : visible;
    background: none;
    cursor: pointer
}

button.btn span {
    overflow: visible;
    display: block;
    _width: 1%; /*haslayout correcting bug*/
}

button.btn span span {
    background: none;
    padding: 0;
    width: auto;
    line-height: normal;
}

body:last-child:not(:root:root) button.btn {
    display: inline-block;
}

/** Btn Custom **/
a.btn {
    background-position: 0 0 !important;
}

.univDecouvrir .btn, .univDecouvrir .btn strong, .univDecouvrir button.btn span {
    background-image: url(skin/btn-decouvrir.png) !important;
}

.univRecrute .btn, .univRecrute .btn strong, .univRecrute button.btn span {
    background-image: url(skin/btn-recrute.png) !important;
}

.univEngage .btn, .univEngage .btn strong, .univEngage button.btn span {
    background-image: url(skin/btn-engage.png) !important;
}

.univDialoguez .btn, .univDialoguez .btn strong, .univDialoguez button.btn span {
    background-image: url(skin/btn-dialogue.png) !important;
}

.univInfo .btn, .univInfo .btn strong, .univInfo button.btn span {
    background-image: url(skin/btn-infos.png) !important;
}

.univInfo .blockTransverse .btn, .univInfo .blockTransverse .btn strong, .univInfo .blockTransverse  button.btn span {
    background-image: url(skin/btn-decouvrir.png);
}

.univRecrute .blockTransverse .btn, .univRecrute .blockTransverse .btn strong, .univRecrute .blockTransverse  button.btn span {
    background-image: url(skin/btn-decouvrir.png);
}

.univDialoguez .blockTransverse .btn, .univDialoguez .blockTransverse .btn strong, .univDialoguez .blockTransverse  button.btn span {
    background-image: url(skin/btn-decouvrir.png);
}

.univEngage .blockTransverse .btn, .univEngage .blockTransverse .btn strong, .univEngage .blockTransverse button.btn span {
    background-image: url(skin/btn-decouvrir.png);
}

/** .univDecouvrir .sep **/
.univDecouvrir .sepDefault {
    background-color: #EEEEEE;
    height: 1px;
    font-size: 1%;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}

.dashed {
    background: url(skin/bkg-dashed_bleu.png) repeat-y right top;
}

.dashedDiv {
    width: 3px;
    background: url(skin/bkg-dashed.png) repeat-y left top;
    float: left;
    margin: 0 -5px;
    min-height: 100px;
}

/* tabs : onglets, declaration de la partie structurelle */
ul.tabs {
    overflow: hidden;
    zoom: 1;
    vertical-align: middle;
}

ul.tabs li {
    float: left;
    cursor: pointer;
}

ul.tabs a {
    display: block;
    zoom: 1;
    white-space: nowrap;
    outline: none;
    font-size: 143%;
}

ul.tabs li.last {
    float: none;
    overflow: hidden;
    _float: left;
    width: auto;
}

ul.tabs li.last a {
    width: auto;
    background: transparent url(skin/blocks/bkg-onglet-gris-last.png) no-repeat right top
}

ul.tabs img {
    vertical-align: middle;
}

ul.ongletsOne li {
    width: auto;
}

ul.onglets2 li {
    width: 49%
}

ul.onglets2b li {
    width: 29%;
    height: 30px !important;
    min-height: 30px;
}

ul.onglets2b li a {
    line-height: 28px;
    font-size: 14px;
}

ul.ongletsOne li {
    height: 30px !important;
    min-height: 30px;
}

ul.ongletsOne li a {
    padding-right: 12px;
    padding-left: 5px;
    font-size: 14px;
    line-height: 28px;
}

ul.onglets2b li.last {
    width: 29% !important;
    float: left;
}

ul.onglets3 li {
    width: 33.1%
}

ul.onglets4 li {
    width: 24.8%
}

ul.onglets5 li {
    width: 19%
}

ul.onglets6 li {
    width: 16%
}

ul.onglets7 li {
    width: 14%
}

ul.onglets8 li {
    width: 12.3%
}

ul.onglets9 li {
    width: 11%
}

ul.onglets10 li {
    width: 10%
}

ul.onglets2 li a, ul.onglets3 li a, ul.onglets4 li a, ul.onglets5 li a, ul.onglets6 li a, ul.onglets7 li a, ul.onglets8 li a, ul.onglets9 li a {
    white-space: normal
}

/*.hasJS .tabCtn {display:none;}
.hasJS .tabCurrent {display:block;}*/
/* declinaison univers */
.univInfo .planSite li li a, .univInfo .planSite li a {
    background-image: url(skin/arrow-info.png)
}

.univDialoguez .planSite li li a, .univDialoguez .planSite li a {
    background-image: url(skin/arrow-dialoguez.png);
}

.univRecrute .planSite li li a, .univRecrute .planSite li a {
    background-image: url(skin/arrow-recrute.png);
}

.univEngage .planSite li li a, .univEngage .planSite li a {
    background-image: url(skin/arrow-engage.png);
}

/****
* F. Blocs conteneurs + structure contenu (line, unit, .block, .blockSimple....)
****/
/* line, unit */
.line, .lastunit {
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
    margin: 0;
    padding: 0;
    display: block;
    border-right: none !important;
}

.unit {
    float: left;
    margin-right: 10px;
    zoom: 1;
    padding-right: 5px;
}

.size1on1 {
    float: none !important;
    margin-right: 0;
    width: auto;
}

.homepage .size1on2 {
    width: 48.7%;
}

.homepage .size1on3 {
    width: 31.8%;
}

.homepage .size2on3 {
    width: 66%;
    _width: 66%;
}

.homepage .size1on4 {
    width: 23.3%;
}

.homepage .size2on4 {
    width: 46.6%;
}

.homepage .size3on4 {
    width: 74.8%;
    _width: 74.8%;
}

.homepage .size1on5 {
    width: 18.8%;
}

.homepage .size1on6 {
    width: 18.8%;
}

.homepage .size2on5 {
    width: 39%;
}

.homepage .size3on5 {
    width: 58%;
}

.homepage .size4on5 {
    width: 78%;
}

.size1on2 {
    width: 49.3%;
}

.size1on3 {
    width: 32.4%;
}

.size2on3 {
    width: 66%;
    _width: 66%;
}

.size1on4 {
    width: 24%;
}

.size2on4 {
    width: 46.6%;
}

.size3on4 {
    width: 74.8%;
    _width: 74.8%;
}

.size1on5 {
    width: 18.8%;
}

.size1on6 {
    width: 18.8%;
}

.size2on5 {
    width: 39%;
}

.size3on5 {
    width: 58%;
}

.size4on5 {
    width: 78%;
}

/* columns size when right col is present */
.rightcolPresent .size1on2 {
    width: 49%;
    _width: 49%;
}

.rightcolPresent .size1on3 {
    width: 32%;
    _width: 32%;
}

.rightcolPresent .size1on4 {
    width: 23.5%;
    _width: 23.5%;
}

/* Last column */
.lastunit {
    float: none;
    width: auto !important;
    _width: auto !important;
    margin-right: 0 !important;
    _float: left;
}

/*  block structure  */
.block {
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
    position: relative;
}

.blockInside {
    position: relative;
    zoom: 1;
    background: white;
}

.body {
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
}

.blockSansBorder {
    padding: 0 /* 10px */;
}

.blockSansBorder .blockInside {
    border: 0 !important;
    margin: 0 !important;
}

.blockSansBorder .blockInsidenoBrd {
    border: 0 !important;
    margin: 0 !important;
}

.blockIE7 {
    margin-right: 3px;
}

/* padding .body de blocks */
.block .body, .blockSmallCorners  .body {
    padding: 10px;
}

#mainInside .blockSimple .body, #mainInside .block .body, #mainInside  .blockToggle .body {
    padding: 10px;
}

#rightCol .blockSmallCorners  .body {
    padding: 6px;
}

.blockTabs .body {
    padding: 0 !important;
}

.blockTabs .body .tabCtn .tabCtnbody {
    padding: 10px;
}

/* head */
.head {
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
    margin: 0;
    color: #33C9F2;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 8px;
    text-transform: uppercase;
}

.home .head {
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
    margin: 0;
    color: #192B6F;
    font-size: 1em;
    font-weight: bold;
    padding-bottom: 8px;
    text-transform: uppercase;
}

/* correction font-size avec melange .head */
.univDecouvrir .univBanqueprivee .head {
    background-color: #AFB5B7;
    text-transform: uppercase;
    color: #FFF;
    font-size: 10px;
    padding-left: 5px;
    height: 22px;
    margin-bottom: 10px;
}

.univDecouvrir .univBanqueprivee a {
    background: url(skin/arrow-banque-prive.png) no-repeat left 3px;
    padding-left: 10px;
    color: #BF9439;
    text-decoration: underline;
}

/*.univDecouvrir .head {color:#33c9f2;} */
.univDecouvrir .blockSmallCorners h2.head, .univDecouvrir .blockSmallCorners h2.head a {
    color: #FFFFFF !important;
    font-weight: bold;
}

/* .univDialoguez .head {color:#fc5b09;}
.univRecrute .head {color:#99c405;}
.actuHome .head {color:#192b6f;} */
/* footer */
.footer, .foot {
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
    padding: 10px;
}

/* corners and sides (corners are user sometines for side */
.tl, .tr, .bl, .br, .overtl {
    background-repeat: no-repeat;
    position: absolute;
    height: 20px;
    width: 20px;
    font-size: 1%;
    overflow: hidden;
    z-index: 10;
    zoom: 1;
}

.overtl {
    left: 0;
    top: 0;
}

.tl {
    background-position: left top;
    top: 0;
    left: 0;
}

.tr {
    background-position: right top;
    top: 0;
    right: 0
}

.bl {
    background-position: left bottom;
    bottom: 0;
    left: 0;
}

.br {
    background-position: right bottom;
    bottom: 0;
    right: 0;
}

#popJudo .greyFoot, .greyFoot {
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
    line-height: 15px;
    background: #CCCECE url(skin/bkgfoot.png) repeat-x left top;
    padding-top: 6px;
    padding-left: 12px;
    padding-bottom: 6px;
}

.greyFoot .txtR {
    padding: 0 10px 0 0;
}

/* blockSimple */
.blockTabs .blockInside {
    margin-top: -2px;
}

.univBanqueprivee .body {
    margin: 0 !important;
    padding: 0 !important;
}

.univBanqueprivee .foot {
    margin: 0 !important;
    padding-top: 10px;
    padding-left: 0;
}

.univInfo .blockSansBorder .body, .univDecouvrir .blockSansBorder .body, .univDialoguez .blockSansBorder .body, .univRecrute .blockSansBorder .body {
    padding: 0 !important;
}

.univDecouvrir .blockInside {
    border: 1px solid #33c9f2
}

.univDecouvrir .blockToggle .blockInside {
    margin-top: -3px;
    border-top: 3px solid #0CBDEF;
}

.univDecouvrir .tl, .univDecouvrir  .tr, .univDecouvrir  .bl, .univDecouvrir  .br {
    background-image: url(skin/blocks/decouvrir_corners.gif);
    height: 20px;
    width: 20px;
}

.univDialoguez .tl, .univDialoguez  .tr, .univDialoguez  .bl, .univDialoguez  .br {
    background-image: url(skin/blocks/dialogue_corners.gif);
    height: 20px;
    width: 20px;
}

.univRecrute .tl, .univRecrute  .tr, .univRecrute  .bl, .univRecrute  .br {
    background-image: url(skin/blocks/recrute_corners.gif);
    height: 20px;
    width: 20px;
}

.block.blockInfo .tl {
    top: -4px;
    left: -4px;
}

.block.blockInfo .tr {
    top: -4px;
    right: -4px;
}

.block.blockInfo .bl {
    bottom: 0px;
    left: 0px;
    z-index: 1000;
}

.block.blockInfo .br {
    bottom: 0px;
    right: 0px;
}

.block .tl {
    top: -1px;
    left: -1px;
}

.block .tr {
    top: -1px;
    right: -1px;
}

.block .bl {
    bottom: -1px;
    left: -1px;
    z-index: 1000;
}

.block .br {
    bottom: -1px;
    right: -1px;
}

.blockSimple .blockInside {
    border: 1px solid #33C9F2;
}

.bfc .blockSimple .blockInside {
    border: 1px solid #c9c7c7;
}

.bfc .blockSimple .blockInside .body {
    padding: 0px !important;
}

/* default roundCornersSmall */
.blockSmallCorners  .head {
    background: #0BBDEF url(skin/bkg-header-corners.png) repeat-x left top;
    color: #182C77 !important;
    padding-bottom: 3px;
    font-size: 12px;
    text-transform: uppercase;
    padding-left: 8px;
    padding-top: 3px;
    font-weight: bold;
    min-height: 17px;
    _height: 17px;
}

.home .blockSmallCorners  .head {
    font-size: 12px;
}

.blockSmallCorners  .head  a {
    color: #182C77;
    font-size: 12px;
    text-transform: uppercase;
    padding-top: 3px;
    font-weight: bold;
    text-decoration: none !important;
}

.blockSmallCorners .blockInside {
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #33C9F2;
}

.blockSmallCorners .mea .text p {
    color: #1F368B;
}

.blockSmallCorners .bl {
    bottom: -1px;
    left: -1px;
}

.blockSmallCorners .br {
    bottom: -1px;
    right: -1px;
}

.blockSmallCorners .tl, .blockSmallCorners .tr, .blockSmallCorners .bl, .blockSmallCorners  .br {
    background-image: url(skin/blocks/simple-corners.png);
    height: 6px !important;
    width: 6px !important;
}

.smallCorner .colBl, .smallCorner .colBr {
    background-image: url(skin/blocks/simple-corners.png) !important;
    height: 6px !important;
    width: 6px !important;
    position: absolute;
    bottom: -1px;
    display: block;
}

.smallCorner .colBl {
    background-position: left bottom;
    left: -1px;
}

.smallCorner .colBr {
    background-position: right bottom;
    right: -1px;
}

/* default univDialoguez */
.blockInfo  .blockInside {
    border: none !important;
}

.blockInfo .head {
    background: #0DADE6 url(skin/bkg-header-tdf.png) repeat-x left top;
    color: #ffffff;
    font-size: 15px;
    padding: 3px;
}

.blockInfo .foot {
    font-size: 11px;
    color: #ffffff;
    background: url(skin/bkg-footer-tdf.png) repeat-y left top;
    padding-left: 10px;
    padding-right: 10px;
}

.blockInfo .body {
    background-color: #EFEFEF;
}

.blockInfo .text {
    margin-top: 5px;
    margin-left: 10px;
}

.blockInfo .bl, .blockInfo .blr {
    height: 5px;
    width: 5px;
}

.blockInfo .bl {
    background-image: url(skin/blocks/cornerBl-univDecouvrir.png);
    _bottom: 0px;
    _left: 0px;
}

.blockInfo .br {
    background-image: url(skin/blocks/cornerBr-univDecouvrir.png);
    _bottom: 0px;
    _right: 0px;
}

.blockInfo .blockClip .bl, .blockInfo .blockClip .br {
    background: none;
}

/* default univInfo */
.blockTransverse {
    overflow: visible;
}

.blockTransverse h5, .blockTransverseMea h5, .blockSansBorder h5, .blockTransverseArgent h5 {
    margin-bottom: 3px;
}

.blockTransverse .top {
    position: absolute;
    top: 0;
    right: 5px;
    z-index: 2;
    overflow: hidden;
}

.blockTransverse .body {
    background: url(skin/univTransverse/bkg-foot.png) repeat-y scroll left top #ECECEC;
    padding: 0;
}

.blockTransverse .bl, .blockTransverse .br, .blockTransverseArgent .bl, .blockTransverseArgent .br {
    background-image: url(skin/blocks/simple-corners-trans.png) !important;
    height: 6px;
    width: 6px;
    background-repeat: no-repeat;
}

.blockTransverse .bl, .blockTransverse .br, .blockTransverseArgent .bl, .blockTransverseArgent .br {
    background-image: url(skin/blocks/simple-corners-trans.png) !important;
    height: 6px;
    width: 6px;
    background-repeat: no-repeat;
}

.blockTransverse .text p, .blockTransverse p {
    padding: 6px 6px 0 6px;
}

.blockTransverse .mea img {
    padding: 0;
    margin: 0;
}

.blockTransverse .context {
    padding: 5px;
}

.blockTransverse p.flineL {
    padding: 3px 6px 0px;
    margin-bottom: 0;
    *padding: 0 6px;
}

/* blockTransverseArgent headcolor */
.blockTransverseArgent .head {
    color: #00BBEF;
    padding-bottom: 5px;
    font-size: 16px;
}

.blockTransverseArgent .body {
    background: #ECECEC url(skin/univTransverse/bkg-foot.png) repeat-y left top;
    padding: 5px;
}

.blockTransverseArgent {
    overflow: visible;
}

#mainInside .blockTransverseArgent .head {
    font-size: 14px;
}

#mainInside .blockTransverseArgent .body {
    padding: 10px;
}

.blockTransverseArgent .context .top {
    position: absolute;
    top: 0;
    right: 5px;
    z-index: 2;
    overflow: hidden;
}

.blockTransverseArgent .br {
    background-position: right bottom;
}

.blockTransverseMea .br {
    background-image: url(skin/blocks/simple-corners.png);
}

.blockTransverse .blockInside, .blockTransverseArgent .blockInside, .blockTransverseMea .blockInside {
    border: 0 !important;
}

.blockTransverseCorners .body {
    background: url(skin/blocks/bkg-block-turquoise.png) repeat-y left top;
}

.blockTransverseCorners .br, .blockTransverseCorners .bl, .blockTransverseCorners .tl, .blockTransverseCorners .tr {
    background-image: url(skin/blocks/simple-corners-trans.png);
    height: 6px;
    width: 6px;
    background-repeat: no-repeat;
}

/* tabs */
/*.tabCtn .blockInside {margin-top:1px;}*/
.tabs li.first, .tabs li.last {
    background-position: left top;
}

.tabs li {
    background: url(skin/blocks/bkg-onglet-gris.png) no-repeat left top;
}

.tabs li {
    padding-left: 5px;
    min-height: 40px;
    height: 40px !important;
    overflow: hidden;
    _height: 40px !important;
}

.tabs li a {
    background: url(skin/blocks/bkg-onglet-gris.png) no-repeat right top;
    color: #2b2e30;
    padding-top: 5px 5px 0 0;
    font-weight: bold;
    text-decoration: none !important;
    font-size: 1em;
    text-align: center;
    line-height: 40px;
}

.tabs li.current a {
    color: #fff;
}

.blockTabsVertical .tabs li a {
    line-height: 14px;
}

.tabs li.twoLines a {
    line-height: 19px;
    padding-right: 5px;
}

.tabs li.current {
    background: url(skin/blocks/bkg-onglet-bleu.png) !important;
}

.tabs li.current a {
    background: transparent url(skin/blocks/bkg-onglet-bleu.png) repeat scroll right top !important;
}

/* Cas 1 seul onglet */
.tabs li.unique {
    background: url(skin/blocks/bkg-onglet-bleu.png) no-repeat left top !important;
}

.tabs li.unique a {
    background: url(skin/blocks/bkg-onglet-bleu.png) no-repeat right top !important;
}

.tabCtntabCurrent {
    padding: 0 10px;
}

/* style specifique de liste+block */
.blockTabsVertical {
    background-color: #FFFFFF !important;
    zoom: 1;
}

.blockTabsVertical .blockInside {
    border: none !important;
    background-color: #CAF0FC !important;
}

.blockTabsVertical ul.tabs {
    float: left;
    background-color: #CAF0FC !important;
    width: 213px;
    _margin-right: -3px;
}

.blockTabsVertical ul.tabs li {
    background: none;
    float: none;
}

.blockTabsVertical .tabs {
    position: relative;
    z-index: 21;
    zoom: 1;
}

.blockTabsVertical .tabs li {
    border-bottom: 1px solid #AED7F0;
    background-color: #FFF;
    height: auto !important;
    min-height: 25px !important;
    _height: 25px !important;
    padding-top: 7px;
    padding-left: 10px !important;
    width: 203px;
    display: block;
}

.blockTabsVertical .tabs li.current {
    background-color: #FFF !important;
    background-image: none !important;
}

.blockTabsVertical .tabs li.last {
    border: none;
}

.blockTabsVertical .tabs li a {
    text-align: left;
    color: #00295D;
    text-decoration: underline;
    font-weight: bold;
    padding-top: 1px;
    background: url(skin/arrow-list-blue.png) no-repeat 3px 4px !important;
    padding-left: 15px;
    display: block;
    _height: 16px;
}

.blockTabsVertical .body {
    position: relative;
    z-index: 20;
    _overflow: visible;
    zoom: 1;
    padding: 0 !important;
}

.blockTabsVertical .tabCurrent {
    background-color: #FFF;
}

.hasJS .blockTabsVertical .tabCtn {
    _background-color: #FFF;
}

.hasJS .blockTabsVertical .tabCtn .arrow {
    padding-left: 5px;
    zoom: 1;
}

/*blk toggle*/
.blockToggle .head, .blockToggle .head a {
    background: url(skin/blocks/bkg-toggle-bleu.png) no-repeat left top;
    padding: 0 0 0 5px;
    height: 30px;
    font-size: 16px;
    color: #ffffff;
}

.blockToggle .head a {
    background-position: right top;
    display: block;
    zoom: 1;
    padding-right: 5px;
    color: #FFF;
    text-decoration: none !important;
    padding-top: 4px;
    margin-bottom: -4px;
}

.blockToggle .twoLines, .blockToggle .twoLines a span {
    font-size: 15px !important;
    line-height: 12px;
}

.toggleClosed .blockInside {
    display: none;
}

.blockToggle .head a span, .toggleClosed .head a span {
    background: url(skin/blocks/bkg-toggle-fleche.png) no-repeat left top;
    padding-left: 20px;
    color: white !important;
    font-size: 16px !important;
    font-weight: bold;
    line-height: 25px;
}

.toggleClosed .head a span {
    background-position: 0px -385px;
    padding-left: 20px;
    color: white !important;
    font-size: 16px;
    font-weight: bold;
}

/* couleurs de fond de blocks */
.blockGradient .blockInside {
    background: url(skin/bkg-gradient.png) repeat-x left top;
}

/* block footer mea degrad?*/
.footerColorPicto i, .footerColorSans i {
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(skin/corner-footer-left.png) no-repeat left bottom;
    width: 8px;
    height: 8px;
}

.footerColorPicto img.logofooter {
    height: 51px;
    left: 10px;
    position: absolute;
    top: -10px;
    width: 54px;
    background-repeat: no-repeat;
    background-position: left top;
}

.footerColorPicto {
    background: url(skin/bkg-gradient-blue.png) repeat-x left top;
    position: relative;
    padding: 8px;
    margin-top: 8px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: 10px;
    overflow: visible;
    line-height: 4px;
}

.footerColorSans {
    margin-left: 10px;
    background: url(skin/bkg-gradient-blue.png) repeat-x left top;
    position: relative;
    padding: 8px;
    margin-top: 8px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: 10px;
    overflow: visible;
    line-height: 4px;
}

.footerColorSans p {
    color: #0C4CB1;
}

.footerColorPicto p, .footerColorPicto a {
    margin-left: 65px;
    color: #0C4CB1;
}

/****
* G. Custom (blocks sp?cifiques, contenus vraiment sp?cifiques ? une partie de la page, non reutilisable ailleurs)
****/
/* ==== page home (template specific), ?l?ments sp?cifiques ===== */
.association {
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
    background: url(skin/bkg-mecenat.png) no-repeat left top;
    width: 220px;
    height: 69px;
}

.association span {
    padding: 3px 0 0 10px;
}

.association strong {
    display: block;
    padding-left: 10px;
    font-weight: normal;
}

/* Dossier */
.dossier {
    border-top: 1px dotted #33c4ec;
    background-repeat: no-repeat;
    background-position: 6px 10px;
    padding: 10px 0 0 50px;
    margin: 0 5px;
}

.univDecouvrir .dossier {
    border-color: #33c4ec;
    background-image: url(skin/home/dossier-decouvrir.png)
}

.univInfo .dossier {
    border-color: #d20f84;
    background-image: url(skin/home/dossier-info.png);
}

.univRecrute .dossier {
    border-color: #b2da28;
    background-image: url(skin/home/dossier-recrute.png);
}

.univDialoguez .dossier {
    border-color: #ff6a00;
    background-image: url(skin/home/dossier-dialoguer.png);
}

.univEngage .dossier {
    border-color: #FFBB00;
    background-image: url(skin/home/dossier-engage.png);
}

.dossier h4 {
    font-weight: bold !important;
    letter-spacing: -1px;
}

.dossier p {
    color: #192b6f;
    font-size: 1.1em;
}

.dossier p a {
    color: #192b6f;
    text-decoration: none;
}

.dossier p a:hover {
    text-decoration: underline;
}

/* Flash */
.hasJS #flashcontent .block {
    display: none;
}

.noSWF #flashcontent .block {
    display: block !important;
}

#flashcontent h1 {
    color: #243c92;
    text-align: center;
    line-height: 2em;
    font-size: 2.2em;
    font-weight: bold;
    background: none;
}

p.baseline {
    color: #243c92;
    font-size: 1.28em;
    text-align: center;
}

p.baseline strong {
    display: block;
}

/* recapHome */
.recapHome {
    margin-left: 18px;
}

.recapHome li {
    padding-bottom: 5px;
    line-height: 16px;
}

.recapHome li a {
    font-size: 1.09em;
    color: #192b6f;
    text-decoration: none;
    font-weight: bold;
}

.univDecouvrir .recapHome li {
    list-style-image: url(skin/arrow-decouvrir.png);
}

.univInfo .recapHome li {
    list-style-image: url(skin/arrow-info.png);
}

.univDialoguez .recapHome li {
    list-style-image: url(skin/arrow-dialoguer.png);
}

.univRecrute .recapHome li {
    list-style-image: url(skin/arrow-recrute.png);
}

.univEngage .recapHome li {
    list-style-image: url(skin/arrow-engage.png);
}

.hasJS .actuHome .recapHome li.current p, .noJS .actuHome .recapHome li:hover p {
    display: block;
}

/* Home */
.bgHome {
    background: white url(skin/home/bkg-home-html.png) no-repeat left top !important;
    filter: none !important;
}

.bkgHome {
    background: url(skin/home/bkg-home.png) repeat-x left 10px;
    width: 100%;
    padding-bottom: 10px;
    text-align: left;
    position: relative;
    z-index: 1000;
    filter: none;
}

.bkgHomeArgent {
    background: url(skin/home/bkg_argent.png) repeat-x left 20px !important;
    width: 920px;
    margin: -10px auto 0;
    padding: 0 5px 10px 20px;
    position: relative;
    z-index: 1000;
}

.bkgHomeArgent .head {
    padding-left: 10px;
}

.bkgHomeArgent .bl {
    background: url(skin/home/homeBottomCorner.png) no-repeat left top;
    width: 49px;
    height: 49px;
    bottom: 0 !important;
    _bottom: -1px !important;
    left: 0 !important;
}

.bkgHomeArgent .blockInside {
    background-color: #FFF;
    border-style: none;
}

.bkgHomeArgent .blockInside .bl {
    background: none !important;
}

.bkgHomeArgent .smallCorner .colBl, .bkgHomeArgent .smallCorner .colBr {
    background-image: url(skin/blocks/simple-corners-home.png) !important;
    height: 6px !important;
    width: 6px !important;
    line-height: 1px;
    background-repeat: no-repeat;
    font-size: 0;
}

/* bottom:-1px; _bottom:-4px; display:block; position:absolute; zoom:1;
.bkgHomeArgent .smallCorner .colBl {background-position:left bottom; left:-1px; _left:-4px; }
.bkgHomeArgent .smallCorner .colBr {background-position:right bottom; right:-1px; _right:-4px;}*/
.bkgHomeArgent .blockBigCorners .colBl {
    background-position: left bottom;
    left: -1px;
    bottom: -1px;
    display: block;
    background-image: url(skin/home/homeBottomSmallCorner.png) !important;
    height: 21px !important;
    width: 21px !important;
    position: absolute;
}

.bkgHomeArgent .blockBigCorners .colBr {
    background-position: right bottom;
    right: -1px;
    bottom: -1px;
    _right: -1px;
    _bottom: -1px;
    display: block;
    background-image: url(skin/blocks/simple-corners-home.png) !important;
    height: 6px !important;
    width: 6px !important;
    position: absolute;
    font-size: 0;
    zoom: 1;
}

.bkgHomeArgent #plusPratique .bl {
    display: none !important;
}

.bkgHomeArgent #articles .bl {
    display: none !important;
}

/* Home Nav */
.homeNav {
    float: left;
    margin-right: 2px;
    zoom: 1;
}

.homeNavLast {
    float: none;
    width: auto !important;
    margin-right: 0 !important;
    _margin-right: -3px;
    _left: -3px;
    _position: relative;
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
    padding: 0;
    display: block;
}

.homeNav .head, .homeNavLast .head {
    text-align: center;
    _background: none !important;
}

.actuHome {
    width: 880px;
    padding-bottom: 15px;
    margin: 20px 0 20px 27px;
}

.actuHome img {
    float: left;
}

.actuHome .head {
    text-align: left;
    font-size: 1.2em;
    margin-left: 22px;
}

.actuHome ul.recapHome {
    _height: 50px;
    padding-left: 28px;
}

.actuHome .recapHome li {
    background: transparent url(skin/arrow-actu-close.png) no-repeat left top;
    margin-right: 20px;
    padding-left: 20px;
    float: left;
    width: 146px;
}

.actuHome .recapHome li.current {
    background: transparent url(skin/arrow-actu-open.png) no-repeat left top;
}

.actuHome .recapHome li.last {
    margin-right: 0;
}

.actuHome .recapHome li p {
    display: none;
}

/* */
#espaceClient {
    width: 445px;
}

#plusPratique {
    width: 220px;
}

#espaceClient .head {
    background: #0d309f url(skin/home/bkg-espaceClient.png) repeat-x left top;
    color: #ffffff;
    padding: 1px 10px;
    line-height: 18px;
}

#plusPratique .head {
    background: #ffcc00 url(skin/home/bkg-plusPratique.png) repeat-x left top;
    color: #182c77;
    padding-top: 0.1em;
    padding-bottom: 0px;
    line-height: 18px;
}

#espaceClient li a, #plusPratique li a {
    line-height: 20px;
    padding-left: 25px;
    font-weight: bold;
}

#espaceClient a, #plusPratique a {
    background-position: left center;
    background-repeat: no-repeat;
}

#espaceClient .eLcl a {
    background-image: url(skin/picto/picto-eLcl.png);
}

#espaceClient .flux a {
    background-image: url(skin/picto/picto-flux.png);
}

#espaceClient .annuaire a {
    background-image: url(skin/picto/picto-annu.png);
}

#articles {
    margin-right: 20px !important;
}

#articles ul {
    margin-top: 5px;
}

#articles .head {
    background: #0bbdef url(skin/home/bkg-article.png) repeat-x left top;
    color: #182c77;
    padding-top: 0.1em;
    padding-bottom: 0px;
    line-height: 18px;
}

#articles li {
    font-weight: bold;
    background: url(skin/arrow-decouvrir-home.png) no-repeat left -3px;
    padding-left: 15px;
    padding-bottom: 10px;
}

/* Divers*/
#postuler {
    position: relative;
}

#backfond {
    position: absolute;
    top: 60px;
    right: 10px;
    overflow: hidden;
    background: url(skin/univRecrute/bkg_layer_flash.png) no-repeat left bottom;
    width: 228px;
    height: 193px;
    zoom: 1;
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/css/skin/univRecrute/bkg_layer_flash.png', sizingMethod = "scale")
}

#formLog {
    position: absolute;
    top: 33px;
    right: 12px;
    overflow: hidden;
    width: 223px;
    height: auto;
}

#formLog a.liens {
    background: url(skin/arrow-recrute.png) no-repeat left center;
    padding: 0px 15px;
    margin: 0;
}

#formLog p.fline span input.txt {
    width: 87px;
    height: 1em;
    padding: 0;
}

#formLog #topPost, #formLog #bottomPost {
    padding: 0 8px;
    overflow: hidden;
}

#formLog #sep {
    border-top: 1px dotted #99c405;
    width: 228px;
    margin: 7px 0 3px;
    height: 1px;
    overflow: hidden;
}

#formLog h4 {
    margin: 5px 0;
    font-size: 1.5em;
    font-weight: bold;
}

#formLog legend {
    color: #A5D10C;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

#ok_post {
    position: absolute;
    margin-left: 5px;
}

.txtC .arrow a, .txtR .arrow a {
    display: inline !important;
}

ol li {
    margin-bottom: 4px;
}

.blockItemUne, .blockItemUne .blockUneContent {
    position: relative;
}

.blockItemUne .infos-une {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    -moz-opacity: 0;
    -ms-filter: "alpha(opacity=0)"; /* IE 8 */
    filter: alpha(opacity = 0);
}

.blockItemUne .infos-une .mask {
    background: #999999;
    z-index: 300;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    -moz-opacity: 0.9;
    -ms-filter: "alpha(opacity=90)"; /* IE 8 */
    filter: alpha(opacity = 90);

}

.blockItemUne .infos-une span {
    display: block;
    color: #FFF;
    padding-left: 20px;
    padding-right: 50px;
    padding-bottom: 3px;
}
.blockItemUne .infos-une span.date-infos-une{padding-top: 15px;}
.blockItemUne .infos-une span.title-infos-une{font-weight: bold;}
.blockItemUne .infos-une span.nb-vues-une{text-align: right; position:absolute;right:-20px;bottom:15px; line-height: 11px;}
.blockItemUne .infos-une span.ratings{padding: 0; margin-left: 20px;}

.blockItemUne .infos-une a {
    display: block;
    text-decoration: none;
    width: 100%;
    height: 100%;
    z-index: 500;
    position: relative;
}

.blockItemUne .display-infos a img {
    display: block;
    width: 100%;
}

.blockItemUne .display-infos a span.play {
    background: url("skin/web-tv/play.png") no-repeat scroll 0 0 transparent;
    bottom: 1px;
    display: block;
    height: 55px;
    left: 5px;
    position: absolute;
    width: 55px;
    overflow: hidden;
    text-indent: 60px;
}

.blockItemUne .title-une h2 {
    font-size: 15px;
    font-weight: bold;
    margin: 5px 0 10px 0;
}

.itemUneLine .unit {
    padding-right: 0;
}

.blockRightPlaylist {
    background: #E5E5E5;
    margin-bottom: 10px;
}

.blockRightPlaylist a.play img {
    width: 100%;
}

.blockRightPlaylist .infos-playlist {
    padding: 10px 5px 30px;
    position: relative;
}

.blockRightPlaylist .infos-playlist h2 {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.blockRightPlaylist .infos-playlist h2 span.date {
    font-weight: normal;
    display: block;
    margin-bottom: 5px;
}

.blockRightPlaylist .bl,
.blockItemUne .bl {
    display: none;
}

/****
* H. Fixs class for navigators (corners, heights, most of the problems comes fron IE)
****/
html.IS_IE body  .block .blockInside .bl, html.IS_IE body .block .blockInside .br {
    _bottom: expression(cssBottom(this, true))
}

html.IS_IE body .blockSimpleShadow .bl, html.IS_IE body .blockSimpleShadow .tr, html.IS_IE body .blockSquareShadow .bl, html.IS_IE body .blockSquareShadow .tr {
    height: expression(cssHeight(this, true))
}

html.IS_IE body .tr, html.IS_IE body .br {
    _right: expression(cssRight(this))
}

html.IS_IE body .blockSmallCorner .br, html.IS_IE body .blockSmallCorner .colBr, html.IS_IE body .blockBigCorner .bl, html.IS_IE body .blockBigCorners .br {
    _bottom: expression(cssBottom(this, true))
}

html.IS_IE body .block .bl, html.IS_IE body .block .br {
    _bottom: expression(cssBottom(this,true))
}

.hideCorners .br, .hideCorners .bl {
    display: none !important
}

.popupcenter {
    display: block;
}

/****
* I. Classes sp?cifiques (lecteurs d'?cran, javascript...)
****/
.screenreader {
    position: absolute;
    left: 0;
    top: -5000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/****
* J. D?clinaison des Univers
****/
.sepDefault {
    background-color: #e1e1e1 !important;
}

/*** univInfo ***/
.univInfo h1, .univInfo h2, .univInfo h2 span, .univInfo h2.head {
    color: #E92986;
}

.univInfo h2.head {
    font-weight: bold;
}

.univDialoguez .sepcolor
 /*.univInfo h3, .univInfo h3 a {color:#1D3888;} */
.univInfo h4 {
    color: #0B4EB2;
    font-weight: normal;
}

.univInfo .blockSmallCorners  .head {
    background: #C8006B url(skin/bkg-header-corners.png) repeat-x left top;
    color: #182C77 !important;
    padding-bottom: 3px;
    font-size: 12px;
    text-transform: uppercase;
    padding-left: 8px;
    padding-top: 3px;
    font-weight: bold;
    min-height: 17px;
    _height: 17px;
}

.univInfo .blockSmallCorners h2.head {
    background-image: url(skin/univInfo/bkg-header-tdf.png);
    color: #FFFFFF !important;
    font-weight: bold;
}

.univInfo .blockSmallCorners h2.head  a {
    color: #FFFFFF !important;
}

.univInfo .sepcolor {
    background-color: #E92986 !important;
    margin-top: 8px;
}

.univInfo .blockToggle .head, .univInfo .blockToggle .head a {
    background-image: url(skin/blocks/bkg-toggle-rose.png);
}

.univInfo .blockInside {
    border: 1px solid #E92986;
}

.univInfo .blockToggle .blockInside {
    border-top: 3px solid #E02682;
    margin-top: -3px;
}

.univInfo .blockTransverseArgent .head {
    color: #E92986;
}

.univInfo .tl, .univInfo  .tr, .univInfo .bl, .univInfo .br {
    background-image: url(skin/blocks/infos_corners.gif);
}

.univInfo .blockSmallCorners .bl {
    background-image: url(skin/blocks/rose-simple-corners.png);
}

.univInfo .blockInfo .bl {
    background-image: url(skin/blocks/cornerBl-univInfo.png);
}

.univInfo .blockInfo .br {
    background-image: url(skin/blocks/cornerBr-univInfo.png);
}

.univInfo .blockInfo .head {
    background-color: #c8006b;
    background-image: url(skin/univInfo/bkg-header-tdf.png);
}

.univInfo .blockInfo .foot {
    background-image: url(skin/univInfo/bkg-footer-tdf.png);
}

.univInfo .blockTabsVertical .blockInside {
    background-color: #CAF0FC !important;
}

.univInfo .blockTabs .tl, .univInfo .blockTabs  .tr, .univInfo .blockTabs  .bl, .univInfo .blockTabs  .br {
    background-image: url(skin/blocks/infos_corners.gif);
}

.univInfo a.liens, .univInfo .liens li, .univInfo .arrow li a, .univInfo .pagination li.last, .univInfo .linkSUIV {
    background-image: url(skin/arrow-info.png);
}

.univInfo .pagination li.first, .univInfo .linkPREC {
    background-image: url(skin/arrow-info-right.png);
}

.univInfo .listparagraphe li {
    background-image: url(skin/puces/square-rose.png);
}

.univInfo .tabs li.current {
    background: url(skin/blocks/bkg-onglet-rose.png) no-repeat left top !important;
}

.univInfo .tabs li.current a {
    background: transparent url(skin/blocks/bkg-onglet-rose.png) repeat scroll right top !important;
}

/* Cas 1 seul onglet */
.univInfo .tabs li.unique {
    background: url(skin/blocks/bkg-onglet-rose.png) no-repeat left top !important;
}

.univInfo .tabs li.unique a {
    background: url(skin/blocks/bkg-onglet-rose.png) no-repeat right top !important;
}

.univInfo .blockTabsVertical .tabs li.current {
    background: #FFFFFF !important;
}

.univInfo .blockTabsVertical .tabs li.current a {
    background: url(skin/arrow-list-blue.png) no-repeat 3px 4px !important;
}

.univInfo .square li {
    background-image: url(skin/puces/square-rose.png);
}

/*** univDialoguez ***/
.univDialoguez h1, .univDialoguez h2, .univDialoguez h2 span, .univDialoguez h2.head {
    color: #FC5B09;
}

.univDialoguez h2.head {
    font-weight: bold;
}

/* .univDialoguez h3, .univDialoguez h3 a {color:#1D3888;} */
.univDialoguez h4 {
    color: #0B4EB2;
    font-weight: normal;
}

.univDialoguez .blockSmallCorners  .head {
    background: #FC5B09 url(skin/bkg-header-corners.png) repeat-x left top;
    color: #182C77 !important;
    padding-bottom: 3px;
    font-size: 12px;
    text-transform: uppercase;
    padding-left: 8px;
    padding-top: 3px;
    font-weight: bold;
    min-height: 17px;
    _height: 17px;
}

.univDialoguez .blockSmallCorners h2.head {
    background-image: url(skin/univDialoguez/bkg-header-tdf.png);
    color: #FFFFFF !important;
    font-weight: bold;
}

.univDialoguez .blockSmallCorners h2.head  a {
    color: #FFFFFF !important;
}

.univDialoguez .sepcolor {
    background-color: #FC5B09 !important;
    margin-bottom: 15px;
}

.univDialoguez .tl, .univDialoguez  .tr, .univDialoguez .bl, .univDialoguez .br {
    background-image: url(skin/blocks/dialogue_corners.gif);
}

.univDialoguez .blockToggle .head, .univDialoguez .blockToggle .head a {
    background-image: url(skin/blocks/bkg-toggle-orange.png);
}

.univDialoguez .blockInside {
    border: 1px solid #FC5B09;
}

.univDialoguez .blockToggle .blockInside {
    border-top: 3px solid #FC5B09;
    margin-top: -3px;
}

.univDialoguez .blockTransverse h5, .univDialoguez .blockTransverseMea h5, .univDialoguez .blockSansBorder h5, .univDialoguez .blockTransverseArgent h5 {
    color: #FC5B09;
    font-weight: normal;
}

.univDialoguez .blockTransverseArgent .head {
    color: #FC5B09;
}

.univDialoguez .blockInfo .bl {
    background-image: url(skin/blocks/cornerBl-univDialoguez.png);
}

.univDialoguez .blockInfo .br {
    background-image: url(skin/blocks/cornerBr-univDialoguez.png);
}

.univDialoguez .blockInfo .head {
    background-color: #fc5b09;
    background-image: url(skin/univDialoguez/bkg-header-tdf.png);
    color: #ffffff;
}

.univDialoguez .blockInfo .foot {
    background-image: url(skin/univDialoguez/bkg-footer-tdf.png);
}

.univDialoguez .blockSmallCorners .tl, .univDialoguez .blockSmallCorners .tr, .univDialoguez .blockSmallCorners .bl, .univDialoguez .blockSmallCorners .br {
    background-image: url(skin/blocks/orange-simple-corners.png);
}

.univDialoguez .blockTabsVertical .blockInside {
    background-color: #CAF0FC !important;
}

.univDialoguez .blockTabs .tl, .univDialoguez .blockTabs  .tr, .univDialoguez .blockTabs  .bl, .univDialoguez .blockTabs  .br {
    background-image: url(skin/blocks/dialogue_corners.gif);
}

.univDialoguez a.liens, .univDialoguez .liens li, .univDialoguez .arrow li a, .univDialoguez .pagination li.last, .univDialoguez .linkSUIV {
    background-image: url(skin/arrow-dialoguez.png);
}

.univDialoguez .pagination li.first, .univDialoguez .linkPREC {
    background-image: url(skin/arrow-dialoguez-right.png);
}

.univDialoguez .listparagraphe li {
    background-image: url(skin/puces/square-vert.png);
}

.univDialoguez .tabs li.current {
    background-image: url(skin/blocks/bkg-onglet-orange.png) !important;
}

.univDialoguez .tabs li.current a {
    background: transparent url(skin/blocks/bkg-onglet-orange.png) repeat scroll right top !important;
}

/* Cas 1 seul onglet */
.univDialoguez .tabs li.unique {
    background: url(skin/blocks/bkg-onglet-orange.png) no-repeat left top !important;
}

.univDialoguez .tabs li.unique a {
    background: url(skin/blocks/bkg-onglet-orange.png) no-repeat right top !important;
}

.univDialoguez .blockTabsVertical .tabs li.current, .univDialoguez .blockTabsVertical .tabs li.current a {
    background-image: none !important;
}

.univDialoguez .square li {
    background-image: url(skin/puces/square-orange.png);
}

/*** univRecrute ***/
.univRecrute h1, .univRecrute h2, .univRecrute h2 span, .univRecrute h2.head {
    color: #A5D10C;
}

.univRecrute h2.head {
    font-weight: bold;
}

/* .univRecrute h3, .univRecrute h3 a {color:#1D3888;} */
.univRecrute h4 {
    color: #0B4EB2;
    font-weight: normal;
}

.univRecrute #formLog h4 {
    color: #a5d10c !important;
}

.univRecrute .blockSmallCorners  .head {
    background: #AADD26 url(skin/bkg-header-corners.png) repeat-x left top;
    color: #182C77 !important;
    padding-bottom: 3px;
    font-size: 12px;
    text-transform: uppercase;
    padding-left: 8px;
    padding-top: 3px;
    font-weight: bold;
    min-height: 17px;
    _height: 17px;
}

.univRecrute .blockSmallCorners h2.head {
    background-image: url(skin/univRecrute/bkg-header-tdf.png);
    color: #FFFFFF !important;
    font-weight: bold;
}

.univRecrute .blockSmallCorners h2.head  a {
    color: #FFFFFF !important;
}

.univRecrute .sepcolor {
    background-color: #a5d10c !important;
}

.univRecrute .tl, .univRecrute  .tr, .univRecrute .bl, .univRecrute .br {
    background-image: url(skin/blocks/recrute_corners.gif);
}

.univRecrute .blockToggle .head, .univRecrute .blockToggle .head a {
    background-image: url(skin/blocks/bkg-toggle-vert.png);
}

.univRecrute .blockInside {
    border: 1px solid #a5d10c;
}

.univRecrute .blockToggle .blockInside {
    border-top: 3px solid #a5d10c;
    margin-top: -3px;
}

.univRecrute .blockTransverseArgent .head {
    color: #a5d10c;
}

.univRecrute .blockInfo .head {
    background-color: #aadd26;
    background-image: url(skin/univRecrute/bkg-header-tdf.png);
}

.univRecrute .blockInfo .foot {
    background-image: url(skin/univRecrute/bkg-footer-tdf.png);
}

.univRecrute .blockInfo .bl {
    background-image: url(skin/blocks/cornerBl-univRecrute.png);
}

.univRecrute .blockInfo .br {
    background-image: url(skin/blocks/cornerBr-univRecrute.png);
}

.univRecrute .blockSmallCorners .tl, .univRecrute .blockSmallCorners .tr, .univRecrute .blockSmallCorners .bl, .univRecrute .blockSmallCorners .br {
    background-image: url(skin/blocks/vert-simple-corners.png);
}

.univRecrute .blockTabsVertical .blockInside {
    background-color: #CAF0FC !important;
}

.univRecrute .blockTabs .tl, .univRecrute .blockTabs  .tr, .univRecrute .blockTabs  .bl, .univRecrute .blockTabs  .br {
    background-image: url(skin/blocks/recrute_corners.gif);
}

.univRecrute a.liens, .univRecrute .liens li, .univRecrute .arrow li a, .univRecrute .pagination li.last, .univRecrute .linkSUIV {
    background-image: url(skin/arrow-recrute.png);
}

.univRecrute .listparagraphe li {
    background-image: url(skin/puces/square-vert.png);
}

.univRecrute .pagination li.first, .univRecrute .linkPREC {
    background-image: url(skin/arrow-recrute-right.png);
}

.univRecrute .tabs li.current {
    background-image: url(skin/blocks/bkg-onglet-vert.png) !important;
}

.univRecrute .tabs li.current a {
    background: transparent url(skin/blocks/bkg-onglet-vert.png) repeat scroll right top !important;
}

/* Cas 1 seul onglet */
.univRecrute .tabs li.unique {
    background: url(skin/blocks/bkg-onglet-vert.png) no-repeat left top !important;
}

.univRecrute .tabs li.unique a {
    background: url(skin/blocks/bkg-onglet-vert.png) no-repeat right top !important;
}

.univRecrute .blockTabsVertical .tabs li.current, .univRecrute .blockTabsVertical .tabs li.current a {
    background-image: none !important;
}

.univRecrute .square li {
    background-image: url(skin/puces/square-vert.png);
}

/*** univEngage ***/
.univEngage h1, .univEngage h2, .univEngage h2 span, .univEngage h2.head {
    color: #FFBB00;
}

.univEngage h2.head {
    font-weight: bold;
}

.univEngage h3, .univEngage h3 a {
    color: #1D3888;
}

.univEngage h4 {
    color: #0B4EB2;
    font-weight: normal;
}

.univEngage #formLog h4 {
    color: #FFBB00 !important;
}

.univEngage .blockSmallCorners  .head {
    background: #FFBC03 url(skin/bkg-header-corners.png) repeat-x left top;
    color: #182C77 !important;
    padding-bottom: 3px;
    font-size: 12px;
    text-transform: uppercase;
    padding-left: 8px;
    padding-top: 3px;
    font-weight: bold;
    min-height: 17px;
    _height: 17px;
}

.univEngage .blockSmallCorners h2.head {
    background-image: url(skin/univEngage/bkg-header-tdf.png);
    background-color: #FFC400;
    color: #FFFFFF !important;
    font-weight: bold;
}

.univEngage .blockSmallCorners h2.head a {
    color: #FFFFFF !important;
}

.univEngage .sepcolor {
    background-color: #FFBB00 !important;
}

.univEngage .blockToggle .head, .univEngage .blockToggle .head a {
    background-image: url(skin/blocks/bkg-toggle-jaune.png);
}

.univEngage .blockInside {
    border: 1px solid #FFBB00;
}

.univEngage .tl, .univEngage  .tr, .univEngage .bl, .univEngage .br {
    background-image: url(skin/blocks/engage_corners.gif);
}

.univEngage .blockToggle .blockInside {
    border-top: 3px solid #FFBB00;
    margin-top: -3px;
}

.univEngage .blockTransverseArgent .head {
    color: #FFBB00;
}

.univEngage .blockInfo .head {
    background-color: #FFBB00;
    background-image: url(skin/univEngage/bkg-header-tdf.png);
}

.univEngage .blockInfo .foot {
    background-color: #FFBB00;
    background-image: none !important;
}

.univEngage .blockInfo .bl {
    background-image: url(skin/blocks/cornerBl-univEngage.png);
}

.univEngage .blockInfo .br {
    background-image: url(skin/blocks/cornerBr-univEngage.png);
}

.univEngage .blockSmallCorners .tl, .univEngage .blockSmallCorners .tr, .univEngage .blockSmallCorners .bl, .univEngage .blockSmallCorners .br {
    background-image: url(skin/blocks/jaune-simple-corners.png);
}

.univEngage .blockTabsVertical .blockInside {
    background-color: #CAF0FC !important;
}

.univEngage .blockTabs .tl, .univEngage .blockTabs  .tr, .univEngage .blockTabs  .bl, .univEngage .blockTabs  .br {
    background-image: url(skin/blocks/engage_corners.gif);
}

.univEngage a.liens, .univEngage .liens li, .univEngage .arrow li a, .univEngage .pagination li.last, .univEngage .linkSUIV {
    background-image: url(skin/arrow-engage.png);
}

.univEngage .listparagraphe li {
    background-image: url(skin/puces/square-jaune.png);
}

.univEngage .pagination li.first, .univEngage .linkPREC {
    background-image: url(skin/arrow-engage-right.png);
}

.univEngage .tabs li.current {
    background-image: url(skin/blocks/bkg-onglet-jaune.png) !important;
}

.univEngage .tabs li.current a {
    background: transparent url(skin/blocks/bkg-onglet-jaune.png) repeat scroll right top !important;
}

/* Cas 1 seul onglet */
.univEngage .tabs li.unique {
    background: url(skin/blocks/bkg-onglet-jaune.png) no-repeat left top !important;
}

.univEngage .tabs li.unique a {
    background: url(skin/blocks/bkg-onglet-jaune.png) no-repeat right top !important;
}

.univEngage .blockTabsVertical .tabs li.current, .univEngage .blockTabsVertical .tabs li.current a {
    background-image: none !important;
}

.univEngage .square li {
    background-image: url(skin/puces/square-jaune.png);
}

.univEngage .tl, .univEngage  .tr, .univEngage .bl, .univEngage .br {
    background-image: url(skin/blocks/engage_corners.gif);
}

/*** univActu ***/
.univActu h1, .univActu h2, .univActu h2 span, .univActu h2.head {
    color: #A5D10C;
}

.univActu h2.head {
    font-weight: bold;
}

/* .univActu h3, .univActu h3 a {color:#1D3888;} */
.univActu h4 {
    color: #0B4EB2;
    font-weight: normal;
}

.univActu #formLog h4 {
    color: #a5d10c !important;
}

.univActu .blockSmallCorners  .head {
    background: #AADD26 url(skin/bkg-header-corners.png) repeat-x left top;
    color: #182C77 !important;
    padding-bottom: 3px;
    font-size: 12px;
    text-transform: uppercase;
    padding-left: 8px;
    padding-top: 3px;
    font-weight: bold;
    min-height: 17px;
    _height: 17px;
}

.univActu .blockSmallCorners h2.head {
    background-image: url(skin/univRecrute/bkg-header-tdf.png);
    color: #FFFFFF !important;
    font-weight: bold;
}

.univActu .blockSmallCorners h2.head  a {
    color: #FFFFFF !important;
}

.univActu .sepcolor {
    background-color: #a5d10c !important;
}

.univActu .tl, .univActu  .tr, .univActu .bl, .univActu .br {
    background-image: url(skin/blocks/engage_corners.gif);
}

.univActu .blockToggle .head, .univRecrute .blockToggle .head a {
    background-image: url(skin/blocks/bkg-toggle-vert.png);
}

.univActu .blockInside {
    border: 1px solid #a5d10c;
}

.univActu .blockToggle .blockInside {
    border-top: 3px solid #a5d10c;
    margin-top: -3px;
}

.univActu .blockTransverseArgent .head {
    color: #a5d10c;
}

.univActu .blockInfo .head {
    background-color: #aadd26;
    background-image: url(skin/univRecrute/bkg-header-tdf.png);
}

.univActu .blockInfo .foot {
    background-image: url(skin/univRecrute/bkg-footer-tdf.png);
}

.univActu .blockInfo .bl {
    background-image: url(skin/blocks/cornerBl-univRecrute.png);
}

.univActu .blockInfo .br {
    background-image: url(skin/blocks/cornerBr-univRecrute.png);
}

.univActu .blockSmallCorners .tl, .univActu .blockSmallCorners .tr, .univActu .blockSmallCorners .bl, .univActu .blockSmallCorners .br {
    background-image: url(skin/blocks/vert-simple-corners.png);
}

.univActu .blockTabsVertical .blockInside {
    background-color: #CAF0FC !important;
}

.univActu .blockTabs .tl, .univActu .blockTabs  .tr, .univActu .blockTabs  .bl, .univActu .blockTabs  .br {
    background-image: url(skin/blocks/recrute_corners.gif);
}

.univActu a.liens, .univActu .liens li, .univActu .arrow li a, .univActu .pagination li.last, .univActu .linkSUIV {
    background-image: url(skin/arrow-recrute.png);
}

.univActu .listparagraphe li {
    background-image: url(skin/puces/square-vert.png);
}

.univActu .pagination li.first, .univActu .linkPREC {
    background-image: url(skin/arrow-recrute-right.png);
}

.univActu .tabs li.current {
    background-image: url(skin/blocks/bkg-onglet-vert.png);
}

.univActu .tabs li.current a {
    background: transparent url(skin/blocks/bkg-onglet-vert.png) repeat scroll right top !important;
}

/* Cas 1 seul onglet */
.univActu .tabs li.unique {
    background: url(skin/blocks/bkg-onglet-vert.png) no-repeat left top !important;
}

.univActu .tabs li.unique a {
    background: url(skin/blocks/bkg-onglet-vert.png) no-repeat right top !important;
}

.univActu .blockTabsVertical .tabs li.current, .univActu .blockTabsVertical .tabs li.current a {
    background-image: none !important;
}

.univActu .square li {
    background-image: url(skin/puces/square-vert.png);
}

/*** Commun a plusieurs univers  ***/
.univInfo .univDecouvrir h2.head, .univDialoguez .univDecouvrir h2.head, .univRecrute .univDecouvrir h2.head {
    background: #0BBDEF url(skin/bkg-header-corners.png) repeat-x scroll left top;
    color: #182C77 !important;
}

.univInfo .univDecouvrir h2.head a, .univDialoguez .univDecouvrir h2.head a, .univRecrute .univDecouvrir h2.head a {
    color: #182C77 !important;
}

.univDecouvrir .univDecouvrir h2.head, .univDecouvrir .univDecouvrir h2.head a {
    color: #182C77 !important;
}

.univDecouvrir .blockSimple h2.head, .univDecouvrir .blockSimple h2.head a {
    color: #00BBEF !important;
}

.univRecrute .univDecouvrir .blockInside, .univInfo .univDecouvrir .blockInside, .univDialoguez  .univDecouvrir .blockInside {
    border-color: #e9eaf0;
}

/* .blockSmallCorners */
.univDecouvrir .blockSmallCorners .tl, .univDecouvrir .blockSmallCorners .tr, .univDecouvrir .blockSmallCorners .bl, .univDecouvrir .blockSmallCorners  .br {
    background-image: url(skin/blocks/blue-simple-corners.png);
}

.univRecrute .univDecouvrir .tl, .univRecrute .univDecouvrir .tr, .univRecrute .univDecouvrir .bl, .univRecrute .univDecouvrir .br {
    background-image: url(skin/blocks/simple-corners.png);
}

.univInfo .univDecouvrir .tl, .univInfo .univDecouvrir .tr, .univInfo .univDecouvrir .bl, .univInfo .univDecouvrir .br {
    background-image: url(skin/blocks/simple-corners.png);
}

.univDialoguez .univDecouvrir .tl, .univDialoguez .univDecouvrir .tr, .univDialoguez .univDecouvrir .bl, .univDialoguez .univDecouvrir .br {
    background-image: url(skin/blocks/simple-corners.png);
}

.home .blockSmallCorners .blockInside {
    border-color: #E7E8EE !important;
}

/*
#leftCol,  #toolsBox {display:none;}
.bl, .tl, .tr, .br, .colTl, .colTr{display:none;}
body {background:none;}
.hasJS .tabCtn {display:block;border-top:1px solid;}
#mainInside, #content {overflow:visible;}
#content {width:18cm;}
#flashTv {display:none;}
.blockTabsVertical ul.tabs {
	float:none;
	width:auto;
}
input, select, textarea, object, embed {display:none !important;}
img{background:white !important;}
#page a:link:after, #page a:visited:after {
  font-size: 90%;
  }
*/

img.pngFix {
    background-image: url(skin/px.gif);
    _filter: expression(pngFix(this));
}

/* tricky...	*/

#content i {
    visibility: hidden;
}

#content #main i, #content #toolsBox i {
    visibility: visible !important;
}

/*** Commun a plusieurs univers  ***/
.liRecapHome {
    float: left;
    margin: 0 20px;
    width: 150px;
}

.homeNav .univActu .head {
    text-align: left;
}

/* Sliders */

.blockSlider {
    overflow: hidden;
    _overflow: visible;
    _zoom: 1;
}

.blockSlider .previous,
.blockSlider .next {
    float: left;
}

.blockSlider .slider {
    float: left;
    overflow: hidden;
    display: none;
}

.blockSlider .slider ul {
    overflow: hidden;
    _overflow: visible;
    _zoom: 1;
}

.hasJS .blockSlider .slider ul {
    width: 1px;
}

.blockSlider .slider li {
    float: left;
    width: 122px;
    margin-right: 7px;
}

.blockSlider a,
.blockSlider img {
    display: block;
}

.blockSlider .slider a {
    width: 122px;
    height: 79px;
}

.blockSlider .slider .title {
    display: block;
    color: #0B4EB2;
    font-size: 12px;
    line-height: 1.1em;
    margin: 3px 0;
}

.hidden {
    display: none !important;
}

.blockresize .body {
    padding: 0 !important;
}

.justPrint {
    display: none;
}

.homestyle {
    width: 100%;
}

/* Slider 2 */
#mainInside .blockSliderBig {
    padding: 0 70px 0 70px;
}

#mainInside .blockSliderBig .blockInside .body {
    padding: 0;
}

#mainInside .blockSliderBig .blockInside {
    background: #E1E1E1;
}

#mainInside .blockSliderBig .slider li {
    width: 450px;
}

#mainInside .blockSliderBig .slider li a {
    display: block;
    width: 100%;
    height: auto !important;
    text-align: center;
}

#mainInside .blockSliderBig .previous,
#mainInside .blockSliderBig .next {
    width: 60px;
}

#mainInside .blockSliderBig .next {
    text-align: right;
}

#mainInside .blockSliderBig .next a img {
    display: inline;
}

#mainInside.rightcolPresent .blockSliderBig {
    padding: 0;
}

.rightcolPresent .blockSliderBig {
    padding: 0 !important;
}

#mainInside.rightcolPresent .blockSliderBig .context {
    _width: 330px !important;
}

.rightcolPresent .blockSliderBig .slider li {
    width: 350px !important;
}

.rightcolPresent .blockSliderBig .slider li {
    _width: 334px !important;
}

#mainInside.rightcolPresent .blockSliderBig .slider li a {
    width: 355px !important;
    _overflow: hidden;
}

.rightcolPresent .blockSliderBig .slider li a, .rightcolPresent .blockSliderBig .slider li a img {
    _overflow: hidden;
}

#mainInside .blockSliderBig .slider li a img {
    display: inline;
}

/*
	AJOUT MAG LCL
*/

body.magLcl {
    background: white url(skin/bgMag.png) repeat-x left 0px; /*overflow-y:scroll;*/
}

body.magLcl #page {
    width: auto;
}

body.magLcl #main {
    background: none;
}

body.magLcl .mainInside {
    position: relative;
    overflow: hidden;
}

body.magLcl #rightCol {
    background: none;
    width: 294px;
    margin-left: 26px;
}

body.magLcl #rightCol .mea {
    margin: 15px 0;
}

body.magLcl #rightCol .mea .text, body.magLcl #rightCol .mea .text a {
    color: #fff;
    font-size: 12px;
    text-decoration: none;
}

body.magLcl #rightCol .mea h3, body.magLcl #rightCol .mea .text h3 a {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 1.3em;
    text-transform: none !important;
}

body.magLcl .mea .text a {
    color: #444444;
    text-decoration: none;
}

body.magLcl .mea .text h3 a {
    color: #444444;
    text-transform: none !important;
}

body.magLcl #rightCol .mea .media {
    margin-right: 0px;
    width: 105px;
    text-align: center;
}

body.magLcl h2 {
    font-size: 2.1em;
    color: white;
    text-transform: uppercase;
    margin-top: 0px;
    text-shadow: 0px 0px 5px #000;
    -moz-text-shadow: 0px 0px 5px #000;
    -webkit-text-shadow: 0px 0px 5px #000;
}

body.magLcl #bg {
    background: url(skin/header_page/fdMag.png) no-repeat center 138px;
}

#blockMagTabs {
    width: 612px;
    _width: 609px;
    margin-top: 10px;
    position: relative;
}

#fixBg {
    background: url(skin/header_page/back_header_slice.png) repeat-x left top;
    height: 100px;
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
}

.blockMagTabsBtn {
    position: absolute;
    cursor: pointer;
}

.blockMagTabsBtn div {
    height: 100%;
}

.blockMagTabsBtn img {
    height: 100%;
}

.blockMagTabsBtn div {
    position: relative;
    -moz-box-shadow: 2px 2px 7px #222;
    -webkit-box-shadow: 2px 2px 7px #222;
    filter: progid:DXImageTransform.Microsoft.Shadow(color = '#222222', Direction = '135', Strength = 4);
    zoom: 1;
}

.blockMagTabsCtn {
    position: absolute;
    top: 0;
    left: 0;
}

.blockMagTabsTop {
    position: relative;
    height: 150px;
}

.blockMagTabsBottom {
    position: relative;
}

#step1 {
    left: 0px;
}

#step2 {
    left: 50%;
}

#step3 {
    right: 0px;
}

.bgBlack {
    background: #000;
}

#playerContainer {
    text-align: center;
    padding: 20px 0 18px 100px;
}

#player {
    width: 750px;
    height: 382px;
    text-align: center;
    margin: 0 auto;
}

hr.sep {
    height: 2px;
    background: transparent url(skin/hr.png) repeat-x left top;
    background-color: transparent !important;
    border: none;
    outline: none;
    margin: 5px 0;
}

.audioDesc {
    margin-bottom: 30px;
    margin-top: 10px;
    color: #0f2a79;
    font-size: 1.090909em;
}

.audioDesc dt {
    font-weight: bold;
    margin-bottom: 3px;
}

.audioDesc dd {
    margin-bottom: 10px;
}

.wcag {
    position: absolute;
    z-index: -1;
    left: -5000px;
}

#blockMagTabs .mea {
    color: #001159;
    font-weight: bold;
    font-size: 12px;
    height: 120px;
}

#blockMagTabs .mea {
    color: #001159;
    font-weight: bold;
    font-size: 12px;
    height: 120px;
}

.btnPink, .btnPink strong, .univDialoguez .btnPink, .univDialoguez .btnPink strong, .univEngage .btnPink, .univEngage .btnPink strong, .univInfo .btnPink, .univInfo .btnPink strong, .univDecouvrir .btnPink, .univDecouvrir .btnPink strong, .univRecrute .btnPink, .univRecrute .btnPink strong {
    background-image: url(skin/btnRosePink.png) !important;
    height: 18px;
    line-height: 18px;
}

.btnPink {
    padding-left: 10px;
}

.btnPink strong {
    padding-right: 10px;
}

.onStep1 #step1 {
    width: 372px;
    height: 120px;
    top: 0px;
    z-index: 10;
}

.onStep1 #step1 img {
    filter: none;
}

.onStep1 #stepCtn1 {
    filter: alpha(opacity = 100);
}

.onStep1 #step2 {
    width: 341px;
    height: 110px;
    top: 5px;
    z-index: 5;
    margin-left: -154px;
}

.onStep1 #step2 img {
    filter: alpha(opacity = 60) !important;
}

.onStep1 #stepCtn2 {
    filter: alpha(opacity = 0);
}

.onStep1 #step3 {
    width: 310px;
    height: 100px;
    top: 10px;
    z-index: 1;
}

.onStep1 #step3 img {
    filter: alpha(opacity = 30) !important;
}

.onStep1 #stepCtn3 {
    filter: alpha(opacity = 0);
}

.onStep2 #step1 {
    width: 341px;
    height: 110px;
    top: 5px;
    z-index: 5;
}

.onStep2 #step1 img {
    filter: alpha(opacity = 60) !important;
}

.onStep2 #stepCtn1 {
    filter: alpha(opacity = 0);
}

.onStep2 #step2 {
    width: 372px;
    height: 120px;
    top: 0px;
    z-index: 10;
    margin-left: -186px;
}

.onStep2 #step2 img {
    filter: none;
}

.onStep2 #stepCtn2 {
    filter: alpha(opacity = 100);
}

.onStep2 #step3 {
    width: 341px;
    height: 110px;
    top: 5px;
    z-index: 5;
}

.onStep2 #step3 img {
    filter: alpha(opacity = 60) !important;
}

.onStep2 #stepCtn3 {
    filter: alpha(opacity = 0);
}

.onStep3 #step1 {
    width: 310px;
    height: 100px;
    top: 10px;
    z-index: 1;
}

.onStep3 #step1 img {
    filter: alpha(opacity = 30) !important;
}

.onStep3 #stepCtn1 {
    filter: alpha(opacity = 0);
}

.onStep3 #step2 {
    width: 341px;
    height: 110px;
    top: 5px;
    z-index: 5;
    margin-left: -194px;
}

.onStep3 #step2 img {
    filter: alpha(opacity = 60) !important;
}

.onStep3 #stepCtn2 {
    filter: alpha(opacity = 0);
}

.onStep3 #step3 {
    width: 372px;
    height: 120px;
    top: 0px;
    z-index: 10;
}

.onStep3 #step3 img {
    filter: none;
}

.onStep3 #stepCtn3 {
    filter: alpha(opacity = 100);
}

/* HomepageMag */
.homeMag #rightCol {
    display: none;
}

.homeMag #mainInside {
    display: none;
}

h1.homeMagTitle {
    /*height: 72px;*/
    margin: 0;
    text-align: center;
    padding: 17px 0 17px 0px;
    text-align: center;
}

#diapoHomeContainer {
    text-align: center;
    padding: 0px;
}

#homeCarousel {
    height: 275px;
}

#homeCarousel .activateJS {
    color: #FFF;
}

#homeCarousel .blockMagTabsTop {
    height: 290px;
    position: relative;
}

#homeCarousel .blockMagTabsBtn {
    position: absolute;
    overflow: hidden;
    cursor: default;
}

#homeCarousel .blockMagTabsBtn div {
    height: 100%;
    text-align: left;
    filter: none;
}

#homeCarousel .blockMagTabsBtn img {
    height: auto;
}

/*#homeCarousel .blockMagTabsBtn div {position:relative;-moz-box-shadow:2px 2px 7px #222;-webkit-box-shadow:2px 2px 7px #222;filter:progid:DXImageTransform.Microsoft.Shadow(color='#222222',  Direction='135', Strength=4);zoom: 1; }*/
#homeCarousel .blockMagTabsBtn div.fondDiapo {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 20;
    background: url(skin/mag/diapoCarouselFond.png) no-repeat right top;
    filter: expression(pngFix(this));
}

#homeCarousel .blockMagTabsBtn div.containerDiapo {
    position: absolute;
    left: 0;
    top: 0;
    height: 243px;
    z-index: 21;
    zoom: 1;
    overflow: hidden;
    border: 1px solid #5b6277;
}

#homeCarousel .blockMagTabsBtn div.bgBlack {
    position: absolute;
    left: 0;
    top: 0;
    height: 243px;
    width: 818px;
    margin-top: 1px;
    z-index: 22;
}

#homeCarousel #diapostep1 {
    right: 0px;
}

#homeCarousel #diapostep2 {
    left: 50%;
}

#homeCarousel #diapostep3 {
    left: 0px;
}

#homeCarousel .blockMagTabsBtn div.containerDiapo div.imageContainer {
    width: 420px;
    height: 243px;
    float: left;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    filter: none !important;
    -ms-filter: none !important;
    z-index: 8;
    position: relative;
    overflow: hidden;
}

#homeCarousel .blockMagTabsBtn div.containerDiapo div.textContainer {
    width: 358px;
    _width: 350px;
    float: right;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    filter: none !important;
    -ms-filter: none !important;
    z-index: 8;
}

#homeCarousel .blockMagTabsBtn div.containerDiapo div.imageContainer a,
#homeCarousel .blockMagTabsBtn div.containerDiapo div.textContainer a {
    cursor: pointer;
    position: relative;
}

#homeCarousel .blockMagTabsBtn div.containerDiapo a.btnPlay {
    position: absolute;
    left: 360px;
    top: 73px;
    height: 99px;
    width: 99px;
    zoom: 1;
    z-index: 9;
}

#homeCarousel .blockMagTabsBtn div.containerDiapo a.btnPlay img {
}

#homeCarousel .blockMagTabsBtn div.containerDiapo div.imageContainer img {
    width: 100%;
    min-height: 243px;
}

#homeCarousel .blockMagTabsBtn div.containerDiapo div.imageContainer div.maskImage {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    filter: none !important;
    -ms-filter: none !important;
}

#homeCarousel .blockMagTabsBtn div.containerDiapo div.hover div.maskImage {
    display: none;
}

#homeCarousel .blockMagTabsBtn div.containerDiapo div.imageContainer div.maskImage img {
    filter: expression(pngFix(this));
}

#homeCarousel .blockMagTabsBtn div.containerDiapo div.textContainer div.contentCarousel {
    height: auto;
    padding: 20px 20px 0 25px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    filter: none !important;
    -ms-filter: none !important;
}

#homeCarousel .blockMagTabsBtn div.containerDiapo div.textContainer h3 {
    font-size: 26px;
    color: #FFF;
    font-weight: normal;
    text-transform: none !important;
    line-height: 30px;
}

#homeCarousel .blockMagTabsBtn div.containerDiapo div.textContainer span.duree {
    display: block;
    font-size: 15px;
    color: #FFF;
    font-weight: normal;
    text-transform: none !important;
    margin-bottom: 10px;
}

#homeCarousel .blockMagTabsBtn div.containerDiapo div.textContainer div.description,
#homeCarousel .blockMagTabsBtn div.containerDiapo div.textContainer div.btnSeeVideo {
    color: #FFF;
    height: auto;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    filter: none !important;
    -ms-filter: none !important;
}

#homeCarousel .blockMagTabsBtn div.containerDiapo div.textContainer div.description {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: bold;
}

#homeCarousel .blockMagTabsBtn div.containerDiapo div.textContainer div.btnSeeVideo {
    margin-left: -5px;
}

#homeCarousel .blockMagTabsBtn div.containerDiapo div.textContainer div.btnSeeVideo a {
    display: inline-block;
    height: 40px;
    text-decoration: none;
    color: #FFF;
    background: url(skin/mag/btnSeeVideo.png) no-repeat left top;
    padding-left: 15px;
}

#homeCarousel .blockMagTabsBtn div.containerDiapo div.textContainer div.btnSeeVideo a span {
    display: block;
    _display: inline-block;
    padding-right: 15px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    background: url(skin/mag/btnSeeVideo.png) no-repeat right top;
}

#homeCarousel .blockMagTabsBtn div.containerDiapo div.textContainer div.btnSeeVideo a {
    background-image: url(skin/mag/btnSeeVideo_ie6.png);
}

#homeCarousel .blockMagTabsBtn div.containerDiapo div.textContainer div.btnSeeVideo a span {
    background-image: url(skin/mag/btnSeeVideo_ie6.png);
}

#diapostep1 {
    right: 0;
}

#diapostep2 {
    left: 50%;
}

#diapostep3 {
    left: 0;
}

#homeCarousel.onStep1 #diapostep1.blockMagTabsBtn div.containerDiapo {
    height: 243px;
    width: 818px;
    border-color: #041239;
}

#homeCarousel.onStep1 #diapostep2.blockMagTabsBtn div.containerDiapo {
    height: 183px;
    width: 58px;
    border-right: 0;
}

#homeCarousel.onStep1 #diapostep3.blockMagTabsBtn div.containerDiapo {
    height: 123px;
    width: 58px;
    border-right: 0;
}

#homeCarousel.onStep2 #diapostep1.blockMagTabsBtn div.containerDiapo {
    height: 183px;
    width: 58px;
    border-left: 0;
}

#homeCarousel.onStep2 #diapostep2.blockMagTabsBtn div.containerDiapo {
    height: 243px;
    width: 818px;
    border-color: #041239;
}

#homeCarousel.onStep2 #diapostep3.blockMagTabsBtn div.containerDiapo {
    height: 183px;
    width: 58px;
    border-right: 0;
}

#homeCarousel.onStep3 #diapostep1.blockMagTabsBtn div.containerDiapo {
    height: 123px;
    width: 58px;
    border-left: 0;
}

#homeCarousel.onStep3 #diapostep2.blockMagTabsBtn div.containerDiapo {
    height: 183px;
    width: 58px;
    border-left: 0;
}

#homeCarousel.onStep3 #diapostep3.blockMagTabsBtn div.containerDiapo {
    height: 243px;
    width: 818px;
    border-color: #041239;
}

.containerHomeMag .activateJS {
    color: #FFF;
}

.containerHomeMag {
    position: relative;
}

.containerHomeMag .headHomeMag {
    height: 30px;
    overflow: visible;
    margin-bottom: 5px;
}

.containerHomeMag .headHomeMag .titleHomeMag,
.containerHomeMag .headHomeMag .focusHomeMag,
.containerHomeMag .headHomeMag .linkVideos {
    float: left;
    overflow: hidden;
    zoom: 1;
}

.containerHomeMag .headHomeMag .focusHomeMag,
.containerHomeMag .headHomeMag .linkVideos {
    margin-top: 6px;
    height: 18px;
    line-height: 18px;
}

.containerHomeMag .headHomeMag .fbHomeMag {
    margin-top: 6px;
    height: 20px;
    float: left;
    zoom: 1;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #82bae1;
}

.containerHomeMag .headHomeMag .fbHomeMagTxt {
    margin-left: 5px;
    padding-left: 20px;
    font-size: 10px;
    line-height: 11px;
    color: #FFF;
    width: 180px;
    margin-top: 6px;
    float: left;
    zoom: 1;
    background: url("skin/mag/fbicons.png") no-repeat scroll left -1px transparent
}

.containerHomeMag .headHomeMag .focusHomeMag li,
.containerHomeMag .headHomeMag .focusHomeMag li a,
.containerHomeMag .headHomeMag .linkVideos a {
    color: #FFF;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
}

.containerHomeMag .headHomeMag .linkVideos a:hover {
    text-decoration: underline;
}

.containerHomeMag .headHomeMag .linkVideos a {
    display: block;
    height: 18px;
    line-height: 16px;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #82bae1;
}

.containerHomeMag .headHomeMag .focusHomeMag li {
    display: block;
    float: left;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #82bae1;
    height: 18px;
    line-height: 18px;
}

.containerHomeMag .headHomeMag .fbHomeMag * {
    color: #FFF !important;
}

.containerHomeMag .bodyHomeMag .carouselActions,
.containerHomeMag .bodyHomeMag .carouselActions .btnActions,
.containerHomeMag .bodyHomeMag .carouselActions .btnActions a {
    height: 18px;
    line-height: 18px;
}

.containerHomeMag .bodyHomeMag .carouselActions .btnActions,
.containerHomeMag .bodyHomeMag .carouselActions .indicateurPageSlider {
    float: right;
    overflow: hidden;
    height: 18px;
}

.containerHomeMag .bodyHomeMag .carouselActions .indicateurPageSlider {
    margin-right: 15px;
}

.containerHomeMag .bodyHomeMag .carouselActions .indicateurPageSlider span {
    display: block;
    float: left;
    height: 18px;
    width: 18px;
    line-height: 18px;
    background: url(skin/mag/indicateur.png) no-repeat center center;
}

.containerHomeMag .bodyHomeMag .carouselActions .indicateurPageSlider span.active {
    background-image: url(skin/mag/indicateurActive.png);
}

.containerHomeMag .bodyHomeMag .carouselActions .btnActions .prevBtn {
    border-right: 1px solid #82bae1;
}

.containerHomeMag .bodyHomeMag .carouselActions .btnActions .prevBtn a,
.containerHomeMag .bodyHomeMag .carouselActions .btnActions .nextBtn a {
    text-decoration: none;
    padding: 5px;
}

.containerHomeMag .bodyHomeMag .carouselActions {
    position: absolute;
    top: 5px;
    right: 0;
}

.containerHomeMag .bodyHomeMag .sliderHome {
    height: auto;
    width: 940px;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
}

.containerHomeMag .bodyHomeMag .sliderHome ul.innerSlider {
    height: auto;
    overflow: hidden;
    position: relative;
}

.containerHomeMag .bodyHomeMag .sliderHome ul.innerSlider li.elementSlide {
    display: block;
    width: 150px;
    float: left;
    min-height: 20px;
    margin-right: 8px;
    overflow: hidden;
}

.containerHomeMag .bodyHomeMag .sliderHome li.elementSlide .imageSlider {
    position: relative;
    height: 85px;
    border: 1px solid #000;
    width: 142px;
    margin-left: 2px;
    text-align: center;
    margin-bottom: 8px;
    overflow: hidden;
}

.containerHomeMag .bodyHomeMag .sliderHome li.elementSlide .imageSlider .maskImage {
    position: absolute;
    left: 0;
    top: 0;
    height: 85px;
    width: 142px;
    overflow: hidden;
}

.containerHomeMag .bodyHomeMag .sliderHome li.elementSlide .hover .maskImage {
    top: -1000px;
    left: -1000px;
}

.containerHomeMag .bodyHomeMag .sliderHome li.elementSlide .imageSlider img {
    height: 85px;
    width: 142px;
    color: #FFF;
}

.containerHomeMag .bodyHomeMag .sliderHome li.elementSlide .textSlider,
.containerHomeMag .bodyHomeMag .sliderHome li.elementSlide .textSlider span {
    color: #FFF;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
}

.containerHomeMag .bodyHomeMag .sliderHome li.elementSlide .textSlider .vues {
    font-size: 11px;
    line-height: 15px;
    font-weight: normal;
    margin-left: 5px;
}

.containerHomeMag .bodyHomeMag .sliderHome li.elementSlide .text span {
    color: #2E478A;
}

.homeMag .containerHomeMag .bodyHomeMag .sliderHome li.elementSlide .text span {
    color: #fff !important;
}

.bgLight .containerHomeMag .bodyHomeMag .sliderHome li.elementSlide .text span {
    color: #2E478A !important;
}

.containerHomeMagBottom .line .block {
    border-right: 1px solid #2994bd;
}

.containerHomeMagBottom .line .lastunit .block {
    border-right: none;
}

.containerHomeMagBottom .line .block .blockInside {
    background: none;
}

.containerHomeMagBottom .line .block .body {
    padding: 0 10px 0 10px;;
}

.containerHomeMagBottom .line .block .body .mea .text h3 {
    font-size: 14px;
    color: #444444;
}

.containerHomeMagBottom .line .block .body .mea .text p {
    font-size: 12px;
    color: #FFFFFF;
}

.containerHomeMagBottom .line .block .body .mea .text p a {
    color: #FFFFFF;
}

.magLcl .blockSlider .activateJS {
    color: #FFF;
}

.magLcl .blockSlider .sliderPage {
    overflow: hidden;
    position: relative;
    width: 294px;
}

.magLcl .blockSlider .sliderPage ul.innerSlider {
    overflow: hidden;
    position: relative;
}

/* Les tailles suivantes sont en relation avec le JS et sont toutes liees entre elles */
/*  65px de hauteur pour elementSlide qui pour Mask et imageSlider passe a 58px (-5px de marge inf�rieure et -2px pour les bordures) */
/* pour le textSlider on passe a 50px pour l'espacement avec la bordure inf�rieure du texte. */
.magLcl .blockSlider .sliderPage ul.innerSlider li.elementSlide {
    display: block;
    height: 65px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    _margin-bottom: -3px;
}

.magLcl .blockSlider .sliderPage ul.innerSlider li.elementSlide .imageSlider {
    width: 98px;
    height: 58px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
    position: relative;
    border: 1px solid #64a0c8;
}

.magLcl .blockSlider .sliderPage ul.innerSlider li.elementSlide .imageSlider .maskImage {
    width: 98px;
    height: 58px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.magLcl .blockSlider .sliderPage ul.innerSlider li.elementSlide .hover .maskImage {
    top: -1000px;
    left: -1000px;
}

.magLcl .blockSlider .sliderPage ul.innerSlider li.elementSlide .imageSlider img {
    height: 58px;
    width: 98px;
    color: #FFF;
}

.magLcl .blockSlider .sliderPage ul.innerSlider li.elementSlide .imageSlider .maskImage img {
    height: auto;
    width: auto;
}

.magLcl .blockSlider .sliderPage ul.innerSlider li.elementSlide .textSlider {
    width: 184px;
    height: 50px;
    border-bottom: 1px solid #4f74a8;
    float: left;
    color: #FFF;
    padding: 4px 0 5px 0;
    overflow: hidden;
    font-size: 11px;
    line-height: 11px;
}

.magLcl .blockSlider .sliderPage ul.innerSlider li.elementSlide .textSlider span {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
    line-height: 11px;
}

.magLcl .blockSlider .sliderPage ul.innerSlider li.elementSlide .textSlider span.vues {
    font-weight: 400;
}

.magLcl .blockSlider .sliderPage ul.innerSlider li.elementSlide .textSlider div.desc {
    color: #FFFFFF;
    font-size: 10px;
    line-height: 11px;
    padding-top: 3px;
}

.univRecrute .blockSlider .sliderPage ul.innerSlider li.elementSlide .textSlider,
.univRecrute .blockSlider .sliderPage ul.innerSlider li.elementSlide .textSlider span,
.univRecrute .blockSlider .sliderPage ul.innerSlider li.elementSlide .textSlider div.desc {
    color: #2E478A !important;
}

.univDialoguez .blockSlider .sliderPage ul.innerSlider li.elementSlide .textSlider,
.univDialoguez .blockSlider .sliderPage ul.innerSlider li.elementSlide .textSlider span,
.univDialoguez .blockSlider .sliderPage ul.innerSlider li.elementSlide .textSlider div.desc {
    color: #FFFFFF !important;
}

.magLcl .blockSlider .nextBtn,
.magLcl .blockSlider .prevBtn {
    width: 100px;
    text-align: center;
    margin-bottom: 7px
}

.magLcl .blockSlider .nextBtn img,
.magLcl .blockSlider .prevBtn img {
    display: inline;
}

.magLcl .blockSlider .nextBtn {
    float: left;
}

.magLcl .blockSlider a.allviews {
    text-align: right;
    color: #FFF;
    font-size: 10px;
    text-decoration: none;
}

.magLcl .blockSlider a.allviews:hover {
    text-decoration: underline;
}

/*block colonne de droite partie RH */

h3.recrute {
    color: #a5d10c !important;
    margin-bottom: 4px;
}

h3.recrute span {
    color: #000000;
    font-size: 13px;
    font-weight: normal;
    text-transform: none;
    padding-left: 5px;
}

.blockRightRH {
    width: 230px;
    margin-bottom: 10px;
    /* Modif pour le JIRA LCLEVOLUTION-207 */
    margin-left: -5px;
}

.blockRightRH h4 {
    font-size: 16px;
    color: #010101;
    text-transform: none;
    font-weight: bold;
    padding-top: 5px;
}

.blockGreenInscription .head {
    background: url(skin/blocks/bkg_top_green_rh.png) no-repeat top left;
    height: 30px;
    padding-top: 0px;
    padding-left: 15px;
    padding-right: 10px;
    padding-bottom: 0px;
    font-size: 1%;
    zoom: 1
}

.blockGreenInscription .body {
    background: url(skin/blocks/bkg_body_green_rh.png) repeat top left;
    padding-bottom: 0px !important;
    padding-left: 15px !important;
    _margin-top: -1px;
}

.blockGreenInscription .body form {
    padding-top: 10px
}

.blockGreenInscription .foot {
    background: url(skin/blocks/bkg_foot_green_rh.png) no-repeat 1px 0px;
    height: 15px;
    padding: 0 10px;
}

.btnG {
    text-align: left;
    overflow: hidden;
    _overflow: visible;
    font-size: 100%;
    text-decoration: none !important;
}

.btnG, .btnG span {
    background: url(skin/univRecrute/btn-recrute.png) left top !important;
    padding-left: 9px;
    background-position: no-repeat;
    vertical-align: middle;
    _overflow: visible;
    cursor: pointer;
    display: inline-block;
    height: 17px;
}

.btnG input, .btnG span {
    cursor: pointer;
    border: none;
    background: url(skin/univRecrute/btn-recrute.png) right top !important;
    background-position: no-repeat;
    vertical-align: middle;
    _overflow: visible;
    padding: 0px 10px 2px 2px;
    height: 17px;
    color: #fff;
    font-weight: bold;
}

.btnG span {
    _height: 18px;
    _padding-bottom: 0px;
    line-height: 15px;
}

.btnG input {
    cursor: pointer;
    border: none;
    background: url(skin/univRecrute/btn-recrute.png) right top;
    background-position: no-repeat;
    vertical-align: middle;
    *overflow: visible;
    padding-right: 10px;
    height: 17px;
    color: #fff;
    font-weight: bold;
    padding-bottom: 3px;
    *padding-top: 1px;
    _padding-top: 0px;
    _height: 18px;
    _padding-bottom: 1px;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .btnG input, .btnG span {
        padding-top: 0px;
    }

    .btnG, .btnG span {
        padding-left: 7px;
    }
}

.blockRightRH .btnB {
    text-align: left;
    overflow: hidden;
    _overflow: visible;
    font-size: 100%;
    text-decoration: none !important;
}

.blockRightRH .btnB, .blockRightRH .btnB span {
    background: url(skin/btn-decouvrir.png) left top !important;
    padding-left: 7px;
    background-position: no-repeat;
    vertical-align: middle;
    _overflow: visible;
    cursor: pointer;
    display: inline-block;
    height: 17px;
}

.blockRightRH .btnB input, .blockRightRH .btnB span {
    width: 85px;
    text-align: center;
    cursor: pointer;
    border: none;
    background: url(skin/btn-decouvrir.png) no-repeat right top !important;
    background-position: no-repeat;
    vertical-align: middle;
    _overflow: visible;
    padding: 1px 15px 2px 5px;
    height: 13px;
    color: #fff;
    font-weight: bold;
    _padding-top: 1px;
    _height: 15px;
}

.blockRightRH .champ label {
    width: 75px;
    display: block;
    float: left;
}

.blockRightRH .champ input {
    border: 1px solid #a5acb2;
    width: 110px
}

.blockRightRH .blueLink {
    color: #09bdef;
    font-size: 11px;
    text-decoration: underline;
    float: right;
    padding-right: 25px;
    *padding-right: 20px;
}

.blockRightRH .btnCont {
}

.blockFace {
    background: url(skin/univRecrute/bkg_face.png) no-repeat top left;
    height: 110px;
}

.blockFace div {
    padding-right: 15px;
    float: right;
}

.blockFace h4 {
    color: #a5d10c;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
    font-family: Myriad Pro;
}

.blockFace .puceV {
    background: url(skin/univRecrute/puceVerte.png) no-repeat center left;
    padding-left: 10px;
    color: #00295d;
    font-size: 11px;
}

.puceV {
    background: url(skin/univRecrute/puceVerte.png) no-repeat center left;
    padding-left: 10px;
    color: #00295d;
    font-size: 11px;
}

.blockGrey {
    width: 220px;
    margin-left: 0px;
}

.blockGrey .head {
    padding-bottom: 3px !important;
}

.blockGrey .head h4 {
    color: #a5d10c;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: arial;
}

.blockGrey .foot {
    background: url(skin/univRecrute/bkg_foot_grey.png) no-repeat bottom left;
    height: 9px;
    padding: 0px;
    *font-size: 1%;
}

.blockGrey .body {
    background: #ebebeb;
    padding-bottom: 0px !important;
}

.blockGrey .body p {
    color: #00295d;
    padding-left: 0px;
    padding-bottom: 10px;
}

.blockGrey .body li.puceV {
    background-position: left 3px;
    padding-bottom: 10px;
}

.blockGrey .body li.puceV a {
    color: #00295d;
    font-size: 11px;
}

.blockGrey .body a {
    color: #00295d;
    font-size: 11px;
}

.blockGreyShadow {
    width: 230px;
    margin-left: -5px;
}

.blockGreyShadow .head {
    padding-bottom: 3px !important;
}

.blockGreyShadow .head h4 {
    color: #a5d10c;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: arial;
}

.blockGreyShadow .foot {
    background: url(skin/blocks/greyShadow_foot.png) no-repeat bottom left;
    height: 9px;
    padding: 0px;
    *font-size: 1%;
}

.blockGreyShadow .body {
    background: url(skin/blocks/greyShadow_BODY.png) bottom left;
}

.blockGreyShadow .body p {
    color: #00295d;
    padding-left: 0px;
    padding-bottom: 10px;
}

.blockGreyShadow .body li.puceV {
    background-position: left 3px;
    padding-bottom: 10px;
}

.blockGreyShadow .body li.puceV span {
    text-transform: uppercase;
    font-size: 11px;
    color: #00295d;
    display: block;
    font-weight: bold;
    text-decoration: none;
}

.blockGreyShadow .body li.puceV a {
    color: #00bbef;
    font-size: 11px;
}

.blockGreyShadow .body a.puceV {
    color: #00bbef;
    font-size: 11px;
    font-weight: bold;
    margin-left: 11px;
}

.blockGreyShadow .body a {
    color: #00295d;
    font-size: 11px;
}

.blockNoCornersRH, .blockRoundRH {
}

.blockNoCornersRH {
    border: 1px solid #A5D10C !important;
}

.blockNoCornersRH .head, .blockRoundRH .head {
    background: url(skin/univRecrute/bkg_title.png) left top repeat;
    height: 29px;
    padding-bottom: 0px;
}

.blockNoCornersRH .head h4, .blockRoundRH .head  h4 {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-transform: none;
    padding-left: 10px;
}

.blockNoCornersRH .body {
    padding: 0px !important;
}

.blockNoCornersRH .search {
    padding: 10px;
    padding-bottom: 20px;
}

.blockNoCornersRH .search h5 {
    color: #000;
    font-weight: normal;
    font-size: 13px;
    text-transform: none;
    margin: 0px;
}

.blockNoCornersRH .search .rech {
    width: 220px;
}

.blockNoCornersRH .advanced_search {
    padding: 10px;
}

.blockNoCornersRH .advanced_search  h5 {
    color: #002c75;
    font-weight: bold;
    font-size: 13px;
    text-transform: none;
    margin: 0px;
}

.blockNoCornersRH .bg_grey {
    background: #e5e5e5;
}

.blockNoCornersRH .advanced_search div label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.blockNoCornersRH .advanced_search div ul li label {
    font-weight: normal;
    padding-top: 3px;
}

.blockNoCornersRH .advanced_search div div {
    margin-bottom: 15px;
}

.blockNoCornersRH .advanced_search div div select {
    width: 200px;
}

.blockRoundRH .results p.title {
    color: #002c75;
    font-size: 13px;
    font-weight: bold;
}

.blockRoundRH .body {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.print .blockRoundRH .body {
    padding-bottom: 0px !important;
}

.blockRoundRH .body .results {
    padding-left: 10px;
    padding-right: 10px;
}

.blockRoundRH .body div.choice {
    vertical-align: middle;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.blockRoundRH .body div.choice label {
    display: inline-block;
    padding-top: 2px;
    *padding-top: 5px;
    vertical-align: top;
    margin-right: 15px;
}

.blockRoundRH .body div.choice input {
    margin-left: 0px;
}

.blockRoundRH .bg_grey {
    background: #e5e5e5;
}

.blockRoundRH .bg_grey span {
    display: block;
    float: left;
    width: 150px;
    font-weight: bold;
}

.blockRoundRH .bg_grey span.toggleHandler2 {
    float: none;
    width: 200px;
    font-weight: normal;
}

.blockRoundRH .bg_grey span.btnG {
    width: auto !important;
}

.blockRoundRH .bg_grey p {
    line-height: 18px;
}

.blockRoundRH .bg_grey {
    border-top: 1px solid #FFFFFF;
}

.blockNoCornersRH .bg_grey {
    border-top: 1px solid #FFFFFF;
}

.blockRoundRH .env_offre label {
    display: block;
    padding-bottom: 4px;
}

.blockRoundRH .env_offre input {
    width: 200px;
    border: 1px solid #a5acb2;
}

.blockRoundRH .env_offre .coche input {
    width: auto;
    float: left;
    margin-right: 5px;
    border: none;
}

.blockRoundRH .env_offre .coche label {
    padding-top: 3px;
}

.blockRoundRH .env_offre textarea {
    width: 440px;
    border: 1px solid #a5acb2;
}

.blockRoundRH .env_offre .send_back input {
    width: auto;
    border: none;
}

.blockRoundRH  .send_back a.prev {
    background: url(skin/arrow-recrute-right.png) no-repeat left 3px;
    padding-left: 11px;
    color: #00295d;
    text-decoration: none;
    float: left;
}

.blockRoundRH  .send_back a.next {
    background: url(skin/arrow-recrute.png) no-repeat scroll right 3px transparent;
    color: #00295D;
    float: right;
    padding-right: 11px;
    text-decoration: none;
    margin-right: 10px;
}

.blockRoundRH  .send_back a:hover {
    text-decoration: underline;
}

.blockRoundRH  .send_back .btnG {
    margin-left: 100px;
}

.blockRoundRH  .send_back .btnG2 {
    margin-left: 65px;
}

.blockRoundRH  .send_back2 .btnG {
    margin-left: 0px;
}

.blockRoundRH  .details span {
    display: block;
    color: #a5d10c;
    font-size: 13px;
    font-weight: bold;
}

.blockRoundRH  .details p {
    margin-top: 10px;
}

.tableResults th {
    background: #ececec;
    padding: 5px;
    color: #00295d;
    font-weight: bold;
}

.tableResults th a img {
    line-height: 10px;
}

.tableResults th a,
.tableResults th span.active {
    display: block;
    float: left;
    margin-left: 2px;
    margin-top: 5px;
}

.tableResults td {
    padding: 5px;
    color: #656565;
    font-size: 11px;
}

.tableResults td a {
    color: #00295d;
    text-decoration: underline;
}

.resultats .pagination a {
    color: #00295d;
}

.resultats .pagination a:hover {
    text-decoration: underline !important;
}

.resultats .pagination li.first a, .resultats .pagination li.last a {
    text-decoration: none;
}

.resultats .pagination li.current a {
    text-decoration: none;
    font-weight: bold;
}

li.impression {
    background: none !important;
    float: right !important;
    margin-top: -22px;
}

li.impression a.print {
    background: url(skin/picto/picto-imprimer.png) no-repeat left -2px;
    padding-left: 20px;
    float: right;
    font-size: 11px !important;
    color: #000;
    font-weight: normal;
    text-decoration: underline !important;
}

.FBConnectButton_Simple, .FBConnectButton_RTL_Simple {
    background-image: url("skin/connect_favicon.png");
    background-repeat: no-repeat;
    outline: medium none;
    background-position: right top !important;
    margin-right: 10px;
    padding-right: 20px;
    float: right;
    color: #00295d;
}

.e_send {
    background: url(skin/picto/picto-mail.png) no-repeat 0px -2px;
    display: block;
    height: 15px;
    width: 17px;
    float: right;
    margin-right: 10px;
}

.univRecrute .errormsg {
    color: #DA0000;
    display: block;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    _position: absolute;

}

.btnPrint {
    font-size: 11px;
    color: #000;
    text-decoration: none;
}

.btnPrint:hover {
    text-decoration: none;
}

.btnPrint span {
    text-decoration: underline;
    vertical-align: bottom;
    padding-left: 5px;
}

.btnPrint img {
}

.w200 {
    width: 200px;
}

.toggle4Select {
    overflow: visible !important;
}

.toggle4Select span.toggleHandler2 {
    background: url(skin/croix.png) no-repeat scroll right top #fff;
    border: 1px solid #ABADB3;
    color: #5E5B5B;
    display: block;
    font-size: 1.2em;
    height: 20px;

    padding-left: 4px;
    padding-top: 2px;
    position: relative;

    width: 200px;

}

.toggle4Select.toggleClosed span.toggleHandler2 {
    background: url(skin/select.png) no-repeat scroll right top #fff;
}

.toggle4Select span.toggleHandler2 a {
    display: block;
    color: #5E5B5B;
    text-decoration: none;
    font-weight: normal;
}

.toggleHandler, .toggleHandler2 {
    cursor: pointer;
    display: inline;
}

.toggle4Select ul {
    background: #FFFFFF;
    border-bottom: 1px solid #ABADB3;
    border-left: 1px solid #ABADB3;
    border-right: 1px solid #ABADB3;
    list-style: none outside none;
    margin: 0 0;
    padding: 0;
    text-align: left;
    width: 204px;
    height: 70px;
    overflow: auto;
}

.toggle4Select li {
    background: #FFFFFF;
    display: block;
    float: left;
    width: 185px;
    /*a enlever si refus� */
    overflow: hidden;
    /* /a enlever si refus� */
}

.toggle4Select input {
    border: 0 none !important;
    float: left;
    margin-left: 4px;
    margin-right: 3px;
    width: auto !important;
}

.toggle4Select label {
    font-weight: normal;
    background: #FFFFFF;
    /*a enlever si refus� */
    display: block;
    float: left;
    width: 155px;
    /* /a enlever si refus� */
}

.toggle4Select  .blockInside {
    border: none;
    width: 200px;
    background: none !important;
    margin-bottom: 0px !important;
    height: 75px !important;
    position: absolute;
    z-index: 1001;
}

.toggle4Select  .blockInside .bl {
    display: none !important;
}

.overV {
    overflow: visible !important;
}

.advanced_search .lastunit, .results .lastunit {
    float: right !important;
}

.results label {
    font-weight: bold;
}

.results li label {
    font-weight: normal;
}

.blockNorelative, .blockNorelative .block {
    position: static !important;
}

.blockOverV, .blockOverVBody {
    overflow-y: visible !important;
}

.posabs {
    position: absolute !important;
    *position: relative !important;
}

.roundedCorner {
    position: relative;
}

.roundedCorner .block .bl {
    bottom: 0px;
    height: 15px;
    width: 15px;
}

.blockTemoignage a.content {
    text-decoration: none;
    color: #00295D;
}

.blockTemoignage .text {
    margin-left: 90px;
}

.blockTemoignage h3 {
    font-size: 16px;
}

/*.blockTemoignage .meaWrap {height: 100px;}*/
.blockRightRH  .head .recrute {
    font-size: 16px;
}

.bfc .region {
    background: url(skin/picto/bg_locator.png) repeat-x;
    height: 34px;
}

.bfc .region li {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 14px;
    color: #737373;
    float: left;
    height: 14px;
    background: url(skin/picto/border_locator.png) no-repeat bottom right
}

.bfc .region li a {
    color: #737373;
    text-decoration: none;
}

.bfc .region li.all {
    display: inline-block;
    float: right;
    padding: 10px;
    background: none;
}

.bfc .criteres {
    border-top: 1px solid #c2bfbf;
    border-bottom: 1px solid #c2bfbf;
}

.bfc .criteres label {
    display: inline-block;
}

.bfc .criteres p {
    float: left;
}

.bfc .criteres span {
    float: right;
    padding-left: 5px
}

.bfc .criteres .unit {
    padding: 10px;
    background: url(skin/picto/bg_crit.png) repeat-y
}

.bfc .criteres .search input {
    width: 267px;
    border: 1px solid #969696;
    height: 18px;
    margin-top: 17px;
    color: #737373;
    font-style: italic;
    padding-left: 3px
}

.bfc .agency {
    height: 20px;
    padding: 10px;
    width: 100%
}

.bfc .coord {
    height: 470px;
    overflow-y: scroll
}

.bfc .coord li {
    height: 30px;
    padding: 10px;
}

.bfc .coord li.grey {
    background: #e9e6e6;
}

.bfc .agency {
    background: url(skin/picto/bg_agency.png) repeat-x;
}

/* @= WEBTV ********************************
 *****************************************/
.webTv2011 {
    background: #0b215a url('skin/web-tv/bg_webTv.jpg') no-repeat center top;
    background-size: 100%
}

#main.webtv {
    background: none;
}

#webtv h1 {
    background: url('skin/web-tv/titre.png') no-repeat;
    height: 34px;
    margin: 35px 0;
}

#webtv h1 span {
    display: none;
}

#webtv #block-une {
    background: url('skin/web-tv/bg-block-une.png') no-repeat left bottom;
    margin-bottom: 35px;
    width: 100%;
    padding-bottom: 25px;
}

#webtv .item-une {
    float: left;
    margin-right: 35px;
    width: 265px;
    position: relative;
}

#webtv #block-une .item-une.last {
    margin-right: 0;
}

#webtv #block-une .title-une {
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
}

#webtv .item-une .play {
    background: url('skin/web-tv/play.png') no-repeat;
    display: block;
    height: 55px;
    width: 55px;
    position: absolute;
    left: 5px;
    bottom: 1px;
}

#webtv .item-une .video-playlist {
    background: url('skin/web-tv/numbers.png') no-repeat 0 0px;
    display: block;
    position: absolute;
    right: 10px;
    top: 125px;
    width: 35px;
    height: 35px;
    z-index:1000;
}

#webtv #block-une .display-infos {
    display: block;
    position: relative;
    height: 150px;
    width:265px;
}

#webtv #block-une .infos-une {
    background: url('skin/web-tv/bg_infos.jpg') no-repeat;
    cursor: pointer;
    height: 120px;
    width: 195px;
    position: absolute;
    padding-left: 20px;
    padding-top: 30px;
    padding-right: 50px;
    top: 0;
}

#webtv #block-une .infos-une .date-infos-une {
    color: #FFF;
    font-size: 12px;
    line-height:12px;
    margin-bottom: 4px;
}

#webtv #block-une .infos-une .title-infos-une {
    color: #FFF;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    margin-bottom: 2px;
}

#webtv #block-une .infos-une .desc-infos-une {
    color: #ababab;
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 10px;
}

.blockRightPlaylist .ratings,
.blockItemUne .infos-une .ratings{
    color: #CCCCCC;
    height: 16px;
    text-align: right;
}

.blockRightPlaylist .ratings,
.blockItemUne .infos-une .ratings,
#webtv .ratings {
    background: url('skin/web-tv/rating-stars.png') no-repeat;
    float: left;
    width: 55%;
    position: absolute;
    bottom: 15px;
    left: 5px;
}

#webtv .blocUneCtn .ratings {
    position:static;
}

#webtv .blocUneCtn .nb-vues-une {
    margin-top:1px;
}

.blockRightPlaylist .vote-0,
.blockItemUne .infos-une .vote-0,
#webtv .vote-0 {
    background-position: left bottom;
}

.blockRightPlaylist .vote-1,
.blockItemUne .infos-une .vote-1,
#webtv .vote-1 {
    background-position: left -65px;
}

.blockRightPlaylist .vote-2,
.blockItemUne .infos-une .vote-2,
#webtv .vote-2 {
    background-position: left -49px;
}

.blockRightPlaylist .vote-3,
.blockItemUne .infos-une .vote-3,
#webtv .vote-3 {
    background-position: left -31px;
}

.blockRightPlaylist .vote-4,
.blockItemUne .infos-une .vote-4,
#webtv .vote-4 {
    background-position: left -15px;
}

.blockRightPlaylist .vote-5,
.blockItemUne .infos-une .vote-5,
#webtv .vote-5 {
    background-position: left top;
}

.blockRightPlaylist #block-une .infos-une .nb-vues-une,
#webtv #block-une .infos-une .nb-vues-une {
    color: #ababab;
    font-size: 11px;
    float: right;
}

#webtv .playlist {
    width: 100%;
}
#webtv .playlist {
    border-bottom:10px solid #01489a;
    position:relative;
}
#webtv .playlist .cornerRounded{
    position: absolute;
    bottom:0; left:0;
    background: url("skin/bottomWebTv.png") no-repeat top left;
    width:50px; height: 57px;
    z-index: 99;
}

#webtv .playlist.last {
    border-bottom:none;
    margin-bottom: 10px;
}

#webtv .playlist .head {
    height: 45px;
    margin: 0;
    padding: 0;
    background-color: #FFF;
}

#webtv .playlist .head .category-title {
    background: url('skin/web-tv/numbers.png') no-repeat 0 0px;
    color: #173494;
    float: left;
    font-size: 18px;
    height: 25px;
    margin: 0 0 0 5px;
    padding-left: 45px;
    padding-top: 10px;
}

#webtv .playlist .head .filters {
    float: right;
    margin-right: 55px;
    margin-top: 17px;
}

#webtv .playlist .head .filters li {
    float: left;
    margin-left: 20px;
}

#webtv .playlist .head .filters li a {
    color: #173494;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    padding: 3px 5px;
}

#webtv .playlist .head .filters li a.active,
#webtv .playlist .head .filters li a:hover {
    color: #FFF;
    background-color: #0A3078;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-weight: bold;
}

#webtv .playlist .body {
    width: 840px;
    padding: 0 50px 20px;
    position: relative;
    background-color: #FFF;
}

#webtv .playlist .body .nav {
    background: url('skin/web-tv/nav-slider.gif') no-repeat;
    display: block;
    height: 85px;
    width: 31px;
    position: absolute;
    top: 25%;
    visibility: visible;
}

#webtv .playlist .body .previous {
    left: 8px;
}

#webtv .playlist .body .next {
    background-position: right top;
    right: 8px;
}

#webtv .playlist .body .slider {
    float: left;
    width: 840px !important;
    overflow: hidden;
    margin-left:2px;
    //position:relative;
}

#webtv .playlist .body .slider ul {
    overflow: hidden;
}

#webtv .playlist .body .slider ul li {
    float: left;
    margin-right: 5px !important;
}

#webtv .playlist-item {
    float: left;
    width: 205px;
}

#webtv .playlist-item .play {
    display: block;
    width: 205px;
    height: 125px;
    position: relative;
}

#webtv .playlist-item .play .arrowVideo {
    background: url('skin/web-tv/play-small.png') no-repeat;
    display: block;
    height: 28px;
    width: 28px;
    position: absolute;
    left: 5px;
    bottom: 5px;
}

#webtv .playlist-item .infos-playlist {
    background: #e5e5e5;
    padding: 10px 5px 30px;
    height: 90px;
    position: relative;
}

#webtv .playlist-item .infos-playlist .date {
    color: #092d70;
    font-size: 11px;
    margin-bottom: 5px;
}

#webtv .playlist-item .infos-playlist .title {
    color: #092d70;
    font-size: 12px;
    font-weight: bold;
}

#webtv .playlist-item .infos-playlist .desc {
    color: #000;
    font-size: 11px;
    margin-bottom: 10px;
}

.blockRightPlaylist .infos-playlist .vues,
#webtv .playlist-item .infos-playlist .vues {
    color: #ababab;
    font-size: 11px;
    position: absolute;
    right: 5px;
    bottom: 15px;
}

#webTvSearch {
    background: #dcdfe2;
    height: 35px;
    width: 100%;
    padding-left: 8px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100000;
}

#webTvSearch #social {
    float: left;
    padding: 3px 0 2px;
    width: 265px;
}

#webTvSearch li {
    float: left;
    border-right: 1px solid #ccced0;
    border-left: 1px solid #f0f2f3;
}

#webTvSearch #social li {
    padding: 0 7px;
}

#webTvSearch #social li.first {
    border-left: none;
}

#webTvSearch #social li.noSep {
    border-left:none;
    padding-left:0;
}
#webTvSearch #social li.last {
    border-right: none;
    padding-top: 0px;
}

#webTvSearch #social li a {
    background: url('skin/web-tv/ico-sidebar.gif') no-repeat;
    display: block;
    margin-top: 2px;
    height: 27px;
    width: 27px;
}

#webTvSearch #social li a.rss {
    background-position: left center;
}   

#webTvSearch #social li a.search {
    background-position: left bottom;
}

#webTvSearch #social li a span {
    display: none;
}

#webTvSearch #ctn-slider-sidebar {
    border-right: 1px solid #f0f2f3;
    float: left;
    padding: 3px 25px 2px;
    position: relative;
    width: 605px;
}

#webTvSearch #ctn-slider-sidebar .nav {
    background: url('skin/web-tv/nav-slider-sidebar.gif') no-repeat;
    display: block;
    height: 23px;
    position: absolute;
    top: 6px;
    width: 13px;
}

#webTvSearch #ctn-slider-sidebar .previous {
    left: 10px;
}

#webTvSearch #ctn-slider-sidebar .next {
    background-position: top right;
    right: 10px;
}

#webTvSearch .slider {
    float: left;
    overflow: hidden;
    width: 605px;
}

#webTvSearch .sidebar-slider li {
    margin: 0 !important;
    padding: 5px 25px 0;
    width: 105px;
}

#webTvSearch .sidebar-slider li.first {
    border-left: none;
}

#webTvSearch .sidebar-slider li.last {
    border-right: none;
}

#webTvSearch .sidebar-slider li div {
    background: url('skin/web-tv/numbers-dock.png') no-repeat 0 0;
    padding-left: 33px;
}

#webTvSearch .sidebar-slider li div.sidebar-playlist-2 {
    background-position: 0 -34px;
}

#webTvSearch .sidebar-slider li div.sidebar-playlist-3 {
    background-position: 0 -68px;
}

#webTvSearch .sidebar-slider li div.sidebar-playlist-4 {
    background-position: 0 -102px;
}

#webTvSearch .sidebar-slider li div.sidebar-playlist-5 {
    background-position: 0 -136px;
}

#webTvSearch .sidebar-slider li div.sidebar-playlist-6 {
    background-position: 0 -170px;
}

#webTvSearch .sidebar-slider li div.sidebar-playlist-7 {
    background-position: 0 -204px;
}

#webTvSearch .sidebar-slider li div.sidebar-playlist-8 {
    background-position: 0 -238px;
}

#webTvSearch .sidebar-slider li div.sidebar-playlist-9 {
    background-position: 0 -272px;
}

#webTvSearch .sidebar-slider li div.sidebar-playlist-10 {
    background-position: 0 -306px;
}

#webTvSearch .sidebar-slider li div.sidebar-playlist-11 {
    background-position: 0 -340px;
}

#webTvSearch .sidebar-slider li div.sidebar-playlist-12 {
    background-position: 0 -374px;
}

#webTvSearch .sidebar-slider li div.sidebar-playlist-13 {
    background-position: 0 -408px;
}

#webTvSearch .sidebar-slider li div.sidebar-playlist-14 {
    background-position: 0 -442px;
}

#webTvSearch .sidebar-slider li div.sidebar-playlist-15 {
    background-position: 0 -476px;
}

#webTvSearch .sidebar-slider li div.sidebar-playlist-16 {
    background-position: 0 -510px;
}

#webTvSearch .sidebar-slider li div.sidebar-playlist-17 {
    background-position: 0 -544px;
}

#webTvSearch .sidebar-slider li div.sidebar-playlist-18 {
    background-position: 0 -578px;
}

#webTvSearch .sidebar-slider li div.sidebar-playlist-19 {
    background-position: 0 -612px;
}

#webTvSearch .sidebar-slider li div.sidebar-playlist-20 {
    background-position: 0 -646px;
}

#webTvSearch .sidebar-slider li div.sidebar-playlist-N {
    background-position: 0 -680px;
}


#webTvSearch .sidebar-slider li div a {
    color: #173494;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

#webTvSearch .sidebar-slider li div:after, #webTvSearch .sidebar-slider li div span.after {
    content: " ";
    overflow: hidden;
    display: inline-block;
    height: 24px;
    width: 0;
    vertical-align: middle;
    margin-left: -10px;
}

*:first-child+html #webTvSearch .sidebar-slider li div a {
	display:block;
	height:26px;
}

#webTvSearch .social .last {
    float: left;
}

#webTvSearch .search-playlist {
    margin-top: 5px;
    width: 115px;
}

#playlists {
    display: none
}

#webtv .item-une .video-playlist-1, #webtv .playlist-1 .head .category-title {
    background-position: 0 -0px;
}

#webtv .item-une .video-playlist-2, #webtv .playlist-2 .head .category-title {
    background-position: 0 -40px;
}

#webtv .item-une .video-playlist-3, #webtv .playlist-3 .head .category-title {
    background-position: 0 -80px;
}

#webtv .item-une .video-playlist-4, #webtv .playlist-4 .head .category-title {
    background-position: 0 -120px;
}

#webtv .item-une .video-playlist-5, #webtv .playlist-5 .head .category-title {
    background-position: 0 -160px;
}

#webtv .item-une .video-playlist-6, #webtv .playlist-6 .head .category-title {
    background-position: 0 -200px;
}

#webtv .item-une .video-playlist-7, #webtv .playlist-7 .head .category-title{
    background-position: 0 -240px;
}

#webtv .item-une .video-playlist-8, #webtv .playlist-8 .head .category-title {
    background-position: 0 -280px;
}

#webtv .item-une .video-playlist-9, #webtv .playlist-9 .head .category-title {
    background-position: 0 -320px;
}

#webtv .item-une .video-playlist-10, #webtv .playlist-10 .head .category-title {
    background-position: 0 -360px;
}

#webtv .item-une .video-playlist-11, #webtv .playlist-11 .head .category-title {
    background-position: 0 -400px;
}

#webtv .item-une .video-playlist-12, #webtv .playlist-12 .head .category-title {
    background-position: 0 -440px;
}

#webtv .item-une .video-playlist-13, #webtv .playlist-13 .head .category-title {
    background-position: 0 -480px;
}

#webtv .item-une .video-playlist-14, #webtv .playlist-14 .head .category-title {
    background-position: 0 -520px;
}

#webtv .item-une .video-playlist-15, #webtv .playlist-15 .head .category-title {
    background-position: 0 -560px;
}

#webtv .item-une .video-playlist-16, #webtv .playlist-16 .head .category-title {
    background-position: 0 -600px;
}

#webtv .item-une .video-playlist-17, #webtv .playlist-17 .head .category-title {
    background-position: 0 -640px;
}

#webtv .item-une .video-playlist-18, #webtv .playlist-18 .head .category-title {
    background-position: 0 -680px;
}

#webtv .item-une .video-playlist-19, #webtv .playlist-19 .head .category-title {
    background-position: 0 -720px;
}

#webtv .item-une .video-playlist-20, #webtv .playlist-20 .head .category-title {
    background-position: 0 -760px;
}

#webtv .item-une .video-playlist-N, #webtv .playlist-N .head .category-title {
    background-position: 0 -800px;
}

#noSearchResults {
    position: absolute;
    border: 1px solid red;
    background: red;
    line-height: 20px;
    text-align: center;
    margin-left: 42px;
    margin-top: -23px;
    color: white;
    text-align: center;
    font-weight: bold;
    display: none;
    padding:0 5px;


}

#loader {
    text-align: center;
    vertical-align: middle;
    background: black;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

#loader img {
    position: relative;
    top: 50%;
}

.iframeBlkVideo {
    position: relative;
    overflow: hidden;
    background: #0A3078;
}

.blocUneIfr .close,
.iframeBlkVideo .close {
    background: url("skin/home/player.png") no-repeat;
    background-position: -7px -742px;
    height: 36px;
    width: 36px;
    text-indent: 10000px;
    display: block;
    position: absolute;
    top: 5px;
    right: 10px;
}

/*.iframeBlkVideo {
	display: none;
}*/

#ifrLoader {
    min-height: 100px;
    background: url(/img/ajax-loader.gif) no-repeat center center;
}

/*
 * Contrat de reconnaissance (tous les éléments doivent être compris dans un ID #cdr)
 */

#cdr {
    background: none repeat scroll 0 0 #FFFFFF;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 0;
}

#cdr #leftContrat {
    width: 218px;
    float: left;
    margin: 0;
    overflow: hidden;
    background: url(../img/cdr/bg_left_contrat.png) no-repeat left top;
    position: relative;
    z-index: 99;
}

#cdr #leftContrat img {
    display: block;
    margin: 0;
}

#cdr #leftContrat p {
    width: 189px;
    display: block;
    line-height: 18px;
    margin: 5px 0 5px 0;
    font: 17px Arial, Helvetica, sans-serif;
    color: #2b479e;
    text-align: center;
}

#cdr #leftContrat p span {
    font-family: LCL;
}

#cdr a.lienLeftCol {
    width: 151px;
    height: 44px;
    margin: 0 0 0 16px;
    padding: 3px 9px 0 0;
    font: 14px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    display: block;
    background: url(../img/cdr/bg_lien_a.png) no-repeat left top;
}

#cdr #sagaPub {
    width: 170px;
    margin: 5px 0 20px 10px;
    padding: 10px 0 0 0;
    list-style: none;
    background: url(../img/cdr/bg_top_ul.png) no-repeat left top;
}

#cdr #sagaPub .textVoir {
    width: 170px;
    text-align: center;
    font: 14px Arial, Helvetica, sans-serif;
    color: #2b479e;
    display: block;
}

#cdr #sagaPub .textVoir span {
    font-family: LCL;
    font-size: 11px;
}

#cdr #sagaPub ul {
    margin: 0 0 0 25px;
    padding: 0;
    list-style: none;
}

#cdr #sagaPub ul li {
    margin: 14px 0 0 0;
    display: block;
    width: 143px;
    height: 79px;
}

#cdr #rightContrat {
    width: 810px;
    float: left;
    margin: 30px 0 0 -88px;
    padding-bottom: 20px;
    overflow: hidden;
    z-index: 1;
    position: relative;
    z-index: 1;
}

#cdr .content_top_contrat {
    width: 690px;
    padding-left: 111px;
    overflow: hidden;
    background: url(../img/cdr/bg_content_right.png) no-repeat left bottom;
}

#cdr .content_top_contrat h2 {
    color: #03408a;
    font-size: 24px;
    font-family: LCL;
}

#cdr .content_top_contrat .textTop {
    color: #464646;
    font: 17px Arial, Helvetica, sans-serif;
}

#cdr .content_top_contrat ul {
    width: 648px;
    height: 122px;
    margin: 35px 0 0 0;
}

#cdr .content_top_contrat ul.active1 {
    background: url(../img/cdr/bg_active1.jpg) no-repeat 0 0;
}

#cdr .content_top_contrat ul.active2 {
    background: url(../img/cdr/bg_active1.jpg) no-repeat 0 -122px;
}

#cdr .content_top_contrat ul.active3 {
    background: url(../img/cdr/bg_active1.jpg) no-repeat 0 -244px;
}

#cdr .content_top_contrat ul.active4 {
    background: url(../img/cdr/bg_active1.jpg) no-repeat 0 -366px;
}

#cdr .content_top_contrat ul li {
    height: 122px;
    float: left;
}

#cdr .content_top_contrat ul li a {
    width: 162px;
    height: 122px;
    display: block;
    text-decoration: none;
    font-size: 12px;
}

#cdr .content_top_contrat ul li a h2 {
    height: 38px;
    margin: 0;
    padding: 8px 0 0 10px;
    display: block;
    font-size: 11px;
    font-family: LCL;
    color: #FFFFFF;
    text-transform: uppercase;
}

#cdr .content_top_contrat ul li a h2.uneLigne {
    padding: 16px 0 0 10px;
    height: 28px;
}

#cdr .content_top_contrat ul li a h2.uneLigne1 {
    padding: 16px 0 0 27px;
    height: 28px;
}

#cdr .content_top_contrat ul li a img {
    margin-left: 40px;
}

#cdr .blocInfoContrat {
    width: 626px;
    margin: 0 0 -2px -1px;
    padding: 20px 11px 0 11px;
    overflow: hidden;
    background: url(../img/cdr/bg_repeat_info.jpg) repeat-y left top;
}

#cdr .lesBlocsContrat {
    width: 626px;
    margin: 20px 0 0 0;
    padding: 0 0 25px 0;
    overflow: hidden;
    background: url(../img/cdr/bg_bas_ionfo.jpg) no-repeat left bottom;
}

#cdr .lesBlocsContratLast {
    background: none;
    padding-bottom: 0;
}

#cdr .lesBlocsContrat .images {
    width: 130px;
    margin: 0;
    padding: 10px 0 0 0;
    text-align: center;
    float: left;
}

#cdr .lesBlocsContrat .description {
    width: 472px;
    margin: 0;
    padding: 0;
    float: left;
}

#cdr .lesBlocsContrat .description h3 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    text-transform: uppercase;
}

#cdr .lesBlocsContrat .description h3 .sup {
    font-size: 11px;
    vertical-align: super;
}

#cdr .lesBlocsContrat .description h3.efficacite {
    color: #7d508b;
}

#cdr .lesBlocsContrat .description h3.personnalisation {
    color: #e97e56;
}

#cdr .lesBlocsContrat .description h3.reciprocite {
    color: #a1005c;
}

#cdr .lesBlocsContrat .description h3.engagement {
    color: #2789a0;
}

#cdr .lesBlocsContrat .description p {
    margin: 5px 0 0 0;
    padding: 0;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
}

#cdr .lesBlocsContrat .description .sup {
    vertical-align: super;
    font-size: 9px;
}

#cdr .lesBlocsContrat .description a.btnLcl {
    margin: 17px 14px 0 0;
    padding: 0 0 0 18px;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    display: block;
    float: left;
    background: url(../img/cdr/btn_lcl_elcl.jpg) no-repeat left top;
}

#cdr .lesBlocsContrat .description a.btnLcl span {
    padding: 0 18px 0 0;
    height: 17px;
    line-height: 17px;
    display: block;
    background: url(../img/cdr/btn_lcl_elcl.jpg) no-repeat right top;
}

#cdr .lesBlocsContrat .description a.btnOrange {
    margin: 17px 14px 0 0;
    padding: 0 0 0 18px;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    display: block;
    float: left;
    background: url(../img/cdr/btn_orange.jpg) no-repeat left top;
}

#cdr .lesBlocsContrat .description a.btnOrange span {
    padding: 0 18px 0 0;
    height: 17px;
    line-height: 17px;
    display: block;
    background: url(../img/cdr/btn_orange.jpg) no-repeat right top;
}

#cdr .lesBlocsContrat .description a.btnRose {
    margin: 17px 14px 0 0;
    padding: 0 0 0 18px;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    display: block;
    float: left;
    background: url(../img/cdr/btn_rose.jpg) no-repeat left top;
}

#cdr .lesBlocsContrat .description a.btnRose span {
    padding: 0 18px 0 0;
    height: 17px;
    line-height: 17px;
    display: block;
    background: url(../img/cdr/btn_rose.jpg) no-repeat right top;
}

#cdr .lesBlocsContrat .description a.btnVert {
    margin: 17px 14px 0 0;
    padding: 0 0 0 18px;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    display: block;
    float: left;
    background: url(../img/cdr/btn_vert.jpg) no-repeat left top;
}

#cdr .lesBlocsContrat .description a.btnVert span {
    padding: 0 18px 0 0;
    height: 17px;
    line-height: 17px;
    display: block;
    background: url(../img/cdr/btn_vert.jpg) no-repeat right top;
}

#cdr .content_top_contrat .blocCompte {
    margin: 45px 0 0 125px;
    width: 190px;
    float: left;
}

#cdr .content_top_contrat .blocConseiller {
    margin: 45px 0 0 35px;
}

#cdr .content_top_contrat .blocCompte  p {
    width: 189px;
    display: block;
    line-height: 18px;
    margin: 5px 0 5px 0;
    font: 17px Arial, Helvetica, sans-serif;
    color: #2b479e;
    text-align: center;
}

#cdr .content_top_contrat .blocCompte  p span {
    font-family: LCL;
}

#cdr .content_top_contrat .blocCompte a.lienLeftCol {
    width: 151px;
    height: 44px;
    margin: 0 0 0 16px;
    padding: 3px 9px 0 0;
    font: 14px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    display: block;
    background: url(../img/cdr/bg_lien_a.png) no-repeat left top;
}

#cdr .content_bas_contrat {
    width: 590px;
    overflow: hidden;
    margin: 20px 0 0 20px;
    padding-left: 100px;
    color: #777777;
    font-size: 12px;
}

#cdr .content_bas_contrat a.btn_retour {
    float: left;
    display: block;
    margin: 20px 10px 0 0;
    padding-left: 9px;
    color: #04bbef;
    background: url(../img/cdr/puce_retour.jpg) no-repeat left 5px;
}

#cdr .content_bas_contrat a.btn_haut {
    background: url(../img/cdr/puce_haut.jpg) no-repeat left 5px;
    padding-left: 12px;
}

.loading {
    background: url(/img/ajax-loader.gif) no-repeat center center #0A3078;
    min-height: 50px;
}

#webtv .loading {
    background-image: url(/img/generator.gif);
    min-height: 60px;
}

#block-une .loading {
    background-color: transparent;
}

.blocUneIfr {
    background: #0A3078;
    position: relative;
    z-index: 2;
}

.blocUneIfr a.close {
    display: none;
}

.blocUneIfr iframe {
    width: 940px;
}

#webtv #block-une.opened {
    padding-bottom: 65px;
}

.blocUneCtn {
    overflow: hidden;
    zoom: 1;
    position: relative;
    z-index: 3;
    width: 865px;
    margin: 0;
    left: 38px;
}


/* LAYER VID */
#layerVid{
    position: absolute;
    z-index: 10000;
    left:50%;
    top:50% !important;
    width: 940px;
    height: 780px;
    overflow:  auto;
    margin-top:-390px;
    margin-left: -474px;
    overflow:hidden;
}
#layerVid iframe{height: 780px;width: 995px;overflow:hidden;}
#layerVid.noCarouselLayerVid, #layerVid.noCarouselLayerVid iframe{height: 572px;}
#layerVid.extendedLayerVid{
    width: 995px;
    margin-left: -530px;
}
#layerVid.extendedLayerVid iframe{width: 995px;}
#layerFogVid{
    position: fixed;
    height: 100%;
    z-index: 9000;
    left:0; top:0;
    width:100%;
    background:#000;
    opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    filter: alpha(opacity=80);
}

.filters li a{position:relative;}
.filters li a span {display:none;}
.filters li a.active span, .filters li a:hover span {
    position:absolute;
    height:5px;
    width:5px;
    background-image:url(skin/coinsArrondis.png);
    display:block;
    overflow:hidden;
}



.filters li .tl { top:0;left:0;background-position:left top;}
.filters li .tr { top:0;right:0;background-position:right top;}
.filters li .bl { bottom:0;left:0;background-position:left bottom;}
.filters li .br { bottom:0;right:0;background-position:right bottom;}


.pagerContainer{
    margin: 35px 0;
}
.pagerContainer a{
    color: #FFF;
    margin-right: 20px;
    text-decoration: underline;
    font-size: 12px;
    background: url("skin/picto/pictoArrow.png") no-repeat;
}
.pagerContainer .back{
    background-position: 0px 3px;
    padding-left: 15px;
}
.pagerContainer .up{
    background-position: 0px -15px;
    padding-left: 18px;
}