/* css janvier 2023 */
/* IMPORT ICONES */
@import url("/exl-html/boot/css/fonts/remixicons/remixicon.css");
/* désactivé car par ex. dans exporter.php on appelle production.css mais on ne veut pas zephyr.css, pour conserver la charte publique @import url("/exl-html/boot/webix/codebase/skins/zephyr.css"); */

/* repris de zephyr.css */
:root {
  --ardoise: #5b6977;
  --blanc: #ffffff;
  --contraste-focus(#1c1c1c);
  --contraste-fond-leger:#1c1c1c;
  --contraste-fond-moyen:#ffffff;
  --contraste-fond-principal:#1c1c1c;
  --danger: #ff391b; /*rouge*/
  --focus: #facc2e; /*jaune orange*/
  --feu-vert: #2da251; /*vert*/
  --charbon-noir: #323a42;
  --charbon: #475466;
  --dark-active: #7f8c8d;
  --dark-focus: #3b444d;
  --dark-hover: #61707e;
  --dark-inactive: #95a5a6;
  --dark-select-bordure: #1787a2;
  --dark-select-color: #1ca1c1;
  --dark-select-hover: #1992af;
  --dark: #657584;
  --dominante: #000091;
  --fond-gris-leger: #bbbbbb;
  --fond-gris-moyen: #aaaaaa;
  --fond-gris-perle: #e7e7e7;
  --fond-leger: #f9e7d4; /*entete panneau accordeon vertical */
  --fond-moyen : #3498db;
  --fond-nacre-bordure: #e7e9f2;
  --fond-nacre: #f2f2f2;
  --fond-principal: #fda753; /*#ff942a; #ffb66e;*/
  --fond-soutenu: #ff942a; /*#2386c8;*/
  --fond-ultraleger: #e5eef4;
  --gris-bleu: #a4b4bf;
  --header-resultats: #f9e7d4;
  --invalide: #ffeeee;
  --jaune: #ffd700;
  --noir: #1c1c1c;
  --onglet-horizontal: #e1e1e1;
  --onglet-vertical: #9fb5d4;
  --orange-rouge: #d76b00; /*orange-rouge*/
  --selection-resultat: #d0e4fa;
  --sombre: #515e6a; /* et 666666 sinon */
}


/* IMPORT FONT Marianne */
@font-face {
  font-family:Marianne;
  src: url('/exl-html/boot/fonts/Marianne-Regular.woff') format('woff');
  src: url('/exl-html/boot/css/fonts/Marianne-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/* GLOBAL */


html, body { height:96%; font-family:Marianne, Helvetica Neue,Helvetica,Arial, sans-serif; font-size:13px; margin-left: 1px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; color:#000000;}

td, ul, ol, p, div, input, h, select { font-family:Marianne; font-size:14px;}

/*  SCROLLBAR-BASE-COLOR: #3978AE; SCROLLBAR-FACE-COLOR: #3978AE; SCROLLBAR-HIGHLIGHT-COLOR: white; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: white; SCROLLBAR-TRACK-COLOR: #94a9ca; */
.body {font-family:Arial;}
.bodygris {background:#fbfbff;}

.m-body {background:white; margin-left: 1px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px;}
.site-fond {background:#e6e6e6 url(/exl-html/images/f.gif) repeat-x;}

.div-body {margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px;}

.link a:link, .link a:visited, .link a:active, .link a:hover{color:#369; text-decoration:none;font-weight:bold;}
a:link, a:visited {text-decoration:none; /*color:#369; font-weight:bold;*/}
a:active, a:hover {text-decoration:none; /*color:#3399ff; font-weight:bold;*/}
a[name]:active, a[name]:hover {text-decoration:none;}
.minimise{line-height:0px}

/* propriété background-color pour Firefox < 3.6, moz-linear-gradient pour Firefox >= 3.6 et filter pour IE */

/* boutons barre navigation */
a.navibtn img:link, a.navibtn img:visited, a.navibtn img:active,
a.navibtn img {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; text-decoration: none; border:none;}


a.navibtn  {
  font-weight:bold; font-family:Marianne; font-size:14px;
  text-align:center;outline-style: none;
}

a.navibtn img:hover {border-radius: 3px; background: var(--focus) none repeat scroll 0 0;} /* la couleur de survol peut correspondre à primary mais il faut que les images soient claires */


a.navibtn_texte{
  font-weight:normal; font-family:Marianne; font-size:14px;
  margin:5px 5px 5px 5px;
  border: 1px solid #83ACCA;
  padding:4px;
  background-color: #F8F8F8;
  background:
  border-radius:3px;
  -khtml-border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  box-shadow:         4px 4px 3px -1px #AAA;
  -khtml-box-shadow:  4px 4px 3px -1px #AAA;
  -moz-box-shadow:    4px 4px 3px -1px #AAA;
  -webkit-box-shadow: 4px 4px 3px -1px #AAA;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);
}

a.navibtn_texte:hover {
  /* color: white; */ /* Modif. car bouton "compléter la notice" invisible dans Z3950 */
  color: var(--dominante);
  /*border-bottom: 2px solid #FFA900;	border-right: 2px solid #FFA900;	border-top: 2px solid #FFD429;	border-left: 2px solid #FFD429;*/
}

/* boutons affichés sur la notice */
a.listebtn:link, a.listebtn:visited, a.listebtn:active, a.listebtn:hover {
  text-decoration:none;}
a.listebtn img:hover {
  background-color:#eeeeee;
  background: -moz-linear-gradient(bottom,#FF9900,#FFCC00,white);
  -webkit-gradient(linear,left top,right bottom,from(#FF9900),to(white));
  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=white, endColorstr=#FF9900);
  }

/* champs colorés */
.oran {color:#ff9900; font-weight:normal;font-size: 12px; }
.oran a:link, .oran a:visited, .oran a:active, .oran a:hover {color:#ff9900; font-weight:bold;}
.bleu {color:#369; font-weight:bold;}
.noir {color:#000;}
.search {color:#FF6600;}

.text {color:#000; line-height:16px; background-color:white;}
.breve {color:#000; line-height:16px; background-color:#e9e9e9;}
.textgris {font-family:Marianne, Helvetica, sans-serif; font-size:12px; color: #999999; font-weight: normal; line-height:16px;}

.t10 {font-size:12px;}
.ul {color:#000;	list-style-type: disc;}

/* SURBRILLANCE */
.highlight {color:#FF0000;}

/* FONDS */
.fjaune {background-color:#3978AE; color:#FFCC33; font-size:12px; font-weight:bold;}
.fblue {background-color:#205EA9;}
.fwhite {background-color:white;}
.fgrey {background-color:#eeeeee;}
.ligne_hz {background:white url(/exl-html/images/m_pt_hz.gif) repeat-x;}

/* INDEX */
.pt-vt-n {background:white url(/exl-html/images/pt_vt_n.gif) repeat-y;}
.pt-vt-n2 {background:white url(/exl-html/images/pt_vt_n2.gif) repeat-y;}
.r-tit { color:#369; font-size:12px; text-align:center;}
.r-form {}
.r-li {background:white; height:18px; font-size:10px;}
.r-li a:link, .r-li a:visited, .r-li a:active, .r-li a:hover {font-size:10px;}
.r-rev-li {vertical-align:top;}
.r-rev-li a:link, .r-rev-li a:visited, .r-rev-li a:active, .r-rev-li a:hover {color:#F90;}
.r-rev-pt {background:white url(/exl-html/images/r_rev_li.gif) repeat-x; height:18px; font-size:9px;}
/*a.navibtn img {padding-top:10px;}*/
.radius-haut a.navibtn img {display:none;}


/* CHEMIN SUIVI jusqu'à la page en cours */
.path {background-color:white; text-align:left; vertical-align:top; color:#A1A1A1;}
.path a:link, .path a:visited, .path a:active, .path a:hover {color:#A1A1A1;}

/* ZONE DE COM */
.box {color:#999; line-height:16px; background-color:white;}

/* THESAURUS Affichage arborescent */
.m-body-arbo {background:white; font-size:10px;}
.table-arbo TR {line-height:6px;}
.niveau1 {color:#369; font-weight:bold; font-size:11px; vertical-align:middle;}
.niveau1 a:link, .niveau1 a:visited, .niveau1 a:active, .niveau1 a:hover{color:#369; font-weight:bold; font-size:11px;}
.niveau2 {color:#369; vertical-align:middle; font-size:11px;}
.niveau2 a:link, .niveau2 a:visited, .niveau2 a:active, .niveau2 a:hover {color:#369;font-size:11px;}
.niveau3 {color:blue; vertical-align:top; font-size:11px;}
.niveau3 a:link, .niveau3 a:visited, .niveau3 a:active, .niveau3 a:hover{color:blue;font-size:11px;}
.niveau4 {color:#369; vertical-align:middle; font-size:11px;}
.niveau4 a:link, .niveau4 a:visited, .niveau4 a:active, .niveau4 a:hover {color:#369;font-size:11px;}
.niveau5 {color:blue; vertical-align:top; font-size:11px;}
.niveau5 a:link, .niveau5 a:visited, .niveau5 a:active, .niveau5 a:hover{color:blue;font-size:11px;}
.niveau6 {color:#369; vertical-align:middle; font-size:11px;}
.niveau6 a:link, .niveau6 a:visited, .niveau6 a:active, .niveau6 a:hover {color:#369;font-size:11px;}
.niveau7 {color:blue; vertical-align:top; font-size:11px;}
.niveau7 a:link, .niveau7 a:visited, .niveau7 a:active, .niveau7 a:hover{color:blue;font-size:11px;}
.niveau8 {color:#369; vertical-align:middle; font-size:11px;}
.niveau8 a:link, .niveau8 a:visited, .niveau8 a:active, .niveau8 a:hover {color:#369;font-size:11px;}
.niveau9 {color:blue; vertical-align:top; font-size:11px;}
.niveau9 a:link, .niveau9 a:visited, .niveau9 a:active, .niveau9 a:hover{color:blue;font-size:11px;}

/* FORMULAIRE DE VUE */
.entete {background-color:white; color:grey; vertical-align:bottom; font-weight:normal; font-family:Marianne, Helvetica, sans-serif; font-size:14px; }
.navigationrecherche {color: #333366; font-weight: bold; font-size: 12px; vertical-align: super; background-color: #FFFFD4; border: solid thin #e5e5e5; border-top-width: 0px; border-left-width: 1px; border-right-width: 2px; border-bottom-width: 2px; border-style: groove;}
.navigationrecherche a:link, .navigationrecherche a:visited, .navigationrecherche a:active, .navigationrecherche a:hover {color:#00F;}

.navigationresultat {color: #333366; font-weight: bold; font-size: 12px; vertical-align: super; background-color: #95D1BD; border: solid thin #e5e5e5; border-top-width: 0px; border-left-width: 1px; border-right-width: 2px; border-bottom-width: 2px; border-style: groove;}
.navigationresultat a:link, .navigationresultat a:visited, .navigationresultat a:active, .navigationresultat a:hover {color:#00F;}

.navigationsaisie {color: #333366; font-weight: bold; font-size: 12px; vertical-align: super; background-color: grey; border: solid thin #e5e5e5; border-top-width: 0px; border-left-width: 1px; border-right-width: 2px; border-bottom-width: 2px; border-style: groove;}
.navigationsaisie a:link, .navigationsaisie a:visited, .navigationsaisie a:active, .navigationsaisie a:hover {color:#00F;}

.navigation , .navigation tbody tr td { font-weight: normal; font-family:Marianne, Helvetica neue,Helvetica,Arial,  sans-serif; font-size: 14px; color: #666666;
  background-color: #eeeeee;
  margin-top:-2px; margin-left:0px; margin-right:0px;
  padding:1px;
}

.navigation a:link, .navigation a:visited, .navigation a:active, .navigation a:hover {/*color:#000000;*/}

/*ZB 15/01/2024 repris de biblio.css */
/*boutons hors de la barre de navigation - dans les formulaires*/
a.navibtn  {font-weight:bold; font-family:Marianne; font-size:14px;text-align:center;outline-style:none;vertical-align:middle;}

a.navibtn img[src*="_noir/"] {padding:6px;border-radius:50%;background-color:var(--dominante);box-shadow: 3px 3px 10px 2px rgba(0, 0, 145, 0.2);vertical-align: sub;}
a.navibtn img[src*="_noir/"]:hover {border-radius:50%;background-color:var(--focus);} /*violet charte etat #0909B9;*/

/*pour les images anciennes : il y a le filter invert(100%) sur image et couleurs */
a.navibtn img:not([src*="_noir/"]) {filter:invert(100%);padding:6px;border-radius:50%;background-color:darkkhaki;box-shadow: 3px 3px 10px 2px rgba(0, 0, 145, 0.2);vertical-align: sub;}
a.navibtn img:not([src*="_noir/"]):hover {background-color:#0533d1;} /* violet charte etat #0909B9;*/
a.titrechamp img:not([src*="_noir/"]) {filter:invert(100%);padding:6px;border-radius:50%;background-color:darkkhaki;box-shadow: 3px 3px 10px 2px rgba(0, 0, 145, 0.2);vertical-align: sub;}
a.titrechamp img:not([src*="_noir/"]):hover {background-color:#0533d1;} /* violet charte etat #0909B9;*/


/*boutons dans la barre de navigation */
.navigation a.navibtn img[src*="_noir/"] {padding:10px;border-radius:50%;background-color:var(--dominante);box-shadow: 3px 3px 10px 2px rgba(0, 0, 145, 0.2);}
.navigation a.navibtn img[src*="_noir/"]:hover {background-color:var(--focus);} /*violet charte etat #0909B9;*/

.navigation a.navibtn img:not([src*="_noir/"]) {filter:invert(100%);padding:6px;border-radius:50%;background-color:darkkhaki;box-shadow: 3px 3px 10px 2px rgba(0, 0, 145, 0.2);}
.navigation a.navibtn  img:not([src*="_noir/"]):hover {background-color:#0533d1;} /*violet charte etat #0909B9;*/

a.navibtn img:not([src*="_noir/"]):link, a.navibtn img:not([src*="_noir/"]):visited, a.navibtn img:not([src*="_noir/"]):active,a.navibtn img:not([src*="_noir/"]) {filter:invert(100%);margin-bottom:2px;}
a.navibtn img:not([src*="_noir/"]):link, a.navibtn img:not([src*="_noir/"]):visited, a.navibtn img:not([src*="_noir/"]):active,a.navibtn img:not([src*="_noir/"]) {filter:invert(100%);margin-bottom:2px;}


/* ===== */


.titrevue { font-weight:normal; font-family:Marianne, Helvetica neue,Helvetica,Arial,  sans-serif; font-size:14px; color: #666666;
  margin-top:0px; margin-left:-1px; margin-right:0px;
  background-color:#eeeeee; text-align:center;
  /*
  border: solid thin #e5e5e5;
  border-top-width: 2px; border-left-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-style: groove;
  */
  padding:0px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -khtml-border-radius:3px;
  border-radius:3px;
}
.titrevue a:link, .titrevue a:visited {text-decoration:none; color:#666;}
.titrevue a:active, .titrevue a:hover {text-decoration:underline; color:#666; font-weight:normal;}

/* champs mis en valeur */
.titre0 {color:var(--dominante); font-weight:bold; font-size:32px; line-height:40px; margin-top:10px; padding:0px;}
.titre1 {color:var(--dominante); font-weight:bold; font-size:22px; line-height:30px; margin-top:10px; padding:0px;}
.titre2 {color:var(--dominante); font-weight:bold; font-size:20px; line-height:28px; margin-top:10px; padding:0px;}
.titre3 {color:var(--dominante); font-weight:bold; font-size:18px; line-height:26px; margin-top:8px; padding:0px;}
.titre4 {color:var(--dominante); font-weight:bold; font-size:16px; line-height:24px; margin-top:6px; padding:0px;}
.titre5 {color:var(--dominante); font-weight:bold; margin:0px; padding:0px;}

a.titre5:link, a.titre5:visited, a.titre5:active, a.titre5:hover {
  color:var(--dominante); font-weight:bold; margin:0px; padding:0px;
  text-decoration:bold;}

a.titre4:link, a.titre4:visited, a.titre4:active, a.titre4:hover {
  color:var(--dominante); font-weight:bold; margin:0px; padding:0px;
  text-decoration:bold;}


a.nyroModal:link, a.nyroModal:visited, a.nyroModal:active, a.nyroModal:hover {margin-left:4px;}

/* libellés et champs  */
.ftext:focus , .ftextarea:focus , .fpassword:focus { border-color: #66afe9; box-shadow: 0 0 10px #9ecaed; outline: none;}
.titrechamp {font-family:Marianne; font-size: 14px; font-weight: normal; text-rendering:optimizeLegibility}
.titrechampns { font-weight: bold; }
.courantchamp { font-family:Marianne; font-size: 14px; color: #000000; font-weight: normal;}
.obligchamp, .obligchamp2 {font-family:Marianne; font-size: 14px; color: var(--dominante); font-weight: bold; }
.affichamp {font-family:Marianne; font-size: 13px; color: #999999; font-weight: bold; }
.ftext, .ftextarea, .fradio, .fpassword { border: 1px solid var(--fond-gris-perle); border-radius: 4px; box-shadow: inset 0 -2px 0 0 #6a6a6a; font-family:Marianne; font-size:14px;line-height:22px;margin:1px;}
.ftextreadonly      { border: 1px solid var(--fond-gris-perle); border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); background-color: #eeeeee; font-family:Marianne, Helvetica Neue,Helvetica,Arial, sans-serif; font-size:13px;margin:1px;}
.fcheckbox { border: 1px solid var(--fond-gris-perle); outline: none; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); background-color: white; font-family:Marianne, Helvetica Neue,Helvetica,Arial, sans-serif; font-size:13px;margin:1px;}
.fselect { border: 1px solid var(--fond-gris-perle); border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); background-color: white; font-family:Marianne, Helvetica Neue,Helvetica,Arial, sans-serif; font-size:13px;margin:1px;}

.fbutton {text-align:center; background-color: var(--dominante); color: #FFF; font-size: 14px;	font-weight: normal; line-height: 21px; border: 0px; border-radius:2.3rem;height:auto !important; padding:2px 10px 4px 10px;}
.fbutton:hover { border: 0px; background-color:var(--focus);}
/*
.fbutton a:link {font-size: 12px;	font-weight:bold; color: #0073DA;text-decoration:none; padding:4px;}
.fbutton a:visited {font-size: 12px;	font-weight:bold; color: #0073DA;text-decoration:none; padding:4px;}
.fbutton a:active {font-size: 12px;	font-weight:bold; color: #62556E; text-decoration:none; padding:4px;}
*/

.fbuttonadmin { border-style: groove; border-color: #CCCCFF; border-top-width: 1px; border-left-width: 1px; border-right-width: 2px; border-bottom-width: 2px; background-color: white; width:300px; }
.fsubmit {	color: white;	font-size: 11px;	font-weight: bold;	background-color: #346099;	border-bottom: 2px solid #153069;	border-right: 2px solid #153069;	border-top: 2px solid #6e91bf;	border-left: 2px solid #6e91bf;}
.ffile {}

.tablesimple {border:none; padding:0px; border-spacing: 0px; border-collapse: collapse; } /* border="0" cellspacing="0" cellpadding="0" */
.tablelibelle {border:none; padding:0px; border-spacing: 3px; border-collapse: collapse;} /* cellpadding="0" cellspacing="3" border="0" */
.page_lien {border:none; padding:5px;} /* border="0" cellpadding="5" */

/* BAS DE PAGE */
.bot {text-align:left; vertical-align:top; color:#666; font-size:10px;}
.bot a:link, .bot a:visited, .bot a:active, .bot a:hover {color:#369; font-size:10px;}

.pied {text-align:left; vertical-align:top; color:#666; font-size:10px;}
.pied a:link, .pied a:visited, .pied a:active, .pied a:hover {color:#369; font-size:10px;}

.sep { font-family:Marianne, Helvetica, sans-serif;  font-size: 11px; color: #333366; font-weight: normal; background-color: #9999AA; }

table { }

.navigint {
font-family:Marianne, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
font-weight: normal;
background-color: white;
}

.margeligne {
font-family:Marianne, Helvetica, sans-serif;
font-size: 12px;
color: #000066;
font-weight: bold;
}

.infoligne {
font-family:Marianne, Helvetica, sans-serif;
font-size: 10px;
color: #333366;
font-weight: normal;
font-style: italic;
}

.indexligne {
font-family:Marianne, Helvetica, sans-serif;
font-size: 12px;
color: #000066;
font-weight: bold;
}

.objetligne {
font-family:Marianne, Helvetica, sans-serif;
font-size: 12px;
color: #000066;
font-weight: bold;
}

.aideligne {
font-family:Marianne, Helvetica, sans-serif;
font-size: 12px;
color: #000066;
font-weight: bold;
}

/* VISUALISEUR */
.visu-body {background-color:#205EA9; vertical-align:bottom; color:#97A8D4; font-weight:bold; font-family:Marianne, Helvetica, sans-serif; font-size:11px;}
.viewimg {
	display: block;
	overflow: auto;
	width: 100%;
	height: 85%;
	padding: 2px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid black;
}
.imgcadre {
	border: 1px solid black;
}

/* Affichage des listes */
.ivoirList {
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}
.ivoirList THEAD {
	font-family:Marianne, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: white;
	text-align: center;
	background-color: #84B4E1;
}
.ivoirList TD {
	border-right: 0px;
	border-left: 1px solid #C4CBD0;
	border-top: 0px;
	border-bottom: 0px;
	padding: 0.2em;
	vertical-align: middle;
	text-align: center;
}
.ivoirList TD.fstCol {
	border-left: 0px;
}
.ivoirList TBODY {
	font-family:Marianne, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	background-color: white;
}
.ivoirList A {
	text-decoration: none;
}
.ivoirList a:hover {
	text-decoration: underline;
}
.oddLine {
	background-color: #D8E2ED;
}
.ivoirList TD.tFootForce-fstCol {
	font-family:Marianne, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	background-color: #84B4E1;
	border-top: 1px solid #C4CBD0;
	border-left: 0px;
}

/* OPTIONS DE RECHERCHE */
.m-td-pg { background-color:#eeeeee; text-align:center; font-weight:bold; font-family:Marianne, Helvetica, sans-serif; font-size:12px; border: solid thin #e5e5e5; border-top-width: 1px; border-left-width: 1px; border-right-width: 2px; border-bottom-width: 2px; border-style: groove;}

/* RECHERCHE FEDEREE */
.moteurs-body {background-color:lightsteelblue; vertical-align:bottom; font-weight:bold; font-family:Marianne, Helvetica, sans-serif; font-size:11px;}
.googlemap {width:600px; height:350px; border: solid thin #e5e5e5; border-top-width: 1px; border-left-width: 1px; border-right-width: 2px; border-bottom-width: 2px; border-style: groove;}
.listesources {background-color: #FFFEEE; border: 0px;}

/* MENUS */
.menubloc{
  background-color: #eeeeee;
  margin:3px 5px 5px 5px;
  border: 1px solid #83ACCA;
  padding:5px 0px 3px 0px;

  border-radius:         5px 5px 0 0;
  -moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;

}
.menubloc ul{padding:0; margin:0;}
.menubleu { padding:2px 4px 2px 4px; font-weight:normal; color:#555555; line-height:15px; font-family:Marianne, Helvetica Neue,Helvetica, Arial,sans-serif; font-size:13px; list-style-type: none;}
.menubleu a:link { padding:4px 4px 0px 4px; font-weight:normal; color: #555555; line-height:15px;font-family:Marianne, Helvetica Neue,Helvetica, Arial,sans-serif; font-size:13px; list-style-type: none; }
.menubleu a:visited { padding:4px 4px 0px 4px; font-weight:normal; color: #555555; line-height:15px;font-family:Marianne, Helvetica Neue,Helvetica, Arial,sans-serif; font-size:13px; list-style-type: none;}
.menubleu a:active { padding:4px 4px 0px 4px; font-weight:normal; color: #555555; line-height:15px;font-family:Marianne, Helvetica Neue,Helvetica, Arial,sans-serif; font-size:13px; list-style-type: none;}
.menubleu a:hover{  text-decoration:underline; font-size:13px;}

.menubleutit1 {text-align:center; background-color:#016ed5; color:white; font-family:Marianne, Helvetica Neue,Helvetica, Arial,sans-serif; font-size:17px; color: white; font-weight: bold; line-height:26px;}
.menubleutit2 {display:inline; padding:0px 0px 0px 5px; background-color:var(--fond-gris-perle); color: #444444; font-family:Marianne, Helvetica Neue,Helvetica, Arial,sans-serif; font-size:16px;  font-weight: normal; line-height:20px; margin: -10px 0 0 0;}

.menublanc {margin-left: 10px; background-color:white; color:#369;font-family:Marianne, Helvetica Neue,Helvetica, Arial,sans-serif; font-size:14px; }
.menublanc a:link {font-weight:normal; color: #369; }
.menublanc a:visited { color: #369; }
.menublanc a:active {color: #369; }
.menublanc a:hover{ text-decoration:none; color: #3399ff;  }
.menublanctit1 {background-color:white; color:#3978AE; font-family:Marianne, Helvetica, sans-serif; font-size:15px; color: white; font-weight: bold; line-height:26px;}
.menublanctit2 {margin-left: 5px; background-color:white; font-family:Marianne, Helvetica, sans-serif; font-size:18px; color: #FFCC33; font-weight: normal; line-height:20px;}

.menuadmin {font-family:Marianne, Helvetica; font-size: 13px; color: black; font-weight: normal;}
.menuadmin a:link {font-family:Marianne, Helvetica; font-size: 13px; color: black; font-weight: normal;}
.menuadmin a:visited {font-family:Marianne, Helvetica; font-size: 13px; color: black; font-weight: normal;}
.menuadmin a:active {font-family:Marianne, Helvetica; font-size: 13px; color: black; font-weight: normal;}
.menuadmin a:hover{font-family:Marianne, Helvetica; font-size: 13px; color: black; font-weight: normal;}

.centre {
	text-align: center;
}

.droite {
	text-align: right;
}

.sommaire1 {margin-left: 10px; font-family:Marianne, Helvetica, sans-serif; font-size: 13px; color: #666699; font-weight: bold;  }
.sommaire2 {margin-left: 25px; font-family:Marianne, Helvetica, sans-serif; font-size: 13px; color: #333366; font-weight: bold; font-style: italic; background-color: white; }

/* objet PAGE */

.onglet_navi {
	background:url(/exl-html/images/bottom_onglet.gif) 0 19px repeat-x;
	width:99%
}

.onglet_navi span, .onglet_navi a {
	font-weight:bold;
	line-height:20px;
	margin:0 5px 0 0;
	height:20px;
	padding:3px 6px 3px 20px
}

.onglet_navi a, .onglet_navi a:visited, .onglet_navi a:hover {
	color:white;
	background:#5391DC url(/exl-html/images/onglet_ferme.gif) 2px 0 no-repeat;
	padding-left:15px
}

.onglet_navi span {
	border:1px solid #5391dc;
	border-bottom:1px solid white;
	background:white url(/exl-html/images/onglet_ouvert.gif) -1px 0 no-repeat;
	padding-bottom:3px
}

.onglet_bloc {
	margin-bottom:8px;
	border:1px solid #5391DC;
	border-top:0px solid white;
	padding:1%;
	width:97%;
	margin-top:-1px !important;
	margin-top:0px
}

/* panier avancé - tableau */
.tab_liste td {
	/* border-top : 1px solid #996699; */
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom : 1px solid #666666;
	padding : 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	border-left-width: 0px; border-right-width: 0px; border-bottom-width: 1px;
}

.tab_liste tr {
	text-align : left;
	font: 10px; /* Typo plus grande sur NN7, à corriger */
	color: #666666;
	text-decoration: none;
}

.tab_liste th {
	font: bold 10px Marianne, Helvetica, sans-serif;
	color : black;
	font-weight : normal;
	border-right : 1px solid white;
	border-bottom : 1px solid black;
	padding : 0px;
	background :  #ffcc66;
	text-align : center;
}

.tab_liste a{
	color: #666666;
	font-size: 10px;
}
.tab_liste a:hover{
	font-size: 10px;
	color: red;
	text-decoration: underline;
}

/* Mosaique photothèque */
.photo_haut {background-color:white;}
.photo_milieu {background-color:white;
	vertical-align: baseline;
	text-align: center;
}
.photo_left {background-color:white;
	vertical-align: baseline;
	text-align: center;
}
.champblanc, .champblanc a:link, .champblanc a:visited {color:white; text-decoration:none }
.champblanc a:active, .champblanc a:hover{color:white; text-decoration:underline }
.cocherdecocher {display:inline}

#table_resultat {
	background:#f7f7f7;
	margin:0;
}
#table_resultat tr,
#table_resultat td {
	vertical-align:top;
}
#table_notice {
	background:#f7f7f7;
}
#table_notice tr,
#table_notice td {
	vertical-align:top;
}

#col_image {
	width:158px;
	border-right:solid 1px var(--fond-gris-perle);
	border-bottom:solid 1px #ddd;
	line-height:14px;
	padding:8px 10px 8px 12px;
	vertical-align:middle;
	text-align:center;
}
#col_description {
	background:#FFFFFF;
	border-right:solid 1px var(--fond-gris-perle);
	border-bottom:solid 1px #ddd;
	line-height:14px;
	padding:8px 10px 8px 12px;
}
.notice_image {
	font-family:Marianne, Arial, sans-serif;
	font-size:16px;
	color:#444;
}
.[CADIC__STYLE_ONGLET]_body {
	padding:0px;
}
.[CADIC__STYLE_ONGLET] a span {
	font-weight:bold;
}
fieldset {
	border:1px solid #5391DC;
	margin:10px;
}
fieldset legend {
	font-family:Marianne, Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	padding:3px 5px 3px 5px;
	border:1px solid #5391DC;
}
.sidebar {
	/* background:#e9e9e9; */
	padding:3px 5px 4px 7px;
	border-bottom:solid 1px #ddd;
	border-top:solid 1px var(--fond-gris-perle);
	border-right:solid 1px var(--fond-gris-perle);
	text-align:right;
	height:20px;
}
.btn_diaporama {
	/* background:transparent url(/exl-html/phototheque/images/diaporama.gif) no-repeat 0px 1px; */
	float:right;
	margin:1px 0px 0px;
	padding:3px 8px 2px 20px;
}


/* fin photothèque */

/* Résultats : Titre document */
a.ResultatTitre, a.ResultatTitre:link, a.ResultatTitre:visited {text-decoration:none; font-size: 15px;}
a.ResultatTitre:active, a.ResultatTitre:hover {text-decoration:none; color:#FF6600; }

/* image GoogleBook */
img.googleBook {
  margin: -10px 5px 5px 5px;
  border: 1px solid #555555;
  float: right;
  text-decoration: none;
  width: 50px;
}

/* Revue de Presse */
.produit_bloc {
 /* 24/04/2016 background-color: #F0F2FC;*/
	float:left;
	width:90%;
	margin:10px 10px 10px 10px;
	border:1px solid #83ACCA;
	padding:8px 2px 6px 3px;
  border-radius:         0px 0px 4px 4px;
  -khtml-border-radius:  0px 0px 4px 4px;
  -moz-border-radius:    0px 0px 4px 4px;
  -webkit-border-radius: 0px 0px 4px 4px;
  box-shadow:         4px 4px 4px 0px #AAA;
  -khtml-box-shadow:  4px 4px 4px 0px #AAA;
  -moz-box-shadow:    4px 4px 4px 0px #AAA;
  -webkit-box-shadow: 4px 4px 4px 0px #AAA;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);
}

.produit_legende {
  margin-top:-16px;	margin-left:8px;
  position:relative; /* pour que IE affiche ce style au dessus de produit_bloc */
  border:1px solid #83ACCA;
  background-color:white;
  border-radius:        4px;
  -khtml-border-radius: 4px;
  -moz-border-radius:   4px;
  -webkit-border-radius:4px;

  padding:0 7px 0 12px;
  width:89%;
  color: #555555;
  line-height:15px;
  font-family:Marianne, Arial,sans-serif; font-size:12px;
  font-weight: bold;
}

.produit_ligne {
  padding:2px 3px 0 3px;
  font-family:Marianne, Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #666666;
  font-weight: normal;
}

a.produit_ligne {
  padding:2px 3px 0 3px;
  font-family:Marianne, Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #666666;
  font-weight: normal;
}

/*              HAUT_DE_PAGE                */
.header { background:url(/exl-html/images/accueil/bandeau-bg.jpg) repeat-x;}

.logo {background:url(/exl-html/images/accueil/logo.png) no-repeat;
        width:146px; height:30px; margin-top:5px; margin-left:20px; white-space:normal; left:10px; text-height:36px; color:#ffffff; font-size:12px; font-weight:bold; letter-spacing: 0.4em; text-align:left;padding-left:35px;}


.header_title {white-space:normal; left:10px; height:42px; text-height:42px; width:180px; margin-top: 35px; color:#ffffff; font-size:12px; font-weight:normal; letter-spacing: 0.4em; text-align:center;}
.header_title a{color:white;}
.info_bar {margin-top:15px;
	width:auto;
	height:20px;
	color:#FFCC00;
}
.info_bar .hint {display:none;line-height:20px}
.info_bar:hover .hint {display:block; padding-left:10px;}
.info_bar b {cursor:pointer;display:block;width:16px;height:16px;}
.menu_btn {background:url(/exl-html/images/accueil/icon.gif); float:right; width:15px; margin-right:5px;}

.header_liens {cursor:pointer; float:right; text-align:right; right:25px;font-size:13px;}
.header_liens a{color:white; padding-right:10px;font-size:13px;}
.header_liens a:link{color:white; padding-right:10px;font-size:13px;}
.header_liens a:visited{color:white; padding-right:10px;font-size:13px;}
.header_liens a:active{color:white; padding-right:10px;font-size:13px;}
.header_liens a:hover{color:white; padding-right:10px; text-decoration:underline;font-size:13px;}

.header_nav {
  border-bottom:1px solid #FF9900; letter-spacing: 0.1em;
  width:146px; white-space:nowrap; text-align:center;
  font-size:1.1em; font-weight:normal; height:38px; line-height:38px;
  color:#fff;
  margin:0;
}

.header_nav :hover {background: url(/exl-html/images/accueil/onglet_hover.png) repeat-x; color:#fff;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
}
.header_nav a{color:white; font-family:Marianne, Helvetica Neue,Helvetica, Arial,sans-serif; font-size:14px; letter-spacing: 0.1em;}
.header_nav a:link{color:white; font-family:Marianne, Helvetica Neue,Helvetica, Arial,sans-serif; font-size:14px; letter-spacing: 0.1em;}
.header_nav a:visited{color:white; font-family:Marianne, Helvetica Neue,Helvetica, Arial,sans-serif; font-size:14px; letter-spacing: 0.1em;}
.header_nav a:active{color:white; font-family:Marianne, Helvetica Neue,Helvetica, Arial,sans-serif; font-size:14px; letter-spacing: 0.1em;}
.header_nav a:hover{color:white; font-family:Marianne, Helvetica Neue,Helvetica, Arial,sans-serif; font-size:14px; letter-spacing: 0.1em; text-decoration:underline;}
.header_nav .on {background: url(/exl-html/images/accueil/onglet_on.png) repeat-x;  color:#fff;
  font-family:Marianne, Helvetica Neue,Helvetica, Arial,sans-serif; font-size:14px; letter-spacing: 0.1em;
  border-radius:4px;
  -khtml-border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}
.header_nav .on:hover {color:#fff}
.header_nav span:after {content:url(/exl-html/images/accueil/arrow-down.png)}
/*sousmenu nav -2eme niveau*/
.header_nav .dl {background: #0066cc url(/exl-html/images/accueil/onglet_hover.png) repeat-x;  white-space:normal; padding: 7px 7px; margin-top:1px; line-height:25px; display:none;  }
.header_nav .dd {text-align:left; font-size:1em; font-weight:normal;}
.header_nav .dd.on {}
.header_nav .dd.on:before {content:url(/exl-html/images/accueil/arrow-right.png)}
.header_nav .dd:hover {color:#ff9900;}
.header_nav hover .dl {display:block; }

/* FIN HAUT_DE_PAGE */

.recherche_simple {margin: 13px 0px 13px 25px;}

/***** Tableaux résultats *****/

div.tableau { padding: .2em; }
.tableau-titre {
	margin:0px;
  padding: 3px 0px 3px 10px; border: 1px solid #c5dbec; font-size: 16px; font-weight: bold; color: var(--dominante); outline: none;

	/*
	padding: 5px;
	border: 1px solid #C2BDAE; background: #5c9ccc url(/exl-html/images/tableau/bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-size:16px; font-weight: bold;

  box-shadow:         5px 4px 4px 0px #AAA;
  -khtml-box-shadow:  5px 4px 4px 0px #AAA;
  -moz-box-shadow:    5px 4px 4px 0px #AAA;
  -webkit-box-shadow: 5px 4px 4px 0px #AAA;
*/
  border-radius:0 5px 0 5px;
  -khtml-border-radius:4px;
  -moz-border-radius:0 5px 0 5px;
  -webkit-border-radius:4px;
}

/*situation*/
.tableau-situation{border-spacing:0;}
tr.tableau-titre{text-align:center; box-shadow:none;}
.tableau-contenu {background-color:#f5f5f5;}
.tableau-center{text-align:center;}

/* table.contenu {	margin: 0 auto; clear: both; table-layout: fixed;} ne pas modifier width  width: fit-content; */
table.contenu {	margin: 0 auto;	width: 100%;	clear: both;}

table.contenu thead th {	padding: 3px 0px 3px 10px; border: 1px solid #c5dbec; font-size: 16px; font-weight: bold; color: var(--dominante) ; outline: none;}

a.contenu, a.contenu:link, a.contenu:visited { color: #2e6e9e; text-decoration: underline; outline: none; font-weight: bold; cursor: pointer;}
a.contenu:hover { color: blue; text-decoration: underline; outline: #00FF00 solid medium; font-weight: bold; }
table.contenu tfoot th {	padding: 3px 10px;	border-top: 1px solid black;	font-weight: bold;}

table.contenu tr {	height: 20px;}
table.contenu tr.heading2 td {	border-bottom: 1px solid #aaa;}
table.contenu tr:hover td {background-color:#FFFDCE;}


table.contenu td {
	padding: 3px 0px 3px 10px;
	border: 1px solid #c5dbec;
}

.center { margin-left: auto; margin-right: auto; }
table.contenu td.center {	text-align: center;}
table.contenu .pourpre {	background-color: #ddddff;}
table.contenu .violet {	background-color: #e2e4ff;}
table.contenu .rose {	background-color: #ffeeee;}
table.contenu .blanc {	background-color: white;}
table.contenu .vert {	background-color: #ddffdd;}
.vertclair {	background-color: #effffe;} /* devenu un bleu pastel */
table.contenu .grisfonce {	background-color: #ddd;}
table.contenu .gris {	background-color: #eee;}
.grisclair {	background-color: #fff;}  /* trop sombre #e9f1f8;*/


/* coins radius */
.radius-tous { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.radius-haut { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.radius-bas { padding:1px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.radius-hg { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.radius-hd { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.radius-bg { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.radius-bd { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.radius-droite {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.radius-gauche { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }



/********Nuage de tags ******/

.nuage_tags { /* cadré à droite a coté de la liste de résultat */
  width:140px;
  padding-left:5px;
  border: 0px solid #83ACCA;
  position:absolute; right:10px; top:86px;
  margin:30px 0px 10px 0px;
	border-radius: 9px;
  -khtml-border-radius:9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	background-color: #F8F8F8;
	color: #000000;
}

.nuage_terme {
  /* display:inline; si on souhaite le nuage horizontal */
  width:130px;
  margin-right:3px;
}


a.nuage_tag_utilisateur, a.nuage_tag_utilisateur:link, a.nuage_tag_utilisateur:visited, a.nuage_tag_utilisateur:active, a.nuage_tag_utilisateur:hover{
  color:orange;
}
a.nuage_tag_utilisateur:hover{
  color:orange;
  font-weight:bold;
}


a.nuage_tag_public, a.nuage_tag_public:link, a.nuage_tag_public:visited, a.nuage_tag_public:active, a.nuage_tag_public:hover{
  color:blue;
}
a.nuage_tag_public:hover{
  font-weight:bold;
}


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


.fcheckboxnote {
  background: url(/exl-html/images/admin_save_grande.gif); font-family:Marianne, Helvetica Neue,Helvetica,Arial, sans-serif; font-size:14px; }
	#case{
		width: 16px;
		height: 16px;
	}
	.nonCoche{
		background: transparent url(/exl-html/images/admin_save_grande.gif) no-repeat;
	}
	.coche{
		background: transparent url(/exl-html/images/ajout_cmd.gif) no-repeat;
	}

			/*******Situation lecteur ******/
/* styles à mettre dans la CSS propre au client si besoin : */
/*    pour cacher le bouton auto-prolongation : .prolongation {display:none;} */
/*    pour cacher le bouton annul. réservation: .reservation  {display:none;} */




/* Agenda */
.bloc_agenda{width:20em; margin:auto}

/* audio-video : ne pas définir de hauteur/largeur ici, elles sont définies dans cadre.html */
.video_player {margin-top:5px;}
.audio_player {margin-top:5px;}

/*masque d'export - liste des champs*/
.selectexport{height:260px;}

/*Supprime la ligne blanche en haut des écrans de résultats et de notice des vues de prod*/
form[name="F_IMP"] {
    margin: 0px;
}

/* cache un objet ou un champ */
.display_none {display:none}

/* popup calendrier */
.btn_fermer_calendrier > button > span {color:#606060 !important;}

/*bouton fermer et titre des popups cadic-popup */
.btn-fermer > div > button {
  width:32px !important;
  height:32px !important;
  margin-top:-1px !important;
}

.cadic-popup-title > div {
	font-size: 20px;
	margin-top: 5px;
}


/* CHANGEMENT CSS CADIC DEC 2021 */

/* PAGE NOTICE - WIDGET "PRETS RESERVATION" */
body {
  font-size: 20px;
  font-family:Marianne !important;
}
.titrevue {
  background-color: transparent;
  color: var(--dominante);
  font-size: 20px;
  text-align: left;
}
.navigation, .navigation tbody tr td {
  background-color: transparent;
  color : #000;
  text-align: left!important;
}
.navigation:first-letter, .navigation tbody tr td:first-letter{ text-transform: capitalize!important;}

.navibtn_texte {
  border: none!important;
  background-color: transparent!important;
  box-shadow: none!important;
  color: var(--dominante);
  display: flex;
  align-items: center;
  cursor: pointer;
}
.navibtn_texte:after {
  content: "\ea6c";
  font: 20px "remixicon";
  color: var(--dominante);
  margin-left: 10px;
}

.noflex { /* ZB par exemple pour boutons texte sur une même ligne - module statistiques */
  display:inline;
}

.navibtn_texte.noflex:hover { /* la couleur est white pour navibtn_texte:hover, il faut un fond */
  background-color:#0909B9 !important;
}
  

.navibtn_texte.noflex:after { /* ZB boutons texte sur une même ligne sans flèche */
  content:"";
  margin-left:0px;
}


.courantchamp {
  text-align: left!important;
  /*width: 80%!important; ZB 03/04/2022 surtout pas - sinon chaque colonne de tableau prend 80% de la longueur disponible, créant un tableau de plus en plus étroit vers la droite */
}
.courantchamp a.navibtn_texte {
  margin: 0px!important;
  padding: 0px!important;
  font-size: 14px!important;
}
.resultlist {
  color: #161616!important;
  font-size: 16px;
}
.oran {
  color: #161616!important;
}
.titrechampns {
  font-weight: normal!important;
}

.remixicons.mail:before {
  content: "\eef6";
  font: 22px "remixicon";
  color: var(--dominante);
  margin-right: 5px;
}
/*.navigation a:hover {color: var(--dominante);}*/


/* PAGE NOTICE - WIDGET "PRETS RESERVATION" */

/* CREATION RECHERCHE */
.profilCrea {
  padding: 10px 40px 40px 40px;
  /* white-space: nowrap; */
}

.profilCrea * {
  font-family:Marianne !important;
}

.profilCrea > table ~ br {
  display: none;
}
.profilCrea table {
  margin-top: 10px;
}
.profilCrea .titrevue {
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 20px;
}
.profilCrea .pill_bloc {
  width: 100%!important;
}
.profilCrea .tablesimple {
  width: 100%;
}
.profilCrea .niveau1 {
  font-size: 16px;
  font-weight: 400;
  color: #161616;
  text-align: left;
  padding-bottom: 5px;
}
.profilCrea .courantchamp {
  width: 100%!important;
  display: flex;
  align-items: center;
  font-size: 16px;
}
.profilCrea .affchamp {
  width: 30%!important;
  margin-left: 10px;
}
.profilCrea tr:nth-child(2) .courantchamp input[type="radio"] {
  margin: 0px 10px 0px 0px;
}
.profilCrea .courantchamp input[type="text"], .profilCrea .courantchamp select {
  background-color: #EEEEEE;
  border-radius: 4px 4px 0px 0px;
  box-shadow: inset 0 -2px 0 0 #6a6a6a;
  width: 100%;
  height: 40px;
  border: none;
  padding: 0px;
}
.profilCrea input[type="submit"] {
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 20px;
  background-color: var(--dominante);
  color: #FFF;
  border: 1px solid var(--dominante);
  font-family:Marianne;
  border-radius: 0px;
}

.profilCrea button {
  /* en charte non ministerielle met le bouton trop a droitepadding: 10px 30px;*/
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 20px;
  background-color: var(--dominante);
  color: #FFF;
  border: 1px solid var(--dominante);
  font-family:Marianne;
  border-radius: 0px;
  margin:0
}

.profilCrea input[type="radio"] {
  appearance: none;
  background-color: transparent;
  color: #161616;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #161616;
  cursor: pointer;
  padding-left: 0px;
  margin: 5px 10px 5px 0px;
}
.profilCrea input[type="radio"]:checked {
  border: 1px solid var(--dominante);
}
.profilCrea input[type="radio"]:checked:after{
  font: 11px 'remixicon';
  content: '\eb7d';
  color: var(--dominante);
  background-color: var(--dominante);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 4px;
  margin-top: 4px;
}
.profilCrea .remixicons.edit:before {
  content: "\ec86";
  font: 20px "remixicon";
  color: #8d8df4;
  margin-right: 10px;
  color: #8d8df4;
}
.profilCrea select {
  background-image: url('/exl-html/boot/images/arrow-down-grey.svg')!important;
  background-repeat: no-repeat;
  background-position: top 50% right 15px;
  appearance: none;
}
/* CREATION RECHERCHE */

/*vues WA1*/
.aff-nom-ecran {
  background-color: transparent;
  color: var(--dominante);
  font-size: 18px;
  text-align: left;
}

.fond_btn {background-color:var(--dominante);vertical-align:sub;}
.fond_btn_img {background-color:var(--dominante);padding:4px;border-radius: 4px;vertical-align:sub;}
.fond_btn_img:hover {background-color: var(--focus);}
.fond_deco_img {background-color:var(--dominante);padding:4px;border-radius: 4px;vertical-align:sub;} /*picto multi-occurrent,... */

/* ------------------------------------ */
/* ------- RGAA ------- */
/* ------------------------------------ */
a.evitement {   display: inline-block;   color: #555;   background: #fff;   padding: .5em;   position: absolute;   left: -99999rem;   z-index: 100;}
a.evitement:focus {   left: 0;}

.rgaa-non-visible {   display: inline-block;   color: #555;   background: #fff;   padding: .5em;   position: absolute;   left: -99999rem;   z-index: 100;}
.rgaa-non-visible:focus {   left: 0;}