@charset "utf-8";
/* CSS de base esup-insa-01.css

 	******************************************************************************
	* Copyleft (C) 2005  Hervé LABAS/Olivier FRANCO
	* Author : Hervé LABAS - INSA Lyon, Olivier FRANCO - INSA Lyon
	*
	* This program is free software; you can redistribute it and/or
	* modify it under the terms of the GNU General Public License
	* as published by the Free Software Foundation; either version 2
	* of the License, or (at your option) any later version.
	* 
	* This program is distributed in the hope that it will be useful,
	* but WITHOUT ANY WARRANTY; without even the implied warranty of
	* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
	* GNU General Public License for more details.
	* 
	* You should have received a copy of the GNU General Public License
	* along with this program; if not, write to the Free Software
	* Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
	******************************************************************************
	
	Please read all the terms of this licence GNU/GPL at http://www.gnu.org/
/* importation de la feuille de style additionnelle */
@import url(esup-additional.css);

/* Organisation générale 
 * style par défaut pour tout le document
 */
body{
        margin: 0;
        padding: 0;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		background : #dee7e9 url("../institutional/bgBody.gif") repeat-x top left; 
}

a {
	text-decoration: none;
	color : Black;
}

a:visited {
	color : Black;
}

a:hover {
	color : #993333;
	text-decoration: underline;
}

table {
	font-size: 100%;
}

/* Bandeau supérieur et options icônifiées 
 * style pour le bandeau supérieur : 
 *  - logo de l'établissment
 *  - menu des options
 *
 * structure du bandeau :
 * <div id="#bandeau">
 *  <div id="#welcome">
 *    <div id="#liste">
 *      menu
 *    </div>
 *  </div>
 * </div>
 *
 */

/* le conteneur principal du bandeau */
#bandeau{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100px;
	background: url("../institutional/bgBandeau.gif") no-repeat 0px 9px ;
}

/* le bandeau de l'établissement */
#bandeau #welcome {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100px;
	background: url("../institutional/bgWelcome.gif") no-repeat 100% 9px ;
}

/* le menu d'option */
#bandeau #menu
{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 28px;
	background: url("../institutional/bgMenu.gif") no-repeat 100% 0px ;
}

#bandeau #menu a
{
	color: #000000;
	font-weight: normal;
}

#bandeau #menu a:hover
{
	color: #990000;
}

#bandeau #menu p {
	display: block;
	position: static;
	padding: 0;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	font-size: 12px;
	color: #FFFFFF;
}

#bandeau #menu p a {
	font-weight: bold;
}

#bandeau #menu ul{
	display: block;
	position: static;
	float:right;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
	white-space: nowrap;
}

#bandeau #menu li { 
	display:inline;
	margin: 0 3pt 0 3pt;
	padding: 0;
	list-style-type:none;
	font-size: 70%;
} 

#bandeau #menu li a {
	padding: 0px;
	margin: 0px;
}

#bandeau #menu img { 
	border: none;
}

a:hover img { 
	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.7;
}

#onglets {
	clear: both;
	display: inline;
	width: 100%;
	float: left;
	margin: 0; 
	padding: 0;
	border-bottom:  1px solid #000000; /*#00519e*/
	background-image: url("../institutional/bgOnglets.gif");
	background-repeat:repeat;
}

#onglets ul {
	white-space:nowrap;
	clear: none;
	list-style: none;
	margin: 0;
	padding: 0;
	display:block;
	/*display: inline;*/
} 

#onglets li, #onglets li.no-space {
	margin: 0;
	float: left;
	margin: 5px 0px 0px 2px;
	padding: 0;
	text-align: center;
	/* font-variant: small-caps; */
	font-size: 80%;
	border-top: 1px solid #84CAE1;
	border-left: 1px solid #84CAE1;
	border-right: 1px solid #84CAE1;
	background-image: url("../institutional/bgOnglet.gif");
	background-repeat:repeat-x;
}

