/**
 * Copyright (c) 2002-2006 Aurélien Maille
 * 
 * This file is part of Wanewsletter.
 * 
 * Wanewsletter is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License 
 * as published by the Free Software Foundation; either version 2 
 * of the License, or (at your option) any later version.
 * 
 * Wanewsletter is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with Wanewsletter; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
 * 
 * @package Wanewsletter
 * @author  Bobe <wascripts@phpcodeur.net>
 * @link    http://phpcodeur.net/wascripts/wanewsletter/
 * @license http://www.gnu.org/copyleft/gpl.html  GNU General Public License
 * @version $Id: wanewsletter.css 508 2010-11-05 20:21:21Z bobe $
 */

html,
body { background-color: #003B78; font-family: Verdana, Arial, Helvetica, sans-serif; color: white; }
body { margin: 0; padding: 0; }

a img { border: none; }
hr    { display: none; }

/* Structure des pages */

div#header {
	height: 60px;
	background-color: #003B78;
	background-image: url("images/header.png");
	background-repeat: repeat-y;
	padding: 5px;
	color: black;
}

div#logo a,
div#logo img { display: block; float: left; }

div#header h1 {
	position: absolute;
	top: 15px;
	right: 200px;
	margin: 0;
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	color: white;
}

ul#menu {
	background-color: #FAFAFA;
	background-image: url("images/bande.png");
	background-repeat: repeat-x;
	margin: 0;
	border-width: 1px 0;
	border-color: black;
	border-style: solid;
	text-align: center;
	font-style: normal;
	font-size: 11px;
	line-height: 19px;
	color: black;
}
ul#menu li {
	display: inline;
	background: transparent url("images/puce.png") no-repeat scroll center left;
	padding-left: 8px;
}
ul#menu>li:first-child { 
	background-image: none; 
	padding-left: 0; 
} 

div#smallheader, div#global, address#footer, ul#php_errors {
	background-color: #DDD;
	margin: 20px;
	border: 1px solid black;
	padding: 0;
	text-align: center;
	color: black;
}

div#smallheader h1 {
	background-color: inherit;
	margin: .4em;
	white-space: nowrap;
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	color: black;
}

address#footer {
	padding: .3em;
	font-style: normal;
	font-weight: bold;
	font-size: .6em;
}

ul#php_errors { padding: 10px 15px 10px 35px; text-align: left; font-size: .9em; }

div#dev {
	background-color: inherit;
	margin: 20px;
	text-align: center;
	font-size: .6em;
	font-weight: bold;
	color: #DBDBDB;
}

p#explain {
	background-color: transparent;
	margin: 1.5% 2.6% 1%;
	border-width: 0 1px;
	border-style: solid;
	border-color: black;
	padding: 0 .8%;
	line-height: 1.35em;
	text-align: left;
	font-weight: normal;
	font-size: .7em;
	color: black;
}

ul#errorbox {
	background-color: #DDD;
	margin: 20px;
	border: 1px solid black;
	padding: .5em 2em;
	list-style-type: square;
	text-align: left;
	color: black;
}

ul#errorbox li {
	background-color: inherit;
	font-weight: normal;
	font-size: .8em;
	color: black;
}

#iframe {
	width: 100%;
	height: 400px;
	background-color: white;
	border: 1px solid black;
}

#nav-top {
	margin-top: 1em;
	margin-bottom: -.9em;
	margin-left: 2.7%;
	margin-right: 2.7%;
}

#nav-bottom {
	margin-top: -.9em;
	margin-bottom: 1em;
	margin-left: 2.7%;
	margin-right: 2.7%;
}

#nav-top div.left, #nav-bottom div.left {
	float: left;
	text-align: left;
}

#nav-top div.right, #nav-bottom div.right {
	text-align: right;
}

div.left p, div.right p {
	display: inline;
	background-color: inherit;
	font-weight: normal;
	font-size: .7em;
	color: black;
}

/* Classes diverses */

.bloc, .smallbloc {
	background-color: #DDD;
	border: 1px solid #084A6B;
	padding: 0;
	color: black;
}

.bloc      { margin: 1em 2.5%; }
.smallbloc { margin: 1em 8%; }

.bloc h2, .smallbloc h2 {
	background-color: #003B78;
	background-image: url("images/head.png");
	background-repeat: repeat-x;
	margin: 0;
	padding-top: 5px;
	height: 22px;
	white-space: nowrap;
	font-size: .8em;
	color: #FAFAFA;
}

.bloc p, .smallbloc p {
	background-color: transparent;
	margin: 0;
	padding: 1em;
	text-align: left;
	font-weight: normal;
	font-size: .7em;
	line-height: 1.2em;
}

.bloc p.message, .smallbloc p.message {
	padding: 2em !important;
	font-size: .8em !important;
	text-align: center !important;
}

.bottom {
	background: #BBB url("images/bottom.png") repeat-x bottom;
	margin: 0;
	height: 27px;
	color: black;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 24px;
}

.bloc > .bottom, .smallbloc > .bottom {
	height: 24px;
}

ul.links         { margin: 1% 2.5% -.9em; padding: 0; text-align: left; }
ul.links.special { margin: 1% 8% -.9em; }

ul.links li {
	display: inline;
	background-color: transparent;
	padding-right: .6em;
	font-size: .7em;
	color: black;
}

ul.links>li { padding-right: 0; }
ul.links li:before { content: "["; }
ul.links li:after  { content: "]"; }

