html {
	margin:0px;
	font-size:12px;
	color: #474747; 
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(bkg.jpg);
	background-repeat:repeat-x;
}

body {
	width:100%;
	background-image:url(bkg2.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	z-index:1;
	margin:0px;
}
#principal {
	WIDTH: 920px;
	margin:0 auto;
}

#surface-gauche {
	background-position: left top;
	float: left; 
	width: 730px;
}
#surface-droite {
	float: left;
	width: 190px;
}

A {
	color: #474747;
	text-decoration: underline;
}

img {
	border:0;
}
a:hover {
	COLOR: #474747; TEXT-DECORATION: none
}

#surface-gauche {
	BACKGROUND-POSITION: left top; FLOAT: left; BACKGROUND-IMAGE: url(../images/interface/gris-centre.gif); WIDTH: 730px; BACKGROUND-REPEAT: repeat-x
}

#surface-droite {
	FLOAT: left; WIDTH: 180px;
	margin-top:1O0px;
}

#haut {
	height:420px;
}

#menu_haut {
	width:730px;
	height:42px;
}
#logozone-haut {
	float:left;
	width:730px;
	height:80px;
}
#logo {
	float:left;
	width:200px;
	height:80px;
}
#logo2 {
	float:right;
	width:300px;
	height:60px;
	padding:20px 0px 0px 0px;
	text-align:right;
}
#visuel-haut {
	float:left;
	width:730px;
	height:300px;
	background-color:#FFFFFF;
	background-image:url(visuel.jpg);
}
#zone_contenu {
	float:right;
	width:560px;
	height:390px;
	background-image:url(etapes.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin-top:14px;
	font-size:11px;
}
#zone_demo {
	float:left;
	width:160px;
	height:360px;
	margin-top:14px;
}

#spacer {
	height:110px;
}

#espace-clients {
	float:right;
	margin: 13px 0px 10px 10px;
	padding: 10px 10px 10px 10px;
	background-image:url(bkg_espace.jpg);
	background-repeat:repeat-x;
	width: 140px;
	height:144px;
	color:#CCCCCC;
}
#newsletter {
	float:right;
	margin: 2px 0px 10px 10px;
	padding: 10px 10px 10px 10px;
	background-image:url(bkg_espace.jpg);
	background-repeat:repeat-x;
	width: 140px;
	height:102px;
	color:#CCCCCC;
}
#realisations {
	float:right;
	margin: 2px 0px 10px 10px;
	width: 160px;
	height:298px;
	color:#CCCCCC;
	text-align:right;
}
.footer {
	float:left;
	width:100%;
	height:50px;
	background-color:#3D3D3D;
	margin-top:30px;
}
.footer_contenu {
	width:920px;
	height:40px;
	margin:0 auto;
	font-size:10px;
	color:#AAAAAA;
}


/*-----------*/

/*-----------*/



.sous-titre-gris {
	BORDER-RIGHT: #d7d7d7 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #d7d7d7 1px solid; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 13px; MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 15px; BORDER-LEFT: #d7d7d7 1px solid; WIDTH: 533px; COLOR: #ffffff; PADDING-TOP: 15px; BORDER-BOTTOM: #d7d7d7 1px solid; BACKGROUND-COLOR: #590990; TEXT-ALIGN: center
}
INPUT {
	FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}
OPTION {
	FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}
SELECT {
	FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}
TEXTAREA {
	FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}
.contour-formulaires {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 10px; BORDER-LEFT: #999999 1px solid; COLOR: #000000; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.asterisque {
	COLOR: #ff0000
}
.commentaire_petit {
	FONT-SIZE: 11px; FONT-STYLE: italic
}
#header {
	BACKGROUND-POSITION: right 50%; BACKGROUND-IMAGE: url(../images/interface/degrade-header.gif); WIDTH: 100%; BACKGROUND-REPEAT: repeat-y; HEIGHT: 3px
}

.degradeheader {
	BACKGROUND-POSITION: right 50%; BACKGROUND-IMAGE: url(../images/interface/degrade-header.gif); BACKGROUND-REPEAT: repeat-y
}
#fondgris {
	BACKGROUND-POSITION: right 50%; BACKGROUND-IMAGE: url(../images/interface/fond-gris.gif); PADDING-TOP: 160px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 24px; BACKGROUND-COLOR: #acacac
}
#fondgris2 {
	BACKGROUND-POSITION: right 50%; BACKGROUND-IMAGE: url(../images/interface/fond-gris2.gif); BACKGROUND-REPEAT: no-repeat; HEIGHT: 184px; BACKGROUND-COLOR: #acacac
}
#flag {
	FONT-SIZE: 11px; FLOAT: right; WIDTH: 142px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
