body{
	background-color:#2c2c2c;
	color:#fff;
	font-family: Arial,Helvetica, "microsoft sans serif", arial, sans-serif;
	font-size: 95%;
}
.container{color:#2c2c2c;}
.main,.mainpop{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.main a,.mainpop a{text-decoration: none;}
.main h1,.mainpop h1{text-align:center}
.mainpop{width:100%;}
.cleaner{clear:both;line-height: 0;}
img{border:0;}
.displayNone,.hidden{display: none;}

.centrerV{
	vertical-align: middle;
	margin-left:2px;
}
centrerImgV{vertical-align: middle;}
.help{cursor:help;}
.txtCenter{text-align:center;}
.gras{font-weight: bold;}
/** ***********************
* BOITE DE LOGIN
***************************/
.loginTitre
{
	width:402px;
	height:48px;
	background:url(../images/bg_loginTitre.gif) no-repeat;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-200px;
	margin-top:-161px;
}
.loginBox{
	width:435px;
	height:222px;
	background:url(../images/bg_loginBox.jpg) no-repeat;
	background-color:#fff;
	color:#2c2c2c;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-218px;
	margin-top:-111px;
}
.loginBox a {
	color:#AFAFAF;
	text-decoration: none;
}
.loginBox a:hover {
	color:#2c2c2c;
	text-decoration: underline;
}
.loginContent{padding-top:5px;}
.loginForm{
	margin-left:auto;
	margin-right: auto;
	width:200px;
}
.loginForm p{margin-top:10px;}
.loginForm input[type='text'],.loginForm input[type='password']{
	margin-bottom:10px;
	width:180px;
	font-size: 16px;
}

.loginBtn{
	display:block;
	width:149px;
	height:24px;
	color:#FFF;
	background:url(../bouton/loginBtn.gif) no-repeat;
	border:none;
	margin-top:10px;
	font-weight: bold;
	margin-left:auto;
	margin-right: auto;
	text-align:center;
	
}
.loginBtn:hover{
	background-position: 0 -24px;
	color:#e49409;
}

.loginErreur{
	width:435px;
	height:30px;
	text-align: center;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-218px;
	margin-top:115px;
}

.helpLogin{
	position:absolute;
	left:-28px;
	top:10px;
	cursor: pointer;
}
/*************************
* MENU
**************************/
.containerMenu{
	width:500px;
	height:348px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-250px;
	margin-top:-230px;
}
.menuBox{
	height:300px;
	background:url(../images/bg_menuBox.jpg) no-repeat;
	background-color:#fff;
	color:#2c2c2c;
	position:relative;
	z-index:10;
}
.titleMenuBox{
	width:402px;
	height:48px;
	background:url(../images/bg_loginTitre.gif) no-repeat;
	margin-left:50px;
	
}
.menuContent{padding:10px;}
.disconnect{
	height:16px;
	padding:3px;
}
.disconnect img{float:right;}
.navMenu{
	clear:both;
	padding-top:10px;
}
.menuBtn{
	display:block;
	width:320px;
	height:26px;/* -10 du padding*/
	color:#FFF;
	background:url(../bouton/menuBtn.gif) no-repeat;
	border:none;
	margin-top:3px;
	font-weight: bold;
	margin-left:auto;
	margin-right: auto;
	text-decoration:none;
	text-align: center;
	padding-top: 10px;
	
}

.menuBtn:hover{
	background-position: 0 -36px;
	color:#e49409;	
}

.listMenu a{
	color:#2c2c2c;
	font-size: 13px;
}
.listMenu a:hover{
	text-decoration: underline;
}
.listMenu{
	margin:0;
	padding:0;
	margin-top:15px;
	list-style:none;
	_margin-left:-60px;/*IE6*/
}
.liMenu {
	height:40px;/* -5px de padding*/
	width:190px;/* -26 px de padding*/
	float:left;
	margin-left:10px;
	margin-bottom:10px;
	list-style:none;
	padding-left:30px;
	padding-top:5px
}
.barreInfo {
	display:block;
	background:url(../images/barreInfo.gif);
	width:345px;
	padding-top:7px;
	height:26px;
	position:absolute;
	top:257px;
	left:71px;
	color:#386da3;
	font-weight:bold;
	text-align:center;
	font-size:14px;
}
.btnMenu{
	display:block;
	width:75px;
	height:75px;
}

.btnPlayer{background:url(../bouton/menu_gerer-player.gif) no-repeat;}
.btnCal{background:url(../bouton/menu_planifier.gif) no-repeat;}
.btnEcran{background:url(../bouton/menu_gerer-ecran.gif) no-repeat;}
.btnUser{background:url(../bouton/menu_gerer-user.gif) no-repeat;}
.btnCompte{background:url(../bouton/menu_compte.gif) no-repeat;}
.btnPres{background:url(../bouton/menu_gerer-pres.gif) no-repeat;}
.btnKey{background:url(../bouton/menu_lic.gif) no-repeat;}
.btnParc{background:url(../bouton/menu_etat-parc.gif) no-repeat;}
.btnFlash{background:url(../bouton/menu_flash.gif) no-repeat;}





.extensible{background:url(../bouton/menuBtnExt.gif) no-repeat;}
.ongletMenu{
	position:absolute;
	width:126px;
	height:23px;/*-5 de padding*/
	background:url(../images/bg_ongletMenu.gif) no-repeat;
	background-color:#2c2c2c;
	color:#2c2c2c;
	padding-top:5px;
	top:50%;
	left:50%;
	margin-top:117px;
}
.ongletMenu:hover{
	background-position: 0 -28px;
	color:#e49409;
}
.ongletMenu:hover a{color:#e49409;}
.ongletMenu a:hover{color:#e49409;}
.ongletMenu a{
	display:block;
	width:100%;
	height:100%;
	color:#356aa0;
}
.ongletCompte{margin-left:-20px;}
.ongletTools{margin-left:-240px;}
.ongletQuitter{margin-left:114px;}

.menuContent h1{
	text-align: center;
	font-size: 1.3em;
	color:#356aa0;
}

.subMenu{
	width:320px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-10px;
	font-weight: bold;
}
.subMenu a{color:#2C2c2c;font-weight:bold;}
.subMenu a:hover{
	color:#e49409;
	font-weight: bold;
}
.panelMenu{
	color:#2c2c2c;
	height:238px;/* -40 de padding*/
	width:160px;/* -40 de padding*/
	background:url(../images/panel-ie.gif) no-repeat;
	position:absolute;
	top:60px;
	left:-29px;
	padding-left:40px;
	padding-top:40px;
	overflow:hidden;
	z-index:5;
}
#imgPanel{position:absolute;top:10px;left:5px;cursor:pointer;}
/****************
* Page générale
******************/
.divTitre{
	text-align: center;
	color:#4c83b9;
	font-size: 15px;
	font-weight : bold;
	margin-bottom:15px;
}
.fGauche{
	width:189px;
	float:left;
	color:#2c2c2c;
	margin-top:15px;
}
.fDroit{
	width:800px;
	float:left;
}
.menuTop{
	width:189px;
	height:12px;
	background:url(../images/bg_topPageMenu.jpg) no-repeat;
	line-height: 0;
}
.menuCorps{
	width:174px; /* -15 de padding*/
	background:url(../images/bg_corpsPageMenu.jpg) repeat-y;
	padding-left:10px;
	padding-right:5px;
	_margin-top:-3px;
}
.menuBottom{
	width:189px;
	height:12px;
	background:url(../images/bg_bottomPageMenu.jpg) no-repeat;
	line-height: 0;
}

.contentTop{
	width:800px;
	height:20px;
	line-height: 0;
	background:url(../images/bg_topPage.jpg);
}

.contentBottom{
	width:800px;
	height:20px;
	line-height: 0;
	background:url(../images/bg_bottomPage.jpg);
}

.contentCorps{
	width:770px;/*-30 de padding*/
	background:url(../images/bg_corpsPage.jpg) repeat-y;
	color:#2c2c2c;
	padding-left:15px;
	padding-right:15px;
}
.padTop{
	padding-top:4px;
	height:20px;
}

.menuCorps h1{
	margin:0;
	margin-bottom:10px;
	background-color:#356aa0;
	color:#fff;
	font-size:1.3em;
	text-align: center;
	text-transform: uppercase;
}

.menuLien{
	color:#2c2c2c;
	font-weight: bold;
}

.menuLien:hover{text-decoration: underline;}
.contentCorps table{width:100%}
.formCompte{padding:5px;}

.formCompte label{
	display:block;
	float:left;
	width:20%;
}

.arbreBox{
	float:left;
	width:160px;
}

.listeBox{
	width:600px;
	float:left;
}
/**
* POPUP
*/
.popContainer{width:600px;margin-left:auto;margin-right:auto;}
.popTop{
	width:600px;
	height:20px;
	background:url(../images/bg_topPop.jpg) no-repeat;
	line-height: 0;
}
.popCorps{
	width:570px; /* -15 de padding*/
	background:url(../images/bg_corpsPop.jpg) repeat-y;
	padding-left:15px;
	padding-right:15px;
	_margin-top:-3px;
	color:#2c2c2c;
}
.popBottom{
	width:600px;
	height:20px;
	background:url(../images/bg_bottomPop.jpg) no-repeat;
	line-height: 0;
}

/**
* DECROCHAGE
*/
.caseBase{text-align:center;width:13px;height:27px;color:white;cursor:pointer;}
.demi{font-size:9px;}
.titreCal{cursor:pointer;}
.ligne{cursor:pointer;}
.colonne{cursor:pointer;}
.mainpop table {border:none;}
.miniCadre{width:197px; height:85px; background:url(../images/bg_mini_cadre.jpg) no-repeat;margin-top:5px;color:#2c2c2c;padding:5px;float:left;margin-left:25px;}
.progressBorder{display:block;width:110px;height:30px;margin-left:42px;background:url(../images/bg_progress.gif);}
.progressBar{background:url(../images/content_progress.gif);display:block;width:50px;height:20px;position:relative;top:5px;left:5px;}

/**
CALENDRIER
*/

/**
Planification
*/
div.titrePlanif{
	margin-top:0;
	margin-bottom:10px;
	color:#E49409;
	border-bottom:1px solid #E49409;
	font-size:1.2em;
	font-weight:bold;
}

/*Apercu*/
.apercu{
	width:740px;
	height:50px;
	border:1px solid black;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden
}
.txtApercu{
	position:relative;
	display:block;
	top:15px;
	left:690px;
	font-family: Trebuchet;
	font-size : 1.2em;
}

.blocinfo{
	position:absolute;
	top:1px;
	left:300px;
	border:1px solid #145fa2;
	width:350px;
	padding:5px;
	background:url(../picto/infoBig.gif) bottom right no-repeat;
	background-color:#bde5f8;
	color:#145fa2;
	font-size: 1.1em;
}
.etapeBlocInfo{color:red;font-weight:bold;}