@charset "UTF-8";
/**
 * HTML5 ✰ Boilerplate
 *
 * style.css contains a reset, font normalization and some base styles.
 *
 * Credit is left where credit is due.
 * Much inspiration was taken from these projects:
 * - yui.yahooapis.com/2.8.1/build/base/base.css
 * - camendesign.com/design/
 * - praegnanz.de/weblog/htmlcssjs-kickstart
 */
/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/* Normalize monospace sizing:
   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}

/**
 * Minimal base styles.
 */
/* 1) Always force a scrollbar in non-IE 
   2) Remove iOS text size adjust without disabling user zoom: www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
html {
  overflow: auto;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover,
a:active {
  outline: none;
}

ul,
ol {
  margin-left: 2em;
}

ol {
  list-style-type: decimal;
}

/* Remove margins for navigation lists */
nav ul,
nav li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}

small {
  font-size: 85%;
}

b,
strong,
th {
  font-weight: bold;
}

td {
  vertical-align: top;
}

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 15px;
}

.ie6 legend,
.ie7 legend {
  margin-left: -7px;
}

/* 1) Make inputs and buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/
   2) WebKit browsers add a 2px margin outside the chrome of form elements. 
      Firefox adds a 1px margin above and below textareas 
   3) Set font-size to match 's, and font-family to sans-serif 
   4) Align to baseline */
button,
input,
select,
textarea {
  width: auto;
  overflow: visible;
  margin: 0;
  font-size: 1em;
  vertical-align: baseline;
}

/* 1) Remove default scrollbar in IE: www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/
   2) Align to text-top */
textarea {
  overflow: auto;
  vertical-align: text-top;
}

/* Hand cursor on clickable input elements */
label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
  cursor: pointer;
}

/* Remove extra padding and inner border in Firefox */
input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* Colors for form validity */
input:invalid,
textarea:invalid {
  border-radius: 1px;
  box-shadow: 0px 0px 5px red;
}

.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
  background-color: #f0dddd;
}

/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}

/**
 * You might tweak these..
 */
/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself _NO__DOTCOMMA__AFTER__*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}

/**
 * Non-semantic helper classes: please define your styles before this section.
 */
/* For image replacement */
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.ir br {
  display: none;
}

/* Hide for both screenreaders and browsers:
 * css-discuss.incutio.com/wiki/Screenreader_Visibility
 */
.hidden {
  display: none;
  visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements in most situations.
   nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .layout-hp-2014 .row--bicolor .col--centered:before,
.clearfix:after,
.layout-hp-2014 .row--bicolor .col--centered:after {
  content: "";
  display: table;
}

.clearfix:after, .layout-hp-2014 .row--bicolor .col--centered:after {
  clear: both;
}

.clearfix, .layout-hp-2014 .row--bicolor .col--centered {
  zoom: 1;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

html,
body {
  overflow-x: hidden;
}

/* ==============================
    Cookies
   ============================== */
#cookies-container {
  display: none;
  background: #18212A;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
#cookies-container.cookies-container--active {
  display: block;
}

#cookies {
  background: #303840;
  max-width: 980px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
#cookies a,
#cookies p,
#cookies span {
  color: #FFF;
}
#cookies p {
  display: none;
  font-size: 11px;
  color: #FFF;
}
@media screen and (min-width: 768px) {
  #cookies p {
    display: block;
  }
}
#cookies p:first-child {
  display: block;
}
#cookies p + p {
  margin-top: 10px;
}
#cookies a {
  text-decoration: underline;
}

.cookies_content {
  padding: 10px 20px;
}
@media screen and (min-width: 768px) {
  .cookies_content {
    padding-right: 40px;
  }
}
.cookies_content .hidden {
  display: none;
}
@media screen and (min-width: 768px) {
  .cookies_content .hidden {
    display: inline;
    visibility: visible;
  }
}

.cookies_ok {
  background: url("images/check.png") 0 0 no-repeat;
  width: 25px;
  height: 25px;
  cursor: pointer;
  margin: 0 0 10px 20px;
}
@media screen and (min-width: 768px) {
  .cookies_ok {
    margin: 0;
    position: absolute;
    bottom: 15px;
    right: 10px;
  }
}

/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  /* Black prints faster: sanbeiji.com/archives/953 */
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }

  /* Don't show links for images, or javascript/internal links */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }
}
/*
 * grille 960 modifiée par tequilarapido.
 * (plus de marge sur les 2 côtés colonnes et utilisation first-child )
 * ajout media queries pour responsive
 */
/* clearfix sur le conteneur */
.container_12:before,
.container_12:after,
.container-teq:before,
.container-teq:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.container_12:after,
.container-teq:after {
  clear: both;
}

.container_12,
.container-teq {
  zoom: 1;
}

.container-teq .col + .col {
  margin-top: 20px;
}

@media screen and (min-width: 744px) {
  /* float des éléments de la grille */
  .grid_1,
  .grid_2,
  .grid_3,
  .grid_4,
  .grid_5,
  .grid_6,
  .grid_7,
  .grid_8,
  .grid_9,
  .grid_10,
  .grid_11,
  .grid_12,
  .container-teq .col {
    display: inline;
    float: left;
    margin-left: 20px;
    margin-right: 0;
  }

  .grid_1:first-child,
  .grid_2:first-child,
  .grid_3:first-child,
  .grid_4:first-child,
  .grid_5:first-child,
  .grid_6:first-child,
  .grid_7:first-child,
  .grid_8:first-child,
  .grid_9:first-child,
  .grid_10:first-child,
  .grid_11:first-child,
  .grid_12:first-child,
  .container-teq .col:first-child {
    margin-left: 0;
  }

  .alpha, .first {
    margin-left: 0;
  }

  .first {
    clear: both;
    margin-left: 0;
  }

  /* taille du conteneur de grille */
  .container_12,
  .container-teq {
    margin-left: auto;
    margin-right: auto;
    width: 724px;
  }

  .container-teq {
    width: 744px;
    margin-left: -10px;
  }

  /* taille des éléments de la grille */
  .container_12 .grid_1 {
    width: 42px;
  }

  .container_12 .grid_2 {
    width: 104px;
  }

  .container_12 .grid_3 {
    width: 166px;
  }

  .container_12 .grid_4 {
    width: 228px;
  }

  .container_12 .grid_5 {
    width: 290px;
  }

  .container_12 .grid_6 {
    width: 352px;
  }

  .container_12 .grid_7 {
    width: 414px;
  }

  .container_12 .grid_8 {
    width: 476px;
  }

  .container_12 .grid_9 {
    width: 538px;
  }

  .container_12 .grid_10 {
    width: 600px;
  }

  .container_12 .grid_11 {
    width: 662px;
  }

  .container_12 .grid_12 {
    width: 724px;
  }

  /* Nouvelle grille */
  .container-teq .col + .col {
    margin-top: 0;
  }

  .container-2col .col-main {
    width: 444px;
  }

  .container-2col .col-secondary {
    width: 280px;
  }
}
@media screen and (min-width: 980px) {
  body {
    min-width: 960px;
  }

  /* taille du conteneur de grille */
  .container_12,
  .container-teq {
    margin-left: auto;
    margin-right: auto;
    width: 940px;
  }

  .container-teq {
    width: 980px;
    margin-left: auto;
  }

  /* taille des éléments de la grille */
  .container_12 .grid_1 {
    width: 60px;
  }

  .container_12 .grid_2 {
    width: 140px;
  }

  .container_12 .grid_3 {
    width: 220px;
  }

  .container_12 .grid_4 {
    width: 300px;
  }

  .container_12 .grid_5 {
    width: 380px;
  }

  .container_12 .grid_6 {
    width: 460px;
  }

  .container_12 .grid_7 {
    width: 540px;
  }

  .container_12 .grid_8 {
    width: 620px;
  }

  .container_12 .grid_9 {
    width: 700px;
  }

  .container_12 .grid_10 {
    width: 780px;
  }

  .container_12 .grid_11 {
    width: 860px;
  }

  .container_12 .grid_12 {
    width: 940px;
  }

  /* Nouvelle grille */
  .container-2col .col-main {
    width: 590px;
  }

  .container-2col .col-secondary {
    width: 370px;
  }
}
input:focus,
textarea:focus {
  outline: none;
}

/* Mozilla based browsers */
::-moz-selection {
  background-color: #7C136B;
  color: #fff;
}

/* Works in Safari */
::-moz-selection {
  background-color: #7C136B;
  color: #fff;
}
::selection {
  background-color: #7C136B;
  color: #fff;
}

body {
  font-family: arial, sans-serif;
  font-size: 100%;
  color: #333333;
}

#container {
  font-size: 12px;
}

ul, ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* **********************
   FONTS
