.formhtml,
button,
input,
select,
textarea {
    color: #222;
}

html { overflow-y: scroll; color: #434649; }
a, a:visited, a:active {
  text-decoration: underline;
  cursor: pointer;
}
a:hover { text-decoration: none; }
a:focus { outline: none; }

::-moz-selection {
    color: #fff;
    text-shadow: none;
}

::selection {
    color: #fff;
    text-shadow: none;
}
/* Pour un champ CKEDITOR, on rajoute un bg car blanc/blanc ne se voit pas */
.cke_editable ::selection {
    background-color: #328efe;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.cleaner {
  clear: both;
  visibility: hidden;
  height: 0px;
  margin: 0;
  padding: 0;
}

.a_droite {
  text-align: right;
}


/* ==========================================================================
   Grille issue de Bootstrap v2.1.1
   ========================================================================== */

.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}
.container:before,
.container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

.row {
  margin-left: -10px;
  *zoom: 1;
  background-color: transparent !important;
}
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}
[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 10px;
}
.container{  width: 950px;}
.span12 {  width: 950px;}
.span11 {  width: 870px;}
.span10 {  width: 790px;}
.span9 {  width: 710px;}
.span8 {  width: 630px;}
.span7 {  width: 550px;}
.span6 {  width: 470px;}
.span5 {  width: 390px;}
.span4 {  width: 310px;}
.span3 {  width: 230px;}
.span2 {  width: 150px;}
.span1 {  width: 70px;}
.offset12 {  margin-left: 970px;}
.offset11 {  margin-left: 890px;}
.offset10 {  margin-left: 810px;}
.offset9 {  margin-left: 730px;}
.offset8 {  margin-left: 650px;}
.offset7 {  margin-left: 570px;}
.offset6 {  margin-left: 490px;}
.offset5 {  margin-left: 410px;}
.offset4 {  margin-left: 330px;}
.offset3 {  margin-left: 250px;}
.offset2 {  margin-left: 170px;}
.offset1 {  margin-left: 90px;}

[class*="span"].hide {  display: none;}
[class*="span"].pull-right {  float: right;}


/* ==========================================================================
   Commun V2  - Ajustements responsive  de la grille
   ========================================================================== */
@media (max-width: 320px) {
  /* rien pour l'instant
     Smartphone petite résolution
  */
}

@media (max-width: 480px) {
  /* rien pour l'instant
     Smartphone
  */
  .masque_mobile  { display: none;  }
}

@media (max-width: 600px) {
  /* rien pour l'instant
     Usage tablette 7 pouces....
  */
}

@media (max-width: 979px) { /*(max-width: 767px) {*/

  .container {    width: 100%;}
  .row {    margin-left: 0px;}

  [class*="span"]
  {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
/*
@media (min-width: 768px) and (max-width: 979px) {
  .container { width: 758px;}
  .span12 {width: 758px;}
  .span11 {width: 694px;}
  .span10 {width: 630px;}
  .span9 {width: 566px;}
  .span8 {width: 502px;}
  .span7 {width: 438px;}
  .span6 {width: 374px;}
  .span5 {width: 310px;}
  .span4 {width: 246px;}
  .span3 {width: 182px;}
  .span2 {width: 118px;}
  .span1 {width: 54px;}
  .offset12 {margin-left: 778px;}
  .offset11 {margin-left: 714px;}
  .offset10 {margin-left: 650px;}
  .offset9 {margin-left: 586px;}
  .offset8 {margin-left: 522px;}
  .offset7 {margin-left: 458px;}
  .offset6 {margin-left: 394px;}
  .offset5 {margin-left: 330px;}
  .offset4 {margin-left: 266px;}
  .offset3 {margin-left: 202px;}
  .offset2 {margin-left: 138px;}
  .offset1 {margin-left: 74px;}
}
*/
@media (min-width: 1200px) {
  .container {width: 1190px;}
  .span12 {width: 1190px;}
  .span11 {width: 1090px;}
  .span10 {width: 990px;}
  .span9 {width: 890px;}
  .span8 {width: 790px;}
  .span7 {width: 690px;}
  .span6 {width: 590px;}
  .span5 {width: 490px;}
  .span4 {width: 390px;}
  .span3 {width: 290px;}
  .span2 {width: 190px;}
  .span1 {width: 90px;}
  .offset12 {margin-left: 1210px;}
  .offset11 {margin-left: 1110px;}
  .offset10 {margin-left: 1010px;}
  .offset9 {margin-left: 910px;}
  .offset8 {margin-left: 810px;}
  .offset7 {margin-left: 710px;}
  .offset6 {margin-left: 610px;}
  .offset5 {margin-left: 510px;}
  .offset4 {margin-left: 410px;}
  .offset3 {margin-left: 310px;}
  .offset2 {margin-left: 210px;}
  .offset1 {margin-left: 110px;}
}

/* ==========================================================================
   Base CITIA v2
   ========================================================================== */

body  {
  background-color: #CFD2D5;
  font-family: Arial, sans-serif;
  font-size: 0.875em;
  position: relative;
}

header {
  background-color: #7A7D80;
  position: fixed;
  z-index: 50;
  width: 100%;
  top: 0;
}

header.ombre {
  -webkit-box-shadow: 0 0 10px rgba(67, 70, 73, 0.5);
  -moz-box-shadow:    0 0 10px rgba(67, 70, 73, 0.5);
  box-shadow:         0 0 10px rgba(67, 70, 73, 0.5);
}

div#menu {
  top: 0;
  z-index: 12;
  background-color: #FFFFFF;
  width: 100%;
}
div#menu .container {
  position: relative;
  z-index: 12;
  background-color: #FFFFFF;
}

div#menu .container .row {
  margin-left: 0;
}

/* ---- MENU Principal ---- */
#menu_principal    {
  float: left;
  background-color: #FFFFFF;
}

#menu_principal ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#menu_principal>ul li.li_n1 {
  display: inline-block;
  float: left;
  width: 33.3%;
  margin-bottom: 0;
}

#menu_principal ul li.li_n1>a,
#menu_principal button.nav_btn {
  margin: 0;
  border: 0px;
  font: normal normal normal 1.3em/1em 'Source Sans Pro';
  text-decoration: none;
}

#menu_principal ul li.li_n1>a {
  display: block;
  font: normal 600 normal 1.22em/1em 'Source Sans Pro';
  letter-spacing: 0.01em;
  width: 80%;
  padding: 31px 10%;
  height: 18px;
  text-align: center;
  text-transform: uppercase;
}

#menu_principal button.nav_btn {
  height: 80px;
  width: 100%;
  color: #898c8f;
  padding: 15px 10%;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#menu_principal ul li a:hover,
#menu_principal ul li a:active,
#menu_principal button.nav_btn:hover,
#menu_principal button.nav_btn:active {
  background-color: #edf0f3;
  color: #6b6e71;
}

#menu_principal ul li.li_n1 > a.actif {
  background-color: #bfc2c5;
  color: #ffffff;
}

#menu_principal button span.label {
  text-transform: none;
  font-family: source sans pro;
  font-size: 0.80em;
  line-height: 1.3em;
}

/* ---- logo SITE ---- */
#logo_site {
  position: relative;
  z-index: 6;
  overflow: hidden;
  float: left;
  text-align: center;
  background-color: #fff;
}

#logo_site a {
  display: inline-block;
  height: 80px;
  width: 100%;
  text-indent: -999em;
}

#logo_site a {
    background-position: center 0px;
    background-repeat: no-repeat;
}

#logo_site a:hover,
#logo_site a:active {
    background-position: center -80px;
    background-repeat: no-repeat;
}

/* ---- Menu secondaire ---- */
#menu_secondaire {
  position: relative;
  z-index: 5;
  float: left;
  background-color: #FFFFFF;
}

#menu_secondaire ul  {
  position: relative;
  z-index: 3;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#menu_secondaire ul li {
  display: inline-block;
  float: left;
  line-height: 0;
}

#menu_secondaire ul li  {
  height: 80px;
  width: 25%;
  margin: 0;
}

#menu_secondaire ul li.info_connexion {
  width: 50%;
}

#menu_secondaire ul li > a.picto-lien {
  padding: 18px 0 17px;
}

#menu_secondaire ul li > a.picto-lien  {
  position: relative;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

#menu_secondaire ul li a.picto-lien [class^="pict"] {
  text-indent: -999em;
}

#menu_secondaire ul li a.picto-lien span:last-child {
  font-family: source sans pro;
  font-size: 1.05em;
  line-height: 0.9em;
  padding-top: 2px;
  color: #898C8F;
}

#menu_secondaire ul li a.picto-lien:hover span:last-child { color: #6B6E71; }

#menu_secondaire ul li>a span,
#menu_principal button.nav_btn span {
  position: relative;
  display: block;
  margin: 0 auto;
  color: #BFC2C5;
}

#menu_secondaire ul li>a:hover span, #menu_secondaire ul li>a:active span,
#menu_principal button.nav_btn:hover span, #menu_principal button.nav_btn:active span {
  color: #7a7d80;
}

#menu_secondaire ul li:hover {
  background-color: #EDF0F3;
}
/* connecté */
#menu_secondaire ul li.info_connexion {
  position: relative;
  text-align: center;
  line-height: 1.05em;
  cursor: pointer;
  padding: 0;
}

#menu_secondaire ul li.info_connexion p.recap-connexion {
  display: inline-block;
  font-size: 0.95em;
  line-height: 1.35em;
  margin: 0;
  width: 100%;
}

#menu_secondaire p.recap-connexion a {
  width: 100%;
  height: auto;
  display: inline-block;
  margin: 0;
  text-decoration: none;
  padding: 10px 0;
  color: #acafb2;
}

#menu_secondaire p.recap-connexion a:first-child { padding-top: 13px;  }
#menu_secondaire p.recap-connexion a:last-child  { padding: 0px 0px 3px 0; }

#menu_secondaire p.recap-connexion a:hover {
  color: #6B6E71;
}

#menu_secondaire p.recap-connexion a:last-child:hover {
  background-color: #6b6e71;
  color: #edf0f3;
}

#menu_secondaire>div {
  position: absolute;
  width: 100%;
  z-index: 2;
  display: none;
  background-color: #6B6E71;
  top: 80px;
  left : 0px;
  color: #D6D6B8;
}

#menu_secondaire>div h3 {
  background-color: #434649;
  margin: 0px;
  padding: 5px 0;
  text-align: center;
  color: #EBF0F2;
}

#menu_secondaire .col_form {
  background: none;
  min-height: 120px;
  padding-top: 0;
}

#menu_secondaire .col_form form {
  padding-top : 15px;
}

#menu_secondaire .col_form label {
  color: #e3e6e9;
}

#menu_secondaire .col_form p {
  margin: 10px 20px;
}

#menu_secondaire .col_form p input[type="text"], #menu_secondaire .col_form p input[type="password"] {
width: 54.5%;
}
#menu_secondaire .col_form p.p_message {
margin: 0;
}

#menu_secondaire .col_form button {
  margin: 5%;
  width: 90%;
  padding: 10px 0;
}

#connexion form .log_action p.choix input[type="checkbox"] + label:before {
    left: 2px;
}

#connexion form .log_action p.choix input[type="checkbox"]:checked + label:after {
  left: 6px;
}

#menu_secondaire .col_form #form_mdp_perdu button {
  margin-bottom: 5px;
}
#menu_secondaire .col_form #form_mdp_perdu .log_action {
  margin: 0;
}
#menu_secondaire .col_form #form_mdp_perdu .log_action a {
  margin-right: 20px;
  margin-bottom: 20px;
}

/* sous-menu principal */
div#sous_menu {
  background-color: #7A7D80;
  display: none;
  width: 100%;
  height: 0px;
  top: 80px;
}

/* Hack urgence - sous-menu sur mobile - MNadot 11/06/2014 début */
@media screen and (max-height: 979px) {
  @media screen and (max-height: 735px) {
    div#sous_menu {
      overflow: scroll;
    }
  }
}
/* Hack urgence - sous-menu sur mobile - MNadot 11/06/2014 fin */

div#sous_menu .span12 {
 position: relative;
}

div#sous_menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div#sous_menu .menu_n2 {
  padding: 0;
  background-color: #898C8F;
  width: 230px;
  height: 230px;
}

div#sous_menu .menu_n2 .li_n2>a {
  color : #EBF0F2;
  display: block;
  padding: 9px;
  text-decoration: none;
  font: normal normal 600 1.23em/1em 'Source Sans Pro';
  letter-spacing: 0.05em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

div#sous_menu .menu_n2 .li_n2>a span[class *="pict_"] {
  margin-right: 5px;
}

div#sous_menu .menu_n2 .li_n2>a span.btn_pict {
  float: right;
  position: relative;
  top: 2px;
  right: 5px;
}

div#sous_menu .menu_n3 {
  position: absolute;
  overflow: hidden;
  top: 0px;
  left: 230px;
  width: 719px;
}

div#sous_menu .menu_n3 li {
  float: left;
  display: inline-block;
  margin-left: 2px;
}

div#sous_menu .menu_n3 li:first-child {
  margin-left: 0px;
}

div#sous_menu .menu_n3 li a {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 231px;
  overflow: hidden;
}

div#sous_menu .menu_n3 li a span {
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-color: #D9DCDF;
  color: #898C8F;
  font: normal normal 600 1.235em/1.1em 'Source Sans Pro';
  display: inline-block;
  width: 120px;
  height: 35px;
  text-align: center;
  padding: 15px 0;
}

div#sous_menu .menu_n3 li a:hover img, div#sous_menu .menu_n3 li a.actif img {
  position: relative;
  top: -180px;
}

div#sous_menu .menu_n3 li a.actif {
  cursor: default;
}

/* FIL D'ariane */
div#fil_ariane {
  position: relative;
  z-index: 11;
  background-color: #434649;
}

div#fil_ariane p  {
  margin : 5px 0px;
  color: #ACADB2;
}

div#fil_ariane a, div#fil_ariane .actif:hover {
  color: #ACADB2;
  padding: 5px;
  text-decoration: none;
}

p#fil_ariane a.a_actif, p#fil_ariane a:hover {  text-decoration: underline; }


body>.container {
  margin-top: 106px;
}

body>.container.lite {
  margin-top: 0;
}

div.entete_acc  {
  position: relative;
  z-index: 1;
}

div#accroche {
  position: absolute;
  width: 23%;
  bottom: 10px;
  left: -10px;
  padding: 10px;
}

div#accroche p {
  font-size: 1.2em;
  margin: 0;
}

div.entete_acc ul {
  list-style-type: none;
  position: absolute;
  right: -10px;
  bottom: 10px;
  margin-right: 0;
  text-align: right;
}

div.entete_acc ul li {
  margin-top: 20px;
}

div.entete_acc ul li a, div.entete_acc ul li span {
  position: relative;
  padding: 0 10px;
  font: normal normal 600 2.32em/1em 'Source Sans Pro';
  text-decoration: none;
  transition-property: color, left;
  transition-duration: 0.5s;
  left: 0;
}

div.entete_acc ul li a:hover {
  left: -20px;
  color: #fff;
}

/* ---- TITRES ---- */
h3.chapeau, div.p_info h3, .blc.p_fiche .accroche, .accroche {
  position: relative;
  color: #fff;
  background-color: #898C8F;
  font: normal normal 400 1.4em/1.3em 'Source Sans Pro';
  margin: 0;
  padding: 1em 6%;
}

p.chapeau {
    font: italic normal 400 1.54em/1.25em 'Source Sans Pro';
    color: #434646;
}

/* ---- BOUTONS --- */
.btn {
  display: inline-block;
  padding: 7px 15px 7px 15px;
  font: normal normal 400 1.075em/1.2em 'Arial';
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  margin : 0;
  outline: none;
  border: 0px;
}

a.btn { text-decoration: none;  }
/* button.btn {  line-height: 1.55em; } */

.btn[class*="span"] {
  padding-left: 0px;
  padding-right: 0px;
}

