/*******************************************************************************
* 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;
text-align:left;
}

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:1024px;
}
/*-------------------------- 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:100%;
background: #999999;
font-family: verdana, arial, helvetica, sans-serif ;
font-weight:bold;
font-size: 9pt; 
}

#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;
}

/*--- pour le formulaire de spip liste --*/
#menu_gauche .lettre
{
	font-size:8pt;
}

#menu_gauche .lettre fieldset
{
width:170px;
}

#menu_gauche #mail_inscription_
{
	font-size:8pt;
}

/*----------- 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_spip{
  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_spip fieldset{
	padding:5px;
	}

div.formulaire_recherche 
{
margin:10px 0 10px 5px;
font-size:9pt;
}
/*fixe la taille du champs d'entrée du formulaire de recherche*/
#recherche
{
width:150px;
margin:10px 0 10px 0px;
}

div.formulaire_menu_lang
{
margin:10px 0 10px 5px;
font-size:9pt;
}

#var_lang
{
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_inscription
{
margin-left:0px;
font-size:9pt;

}

div.formulaire_inscription .forml
{
width:95%;
}
div.formulaire_signature .forml
{
width:95%;
margin-top:5px;
}	
div.formulaire_signature fieldset
{
width:95%;
margin-top:5px;
}	

div.formulaire_ecrire_auteur .forml
{
width:95%;
margin-top: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 #666699;
	}


/* pour le portfolio d'images */
/* vignettes */
#documents_portfolio 
  {
  clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
	border:none;
	}

#documents_portfolio img.spip_logos
{
display:inline;
vertical-align:middle;
}

div.cadre_vignette
{
width:120px;
height:120px;
border:solid #666699 1px;
margin-left:15px;
margin-top:15px;
text-align:center;
float:left;
}

div.cadre_pagination
{
	font-family: verdana , arial , helvetica , sans-serif ;
	font-size:10pt;
	font-weight:normal;
	margin:6pt 0px 12pt 20px;

}

/* image affichée du portfolio */
#document_actif 
{
margin-left:15px;
}


#document_actif img
{
border:none;
margin:15px;
}

div.cadre_image
{
margin:auto;
border:solid blue 1px;
text-align:center;
}

/*---pour forms et tables --*/	
	.donnees th
	{
	font-size:10pt;
	padding-left:20px;
	font-weight:bold;
	}
	.donnees th.header
	{
	background-image:url(img_pack/sort.png);
	background-repeat:no-repeat;
	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.png);
	background-repeat:no-repeat;
	}
	.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;
	}

	div.nonencadre
	{
  clear:both;
	border: none;
	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;
	}

	
	div.forum-fil
	{
	border:ridge #666699 2px;
	margin:0px 0px 6pt 15px;
	}
	
	div.reponse
	{
		padding:5px;
	margin:0px 0px 6pt 15px;

	}
	
	div.forum-message
	{
	padding:5px;
	border:none gray 1px;
	
	}
	
	div.forum-chapo
	{
	margin-bottom:5px;
	}
	
	div.texte-forum
	{
	}