@charset "UTF-8";
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#666;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */

hr { 
	height:0px;
	border:0;
	border-top:1px solid #d6dadc;
	border-bottom:1px solid #e7ebed;
} 
a * { cursor: pointer;}

html {
	background: #e1e6e8 url("../img/background.jpg") top center no-repeat;
}

body {
	font-size: 62.5%;
	line-height: 1.5;
	color: #676f73;
	font-family: "Lucida Grande", "Liberation Sans", Tahoma, Verdana, Arial, sans-serif;
}
#countdown {
	width:300px;
	height:71px;
	position:absolute;
	right:0px;
	top:63px;
	background:transparent;
}
#wrap {
	font-size: 110%;
	width: 1003px;
	margin: 0px auto 0;
	position:relative;
}

a {
	color: #057899;
	text-decoration: none;
}

a:hover {
	color: #333;
	border-color: #333;
}

h1 {
	font-size: 250%;
	font-weight: normal;
	text-align: left;
	padding-bottom: 0.7em;
	margin-top:40px;
	margin-bottom: 0.3em;
	margin-left: 0px;
	width: 380px;
	color: #666;
	float:left;
}
h1.pTweet {
	font-size: 250%;
	font-weight: normal;
	text-align: left;
	padding-bottom: 0.7em;
	margin-top:40px;
	margin-bottom: 0.3em;
	margin-left: 350px;
	width: 380px;
	color: #666;
	float:left;
}
#header {
	margin-top:10px;
	margin-right:8px;
	float:right;
	text-align:right;	
}
#headerTweet {
	margin-top:100px;

	font-size:275%;
	font-family:MuseoSans;
	text-shadow: 2px 2px 2px #ffffff;

	float:right;
	text-align:right;	
}

#header img {
	vertical-align:top;
}

/**
 *	Colonnes
 ******************************************************************/
.col_240 {
	width: 246px;
	float: left;
}

.col_315 {
	width: 317px;
	margin-right: 19px;
	float: left;
}

.col_400 {
	width: 402px;
	margin-right: 19px;
	float: left;
}

.col_800 {
	width: 665px; 
	float: left;
}
	.col_800 ul.colonne-1 {
		float:left;
		width:312px;
	}
	.col_800 ul.colonne-2 {
		float:right;
		width:312px;
	}
	
ul.colonne-1, ul.colonne-2 {
	background:url('../img/background-listeTweet.jpg');
	-moz-border-radius: 5px;
	-moz-box-shadow:1px 1px 3px #cbcfd1;
	
	-webkit-border-radius:5px;
	-webkit-box-shadow:1px 1px 3px #cbcfd1;
	padding: 5px 5px 5px 15px;
}

/*ul.colonne-1 li, ul.colonne-2 li {
	border-bottom:1px solid #e4e7e8;
	padding:5px 0;
}*/


/**
 * Boites
 ******************************************************************/
 
.boite {
	margin: 0 0 18px 0;
	position:relative;
}

.boite h2 {
	font-size: 130%;
	padding: 6px 10px 10px 9px;
	margin-bottom: 0px;
	color: #586165;
	height:20px;
	cursor:pointer;
}
.col_315 .boite h2 {
	background:transparent url("../img/header_active_317.png") top left no-repeat;
}
.col_400 .boite h2 {
	background:transparent url("../img/header_active_402.png") top left no-repeat;
}
.col_240 .boite h2 {
	background:transparent url("../img/header_active_246.png") top left no-repeat;
}
.boite.close h2 {
	padding: 5px 10px 10px 8px;
	background-image: -moz-linear-gradient(top, #ebeef1, #dde3e7); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ebeef1),color-stop(1, #dde3e7)); /* Saf4+, Chrome */
	border-bottom:1px solid #c4c7c8;
	border-right:1px solid #c4c7c8;
	border-top:1px solid #f0f2f4;
	border-left:1px solid #f0f2f4;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: 1px 1px 2px #dcdfe0; /* FF3.5+ */
	-webkit-box-shadow: 1px 1px 2px #dcdfe0; /* Saf3.0+, Chrome */
	box-shadow: 1px 1px 2px #dcdfe0;
	height:16px;
}

.boite_text {
	font-size:10px;
	padding: 8px 10px 9px;
	background: #eff2f3;
	margin-bottom: 10px;
	color: #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #d8dddf;
}
input {
	border:1px solid #CBCBCB;
	background: #fff;
	margin-bottom: 0.3em;
	
	color: #ccc;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
}
input[type="text"] {
	padding:4px 4px;
	height:12px;
	width:200px;
	color:#666;
}
input[type="button"] {
	position:relative;
	top:2px;
	height:22px;
	width:60px;
	color:#666;
}
#addRss {
	position:relative;
	top:5px;
}
#feedback {
	margin-left:5px;
	margin-top:5px;
	color:#DC413A;
}

.boite h2 span {
	font-size: 85%;
	color: #586165;
	text-shadow: 1px 1px 1px #e9ecee;
	-moz-text-shadow: 1px 1px 1px #e9ecee;
	-webkit-text-shadow: 1px 1px 1px #e9ecee;
}
.boite h2 img {
	position:relative;
	top:2px;
}
.boite h2 span strong {
	font-weight: bold;
}