.btn:focus {
  outline: none;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* BTN3 - violet */
.btn.btn3 {
  color:#EAE8FC;
  background-color:#4F3C97;
}

.btn.btn3:hover {
    background-color:#6B5BB0;
}
.btn.btn3:active {
    position:relative;
    top:1px;
}

/* rOUGE */
.btn4 {
    background-color: #E7222D;
    color: #FBDCDC;
}

.btn4:hover, .btn4:active {
    background-color: #c7191d;
}

.btn.btn3.en_cours {  background-color: #897ec3;  }
.btn.btn3.en_cours span[class^="pict_"] {  background: url("../interface/loader_btn3.gif");  }

/* ---- Gestion des pictogrammes ---- */

/* PICTOS PAGES */

.pict {
    background-image: url("../interface/sprite-pictos-pages_gris.png");
    float: none;
}

.apropos      {   background-position:    0     0;    }
.archive      {   background-position:  -60px   0;    }
.enimages     {   background-position: -120px   0;    }
.accred       {   background-position: -180px   0;    }
.fest         {   background-position: -240px   0;    }
 
.mifa         {   background-position:    0   -60px;  }
.conf         {   background-position:  -60px -60px;  }
.focus        {   background-position: -120px -60px;  }
.condacces    {   background-position: -180px -60px;  }
.inscript     {   background-position: -240px -60px;  }

.benevoles    {   background-position:    0   -120px; }
.etudiants    {   background-position:  -60px -120px; }
.infoprat     {   background-position: -120px -120px; }
.agenda       {   background-position: -180px -120px; }
.press        {   background-position: -240px -120px; }

.part         {   background-position:    0   -180px; }
.retd         {   background-position:  -60px -180px; }
.network      {   background-position: -120px -180px; }
.billeterie   {   background-position: -180px -180px; }
.locali       {   background-position: -240px -180px; }

.rezo         {   background-position:   0    -240px; }
.portefeu     {   background-position: -60px  -240px; }
.cible        {   background-position: -120px -240px; }
.exposit      {   background-position: -180px -240px; }
.dessin       {   background-position: -240px -240px; }

.envelop      {   background-position:   0    -300px; }
.carrefour    {   background-position: -60px  -300px; }
.program      {   background-position: -120px -300px; }
.memploi      {   background-position: -180px -300px; }
.annonceur    {   background-position: -240px -300px; }

.faq          {   background-position:    0   -360px; }
.interv       {   background-position:  -60px -360px; }
.heberg       {   background-position: -120px -360px; }
.loupe        {   background-position: -180px -360px; }
.pgfavoris    {   background-position: -240px -360px; }

.documen      {   background-position:    0   -420px; }
.editorial    {   background-position:  -60px -420px; }
.acces        {   background-position: -120px -420px; }

/* SPRITE GENERAL */

[class^="pict_"] {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url( "../interface/sprite_menu.png" );

}

.btn span[class^="pict_"] {
  margin: -1px 3px 0 0;
}

.btn.inactif span[class^="pict_"] {
  opacity : 0.25;
}

/* Positionnement des pictogrammes sur le sprite */
.pict_pdf   {  background-position:    0px -200px; }
.pict_zip   {  background-position:  -20px -200px; }
.pict_hd    {  background-position:  -40px -200px; }
.pict_edit  {  background-position:  -60px -200px; }
.pict_modif {  background-position:  -80px -200px; }
.pict_valid {  background-position: -100px -200px; }
.pict_suppr {  background-position: -120px -200px; }
.pict_avant {  background-position: -140px -200px; }
.pict_apres {  background-position: -160px -200px; }
.pict_impr  {  background-position: -180px -200px; }
.pict_voir  {  background-position: -200px -200px; }
.pict_plus  {  background-position: -220px -200px; }
.pict_moins {  background-position: -240px -200px; }
.pict_fav   {  background-position: -260px -200px; }
.pict_tel   {  background-position: -280px -200px; }
.pict_prev  {  background-position: -300px -200px; }
.pict_quest {  background-position: -320px -200px; }
.pict_acces {  background-position: -340px -200px; }
.pict_prev2 {  background-position:    0px -220px; }
.pict_fav2  {  background-position:  -20px -220px; }
.pict_fav3  {  background-position:  -40px -220px; }
.pict_soc   {  background-position:  -60px -220px; }
.pict_in    {  background-position:  -80px -220px; }
.pict_url   {  background-position: -100px -220px; }
.pict_mess  {  background-position: -120px -220px; }
.pict_twit  {  background-position: -100px -220px; }
.pict_3d    {  background-position: -140px -220px; }
.pict_avpr  {  background-position: -160px -220px; }
.pict_mob   {  background-position: -180px -220px; }
.pict_xls   {  background-position: -200px -220px; }
.pict_rech  {  background-position: -220px -220px; }
.pict_rech2 {  background-position: -385px -330px; }
.pict_pj    {  background-position: -260px -220px; }
.pict_part  {  background-position: -300px -240px; }

.pict_pj_fonce      {  background-position: -365px -330px; }
.pict_pj_telech     {  background-position: -280px -220px; }
.pict_plus_rond     {  background-position: -23px -58px; }
.pict_ok            {  background-position:   0px -70px; }
.pict_ok.actif      {  background-position:   0px -90px; }
.pict_ko            {  background-position:   0px -30px; }
.pict_accred_fonce  {  background-position:   -404px -330px; }
.pict_resa_fonce    {  background-position:   -424px -330px; }
.pict_cv_fonce      {  background-position:   -444px -330px; }
.pict_invit_fonce   {  background-position:   -464px -330px; }
.pict_entLib_fonce  {  background-position:   -464px -350px; }
.pict_cpCoeur       {  background-position:   -464px -350px; }

.pict_horr  {  background-position: -165px -330px; }
.pict_loca  {  background-position: -185px -330px; }
.pict_list  {  background-position: -205px -330px; }
.pict_stand {  background-position: -225px -330px; }
.pict_acht  {  background-position: -245px -330px; }
.pict_pre   {  background-position: -265px -330px; }
.pict_atp   {  background-position: -285px -330px; }
.pict_chrn  {  background-position: -305px -330px; }
.pict_prsn  {  background-position: -325px -330px; }
.pict_oeil  {  background-position: -345px -330px; }

.pict_trois_points { background-position: -302px -217px; }
.pict_tri { background-position: -320px -220px; }
#tab_boite_reception .pict_en_cours_mess { background:url("/resources/interface/pictos/ajax-loader-mess.gif") no-repeat; }
.rechercher_messagerie .pict_en_cours_rech_mess { background:url("/resources/interface/pictos/ajax-loader-rech-mess.gif") no-repeat; }
.afficher_plus .pict_en_cours_plus_mess { background:url("/resources/interface/pictos/ajax-loader-plus-mess.gif") no-repeat; }
.afficher_plus:hover .pict_en_cours_plus_mess { background:url("/resources/interface/pictos/ajax-loader-plus-mess-hover.gif") no-repeat; }
/*
a.btn span.pict_pdf, a.btn span.pict_zip, a.btn span.pict_hd, a.btn span.pict_modif,
a.btn span.pict_avant, a.btn span.pict_apres
{
  margin : 0.1em;
}
*/
/* ---- PICT 23X ---- */
[class^="pict23_"],
[class*=" pict23_"] {
  display: inline-block;
  width: 23px;
  height: 20px;
  margin-right: 0.2em;
  line-height: 14px;
  vertical-align: text-top;
  margin-top: 1px;
}

.pict23_profil          {  background-position: 0px -420px;   }
.pict23_mess            {  background-position: -23px -420px; }
a:hover .pict23_profil  {  background-position: 0px -440px;   }
a:hover .pict23_mess    {  background-position: -23px -440px; }

/* ---- PICT 25X ---- */
[class^="pict25_"],
[class*=" pict25_"] {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 0.2em;
  line-height: 14px;
  vertical-align: text-top;
  margin-top: 2px;
}

/* Positionnement des pictogrammes sur le sprite */
.pict25_note   {  background-position: 0 -330px; }
.pict25_lettre {  background-position: -25px -330px; }
.pict25_bulle  {  background-position: -50px -330px; }
.pict25_nouv   {  background-position: -75px -330px; }
.pict25_agenda {  background-position: -100px -330px; }
/* ---- PICT 30X ---- */
[class^="pict30_"],
[class*=" pict30_"] {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 0.2em;
  line-height: 14px;
  vertical-align: text-top;
  margin-top: 1px;
}

.pict30_fr        {  background-position: 0px -360px;     }
.pict30_en        {  background-position: -30px -360px;   }
.pict30_agenda    {  background-position: -60px -360px;   }
.pict30_recherche {  background-position: -90px -360px;   }
.pict30_network   {  background-position: -120px -360px;  }
.pict30_menu      {  background-position: -150px -360px;  }

a:hover .pict30_fr        {  background-position: 0px -390px;   }
a:hover .pict30_en        {  background-position: -30px -390px; }
a:hover .pict30_agenda    {  background-position: -60px -390px; }
a:hover .pict30_recherche {  background-position: -90px -390px; }
a:hover .pict30_network   {  background-position: -120px -390px;}
button:hover .pict30_menu      {  background-position: -150px -390px;}

.pict30_bulle     {  background-position: -180px -360px;  }
.pict30_jury      {  background-position: -210px -360px;  }
.pict30_playplus  {  background-position: -240px -360px;  }
.pict30_acy       {  background-position: -180px -390px;  }
.pict30_fav       {  background-position: -210px -390px;  }
.pict30_play      {  background-position: -240px -390px;  }

.pict30_duree     {  background-position: -90px -420px;   }
.pict30_prog      {  background-position: -120px -420px;  }
.pict30_lieu      {  background-position: -150px -420px;  }
.pict30_avpr      {  background-position: -180px -420px;  }
.pict30_ext       {  background-position: -240px -360px;  }
.pict30_comp      {  background-position: -240px -360px;  }
.pict30_ext       {  background-position: -240px -390px;  }
/* ---- PICTO carré ---- */
.carre {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 5px;
  margin-right: 0.2em;
  background-color: #ADCB0B;
}

.carre.linkedin { background-color: #256DA8;  }
.carre.twitter  { background-color: #38a8db;  }

/* ---- Gestion des badges ---- */
[class^="badge_"],
[class*=" badge_"] {
  display: inline-block;
  width: 45px;
  height: 45px;
  margin-right: 0.5em;
  line-height: 14px;
  vertical-align: text-top;
  margin-top: 1px;
}

/* Positionnement des badges sur le sprite */
.badge_note     {  background-position: 0 -240px; }
.badge_agenda   {  background-position: -45px -240px; }
.badge_new      {  background-position: -90px -240px; }
.badge_stat     {  background-position: -135px -240px; }
.badge_question {  background-position: -180px -240px; }
.badge_lien     {  background-position: -225px -240px; }

.agenda.badge_note    , .couleur.badge_note     {  background-position: 0 -285px; }
.agenda.badge_agenda  , .couleur.badge_agenda   {  background-position: -45px -285px; }
.agenda.badge_new     , .couleur.badge_new      {  background-position: -90px -285px; }
.agenda.badge_stat    , .couleur.badge_stat     {  background-position: -135px -285px; }
.agenda.badge_question, .couleur.badge_question {  background-position: -180px -285px; }
.agenda.badge_lien    , .couleur.badge_lien     {  background-position: -225px -285px; }

/* Bouton dans le sprite */
.btn_pict {
  text-indent: -999em;
  outline: none;
  cursor: pointer;
  display: inline-block;
  border : 0px;
  text-decoration: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.btn_pict.plus, .btn_pict.moins {
  width: 25px;
  height: 25px;
}

.btn_pict.plus {  background-position: -20px 0; }
.btn_pict.plus:hover {  background-position: -20px -27px; }

.btn_pict.moins {  background-position: -45px 0; }
.btn_pict.moins:hover {  background-position: -45px -27px; }

.btn_pict.suiv, .btn_pict.prec {
  width: 44px;
  height: 44px;
}
.btn_pict.prec {  background-position: -371px 0px; }
.btn_pict.prec:hover {  background-position: -371px 0; }

.btn_pict.suiv {  background-position: -371px -44px; }
.btn_pict.suiv:hover {  background-position: -371px -44px; }

.btn_pict.mini_plus  {
  width: 16px;
  height: 15px;
  background-position: 0 0;
}

.btn_pict.mini_plus:hover  {
  background-position: 0 -15px;
}
.btn_pict.bas, .btn_pict.haut, .btn_pict.gauche, .btn_pict.droite {
   width: 15px;
  height: 15px;
}
.btn_pict.bas {  background-position: -371px -216px; }
.btn_pict.bas:hover {  background-position: -371px -231px; }

.btn_pict.haut {  background-position: -386px -216px; }
a:hover .btn_pict.haut {  background-position: -386px -231px; }

.btn_pict.gauche {  background-position: -401px -216px; }
a:hover .btn_pict.gauche {  background-position: -401px -231px; }

.btn_pict.droite {  background-position: -416px -216px; }
a:hover .btn_pict.droite {  background-position: -416px -231px; }

.btn_pict.bas.couleur {  background-position: -371px -246px; }
a:hover .btn_pict.bas.couleur {  background-position: -371px -261px; }

.btn_pict.haut.couleur {  background-position: -386px -246px; }
a:hover .btn_pict.haut.couleur {  background-position: -386px -261px; }

.btn_pict.gauche.couleur {  background-position: -401px -246px; }
a:hover .btn_pict.gauche.couleur {  background-position: -401px -261px; }

.btn_pict.droite.couleur {  background-position: -416px -246px; }
a:hover .btn_pict.droite.couleur {  background-position: -416px -261px; }

/* ---- PICTOGRAMMES --- */
.pict {
  width: 60px;
  height: 60px;
  display: inline-block;
}

/* Plugin jquery UI */
.ui-icon  {
  width: 16px;
  height: 16px;
  display: block;
  overflow: hidden;
  text-indent: -999px;
}
/*
.ui-icon-triangle-1-e { background-position: -371px -216px; }
.ui-state-hover .ui-icon-triangle-1-e { background-position: -371px -231px; }

.ui-icon-triangle-1-s { background-position: -386px -216px; }
.ui-state-hover .ui-icon-triangle-1-s { background-position: -386px -231px; }
*/
.icone_fermer {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../interface/pict_fermer.png") no-repeat 0 0;
  text-indent: -9999em;
}

.icone_fermer:hover { background-position: 0 -14px;  }

.centre { text-align: center; }


a.chevron {  text-decoration: none;  }
a.chevron  span {  text-decoration: underline;  }
a.chevron:hover span {  text-decoration: none;  }
/* ---- BLOCS DE CONTENU --- */
.blc  {
  background-color: #FFFFFF;
  margin-top: 10px;
  position: relative;
}

.blc[class*="p_"]:first-child {
  margin-top: 0px;
  z-index: 10;
}

/* ---- BLOCS VISUELS --- */
.blc.visu {
  position: relative;
  cursor: pointer;
}

.blc.visu>div {
  position: absolute;
  width: 100%;
  bottom: 0px;
  background-color: #EDF0F3;
}

.blc.visu h3 {
  position: relative;
  display: block;
  font: normal normal 600 1.69em/1em 'Source Sans Pro';
  margin: 0;
  padding: 10px;
}

.blc.visu h3 a {
  position: absolute;
  right: 5px;
  bottom: 5px;
  display: none;
}

.blc.visu p {
  display: none;
  padding: 10px;
  margin: 0;
  color: #3C3D38;
  font-size: 1.07em;
  line-height: 1.15em;
}

.blc_acc .suggestions.clearfix:after {
  clear: none;
}

.blc_acc .suggestions .blc.visu  {
  width: 149px;
  margin-left: 10px;
  float: left;
}

.blc_acc .suggestions {
  margin-left: 7px;
  display: inline-block;
}

.blc_acc .suggestions:first-child { margin-left: 0; }
.inscr .blc.visu h3 { text-align: center; }

.groupe_programme ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.groupe_programme ul li {
  padding: 0;
  display: inline-block;
  width: 190px;
  margin-right: 10px;  
}

.col_simple {
  width: 190px;
}

/* Mises en avant spéciales */
.blc.mea {
}

.blc.mea h2 {
  display: none;
}

.blc.mea>div {
  position: absolute;
  bottom: 0px;
  border-top: 10px solid #90A905;
  box-shadow: 0px -2px 4px #565656;
  -moz-box-shadow: 0px -2px 4px #565656;
  -webkit-box-shadow: 0px -2px 4px #565656;
  -o-box-shadow: 0px -2px 4px #565656;
  background-color: #ADCB0B;
}

.blc.mea div>img {
  float: left;
  margin-top: -25px;
  margin-left: 0px;
}

.blc.mea p {
  display: block;
  color: #F8FFC0;
  margin: 0px;
  padding: 15px 15px 20px;
  font-size: 1em;
  font-family: 'Arial';
}

.blc.mea p a {
  color: #FFFFFF;
}

.blc.mea a.plus {
  position: absolute;
  bottom: 5px;
  right: 5px;
}

/* Suggestions */
.suggestions h4, div#menu_n4 h3, div#menu_n4 h4 {
  font: normal normal 600 2.308em/1em 'Source Sans Pro';
  margin: 0;
  padding: 25px 20px 15px;
  text-align: right;
  color: #FFFFFF;
}

div#menu_n4 h3 {
    background-color: #EDF0F3;
    color: #ACAFB2;
}

.suggestions .blc.visu {
  width: 150px;
  float: left;
  margin-left: 10px;
}

.suggestions .blc.visu:nth-child(even) {
  margin-left: 0;
}

.suggestions .blc.visu img {
  opacity: 1;
  width: 100%;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.suggestions .blc.visu img:hover,
.suggestions .blc.visu img:active {
  opacity: 0.8;
}

.bas_suggestions {
  width: 100%;
  height: 40px;
  display: inline-block;
  margin-top: 10px;
  background-color: #6B6E71;
  box-shadow: 0px 0px 2px #565656;
  -moz-box-shadow: 0px 0px 2px #565656;
  -webkit-box-shadow: 0px 0px 2px #565656;
  -o-box-shadow: 0px 0px 2px #565656;
}

/* ---- Titre dans les types de pages ---- */
h1 {
  position: relative;
  z-index: 10;
  font: normal normal 600 3.5em/1.7em 'Source Sans Pro';
  letter-spacing: -0.02em;
  margin: 0;
  padding: 0px;
  color: #434649;
  background-color: #FFFFFF;
  height: 80px;
}

h1>span {
  margin-right: 10px;
  height: 100%;
  display: inline-block;
  float: left;
}

h1 span.pict {
  position: relative;
  top: 15px;
}

h1 span.pict.noir {
  background-color: transparent;
}

h1 a.btn {
  float: right;
  font-size: 0.35em;
  margin-top: 15px;
  margin-right: 10px;
}

h1 a.action {
  font-family: Arial, sans-serif;
  font-size: 0.33em;
  font-weight: normal;
  margin-left: 5px;
}
h1.deux_l {
  position: relative;
  height: 120px;
  line-height: 1.2em;
  padding: 10px;
  padding-left: 70px;
}

h1.deux_l > span {
  position: absolute;
  top: 0;
  left: 0;
  height: 140px;
}
h1.deux_l span.pict {
  top: 75px;
}
/* ---- TYPES DE PAGE --- */
/* ---- page standard --- */
.p_standard {
  min-height: 300px;
}

.p_standard h2 {
  margin: 0;
  padding: 0 3% 0.5em;
  color: #434646;
  font: italic 600 2em/1em 'Source Sans Pro';
}
.p_standard h3 {
  background-color: #434646;
  color : #858C8C;
  padding: 1em;
  margin: 0;
  font: normal normal 600 1.535em/1em 'Source Sans Pro';
}

.p_standard h4 {
  color : #434646;
  font-size: 1.17em;
  font-weight: bold;
  padding: 0.4em 1em;
  margin: 0.2em 0;
  margin-bottom: 0;
}

.p_standard h5 {
  color : #434646;
  font: normal normal 600 1.25em/1em 'Source Sans Pro';
  padding: 0.7em 1em;
  margin: 0.7em 0;
  margin-bottom: 0;
}

.p_standard p {
  margin: 0.5em 3%;
  color: #434649;
}

ol, ul {
  padding: 0 0 0 4%;
  margin: 1em 6%;
}

.p_standard ul, .p_standard ol {
  color: #6B6C71;
  list-style-type: square;
}

.p_standard ul li, .p_standard ol li {
  padding-top: 5px;
}

.p_standard .liste_elements {
  margin : 0;
  padding-left: 0;
}

.p_standard .liste_elements li {
  padding : 15px 0px;
}

.p_standard>div.pair .liste_elements li {
  border-bottom: 1px solid #edf0f3;
}

.p_standard>div.impair .liste_elements li {
  border-bottom: 1px solid #acafb2;
}

.p_standard .liste_elements li>a {
  float: left;
  margin: 10px;
}

.p_standard .liste_elements li>p {
  margin-top: 0;
}

.p_standard .img_illu {
  float: left;
  margin: 0 2%;
}

div.sous_blc {
  width: 45%;
  float: left;
  margin-left: 3.33%;
  margin-top: 20px;
  background-color: #EDF0F3;
  padding-bottom: 10px;
}

div.span4 div.sous_blc {
  width: 94%;
  margin: 3%;
}

div.span4:nth-child(even) div.sous_blc {
    margin-left: 0%;
}
div.span4:nth-child(2n) div.sous_blc {
    margin-left: 3%;
}


div.impair div.sous_blc {
  background-color: #F1F2F3;
}

div.sous_blc h4 {
  padding: 0.7em 4%;
  margin : 0;
  margin-bottom: 15px;
  font: normal normal 600 1.385em/1em 'Source Sans Pro';
  background-color: #CFD2D5;
  color: #FFFFFF;
}

div.sous_blc h5 {
  font: normal normal 600 1.385em/1em 'Source Sans Pro';
  color: #6B6C71;
  margin: 0.7em 4%;
}

/* Sous blocs */
div.sous_blc img {
  margin-left: 10px;
}

div.sous_blc p, .blc.p_fiche .sous_blc p {
  margin: 0.5em 4%;
  color: #ACACB2;
}

div.sous_blc ol {
  list-style-type: decimal;
  counter-reset: nb_elmt;
  margin-left: 25px;
  margin-right: 10px;
  padding-left: 0;
}

div.sous_blc ol li {
    list-style-type: none;
    counter-increment: nb_elmt;
    padding-bottom: 5px;
}

div.sous_blc ol li:before {
    content: counter(nb_elmt) ". ";
    font-weight: bold;
}

div.sous_blc ul {
  list-style-type: circle;
  padding-left: 30px;
  margin: 0.5em 0;
}

div.sous_blc a.btn {
  float: right;
  margin-right: 10px;
  margin-bottom: 10px;
  clear: right;
}

/* ---- page portail ---- */
.p_standard>div, .p_portail>div, .p_info>div, .p_fiche>div {
  padding: 1em 4%;  
  padding-bottom: 3em;
  background-color: #ffffff;
}

.p_standard>div:nth-child(odd), .p_fiche>div:nth-child(odd), .p_info>div:nth-child(odd) {
  background-color: #EDF0F3;
}

.p_portail>div:nth-child(even) {
  background-color: #EDF0F3;
}

.p_standard > div:nth-child(2n+1) div.sous_blc, .p_fiche > div:nth-child(2n+1) div.sous_blc, .p_info > div:nth-child(2n+1) div.sous_blc {
    background-color: #FFFFFF;
}

.p_portail>div h2, .p_info>div h2, .p_fiche>div h2 {
  margin: 0;
  color: #434646;
  font: italic 600 2em/1em 'Source Sans Pro';
}

.p_portail>div h2 {
  padding: 0 8% 0.5em;
}

.p_info>div h2, .p_fiche>div h2 {
  padding: 0 3%;
}

.blc.p_portail>div>p, .blc.p_info>div>p, .blc.p_fiche>div>p {
  margin: 0;
  /*color: #6B6C71;*/
}

.blc.p_portail>div>p {
  padding: 0.5em 8%;
}

.blc.p_info>div>p, .blc.p_fiche>div>p  {
  padding: 0.5em 3%;
}

.blc.p_portail>div>p.en_avant, .blc.p_info>div>p.en_avant, .blc.p_fiche>div>p.en_avant {
  padding: 20px 25px;
  margin: 10px 60px;
  background-color: #cfd2d5;
  color: #ffffff;
}

div.p_portail ul, div.p_com ul {
  color: #6B6C71;
  /*padding-left: 30px;*/
  padding: 10px 20px 10px 50px;
  margin-top: 0.1em;
  list-style-type: disc;
}

div.p_portail ul li, div.p_com ul li {
  margin-bottom: 5px;
}

.p_fiche .row {
    margin-left: 0;
}

.p_fiche .span4 {
    width: 50%;
    margin-left: 0;
}


.blc.p_fiche .descriptif a.logo {
  float: right;
}

/* ---- Page informations ---- */

div.p_info h2 {
  clear: right;
}
div.p_info h2.titre2 {
  text-align: center;
  background-color: #fff;
  padding: 10px;
  font-style: normal;
}

div.p_info h5 {
  margin: 15px;
  margin-bottom: 5px;
  font-size: 1.2em;
  color : #434649;
}

div.transport {
  width: 45%;
  float: left;
  margin-top: 7px;
  margin-bottom: 7px;
  padding-top: 5px;
  padding-bottom: 15px;
}

div.transport img {
  float: right;
  margin-top: 10px;
  margin-right: 10px;
}

div.transport h4 {
  color: #888C8E;
  font: normal normal 600 1.385em/1em 'Source Sans Pro';
  margin: 1.2em;
}

div.p_info p {
  margin: 0.5em 1.5em;
}

.blc.p_info>div>p img.illustration {
  float: right;
  margin-right: 10%;
  margin-top: -5px;
}

div.p_info ul {
  padding: 0px 3% 5px 3%;
  margin: 0.2em 3%;
  color: #6B6C71;
  list-style-type: disc;
}

div.p_info ul li {
  margin: 5px 0px;
}

div.p_info div.contenu {
  padding: 0;
}

div.p_info div.contenu>h2 {
  padding: 3%;
}
/* palames */

#palmares {
  padding: 1em 0 3em;
  background-color: transparent;
}

div#palmares h2 {
  position: relative;
  padding: 15px 55px;
  margin: 0;
  text-align: center;
  font: 600 2.2em/1em 'Source Sans Pro';
  display: block; 
}

div.palm_categ {
  min-height: 10px;
  padding: 0; 
}
div.palm_categ  h3  {
  position: relative;
  text-align: center;
  padding: 10px 0px;
  margin-top: 3em;
  background-color: transparent;
}


div.palm_categ h3 span {
  color: #434649;
  font-family: source sans pro;
  font-size: 2em;
  line-height: 1em;
  font-weight: 600;
  margin-left: 0.2em;
  margin-right: 0.2em;
}

div.palm_categ h3 span.titre.fiche {
  color: #fff;
}

div.palm_categ h3 span.obj1, div.palm_categ h3 span.obj2  {
  position: relative;
  top: 18px;
  height: 15px;
  width: 40px;  
  display: inline-block;
}

div.palm_categ h3 span.obj1 { background-image: url("../interface/palm_categ_obj1a.png"); }
div.palm_categ h3 span.obj2 { background-image: url("../interface/palm_categ_obj2a.png"); }

div.palm_categ h3 a {
  visibility: hidden;
}

div#palmares ul {
  list-style-type: none;
  padding: 0;
}

div#palmares ul li {
  position: relative;
  margin-bottom: 1em;
  cursor: pointer;
}

