/*******************************************************************************
* File name: style1.css
* Description: feuille de style du squelette CGAS.
* Version: 2
* Date de création: 4.1.2007
* Date de modification: 13.04.2007
* Remarques:
* -* la date de création et la version ont été fixée arbitrairement au 4.1.2007 
*		 et à 2 respectivement
* -* 16.2.2007 : ajout des style spip manquant et des styles pour la barre 
*		 typographique enrichie 
* -* 13.04.2007 : Suppresion des styles pour la typographie (nouvelle feuille de 
*    style) et suppression de style inutiles (#principal a) et génant 
*		  				 	 
*******************************************************************************/
body 
{
margin:0 0 0 0;
}

pre
{
font-family: verdana, arial, helvetica, sans-serif ;
font-weight: normal ;
font-size: 12pt; 
}

hr
{
margin: 0 0 0 0;
}

table.layout
{
margin-left:auto;
margin-right:auto;
width:97%;
min-width:800px;
}
/*-------------------------- entete de la page -----------------------------*/
#header
{
background-color:#999999;
height:136px;
}

td.left
{
width:188px;
}

#titre 
{
width:100%;
font-family: verdana, arial, helvetica, sans-serif ;
font-weight: normal ;
font-size: 16pt; 
color:white;
text-align:left;
margin-top:5px;
margin-left:15px;
margin-bottom:5px;
}

#libelle 
{
width:97%;
height:3em;
font-family: verdana, arial, helvetica, sans-serif ;
font-weight: normal;
font-size: 10pt; 
color:black;
text-align:left;
padding:0 0 0 0;
margin-bottom:10pt;
margin-left:15px;
}

#libelle p
{
margin:0 0 0 0;
} 



img.spip_logos
{
display:block;
border:none;
}							 

/*------ menu sur les partie statiques en haut -------*/
#menus 
{
width:98%;
background: #999999;
font-family: verdana, arial, helvetica, sans-serif ;
font-weight:bold;
font-size: 9pt; 
margin:0 0px 0 5px;
}

#menus a 
{
display: block;
float:right;
/*width: 103px;*/
line-height: 20px;
border-left: black 1px solid;
color: white;   
text-align: center; 
text-decoration: none;
padding:0 10px 0 10px;
}

#menus a:hover 
{
background-color: #000000;
}
/*------------------------- menu de navigation à gauche -------------------------------*/

#menu_gauche 
{
width:162px;
font-family: verdana ,arial, helvetica, sans-serif;
font-size:9pt;
padding-top:1px;
padding-left:0px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
vertical-align:top;
}
						 
#menu_gauche ul
{
	text-align:left;
	padding-left:5px;
	margin-left:15px;
  font-family: verdana ,arial, helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
}

#menu_gauche ul ul
{
	margin-left:10px;
  font-family: verdana ,arial, helvetica, sans-serif;
	font-size:10pt;
	font-weight:normal;
}

#menu_gauche a.rubrique 
{
	color:black;
  font-family: verdana ,arial, helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	text-decoration: none;
}

#menu_gauche a:hover.rubrique
{
color:blue;
}

#menu_gauche ul a.sousrubrique 
{
	color:black;
	text-decoration: none;
}

#menu_gauche ul ul a.sousrubrique 
{
	color:black;
	text-decoration: none;
}

#menu_gauche a:hover.sousrubrique
{
color:blue;
text-decoration: underline;
}

#menu_gauche a:active.sousrubrique
{
color:red;
text-decoration: underline;
}

#menu_gauche ul a.onsousrubrique
{
text-decoration: none;
color:#666666;
}

#menu_gauche ul ul a.onsousrubrique
{
text-decoration: none;
color:#666666;
}

#menu_gauche a:hover.onsousrubrique
{
color:blue;
text-decoration: underline;
}

#menu_gauche a:active.onsousrubrique
{
color:red;
text-decoration: underline;
}

#menu_gauche a.prive
{
display:block;
margin-left:0px;
text-decoration: underline;
text-align:left;
color:black;
}

#menu_gauche a:hover.prive
{
color:blue;
}

#menu_gauche a:active.prive
{
color:red;
}

#menu_gauche div.formulaire
{
width:175px;
border: 1px solid #666699;
padding:0 0 0 0;
margin:6pt 0px 3pt 0px;
}

#menu_gauche h3
{
  font-family: verdana ,arial, helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	padding:0 0 0 0;
	margin:12pt 0px 0pt 0px;
	color:black;
}

