* { 
    font-family: Arial,  Helvetica, sans-serif;
}

html,body {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #efe7ca;
	text-align: left;
	width: 100%;
	height: 100%;
	border: 0px;
	font-size: 1em;
    margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
    color: #333366;
     }    
}
/* Parametres generaux des titres, balises "h1...h6" */
h1,h2,h3,h4,h5,h6 {
    color: #366378;   	

}
h1 {
    border: 2px dotted #888;
}
h1, h1.a {
    color: #366378;
	font-size: 120%;
    margin-top: 12px;
    margin-bottom: 4px;
    padding: 2px;
    color: #366378;   	
}
h2, h2.a {
    color: #366378;
	font-size: 110%;
    margin-top: 12px;
    margin-bottom: 6px;
    padding: 2px;

}
h3, h3.a {
	font-size: 105%;

}	


/** Parametres generaux des liens **/
/* Liens simples */
a {
	text-decoration: underline;
    color: #366378;

}

/* Liens simples (syntaxe alternative) */
a:link {
	text-decoration: underline;
    color: #366378;

}

/* Liens visites */
a:visited {
	text-decoration: underline;
    color: #366378;
}

/* Liens survoles */
a:hover {
	text-decoration: underline;
	color: #333366;

}

/* Liens sur les images */
/* Pour supprimer l'affichage d'un cadre noir autour
des images comportant un lien sous Firefox */
a img {
	text-decoration: none;
	border-style: none;
}

/* Les filets de separation */
hr {
	margin: 1px 0px;
	padding: 0px;
	border: none;
	background-color: #eaeaec;
 	border: 1px dotted #888;
}


/****************************************************/
/***** Le bloc "page" qui englobe tout le site *****/
#fpmf_page {
	width: 800px;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: left; /* on rétablit l'alignement normal du texte */
        background : url('FondCorps.jpg');  
	background-color: #C9CDE0;
 
}

/** Parametres du bloc "bandeau" contenant l'image et le titre du site **/
/* Le bloc "bandeau" lui meme */
#fpmf_bandeau {
    display: block; 
    height: 149px;
    margin: 0px;

    padding: 0px;
    background: url('FondBandeau.jpg') no-repeat;    

}

/** Parametres des liens dans l'en-tete **/
/* Liens simples */
#fpmf_bandeau a, a:link, a:hover, a:visited  {
    color: #FFF;
  	font-weight: bolder;
    font-stretch : expended;
    text-decoration : none;
    
}

.fpmf_descriptif {
    float: right;
    text-align: right;
    margin-right:4px;
    margin-top:120px;
    background: transparent;  
 
}




/****************************************************/
/*** Parametres du bloc "corps" contenant la navigation et les contenus ***/
/** Le bloc "corps" lui meme **/
#fpmf_corps {
	padding: 0px;
	margin-top: 0px;

    background : url('FondCorps.jpg');  
    
}
  


/****************************************************/
/*** Le bloc de navigation contenant les menus de navigation et des resumes ***/
/** Le bloc "navigation" lui meme **/
#fpmf_navigation {
    
	text-align: left; 	
	width: 270px;
	margin: 0px;
    margin-left: 4px;
    margin-right: 2px;
	float:left;
	top: 190px;
    background: url('barre.jpg') no-repeat;     
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='barre.jpg');        
	background-color: #237A7E;
    display: block;    
}

/** Le bloc menu de pied de navigation (logos Rss et Spip) **/
#fpmf_menu_bas {    
	width: 800px;
    margin-top: 0px;
    margin-bottom: 15px;


	background-color: #C9CDE0;
    background : url('FondCorps.jpg');    
    text-align: center;

	border-top: 2px dotted #3b3e46;    

    display: block; 
    clear: both;
}

#fpmf_menu_bas_texte {    

    margin: 8px;

    text-align: right; /* on rétablit l'alignement normal du texte */
    
}



/** Formatage general des blocs menus de la navigation **/
/* Les blocs "menu" eux memes */
.fpmf_menu {
	margin-bottom: 10px;
	text-align: right;
	padding: 5px;
}

/* Formatage liens simples des hierarchies */
.fpmf_menu a {
	font-size: 90%;
	text-decoration: none;
	color: #fff;
	border-style: none;
}

.fpmf_menu a:link {
	font-size: 90%;
	text-decoration: none;
	color: #fff;
	border-style: none;
}

.fpmf_menu a:visited {
	font-size: 90%;
	text-decoration: none;
	color: #fff;
	border-style: none;
}

/* Formatage liens survoles des hierarchies */
.fpmf_menu a:hover {
	font-size: 90%;
	color: #000;
	background-color: #eaeaec;
    text-decoration: none;
	border-style: none;    
}

/** Formatage general de l'affichage des listes **/
/* Les listes */
.fpmf_menu ul {
	margin: 0px;
	padding: 6px;
	list-style: none;
	text-align: left;	
	padding-left:75px;	
}

/* Les elements des listes */
.fpmf_menu li {
    
	list-style: none;
	margin-top: 10px;
	margin-bottom: 2px;
    background-image:url(puce.jpg);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='puce.jpg');     
    background-repeat:no-repeat;
    background-position:0% 50%;
    padding-left:15px;    
    
}

