/*****************************************************************************/
/* Version : CSS 3.0
/* Nom du fichier : defaut.css
/* Programmeur : Walter
/* But du module : Fichier css, contenant le design global du portail. Il 
/* contient la mise en forme pour les menus, pour les copyrights.
/* Copyright : HPG
/*****************************************************************************/

/*****************************************************************************/
/* Page en entier
/*****************************************************************************/
body
{
	
	margin: auto;
	background-image: url('../../img/defaut/bg_etoile.png');
	font-size: 11px;
	font-family: Arial,serif;
	color: #b3c2c3;
	font-weight: bold;
	background-color: inherit;
}

/*****************************************************************************/
/* Affichage de l'arrière-plan
/*****************************************************************************/
#arrierePlanGauche1
{
	background-image: url('../../img/defaut/arrierePlanGauche1.png');
	background-repeat:  no-repeat;
	background-position: top left;
	height: 250px;
}
#arrierePlanGauche2
{
	background-image: url('../../img/defaut/arrierePlanGauche2.png');
	background-repeat:  no-repeat;
	background-position: top left;
	height: 250px;
}
#arrierePlanGauche3
{
	background-image: url('../../img/defaut/arrierePlanGauche3.png');
	background-repeat:  no-repeat;
	background-position: top left;
	height: 250px;
}
#arrierePlanGauche4
{
	background-image: url('../../img/defaut/arrierePlanGauche4.png');
	background-repeat:  no-repeat;
	background-position: top left;
	height: 250px;
}
#arrierePlanGauche5
{
	background-image: url('../../img/defaut/arrierePlanGauche5.png');
	background-repeat:  no-repeat;
	background-position: top left;
	height: 250px;
}
#arrierePlanDroit1
{
	background-image: url('../../img/defaut/arrierePlanDroit1.png');
	background-repeat:  no-repeat;
	background-position: top right;
	height: 250px;
}
#arrierePlanDroit2
{
	background-image: url('../../img/defaut/arrierePlanDroit2.png');
	background-repeat:  no-repeat;
	background-position: top right;
	height: 250px;
}
#arrierePlanDroit3
{
	background-image: url('../../img/defaut/arrierePlanDroit3.png');
	background-repeat:  no-repeat;
	background-position: top right;
	height: 250px;
}
#arrierePlanDroit4
{
	background-image: url('../../img/defaut/arrierePlanDroit4.png');
	background-repeat:  no-repeat;
	background-position: top right;
	height: 250px;
}
#arrierePlanDroit5
{
	background-image: url('../../img/defaut/arrierePlanDroit5.png');
	background-repeat:  no-repeat;
	background-position: top right;
	height: 250px;
}

