img{
border:0;
}
a:link img, a:visited img {
border-style:none;
}
h1{
font-size:120%;
text-align:center;
}
hr.clear{
clear:both;
visibility:hidden;
}
span.invisible{
display:none;
}
acronym{
text-decoration:none;
}
body{
font-family:tahoma,Verdana,sans-serif;
font-size:11px;
background-color:#3c3f3e;
color:#fff;
text-align:center;
background-image:url("piedpage.jpg");
background-repeat:repeat-y;
background-position:50% 0;
}

a{
background-color:transparent;
color:#292b2a;
text-decoration:none;
}
a:hover,a:active,a:focus{
text-decoration:underline;
}

#page{
margin-left:auto;
margin-right:auto;
width:571px;
text-align:left;
border:0;
}

#menuaccess{
position:absolute;
z-index:2;
margin:2px 0 0 350px;
}
#menuaccess a{
color:#353837;
background-color:transparent;
margin:0 10px;
}
#menuaccess span{
display:none;
}

#titreprincipal{
display:none;
}

#haut,#accueil,body{
padding:0;
margin:0;
border:0;
}

#haut{
position:absolute;
top:0;
left:0;
width:100%;
height:268px;
background-image:url("accueil_fond.gif");
background-repeat:no-repeat;
background-position:50% 0;
}

#bandeauflash{
border-bottom:1px solid #3c3e3f;
margin-left:auto;
margin-right:auto;
}

#accueil{
width:571px;
height:273px;
background-image:url("bandeau.jpg");
background-repeat:no-repeat;
background-position:0 0;
z-index:2;
}

/*****************  BANDEAU************/
#bandeau{
height:49px;
list-style-type:none;
margin:0;
padding:0;
background-image:url("ok.jpg");
background-position:100% 0;
}
#bandeau li{
float:left;
margin:0;
padding:0;
}
#bandeau a span{
display:none;
}
#bandeau a{
display:block;
height:49px;
width:95px;
background-repeat:no-repeat;
background-position:0 0;
margin:0;
}
#company{
background-image:url("company.gif");
}
#services{
background-image:url("services.gif");
}
#solutions{
background-image:url("solutions.gif");
}
#contacts{
background-image:url("contact.gif");
}
#bandeau a:hover,#bandeau a:active,#bandeau a:focus{
background-position:0 -49px;
}

#milieu{
display:none;
padding:0;
margin:0;
border:0;
}

/** factorisation de multiples trucs en commun **/
#principaleinfos,#secondblocinfo,#troisiemeblocinfo,#otherinfos,#corpsservices,#corpssolutions,#corpscontacts,#hautpage,#baspage,#corpsautrespages,#milieupage{
padding:0;
margin:0;
border:0;
width:571px;
background-repeat:no-repeat;
background-position:0 0;
background-color:transparent;
}

/** page accueil **/
#principaleinfos{
height:128px;
background-image:url("bloc_noir.gif");
text-align:left;
color:#666;
}
#texteprincipaleinfo{
padding:25px 0 0 35px;
}
#texteprincipaleinfo strong{
color:#9f9f9f;
}

#secondblocinfo{
height:132px;
background-image:url("bloc_gris_clair.jpg");
text-align:left;
color:#bec0bf;
}
#textesecondblocinfo{
padding:20px 175px 0 35px;
}
#moreinfoblocdeux{
margin:0;
text-align:right;
}

#troisiemeblocinfo{
height:128px;
background-image:url("bloc_nfb.jpg");
text-align:left;
color:#666;
}
#textetroisiemeblocinfo{
padding:21px 0 0 190px;
}
#moreinfobloctrois{
margin:0 1em 0 0;
text-align:right;
color:#bec0bf;
}
#textetroisiemeblocinfo #lienplusinfoclair{
color:#9f9f9f;
}


/** facto de tous les sous-blocs **/
#surmesure,#supportopti,#flexi,#news,#approche,#choixpro,#formationsequipements,#installationsupport,#coordinationit,#projectmanagement,#developpementweb,#clubdvddescription,#referencesweb,#teamcontact,#formcontact,#infoscontacts{
position:absolute;
display:block;
left:50%;
padding:0;
border:0;
overflow:auto;
}

#surmesure{
top:355px;
margin:0 0 0 -255px;
width:130px;
height:75px;
}
#supportopti{
top:355px;
margin:0 0 0 -65px;
width:130px;
height:75px;
}
#flexi{
top:355px;
margin:0 0 0 125px;
width:130px;
height:75px;
}

#surmesure strong,#supportopti strong,#flexi strong,#choixpro strong{
color:#bec0bf;
background-color:transparent;
}

#otherinfos{
height:233px;
background-image:url("infos_news.gif");
}
#news{
color:#bec0bf;
top:480px;
margin:0 0 0 -265px;
width:160px;
height:195px;
}
#news strong,#approche strong{
color:#f4f6f5;
background-color:transparent;
}
#newsbas{
margin:20px 0 0 0;
color:#bec0bf;
}

.date{
font-size:10px;
color:#292b2a;
line-height:10px;
padding:0;
margin:0;
}
.moreinfo{
padding:0;
margin:0 2px 0 0;
text-align:right;
font-size:10px;
}

