html,body{
	padding:0; 
	margin:0; 
	border:0; 
	height:100%; /* Required */
	color:#000000;
	background:#000;
	font-family:Verdana, Arial, sans-serif;
	font-size:8pt;
	text-align:center;
}

.normal{
	font-family:Verdana, Arial, sans-serif;
	font-size:10pt;
	font-weight:normal;
}

#container-page{
	margin-left:auto;
	margin-right:auto;
	padding:0;
	width:1000px;
	background:#DDD;
	position:relative;
	min-height:100%; /* For Modern Browsers */
	height:auto !important; /* For Modern Browsers */
	height:100%; /* For IE */
}

#container-header{
	background-image:url("../images/bg.gif");*/
	background-repeat:repeat-x;
	position:relative;
	width:100%;
	height:200px;
}

#header-left{
	position:relative;
	float:left;
}

#header-mid{
	position:relative;
	float:left;
	height:200px;
	width:510px;
}

#header-mid-top{
	position:relative;
	top:2px;
	left:20px;
	line-height:10px;
}

#header-mid-bottom{
	clear: both;
	position:absolute;
	bottom:8px;
	left:0px;
 }

#header-right{
	position:absolute;
	top:10px;
	right:10px;
	font-size:8pt;
	text-align:right;
	width:100%;
}

#slogan{
	color:#F00;
	font-size:16pt;
	font-weight:bold;
	font-style:italic;
	font-variant:small-caps;
	letter-spacing:2px;
	margin-top: 5px;
}

#search{
	float: left;
	margin-top: 8px;
	margin-left: 0px;
	text-align: left;
}

#search table {
	margin: 0px;
	padding: 0px;
	height: 0px;
}

#search table tr td {
	margin: 0px;
	padding: 0px;
	height: 0px;
}

#search table tr td input {
	font-size: 8pt;
	vertical-align: middle;
	padding: 0px;
}

#search table tr td label {
	vertical-align: middle;
	margin-right: 10px;
}

#search table tr td label font {
	height: 10px;
	font-size: 8pt;
}

#flags{
	margin-top: 10px;
	margin-right: 10px;
	text-align: right;
}

#login-table{
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
	width:200px;
	height:140px;
	border-color:#DDD;
	background-color: #DDD;
}

#container-content{
	clear:left;
	text-align:center;
	padding-top:20px;
	padding-bottom:40px;
}

#container-foot{
	position:absolute;
	width:100%;
	background:#CCC;
	left:0;
	bottom:0 !important;
	bottom:-1px; /* For Certain IE widths */
	height:40px;
	font-size:8pt;
}

#footer-content{
	line-height:10px;
}

#main-table{
	margin-left:auto;
	margin-right:auto;
	width:600px;
}

#oeuv-header{
	border-collapse:collapse;
}

.art-icone{
	text-align:center;
	font-size:12pt;
}

.error {
	color: #FF0000;
	font-family : Verdana, Arial, sans-serif;
	font-size : 14pt;
}

DIV.oeuvres {
	text-align:left;
	font-family : Verdana, Arial, sans-serif;
	padding-left: 5;
	padding-top: 5;
}

DIV.defi {
	text-align:left;
	font-family : Verdana, Arial, sans-serif;
	font-size : 8pt;
}

SPAN.defi {
	color: #FF0000;
	font-family : Verdana, Arial, sans-serif;
	font-size : 8pt;
	font-weight: normal;
}

SPAN.vote {
	color: #888;
	font-size : 14pt;
	font-weight: bold;
}

SPAN.titre {
	color: #FF0000;
	font-family : Verdana, Arial, sans-serif;
	font-size :12pt;
}

/* styles pour les SPAN contenant le statut d'une oeuvre */
SPAN.statut_refus {
	color: #FF0000;
	font-size : 8pt;
	font-weight: bold;
}
SPAN.statut_valide {
	color:#060;
	font-size:8pt;
	font-weight:bold;
}
SPAN.statut_soumis {
	color: #000000;
	font-size : 8pt;
	font-weight: bold;
}

#discipline {
	color: #000;
	font-size : 12pt;
	font-weight: bold;
}

H1 {
	color: #FF0000;
	font-family : Verdana, Arial, sans-serif;
	font-size :14pt;
}

H2 {
	color: #000000;
	font-family : Verdana, Arial, sans-serif;
	font-size : 14pt;
}

H3 {
	color: #000000;
	font-family : Verdana, Arial, sans-serif;
	font-size : 10pt;
	font-weight: bold;
}

TD {
	font-family : Verdana, Arial, sans-serif;
	font-size : 8pt;
}

TD.haut {
	text-align: center;
	font-size : 10pt;
	font-weight: bold;
	background-color: #888;
	color: #FFF;
	text-align:center;
}

TD.gauche {
	width: 1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #888;
}

TD.cell1 {
	font-size : 10pt;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #888;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #888;
	text-align:center;
}

TD.cell2 {
	font-size : 8pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #888;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #888;
	text-align:center;
}

TD.cell3 {
	font-size : 8pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #888;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #888;
	text-align:center;
}

