body {
 margin: 0;
 padding: 0;
 border: 0;
 text-align: center;
 font-family: Arial, sans serif;
 background: #fff url(medias/images/barre_entete.jpg) 0 -10px repeat-x;
 color: #333;
} 
 
a {
 text-decoration: none;
 color: #000;
}
a:hover { 
 color: #06c; 
}
ul {
 margin: 0;
 padding: 0 0 0 15px;
 border: 0;
}
li {
 margin: 0;
 padding: 0 0 5px 0;
 border: 0;
}
p {
 margin: 0;
 padding: 0 0 5px 0;
 border: 0;
}

h1 {
 margin: 0;
 padding: 15px 0 3px 0;
 border: 0;
 color: #900;
 font-size: 20px;
 font-weight: normal;
 letter-spacing: -0.02em;
}
h2 {
 margin: 0;
 padding: 15px 0 3px 0;
 font-size: 16px;
 font-weight: normal;
 letter-spacing: -0.02em;
}
h3 {
 margin: 0;
 padding: 15px 0 3px 0;
 font-size: 1em;
 color: #76685f;
 font-weight: normal;
 letter-spacing: -0.02em;
}
img {
 border: 0;
}
img.agauche { padding: 0 20px 20px 0;}
img.adroite { padding: 0 0 20px 20px;}

.agauche { float: left;}
.adroite { float: right;}
.alaligne { clear: both;}
.droite { text-align: right;}
.centre { text-align: center;}
.gauche { text-align: left;}

.important { font-weight: bold;}
.nowrap { white-space: nowrap;}
p.clear {
 clear: both;
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 0;
 height: 0;
}

#entete {
 margin: 0 auto;
 padding: 5px 0 0 0;
 border: 0;
 width: 980px;
 text-align: center;
}

#sommaire {
 background: #43352c;
 color: #fff;
}

#page {
 background: #d3c2ae;
 color: #fdefcc;
}
#page a.active{
 color: #76685f;
 font-style: italic;
}
#titre {
 margin: 0 auto;
 width: 980px;
 text-align: left;
}
#titre h1 {
 font-size: 18px;
 font-weight: bold;
 color: #43352c;
}
#titre ul {
 float: right;
 margin: 0 20px 0 0;
}
#titre ul li {
 float: left;
 padding: 0 20px;
 list-style: none;
}
#contenu {
 margin: 0 auto;
 border: 30px solid #76685f;
 -moz-border-radius: 10px; 
 -webkit-border-radius: 10px;
 border-radius: 10px;
 width: 930px;
 background: #fff;
 color: #333;
}
#contenu h2 {
 padding: 20px; 
 font-size: 22px;
 text-align: center;
}
#accroche {
 float: left;
 padding-right: 20px;
 width: 310px;
}
#accroche img {
 width: 310px;
}
#information {
 float: left;
 padding: 0 20px;
 width: 560px;
}


#pied {
 clear: both;
 margin: 0 auto;
 padding: 0;
 border: 0;
 width: 960px;
}
#pied h2 {
 padding-top: 40px;
}
.filemaker_business_alliance {
 height: 100px;
}

.gandi {
 height: 52px;
}

#credits {
 margin: 20px 0;
 padding: 20px 0 50px;
 border: 0;
 font-size: 0.8em;
 background: #76685f;
 color: #fdefcc;
}
#quiquoiou {
 margin: 0 auto;
 width: 980px;
}
#quiquoiou li {
 float: left;
 margin: 5px;
 padding: 0 20px 5px 20px;
 border: 0;
 width: 185px;
 list-style: none;
}
#qui {}
#quoi { padding: 0 5px;}
#ou {}

#menu {
 margin: 0 auto;
 padding: 10px 0;
 border: 0;
 background: #43352c;
 color: #fff;
 width: 980px;
 height: 30px;
}
#menu a.accueil {
 float: left;
 display: block;
 padding: 5px; 
 font-weight: bold;
 color: #fdefcc;
 height: 19px;
 line-height: 18px;
 font-size: 14px;
}

#menu ul {
 margin: 0; 
 padding: 0;
 list-style: none;
}
#menu li { 
 float: left; 
 margin: 0; 
 padding: 0;
 border: 0; 
} 
#competences a, #domaines a { 
 display: block; 
 margin: 0 1px 0 0; 
 padding: 5px 9.5px; 
 border-bottom: 0; 
 border-top: 1px solid #b2a296;
 border-left: 1px solid #b2a296;
 border-right: 1px solid #b2a296;
 background: #73695f;
 color: #fff;
 height: 18px;
 line-height: 18px;
 font-size: 14px;
 text-align: center; 
}
#menu a:hover { 
 background: #b2a296;
 color: #fff; 
}
#menu a.active { 
 border-bottom: 1px solid #ededed;
 background: #ededed;
 color: #900; 
}
#competences {
 float: right;
}
#domaines li a {
 font-weight: bold;
}
li#menubasededonnees a { width: 130px; background: #809d8f;}
li#menulogiciel a { width: 60px; background: #a58691;}
li#menusiteinternet a { width: 100px; background: #998675;}
li#menuconseil a { width: 60px;}
li#menudeveloppement a { width: 110px;}
li#menuhebergement a { width: 100px;}
li#menuformation a { width: 80px;}
li#menuservice a { width: 70px;}

#logo {
 float: left;
 padding: 0 20px;
 width: 260px;
}
#bienvenue {
 float: left;
 width: 520px;
}

#bienvenue p {
 font-size: 12px;
 font-style: italic;
 color: #999;
}

#menusite {
 margin: 0 auto;
 width: 980px;
 text-align: left;
}
#menusite li {
 float: left;
 margin: 5px;
 padding: 5px 20px;
 border: 1px solid #ccc;
 width: 185px;
 height: 20px;
 font-size: 14px;
 font-weight: bold;
 background: #998675;
 color: #fff;
 list-style: none;
}
#menusite li a {
 color: #fff;
}

#solutions li {
 float: left;
 margin: 5px;
 padding: 5px 20px;
 border: 1px solid #ccc;
 width: 185px;
 height: 80px;
 font-size: 14px;
 font-weight: bold;
 background: #fff;
 color: #333;
 list-style: none;
}
#solutions li span {
 color: #666;
}
#solutions li#nouveau092011 {
 background: #fff url(medias/images/Nouveau092011.jpg) 100% 100% no-repeat;
}

#contact {
 float: right;
 width: 150px;
}
#contact a {
 color: #333;
 font-weight: bold;
}
#contact h2 {
 margin: 0;
 padding: 0;
 border: 0;
}

.contact {color: #900;}


#bande {
 margin: 0;
 padding: 0;
 border: 0;
 background: #808080;
}
#bandeau {
 margin: 0 auto;
 padding: 0;
 border-top: 0;
 border-bottom: 0;
 border-left: 30px solid #554540;
 border-right: 30px solid #554540;
 width: 960px;
 height: 210px;
 background: #ededed;
}
#offres {
 float: right;
 margin: 0;
 padding: 20px;
 border: 0;
 width: 580px;
 text-align: left;
}

#informations {
 float: left;
 margin: 0;
 padding : 35px 0 0 20px;
 border: 0;
 width: 280px;
}



#marques {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 0.8em;
 color: #666;
}

em.info {
 display: block;
 margin: 10px 20px 10px 50px;
 padding: 5px;
 border: 1px solid #76685f;
 font-size: 0.8em;
 color: #76685f;
}