*********************** */
@font-face {
  font-family: 'NimbusSansNovusCondRegular';
  src: url("fonts/nimbussannovcon-reg-webfont.eot");
  src: url("fonts/nimbussannovcon-reg-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/nimbussannovcon-reg-webfont.woff") format("woff"), url("fonts/nimbussannovcon-reg-webfont.ttf") format("truetype"), url("fonts/nimbussannovcon-reg-webfont.svg#NimbusSansNovusCondRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NimbusSansNovusCondLight';
  src: url("fonts/nimbussannovcon-lig-webfont.eot");
  src: url("fonts/nimbussannovcon-lig-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/nimbussannovcon-lig-webfont.woff") format("woff"), url("fonts/nimbussannovcon-lig-webfont.ttf") format("truetype"), url("fonts/nimbussannovcon-lig-webfont.svg#NimbusSansNovusCondLight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NimbusSansNovusCondSemiBold';
  src: url("fonts/nimbussannovcon-sembol-webfont.eot");
  src: url("fonts/nimbussannovcon-sembol-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/nimbussannovcon-sembol-webfont.woff") format("woff"), url("fonts/nimbussannovcon-sembol-webfont.ttf") format("truetype"), url("fonts/nimbussannovcon-sembol-webfont.svg#NimbusSansNovusCondSemiBold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NimbusSansNovusCondBold';
  src: url("fonts/nimbussannovcon-bol-webfont.eot");
  src: url("fonts/nimbussannovcon-bol-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/nimbussannovcon-bol-webfont.woff") format("woff"), url("fonts/nimbussannovcon-bol-webfont.ttf") format("truetype"), url("fonts/nimbussannovcon-bol-webfont.svg#NimbusSansNovusCondBold") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* **********************
   Recurrents : liens
*********************** */
a {
  color: #7C136B;
  text-decoration: none;
}

a:hover {
  color: #7C136B;
  text-decoration: underline;
}

a.block-link {
  display: block;
  color: #333333;
  cursor: pointer;
}

a.block-link:hover {
  color: #333333;
  text-decoration: none;
}

a .link {
  cursor: pointer;
}

/* ***********************
    Recurrents : trucs-js
*********************** */
/* ***********************
    Recurrents : tableaux
*********************** */
table.list {
  width: 100%;
}

.list caption {
  font-weight: bold;
  font-size: 15px;
  text-align: left;
  padding: 5px 0 3px;
  border-bottom: 1px solid #D6D6D6;
  font-family: arial,sans-serif;
  text-transform: uppercase;
}

.list td,
.list th {
  text-align: left;
  padding: 0;
  margin: 0;
}

.list tfoot td {
  color: #999999;
  font-size: 11px;
  padding: 10px 0;
}

table.list .list-block {
  float: none;
}

/* **********************
   Recurrents : picto
*********************** */
.picto,
.bx-prev,
.bx-next {
  display: inline-block;
  overflow: hidden;
  width: 17px;
  height: 0;
  padding: 17px 0 0;
  font-size: 0;
  letter-spacing: -1000em;
}

.ie7 .picto {
  display: inline;
}

.picto-send {
  background: url("images/sprites.png") no-repeat -450px -152px;
}

.picto-print {
  background: url("images/sprites.png") no-repeat -425px -150px;
}

.picto-file {
  background: url("images/sprites.png") no-repeat -925px -75px;
}

a:hover .picto-file {
  background: url("images/sprites.png") no-repeat -950px -75px;
}

.picto-file2 {
  background: url("images/sprites.png") no-repeat -525px -200px;
}

.picto-url {
  background: url("images/sprites.png") no-repeat -500px -175px;
}

a:hover .picto-url {
  background: url("images/sprites.png") no-repeat -500px -150px;
}

.picto-play {
  background: url("images/sprites.png") no-repeat -400px -175px;
}

a:hover .picto-play {
  background: url("images/sprites.png") no-repeat -400px -150px;
}

.picto-text {
  background: url("images/sprites.png") no-repeat -402px -199px;
  margin-left: 2px;
}

a:hover .picto-text {
  background: url("images/sprites.png") no-repeat -402px -224px;
  margin-left: 2px;
}

.picto-play-old {
  background: url("images/sprites.png") no-repeat -473px -176px;
}

a:hover .picto-old {
  background: url("images/sprites.png") no-repeat -473px -151px;
}

.picto-pack {
  background: url("images/sprites.png") no-repeat -550px -200px;
}

.picto-media {
  background: url("images/sprites.png") no-repeat -575px -200px;
}

.picto-cast {
  background: url("images/sprites.png") no-repeat -600px -175px;
}

a:hover .picto-cast {
  background: url("images/sprites.png") no-repeat -600px -150px;
}

.picto-check {
  background: url("images/sprites.png") no-repeat -650px -175px;
  padding-top: 19px;
  width: 19px;
}

tr:hover .picto-check,
a:hover .picto-check {
  background: url("images/sprites.png") no-repeat -650px -150px;
  width: 19px;
}

.picto-next {
  background: url("images/sprites.png") no-repeat -900px -92px;
}

.picto-alerts {
  background: url("images/sprites.png") no-repeat -725px -175px;
}

.picto-bigplay {
  background: url("images/sprites.png") no-repeat -925px -200px;
  padding-top: 34px;
  width: 34px;
}

a:hover .picto-bigplay {
  background: url("images/sprites.png") no-repeat -925px -150px;
}

.picto-pad-2 {
  background: url("images/sprites.png") no-repeat -289px -336px;
  width: 33px;
  padding-top: 23px;
}

.picto-music-2 {
  background: url("images/sprites.png") no-repeat -325px -336px;
  width: 14px;
  padding-top: 23px;
}

.picto-telecom-2 {
  background: url("images/sprites.png") no-repeat -349px -336px;
  width: 17px;
  padding-top: 32px;
}

.picto-cine-2 {
  background: url("images/sprites.png") no-repeat -375px -335px;
  width: 25px;
  padding-top: 23px;
}

.current .picto-pad-2,
a:hover .picto-pad-2 {
  background: url("images/sprites.png") no-repeat -289px -301px;
}

.current .picto-music-2,
a:hover .picto-music-2 {
  background: url("images/sprites.png") no-repeat -325px -301px;
}

.current .picto-telecom-2,
a:hover .picto-telecom-2 {
  background: url("images/sprites.png") no-repeat -349px -301px;
}

.current .picto-cine-2,
a:hover .picto-cine-2 {
  background: url("images/sprites.png") no-repeat -375px -300px;
}

/* éléments commun sliders */
.js .bxslider {
  visibility: hidden;
  position: absolute;
}

.responsive-mobile .bxslider,
.bx-wrapper .bxslider {
  visibility: visible;
  position: relative;
}

.bx-prev.disabled,
.bx-next.disabled {
  cursor: default;
}

.opacity .bx-prev.disabled,
.opacity .bx-next.disabled {
  opacity: 0.5;
}

.oldie .bx-prev.disabled,
.oldie .bx-next.disabled {
  -ms-filter: "alpha(opacity=50)";
  /* IE 8 */
  filter: alpha(opacity=50);
  /* IE < 8 */
}

.bx-hidden .bx-controls {
  display: none;
}

/* **********************
   Recurrents : lien de téléchargements et trucs avec puces
*********************** */
.download,
.with-picto {
  display: block;
  position: relative;
  zoom: 1;
  padding: 0 0 0 25px;
}

.download .picto,
.with-picto .picto {
  position: absolute;
  top: 0;
  left: 0;
}

/* **********************
   Recurrents : boîtes bleues
*********************** */
.blue-box {
  background: #f5fcff;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(top, #f5fcff 0%, #dae3e6 100%);
  /* W3C */
  border: 1px solid #e6e9ea;
  padding: 20px;
  position: relative;
}

.blue-box.blue-box-active {
  z-index: 5;
}

.widget .blue-box {
  top: -10px;
}

.oldie .blue-box {
  background: url("images/bg-blue-box.png") repeat-x -10px 0 #dae3e6;
}

.blue-box .shadow {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  background: url("images/sprites.png") no-repeat transparent;
}

.grid_6 .blue-box .shadow {
  background-position: -16px -550px;
}

.grid_9 .blue-box .shadow {
  background-position: -16px -575px;
}

/* **********************
   Recurrents : form
*********************** */
.blue-box .row {
  margin-top: 10px;
}

.blue-box .row:first-child {
  margin-top: 0;
}

.blue-box .wrap-select,
.blue-box .wrap-input,
.blue-box input {
  margin-left: 10px;
}

.blue-box .wrap-select:first-child,
.blue-box .wrap-input:first-child,
.blue-box input:first-child {
  margin-left: 0;
}

.blue-box .checkbox {
  vertical-align: middle;
}

.blue-box p {
  line-height: 20px;
}

.blue-box p.title {
  margin-bottom: 10px;
}

.blue-box a {
  text-decoration: underline;
}

.blue-box div.checker {
  float: left;
  margin: 0 5px 0 0;
  width: 11px;
  height: 11px;
}

.blue-box div.checker span {
  background: url("images/sprites.png") no-repeat -700px -198px;
}

.blue-box div.checker span.checked {
  background: url("images/sprites.png") no-repeat -700px -148px;
}

.ie9 .blue-box div.checker span {
  background: url("images/sprites.png") no-repeat -700px -200px;
}

.ie9 .blue-box div.checker span.checked {
  background: url("images/sprites.png") no-repeat -700px -150px;
}

.wrap-biglabel {
  display: block;
  float: left;
  position: relative;
  height: 26px;
  line-height: 26px;
  color: #757a7c;
}

.wrap-select {
  display: block;
  float: left;
  position: relative;
  cursor: pointer;
  height: 26px;
  padding: 0 0 0 5px;
  background: url("images/sprites.png") no-repeat 0px -435px;
  vertical-align: middle;
}

.wrap-select .selector {
  display: block;
  margin: 0;
  white-space: nowrap;
  padding: 0 0;
  height: 26px;
  line-height: 26px;
  background: url("images/sprites.png") no-repeat right -405px;
}

.selector,
.selector span {
  display: block;
  overflow: hidden;
  height: 26px;
  line-height: 26px;
}

.selector span {
  margin-right: 25px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.wrap-select select {
  display: block;
  cursor: pointer;
  height: 26px;
  border: 0;
  cursor: pointer;
  margin: 0;
  width: 100%;
}

.selector select {
  position: relative;
  top: -26px;
  left: -2px;
}

.ie7 .wrap-select select {
  margin: 4px 0;
}

.select-month {
  width: 90px;
}

.select-year {
  width: 70px;
}

.select-category,
.input-keyword input,
.select-theme {
  width: 140px;
}

.widget-reports .input-keyword input {
  width: 240px;
}

.widget-reports .input-full input,
.widget-search .input-full input {
  width: 100%;
}

.grid_9 .widget-search .input-full {
  width: 515px;
  float: left;
  margin-right: 10px;
}

.wrap-input,
.wrap-input input,
.wrap-input label {
  display: block;
  position: relative;
  height: 26px;
  height: 26px;
  line-height: 26px;
  margin: 0;
  border: 0;
}

.wrap-input {
  float: left;
  padding: 0 0 0 5px;
  background: url("images/sprites.png") no-repeat 0px -435px;
  vertical-align: middle;
}

.wrap-input.input-full {
  float: none;
}

.wrap-input input {
  padding: 0 5px 0 0;
  background: url("images/sprites.png") no-repeat right -375px;
  vertical-align: middle;
}

.wrap-input label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 0 0 0 5px;
}

.btn {
  display: block;
  position: relative;
  float: left;
  height: 26px;
  line-height: 26px;
  vertical-align: middle;
  border: 0;
  padding: 0 10px;
  text-transform: uppercase;
  color: #fff;
  /*font-family: 'TitilliumMaps29L-800wt', sans-serif;*/
  border-radius: 3px;
  background: url("images/sprites.png") no-repeat 0 -466px;
}

.btn:hover {
  color: #f0f0f0;
  box-shadow: 0px 1px 5px #111 inset;
}

.ie7 .btn {
  zoom: 1;
  behavior: url(assets/js/libs/PIE.htc);
}

.js .false-select-list {
  position: absolute;
  background: #fff;
  z-index: 5;
  top: 26px;
  left: 0;
  padding: 5px;
  line-height: 1.4em;
  width: auto;
  border: 1px solid #EAEAEA;
  display: none;
}

.js .false-select-list a {
  display: block;
  white-space: nowrap;
  text-decoration: none;
  padding: 0 2px;
}

.js .false-select-list a:hover {
  color: #fff;
  background-color: #7c136b;
}

/* **********************
  STRUCTURE (voir si à déplacer dans 1024)
*********************** */
.container_12 + .container_12 {
  margin-top: 20px;
}

.layout-hp .container_12 + .container_12 {
  margin-top: 30px;
}

/* **********************
   WIDGET
   STRUCTURE
   HP + SIDEBAR
*********************** */
.layout-hp .widget + .widget,
.layout-soushp .widget + .widget {
  margin-top: 20px;
}

.manic-menu .header,
#menu-title-rubrique,
.widget .header,
.main-content .main-content-header {
  border-bottom: 2px solid #333333;
  color: #333333;
  font-size: 14px;
  padding: 0 0 3px 20px;
  position: relative;
  text-transform: uppercase;
}

.new .widget .header {
  position: relative;
  border: 0 none;
  padding: 0;
  margin-bottom: -10px;
  z-index: 2;
  float: left;
}

.ie7 .new .widget {
  zoom: 1;
}

.new .widget .header h2 {
  display: inline-block;
  padding: 10px 10px 8px;
  background: #7C136B;
  font-size: 20px;
  line-height: 1em;
  font-family: "NimbusSansNovusCondBold", sans-serif;
  font-weight: normal;
  color: #fff;
}

.ie7 .new .widget .header h2 {
  display: inline;
}

.manic-menu .header a,
#menu-title-rubrique a,
.widget .header a,
.main-content .main-content-header a {
  color: #333333;
}

.manic-menu .header {
  border: 0;
  margin: 0 0 5px;
}

.color-0 .manic-menu .header {
  color: #7C136B;
}

.color-4 .manic-menu .header {
  color: #99aec2;
}

.main-content .widget .header {
  padding-left: 0;
  margin: 20px 0 0;
  font-family: arial, sans-serif;
  border-bottom: 1px solid #d6d6d6;
}

.main-content .widget .header .deco {
  display: none;
}

.ie7 .widget .content {
  zoom: 1;
}

.widget .content .header:first-child {
  margin: 10px 0 0;
}

.layout-error .main-content .main-content-header {
  font-size: 25px;
  padding: 0;
  text-transform: none;
  border-bottom: 0 none;
  /*font-family: 'TitilliumMaps26L-750wt', sans-serif;*/
}

.layout-error .main-content .main-content-header strong {
  /*font-family: 'TitilliumMaps29L-800wt', sans-serif;*/
}

.main-content .widget h3 {
  font-size: 14px;
  margin: 10px 0;
  font-weight: bold;
}

.widget .rss,
.widget .header .i3,
.main-content .main-content-header .rss {
  display: block;
  width: 26px;
  height: 21px;
  position: absolute;
  bottom: 2px;
  right: 0;
  text-indent: -9999px;
  background: url("images/sprites.png") no-repeat -350px -725px;
}

.widget .rss:hover,
.main-content .main-content-header .rss:hover {
  background-position: -350px -700px;
  background-color: #fe8400;
}

.stuffontheright {
  position: absolute;
  bottom: 2px;
  right: 0;
  width: 80px;
}

.stuffontheright a {
  vertical-align: middle;
  margin-left: 5px;
}

.widget .header .stuffontheright .rss,
.widget .header .stuffontheright .i3,
.main-content .main-content-header .stuffontheright .rss {
  position: relative;
  bottom: auto;
  right: auto;
  float: right;
}

.list-bottom-link .stuffontheright {
  position: static;
  float: right;
  width: auto;
}
.ie7 .list-bottom-link .stuffontheright {
  width: 100px;
  margin-top: -20px;
}

.list-bottom-link .stuffontheright .rss {
  position: static;
  float: right;
}

.widget .header .i3 {
  height: 30px;
  width: 40px;
  background: url("images/sprites.png") no-repeat -825px -275px;
}

.manic-menu .header .deco,
#menu-title-rubrique .deco,
.widget .header .deco,
.main-content .main-content-header .deco {
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 10px;
  height: 10px;
  background-image: url("images/sprites.png");
  background-repeat: no-repeat;
}

.new .widget .header .deco {
  display: none;
}

.widget > .content {
  padding: 10px 0;
  position: relative;
}

.new .widget > .content {
  position: relative;
  z-index: 1;
  padding: 10px;
  clear: both;
  background: #fff;
}

.new .widget > .header + .content {
  padding-top: 15px;
}

.main-content .widget {
  margin-top: 10px;
}

.main-content .editor {
  margin-top: 10px;
}

.main-content .widget:first-child {
  margin-top: 0;
}

.social-link {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}

.social-link li {
  display: inline;
  float: left;
  margin-left: 10px;
}

.new .widget {
  position: relative;
  margin-top: 20px;
  background: transparent;
}

.new .widget:first-child {
  margin-top: 0;
}

/* **********************
   WIDGET
   HOMEPAGE
   PARTICULIER
*********************** */
#home-1 .agenda-hp {
  margin-top: 35px;
}

/* **********************
   WIDGET
   INFOS REGLEMENTS
   PUBLICATIONS
*********************** */
.infos-reglement-publications {
  height: 48px;
  background: url("images/tt.png") repeat-x 0 0;
  border: 1px solid #EAEAEA;
}

.infos-reglement-publications li:first-child {
  border-left: 0;
}

.infos-reglement-publications li {
  border-left: 1px solid #EAEAEA;
  /*font-family: 'TitilliumMaps29L-800wt', sans-serif;*/
  font-size: 15px;
  position: relative;
}

.infos-reglement-publications li a {
  color: #757a7d;
  text-transform: uppercase;
}

.infos-reglement-publications .picto {
  display: block;
  width: 16px;
  height: 16px;
  padding: 0;
  background: url("images/sprites.png") no-repeat;
  position: absolute;
  top: 13px;
  left: 18px;
}

.infos-reglement-publications span.picto-1 {
  background-position: -293px -157px;
}

.infos-reglement-publications span.picto-2 {
  background-position: -297px -193px;
}

.infos-reglement-publications div.deco {
  height: 11px;
  position: absolute;
  top: 49px;
  width: 311px;
  background: url("images/sprites.png") no-repeat;
}

.infos-reglement-publications div.deco-1 {
  background-position: -13px -130px;
  left: -1px;
}

.infos-reglement-publications div.deco-2 {
  background-position: -649px -130px;
  left: 1px;
}

/* **********************
   WIDGET
   INFOS REGLEMENTS
   PUBLICATIONS - new 30 janv 2013
*********************** */
.new .infos-hp-new > .content {
  padding: 5px;
}

.infos-hp-new a {
  cursor: pointer;
  text-decoration: none;
}

.infos-hp-new .infos,
.infos-hp-new .publis {
  display: block;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #fff;
  font-family: "NimbusSansNovusCondSemiBold",sans-serif;
  text-transform: uppercase;
}

@media screen and (min-width: 744px) {
  .infos-hp-new .infos,
  .infos-hp-new .publis {
    width: 214px;
    font-size: 12px;
    float: left;
    margin-left: 6px;
  }
}
@media screen and (min-width: 980px) {
  .infos-hp-new .infos,
  .infos-hp-new .publis {
    width: 287px;
    font-size: 16px;
  }
}
.ie7 .infos-hp-new .infos,
.ie7 .infos-hp-new .publis {
  zoom: 1;
}

.infos-hp-new .infos:first-child,
.infos-hp-new .publis:first-child {
  margin-left: 0;
}

.infos-hp-new .publis {
  background: url(images/bg-infos.png) repeat-x 0 0 transparent;
}

.infos-hp-new .infos {
  background: url(images/bg-infos.png) repeat-x 0 -60px transparent;
}

.infos-hp-new .publis:hover {
  background: url(images/bg-infos.png) repeat-x 0 -120px transparent;
}

.infos-hp-new .infos:hover {
  background: url(images/bg-infos.png) repeat-x 0 -180px transparent;
}

.infos-hp-new .infos > span,
.infos-hp-new .publis > span {
  position: relative;
  display: inline-block;
  margin: 0 auto;
}

.ie7 .infos-hp-new .infos > span,
.ie7 .infos-hp-new .publis > span {
  display: inline;
  zoom: 1;
}

.infos-hp-new .picto {
  width: 27px;
  height: 21px;
  margin-right: 5px;
  padding: 0;
  vertical-align: text-bottom;
}

.infos-hp-new .infos .picto {
  background: url("images/sprites.png") no-repeat -300px -700px transparent;
}

.infos-hp-new .publis .picto {
  background: url("images/sprites.png") no-repeat -300px -725px transparent;
}

.infos-hp-new br {
  display: none;
  position: absolute;
}

/* **********************
   WIDGET
   COLOR TEMPLATE
*********************** */
.widget .link a:hover,
.widget a:hover .link span {
  color: #fff;
}

/* **********************
   WIDGET
   COLOR TEMPLATE
    0 : #7c136b
*********************** */
.manic-menu .deco,
#menu-title-rubrique .deco,
.widget .header .deco,
.main-content-header .deco {
  background-position: -844px -86px;
}

.color-0 a:hover .link span,
.color-0 .link a:hover,
.color-0.actu-hp .bgr,
.new .widget.color-0 .header h2,
.new .color-0 .list-docs.cal-look .item-date .m,
.new .color-0 .rss:hover {
  background-color: #7c136b;
  color: #fff;
}

.color-0 a .link,
.color-0 .link a,
.color-0 .all-link,
.color-0 .all-link a,
.color-0 .all-link:hover,
.color-0 .date,
.new .color-0 .list-docs.cal-look .item-date .d {
  color: #7c136b;
}

/* **********************
   WIDGET
   COLOR TEMPLATE
    1 : #edcb86
*********************** */
.color-1 .header .deco,
.color-1 .main-content-header .deco {
  background-position: -844px -53px;
}

.color-1 a:hover .link span,
.color-1 .link a:hover,
.color-1 .link a:hover,
.color-1 .actu-hp .bgr,
.new .widget.color-1 .header h2,
.new .color-1 .list-docs.cal-look .item-date .m,
.new .color-1 .rss:hover {
  background-color: #edcb86;
  color: #fff;
}

.color-1 a .link,
.color-1 .link a,
.color-1 .all-link,
.color-1 .all-link a,
.color-1 .all-link:hover,
.color-1 .date,
.new .color-1 .list-docs.cal-look .item-date .d {
  color: #edcb86;
}

/* **********************
   WIDGET
   COLOR TEMPLATE
    2 : #c0cd7a
*********************** */
.color-2 .header .deco,
.color-2 .main-content-header .deco {
  background-position: -844px -64px;
}

.color-2 a:hover .link span,
.color-2 .link a:hover,
.color-2 .actu-hp .bgr,
.new .widget.color-2 .header h2,
.new .color-2 .list-docs.cal-look .item-date .m,
.new .color-2 .rss:hover {
  background-color: #c0cd7a;
  color: #fff;
}

.color-2 a .link,
.color-2 .link a,
.color-2 .all-link,
.color-2 .all-link a,
.color-2 .all-link:hover,
.color-2 .date,
.new .color-2 .list-docs.cal-look .item-date .d {
  color: #c0cd7a;
}

/* **********************
   WIDGET
   COLOR TEMPLATE
    3 : #a79aba
*********************** */
.color-3 .header .deco,
.color-3 .main-content-header .deco {
  background-position: -844px -75px;
}

.color-3 a:hover .link span,
.color-3 .link a:hover,
.color-3 .actu-hp .bgr,
.new .widget.color-3 .header h2,
.new .color-3 .list-docs.cal-look .item-date .m,
.new .color-3 .rss:hover {
  background-color: #a79aba;
  color: #fff;
}

.color-3 a .link,
.color-3 .link a,
.color-3 a .all-link,
.color-3 .all-link a,
.color-3 .all-link:hover,
.color-3 .date,
.new .color-3 .list-docs.cal-look .item-date .d {
  color: #a79aba;
}

/* **********************
   WIDGET
   COLOR TEMPLATE
    4 : #99aec2
*********************** */
.color-4 .header .deco,
.color-4 .main-content-header .deco {
  background-position: -844px -97px;
}

.color-4 a:hover .link span,
.color-4 .link a:hover,
.color-4 .actu-hp .bgr,
.new .widget.color-4 .header h2,
.new .color-4 .list-docs.cal-look .item-date .m,
.new .color-4 .rss:hover {
  background-color: #99aec2;
  color: #fff;
}

.color-4 a .link,
.color-4 .link a,
.color-4 a .all-link,
.color-4 .all-link a,
.color-4 .all-link:hover,
.color-4 .date,
.new .color-4 .list-docs.cal-look .item-date .d {
  color: #99aec2;
}

/* **********************
   WIDGET
   COLOR TEMPLATE
    5 : #9db197
*********************** */
.color-5 .header .deco,
.color-5 .main-content-header .deco {
  background-position: -844px -108px;
}

.color-5 a:hover .link span,
.color-5 .link a:hover,
.color-5 .actu-hp .bgr,
.new .widget.color-5 .header h2,
.new .color-5 .list-docs.cal-look .item-date .m,
.new .color-5 .rss:hover {
  background-color: #9db197;
  color: #fff;
}

.color-5 a .link,
.color-5 .link a,
.color-5 a .all-link,
.color-5 .all-link a,
.color-5 .all-link:hover,
.color-5 .date,
.new .color-5 .list-docs.cal-look .item-date .d {
  color: #9db197;
}

/* **********************
   WIDGET
   COL-1
*********************** */
.widget-col-1 li {
  border-bottom: 1px solid #EAEAEA;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

/* **********************
   WIDGET
   COL-2
*********************** */
.widget-col-2 .date {
  border-bottom: 1px solid #EAEAEA;
}

.widget-col-2 .date {
  color: #999999;
  float: left;
  font-size: 14px;
  text-align: center;
  padding: 0 0 13px 0;
}

/* (C) CM -> à corriger
.widget-col-2 .link {
    float: right;
    padding: 0  0 10px 0;
}
*/
.widget-col-2 li {
  margin-bottom: 10px;
}

/* **********************
   WIDGET
   COMMUN
*********************** */
.widget .tag,
.widget .tag a,
#header .actu-bandeau .tag a,
#header .actu-bandeau .tag {
  color: #7b84bb;
}

.new .widget a.tag {
  font-size: 10px;
  text-transform: uppercase;
  color: #959595;
}

.new .widget a.tag:hover {
  color: #7C136B;
}

.widget .link,
.widget .link a,
.widget .link span {
  text-decoration: none;
  font-weight: bold !important;
}

.widget .tag,
.actu-bandeau .tag {
  padding: 2px 0 5px 2px;
}

.actu-hp .tag,
.actu-bandeau .tag {
  padding-left: 2px;
  font-size: 11px;
}

.actu-bandeau .link {
  font-weight: bold;
}

.actu-bandeau .link a:hover {
  color: #fff;
  background-color: #7C136B;
  text-decoration: none;
}

.actu-bandeau .bgr {
  background-color: #7c136b;
}

.widget .link a,
.widget .link span,
.actu-bandeau .link a {
  display: inline;
  font-size: 12px;
  line-height: 20px;
  padding: 2px 0;
}

.widget .all-link {
  float: right;
}

/* **********************
   WIDGET
   TEMPLATE TEXTE
*********************** */
.widget-image-text .picture {
  float: left;
}

.widget-image-text .link {
  float: left;
  font-weight: bold;
}

.widget-image-text .link a,
.widget-image-text .link span {
  background: #a79abb;
  color: #fff;
}

.grid_3 .widget-image-text .content {
  padding: 20px 0;
  border-bottom: 1px solid #EAEAEA;
}

/* **********************
   WIDGET
   ACTUALITES
*********************** */
.actu-hp .list-item {
  border-bottom: 1px solid #EAEAEA;
  margin-left: 20px;
  margin-bottom: 10px;
  position: relative;
  float: left;
}

.actu-hp .list-item:first-child {
  margin-left: 0;
}

.actu-hp .list-item .picture {
  width: 140px;
}

.actu-hp .list-item.important .picture {
  width: 300px;
}

.actu-hp .description,
.actu-bandeau .description {
  color: #333333;
  line-height: 1.5;
  padding-top: 5px;
}

.actu-hp .description {
  padding-bottom: 5px;
}

.widget .picture,
.actu-bandeau .picture,
.actu-bandeau li {
  position: relative;
}

.widget .date,
.actu-bandeau .date {
  width: 55px;
  height: 55px;
  display: block;
  position: absolute;
  bottom: 15px;
  right: 5px;
  background: url("images/sprites.png") no-repeat -76px -150px;
}

.widget .date span,
.actu-bandeau .date span {
  display: block;
  font-size: 13px;
  font-weight: bold;
  padding-left: 15px;
  padding-top: 23px;
  padding-right: 5px;
  text-align: right;
}

.actu-bandeau.nbs-infos-1 .date,
.actu-hp .important .date {
  width: 73px;
  height: 73px;
  background-position: 0 -150px;
}

.actu-bandeau.nbs-infos-1 .date span,
.actu-hp .important .date span {
  padding-top: 33px;
  font-size: 17px;
  padding-left: 21px;
}

.actu-hp .list-item:hover .date,
.actu-bandeau li:hover .date {
  display: none;
}

.actu-hp .social,
.actu-bandeau .social {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.social .fb-like {
  position: relative;
  top: 10px;
  left: 10px;
}

.social iframe.fb-like {
  width: 57px;
  height: 62px;
}

.actu-hp .important .social,
.actu-hp .important .bgr,
.actu-hp .important .action,
.actu-bandeau.nbs-infos-1 .social,
.actu-bandeau.nbs-infos-1 .bgr,
.actu-bandeau.nbs-infos-1 .action {
  width: 300px;
  height: 170px;
}

.actu-hp .relative,
.actu-bandeau .relative {
  position: relative;
}

.actu-hp .bgr,
.actu-hp .social,
.actu-hp .action,
.actu-bandeau .bgr,
.actu-bandeau .social,
.actu-bandeau .action {
  width: 140px;
  height: 80px;
}

.actu-hp .bgr,
.actu-bandeau .bgr {
  opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  /* IE 8 */
  filter: alpha(opacity=80);
  /* IE < 8 */
}

.actu-hp .action,
.actu-bandeau .action {
  position: absolute;
  top: 0;
  left: 0;
}

/* **********************
   WIDGET
   ACTUALITES (new 30 jan 2013)
*********************** */
img.item-illus,
.item-illus img {
  display: block;
  background: #fff;
}

/* opacité des images */
.opacity .img.item-illus,
.opacity .item-illus img,
.opacity .illus-hp-new img {
  opacity: 1;
}
.opacity img.item-illus:hover,
.opacity a:hover img.item-illus,
.opacity a:hover .item-illus img,
.opacity .item-illus a:hover img,
.opacity .item:hover img.item-illus,
.opacity .item:hover .item-illus img,
.opacity .illus-hp-new a:hover img {
  opacity: 0.9;
}
.opacity .bandeau-slider-2014 img.item-illus,
.opacity .layout-hp-2014 img.item-illus,
.opacity .bandeau-slider-2014 .item-illus img,
.opacity .layout-hp-2014 .item-illus img {
  opacity: 1 !important;
}

.oldie img.item-illus,
.oldie .item-illus img,
.oldie .illus-hp-new img {
  -webkit-filter: '';
  filter: '';
}
.oldie img.item-illus:hover,
.oldie a:hover img.item-illus,
.oldie a:hover .item-illus img,
.oldie .item-illus a:hover img,
.oldie .item:hover img.item-illus,
.oldie .item:hover .item-illus img,
.oldie .illus-hp-new a:hover img {
  filter: alpha(opacity=90);
}

.item-illus img {
  max-width: 100%;
  height: auto;
}

.actu-hp-new .item {
  position: relative;
}

.actu-hp-new .last-news .item-content {
  padding: 10px 0 0;
}

.actu-hp-new .last-news .item-title,
.actu-hp-new .last-news .excerpt,
.actu-hp-new .last-news .item-date,
.actu-hp-new .last-news .tag {
  float: left;
  clear: both;
  background: #fff;
}

.actu-hp-new .last-news .item-title {
  max-width: 95%;
  padding: 5px 0 2px;
  font-size: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: "NimbusSansNovusCondRegular", sans-serif;
  font-weight: bold;
  letter-spacing: 0.5px;
}

.actu-hp-new .last-news .item-meta {
  overflow: hidden;
}

.actu-hp-new .last-news .item-date,
.actu-hp-new .last-news .tag {
  clear: none;
  padding: 0 5px;
  height: 1.8em;
  line-height: 1.8em;
  width: auto;
}

.actu-hp-new .last-news .item-date {
  color: #fff;
  background: #7C136B;
}

.actu-hp-new .last-news .excerpt {
  float: none;
  padding: 2px 0 5px 0;
  line-height: 1.3em;
  text-align: justify;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

@media screen and (min-width: 744px) {
  .actu-hp-new .last-news {
    width: 424px;
  }
}
@media screen and (min-width: 980px) {
  .actu-hp-new .last-news {
    width: 570px;
    height: 307px;
  }

  .actu-hp-new .last-news .item-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 550px;
    padding: 10px;
  }

  .actu-hp-new .last-news .item-title {
    padding: 5px 10px 2px;
  }

  .actu-hp-new .last-news .excerpt {
    padding: 2px 10px 5px 10px;
  }
}
.actu-hp-new .list-news {
  padding: 10px 0;
}

.col-main .actu-hp-new .list-news {
  position: relative;
}

.col-main .actu-hp-new .bx-prev,
.col-main .actu-hp-new .bx-next {
  position: absolute;
  top: 50%;
  width: 11px;
  padding: 20px 0 0;
  margin-top: -10px;
  background: red;
}

.col-main .actu-hp-new .bx-prev {
  left: 0;
}

.col-main .actu-hp-new .bx-next {
  right: 0;
}

.col-main .actu-hp-new .bx-next.disabled,
.col-main .actu-hp-new .bx-next.disabled:hover {
  background: url("images/sprites.png") no-repeat scroll -475px -750px transparent;
}

.col-main .actu-hp-new .bx-prev.disabled,
.col-main .actu-hp-new .bx-prev.disabled:hover {
  background: url("images/sprites.png") no-repeat scroll -450px -750px transparent;
}

.col-main .actu-hp-new .bx-next {
  background: url("images/sprites.png") no-repeat scroll -475px -700px transparent;
}

.col-main .actu-hp-new .bx-prev {
  background: url("images/sprites.png") no-repeat scroll -450px -700px transparent;
}

.col-main .actu-hp-new .bx-next:hover {
  background: url("images/sprites.png") no-repeat scroll -475px -725px transparent;
}

.col-main .actu-hp-new .bx-prev:hover {
  background: url("images/sprites.png") no-repeat scroll -450px -725px transparent;
}

.col-secondary .actu-hp-new .list-news {
  width: auto;
}

.actu-hp-new .list-news .item {
  overflow: hidden;
}

.actu-hp-new .list-news .item-content {
  margin-top: 92px;
  padding: 10px 0;
  border: 1px solid #eaeaea;
  background: #fff;
}

.actu-hp-new .list-news .item-meta {
  padding: 3px 0;
}

.actu-hp-new .list-news .item-date,
.actu-hp-new .list-news .tag,
.actu-hp-new .list-news .item-format {
  display: inline-block;
  line-height: 0.9em;
  height: 0.9em;
  padding: 0 0 0 8px;
  width: auto;
  margin-right: 0;
}

.oldie .actu-hp-new .list-news .item-date,
.oldie .actu-hp-new .list-news .tag,
.oldie .actu-hp-new .list-news .item-format {
  display: inline;
}

.actu-hp-new .list-news .tag {
  margin-left: 5px;
  border-left: 1px solid #959595;
}

.actu-hp-new .list-news .item-title {
  padding: 0 8px;
  font-weight: normal;
}

.actu-hp-new .list-news .item-title a {
  color: #333333;
}

.actu-hp-new .list-news .item-title a:hover {
  color: #7C136B;
  text-decoration: none;
}

.actu-hp-new .list-news .item-illus {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.actu-hp-new .list-news .item + .item + .item + .item + .item {
  display: none;
}

@media screen and (min-width: 744px) {
  .actu-hp-new .list-news .item {
    width: 170px;
    height: 190px;
    padding-right: 10px;
    float: left;
  }

  .actu-hp-new .list-news .item-illus img {
    width: 170px;
    min-width: 170px;
    max-height: 92px;
  }

  .actu-hp-new .list-news .item-content {
    height: 86px;
    padding: 0;
    position: relative;
    z-index: 2;
    overflow: hidden;
  }

  .col-main .actu-hp-new .list-news {
    width: 384px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .col-secondary .actu-hp-new .list-news {
    width: 260px;
  }

  .actu-hp-new .list-news .item + .item + .item + .item + .item {
    display: block;
  }
}
@media screen and (min-width: 980px) {
  .col-main .actu-hp-new .list-news {
    width: 530px;
  }

  .col-secondary .actu-hp-new .list-news {
    width: 350px;
  }
}
/* **********************
   DÉCLINAISON - DOCS À TÉLÉCHARGER
*********************** */
.tel-hp-new .list-news {
  padding: 5px 0 0;
}

.tel-hp-new .list-news .item-illus {
  border: 1px solid #eaeaea;
}

.tel-hp-new .list-news .item-content {
  margin-top: 152px;
}

.tel-hp-new .list-news .item-title {
  padding-top: 3px;
  font-size: 12px;
  text-align: left;
}

.tel-hp-new .list-news .item-meta + .item-title {
  padding-top: 0px;
}

.tel-hp-new .list-news .item + .item + .item + .item {
  display: none;
}

@media screen and (min-width: 744px) {
  .tel-hp-new .list-news .item {
    width: 110px;
    height: 294px;
  }

  .tel-hp-new .list-news .item-illus img {
    width: 108px;
    min-width: 108px;
    height: auto;
    max-height: 152px;
  }

  .tel-hp-new .list-news .item-content {
    height: 130px;
    text-align: justify;
  }

  .tel-hp-new .list-news .item + .item + .item + .item {
    display: block;
  }
}
/* **********************
   MENU BANDEAU
*********************** */
#header {
  position: relative;
  background-color: #fff;
  z-index: 3;
}

#header .menu {
  position: relative;
}

#header li.home {
  position: absolute;
  bottom: 0;
}

#header .menu .item-menu,
.no-js #header .menu .item-menu {
  font-weight: bold;
}

#header .menu .dd,
.no-js #header .menu .dd {
  font-size: 12px;
  font-weight: normal;
}

.cufon-ready #header .menu .item-menu {
  font-size: 12px;
}

#header .menu .item-menu > a {
  position: relative;
  text-transform: uppercase;
  padding-right: 28px;
  text-decoration: none;
}

#header .menu .item-menu span.puce {
  display: block;
  background: url("images/sprites.png") no-repeat -804px -77px;
  width: 10px;
  height: 10px;
  position: absolute;
}

#header .menu li.metiers.selected > a .shadow {
  background-color: #fff;
}

#header .menu .item-menu a:hover span.puce,
#header .menu .item-menu.selected span.puce {
  background-position: -804px -89px;
}

#header .menu li.metiers a:hover span.puce,
#header .menu li.metiers.selected span.puce {
  background-position: -804px -102px;
}

/* *****************
    WRAPPER
    HEADER
****************** */
#wrapper-header {
  padding-top: 11px;
}

/* *****************
    BOURSE
****************** */
.bourse {
  position: relative;
  padding-left: 17px;
  margin-right: 12px;
  padding-right: 17px;
  color: #616161;
}

.bourse .decoration {
  position: absolute;
  top: 10px;
  width: 5px;
  height: 20px;
  background: url("images/sprites.png") no-repeat -807px -9px;
}

.bourse .deco-1 {
  left: 0;
}

.bourse .deco-2 {
  right: 0;
}

.infos-euros {
  float: left;
  width: 100px;
  font-size: 25px;
  padding-top: 3px;
}

.infos-more {
  float: left;
  font-size: 11px;
  padding-top: 7px;
}

/* *****************
    FOOTER
****************** */
/* *****************
    FOOTER
    SOCIAL
****************** */
#social {
  position: relative;
  background-color: #fff;
}

#social .social-content {
  border: 1px solid #e6e6e6;
}

/* *****************
    FOOTER
    LOGO
****************** */
#social .logo {
  height: 66px;
  overflow: hidden;
  width: 116px;
}

#social .logo a {
  display: block;
  height: 35px;
  margin-top: 9px;
  width: 116px;
  background: url("images/sprites.png") no-repeat -833px -2px;
}

#social .logo a:hover {
  text-decoration: none;
}

/* *****************
    OVERLAY
****************** */
#overlay-container {
  height: 0;
  position: relative;
  z-index: 2;
}

/* *****************
    MENU LAYER
****************** */
#header .dd .col-l,
#header .dd .col-r {
  padding: 15px 20px 0;
  width: 460px;
  float: left;
  background: url("images/sub-menu.jpg") repeat-x 0 0;
}

#header .menu-col-1 .item {
  float: left;
  margin: 3px 0;
  padding-left: 10px;
  width: 220px;
  float: left;
}

#header .dd .header {
  border-bottom: 1px solid #E5E5E5;
  color: #C9C9C9;
  font-size: 15px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-transform: uppercase;
  /*font-family: 'TitilliumMaps29L-800wt', sans-serif;*/
}

#header .dd .col-r {
  padding: 15px 20px 0 20px;
  width: 440px;
  float: left;
}

#header .dd .col-l .content,
#header .dd a {
  color: #7C136B;
}

#header .link a:hover {
  color: #fff;
}

#header .col-r li {
  float: left;
  width: 140px;
}

#header .nbs-infos-2 li {
  margin-left: 55px;
}

#header .nbs-infos-3 li:first-child {
  margin-left: 0;
}

#header .nbs-infos-3 li {
  margin-left: 10px;
}

#header .nbs-infos-1 li {
  width: 100%;
}

#header .nbs-infos-1 .content-picture {
  float: left;
  width: 300px;
}

#header .nbs-infos-1 .content-detail {
  float: left;
  margin-left: 10px;
  width: 130px;
}

#header .date {
  color: #7C136B;
}

/* **********************
    SOUS-MENU SOUS-HP
*********************** */
.bandeau-soushp {
  background: url("images/bandeau-sshp.png") repeat-x 0 0 #fff;
}

.bandeau-soushp .drop-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background: url("images/ombre-sshp.png") repeat-x 0 0;
  z-index: 1;
}

.manic {
  position: relative;
  height: 260px;
}

.manic-illus {
  /*position: absolute;*/
  top: 0;
  left: 0;
  z-index: 1;
}

.manic-illus-in {
 /* position: absolute;*/
  top: 0;
  left: 0;
  z-index: 1;
}

.manic-illus-in.current {
  z-index: 10;
}

.manic-illus img {
  display: block;
  margin: 0;
}

.manic-title,
.manic-text {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
  width: 940px;
  font-size: 16px;
  color: #000;
  font-weight: bold;
  padding: 10px 20px;
}

.manic-text {
  font-weight: normal;
}

.manic-text .manic-text-left {
  float: left;
  width: 620px;
}

.manic-text .manic-text-right {
  float: right;
  width: 300px;
  font-size: 10px;
}

.with-news .manic-title,
.with-news .manic-text {
  width: 580px;
}

.color-0 .manic-title,
.color-0 .manic-text {
  background: url("images/bg-transp-violet.png") repeat 0 0 transparent;
}

.color-4 .manic-title,
.color-4 .manic-text {
  background: url("images/bg-transp-bleu.png") repeat 0 0 transparent;
}

.color-0 .manic-title a,
.color-0 .manic-text a,
.color-0 .manic-title,
.color-0 .manic-text {
  color: #fff;
  text-decoration: none;
}

.color-4 .manic-title a,
.color-4 .manic-text a,
.color-4 .manic-title,
.color-4 .manic-text {
  color: #000;
  text-decoration: none;
}