div#palmares ul li a {
  display: none;
}

div#palmares h4 {
  background-image: url("../interface/fond_texte-sur-image2.png");
  background-repeat: repeat-x;
  background-size: auto 100%;
  bottom: 0;
  color: #ffffff;
  display: block;
  font: italic 600 2.3em/1em 'Source Sans Pro';
  margin: 0;
  padding: 1.5em 3% 0.5em;
  position: absolute;
  width: 94%;
}



/* ---- Page commerciale ---- */
div.p_com {
  position: relative;
}

div.p_com h1 {
  position: relative;
}

div.p_com img.fond {
  position: absolute;
  top: 80px;
  left: 0px;
  z-index: 1;
}


div.p_com.deux_l h1 {
  position: relative;
  height: 120px;
  line-height: 1.2em;
  padding: 10px;
  padding-left: 70px;
}

div.p_com.deux_l h1 > span {
  position: absolute;
  top: 0;
  left: 0;
  height: 140px;
}
div.p_com.deux_l h1 span.pict {
  top: 75px;
}

div.p_com.deux_l img.fond {
  top: 140px;
}

div.p_com>div {
  background-color: #EDF0F3;
}

div.p_com>div.col1, div.p_com>div.col2 {
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: 274px;
  float: left;
}

div.p_com>div.col1 {
  min-height: 780px;
  margin-left: 60px;
}

div.p_com div.col1>div {
  padding: 20px 0px;
}

div.p_com div.col1>div:nth-child(odd) {
  background-color: #434649;
  position: relative;
  z-index: 2;
}

div.p_com div.col1>div:nth-child(even) {
  background-color: #EDF0F3;
}

div.p_com div.col1 div:not([class*="elmt_cle"])>p {
  margin: 0px;
  color: #868C8C;
  font: italic normal 400 1.5em/1.25em 'Source Sans Pro';
  margin: 20px;

}

div.p_com div.col1 div:nth-child(2) > p {
  font: normal 400 1em/1.25em 'Arial';
}

div.p_com div.col1 p b, div.p_com div.col1 p strong {
  color: #EBF0F2;
}

div.p_com div.col1>div:nth-child(even) p b, div.p_com div.col1>div:nth-child(even) p strong {
  color: #6b6e71;
}

div.p_com div.col1 div.elmt_cle {
  margin-top: 30px;
  width: 80%;
}

div.p_com div.col2 {
  position: absolute;
  min-height: 300px;
  right: 0px;
  background-color: #898C8F;
}

div.p_com div.col2 h2 {
  color: #ECF0F2;
  margin-top: 10px;
  margin-bottom: 10px;
  font: normal normal 400 1.8em/1em 'Source Sans Pro';
}

div.p_com div.col2 h5 {
  color: #ECF0F2;
  margin-top: 5px;
  margin-bottom: 10px;
  font: normal normal 400 1.6em/1em 'Source Sans Pro';
}

div.col2 div {
  color: #E3E5E9;
  padding: 20px 10px;

}

div.p_com div.col2 ul {
  margin-left: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  list-style-type: square;
  padding : 0px;
  color: #EBF0F2;
}

div.p_com div.col2 ul li {
  padding-left: 0px;
  padding-bottom: 0px;
  line-height: 1.2em;
}

div.p_com div.col2 ul.arguments {
  list-style-type: none;
}

div.p_com div.col2 ul.arguments li {
  background: url("../interface/picto_arguments.png") no-repeat 0 0;
  padding-left: 25px;
  padding-bottom: 10px;
}

ul.arguments li a.btn {
  margin-top: 5px;
}

/* --- Page actualités ---- */
.actu h2 {
  position: relative;
  z-index: 1;
  font: normal normal 600 4em/0.8em 'Source Sans Pro';
  margin-top: 0px;
  margin-bottom: -16px;
  color: #ffffff;
  background-color: #ACAFB2;
  padding: 25px 10px 15px;
}

.actu ul {
  position: relative;
  z-index: 2;
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-top: 16px;
}

.actu h3 {
  margin: 0.5em 1em;
  font-weight: normal;
  color: #434648;
  font-size: 1.87em;
}

.actu p {
  margin: 0.5em 1.5em 0.5em;
  font-size: 1.16em;
}
/*Réinit des paddings auto */
.p_standard > div.service_connexion {
  padding: 0;
}
/* Actualités */
.p_actu .une img {
  border-bottom: 10px solid #90A905;
  box-shadow: 0px 1px 2px #565656;
  -moz-box-shadow: 0px 1px 2px #565656;
  -webkit-box-shadow: 0px 1px 2px #565656;
  -o-box-shadow: 0px 1px 2px #565656;
}

.p_actu .une h2 {
  margin-top: -63px;
}

.p_actu .une h3 {
  background-image: none;
  margin-top: 15px;
  box-shadow: 0px 0px 3px #848484;
  -moz-box-shadow: 0px 0px 3px #848484;
  -webkit-box-shadow: 0px 0px 3px #848484;
  -o-box-shadow: 0px 0px 3px #848484;
}

.blc.actu {
  background: #EDF0F3;
  min-height: 320px;
}

div.anythingSlider .anythingWindow {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}

div.anythingSlider {
  position: relative;
  padding-bottom: 1.5em;
}

ul.anythingBase {
  background: transparent;
  list-style: none;
  position: absolute;
}

ul.anythingBase li.panel {
  background: transparent;
  display: block;
  float: left;
  padding: 0;
  margin: 0;
}

div.anythingSlider .arrow {
  display: none !important;
}

div.anythingControls {
  position: absolute;
  top: -17px;
  right: 10px;
}

.une div.anythingControls {
  top: 175px;
}

div.anythingControls>a {
  display: none;
}

div.anythingControls ul {
  padding-top: 0;
}

div.anythingControls ul li {
  display: inline-block;
  margin-left: 7px;
}

div.anythingControls ul li a {
  border-radius: 8px;
  width: 15px;
  height: 15px;
  display: block;
  text-indent: -999em;
}

div.anythingControls ul li a {  background-color: #D9DCDF;  }
div.anythingControls ul li a.cur {  background-color: #898C8F;  }

.blc.actu ul li p a.suite {
  text-decoration: none;
}

.blc.actu ul li p a.suite span {
  text-decoration: underline;
}

.blc.actu ul li p a.suite:hover span {
  text-decoration: none;
}

/* ----- Sommaire -----*/
#sommaire {
  position: relative;
  padding: 2em 5%;
  background-color: #EDF0F3;
}

.blc.p_portail > #sommaire {
  padding: 2em 8%;
}


#sommaire p {
  color: #434646;
  font: italic 1.5em/1.3em 'Source Sans Pro';
  margin: 0px;
  padding: 0;
}

#sommaire p strong, #sommaire ul {
  color: #2b2b2b;
}

#sommaire p a.btn {
  margin-top: 8px;
  font-size: 0.8em;
}

#sommaire p.p_image {
  text-align: left;
  margin: 10px 0;
}
#sommaire p.p_image a {
  float: right;
  margin-left: 10px;
}

#sommaire h4 {
  position: absolute;
  right: 210px;
  top: 85px;
  margin: 0;
  padding: 0;
  color: #6B6C71;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font: italic normal 600 2.31em/1em 'Source Sans Pro';
}

#sommaire ul {
  padding-left: 15px;
}

#sommaire ul li {
  margin-bottom: 0px;
}

#sommaire ol {
  float: right;
  width: 40%;
  min-height: 150px;
  margin: 0;
  padding: 0;
  margin-left: 60px;
  list-style-type: none;
  counter-reset: nbs;
}

#sommaire ol li {
  margin-bottom: 5px;
  counter-increment: nbs;
}

#sommaire ol li:before {
  position: relative;
  content: counter(nbs) ".";
  color: #6B6C71;
  float: left;
  clear: both;
  font-weight: bold;
  font-size: 1.2em;
  margin: 5px 5px 0 10px;
}

#sommaire ol li a {
  display: block;
  background-color: #fff;
  color: #6B6C71;
  padding: 5px 15px;
  text-decoration: none;
  font-size: 1.154em;
}

#sommaire ol li a:hover {
  background-color: #acafb2;
  color: #fff;
}

#sommaire div {
  width: 48%;
  float: left;
  margin-right: 2%;
}

#sommaire div h2 {
  margin: 20px 0 10px 0;
}

#sommaire div p {
  font-style: normal;
  color: #edf0f3;
  font-size: 1.3em;
}


/* ---- lien image ---- */
a.lien_img {
  float: right;
  margin: 15px 20px 10px 10px;
}

/* ---- info ---- */
.blc.info h2 {
  position: relative;
  z-index: 2;
  font: normal normal 600 1.64em/1em 'Source Sans Pro';
  color: #EDF0F3;
  background-color: #434649;
  padding: 7px 10px 12px 17px;
  margin: 0px;
}

.blc.info h2 span[class^="pict25_"] {
  margin-right: 2.2%;
}

/* Contact */
.blc.info.contact { overflow: hidden; }

.blc.info.contact h2 {
  padding: 8px 10px;
  cursor: pointer;
}
.blc.info.contact h2 span {
  opacity: 0.8;
}
.blc.info.contact h2 a {
  position:relative;
  float: right;
  top: 7px;
  right: 5px;
  display: none; /* flech bas/haut masquée */
}

.blc.contact ul, ul.liste_ctc {
  list-style-type: none;
  margin: 0 1em;
  padding: 0;
}

.blc.info.contact ul {
  margin: 0;
}

.blc.contact>ul>li , ul.liste_ctc>LI {
  position: relative;
  min-height: 120px;
  padding-top: 0px;
  background-color: #6B6E71;
}

.blc.contact>ul li.couleur, ul.liste_ctc li.couleur {  background-color: #55595C; }

.blc.contact>ul.hori li {
  display: inline-block;
  float: left;
  width: 50%;
}

.blc.contact>ul li .contact_no_img, ul.liste_ctc li.contact_no_img {
  float: left;
  width: 10px;
  min-height: 120px;
}
.blc.contact>ul li a.img, ul.liste_ctc li a.img  {
  float: left;
  position: relative;
  margin-right : 10px;
}
.blc.contact>ul li a.img img, ul.liste_ctc li a.img img  {
  height: 120px;
  width: auto;
}

.blc.contact>ul li a.img .ombre, ul.liste_ctc li a.img .ombre {
  position: absolute;
  bottom: 0;
  left: 0;
  height: auto;
  width: 100%;
}

.blc.contact>ul li h5, ul.liste_ctc li h5 {
  font-size: 1.15em;
  font-weight: bold;
  margin: 0;
  padding: 6px 0 4px 0;
  color: #edf0f3;
}
.blc.contact ul li h5 a, ul.liste_ctc li h5 a {  text-decoration: underline;  }

.blc.contact>ul li p, ul.liste_ctc li p  {
  margin: 3px 0 !important;
  color: #ACAEB2;
}

.blc.contact > ul li div:nth-child(1) p em, ul.liste_ctc li div:nth-child(1) p em {
  color: #D8DCDF;
  display: block;
}

/* Bloc personne */
.blc.contact > ul li p.note, ul.liste_ctc li p.note {
  background-color: #f8ffc1;
  color: #6b6e71;
  padding: 5px 15px 5px 5px;
}

.blc.contact.unique, ul.liste_ctc.unique {
  background-color: transparent;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  overflow: visible;
  margin-top: 0;
}

.blc.contact.unique>ul>li, ul.liste_ctc.unique> li {
  display: inline-block;
  float: left;
  margin: 1%;
  width: 48%;
  background-color: #434649;
  cursor: pointer;
}

.blc.contact .btn_pict, ul.liste_ctc .btn_pict {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.blc.contact ul li div.clearfix, ul.liste_ctc div.clearfix {
  z-index: 10;
}

.blc.contact .ctc_comp, ul.liste_ctc .ctc_comp {
  background-color: #6B6E71;
  padding-top: 7px;
  padding-bottom: 15px;
  z-index: 1;
  display: none;
}
.blc.contact .ctc_comp h4, ul.liste_ctc .ctc_comp h4 {
  color: #434646;
  margin: 0;
  padding: 10px;
  padding-bottom: 5px;
  font-size: 1.16em;
}

.blc.contact .ctc_comp p, ul.liste_ctc .ctc_com p {
  color: #D8DCDF;
  padding: 3px 10px;
}

.blc.contact .ctc_comp ul.act_pers, ul.liste_ctc .ctc_comp ul.act_pers {
  padding-bottom: 10px;
}
.blc.contact .ctc_comp ul.act_pers li, ul.liste_ctc .ctc_comp ul.act_pers li {
  margin: 5px 10px;
  color: #D8DCDF;
}
.blc.contact .ctc_comp ul.act_pers li a, ul.liste_ctc .ctc_comp ul.act_pers li a {
  display: block;
  padding: 0;
  background-color: #434649;
  color: #878C8D;
  text-decoration: none;
  font-size: 1.17em;
}

.blc.contact .ctc_comp ul.act_pers li a:hover, ul.liste_ctc .ctc_comp ul.act_pers li a:hover {
  background-color: #878C8D;
  color: #434649;
}

.ctc_reseau_base {
  background-color: #6B6E71;
  color: #434649;
  display: block;
  text-decoration: none;
  margin: 10px;  
}
.ctc_reseau_base:hover {
  background-color: #878C8D;
  color: #434649;

} 

/* Pratique */
.blc.pratique {
  padding-bottom: 20px;
}

.blc.pratique h3, .blc.pratique h5, .blc.pratique p {
  margin: 2px 20px 2px 40px;
  color: #868C8C;
}

.blc.pratique p.texte {
  margin-left: 20px;
}
.blc.pratique h3 {
  font: normal normal 600 1.43em/1em 'Source Sans Pro';
  color: #6B6C71;
  margin-top: 15px;
  margin-bottom: 7px;
}

.blc.pratique h3>span {
  display: inline-block;
  margin-left: -28px;
  margin-right: 5px;
  margin-top: 3px;
}

.blc.pratique h3>span.localisation {
  background-position: 0 -157px;
  width: 12px;
  height: 21px;
}

.blc.pratique h3>span.horraires {
  background-position: -17px -157px;
  width: 16px;
  height: 16px;
}

.blc.pratique h3>span.acces {
  background-position: -38px -158px;
  width: 13px;
  height: 20px;
}

.blc.pratique h5 {
  color: #868C8C;
  font-size: 1.02em;
  margin-bottom: 2px;
}

/* Bloc agenda */
.blc.agenda {
  padding-bottom: 20px;
}

.blc.agenda h3 {
  margin: 17px 17px 2px 17px;
  font: normal normal 300 1.43em/1em 'Arial';
  color: #ACADB2;
}

.blc.agenda p {
  margin: 0px 2% 0px 4.5%;
  color: #434646;
  font: normal normal 600 0.93em/1.16em 'Arial';
}


.blc.pratique h3 {
  font: normal normal 600 1.49em/1em 'Source Sans Pro';
  color: #6B6C71;
  margin-top: 15px;
  margin-bottom: 7px;
}

/* ---- Programme ---- */
.blc.programme {
  position: relative;
  min-height: 120px;
}
.blc.programme .entete {
  min-height: 125px;
}

.blc.programme h2 {
  position: relative;
  z-index: 2;
  font: normal normal 600 2.308em/1em 'Source Sans Pro';
  color: #898C8F;
  background-color: #D9DCDF;
  padding: 9px 14px 6px 14px;
  margin: 0px;
  box-shadow: 0px 0px 4px #565656;
  -moz-box-shadow: 0px 0px 4px #565656;
  -webkit-box-shadow: 0px 0px 4px #565656;
  -o-box-shadow: 0px 0px 4px #565656;
}

.blc.programme h2.sans_img {
  margin-top: 0px;
  margin-left: 200px;
}

.blc.programme p {
  color: #858C8C;
  margin: 0;
  padding: 10px;
}

.blc.programme a.btn {
  float: right;
  position: relative;
  z-index: 10;
  margin-right: 10px;
  margin-bottom: 10px;
}

.blc.programme a.btn3 {
  position: absolute;
  right: 0;
  top: 205px;
}

/* ---- Fiche ---- */
#entete #retour_evnt, #entete a.favori {
    position: absolute;
    right: 10px;
    width: 230px;
}

#entete #retour_evnt { top: 10px; }
#entete a.favori { top: 165px; }

.blc.p_fiche>h2 {
  font: 600 2.465em/1em 'Source Sans Pro';
  margin: 0;
  padding: 15px 55px;
  position: relative;
  text-align: center;
}

.blc.p_fiche>h2 span {
  font-size: 0.63em;
}

.blc.p_fiche>h2 span[class^="pict_"] {
  position: relative;
  top: 5px;
}

.blc.p_fiche>h2 a {
  position: absolute;
  top: 18%;
}

.blc.p_fiche h2 a.prec {
  left: 5px;
}

.blc.p_fiche h2 a.suiv {
  right: 5px;
}

.blc.p_fiche>h2.date {
  background-color: #EDF0F3;
  color: #434649;
}

.blc.p_fiche>h2.date span {
  color: #6b6e71;
  font-size: 0.9em;
}

.blc.p_fiche h3 , .accroche {
  font: italic normal 400 1.539em/1.2em 'Source Sans Pro';
  color: #ACACB2;
  background-color: #434649;
  padding: 15px 20px;
  margin: 0;
}

.blc.p_fiche h4 {
    font: italic 600 1.5em 'Source Sans Pro';
    color: #898c8f;
    margin-top: 1.5em
}

.p_fiche > div.imgProg {
    background-color: #FFFFFF;
    padding: 0;
}

.accroche {
  min-height: 50px;
  margin-bottom:  0;
}

.blc.p_fiche h3 b, .blc.p_fiche h3 strong, .accroche b,  .accroche strong {
  color: #6b6e71;

}

.blc.p_fiche p,
.blc.p_fiche .accroche p,
.accroche p,
.accroche li,
.p_info > div h2,
.p_standard > div h2,
.p_fiche > div h2,
.blc.contact.unique,
.blc.p_info > div > p,
.blc.p_fiche > div > p,
h4 {
  margin: 1em 0;
  padding: 0;
}

h3 ul {
    margin-top: 0;
    margin-bottom: 0;
}

div.p_standard .blc_evnt {
    padding: 0;  
    padding-bottom: 20px;
}

.blc_evnt .entete h2 {
    font: 600 2.465em/1em 'Source Sans Pro';
    margin: 0;
    padding: 15px 55px;
    position: relative;
    text-align: center;
    color: inherit;
}

.blc_evnt a.btn { margin: 10px 0 20px 20px; }

/* liste séancess diffusion */
ul.seances_diff {
  width: 94%;
  padding: 10px 3%;
  list-style-type: none;
}
ul.seances_diff li {
  margin-bottom: 0.1%;
}
ul.seances_diff li a {
  background-color: #ADCB0B;
  color: #F8FFC1;
  display: inline-block;
  text-decoration: none;
  padding: 10px 2%;
  width: 87.5%;
}

ul.seances_diff li a:last-child {
  background-color: #4F3C97;
  padding: 8px 2% 9px 2%;
  position: relative;
  top: -2px;
  width: 4%;
   margin-left: 0.5%;
  text-align: center;
}

ul.seances_diff li a:last-child:hover {
  background-color: #897ec3;
}

/* Specificité actualités */
.blc.p_fiche.actualite {
  padding-bottom: 30px;
}

.blc.p_fiche.actualite h4 {
  font-size: 1.539em;
  padding-top: 5px;
  margin-top: 0;
}

.blc.p_fiche.actualite p {
  margin: 1em;
}

.blc.p_fiche.actualite .blc_iframe {
  margin: 1em;
}

.blc.p_fiche.actualite .blc_iframe iframe {
  border-width: 0px;
}

/* Specificité conférence */
.blc.p_fiche.conference #sommaire ol {
  width: 40%;
}

