/* feuille de style dont le remplissage est automatisé par le fichier bio_config.php */
/* vous pouvez remplacer les valeurs signalées par un <? echo $variable; ?> par ce que vous voulez */
/* sachez uniquement que cela court-circuite les valeurs entrées dans bio_config.php */
/* vous perdrez également la fonction de calcul automatique de l'ombre ($ombre) à partir de la couleur du fond ($couleur_fond) */

/* certains commentaires ont été ajoutés, les autres sont référencés sur http://www.uzine.net/article1177.html */
 
 

BODY
{
	font-size: 15pt;
	font-family: 'Comic Sans MS';
	background-color: khaki;
	
}



TABLE.table_generale
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	width: 100%;
	clip: rect(0px 0px 0px 0px);
	padding-top: 0px;
}

/* Style du bandeau Haut */
TABLE.bandeauhaut
{
	border-right: black thick double;
	padding-right: 0px;
	border-top: black thick double;
	padding-left: 0px;
	padding-bottom: 0px;
	border-left: black thick double;
	clip: rect(0px 0px 0px 0px);
	padding-top: 0px;
	border-bottom: black thick double;
	font-family: Arial;
}
TD.bandeauhaut_gauche {
	width : 28%;

}
TD.bandeauhaut_milieu
{
}
IMG.bandeauhaut
{
}

TD.bandeauhaut_droite
{
	width: 20%;
	text-align: center;
}


TABLE.corps
{
	border-right: black thick double;
	border-top: black thick double;
	border-left: black thick double;
	border-bottom: black thick double;
	margin-top: 1%; /*Marge avant la table */
	margin-bottom: 1%; /*Marge après la table */
	width: 100%;
	height: 500pt;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}

TD.menu
{
	background-image: url(.\IMG\cahier_grandscarreaux.gif);
	border-right: #ffa500 1px solid;
	margin-top: 1%;
	margin-bottom: 1%;
	vertical-align: top;
	width: 26%;
}

TD.corps
{
	background-image: url(.\IMG\cahier_grandscarreaux.gif);
	vertical-align: top;
}
TD.sep_menu_corps
{
	background-attachment: fixed;
	background-image: url(.\IMG\spirale.gif);
	width: 10px;
	background-repeat: repeat-y;
}
/* ============================= ELEMENTS DU MENU ==========================================*/
/* Style des lignes de Menu */
TR.MenuN1
{
	height: 50px;
}
TR.MenuNn
{
	height: 50px;
}
/* ligne de menu incactive */
a.Secteuroff
{
	font-weight: bold;
	color: white;
	background-color: #33c9ff;
	text-align: center;
	text-decoration: none;
}
/* ligne de menu Active */
A.secteur
{
	font-weight: bold;
	color: purple;
	background-color: #33c9ff;
	text-align: center;
	text-decoration: none;
}

A.secteuron
{
	font-weight: bold;
	color: purple;
	background-color: #33c9ff;
	text-align: center;
	text-decoration: none;
}

/* entourage de la ligne de menu active */
TABLE.secteuron
{
	border-right: silver inset;
	border-top: silver inset;
	border-left: silver inset;
	border-bottom: silver inset;
}
TABLE.secteur
{
	border-right: silver inset;
	border-top: silver inset;
	border-left: silver inset;
	border-bottom: silver inset;
}

/* entourage de la ligne de menu inactive */
TABLE.secteuroff
{
	border-right: silver outset;
	border-top: silver outset;
	border-left: silver outset;
	border-bottom: silver outset;
}