#onglets li .uportal-navigation-category {
	display:block;
	height:20px;
	padding-top: 3px;
}

#onglets li a, #onglets .actif {
	margin: 0;
	padding: 0px 11px 0px 11px;
	color: black;
	text-decoration: none;
	font-weight: normal;
}

#onglets li a:hover {	
	background-color:#FFFF99;
	color: black;
	background: url("../institutional/bgOngletHover.gif");
}

#onglets .actif {
	color: white;
	background: url("../institutional/bgOngletActif.gif");
}

#onglets .actif a, #onglets .actif a:hover  {
	background: transparent;
	padding: 6px 5px 6px 5px;
}

#onglets li span.actif {
	display:block;
	height:20px;
	padding-top: 3px;
}

#onglets #renameTab {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 85%;
}

#onglets .onglets-input {
	padding: 0;
	margin: 0;
	vertical-align: middle;
}

#onglets a.no-space, #onglets a.no-space:hover {
	margin: 0;
	background: transparent;
	vertical-align: top;
}

#onglets .actif a.no-space, #onglets .actif a.no-space:hover {
	padding: 0px 0px 0px 6px;
}

#onglets li.no-space {
	background: transparent;	
	border-top: 1px none Black;
	border-left: 1px none Black;
	border-right: 1px none Black;
	padding: 0px 0px 0px 0px;
}

#onglets li.no-space img {
	padding: 4px 0px 4px 0px;
}

#onglets li.no-space a:hover {
	background: transparent;
}

#onglets img {
	vertical-align: middle;
	border: none;
}

#sous-menu{
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #d8e9f2;
	border-bottom : 1px solid #84CAE1;
	display: none;
}

#sous-menu ul{
	margin: 0px 0 0 10px;
	padding: 3px 0px 3px 0px;
	white-space: nowrap;
	border-bottom: 0px solid Black;
}

#sous-menu li, #menu-preferences li {
 	list-style-type:none;
	display:inline; 
	margin-right:10px;
	padding-left:10px;
	color: #990000;
	font-weight: bold;
	border-left: 2px solid #84CAE1;
	font-size:75%;
}

#sous-menu a {
	color: black;
	text-decoration: none;
}

#sous-menu a:hover, #menu-preferences a:hover {
	text-decoration: none;
	color: #990000;
}

#sous-menu li.first, #menu-preferences li.first {
	padding-left:12px;
	border-style: none;
	background: url("../icons/first-list-sous-menu.png") no-repeat left;
	color: #1649a2;
}

/* Préférences */
#menu-preferences {
	margin: 0;
	padding: 5px;
	float:left;
	border-bottom: 1px dotted Black;
	border-width: 1px 1px 1px 1px;
	font-size: 100%;
	clear: both;
	width:100%;
	background-color:#0099CC;
}

#menu-preferences h1 {
	float:left;
	margin: 0 5px;
	padding: 0;
	font-size: 80%;
	color:#FFFFFF;
}

#menu-preferences ul {
	float:left;
	margin: 0;
	padding: 0;
	color:#FFFFFF;
}

#menu-preferences a {
	padding-left: 5px;
	font-size: 90%;
	color:#FFFFFF;
}

#menu-preferences a:hover {
	padding-left: 5px;
	font-size: 90%;
	color:#84CAE1;
}

/* Channels et contenu 
 *
 * structure
 * <div id="channels">
 *  <div class="column">
 *   <div class="channel-print">
 *    <div class="channel">
 *     <div class="channel-title">titre du canal + icones action</div>
 *     <div class="channel-content">contenu du canal</div>
 *    </div>
 *    ...
 *   </div>
 *  </div>
 *  <div class="column">
 *    ...
 *  </div>
 *  ...
 * </div>
 */

#channels {
	/* top right bottom left */
	clear: both;
	margin: 0;
	padding: 5px;
}