#menu_gauche .formulaire p
{
  font-family: verdana ,arial, helvetica, sans-serif;
	font-size:8pt;
	font-weight:normal;
	padding:0 0 0 0;
	margin:3pt 5px 3pt 5px;
	color:black;
}

#menu_gauche .formulaire form
{
padding:0 0 0 0;
margin:6pt 5px 3pt 5px;
}
/*----------- suppression des informations inutile à l'impression ------*/	
@media print
{
 td.left 
 {
 display:none;
 }
#droite {	
 display:none;
 }

 #header					
 {
 display:none;
 }

.spip-admin-float{
 display:none;
}

#principal {
	margin:0px 0px 0px 0px;
	border: none;

	padding:12pt 0px 0px 0px;
	font-family: verdanna, arial , helvetica , sans-serif ;
	font-size:12pt;
	vertical-align:top ;
	}				
}

/*-------------------- Formulaire de recherche ------------------------*/
div.formulaire_recherche
{
margin:10px 0 10px 5px;
}

/*fixe la taille du champs d'entrée du formulaire de recherche*/
#recherche
{
width:150px;
margin:10px 0 10px 0px;
}

div.formulaire_ecrire_auteur
{
clear:both;
}

.formulaire_ecrire_auteur fieldset
{
	border: 1px solid #666699;
padding:10px 15px 10px 15px;
}

  div.formulaire_signature{
  width:95%;
	text-align:left;
	margin:0px 0px 6pt 15px;
	padding: 0 0 6pt 0;
	font-family: verdana , arial , helvetica , sans-serif ;
  font-size:11pt;
	}
	
	.formulaire_signature fieldset{
	padding:5px;
	
	}

/*----------------------------------------------------------------------------*/
/*----------------- container du contenu dynamique ---------------------------*/
#principal {
	margin:0px 0px 0px 0px;
	border-left: 1px solid gray;
	border-right:  none;
	border-bottom: none;
	border-top: none;
	padding:12pt 0px 0px 0px;
	font-family: verdanna, arial , helvetica , sans-serif ;
	font-size:11pt;
	vertical-align:top ;
	}

	/*------------- Titre de la rubrique, l'article ou la brève ----------------*/
	#principal h1{
	font-family: verdana ,arial , helvetica , sans-serif ;
  font-size:20pt;
	font-weight:bold;
	color:black;
	text-align:left;
	margin:0px 0px 12pt 15px;
	padding:0 0 0 0;
	}

	/*----------- titre des rubriques principales dans le sommaire -------------*/
	#principal h1.titre_sommaire{
  font-size:14pt;
	color:black;
	font-weight:bold;
	text-align:left;
	letter-spacing:normal  ;
	margin:0px 0px 12pt 15px;
	padding:0 0 0 0;
	}

	/*------------- Titre de la rubrique, l'article ou la brève ----------------*/
	#principal h2{
	font-family: verdana ,arial , helvetica , sans-serif ;
  font-size:16pt;
	font-weight:bold;
	color:black;
	text-align:left;
	margin:0px 0px 12pt 15px;
	padding:0 0 0 0;
	}
/* pas forcement besoin
	#principal a{
	font-family: verdana ,arial , helvetica , sans-serif ;
  font-size:11pt;
	margin:0px 0px 6pt 0px;
	padding:0 0 0 0;
	}
*/
	/*---- utilisé dans article.html avant le portfolio -----*/
	#principal hr
	{
	width:95%;
	margin-top: 6pt;
	margin-right:  0px;
	margin-bottom:  12pt;
	margin-left:  15px;
	padding: 0 0 0 0;
	text-align:left;
	clear:both;
	}
/*-----------------champs texte de la rubrique et article -------------------------------*/	
  div.texte{
  width:95%;
	text-align:left;
	margin:0px 0px 6pt 15px;
	padding: 0 0 6pt 0;
	font-family: verdana , arial , helvetica , sans-serif ;
  font-size:11pt;
	}
/*------------ lien sur l article de la rubrique courante --------------------*/	
	#principal  div.lien_article
	{
	margin:12pt 0px 6pt 15px;
	}
	
	#principal  .lien_article a
	{
	font-family: verdana , arial , helvetica , sans-serif ;
  font-size:12pt;
	font-weight:bold;
	color:black; 
	text-decoration: none;
	}

	#principal .lien_article a:hover
	{
	color:blue;
	text-decoration:underline;
	}

	#principal .lien_article a:active
	{
	color:red;
	text-decoration:underline;
	}
	

	/*-------------- affichage des détails de la publication -------------------*/
	div.publication
	{
	margin:0px 0px 8pt 15px;
	padding: 0 0 0 0;
	font-family: verdana ,arial , helvetica , sans-serif ;
	font-size:8pt;
	clear:both;
	text-align:left;
	}
	
	#principal .publication a
	{
	font-family: verdana ,arial , helvetica , sans-serif ;
	font-size:8pt;
	margin-left:5px;
	}
	
