/* mise en forme générale du site Internet de letizia-capecchi.fr */

body {
  background: #F5F5F5;
  margin: 0; padding: 0;
  text-align: center; font-family: Verdana, Tahoma, Arial, sans-serif; color: #242424;
}
#page {
  position: relative;
  width: 52em; margin: 5 auto; padding: 3; text-align: left;
  font-size: 0.88em;
  border: 0px solid #C0C0C0;
}
#entete {
  clear: both; width: 100%; margin: 0; padding: 3px;
  text-align: right; font-size: 0.88em; color: #C1CDC1; font-weight: normal; font-style: italic;
  background: #2F4F4F;
}
#navigation {
  background: #C1CDC1; padding: 3px; padding-top: 5px; width: 100%;
  text-align: center; color: #2F4F4F; font-weight: bold;
}
#navigation .ici { text-decoration: overline;}
#pied {
  clear: both; width: 100%; margin: 0; margin-top: 40px; padding: 3px;
  text-align: center; font-size: 0.96em; color: #C1CDC1; font-weight: bold;
  background: #2F4F4F;
}
#pied a, #entete a {color: #C1CDC1; text-decoration: none;}
#navigation a {color: #2F4F4F; text-decoration: none;}
#pied a:hover, #navigation a:hover {text-decoration: underline;}

#intro {margin-left: 270px; margin-right: 80px; margin-top: 20px; font-size: 0.82em;}

/*Mise en place des box services */
#box-services-accueil {
  margin-left: 220px; margin-right: 20px;
}
#box-services-autres {
  width: 90%; margin: 20 auto;
}
#services {
  padding: 0; padding-left: 2px; padding-right: 2px;
  border: 1px solid #C1CDC1;
}
#services li {margin-top: 5px;}

/* Mise en place de l'encart de gauche */
.encart {
  float: left;
  width: 27%;
}
.photo {
  float: left;
  margin-top: 5px; margin-right: 5px; padding: 3px;
  border: 1px solid #C1CDC1;
}
.reseaux {
  margin-left: 0px; padding: 3px; padding-top: 0;
  font-size: 0.88em;
}
.reseaux a {text-decoration: none;}
.reseaux a:hover {text-decoration: underline;}

/* Mise en place des references clients */
.references-box {
  text-align: center;
}
.references-liste {
  margin: 0 auto;
  width: 92%;
}
.img-clients {
  float: left;
  margin: 5px; padding: 3px;
}
.legende-clients {
  text-align: center;
  width: 150px;
  font-size: 0.76em; font-style: italic;
  margin-top: 1px;
}

/* Divers et généralités */
.nettoyeur {clear:both;}
.plus {text-align: right; margin-top: 0; margin-bottom: 20px; font-size: 0.76em;}
.box-plus {width: 80%; margin: 10 auto 20 auto; font-size: 0.89em;}
.img-blog {
  float: left;
  margin-right: 8px; margin-bottom: 10px; padding: 3px;
  border: 1px solid #C0C0C0;
}
h1 {font-size: 1.42em; text-align: center; font-style: normal;}
h2 {font-size: 1.21em; margin-top: 30px;}
h2.page-details {text-align: center; padding-bottom: 0; margin-bottom: 0; font-size:1.35em; color: #2F4F4F;}
h3 {font-size: 1.09em; text-align: center; margin: 2px; padding: 0;}
h3.page-details {text-align: center; font-weight: normal; padding-bottom: 10px; font-size:0.96em; color: #2F4F4F;}
h4 {font-size: 1.09em; text-align: left; margin-left: 70px; margin-top: 30px;}
h4.page-details {margin-left: 0px; margin-bottom: 10px;}
ul {margin-left: 0; padding-left: 20px;}
ol {list-style-type: upper-roman}
a {color: #2F4F4F;}
a.violet {color: #8B475D;}
a:hover { color: mediumblue;}
img {border: 0;}
a:hover img { filter:alpha(opacity=70); opacity: 0.7;}

#legale {font-size: 0.77em; color: graytext; text-align: center;}