/* ------------------------------- */
/* ------------------------------- */
/* ------------------------------- */
/* --- Theme : WelcomeToTheSky --- */
/* ------------------------------- */
/* ------------------------------- */
/* ------------------------------- */



/* ---------------------------------- */
/* --- CSS Reset Padding & Margin --- */
/* ---------------------------------- */

* {margin:0;padding:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;}
img { border:0; }
input { vertical-align:middle; }
.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
a img {border:0;}
.separator {clear:both;height:0px;visibility:hidden;}


/* ---------------------- */
/* --- General Styles --- */
/* ---------------------- */
body {
	background: url(../Images/bg-body.jpg) repeat-x fixed;font-family: Arial, Verdana, Sans-serif;font-size: 12px;
}
.main {
	margin: 0 auto;width: 960px;
}

h1 {
	border-bottom: 2px dashed #bbb;color: rgba(255,255,255,0.2);font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 38px;font-weight: bold;text-transform: uppercase;margin-bottom: 15px;text-decoration: none;margin-top: 80px;
}
h1 b,h1 b a {
	color: #bbb;
}
h1 b a:hover, h1 a:hover {
	color: rgba(253,101,0,1);
}
h2 {
	color: #e1e1e1;font-size: 16px;text-transform: uppercase;margin: 20px 0 10px;
}
h2 i {
	color: rgba(255,255,255,0.1);
}
p {
	color: #bbb;opacity: 0.8;filter: alpha(opacity=80);margin-bottom: 10px;line-height: 22px;letter-spacing: 1px;
}
a {
	color: #rgba(253,101,0,1);
}
a:hover {
	color: #fff;
}
p a {
	background: rgba(0,0,0,0.4);color: #fd6500;padding: 4px 6px;-moz-border-radius: 8px;-webkit-border-radius: 8px;text-decoration: none;-webkit-border-top-right-radius: 0;-moz-border-radius-topright: 0;
}
p a:hover {
	background: rgba(253,101,0,1);color: #fff;text-decoration: none;
}
q {
	color: rgba(255,255,255,0.6);font-family: Georgia, Serif;font-style: italic;
}
q b {
	background: rgba(0,0,0,0.3);font-weight: normal;
}
q:hover {
	color: rgba(255,255,255,0.8);
}
q:hover b {
	background: rgba(253,101,0,1);
}
q.small {
	font-size: 14px;line-height: 20px;padding: 2px;
}
q.medium {
	font-size: 20px;line-height: 30px;padding: 4px;
}
q.big {
	font-size: 28px;line-height: 36px;padding: 3px;
}
span.source {
	clear: both;float: right;font-size: 11px;color: #bbb;text-align: right;width: 100%;font-style: italic;
}
html body .pic-legend {
	float: right;color: rgba(255,255,255,0.5);margin-bottom: 10px;
}
h4 {
	background: rgba(0,0,0,0.2);color: rgba(255,255,255,0.4);font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 26px;font-weight: bold;margin-bottom: 8px;padding: 4px 8px;text-transform: uppercase;
}
h4 b {
	color: #fff;
}




.border-top {
	background: #000;height: 10px;filter: alpha(opacity=20);opacity: 0.2;position: absolute;top: 0;width: 100%;
}

.header-bg {
	background: #000;filter: alpha(opacity=20);opacity: 0.2;position: absolute;top: 10px;right: 199px;height: 20px;width: 325px;
}
ul#header {
	position: absolute;top: 10px;right: 200px;z-index: 999;
}
ul#header li {
	display: inline;
}
ul#header li a {
	background: transparent;color: #bbb;padding: 5px;text-transform: uppercase;font-size: 11px;text-decoration: none;text-shadow: 1px 1px 1px #000;
}
ul#header li a:hover,ul#header li a.active {
	color: #ff7900;-webkit-transition: color 0.2s linear;
}

.wrapper,.footer {
	background: url(../Images/bg-content.png) repeat;padding: 10px;
}
.logo {
	position: relative;margin-top: 20px;
}
.content {
	float: left;padding: 20px;width: 560px;
}
.sidebar {
	border: 2px dashed #bbb;border-bottom: 0;border-top: 0;float: right;padding: 18px;width: 300px;
}
.bio-pic {
	border: 5px solid #bbb;margin-bottom: 4px;
}
.vevent {
	background: rgba(0,0,0,0.2);color: rgba(255,255,255,0.4);padding: 5px 10px;margin-bottom: 10px;
}
.dtstart {
	color: rgba(253,101,0,0.6);
}
.location {
	color: #bbb;
}
.bouton {
	background: rgba(253,101,0,1);border: 0;color: #fff;cursor: pointer;font-size: 14px;float: right;padding: 6px 12px;-webkit-border-radius: 15px;-moz-border-radius: 15px;
}
.disc-description {
	float: right;margin-bottom: 20px;margin-top: 10px;width: 200px;
}
.disc-description i {
	color: rgba(255,255,255,0.6);float: left;font-size: 14px;width: 100%;text-transform: uppercase;
}
.disc-description small {
	color: rgba(255,255,255,0.5);font-size: 12px;
}
.group-member {
	border-bottom: 1px dashed #bbb;clear: both;float: left;padding-bottom: 10px;margin-bottom: 10px;width:100%;
}
.group-member img {
	border: 5px solid #000;float: left;margin-right: 5px;
}

.group-member p {
	font-size: 11px;line-height: 13px;	
}

.content ul {
	margin-left: 40px;
}
.content ul li {
	display: block;margin: 10px 0;
}
.content ul li a {
	color: rgba(253,101,0,1);
}
.content ul li a:hover {
	color: #fff;text-decoration: none;
}
.content ul li a span {
	display: none;font-size: 11px;
}
.content ul li a:hover span {
	color: rgba(253,101,0,1);display: inline;
}



.footer {
	padding: 30px;text-align: center;margin-top: 50px;
}
.footer h1,.footer h1 a,.footer h1 b a {
	border-bottom: 0;
}
.footer a img {
	opacity: 0.4;margin: 0 20px;
}
.footer a:hover img {
	opacity: 0.8;-webkit-transition:opacity 0.2s linear;
}