/*******************************************************************************
* 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 
*		  				 	 
*******************************************************************************/
html,body
{
margin:0;
padding:0;
}

body 
{
font-family: verdana, arial, helvetica, sans-serif ;
font-weight:normal;
font-size: 10pt; 
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;
}

div#page
{
text-align:left;
width:960px;
margin:10px auto 10px auto;
}

div#haut
{
width:960px;
overflow:hidden;
margin-bottom:10px;
}

div#menu_gauche
{
float:left;
width:188px;
margin-left:-960px;
margin-bottom:10px;
font-size:9pt;
}

div#wrapper
{
float:left;
width:100%;
margin-bottom:10px;
}

div#principal
{
margin: 0 167px 0 193px;
min-height:200px;
padding:0 0 15px 0;
overflow:hidden;
}

div#droite
{
float:left;
width:162px;
margin-left:-162px;
margin-bottom:10px;
font-size:9pt;
}

div#footer
{
clear:left;
width:100%;
background: white;
color: #666666;
border-top:solid #666666 1px;
font-size:9pt; 
overflow:hidden;
}


/*---------------------------------------------------------------------------*/


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

/*---------------------------------------------------------------------------*/
#footer a 
{
display: block;
float:right;
line-height: 1.8em;
text-decoration: none;
color: #666666;
padding:0 10px 0 10px;
}

#footer a:hover 
{
background-color: #000000;
color: #cccccc;
}

/*---------------------------------------------------------------------------*/
/*   Barre de menu verticale                                                 */
#menus 
{
width:100%;
position:static;
display:block;
clear:both;
font-family: verdana, arial, helvetica, sans-serif ;
font-weight:normal;
font-size: 9pt; 
height:1.6em;
margin:5px 0;
border-top: black 1px solid;
}

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

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

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

	/*------------- Titre de la rubrique, l'article ou la brève ----------------*/
	#principal h1{
  font-size:16pt;
	font-weight:bold;
	color:#00689E;
	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:12pt;
	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:#666666; 
	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;
}

/* pagination du portfolio d'images */
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 rubriques -------------------------*/
	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:#666666;
	}

  #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;
	overflow:hidden;
	border: 1px solid #666699;
	margin-right:15px;
	margin-left:15px;
	margin-bottom:12pt;
	padding-top:10px;
	}

	/*listes des articles pour la une ou tête (comme encadré sans le cadre*/
	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;
	}
		

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

div.pdmandatory
{
	display:none;
}

/*devenir membre*/
div.formulaire_devenir_membre
{
width:100%;
}

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

.formulaire_devenir_membre label
{
float:left;
width:100%;
font-weight:bold;
}

.formulaire_devenir_membre legend
{
font-weight:bold;
}

.formulaire_devenir_membre textarea
{
width:100%;
overflow:hidden;
font-family: verdana, arial, helvetica, sans-serif ;
font-weight:normal;
font-size: 10pt; 
}


.formulaire_devenir_membre span.erreur
{
color:red;
}

.formulaire_devenir_membre p.formulaire_ok
{
border: 1px solid #666699;
padding:10px 15px 10px 15px;
font-weight:bold;
}

.formulaire_devenir_membre p.formulaire_erreur
{
border: 1px solid red;
padding:10px 15px 10px 15px;
color:red;
font-weight:bold;
}


.formulaire_militer label
{
float:none;
display:inline;
width:100%;
font-weight:normal;
}

/*ecrire auteur*/
.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
	{
	}
	
/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/*---------------------------------------------------------------------------*/
/*---- bloc dans les parties gauche et droite de la pages  -----*/

/* titre des blocs */
div.titre_menu
{
font-size:9pt;
font-weight:bold;
padding:6pt 5px 6pt 5px;
color:white;
}

/* sous titre des blocs */
div.soustitre_menu 
{
font-size:9pt;
font-weight:normal;
padding:0pt 5px 6pt 5px;
color:#666666;
color:white;
}


/* ---- liste dans les blocs ---- */
#menu_gauche ul, #droite ul
{
list-style-type:none;
text-align:left;
font-family: verdana ,arial, helvetica, sans-serif;
font-weight:bold;
background-color:#cccccc;
margin:0;
padding:0px;
}

