/*Styles génériques pour tout le site --*/
body {
	margin:0;
	padding:0;
}
tr, td {
	vertical-align: top;
}
/*accueil_page = Div toute la page .-----------------------------------------------------*/
#accueil_page {
	width: 600px;
	margin: 0 auto 40px auto;
}
#accueil_page table {
	border-spacing: 0;
	width: 600px; /*Il faut répéter le width pour IE*/
	padding: 0;
}
/* page = Div toute la page des pages interieures*/
#page {
	width: 950px;
	margin : 0 auto;
	/*border: 1px solid red;*/
}
* html #page {
	width: 1024px; /*si relatif, catastrophe!*/
}
* html #article{
	width: 500px;
	/*overflow:hidden;*/
	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*/
tr.entete_langues, #colonne_entete, #principal_entete{
	height: 80px;
}
tr.entete_langues td{
	padding: 20px 0 5px;
	text-align: right;
}
tr.entete_langues a, #lang a{
	display: inline;
}
tr.entete_langues span, #lang span {
	font-weight: bold;
}

/*h1 et h2 = Titre du site*/
#accueil_page h1 strong, #principal_entete h2 a strong {
	display: block;
}
#accueil_page h1{
	margin:0;
}
#accueil_page h1, #principal_entete h2 a {
	height: 80px;
	margin: 0;
	padding: 0;
}
#principal_entete h2{
	width: 335px;
	margin-left:15px;
}
* html #principal_entete h2{
	margin-left:7.5px;
}
/*Entete des pages intérieures*/
#colonne_entete, #principal_entete {
	height: 80px; /*=entete_langues*/
}
/*Dammier--------------------------------------------------------------------------------*/
#accueil_page table{
	width:625px;
}

table.damier tr td, table.damier td{
	width: 125px;
	height: 125px;
	padding:0;
}
table.damier td a img, table.damier td a .spip_logos{
	height: 125px;
	width: 125px;
	margin:0;
}
.damier .espace td{
	height: 20px;
}

/* 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 15px;
	padding-right: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 10px 10px 10px;
	padding-left:40px;
}
#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: 150px;
	height: 150px;
}
#img_logo {
	width: 150px;
	height: 150px;
}
.titre_logo{
	/*float lang_left dans squelette*/
	float:left;
	width:50px;
	height: 50px;
	margin-top:3px;
/*	margin lang_right 15px dans squelette*/
}
.liste-articles-syndic{
	padding-top:20px;
}
a.fiche-titre, .fiche-titre{
	margin-top: 15px;
	font-size:1.5em;
}
.fiche-date{
	margin: 5px 0;
}
.fiche-item{
	margin-top:5px;
	margin-bottom:30px;/*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;
}
.fiche-descriptif{
	margin:5px 0;
}
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: 150px;
}
* html #img_logo_credits {
	height: 1%;
}
.item_portfolio {
	width: 110px;
	margin: 10px 0 0 0;
	margin-left:10px;
}
.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;
}
.spip_doc_descriptif {
	clear:none;
}
.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 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;
	margin: 0 50px;
	padding-bottom:10px;
	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*/
.accueil_menu td{
	/* width: 150px; */
	height: 20px;
	text-align: center;
	overflow: hidden;
}
#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: 150px;
	/*border: 1px solid blue;*/
}
#accueil_page ul li, #menu li, #logo_contenu .menu_inter li{
	margin-top: 1px;
	list-style: none;
}


.accueil_menu td a, #menu a, #logo_contenu .menu_inter a{
	display:block;
	padding: 2px 10px 2px 10px;
/*	height: 14px; */
}
#accueil_page li, #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;
}
/*** hack menu pour IE - 04/04/2008 ***/
*+html #menu li {
	margin: 1px 0px -2px 0px;
}
* html #menu li {
	margin: 1px 0px -15px 0px;
}
* html #menu li.cette_rub ul li {
	margin: 1px 0px -15px 0px;
}
* html #menu li.cette_rub ul li.cette_sous_rub , * html #menu li ul li, * html #menu li ul li ul li, * html #menu li ul li ul li ul li , * html #menu li.cette_rub ul li.cette_sous_rub ul li.cette_sous_rub ul li.cette_sous_rub {
	margin: 1px 0px 1px 0px;
}
* html #menu ul ul ul ul {
	height:0px;
	/*margin: 1px 0px 1px 0px;*/
}
* html #menu ul ul ul ul li{
	height:0px;
	margin: 1px 0px 1px 0px;
}
/*** fin hack menu pour IE ***/

/**********************Phase 2********************************************************************/
/*Fiches*/
.extra{
	margin-bottom: 10px;
}
/*FORMULAIRE*/
#form_rech {
	width:80%;
	margin-left:5%;
}
#form_rech  .formrecherche{
	width:95%;
	height:95%;
	font-size:11px;
	padding:2px;
}

.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 10px 7px 10px;
	margin-left:40px;
}
.formulaire .label{
	float: left;
	width: 42%;
}

.formulaire .label, .formulaire .ligne{
	padding: 0 5px 0 5px;
	margin:7px 10px 7px 10px;
	margin-left:4px;
}
input, textarea, .champ, select{
	/*plus selon direction langue dans squelettes*/
	padding-left: 5px;
	margin: 7px 0 7px 0;
}
input{
	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;
}
.formulaire .champ{
	float: right;
	margin: 0;
	margin-right: 10%;
	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%;
}

/* Ajout Calendrier  **********************/
#calendar{
	width:140px;
	padding:5px;
}
#calendar h2{
	margin:0;
	text-align:center;
	margin-bottom:5px;
}
#calendar table{
	width:100%; 
	font-size:12px;
}
#calendar table tr td.today{
	font-weight:bold;	
}

.minilogo img{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}