TD.cell4 {
	font-size : 8pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #888;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #888;
}

TD.transition {
	height:30px;
	font-size : 10pt;
	font-weight: bold;
	color: #FFF;
	border-width: 1px;
	border-style: solid;
	border-color: #888;
	background-color: #888;
	text-align:center;
}

TD.tab {
	height:30px;
	font-size : 10pt;
	font-weight: bold;
	color: #000;
	border-width: 1px;
	border-style: solid;
	border-color: #FFF;
	background-color: #FFF;
	text-align:center;
}

TD.selectedTab {
	height:30px;
	font-size : 10pt;
	font-weight: bold;
	color: #000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	text-align:center;
}

TD.login {
	font-size : 7pt;
	text-align: left;
	color: #000;
	border-width: 1px;
	border-style: solid;
	border-color: #DDD;
	background-color: #DDD;
	padding:0;
}

TD.titre {
	font-size : 10pt;
	color: #000000;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #888;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #888;
}

/* titre de formulaire */
TD.form {
	font-size : 10pt;
	color: #000000;
	font-weight: bold;
	vertical-align:"top";
}

/* page de présentation */
TD.pres1 {
	font-family : Verdana, Arial, sans-serif;
	font-size : 10pt;
	border-width: 1px;
	border-style: solid;
	border-color: #888;
	vertical-align: top;
}
TD.pres2 {
	font-family : Verdana, Arial, sans-serif;
	font-size : 10pt;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	background: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #888;
}

TD.altern0 {
	font-family : Verdana, Arial, sans-serif;
	font-size : 8pt;
	background: #EEE;
}
TD.altern1 {
	font-family : Verdana, Arial, sans-serif;
	font-size : 8pt;
	background:#CCC;
}


#oeuv_note {
	border-width: 1px;
	border-style: solid;
	border-color: #888;
	vertical-align: top;
	text-align: center;
	padding:5px 0px;
}
.note {
	margin:0px auto;
	padding:0;
	border-collapse:collapse;
	border-width: 0px;
	border-style: solid;
	border-color: #888;
}
.note_globale {
	font-size:12pt;
	font-weight:bold;
	background-color:#FFFFFF;
	text-align:center;
	border-width: 1px;
	border-style: solid;
	border-color: #888;
	width:110px;
	padding:15px 4px 4px 4px;
}
.note_detail {
	border-width: 1px;
	border-style: solid;
	border-color: #888;
	text-align:center;
	padding:2px;
}
.note_detail INPUT {
	margin:0px;
	font-size:8pt;
	text-align:right;
}
.note_titre_haut {
	border-width: 1px;
	border-style: solid;
	border-color: #888;
	text-align:center;
	font-weight:bold;
	padding:2px;
}
.note_titre_gauche {
	border-width: 1px;
	border-style: solid;
	border-color: #888;
	text-align:left;
	font-weight:bold;
	padding:2px;
}

SPAN.pres_rouge {
	color: #FF0000;
	font-weight: bold;
}
SPAN.pres_violet {
	color: #852C79;
	font-weight: bold;
}
SPAN.pres_vert {
	color: #888;
	font-weight: bold;
}