div.column {
	clear: none;
	padding: 0;
	margin: 0; /*	overflow: hidden;	*/
	margin-left: 0.25%; /*	overflow: hidden;	*/
	margin-right: 0.25%; /*	overflow: hidden;	*/
}

.channel {
	border-top: none;
	border-left:1px solid  #bfe0f1;
	border-bottom:3px solid  #bfe0f1;
	border-right:2px solid  #bfe0f1;
	background-color:white;
	margin: 5px 0px 5px 0px;
	padding:0;
	font-size: 85%;	
	overflow-x:hidden;
}

.channel .channel-title {
	margin: 0;
	padding: 0;
	color: #1649A2;
	background: url("../institutional/bgChannelTitle.gif") repeat-x top left;
	border: none;
	border-top:2px solid #bfe0f1;
	border-bottom:2px solid #bfe0f1;
}

/*.channel h1 devient .channel-title h1 sinon conflit de tous les h1 contenu dans un canal!*/
.channel .channel-title h1 {
	padding: 4px 0px 0px 10px;
	margin: 0;
	float: left;
	/*font-variant: small-caps;*/
	font-size: 12px;
}

.channel .channel-title .icones{
	margin: 0;
	padding: 0;
	text-align: right;
	padding: 0px 5px 0px 0px;
}

.channel .channel-title .icones img{
	margin: 0;
	padding: 0;
	border:0;
}

.channel .channel-title .icones ul {
 	list-style-type:none;
	display:block;
	margin: 0;
	padding: 0;
} 
.channel .channel-title .icones li {
	display:inline;
	margin: 0 0 0 2px;
	padding:0;
}

.channel .channel-content {
	padding: 10px;
	font-size: 80%;	
	width: 98%;
	overflow-x:auto;
	overflow-y:hidden;
}
div.column-prefs{	
	clear: none;
	padding: 0 ;
	margin: 0;
	/*width: 200%;
	white-space: nowrap;*/
}

div.column-prefs .channel .channel-content  {
	/*width: auto;	
	white-space: normal;*/
	padding: 3px;
	font-size: 80%;	
	width: 98%;
}
div.column-prefs  .channel {
	width: 98.5%;
	padding: 0px;
}

div.column-prefs div{
	padding-left: 45%;
	width: 100%;
}

div.column-prefs img{
	border:none;
}

/* Pied de page 
 * structure :
 * <div id="footer">
 *  <ul>
 *   <li>..</li>
 *   ...
 *  </ul>
 * </div>
 */

#footer {
	clear: both;
	font-size: 70%;
	text-align: right;
	background : white;
	border : 1px solid #84cae1;
	margin-top : -1px;
}

#footer ul li {
	display: inline;
	list-style-type: none;
	padding: 10px;
}

#footer img {
	border:0;
	padding: 0px;
	margin:0px;
}

/* headers */
h1 {
	font-size: 150%;
}

h2 {
	font-size: 130%;
}

h3 {
	font-size: 120%;
}

h4 {
	font-size: 110%;
}

/* 
img { 
	border: none;
	vertical-align: middle;
}
*/

.hidden {
	display: none;
}

.float-left {
	float: left;
}

/* restore normal flow layout */
hr.clear {
	visibility: hidden;
	border: 0;
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 0;
}

.channel .channel-content input.bouton,.channel .channel-content select {
	color : Black;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 100%;	
	background : #F6FBFF;
}

/***********************************************************************************
 Feuille de style initiale esup avec adaptation pour éviter les recouvrements
 ***********************************************************************************/

/*

	Remplacé tous les attributs font-size pour utiliser des pourcentages (resize...) 
		- x-small est devenu 90%
		- xx-small est devenu 85%
	
	Remplacé toutes les polices serif par des sans-serif (étant donné la taille, c'est plus lisible)
		- Geneva, "Times new roman", [...] serif; est devenu Arial, sans-serif;
	
	Modifié certaines couleurs pour éviter les rouge sur fond rouge (partie "signets", me signaler tout autre problème pour correction)
	
	Supprimé les soulignements des liens pour ne pas trop surcharger certaines pages, voir �  l'usage s'il 
	ne faut pas les remettre (mal-voyants repèrent les liens par la différence de couleur ou le soulignement
	mais les outils qu'ils utilisent forcent généralement le soulignement des liens)
*/

