/*
	adaptation design pour erodig
									*/

/* LAYOUT
	header, recherche, diggbox
------------------------------------------- */


html, body{
	margin: 0;
	padding: 0;
	text-align: center;
}

#Table_01 {
	position:relative;
	left:0px;
	top:0px;
	margin:0;
	width:1000px;
	background:#ffffff;
}

#header-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:405px;
	height:107px;
}

#header-02 {
	position:absolute;
	background: url(images/header_02.jpg);
	left:405px;
	top:0px;
	width:595px;
	height:107px;
}

#header-03 {
	position:absolute;
	background: url(images/header_03.jpg);
	left:0px;
	top:107px;
	width:405px;
	height:93px;
}

#header-04 {
	position:absolute;
	background: url(images/header_04.jpg);
	left:405px;
	top:107px;
	width:595px;
	height:93px;
}

#search {
	position:absolute;
	left:730px;
	top:174px;
}

#pub_head {
	position:absolute;
	margin:0;
	padding:0;
	left:6px;
	top:130px;
	z-index:5;
}

#pub_head img{
	border:0px;
}

#corps {
	position:absolute;
	top:200px;
	left:0;
	width:1000px;
	background:#ffffff;
}

#sidebar {
	position:absolute;
	left:760px;
	float:right;
	width:240px;
	z-index:5;
	background:#ffffff;
	border-left:1px dotted #bbbbbb;
}

#sidebar h2{
	font-size:18px;
	font-weight:bold;
	color:#ff3300;
	padding-top:10px;
	background:url(images/ico-side.gif) no-repeat right center;
	text-align:center;
}

#sidedvd h2{
	font-size:18px;
	font-weight:bold;
	color:#ff3300;
	padding-top:10px;
	background:url(images/ico-side.gif) no-repeat left;
	text-align:center;
}

#sidebar h2 a, #sidedvd h2 a{
	font-size:18px;
	font-weight:bold;
	color:#ff3300;
}

#sidedvd h3 a{
	font-size:16px;
	font-weight:bold;
	color:#ff0033;
}

#sidebar div, #sidedvd div{
	margin: 0 20px 0 20px;
	padding: 1ex 1em;
	border-bottom: 1px solid #F0F0F0;
	color: inherit;
	font-size:12px;
	text-align:justify;
}

#sidebar .sideban{
	padding:0;
	margin:0;
	text-align:center;
}

#content {
	position:absolute;
	left:0px;
	float:left;
	width:720px;
	margin:0;
	padding:0;
	padding-right:40px;
	padding-left:10px;
	background:#ffffff url(images/back-c.jpg) right repeat-y;
}


#tabsB 
{
	float:right;
	width:100%;
	background:#FFFFFF;
	font-size:93%;
	line-height:normal;
}

#tabsB a 
{
	float:left;
	background:url("images/tableftB.gif") no-repeat left top;
	margin:0;	
	padding:0 0 0 4px;
	text-decoration:none;
}
#tabsB a span 
{
	float:left;
	display:block;
	background:url("images/tabrightB.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#666;
}

#tabsB ul{
	list-style:none;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	background:url(images/pattern3.gif);
}

a:link {
	text-decoration: none;
	color:#443526;
}

a:visited {
	text-decoration: none;
	color:#443526;
}

a:hover {
	text-decoration: underline;
	color:#000000;
}

a:active {
	text-decoration: none;
	color:#2e6ab1;
}

.texte{
	text-align:left;
}

/* profil ou connection affiché juste sous le header */
.profil_top {
	float:right;
	font-size:12px;
	font-weight:bold;
	color:#F96900;
	margin:0;
	margin-right:240px;
	padding:6px 6px 6px 6px;
	border:1px dotted #dd0000;
}

/* tablette de menu supérieur : histoire populaires, etc... */
.tab{
	float:right;
	margin:0;
	padding:0;
	font-size:14px;
	color:#eeeeee;
	border-bottom:1px dotted #dddddd;
}

.tabok {
	float:right;
	background:url(images/tab-ok.gif);
	width:200px;
	heigth:32px;
	padding-top:10px;
	padding-bottom:8px;
	text-align:center;
}

