@charset "utf-8";

div.box
{
	background: #fefefe;
	border: 1px solid #eee;
	padding: 10px;
	margin: 1em 0;
}

div.box *:first-child
{
	margin-top: 0;
}

/* :::::::::::::::: */
/* ::::: news ::::: */
/* :::::::::::::::: */

.common div.news h2
{
	font-size: 1.2em;
}

.common div.news h3
{
	font-size: 1.1em;
	margin-bottom: .5em;
	line-height: 1.2em;
}

.common div.news h2,
.common div.news h3
{
	color: #0f4a5f;
	font-weight: normal;
}

.common div.news h2 a,
.common div.news h3 a
{
	color: #0f4a5f;
}

.common div.news ul
{
	margin: 0;
	list-style: none;
}

.common div.news ul li
{
	position: relative;
	margin-bottom: 15px;
}

.common div.news img
{
	display: block;
}

.common div.news p
{
	color: #666;
	margin: .5em 0;
	line-height: 1.4em;
}

.common div.news p.more,
.common div.news p.even-more
{
	font-size: .9em;
}

.common div.news p.more,
.common div.news p.more a
{
	color: #0f4a5f;
}

.common div.news p.even-more,
.common div.news p.even-more a
{
	color: #0f4a5f;
}

.common div.news p.more a
{
	background: url(../img/arrow-blue.png) no-repeat 0 center;
	padding-left: 12px;
	text-decoration: none;
}

.common div.news p.even-more a
{
	background: url(../img/arrow-blue.png) no-repeat 0 center;
	padding-left: 12px;
	text-decoration: none;
}

.common div.news p.more a:hover,
.common div.news p.even-more a:hover
{
	text-decoration: underline;
}

.common ul.actualites
{
	margin-left: 0;
	list-style: none;
}

.common ul.actualites li
{
	border-top: 1px dotted #0083B0;
	padding-top: 1em;
}

.common ul.actualites li:first-child
{
	border-top: none;
}

.common ul.actualites.details li
{
	border-bottom: none;
}

.common ul.actualites li img
{
	float: left;
	margin-right: 20px;
	margin-bottom: 1em;
}

.common ul.actualites li div.content
{
	width: 395px;
	float: left;
	min-height: 0!important;
	margin: 0!important;
	padding: 0!important;
	border-top: none!important;
}

.common ul.actualites.details li div.content
{
	width: 355px;
}

.common ul.actualites li h4
{
	color: #0083B0;
	font-size: 1.2em;
	margin: 0;
}

.common ul.actualites li p.more a
{
	background: url(../img/arrow-blue.png) no-repeat 0 center;
	padding-left: 12px;
	text-decoration: none;
	color: #0083B0;
}

.common ul.actualites li p.more a:hover
{
	text-decoration: underline;
}

.common div.content p.even-more a
{
	background: url(../img/arrow-blue.png) no-repeat 0 center;
	padding-left: 12px;
	text-decoration: none;
	color: #0083B0;
}

.common div.content p.even-more a:hover
{
	text-decoration: underline;
}

/* agenda */

.common div.agenda ul
{
	background: #dbe7d7;
	padding: 15px;
	float: left;
}

.common div.agenda ul li
{
	float: left;
	width: 100%;
}

.common div.agenda h3
{
	margin-top: 0;
}

.common div.agenda h3 a
{
	display: block;
	text-decoration: none;
}

.common div.agenda img
{
	float: left;
	margin-right: 15px;
}

.common div.agenda div.content
{
	float: left;
	width: 402px;
}

.common div.agenda p.more
{
	margin-bottom: 0;
}

.common div.agenda p.even-more
{
	text-align: right;
	margin-bottom: 0;
}

.common div.agenda p.even-more a
{
	background-color: #98b3af;
	display: block;
	width: 125px;
	margin: 0 0 0 auto;
	padding: 1px 5px 1px 10px;
	background-position: 5px center;
}

.common div.agenda p.even-more a:hover
{
	text-decoration: none;
	background-color: #fff;
}

/* agenda */

.common ul.lupin
{
	margin-left: 0;
	list-style: none;
}

.common ul.lupin li
{
	padding: 5px;
	border: 1px solid #ddd;
	margin: 1em 5px 5px 0;
	width: 152px;
	float: left;
	height: 120px;
}

.common ul.lupin li a
{
	display: block;
	text-decoration: none;
}

.common ul.lupin li img
{
	display: block;
}

.common ul.lupin li span
{
	display: block;
	font-size: .9em;
}

.common div.breaking div.bg
{
	background: url(../img/breaking-bg.png) no-repeat right bottom;
	position: absolute;
	bottom: -1px;
	right: -1px;
	top: -1px;
	left: -1px;
}