/** Parametres du bandeau contenant la hierarchie des pages **/
/* Le bandeau lui meme */
#fpmf_hierarchie {
	font-size: small;
	text-align: left;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom-color: #999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
    background : url('FondCorps.jpg');     
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='FondCorps.jpg');
}

/****************************************************/
/*** Parametres generaux de l'affichage des chemins d'acces ***/
/* Formatage du contenu des hierarchies */
.fpmf_chemin {
	font-size: small;
	text-align: left;
	margin: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 0px;
	padding-left: 0px;
	border-bottom-color: #999;
	border-bottom-style: solid;
	border-bottom-width: 1px;	
    background : url('FondCorps.jpg');   
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='FondCorps.jpg');
}

/* Formatage liens simples des hierarchies */
.fpmf_chemin a, .fpmf_chemin a:link {
	text-decoration: none;
	color: #444;
	border-style: none;
}

/* Formatage liens survoles des hierarchies */
.fpmf_chemin a:hover {
	color: #000;
	background-color: #eaeaec;
}



/****************************************************/
/*** Formatage particulier de certains elements des blocs ***/

/** Attention, ces formatages sont utilises dans les menus 
comme dans les contenus, toute modification peut entrainer
des affichages incoherents... **/

/* Certains elements des articles */
.fpmf_menu_item_article {
	font-size:100%;
	text-align:left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left:15px;
}

/****************************************************/
/*** Parametres du bloc "principal" contenant les contenus ***/
/** Le bloc "principal" lui meme **/
#fpmf_principal {
	/*colonne principale*/
	padding: 0px;
	margin-top: 0px;
    margin-right: 4px;
	margin-left: 280px;
    display: block; 


}

/* Liens simples (syntaxe alternative) */
#fpmf_principal a:link {
	text-decoration: underline;
    color: #366378;

}

/* Liens simples */
#fpmf_principal a {
	text-decoration: underline;
    color: #366378;

}


/* Liens visites */
#fpmf_principal a:visited {
	text-decoration: underline;
    color: #366378;
}

/* Liens survoles */
#fpmf_principal a:hover {
	text-decoration: underline;
	color: #333366;

}  
#fpmf_label {
    font-size: small;
	border: 1px dotted #999;
	padding: 15px;
	background-color: #F0F0F0;
	text-align: left;
    display: block;  
}

/** Le bloc generaux des differents contenus **/
/* Les blocs eux memes */
.fpmf_bloc {
	margin-bottom: 4px;
	padding: 8px;
	background-color: #efe7ca;

}


/** Les logos des rubriques, articles, breves, etc. **/
/* Les liens simples des logos */
.fpmf_pictos a, .fpmf_pictos a:link {
	border-style: none;
	display: block;
	margin: 8px 8px 8px 4px;
	padding: 4px;
	font-size: 1em;
	line-height: 2.4em;
}

/* Les images des logos */
.fpmf_pictos img {
	float: left;
	margin-right: 8px;
}

/****************************************************/
/*** Parametres du contenu des articles et breves ***/
/* Le bloc "article" lui meme */
.fpmf_article {
	border: 1px none #999;
	padding: 15px;
	background-color: #F0F0F0;
	text-align: left;
    display: block;  
}
.fpmf_navire {    
    color: #3b3e46;
    font: italic 1.2em ;   
	
}

.fpmf_txt_navire {    
    color: #3b3e46;
    font: italic ;   
	background-color: #efe7ca;
}
.fpmf_caracteristiques {    
    color: #6A3535;
	background-color: #efe7ca;	
}

.fpmf_description {    
    color: #954A00;

}

/* Surtitre des articles */
.fpmf_surtitre {
	font-size: 0.85em;
	padding: 0px;
	margin: 0px;
}

/* Titre des articles */
.fpmf_titre {
	color: #333366;
	margin: 8px 0;
	background-color: #eaeaec;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
}

/* Logo des articles */
.fpmf_logo {
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 10px;
}

/* Soustitre des articles */
.fpmf_soustitre {
	font-size: 0.88em;
	padding: 0px;
	font-weight: bolder;
	margin-bottom: 0.5em;
	margin-top: 1em;
}

/* Les iInfos des articles (date, auteur, etc.) */
.fpmf_infos {
	font-variant: normal; 
	font-size: 0.6em;
}

/* Intro des articles*/
.fpmf_intro {
	color: #333366;
	font-size: 100%;
	padding: 0px;
	margin-top: 8px;
	margin-bottom: 4px;

}

.fpmf_navire_form {
	font-size: 0.80em;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 4px;
	background-color: #fff;	
}

/* Le texte des articles */
.fpmf_texte {
	font-size: 0.90em;
	text-align: justify;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 4px;
	background-color: #fff;	
}

/* Les images dans les texte des articles */
.fpmf_texte img {
	padding: 0px;
	margin: 0px;
}

/** Les images dans les texte des articles selon leur alignement **/
/* Les images centrees */
.fpmf_texte_img_center {
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
}

/* Les images alignees a gauche */
.fpmf_texte_img_left {
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 20px;
	margin-left: 0px;
}