.tabok a, .tabok a:visited {
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
}

.tabnew {
	float:right;
	background:url(images/tab-new.gif);
	width:200px;
	heigth:32px;
	padding-top:10px;
	padding-bottom:8px;
	text-align:center;
}

.tabnew a, .tabnew a:visited {
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
}

.tabwait {
	float:right;
	background:url(images/tab-wait.gif);
	width:200px;
	heigth:32px;
	padding-top:10px;
	padding-bottom:8px;
	text-align:center;
}

.tabwait a, .tabwait a:visited {
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	padding-left:8px;
}
/* fin tablette */

.headlogo{
	color:#2e6ab1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:bold;
}

a.headlogo:link, a.headlogo:active, a.headlogo:visited, a.headlogo:hover {
	color:#2e6ab1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:bold;
	text-decoration: none;
}

.anounce
{
	font-family: Arial, verdana;
	font-size: 14px;
	color: #eeeeee;
	text-align:right;
}

a.anounce:link, a.anounce:active, a.anounce:visited, a.anounce:hover 
{
	text-decoration: underline;
	font-family: Arial, verdana;
	font-size: 14px;
	color: #8e8982;
}

.anounce h3{
	padding:0;
	margin:0;
	font-size:14px;
	font-weight:normal;
}

.copyright {
	font-size:11px;
}

.error {
	color:#FF0000;
}

/*---------------table contenant 1 article------------------------*/
.story_table {
	padding:0;
	margin:0;
	padding-bottom:20px;
	padding-top:10px;
	border-bottom:1px solid #dddddd;
	text-align:justify;
}
.story_table h2{
	padding:0;
	margin:0;
	padding:2 0 2 0px;
	font-size:18px;
	font-weight:bold;
	color:#F96900;
}

.nostory {
	font-size:16px;
	font-weight:bold;
	color:#dd0000;
	text-align:center;
}

/* concernant les inscription */

.signuptxt{
	text-align:left;
}

.signuptxt td{
	border:1px dotted #dd0000;
	background:#FFF7DD;
}

.signuptxt ul{
	font-size:11px;
	font-weight:bold;
	padding:0;
	margin:0;
	padding-top:8px;
	padding-left:12px;
}

/* ----------------DIGBOX------------------- */
/* la boite graphique qui affiche le nombre de votes d'une histoire */
.digbox{
	width:60px;
	height:80px;
	padding:0;
	margin:0;
	text-align:center;
	overflow:hidden;
	background-image:url(images/digg_back.jpg);
}

/* numérique du nombre de votes obtenus par une histoire */
.digs {
	color:#ff00ae;
	font-family:Arial;
	font-size:24px;
	font-weight:bold;
	padding:0;
	margin:0;
	padding-top:10px;
}

/* "votes" inscrit sous le nombre de votes */
.digg {
	color:#eeeeee;
	font-family:Verdana,Arial;
	font-size:10px;
	font-weight:bold;
}

/* liens "voter" */
.digit{
	color:#ffffff;
	font-family:Verdana,Arial;
	font-size:11px;
	font-weight:bold;
	padding:0;
	margin:0;
	padding-top:8px;
}

.digit a{
	color:#ffffff;
}

/* fin de la diggbox */
/* ---------------FIN DIGBOX-------------------- */

.bottomlinks {
	font-size:10px;
}

.subline {
	font-size:11px;
	color:#999999;
}

.comment_bar td{
	padding:0;
	margin:0;
	padding-top:4px;
	background:#fff7dd;
}

.comdigs {
	font-size:11px;
	color:#105cb6;
	font-weight:bold;
}

.comline {
	font-size:11px;
	color:#999999;
}

.votant {
	padding:0;
	margin:0;
	padding-top:4px;
	padding-bottom:4px;
	background:#fff7dd;
	font-weight:bold;
}

.friend_mail {
	padding:0;
	margin:0;
	padding-top:4px;
	padding-bottom:4px;
	background:#fff7dd;
	border:1px dotted #dd0000;
	width:80%;
}

.green {
	color:#009900;
}

.opacityit
{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	-moz-opacity: 0.3;
}

#pages {
	padding: 0px;
	margin:0px;
}