.area {
	background-color: white;
	border: 1px solid black;
	margin-left: auto; margin-right: auto;
	width: 420px;
	height: 120px;
	overflow: auto;
	font-size: .7em;
	font-weight: normal;
	color: black;
	text-align: left;
}

.stats       { margin: 1.5em auto 0; text-align: center; }
img[alt="@"] { vertical-align: middle; }

/* Textes et liens */

a, a:link, a:visited { background-color: transparent; font-size: inherit; color: #25F !important; text-decoration: none; }
a:hover              { background-color: transparent; font-size: inherit; color: #F52 !important; text-decoration: none; }

.texte, .m-texte, .s-texte {
	background-color: transparent;
	font-weight: normal;
	color: black;
}

.texte   { font-size: .8em; }
.m-texte { font-size: .75em; }
.s-texte { font-size: .65em; }

.warning {
	background-color: #FDC;
	margin: 1em 2.5%;
	border: 1px solid #D00;
	padding: .2em;
	color: #600;
}

code, samp, var { font-family: "Courier new", Courier, Monospace; font-size: 1em; }

/*
 * Citations
 */
q:lang(fr)  { quotes: "\00AB\00A0" "\00A0\00BB" "\2039\00A0" "\00A0\203A"; }
q:lang(en)  { quotes: "\201C" "\201D" "\2018" "\2019"; }
q::before   { content: open-quote; }
q::after    { content: close-quote; }

abbr[title] {
	background-color: transparent;
	border-bottom: 1px dotted;
	text-transform: uppercase;
	cursor: help;
}


/* Formulaires, champs et boutons */

label[for] {
	cursor: pointer;
}

form#smallbox {
	background-color: inherit;
	margin: 1em 2.5%;
	padding: 0;
	color: black;
	text-align: right;
}

form#smallbox label {
	font-size: .8em;
	font-weight: normal;
}

/* Boîte de sélection de liste */
#liste option[value="0"]:first-child,
#admin_id option[value="0"]:first-child { background-color:#EDEDED; border-bottom:1px dotted silver; }

input.pbutton, input.button {
	font-weight: normal;
	font-size: .8em;
	color: black;
}

input.pbutton { font-weight: bold; }

input[type="reset"],
input[type="button"],
input[type="submit"] { border: 1px outset silver;}

input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover { background-color: #D6D8DA; }

input[type="reset"]:active,
input[type="button"]:active,
input[type="submit"]:active { border-style: inset; }

input[type="text"][disabled],
input[type="password"][disabled] { background-color: #D6D8DA; }
input[type="text"]:disabled,
input[type="password"]:disabled  { background-color: #D6D8DA; }

input.text, textarea, select {
	font-size: .8em;
	font-weight: normal;
	color: black;
}

p select { font-size: 1em; }
input[type="file"]  { font-size: .8em; font-weight: normal; color: black; }
input[type="radio"] { vertical-align: sub; }

/*
  Malgré la propriété font-family dans body, textarea n'en tient pas compte, 
  que ce soit dans un navigateur gecko ou IE :¬/
  On redéclare...
*/
textarea   { font-family: Verdana, Arial, Helvetica, sans-serif; }
input.text { text-indent: 2px; }

input.text, textarea, select     { background-color: #FAFAFA; border: 1px inset black; }
input.text:focus, textarea:focus { background-color: white; border-style: solid; }

/* tables */

table.content    { background-color: #FAFAFA; border-spacing: 1px; width: 100%; }

th {
	background-color: #C6C8CA;
	padding: .3em .4em;
	white-space: nowrap;
	font-weight: bold;
	font-size: .8em;
	color: black;
	text-align: center;
}

td.explain {
	background-color: #C6C8CA;
	padding: .3em .4em;
	font-weight: normal;
	font-size: .7em;
	line-height: 1.3em;
	text-align: left;
	color: black;
}

td.row1, td.row2, td.medrow1, td.medrow2,
td.smallrow1, td.smallrow2, td.minirow {
	padding: .1em .2em;
	empty-cells: show;
	vertical-align: top;
}

td.row1, td.row2 {
	text-align: justify;
}

td.row1 { width: 50%; }

td.medrow1, td.medrow2 {
	text-align: justify;
}

td.medrow1 { width: 33%; }

td.smallrow1, td.smallrow2 {
	text-align: center;
}

td.minirow {
	width: 20px;
	text-align: center;
}

td.row-full {
	background-color: #D6D8DA;
	padding: 1em .2em;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}

td.row1, td.medrow1, td.smallrow1             { background-color: #EAEAEA; }
td.row2, td.medrow2, td.smallrow2, td.minirow { background-color: #D6D8DA; }

td.row1 label, td.medrow1 label, td.smallrow1 label, td.row-full label {
	font-weight: normal;
	font-size: .8em;
	color: black;
}

/* tableau de tags de la page de visualisation d'un profil d'abonné */
table#tagsList {
	background-color: #FAFAFA;
	margin-top: 0;
	margin-bottom: 1em;
	margin-left: 8%;
	border: 1px solid #084A6B;
	border-spacing: 1px;
	color: black;
}
table#tagsList caption { padding-bottom: 2px; }
table#tagsList th { background-color: #D6D8DA; }
table#tagsList td {
	background-color: #EAEAEA;
	padding: .1em .2em;
	empty-cells: show;
	vertical-align: top;
	text-align: left;
}