A:link {text-decoration: none; color: #FF0000;}
A:visited {text-decoration: none; color: #FF0000;}
A:active{text-decoration: none; color: #FF0000;}
A:hover {text-decoration: none; color: #888;}

A.login:link {font-size: 8pt; text-decoration: underline; color: #000;}
A.login:visited {font-size: 8pt; text-decoration: underline; color: #000;}
A.login:active{font-size: 8pt; text-decoration: underline; color: #000;}
A.login:hover {font-size: 8pt; text-decoration: none; color: #888;}

A.theme:link {font-weight: bold; text-decoration: none; color: #FF0000;}
A.theme:visited {font-weight: bold; text-decoration: none; color: #FF0000;}
A.theme:active{font-weight: bold; text-decoration: none; color: #FF0000;}
A.theme:hover {font-weight: bold; text-decoration: none; color: #888;}

A.tab:link {text-decoration: none; color: #FF0000;}
A.tab:visited {text-decoration: none; color: #FF0000;}
A.tab:active{text-decoration: none; color: #FF0000;}
A.tab:hover {text-decoration: none; color: #888;}

A.selectedTab:link {text-decoration: none; color: #000;}
A.selectedTab:visited {text-decoration: none; color: #000;}
A.selectedTab:active{text-decoration: none; color: #000;}
A.selectedTab:hover {text-decoration: none; color: #000;}

input.dcform {
}

.center-table{
	margin-left:auto;
	margin-right:auto;
}


/* PORTLETS */

.portlet{
	padding:0;
	border-color:#888;
	border-width:1px;
	border-style:solid;
}

.portlet-title{
	padding:5px;
	background-color: #888;
	color:#FFF;
	font-size:10pt;
	font-weight:bold;
	text-align:center;
}

.portlet-title-2{
	padding:5px;
	background-color: #DDD;
	color:#000;
	font-size:10pt;
	font-weight:bold;
	text-align:center;
}

.portlet-footer{
	padding:5px;
	background-color: #888;
	color:#FFF;
	font-size:8pt;
	font-weight:normal;
	text-align:left;
}

.portlet-content{
	padding:0px;
	font-size:10pt;
	text-align:left;
}

#bienvenue{
	position:absolute;
	width:500;
	height:170;
	top:230;
	left:50;
}

#arts{
	position:absolute;
	width:350;
	height:170;
	top:230;
	right:50;
}

#proch_themes{
	position:absolute;
	top:410;
	right:50;
	width:350;
	height:120;
}

#sitesamis{
	position:absolute;
	width:150;
	top:240;
	left:20;
}

html.vote,body.vote{
	background:#DDD;
}

/* pour PNG sous IE 5.5 et IE 6 */
img {
	behavior: url("../pngbehavior.htc");
}

/******************/
/* RICO accordion */
/******************/

.accordion-oeuv {
	margin-left: 10px;
	border : 1px solid #4f4f4f;
	width: 980px;
}
.panelheader{
	background-color:#666;
	color:#FFFFFF;
	height: 22px;
	font-size : 12px;
	font-weight : 'normal';
	padding-top: 3px;
	padding-left: 5px;
	border-bottom:1px solid #000;
	border-style:solid none;
	border-top:1px solid #FFF;
	border-width:1px 0px;
}
.panelHover {
	background-color:#BBB;
	color:#494949;
	height: 22px;
	font-size : 12px;
	font-weight : 'normal';
	padding-top: 3px;
	padding-left: 5px;
	border-bottom:1px solid #000;
	border-style:solid none;
	border-top:1px solid #FFF;
	border-width:1px 0px;
}
.panelClicked {
	background-color:#BBB;
	color:#494949;
	height: 22px;
	font-size : 12px;
	font-weight : 'normal';
	padding-top: 3px;
	padding-left: 5px;
	border-bottom:1px solid #000;
	border-style:solid none;
	border-top:1px solid #FFF;
	border-width:1px 0px;
}
.panelSelected {
	background-color:#BBB;
	color:#494949;
	height: 22px;
	font-size : 12px;
	font-weight : 'normal';
	padding-top: 3px;
	padding-left: 5px;
	border-bottom:1px solid #000;
	border-style:solid none;
	border-top:1px solid #FFF;
	border-width:1px 0px;
}
.panelContent {
	background: #f8f8f8;
	overflow: auto;
	font-size : 10pt;
}

#ranking {
	border-collapse:collapse;
}
#ranking th.empty {
	border: 0px;
}
#ranking th.msg {
	border: 0px;
	font-weight: normal;
	font-size: 8pt;
	text-align:left;
}
#ranking th {
	border: 1px solid #000;
	font-weight: bold;
	text-align:center;
	font-size: 9pt;
}
#ranking td {
	padding: 3px;
	border: 1px solid #000;
}


/**************/
/*   Menu     */
/**************/
/* level 0 inner */
.m0l0iout {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	text-decoration: none;
	margin: 4px 0 0 8px;
	color: #FFFFFF;
}
.m0l0iover {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	text-decoration: underline;
	margin: 5px 0 0 8px;
	color: #FFFFFF;
}

/* level 0 outer */
.m0l0oout {
	text-decoration : none;
	background-image: url(../images/menu_lev0_bg1.gif);
	border: 1px solid #222;
	background-color: #888;
}
.m0l0oover {
	text-decoration : none;
	background-image: url(../images/menu_lev0_bg2.gif);
	background-color: #888;
	border: 1px solid #222;
}

/* level 1 inner */
.m0l1iout {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	margin: 4px 0 0 17px;
	color: #FFFFFF;
}
.m0l1iover {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	margin: 4px 0 0 17px;
	color: #FFFFFF;
}

/* level 1 outer */
.m0l1oout {
	text-decoration : none;
	background-color: #999;
	border: 1px solid #222;
	padding: 0;
}
.m0l1oover {
	text-decoration : none;
	background-color: #666;
	background-image: url(../images/menu_lev1_arrow.gif);
	background-repeat: no-repeat;
	border: 1px solid #222;
	padding: 0;
}

/* Sortable */
a img {
	border: 0;
}
table.sortable {
	border-spacing: 0;
	border: 1px solid #000;
	border-collapse: collapse;
	width: 980px;
}
table.sortable th {
	font-size: 10pt;
}
table.sortable th, table.sortable td {
	text-align: left;
	padding: 2px 4px 2px 4px;
	width: 100px;
	border-style: solid;
	border-color: #444;
}
table.sortable th {
	border-width: 0px 1px 1px 1px;
	background-color: #ccc;
}
table.sortable td {
	border-width: 0px 1px 0px 1px;
}
table.sortable tr.odd td {
	background-color: #ddd;
}
table.sortable tr.even td {
	background-color: #fff;
}
table.sortable tr.sortbottom td {
	border-top: 1px solid #444;
	background-color: #ccc;
	font-weight: bold;
}