/*--------------------------------------------------------------------
-
-			Feuille de style CSS
-			 www.club-rezo.org
-				 ~
-			     Par mia0u!
-
--------------------------------------------------------------------*/

/* Note du dev: la validation CSS2 comporte des warnings sur les backgrounds des boites. Vu que l'argument "transparent" passe pas la validation, on peut pas faire autrement que de les laisser. Le CSS reste dans tous les cas valide !


/*-----general-----*/

body {
	color: black;
	background: #2D476C fixed top right no-repeat;
}

#global {
	width: 750px;
        margin-left: auto;
        margin-right: auto;
}

.barre { text-decoration: line-through; padding: 0; margin: 0; display: inline }

.texte {
	font-family: verdana, serif;
	font-size: 12px;
	text-indent: 23px;
	padding-left: 55px;
	padding-right: 55px;
}

.texte p,form {
	margin-bottom: 0px;
}

a.liens_gris {
	font-family: verdana, serif;
	font-size: 11px;
	text-decoration: none;	
	color: #CCCCCC;
	background-color: inherit;
}

a.liens_gris:hover {
	color: #EEEEEE;
	background-color: inherit;
}

p.confirmation {
	position: relative;
	left: 130px;
	margin: 0px;
}

/*-----bannière-----*/

#banniere {
	background: url('/club-rezo/site/images/banniere.gif') #333344 scroll top center no-repeat;
	color: black;
	height: 150px;
}

/*-----menu_login-----*/

div#menu_login {
	z-index: 1;
	background: url('/club-rezo/site/images/login.gif') #333344 scroll top left no-repeat;
	color: black;
	width: 480px;
	height: 29px;
	position: relative;
	top: 18px;
	right: 60px;
	float: right;
}

#menu_login * {
	display: inline;
}

#menu_login form input#pseudo, input#mdp {
		position: relative;
		width: 110px;
		border: 1px solid black;
		font-family: verdana, serif;
		font-size: 11px;
		background-color: #CCCCCC;
		color: black;
		padding-left: 3px;
}

#menu_login form input#pseudo:hover, input#mdp:hover { background-color: #EEEEEE; color: black; }

#menu_login form input#pseudo {
	top: 2px;
	left: 65px;
}

#menu_login form input#mdp {
	top: 2px;
	left: 106px
}

#menu_login form input#envoi {
	position: relative;
	top: 6px;
	left: 120px
}

div#menu_logged {
	z-index: 1;
	background: url('/club-rezo/site/images/logged.gif') #333344 scroll top left no-repeat;
	color: black;
	width: 350px;
	height: 29px;
	position: relative;
	top: 18px;
	right: 190px;
	float: right;
}

#menu_logged p {
	position: relative;
	top: 8px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	font-family: Georgia, serif;
	font-size: 11px;
	font-weight: bold;
	color: #CCCCCC;
	background-color: transparent;
	letter-spacing: 2px;
}

div#liens_logged {
	background: url('/club-rezo/site/images/liens_logged.gif') #333344 scroll top left no-repeat;
	color: black;
	width: 220px;
	height: 39px;
	position: relative;
	top: 70px;
	left: 473px;
	font-size: 11px;
	font-family: verdana, serif;
	padding-top: 11px;
	padding-left: 10px;
}

#liens_logged p {
	background-color: transparent;
	color: #555566;
	margin: 0px;
	display: inline;
}

#liens_logged p:hover {
	color: #FFFF66;
}

/*-----menu_gauche------*/

#menu_gauche {
	position: relative;
	top: 10px;
	left: -30px;
	z-index: 1;
	border: 1px solid black;
	text-align: center;
	width: 140px;
	height: auto;
	background-color: #00AAFF;
	color: black;
	font-family: verdana, serif;
	font-size: 12px;
}

#menu_gauche div#defaut {
	position: relative;
	top: -2px;
	height: 133px;
}

#menu_gauche div#intranet {
	position: relative;
	top: -7px;
	height: 29px;
}

#menu_gauche div#admin {
	position: relative;
	top: -4px;
	height: 17px;
}


#intranet p {
	margin: 0px;
}

#defaut a {display:block; position:relative; top:5px; margin-top: 2px; border-bottom: 1px solid #00AAFF; border-top: 1px solid #00AAFF; color:black; text-decoration: none; font-weight: bold; font-size: 12px}

div#intranet a {display:block; position:relative; top:0px; margin-top: 0px; border-bottom: 1px solid #000000; border-top: 1px solid #000000; text-decoration: none; background-color: #2D476C; color: #FFFF66; font-size: 12px; font-weight: bold}

div#admin a {display:block; position:relative; top:0px; margin-top: 0px; border-bottom: 1px solid #000000; border-top: 1px solid #000000; text-decoration: none; background-color: #B50000; color: #FFFF66; font-size: 12px; font-weight: bold}

#menu_gauche a:hover {color:#FFFFFF; background-color:#333344; border-bottom: 1px solid #000000; border-top: 1px solid #000000}

#menu_gauche a:active {color: #FFFF66}

/*-----centre-----*/

#centre {
	position: relative;
	top: -85px;
	margin-left: 15px;
	margin-right: 15px;
}

#centre div#haut {
	background: url('/club-rezo/site/images/bg_haut.png') scroll top center no-repeat;
	height: 70px;
}

#centre div#milieu {
	background: url('/club-rezo/site/images/bg_milieu.png') scroll top center repeat-y;
	height: auto;
}

#centre div#bas {
	background: url('/club-rezo/site/images/bg_bas.png') scroll bottom center no-repeat;
	height: 70px;
}

div.titre div {
	position: relative;
	top: -4px;
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	height: 80px;
}