/* ---- Elements complémentaires dans les blocs ---- */

/* Date heure */

h4.date_heure {
  position: absolute;
  display: inline-block;
  top: 0px;
  left: 20px;
  width: 158px;
  height: 100px;
  margin: 0;
  padding-top: 5px;
  text-align: center;
  font: normal normal 600 2.23em/1.05em 'Source Sans Pro';
}

h4.date_heure span {
  color: #fff;
  display: block;
  font-size: 0.7em;
  margin-top: 5px;
}

h4.date_heure.haut {
  width: 128px;
  padding: 2px 15px;
  font-size: 1.7em;
  line-height: 0.9em;
}

/* Accordeons */
.accordeon {
  margin: 0px 20px 20px 20px;
}

.accordeon div {
  color: #6B6C71;
  margin: 15px 0;
  padding: 0;
}

.p_portail>div:nth-child(even) .accordeon div, .p_info>div:nth-child(even) .accordeon div, .p_fiche>div:nth-child(even) .accordeon div {
  background-color: #EDF0F3;
}

.p_portail>div:nth-child(odd) .accordeon div, .p_info>div:nth-child(odd) .accordeon div, .p_fiche>div:nth-child(odd) .accordeon div {
  background-color: #ffffff;
}

.accordeon div h3 {
  font: normal normal 600 1.385em/1em 'Source Sans Pro';
  margin: 0;
  padding: 10px;
}

.accordeon div h3 span.ui-icon {
  float: right;
}

.accordeon div ul {
  font-size: 1em;
  font-family: 'Verdana';
  font-weight: bold;
  color: #878C8D;
  margin: 0;
  margin-left: 30px;
  padding: 0;
  padding-bottom: 10px;
}

/* Liste d'arguments */
ol.arguments {
  color: #6B6D71;
  counter-reset: args;
}

.p_portail ol {
  margin-left: 8%;
  margin-right: 8%;
  padding: 0 0 0 7%;
}

.p_info ol {
  margin-left: 3%;
  margin-right: 3%;
}

ol.arguments li {
  margin-bottom: 0.5em;
  line-height: 1.1em;
  list-style-type: none;
  counter-increment: args;
}

ol.arguments li:before {
    content: counter(args) ".";
    font-weight: bold;
    font-size: 1.1em;
    margin-left: -20px;
    margin-right: 5px;
}

ol.arguments li ul {
  margin : 0;
  margin-top: 5px;
  padding-left: 25px;
}

ol.arguments li ul li {
  margin-bottom: 4px;
}

ol.arguments li ul li:before {
  content: "- ";
  font-size: 1.2em;
  margin-left: -15px;
  margin-right: 1px;
}

/* -----Réseaux---- */
.blc.reseaux  {
  padding: 5px;
  background-color: #EDF0F3;
}

.reseaux #lettre {
  float: left;
  margin-right: 5px;
  margin-bottom: 15px;
  width: 50px;
  height: 55px;
  overflow: none;
}

.blc.reseaux h4 {
  color: #6B6C71;
  margin: 5px 0 2px;
  font: normal normal 600 1.4em/1.1em 'Source Sans Pro';
}

.blc.reseaux p {
  margin-top: 5px;
  margin-bottom: 15px;
  color: #868C8C;
  font-size: 0.92em;
}

.blc.reseaux form {
  margin-bottom: 10px;
}

.liste_reseaux {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  margin-top: 5px;
}

.liste_reseaux li {
  display: inline-block;
  float: left;
}

.liste_reseaux li a {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-indent: -999em;
}

.liste_reseaux .facebook {  background-position: -72px 0px; }
.liste_reseaux .twitter {  background-position: -122px 0px; }
.liste_reseaux .youtube {  background-position: -172px 0px; }
.liste_reseaux .flickr {  background-position: -222px 0px; }
.liste_reseaux .linkedin {  background-position: -272px 0px; }
.liste_reseaux .rss {  background-position: -322px 0px; }
.liste_reseaux .facebook:hover {  background-position: -72px -100px; }
.liste_reseaux .twitter:hover {  background-position: -122px -100px; }
.liste_reseaux .youtube:hover {  background-position: -172px -100px; }
.liste_reseaux .flickr:hover {  background-position: -222px -100px; }
.liste_reseaux .linkedin:hover {  background-position: -272px -100px; }
.liste_reseaux .rss:hover {  background-position: -322px -100px; }

/* ---- elmt_cle ---- */
.elmt_cle {
  position: relative;
  border-top: 7px solid #ACAFB2;
  float: right;
  width: 80%;
  margin-top: 2em;
}

.elmt_cle.large {
  width: 85%;
}

.elmt_cle>span {
  position: absolute;
  top: -25px;
  left: -35px;
}

.elmt_cle h6 {
  margin: -1.8em 8% 0.7em;
  color: #ACADB2;
  font: italic normal 600 1.38em/1.4em 'Source Sans Pro';
}

.elmt_cle h6 span {
  font: italic normal normal 0.85em/2.5em 'Arial';
}

.elmt_cle>p {
  color: #ACADB2;
  margin: 7px 18px 10px 20px;
  font: normal normal 400 1.08em/1.1em 'Arial';
}

.elmt_cle>p a {
  color: #90a905;
}

div .elmt_cle ul {
  list-style-type: none;
  margin: 0.5em 4% 1em 0;
  padding: 0;
}

div .elmt_cle ul li {
  background-position: -45px -200px;
  color: #ACADB2;
  margin-bottom: 0;
  font: italic normal 600 1.3em/1.5em 'Source Sans Pro';
}

div .elmt_cle ul li span:not([class*="pict_"]) {
  display: inline-block;
  text-align: right;
  font-size: 1.42em;
  width: 35%;
}

div .elmt_cle ul.liens {
  margin-left: 20px;
  margin-top: 15px;
}

div .elmt_cle ul.liens li {
  margin-bottom: 3px;
}

div .elmt_cle.couleur ul.liens li a {
  color: #483187;
  font-style: normal;
  font-weight: normal;
}
div .elmt_cle.couleur ul.liens li a span[class*="pict_"] {
  margin-right: 5px;
}



/* Spécial couleur / date  */
.elmt_cle.date, .elmt_cle.couleur {
  border-top-color: #483187;
}

.elmt_cle.date>span, .elmt_cle.couleur>span {

}

.elmt_cle.date p, .elmt_cle.couleur p {
  color: #483187;
}

.elmt_cle.date h6, .elmt_cle.couleur h6 {
  color: #483187;
}

.elmt_cle.date>p a, .elmt_cle.couleur h6 {
  color: #483187;
}


/* chiffres */
.elmt_cle.chiffres>span {
/* Plus rien */
}

/* sens d'écriture */
.sens_dg {
  direction:rtl;
}

.sens_gd {
  direction:ltr;
}

/* ---------------------------------------------------------------------------------------------------------- */
/* ---- Choix formule --- */
div.blc_formule {
  padding: 30px 60px;
  background-color: #EDF0F3;
}

div.blc_formule:nth-child(even) {
  background-color: #FFFFFF;
}

div.blc_formule:first-child {
  margin-top: 50px;
}

div.blc_formule h2 {
  font: normal normal 600 2em/0.8em 'Source Sans Pro';
  color: #434649;
  margin: 0;
  background-color: transparent;
}

div.blc_formule h2 span {
  font-size: 0.6em;
}

div.blc_formule>a.btn {
  float: right;
}

div.blc_formule_detail {
  color: #6B6C71;
}

div.blc_formule_detail p {
  margin: 0.5em 0;
}

div.blc_formule_detail a.btn {
  font-size: 1.4em;
  font-weight: normal;
  width: 400px;
  padding-bottom: 8px;
}

div.blc_formule_detail a.btn span {
  margin-top: 3px;
}
div.blc_formule_detail h4 {
  font: italic normal 600 1.8em/1em 'Source Sans Pro';
  margin: 0.5em 0 0 0;
}
div.blc_formule_detail ul {
  list-style-type: square;
  margin:0 0 0 20px;
  padding: 0;
  line-height: 1.6em;
}

/* Spécial code_promo */
.code_promo div.col_form {
  background-color: inherit;
  margin-left: 25%;
  width: 50%;
  min-height: 100px;
  padding-bottom: 15px;
}

.code_promo .form input {
  width: 28%;
}

.code_promo .col_form .log_action {
  width: 41%;
  margin: 0;
  float: left;
}

.code_promo .form button[type="submit"] {
  float: left;
  margin: 0;
  margin-bottom: 10px;
}

.code_promo .form .p_message, .code_promo .form #message_retour {
  clear: both;
  text-align: center;
  padding: 15px;
}

.code_promo .form .p_message h3, .code_promo .form .p_message p {
  margin: 5px 0;
}

/* fin code */
.blc.blc_form { 
  margin-top: 0;
  background-color: #e3e6e9;
}

.blc.blc_form .code_promo {
  background-color: #fff;
}

.blc.blc_form .code_promo div.col_form .log_action p.choix {
  width: auto;
}

div.col_form .log_action {
  text-align: right;
  margin: 10px 20px;
}

div.col_form .log_action p, #menu_secondaire .col_form .log_action p {
  margin: 0;
}

div.col_form .log_action p.choix {
  text-align: left;
  width: 56%; 
  display: inline-block;
}

div.col_form .log_action p.choix label {
  text-align: left;
  width: 56%;
  padding: 0;
}

div.col_form .log_action p.choix input[type="checkbox"] + label:before {  
  left: 5px;
}
div.col_form .log_action p.choix input[type="checkbox"]:checked + label:after {
    left: 9px;
} 

div.col_form .log_action p.choix a {
  text-align: left;
  margin-top: 5px;
}

div.col_form .log_action button {
  margin-right: 0;
}

.choix_type_film {
  background-color: #AECB0B;
  color: #F8FFC1;
  cursor: pointer;
}

.choix_type_film:hover {
  background-color: #8DA805;
}


/* ---------------------------------------------------------------------------------------------------------- */
/* Rubriques (liens illustration) */
.blc.rub  {  padding: 0px;  }

/* Publicité */
.pub {  padding: 20px;  }


/* Video */
.span4 .iframe_video {
  width: 310px;
  height: 174px;
  margin-top: 12px;
}

.yt_video {
  float: left;
  width: 380px;
  height: 214px;
  margin-top: 10px;
  margin-left: 10px;
}

.gmap {
  margin: 20px;
}

.gmap img {
  max-width: 256px;
}

/* Plan du site */

div#plan_du_site div {
  width: 33%;
  float: left;
}

div#plan_du_site h4 {
  margin: 1em 0.3em 0em 0.7em;
  font-size: 1.3em;
}

div#plan_du_site ul {
  list-style-type: none;
  padding: 0.5em 1em;
  margin: 0.15em 0;
}
div#plan_du_site ul li {
  margin-bottom: 0.35em;
}
div#plan_du_site ul li.n2 {
  margin-left: 0.7em;
}

/* Photos */
.photos div {
  margin: 10px;
  margin-right: 0px;
}

.photos div a {
  display: inline-block;
  width: 120px;
  height: 120px;
  margin : 0px;
  margin-bottom: 10px;
  margin-right: 5px;
  padding: 0;
}

.photos div a img {
  width: 120px;
  height: 120px;
}

/* ---- Formulaire à étapes ---- */

div.form_etape {
  background-color: #D9DCDF;
}

div.etape {
  position: relative;
  width: 303px;
  height: 256px;
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: -12px;
  padding: 0;
}

div.etape.active { background: url("../interface/etape_recap_active.png") no-repeat 0 0; }

div.etape.inactive {  background: url("../interface/etape_recap_inactive.png") no-repeat 0 0; }

div.etape.debut {
  width: 293px;
  margin-left: 20px;
  background: url("../interface/etape_recap_debut.png") no-repeat 0 0;
}

div.etape h3 {
  text-align: center;
  color: #666666;
  background-color: transparent;
  font: normal normal 400 1.6em/1.1em 'Source Sans Pro';
  margin: 0;
  padding: 38px 0px 10px 5px;
  height: 80px
}

div.etape h3 span {
  font-size: 1.82em;
}

div.etape  .blc_synt {
  vertical-align: middle;
  display: table-cell;
  height: 110px;
}

div.etape p, div.etape ul, .recap_info {
  padding: 0;
  color: #868686;
}

div.etape p, div.etape ul {
  margin : 0;
  margin-left: 40px;
}

div.etape ul {
  list-style-type: none;
  overflow-x: visible;
  overflow-y: scroll;
  width: 240px;
  height: 105px;
  margin-top: 0px;
  background-color: #edf0f3;
}

div.etape ul li, .recap_info li {
  padding : 3px 5px;
  height: 25px;
  border-bottom: 1px solid #f9f9f9;
}

div.etape ul li:hover, .recap_info li:hover {
  background-color: #f9f9f9;
}
.recap_info li:last-child {
  border-bottom-width: 0px;
  cursor: pointer;
}
.recap_info li.actif {  background-color: transparent;  }

div.etape ul li a, .recap_info a, .ajouter_chp {
  float: right;
  padding: 2px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
}

div.etape ul li a span[class^="pict_"], .recap_info a span[class^="pict_"], a.ajouter_chp span[class^="pict_"] {
  margin: 0;
}

div.etape a.btn.action {
  position: absolute;
  width: 70%;
  left: 11%;
  bottom: 5%;
  padding: 5px 0;
}

div.etape a.btn.action span[class^="pict_"] {
  position: relative;
  top: 0.1em;
  left: -0.3em;
}
div.etape a.btn.action:active {
  top: auto;
  bottom: 4.8%;
}
div.etape.inactive a.btn.action:active {bottom: 5%; }

div.etape.inactive h3, div.etape.inactive p, div.etape.inactive ul, div.etape.inactive a, div.etape.inactive a:hover {
  color: #ACAFB2;
}

div.etape.inactive a.btn, div.etape.inactive a:hover {
  background-color: #D9DCDF;
  cursor: default;
}

div.etape.inactive a.btn.action:active {bottom: 5ù; }


div.etape ul li a.btn, .recap_info a.btn {
  margin : 0 0 0 5px;
  width: auto;
}

/* recap etapes */
div.recap_etapes {
  background-color: #ACAFB2;
  overflow: hidden;
  padding: 0 !important;
}

div.recap_etapes>div {
  position: relative;
  float: left;
  color: #DDDDDD;
  background-color: #898C8F;
  padding: 0px 5px 0px 15px;
  text-align: center;
  height: 60px;
  line-height:60px;
  font-weight: bold;
}
div.recap_etapes>div h4 {
    margin:0;
    display:inline-block;
    vertical-align: middle;
    font: normal normal 600 1.3em/1.1em 'Source Sans Pro';
}

div.recap_etapes div.active {
  color: #CCCCCC;
  background-color: #333333;
}

div.recap_etapes>img {
  float: left;
}

div.col_form {
  background-color: #EDF0F3;
  min-height: 360px;
  padding-top: 20px;
}

div.col_form p, div.col_form div {
  margin-bottom: 10px;
  margin-top: 17px;
}

div.col_form p.vide { height: 42px;  }

div.col_form p.intertitre-form  {
margin-bottom: 0;
}
div.col_form p label, div.col_form div label {
  display: inline-block;
  width: 39%;
  padding-right: 1.55%;
  text-align: right;
  font-size: 1.231em;
  line-height: 0.8em;
  color: #434648;
}

div.col_form p.multiple label {
  vertical-align: super;
}

div.col_form div.questions label {
  width: 70%;
  text-align: left;
}

div.col_form div.questions label.chp_obl {
  background-position: left center;
  padding-right : 0;
  padding-left: 1.55%;
  margin-left: 2%;
  width: 67%;
}


.form div.col_form div.questions ul.liste_radio {
  width: 27%;
}

div.col_form p label.xlignes, div.col_form div label.xlignes { line-height: 0.85em;	}

div.col_form div label.haut {
  vertical-align: top;
}

div.col_form .blc_modif {
  /*display: none;*/
  background-color: #edf0f3;
  margin-top: 0;
}

div.col_form .blc_modif h3 {
  padding: 0.5em;
  margin: 0;
}

div.col_form .blc_modif h3 a {
  width: auto;
  float: right;
  margin: 0;
}

/* Colform 2 */
div.col_form.large p label, div.col_form.large div label {
  width: 30%;
}

.form .col_form.large input {
    width: 64%;
}

.form .col_form.large textarea {
    font-size: 1em;
    min-height: 100px;
    width: 64%;
}

.form .col_form.large button[type="submit"] {
  margin-right: 3.5%;
}

/* ELEMENT COMPLEMENTAIRE DANS LE FORMULAIRE */
.elmt_comp {
  padding: 10px 0;
  background-color: #CFD2D5;
}
div.col_form .elmt_comp p {
  margin: 0;
}

div.col_form .elmt_comp p.info {
  margin-top: 0;
}

div.col_form .elmt_comp p.info {
  margin-top: 0;
}

div.col_form .elmt_comp p:last-child {
  margin-bottom: 0px;
}
.elmt_comp p a.btn {
  float: none;
  width: auto;
  margin-left: 10px;
  padding: 5px 10px;
}

span.limit_car  {
  font-size: 0.9em;
  display: block;
}

