/*******************************************************************************
* File name: layout.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 
{
font-family: verdana, arial, helvetica, sans-serif ;
font-weight:normal;
font-size: 12pt; 
margin:0 0 0 0;
text-align:left;
background-color: #dcdcdc;
}

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

hr
{
margin: 0 0 0 0;
}

/* container principal */
#page
{
width:960px;
overflow:hidden;
margin:2em auto;
padding:0pt;
background-color:#eeeeee;
position:relative;
text-align:left;
}
/*----------------------Haut de la page --------------------------------------*/
/* Haut de page  */
#haut
{
width:960px;
height:137px;
background-color:#999999;
position:static;
overflow:hidden;
}

#logo-site
{
width:188px;
float:left;
}

#entete-site
{
width:772px;
float:right;
}


#titre 
{
font-size: 16pt; 
color:white;
margin:5px 5px 5px 15px ;
}

#libelle 
{
font-size: 10pt; 
color:black;
padding:0 0 0 0;
margin:15px 5px 15px 15px ;
}

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



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


/*---------------------------------------------------------------------------*/
/*   Barre de menu verticale                                                 */
#menus 
{
width:960px;
position:static;
background-color: #999999;
display:block;
clear:both;
font-family: verdana, arial, helvetica, sans-serif ;
font-weight:bold;
font-size: 9pt; 
height:1.8em;
margin:5px 0;
}

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

#menus a:hover 
{
background-color: #000000;
}


/*---------------------------------------------------------------------------*/
/*----partie gauche de la page -----*/

#menu_gauche 
{
position:static;
width:188px;
font-family: verdana ,arial, helvetica, sans-serif;
font-size:9pt;
margin:0px;
vertical-align:top;
float:left;
/*background-color: #999999;*/
}

#navigation_gauche
{
/*width:188px;*/
}


div.titre_menu
{
/*border-top:solid 1px white;*/
font-size:9pt;
font-weight:bold;
padding:6pt 5px 6pt 5px;
color:white;
/*background-color:#999999*/
}


#menu_gauche ul
{
list-style-type:none;
text-align:left;
 font-family: verdana ,arial, helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
background-color:#cccccc;
margin-top:0px;
margin-left:0px;
margin-bottom:5px;
padding-left:0px;
}

#menu_gauche ul li
{
border-top-style:solid;
border-top-width:1px;
padding:5px 0px 5px 5px;
}

#menu_gauche ul ul li
{
border-top:none;
}


#menu_gauche ul ul
{
	margin-left:10px;
	font-weight:normal;
}

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

/*----------------------------------------------------------------------------*/
/* formulaires spip de la gauche de la page                                   */

#menu_gauche .formulaire_spip
{
margin:0;
padding:0.5em 0;
width:188px;
font-size:8pt;
background-color:#cccccc;
border-top-style:solid;
border-top-width:1px;
}

#menu_gauche .formulaire_spip form
{
margin-left:5px;
}

#menu_gauche .formulaire_spip label
{
clear:both;
font-weight:bold;
}					 

#menu_gauche .formulaire_spip 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_spip form div
{
	margin:3pt 5px 3pt 5px;

}
/*----------------------------------------------------------------------------*/
/* formulaires mail liste maison de la gauche de la page                      */

#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 form
{
padding:0 0 0 0;
margin:6pt 5px 3pt 5px;
}


/*---------------------------------------------------------------------------*/
/*-- Partie centrale de la page ---*/


#principal
{
float:left;
width:600px;
position:static;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
padding:15px 0;
font-size:11pt;
margin:0 4px;
background-color: white;
}
	
	/*------------- Titre de la rubrique, l'article ou la brève ----------------*/
	#principal h1{
  font-size:20pt;
	font-weight:bold;
	color:black;
	margin:0px 15px 12pt 15px;
	padding:0 0 0 0;
	}

	/*------------- sous-titre de l'article ----------------*/
	#principal h2{
	font-family: verdana ,arial , helvetica , sans-serif ;
  font-size:16pt;
	font-weight:bold;
	color:black;
	text-align:left;
	margin:0px 15px 12pt 15px;
	padding:0 0 0 0;
	}

	/*------------- sous-titre de l'article ----------------*/
	#principal h2.forum-repondre{
	font-family: verdana ,arial , helvetica , sans-serif ;
  font-size:12pt;
	font-weight:bold;
	color:black;
	text-align:left;
	margin:0px 15px 12pt 15px;
	padding:0 0 0 0;
	}
	/*---- utilisé dans article.html avant le portfolio -----*/
	#principal hr
	{
	margin: 6pt 15px 12pt 15px;
	padding: 0 0 0 0;
	text-align:left;
	clear:both;
	}
	
