body { 
	color: #444; 
	background-color: #a9bcdc;
 	background-image: url(css/bleu.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	font-size: 12px; 

	font-family: Cochin, Georgia, "New Century Schoolbook", "Bitstream Vera Serif", "Times New Roman", times, serif; 
	text-align: left;

	}
/* retire le contour des image liens*/
#a img {
border:none;
}
/* Formulaire de recherche */
.formulaire_recherche { width: 12em; text-align: left; margin-left:10px; margin-top:10px;}
.formulaire_recherche label { display: none; } 

html>body {
	font-size: small;
	}
/* voir jeffrey zelman chez zeldman.com */


div#navbar {font-family: Cochin, Georgia, "New Century Schoolbook", "Bitstream Vera Serif", "Times New Roman", times, serif;
font-size: 12px;
text-align: left;
background-color: #ffffff;
font-weight: bold;
width: 215px}


#navbar a:link {color: #ffffff;
background-color: #525594;
text-decoration: none;
border-left: 10px #2c0960 solid;
border-right: 10px #a5a4c9 solid;
margin-top: 1px;
margin-bottom: 1px;
padding-top: 5px;
padding-left: 20px;
padding-bottom: 5px;
display: block}


#navbar a:visited {color: #ffffff;
background-color: #525594;
text-decoration: none;
border-left: 10px #2c0960 solid;
border-right: 10px #a5a4c9 solid;
margin-top: 1px;
margin-bottom: 1px;
padding-top: 5px;
padding-left: 20px;
padding-bottom: 5px;
display: block}


#navbar a:hover{background-color: #4f80b9;
text-decoration: none;
border-left: 10px #004f99 solid;
border-right: 10px #a9bcdc solid
}

#navbar a.active {background-color: #525594;
text-decoration: none;
border-left: 10px #2c0960 solid;
border-right: 10px #a5a4c9 solid;}


	
	
p {
	font-size: 11px; 
	

	text-align: left; 
	margin: 0px; 
	padding: 0px;
	}
h1, h2, h3 {
	font-size: 11px; 

	font-weight: bold; 

	text-align: left; 
	margin: 0px; 
	padding: 0px;
	}
	
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #004f99;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #004f99;
	}
a:hover { 
	color:#cad217 ;
	} 
a:active { 
	color: #ffcc00;
	}


/* div pour les textes */
#container { 
	width: 700px; 
	 
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	}
#controlegauche {
position: relative;  
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;

	}


#intro {
 	width: 450px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;

	}
	
#titreimage {
 	width: 450px;
	/*margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; image du haut flv et flash en remplacement */
	}
	
#linkList {
  position: absolute;
  top: 0px;
  right: 0px;
 	width: 220px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

/* image du haut flv et flash en remplacement */
#hautdepage {
 	width: 700px;
 	height: 20px; 
 	background-image: url(css/yeux.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	border-top: 0px;    
	border: 1px solid #aaa;    
	margin: 0px 0px 0px 0px; 
	padding: 224px 0px 0px 0px;
	}
	
#hautdepage h1 {
 	width: 600px;
	color: #373881;
	font-size: 28px; 
	line-height: 24px;
	font-weight: bold;
	text-transform: uppercase;
	margin: -60px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	}
	
#hautdepage h2 {
 	width: 600px;
	color: #000000;
	font-size: 11px; 
	line-height: 16px;
	font-weight: bold;
	padding: 0px 0px 0px 3px;
	text-transform: uppercase;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 10px 4px;
	}
		
#contacterlapilazuli {
 	width: 680px;
 	background-image: url(css/logolapi.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #525594;
	border: 1px solid #aaa;    
	margin: 10px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	}
/*  */
#paragraphe1 {
 	width: 450px;
	border: 1px solid #aaa;    
 /*	background-image: url(.gif);  */
	background-position: bottom center;
	background-repeat: no-repeat;
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 20px 10px;
	}
	
#paragraphe2,
#paragraphe3 {
 	width: 450px;
	border: 1px solid #aaa;    
 /*	background-image: url(.gif);  */
	background-position: bottom center;
	background-repeat: no-repeat;
	background-color: #fff;	
	margin: 0px 0px 10px 0px;
	padding: 0px 10px 20px 10px;
	}