#approche{
color:#bec0bf;
top:485px;
margin:0 0 0 -55px;
width:310px;
height:95px;
}
#choixpro{
color:#666;
top:605px;
margin:0 0 0 -60px;
width:135px;
height:65px;
}

#piedpage{
color:#bec0bf;
background-color:transparent;
text-align:right;
margin:10px 45px 10px 0;
}

#liensaccesskeys{
display:none;
float:left;
margin:5px 0 0 8px;
color:#bec0bf;
background-color:transparent;
}

/** Page services **/
#corpsservices{
height:361px;
background-image:url("corps_services.gif");
text-align:left;
color:#bec0bf;
}

#corpsservices strong{
color:#f4f6f5;
background-color:transparent;
}

#formationsequipements{
top:360px;
margin:0 0 0 -265px;
width:160px;
height:305px;
}
#locationequipements{
margin:25px 0 0 0;
}
#installationsupport{
top:350px;
margin:0 0 0 -65px;
width:320px;
height:95px;
}
#imginstall{
float:left;
text-align:left;
margin:0 8px 0 0;
}
#texteinstalls{
padding:0;
margin:0;
}
ul.listapplis{
margin:12px 0 0 0;
padding:0;
/*list-style-position:inside;*/
}
ul.listapplis li{
list-style-type: none;
background:url("arrow_applis.gif") center left no-repeat;
padding-left: 10px;
margin:0.25em 0;
}
ul.listapplis a,ul.listit a{
font-weight:bold;
}

p.moreinfoservices{
padding:0;
margin:10px 2px 0 0;
text-align:right;
font-size:10px;
}

#coordinationit{
top:500px;
margin:0 0 0 -70px;
width:150px;
height:160px;
}
ul.listit{
margin:6px 0 0 0;
padding:0;
/*list-style-position:inside;*/
}
ul.listit li{
list-style-type: none;
background:url("arrow_it.gif") center left no-repeat;
padding-left: 10px;
margin:0.25em 0;
}

#projectmanagement{
top:495px;
margin:0 0 0 119px;
width:150px;
height:160px;
}
#imgproject{
margin:0 0 0 0;
}

/** Page solutions **/
#corpssolutions{
width:571px;
height:361px;
background-image:url("corps_solutions.gif");
text-align:left;
color:#bec0bf;
}

#corpssolutions strong{
color:#f4f6f5;
background-color:transparent;
}

#developpementweb{
top:350px;
margin:0 0 0 -260px;
width:345px;
height:160px;
}

#imgdevweb,#imglocationvente{
float:left;
clear:both;
margin:12px 10px 0 0;
}

#textedevweb,#textelocationvente{
margin:8px 0 0 0;
}
p.moreinfosolutions{
padding:0;
margin:13px 2px 0 0;
text-align:right;
font-size:10px;
}

#clubdvddescription{
top:548px;
margin:0 0 0 -260px;
width:345px;
height:130px;
}

#referencesweb{
top:345px;
margin:0 0 0 110px;
width:175px;
height:315px;
}

#imgexweb{
margin:5px 0 0 25px;
}

/** page contact **/
#corpscontacts{
width:571px;
height:361px;
background-image:url("corps_contacts.gif");
text-align:left;
color:#bec0bf;
}

#corpscontacts strong{
color:#f4f6f5;
background-color:transparent;
}

#teamcontact{
top:350px;
margin:5px 0 0 -260px;
border:0;
width:160px;
height:295px;
}
p.people{
margin:6px 0;
}
#liendiscret,#liendiscret:hover,#liendiscret:active,#liendiscret:focus{
background-color:transparent;
color:#bec0bf;
text-decoration:none;
}

#formcontact{
top:350px;
margin:15px 0 0 -75px;
width:160px;
height:310px;
}

input,select,option,textarea{
border:1px solid #525353;
background-color:#fff;
color:#3c3f3e;
font-family:tahoma,Verdana,sans-serif;
font-size:11px;
margin:0 0 4px 0;
padding:2px;
}

#submitreset{
text-align:right;
margin:10px 0 0 0;
}
#submitreset input{
border:0;
background-color:transparent;
}

#idduform{
margin:0 0 2px 0;
}

.formok{
margin:0;
padding:0;
color:#0f0;
text-align:center;
background-color:transparent;
}

#infoscontacts{
top:350px;
margin:0 0 0 120px;
width:160px;
height:305px;
}

#imgyeminfo{
margin:18px 0 10px 2px;
}
#adresseyem{
margin:15px 0 0 0;
}
#adressemel{
margin:35px 0 0 0;
}

/** autres pages **/
#hautpage{
background-image:url("haut_page.gif");
height:38px;
}
#milieupage{
text-align:left;
color:#bec0bf;
background-color:#595c5d;
background-image:url("milieu_page.gif");
border-top:1px solid #595c5d;
border-bottom:1px solid #595c5d;
/** sinon curiosite FF et Opera **/
}
#baspage{
background-image:url("bas_page.gif");
height:13px;
}

h2{
color:#bec0bf;
background-color:#292b2a;
font-size:12px;
margin:10px;
padding:0 0 0 10px;
}

h3{
font-size:12px;
margin:5px;
padding:0 0 0 5px;
text-decoration:underline;
}

.topoaccessibilite,.topo{
margin:0 0 0 8px;
padding:0;
}