/* style global (bandeau avec logo) */
.Mainglobal		{ position: absolute; width: 980px; top: 10px; font-family: Arial, Helvetica, sans-serif; padding-bottom: 0px; margin-bottom: 0px;}

.MaintopMenu	{ background: #005ea8; padding-left: 40px; }
/* topMenu: bande bleue avec accès Intranet */
/* .topMenuImg	{ background: #003399 url("/images/menu-ulp.jpg") no-repeat scroll top right; */
.topMenuImg	{ background: #005ea8 url("/images/right-banner-uds.png") no-repeat scroll top right;
		  padding-right: 130px; text-align: right; color: white; font-weight: bold; font-size: 10pt; font-family: Arial, Helvetica, sans-serif;}

/* Bande gauche avec lien de navigation */
div.context	{ position: absolute; top: 125px; left: 5px; width: 150px; 
	 	  padding-left: 5px; padding-right: 2px; }

/* Class contact avec fond bleu clair */
.contact	{ background: #CCEEFF; border-style: solid; border-width: 1px; border-color: #000000;
			font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; }

/* Class photo */
.photo		{ border-style: solid; border-width: 1px; border-color: #000000; }

/* Pour afficher Login info */
.loginInfo	{ text-align: right; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

/* Style des cases du beandeau gauche pour l'affichage des liens */
.menuCell	{ height: 30px; text-align: right; color: #003399; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding-left: 10px; padding-right: 1px; }

/* Liens dans le menu */
a.menu:link, a.menu:visited, a.menu:active {font-family: Arial, Helvetica, sans-serif; color: #003399; text-decoration: none; font-size:14px; }
a.menu:hover { background : transparent url(images/fleche.gif) no-repeat;  text-decoration: none; color: #003399; padding-left: 23px;}

/* La partie principale du site */
.main	{ position: absolute; top: 125px; left: 170px; width: 810px; padding-left: 10px;
		  border-left-style: dotted; border-left-width: 1px; border-left-color: #444444; }

/* La partie actualité */
.actu	{ position: absolute; top: 450px; left: 650px; width: 370px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; 
		border-style: dotted; border-width: 1px; border-color: red; background: #FFEEEE; text-align: left; }

.actuS	{ position: absolute; top: 450px; left: 650px; width: 370px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; 
		border-style: solid; border-width: 2px; border-color: black; background: #FFFEEE; text-align: left; }



/* Le reste */
select { font-size: 11px; font-family: Arial, Helvetica, sans-serif;} 
input, textarea { font-size: 11px; font-family: Arial, Helvetica, sans-serif;} 
.TitrePage { font-family: Arial, Helvetica, sans-serif; font-size: 24px ; color: #003399; font-weight: bold; margin-bottom: 30px;} 
.SousTitrePage { font-family: Arial, Helvetica, sans-serif; font-size: 18px ; color: #666666}
.IntertitrePage { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold}
.TitreParagraphe { font-family: Arial, Helvetica, sans-serif; font-size: 14px ; color : #666666; font-weight: bold}
.Texte { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify}
.Textecol { font-family: Arial, Helvetica, sans-serif; font-size: 12px; position: relative; left: -5px }
.Texteblanc { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.Lienbleu { color: #003399}
.Lienblanc { color: #FFFFFF}
.Lienvisite { color: #999999}
.Legendes { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 10px}

/* Pour la page des logos */
.logoTitre h1 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 0.9em ; 
	color : #333; 
	font-weight: bold
	background-color: white;
 	background: transparent url(http://lsiit-cnrs.unistra.fr/Intranet/images/deco_titres.png) no-repeat; 
	padding: 0 0 0 25px;
}

.small_link { font-family: Arial, Helvetica, sans-serif; font-size: 10px ; color: #003399}

.small { font-family: Arial, Helvetica, sans-serif; font-size: 10px ;}
.small a{ font-family: Arial, Helvetica, sans-serif; font-size: 10px ;}

/* styles des cases (personel + seminaires + thèses */
td.perso_left, td.perso_right, td.perso, td.perso2_left, td.perso2_right, td.perso2, th.perso, th.perso_rect { 
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 20px;
	border-bottom: #666 solid 1px;
}
td.perso_left {
	border-left: #666 solid 1px;
}
td.perso_right	{
	border-right: #666 solid 1px;
}
/* background diff. pour la classe perso2 */
td.perso2_left, td.perso2_right, td.perso2 {
	background: #DDEEFF;
}
td.perso2_left {
	border-left: #666 solid 1px;
}
td.perso2_right	{ 
	border-right: #666 solid 1px;
}
/* en-tete: texte plus grand et gras */
th.perso, th.perso_rect, th.perso2 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white; 
	height: 25px;
}
/* avec le coin arrondi */
th.perso {
	background: #666 url("/images/thesis_ul_gr.png") left top no-repeat;
}
th.perso_bottom	{ 
	background: url("/images/thesis_low_gr.png") left top repeat-x; 
}
th.perso2	{ 
	background: #039 url("/images/thesis_ul.png") left top no-repeat; 
}
th.perso2_bottom	{ 
	background: url("/images/thesis_low.png") left top repeat-x; 
}
/* pas de coin arrondi */
th.perso_rect	{ 
	background: #666; 
}

td.event	{ text-align: justify; border-right: #039 solid 1px; border-left: #039 solid 1px; background: #DDEEFF; padding: 10px; }
td.eventOld	{ text-align: justify; border-right: #666 solid 1px; border-left: #666 solid 1px; background: #EEEEEE; padding: 10px; }

/* font des champs obligatoires dans les formulaires */
font.obl	{ color: red; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }

a {
	color:#003399;
	text-decoration:none;
	font-weight:600;
}

a:hover {
	color:orange;
}

/* La partie actu de l'intranet */
/*.actu_intra	{ position: absolute; top: 620px; left: 600px; width: 350px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; */
.actu_intra	{ 
	position: absolute;
	top: 119px;
	left: 410px;
	width: 210px;
	padding-left:10px; 
	padding-right: 10px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	border: 1px dotted red; 
	border-top: 0px;
	background: #FFEEEE; 
	text-align: left; 
}

.event_intra	{ 
	position: absolute; 
	top: 250px; 
	left: 420px; 
	width: 185px; 
	padding-left: 10px; 
	padding-right: 10px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	border: 1px dotted green; 
	background: #DFD;
	text-align: left; 
}


/* Flux rss */
.rss a {
      text-decoration: none;
      font-size:12px;
      color: #003399;
}
.rss a:hover {
      text-decoration: none;
      font-size:12px;
      color: orange;
}
ul.rss {
      margin: 0;
      padding: 0;
      list-style-image: url(/images/rss.png);
      list-style-position: inside;
      text-align: right;
}

/* */
dl { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}
dt {
     position: relative;
     left: 0;
     top: 1.1em;
     width: 100%;
     }

dd { 
     font-weight: normal;  
     border-left: 1px solid #000;
     margin: 0 0 0 16em;
     padding: 0 0 .5em .5em;
}

dd > dl { margin: 0; }
dd > dl > dt { text-decoration:underline; margin-bottom: 20px;}
dd > dl > dd { border: none; margin-left: -1px; }


