/*
 Fichier : defaut.css
 ---------------------
 Styles du squelette du kit-unr
 Version : 20080229
 Dernière mise à jour : 2008-04-16
 Auteur : Emmanuelle Gerstenkorn
-------------------------------------------------------------------------------- */


/*
 Hacks
--------------------------------------------------------------------------------*/

.clearfix:after 		{content: "."; display: block; height:0; clear: both; visibility: hidden}

.clearfix 			{display: inline-block}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*
 General 
-------------------------------------------------------------------------------- */

html				{height:100%;}

body 				{min-height:100%; font:71%/1.5 "Trebuchet MS",Arial,Helvetica,sans-serif; position:relative; color:#444; background:#31325A;}

hr				{height:1px; margin:-.5em 0; padding:0; color:#bdaeac; background-color:#bdaeac; border:0;}

strong 				{font-weight:bold; color:#808080;}

ul				{list-style:none; margin:0; padding:0;}
/*


 Blocs Principaux
-------------------------------------------------------------------------------- */

#page 				{width:75em; text-align:left; margin:0 auto; padding:0 .5em 2em;}

#navigation-generale 		{width:95%; margin:0 auto; padding:1em 0; text-align:center; height:1.5em; line-height:1.5em; background:transparent; font-size:.85em;}

#conteneur	 		{width:100%; position:relative;}

#conteneur #contenu 		{float:right; width:70%; min-height:500px; /* empecher decalage gauche quand contenu plus long */}

#navigation-menu 		{float:left; width:20%; text-align:center; margin:0; padding:0 2% 0 1%; border-right:1px solid #d2dce5;}

#pied 				{clear:both; text-align:center; padding-top:1em; border-top:1px dotted #d2dce5;}


/*
 En tete et logos (in #pied)
-------------------------------------------------------------------------------- */

#entete 			{width:100%; position:relative; text-align:center; border:0 none; padding:0; height:200px; border:1px solid #d2dce5;}

#logos 				{text-align:center; margin:1em 0 2em 0; width:100%;}

#logos .spip_logos 		{margin:0; padding:0;}

#logos span 			{margin:3%;}

#entete #titreSite 		{float:none; margin:0; padding:0;}

#titreSite a img 		{position:relative; margin:0; padding:0;}

#titreSite h1 			{font:bold 50px "Lucida grande",georgia,serif; padding-top:50px;}

#titreSite h2 			{font:italic 150% "Lucida grande",georgia,serif;}


/*
 Menu Haut
-------------------------------------------------------------------------------- */

#menu_langues 			{float:left;}

#menu_langues a 		{margin:0; padding:0; text-align:left;}

#navigation-generale ul		{margin:0 auto; text-align:center; font-size:1.2em; width:60%;}

#navigation-generale li		{display:inline;}

#navigation-generale a		{margin:1em 0 0; padding:0 .5em; color:#333;}

#navigation-generale a.first	{}


/*
 Formulaires
-------------------------------------------------------------------------------- */

.formulaire_spip		{font-family:arial,helvetica,serif; font-size:1em;}

.formulaire_recherche 		{float:none;}

#navigation-menu .formulaire_recherche 
				{width:100%;}
#navigation-menu form 		{margin:1.5em 0; overflow:hidden; }

.formulaire_menu_lang 		{margin:0; padding:0; margin-bottom:1em; position:relative; top:-1em; right:2em; left:0; float:left; width:8em; line-height:1em; height:1em;}

#search label			{display:none;}

#recherche input		{font-size:.9em;}

#recherche input[type=submit],
#recherche input[type=reset] 	{width:auto; height:auto; margin:0; padding:0 1px; border:1px solid #ddd; color:#000; text-align:right; cursor:pointer; line-height:1em; height:1em;}

input#recherche 		{background:#fff; width:78%; float:left;}

.formulaire_recherche input[type=submit].btn 
				{float:right; width:20px; height:20px; border:0; background: url(../images/valider.gif) no-repeat left top;}
				
#recherche input[type=submit]:hover 
				{background:#666; color:#fff;}

a#formulaire_recherche		{border:0 none;}

.formulaire_menu_lang label	{display:none;}

.formulaire_menu_lang select 	{background-color:#C8D496; color:#555;}


/*
 Fil d'ariane
-------------------------------------------------------------------------------- */

#hierarchie			{font-size:1em; margin:.5em 0; text-align:right;}


/*
 Menu Gauche
-------------------------------------------------------------------------------- */


/*
 Redefinition des styles Spip (issus squelettes de dist/)
-------------------------------------------------------------------------------- */

div.cartouche			{border:1px solid #d2dce5; border-width:0 0 1px; padding:0 0 1em; margin:0;}

.cartouche .traductions 	{font-size:1em;}

.page_plan .cartouche 		{display: block;}

.page_plan #contenu h2 		{clear:both; background:#EEE; border:1px solid #CCC; padding:.5em; margin-bottom:1em; font-weight:bold; text-align:center; color:red;}

.page_plan #contenu .contre-encart ul 
				{display:block; clear:left; margin-top:0; margin-left:1.5em; margin-bottom:1em; padding-top:0;}

.page_plan #contenu .contre-encart li ul 
				{margin-left:1.5em;}

h1.titre, .cartouche h1.titre 	{color:#2582a4; font-size:2.5em; font-weight:bold;}

div.contre-encart, 
div.chapo			{font-weight:normal; margin:0; padding-top:1.25em; font-size:1em;}

div.chapo p 			{margin:0; padding:0;}

.page_article div.chapo 	{border:1px solid #d2dce5; border-width:0 0 1px; padding:1.25em 0; margin-bottom:0;}
.page_article div.texte, 
.page_sommaire div.texte 	{margin-top:1.25em;}

#contenu .contre-encart 	{float:left; width:70%;}

#contenu .encart 		{float:right; width:28%; margin:0; margin-bottom:1em;}

.spip_surligne			{background:#d2dce5;}

h3.spip 			{font-size:1.7em; font-family:verdana,helvetica,arial,sans-serif; text-align:left; color:#555;}

.lien 				{margin:0; padding:0; background:0 none; border:0 none; font-size:1em; font-weight: normal;}

.auteur				{font-variant:small-caps; color:#777;}

.auteur a			{font-variant:small-caps; color:#903;}

.date				{color:#777;}

.liste-articles .date		{font-weight:bold;}

div.syndic 			{margin-top:1.5em;}

ul.spip 			{list-style:disc;}
ol.spip				{list-style:decimal;}
ul.spip ul.spip			{list-style:square;}
ul.spip ul.spip	ul.spip		{list-style:circle;}
li.spip 			{margin:0; padding:0; margin-left:1.25em;}

/*
 Styles crees
------------------------------------------------------------------------------- */

/* annuaire de liens */

#contenu dl.liste-sites		{clear:left; border-bottom:1px solid #ececec; padding:1em 0; margin:0}

#contenu .liste-sites dt a	{float:left; margin-right:1.5em;}

#contenu .liste-sites dd	{border-left:1px dotted #ececec; margin-left:0; padding-left:1em;}


#contenu .spip_logos 		{margin-bottom:.5em; border:1px solid #bdaeac;}

#contenu  img.spip_logos 	{margin:0; border:0 none;}

.page_site p.soustitre 		{margin:0 0 .5em;}

.page_site h2 			{margin:1em 0 0;}

.page_site hr			{height:1px; margin:1em 0 1.5em;/*padding:-.5em 0; ne passe pas validation */padding:0; color:#ececec; background-color:#ececec; border: 0;}

#navigation-menu .noPuce,
#navigation-menu .menu-racine li.noPuce 
				{background:0 none;}

#contenu .texte 		{margin-right:2%;}


#pied small, 
#contenu small, 
#contenu p.soustitre		{font-size:1em;}


/*  Couleurs
-------------------------------------------------------------------------------- */

#page				{background:transparent;}

#entete,
#entete #titreSite		{background:#fff;}

#titreSite h1			{color:#9cb242;}

#titreSite h2			{color:#becf74;}

a				{color:#87A019;}

a:hover				{text-decoration:none; color:#2582A4;}

#navigation-generale a,
#pied a				{color:#a1a1a1;}
#navigation-generale a:hover,
#pied a:hover			{text-decoration:underline;}

h2,h3,h4,h5,h6,h7		{color:#2582A4;}

.page_plan #contenu h2		{background:#d2dce5; border:1px solid #a1a1a1; border-width: 1px 0;}

.page_plan #contenu h2 a	{color:#195866;}

a.spip_out			{color:#db7623;}

#navigation-menu div.affiche ul li.lienMenu a
				{color:#87a019;}
				
#navigation-menu ul.menu-racine li,
ul.menu-racine li a 		{color:#868bb2;font-weight:bold;}

#navigation-menu ul.menu-racine li a:hover 
				{color:#87a019;}
#navigation-menu ul.menu-racine li.lienMenuon a 
				{color:#2582a4;}

/* plan et mini plan des rubriques : memes styles que #documents_joins */

.rubriques 			{background:transparent; border:0 none;}

.rubriques .menu-titre 		{background:transparent; text-align:left; border:0 none;}

.rubriques 			{font-size:1em; margin-top:1.4em; padding-top:2px; border-top:2px solid #CCC;}

.rubriques h2 			{margin-bottom:.4em; font-weight: bold;}

.rubriques ul 			{padding-left:1em;}

.breves 			{background:transparent;}

.breves .menu-titre 		{background:transparent;}

.syndic 			{background:#EBF4F7;}

.syndic .menu-titre 		{background:#D7E8EE;}

.forums 			{background:transparent;}

.forums .menu-titre 		{background:transparent;}

.divers 			{background:transparent;}

.divers .menu-titre 		{background:transparent;}

#contenu p 			{color:#616161;}

#contenu .cartouche p 		{color:#a1a1a1;}


/* angles 
------------------------------------------------------------------------------- */

/* http://www.journaldunet.com/developpeur/tutoriel/css/051206-css-boite-bordure-arrondi.shtml */
/*************** Coins arrondis **************/

div.angle 			{width:95%;margin: 0 auto; background:transparent; text-align:left;}

.angle .top, .angle .bottom 	{display:block; background:transparent; font-size:1px;}

.angle .b1, .angle .b2, 
.angle .b3, .angle .b4, 
.angle .b1b, .angle .b2b,
.angle .b3b, .angle .b4b 	{display:block; overflow:hidden;}

.angle .b1, .angle .b2, 
.angle .b3, .angle .b3b
.angle .b1b, .angle .b2b  	{height:1px;}

.angle .b1, .angle .b1b 	{margin:0 5px;}

.angle .b2, .angle .b2b 	{margin:0 3px; border-width:0 2px;}

.angle .b3, .angle .b3b 	{margin:0 2px;}

.angle .b4, .angle .b4b 	{height:2px; margin:0 1px;}

.b1, .b2, .b3, .b4 		{background:white; border:1px solid white;border-width:0 1px;}

.b1b, .b2b, .b3b,.b4b 		{background:white; border:1px solid white;border-width:0 1px;}

.angle #boxcontent 		{padding:0; margin-bottom:0; display:block; background:white; border:10px solid white; border-width:7px 10px;}

/* Menu */

#navigation-menu 		{margin:-30px 0px 0px 0px; text-align:left;}

#navigation-menu a 		{display:block; text-decoration:none;}

#navigation-menu a:hover 	{font-weight:bold;}

.menu-racine li 		{color:#666; border-top:2px dotted #a1a1a1; margin:0; margin-top:.5em; font-weight:bold; font-size:1.1em;}

.menu-racine li a 		{padding-right:30px; /* width of icon + whitespace */}

#navigation-menu .sousmenu li	{margin:0; margin-left:2em; border:0 none; font-size:1em;}

#navigation-menu .sousmenu li a {font-weight:normal;}

#navigation-menu .sousmenu li.on a 
				{font-weight:bold;}

#navigation-menu li.onChild 	{background: transparent url(../images/moins.png) no-repeat 100% 5px; padding:0;}

#navigation-menu li.offChild 	{background: transparent url(../images/plus.png) no-repeat 100% 5px; padding:0;}


#navigation-menu li.off 	{background:0 none; padding:0;}

#navigation-menu li.on 		{background:0 none; padding:0;}

.affiche			{visibility:visible;}

.cache				{display:none;}

/*
 Ajustements 
-------------------------------------------------------------------------------- */

/* Septembre 2007  */

.page_plan #contenu h2 		{clear:both; background:#fdfff7; border:0 none; border:1px solid #d2dce5; border-width:1px 0; padding:.5em; margin-bottom:1em; font-weight:bold; text-align:center;}

#navigation-generale, 
#pied				{color:#8B8B8B;}

#navigation-generale a 		{color:#fdfff7;color:#333;}

#pied a 			{color:#aaa;}

#contenu .syndic 		{background:#Dbf0f5;}

#contenu .syndic .menu-titre 	{background:#fdfff7;}

/* Mise a jour 2007-11-09  */

.formulaire_menu_lang select 	{background-color:#C1C1CD; color:#555;}

#navigation-generale li, 
#navigation-generale li a 	{color:#C1C1CD;}

#titreSite h1, 
#titreSite h2 			{color: #2582A4;}


/* Programme de colloque */
/* mise à jour 2008-03-27 */
/* mise à jour 2008-05-13 */


div.jour * 			{margin:0; padding:0;}
.jour ul, .jour li 		{margin:0; padding:0; list-style:none;}

div.jour 			{margin-top:-1.3em;}  /* correction padding-top de div.contrencart */

.encart div#documents_joints 	{margin-top:5em;}

#contenu .jour h2 		{overflow:hidden;background:#B9D2D3; border:1px #B9D2D3; color:#333; margin-top:1.5em;padding:.5em; font-size:1.2em;}

* html #contenu .jour h2 	{height: 1%;}

.jour h3 			{background:white; padding:.5em; margin:0; border:1px solid #B9D2D3; border-width:0 1px 1px 1px; color:#f93; font-size:1.1em; text-align:center;}

.jour ul 			{position:relative; margin:0;}

.jour li 			{margin-top:.5em;}

.jour dl 			{background:#ececec; border:1px solid #ccc; position:relative;}

.jour dl.pause,
.jour dl.plenier,
.jour dl.soiree 		{background:white;}

.jour dt 			{text-align:center;}

.jour dl dt span 		{display:block; font-weight:normal; font-size:.85em; color:#777;}

.jour dt 			{font-size:1.1em; font-weight:bold; clear:left;}

.jour dd.horaire 		{float:left; padding-left:.5em;}

.jour .lieu 			{text-align:right; font-size:.85em; padding-right:.5em;}

/** la communication **/

dd.detail 			{margin:1em 0; padding-right:.5em;}

dd.detail ul 			{position:relative; display:inline;}

dd.detail li 			{margin:0; padding:0; margin-left:15%;}

dd.detail li.horaire 		{margin-left:.5em;}

dd.lieu, li.lieu 		{position:absolute; top:1px; right:1px;}

/** les formats de la communication **/

dd.detail li.titre 		{background: url(../../dist/puce.gif) no-repeat left top; padding-left:15px; line-height:15px; min-height:15px; text-align:left;}

dd.detail li.auteurs 		{font-weight:bold;}

dd.detail li.auteurs a 		{color:#444;}

dd.detail li.documents 		{line-height:1em; color:#777;}

dd.detail li.documents a 	{color:#900;}

dd.detail li.documents li 	{display:inline; margin:0;}

/** mise en forme sessions thématiques **/

dd.thema 			{margin:1em 0; text-align:center;}

dd.thema ul 			{margin:1% 0 2% 4px; padding:0 1%; background:white; border:1px solid #B9D2D3; float:left; position:relative; text-align:left; height:auto; min-height:2.5em;}

/** les mots clefs dans la communication */

.premierMotCle {text-transform:capitalize;}