@import url('formulaire.css');
@import url('menu.css');

/*********

FEUILLE DE STYLE CSS POUR ADMINISTRATION SPI

*********/




body
{
	margin:0;padding: 0 ;
	text-align: center ;
	font: 0.7em "Trebuchet MS", helvetica, sans-serif ;
}

input{
	font: 1em "Trebuchet MS", helvetica, sans-serif ;

}

div#conteneur
{
    position:relative;
	width: 780px ;
	margin: 20px auto ;
	margin-top:0;
	padding-top:5px;
	text-align: left ;
	border: 1px solid #dfdfdf ;
	border-top:none;
	
}

h2{
	text-align:left;
}

h1#header
{
	background: url(test_logo.png) no-repeat left top;
	margin: 0 ;padding:0;
}

h1#header a
{
	width: 90px ;	height: 90px ;
	display: block ;
	background: url(logo_admin.png) no-repeat center center;
	position: relative ;
	left: 680px ;
	top: 5px;
	text-indent: -5000px ;
}


/***** CONNEXIONS ****************************************************************************/

.deconnect{
   background: url(deco.png) no-repeat right top;
   display:block;
   width:85px;height:16px;
   padding:2px;
   color:white;
   text-decoration:none;
}

.deconnect:hover{
   text-decoration:underline;
    }

/***** LES RUBRIQUES ****************************************************************************/

#ajout{height:500px;border-top:none;padding:0;margin-top:15px;}

.rubrique{
	display:none;
	height:500px;width:490px;
	border-top:none;
	padding:0;
	margin:15px 150px 0 0;
	}

.rubrique p{
	text-align:left;
	color: #9b2 ;
	padding:0;margin:0;
	}



div#contenu
{
	padding: 20px 0 20px 100px ;
	background: url(log_admin.png) no-repeat 15px 50px ;
}

div#contenu h2
{
	padding-top: 0;
	padding-left: 25px ;
	line-height: 20px ;
	font-size: 1.3em ;
	background: url(little_ico.png) no-repeat left bottom ;
	color: #016CAE ;
	border-bottom: 1px solid #016CAE;
}

div#contenu h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #9b2 ;
	border-left: 3px solid #9b2 ;
	color: #9b2 ;
}

div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

div#contenu a
{
}

p#footer
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	color: #8a0 ;
}

p#footer a
{
	color: #8a0 ;
	text-decoration:none;
}

p#footer a:hover
{
	color: #8a0 ;
	text-decoration:underline ;
}

pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
	height:150px;
	text-align:left;
}

* html pre
{
	width: 636px ;
}

pre span
{
	color: #560 ;
}

pre span.comment
{
	color: #b30000 ;
}


.button_sent_info{
	display:block;
	width:85px;height:22px;
	border:none;
	cursor:pointer;
	background:url("input_form_submit.gif")center center;
}

.button_reset_info{
display:block;width:120px;height:22px;border:none;cursor:pointer;background:url("input_form_reset.gif")center center;
}

/********************** GESTION DES MOTS DE PASSES **************************************/


#mdp h2{
margin:19px 0 10px 0;
}

#spi_admin_upload{
	background: url('upload.png') no-repeat center center;
	width:30px;height:30px;
	border:none;
	cursor: pointer;
}

#spi_admin_button{
	background: url('supprimer.png') no-repeat center center;
	width:30px;height:30px;
	border:none;
	cursor: pointer;
}


.spi_admin_password_text{
	padding:0;margin:0;
}

#spi_table_mdp{
	padding:0;margin:0;
	width:650px;
	border-collapse:collapse;
	border:1px solid #C4E798;
}

#spi_table_mdp thead{
	text-align:center;
	background-color: #C4E798;
	font-size:110%;
}

#spi_table_mdp tbody td{
	padding:0;margin:0;
	border:1px solid #C4E798;
	text-align:center;
}

/****************************************************************** AJOUT DE RUBRIQUE *************/


#ajout{height:500px;border-top:none;padding:0;margin-top:15px;}








/********************** NEWS / RSS ****************************************************/


#style_table{
border-collapse:collapse;
margin:0;padding:0;
}


/*********************** NEWS **************************************************/


.body_news{	
	margin:0;padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background:white url(.png) repeat-x top center;
}

