/*@import "esope.css";*/
@import "convention.css";
 
 html{
      height:auto;
      margin: auto;
      padding: auto;
   }
   
body 
{
	padding-top:20px;
	background:#ffffff url(./images/bg.gif) top no-repeat;
	font-family : Arial, Trebuchet MS, Tahoma, Verdana, sans-serif, Helvetica;
    font-size : 10px;
    text-align : left;
	height:100%;/*auto;*/
    margin: auto;
    padding: auto;
}

/**/
#entete, #corps, #piedPage {
	border-color: #CDCDCD;
	border-style: solid;
	padding: 0px;
	width : 100%;
}

#entete{
	height: 75px;
	background-image: url(./images/logo_entete.png);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	border-radius: 10px 10px 0px 0px;
	border-width: 1px 1px 0px 1px;
}

#entete div{
	height: 75px;
	padding-top:50px;
	margin-top: 73px;
	margin-left: 43px;
	cursor: pointer;
}

#body{
	width : 900px;
	margin: 30px auto;
}

#corps{
	padding-bottom: 75px;
	background-color: #FFFFFF;
	border-width: 0px 1px 0px 1px;
}

#piedPage{
	height:20px;
    background:linear-gradient(#96DE2C, #60A000);
    border-radius: 0px 0px 10px 10px;
    border-width: 0px 1px 1px 1px;
}

/**/

/** Main menu **/
#mainMenu {
	top: 320px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 100px;
	list-style: none;
	vertical-align: middle;
}


#mainMenu li {
	list-style-image:url(./images/fleche_menu.png);
	/*list-style-type:circle;*/
	display: block;
	font-family:arial;
	font-size: 25px;
	font-weight: bold;
	text-indent: 15px;
	line-height: 30px;
	padding-left: 12px;
	padding-top: 0px;
	padding-bottom: 8px;
	padding-right: 20px;
	margin-right:50px;
	text-transform: uppercase;
	border-bottom-style:dashed;
	border-width:1px;
	border-color:#999999;
}

#mainMenu li a, #mainMenu li a:visited{
	/*text-decoration: underline;*/
	/*color: #bed162;*/
	text-decoration: none;

	font-family:arial;
	font-size: 11px;
	font-weight:bold;
}

#mainMenu li a:hover{
	text-decoration: none;
	color:#f5730a;
	background:#eee;
}

#mainMenu .sousMenu {
	list-style-type: none;
 	margin-left: 35px;
 	padding: 0px;
 	border: 0px;

}

#mainMenu .sousMenu li {
	background-image: none;
	font-family : Arial, Trebuchet MS, Tahoma, Verdana, sans-serif, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #1d4a79;
	text-indent: 10px;
	/*line-height: 25px;*/
	line-height: 15px;
	padding-left: 12px;
	padding-top: 10px;
	padding-bottom: 3px;
	text-transform: none;
	height: 15px;
	line-height: 15px;
	border-bottom-style:none;
	
}

#mainMenu .sousMenu li a, #mainMenu .sousMenu li a:visited{
	/*
	text-decoration: underline;
	color: #666666;
	*/
	text-decoration: none;
	color: #1d4a79;		
}

#mainMenu .sousMenu li a:hover{
	text-decoration: none;
	color:#f5730a;
	background:#eee;
}

DIV.datagridWaitMessage {
    position: absolute;
    visibility: hidden;
    background-color: #f8f8f8;
    text-align: center;
    vertical-align: middle;
    border-width: 0px 2px 2px 0px;
    border-style: solid;
    border-color: #808080;
    padding: 15px 5px 15px 5px;
    width: 300px;
    height: 25px;
	font-family : Arial, Trebuchet MS, Tahoma, Verdana, sans-serif, Helvetica;
	font-size:11px;
    top:50%;
    left:50%;
    margin-top: -12px;
    margin-left: -150px;
}

.dentOff{
	background-color:#CCCCCC;
}

.dentOn{
	background-color:#F5AB20;
}


