/* Css principal */


body {
	font-family : 'verdana';
	font-size: 12px;
	color : #FFF;
    background : #7F7F7F;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
}

img {
	border : 0px;
}

#headerApplication  {
	margin : 8px 0	0 0;
	height: 60px;
	background : url("../images/repeatDot.png") no-repeat right;
	width : 100%;
	clear : both;
}

#headerApplication h1{
	color : #FFF;
	font-size : 24px;
	font-weight : 400;
	margin : 0;
	padding : 5px;
	width : 200px;
}

#headerApplication .ApplicationTitle{
	margin : 0 0 0 20px;
}

#headerApplication .ApplicationTitle div{
	float : left;
}

#headerApplication .contextElement{
    /*
    float: left;
    */
    padding-left: 270px;
}

#content .tableContent{
	margin : 0;
	padding : 0;
	border : 0;
	background : #FFFFFF;
	clear : both;
	color : #000000;

}

#content .menuAction {
	width : 210px;
    background : url("../images/menuActionBack.png") repeat-y #7F7F7F;
}

#content .menuAction li {
	width : 208px;
}

#content .menuAction ul{
	list-style:none;
	display:inline;
}

#content .menuAction ul li{
	margin : 0 0 10px 0;
}

#content .menuAction h2{
	background : url("../images/menuActionTitleBack.png") repeat-y;
	text-align : right;
	color : #FFFFFF;
	padding : 3px 30px 3px 0;	
	margin : 20px 0 0 0;
	font-size : 16px;
}

#content .menuAction a{
	text-align : left;
	color : #FFFFFF;
	font-size : 11px;
	text-decoration : none;
	padding : 0 0 0 20px;
}


#content .menuAction img{
	margin-right : 10px;
}

#content .contentAction {
	background : #FFF;
	width : 100%;
	padding : 20px 20px 20px 20px;
}

#content .contentAction .title{
	font-size : 18px;
	margin : 0;
	width : 100%;
	border-bottom : solid 1px #999;
}

#content .contentAction  .subTitle{
	font-size : 12px;
	color : #666;
	margin : 0 0 20px 0;
}

#content .contentAction  .icoTitle{
	width : 38px;
	height : 38px;
	float : left;
	margin : 0 10px 0 0;
}

#content .fieldset {
	border : #999 1px Solid;
	padding : 10px;
	margin : 10px 0 10px 0;
	clear:both;
}

#content .legend {
	min-width : 290px;
	margin-left : -20px;
	font-weight : bold;
	font-size : 14px;
	background : #666;
	color : #FFF;
	border : 1px solid #999;
	padding : 3px 15px 3px 20px;
	-moz-box-shadow: 3px 3px 3px #aaa; 
	-webkit-box-shadow: 3px 3px 3px #aaa; 
}


.tabs {
	margin-left : 20px;
}

.tabs ul{
	list-style:none;
	display:block;
}
.tabs ul:not(.applications-links){
    clear: both;
}


.tabs li {
	min-width:100px;
	height : 23px;
	float:left;
	padding: 7px 10px 0 10px ;
	background-color : #CCC;
	margin : 10px 0 0 5px;
	text-align : center;
	/* Radius */
	-moz-border-radius : 10px 10px 0px 0px;
	-webkit-border-radius : 10px 10px 0px 0px;
}

.tabs .tabsActive {
	background : #666;
	color : #FFF;
	font-size : 14px;
	font-weight : bold;
}

.tabs .tabsEnable {
	background : url("../images/ongHover.png") repeat-x #FFF;
}

.tabs .tabsInActive {
	background : url("../images/ongBack.png") repeat-x #FFF;
}

.tabs .tabsInActive:hover{
	background : url("../images/ongHover.png") repeat-x #FFF;
}

.tabs .tabsActive  a{
	font-size : 14px;
	font-weight : bold;
	color : #FFF;
	text-decoration : none;
}

.tabs .tabsInActive a{
	font-size : 14px;
	font-weight : bold;
	color : #333;
	text-decoration : none;
}

.tabs .tabsEnable span{
	font-size : 14px;
	font-weight : bold;
	color : #999;
	text-decoration : none; 	
}

.breadcrumb {
	width : 100%;
	height : 20px;
	background-color : #666;
	clear : both;
}

.breadcrumb p{
	margin : 0 0 0 30px;
	height : 18px;
	color : #FFF;
	padding : 5px 0 0 0;
}

.breadcrumb a{
	text-decoration : none;
	font-size : 12px;
	font-weight : bold;
	color : #FFF;
}


.button{
	background:transparent url("../images/backButton.png");
	color : #fff;
	padding : 3px 15px 3px 15px;
	border : none;
	font-weight : bold;
	-moz-border-radius : 10px 10px 10px 10px;
	-webkit-border-radius : 10px 10px 10px 10px;
	text-decoration : none;
	margin : 0 0 0 5px;
}