div.col_form div a {
  display: inline-block;
  margin-right: 10%;
  text-align: right;
  width: 90%;
}

.form input, .form select, .form textarea {
  background-color: #FFFFFF;
  border: 1px solid #CFD2D5;
  padding: 10px 1.5%;
  color: #6B6E71;
  font-size: 1.17em;
  vertical-align: super;
  -webkit-transition: border-color 0.5s;
  -moz-transition: border-color 0.5s;
  -o-transition: border-color 0.5s;
  -ms-transition: border-color 0.5s;
  transition: border-color 0.5s;
}

input::-webkit-input-placeholder {
  color: #9fa0a1;
  font-style: italic;
}
input::-moz-placeholder {
  color: #9fa0a1;
  font-style: italic;
}
input:-moz-placeholder {
  color: #9fa0a1;
  font-style: italic;
}
input:-ms-input-placeholder {
  color: #9fa0a1;
  font-style: italic;
}

.form input:focus, .form select:focus, .form textarea:focus,
.form input:focus[readonly!="readonly"] {
  box-shadow: inset  0.05em 0.05em 0.07em #505050, inset  0 0  1px #505050;
  -moz-box-shadow: inset  0.05em 0.05em 0.07em #505050, inset  0 0  1px #505050;
  -webkit-box-shadow: inset  0.05em 0.05em 0.07em #505050, inset  0 0  1px #505050;
  -ms-box-shadow: inset  0.05em 0.05em 0.07em #505050, inset  0 0  1px #505050;
  -o-box-shadow: inset  0.05em 0.05em 0.07em #505050, inset  0 0  1px #505050;
}

.form input {  width: 53%; }
.form select{
  width: 56%;
  padding: 9px 1.5%;
}

.form select.dernier_enavant option:last-child {  font-weight: bold;  }

.form .avec_ajout select {  width: 51%;}

.form textarea {
  width: 53%;
  min-height: 76px;
  font-size: 1em;
}

.form input.inactif, .form select.inactif { /*[readonly="readonly"]*/
  color: #acafb2;
  cursor: not-allowed;
  background-color: transparent;
}

.form .bordure_erreur {
  border: 1px solid #C20505 !important;
  /*color: #6B6E71;*/
  box-shadow: 0px 0px 1px #C20505;
  -moz-box-shadow: 0px 0px 1px #C20505;
  -webkit-box-shadow: 0px 0px 2px #C20505;
  -o-box-shadow: 0px 0px 1px #C20505;
}

.form button[type="submit"] {
  float: right;
  margin: 10px 16px 20px 0px;
}

.form button.enligne[type="submit"] {
  float: none;
  margin: 0;
  vertical-align: super;
}

.form.moyen p { margin-left: 0; margin-right: 0px; }
.form.moyen input {  width: 65%; }
.form.moyen select{   width: 70%; }
.form.moyen textarea {  width: 65%; min-height: 150px; }
.form.moyen p label, .form.moyen div label { width: 25%; }

.form .label_2l {  vertical-align: bottom;  }

/* Champs spéciaux */

p.choix.reduit {
  padding: 5px;
  margin: 5px;
}

p.info, p.important {
  margin: 0;
  padding: 15px 20px;
  font-size: 1.15em;
  text-align: center;
}

p.info {
  color: #EAE8FC;
  background-color: #4F3C97;
}

p.important {
  background-color: #eb0000;
  color: #fff;
  font-weight: bold;
}

p.info.complete {
  background-color: #69b901;
  color: #effae1;
  font-weight: bold;
}
div.mandat {
  background-color: #d9dcdf;
  padding: 10px 0px;
  min-height: 50px;
}

div.col_form.mandat label {
  text-align: left;
  margin-left: 1.2%;
  width: auto;
}
div.col_form.mandat input {
  margin-left: 1.2%;
  width: 94.5%;
}

div.col_form p.info {
  font-size: 1em;
  padding: 3px 70px;
  margin-top: 17px;
}

div.col_form p.info.large {
  padding: 0.5em;
  font-size: 1.2em;
  padding-left : 40%;
}

div.col_form p.info input[type="checkbox"] {
  vertical-align: sub;
}
div.col_form p.info label {
  color: #EAE8FC;
  font-size: 1em;
  line-height: 1em;
  padding: 8px 0;
  text-align: left;
  vertical-align: text-top;
  width: 90%;
}
div.col_form p.info.sommet {  margin-top: 0;  }


div.col_form p.info .limit_car {
  display: inline;
}

div.col_form p.info input {
  padding: 0;
  margin-right: 5px;
  vertical-align: bottom;
  width: 15px;
}

p.multiple {
  height: 42px;
}

p.numero_indicatif input {
  width: 5.5%;
}

p.numero_indicatif input:last-child {
  width: 43.5%;
}

p.duree select {
  margin-left: 0.7%;
  width: 17.85%;
}

div.col_form div ul.liste_radio label {
  width: auto;
}

.form ul.liste_radio {
  width: 54%;
  display: inline-block;
  list-style-type: none;
  padding: 11px 0px 9px 10px;
  border: 1px solid transparent;
  margin: 0px;
}

.form ul.liste_radio li {
    display: inline;
    margin: 0;
}

.form ul.liste_radio.liste li {
    display: block;
}

.form ul.liste_radio li input, .form input.checkbox {
    background-color: transparent;
    box-shadow: 0 0 0 transparent;
    margin: 0 3px 0 0;
    padding: 0;
    vertical-align: middle;
    width: 15px;
    border: none;
}

/************* SKIN RADIO ***************/
.mandat ul.liste_radio {
  width: 100%;
}

.form ul.liste_radio li input[type="radio"] {
    left: -9999px;
    position: absolute;
}
.form ul.liste_radio li label { cursor: pointer;}

.form ul.liste_radio li label:before {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    left: -5px;
    border-radius: 20px;
    content: "";
    vertical-align: text-top;
    top: 0;
    cursor: pointer;
    background-color: #FFFFFF;
    border: 1px solid #CFD2D5;
}

.form ul.liste_radio li input[type="radio"]:checked + label {   font-weight: bold;    }



/************* SKIN CHECKBOX ****************/

p.choix {
  margin: 0;
  padding: 10px 5px 9px 5px;
  font-size: 1em;
  position: relative;
}

div.col_form p.choix label {
  width: 75%;
  padding-left: 3.2%;
  text-align: left;
}

form div.col_form p.choix input.checkbox {
  margin: 0 7px 0 20px;
}

.choix_radio li {
  position: relative;
}

.form .choix input[type="checkbox"], .choix_radio li input[type="checkbox"] {
    left: -9999px;
    position: absolute;
}
.form .choix input[type="checkbox"] + label {
  margin-left: 25px;
  cursor: pointer;
}
.choix_radio li input[type="checkbox"] + label {
  margin-left: 22px;
  cursor: pointer;
}
.form .choix input[type="checkbox"] + label:before, .choix_radio li input[type="checkbox"] + label:before {
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    content: "";
    vertical-align: text-top;
    
    background-color: #FFFFFF;
    border: 1px solid #CFD2D5;
}
.form .choix input[type="checkbox"] + label:before {
  top: 10px;
  left: 25px;
}
 .choix_radio li input[type="checkbox"] + label:before {
  top: 0;
  left: 0;  
 }

.form .choix input[type="checkbox"]:checked + label:after, .choix_radio li input[type="checkbox"]:checked + label:after  {
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 10px;
    content: "";
    vertical-align: text-top;
    cursor: pointer;
}

.form .choix input[type="checkbox"]:checked + label:after {
    left: 29px;
    top: 14px;
} 

.choix_radio li input[type="checkbox"]:checked + label:after {
    left: 4px;
    top: 4px;
}
/**************/

.message.erreur {
  color : red;
}

div.etape_proc_inscr_oeuvre  {
  padding: 20px;
  width: 70%;
  margin: 0 auto;
  clear: both;
}

div.etape_proc_inscr_oeuvre img {
  float: left;
  margin-bottom: 10px;
  margin-right: 20px;
  margin-top: 10px;
}

div.etape_proc_inscr_oeuvre h6  {
  font: italic 300 1.9em/1em 'Source Sans Pro';
  color: #434648;
  margin: 0;
  margin-bottom: 20px;
}

div.etape_proc_inscr_oeuvre h6.entete  {
  font-size: 1.5em;
  line-height: 1.2em;
  margin-bottom: 0;
}
div.etape_proc_inscr_oeuvre > div {
  width: auto;
}
div.etape_proc_inscr_oeuvre h4 {
  padding: 0;
  margin-bottom: 10px;
}

div.etape_proc_inscr_oeuvre p {
  margin: 0;
  margin-top: 10px;
}

div.etape_proc_inscr_oeuvre ul {
  list-style-type: disc;
  margin: 0px 0 10px 0;
  padding-left: 30px;
  color: #6a6c6d;
}

.intertitre-form {
    background-color: #FFFFFF;
    font-size: 2em;
    height: 32px;
    padding: 5px 0 5px 3%;
}

div.col_form p em {
    font-size: 0.8em;
}

p.nom_generique input {
    width: 19.7%;
}

.ajouter_chp {
  display: block;
  margin: 7px 1% 5px 0;
  padding: 1%;
}

.ajouter_chp img {
    width: auto;
}

p.intertitre-form .ajouter_chp {
  margin: 0.5% 2.5%;
  padding: 0.5% 0.7%;
}

p.intertitre-form .ajouter_chp img {
  vertical-align: top;
}

.col_form .recap_info {
  padding: 0 3%;
  margin : 0;
  margin-top: 5px;
  list-style-type: decimal;
}

.col_form .recap_info > span {
    font-size: 1.1em;
    font-weight: bold;
}

.recap_info > li {
    list-style-position: inside;
}

div.col_form p.valid_intermediaire {
  text-align: center;
}

div.col_form p.valid_intermediaire a {
  display: inline;
  margin-right: 1%;
}

div.col_form p.valid_intermediaire button {
  float: none;
  margin: 0;
  vertical-align: bottom;
}

.inscr_newsletter input {
  padding: 7px 1.5%;
}

.recap_info li:nth-last-child() {border-width: 0;  }

div.valid_form {
  color: #EAE8FC;
  background-color: #4F3C97;
  margin: 0;
  padding: 15px 20px;
  font-size: 1.15em;
  text-align: center;
}

div.valid_form form p, div.valid_form form button[type="submit"] {
  text-align: inherit;
  float: inherit;
  margin: 0;
}

div.valid_form form p { margin: 0.7em 0;  }
div.valid_form form p label {
  font: italic 300 1.3em/1.7em 'Source Sans Pro';
  margin-right: 10px;
  color: #EAE7FC;
}

div.valid_form form p.confirm_validation {
  color: #EAE7FC;
  background-color: #4f3c97;
  border: 1px solid transparent;
}

div.valid_form form button[type="submit"] { font: inherit;  }

h2.info {
  font: italic 300 1.5em/1.7em 'Source Sans Pro';
  margin: 0;
  padding: 1em;
  background-color: #4F3C97;
  color: #EAE7FC;
  text-align: center;
}

#traitement_intermediaire {
  width: 20%;
  padding: 20px 20%;
  margin: 20px 20%;
  text-align: center;
}

#traitement_intermediaire h3 {
  color: #434649;
  background-color: transparent;
}

.chp_obl {
    background: url("../interface/pictos/chp_obligatoire.png") no-repeat scroll right center transparent;
    padding-right: 10px;
}

.label_chp_obl {
  background: url("../interface/pictos/chp_obligatoire.png") no-repeat left center;
  margin : 15px;
  padding-left: 15px;
  font-weight: bold;
  float: right;
}

.col_form p.p_message {
  background: none repeat scroll 0 0 #434649;
  clear: both;
  display: block;
  font-weight: bold;
  margin: 0;
  padding: 10px 0;
  text-align: center;
  display: none;
}

.mess_succes {
  font-weight: bold !important;
  color: #adcb0b !important;
}

.mess_erreur {
  font-weight: bold !important;
  color: #e7222d !important;
}

.btn.en_cours {
  cursor: wait;
  color: #fff;
}

.btn.en_cours span[class^="pict_"] {
  width: 16px;
  height: 16px;
  margin: 1px 7px 2px 2px;
}

.masque, .code { display: none !important; }

/* PAIEMENT et Reglement */
div#etape_finale {
    margin: 20px 100px;
}

#blc_adr_facturation {
}

#blc_adr_facturation p { margin: 10px; }
p.adr_facturation { margin-left: 20px; font-weight: bold; }
#blc_adr_facturation strong { font-size: 1.2em; }

#blc_adr_facturation .span4, #blc_adr_facturation .span5 {
  width: 480px;
  min-height: 285px;
}

label#accept_reglement {
    font-size: 1.4em;
    margin-left: 5px;
}

/* Accreditations */
ul.recap_personne {  margin-left : 15px;  }
ul.recap_personne li {  margin : 10px 0px;  }

ul#choix_paiement {
  list-style-type: none;
  margin : 0;
  padding-left: 0;
  height: 50px;
}

ul#choix_paiement li  {
  float: left;
  margin-right : 10px;
}
ul#choix_paiement li:last-child { margin-right: 0px;  }

ul#choix_paiement li a {
    background-color: #ACAFB2;
    display: block;
    /*height: 35px;*/
    text-decoration: none;
    padding : 15px;
    padding-left: 20px;
    font-size: 1.2em;
    color: #434649;
}

ul#choix_paiement li a:hover {  background-color: #D9DCDF;  }

ul#choix_paiement li a.selected {
  background: #D9DCDF url(../interface/pictos/fl3px_bas.gif) no-repeat 8px 24px;
}

table#tab_recap_accred {
    margin: 20px 0;
    width: 100%;
}

table#tab_recap_accred td, table#tab_recap_accred th  {
  height : 15px;
  vertical-align: middle;
}

table#tab_recap_accred td {  padding: 5px 10px; }

table#tab_recap_accred .droite  {  text-align: right; }
table#tab_recap_accred .gauche  {  text-align: left; }
table#tab_recap_accred tr.head  {  border-bottom : 1px solid #000;  }
table#tab_recap_accred tr  {  border-bottom : 1px solid #737272;  }

table#tab_recap_accred tr.foot {  font-size: 1.4em; }

table#tab_recap_accred tr.foot td {  padding : 3px 5px; }

table#tab_recap_accred div.saisie_reduction {
  width: 100%;
  text-align: left;
}

div.saisie_reduction input {
  width: 55%;
  margin: 0;
}

div.saisie_reduction button.btn {
  width: 40%;
  margin: 3px 0 0 4px;
}

p.txt_paiement  {  margin : 10px 30px;  }

p.coord_virement  {
  text-align: center;
  margin : 10px 0px;
}

.bloc_tab.blc_actif {
  border-bottom-color: #606060;
}

div#types_paiement  {
  position: relative;
}

div#paiement { margin-top: 20px; }

div#types_paiement>div {
    background-color: #D9DCDF;
    border-top : 0px;
    padding : 15px;
}

div#types_paiement>div h4 {
    margin: 0.2em 0;
    padding: 0;
}
.accept_desactive {
  font-style: italic;
  color: #bdb8e3;
}

div#reglement {
  height : 120px;
  padding : 10px;
  font-size: 0.9em;
  overflow: auto;
  margin-bottom : 15px;
  background-color: #EDF0F3;
}

/*  Navigation dans les pages   */
.navigation_resultats {
  float: right;
  text-align: right;
  vertical-align: middle;
  margin : 12px 0px 12px 0px;
  padding: 0;
  overflow: hidden;
}

.navigation_resultats li {
  float: left;
  list-style: none;
  text-align: center;
}

ul.navigation_resultats li a, ul.navigation_resultats li span {
  display: block;
  padding: 6px 14px;
  line-height: 1.7em;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.15em;
  border-left: 1px solid #EDF0F3;
}

ul.navigation_resultats li:first-child a {
  border-left-width: 0px;
}

ul.navigation_resultats li a:hover {
  background-color: #757575;
  color: #f0f0f0;
}

ul.navigation_resultats li a.page_select {
  color: #f0f0f0;
  border-right-width: 0px;
}

ul.navigation_resultats li a.page_select:hover {
  cursor: pointer;
}

ul.navigation_resultats li span {
  font-weight: normal;
}