#menu_gauche ul li, #droite ul li
{
padding:0px;
margin:0;
}

/*---- couleur des liens dans les blocs ----*/
#menu_gauche ul a ,#droite ul a
{
color:black;
text-decoration: none;
display:block;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
border-bottom-style:solid;
border-bottom-width:1px;
}

#menu_gauche a:hover, #droite a:hover ,#menu_gauche a:hover.on
{
background-color:#cccccc;
}

#menu_gauche a:active, #droite a:active ,#menu_gauche a:active.on
{
color:red;
}


/* bloc pour l'arborescence des rubriques */
#menu-rubriques
{
margin-left: 0;
padding-left: 0;
list-style: none;
border-top:solid black 1px;
}

#menu-rubriques ul a
{
padding-left:22px!important;
}

#menu-rubriques ul ul a
{
padding-left:39px!important;
}

#menu-rubriques ul ul ul a
{
padding-left:56px!important;
}


#menu-rubriques ul li.on
{
background-image: url(fleche-rond-bw.gif);
background-repeat: no-repeat;
background-position: 5px .5em;
}

#menu-rubriques ul ul li.on
{
background-position: 22px .5em;
}

#menu-rubriques ul ul ul li.on
{
background-position: 39px .5em;
}


#menu-rubriques ul li
{
background-image: url(fleche-bw2.gif);
background-repeat: no-repeat;
background-position: 5px .5em;
}

#menu-rubriques ul ul li
{
background-position: 22px .5em;
}

#menu-rubriques ul ul ul li
{
background-position: 39px .5em;
}





/*****************************************************************************/

/* espaceur */
div.spacer
{
height:5px;
clear:both;
}

/* espaceur */
div.spacer10
{
height:10px;
}

/* pour les logos */
.logo_droite
{
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:0px;
overflow:hidden;
}

.logo_droite .spip_logos
{
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:5px;
border: solid 1px #000066; 
}


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



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

/*----------------------------------------------------------------------------*/

div.motclef-selection
{
background-image: url(fleche-rond-20s20-bleue.gif);
background-repeat: no-repeat;
background-position: left top;
height:25px;
padding-left: 25px;
color:blue;

}

div.logo-selection
{
float:left;
margin-right:10px;
margin-bottom:10px;
overflow:hidden;
}

div.article-selection
{
border-bottom: solid 1px black;
overflow:hidden;
width:100%;
Margin-top:6pt;
padding-bottom:10px;
}

div.titre-article-selection
{
color:#666666;
font-weight:bold;
margin: 0 0 6pt 0;
}

div.titre-article-selection a
{
text-decoration:none;
color:#666666;
font-weight:bold;
}

div.textearticle-selection
{
font-family: verdana , arial , helvetica , sans-serif ;
font-size:10pt;
font-weight:normal;
margin:0pt 15px 6pt 0px;
}

div.lire-plus
{
background-color:red;
float:right;
font-size:9pt;
font-weight:normal;
border:solid red 1px;
}

.lire-plus a
{
display:inline;
background-color:lightgray;
text-decoration:none;
color:black;
padding:0 5px 0 5px;
}

/* plan du site */

#plan ul
{
list-style-type:none;
text-align:left;
font-family: verdana ,arial, helvetica, sans-serif;
margin:0;
padding:0;
}

#plan ul ul
{
padding-left:15px;
}

#plan ul a,#plan ul a:visited 
{
display:block;
text-decoration:none;
color:#666;
}

#plan ul a.rubrique
{
font-size:14pt;
font-weight:bold;
margin-top:6pt;
}

#plan ul ul a.rubrique
{
font-size:12pt;
font-weight:bold;
margin-top:3pt;
}

#plan ul ul a.article
{
font-size:10pt;
font-weight:normal;
}

#plan ul a:hover
{
color:blue;
}

#plan ul a:active
{
color:red;
}

.cartouche
{
margin-right:15px;
}

.cartouche .spip_logos
{
float:right;
margin-bottom:4px;
margin-left:16px;
}