.main {
	position:absolute;
	top:133px;
	width:100%;
	right:0px;
	left:0px;
	margin-right:0px;
    background:#FFFFFF url('../img/cote.gif') repeat-x top;
	
	}
	
.central {
	position:relative;
	top:0px;
	width:95%;
	margin:0px;
	margin-left:2.5%;
	margin-right:auto;
	background-color:#FFFFFF;

	}
	
.top {

	position:relative;
	width:100%;
	height:25px;
	top:0px;
	background:#6699CC;

	}
.corps {
	position:relative;
	top:0px;
	min-height:560px
	}

.maintext {
	line-height:13px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-size:70%;
	margin:20px;
	padding:20px 0px 0px 50px;
	color:#333333;
}



.left {
	position:relative;
	height:100%;
	width:4%;
	top:0px;
	left:0px;

	}

.right {	
	position:relative;
	height:100%;
	width:4%;
	top:0px;
	right:0px;
	margin-right:0px;
	}
	
.pied {
	position:relative;
	width:100%;
	height:30px;
	top:0px;
	background:#6699CC url('../img/pied.gif');
	text-align:right;
	}



.header {
	position:absolute;
	top:0px;
	width:100%;
	right:0px;
	margin-right:0px;
	height:133px;
	background-color:#6699CC;
	}
.header1 {
	 position:absolute;
	 top:0px;
	 left:0px;
	 height:105px;
	 width:98%;
	background: #FFFFFF url('../img/bgheader.gif');


	}
	
.header2 {
	position:relative;
	top:105px;
	height:28px;
	background-color:#333333;
	
	}
.title {
	position:absolute;
	top:10px;
	left:15px;
	right:200px;
	height:80px;
	padding:10px 0px 10px 15px; 
        
}	
.logo {
      float:right;
      top:0px;
      padding:2px 15px 3px 20px;
      background-color:#FFFFFF;
      
}





	
* html body .main {
	height:100%;
	overflow:hidden;
	}

/* IE-mac ne voit pas les lignes qui suivent \*/
* html body .main {
	height:815px;
	overflow:visible
	} 
/* fin du text caché pour IE/mac */
* html body .corps {
	height:815px;
	} 






.div-min-height {
	position:relative;
	height:815px;
	width:0px;
	float:left;
	}
	
.div-min-height-bottom {
	position:relative;
	height:0px;
	clear:left;
	}
	


	
.top a {
text-decoration:none;
position:relative;
top:5px;
padding:5px;
font-size:83%;
color:#FFFFFF;
}

.titletext {
	 line-height:normal;
	 font-family: Verdana, Arial, Helvetica;
	 font-weight: bold;
	 font-size:150%;
	 margin:0px;
	 padding-top:25px;
	height:50px;
	color:#333333;
}

.textintro {
text-decoration:none;
position:relative;
width:100%;
top:2px;
padding:5px;
font-size:93%;
font-weight:bold;
color:#FFFFFF;
text-align:right;
}
	
.textbold {
display:inline;
font-weight:bold;

}
.textboldred {
display:inline;
font-weight:bold;
font-size:105%;
color:#FF0000;
}	

#client{
position:relative;
top:70px;
left:5%;
font-weight:bold;
color:#FF0000;
font-size:93%;
background:#99CCFF;
padding:4px;
}

.indexlist{
list-style:url('../img/liste_carree.gif');
padding:10px 0px 10px 250px;

}
.indexlist2{

position:relative;
width:60%;
left:25%;
list-style:url('../img/fleche.gif');
padding:10px 0px 10px 15px;
margin-left:0px;
margin-bottom:0px;

}
.indexlist3{
list-style:none;
padding:0px;
}


.sublist {
list-style:square;
text-decoration:none;
color:#333333;
position:relative;
left:0px;
height:150px;
top:0px;
border:dashed 1px;
padding:20px;
margin:20px;
font-size:90%;
line-height:15px;
}
.sublist_title {
line-height:16px;
font-size:85%;
padding:5px 0px 5px 0px; 
}
.sublist_title2 {
line-height:16px;
font-size:85%;
padding:2px 0px 2px 0px; 
}