.common div.breaking div.layer
{
	border: 1px solid #e1b110;
	background: #fff;
	position: relative;
	margin-bottom: 2em;
}

.common div.breaking ul
{
	padding: 13px;
	position: relative;
}

.common div.breaking ul li
{
	margin-bottom: 0;
}

.common div.breaking h3
{
	margin-top: 0;
}

.common div.breaking p.more
{
	margin-bottom: 0;
}

/* :::::::::::::::::::::::: */
/* ::::: whysoserious ::::: */
/* :::::::::::::::::::::::: */

ul.media-machine
{
	background: none;
	list-style: none;
	margin: 0;
	position: relative;
}

ul.media-machine li
{
	float: left;
	height: 79px;
	width: 161px;
	position: relative;
}

ul.media-machine li a
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	overflow: hidden;
	border: 4px solid #333;
	margin-right: 1px;
	margin-bottom: 1px;
}

ul.media-machine li a.selected
{
	cursor: default;
	border-color: #666;
}

div.media-display
{
	background: #333 url(../img/ajax-loader.gif) no-repeat center center;
	padding: 4px;
	margin-bottom: 1px;
	margin-top: 1.5em;
	position: relative;
}

div.inner-display
{
	visibility: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	min-height: 25px;
}

div.ctrl
{
	position: absolute;
	top: 50%;
	height: 30px;
	margin-top: -15px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	padding: 0 20px;
	background-color: #333;
	background-repeat: no-repeat;
	background-position: center center;
	visibility: hidden;
}

div.ctrl.previous
{
	left: 0;
	background-image: url(../img/md-prev.gif);
}

div.ctrl.next
{
	right: 0;
	background-image: url(../img/md-next.gif);
}

div.ctrl.backward,
div.ctrl.forward
{
	width: 20px;
	margin-top: 0;
	top: 0;
	padding: 0;
	visibility: visible;
}

div.ctrl.backward
{
	left: 0;
	background-image: url(../img/md-prev.gif);
}

div.ctrl.forward
{
	right: 0;
	background-image: url(../img/md-next.gif);
}

div.capsule
{
	overflow: hidden;
	position: relative;
}

div.capsule.collapsed
{
	margin-left: 21px;
	margin-right: 21px;
}

div.outter-capsule
{
	position: relative;
}

div.media-bar
{
	background: #333;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #eee;
}

div.media-bar div.clear
{
	margin-bottom: 1px;
}

div.title-bar
{
	padding: 2px 20px 3px;
	float: left;
}

div.count-bar
{
	float: right;
	padding: 2px 16px 3px;
	border-left: 1px solid #DBE7D7;
}

div.ctrl-play
{
	float: right;
	padding: 2px 16px 3px;
	border-left: 1px solid #DBE7D7;
	cursor: pointer;
	background: url(../img/mini-play.png) no-repeat center center;
	width: 0;
	overflow: hidden;
	text-indent: -100000px;
}

div.pausable
{
	background-image: url(../img/mini-pause.png);
}

/* ::::::::::::::::::::: */
/* ::::: media box ::::: */
/* ::::::::::::::::::::: */

.common div.mb-overlay
{
  position: fixed;
  background: #000;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  z-index: 1;
}

.common div.mb-capsule
{
	position: fixed;
	z-index: 1;
	padding: 25px;
	border-width: 1px;
	border-style: solid;
	border-color: #eee;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	background: #fff url(../img/ajax-loader-w.gif) no-repeat center center;
	-moz-box-shadow: 0 0 25px 0 rgba(43,39,32,0.5);
	-webkit-box-shadow: rgba(43,39,32,0.5) 0 0 25px;
	-webkit-box-shadow: 0 0 25px 0 rgba(43,39,32,0.5);
}

.common div.mb-capsule.draggable
{
	cursor: move;
}

.common div.mb-capsule.resizable div.mb-hdl.resize
{
	display: block;
}

.common div.mb-container
{
	background-color: #fff;
	overflow: auto;
	position: relative;
	height: 100%;
}

.common div.mb-layer
{
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/mediabox-assets/pixelt.gif) repeat 0 0;
}

.common div.mb-layer.visible
{
	display: block;
}

