/* =================== Feuille de style pour Cour-de-France.fr ========================== */

/*
Auteur: Caroline zum Kolk 
18 juillet 2007
Refonte de la feuille de style : février 2009

Règles de rédaction :

Réunir plusieurs sélecteurs se fait avec une virgule suivi d'un espace : 
p, .texte, h1 {...}

Appliquer un style en indiquant la cascade complète nécessite des espaces 
entre les différents déclarations :
#menu li a {...}
sauf pour les sélecteurs non-précédés d'un point ou #, ou on ne met pas d'espace :
a.menu
ul.menu
table.menu

==========================================================
Table des matières =======================================
==========================================================

1. Secteurs du site
2. Formats de texte
3. Titres
4. Hyperliens
5. Listes
6. Tableaux
7. Formulaires
8. Divers
9. Styles Spip
*/

/* ===================================================================================== */
/*                         Mise à zéro et styles par défaut                              */
/* ===================================================================================== */

*{	margin: 0;
	padding: 0;
	border: 0; }

body {
	background-color: #E5E5E5;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size:0.65em;
	line-height: 1.3em;}
	
/* la taille de police indiqué en em a besoin d'un line-height pour que les différences 
d'affichages (dues aux polices et plus visibles en em qu'en pt ou px) soient attenués.
Il faut parcontre augmenter le line-height pour les caractères grands (titres)
Voir à ce sujet : http://www.alsacreations.com/article/lire/563-gerer-la-taille-du-texte-avec-les-em.html */



/* ###################################################################################*/
/* ###################################################################################*/
/* ###################################################################################*/
/*                         			1. Secteurs du site				                    */
/* ###################################################################################*/
/* ###################################################################################*/
/* ###################################################################################*/
 

#page {}

/* ================  En-tête avec logo ================ */

/* Container servant à placer deux div, header et logo*/
#entete {}

/* Arrière-plan de l'en-tête, bleu, prend toute la largueur de la page : */
#header {
	height: 190px;
	background-color: #464679; }

/* Image logo, plus haut que header, c'est-à-dire l'arrière-plan bleu. La taille
figure dans le fichier inc-entete.html (879/276). Avant figurait ici display:block, float: left */
.spip_logos { margin: 0; padding: 20px 0px 0px 0px; border: none; }

/* class id qui ne sert que pour les pages des bases de données : */
#logo {
	width: 879px;
	height: 276px;}
	
/* ======================== Conteneur ===================== */
/* contient fil d'ariane, secteurs de menus droit et gauche, partie centrale et
	pied */


#conteneur {
	width: 92%;
	max-width: 1100px;
/* la propriété max-width ne marche pas avec IE 6 - il a été nécessaire de créer 
une règle spécifique dans l'entête des pages html */
	width:expression(document.body.clientWidth > 1100 ? "1100px" : "auto");
	background-color: #FFFFFC;
	position: absolute;
	top: 130px;
	left: 55px;
	border-left: 1px solid #66669A;
	border-right: 1px solid #66669A;
	border-top: 1px solid #9294B1;
	border-bottom: 1px solid #9294B1;}

#hierarchie {
	background-image: url(http://cour-de-france.fr/squelettes/images/ariane.gif); 
	border-bottom: 1px solid #BBBDCE;
	padding: 8px;
	font-size: 1.1em;
	font-weight: bold;
	color: #333366;}

/* contenu contient les trois sections menu gauche, partie centrale et menu droit */
#contenu {}

#left {
	float: left;
	width: 150px;
	height: 1950px;
	background-image: url(http://cour-de-france.fr/squelettes/images/left.gif);
	background-repeat: no-repeat;}
	
html>body #left { /* règle pour que la hauteur de la section s'adapte au contenu pour 
	navigateurs mozilla et autres */
	height: auto;
	min-height: 1950px;}

#contentleft {margin: 0px 10px 0px 10px;}

#main {
   margin-left: 150px;
	margin-right: 150px;}
	
