/* AJOUT Fev 2021 - Modif Fev 2022 - Modif Aout 2022 - PROD */
/* GIZMO */
.sg-b-bar {
  width:550px; 
  position:fixed;
  bottom:0;
  left:45%!important; 
  height:140px; 
  opacity:.96; 
  border-top-left-radius:10px; 
  border-top-right-radius:10px;
  padding:20px; 
  border:3px solid #0065af;
  border-bottom:none;
  background-color:#fff;
  color:#020202;
}
.sg-b-bar h2 {font-size:18px;margin-top:0; margin-bottom:8px}
.sg-b-bar h2 span {white-space:nowrap;}
.sg-b-bar p {padding-bottom:20px; font-size:14px; line-height:18px;}
.sg-b-bar a:link, .sg-b-bar a:visited {text-decoration:underline;color:#020202; }
.sg-b-bar a:hover, .sg-b-bar a:focus {text-decoration:none;}
.close {float:right; margin:0 0 8px 8px}
.close button {border:0; width:40px; height:40px; font-weight:900; font-size:18px; background-color:#fff;border-radius:50%}
.close button:hover, .close button:focus {background-color:#f4f4f4; cursor:pointer;}
/* FIN GIZMO */

/* ENTETE */
header {
	width:940px; 
	margin:0 auto; 
	overflow:hidden;
	padding:0 0 19px 0;
}
.enteteLogo div {
	float:left;
	margin-top:30px;
	margin-right:50px;
}
.enteteLogo div.logoAccueil  {
    margin-right:0;
    margin-bottom:14px;
}
.enteteLogo img {
    height:100px; 
    margin:10px 0;
}
p.titreSection {
  font-family: 'Roboto', sans-serif;
  font-size:62px;
  padding-top:51px;
  font-weight:300; 
  color:#fff
}
p.titreSection span {
	text-transform:none;
}
.PageAccueil p.titreSection {
  padding-top:32px;
}
.miniMenuTop {
	margin-top:11px;
	float:right;
}
.miniMenuTop li {
	list-style-type:none;
	display:inline;
	font-size:14px; 
	font-weight:300;
}
.miniMenuTop a:link, .miniMenuTop a:visited {
	color:#fff;
	text-decoration:underline;
	margin-left:8px;
}
.miniMenuTop a:hover, .miniMenuTop a:focus {
	color:#fff; 
	text-decoration:none;
}
/* Heures et adresses */
.menuHeures {
    position:relative;
}
.menuHeures ul {
    display:none;
}
.menuHeures button {
	color:#fff;
	border:0;
	background-color:transparent;
	text-decoration:underline;
	margin-right:5px;
	margin-left:8px;
	font-size:14px
}
.menuHeures button:hover, .menuHeures button:focus {
    cursor:pointer; 
    text-decoration:none;
}
.menuHeures i {
    margin-left:5px;
	font-size:16px;
}
.menuHeures  .fa-caret-up {
    display:none;
}
.menuHeures.menuHeuresOuvert .fa-caret-up,
.menuHeures:hover .fa-caret-up {
    display:inline-block;
}
.menuHeures.menuHeuresOuvert .fa-caret-down,
.menuHeures:hover .fa-caret-down {
    display:none;
}
.menuHeures.menuHeuresOuvert ul ,
.menuHeures:hover ul {
    display:block;
	position:absolute;
	z-index:1000;
	left:0px;
	padding-top:3px;
	margin-top:0;
	width:200px;
	border-bottom:0;
}
.menuHeures li {
    display:block;
    padding:0 
}
.menuHeures li a:link, .menuHeures li a:visited {
    display:block;
    padding:8px 10px;
    text-decoration:none;
	background-color:#fff;
	color:#202020;
	font-size:14px;
	border:1px solid #000;
	border-bottom:0
}
.menuHeures li:last-child a:link, .menuHeures li:last-child a:visited {
    border-bottom:1px solid #000;
}
.menuHeures li a i {
	float:right;
}
.menuHeures li a:hover, .menuHeures li a:focus {
    background-color:#000;
    color:#fff;
}
.cacheExSite {display:none!important;}
.ContainerCouleur, .Apropos .ContainerCouleur {background-color:#0057a7;}
.Collections .ContainerCouleur {background-color:#d24615; /* d3450d; #e57d03 */}
.Services .ContainerCouleur {background-color: #9b0057; }
.Activites .ContainerCouleur {background-color:#6e1873;}
.Ressources .ContainerCouleur {background-color:#618000; /* #86a20c */}
.Adaptes .ContainerCouleur {background-color:#a3abb1;}
.Archives .ContainerCouleur {background-color:#4d616f;margin-top:-17px; /* Voir Bug d'affichage */}
.Recherches .ContainerCouleur {background-color:#008640; /* #9c1006; */}
.Visites .ContainerCouleur {background-color:#01828e;}
.ContainerCouleur.accueil {background-color:#000;}
/* Menu Générique */
#menuGeneriqueContainer {
    border-bottom:1px solid #707070; 
    margin-bottom:20px;
}
#menuGenerique {
    width:940px;
    margin:0 auto;
}
#menuGenerique ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
}
#menuGenerique li {
	list-style-type:none; 
	display:block; 
	margin:0; 
	padding:0;
}
#menuGenerique li a:link, #menuGenerique li a:visited {
    display:block;
    height:100%;
    padding:22px 0 21px 0;  
	text-align:center;
	font-family: 'Roboto', sans-serif;
    text-decoration:none;
    color:#030303; 
    font-weight:600;
	text-transform:uppercase; 
	font-size:14px
}
#menuGenerique li a:link span, #menuGenerique li a:visited span {
	text-transform:none;
}
#menuGenerique li a.active:link, #menuGenerique li a.active:visited,
#menuGenerique li a:hover, #menuGenerique li a:focus {
    background-color:#d7d7d7;
    color:#5c5c5c;
}
.w10 {width:10%}
.w12 {width:12%}
.w14 {width:15%}

/* Barre de Menu / Recherche */
#enteteBarreMenu {
    background-color:#707070;
}
.flexBarre {
    width:940px; 
    margin:0 auto;
    display:flex; 
    justify-content: space-between;
    /*font-family: 'Roboto', sans-serif;*/
	font-size:16px;
}
.flexBarre i {
	font-size:30px;
}
.flexBarre > div {
	height:49px;
}
.flexBarre li {
    list-style-type:none;
}
.flexBarre > div > ul {
    display:flex;
}
.userOff a:link, .userOff a:visited, 
.userOn a:link, .userOn a:visited {
    display:inline-block;
    background-color:#b62963; 
    text-decoration:none; 
    color:#fff; 
    font-weight:bold;
}
.userOff a:link, .userOff a:visited {
    padding-left:24px; 
    padding-right:10px; 
}
.userOn a:link, .userOn a:visited {
    padding-left:10px; 
    padding-right:10px; 

}
.userOff a:hover, .userOff a:focus,
.userOn a:hover, .userOn a:focus{
    color:#444; 
    background-color:#ddd;
}
a.iconeBarreMenu:link i, a.iconeBarreMenu:visited i {
	display:inline-block;
    width:50px; 
    border:0;
    color:#fff; 
    background-color:#707070;
    cursor:pointer;
    line-height: 44px;
	padding-bottom:5px;
	text-align:center;
}
.userOff a.iconeBarreMenu:link i, .userOff a.iconeBarreMenu:visited i,
.userOn a.iconeBarreMenu:link i, .userOn a.iconeBarreMenu:visited i {
    background-color:#b62963;
}
.userOff a.iconeBarreMenu:hover i, .userOff a.iconeBarreMenu:focus i,
.userOn a.iconeBarreMenu:hover i, .userOn a.iconeBarreMenu:focus i,
a.iconeBarreMenu:hover i, a.iconeBarreMenu:focus i {
    color:#444; 
    background-color:#ddd;
}
.userOn .iconeBarreMenu {position:relative;}
.userOn .iconeBarreMenu .fa-caret-up, 
.userOn .iconeBarreMenu .fa-caret-down {
    position:absolute; 
    right:5px; 
    bottom:-10px; 
    font-size:10px!important; 
    width:10px;
    height: 10px
    line-height: 10px; 
    background-color:transparent!important;
}
.userOn .iconeBarreMenu .fa-caret-up {display:none;}
.userOn.userOuvert .iconeBarreMenu .fa-caret-down {display:none}
.userOn.userOuvert .iconeBarreMenu .fa-caret-up {display:inline-block;}

/* Sous-Menu Authentifié */
.userOn ul {display:none; position:absolute; z-index:500000; margin-left:-112px; border-top:1px solid #666;}
.userOn.userOuvert ul {display:block; }
.userOn li { border-bottom:1px solid #666}
.userOn li a:link, .userOn li a:visited {display:block; width:100%; padding:10px 10px 10px 14px; font-size:14px;
    text-decoration:none; 
    color:#fff; 
    font-weight:bold; 
    background-color:#707070;
    width:183px;}
.userOn li.deconnexion a:link, .userOn li.deconnexion a:visited  {background-color:#333}
.userOn li.deconnexion a:hover, .userOn li.deconnexion a:focus  {background-color:#ddd}
.userOn li a i {float:right; margin-right:5px; font-size:18px;}
.userOn li a:hover, .userOn li a:focus {
    background-color:#ddd;color:#444;
} 
    
.flexBarre button {
    height:49px;
    font-weight:600;
    min-width:50px;
    border:0;
    color:#fff; 
	font-size:16px;
    font-family: Arial, Helvetica, sans-serif;
    background-color:#707070;
    cursor:pointer;
    line-height: normal;
    -webkit-user-select: none; 
    -moz-user-select: none;
    -ms-user-select: none; 
    padding: 0 5px;
    overflow: visible;
}
.flexBarre button:hover, .flexBarre button:focus  { 
    color:#444; 
    background-color:#ddd;
}
.menuNosSites{position:relative;}
.menuNosSites button {
	margin-left:40px;
	padding-left:25px;
	padding-right:25px;
}
.menuNosSites button:hover, .menuNosSites button:focus, .menuNosSites.menuSitesOuvert button {
	background-color:#3170e6;
	color:#fff;}
.flexBarre .menuNosSites i {
	margin-left:10px; 
	font-size:16px;
}
.menuNosSites ul { display:none;}
.menuNosSites .fa-caret-up {display:none;}
.menuNosSites.menuSitesOuvert .fa-caret-up,
.menuNosSites:hover .fa-caret-up {
    display:inline-block;
}
.menuNosSites.menuSitesOuvert .fa-caret-down,
.menuNosSites:hover .fa-caret-down{
    display:none;
}
.menuNosSites.menuSitesOuvert ul,
.menuNosSites:hover ul{
    display:block;
	position:absolute;
	z-index:1000;
	left:40px;
	width:200px;
	border:1px solid #fff;
	border-bottom:0;
}
 .menuNosSites li a:link,  .menuNosSites li a:visited {
	display:block; 
	background-color:#3170e6; 
	padding:8px 10px; 
	color:#fff;
	font-size:14px;
	text-decoration: none;
	overflow:hidden;
	border-bottom:1px solid #fff;
}
.menuNosSites li a:hover, .menuNosSites li a:focus {
	background-color:#0057a7;  color:#fff;
}
.menuNosSites li a i {
	float:right;
}
.modalRecherche {
    position: absolute; 
    top:0; 
    left:0;
    bottom:0; 
    right:0; 
    z-index:2000;
    display: flex;
    justify-content: center;
}
.fondNoir {
    position: absolute;
    top:0; 
    left:0;
    width:100%; 
    height:100%;
    overflow:hidden;
    background-color:#000; 
    opacity:.8; 
    z-index:2001;
} 
.intModalRecherche {
    position: absolute; 
    top:0;
    left:50%;
    margin-left:-300px;
    margin-top:120px;
    width:600px; 
    max-width:100%;
    z-index:2002;
    background-color:#fff; 
    padding:32px 32px 0 32px; 
    border-radius:1px;
}
.intModalRecherche i.fa {
    font-size:14px
}
.intModalRecherche button.closeModaleRecherche {
	float:right; 
	color:#000;
	background-color:#fff;
	margin:-30px -30px 0 0; 
}
.intModalRecherche button.closeModaleRecherche i {
	font-size:14px;
}
.intModalRecherche .closeModaleRecherche:hover {
	cursor:pointer; 
	color:#666;
}
.intModalRecherche input[type=text] {
	width:100%;
	padding:12px 5px;
	font-size:16px; 
	margin:0;
}
.intModalRecherche ul {
	margin: 0 -6px 0 0;
	padding-top:12px
}
.intModalRecherche li {
	list-style-type:none; 
	padding:0 15px 0 0;
	display:block;
	width:33%; 
	margin-top:20px;
	min-height:110px;
	float:left;
}
.intModalRecherche li:nth-child(3)  {
    padding-right:0;
}
.rechCheck + span {
    display:inline-block; 
    padding:10px 3px 0 15px;
    font-size:12px;
}
.intModalRecherche label {
    display:block;
    padding: 10px;
	background-color:#e5e5e5;
    font-size:14px; 
    font-weight:normal;
    margin:5px 0 5px 5px;
    cursor: pointer;
}
.intModalRecherche label:hover {
    background-color:#eee;
}
.intModalRecherche h2 {
	padding:0;
	font-size:22px;
	background-color:#fff;
	border:0;
	margin:5px 0 20px 0;
}
.intModalRecherche input.submitSearch {
    float:right;
	display:block;
	margin-top:-110px; 
	font-size:16px; 
	background-color:#2355a1; 
	color:#fff;
	border:1px solid #2355a1; 
	padding:13px 40px;
}
.intModalRecherche input.submitSearch:hover, .intModalRecherche input.submitSearch:focus {
	background-color:#5b9efd;
}

/* CONTENU */
#ColCentre h1, #ColCentre h2 {
  font-family: 'Roboto', sans-serif;
}
.sansLien {
    font-weight:bold;
}
em {font-style: italic;}
strong {font-weight:bold;}
.chapoInfo { /* eX = FORMULAIRE D'ABONNEMENT */
	Background-color:#f6f6f6; 
	margin:20px 0 40px; 
	padding:20px 10px 10px 10px;
	font-size:14px; 
	line-height:16px;
}
#ColCentre .chapoInfo  a:link, #ColCentre .chapoInfo  a:visited {
	color:#000;
}
#ColCentre a.boutonLien:link, #ColCentre a.boutonLien:visited,
input.boutonLien, button.boutonLien {
	display:inline-block; 
	margin:20px 40px 20px 0; 
	padding:10px 20px; 
	text-decoration:none;
}
#ColCentre  a.boutonPrimaire:link, #ColCentre  a.boutonPrimaire:visited,
input.boutonPrimaire,button.boutonPrimaire {
	border:1px solid #0057a6; 
	color:#fff;
	background-color:#0057a6;
 }
a.boutonSecondaire:link,  a.boutonSecondaire:visited {
	border:1px solid #cdd2d6; 
	background-color:#cdd2d6;
}
#ColCentre  a.boutonPrimaire:hover, #ColCentre  a.boutonPrimaire:focus,
input.boutonPrimaire:hover, button.boutonPrimaire:hover, input.boutonPrimaire:focus, button.boutonPrimaire:focus,
a.boutonSecondaire:hover,  a.boutonSecondaire:focus {
	background-color:#fff;
	color:#000;
}
/* ISNI - Accordean - bouton */
#ColCentre .Faq_ISNI ol {
	margin-left:0px;
	list-style-position: inside;
}
.openerISNI {
    font-size:14px; 
    cursor:pointer;
}
.openerISNI i {
    display:none;
}
#ColCentre  a.openerISNI:link ,#ColCentre a.openerISNI:visited {
    text-decoration:none; 
    color:#000;
}
#ColCentre  a.openerISNI:active{
     text-decoration:none;
     color:#000;
}
#ColCentre  a.openerISNI:hover {
    text-decoration:underline; 
    color:#999;
}
.Faq_ISNI ol > li { 
    margin:10px 0; 
    padding:10px;
}
.Faq_ISNI ol > li.On {
    border:1px solid #ccc;
}
.Faq_ISNI div {
    background-color:#fafafa; 
    padding:15px; 
    display:none;
    margin:5px -10px -10px;
}
.Faq_ISNI li.On div {
    display:block;
}
li.On .openerISNI i {
    font-size:16px; 
    float:right; 
    display:block;
}
.Services #ColCentre a.buttonInvert:link, .Services #ColCentre a.buttonInvert:visited {
    display:inline-block;
	text-align:center; 
	background-color:#9b0057; 
	border:2px solid#9b0057; 
	color:#fff; 
	text-decoration:none;
	font-weight:600; 
	font-size:14px;
	line-height:18px;
	padding:10px 20px;
}
.Services #ColCentre a.buttonInvert:hover, .Services #ColCentre a.buttonInvert:focus {
	background-color:#fff;
	color:#9b0057;
}
	   
	 
		
 
	
	 
	   
 
	  
	 
 
				
		
	  
 
		
		
	
 
		
		  
	  
 
	 
	   
	 
 
	   
		
 
	  
		 
	  
	 
		 
 
	  
	  
 
	  
	 
	 
	  
 
																				 
	   
	 
		 
		
	
	   
	  
	
	  
	   
 
																			
		
	  
 

/* FOOTER */
footer {
	font-family: 'Roboto', sans-serif;
}
footer > div {
	padding:25px 0;
}
footer li, footer p {
	font-size:16px;
	line-height:18px; 
	font-weight:300;
	list-style-type:none;
	margin-bottom:20px
}
.pdpInfolettre {
    margin-top:-18px;
}
footer .container {
    margin:10px auto; 
    width:940px;
}
#footer1 {background-color:#626262;}
#footer1 .container {overflow:hidden;}
#footer1 .container> div {
    float:left;
    width:30%;
}
#footer1 .container> div:nth-child(2),
#footer1 .container> div:nth-child(5) {width:45%;}
#footer1 .container> div:nth-child(3),
#footer1 .container> div:nth-child(6) {width:25%;}
#footer2 {background-color:#000;}
#footer2 .container {overflow:hidden;}
#footer2 .container> div {
    float:left;
    width:30%;
}
#footer2 .container> div:nth-child(2) {width:45%;}
#footer2 .container> div:nth-child(3) {width:25%;}
#footer1 a:link, #footer1 a:visited,
#footer2 a:link, #footer2 a:visited {
	color:#fff;
    text-decoration:none;
}
#footer1 a:hover, #footer1 a:focus,
#footer2 a:hover, #footer2 a:focus {text-decoration:underline;}
#footer1 h2, #footer2 h2 {
	background-color:transparent; 
	border:0; 
	color:#fff;
	padding: 0; 
	font-size:18px; 
	line-height:18px;
	margin:10px 0 20px;
}
#footer1 button {
    font-family: 'Roboto', sans-serif;
    font-weight:600;
    font-size:16px;
    margin-top:36px;
}
#footer1 button i {margin-right:5px;}
#footer1 button:hover {opacity:.6;}
		  
