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


hr
{
margin: 0 0 0 0;
}

/*---------------------------------------------------------------------------*/
/*   Blocs principaux de la page                                             */

div#page
{
text-align:left;
width:960px;
margin:20px auto 15px auto;
/*overflow:hidden;*/
}

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

#menus 
{
width:100%;
/*position:static;
display:block;*/
clear:both;
min-height:1.8em;
margin:5px 0;
overflow:hidden;
}


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

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

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

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

div#footer
{
clear:left;
width:100%;
overflow:hidden;
}
/*---------------------------------------------------------------------------*/
/*   Entete du site                                                          */

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

#entete-site
{
/*width:772px; ancienne valeurs
float:right;*/
float:left;
height:136px;
}

#titre-site 
{
margin:5px 5px 5px 15px ;
}

#libelle 
{
padding:0 0 0 0;
margin:5px 5px 5px 15px ;
}

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



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


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

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

#footer a:hover 
{
}

/*---------------------------------------------------------------------------*/
/*   Barre de menu verticale                                                 */

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


/*---------------------------------------------------------------------------*/
/*---- éléments blocs gauche et droite de la pages  -----------------------------------*/

/* titre des éléments */
div.titre_menu
{
padding:3pt 5px 3pt 5px;
}



/* ---- liste dans les blocs ---- */
#menu_gauche ul, #droite ul
{
list-style-type:none;
text-align:left;
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
{
text-decoration: none;
display:block;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
border-bottom:solid 1px #000000;
}
/*ajout pour l'ancien menu*/
/*
#menu_gauche ul ul li
{
border-top:none;
}


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


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

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

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

.logo_droite a
{
padding:0!important;
}

/* formulaires spip partie gauche ou droite de la page */

#menu_gauche .formulaire_spip
{
margin:0;
padding:0.5em 0;
}

#menu_gauche .formulaire_spip .message
{
margin:4pt 5px;
}

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

#menu_gauche .formulaire_spip label
{
clear:both;
}					 


/* espaceur de bloc*/
div.spacer
{
height:5px;
}

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



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

	/*---------------- affichage du chemin des rubriques fil d'ariane ----------*/
	div.hierarchie
	{
	margin:0px 0px 8pt 15px;
	padding: 0 0 0 0;
	}

	


/* cartouche contenant le titre, la publication etc.. pour l'affichage 
des rubriques, articles et brève*/

.cartouche
{
margin-right:15px;
margin-left:15px;
}

/* utile si les logos sont dans la cartouche*/
.cartouche .spip_logos
{
float:right;
margin-bottom:4px;
margin-left:16px;
}

	/*------------- Titre de la rubrique, l'article ou la brève ----------------*/
	#principal h1{
	margin:0px 0 12pt 0;
	padding:0 0 0 0;
	}

	/*------------- sous-titre de l'article ----------------*/
	#principal h2{
	text-align:left;
	margin:0px 0 12pt 0;
	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;
	}

	/*-------------- affichage des détails de la publication -------------------*/
	div.publication
	{
	clear:both;
	text-align:left;
	}
/*	
	.cartouche .publication a
	{
	font-family: verdana ,arial , helvetica , sans-serif ;
	font-size:8pt;
	}
*/

	/*-- conteneur pour l'affichage des différentes parties d'un article --*/
	/* surtitre */
	#surtitre{
	text-align:left;
	margin:0px 0 12pt 0;
	padding:0 0 0 0;
	}
	
	/* chapean */
	#chapo 
	{
	text-align:left;
	margin:0px 15px 12pt 15px;
	padding: 0 0 0 0;
	}

	#chapo hr
	{
	width:100%;
	margin: 12pt 0px 12pt 0px;
	}
 
	
/* champs texte de la rubrique et article */	
  div.texte{
	margin:0px 15px 6pt 15px;
	padding: 0 0 6pt 0;
	/*overflow:hidden;*/
	}

	#notes {
	clear:both;
	margin:0px 15px 12pt 15px;
	padding: 6pt 0 0 0;
	border-top: 1px solid #666699;
	}

