/* styles */

body { 
 color: black  !important; 
 background-color: white;
 /* background-color: white !important; */
 /* background: url(http://djalil.chafai.net/Images/fond-marbre.jpg); */
 /* background: transparent; */
 border-bottom: solid 1px rgb(128,179,234);	
 border-top: solid 1px rgb(128,179,234);
 border-left: solid 1px rgb(128,179,234);	
 border-right: solid 1px rgb(128,179,234);
 padding: 1em 1em 1em 1em;
 font-size: 1em;
} 

* {
 background-color: inherit;
 color: inherit;
}

h1, h2, h3 { font-family: sans-serif; }
h1 { font-size: xx-large; }
h2 { font-size: x-large; }
h3 { font-size: large; }

img.nobo { border: 0px; }
img.l { float: left; }
img.r { float: right; margin: 0.5em 0.5em 0.5em 0.5em; }
img.cadre {
   border-bottom: solid 2px black;
   border-left: solid 2px #BEBFAA;
   border-right: solid 2px black;
   border-top: solid 2px #BEBFAA;
}

p.shy {
 	font-size: x-small;
}

p.timid {
	font-size: x-small; 
 	font-weight: normal; 
	font-family: sans-serif;
}

p.signature { 
	text-align: left; 
	font-size: xx-small; 
	font-weight: bold; }

p { 
 text-align: justify; 
 background-color: transparent; 
 color: inherit; 
}

p.flori { float: right; padding: 0.5em 1em 0.5em 1em; }
p.floli { float: left; padding: 0.5em 1em 0.5em 1em; }
p.center { text-align: center; }
p.l { float: left; }
p.r { float: right; }

/* ancres et liens */

a:link img { /* border: 0; */
   border-bottom: solid 2px black;
   border-left: solid 2px #BEBFAA;
   border-right: solid 2px black;
   border-top: solid 2px #BEBFAA;
}
a:link, a:visited, a:active { text-decoration: none /*underline*/ ; }

