/*Styles génériques pour tout le site----------------------------------------------------*/
body {
	margin:0;
	padding:0;
}
.fond_accueil{
/*si on ne met pas le height, la hauteur de l'image ne sera pas correcte 
puisqu'elle est en background et le contenu de la page (langues, menu, pied) 
sont hors de leur flux habituel (en position absolute) 
et ne sont donc pas tenus en compte pour faire la hauteur de la page en général*/
	height: 70%;
	overflow: hidden;
}
/*PAGE D'ACCUEIL - Eléments positionnés de façon absolute-----------------------------------*/
.entete_langues{
	position: absolute;
	top: 5px;
	left:60%;
}
#accueil_page ul {
	position: absolute;
	top: 380px;
	left: 35%;
	width: 200px;
	margin:0;
}
.pied_page {
	position: absolute;
	top : 550px;
	left: 35%;
}
/*Divs générales.-------------------------------------------------------------------------*/
tr, td {
	vertical-align: top;
}
#accueil_page {
	width: 600px;
	margin: 0 auto 40px auto;
}
/* page = Div toute la page des pages interieures*/
#page {
	width: 95%;
	margin : 0 auto;
}
* html #page {
	width: 1024px; /*si relatif, catastrophe!*/
}
* html #article{
	width: 500px;
	height:1%;
}
/* entete_langues = Conteneur des liens de langue dans la page d'accueil-----------------*/
/* principal_entete = Entete qui contient le titre du site des pages intérieures*/
.entete_langues, #lang {
	height: 80px;
}
tr.entete_langues td {
	padding: 5px 0 5px 400px;
}
tr.entete_langues a, #lang a {
	display: block;
}
/*h1 et h2 = Titre du site*/

#accueil_page h1 strong, #principal_entete h2 a strong {
	display: block;
}
#accueil_page h1, #principal_entete h2 a {
	height: 50px;
	margin: 0;
	padding: 0;
}
#principal_entete h2 {
	width: 400px;
	margin-left:15px;
}
* html #principal_entete h2{
	margin-left:7.5px;
}
/*Entete des pages intérieures*/
#colonne_entete, #principal_entete {
	height: 80px; /*=entete_langues*/
}

/* colonne_gauche = contenu gauche de page accueil---------------------------------------*/
/* colonne = colonne du menu des pages intérieures*/
#colonne {
	/*float: left dans code squelette pour inversement langues*/
	width: 200px;
	height:100%;
	/*border: 1px solid blue;*/
}
* html colonne {
	margin: 0;
}
#colonne_contenu {
	padding: 20px 0 20px 0;
}
/* colonne_droite = contenu droite de page accueil------------------------------------------*/
/* principal = contenu principal (article, carré couleur, etc.) des pages intérieures*/
#principal {
	/*margin-left dans code squelette pour inversement langues*/
	margin : 0 auto;
}
* html #principal{
	/*display: inline;*/
}
* html #principal_article, * html #principal, * html #principal_contenu{
	height: 1%;/* sinon, problème de padding (3px), visible surtout dans la hierarchie*/
}
* html #article {
	height: 400px;/*pour éviter un problème d'affichage si l'article est plus court que la colonne.*/
}
#principal_carre {
	/*float lang_left dans squelette*/
	width: 50px;
	height: 50px;
}
#principal_hierarchie{
	height: 50px;
	padding: 0;	
}
#principal_navigation_contenu {
	padding: 5px 15px 15px 20px;
}
#principal_carre_nav {
	width: 15px;
	height: 15px;
}
.fond_aere{
	height: 15px;
}
#menu_formation, #menu_auteur, #menu_contenu, #menu_titres{
	display: inline;
	margin-right:10px;
}
#article {
	padding: 15px 40px 10px 10px;
}
#article h2, #article h3, #article h4 {
	margin-top: 0;
}
#logo_contenu a{
	margin-left: 1em;
}
#art_logo {
	/*float: left dans code squelette pour inversement langues*/
	width: 190px;
	height: 190px;
}
#img_logo {
	width: 190px;
	height: 190px;
}
.titre_logo{
	float:left;
	width:50px;
	height: 50px;
	margin:3px 15px 0 0;
}
a.fiche-titre{
	margin-top: 15px;
}
.fiche-item{
	margin-top:5px;
	margin-bottom:15px;/*parce que le margin-top de fiche-titre ne marche qu'avec le premier titre à cause du clear both*/
	padding:0;
	height: 65px;
	overflow:hidden;
}
* html .fiche-item{
	overflow: visible;
}
a.syndic-titre{
	margin-top: 15px;
}
.syndic-item{
	margin-top:5px;
	margin-bottom:15px;/*parce que le margin-top de fiche-titre ne marche qu'avec le premier titre à cause du clear both*/
	padding:0;
}
#img_logo_credits, #logo_contenu {
	width: 190px;
}
* html #img_logo_credits {
	height: 1%;
}
.item_portfolio {
	width: 190px;
	margin: 20px 20px 0 0;
}
.item_portfolio .spip_logos {
		padding:0;
		margin:0;
}
#sommaire_ancre{
	padding-top: 1em;
}
#sommaire_ancre h3.spip{
	margin:0;
	padding:0;
}
.spip_documents_left{
	margin-right:15px;
}
.spip_documents_right{
	margin-left:15px;
}
.ps, .hautdepage{
	clear:both;
}
/* media_choisis = conteneur de la liste de "medias choisis" de la médiathèque*/
/* liste titres = conteneur de la liste de "autres titres" de la médiathèque*/
#media_choisis, #liste_titres {
	margin-top: 24px;
}
#media_choisis h4, #liste_titres h4 {
	margin-bottom: 10px;
	padding-bottom: 0;
}
.fiche-item p.spip{
	margin:0;
}
#article .forum-repondre, #article .reponse_formulaire {
	margin: 4em 0 0 0;
	padding:0;
}
#article h3.nom_forum {
	margin: 4em 0 0 0;
	padding:0;
}
#article total-forum {
	margin:0;
	padding:0;
}
#form table{
	clear: none;
}
table.spip td, table.spip th {
	padding: 5px;
}
#forms{
	margin:15px 0;
	vertical-align: top;
}
.forum-repondre {
	margin-top: 5px;
}
/*Carte - fiche réseau*/
#carte {
	width: 650px;
	height: 488px;
	padding:0;
}

