/*  ----------------------------------------------------------- */
/*  Feuilles de styles de l'annuaire ENSCP			            */
/*  ----------------------------------------------------------- */

body {
	background-color:#A0A099;
	margin: 0;
	padding:0;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	text-align:center;
}

img, table, .spip_logos { margin: 0; padding: 0; border: none; }


/* Espaceur de blocs */
.nettoyeur, .saut { clear: both; margin: 0; padding: 0; border: 0; height: 0; line-height: 1px; font-size: 1px; overflow: hidden; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }



/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */

#page {
	position: relative;
	width: 855px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding:0 10px;
	background-color:#FFF;
}

/***** ENTETE *****/

#entete {
	background:#FFF url(../images/banderole_annuaire.jpg) top right no-repeat; }

/* positionnement du logo du site*/

#entete .spip_logos { padding: 10px 0 5px 15px; }
#entete img{margin : 0;}



/***** CONTENEUR : Navigation + Fil d'ariane + Formulaire de recherche + CONTENU *****/

#conteneur { 
	width: 100%;
	min-height:500px;
	background:url(../images/bandeau_annuaire.gif) top left no-repeat;
}

/* Menu de navigation */
#conteneur #navigation { float:left; width: 180px; }


/* Fil d'ariane */
#conteneur #hierarchie{
	float:left;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:22px 0 20px 15px;
	width:300px;
}
#conteneur #hierarchie a{text-decoration:none;	color:#333;}
#conteneur #hierarchie a:hover{ text-decoration:underline;}


/* Formulaire de recherche */
.formulaire_recherche { 
	width:280px; 
	float: right; 
	padding:8px 15px 0 0; 
	margin:0; 
	text-align:right; 
	background:#B7DBDA; 
	height:2.5em;}

.forml { background-color: #333; color:#FFF; }


/* Contenu */
#conteneur #contenu {
	float: left;
	width:640px;
	margin-left:15px;
}

/* positionnement du pied de page */

#pied{
	margin:0;
	padding:5px 0;
	text-align:center;
	border-top:1px solid #009900;
}


/*  -----------------------------------------------------------------
/*  Styles des pages Sommaire, Rubrique, Article, Recherche, Plan
/*  ----------------------------------------------------------------- */


