/* -------------------------------------------------------------------- 
                   E-bourgogne
                Main Screen Style sheet
            By Le Studio, Atos Worldline, 2011
                  
-------------------------------------------------------------------- */

/* NOTES: Used in combination with "ie6hacks.css" and "ie7hacks.css"
style-sheets, called by conditional comments by each HTML file -- 
check those CSS for corrections for IE6 and IE7 browsers 

Check out the "dev.css" style-sheet also for modifications or 
add-ons done by the dev team
*/

/* Please, be sure to have here ONLY the styles that 
have different properties as defined in the main CSS.
Do not duplicate the original main CSS in a whole */ 


/* CSS index :
  DEFAULT VALUES
  STRUCTURAL BLOCKS
  PAGE BODY STRUCTURE & MAIN ELEMENTS
*/

/* -----------------------------  DEFAULT VALUES -------------------------------- */

* {padding: 0; 
	margin: 0;} /* 0 for all objects */
	
body {
   font: 101% Arial, Helvetica, Sans-serif;
   color: #353535;
   background: #E4E4E4 url(http://formation.e-bourgogne.fr/static/images/bg_body.png) repeat-x top left;
   margin: 0 auto;}
	
img {border: 0;}

a{
	text-decoration: none;
	color: #25486e;}
	
a:hover{color: #718daa}	

hr {display: none;}

li{	list-style-type: none;}

label{font-size: 0.75em}

table{
	width: 100%;
	border-collapse: collapse;}	

thead{
	color: #fff;
	background: url(http://formation.e-bourgogne.fr/static/images/back_thead.png) repeat-x;}

th, td{ 
	text-align: center;
	border-right: 1px solid #2f5175;
	height: 2em;
	font-size: 0.75em}	

h1{float: left;}

h2{
	color: #727171;
	font-size: 1.1em;
	line-height: 1.9em;
	padding-left: 15px}
	
h3{
	background: url(http://formation.e-bourgogne.fr/static/images/back_h3.png) repeat-x;
	height: 2.2em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #25486e;
	font-size: 0.85em;
	line-height: 1.7em;
	padding-left: 15px}	

/* ----------------------------  STRUCTURAL BLOCKS -------------------------------- */

#container{
	width: 980px;
	margin: 0 auto;}
	
#header{
	width: 100%;	
	margin-bottom: 20px;
	float: left}
	
#wrapper{
	clear: both;
	width: 100%;
	background: transparent url(http://formation.e-bourgogne.fr/static/images/background_wrapper.png);
	border: 1px solid #c7c5c5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float: left}
	
#footer{
	width: 100%;
	clear: both;}			
	
/* ------------------ ! PAGE BODY STRUCTURE & MAIN ELEMENTS ----------------------- */	

/* ------------------------- ! utilisateur ---------------------------- */
#user{
	float: right;
	color: #25486e;
	font-size: 0.85em;
	font-weight: bold;
	background: url(http://formation.e-bourgogne.fr/static/images/ic_user.png) no-repeat 0 15px;
	height: 2.3em;
	padding: 24px 0 0 30px;}

/* ------------------------- ! navigation ---------------------------- */

/* ---- ! Main navigation---------- */	
#nav{
	width: 100%;
	float: right;
	margin-top: -30px}

#mainNav{
	float:right;
	height: 1.85em;
	background: url(http://formation.e-bourgogne.fr/static/images/back_mainNav.png) repeat-x;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;}
	
#mainNav li{
	float: left;
	padding: 8px 10px 5px 10px;
	border-right: 1px solid #294c70;
	border-left: 1px solid #8baac9;
	font-size: 0.75em;
	height: 1.4em;}
	
.itemOn{
	background: url(http://formation.e-bourgogne.fr/static/images/back_mainNav_hover.png) repeat-x;
	font-weight: bold;
	color: #fff;
	font-size: 0.75em;}	

.firstItem{
	-webkit-border-top-left-radius:5px;
	-moz-border-radius:5px 0 0 0;
	border-radius:5px 0 0 0}	
	 
#mainNav li a{color: #fff;}		

#mainNav li:hover{background: url(http://formation.e-bourgogne.fr/static/images/back_mainNav_hover.png) repeat-x;}

#mainNav #logout{
	width: 34px; 
	height: 2.5em; 
	border-right: none;
	padding: 0;}	
	
#nav #mainNav #logout a{
	height: 2.5em;
	display: block;
	background: url(http://formation.e-bourgogne.fr/static/images/ic_logout.png) no-repeat;}	

#mainNav #logout a span{display: none}

/* --- ! secondary navigation------- */		
#subNav{
	background: url(http://formation.e-bourgogne.fr/static/images/back_subNav.png) repeat-x;
	border: 1px solid #c7c5c5;
	clear: both;
	height: 2.5em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}	

#date{
	line-height: 3.4em;
	padding: 0 40px;
	font-size: 0.75em;
	float: right;
	border-left: 1px solid #c7c5c5;
	background: transparent url(http://formation.e-bourgogne.fr/static/images/back_date.png) repeat-x;
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;}	

#subNav li{
	float: left;
	padding: 13px 0;
	color: #25486e;
	font-size: 0.75em;}
	
#subNav li span{
	background: url(http://formation.e-bourgogne.fr/static/images/segment_subnav.png) repeat-y top right;
	padding: 13px 15px;}	
	
#subNav li a{color: #b4b3b3;}
	
#subNav li a:hover{color: #25486e}

#subNav .itemSubNavOn{
	background:url(http://formation.e-bourgogne.fr/static/images/back_subNavOn.png) no-repeat center 40px; 
	height: 25px;
	font-weight: bold}
	

/* ------------------------- ! Wrapper ---------------------------- */
/* ---------- ! Main Container -------- */
#headerWrapper{
	background: url(http://formation.e-bourgogne.fr/static/images/back_h2.png) repeat-x;
	height: 2.4em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}

#mainCt{
	width: 950px;
	margin: 26px 15px }	
	
.boxItem{
	width: 433px;
	background: #fff url(http://formation.e-bourgogne.fr/static/images/back_boxItem.png) repeat-y;
	float: left;
	margin: 0 20px 30px 20px;
	border: 1px solid #c7c5c5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height: 9.9em }	
	
.boxItem a{
	width: 170px;
	height: 7.9em;
	float: left; }	
	
.boxItem a span{display: none}	

#boxParcours a{background: url(http://formation.e-bourgogne.fr/static/images/ic_gestionParcours.png) no-repeat}
#boxParcours a:hover{background: url(http://formation.e-bourgogne.fr/static/images/ic_gestionParcours_hover.png) no-repeat}
#boxPlanning a{background: url(http://formation.e-bourgogne.fr/static/images/ic_planning.png)} 
#boxPlanning a:hover{background: url(http://formation.e-bourgogne.fr/static/images/ic_planning_hover.png)} 
#boxInscriptions a{background: url(http://formation.e-bourgogne.fr/static/images/ic_gestionInscriptions.png)}
#boxInscriptions a:hover{background: url(http://formation.e-bourgogne.fr/static/images/ic_gestionInscriptions_hover.png)}  
#boxStatistiques a{background: url(http://formation.e-bourgogne.fr/static/images/ic_statistiques.png)}
#boxStatistiques a:hover{background: url(http://formation.e-bourgogne.fr/static/images/ic_statistiques_hover.png)}  
#boxDeploiement a{background: url(http://formation.e-bourgogne.fr/static/images/ic_gestionDeploiement.png)}
#boxDeploiement a:hover{background: url(http://formation.e-bourgogne.fr/static/images/ic_gestionDeploiement_hover.png)} 

.boxItem p{
	width: 230px;
	height: 9em;
	float: right;
	margin: 7px 10px 0 0;
	font-size: 0.75em;}

.filter{
	float: left;
	margin: 5px 0 0 15px;}
	
.select{
	background: url(http://formation.e-bourgogne.fr/static/images/back_select.png) repeat-x;
	border: 1px solid #cac8c8;
	width:145px;
	height: 1.7em
	}						

.buttons{
	float: right;
	margin: 10px 15px 0 0;
	font-size: 0.70em;
	height: 2.4em;}	
	
.btBlack{
	background: url(http://formation.e-bourgogne.fr/static/images/back_btBlack.png) repeat-x;
	color: #fff;
	padding:4px 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}
	
.buttons a:hover{
	background: url(http://formation.e-bourgogne.fr/static/images/back_btBlack_hover.png) repeat-x;
	color: #fff}
/*
.legend{
	float: right;
	margin-bottom: 15px}

.legend dt, dd{
	float: left;
	font-size: 0.70em;
	margin-right: 10px}
	
.legend img{margin-right: 5px}	
*/
.boxTab{
	background: #FFF;
	border: 1px solid #c7c5c5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	clear:both;
	margin-bottom: 15px;
	width: 100%}
	
.tabTemplate{
	border: 1px solid #2f5175;
	border-right: none;
	width: 96.8%;
	margin: 15px; 
	background: #fff }
	
.lightAvancement span{display: none}	

.tabTxt {
	text-align: left; 
	padding-left: 5px}

.tabNbre{text-align: right}

tr.controle, tr.controle.active, tr.controle1, tr.controle1.active {
	cursor: pointer; 
	background: url(http://formation.e-bourgogne.fr/static/images/back_controle.png) repeat-x;
	height: 26px;
	font-weight: bold}
	
tr.controle td:nth-child(2), tr.controle1 td:nth-child(1) { 
	background: url(http://formation.e-bourgogne.fr/static/images/ic_plus.png) no-repeat  5px center;
	cursor: pointer;
	padding-left: 30px}	

tr.controle.active td:nth-child(2), tr.controle1.active td:nth-child(1){ 
	background: url(http://formation.e-bourgogne.fr/static/images/ic_moins.png) no-repeat 5px center;
	cursor: pointer;
	padding-left: 30px}

.underCategory{ 
	background:url(http://formation.e-bourgogne.fr/static/images/back_underCategory.png) no-repeat 10px;
	padding-left: 35px }

.underCategoryLast{ 
	background:url(http://formation.e-bourgogne.fr/static/images/back_underCategoryLast.png) no-repeat 10px;
	padding-left: 35px}

.btAction{
	position: relative;
}

.actionModif{
	position: absolute;
	margin: -9px 0 0 45px}

.actionSupp{
	position: absolute;
	margin: -9px 0 0 25px}
	
.actionStatut, .actionValider{
	position: absolute;
	margin: -9px 0 0 5px}
	
.scrollBarTab{
	max-height: 345px;
	overflow: scroll;
	overflow-x: hidden }		

/* ------------------------- ! Footer ---------------------------- */	
#footer p{
	font-size: 0.70em;
	color:#727171;
	padding: 5px 0 0 10px}