.manic-title time {
  padding-right: 10px;
}

.manic-news {
  position: absolute;
  top: 0;
  right: 0;
  height: 240px;
  width: 350px;
  padding: 10px;
  overflow: auto;
  background: url("images/bg-transp-noir.png") repeat 0 0;
  z-index: 3;
}

.no-js .manic-news {
  width: 340px;
}

.js .manic-news {
  visibility: hidden;
}

.manic-news .list-item .list-block,
.manic-news .list-header .list-block {
  border-bottom: 1px solid #575757;
}

.manic-news a,
.color-0 .manic-news .link,
.color-4 .manic-news .link {
  color: #fff;
}

.manic-news a.block-link:hover,
.manic-news a.block-link.current {
  background: url("images/bg-transp-gris.png") repeat 0 0;
}

.manic-news .subscribe a {
  float: right;
  position: relative;
  padding-left: 20px;
  margin: 0 0 5px;
  cursor: pointer;
  font-size: 11px;
}

.manic-news .subscribe .picto {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
  background: url("images/sprites.png") repeat -725px -225px;
}

.manic-menu {
  padding: 15px 20px 20px;
  background: #fff;
  height: auto !important;
  min-height: 40px;
  height: 40px;
}

.manic-menu-content .container_12 {
  margin: 0;
}

.manic-menu .container_12:first-child .grid_4 {
  border-top: 1px solid #EAEAEA;
}

.manic-menu .grid_4 {
  border-bottom: 1px solid #EAEAEA;
  padding: 5px 0;
}

.manic-menu a {
  display: block;
  position: relative;
  padding: 0 0 0 10px;
  font-size: 13px;
  text-transform: uppercase;
  color: #616161;
}

.manic-menu a:hover {
  color: #7C136B;
}

.color-4 .manic-menu a:hover {
  color: #99aec2;
}

.cufon-ready .manic-menu a {
  font-size: 13px;
}

.ie7 .manic-menu a {
  zoom: 1;
}

.manic-menu .grid_4 .picto-fleche {
  position: absolute;
  left: 0;
  top: 5px;
  width: 3px;
  padding: 5px 0 0;
}

.manic-menu .grid_4 .picto-fleche {
  background: url("images/sprites.png") no-repeat -750px -150px;
}

.color-4 .manic-menu .grid_4 .picto-fleche {
  background: url("images/sprites.png") no-repeat -750px -250px;
}

.jScrollPaneContainer,
.jScrollPaneScrollable {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  outline: 0 none;
}

.jScrollPaneContainer .manic-news {
  right: 0;
  width: 340px !important;
}

.jScrollPaneScrollable .manic-news {
  right: 10px;
  width: 335px !important;
}

.jScrollPaneTrack {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  height: 100%;
  width: 10px;
  background: url("images/bg-transp-noir.png") repeat 0 0;
}

.jScrollPaneDrag {
  position: absolute;
  background: url("images/scroller.gif") no-repeat center center #7a1f5e;
  cursor: pointer;
  overflow: hidden;
  width: 10px;
  height: 10px;
}

.color-4 .jScrollPaneDrag {
  background: url("images/scroller.gif") no-repeat center center #99aec2;
}

/* **********************
    EXCERPT
*********************** */
.main-content .excerpt {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.6em;
  margin-top: 10px;
  text-align: justify;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.excerpt strong {
  font-weight: bold;
}

/* **********************
    WYSIWYG
*********************** */
.content .editor {
  line-height: 1.4em;
}

.editor h1,
.editor h2,
.editor h3,
.editor h4,
.editor h5,
.editor h6 {
  margin: 10px 0;
  clear: both;
  font-weight: bold;
}

.editor h2 {
  font-size: 14px;
  text-transform: uppercase;
  padding-bottom: 3px;
  padding-left: 0;
  margin: 20px 0 0;
  font-family: arial, sans-serif;
  border-bottom: 1px solid #d6d6d6;
}

.editor h1:first-child,
.editor h2:first-child,
.editor h3:first-child,
.editor h4:first-child,
.editor h5:first-child,
.editor h6:first-child {
  margin-top: 0;
}

.ie7 .editor h1:first-child,
.ie7 .editor h2:first-child,
.ie7 .editor h3:first-child,
.ie7 .editor h4:first-child,
.ie7 .editor h5:first-child {
  line-height: 1.5em;
}

.editor p,
.editor ul,
.editor ol,
.editor dl,
.editor hr,
.editor address,
.editor pre,
.editor div.wp-caption,
.editor table {
  display: block;
  margin-top: 10px;
}

.editor table {
  width: 100%;
  display: table;
}

.editor .wp-caption-text {
  margin-top: 0;
  font-size: 10px;
}

.editor p:first-child,
.editor ul:first-child,
.editor ol:first-child,
.editor dl:first-child,
.editor hr:first-child,
.editor table:first-child,
.editor address:first-child,
.editor pre:first-child,
.editor div.wp-caption:first-child {
  margin-top: 0;
}

.editor img {
  margin: 0 15px 10px 0;
}

.editor table img {
  margin: 0;
}

.editor .alignleft {
  margin: 10px 10px 10px 0;
  float: left;
}

.editor .alignright {
  margin: 10px 0 10px 10px;
  float: right;
}

.editor .wp-caption img {
  margin-bottom: 2px;
}

.editor .flash_kplayer {
  margin: 10px auto;
}

.editor hr {
  color: #e5e5e5;
  background-color: #eaeaea;
  height: 1px;
  border: 0;
  width: 100%;
}

.editor pre {
  overflow-x: scroll;
  border: 1px solid #e5e5e5;
  padding: 10px;
}

.editor em {
  font-style: italic;
}

.editor ol,
.editor ul {
  list-style-position: outside;
  padding: 0 0 0 0;
  margin-left: 30px;
}

.editor li {
  margin-top: 5px;
}

.editor li:first-child {
  margin-top: 0;
}

.editor ol li {
  list-style: decimal inside;
}

.editor ul li {
  list-style: none url("images/bullet-triangle.png") outside;
}

.editor li ul > li {
  list-style: none url("images/bullet.png") outside;
}

.editor li li ul > li {
  list-style: none url("images/bullet-triangle-2.png") outside;
}

.editor ul ul,
.editor ul ol,
.editor ol ul,
.editor ol ol {
  margin-top: 2px !important;
}

.editor table {
  width: 100%;
}

.editor blockquote {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
}

.editor .contacts-table {
  border-collapse: collapse;
  background-color: #eaeaea;
  width: 100%;
  padding: 0;
  margin: 20px 0 20px 0;
}

.editor .contacts-table td,
.editor .contacts-table th {
  padding: 10px 20px 5px;
  border-left: 2px solid #fff;
}

.editor .contacts-table td {
  padding-bottom: 10px;
}

.editor .contacts-table th {
  border-top: 2px solid #fff;
}

.editor .contacts-table tr:first-child th {
  border-top: 0;
}

.editor .contacts-table td:first-child,
.editor .contacts-table th:first-child {
  border-left: 0;
}

.editor .contacts-table th {
  border-bottom: 1px solid #d6d6d6;
  text-align: left;
  text-transform: uppercase;
}

.editor .contacts-table em {
  color: #333333;
}

.editor .number-table {
  border-collapse: collapse;
  margin-bottom: 25px;
}

.editor .number-table th {
  text-align: left;
  font-weight: bold;
  width: 350px;
}

.editor .job-table {
  margin: 25px 0;
}

.editor .job-table td img {
  margin-bottom: -7px;
}

.editor .job-table td p {
  text-align: justify;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  margin-right: 18px;
}

.editor .inner-menu {
  font-size: 12px;
  background: url("images/i3.png") no-repeat scroll right 0;
  height: 32px;
}

.editor .resultats-table {
  width: 100%;
  margin: 15px 10px 10px 15px;
}

.editor .resultats-table td {
  text-align: left;
  width: 350px;
  height: 35px;
  background: url("images/check.png") no-repeat left 0 transparent;
  padding-left: 25px;
}

.editor .resultats-table .resultats-nbre {
  font-size: 20px;
  color: #7a1f5e;
}

.editor .resultats-table .picto-resultats {
  background: url("images/sprites.png") no-repeat scroll -825px -171px transparent;
  padding-top: 19px;
  width: 19px;
  margin: 0 10px 0 0;
}

.editor .dividende-table th {
  color: #7c136b;
  font-size: 14px;
  width: 70px;
  height: 30px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #333333;
  padding: 5px 0 0 0;
}

.editor .dividende-table th:first-child {
  width: 120px;
  border-left: 0;
}

.editor .dividende-table td {
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #eaeaea;
  height: 50px;
  padding: 0 10px;
  font-size: 11px;
  text-align: left;
  vertical-align: middle;
}

.editor .dividende-table td:first-child {
  border-left: 0;
}

.editor .tpl-drop-cap {
  float: left;
  font-size: 2.6em;
  height: 1em;
  line-height: 1em;
  margin: 0 5px 0 0;
  color: #7C136B;
}

/* ***********************
    PAGE INNOVATIONS
    EXEMPLE FICHE
*********************** */
.editor .innovation-table {
  background-color: #a79abb;
  color: #fff;
  padding: 15px 20px 20px 20px;
  margin: 25px 0 35px 0;
  position: relative;
}

.editor .innovation-table strong, .editor .innovation-table em {
  color: #fff;
}

.editor .innovation-table .picto-info {
  background: url("images/info.png") no-repeat;
  padding: 31px 8px 0;
  width: 31px;
  display: block;
}

.editor .innovation-table .picto-succes {
  background: url("images/succes.png") no-repeat;
  padding: 31px 8px 0;
  width: 31px;
  display: block;
}

.editor .innovation-table .shadow {
  background: url("images/sprites.png") no-repeat -10px -575px transparent;
  bottom: -10px;
  height: 10px;
  left: 0;
  position: absolute;
  width: 100%;
}

.editor .innovation-table ul {
  margin-left: 12px;
}

.editor .innovation-table li {
  list-style: disc outside url("images/bullet-blanc.png");
}

.editor .ultrabold {
  font-weight: bold;
  color: #fff;
  font-size: 19px;
}

.editor .ultralineheight {
  line-height: 35px;
}

.editor .tpl-chiffres .ultrabold {
  font-size: 12px;
  display: inline-block;
  margin: 0 0 5px;
  padding: 0 5px;
}

.ie7 .editor .tpl-chiffres .ultrabold {
  display: inline;
  line-height: 28px;
}

.editor .tpl-chiffres .ultrabold strong {
  font-size: 25px;
}

.editor .tpl-chiffres .ultralineheight {
  line-height: 28px;
}

/* **********************
    WIDGET
    SUMMARY RUBRIQUE
*********************** */
.widget-summary .summary-list {
  margin: 20px 0 0;
}

.widget-summary .summary-list:first-child {
  margin-top: 0;
}

.widget-summary .summary-item {
  border-bottom: 1px solid #EAEAEA;
  position: relative;
}

.widget-summary .summary-item:first-child {
  margin-left: 0;
}

.widget-summary .picture {
  position: relative;
}

.widget-summary .picture img {
  display: block;
}

.widget-summary .more {
  background: url("images/sprites.png") no-repeat -324px -250px;
  height: 42px;
  position: absolute;
  right: 3px;
  bottom: 10px;
  width: 42px;
  text-indent: -9999px;
  font-size: 0;
  overflow: hidden;
}

.widget-summary .description a {
  color: #444444;
}

.widget-summary .description {
  margin-top: 10px;
}

.widget-summary .all-link {
  padding: 5px 0 5px 15px;
  position: relative;
}

.widget-summary .link {
  margin-top: 5px;
}

.widget-summary .link span,
.widget-summary .link a {
  display: inline;
  line-height: 20px;
  padding: 2px 0;
}

/* **********************
    WIDGET
    SUMMARY METIERS

*********************** */
.widget-metier .summary-item {
  float: left;
  margin-left: 25px;
  width: 337px;
}

.widget-metier .block-link {
  margin-top: 18px;
  margin-bottom: 13px;
}

.widget-metier .all-link {
  margin-top: 10px;
}

.all-link .picto {
  padding: 10px 0 0 3px;
  width: 10px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
  background: url("images/sprites.png") no-repeat -625px -175px;
}

.all-link:hover .picto {
  background: url("images/sprites.png") no-repeat -625px -150px;
}

.widget-metier .link span {
  font-size: 13px;
}

.widget-metier .link .picto {
  display: block;
  font-size: 0;
  height: 0;
  letter-spacing: -1000em;
  overflow: hidden;
  padding: 38px 5px 0;
  width: 38px;
  float: left;
  margin: -5px 0 -3px 0;
}

.widget-metier .link .picto-music {
  background: url("images/sprites.png") no-repeat -475px -325px;
}

.widget-metier a:hover .link .picto-music {
  background: url("images/sprites.png") no-repeat -475px -275px #fff;
}

.widget-metier .link .picto-games {
  background: url("images/sprites.png") no-repeat -422px -325px;
}

.widget-metier a:hover .link .picto-games {
  background: url("images/sprites.png") no-repeat -422px -275px #fff;
}

.widget-metier .link .picto-tel {
  background: url("images/sprites.png") no-repeat -525px -325px;
}

.widget-metier a:hover .link .picto-tel {
  background: url("images/sprites.png") no-repeat -525px -275px #fff;
}

.widget-metier .link .picto-tv {
  background: url("images/sprites.png") no-repeat -575px -325px;
}

.widget-metier a:hover .link .picto-tv {
  background: url("images/sprites.png") no-repeat -575px -274px #fff;
}

/* ***********************
    PAGE INNOVATIONS
*********************** */
.widget-metier .picture {
  width: 95px;
  margin: 18px 0 80px 0;
  float: left;
}

/* ***********************
    PAGE INNOVATIONS
    LISTE FICHE
*********************** */
.widget-metier .link .picto-metiers {
  background: url("images/sprites.png") no-repeat -625px -325px;
}

.widget-metier a:hover .link .picto-metiers {
  background: url("images/sprites.png") no-repeat -625px -275px #fff;
}

.widget-metier .link .picto-politique {
  background: url("images/sprites.png") no-repeat -675px -325px;
}

.widget-metier a:hover .link .picto-politique {
  background: url("images/sprites.png") no-repeat -675px -275px #fff;
}

.widget-metier .link .picto-innovation {
  background: url("images/sprites.png") no-repeat -725px -325px;
}

.widget-metier a:hover .link .picto-innovation {
  background: url("images/sprites.png") no-repeat -725px -275px #fff;
}

.widget-metier .link .picto-diversite {
  background: url("images/sprites.png") no-repeat -775px -325px;
}

.widget-metier a:hover .link .picto-diversite {
  background: url("images/sprites.png") no-repeat -775px -275px #fff;
}

.widget-metier .link .picto-engagement {
  background: url("images/sprites.png") no-repeat -875px -325px;
}

.widget-metier a:hover .link .picto-engagement {
  background: url("images/sprites.png") no-repeat -875px -275px #fff;
}

.widget-metier .link .picto-equilibre {
  background: url("images/sprites.png") no-repeat -925px -325px;
}

.widget-metier a:hover .link .picto-equilibre {
  background: url("images/sprites.png") no-repeat -925px -275px #fff;
}

/* ***********************
    MENU GAUCHE
*********************** */
#menu-container {
  padding: 10px 0 0;
}

#menu-container li,
.listing-item li {
  padding: 6px 0 3px 0;
  position: relative;
  text-transform: uppercase;
}

#menu-container li div.deco,
.listing-item li div.deco {
  position: absolute;
  top: 6px;
  left: 0;
  width: 9px;
  height: 11px;
}

#menu-container ul.n-1 li.n-1-no-current span.elts-n-1,
#menu-container ul.n-1 li.n-1-current span.elts-n-1,
.listing-item ul.n-1 li.n-1-no-current span.elts-n-1,
.listing-item ul.n-1 li.n-1-current span.elts-n-1 {
  padding-left: 12px;
  display: block;
}

#menu-container .elts-n-1 {
  font-size: 13px;
}

.cufon-ready #menu-container .elts-n-1 {
  font-size: 14px;
}

#menu-container ul.n-1 li.n-1-current a,
#menu-container ul.n-1 li.n-1-selected,
#menu-container ul.n-2 li.n-2-selected {
  font-weight: bold;
}

#menu-container ul.n-1 li.first-n-1,
.listing-item #menu-container ul.n-1 li.first-n-1 {
  background-image: none;
}

#menu-container ul.n-2 li.n-2-no-current span.elts-n-2,
#menu-container ul.n-2 li.n-2-current span.elts-n-2 {
  padding-left: 10px;
  display: block;
}

#menu-container .elts-n-2 {
  font-size: 11px;
}

#menu-container ul.n-2 {
  margin-left: 20px;
}

#menu-container ul.n-2 li {
  text-transform: none;
}

#menu-container ul.n-1 ul.n-2 li.n-2-no-current a {
  font-weight: normal;
}

#menu-container ul.n-3,
#menu-container ul.n-3 {
  margin-left: 20px;
  margin-top: 5px;
}

#menu-container ul.n-3 li span,
#menu-container ul.n-4 li span {
  padding: 0 2px;
}

#menu-container ul.n-2 li.n-2-selected ul.n-3 li span,
#menu-container ul.n-2 li.n-2-selected ul.n-4 li span {
  display: block;
  font-weight: normal;
  width: 92%;
}

#menu-container ul.n-3 li.n-3-current,
#menu-container ul.n-3 li.n-3-no-current {
  padding-left: 6px;
  padding-top: 4px;
}

#menu-container ul.n-3 li.n-3-no-current a,
#menu-container ul.n-4 li.n-4-no-current a {
  position: static;
}

#menu-container ul.n-1 ul.n-3 li.n-3-no-current a,
#menu-container ul.n-1 ul.n-4 li.n-4-no-current a {
  font-weight: normal;
  position: static;
}

#menu-container ul.n-4 li.n-4-no-current,
#menu-container ul.n-4 li.n-4-current {
  padding-left: 16px;
}

#menu-container ul.n-1 li.n-1-current a,
#menu-container ul.n-1 li.n-1-selected,
#menu-container ul.n-2 li.n-2-current a,
#menu-container ul.n-2 li.n-2-selected,
#menu-container ul.n-3 li.n-3-current a,
#menu-container ul.n-3 li.n-3-selected,
#menu-container ul.n-4 li.n-4-current a,
#menu-container ul.n-4 li.n-4-selected,
.listing-item ul.n-1 li.n-1-current,
#menu-container ul.n-1 li.n-1-no-current a:hover,
#menu-container ul.n-2 li.n-2-no-current a:hover,
#menu-container ul.n-3 li.n-3-no-current a:hover,
#menu-container ul.n-4 li.n-4-no-current a:hover {
  color: #4076AD;
}

#menu-container ul.n-1 li.n-1-no-current a,
#menu-container ul.n-2 li.n-2-no-current a,
#menu-container ul.n-3 li.n-3-no-current a,
#menu-container ul.n-4 li.n-4-no-current a,
.listing-item ul.n-1 li.n-1-no-current a {
  color: #616161;
}

#menu-container li div.deco {
  background: url("images/sprites.png") no-repeat -750px -244px;
}

#menu-container ul.n-2 li div.deco {
  background-position: -800px -170px;
}

#menu-container ul.n-2 li.n-2-current div.deco {
  background-position: -800px -245px;
}

/* ***********************
    Pagination
*********************** */
.pagination {
  padding: 10px 0;
  text-align: center;
}

.pagination .wp-pagenavi {
  display: inline-block;
  margin: 0 auto;
}

.pagination .wp-pagenavi a,
.pagination .wp-pagenavi span {
  display: inline-block;
  height: 1em;
  padding: 2px 5px 5px;
  margin-left: 2px;
  border-bottom: 3px solid #fff;
  color: #333333;
}

.pagination .wp-pagenavi a:first-child,
.pagination .wp-pagenavi span:first-child {
  margin-left: 0;
}

.pagination .wp-pagenavi .current {
  color: #7c136b;
  border-bottom-color: #7c136b;
  font-weight: bold;
}

.pagination .wp-pagenavi a:hover {
  color: #fff;
  background: #7c136b;
  border-bottom-color: #7c136b;
  text-decoration: none;
}

.pagination .wp-pagenavi .previouspostslink,
.pagination .wp-pagenavi .nextpostslink {
  letter-spacing: -1000em;
  width: 14px;
  padding: 2px 0 5px;
}

.pagination .wp-pagenavi .previouspostslink {
  background: url("images/sprites.png") no-repeat -899px -94px;
}

.pagination .wp-pagenavi .nextpostslink {
  background: url("images/sprites.png") no-repeat -923px -94px;
}

.pagination .wp-pagenavi .previouspostslink:hover {
  background: url("images/sprites.png") no-repeat -949px -94px #7c136b;
}

.pagination .wp-pagenavi .nextpostslink:hover {
  background: url("images/sprites.png") no-repeat -973px -94px #7c136b;
}

/* ***********************
    Switch antre les années
*********************** */
.switch-menu {
  border-bottom: 1px solid #eaeaea;
  /*font-family: "TitilliumMaps26L-750wt", sans-serif;*/
  font-size: 15px;
}

.switch-menu a {
  float: left;
  text-decoration: none;
  height: 25px;
  line-height: 25px;
  padding: 0 15px;
  border-bottom: 2px solid #fff;
}

.switch-menu a:hover,
.switch-menu a.current,
.switch-menu > span {
  border-color: #7c136b;
  cursor: pointer;
  color: #333333;
  transition: all 500ms ease;
}

.switch-menu a.current:hover,
.switch-menu > span {
  cursor: auto;
}

/* ***********************
    NAVIGATION d'une section à l'autre à l'intérieur d'une page
*********************** */
.inner-menu {
  font-size: 11px;
  color: #d6d6d6;
  padding: 10px 0;
}

.inner-menu a {
  padding: 0 5px;
}

.inner-menu a:first-child {
  padding-left: 0;
}

/* ***********************
    AFFICHAGE DATE MISE A JOUR
*********************** */
.page-date-modified {
  font-size: 11px;
  margin-top: 10px;
  padding: 10px 0 0;
  border-top: 1px solid #eaeaea;
  font-weight: bold;
}

.page-date-modified time {
  font-weight: normal;
}

/* ***********************
    LISTE D'ITEMS
*********************** */
.list-item {
  position: relative;
  zoom: 1;
}

th.list-header,
td.list-item {
  padding: 0 0 0 15px;
}

td.list-item-main {
  width: 100%;
}

.list-item .list-block,
.list-header .list-block {
  display: block;
  margin: 0 0 0 15px;
  float: left;
  padding: 15px 0;
  border-bottom: 1px solid #eaeaea;
  position: relative;
}

.widget-list-press-kit .list-item .list-block {
  margin-bottom: 10px;
  padding: 5px 0 15px 0;
}

.widget-list-press-kit .tag {
  font-size: 10px;
  padding-top: 5px;
}

.list-header .list-block {
  font-weight: bold;
  color: #7C136B;
  border-bottom: 2px solid #000;
  float: none;
  padding: 10px 0;
}

.list-item .list-block:first-child,
.list-item .list-first,
.list-header .list-block:first-child,
.list-header .list-first {
  margin-left: 0;
}

th.list-header:first-child,
td.list-item:first-child {
  padding-left: 0;
}

.item-date {
  width: 55px;
  text-align: center;
  font-size: 14px;
  color: #7c136b;
}

.new .item-date,
.new .item-format {
  font-size: 10px;
  text-transform: uppercase;
  color: #959595;
}

.item-date .year {
  color: #999999;
}

.item-content .title {
  font-size: 14px;
  margin-bottom: 5px;
}

.list-bottom-link {
  padding: 10px 0;
}

.new .list-bottom-link {
  margin-top: 10px;
  padding: 5px 0 0;
  border-top: 1px solid #eaeaea;
  line-height: 21px;
}

.widget-search .list-bottom-link {
  padding: 15px 0 15px;
}

.list-bottom-link > a,
.list-bottom-link > span {
  float: right;
  display: inline;
  padding: 0 0 0 15px;
  position: relative;
  zoom: 1;
}

.new .list-bottom-link > a,
.new .list-bottom-link > span {
  float: none;
  font-weight: bold;
  color: #333333;
}

.new .list-bottom-link > a:hover,
.list-bottom-link > span {
  color: #7c136b;
}

a:hover .list-bottom-link > span {
  text-decoration: underline;
}

.list-bottom-link .picto {
  padding-top: 10px;
  width: 10px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
  background: url("images/sprites.png") no-repeat -625px -175px;
}

.list-bottom-link a:hover .picto,
a:hover .list-bottom-link .picto {
  background: url("images/sprites.png") no-repeat -625px -150px;
}

/* ***********************
    LISTE DE FLUX AUDIO
*********************** */
.list-audio .player {
  margin: 10px 0 0;
}

.grid_9 .list-audio .item-content {
  width: 630px;
  /*resp*/
}

.grid_6 .list-audio .item-content {
  width: 390px;
  /*resp*/
  overflow: hidden;
}

/* ***********************
    LISTE D'EVENEMENTS
*********************** */
.list-events .description,
.list-events .infos {
  margin-top: 2px;
  font-size: 12px;
}

.list-events .infos {
  font-size: 10px;
  padding-left: 10px;
  font-weight: bold;
}

.list-events .infos strong {
  font-weight: normal;
}

.list-events .conf-broker strong {
  font-style: italic;
}

.widget-events-hp .with-pic .link span,
.widget-events-hp .with-pic .link a {
  font-size: 14px;
  line-height: 21px;
}

.widget-events-hp .list-item .list-block {
  padding: 5px 0;
}

/* ***********************
    LISTE TÉLÉCHARGEMENTS (pictos et liens)
*********************** */
.list-downloads a .link,
.list-downloads .link a {
  color: #000;
}

.layout-soushp .widget-list-downloads .list-downloads a .link,
.layout-soushp .widget-list-downloads .list-downloads .link a {
  color: #7C136B;
  font-weight: normal;
}

.layout-soushp .widget-list-downloads .list-downloads .link span,
.layout-soushp .widget-list-downloads .list-downloads .link a {
  font-weight: normal !important;
}

.list-picto {
  width: 40px;
  text-align: center;
}

.list-picto .picto {
  margin-top: 5px;
}

.list-downloads .file-date {
  font-size: 11px;
  color: #7C136B;
}

.grid_9 .list-downloads .item-content {
  width: 645px;
  /*resp*/
}

.grid_6 .list-downloads .item-content {
  width: 405px;
  /*resp*/
  overflow: hidden;
}