/* Couleurs des liens (sortants) */
a, a:visited, a.spip_out { color: #000; text-decoration:none; }
a:hover, a:hover.spip_out { color: #333; text-decoration:underline;}

/* liens internes */
a.spip_in { color:#333;text-decoration:none;} 
a:hover.spip_in{ background-color:#DDD;text-decoration:underline;}

a.spip_url {} /* liens url sortants */



ul, ol, li { margin: 0; padding: 0; }
ul { list-style: none; }
p, p.spip { margin:10px 0; padding:0; }
.texte, .ps { font-weight:normal;}

/* pour la pagination */
.pagination {font-size:11px; padding:5px 15px; background:#FFF; border-top:1px solid #009900; width:50%; text-align:center; margin-left:auto; margin-right:auto;}
.pagination a {color:#009900;  }

/*surligne un mot trouvé dans un texte suite à une recherche*/
.spip_surligne { background: #FFFF99; color:black; } 

/* Logos, documents et images */
.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 10px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 10px; }
.spip_doc_titre { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color:#676767; margin-top:2px;}
.spip_doc_descriptif { font-family:Verdana, Arial, Helvetica, sans-serif; clear: both; font-size: 9px; }

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 10px 0; padding:0;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
	margin:0 0 15px 0; padding:0;
}

h3 {
	font-size:12px;
	font-weight:bold;
	margin:0; padding:0;
}


/* Tableaux */
table.spip {
	margin: 10px 0;
	border: 1px solid #009900;
	border-collapse: collapse;
	width:90%; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
/*table.spip tr.row_first { background: #FFC; }*/
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }



/***** Styles des champs des contacts *****/
/***** 		surtitre = prénom 	      *****/
/***** 		titre = nom 			  *****/
/***** 		soustitre = service	      *****/
/***** 		descriptif = courriel	  *****/
/***** 		chapo = téléphone 	      *****/

.surtitre, .titre, .soustitre { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:bold; 
	margin:0; padding:0;  
}
.titre { text-transform:uppercase;}
.surtitre, .titre {color:#009900; }
.soustitre, .descriptif {color:#333; font-size:12px; font-weight:normal;}
.chapo {font-weight:bold;}

/* Espacement à droite pour l'enveloppe mail */
.descriptif img{padding-right:5px;}

/* Bouton imprimante */
.imprime {float:right; margin:0 10px 5px 0}


/***** Style de la boite générique Contact *****/

#contenu .contact {
	clear:both;
	padding:10px;
	margin:0;
	margin-bottom:10px;
	background:white;
	border-width: 2px;
 	border-color: #ccc #555 #333 #aaab9c;
 	border-style: solid;
}


/***** PAGE D'ACCUEIL *****/

.page_sommaire #conteneur #contenu .contact{ float:left; width:50%; }

.page_sommaire #conteneur #contenu .alerte{	font-size:10px;	margin-left:20px; float:left; width:40%; background:#DCEAEC; padding:10px; }

.page_sommaire #conteneur #contenu .alerte p {margin:0;}
.page_sommaire #conteneur #contenu .alerte a {text-decoration:underline; background-color:#FFFFFF;}
.page_sommaire #conteneur #contenu .alerte .info_alerte{border:1px solid red; text-align:center; margin:0; padding: 5px;}

/***** RUBRIQUE *****/

/* Contact général de la rubrique (service) */


.page_rubrique .info_rubrique {
	clear:both;
	padding:10px;
	margin-bottom:15px;
	font-size:14px;
	background: #CDEBCD;
	border-bottom:2px solid #009900;
	font-weight:bold;
}
.page_rubrique .info_rubrique p {margin:0; padding:0; }
.page_rubrique .info_rubrique a {font-size:14px; }
.page_rubrique .info_rubrique .descriptif {margin-left:20px;} /* courriel général */

/* Contact général de la rubrique (site web) */


.page_rubrique .info_rubrique_web {
	clear:both;
	padding:10px;
	margin-bottom:15px;
	font-size:12px;
	background: #FFF;
	border:2px solid #DDD;
	font-weight:bold;
}
.page_rubrique .info_rubrique_web p {margin:0; padding:0; }
.page_rubrique .info_rubrique_web a {font-size:12px; color:#009900;}

/*** Liste des personnes de la rubrique (service) ***/
ul.infos_contact {}
ul.infos_contact li {display:block;padding:0; margin:0;}
ul.infos_contact li.personne_contact {float:left; width:35%;}
ul.infos_contact li.chapo { float:left;width:20%;margin-right:10px;}
ul.infos_contact li.descriptif {float:left; width:40%;}
ul.infos_contact li.fiche_contact {float:right;}
ul.infos_contact li.fonction_contact {clear:both;}

/***** Bloc "meme service" *****/

#contenu #meme_service{ 
	clear:both;
	float:left;
	border:1px solid #009900; 
	margin-top:10px; 
	background-color:#FFF;
	width:auto;
}
/* bandeau du bloc */
#contenu #meme_service .service{ 
	font-weight:bold; 
	color:#FFF; 
	background-color:#009900; 
	padding:5px 15px;
	margin:0;
}

/* sous services */
#contenu #meme_service p { margin:5px 15px;}
/* contacts dans chaque sous services */
#contenu #meme_service .sous_contact img{ vertical-align:middle; margin-left:10px;}
#contenu #meme_service .sous_contact .surtitre, #contenu #meme_service .sous_contact .titre, #contenu #meme_service .sous_contact .soustitre {font-size:10px; font-weight:normal;}


/***** Bloc "en relation avec" (mot-clé) ******/

#contenu #meme_mot{ 
	clear:both;
	float:left;
	border:1px solid #CCC;
	margin-top:10px; 
	background-color:#FFF;
	width:auto;
}
/* bandeau du bloc */
#contenu #meme_mot .relation{ 
	font-weight:bold; 
	color:#000; 
	background-color:#CCC; 
	padding:5px 15px;
	margin:0;
}

#contenu #meme_mot p{ margin:5px 15px;}
#contenu #meme_mot .surtitre,#contenu #meme_mot .titre, #contenu #meme_mot .soustitre {font-size:10px; color:#333; }
#contenu #meme_mot .descriptif {margin:0 0 10px 30px; font-size:10px; color:#333;}


#contenu .nom_departement { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:bold; 
	color:#009900;
}
#contenu .departement img{ vertical-align:middle; margin-left:10px;}
#contenu .departement .surtitre, #contenu .departement .titre{color:#000; font-size:10px; font-weight:normal;}
#contenu .departement .soustitre {color:#333; font-size:10px; font-weight:normal;}


/* info pour aide déplier */

.aide_deplier, .aide_rubrique{
	color:#000;
	font-weight:normal;
	font-size:10px;
	border-width: 1px;
 	border-color: #ffe #ccc #aaab9c #ffe;
 	border-style: solid;
}

.aide_deplier { background-color: #DDD; width:180px; padding:2px; text-align:center; }

.aide_rubrique { background-color: #FFF; margin-left:15px; padding:0 5px; }



/***** ARTICLE *****/


.page_article .soustitre {margin-bottom:20px;}
.page_article .descriptif {padding:10px 0; border-bottom:1px solid #009900;}

.observation{ font-weight:bold; color:#FFF; background-color:#333; padding:2px 0 2px 15px;}

#meme_service_article{ 
	clear:both;
	float:left;
	border:1px dashed #CCC;
	margin-top:10px; 
	width:99%;
}
/* bandeau du bloc */
#meme_service_article .relation{ 
	font-weight:bold; 
	color:#000; 
	background-color:#CDEBCD; 
	padding:5px 15px;
	margin:0;
}

#meme_service_article p{ margin:5px 15px;}
#meme_service_article .surtitre,#meme_service_article .titre {font-size:10px; color:#009900; }
#meme_service_article .soustitre {font-size:10px; color:#333; }

/* pour la pagination */
.pagination_article {font-size:10px;}
.pagination_article a {color:#333;  }

/***** PAGE de RECHERCHE ******/


/*** Liste des personnes de la rubrique (service) ***/
ul.infos_contact_recherche {margin-bottom:5px; border-bottom:1px solid #DDD;}
ul.infos_contact_recherche li {display:block;padding:0; margin:0;}
ul.infos_contact_recherche li.personne_contact {float:left; width:35%;}
ul.infos_contact_recherche li.chapo { float:left;width:20%;margin-right:10px;}
ul.infos_contact_recherche li.descriptif {float:left; width:40%;}
ul.infos_contact_recherche li.fiche_contact {float:right;}
ul.infos_contact_recherche li.fonction_contact {clear:both;padding-bottom:5px;}

.page_recherche .observation {margin-top:2px;}

/* Affichage des contacts sur le modèle de la liste alphabétique*/

/* Affichage pour Rubrique et Mots-clés */
.rech_rub, .rech_mot {margin:5px 2px;}
.rech_rub li img, .rech_mot li img {vertical-align:middle;}
.page_recherche h1, .page_recherche h2 {margin:0; padding:0;}

/* Message d'information sur la recherche */
.info_recherche {
	padding:10px;
	background:#ffe;
	font-size:10px;
}
.info_recherche p{padding:0; margin:0;}
.info_recherche a{text-decoration:underline;}



/***** PAGE LISTE ALPHABÉTIQUE *****/


/** Onglets alphabétiques **/

#onglets {
	padding: 0;
	margin:3px 0 10px 0;
}
#onglets li {
	display: inline;
	list-style: none;
	margin: 0;
}
#onglets a{
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	padding: 4px 6px 4px 6px;
	border: 1px solid #CCC;
}
#onglets a.onglets_off { color: #FFF; background-color: #333; }
#onglets a.onglets_off:hover { color:#FFF; background-color: #009900; }
#onglets a.onglets_on { color: #009900;	background-color: #FFF;	border:1px solid #333; }

/* Liste des personnes alphabétiques */

.contact_alpha {
	clear:both;
	padding:10px;
	margin:0;
	margin-bottom:10px;
	background:white;
	border-width: 2px;
 	border-color: #ccc #555 #333 #aaab9c;
 	border-style: solid;
}

ul.infos_contact_alpha {padding:5px 0; margin:0; border-bottom:1px solid #333;}
ul.infos_contact_alpha li {display:block;}
ul.infos_contact_alpha .surtitre {font-weight:normal;}
ul.infos_contact_alpha .service {font-size:11px; color:#333; margin:0; padding:0;}
ul.infos_contact_alpha .descriptif {float:right; width:35%; font-size:10px;}
ul.infos_contact_alpha .descriptif img{vertical-align:middle;}
ul.infos_contact_alpha .fiche_contact {float:right;}


/***** PLAN DU SITE *****/ 
 
.page_plan #contenu h1 {margin:10px 0 5px 0; padding:5px; border-top:1px solid #009900;border-bottom:1px solid #333;}
.page_plan #contenu h1 a{color:#009900;}
.page_plan ul, .page_plan li {display:block; font-family: Verdana, Arial, Helvetica, sans-serif; }
.plan_article {
	padding:2px 5px;
	border:none;
	font-weight:normal;
	font-size:12px;
}
.plan_rubrique {
	padding:2px 5px;
	margin-left:15px;
	border-left:1px solid #333;
	font-weight:bold;
	font-size:11px;
}
.plan_sousarticles {
	font-weight:normal;
	border-left:1px solid #009900;
	padding:2px 5px;
	margin-left:15px;
}
.plan_sousarticles a {color:#009900;}

.page_plan .soustitre {font-size:10px;}

/****** PAGE DE LOGIN ******/
.formulaire_spip { font-size: 12px; }
.formulaire_login { clear: both; }
.forml { width: 12em; font-family: inherit; font-size: inherit; background-color: #FFF; color:#000; }
.reponse_formulaire { font-weight: bold; color: red; }
.formulaire_login a {color:#009900;}
.page_login h2{text-align:center;}





.services_enscp {
	float:left;
	width:40%;
	padding:10px;
	border:1px solid #000;
	background:#FFF;
}
.services_labos {
	float:right;
	width:50%;
	padding:10px;
	border:1px solid #000;
}

.services_enscp .secteur, .services_labos .secteur {
	font-size:12px;
	font-weight:bold;
	margin:0 0 10px 0; padding:0;
}
.services_enscp .secteur a, .services_labos .secteur a {
	color:#009900;
}

.services_labos .unites {
	font-size:11px;
	font-weight:normal;
	margin:5px 0 0 10px; padding:0;
}
.services_labos .unites a {
	color:#000;
}



.page_groupe #conteneur #contenu {
	width:100%;
}

.page_groupe table {
	margin: 10px 0;
	border: 1px solid #009900;
	border-collapse: collapse;
	width:95%;
	font-size:11px;
}
.page_groupe table caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: left;
	padding: 3px;
	font-weight: bold; }
.page_groupe table tr.ligne_nom {background:#FFF;}
.page_groupe table tr.ligne_mail {background:#FFE; border-bottom:1px solid #009900;}
.page_groupe table td { padding: 3px; text-align: left; vertical-align: middle; }
.page_groupe table td.groupe_nom {font-size:12px;font-weight:bold; color:#009900; width:30%;}
.page_groupe table td.groupe_tel {font-weight:bold; width:25%;}


/*   debug hauter blocs contacs */

#contenu .listing {min-height:40px;}