/********************************************************

panneau diapositive des actulalités

********************************************************/
#wrapper
 {
	width:820px; margin:0 auto;
	font-family: arial;
	font-size: 18px;
	letter-spacing: 1px;
	/*color: #ff7f00;*/
	/*color: #6f7073;*/
	color: white;
	text-align: center;
}

#wrapper a
 {
	color: white;
}

#container {position:relative; padding:0; height:100px;}

.sliderbutton {position: absolute; width:33px; height:100%; cursor:pointer;}
#slideleft {background:url(slider_images/rotator-arrows.png) 0 0 no-repeat}
#slideleft:hover {background-position: -33px 0}
#slideright {background:url(slider_images/rotator-arrows.png) -66px 0 no-repeat;left:783px;}
#slideright:hover {background-position: -99px 0}

#slider
{
	position:absolute; left: 33px;overflow:hidden; width:750px; height:100%;}
#slider ul {position:relative; list-style:none; top:0; left:0; margin: 0; padding: 0;}
#slider li {float:left; width:750px; height:100%;border:margin: 0;padding: 0;vertical-align: middle;}
#slider li a:hover {text-decoration: underline;}
.pagination {position:absolute; top:0; right:61px; list-style:none; height:25px;display: none;}
.pagination li {float:left; cursor:pointer; height:8px; width:8px; background:#ccc; margin:0 4px 0 0; border:1px solid #fff}
.pagination li:hover, li.current {background:#fff}

/********************************************************

panneaux compteur et autres

********************************************************/

#cadre
{
	float: left;
	background-color: white;
	padding: 20px 5px 0 5px;
	width: 500px;
	height: 270px;
}

#droite
{
	float: left;
	text-align: center;
	width: 405px;
	padding-left: 35px
}

div#droite a
{
	margin: 0 auto;
}

div#droite img
{
	margin: 10px 0;
}

#participer
{
	margin-right: 0;
}

.clear
{
	clear: both;
}

#facebook
{
	float:left;
	margin:45px 0 0 25px;
}

#decompte {position: relative;color:#000;margin: 35px 0 0 110px;height:90px; width: 354px;}
#decompte div.set{float:left}
#decompte h2{text-align:center; font-size:10px; margin: 0;}
#decompte ul{list-style-type:none;height:77px;padding:0px;margin: 0;}
#decompte li{float:left;background:url(countdown/filmstrip_countdown_9-0.png) 0 0 no-repeat;width:35px;height:77px}
#decompte li#s0, li#m0{background:url(countdown/filmstrip_countdown_5-0.png) 0 0 no-repeat}
#decompte li#h0{background:url(countdown/filmstrip_countdown_2-0.png) 0 0 no-repeat}
#decompte li.comma{background:url(countdown/comma.png) 2px 75px no-repeat;width:12px}
#decompte div.separator{float:left; font:45px Arial,sans-serif; height:87px; padding:0px 0 0;}

ul#liste
{
	margin: 0;
	padding-left: 15px;
	padding-top: 0;
}

.cadre
{
	/*background-color: #92D050;*/
	background-color: #B4D233;
	/*border: solid 2px #595959;*/
	border: solid 2px #47484A;
	border-radius: 10px;
	display: inline-block;
	text-align: center;
	padding: 10px 15px;
	margin: 10px;
	color: white;
	vertical-align: top;
}

.cadre a
{
	color: white;
	font-weight: bold;
}