#oi_news_container{
	padding:0;margin:0;
	font-size:90%;
	width:600px;
	text-align:left;
}

.oi_news_txt_suppr{
	text-align:center;
	font-size:120%;
	width:480px;
	background-color:red;
	color:white;
	font-weight:bold;
}

.oi_news_txt_ajout{
	text-align:center;
	font-size:120%;
	width:480px;
	color:white;
	background-color:#178fcd;
	font-weight:bold;
}


#oi_news_container input{
		background-color:#fff8ce;
		border:1px solid #a6a6a6;
}

#oi_news_container textarea{
		background-color:#fff8ce;
		border:1px solid #a6a6a6;
}

#oi_admin_news{
	text-align:left;padding:0;margin:0;
}

#oi_admin_news form{
padding:0;margin:0;
}

#oi_admin_news_tabl{
	width:600px;padding:0;margin:0;
	text-align:left;
	border-collapse:collapse;
}

#oi_admin_news_tabl td{
	border:1px solid black;
	text-align:center;
	padding:0;margin:0;
}

/*********************** LIENS **************************************************/


#table_liens{
border-collapse:collapse;
border:1px solid black;
}

#table_liens a{color:black;}

#table_liens td{
border-collapse:collapse;
border:1px solid black;
}


/*********************** STATISTIQUES **************************************************/

#statistiques{
text-align:left;
margin:0;padding:0;
border-top:none;
}

#statistiques p{
	text-align:left;
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.3em ;
	background: url(logo_title.gif) no-repeat left bottom ;
	color: #9b2 ;
	border-bottom: 1px solid #9b2 ;
}

#news_table{
border:1px solid black;
}

.news_table td{
text-align:center;
border:1px solid #cccccc;
}

#style_table_style{
border:1px solid #cccccc;
margin:20px 20px;
}

#style_table_style td{
border:2px solid #add9fb;
padding:3px;margin:0;
border-collapse:collapse;
}

/************ MENU **********************/

#checked_menu{
text-decoration:none;
list-style-type:none;
}

.button_push{
background-color:white;
border:1px solid #9b2;
border-bottom:none;
padding:0;margin:0;
font-size:10px;
display:block;
width:100px;
}

.img_etat{
position:absolute;
top:0;right:10px;
}

#spi_button_push{
position:relative;
border-bottom:1px solid #9b2;
margin-left:300px;
margin-right:40px;
}


/*******************************************   Thématiques *******************************************/

#thematiques{
	height:500px;
}

#thematiques h2{
margin:19px 0 10px 0;
}


/*********************** STATISTIQUES **************************************************/

#doc{
height:500px;
border-top:none;
padding:0;
margin-top:15px;
}


#doc p{
	text-align:left;
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.3em ;
	background: url(logo_title.gif) no-repeat left bottom ;
	color: #9b2 ;
	border-bottom: 1px solid #9b2 ;
}

/********************************************** ADMINISTRATION DES FICHEIRS *********************************/

#spi_admin_fichier{
width:100%;
font-size:100%;
color:black;
}

#spi_admin_fichier td{
border:1px solid #d6d6d6;
padding:3px;margin:0;
border-collapse:collapse;
}

.spi_news_button_supp{
	display:block;
	background: url('supprimer.png') no-repeat center center;
	width:20px;height:20px;
	border:none;
	cursor: pointer;
}

.spi_news_button_supp_td{
	width:20px;height:20px;
}

.spi_form_fichier div{
text-align:center;
font-weight:bold;
}

.spi_form_fichier_submit{
border:1px solid black;
font-size:12px;
color:black;
display:block;
text-align:center;
}

.spi_admin_submit{
border:1px solid black;
font-size:12px;
background-color:#add9fb;
color:black;
margin:2px;
}

/***** Gestion des fichiers *****************/

#admin_oi_table_file{
	width:100%;
}

#admin_oi_table_file thead{
	background-color:#C3E698;
}


#admin_oi_table_file thead td{
	padding:5px;
	text-align:center;
	font-weight:bold;
	background-color:#C3E698;
}

#admin_oi_table_file thead td a{
	color:black;
}

#admin_oi_table_file tbody tr td{
background-color:#FFE9AD;
text-align:center;
}