/* wwwwwwwwww ACCUEIL wwwwwwwwwww */
#bandeauPromo {
  width:940px;
  margin:0 auto;
}
#CentreGauche { /* Page d'accueil */
  width:300px;
  float:left;
  padding-bottom:5px;
  border-bottom:2px solid #f5f5f5;
}
#CentreDroite { /* Page d'accueil */
  width:300px;
  float:right;
  padding-bottom:5px;
  border-bottom:2px solid #f5f5f5;
}
#BoutonBas {
  position:absolute;
  bottom:0px;
  right:0px;
  z-index:100;
}
#BoutonBas  img {
  border:0;
}
.Accueil #CentreGauche a:link, .Accueil #CentreGauche a:visited,
.Accueil #CentreDroite a:link, .Accueil #CentreDroite a:visited {
  text-decoration:none;
}
.Accueil #CentreGauche a:hover, .Accueil #CentreDroite a:hover,
.Accueil #CentreGauche a:focus, .Accueil #CentreDroite a:focus {
  text-decoration:underline;
}
/* XXXXXXX Col Centre Accueil XXXXXXX */
#ColCentre h2.Accueil {
  padding:4px 2px 3px 10px;
  font-size:1.1em;
  color:#fff;
  background-color:#666c70;
  margin-bottom:5px;
  margin-top:0
}
#ColCentre h2.Accueil a:link, #ColCentre h2.Accueil a:visited {
  color:#fff;
}
#ColCentre p.Accueil {
  padding:5px 10px;
  color:#666;
  min-height:30px;
}
p.Ligne1 {
  background-color:#f5f5f5;
}
#ColCentre p.ToutNews {
  text-align:right;
  font-size:.92em;
  margin:0;
}
/* COL DROITE ACCUEIL */
#Droite_Accueil {
  margin-bottom:10px
}
#Droite_Accueil img {
  margin:1px 8px 1px 0;
  border:0
}
#Droite_Accueil a:last-child img {
  margin-right:0;
}
.blocImage {
  text-align:center;
  margin-top: 71px;
}
.blocImage img {
  border:0;
  margin-bottom:10px;
}
/* XXXXX MISE EN VALEUR  = petits carres horizontaux + soulignement XXXXX */
#MiseEnValeur { /* voir IE 7*/
  margin-bottom:10px;
  position:relative;
}
#MiseEnValeur img { /* voir IE 7*/
  border:0;
}
#MiseEnValeur div.Mise-Num {
  display:block;
  position:absolute;
  right:2px;
  bottom:0;
  text-align:right;
  margin-top:-5px;
}
#MiseEnValeur div.Mise-Num a:link, #MiseEnValeur div.Mise-Num a:visited {
  display:block;
  float:left;
  background-color:#333;
  color:#fff;
  padding:2px 5px;
  margin-right:5px;
  margin-bottom:5px;
  font-size:.6em;
  text-decoration:none;
  border: 1px solid #fff;
  text-align:center;
}
#MiseEnValeur div.Mise-Num a:hover, #MiseEnValeur div.Mise-Num a:focus, #MiseEnValeur div.Mise-Num span {
  display:block;
  float:left;
  background-color:#fff;
  color:#333;
  border:1px solid #000;
  padding:2px 5px;
  margin-right:5px;
  margin-bottom:5px;
  font-size:.6em;
  text-align:center;
}
#Bas_Accueil {
  overflow:hidden;
  width: 100%;
  margin-bottom:10px;
}
#ColCentre #Bas_Accueil h2 {
  background-color:#e5e8e9;
  padding:2px 2px 1px 10px;
  font-size:.96em;
}
#Bas_Accueil img {
  border:none;
}
#Bas_Accueil a:link {
  margin-right: 7px;
  margin-left: 7px;
}
/* WWWW Diaporama ContentFlow WWWW */
.Vignette {
  text-align:center;
  padding-top:8px;
}
.Vignette h1 {
  text-align:left;
  font-size:1.24em;
}
.Vignette img {
  max-width:600px;
  max-height:600px;
  margin:10px
}
.Vignette p {
  padding:5px 14px;
  text-align:left;
  font-family:arial;
}
.Vignette a:link, .Vignette a:visited {
  color:#3a697e;
  text-decoration: underline;
}
.Vignette a:hover, .Vignette a:focus {
  text-decoration: none;
}
/* WWW FONDATION WWW */
h1.FondationH1 {
  color:#f0f0f0;
  height:46px;
  padding:40px 0 0 400px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  background-image: url("/images/contenu/A_propos/fondation/Fondation_ImageTop-1.jpg");
  background-repeat: no-repeat;
  background-position: left top;
  background-color:#333;
  margin-bottom:0;
  line-height:1em;
}
h1.FondationH1 span {
  /* font-size:0;*/
  display:block;
  position:absolute;
  top:-5000px;
  left:-5000px;
}
.SousTitreComplement {
  text-transform:uppercase;
  font-size:1.2em;
}
#ColCentre h2.fbanqCategorie {clear:both}
#ColCentre h2.fbanqCategorie:first-child  {clear:none}
.fbanqDoc {overflow:hidden;width:372px;margin:5px 5px 10px 0;float:left;margin-bottom:10px;}
.fbanqDoc:hover {background-color:#fafafa;padding:5px 0;margin:0 5px 5px 0;}
.fbanqCompteur {float:left;width:28px;vertical-align:middle;font-weight:bold;padding-top:3px}
.fbanqDoc img {float:left;margin:0 5px;width:78px}
.fbanqDoc h3 {margin-top:-7px}
.fbanqNoImg {height:124px;width:73px;background-color:#ddd;padding:5px 2px;float:left;margin:0 5px;text-align:center;font-size:.92em}
.fbanqDetails {margin-top:12px;}
.fbanqMontant {font-weight:bold;}
.fbanqMontant span  {width:46px;display:inline-block;font-weight:normal;}
.fbanqMontant p {margin-left:110px;}
.fbanqMontant p+p {margin-left:160px;}
.fbanqMontant p+p label {margin:0 5px;}
.fbanqMontant input[type=checkbox] {margin:0 3px}
.fbanqMontant input[type=text] {width:80px;}
.fbanqDonateur,.fbanqDetails {margin-left:114px;}
#conf_oui, #conf_non {margin:0 5px 0 8px}
#exlibris input[type=text] {width:444px;}
.typeSubmit {display:inline-block;margin:10px;padding:5px 14px;color:#fff;background-color:#394B57;border:1px solid #394B57;font-weight:bold;cursor:pointer;}
.typeReset {display:inline-block;margin:10px;padding:5px 14px;color:#394B57;background-color:#fff;border:1px solid #394B57;font-weight:bold;cursor:pointer;}
.typeSubmit:hover , .typeReset:hover {color:#394B57;background-color:#e2e2e2;}
#exlibris label {margin-left:5px}
.highslide-body {padding:5px 10px;}
.fbanqPopup{min-height:345px;}
.fbanqPopup p, .fbanqPopup h3 {margin:5px 5px 10px 260px;}
.fbanqPopupNoImg p, .fbanqPopupNoImg h3  {margin:5px 5px 10px 5px;}
.fbanqPopup img {float:left;width:240px;}
#popup_content .LigneEntete {color:#fff;background-color:#31424a;font-weight:bold;}
#popup_content .LigneResults span {float:left;}
#popup_content .spTitre {width:82%;}
#popup_content .spMontant {width:10%;text-align:center;}
#popup_content .LigneResults {margin:2px 5%;padding:5px;width:90%;overflow:hidden;}
#popup_content .LigneResults span:first-child {width:6%;margin-right:7px;}
#popup_content .LigneTotal .spTitre {text-align:right;}
#popup_content p {margin-top:0;padding:5px 10px}
.disabled {
  opacity : 0.5;
  -moz-opacity : 0.5;
  -ms-filter: "alpha(opacity=50)"; /* IE 8 */
  filter : alpha(opacity=50); /* IE < 8 */
}
.disabled:hover {
  opacity : 1;
  -moz-opacity : 1;
  -ms-filter: "alpha(opacity=100)"; /* IE 8 */
  filter : alpha(opacity=100); /* IE < 8 */
}
/* WWWW Salle de presse WWWW */
/* Salle de presse (col droite) */
#logos_facebook_twitter {
    margin-bottom:10px;
    padding-top: 40px;
}
#logos_facebook_twitter img {
  margin:0px 0px 0px 0px;
  border:0;
}
#logos_facebook_twitter_commun {
    margin-bottom:0px;
    text-align: right;
    padding-top: 40px;
}
#logos_facebook_twitter_commun img {
  margin:0px 0px 0px 0px;
  border:1px;
}
/* Salle de presse (partie centrale) */
#ColCentre div#logos_facebook_twitter_commun {
  position:absolute;
  top:0px;
  right:1px;
}
.sp-date {
  float: left;
  width: 90px;
  overflow:hidden;
  margin: 15px 3px 13px 3px;
  color: #878787;
  font-size: 0.95em;
 text-align: right;
}
.sp-communique-detail {
  padding-top:12px;
}
.sp-communique-detail div {}
.sp-communique-detail div div {
  margin: 0 5px;
  border-left:none;
  padding-left: 0;
}
.sp-communique-detail  p.sp-date {
  width:100%;
  float:none;
  margin-top:7px;
  color:#757575;
 text-align: left;
}
#ColCentre .sp-communique-detail h2 {
  background-color:#fff;
  border:0;
  color:#287ca3;
}
.sp-communique {
  margin: 15px 3px 3px 105px;
  /*border-left: 2px solid #ccc;*/
  border-left: 1px solid  #e7e7e7;
  padding-left: 5px;
  padding-top: 0;
}
.sp-communique a {
  font-weight: bold;
}
#sp_publications {
    border:1px solid #A3ADB3;
  margin-bottom:10px;
  margin-top: 10px;
}
#sp_publications  h2 {
  color:#FFF;
  background-color:#A3ABB1;
  font-size: 0.8em;
  padding:5px;
}
#sp_publications  p {
  font-size: .9em;  
  padding: 2px 2px 8px 5px;      
}
#sp_publications a:link, #sp_publications a:visited {
  display:block;  
  font-size: .82em;
  text-decoration:none;
  padding: 5px;        
  text-decoration: underline;
}
/* col droite: boite saviez-vous + boite photos */
.sp_capsule {
  border:1px solid #E7E7E7;
  margin-bottom:10px;
  margin-top: 10px;
}
.sp_capsule  h2 {
  color:#000;
  font-size: 0.95em;
  padding:5px 5px 1px 5px;
}
.sp_capsule  p {
  font-size: .78em;
  color: #777;  
  padding: 2px 2px 8px 5px;      
}
#sp_photos {
  overflow:hidden;
}
#sp_photos div.conteneur {
    width: 600px;
}
#sp_photos div.boite_gauche {
    float: left;
    width: 200px;
    height: 200px;
}
#sp_photos div.boite_droite {
    float: right;
    width: 200px;
    height: 200px;
}
#sp_photos div.boite_centre {
    float: left;
    width: 200px;
    height: 200px;
}
#sp_photos div.boite_photo {
    float: left;
    width: 33%;
    height:200px;
}
.boite_photo img {
    border: 2px solid gray;
}
#sp_photos div.boite_photo p.legende {
   font-size: 0.84em;
   width: 170px;
}
#sp_photos div.boite_photo p.legende a {
    text-decoration: none;
    color: #000;
}
.date_photos_index {
   font-size: 0.84em;
}
.date_photos_sous_titre {
   font-size: 1.0em;
   margin-top:-15px;
   margin-bottom: 10px;
}
/* WWW Barre de temps WWW */
#BarreTemps {
  background-image: url("/images/interface09/fond_BarreTemps.gif");
  background-repeat: repeat-x;
  background-position: left bottom;
  border-left: 1px solid #e3e4e3;
  width:100%; /* Voir Correctif IE7 */
  overflow:hidden;
}
#ColCentre #BarreTemps ul {  
  margin-left:0;
}
#BarreTemps li {  
  list-style-type:none;
  float:left;
}
#ColCentre #BarreTemps li a:link, #ColCentre #BarreTemps li a:visited {
  text-decoration:none;
  color:#878787;
  font-weight:bold;
  display:block;
  padding:7px 8px 5px 8px;
  border-right: 1px solid #e3e4e3;
}
#ColCentre #BarreTemps li a:hover, #ColCentre #BarreTemps li a:focus,
#ColCentre #BarreTemps li.active a:link, #ColCentre #BarreTemps li.active a:visited {
  color:#000;
  border-bottom: 1px solid #fff;
}
/*  XXXXXXX Fil d'ariane XXXXXXX */
.Accueil #fildariane {
  display:none;
}
#fildariane {
  padding-bottom:7px;
  color:#666;
}
#ColCentre > #fildariane { /* Automatique */
  font-size:0.8em;
}
#ColCentre > div > #fildariane { /* Faux - ex: Bibliographie */
 font-size:0.92em;
}
#fildariane ul {
  list-style-type:none;
  margin-left:8px;
}
.LargeG #fildariane ul {
  margin-left:-1px;
}
#fildariane li {
  display:inline;
  padding-right:2px;
}
#fildariane a:link, #fildariane a:visited {
  text-decoration:none;
  background-image: url("/images/interface09/ariane_puce.gif");
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-right:10px;
}
.Apropos #fildariane a:link,.Apropos  #fildariane a:visited {
  color:#3a697e;
}
.Services #fildariane a:link,.Services  #fildariane a:visited {
  color:#b46b82;
}
.Collections #fildariane a:link,.Collections  #fildariane a:visited {
  color:#d1852e;
}
.Activites #fildariane a:link,.Activites  #fildariane a:visited {
  color:#80688e;
}
.Ressources #fildariane a:link,.Ressources  #fildariane a:visited {
  color:#7fb755;
}
#ColCentre #fildariane a:hover, #ColCentre #fildariane a:focus {
  text-decoration:underline;
}
/* XXXXX Presentation Conferencier XXXXX */
.FicheConference {
  margin-bottom:20px;
  width:100%;
  overflow:hidden;
  border-bottom:2px solid #ddd;
  padding-bottom:10px;
  background-color:#f9f9f9;
}
.FicheConference p {
  margin-left:160px;
  text-align:left;
}
.FicheConference .ImgGauche {
  margin-top:5px;
  width:150px;
}
.FicheConference .ImgGauche img {
  margin-left:5px
}
#ColCentre .FicheConference .ImgGauche p {
  color:#202020;
  font-size:1em;
}
#ColCentre .FicheConference .ImgGauche p.legendephoto {
  font-size:.84em;
}
/* XXXXX Services parents - En vitrine XXXXX */
.Vitrine .ImgGauche {
  width:200px;
  padding-left:40px
}
/* XXXXX Page d'Accueil - Espace Professionnel XXXXX */
.EspacePro .doubleCol2 {
  margin:5px 0;
  width:49%;
}
#ColCentre .Intro-Actu h2 {
  margin-right:-10px
}
.EspacePro .doubleCol2 div {
  margin-right:5px;
}
.EspacePro .doubleCol2 h2 div {
  margin-right:0;
}
#ColCentre .EspacePro .doubleCol2 div h2 {
  font-size:1em;
  padding:10px;
  background-color:#f7f7f7;
  border:1px solid #e7e7e7
}
.Intro-QdN, .Intro-Decouvrir {
  padding-right:5px;
}
#ColCentre .Intro-QdN p {
  margin:0;
  padding:0 5px;
  font-weight:bold;
  font-size:.92em;
}
#ColCentre .Intro-QdN p.QdN-date {
  margin-top:15px;
  margin-bottom:1px
}
#ColCentre .Intro-QdN p.AlignDroite {
  margin-top:10px;
  font-weight:normal;
}
.Complement {
  display:block;
  margin-bottom:10px;
  font-weight:normal;
  color:#adadad
}
#ColCentre .Intro-Actu span a:link, #ColCentre .Intro-Actu span a:visited {
  color:#339649;
}
#ColCentre .EspacePro img {
  border:none;
}
.EspacePro .triplcol{
  margin-top:14px;
  margin-right:4px;
  padding:0 4px 5px 0;
  border-right:1px solid #e7e7e7;
  min-height:210px;
}
.EspacePro .triplcol.sansborder {
  border-right:none;
}
#ColCentre .EspacePro .triplcol h2 {
  font-size:1em;
  padding:10px;
  background-color:#f7f7f7;
  border:1px solid #e7e7e7;
  margin-top:0;
}
#ColCentre .EspacePro .triplcol .Intro-QdN h2 {
  margin-right:-5px
}
#ColCentre .EspacePro .triplcol ul {
  margin-left:18px;
  list-style-type:square;
  color:#a52139;
}
#ColCentre .EspacePro .triplcol li {
  margin-top:6px;
}
/* RNQ - Ressources numeriques quebecoises */
#ColCentre .RNQ h2 {
  font-size:1.2em;
  padding:7px;
  margin-right:10px;
  background-color:#f7f7f7;
  border:1px solid #e7e7e7;
}
#ColCentre .RNQ .doubleCol2 {
  font-size:.92em;
}
.RNQ a {
  font-size:1.02em;
}
.RNQ .IconeEnligne {
  vertical-align:top;
}
/* XXXXXXX Genealogie : Instrument de recherche XXXXXXX */
#menu_intru_gene {
  background-color:#f1f1fe;
  padding:4px;
  float:right;
  margin:2px;
  border: 1px solid #069;
}
#menu_intru_gene a:link, #menu_intru_gene a:visited   {
  text-decoration:none;
  font-weight:bold;
}
/* XXXXXXX Expositions XXXXXXX */
.Acti_desc {
  padding:5px;
}
.Acti_desc img {
  float:left;
  padding:2px 7px 2px 0;
}
#ExpoCalend span {
  display:block;
}
#ExpoCalend span img {
  height:60px;
  float:left;
  padding:2px 7px 2px 0;
}
.liste-expo {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #006;
}
.liste-expo img{
  float:left;
  margin-top:4px;
}
#ColCentre .liste-expo p {
  margin-left: 50px;
}
#ColCentre .RLpage {
  text-align: right;
  font-size: 0.85em;
  color: #000;
  vertical-align: bottom;
  margin-top: 3px;
}
/* XXXXXXX Styles pour les COMMUNIQUES XXXXXXX - A Supprimer? */
.communique {
  margin-bottom:10px;
  width:100%;
}
#ColCentre p.date {
  background-image: url("/images/fle_bleu.gif");
  background-repeat: no-repeat;
  background-position: left 3px;
  font-weight:bold;
  padding-left:14px;
  padding-bottom:0;
  margin-bottom:0;
}
#ColCentre div.communique p {
  padding-top:0;
  margin-top:1px;
  padding-left:14px;
}
/* XXXXXXX BALADOFIFFUSION  XXXXXXX */
#ColCentre div.Balado {
  margin-bottom:8px;
  clear:both;
}
#ColCentre div.Balado2 {
  margin-bottom:0;
  padding:0;
}
#ColCentre div.BaladoImg {
  float:left;
  width:66px;
}
#ColCentre div.BaladoImg2 {
  float:left;
  width:27px;
  margin:2px 0 0 0;
}
#ColCentre p.BaladoTitre {
  font-style: italic;
  font-weight: bold;
}
#ColCentre p.BaladoTitre2 {
  margin-top:-4px;
  margin-bottom:0;
}
#ColCentre p.BaladoTitre2 a:link, #ColCentre p.BaladoTitre2 a:visited,
#ColCentre p.BaladoTitre2 a:hover, #ColCentre p.BaladoTitre2 a:focus, #ColCentre p.BaladoTitre2 a:active {
  font-weight: bold;
}
#ColCentre p.BaladoTexte {
  margin-top:0;
}
#ColCentre div.BaladoDiv {
  margin-bottom:15px;
  margin-left:60px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #ccc;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ccc;
}
#ColCentre div.BaladoDiv2 {
  margin-bottom:15px;
  margin-left:0;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #ccc;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ccc;
}
.cachediv {
  visibility: hidden;
  overflow: hidden;
  height: 1px;
  margin-top: -1px;
  position: relative;
}
#ColCentre div.BaladoNew {
  border-right-style: solid;
  border-right-width:thin;
  border-right-color:#ccc;
  margin-right:10px;
  padding:0 4px 2px 2px;
  width:300px;
}
#ColCentre div.BaladoCat {
  background-color:#fff;
  margin-right:10px;
  padding:4px 4px 2px 2px;
  background-image: url("/images/contenu/Ressources_en_ligne/baladodiffusion/onglet-fond.gif");
  background-repeat: repeat-x;
  background-position: left top;
  min-width:420px;
}
#ColCentre div.Balado_nav_Cat{
  padding-left:5px;
}
#ColCentre div.Balado_nav_Cat a:link, #ColCentre div.Balado_nav_Cat a:visited {
  display:block;
  float:left;
  margin-left:1px;
  padding-top:5px;
  font-weight: bold;
  color: #7a7a7a;
  text-decoration: none;
  text-align: center;
  height: 27px;
}
#ColCentre div.Balado_nav_Cat a.Off140:link, #ColCentre div.Balado_nav_Cat a.Off140:visited {  
  background-image: url("/images/contenu/Ressources_en_ligne/baladodiffusion/onglet-off_Balado140.gif");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width:140px;
}
#ColCentre div.Balado_nav_Cat a.Off100:link, #ColCentre div.Balado_nav_Cat a.Off100:visited {  
  background-image: url("/images/contenu/Ressources_en_ligne/baladodiffusion/onglet-off_Balado100.gif");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width:100px;
}
#ColCentre div.Balado_nav_Cat a.Off170:link, #ColCentre div.Balado_nav_Cat a.Off170:visited {
  background-image: url("/images/contenu/Ressources_en_ligne/baladodiffusion/onglet-off_Balado170.gif");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width:170px;
}
#ColCentre div.Balado_nav_Cat a.On140:link, #ColCentre div.Balado_nav_Cat a.On140:visited,
#ColCentre div.Balado_nav_Cat a.On140:hover, #ColCentre div.Balado_nav_Cat a.On140:focus, #ColCentre div.Balado_nav_Cat a.On140:active,
#ColCentre div.Balado_nav_Cat a.Off140:hover, #ColCentre div.Balado_nav_Cat a.Off140:focus, #ColCentre div.Balado_nav_Cat a.Off140:active {
  background-image: url("/images/contenu/Ressources_en_ligne/baladodiffusion/onglet-on_Balado140.gif");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width:140px;
  color:#3064af;
}
#ColCentre div.Balado_nav_Cat a.On100:link, #ColCentre div.Balado_nav_Cat a.On100:visited,
#ColCentre div.Balado_nav_Cat a.On100:hover, #ColCentre div.Balado_nav_Cat a.On100:focus, #ColCentre div.Balado_nav_Cat a.On100:active,
#ColCentre div.Balado_nav_Cat a.Off100:hover, #ColCentre div.Balado_nav_Cat a.Off100:focus, #ColCentre div.Balado_nav_Cat a.Off100:active {
  background-image: url("/images/contenu/Ressources_en_ligne/baladodiffusion/onglet-on_Balado100.gif");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width:100px;
  color:#3064af;
}
#ColCentre div.Balado_nav_Cat a.On170:link, #ColCentre div.Balado_nav_Cat a.On170:visited,
#ColCentre div.Balado_nav_Cat a.On170:hover, #ColCentre div.Balado_nav_Cat a.On170:focus, #ColCentre div.Balado_nav_Cat a.On170:active,
#ColCentre div.Balado_nav_Cat a.Off170:hover, #ColCentre div.Balado_nav_Cat a.Off170:focus, #ColCentre div.Balado_nav_Cat a.Off170:active {  
  background-image: url("/images/contenu/Ressources_en_ligne/baladodiffusion/onglet-on_Balado170.gif");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width:170px;
  color:#3064af;
}
#ColCentre div.Balado_arch{
  padding-left:5px;
}
#ColCentre div.Balado_nav_arch a.On80:link, #ColCentre div.Balado_nav_arch a.On80:visited {
  display:block;
  float:left;
  margin-left:1px;
  padding-top:5px;
  font-weight: bold;
  color: #7a7a7a;
  text-decoration: none;
  text-align: center;
  height: 27px;
  background-image: url("/images/contenu/Ressources_en_ligne/baladodiffusion/onglet-off_Balado80.gif");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width:80px;
}
#ColCentre div.Balado_nav_arch a.On80:hover, #ColCentre div.Balado_nav_arch a.On80:focus, #ColCentre div.Balado_nav_arch a.On80:active {
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  background-image: url("/images/contenu/Ressources_en_ligne/baladodiffusion/onglet-on_Balado80.gif");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color:#3064af;
}
#ColCentre div.Balado_nav_arch a.Encours:link, #ColCentre div.Balado_nav_arch a.Encours:visited,
#ColCentre div.Balado_nav_arch a.Encours:hover, #ColCentre div.Balado_nav_arch a.Encours:focus, #ColCentre div.Balado_nav_arch a.Encours:active {
  display:block;
  float:left;
  margin-left:1px;
  padding-top:5px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  background-image: url("/images/contenu/Ressources_en_ligne/baladodiffusion/onglet-on_Balado80.gif");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color:#3064af;
  width:80px;
  height:27px;
}
#ColCentre div.BaladoDiv3 {
  background-color:#e4eaf2;
  margin-right:10px;
  padding:0 4px 2px 2px;
  border: 1px solid #ccc;
  position: relative;
}
#ColCentre div.BaladoDiv3 img.baladimg{
  margin:5px 5px 3px 0;
}
#ColCentre img.RssIc {
  border:0;
  vertical-align:middle;
  margin-top:-3px;
}
#ColCentre div.lienrss {
  background-color:#e4eaf2;
  padding:4px;
  border: 1px solid #ccc;
  clear:both;
}
#ColCentre div.lienrss img.BaladoImgDroite {
  clear:both;
  float:right;
  text-align:center;
}
#ColCentre div.LienRss2 {
  background-color:#e4eaf2;
  padding:2px 4px;
  border: 1px solid #ccc;
  position:relative;
  margin-right:220px;
}
#ColCentre div.LienRss2 img {
  position:absolute;
  top:2px;
  right:2px;
}
#ColCentre div.LienRss2 p {
  padding-right:88px;
}
#ColCentre span.format {
  background-color:#fff;
  border-style:solid;
  border-width:thin;
  border-color: #ff8306;
  font-size:10px;
  padding: 0 2px 0 2px;
}
#ColCentre span.format a:link, #ColCentre span.format a:active, #ColCentre span.format a:visited {
  font-size:1em;
  font-weight: bold;
  color: #ff8306;
  text-decoration:none;
  text-transform:uppercase;
}
#ColCentre div.BaladoNew img.BaladoImg, #ColCentre div.BaladoNew2 img.BaladoImg  {
  float:left;
  margin-right:10px;
  padding:5px;
}
#ColCentre div.BaladoNew img.BaladoImgDroite {
  float:right;
  margin-left:10px;
  padding:5px;
}
#BaladoCentreGauche {
  float:left;
  width:300px;
}
#BaladoCentreDroite {
  float:left;
  width:300px;
}
p.OuvFerm {
  text-align:right;
}
#ColCentre p.OuvFerm a:link, #ColCentre p.OuvFerm a:visited {
  color:#3064af;
  font-weight:bold;
}
#ColCentre p.OuvFerm a:hover, #ColCentre p.OuvFerm a:focus, #ColCentre p.OuvFerm a:active {
  color:#3064af;
  font-weight:bold;
  text-decoration:none;
}
.balado_legende { /* Ne s affiche pas sous IE6 et IE7 */
  max-width:118px;
  text-align:center;
}
/* sous-Menu Balado Genre et Serie */
.Balado-sousmenu {
  margin-top:8px;
  font-weight:bold;
}
.BaladoSMArchives{
  margin-left:5px;
}
.BaladoSMGenre{
  margin-left:107px;
}
.BaladoSMserie {
  margin-left:208px;
}
#ColCentre  div.Balado-sousmenu a:link,#ColCentre  div.Balado-sousmenu a:visited {
  text-decoration:none;
  padding: 2px 4px 2px 4px;
  color:#666;
  white-space:nowrap;
}
#ColCentre div.Balado-sousmenu a:hover, #ColCentre div.Balado-sousmenu a:focus, #ColCentre div.Balado-sousmenu a:active {
  text-decoration:none;
  color:#000000;
}
#ColCentre div.Balado-sousmenu a.OnSM:link,#ColCentre  div.Balado-sousmenu a.OnSM:visited {
  text-decoration:none;
  color:#1464b5;
}
#ColCentre div.Balado-sousmenu a.OnSM:hover, #ColCentre div.Balado-sousmenu a.OnSM:focus,
#ColCentre div.Balado-sousmenu a.OnSM:active {
  text-decoration:none;
  color:#666;
}
/* Balado 2014 */
.Baladodiffusion .ImgDroite img {max-width:220px;}
.Baladodiffusion .ImgDroite {max-width:240px;margin-bottom:10px;margin-left:5px}
#ColCentre .Baladodiffusion .ImgDroite p {margin-left:-5px}
/* XXXXXXX Nouvelles nouvelles XXXXXXX */
/* Col gauche */
.Apropos .GlobalForm .sousTitreMenu {
  background-color:#374a54;
  color:#fff;
  font-size:1em;
  padding:4px 8px 4px 4px;
  margin:0 -10px 12px -10px;
  text-align:left;
}
.navholder.GlobalForm {
  font-size:.84em;
  background-color:#fdfdfd;
  border:1px solid #374a54;
  padding:0 10px 3px 10px;
  margin:10px 0 20px 0;
  text-align:center;
}
.navholder.GlobalForm p {
  margin:4px;
  text-align:left;
}
.navholder.GlobalForm p.nowrap {
  text-align:center;
  margin:4px 0;
}
.navholder input#motcle, .navholder select#sel_type, .navholder select#sel_categorie {
  width:128px;
}
.navholder .BlocBouton {
  margin:10px 8px;
  text-align:right;
}
 .navholder .BlocBouton .Bouton {
  font-size:.92em;
  border:1px solid #374a54;
  background-color:#cbcbcb;
}
 .navholder .BlocBouton .Bouton:hover {
  border:1px solid #374a54;
  background-color:#f4f4f4;
}
 .navholder input.datepicker {
  width:80px; /* Correction pour Linux */
}
/* Col Centre */
#wrap_nouvelles {
  margin-top:20px;
}
#ColCentre .conteneur_nouvelle_liste a:link, #ColCentre .conteneur_nouvelle_liste a:visited {
  font-weight:bold;
}
#ColCentre .conteneur_nouvelle_liste a:hover, #ColCentre .conteneur_nouvelle_liste a:focus{
  color:#777;
}
.nouvelle_resume p {
  font-size:.92em;
}
.date_publiee {
  font-size:.84em;
  text-align:right;
  color:#666
}
.conteneur_nouvelle_liste .date_publiee {
  width:224px;
  float:right;
}
.conteneur_nouvelle .date_publiee {
  margin:0 0 -10px 0;
}
.conteneur_nouvelle h1 {
  color:#3a697e;
}
#Boite_twitter_facebook {
        width: 130px;
        border: 0px solid #CCC;
  padding: 35px 0px 0px 0px;
}
#Boite_twitter_facebook p {
margin:15px 0 5px 0;}
.pager-XdeX {
  text-align:center;
}
.pager-nouvelles {
  text-align:center;
}
/* XXXXXXX Tableau Calendrier XXXXXXX */
#ColCentre .TabCalendrier {
  width:100%;
  margin:5px 0;
  border-bottom:1px solid #e6e1e8;
}
#ColCentre .TabCalendrier th {
  text-align:left;
  color:#80688e;
  background-color:#e6e1e8;
  padding:5px;
  border-right:1px solid #fff;
  border-bottom:1px solid #fff;
}
#ColCentre .TabCalendrier tr.Select td {
  text-align:right;
}
#ColCentre .TabCalendrier td select {
  background-color:#f4eef6;
  color:#80688e;
  border:1px solid #e6e1e8;
  font-weight:bold;
  font-size:0.84em;
}
#ColCentre .TabCalendrier td {
  color:#666;
  font-size:0.92em;
  vertical-align:top;
  padding:5px;
}
#ColCentre .TabCalendrier td a:link,#ColCentre .TabCalendrier td a:visited {
  color:#666;
}
#ColCentre .TabCalendrier tr.Ligne1 {
  background-color:#e7e7e7;
}
#ColCentre .TabCalendrier tr:hover, #ColCentre .TabCalendrier tr:focus {
  background-color:#f4eef6;
}
#ColCentre .TabCalendrier tr.Select:hover, #ColCentre .TabCalendrier tr.Select:focus {
  background-color:#fff;
}
#ColCentre .TabCalendrier tr.AucunEnr {
  text-align:center;
}
span.Nouveaute {
  display:block;
  color:#d98000;
  font-weight:bold;
}
.Pager {
  color:#000;
  font-weight:bold;
}
#ColCentre .Pager a:link, #ColCentre .Pager a:visited {
  color:#666;  
  text-decoration:underline;
  font-size:0.92em;
}
#ColCentre .Pager a:hover, #ColCentre .Pager a:focus {
  color:#000;  
}
/* XXXXXXX Bloc Calendrier XXXXXXX */
#ModuleCalendrier {
  text-align:center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
}
table.TableExterneCalendrier {
 /* width:100%;*/
  text-align:center;
  padding:0;
  margin:0;
  background-color:#f4f4f4;
  border-collapse : collapse;
}
table.TableInterneCalendrier {
  width:100%;
  padding:0;
  margin:0;
  text-align:center;
  border-collapse : collapse;
 }