.boite p {
	padding:0px 10px;
}
.boite .content {
	padding-right:2px;
}
.boite .toggle {
	position:absolute;
	top:4px;
	right:4px;
	cursor:pointer;
}
.boite h2 {
	color: #444;
}
.boite h2 a {
	text-decoration: none;
	border: none;
}

.flickr h2 a {
	color: #0063DC;
}

.flickr h2 em {
	color: #FF0084;
	font-style: normal;
}
.twitter h2 a, .twitterSearch h2 a {
	color: #33CCFF;
}

.text .content {
	padding:5px 6px;
}

/**
 *	Flickr
 ******************************************************************/
.flickr ul {
	padding-top: 5px;
}

.flickr li {
	text-align:center;
	float: left;
	display: block;
	margin-left: 3px;
	margin-bottom: 5px;
}

.flickr li a, .flickr li img {
	float: left;
	display: block;
	border:none;
}

/**
 *	Twitter
 ******************************************************************/
 
.twitter {
	margin-right: 0;
}

.twitter ul li a {
	display:inline;
	margin:0;
}

.twitter ul {
	margin: 0 0 0 5px;
	padding: 0px;
}

.twitter li {
	margin-bottom:5px;
	padding:5px;
	line-height: 1.4;
	list-style: none;
	overflow:hidden;
}
.twitter li:last {
	margin-bottom:0px;
}


.twitter li span.date {
	position:relative;
	display: block;
	margin-bottom:-16px;
	right:15px;
	text-align:right;
	margin-right: 10px;
	font-size:8px;
	color:#666;
}

.twitter li span.date a {
	color: #777;
	text-decoration: none;
	border: none;
}

.twitter li h3 {
	font-weight:bold;
	padding: 0px 5px 0px 5px;
	position:relative;
	left:-4px;
}
.twitter li h3 a {color:#586165;}

.twitter li p {
	margin-left:10px;
}

.twitter li em.from {
	display: none;
}

/**
 *	RSS
 ******************************************************************/

.rss {
	margin-right: 0;
}

.rss ul li a {
	display:inline;
	margin:0;
}

.rss ul {
	margin: 0 0 0 5px;
	padding: 0px;
}

.rss li {
	margin-bottom:5px;
	padding:5px;
	line-height: 1.4;
	list-style: none;
	overflow:hidden;
}
.rss li:last {
	margin-bottom:0px;
}

.rss li small {
	color: #666;
	margin-left:20px;
}
.rss li h3 {
	font-weight:bold;
	padding: 0px 5px 0px 5px;
	position:relative;
	left:-5px;
}
.rss li h3 a {color:#586165;}
.rss li h4 {
	margin-left:20px;
}

.partenaires {
	font-size:10px;
	padding: 10px;
	background: #FFF;
	margin-bottom: 10px;
	color: #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #d8dddf;
	text-align:center;
}
.partenaires hr {
	border-top:0px;
}
.partenaires img {
	display:block;
	margin:auto;
	margin-bottom:20px;
}

.partenaires .subtitle {
	text-align: left;
	padding-bottom: 5px;
}

.partenaires #partners_list {
	text-align: left;
	list-style: dotted;
	padding: 0 0 0 20px;
}

.partenaires #partners_list li {
	list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 5px;
}

#contentpub .panel_footer {
	background-color:red !important;
}


/**
 *	Durant l'événement - Tweets
 ******************************************************************/
#eventbrite_static {
	background: url(../img/bg_inscription.png) no-repeat;
	width: 347px;
	height: 153px;
	margin: 2px 0 0 7px;
	padding: 10px 20px 0 20px;
}

#eventbrite_static p {
	margin: 0;
	padding: 6px 0;
}

#eventbrite_static .event_date {
	font-size: 12pt;
	text-align: center;
	margin: 0;
	padding: 1px;
}

#eventbrite_static_waitlist {
	display: block;
	text-align: center;
}

#eventbrite_static #vetiq_present {
	font-size: 7pt;
	color: #777;
	width: 75px;
	float: left;
}

#eventbrite_static #vetiq_present img {
	margin-top: 2px;
}


/**
 *	Durant l'événement - Tweets
 ******************************************************************/
@font-face {
	font-family: MuseoSans;
	src: url('../font/MuseoSans-300Italic.otf');
}
ul.colonne-1 h3, ul.colonne-2 h3 {
	display:inline;
	float:left;
}
.twitter hr:last-of-type {
	border:none;
}
.twitter a.lienPhoto, .twitter p.contenuDuTweet {
	float:left;
	display:block;
	border:none;
}
.twitter_hover {
	float:left;
	border:medium none;
	display:block;
}
.twitter p.contenuDuTweet {
	width:240px;
}
ul.twitter li.tweet {
	height:70px;
}
.twitter .dateDuTweet {
	float:right;
	margin-right: 10px;
	font-size:8px;
	color:#666;
}
noscript {
	font-size:120%;
	font-weight:bold;
	color:#EC3D00;
}