/* Les images alignees a droite */
.fpmf_texte_img_right {
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 20px;
}

/* Le post-scriptum des articles (les liens) */
.fpmf_ps {
	text-align: left;
	font-size: 0.9em;

	font-style: italic;
	font-weight: bolder;
	margin-top: 16px;
	margin-bottom: 16px;
}

/* Les notes de bas de page des articles */
.fpmf_notes {
	text-align: left;
	font-size: 0.88em;
	margin-top: 16px;
	margin-bottom: 16px;
	padding: 0;
	border-top-style: dotted;
	border-top-color: #888;
	border-top-width: 1px;
	border-bottom-color: #888;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

.fpmf_notes p {
	margin: 0.5em 0px;
}

.fpmf_notes_titre {
	font-weight: bolder;
	font-size: 1.15em;
}

/* La fin des articles */
.fpmf_article_fin {
	margin-bottom: 12px;
	padding-bottom: 8px;
	border-bottom-color: #eaeaec;
	border-bottom-style: solid;
	border-bottom-width: 8px;
}

/* Le lien de reponse des articles */
.fpmf_repondre {
	font-size: 0.95em;
	text-align: center;
	padding-bottom: 8px;
	padding-top: 4px;
	border-bottom-color: #eaeaec;
	border-bottom-style: solid;
	border-bottom-width: 8px;
	margin: 0;
}


/* ----------------------------------------------------------*/

/* Styles SPIP                                               */

/* faut il importer un spip_styles ? */

/* ----------------------------------------------------------*/

a.spip_url {
	
}

a.spip_in {
	
}

a.spip_out {
	
}

a.spip_glossaire {
	
}

.spip_code {
	
}

p.spip_note {
	
}

p.spip {
	margin-top: 12px;
}

hr.spip {
	
}

b.spip {
	
}

.spip_puce {
	list-style-position: inside;
	list-style-image: url(puce.gif);
	border-width: 0px;
}

h3.spip {
	font-size: 105%;	
	padding-top: 4px;
}

h4.spip {
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	border: 0px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 0px;
	padding-bottom: 5px;
}

h5.spip {
	text-align: left;
	border: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 0em;
	font: italic 1em ;
}

.spip_logos {
	z-index: 100;
	border: 0px;
}

table.spip {
	/*cellspacing: 0px;*/
	border: solid 1px #8c8b74;
	border-collapse: collapse;
	margin-bottom: 16px;
}

table.spip caption {
	caption-side: top;
	/* bottom pas pris en compte par IE */
	text-align: center;
	padding: 3px;
	font-weight: bold;
	font-size: small;
	color: #8c8b74;
	background: #efe7ca;
	display: table-caption;
	width: auto;
	float: none;
	font: italic bold small ;
}


table.spip tr.row_first {
	background-color: #8c8b74;
	text-align: center;
	color: #ffffff;
}

table.spip tr.row_odd {
	background-color: #efe7ca;
	text-align: left;
}

table.spip tr.row_even {
	background-color: #ffffff;
	text-align: left;
}

table.spip td {
	border: solid 1px #8c8b74;
	padding: 3px;
	vertical-align: top;
}


.spip_documents {
	font-size: x-small;
	border: 0px;
}

.spip_doc_titre {
	width: 130px;
	margin: auto;
}


.spip_documents_center {
	margin: auto;
	text-align: center;
	border: 0px;
	display: block;
}

.spip_documents_left {
	margin: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	border: 0px;
	text-align: center;
}

.spip_documents_right {
	margin: 0px;
	margin-left: 10px;
	margin-bottom: 5px;
	border: 0px;
	text-align: center;
}

.spip_extrait {
	display: block;
	position: relative;
	width: 95%;
	height: 10em;
	overflow: auto;
	padding: 5px;
	margin: 0px;
	border: 1px solid #ffffff;
}

.texteencadre-spip {
	text-align: left;
	padding: 8px;
	color: #666666;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #666666;
}


.caractencadre-spip {
	color: #333333;
	background-color: #efe7ca;
}

.spip_encadrer {
	width: 95%;
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px #666666 solid;
}

.spip_cadre {
	width: 95%;
	background-color: #FFFFFF;
	padding: 5px;
	margin-top: 10px;
}

blockquote.spip {
	font-size: small;
	color: #000000;
	text-align: left;
	margin: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	background-color: #ffffff;
	padding: 0px;
	padding-left: 24px;
}

div.spip_poesie {
	float: right;
	width: 140px;
	color: #ffffff;
	text-align: left;
	margin: 5px;
	margin-right: 0px;
	margin-left: 10px;
	background-color: #bfb19b;
	padding: 5px;
	font: italic bold 1em ;
}

.spip_surligne {
	background-color: #000000;
	color: #ffffff;
}


/*
 * Barre de raccourcis
 */

a.spip_barre img {
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #aa9966;
	border-bottom: 1px solid #aa9966;
	padding: 3px;
	background-color: #FFDDAA;
}

a.spip_barre:hover img {
	border: 1px solid #808080;
	padding: 3px;
	background-color: #f8f8f4;
}