/*pied_page = pied de page de la page d'accueil---------------------------------------------*/
tr.pied_page {
	height: 80px;
	clear:both;
}
tr.pied_page .credits_ps p.spip, tr.pied_page .credits_ps p.spip br {
	display: inline;
}
#pied {
	height: 40px;
}
#pied {
	clear: both;
}
#pied_colonne {
	vertical-align: baseline;
	margin: 80px 10px 10px 10px;
}

/*Classes spéciales-------------------------------------------------------------------------*/
.invisible{
	visibility:hidden; 
	height:1px; 
	overflow:hidden;
}

.spacer {
	clear: both;
	height:1px;
	/*border: 1px solid white;*/
}
/*MENU---------------------------------------------------------------------------------------*/
/* accueil_page ul = Menu de la page d'accueil*/
/* menu = Menu des pages intérieures*/
/*largeur du menu_inter = largeur de art_logo*/
.menu_inter{
	width: 190px;
	margin:0;
	padding:0;
}
#accueil_page ul, #accueil_page ul *, #menu,  #menu , #menu *, #logo_contenu .menu_inter *{
	margin:0;
	padding:0;
}
#accueil_page ul {
	width: 200px;
	
}
#menu {
	width: 180px;
	/*regarder plus bas (sous logo_contenu) pour rédefinition des margins du menu_inter*/
}
#logo_contenu .menu_inter{
	margin:1em 0 0 0; /*largeur du menu_inter = largeur de art_logo*/
	padding:0;
	width: 190px;
	/*border: 1px solid blue;*/
}
#accueil_page ul li, #menu li, #logo_contenu .menu_inter li{
	margin-top: 1px;
	list-style: none;
}
#accueil_page table{
	border:1px;
}
#accueil_page ul li a{

}
#accueil_page ul li a, #menu a, #logo_contenu .menu_inter a{
	display:block;
	padding: 2px 10px 2px 10px;
	height: 14px;
}
#menu li, #menu .cette_rub li, #menu .cette_sous_rub  li, #logo_contenu .menu_inter li{
	overflow:hidden; /*ceci évite des problèmes d'affichage si le titre de rubrique/article est trop long*/
}
#menu .cette_rub ul a{
	padding-left: 20px;
	font-weight: normal;
}
#menu .cette_sous_rub ul a{
	padding-left: 30px;
}
#menu .cette_sous_rub ul  ul a{
	padding-left: 40px;
}
/**********************Phase 2********************************************************************/
/*Fiches*/
.extra{
	margin-bottom: 10px;
}
/*FORMULAIRE*/
.formulaire, .liste{
	margin:10px 0;
	padding: 0;
	border:0;
	width: 100%;
}
/*petite astuce pour que IE affiche le formulaire correctement (Nestcape les affiche mal s'il lit cette ordre...).*/

* html .formulaire{
	height:100%; /*sans ceci, boug dans la ligne de couleur du formulaire*/
}
.formulaire form{
	padding-top: 10px; /*pas de padding left parce que cela affecterait aussi les hr*/
	padding-bottom: 10px;
	margin:0;
}
.formulaire H4, .formulaire .chapo{
	margin: 7px 40px 7px 10px;
}
.formulaire .label{
	float: left;
	width: 42%;
}

.formulaire .label, .formulaire .ligne{
	padding: 0 5px 0 5px;
	margin:7px 4px 7px 10px;
}
input, textarea, .champ, select{
	/*plus selon direction langue dans squelettes*/
	padding-left: 5px;
	margin: 7px 0 7px 0;
}
input{
	height: 20px;
	vertical-align: middle;
}
.formulaire hr{
	/*plus selon direction langue dans squelettes*/
	display: block;/*pour Netscape*/
	margin:0;
	padding:0;
	border: none;
	height:1px;/*pour IE*/
}
.formulaire hr.invisible{
	height:0;
	color: none;
}
.formulaire input, .formulaire textarea, .formulaire select{ 
	/*plus des styles selon direction langue dans squelettes*/
	width: 40%;
}
.formulaire img{
	float: right; /*il faudrait le mettre dans le squelette avec une balise #LANG_RIGHT*/
}
.formulaire .champ{
	float: right; /*il faudrait le mettre dans le squelette avec une balise #LANG_RIGHT*/
	margin: 0;
	margin-right: 10%; /*il faudrait le mettre dans le squelette avec une balise #LANG_RIGHT*/
	border:0;
	width: 40%;
}
.formulaire  input.mi_champ{
	width: 20%;
}
.champ input{
	border:0;
}
.champ .submit, .formulaire .submit{
	width: 30%;
}

.formulaire .ligne{
	float: none;
}
.formulaire .ligne input, input.ligne{
	/*plus des styles selon direction langue dans squelettes*/
	float: none;
	width: 10%;
}