/* cv.css - styles for the JSON-driven CV: language switch + injected HTML.
   Loaded after blue.css / rating.css so it can rely on and extend them. */

/* ---- Language switch (FR / EN) ---- */
/* Sits on the same paper background as #paper-mid so it doesn't break the
   "clipboard" effect with a dark band. */
#lang-toggle {
	background: url(../images/pmid.jpg) repeat-y;
	text-align: right;
	padding: 10px 50px 4px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#lang-toggle a {
	color: #7b90b5;
	text-decoration: none;
	padding: 3px 7px;
	border-radius: 3px;
}
#lang-toggle a:hover {
	color: #1b4491;
}
#lang-toggle a.active {
	color: #fff;
	font-weight: bold;
	background: #1b4491;
}
#lang-toggle a.active:hover {
	color: #fff;
}
#lang-toggle .sep {
	color: #cfd6e3;
	margin: 0 2px;
}
#lang-toggle .flag {
	font-size: 14px;
	vertical-align: -1px;
	margin-right: 1px;
}

/* ---- PDF download icon (replaces the old save/disk image) ---- */
.social ul li {
	float: right;          /* push the single icon to the right edge */
	width: auto;
	margin-left: 0;
}
.social .pdf-icon {
	display: block;
	width: 24px;
	height: 24px;
	fill: #1b4491;
}
.social .pdf-link:hover .pdf-icon {
	fill: #0f2a5c;
}

/* Keep the full name on a single line (the base h1 is only 250px wide). */
.self h1.name {
	width: auto;
	white-space: nowrap;
}

/* ---- Headline / job title under the name ----
   Rendered outside the Cufon-replaced <h1> so accented characters (é, è, …)
   display correctly; styled to match the former h1 span subtitle. */
.self .headline {
	font-size: 21px;
	line-height: 1.1;
	color: #1b4491;
	margin-top: 2px;
	margin-bottom: 4px;
}

/* ---- Injected description HTML (summary + experience) ----
   The JSON stores summary/experience descriptions as HTML (<p>, <ul><li><p>…).
   These wrappers reproduce the original ul.info column look so the layout
   matches the former static markup. */
.summary-content,
.content-desc {
	float: right;
	width: 500px;
	margin-left: 40px;
}

/* Neutralise the global floated/right-aligned <p> rules inside these blocks. */
.summary-content p,
.content-desc p {
	float: none;
	width: auto;
	margin: 0 0 4px 0;
}

/* Lists styled like the original ul.info (custom bullet, no native markers). */
.summary-content ul,
.content-desc ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.summary-content ul li,
.content-desc ul li {
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	padding-left: 10px;
	margin-top: 10px;
}
.summary-content ul li p,
.content-desc ul li p {
	float: none;
	width: auto;
	margin: 0;
}

/* Trailing empty paragraphs the editor leaves behind. */
.summary-content p:empty,
.content-desc p:empty {
	display: none;
	margin: 0;
}

/* ---- Footer: copyright + last-update date ---- */
#site-footer {
	text-align: center;
	color: #8a8a8a;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.4;
	padding: 0 20px 28px;
	margin-top: -70px;
}

@media print {
	#lang-toggle { display: none; }
}