.sublist_title a:visited{
text-decoration:none;
color:#333333;
padding:6px;
margin:5px;

} 
.sublist_title a:hover{
text-decoration:none;
color:#FF3333;
padding:6px;
margin:5px;

} 
.sublist_title a:link{
text-decoration:none;
color:#333333;
padding:6px;
margin:5px;

}


#mytable1 {
position:absolute;
top:50px;
left:70px;
border:dashed #333333 1px;
width:350px;
height:auto;
background:#88FFFF;
text-align:left;
z-index:1;
cursor: pointer;
cursor: hand;
}
#mytable2 {
position:absolute;
top:120px;
left:325px;
border:dashed #333333 1px;
width:350px;
height:auto;
background:#FFCCFF;
text-align:left;
z-index:1;
cursor: pointer;
cursor: hand;
}
#mytable3 {
position:absolute;
top:190px;
left:570px;
border:dashed #333333 1px;
width:350px;
height:auto;
background:#99CCFF;
text-align:left;
z-index:1;
cursor: pointer;
cursor: hand;
}

#mytable {
position:relative;
width:60%;
border:dashed #333333 1px;
background:#99CCFF;
text-align:left;
}

#mytable td
{
background:#FFCCFF;
}

#mytable th
{
background:#88FFFF;
}

.bordure {
	position:absolute;
	height:50%;
	width:10px;
	top:0px;
	left:30px;
	background:#FFFFFF url('../img/bordure.gif') repeat-y right;
	}	

.vmenu {
    float:left;
    width:100%;
    background:#333333 url("../img/bgmenu.gif") repeat-x bottom;
    font-size:70%;
    line-height:22px;
    font-family: Verdana, Arial, Helvetica;
  
    }
.vmenu ul {
    margin:0;
    list-style:none;
    padding:0px 10px 10px 10px;
    }
.vmenu li {
    float:left;
    background:url('../img/norm_right.gif') no-repeat right top;
    margin:0px;
    padding: 0px 0px 0px 0px;
    }
.vmenu a {
    display:block;
    background:url('../img/norm_left.gif') no-repeat left top;
    width:.1em; padding-left:15px; padding-right:15px; padding-top:4px; padding-bottom:4px;
    text-decoration:none;
    color:#3C3C3C;
    }
.vmenu #current {
    background-image:url('../img/norm_right_on.gif');
    font-weight: bold;
    
    }
.vmenu #current a {
    background-image:url('../img/norm_left_on.gif');
    padding-bottom:5px;
    color:#FFFFFF;
    }
.vmenu > ul a {width:auto;}

.onglet {
	position:relative;
	top:60px;
	left:50px;
	right:50px;
	width:90%;
    height:100%;
    font-size:70%;
    line-height:22px;
    font-family: Verdana, Arial, Helvetica;
	padding:20px 0px 60px 0px;
}

.onglet_element {
position:relative;
top:-25px;
padding:0px 15px 0px 15px;
border-right:solid 1px;
background:#CCFFFF;
color:#3C3C3C;
cursor: pointer;
cursor: hand;
display:inline;
padding:4px 7px 4px 7px;
}

.onglet #current {
position:relative;
top:-24px;
left:-1px;
background-color:#88FFFF;
color:#333333;
line-height:27px;
border-right:solid 1px;
border-left:solid 1px;
border-top:solid 1px;
font-weight:bold;
padding:6px 7px 4px 7px;
}

.onglet_body{
background:#88FFFF;
position:relative;
top:-25px;
left:-1px;
right:0px;
width:100%;

border-top:solid 1px;
border-left:solid 1px;
border-right:solid 1px;
border-bottom:solid 1px;
padding:0px 0px 20px 0px;
}
.onglet_table{
width:100%;
margin:0px;
}
.onglet-min-height {
	position:relative;
	height:0px;
	width:0px;
	float:left;
	}

.nospace {width:100%;margin: 0px;}

#inline
{
cursor: pointer;
cursor: hand;
}
#container_preview
{
position:relative;
top:0px;
left:0px;
width:90%;
height:auto;
background:#88FFFF;
color:#FF0000;
text-align:center;
line-height:15px;
padding:10px;
cursor: pointer;
cursor: hand;
}