/*------------GENERAL------------*/

* {
padding: 0;
margin: 0;
}

body {
font-family: trebuchet ms, Verdana, Arial, sans-serif ; color: #2a2a2a;
background: url(ims/fond.jpg) repeat-x;
background-color: #81989E;
font-size: 0.9em;
font-weight: 400;
text-align: justify;
}

#logo {
position: absolute;
left: 23px;
top: 35px;
}

#page {
position: relative;
width: 775px;
margin: auto;
background: url(ims/corps.gif);
}

#contenu {
position: relative;
margin-left: 45px;
width :725px;
}

a {
color: #326A76;
text-decoration: none;
}

a:link {
color: #326A76;
}

a:visited {
color: #326A76;
}

a:hover {
color: #F8951D;
}

#contenu img {
border: 0;
}

h1, h2, h3, h4, h5 {
position: absolute;
top: -5000px;
left: -5000px;
}

b {
font-weight: 400;
}


/*------------HAUT------------*/

#header {
position: relative;
width :775px;
height: 240px;
background: url(ims/haut.jpg) no-repeat;
}

#header ul {
width: 774px;
padding-top: 3px;
font-family: Verdana;
font-size: 0.7em;
text-align: right;
}

#header li {
color: #ffffff;
display: inline;
}

#header p {
text-align: center;
font-family: Arial;
font-size: 0.7em;
color: #cccccc;
}

#header a {
font-size: 1.2em;
font-weight: 400;
text-decoration: none; 
}

#header a:link {
color: #ffffff;
}

#header a:visited {
color: #ffffff;
}

#header a:hover {
color: #cccccc;
}

#header span {
font-size: 1.2em;
color: #cccccc;
}

/*------------MENU------------*/

#menu {
position: absolute;
width :760px;
height: 39px;
left: 13px;
top: 198px;
text-indent: -10000px;
}

#menu ul {
list-style:none;
}

#m1 {
position: absolute;
width :68px;
height: 22px;
left: 0px;
top: 0px;
background: url(ims/menu/accueil.gif) top left no-repeat;
}

#m1:hover {
background: url(ims/vide.gif) top left no-repeat;
}

#m2 {
position: absolute;
width :69px;
height: 22px;
left: 85px;
top: 0px;
background: url(ims/menu/analyse.gif) top left no-repeat;
}

#m2:hover {
background: url(ims/vide.gif) top left no-repeat;
}

#m3 {
position: absolute;
width :141px;
height: 22px;
left: 172px;
top: 0px;
background: url(ims/menu/referencement.gif) top left no-repeat;
}

#m3:hover {
background: url(ims/vide.gif) top left no-repeat;
}

#m4 {
position: absolute;
width :124px;
height: 22px;
left: 329px;
top: 0px;
background: url(ims/menu/mep.gif) top left no-repeat;
}

#m4:hover {
background: url(ims/vide.gif) top left no-repeat;
}

#m5 {
position: absolute;
width :123px;
height: 22px;
left: 471px;
top: 0px;
background: url(ims/menu/hebergement.gif) top left no-repeat;
}

#m5:hover {
background: url(ims/vide.gif) top left no-repeat;
}

#m6 {
position: absolute;
width :46px;
height: 22px;
left: 611px;
top: 0px;
background: url(ims/menu/tarifs.gif) top left no-repeat;
}

#m6:hover {
background: url(ims/vide.gif) top left no-repeat;
}

#m8 {
position: absolute;
width :76px;
height: 22px;
left: 674px;
top: 0px;
background: url(ims/menu/contact.gif) top left no-repeat;
}

#m8:hover {
background: url(ims/vide.gif) top left no-repeat;
}

/*------------CONTENU LEFT------------*/

#left {
float: left;
width: 489px;
margin-top: 75px;
}

#left p {
line-height: 1.3em;
margin-top: 5px;
}

