body {
    margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
    font-size: 10px; line-height: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
p { font-size:9px;letter-spacing:0.01px;line-height: 14px;}
b { font-size: 11px; }
a { color: black; }
a:link { text-decoration: none; }
a:visited   { text-decoration: none; }
a:hover   { color: #de6328; text-decoration: none; }
.menu { }
.menu a:link { color: #b4b4b4; text-decoration: none; }
.menu a:hover { color: #de6328; text-decoration: underline; }

h1{
    color: #6d4099;
    font-weight: bold;
    font-size: 11px;
}

h2{
    color: #6d4099;
    font-weight: bold;
    font-size: 11px;
}
h3{
    color: #000000;
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 5px;
}


#conteneur {
    width:702px;
    height:502px;
    margin: 0 auto;
    margin-top:100px;
    background-image: url(/medias/images/presentation/fond2.gif);
    text-align:left;

}
#footer {
    width:702px;
    height:20px;
    margin: 0 auto;
    text-align:left;
    letter-spacing:0.01px;
    font-size: 9px;
}


#menu{
    position: absolute;
    height:21px;
    width:652px;
    margin-top: 250px;
    margin-left:25px;
    background-color: #de6328;
}
/* PRESENTATION */
#menu #presentation a{
  background-repeat:no-repeat;
  background-image: url(/medias/images/index/barre_presentation.gif);
  width:109px;
  height:21px;
  display:block;
}
#menu #presentation a:hover{
  background-repeat:no-repeat;
  background-image: url(/medias/images/index/barre_presentation-over.gif);
}

/* PRESENTATION */
#menu #creations a{
  background-repeat:no-repeat;
  background-image: url(/medias/images/index/barre_creations.gif);
  width:109px;
  height:21px;
  display:block;
}
#menu #creations a:hover{
  background-repeat:no-repeat;
  background-image: url(/medias/images/index/barre_creations-over.gif);
}

/* CONTACT */
#menu #contact a{
  background-repeat:no-repeat;
  background-image: url(/medias/images/presentation/contact.gif);
  width:55px;
  height:21px;
  display:block;
}
#menu #contact a:hover{
  background-repeat:no-repeat;
  background-image: url(/medias/images/presentation/contact-over.gif);
}

/* ACCUEIL */
#menu #accueil a{
  background-repeat:no-repeat;
  background-image: url(/medias/images/presentation/barre_accueil.gif);
  width:83px;
  height:21px;
  display:block;
}
#menu #accueil a:hover{
  background-repeat:no-repeat;
  background-image: url(/medias/images/presentation/barre_accueil-over.gif);
}

#logo{
    position:absolute;
    background-image:url(/medias/images/index/logo_kerwan_big1.gif);
    width:150px;
    height:52px;
    margin-top:198px;
    margin-left:35px;
}

#intro{
    position: absolute;
    width:350px;
    margin-left:300px;
    margin-top:60px;
    text-align: left;
}
#lesclients{
    position: absolute;
    width:350px;
    margin-left:300px;
    margin-top:305px;
    text-align: left;
    font-size:9px;
    letter-spacing: 0.5px;
    line-height: 14px;
}

#contact_popup{
    background:url(/medias/images/contact/cadre.gif) no-repeat;
    width:199px;
    height:269px;
    margin:auto;
    margin-top: 10px;
    text-align: center;
    font-size: 11px;
    
}