/**
 * Auteur CONVIVIANCE
 * Date de création 05-janvier-2007 
 *
 * Usage : présentation du site intranet CDBE 
 */
 
@font-face {
	font-family: "eurostile";
	/*src: url('fonts/EurostileLTStd-Ex2.eot') format('embedded-opentype');*/
	src:  url('fonts/EurostileLTStd-Ex2.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "eurostile-b";
	src: url('fonts/EurostileLTStd-BoldEx2.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/*GENERAL*/
* {margin:0; padding:0;}
	
body { background-color:#4573b3; text-align:center; font-family: Verdana, Arial, Tahoma, Helvetica; font-size:11px;}

img {border:0;}

table {font-family: Verdana, Arial, Tahoma, Helvetica; font-size:11px;}

.center { text-align:center;}
.right { text-align:right;}
.left {text-align:left;}

.button {cursor:pointer;	border:solid 1px #89b7d1; color:#4573b3; background:#c6ddfc url(../images/commun/button.jpg) repeat-x left top;font-size:11px;}

table td{ text-align: left; }

/*Boite fond blanc qui contient pageheader, contenu page et page footer*/
#container {	
	position:relative; 
	width:980px;	
	margin: 10px auto auto auto; 
	text-align:center;	
	background:#ffffff url(../images/commun/bg.jpg) repeat-y center;
	overflow: auto;
	} 

 
/*Pour cacher le lien connecté au module master*/
#connecter_module_master {color:#4573b3;}

/*Page HEADER************************************************************************************************/

#pageHeader { position:relative;	width:980px; height:71px; margin:auto; background:url(../images/commun/header.jpg) no-repeat center;}

#pageHeader #nomProduit{
	display: inline-block;
	float: left;
	height: 71px;	
	line-height: 68px;
	
	font-size: 26px;
	font-weight: bold;
	color: #7F7F7F;
	font-family: "eurostile-b";
	margin-left: 5px;	
	
	width: 370px;
	text-align: left;
}
#pageHeader #nomProduit span{
	font-size: 13px;
	display: inline-block;
	
	line-height: 15px;
	position: relative;
	top: -10px;
}

#pageHeader #nomProduit #versionProduit{
	color: #7F7F7F;
	font-size: 10px;
	display: inline;
	/*line-height: 1px;*/
	position: relative;    
	top: 5px;
	width: 25px;
}

#pageHeader 	 #libelleProduit{
	display: inline-block;
	float: right;
	height: 71px;
	line-height: 71px;
	
	/*position:relative;	
	right: 143px;*/
	font-size: 20px;
	
	color: #7F7F7F;
	font-family: "eurostile"; 
}

#logoTop {float:left; padding:15px 0  0 19px;}
#signIn {
	float:right; 
	/*padding:25px 22px  0 0; */
	text-align:right;
	display:inline-block;
	height:56px;
	width:175px;
	padding: 15px 22px 0px 0px;
}
#signIn a {color:#808080;font-weight:bold;text-decoration:none;font-size:9px;}
#signIn a:hover { color:#ff6600;font-weight:bold;text-decoration:underline;font-size:9px;}


/* Fin page header*********************************************************************************************/

/*Bar de NAVIGATION sur le site******************************************************************************************/
#menu { 	position:relative; width:980px;	height:38px; margin:auto; background:url(../images/commun/bgBleu.jpg) no-repeat center;	text-align:center;}
#menu ul{margin:0 0 0 30px;padding:0;list-style:none;}
#menu li{float:left; margin:0;padding:0;}

#menu a{	float:left;background-image:url(../images/commun/left_both.gif); background-repeat:no-repeat;
	background-position:left top; margin:0;padding:0 0  0 8px; text-decoration:none;}
#menu a span{ display:block;background-image:url(../images/commun/right_both.gif); background-repeat:no-repeat;background-position:right top; padding:2px 12px 0px 4px;}
#menu a h5 { display: none;}

#menu #current a{ background-repeat:no-repeat; background-image:url(../images/commun/left_both_on.gif); background-position:0 -150px; 
	border-width:0;border-bottom:1px solid #dfebfc;}
#menu #current a span{ background-repeat:no-repeat; background-image:url(../images/commun/right_both_on.gif); 
	background-position:100% -150px; padding:1px 12px 1px 4px; color:#11449E;}
#menu #current a h5 {display:inline;position:absolute;color:#808080;left:30px;width:940px;top:20px;font-size:11px;text-align:left;z-index:1;}

/* définition de la balise <h5> au survol */
#menu a:hover{background-position:0 -150px;}
#menu a:hover span{background-position:100% -150px;}	
#menu a:hover h5 {display:inline;position:absolute;color:#808080;width:940px;background-color:#d4e3ff;left:30px;top:20px;font-size:11px;text-align:left;z-index:2;}
/**Fin Bar de NAVIGATION sur le site*******************************************************************************************/



/* Page FOOTER ***************************************************************************************************/
#pageFooter {width:980px;height:85px;margin:auto;background:url(../images/commun/bottom.jpg) no-repeat center;text-align:left;}
#pageFooter h6 {Display:none;}

#textFooter {float:left; padding:30px 0  0 25px; color:#625c59;}
#textFooter a{color:#2771BA;text-decoration:none}
#textFooter a:hover{color:#2771BA;text-decoration:underline;}
#textFooter a:visited{color:#2771BA;}
/* Fin Page FOOTER ***************************************************************************************************/