#fondviolet {
	BACKGROUND-POSITION: left 50%; BACKGROUND-IMAGE: url(../images/interface/fond-violet.gif); BACKGROUND-REPEAT: no-repeat; HEIGHT: 184px; BACKGROUND-COLOR: #53008c
}
#grisgauche {
	BACKGROUND-POSITION: right 50%; BACKGROUND-IMAGE: url(../images/interface/gris-gauche.gif); BACKGROUND-REPEAT: no-repeat; HEIGHT: 237px
}
#grisdroit {
	BACKGROUND-POSITION: left 50%; BACKGROUND-IMAGE: url(../images/interface/gris-droit.gif); BACKGROUND-REPEAT: repeat-x; HEIGHT: 237px
}
#baseline {
	FLOAT: left; WIDTH: 399px; HEIGHT: 66px
}
.fond-bas {
	BACKGROUND-POSITION: right bottom; BACKGROUND-IMAGE: url(../images/interface/fond-gris-bas.gif); BACKGROUND-REPEAT: no-repeat
}

#espace-footer {
	WIDTH: 142px
}
#menu {
	BACKGROUND-POSITION: left bottom; FLOAT: left; BACKGROUND-IMAGE: url(../images/interface/off-gris.gif); MARGIN: 35px 0px 1px 1px; BACKGROUND-REPEAT: repeat-x; HEIGHT: 30px; TEXT-ALIGN: center
}
#menu-on {
	BACKGROUND-POSITION: left bottom; FLOAT: left; BACKGROUND-IMAGE: url(../images/interface/on-orange.gif); MARGIN: 35px 0px 1px 1px; BACKGROUND-REPEAT: repeat-x; HEIGHT: 30px; TEXT-ALIGN: center
}
.aboutus {
	WIDTH: 129px
}
.career {
	WIDTH: 129px
}
.contact {
	WIDTH: 129px
}
.imagegauche {
	FLOAT: left; MARGIN-BOTTOM: 8px; MARGIN-RIGHT: 10px
}
.puce {
	MARGIN-TOP: 12px; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #474747; MARGIN-RIGHT: 28px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: right; TEXT-DECORATION: none
}
.puce_reduire {
	MARGIN-TOP: 12px; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #474747; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: right; TEXT-DECORATION: none
}
#chapeau {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN: 10px 28px 0px 20px; COLOR: #474747; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.design {
	PADDING-LEFT: 115px; BACKGROUND-IMAGE: url(../images/interface/cle.gif); BACKGROUND-REPEAT: no-repeat
}
.detail {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN: 10px 28px 0px 20px; COLOR: #474747; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.client-texte {
	FONT-SIZE: 11px; MARGIN-LEFT: 0px
}
#projet {
	BORDER-RIGHT: #cccccc 3px solid; BACKGROUND-POSITION: left bottom; BORDER-TOP: #cccccc 3px solid; FONT-WEIGHT: normal; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(../images/interface/fleche-violet.gif); MARGIN: 20px 10px 10px 20px; BORDER-LEFT: #cccccc 3px solid; WIDTH: 157px; COLOR: #ffffff; BORDER-BOTTOM: #cccccc 3px solid; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 109px; TEXT-ALIGN: right; TEXT-DECORATION: none
}
#projet A {
	COLOR: #ffffff; TEXT-DECORATION: underline
}
#projet A:hover {
	COLOR: #ffffff; TEXT-DECORATION: none
}
#fond-formulaire {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 6px; BACKGROUND-POSITION: left top; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 6px; BACKGROUND-IMAGE: url(../images/interface/fond-formulaire.gif); PADDING-BOTTOM: 6px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 480px; PADDING-TOP: 6px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-REPEAT: no-repeat
}
.img-customers {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; MARGIN-RIGHT: 15px; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid
}
.lay-customers {
	MARGIN-TOP: 10px; WIDTH: 550px; HEIGHT: 95px
}
.gauche {
	width:200px;
	background-color:#3333FF
}
.milieu {
	width:200px;
}
.droite {
	width:200px;
}