/**
 *
 * Modification des couleurs privé
 */
 

em {color:#3B5175; }

/***** Liens ***/

#articleBody p a:link, #articleBody p a:hover, #articleBody p a:active,  #articleBody p a:visited 
/*#sp-megamenu li a:link, sp-megamenu li a:hover, sp-megamenu li a:active,  sp-megamenu lip a:visited */
{
  background:#ebf7ff; color:#3B5175;
}
figure {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}

/*.logo-image a:hover {
background-image(url://images/logo/logo400_100d-hover.png)
}*/

.external:link {
  background-color: #3B5175;
  color:#ffffff;
}
 p.auteur {
text-align:right; }

 .citation { 
  font-style:italic;
  color:#3B5175;
  line-height: normal;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.textfort {
	font-variant: small-caps;
	color:#FF8E23;	
	font-weight : bold;
	letter-spacing: 0.05em;
	}
		
.gras {
	font-variant: normal;
	color: #6E9BC4;
	font-weight :bolder;
	letter-spacing: 0.05em;
		}
.gras3 {
	font-variant: normal;
	color:#3B6ECA;
	font-size: 1.1em;
	font-weight :400;
	letter-spacing: 0.05em;
	line-height: 1.2em;
		}
		
		
/*** surlignement bleu ciel ***/		
.gras2 {
	background-color:#ebf7ff;
	color:#3B5175;
	font-size: 1em;
	font-weight :400;
	letter-spacing: 0.05em;
	font-style: italic;
}
.centre{
	font-variant: normal;
	color:#3B5175;
	text-align:center;
	font-weight: 600;
	letter-spacing: 0.03em;
	}
p.notabene{
	border: 5px solid #f7c200;
	padding: 10px;
	color:#424112;
	line-height: 2.4em;
	font-weight: bold;
	background-color:#FFFFE8;
}
p.important{
	border-left: 2px solid #f00;
	padding-left: 4px;
	background: #F8EEEE;
	}
	
.arrondi {
    border: 1px solid lightgrey;
    border-radius: 10px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
    padding: 10px;
    color: #3B5175;
    }

.shadow2 {
  box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
  padding: 10px;
}		 
/*** zone de texte bleuciel ***/
.outerbox {
  margin:10px 5px 5px 10px;
  padding: 5px;
  color:#3B5175;
  background: #ebf7ff;
  border: 1px solid #3B5175;
}
/*** zone de texte beige clair ***/
.innerbox {
  padding: 20px;
  border: 1px solid #ededed;
  background: #F8F1D5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  float: left;
  width: 100%; 
}

.matable {
	border:3px solid #eee;
	border-collapse:collapse;
	width:100%;
	margin:10px;
}
.matable thead, tfoot {
background-color:#FFFFCC;
border:1px solid #069;
}
.matable tbody {
background-color:#FFFFFF;
border:1px dotted #069;
}
.matable th {
border:1px dotted #069;
padding:5px;
background-color:#EFF6FF;
width:25%;
}
.matable td {
	font-size:100%;
	border:1px dotted #069;
	padding:5px;
	text-align: left;
	}
	
/* Ajouté le 4 août 2021 */
/* texte défilant */
/* ---------------------------- */
/* Défilement de droite à gauche */
#scroll-container {
  border: 0px solid #fff;
  border-radius: 5px;
  overflow: hidden;
}

#scroll-text {
  text-align: left;
  font-size: 1.1em;
  color:#FFFFFF;
  background-color:#364783;
  /* animation properties */
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(100%);
  transform: translateX(-100%);
  
  -moz-animation: my-animation 35s linear infinite;
  -webkit-animation: my-animation 35s linear infinite;
  animation: my-animation 35s linear infinite;
}

/* for Firefox */
@-moz-keyframes my-animation {
  from { -moz-transform: translateX(-100%); }
  to { -moz-transform: translateX(100%); }
}

/* for Chrome */
@-webkit-keyframes my-animation {
  from { -webkit-transform: translateX(-100%); }
  to { -webkit-transform: translateX(100%); }
}

@keyframes my-animation {
  from {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
/*end bloc texte défilant*/

/* Tooltips infobulle*/
/*.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width:220px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
/*  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;  
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}
*/
/** styles pour des qtip et la balise abbr ajouté le 25 avril 2023*/
/**handles:qtip2,text-hover**/
/*.qtip{
position:absolute;
left:-28000px;top:-28000px;
display:none;max-width:280px;
min-width:50px;
font-size:10.5px;
line-height:12px;
direction:ltr;
box-shadow:none;padding:0
}
.qtip-content,.qtip-titlebar{
position:relative;
overflow:hidden
}
.qtip-content{
padding:5px 9px;
text-align:left;
word-wrap:break-word
}
.qtip-titlebar{
padding:5px 35px 5px 10px;
border-width:0 0 1px;font-weight:700
}
.qtip-titlebar+.qtip-content{
border-top-width:0!important
}
.qtip-close{
position:absolute;
right:-9px;
top:-9px;z-index:11;
cursor:pointer;
outline:0;
border:1px solid transparent
}
.qtip-titlebar .qtip-close{
right:4px;
top:50%;
margin-top:-9px
}
* html 
.qtip-titlebar .qtip-close{
top:16px
}
.qtip-icon .ui-icon,.qtip-titlebar .ui-icon{
display:block;
text-indent:-1000em;
direction:ltr
}
.qtip-icon,.qtip-icon .ui-icon{
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;text-decoration:none
}
.qtip-icon .ui-icon{
width:18px;
height:14px;
line-height:14px;
text-align:center;
text-indent:0;
font:normal 700 10px/13px Tahoma,sans-serif;
color:inherit;
background:-100em -100em no-repeat
}
.qtip-default{
border:1px solid #F1D031;
background-color:#FFFFA3;color:#555
}
.qtip-default .qtip-titlebar{
background-color:#FFEF93
}
.qtip-default .qtip-icon{
border-color:#CCC;
background:#F1F1F1;
color:#777
}
.qtip-default .qtip-titlebar .qtip-close{
border-color:#AAA;
color:#111
}
.qtipmodal-ie6fix{
position:absolute!important
}
.text-hover-qtip{
padding:4px 6px;font-size:14px
}
*/
abbr.c2c-text-hover{
text-decoration:none;
border-bottom:1px dotted #000
}
.qtip{
font-family:Helvetica,Arial,sans-serif;color:#fff;
background:rgba(0,0,0,.72);
box-shadow:0 1px 1px rgba(0,0,0,.12);
border-radius:3px;
border-color:#000;line-height:1.4em
}