/* version decembre 2016 */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
* { padding:0;  margin:0;}
body {
  background-color:#fff;
  font-size:0.92em;
  color:#202020;
  font-family:Helvetica, Arial, sans-serif;
}
.X12 {min-height:100%}
.X12 #Entete, .X12 #Footer {
  width:978px;
  margin:0 auto;
  padding:0 20px;
}
.X12 ul.menuTop {
  width:940px;
  margin:11px auto 5px ;
}
.X12 #Contenu {
  width:940px;
  margin:0 auto;
}
/* WWW CONTENU WWW */
#Contenu {
    min-height:440px;
    overflow:hidden;
}
img {border:0;max-width: 100%;height: auto;} 
.Invisible  {
  height:1px;
  margin:-1px 0 0 -5000px;
  padding:0;
  overflow:hidden;
  font-size:0.1em;
  display:block;
  text-align:left;
}
a.boutonGenerique:link, a.boutonGenerique:visited {
    display:inline-block; 
    border:1px solid #666; 
    padding:5px 10px; 
    text-decoration:none!important;
    margin:0 2px; 
    color:#f4f4f4!important; 
    background-color:#090909; 
    font-weight:bold; 
    border-radius:4px
}
a.boutonGenerique:hover, a.boutonGenerique:focus {
    color:#090909!important;
    background-color:#f4f4f4;
    
}
/* WWW correctif Contenu WWW */
.wrapper {width:100%; overflow:hidden;}
/* #ColDroite {  top: 70px;}*/
#ColCentre h1.FondationH1 { 
  height:86px;
  padding-top:40px;
  width:755px
}
#ColCentre div.BaladoCat {
  background-color:#fff;
  margin-right:10px;
  padding:3px 4px 2px 0;
  min-width:420px;
  background-image: url("none");
  border-bottom:1px solid navy;
}
#RechercheNormale {
  height:34px;/*  le padding ne compte plus */
}
.LivresNumeriques #Global-Carrousel .bx-wrapper { width:740px!important}
#LNum_ChercheBD {margin-bottom:20px}
#ColCentre h2.SousTitre {border:0;}
#DiaporamaTout h2 { border:0;}
h2.colPatrimoine {color: #fff; background: #db2129 url('/images/contenu/Ressources_en_ligne/parcours_thematiques/backgroung_h2.jpg'); clear:both!important;}
.Tresors h3 {clear:both}
.MessageAccessibiliteForm { margin-left:5px;}
.MessageAccessibiliteForm .ImgGauche {padding:0;margin-right:5px;}
#Suggestions li.bx-child a img {height: 183px!important;}
/* WWW ENTETE WWW */
.X12 #EnteteAccueil .EnteteLogo {width:978px;margin:0 auto;padding:0 20px;}
.X12 #EnteteAccueil #Entete_barreMenu div {width:940px;margin:0 auto;}
ul.menuTop {margin-top:11px;margin-bottom:5px;font-size:.79em;text-align:right;}
.menuTop li {list-style-type:none;display:inline}
.menuTop a:link, .menuTop a:visited {color:#000;text-decoration:underline;margin-left:10px}
.menuTop a:hover, .menuTop a:focus {color:#000; text-decoration:none;}
.menuTop a.Deconnexion:link, .menuTop a.Deconnexion:visited,
.menuTop a.Deconnexion:link, .menuTop a.Deconnexion:visited {
  color:#000!important;
  margin-left: 24px;  
  text-decoration:none;
  font-weight:bold;
  background-color:#a3abb1;
  padding:6px;
  margin-top:-6px;
  display:inline-block
}
.menuTop a.Deconnexion:hover, .menuTop a.Deconnexion:focus {
  text-decoration:underline;
    background-color:#ccc;
}
/* Bandeau promotionnel */
.BandeauPromo {
  width:948px;
  margin:0 auto;
}
.BandeauPromo img {
  width:100%;
  margin:0;
}
.BandeauPromo a:link, .BandeauPromo a:visited {
  padding:0;
  margin:0;
}
.BandeauPromo a:hover, .BandeauPromo a:focus {
  opacity:.8;
}
.BandeauPromo a:link img, .BandeauPromo a:visited img {
  border:none;
  margin:0;
}
/* Bouton de Don */
a#ButDon:link, a#ButDon:visited {
  background-color:#ffd547;
  border:1px solid #fdc919;
  display:inline-block;
  float:right;
  color:#333;
  text-decoration:none;
  padding:12px 24px;
  text-transform: uppercase;
  font-size:14px;
  font-weight:bold;
  margin:20px 0 0 0;
}
a#ButDon:hover, a#ButDon:focus {
  background-color:#fdc919;
}
/* Boutton Saint-Sulpice */
.ButSS {display:block;margin:10px 0}
.ButSS img {max-width:100%}
.ButSS a:link, .ButSS a:visited {opacity:1}
.ButSS a:hover, .ButSS a:focus {opacity:.8}
/* titre des pages hors Accueil */
.horsPgAccueil div {float:left;}
.EnteteLogo h1 {
  font-family: "Simplon", Helvetica, Arial, sans-serif!important;
  text-transform: uppercase;
  font-size:32px;
  font-weight:normal; 
  line-height:62px; 
  padding-top:20px;
}
.EnteteLogo h1 span {text-transform:none;}
ul.barreMenuGauche {}
ul.barreMenuDroite {float:right; margin-right:3px}
#Entete_barreMenu {padding:1px 0; background-color:#000; height:40px;}
#Entete_barreMenu li ul {display:none;}
#Entete_barreMenu li {display:inline-block; margin:0 -3px 0 0}
#Entete_barreMenu i { display:inline-block; width:38px; line-height:38px; text-align:center; font-size:1.4em;}
#Entete_barreMenu a:link, #Entete_barreMenu a:visited {color:#fff; background-color:#444; height:38px; display:inline-block;}
#Entete_barreMenu a:hover, #Entete_barreMenu a:focus { color:#444; background-color:#ebebeb; outline: 0;}
#Entete_barreMenu .barreMenuDroite li {float:left;}
#Entete_barreMenu .userOff a {text-decoration:none;}
#Entete_barreMenu .userOff a span {display:inline-block; padding-left:5px; font-weight:bold;}
/* sous menu share et user */
#Entete_barreMenu li.shareOn ul {
display:block; 
    position:absolute;
    margin-left:-1px; 
    padding-top:1px;
    z-index:50; 
    border:1px solid #fff;
    background-color:#cbcbcb;
}
#Entete_barreMenu li ul li {
  display:block; 
  font-size:14px; 
  border-bottom:1px solid #cbcbcb; 
  border-left:1px solid #cbcbcb; 
  border-right:1px solid #cbcbcb;
  margin:0;
}
#Entete_barreMenu li.shareOn ul li { width:140px; }
#Entete_barreMenu li.userOn ul li:last-child {border-bottom:0}
#Entete_barreMenu  li ul li a:link, #Entete_barreMenu li ul li a:visited {
  background-color:transparent!important;
  display:block;
  color:#4f4f4f;
  text-decoration:none!important;
}
#Entete_barreMenu li ul li a:hover, #Entete_barreMenu li ul li a:focus {
      background-color:#f5f5f5!important;
      text-decoration:none!important;
    }
