@charset "utf-8";
/*******************************************************************************  
  Liste des sections du CSS destiné aux extensions installées sur le site de base
  
    1. -> Taille de texte
    2. -> Texte hors écran
    7. -> Onglets
    8. -> Nouvelles
      8.1 -> Liste des Nouvelles
      8.2 -> Détail d'une nouvelle
    9. -> Foire aux questions
    11. -> Centre de documentation
        11.1 -> Filtres de documents
      11.2 -> Tri de documents
      11.3 -> Boutons
      11.4 -> Liste de documents
    12. -> Pagination Pagebrownse
    13 -> Abonnement à la liste de distribution
      13.1 -> Liste des abonnés
      13.2 -> Formulaire
    14. -> Boîte à suggestion
    15 -> Image de lien externe ou download
    16 -> Gabarits flexibles
      16.1 -> Gabarit 2 colonnes
    18 -> Lien vers menu pour accessibilité
  19 -> Audiences
       
*******************************************************************************/

/* 1. -> Taille de texte ____________________________________________________________*/

    body.grandTexte{
        font-size:0.9em;
    }
/*****************************************************************************/

/* 2. -> Texte hors écran ____________________________________________________________*/

    .hors_ecran { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/*****************************************************************************/

/* 7. -> Onglets ________________________________________________________________________*/

    .menuOnglets{ list-style-image:none; margin:0 0 -1px; position:relative; z-index:2; padding:0 0 0 5px; list-style:none;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; }
    .menuOnglets li{ border-bottom:1px solid #c0bebe; float:left; display:inline; margin:0 -1px 0 0 ; padding:0; list-style:none;}
    .menuOnglets a{ display:inline-block; padding-right:10px; background:url(../images/bg/onglets.png) right -300px no-repeat; text-decoration:none; color:#333;}
    .menuOnglets a:link, .menuOnglets a:visited, .menuOnglets a:hover, .menuOnglets a:active{ color:#333;}
    .menuOnglets span{display:block; padding:5px 1px 2px 8px; background:url(../images/bg/onglets.png) left -300px no-repeat;}
    .menuOnglets a:hover, .menuOnglets a:focus{ background-position: right -600px; }
    .menuOnglets a:hover span, .menuOnglets a:focus span{ background-position: left -600px; }
    .menuOnglets .actif{ border-bottom-color:#fff;}
    .menuOnglets .actif a, .menuOnglets .actif a:hover{ background-position: right 0; }
    .menuOnglets .actif a span, .menuOnglets .actif a:hover span{ background-position: left 0; }
/********************************************************************************/

/* 8. -> Nouvelles _______________________________________________________________________*/

  /* 8.1 -> Liste des Nouvelles */
    .listeNouvelles{ list-style-image:none; margin:0; padding:0; list-style:none; background:url(../images/separateur.png) bottom left repeat-x;}
    .listeNouvelles .date{ display:block; font-size:0.786em; font-weight:normal; }
    .listeNouvelles li{ padding:0.2em 0; }
    .listeNouvelles h3{ margin:0.2em 0; }
    .listeNouvelles h2{ font-size: 1.2em;}
    .listeNouvelles img{ float:left; margin: 0 10px 5px 0;}
  /* 8.2 -> Détail d'une nouvelle */
      .detailNouvelle img{ float:right; margin: 0 10px 5px 0;}
/********************************************************************************/

/* 9. -> Foire aux questions _____________________________________________________________ */

    .tirroirs{ list-style-image:none; margin:0; padding:0; list-style:none;}
    .tirroirs li h2{ font-size:1.383em; margin-top:0.4em; position:relative; z-index:4;}
    .tirroirs li{ margin:0 0 0.8em 0; padding:0 0 0.4em; background:url(../images/separateur.png) bottom left repeat-x; position:relative;}
    .tirroirs li li{ margin:0 0 0.8em; padding: 0; background:none; }
    .tirroirs .poignee a{ position:relative; text-decoration:none; padding-left:25px; display:inline-block; width:560px; z-index:2; overflow:auto;}
    .contenuPage2 .tirroirs .poignee a{width:380px;}
    .tirroirs div.tx-irfaq-dynans-visible{ padding-left:8px; display:block; height:auto; position:relative; width: 580px;}
    .contenuPage2 .tirroirs div.tx-irfaq-dynans-visible{width: 400px;}
    .tirroirs .fermer div{ display:none;}
    .tirroirs .fermer .poignee a{ background:url(../images/icone/tirroir_ouvrir.png) left top no-repeat;}
    .tirroirs .ouvert{}
    .tirroirs .ouvert .poignee a{ background:url(../images/icone/tirroir_fermer.png) left top no-repeat;}
    .tx-irfaq-pi1 li img {clear: left; border:none; position:absolute; width:16px; z-index:1;}
    .menuTirroirs{ list-style-image:none; line-height:1em; margin:0; padding:0; list-style:none; text-align:right;}
    .menuTirroirs li{ display:inline;}
    .menuTirroirs a{ color:#444; display:inline-block; padding:0 7px; border-left:1px solid #666; }
    .menuTirroirs .premier a{ border:none; }
/********************************************************************************/

/* 11. -> Centre de documentation _________________________________________________________*/

    /* 11.1 -> Filtres de documents */
    .filtres{ background:#CACACA; padding:8px 17px;}
   /* .filtres p{ float:left; margin:0 20px 0 0;}*/
    #temoinContainer{float:left; margin:0 20px 0 0;}
    #sujetContainer{float:left; margin:0 20px 0 0;}
    #containerFiltreSupplementaire{ /*margin:0 20px 0 0;*/ clear: left; display: block; position: relative;}
    .filtres select{ width:200px;}
    .filtres label{}
    /* 11.2 -> Tri de documents */
    .tri{ float:left; margin:0; padding:10px 2em 10px 0;}
    .tri a{ text-decoration:none; color:#444; cursor:default;}
  /* 11.3 -> Boutons */
    .boutonTriHaut b, .boutonTriBas b{ border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
    .boutonTriHaut, .boutonTriBas{ cursor:pointer;  margin-left:0.1em; vertical-align:middle; display:inline-block; width:17px; height:17px; background:url(../images/bg/tri.png) left top no-repeat;}
    .boutonTriBas{ background-position:right top;}
    .boutonTriHaut_actif{ background-position:left -50px;}
    .boutonTriBas_actif{ background-position:right -50px;}
  /* 11.4 -> Liste de documents */
    .listeDocuments{ border-top:1px solid #eae6e6; margin:0; padding:0; list-style:none; list-style-image: none; }
    .listeDocuments li{ min-height:40px; _height:35px; border-bottom:1px solid #eae6e6; padding:1.5em 0 1.5em 110px;}
    .listeDocuments .date{ display:block;}
    .listeDocuments img{ border:none; }
  
    .listeDocuments li.documentDoc{ background:url(../images/icone/doc.png) 30px bottom no-repeat;}
    .listeDocuments li.documentPdf{ background:url(../images/icone/pdf.png) 30px bottom no-repeat;}
    .listeDocuments li.documentWeb{ background:url(../images/icone/web.png) 30px bottom no-repeat;}

#linkFiltreSupplementaire {
    margin-top: 60px;
    display: block;
    background-repeat:no-repeat;
    background-position: right top;
    background-image: url('/fileadmin/templates/images/audiences-ouvrir.gif');
    *margin-top:10px;
}
#filtreSupplementaire div{
 margin-top:7px;
}
.appImage{
  position:absolute;
  margin:-50px 0px 0px -322px;
  border:1px #d5d5d5 solid;
  background:#ffffff;
  padding:2px;
}
.appImage img{
  display:block;
}
#linkFiltreSupplementaire{
  cursor:pointer;
  width:170px;
  padding-bottom:4px;
}

#linkFiltreSupplementaireFermer {
  position: absolute;
  top:-1000px;
  width:1px;
  height:1px;
  display:none;
}

#linkFiltreSupplementaireOuvrir {
  position: absolute;
  top:-1000px;
  width:1px;
  height:1px;
  display:block;
}

.linkFiltreSupplementaireBkgOff{
  background:url("/fileadmin/templates/images/audiences-ouvrir.gif") no-repeat right 0,5px;
}

.linkFiltreSupplementaireBkgOn{
  background:url("/fileadmin/templates/images/audiences-fermer.gif") no-repeat right 0,5px;
}
fieldset{
  border:1px #d5d5d5 solid;
  padding:5px;
}
#containerFiltreSupplementaire{
  /*border:1px #d5d5d5 solid;
  margin:8px;
  padding:5px;*/
}
#radioDate1, #radioDate2, #radioDate0{
  margin-right:5px;
}
.miniatureAppImage{
  /*border:1px #d5d5d5 solid;*/
    cursor: pointer;
    margin-left: -111px;
    margin-right: 10px;
    padding: 2px;
    position: absolute;
    height:77px;
    overflow:hidden;
  margin-top: -17px;
}
.miniatureAppImage img{
  display:block;
}

#sujetContainer{
  float: left;
}

/********************************************************************************/

/* 12 -> Pagination Pagebrownse ______________________________________________________*/

    .pagination{font-size:1.091em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic; float:right; margin:0; padding:0; list-style:none;}
    .pagination li{ float:left; padding:0 2px; display:inline;}
    .pagination a{ color:#444; text-decoration:none; display:block; padding:2px 2px;}
    .pagination a:hover, .pagination a:active, .pagination a:focus{ text-decoration:underline;}
    .pagination .actif a{ color:#2f7082; font-weight:bold; }
/********************************************************************************/

/* 13 -> Abonnement à la liste de distribution_________________________________________ */

    /* 13.1 -> Liste des abonnés */
    .abonnement_liste span{ border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
    .abonnement_liste{ display:block; background:url(../images/aboonement_liste.png) left top no-repeat; width:178px; height:44px;}
    .abonnement_liste:hover, .abonnement_liste:focus{ background-position:left -44px;}
  /* 13.2 -> Formulaire */
    #Abonnement label{ display:inline-block; width:5em;}
    #tt_address_form_categories label{ margin-left:0.5em; vertical-align:top}
    .entree_erreur {font-weight:bold; margin-bottom:0.625em; padding-left:7px;}
    #erreur{ padding:0.5em 0 0; border:2px solid #D00; background: #ffefef; color:#c00; margin:0.5em 0;}
    #erreur_javascript{ display:none; padding:0.5em 0 0; border:2px solid #D00; background: #ffefef; color:#c00; margin:0.5em 0;}
    legend { position:absolute; top:-2000px;}
    fieldset { border:none;}
    ul.liste-checkbox {list-style-type: none; list-style-image: none;}
    ul.liste-checkbox li input {border:none;}
/********************************************************************************/

/* 14 -> Boîte à suggestion ___________________________________________________________*/

    .boite_suggestion span{ border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
    .boite_suggestion{ display:block; background:url(../images/btn_suggestions.png) left top no-repeat; width:178px; height:44px; margin-left: 26px;}
    .boite_suggestion:hover, .boite_suggestion:focus{ background-position:left -44px;}
    #suggestion label {display:inline-block;width:6em;}
  
/********************************************************************************/

/* 15 -> Image de lien externe ou download _______________________________________________*/

  a.lien-externe img, a.lien-externe-anglais img, a.download img, a.download-anglais{margin-left: 3px; margin-right: 2px; border: none;}
/********************************************************************************/

/* 16 -> Gabarits flexibles_______________________________________________________________*/

  /* 16.1 - Gabarit 2 colonnes */
  .colonne1, .colonne2{ float:left; width:48%; margin-left:4%; display:inline;}
  .colonne1{ margin-left:0; }
/********************************************************************************/

/* 18 -> Lien vers menu pour accessibilité ______________________________________________*/

  #menuAccessibilite{ margin:5px 20px 5px 250px; }
  #menuAccessibilite a, #menuAccessibilite a:visited{ color:#fff; position:absolute; width:1px; height:1px; top:-100px;}
  #menuAccessibilite a:focus{color:#039; outline:1px dotted #036; position:absolute; width:auto; height:auto; top:auto;}
/********************************************************************************/

/* 19 ->  Audiences ______________________________________________*/
ul.audiences .temoinsContenu p {
     color: white;
  
}
.audiences-outils {
float: left;
margin-top: 0;
width: 670px;
padding: 15px;
background-color: #cacaca;
  color:#001657;
}

.audiences-outils {
float: left;
margin-top: 0;
width: 670px;
padding: 15px;
background-color: #cacaca;
  color:#001657;
}

.audiences-langues {
  margin-top: 0;
  margin-bottom:0px;
  width: 670px;
  padding: 15px 15px 30px 15px;
  background-color: #cacaca;
  color:#001657;
  list-style-type: none;
}

.audiences-langues li {
  float:left;
  margin-right: 10px;
}

ul.audiences ul.audiences-outils li a {
margin-right:6px;
}

.bottom-video {
  display:table-row;
  width:700px;
  font-weight:bold;
  color:#001657;
}

.wrap-bottom-video{
  display:table;
  width:700px;
  behavior: url(/fileadmin/templates/styles/display-table.htc);
}

.bottom-video a{
  font-weight:normal;
  color:#001657;
}

.audiences-outils li{
  float:left;
}

.audiences-outils li.groupe-parties-video{
  font-weight:bold;
}

.audiences-outils li.groupe-parties-video a{
  font-weight:normal;
  color:#001657;
}

.audiences-outils li.transcription{
  float:right;
}
.audiences-outils li.transcription a{
  color:#001657;
  margin-left:6px;
}
.bottom-video .label,
.bottom-video .previous,
.bottom-video .retour,
.bottom-video .next{
  display:table-cell;
}

.bottom-video .label{
  width:20%;
  text-align:center;
}

.bottom-video .previous{
 width:25%;
}

.bottom-video .retour{
 width:30%;
  text-align:center;
}

.bottom-video .next{
  width:25%;
  text-align:right;
}

.bottom-video .next a{
  padding-right:22px;
  line-height:20px;
  background: url(../images/fl-dr.png) no-repeat right;
  display:block;
}

.bottom-video .previous a{
  padding-left:22px;
  line-height:20px;
  background: url(../images/flga.png) no-repeat left;
  display:block;
}


div.tx-cspqaudiences h2
 {
    color: rgb(28, 62, 111);
    font-size: 15px;
    position: relative;
    right: 665px;
    text-align: right;
    top: 25px;
}


#contenu_centre ul.audiences {
    border-left: thick solid rgb(28, 62, 111);
    margin-left: 125px;
    padding-left: 10px;
}
ul.audiences {
    margin-bottom: 1em;
    overflow: hidden;
    width: 100%;
}
ul.audiences, ul.audiences li, ul.audiences ul, ul.audiences ul li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin: 0;
    padding: 0;
}

#contenu_centre ul.audiences li {
    list-style-type: none;
    margin-bottom: 15px;
}
ul.audiences, ul.audiences li, ul.audiences ul, ul.audiences ul li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin: 0;
    padding: 0;
}

.hautdepagedroit {
    margin-top: -30px;
    position: relative;
    right: 50px;
    text-align: right;
}

#c1910  {
   margin-top: 14px;
}

.month-menu a,
#c527 a, #c711 a, #c1550 a, #c1551 a, #c1552 a {
    border-bottom: thick solid rgb(141, 158, 182);
    color: black;
    display: inline-block;
    margin: 10px 12px;
    padding: 5px 6px;
    text-align: center;
    text-decoration: none;
    width: 60px;
}

/* Liaison audiences - centre documentaire */
.liaisonDocumentAudiencesListe {
  margin:20px;
}

.liaisonDocumentAudiencesListe .titre {
  font-weight: bold;
  font-size: 1em;
}

.liaisonDocumentAudiencesListe .liste {
  padding: 5px 0px 0px 24px!important;
  margin: 0px!important;
}

.liaisonDocumentAudiencesListe .liste li {
  list-style-type: disc!important;
  margin-bottom: 0px!important;
  padding: 0px;
  min-height: 0px;
  border-bottom: none;
}
#htmlPlayer video {
    max-width: 700px;
}