/* CSS Document */

/* General */
body	{
	margin:0;
	font-family: Eurostile, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

a:link, a:visited { 
	color : #FF0000 ;
	text-decoration : underline;
}

a:hover { 
	color: #8F0606 ;
	text-decoration : none ;
}


img {
	border:0px;
}

h1, h3 {
	text-align:center;
}

h3 {
	font-size:1.6em;
	margin-bottom:1px;
}

/* Rollover menu News */
span.outer1 {
	float:left;
	width: 50px; height: 50px;
	margin: 0 5px 0 0;
	background: url(img/rollover/news_rollover_noname.jpg) 0 -50px no-repeat;
	}

span.outer1 a {
	display: block;
	margin: 0; padding:0;
	width:50px; height:50px;
	overflow:hidden;
	background: url(img/rollover/news_rollover_noname.jpg) 0 0px no-repeat;
	}
	
span.outer1 a:hover {
	background-image: none;
	
}
span.outer1 ins {
	display:none;
}

/* Rollover menu Bio */
span.outer2 {
	float:left;
	width: 50px; height: 50px;
	margin: 0 5px 0 0;
	background: url(img/rollover/bio_rollover_noname.jpg) 0 -50px no-repeat;
}

span.outer2 a {
	display: block;
	margin: 0; padding:0;
	width:50px; height:50px;
	overflow:hidden;
	background: url(img/rollover/bio_rollover_noname.jpg) 0 0px no-repeat;
}

span.outer2 a:hover {
	background-image: none;
}

span.outer2 ins {
	display:none;
}

/* Rollover menu Photo */
span.outer3 {
	float:left;
	width: 50px; height: 50px;
	margin: 0 5px 0 0;
	background: url(img/rollover/photo_rollover_noname.jpg) 0 -50px no-repeat;
}

span.outer3 a {
	display: block;
	margin: 0; padding:0;
	width:50px; height:50px;
	overflow:hidden;
	background: url(img/rollover/photo_rollover_noname.jpg) 0 0px no-repeat;
}

span.outer3 a:hover {
	background-image: none;
}

span.outer3 ins {
	display:none;
}

/* Rollover menu Media */
span.outer4 {
	float:left;
	width: 50px; height: 50px;
	margin: 0 5px 0 0;
	background: url(img/rollover/media_rollover_noname.jpg) 0 -50px no-repeat;
}

span.outer4 a {
	display: block;
	margin: 0; padding:0;
	width:50px; height:50px;
	overflow:hidden;
	background: url(img/rollover/media_rollover_noname.jpg) 0 0px no-repeat;
}

span.outer4 a:hover {
	background-image: none;
}

span.outer4 ins {
	display:none;
}

/* Rollover menu Links */
span.outer5 {
	float:left;
	width: 50px; height: 50px;
	margin: 0 5px 0 0;
	background: url(img/rollover/links_rollover_noname.jpg) 0 -50px no-repeat;
}

span.outer5 a {
	display: block;
	margin: 0; padding:0;
	width:50px; height:50px;
	overflow:hidden;
	background: url(img/rollover/links_rollover_noname.jpg) 0 0px no-repeat;
}

span.outer5 a:hover {
	background-image: none;
}

span.outer5 ins {
	display:none;
}

/* Rollover menu Contact */
span.outer6 {
	float:left;
	width: 50px; height: 50px;
	margin: 0 5px 0 0;
	background: url(img/rollover/contact_rollover_noname.jpg) 0 -50px no-repeat;
}

span.outer6 a {
	display: block;
	margin: 0; padding:0;
	width:50px; height:50px;
	overflow:hidden;
	background: url(img/rollover/contact_rollover_noname.jpg) 0 0px no-repeat;
}
	
span.outer6 a:hover {
	background-image: none;
}

span.outer6 ins {
	display:none;
}

/* Rollover menu Atomic TV */
span.ban_full {
	float:left;
	width: 542px; height: 150px;
	margin: 0;
	background: url(img/rollover/ban_rollover.jpg) 0 -150px no-repeat;
	}

span.ban_full a {
	display: block;
	margin: 0; padding:0;
	width:542px; height:150px;
	overflow:hidden;
	background: url(img/rollover/ban_rollover.jpg) 0 0px no-repeat;
	}
	
span.ban_full a:hover {
	background-image: none;
}
span.ban_full ins {
	display:none;
}

/* Id  */
#menu {
	margin-top:30px;
	margin-left:100px;
	width:330px;
	height:90px;
}

#logo {
	float:right;
	margin-right:100px;
	width:300px;
	height:100px;
}

#news {
	margin:auto;
	margin-top:40px;
	width:600px;
	height:auto;
	text-align:center;
}

#footer {
	margin-left:auto;
	margin-right:auto;
	width:599px;
	height:192px;
}

#footer_bio {
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	max-width:920px;
	height:auto;
	
}

#home {
	float:right;
	margin-right:100px;
	width:130px;
	height:35px;
	margin-top:2px;
}

#bio {
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	max-width:1000px;
	height:auto;
	font-size: 1.3em;
	line-height:1.2em;
	text-align:left;
}

#media {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:40px;
}

#ban {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:20px;
	width:425px;
	height:180px;
}

#video_list {
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	height:200px;
	width:420px;
}

/* Class */
.center1 {
	margin-left:auto;
	margin-right:auto;
	width:542px;
	height:150px;
}

.text {
	font-size: 1.3em;
	line-height:1.2em;
	text-align:center;
}

.popup {
	position:static;
	display: none;
	width: 200px;
	border: none;
	background-color: transparent;
	height:30px;
}

.contact {
	margin-top: 40px;
	margin-left:auto;
	margin-right:auto;
	width:500px;
	height:300px;
	font-size: 1.3em;
	line-height:1.2em;
	text-align:left;
}

.lecteur {
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	width:420px;
	height:400px;
}

.list_left {
	font-size: 1.3em;
	line-height:1.2em;
	text-align:left;
}

.list_right {
	font-size: 1.3em;
	line-height:1.2em;
	text-align:right;
}

.contact_left {
	float:left;
	position:absolute;
	background-image:url(img/fond/contact_right.jpg);
	margin-left:40px;
	width:150px;
	height:375px;
}

.contact_right {
	float:right;
	position:absolute;
	background-image:url(img/fond/contact_right.jpg);
	margin-right:40px;
	width:150px;
	height:375px;
}

.links {
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	width:550px;
	height:336px;
}

em.date {
	font-size: 12px;
	line-height:1.2em;
	text-align:center;
}

/* Galerie */
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}