td.JourSemaine {
  text-align:center;
}
#ModuleCalendrier a.lejour:link, #ModuleCalendrier  a.lejour:visited {
  display:block;
  font-size: 0.9em;
  text-decoration:none;
  color:#000;
  background-color:#dadada;
  border: 1px solid #b2b2b2;
  padding:3px 3px;
}
#ModuleCalendrier a.lejour:hover, #ModuleCalendrier a.lejour:focus {
  color: #fff;
  text-decoration:none;
  border: 1px solid #f1cf89;
  background-color: #80688e;
}
.CalHighlight {
  width:100%;
  border-collapse : collapse;
}
.CalHighlight td {
  text-align:center;
        font-weight:bold;
}
#ModuleCalendrier .CalHighlight a.lejour:link, #ModuleCalendrier .CalHighlight a.lejour:visited {
  color:#fff;
  background-color: #d98000;
}
#ModuleCalendrier .CalHighlight a.lejour:hover, #ModuleCalendrier .CalHighlight a.lejour:focus {
  color:#fff;
  background-color: #80688e;
}
#ModuleCalendrier a.lejour:active {
  background:#d98000;
  color:#80688e;
}
#ModuleCalendrier a.lemois:link, #ModuleCalendrier a.lemois:visited {
  text-decoration:none;
  font-size: .92em;
  font-weight: bold;
  background-color:#e6e1e8;
  display:block;
  padding-bottom:2px;
  padding-top:2px;
  color:#000;
}
#ModuleCalendrier a.lemois:hover, #ModuleCalendrier a.lemois:focus {
  background:#d98000;
  text-decoration:none;
  color:#f1cf89;
}
/* XXXXXXX BD Revues Journaux via Apex XXXXXXX */
#ColCentre .RJBD_legende {
  text-align:right;
  font-size:0.75em;
  color:#666;
}
#ColCentre .RJBD_legende img {
  vertical-align:middle;
}
#ColCentre .RJBD_legende2 {
  text-align:right;
  font-size:0.84em;
  color:#535353;
  font-weight:bold;
  padding:8px;
  border-bottom:1px dotted #ccc;
}
#ColCentre .RJBD_legende2 img {
  vertical-align:middle;
  margin-left:10px;
  margin-right:4px;
}
#ColCentre .RJBD_icone {
  width:110px;
  float:right;
  padding:3px 0;
}
#ColCentre .RJBD_icone img{
  margin:0 5px;
}
#ColCentre .RJBD_Ressources {
  overflow:hidden;
  width: 100% ;
  border-bottom:1px dotted #ccc;
}
#ColCentre .RJBD_Ressources img {
  border:0;
  vertical-align:middle;
}
#ColCentre .RJBD_Ressources a img:hover, #ColCentre .RJBD_Ressources a img:focus {
  background-color:#e5f1dd;
}
#ColCentre .RJBD_Ressourcedetail {
  padding-left:50px;
  background-color:#f7f7fa;
  font-size:.92em;
  border-bottom:1px dotted #ccc;
}
#ColCentre .RJBD_Ressourcedetail a:link, #ColCentre .RJBD_Ressourcedetail a:visited {
  font-weight:bold;
  float:right;
  margin: 7px 7px 3px 3px;
  text-decoration:none;
}
#ColCentre .RJBD_Ressourcedetail img {
  border:0;
}
#ColCentre .bgboiteCentrale {
  margin-top:10px;
}
#ColCentre .RJBD_form {
  background-color:#e5f1dd;
}
#ColCentre .RJBD_form p {
  background-color:#e5f1dd;
  padding: 3px 5px;
  font-size:0.92em;
  font-weight:bold;
  color:#535353;
  border-top: 1px solid #ccc;
}
#ColCentre .RJBD_form select {
  margin:5px;
  color:#666
}
#ColGauche .RJBD_alpha {
  overflow:hidden;
  width:100%;
  background-color:#fff;
  padding-top:5px;
  padding-left:12px;
}
#ColGauche .RJBD_alpha a:link, #ColGauche .RJBD_alpha a:visited {
  display:block;
  float:left;
  width:25px;
  text-align:center;
  padding:4px;
  text-decoration:none;
  font-weight:bold;
  color: #869e00;
}
#ColGauche .RJBD_alpha a:hover, #ColGauche .RJBD_alpha a:focus {
  background-color: #869e00;
  color:#fff;
}
#Journauxliste {
  font-size: .92em;
  width:94%;
  margin-left:auto;
  margin-right:auto;
}
#Journauxliste td {
  border-bottom:1px dotted #ccc;
}
#Journauxliste .RLpage {
  font-size: 1em;
}
a.consultation_distance {
  background-image:url("/images/interface09/rjbd/adistance_mini.gif");
  background-repeat:no-repeat;
  background-position:center right;
  padding-right: 20px;
  margin-right: 2px;  
}
/* XXXXXXX ICONOGRAPHIE - CAROUSSEL IMAGES XXXXXXX */
span.legendeCaroussel {
  font-weight: normal;
  font-size: 0.9em;
}
/* XXXXXXX Calendrier des Activites Culturelles XXXXXXX
.CalendActiLieu {
  color:#f00;
  font-weight:bold;
  background-color:#fff;
}
.CalendActiVisiteGuid {
  color:#099;
  font-weight:bold;
}
.CalendActiAtelier {
  color:#f90;
  font-weight:bold;
}
.CalendActiCinema {
  color:#660099;
  font-weight:bold;
}
.CalendActiLecture {
  color:#660;
  font-weight:bold;
}
.CalendActiEmploi {
  color:#36f;
  font-weight:bold;
}
.CalendActiEntretien {
  color:#cc0;
  font-weight:bold;
}
.CalendActiEntrevue {
  color:#cc0;
  font-weight:bold;
}
.CalendActiConference {
  color:#339;
  font-weight:bold;
}
.CalendActiCQRLJ {
  color:#366;
  font-weight:bold;
}
.CalendActiAtelierCQRLJ {
  color:#366;
  font-weight:bold;
}
.CalendActiVisiteConf {
  color:#396;
  font-weight:bold;
}
.CalendActiVisiteExpo {
  color:#3cc;
  font-weight:bold;
}
.CalendActiClubEcoute {
  color:#f00;
  font-weight:bold
}
.CalendActiArts {
  color:#f0f;
  font-weight:bold
}
.CalendActiNuitB{
  color:#f9c;
  font-weight:bold
}
.CalendActiTheatreLire{
  color:#936;
  font-weight:bold
}
.CalendActiPoesieJazz {
  color:#606;
  font-weight:bold
}
.CalendActiCircuitDecouv {
  color:#006549;
  font-weight:bold
}
.CalendActiTableRonde {
  color:#609;
  font-weight:bold
}
.CalendActiTD {
  color:#5bac26;
  font-weight:bold
}
.CalendActiSpectacle {
  color:#ffcf1c;
  font-weight:bold
}*/
#ColCentre h3.CalendActiDate {
  color:#666;
  font-size:1.4em;
}
.DoubleColonne {
  width:49%;
  float:left;
  padding-right:5px;
}
/* XXXXXX Detail Activite XXXXXX */
#ColCentre .DetailCalendrier h2 {
  background-color:#fff;
  font-size:1.2em;
  border:0;
  clear:none;
  color:#666;
  padding:0 0 0 5px;
}
.DetailCalendrier {margin-top:5px;}
.DetailCalendrierItem {display:none /*inline-block*/ ; width:100px;
  text-align:right; float:left; padding:4px 0 0 0;
clear:left}
#ColCentre .DetailCalendrier h1 {/*margin-left:105px;*/}
#ColCentre .DetailCalendrier h2 {/*margin-left:105px;*/padding-top:2px}
#ColCentre .DetailCalendrier p {/*margin-left:110px;*/ margin-top:0; padding-top:4px; padding-bottom:1px;}
.DetailCalendrierWrapper p {font-weight:bold;}
.DetailCalendrier .Acti_desc {/*margin-left:110px;*/ padding:4px 0 0 5px;/* font-weight:bold;*/}
#ColCentre .DetailCalendrier .Acti_desc p {margin-left:-5px;}
.DetailCalendrier .ImgDroite {text-align:center; margin:-20px 0 20px 20px;}
.DetailCalendrier .ImgDroite img {display:block;margin:20px auto 2px auto;max-width:350px;}
.DetailCalendrierWrapper {overflow:hidden; margin-bottom:10px;}
.ImgCrop {position:relative; width:256px; float:right;}
/* XXXXXXX SONDAGE ARCHIVES XXXXXXX  */
/* #Sondage2014 {
  background-color:#f9e029;
  padding:5px 0 5px 0;
  box-shadow: 0 4px 5px -5px #555;
  margin-bottom:10px;
  text-align:center;
}
#Sondage2014 p {margin-bottom:7px;font-weight:bold;}
#Sondage2014 div {
  width:760px;
  margin:0 auto;
  font-size:.84em;
}
.Xfermer {float:right;}
.Xfermer img {border:none;}
#Sondage2014 a:link, #Sondage2014 a:visited {
  color:#000;
  font-weight:bold;
  text-decoration:underline;
}
#Sondage2014 a:focus, #Sondage2014 a:hover {text-decoration:none;}
#Sondage2014 input[type=radio] {margin:3px 3px 3px 10px}
#Sondage2014 input[type=submit] {
  background-color:#f9e029;
  border:1px solid #333;
  font-weight:bold;
  border-radius:5px;
  padding:2px 5px;
  margin-left:10px;
}
#Sondage2014 input[type=submit]:hover {
  background-color:orange;
  cursor:pointer;
} */
 /* XXXXXXX Rapport Annuel et Catalogues XXXXXXX */
 #RapportAnn {
   padding-bottom: 40px;
}
 #RapportAnn ul {
   width:98%;
   display: inline-table;
   list-style: none;
   text-align: center;
   margin:0;
   padding:0;
}
 #RapportAnn ul li { /* Correctif IE6 */
   width: 122px;
   float: left;
   margin: 20px 25px 0px 25px;
}
 #RapportAnn ul li span.st {
   font-size: 13px;
   line-height: 18px;
   display: block;
   background-color:#e8e8e8;
  padding: 5px 0px;
}
 #RapportAnn ul li img {
   margin-bottom: 1px;
   border:1px solid #666;
}
 #RapportAnn ul li span.st a {
   padding: 0px 5px;
}
 #RapportAnn ul li span.st a:link, #RapportAnn ul li span.st a:visited {
   text-decoration: none;
   font-size: 12px;
   font-weight: bold;
}
 #RapportAnn ul li span.st a:hover, #RapportAnn ul li span.st a:focus {
   text-decoration: underline;
}
 #RapportAnn ul li span.nd {
   font-size: 13px;
   line-height: 18px;
   display: block;
   background-color:#fff;
   padding: 5px 0px 5px 0px;
}
 #RapportAnn ul li span.nd a {
   padding: 0px 5px 0px 5px;
}
 #RapportAnn ul li span.nd a:link,#RapportAnn ul li span.nd a:visited {
   text-decoration: none;
   font-size: 12px;
   font-weight: bold;
}
 #RapportAnn ul li span.nd a:hover, #RapportAnn ul li span.nd a:focus {
   text-decoration: underline;
}
/* XXXXXXX Ouvrages imprimes XXXXXXX */
#Catalogue {
   padding-bottom: 40px;
}
#Catalogue ul {
   width:98%;
   display: inline-table;
   list-style: none;
   text-align: center;
   margin:0;
  padding:0;
}
#Catalogue ul li { /* Correctif IE6 */
   width: 152px;
   float: left;
   margin: 20px 15px 0px 15px;
}
#Catalogue ul li span.st {
   height:80px;
   font-size: 11px;
   line-height: 18px;
   display: block;
   padding: 5px 0px;
}
#Catalogue ul li img {
   margin-bottom: 1px;
   border:1px solid #666666;
}
#Catalogue ul li span.st a {
   padding: 0px 5px 0px 5px;
}
#Catalogue ul li span.st a:link, #Catalogue ul li span.st a:visited {
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
}
#Catalogue ul li span.st a:hover, #Catalogue ul li span.st a:focus {
   text-decoration: underline;
}
#Catalogue ul li span.nd {
  color: #4c6e77;
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
  display: block;
  background-color:#fff;
  padding: 5px 0px 5px 0px;
  border-left:1px solid #e8e8e8;
  border-right:1px solid #e8e8e8;
  border-bottom:1px solid #e8e8e8;
  border-top:1px solid #e8e8e8;
}
#Catalogue ul li span.nd a {
   padding: 0px 5px 0px 5px;
}
#Catalogue ul li span.nd a:link,#Catalogue ul li span.nd a:visited {
   text-decoration: none;
   font-size: 12px;
   font-weight: bold;
}
#Catalogue ul li span.nd a:hover, #Catalogue ul li span.nd a:focus {
   text-decoration: underline;
}