.grid_3 .list-downloads .item-content {
  width: 165px;
  /*resp*/
}

.grid_4 .list-downloads .item-content {
  width: 245px;
  /*resp*/
}

/* ***********************
    LISTE ARCHIVES VIDEO
*********************** */
.list-media {
  line-height: 1.5em;
}

.list-media-item {
  margin-top: 5px;
}

.list-media-item:first-child {
  margin-top: 0;
}

.list-media-item a {
  position: relative;
  padding-left: 20px;
  display: inline-block;
}

.ie7 .list-media-item a {
  display: block;
}

.list-media-item .picto {
  position: absolute;
  left: 0;
  top: 2px;
}

/* ***********************
    LISTE RELATED PUBLICATIONS
*********************** */
.list-related .block-link {
  color: #7C136B;
}

.list-related .block-link:hover span {
  text-decoration: underline;
}

.list-related .list-item .list-block,
.list-related .list-header .list-block {
  border: 0;
  padding-top: 0;
}

.list-related .list-illus {
  width: 60px;
  text-align: center;
}

.grid_6 .list-related .item-content {
  width: 385px;
  /*resp*/
}

.grid_9 .list-related .item-content {
  width: 625px;
  /*resp*/
}

/* ***********************
    LISTE PUBLICATIONS/AUDIOCASTS
*********************** */
.list-publications > div {
  position: relative;
  zoom: 1;
}

.list-publications .list-illus {
  width: 60px;
  text-align: center;
}

.list-publications .item-content p {
  margin-top: 10px;
}

.list-publications .item-content p:first-child {
  margin-top: 0;
}

.list-publications .item-content .title {
  font-size: 12px;
}

.list-publications .download,
.list-publications .with-picto {
  padding-top: 4px;
  padding-bottom: 4px;
}

.list-publications .download .picto,
.list-publications .with-picto .picto {
  top: 4px;
}

.widget-publink .list-publications .download,
.widget-publink .list-publications .with-picto {
  font-weight: bold;
}

.wysiwyg-publication .list-item .list-block,
.wysiwyg-publication .list-header .list-block {
  padding-bottom: 0;
  border-bottom: 0 none;
}

.widget-publink-hp .list-item {
  float: left;
  margin-left: 20px;
  position: relative;
}

.widget-publink-hp .list-block {
  float: none;
}

.widget-publink-hp .list-item:first-child {
  margin-left: 0;
}

.widget-publink-hp .list-publications .list-illus {
  width: 140px;
  height: 200px;
}

.widget-publink-hp .list-publications .list-illus img,
.widget-singlepub-hp .list-publications .list-illus img {
  padding-bottom: 5px;
  background: url("images/sprites-vivendi.png") no-repeat scroll 0 120px transparent;
}

.widget-publink-hp .infos {
  position: absolute;
  top: 15px;
  left: 0;
  width: 120px;
  height: 180px;
  padding: 10px;
  background: url("images/bg-transp-violet.png") repeat 0 0 transparent;
  color: #fff;
  font-size: 11px;
  text-align: center;
  display: none;
}

.widget-publink-hp a:hover .infos {
  display: block;
}

.widget-publink-hp .infos .title {
  display: block;
  margin-top: 60px;
  font-weight: bold;
}

.widget-publink-hp .infos .file {
  display: block;
  margin-top: 10px;
}

.widget-singlepub-hp .link a,
.widget-singlepub-hp .link span {
  background: #000;
  color: #fff;
}

.widget-singlepub-hp .list-publications .list-block {
  padding: 0;
  border: 0;
}

.widget-singlepub-hp .list-publications .list-illus {
  width: 140px;
}

.widget-singlepub-hp .list-publications .item-content {
  width: 145px;
}

/* ***********************
    LISTE COMMUNIQUES (reports)
*********************** */
.list-reports a .link,
.list-reports .link a,
.list-search a .link,
.list-search .link a {
  color: #000;
}

.layout-soushp .widget-analysteactu-hp .list-reports a .link,
.layout-soushp .widget-analysteactu-hp .list-reports .link a {
  color: #7C136B;
  font-weight: normal;
}

.layout-soushp .widget-analysteactu-hp .list-reports a:hover .link,
.layout-soushp .widget-analysteactu-hp .list-reports .link a:hover {
  color: #fff;
}

.layout-soushp .widget-analysteactu-hp .list-reports .link span,
.layout-soushp .widget-analysteactu-hp .list-reports .link a {
  font-weight: normal !important;
}

/* ***********************
    LISTE COMMUNIQUES (reports) - new 30/01/2013
    LIST AGENDA - new 30/01/2013
*********************** */
.new .list-docs .item {
  padding-top: 10px;
}

.new .list-docs .item-date {
  width: 70px;
  float: left;
  margin-right: 10px;
  text-align: center;
}

.new .list-docs .item-date + .item-content {
  overflow: hidden;
}

.new .list-docs.cal-look .item-date span {
  display: block;
}

.new .list-docs.cal-look .item-date .d {
  border: 1px solid #eaeaea;
  border-bottom: 0 none;
  font-size: 40px;
  font-family: "NimbusSansNovusCondSemiBold", sans-serif;
  color: #7C136B;
}

.new .list-docs.cal-look .item-date .m {
  background: #7C136B;
  color: #fff;
}

.new .list-docs.cal-look a:hover .item-date .d {
  color: #7C136B !important;
}

.new .list-docs.cal-look a:hover .item-date .m {
  background: #7C136B !important;
}

.new .list-docs .item-content {
  color: #333333;
  height: 42px;
  padding: 2px 10px;
  border-left: 1px solid #eaeaea;
}

.new .list-docs.cal-look .item-content {
  height: 59px;
}

.new .list-docs .item-title {
  font-weight: normal;
  font-size: 12px;
}

.new .list-docs .item-place {
  margin-bottom: 2px;
  color: #959595;
  font-size: 10px;
  text-transform: uppercase;
}

.new .list-docs a {
  display: block;
  overflow: hidden;
  cursor: pointer;
}

.new .list-docs a:hover {
  text-decoration: none;
}

.new .list-docs a:hover .item-date,
.new .list-docs a:hover .item-title {
  color: #7C136B;
}

.new .list-docs a:hover .item-content {
  background: #f1f1f1;
}

.new .list-docs .item + .item + .item + .item {
  display: none;
}

@media screen and (min-width: 744px) {
  .new .list-docs .item + .item + .item + .item {
    display: block;
  }
}
.oldie .col-secondary .bx-vertical .item {
  width: 350px !important;
}

.col-secondary .bx-wrapper .bx-controls {
  position: absolute;
  top: -10px;
  right: 10px;
}

.col-secondary .bx-wrapper .bx-prev,
.col-secondary .bx-wrapper .bx-next {
  float: left;
  width: 20px;
  height: 0;
  padding: 20px 0 0;
  margin-left: 5px;
}

.bx-vertical .bx-next,
.bx-vertical .bx-next.disabled:hover {
  background: url("images/sprites.png") no-repeat scroll -400px -700px #d4d4d4;
}

.bx-vertical .bx-prev,
.bx-vertical .bx-prev.disabled:hover {
  background: url("images/sprites.png") no-repeat scroll -425px -700px #d4d4d4;
}

.bx-horizontal .bx-next,
.bx-horizontal .bx-next.disabled:hover {
  background: url("images/sprites.png") no-repeat scroll -425px -725px #d4d4d4;
}

.bx-horizontal .bx-prev,
.bx-horizontal .bx-prev.disabled:hover {
  background: url("images/sprites.png") no-repeat scroll -400px -725px #d4d4d4;
}

.bx-vertical .bx-next:hover,
.bx-horizontal .bx-next:hover {
  background-color: #7C136B;
}

.bx-vertical .bx-prev:hover,
.bx-horizontal .bx-prev:hover {
  background-color: #7C136B;
}

/* ***********************
    ILLUSTRATION HP - new 30 janv 2013
*********************** */
.new .illus-hp-new > .content {
  padding: 5px;
  overflow: hidden;
}

.illus-hp-new br,
.illus-hp-new p {
  display: none;
  position: absolute;
}

.illus-hp-new .content * {
  zoom: 1;
}

.illus-hp-new .content div {
  display: block;
  max-width: 100%;
  margin: 5px auto 0;
}

.illus-hp-new .content img {
  max-width: 100%;
  width: auto;
  /* corriger max-width bug ie8 */
  display: block;
}

.illus-hp-new .big img {
  margin-top: 0px;
}

@media screen and (min-width: 744px) {
  .illus-hp-new .content div {
    float: right;
    max-width: 215px;
    margin-left: 4px;
    margin-top: 0;
  }

  .illus-hp-new .content .big {
    margin-left: 0;
    margin-top: 0;
    float: left;
  }

  .illus-hp-new .content .small-1,
  .illus-hp-new .content .small-2 {
    margin-top: 0;
  }
  .ie7 .illus-hp-new .content .small-1, .ie7
  .illus-hp-new .content .small-2 {
    position: absolute;
    bottom: 5px;
    right: 5px;
  }

  .illus-hp-new .content .small-1 {
    margin-bottom: 3px;
  }
  .ie7 .illus-hp-new .content .small-1 {
    bottom: auto;
    top: 5px;
  }
}
@media screen and (min-width: 980px) {
  .illus-hp-new .content div {
    max-width: none;
  }
}
/* ***********************
    LISTE RESULTATS DE RECHERCHE
*********************** */
.list-search-label {
  background: #eaeaea;
  padding: 7px 10px;
  font-weight: bold;
}

.list-search .list-item .item-content {
  float: none;
  width: auto;
  margin: 0 0 0 20px;
}

/* ***********************
    LISTE PRESENTATIONS
*********************** */
.widget-presentations table {
  margin: 15px 0;
}

.list-presentations .item-month {
  color: #999999;
  font-size: 11px;
}

.list-presentations .item-link {
  width: 120px;
  /*resp*/
}

.list-presentations .item-link .download,
.list-presentations .item-link .with-picto {
  margin: 0 auto;
}

/* ***********************
    LISTE RESULTATS
*********************** */
.widget-results .editor {
  margin-top: 30px;
}

.list-results img {
  display: block;
}

.list-results .title {
  font-size: 14px;
}

.list-results .item-logo {
  display: block;
  float: left;
  margin: 0 5px 5px 0;
}

.list-results .item-content {
  font-weight: normal;
}

.grid_9 .list-results .item-content {
  width: 220px;
  /*resp*/
}

.grid_9 .list-results .item-link {
  width: 105px;
  /*resp*/
}

/* ***********************
    LISTE NEWS/ACTUS
*********************** */
.manic-news .list-news .item-content {
  width: 260px;
}

.manic-news .list-news .list-illus {
  width: 60px;
}

.manic-news .list-news .list-illus img {
  max-width: 100%;
  width: auto;
  /* corriger max-width bug ie8 */
  height: auto;
}

.no-js .manic-news .list-news .item-content {
  width: 248px;
}

table.list-news td {
  padding: 15px 0;
  margin-right: 10px;
}

table.list-news td.list-block {
  border-bottom: 1px solid #EAEAEA;
}

table.list-news td.list-picto {
  text-align: center;
}

table.list-news td.list-block a,
table.list-news td.list-block a:hover {
  text-decoration: none;
}

td.big-empty {
  width: 15px;
}

/* ***********************
    LISTE ACTUS PAGE PRESSE
*********************** */
.list-pressnews .tag {
  padding: 0;
  font-size: 10px;
}

.list-pressnews .with-pic .tag {
  left: 0;
  top: 17px;
}

.list-pressnews .without-pic .list-block {
  padding-top: 30px;
}

.list-pressnews .item-content .text {
  margin-top: 5px;
}

.list-pressnews .item-date {
  font-family: arial,sans-serif;
  font-size: 13px;
  font-weight: bold;
}

.grid_6 .list-pressnews .item-content {
  width: 390px;
  /*resp*/
}

.grid_9 .list-pressnews .item-content {
  width: 630px;
  /*resp*/
}

.grid_4 .list-pressnews .with-pic .item-content {
  width: 145px;
  /*resp*/
}

.grid_6 .list-pressnews .with-pic .item-content {
  width: 305px;
  /*resp*/
}

.grid_9 .list-pressnews .with-pic .item-content {
  width: 545px;
  /*resp*/
}

.widget-activites-innovation .list-item .list-block,
.widget-activites-innovation .list-header .list-block {
  padding: 10px 0;
}

.widget-activites-innovation .list-pressnews {
  margin-bottom: 10px;
}

/* ***********************
    LISTE PHOTOS CONSEIL SURVEILLANCE
*********************** */
.picture-trombi-list .picture-trombi img {
  display: block;
}

.picture-trombi-list {
  position: relative;
  background: #fff;
}

.picture-trombi {
  position: relative;
  float: left;
  margin: 0;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.ie7 .picture-trombi {
  zoom: 1;
}

.picture-trombi h2 + img {
  margin-top: 15px;
}

.picture-trombi .trombi-title {
  font-size: 11px;
  margin-bottom: 2px;
  display: block;
}

.picture-trombi .trombi-description {
  color: #fff;
  font-size: 10px;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 104px;
  height: 94px;
  text-align: center;
  padding: 10px 5px 10px 5px;
  background: url("images/trombi.png") repeat 0 0 transparent;
}

.picture-trombi:hover .trombi-description {
  display: block;
}

.widget-trombi--up .picture-trombi .trombi-description {
  top: 15px;
}

@media screen and (min-width: 980px) {
  .widget-trombi--up .picture-trombi:hover .trombi-description {
    top: 30px;
  }
}

.picture-trombi:hover .more {
  display: none;
}

.picture-trombi .more {
  background: url("images/sprites.png") no-repeat scroll -323px -249px transparent;
  font-size: 0;
  height: 42px;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  width: 42px;
  display: block;
  bottom: 0;
  right: 0;
}

.grid_4 .widget-trombi .content {
  background: url("images/sprites-vivendi.png") no-repeat scroll 0 52px transparent;
}

.grid_4 .picture-trombi .trombi-description {
  width: 89px;
  height: 89px;
  text-align: center;
  padding: 5px;
  font-size: 10px;
}

.grid_4 .picture-trombi .trombi-title {
  font-size: 10px;
}

.picture-trombi-important img {
  float: left;
}

.picture-trombi-important .trombi-title {
  font-size: 16px !important;
  margin-bottom: 5px;
}

.picture-trombi-important .trombi-description {
  display: block;
  position: relative;
  float: left;
  background: #fff none;
  color: #7C136B;
  line-height: 15px;
  font-size: 11px !important;
}

.picture-trombi-important .trombi-content span {
  background: none repeat scroll 0 0 #000000;
  color: #FFFFFF;
  display: inline;
}

.picture-trombi-important:hover .trombi-content span {
  background: none repeat scroll 0 0 #7C136B;
}

.grid_4 .picture-trombi-important .trombi-description {
  width: 190px;
  text-align: left;
}

.widget-trombi--up .picture-trombi + .picture-trombi {
  margin-top: 20px;
}
@media screen and (min-width: 980px) {
  .widget-trombi--up .picture-trombi + .picture-trombi {
    margin: 0 0 0 20px;
  }
}

/* ***********************
    LISTE COMITES
*********************** */
.widget-list-comites .list-picto {
  width: 40px;
}

.grid_3 .widget-list-comites .item-content {
  width: 165px;
}

/* ***********************
    LISTE CONTENU CONSEIL BIBLIOGRAPHIE
*********************** */
.list-biblio .item-contenu h2 {
  border-bottom: 1px solid #D6D6D6;
  font-size: 15px;
  padding-bottom: 5px;
  text-transform: uppercase;
  margin-top: 20px;
}

.list-biblio-picture .list-item .list-block, .list-biblio-picture .list-header .list-block {
  border-bottom: none;
}

.conseil {
  margin-top: 10px;
  line-height: 1.4em;
}

.conseil img {
  margin: 0 15px 20px 0;
}

/* ***********************
    LISTE METIERS DU GROUPE
*********************** */
.widget-job .excerpt {
  margin-bottom: 20px;
}

.widget-job .editor {
  margin-bottom: 20px;
}

.widget-job .more {
  background: url("images/sprites.png") no-repeat scroll -323px -249px transparent;
  font-size: 0;
  height: 42px;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  width: 42px;
  display: block;
  top: 36px;
  right: 5px;
}

.widget-job .list-pressnews .with-pic .item-content {
  padding-top: 15px;
}

/* ***********************
    WIDGET/PAGE CONTACTS
*********************** */
.widget-contacts .menu-contacts {
  font-size: 11px;
  margin-top: 10px;
}

.widget-contacts .menu-contacts li {
  margin-top: 5px;
}

.widget-contacts .menu-contacts li:first-child,
.widget-contacts .menu-contacts li li {
  margin-top: 0;
}

.widget-contacts .menu-contacts ul ul {
  margin: 1px 0 0 15px;
}

.widget-contacts .menu-contacts .a-1 {
  text-transform: uppercase;
  font-weight: bold;
}

.main-content .widget-contacts .header {
  margin-top: 10px;
}

.widget-contacts .illus-contacts {
  height: 400px;
  background: url("images/bg-contacts.png") no-repeat 0 0;
}

/* ***********************
    WIDGET/PAGE TALENTS
    TEMOIGNAGES DETAIL
*********************** */
.widget-temoignages-detail .list-item .list-block,
.widget-temoignages-detail .list-header .list-block {
  border-top: 1px solid #EAEAEA;
}

.widget-temoignages-detail p {
  font-size: 11px;
  line-height: 1.4em;
}

.widget-temoignages-detail p {
  font-size: 12px;
}

.widget-temoignages .title, .widget-temoignages-detail .title {
  font-size: 12px;
}

.widget-temoignages .link span {
  font-size: 14px;
}

.widget-temoignages .link span {
  font-size: 14px;
}

.next-story {
  margin-top: 15px;
}

.next-story a {
  font-weight: bold;
}

.widget-temoignages .list-illus {
  width: 70px;
  min-height: 10px;
}

.widget-temoignages .item-people {
  width: 140px;
}

.widget-temoignages .item-content {
  width: 460px;
}

.widget-temoignages hr {
  color: #eaeaea;
  background-color: #eaeaea;
  height: 1px;
  border: 0;
  width: 100%;
}

.widget-temoignages .text {
  margin: 7px 0;
}

.widget-temoignages-hp .item-content,
.widget-temoignages-hp .list-illus {
  float: left;
}

.widget-temoignages-hp .list-illus {
  width: 80px;
}

.widget-temoignages-hp .item-content {
  width: 220px;
}

.widget-temoignages-hp .link {
  margin-bottom: 10px;
}

.widget-temoignages-hp .link span {
  font-size: 14px;
  line-height: 21px;
}

.widget-temoignages-hp .citation {
  margin-bottom: 20px;
  font-size: 12px;
}

.widget-temoignages-hp .source {
  font-size: 10px;
  text-align: right;
}

/* ***********************
    PAGES D'ERREUR
*********************** */
.widget-error {
  font-size: 14px;
}

.widget-error p,
.widget-error ul {
  margin-top: 15px;
}

.widget-error p:first-child,
.widget-error ul:first-child {
  margin-top: 5px;
}

.widget-error li {
  margin: 10px 0 0 20px;
}

.widget-error li:first-child {
  margin-top: 0;
}

.widget-error .error-illus {
  position: absolute;
  top: 0;
  right: 0;
  width: 581px;
  height: 264px;
  background: red;
}

/* ***********************
    dates aligné au .link en face
*********************** */
.list-pressnews .item-date,
.list-events .item-date,
.list-reports .item-date {
  padding-top: 17px;
}

/* ***********************
    BLUE BOX
    RESULTATS FILTRES
*********************** */
.result-sort {
  border-bottom: 1px solid #D6D6D6;
  height: 30px;
  margin: 5px 0 10px 0;
  position: relative;
}

.result-sort .result, .result-sort .sort {
  position: absolute;
}

.result-sort .result {
  width: 300px;
  left: 0;
}

.result-sort .sort {
  right: 0;
}

.result-sort .word-search {
  color: #7C136B;
}

/* ***********************
    PAGE COMMUNIQUE DE PRESSE
    DETAIL
*********************** */
.publier-date {
  color: #999999;
  margin: 15px 0 0 0;
}

.publier-date .item-date {
  font-size: 16px;
}

.widget-publications .date-press {
  font-size: 11px;
  color: #999999;
}

.widget-publications .block-link:hover .date-press {
  text-decoration: none;
}

/* ***********************
    Template en bref
*********************** */
.tpl-bref {
  line-height: 1.8em;
}

.tpl-bref td:first-child {
  padding-right: 20px;
}

.tpl-bref-excerpt {
  font-weight: bold;
  font-size: 16px;
}

/* ***********************
    Lien abonnement alertes
*********************** */
.widget-date,
.alerts {
  position: absolute;
  right: 0;
  top: 2px;
  padding-left: 20px;
  margin: 0 0 5px;
  cursor: pointer;
  font-size: 11px;
  text-transform: none;
  color: #000;
}

.alerts.picto-only {
  display: block;
  font-size: 0;
  height: 11px;
}

.widget-date {
  color: #999999;
}

.alerts .picto {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
  width: 15px;
  padding: 15px 0 0;
}

.alerts:hover {
  text-decoration: none;
  color: #000;
}

.stuffontheright .alerts {
  position: relative;
  float: right;
  margin: 6px 0 0;
  top: auto;
  right: auto;
}

.ie7 .stuffontheright .alerts {
  display: inline;
}

/* ***********************
    Template présence internationale
*********************** */
.tpl-presence td {
  padding: 10px 0 0;
}

.tpl-presence-datas strong {
  color: #7C136B;
  font-size: 1.2em;
  padding: 0 5px 0 0;
}

/* ***********************
    Liste des "espaces métiers" liés en sous-hp
*********************** */
.list-metiers .list-item {
  text-align: center;
}

.list-metiers a:hover,
.list-metiers a:hover + p,
.list-metiers a:hover + a + p,
.list-metiers a:hover + a + a + p {
  color: #7C136B;
}

/* ***********************
    Edito en hp ???
*********************** */
.widget-edito-hp .excerpt {
  font-size: 16px;
  line-height: 1.6em;
  margin-bottom: 10px;
  font-weight: bold;
}

.widget-edito-hp .content {
  line-height: 1.6em;
}

.grid_8 .widget-edito-hp .picture {
  width: 300px;
}

.grid_8 .widget-edito-hp .item-content {
  width: 305px;
}

.grid_8 .widget-edito-video .picture {
  width: 475px;
}

.grid_8 .widget-edito-video .item-content {
  width: 130px;
}

.grid_8 .widget-edito-hp .vid {
  position: relative;
  padding: 0 0 5px;
}

.grid_8 .widget-edito-hp .shadow {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  height: 10px;
  width: 100%;
  background: url("images/sprites-vivendi.png") no-repeat scroll 0 -258px transparent;
}

.grid_8 .widget-edito-video .shadow {
  display: none;
}

/* ***********************
    Dernier résultat en HP
*********************** */
.widget-editoresultat-hp .link {
  margin-bottom: 10px;
}

.widget-editoresultat-hp .link a {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
}

.grid_8 .widget-editoresultat-hp .list-block {
  border: 0;
}

.grid_8 .widget-editoresultat-hp .picture {
  width: 300px;
}

.grid_8 .widget-editoresultat-hp .item-content {
  width: 305px;
  line-height: 1.4em;
}

/* ***********************
    widget bourse en hp
*********************** */
.widget-bourse-hp td,
.widget-bourse-hp th {
  vertical-align: middle;
  text-align: left;
  border-bottom: 1px solid #eaeaea;
  padding: 10px 10px;
}

.widget-bourse-hp th {
  color: #b4b4b4;
  font-size: 10px;
}

.widget-bourse-hp th:first-child + td {
  border-right: 1px solid #eaeaea;
}

.widget-bourse-hp .data {
  text-align: right;
  white-space: nowrap;
}

.widget-bourse-hp .bourse-head {
  color: #7a1f5e;
  height: 100px;
  font-weight: normal;
  background: url("images/bg-bourse-hp.gif") no-repeat 0 center transparent;
  padding: 0;
  padding-left: 140px;
}

.widget-bourse-hp .red {
  color: #e81212;
}

/* ***********************
    template liste numérotée
*********************** */
.tpl-liste-regles {
  border-collapse: separate;
  border-spacing: 10px 0;
}

.tpl-liste-regles td {
  padding: 10px 0;
  border-bottom: 1px solid #eaeaea;
  color: #7c136b;
}

.tpl-liste-regles .num {
  padding: 10px;
  text-align: center;
  width: 40px;
  color: #000;
}

/* ***********************
    widget switchvid
*********************** */
.switchvid-menu,
.switchvid-content {
  float: left;
}

.switchvid-menu {
  width: 220px;
}

.switchvid-menu a {
  position: relative;
  display: block;
  background: #fff;
  padding: 15px 5px 15px 50px;
  border-bottom: 1px solid #e9e9e9;
  font-size: 13px;
  color: #333333;
  font-weight: bold;
}

.ie7 .switchvid-menu a {
  zoom: 1;
}

.switchvid-menu .picto {
  position: absolute;
  top: 50%;
}

.switchvid-menu .picto-pad-2 {
  margin-top: -11px;
  left: 5px;
}

.switchvid-menu .picto-music-2 {
  margin-top: -11px;
  left: 15px;
}

.switchvid-menu .picto-telecom-2 {
  margin-top: -16px;
  left: 10px;
}

.switchvid-menu .picto-cine-2 {
  margin-top: -11px;
  left: 10px;
}

.switchvid-menu a:hover,
.switchvid-menu .current {
  background: #e9e9e9;
  color: #7C136B;
  text-decoration: none;
}

.switchvid-content {
  width: 380px;
  min-height: 220px;
  background: #e9e9e9;
  padding: 10px;
  position: relative;
}

.switchvid-video {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
  display: none;
}

.switchvid-video.current {
  z-index: 10;
  display: block;
}

/* ***********************
    widget switchvid
*********************** */
.st_sharethis_custom {
  cursor: pointer;
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: url("images/sprites.png") no-repeat -825px -325px;
}

/* ***********************
    Template titre bannières HP
*********************** */
.tpl-banner-title {
  margin: 25px 0 0 30px;
}

.tpl-banner-title-main {
  font-size: 30px;
  padding-bottom: 2px;
  color: #7C136B;
}

.tpl-banner-title-sub {
  font-size: 22px;
}

.responsive-768 .tpl-banner-title-main {
  font-size: 20px;
}

.responsive-768 .tpl-banner-title-sub {
  font-size: 16px;
}

/* ***********************
    Template liens avec icônes dans contenu
*********************** */
.tpl-link-dl,
.tpl-link-ext,
.tpl-link-play {
  padding-left: 15px;
}

.tpl-link-dl {
  background: url("images/bullet-link-dl.png") no-repeat 0 2px;
}

.tpl-link-ext {
  background: url("images/bullet-link-ext.png") no-repeat 0 2px;
}

.tpl-link-play {
  background: url("images/bullet-link-play.png") no-repeat 0 2px;
}

.tpl-link-up {
  text-align: right;
  line-height: 16px;
  height: 16px;
}

.tpl-link-up a {
  overflow: hidden;
  display: inline-block;
  padding: 0;
  width: 16px;
  height: 16px;
  font-size: 0;
  background: url("images/bullet-link-up.png") no-repeat 0 0;
}

.tpl-link-up a:hover {
  text-decoration: none;
}

.ie7 .tpl-link-up a {
  display: inline;
}

/* ***********************
    Template tableaux personnes http://www.vivendi.fr/vivendi/Membre-du-comite
*********************** */
.tpl-people-2 img {
  display: block;
}

.tpl-people-2 td,
.tpl-people-2 th {
  vertical-align: top;
  padding: 0 10px 10px 0;
}

.tpl-people-2 .people-illus {
  width: 60px;
}

/* ***********************
    Sitemap
*********************** */
.widget-sitemap .row {
  margin-top: 20px;
}

.widget-sitemap .row:first-child {
  margin-top: 0;
}

.widget-sitemap .eq-col {
  padding-bottom: 20px;
  border-bottom: 1px solid #EAEAEA;
}

.widget-sitemap .title {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 10px;
}

.widget-sitemap li li {
  font-size: 11px;
  margin-left: 0;
  margin-top: 2px;
  list-style: none outside url("images/bullet.png");
}

.widget-sitemap li {
  margin-left: 15px;
  margin-top: 10px;
  list-style: none outside url("images/bullet-triangle.png");
}

.widget-sitemap li:first-child {
  margin-top: 5px;
}

body {
  background: url("images/bgr.jpg");
}

#container {
  z-index: 2;
  position: relative;
}