#Entete_barreMenu li ul li i {background-color:#f4f4f4; width:38px; margin:0; }
#Entete_barreMenu .userOn a:link, #Entete_barreMenu .userOn a:visited {color:#007918; background-color:#ebebeb;}
#Entete_barreMenu .userOn.userOuvert a:link, #Entete_barreMenu .userOn.userOuvert a:visited {background-color:#cecece;}
#Entete_barreMenu .userOn a:hover, #Entete_barreMenu .userOn a:focus {background-color:#cecece;}
#Entete_barreMenu li.userOuvert ul {
  display:block; 
    position:absolute;
    padding-top:1px;
    z-index:50; 
    border:1px solid #fff;
    background-color:#cbcbcb;
    margin-left:-162px;
    width:200px;
}
#Entete_barreMenu li.userOuvert ul li { width:200px; text-align:right;}
#Entete_barreMenu .userOn  ul a:link, #Entete_barreMenu .userOn  ul a:visited {color:#4f4f4f}
#Entete_barreMenu li ul li.deconnexion a:link, #Entete_barreMenu li ul li.deconnexion a:visited {
  background-color:#2f2f2f!important;
      color:#aaa;
    }
#Entete_barreMenu li ul li.deconnexion a:hover,#Entete_barreMenu li ul li.deconnexion a:focus {
      background-color:#0a0a0a!important;
     }
