/*
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */

/*

  Table des matières
  1. STYLES RESET
  2. STYLES GÉNÉRAUX
  3. MISES EN PAGE
    3.1 Piv
    3.2 Outils
    3.3 menu Langue
  4. CONTENU PRINCIPAL
    4.1 Menu
    4.2 Navigation principale (colonne de gauche)
    5. FOOTER - PIED DE PAGE
  5.1. Audiences
  6. Corrections IE6
  7. style Boite
  
*/
 
/* =============================================================================
   1. STYLES RESET  
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
 
/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%;  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height:100%;}

body {
  font-size: 0.8em; 
  background:url(../images/bg/bg2.jpg) no-repeat center top transparent;
  
}
body {
  background-position-x:center;
}


div#page { 
  /*width:960px;*/
  width:1059px;
  margin: 0 auto;
}
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/*html{ background:#8cbae3; background:url(../images/bg.jpg) no-repeat center top #FFFFFF; }
body{ margin:0 auto; padding:0; font-size:0.813em; font-family: Arial, sans-serif; line-height:1.2em; }*/


/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #b2cfe7; color: #000; text-shadow: none; }
::selection { background: #b2cfe7; color: #000; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #35659c; text-decoration:underline; }
a:visited { color: #356599; }
a:hover { color: #0066ee; text-decoration:none;}
a:focus { outline: thin dotted; text-decoration:underline;}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

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

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
ul li ul { margin: 0.1em 0 0.1em 0;}
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

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

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* =============================================================================
   2. STYLES GÉNÉRAUX  
   ========================================================================== */
   
select{ color:#000000;}

button img{ vertical-align:bottom;}

#page .ico-info{vertical-align:top; overflow:visible; margin:0; padding:0; position:relative; display:inline-block; width:22px; height:1em; }
#page .ico-info span{ cursor:pointer; background-image:url(../images/info.png); width:28px; height:28px; position:relative; margin-top:-6px; margin-left:-2px; margin-right:-6px; margin-bottom:-7px;}


/* =============================================================================
   3. MISES EN PAGE
   ========================================================================== */
   
/*   3.1 Piv   */


#page #outils {
    border-radius: 0 0 10px 10px;
    padding-bottom: 10px;
}

#piv{ 
  background:#fff; 
  overflow:hidden; 
  margin-left:18px; 
 /* width:925px; */
  width:1024px;

}
  #piv-logo{ margin:0px 0px 1px 12px; display:inline; float:left;}
 /* #piv ul{ font-size:0.846em; float:left; background:#039; text-align:right; width:695px; margin:64px 0 0; display:inline; padding: 2px 0px 2px 10px;}*/
#piv ul{ 
  font-size:0.846em; 
  float:left; 
  background:#039; 
  text-align:right; 
  /*width:695px; */
  width:771px;
  margin:66px 0 0; 
  display:inline; 
  padding: 2px 0px 2px 10px;
}

    #piv ul li{ display:inline; float:left; }
    #piv ul li.language{ float:right; }
    #piv ul a{ color:#fff; text-decoration:none; display:inline-block; margin:0 9px; }
    #piv ul a:hover, #piv ul a:focus, #piv ul a:active{ text-decoration:underline;}
#piv a img{
 /*width:212px;*/
 /*height:99px;*/
}

/*   3.2 Outils   */
  #outils{ 
  background:#fff;
  float:right; 
  margin:0px 17px 0 18px; 
  display:inline;
  /* width:925px; */
  width:1024px;
}
   #outils ul{ margin:0; padding:0; display:inline; overflow:hidden; float:right; margin-right:20px; padding-top: 7px;}
    #outils li{ display:inline; float:left;}
  

    #outils-taille button{ padding:0; margin:0; border:none; height:16px; background:transparent; cursor: pointer; }
    #outils-taille button:focus{ outline:thin dotted;}
    #outils-taille .dernier{ float:left; padding:0 0 0 16px; display:inline; margin:0; background:url(../images/separateur_outils.png) 6px bottom no-repeat;}

