/*******************************************************************/
/* ORGANISATION DE MAIN                                            */
/*******************************************************************/

body ,html{
	font-size: 10px;
	color: #7584C5;
	background: #bbbbbb; 
	font-family: verdana,Arial,Geneva, Helvetica, sans-serif;
 	margin:0px;
	margin-top: 3px;
	padding: 0px;
}

.main {
	vertical-align: top; 
	width: 960px;
	
		background: #FFFFFF; 
	background-image: url('BeWellAtWork_bkg.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}

#header{
	width:  960px;
	height: 133px; 
}
#HeaderLeft{
	width: 455px; 		/*!!! AU dimention de l'image */
	text-align: left;
	text-align: left; 
	vertical-align: top;
}

#HeaderRight{
	
	
	text-align: right; 
}
#HeaderRight td{
	padding-bottom: 0px;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	vertical-align: bottom; 

}
#HeaderRight a{
	font-size: 11px;
	padding-right: 5px;
	text-align: right; 
	vertical-align: bottom; 
	color: #ffffff;
}


#bottomer{
	vertical-align: top;
	height: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-image: url('BeWellAtWork_bottom.jpg');
	background-repeat: no-repeat;
	font-weight: bold;
	width: 100%;
	color: #ffffff;
}
#bottomer a{
	font-size:  8px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
#bottomer a:hover{
	font-size:  10px;
	font-weight: bold;
	color: #ffffff;
}
#bottomer td{
	padding-bottom:3px;
	font-size:8px;
	vertical-align: bottom;
	text-align: center;
}

#mainLeft, #mainLeftBottom{
	border-left: 	5px solid #ffffff; 
		border-right: 	5px solid #ffffff; 
	width: 			180px;
	text-align: 	left; 
	vertical-align: top; 
	background: #ffffff; 
	
}
 #mainLeftBottom{
	height: 85px;
}

#mainCenter{
	width: 730px;
	vertical-align: top; 


}
#mainCenterCenter{
	text-align: left;
	padding-left: 20px;
	padding-right: 2px;
	padding-bottom: 5px;
	vertical-align: top; 
}
#mainNav{
	padding-top: 		0px;
	text-align: 		left; 
	color: 			#ffffff; 
	font-size: 		0px;
	font-weight: 		bold;
}
#mainNav a {
	display: none;
	color: #ffffff;
	font-size: 0px;
	font-weight: bold;
}
#mainNav a:hover {
	color: #ffffff;
	font-size: 0px;
	font-weight: bold;
}
#mainWelcome{
	Height: 			350px;
	border-left: 		5px solid #ffffff; 
	border-right: 		5px solid #ffffff; 
	vertical-align: middle; 
	text-align: center;
	background: #ffffff;
	background-position: top;
	background-image: url('BeWellAtWork_welcome.jpg');
	background-repeat: no-repeat;
}
#mainLogin{
	border-left: 	5px solid #ffffff; 
	border-right: 	5px solid #ffffff; 
	width: 		80%;
	Height: 	300px;
	text-align: 	center; 
	vertical-align: middle; 
}

#mainRight, #mainRightBottom{
	width: 0px;
	text-align: center;
	vertical-align: top;
	background: #ffffff; 
	border-right: 5px solid #ffffff; 

}
#mainRight{
	/*border-top: 2px solid #999999; */
}

/*******************************************************************/
/* LOOK DU TEXTE                                                   */
/*******************************************************************/

.Title2 {
	padding-top: 	0px;
	padding-right:  3px;
	padding-bottom: 0px;
	padding-left: 	0px;
	margin-top: 	2px;
	margin-right: 	2px;
	margin-bottom: 	0px;
	margin-left: 	0px;
	font-size: 		20px;
	text-align: 	left;
	color: 		#14abb7;

	font-variant: small-caps;
	font-weight: bold;
}

