/* NOTES :

Interieur du site:gestion de couleur en astuce pour qu'on voit une colonne de height 100%, 
ce qui n'est pas possible avec un float. 
De cette façon inversement par langue et couleur sont gerés parfaitement avec des divs.

*/

/* Styles génériques pour tout le site----------------------------------------------------*/
body {
	font-family: sans-serif;
	font-size: 11px; /* taille minimale pour voir le gras ou strong du texte(avant 10px )*/
	background-color: #FFFFFF;
	color: #000000;
}
legend{
	color: #000000;
}
.fond_accueil {
	background-color: #FFFFFF;
}
a, #menu a, a.spip_out, a.spip_in {
	color: #000000;
	text-decoration: none;
	font-style: inherit;
}
#accueil_page .pied_page a:hover, #accueil_page .pied_page a.spip_out:hover, #accueil_page .pied_page a.spip_in:hover, #pied_colonne a:hover, #pied_colonne a.spip_out:hover, #pied_colonne a.spip_in:hover, #pied a:hover, #pied a.spip_out:hover, #pied a.spip_in:hover{
	text-decoration:underline;
}
#menu a {
	font-weight: bold;
}
#article a, #article a.spip_out, #article a.spip_in{
 	text-decoration: underline;
}
* html a {
	color: #000000; /*Color:inherit ne marche pas dans explorer*/
}
a:hover {
	color: #BE0000;
}

/* h2 titre de la rubrique*/
h2 {
	font-size: 1.4em;
}
/* h3= titre articles*/
h3 {
	color: #BE0000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
}
/* h4 = surtitre et soustitre articles*/
h4 {
	color: #000000;
	font-family: Georgia, 'MS Serif', 'New York', serif;
	letter-spacing: 0.4ex;
	font-size: 1.25em;
	font-weight: normal;
}


/* chapo = style du chapeau de l'article */
.chapo {
	color: #BE0000;
	font-size: 1.25em;
	font-style: italic;
	padding-bottom:0.5em;
}
/* descriptif = style du descriptif de la rubrique/article*/
.descriptif {
}
/* texte = style du texte de la rubrique/article*/
.texte {
	font-size: 1.15em;
}
/* lien hypertexte de l'article */
.lien {
	margin: 1em 0;
	color: #BE0000;
}
/* ps = style du post scriptum de l'article*/
.ps {
	color: #BE0000;
	font-size: 0.9em;
	padding: 1ex 2ex 1ex 2ex;
	border-width: 1px;
	border-style: dashed;
	margin: 3em 0 3em 0;
}

/* notes = style des notes de l'article*/
.notes {
	color: #000000;
	font-size: 1.0em;
}

/* spip_doc_titre = descriptif du document ajouté dans l'article : photo, video */
.spip_doc_titre {
	color: #BE0000;
	font-size: 0.98em;
}

/* spip_doc_descriptif = descriptif du document ajouté dans l'article : photo, video */
.spip_doc_descriptif {
	color: #000000;
	font-size: 0.95em;
	font-family: Georgia, 'MS Serif', 'New York', serif;
	letter-spacing: 0.3ex;
}
.fond_imprim, .fond_imprim *{
	background-color: #FFFFFF;
	color: #000000;
	margin: 1em;
}
/* h3.spip = style des intertitres */
h3.spip {
	font-size: 1.0em;
}

/* LISTE DE RESUME D'ARTICLES -----------------------------------------------------------*/
.fiche-titre, .syndic-titre {
	font-size: 1.2em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #110011;
	line-height: 1.2em;
	font-weight:bold;
}
.fiche-date{
	font-weight:bold;
}
.fiche-item, .fiche-descriptif, .syndic-item, .fiche-date {
	color: #BE0000;
	font-size: 1.1em;
	font-family: Georgia, 'MS Serif', 'New York', serif;
	/*letter-spacing: 0.1em;*/
}

/* accueil_page ul = Menu de la page d'accueil*/
/* menu = Menu des pages intérieures*/
#accueil_page {
	/* Ici image du carré qui se repete.*/
	color: #000000;
	background-color: transparent;
}
#accueil_page a {
	color: #110011;
}
#page, #colonne, #principal_entete, #principal_article {
	background-color: #FFFFFF;
}
#principal_entete{
	border: 1px solid #FFFFFF; /*Necessaire. Sinon height n'est pas pris correctement.*/
	 /* force le calage de l'image de fond en fonction de la langue choisie */

}
#colonne_entete, #principal, #principal_contenu, #principal_carre_nav, #principal_navigation #principal_carre_nav, #principal_hierarchie, .fond_aere{
	background-color: #D6D6D6;
}
#colonne_entete{
	border: 1px solid #D6D6D6; 
	padding-left:15px;
}
/*h1 et h2 = Titre du site*/