#outils-recherche{float:left; margin:0px 35px 0 724px; width:190px; display:inline; }

#outils-recherche label{ display: inline-block; height:42px;  vertical-align:middle; }
  #outils-recherche input{ color:#6b6f72; padding:0 0 0 0; vertical-align:middle; width:150px; font-size:0.846em; border:1px solid #5e6265;  box-shadow: inset 1px 1px 1px 0px #d3d3d3; height:1.636em; margin-right:0px;}
  a#bouton-recherche-principale{ display: block;padding-top: 1px; padding-bottom: 0px; vertical-align:middle; font-size:0.846em; border:1px solid #5e6265; box-shadow: inset 1px 1px 1px 0px #d3d3d3;   box-shadow:none; background:#5e6265; background: linear-gradient(top, #a6a7a9 0%,#5e6265 100%); /* W3C */ }

/*a#bouton-recherche-principale img{ width:1.636em; height:1.636em; width:1.436em\9; height:1.436em\9; }*/
a#bouton-recherche-principale img:hover {cursor:hand;}
  div.tx-indexedsearch-form { width:158px; float: left; position: relative;}
  div.tx-indexedsearch-form label { position:absolute; top: -10000px; width:1px; height:1px;}
  div.tx-indexedsearch-search-submit { width:20px; float: left; position: relative;}
  .tx-indexedsearch-info { position:absolute; top: -10000px; width:1px; height:1px;}
  
#nous-joindre{display:inline;float:left;overflow:hidden;width:925px; margin-left:18px; position:relative; z-index:1;}
.ecrivez_nous a { position:relative; float:right; 10px; z-index:2; margin-top:-60px; margin-right:98px; _margin-right:49px; display:block; background:url(../images/no-telephone-normal.jpg) 0 0 no-repeat; width:270px; height:44px;}
.ecrivez_nous a:hover, .ecrivez_nous a:focus {background:url(../images/no-telephone-hover.jpg) 0 0 no-repeat; position:relative; z-index:10; width:270px; height:44px; }

header{ clear:both;}

.Tx-Formhandler span  { display: block; float: left; padding-right: 8px; position: relative; text-align: right; width: 235px;}
.Tx-Formhandler span.obligatoire  { display:inline; width: auto; position:relative; float:none; padding-right:0px;}
.Tx-Formhandler span.rouge  { display:inline; width: auto; position:relative; float:none; padding-right:0px; color:red;}
.Tx-Formhandler input  { display:block; width: auto; position:relative;}
.Tx-Formhandler input#captcha_code { display:inline; vertical-align:top;}
.Tx-Formhandler form p  { margin: 0px 0px 3px 0px;}
.Tx-Formhandler img#captcha { margin: 0px 10px 0px 10px; width:130px;}

.bouton { background-color:#001657; padding:2px 10px 2px 10px; color:#ffffff;}
.bouton-style2 { margin-left: 243px; padding:5px 15px 5px 15px; font-size:1.2em;}
.bouton:hover, .bouton:focus  { background-color:#000000; color:#ffffff;}

/*   3.3 menu Langue   */
span#lang {
    position: absolute;
    text-align: right;
    margin-left: 918px;

  

}

span#lang ul li {
    display: inline;
    
}
span#lang ul li a ,span#lang ul li a:active, span#lang ul li a:visited {
    text-decoration: none;
    font-weight: bold;
  color: #039;
}
span#lang ul li:before{
  content: "|";
  margin: 0 8px;
}
span#lang ul li:first-child:before{
content: "";
}
/*************************************************************************/


/*************************************************************************/
  #titre{ line-height:14px; color:#fff; font-weight:bold; text-transform:uppercase; float:left; display:inline; margin:7px 0 7px 88px; padding:0;}

 #fil-ariane { color:#073e70; font-size:0.946em; clear:both; font-weight:bold; margin-bottom:10px; background:#fff;overflow:hidden; display:inline;}
    #fil-ariane li{ background:url(../images/pointeur-fil-ariane.gif) left center no-repeat; padding:0 5px 0 9px; float:left; display:inline; }
    #fil-ariane li:first-child{background:none; padding-left:0;}
    #fil-ariane a { text-decoration:none; font-weight:normal; }
    #fil-ariane a:hover, #outils-principal a:focus, #outils-principal a:active{ text-decoration:underline; }
  

