/*
* 	Il s'agit du fichier de style propre à l'intranet.
*
* 	Il ne gère en rien la partie EASYUI. 
*   Le fichier CSS pour EASYUI se trouve dans le sous-répertoire :
*    ../easyui/themes/black et se nomme easyui.css
*
*/
body{
	color:#eee;
	background:url('../img/page_bg.jpg') no-repeat center top #1b1b1c;
	font:14px Calibri,Arial,sans-serif;
	border-top:5px solid #212121;
}

#logo {
	position: absolute;
	left:0px;
	top: -2px;
	width:20%;
}

#line {
	/*position: absolute;
	left:0px;
		*/
	width:8%;
}

#line2 {
	/*position: absolute;
	left:0px;
		*/
	width:50%;
}
#hearder h1{
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	height:105px;
	background:url('../img/intranet.png') no-repeat;
}

#hearder h3{
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	height:105px;
	background:url('../img/gestionclients.png') no-repeat;
}

#page{
	/*width:330px;*/
	width: 100%;
	margin: 0px auto 100px;
	
}

#page_atk{
	/*width:330px;*/
	width: 100%;
	margin: 0px auto 60px;
	
}
#slideshow{
	height:169px;
	overflow:hidden;
	width:454px;
}

#slideshowContainer{
	padding:10px;
	background-color:#181819;
	margin:30px 0 50px -72px;
	width:454px;
	border:1px solid #1f1f20;
}

#page h2{
	text-indent:-9999px;
	width:75%;
	overflow:hidden;
	margin: 25px auto 100px;
	height:105px;
	background:url('../img/intranet.png') no-repeat center;
}

#page h1{
	text-indent:-9999px;
	width:75%;
	overflow:hidden;
	margin: 25px auto 100px;
	height:105px;
	background:url('../img/intranet.png') no-repeat center;
}

#page h3{
	text-indent:-9999px;
	width:75%;
	overflow:hidden;
	margin: 25px auto 100px;
	height:80px;
	background:url('../img/gestionclients.png') no-repeat center;
}

#page form{
	display:block;
	height:310px;
	width:750px;
	left: 0px;
	top: 20px;
	padding:10px;
	position:relative;
	margin-left:-7px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}


#submitButton:hover{
	background-position:right bottom;
}

/* Page Styles */

#footer{
	
	width:100%;
	height:70px;
	bottom:0;
	left:0;
	text-align: center;
}

.tri{
	border-color:transparent transparent #212121;
	border-style:solid;
	border-width:20px 17px;
	height:0;
	left:50%;
	margin:-40px 0 0 -400px;
	position:absolute;
	top:0;
	width:0;
}

#footer h1{
	font-size:20px;
	font-weight:normal;
	left:50%;
	margin-left:-400px;
	padding:25px 0;
	position:absolute;
	width:400px;
}

a:visited {
	text-decoration:none;
	outline:none;
	border-bottom:1px dotted #97cae6;
	color:#97cae6;
}

a {
	text-decoration:none;
	outline:none;
	border-bottom:1px dotted #97cae6;
	color:#97cae6;
}

a:hover{
	border-bottom:1px dashed transparent;
}

.clear{
	clear:both;
}

#menu li {
	margin-left:20px;
	list-style-type: none;
	margin-top:10px;
}

#titre1 {
	font-size: 19px;
	font-family: Calibri,Arial,sans-serif;
	text-decoration: none;
	color: #97CAE6;
	text-align: center;
}

#corps {
    position: absolute;
    left: 250px;
    top: 275px;
	width: 800px;
}

#corpsdata {
    position: absolute;
    left: 250px;
    top: 200px;
	width: 1200px;
}

#corpscctv {
    position: absolute;
    left: 250px;
    top: 275px;
	width: 800px;
	overflow-y : scroll;
}

.button_menu{
 border:0px solid #26759E;
 -webkit-box-shadow: #FEFFFF 0px 1px 3px inset;
 -moz-box-shadow: #FEFFFF 0px 1px 3px inset; 
 box-shadow: #FEFFFF 0px 1px 3px inset; 
 -webkit-border-radius: 7px; 
 -moz-border-radius: 7px;
 border-radius: 7px;
 font-size:13px;
 font-family:Calibri,Arial,sans-serif; 
 padding: 5px 5px 5px 5px; 
 text-decoration:none; 
 display:inline-block; 
 color: #97CAE6;
 background-color: #7d7e7d; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
 background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7e7d, endColorstr=#0e0e0e);
 width:100px;
 text-align: center;
}

.button_menu:hover{
 border:0px solid #26759E;
 background-color: #646464; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#282828));
 background-image: -webkit-linear-gradient(top, #646464, #282828);
 background-image: -moz-linear-gradient(top, #646464, #282828);
 background-image: -ms-linear-gradient(top, #646464, #282828);
 background-image: -o-linear-gradient(top, #646464, #282828);
 background-image: linear-gradient(to bottom, #646464, #282828);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#646464, endColorstr=#282828);
 width:100px;
 text-align: center;
}

.style1 {
	margin-top: 250px;
	margin-left: 150px;
}

.style2 {
	margin-top: 150px;
	margin-left: 350px;	
}

.style3 {
	margin-top: -50px;
	margin-left: 150px;
}

.style4 {
	margin-top: -100px;
	margin-left: 250px;
}