#Entete_barreMenu li ul li.deconnexion i {background-color:#0a0a0a; }
/* WWW FOOTER WWW */
/* Debut - En attendant le nouveau footer */
.pdp2 {width:940px;margin:0 auto}
.pdp2 h2 {color:#fff;font-size:1.4em; text-transform:uppercase; font-weight:500;margin-bottom:20px}
.pdp2 a:link, .pdp2 a:visited {text-decoration:none;color:#fff;}
.pdp2 a:hover, .pdp2 a:focus {text-decoration:underline;color:#fff;}
.pdp2 h2 a:link, .pdp2 h2 a:visited {text-decoration:underline}
.pdp2 h2 a:hover, .pdp2 h2 a:focus {text-decoration:none}
.pdp2 li.footerSousTitre {font-weight:bold; color:#fff; margin-top:15px}
.ListePlus {margin-top:30px}
.Partenaires {width:920px;margin:0 auto 20px auto}
.Partenaires h2 {color:#fff;font-size:18px; text-transform:uppercase; font-weight:500;margin:20px 10px}
.Partenaires a {margin-left:5px}
/* Fin - En attendant le nouveau footer */

.Col1 {float:left;width:644px;}
.Col2 {float:left;width:160px}
.Col3 {float:left;margin-left:10px;}
.Col1 img {margin-bottom:5px;}
.Col1 a:hover img, .Col1 a:hover focus {opacity: 0.7;}
.Col1 p {width:160px;float:left;font-size:.84em;}
.Col3 div {margin-top:80px;margin-bottom:20px}
.Col3 div a {margin:5px}
.Col4 a:link, .Col4 a:visited {color:#fff;text-decoration:underline;}
.Col4 a:hover, .Col4 a:focus {color:#fff;text-decoration:none;}
.Col4 h1 {font-size:1em;text-transform:uppercase;margin:10px 0;color:#fff;}
.Col4 {clear:both;width:978px;margin:0 auto;padding:10px 40px 16px 20px;overflow:hidden;}
.Col4 img {float:right;margin-top:10px}
.Col4 a {font-size:.92em;margin-right:40px;margin-left:5px}
.ContainerBlanc {background-color:#fff;overflow:hidden;clear:both;}
.ContainerNoir {background-color:#000;overflow:hidden;clear:both;}
.ContainerGris {background-color:#333;/*padding-bottom:80px;*/}
/* WWW RECHERCHE ACCUEIL WWW */
#RechPrincipale {
  border-top:2px solid #fff;
  background-color:#000;
  color:#fff;
  width:100%;
  height:40px;
  vertical-align:middle;
  display:block;
  overflow:hidden;
  font-size:.80em;
  margin-bottom:12px
}
.selectWrap {
  float:left;
  border-top:2px solid #b9b9b9;
  border-bottom:2px solid #b9b9b9;
  border-left:2px solid #b9b9b9;
  background-color:#e5e5e5;
  width:200px;
}
#RechPrincipale select {
  float:left;
  height:29px;
  margin:3px 0 2px 5px;
  border-radius:2px;
  border:1px solid #b9b9b9;
  background-color:#f8f8f8;
  padding-left:10px;
  width:190px;
}
#RechPrincipale select option {
  display:block;
  padding:10px 15px 10px 25px;
  background-color:#fff;
}
#RechPrincipale input[type=text]{
  background-color:#e5e5e5;
  border-top:2px solid #b9b9b9;
  border-right:1px solid #000;
  border-bottom:2px solid #b9b9b9;
  border-left:0;
  width:582px;
  display:inline-block;
  height:38px;
  font-size:16px;
  padding-left:15px;
}
#RechPrincipale input[type=text]:hover, #RechPrincipale input[type=text]:focus {
  background-color:#f4f4f4;
}
#RechPrincipale input[type=button]{
  text-transform:uppercase;
  background-color:#000;
  border:1px solid #000;
  min-height:19px;
  color:#fff;
  /*margin-right:5px;*/
  margin-left:20px;
  padding-left:18px;
  font-weight:bold;
  background-image: url(/images/interface14/loupe_submit.gif);
  background-position: 0 0;
  background-repeat:no-repeat;
  cursor:pointer;
}
#RechPrincipale input[type=submit]:hover, #RechPrincipale input[type=submit]:focus {color:#e5e5e5;}
#RechPrincipale input[type=radio]{margin:2px 1px 2px 4px;}
p.QuestionRechPrincipale {
  font-size:.84em;
  margin:4px 0 9px 14px;
  font-weight:bold;
  text-align:right;
}
p.LiensRapides {float:left;margin:4px 0 9px 0;font-size:.84em;font-weight:bold;}
p.LiensRapides a:link,  p.LiensRapides a:visited {color:#1359a0;margin:0 10px;text-decoration:underline;}
p.LiensRapides a:hover,  p.LiensRapides a:focus {color:#1359a0;text-decoration:none;}
p.QuestionRechPrincipale a:link, p.QuestionRechPrincipale a:visited {color:#000;text-decoration:underline;}
p.QuestionRechPrincipale a:hover, p.QuestionRechPrincipale a:focus {text-decoration:none;}
/* WWW PETITE RECHERCHE WWW */
#PetiteRechPrincipale {
  padding:0;
  width:314px;
  margin-top:-1px
}
#PetiteRechPrincipale input[type=text]{
  background-color:#fff;
  border:1px solid #b9b9b9;
  width:262px;
  margin-top:8px;
  margin-right:10px;
  float:left;
  height:22px;
  padding-left:5px
}
#PetiteRechPrincipale button { 
  height:38px; 
  width:38px; 
  border:0;
  color:#fff; 
  background-color:#444;
  cursor:pointer;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-user-select: none; 
  -moz-user-select: none;
   -ms-user-select: none;
}
#PetiteRechPrincipale button:hover, #PetiteRechPrincipale button:focus{ color:#444; background-color:#ebebeb; outline: 0;}
/* Correction Mac */
.mac-os #PetiteRechPrincipale button { height:39px;}
/* WWW BANDE DE COULEUR TITRE WWW */
.Collections #Entete_barreMenu {background-color:#e57d03}
.Collections #Entete_barreMenu a:link, .Collections #Entete_barreMenu a:visited,
.Collections  #PetiteRechPrincipale button {background-color:#a05702;}
.Collections #PetiteRechPrincipale { border-top:1px solid #e57d03;}
.Services #Entete_barreMenu {background-color:#9b0057;}
.Services #Entete_barreMenu a:link, .Services #Entete_barreMenu a:visited,
.Services  #PetiteRechPrincipale button {background-color:#6c003d;}
.Services #PetiteRechPrincipale { border-top:1px solid #9b0057;}
.Activites #Entete_barreMenu {background-color:#6e1873;}
.Activites  #Entete_barreMenu a:link, .Activites #Entete_barreMenu a:visited,
.Activites  #PetiteRechPrincipale button {background-color:#4e1850;}
.Activites #PetiteRechPrincipale { border-top:1px solid #6e1873;}
.Archives #Entete_barreMenu {background-color:#4d616f;}
.Archives #Entete_barreMenu a:link, .Archives #Entete_barreMenu a:visited,
.Archives  #PetiteRechPrincipale button {background-color:#33444d;}
.Archives #PetiteRechPrincipale { border-top:1px solid #4d616f;}
.Ressources #Entete_barreMenu {background-color:#86a20c;}
.Ressources #Entete_barreMenu a:link, .Ressources #Entete_barreMenu a:visited,
.Ressources  #PetiteRechPrincipale button {background-color:#5e7108;}
/*.Ressources #PetiteRechPrincipale { border-top:1px solid #86a20c;}*/
.Ressources  #PetiteRechPrincipale button { border-bottom:1px solid #86a20c;}
.Apropos #Entete_barreMenu {background-color:#a3abb1;}
.Apropos #Entete_barreMenu a:link, .Apropos #Entete_barreMenu a:visited,
.Apropos  #PetiteRechPrincipale button {background-color:#70777c;}
.Apropos #PetiteRechPrincipale { border-top:1px solid #a3abb1;}
/*.Adaptes #Entete_barreMenu {background-color:#a3abb1;}
.Adaptes #Entete_barreMenu a:link, .Adaptes #Entete_barreMenu a:visited,
.Adaptes #PetiteRechPrincipale button {background-color:black;}
.Adaptes #PetiteRechPrincipale { border-top:1px solid #a3abb1;}*/
.Collections #Entete_barreMenu a:hover, .Collections #Entete_barreMenu a:focus,
.Services #Entete_barreMenu a:hover, .Services #Entete_barreMenu a:focus,
.Activites #Entete_barreMenu a:hover, .Activites #Entete_barreMenu a:focus,
.Archives #Entete_barreMenu a:hover, .Archives #Entete_barreMenu a:focus,
.Ressources #Entete_barreMenu a:hover, .Ressources #Entete_barreMenu a:focus,
.Apropos #Entete_barreMenu a:hover, .Apropos #Entete_barreMenu a:focus,
/*.Adaptes #Entete_barreMenu a:hover, .Adaptes #Entete_barreMenu a:focus,*/
.Collections #PetiteRechPrincipale button:hover, .Collections #PetiteRechPrincipale button:focus,
.Services #PetiteRechPrincipale button:hover, .Services #PetiteRechPrincipale button:focus,
.Activites #PetiteRechPrincipale button:hover, .Activites #PetiteRechPrincipale button:focus,
.Archives #PetiteRechPrincipale button:hover, .Archives #PetiteRechPrincipale button:focus,
.Ressources #PetiteRechPrincipale button:hover, .Ressources #PetiteRechPrincipale button:focus,
.Apropos #PetiteRechPrincipale button:hover, .Apropos #PetiteRechPrincipale button:focus,
/*.Adaptes #PetiteRechPrincipale button:hover, .Adaptes #PetiteRechPrincipale button:focus,*/
.Collections #Entete_barreMenu .userOn a:link, .Collections #Entete_barreMenu .userOn a:visited,
.Services #Entete_barreMenu .userOn a:link, .Services #Entete_barreMenu .userOn a:visited,
.Activites #Entete_barreMenu .userOn a:link, .Activites #Entete_barreMenu .userOn a:visited,
.Archives #Entete_barreMenu .userOn a:link, .Archives #Entete_barreMenu .userOn a:visited,
.Ressources #Entete_barreMenu .userOn a:link, .Ressources #Entete_barreMenu .userOn a:visited,
.Apropos #Entete_barreMenu .userOn a:link, .Apropos #Entete_barreMenu .userOn a:visited/*,
.Adaptes #Entete_barreMenu .userOn a:link, .Adaptes #Entete_barreMenu .userOn a:visited*/ {background-color:#ebebeb;}

/* WWW CONTENU ACCUEIL - TUILES WWW */
@font-face {
    font-family: "Simplon";
    src: url('/biblio/css/font/simplon_bp_regular_1-webfont.eot');
    src: url('/biblio/css/font/simplon_bp_regular_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('/biblio/css/font/simplon_bp_regular_1-webfont.ttf') format('TrueType');
}
@font-face {
    font-family: "Simplon";
    font-style: italic;
    src: url('font/simplon_bp_regular_italic_1-webfont.eot');
    src: url('font/simplon_bp_regular_italic_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/simplon_bp_regular_italic_1-webfont.ttf') format('TrueType');
}
@font-face {
    font-family: "Simplon";
    font-weight: bold;
    src: url('font/simplon_bp_bold_2-webfont.eot');
    src: url('font/simplon_bp_bold_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/simplon_bp_bold_2-webfont.ttf') format('TrueType');
}
@font-face {
    font-family: "Simplon";
    font-weight: bold;
    font-style: italic;
    src: url('font/simplon_bp_bold_italic_1-webfont.eot');
    src: url('font/simplon_bp_bold_italic_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/simplon_bp_bold_italic_1-webfont.ttf') format('TrueType');
}
#ContenuAccueil .wrapper  { margin:0 0 20px 0;}
/* Block News */
#BlocNewsLiens {
	width:140px;
	float:right;
	height:520px;
	position:relative;
}
#BlocLiens p a:link, #BlocLiens p a:visited {
	display:block;
	margin:0 0 8px; 
	padding:5px;
	background-color:#e5e5e5;
	color:#020202; 
	text-decoration:none; 
	font-size:13px; 
}
#BlocLiens p span {
    display:inline-block; 
    width:14px;
    text-align:center;
}
#BlocLiens p a:hover, #BlocLiens p a:focus {
	background-color:#666;
	color:#e5e5e5;
}
#BlocNews a:link, #BlocNews a:visited {
	color:#020202;
	line-height:1.2em;
}
#BlocNews a:hover, #BlocNews a:focus {
	color:#666;
	text-decoration:none;
}
#BlocNews h2{
  font-size:1.35em;
  padding:5px 0;
  margin:10px 0 5px 0;
}
.BlockLienQuestion {
  font-weight:bold;
  margin-bottom:10px;
  margin-right:10px
}
#BlocNews {
  font-size:.8em;
  position:absolute;
  bottom:0;
}
#BlocNews div p.TitreNews {
  font-weight:bold;
  margin:10px 0 3px 0;
}
#BlocNews div p.TitreNews a:link, #BlocNews div p.TitreNews a:visited {
  color:#020202;
  text-decoration:none;
}
#BlocNews div p.TitreNews a:hover, #BlocNews div p.TitreNews a:focus {
  color:#666;
  text-decoration:underline;
}
/* WWW Bloc Principal WWW */
#BlocPrincipal {
  margin-right:160px;
  overflow:hidden;
  color:#fff;
}
.BlocHautLarge {
  position:relative;
  width:460px;
  height:300px;
  margin-right:20px;
  float:left;
  padding-left:260px;  
  padding-right:10px;  
  padding-top:15px
}
.BlocHautEtroit {
  position:relative;
  width:300px;
  height:300px;
  float:left;
  padding-left:20px;  
  padding-right:10px;  
  padding-top:195px; /* 180 + 15 */
}
.BlocBasMoyen {
  position:relative;
  width:380px;
  height:200px;
  float:left;
  margin-top:20px;
  padding-left:215px;  
  padding-right:10px;  
  padding-top:15px;
}
.BlocBasMoyen +.BlocBasMoyen {margin-left:20px}
/* LES TITRES */
.BlocHautLarge h1 {
  font-family: "Simplon", Helvetica, Arial, sans-serif;
  font-weight:normal;
  text-transform:uppercase;
  font-size:1.6em;
  line-height:1.1em;
  margin:12px 0;
  padding-left:0;
}
.BlocHautEtroit h1,.BlocBasMoyen h1 {
  font-family: "Simplon", Helvetica, Arial, sans-serif;
  font-weight:normal;
  text-transform:uppercase;
  font-size:1.4em;
  margin:7px 0;
  line-height:1em;
  padding-left:0;
}
.BlocSeul h1 {
  font-family: "Simplon", Helvetica, Arial, sans-serif;
  text-transform:none;
  font-size:1.2em;
  margin-bottom:3px;
  padding-left:0;
}
.BlocBasEtroit h1 {
  font-family: "Simplon", Helvetica, Arial, sans-serif;  
  font-weight:normal;
  font-size:1.4em;
  margin:0 0 10px 0;
  line-height:1em;
  padding:15px 0 0 0;
}
.BlocBasEtroit .SurTitre + h1 {padding-top:7px}
.BlocHautLarge h1 span, .BlocHautEtroit h1 span , .BlocBasMoyen h1 span {text-transform:none;}
/* Taille des titres */
.BlocHautEtroit h1.titrePetit, .BlocBasMoyen h1.titrePetit{font-size:1.2em}
.BlocHautEtroit h1.titreGrand, .BlocBasMoyen h1.titreGrand{font-size:1.6em}
.BlocHautLarge h1.titrePetit{font-size:1.4em}
.BlocHautLarge h1.titreGrand{font-size:1.8em}
.BlocBasEtroit h1.titrePetit{font-size:1.2em}
.BlocBasEtroit h1.titreGrand{font-size:1.6em}
/* LES TITRES */
.BlocHautLarge h2 {
  font-family: "Simplon", Helvetica, Arial, sans-serif;
  font-weight:normal;
  text-transform:uppercase;
  font-size:1.6em;
  line-height:1.1em;
  margin:12px 0;
  padding-left:0;
}
.BlocHautEtroit h2,.BlocBasMoyen h2 {
  font-family: "Simplon", Helvetica, Arial, sans-serif;
  font-weight:normal;
  text-transform:uppercase;
  font-size:1.4em;
  margin:7px 0;
  line-height:1em;
  padding-left:0;
}
.BlocSeul h2 {
  font-family: "Simplon", Helvetica, Arial, sans-serif;
  text-transform:none;
  font-size:1.2em;
  margin-bottom:3px;
  padding-left:0;
}
.BlocBasEtroit h2 {
  font-family: "Simplon", Helvetica, Arial, sans-serif;  
  font-weight:normal;
  font-size:1.4em;
  margin:0 0 10px 0;
  line-height:1em;
  padding:15px 0 0 0;
}
.BlocBasEtroit .SurTitre + h2 {padding-top:7px}
.BlocHautLarge h2 span, .BlocHautEtroit h2 span , .BlocBasMoyen h2 span {text-transform:none;}
/* Taille des titres */
.BlocHautEtroit h2.titrePetit, .BlocBasMoyen h2.titrePetit{font-size:1.2em}
.BlocHautEtroit h2.titreGrand, .BlocBasMoyen h2.titreGrand{font-size:1.6em}
.BlocHautLarge h2.titrePetit{font-size:1.4em}
.BlocHautLarge h2.titreGrand{font-size:1.8em}
.BlocBasEtroit h2.titrePetit{font-size:1.2em}
.BlocBasEtroit h2.titreGrand{font-size:1.6em}
/* Paragraphes, surTitres et sousTitres */
/*.BlocHautLarge p {display:none;}*/
.BlocHautLarge p {  line-height:1.1em; }
.BlocHautLarge p.SurTitre {
  display:block;
  font-family: "Simplon", Helvetica, Arial, sans-serif;
  font-size:1.1em;
  line-height:1em; 
 /* font-weight:bold;*/
}
.BlocHautLarge p.SousTitre {
  display:block;
  font-size:1.1em!important; 
  line-height:1.1em;
}
.BlocHautEtroit p, .BlocBasMoyen p, .BlocBasEtroit p {font-size:.92em; line-height:1.08em}
.BlocHautEtroit p.SurTitre {
  font-family: "Simplon", Helvetica, Arial, sans-serif;
}
.BlocBasMoyen p.SurTitre {
  font-family: "Simplon", Helvetica, Arial, sans-serif;
  line-height:.9em;
}
.BlocSeul {  color:#fff;}
.BlocBasEtroit {
  position:relative;
  float:left;
  margin-left:20px;
  margin-bottom:20px;
  color:#fff;
  padding:0 5px 0 14px;
}
.BlocBasEtroit .SurTitre {
  font-family: "Simplon", Helvetica, Arial, sans-serif;
  padding-top:15px; 
}
/* Blocs liens */
.BlocLien {
  position:absolute;
  top:0;left:0;
}
.BlocHautEtroit .BlocLien a:link, .BlocHautEtroit .BlocLien a:visited {
  display:block;
  width:300px;
  height:300px;
  text-decoration:none;
}
.BlocHautLarge .BlocLien a:link, .BlocHautLarge .BlocLien a:visited {
  display:block;
  width:460px;
  height:300px;
  text-decoration:none;
}
.BlocBasMoyen .BlocLien a:link, .BlocBasMoyen .BlocLien a:visited {
  display:block;
  width:380px;
  height:200px;
  text-decoration:none;
}
.BlocBasEtroit .BlocLien a:link, .BlocBasEtroit .BlocLien a:visited {
  display:block;
  width:300px;
  height:140px;
  text-decoration:none;
}
.BlocBasEtroit.b3t1 .BlocLien a:link, .BlocBasEtroit.b3t1 .BlocLien a:visited,
.BlocBasEtroit.b3t3 .BlocLien a:link, .BlocBasEtroit.b3t3 .BlocLien a:visited {height:300px ; width:300px;}
.BlocBasEtroit.b3t2 .BlocLien a:link, .BlocBasEtroit.b3t2 .BlocLien a:visited,
.BlocBasEtroit.b3t4 .BlocLien a:link, .BlocBasEtroit.b3t4 .BlocLien a:visited  {height:300px ; width:140px;}
.BlocHautEtroit .BlocLien a:hover, .BlocHautEtroit .BlocLien a:focus,
.BlocHautLarge .BlocLien a:hover, .BlocHautLarge .BlocLien a:focus,
.BlocBasMoyen .BlocLien a:hover, .BlocBasMoyen .BlocLien a:focus,
.BlocBasEtroit .BlocLien a:hover, .BlocBasEtroit .BlocLien a:focus {
  background-color:#fff;
  opacity:0.2;
  filter:alpha(opacity=20);
}
.BlocBasMoyen img:hover {  
  opacity:0.8;
  filter:alpha(opacity=80);
}
/* taille des tuiles du bas */
#blocsAccueil {margin-left:-20px; width:960px; overflow:hidden;}
.b3t1, .b3t3 {
  width:300px;
  height:300px;
  padding-top:180px;
}
.b3t2, .b3t4 {
  width:140px; 
  height:300px;
  padding-top:140px;
}
.b3t5, .b3t6, .b3t7 {
  height:140px;
  width:300px;
  padding-left:154px;
}
.BlocBasEtroit.b3t5 p, .BlocBasEtroit.b3t6 p, .BlocBasEtroit.b3t7 p {font-size:.92em}
.BlocBasEtroit.b3t5 p.SurTitre,.BlocBasEtroit.b3t6 p.SurTitre,.BlocBasEtroit.b3t7 p.SurTitre {padding-top:10px;  }
/* 4 Grilles couleurs de la page d'accueil */
/*
GRILLES 1 et 2 INVERSEES A LA DEMANDE DES COM
.b1t1, .b3t4, .b3t6 {background-color: #0065af;}
.b1t2, .b3t1, .b3t7 {background-color: #d51a00;} 
.b1t3, .b2t1, .b3t2 {background-color: #148944;}
.b1t4, .b3t3, .b3t5 {background-color: #771c51;}
.GrilleCouleur2 .b1t1, .GrilleCouleur2 .b3t4, .GrilleCouleur2 .b3t6 {background-color: #771c51;}
.GrilleCouleur2 .b1t2, .GrilleCouleur2 .b3t1, .GrilleCouleur2 .b3t7 {background-color: #0065af;} 
.GrilleCouleur2 .b1t3, .GrilleCouleur2 .b2t1, .GrilleCouleur2 .b3t2 {background-color: #d51a00;}
.GrilleCouleur2 .b1t4, .GrilleCouleur2 .b3t3, .GrilleCouleur2 .b3t5 {background-color: #148944;}
*/
.b1t1, .b3t4, .b3t6 {background-color: #771c51;}
.b1t2, .b3t1, .b3t7 {background-color: #0065af;} 
.b1t3, .b2t1, .b3t2 {background-color: #d51a00;}
.b1t4, .b3t3, .b3t5 {background-color: #148944;}
.GrilleCouleur2 .b1t1, .GrilleCouleur2 .b3t4, .GrilleCouleur2 .b3t6 {background-color: #0065af;}
.GrilleCouleur2 .b1t2, .GrilleCouleur2 .b3t1, .GrilleCouleur2 .b3t7 {background-color: #d51a00;} 
.GrilleCouleur2 .b1t3, .GrilleCouleur2 .b2t1, .GrilleCouleur2 .b3t2 {background-color: #148944;}
.GrilleCouleur2 .b1t4, .GrilleCouleur2 .b3t3, .GrilleCouleur2 .b3t5 {background-color: #771c51}
.GrilleCouleur3 .b1t1, .GrilleCouleur3 .b3t4, .GrilleCouleur3 .b3t6 {background-color: #148944;}
.GrilleCouleur3 .b1t2, .GrilleCouleur3 .b3t1, .GrilleCouleur3 .b3t7 {background-color: #771c51;}
.GrilleCouleur3 .b1t3, .GrilleCouleur3 .b2t1, .GrilleCouleur3 .b3t2 {background-color:  #0065af;}
.GrilleCouleur3 .b1t4, .GrilleCouleur3 .b3t3, .GrilleCouleur3 .b3t5 {background-color: #d51a00;}
.GrilleCouleur4 .b1t1, .GrilleCouleur4 .b3t4, .GrilleCouleur4 .b3t6 {background-color: #d51a00;}
.GrilleCouleur4 .b1t2, .GrilleCouleur4 .b3t1, .GrilleCouleur4 .b3t7 {background-color: #148944;}
.GrilleCouleur4 .b1t3, .GrilleCouleur4 .b2t1, .GrilleCouleur4 .b3t2 {background-color: #771c51;}
.GrilleCouleur4 .b1t4, .GrilleCouleur4 .b3t3, .GrilleCouleur4 .b3t5 {background-color:  #0065af;}
/* WWW Diaporama Accueil WWW */
.DiaporamaAccueil {
  width:620px;
  height:300px;
  float:left;
  margin-right:20px;
  padding:5px 0;
}
.DiaporamaAccueil > p {display:none;}
.DiaporamaAccueil p strong {color:#000}
.DiaporamaAccueil .Global-Carrousel {
  background-color:#fff!important;
  font-size:.84em;
  padding-top:5px;
  margin-left:-16px; /* corrige l'alignement */
}
.bx-next, .bx-prev {background-color:#f5f5f5}
.bx-next:hover, .bx-prev:hover {background-color:#D3E4B8;}
.DiaporamaAccueil .bx-next, .DiaporamaAccueil .bx-prev {background-color:#f5f5f5}
.DiaporamaAccueil h1, .DiaporamaAccueil h2 {font-size:1.2em; margin:0 5px;
padding-left:0;}
.DiaporamaAccueil .bx-next:hover, .DiaporamaAccueil .bx-prev:hover {background-color:#D3E4B8;}
.DiaporamaAccueil #Global-Carrousel li p {margin-left:2px}
.DiaporamaAccueil #Global-Carrousel .bx-wrapper {width:610px!important;padding:0 15px;height:275px;padding-left:25px}
.DiaporamaAccueil .LN_Accueil {float:right;font-size:.8em;margin-top:5px;display:inline}
#ContenuAccueil .LN_Accueil a:link, #ContenuAccueil .LN_Accueil a:visited {
  color:#000; text-decoration:underline;}
#ContenuAccueil .LN_Accueil a:hover, #ContenuAccueil .LN_Accueil a:focus {
  color:#333; text-decoration:none;}
/* WWW MEGA MENU WWW */
#MegaMenu {margin:5px 0 13px 0;min-height:46px;}
.MegaMenuNiv1>li  {
  display:block;
  border-left:1px solid #020202;
  height:44px;
  float:left;
  position:relative;
}
.MegaMenuNiv1>li.MegaDossier {float:right;border-right:1px solid #020202;}

.MegaMenuNiv1>li>a:link, .MegaMenuNiv1>li>a:visited {
  display:block;
  height:44px;
  padding:5px 14px 0px 7px;
  text-decoration:none;
  color:#020202;
  text-transform:uppercase;
  font-size:.96em;
  font-weight:bold;  
}
.MegaMenuNiv1>li>a span {text-transform:none;}
.MegaMenuNiv1>li.MegaDossier>a:link, .MegaMenuNiv1>li.MegaDossier>a:visited {background-color:#f2f3f4!important;}
.MegaMenuNiv1>li>a:hover, .MegaMenuNiv1>li>a:focus,
.MegaMenuNiv1>li.MegaDossier>a:hover, .MegaMenuNiv1>li.MegaDossier>a:focus {background-color:#000!important; color:#fff}
.MegaMenuNiv1>li>a.MenuAccueil:hover, .MegaMenuNiv1>li>a.MenuAccueil:focus {
  background-color:#fff!important;  
  opacity:0.6;
  filter:alpha(opacity=60);
}
.MegaMenuNiv1>li:first-child {border-left:0;}
.MegaMenuNiv2{
  position:absolute;
  z-index:5000;
  background-color:#fff;
  border:2px solid #333;
  padding-bottom:10px;
  top:44px;
  left:-1px;
  display:none;
}
#MegaSousMenu1.MegaMenuNiv2 {width:644px;}
#MegaSousMenu2.MegaMenuNiv2 {width:730px;}
#MegaSousMenu3.MegaMenuNiv2 {width:586px;}
#MegaSousMenu4.MegaMenuNiv2 {white-space:nowrap;width:500px;}
#MegaSousMenu5.MegaMenuNiv2 {white-space:nowrap;}
#MegaSousMenu6.MegaMenuNiv2 {white-space:nowrap;width:394px; left:-314px;}
#MegaSousMenu7.MegaMenuNiv2 {white-space:nowrap;}
.nouveauSiteJeuneTitre {margin-top:10px}
.pubMegaBAnQnum {margin-top:15px}
.nouveauSiteJeuneTitre .navTitre {text-transform:uppercase;padding:10px 0 0 20px!important}
#MegaSousMenu6.MegaMenuNiv2 .nouveauSiteJeuneTitre li.nouvSiteLien a {padding:0;}
#MegaSousMenu6.MegaMenuNiv2 .nouveauSiteJeuneTitre li.nouvSiteLien a:hover, 
#MegaSousMenu6.MegaMenuNiv2 .nouveauSiteJeuneTitre li.nouvSiteLien a:focus {
  background-color:#fff; opacity:.6;}
#MegaSousMenu4.MegaMenuNiv2 .pubMegaBAnQnum li.nouvSiteLien a {padding:0;}
#MegaSousMenu4.MegaMenuNiv2 .pubMegaBAnQnum li.nouvSiteLien a:hover, 
#MegaSousMenu4.MegaMenuNiv2 .pubMegaBAnQnum li.nouvSiteLien a:focus {
  background-color:#fff; opacity:.6;}

a.Confetti:link, a.Confetti:visited {background-image: url(/images/interface14/confetti_jeunes.png);
  background-position: right top;
  background-repeat:no-repeat;
  color:#000!important;
}
/* Mega English */
.MegaEng .MegaMenuNiv1>li>a:link, .MegaEng .MegaMenuNiv1>li>a:visited {
  padding:5px 18px 0px 8px;
}
.MegaEng #MegaSousMenu1.MegaMenuNiv2 {width:654px;}
.MegaEng #MegaSousMenu2.MegaMenuNiv2 {width:770px;}
.MegaEng #MegaSousMenu3.MegaMenuNiv2 {width:480px;}
.MegaEng #MegaSousMenu4.MegaMenuNiv2 {width:480px;}
.MegaEng #MegaSousMenu6.MegaMenuNiv2 {width:384px;left:-302px;}
/* Fin Mega English */
.MegaMenuNiv2 li {list-style-type:none;padding:0;}
.ColonX3 {float:left;}
.ColonX1 {clear:left;}
.navTitre {font-weight:bold;padding:15px 20px 17px 20px!important;}
.navSousTitre {font-weight:bold; padding:3px 20px 5px 20px!important; font-size:.84em; background-color:#f6f6f6;}
.MegaMenuNiv2>li a:link, .MegaMenuNiv2>li a:visited {
  padding:5px 20px 8px 20px;
  display:block;
  text-decoration:none;
  color:#020202;
  font-size:.84em;
}
.MegaMenuNiv2>li a:hover, .MegaMenuNiv2>li a:focus {background-color:#f5f5f5;}
.NewRomansAlire {max-width:240px;white-space:normal;}
.MsgMegaMenu {
  border:1px solid #946754;
  text-align:center;
  font-weight:bold;
  background-color:#f4d6a1;
  padding:10px 15px;
  margin:16px 10px 0 10px;
}
#ButBAnQnum {float:right; margin-top:18px;}
#ButBAnQnum a img {border:0;}
/* Page validation des tuiles */
#formulaireValidation {border:1px solid #020202;width:780px;;background-color:#333;padding:8px 5px; 
  text-align:center; box-shadow: 4px 4px 6px #666;color:#eee; margin:0 0 10px 0}
#formulaireValidation span:first-child {font-weight:bold}
#formulaireValidation select {min-width:20px;margin-right:3px}
#formulaireValidation input[type=text] {min-width:20px;margin-right:3px;margin-left:3px;text-align:center;}
#formulaireValidation input[type=submit] {background-color:#fff;border:1px solid #020202;padding:3px 15px;border-radius:5px;margin-left:10px;
cursor:pointer; font-weight:bold;}
#formulaireValidation input[type=submit]:hover {background-color:#ddd;}
/* Tableau des horaires */
#TabHoraire  {border-left:1px solid #ddd;border-top:1px solid #ddd;width:100%}
#TabHoraire td {border-right:1px solid #ddd;border-bottom:1px solid #ddd; padding:3px; text-align:center;}
#TabHoraire th {border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:3px;background-color:#f7f7f7;}
#r1 {background-color:#fff!important;text-align:left;font-weight:normal;padding-left:5px!important;}
#r2, #r3, #r4, #r5, #r6, #r7, #r8 {background-color:#fff!important;text-align:left;font-weight:normal;padding-left:15px!important;}
/* Page Wiki */
.wikiTuile {margin:10px 00px 30px 0px; }
.wikiTuile a {display:inline-block; width:49%}
.wikiTuile a:nth-child(odd) {margin:20px 0 0 10px;}
.wikiTuile a:nth-child(even) {margin:20px 0 0 0;*/}
.wikiTuile a img {width:100% }
.wikiTuile a:hover, .wikiTuile a:focus {opacity:.8;}
/* QdN SQLA */
.sqlaQdnDate {font-weight:bold;font-size:.92em}
.sqlaQdnEntete .sqlaQdnDate {display:block;}
.sqlaQdnItem {overflow:hidden; margin:3px 0}
.sqlaQdnEntete {padding:3px 7px;}
.sqlaQdnEntete:hover {cursor:pointer;}
.sqlaQdnContenu {display:none;}
.sqlaQdnContenu div img {max-width:240px}
.sqlaQdnEntete > p {margin-bottom:-15px!important}
.OuvreFermeSqla {text-align:right; font-weight:bold; color:#666;}
.OuvreFermeSqla span:hover {cursor:pointer; color:#000;}
.sqlaToutesNouvelles {text-align:right; font-weight:bold;}
/* Qdn Actif */
.qdnActif .sqlaQdnEntete, .ouvreItem1 .sqlaQdnItem:first-child .sqlaQdnEntete {background-color:#eee; border-bottom:1px solid #ddd}
.qdnActif.sqlaQdnItem, .ouvreItem1 .sqlaQdnItem:first-child {border:1px solid #ddd; margin-bottom:10px;}
.qdnActif .sqlaQdnContenu, .ouvreItem1 .sqlaQdnItem:first-child .sqlaQdnContenu {display:block; padding:7px;}

#ouvreColGauche {
    display:none;
}

/* Conditions d'utilisation de contenu */

h3.panel-title {
  padding: 20px 40px 20px 20px!important;
  background-color:#ddd!important;
}
h3.panel-title a  {
  color:#000!important;
  font-weight:bold;
  font-size:14px;
  border:0;
}
h3.panel-title a:link, h3.panel-title a:visited, h3.panel-title a:hover,
h3.panel-title a:focus, h3.panel-title a:active {
  border:0;
  outline:0;
}
h3 a .fa-minus-circle {
  display:none;
}
h3 a .fa-plus-circle{
  float:right;
  display:inline-block;
}
h3 a[aria-expanded="true"] .fa-plus-circle{
  display:none;
}
h3 a[aria-expanded="true"] .fa-minus-circle{
  float:right;
  display:inline-block
}
h3.cliqueAccordeon  {
  background-color:#757575!important;
}
h3.cliqueAccordeon a {
  color:#fff!important;
}
div.panel-heading {
  padding:0;
}
div.panel-body {
  line-height:14px;
  font-size:12px;
}
.panel {
  border-style: solid;
  border-color: #ebebeb;
  border-width: 0 0px 1px 1px;
  border-radius: 0 !important;
  margin:0 !important;
}
.panel-group {
  margin-top:-2px;
  margin-bottom:0;  
}
.panel-body  ul {
  margin-left:0!important;
}