/*----------------------------------------------------------------------------*/	
/*-- conteneur pour la navigation d'un article à l'autre en fin de l'article --*/	
/*----------------------------------------------------------------------------*/	
	#navigation
	{
	display:block;
	width:95%;
	margin-left:15px;
	margin-top:6pt;
	padding: 0 0 6pt 0;
	clear:both;
	text-align:left;
	}
	#navigation a
	{
	font-family: verdana ,arial , helvetica , sans-serif ;
	font-size:10pt;
	color:black;
	padding: 0 0 0 0;
	margin: 0 0 6pt 0;
	text-align:left;
	}

	#navigation a:hover
	{
	color:blue;
	}

	#navigation a:active
	{
	color:red;
	}
	

	/*---------------- affichage du chemin des rubrique -------------------------*/
	div.hierarchie
	{
	margin:0px 0px 8pt 15px;
	padding: 0 0 0 0;
	font-family: verdana ,arial , helvetica , sans-serif;
	font-size:8pt;
	}

  #principal a.hierarchie
	{
	font-family: verdana ,arial , helvetica , sans-serif;
	font-size:8pt;
	color:black;
	}

  #principal a:hover.hierarchie
	{
	color:blue;
	}

  #principal a:active.hierarchie
	{
	color:red;
	}
	
	
/*-- conteneur pour l'affichage des différentes parties d'un article --*/
	#surtitre{
	font-family: verdana ,arial , helvetica , sans-serif ;
  font-size:12pt;
	color:black;
	text-align:left;
	letter-spacing: normal;
	margin:0px 0px 12pt 15px;
	padding:0 0 0 0;
	}
	
	.descriptif
	{
	width:80%;
	margin:0px 0px 12pt 15%;
	padding: 0 0 0 0;
	color:black;
	text-align:left;
	font-family: verdana , arial , helvetica , sans-serif ;
  font-size:11pt;
	font-weight:normal;
	font-style:italic;
	}
	/*	
	.descriptif a
	{
	font-family: verdana , arial , helvetica , sans-serif ;
  font-size:11pt;
	font-weight:normal;
	}
	*/
	#principal .descriptif hr
	{
	width:100%;
	margin: 12pt 0px 12pt 0px;
	}
	
	#chapo 
	{
	width:95%;
	margin:0px 0px 12pt 15px;
	padding: 0 0 0 0;
  font-size:12pt;
	font-weight:bold;
	font-style:italic;
	color:black;
	text-align:left;
	}

	#chapo hr
	{
	width:100%;
	margin: 12pt 0px 12pt 0px;
	}
/*	
	#chapo a
	{
  font-size:12pt;
	font-weight:normal;
	font-style:italic;
	}
*/	
 
	#notes {
	clear:both;
	width:95%;
	margin:0px 0px 12pt 15px;
	padding: 6pt 0 0 0;
	border-top: 1px solid #666666;
	}


/* pour le portfolio d'images */
/* vignettes */
#documents_portfolio img.spip_logos
{
margin:0pt 15px 6pt 15px;
display:inline;
}

/* image affichée du portfolio */
#document_actif img
{
border:none;
margin-left:15px;
}
/*---pour forms et tables --*/	
	.donnees th
	{
	font-size:10pt;
	padding-left:20px;
	font-weight:bold;
	}
	.donnees th.header
	{
	background-image:url(img_pack/sort.html);
	background-position: center left;
	font-size:10pt;
	padding-left:20px;
	font-weight:bold;
	}
	.donnees th.headerSortUp {
	padding-left:20px;
	background-image:url(img_pack/asc.html);
	}
	.donnees th.headerSortDown {
	padding-left:20px;
	background-image:url(img_pack/desc.png);
	}
	.donnees th.neutre
	{
	padding-left:10px;
	background-image:none;
	font-size:10pt;
	font-weight:bold;
	}
	.donnees td
	{
	font-size:10pt;
	font-weight:normal;
	}
	
	span.donnees {
	border:none;
	}

/*------------------------------------------------------------------------*/
#droite {
	width:162px;
	padding-top:12px;
	padding-left:0px;
	margin-top:0pt;
	margin-left:0px;
	margin-right:0px;
	vertical-align:top;
	text-align:left;
	}
	
