html, body{
 width:100%;
 height:100%;
 padding:0;
 margin:0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
#top{
 height:50px;
 width:100%;
 padding:0;
 margin:0;
 background-image:url("images/menu/fondmenu.gif");
 background-repeat:repeat-x;
 position: fixed;
 top: 0px;
 left: 0px;
 overflow:auto;
}
#menu{
 width:700px;
 margin: 0 auto 0 auto;
 padding:0;
}
#menu a{
 display:block;
 float:left;
 margin:0;
 padding:0;
 background-repeat:no-repeat;
}
#menu #accueil a{
 width:60px;
 height:35px;
 background-image:url("images/menu/accueil.gif");
}
#menu #accueil a:hover{
 background-image:url("images/menu/accueil_actif.gif");
}
#menu #presentation a{
 width:95px;
 height:35px;
 background-image:url("images/menu/presentation.gif");
}
#menu #presentation a:hover{
 background-image:url("images/menu/presentation_actif.gif");
}
#menu #competences a{
 width:100px;
 height:35px;
 background-image:url("images/menu/competences.gif");
}
#menu #competences a:hover{
 background-image:url("images/menu/competences_actif.gif");
}
#menu #actualites a{
 width:80px;
 height:35px;
 background-image:url("images/menu/actualites.gif");
}
#menu #actualites a:hover{
 background-image:url("images/menu/actualites_actif.gif");
}
#menu #references a{
 width:85px;
 height:35px;
 background-image:url("images/menu/references.gif");
}
#menu #references a:hover{
 background-image:url("images/menu/references_actif.gif");
}
#menu #clients a{
 width:60px;
 height:35px;
 background-image:url("images/menu/clients.gif");
}
#menu #clients a:hover{
 background-image:url("images/menu/clients_actif.gif");
}
#menu #applications a{
 display:block;
 width:100px;
 height:35px;
 background-image:url("images/menu/applications.gif");
}
#menu #applications a:hover{
 background-image:url("images/menu/applications_actif.gif");
}
#menu #emploi a{
 display:block;
 width:60px;
 height:35px;
 background-image:url("images/menu/emploi.gif");
}
#menu #emploi a:hover{
 background-image:url("images/menu/emploi_actif.gif");
}
#menu #contact a{
 width:60px;
 height:35px;
 background-image:url("images/menu/contact.gif");
}
#menu #contact a:hover{
 background-image:url("images/menu/contact_actif.gif");
}
#page{
 width:700px;
 margin: 25px auto 0 auto;
 padding:60px 0  0;
 text-align:center;
}
h1{
 font-weight: bold;
 margin:10px 0 0 0;
 padding:0;
 font-size:2em;
}
h1 span{
 color:blue;
}
h2{
 font-weight:bold;
 margin: 0 auto 0 auto;
 text-align:center;
 padding:0;
 font-size: 1.5em;
}
h3{
 font-weight:bold;
 margin: 0 auto 0 auto;
 text-align:center;
 padding:0;
 font-size: 1.2em;
}
h4{
 font-weight:bold;
 margin: 0 0 0 0;
 padding:0;
 font-size: 1.1em;
}
h6{
 text-align:center;
}
a,a:hover{
 color:#3399ff;
 text-decoration:underline;
}
a img{
 border:0;
}
strong{
 font-weight:bold;
}

.article{
 width:425px;
 margin:0;
 padding:0 0 20px 0;
 font-size:0.7em;
 text-align:left;
 clear:both;
}
.article .image{
 width:235px;
 height:100%;
 margin:0;
 padding:0;
 float:left;
}
.article .image img{
 float:left;
 margin:0 0 10px 0;
}
.article .texte{
 width:190px;
 height:100%;
 margin:0;
 padding:0;
 float:left;
}
.article .texte h4{
 color:#3399ff;
 font-style:italic;
}
form{
 text-align:left;
 width:400px;
 margin:0 auto 0 auto;
 padding:0;
}
form input{
 width:270px;
}
form label{
 display:block;
 float:left;
 width:100px;
}