@charset "utf-8";
/* CSS Document */
body {
     margin: 0 0 0 0; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
	 background-color: #FFFFFF;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
}

#container { 
margin-left: auto; margin-right:auto;width:1000px; text-align:left; position:relative;  z-index:1; 
}

#titre_sog {
position:absolute;
left:480px;
top:20px;
z-index:1;
}
#menu_principal{
position:absolute;
top:75px;
left:88px;
z-index:2;
}

#animation{
position:absolute;
background-color: #FFF;
top:108px;
left:88px;
z-index:3;
}

#titre1{
position:absolute;
top:280px;
left:90px;
height:20px;
width:px;
font-size:14px;
color: #BBFFFF;
}

#texte1{
position:absolute;
top:300px;
left:90px;
width:490px;
text-align:justify;
font-size:12px;
line-height:18px;
color: #ffffFF;
z-index:5;
}

#texte2{
position:absolute;
top:280px;
left:620px;
width:300px;
text-align:justify;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:15px;
line-height:24px;
font-weight: 500;
color: #ffffff;
z-index:6;
}

#titre_produits{
position:absolute;
top:420px;
left:90px;
z-index:7;
}

#titre_services{
position:absolute;
top:420px;
left:340px;
z-index:7;
}

#titre_realisations {
position:absolute;
top:380px;
left:607px;
z-index:8;
}

#titre_couleurs {
position:absolute;
top:600px;
left:90px;
z-index:8;
}

#nuancier {
position:absolute;
top:650px;
left:95px;
z-index:8;
}
#texte_nuancier {
	position:absolute;
	top:700px;
	left:95px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	z-index:8;
	color: #FFFFFF;
	text-decoration: blink;
}
#logo_araltec {
	position:absolute;
	top:580px;
	left:420px;
	z-index:8;
		}

#texte3{
position:absolute;
top:450px;
left:70px;
z-index:9;
}

.produits{
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:18px;
color:#FFFFFF;
font-size:11px;
}

#texte4{
position:absolute;
top:450px;
left:320px;
z-index:9;
}

.services{
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:18px;
color:#FFFFFF;
font-size:11px;
}

#texte5 {
position:absolute;
top:420px;
left:607px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:18px;
color:#BBFFFF;
font-size:11px;
width:286px;
text-align:justify;
z-index:8;
}

#realisation1 {
position:absolute;
top:465px;
border:solid 1px #FFFFFF;
left:627px;
z-index:9;
}

#realisation2 {
position:absolute;
top:465px;
border:solid 1px #FFFFFF;
left:787px;
z-index:9;
}

#realisation3 {
position:absolute;
top:585px;
border:solid 1px #FFFFFF;
left:627px;
z-index:9;
}

#realisation4 {
position:absolute;
top:585px;
border:solid 1px #FFFFFF;
left:787px;
z-index:9;
}


#menu_secondaire {
	position: absolute;
	width:780px;
	height:40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	top: 720px;
	left: 110px;
	z-index:8;
}
.menu_bas {
        width: 670px;
        padding: 15px;
		        margin: 3px 0 10px 0;
       
		z-index:7;
}

#nav {
        margin: 0;
        padding: 0 0 20px 15px;
        border-bottom: 1px solid  #666666;
}

#nav li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#nav a:link, #nav a:visited {
        float: left;
        font-size: 12px;
        line-height: 14px;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #999999;
}

#nav a:link.active, #nav a:visited.active, #nav a:hover {
        color: #0099CC;
        background: url(../images/Pyramid.png) no-repeat bottom center;
}

#signature {position: absolute;
top:745px;
left:845px;
z-index:5;
}


#bas_site{
	position: absolute;
	top:725px;
	left:0px;
	z-index:5;
	height: 52px;
}