/* **********************
   LAYOUT
*********************** */
.layout {
  margin: 0 0 30px;
  position: relative;
  z-index:1;
}

.layout-hp {
  margin: 30px 0 30px;
}

.layout-error {
  margin: 0 0 -30px;
  background: url("images/bg-error.png") repeat-x 0 0 #fff;
}

.layout .wrapper {
  width: 960px;
  background-color: #fff;
  padding: 20px 10px 15px;
  margin: 0 auto;
}

.layout-hp-new .wrapper {
  width: 980px;
  background: 0 none;
  padding: 25px 0 0;
}

.layout-error .wrapper {
  width: 980px;
  height: 293px;
  padding: 50px 0 0;
  margin: 0 auto;
}

.layout-error-404 .wrapper {
  background: url("images/bg-404.png") no-repeat right 30px transparent;
}

.layout-error-410 .wrapper {
  background: url("images/bg-410.png") no-repeat right 30px transparent;
}

@media screen and (min-width: 750px) {
  .layout .wrapper {
    padding: 25px 10px;
  }
}
.wrapper > .shadow {
  background: url("images/sprites.png") no-repeat 0 -129px;
  bottom: -12px;
  height: 12px;
  left: 50%;
  margin-left: -490px;
  position: absolute;
  width: 980px;
}

/* **********************
   GABARITS
   IMAGES
*********************** */
.picture-130-70, .biblio-picture img {
  background: url("images/sprites-vivendi.png") no-repeat 0 0;
  padding: 5px 5px 12px;
}

.picture-290-160 {
  background: url("images/sprites-vivendi.png") no-repeat 0 -88px;
  padding: 5px 5px 12px;
}

.picture-210-114 {
  background: url("images/sprites-vivendi.png") no-repeat 0 -278px;
  padding: 5px 5px 12px;
}

/* **********************
   MENU BANDEAU
*********************** */
#header .menu {
  position: absolute;
  top: 40px;
  left: -100%;
  width: 100%;
  margin: 0 auto;
}

#header .is-open + .menu {
  padding: 0 0 15px;
}

@media screen and (min-width: 750px) {
  #header .is-open + .menu {
    padding: 0;
  }
}
#header .menu li.home {
  width: 185px;
  right: -185px;
  z-index: 1;
}

#header .menu li.item-menu {
  position: relative;
  right: -0%;
  width: auto;
  z-index: 2;
  background: #fff;
}

.no-touch #header .menu > ul li.item-menu:hover .dd,
.no-touch #header .menu > ul li.item-menu:hover .shadow {
  display: block;
}

#header .menu .dd {
  position: absolute;
  left: 0;
  background: url("images/bandeau.png") repeat-x 0 0;
  width: 100%;
  display: none;
}

#header .menu .wrapper {
  margin: 0 auto;
  width: auto;
  padding-bottom: 10px;
  background-color: #fff;
}

#header .menu .wrapper > .shadow {
  height: 12px;
  position: absolute;
  bottom: -12px;
  left: 0;
  margin: 0;
  width: 980px;
  background: url("images/sprites.png") no-repeat scroll 0 -133px transparent;
}

#menu-overlay {
  opacity: 0.7;
  -moz-opacity: 0.7;
  -ms-filter: "alpha(opacity=70)";
  /* IE 8 */
  filter: alpha(opacity=70);
  /* IE < 8 */
  position: fixed;
  top: 116px;
  z-index: 3;
  width: 100%;
  height: 100%;
  width: 100%;
  /*
  background-color: #fff;
  */
  background: transparent;
  left: 0;
  display: none;
}

#header .menu .ul-2,
#header .menu .ul-2 ul {
  display: none;
}

#header .menu .is-open > ul {
  display: block;
}

#header .menu li.item-menu br {
  display: none;
}

#header .menu .ul-2 {
  background: #e5e5e5;
}

#header .menu .ul-3 {
  background: #d5d5d5;
}

#header .menu .ul-4 {
  background: #c5c5c5;
}

#header .menu .ul-5 {
  background: #b5b5b5;
}

#header .menu li[class^=item-menu] {
  position: relative;
  border-top: 1px solid #EAEAEA;
}

#header .menu li[class^=item-menu] > a,
#header .menu .sub-trigger {
  display: inline-block;
  width: auto;
  height: 20px;
  margin: 5px 10px;
  padding: 5px 8px;
  text-transform: uppercase;
  line-height: 20px;
  font-size: 10px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 750px) {
  #header .menu li[class^=item-menu] > a,
  #header .menu .sub-trigger {
    text-overflow: clip;
  }
}

#header .menu li[class^=item-menu] > a {
  border: 0 none;
}

#header .menu .sub-trigger {
  border-radius: 3px;
  color: #fff;
  background: #7b136a;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #7b136a 0%, #5b0d4e 100%);
  /* W3C */
}

#header .menu .ul-2 > li > a {
  margin-left: 5%;
  max-width: 70%;
}

#header .menu .ul-3 > li > a {
  margin-left: 10%;
  max-width: 65%;
}

#header .menu .ul-4 > li > a {
  margin-left: 15%;
  max-width: 60%;
}

#header .menu .ul-5 > li > a {
  margin-left: 20%;
  max-width: 55%;
}

#header .menu .ul-1 .sub-trigger {
  display: none;
}

#header .menu .ul-1 ul + .sub-trigger,
#header .menu .ul-1 ul + .sub-trigger:before {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 5px;
  right: 10px;
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
}

#header .menu .ul-1 ul + .sub-trigger:before {
  content: ' ';
  top: 0;
  right: 0;
  background: url("images/sprites.png") no-repeat -547px -748px;
  z-index: 2;
}

#header .menu .ul-1 .is-open > .sub-trigger:before {
  background-position: -547px -697px;
}

#header .menu .ul-1 .sub-open ul + .sub-trigger:before {
  background: url("images/sprites.png") no-repeat -546px -698px;
}

#header .menu li.item-menu span.puce {
  top: 8px;
  right: 10px;
}

.no-js #header .menu li.item-menu span.puce {
  top: -5px;
}

@media screen and (min-width: 750px) {
  #header .menu .is-open > ul {
    display: none;
  }

  #header .menu li[class^=item-menu] {
    border-top: 0 none;
    position: static;
  }

  #header .menu li[class^=item-menu] > a {
    display: block;
    padding: 7px 28px 0 0;
    margin: 0;
    padding-top: 7px;
    line-height: normal;
    color: #111111;
    font-weight: bold;
    border-radius: 0;
    background: none transparent;
  }

  #header .menu li.item-menu > a {
    height: 30px;
  }

  #header .menu .ul-1 ul + .sub-trigger {
    display: none !important;
  }

  #header .menu li.item-menu br {
    display: inline;
  }

  #header .selected .shadow {
    display: block;
  }

  #header .menu li.metiers {
    background: #F2F2F2;
    padding-left: 0;
  }

  #header .menu li.metiers a {
    padding-left: 13;
  }
}
@media screen and (min-width: 980px) {
  #header .hover .shadow {
    display: block;
  }
}
#header .shadow {
  position: absolute;
  height: 4px;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #7C136B;
  display: none;
}

#header .metiers .shadow {
  background-color: #fff;
}

#content-header {
  margin: 0 auto;
  width: 980px;
}

#content-header .wrapper {
  overflow: hidden;
}

/* *****************
    BANDEAU
****************** */
#bandeau {
  position: relative;
  z-index: 1;
}

.bandeau-hp {
  height: 413px;
}

.bandeau-hp .wrapper {
  height: 413px;
  width: 980px;
  margin: 0 auto;
  position: relative;
}

.bandeau-page {
  height: 42px;
  background: url("images/bandeau-page.png") repeat-x 0 0;
}

.bandeau-page .wrapper,
.bandeau-soushp .wrapper {
  width: 980px;
  margin: 0 auto;
  position: relative;
}

.bandeau-hp .wrapper > img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.bandeau-page ul {
  line-height: 42px;
}

.bandeau-page li {
  float: left;
  position: relative;
  padding-left: 13px;
  margin: 0 3px 0 3px;
  font-size: 10px;
}

.bandeau-page a {
  color: #EAEAEA;
}

.bandeau-page span.deco {
  width: 6px;
  height: 6px;
  background: url("images/sprites.png") no-repeat -750px -174px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -3px;
}

.bandeau-page span.active {
  font-weight: bold;
  color: #fff;
}

/* *****************
    BANDEAU
    ANIMATION
****************** */
.no-js #overflow-article {
  width: 980px;
  height: 385px;
  overflow: scroll;
}

.no-js #bandeau .hidden {
  display: block;
  visibility: visible;
}

.no-js #overflow-article > div {
  width: 963px;
}

#bandeau .hidden {
  visibility: hidden;
}

#nav-bandeau {
  bottom: -10px;
  left: 0;
  position: absolute;
  width: 100%;
  height: auto;
  z-index: 4;
}

#nav-bandeau ul {
  height: 100%;
  margin: 0 auto;
  float: right;
}

#nav-bandeau li:first-child {
  border: 0 none;
}

#nav-bandeau li {
  float: left;
  font-size: 13px;
  height: auto;
  padding-top: 12px;
  text-align: right;
  text-transform: uppercase;
  margin-left: 50px;
  position: relative;
}

#nav-bandeau li .games-bandeau a:hover {
  color: #99aec2;
}

#nav-bandeau li .musique-bandeau a:hover {
  color: #c0cd7a;
}

#nav-bandeau li .telecoms-bandeau a:hover {
  color: #e2bf79;
}

#nav-bandeau li .tv-bandeau a:hover {
  color: #9db197;
}

#nav-bandeau li a {
  color: #858585;
  background-color: #fff;
  padding: 2px 2px 2px 7px;
}

.ie7 #nav-bandeau li div {
  display: inline;
}

#nav-bandeau li a:hover {
  text-decoration: none;
}

#nav-bandeau .picto {
  width: 48px;
  margin: 0 auto;
  height: 37px;
  padding: 0;
  background: url("images/sprites.png") no-repeat;
  margin-bottom: 5px;
  position: absolute;
  display: block;
  left: -44px;
  top: -10px;
}

.ie7 #nav-bandeau .picto {
  top: -12px;
}

#nav-bandeau li:hover {
  cursor: pointer;
}

#nav-bandeau li span.picto-1 {
  background-position: -225px -700px;
}

#nav-bandeau li.active span.picto-1,
#nav-bandeau li:hover span.picto-1 {
  background-position: -226px -751px;
}

#nav-bandeau li span.picto-2 {
  background-position: -75px -700px;
}

#nav-bandeau li.active span.picto-2,
#nav-bandeau li:hover span.picto-2 {
  background-position: -76px -751px;
}

#nav-bandeau li span.picto-3 {
  background-position: 0 -700px;
}

#nav-bandeau li.active span.picto-3,
#nav-bandeau li:hover span.picto-3 {
  background-position: 0 -750px;
}

#nav-bandeau li span.picto-4 {
  background-position: -150px -700px;
}

#nav-bandeau li.active span.picto-4,
#nav-bandeau li:hover span.picto-4 {
  background-position: -150px -750px;
}

#overflow-article {
  width: 980px;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
  z-index: 2;
}

#overflow-article > div {
  width: 980px;
  height: 413px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
}

#overflow-article .infos {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 95%;
}

#overflow-article .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 35px;
  height: 35px;
  background: url("images/close.png") no-repeat center center;
  cursor: pointer;
}

/* *****************
    RECHERCHE
****************** */
.form-search {
  background: url("images/sprites.png") no-repeat -571px 0;
  width: 225px;
  margin: 0 0 0 5px;
  float: left;
  height: 40px;
  overflow: hidden;
  position: relative;
  float: left;
}

.form-search input[type=text] {
  border: 0 none;
  color: #999999;
  font-size: 13px;
  margin: 11px 0 0 10px;
  width: 150px;
}

.form-search input[type=submit] {
  background: none;
  border: 0 none;
  cursor: pointer;
  height: 25px;
  position: absolute;
  right: 24px;
  text-indent: -9999px;
  top: 8px;
  width: 48px;
}

@media screen and (min-width: 744px) {
  .form-search {
    width: 244px;
    margin: 0 7px 0 0;
  }
}
/* *****************
    LANGUE
****************** */
.langue {
  float: left;
}

.langue a,
.langue span {
  display: block;
  width: 34px;
  height: 25px;
  text-align: center;
  font-weight: bold;
  font-style: italic;
  padding-top: 9px;
  float: left;
}

.langue span,
.langue a:hover {
  background: url("images/sprites.png") no-repeat -782px -40px;
  color: #fff;
}

.langue a {
  color: #6d015b;
  text-decoration: none;
}

/* *****************
    LOGOS
****************** */
#logos {
  width: 980px;
  z-index: 3;
  margin: 0 auto;
  position: absolute;
  bottom: 45px;
  left: 0;
  text-align: center;
}

#logos .title {
  float: left;
  padding-top: 23px;
  margin-left: 15px;
}

#logos .title {
  /*font-family: 'TitilliumMaps29L-800wt', sans-serif;*/
  text-transform: uppercase;
  color: #7C136B;
  font-size: 18px;
}

#logos li {
  display: inline-block;
  padding-top: 5px;
  margin-left: 10px;
}

#logos li:first-child {
  margin-left: 0;
}

.ie7 #logos li {
  display: inline;
}

#logos li a {
  display: block;
  height: 40px;
  text-indent: -9999px;
  background: url("images/sprites.png") no-repeat;
}

#logos li a.blizzard {
  width: 80px;
  background-position: 4px 0;
}

#logos li a.blizzard.active,
#logos li a.blizzard:hover {
  background-position: 4px -42px;
}

#logos li a.universal {
  width: 80px;
  background-position: -77px 0;
}

#logos li a.universal.active,
#logos li a.universal:hover {
  background-position: -77px -42px;
}

#logos li a.sfr {
  width: 50px;
  background-position: -156px 3px;
}

#logos li a.sfr.active,
#logos li a.sfr:hover {
  background-position: -156px -39px;
}

#logos li a.telecom {
  width: 70px;
  background-position: -200px 2px;
}

#logos li a.telecom.active,
#logos li a.telecom:hover {
  background-position: -200px -40px;
}

#logos li a.gvt {
  width: 55px;
  background-position: -262px 2px;
}

#logos li a.gvt.active,
#logos li a.gvt:hover {
  background-position: -262px -40px;
}

#logos li a.canal {
  width: 55px;
  background-position: -313px 0;
}

#logos li a.canal.active,
#logos li a.canal:hover {
  background-position: -313px -42px;
}

/*
.en #logos li a.canal {
    background-position: -911px -671px;
}
.en #logos li a.canal.active,
.en #logos li a.canal:hover {
    width: 89px;
    background-position: -911px -735px;
}
*/
/* *****************
    FOOTER
****************** */
#footer {
  margin-top: -35px;
  z-index: 1;
  padding-top: 60px;
  padding-bottom: 20px;
  background: url(images/footer.jpg) repeat-x 0 0 #303030;
  position: relative;
}

#footer .header {
  position: relative;
  text-transform: uppercase;
  color: #fff;
  /*font-family: 'TitilliumMaps29L-800wt', sans-serif;*/
}

#footer a {
  color: #999999;
}

#footer .container_12 > div:last-child {
  background: none transparent;
}

#footer li {
  margin-top: 10px;
}

#footer .content {
  font-size: 11px;
  padding-right: 15px;
}

/* *****************
    FOOTER
    CONTACT
****************** */
#big-contact {
  width: 980px;
  margin: 0 auto 30px;
  height: 80px;
  position: relative;
}

#big-contact .daolagem {
  position: absolute;
  z-index: 5;
  display: block;
  width: 100%;
  height: 80px;
  background: url("images/bg-big-contact.png") no-repeat 0 0 transparent;
}

#big-contact a {
  display: block;
  width: 100%;
  height: 80px;
  line-height: 80px;
  color: #fff;
  text-align: center;
  font-size: 25px;
}

#big-contact a:hover {
  text-decoration: none;
}

#big-contact .picto {
  display: inline-block;
  width: 15px;
  padding-top: 11px;
  background: url("images/sprites.png") no-repeat -975px -150px transparent;
  margin: 0 10px;
  vertical-align: middle;
}

.ie7 #big-contact .picto {
  display: inline;
}

/* *****************
   FOOTER
   SOCIAL
****************** */
#social {
  margin: 0 auto;
  height: 81px;
  padding-top: 1px;
}

#social .social-content {
  position: relative;
  margin: 5px;
  position: relative;
  height: 69px;
}

/* *****************
    FOOTER
    LOGO
****************** */
#social {
  width: 980px;
}

#social .logo {
  position: absolute;
  top: 0;
}

#social .logo a {
  display: block;
  height: 35px;
  margin-top: 9px;
  width: 100%;
  background: url("images/sprites.png") no-repeat -833px -2px;
}

#social .logo a:hover {
  text-decoration: none;
}

/* *****************
    FOOTER
    SOCIAL
****************** */
#social .links {
  height: 66px;
  right: 0;
  overflow: hidden;
  position: absolute;
  top: 22px;
  width: 211px;
}

#social .links li {
  float: right;
  margin-right: 9px;
}

#social .links a:hover {
  text-decoration: none;
}

#social .links a {
  display: block;
  width: 24px;
  height: 24px;
  background: url("images/sprites.png") no-repeat;
  text-indent: -9999px;
}

#social a.twitter {
  background-position: -574px -84px;
}

#social a.linkedin {
  background-position: -605px -84px;
}

#social a.flickr {
  background-position: -639px -84px;
}

#social a.youtube {
  background-position: -676px -84px;
}

#social a.facebook {
  background-position: -715px -84px;
}

#social a.rss {
  background-position: -752px -84px;
}

/* *****************
    FOOTER
    SOCIAL
    TWITTER
****************** */
#social .slider {
  height: 66px;
  left: 1px;
  overflow: hidden;
  position: absolute;
  top: 3px;
  width: 335px;
  padding: 0 20px 0 75px;
}

#social .slider .tweety {
  position: absolute;
  left: 5px;
  top: 0;
}

.header a.header-twitter {
  color: #FFF;
  text-decoration: none;
}

.no-js #social .slider {
  overflow: auto;
}

#social .bx-prev,
#social .bx-next {
  position: absolute;
  width: 16px;
  height: 15px;
  left: 12px;
  text-indent: -9999px;
  background: url("images/sprites.png") no-repeat;
}

#social .bx-prev {
  top: 18px;
  background-position: -822px -59px;
}

#social .bx-next {
  top: 38px;
  background-position: -822px -80px;
}

.slider .header {
  display: inline-block;
  padding: 0 3px;
  background-color: #7f0953;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-family: "NimbusSansNovusCondSemiBold", sans-serif;
}

.oldie .slider .header {
  display: inline;
}

#social .slider li {
  height: 70px;
  margin-bottom: 0;
  overflow: hidden;
  padding: 0;
}

.no-js #social .slider li {
  padding: 0 20px;
}

#social .slider .detail {
  height: 29px;
  margin-top: 2px;
  overflow: hidden;
  color: #333333;
  font-size: 11px;
}

#social .slider .time {
  font-size: 11px;
  color: #999999;
}

/* *****************
    FOOTER
    SHADOW
****************** */
#big-contact .shadow,
#social .shadow {
  background: url("images/sprites.png") no-repeat 0 -129px;
  bottom: -18px;
  height: 12px;
  left: -6px;
  position: absolute;
  width: 980px;
}

#big-contact .shadow {
  bottom: -10px;
}

/* **********************
   WIDGET
   COL-2
*********************** */
.widget-col-2 .date {
  width: 60px;
}

.widget-col-2 .link {
  width: 222px;
}

/* **********************
   WIDGET
   ACTUALITES
*********************** */
.actu-hp li {
  margin-left: 20px;
  float: left;
  width: 140px;
  min-height: 300px;
  height: auto !important;
  height: 300px;
}

.actu-hp li.important {
  width: 300px;
}

.actu-hp-2 .link {
  padding-bottom: 5px;
}

.actu-hp-2 .important .link a {
  font-size: 16px;
}

.actu-hp-2 .description {
  padding-bottom: 10px;
  font-size: 11px;
}

.actu-hp-2 .list-item-sub {
  padding-top: 10px;
  border-top: 1px solid #EAEAEA;
}

.actu-hp-2 .list-item-sub:first-child {
  padding-top: 0;
  border-top: 0 none;
}

.actu-hp .list-item:hover .social,
.actu-bandeau li:hover .social {
  display: block;
}

/* *******************************
    LISTE ARCHIVES VIDEO ET TEXTES
******************************* */
.current-media {
  padding: 0 0 20px;
  /**background: url("images/sprites-vivendi.png") no-repeat 5px -425px;**/
}

.main-content .current-media {
  float: left;
  margin: 10px 10px 0 0;
  padding-bottom: 0;
}

.current-media .media-text p {
  text-align: justify;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  margin-top: 10px;
}

.current-media .media-text p:first-child {
  margin-top: 0;
}

/* ***********************
    RESPONSIVE STUFF
*********************** */
.manic-menu,
#menu-left {
  display: none;
}

#header .menu .item-menu.open-menu {
  display: block;
}

#menu-trigger {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 35px;
  margin: 0;
  cursor: pointer;
  text-align: center;
  padding: 0 0 5px;
}

#menu-trigger .btn {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  padding: 0 20px;
  line-height: 40px;
  font-size: 15px;
  border-radius: 0;
  background: #7b136a;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #7b136a 0%, #5b0d4e 100%);
  /* W3C */
  text-align: left;
}

#menu-trigger .btn i,
#menu-trigger .btn b {
  width: 14px;
}

#menu-trigger .btn i {
  display: none;
  margin-right: 1px;
  font-size: 26px;
  font-style: normal;
  vertical-align: bottom;
}

#menu-trigger .btn b {
  background: url("images/sprites.png") no-repeat -606px -757px;
  height: 16px;
  margin-right: 5px;
  vertical-align: middle;
}

#menu-trigger.is-open .btn i,
#menu-trigger .btn b {
  display: inline-block;
}

#menu-trigger.is-open .btn b {
  display: none;
}

#content-header {
  width: auto;
  padding-top: 90px;
}

#content-header .wrapper {
  padding-bottom: 10px;
}

.bandeau-soushp .wrapper,
.bandeau-soushp .wrapper {
  width: auto;
}

.bandeau-soushp {
  background: none;
  border-bottom: 1px solid #CACACA;
}

#wrapper-header {
  width: 250px;
  margin: 0 auto;
}

#wrapper-header .decoration {
  visibility: hidden;
}

#header .menu li.home {
  height: 58px;
  overflow: hidden;
  padding-top: 0;
  top: -0px;
}

.langue {
  position: absolute;
  top: 55px;
  right: 0;
}

#header .ul-1 {
  margin: 0;
}

#header .menu li.item-menu {
  padding-left: 0;
}

#header .menu .item-menu,
.no-js #header .menu .item-menu {
  font-size: 10px;
}

#header .menu .item-menu > a {
  color: #7C136B;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  border-top: 1px solid #EAEAEA;
}

#header .menu .item-menu-2 > a,
#header .menu .item-menu-3 > a,
#header .menu .item-menu-4 > a {
  color: #111111;
}

#header .menu .item-menu:first-child > a,
#header .menu li:first-child + .item-menu > a {
  border-top: 0 none;
}

#logos {
  height: auto;
  width: auto;
}

#logos .title {
  float: none;
}

.layout .wrapper {
  width: auto;
}

/* sous-menu pages intérieures */
#menu-left {
  padding: 15px 20px 0;
  margin: 0 -10px 40px;
  border-bottom: 1px solid #CACACA;
  background: url("images/ombre-sshp.png") repeat-x scroll 0 0 transparent;
}

#menu-container {
  padding: 0 0 20px;
}

#menu-title-rubrique {
  border-bottom: 0 none;
  margin: 0 0 5px;
}

#menu-container li {
  border-bottom: 1px solid #EAEAEA;
  padding: 10px 0;
}

#menu-container li li {
  border-bottom: 0 none;
}

#menu-container li div.deco,
.listing-item li div.deco {
  top: 9px;
}

.manic-menu {
  padding: 15px 20px 20px;
  background: #fff;
  height: auto !important;
  min-height: 40px;
  height: 40px;
}