#accueil_page h1, #principal_entete h2 a {
	font-size: 22px;
	font-weight: bold;
	color: #BE0000;
}
#accueil_page h1 strong, #principal_entete a strong {
	color: #BE0000;
	font-weight: normal;
	font-size: 20px;
}

/* entete gauche pages interieures: affichage identification pour acces restreint ------------------------*/
#principal_entete h2 a {
	font-size: 16px;
}
#colonne_entete h4 {
	margin : 0;
	padding:0;
	margin-top:5px;
	letter-spacing: 0.2ex;
}
#colonne_entete a:hover{
	color: #000000;
	text-decoration: underline;
}

/* colonne_gauche = contenu gauche de page accueil---------------------------------------*/
.contenu_gauche {
	background-color: transparent;
}
/* ------------------------------------------*/
/* principal = contenu principal (article, carré couleur, etc.) des pages intérieures*/
#principal_carre, #principal_navigation {
	background-color: #BE0000;
}

* html #principal_carre{
	border: 1px solid #BE0000;
}
#article {
	padding: 20px 10px 10px 10px;
	padding-right: 40px;
}
#art_logo, #calendar {
	background-color: #BE0000;	
	color: #FFFFFF;
}
tr.row_even {
	background-color: #E6E5D1;
}
tr.row_odd,  {
	background-color: #FFFFFF;
}
table.spip th{
	background-color: #BE0000;
}

/* FORUM -----------------------------------------------------------------------------------*/
H3.nom_forum {
	font-family: Georgia, 'MS Serif', 'New York', serif;
	color: #404040;
}

.forum {
	border-width: 1px;
	border-style: dashed;
	border-color: #BE0000;
	background-color: #BFBFBF;
	padding: 0 1em 0 1em;
	padding-right:2em;
}

.forum-fil {
}

.forum-message {
}

.forum-chapo {
	color: #000000;
}

.forum-titre {
	font-size: 1.1em;
	padding: 0.75em 0 0 0;
	color: #110011;
	font-weight: bold;
}

.forum-item {
	font-size: 1.1em;
	font-family: Georgia, 'MS Serif', 'New York', serif;
	letter-spacing: 0.2ex;
	padding: 0.75em 0 0 0;
	border-width: 0 0 1px 0;
	border-color: #404040;
	border-style: dashed;
}

.forum-repondre-message {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: right;
	font-size: 0.7em;
	padding: 0.75em 0 1em 0;
}

/*LOGIN et login_form prevus pour phase 2 ---------------------------------------------------*/
#login {
	width: 50%;
	text-align: center;
	margin-bottom: 10px;
}
#login form, #forms{
	border: 1px solid #BFBFBF;
	padding: 15px;
}
.msg_err{
	font-family: Georgia, 'MS Serif', 'New York', serif;
	color: #BE0000;
}
.msg_ok{
	font-family: Georgia, 'MS Serif', 'New York', serif;
	color: #000000;
}
/*pied_page = pied de page de la page d'accueil---------------------------------------------*/
tr.pied_page td {
	background-color: transparent;
	padding: 1em;
}

#pied {
	
}

#pied *, #pied_colonne * {
	font-family: Georgia, 'MS Serif', 'New York', serif;
	font-size: 1em;
	letter-spacing: 0.1em;
	line-height: 2.0em;
}


