* {
	padding:0;
	margin:0;
}

body {
font-family: verdana;
color: #666666;
}

#global {
position: relative; 
margin: 0 auto;
width: 810px;

background: url(../images/fond_page.gif) repeat-y;

height:100%;
}



#header {
background: url(../images/header.gif) no-repeat top;
position: relative; 
margin: 0 auto;
width: 800px;
height: 134px;


}

#header  a#logo{
	display:block;
	width:170px;
	height:80px;
		
}

#header img {
margin-left: 20px;
margin-top: 28px;
border: 0px;
}

#menuNav {
position: relative; 
text-align: center;
margin: 0 auto;
width: 800px;
height: 70px;
}
#menuNav a {
text-decoration: none;
color: #ffffff;
font-size: 12px;
font-weight: bold;
}
#menuNav div {
height: 43px;
position: absolute;
top: 0px;
cursor: pointer;
}

div#position {
width: 133px;
left: 25px;
background: url(../images/bouton-positionnement.gif) no-repeat center top;
}
div#position a {
position: relative;
left: 8px;
top: 3px;
}
div#position:hover {
background: url(../images/bouton-positionnement-on.gif) no-repeat center top;
}
div#semantique {
width: 122px;
left: 158px;
background: url(../images/bouton-semantique.gif) no-repeat center top;
}
div#semantique a {
position: relative;
left: 8px;
top: 3px;
}
div#semantique:hover {
background: url(../images/bouton-semantique-on.gif) no-repeat center top;
}
div#optim {
width: 122px;
left: 280px;
background: url(../images/bouton-optimisation.gif) no-repeat center top;
}
div#optim a {
position: relative;
left: 11px;
top: 3px;
}
div#optim:hover {
background: url(../images/bouton-optimisation-on.gif) no-repeat center top;
}
div#devis {
width: 122px;
left: 402px;
background: url(../images/bouton-devis.gif) no-repeat center top;
}
div#devis a {
position: relative;
left: 1px;
top: 3px;
}
div#devis:hover {
background: url(../images/bouton-devis-on.gif) no-repeat center top;
}
div#indexation {
width: 122px;
left: 524px;
background: url(../images/bouton-indexation.gif) no-repeat center top;
}
div#indexation a{
position: relative;
left: 9px;
top: 3px;
}
div#indexation:hover {
background: url(../images/bouton-indexation-on.gif) no-repeat center top;
}
div#report {
width: 129px;
left: 646px;
background: url(../images/bouton-reporting.gif) no-repeat center top;
}
div#report a {
position: relative;
left: 4px;
top: 3px;
}
div#report:hover {
background: url(../images/bouton-reporting-on.gif) no-repeat center top;
}

#chapo {
position: relative;
width: 800px;
margin: 0 auto;
}
#chapo a{
color: #666666;
text-decoration: none;
}
#chapo a:hover{
color: orange;
text-decoration: underline;
}
#chapo span {
margin-left: 50px;
text-align: left;
font-size: 12px;
}

#chapo img {
position: absolute;
top: 3px;
left: 10px;
}

#main{
position: relative;
width: 800px;
margin: 0 auto;
min-height: 400px;
}

#text {
position: absolute;
display: inline;
width: 400px;
top: 30px;
font-size: 12px;
}
#text div {
position: absolute;
width: 339px;
left: 50px;
z-index: 10;
}
#textAccueilOne{
width: 339px;
height: 345px;
/*background:url(../images/accueil-referencement.gif) no-repeat -5px 0px;*/
top: -7px;
}
#positionnement{
width: 325px;
z-index: 10;
height: 385px;
top: -15px;
overflow: visible;
}
#positionnement ul{
list-style-image:url(../images/position/etoile.gif);
font-size: 11px;
margin-left: 45px;
margin-top: 25px;
margin-bottom: 25px;
}
#positionnement li{
margin: 1em 0 1em 0;
}
img.graph{
position: absolute;
left: 200px;
top: 250px;
z-index: 1;
}
img#zoom{
position: absolute;
left: 10px;
top: -10px;
z-index: 2;
}
img#google-zoom{
position: absolute;
left: -35px;
top: -10px;
z-index: 2;
}
img#tableau-zoom{
position: absolute;
left: -28px;
top: -10px;
z-index: 10;
}
span#solutions{
position: absolute;
top: 13px;
left: 30px;
color: #ffffff;
}
span#resultats{
position: relative;
left: -10px;
font-size: 13px;
color: #1b1464;
}
div#black_contain{
font-size: 11px;
position: absolute;
color: #000000;
top: 45px;
left: 40px;
}