A.navigation {
	color : #fff;
	/*font-size : 90%;*/
	font-weight : bold;
	/*font-family : Bitsream Vera Sans,Arial, sans-serif;*/
	text-decoration: none;
}

A.navigation:visited {
	color : #E67D02;
	/*font-size : 90%;*/
	font-weight : bold;
	/*font-family : Arial, sans-serif;*/
}

A.navigation:hover {
	color : #FFFFCC;
	/*font-size : 90%;*/
	font-weight : bold;
	/*font-family : Arial, sans-serif;*/
	text-decoration: underline;
}

.navigation-selected {
	/*font-size : 90%;*/
	font-weight : bold;
	/*font-family : Arial, sans-serif;*/
	border-bottom : 1px dotted #ffffff;
	color : #FFFFFF;
}

A.uportal-navigation-category {
	color : Black;
	/*font-size : 90%;*/
	font-weight : bold;
	/*font-family : Arial, sans-serif;*/
}

A.uportal-navigation-category:visited {
	color : Black;
	/*font-size : 90%;*/
	font-weight : bold;
	/*font-family : Arial, sans-serif;*/
}

A.uportal-navigation-category:hover {
	color : #B23A3A;
	/*font-size : 90%;*/
	font-weight : bold;
	/*font-family : Arial, sans-serif;*/
	text-decoration: underline;
}

.uportal-navigation-category-selected {
	/*font-size : 90%;*/
	font-weight : bold;
	/*font-family : Arial, sans-serif;*/
	color : #000000;
}

A.uportal-navigation-channel {
	color : Black;
	/*font-family : Arial, sans-serif;*/
	/*font-size : 90%;*/
}

A.uportal-navigation-channel:visited {
	color : Black;
	/*font-family : Arial, sans-serif;*/
	/*font-size : 90%;*/
}

A.uportal-navigation-channel:hover {
	color : #993333;
	/*font-family : Arial, sans-serif;*/
	/*font-size : 90%;*/
	text-decoration: underline;
}

.uportal-navigation-channel-selected {
	background : Black;
	background-color : Black;
	/*font-family : Arial, sans-serif;*/
	/*font-size : 90%;*/
	color : White;
}

/* */
.uportal-text {
	color : Black;
	/*font-family : Arial, sans-serif;*/
	/*font-size : 90%;*/
	padding: 3px;
}

.uportal-text a {
	font-size: 100%;
}

.uportal-text-small {
	color : Black;
	/*font-family : Arial, sans-serif;*/
	font-size : 100%;
}

/* les boutons de formulaire */
.uportal-button {
	color : Black;
	/*font-family : Arial, sans-serif;*/
	/*font-size : 85%;*/
	background : #F6FBFF;
	border: 1px solid black;
	font-size : 100%;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 1px 0px 1px;
	/* change cursor for this elements 
	note : we put one cursor for real browser + one cursor for ie
	never change this order !
	*/
	cursor: pointer;
	cursor: hand;
}

/* change colors on over : does not work in ie */
.uportal-button:hover {
	background: #FFFFCC;
	color: Black;
}

/* les labels de formulaire */
.uportal-label {
	color : Black;
	/*font-family : Arial, sans-serif;*/
	/*font-size : 85%;*/
	font-size: 100%;
	font-weight : bold;
}

/* les champs de saisi de formulaire */
.uportal-input-text {
	color : Black;
	font-size: 100%;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background : #F6FBFF;
	border: 1px solid black;
	margin: 1px 1px 0px 1px;
}

.uportal-text-reversed {
	color : White;
	/*font-family : Arial, sans-serif;*/
	/*font-size : 90%;*/
}