/* TABLE liste des fils RSS. Aide > Aide technique > Fils RSS et baladodiffusion */

table.aide_rss {
  border: solid 1px #999999;
  width: 100%;
}
table.aide_rss  th {
  background-color: #eee;
  text-align: left;
}
table.aide_rss  td {
  border-top: 2px solid #eee;
  border-right: 2px solid #eee;  
  background-color: #fff;
  vertical-align:top;
  padding: 5px;
}
table.aide_rss  td p {
  font-size: 0.95em;
}
table.aide_rss td.icone {
  width: 20px;
  text-align: center;
}
div.marges_aide_rss {
  margin: 10px 30px 0 30px;
}
div.rss_fond_balado {
  background-color: #eee;
  padding:5px;
}

/* XXXXXXX Milieux documentaires DSMD XXXXXXX */
/*  Widget Twitter - Cache en-tete et logo */
div.twtr-ft, div.twtr-hd {
  display: none;
}
#milieux_doc p, #milieux_doc ul {
  font-size: 0.92em;
}
#milieux_doc .m_doc_titre_questions_une {
  font-style:normal;
  padding-bottom: 10px;
}
#milieux_doc .m_doc_express_date {
  padding: 5px 5px 5px 5px;
  font-weight: bold;
}
#milieux_doc .m_doc_express_titre {
  color:#A5223F;
  text-decoration: underline;
  cursor:pointer;
}
.m_doc_express_contenu {
  border: 1px solid #CCC;
  margin-top: 4px;
  padding: 2px;
  background-color:#FFFFFF;
  overflow: hidden;
}
.element_clique {
  background-color: #EEEEEE;
  margin-bottom: 20px;
}
div.milieux_doc_question {
  margin-top: 30px;
}
/* Stats_Flash : fleches pour ouvreBoite */
div.ouvreBoiteFleche h2 {
  padding: 3px 0 3px 3px;
  cursor:pointer;
  background-image: url("/images/interface09/ico_FacettesFermees.gif");
  background-repeat: no-repeat;
  background-position: 723px center;
}
div.ouvreBoiteFleche h2.ouvert {
  padding: 3px 0 3px 3px;
  cursor:pointer;
  background-image: url("/images/interface09/ico_FacettesOuvertes.gif");
  background-repeat: no-repeat;
  background-position: 723px center;
}
/*  Style pour certaines tables. Ex: CAREQ - CAREQ en quelques chiffres  */  
table.table_milieux_doc {
  width:90%;
  margin: 10px 10px 10px 10px;
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
  border-top:1px solid #ccc;
  border-bottom:4px solid #ccc;
  color: #333333;
}
 table.table_milieux_doc th {
  background-color: #faf8fa;
  background-repeat: no-repeat;
  background-position: right bottom;
  vertical-align:bottom;
  text-align:left;
  color:#272727;
  padding-bottom:14px;
  font-size:.92em;
}
table.table_milieux_doc tr.Ligne1 {
  background-color:#e2eaf1;
}
table.table_milieux_doc tr:hover {
  background-color:#d0d0d3;
  color:#000;
}
table.table_milieux_doc td {
  font-size:.92em;
  padding-left:5px;
}
table.table_milieux_doc td.droite, table.table_milieux_doc th.droite {
  text-align:right;
}
table.table_milieux_doc p {
  margin:0;
  padding:2px 3px;
}
/* TABLE avec en-tete gris et ligne grise pales. Ex dans: Milieux documentaires > Ressources > D?veloppement de  collections > Livre sonore */
table.gris_blanc {
  border: solid 3px #f1f1f1;
}
table.gris_blanc  td {
  border-top: 1px solid #eee;
  vertical-align:top;
  padding: 10px;
}
table.gris_blanc  th {
  background-color: #eee;
}
table.gris_blanc th p {
  font-size:0.9em;
  color: #369;
}
/* Styles section libre-service */
#ColCentre div.fiche_libre_service h3 {
  font-size: 1.1em;
  padding: 0px;
}
#ColCentre div.fiche_libre_service h4 {
  font-size: 1.03em;
}
#ColCentre div.fiche_libre_service p {
  padding: 1px;
}
#ColCentre div.floatleft {
  margin-right: 15px;
}
#ColCentre div.fiche_libre_service table {  
  color: #333;
  width:50%;
}
#ColCentre div.fiche_libre_service table tr.Ligne1 {
  background-color:#efefef;
}
#ColCentre div.fiche_libre_service table td {
  padding:1px;
}
#ColCentre table#lib_serv_comparatif  td {
  font-size:0.8em;
}
#ColCentre table#lib_serv_comparatif  th {
  font-size: 0.8em;
}
#ColCentre div.fiche_libre_service table.stats_libre_service  td {
  padding:5px;
}
#ColCentre div.fiche_libre_service p.legende {
  font-size: 0.75em;
}
/* Boite "En photo" (Accueil) */
#m_doc_photo_semaine img {
  max-width: 230px;
}
#m_doc_photo_semaine p.lien_biblio a:link, #m_doc_photo_semaine p.lien_biblio a:visited  {
  color: #757575;
}
#m_doc_photo_semaine p {
  font-size: 0.9em;
  padding-bottom: 0px;
}
#ColCentre .EspacePro .triplcol.sansborder h2 {
  margin-right:-12px!important
}
/* XXX Accueil des Colloques et logo des colloques XXX */
#ColCentre .AccueilColloque {text-align:center;}
#ColCentre .AccueilColloque .boite_photo {padding:5px 0;min-height:220px}
#ColCentre .AccueilColloque .boite_photo:hover {background-color: #fafafa;}
#ColCentre .AccueilColloque .boite_photo p {
  text-align:left;
  font-size:.96em;
  padding:3px 10px 1px 10px;
}
.logoBdP {text-align:center;}
.logoBdP p img {vertical-align:middle; margin:10px 20px;}
/* XXXXXXX Styles standards pour <form> dans le portail */
.FormPortail label {
  width:240px;
  display:block;
  float:left;
  text-align:right;
  padding-right:5px;
  padding-top:2px
}
.FormPortail textarea {/* Supprime le Width dans le code HTML */
  width:400px!important
}
.FormPortail .wrapper {
  margin: 5px 0
}
.FormPortail input[type=button] {
  color:#fff;
  margin-left:245px;
  font-weight:bold;
  background-color:#646464;
  border-color:#000;  
  padding: 1px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
   border-radius: 5px;
  cursor:pointer;
}
.FormPortail input:focus, form.FormPortail textarea:focus, form.FormPortail filefield input:focus {
  border: 2px #4364ab solid;
}
.FormPortail input, form.FormPortail textarea, form.FormPortail select {
  margin-bottom:3px; margin-top:3px; border: 1px #7F9DB9 solid;
}
/* FORMULAIRES recuperes d'APEX Ex = CIP */
.Cache {/* POUR LES ROBOTS */
display:none;
}