#contentmain {
	margin-left: 40px; 
	margin-right: 40px; 
	margin-bottom: 30px;} 
	
#right {
	float: right;
	width: 150px;
	height: 1950px;
	background-image: url(http://cour-de-france.fr/squelettes/images/right.gif);
	background-repeat: no-repeat;}
	
html>body #right { /* règle pour que la hauteur de la section s'adapte au contenu pour 
	navigateurs mozilla et autres */
	height: auto;
	min-height: 1950px;}

#contentright {margin: 0px 10px 0px 10px;}

#pied {
	clear: both;
	text-align: center;
	font-size: 1em;
	padding: 3px 0px 3px 0px;
	background-color: #FFE4AC;}
	
	
/* ###################################################################################*/
/* ###################################################################################*/
/* ###################################################################################*/
/*                         		2. Formats de texte	                                */
/* ###################################################################################*/
/* ###################################################################################*/
/* ###################################################################################*/
 

p.spip {font-size: 1.05em;
	line-height: 1.8em;
	text-align: justify;
	margin: 5px 0px 5px 0px;}

p {
	font-size: 1.05em;
	line-height: 1.8em;
	text-align: justify;
	margin: 10px 0px 10px 0px;}
	
/* Elements formatant une partie du texte en bold, italique etc. Attention : 
en les placant dans une div ils provoquent un saut à la ligne (/div est un élément bloc) */
i .spip {font-style: italic; font-size: inherit;}
strong .spip {font-weight: bold; font-size: inherit;}
hr .spip {}

.italic {font-style: italic;}
.strong {font-weight: bold;}
.souslignage {text-decoration: underline;}
.center {text-align: center;}

.cartouche{}
.chapo {}

.sans_marge{
   font-size: 1.05em;
	color: black;
	text-align: justifiy;
	margin: 0px 0px 3px 0px;
	line-height: 1.3em;}

/* Format actives dans les rubriques et menus ==================== */

/* div qui entoure l'hyperlien "Accueil" en haut des menus principaux, côté droit */
#home {margin: 30px 0px -10px 0px;}

#right p {
	margin: 0px;
	font-size: 1.1em;
	line-height: 1.4em;
	text-align: left;
	color: navy; }

.accueil {
	font-size: 1em;
	line-height: 1.5em;
	text-align: justify;
	margin: 0;}
	
/* Champ description d'une rubrique, figure sur page 292 */
.descriptif {color: navy; font-size: 0.9em; font-style: italic; margin: 0; padding: 0;}

p.pagination {font-size: 1.3em; color: navy;}

.initiales_auteurs{
	font-size: 1.3em;
	line-height: 2em;}
	
/* Format publications par mois */
.mois {margin: 10px 0px 10px 0px}

/* Utilisé sur la rubrique 293 */
.date {
	margin: 0;
	margin-bottom: 5px;
	font-size: 0.9em;}

/* Format des articles ==================================== */

/* Champ chapeau qui formate les indications bibliographiques d'un article */
.chapo_article {margin: 0px 0px 30px 0px; font-size: 1em; font-style: italic; 
line-height: 1.6em; text-align: justify; }

p.spip_note {}

.notes {
	font-size: 1em;
	line-height: 1.6em;}


/* ###################################################################################*/
/* ###################################################################################*/
/* ###################################################################################*/
/*                              	3. Titres             	                             */
/* ###################################################################################*/
/* ###################################################################################*/
/* ###################################################################################*/

/* Une bonne suite de titres est h2, h4 et h5 (tous sans serif) - voir une page "Periode"
(comme Renaissance (inc-groupe1)). h3 attire le plus l'attention, étant serif et bleu vif */

.liste-rub .surtitre {font-style: italic;}

/* ================== TITRES avec serif ================== */

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: navy;
	line-height: 1.6em;
	font-weight: bold;
	font-size: 1.9em;
	margin: 0px 0px 20px 0px; 
	padding-top: 40px;}