.uportal-crumbtrail {
	/*font-family : Arial, sans-serif;*/
	/*font-size : 85%;*/
	color : #666666;
}

.uportal-copyright {
	/*font-family : Arial, sans-serif;*/
	font-size : 85%;
	color : Black;
	font-style : italic;
}

/* text de contenu de canal */
.uportal-channel-text {
	color : Black;
	font-size : 100%;
	/*font-family : Arial, sans-serif;*/
	/*font-size : 90%;*/
}

/* titre d'un canal */
.uportal-channel-title {
	color : #ffffff;
	/*font-family : Arial, sans-serif;*/
	/*font-size : 90%;*/
	font-weight : bold; 
}

.uportal-channel-title-reversed {
	color : #663333;
	/*font-family : Arial, sans-serif;*/
	/*font-size : 85%;*/
	font-weight : bold;
}

/* titre du contenu du canal */
.uportal-channel-subtitle {
	color : #999999;
	/*font-family : Arial, sans-serif;*/
	/*font-size : 90%;*/
	font-weight : bold;
}

.uportal-channel-subtitle-reversed {
	color : #333333;
	/*font-family : Arial, sans-serif;*/
	/*font-size : 85%;*/
	font-weight : bold;
}

.uportal-channel-emphasis {
	font-weight : bold;
	/*font-size : 90%;*/
	/*font-family : Arial, sans-serif;*/
}

.uportal-channel-strong {
	font-weight : bold;
	/*font-size : 90%;*/
	/*font-family : Arial, sans-serif;*/
}

.uportal-channel-code {
	color : Black;
	/*font-size: 90%;*/
	font-family: Monaco, Andale Mono, monospace;
}

.uportal-channel-copyright {
	/*font-family : Arial, sans-serif;*/
	font-size : 85%;
	color : Black;
	font-style : italic;
}

.uportal-channel-warning {
	/*font-size: 85%;*/
	/*font-family: Arial, sans-serif;*/
	color : #993333;
}

.uportal-channel-error {
	color : #993333;
	/*font-size: 85%;*/
	/*font-family: Arial, sans-serif;*/
}

.uportal-channel-table-caption {
	color : #993333;
	/*font-family : Arial, sans-serif;*/
	/*font-size : 90%;*/
	font-weight : bold;
	text-align: center;
}

.uportal-channel-table-header {
	color : #993333;
	/*font-family : Arial, sans-serif;*/
	/*font-size : 90%;*/
	font-weight : bold;
	text-align: center;
}

.uportal-channel-table-row-even {
	color : Black;
	/*font-size: 85%;*/
	/*font-family: Arial, sans-serif;*/
}

.uportal-channel-table-row-odd {
	color : #666666;
	/*font-size: 85%;*/
	/*font-family: Arial, sans-serif;*/
}

.uportal-background {
	background : #000000;
	background-color : #000000;
}

.uportal-background-dark {
	background: #990000;
	background-color: #990000;
	/*padding: 3px;*/
}

.uportal-background-med {
	background : #D9DACC;
	background-color: #D9DACC;
}

.uportal-background-light {
	background : #F2F2E8;
	background-color : #F2F2E8;
}

.uportal-background-content {
	background: white;
	background-color: white;
}

.uportal-background-highlight {
	background : #DDDDDF;
	background-color : #DDDDDF;
}

.uportal-background-shadow{
	background : #000000;
	background-color : #000000;
}

.uportal-background-page {
	background : #FFFFFF;
	background-color : #FFFFFF;
}

.uportal-background-semidark {
	background: #BFE0F1;
	background-color: #BFE0F1;
}

.uportal-background-selected {
	background : #2886A4;
	background-color : #2886A4;
}

.uportal-background-neutral-dark {
	background: #722626;
	background-color: #722626;
}

.uportal-background-neutral-light {
	background:	#E4ADAD;
	background-color:	#E4ADAD;
}