@charset "utf-8";

#cm_container h1
{
	font:24px Bebas;
	color:#1F191B;
	display:block;
	margin:0 0 20px;
	padding:0 0 10px;
	border-bottom:1px dotted #FAC29D;
	word-spacing:5px
}

#cm_container h1 span
{
	font:10px Arial, Helvetica, sans-serif;
	color:#999;
	margin:0;
	padding:18px 0 0 0;
	float:right;
	word-spacing:normal
}

#cm_container h2
{
	font:14px Bebas, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#1F191B;
	margin:0;
	padding:18px 0;
	letter-spacing:1px;
	word-spacing:3px
}

#cm_container h3
{
	color:#09F;
}

#cm_container .date
{
	font:10px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#09F;
	margin:-18px 0 10px 0;
	padding:0;
	float:none;
	clear:left;
	letter-spacing:0
}

#cm_container p
{
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#1F191B;
	margin:10px 0;
	padding:0
}

#cm_container .readmore
{
	font:10px/18px Arial, Helvetica, sans-serif;
	color:#666;
	margin:10px 0;
	padding:0 10px;
	float:right;
	text-transform:uppercase;
	display:inline
}

#cm_container .readmore:hover	{ background:#1F191B;color:#FFF }

#cm_container p span.inarticle
{
	background-color:#E5E5E5;
	margin:0;
	padding:1px 0;
	line-height:10px;
}

#cm_container .column
{
	margin-top:20px;
	column-count:2;
    column-gap:15px;
    column-width:auto;
	-moz-column-count:2;
    -moz-column-gap:15px;
    -moz-column-width:auto;
	-webkit-column-count:2;
    -webkit-column-gap:15px;
    -webkit-column-width:auto;
    text-align:justify;
}

#cm_container .container
{
	float:left;
	width:600px;
	height:auto;
	padding:0;
	margin:0 0 30px 0
}

#cm_container .container .lisponsor li
{
	font-size: 12px;
	color: #333;
	display: list-item;
	list-style: square inside;
	line-height:20px
}

/*programme*/
#cm_container .container .programme
{
	float:left;
	width:550px;
	height:auto;
	padding:0 0 0 25px;
	margin:10px 0 30px 25px;
	border-left:1px dotted #CCC
}

#cm_container .container .programme li
{
	padding:0 0 15px 0;
	margin:0 0 15px 0;
	border-bottom:1px dotted #CCC
}

#cm_container .container .programme h2
{
	padding:0 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	letter-spacing:normal;
	text-indent:-7px
}

#cm_container .container .programme h3
{
	color:#09F;
	padding-bottom:5px
}

#cm_container .container .programme h4
{
	color:#666;
	padding-bottom:5px
}

#cm_container .container .programme p
{
	text-align:justify; font-size:11px
}

#cm_container .container .programme li li
{
	padding:0 0 8px 0;
	margin:0 0 0 15px;
	border-bottom:none;
	list-style:disc outside
}

/*columns*/

#cm_container .container .columns li
{
	float:left;
	padding:0;
	width:290px;
	margin:0 0 30px 0
}

#cm_container .sidebar
{
	float:right;
	margin:0 0 30px 0;
	padding:0;
	width:220px;
	height:auto;
	color:#FFF;
}

#cm_container .sidebar li
{
	background:#FF6D1A;
	float:left;
	margin:0 0 5px 0;
	padding:10px;
	width:200px;
	height:auto;
	color:#FFF;
	border:1px dotted #FAC29D;
	transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out
}

#cm_container .sidebar li:hover
{
	background:#FFF;
	width:200px;
	color:#FF6D1A;
	text-indent:5px;
	font-weight:700;
	box-shadow: 0 1px 5px #333;-moz-box-shadow: 0 1px 5px #333;-webkit-box-shadow: 0 1px 5px #333
}

#cm_container .sidebar li a{color:#FFF;font-weight:bold}