#footer1 button#footerQuestion,
#footer1 button#footerInfolettre {
    background-color:#bebebe;
    border:1px solid #bebebe;
    padding:7px 10px;
    margin-top:16px;
}
																				   
.footerIcones {
    margin-left:-5px;
    margin-right:-5px;
}
.footerIcones a {
    display:inline-block;
    padding:5px;
}
.footerIcones a:hover, .footerIcones a:focus {opacity:.6;}
			   
 
			 
#footer2 li {padding-right:20px}
 
#footer3 h2 {
    border:0; 
    background-color:transparent; 
    font-size:14px; 
    color:#505050; 
    font-weight:400; 
    margin-bottom:0; 
    padding:0; 
}
.footerPartenaire span {
    display:inline-block;
    margin:0 -5px 10px -5px;
}
.footerPartenaire a {
    padding:5px;
    margin-right:10px;
}
.footerPartenaire a:last-child {margin-right:0;}
.footerPartenaire a:hover {opacity:.6;}
.footerLiens {
    color:#202020;
    text-align:center;
    margin-top:20px;
}
.footerLiens a:link, .footerLiens a:visited {
    display:inline-block; 
    padding:5px;
    font-size:16px; 
    line-height:18px; 
    color:#202020;
    text-decoration:none;
}
.footerLiens a:hover, .footerLiens a:focus {text-decoration:underline;}
.footerPIV {
      margin-top:20px;
      text-align:center;
}
.padTop {padding-top:20px;}
/* XXXXXXX Mecanique Message important XXXXXXX */
#MessageImportant {
	padding:25px; 
	font-family: 'Roboto', sans-serif;
} 
#MessageImportant > div {
	max-width: 940px; 
	margin:0 auto;
	padding-left:55px;
}
#MessageImportant.niveau1 {
	background-color:#c00e29; 
}
#MessageImportant.niveau2 { 
	background-color:#fde149; 
}
#MessageImportant.niveau3 {
	background-color:#fde149; /*#0069b7; */
}
#MessageImportant.niveau1 > div {
	background-image: url('/images/interface/messageimportant/mess-niv1.png');
	background-repeat: no-repeat;
	background-position: 5px top; 
}
#MessageImportant.niveau2  > div {
	background-image: url('/images/interface/messageimportant/mess-niv2.png');
	background-repeat: no-repeat;
	background-position: 5px top; 
}
#MessageImportant.niveau3  > div {
	background-image: url('/images/interface/messageimportant/mess-niv3.png');
	background-repeat: no-repeat;
	background-position: 5px top; 
}
/* Corrige bug: si <sup>abc</sup> sous boite de message, "abc" apparaissait dans boite message.*/
#MessageImportant + div sup {
	z-index:1
}
#MessageImportant h1 {
	color:#000;
	text-transform:none;
	font-size:18px;
	line-height:16px;
	padding:5px 0;
}
#MessageImportant h1 a:link {
	float:right;
}
#MessageImportant p {
	font-size:14px;
	line-height:18px;
}
#MessageImportant a:link, #MessageImportant a:visited { 
	color:#000; 
}
#MessageImportant.niveau1 h1 ,  #MessageImportant.niveau1, 
#MessageImportant.niveau1 a:link, #MessageImportant.niveau1 a:visited {
	color:#fff;
}
#MessageImportant.niveau1 h1 a:link,#MessageImportant.niveau1 h1 a:visited {
	filter:invert(100%);
}
#MessageImportant a:hover, #MessageImportant a:focus  {
	text-decoration:none;
}
#MessageImportant .wrapper div {   
	/* Adapter la taille et les marges en fonction du nombre de boutons*/
	width:26%;
	margin:1em 0 .6em 9%;
	float:left;
}
#MessageImportant .wrapper div:first-child {
	margin-left:0;
}
#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:1px;
	background-color:#f3f3f3;
	border:3px solid #888;
}
#MessageImportant .wrapper div a:hover, #MessageImportant .wrapper div a:focus {
	background-color:#4b4b4b;
	color:#f3f3f3
}
/* Modif Anglais */
.languageChgt a:link, .languageChgt a:visited {text-decoration: none}
.languageChgt a:focus, .languageChgt a:hover {text-decoration: underline}
.angl {margin-right: 20px}
.angl i {margin-right: 5px}
@media only screen and (max-width : 767px) {  
  .languageChgt a{display:block; text-align: right; margin-right: 5px; margin-bottom: 10px;}
  }