/*----------------------------------------------------------------------------*/
/*--- affichage des articles d'une rubrique ou du sommaire     ---------------*/
/*----------------------------------------------------------------------------*/
/* container principal pour le résumé d'un article de la liste d'articles */
div.article-selection
{
border-bottom: solid 1px black;
overflow:hidden;
width:100%;
Margin-top:6pt;
padding-bottom:10px;
}

/* pour mettre le bord supérieur sur le premier article*/
div.article-selection-1
{
border-top: solid 1px black;
border-bottom: solid 1px black;
overflow:hidden;
width:100%;
Margin-top:6pt;
padding-bottom:10px;
padding-top:10px;
}

/* pour afficher le mot-clef de navigation */
div.motclef-selection
{
background-image: url(fleche-rond-20s20-bleue.gif);
background-repeat: no-repeat;
background-position: left top;
height:25px;
padding-left: 25px;
}

/* container pour le logo */
div.logo-selection
{
float:left;
margin-right:10px;
margin-bottom:10px;
overflow:hidden;
}

/* titre de l'article ou rubrique de la liste */
div.titre-article-selection
{
margin: 0 0 6pt 0;
}

/* titre de l'article ou rubrique de la liste */
div.titre-article-selection a
{
text-decoration:none;
}

/* résumé de l'article ou rubrique de la liste */
div.textearticle-selection
{
margin:0pt 0 6pt 0px;
}
/*----------------------------------------------------------------------------*/
/*--- affichage les évènements du plugin agenda                ---------------*/
/*----------------------------------------------------------------------------*/
/* container principal pour les évènements */
#calendar td
{
text-align:right;
}

#calendar th
{
text-align:right;
}

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


/* titre de l'évènement */
div.evenement-titre
{
margin: 6pt 0 6pt 0;
}


/* descriptif de l'évènement */
div.evenement-descriptif
{
margin:0pt 0 6pt 0px;
}

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

	.navigation a
	{
	padding: 0 0 0 0;
	margin: 0 0 6pt 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;
	}
/*--- voir si on peut se débarasser de ces blocs                           ---*/
/* 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;
	}
	

/*---------------------- Portfolio d'images ----------------------------------*/
/* vignettes */
#documents_portfolio 
  {
  clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
	border:none;
	overflow:hidden;
	margin-left:15px;
	margin-right:15px;
	}

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

div.cadre_vignette
{
width:120px;
height:120px;
border:solid #666699 1px;
margin-right: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;
width:100%
}


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

div.cadre_image
{
margin:0;
border:solid #666699  1px;
width:516px;
}

#documents_joints
{
	margin-right:15px;
	margin-left:15px;

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

/*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:40%;
font-weight:bold;
}

.formulaire_devenir_membre legend
{
font-weight:bold;
}

.formulaire_devenir_membre textarea
{
width:auto;
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;
}

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

#footer .formulaire_recherche
{
clear:none;
}


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

#menu-rubriques ul ul a
{
/*padding-left:39px!important;*/
padding-left:10px!important;/*modif 07.04.2019*/
font-weight:normal;
}

#menu-rubriques ul ul ul a
{
/*padding-left:56px!important;*/
padding-left:20px!important;/*modif 07.04.2019*/
}
#menu-rubriques ul ul ul ul a
{
/*padding-left:56px!important;*/
padding-left:25px!important;/*modif 07.04.2019*/
}

#menu-rubriques li.on a
{
color: #666;
background-color:#eee;
}
/*
#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;
}
*/


/*-------------------------------------------------------------------------*/
/* plan du site */

#plan ul
{
/*list-style-type:none;*/
list-style-position:inside;
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:12pt;
font-weight:bold;
margin-top:6pt;
}

#plan ul ul a.rubrique
{
font-size:10pt;
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;
}

li.editer_session_email label
{
	display:block;
	clear:right;
}
li.editer_session_email input
{
	display:block;
	font-size:8pt;
	clear:both;
}

li.editer_email_unsubscribe label
{
	display:block;
	clear:right;
}
li.editer_email_unsubscribe input 
{
	display:block;
	font-size:8pt;
	clear:both;
}