.boxLogout{
	display:none;	
}


/* AFFICHAGE DU DESKTOP */
.dashboardIcons {
	clear : both;
	width : 75%;
	background : #FFFFFF;
	display:block;
}

.dashboardIcon {
	float : left;
	width : 100px;
	height : 100px;
	-moz-border-radius : 10px 10px 10px 10px;
	-webkit-border-radius : 10px 10px 10px 10px;
	margin : 20px;
	text-align : center;
}

.dashboardIcon img{
	margin : 10px 0 0 0;
}

.dashboardIcon p{
	margin : Opx;
	padding : Opx;
	width : 100px;
    background-color: #222222;
}

.dashboardIcon h2{
	margin : Opx;
	padding : Opx;
	color : #FFF;
	font-size : 12px;
}
.dashboardIcon h2 a{
	color : #000000;
}

#application{
	/*min-height : 100%;*/
}

/* Gestion des messages d'erreur utilisateur */

.tableMessage{
	clear : both;
	display : block;
	width : 90%;
	min-height : 30px;
	margin : 20px auto 10px auto;
	padding : 10px 0 10px 0;
	-moz-border-radius : 7px;
	-webkit-border-radius : 7px;
	font-weight : bold;

}

.tableMessage .icon{
	width : 0px;
	padding : 0 10px 0 10px ;
}

.error{
	background : url("../images/bckError.png");
	border : 2px solid #ff0000;
	color : #ffffff;
}

.warning{
	background : url("../images/bckWarning.png");
	border : 2px solid #ffff00;
}

.info{
	background : url("../images/bckInfo.png");
	border : 2px solid #0000ff;
	color : #ffffff;
}

.accept{
	background : url("../images/bckAccept.png");
	border : 2px solid #00ff00;
}

.alert{
	background : url("../images/bckAlert.png");
	border : 2px solid #555555;
	color : #ffffff;
}

.alertHover{
	background : url("../images/bckAlertHover.png");
	border : 2px solid #555555;
	color : #ffffff;
}

/********************************* CANVAS *****************************************/

.canvasList{
	
}

.canvasList li {
	border : 1px solid #999;
	display:block;
	width : 200px;
	float : left;
	margin : 10px 20px 10px 0px;
	-moz-border-radius : 7px;
	-webkit-border-radius : 7px;
	background : url("../images/ongHover.png") repeat-x #EEE;
}

.canvasList li h3{
	font-size: 11px;
	text-align: center;
	color : #666;
	
}

.canvasList li img{
	margin : auto;
	display : block;
	width : 80px;
}

.canvasList li p{
	width : 100px;
	height : 50px;
	display : block;
	overflow: none;
}

.canvasList li div{
	width : 100%;
	height : 30px;
	text-align:right;
	margin : 5px 0 0 5px;
}

.canvasList li div a img{
	width : 20px;
	height : 20px;
	margin : 2px 10px 0 0;
	float : right;
}

/*********************************** DIR CONTENT ***************************************/

.dirContent {
	background : #F0F0F0;
	border : #999 1px solid;
	padding : 10px 0 10px 10px ;
	float : left;
	margin : 10px 50px 10px 0;
	width: 99%;	
}

.dirContent a {
	color : #222222;
	text-decoration : none;
}

.dirContent a:hover {
	text-decoration : underline;
}

/*********************************** STYLE SEUL ***************************************/

.bold {
	font-weight: bold;
}

.photoschool fieldset {
	margin: 0 0 10px 0;
	background: #EEEEEE;
	padding: 10px;
}

.photoschool .legendTitle{
	background: #666666;
	border: 1px solid #787878;
	color: #FFFFFF;
	padding: 5px 20px;
	font-size: 14px;
	font-weight: bold;
}

.photoschool legend{
	background: #666666;
	border: 1px solid #787878;
	color: #FFFFFF;
	padding: 3px 20px;
	font-size: 11px;
	font-weight: bold;
}

.line-label {
	background: #999999;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding: 10px;
}

.DottedBottom {
	border-bottom: 1px dotted #999999;
}


.border5 table{
	border-spacing: 0px;
	border-collapse: 0px;
	text-align: left;
	border: 1px solid #999;
}

.border5 label{
	margin-left: 10px;
}

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

.ihm-statusbar {
    background: url("./images/background.jpg") repeat scroll 50% center transparent;
    border-bottom: 1px solid #606060;
    bottom: 0;
    height: 15px;
    padding: 5px;
    position: fixed;
    width: 100%;
}

.roundedButtons {
    display:inline-block;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	padding: 5px;
    margin: 3px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #949494;
	text-decoration:none;
	text-align:center;
}