#pages ul {
	list-style-type: none;
	padding:0px;
	margin:0px;
}

#pages li {
	float: left;
	display: inline;
	margin: 0 5px 0 0;
	display: block;
	padding:0px;
}

#pages li a {
	color: #9aafe5;
	padding: 4px;
	border: 1px solid #9aafe5;
	text-decoration: none;
	float: left;
}

#pages li a:hover {
	color: #2e6ab1;
	border: 1px solid #2e6ab1;
}

#pages li.nolink {
	color: #CCC;
	border: 1px solid #F3F3F3;
	padding: 4px;
}

#pages li.current {
	color: #FFF;
	border: 1px solid #2e6ab1;
	padding: 4px;
	background: #2e6ab1;
}

.pagetitle {
	color:#F96900;
	text-align:left;
}

.pagetitle h1{
	color:#F96900;
	font-size:20px;
	padding:0;
	margin:0;
	font-weight:bold;
	text-align:left;
}

.pagetitle a{
	color:#F96900;
}	

.icra {
	font-family:verdana;
	font-size:0.86em;
	color:#aaaaaa;
	letter-spacing:6px;
}

/* --------------------------------- */
/* HEADER des videos dvd */
/* --------------------------------- */

#Table_01_dvd {
	position:relative;
	left:0px;
	top:0px;
	width:760px;
	height:395px;
	border:6px solid #444444;
}

#head-dvd-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:760px;
	height:47px;
	background:url('images/videos/head_dvd_01.jpg');
	text-align:left;
}

#head-dvd-01 h2{
	font-size:1.2em;
	font-weight:bold;
	color:#ffffff;
	padding:0px;
	margin:0px;
}

#head-dvd-01 div{
	padding:0px;
	margin:0px;
	padding-left:50px;
	padding-top:8px;
	color:#eeeeee;
}

#head-dvd-02 {
	position:absolute;
	left:0px;
	top:47px;
	width:760px;
	height:112px;
	background:url('images/videos/head_dvd_02.jpg');
}

#head-dvd-03 {
	position:absolute;
	left:0px;
	top:159px;
	width:760px;
	height:153px;
	background:url('images/videos/head_dvd_03.jpg');
}

#head-dvd-04 {
	position:absolute;
	left:0px;
	top:312px;
	width:760px;
	height:83px;
	background:url('images/videos/head_dvd_04.jpg');
	text-align:left;
}

#head-dvd-04 div{
	float:right;
	padding:0px;
	margin:0px;
	padding-right:12px;
	padding-top:44px;
	color:#ffffff;
	font-size:0.85em;
	font-family:arial;
	font-weight:bold;
}

#head-dvd-04 a{
	color:#ffffff;
}

.dvd_classement{
	position:absolute;
	left:510px;
	top:454px;
	color:#ffffff;
}

.dvd_classement a{
	color:#ffffff;
}

/* Affichage des vidéos */

.dvd_titre {
	text-align:left;
	border-top:6px solid #444444;
	border-left:6px solid #444444;
	border-right:6px solid #444444;
	border-bottom:0px;
	padding:0px;
	margin:0px;
	margin-bottom:-8px;
}

.dvd_titre h2{
	padding:0px;
	padding-left:60px;
	margin:0px;
	font-family:impact,verdana;
	font-size:1.7em;
	font-weight:normal;
	letter-spacing:120%;
	color:#ffffff;

}

.dvd_titre table{
	background:url(images/videos/dvd-titre.png) no-repeat left top;
	height:62px;
}

.dvd {
	border-top:0px;
	border-left:6px solid #444444;
	border-right:6px solid #444444;
	border-bottom:6px solid #444444;
	padding:0px;
	margin:0px;
}

.dvd img {
	padding:4px;
	margin:0px;
	border:0px;
}

.dvd p{
	padding:0px;
	margin:0px;
}

.telecharger {
	background:url(images/videos/telecharger.png) no-repeat center top;
	height:44px;
	text-align:center;
	padding:0px;
	margin:0px;
	padding-top:8px;
	font-family:arial;
	font-size:1.5em;
	font-weight:bold;
	color:#ffffff;
}

.telecharger a{
	font-weight:bold;
	color:#ffffff;
}