.help {
  cursor:help;
}
#ColCentre .GlobalForm h2 {
  background-color:#fff;
  color:#ccc;

  margin-left:5px;
}
#ColCentre .GlobalForm h2 span {
    margin:5px 0;
  font-size:.85em
}
#ColCentre .GlobalForm h3 {
  margin-bottom:0;
  padding-bottom:0;
}
#ColCentre .GlobalForm .LigneX3 h3 {
  margin-top:10px;
  background-color:#fff;
}
#ColCentre .GlobalForm p {

  padding:5px 0 1px 0;
}
.GlobalForm .Chapo {
  color: #404040;
  margin-left:10px;
}
.GlobalForm .Encours {
  color: #404040;
}
.GlobalForm legend {
  font-weight:bold;
  font-size:1em;
  color:#404040;
  width:100%;
  border-bottom:1px solid #404040;
  background-color:#fff;
  padding:4px;
  margin:10px -4px 1px -4px;
  margin-top:-10px\9; /* IE 8 and below */
}
.GlobalForm fieldset {
  border:none;
  padding:12px;
  margin:5px 0;  
}
.GlobalForm fieldset:hover,
.GlobalForm.Disabled fieldset {
  background-color:#f6f6f6;
}
#ColCentre .GlobalForm fieldset:hover .LigneX3 h3 {
  background-color:#f6f6f6;
}
.GlobalForm fieldset.Boite {
  border:1px solid #e7e7e7;
  margin:0;
}
.GlobalForm fieldset:hover legend,
.GlobalForm.Disabled fieldset legend {
  background-color:#e7e7e7;
}
.GlobalForm label {
  display:block;
  margin-top:7px;

}
.GlobalForm label.LabelInline {
  display:inline;
}
.GlobalForm p.LabelLike {}
.GlobalForm input[type=radio] {
  margin-left:5px;
}
.LigneX4, .LigneX3 {
  width:100%;
  overflow:hidden;
}
.LigneX4 div {
  float:left;
  width:160px;
  margin-right:10px;
}
.LigneX3 div {
  float:left;
  margin-left:16px!important;
}
.LigneX3 div.FormColDouble textarea {
  width:564px;
}
.LigneX4 div.DivLong {
  width:200px;
}
.LigneX4 div.DivCourt {
  width:120px;
}
.LigneX4 select {
  width:95%;
}
.LigneX4 input {
  width:90%;
}
.LigneX4 input.datepicker {
  width:69%
}
.ui-datepicker-trigger {
  margin: 0 0 3px 2px;
  vertical-align:middle;
  cursor:pointer;
}
#proportionEn, #proportionFr {
  margin-top:7px;
}
.BoxFermer {
  position:relative;
}
.iconeFermer {
  display:block;
  position: absolute;
  top: 1.3em;
  right:2em;
}
.GlobalForm .Bouton {
  color:#000;
  font-weight:bold;
  background-color:#abddd9;
  border:1px solid #41b2a9;
  padding:2px 10px;
  cursor:pointer;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.GlobalForm .Bouton:hover {
  background-color:#41b2a9;
  border:1px solid #abddd9;
}
.GlobalForm .BoutonBlanc {
  background-color:#e7e7e7;
  border:1px solid #999;
  }
.GlobalForm .BoutonBlanc:hover {
  background-color:#fff;
}
.GlobalForm .BoutonRouge {
  background-color:#e1c4cd ;
  margin-right:20px;
  border:1px solid #be7f93;
}
.GlobalForm .BoutonRouge:hover {
  background-color:#dcb6c0;
  border:1px solid #c07c8e;
}
.BlocBouton {
  text-align:center;
}
.LabelFloat {
  width:100%;
  overflow:hidden;
  margin:0;
  padding:5px 0;
}
.LabelFloat:hover {
  background-color:#f6f6f6;
}
.LabelFloat label, .LabelFloat .LabelLike {
  float:left;
  margin:1px 20px 0 20px;
  width:340px;
  text-align:right;
}
#brefformForm .LabelFloat label {
  width:240px;
}
.LabelFloat div div {
  margin-left:380px;
  width:120px;
  overflow:hidden;
  padding:2px 0
}
.LabelFloat div  label {
  margin:1px; /* 20px 0 0; */
  width:66px;
  text-align:left;
}
.TresGrandChamp {  width:255px;}
.GrandChamp {  width:240px;}
.MoyenChamp {  width:180px;}
.PetitChamp {  width:100px;}
/*Message d'accessibilite aux formulaires */
.MessageAccessibiliteForm {
  margin-left:5px;
}
/* Complement Formulaires sur 3 colonne - ex: Modifier mon dossier */
/* !!  validity-tooltip overwrite dans le Head !! */
.inputReadOnly {
    background-color:#eee;
    color:#444;
}
.banq_formFieldLarge {
    padding:2px 5px;
}
.messageErreur {
    color: rgb(204, 0, 0);
    font-weight: bold;
    font-size: 0.75em;
}
.ColonneX3 {
  overflow:hidden;
  margin-bottom:40px;
  border:1px solid #dee1e3;
  padding-bottom:10px;
  width:928px;
}
#ColCentre .ColonneX3 p {
    margin-left:20px;
}
#ColCentre h2.TitreEncadre {
    background-color:#c9d0d3;
    color:#000;
  padding:14px 5px 10px 13px;
  border:1px solid #b2babf;
  margin-left:0;
    margin-bottom:2px;
    text-transform:uppercase;
    font-size:.96em;
   font-weight:normal;
}
.ColonneX3 form  {
    margin:0;
    padding:0;
}
.ColonneX3 .FormCol {
    width:280px;
    float:left;
    padding-left:5px;
}
.FormCol input[type=text] {
  width:266px;
}
/* Voir Modifier mon profil */
#modaliteInfo{
  border:1px solid #dee1e3;
  /*font-size:0.8em;*/
  margin-left:20px;
  width:875px;
  height:100px;
  overflow:auto;
  }