#droite p
{
	font-family: verdana , arial , helvetica , sans-serif;
	font-size:8pt;
	font-weight:normal;
	margin-top:0pt;
	margin-bottom:2pt;
	margin-left:5px;
	margin-right:5px;
}	

#droite p.titre
{
	font-weight:bold;
	margin-top:8pt;
}

#droite p.soustitre
{
	font-weight:bold;
	margin-top:4pt;
	color:#333333;
}

#droite ul
{
	list-style-position: outside;
	font-family: verdana , arial , helvetica , sans-serif;
	font-size:8pt;
	font-weight:normal;
	margin-left:20px;
	margin-top:0px;
	margin-right:5px;
	padding-left:0px;
}

#droite li
{
padding:0 0 0 0;
margin:0 0 0 0;
}

#droite li a
{
color:black;
}

#droite li a:hover
{
color:blue;
}	

#droite li a:active
{
color:red;
}	

#droite a
{
font-family: verdana , arial , helvetica , sans-serif;
font-size:8pt;
color:black;
}

#droite a:hover
{
color:blue;
}	
#droite a:active
{
color:red;
}	

#droite .logo_droite
{
width:155px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:10px;

}

/*-----------------------------------------------------------------*/
/* bloc encadré pour la liste des article d'une rubrique ou pour le 
   postscriptum */
	div.encadre
	{
  clear:both;
	border: 1px solid #666699;
	width:95%;
	margin-left:15px;
	margin-bottom:12pt;
	padding-top:10px;
	}
	
	/* Pour les résumés des article dans la liste des articles ou le texte du 
	   du postscriptum */
	div.texte_encadre
	{	
	position:relative;
	font-family: verdana , arial , helvetica , sans-serif ;
	font-size:10pt;
	font-weight:normal;
	text-align:justify;
	margin:0pt 15px 6pt 15px;
	}
	
		

	.texte_encadre a
	{
	font-family: verdana , arial , helvetica , sans-serif ;
	font-size:10pt ! important;
	font-weight:normal;
	}
	
		
	#principal .texte_encadre a img
	{
	}


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

	textarea.crayon-active
	{
	margin-left:15px;
	margin-bottom:12pt;
	}
/*******************************************************************************
* File name: typographie.css
* Description: feuille de style du squelette CGAS pour la typo des articles.
* Version: 1.1
* Date de création: 12.04.2007
* Modification: 13.04.2007
* Remarques:
* -* séparation des styles de racourcis du reste des styles
* -* Eliminer les déclarations inutiles 
*		  				 	 
*******************************************************************************/
/*------------ STYLE TYPOGRAPHIQUES ---------------------------------*/
	/*---- style pour le texte de l'article*/
	i.spip {}
	strong.spip {}
	
	sup {
	font-size:6pt;
	color:#000000;
	font-variant:normal;
	vertical-align:70%;
	}
	
	p.spip{
	margin:0pt 0pt 6pt 0pt;
	text-align:justify;
	}
	
	p.spip_note 
	{
	margin:0px 0px 6pt 0px;
	font-family: verdana ,arial , helvetica , sans-serif ;
  font-size:9pt;
	}
	
	hr.spip
	{
	width:100% ! important;
	margin: 12pt 0px 12pt 0px ! important;
	text-align:left;
	}
	
	a.spip_out
	{
	text-decoration:underline;
	color:blue;
	}

	a.spip_out:active
	{
	text-decoration:underline;
	color:red;
	}
	
	a.spip_in
	{
	text-decoration:underline;
	color:blue;
	}
	
	a.spip_in:active
	{
	text-decoration:underline;
	color:red;
	}

	
  /* titraille */
	/* Intertitre de 1er  niveau */
	h3.spip{
	font-family: verdana , arial , helvetica , sans-serif ;
	font-size:20pt;
	color:black;
	text-align:left;
	font-weight:bold;
	margin:14pt 0pt 6pt 0pt;
	}

	/* Intertitre de 2eme niveau */
	h4.spip{
	font-family: verdana ,arial , helvetica , sans-serif ;
	font-size:16pt;
	font-weight:bold;
	color:black;
	text-align:left;
	margin:12pt 0pt 6pt 0pt;
	}

	/* Intertitre de 3eme niveau */
	h5.spip{
	font-family: verdana , arial , helvetica , sans-serif ;
	font-size:12pt;
	font-weight:bold;
	color:black;
	text-align:left;
	margin:12pt 0pt 6pt 0pt;
	}
	
  div.spip_poesie {
	border:none;
	margin-left:0;
	padding-left:0;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: verdana ,arial , helvetica , sans-serif ;
	font-weight:normal;
	font-size:11pt;
  }
	div.spip_poesie div { text-indent: 0px; margin-left:0px }
	
  .spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 11pt; }
  .spip_cadre { width: 99%; border: 1px solid; }
  .spip_code {color:gray;}

  blockquote.spip 
	{ 
	margin: 10px 0px 10px 0px; 
	padding-top: 6pt;
	padding-left: 0.25em;
	padding-right: 0.25em;
	border: 1px dotted; 
	}

	/*------------- tableaux ---------------------------------------------------*/
	table.spip{
	border: 1px solid #666699;
	font-size:11pt;
	font-weight:normal;
	border-collapse: collapse;
	empty-cells: show;
	margin: 12pt 0 12pt 0;
	width:100%;
	}

	table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	border: 1px solid #666699;
	text-align: left;
	margin: auto;
	padding: 3px;
	font-weight: bold; }

	table.spip td, table.spip th
	{
	border: 1px solid #666699;
	vertical-align:top;
	padding: 3px;
	}