/* bleu */
a:link    { color: #1010CC; background-color: inherit; }
a:visited { color: #101077; background-color: inherit; }
a:active  { color: #000088; background-color: inherit; }

/* pas de couleur pour les ancres dans les li des ul de class black */
ul.black li a { color: inherit; background-color: inherit; }

/* pour des listes écrites en petit */
ul.small li { font-size: x-small; }

a:hover   { text-decoration: underline; color: #ff0000; }
abbr:hover, acronym:hover { text-decoration: underline; }

a[href^="http"] {
	background: url(http://djalil.chafai.net/Images/external.png) no-repeat 100% 50%;
        padding: 0px 15px 0px 0px;
}

/* écrasement du réglage précédent pour les sites internes */

a[href^="http://djalil.chafai.net"],
a[href^="http://www.djalil.chafai.net"],
a[href^="http://blog.djalil.chafai.net"],
a[href^="http://chafai.net"],
a[href^="http://www.chafai.net"] { 
	background: inherit; 
	padding: 0 0 0 0; }

/* autre possibilité alternative. Flèche au lieu d'image
a[href^="http"]:after { color: inherit; content: "\21D7"; font-size: xx-small; }
a[href^="http://djalil.chafai.net"]:after,
a[href^="http://www.djalil.chafai.net"]:after,
a[href^="http://chafai.net"]:after,
a[href^="http://www.chafai.net"]:after {content: ""; }
*/

/* pas tres joli finalement...
@media print {a:after{ content: attr(href) } }
*/

/* Tableaux */

tr.title { 
 color: black; background: #ffda90; 
 border-spacing: 0.5em; 
 border: outset 0.5em;	   
 border-collapse: separate;
}

table {
   border-bottom: solid 1px black;
   border-left: solid 1px #BEBFAA;
   border-right: solid 1px black;
   border-top: solid 1px #BEBFAA;
   margin: 2em 1em 1em 2em;
   /* padding: 0.5em 2em 2em 2em; */
}

table.content, table.comp {
   color: black; background: #faf0e6; 
   /* border-spacing: 0.1em; */
   /* border: outset 0.1em; */
   border-collapse: separate;
}

/* table.comp { font-weight:bold; } */

td { border: inset 0.05em; border: 1px #fff solid; padding: 4px; }

/* Pour les mini-icones dans les tables des matieres */
td.icotoc1 { border: inset 0em; text-align: center; }
td.icotoc2 { border: inset 0em; text-align: left; }

/* Code etc... */
pre.code { font-size: medium;
           background-color: #eeeeee; color: black; 
           border: solid thin white; margin: 0 0 0 0;
           white-space: pre; 
}

/* addresses */

address { 
	font-family: sans-serif; 
	font-style: normal; 
	text-align: left;
} 

table.address {
        font-style: italic;
	font-size: inherit;
	font-weight: normal;
	font-family:sans-serif;
	color: black; background: inherit; 
	border-spacing: 0em; 
	border: outset 0em;
	border-collapse: collapse;
	margin: 0em 0em 0em 0em;
}

/* menu */

div.menu { 
 /* font-weight:bold; */
 font-size: inherit;
 font-family:sans-serif;
 font-weight: bold;
 color: black; 
 background: #fbfbff; 
 margin: 0 0 0 0; 
 border: solid thin white;
 border-bottom: solid 1px black;
 border-left: solid 1px #BEBFAA;
 border-right: solid 1px black;
 border-top: solid 1px #BEBFAA;
 padding: 0.25em 0.25em 0.25em 0.25em;
}

/* sommaires */

table.toc {
   font-weight:bold;
   font-family:sans-serif;
   color: black; background: inherit; 
   border-spacing: 0px; 
   border: outset 0px;
   border-collapse: collapse;
   margin: 0.7em 0.7em 0.7em 0.7em;
}

div.toc { 
 /* font-weight:bold; */
 font-family: sans-serif;
 color: black; 
 background: #fbfbff; 
 margin: 0 0 0 0; 
 border: solid thin white;
 border-bottom: solid 1px black;
 border-left: solid 1px #BEBFAA;
 border-right: solid 1px black;
 border-top: solid 1px #BEBFAA;
 padding-right: 1em;
}

ul.magnif {
 list-style: url(http://djalil.chafai.net/Images/magnif.png) disc; 
}

ul.trombone {
 list-style: url(http://djalil.chafai.net/Images/trombone.gif) disc; 
}

ul.page {
 list-style: url(http://djalil.chafai.net/Images/mini03.png) disc; 
}

ul.book {
 list-style: url(http://djalil.chafai.net/Images/mini101.png) disc; 
}

ul.plain {
 list-style: disc; 
}

/* pied de page */

.footer { 
	font-family: arial, 
	sans-serif; 
	font-size: xx-small; 
	padding-top: 1em;
	}

/* petits capitales pour les noms de revues par exemples */

span.sc { font-variant: small-caps; }

/* citations */

span.cite, span.cite { font-style : italic; }
span.cite:after { content: close-quote; }
span.cite:before { content: open-quote; }

/* abbreviations et acronymes */

abbr { speak: spell-out; } 
acronym { speak: normal; }
abbr, acronym { border: none; cursor: help; }
/* desactivation du fatra ci-dessous pour alleger les pages web 
abbr, acronym {border:none;}
abbr.redund, acronym.redund { border: none; }
abbr[title], acronym[title] {border-bottom: 1px dotted black;}
@media print { abbr, acronym { border: none; } }
*/

/* form */

form.google, div.google, input.google { 
	color: black;
	background: inherit;
	display: inline; 
	font-weight: bold; 
	font-size: medium;
}
input.google { background: white; }
div.google { margin: 5%; }

a.alert {
 font-weight:bold; 
 color: red; 
 background: white; 
 font-size: small;
 border-bottom: solid 3px red;
 border-top: solid 3px red;
 border-left: solid 3px red;
 border-right: solid 3px red;
 padding: 0.1em;
 text-decoration: none;
}

/* Couleurs discrètes pour liens et textes */
.discret a { color: #AAAAAA; }
.discret a:hover { color: #111111; }
.discret { color: #AAAAAA; }

/* pour un texte en rouge sombre et petites capitales grasses */
.darkalert {
 color: darkred!important;
 font-weight:bold;
 font-variant: small-caps;
}

/* pour la liste des papiers */

ul.papers li:hover span.discret { color: black; }
ul.papers li:hover span.discret>a { color: blue; }
ul.papers li:hover {
	background: WhiteSmoke;
	/* display: inline-block; */
	text-shadow: 0.2em 0.2em 0.2em lightgrey;
}
ul.papers li span.discret { color: #AAAAAA; }
ul.papers li>a { color: black; }
ul.papers li span.discret>a { color: #AAAAAA; }