#modalite{
  display:none;
}
/*AUTRES FORMULAIRES - Exemple Camp de Jour  */
.ColonneX2 {
    overflow: hidden;
    margin-bottom: 40px;
    border: 1px solid rgb(222, 225, 227);
    padding-bottom: 10px;
}
#ColCentre .ColonneX2 p {
    margin:5px 10px;
}
.ColonneX2 .FormCol2 {
    float: left;
    padding-left: 10px;
  width:46%;
}
.ColonneX2 .FormCol2R {
  float: right;
  width:49%;
  margin-right:10px;
}
.inlineLabel{
  display:inline !important;
  margin-right:5px;
}
.selectBlock{
  margin-top:5px;
}
#ColCentre .GlobalForm h3 {
  padding:5px 10px;
  margin:30px 10px 0px 10px;
  font-weight:bold;
  background-color:#f4f4f4;
}
.largeInput {
    width: 100%;
}
.subContainerRight{
  float:right;
  width:150px;
}
.Submit{
  margin-left:20px;
}
.FormCol, .FormColDouble {
  margin-left:10px;
  margin-right:10px;
  }
.FormCol label, .FormColDouble label{
  margin-top:10px;
}
.col4L{
  float:left;
  width:170px;
}
.col4L div{
  margin-top:10px;
}
.col4L div input{
  margin-right:5px;
}
#autrePrecisez{
  visibility:hidden;
}
/* FORMULAIRE ACTIVITES - INSCRIPTION GROUPES */
.InscriptGroupe fieldset {padding-left:30px;}
.InscriptGroupe .LigneX3 {width:auto;}
.InscriptGroupe div>div {margin-left:30px;margin-right:10px;float:left;}
.InscriptGroupe .LigneX3 div { margin-left:10px!important;}
.InscriptGroupe .TresPetitChamp {width: 50px;}
.InscriptGroupe .PetitChamp {width: 70px;}
.InscriptGroupe .MoyenChamp {width: 165px;}
.InscriptGroupe .TresGrandChamp {width: 280px;}
.InscriptGroupe .UltraGrandChamp {width: 400px;}
.InscriptGroupe .PleineLargeur {width: 605px;}
.InscriptGroupe input[type=radio] {margin:3px;vertical-align:top}
.InscriptGroupe input[type=checkbox] {margin:3px;vertical-align:top}
/*.InscriptGroupe .Precision {float:right;margin:2px 0 0 138px;}*/
.InscriptGroupe .Precision {text-align:right;
  margin:0 0 -1.2em 112px ;display:block; width:100%; float:none;}