/* h2 Navy, police sans serif. Sert dans divers rubriques, 
pages mot-clé Periodes(rubriques racines: Histoire et fonction etc.), page d'accueil (Veille documentaire), 
rubriques racines (Titre tableau : Sous-rubriques), mois de parution (Année en cours/Archive) */
h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: navy;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0px;}
	
/* h3 Bleu vif, police serif. Login redacteur (titre du site), Résultat de recherche (Terme recherché: ..)
, rubrique.html (titre période, Renaissance, MA..), rubriques partenaires (Voir aussi :), rubriques publ. par mois 
(Total publications et titres périodes), Publications sur CdF (Projets, Etudes, doc...), Projet Médecine (Etudes
Documents, Bdd).
Le style h3 class="spip", nécessaire au bon fonctionnement du logiciel, a été formaté comme h3 */
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #0000CC;
	font-size: 1.5em;
	line-height: 1.6em;
	font-weight: bold;
	margin: 20px 0px 10px 0px; }
	
/* h4 sert pour le nom des sous-rubriques dans les pages Articles 
par période (inc-groupe1) */
h4 { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: navy;
	font-size: 1.3em;
	line-height: 1.6em;
	margin: 0px 0px 10px 0px; }

/* h5: sert pour le surtitre des articles (nom de l'auteur), les sous-sous-rubriques
dans inc-groupe1 et l'intitulé des formulaires bdd */
h5{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: navy;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0px 0px 10px 0px;}

/* style qui imite un texte formaté en gras, pour la page d'accueil*/
h6 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: navy;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 0px 0px 0px 0px;}
	
/* ================ TITRES spécifiques ==================== */


/* Styles appliqués au titres insérés par {{{ dans un article */
h3.spip {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #0000CC;
	font-size: 1.5em;
	line-height: 1.6em;
	font-weight: bold;
	text-align: left;
	margin: 20px 0px 10px 0px; }

#plan h2 {
	background: #EEE;
	border: 1px solid #CCC;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: navy;
	font-weight: bold;
	font-size: 1.4em;
	letter-spacing: 0.05em;
	padding: 3px;
	margin: 10px 0px;}
	
/* Titres du menu de navigation principal de droite (La Cour, Période, Rechercher par)*/
.titres_menu_principal {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFBA0D;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	margin: 30px 0px 0px 0px; }

/* Titres du menu de navigation secondaire de droite ("Informations utiles", "Collaborations
et partenariats" sur la page d'accueil, Nom de la rubrique racine dans les sous-rubriques) */
.titres_menu_secondaire {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: navy;
	font-size: 1.1em;
	font-weight: bold;
	margin: 30px 0px 0px 0px;}

/* Titres du menu de navigation secondaire de droite de deuxième niveau (Partenaires: AUP, 
CRCV etc.) */
.sous_titres_menu_secondaire {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: navy;
	font-size: 1em;
	font-weight: bold;
	margin: 10px 0px 0px 0px;}

h1.impression {
	position: absolute; top: -45000px; height: 1%; 
	font-size: 0em;
	color: inherit;
	text-decoration: none;}


/* ###################################################################################*/
/* ###################################################################################*/
/* ###################################################################################*/
/*                              	   4. Hyperliens                                     */
/* ###################################################################################*/
/* ###################################################################################*/
/* ###################################################################################*/

 /* Toujours mettre dans l'ordre : a:link, a:visited, a:hover, a:active */
 
 