.subTitleLeft, .subTitleRight{
	color: 		#14abb7;
	
	font-size: 			12px;
	font-weight: 		bold;
	text-decoration: 	underline;
	padding-top: 		1px;
	padding-right:		3px;
	padding-bottom: 	1px;
	padding-left:  		3px;
	
	margin-top: 		3px;
	margin-right: 		2px;
	margin-bottom: 		5px;
	margin-left: 		2px;
}
.subTitleRight {
	text-align: right;
}

a:link {
	color: #404040;
	text-decoration: none;
}

a:visited {
	color: #404040;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #A32428;
}

p,td {
	font-size: 12px;
	color: #404040;
}
p{
	line-height : 1.4em;
}

li{
	list-style-image : url('BeWellAtWork_li.gif');
	padding-left: 10px;
}
.myli {
	font-weight: bold;
	color: #777777;
}
.myli a {
	background-color: transparent;
	font-weight: bold;
	color: #14abb7;
}
.myli a:hover {
	background-color: transparent;
	font-weight: bold;
	color: #4C4C4C;
}
/*******************************************************************/
/* Look menu                                                       */
/*******************************************************************/
#menu {
	display: 		block;
	width: 			180px;
	text-decoration: none;

	margin-top: 	0px;
	margin-right: 	0px;
	margin-left: 	0px;	
	text-decoration: 	none;
} 
#menu table{
	width: 100%;
}
#menu a.current {
	border-left: 5px solid #f29412;
	display: 	block;

	color: 		#f29412; 
}
#menu a:hover { 
	border-left: 5px solid #9f4a92;
	display: 	block;
	color: 		#9f4a92;
	/*background: #9f4a92;*/
}
#menu a {
	border-left: 5px solid #c8d200;
	font-variant: small-caps;
	display: 	block;
	text-decoration: none;
	font-weight: 	bold;
	font-size: 11px;
	color: 		#7a7d73;
	margin-top:	2px;

	padding-top: 	4px;
	padding-bottom: 4px;
	padding-right: 	3px;
	padding-left: 	3px;
}
/*******************************************************************/
#entree a  {
	display: block;
	width: 60px;
	height: 60px;
	vertical-align: middle;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	background-image: url('bewellatwork_EntOff.gif');
	background-repeat: no-repeat;
	margin-top: 5px;
	padding-top: 20px;
	font-weight: bold;
	font-size: 14px;
}
#entree a:hover { 
	padding-top: 20px;
	font-size: 16px;
}  
#HeaderRight a.current {
	color : #af131e;
}

/*******************************************************************/
/* Zone d'horraire                              */
/*******************************************************************/
td.celHoraire {
	background: 	#14abb7;
	color:			#ffffff;
	height: 		22px;
	font-weight:	bold;
	padding-left:	10px;
	padding-right:	10px;
} 
td.celHoraireValue {
	background: 	#dddddd;
	font-size:		11px;
	text-align:		center;
}

/*******************************************************************************/
/* #6a1517; /* code_border  */
/* #A32428; /* code_background  */	
/* #ffffff; /* code_text  */	
/* #ffffff; /* code_border_2  */
/* #f1f1f1; /* code_background_2 */	
/* #A32428; /* code_text_2  */	
/*******************************************************************************/

/*******************************************************************/
/* LOOK DES COMPOSANT (BUTTON, ...)                                */
/*******************************************************************/
.input_boxes,.subm,select,.input, .input_boxes100  {
	color: 			#14abb7;
	background: 	#ffffff;
	margin-bottom: 	2px;
	margin-left: 	5px;
	margin-right: 	5px;
	border: 		1px solid #6a1517; /* code_border  */
}

.subm {
	padding-top: 	4px;
	padding-bottom: 3px;
	text-align: 	center;
	vertical-align: middle;
	
	width: 			120px;
	font-size: 		14px;
	font-weight: 	bold;
	color: 			#14abb7; /* code_text_2  */	
/*	border: 		1px solid #6a1517; /* code_border  */
	cursor: 		hand;
}

.input_boxes100{
	width: 			100%; 	/*FIXE*/
}