/* champs texte de la rubrique et article */	
  div.texte{
	margin:0px 15px 6pt 15px;
	padding: 0 0 6pt 0;
	overflow:hidden;
	}
/*------------ lien sur l article de la rubrique courante --------------------*/	
	#principal  div.lien_article
	{
	margin:12pt 15px 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;
	}
	
	
	/*-- 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 15px 12pt 15px;
	padding:0 0 0 0;
	}
	
  .descriptif
	{
	margin:0px 15px 12pt 60px;
	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;
	}

	#principal .descriptif hr
	{
	width:100%;
	margin: 12pt 0px 12pt 0px;
	}
	
	#chapo 
	{
	font-family: verdana ,arial , helvetica , sans-serif ;
	margin:0px 15px 12pt 15px;
	padding: 0 0 0 0;
	font-weight:bold;
	font-style:italic;
	color:black;
	text-align:left;
	}

	#chapo hr
	{
	width:100%;
	margin: 12pt 0px 12pt 0px;
	}
 
	#notes {
	clear:both;
	margin:0px 15px 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;
	overflow:hidden;
	}

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

	/*-------------- affichage des détails de la publication -------------------*/
	div.publication
	{
	margin:0px 15px 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 -*/	
/*----------------------------------------------------------------------------*/	

	div .navigation
	{
	display:block;
	margin:0 15px 0 15px;
	clear:both;
	text-align:left;
	font-family: verdana ,arial , helvetica , sans-serif ;
	font-size:10pt;
	}
	.navigation a
	{
	color:black;
	padding: 0 0 0 0;
	margin: 0 0 6pt 0;
	}

	.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
	{
	color:black;
	}

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

  #principal a:active.hierarchie
	{
	color:red;
	}
	
/*---------------------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/* bloc encadré pour la liste des article d'une rubrique ou pour le 
   postscriptum */
	div.encadre
	{
  clear:both;
	border: 1px solid #666699;
	margin-right:15px;
	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
	{
	}

/*-------------------- Formulaire dans principal ------------------------*/

div.formulaire_ecrire_auteur
{
clear:both;
}

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

div.formulaire_ecrire_auteur .forml
{
width:95%;
margin-top:5px;
}	

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
{
margin-top:5px;
}	


/*--------------- forum ------------------------------------------*/
div.formulaire_forum .forml
{
width:95%;
margin-top:5px;
}	

	div.forum-fil
	{
	border:ridge #666699 2px;
	margin:0px 15px 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
	{
	}
	
/*---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;
	}
	
/*----------------------------------------------------------------------------*/	
/*Partie droite de la page */	
	
#droite
{
width:162px;
float:right;
padding-bottom:15px;
margin:0pt;
vertical-align:top;
text-align:left;
/*background-color: white;*/
}

#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 div.soustitre_menu /* pas utilisé a ma connaissance */
{
font-size:9pt;
font-weight:bold;
padding:6pt 5px 6pt 5px;
color:#666666;
}

#droite div.spacer
{
height:5px;
}

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

#droite li a
{
color:black;
text-decoration: none;
}

#droite li a:hover
{
color:blue;
text-decoration: underline;
}	

#droite li a:active
{
color:red;
text-decoration: underline;
}	



#droite ul
{
list-style-type:none;
text-align:left;
font-family: verdana ,arial, helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
background-color:#cccccc;
margin:0px;
padding-left:0px;
}

#droite ul li
{
border-top-style:solid;
border-top-width:1px;
padding:5px 0px 5px 5px;
}

#droite a
{
font-size:8pt;
color:black;
text-decoration: none;
}

#droite a:hover
{
color:blue;
text-decoration: underline;
}	
#droite a:active
{
color:red;
text-decoration: underline;
}	

#droite .logo_droite
{
width:162px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
/*margin-bottom:10px;*/
overflow:hidden;
}

.logo_droite .spip_logos
{
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:5px;
}

#droite div.allie
{
border-top-style:solid;
border-top-width:1px;
padding:5px 0px 5px 5px;
font-weight:bold;
text-decoration: inherit;
}


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