/* ---- Liste de films ----*/
ul.liste_films, div.p_portail ul.liste_films, div.p_com ul.liste_films {
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
  
ul.liste_films li {
  position: relative;
  min-height: 120px;
  padding: 0;
  background-color: #edf0f3;
  clear: both;
  overflow: hidden;
}

ul.liste_films li>img {
  width: 140px;
  margin-right: 10px;
  float: left;
}

ul.liste_palmares li {
  position: relative;
  min-height: 245px;
  padding: 0;
  margin-bottom: 2px;
  background-color: #BFC2C5;
}
ul.liste_palmares li img.prime {
  width: 120px;
}


ul.liste_films.cliquable li:hover, ul.liste_palmares.cliquable li:hover {
  background-color: #fff;
  cursor: pointer;
}

ul.liste_films li>div {
  float: left;
  margin-right: 10px;
}


ul.liste_films li h3, ul.liste_films li h4, ul.liste_films li h5, ul.liste_films li h6,  ul.liste_palmares li h3, ul.liste_palmares li h4, ul.liste_palmares li h5  {
  margin: 0;
  padding: 0;
  color: #434646;
}

ul.liste_films li h3, ul.liste_palmares li h3 {
  background-color: transparent;
  font-size: 1.7em;
  padding: 10px 8% 15px 0;
}

ul.liste_films.palmares li h3, ul.liste_palmares.palmares li h3 {
  padding-top: 5px;
}

ul.liste_films li h4, ul.liste_palmares li h4 {
  color: #434646;
  padding-right: 8%;
  font-size: 1.077em;
  font-weight: normal;
}

ul.liste_films li h4 span, ul.liste_palmares li h4 span { font-weight: bold;  }

ul.liste_films li h4 a, ul.liste_palmares li h4 a {
  position: inherit;
  top: auto;
  right: auto;
  color: #434646;
}

ul.liste_films li h4:last-child, ul.liste_palmares li h4:last-child {
  padding-bottom: 10px;
}
ul.liste_films li a, ul.liste_palmares li a {
  position: absolute;
  right: 1.5%;
  top: 45%;
}

ul.liste_films li a.pict_plus, ul.liste_palmares li a.pict_plus {
  text-indent: -999em;
  position: absolute;
  top: 45%;
  right: 2%;
}

ul.liste_films.categories li {
  width: 48.5%;
  float: left;
  clear: right;
  text-align: center;
  margin-left : 1%;
  margin-bottom: 1%;
  background-color: #edf0f3;
}

ul.liste_films.categories li h3 {
  font-size: 1.5em;
  padding: 1.5em 2em 0 2em;
}

ul.liste_films.categories li h3 span {
  font-size: 0.8em;
}

/* Programme */
ul.liste_films.programme {
  margin: 20px 4%;
  width: 92%;
}

/* Liste Planifications */
ul.liste_planif {
  list-style-type: none;
  padding-left: 0;
  margin: 20px 4%;
}

ul.liste_planif li {
  padding: 0;
  margin: 2px 0;
  height: 45px;
  line-height: 45px;
}

ul.liste_planif li a {
  display: inline-block;
  text-decoration: none;
  padding: 0 1.5%;
  width: 87%;
  height: 100%;
  vertical-align: middle;
}

ul.liste_planif li a:nth-child(2) { background-color: #4F3C97;  }
ul.liste_planif li a:nth-child(2):hover { background-color: #6b5bb0;  }

ul.liste_planif li a img {

}

ul.liste_planif li a.favoris {
  width: 8%;
  min-height: auto;
  margin-left: 0.05%;
  padding: 0 0.5%;
  text-align: center;
  cursor: pointer;
}

ul.liste_planif li a.favoris span {

  margin-top: -3px;
}

ul.liste_planif li a.ajoute { background-color: #6B5BB0; }
ul.liste_planif li a.ajoute:hover { background-color: #392072; }
ul.liste_planif li a.supprime { background-color: #392072; }
ul.liste_planif li a.supprime:hover { background-color: #6b5bb0; }

ul.liste_planif li a.inactif, ul.liste_planif li a.inactif:hover {
  cursor: context-menu;
  background-color: #BDB8E3;
}

/* spéciaux */
ul.liste_films.speciaux {
  margin: 0;
  padding: 0;
}

ul.liste_films.speciaux li {
  background-color: #EDF0F3;
  overflow: hidden;
}

ul.liste_films.speciaux li:nth-child(odd) {  background-color: #ffffff; }

ul.liste_films.speciaux.cliquable li:hover {  background-color: #E3E6E9;  }
ul.liste_films.speciaux li img {  max-width: 120px; }

ul.liste_films.speciaux h2 {
  font: normal 600 1.92em/1em 'Source Sans Pro';
  color: #6B6D71;
  background-color: transparent;
  display: block;
  margin: 10px 0 0 20px;
}

ul.liste_films.speciaux h2 .etat_attente {
  font-size: 0.55em;
  background-color: #e7222d;
  color: #fbdcdc;
  padding: 0px 5px;
  position: relative;
}



span.date_simple {
  position: relative;
  width: 120px;
  margin: 0 15px 0px 0;
  display: block;
  padding: 5px 0 0 0;
  text-align: center;
  font: normal 600 1.7em/1.7em 'Source Sans Pro';
}
span.date_simple span {
  width: 11px;
  height: 44px;
  display: block;
  position: absolute;
  right: -11px;
  top: 0;
}



ul.liste_films.speciaux p {
  margin: 10px 45px 10px 90px;
  color: #878C8D;
}
/* ------------Fiche générique----------- */
/* ----- h1 ----- */

.blc.p_fiche h1 {
    color: #FFFFFF;
    font: 600 2.7em/0.9em 'Source Sans Pro';
    height: inherit;
    margin: 0;
    min-height: 45px;
    padding: 0.4em 55px 0.9em;
    position: relative;
    text-align: center;
}
.blc.p_fiche h1 b {
  opacity: 0.75;
  font-size: 0.7em;
  font-weight: normal;
}

.blc.p_fiche h1 span.etat_attente {
  font-size: 0.45em;
  background-color: #e7222d;
  color: #fbdcdc;
  padding: 0px 5px;
  float: none;
}
/* ----- Fanion ----- */

.FanionPictoProg {
    background-image: url("../interface/fanion-picto.png");
    height: 100px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    z-index: 10;
}

ul.listItemProg .FanionPictoProg .pictoProg,
.blc.p_fiche .FanionPictoProg .pictoProg {
    left: inherit;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    right: 0;
    top: 0;
}

/* -- image de l'item de la liste -- */
.p_agenda .listItemProg li .imgProg {
    width: 100%;
    min-height: inherit;
    border-right: none;
    border-top: none;
}


/* ---------- PICTOGRAMMES ---------- */

.pictoProg {
    display: block;
    position: absolute;
    overflow: hidden;
}

/* ----- page programmation ----- */

.p_prog ul.listItemProg .pictoProg {
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    top: 50%;
    height: 60px;
    width: 60px;
}


.blc.p_fiche .FanionPictoProg .pictoProg {
    height: 60px;
    width: 60px;
}

.listItemProg li .imgProg {
    display: block;
    height: 100%;
    margin-right: 0;
    min-height: 120px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 17%;
}

.p_prog .imgProg {
    background-color: #FFFFFF;
    border-right: 1px solid #E3E6E9;
    border-top: 1px solid #E3E6E9;
}

/* ----- fiche ----- */

.blc.p_fiche .pictoProg {
    height: 120px;
    width: 120px;
}

.blc.p_fiche .pictoProg img,
.p_prog .pictoProg img {
    max-width: inherit;
}

/* ---------- VIGNETTE ITEM PROGRAMMé ---------- */
.p_fiche .catProg {
    color: #FFFFFF;
    font: 1.3em 'source sans pro';
    padding: 1em 3% 0.5em;
    text-align: center;
}

.p_fiche .catProg a {
    color: #FFFFFF;
    text-decoration: none;
}

.imgProg {
    display: block;
    position: relative;
}

/* ----- page programmation ----- */

ul.listItemProg li > div.imgProg > img.img_fiche_std {
    min-height: 100%;
    max-width: none;
}

ul.listItemProg li.catOrgProd > div.imgProg > img.img_fiche_std {
    margin-left: -140%;
}

/* ----- fiche ----- */
.blc.p_fiche > .imgProg {
    min-height: 70px;
    overflow: visible;
}

/* ----- sommaire fiche ----- */

.sommaire_fiche {
    margin: 0;
    padding: 0 8% 1.2em;
    background-color: #c1e111;
    font-size: 1.2em;
    text-align: center;
}

.sommaire_fiche > li {
    display: inline-block;
    margin-bottom: 0.3em;
}

.sommaire_fiche a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    background-color: none;
}

.sommaire_fiche a {
    background-color: #FFFFFF;
    color: #90a905;
}

/* ---------- TRANSITIONS OPACITE LIENS ---------- */

.supprTag:link,
.supprTag:visited,
.p_fiche .catProg a:link,
.p_fiche .catProg a:visited,
.listItemProg p.actions a:link,
.listItemProg p.actions a:visited,
.btn_pict.prec:link,
.btn_pict.prec:visited,
.btn_pict.suiv:link,
.btn_pict.suiv:visited,
.sommaire_fiche a:link,
.sommaire_fiche a:visited,
.switchAffichageProg > a:link,
.switchAffichageProg > a:visited,
.menuProg a.dePlier:link,
.menuProg a.dePlier:visited {
    opacity: 0.6;
    transition: opacity 0.2s linear;
}

.menuProg .choix label {
    opacity: 0.75;
    transition: opacity 0.2s linear;
}

.sommaire_fiche a.item_important:link,
.sommaire_fiche a.item_important:visited {
    opacity: 0.9;
    transition: opacity 0.2s linear;
}

.supprTag:active,
.supprTag:hover,
.p_fiche .catProg a:active,
.p_fiche .catProg a:hover,
.listItemProg p.actions a:hover,
.listItemProg p.actions a:active,
.btn_pict.prec:hover,
.btn_pict.prec:active,
.btn_pict.suiv:hover,
.btn_pict.suiv:active,
.sommaire_fiche a:hover,
.sommaire_fiche a:active,
.sommaire_fiche a.item_important:hover,
.sommaire_fiche a.item_important:active,
.switchAffichageProg > a:hover,
.switchAffichageProg > a:active,
.menuProg a.dePlier:hover,
.menuProg a.dePlier:active,
.menuProg .choix label:active,
.menuProg .choix label:hover {
    opacity: 1 !important;
}

.menuProg li.niveau1:nth-child(2n),
.menuProg li.niveau1:nth-child(2n+1),
.menuProg .menuCat li.cat_efest.niveau1:hover {
    transition: background-color 0.15s;
}
/* ---- Programme film ---- */
.blc_titre_fiche {
  position: relative;
  padding: 15px;
  margin: 0;
  text-align: center;
  box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
  -o-box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
}

.blc_titre_fiche a {
  position: absolute;
  top: 20px;
}
.blc_titre_fiche .prec {
  left: 20px;
}

.blc_titre_fiche .suiv {
  right: 20px;
}

.blc_titre_fiche h2 {
  margin: 0 55px;
  padding: 0;
  background-color: transparent;
}

.blc_titre_fiche h3 {
  background-color: transparent;
  padding: 0;
  margin: 7px 55px 0px 55px;
}


/* Vignette */
.p_fiche .imgProg {
    overflow: hidden;
}

/* boutons précédent suivant */
.blc.p_fiche a.suiv,
.blc.p_fiche a.prec {
    margin-top: -22px;
    position: absolute;
    top: 50%;
}

.blc.p_fiche a.suiv {
    right: 5px;
}

.blc.p_fiche a.prec {
    left: 5px;
}

/* bouton retour */

.retour.btn.btn1 {
    font-size: 1.2em;
    padding: 10px 25px 8px 10px;
    top: 10px;
    z-index: 10;
}

.blc.p_fiche .imgProg .retour.btn.btn1 {
    display: block;
    position: absolute;
}

/* Footer */
.p_fiche div.footerFiche {
    padding: 7px 55px;
    position: relative;
    text-align: center;
    min-height: 50px;
}

.blc.p_fiche .footerFiche .retour {
    padding: 10px 15px 10px 10px;
}

.footerFiche .retour.btn.btn1:link,
.footerFiche .retour.btn.btn1:visited {
    transition: all 0.15s linear;
}
/* ---- gallerie_photo ---- */
div div .gallerie_photo ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div div .gallerie_photo ul li {
  display: inline-block;
  margin: 0;
  width: 16.66%;
}

div div .gallerie_photo ul li a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

div div .gallerie_photo ul li a {
 position: relative;
}
div div .gallerie_photo ul li a span {
  position: absolute;
  top:0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
}

div div .gallerie_photo ul li a span {
   -webkit-box-shadow: inset 0 0 60px rgba( 0, 0, 0, 0.5);
  -moz-box-shadow:     inset 0 0 60px rgba( 0, 0, 0, 0.5);
  box-shadow:          inset 0 0 60px rgba( 0, 0, 0, 0.5);
}

div div .gallerie_photo ul li a:hover span {
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
}
/* ---- Photothèque ---- */
.phototheque h3 {
  background-color: #CFD2D5;
  color: #434646;
  display: inline-block;
  font: italic 600 1.535em/1em 'Source Sans Pro';
  margin: 15px 0 0;
  padding: 5px 20px;
}

.phototheque ul {
  padding: 10px 0 !important;
  margin: 15px;
  list-style-type: none !important;
}

.phototheque ul li {
  float: left;
  position: relative;
  width: 49.5%;
  min-height: 125px;
  margin-bottom: 10px;
  margin-right: 1%;
  padding-bottom : 10px;
  border-bottom: 1px solid #acafb2;
}

.phototheque ul li:nth-child(even) {
  margin-right: 0%;
}

.phototheque ul li a.zoom {
  float: left;
  margin-right: 5px;
}

.phototheque ul li a.zoom img {
  width: 120px;
  height: 120px;
}

.phototheque a.zoom span {
  position: absolute;
  width: 45px;
  height: 15px;
  top: 10px;
  left: 10px;
  background: url(../interface/pictos/zoom_photo.png) bottom left no-repeat;
  z-index: 10;
  text-decoration: none;
}

.phototheque ul li a.btn {
  margin-top: 10px;
}

.phototheque ul li h5 {
  margin:  0 0.3em 0.3em 0;
  padding:  0.25em 0;
  color: #6b6e71;
  font-size: 1.1em;
}

.phototheque ul li p {
  margin: 0.3em 0;
}

p.copyright {
  font-size: 0.85em;
}

/* --- Modales --- */

/*div#modale {
  display: none;
}*/
#obscur {
  display: none;
  background: #000;
  position: fixed; left: 0; top: 0;
  width: 100%; height: 100%;
  opacity: .80;
  z-index: 9999;
}
div#modale, div#charge_modale {
  background: #fff;
  padding: 20px;
  border: 10px solid #fff;
  font-size: 1.2em;
  position: fixed;
  z-index: 99990;
}
a.croix_modale {
  position: fixed;
  z-index: 99999;
  text-decoration: none;
  font-size: 1.6em;
  font-weight: bold;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
}

/* ---- FAQ ---- */
div.faq div {
  display: none;
}
div.faq h4 {
  margin: 0em;
}
 div.faq h4 a {
  padding: 20px;
  text-decoration: none;
  border-top : 1px solid #cfd2d5;
  color: #434649;
  font: normal normal 400 1.3em/1.1em 'Source Sans Pro';
}

div.faq h4 a:hover, div.faq .ui-state-active a {
  color: #90a905;
}
div.faq .ui-state-active a {
  font-weight: bold;
}

div.faq p {
  margin: 0 2em 1em 2.5em;
}

div.faq .ui-state-active, div.faq .ui-accordion-content-active {
  background-color: #edf0f3;
}

/* ---- Esapce publicité ---- */
.espace_pub {
  margin-top: 12px;
}
.espace_pub ul {
  margin: 0;
  padding: 0;
  list-style-type: none;

}
.espace_pub ul li {
  position: relative;
  padding: 0;
  margin: 0;
  margin-left: 31px;
}
.espace_pub.horizontal ul li {  width: 630px; }

.espace_pub.vertical ul li {
  width: 160px;
  float: left;
}

.espace_pub ul li a.calque_flash {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.espace_pub.ban_ntwk ul {
  margin-left: 0px;
}

.espace_pub.horizontal .anythingSlider  {  padding-bottom: 0;  }

/* ---- TABLEAU ---- */

table  {
  margin: 3%;
  color: #6B6E71;
  width: 94%;
}

table tr.type {
  background-color: #4F3C97;
  color: #EAE7FC;
}

table tr.type h4 {
  font: italic 400 1.7em/1em 'Source Sans Pro';
  margin: 0.7em;
}

table tr.sous_type {
  background-color: #4F3C97;
  color: #EAE8FC;
}
table tr.type th, table tr.type td  {
  border: 1px solid #6B5BB0;
}

table tr.sous_type th, table tr.sous_type td  {
  border: 1px solid #897EC3;
}
table td, table th {
  padding: 10px;
  text-align: center;
}

table th:first-child, table td:first-child {
  border-left-width: 0px;
}

table th:last-child, table td:last-child {
  border-right-width: 0px;
}

table td.intitule {
  text-align: left;
}

table.simple td, table th.simple {
  text-align: left;
}

/* tab_recapitulatif */
table.tab_recapitulatif { margin-top: 0;  }
table.tab_recapitulatif td { width: 50%; padding: 8px;  }
table.tab_recapitulatif td p, table.tab_recapitulatif td h4 { margin: 0;  }
table.tab_recapitulatif .type th, table.tab_recapitulatif .type td {  border-width: 0;  }

table.tab_recapitulatif tr.type {
  background-color: transparent;
}

table.tab_recapitulatif td.label {
  padding-right: 5px;
  text-align: right;
}
table.tab_recapitulatif td.valeur {
  text-align: left;
  padding-left: 5px;
}

table.tab_recapitulatif td h4 {
  padding-left: 0;
}
p.confirmation {
  color: #4E3B97;
}

/* Table res */
table.tab_res {
  width: 96%;
  margin: 2%;
}

table.tab_res td, table.tab_res th {
    border-width: 0px;
    border-bottom: 1px solid #E3E6E9;
    text-align: left;
}

table.tab_res .entetes th {
  background-color: #898C8F;
  color: #ECF0F2;
  font-weight: bold;
  text-align: left;
  padding: 5px 0;
}

table.tab_res .entetes th h4 {
  color: #ECF0F2;
  font-size: 1.075em;
  padding: 5px 0;
  margin-top: 0;
}

table.tab_res tr:nth-child(odd) { background-color: #D3D6D9; }
table.tab_res tr:nth-child(even) { background-color: #BFC2C5; }
table.tab_res tr.important {
  background-color: #EDF0F3;
  font-weight: bold;
}
table.tab_res tr.important:nth-child(even) { background-color: #EDF0F3; }

table.tab_res tr:hover , table.tab_res tr.important:hover {
  cursor: pointer;
}

table.tab_res td {
  font-size: 1.075em;
  padding: 5px;
}

table.tab_res td a {
  text-decoration: none;
  color: #6B6C71;
}

table.tab_res td b.edition_prec {
  background-color: #4f3c97;
  color: #eae8fc;
  font-size: 0.85em;
  font-weight: normal;
  padding: 1px 4px;
}


/* ---- Menu archive / liste en ligne ----- */
div#menu_n4 {
  padding: 0px;
  margin-top: 0px;
  background-color: transparent;
}

div#menu_n4 ul, ul.liste_enligne {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

div#menu_n4 ul li, ul.liste_enligne li {
  margin-bottom: 2px;
}

div#menu_n4 ul li a, ul.liste_enligne li a {
  display: block;
  padding : 9px 15px;
  background-color: #edf0f3;
  text-decoration: none;
  font-weight: bold;
}

.pair ul.liste_enligne li a {
  background-color: #EDF0F3;
}

div#menu_n4 h4 {
  margin: 0;
}

ul.liste_enligne {
  margin : 10px 20px;
}

ul.liste_enligne li {
  float: left;
  margin-right : 2px;
}

div#entete {
  position: relative;
  padding: 0;
}

div#entete a.btn, div.blc_img_film a.btn {
  position: absolute;
  top: 20px;
  right: 20px;
}
/* ---- Selecteur rendu ---- */
div#selecteur_rendu {
  position: absolute;
  background-color: #483187;
  left: 60px;
  top: 0;
  padding: 10px;
  width: 30%;
}

div#selecteur_rendu h3 {
  padding: 0px;
  margin: 0;
  background-color: transparent;
  color: #867EC3;
  font-style: italic;
}

div#selecteur_rendu select {
  margin-top: 10px;
  padding: 3px;
  width: 100%;
}

ul#liste_numprog {
  position: absolute;
  bottom: 10px;
  right: 10px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul#liste_numprog li {
  display: inline-block;
  margin-right: 5px;
}

ul#liste_numprog li a {
  text-decoration: none;
  display: block;
  width: 36px;
  height: 36px;
  background-color: #4F3C97;
  color: #EAE8FC;
  text-align: center;
  font-weight: bold;
  font-size: 1.43em;
  line-height: 1.85em;
}

ul#liste_numprog li a:hover, ul#liste_numprog li a.actif {
  background-color: #EAE8FC;
  color: #4F3C97;
}

/* ---- Anciens navigateurs ----- */
div#old_browser {
  padding: 20px;
  margin: 0;
  background-color: #cb380b;
  border-bottom: 2px solid #781c00;
  color: #fff;
  font-size: 1.3em;
}
div#old_browser a {
  color: #fff;
  font-weight: bold;
}

 /******************************************* Agenda **************************************/
div#contenu_agenda {
  padding-top: 30px;
  background-color: #E3E6E9;
}

ul.liste_jours  {
  margin-left: 0px;
  list-style-image: none;
  position:relative;
  width: 100%;
  height: 50px;
  margin: 0;
  padding-left: 0;
  background-color: #ACAFB2;
  list-style-type: none;
  z-index: 1;
}

ul.liste_jours li {
  float: left;
  height: 50px;
  font-size: 1.25em;
  padding: 0;
  width: 13%;
}

.liste_jours li:first-child {
  width: 9%;
}

.liste_jours li a {
  display: block;
  height: 1.1em;
  padding: 1em 0;
  text-align: center;
  text-decoration: none;
  font: normal normal 500 1em/1em 'Source Sans Pro';
  color: #D8DCDF;
}

.liste_jours li a:hover {
  background-color: #898C8F;
}

.liste_jours li a.jour_select, .liste_jours li a.jour_select:hover  {
  background-color: #E3E6E9;
  cursor: default;
  color: #6B6E71;
}

.liste_jours li img.img_loader {
  position: relative;
  top : 14px;
  left : 23px;
  display: none;
}

div#ag_vide {
  width: 100%;
  height : 400px;
  text-align: center;
}

div#ag_vide h5 {
  position: relative;
  top: 100px;
  display: inline;
  padding : 15px;
  background-color: #d7dbde;
  font-size: 1em;
}

div#ag_vide h5  span {
  position: absolute;
  top: 0px;
  right: -48px;
  border:24px solid transparent;
  border-left:24px solid #d7dbde;
}

div.ligne_agenda  {
  background: #E3E6E9  url(../interface/ligne_agenda.png) repeat top;
  min-height: 54px;
}
div.ligne_agenda div.heure {
  display: inline-block;
  float: left;
  width: 70px;
  height: 54px;
}

/*div.ligne_agenda div.heure.unique { background-image: url(../interface/blc_heure_agenda.png); }*/
div.ligne_agenda div.heure.premiere { background-image: url(../interface/blc_heure_agenda_2l.png); }
div.ligne_agenda div.heure.inter { background-image: url(../interface/blc_heure_agenda_inter.png); }
div.ligne_agenda div.heure.derniere { background-image: url(../interface/blc_heure_agenda_derniere.png); }