.manic-menu a {
  padding: 5px 0 5px 10px;
}

.manic-menu .grid_4 .picto-fleche {
  top: 10px;
}

.manic-menu .container_12:first-child .grid_4 {
  border-top: 0;
}

/* éléments cachés jusqu'à résolution suffisante */
.bandeau-hp,
.wrapper > .shadow,
#logos .shadow,
.shadow.responsive-hidden,
.infos-reglement-publications div.deco,
.manic,
.manic-news,
.manic .jScrollPaneContainer,
#header .menu li.item-menu span.puce,
.no-touch #header .menu > ul li.item-menu:hover .dd,
.no-touch .responsive-mobile #header .menu > ul li.item-menu:hover .shadow,
.bandeau-page {
  display: none;
}

.no-touch #header .menu > ul li.item-menu:hover .shadow,
.bandeau-soushp .drop-shadow {
  display: block;
}

#social .slider {
  display: none;
}

/* ***********************
   ELEMENTS DE LAYOUT
*********************** */
.grid_right .widget {
  margin-top: 30px;
}

/* **********************
  WIDGET
  ACTUALITES
*********************** */
.actu-hp .list-item {
  width: auto;
  float: none;
  margin: 10px 0 0;
  clear: both;
  overflow: hidden;
}

.responsive-mobile .actu-hp .list-item {
  height: auto !important;
}

.actu-hp .list-item .picture {
  float: left;
  margin-right: 20px;
  width: auto;
  max-width: 140px;
}

.actu-hp .list-item.important .picture {
  float: none;
  margin-right: 0;
  width: auto;
  max-width: 300px;
}

.actu-hp .list-item .picture img,
.actu-hp .list-item.important .picture img {
  max-width: 100%;
}

/* **********************
  WIDGET
  TEMPLATE TEXTE
*********************** */
.widget-image-text .picture img {
  max-width: 100%;
  height: auto;
}

/* **********************
  WIDGET
  INFOS REGLEMENTS
  PUBLICATIONS
*********************** */
.infos-reglement-publications {
  margin: 20px 0;
  height: auto;
}

.infos-reglement-publications li {
  width: auto;
  height: auto;
  padding: 5px;
}

.infos-reglement-publications .picto {
  display: none;
}

/* ***********************
    WIDGET/PAGE TALENTS
    TEMOIGNAGES DETAIL
*********************** */
.widget-temoignages .list-illus {
  margin-right: 20px;
  border: 0 none;
}

.widget-temoignages .nopic .list-illus {
  display: none;
}

.widget-temoignages .item-people {
  border: 0 none;
  float: none;
  width: auto;
}

.widget-temoignages .nopic .list-illus + .item-people {
  margin-left: 0;
}

.widget-temoignages .item-content {
  clear: both;
  float: none;
  padding-top: 0;
  width: auto;
  margin-left: 0;
}

.widget-temoignages-hp .item-content {
  width: auto;
}

/* ***********************
    WIDGET/PAGE CONTACTS
*********************** */
.widget-contacts .menu-contacts li {
  margin: 10px 0;
}

.widget-contacts .menu-contacts ul ul {
  margin: 10px 0 10px 15px;
}

/* **********************
    WIDGET
    SUMMARY RUBRIQUE
*********************** */
.widget-summary .picture img {
  max-width: 100%;
  height: auto;
  margin: 10px auto 0;
}

.widget-summary .more {
  display: none;
}

/* ***********************
    LISTE RESULTATS
*********************** */
.list-results .item-logo {
  height: 100%;
  width: auto;
}

.grid_9 .list-results,
.list-results .title {
  font-size: 10px;
}

.list-results .list-header,
.list-results .list-item {
  padding: 0 0 0 5px;
}

.grid_9 .list-results .item-content {
  width: auto;
  /*resp*/
}

.list-results .with-picto {
  padding-left: 0;
}

.list-results .with-picto .picto {
  display: none;
}

.grid_9 .list-results .item-link {
  width: auto;
  /*resp*/
}

.grid_9 .list-results .item-link a {
  font-size: 0;
}

.list-results .item-link .picto-file,
.list-results .item-link .picto-play {
  left: 40%;
}

/* ***********************
   LISTE NEWS/ACTUS
*********************** */
.grid_3 .list-news .item-content,
.grid_4 .list-news .item-content,
.grid_6 .list-news .item-content {
  width: auto;
  float: none;
}

.list-news .item-date {
  margin-right: 20px;
}

/* ***********************
    LISTE COMMUNIQUES (reports)
*********************** */
.list-reports .item-content,
.list-reports .with-pic .item-content {
  float: none;
}

.grid_3 .list-reports .item-content,
.grid_4 .list-reports .item-content,
.grid_6 .list-reports .item-content,
.grid_8 .list-reports .item-content,
.grid_9 .list-reports .item-content,
.grid_6 .list-reports .with-pic .item-content,
.grid_8 .list-reports .with-pic .item-content,
.grid_9 .list-reports .with-pic .item-content {
  width: auto;
  /*resp*/
}

.list-reports .item-date,
.list-reports .list-picto {
  margin-right: 20px;
}

/* ***********************
    LISTE TÉLÉCHARGEMENTS (pictos et liens)
*********************** */
.list-downloads .item-content {
  float: none;
}

.grid_9 .list-downloads .item-content,
.grid_6 .list-downloads .item-content,
.grid_3 .list-downloads .item-content,
.grid_4 .list-downloads .item-content {
  width: auto;
}

.list-downloads .list-picto {
  margin-right: 20px;
}

/* ***********************
   Liste des "espaces métiers" liés en sous-hp
*********************** */
.list-metiers .list-item {
  float: left;
  text-align: center;
  width: 50%;
}

.list-metiers .list-item img {
  max-width: 100%;
  height: auto;
}

/* ***********************
   widget bourse en hp
*********************** */
.widget-bourse-hp .data {
  font-size: 10px;
}

.widget-bourse-hp .bourse-head {
  font-size: 10px;
}

/* ***********************
    LISTE ACTUS PAGE PRESSE
*********************** */
.list-pressnews .list-item .item-image {
  border-bottom: 0 none;
  margin-right: 20px;
}

.grid_4 .list-pressnews .with-pic .item-content,
.grid_6 .list-pressnews .with-pic .item-content,
.grid_9 .list-pressnews .with-pic .item-content {
  margin-left: 0;
  width: auto;
  float: none;
}

.list-pressnews .tag {
  position: static;
}

/* ***********************
    LISTE PUBLICATIONS/AUDIOCASTS
*********************** */
.list-publications .list-illus {
  margin-right: 20px;
}

.grid_6 .list-publications .item-content,
.grid_9 .list-publications .item-content,
.grid_3 .list-publications .item-content,
.grid_6 .list-publications .grid_3 .item-content,
.grid_9 .list-publications .grid_3 .item-content {
  width: auto;
  float: none;
  margin-left: 80px;
}

/* ***********************
   VIDEOS
*********************** */
.responsive-mobile .flash_epix,
.responsive-mobile .flash_kplayer {
  max-width: 320px !important;
  max-height: 200px !important;
}

.responsive-mobile .flash_epix iframe,
.responsive-mobile .flash_epix video,
.responsive-mobile .flash_epix object,
.responsive-mobile .flash_kplayer object,
.responsive-mobile .flash_kplayer video,
.responsive-mobile .switchvid-video,
.responsive-mobile .switchvid-content iframe,
.responsive-mobile .switchvid-content video,
.responsive-mobile .switchvid-content video,
.responsive-mobile .switchvid-content object,
.responsive-mobile .editor iframe {
  max-width: 200px !important;
  min-height: 110px !important;
  min-width: 200px !important;
  max-height: 110px !important;
}

.responsive-mobile .switchvid-menu {
  float: none;
  margin-bottom: 10px;
  width: 100%;
}

.responsive-mobile .switchvid-content {
  float: none;
  margin: 0 auto 20px;
  min-height: 150px;
  max-width: 100%;
  padding: 10px 0;
  height: auto;
}

.responsive-mobile .switchvid-video {
  left: 0;
}

.editor .job-table .flash_kplayer,
.editor .job-table .flash_epix {
  display: none;
  /* cacher vidéos dans le tableau pour mobile */
}

/* **********************
    WYSIWYG
*********************** */
.editor img {
  max-width: 100%;
  height: auto;
  margin: 0;
}

.editor .dividende-table {
  width: 100%;
  margin: 15px 0 30px;
}

.editor .dividende-table th {
  font-size: 11px;
}

.editor .dividende-table td {
  padding: 5px;
}

/* ***********************
    LISTE PUBLICATIONS/AUDIOCASTS
*********************** */
.widget-publink-hp .list-item {
  float: none;
  margin-left: 0;
}

.responsive-mobile .widget-publink-hp .list-publications .list-item,
.responsive-768 .widget-publink-hp .list-publications .list-item {
  height: auto !important;
}

.widget-publink-hp .list-publications .list-illus {
  margin: 0 auto;
}

.responsive-mobile .widget-publink-hp .list-publications .list-illus,
.responsive-768 .widget-publink-hp .list-publications .list-illus {
  height: auto !important;
}

.widget-publink-hp .infos {
  height: 120px;
  height: auto;
  display: block;
  position: static;
}

.grid_8 .widget-publink-hp .infos {
  width: 124px;
}

.widget-publink-hp .infos .title {
  margin-top: 0px;
}

/* ***********************
    Edito en hp ???
*********************** */
.grid_8 .widget-edito-hp .item-content {
  width: auto;
  margin-left: 0;
  float: none;
}

.grid_8 .widget-edito-video .picture {
  width: auto;
  max-width: 100%;
}

.grid_8 .widget-edito-hp .picture {
  width: auto;
  float: none;
}

.grid_8 .widget-edito-hp .picture a {
  width: 100%;
  display: block;
}

.grid_8 .widget-edito-hp .picture a img {
  background: none;
  padding: 0;
  max-width: 100%;
  height: auto;
}

.grid_8 .widget-edito-video .picture video {
  width: 100% !important;
  height: 100%;
}

.grid_8 .widget-edito-video .item-content {
  margin: 0;
  width: auto;
}

.responsive-mobile .grid_8 .widget-edito-hp .item-content,
.responsive-768 .grid_8 .widget-edito-video .item-content {
  height: auto !important;
}

/* ***********************
LISTE DE FLUX AUDIO
*********************** */
.list-audio .item-date {
  border-bottom: 0 none;
  margin-right: 10px;
}

.grid_9 .list-audio .item-content,
.grid_6 .list-audio .item-content {
  width: auto;
  float: none;
  margin: 0;
}

.list-audio .player {
  margin: 10px 0 0;
  width: 100%;
}

.list-audio .player object {
  max-width: 100%;
}

/* ***********************
    LISTE D'EVENEMENTS
*********************** */
.widget-events-hp .item-content {
  width: auto;
  float: none;
}

.widget-events-hp .item-date,
.widget-events-hp .item-image {
  margin-right: 20px;
}

/* **********************
    WIDGET
    SUMMARY METIERS
*********************** */
.widget-metier .summary-item {
  float: none;
  margin-left: 0;
  width: auto;
}

/* ***********************
   PAGE INNOVATIONS
*********************** */
.widget-metier .picture {
  margin: 0 0 30px;
}

/* *****************
   FOOTER
****************** */
#footer .container_12 > div {
  border-bottom: 1px solid #f0f0f0;
  margin: 0 20px;
  padding: 5px 0;
}

#footer .content {
  display: none;
  padding-bottom: 20px;
  padding-left: 20px;
}

#footer .open .content {
  display: block;
}

#footer .header {
  padding: 5px;
  cursor: pointer;
}

#footer .header .title {
  font-size: 12px;
  margin-top: 20px;
}

#footer .header .puces {
  display: inline-block;
  height: 8px;
  width: 10px;
  margin-left: 10px;
  vertical-align: middle;
  background: url("images/sprites.png") no-repeat -804px -80px transparent;
}

#footer li {
  padding: 5px 0;
}

#social .logo {
  left: 10px;
}

 /* ***********************
    LISTE PHOTOS CONSEIL SURVEILLANCE
*********************** */
.picture-trombi {
  clear: both;
  overflow: hidden;
  width: auto;
  float: none;
}

.picture-trombi .trombi-description {
  display: block;
  position: relative;
  float: left;
}

.picture-trombi-list .picture-trombi img {
  float: left;
}

.picture-trombi .more {
  display: none;
}

/* ***********************
    PAGE INNOVATIONS
    EXEMPLE FICHE
*********************** */
.editor .ultralineheight {
  line-height: 1;
}

.editor .ultrabold {
  font-size: 16px;
}

/* ***********************
    Template présence internationale
*********************** */
.tpl-presence img {
  display: none;
}

/* ***********************
    Template En bref
*********************** */
.tpl-bref .tpl-bref-illus img {
  display: none;
}

 /* *****************
    FOOTER
    CONTACT
****************** */
#big-contact {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

#big-contact .daolagem {
  background: #7c136b;
}

#social {
  width: auto;
}

.editor .tpl-link-up {
  display: none;
}