#ColCentre p.TxtCadre {width: 595px; margin:20px 0;padding:10px 5px; border:1px solid #ccc; background-color:#fff;}
#ColCentre .InscriptGroupe .LabelLike {font-size:.92em;display:inline-block;margin-top:7px;}
.InscriptGroupe .dateTimeContainer {margin-right:24px}
.InscriptGroupe #messageParticipants {margin-left:15px}
.InscriptGroupe #messageDateTime{width: 695px; text-align: center; padding: 10px 0 5px 0;font-weight:bold}
.InscriptGroupe .labelHeure {margin-right:13px;}
.InscriptGroupe #conteneurPays select {width:286px;}
.InscriptGroupe #conteneurRegion select {width:286px; margin-left:-3px}
.InscriptGroupe #modalite {margin:10px 0 5px 0;}
.InscriptGroupe #modaliteInfo {width:620px; padding:0 5px 10px 5px; margin-top:5px; height:auto;}
.WrapActivite {width:100%;overflow:hidden;}
.WrapChoix {min-width:200px;float:left;}
.dateTimeContainer div {float:left;}
.WrapActivite .dateTimeContainer span.timeBox {display:inline-block; margin-left:32px;}
/* FORMULAIRE INFOLETTRE */
fieldset.FormInfolettre {
  border:none;
  margin:30px 0;
}
.FormInfolettre div {
  margin:10px 0;
}
.FormInfolettre label {
  display:block;
  float:left;
  width:320px;
  text-align:right;
  margin-right:10px;
}
.FormInfolettre input[type=submit] {
  color:#000;
  margin-left:330px;
  font-weight:bold;
  background-color:#e4e4e4;
  border:1px solid #999;  
  padding: 0 5px;
  cursor:pointer;
}
.FormInfolettre input[type=submit]:hover {
  background-color:#999;
  border:1px solid #e4e4e4;  
}
/* XXXXXXX Page Accessibilite XXXXXXX */
.DescripIcone img {
  margin:0 24px;
  float:left;
  width:24px;
}
.DescripIcone p {
  width:100%;
  overflow:hidden;
}
.OnBg {
  background-color:#202020;
}
.DescripIcone img:hover {
  width:auto;
  min-width:24px;
}
.DescripIcone p:hover {
  background-color:#fafafa;
}
/* XXXXXXX Communaute XXXXXXX */
/* Menu de Gauche */
.CommunauteG {
  margin-top:35px;
}
.CommunauteG h2 {
  font-size:.84em;
  color:#666;
  margin:12px 0 6px 0;
}
.CommunauteG li {
  list-style-type:none;
  margin:3px 0 5px 0;
  font-size:.84em;
}
.CommunauteG li a:link, .CommunauteG li a:visited {
  color:#555;
  text-decoration:none;
}
.CommunauteG li a:hover, .CommunauteG li a:focus {
  color:#000;
  text-decoration:underline;
}
.CommunauteG li img {
  float:left;
  margin-right:5px;
}
.CommunauteG li a:link img, .CommunauteG li a:hover img {
  border:none;
}
/* Centre */
.Communaute .doubleCol2:first-child  {
  padding-right:10px;
  margin-right:10px;
  border-right:1px solid #ccc;
}
#ColCentre .Communaute h2 {
  background:#fff;
  font-size:.92em;
  color:#666;
}
/* YOU TUBE */
.Com-Youtube{}
.YouTube {
  display:inline-block;
  vertical-align:middle;
  width:61px;
  height:25px;
  background-image: url("/images/interface09/icones/lg_youtube.gif");
  background-repeat: no-repeat;
  background-position: left top;
  font-size:0;
  margin-left:3px;
  margin-bottom:5px
}
  .Com-Facebook {margin-top:30px;}
/* BLOGUE */
.Com-Blogue {
  margin-top:11px;
}
#ColCentre .Com-Blogue h2 {
  /*color:#000;
  font-size:1.2em;
  text-align:left;
  margin-bottom:0; */
}
.Blogue-container {  
  border:1px solid #f6f6f6;
  padding:5px;
  font-size:.88em;
  color:#666;
  height:140px;
  overflow-y:auto;
}
#ColCentre .Blogue-container p {
  background-color:#f6f6f6;
  border-bottom:2px solid #fff;
  padding:5px 8px;
  overflow:hidden;
}
.Blogue-titre {
  font-weight:bold;
  display:block;
}
.Blogue-container a {
  display:inline-block;
  float:right;
}
/* TWITTER */
.Com-Twitter {margin-top:30px;}
.Twitter-container img {margin-left:10px}
.Twitter-container {}
.Communaute #tweet {
  height:444px;
  overflow-y:scroll;
}
.Communaute #tweet .twitter-item:first-child {
  font-size:1.46em;
  margin-bottom:10px;
  padding-bottom:10px;
}
#tweet .twitter-item:first-child .time {
  font-size:.6em
}
#ColCentre .Com-Twitter h2 {
  /*margin:10px 0 10px 10px;
  padding:0;
  color:#74b6d3*/
}
.twitter-item {
  border-bottom:1px solid #ccc;
  margin:2px 5px;
  padding:5px 0;
}
.twitter-item p{
  color:#533;
  font-size:.92em
}
#ColCentre .twitter-item p.time {
  font-size:.84em;
  color:#999;
  margin-top:-8px;
}
#ColCentre .twitter-item a:link, #ColCentre .twitter-item a:visited {
  color:#0176aa;
}
/* XXXXXXX ZONE AIDE XXXXXXX */
#Aide .Exemple {
  border:2px solid #dce4ea;
  background-color:#f7f7f7;
  padding:4px;
}
#Aide .liste-ligne li {
  display:inline;
  width:25%;
  list-style-type:square;
  margin-right:40px;  
}
#Aide ul {
  margin-left:30px;
}