#cm_container .sidebar li:hover a,
#cm_container .sidebar li:hover a:hover
{ color:#1F191B }

#cm_container .sidebar .twee a,
#cm_container .sidebar .twee a:hover
{
	color:#1F191B;width:100%;height:100%;display:block;
	padding-top:5px;
	background:url(../../../MEDIA/TEMPLATE/decor/twitter_logo.png) no-repeat 85px 2px;
}

#cm_container .sidebar .twee,
#cm_container .sidebar .twee:hover
{
	float:left;
	margin:5px 0 5px 0;
	padding:10px;
	width:200px;
	height:40px;
	text-indent:0;
	border:none;
	background:transparent;
	box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none
}

#cm_container .sidebar .spongo,
#cm_container .sidebar .spongo:hover
{
	background:none;
	margin:50px 0 5px 0;
	width:200px;
	height:40px;
	border:none;
	background:transparent;
	text-indent:0px;
	text-align:center;
	box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none
}

#cm_container .sidebar .spongo img
{
	margin:0 auto 25px auto
}

.avatar{
	width:100px;height:100px;margin:0 20px 20px 0; display:block;
	box-shadow:0 0 5px #000 inset;-moz-box-shadow:0 0 5px rgba(0,0,0,.6) inset;-webkit-box-shadow:0 0 5px rgba(0,0,0,.6) inset;
}


/* programme préliminaire */

.tabs li 				{margin:20px 10px 30px 0;float:left;border:1px solid #FAC29D;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.tabs li 	a			{text-transform:uppercase;display:block;padding:5px 10px;color:#333}
.tabs li:hover			{background:#FF6D1A;cursor:default}
.tabs li.active			{background:#D11F03;color:#FFF;border:1px dotted #FAC29D}
.tabs li:hover 	a		{color:#FFF}
.tabs li.active	a 		{cursor:default;color:#FFF}

.displays  				{
	float:left;width:520px;height:auto;padding:20px;box-shadow:0 0 5px #666 inset;-moz-box-shadow:0 0 5px #666 inset;-webkit-box-shadow:0 0 5px #666 inset;background:rgba(255,255,190,.5);
	transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;
}
.displays:hover  		{background:rgba(255,255,190,1)}
.displays li 			{float:left;display:none;width:100%;color:#222}
.displays .next 		{
	text-align:center;
	text-decoration:none;
	padding:2px 10px;
	color:#FFF;
	background:#888;
	text-transform: uppercase;
}
.displays .next + .next		{
	margin-left:10px
}
.displays li.active	 	{display:block}

.displays li div hr 	{margin:20px 0;padding:0}
.displays li div h3 	{font-size:16px;text-transform:uppercase;padding:0 0 2px 0;margin:0 0 2px 0;border-bottom:1px solid #EEE;width:100%}
.displays li div h3 em 	{font-size:14px;color:#FFF;background:#09F;padding:2px 5px;font-style:normal}
.displays li div .datev	{font-size:12px;color:#666;width:100%;text-align:right;margin:-17px 0 0 0}
.displays li div h4 	{font-size:12px;color:#C00;margin:10px 0 0 0}
.displays li div h4:before 	{content:"· "}
.displays li div h5 	{font-size:11px;color:#555;margin:5px 0 0 5px;font-weight:normal}
.displays li div a 		{text-decoration:underline;color:#555;font-weight:bold}
.displays li div time 	{font-weight:bold}
		

/* forms */

.form_table				{ width:100%;height:auto;display:block;background:#FFF;float:left;clear:both }
.form_table	tr			{ width:100%;margin:0 0 10px 0 }
.form_table	tr td		{ width:100%;padding:10px;border-bottom:1px dotted #FC0 }
.form_table	.descr2		{ padding:10px;border-bottom:1px dotted #FC0;text-transform:uppercase;text-align:right }
.form_table	td.star:after		{ content:" *";color:#F00 }