.common div.mb-container img
{
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.common div.mb-bars
{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
}

.common div.mb-context-bar,
.common div.mb-desc-bar,
.common div.mb-thumb-bar
{
	position: relative;
	text-align: center;
	color: #fff;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.common div.mb-context-bar
{
	border-top: 1px solid #444;
	background: #333;
	height: 50px;
}

.common div.mb-desc-bar
{
	border-top: 1px solid #333;
	background: #222;
	font-size: 1.2em;
	padding: 4px 0 5px;
	text-shadow: 0 0 5px #000;	
}

.common div.mb-thumb-bar
{
	left: 50%;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
}

.common div.mb-thumb-bar ul
{
	margin: 0 0 2px;
	list-style: none;
	float: left;
}

.common div.mb-thumb-bar ul li
{
	float: left;
	background: #333;
	color: #fff;
	margin-right: 2px;
	height: 50px;
	width: 100px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	border: 5px solid #333;
	background-repeat: no-repeat;
	background-position: center center;
}

.common div.mb-thumb-bar ul li.pdf span,
.common div.mb-thumb-bar ul li.page span
{
	display: none;
}

.common div.mb-thumb-bar ul li.pdf
{
	background-image: url(../img/mediabox-assets/ico-pdf.png);
}

.common div.mb-thumb-bar ul li.page
{
	background-image: url(../img/mediabox-assets/ico-page.png);
}

.common div.mb-thumb-bar ul li.selected,
.common div.mb-thumb-bar ul li:hover
{
	border-color: #111;
}

.common div.mb-thumb-bar ul li.selected
{
	cursor: default;
}

.common div.mb-thumb-bar ul li img
{
	display: block;
	width: 100%;
}

.common div.mb-btn
{
	cursor: pointer;
}

.common div.mb-btn:hover
{
	text-decoration: underline;
}

.common div.mb-btn.play,
.common div.mb-btn.previous,
.common div.mb-btn.next
{
	position: absolute;
	height: 0;
	left: 50%;
	top: 50%;
	overflow: hidden;
	margin-top: -20px;
	padding-top: 40px;
}

.common div.mb-btn.play
{
	background: url(../img/mediabox-assets/play.png) no-repeat 0 0;
	width: 40px;
	margin-left: -20px;
}

.common div.mb-btn.play.running
{
	background-image: url(../img/mediabox-assets/pause.png);
}

.common div.mb-btn.play:active
{
	margin-top: -19px;
}

.common div.mb-btn.previous
{
	background: url(../img/mediabox-assets/previous.png) no-repeat 0 0;
	width: 44px;
	margin-left: -59px;
}

.common div.mb-btn.previous:active
{
	margin-left: -60px;
}

.common div.mb-btn.next
{
	background: url(../img/mediabox-assets/next.png) no-repeat 0 0;
	width: 44px;
	margin-left: 15px;
}

.common div.mb-btn.next:active
{
	margin-left: 16px;
}

.common div.mb-btn.first,
.common div.mb-btn.last
{
	position: absolute;
	top: 50%;
	left: 50%;
	height: 0;
	overflow: hidden;
	padding-top: 10px;
	margin-top: -5px;
	width: 6px;
}

.common div.mb-btn.first
{
	background: url(../img/mediabox-assets/first.png) no-repeat 0 0;
	margin-left: -71px;
}

.common div.mb-btn.first:active
{
	margin-left: -72px;
}

.common div.mb-btn.last
{
	background: url(../img/mediabox-assets/last.png) no-repeat 0 0;
	margin-left: 65px;
}

.common div.mb-btn.last:active
{
	margin-left: 66px;
}

.common div.mb-btn.maximize
{
	position: absolute;
	right: 10px;
	top: 50%;
	background: url(../img/mediabox-assets/fullscreen.png) no-repeat 0 0;
	margin-top: -17px;
	height: 0;
	width: 40px;
	padding-top: 34px;
	overflow: hidden;
}

.common div.mb-btn.close
{
	position: absolute;
	right: 6px;
	top: 6px;
	background: url(../img/mediabox-assets/close.png) no-repeat 0 0;
	width: 16px;
	height: 0;
	padding-top: 16px;
	overflow: hidden;
}

.common div.mb-hdl.resize
{
	display: none;
	position: absolute;
	bottom: 5px;
	right: 5px;
	cursor: nw-resize;
	height: 0;
	width: 0;
	background: #ccc;
	overflow: hidden;
	border-left: 15px solid #fff;
	border-right: 15px solid #323232;
	border-top: 15px solid #fff;
	border-bottom: 0;
}

a.media
{
	border-bottom: none;
}

/* :::::::::::::::::::: */
/* ::::: site map ::::: */
/* :::::::::::::::::::: */

.common div.site-map ul
{
	list-style: none;
	margin: 0;
}

.common div.site-map ul li
{
	padding: 10px 20px;
	border: 1px solid #eee;
	margin: 1.5em 0;
}

.common div.site-map ul li a
{
	display: block;
	color: #0083B0;
	font-weight: bold;
	font-size: 1.2em;
}

.common div.site-map ul ul
{
	margin: 1em 2ex;
}

.common div.site-map ul ul li
{
	padding: 0;
	border: none;
	background: none;
	margin: 0;
}

.common div.site-map ul ul li a
{
	color: #684848;
	font-weight: normal;
	font-size: 1em;
	background: url(../img/dot-grey.png) no-repeat 0 center;
	padding-left: 10px;
}