/* =============================================================================
   4. CONTENU PRINCIPAL
   ========================================================================== */
   

#page #contenu-principal {
    border-radius: 10px 10px 0 0;
    margin-top: 10px;
    padding-top: 15px;
}   
   
#contenu-principal{ float:left; height:auto; width:1024px; display:inline; background:#fff;margin-left:18px}
  #contenu{ float:right; width:781px; display:inline; margin-right:20px; position:relative;}
  #col-menu{ float:left; width:206px; margin-top:5px; position:relative; z-index:4;}
  #binfos {position:relative; z-index:2;}
  
  

/*  4.1 Menu  */

  #col-menu ul{ font-size:0.846em; text-align:left; margin:0 0 1.3em 17px; list-style:none;}
 /* #col-menu a{ color:#fff; text-decoration:none;  }*/
  #col-menu a:hover, #rafinement-recherche a:focus, #rafinement-recherche a:active{ text-decoration:underline;}
  #col-menu h2{ margin:0 0 0.5em; color:#5b84a8;font-size:1.154em;}
  #col-menu h3 {color:#064f94;font-size:1em; margin:0.5em 0 0.3em; }

h1 {
    clear: both;
    color: #082c67;
    font-family: Georgia,Arial,Helvetica,sans-serif;
    font-size: 1.9em;
    font-weight: bold;
    line-height: 1.1em;
    margin: 0 0 0.4em;
    padding: 0.45em 0;
}

h2{  clear:both;
  color:#3d4a5f;
  font-family:Georgia,Arial,Helvetica,sans-serif;
  font-size:1.5em;
  font-weight:bold;
  line-height:1.1em;
  margin:0 0 0.6em;
}

h3{  clear:both;
  color:#000000;
  font-family:Georgia,Arial,Helvetica,sans-serif;
  font-size:1.2em;
  font-weight:bold;
  line-height:1.1em;
  margin:0 0 0.4em;
}

p {
  color:#000000;
  font-family:Arial,sans-serif;
  font-size:1.1em;    /* à verifier si 12.8px; ou 1.0em; */
  line-height:1.1em;
  margin:0.4em 0 0.8em;
}

table th h2{
  margin-bottom:0px;
  margin-top:0px;
  text-align: left;
  width:270px;
}

table td li{
  margin-bottom:5px;
}


/**************************** MENU *****************************************/

/* 4.2. Navigation principale (colonne de gauche)  */
  
ul.menu {
  display:block;
  font-weight:bold;
  list-style-type:none;
  margin: 0;
  padding: 0;
  position:relative;
}

ul.menu li {
  background:url("../images/bg-menu-sprite_pale.gif") 0 0 repeat-x #dddcdc\9;
  border-radius:3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border:none;
  border-top: 1px #ffffff solid\9;
  border-right: 2px #bfbfbf solid\9;
  border-bottom: 2px #bfbfbf solid\9;
  border-left: 1px #ffffff solid\9;
  box-shadow: 1px 1px 1px 1px #bfbfbf;
  color:#1b3b88;
  margin-bottom:7px;
  margin-bottom:4px\9;
  display:block;
  position:relative;
}

ul.menu li a {
  display:block;
  color:#3d4a5f;
  font-family: Georgia,Arial,Helvetica,sans-serif;
  font-size: 1em;
  padding:8px 18px;
  text-decoration: none;
}
  
ul.menu li.actif, ul.menu li.actif:hover {
  background:url("../images/bg-menu-sprite_bleu.jpg")  0 0 repeat-x #082c67;
  border:none;
  box-shadow: 1px 1px 1px 0px #bfbfbf;
  color:#FFFFFF;
  display:block;
  position:relative;
}

