/* Feuille de style GCP 2008 © */

/* STYLE APPLIQUE AUX BALISES */
body { /* Page */
	text-align:center;
	background-color:#000000; /* Fond : Noir */
	color:#FFFFFF; /* Texte : Blanc */
	font-size:16px;
	margin:0px;
}
a { /* Liens */
	text-decoration:none; /* Pas de soulignement */
	font-weight:bold; /* Gras */
	color:#8a8a8a;
}
a:hover { /* Liens survolés */
	font-weight:bold;
	color:#99D5EA;/* Code couleur du bleu du logo*/
}
img {
	border:none; /* Pas de bordure sur les images avec lien */
}
th { /* Ligne d'en-tete des tableaux*/
	background-color:#666666;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	color:#FFF;
}
table {
	text-align:center;
	vertical-align:middle;
	color:#000;
}

.error:before {
	font-weight:bold;
	content :"Erreur :";
}
.error { /*Style des messages d'erreur*/
	color:red;
}

.corps {
	float:left;
	text-align:left;
	width:65%;
	padding:20px;
}
.footer {
	margin-top:20px;
	float:left;
	margin-left:10%;
	width:90%;
	text-align:center;
}
.login_form { /* Mise en forme du formulaire d'identification*/
	border:solid 3px #8a8a8a;
	width:520px; /*Largeur du formulaire*/
	height:auto; /* Hauteur en fonction du contenu*/
	background-color:#000000;
	margin-top:5%; /* Décalage par rapport au haut du navigateur*/
	padding:10px; /* marges intérieurs*/
}
.zone_Txt { /* Zones de texte du formulaire d'identification */
	background-color:#000000;
	color:#FFFFFF;
	font-weight:bold;
}
#infos { /* Messages d'infos lors de l'identification*/
	color:#FF0000;
	font-weight:bold;
}
.centre_adm { /* Contenu des pages de la partie administrative */
	color:#FFF;
	padding:20px;
	overflow:auto;
	height:80%;
}
.footer_adm { /* Pied de page de la zone administrative */
	height:auto;
	text-align:center;
	margin-top:25px;
}
.img_panel { /*Images du panneau d'administration*/
	width:100px;
	height:100px;
	text-decoration:none;
	border:outset 1px #FFF;
	margin-bottom:5px;
}
.td_search  {
	background-color:#FFF;
}
.txt_search{
	height:22px;
	border:0px solid #FFF;
}
#edit_membre { /* Cadre permettant de gérer les infos d'un membre */
	border:solid 2px #FFF;
	position:absolute;
	width:60%;
	height:60%;
	top:20%;
	left:20%;
	background-color:#AEAEAE;
	color:#000;
}
#autoDiv { /*Div affichant la liste des pseudos pour l'autocomplession dans la zone de recherche (Gestion)*/
	visibility:hidden;
	position:fixed;
	border:2px solid #6C0000;
	background-color:#CCCCCC;
	width:150px;
	height:auto;
	color:#000000;
	text-align:center;
}
.liens_menu  a { /* Lien du menu */
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
#def_lien { /* Div pour choisir le lien dans l'administration du menu */
	position:absolute;
	width:80%;
	height:auto;
	top:10%;
	left:10%;
	background:#AAAAAA;
	border:2px outset white;
	visibility:hidden;
}
.leftCol { /* Colonne contenant le tableau dans l'affichage des médias (mediathèque - Partie administrative)*/
	float:left;
	width:50%;
}
.rightCol { /* Colonne contenant le player dans l'affichage des médias (mediathèque - Partie administrative)*/
	float:right;
	width:45%;
	background-color:#888888;
}

/* CLASSES DU MENU PRESENT SUR TOUTES LES PAGES*/
.menu_div {
	float:left;
	padding-top:15px;
	height:50%;
}
.menu_titre { /* Div contenant le titre du menu */
	background:url(images/menu/fdTitre.png) no-repeat;
	color:#FFFFFF;
	text-align:center;
	width:230px;
	height:37px;
	font-weight:bold;
	font-size:32px;
	margin-bottom:0px;
	padding-bottom:0px;
}
.menu_lien { /* Lien du menu */
	color:#CCCCCC;
	font-size:20px;
	text-decoration:none;
	font-weight:none;
	margin-left:5px;
}
.menu_liste {
	padding-left:15px;
	width:230px;
	height:300px;
	background:url(images/menu/fdMenu.png) no-repeat;
	padding-top:35px;
	margin-top:0px;
}

/* Elements de la bannière en tete */
.banTop {
	width:100%;
	height:155px;
	background-color:#000000;
	text-align:center;
	margin-top:0px;
	padding-top:0px;
}

/* Message affiché lors d'une maintenance d'une page*/
.maintenance {
	border:2px solid red;
	font-size:16px;
	background-color:#777777;
	color:white;
	width:60%;
	height:auto;
}