div.ligne_agenda div.heure span {
  position: relative;
  top : 1.1em;
  color: #edf0f2;
  font-size: 1.15em;
  background-color: #898C8F;
  padding: 3px 5px;
}

div.ligne_agenda .lien_rdv {
  vertical-align: top;
}

/* Outils / Légende */
div#outils_agenda>div {
  background-color: #E3E6E9;
  box-shadow: 0px 0px 2px  rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  padding : 0px;
  margin-top: 2px;
}

div#outils_agenda>div>div {
  display: none;
  padding: 1px;
}

div#outils_agenda div h5  {
  margin: 0;
  padding: 0;
  background-color: #434649;
}

div#outils_agenda div h5 a  {
  text-decoration: none;
  display: inline-block;
  text-decoration: none;
  width: 85%;
  padding: 10px;
  font-size: 1.4em;
  font-weight: normal;
  font-style: italic;
}

div#outils_agenda div h5 a.fl_haut  {
  width: 90%;
  color: #ACAFB2;
  background : url(../interface/pictos/flhaut_mar.gif) no-repeat right;
}

div#outils_agenda div h5 a.fl_bas  {
  width: 90%;
  color: #ACAFB2;
  background : url(../interface/pictos/flbas_mar.gif) no-repeat right;
}

div#outils_agenda div#selection {
  padding: 10px;
  padding-right: 0;
}
div#selection p {
  color: #868C8C;
  font-size: 1.15em;
  font-style: italic;
  margin: 0.5em;
}

div#selection p input {
  top: 4px;
  right: 4px;
}

div#outils_agenda div h5 input, div#selection input,
div#outils_agenda div ul li input  {
  position: relative;
  float: right;
  top: 2px;
  right: 11px;
  margin: 0;
  padding: 0;
}

div#outils_agenda div h5 input {
  top: 12px;
  right: 12px;
}

div#outils_agenda div#legende div a {
  display: none;
  margin-right: 3px;
}
div#outils_agenda div hr  {
  margin: 5px 0px;
}
div#outils_agenda div ul {
  list-style-type: none;
  margin-left: 10px;
  padding-left: 0;
}

div#outils_agenda div ul li {
  font-weight: normal;
  color: #888C8E;
  font-size: 1.15em;
  margin-bottom: 7px;
}

div#outils_agenda div ul li label span {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
}

div#outils_agenda div#mode_emploi p {
  margin: 10px 20px;
  color: #898c8f;
}

div#outils_agenda div#type_emifa h5   {  background-color: #E7222D; }
div#outils_agenda div#type_emifa h5 a {  color: #FADCDC; }

div#outils_agenda div#type_ecarc h5   {  background-color: #F49100;  }
div#outils_agenda div#type_ecarc h5 a {  color: #FFE4BB;  }

div#outils_agenda div#type_econf h5   {  background-color: #EDCE00; }
div#outils_agenda div#type_econf h5 a {  color: #ffffff; }


div#outils_agenda div#type_efest h5   {  background-color: #ADCB0B;  }
div#outils_agenda div#type_efest h5 a {  color: #F8FFC1;  }


div#outils_agenda div#type_egpu h5    {  background-color: #0E98D6; }
div#outils_agenda div#type_egpu h5 a  {  color: #C9ECFE; }

div#outils_agenda div#type_eperso h5  {  background-color: #4F3C97;  }
div#outils_agenda div#type_eperso h5 a{  color: #EAE7FC;  }


div#outils_agenda a.btn {
  padding: 5px 0;
  width: 100%;
}

div#agenda {
  padding-bottom: 200px;
  background-color: #E3E6E9;
  overflow: visible;
}

div#agenda div.blc_rdv a  {
  text-decoration: none;
  line-height: 1.35em;
  float: left;
}

div#agenda div.blc_rdv a span {
  margin-right: 4px;
  margin-top: 5px;
}

div#agenda div.blc_rdv a span.type  {
  font-weight: normal;
  font-size: 0.8em;
  margin: 0px;
}

div#agenda div.blc_rdv p a  {
  text-decoration: underline;
  float: none;
}

div#agenda div.blc_rdv ul.no_puce li a  {
  float: none;
  text-decoration: underline;
}

div#agenda div.blc_rdv ul.no_puce li a:hover  {
  text-decoration: none;
}

div.blc_comp_rdv {
  display: none;
  position: absolute;
  z-index: 1100;
  background-color: #edf0f3;
  padding : 0px;
  width: 350px;
  -moz-box-shadow: 1px 1px 11px #4a4a4a;
  -webkit-box-shadow: 1px 1px 11px #4a4a4a;
  box-shadow: 1px 1px 11px #4a4a4a;
}

div.blc_comp_rdv h5 {
  /*background-color: #d9dcdf;*/
  color: #ffffff;
  margin: 0;
  margin-bottom: 3px;
  padding: 7px 10px;
}

div.blc_comp_rdv h5 span{
  margin-right : 5px;
  padding : 0px;
  font-size: 0.9em;
}
div.blc_comp_rdv h6, div.blc_comp_rdv p  {
  margin: 5px;
  font-size: 0.9em;
  color: #434649;
}
div.blc_comp_rdv ul.action_rdv  {
  list-style-type: none;
  margin : 5px;
  padding: 0;
}

div.blc_comp_rdv ul.action_rdv li {
  margin: 2px 2px 0px 2px;
  padding-top: 0;
}

