body {
	margin: 0;	
}

.center {
	margin: 0;	
}

.bg {
	background: url('../images/main_bg.jpg') repeat-y;
}

.intro {
	display: block;
	width: 550px;
	height: 483px;
	margin-left: auto;
    margin-right: auto;
	background: url('../images/logo_intro.jpg') no-repeat;
}

.bienvenue a {
	display: block;
	width: 152px;
	height: 27px;
	position: relative;
    float: left;
    top: 331px;
    left: 341px;
}

.bienvenue a:hover {
	display: block;
	width: 152px;
	height: 27px;
	position: relative;
    float: left;
    top: 331px;
    left: 341px;
    background: url('../images/intro_rollover.gif') no-repeat;
}


.main_top {
	display: block;
	height: 61px;
	background: url('../images/main_top_bg.jpg') repeat-x;	
}

.main_top_left {
	display: block;
	float: left;
	height: 61px;
	width: 156px;
	background: url('../images/main_top_left.jpg') no-repeat;
}
.menu_top {
	display: block;
	position: relative;
	float: left;
	top: 20px;	
	left: 75px;
}

.menu_top a {
	font: bold 15px verdana, arial, sans-serif;
	color: #ffcc00;
	text-decoration: none;	
}

.menu_top a:hover {
	font: bold 15px verdana, arial, sans-serif;
	color: #ffcc00;
	text-decoration: underline;	
}

.menu_left {
	display: block;
	position: relative;
	float: left;
	width: 126px;
	margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
}

.menu_left img {
	border: 0;	
}

.main {
	display: block;
	position: relative;
	padding-left: 175px;
	padding-top: 50px;
}

.cib_moyen {
	position: relative;
	float: left;
	left: -20px;
}

.text {
	display: block;
	position: relative;
	float: left;
	width: 350px;
	background-color: #10431b;
	font: bold 15px verdana, arial, sans-serif;
	color: #FFFFFF;
	padding: 10px;
}

.block {
	display: block;
	position: relative;
	height: 175px;
}

.courbe1 {
	display: block;
	position: absolute;
	left: 215px;
	top: 548px;
}

.courbe2 {
	display: block;
	position: absolute;
	left: 330px;
	top: 725px;
}

.text_produits {
	display: block;
	position: relative;
	float: left;
	width: 350px;
	height: 406px;
	background-color: #10431b;
	font: bold 15px verdana, arial, sans-serif;
	color: #FFFFFF;
	padding: 10px;
}

.clavier1 {
	display: block;
	position: absolute;
	left: 165px;
	top: 451px;
}

.clavier2 {
	display: block;
	position: absolute;
	left: 330px;
	top: 583px;
}

.services1 {
	display: block;
	position: absolute;
	left: 375px;
	top: 525px;
}

.text_coord {
	display: block;
	position: relative;
	float: left;
	width: 350px;
	height: 406px;
	font: bold 15px verdana, arial, sans-serif;
	color: #10431b;
	padding: 10px;
}

.text_coord a {
	font: bold 15px verdana, arial, sans-serif;
	color: #10431b;
	text-decoration: none;		
}

.text_coord a:hover {
	font: bold 15px verdana, arial, sans-serif;
	color: #10431b;
	text-decoration: underline;		
}

.coord1 {
	display: block;
	position: absolute;
	/*float: left;*/
	left: 475px;
	top: 350px;
}