body {
	font-family : verdana, arial, helvetica;
	font-size : 0.75em;
	text-align:center;
}

#conteneur {
	text-align : left;
	position : relative ;
	width : 1000px;
	margin : 0 auto;

}

#fond {
	width : 990px;
	height : auto;
	margin : 205px 5px 0px 5px;
	padding : 0;
	position : absolute;
	top : 0;
	left : 0;
}

#haut {
	background : url("img/fond_haut.jpg") top left no-repeat;
	height : 50px;
	padding-left : 810px;
	padding-right : 15px;
	/*padding-top : 20px;*/
}

#bas {
	background : url("img/fond_bas.jpg") bottom left no-repeat;
	height : 30px;
}

#milieu {
	background : url("img/fond.jpg") top left repeat-y;
	padding-left : 810px;
	padding-right : 15px;
	margin-top : -4px;
}

#fond p {
	margin : 0;
	padding-top : 0.5em;
	padding-bottom : 0.5em;
}
#dessus {
	position : absolute;
	left : 30px;
	top : 5px;
	width : 779px;
	margin : 0;
	padding : 0;
}

a#head {
	height : 125px;
	width : 779px ;
	text-decoration : none;
	display : block;
	background : url("img/head.jpg") top left no-repeat;
	margin : 0px;
	padding : 0px;
}
a#headft {
	height : 125px;
	width : 779px ;
	text-decoration : none;
	display : block;
	background : url("img/head2.jpg") top left no-repeat;
	margin : 0px;
	padding : 0px;
}

#bandeau {
	margin : 0px;
	padding : 0px;
	background : url("img/bandeau.jpg") top left no-repeat;
	width : 780px;
	height : 75px;
}

a#calcul {
	height : 55px;
	width : 489px;
	margin-top : 20px;
	text-decoration : none;
	text-align : center;
	color : white;
	font-weight : bold;
	font-size : 200%;
	display : block;
	float : left;
}
	

#connexion {
	height : 75px;
	width : 280px;
	/*margin-left : 510px;*/
	float : right;
	margin-right : 1px;
	padding-left : 10px;
	/*padding-top : 5px;*/
	background : url("img/bandeau.jpg") top right no-repeat !important;
	background : url(no-image);
}

#connexion table {
	margin-top : 10px;
	margin-bottom : -5px;
}

#connexion td {
	font-size : 0.8em;
	color : #FFFFFF;
	height : 25px;
}

#connexion input {
	width : 8em;
}

#connexion input#ok {
	height : 30px;
	width : 30px;
}

#ombre_gauche {
	width : 779px;
	background : url("img/ombre_gauche.png") top left repeat-y !important;
	background:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src="img/ombre_gauche_ie.png");
	margin : 0;
	padding : 0;
}

#ombre_droite {
	width : 775px;
	margin-left : 5px ;
	background : url("img/ombre_droite.png") top right repeat-y !important;
	background:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src="img/ombre_droite_ie.png");
}

#middle {
	width : 770px;
	margin-right : 5px;
	background : url("img/bg_middle.jpg") top left repeat-x #e1eef4;
}

#blocs {
	width : 770px;
	padding : 15px 0px 0px 15px;
	clear : both;
}

#grands_comptes {
	margin-right : 10px;
	width : 365px;
	float : left;
}

a.gc, a.gc:hover {
	height : 45px;
	width : 365px;
	text-decoration : none;
	display : block;
}

a#gc_0 {
	background : url("img/gc_0.gif") top left no-repeat;
	height : 68px;
	width : 365px;
	display : block;
	text-decoration : none;
}

a#gc_1 {
	background : url("img/gc_1.gif") top left no-repeat;
}
a#gc_1:hover {
	background : url("img/gc_1.gif") top right no-repeat;
}

a#gc_2 {
	background : url("img/gc_2.gif") top left no-repeat;
}
a#gc_2:hover {
	background : url("img/gc_2.gif") top right no-repeat;
}

a#gc_3 {
	background : url("img/gc_3.gif") top left no-repeat;
}
a#gc_3:hover {
	background : url("img/gc_3.gif") top right no-repeat;
}

a#gc_4 {
	background : url("img/gc_4.gif") top left no-repeat;
}
a#gc_4:hover {
	background : url("img/gc_4.gif") top right no-repeat;
}
	

#particuliers {
	width : 365px;
	float : left;
}

a.p, a.p:hover {
	height : 45px;
	width : 365px;
	text-decoration : none;
	display : block;
}

a#p_0 {
	background : url("img/p_0.gif") top left no-repeat;
	height : 68px;
	width : 365px;
	display : block;
	text-decoration : none;
}

a#p_1 {
	background : url("img/p_1.gif") top left no-repeat;
}
a#p_1:hover {
	background : url("img/p_1.gif") top right no-repeat;
}

a#p_2 {
	background : url("img/p_2.gif") top left no-repeat;
}
a#p_2:hover {
	background : url("img/p_2.gif") top right no-repeat;
}

a#p_3 {
	background : url("img/p_3.gif") top left no-repeat;
}
a#p_3:hover {
	background : url("img/p_3.gif") top right no-repeat;
}

a#p_4 {
	background : url("img/p_4.gif") top left no-repeat;
}
a#p_4:hover {
	background : url("img/p_4.gif") top right no-repeat;
}

#contenu {
	padding : 10px 15px 20px 15px;
	clear : both;
}
#image {
	width : 180px;
	float : left;
}
#texte {
	/*float : left;*/
}

#contenu p {
	margin : 0;
	padding : 0.5em 15px;
}
#footer {
	clear : both;
	height : 45px;
	background : url("img/footer.jpg") bottom left no-repeat;
	text-align : center;
	vertical-align : middle;
	color : #FFFFFF;
}

#footer a {
	color : #FFFFFF;
	text-decoration : none;
}