.fond-blanc{
background:#fff;
margin-bottom:30px;

}
.fond-bleu{
background:#72D1F0;}
.derniersmsg-nom{
color:#72D1F0;}
#derniers-forums, #formulaire-mailing{
padding:0 10px;
}
#plus-de-forums{
margin-left:10px;
}
 #formulaire-mailing{
margin-top:20px;}
/* N A V I G A T I O N + zooms*/
#nav-24h09{
text-align:right;
padding:4px 12px 0px 0px;
margin:0;
width:650px;
height: 23px;
background-color:#72D1F0;
}
#nav-24h09 li {
font-family:arial,sans-serif;
display: inline;
text-transform:uppercase;
font-size:11px;
color:#666;
}
#nav-24h09 a {
color: #fff;
}
#nav-24h09 a:hover {
color: #ddd;
}

/* RADIO */
#radio{
padding:20px 10px;
}
#radio h4{
text-align:center;
}
#radio img{
margin-top:5px;
vertical-align:bottom;
}
#radio p{
text-align:center;
margin-top:10px;
font-size:13px;
}
#radio object{
margin-left:50px;
margin-top:10px;}

/* liste auteurs */
#auteurs-24h09{
padding:20px 10px;
}
#auteurs-24h09 h4{
margin:0 0 10px 0;
}
#auteurs-24h09 h5{
font-size:12px;
text-transform:uppercase;
margin:4px 0;
color:#72D1F0;
}
#auteurs-24h09 ul{
float:left;
width:123px;
margin-right:4px;
}
#auteurs-24h09 li{
color:#999;}
#auteurs-24h09 a{
color:#000;}
#auteurs-24h09 li a:hover{
color:#999;}
#auteurs-24h09 li span{
color:#129FF0;
font-size:10px;
font-family:verdana,sans serif;
}
/* BLOG */
.blog-24h09 p{
text-transform:none;
margin:8px 20px 12px 0;
letter-spacing:0em}
#posts-24h09{
background-color:#72D1F0;
padding:10px 20px 20px 30px;
}
#posts-24h09 h3{
color:#fff;
padding-bottom:8px;
border-bottom:1px solid white;
margin-bottom:5px;
margin-top:15px;
font-size:18px;
}
#posts-24h09 h3 span{
font-size:12px;
font-family:verdana,arial,sans-serif;
color:#000;
float:right;
text-transform:uppercase;}
#posts-24h09 p a{
text-decoration:underline;
color:white;
}
#posts-24h09 img{
margin-top:10px;
border:1px solid #fff;
}
.nb-comment {
	float: right;
	background: url(bubble_left.png) no-repeat top left;
	padding: 3px 0 7px 7px;
}
.nb-comment a {
text-decoration:none;
	background: url(bubble_right.png) no-repeat top right;
	padding: 3px 7px 7px 0;	
}

/* blog sur sommaire */
#bulu-24h09{
float:right;
}
#contrainte fieldset{
padding:15px 25px;
text-transform:none;
font-size:14px;
border:2px solid #72D1F0;
margin:20px 0;
}
#contrainte fieldset img{
float:right;}
#contrainte legend{
padding:2px 12px;
background:#72D1F0;
text-transform:uppercase;

}
#intro-24h09{
clear:left;
border-top:1px solid #3fbffb;
padding:15px 20px 0px 40px;
font-family:Century Gothic, Apple Gothic, arial, sans-serif;
}
#lien-blog-24h{
margin-top:10px;
}
#lien-blog-24h a{
text-transform:uppercase;
color:#fff;
text-decoration:none;
}
/* webcams */

#decompte-et-cams{
margin-top:10px;
height:314px;
}
#listing-cams{
margin-top:40px;
width:280px;
padding:10px;
float:right;
position:relative;
}
#listing-cams h4{
font-size:16px;
text-transform:uppercase;
}
#listing-cams h4 img{
vertical-align:bottom;}

#cam{
padding: 0;
margin: 0;
width:650px;
}
#webcam-afficheur {
float:right;
}

#webcam-afficheur li {
border:1px solid #ccc;
width:400px;
height:300px;
overflow:hidden;
position:relative;
}

#webcam-messages {
font-size:9px;
padding:2px;
text-align:center;
}

#webcam-afficheur li h3 {
position:absolute;
top:10px;
left:4px;
padding:2px 4px;
color:#000;
font-size:16px;
filter : alpha(opacity=7);
-moz-opacity: 0.7;
opacity : 0.7;
background: transparent ;
background-color:#72D1F0;
}

#webcam-afficheur li .webcam_autre {
position:absolute;
top:275px;
left:4px;
background-color:#fff;
padding:2px 5px 2px 3px;
color:#222;
font-weight:bold;
font-size:11px;
}

#webcam-afficheur li .webcam_autre a {
color:#72D1F0;

}

#webcam-afficheur li p {
position:absolute;
font-family:arial,sans-serif;
padding:4px 6px 6px 6px;
color:#000;	
font-size:10px;
top:10px;
left:260px;
width:120px;

background-color:#fff;
border:1px solid #72D1F0;
}



#decompte{
}
#decompte img{
margin-bottom:5px;
border:0;
}
#countdown{
margin-left:30px;
font-size:62px;
width:200px;
font-family:arial;
}
#countdown span{
font-size:20px;
color:#ccc;}
#countdown-jour{
text-transform:uppercase;
margin-left:4px;
font-size:13px;
}

/* cartes des webcmas - steph */
#spots {	
}

#spots .spot {
position:absolute;	
}

#spots #bxl {
	top:79px;
	left:183px;
}

#spots #paris {
	top:88px;
	left:176px;
}

#spots #beirut {
	top:128px;
	left:240px;
}
#spots #papeete {
	top:180px;
	left:110px;
}

#spots #san-antonio {
	top:135px;
	left:2px;
}

#spots #lyon {
	top:96px;
	left:180px;
}

#spots #vermont {
	top:106px;
	left:52px;
}

#spots #montreal {
	top:97px;
	left:50px;
}
#spots #poitiers {
	top:97px;
	left:170px;
}