/*------------------------------------------------------------------------------- *
 *                               webcams                                          *
 *------------------------------------------------------------------------------- */
#contenu .webcam.first h2
 {
 	border-bottom : none;
 }
 
 
 .webcam {
    
    position: relative;
        
}
 .webcam.preview {
	margin : 0 0 15px 0;
	font-size:14px;
	font-weight : bold;
	color : #000000;
}
	
.webcam.first {
	margin : 0 0 25px 0;
}

.webcam.preview img.webcam {
	width : 390px;
	float : left;
	margin : 0 6px 0 0;
	border : 1px solid #000000;
	}
	
.webcam.first img.webcam {
	width : 390px;
	float : left;
	margin : 0 12px 0 0;
	border : 1px solid #000000;
}

.webcam .altitude {
	font-size : 12px;
	color : #ff0198;
	font-weight : bold;
	}
 
     .webcam a.fancybox {
        display : block;
        position : relative;
    	width : 390px;
        float : left;
        margin-right : 4px;
    }

    
.webcam .partner {
    position: absolute;
    right : 0;
    bottom : 0;
    
}

.webcam .source {
    position: absolute;
    right : 0;
    bottom : 2px;
    width : 260px;
    text-align: left;
    color : #A7ADBF;
    font-size: 10px;
    font-weight : bold;
}
    
.webcam .source a {
    color : #A7ADBF;
    font-weight : normal;
}

 .center {
    text-align			: center;
 }

 form.center {
    padding				: 20px;
 }

.webcam_wrap h4 {
    margin				: 2px;
    padding				: 0;
}
.webcam_wrap	.via {
    color				: #bbb ;
    font-size			: 10px ;
}
.webcam_wrap	.via a {
    color				: #bbb ;
    border				: 1px dashed #bbb ;
    border-width		: 0 0 1px;
}

.webcam_wrap	.via a:hover {
    color				: orange ;
}
#contenu .webcam_wrap	{
    padding				: 0;
    height				: 260px ;
    width				: 155px;
    margin				: 3px 3px 3px 0;
    background			: #f5f5f5 ;
    float				: left ;
    border				: 1px solid #FF0198;
    display				: inline;
    text-align			: center;
}

#contenu .webcam_wrap	.img {
    width				: 145px ;
    margin				: 15px 0 0 0;
    border				: 2px solid #111 ;
}


html>body #contenu .webcam_wrap {
    width				: 159px;
}
#contenu.webcam_wrap .img:hover	{
    border-color 		: orange ;
}

.webcam_edit, #contenu .col .webcam_edit {
    text-align			: center;
}
.webcam_edit label {
    display				: inline ;
    float				: left ;
    text-align			: left;
    width				: 120px ;
    padding				: 2px;
    margin				: 0 16px 0px 0 ;
    font-size			: 12px;
    color				: #36F;
    border-top			: 2px solid #CCC;
}

.webcam_edit fieldset {
    text-align			: left;
    margin				: 10px 0;
    padding				: 8px 3px;
    border		 		: 1px solid #ffa500 ;
    -moz-border-radius 	: 8px;
}

.webcam_edit #submit {
    width				: 200px;
    margin				: 10px 10px 10px 80px;
    border				: 1px solid outset #ffa500;
}

.last .webcam_edit #submit {
    margin				: 10px 10px 10px 40px;
}

.webcam_edit .img {
    width				: 145px;
}

#tiles {
background : #000; 
padding : 5px 0 5px 5px;
}

#tiles span {
    display: block; 
width: 130px; 
height : 130px; 
overflow : hidden; 
margin : 0;
float : left;
}
#tiles a {
    display: block; 
width: 110px; 
height : 110px; 
overflow : hidden; 
background : #000; 
font-size : 1.2em; 
text-align : center; 
margin : 10px;
}


#tiles a img {
height : 140px; margin: -20px 0 0 -20px;
}
#tiles a:hover img {
    display : none;
    
}

#contenu .webcamsDiv .img {
border:2px solid #111111;
margin:15px 0 0;
width:145px;
}

#contenu .webcamsDiv {
-moz-border-radius:8px 8px 8px 8px;
display:inline;
float:left;
height:260px;
margin:3px 3px 3px 0;
padding:0;
text-align:center;
width:159px;
}


/*------------------------------------------------------------------------------- *
 *                                 listes                                         *
 *------------------------------------------------------------------------------- */
.listing h4
{
font-size:1.05em;
margin:10px 0 0 0 ;
padding:0;
text-align:left;
}
.listing h4 a
{
}

.listing .nav
{
	text-align		: right;
	padding			:  0;
	margin-bottom	: 6px;
}

.listing .nav a
{
	color	: #555;
}

.listing a
{
	padding	: 3px 0;

}

/** webcams au hasard **/

.teaser-webcam {
    display: block;
    float: left;
    margin: 0 10px 15px 0;
    width: 210px;
    overflow: hidden;
}

.teaser-webcam .teaser-thumbnail {
    background: #EEE;
    display: block;
    width: 100%;
    padding-bottom: 60%;
}

.teaser-webcam .teaser-intro {
    display: block;
    width: 100%;
    height: 15px;
    overflow: hidden;
}