ul {
font-size: 11px; 
	margin: 10px 0px 10px 15px;
	padding: 0px 0px 0px 0px;
	}
ul li{
font-size: 11px; 
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	}
	
#basdepage {
 	width: 450px;
	border: 1px solid #aaa;    
 	background-image: url(css/dynamique.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #a9bcdc;	
	margin: 10px 0px 20px 0px;
	padding: 10px 10px 10px 10px;
	text-align: center;
	}
#basdepage a:link { 
	font-size: 11px; 
	line-height: 14px;
	
	font-weight: bold; 
	text-decoration: none; 
	color: #fff;
	}
#basdepage a:visited, 
 { 
	font-weight: bold; 
	text-decoration: none; 
	color: #004f99;
	}
#basdepage  a:hover, 
#basdepage a:active { 
	color: #cad217;
	}
	
	
#paragraphe2 p,
#paragraphe3 p,
#paragraphe1 p {
	padding-bottom: 8px;
	/*text-align: justify;  */
	}
	 /*	referencement titre des paragraphe en h2 */
#paragraphe1 h2,
#titreimage h2 {
	color: #fff;
	background-color: #a9bcdc;
 /*	background-image: url(.gif);  */
	background-position: bottom center;
	background-repeat: repeat;
	font-size: 11px; 
	line-height: 16px;
	text-transform: uppercase;
	margin: -10px -10px 4px -10px;
	padding: 4px 4px 4px 10px;
	}
#paragraphe1 h1,
#titreimage h1 {
	color: #fff;
	background-color: #a9bcdc;
 /*	background-image: url(.gif);  */
	background-position: bottom center;
	background-repeat: repeat;
	font-size: 11px; 
	line-height: 16px;
	text-transform: uppercase;
	margin: -10px -10px 4px -10px;
	padding: 4px 4px 4px 10px;
	}
#paragraphe1 h3,
#titreimage h3 {
	color: #fff;
	background-color: #a9bcdc;
 /*	background-image: url(.gif);  */
	background-position: bottom center;
	background-repeat: repeat;
	font-size: 11px; 
	line-height: 16px;
	text-transform: uppercase;
	margin: -10px -10px 4px -10px;
	padding: 4px 4px 4px 10px;
	}
	
#contacterlapilazuli .p1 { 
	color: #4f80b9;
	font-size: 10px ;
	line-height: 14px;
	font-weight: bold;

	text-align: left;
	margin: 0px 50px 0px 0px;
	padding: 0px 30px 10px 200px;
	}
	

#linkList ul {
	border-top: 1px #ccc;
	margin: 5px 5px 0px 5px; 
	padding: 0px 0px 0px 0px;
	}
	
#linkList li {
	display: block;
	list-style-type: none;
	color: #6c9e2d;
	background-color: #f8f8f8;
	font-size: 11px; 
	line-height: 14px;
	font-weight: normal; 
	font-style: italic;
	font-family: Cochin, Georgia, "New Century Schoolbook", "Bitstream Vera Serif", "Times New Roman", times, serif; 
	text-align: left; 
	border-bottom: 1px dotted #ccc;
	margin: 0px 0px 0px 0px; 
	padding: 3px 5px 3px 5px;
	}
	
#linkList li a:link,
#linkList li a:visited, 
#linkList li a:visited:hover,
#linkList li a:hover, 
#linkList li a:active {
	font-style: normal;
	padding-right: 5px;
	}
	
.c { 
	color: #6c9e2d  ;
	font-weight: normal  ;
	font-style: italic   ;
	margin: 0px 0px 0px 0px;
	padding: 0px 14px 0px 0px;
	}

#linkList h3 {
	color: #fff;
	background-color: #a9bcdc;
 /* 	background-image: url(.gif); */
	background-position: center right;
	background-repeat: repeat-x;
	font-size: 11px; 
	line-height: 16px;
	font-weight: bold; 
	font-family: Cochin, Georgia, "New Century Schoolbook", "Bitstream Vera Serif", "Times New Roman", times, serif; 
	text-transform: uppercase;
	text-align: left; 
	border-bottom: 1px solid #aaa;
	margin: 0px 0px 0px 0px; 
	padding: 3px 5px 3px 5px;
	}