@media screen and (min-width: 744px) {
  #header .menu .item-menu,
  .manic-menu,
  #menu-left {
    display: block;
  }

  #menu-trigger {
    display: none;
  }

  #wrapper-header {
    float: right;
    width: auto;
  }

  #content-header .wrapper,
  #content-header {
    width: 744px;
    padding-bottom: 0;
  }

  #content-header {
    padding-top: 0;
  }

  #content-header .wrapper {
    float: right;
    height: 60px;
  }

  .bourse {
    float: left;
  }

  .langue {
    position: relative;
    top: auto;
    right: auto;
  }

  #wrapper-header .decoration {
    visibility: visible;
  }

  .bandeau-hp {
    height: auto;
    display: block;
  }

  .bandeau-hp .wrapper {
    height: 260px;
    width: 744px;
  }

  .bandeau-soushp {
    height: auto !important;
    min-height: 300px;
    height: 300px;
    margin-bottom: 30px;
    border-bottom: none;
  }

  .bandeau-page .wrapper,
  .bandeau-soushp .wrapper {
    width: 744px;
  }

  .manic-menu a {
    padding: 0 0 0 10px;
  }

  .manic-menu .grid_4 .picto-fleche {
    top: 5px;
  }

  .manic-menu .container_12:first-child .grid_4 {
    border-top: 1px solid #EAEAEA;
  }

  .manic {
    height: 198px;
  }

  .manic img {
    height: 198px;
    width: 744px;
  }

  .manic-title,
  .manic-text {
    width: 704px;
  }

  .with-news .manic-title,
  .with-news .manic-text {
    width: 704px;
  }

  #header .menu li.home {
    top: auto;
    bottom: 62px;
    left: 0;
  }

  .bandeau-hp .wrapper img {
    width: 100%;
    height: 100%;
  }

  .bandeau-hp .wrapper .infos img {
    width: auto;
    height: auto;
  }

  #overflow-article,
  #overflow-article > div {
    width: 100%;
    height: 100%;
  }

  #header .menu {
    position: relative;
    left: auto;
    top: auto;
    width: 734px;
    border-top: 1px solid #CACACA;
    margin-top: 5px;
    padding: 0 5px;
  }
  #header .menu:after {
    background: #F2F2F2;
    width: 500px;
    content: "";
    border-top: solid 1px #CACACA;
    position: absolute;
    top: -1px;
    bottom: 0;
    right: -400px;
    z-index: 1;
  }

  #header .menu > ul {
    padding-left: 0px;
    position: relative;
    z-index: 10;
  }

  #header .menu li.item-menu {
    padding-left: 13px;
  }

  #header .menu > ul .item-menu {
    float: left;
    margin: 0;
  }

  #header .menu .home + li.item-menu {
    padding-left: 0;
  }

  #header .menu .item-menu > a {
    padding-left: 0px;
    padding-right: 28px;
    border-top: 0 none;
    margin: 0;
  }

  #header .menu li.item-menu > a {
    height: 42px;
  }

  #header .menu li.first-metiers {
    padding-left: 30px;
  }

  #logos {
    width: 744px;
  }

  .layout .wrapper {
    width: 724px;
  }

  /* éléments cachés jusqu'à résolution suffisante */
  .manic {
    display: block;
  }

  /* ***********************
     ELEMENTS DE LAYOUT
  *********************** */
  .grid_right .widget:first-child {
    margin-top: 0;
  }

    /* ***********************

    /* ***********************
        WIDGET/PAGE TALENTS
        TEMOIGNAGES DETAIL
    *********************** */
  .widget-temoignages .list-illus {
    margin-right: 0;
    border-bottom: 1px solid #EAEAEA;
  }

  .widget-temoignages .nopic .list-illus {
    display: block;
  }

  .widget-temoignages .item-people {
    border-bottom: 1px solid #EAEAEA;
    float: left;
    width: 140px;
  }

  .widget-temoignages .nopic .list-illus + .item-people {
    margin-left: 15px;
  }

  .widget-temoignages .item-content {
    clear: none;
    float: left;
    padding-top: 15px;
    width: 298px;
    margin-left: 15px;
  }

  .widget-temoignages-hp .item-content {
    width: 220px;
  }

 /* **********************
    WIDGET
    SUMMARY RUBRIQUE
*********************** */
  .widget-summary .picture img {
    margin: 0;
    padding: 0;
  }

  .widget-summary .more {
    display: none;
  }

 /* ***********************
    LISTE RESULTATS
*********************** */
  .grid_9 .list-results,
  .list-results .title {
    font-size: 100%;
  }

  .list-results .list-header,
  .list-results .list-item {
    padding: 0 0 0 15px;
  }

  .list-results .with-picto {
    padding-left: 25px;
  }

  .list-results .with-picto .picto {
    display: block;
  }

  /* ***********************
     LISTE NEWS/ACTUS
  *********************** */
  .grid_3 .list-news .item-content,
  .grid_4 .list-news .item-content,
  .grid_6 .list-news .item-content {
    width: 96px;
    /*resp*/
    float: left;
    padding-left: 0;
  }

  .grid_4 .list-news .item-content {
    width: 158px;
    /*resp*/
  }

  .grid_6 .list-news .item-content {
    width: 282px;
    /*resp*/
  }

  .list-news .item-date {
    margin-right: 0px;
  }

  /* ***********************
      LISTE COMMUNIQUES (reports)
  *********************** */
  .list-reports .item-content,
  .list-reports .with-pic .item-content {
    float: left;
  }

  .grid_3 .list-reports .item-content {
    width: 95px;
    /*resp*/
  }

  .grid_4 .list-reports .item-content {
    width: 158px;
    /*resp*/
  }

  .grid_6 .list-reports .item-content {
    width: 282px;
    /*resp*/
  }

  .grid_8 .list-reports .item-content {
    width: 406px;
    /*resp*/
  }

  .grid_9 .list-reports .item-content {
    width: 468px;
    /*resp*/
  }

  .grid_6 .list-reports .with-pic .item-content {
    width: 282px;
    /*resp*/
  }

  .grid_8 .list-reports .with-pic .item-content {
    width: 351px;
    /*resp*/
  }

  .grid_9 .list-reports .with-pic .item-content {
    width: 451px;
    /*resp*/
  }

  .list-reports .item-date,
  .list-reports .list-picto {
    margin-right: 0;
  }

  /* ***********************
      LISTE ACTUS PAGE PRESSE
  *********************** */
  .list-pressnews .list-item .item-image {
    border-bottom: 1px solid #EAEAEA;
    margin-right: 0;
  }

  .grid_4 .list-pressnews .with-pic .item-content,
  .grid_6 .list-pressnews .with-pic .item-content,
  .grid_9 .list-pressnews .with-pic .item-content {
    float: left;
    padding-top: 35px;
    margin-left: 20px;
  }

  .grid_4 .list-pressnews .with-pic .item-content {
    width: 68px;
  }

  .grid_6 .list-pressnews .with-pic .item-content {
    width: 192px;
    /*resp*/
  }

  .grid_9 .list-pressnews .with-pic .item-content {
    width: 378px;
    /*resp*/
  }

  .list-pressnews .tag {
    position: absolute;
  }

  /* ***********************
      LISTE PUBLICATIONS/AUDIOCASTS
  *********************** */
  .grid_6 .widget-publink-hp .list-publications .list-illus {
    width: 104px;
  }

  .grid_8 .widget-publink-hp .list-publications .list-illus {
    width: 145px;
  }

  .widget-publink-hp .list-publications .list-illus img,
  .widget-singlepub-hp .list-publications .list-illus img {
    max-width: 100%;
    height: auto;
  }

  .widget-publink-hp .list-item {
    float: left;
    margin-left: 20px;
  }

  /* ***********************
      LISTE PUBLICATIONS/AUDIOCASTS
  *********************** */
  .list-publications .list-illus {
    margin-right: 0;
  }

  .list-publications .item-content,
  .grid_6 .list-publications .item-content,
  .grid_9 .list-publications .item-content,
  .grid_3 .list-publications .item-content,
  .grid_6 .list-publications .grid_3 .item-content,
  .grid_9 .list-publications .grid_3 .item-content {
    float: left;
    margin-left: 15px;
  }

  .grid_6 .list-publications .item-content {
    width: 277px;
    /*resp*/
  }

  .grid_9 .list-publications .item-content {
    width: 463px;
    /*resp*/
  }

  .grid_3 .list-publications .item-content,
  .grid_6 .list-publications .grid_3 .item-content,
  .grid_9 .list-publications .grid_3 .item-content {
    width: 91px;
  }

 /* **********************
   WIDGET
   ACTUALITES
*********************** */
  .actu-hp .list-item {
    width: 228px;
    float: left;
    margin-left: 20px;
    overflow: visible;
    clear: none;
  }

  .actu-hp .list-item:first-child,
  .actu-hp .important + .list-item {
    margin-left: 0;
  }

  .actu-hp .list-item.important {
    width: 100%;
    min-height: 0;
  }

  .actu-hp .list-item .picture {
    float: none;
    margin-right: 0;
  }

  .actu-hp .list-item.important .picture {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
  }

  .grid_8 .actu-hp-2 .secondary,
  .grid_9 .actu-hp-2 .secondary {
    width: 100%;
  }

  /* **********************
    WIDGET
    STRUCTURE
    HP + SIDEBAR
  *********************** */
  .manic-menu .header,
  #menu-title-rubrique,
  .widget .header,
  .main-content .main-content-header {
    font-size: 12px;
  }

  .main-content .main-content-header {
    padding-right: 175px;
  }

  .social-link {
    display: block;
  }

  /* **********************
    WIDGET
    TEMPLATE TEXTE
  *********************** */
  .grid_6 .widget-image-text .link {
    width: 225px;
    /*resp*/
  }

  .grid_6 .widget-image-text .picture {
    width: 127px;
    /*resp*/
  }

  .grid_4 .widget-image-text .picture {
    width: auto;
    /*resp*/
    float: none;
  }

  .grid_4 .widget-image-text .link {
    width: auto;
    /*resp*/
    float: none;
  }

  .grid_3 .widget-image-text .picture {
    width: 68px;
    /*resp*/
  }

  .grid_3 .widget-image-text .link {
    width: 98px;
    /*resp*/
  }

  /* **********************
    WIDGET
    INFOS REGLEMENTS
    PUBLICATIONS
  *********************** */
  .infos-reglement-publications {
    height: 48px;
  }

  .infos-reglement-publications div.infos {
    padding: 8px 0 0 50px;
  }

  .infos-reglement-publications li {
    float: left;
    width: 48%;
    height: 48px;
    padding: 0;
  }

  .infos-reglement-publications .picto {
    display: block;
  }

  /* ***********************
     Liste des "espaces métiers" liés en sous-hp
  *********************** */
  .list-metiers .list-item {
    float: left;
    width: 25%;
  }

  /* ***********************
     widget bourse en hp
  *********************** */
  .widget-bourse-hp .data {
    font-size: 10px;
  }

  .widget-bourse-hp .bourse-head {
    font-size: 10px;
  }

  /* ***********************
      Template présence internationale
  *********************** */
  .tpl-presence img {
    display: block;
    width: 100%;
  }

  /* ***********************
      Template En bref
  *********************** */
  .tpl-bref .tpl-bref-illus img {
    width: 150px;
    display: block;
  }

  /* ***********************
      widget switchvid
  *********************** */
  .switchvid-menu {
    float: none;
    margin-bottom: 10px;
    width: 100%;
  }

  .switchvid-content {
    float: none;
    margin: 0 auto;
  }

  /* ***********************
     LISTE DE FLUX AUDIO
  *********************** */
  .list-audio .item-date {
    border-bottom: 1px solid #EAEAEA;
    margin-right: 0;
  }

  .grid_9 .list-audio .item-content {
    width: 468px;
    float: left;
    margin-left: 15px;
  }

  .grid_6 .list-audio .item-content {
    width: 282px;
    float: left;
    margin-left: 15px;
  }

  .list-audio .player {
    margin: 10px 0 0;
    width: auto;
  }

  /* ***********************
     VIDEOS
  *********************** */
  .responsive-mobile .flash_epix,
  .responsive-mobile .flash_kplayer {
    height: auto !important;
    /* surcharger hauteur rowcolizr pour mobiles */
    max-width: 100% !important;
  }

  /* ***********************
      LISTE D'EVENEMENTS
  *********************** */
  .widget-events-hp .item-content {
    float: left;
  }

  .widget-events-hp .item-date,
  .widget-events-hp .item-image {
    margin-right: 0px;
  }

  .grid_6 .widget-events-hp .item-content {
    width: 282px;
    /*resp*/
  }

  .grid_6 .widget-events-hp .with-pic .item-content {
    width: 197px;
    /*resp*/
  }

  .grid_4 .widget-events-hp .item-content {
    width: 158px;
    /*resp*/
  }

  .grid_4 .widget-events-hp .with-pic .item-content {
    width: 105px;
    /*resp*/
  }

  .grid_4 .widget-events-hp .with-pic .list-block {
    width: 105px;
  }

  /* **********************
     GABARITS
     IMAGES
  *********************** */
  .biblio-picture td:first-child {
    width: 145px;
  }

  .picture-130-70, .biblio-picture img {
    padding: 5px 5px 12px;
    max-width: 100%;
    width: auto;
    /* corriger max-width bug ie8 */
    height: auto;
  }

  /* ***********************
      LISTE TÉLÉCHARGEMENTS (pictos et liens)
  *********************** */
  .list-downloads .item-content {
    float: left;
  }

  .list-downloads .list-picto {
    margin-right: 0;
  }

  .grid_9 .list-downloads .item-content {
    width: 483px;
    /*resp*/
  }

  .grid_6 .list-downloads .item-content {
    width: 297px;
    /*resp*/
    overflow: hidden;
  }

  .grid_3 .list-downloads .item-content {
    width: 111px;
    /*resp*/
  }

  .grid_4 .list-downloads .item-content {
    width: 173px;
    /*resp*/
  }

  /* ***********************
      LISTE PHOTOS CONSEIL SURVEILLANCE
  *********************** */
  /* sous-menu pages intérieures */
  #menu-left {
    padding: 0;
    border-top: 0 none;
    margin: 0;
    border-bottom: 0 none;
    background: none transparent;
  }

  #menu-container {
    padding: 10px 0 0;
  }

  #menu-title-rubrique {
    border-bottom: 2px solid #333333;
    margin: 0;
  }

  #menu-container li {
    border-bottom: 0 none;
    padding: 6px 0 3px;
  }

  #menu-container li div.deco,
  .listing-item li div.deco {
    top: 6px;
  }

  .manic-menu .container_12:first-child .grid_4 {
    border-top: 0;
  }

  /* ***********************
      LISTE PUBLICATIONS/AUDIOCASTS
  *********************** */
  .widget-publink-hp .infos {
    width: auto;
  }

  /* ***********************
      Edito en hp ???
  *********************** */
  .grid_8 .widget-edito-hp .item-content {
    width: 161px;
    float: left;
    margin-left: 15px;
  }

  .grid_8 .widget-edito-video .item-content {
    width: auto;
    float: none;
    margin-left: 0;
  }

  .grid_8 .widget-edito-hp .picture {
    width: 300px;
    float: left;
  }

  .grid_8 .widget-edito-video .picture {
    width: auto;
    overflow: hidden;
    float: none;
  }

  .grid_8 .widget-edito-hp .picture a {
    display: inline;
  }

  .grid_8 .widget-edito-hp .picture a img {
    background: url("images/sprites-vivendi.png") no-repeat 0 -88px;
    padding: 5px 5px 17px;
    max-width: 100%;
    height: auto;
  }

  /* **********************
      WYSIWYG
  *********************** */
  .editor img {
    max-width: 350px;
    height: auto;
  }

  .editor .dividende-table th {
    font-size: 14px;
  }

  .editor .dividende-table td {
    padding: 0 10px;
  }

  .editor .job-table td {
    display: block;
    text-align: center;
  }

  .editor .job-table .flash_kplayer,
  .editor .job-table .flash_epix {
    display: block;
    /* vidéos cachées dans le tableau pour mobile */
    margin: 0 auto;
  }

  .widget-linksite img {
    max-width: 100%;
    height: auto;
  }

  /* ***********************
   widget bourse en hp
  *********************** */
  .widget-bourse-hp td,
  .widget-bourse-hp th {
    padding: 10px 4px;
  }

  /* *****************
    FOOTER
  ****************** */
  #footer .container_12 {
    background: url("images/bg-footer-tablets.png") repeat -20px 0 transparent;
  }

  #footer .container_12 > div {
    border-bottom: 0 none;
    margin: 0 0 0 20px;
    padding: 0;
  }

  #footer .container_12 > div:first-child {
    margin: 0;
  }

  #footer .content {
    display: block;
    padding-bottom: 0;
    padding-left: 5px;
  }

  #footer li {
    padding: 0;
  }

  #footer li:first-child {
    margin-top: 10px;
  }

  #footer .header {
    cursor: auto;
  }

  #footer .header .puces {
    display: none;
  }

  #social {
    width: 742px;
  }

  /* *****************
     FOOTER
     CONTACT
  ****************** */
  #big-contact {
    width: 744px;
  }
}
@media screen and (min-width: 980px) {
  #content-header {
    width: 980px;
  }

  .bandeau-page .wrapper,
  .bandeau-soushp .wrapper {
    width: 980px;
  }

  .bandeau-soushp {
    background: url("images/bandeau-sshp.png") repeat-x 0 0;
  }

  .manic {
    height: 260px;
  }

  .manic img {
    height: 260px;
    width: 980px;
  }

  .manic-title,
  .manic-text {
    width: 940px;
  }

  .with-news .manic-title,
  .with-news .manic-text {
    width: 580px;
  }

  #content-header .wrapper {
    width: 768px;
  }

  .bandeau-hp {
    height: 260px;
    background: url("images/bandeau.png") repeat-x 0 0;
  }

  .bandeau-hp .wrapper {
    height: 260px;
    width: 980px;
  }

  #overflow-article,
  #overflow-article > div {
    width: 100%;
    height: 100%;
  }

  #header .menu {
    width: 980px;
    padding-left: 0;
    padding-right: 0;
  }

  #header .menu > ul {
    padding-left: 212px;
  }

  #header .menu li.home {
    bottom: 0;
    height: 98px;
    padding-top: 17px;
  }

  #header .menu .item-menu,
  .no-js #header .menu .item-menu {
    font-size: 11px;
  }

  #logos {
    width: 980px;
  }

  #logos .title {
    float: left;
  }

  .layout .wrapper {
    width: 960px;
  }

  .layout-hp-new .wrapper {
    width: 980px;
  }

  #social {
    width: 980px;
  }

  #social .slider {
    display: block;
  }

  #social .logo {
    left: 492px;
  }

  /* éléments cachés jusqu'à résolution suffisante */
  .wrapper > .shadow,
  #logos .shadow,
  .shadow.responsive-hidden,
  .infos-reglement-publications div.deco,
  .bandeau-soushp .drop-shadow,
  .manic-news,
  .manic .jScrollPaneContainer,
  #header .menu li.item-menu span.puce,
  .no-touch #header .menu > ul li.item-menu:hover .dd,
  .no-touch #header .menu > ul li.item-menu:hover .shadow,
  .bandeau-page {
    display: block;
  }

  /* ***********************
     ELEMENTS DE LAYOUT
  *********************** */
  /* ***********************
      WIDGET/PAGE TALENTS
      TEMOIGNAGES DETAIL
  *********************** */
  .widget-temoignages .item-content {
    width: 460px;
  }

  /* ***********************
     WIDGET/PAGE CONTACTS
  *********************** */
  .widget-contacts .menu-contacts li {
    margin: 5px 0 0;
  }

  .widget-contacts .menu-contacts ul ul {
    margin: 1px 0 0 15px;
  }

  /* **********************
     WIDGET
     SUMMARY RUBRIQUE
  *********************** */
  .widget-summary .picture img {
    margin: 10px 0 auto;
    padding: 5px 5px 12px;
  }

  .widget-summary .more {
    display: block;
  }

  /* ***********************
      LISTE RESULTATS
  *********************** */
  .grid_9 .list-results .item-content {
    width: 220px;
    /*resp*/
  }

  .grid_9 .list-results .item-link {
    width: 105px;
    /*resp*/
  }

  .grid_9 .list-results .item-link a {
    font-size: 100%;
  }

  .list-results .item-link .picto-file,
  .list-results .item-link .picto-play {
    left: 0;
  }

  /* ***********************
     LISTE NEWS/ACTUS
  *********************** */
  .grid_3 .list-news .item-content {
    width: 150px;
    /*resp*/
  }

  .grid_4 .list-news .item-content {
    width: 230px;
    /*resp*/
  }

  .grid_6 .list-news .item-content {
    width: 390px;
  }

  /* ***********************
      LISTE ACTUS PAGE PRESSE
  *********************** */
  .grid_4 .list-pressnews .with-pic .item-content,
  .grid_6 .list-pressnews .with-pic .item-content,
  .grid_9 .list-pressnews .with-pic .item-content {
    padding-top: 35px;
  }

  .grid_4 .list-pressnews .with-pic .item-content {
    width: 140px;
    /*resp*/
  }

  .grid_6 .list-pressnews .with-pic .item-content {
    width: 300px;
    /*resp*/
  }

  .grid_9 .list-pressnews .with-pic .item-content {
    width: 540px;
    /*resp*/
  }

  /* ***********************
      LISTE PUBLICATIONS/AUDIOCASTS
  *********************** */
  .list-publications .list-illus {
    margin-right: 0;
  }

  .list-publications .item-content,
  .grid_6 .list-publications .item-content,
  .grid_9 .list-publications .item-content,
  .grid_3 .list-publications .item-content,
  .grid_6 .list-publications .grid_3 .item-content,
  .grid_9 .list-publications .grid_3 .item-content {
    float: left;
  }

  .grid_6 .list-publications .item-content {
    width: 385px;
    /*resp*/
  }

  .grid_9 .list-publications .item-content {
    width: 625px;
    /*resp*/
  }

  .grid_3 .list-publications .item-content,
  .grid_6 .list-publications .grid_3 .item-content {
    width: 145px;
    /*resp*/
  }

  .grid_9 .list-publications .grid_3 .item-content {
    width: 100px;
    /*resp*/
  }

 /* **********************
   WIDGET
   ACTUALITES
*********************** */
  .actu-hp .list-item {
    width: 140px;
  }

  .actu-hp .important + .list-item {
    margin-left: 20px;
  }

  .actu-hp .list-item.important {
    width: 300px;
    min-height: 270px;
  }

  .actu-hp .list-item.important .picture {
    float: none;
    margin-right: 0;
    margin-bottom: 0;
  }

  .grid_8 .actu-hp-2 .secondary {
    width: 300px;
  }

  .grid_9 .actu-hp-2 .secondary {
    width: 380px;
  }

  /* **********************
    WIDGET
    STRUCTURE
    HP + SIDEBAR
  *********************** */
  .manic-menu .header,
  #menu-title-rubrique,
  .widget .header,
  .main-content .main-content-header {
    font-size: 14px;
  }

  /* **********************
    WIDGET
    TEMPLATE TEXTE
  *********************** */
  .grid_6 .widget-image-text .link {
    width: 300px;
    /*resp*/
  }

  .grid_6 .widget-image-text .picture {
    width: 160px;
    /*resp*/
  }

  .grid_4 .widget-image-text .picture {
    width: 160px;
    /*resp*/
    float: left;
  }

  .grid_4 .widget-image-text .link {
    width: 140px;
    /*resp*/
    float: left;
  }

  .grid_3 .widget-image-text .picture {
    width: 90px;
    /*resp*/
  }

  .grid_3 .widget-image-text .link {
    width: 130px;
    /*resp*/
  }

  .infos-reglement-publications div.infos {
    padding: 13px 0 0 50px;
  }

  .infos-reglement-publications li {
    width: 308px;
  }

  /* ***********************
      LISTE COMMUNIQUES (reports)
  *********************** */
  .grid_3 .list-reports .item-content {
    width: 150px;
    /*resp*/
  }

  .grid_4 .list-reports .item-content {
    width: 230px;
    /*resp*/
  }

  .grid_6 .list-reports .item-content {
    width: 390px;
    /*resp*/
  }

  .grid_8 .list-reports .item-content {
    width: 550px;
    /*resp*/
  }

  .grid_9 .list-reports .item-content {
    width: 630px;
    /*resp*/
  }

  .grid_6 .list-reports .with-pic .item-content {
    width: 335px;
    /*resp*/
  }

  .grid_8 .list-reports .with-pic .item-content {
    width: 495px;
    /*resp*/
  }

  .grid_9 .list-reports .with-pic .item-content {
    width: 575px;
    /*resp*/
  }

  /* ***********************
      LISTE TÉLÉCHARGEMENTS (pictos et liens)
  *********************** */
  .grid_9 .list-downloads .item-content {
    width: 645px;
    /*resp*/
  }

  .grid_6 .list-downloads .item-content {
    width: 405px;
    /*resp*/
    overflow: hidden;
  }

  .grid_3 .list-downloads .item-content {
    width: 165px;
    /*resp*/
  }

  .grid_4 .list-downloads .item-content {
    width: 245px;
    /*resp*/
  }

  /* ***********************
     Liste des "espaces métiers" liés en sous-hp
  *********************** */
  .list-metiers .list-item {
    float: left;
    width: 25%;
  }

  /* **********************
      WYSIWYG
  *********************** */
  .editor img {
    max-width: 100%;
    height: auto;
  }

  .editor .dividende-table {
    width: 100%;
    margin: 15px 10px 30px 0;
  }

  .editor .job-table td {
    display: table-cell;
    text-align: left;
  }

  /* ***********************
      LISTE PUBLICATIONS/AUDIOCASTS
  *********************** */
  .widget-publink-hp .infos {
    position: absolute;
    top: 15px;
    left: 0;
    width: 120px;
    height: 180px;
    padding: 10px;
    background: url("images/bg-transp-violet.png") repeat 0 0 transparent;
    color: #fff;
    font-size: 11px;
    text-align: center;
    display: none;
  }

  .widget-publink-hp a:hover .infos {
    display: block;
  }

  .widget-publink-hp .infos .title {
    display: block;
    margin-top: 60px;
    font-weight: bold;
  }

  .widget-publink-hp .infos .file {
    display: block;
    margin-top: 10px;
  }

  /* ***********************
      Edito en hp ???
  *********************** */
  .grid_8 .widget-edito-hp .item-content {
    width: 305px;
  }

  .grid_8 .widget-edito-video .item-content {
    width: 130px;
    margin-left: 10px;
    float: left;
  }

  .grid_8 .widget-edito-video .picture {
    width: 480px;
    float: left;
  }

  .flash_epix {
    display: block;
  }

  /* ***********************
     LISTE DE FLUX AUDIO
  *********************** */
  .list-audio .item-date {
    border-bottom: 1px solid #EAEAEA;
    margin-right: 0;
  }

  .grid_9 .list-audio .item-content {
    width: 630px;
    float: left;
  }

  .grid_6 .list-audio .item-content {
    width: 390px;
    float: left;
  }

  /* ***********************
      LISTE D'EVENEMENTS
  *********************** */
  .grid_6 .widget-events-hp .item-content {
    width: 390px;
    /*resp*/
  }

  .grid_6 .widget-events-hp .with-pic .item-content {
    width: 305px;
    /*resp*/
  }

  .grid_4 .widget-events-hp .item-content {
    width: 230px;
    /*resp*/
  }

  .grid_4 .widget-events-hp .with-pic .item-content {
    width: 145px;
    /*resp*/
  }

  /* ***********************
      LISTE PUBLICATIONS/AUDIOCASTS
  *********************** */
  .ie7 .grid_6 .widget-publink-hp .list-item,
  .grid_6 .widget-publink-hp .list-publications .list-illus {
    width: 140px;
  }

  .ie7 .grid_8 .widget-publink-hp .list-item,
  .grid_8 .widget-publink-hp .list-publications .list-illus {
    width: 145px;
  }

  .widget-publink-hp .list-publications .list-illus img,
  .widget-singlepub-hp .list-publications .list-illus img {
    max-width: 100%;
    height: auto;
  }

  .widget-publink-hp .list-item {
    float: left;
    margin-left: 20px;
  }

  /* ***********************
     widget bourse en hp
  *********************** */
  .widget-bourse-hp .data {
    font-size: 16px;
  }

  .widget-bourse-hp .bourse-head {
    font-size: 44px;
  }

  /* ***********************
      widget switchvid
  *********************** */
  .switchvid-menu {
    float: left;
    margin-bottom: 0;
    width: 220px;
  }

  .switchvid-content {
    float: left;
    margin: 0 auto;
  }

  /* ***********************
      LISTE PHOTOS CONSEIL SURVEILLANCE
  *********************** */
  .picture-trombi {
    clear: none;
    overflow: hidden;
    width: auto;
    float: left;
  }

  .picture-trombi .trombi-description {
    display: none;
    position: absolute;
    float: none;
  }

  .picture-trombi-list .picture-trombi img {
    float: none;
  }

  .picture-trombi-list .picture-trombi-important img {
    float: left;
  }

  .picture-trombi .more {
    display: block;
  }

  .picture-trombi-important .trombi-description {
    display: block;
    position: relative;
    float: left;
  }

  .grid_4 .picture-trombi-important .trombi-description {
    width: 190px;
    text-align: left;
  }

  /* ***********************
      PAGE INNOVATIONS
      EXEMPLE FICHE
  *********************** */
  .editor .ultralineheight {
    line-height: 35px;
  }

  .editor .ultrabold {
    font-size: 19px;
  }

  /* **********************
      WIDGET
      SUMMARY METIERS
  *********************** */
  .widget-metier .summary-item {
    float: left;
    margin-left: 25px;
    width: 337px;
  }

  /* ***********************
      PAGE INNOVATIONS
  *********************** */
  .widget-metier .picture {
    margin: 18px 0 80px 0;
  }

 /* ***********************
    widget bourse en hp
*********************** */
  .widget-bourse-hp td,
  .widget-bourse-hp th {
    padding: 10px;
  }

  /* ***********************
      Template présence internationale
  *********************** */
  .tpl-presence img {
    display: block;
    width: auto;
  }

  /* ***********************
      Template En bref
  *********************** */
  .tpl-bref .tpl-bref-illus img {
    width: auto;
  }

  /* *****************
     FOOTER
  ****************** */
  #footer .container_12 {
    background: url("images/bg-footer.png") repeat -20px 0 transparent;
  }

 /* *****************
    FOOTER
    CONTACT
****************** */
  #big-contact {
    width: 980px;
  }

  #big-contact .daolagem {
    background: url("images/bg-big-contact.png") no-repeat 0 0 transparent;
  }

  .editor .tpl-link-up {
    display: block;
  }
}
/* *****************
   Nouvelles ombres
****************** */
.w-shadow,
.item-shadow {
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  height: 20px;
  z-index: -1;
}

.boxshadow .w-shadow:before,
.boxshadow .w-shadow:after {
  content: " ";
  display: block;
  width: 49%;
  height: 50%;
  position: absolute;
  top: -15px;
  box-shadow: 0px 6px 15px #333;
}

.boxshadow .w-shadow:before {
  left: 5px;
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.boxshadow .w-shadow:after {
  right: 5px;
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
}

.oldie .col-main .w-shadow {
  background: url("images/sprite-ie-shadow.png") no-repeat 5px 0 transparent;
}

.oldie .col-secondary .w-shadow {
  bottom: -18px;
  background: url("images/sprite-ie-shadow.png") no-repeat -605px 0 transparent;
}

.list-news .item-shadow {
  right: auto;
  bottom: -9px;
  width: 100%;
}

.actu-hp-new .item-shadow {
  background: url("images/sprite-ie-shadow.png") no-repeat 0 -25px transparent;
}

.tel-hp-new .list-news .item-shadow {
  background: url("images/sprite-ie-shadow.png") no-repeat 0 -50px transparent;
}

.ul-2 {
  display: block;
}

@media screen and (min-width: 744px) {
  .ul-2 {
    display: none;
  }
}
.new-2014 {
  margin-bottom: 0;
}
.new-2014 .row,
.new-2014 .zone,
.new-2014 .widget {
  position: relative;
}
.new-2014 .zone {
  margin: 0 auto;
}
.new-2014 .row--white {
  background: #fff;
}
.new-2014 .row--bicolor {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  background: #7a1f5e;
}
.new-2014 .row--bicolor:after {
  content: ' ';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  background: #e83738;
  z-index: 1;
}
.new-2014 .row--bicolor > div {
  z-index: 2;
}
.new-2014 .row--bicolor .col--centered {
  float: none;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .new-2014 + #social {
    margin-top: -58px;
  }
}

.layout-hp-2014 .row--news {
  background: #f0f0f0;
}
.layout-hp-2014 .row--news .col {
  background: #fff;
}
.layout-hp-2014 .row--news .col--darkred {
  background: #f0f0f0;
}

