/* CSS Document */

.conteneurprincipal {
	margin:auto;
	width:920px;
	height : 720px;
	border:0px #000000 solid;
}
/**** entete ****/
.header {
	float:left;
	width:690px;
	height:175px;
	background-image:url(../images/header.png);
	background-position:left;
	background-repeat:no-repeat;
}

.headercourt 
{
    float:left;
	width:331px;
	height:150px;
}

.headerdroitcourt {
	float:left;
	width:589px;
	height:63px;
	background-color:white;	
}
.headerdroitlogo
{
	background-color: White; 
	float:left;
	position : relative;   
	bottom: 0px; 
	right: 0px; 
	height:87px; 
	width:589px; 
}

.headerdroit {
	float:left;
	width:230px;
	height:175px;
	background-color:#FFFFFF;
}
.headerdroitbiaise {
	float:left;
	width:230px;
	height:175px;
	background-image:url(../images/header_droit.png);
}


/***** fin entete ******/

/****** page d'accueil ********/

.conteneurbiaise {
	float:left;
	width:870px;
	margin-left:50px;
	background-image:url(../images/fond_conteneur.png);
	background-repeat:repeat-y;
}
.centrebiaise {
	float:left;
	position:relative;
	left:165px;
	width:475px;
	height:auto;
}
.logo {
	position:relative;
	top:225px;
	left:35px;
}
.colonnedroitebiaise {
	float:right;
	width:230px;
	height:auto;
}
/****** fin page d'accueil ******/

	.conteneur {
	float:left;
	width:870px;
	height:382px;
	margin-left:50px;
	background-color:#FFFFFF;
	padding-bottom:0;
	margin-bottom:0;
	z-index : 1;
}
.conteneur .logo {
	position:relative;
	top:230px;
	left:35px;
	float:left;
	z-index : 2;
}
.centre {
	float:left;
	position:relative;/*left:165px;*/
	width:475px;
	height:auto;
	margin-left:50px;
}
.centreimplantation {
	float:left;
	position:relative;
	width:600px;
	height:auto;
	margin:0;
	margin-left:35px;
	border:0px #000000 solid;
	background: url(../images/fond_carte.gif) no-repeat 0px 0px;
	margin-top:-20px;
}
.image {
	float:left;
	margin-top:100px;
	margin-left:-100px;
	width:190px;
	height:278px;
}
.colonnedroite {
	position:relative;
	float:right;
	width:230px;
	height:auto;
	background-color:#FFFFFF;
}
/***** menu  *******/	
.conteneurmenu01 {
	position:relative;
	bottom:50px;
	left:15px;
	width:195px;
	height:192px;/*background-color:#CCCCCC;*/
}
.fondmenu01 {
	position:absolute;
	right:0;
	width:195px;
	height:192px;
	background-image:url(../images/fond_menu_01.png);
	z-index:0;
}
.lienmenu01 {
	position:absolute;
	top:24px;
	left:10px;
	right:0;
	width:195px;
	height:100px;	/*background-color:#006600;*/
	z-index:1;
}
.conteneurmenu02 {
	position:relative;
	bottom:45px;
	left:15px;
	width:195px;
	height:192px;/*background-color:#CCCCCC;*/
}
.fondmenu02 {
	position:absolute;
	right:0;
	width:195px;
	height:190px;
	background-image:url(../images/fond_menu_02.png);
	z-index:0;
	margin-bottom:0;
	padding-bottom:0;
}
.lienmenu02 {
	position:absolute;
	top:72px;
	left:11px;
	right:0;
	width:195px;
	height:100px;
	/*background-color:#006666;*/		z-index:1;
}
.conteneurmenu03 {
	float:left;
	position:relative;
	right:135px;
	width:285px;
	height:322px;
	background-image:url(../images/photo_fond_menu_03.png);
	background-repeat:no-repeat;
	background-position:center;
}
.fondmenu03 {
	position:absolute;
	width:285px;
	height:322px;
	background-image:url(../images/fond_menu_03.png);
	z-index:0;
}
.lienmenu03 {
	position:absolute;
	top:162px;
	left:15px;
	width:256px;
	height:108px;
	z-index:1;
}
.conteneurmenu04 {
	position:absolute;
	left:180px;
	bottom:0;
	right:0;
	width:285px;
	height:360px;
	background-image:url(../images/photo_fond_menu_04.png);
	background-repeat:no-repeat;
	background-position:center;
}
.fondmenu04 {
	position:absolute;
	width:285px;
	height:360px;
	background-image:url(../images/fond_menu_04.png);
	z-index:0;
}
.lienmenu04 {
	position:absolute;
	top:255px;
	left:15px;
	width:256px;
	height:108px;
	/*background-color:#006600;*/		z-index:1;
}
.menudroit01 {
	position:absolute;
	margin:0 0 0 0;
	padding:0 0 0 0;
	right:0;
	top:-70px;
	left:10px;
	bottom:0px;
	width:230px;
	height:393px;
	background-image:url(../images/fond_colonne_droite_.png);
	background-repeat:no-repeat;
	background-position:bottom;
	z-index:1;
}
.pieddepage {
	clear:both;
	margin-left:50px;
	width:870px;
	height:50px;
	background-image:url(../images/footer.png);
	padding-bottom:0;
	margin-bottom:0;
}
 .bandeaupub2 {
	margin-top:20px;
	margin-left:50px;
	width:870px;/*height:90px;*/
	position:relative;
	bottom:0px;
	background:url(../images/bandeau_pub.png) no-repeat;
}
 .bandeaupub {
	margin-top:80px;
	margin-left:48px;
	width:875px;/*height:90px;*/
	position:relative;
	bottom:0px;
	background:url(../images/bandeau_pub.png) no-repeat;
}
.masque1 {
	position:absolute;
	width:25px;
	height:75px;
	z-index:100;
	overflow: hidden;
	background:url(../images/masque0.png) top left no-repeat;
}
.masque2 {
	position:absolute;
	top:0;
	left:847px;
	width:25px;
	height:75px;
	z-index:100;
	overflow: hidden;
	background:url(../images/masque0.png) top right no-repeat;
}
.bandeaupub img, .bandeaupub2 img {
	padding:0;
	margin:0;
}

/**historique**/

.histoheader
{
	position : relative;
	background-color : White;
	margin :0;
}

.donnees
{
	position: absolute;
	top : 40px;
	left :180px;
	z-index :1;
}

.fondbrun
{
	position :absolute; 
	top:50px; 
	left:20px; 
	width : 400px;
	background-color : #e5e5cc;
}

.suivi
{
	position:relative;
	left :20px;
}

.gauchetracking
{
	width :20%;
	background-color : White;
}

.centretracking
{
	position: absolute;	
	top : 0;
	left : 20%;
	width : 50%;
	background-color : #e5e5cc;
}