div.blc_comp_rdv ul.action_rdv li a  {
  display:block;
  float: none !important;
  background:url("../interface/pictos/fldb.png") no-repeat scroll 5px 12px #6b6e71;
  color:#FFFFFF;
  padding: 5px 5px 5px 15px;
  font-weight: bold;
  text-decoration:none;
}
div.blc_comp_rdv ul.action_rdv li a:hover {  background-color: #515151; }

div.blc_comp_rdv ul.action_rdv li a.favori  {
  background-color : #4f3c97;
  background-image: none;
  padding-left: 5px;
}
div.blc_comp_rdv ul.action_rdv li a.favori:hover {  background-color: #483187; }

div.blc_comp_rdv ul.action_rdv li a.favori span.pict_fav {
  position: relative;
  top: -1px;
}

div.blc_comp_rdv ul.action_rdv li a.favori span:last-child {
  position: relative;
  top:1px;
}
/* masquage mode degradé
body div div .favori, body div div .favoris  {
     display: none !important;
}
*/
/************************* Début pictos Agenda ***********************/

a.picto_proj, a.picto_pso,
a.picto_lmc,
a.picto_lmhc,
a.picto_cmc,
a.picto_cmhc,
a.picto_tvc,
a.picto_cde,
a.picto_fe,
a.picto_plein, a.picto_pepa, a.picto_ppd,
a.picto_trav, a.picto_avpr,
a.picto_conf,
a.picto_elimg, a.picto_makof, a.picto_wip,
a.picto_pdcou,
a.picto_midlg,
a.picto_recrut,
a.picto_reve,
a.picto_pitch,
a.picto_rprix,
a.picto_ceroff,
a.picto_cock,
a.picto_soir,
a.picto_dedi,
a.picto_expo,
a.picto_atel,
a.picto_concer,
a.picto_festoff,
a.picto_anim,
a.picto_rdvp,
a.picto_rco,
a.picto_evm,
a.picto_evtm,
a.picto_demor,
a.picto_mscre,
a.picto_focp,
a.picto_cfpres,
a.picto_pps,
a.picto_pse,
a.picto_sharew
{
  position: relative;
  width: 52px;
  height: 52px;
  display: inline-block;
  background: url(../interface/sprite_agenda.png) no-repeat 0 0;
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

a.picto_pps { background-position: -52px -208px;  }
a.picto_pse { background-position: -104px -312px;  }
a.picto_proj, a.picto_pso { background-position: -104px -104px;  }
a.picto_lmc, a.picto_lmhc  { background-position: -104px -104px;  }
a.picto_cmc, a.picto_cmhc  { background-position: -156px -104px;  }
a.picto_fe  { background-position: -52px -156px;  }
a.picto_tvc, a.picto_cde    { background-position: 0px -156px;  }
a.picto_plein, a.picto_pepa { background-position: -156px -208px;  }
a.picto_ppd  { background-position: -104px -104px; } /*-52px -364px;  }*/
a.picto_trav { background-position: -52px -208px;  }
a.picto_avpr { background-position: -104px -312px;  }
a.picto_conf { background-position: -52px -104px;  }
a.picto_elimg, a.picto_makof, a.picto_wip { background-position: 0px -208px;  }
a.picto_pdcou { background-position: -104px -156px;  }
a.picto_midlg { background-position: -156px -156px;  }
a.picto_recrut { background-position: -0px -416px;  }
a.picto_reve { background-position: -0px -104px;  }
a.picto_pitch { background-position: -156px -52px;  }
a.picto_rprix { background-position: -104px -52px;  }
a.picto_ceroff { background-position: -104px -208px;  }
a.picto_cock { background-position: 0px 0px;  }
a.picto_soir { background-position: -104px 0px;  }
a.picto_dedi { background-position: 0px -260px;  }
a.picto_expo { background-position: -52px -260px;  }
a.picto_atel { background-position: -104px -260px;  }
a.picto_concer { background-position: -104px -416px;  }
a.picto_festoff{ background-position: -52px -416px;  }
a.picto_anim { background-position: -156px -260px;  }
a.picto_rdvp { background-position: 0px -312px;  }
a.picto_rco { background-position: -52px 0px;  }  /* petit dej mifa*/
a.picto_evm, a.picto_evtm { background-position: 0px -52px;  }  /* mifa talks */
a.picto_demor { background-position: 0px -52px;  }
a.picto_sharew { background-position: -52px -312px;  }
a.picto_mscre { background-position: -156px -0px;  }
a.picto_focp { background-position: -52px -52px;  } /*territory focus */
a.picto_cfpres { background-position: -156px -312px;  }

/* reste : share width mes favoris proj carrefour CM XM */

.coul_proj h5, .coul_pso h5, .coul_lmc h5, .coul_lmhc h5,
.coul_cmc h5, .coul_cmhc h5, .coul_fe h5, .coul_tvc h5, .coul_cde h5, .coul_avpr h5, .coul_pse h5,
label.proj span, label.pso span, label.lmc span, label.lmhc span, label.cmc span, label.cmhc span, label.fe span, label.tvc span, label.cde span, label.avpr span , label.pse span  { background-color: #adcb0b;  }
.coul_epps h5, .coul_pps h5,
label.epps span , label.pps span { background-color: #536300;  }

.coul_plein h5, .coul_pepa h5, .coul_ppd h5, .coul_concer h5,
label.plein span, label.pepa span, label.ppd span, label.concer span { background-color: #124361;  }
.coul_etrav h5, .coul_trav h5, .coul_ceroff h5,
label.etrav span, label.trav span, label.ceroff span { background-color: #cee825;  }
.coul_conf h5, label.conf span { background-color: #fdcc35;  }
.coul_elimg h5, .coul_makof h5, .coul_wip h5,
label.elimg span, label.makof span, label.wip span { background-color: #788c04;  }
.coul_pdcou h5, label.pdcou span,
.coul_midlg h5, label.midlg span { background-color: #788c04;  }
.coul_reve h5, label.recrut span { background-color: #fabb5e;  }
.coul_reve h5, label.reve span { background-color: #cf7500;  }
.coul_pitch h5, label.pitch span { background-color: #f49100;  }
.coul_rprix h5, label.rprix span { background-color: #f49100;  }
.coul_recrut h5, label.rprix span { background-color: #f39e43;  } /*recruttement*/
.coul_soir-coc h5, label.soir-coc span, .coul_cock h5, label.cock span, .coul_soir h5, label.soir span { background-color: #c9081d;  }
.coul_dedi h5, label.dedi span { background-color: #19598a;  }
.coul_expo h5, label.expo span, .coul_festoff h5, label.festoff span { background-color: #1e81c0;  }
.coul_atel h5, label.atel span { background-color: #1faee0;  }
.coul_anim h5, label.anim span { background-color: #90d4f1;  }
.coul_rdvp h5, label.rdvp span, .coul_fav h5 span, label.fav span { background-color: #763c8c;  }
.coul_rco h5, label.rco span { background-color: #c9081d;  }
.coul_evtm h5, label.evtm span { background-color: #84132d;  }
.coul_mevt h5, label.mevt span, .coul_sharew h5, label.sharew span, .coul_demor h5, label.demor span, .coul_mscre h5, label.mscre span, .coul_focp h5, label.focp span { background-color: #86122d;  }
.coul_cfpres h5, label.cfpres span { background-color: #750c10;  }

a.lien_rdv span.evt_perso {
  position: absolute;
  bottom:0px;
  right: 0px;
  width: 17px;
  height: 17px;
  display: inline-block;
  background: url(../interface/sprite_agenda.png) no-repeat -35px -399px;
}
/************************** Fin pictos Agenda ************************/

div#outils_agenda h2 {
  background-color: #EDF0F3;
  color : #ACACB2;
  font: italic normal 400 2.3em/1em 'Source Sans Pro';
  box-shadow: 0px 0px 2px  rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  text-align: center;
  padding: 10px;
  display: block;
  margin: 0;
}
div#outils_agenda a#creer_evnt  {
  padding: 15px;
  width: 200px;
  margin-bottom: 10px;
  font-weight: bold;
}

/* En images */
div ul.cat_img {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

div ul.cat_img li {
  float: left;
  margin: 0 1% 1% 0;
  padding: 0;
  position: relative;
  width: 49.5%;
}

div ul.cat_img li:nth-child(even) {
  margin-right: 0;
}

ul.cat_img li a {
  width: 100%;
  position: relative;
  display: inline-block;
  margin: 0;
}

ul.cat_img li a img {
  width: 100%;
}

ul.cat_img li a span.txt_legende {
    background-color: #434649;
    bottom: 0;
    color: #FFFFFF;
    display: inline-block;
    font-size: 1.1em;
    left: 0;
    padding: 9px 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

ul.cat_img li a:hover span.txt_legende {  background-color: #4f3c97;  }
ul.cat_img li a:hover span.lien_video {    opacity: 1;  }

ul.cat_img li a span.lien_video {
    left: 35%;
    top: 25%;
}

/* ---- IFRAME responsive ---- */
.blc_iframe        {
    position: relative;
}

.blc_iframe .blc_iframe_img {
    display: block;
    width: 100%;
    height: auto;
}

.blc_iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ---- VIDEO ----*/

html body div div.blc_img_film {
  position: relative;
  padding: 0;
  min-height: auto;
}
.lien_video {
  display: block;
  background:  url("../interface/sprite_acy.png") 0 -500px;
  width: 120px;
  height: 120px;
  line-height: 999;
  left: 42%;
  position: absolute;
  top: 70px;
  width: 120px;
  opacity: 0.9;
}

.lien_play_video {
  position: absolute;
  background-color: #FFFFFF;
  width: 60px;
  height: 70px;
  padding: 15px 20px;
  top: 80px;
  display: none;
  border-radius: 50px;
  box-shadow: 0px 0px 2px  rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  opacity: 0.92;
  text-decoration: none;
  text-align: center;
}

.lien_play_video:hover {
  opacity: 1;
}

.lien_play_video.ext {
  left: 34%;
}

.lien_play_video.comp {
  left: 52.5%;
}

.lien_video:hover {
  opacity: 1;
}

.video_iframe {
  display: none;
}

/* ---- FOOTER ---- */
footer  {
  background-color: #ACAFB2;
  padding: 20px 0px;
  margin-top: 50px;
}

footer [class*="span"] {
  border-right: 1px solid #D9DCDF;
}

footer [class*="span"]:first-child {
  width: 170px;
  min-height: 150px;
  padding-right: 10px;
}

footer [class*="span"]:first-child p {
  font: normal normal 400 1.3em/1.25em 'Source Sans Pro';
  color: #D8DCDF;
  text-align: right;
  margin: 0;
}

footer [class*="span"]:last-child {  border-right: 0px;  }

footer [class*="span"]:nth-child(2) {
  width: 110px;
}

footer .liste_reseaux {
  width: 100px;
  float: right;
  margin-right: 10px;
  margin-top: 0px;
}

footer .liste_reseaux li, footer .liste_reseaux li:first-child {
  margin-left : 5px;
  margin-bottom: 5px;
}

footer .liste_reseaux li a {
  width: 45px;
  height: 45px;
}

footer .liste_reseaux .facebook {  background-position: -72px -51px; }
footer .liste_reseaux .twitter  {  background-position: -122px -51px; }
footer .liste_reseaux .youtube  {  background-position: -172px -51px; }
footer .liste_reseaux .dailymotion {  background-position: -222px -51px; }
footer .liste_reseaux .flickr   {  background-position: -222px -51px; }
footer .liste_reseaux .linkedin {  background-position: -272px -51px; }
footer .liste_reseaux .rss {  background-position: -322px -51px; }

footer .liste_reseaux .facebook:hover {  background-position: -72px -151px; }
footer .liste_reseaux .twitter:hover  {  background-position: -122px -151px; }
footer .liste_reseaux .youtube:hover  {  background-position: -172px -151px; }
footer .liste_reseaux .dailymotion:hover {  background-position: -222px -151px; }
footer .liste_reseaux .flickr:hover   {  background-position: -222px -151px; }
footer .liste_reseaux .linkedin:hover {  background-position: -272px -151px; }
footer .liste_reseaux .rss:hover      {  background-position: -322px -151px; }

footer h5 {
  color: #6B6D71;
  font: normal normal 600 1.53em/1.1em 'Source Sans Pro';
  margin: 0;
}

footer ul.menu  {
  list-style-type: none;
  padding-left: 0px;
  margin-top: 5px;
  margin-left: 0;
}

footer ul.menu li {
    margin-top: 2px;
    margin-left: -2px;
}
footer ul.menu a {
    color: #6B6C71;
    padding: 1% 2%;
    width: 98%;
    display: inline-block;
    text-decoration: none;
}

footer ul.menu a:hover {
    background-color: #EDF0F3;
    color: #6C6F71;
}

footer ul.menu.site a span {
  position: relative;
  top: 2px;
  left: 1px;
  margin-right: 5px;
  display: inline-block;
  width: 16px;
  height: 16px;
}

footer ul.menu.site a.citia span {    background-position: 0 -184px; }
footer ul.menu.site a.annecy span {    background-position: -16px -184px; }
footer ul.menu.site a.forumblanc span {    background-position: -32px -184px; }

/*
===============================
Sprite FLECHES
===============================
*/

.pict.fleche {
  background-image: url('../interface/sprite-fleches.png');
}

.pict.fleche.fine.w20.h40 {
  width: 20px;
  height: 40px;
}

.pict.fleche.fine.w40.h20 {
  width: 40px;
  height: 20px;
}

.pict.fleche.fine.blanc.w20.h40.gauche {
  background-position:    0px  -40px;
}

.pict.fleche.fine.blanc.w20.h40.droite {
  background-position:  -20px  -40px;
}

.pict.fleche.fine.blanc.w20.h40.haut {
  background-position:  -40px  -40px;
}

.pict.fleche.fine.blanc.w20.h40.bas {
  background-position:  -40px  -60px;
}

/*
===============================
Partages et commentaires
===============================
*/

/* Commentaires Facebook */
.comment_fb {
  background-color: #ffffff;
}

.comment_fb > h3 {
  margin-top: 0;
  padding-left: 1em;
}

/* Partages sur les réseaux sociaux */
div.partages {
  background-color: #ffffff;
  text-align: right;
  padding-right: 1em;
  height: 2em;
}

/* ==========================================================================
   Base CITIA v2  - Ajustements responsive
   ========================================================================== */

/* --------------------------------------------------------------- @media (min-width: 1200px) ---------------------------------------------------------*/
@media (min-width: 1200px) {

  #logo_site {
    width: 26%;
  }

  #menu_secondaire {
    width: 37%;
  }

  #menu_principal {
    width: 37%;
  }

  #menu_principal .nav_btn {
    display: none;
  }

  #menu_secondaire .col_form button {
    width: 190px;
    margin: 0px 20px 20px 0;
    padding: 10px;      
  }
  /* --- sous-menu --- */
  div#sous_menu .menu_n3 {  width: 1000px; }

  .blc.reseaux  {  padding: 20px; }
  .liste_reseaux li { margin-left : 10px; }
  .liste_reseaux li:first-child { margin-left : 0px; }

  .span4 .iframe_video {
    width: 390px;
    height: 219px;
    margin-top: 12px;
  }

  .suggestions .blc.visu {  width: 190px; }

  .elmt_cle { width: 60%; }
  .elmt_cle.large {  width: 80%; }
  .elmt_cle.etroit {  width: 30%; }

  #sommaire h4 {  right: 277px; }

  div.p_com>div.col1, div.p_com>div.col2 {width: 290px; }
  div.p_com div.col1 div:not([class*="elmt_cle"])>p { margin : 10px 20px; }

  div.p_com>div.col1 {
    min-height: 1000px;
    margin-left: 60px;
  }

  div.p_com div.col2 {
    min-height: 300px;
    right: 120px;
  }

  div.p_com>div.col1 a.btn ,  div.p_com>div.col2 a.btn {  margin-left: 20px;  }

  footer [class*="span"]:first-child {  width: 220px; }

  p.nom_generique input { width: 21.7%; }

  .une div.anythingControls { top: 222px; }

  .blc_acc .suggestions .blc.visu  { width: 189px;   }

  .espace_pub.horizontal ul li {  width: 728px; }
  .espace_pub.horizontal {  margin-left: 30px;  }
}

/* --------------------------------------------------- @media (min-width: 768px) and (max-width: 1199px) -----------------------------------------------*/

@media (min-width: 768px) and (max-width: 1199px) {

  #menu_principal ul li.li_n1 { width: 33%; }
  #menu_principal .nav_btn {  display: none;  }

  #menu_secondaire ul li.info_connexion.connecte {  text-align: center; }
  #menu_secondaire ul li.info_connexion { text-align: right;  }
}

/* --------------------------------------------------- @media (min-width: 980px) and (max-width: 1199px) -----------------------------------------------*/
@media (min-width: 980px) and (max-width: 1199px) {
  #logo_site {  width: 24%; }
  #menu_principal { width: 38%; }
  #menu_secondaire {  width: 38%; }
}

/* --------------------------------------------------- @media (min-width: 768px) and (max-width: 979px) -----------------------------------------------*/
@media (min-width: 768px) and (max-width: 979px) {

  #menu_principal ul li.li_n1 > a {
    padding: 31px 5%;
    width: 90%;
  }

  /* barre de menu */
  #logo_site {
    width: 24%;
  }

  #menu_principal {
    width: 37%;
  }

  #menu_secondaire {
    width: 39%;
  }

  div#sous_menu .menu_n3 {  width: 528px; }

  #logo_site a {
    text-indent: -999em;
  }

  .span4 .iframe_video {
    width: 246px;
    height: 138px;
    margin-top: 12px;
  }

  .liste_reseaux {
    width: 70%;
    margin: 10px auto;
  }

  div .elmt_cle ul li {
    font-size: 1.1em;
  }

  #sommaire h4 {  right: 160px; }

  .suggestions .blc.visu {  width: 118px; }

   ul.liste_films.speciaux li { height: auto;  }
   ul.liste_films.speciaux li>img {  max-width: 25%;  }
   ul.liste_films.speciaux li>a { top: 60%; }
   ul.liste_films.speciaux h4.date_simple {
    float: none;
    margin: 0 0 0 -10px;
    padding: 0;
  }

  footer [class*="span"]:first-child {  width: 110px; }

  p.nom_generique input {
    width: 20.7%;
  }

  .blc_acc .suggestions .blc.visu  { width: 117px;   }

  .espace_pub.horizontal ul li {  width: 500px; }
}

/* --------------------------------------------------------------- @media (max-width: 979px) ---------------------------------------------------------*/
@media (max-width: 979px) {
 

  body > .container { margin-top: 80px; }

  header {
    -webkit-box-shadow: 0 0 10px rgba(67, 70, 73, 0.5);
    -moz-box-shadow:    0 0 10px rgba(67, 70, 73, 0.5);
    box-shadow:         0 0 10px rgba(67, 70, 73, 0.5);
  }
  #logo_site {  width: 36%; }

  #menu_principal { width: 12%; }

  #menu_secondaire {  width: 52%; }

  #menu_secondaire > div {
    left: -20%;
    width: 115%;
  }
  #menu_principal ul {
    width: 845%;
  }

  #menu_principal ul li {
    background-color: #bfc2c5;
  }

  #menu_principal ul li a {  color: #ffffff;  }
  #menu_principal ul li a:hover,
  #menu_principal ul li a:active {
    background-color: #acafb2;
  }

  #menu_principal ul li.li_n1 > a.actif {
    background-color: #9c9ea1;
    color: #ffffff;
  }

  #menu_principal ul li.li_n1 a {
    height: 18px;
    padding: 31px 0;
    width: 100%;
  }

  #menu_principal ul {  display: none;  }

  #menu_principal button.nav_btn {  display: block; }

  #menu_secondaire ul li:first-child p {  margin: 0;  }

  div#sous_menu {
    width: 100%;
  }

  div#sous_menu .menu_n2 { background-color: transparent; }

  div#sous_menu .menu_n2, div#sous_menu .menu_n3 {
    left: 0px;
    position: relative;
    top: 0px;
    width: 100%;
  }
  div#sous_menu .menu_n2 .li_n2 > a {
    width: 100%;
  }

  div#sous_menu .menu_n2 .li_n2 > a span.btn_pict {
    right: 20px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  div#sous_menu .menu_n3 li {
    display: block;
    float: none;
    line-height: 0;
    margin: 0;
    width: 100%;
  }

  div#sous_menu .menu_n3 li a {
    background-color: #CFD2D5;
    border-bottom: 1px solid #E3E6E9;
    color: #FFFFFF;
    height: auto;
    padding: 15px 15px 15px 35px;
    position: relative;
    width: 100%;
  }

  div#sous_menu .menu_n3 li a img {
    display: none;
  }

  div#sous_menu .menu_n3 li a span {
    position: relative;
    width: auto;
    background-color: transparent;
    padding: 0;
    color: inherit;
    height: auto;
  }

  div#sous_menu .menu_n3 li a.active  {
      background-color: #EDF0F3;
  }

  #fil_ariane {display: none !important; }

  div#accroche {
    left: 0;
    width: 35%;
  }
  div.entete_acc ul {
    right: 0;
  }
  /* Actus */
  .blc.actu {
      background-color: #EDF0F3;
      box-shadow: none;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      -o-box-shadow: none;
      margin-top: 10px;
  }

  .blc.actu ul  {
    background-image: none;
  }
  .blc.actu ul li{
    border-bottom: 2px solid #e3e6e9;
    clear: both;
    min-height: 85px;
    background: url(../interface/picto_fldb.png) no-repeat 99.5% 49%;
    overflow: hidden;
  }

  .blc.actu ul li div {
    width: 40%;
    float: left;
    margin-right: 10px;
  }

  .blc.actu ul li div img: ;{
    margin-right: 5px;
    clear: both;
  }

  .blc.actu ul li h3  {
    margin-right: 15px;
    background: none;
    font-size: 1.23em;
    color: #434648;
    clear: right;
  }

   .blc.actu ul li p {
    color: #6b6e71;
   }

  .blc  {
    background-color: #FFFFFF;
    margin-top: 0px;
  }

  h1 {
    font-size: 2.7em;
    line-height: 1.7em;
    height: 65px;
  }

  h1 span.pict { top: 0; }

  #sommaire h4 {  right: 34%; }

  .blc.visu {
    float: left;
    width: 32.5%;
    margin-left:0.8%;
    margin-top: 10px;
    height: 145px;
    overflow: hidden;
  }

  .blc.visu img { width: 100%; }

  .blc.contact.unique>ul>li {
    width: 100%;
    margin-left: 0%;
    margin-bottom: 10px;
  }

  .blc.visu h3 {  font-size: 1.3em; }

  .suggestions h4 { 
    margin-top: 10px;
    text-align: left;
    padding: 10px;
    font-size: 1.7em;
  }

  .suggestions .blc.visu, .suggestions .blc.visu:nth-child(2n) {
    width: 24%;
    height: auto;
    margin-left: 0.8%;
    margin-bottom: 10px;
  }

   .blc_acc .suggestions {  
    width: 100%; 
    margin-left: 0;
  }

  .blc_acc .suggestions .blc.visu {
    width: 49%;
    height: 145px;
    margin-left: 2%;
  }

  .blc_acc .suggestions .blc.visu:nth-child(even) { margin-left: 0; }

  div.span4 div.sous_blc, div.span4:nth-child(even) div.sous_blc {  margin-left: 3%;  }

  ul.cat_img li a, ul.cat_img li a img {  width: 100%;  }

  div.col_form p.vide { display: none;  }
  div.col_form { padding-top: 0;  }

  ul.liste_films.speciaux li {  height: auto;  }
  ul.liste_films.speciaux li>img {  max-width: 30%;  }

  .blc.info.contact {
    margin-top: 10px;
  }

  div.p_com img.fond {  display: none;  }
  div.p_com > div.col1,  div.p_com div.col2 {
    width: 100%;
    margin-left: 0;
    min-height: 50px;
  }

  div.p_com div.col2 {
    position: relative;
    padding: 0;
  }

  footer {
    margin-top: 20px;
  }
  footer [class*="span"] {
    width: 100%;
    float: none;
    padding: 0 10px;
    min-height: 0;
    margin-bottom: 10px;
    clear: both;
  }

  footer [class*="span"]:first-child {  
    width: 100%; 
    min-height: 0;
  }
  footer [class*="span"]:first-child p {
    text-align: left;
  }

  footer [class*="span"]:nth-child(2) {
    width: 100%;
    min-height: 50px;
  }

  footer .liste_reseaux {
    float: none;
    width: 100%;
    margin: 0;
  }

  footer [class*="span"]:nth-child(n+3) {
    width: 24%;
    margin-left: 1%;
    clear: none;
    float: left;
    border-right-width: 0px;
    min-height: 220px;
  }

  p.nom_generique input {
    width: 21.8%;
  }

  .espace_pub  { display: none; }

  .reseaux #lettre { margin-bottom: 0;  }
}

/* --------------------------------------------------------------- @media (max-width: 600px) ---------------------------------------------------------*/
@media (max-width: 600px) {

  body>.container {  margin-top: 110px;  }

  p.nom_generique input {
    width: 20.8%;
  }

  /* barre de menu */
  #logo_site {
    float: none;
    height: 50px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
  }

  #logo_site:hover, #logo_site:active { background-color: #f5f7f9;  }
  #logo_site a {  background-position: 0 0; }

  #logo_site a:hover,
  #logo_site a:active,
  #logo_site:hover,
  #logo_site:active {
    background-position: 0 -50px;
    background-repeat: no-repeat;
  }

  #menu_principal, #menu_secondaire {
    margin-top: 50px;
  }

  #menu_principal button.nav_btn:hover,
  #menu_principal button.nav_btn:active {
    background-color: #E3E6E9;
    color: #6b6e71;
  }

  /* menu principal */
  #menu_principal {
    position: inherit;
    margin-left: 0px;
    width: 20%;
  }

  #menu_principal button.nav_btn {
    padding: 10px 10%;
    height: 60px;
    background-color: #d9dcdf;
    color: #898c8f;
  }

  #menu_principal button.nav_btn:hover,
  #menu_principal button.nav_btn:active {
    background-color: #d9dcdf;
    color: #6b6e71;
  }

  /* menu secondaire */
  #menu_secondaire {  width: 80%; }
  #menu_secondaire ul li { height: 60px;  }
  #menu_secondaire ul li a:hover, #menu_secondaire ul li.info_connexion:hover {background-color: #e3e6e9; }
  #menu_secondaire ul li:first-child p {  margin: 0 3%; }
  
  #menu_secondaire ul li > a.picto-lien { padding: 6px 0 9px 0; }

  #menu_secondaire ul li.info_connexion a.picto-lien {  width: 100%;  }
  #menu_secondaire > div { top: 60px; }
  /* connecté */
  #menu.connecte #menu_principal {  width: 17%; }
  #menu.connecte #menu_principal ul {  width: 571%;  }

  #menu.connecte #menu_secondaire { width: 83%; }
   
  #menu.connecte #menu_principal ul li.li_n1 a,
  .en #menu.connecte #menu_principal ul li.li_n1 a {
    height: 18px;
    padding-top: 31px;
    padding-bottom: 31px;
  }

  #menu_principal ul {  width: 500%;  }

  #menu_principal ul li.li_n1 a,
  .en #menu_principal ul li.li_n1 a {
    height: 18px;
    padding-top: 31px;
    padding-bottom: 31px;
  }

  div#accroche {
    width: 50%;
  }
  
  h1 {
    font-size: 2.1em;
    height: 45px;
    line-height: 1.5em;
  }

  h1 span span.pict {
    background-size: 200px;
    width: 40px;
    height: 40px;
  }

  .apropos      {   background-position:    0     0;    }
  .archive      {   background-position:  -40px   0;    }
  .enimages     {   background-position:  -80px   0;    }
  .accred       {   background-position: -120px   0;    }
  .fest         {   background-position: -160px   0;    }
   
  .mifa         {   background-position:    0   -40px;  }
  .conf         {   background-position:  -40px -40px;  }
  .focus        {   background-position:  -80px -40px;  }
  .condacces    {   background-position: -120px -40px;  }
  .inscript     {   background-position: -160px -40px;  }

  .benevoles    {   background-position:    0    -80px; }
  .etudiants    {   background-position:  -40px  -80px; }
  .infoprat     {   background-position:  -80px  -80px; }
  .agenda       {   background-position: -120px  -80px; }
  .press        {   background-position: -160px  -80px; }

  .part         {   background-position:    0   -120px; }
  .retd         {   background-position:  -40px -120px; }
  .network      {   background-position:  -80px -120px; }
  .billeterie   {   background-position: -120px -120px; }
  .locali       {   background-position: -160px -120px; }

  .rezo         {   background-position:   0    -160px; }
  .portefeu     {   background-position: -40px  -160px; }
  .cible        {   background-position:  -80px -160px; }
  .exposit      {   background-position: -120px -160px; }
  .dessin       {   background-position: -160px -160px; }

  .envelop      {   background-position:   0    -200px; }
  .carrefour    {   background-position:  -40px -200px; }
  .program      {   background-position:  -80px -200px; }
  .memploi      {   background-position: -120px -200px; }
  .annonceur    {   background-position: -160px -200px; }

  .faq          {   background-position:    0   -240px; }
  .interv       {   background-position:  -40px -240px; }
  .heberg       {   background-position:  -80px -240px; }
  .loupe        {   background-position: -120px -240px; }
  .pgfavoris    {   background-position: -160px -240px; }

  .documen      {   background-position:    0   -280px; }
  .editorial    {   background-position:  -40px -280px; }
  .acces        {   background-position:  -80px -280px; }  
  
  #sommaire {
    padding: 1em 2%;
  }
  #sommaire h4 {
    position: absolute;
    right: auto;
    top: 10px;
    margin: 0;
    padding: 0;
    color: #6B6C71;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    font-size: 1.7em;
  }

  #sommaire ol {
    float: none;
    margin: 25px 0 10px 0;
    width: 100%;
    min-height: 50px;
  }

  #sommaire ol li {
    margin-bottom: 0;
    padding-top: 2px;
  }

  .suggestions .blc.visu, .suggestions .blc.visu:nth-child(2n) {
    width: 48.5%;
    margin: 5px 0 5px 1%;
  } 


  /* Forumaires */
  div.col_form p label, div.col_form div label {
    text-align: left;
    width: 98.45%;
    padding-right: 0;
    padding-left: 1.55%;
  }

  div.col_form p label, div.col_form input ,
  #menu_secondaire .col_form p input[type="text"], 
  #menu_secondaire .col_form p input[type="password"] {
    width: 97%;
  }
  div.col_form .log_action  { text-align: left; }
  div.col_form .log_action p.choix label { width: 80%;  }

  .chp_obl { background-position: left center;  }

  footer [class*="span"]:nth-child(n+3) {
    width: 48%;
    margin-left: 2%;
  }

  .liste_reseaux li {
    float: none;
  }


  .blc.contact.unique > ul > li, ul.liste_ctc.unique > li {
    margin: 1% 0;
    width: 100%;
  }
}

/* --------------------------------------------------- @media (min-width: 480px) -----------------------------------------------*/

/*
@media (min-width: 480px) {

  div.transport:nth-child(odd) {
    margin-left: 4%;
    margin-right: 1%;
  }

  div.transport:nth-child(even) {
    margin-left: 1%;
    margin-right: 4%;
  }

}
*/

/* --------------------------------------------------- @media (min-width: 480px) and (max-width: 979px) -----------------------------------------------*/

/*

@media (min-width: 480px) and (max-width: 979px) {

  .blc.visu h3 {
    font-size: 1.3em;
  }

  .blc.visu h3 a {
    float: none;
    position: absolute;
    bottom: 1px;
    right: 1px;
  }

  .pub {  padding: 10px 5px }

  .span4 .iframe_video {
    height: 260px;
    margin-top: 12px;
    width: 100%;
  }

  div.p_com img.fond {  display: none;  }
  div.p_com > div.col1,  div.p_com div.col2 {
    width: 100%;
    margin-left: 0;
    min-height: auto;
  }

  div.p_com div.col2 {
    position: relative;
    padding: 0;
    border-radius: 0px;
  }

}

*/

/* **********************************Smartphone ********************************************/
@media (max-width: 480px) {

  .entete_acc {
    display: none;
  }

  .span2.mob_moitie  {
    width: 100%;
    float: left;
    margin-left:0%;
  }

  .blc.visu {
    height: 145px;
    overflow: hidden;
    float: none;
    width: 100%;
    margin-left:0%;
  }

  .blc.visu h3 {
    font-size: 1.3em;
  }

  .span4 .iframe_video {
      height: 180px;
      margin-top: 12px;
      width: 100%;
  }

  div.transport {
    margin: 0;
    width: 92%;
    background-color: transparent;
  }

  div.transport:nth-child(odd), div.transport:nth-child(even) {
    margin-left: 4%;
    margin-right: 4%;
  }

  ul.liste_films.categories li {
    width: 100%;
    float: none;
  }

  ul.liste_films.categories li:nth-child(odd) {
      margin-right: 0%;
  }

  ul.liste_films.speciaux li { height: auto;  }
  ul.liste_films.speciaux li>img {  display: none;  }
  ul.liste_films.speciaux li>a { top: 60%; }
  ul.liste_films.speciaux h2 {  height: auto; }
  ul.liste_films.speciaux h4.date_simple {
    float: none;
    margin: 0 0 0 -10px;
    padding: 0;
  }
  ul.liste_films.speciaux h2, ul.liste_films.speciaux li p {  margin-left: 10px;  }

  div#selecteur_rendu {
    width: 50%;
    left: 5%;
  }

  div ul.cat_img li {
    width: 100%;
    margin-right: 0;
  }

}


@media (max-width: 340px) {

/*
  .suggestions .blc.visu {    width: 100%; }
  .suggestions .blc.visu:nth-child(odd) { margin-left: 0; }
  .suggestions .blc.visu img {  width: 100%;  }

  #menu_principal ul li.li_n1:nth-child(2) a {
    height: 36px;
    padding-top: 22px;
    padding-bottom: 22px;
  }


  #menu.connecte #menu_secondaire ul li.info_connexion {
    margin: 1px 0;
  }

  #menu_secondaire .col_form input[type="text"],
  #menu_secondaire .col_form input[type="password"]  {
    width: 97%;
  }

  #menu_secondaire .col_form label[class!="choix"] {
    text-align: left;
    display: block;
    width: 100%;
    padding-left: 10px;
    background-position: left center;
  }

  ul.cat_img li a span.lien_video {
    left: 25%;
    top: 5%;
  }

  */
}


/* hack mnadot home 09/06/2014 */

div.entete_acc ul li a {
    background-color: #f7ce2a;
    color: #FFFFFF;
}

div.entete_acc ul li a.coul1 {
    background-color: #f7ce2a;
}

div.entete_acc ul li a.coul3 {
    background-color: #a98700;
}