@media screen and (min-width: 980px) {
  .layout-hp-2014 .col {
    float: left;
  }
  .layout-hp-2014 .row--news .zone {
    width: 960px;
    margin: 0 auto;
  }
  .layout-hp-2014 .row--news .col {
    width: 320px;
  }
  .layout-hp-2014 .row--bicolor .col--centered {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.widget-listhp-2014 {
  padding: 10px 10px 80px;
}
.widget-listhp-2014 .header {
  padding-left: 20px;
  font-family: 'NimbusSansNovusCondLight', sans-serif;
  font-size: 24px;
  font-weight: normal;
  letter-spacing: 0.5px;
}
.widget-listhp-2014 .header:before {
  content: ' ';
  position: absolute;
  top: 5px;
  left: 0;
  width: 10px;
  height: 10px;
  background: url("images/sprites.png") no-repeat -675px -700px;
}
.widget-listhp-2014 .item {
  position: relative;
  padding-top: 10px;
  font-size: 12px;
}
.widget-listhp-2014 .item + .item {
  margin-top: 10px;
  border-top: 1px solid #d5d5d5;
}
.widget-listhp-2014 .item-date,
.widget-listhp-2014 .item-format {
  display: block;
  margin-top: 2px;
  font-size: 10px;
}
.widget-listhp-2014 .item-date {
  width: auto;
  text-align: left;
  font-weight: bold;
  color: #7a1f5e;
}
.widget-listhp-2014 .item-format {
  font-style: normal;
  color: #777777;
}
.widget-listhp-2014 h3 {
  font-weight: normal;
}
.widget-listhp-2014 a {
  color: #444444;
}
.widget-listhp-2014 .bottom {
  position: absolute;
  bottom: 0;
  left: 10px;
  right: 10px;
  height: 75px;
  border-top: 1px solid #d5d5d5;
}
.widget-listhp-2014 .bottom a {
  /* image replacement */
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  /* */
  position: absolute;
  top: 50%;
  left: 50%;
  width: 38px;
  height: 30px;
  margin-top: -15px;
  margin-left: -19px;
  background: url("images/sprites.png") no-repeat -900px -700px transparent;
}

.widget-publis-2014 .item {
  padding-left: 36px;
}
.widget-publis-2014 .item:before {
  content: ' ';
  position: absolute;
  top: 14px;
  left: 0;
  width: 26px;
  height: 26px;
  background: url("images/sprites.png") no-repeat -700px -750px;
}

.col--darkred .widget-listhp-2014 .header:before {
  background: url("images/sprites.png") no-repeat -675px -725px;
}
.col--darkred .widget-listhp-2014 .item-date {
  color: #ed2863;
}
.col--darkred .widget-listhp-2014 .bottom a {
  background: url("images/sprites.png") no-repeat -900px -730px transparent;
}

.col--red .widget-listhp-2014 .header:before {
  background: url("images/sprites.png") no-repeat -675px -750px;
}
.col--red .widget-listhp-2014 .item-date {
  color: #f73d3e;
}
.col--red .widget-listhp-2014 .bottom a {
  background: url("images/sprites.png") no-repeat -850px -730px transparent;
}

.widget-boutoninfo + div {
  border-top: 1px solid #fff;
}
.widget-boutoninfo:nth-child(2) a {
  background: none #E83738;
}
.widget-boutoninfo a {
  display: block;
  height: 40px;
  line-height: 40px;
  font-family: 'NimbusSansNovusCondLight', sans-serif;
  font-size: 20px;
  font-weight: normal;
  color: #fff;
  text-transform: uppercase;
  background: none #7A1F5E;
}
@media screen and (min-width: 980px) {
  .widget-boutoninfo {
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 320px;
    border-right: 1px solid #fff;
  }
  .widget-boutoninfo:first-child {
    border-left: 1px solid #fff;
  }
  .widget-boutoninfo + div {
    border-top: 0 none;
  }
  .widget-boutoninfo + div a {
    background: url("images/bg-infos--2014.png") repeat 0 0/cover;
  }
  .widget-boutoninfo a {
    background: url("images/bg-infos--2014.png") repeat 0 0/cover;
  }
  .widget-boutoninfo:nth-child(2) a {
    background: url("images/bg-infos--2014.png") repeat 0 0/cover;
  }
}

.widget-noscontenus {
  padding: 20px 0;
}
@media screen and (min-width: 980px) {
  .widget-noscontenus {
    padding-top: 60px;
  }
}
.widget-noscontenus .header {
  border: 0 none;
  padding: 0;
  text-align: center;
  font-family: 'NimbusSansNovusCondLight', sans-serif;
  font-weight: normal;
  font-size: 40px;
  text-transform: uppercase;
  color: #777777;
}
.widget-noscontenus .header b {
  font-family: 'NimbusSansNovusCondBold', sans-serif;
  font-weight: normal;
}
.widget-noscontenus .content {
  text-align: center;
  margin-top: 30px;
}
.widget-noscontenus li {
  display: inline-block;
}
.widget-noscontenus li > a {
  display: block;
  padding: 0 20px;
  border: 1px solid #fff;
  border-radius: 10px;
  font-family: 'NimbusSansNovusCondLight', sans-serif;
  font-size: 24px;
  color: #7a1f5e;
  line-height: 45px;
}
.widget-noscontenus li + li > a {
  margin-left: 20px;
}
.widget-noscontenus li > a:hover {
  border: 1px solid #d5d5d5;
  color: #e83738;
  text-decoration: none;
}

.widget-flux {
  padding-bottom: 10px;
}
@media screen and (min-width: 980px) {
  .widget-flux {
    padding-bottom: 40px;
  }
}
.widget-flux .nav {
  background: url("images/bgr-black.gif") repeat 0 0;
  font-size: 0;
  text-align: center;
  box-shadow: 0 2px 5px #000 inset;
  box-shadow: 0 10px 5px rgba(0, 0, 0, 0.2) inset;
  padding: 10px;
}
@media screen and (min-width: 768px) {
  .widget-flux .nav {
    padding: 20px;
  }
}
@media screen and (min-width: 980px) {
  .widget-flux .nav {
    padding: 20px 0;
  }
}
.widget-flux .nav li {
  display: inline-block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .widget-flux .nav li {
    width: 48%;
  }
}
@media screen and (min-width: 980px) {
  .widget-flux .nav li {
    width: 230px;
  }
}
@media screen and (min-width: 768px) and (max-width: 980px) {
  .widget-flux .nav li:nth-child(2n) {
    margin: 0 0 0 2%;
  }
}

@media screen and (min-width: 768px) and (max-width: 980px) {
  .widget-flux .nav li:nth-child(n+3) {
    margin-top: 20px;
  }
}

@media screen and (min-width: 0) and (max-width: 768px) {
  .widget-flux .nav li + li {
    margin-top: 10px;
  }
}

@media screen and (min-width: 980px) {
  .widget-flux .nav li + li {
    margin: 0 0 0 20px;
  }
}
.widget-flux .nav li > a {
  display: block;
  padding: 0 20px;
  border: 1px solid #EAEAEA;
  border-radius: 10px;
  font-family: arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #FFF;
  line-height: 60px;
  text-transform: uppercase;
}
.widget-flux .nav li > a:hover, .widget-flux .nav li > a.active {
  border: 1px solid #FFF;
  color: #7A1F5E;
  text-decoration: none;
  background: #FFF;
}
.widget-flux .content {
  display: none;
}
.widget-flux .content--active {
  display: block;
}
.widget-flux .zone {
  max-width: 980px;
}
.widget-flux .row {
  overflow: hidden;
}
@media screen and (min-width: 980px) {
  .widget-flux .row {
    height: 212px;
  }
}
.widget-flux .row + .row {
  margin-top: 10px;
}
@media screen and (min-width: 980px) {
  .widget-flux .row + .row {
    margin-top: 20px;
  }
}
@media screen and (min-width: 980px) {
  .widget-flux .col {
    height: 100%;
    float: left;
  }
}
.widget-flux .col + .col {
  margin: 10px 0 0 0;
}
@media screen and (min-width: 980px) {
  .widget-flux .col + .col {
    margin: 0 0 0 20px;
  }
}
.widget-flux .col--12 {
  float: none;
}
@media screen and (min-width: 980px) {
  .widget-flux .col--12 {
    width: 980px;
  }
}
@media screen and (min-width: 980px) {
  .widget-flux .col--6 {
    width: 480px;
  }
}
@media screen and (min-width: 980px) {
  .widget-flux .col--3 {
    width: 230px;
  }
}
.widget-flux .flux-header {
  padding: 15px 0;
  overflow: hidden;
  font-family: 'NimbusSansNovusCondRegular', sans-serif;
  font-size: 30px;
  color: #777777;
  text-transform: uppercase;
  font-weight: normal;
}
@media screen and (min-width: 980px) {
  .widget-flux .flux-header {
    padding: 30px 0;
  }
}
.widget-flux .flux-header .flux-image {
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
}
@media screen and (min-width: 980px) {
  .widget-flux .flux-header .flux-image {
    margin: 0 40px 0 0;
    float: left;
  }
}
.widget-flux .flux-header .flux-image img {
  display: block;
}
.widget-flux .flux-header .flux-image + span {
  display: block;
  text-align: center;
  padding: 0 10px;
}
@media screen and (min-width: 980px) {
  .widget-flux .flux-header .flux-image + span {
    display: inline;
    text-align: left;
    padding: 0 0 0 40px;
    border-left: 1px solid #777;
    float: left;
  }
}
.widget-flux .flux-header b {
  font-family: 'NimbusSansNovusCondBold', sans-serif;
}
@media screen and (min-width: 980px) {
  .widget-flux .flux-header b {
    display: block;
  }
}
.widget-flux .item {
  position: relative;
  overflow: hidden;
}
.widget-flux .item:after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  background: #d5d5d5;
}
.widget-flux .item-content {
  padding: 20px 20px 45px;
  background: url("images/bg-flux.png") no-repeat center center;
}
@media screen and (min-width: 980px) {
  .widget-flux .item-content {
    min-height: 125px;
  }
}
.widget-flux .item--actu {
  background: #f0f0f0;
  height: 100%;
}
.widget-flux .item-illus a {
  display: block;
  background-position: center top;
  background-size: cover;
  height: 100%;
}
.widget-flux .item-source {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  padding: 0 20px;
  text-align: center;
  font-size: 11px;
}
.widget-flux .item-source a {
  color: #999999;
}
.widget-flux .item-link {
  padding-top: 15px;
}
@media screen and (min-width: 980px) {
  .widget-flux .item-link {
    padding-top: 25px;
  }
}
.widget-flux .item-link a {
  display: block;
  background: url("images/sprites.png") no-repeat -850px -700px;
  width: 38px;
  height: 30px;
  text-indent: -99999px;
  margin: 0 auto;
}
.widget-flux .item--une,
.widget-flux .item--twitter,
.widget-flux .item--facebook {
  color: #fff;
}
.widget-flux .item--twitter,
.widget-flux .item--facebook {
  display: table;
}
.widget-flux .item--twitter {
  background: #55acee;
  height: 100%;
  margin: 0 10px;
}
@media screen and (min-width: 980px) {
  .widget-flux .item--twitter {
    margin: 0;
  }
}
.widget-flux .item--twitter:after {
  background: #4a96cf;
}
.widget-flux .item--facebook {
  background: #3b5998;
  height: 100%;
  margin: 0 10px;
}
@media screen and (min-width: 980px) {
  .widget-flux .item--facebook {
    margin: 0;
  }
}
.widget-flux .item--facebook:after {
  background: #2f477a;
}
.widget-flux .item--une {
  background: #7A1F5E;
  margin: 0 10px;
}
@media screen and (min-width: 980px) {
  .widget-flux .item--une {
    height: 444px;
    margin: 0;
  }
}
.widget-flux .item--une:after {
  background: #62194b;
}
.widget-flux .item--une a {
  color: #fff;
}
@media screen and (min-width: 980px) {
  .widget-flux .item--une .item-illus {
    height: 212px;
  }
}
.widget-flux .item--une .item-illus img {
  width: 100%;
  height: auto;
}
.widget-flux .item--une .item-content {
  background: url("images/bg-flux.png") no-repeat center center;
  padding: 20px 20px 35px 20px;
}
@media screen and (min-width: 980px) {
  .widget-flux .item--une .item-content {
    min-height: none;
    height: 177px;
  }
}
.widget-flux .item--facebook .item-source,
.widget-flux .item--twitter .item-source {
  font-size: 10px;
  text-align: left;
  padding: 0 30px 0 40px;
}
.widget-flux .item--facebook .item-source,
.widget-flux .item--twitter .item-source {
  font-weight: bold;
}
.widget-flux .item--facebook .item-source span,
.widget-flux .item--twitter .item-source span {
  font-weight: normal;
  display: block;
}
.widget-flux .item--twitter .item-source {
  padding-left: 45px;
}
.widget-flux .item--twitter .item-source:before {
  background: url("images/sprites.png") no-repeat -700px -725px;
  width: 24px;
  height: 20px;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 0;
}
.widget-flux .item--facebook .item-source:before {
  background: url("images/sprites.png") no-repeat -700px -700px;
  width: 11px;
  height: 22px;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  left: 15px;
  bottom: 0;
}
.widget-flux .item--une .item-source a {
  color: #a97e99;
}
.widget-flux .item--twitter .item-source a {
  color: #00518e;
}
.widget-flux .item-meta {
  font-size: 10px;
}
.widget-flux .item-meta > span {
  display: inline-block;
  background: #fff;
  padding: 2px 10px;
  color: #999999;
}
.widget-flux .item-meta > span strong {
  font-weight: bold;
  color: #bd3861;
}
.widget-flux .item--une .item-title {
  margin-top: 15px;
  font-family: 'NimbusSansNovusCondRegular', sans-serif;
  font-size: 18px;
  font-weight: normal;
}
.widget-flux .item--une .item-desc {
  margin-top: 10px;
  line-height: 1.4em;
  font-size: 11px;
}
.widget-flux .item--facebook .item-content,
.widget-flux .item--twitter .item-content {
  display: table-cell;
  min-height: 100%;
  text-align: center;
  font-family: 'NimbusSansNovusCondRegular', sans-serif;
  font-size: 18px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  width: 100%;
}
.widget-flux .item--twitter .item-content a {
  font-family: 'NimbusSansNovusCondRegular', sans-serif;
  font-weight: bold;
  color: #00518e;
}
.widget-flux .item--actu {
  margin: 0 10px;
}
@media screen and (min-width: 980px) {
  .widget-flux .item--actu {
    margin: 0;
  }
}
.widget-flux .item--actu .item-title {
  height: 50px;
  line-height: 60px;
  text-align: center;
}
@media screen and (min-width: 980px) {
  .widget-flux .item--actu .item-title {
    height: 150px;
    line-height: 160px;
  }
}
.widget-flux .item--actu .item-title a {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
  font-family: 'NimbusSansNovusCondRegular', sans-serif;
  font-size: 18px;
  color: #444444;
}
.widget-flux .item--actu .item-illus img,
.widget-flux .item--une .item-illus img {
  width: 100%;
  height: auto;
  max-height: none;
}

@media screen and (min-width: 980px) {
  .widget-flux .item--actu .item-content {
    float: left;
    width: 210px;
  }
  .widget-flux .item--actu .item-illus {
    float: left;
    text-align: center;
    width: 230px;
    height: 212px;
    line-height: 212px;
    overflow: hidden;
  }
  .widget-flux .item--actu .item-source {
    left: 250px;
  }
}
.bandeau-slider-2014 {
  position: relative;
  background: #fff;
  z-index: 2;
}
.bandeau-slider-2014 .bxslider,
.bandeau-slider-2014 .js-slider {
  height: 100%;
}
.bandeau-slider-2014 .item + .item {
  display: none;
}
.js .bandeau-slider-2014 .item + .item {
  display: block;
}
.bandeau-slider-2014 .item {
  height: 100%;
  position: relative;
}
.bandeau-slider-2014 .item-content {
  border: 1px solid #333333;
  background: url("images/bg-transp-noir--50.png") repeat 0 0;
}
.bandeau-slider-2014 .item-content a {
  position: relative;
  display: block;
  padding: 20px;
  color: #fff;
}
.bandeau-slider-2014 .item-content a:hover {
  text-decoration: none;
}
.bandeau-slider-2014 .item-content a:after,
.bandeau-slider-2014 .slider-nav-hp2014 a:after {
  content: ' ';
  display: block;
  width: 38px;
  height: 30px;
  margin: 30px auto 0;
  background: url("images/sprites.png") no-repeat -850px -700px transparent;
}
.bandeau-slider-2014 .item-content a:before {
  content: ' ';
  position: absolute;
  top: -1px;
  right: -1px;
  display: block;
  width: 15px;
  height: 15px;
  background: url("images/sprites.png") no-repeat -650px -750px;
}
.bandeau-slider-2014 .item-content a.nav-youtube:after,
.bandeau-slider-2014 .slider-nav-hp2014 a.nav-youtube:after {
  content: ' ';
  display: block;
  width: 38px;
  height: 30px;
  margin: 30px auto 0;
  background: url("images/sprites.png") no-repeat -950px -700px transparent;
}
.bandeau-slider-2014 .item-content a > div {
  margin-top: 15px;
}
.bandeau-slider-2014 .item-content h2 {
  line-height: 1em;
  font-family: 'NimbusSansNovusCondLight', sans-serif;
  font-size: 30px;
  font-weight: normal;
  text-transform: uppercase;
}
.bandeau-slider-2014 .item-metas {
  font-size: 0;
}
.bandeau-slider-2014 .item-metas b,
.bandeau-slider-2014 .item-metas time {
  display: inline-block;
  padding: 5px 8px;
  font-weight: bold;
}
.bandeau-slider-2014 .item-metas b {
  font-size: 11px;
  color: #fff;
  background: #e33637;
}
.bandeau-slider-2014 .item-metas time {
  font-size: 10px;
  color: #999999;
  background: #323232;
}
.bandeau-slider-2014 .item-illus {
  width: 100%;
  height: auto;
}
.bandeau-slider-2014 .nav-content {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  text-align: left;
  background: url("images/bg-transp-noir--50.png") repeat 0 0;
}
.bandeau-slider-2014 .nav-content span {
  display: block;
  margin: 10px;
}
.bandeau-slider-2014 .bx-prev,
.bandeau-slider-2014 .bx-next {
  display: none;
}
.bandeau-slider-2014 .item-desc {
  display: none;
}
@media screen and (min-width: 980px) {
  .bandeau-slider-2014 .item-desc {
    display: block;
  }
}
.bandeau-slider-2014 .video {
  height: 100%;
  position: relative;
}
.bandeau-slider-2014 .video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 980px) {
  .js .bandeau-slider-2014 {
    height: 586px;
  }
  .js .bandeau-slider-2014 .bandeau-slider-2014-wrapper {
    position: relative;
    height: 586px;
    overflow: hidden;
    background: url("images/bgr-black--bandeau.gif") repeat 0 0;
  }
  .js .bandeau-slider-2014 .bx-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    width: 1200px;
    height: 586px;
    box-shadow: 50px -50px 500px 100px rgba(255, 255, 255, 0.3);
  }
  .js .bandeau-slider-2014 .bx-wrapper > .item {
    height: 586px;
    width: 100%;
    overflow: hidden;
  }
  .js .bandeau-slider-2014 .item.alone {
    position: absolute;
    left: 50%;
    margin-left: -600px;
    width: 1200px;
    height: 586px;
    box-shadow: 50px -50px 500px 100px rgba(255, 255, 255, 0.3);
  }
  .js .bandeau-slider-2014 .item + .item {
    display: block;
  }
  .js .bandeau-slider-2014 .item-content {
    position: absolute;
    top: 70px;
    left: 50%;
    width: 455px;
    margin-left: -470px;
    z-index: 10;
  }
}
.bandeau-slider-2014 .row--bicolor {
  position: relative;
  height: 10px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  background: #e83738;
  z-index: 1;
}
.bandeau-slider-2014 .row--bicolor:after {
  content: ' ';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 50%;
  background: #7a1f5e;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .js .bandeau-slider-2014 .bx-prev,
  .js .bandeau-slider-2014 .bx-next {
    position: absolute;
    bottom: 20px;
    display: block;
    width: 52px;
    padding-top: 52px;
  }
  .js .bandeau-slider-2014 .bx-prev,
  .js .bandeau-slider-2014 .bx-prev:hover {
    left: 50%;
    margin-left: -540px;
    background: url("images/sprites.png") no-repeat -725px -699px;
  }
  .js .bandeau-slider-2014 .bx-next,
  .js .bandeau-slider-2014 .bx-next:hover {
    right: 50%;
    margin-right: -540px;
    background: url("images/sprites.png") no-repeat -782px -699px;
  }
}

.slider-nav-hp2014 {
  display: none;
}
@media screen and (min-width: 980px) {
  .slider-nav-hp2014 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 80px;
    display: block;
    width: 940px;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
    z-index: 5;
  }
  .slider-nav-hp2014 a {
    width: 218px;
    height: 106px;
    position: relative;
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #fff;
    font-size: 11px;
    color: #fff;
  }
  .slider-nav-hp2014 a.active {
    border-color: #7A1F5E;
  }
  .slider-nav-hp2014 a:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 !important;
    margin-top: -15px !important;
    margin-left: -19px !important;
  }
  .slider-nav-hp2014 a:hover:after,
  .slider-nav-hp2014 a.nav-youtube:hover:after,
  .slider-nav-hp2014 .nav-content {
    display: none;
  }
  .slider-nav-hp2014 a:hover .nav-content {
    display: block;
  }
  .slider-nav-hp2014 img {
    display: block;
    width: 100%;
    height: auto;
  }
}
.js .slider-nav-hp2014 .bx-wrapper {
  width: 940px;
  height: auto;
  box-shadow: none;
  margin-left: -470px !important;
  left: 50%;
}

.slider-hp {
  background: url("images/bgr-black--bandeau.gif") 0 0 repeat;
  width: 100%;
  position: relative;
}
.slider-hp .row--bicolor {
  position: relative;
  height: 10px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  background: #E83738;
  z-index: 1;
}
.slider-hp .row--bicolor:after {
  content: ' ';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 50%;
  background: #7a1f5e;
  z-index: 1;
}

.slider_wrapper {
  box-shadow: 50px -50px 500px 100px rgba(255, 255, 255, 0.3);
}
@media screen and (min-width: 980px) {
  .slider_wrapper {
    width: 1200px;
    height: 586px;
    margin-left: -600px;
    position: relative;
    left: 50%;
  }
}
.slider_wrapper .bx-prev,
.slider_wrapper .bx-next {
  width: 52px;
  margin: auto;
  padding-top: 52px;
  position: absolute;
  top: 50px;
}
@media screen and (min-width: 500px) {
  .slider_wrapper .bx-prev,
  .slider_wrapper .bx-next {
    top: 25%;
  }
}
@media screen and (min-width: 980px) {
  .slider_wrapper .bx-prev,
  .slider_wrapper .bx-next {
    top: auto;
    bottom: 0;
    z-index: 15;
  }
}
@media screen and (min-width: 1100px) {
  .slider_wrapper .bx-prev,
  .slider_wrapper .bx-next {
    bottom: 20px;
  }
}
.slider_wrapper .bx-prev {
  background: url("images/sprites.png") no-repeat -725px -699px;
  left: 10px;
}
@media screen and (min-width: 980px) {
  .slider_wrapper .bx-prev {
    margin-left: -500px;
    left: 50%;
  }
}
@media screen and (min-width: 1100px) {
  .slider_wrapper .bx-prev {
    margin-left: -540px;
  }
}
.slider_wrapper .bx-next {
  background: url("images/sprites.png") no-repeat -782px -699px;
  right: 10px;
}
@media screen and (min-width: 980px) {
  .slider_wrapper .bx-next {
    margin-right: -500px;
    right: 50%;
  }
}
@media screen and (min-width: 1100px) {
  .slider_wrapper .bx-next {
    margin-right: -540px;
  }
}

.slider_item {
  position: relative;
}
.slider_item img {
  display: block;
  width: 100%;
  height: auto;
}
.slider_item + .slider_item {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.bx-wrapper .slider_item + .slider_item {
  visibility: visible;
  top: auto;
  left: auto;
}
.slider_item .item_content {
  background: #A6A6A6;
  border: solid 1px #333;
  position: relative;
}
@media screen and (min-width: 980px) {
  .slider_item .item_content {
    background: url("images/bg-transp-noir--50.png") 0 0 repeat;
    width: 455px;
    margin-left: -470px;
    position: absolute;
    top: 70px;
    left: 50%;
    z-index: 1;
  }
}
.slider_item .item_content h2 {
  font-family: "NimbusSansNovusCondLight", sans-serif;
  font-size: 30px;
  font-weight: normal;
  line-height: 1em;
  text-transform: uppercase;
}
.slider_item .item_content a {
  display: block;
  color: #FFF;
  padding: 20px;
  position: relative;
}
.slider_item .item_content a:hover {
  text-decoration: none;
}
.slider_item .item_content a:before {
  display: block;
  background: url("images/sprites.png") no-repeat -650px -750px;
  width: 15px;
  height: 15px;
  content: "";
  position: absolute;
  right: -1px;
  top: -1px;
}
.slider_item .item_content a:after {
  display: block;
  background: url("images/sprites.png") no-repeat -850px -700px;
  content: "";
  width: 38px;
  height: 30px;
  margin: 10px auto 0;
}
@media screen and (min-width: 980px) {
  .slider_item .item_content a:after {
    margin-top: 30px;
  }
}
.slider_item .item_metas {
  font-size: 0;
  margin-top: 10px;
}
.slider_item .item_metas b,
.slider_item .item_metas time {
  display: inline-block;
  padding: 5px 8px;
  font-weight: bold;
}
.slider_item .item_metas b {
  font-size: 11px;
  color: #FFF;
  background: #E33637;
}
.slider_item .item_metas time {
  font-size: 10px;
  color: #999;
  background: #323232;
}
.slider_item .item_desc {
  display: none;
  text-align: justify;
  margin-top: 10px;
}
@media screen and (min-width: 980px) {
  .slider_item .item_desc {
    display: block;
  }
}
.slider_item .item_video {
  max-width: 100%;
  height: 0;
  padding-bottom: 48.75%;
  position: relative;
  overflow: hidden;
}
.slider_item .item_video iframe,
.slider_item .item_video object,
.slider_item .item_video embed {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.slider_thumb {
  display: none;
  width: 940px;
  height: 107px;
  font-size: 0;
  text-align: center;
  margin: auto;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  z-index: 10;
}
@media screen and (min-width: 980px) {
  .slider_thumb {
    display: block;
  }
}
.slider_thumb .thumb_item {
  display: inline-block;
  width: 220px;
  height: 107px;
  position: relative;
}
.slider_thumb .thumb_item:after {
  display: block;
  background: url("images/sprites.png") no-repeat -850px -700px;
  content: "";
  width: 38px;
  height: 30px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.slider_thumb .thumb_item:hover:after {
  display: none;
}
.slider_thumb .thumb_item:hover .nav-content {
  display: block;
}
.slider_thumb .thumb_item.active a {
  border-color: #7A1F5E;
}
.slider_thumb .thumb_item + .thumb_item {
  margin-left: 20px;
}
.slider_thumb a {
  display: block;
  height: 100%;
  color: #FFF;
  font-size: 11px;
  border: 2px solid #FFF;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.slider_thumb .thumb_item--youtube:after {
  background: url("images/sprites.png") no-repeat -950px -700px;
}
.slider_thumb .bx-wrapper .thumb_item + .thumb_item {
  margin-left: 0;
}
.slider_thumb img {
  display: block;
  width: 100%;
  height: auto;
}
.slider_thumb .nav-content {
  display: none;
  background: url("images/bg-transp-noir--50.png") repeat 0 0;
  text-align: left;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
.slider_thumb .nav-content span {
  display: block;
  margin: 10px;
}

.widget-video {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  .widget-video {
    height: 345px;
  }
}
.widget-video video {
  display: none;
  min-width: 100%;
  width: auto;
  min-height: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
@media screen and (min-width: 980px) {
  .widget-video video {
    display: block;
  }
}

.widget-video-logo {
  padding: 10px 0;
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 768px) {
  .widget-video-logo {
    padding: 38px 0;
  }
}
.widget-video-logo img {
  display: block;
  margin: 0 auto;
}
.widget-video-logo .logo-row {
  font-size: 0;
  text-align: center;
}
.widget-video-logo .logo-row:first-child {
  margin-top: -10px;
}
@media screen and (min-width: 768px) {
  .widget-video-logo .logo-row:first-child {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .widget-video-logo .logo-row + .logo-row {
    margin-top: 20px;
  }
}
.widget-video-logo .logo-col {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
}
@media screen and (min-width: 480px) {
  .widget-video-logo .logo-col {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .widget-video-logo .logo-col {
    width: auto;
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .widget-video-logo .logo-col + .logo-col {
    margin-left: 50px;
  }
}

.widget-video-img {
  display: block;
  background-position: center top;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
@media screen and (min-width: 980px) {
  .widget-video-img {
    display: none;
  }
}

.video {
  height: 100%;
  position: relative;
}

.video_link {
  display: none;
  background: url("images/play.png") 0 0 no-repeat;
  width: 30px;
  height: 30px;
  margin-left: 460px;
  position: absolute;
  bottom: 65px;
  left: 50%;
  z-index: 10;
}
@media screen and (min-width: 980px) {
  .video_link {
    display: block;
  }
}
.video_link a {
  display: block;
  height: 100%;
  cursor: pointer;
}

.tv-slider {
  margin-top: 30px;
}
.tv-slider img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 980px) {
  .tv-slider img {
    max-width: 540px;
  }
}
@media screen and (min-width: 980px) {
  .tv-slider li {
    width: 540px;
    margin-right: -232px;
    margin-left: 80px;
  }
}

@media screen and (min-width: 980px) {
  .tv-pager .bx-controls-direction .bx-prev, .tv-pager .bx-controls-direction .bx-next {
    position: relative;
    top: -292px;
    height: 261px;
    margin-bottom: -261px;
    width: 72px;
  }
}
@media screen and (min-width: 980px) {
  .tv-pager .bx-controls-direction .bx-next {
    left: 556px;
  }
}
.tv-pager .bx-pager-item {
  padding: 2px;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 5px;
}
.tv-pager .bx-pager-item a {
  background: #eee;
  width: 100%;
  font-size: 0;
  height: 5px;
  float: left;
}
.tv-pager .bx-pager-item a.active {
  background: #7a1f5e;
}

.crisismessage-enabled .slider_wrapper {
  display: table;
  background-color: #e83738;
  color: #fff;
}

.crisismessage {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.crisismessage .content {
  max-width: 600px;
  display: inline-block;
}

.crisismessage h1 {
  font-size: 50px;
  font-family: 'NimbusSansNovusCondBold', sans-serif;
  text-transform: uppercase;
}

.crisismessage .message {
  font-size: 50px;
  margin: 45px 0;
  font-size: 14px;
}

.crisismessage .message h1{
  margin: 45px 0;
}

.crisismessage a.btn_link {
  background: url(images/sprites.png) no-repeat -950px -730px transparent;
  width: 38px;
  height: 29px;
  display: inline-block;
  text-indent: -1000px;
  overflow: hidden;
}

@media screen and (min-width: 320px) {
  .crisismessage-enabled .slider_wrapper{
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
  }
  .crisismessage .message {
    margin: 20px 0;
  }
  .crisismessage h1 {
    font-size: 36px;
  }
}
@media screen and (min-width: 768px) {
  .crisismessage .message {
    margin: 45px 0;
  }
  .crisismessage h1 {
    font-size: 50px;
  }
}
@media screen and (min-width: 980px) {
  .crisismessage-enabled .slider_wrapper{
    width: 100%;
    height: 586px;
    margin-left: 0;
    position: relative;
    left: 0;
    padding: 0;
  }
}

body.crisismessage-enabled .banner-crisis-message{
  position: fixed; bottom: 0; width: 100%; background-color: rgba(0,0,0,.9); z-index: 100;
}

body.crisismessage-enabled .banner-crisis-message .message {
  width: 100%;
  background-color: #e83738;
  color: #fff;
}

body.crisismessage-enabled .banner-crisis-message .content{
  position: relative;
  width: 980px; margin: 0 auto; box-sizing: border-box; padding: 20px;
  font-family: arial, sans-serif;
  font-size: 12px;
}
body.crisismessage-enabled .banner-crisis-message .message h1 {
  font-family: 'NimbusSansNovusCondBold', sans-serif;
  font-size:24px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
body.crisismessage-enabled .banner-crisis-message .message a {
  text-decoration: underline;
  color: #fff;
}
body.crisismessage-enabled .banner-crisis-message .message a:hover {
  text-decoration: none;
  color: #fff;
}

.close-crisis-banner{
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 15px;
  background: url(images/sprites.png) no-repeat -953px -764px transparent;
  width: 33px;
  height: 33px;
  display: inline-block;
  text-indent: -1000px;
  overflow: hidden;
}

/*body.crisismessage-enabled #footer::after,
body.crisismessage-enabled #big-contact::after{
  content: ' ';
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height:100%;
  background-color: rgba(0,0,0,.9);
  z-index:100000;
}*/