.titre div#titre_accueil { background: url('/club-rezo/site/images/titres/accueil.gif') scroll bottom center no-repeat; }
.titre div#titre_presentation { background: url('/club-rezo/site/images/titres/presentation.gif') scroll bottom center no-repeat; }
.titre div#titre_inscription { background: url('/club-rezo/site/images/titres/inscription.gif') scroll bottom center no-repeat; }
.titre div#titre_photos { background: url('/club-rezo/site/images/titres/photos.gif') scroll bottom center no-repeat; }
.titre div#titre_telechargement { background: url('/club-rezo/site/images/titres/telechargement.gif') scroll bottom center no-repeat; }
.titre div#titre_bureau { background: url('/club-rezo/site/images/titres/bureau.gif') scroll bottom center no-repeat; }
.titre div#titre_rezo_en_cours { background: url('/club-rezo/site/images/titres/rezo_en_cours.gif') scroll bottom center no-repeat;}
.titre div.titre_admin { background: url('/club-rezo/site/images/titres/admin.gif') scroll bottom center no-repeat;}
.titre div#titre_modif_compte { background: url('/club-rezo/site/images/titres/modif_compte.gif') scroll bottom center no-repeat;}
.titre div#titre_intranet { background: url('/club-rezo/site/images/titres/intranet.gif') scroll bottom center no-repeat;}
.titre div#titre_ajout_niouze { background: url('/club-rezo/site/images/titres/ajout_niouze.gif') scroll bottom center no-repeat;}
.titre div#titre_modif_niouze { background: url('/club-rezo/site/images/titres/modif_niouze.gif') scroll bottom center no-repeat;}


/*-----centre_news-----*/

table.news {
	border-collapse: collapse;
	height: auto;
	width: 620px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	font-family: "lucida sans unicode", serif;
	font-size: 13px;
}

.news td.haut {
	background: url('/club-rezo/site/images/news_haut.gif') #999999 scroll top center no-repeat;
	color: black;
	height: 60px;
}

.news td.milieu {
	background: url('/club-rezo/site/images/news_milieu.gif') #999999 scroll top center repeat-y;
	color: black;
	height: auto;
}

.news td.bas {
	background: url('/club-rezo/site/images/news_bas.gif') #999999 scroll bottom center no-repeat;
	color: black;
	height: 50px;
}

.news .haut div.barre_titre {
	padding-bottom: 11px;
	padding-left: 18px;
	font-weight: bold;
}

.news .haut .barre_titre * {
	display: inline;
}

.news .haut .barre_titre p.niouze_titre {
	margin-left: 15px;
}

.news .milieu div.contenu {
	text-indent: 23px;
	padding-left: 18px;
	padding-right: 18px;
}

.news .milieu div.edit {
	padding-top: 7px;
	margin-left: 41px;
	text-decoration: underline;
}

.news .bas div.auteur {
	font-weight: bold;
	font-size: 13px;
	padding-right: 25px;
	margin-bottom: 15px;
	float: right;
}

/*----centre_rezo--------*/

table#rezo {
	width: 620px;
	margin-left: auto;
	margin-right: auto;
	font-family: "lucida sans unicode", serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

#rezo td.pseudo_rezo {
	
}

#rezo td.cotiz_rezo {
font-size: 9px;	
}

#rezo td.cotiz_payee {
font-size: 9px;
color: #66CC00;
}

#rezo td.cotie_papayee {
font-size: 9px;
color: #FF0000;
}

#rezo td.avatar_rezo {
	
}

#rezo td.promo_rezo {
	
}

#rezo td.nom_rezo {
	
}

#rezo td.devise_rezo {
	
}

/*----centre_enregistrement-----*/

form#form_reg {
	text-indent: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

#form_reg input, p, select {
	padding: 0px;
	margin-top: 15px;
}

#form_reg input, select {
	background-color: #CCCCCC;
	color: black;
	border: 1px solid black;
	padding-left: 3px;
	position: relative;
}

#form_reg input:hover {
	background-color: #EEEEEE;
	color: black;
}

#form_reg p {
	position: relative;
	left: 15px;
	display: inline;
	font-size: 11px;
}

textarea#form_devise {
	
}

input#nom_inscription { left: 73px; }
input#prenom_inscription { left: 55px; }
select#promo_inscription { left: 61px; }
input#pseudo_inscription { left: 57px; }
input#mdp_inscription { left: 23px; }
input#mdp2_inscription { left: 54px; }
input#mail_inscription { left: 75px; }
input#devise_inscription { left: 58px; }
input#mac_inscription { left: 14px; }
input#mail_auto_inscription { left: 20px; }
input#up_inscription { left: 15px; }
input#submit_inscription { left: 15px; }

p#mac_inscription_details {
	display: block;
	left: 0px;
}

/*----image-----*/

div#image {
	position: relative;
	margin-bottom: 100px;
}
/*-----bas-de-page-----*/

#bas_de_page {
	position: relative;
	top: -80px;
	text-align: center;
	background-color: #2d476c;
	color: white;
	font-family: georgia, serif;
	font-size: 11px;
	padding: 3px 0px 3px 0px;
	margin-left: 255px;
	margin-right: 255px;
}

#bas_de_page a#miaou {
	text-decoration: none;
	font-weight: bold;
	font-family: "comic sans ms", serif;
	font-size: 13px;
	color: #00AAFF;
	background-color: transparent;	
}

#bas_de_page a.valid {
	font-family: verdana, serif;
	font-size: 11px;
	color: white;
	text-decoration: none;
}

#bas_de_page a.valid:hover {
	text-decoration: underline;
}

#bas_de_page a#miaou:hover { color: #FFFF66 }

#bas_de_page a#ie {
	text-decoration: none;
	font-weight: bold;
	color: #33CC33;
}

#bas_de_page a#ie:hover { color: #FFFF66 }