#textAccueilTwo{
top: 200px;
}
#btnContact{
top: 370px;
}
#btnContact img{
border: 0px;
}
.titleOrange {
color: orange;
font-size: 12px;
}

div.imgMain {
position: absolute;
z-index: 10;
display: inline;
width: 400px;
left: 400px;
top: 30px;
}
div.visibilite {
z-index: 5;
width: 600px;
left: -130px;
top: 50px;
}
div.reporting {
z-index: 5;
width: 600px;
left: -150px;
top: 170px;
}
div.acquisition {
z-index: 5;
width: 600px;
left: -90px;
top: 260px;
}
div.visibilite a {
text-decoration: none;
color: #666666;
}
div.visibilite a:hover {
color: orange;
}
img.mouton {
position: absolute;
border: 0px;
top: -30px;
}
img#image-semantique {
margin-left: 400px;
margin-top: 30px;
}

div#glossaire-titre{
position: relative;
margin: 0 auto;
width: 533px;
height: 92px;
text-align: left;
background: url(../images/glossaire/glossaire.gif) no-repeat;
}
span.glossaire{
font-size: 12px;
color: orange;
position: absolute;
top: 30px;
left: 310px;
}
div#synopsis{
font-size: 12px;
color: orange;
position: absolute;
top: 30px;
left: 100px;
}
span.glossaire-bleu{
color: #1b1464;
}

div#alphabet{
position: relative;
width: 650px;
margin: 0 auto;
text-align: center;
color: orange;
font-weight: bold;
margin-top: 15px;
}

div#alphabet a{
/*width: 44px;
height: 77px;*/
display: inline-block;
color: orange;
text-decoration: none;
/*background: url(../images/glossaire/letter-no-zoom.gif) no-repeat;*/
overflow: visible;
}

div#alphabet a:hover{
/*width: 44px;
height: 77px;
background: url(../images/glossaire/letter-zoom.gif) no-repeat;*/
/*overflow: visible;
font-size: 20px;*/
text-decoration: underline;
}

div#all_definitions{
position: relative;
width: 650px;
margin: 0 auto;
text-align: left;
color: #606060;
font-weight: normal;
overflow: hidden;
margin-top: 11px;
height: 270px;
}

#globalPAGE{
position: relative;
z-index: 10;
top: -15px;
}

#globalPAGE ul{
list-style-image:url(../images/position/etoile.gif);
font-size: 11px;
margin-left: 45px;
margin-top: 25px;
margin-bottom: 25px;
}
#globalPAGE li{
margin: 1em 0 1em 0;
}

#mainPAGE{
position: relative;
width: 800px;
margin: 0 auto;
height: 1200px;
}


div#containPAGE{
position: relative;
width: 650px;
margin: 0 auto;
text-align: left;
color: #606060;
font-weight: normal;
}

div#containPAGE a{
position: relative; 
left: 30px;
text-decoration: none; 
font-size: 10px;
color: orange;
font-weight: normal;
}
div#containPAGE p{
margin-top: 20px;
margin-left: 30px;
}

div#the_letter{
position: relative;
top: 0px;
left: 0px;
width: 44px;
height: 77px;
color: orange;
font-size: 20px;
text-align: center;
background: url(../images/glossaire/letter-zoom.gif) no-repeat;
}

div#ascenseur{
position: relative;
width: 650px;
}
div#ascenseur a{
text-decoration: none;
color: orange;
}

div#ascenseur a:hover{
text-decoration: underline;
font-weight: bold;
}

div#arrows{
position: relative;
width: 650px;
margin: 0 auto;
text-align: right;
}

div#arrows img{
cursor: pointer;
}


#footer {
position: relative;
width: 800px;
margin: 0 auto;
text-align: center;
font-size:9px;
color: #666666;
}


#footer a {
text-decoration: none;
font-size:9px;
color: #666666;
}

#footer a:hover {
text-decoration: underline;
}

#footer img {
border: 0px;
}
#footer p{
display: inline;
}

#bas_footer_long {
width: 100%;
height:115px;

background:url(../images/fond_footer.gif) repeat-x;
}

#bas_footer {
width: 808px;
height:115px;
margin: 0 auto;

background:url(../images/footer.gif) no-repeat 1px 0px;
}