/* XXXXXXX MILIEU EDUCATION XXXXXXX */
#FormRechEdu, #FormFiltreEdu   {
 font-size:.92em;
 padding:7px 5px;
 overflow:hidden;
}
#FormRechEdu {
 background-color:#F0e1e6;
 border:1px solid #b46b82;
}
#FormFiltreEdu  {
 background-color:#eaeaea;
 border:1px solid #939393;
}
.MilieuEduc label {
  font-weight:bold;
  display:inline-block;
  padding:0 3px;
}
.MilieuEduc div#utilisateur {
  width:210px;
  float:left;
}
.MilieuEduc div#niveau {
  width:210px;
  float:left;
}
.MilieuEduc div#matiere {
  width:230px;
  float:left;
}
.MilieuEduc select {
  width:136px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor:pointer;
}
.MilieuEduc input[type=submit] {
  width:92px;
  float:left;
  border:1px solid #202020;
  background-color:#B46B82;
  color:#fff;
  font-weight:bold;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor:pointer;
  display:inline-block;
  padding:2px;
}
.MilieuEduc input[type=submit]:hover {
  background-color:#F0E1E6;
  border:1px solid #B46B82;
  color:#202020;
}
.MilieuEduc input[type=submit]:disabled {
  background-color:#ccc;
  border:1px solid #999;
  color:#999;
}
.MilieuEduc h1.SecondTitre {
  font-size:1.2em;
  margin-top:10px;
}
.LegendForm {
  text-align:right;
  font-size:.84em;
  margin-right:24px;
}
.NavigLibre {
  overflow:hidden;
}
#ColCentre .NavigLibre .triplcol h2 {
  font-size:.96em;
  border:1px solid #e6e6e6;
  margin:5px 10px 7px 5px;
  padding:10px 6px 5px 6px;
  overflow:hidden;
}
#ColCentre .NavigLibre .triplcol h2 img{
  float:left;
  margin:-5px 5px 0 0;
}
 .navCaqt {
  font-size:.92em;
  line-height:1.8em;
  list-style-type:none;
  margin-left:20px!important;
}
/* Resultat Milieu Education */
#LegendEduc {
  font-size:.92em;
  margin:7px 0 20px 0;
}
#FormTargetEdu {
  text-align:right;
  margin-bottom:16px;
}
#FormTargetEdu input {
  margin-left:20px;
}
#LegendEduc div {
  margin:0 0 0 135px;
  overflow:hidden;
}
#LegendEduc div span {
  float:left;
  display:block;
  margin:5px 20px 0 5px;
}
#LegendEduc div img {
  float:left;
}
.MilieuEduc .LignePaire {
  background-color:#fff;
  padding:5px 0;
}
.MilieuEduc .LigneImpaire {
  background-color:#f7f7f7;
  padding:5px 0;
}
.MilieuEduc .LigneResults {
  overflow:hidden;
  font-size:1.1em;
}
.EduTitre {
  margin-top:-5px;
  font-size:1.1em;;
}
#ColCentre .EduTitre a.lienExt:link, #ColCentre .EduTitre a.lienExt:visited {
  color:#ab2a3d;
}
.MilieuEduc .ValorisationListeDesc {
  margin-left:10px;
}
#ColCentre .EduTitre a:link, #ColCentre .EduTitre a:visited {
  color:#aa283c;
}
.MilieuEduc img.Imagette {
  margin-right:10px;
  width:90px;
}
.EduDescrip {}
.EduVolet  {
  margin-bottom:7px
}
.EduNiveau {
  width:40px;
  float:left;
  padding:3px;
}
.EduNiveau img {
  margin:1px;
}
.EduTitre, .EduDescrip {
  margin-left:41px;
}
.titrePedago {
  text-decoration:underline;
  cursor:pointer;
  font-weight:bold;
  margin-left:45px;
   color:#ab2a3d;
}
.textPedago {
  padding:20px;
}
#ColCentre h1.TitreMilieuEduc {  
  background-image: url("/images/interface09/icones/milieu-education/ban_milieuEduc.jpg");
  background-repeat: no-repeat;
  background-position: left top;
  width:750px;
  height:144px;
  font-size:0;
  margin:0;
  padding:0;
}
/* Quoi de Neuf */
#EducQdn {
  background-image: url("/images/interface09/icones/milieu-education/qdn_milieuEduc.jpg");
  background-repeat: no-repeat;
  background-position: left top;
  width:750px;
  min-height:48px;
  font-weight:bold;
  margin:0;
}
#EducQdn  p {
  margin:0 0 0 180px;
  padding-top:10px;
  font-size:.92em;
}
/* Menu de Gauche Milieu Education */
.NavigLibreGauche .sousTitreMenu {
  font-size:.84em;
  padding:3px 0 3px 8px;
  background-color:#f0e1e6;
  font-weight:bold;
}
.titreNavGauche {
  padding:2px 0 2px 7px;
  cursor:pointer;
  margin-right:0px;
}
.titreNavGauche:hover {
  background-color:#f0e1e6;
}
.NavActive {
  padding-left:8px;
  background-color:#f0e1e6;
  font-weight:bold;
}
.listeNavGauche {
  margin-left:5px;
  font-size:.96em!important;
}
/* XXXXXXX Mecanique Message important (Accueil) XXXXXXX */
#MessageImportant {
  position:absolute;
  width:480px;
  background-color:#fff;
  border-style: solid;
  border-width: 5px;
  top:25px;
  left:257px; /* Voir MediaQueries pour Mobile */
  padding:10px;
  z-index:6000;
  border-radius:10px;
  box-shadow: 1px 1px 12px #555;
}
#MessageImportant.niveau1 {
  border-color:#cc0000;
}
#MessageImportant.niveau2 {
  border-color:#d9520f;
}
#MessageImportant.niveau3 {
  border-color:#ffd900;
}
/* Corrige bug: si <sup>abc</sup> sous boite de message, "abc" apparaissait dans boite message.*/
#MessageImportant + div sup {
  z-index:1
}
#MessageImportant h1 {
  color:#fff;
  padding:8px 10px 8px 10px!important;
    margin:-10px -10px 10px -10px!important;
  text-transform:none;
  font-size:1.2em!important;
}
#MessageImportant h1 span { text-transform:lowercase;}
#MessageImportant.niveau1 h1 {
  background-color:#cc0000;
}
#MessageImportant h1 a:link {
  float:right;
}
#MessageImportant.niveau2 h1 {
  background-color:#d9520f;
}
#MessageImportant.niveau3 h1 {
  background-color:#ffd900;
  color:#000;
}
#MessageImportant p {
  font-size:1em!important;
  margin:3px 0!important;
  padding:3px!important;
}
#MessageImportant .wrapper div {   
  width:30%!important;
  margin:1em 2% .6em 2%!important;
  float:left;
}
#MessageImportant .wrapper div:first-child {margin-left:0!important}
#MessageImportant .wrapper div a:link, #MessageImportant .wrapper div a:visited {
      text-decoration:none;
        color:#555;
        font-weight:bold;
        display:block;
        padding:10px;
        text-align:center;
        border-radius:10px;
        background-color:#f3f3f3;
        border:3px solid #888;
 }
#MessageImportant .wrapper div a:hover, #MessageImportant .wrapper div a:focus {
        background-color:#ffd900;
        border:3px solid #666;
}
/* XXXXX NOUVEAUX ARRIVANTS XXXXXX */
.NouveauxArrivants h1{
  background-color:#23b1a5;padding:0;height:101px;
  background-image: url("/images/contenu/services/services_specialises/nouveaux-arrivants/ban_nouv_arrivants.jpg");
  background-repeat: no-repeat;
  background-position: right top;
  font-size:0;
  }
#ColCentre .NouveauxArrivants h2 {padding:7px;border:1px solid #ddd;font-size:1.3em}
#ColCentre .NouveauxArrivants h2.NoBg {border:0;color:#020202;font-size:1.3em}
#ColCentre .NouveauxArrivants h3 {
  font-size:1.2em;
  padding:10px 4px;margin-top:10px;}
#ColCentre .NouveauxArrivants h3.Intro {
  font-size:1em;
  margin-top:0;margin-bottom:-10px}
.NouveauxArrivants .retrait {margin-left:33px}
.Lateral {
  float:right;
  width:198px;
  margin-left:10px
}
.NouveauxArrivants .Boite {
  border:1px solid #e7e7e7;
  margin:0 0 20px 0;
  font-size:.8em;
  }
.NouveauxArrivants .Boite ul {
  margin:5px 0 0 15px !important;
}
#ColCentre .NouveauxArrivants .Boite h2 {
  border:0;
  margin:0;
  font-size:1.1em;
}
.NouveauxArrivants .listimageplus .ImgDroite {width:40px; margin-right:20px;}
.NouveauxArrivants .listimageplus .ImgDroite:hover {width:auto;position:absolute;z-index:1000;right:0;}
#ColCentre .NouveauxArrivants .listimageplus li a:link,
#ColCentre .NouveauxArrivants .listimageplus li a:visited {font-weight:normal;}
#ColCentre .NouveauxArrivants .listimageplus li li {list-style-type:square;font-size:.92em;}
#ColCentre .Lateral .listimageplus li li {margin-left:-10px;}
.surPlace {margin-left:5px}
#ColCentre p.sansMarge {
  margin:0!important;
  padding:0!important;
}


/* WWW ARCHIVES WWW */
.Archives .wrapper {margin-bottom:20px}
.Archives .doubleCol2{width:366px;margin:4px 0 0 20px}
.Archives .doubleCol2:first-child {margin-left:0px;}
.Archives .doubleCol2 li {margin:0 0 8px 0;}/* Ajout Rejean */
.Archives .quatcol {float:left;width:175px;margin:0 0 10px 18px;}
.Archives .quatcol:first-child {margin-left:0px;}
.Archives .quatcol li {margin:0 0 8px 0;}/* Ajout Rejean */
.Archives .quatcol div, .Archives .doubleCol2 div {overflow:hidden;height:175px;}
.Archives #ColCentre .quatcol h1, .Archives #ColCentre .doubleCol2 h1 {margin:0 -5px}
.Archives #ColCentre .quatcol h1 {font-size:1.1em;}
.Archives #ColCentre .quatcol h1 span {font-size:.76em; display:block; margin-right:-10px}
.Archives #ColCentre .quatcol h1 a:link, .Archives #ColCentre .quatcol h1 a:visited {color:#353535;text-decoration:none;
  display:block;height:3.2em;border-bottom:1px solid #e7e7e7;padding:7px 10px 0px 3px;
background-image: url("/images/interface09/menu_flecheD.png");
  background-repeat: no-repeat;
  background-position: 162px 7px;}
.Archives #ColCentre .doubleCol2 h1 a:link, .Archives #ColCentre .doubleCol2 h1 a:visited{color:#353535;text-decoration:none;
  display:block;height:1.8em;border-bottom:1px solid #e7e7e7;padding:7px 10px 3px 3px;
background-image: url("/images/interface09/menu_flecheD.png");
  background-repeat: no-repeat;
  background-position: 342px 7px;}
.Archives #ColCentre .quatcol h1 a:hover, .Archives #ColCentre .quatcol h1 a:focus,
.Archives #ColCentre .doubleCol2 h1 a:hover, .Archives #ColCentre .doubleCol2 h1 a:focus{background-color:#e7e7e7;}
.Archives #ColCentre .quatcol ul,
.Archives #ColCentre .doubleCol2 ul{margin-top:7px;margin-left:5px}
.Archives .triplcol {margin-left:14px}
.Archives .triplcol:first-child {margin-left:0px;}
.Archives #ColCentre .triplcol p {font-weight:bold;}
.Archives #ColCentre .triplcol p + ul {margin-top:-3px;}
.Archives #ColCentre .triplcol ul {margin:10px 5px 5px 18px;}
.newsArchivesDate, .newsArchivesTitre {font-weight:bold;}
/* Coin des decouvertes - qui etes-vous */
.ContainerColPlus p {margin-right:230px;}
.ContainerColPlus .ColPlus  p {margin-right:0;}
.ColPlus {float:right;width:210px;}
#ColCentre .ColPlus ul {margin-left:0;list-style-type:none;margin-bottom:25px}
#ColCentre .ColPlus li {margin-bottom:5px}
#ColCentre .ColPlus img {display:block;margin:2px 0;}
#ColCentre .ColPlus h2 {border:none;background-color:#fff;padding:0;margin-top:5px;font-size:1em;}
#ColCentre .ColPlus a {font-weight:bold;}
.Box550 {width:550px;padding:0 0 0 5px;}
/* Archives Recherche */
#RechercheArchives {
  margin-bottom:10px;
  padding:0 0px;
}
#RecherchePistard {
  background-color:#934c4c;
  overflow:hidden;
  padding:13px 7px 9px 7px;
  border-bottom:1px solid #777;
  border-left:1px solid #777;
  border-right:1px solid #777;
  background-image: url("/images/interface09/recherche/bg_recherche_Pistard.png");
  background-repeat: no-repeat;
  background-position: right top;
}
#RecherchePistard h1 {
  float:left;
  color:#fff;
  padding:0px 14px 0 20px;
  margin:0;
  font-family:"Times New Roman",Georgia,Serif;
  font-size:1.6em;
  text-transform:uppercase;
  font-weight:normal;
}
#RecherchePistard input[type=text] {
  border-radius:5px;
  width:280px;
  border:1px solid #777;
  padding:1px;
}
#RecherchePistard input[type=submit] {
  border:1px solid #ededed;
  padding:0 5px;
  border-radius:6px;
  margin:0 40px 0 16px;
  background-color:#d4b8b8;
  color:#473c3c;
  cursor:pointer;
  font-weight:bold;
}
#RecherchePistard input[type=submit]:hover, #RecherchePistard input[type=submit]:focus{
  background-color:#c9a6a6;
}
#ColCentre #RecherchePistard a.RechAv:link, #ColCentre #RecherchePistard a.RechAv:visited {
  color:#fff;
  text-decoration:underline;
  font-weight:bold;
}
#ColCentre #RecherchePistard a.RechAv:hover, #ColCentre #RecherchePistard a.RechAv:focus {
  text-decoration:none;
}
#RechercheGenealogie{
  background-color:#c8b081;
  overflow:hidden;
  padding:13px 7px 9px 7px;
  border-bottom:1px solid #777;
  border-left:1px solid #777;
  border-right:1px solid #777;
    background-image: url("/images/interface09/recherche/bg_recherche_Genealogie.png ");
  background-repeat: no-repeat;
  background-position: right top;
}
#RechercheGenealogie h1 {
  float:left;
  color:#000;
  padding:0px 14px 0 20px;
  margin:0;
  font-family:"Times New Roman",Georgia,Serif;
  font-size:1.6em;
  text-transform:uppercase;
  font-weight:normal;
}
#RechercheGenealogie label {margin-left:10px;}
#RechercheGenealogie input[type=text] {
  border-radius:5px;
  width:140px;
  border:1px solid #777;
  padding:1px;
}
#RechercheGenealogie input[type=submit] {
  border:1px solid #ededed;
  padding:0 5px;
  border-radius:6px;
  margin:0 40px 0 16px;
  background-color:#E5DBC8;
  color:#473C3C;
  cursor:pointer;
  font-weight:bold;
}
#RechercheGenealogie input[type=submit]:hover, #RechercheGenealogie[type=submit]:focus{
  background-color:#DFD2BA;
}
#RechercheGenealogie img, #RecherchePistard img{
    float: right;
    margin-right: 10px;
}
#ColCentre #RechercheArchives ul {
  border-top:1px solid #b7b7b7;
  border-left:1px solid #b7b7b7;
  border-right:1px solid #b7b7b7;
  border-bottom:1px solid #777;
  background-color:#cfcfcf;
  margin:0;padding:5px 0 0 20px;
  list-style-type:none;
}
#ColCentre #RechercheArchives li {
  display:inline-block;
  margin-bottom:-1px
}
#ColCentre #RechercheArchives li a:link,
#ColCentre #RechercheArchives li a:visited {
  display:block;
  padding:5px 20px 3px 20px;
  color:#5a5a5a;
  text-decoration:none;
  font-weight:bold;
}
#ColCentre #RechercheArchives li.active a:link,
#ColCentre #RechercheArchives li.active a:visited {
  border-top:1px solid #777;
  border-left:1px solid #777;
  border-right:1px solid #777;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  color:#000;
}
#ColCentre #RechercheArchives li.active.ongletPistard a:link,
#ColCentre #RechercheArchives li.active.ongletPistard a:visited {
  background-color:#934c4c;
  color:white;
}
#ColCentre #RechercheArchives li.active.ongletPistard {
  border-bottom:1px solid #934c4c;
}
#ColCentre #RechercheArchives li.active.ongletGenealogie a:link,
#ColCentre #RechercheArchives li.active.ongletGenealogie a:visited {
  background-color:#C8B081;
}
#ColCentre #RechercheArchives li.active.ongletGenealogie {
  border-bottom:1px solid #C8B081;
}
#ColCentre #RechercheArchives li a:hover,
#ColCentre #RechercheArchives li a:focus {
  color:#000;
}
/* archives Qdn */
#Archives_qdn {border:1px solid #abafb2;overflow:hidden;margin:14px 0px;}
#Archives_qdn h2 {background-color: #abafb2;width:155px; float:left;margin:0;border:none;text-align:right;color:#fff;}
#Archives_qdn p {margin-left:26%;margin-top:4px}
#ColCentre #Archives_qdn a:link, #ColCentre #Archives_qdn a:visited {color:#353535;text-decoration:none;}
#ColCentre #Archives_qdn a:hover, #ColCentre #Archives_qdn a:focus {color:#353535;text-decoration:underline;}
.butPause {float:right;margin:9px}
/* Resultats genealogie */
.ResultGenealogie #DetailRech {border:1px solid #f4f4f4;margin:5px 0 10px 0}
.ResultGenealogie #DetailRech #PagerhautValorisation {margin: 4px}
.ResultGenealogie .LigneResults {padding:5px 0;}
div.genealogieNom {padding: 2px 0 3px 10px;overflow:hidden;}
div.genealogieSourceBd {margin-left:38px;}
.ResultGenealogie {position:relative;}
#titreFiltres {background-color:#fff;border-radius:7px;padding:8px 20px;border:1px solid #cdcbcc;margin-left:20px;font-weight:bold;font-size:1.2em;}
#titreFiltres.filtreOuvert {background-color:#e3e3e3;}
#filtres {border:1px solid #cdcbcc;background-color:#e3e3e3;position:absolute;width:723px;left:5px;top:33px;padding:10px;
 /*OMBRAGE*/
    -moz-box-shadow: 4px 4px 8px #555;
    -webkit-box-shadow: 4px 4px 8px #555;
    box-shadow: 4px 4px 8px #555;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=6);
    zoom: 1;}