/*****************************************************************************/
/* Affichage du portail
/*****************************************************************************/
#portail
{
	padding-top: 25px;
	text-decoration: none;
	width: 900px;
	margin: auto;
	
}
	#portail #barreShare1
	{
		float: left;
		margin-top: -20px;
		padding-left: 10px;
	}
	#portail #barreShare
	{
		float: right;
		margin-top: -20px;
		padding-right: 10px;
	}
	#portail #barreShare .bouton
	{
		background-color: #342E32;
		color: #b3c2c3;
		width: 100px;
		height: 20px;
		font-size: 10px;
		border:1px solid #b3c2c3;
	}
	/* Affichage du haut du portail */
	#portail .header0
	{
		background-image: url('../../img/defaut/header0.png');
		background-repeat: no-repeat;
		background-position: top center;
		height: 215px;
		z-index: 1;
	}
	#portail .header1
	{
		background-image: url('../../img/defaut/header1.png');
		background-repeat: no-repeat;
		background-position: top center;
		height: 215px;
		z-index: 1;
	}
	#portail .header2
	{
		background-image: url('../../img/defaut/header5.png');
		background-repeat: no-repeat;
		background-position: top center;
		height: 215px;
		z-index: 1;
	}
	
	#portail .transparentHeader
	{
		z-index: 5;
	}
	
		/* Affichage du menu Principal */
		#portail .menuPrincipal
		{
			margin-top: -43px;
			z-index: 3;
		}
		
		/*mise en forme du menu principal */
		#portail .menuPrincipal table 
		{
			margin: auto;
			text-align:  center; /* centrage du tableau sous IE */
		}
			#portail .menuPrincipal td
			{
				background-color: inherit;
				color : #FFFFFF;
				font-weight: bold;
				width: 200px;
				text-align: center;
			}
			
			/* Mise en forme des hyperliens dans le menu principal */
			#portail .menuPrincipal a
			{
				text-decoration: none;
				background-color: inherit;
				color : #FFFFFF;
				font-weight: bold;	
			}
		/* Affichage du menu Principal du portail*/
		#portail .menuPrincipalPortail
		{
			margin-top: -43px;
		}
		/*mise en forme du menu principal du portail */
		#portail .menuPrincipalPortail table 
		{
			margin: auto;
			text-align:  center; /* centrage du tableau sous IE */
		}
			#portail .menuPrincipalPortail td
			{
				background-color: inherit;
				color : #FFFFFF;
				font-weight: bold;
				width: 400px;
				text-align: center;
			}
			
			/* Mise en forme des hyperliens dans le menu principal */
			#portail .menuPrincipalPortail a
			{
				text-decoration: none;
				background-color: inherit;
				color : #FFFFFF;
				font-weight: bold;	
			}
			
			/* Affichage des infos ressources */
			#portail .infoRessource
			{
				background: url('../../img/defaut/corps.png') repeat-y center;
			}
			
			/* Mise en forme du sous-menu gauche */
			#portail .infoRessource .sousMenuGauche
			{
				float: left;
				width: 150px;
				padding-left: 30px;
				
			}
				/* Mise en forme du contenu de la liste dans le menu */
				#portail .infoRessource .sousMenuGauche ul,li
				{
					list-style-type: none;
					margin: 0;
					padding: 0;
				}
				
				/* Mise en forme des hyperliens dans le menu */
				#portail .infoRessource .sousMenuGauche a
				{
					background-color: inherit;
					color: #b3c2c3;
					display: block;
					width: 150px;
					height: 20px;
					text-decoration: none;
					padding-left: 30px;
				}
				
				/* Mise en fome pour les hyperliens */
				#portail .infoRessource .sousMenuGauche .symbole1 a{background: url('../../img/defaut/menuGauche1.png') no-repeat;}
				#portail .infoRessource .sousMenuGauche .symbole2 a{background: url('../../img/defaut/menuGauche2.png') no-repeat;}
				#portail .infoRessource .sousMenuGauche .symbole3 a{background: url('../../img/defaut/menuGauche3.png') no-repeat;}
				#portail .infoRessource .sousMenuGauche .symbole4 a{background: url('../../img/defaut/menuGauche4.png') no-repeat;}
				
				/* Mise en fome pour le hover des hyperliens */
				#portail .infoRessource .sousMenuGauche .symbole1 a:hover{background: url('../../img/defaut/menuGaucheH1.png') no-repeat;}
				#portail .infoRessource .sousMenuGauche .symbole2 a:hover{background: url('../../img/defaut/menuGaucheH2.png') no-repeat;}
				#portail .infoRessource .sousMenuGauche .symbole3 a:hover{background: url('../../img/defaut/menuGaucheH3.png') no-repeat;}
				#portail .infoRessource .sousMenuGauche .symbole4 a:hover{background: url('../../img/defaut/menuGaucheH4.png') no-repeat;}
				
				
		
			/* Tableau Affichant les ressources et autre informations */	
			#portail .infoRessource .centreInfo
			{
				
				margin-left: 225px;
				height: 90px;
				width: 450px;
				background:  url('../../img/defaut/info.png') no-repeat top center;
				padding-top: 18px;
			}
				
				#portail .infoRessource .centreInfo td
				{
					height: 10px;
				}
				#portail .infoRessource .centreInfo .ressource
				{
					width: 130px;
				}
					#portail .infoRessource .centreInfo .ressource .left
					{
						float: left;
					}
					#portail .infoRessource .centreInfo .ressource .right
					{
						float: right;
					}
				
				#portail .infoRessource .centreInfo .choixPlanete
				{
					width: 170px;
					text-align: center;
				}
					#portail .infoRessource .centreInfo .choixPlanete select
					{
						width: 120px;
						background-color: #342E32;
						color: #b3c2c3;
						font-size: 10px;
						border:1px solid #b3c2c3;
					}
				
			
			/* Tableau permettant de se connecter */
			#portail .infoRessource .connexion
			{
				margin-left: 225px;
				height: 80px;
				width: 450px;	
			}
				#portail .infoRessource .connexion table
				{
					margin: auto;
					text-align:  center; /* centrage du tableau sous IE */
				}
				#portail .infoRessource .connexion td
				{
					padding-top: 5px;
					text-align: left;
				}
				#portail .infoRessource .connexion .sasieInfo
				{
					background-color: #342E32;
					color: #b3c2c3;
					width: 100px;
					height: 15px;
					font-size: 10px;
					border:1px solid #b3c2c3;
				}
				#portail .infoRessource .connexion select
				{
					width: 120px;
					background-color: #342E32;
					color: #b3c2c3;
					font-size: 10px;
					border:1px solid #b3c2c3;
				}
				#portail .infoRessource .connexion .bouton
				{
					background-color: #342E32;
					color: #b3c2c3;
					font-size: 10px;
					border:1px solid #b3c2c3;
				}
			
			/* Mise en forme du sous-menu droit */
			#portail .infoRessource .sousMenuDroit
			{
				float: right;
			}
				/* Mise en forme des hyperliens dans le menu */
				#portail .infoRessource .sousMenuDroit a
				{
					background-color: inherit;
					color: #b3c2c3;
					display: block;
					width: 150px;
					height: 20px;
					text-decoration: none;
					padding-right: 30px;
				}
				
				/* propriété des listes dans le menu droit */
				#portail .infoRessource .sousMenuDroit ul,li
				{
					list-style-type: none;
					margin: 0;
					padding: 0;
				}
				
				/* Mise en fome pour les hyperliens pour le menu droit*/
				#portail .infoRessource .sousMenuDroit .heure {text-align:right; padding-right: 30px;}
				#portail .infoRessource .sousMenuDroit .symbole1 a{background: url('../../img/defaut/menuDroit1.png') no-repeat;}
				#portail .infoRessource .sousMenuDroit .symbole2 a{background: url('../../img/defaut/menuDroit2.png') no-repeat;}
				#portail .infoRessource .sousMenuDroit .symbole3 a{background: url('../../img/defaut/menuDroit3.png') no-repeat;}
				#portail .infoRessource .sousMenuDroit .symbole4 a{background: url('../../img/defaut/menuDroit4.png') no-repeat;}
				
				/* Mise en fome pour le hover des hyperliens pour le menu droit */
				#portail .infoRessource .sousMenuDroit .symbole1 a:hover{background: url('../../img/defaut/menuDroitH1.png') no-repeat;}
				#portail .infoRessource .sousMenuDroit .symbole2 a:hover{background: url('../../img/defaut/menuDroitH2.png') no-repeat;}
				#portail .infoRessource .sousMenuDroit .symbole3 a:hover{background: url('../../img/defaut/menuDroitH3.png') no-repeat;}
				#portail .infoRessource .sousMenuDroit .symbole4 a:hover{background: url('../../img/defaut/menuDroitH4.png') no-repeat;}
				
				
				/* Intersection */
				#portail .bar1
				{
					background: url('../../img/defaut/barre2.png') no-repeat center;
					height: 15px;
				}
				#portail .bar2
				{
					background: url('../../img/defaut/barre.png') no-repeat center;
					height: 30px;
				}
				#portail #pubGoogle
				{
					text-align: center;
				}
			
		/*Affichage du bas de page */
		#portail .bas
		{
			height: 50px;
			background: url('../../img/defaut/bas.png') no-repeat center;
		}
			
