/*
	Copyright (C) 2006 Florent Bruneau & Aymeric Augustin

	This program 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.

	This program 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 this program; if not, write to the Free Software
	Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
*/
/*******************************************************************************
 0 - Couleurs de base
 
 bleu turquoise: #6BC
 Orange profond: #F96 
 Gris foncé: #666
 Gris clair: #EEE
 
*******************************************************************************/


/*******************************************************************************
 1 - Page de base
*******************************************************************************/
body { 

	font: 10pt/12pt Verdana, Arial; 
	color: #666; 
	background: #6BC; 
	margin: 20px; 
}
h1,h2,h3 {
	color: #6bc;
	text-transform: uppercase;
}

h1 {
	font-size: 120%;
}
h2 {
	font-size: 150%;
}
h3 {
	font-size: 100%;
}

a {
	color: #666;
}

a:active, a:hover, .wikiHelp dt {
	color: #F96
}

a img {
	border: none;
}

li {
	margin-left: 16px;
}

.container {
	width: 920px;
	background: #FFF; 
	padding: 0px auto 0px auto;  
	margin: 0px auto; 
}

/*******************************************************************************
 2 - elements de titre
*******************************************************************************/

.titre {
	height: 180px; 	
	background: #FFF;
	color: #000;
	border-bottom: 5px solid #666;
	border-top: 5px solid #666;
	/*
	border: 3px solid #FFF;
	margin: -3px;
	padding: 2px;
	*/
}

.titre .sigle {
	color:  #000;
	font-size: 260%;
	line-height: 30px;
	height: 170px;
}

.titre .logo img {
	height: 170px;
}

.titre .nom {
	height: 140px; /*140*/
	width: 100%;
	color: #666;
	font-size: 160%; /*260*/
	text-align: center;
	vertical-align: bottom;
	line-height: 24px;
}
.titre .login {
	height: 30px;
	text-align: right;
}

/*******************************************************************************
 2 - elements de menu, et pied de page
*******************************************************************************/

.menu {
	clear:both;
	background: #FFF;
	color: #6BC;
	width: 170px;
	padding: 10px 5px 20px 5px; 
	float: left;
	border-top: 3px solid #FFF;
	border-right: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	text-indent: 0;
}
.menu p {
	margin: 3px 5px;	
	text-indent: 0;
}


.menu h1 {
	color: #6BC;
}
.menu a {
	color: #000;
}
.menu a:active, .menu a:hover {
    background-color: #FFF;
	color: #F96;
}

.pied {
	clear:both;
	background: #666;
	height: 35px; 
	float: bottom;
	color: #FFF;
	text-align: center;
	border-top: 3px solid #FFF; 
}

.pied a {
	color: #FFF;
}

.pied .copyright {
	font-size: 80%;
}
/*******************************************************************************
  3 - elements de contenu
*******************************************************************************/

.contenu {
	background: #FFF;
	padding: 5px 5px 5px 5px;
	margin: 13px 10px 10px 193px;
}

.contenu .genealogie {
	margin: 0px;
}
.contenu .genealogie .enfants {
	border-left: 1px solid #6BC;
	margin-left: 35px;
	padding-left: 5px;
}

/**** 3.1 - Les blocs de base */
.contenu .bloc {
	margin: 1px;
	border: 1px solid #666;
}
.contenu .bloc h1 {
    font-size: 110%;
    margin: 3px auto 3px 3em;
    border: none;
    padding: 0px;
}

.contenu .bloc ul {
    margin: 0px;
}

.contenu .bloc li {
    margin-bottom: 0px;
}

.contenu .bloc .data {
	padding: 3px;
	width: 95%;
}

.contenu .bloc .error {
	color: red;
}

/**** 3.1 - Les blocs bicolors */
.contenu .bloc .bicol .pair, .contenu .bloc .bicol .impair {
	margin: 2px 0px;
	padding: 0px 3px;
}
.contenu .bloc .bicol .pair {
	background-color: #DDD;
}

/**** 3.1 - formulaires */
form div.bloc div.bicol {
	text-align: center;
}

form div.bloc div.bicol .message {
	text-align: left;
}


/**** 3.1 - Les blocs "perso" pour les fiches */
.contenu .bloc#perso img {
	max-width: 260px;
	/* IE6 */
	width:expression(this.width > 260 ? "260px": this.width );
}

.contenu .bloc#perso .infos {
    background-color: #EEE;
    border: 1px dotted #6BC;
}

.contenu .bloc#perso .infos th {
    text-align: left;
    color: #6BC;
}

.contenu .bloc#perso .infos td {
    padding-left: 2em;
}

/**** 3.1 - Bloc anniversaires */
.contenu .bloc#birthday .bicol span {
	padding-left: 10px;
}

.contenu .bloc#birthday .bicol span#today {
	font-weight: bold;
}

/*******************************************************************************
 7 - Mise en forme du wiki
*******************************************************************************/

.contenu .wikiHelp {
	/*font-size: smaller;*/
	border: none;
	margin: 0px;
}

.contenu .wikiHelp strong {
	color: #668;
}

.contenu .wikiHelp dl {
	width: 45%;
	margin: 2px 0px 6px 1%;
	float: left;
}

.contenu .wikiHelp dt {
	font-variant: small-caps;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	border: none;
	padding: 1px 8px;
}

.contenu .wikiHelp dd {
	margin: 0;
	border: none;
	padding: 0px 5px 2px 5px;
}

.contenu .wikiHelp ul {
	padding-left: 10px;
}

.contenu .wikiHelp li code{
	font-size: 12px;
	color: #89C;
}
.contenu .wikiHelp dt {
	background-color: #BCE;
}
.contenu .wikiHelp dl {
	border: 1px dashed #89C;
}
.contenu .wikiHelp strong {
	color: #668;
}

/*******************************************************************************
 8 - Mise en forme des messages
*******************************************************************************/
.message_header {
	font-size: smaller;
}
.message {
	border: 1px dashed #666;
	width: 98%;
	text-align: left;
	padding: 2px;
	margin: 2px auto;
}

.message h3 {
	margin-left: 3px;
}

.message img {
	max-width: 500px;
	max-height: 500px;
}