body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
img {
    vertical-align: text-top;
} 

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: auto;
left: 0;
z-index:100;
width: 100%; /* correction pour Opera */
}
#menu dl {
float: left;
width: 12em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
/*background: #ccc;*/
color: #FFFFFF; 
background-color: rgb(118,63,167);
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
/*display: block; color: #FFFFFF; 
background-color: rgb(118,63,167);*/
}
#menu li a, #menu dt a {
/*color: #000;*/
color: #FFFFFF; 
background-color: rgb(118,63,167);
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
/*background: #eee;*/
color: rgb(118,63,167);
background: #FFFFFF;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}
#titre_barre {
font: 18px arial;
display: compact;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
position: relative;
width: 140px;
color: #FFFFFF; 
background-color: rgb(118,63,167);
}
#login_titre
{
font: 14px arial;
}
#login
{
display: compact;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 150px;
position: relative;
width: auto;
color: #FFFFFF; 
background-color: rgb(118,63,167);
}
#courtier_search_titre
{
font: 18px arial;
}
#courtier_search_titre2
{
font: 14px arial;
}
#courtier_search
{
display: compact;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
position: relative;
width: auto;
color: #FFFFFF; 
background-color: rgb(118,63,167);
}

#diag2_search
{
display: compact;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
/*position: relative;*/
width: auto;
color: #FFFFFF; 
background-color: rgb(118,63,167);
}


#diag_assures
{
/*display: compact;*/
border-radius: 10px;
/*margin-left: auto;
margin-right: auto;
margin-top: 10px;
position: relative;
width: auto;*/
color: #FFFFFF; 
background-color: rgb(118,63,167);
}
#contrat_new {
font: 13px arial; 
}

#contrat_assure {
font: 13px arial; 
display: inline-table;
background-color: rgb(255,239,168);
}

#bggrey {
display: inline-table;
background-color: rgb(242,218,242);
}
#souscription_navi {
font: 16px arial; 
display: inline-table;
color: rgb(118,63,167); 
background-color: rgb(159,237,81);    
}
.calendar
{
    background-color:#f7f6f3;
    position:absolute;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    border:1px solid #0099cc;
    -moz-opacity:0;
    filter:alpha(opacity=0);
     
}
 
.calendar a
{
    text-decoration:none;
    color:#ffffff;
    font-weight:bold;
}
 
.ListeDate
{
    background-color:#FFFFFF;
}
 
#Contenant_Calendar
{
    float:left;
    width:100%;
    overflow:hidden;
    position:relative;
}
 
#Contenant_Calendar span
{
    float:left;
    display:block;
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
}
 
.DayDate:hover
{
    background-color:#8CD1EC;
    cursor:pointer;
}
 
#curentDateString
{
    width:100%;
    text-align:center;
}
 
.titleMonth
{
    width:100%;
    background-color:#08a1d4;
    color:#FFFFFF;
    text-align:center;
    border-bottom:1px solid #666;
    margin:0px;
    padding:0px;
    padding-bottom:2px;
    margin-top:0px;
    margin-bottom:0px;
    font-weight:bold;
}
 
.separator
{
    float:left;
    display:block;
    width:25px;
}
 
.currentDay
{
    font-weight:bold;
    background-color:#FFB0B0;
}
#fiche_courtier
{
display: compact;
/*border-radius: 10px;*/
margin-left: 0px;
margin-right: auto;
margin-top: 10px;
position: relative;
width: auto;
color: #FFFFFF; 
background-color: rgb(118,63,167);
}
#search_courtier
{
display: compact;
/*border-radius: 10px;*/
margin-left: auto;
margin-right: auto;
margin-top: 10px;
position: relative;
width: auto;
color: #FFFFFF; 
background-color: rgb(109,163,124);
}
#liste_bureaux
{
display: compact;
/*border-radius: 10px;*/
margin-left: 0px;
margin-right: auto;
margin-top: 10px;
position: relative;
width: auto;
color: #FFFFFF; 
/*background-color: rgb(28,186,0);*/
background-color: rgb(109,163,124);
}
#liste_users
{
display: compact;
/*border-radius: 10px;*/
margin-left: 0px;
margin-right: auto;
margin-top: 10px;
position: relative;
width: auto;
color: #FFFFFF; 
/*background-color: rgb(28,186,0);*/
background-color: rgb(174,196,207);
}
a:link 
{
/*color:#FFFFFF;*/      /* unvisited link */
color:#000000;
text-decoration:none;
}
/*a:visited {color:#FFFFFF;}*/  /* visited link */
a:visited {color:#000000;}
a:hover {color:#FF00FF;}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */ 

#resultset
{
display: compact;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 70px;
position: relative;
width: auto;
color: #FFFFFF; 
background-color: rgb(118,63,167);
}

/* code minimum. */
#container #content {
   height: 1px;
   overflow: hidden;
   border: 1px solid silver;
}

#container:target #content {
   height: auto;
}

/* ci-dessous : pour cacher les liens. */
#container:target #hide, #container #show {
   display: inline;
}

#container:target #show, #container #hide {
   display: none;
}
#loading {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: url('images/loader.gif') 50% 50% no-repeat;
}
#content {
    display: none; /* sera affiché en js après le chargement complet de la page */
}



/*****************************************************
 * generic styling for ALS elements: outer container
 ******************************************************/

.als-container {
	position: absolute;
        left: 0;
        top: auto;
	/*width: 5%;*/
	margin: 0px auto;
	z-index: 0;
}

/****************************************
 * viewport styling
 ***************************************/

.als-viewport {
	position: relative;
        /*left: 0;*/
        /*top: auto;*/
	overflow: hidden;
        margin: 0px auto;
        /*margin: 0px auto;*/
}

/***************************************************
 * wrapper styling
 **************************************************/

.als-wrapper {
	position: relative;
	/* if you are using a list with <ul> <li> */
	list-style: none;
}

/*************************************
 * item: single list element
 ************************************/

.als-item {
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
	float: left;
}

/***********************************************
 * prev, next: buttons styling
 **********************************************/
 
.als-prev, .als-next {
	position: absolute;
        cursor: pointer;
	clear: both;
}




#data_container_listesante {
    height: 350px;
    border: 1px solid red;
    width: auto;
    overflow: scroll;
}
.highlight {

    background-color: rgb(255,0,0);

}