* 
{
font-family: Verdana, Arial, Helvetica, sans-serif, monospace;
}
body 
{
/* color:#000000;
background: #B3E7FF;
scrollbar-face-color: #7CB1CA; scrollbar-shadow-color: #7CB1CA;
scrollbar-highlight-color: #E6F7FF; scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000; scrollbar-track-color: #B3E7FF;
scrollbar-arrow-color: #000000;
overflow:auto;
margin:0px 10px 0px 10px; */
	background-color: #FFFFFF; /*EAEAEA*/
	padding:0px;
	margin:0px;
	border:0px;
	outline:0px;
	overflow:auto;
	padding-right:20px;
	padding-left:20px;
	margin-left:20px;
	margin-right:20px;
}
input
{
/*	font-size: 11px;
	color: black; */
	
	BORDER-RIGHT: #001a4f 1px solid;
	BORDER-TOP: #001a4f 1px solid;
	PADDING-LEFT: 5px;
	FONT-SIZE: 12px;
	BORDER-LEFT: #7a8c9b 1px solid; /*WIDTH: 114px; */
	COLOR: #000000;
	BORDER-BOTTOM: #7a8c9b 1px solid;
	FONT-FAMILY: arial;
	HEIGHT: 18px;
	BACKGROUND-COLOR: #EAE9E6;
}
select
{
/*background-color:#9BCEE6;
font-size: 11px;
color:black; */

	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; /*font-weight:bold;*/
	background-color: #C7C7C0;
	border: 1px solid;
	border-top-color: #696;
	border-left-color: #696;
	border-right-color: #363;
	border-bottom-color: #363;
}
textarea
{
/*  background-color:#E1E3E7;*/
/* background-color:#9BCEE6;
font-size: 11px;
overflow:hidden;
color : black; */
	BORDER-RIGHT: #001a4f 1px solid;
	BORDER-TOP: #001a4f 1px solid;
	PADDING-LEFT: 5px;
	FONT-SIZE: 12px;
	BORDER-LEFT: #7a8c9b 1px solid; /*WIDTH: 114px; */
	COLOR: #000000;
	BORDER-BOTTOM: #7a8c9b 1px solid;
	FONT-FAMILY: arial;
/*	HEIGHT: 18px; */
	BACKGROUND-COLOR: #EAE9E6;

}
img
{
border:0;
}

input.btn
{
	color: #0045E1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; /*font-weight:bold;*/
	background-color: #C7C7C0;
	border: 1px solid;
	border-top-color: #696;
	border-left-color: #696;
	border-right-color: #363;
	border-bottom-color: #363;
	border-width: 1px 2px 2px 1px;
	border-color: Black Black Black Black;
	font-weight: bold;
}
input.txt
{
	/*	background-color: #C3C4FF; */
	*/

	BORDER-RIGHT: #001a4f 1px solid;
	BORDER-TOP: #001a4f 1px solid;
	PADDING-LEFT: 5px;
	FONT-SIZE: 12px;
	BORDER-LEFT: #7a8c9b 1px solid; /*WIDTH: 114px; */
	COLOR: #000000;
	BORDER-BOTTOM: #7a8c9b 1px solid;
	FONT-FAMILY: arial;
	HEIGHT: 18px;
	BACKGROUND-COLOR: #EAE9E6;
}


select.list
{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; /*font-weight:bold;*/
	background-color: #C7C7C0;
	border: 1px solid;
	border-top-color: #696;
	border-left-color: #696;
	border-right-color: #363;
	border-bottom-color: #363;
}


a.jour:link,a.jour:active,a.jour:visited 
{ 
text-decoration: none; 
color: #000000; 
font-weight:bold;
}
a.jour:hover 
{ 
color: #000000; 
text-decoration: underline;
font-weight:bold;
}
div.lang
{
padding:10px;
text-align:center;
display: block;
width:auto;
}
div.full
{
 height:100%;
 overflow:hidden;
}
div.menu 
{
background : #9BDFFF;
/* background-image: url(../images/fond_prodoor.gif); */
text-align:left;
/*height:10%;*/
border: 2px white solid; 
/* padding:5px; */
display: block;
width:100%; 
}
div.main_conteneur
{
height:88%;
}

div.main 
{
height:90%;
width:80%;
padding:5px 0px 0px 0px;
border: 2px white solid;
/*background : #B3E7FF;*/
/*background : #8BABC2;*/
display: inline;
vertical-align:top;
text-align:center; 
font-size:11px;
overflow:auto;
}
div.arbo
{
height:90%;
width:20%;
padding:5px 0px 0px 10px;
display: inline; 
border: 2px white solid;
/*background : #B3E7FF;*/
/*background : #8BABC2;*/
text-align:left;
font-size:11px;
overflow:auto;
}

