/*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: 950px;
	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 {
	height: 80px;
}
tr.entete_langues td {
	padding: 20px 0 5px;
	text-align: right;
}
tr.entete_langues a, #lang a {
	display: inline;
}
.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, #principal_entete h2 a {
	height: 50px;
	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*/
}

/* 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 15px;
	padding-left: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-right: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:left;
	width:50px;
	height: 50px;
	margin:3px 0 0 0;
	margin-right:15px;
}
a.fiche-titre{
	margin-top: 15px;
}
.fiche-item{
	margin-top:5px;
	margin-bottom:20px;/*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-right: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*/
/*largeur du menu_inter = largeur de art_logo*/
.menu_inter{
	width: 150px;
	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: 150px;
	/*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;
}
/*** 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-right: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{
	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;
}
.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%;
}


/*Modif page d'accueil**********************/
#accueil_page div.entete_langues {
	padding-top:20px;
	text-align:right;
	width:600px;
}

div.accueil_contenu {
	height:150px;
	padding-top:280px;
	width:600px;
}

#accueil_page ul {
	margin-left:180px;
	width:200px;
}

#menu_accueil {
	text-align:left;
}

#accueil_page div.pied_page {
	text-align:left;
	width:600px;
	padding:50px 0 0;
	margin:0;
}

/* Ajout Calendrier  **********************/
#calendar{
	width:140px;
	padding:5px;
}
#calendar h2{
	margin:0;
	text-align:center;
	margin-bottom:5px;
}


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