/*****************************************************************************/
/* Les copyrights
/*****************************************************************************/
#copyright
{
	text-align:  center;
}

/*****************************************************************************/
/* Page désactivée
/*****************************************************************************/
#pageDesactivee
{
	padding-top: 30px;
	text-align:  center;
	margin: auto;
}
#pageDesactivee h1
{
	text-align:  center;
	margin: auto;
	padding: 10px;
	width: 400px;
	border-top: 2px solid #b3c2c3;
	border-bottom: 2px solid #b3c2c3;
	font-size: 11px;
}

/*****************************************************************************/
/* Info Bulle
/*****************************************************************************/


.tip {
	background-color: inherit;
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	background-color: inherit;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url('../../img/defaut/bubble.png') top left;
}
 
.tip-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url('../../img/defaut/bubble.png') bottom right;
}
.infoSelection a
{
	color: #b3c2c3;
	background-color: inherit;
	text-decoration: none;
}
.infoSelection a:hover
{
	color: #FF9900;
	background-color: inherit;
	cursor: help;
	
}
/**********************************************/
/* Différentes classes de span
/**********************************************/
	
	span.bold
	{
		font-weight: bold;
	}
	span.italic
	{
		font-style: italic;
	}
	span.darkred
	{
		color: #800000;
	}
	span.red
	{
		color: #FF0000;
	}
	span.orange
	{
		color: orange;
	}
	span.yellow
	{
		color: #FFFF00;
	}
	span.purple
	{
		color: #FF00FF;
	}
	span.cyan
	{
		color: #00FFFF;
	}
	span.lightgreen
	{
		color: #00FF00;
	}
	span.green
	{
		color: #008000;
	}
	span.blue
	{
		color: #0000FF;
	}
	span.white
	{
		color: #FFFFFF;
	}
	span.black
	{
		color: #000000;
	}
	span.blink
	{
		text-decoration: blink;
	}
	span.underline
	{
		text-decoration: underline;
	}
	
	img
	{
		border: 0px;
	}