ul.menu li.actif{
  _margin-bottom: 4px;
  _padding-bottom:3px;
}

ul.menu li:hover{
  background:url("../images/bg-menu-sprite_gris.gif") 0 0 repeat-x #cacaca;
  border:none;
  border-top: 1px #ffffff solid\9;
  border-right: 2px #bfbfbf solid\9;
  border-bottom: 2px #bfbfbf solid\9;
  border-left: 1px #ffffff solid\9;
  box-shadow: 1px 1px 1px 0px #bfbfbf;
  display:block;
  position:relative;
}

ul.menu li:hover a{
  color:#001657; background:url("../images/fleche-menu.png") left center no-repeat;
  _background:url("../images/fleche-menu.gif") left center no-repeat;
  display:block;
  position:relative;
}

ul.menu li.actif a {
  color:#FFFFFF; background:url("../images/fleche-menu.png") left center no-repeat;
  _background:url("../images/fleche-menu.gif") left center no-repeat;
  box-shadow: 1px 1px 1px 0px #bfbfbf;
  display:block;
  position:relative;
}
 
ul.menu li.actif ul li {
  border:none;
  margin: 0 1px 0 -47px;
  margin: 0 0px 0 -47px\9;
}

ul.menu li.actif ul li a{
  background-image:none;
  background-color:#cacaca;
  box-shadow: 0px;
  color:#001657;
  display:block;
  font-size:1.2em;
  font-weight: normal;
  margin-bottom: -4px;
  position:relative;
  font-family:Arial,Helvetica,sans-serif;
}

ul.menu li.actif ul li.actif a{
  display:block;
  font-weight:bold;
  font-size:1.2em;
  text-decoration:underline;
  position:relative;
}

ul.menu li.actif ul li {
  _margin-bottom: -9px;
}
ul.menu li.actif ul {
    padding: 0px 0 0 30px;
}



/***********************************************  fin menu **************************************************/


/* =============================================================================
   5. FOOTER - PIED DE PAGE
   ========================================================================== */
div#piedPage {
  background-color:#ffffff;
  float:left;
  font-size:0.846em;
  margin-left:18px;
  _margin-left:9px;
  padding-top:40px;
  padding-bottom:20px;
  position:relative;
  text-align:center;
  width:1024px;
}

div#piedPage ul{
  margin:0;
  padding:0;
  text-align:center;
}

div#piedPage ul li{
  border-right:1px solid #D8D5D1;
  display:inline;
  padding-right:0.3em;
}

div#piedPage ul li.dernier{
  border-right:none;
}

div#piedPage ul a{
  color:#039;
  padding:3px;
  text-decoration:none;
}

div#piedPage ul a:hover, footer ul a:focus, footer ul a:active{
  text-decoration:underline;
}

div#piedPage p{
  padding:0px;margin:0px;
}

#page-derniere-modification{
  padding-bottom:5px;
}

  /* Arianne 2018-11-30 */
  span.MotsClesTitre{
    font-weight: bold;
  }

/* =============================================================================
   5.1. audiences - début
   ========================================================================== */