#linkList h1, #linkList h2 {
	color: #fff;
	background-color: #a9bcdc;
 /* 	background-image: url(.gif); */
	background-position: center right;
	background-repeat: repeat-x;
	font-size: 11px; 
	line-height: 16px;
	font-weight: bold; 
	font-family: Cochin, Georgia, "New Century Schoolbook", "Bitstream Vera Serif", "Times New Roman", times, serif; 
	text-transform: uppercase;
	text-align: left; 
	border-bottom: 1px solid #aaa;
	margin: 0px 0px 0px 0px; 
	padding: 3px 5px 3px 5px;
	}

	
#navigation {
	background-color: #fff;
	border: 2px #a5a4c9 solid;    
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
#lfavorites,
#larchives,
#lresources {
	/*background-image: url(.gif);  */
	font-size: 11px; 
	line-height: 14px;
	font-family: Cochin, Georgia, "New Century Schoolbook", "Bitstream Vera Serif", "Times New Roman", times, serif;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-color: #fff;
	border: 1px solid #aaa;    
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 30px 0px;
	}
	
/* hovers */
	
#paragraphe1:hover {
 	/*background-image: url(.gif);  */
	}
	
#linkList li:hover {
	background-color: #fefefe;
	}
	
#lresources:hover {
	/*background-image: url(.gif);  */
	}
/* reglage css spip */	
/* changement */	
/* SPIP-STYLE                                              version 1.9  */
/* Cette feuille contient les styles associes au code genere par SPIP.  */
/* Ces styles sont indispensables et doivent necessairement etre        */
/* definis pour le bon fonctionnement de votre squelette                */


/* Raccourcis typographiques de SPIP */
i.spip {}
strong.spip {}
hr.spip {}

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



h3.spip {
	text-align: center; 
	margin-top: 2em; 
	margin-bottom: 1.4em; 
	font-size: 1.15em; 
	font-weight: bold; }

/* Paragraphes, citations, code et poesie */
p.spip {}
p.spip_note {}

blockquote.spip, .spip_serif { font-family: "Bitstream Vera Serif", Georgia, Times, serif; }

blockquote.spip { 
	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: Garamond, Georgia, Times, serif; }
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }

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

.spip_surligne { background: #FF6; }

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

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

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

/* modeles par defaut */
.spip_modele {float:right; display:block; border:1px dotted gray; 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; }

/* * Couleurs des liens de Spip */

/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */

.forum-repondre, .forum-decompte {
	clear: both;
	margin-top: 2.5em;
	padding-top: 2px;
	border-top: 2px solid #CCC;
	font-size: 0.88em;
	font-weight: bold; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.82em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }

/*  ------------------------------------------
/*  Habillage des petitions
/*  ------------------------------------------ */

#signatures { clear: both; font-size: 0.77em; }

#signatures h2 {
	padding: 0.5em;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold; }

#signatures table { width: 100%; margin: 1em 0; }
#signatures thead { display: none; } /* On n'affiche pas les titres du tableau */

#signatures td.signature-date {
	background: #E4F0F0;
	padding: 0.5em;
	white-space: nowrap; }

#signatures td.signature-nom {
	background: #ECF4F4;
	padding: 0.2em;
	text-align: center;
	font-weight: bold; }

#signatures td.signature-message {
	background: #F4F8F8;
	padding: 0.4em;
	font-size: 0.96em; }
	
/* SPIP-STYLE                                              version 1.9  */
/* Cette feuille contient les styles associes au code genere par SPIP.  */
/* Ces styles sont indispensables et doivent necessairement etre        */
/* definis pour le bon fonctionnement de vos squelettes.                */
/* Raccourcis typographiques de SPIP */
i.spip {}
strong.spip {}




h3.spip {
	text-align: center; 
	margin-top: 2em; 
	margin-bottom: 1.4em; 
	font-size: 1.15em; 
	font-weight: bold; }

/* Paragraphes, citations, code et poesie */


blockquote.spip, .spip_serif { font-family: Georgia, Times, serif; }

blockquote.spip { 
	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: Garamond, Georgia, Times, serif; }
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }

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

.spip_surligne { background: #FF6; }

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { text-align: center; }
.spip_documents_center {  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: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }

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

/* 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; }