/*--------- pour la mise en évidence du plugin barre typo enrichie ----------*/	
	.caractencadre-spip {
	color: #FF7800;
	font-weight: bold;
}

.caractencadre2-spip {
	color: #009;
	font-weight: bold;
}

.texteencadre-spip {
	color: #000033;
	background: #EEF;
	border-bottom: 2px solid #0066CC;
	border-left: 1px solid #3399FF;
	border-right: 2px solid #0066CC;
	border-top: 1px solid #3399FF;
	margin: 1em 0;	
	padding: .25em;	
	position: relative;
}

	/*------------------ listes à puces et numériques --------------------------*/
	ul.spip
	{
	text-align:left;
	list-style-position: outside;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}

	ul.spip li.spip
	{
	margin:0pt 0pt 6pt 1em;
	padding-left:1em;
	}

	ol.spip{
	list-style-type:decimal;
	list-style-position: outside; 
	margin:0 0 0 3em;
	padding:0 0 0 0;
	}

	ol.spip ol.spip
	{
	list-style-type:lower-alpha;
	margin:6pt 0 0 1.5em;
	padding:0 0 0 0;
	}
	
	ol.spip li.spip
	{
	margin:0pt 0pt 6pt 0;
	padding-left:1em;
	text-align:justify;
	}
	
	ol.spip ol.spip li.spip
	{
	margin:0pt 0pt 6pt 0;
	padding-left:0em;
	text-align:justify;
	}
.spip_documents{
	text-align: center;
	}
.spip_documents_center{
	margin:auto;
	clear: both; width: 100%;
}	
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-size:8pt;
margin-left:auto; margin-right:auto;
}

#documents_joints .spip_doc_titre
{
font-size:11pt;
margin-left:auto; margin-right:auto;
}


.spip_doc_descriptif
{
font-size:8pt;
margin-left:auto; margin-right:auto;
}



.spip_documents a img
{
border:none;
}
/*-----------------------------------------------------------------*/
div.spip_encadrer
{
	margin:0pt 15px 6pt 15px;
	border: 1px solid #666699;
	padding:5px;
	background-color:#eeeeee;
}

.spip_encadrer div
{
	margin:3pt 0px 6pt 0px;
}
	/* Images typographiques (via image_typo), URL a revoir... */
 .format_png { behavior: url(win_png.html); }

 /*---------------------------------------------------------------*/
 #signatures
 {
  width:95%;
	text-align:left;
	margin:0px 0px 6pt 15px;
	padding: 0 0 6pt 0;
	font-family: verdana , arial , helvetica , sans-serif ;
  font-size:11pt;
	}
	
 #signatures h2
 {
	font-family: verdana , arial , helvetica , sans-serif ;
	font-size:12pt;
	font-weight:bold;
	color:black;
	text-align:left;
	margin:12pt 0pt 6pt 0pt;
	}
 #signatures table
 {
	border: 1px solid #666699;
	font-size:11pt;
	font-weight:normal;
	border-collapse: collapse;
	empty-cells: show;
	margin: 12pt 0 12pt 0;
	width:100%;
}

 #signatures th
 {
	border: 1px solid #666699;
	vertical-align:top;
	padding: 3px;
}

 #signatures td
 {
	border: 1px solid #666699;
	vertical-align:top;
	padding: 3px;
}