/* Format par défaut, valable sur tout le site*/
a:link {color: navy; text-decoration: none; outline: none;}
a:visited {color: #333399; text-decoration: none; outline: none;}
a:hover  {color: blue; text-decoration: underline; outline: none;}

/* Hyperlien "Accueil" en haut des menus principaux côté gauche */
#home a:link {color: navy; color:#FFBA0D; font-size:1.1em; font-weight:bold; text-decoration: none; outline: none;}
#home a:visited {color:#FFBA0D; font-size:1.1em; font-weight:bold;text-decoration: none; outline: none;}
#home a:hover  {color:#FFBA0D; font-size:1.1em; font-weight:bold;text-decoration: underline; outline: none;}

/* Hyperliens du fil d'Ariane */
#hierarchie a:link {color: #333366;}
#hierarchie a:visited {color: #333366;}
#hierarchie a:hover, #hierarchie a:focus {color: #333366;text-decoration: underline;}
#hierarchie a:active {color: #333366;}

a.sousrubrique:link {color: navy; font-weight: bold; text-decoration: none; outline: none;}
a.sousrubrique:visited {
	color: #7576FF;
	font-weight: bold;
	text-decoration: none;
	outline: none;}
a.sousrubrique:hover  {color: blue;  font-weight: bold; text-decoration: underline; outline: none;}

/* Hyperliens des listes d'articles (Etudes modernes, mois de parution...) */
li.articles a:link {}
li.articles a:visited {}
li.articles a:hover {}

/* Hyperliens de la page auteur, grisé si visités */
a.auteurX:link{}
a.auteurX:visited{color: #646464;}
a.auteurX:hover{}
	
/* Menu principal inc-rubriques_textes */
a.menu1:link{color: #F0F0F0;}
a.menu1:visited {color: #F0F0F0;}
a.menu1:hover {color: #ffdb8b; text-decoration: none;}
a.menu1:focus {color: #F0F0F0;}
a.menu1 .item {color: #F0F0F0;}
a.menu1 .itemon {font-weight: bold;}
	
/* Menu secondaire inc-rubriques_informations */
a.menu2:link {color: #0000CD;}
a.menu2:visited{color: #0000CD;}
a.menu2:hover {color: Navy; text-decoration: none;}
a.menu2:focus{color: #0000CD;}
a.menu2.item {color: #0000CD;}
a.menu2.itemon {font-weight: bold;}
	
/* Styles du fichier spip_styles.css nécessaires au bon fonctionnement de spip.
Section "Couleurs des liens de Spip" */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_in { color: #900; } /* liens internes */
a.spip_out { color: navy; font-weight: bold; } /* liens sortants */
a.spip_url { color: navy; font-weight: bold;} /* liens url sortants */
a.spip_glossaire { color: #060; } /* liens vers encyclopedie */
.on { font-weight: bold;} /* liens exposes */



/* ###################################################################################*/
/* ###################################################################################*/
/* ###################################################################################*/
/*                    		         	   5. Listes     		                          */
/* ###################################################################################*/
/* ###################################################################################*/
/* ###################################################################################*/


 
 /* Pour écarter les li les unes des autres, créer une classe unique pour ces li (pas un
 truc ul.nom li, ça ne marche pas) et donner la valeur de padding-bottom souhaité */
 
 /* === Listes dans le corps de l'article ou chapeau, produit par spip ===== */
ul.spip {
	list-style: url(http://cour-de-france.fr/squelettes/images/puce.gif);              
	font-size: 1.05em;
	line-height: 1.8em;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 20px;}

/* Format d'une liste imbriqué dans une autre */
ul ul.spip {
	list-style: url(http://cour-de-france.fr/squelettes/images/puce.gif);              
	font-size: 1em;
	line-height: 1.6em;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 20px;}
	
li.spip {padding-bottom: 0px;}
	
ol.spip {        
	font-size: 1.05em;
	line-height: 1.8em;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 20px;}
	
ol	ol.spip {        
	font-size: 1em;
	line-height: 1.6em;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 20px;}

/* Format de listes crées sur le site sans spip*/
ul{
	list-style: url(http://cour-de-france.fr/squelettes/images/puce.gif);              
	font-size: 1.05em;
	line-height: 1.6em;
	padding-left: 20px; }
	
ul ul {
	list-style: url(http://cour-de-france.fr/squelettes/images/puce.gif);              
	font-size: 1em;
	line-height: 1.6em;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 20px;}


li {padding-bottom: 10px;}

ol {
	font-size: 1.05em;
	line-height: 1.8em;
	margin-bottom: 20px;
	padding-left: 30px; }
	
ol ol {
	font-size: 1em;
	line-height: 1.6em;
	margin-bottom: 20px;
	padding-left: 30px; }

ul.next {list-style: url(http://cour-de-france.fr/squelettes/images/pfeil.gif); } 
li.next {}

/* Pages d'accueil des rubriques principales : liste des sous-rubriques dans tableau sigle */

ul.liste_sousrubriques {
	list-style: url(http://cour-de-france.fr/squelettes/images/puce.gif);  
	font-size: 1.2em;
	margin-top: 20px;
	line-height: 1.5em;
	padding-left: 20px;}

li.li_sousrubriques {padding-bottom: 7px;}
	
/* Liste des articles avec puce. Format Soustitre, Surtitre : voir section Titres */

ul.liste-articles {
	list-style: url(http://cour-de-france.fr/squelettes/images/pfeil.gif);					
	font-size: 1.05em;
	margin: 10px 0px 10px 0px;
	line-height: 1.4em;}
	
li.articles {padding-bottom: 10px;}

/* Listes des menus de navigation parties droite et gauche */

ul.menu_left {
	list-style: url(http://cour-de-france.fr/squelettes/images/puce.gif);
	font-size: 1.1em;
	margin: 10px 0px 0px 0px;
	padding-left: 15px;
	line-height: 1.5em;}
	
li.menu_li {padding-bottom: 10px;}

ul.menu_right {
	list-style: url(http://cour-de-france.fr/squelettes/images/puce.gif);
	font-size: 1.1em;
	margin: 10px 0px 0px 0px;
	padding-left: 15px;
	line-height: 1.5em;}

/* ###################################################################################*/
/* ###################################################################################*/
/* ###################################################################################*/
/*                         	        6. Tableaux                                     */
/* ###################################################################################*/
/* ###################################################################################*/
/* ###################################################################################*/
 

/* Tableau par défaut spip, inséré par spip dans les articles ===========================
   Tableau est à insérer ainsi :
||Légende du tableau|| 
| {{Titre colonne1}} | {{Titre colonne 2}} | {{Titre colonne 3}} |
| contenu ligne 1 | Contenu ligne 1 | Contenu ligne 1 |
| contenu ligne 2 | Contenu ligne 2 | Contenu ligne 2 |
*/
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid #BABBCD;
	border-color: #BABBCD;
	border-collapse: collapse;}

/* Légende au dessus du tableau */
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
	
/* Colonne titre (apparait qui si contenu mis en gras par }) */
table.spip tr.row_first { background: #FFE6AA; }

/* Couleurs alternés d'une ligne à l'autre */
table.spip tr.row_odd { background: #F7F7F7; }
table.spip tr.row_even {background: #F0F0F0;}

table.spip th, table.spip td {
	padding: 3px; 
	text-align: left; 
	vertical-align: middle; 
	border: 1px solid #BABBCD; 
	border-collapse: collapse;}
	

/* Format par défaut pour tous les autres tableaux du site, comme tableau spip ================*/
table {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid #BABBCD;
	border-color: #BABBCD;
	border-collapse: collapse;}

/* Colonne titre (apparait qui si contenu mis en gras par }) */
table tr.row_first { background: #FFE6AA; }

/* Couleurs alternés d'une ligne à l'autre */
table tr.row_odd { background: #F7F7F7; }
table tr.row_even {background: #F0F0F0;}

table th, table td {
	padding: 3px; 
	text-align: left; 
	vertical-align: middle; 
	border: 1px solid #BABBCD; 
	border-collapse: collapse;}
	
/* Tableaux en-tête rubriques racines avec liste sous-rubrique et image =====================*/
 	
table.sigle {
	table-layout: fixed;
	width: 100%;
	margin: 0px 0px 20px 0px;
	border: none;}
	
td.sousrub{
	border: none;
	width: auto;
	padding-right: 30px;
	margin: 0px;
	vertical-align: top;}

td.rublogo{
	border: none;
	width: 300px;
	padding: 20px 3px 0px 0px;
	margin: 0px;
	vertical-align: top;}
	
/* Tableaux sur page accueil et rubriques racines avec nouveautés =============================*/

table.nouvelles_publications {
	table-layout: auto;
	width: 100%;
	border: none;
	margin: 12px 0px 0px 0px;}
	
table.projet{
	table-layout: auto;
	width: 47%;
	border: none;
	margin: 15px 0px 10px 0px;}

tr.titre_nouvelles_publications {}
tr.articles {}
tr.espace {}

td.titre_jaune, td.titre_gris, td.articles, td.articles_grise {
	width: 47%;
	overflow: auto;
	vertical-align: top;
	border-spacing: 0px;
	border-collapse: collapse;}
	
td.titre_jaune{
	background-image: url(http://cour-de-france.fr/squelettes/images/barre_jaune.gif);
	background-repeat: repeat-x;
	background-color: #FCD382; 
	padding: 5px;
	border: none;
	border-bottom: 1px solid #C8C8C8;
	font-size: 1.2em;
	color: navy;
	font-weight: bold;}
	
td.titre_gris {
	background-image: url(http://cour-de-france.fr/squelettes/images/barre_grise.gif);
	background-repeat: repeat-x;
	background-color: #C8C8C8;
	padding: 5px;
	border: none;
	border-bottom: 1px solid #ACACAC;
	font-size: 1.2em;
	color: navy;
	font-weight: bold;
	text-align: center;}

td.articles {
	background-color: #FFF9E5;
	padding: 5px;
	padding-top: 15px;
	border: none;}
	
td.articles_grise{
	background-color: #EDEDED;
	padding: 5px;
	padding-top: 10px;
	padding-bottom : 10px;
	border: none;
	font-size: 1.05em;
	line-height: 1.4em;}
	
td.espace {
	width: 6%;
	border: none;}
	
/* Tableaux "Auteurs" - présente oeuvres classés par auteur ==========================*/

table.auteurs {
	table-layout: fixed;
	width: 100%;}

tr.auteurs {}
	
td.auteur_nom {
	width: 20%;
	vertical-align: top;
	padding: 5px;
	font-size: 1.05em;}
	
td.auteur_ouvrage {
	width: 75%;
	vertical-align: top;
	padding: 5px;
	font-size: 1.05em;} 


/* Tableau qui affiche les résultats d'une recherche ========================================= */

table.sortie {
	table-layout: fixed;
	width: 100%;
	padding: 2px;
	border: 1px solid #C3C4FF;
	border-collapse: collapse;
	margin: 0px;
	color: navy;
	font-size: 1.1em;}

tr.title {
	font-size: 1.1em;
	font-weight: bold;
	background-color: #FFE6AA;}

tr.result {}

.zehn_prozent {width: 12%;	vertical-align: top;	border: 1px solid #C3C4FF;}
	
.zwanzig_prozent {width: 18%;	vertical-align: top;	border: 1px solid #C3C4FF;}
	
.vierzig_prozent {width: 39%;	vertical-align: top;	border: 1px solid #C3C4FF;}
	
.extensible {}

/* Fiches complètes  ========================================================= */

#fiche_bdd {
	width: 99%;
	max-width: 600px;
/* la propriété max-width ne marche pas avec IE 6 - il a été nécessaire de créer 
une règle spécifique dans l'entête des pages html */
	width:expression(document.body.clientWidth > 600 ? "600px" : "auto");
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	border: 2px solid #333399;
	border-collapse: collapse;
	background-color: #C3C4FF;
	padding: 10px;}

table.fiche_bdd {
	width: 100%;
	height: auto;
	color: navy;
	border: none;}
	
tr .intertitre{
	background-color: #FFE6AA; 
	border: none; }

.titre_fiche {
	background-color: #FFEFC8;
	border: 10px solid #C3C4FF;
	border-bottom: 20px solid #C3C4FF;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	vertical-align: top;
	padding: 5px; }

.titre_section {
	background-color: #FFEFC8;
	border: 10px solid #C3C4FF;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	vertical-align: top;
	padding: 5px; }

tr .donnees{
	padding: 2px;
	border: none;}
	
.etiquette {
	width: 30%;
	font-size: 1.1em;
	font-weight: bold;
	vertical-align: top;
	border:none;
	border: 10px solid #C3C4FF;}

.sortie{
	width: 60%;
	font-size: 1.1em;
	background-color: white;
	vertical-align: top;
	border: 10px solid #C3C4FF;}
	

/* ###################################################################################*/
/* ###################################################################################*/
/* ###################################################################################*/
/*                                    7. Formulaires                                  */
/* ###################################################################################*/
/* ###################################################################################*/
/* ###################################################################################*/


/* Format des formulaires SPIP ====================================================== */
.formulaire_spip {
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	text-align: left; 
	font-size: 0.77em;}
	
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

/* Elements regroupés d'après leur type (champs/légendes): espacement, bordures... */
.formulaire_spip fieldset {}
.formulaire_spip legend {}

/* Etiquette des champs de saisie */
.formulaire_spip label {font-family: inherit; font-size: inherit;}

/* Champs de saisie : couleur de fond, largueur, taille et police de caractère */
.formulaire_spip .forml {}

/* Boutons */
.spip_bouton {}
.spip_bouton input {}

/* Format du formulaire SPIP "Rechercher" du moteur de recherche SPIP =============== */
.site_search{
	width: 110px;
}

.formulaire_recherche {
	background-image: url(http://cour-de-france.fr/squelettes/images/form_recherche.gif);
	background-repeat: no-repeat;
	width: 110px;
	text-align: center;
	margin-top: 20px;
	padding: 5px;
	border: 1px solid #26264C;
	font-size: 1.05em;}
	
.formulaire_recherche label {
	color: #FFBA0D;
	font-weight: bold;}
	
.formulaire_recherche .forml {
	font-size: 1.1em;
	width: 96px;
	margin-top: 7px;
	margin-bottom: 7px;
	padding: 2px;
	background-color: #EDEDED;}
	
.formulaire_recherche .bouton_recherche {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	border: 1px solid #333333;
	cursor: pointer;
	color: #333333;
	font-size: 0.95em;
	padding: 0.5px;
	margin-bottom: 5px;}
	
/* Format du formulaire "Choix de la langue du site" */

.formulaire_menu_lang {
	background-color: #EEEEF4;
	width: 120px;
	text-align: left;
	margin: 20px auto 10px auto;
	padding: 5px;
	border: 1px solid #CCC;}

.formulaire_menu_lang label {
	font-size: 1.2em;
	font-weight: bold;}
	
.formulaire_menu_lang .forml {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 1.1em;
	width: ;
	color: navy;
	margin: 3px auto;
	padding: 1px;
	border: 1px solid #CCC;}

/* Format du formulaire "Rechercher" concernant les bases de données installés (CzK)  */
/* Formulaires de recherche ============================================================= */

.bdd_search{
	width: 300px;}

.bdd_search_big{
	width: 500px;}
	
.recherche_bdd {
	background-color: #E1E1E1;
	width: 300px;
	padding: 10px;
	border: 1px solid navy;
	margin: 30px 0px;
	text-align: left;}

.recherche_bdd_big {
	background-color: #E1E1E1;
	width: 500px;
	padding: 10px;
	border: 1px solid navy;
	margin: 30px 0px;
	text-align: left;}
	
.recherche_bdd label, .recherche_bdd_big label{
	font-size: 1.2em;
	font-weight: bold;}

.recherche_bdd .textarea_bdd, .recherche_bdd_big .textarea_bdd{
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 1.2em;
	color: navy;
	width: 190px;
	padding: 2px;
	margin: 10px 0px 0px 0px;
	border: 1px inset;}

.bdd_instructions {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 1.1em;
	font-style: italic;
	line-height: 1.3em;}
	
.select_bdd{
	width: 190px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 1.1em;
	color: navy;
	margin: 10px 0px;
	border: 1px inset;}

.bouton_bdd{
	font-family: Verdana, Tahoma, Arial, sans-serif;
	border: 1px solid #333333;
	cursor: pointer;
	color: navy;
	font-size: 1.1em;
	padding: 1px;
	margin: 0px;}

.bouton_bdd input {}

/* Format du formulaire d'inscription à la lettre d'information ===================== */

/* Styles divers Spip se rattachant aux formulaires ================================= */

/* Previsualisation du message */
fieldset.previsu { padding: 1em; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } 
ul.choix_mots label { display: inline; }


/* ###################################################################################*/
/* ###################################################################################*/
/* ###################################################################################*/
/*                         		8. Divers                                            */
/* ###################################################################################*/
/* ###################################################################################*/
/* ###################################################################################*/
	
#bandeau{
	background-image: url(http://cour-de-france.fr/squelettes/images/bandeau800.gif);
	background-repeat: no-repeat;
	height: 93px;
	margin: auto;}
	
#bandeau img{
	padding: 0px;
	width: 100%;}

.boite {
	font-size: 1.1em;
	color: #333366;
	background-image: url(http://cour-de-france.fr/squelettes/images/barre_grise.gif);
	background-repeat: repeat-x;
	background-color: #C8C8C8;
	border: none;
	margin: 20px 0px 20px 0px;
	padding: 5px;
	text-align: left; }

.barre {
	background-image: url(http://cour-de-france.fr/squelettes/images/barre.gif);
	background-repeat: no-repeat; 
	margin-bottom: 10px;}

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 0.1em; font-size: 0.1em; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -45000px; height: 1%; }

/* ======================== IMAGES ======================== */

/* Styltes de spip_styles nécessaires au bon fonctionnement de spip. Section Logos et images */
img { margin: 0; padding: 20px 0px 0px 0px; border: none; }

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }

.img100pc {
width: 100%;
margin: 0;
padding: 0;}

#pied img {
	margin: 0px 0px -4px 0px;
	padding: 0px;}
	
	
/* ###################################################################################*/
/* ###################################################################################*/
/* ###################################################################################*/
/*                         	      9. Styles Spip                                    */
/* ###################################################################################*/
/* ###################################################################################*/
/* ###################################################################################*/

/* Styles divers spip nécessaires au bon fonctionnement du logiciel */
 
.spip_serif {font-family: "Times New Roman", Times, serif;}

blockquote.spip { 
	font-family: "Times New Roman", Times, serif;
	margin: 1em; 
	padding-left: 1em;
	padding-right: 1em;
	border: 1px dotted; }

div.spip_poesie {
	margin: 1em;
	padding-left: 1em;
	border-left: 1px solid;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
	
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }

.spip_code { font-family: monospace; font-style: normal; font-size: 1.2em; }
.spip_cadre { font-family: monospace; font-style: normal; font-size: 1.2em; width: 99%; border: 1px inset;}

.spip_surligne { background: #FF6; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top: 1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 1em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }

.spip_puce { list-style-position: outside; }

/* modeles par defaut */
.spip_modele { float: right; display: block; border: 1px dotted #666; width: 180px; }

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }

table.spip_barre a img {
	background: #FDA;
	padding: 3px;
	border: 1px outset #999; }
	
table.spip_barre a:hover img {
	background: #FFF;
	border: 1px solid #999; }

table.spip_barre input.barre { width: 100%; background: #EEE;}