/*
 * Copyright (C) Camille Boulière pour le projet "Iguane" du RHIEN
 *
 * 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., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 */

/* Général
----------------------------------------------------------------------------- */

body {


	background-color :  #659225; /* À laisser pour des raisons de compatibilité */
	/*background : url("imgs/page_fond.png") top left repeat-x #005057;*/
	padding : 0;
	margin : 0;
	font-family : Comic Sans MS;/*sans-serif*/
	font-size : 0.8em;
        color : #3e3e3e;

	/* hack MSIE */
	text-align : center;
}

img { border : 0; }

p {
   text-indent: 30px;
 line-height : 1.5em;
}

hr {
	width : 90%;
/*	clear : both;*/
	border : 1;
	border-top : 3px solid silver;
}

/* Note :
à cause d'MSIE on ne peut utiliser le sélecteur CSS : a[href]
ainsi si l'on utilise un "anchor" il aura la même tête que les liens... */

a { color : #005057; text-decoration : none; }
a:hover { color : black; text-decoration : underline; }

blockquote { /* Citations en bloc */
	background-color : #f6f6f6;
	border : 1px solid #b9cac8;
	padding : 1em;
}

blockquote p { margin : 1em 0 1em 0; }

acronym {
	border-bottom : 1px dotted gray;
	cursor : help;
}

table { border-collapse : collapse; }
table form { margin : 0; }
table td { border : 1px solid silver; padding : 0.2em; }



/* Cadre (Celui-ci permet d'ajouter les bords externes)
----------------------------------------------------------------------------- */

#cadre {
	text-align : left;
	margin : auto;
	border-left : 2px solid #96ff00;
	border-right : 2px solid #96ff00;
/*        border-left : 2px solid #00474D;
        border-right : 2px solid #00474d;
*/
	/*width : 100%;*/
	max-width : 95%;
        min-width: 68em;
	background-color : #fafafa;
}



/* Page
---------------------------------------        border-top : 10px solid #8eb4b5;
-------------------------------------- */

#page {
	padding : 0 15px 0 15px;
	border-left : 2px solid #b1ff40;
	border-right : 2px solid #b1ff40;
}

#page #titrepage {
	margin : 0;
	padding : 0;
	border-top : 10px solid #659225;
	height : 175px;
	background : url("imgs/logobeta.png") no-repeat;
background-position:left;
/*	background-position : 15px;*/
}

#page h1 span {
	/* Le but est de remplacer ce bloc par l'image ci-dessus. Pour cela il faut
	le cacher. Nous pouvons le faire avec "display : none" le problème c'est que 
	certaines synthèses vocales n'informent pas de la présence du bloc en question
	quand il est caché de cette façon.
	Ainsi il faut ruser et sortir le bloc de l'affichage plutôt que de ne pas
	l'afficher. Si l'on ne rusait pas alors le site ne serait plus accessible aux
	non-voyants et mal-voyants. */
	position : absolute;
	top : -900px;
	left : -900px;
	font-size : 1px;
}



/* Menu
----------------------------------------------------------------------------- */
#page #menu2 {


        width : 12.5em;
        float : right;
        margin : 0 0 2px 0;
        padding : 2px 0 2px 0;

        border-left : 3px solid #f2f2f2;
        border-right : 3px solid #f2f2f2;
        border-bottom : 1px solid #f2f2f2;
        border-top : 1px solid #f2f2f2;

}
#page #menu a[href] { text-decoration : none; }
#page #menu a[href]:hover { text-decoration : underline; }

#page #menu {
	width : 13em;
	float : left;
	margin : 0 0 15px 0;
	padding : 15px 0 15px 0;

	border-left : 3px solid #f2f2f2;
	border-right : 3px solid #f2f2f2;
        border-top : 1px solid #f2f2f2;
        border-bottom : 1px solid #f2f2f2;

}
#page #dansmenu  {margin : 0px 5px 0px 5px;}
#page #dansmenu2 {margin : 0px 5px 0px 5px;}


#page #menu ul {
	margin : 15px 0 15px 0;
	list-style : circle;
	color : silver;
	padding-left : 1em;
}

#page #menu ul li {
	margin : 0.2em;
}

#page #menu ul ul {
	margin : 0.1em 0 0.1em 1em;
	border-left : 1px solid silver;
	padding-left : 0.5em;
	list-style : none;
}

/* à cause du padding le bloc déborde, ainsi il faut le rendre plus petit */
#identification input { width : 95%; }



/* Contenu
----------------------------------------------------------------------------- */

#page #contenu {
	margin : 0 13em 0 13em;
	padding : 0 21px 0 21px;
	/* Pourquoi un padding de 21px ?
		Le menu a :
		1) une marge de droite de 15px
		2) deux bordures de 3px chacune
		15 + (3x2)... */
}

#page h2 { margin : 0; }

/* On s'occupe des titres et des dates des "billets" */

#page #contenu h2 { /* titre de section */
	border-top : 3px solid #f2f2f2;
	margin-bottom : 1em;
}

#page #contenu .billet { margin-bottom : 2em; }
#page #contenu .billet .a3 {font-family: Comic Sans MS; font-size: 16px; margin-bottom : 0; color : #005057; }
#page #contenu .billet .date { color : gray; margin : 0;}

#pied_de_page {
	clear : both;
/*	border-bottom : 10px solid #8eb4b5;*/
      border-bottom : 10px solid #659225;


	border-top : 1px dotted silver;
	margin-top : 2em;
	text-align : center;
}

#pied_de_page p { margin : 0.1em; }



/* Formulaires
----------------------------------------------------------------------------- */

fieldset {
	border : 0;
	padding : 0;
	margin : 1em 0 1em 0;
}

input[type=text],
input[type=password],
textarea {
	background-color : #efefef;
	border : 1px dotted  #959595;
	padding : 0.5%;
/*	width : 99%;
	display : block;*/
}
.bouton_modifier {
background-image:url(../../img/edit.png);
width: 15px; 
height: 15px;
border : 0;
background-color : #f6f6f6;
color: #f6f6f6;
font-size: 0;
}
.bouton_suprimer {
background-image:url(../../img/del.png);
width: 15px; 
height: 15px;
border : 0;
background-color : #f6f6f6;
color: #f6f6f6;
font-size: 0;

}
.bouton_deplacer {
background-image:url(../../img/move.png);
width: 15px; 
height: 15px;
border : 0;
background-color : #f6f6f6;
color: #f6f6f6;
font-size: 0;
}
.bouton_privileges {
background-image:url(../../img/priv.png);
width: 15px; 
height: 15px;
border : 0;
background-color : #f6f6f6;
color: #f6f6f6;
font-size: 0;
}

/* Accessibilité
Note : il ne faut pas cacher cette zone (avec un "display:none" par exemple) si
vous le faites vous perdrez toute l'accessibilité qu'elle apporte.
----------------------------------------------------------------------------- */

#accessibilite {
	position : absolute;
	top : 0;
	left : 40%;
	margin : 0;
	padding : 0;
	list-style : none;
	font-size : 0.6em;
}

#accessibilite li {
	display : inline;
	margin : 0 1em 0 1em;
}

#accessibilite a { color : #97c8ca; }

#accessibilite a:focus,
#accessibilite a:hover {
	font-size : 1.3em;
	background-color : white;
	padding : 0.2em;
	font-weight : bold;
}



/* Informations du serveur
Désolé pour les fans de ce truc mais je ne savais pas où le placer...
Je vous conseille de le mettre dans la partie haute, callé à droite.
----------------------------------------------------------------------------- */

.bas_info {
	display : none;
        padding : 0 15px 0 15px;

}