#left i {
color: #000000;
font-size: 0.8em;
font-family: Arial;
}

#left span {
font-size: 0.9em;
font-weight: 700;
color: #000000;
}

#left strong {
color: #000000;
font-size: 0.9em;
}

#left a {
color: #F8951D;
text-decoration: none;
}

#left a:link {
color: #F8951D;
}

#left a:visited {
color: #F8951D;
}

#left a:hover {
color: #326A76;
}

/*------------CONTENU LEFT TITRES------------*/

#titre-accueil {
position: absolute;
top: 12px;
left: -44px;
width: 537px;
height: 51px;
background: url(ims/titre-accueil.gif) no-repeat;
}

#titre-access {
position: absolute;
top: 12px;
left: -44px;
width: 537px;
height: 51px;
background: url(ims/titre-access.gif) no-repeat;
}

#titre-analyse {
position: absolute;
top: 12px;
left: -44px;
width: 537px;
height: 51px;
background: url(ims/titre-analyse.gif) no-repeat;
}

#titre-referencement {
position: absolute;
top: 12px;
left: -44px;
width: 537px;
height: 51px;
background: url(ims/titre-referencement.gif) no-repeat;
}

#titre-creation {
position: absolute;
top: 12px;
left: -44px;
width: 537px;
height: 51px;
background: url(ims/titre-creation.gif) no-repeat;
}

#titre-tarifs-accueil {
position: absolute;
top: 12px;
left: -44px;
width: 537px;
height: 51px;
background: url(ims/titre-tarifs-accueil.gif) no-repeat;
}

#titre-vitrine {
position: absolute;
top: 12px;
left: -44px;
width: 537px;
height: 51px;
background: url(ims/titre-vitrine.gif) no-repeat;
}

#titre-presence {
position: absolute;
top: 12px;
left: -44px;
width: 537px;
height: 51px;
background: url(ims/titre-presence.gif) no-repeat;
}

#titre-tarifs {
position: absolute;
top: 12px;
left: -44px;
width: 537px;
height: 51px;
background: url(ims/titre-tarifs.gif) no-repeat;
}

#titre-cms {
position: absolute;
top: 12px;
left: -44px;
width: 537px;
height: 51px;
background: url(ims/titre-cms.gif) no-repeat;
}

#titre-tarif-pro {
position: absolute;
top: 12px;
left: -44px;
width: 537px;
height: 51px;
background: url(ims/titre-tarif-pro.gif) no-repeat;
}

#titre-hebergement {
position: absolute;
top: 12px;
left: -44px;
width: 537px;
height: 51px;
background: url(ims/titre-hebergement.gif) no-repeat;
}

#titre-contact {
position: absolute;
top: 12px;
left: -44px;
width: 537px;
height: 51px;
background: url(ims/titre-contact.gif) no-repeat;
}

#titre-philosophie {
position: absolute;
top: 12px;
left: -44px;
width: 537px;
height: 51px;
background: url(ims/titre-philosophie.gif) no-repeat;
}

#titre-faq {
position: absolute;
top: 12px;
left: -44px;
width: 537px;
height: 51px;
background: url(ims/titre-faq.gif) no-repeat;
}

#titre-mentions {
position: absolute;
top: 12px;
left: -44px;
width: 537px;
height: 51px;
background: url(ims/titre-mentions.gif) no-repeat;
}

#titre-partenaires {
position: absolute;
top: 12px;
left: -44px;
width: 537px;
height: 51px;
background: url(ims/titre-partenaires.gif) no-repeat;
}

#titre-pub {
position: absolute;
top: 12px;
left: -44px;
width: 537px;
height: 51px;
margin-bottom: 25px;
background: url(ims/titre-pub.gif) no-repeat;
}

#titre-communication {
position: absolute;
top: 12px;
left: -44px;
width: 537px;
height: 51px;
background: url(ims/titre-communication.gif) no-repeat;
}

