body {
	margin:0px 0px; padding:0px;
	background-color:#342C21;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#342C21;
	text-align:left;
	}

#main {
	width:900px;
	margin:40px;
	padding:20px;
	background-image:url(images/fond_main_content.jpg);
	background-repeat:repeat;
	overflow:hidden;
	text-align:left;
}
#main_content{
	clear:both;
	text-align:left;
	background-color:#f9f2d8;
	border: 2px solid #b2ac92;
	width:875px;
	height:100%;
	padding:20px;
	overflow:hidden;
	margin:0px;
}
#menu_all{
width:875px;

	margin:20px 0 0 0;
	
}
#menu{
width:874px;
float:left;;
margin:0px;


}
#menu_logout{
float:right;
}

#onglet {
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: 12px Verdana;

}
#onglet_logout {
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: 12px Verdana;

}
#onglet li,#onglet_logout li{
list-style: none;
display: inline;
margin: 0;
}

#onglet li a,#onglet_logout li a{
text-decoration: none;
padding: 3px 0.5em;
margin-right: 3px;
border: 1px solid #342C21;
border-bottom: none;
background: #342C21;
}

#onglet li a:link, #onglet li a:visited,#onglet_logout li a:link, #onglet_logout li a:visited{
color: #fff;
}

#onglet li a:hover, #onglet_logout li a:hover{
color: #fff;
background: #b2ac92;
border-color: #b2ac92;
}

#onglet li a.courant,#onglet_logout li a.courant{
background: #b2ac92;
}
#recherche_code_postal{
width:440px;
background:#b2ac92;
margin :20px 20px 20px 220px;
padding:20px;
}
#recherche{
float:left;
width:240px;
background:#b2ac92;
margin :30px 20px 20px 0px;
}

.recherche {
	margin:0px;
	padding:0px 20px 10px 20px;
	}
#calendar{
float:left;
width:600px;
margin:0px;

}
	.calendarBox {
	
		margin: 0px;
		padding: 5px;
		width: 595px;
		
		
	}

	.calendarFloat {
		float: left;
		width: 80px;
		height:  40px;
		margin: 1px 0px 0px 1px;
		padding: 1px;
		border: 1px solid #b2ac92;
	}
	.calendarFloatEntete {
		float: left;
		width: 80px;
		height: 20px;
		margin: 1px 0px 0px 1px;
		padding: 1px;
		border: 1px solid #b2ac92;
		background-color:#433b2e;
		color:#FFF;
	}
#horaire1{
	width:250px;
	}
#horaire2{
		float:right;
		margin-left:50px;
		width:250px;
	}		
#selectionSecteur{

		float:right;
		width:200px;
		border: 1px solid #000;
		background-color:#d7d1b9;
		padding:10px;
		margin-top:20px;
	}

#listeEtChoixSecteur{

width:800px;
overflow:hidden;
padding:10px;

}
	
#msg_erreur{
		
		width:600px;
		border: 1px solid #CC0033;
		background-color:#FFFFCC;
		margin:15px;
		padding:10px;
		color:#CC0033;
		font-weight:bold;
}

#msg_ok{
		
		width:450px;
		border: 1px solid #006600;
		background-color:#99CC66;
		margin:5px 0px 15px 220px;
		padding:10px;
		color:#006600;
		font-weight:bold;
		text-align:center;
}

#carre_martin{
	float:right;
	padding-left:4px;
	width:13px;
	height:13px;
	border: 1px solid #000000;
	color:#000;
	

}
#carre_jonathan{
	float:right;
	margin-left:10px;
	padding-left:4px;
	width:13px;
	height:13px;
	border: 1px solid #000000;
	color:#000;
	
	clear:both;

}
#carre_Tech1{
	float:right;
	margin-left:10px;
	padding-left:4px;
	width:13px;
	height:13px;
	border: 1px solid #000000;
	color:#000;

}

#carre_Tech2{
	
	float:right;
	margin-left:10px;
	padding-left:4px;
	width:13px;
	height:13px;
	border: 1px solid #000000;
	color:#000;
	

}


#configBox{
float:right;
width:400px;

}
#couleurBox{
float:left;
width:400px;

}
#texte{
	float:right;
	width:646px;
	background-color:#ffffff;
	margin:20px 20px 20px 15px;
	font-size:14px;
	line-height:16px;
	color:#2a4566;
	text-align:left;
}

#pied, #pied a{
		text-align:center;
		width:900px;
		font-size:11px;
		color:#ffffff;
}		

H1{
font-size:16px;
color:#342C21;
font-family:Helvetica,Verdana, Arial, sans-serif;
line-height:30px;
margin:0px;
padding:0px;
text-transform:uppercase;
}

H2{
font-size:16px;
color:#d9590b;
font-family:Helvetica,Verdana, Arial, sans-serif;
line-height:18px;
margin-top:7px;
padding:0px;
}
H3{
font-size:15px;
color:#342C21;
}
H4{
font-size:14px;
color:#d9590b;
}
 form{
 margin:0;
 }
p{
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	color:#000;
		
}
table{
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	color:#000;
		
}
span.col_gauche{
	font-size:11px;
	color:#d9590b;
	font-weight:bold;
	
}