/* entourage de la ligne de sous-menu active */
TABLE.rubriqueon
{
	border-right: silver inset;
	border-top: silver inset;
	border-left: silver inset;
	border-bottom: silver inset;
}
TABLE.rubrique
{
	border-right: silver inset;
	border-top: silver inset;
	border-left: silver inset;
	border-bottom: silver inset;
}
/* entourage de la ligne de sous-menu inactive */
TABLE.rubriqueoff
{
	border-right: silver outset;
	border-top: silver outset;
	border-left: silver outset;
	border-bottom: silver outset;
}
/* Ligne de Sous Menu inactive */
A.rubriqueoff 
{
	font-weight: bold;
	color: white;
	background-color: #33c9ff;
	text-align: center;
	text-decoration: none;
}
/* Ligne de Sous Menu Active */
A.rubrique
{
	font-weight: bold;
	color: purple;
	background-color: #33c9ff;
	text-align: center;
	text-decoration: none;
}
A.rubriqueon 
{
	font-weight: bold;
	color: purple;
	background-color: #33c9ff;
	text-align: center;
	text-decoration: none;
}
/* Cellule d'affichage de l'indicateur de Rubrique en cours la taille doir être la même que
    la taille de l'image chargée
*/
TD.indicateur_rubriqueencours
{
	width: 33px;
}
/*============================================================================================*/
/*==================    ARTICLE REFERENCE ====================================================*/
/*============================================================================================*/

TABLE.ArticleReference
{
	margin: 5px;
	width: 100%;
}
TD.TitreArticleReference
{
	font-weight: bold;
	width: 80%;
	text-align: center;
	width:100%;
}
TD.ChapoArticleReference
{
	border-right: gray thin double;
	border-top: gray thin double;
	font-weight: bold;
	border-left: gray thin double;
	width: 100%;
	border-bottom: gray thin double;
	text-align: center;
	width:90%;
}
TD.DocumentLiesArticleReference
{
	font-size: 8pt;
	vertical-align:top;
}
TD.CorpsArticleReference
{
	vertical-align:top;
}
TD.DanslaMemeRubrique
{
	font-size: 10pt;
}

TABLE.Pied
{
	font-size: 8pt;
	width:100%;
}

P.spip_TitreRubrique
{
	font-weight: bold;
	font-size: 30pt;
	color: black;
	font-family: 'Arial Black';
}
table.spip tr.row_first {

}

table.spip
{
	border-right: 10px inset;
	border-top: 10px inset;
	border-left: 10px outset;
	border-bottom: 10px outset;
}	

/* Ligne impaire d'une table SPIP */
table.spip tr.row_odd
{
	color: blue;
	border-bottom: black thin solid;
}

/* Ligne paire d'une table SPIP */
table.spip tr.row_even
{
	color: #349bfa;
	background-color: white;
}

/* Hierarchie */
.spip_hierarchie
{
	font-size : 10pt;
}
TABLE.formulaire_contact
{
}

INPUT.nom_contact
{
	width: 380px;
	border-top-style: ridge;
	border-right-style: ridge;
	border-left-style: ridge;
	border-bottom-style: ridge;
}
INPUT.prenom_contact
{
	width: 380px;
	border-top-style: ridge;
	border-right-style: ridge;
	border-left-style: ridge;
	border-bottom-style: ridge;
}
INPUT.tel_contact
{
	border-top-style: ridge;
	border-right-style: ridge;
	border-left-style: ridge;
	border-bottom-style: ridge;
}
INPUT.ville_contact
{
	width: 300px;
	border-top-style: ridge;
	border-right-style: ridge;
	border-left-style: ridge;
	border-bottom-style: ridge;
}
INPUT.sujet_contact
{
	width: 380px;
	border-top-style: ridge;
	border-right-style: ridge;
	border-left-style: ridge;
	border-bottom-style: ridge;
}

INPUT.dates_contact
{
	width: 380px;
	border-top-style: ridge;
	border-right-style: ridge;
	border-left-style: ridge;
	border-bottom-style: ridge;
}
INPUT.mail_contact
{
	width: 300px;
	border-top-style: ridge;
	border-right-style: ridge;
	border-left-style: ridge;
	border-bottom-style: ridge;
}

TEXTAREA.message_contact
{
	width: 400px;
	BACKGROUND-COLOR: #ADFF2F;
}