#titre-stop {
position: absolute;
top: 12px;
left: -44px;
width: 537px;
height: 51px;
background: url(ims/titre-stop.gif) no-repeat;
}

#titre-devis {
position: absolute;
top: 12px;
left: -44px;
width: 537px;
height: 51px;
background: url(ims/titre-devis.gif) no-repeat;
}

/*------------CONTENU LEFT SOUS-TITRES------------*/

#sous-titre {
position: relative;
width: 537px;
margin-left: -44px;
margin-bottom: 20px;
background: url(ims/ap-sous-titre.gif);
}

#sous-titre p {
width: 480px;
margin-left: 46px;
padding-top: 4px;
padding-bottom: 5px;
font-size: 0.9em;
font-weight: 700;
line-height: 1.2em;
}

#sous-titre2 {
position: relative;
width: 537px;
margin-left: -44px;
margin-top: 17px;
margin-bottom: 17px;
background: url(ims/ap-sous-titre.gif);
}

#sous-titre2 p {
width: 480px;
margin-left: 46px;
padding-top: 4px;
padding-bottom: 5px;
font-size: 0.9em;
font-weight: 700;
line-height: 1.2em;
}

/*------------CONTENU LEFT ACCESS------------*/

#left-access {
float: left;
width: 489px;
margin-top: 75px;
}

#left-access strong {
font-size: 0.9em;
line-height: 1.8em;
}

/*------------CONTENU RIGHT------------*/

#right {
float: right;
margin-top: 5px;
width :205px;
}

#right p {
margin-top: 3px;
line-height: 1.2em;
text-align: justify;
}

#right b {
line-height: 2em;
font-size: 0.8em;
font-weight: 700;
font-family: Verdana;
color: #FE0303;
}

.pix-bas {
width : 196px;
height : 35px;
background: url(ims/pix-bas.gif) no-repeat;
background-position: center; 
}

.pixmg {
width : 21px;
background-image: url(ims/pixmg.gif);
background-repeat: repeat-y;
background-position: left; 
}

.pixmd {
width : 21px;
background-image: url(ims/pixmd.gif);
background-repeat: repeat-y;
background-position: right; 
}

/*------------CONTENU RIGHT TITRES------------*/

.titre-infos {
width : 196px;
height : 40px;
background: url(ims/titre-infos.gif) no-repeat;
background-position: center; 
}

.titre-budget {
width : 196px;
height : 40px;
background: url(ims/titre-budget.gif) no-repeat;
background-position: center; 
}

.titre-plan {
width : 196px;
height : 40px;
background: url(ims/titre-plan.gif) no-repeat;
background-position: center; 
}

.titre-questions {
width : 196px;
height : 40px;
background: url(ims/titre-questions.gif) no-repeat;
background-position: center; 
}


/*------------PIED------------*/

#pied {
width: 730px;
margin-top: 15px;
margin-left: 25px;
padding-top : 35px; 
padding-bottom : 10px; 
color: #3F6778; 
clear: both;
}

#pied p {

text-align: center;
font-family: verdana;
font-size: 0.8em;
}

#pied ul {
width: 720px;
margin: 0 0 5px; 
text-align: center;
font-family: verdana;
font-size: 0.8em;
border-bottom: 1px solid #F8951D;  
}

#pied li {
display: inline;
}

#pied li p {
margin:55px 0 10px; 
padding: 5px 0 0;
text-decoration: none;
display: inline;
}

#bas {
position: relative;
width: 775px;
text-align: center;
}

#internet {
margin: auto;
width: 775px;
}

#internet p {
text-align: center;
font-size: 0.8em;
color: #B3C8CD;
line-height: 1.3em;
}

#tags-bas {
position: absolute;
margin-top: 1130px;
width: 775px;
}

#tags-bas p {
text-align: center;
font-size: 0.6em;
color: #B3C8CD;
line-height: 1.3em;
}