#testdiv1 A:link
{
    FONT-SIZE: 11px;
	color:#000000;
   TEXT-DECORATION: none;
}

#testdiv1 A:hover
{
    FONT-SIZE: 11px;
	color:#336699;
   TEXT-DECORATION: none;
}
/*******date picker**************/
.TESTcpYearNavigation,
	.TESTcpMonthNavigation
			{
			background-color:#999999;
			text-align:center;
			text-decoration:none;
			color:#FFFFFF;
			font-weight:bold;
			}
	.TESTcpDayColumnHeader,
	.TESTcpYearNavigation,
	.TESTcpMonthNavigation,
	.TESTcpCurrentMonthDate,
	.TESTcpCurrentMonthDateDisabled,
	.TESTcpOtherMonthDate,
	.TESTcpOtherMonthDateDisabled,
	.TESTcpCurrentDate,
	.TESTcpCurrentDateDisabled,
	.TESTcpTodayText,
	.TESTcpTodayTextDisabled,
	.TESTcpText
			{
			font-family:arial;
			font-size:8pt;
			}
	TD.TESTcpDayColumnHeader
			{
			text-align:right;
			border:solid thin #999999;
			border-width:0 0 1px 0;
			}
	.TESTcpCurrentMonthDate,
	.TESTcpOtherMonthDate,
	.TESTcpCurrentDate
			{
			text-align:right;
			text-decoration:none;
			}
	.TESTcpCurrentMonthDateDisabled,
	.TESTcpOtherMonthDateDisabled,
	.TESTcpCurrentDateDisabled
			{
			color:#D0D0D0;
			text-align:right;
			text-decoration:line-through;
			}
	.TESTcpCurrentMonthDate
			{
			color:#6677DD;
			font-weight:bold;
			}
	.TESTcpCurrentDate
			{
			color: #FFFFFF;
			font-weight:bold;
			}
	.TESTcpOtherMonthDate 
			{
			color:#808080;
			}
	TD.TESTcpCurrentDate
			{
			color:#FFFFFF;
			background-color: #6677DD;
			border-width:1px;
			border:solid thin #000000;
			}
	TD.TESTcpCurrentDateDisabled
			{
			border-width:1px;
			border:solid thin #FFAAAA;
			}
	TD.TESTcpTodayText,
	TD.TESTcpTodayTextDisabled
			{
			border:solid thin #6677DD;
			border-width:1px 0 0 0;
			}
	A.TESTcpTodayText,
	SPAN.TESTcpTodayTextDisabled
			{
			height:20px;
			}
	A.TESTcpTodayText
			{
			color:#6677DD;
			font-weight:bold;
			}
	SPAN.TESTcpTodayTextDisabled
			{
			color:#D0D0D0;
			}
	.datePickercpBorder
			{
			border:solid thin #6677DD;
			}

/*****************************************/
p.message{
	font-family:Helvetica,Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#009933;
}
A
{
    FONT-SIZE: 14px;
    COLOR:#342C21;
  	TEXT-DECORATION: underline;
    font-family:Helvetica,Tahoma,Verdana, Arial, Helvetica, sans-serif;
	
}

A:link, A:visited
{
    FONT-SIZE: 14px;
    COLOR: #342C21;
   TEXT-DECORATION: underline;
 
}

A:active
{
    FONT-SIZE: 14px;
    COLOR: #342C21;
   TEXT-DECORATION: underline;
   
}

A:hover
{
    FONT-SIZE: 14px;
    COLOR: #d9590b;
   TEXT-DECORATION: underline;
  
}
.calendarFloat A:hover
{
    FONT-SIZE: 14px;
    COLOR: #342C21;
   TEXT-DECORATION: underline;
  
}
 A.final:link
{
    FONT-SIZE: 14px;
    COLOR: #336699;
   TEXT-DECORATION: underline;
  
}
 A.final:visited
{
    FONT-SIZE: 14px;
    COLOR: #336699;
   TEXT-DECORATION: underline;
  
}
 A.final:hover
{
    FONT-SIZE: 14px;
    COLOR: #d9590b;
   TEXT-DECORATION: underline;
  
}
 A.traitement:link
{
    FONT-SIZE: 14px;
    COLOR: #336633;
   TEXT-DECORATION: underline;
  
}
 A.traitement:visited
{
    FONT-SIZE: 14px;
    COLOR: #336633;
   TEXT-DECORATION: underline;
  
}
 A.traitement:hover
{
    FONT-SIZE: 14px;
    COLOR: #d9590b;
   TEXT-DECORATION: underline;
  
}
A.verifie:link
{
    FONT-SIZE: 14px;
    COLOR: #999999;
   TEXT-DECORATION: underline;
  
}
 A.verifie:visited
{
    FONT-SIZE: 14px;
    COLOR: #999999;
   TEXT-DECORATION: underline;
  
}
 A.verifie:hover
{
    FONT-SIZE: 14px;
    COLOR: #d9590b;
   TEXT-DECORATION: underline;
  
}
/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 300px;
	height: 200px;
}

/*________________________________________________________*/
.infobulle{
    position: absolute;   
    visibility : hidden;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #FFFFCC;
}