/*MENU ET LIENs------------------------------------------------------------------------------------*/
/* accueil_page ul = Menu de la page d'accueil*/
/* menu = Menu des pages intérieures*/
.accueil_menu td a, #accueil_page ul li a, #menu a, #logo_contenu .menu_inter a {
	font-size: 12px;
	letter-spacing: 0.5px;
}
/*Niveau 1*/
#menu a, #logo_contenu .menu_inter a{
	color: #FFFFFF;
	background-color: #404040;
	border-top: 1px solid #404040; 
	border-bottom: 1px solid #404040; 
}
/*Niveau 2*/
#menu .cette_rub ul a {
	background-color: #737373;
	border-top: 1px solid #737373;
	border-bottom: 1px solid #737373;
	color: #FFFFFF;
	font-weight: normal;
}
/* Niveau 3 */
#menu .cette_sous_rub ul a {
	background-color: #BFBFBF;
	border-top: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	font-size: 0.8em; /*plus petit que ça, illisible sous FireFox...(avant 0.7em)*/
}
#logo_contenu .menu_inter a{
 	font-weight: normal;
}
/*Menu langue page d'accueil*/
tr.entete_langues, tr.entete_langues a, #accueil_page .entete_langues a{
	background-color: transparent;
	color: #000000;
}
tr.entete_langues a:hover, #accueil_page .entete_langues a:hover{
	color: #BE0000;
}
/*Menu langue pages intérieures*/
#lang, #lang a{
 	color: #000000;
}
#lang a:hover{
	color: #BE0000;
}
/*Hierarchie + pied de page */
#principal_hierarchie #filariane, #principal_hierarchie #filariane a, #pied, #pied a{
	font-weight: normal;
	color: #000000;
}
#principal_hierarchie #filariane a:hover, #pied a:hover {
	color: #000000;
}
/*Accueil*/
#accueil_page .accueil_menu td a, #accueil_page ul li a{
	background-color: #BE0000;
	border-top: 1px solid #BE0000; 
	border-bottom: 1px solid #BE0000; 
	color: #FFFFFF;
}
/*Rollover tous*/
#accueil_page .accueil_menu td a:hover, #accueil_page ul li a:hover, #menu a:hover, #logo_contenu .menu_inter a:hover, #menu .cette_rub a:hover, #menu .cette_sous_rub a:hover {
	border-top: 1px solid #737373; 
	border-bottom: 1px solid #737373; 
	color: #FFFFFF;
	background-color: #737373;
}

/*Cellules du damier de la page d'accueil ---------------------------------------------*/
.a1{
	background-color: #FFFFFF;
}
.a2{
	background-color: #BFBFBF;
}
.a3{
	background-color: #FFFFFF;
}
.a4{
	background-color: #FFFFFF;
}
.a5{
	background-color: #BFBFBF;
}
.b1{
	background-color: #FFFFFF;
}
.b2{
	background-color: #FFFFFF;
}
.b3{
	background-color: #BFBFBF;
}
.b4{
	background-color: #FFFFFF;
}
.b5{
	background-color: #BE0000;
}
.c1{
	background-color: #BFBFBF;
}
.c2{
	background-color: #FFFFFF;
}
.c3{
	background-color: #FFFFFF;
}
.c4{
	background-color: #BFBFBF;
}
.c5{
	background-color: #FFFFFF;
}
/*********************************Phase 2**********************************************************/
/*MENU*/
a.menu_module, #menu a.menu_module,  .accueil_menu td a{
	background-color: #404040;
	color: #FFFFFF;
	font-variant: small-caps;
	font-weight: normal;
}
/*FORMULAIRE*/
.formulaire form{
	background-color: #D6D6D6;
	border: 1px dashed #000000;
	/*border-left: 10px solid #8EC8FF;*/
}
.formulaire form H4, .formulaire form .chapo{
	color:#000000;
}
.formulaire .label, .formulaire .ligne, .formulaire .ligne a{
	color: #000000; /*comme hierarchie*/
	font-style: normal;
}
input, textarea, .champ, select{
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif; /*Il n'arrive pas à l'hériter dans les textarea*/
	font-size: inherit;
	font-size:10px;
}
input:focus, input.sffocus, textarea:focus,  textarea.sffocus, select:focus, select.sffocus{
	/*les select ne marchent pas correctement sur IE 5.5.*/
	border: 1px solid#F1F0D3;
	background-color: #F1F0D3;
	color: black;
	font-weight: normal;
}

.formulaire hr{
	border-top: 1px dashed #000000;
}
.champ .submit, .formulaire .submit{
	background-color:#000000;;
	text-align: center;
	color: white;
	font-weight: bold;
}
.formulaire, .formulaire .champ table{
	color: black;
	font-style: italic;
	font-size: 11px;
}

/*FIN DES STYLES DES FORMULAIRES*/

/*FICHES*/
#fiche H3{
	font-size: 16px;
	margin: 15px 0 0 0;
	padding:0;
}
#fiche H4{
	font-size: 12px;
	margin: 10px 0 5px 0;
}

.extra_type{
	font-size: 14px;
	font-weight: bold;
	margin : 10px 0 0 0;
	padding:0;
}
.extra_item{
	margin: 5px 0 5px 0;
}
.extra_libelle{
	
}

/* Les listes **************/
.sans_puce li{
	list-style:none;
}
#article .sans_puce li h3{
	margin:0;
	margin:20px 0 5px 0;
}