#filtres > div {margin:5px 10px;}
#filtres fieldset {margin:10px 20px;border:1px solid #cdcbcc;background-color:#fff;padding:0}
.genealogieSource {background-color:#ececec;padding:5px 10px 5px 26px}
.genealogieSource input {vertical-align:middle;margin-left:-18px;margin-right:2px}
.ResultGenealogie input[type=submit] {margin:5px 5px 5px 20px;background-color:#fff;border:1px solid #020202;border-radius:6px;padding:3px 10px;cursor:pointer;}
.ResultGenealogie input[type=submit]:hover {background-color:#ededed}
/* Archives - divers */
.Archives dl {margin-left:7px}
.Archives dt {padding:2px 0 5px 5px}
.Archives dt em {font-weight:bold;font-size:1.1em;display:block}
.Archives .highslide-body p {font-size: .84em}
/* WWW Collection numerique (accueil) WWW */
#wrapper_global_colnum {
   border: 0px solid red;
   margin-top: 10px;
}
#wrapper_global_colnum div div {
   border: 0px solid green;
   float:left;
   width: 370px;
   margin-bottom: 10px;
}
#wrapper_global_colnum div div:first-child {
   border: 0px solid pink;
   margin-right: 10px;
   
}
#wrapper_global_colnum div div h1 {
   font-size: 0.95em;
   padding: 0 0;
   color: #D06F03;
}
.Ressources #wrapper_global_colnum div div h1 {
    color: #4b7828;
}
#wrapper_global_colnum div div p {
   font-size: 0.8em;
   padding: 0 0;
   margin-bottom:5px;
}
#wrapper_global_colnum div div.tuileGauche img {
   float: left;
}
#wrapper_global_colnum div div.tuileDroite img {
   float: right;
}
#wrapper_global_colnum div div.tuileGauche h1, #wrapper_global_colnum div div.tuileGauche p {
   margin-top: 5px;
   margin-left: 205px;
   margin-right: 25px;
   border: 0px solid #CCC;
}
#wrapper_global_colnum div div.tuileDroite h1, #wrapper_global_colnum div div.tuileDroite p {
   margin-top: 5px;
   margin-left: 25px;
   margin-right: 205px;
   border: 0px solid #CCC;
}
#wrapper_global_colnum div div:hover {
   background-color: #E7E7E7;
}
#wrapper_global_colnum div div.tuileGauche h1 img {
   float:left;
   padding-top: 2px;
   margin-left: -20px;
}
#wrapper_global_colnum div div.tuileDroite h1 img {
   float:right;
   display:block;   
   padding-top: 0px;
   margin-right: -20px;
   border: 0px solid #CCC;
}
/* Blogues Medias sociaux
#LesBlogues a:link, #LesBlogues  a:visited {
  font-size:.76em;
  letter-spacing:.05em;
  display:block;
  color:#000;
  text-decoration:none;
  padding:5px;
  margin:10px 0;
}
#LesBlogues a.Instantane:link, #LesBlogues  a.Instantane:visited {color:#fff;}
#LesBlogues a.Annotations:link, #LesBlogues  a.Annotations:visited {color:#fff;}
#LesBlogues a.Interactions:link, #LesBlogues  a.Interactions:visited {color: #fff;}

#LesBlogues .Instantane {background-color:#e08800;}
#LesBlogues .Annotations {background-color:#cf545e;}
#LesBlogues .Interactions {background-color: #457edc;}

#LesBlogues a:hover, #LesBlogues  a:focus {
  color:#fff;
}
#LesBlogues a.Instantane:hover, #LesBlogues  a.Instantane:focus {
  text-decoration:none;
  background-color:#ddd;
  color:#000;
}
#LesBlogues a.Annotations:hover, #LesBlogues a.Annotations:focus{
  background-color:#ddd;
 color:#000;
}
#LesBlogues a.Interactions:hover, #LesBlogues a.Interactions:focus{
  background-color:#ddd;
 color:#000;

#LesBlogues strong {
  display:block;
  font-size:1.3em;
}*/
/* Les Blogues */
#LesBlogues a:link, #LesBlogues  a:visited {
  font-size:.76em;
  display:block;
  color:#000;
  text-decoration:none;
  padding:5px;
  margin:10px 0;
}
#LesBlogues a.Instantane:link, #LesBlogues a.Instantane:visited,
#LesBlogues a.Annotations:link, #LesBlogues a.Annotations:visited,
#LesBlogues a.chezmoi:link, #LesBlogues a.chezmoi:visited,
#LesBlogues a.journalintime:link, #LesBlogues a.journalintime:visited,
#LesBlogues a.Interactions:link, #LesBlogues a.Interactions:visited {color:#fff;}
#LesBlogues .Annotations {background-color:#c64349;}
#LesBlogues .Instantane {background-color:#e08800;}
#LesBlogues .Interactions {background-color:#457edc;}
#LesBlogues .chezmoi {background-color:#078178;}
#LesBlogues .journalintime {background-color:#e8b300;}
#LesBlogues a:hover, #LesBlogues  a:focus {
  text-decoration:none;
  background-color:#c3c3c3;
  color:#000!important;
}
#LesBlogues strong {
  display:block;
  font-size:1.3em;
}
/* SERIES AUDIOVISUELLES */
.menuSerie, .menuSerie2 {
  list-style-type:none;
  margin-right:200px;
}
.menuSerie li {
  display:inline-block;
  width:120px;
  padding-bottom:2px;
}
#Serie .wrapper ol {
  list-style-type:none;
  margin:12px 0 0 0;
  float:left;
  width:48%;
}
#Serie .wrapper ol#colonne1 {
  padding-right:17px;
}
#Serie .wrapper ol#colonne2{
  padding-left:11px;
  border-left:1px solid #e7e7e7;
}
#Serie .wrapper li {
  margin:10px 0 10px 0;
  overflow:hidden;
}
.serieLi {
  background-color:#f8f8f8;
  border:1px solid #e7e7e7;
  border-radius:8px;
}
#colonne1 .serieLi {
  padding:5px 10px 5px 0;
  margin:-5px -10px -5px 0!important;
}
#colonne2 .serieLi {
  padding:5px 5px 5px 0;
  margin:-5px 0px -5px -5px!important;
}
#Serie h3 span {
  display:block;
  font-size:.92em;
}
.serieBut{
  float:right;
  padding-top:12px;
  margin-left: 10px;
  text-align:center;
}
.serieBut img{
  display:block;
}
#Serie .serieBut a:link, #Serie .serieBut a:visited {
  display:inline-block;
  background-color:#fcba75;
  border:2px solid #f89623;
  padding:3px 6px;
  margin:4px;
  color:#020202;
  text-decoration:none;
  border-radius:4px;
}
#Serie .serieBut a:hover, #Serie .serieBut a:focus {
  background-color:#f89623;
  border:2px solid #d9811a;
}
.serieBut span {
  display:inline-block;
  background-color:#eaeaea;
  border:2px solid #dfdfdf;
  padding:3px 6px;
  margin:4px;
  color:#b3b3b3;
  border-radius:4px;
}
#Serie .ouvreBoite {
  font-weight:bold;
  text-decoration:underline;
  cursor:pointer;
}
#Serie .ouvreBoite:hover {
  text-decoration:none;
}
#Serie .boite {
  padding-bottom:12px;
  clear:right;
}
/* Accès à l'information > Demande d’accès */
#results_container {
  /*margin-right: 10px;*/
}
#results_container label {
  font-size: 0.85em;
}
#results_container .conteneurTri {
    border: 0px solid red;
    margin: 20px 0px 0px 10px;
}
#results_container #liste_resultats {
  padding: 2px;
  overflow: auto;
  font-size: 1em;
}
#results_container #liste_resultats table {
  width: 100%;
}
#results_container #liste_resultats th{
  background-color:#A3ABB1;
    vertical-align: middle;
}
#results_container #liste_resultats tr.couleur {
  background-color:#eeeeee;
}
#results_container #liste_resultats {
    border-bottom:1px solid rgb(246, 246, 246);
}
#results_container #liste_resultats tr {
  height: 30px;
  vertical-align: top;
}
#results_container #liste_resultats td {
  padding:3px 6px;
}