@charset "iso-8859-1";
/* CSS Document */





/* Mise en page de base --------------------------------------- */
body  {
margin:					0px;
padding: 				0px;
height:					100%;
background-image:		url(../images/background_extensible.jpg);
background-repeat:		repeat;
}

form {					/* évite le décalage des balises form, p, ... */
margin:					0px;
padding: 				0px;
}

div#degrade_top { 		/* Dégradé du haut de page */
height:					100%;
background-image:		url(../images/degrade_top.png);
background-repeat:		repeat-x;
background-position:	top;
}

div#conteneur {			/* Conteneur des éléments graphiques */
width:					1024px;
min-height:				100%;
background-image:		url(../images/background_conteneur.png);
background-position:	top;
background-repeat:		no-repeat;
position:				relative;
margin-left:			auto;
margin-right:			auto;
}



/* Cadres --------------------------------------- */
div#header {			/* Eléments de la bannière */
width:					800px;
height:					128px;
position:				relative;
margin-left:			auto;
margin-right:			auto;
z-index:				2;
}

/* Cadres internes au Header */
div#logo_odbusiness {
width:					210px;
height:					78px;
background-repeat:		no-repeat;
position:				absolute;
left:					32px;
top:					25px;
}

div#infos_banniere {
width:					200px;
height:					50px;
position:				absolute;
right:					32px;
top:					42px;
}

div#menu {
width:					504px;
height:					29px;
background-image:url(../images/background_menu.png);
background-repeat:		no-repeat;
position:				absolute;
right:					27px;
bottom:					1px;
z-index:				2;
}
/* Fin des cadres internes au Header */

div#banniere {			/* Image défilante */
width:					734px;
height:					245px;
background-color:		#c4c6c1;
position:				relative;
margin-left:			auto;
margin-right:			auto;
z-index:				1;
}

div#contenu {
width:					734px;
min-height:				560px;
background-image:		url(../images/background_contenu.jpg);
background-repeat:		repeat-y;
position:				relative;
margin-right:			auto;
margin-left:			auto;
overflow:				auto; /* Permet (enfin) d'obtenir une redimension en fonction du contenu */
}

/* Cadres internes au Contenu */
div#contenu_gauche {
width:					515px;
min-height:				720px;
background-image:		url(../images/degrade_contenu_top.jpg);
background-repeat:		no-repeat;
background-position:	top;
position:				relative;
float:					left;
background-color:#FFFFFF;
}

div#contenu_gauche_inbox {
width:					470px;
min-height:				509px;
position:				relative;
padding-left:			25px;
padding-top:			30px;
}

div#contenu_droite {
width:					219px;
min-height:				539px;
position:				relative;
float:					left;
}

div#contenu_droite_inbox {
width:					185px;
min-height:				509px;
position:				relative;
padding-left:			18px;
padding-top:			30px;
}
/* Fin des cadres internes du contenu */

div#footer {
width:					734px;
height:					53px;
background-image:		url(../images/background_footer.png);
position:				relative;
margin-right:			auto;
margin-left:			auto;
display:				block;
}