div.main_full 
{
height:85%;
padding:10px;
border: 2px white solid;
/*background : #8BABC2;*/
width:100%;
display: inline; 
font-size:11px;
text-align:center; 
}
h1
{
  font-size:14px;
	font-weight:bold;
	margin:5px 5px 5px 5px;
}
td.gras
{
  font-size:14px;
	font-weight:bold;
}
div.titre
{
font-size:18px;
font-weight:bolder;
}
span.logo
{
width:65px;
float:right;
padding:0px 5px 0px 5px;
}
span.boutons
{
padding:0px 0px 0px 0px;
}
span.bouton
{
float:none;
margin:0px 3px 0px 3px;
}
span.sites
{
float:left;
text-align:left;
padding:0px 5px 0px 5px;
width: 250px;
}
#util 
{
height:688px;
padding:10px;
border: 1px solid #333;
background:white;
width:950px;
display: block; margin-left: auto; margin-right: auto;
}
#info 
{	
width:195px;
height:100%;
padding:5px;
float:right;
background:#DDD;
text-align:left;
border: 1px solid #333;
color:black; 	
}
#scroll 
{	
overflow:auto;
}
span.menu_site
{
color:#0000FF;
font-weight:bold;
text-decoration:none;
}
span.sub_menu
{
color:#5959FF;
/*font-weight:bold;*/
text-decoration:none;
}
ul.menu_site 
{
list-style-image: url("../images/sqred.gif");
margin-left: 10px
}
a.menu_site 
{
	color: #0000FF;
	font-weight: bold;
	text-decoration: none;
}
a.sub_menu 
{
	color: #5959FF;
	text-decoration: none;
}
ul.menu_porte 
{
list-style-image: url("../images/sqpurple.gif");
margin-left: 10px
}
a.menu_porte 
{
color:#660066;
font-weight:bold;
text-decoration:none;
}
ul.menu_droit 
{
list-style-image: url("../images/sqgreen.gif");
margin-left: 10px
}
a.menu_droit 
{
color:green;
font-weight:bold;
text-decoration:none;
}
ul.menu_profil 
{
list-style-image: url("../images/sqorange.gif");
margin-left: 10px
}
a.menu_profil 
{
color:#333300;
font-weight:bold;
text-decoration:none;
}
ul.menu_badge 
{
list-style-image: url("../images/sqgrey.gif");
margin-left: 10px
}
a.menu_badge 
{
color:#990066;
font-weight:bold;
text-decoration:none;
}
div.cont_porte
{
text-align:left;
background:#E6F7FF;
margin-top:10px;
width:90%;
font-size:10px;
}
div#ln_porte 
{
clear: both;
margin-top:2px;	
}
#ln_porte span#chk
{
float: left;
width: 5%;
text-align: right;
padding-right:5px;
}
#ln_porte span#adr
{
float: left;
width: 15%;
text-align: left;
padding-right:5px;
}
#ln_porte span#lib
{
float: left;
width: 40%;
text-align: left;
padding-right:5px;
}
#ln_porte span#tempo
{
float: left;
width: 40%;
text-align: left;
padding-right:5px;
}
div#ln_droit 
{
clear: both;
margin-top:2px;	
}
#ln_droit span#lab1
{
float: left;
width: 40%;
text-align: left;
padding-right:5px;
}
#ln_droit span#chk1
{
float: left;
width: 7%;
text-align: left;
padding-right:5px;
}
#ln_droit span#lab2
{
float: left;
width: 40%;
text-align: left;
padding-right:5px;
}
#ln_droit span#chk2
{
float: left;
width: 7%;
text-align: left;
padding-right:5px;
}
div.frame_form
{
margin-top:5px;
margin-bottom:5px;
width : 530px;	
background:#E6F7FF;
/*background : #FFFFFF;*/
padding : 10px;
}
/*Styles pour les formulaires*/
#row 
{
clear: both;
padding-top: 10px;
}
#row span#label 
{
float: left;
width: 35%;
text-align: right;
padding-right:10px;
}
#row span#formw 
{
float: right;
width: 60%;
text-align: left;
}	
/*Le cadre pour affich les plages */
div.cont_plages
{
 border : 2px black solid;
display:inline;
width:400px; 
float:right;
margin:35px 35px 0px 0px;
padding:5px;
}	
#ln_plages
{
clear: both;
padding-top: 5px;
}
#ln_plages span#col1 
{
float: left;
width: 45%;
text-align: right;
padding-right:10px;
}
#ln_plages span#col2 
{
float: right;
width: 45%;
text-align: left;
}
#ln_plages span#col3 
{
float: left;
width: 45%;
text-align: right;
padding-right:10px;
}
#ln_plages span#col4 
{
float: right;
width: 45%;
text-align: left;
}
#ln_plages span#col5 
{
float: center;
width: 45%;
text-align: center;
}
div.jours_aut
{
float : left;
text-align: left;
}
/*Affichage de la photo pr le badge*/
#cont_badge
{
clear: both;
padding: 0px;
}
#cont_badge span#photo
{
margin-top:15px;
width:200px;
height:200px;
float:left;
text-align:center;
}
#cont_badge span#badge
{
float:right;
text-align:left
}
/*Affichage des evts pointage */
#ln_pointage
{
clear: both;
width:100%
}
#ln_pointage span#date
{
 float : left;
 text-align:left;
 width:20%;
}
#ln_pointage span#num
{
 float : left;
 text-align:left;
 width:15%;
}
#ln_pointage span#nom
{
 float : right;
 text-align:left;
 width:50%;
}
div.frameaccueil
{
width:800px;
height:600px;
background:#8BABC2;
border: 1px solid #333;	
display: block;
text-align:center;
font-size:12px;
}
div.enteteaccueil
{
 float:left;
 width:auto;
 margin-top : 5 px;
 margin-left : 5 px;
 text-align:center; 
}
div.titreaccueil
{
 margin-top : 150px;
 font-size:25px;
 font-weight:bolder;
}
div.loginaccueil
{
 margin-top:30px;
 padding:15px;
 width:380px;
 background:#E6F7FF;
 border: 1px black solid;
 display: block;
}
/*Le cadre pour affich les horaires */
div.cont_horaires
{
 border : 2px black solid;
display:inline;
width:280px; 
float:right;
margin:35px 35px 0px 0px;
padding:5px;
}	
#ln_horaires
{
clear: both;
padding-top: 5px;
}
#ln_horaires span#col1 
{
float: left;
width: 45%;
text-align: right;
padding-right:10px;
}
#ln_horaires span#col2 
{
float: right;
width: 45%;
text-align: right;
}
/*Affichage des evenements*/
div.cont_evt
{
text-align:left;
background:#E6F7FF;
/*background:white;*/
margin-top:10px;
width:95%;
font-size:10px;
}