ul.audiences, ul.audiences li, ul.audiences ul, ul.audiences ul li{ background:none; margin:0; padding:0; }
ul.audiences{ width:100%; overflow:hidden; margin-bottom:1em;}
ul.audiences h3{ margin:0 0 0.2em 0; font-size:1.23em; color: #666666;}
ul.audiences ul.audiences-outils { width:100%; overflow:hidden; list-style: none outside none;}
ul.audiences .audiences-outils li{ float:left; margin-right:1em; }
ul.audiences .temoins{ margin-top:0.3em; background:url(../images/audiences-rond.gif) 0 top no-repeat;  width: 522px; overflow:hidden;}
ul.audiences .temoinsTitre{ color:white; font-size:1em; font-family:Arial, Helvetica, sans-serif; margin:2px 0 0 0; padding:0 3px 2px 3px; background:url(../images/audiences-rond.gif) -600px bottom no-repeat #666; width: 512px;}
ul.audiences .temoinsTitre button{ font-weight:bold; border:none; font-family:Arial, Helvetica, sans-serif; border:none; cursor:pointer; display:block;  color:white; display:inline; overflow:visible; }
ul.audiences .temoinsTitre button span{ display:block; line-height:1.5em; padding:0 0 0 24px; background:url(../images/audiences-ouvrir.gif) left 1px no-repeat; }
ul.audiences .temoinsContenu{ position:absolute; left:-10000px; color:white; background:#666; margin:0 0 4px 0; padding:0 15px; float:left; display:inline; width:488px }
ul.audiences .temoinsContenu p{ margin:0 0 0.3em;}
ul.audiences .temoinsContenu ul{ margin-top:0.2em; }
ul.audiences .temoinsContenu li{ margin:0 0 0.7em; line-height:1.2em; }

ul.audiences .temoins-ouvert .temoinsTitre{ background:url(../images/audiences-rond.gif) left top no-repeat #666; margin-top:0; padding:2px 3px 3px; width: 512px;}
ul.audiences .temoins-ouvert .temoinsTitre button span{ background-image:url(../images/audiences-fermer.gif); padding-bottom:2px; }
ul.audiences .temoins-ouvert .temoinsContenu{ position:inherit; left:auto;}
ul.audiences .temoins-ouvert{background:url(../images/audiences-rond.gif) -600px bottom no-repeat;}

ul.audiences-video-parties{ float:left; padding:0; margin:0; }
ul.audiences-video-parties li{ float:left; padding:0; margin:0; display:inline; margin-left:1em; background:none; }

.label-parties-video{ float:left; }
ul.audiences-outils li{ overflow:hidden; list-style:none; margin-bottom: 2px;}

.hors-champ {left: -999999em;position: absolute;}
.date-noWrap{white-space:nowrap}
.temoins button{background-color: #666666;}

/* =============================================================================
   5.1. audiences - fin
   ========================================================================== */

/* =============================================================================
   6. Corrections IE6
   ========================================================================== */
html.ie6 body #page .ico-info span{ background-image:url(../images/info-ie6.png); }



/* =============================================================================
   7. style Boite
   ========================================================================== */

.boite_grise{
  background-color: #f0f0f0; 
  padding: 0.5em;
}

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

#lecteurvideo_AVP_232 { margin:1.0em 0 1.0em 0;}

.tableau_icones { margin-bottom:10px; }
/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
  
   ========================================================================== */

@media only screen and (max-width: 480px) {
  body{ font-size:0.813em; }

    
  #outils-taille, #fil-ariane{ display:none !important;}
  div#total{ background:none;}
  #form-recherche-principal label{ border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
  #piv-logo{ margin:9px 0 0 0px;}
     
  #piv{ width:420px;}
  #piv ul{ margin:7px 0;width:480px;}
    
   

  html{ background:#fff;}
  body{background:none;width: 100%;}
  div#page{width: 100%;}
  #outils{width: 100%;}
  #outils-recherche {margin:0 35px 0 30px;}
  #contenu-principal{width: auto;}
  #contenu{clear:both;margin:20px 0 0; width: auto;}
  #col-menu{ clear:both; margin:20px 0 0; width: auto; margin-left: 0;}

  div#piedPage{clear: both; font-size: 0.846em; padding: 20px 0 30px 80px; text-align: center; width: auto;}
  div#contenu-principal-form {   max-width: 470px;}
  
  ul.audiences .temoinsTitre,
  ul.audiences .temoins {
    width:422px;
  }
 
}

#contenu_centre > div > div.temoinsentendu {
    width: 215px;
    border: 1px solid #ddd;
    padding: 5px 10px 10px 10px;
    margin: 10px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: 200px;
}
h3.ancre {
    color: rgb(28, 62, 111);
    border-bottom: thick solid rgb(28, 62, 111);
    padding: 30px 0px 10px 0px;
    margin: 0px 10px 10px 10px;
}