.sorti
{
background:#66cccc;
}

.site1 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

span.error 
{
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

span.stats 
{
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}


/* Mul T Lock CSS */


.TopBgTD{
	background-color: #002D85;
	background-image: url("../images/TopBG.gif");
	height: 89px;
}
.ToolBarBgTD{
	background-color: #044D9C;
	background-image: url("../images/ToolBarBg.gif");
	height: 20px;
/*	padding-left:7px;
	padding-right:7px; */
}

.LogTextBox73{
  FONT-SIZE: 12px;
  COLOR: #044D9C;
  FONT-FAMILY: arial;
	/*background-color: #EAE9E6;*/
	border-left : 1px solid #7A8C9B;
	border-top : 1px solid #7A8C9B;
	border-bottom : 1px solid #7A8C9B;
	border-right : 1px solid #7A8C9B;
  /*width: 73px;*/
  /*HEIGHT: 18px;*/
}

.LogButton{
  FONT-SIZE: 12px;
  COLOR: #ffffff;
  FONT-FAMILY: arial;
	border-left : 1px solid #000000;
	border-top : 1px solid #7A8C9B;
	border-bottom : 1px solid #000000;
	border-right : 0px solid #ffffff;
	background-color: #026DBC;
	width: 44px;
	height: 22px;
	cursor: hand;
}

.ToolBarLink{
	FONT-SIZE: 12px;
	COLOR: #ffffff;
	FONT-FAMILY: arial;
	TEXT-DECORATION: none;
	font-weight: bold;
	padding-left: 7px;
	padding-right: 7px;
	text-align: center;
}
.ToolBarLink:link{
  font-size: 12px;
  color: #ffffff;
  font-family: arial;
  text-decoration: none;
	font-weight : bold;
	padding-left:7px;
	padding-right:7px;
}
.ToolBarLink:visited{
  font-size: 12px;
  color: #ffffff;
  font-family: arial;
  text-decoration: none;
	font-weight : bold;
	padding-left:7px;
	padding-right:7px;
}
.ToolBarLink:Hover{
  FONT-SIZE: 12px;
  COLOR: #FEE252;
  FONT-FAMILY: arial;
  TEXT-DECORATION: none;
	font-weight : bold;
	padding-left:7px;
	padding-right:7px;
}

.ToolBarSelTD{
  FONT-SIZE: 12px;
  COLOR: #012D85;
  FONT-FAMILY: arial;
  font-weight : bold;
  background-color: #FEE252;
  height: 18px;
}

/* End of  Mul T Lock CSS */
.CyanFrame
{
	border: 1px solid #95BACC;
}

AA_Right
{
font-family: Arial, Helvetica, sans-serif;
color:#0046E1;
font-size:"14px";
font-weight: bold;
}

AA_Left
{
font-family: Arial, Helvetica, sans-serif;
color:#0046E1;
font-size:"12px";
}

.MTL_Head1
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #01256d;
}

.MTL_Head2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #01256d;
}

.MTL_Head3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #01256d;
}

.MTL_Text1
{
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px;
		
}

.MTL_Text2
{
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px;	
	font-weight: bold;
}

.MTL_Text3
{
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 10px;	
}

.MTL_Link1
{
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 10px;	
}

.MTL_Link2
{
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 10px;	
	text-decoration: none;
}

.MTL_Boxt1
{
	font-size: 8px;	
}

.MTL_AssaLeft
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: "#0045E1";
	
}

.MTL_AssaRight
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: "#0045E1";
}